diff --git a/CHANGELOG.md b/CHANGELOG.md
index feda41320..66b160a94 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -15,6 +15,7 @@ The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.0.0/).
 - **Breaking:** removed `with_move` parameter from notifications timeline.
 
 ### Added
+- Instance: Add `background_image` to configuration and `/api/v1/instance`
 - Instance: Extend `/api/v1/instance` with Pleroma-specific information.
 - NodeInfo: `pleroma:api/v1/notifications:include_types_filter` to the `features` list.
 - NodeInfo: `pleroma_emoji_reactions` to the `features` list.
diff --git a/benchmarks/load_testing/activities.ex b/benchmarks/load_testing/activities.ex
index 482e42fc1..ff0d481a8 100644
--- a/benchmarks/load_testing/activities.ex
+++ b/benchmarks/load_testing/activities.ex
@@ -123,7 +123,7 @@ def generate_tagged_activities(opts \\ []) do
     Enum.each(1..activity_count, fn _ ->
       random = :rand.uniform()
       i = Enum.find_index(intervals, fn {lower, upper} -> lower <= random && upper > random end)
-      CommonAPI.post(Enum.random(users), %{"status" => "a post with the tag #tag_#{i}"})
+      CommonAPI.post(Enum.random(users), %{status: "a post with the tag #tag_#{i}"})
     end)
   end
 
@@ -137,8 +137,8 @@ defp generate_long_thread(visibility, user, friends, non_friends, _opts) do
 
     {:ok, activity} =
       CommonAPI.post(user, %{
-        "status" => "Start of #{visibility} long thread",
-        "visibility" => visibility
+        status: "Start of #{visibility} long thread",
+        visibility: visibility
       })
 
     Agent.update(:benchmark_state, fn state ->
@@ -186,7 +186,7 @@ defp insert_activity("simple", visibility, group, user, friends, non_friends, _o
     {:ok, _activity} =
       group
       |> get_actor(user, friends, non_friends)
-      |> CommonAPI.post(%{"status" => "Simple status", "visibility" => visibility})
+      |> CommonAPI.post(%{status: "Simple status", visibility: visibility})
   end
 
   defp insert_activity("emoji", visibility, group, user, friends, non_friends, _opts) do
@@ -194,8 +194,8 @@ defp insert_activity("emoji", visibility, group, user, friends, non_friends, _op
       group
       |> get_actor(user, friends, non_friends)
       |> CommonAPI.post(%{
-        "status" => "Simple status with emoji :firefox:",
-        "visibility" => visibility
+        status: "Simple status with emoji :firefox:",
+        visibility: visibility
       })
   end
 
@@ -213,8 +213,8 @@ defp insert_activity("mentions", visibility, group, user, friends, non_friends,
       group
       |> get_actor(user, friends, non_friends)
       |> CommonAPI.post(%{
-        "status" => Enum.join(user_mentions, ", ") <> " simple status with mentions",
-        "visibility" => visibility
+        status: Enum.join(user_mentions, ", ") <> " simple status with mentions",
+        visibility: visibility
       })
   end
 
@@ -236,8 +236,8 @@ defp insert_activity("hell_thread", visibility, group, user, friends, non_friend
       group
       |> get_actor(user, friends, non_friends)
       |> CommonAPI.post(%{
-        "status" => mentions <> " hell thread status",
-        "visibility" => visibility
+        status: mentions <> " hell thread status",
+        visibility: visibility
       })
   end
 
@@ -262,9 +262,9 @@ defp insert_activity("attachment", visibility, group, user, friends, non_friends
 
     {:ok, _activity} =
       CommonAPI.post(actor, %{
-        "status" => "Post with attachment",
-        "visibility" => visibility,
-        "media_ids" => [object.id]
+        status: "Post with attachment",
+        visibility: visibility,
+        media_ids: [object.id]
       })
   end
 
@@ -272,7 +272,7 @@ defp insert_activity("tag", visibility, group, user, friends, non_friends, _opts
     {:ok, _activity} =
       group
       |> get_actor(user, friends, non_friends)
-      |> CommonAPI.post(%{"status" => "Status with #tag", "visibility" => visibility})
+      |> CommonAPI.post(%{status: "Status with #tag", visibility: visibility})
   end
 
   defp insert_activity("like", visibility, group, user, friends, non_friends, opts) do
@@ -312,8 +312,7 @@ defp insert_activity("simple_thread", visibility, group, user, friends, non_frie
     actor = get_actor(group, user, friends, non_friends)
     tasks = get_reply_tasks(visibility, group)
 
-    {:ok, activity} =
-      CommonAPI.post(user, %{"status" => "Simple status", "visibility" => visibility})
+    {:ok, activity} = CommonAPI.post(user, %{status: "Simple status", visibility: visibility})
 
     acc = {activity.id, ["@" <> actor.nickname, "reply to status"]}
     insert_replies(tasks, visibility, user, friends, non_friends, acc)
@@ -336,8 +335,8 @@ defp insert_activity("simple_thread", "direct", group, user, friends, non_friend
 
     {:ok, activity} =
       CommonAPI.post(actor, %{
-        "status" => Enum.join(data, ", ") <> "simple status",
-        "visibility" => "direct"
+        status: Enum.join(data, ", ") <> "simple status",
+        visibility: "direct"
       })
 
     acc = {activity.id, ["@" <> user.nickname | data] ++ ["reply to status"]}
@@ -527,9 +526,9 @@ defp insert_direct_replies(tasks, user, list, acc) do
   defp insert_reply(actor, data, activity_id, visibility) do
     {:ok, reply} =
       CommonAPI.post(actor, %{
-        "status" => Enum.join(data, ", "),
-        "visibility" => visibility,
-        "in_reply_to_status_id" => activity_id
+        status: Enum.join(data, ", "),
+        visibility: visibility,
+        in_reply_to_status_id: activity_id
       })
 
     {reply.id, ["@" <> actor.nickname | data]}
diff --git a/benchmarks/load_testing/fetcher.ex b/benchmarks/load_testing/fetcher.ex
index 12c30f6f5..0de4924bc 100644
--- a/benchmarks/load_testing/fetcher.ex
+++ b/benchmarks/load_testing/fetcher.ex
@@ -387,56 +387,47 @@ defp render_timelines(user) do
 
     favourites = ActivityPub.fetch_favourites(user)
 
-    output_relationships =
-      !!Pleroma.Config.get([:extensions, :output_relationships_in_statuses_by_default])
-
     Benchee.run(
       %{
         "Rendering home timeline" => fn ->
           StatusView.render("index.json", %{
             activities: home_activities,
             for: user,
-            as: :activity,
-            skip_relationships: !output_relationships
+            as: :activity
           })
         end,
         "Rendering direct timeline" => fn ->
           StatusView.render("index.json", %{
             activities: direct_activities,
             for: user,
-            as: :activity,
-            skip_relationships: !output_relationships
+            as: :activity
           })
         end,
         "Rendering public timeline" => fn ->
           StatusView.render("index.json", %{
             activities: public_activities,
             for: user,
-            as: :activity,
-            skip_relationships: !output_relationships
+            as: :activity
           })
         end,
         "Rendering tag timeline" => fn ->
           StatusView.render("index.json", %{
             activities: tag_activities,
             for: user,
-            as: :activity,
-            skip_relationships: !output_relationships
+            as: :activity
           })
         end,
         "Rendering notifications" => fn ->
           Pleroma.Web.MastodonAPI.NotificationView.render("index.json", %{
             notifications: notifications,
-            for: user,
-            skip_relationships: !output_relationships
+            for: user
           })
         end,
         "Rendering favourites timeline" => fn ->
           StatusView.render("index.json", %{
             activities: favourites,
             for: user,
-            as: :activity,
-            skip_relationships: !output_relationships
+            as: :activity
           })
         end
       },
diff --git a/config/config.exs b/config/config.exs
index 7de93511d..838508c1b 100644
--- a/config/config.exs
+++ b/config/config.exs
@@ -183,6 +183,7 @@
   email: "example@example.com",
   notify_email: "noreply@example.com",
   description: "A Pleroma instance, an alternative fediverse server",
+  background_image: "/images/city.jpg",
   limit: 5_000,
   chat_limit: 5_000,
   remote_limit: 100_000,
@@ -251,8 +252,6 @@
     ]
   ]
 
-config :pleroma, :extensions, output_relationships_in_statuses_by_default: true
-
 config :pleroma, :feed,
   post_title: %{
     max_length: 100,
@@ -378,6 +377,10 @@
 
 config :pleroma, :media_proxy,
   enabled: false,
+  invalidation: [
+    enabled: false,
+    provider: Pleroma.Web.MediaProxy.Invalidation.Script
+  ],
   proxy_opts: [
     redirect_on_failure: false,
     max_body_length: 25 * 1_048_576,
diff --git a/config/description.exs b/config/description.exs
index a800d7823..324cae8cf 100644
--- a/config/description.exs
+++ b/config/description.exs
@@ -679,15 +679,6 @@
           7
         ]
       },
-      %{
-        key: :federation_publisher_modules,
-        type: {:list, :module},
-        description:
-          "List of modules for federation publishing. Module names are shortened (removed leading `Pleroma.Web.` part), but on adding custom module you need to use full name.",
-        suggestions: [
-          Pleroma.Web.ActivityPub.Publisher
-        ]
-      },
       %{
         key: :allow_relay,
         type: :boolean,
@@ -1902,12 +1893,6 @@
       (see https://github.com/sorentwo/oban/issues/52).
     """,
     children: [
-      %{
-        key: :repo,
-        type: :module,
-        description: "Application's Ecto repo",
-        suggestions: [Pleroma.Repo]
-      },
       %{
         key: :verbose,
         type: {:dropdown, :atom},
@@ -2682,18 +2667,6 @@
       }
     ]
   },
-  %{
-    group: :http_signatures,
-    type: :group,
-    description: "HTTP Signatures settings",
-    children: [
-      %{
-        key: :adapter,
-        type: :module,
-        suggestions: [Pleroma.Signature]
-      }
-    ]
-  },
   %{
     group: :pleroma,
     key: :http,
diff --git a/docs/API/differences_in_mastoapi_responses.md b/docs/API/differences_in_mastoapi_responses.md
index 6d37d9008..e65fd5da4 100644
--- a/docs/API/differences_in_mastoapi_responses.md
+++ b/docs/API/differences_in_mastoapi_responses.md
@@ -216,6 +216,7 @@ Has theses additional parameters (which are the same as in Pleroma-API):
 - `avatar_upload_limit`: The same for avatars
 - `background_upload_limit`: The same for backgrounds
 - `banner_upload_limit`: The same for banners
+- `background_image`: A background image that frontends can use
 - `pleroma.metadata.features`: A list of supported features
 - `pleroma.metadata.federation`: The federation restrictions of this instance
 - `vapid_public_key`: The public key needed for push messages
diff --git a/docs/API/pleroma_api.md b/docs/API/pleroma_api.md
index 5895613a3..a25456b7d 100644
--- a/docs/API/pleroma_api.md
+++ b/docs/API/pleroma_api.md
@@ -265,7 +265,7 @@ See [Admin-API](admin_api.md)
 * Method `PUT`
 * Authentication: required
 * Params:
-    * `image`: Multipart image
+    * `file`: Multipart image
 * Response: JSON. Returns a mastodon media attachment entity
   when successful, otherwise returns HTTP 415 `{"error": "error_msg"}`
 * Example response:
@@ -426,7 +426,7 @@ The status posting endpoint takes an additional parameter, `in_reply_to_conversa
 * Authentication: required
 * Params:
   * `file`: file needs to be uploaded with the multipart request or link to remote file.
-  * `shortcode`: (*optional*) shortcode for new emoji, must be uniq for all emoji. If not sended, shortcode will be taken from original filename.
+  * `shortcode`: (*optional*) shortcode for new emoji, must be unique for all emoji. If not sended, shortcode will be taken from original filename.
   * `filename`: (*optional*) new emoji file name. If not specified will be taken from original filename.
 * Response: JSON, list of files for updated pack (hashmap -> shortcode => filename) with status 200, either error status with error message.
 
diff --git a/docs/configuration/cheatsheet.md b/docs/configuration/cheatsheet.md
index 1078c4e87..9af8ee95a 100644
--- a/docs/configuration/cheatsheet.md
+++ b/docs/configuration/cheatsheet.md
@@ -249,6 +249,40 @@ This section describe PWA manifest instance-specific values. Currently this opti
 * `base_url`: The base URL to access a user-uploaded file. Useful when you want to proxy the media files via another host/CDN fronts.
 * `proxy_opts`: All options defined in `Pleroma.ReverseProxy` documentation, defaults to `[max_body_length: (25*1_048_576)]`.
 * `whitelist`: List of domains to bypass the mediaproxy
+* `invalidation`: options for remove media from cache after delete object:
+    * `enabled`: Enables purge cache
+    * `provider`: Which one of  the [purge cache strategy](#purge-cache-strategy) to use.
+
+### Purge cache strategy
+
+#### Pleroma.Web.MediaProxy.Invalidation.Script
+
+This strategy allow perform external bash script to purge cache.
+Urls of attachments pass to script as arguments.
+
+* `script_path`: path to external script.
+
+Example:
+```elixir
+config :pleroma, Pleroma.Web.MediaProxy.Invalidation.Script,
+  script_path: "./installation/nginx-cache-purge.example"
+```
+
+#### Pleroma.Web.MediaProxy.Invalidation.Http
+
+This strategy allow perform custom http request to purge cache.
+
+* `method`: http method. default is `purge`
+* `headers`: http headers. default is empty
+* `options`: request options. default is empty
+
+Example:
+```elixir
+config :pleroma, Pleroma.Web.MediaProxy.Invalidation.Http,
+  method: :purge,
+  headers: [],
+  options: []
+```
 
 ## Link previews
 
@@ -619,24 +653,6 @@ config :pleroma, :workers,
 * `enabled: false` corresponds to `config :pleroma, :workers, retries: [federator_outgoing: 1]`
 * deprecated options: `max_jobs`, `initial_timeout`
 
-### Pleroma.Scheduler
-
-Configuration for [Quantum](https://github.com/quantum-elixir/quantum-core) jobs scheduler.
-
-See [Quantum readme](https://github.com/quantum-elixir/quantum-core#usage) for the list of supported options.
-
-Example:
-
-```elixir
-config :pleroma, Pleroma.Scheduler,
-  global: true,
-  overlap: true,
-  timezone: :utc,
-  jobs: [{"0 */6 * * * *", {Pleroma.Web.Websub, :refresh_subscriptions, []}}]
-```
-
-The above example defines a single job which invokes `Pleroma.Web.Websub.refresh_subscriptions()` every 6 hours ("0 */6 * * * *", [crontab format](https://en.wikipedia.org/wiki/Cron)).
-
 ## :web_push_encryption, :vapid_details
 
 Web Push Notifications configuration. You can use the mix task `mix web_push.gen.keypair` to generate it.
diff --git a/docs/configuration/storing_remote_media.md b/docs/configuration/storing_remote_media.md
new file mode 100644
index 000000000..7e91fe7d9
--- /dev/null
+++ b/docs/configuration/storing_remote_media.md
@@ -0,0 +1,38 @@
+# Storing Remote Media
+
+Pleroma does not store remote/federated media by default. The best way to achieve this is to change Nginx to keep its reverse proxy cache
+for a year and to activate the `MediaProxyWarmingPolicy` MRF policy in Pleroma which will automatically fetch all media through the proxy
+as soon as the post is received by your instance.
+
+## Nginx
+
+```
+    proxy_cache_path /long/term/storage/path/pleroma-media-cache levels=1:2
+        keys_zone=pleroma_media_cache:10m inactive=1y use_temp_path=off;
+
+    location ~ ^/(media|proxy) {
+        proxy_cache        pleroma_media_cache;
+        slice              1m;
+        proxy_cache_key    $host$uri$is_args$args$slice_range;
+        proxy_set_header   Range $slice_range;
+        proxy_http_version 1.1;
+        proxy_cache_valid  206 301 302 304 1h;
+        proxy_cache_valid  200 1y;
+        proxy_cache_use_stale error timeout invalid_header updating;
+        proxy_ignore_client_abort on;
+        proxy_buffering    on;
+        chunked_transfer_encoding on;
+        proxy_ignore_headers Cache-Control Expires;
+        proxy_hide_header  Cache-Control Expires;
+        proxy_pass         http://127.0.0.1:4000;
+    }
+```
+
+## Pleroma
+
+Add to your `prod.secret.exs`:
+
+```
+config :pleroma, :instance,
+  rewrite_policy: [Pleroma.Web.ActivityPub.MRF.MediaProxyWarmingPolicy]
+```
diff --git a/installation/nginx-cache-purge.sh.example b/installation/nginx-cache-purge.sh.example
new file mode 100755
index 000000000..b2915321c
--- /dev/null
+++ b/installation/nginx-cache-purge.sh.example
@@ -0,0 +1,40 @@
+#!/bin/sh
+
+# A simple shell script to delete a media from the Nginx cache.
+
+SCRIPTNAME=${0##*/}
+
+# NGINX cache directory
+CACHE_DIRECTORY="/tmp/pleroma-media-cache"
+
+## Return the files where the items are cached.
+## $1 - the filename, can be a pattern .
+## $2 - the cache directory.
+## $3 - (optional) the number of parallel processes to run for grep.
+get_cache_files() {
+    local max_parallel=${3-16}
+    find $2 -maxdepth 2 -type d | xargs -P $max_parallel -n 1 grep -E Rl "^KEY:.*$1" | sort -u
+}
+
+## Removes an item from the given cache zone.
+## $1 - the filename, can be a pattern .
+## $2 - the cache directory.
+purge_item() {
+  for f in $(get_cache_files $1 $2); do
+      echo "found file: $f"
+      [ -f $f ] || continue
+      echo "Deleting $f from $2."
+      rm $f
+  done
+} # purge_item
+
+purge() {
+  for url in "$@"
+  do
+    echo "$SCRIPTNAME delete \`$url\` from cache ($CACHE_DIRECTORY)"
+    purge_item $url $CACHE_DIRECTORY
+  done
+
+}
+
+purge $1
diff --git a/lib/mix/tasks/pleroma/benchmark.ex b/lib/mix/tasks/pleroma/benchmark.ex
index 6ab7fe8ef..dd2b9c8f2 100644
--- a/lib/mix/tasks/pleroma/benchmark.ex
+++ b/lib/mix/tasks/pleroma/benchmark.ex
@@ -67,8 +67,7 @@ def run(["render_timeline", nickname | _] = args) do
           Pleroma.Web.MastodonAPI.StatusView.render("index.json", %{
             activities: activities,
             for: user,
-            as: :activity,
-            skip_relationships: true
+            as: :activity
           })
         end
       },
diff --git a/lib/pleroma/emoji/pack.ex b/lib/pleroma/emoji/pack.ex
index 242344374..eb7d598c6 100644
--- a/lib/pleroma/emoji/pack.ex
+++ b/lib/pleroma/emoji/pack.ex
@@ -16,162 +16,78 @@ defmodule Pleroma.Emoji.Pack do
 
   alias Pleroma.Emoji
 
-  @spec emoji_path() :: Path.t()
-  def emoji_path do
-    static = Pleroma.Config.get!([:instance, :static_dir])
-    Path.join(static, "emoji")
-  end
-
   @spec create(String.t()) :: :ok | {:error, File.posix()} | {:error, :empty_values}
-  def create(name) when byte_size(name) > 0 do
-    dir = Path.join(emoji_path(), name)
-
-    with :ok <- File.mkdir(dir) do
-      %__MODULE__{
-        pack_file: Path.join(dir, "pack.json")
-      }
+  def create(name) do
+    with :ok <- validate_not_empty([name]),
+         dir <- Path.join(emoji_path(), name),
+         :ok <- File.mkdir(dir) do
+      %__MODULE__{pack_file: Path.join(dir, "pack.json")}
       |> save_pack()
     end
   end
 
-  def create(_), do: {:error, :empty_values}
-
-  @spec show(String.t()) :: {:ok, t()} | {:loaded, nil} | {:error, :empty_values}
-  def show(name) when byte_size(name) > 0 do
-    with {_, %__MODULE__{} = pack} <- {:loaded, load_pack(name)},
-         {_, pack} <- validate_pack(pack) do
-      {:ok, pack}
+  @spec show(String.t()) :: {:ok, t()} | {:error, atom()}
+  def show(name) do
+    with :ok <- validate_not_empty([name]),
+         {:ok, pack} <- load_pack(name) do
+      {:ok, validate_pack(pack)}
     end
   end
 
-  def show(_), do: {:error, :empty_values}
-
   @spec delete(String.t()) ::
           {:ok, [binary()]} | {:error, File.posix(), binary()} | {:error, :empty_values}
-  def delete(name) when byte_size(name) > 0 do
-    emoji_path()
-    |> Path.join(name)
-    |> File.rm_rf()
-  end
-
-  def delete(_), do: {:error, :empty_values}
-
-  @spec add_file(String.t(), String.t(), Path.t(), Plug.Upload.t() | String.t()) ::
-          {:ok, t()} | {:error, File.posix()} | {:error, :empty_values}
-  def add_file(name, shortcode, filename, file)
-      when byte_size(name) > 0 and byte_size(shortcode) > 0 and byte_size(filename) > 0 do
-    with {_, nil} <- {:exists, Emoji.get(shortcode)},
-         {_, %__MODULE__{} = pack} <- {:loaded, load_pack(name)} do
-      file_path = Path.join(pack.path, filename)
-
-      create_subdirs(file_path)
-
-      case file do
-        %Plug.Upload{path: upload_path} ->
-          # Copy the uploaded file from the temporary directory
-          File.copy!(upload_path, file_path)
-
-        url when is_binary(url) ->
-          # Download and write the file
-          file_contents = Tesla.get!(url).body
-          File.write!(file_path, file_contents)
-      end
-
-      files = Map.put(pack.files, shortcode, filename)
-
-      updated_pack = %{pack | files: files}
-
-      case save_pack(updated_pack) do
-        :ok ->
-          Emoji.reload()
-          {:ok, updated_pack}
-
-        e ->
-          e
-      end
+  def delete(name) do
+    with :ok <- validate_not_empty([name]) do
+      emoji_path()
+      |> Path.join(name)
+      |> File.rm_rf()
     end
   end
 
-  def add_file(_, _, _, _), do: {:error, :empty_values}
-
-  defp create_subdirs(file_path) do
-    if String.contains?(file_path, "/") do
-      file_path
-      |> Path.dirname()
-      |> File.mkdir_p!()
+  @spec add_file(String.t(), String.t(), Path.t(), Plug.Upload.t() | String.t()) ::
+          {:ok, t()} | {:error, File.posix() | atom()}
+  def add_file(name, shortcode, filename, file) do
+    with :ok <- validate_not_empty([name, shortcode, filename]),
+         :ok <- validate_emoji_not_exists(shortcode),
+         {:ok, pack} <- load_pack(name),
+         :ok <- save_file(file, pack, filename),
+         {:ok, updated_pack} <- pack |> put_emoji(shortcode, filename) |> save_pack() do
+      Emoji.reload()
+      {:ok, updated_pack}
     end
   end
 
   @spec delete_file(String.t(), String.t()) ::
-          {:ok, t()} | {:error, File.posix()} | {:error, :empty_values}
-  def delete_file(name, shortcode) when byte_size(name) > 0 and byte_size(shortcode) > 0 do
-    with {_, %__MODULE__{} = pack} <- {:loaded, load_pack(name)},
-         {_, {filename, files}} when not is_nil(filename) <-
-           {:exists, Map.pop(pack.files, shortcode)},
-         emoji <- Path.join(pack.path, filename),
-         {_, true} <- {:exists, File.exists?(emoji)} do
-      emoji_dir = Path.dirname(emoji)
-
-      File.rm!(emoji)
-
-      if String.contains?(filename, "/") and File.ls!(emoji_dir) == [] do
-        File.rmdir!(emoji_dir)
-      end
-
-      updated_pack = %{pack | files: files}
-
-      case save_pack(updated_pack) do
-        :ok ->
-          Emoji.reload()
-          {:ok, updated_pack}
-
-        e ->
-          e
-      end
+          {:ok, t()} | {:error, File.posix() | atom()}
+  def delete_file(name, shortcode) do
+    with :ok <- validate_not_empty([name, shortcode]),
+         {:ok, pack} <- load_pack(name),
+         :ok <- remove_file(pack, shortcode),
+         {:ok, updated_pack} <- pack |> delete_emoji(shortcode) |> save_pack() do
+      Emoji.reload()
+      {:ok, updated_pack}
     end
   end
 
-  def delete_file(_, _), do: {:error, :empty_values}
-
   @spec update_file(String.t(), String.t(), String.t(), String.t(), boolean()) ::
-          {:ok, t()} | {:error, File.posix()} | {:error, :empty_values}
-  def update_file(name, shortcode, new_shortcode, new_filename, force)
-      when byte_size(name) > 0 and byte_size(shortcode) > 0 and byte_size(new_shortcode) > 0 and
-             byte_size(new_filename) > 0 do
-    with {_, %__MODULE__{} = pack} <- {:loaded, load_pack(name)},
-         {_, {filename, files}} when not is_nil(filename) <-
-           {:exists, Map.pop(pack.files, shortcode)},
-         {_, true} <- {:not_used, force or is_nil(Emoji.get(new_shortcode))} do
-      old_path = Path.join(pack.path, filename)
-      old_dir = Path.dirname(old_path)
-      new_path = Path.join(pack.path, new_filename)
-
-      create_subdirs(new_path)
-
-      :ok = File.rename(old_path, new_path)
-
-      if String.contains?(filename, "/") and File.ls!(old_dir) == [] do
-        File.rmdir!(old_dir)
-      end
-
-      files = Map.put(files, new_shortcode, new_filename)
-
-      updated_pack = %{pack | files: files}
-
-      case save_pack(updated_pack) do
-        :ok ->
-          Emoji.reload()
-          {:ok, updated_pack}
-
-        e ->
-          e
-      end
+          {:ok, t()} | {:error, File.posix() | atom()}
+  def update_file(name, shortcode, new_shortcode, new_filename, force) do
+    with :ok <- validate_not_empty([name, shortcode, new_shortcode, new_filename]),
+         {:ok, pack} <- load_pack(name),
+         {:ok, filename} <- get_filename(pack, shortcode),
+         :ok <- validate_emoji_not_exists(new_shortcode, force),
+         :ok <- rename_file(pack, filename, new_filename),
+         {:ok, updated_pack} <-
+           pack
+           |> delete_emoji(shortcode)
+           |> put_emoji(new_shortcode, new_filename)
+           |> save_pack() do
+      Emoji.reload()
+      {:ok, updated_pack}
     end
   end
 
-  def update_file(_, _, _, _, _), do: {:error, :empty_values}
-
-  @spec import_from_filesystem() :: {:ok, [String.t()]} | {:error, atom()}
+  @spec import_from_filesystem() :: {:ok, [String.t()]} | {:error, File.posix() | atom()}
   def import_from_filesystem do
     emoji_path = emoji_path()
 
@@ -184,7 +100,7 @@ def import_from_filesystem do
           File.dir?(path) and File.exists?(Path.join(path, "pack.json"))
         end)
         |> Enum.map(&write_pack_contents/1)
-        |> Enum.filter(& &1)
+        |> Enum.reject(&is_nil/1)
 
       {:ok, names}
     else
@@ -193,6 +109,117 @@ def import_from_filesystem do
     end
   end
 
+  @spec list_remote(String.t()) :: {:ok, map()} | {:error, atom()}
+  def list_remote(url) do
+    uri = url |> String.trim() |> URI.parse()
+
+    with :ok <- validate_shareable_packs_available(uri) do
+      uri
+      |> URI.merge("/api/pleroma/emoji/packs")
+      |> http_get()
+    end
+  end
+
+  @spec list_local() :: {:ok, map()}
+  def list_local do
+    with {:ok, results} <- list_packs_dir() do
+      packs =
+        results
+        |> Enum.map(fn name ->
+          case load_pack(name) do
+            {:ok, pack} -> pack
+            _ -> nil
+          end
+        end)
+        |> Enum.reject(&is_nil/1)
+        |> Map.new(fn pack -> {pack.name, validate_pack(pack)} end)
+
+      {:ok, packs}
+    end
+  end
+
+  @spec get_archive(String.t()) :: {:ok, binary()} | {:error, atom()}
+  def get_archive(name) do
+    with {:ok, pack} <- load_pack(name),
+         :ok <- validate_downloadable(pack) do
+      {:ok, fetch_archive(pack)}
+    end
+  end
+
+  @spec download(String.t(), String.t(), String.t()) :: :ok | {:error, atom()}
+  def download(name, url, as) do
+    uri = url |> String.trim() |> URI.parse()
+
+    with :ok <- validate_shareable_packs_available(uri),
+         {:ok, remote_pack} <- uri |> URI.merge("/api/pleroma/emoji/packs/#{name}") |> http_get(),
+         {:ok, %{sha: sha, url: url} = pack_info} <- fetch_pack_info(remote_pack, uri, name),
+         {:ok, archive} <- download_archive(url, sha),
+         pack <- copy_as(remote_pack, as || name),
+         {:ok, _} = unzip(archive, pack_info, remote_pack, pack) do
+      # Fallback can't contain a pack.json file, since that would cause the fallback-src-sha256
+      # in it to depend on itself
+      if pack_info[:fallback] do
+        save_pack(pack)
+      else
+        {:ok, pack}
+      end
+    end
+  end
+
+  @spec save_metadata(map(), t()) :: {:ok, t()} | {:error, File.posix()}
+  def save_metadata(metadata, %__MODULE__{} = pack) do
+    pack
+    |> Map.put(:pack, metadata)
+    |> save_pack()
+  end
+
+  @spec update_metadata(String.t(), map()) :: {:ok, t()} | {:error, File.posix()}
+  def update_metadata(name, data) do
+    with {:ok, pack} <- load_pack(name) do
+      if fallback_sha_changed?(pack, data) do
+        update_sha_and_save_metadata(pack, data)
+      else
+        save_metadata(data, pack)
+      end
+    end
+  end
+
+  @spec load_pack(String.t()) :: {:ok, t()} | {:error, :not_found}
+  def load_pack(name) do
+    pack_file = Path.join([emoji_path(), name, "pack.json"])
+
+    if File.exists?(pack_file) do
+      pack =
+        pack_file
+        |> File.read!()
+        |> from_json()
+        |> Map.put(:pack_file, pack_file)
+        |> Map.put(:path, Path.dirname(pack_file))
+        |> Map.put(:name, name)
+
+      {:ok, pack}
+    else
+      {:error, :not_found}
+    end
+  end
+
+  @spec emoji_path() :: Path.t()
+  defp emoji_path do
+    [:instance, :static_dir]
+    |> Pleroma.Config.get!()
+    |> Path.join("emoji")
+  end
+
+  defp validate_emoji_not_exists(shortcode, force \\ false)
+  defp validate_emoji_not_exists(_shortcode, true), do: :ok
+
+  defp validate_emoji_not_exists(shortcode, _) do
+    case Emoji.get(shortcode) do
+      nil -> :ok
+      _ -> {:error, :already_exists}
+    end
+  end
+
   defp write_pack_contents(path) do
     pack = %__MODULE__{
       files: files_from_path(path),
@@ -201,7 +228,7 @@ defp write_pack_contents(path) do
     }
 
     case save_pack(pack) do
-      :ok -> Path.basename(path)
+      {:ok, _pack} -> Path.basename(path)
       _ -> nil
     end
   end
@@ -216,7 +243,8 @@ defp files_from_path(path) do
       # FIXME: Copy-pasted from Pleroma.Emoji/load_from_file_stream/2
 
       # Create a map of shortcodes to filenames from emoji.txt
-      File.read!(txt_path)
+      txt_path
+      |> File.read!()
       |> String.split("\n")
       |> Enum.map(&String.trim/1)
       |> Enum.map(fn line ->
@@ -226,21 +254,18 @@ defp files_from_path(path) do
           [name, file | _] ->
             file_dir_name = Path.dirname(file)
 
-            file =
-              if String.ends_with?(path, file_dir_name) do
-                Path.basename(file)
-              else
-                file
-              end
-
-            {name, file}
+            if String.ends_with?(path, file_dir_name) do
+              {name, Path.basename(file)}
+            else
+              {name, file}
+            end
 
           _ ->
             nil
         end
       end)
-      |> Enum.filter(& &1)
-      |> Enum.into(%{})
+      |> Enum.reject(&is_nil/1)
+      |> Map.new()
     else
       # If there's no emoji.txt, assume all files
       # that are of certain extensions from the config are emojis and import them all
@@ -249,60 +274,20 @@ defp files_from_path(path) do
     end
   end
 
-  @spec list_remote(String.t()) :: {:ok, map()}
-  def list_remote(url) do
-    uri =
-      url
-      |> String.trim()
-      |> URI.parse()
-
-    with {_, true} <- {:shareable, shareable_packs_available?(uri)} do
-      packs =
-        uri
-        |> URI.merge("/api/pleroma/emoji/packs")
-        |> to_string()
-        |> Tesla.get!()
-        |> Map.get(:body)
-        |> Jason.decode!()
-
-      {:ok, packs}
-    end
-  end
-
-  @spec list_local() :: {:ok, map()}
-  def list_local do
-    emoji_path = emoji_path()
-
-    # Create the directory first if it does not exist. This is probably the first request made
-    # with the API so it should be sufficient
-    with {:create_dir, :ok} <- {:create_dir, File.mkdir_p(emoji_path)},
-         {:ls, {:ok, results}} <- {:ls, File.ls(emoji_path)} do
-      packs =
-        results
-        |> Enum.map(&load_pack/1)
-        |> Enum.filter(& &1)
-        |> Enum.map(&validate_pack/1)
-        |> Map.new()
-
-      {:ok, packs}
-    end
-  end
-
   defp validate_pack(pack) do
-    if downloadable?(pack) do
-      archive = fetch_archive(pack)
-      archive_sha = :crypto.hash(:sha256, archive) |> Base.encode16()
+    info =
+      if downloadable?(pack) do
+        archive = fetch_archive(pack)
+        archive_sha = :crypto.hash(:sha256, archive) |> Base.encode16()
 
-      info =
         pack.pack
         |> Map.put("can-download", true)
         |> Map.put("download-sha256", archive_sha)
+      else
+        Map.put(pack.pack, "can-download", false)
+      end
 
-      {pack.name, Map.put(pack, :pack, info)}
-    else
-      info = Map.put(pack.pack, "can-download", false)
-      {pack.name, Map.put(pack, :pack, info)}
-    end
+    Map.put(pack, :pack, info)
   end
 
   defp downloadable?(pack) do
@@ -315,26 +300,6 @@ defp downloadable?(pack) do
       end)
   end
 
-  @spec get_archive(String.t()) :: {:ok, binary()}
-  def get_archive(name) do
-    with {_, %__MODULE__{} = pack} <- {:exists?, load_pack(name)},
-         {_, true} <- {:can_download?, downloadable?(pack)} do
-      {:ok, fetch_archive(pack)}
-    end
-  end
-
-  defp fetch_archive(pack) do
-    hash = :crypto.hash(:md5, File.read!(pack.pack_file))
-
-    case Cachex.get!(:emoji_packs_cache, pack.name) do
-      %{hash: ^hash, pack_data: archive} ->
-        archive
-
-      _ ->
-        create_archive_and_cache(pack, hash)
-    end
-  end
-
   defp create_archive_and_cache(pack, hash) do
     files = ['pack.json' | Enum.map(pack.files, fn {_, file} -> to_charlist(file) end)]
 
@@ -356,152 +321,221 @@ defp create_archive_and_cache(pack, hash) do
     result
   end
 
-  @spec download(String.t(), String.t(), String.t()) :: :ok
-  def download(name, url, as) do
-    uri =
-      url
-      |> String.trim()
-      |> URI.parse()
-
-    with {_, true} <- {:shareable, shareable_packs_available?(uri)} do
-      remote_pack =
-        uri
-        |> URI.merge("/api/pleroma/emoji/packs/#{name}")
-        |> to_string()
-        |> Tesla.get!()
-        |> Map.get(:body)
-        |> Jason.decode!()
-
-      result =
-        case remote_pack["pack"] do
-          %{"share-files" => true, "can-download" => true, "download-sha256" => sha} ->
-            {:ok,
-             %{
-               sha: sha,
-               url: URI.merge(uri, "/api/pleroma/emoji/packs/#{name}/archive") |> to_string()
-             }}
-
-          %{"fallback-src" => src, "fallback-src-sha256" => sha} when is_binary(src) ->
-            {:ok,
-             %{
-               sha: sha,
-               url: src,
-               fallback: true
-             }}
-
-          _ ->
-            {:error,
-             "The pack was not set as shared and there is no fallback src to download from"}
-        end
-
-      with {:ok, %{sha: sha, url: url} = pinfo} <- result,
-           %{body: archive} <- Tesla.get!(url),
-           {_, true} <- {:checksum, Base.decode16!(sha) == :crypto.hash(:sha256, archive)} do
-        local_name = as || name
-
-        path = Path.join(emoji_path(), local_name)
-
-        pack = %__MODULE__{
-          name: local_name,
-          path: path,
-          files: remote_pack["files"],
-          pack_file: Path.join(path, "pack.json")
-        }
-
-        File.mkdir_p!(pack.path)
-
-        files = Enum.map(remote_pack["files"], fn {_, path} -> to_charlist(path) end)
-        # Fallback cannot contain a pack.json file
-        files = if pinfo[:fallback], do: files, else: ['pack.json' | files]
-
-        {:ok, _} = :zip.unzip(archive, cwd: to_charlist(pack.path), file_list: files)
-
-        # Fallback can't contain a pack.json file, since that would cause the fallback-src-sha256
-        # in it to depend on itself
-        if pinfo[:fallback] do
-          save_pack(pack)
-        end
-
-        :ok
-      end
-    end
-  end
-
-  defp save_pack(pack), do: File.write(pack.pack_file, Jason.encode!(pack, pretty: true))
-
-  @spec save_metadata(map(), t()) :: {:ok, t()} | {:error, File.posix()}
-  def save_metadata(metadata, %__MODULE__{} = pack) do
-    pack = Map.put(pack, :pack, metadata)
-
-    with :ok <- save_pack(pack) do
+  defp save_pack(pack) do
+    with {:ok, json} <- Jason.encode(pack, pretty: true),
+         :ok <- File.write(pack.pack_file, json) do
       {:ok, pack}
     end
   end
 
-  @spec update_metadata(String.t(), map()) :: {:ok, t()} | {:error, File.posix()}
-  def update_metadata(name, data) do
-    pack = load_pack(name)
-
-    fb_sha_changed? =
-      not is_nil(data["fallback-src"]) and data["fallback-src"] != pack.pack["fallback-src"]
-
-    with {_, true} <- {:update?, fb_sha_changed?},
-         {:ok, %{body: zip}} <- Tesla.get(data["fallback-src"]),
-         {:ok, f_list} <- :zip.unzip(zip, [:memory]),
-         {_, true} <- {:has_all_files?, has_all_files?(pack.files, f_list)} do
-      fallback_sha = :crypto.hash(:sha256, zip) |> Base.encode16()
-
-      data
-      |> Map.put("fallback-src-sha256", fallback_sha)
-      |> save_metadata(pack)
-    else
-      {:update?, _} -> save_metadata(data, pack)
-      e -> e
-    end
-  end
-
-  # Check if all files from the pack.json are in the archive
-  defp has_all_files?(files, f_list) do
-    Enum.all?(files, fn {_, from_manifest} ->
-      List.keyfind(f_list, to_charlist(from_manifest), 0)
-    end)
-  end
-
-  @spec load_pack(String.t()) :: t() | nil
-  def load_pack(name) do
-    pack_file = Path.join([emoji_path(), name, "pack.json"])
-
-    if File.exists?(pack_file) do
-      pack_file
-      |> File.read!()
-      |> from_json()
-      |> Map.put(:pack_file, pack_file)
-      |> Map.put(:path, Path.dirname(pack_file))
-      |> Map.put(:name, name)
-    end
-  end
-
   defp from_json(json) do
     map = Jason.decode!(json)
 
     struct(__MODULE__, %{files: map["files"], pack: map["pack"]})
   end
 
-  defp shareable_packs_available?(uri) do
-    uri
-    |> URI.merge("/.well-known/nodeinfo")
-    |> to_string()
-    |> Tesla.get!()
-    |> Map.get(:body)
-    |> Jason.decode!()
-    |> Map.get("links")
-    |> List.last()
-    |> Map.get("href")
-    # Get the actual nodeinfo address and fetch it
-    |> Tesla.get!()
-    |> Map.get(:body)
-    |> Jason.decode!()
-    |> get_in(["metadata", "features"])
-    |> Enum.member?("shareable_emoji_packs")
+  defp validate_shareable_packs_available(uri) do
+    with {:ok, %{"links" => links}} <- uri |> URI.merge("/.well-known/nodeinfo") |> http_get(),
+         # Get the actual nodeinfo address and fetch it
+         {:ok, %{"metadata" => %{"features" => features}}} <-
+           links |> List.last() |> Map.get("href") |> http_get() do
+      if Enum.member?(features, "shareable_emoji_packs") do
+        :ok
+      else
+        {:error, :not_shareable}
+      end
+    end
+  end
+
+  defp validate_not_empty(list) do
+    if Enum.all?(list, fn i -> is_binary(i) and i != "" end) do
+      :ok
+    else
+      {:error, :empty_values}
+    end
+  end
+
+  defp save_file(file, pack, filename) do
+    file_path = Path.join(pack.path, filename)
+    create_subdirs(file_path)
+
+    case file do
+      %Plug.Upload{path: upload_path} ->
+        # Copy the uploaded file from the temporary directory
+        with {:ok, _} <- File.copy(upload_path, file_path), do: :ok
+
+      url when is_binary(url) ->
+        # Download and write the file
+        file_contents = Tesla.get!(url).body
+        File.write(file_path, file_contents)
+    end
+  end
+
+  defp put_emoji(pack, shortcode, filename) do
+    files = Map.put(pack.files, shortcode, filename)
+    %{pack | files: files}
+  end
+
+  defp delete_emoji(pack, shortcode) do
+    files = Map.delete(pack.files, shortcode)
+    %{pack | files: files}
+  end
+
+  defp rename_file(pack, filename, new_filename) do
+    old_path = Path.join(pack.path, filename)
+    new_path = Path.join(pack.path, new_filename)
+    create_subdirs(new_path)
+
+    with :ok <- File.rename(old_path, new_path) do
+      remove_dir_if_empty(old_path, filename)
+    end
+  end
+
+  defp create_subdirs(file_path) do
+    if String.contains?(file_path, "/") do
+      file_path
+      |> Path.dirname()
+      |> File.mkdir_p!()
+    end
+  end
+
+  defp remove_file(pack, shortcode) do
+    with {:ok, filename} <- get_filename(pack, shortcode),
+         emoji <- Path.join(pack.path, filename),
+         :ok <- File.rm(emoji) do
+      remove_dir_if_empty(emoji, filename)
+    end
+  end
+
+  defp remove_dir_if_empty(emoji, filename) do
+    dir = Path.dirname(emoji)
+
+    if String.contains?(filename, "/") and File.ls!(dir) == [] do
+      File.rmdir!(dir)
+    else
+      :ok
+    end
+  end
+
+  defp get_filename(pack, shortcode) do
+    with %{^shortcode => filename} when is_binary(filename) <- pack.files,
+         true <- pack.path |> Path.join(filename) |> File.exists?() do
+      {:ok, filename}
+    else
+      _ -> {:error, :doesnt_exist}
+    end
+  end
+
+  defp http_get(%URI{} = url), do: url |> to_string() |> http_get()
+
+  defp http_get(url) do
+    with {:ok, %{body: body}} <- url |> Pleroma.HTTP.get() do
+      Jason.decode(body)
+    end
+  end
+
+  defp list_packs_dir do
+    emoji_path = emoji_path()
+    # Create the directory first if it does not exist. This is probably the first request made
+    # with the API so it should be sufficient
+    with {:create_dir, :ok} <- {:create_dir, File.mkdir_p(emoji_path)},
+         {:ls, {:ok, results}} <- {:ls, File.ls(emoji_path)} do
+      {:ok, results}
+    else
+      {:create_dir, {:error, e}} -> {:error, :create_dir, e}
+      {:ls, {:error, e}} -> {:error, :ls, e}
+    end
+  end
+
+  defp validate_downloadable(pack) do
+    if downloadable?(pack), do: :ok, else: {:error, :cant_download}
+  end
+
+  defp copy_as(remote_pack, local_name) do
+    path = Path.join(emoji_path(), local_name)
+
+    %__MODULE__{
+      name: local_name,
+      path: path,
+      files: remote_pack["files"],
+      pack_file: Path.join(path, "pack.json")
+    }
+  end
+
+  defp unzip(archive, pack_info, remote_pack, local_pack) do
+    with :ok <- File.mkdir_p!(local_pack.path) do
+      files = Enum.map(remote_pack["files"], fn {_, path} -> to_charlist(path) end)
+      # Fallback cannot contain a pack.json file
+      files = if pack_info[:fallback], do: files, else: ['pack.json' | files]
+
+      :zip.unzip(archive, cwd: to_charlist(local_pack.path), file_list: files)
+    end
+  end
+
+  defp fetch_pack_info(remote_pack, uri, name) do
+    case remote_pack["pack"] do
+      %{"share-files" => true, "can-download" => true, "download-sha256" => sha} ->
+        {:ok,
+         %{
+           sha: sha,
+           url: URI.merge(uri, "/api/pleroma/emoji/packs/#{name}/archive") |> to_string()
+         }}
+
+      %{"fallback-src" => src, "fallback-src-sha256" => sha} when is_binary(src) ->
+        {:ok,
+         %{
+           sha: sha,
+           url: src,
+           fallback: true
+         }}
+
+      _ ->
+        {:error, "The pack was not set as shared and there is no fallback src to download from"}
+    end
+  end
+
+  defp download_archive(url, sha) do
+    with {:ok, %{body: archive}} <- Tesla.get(url) do
+      if Base.decode16!(sha) == :crypto.hash(:sha256, archive) do
+        {:ok, archive}
+      else
+        {:error, :imvalid_checksum}
+      end
+    end
+  end
+
+  defp fetch_archive(pack) do
+    hash = :crypto.hash(:md5, File.read!(pack.pack_file))
+
+    case Cachex.get!(:emoji_packs_cache, pack.name) do
+      %{hash: ^hash, pack_data: archive} -> archive
+      _ -> create_archive_and_cache(pack, hash)
+    end
+  end
+
+  defp fallback_sha_changed?(pack, data) do
+    is_binary(data[:"fallback-src"]) and data[:"fallback-src"] != pack.pack["fallback-src"]
+  end
+
+  defp update_sha_and_save_metadata(pack, data) do
+    with {:ok, %{body: zip}} <- Tesla.get(data[:"fallback-src"]),
+         :ok <- validate_has_all_files(pack, zip) do
+      fallback_sha = :sha256 |> :crypto.hash(zip) |> Base.encode16()
+
+      data
+      |> Map.put("fallback-src-sha256", fallback_sha)
+      |> save_metadata(pack)
+    end
+  end
+
+  defp validate_has_all_files(pack, zip) do
+    with {:ok, f_list} <- :zip.unzip(zip, [:memory]) do
+      # Check if all files from the pack.json are in the archive
+      pack.files
+      |> Enum.all?(fn {_, from_manifest} ->
+        List.keyfind(f_list, to_charlist(from_manifest), 0)
+      end)
+      |> if(do: :ok, else: {:error, :incomplete})
+    end
   end
 end
diff --git a/lib/pleroma/mfa.ex b/lib/pleroma/mfa.ex
index 2b77f5426..01b743f4f 100644
--- a/lib/pleroma/mfa.ex
+++ b/lib/pleroma/mfa.ex
@@ -1,5 +1,5 @@
 # Pleroma: A lightweight social networking server
-# Copyright © 2017-2019 Pleroma Authors <https://pleroma.social/>
+# Copyright © 2017-2020 Pleroma Authors <https://pleroma.social/>
 # SPDX-License-Identifier: AGPL-3.0-only
 
 defmodule Pleroma.MFA do
diff --git a/lib/pleroma/mfa/backup_codes.ex b/lib/pleroma/mfa/backup_codes.ex
index 2b5ec34f8..9875310ff 100644
--- a/lib/pleroma/mfa/backup_codes.ex
+++ b/lib/pleroma/mfa/backup_codes.ex
@@ -1,5 +1,5 @@
 # Pleroma: A lightweight social networking server
-# Copyright © 2017-2019 Pleroma Authors <https://pleroma.social/>
+# Copyright © 2017-2020 Pleroma Authors <https://pleroma.social/>
 # SPDX-License-Identifier: AGPL-3.0-only
 
 defmodule Pleroma.MFA.BackupCodes do
diff --git a/lib/pleroma/mfa/changeset.ex b/lib/pleroma/mfa/changeset.ex
index 9b020aa8e..77c4fa202 100644
--- a/lib/pleroma/mfa/changeset.ex
+++ b/lib/pleroma/mfa/changeset.ex
@@ -1,5 +1,5 @@
 # Pleroma: A lightweight social networking server
-# Copyright © 2017-2019 Pleroma Authors <https://pleroma.social/>
+# Copyright © 2017-2020 Pleroma Authors <https://pleroma.social/>
 # SPDX-License-Identifier: AGPL-3.0-only
 
 defmodule Pleroma.MFA.Changeset do
diff --git a/lib/pleroma/mfa/settings.ex b/lib/pleroma/mfa/settings.ex
index 2764b889c..de6e2228f 100644
--- a/lib/pleroma/mfa/settings.ex
+++ b/lib/pleroma/mfa/settings.ex
@@ -1,5 +1,5 @@
 # Pleroma: A lightweight social networking server
-# Copyright © 2017-2019 Pleroma Authors <https://pleroma.social/>
+# Copyright © 2017-2020 Pleroma Authors <https://pleroma.social/>
 # SPDX-License-Identifier: AGPL-3.0-only
 
 defmodule Pleroma.MFA.Settings do
diff --git a/lib/pleroma/mfa/token.ex b/lib/pleroma/mfa/token.ex
index 25ff7fb29..0b2449971 100644
--- a/lib/pleroma/mfa/token.ex
+++ b/lib/pleroma/mfa/token.ex
@@ -1,5 +1,5 @@
 # Pleroma: A lightweight social networking server
-# Copyright © 2017-2019 Pleroma Authors <https://pleroma.social/>
+# Copyright © 2017-2020 Pleroma Authors <https://pleroma.social/>
 # SPDX-License-Identifier: AGPL-3.0-only
 
 defmodule Pleroma.MFA.Token do
diff --git a/lib/pleroma/mfa/totp.ex b/lib/pleroma/mfa/totp.ex
index 1407afc57..d2ea2b3aa 100644
--- a/lib/pleroma/mfa/totp.ex
+++ b/lib/pleroma/mfa/totp.ex
@@ -1,5 +1,5 @@
 # Pleroma: A lightweight social networking server
-# Copyright © 2017-2019 Pleroma Authors <https://pleroma.social/>
+# Copyright © 2017-2020 Pleroma Authors <https://pleroma.social/>
 # SPDX-License-Identifier: AGPL-3.0-only
 
 defmodule Pleroma.MFA.TOTP do
diff --git a/lib/pleroma/object.ex b/lib/pleroma/object.ex
index e678fd415..546c4ea01 100644
--- a/lib/pleroma/object.ex
+++ b/lib/pleroma/object.ex
@@ -9,11 +9,13 @@ defmodule Pleroma.Object do
   import Ecto.Changeset
 
   alias Pleroma.Activity
+  alias Pleroma.Config
   alias Pleroma.Object
   alias Pleroma.Object.Fetcher
   alias Pleroma.ObjectTombstone
   alias Pleroma.Repo
   alias Pleroma.User
+  alias Pleroma.Workers.AttachmentsCleanupWorker
 
   require Logger
 
@@ -138,12 +140,17 @@ def normalize(ap_id, true, options) when is_binary(ap_id) do
 
   def normalize(_, _, _), do: nil
 
-  # Owned objects can only be mutated by their owner
-  def authorize_mutation(%Object{data: %{"actor" => actor}}, %User{ap_id: ap_id}),
-    do: actor == ap_id
+  # Owned objects can only be accessed by their owner
+  def authorize_access(%Object{data: %{"actor" => actor}}, %User{ap_id: ap_id}) do
+    if actor == ap_id do
+      :ok
+    else
+      {:error, :forbidden}
+    end
+  end
 
-  # Legacy objects can be mutated by anybody
-  def authorize_mutation(%Object{}, %User{}), do: true
+  # Legacy objects can be accessed by anybody
+  def authorize_access(%Object{}, %User{}), do: :ok
 
   @spec get_cached_by_ap_id(String.t()) :: Object.t() | nil
   def get_cached_by_ap_id(ap_id) do
@@ -183,27 +190,37 @@ def swap_object_with_tombstone(object) do
   def delete(%Object{data: %{"id" => id}} = object) do
     with {:ok, _obj} = swap_object_with_tombstone(object),
          deleted_activity = Activity.delete_all_by_object_ap_id(id),
-         {:ok, true} <- Cachex.del(:object_cache, "object:#{id}"),
-         {:ok, _} <- Cachex.del(:web_resp_cache, URI.parse(id).path) do
-      with true <- Pleroma.Config.get([:instance, :cleanup_attachments]) do
-        {:ok, _} =
-          Pleroma.Workers.AttachmentsCleanupWorker.enqueue("cleanup_attachments", %{
-            "object" => object
-          })
-      end
+         {:ok, _} <- invalid_object_cache(object) do
+      cleanup_attachments(
+        Config.get([:instance, :cleanup_attachments]),
+        %{"object" => object}
+      )
 
       {:ok, object, deleted_activity}
     end
   end
 
-  def prune(%Object{data: %{"id" => id}} = object) do
+  @spec cleanup_attachments(boolean(), %{required(:object) => map()}) ::
+          {:ok, Oban.Job.t() | nil}
+  def cleanup_attachments(true, %{"object" => _} = params) do
+    AttachmentsCleanupWorker.enqueue("cleanup_attachments", params)
+  end
+
+  def cleanup_attachments(_, _), do: {:ok, nil}
+
+  def prune(%Object{data: %{"id" => _id}} = object) do
     with {:ok, object} <- Repo.delete(object),
-         {:ok, true} <- Cachex.del(:object_cache, "object:#{id}"),
-         {:ok, _} <- Cachex.del(:web_resp_cache, URI.parse(id).path) do
+         {:ok, _} <- invalid_object_cache(object) do
       {:ok, object}
     end
   end
 
+  def invalid_object_cache(%Object{data: %{"id" => id}}) do
+    with {:ok, true} <- Cachex.del(:object_cache, "object:#{id}") do
+      Cachex.del(:web_resp_cache, URI.parse(id).path)
+    end
+  end
+
   def set_cache(%Object{data: %{"id" => ap_id}} = object) do
     Cachex.put(:object_cache, "object:#{ap_id}", object)
     {:ok, object}
diff --git a/lib/pleroma/plugs/authentication_plug.ex b/lib/pleroma/plugs/authentication_plug.ex
index 2cdf6c951..057ea42f1 100644
--- a/lib/pleroma/plugs/authentication_plug.ex
+++ b/lib/pleroma/plugs/authentication_plug.ex
@@ -30,6 +30,25 @@ def checkpw(_password, _password_hash) do
     false
   end
 
+  def maybe_update_password(%User{password_hash: "$2" <> _} = user, password) do
+    do_update_password(user, password)
+  end
+
+  def maybe_update_password(%User{password_hash: "$6" <> _} = user, password) do
+    do_update_password(user, password)
+  end
+
+  def maybe_update_password(user, _), do: {:ok, user}
+
+  defp do_update_password(user, password) do
+    user
+    |> User.password_update_changeset(%{
+      "password" => password,
+      "password_confirmation" => password
+    })
+    |> Pleroma.Repo.update()
+  end
+
   def call(%{assigns: %{user: %User{}}} = conn, _), do: conn
 
   def call(
@@ -42,6 +61,8 @@ def call(
         _
       ) do
     if checkpw(password, password_hash) do
+      {:ok, auth_user} = maybe_update_password(auth_user, password)
+
       conn
       |> assign(:user, auth_user)
       |> OAuthScopesPlug.skip_plug()
diff --git a/lib/pleroma/user.ex b/lib/pleroma/user.ex
index cba391072..e8013bf40 100644
--- a/lib/pleroma/user.ex
+++ b/lib/pleroma/user.ex
@@ -1204,7 +1204,9 @@ def get_users_from_set(ap_ids, local_only \\ true) do
   def get_recipients_from_activity(%Activity{recipients: to, actor: actor}) do
     to = [actor | to]
 
-    User.Query.build(%{recipients_from_activity: to, local: true, deactivated: false})
+    query = User.Query.build(%{recipients_from_activity: to, local: true, deactivated: false})
+
+    query
     |> Repo.all()
   end
 
@@ -1430,6 +1432,25 @@ def delete(%User{} = user) do
     BackgroundWorker.enqueue("delete_user", %{"user_id" => user.id})
   end
 
+  defp delete_and_invalidate_cache(%User{} = user) do
+    invalidate_cache(user)
+    Repo.delete(user)
+  end
+
+  defp delete_or_deactivate(%User{local: false} = user), do: delete_and_invalidate_cache(user)
+
+  defp delete_or_deactivate(%User{local: true} = user) do
+    status = account_status(user)
+
+    if status == :confirmation_pending do
+      delete_and_invalidate_cache(user)
+    else
+      user
+      |> change(%{deactivated: true, email: nil})
+      |> update_and_set_cache()
+    end
+  end
+
   def perform(:force_password_reset, user), do: force_password_reset(user)
 
   @spec perform(atom(), User.t()) :: {:ok, User.t()}
@@ -1451,14 +1472,7 @@ def perform(:delete, %User{} = user) do
 
     delete_user_activities(user)
 
-    if user.local do
-      user
-      |> change(%{deactivated: true, email: nil})
-      |> update_and_set_cache()
-    else
-      invalidate_cache(user)
-      Repo.delete(user)
-    end
+    delete_or_deactivate(user)
   end
 
   def perform(:deactivate_async, user, status), do: deactivate(user, status)
diff --git a/lib/pleroma/user/query.ex b/lib/pleroma/user/query.ex
index 3a3b04793..293bbc082 100644
--- a/lib/pleroma/user/query.ex
+++ b/lib/pleroma/user/query.ex
@@ -167,20 +167,18 @@ defp compose_query({:friends, %User{id: id}}, query) do
   end
 
   defp compose_query({:recipients_from_activity, to}, query) do
-    query
-    |> join(:left, [u], r in FollowingRelationship,
-      as: :relationships,
-      on: r.follower_id == u.id
+    following_query =
+      from(u in User,
+        join: f in FollowingRelationship,
+        on: u.id == f.following_id,
+        where: f.state == ^:follow_accept,
+        where: u.follower_address in ^to,
+        select: f.follower_id
+      )
+
+    from(u in query,
+      where: u.ap_id in ^to or u.id in subquery(following_query)
     )
-    |> join(:left, [relationships: r], f in User,
-      as: :following,
-      on: f.id == r.following_id
-    )
-    |> where(
-      [u, following: f, relationships: r],
-      u.ap_id in ^to or (f.follower_address in ^to and r.state == ^:follow_accept)
-    )
-    |> distinct(true)
   end
 
   defp compose_query({:order_by, key}, query) do
diff --git a/lib/pleroma/user_relationship.ex b/lib/pleroma/user_relationship.ex
index 235ad427c..6dfdd2860 100644
--- a/lib/pleroma/user_relationship.ex
+++ b/lib/pleroma/user_relationship.ex
@@ -87,6 +87,22 @@ def dictionary(
         source_to_target_rel_types \\ nil,
         target_to_source_rel_types \\ nil
       )
+
+  def dictionary(
+        _source_users,
+        _target_users,
+        [] = _source_to_target_rel_types,
+        [] = _target_to_source_rel_types
+      ) do
+    []
+  end
+
+  def dictionary(
+        source_users,
+        target_users,
+        source_to_target_rel_types,
+        target_to_source_rel_types
+      )
       when is_list(source_users) and is_list(target_users) do
     source_user_ids = User.binary_id(source_users)
     target_user_ids = User.binary_id(target_users)
@@ -138,11 +154,16 @@ def view_relationships_option(nil = _reading_user, _actors, _opts) do
 
   def view_relationships_option(%User{} = reading_user, actors, opts) do
     {source_to_target_rel_types, target_to_source_rel_types} =
-      if opts[:source_mutes_only] do
-        # This option is used for rendering statuses (FE needs `muted` flag for each one anyways)
-        {[:mute], []}
-      else
-        {[:block, :mute, :notification_mute, :reblog_mute], [:block, :inverse_subscription]}
+      case opts[:subset] do
+        :source_mutes ->
+          # Used for statuses rendering (FE needs `muted` flag for each status when statuses load)
+          {[:mute], []}
+
+        nil ->
+          {[:block, :mute, :notification_mute, :reblog_mute], [:block, :inverse_subscription]}
+
+        unknown ->
+          raise "Unsupported :subset option value: #{inspect(unknown)}"
       end
 
     user_relationships =
@@ -153,7 +174,17 @@ def view_relationships_option(%User{} = reading_user, actors, opts) do
         target_to_source_rel_types
       )
 
-    following_relationships = FollowingRelationship.all_between_user_sets([reading_user], actors)
+    following_relationships =
+      case opts[:subset] do
+        :source_mutes ->
+          []
+
+        nil ->
+          FollowingRelationship.all_between_user_sets([reading_user], actors)
+
+        unknown ->
+          raise "Unsupported :subset option value: #{inspect(unknown)}"
+      end
 
     %{user_relationships: user_relationships, following_relationships: following_relationships}
   end
diff --git a/lib/pleroma/web/admin_api/admin_api_controller.ex b/lib/pleroma/web/admin_api/admin_api_controller.ex
index 451dc92d6..647ceb3ba 100644
--- a/lib/pleroma/web/admin_api/admin_api_controller.ex
+++ b/lib/pleroma/web/admin_api/admin_api_controller.ex
@@ -22,6 +22,7 @@ defmodule Pleroma.Web.AdminAPI.AdminAPIController do
   alias Pleroma.Web.ActivityPub.Pipeline
   alias Pleroma.Web.ActivityPub.Relay
   alias Pleroma.Web.ActivityPub.Utils
+  alias Pleroma.Web.AdminAPI
   alias Pleroma.Web.AdminAPI.AccountView
   alias Pleroma.Web.AdminAPI.ConfigView
   alias Pleroma.Web.AdminAPI.ModerationLogView
@@ -30,8 +31,8 @@ defmodule Pleroma.Web.AdminAPI.AdminAPIController do
   alias Pleroma.Web.AdminAPI.Search
   alias Pleroma.Web.CommonAPI
   alias Pleroma.Web.Endpoint
+  alias Pleroma.Web.MastodonAPI
   alias Pleroma.Web.MastodonAPI.AppView
-  alias Pleroma.Web.MastodonAPI.StatusView
   alias Pleroma.Web.OAuth.App
   alias Pleroma.Web.Router
 
@@ -280,8 +281,8 @@ def list_instance_statuses(conn, %{"instance" => instance} = params) do
       })
 
     conn
-    |> put_view(Pleroma.Web.AdminAPI.StatusView)
-    |> render("index.json", %{activities: activities, as: :activity, skip_relationships: false})
+    |> put_view(AdminAPI.StatusView)
+    |> render("index.json", %{activities: activities, as: :activity})
   end
 
   def list_user_statuses(conn, %{"nickname" => nickname} = params) do
@@ -299,8 +300,8 @@ def list_user_statuses(conn, %{"nickname" => nickname} = params) do
         })
 
       conn
-      |> put_view(StatusView)
-      |> render("index.json", %{activities: activities, as: :activity, skip_relationships: false})
+      |> put_view(MastodonAPI.StatusView)
+      |> render("index.json", %{activities: activities, as: :activity})
     else
       _ -> {:error, :not_found}
     end
@@ -829,14 +830,14 @@ def list_statuses(%{assigns: %{user: _admin}} = conn, params) do
       })
 
     conn
-    |> put_view(Pleroma.Web.AdminAPI.StatusView)
-    |> render("index.json", %{activities: activities, as: :activity, skip_relationships: false})
+    |> put_view(AdminAPI.StatusView)
+    |> render("index.json", %{activities: activities, as: :activity})
   end
 
   def status_show(conn, %{"id" => id}) do
     with %Activity{} = activity <- Activity.get_by_id(id) do
       conn
-      |> put_view(StatusView)
+      |> put_view(MastodonAPI.StatusView)
       |> render("show.json", %{activity: activity})
     else
       _ -> errors(conn, {:error, :not_found})
@@ -861,7 +862,7 @@ def status_update(%{assigns: %{user: admin}} = conn, %{"id" => id} = params) do
       })
 
       conn
-      |> put_view(StatusView)
+      |> put_view(MastodonAPI.StatusView)
       |> render("show.json", %{activity: activity})
     end
   end
diff --git a/lib/pleroma/web/admin_api/views/account_view.ex b/lib/pleroma/web/admin_api/views/account_view.ex
index a16a3ebf0..46dadb5ee 100644
--- a/lib/pleroma/web/admin_api/views/account_view.ex
+++ b/lib/pleroma/web/admin_api/views/account_view.ex
@@ -6,7 +6,9 @@ defmodule Pleroma.Web.AdminAPI.AccountView do
   use Pleroma.Web, :view
 
   alias Pleroma.User
+  alias Pleroma.Web.AdminAPI
   alias Pleroma.Web.AdminAPI.AccountView
+  alias Pleroma.Web.MastodonAPI
   alias Pleroma.Web.MediaProxy
 
   def render("index.json", %{users: users, count: count, page_size: page_size}) do
@@ -119,6 +121,13 @@ def render("create-error.json", %{changeset: %Ecto.Changeset{changes: changes, e
     }
   end
 
+  def merge_account_views(%User{} = user) do
+    MastodonAPI.AccountView.render("show.json", %{user: user})
+    |> Map.merge(AdminAPI.AccountView.render("show.json", %{user: user}))
+  end
+
+  def merge_account_views(_), do: %{}
+
   defp parse_error([]), do: ""
 
   defp parse_error(errors) do
diff --git a/lib/pleroma/web/admin_api/views/report_view.ex b/lib/pleroma/web/admin_api/views/report_view.ex
index d50969b2a..f432b8c2c 100644
--- a/lib/pleroma/web/admin_api/views/report_view.ex
+++ b/lib/pleroma/web/admin_api/views/report_view.ex
@@ -7,10 +7,13 @@ defmodule Pleroma.Web.AdminAPI.ReportView do
 
   alias Pleroma.HTML
   alias Pleroma.User
+  alias Pleroma.Web.AdminAPI
   alias Pleroma.Web.AdminAPI.Report
   alias Pleroma.Web.CommonAPI.Utils
   alias Pleroma.Web.MastodonAPI.StatusView
 
+  defdelegate merge_account_views(user), to: AdminAPI.AccountView
+
   def render("index.json", %{reports: reports}) do
     %{
       reports:
@@ -41,8 +44,7 @@ def render("show.json", %{report: report, user: user, account: account, statuses
       statuses:
         StatusView.render("index.json", %{
           activities: statuses,
-          as: :activity,
-          skip_relationships: false
+          as: :activity
         }),
       state: report.data["state"],
       notes: render(__MODULE__, "index_notes.json", %{notes: report.report_notes})
@@ -70,11 +72,4 @@ def render("show_note.json", %{
       created_at: Utils.to_masto_date(inserted_at)
     }
   end
-
-  defp merge_account_views(%User{} = user) do
-    Pleroma.Web.MastodonAPI.AccountView.render("show.json", %{user: user})
-    |> Map.merge(Pleroma.Web.AdminAPI.AccountView.render("show.json", %{user: user}))
-  end
-
-  defp merge_account_views(_), do: %{}
 end
diff --git a/lib/pleroma/web/admin_api/views/status_view.ex b/lib/pleroma/web/admin_api/views/status_view.ex
index 3637dee24..500800be2 100644
--- a/lib/pleroma/web/admin_api/views/status_view.ex
+++ b/lib/pleroma/web/admin_api/views/status_view.ex
@@ -7,24 +7,19 @@ defmodule Pleroma.Web.AdminAPI.StatusView do
 
   require Pleroma.Constants
 
-  alias Pleroma.User
-  alias Pleroma.Web.MastodonAPI.StatusView
+  alias Pleroma.Web.AdminAPI
+  alias Pleroma.Web.MastodonAPI
+
+  defdelegate merge_account_views(user), to: AdminAPI.AccountView
 
   def render("index.json", opts) do
     safe_render_many(opts.activities, __MODULE__, "show.json", opts)
   end
 
   def render("show.json", %{activity: %{data: %{"object" => _object}} = activity} = opts) do
-    user = StatusView.get_user(activity.data["actor"])
+    user = MastodonAPI.StatusView.get_user(activity.data["actor"])
 
-    StatusView.render("show.json", opts)
+    MastodonAPI.StatusView.render("show.json", opts)
     |> Map.merge(%{account: merge_account_views(user)})
   end
-
-  defp merge_account_views(%User{} = user) do
-    Pleroma.Web.MastodonAPI.AccountView.render("show.json", %{user: user})
-    |> Map.merge(Pleroma.Web.AdminAPI.AccountView.render("show.json", %{user: user}))
-  end
-
-  defp merge_account_views(_), do: %{}
 end
diff --git a/lib/pleroma/web/api_spec/helpers.ex b/lib/pleroma/web/api_spec/helpers.ex
index f0b558aa5..a9cfe0fed 100644
--- a/lib/pleroma/web/api_spec/helpers.ex
+++ b/lib/pleroma/web/api_spec/helpers.ex
@@ -5,6 +5,7 @@
 defmodule Pleroma.Web.ApiSpec.Helpers do
   alias OpenApiSpex.Operation
   alias OpenApiSpex.Schema
+  alias Pleroma.Web.ApiSpec.Schemas.BooleanLike
 
   def request_body(description, schema_ref, opts \\ []) do
     media_types = ["application/json", "multipart/form-data", "application/x-www-form-urlencoded"]
@@ -47,6 +48,15 @@ def pagination_params do
     ]
   end
 
+  def with_relationships_param do
+    Operation.parameter(
+      :with_relationships,
+      :query,
+      BooleanLike,
+      "Embed relationships into accounts."
+    )
+  end
+
   def empty_object_response do
     Operation.response("Empty object", "application/json", %Schema{type: :object, example: %{}})
   end
diff --git a/lib/pleroma/web/api_spec/operations/account_operation.ex b/lib/pleroma/web/api_spec/operations/account_operation.ex
index 988bab882..20572f8ea 100644
--- a/lib/pleroma/web/api_spec/operations/account_operation.ex
+++ b/lib/pleroma/web/api_spec/operations/account_operation.ex
@@ -155,8 +155,10 @@ def followers_operation do
       security: [%{"oAuth" => ["read:accounts"]}],
       description:
         "Accounts which follow the given account, if network is not hidden by the account owner.",
-      parameters:
-        [%Reference{"$ref": "#/components/parameters/accountIdOrNickname"}] ++ pagination_params(),
+      parameters: [
+        %Reference{"$ref": "#/components/parameters/accountIdOrNickname"},
+        with_relationships_param() | pagination_params()
+      ],
       responses: %{
         200 => Operation.response("Accounts", "application/json", array_of_accounts())
       }
@@ -171,8 +173,10 @@ def following_operation do
       security: [%{"oAuth" => ["read:accounts"]}],
       description:
         "Accounts which the given account is following, if network is not hidden by the account owner.",
-      parameters:
-        [%Reference{"$ref": "#/components/parameters/accountIdOrNickname"}] ++ pagination_params(),
+      parameters: [
+        %Reference{"$ref": "#/components/parameters/accountIdOrNickname"},
+        with_relationships_param() | pagination_params()
+      ],
       responses: %{200 => Operation.response("Accounts", "application/json", array_of_accounts())}
     }
   end
@@ -389,7 +393,7 @@ defp create_request do
           format: :password
         },
         agreement: %Schema{
-          type: :boolean,
+          allOf: [BooleanLike],
           description:
             "Whether the user agrees to the local rules, terms, and policies. These should be presented to the user in order to allow them to consent before setting this parameter to TRUE."
         },
@@ -459,7 +463,7 @@ defp update_creadentials_request do
       type: :object,
       properties: %{
         bot: %Schema{
-          type: :boolean,
+          allOf: [BooleanLike],
           nullable: true,
           description: "Whether the account has a bot flag."
         },
@@ -482,7 +486,7 @@ defp update_creadentials_request do
           format: :binary
         },
         locked: %Schema{
-          type: :boolean,
+          allOf: [BooleanLike],
           nullable: true,
           description: "Whether manual approval of follow requests is required."
         },
@@ -506,37 +510,37 @@ defp update_creadentials_request do
 
         # Pleroma-specific fields
         no_rich_text: %Schema{
-          type: :boolean,
+          allOf: [BooleanLike],
           nullable: true,
           description: "html tags are stripped from all statuses requested from the API"
         },
         hide_followers: %Schema{
-          type: :boolean,
+          allOf: [BooleanLike],
           nullable: true,
           description: "user's followers will be hidden"
         },
         hide_follows: %Schema{
-          type: :boolean,
+          allOf: [BooleanLike],
           nullable: true,
           description: "user's follows will be hidden"
         },
         hide_followers_count: %Schema{
-          type: :boolean,
+          allOf: [BooleanLike],
           nullable: true,
           description: "user's follower count will be hidden"
         },
         hide_follows_count: %Schema{
-          type: :boolean,
+          allOf: [BooleanLike],
           nullable: true,
           description: "user's follow count will be hidden"
         },
         hide_favorites: %Schema{
-          type: :boolean,
+          allOf: [BooleanLike],
           nullable: true,
           description: "user's favorites timeline will be hidden"
         },
         show_role: %Schema{
-          type: :boolean,
+          allOf: [BooleanLike],
           nullable: true,
           description: "user's role (e.g admin, moderator) will be exposed to anyone in the
         API"
@@ -548,12 +552,12 @@ defp update_creadentials_request do
           description: "Opaque user settings to be saved on the backend."
         },
         skip_thread_containment: %Schema{
-          type: :boolean,
+          allOf: [BooleanLike],
           nullable: true,
           description: "Skip filtering out broken threads"
         },
         allow_following_move: %Schema{
-          type: :boolean,
+          allOf: [BooleanLike],
           nullable: true,
           description: "Allows automatically follow moved following accounts"
         },
@@ -564,7 +568,7 @@ defp update_creadentials_request do
           format: :binary
         },
         discoverable: %Schema{
-          type: :boolean,
+          allOf: [BooleanLike],
           nullable: true,
           description:
             "Discovery of this account in search results and other services is allowed."
@@ -674,7 +678,7 @@ defp mute_request do
       type: :object,
       properties: %{
         notifications: %Schema{
-          type: :boolean,
+          allOf: [BooleanLike],
           nullable: true,
           description: "Mute notifications in addition to statuses? Defaults to true.",
           default: true
diff --git a/lib/pleroma/web/api_spec/operations/filter_operation.ex b/lib/pleroma/web/api_spec/operations/filter_operation.ex
index 7310c1c4d..31e576f99 100644
--- a/lib/pleroma/web/api_spec/operations/filter_operation.ex
+++ b/lib/pleroma/web/api_spec/operations/filter_operation.ex
@@ -6,6 +6,7 @@ defmodule Pleroma.Web.ApiSpec.FilterOperation do
   alias OpenApiSpex.Operation
   alias OpenApiSpex.Schema
   alias Pleroma.Web.ApiSpec.Helpers
+  alias Pleroma.Web.ApiSpec.Schemas.BooleanLike
 
   def open_api_operation(action) do
     operation = String.to_existing_atom("#{action}_operation")
@@ -171,7 +172,7 @@ defp create_request do
           type: :object,
           properties: %{
             irreversible: %Schema{
-              type: :bolean,
+              allOf: [BooleanLike],
               description:
                 "Should the server irreversibly drop matching entities from home and notifications?",
               default: false
@@ -199,13 +200,13 @@ defp update_request do
             "Array of enumerable strings `home`, `notifications`, `public`, `thread`. At least one context must be specified."
         },
         irreversible: %Schema{
-          type: :boolean,
+          allOf: [BooleanLike],
           nullable: true,
           description:
             "Should the server irreversibly drop matching entities from home and notifications?"
         },
         whole_word: %Schema{
-          type: :boolean,
+          allOf: [BooleanLike],
           nullable: true,
           description: "Consider word boundaries?",
           default: true
diff --git a/lib/pleroma/web/api_spec/operations/instance_operation.ex b/lib/pleroma/web/api_spec/operations/instance_operation.ex
index 880bd3f1b..d5c335d0c 100644
--- a/lib/pleroma/web/api_spec/operations/instance_operation.ex
+++ b/lib/pleroma/web/api_spec/operations/instance_operation.ex
@@ -125,11 +125,17 @@ defp instance do
         },
         avatar_upload_limit: %Schema{type: :integer, description: "The title of the website"},
         background_upload_limit: %Schema{type: :integer, description: "The title of the website"},
-        banner_upload_limit: %Schema{type: :integer, description: "The title of the website"}
+        banner_upload_limit: %Schema{type: :integer, description: "The title of the website"},
+        background_image: %Schema{
+          type: :string,
+          format: :uri,
+          description: "The background image for the website"
+        }
       },
       example: %{
         "avatar_upload_limit" => 2_000_000,
         "background_upload_limit" => 4_000_000,
+        "background_image" => "/static/image.png",
         "banner_upload_limit" => 4_000_000,
         "description" => "A Pleroma instance, an alternative fediverse server",
         "email" => "lain@lain.com",
diff --git a/lib/pleroma/web/api_spec/operations/media_operation.ex b/lib/pleroma/web/api_spec/operations/media_operation.ex
new file mode 100644
index 000000000..d9c3c42db
--- /dev/null
+++ b/lib/pleroma/web/api_spec/operations/media_operation.ex
@@ -0,0 +1,132 @@
+# Pleroma: A lightweight social networking server
+# Copyright © 2017-2020 Pleroma Authors <https://pleroma.social/>
+# SPDX-License-Identifier: AGPL-3.0-only
+
+defmodule Pleroma.Web.ApiSpec.MediaOperation do
+  alias OpenApiSpex.Operation
+  alias OpenApiSpex.Schema
+  alias Pleroma.Web.ApiSpec.Helpers
+  alias Pleroma.Web.ApiSpec.Schemas.ApiError
+  alias Pleroma.Web.ApiSpec.Schemas.Attachment
+
+  def open_api_operation(action) do
+    operation = String.to_existing_atom("#{action}_operation")
+    apply(__MODULE__, operation, [])
+  end
+
+  def create_operation do
+    %Operation{
+      tags: ["media"],
+      summary: "Upload media as attachment",
+      description: "Creates an attachment to be used with a new status.",
+      operationId: "MediaController.create",
+      security: [%{"oAuth" => ["write:media"]}],
+      requestBody: Helpers.request_body("Parameters", create_request()),
+      responses: %{
+        200 => Operation.response("Media", "application/json", Attachment),
+        401 => Operation.response("Media", "application/json", ApiError),
+        422 => Operation.response("Media", "application/json", ApiError)
+      }
+    }
+  end
+
+  defp create_request do
+    %Schema{
+      title: "MediaCreateRequest",
+      description: "POST body for creating an attachment",
+      type: :object,
+      required: [:file],
+      properties: %{
+        file: %Schema{
+          type: :string,
+          format: :binary,
+          description: "The file to be attached, using multipart form data."
+        },
+        description: %Schema{
+          type: :string,
+          description: "A plain-text description of the media, for accessibility purposes."
+        },
+        focus: %Schema{
+          type: :string,
+          description: "Two floating points (x,y), comma-delimited, ranging from -1.0 to 1.0."
+        }
+      }
+    }
+  end
+
+  def update_operation do
+    %Operation{
+      tags: ["media"],
+      summary: "Upload media as attachment",
+      description: "Creates an attachment to be used with a new status.",
+      operationId: "MediaController.update",
+      security: [%{"oAuth" => ["write:media"]}],
+      parameters: [id_param()],
+      requestBody: Helpers.request_body("Parameters", update_request()),
+      responses: %{
+        200 => Operation.response("Media", "application/json", Attachment),
+        400 => Operation.response("Media", "application/json", ApiError),
+        401 => Operation.response("Media", "application/json", ApiError),
+        422 => Operation.response("Media", "application/json", ApiError)
+      }
+    }
+  end
+
+  defp update_request do
+    %Schema{
+      title: "MediaUpdateRequest",
+      description: "POST body for updating an attachment",
+      type: :object,
+      properties: %{
+        file: %Schema{
+          type: :string,
+          format: :binary,
+          description: "The file to be attached, using multipart form data."
+        },
+        description: %Schema{
+          type: :string,
+          description: "A plain-text description of the media, for accessibility purposes."
+        },
+        focus: %Schema{
+          type: :string,
+          description: "Two floating points (x,y), comma-delimited, ranging from -1.0 to 1.0."
+        }
+      }
+    }
+  end
+
+  def show_operation do
+    %Operation{
+      tags: ["media"],
+      summary: "Show Uploaded media attachment",
+      operationId: "MediaController.show",
+      parameters: [id_param()],
+      security: [%{"oAuth" => ["read:media"]}],
+      responses: %{
+        200 => Operation.response("Media", "application/json", Attachment),
+        401 => Operation.response("Media", "application/json", ApiError),
+        422 => Operation.response("Media", "application/json", ApiError)
+      }
+    }
+  end
+
+  def create2_operation do
+    %Operation{
+      tags: ["media"],
+      summary: "Upload media as attachment",
+      description: "Creates an attachment to be used with a new status.",
+      operationId: "MediaController.create2",
+      security: [%{"oAuth" => ["write:media"]}],
+      requestBody: Helpers.request_body("Parameters", create_request()),
+      responses: %{
+        202 => Operation.response("Media", "application/json", Attachment),
+        422 => Operation.response("Media", "application/json", ApiError),
+        500 => Operation.response("Media", "application/json", ApiError)
+      }
+    }
+  end
+
+  defp id_param do
+    Operation.parameter(:id, :path, :string, "The ID of the Attachment entity")
+  end
+end
diff --git a/lib/pleroma/web/api_spec/operations/pleroma_emoji_pack_operation.ex b/lib/pleroma/web/api_spec/operations/pleroma_emoji_pack_operation.ex
new file mode 100644
index 000000000..567688ff5
--- /dev/null
+++ b/lib/pleroma/web/api_spec/operations/pleroma_emoji_pack_operation.ex
@@ -0,0 +1,390 @@
+# Pleroma: A lightweight social networking server
+# Copyright © 2017-2020 Pleroma Authors <https://pleroma.social/>
+# SPDX-License-Identifier: AGPL-3.0-only
+
+defmodule Pleroma.Web.ApiSpec.PleromaEmojiPackOperation do
+  alias OpenApiSpex.Operation
+  alias OpenApiSpex.Schema
+  alias Pleroma.Web.ApiSpec.Schemas.ApiError
+
+  import Pleroma.Web.ApiSpec.Helpers
+
+  def open_api_operation(action) do
+    operation = String.to_existing_atom("#{action}_operation")
+    apply(__MODULE__, operation, [])
+  end
+
+  def remote_operation do
+    %Operation{
+      tags: ["Emoji Packs"],
+      summary: "Make request to another instance for emoji packs list",
+      security: [%{"oAuth" => ["write"]}],
+      parameters: [url_param()],
+      operationId: "PleromaAPI.EmojiPackController.remote",
+      responses: %{
+        200 => emoji_packs_response(),
+        500 => Operation.response("Error", "application/json", ApiError)
+      }
+    }
+  end
+
+  def index_operation do
+    %Operation{
+      tags: ["Emoji Packs"],
+      summary: "Lists local custom emoji packs",
+      operationId: "PleromaAPI.EmojiPackController.index",
+      responses: %{
+        200 => emoji_packs_response()
+      }
+    }
+  end
+
+  def show_operation do
+    %Operation{
+      tags: ["Emoji Packs"],
+      summary: "Show emoji pack",
+      operationId: "PleromaAPI.EmojiPackController.show",
+      parameters: [name_param()],
+      responses: %{
+        200 => Operation.response("Emoji Pack", "application/json", emoji_pack()),
+        400 => Operation.response("Bad Request", "application/json", ApiError),
+        404 => Operation.response("Not Found", "application/json", ApiError)
+      }
+    }
+  end
+
+  def archive_operation do
+    %Operation{
+      tags: ["Emoji Packs"],
+      summary: "Requests a local pack archive from the instance",
+      operationId: "PleromaAPI.EmojiPackController.archive",
+      parameters: [name_param()],
+      responses: %{
+        200 =>
+          Operation.response("Archive file", "application/octet-stream", %Schema{
+            type: :string,
+            format: :binary
+          }),
+        403 => Operation.response("Forbidden", "application/json", ApiError),
+        404 => Operation.response("Not Found", "application/json", ApiError)
+      }
+    }
+  end
+
+  def download_operation do
+    %Operation{
+      tags: ["Emoji Packs"],
+      summary: "Download pack from another instance",
+      operationId: "PleromaAPI.EmojiPackController.download",
+      security: [%{"oAuth" => ["write"]}],
+      requestBody: request_body("Parameters", download_request(), required: true),
+      responses: %{
+        200 => ok_response(),
+        500 => Operation.response("Error", "application/json", ApiError)
+      }
+    }
+  end
+
+  defp download_request do
+    %Schema{
+      type: :object,
+      required: [:url, :name],
+      properties: %{
+        url: %Schema{
+          type: :string,
+          format: :uri,
+          description: "URL of the instance to download from"
+        },
+        name: %Schema{type: :string, format: :uri, description: "Pack Name"},
+        as: %Schema{type: :string, format: :uri, description: "Save as"}
+      }
+    }
+  end
+
+  def create_operation do
+    %Operation{
+      tags: ["Emoji Packs"],
+      summary: "Create an empty pack",
+      operationId: "PleromaAPI.EmojiPackController.create",
+      security: [%{"oAuth" => ["write"]}],
+      parameters: [name_param()],
+      responses: %{
+        200 => ok_response(),
+        400 => Operation.response("Not Found", "application/json", ApiError),
+        409 => Operation.response("Conflict", "application/json", ApiError),
+        500 => Operation.response("Error", "application/json", ApiError)
+      }
+    }
+  end
+
+  def delete_operation do
+    %Operation{
+      tags: ["Emoji Packs"],
+      summary: "Delete a custom emoji pack",
+      operationId: "PleromaAPI.EmojiPackController.delete",
+      security: [%{"oAuth" => ["write"]}],
+      parameters: [name_param()],
+      responses: %{
+        200 => ok_response(),
+        400 => Operation.response("Bad Request", "application/json", ApiError),
+        404 => Operation.response("Not Found", "application/json", ApiError)
+      }
+    }
+  end
+
+  def update_operation do
+    %Operation{
+      tags: ["Emoji Packs"],
+      summary: "Updates (replaces) pack metadata",
+      operationId: "PleromaAPI.EmojiPackController.update",
+      security: [%{"oAuth" => ["write"]}],
+      requestBody: request_body("Parameters", update_request(), required: true),
+      parameters: [name_param()],
+      responses: %{
+        200 => Operation.response("Metadata", "application/json", metadata()),
+        400 => Operation.response("Bad Request", "application/json", ApiError)
+      }
+    }
+  end
+
+  def add_file_operation do
+    %Operation{
+      tags: ["Emoji Packs"],
+      summary: "Add new file to the pack",
+      operationId: "PleromaAPI.EmojiPackController.add_file",
+      security: [%{"oAuth" => ["write"]}],
+      requestBody: request_body("Parameters", add_file_request(), required: true),
+      parameters: [name_param()],
+      responses: %{
+        200 => Operation.response("Files Object", "application/json", files_object()),
+        400 => Operation.response("Bad Request", "application/json", ApiError),
+        409 => Operation.response("Conflict", "application/json", ApiError)
+      }
+    }
+  end
+
+  defp add_file_request do
+    %Schema{
+      type: :object,
+      required: [:file],
+      properties: %{
+        file: %Schema{
+          description:
+            "File needs to be uploaded with the multipart request or link to remote file",
+          anyOf: [
+            %Schema{type: :string, format: :binary},
+            %Schema{type: :string, format: :uri}
+          ]
+        },
+        shortcode: %Schema{
+          type: :string,
+          description:
+            "Shortcode for new emoji, must be unique for all emoji. If not sended, shortcode will be taken from original filename."
+        },
+        filename: %Schema{
+          type: :string,
+          description:
+            "New emoji file name. If not specified will be taken from original filename."
+        }
+      }
+    }
+  end
+
+  def update_file_operation do
+    %Operation{
+      tags: ["Emoji Packs"],
+      summary: "Add new file to the pack",
+      operationId: "PleromaAPI.EmojiPackController.update_file",
+      security: [%{"oAuth" => ["write"]}],
+      requestBody: request_body("Parameters", update_file_request(), required: true),
+      parameters: [name_param()],
+      responses: %{
+        200 => Operation.response("Files Object", "application/json", files_object()),
+        400 => Operation.response("Bad Request", "application/json", ApiError),
+        409 => Operation.response("Conflict", "application/json", ApiError)
+      }
+    }
+  end
+
+  defp update_file_request do
+    %Schema{
+      type: :object,
+      required: [:shortcode, :new_shortcode, :new_filename],
+      properties: %{
+        shortcode: %Schema{
+          type: :string,
+          description: "Emoji file shortcode"
+        },
+        new_shortcode: %Schema{
+          type: :string,
+          description: "New emoji file shortcode"
+        },
+        new_filename: %Schema{
+          type: :string,
+          description: "New filename for emoji file"
+        },
+        force: %Schema{
+          type: :boolean,
+          description: "With true value to overwrite existing emoji with new shortcode",
+          default: false
+        }
+      }
+    }
+  end
+
+  def delete_file_operation do
+    %Operation{
+      tags: ["Emoji Packs"],
+      summary: "Delete emoji file from pack",
+      operationId: "PleromaAPI.EmojiPackController.delete_file",
+      security: [%{"oAuth" => ["write"]}],
+      parameters: [
+        name_param(),
+        Operation.parameter(:shortcode, :query, :string, "File shortcode",
+          example: "cofe",
+          required: true
+        )
+      ],
+      responses: %{
+        200 => Operation.response("Files Object", "application/json", files_object()),
+        400 => Operation.response("Bad Request", "application/json", ApiError)
+      }
+    }
+  end
+
+  def import_from_filesystem_operation do
+    %Operation{
+      tags: ["Emoji Packs"],
+      summary: "Imports packs from filesystem",
+      operationId: "PleromaAPI.EmojiPackController.import",
+      security: [%{"oAuth" => ["write"]}],
+      responses: %{
+        200 =>
+          Operation.response("Array of imported pack names", "application/json", %Schema{
+            type: :array,
+            items: %Schema{type: :string}
+          })
+      }
+    }
+  end
+
+  defp name_param do
+    Operation.parameter(:name, :path, :string, "Pack Name", example: "cofe", required: true)
+  end
+
+  defp url_param do
+    Operation.parameter(
+      :url,
+      :query,
+      %Schema{type: :string, format: :uri},
+      "URL of the instance",
+      required: true
+    )
+  end
+
+  defp ok_response do
+    Operation.response("Ok", "application/json", %Schema{type: :string, example: "ok"})
+  end
+
+  defp emoji_packs_response do
+    Operation.response(
+      "Object with pack names as keys and pack contents as values",
+      "application/json",
+      %Schema{
+        type: :object,
+        additionalProperties: emoji_pack(),
+        example: %{
+          "emojos" => emoji_pack().example
+        }
+      }
+    )
+  end
+
+  defp emoji_pack do
+    %Schema{
+      title: "EmojiPack",
+      type: :object,
+      properties: %{
+        files: files_object(),
+        pack: %Schema{
+          type: :object,
+          properties: %{
+            license: %Schema{type: :string},
+            homepage: %Schema{type: :string, format: :uri},
+            description: %Schema{type: :string},
+            "can-download": %Schema{type: :boolean},
+            "share-files": %Schema{type: :boolean},
+            "download-sha256": %Schema{type: :string}
+          }
+        }
+      },
+      example: %{
+        "files" => %{"emacs" => "emacs.png", "guix" => "guix.png"},
+        "pack" => %{
+          "license" => "Test license",
+          "homepage" => "https://pleroma.social",
+          "description" => "Test description",
+          "can-download" => true,
+          "share-files" => true,
+          "download-sha256" => "57482F30674FD3DE821FF48C81C00DA4D4AF1F300209253684ABA7075E5FC238"
+        }
+      }
+    }
+  end
+
+  defp files_object do
+    %Schema{
+      type: :object,
+      additionalProperties: %Schema{type: :string},
+      description: "Object with emoji names as keys and filenames as values"
+    }
+  end
+
+  defp update_request do
+    %Schema{
+      type: :object,
+      properties: %{
+        metadata: %Schema{
+          type: :object,
+          description: "Metadata to replace the old one",
+          properties: %{
+            license: %Schema{type: :string},
+            homepage: %Schema{type: :string, format: :uri},
+            description: %Schema{type: :string},
+            "fallback-src": %Schema{
+              type: :string,
+              format: :uri,
+              description: "Fallback url to download pack from"
+            },
+            "fallback-src-sha256": %Schema{
+              type: :string,
+              description: "SHA256 encoded for fallback pack archive"
+            },
+            "share-files": %Schema{type: :boolean, description: "Is pack allowed for sharing?"}
+          }
+        }
+      }
+    }
+  end
+
+  defp metadata do
+    %Schema{
+      type: :object,
+      properties: %{
+        license: %Schema{type: :string},
+        homepage: %Schema{type: :string, format: :uri},
+        description: %Schema{type: :string},
+        "fallback-src": %Schema{
+          type: :string,
+          format: :uri,
+          description: "Fallback url to download pack from"
+        },
+        "fallback-src-sha256": %Schema{
+          type: :string,
+          description: "SHA256 encoded for fallback pack archive"
+        },
+        "share-files": %Schema{type: :boolean, description: "Is pack allowed for sharing?"}
+      }
+    }
+  end
+end
diff --git a/lib/pleroma/web/api_spec/operations/pleroma_mascot_operation.ex b/lib/pleroma/web/api_spec/operations/pleroma_mascot_operation.ex
new file mode 100644
index 000000000..8c5f37ea6
--- /dev/null
+++ b/lib/pleroma/web/api_spec/operations/pleroma_mascot_operation.ex
@@ -0,0 +1,79 @@
+# Pleroma: A lightweight social networking server
+# Copyright © 2017-2020 Pleroma Authors <https://pleroma.social/>
+# SPDX-License-Identifier: AGPL-3.0-only
+
+defmodule Pleroma.Web.ApiSpec.PleromaMascotOperation do
+  alias OpenApiSpex.Operation
+  alias OpenApiSpex.Schema
+  alias Pleroma.Web.ApiSpec.Schemas.ApiError
+
+  import Pleroma.Web.ApiSpec.Helpers
+
+  def open_api_operation(action) do
+    operation = String.to_existing_atom("#{action}_operation")
+    apply(__MODULE__, operation, [])
+  end
+
+  def show_operation do
+    %Operation{
+      tags: ["Mascot"],
+      summary: "Gets user mascot image",
+      security: [%{"oAuth" => ["read:accounts"]}],
+      operationId: "PleromaAPI.MascotController.show",
+      responses: %{
+        200 => Operation.response("Mascot", "application/json", mascot())
+      }
+    }
+  end
+
+  def update_operation do
+    %Operation{
+      tags: ["Mascot"],
+      summary: "Set/clear user avatar image",
+      description:
+        "Behaves exactly the same as `POST /api/v1/upload`. Can only accept images - any attempt to upload non-image files will be met with `HTTP 415 Unsupported Media Type`.",
+      operationId: "PleromaAPI.MascotController.update",
+      requestBody:
+        request_body(
+          "Parameters",
+          %Schema{
+            type: :object,
+            properties: %{
+              file: %Schema{type: :string, format: :binary}
+            }
+          },
+          required: true
+        ),
+      security: [%{"oAuth" => ["write:accounts"]}],
+      responses: %{
+        200 => Operation.response("Mascot", "application/json", mascot()),
+        415 => Operation.response("Unsupported Media Type", "application/json", ApiError)
+      }
+    }
+  end
+
+  defp mascot do
+    %Schema{
+      type: :object,
+      properties: %{
+        id: %Schema{type: :string},
+        url: %Schema{type: :string, format: :uri},
+        type: %Schema{type: :string},
+        pleroma: %Schema{
+          type: :object,
+          properties: %{
+            mime_type: %Schema{type: :string}
+          }
+        }
+      },
+      example: %{
+        "id" => "abcdefg",
+        "url" => "https://pleroma.example.org/media/abcdefg.png",
+        "type" => "image",
+        "pleroma" => %{
+          "mime_type" => "image/png"
+        }
+      }
+    }
+  end
+end
diff --git a/lib/pleroma/web/api_spec/operations/pleroma_scrobble_operation.ex b/lib/pleroma/web/api_spec/operations/pleroma_scrobble_operation.ex
new file mode 100644
index 000000000..85a22aa0b
--- /dev/null
+++ b/lib/pleroma/web/api_spec/operations/pleroma_scrobble_operation.ex
@@ -0,0 +1,102 @@
+# Pleroma: A lightweight social networking server
+# Copyright © 2017-2020 Pleroma Authors <https://pleroma.social/>
+# SPDX-License-Identifier: AGPL-3.0-only
+
+defmodule Pleroma.Web.ApiSpec.PleromaScrobbleOperation do
+  alias OpenApiSpex.Operation
+  alias OpenApiSpex.Reference
+  alias OpenApiSpex.Schema
+  alias Pleroma.Web.ApiSpec.Schemas.Account
+  alias Pleroma.Web.ApiSpec.Schemas.VisibilityScope
+
+  import Pleroma.Web.ApiSpec.Helpers
+
+  def open_api_operation(action) do
+    operation = String.to_existing_atom("#{action}_operation")
+    apply(__MODULE__, operation, [])
+  end
+
+  def create_operation do
+    %Operation{
+      tags: ["Scrobbles"],
+      summary: "Creates a new Listen activity for an account",
+      security: [%{"oAuth" => ["write"]}],
+      operationId: "PleromaAPI.ScrobbleController.create",
+      requestBody: request_body("Parameters", create_request(), requried: true),
+      responses: %{
+        200 => Operation.response("Scrobble", "application/json", scrobble())
+      }
+    }
+  end
+
+  def index_operation do
+    %Operation{
+      tags: ["Scrobbles"],
+      summary: "Requests a list of current and recent Listen activities for an account",
+      operationId: "PleromaAPI.ScrobbleController.index",
+      parameters: [
+        %Reference{"$ref": "#/components/parameters/accountIdOrNickname"} | pagination_params()
+      ],
+      security: [%{"oAuth" => ["read"]}],
+      responses: %{
+        200 =>
+          Operation.response("Array of Scrobble", "application/json", %Schema{
+            type: :array,
+            items: scrobble()
+          })
+      }
+    }
+  end
+
+  defp create_request do
+    %Schema{
+      type: :object,
+      required: [:title],
+      properties: %{
+        title: %Schema{type: :string, description: "The title of the media playing"},
+        album: %Schema{type: :string, description: "The album of the media playing"},
+        artist: %Schema{type: :string, description: "The artist of the media playing"},
+        length: %Schema{type: :integer, description: "The length of the media playing"},
+        visibility: %Schema{
+          allOf: [VisibilityScope],
+          default: "public",
+          description: "Scrobble visibility"
+        }
+      },
+      example: %{
+        "title" => "Some Title",
+        "artist" => "Some Artist",
+        "album" => "Some Album",
+        "length" => 180_000
+      }
+    }
+  end
+
+  defp scrobble do
+    %Schema{
+      type: :object,
+      properties: %{
+        id: %Schema{type: :string},
+        account: Account,
+        title: %Schema{type: :string, description: "The title of the media playing"},
+        album: %Schema{type: :string, description: "The album of the media playing"},
+        artist: %Schema{type: :string, description: "The artist of the media playing"},
+        length: %Schema{
+          type: :integer,
+          description: "The length of the media playing",
+          nullable: true
+        },
+        created_at: %Schema{type: :string, format: :"date-time"}
+      },
+      example: %{
+        "id" => "1234",
+        "account" => Account.schema().example,
+        "title" => "Some Title",
+        "artist" => "Some Artist",
+        "album" => "Some Album",
+        "length" => 180_000,
+        "created_at" => "2019-09-28T12:40:45.000Z"
+      }
+    }
+  end
+end
diff --git a/lib/pleroma/web/api_spec/operations/report_operation.ex b/lib/pleroma/web/api_spec/operations/report_operation.ex
index 882177c96..b9b4c4f79 100644
--- a/lib/pleroma/web/api_spec/operations/report_operation.ex
+++ b/lib/pleroma/web/api_spec/operations/report_operation.ex
@@ -7,6 +7,7 @@ defmodule Pleroma.Web.ApiSpec.ReportOperation do
   alias OpenApiSpex.Schema
   alias Pleroma.Web.ApiSpec.Helpers
   alias Pleroma.Web.ApiSpec.Schemas.ApiError
+  alias Pleroma.Web.ApiSpec.Schemas.BooleanLike
 
   def open_api_operation(action) do
     operation = String.to_existing_atom("#{action}_operation")
@@ -47,7 +48,7 @@ defp create_request do
           description: "Reason for the report"
         },
         forward: %Schema{
-          type: :boolean,
+          allOf: [BooleanLike],
           nullable: true,
           default: false,
           description:
diff --git a/lib/pleroma/web/api_spec/operations/search_operation.ex b/lib/pleroma/web/api_spec/operations/search_operation.ex
index 6ea00a9a8..169c36d87 100644
--- a/lib/pleroma/web/api_spec/operations/search_operation.ex
+++ b/lib/pleroma/web/api_spec/operations/search_operation.ex
@@ -19,6 +19,7 @@ def open_api_operation(action) do
     apply(__MODULE__, operation, [])
   end
 
+  # Note: `with_relationships` param is not supported (PleromaFE uses this op for autocomplete)
   def account_search_operation do
     %Operation{
       tags: ["Search"],
@@ -96,8 +97,8 @@ def search_operation do
           :query,
           %Schema{type: :integer},
           "Offset"
-        )
-        | pagination_params()
+        ),
+        with_relationships_param() | pagination_params()
       ],
       responses: %{
         200 => Operation.response("Results", "application/json", results())
@@ -138,8 +139,8 @@ def search2_operation do
           :query,
           %Schema{allOf: [BooleanLike], default: false},
           "Only include accounts that the user is following"
-        )
-        | pagination_params()
+        ),
+        with_relationships_param() | pagination_params()
       ],
       responses: %{
         200 => Operation.response("Results", "application/json", results2())
diff --git a/lib/pleroma/web/api_spec/operations/status_operation.ex b/lib/pleroma/web/api_spec/operations/status_operation.ex
index fc2909d8c..0682ca6e5 100644
--- a/lib/pleroma/web/api_spec/operations/status_operation.ex
+++ b/lib/pleroma/web/api_spec/operations/status_operation.ex
@@ -349,10 +349,7 @@ def bookmarks_operation do
       summary: "Bookmarked statuses",
       description: "Statuses the user has bookmarked",
       operationId: "StatusController.bookmarks",
-      parameters: [
-        Operation.parameter(:with_relationships, :query, BooleanLike, "Include relationships")
-        | pagination_params()
-      ],
+      parameters: pagination_params(),
       security: [%{"oAuth" => ["read:bookmarks"]}],
       responses: %{
         200 => Operation.response("Array of Statuses", "application/json", array_of_statuses())
@@ -398,12 +395,12 @@ defp create_request do
                 "Duration the poll should be open, in seconds. Must be provided with `poll[options]`"
             },
             multiple: %Schema{
-              type: :boolean,
+              allOf: [BooleanLike],
               nullable: true,
               description: "Allow multiple choices?"
             },
             hide_totals: %Schema{
-              type: :boolean,
+              allOf: [BooleanLike],
               nullable: true,
               description: "Hide vote counts until the poll ends?"
             }
@@ -415,7 +412,7 @@ defp create_request do
           description: "ID of the status being replied to, if status is a reply"
         },
         sensitive: %Schema{
-          type: :boolean,
+          allOf: [BooleanLike],
           nullable: true,
           description: "Mark status and attached media as sensitive?"
         },
@@ -439,7 +436,7 @@ defp create_request do
         },
         # Pleroma-specific properties:
         preview: %Schema{
-          type: :boolean,
+          allOf: [BooleanLike],
           nullable: true,
           description:
             "If set to `true` the post won't be actually posted, but the status entitiy would still be rendered back. This could be useful for previewing rich text/custom emoji, for example"
diff --git a/lib/pleroma/web/api_spec/operations/subscription_operation.ex b/lib/pleroma/web/api_spec/operations/subscription_operation.ex
index cf6dcb068..c575a87e6 100644
--- a/lib/pleroma/web/api_spec/operations/subscription_operation.ex
+++ b/lib/pleroma/web/api_spec/operations/subscription_operation.ex
@@ -7,6 +7,7 @@ defmodule Pleroma.Web.ApiSpec.SubscriptionOperation do
   alias OpenApiSpex.Schema
   alias Pleroma.Web.ApiSpec.Helpers
   alias Pleroma.Web.ApiSpec.Schemas.ApiError
+  alias Pleroma.Web.ApiSpec.Schemas.BooleanLike
   alias Pleroma.Web.ApiSpec.Schemas.PushSubscription
 
   def open_api_operation(action) do
@@ -117,27 +118,27 @@ defp create_request do
               type: :object,
               properties: %{
                 follow: %Schema{
-                  type: :boolean,
+                  allOf: [BooleanLike],
                   nullable: true,
                   description: "Receive follow notifications?"
                 },
                 favourite: %Schema{
-                  type: :boolean,
+                  allOf: [BooleanLike],
                   nullable: true,
                   description: "Receive favourite notifications?"
                 },
                 reblog: %Schema{
-                  type: :boolean,
+                  allOf: [BooleanLike],
                   nullable: true,
                   description: "Receive reblog notifications?"
                 },
                 mention: %Schema{
-                  type: :boolean,
+                  allOf: [BooleanLike],
                   nullable: true,
                   description: "Receive mention notifications?"
                 },
                 poll: %Schema{
-                  type: :boolean,
+                  allOf: [BooleanLike],
                   nullable: true,
                   description: "Receive poll notifications?"
                 }
@@ -181,27 +182,27 @@ defp update_request do
               type: :object,
               properties: %{
                 follow: %Schema{
-                  type: :boolean,
+                  allOf: [BooleanLike],
                   nullable: true,
                   description: "Receive follow notifications?"
                 },
                 favourite: %Schema{
-                  type: :boolean,
+                  allOf: [BooleanLike],
                   nullable: true,
                   description: "Receive favourite notifications?"
                 },
                 reblog: %Schema{
-                  type: :boolean,
+                  allOf: [BooleanLike],
                   nullable: true,
                   description: "Receive reblog notifications?"
                 },
                 mention: %Schema{
-                  type: :boolean,
+                  allOf: [BooleanLike],
                   nullable: true,
                   description: "Receive mention notifications?"
                 },
                 poll: %Schema{
-                  type: :boolean,
+                  allOf: [BooleanLike],
                   nullable: true,
                   description: "Receive poll notifications?"
                 }
diff --git a/lib/pleroma/web/api_spec/operations/timeline_operation.ex b/lib/pleroma/web/api_spec/operations/timeline_operation.ex
index 1b89035d4..8e19bace7 100644
--- a/lib/pleroma/web/api_spec/operations/timeline_operation.ex
+++ b/lib/pleroma/web/api_spec/operations/timeline_operation.ex
@@ -27,8 +27,7 @@ def home_operation do
         local_param(),
         with_muted_param(),
         exclude_visibilities_param(),
-        reply_visibility_param(),
-        with_relationships_param() | pagination_params()
+        reply_visibility_param() | pagination_params()
       ],
       operationId: "TimelineController.home",
       responses: %{
@@ -44,7 +43,7 @@ def direct_operation do
       description:
         "View statuses with a “direct” privacy, from your account or in your notifications",
       deprecated: true,
-      parameters: pagination_params(),
+      parameters: [with_muted_param() | pagination_params()],
       security: [%{"oAuth" => ["read:statuses"]}],
       operationId: "TimelineController.direct",
       responses: %{
@@ -63,8 +62,7 @@ def public_operation do
         only_media_param(),
         with_muted_param(),
         exclude_visibilities_param(),
-        reply_visibility_param(),
-        with_relationships_param() | pagination_params()
+        reply_visibility_param() | pagination_params()
       ],
       operationId: "TimelineController.public",
       responses: %{
@@ -109,8 +107,7 @@ def hashtag_operation do
         local_param(),
         only_media_param(),
         with_muted_param(),
-        exclude_visibilities_param(),
-        with_relationships_param() | pagination_params()
+        exclude_visibilities_param() | pagination_params()
       ],
       operationId: "TimelineController.hashtag",
       responses: %{
@@ -134,8 +131,7 @@ def list_operation do
           required: true
         ),
         with_muted_param(),
-        exclude_visibilities_param(),
-        with_relationships_param() | pagination_params()
+        exclude_visibilities_param() | pagination_params()
       ],
       operationId: "TimelineController.list",
       responses: %{
@@ -153,10 +149,6 @@ defp array_of_statuses do
     }
   end
 
-  defp with_relationships_param do
-    Operation.parameter(:with_relationships, :query, BooleanLike, "Include relationships")
-  end
-
   defp local_param do
     Operation.parameter(
       :local,
diff --git a/lib/pleroma/web/api_spec/schemas/attachment.ex b/lib/pleroma/web/api_spec/schemas/attachment.ex
index c146c416e..c6edf6d36 100644
--- a/lib/pleroma/web/api_spec/schemas/attachment.ex
+++ b/lib/pleroma/web/api_spec/schemas/attachment.ex
@@ -13,7 +13,7 @@ defmodule Pleroma.Web.ApiSpec.Schemas.Attachment do
     type: :object,
     requried: [:id, :url, :preview_url],
     properties: %{
-      id: %Schema{type: :string},
+      id: %Schema{type: :string, description: "The ID of the attachment in the database."},
       url: %Schema{
         type: :string,
         format: :uri,
diff --git a/lib/pleroma/web/auth/pleroma_authenticator.ex b/lib/pleroma/web/auth/pleroma_authenticator.ex
index a8f554aa3..200ca03dc 100644
--- a/lib/pleroma/web/auth/pleroma_authenticator.ex
+++ b/lib/pleroma/web/auth/pleroma_authenticator.ex
@@ -16,7 +16,8 @@ defmodule Pleroma.Web.Auth.PleromaAuthenticator do
   def get_user(%Plug.Conn{} = conn) do
     with {:ok, {name, password}} <- fetch_credentials(conn),
          {_, %User{} = user} <- {:user, fetch_user(name)},
-         {_, true} <- {:checkpw, AuthenticationPlug.checkpw(password, user.password_hash)} do
+         {_, true} <- {:checkpw, AuthenticationPlug.checkpw(password, user.password_hash)},
+         {:ok, user} <- AuthenticationPlug.maybe_update_password(user, password) do
       {:ok, user}
     else
       {:error, _reason} = error -> error
diff --git a/lib/pleroma/web/auth/totp_authenticator.ex b/lib/pleroma/web/auth/totp_authenticator.ex
index ce8a76219..1794e407c 100644
--- a/lib/pleroma/web/auth/totp_authenticator.ex
+++ b/lib/pleroma/web/auth/totp_authenticator.ex
@@ -1,5 +1,5 @@
 # Pleroma: A lightweight social networking server
-# Copyright © 2017-2019 Pleroma Authors <https://pleroma.social/>
+# Copyright © 2017-2020 Pleroma Authors <https://pleroma.social/>
 # SPDX-License-Identifier: AGPL-3.0-only
 
 defmodule Pleroma.Web.Auth.TOTPAuthenticator do
diff --git a/lib/pleroma/web/chat_channel.ex b/lib/pleroma/web/chat_channel.ex
index 38ec774f7..bce27897f 100644
--- a/lib/pleroma/web/chat_channel.ex
+++ b/lib/pleroma/web/chat_channel.ex
@@ -23,6 +23,7 @@ def handle_in("new_msg", %{"text" => text}, %{assigns: %{user_name: user_name}}
     if String.length(text) in 1..Pleroma.Config.get([:instance, :chat_limit]) do
       author = User.get_cached_by_nickname(user_name)
       author = Pleroma.Web.MastodonAPI.AccountView.render("show.json", user: author)
+
       message = ChatChannelState.add_message(%{text: text, author: author})
 
       broadcast!(socket, "new_msg", message)
diff --git a/lib/pleroma/web/common_api/common_api.ex b/lib/pleroma/web/common_api/common_api.ex
index 7c94f16b6..447dbe4e6 100644
--- a/lib/pleroma/web/common_api/common_api.ex
+++ b/lib/pleroma/web/common_api/common_api.ex
@@ -347,11 +347,14 @@ def check_expiry_date(expiry_str) do
     |> check_expiry_date()
   end
 
-  def listen(user, %{"title" => _} = data) do
-    with visibility <- data["visibility"] || "public",
-         {to, cc} <- get_to_and_cc(user, [], nil, visibility, nil),
+  def listen(user, data) do
+    visibility = Map.get(data, :visibility, "public")
+
+    with {to, cc} <- get_to_and_cc(user, [], nil, visibility, nil),
          listen_data <-
-           Map.take(data, ["album", "artist", "title", "length"])
+           data
+           |> Map.take([:album, :artist, :title, :length])
+           |> Map.new(fn {key, value} -> {to_string(key), value} end)
            |> Map.put("type", "Audio")
            |> Map.put("to", to)
            |> Map.put("cc", cc)
diff --git a/lib/pleroma/web/controller_helper.ex b/lib/pleroma/web/controller_helper.ex
index eb97ae975..5a1316a5f 100644
--- a/lib/pleroma/web/controller_helper.ex
+++ b/lib/pleroma/web/controller_helper.ex
@@ -5,8 +5,6 @@
 defmodule Pleroma.Web.ControllerHelper do
   use Pleroma.Web, :controller
 
-  alias Pleroma.Config
-
   # As in Mastodon API, per https://api.rubyonrails.org/classes/ActiveModel/Type/Boolean.html
   @falsy_param_values [false, 0, "0", "f", "F", "false", "False", "FALSE", "off", "OFF"]
 
@@ -106,13 +104,16 @@ def put_if_exist(map, _key, nil), do: map
 
   def put_if_exist(map, key, value), do: Map.put(map, key, value)
 
-  @doc "Whether to skip rendering `[:account][:pleroma][:relationship]`for statuses/notifications"
-  def skip_relationships?(params) do
-    if Config.get([:extensions, :output_relationships_in_statuses_by_default]) do
-      false
-    else
-      # BREAKING: older PleromaFE versions do not send this param but _do_ expect relationships.
-      not truthy_param?(params["with_relationships"])
-    end
+  @doc """
+  Returns true if request specifies to include embedded relationships in account objects.
+  May only be used in selected account-related endpoints; has no effect for status- or
+    notification-related endpoints.
+  """
+  # Intended for PleromaFE: https://git.pleroma.social/pleroma/pleroma-fe/-/issues/838
+  def embed_relationships?(params) do
+    # To do once OpenAPI transition mess is over: just `truthy_param?(params[:with_relationships])`
+    params
+    |> Map.get(:with_relationships, params["with_relationships"])
+    |> truthy_param?()
   end
 end
diff --git a/lib/pleroma/web/mastodon_api/controllers/account_controller.ex b/lib/pleroma/web/mastodon_api/controllers/account_controller.ex
index b9ed2d7b2..75512442d 100644
--- a/lib/pleroma/web/mastodon_api/controllers/account_controller.ex
+++ b/lib/pleroma/web/mastodon_api/controllers/account_controller.ex
@@ -10,8 +10,8 @@ defmodule Pleroma.Web.MastodonAPI.AccountController do
       add_link_headers: 2,
       truthy_param?: 1,
       assign_account_by_id: 2,
-      json_response: 3,
-      skip_relationships?: 1
+      embed_relationships?: 1,
+      json_response: 3
     ]
 
   alias Pleroma.Plugs.EnsurePublicOrAuthenticatedPlug
@@ -177,6 +177,7 @@ def update_credentials(%{assigns: %{user: original_user}, body_params: params} =
       )
       |> add_if_present(params, :pleroma_settings_store, :pleroma_settings_store)
       |> add_if_present(params, :default_scope, :default_scope)
+      |> add_if_present(params["source"], "privacy", :default_scope)
       |> add_if_present(params, :actor_type, :actor_type)
 
     changeset = User.update_changeset(user, user_params)
@@ -189,7 +190,8 @@ def update_credentials(%{assigns: %{user: original_user}, body_params: params} =
   end
 
   defp add_if_present(map, params, params_field, map_field, value_function \\ &{:ok, &1}) do
-    with true <- Map.has_key?(params, params_field),
+    with true <- is_map(params),
+         true <- Map.has_key?(params, params_field),
          {:ok, new_value} <- value_function.(Map.get(params, params_field)) do
       Map.put(map, map_field, new_value)
     else
@@ -247,8 +249,7 @@ def statuses(%{assigns: %{user: reading_user}} = conn, params) do
       |> render("index.json",
         activities: activities,
         for: reading_user,
-        as: :activity,
-        skip_relationships: skip_relationships?(params)
+        as: :activity
       )
     else
       _e -> render_error(conn, :not_found, "Can't find user")
@@ -271,7 +272,13 @@ def followers(%{assigns: %{user: for_user, account: user}} = conn, params) do
 
     conn
     |> add_link_headers(followers)
-    |> render("index.json", for: for_user, users: followers, as: :user)
+    # https://git.pleroma.social/pleroma/pleroma-fe/-/issues/838#note_59223
+    |> render("index.json",
+      for: for_user,
+      users: followers,
+      as: :user,
+      embed_relationships: embed_relationships?(params)
+    )
   end
 
   @doc "GET /api/v1/accounts/:id/following"
@@ -290,7 +297,13 @@ def following(%{assigns: %{user: for_user, account: user}} = conn, params) do
 
     conn
     |> add_link_headers(followers)
-    |> render("index.json", for: for_user, users: followers, as: :user)
+    # https://git.pleroma.social/pleroma/pleroma-fe/-/issues/838#note_59223
+    |> render("index.json",
+      for: for_user,
+      users: followers,
+      as: :user,
+      embed_relationships: embed_relationships?(params)
+    )
   end
 
   @doc "GET /api/v1/accounts/:id/lists"
diff --git a/lib/pleroma/web/mastodon_api/controllers/fallback_controller.ex b/lib/pleroma/web/mastodon_api/controllers/fallback_controller.ex
index 0a257f604..8af557b61 100644
--- a/lib/pleroma/web/mastodon_api/controllers/fallback_controller.ex
+++ b/lib/pleroma/web/mastodon_api/controllers/fallback_controller.ex
@@ -20,6 +20,10 @@ def call(conn, {:error, :not_found}) do
     render_error(conn, :not_found, "Record not found")
   end
 
+  def call(conn, {:error, :forbidden}) do
+    render_error(conn, :forbidden, "Access denied")
+  end
+
   def call(conn, {:error, error_message}) do
     conn
     |> put_status(:bad_request)
diff --git a/lib/pleroma/web/mastodon_api/controllers/media_controller.ex b/lib/pleroma/web/mastodon_api/controllers/media_controller.ex
index e36751220..513de279f 100644
--- a/lib/pleroma/web/mastodon_api/controllers/media_controller.ex
+++ b/lib/pleroma/web/mastodon_api/controllers/media_controller.ex
@@ -11,17 +11,21 @@ defmodule Pleroma.Web.MastodonAPI.MediaController do
   alias Pleroma.Web.ActivityPub.ActivityPub
 
   action_fallback(Pleroma.Web.MastodonAPI.FallbackController)
+  plug(Pleroma.Web.ApiSpec.CastAndValidate)
   plug(:put_view, Pleroma.Web.MastodonAPI.StatusView)
 
-  plug(OAuthScopesPlug, %{scopes: ["write:media"]})
+  plug(OAuthScopesPlug, %{scopes: ["read:media"]} when action == :show)
+  plug(OAuthScopesPlug, %{scopes: ["write:media"]} when action != :show)
+
+  defdelegate open_api_operation(action), to: Pleroma.Web.ApiSpec.MediaOperation
 
   @doc "POST /api/v1/media"
-  def create(%{assigns: %{user: user}} = conn, %{"file" => file} = data) do
+  def create(%{assigns: %{user: user}, body_params: %{file: file} = data} = conn, _) do
     with {:ok, object} <-
            ActivityPub.upload(
              file,
              actor: User.ap_id(user),
-             description: Map.get(data, "description")
+             description: Map.get(data, :description)
            ) do
       attachment_data = Map.put(object.data, "id", object.id)
 
@@ -29,11 +33,30 @@ def create(%{assigns: %{user: user}} = conn, %{"file" => file} = data) do
     end
   end
 
+  def create(_conn, _data), do: {:error, :bad_request}
+
+  @doc "POST /api/v2/media"
+  def create2(%{assigns: %{user: user}, body_params: %{file: file} = data} = conn, _) do
+    with {:ok, object} <-
+           ActivityPub.upload(
+             file,
+             actor: User.ap_id(user),
+             description: Map.get(data, :description)
+           ) do
+      attachment_data = Map.put(object.data, "id", object.id)
+
+      conn
+      |> put_status(202)
+      |> render("attachment.json", %{attachment: attachment_data})
+    end
+  end
+
+  def create2(_conn, _data), do: {:error, :bad_request}
+
   @doc "PUT /api/v1/media/:id"
-  def update(%{assigns: %{user: user}} = conn, %{"id" => id, "description" => description})
-      when is_binary(description) do
+  def update(%{assigns: %{user: user}, body_params: %{description: description}} = conn, %{id: id}) do
     with %Object{} = object <- Object.get_by_id(id),
-         true <- Object.authorize_mutation(object, user),
+         :ok <- Object.authorize_access(object, user),
          {:ok, %Object{data: data}} <- Object.update_data(object, %{"name" => description}) do
       attachment_data = Map.put(data, "id", object.id)
 
@@ -41,5 +64,17 @@ def update(%{assigns: %{user: user}} = conn, %{"id" => id, "description" => desc
     end
   end
 
-  def update(_conn, _data), do: {:error, :bad_request}
+  def update(conn, data), do: show(conn, data)
+
+  @doc "GET /api/v1/media/:id"
+  def show(%{assigns: %{user: user}} = conn, %{id: id}) do
+    with %Object{data: data, id: object_id} = object <- Object.get_by_id(id),
+         :ok <- Object.authorize_access(object, user) do
+      attachment_data = Map.put(data, "id", object_id)
+
+      render(conn, "attachment.json", %{attachment: attachment_data})
+    end
+  end
+
+  def show(_conn, _data), do: {:error, :bad_request}
 end
diff --git a/lib/pleroma/web/mastodon_api/controllers/notification_controller.ex b/lib/pleroma/web/mastodon_api/controllers/notification_controller.ex
index 596b85617..bcd12c73f 100644
--- a/lib/pleroma/web/mastodon_api/controllers/notification_controller.ex
+++ b/lib/pleroma/web/mastodon_api/controllers/notification_controller.ex
@@ -5,7 +5,7 @@
 defmodule Pleroma.Web.MastodonAPI.NotificationController do
   use Pleroma.Web, :controller
 
-  import Pleroma.Web.ControllerHelper, only: [add_link_headers: 2, skip_relationships?: 1]
+  import Pleroma.Web.ControllerHelper, only: [add_link_headers: 2]
 
   alias Pleroma.Notification
   alias Pleroma.Plugs.OAuthScopesPlug
@@ -50,8 +50,7 @@ def index(%{assigns: %{user: user}} = conn, params) do
     |> add_link_headers(notifications)
     |> render("index.json",
       notifications: notifications,
-      for: user,
-      skip_relationships: skip_relationships?(params)
+      for: user
     )
   end
 
diff --git a/lib/pleroma/web/mastodon_api/controllers/search_controller.ex b/lib/pleroma/web/mastodon_api/controllers/search_controller.ex
index 0e0d54ba4..77e2224e4 100644
--- a/lib/pleroma/web/mastodon_api/controllers/search_controller.ex
+++ b/lib/pleroma/web/mastodon_api/controllers/search_controller.ex
@@ -5,14 +5,13 @@
 defmodule Pleroma.Web.MastodonAPI.SearchController do
   use Pleroma.Web, :controller
 
-  import Pleroma.Web.ControllerHelper, only: [skip_relationships?: 1]
-
   alias Pleroma.Activity
   alias Pleroma.Plugs.OAuthScopesPlug
   alias Pleroma.Plugs.RateLimiter
   alias Pleroma.Repo
   alias Pleroma.User
   alias Pleroma.Web
+  alias Pleroma.Web.ControllerHelper
   alias Pleroma.Web.MastodonAPI.AccountView
   alias Pleroma.Web.MastodonAPI.StatusView
 
@@ -34,7 +33,11 @@ def account_search(%{assigns: %{user: user}} = conn, %{q: query} = params) do
 
     conn
     |> put_view(AccountView)
-    |> render("index.json", users: accounts, for: user, as: :user)
+    |> render("index.json",
+      users: accounts,
+      for: user,
+      as: :user
+    )
   end
 
   def search2(conn, params), do: do_search(:v2, conn, params)
@@ -71,13 +74,13 @@ defp do_search(version, %{assigns: %{user: user}} = conn, %{q: query} = params)
 
   defp search_options(params, user) do
     [
-      skip_relationships: skip_relationships?(params),
       resolve: params[:resolve],
       following: params[:following],
       limit: params[:limit],
       offset: params[:offset],
       type: params[:type],
       author: get_author(params),
+      embed_relationships: ControllerHelper.embed_relationships?(params),
       for_user: user
     ]
     |> Enum.filter(&elem(&1, 1))
@@ -90,7 +93,7 @@ defp resource_search(_, "accounts", query, options) do
       users: accounts,
       for: options[:for_user],
       as: :user,
-      skip_relationships: false
+      embed_relationships: options[:embed_relationships]
     )
   end
 
@@ -100,8 +103,7 @@ defp resource_search(_, "statuses", query, options) do
     StatusView.render("index.json",
       activities: statuses,
       for: options[:for_user],
-      as: :activity,
-      skip_relationships: options[:skip_relationships]
+      as: :activity
     )
   end
 
diff --git a/lib/pleroma/web/mastodon_api/controllers/status_controller.ex b/lib/pleroma/web/mastodon_api/controllers/status_controller.ex
index 25e499a77..9dbf4f33c 100644
--- a/lib/pleroma/web/mastodon_api/controllers/status_controller.ex
+++ b/lib/pleroma/web/mastodon_api/controllers/status_controller.ex
@@ -6,7 +6,7 @@ defmodule Pleroma.Web.MastodonAPI.StatusController do
   use Pleroma.Web, :controller
 
   import Pleroma.Web.ControllerHelper,
-    only: [try_render: 3, add_link_headers: 2, skip_relationships?: 1]
+    only: [try_render: 3, add_link_headers: 2]
 
   require Ecto.Query
 
@@ -105,7 +105,7 @@ defmodule Pleroma.Web.MastodonAPI.StatusController do
 
   `ids` query param is required
   """
-  def index(%{assigns: %{user: user}} = conn, %{ids: ids} = params) do
+  def index(%{assigns: %{user: user}} = conn, %{ids: ids} = _params) do
     limit = 100
 
     activities =
@@ -117,8 +117,7 @@ def index(%{assigns: %{user: user}} = conn, %{ids: ids} = params) do
     render(conn, "index.json",
       activities: activities,
       for: user,
-      as: :activity,
-      skip_relationships: skip_relationships?(params)
+      as: :activity
     )
   end
 
@@ -383,8 +382,7 @@ def favourites(%{assigns: %{user: %User{} = user}} = conn, params) do
     |> render("index.json",
       activities: activities,
       for: user,
-      as: :activity,
-      skip_relationships: skip_relationships?(params)
+      as: :activity
     )
   end
 
@@ -406,8 +404,7 @@ def bookmarks(%{assigns: %{user: user}} = conn, params) do
     |> render("index.json",
       activities: activities,
       for: user,
-      as: :activity,
-      skip_relationships: skip_relationships?(params)
+      as: :activity
     )
   end
 end
diff --git a/lib/pleroma/web/mastodon_api/controllers/timeline_controller.ex b/lib/pleroma/web/mastodon_api/controllers/timeline_controller.ex
index bbd576ffd..958567510 100644
--- a/lib/pleroma/web/mastodon_api/controllers/timeline_controller.ex
+++ b/lib/pleroma/web/mastodon_api/controllers/timeline_controller.ex
@@ -6,7 +6,7 @@ defmodule Pleroma.Web.MastodonAPI.TimelineController do
   use Pleroma.Web, :controller
 
   import Pleroma.Web.ControllerHelper,
-    only: [add_link_headers: 2, add_link_headers: 3, skip_relationships?: 1]
+    only: [add_link_headers: 2, add_link_headers: 3]
 
   alias Pleroma.Pagination
   alias Pleroma.Plugs.EnsurePublicOrAuthenticatedPlug
@@ -63,8 +63,7 @@ def home(%{assigns: %{user: user}} = conn, params) do
     |> render("index.json",
       activities: activities,
       for: user,
-      as: :activity,
-      skip_relationships: skip_relationships?(params)
+      as: :activity
     )
   end
 
@@ -88,8 +87,7 @@ def direct(%{assigns: %{user: user}} = conn, params) do
     |> render("index.json",
       activities: activities,
       for: user,
-      as: :activity,
-      skip_relationships: skip_relationships?(params)
+      as: :activity
     )
   end
 
@@ -125,8 +123,7 @@ def public(%{assigns: %{user: user}} = conn, params) do
       |> render("index.json",
         activities: activities,
         for: user,
-        as: :activity,
-        skip_relationships: skip_relationships?(params)
+        as: :activity
       )
     end
   end
@@ -173,8 +170,7 @@ def hashtag(%{assigns: %{user: user}} = conn, params) do
     |> render("index.json",
       activities: activities,
       for: user,
-      as: :activity,
-      skip_relationships: skip_relationships?(params)
+      as: :activity
     )
   end
 
@@ -203,8 +199,7 @@ def list(%{assigns: %{user: user}} = conn, %{list_id: id} = params) do
       render(conn, "index.json",
         activities: activities,
         for: user,
-        as: :activity,
-        skip_relationships: skip_relationships?(params)
+        as: :activity
       )
     else
       _e -> render_error(conn, :forbidden, "Error.")
diff --git a/lib/pleroma/web/mastodon_api/views/account_view.ex b/lib/pleroma/web/mastodon_api/views/account_view.ex
index 835dfe9f4..45fffaad2 100644
--- a/lib/pleroma/web/mastodon_api/views/account_view.ex
+++ b/lib/pleroma/web/mastodon_api/views/account_view.ex
@@ -15,13 +15,12 @@ defmodule Pleroma.Web.MastodonAPI.AccountView do
   def render("index.json", %{users: users} = opts) do
     reading_user = opts[:for]
 
-    # Note: :skip_relationships option is currently intentionally not supported for accounts
     relationships_opt =
       cond do
         Map.has_key?(opts, :relationships) ->
           opts[:relationships]
 
-        is_nil(reading_user) ->
+        is_nil(reading_user) || !opts[:embed_relationships] ->
           UserRelationship.view_relationships_option(nil, [])
 
         true ->
@@ -193,14 +192,14 @@ defp do_render("show.json", %{user: user} = opts) do
       end)
 
     relationship =
-      if opts[:skip_relationships] do
-        %{}
-      else
+      if opts[:embed_relationships] do
         render("relationship.json", %{
           user: opts[:for],
           target: user,
           relationships: opts[:relationships]
         })
+      else
+        %{}
       end
 
     %{
diff --git a/lib/pleroma/web/mastodon_api/views/instance_view.ex b/lib/pleroma/web/mastodon_api/views/instance_view.ex
index a329ffc28..8088306c3 100644
--- a/lib/pleroma/web/mastodon_api/views/instance_view.ex
+++ b/lib/pleroma/web/mastodon_api/views/instance_view.ex
@@ -33,6 +33,7 @@ def render("show.json", _) do
       avatar_upload_limit: Keyword.get(instance, :avatar_upload_limit),
       background_upload_limit: Keyword.get(instance, :background_upload_limit),
       banner_upload_limit: Keyword.get(instance, :banner_upload_limit),
+      background_image: Keyword.get(instance, :background_image),
       pleroma: %{
         metadata: %{
           features: features(),
diff --git a/lib/pleroma/web/mastodon_api/views/notification_view.ex b/lib/pleroma/web/mastodon_api/views/notification_view.ex
index 4da1ab67f..c46ddcf55 100644
--- a/lib/pleroma/web/mastodon_api/views/notification_view.ex
+++ b/lib/pleroma/web/mastodon_api/views/notification_view.ex
@@ -51,9 +51,7 @@ def render("index.json", %{notifications: notifications, for: reading_user} = op
             |> Enum.filter(& &1)
             |> Kernel.++(move_activities_targets)
 
-          UserRelationship.view_relationships_option(reading_user, actors,
-            source_mutes_only: opts[:skip_relationships]
-          )
+          UserRelationship.view_relationships_option(reading_user, actors, subset: :source_mutes)
       end
 
     opts =
@@ -83,15 +81,13 @@ def render(
 
     mastodon_type = Activity.mastodon_notification_type(activity)
 
-    render_opts = %{
-      relationships: opts[:relationships],
-      skip_relationships: opts[:skip_relationships]
-    }
+    # Note: :relationships contain user mutes (needed for :muted flag in :status)
+    status_render_opts = %{relationships: opts[:relationships]}
 
     with %{id: _} = account <-
            AccountView.render(
              "show.json",
-             Map.merge(render_opts, %{user: actor, for: reading_user})
+             %{user: actor, for: reading_user}
            ) do
       response = %{
         id: to_string(notification.id),
@@ -105,21 +101,20 @@ def render(
 
       case mastodon_type do
         "mention" ->
-          put_status(response, activity, reading_user, render_opts)
+          put_status(response, activity, reading_user, status_render_opts)
 
         "favourite" ->
-          put_status(response, parent_activity_fn.(), reading_user, render_opts)
+          put_status(response, parent_activity_fn.(), reading_user, status_render_opts)
 
         "reblog" ->
-          put_status(response, parent_activity_fn.(), reading_user, render_opts)
+          put_status(response, parent_activity_fn.(), reading_user, status_render_opts)
 
         "move" ->
-          # Note: :skip_relationships option being applied to _account_ rendering (here)
-          put_target(response, activity, reading_user, render_opts)
+          put_target(response, activity, reading_user, %{})
 
         "pleroma:emoji_reaction" ->
           response
-          |> put_status(parent_activity_fn.(), reading_user, render_opts)
+          |> put_status(parent_activity_fn.(), reading_user, status_render_opts)
           |> put_emoji(activity)
 
         type when type in ["follow", "follow_request"] ->
diff --git a/lib/pleroma/web/mastodon_api/views/status_view.ex b/lib/pleroma/web/mastodon_api/views/status_view.ex
index 2a206f743..e31e45553 100644
--- a/lib/pleroma/web/mastodon_api/views/status_view.ex
+++ b/lib/pleroma/web/mastodon_api/views/status_view.ex
@@ -107,9 +107,7 @@ def render("index.json", opts) do
             |> Enum.map(&get_user(&1.data["actor"], false))
             |> Enum.filter(& &1)
 
-          UserRelationship.view_relationships_option(reading_user, actors,
-            source_mutes_only: opts[:skip_relationships]
-          )
+          UserRelationship.view_relationships_option(reading_user, actors, subset: :source_mutes)
       end
 
     opts =
@@ -162,9 +160,7 @@ def render(
       account:
         AccountView.render("show.json", %{
           user: user,
-          for: opts[:for],
-          relationships: opts[:relationships],
-          skip_relationships: opts[:skip_relationships]
+          for: opts[:for]
         }),
       in_reply_to_id: nil,
       in_reply_to_account_id: nil,
@@ -330,9 +326,7 @@ def render("show.json", %{activity: %{data: %{"object" => _object}} = activity}
       account:
         AccountView.render("show.json", %{
           user: user,
-          for: opts[:for],
-          relationships: opts[:relationships],
-          skip_relationships: opts[:skip_relationships]
+          for: opts[:for]
         }),
       in_reply_to_id: reply_to && to_string(reply_to.id),
       in_reply_to_account_id: reply_to_user && to_string(reply_to_user.id),
@@ -443,27 +437,6 @@ def render("attachment.json", %{attachment: attachment}) do
     }
   end
 
-  def render("listen.json", %{activity: %Activity{data: %{"type" => "Listen"}} = activity} = opts) do
-    object = Object.normalize(activity)
-
-    user = get_user(activity.data["actor"])
-    created_at = Utils.to_masto_date(activity.data["published"])
-
-    %{
-      id: activity.id,
-      account: AccountView.render("show.json", %{user: user, for: opts[:for]}),
-      created_at: created_at,
-      title: object.data["title"] |> HTML.strip_tags(),
-      artist: object.data["artist"] |> HTML.strip_tags(),
-      album: object.data["album"] |> HTML.strip_tags(),
-      length: object.data["length"]
-    }
-  end
-
-  def render("listens.json", opts) do
-    safe_render_many(opts.activities, StatusView, "listen.json", opts)
-  end
-
   def render("context.json", %{activity: activity, activities: activities, user: user}) do
     %{ancestors: ancestors, descendants: descendants} =
       activities
diff --git a/lib/pleroma/web/media_proxy/invalidation.ex b/lib/pleroma/web/media_proxy/invalidation.ex
new file mode 100644
index 000000000..c037ff13e
--- /dev/null
+++ b/lib/pleroma/web/media_proxy/invalidation.ex
@@ -0,0 +1,26 @@
+# Pleroma: A lightweight social networking server
+# Copyright © 2017-2020 Pleroma Authors <https://pleroma.social/>
+# SPDX-License-Identifier: AGPL-3.0-only
+
+defmodule Pleroma.Web.MediaProxy.Invalidation do
+  @moduledoc false
+
+  @callback purge(list(String.t()), map()) :: {:ok, String.t()} | {:error, String.t()}
+
+  alias Pleroma.Config
+
+  @spec purge(list(String.t())) :: {:ok, String.t()} | {:error, String.t()}
+  def purge(urls) do
+    [:media_proxy, :invalidation, :enabled]
+    |> Config.get()
+    |> do_purge(urls)
+  end
+
+  defp do_purge(true, urls) do
+    provider = Config.get([:media_proxy, :invalidation, :provider])
+    options = Config.get(provider)
+    provider.purge(urls, options)
+  end
+
+  defp do_purge(_, _), do: :ok
+end
diff --git a/lib/pleroma/web/media_proxy/invalidations/http.ex b/lib/pleroma/web/media_proxy/invalidations/http.ex
new file mode 100644
index 000000000..07248df6e
--- /dev/null
+++ b/lib/pleroma/web/media_proxy/invalidations/http.ex
@@ -0,0 +1,40 @@
+# Pleroma: A lightweight social networking server
+# Copyright © 2017-2020 Pleroma Authors <https://pleroma.social/>
+# SPDX-License-Identifier: AGPL-3.0-only
+
+defmodule Pleroma.Web.MediaProxy.Invalidation.Http do
+  @moduledoc false
+  @behaviour Pleroma.Web.MediaProxy.Invalidation
+
+  require Logger
+
+  @impl Pleroma.Web.MediaProxy.Invalidation
+  def purge(urls, opts) do
+    method = Map.get(opts, :method, :purge)
+    headers = Map.get(opts, :headers, [])
+    options = Map.get(opts, :options, [])
+
+    Logger.debug("Running cache purge: #{inspect(urls)}")
+
+    Enum.each(urls, fn url ->
+      with {:error, error} <- do_purge(method, url, headers, options) do
+        Logger.error("Error while cache purge: url - #{url}, error: #{inspect(error)}")
+      end
+    end)
+
+    {:ok, "success"}
+  end
+
+  defp do_purge(method, url, headers, options) do
+    case Pleroma.HTTP.request(method, url, "", headers, options) do
+      {:ok, %{status: status} = env} when 400 <= status and status < 500 ->
+        {:error, env}
+
+      {:error, error} = error ->
+        error
+
+      _ ->
+        {:ok, "success"}
+    end
+  end
+end
diff --git a/lib/pleroma/web/media_proxy/invalidations/script.ex b/lib/pleroma/web/media_proxy/invalidations/script.ex
new file mode 100644
index 000000000..6be782132
--- /dev/null
+++ b/lib/pleroma/web/media_proxy/invalidations/script.ex
@@ -0,0 +1,41 @@
+# Pleroma: A lightweight social networking server
+# Copyright © 2017-2020 Pleroma Authors <https://pleroma.social/>
+# SPDX-License-Identifier: AGPL-3.0-only
+
+defmodule Pleroma.Web.MediaProxy.Invalidation.Script do
+  @moduledoc false
+
+  @behaviour Pleroma.Web.MediaProxy.Invalidation
+
+  require Logger
+
+  @impl Pleroma.Web.MediaProxy.Invalidation
+  def purge(urls, %{script_path: script_path} = _options) do
+    args =
+      urls
+      |> List.wrap()
+      |> Enum.uniq()
+      |> Enum.join(" ")
+
+    path = Path.expand(script_path)
+
+    Logger.debug("Running cache purge: #{inspect(urls)}, #{path}")
+
+    case do_purge(path, [args]) do
+      {result, exit_status} when exit_status > 0 ->
+        Logger.error("Error while cache purge: #{inspect(result)}")
+        {:error, inspect(result)}
+
+      _ ->
+        {:ok, "success"}
+    end
+  end
+
+  def purge(_, _), do: {:error, "not found script path"}
+
+  defp do_purge(path, args) do
+    System.cmd(path, args)
+  rescue
+    error -> {inspect(error), 1}
+  end
+end
diff --git a/lib/pleroma/web/oauth/mfa_controller.ex b/lib/pleroma/web/oauth/mfa_controller.ex
index e52cccd85..53e19f82e 100644
--- a/lib/pleroma/web/oauth/mfa_controller.ex
+++ b/lib/pleroma/web/oauth/mfa_controller.ex
@@ -1,5 +1,5 @@
 # Pleroma: A lightweight social networking server
-# Copyright © 2017-2019 Pleroma Authors <https://pleroma.social/>
+# Copyright © 2017-2020 Pleroma Authors <https://pleroma.social/>
 # SPDX-License-Identifier: AGPL-3.0-only
 
 defmodule Pleroma.Web.OAuth.MFAController do
diff --git a/lib/pleroma/web/oauth/mfa_view.ex b/lib/pleroma/web/oauth/mfa_view.ex
index e88e7066b..41d5578dc 100644
--- a/lib/pleroma/web/oauth/mfa_view.ex
+++ b/lib/pleroma/web/oauth/mfa_view.ex
@@ -1,5 +1,5 @@
 # Pleroma: A lightweight social networking server
-# Copyright © 2017-2019 Pleroma Authors <https://pleroma.social/>
+# Copyright © 2017-2020 Pleroma Authors <https://pleroma.social/>
 # SPDX-License-Identifier: AGPL-3.0-only
 
 defmodule Pleroma.Web.OAuth.MFAView do
diff --git a/lib/pleroma/web/oauth/token/clean_worker.ex b/lib/pleroma/web/oauth/token/clean_worker.ex
index 2c3bb9ded..e3aa4eb7e 100644
--- a/lib/pleroma/web/oauth/token/clean_worker.ex
+++ b/lib/pleroma/web/oauth/token/clean_worker.ex
@@ -1,5 +1,5 @@
 # Pleroma: A lightweight social networking server
-# Copyright © 2017-2019 Pleroma Authors <https://pleroma.social/>
+# Copyright © 2017-2020 Pleroma Authors <https://pleroma.social/>
 # SPDX-License-Identifier: AGPL-3.0-only
 
 defmodule Pleroma.Web.OAuth.Token.CleanWorker do
diff --git a/lib/pleroma/web/pleroma_api/controllers/account_controller.ex b/lib/pleroma/web/pleroma_api/controllers/account_controller.ex
index 07078d415..0a3f45620 100644
--- a/lib/pleroma/web/pleroma_api/controllers/account_controller.ex
+++ b/lib/pleroma/web/pleroma_api/controllers/account_controller.ex
@@ -6,7 +6,7 @@ defmodule Pleroma.Web.PleromaAPI.AccountController do
   use Pleroma.Web, :controller
 
   import Pleroma.Web.ControllerHelper,
-    only: [json_response: 3, add_link_headers: 2, assign_account_by_id: 2, skip_relationships?: 1]
+    only: [json_response: 3, add_link_headers: 2, assign_account_by_id: 2]
 
   alias Ecto.Changeset
   alias Pleroma.Plugs.EnsurePublicOrAuthenticatedPlug
@@ -149,8 +149,7 @@ def favourites(%{assigns: %{user: for_user, account: user}} = conn, params) do
     |> render("index.json",
       activities: activities,
       for: for_user,
-      as: :activity,
-      skip_relationships: skip_relationships?(params)
+      as: :activity
     )
   end
 
diff --git a/lib/pleroma/web/pleroma_api/controllers/emoji_api_controller.ex b/lib/pleroma/web/pleroma_api/controllers/emoji_pack_controller.ex
similarity index 77%
rename from lib/pleroma/web/pleroma_api/controllers/emoji_api_controller.ex
rename to lib/pleroma/web/pleroma_api/controllers/emoji_pack_controller.ex
index d276b96a4..2c53dcde1 100644
--- a/lib/pleroma/web/pleroma_api/controllers/emoji_api_controller.ex
+++ b/lib/pleroma/web/pleroma_api/controllers/emoji_pack_controller.ex
@@ -1,8 +1,10 @@
-defmodule Pleroma.Web.PleromaAPI.EmojiAPIController do
+defmodule Pleroma.Web.PleromaAPI.EmojiPackController do
   use Pleroma.Web, :controller
 
   alias Pleroma.Emoji.Pack
 
+  plug(Pleroma.Web.ApiSpec.CastAndValidate)
+
   plug(
     Pleroma.Plugs.OAuthScopesPlug,
     %{scopes: ["write"], admin: true}
@@ -19,39 +21,37 @@ defmodule Pleroma.Web.PleromaAPI.EmojiAPIController do
          ]
   )
 
-  plug(
-    :skip_plug,
-    [Pleroma.Plugs.OAuthScopesPlug, Pleroma.Plugs.ExpectPublicOrAuthenticatedCheckPlug]
-    when action in [:archive, :show, :list]
-  )
+  @skip_plugs [Pleroma.Plugs.OAuthScopesPlug, Pleroma.Plugs.ExpectPublicOrAuthenticatedCheckPlug]
+  plug(:skip_plug, @skip_plugs when action in [:archive, :show, :list])
 
-  def remote(conn, %{"url" => url}) do
+  defdelegate open_api_operation(action), to: Pleroma.Web.ApiSpec.PleromaEmojiPackOperation
+
+  def remote(conn, %{url: url}) do
     with {:ok, packs} <- Pack.list_remote(url) do
       json(conn, packs)
     else
-      {:shareable, _} ->
+      {:error, :not_shareable} ->
         conn
         |> put_status(:internal_server_error)
         |> json(%{error: "The requested instance does not support sharing emoji packs"})
     end
   end
 
-  def list(conn, _params) do
+  def index(conn, _params) do
     emoji_path =
-      Path.join(
-        Pleroma.Config.get!([:instance, :static_dir]),
-        "emoji"
-      )
+      [:instance, :static_dir]
+      |> Pleroma.Config.get!()
+      |> Path.join("emoji")
 
     with {:ok, packs} <- Pack.list_local() do
       json(conn, packs)
     else
-      {:create_dir, {:error, e}} ->
+      {:error, :create_dir, e} ->
         conn
         |> put_status(:internal_server_error)
         |> json(%{error: "Failed to create the emoji pack directory at #{emoji_path}: #{e}"})
 
-      {:ls, {:error, e}} ->
+      {:error, :ls, e} ->
         conn
         |> put_status(:internal_server_error)
         |> json(%{
@@ -60,13 +60,13 @@ def list(conn, _params) do
     end
   end
 
-  def show(conn, %{"name" => name}) do
+  def show(conn, %{name: name}) do
     name = String.trim(name)
 
     with {:ok, pack} <- Pack.show(name) do
       json(conn, pack)
     else
-      {:loaded, _} ->
+      {:error, :not_found} ->
         conn
         |> put_status(:not_found)
         |> json(%{error: "Pack #{name} does not exist"})
@@ -78,11 +78,11 @@ def show(conn, %{"name" => name}) do
     end
   end
 
-  def archive(conn, %{"name" => name}) do
+  def archive(conn, %{name: name}) do
     with {:ok, archive} <- Pack.get_archive(name) do
       send_download(conn, {:binary, archive}, filename: "#{name}.zip")
     else
-      {:can_download?, _} ->
+      {:error, :cant_download} ->
         conn
         |> put_status(:forbidden)
         |> json(%{
@@ -90,23 +90,23 @@ def archive(conn, %{"name" => name}) do
             "Pack #{name} cannot be downloaded from this instance, either pack sharing was disabled for this pack or some files are missing"
         })
 
-      {:exists?, _} ->
+      {:error, :not_found} ->
         conn
         |> put_status(:not_found)
         |> json(%{error: "Pack #{name} does not exist"})
     end
   end
 
-  def download(conn, %{"url" => url, "name" => name} = params) do
-    with :ok <- Pack.download(name, url, params["as"]) do
+  def download(%{body_params: %{url: url, name: name} = params} = conn, _) do
+    with {:ok, _pack} <- Pack.download(name, url, params[:as]) do
       json(conn, "ok")
     else
-      {:shareable, _} ->
+      {:error, :not_shareable} ->
         conn
         |> put_status(:internal_server_error)
         |> json(%{error: "The requested instance does not support sharing emoji packs"})
 
-      {:checksum, _} ->
+      {:error, :imvalid_checksum} ->
         conn
         |> put_status(:internal_server_error)
         |> json(%{error: "SHA256 for the pack doesn't match the one sent by the server"})
@@ -118,10 +118,10 @@ def download(conn, %{"url" => url, "name" => name} = params) do
     end
   end
 
-  def create(conn, %{"name" => name}) do
+  def create(conn, %{name: name}) do
     name = String.trim(name)
 
-    with :ok <- Pack.create(name) do
+    with {:ok, _pack} <- Pack.create(name) do
       json(conn, "ok")
     else
       {:error, :eexist} ->
@@ -143,7 +143,7 @@ def create(conn, %{"name" => name}) do
     end
   end
 
-  def delete(conn, %{"name" => name}) do
+  def delete(conn, %{name: name}) do
     name = String.trim(name)
 
     with {:ok, deleted} when deleted != [] <- Pack.delete(name) do
@@ -166,11 +166,11 @@ def delete(conn, %{"name" => name}) do
     end
   end
 
-  def update(conn, %{"name" => name, "metadata" => metadata}) do
+  def update(%{body_params: %{metadata: metadata}} = conn, %{name: name}) do
     with {:ok, pack} <- Pack.update_metadata(name, metadata) do
       json(conn, pack.pack)
     else
-      {:has_all_files?, _} ->
+      {:error, :incomplete} ->
         conn
         |> put_status(:bad_request)
         |> json(%{error: "The fallback archive does not have all files specified in pack.json"})
@@ -184,19 +184,19 @@ def update(conn, %{"name" => name, "metadata" => metadata}) do
     end
   end
 
-  def add_file(conn, %{"name" => name} = params) do
-    filename = params["filename"] || get_filename(params["file"])
-    shortcode = params["shortcode"] || Path.basename(filename, Path.extname(filename))
+  def add_file(%{body_params: params} = conn, %{name: name}) do
+    filename = params[:filename] || get_filename(params[:file])
+    shortcode = params[:shortcode] || Path.basename(filename, Path.extname(filename))
 
-    with {:ok, pack} <- Pack.add_file(name, shortcode, filename, params["file"]) do
+    with {:ok, pack} <- Pack.add_file(name, shortcode, filename, params[:file]) do
       json(conn, pack.files)
     else
-      {:exists, _} ->
+      {:error, :already_exists} ->
         conn
         |> put_status(:conflict)
         |> json(%{error: "An emoji with the \"#{shortcode}\" shortcode already exists"})
 
-      {:loaded, _} ->
+      {:error, :not_found} ->
         conn
         |> put_status(:bad_request)
         |> json(%{error: "pack \"#{name}\" is not found"})
@@ -215,20 +215,20 @@ def add_file(conn, %{"name" => name} = params) do
     end
   end
 
-  def update_file(conn, %{"name" => name, "shortcode" => shortcode} = params) do
-    new_shortcode = params["new_shortcode"]
-    new_filename = params["new_filename"]
-    force = params["force"] == true
+  def update_file(%{body_params: %{shortcode: shortcode} = params} = conn, %{name: name}) do
+    new_shortcode = params[:new_shortcode]
+    new_filename = params[:new_filename]
+    force = params[:force]
 
     with {:ok, pack} <- Pack.update_file(name, shortcode, new_shortcode, new_filename, force) do
       json(conn, pack.files)
     else
-      {:exists, _} ->
+      {:error, :doesnt_exist} ->
         conn
         |> put_status(:bad_request)
         |> json(%{error: "Emoji \"#{shortcode}\" does not exist"})
 
-      {:not_used, _} ->
+      {:error, :already_exists} ->
         conn
         |> put_status(:conflict)
         |> json(%{
@@ -236,7 +236,7 @@ def update_file(conn, %{"name" => name, "shortcode" => shortcode} = params) do
             "New shortcode \"#{new_shortcode}\" is already used. If you want to override emoji use 'force' option"
         })
 
-      {:loaded, _} ->
+      {:error, :not_found} ->
         conn
         |> put_status(:bad_request)
         |> json(%{error: "pack \"#{name}\" is not found"})
@@ -255,16 +255,16 @@ def update_file(conn, %{"name" => name, "shortcode" => shortcode} = params) do
     end
   end
 
-  def delete_file(conn, %{"name" => name, "shortcode" => shortcode}) do
+  def delete_file(conn, %{name: name, shortcode: shortcode}) do
     with {:ok, pack} <- Pack.delete_file(name, shortcode) do
       json(conn, pack.files)
     else
-      {:exists, _} ->
+      {:error, :doesnt_exist} ->
         conn
         |> put_status(:bad_request)
         |> json(%{error: "Emoji \"#{shortcode}\" does not exist"})
 
-      {:loaded, _} ->
+      {:error, :not_found} ->
         conn
         |> put_status(:bad_request)
         |> json(%{error: "pack \"#{name}\" is not found"})
diff --git a/lib/pleroma/web/pleroma_api/controllers/mascot_controller.ex b/lib/pleroma/web/pleroma_api/controllers/mascot_controller.ex
index d4e0d8b7c..df6c50ca5 100644
--- a/lib/pleroma/web/pleroma_api/controllers/mascot_controller.ex
+++ b/lib/pleroma/web/pleroma_api/controllers/mascot_controller.ex
@@ -9,16 +9,19 @@ defmodule Pleroma.Web.PleromaAPI.MascotController do
   alias Pleroma.User
   alias Pleroma.Web.ActivityPub.ActivityPub
 
+  plug(Pleroma.Web.ApiSpec.CastAndValidate)
   plug(OAuthScopesPlug, %{scopes: ["read:accounts"]} when action == :show)
   plug(OAuthScopesPlug, %{scopes: ["write:accounts"]} when action != :show)
 
+  defdelegate open_api_operation(action), to: Pleroma.Web.ApiSpec.PleromaMascotOperation
+
   @doc "GET /api/v1/pleroma/mascot"
   def show(%{assigns: %{user: user}} = conn, _params) do
     json(conn, User.get_mascot(user))
   end
 
   @doc "PUT /api/v1/pleroma/mascot"
-  def update(%{assigns: %{user: user}} = conn, %{"file" => file}) do
+  def update(%{assigns: %{user: user}, body_params: %{file: file}} = conn, _) do
     with {:ok, object} <- ActivityPub.upload(file, actor: User.ap_id(user)),
          # Reject if not an image
          %{type: "image"} = attachment <- render_attachment(object) do
diff --git a/lib/pleroma/web/pleroma_api/controllers/pleroma_api_controller.ex b/lib/pleroma/web/pleroma_api/controllers/pleroma_api_controller.ex
index 8bc77b75e..e834133b2 100644
--- a/lib/pleroma/web/pleroma_api/controllers/pleroma_api_controller.ex
+++ b/lib/pleroma/web/pleroma_api/controllers/pleroma_api_controller.ex
@@ -5,7 +5,7 @@
 defmodule Pleroma.Web.PleromaAPI.PleromaAPIController do
   use Pleroma.Web, :controller
 
-  import Pleroma.Web.ControllerHelper, only: [add_link_headers: 2, skip_relationships?: 1]
+  import Pleroma.Web.ControllerHelper, only: [add_link_headers: 2]
 
   alias Pleroma.Activity
   alias Pleroma.Conversation.Participation
@@ -69,7 +69,12 @@ def emoji_reactions_by(%{assigns: %{user: user}} = conn, %{"id" => activity_id}
             %{
               name: emoji,
               count: length(users),
-              accounts: AccountView.render("index.json", %{users: users, for: user, as: :user}),
+              accounts:
+                AccountView.render("index.json", %{
+                  users: users,
+                  for: user,
+                  as: :user
+                }),
               me: !!(user && user.ap_id in user_ap_ids)
             }
           end
@@ -145,8 +150,7 @@ def conversation_statuses(
       |> render("index.json",
         activities: activities,
         for: user,
-        as: :activity,
-        skip_relationships: skip_relationships?(params)
+        as: :activity
       )
     else
       _error ->
@@ -201,7 +205,7 @@ def mark_notifications_as_read(%{assigns: %{user: user}} = conn, %{"id" => notif
     end
   end
 
-  def mark_notifications_as_read(%{assigns: %{user: user}} = conn, %{"max_id" => max_id} = params) do
+  def mark_notifications_as_read(%{assigns: %{user: user}} = conn, %{"max_id" => max_id}) do
     with notifications <- Notification.set_read_up_to(user, max_id) do
       notifications = Enum.take(notifications, 80)
 
@@ -209,8 +213,7 @@ def mark_notifications_as_read(%{assigns: %{user: user}} = conn, %{"max_id" => m
       |> put_view(NotificationView)
       |> render("index.json",
         notifications: notifications,
-        for: user,
-        skip_relationships: skip_relationships?(params)
+        for: user
       )
     end
   end
diff --git a/lib/pleroma/web/pleroma_api/controllers/scrobble_controller.ex b/lib/pleroma/web/pleroma_api/controllers/scrobble_controller.ex
index 22da6c0ad..8665ca56c 100644
--- a/lib/pleroma/web/pleroma_api/controllers/scrobble_controller.ex
+++ b/lib/pleroma/web/pleroma_api/controllers/scrobble_controller.ex
@@ -5,34 +5,27 @@
 defmodule Pleroma.Web.PleromaAPI.ScrobbleController do
   use Pleroma.Web, :controller
 
-  import Pleroma.Web.ControllerHelper, only: [add_link_headers: 2, fetch_integer_param: 2]
+  import Pleroma.Web.ControllerHelper, only: [add_link_headers: 2]
 
   alias Pleroma.Plugs.OAuthScopesPlug
   alias Pleroma.User
   alias Pleroma.Web.ActivityPub.ActivityPub
   alias Pleroma.Web.CommonAPI
-  alias Pleroma.Web.MastodonAPI.StatusView
+
+  plug(Pleroma.Web.ApiSpec.CastAndValidate)
 
   plug(
     OAuthScopesPlug,
-    %{scopes: ["read"], fallback: :proceed_unauthenticated} when action == :user_scrobbles
+    %{scopes: ["read"], fallback: :proceed_unauthenticated} when action == :index
   )
 
-  plug(OAuthScopesPlug, %{scopes: ["write"]} when action != :user_scrobbles)
+  plug(OAuthScopesPlug, %{scopes: ["write"]} when action == :create)
 
-  def new_scrobble(%{assigns: %{user: user}} = conn, %{"title" => _} = params) do
-    params =
-      if !params["length"] do
-        params
-      else
-        params
-        |> Map.put("length", fetch_integer_param(params, "length"))
-      end
+  defdelegate open_api_operation(action), to: Pleroma.Web.ApiSpec.PleromaScrobbleOperation
 
+  def create(%{assigns: %{user: user}, body_params: params} = conn, _) do
     with {:ok, activity} <- CommonAPI.listen(user, params) do
-      conn
-      |> put_view(StatusView)
-      |> render("listen.json", %{activity: activity, for: user})
+      render(conn, "show.json", activity: activity, for: user)
     else
       {:error, message} ->
         conn
@@ -41,16 +34,18 @@ def new_scrobble(%{assigns: %{user: user}} = conn, %{"title" => _} = params) do
     end
   end
 
-  def user_scrobbles(%{assigns: %{user: reading_user}} = conn, params) do
-    with %User{} = user <- User.get_cached_by_nickname_or_id(params["id"], for: reading_user) do
-      params = Map.put(params, "type", ["Listen"])
+  def index(%{assigns: %{user: reading_user}} = conn, %{id: id} = params) do
+    with %User{} = user <- User.get_cached_by_nickname_or_id(id, for: reading_user) do
+      params =
+        params
+        |> Map.new(fn {key, value} -> {to_string(key), value} end)
+        |> Map.put("type", ["Listen"])
 
       activities = ActivityPub.fetch_user_abstract_activities(user, reading_user, params)
 
       conn
       |> add_link_headers(activities)
-      |> put_view(StatusView)
-      |> render("listens.json", %{
+      |> render("index.json", %{
         activities: activities,
         for: reading_user,
         as: :activity
diff --git a/lib/pleroma/web/pleroma_api/controllers/two_factor_authentication_controller.ex b/lib/pleroma/web/pleroma_api/controllers/two_factor_authentication_controller.ex
index eb9989cdf..b86791d09 100644
--- a/lib/pleroma/web/pleroma_api/controllers/two_factor_authentication_controller.ex
+++ b/lib/pleroma/web/pleroma_api/controllers/two_factor_authentication_controller.ex
@@ -1,5 +1,5 @@
 # Pleroma: A lightweight social networking server
-# Copyright © 2017-2019 Pleroma Authors <https://pleroma.social/>
+# Copyright © 2017-2020 Pleroma Authors <https://pleroma.social/>
 # SPDX-License-Identifier: AGPL-3.0-only
 
 defmodule Pleroma.Web.PleromaAPI.TwoFactorAuthenticationController do
diff --git a/lib/pleroma/web/pleroma_api/views/scrobble_view.ex b/lib/pleroma/web/pleroma_api/views/scrobble_view.ex
new file mode 100644
index 000000000..bbff93abe
--- /dev/null
+++ b/lib/pleroma/web/pleroma_api/views/scrobble_view.ex
@@ -0,0 +1,37 @@
+# Pleroma: A lightweight social networking server
+# Copyright © 2017-2020 Pleroma Authors <https://pleroma.social/>
+# SPDX-License-Identifier: AGPL-3.0-only
+
+defmodule Pleroma.Web.PleromaAPI.ScrobbleView do
+  use Pleroma.Web, :view
+
+  require Pleroma.Constants
+
+  alias Pleroma.Activity
+  alias Pleroma.HTML
+  alias Pleroma.Object
+  alias Pleroma.Web.CommonAPI.Utils
+  alias Pleroma.Web.MastodonAPI.AccountView
+  alias Pleroma.Web.MastodonAPI.StatusView
+
+  def render("show.json", %{activity: %Activity{data: %{"type" => "Listen"}} = activity} = opts) do
+    object = Object.normalize(activity)
+
+    user = StatusView.get_user(activity.data["actor"])
+    created_at = Utils.to_masto_date(activity.data["published"])
+
+    %{
+      id: activity.id,
+      account: AccountView.render("show.json", %{user: user, for: opts[:for]}),
+      created_at: created_at,
+      title: object.data["title"] |> HTML.strip_tags(),
+      artist: object.data["artist"] |> HTML.strip_tags(),
+      album: object.data["album"] |> HTML.strip_tags(),
+      length: object.data["length"]
+    }
+  end
+
+  def render("index.json", opts) do
+    safe_render_many(opts.activities, __MODULE__, "show.json", opts)
+  end
+end
diff --git a/lib/pleroma/web/router.ex b/lib/pleroma/web/router.ex
index 6fb47029a..c0599a39c 100644
--- a/lib/pleroma/web/router.ex
+++ b/lib/pleroma/web/router.ex
@@ -216,24 +216,25 @@ defmodule Pleroma.Web.Router do
     scope "/packs" do
       pipe_through(:admin_api)
 
-      get("/import", EmojiAPIController, :import_from_filesystem)
-      get("/remote", EmojiAPIController, :remote)
-      post("/download", EmojiAPIController, :download)
+      get("/import", EmojiPackController, :import_from_filesystem)
+      get("/remote", EmojiPackController, :remote)
+      post("/download", EmojiPackController, :download)
 
-      post("/:name", EmojiAPIController, :create)
-      patch("/:name", EmojiAPIController, :update)
-      delete("/:name", EmojiAPIController, :delete)
+      post("/:name", EmojiPackController, :create)
+      patch("/:name", EmojiPackController, :update)
+      delete("/:name", EmojiPackController, :delete)
 
-      post("/:name/files", EmojiAPIController, :add_file)
-      patch("/:name/files", EmojiAPIController, :update_file)
-      delete("/:name/files", EmojiAPIController, :delete_file)
+      post("/:name/files", EmojiPackController, :add_file)
+      patch("/:name/files", EmojiPackController, :update_file)
+      delete("/:name/files", EmojiPackController, :delete_file)
     end
 
     # Pack info / downloading
     scope "/packs" do
-      get("/", EmojiAPIController, :list)
-      get("/:name", EmojiAPIController, :show)
-      get("/:name/archive", EmojiAPIController, :archive)
+      pipe_through(:api)
+      get("/", EmojiPackController, :index)
+      get("/:name", EmojiPackController, :show)
+      get("/:name/archive", EmojiPackController, :archive)
     end
   end
 
@@ -325,7 +326,7 @@ defmodule Pleroma.Web.Router do
       get("/mascot", MascotController, :show)
       put("/mascot", MascotController, :update)
 
-      post("/scrobble", ScrobbleController, :new_scrobble)
+      post("/scrobble", ScrobbleController, :create)
     end
 
     scope [] do
@@ -345,7 +346,7 @@ defmodule Pleroma.Web.Router do
 
   scope "/api/v1/pleroma", Pleroma.Web.PleromaAPI do
     pipe_through(:api)
-    get("/accounts/:id/scrobbles", ScrobbleController, :user_scrobbles)
+    get("/accounts/:id/scrobbles", ScrobbleController, :index)
   end
 
   scope "/api/v1", Pleroma.Web.MastodonAPI do
@@ -403,6 +404,7 @@ defmodule Pleroma.Web.Router do
     post("/markers", MarkerController, :upsert)
 
     post("/media", MediaController, :create)
+    get("/media/:id", MediaController, :show)
     put("/media/:id", MediaController, :update)
 
     get("/notifications", NotificationController, :index)
@@ -497,6 +499,8 @@ defmodule Pleroma.Web.Router do
   scope "/api/v2", Pleroma.Web.MastodonAPI do
     pipe_through(:api)
     get("/search", SearchController, :search2)
+
+    post("/media", MediaController, :create2)
   end
 
   scope "/api", Pleroma.Web do
diff --git a/lib/pleroma/workers/attachments_cleanup_worker.ex b/lib/pleroma/workers/attachments_cleanup_worker.ex
index 3c5820a86..49352db2a 100644
--- a/lib/pleroma/workers/attachments_cleanup_worker.ex
+++ b/lib/pleroma/workers/attachments_cleanup_worker.ex
@@ -27,8 +27,20 @@ def perform(
 
     uploader = Pleroma.Config.get([Pleroma.Upload, :uploader])
 
+    prefix =
+      case Pleroma.Config.get([Pleroma.Upload, :base_url]) do
+        nil -> "media"
+        _ -> ""
+      end
+
+    base_url =
+      String.trim_trailing(
+        Pleroma.Config.get([Pleroma.Upload, :base_url], Pleroma.Web.base_url()),
+        "/"
+      )
+
     # find all objects for copies of the attachments, name and actor doesn't matter here
-    delete_ids =
+    object_ids_and_hrefs =
       from(o in Object,
         where:
           fragment(
@@ -67,29 +79,28 @@ def perform(
       |> Enum.map(fn {href, %{id: id, count: count}} ->
         # only delete files that have single instance
         with 1 <- count do
-          prefix =
-            case Pleroma.Config.get([Pleroma.Upload, :base_url]) do
-              nil -> "media"
-              _ -> ""
-            end
+          href
+          |> String.trim_leading("#{base_url}/#{prefix}")
+          |> uploader.delete_file()
 
-          base_url =
-            String.trim_trailing(
-              Pleroma.Config.get([Pleroma.Upload, :base_url], Pleroma.Web.base_url()),
-              "/"
-            )
-
-          file_path = String.trim_leading(href, "#{base_url}/#{prefix}")
-
-          uploader.delete_file(file_path)
+          {id, href}
+        else
+          _ -> {id, nil}
         end
-
-        id
       end)
 
-    from(o in Object, where: o.id in ^delete_ids)
+    object_ids = Enum.map(object_ids_and_hrefs, fn {id, _} -> id end)
+
+    from(o in Object, where: o.id in ^object_ids)
     |> Repo.delete_all()
+
+    object_ids_and_hrefs
+    |> Enum.filter(fn {_, href} -> not is_nil(href) end)
+    |> Enum.map(&elem(&1, 1))
+    |> Pleroma.Web.MediaProxy.Invalidation.purge()
+
+    {:ok, :success}
   end
 
-  def perform(%{"op" => "cleanup_attachments", "object" => _object}, _job), do: :ok
+  def perform(%{"op" => "cleanup_attachments", "object" => _object}, _job), do: {:ok, :skip}
 end
diff --git a/mix.exs b/mix.exs
index 68de270f0..4c9bbc0ab 100644
--- a/mix.exs
+++ b/mix.exs
@@ -155,7 +155,7 @@ defp deps do
       {:credo, "~> 1.1.0", only: [:dev, :test], runtime: false},
       {:mock, "~> 0.3.3", only: :test},
       {:crypt,
-       git: "https://github.com/msantos/crypt", ref: "1f2b58927ab57e72910191a7ebaeff984382a1d3"},
+       git: "https://github.com/msantos/crypt", ref: "f63a705f92c26955977ee62a313012e309a4d77a"},
       {:cors_plug, "~> 1.5"},
       {:ex_doc, "~> 0.21", only: :dev, runtime: false},
       {:web_push_encryption, "~> 0.2.1"},
diff --git a/mix.lock b/mix.lock
index 964b72127..962f5d0f4 100644
--- a/mix.lock
+++ b/mix.lock
@@ -21,13 +21,13 @@
   "cowlib": {:hex, :cowlib, "2.8.0", "fd0ff1787db84ac415b8211573e9a30a3ebe71b5cbff7f720089972b2319c8a4", [:rebar3], [], "hexpm", "79f954a7021b302186a950a32869dbc185523d99d3e44ce430cd1f3289f41ed4"},
   "credo": {:hex, :credo, "1.1.5", "caec7a3cadd2e58609d7ee25b3931b129e739e070539ad1a0cd7efeeb47014f4", [:mix], [{:bunt, "~> 0.2.0", [hex: :bunt, repo: "hexpm", optional: false]}, {:jason, "~> 1.0", [hex: :jason, repo: "hexpm", optional: false]}], "hexpm", "d0bbd3222607ccaaac5c0340f7f525c627ae4d7aee6c8c8c108922620c5b6446"},
   "crontab": {:hex, :crontab, "1.1.8", "2ce0e74777dfcadb28a1debbea707e58b879e6aa0ffbf9c9bb540887bce43617", [:mix], [{:ecto, "~> 1.0 or ~> 2.0 or ~> 3.0", [hex: :ecto, repo: "hexpm", optional: true]}], "hexpm"},
-  "crypt": {:git, "https://github.com/msantos/crypt", "1f2b58927ab57e72910191a7ebaeff984382a1d3", [ref: "1f2b58927ab57e72910191a7ebaeff984382a1d3"]},
+  "crypt": {:git, "https://github.com/msantos/crypt", "f63a705f92c26955977ee62a313012e309a4d77a", [ref: "f63a705f92c26955977ee62a313012e309a4d77a"]},
   "custom_base": {:hex, :custom_base, "0.2.1", "4a832a42ea0552299d81652aa0b1f775d462175293e99dfbe4d7dbaab785a706", [:mix], [], "hexpm", "8df019facc5ec9603e94f7270f1ac73ddf339f56ade76a721eaa57c1493ba463"},
   "db_connection": {:hex, :db_connection, "2.2.1", "caee17725495f5129cb7faebde001dc4406796f12a62b8949f4ac69315080566", [:mix], [{:connection, "~> 1.0.2", [hex: :connection, repo: "hexpm", optional: false]}], "hexpm", "2b02ece62d9f983fcd40954e443b7d9e6589664380e5546b2b9b523cd0fb59e1"},
   "decimal": {:hex, :decimal, "1.8.1", "a4ef3f5f3428bdbc0d35374029ffcf4ede8533536fa79896dd450168d9acdf3c", [:mix], [], "hexpm", "3cb154b00225ac687f6cbd4acc4b7960027c757a5152b369923ead9ddbca7aec"},
   "deep_merge": {:hex, :deep_merge, "1.0.0", "b4aa1a0d1acac393bdf38b2291af38cb1d4a52806cf7a4906f718e1feb5ee961", [:mix], [], "hexpm", "ce708e5f094b9cd4e8f2be4f00d2f4250c4095be93f8cd6d018c753894885430"},
   "earmark": {:hex, :earmark, "1.4.3", "364ca2e9710f6bff494117dbbd53880d84bebb692dafc3a78eb50aa3183f2bfd", [:mix], [], "hexpm", "8cf8a291ebf1c7b9539e3cddb19e9cef066c2441b1640f13c34c1d3cfc825fec"},
-  "ecto": {:hex, :ecto, "3.4.0", "a7a83ab8359bf816ce729e5e65981ce25b9fc5adfc89c2ea3980f4fed0bfd7c1", [:mix], [{:decimal, "~> 1.6 or ~> 2.0", [hex: :decimal, repo: "hexpm", optional: false]}, {:jason, "~> 1.0", [hex: :jason, repo: "hexpm", optional: true]}], "hexpm", "5eed18252f5b5bbadec56a24112b531343507dbe046273133176b12190ce19cc"},
+  "ecto": {:hex, :ecto, "3.4.4", "a2c881e80dc756d648197ae0d936216c0308370332c5e77a2325a10293eef845", [:mix], [{:decimal, "~> 1.6 or ~> 2.0", [hex: :decimal, repo: "hexpm", optional: false]}, {:jason, "~> 1.0", [hex: :jason, repo: "hexpm", optional: true]}, {:telemetry, "~> 0.4", [hex: :telemetry, repo: "hexpm", optional: false]}], "hexpm", "cc4bd3ad62abc3b21fb629f0f7a3dab23a192fca837d257dd08449fba7373561"},
   "ecto_enum": {:hex, :ecto_enum, "1.4.0", "d14b00e04b974afc69c251632d1e49594d899067ee2b376277efd8233027aec8", [:mix], [{:ecto, ">= 3.0.0", [hex: :ecto, repo: "hexpm", optional: false]}, {:ecto_sql, "> 3.0.0", [hex: :ecto_sql, repo: "hexpm", optional: false]}, {:mariaex, ">= 0.0.0", [hex: :mariaex, repo: "hexpm", optional: true]}, {:postgrex, ">= 0.0.0", [hex: :postgrex, repo: "hexpm", optional: true]}], "hexpm", "8fb55c087181c2b15eee406519dc22578fa60dd82c088be376d0010172764ee4"},
   "ecto_sql": {:hex, :ecto_sql, "3.3.4", "aa18af12eb875fbcda2f75e608b3bd534ebf020fc4f6448e4672fcdcbb081244", [:mix], [{:db_connection, "~> 2.2", [hex: :db_connection, repo: "hexpm", optional: false]}, {:ecto, "~> 3.4 or ~> 3.3.3", [hex: :ecto, repo: "hexpm", optional: false]}, {:myxql, "~> 0.3.0", [hex: :myxql, repo: "hexpm", optional: true]}, {:postgrex, "~> 0.15.0", [hex: :postgrex, repo: "hexpm", optional: true]}, {:telemetry, "~> 0.4.0", [hex: :telemetry, repo: "hexpm", optional: false]}], "hexpm", "5eccbdbf92e3c6f213007a82d5dbba4cd9bb659d1a21331f89f408e4c0efd7a8"},
   "eimp": {:hex, :eimp, "1.0.14", "fc297f0c7e2700457a95a60c7010a5f1dcb768a083b6d53f49cd94ab95a28f22", [:rebar3], [{:p1_utils, "1.0.18", [hex: :p1_utils, repo: "hexpm", optional: false]}], "hexpm", "501133f3112079b92d9e22da8b88bf4f0e13d4d67ae9c15c42c30bd25ceb83b6"},
@@ -60,7 +60,7 @@
   "httpoison": {:hex, :httpoison, "1.6.2", "ace7c8d3a361cebccbed19c283c349b3d26991eff73a1eaaa8abae2e3c8089b6", [:mix], [{:hackney, "~> 1.15 and >= 1.15.2", [hex: :hackney, repo: "hexpm", optional: false]}], "hexpm", "aa2c74bd271af34239a3948779612f87df2422c2fdcfdbcec28d9c105f0773fe"},
   "idna": {:hex, :idna, "6.0.0", "689c46cbcdf3524c44d5f3dde8001f364cd7608a99556d8fbd8239a5798d4c10", [:rebar3], [{:unicode_util_compat, "0.4.1", [hex: :unicode_util_compat, repo: "hexpm", optional: false]}], "hexpm", "4bdd305eb64e18b0273864920695cb18d7a2021f31a11b9c5fbcd9a253f936e2"},
   "inet_cidr": {:hex, :inet_cidr, "1.0.4", "a05744ab7c221ca8e395c926c3919a821eb512e8f36547c062f62c4ca0cf3d6e", [:mix], [], "hexpm", "64a2d30189704ae41ca7dbdd587f5291db5d1dda1414e0774c29ffc81088c1bc"},
-  "jason": {:hex, :jason, "1.2.0", "10043418c42d2493d0ee212d3fddd25d7ffe484380afad769a0a38795938e448", [:mix], [{:decimal, "~> 1.0", [hex: :decimal, repo: "hexpm", optional: true]}], "hexpm", "116747dbe057794c3a3e4e143b7c8390b29f634e16c78a7f59ba75bfa6852e7f"},
+  "jason": {:hex, :jason, "1.2.1", "12b22825e22f468c02eb3e4b9985f3d0cb8dc40b9bd704730efa11abd2708c44", [:mix], [{:decimal, "~> 1.0", [hex: :decimal, repo: "hexpm", optional: true]}], "hexpm", "b659b8571deedf60f79c5a608e15414085fa141344e2716fbd6988a084b5f993"},
   "joken": {:hex, :joken, "2.2.0", "2daa1b12be05184aff7b5ace1d43ca1f81345962285fff3f88db74927c954d3a", [:mix], [{:jose, "~> 1.9", [hex: :jose, repo: "hexpm", optional: false]}], "hexpm", "b4f92e30388206f869dd25d1af628a1d99d7586e5cf0672f64d4df84c4d2f5e9"},
   "jose": {:hex, :jose, "1.10.1", "16d8e460dae7203c6d1efa3f277e25b5af8b659febfc2f2eb4bacf87f128b80a", [:mix, :rebar3], [], "hexpm", "3c7ddc8a9394b92891db7c2771da94bf819834a1a4c92e30857b7d582e2f8257"},
   "jumper": {:hex, :jumper, "1.0.1", "3c00542ef1a83532b72269fab9f0f0c82bf23a35e27d278bfd9ed0865cecabff", [:mix], [], "hexpm", "318c59078ac220e966d27af3646026db9b5a5e6703cb2aa3e26bcfaba65b7433"},
diff --git a/priv/gettext/nl/LC_MESSAGES/errors.po b/priv/gettext/nl/LC_MESSAGES/errors.po
new file mode 100644
index 000000000..7e12ff96c
--- /dev/null
+++ b/priv/gettext/nl/LC_MESSAGES/errors.po
@@ -0,0 +1,578 @@
+msgid ""
+msgstr ""
+"Project-Id-Version: PACKAGE VERSION\n"
+"Report-Msgid-Bugs-To: \n"
+"POT-Creation-Date: 2020-05-15 09:37+0000\n"
+"PO-Revision-Date: YEAR-MO-DA HO:MI+ZONE\n"
+"Last-Translator: Automatically generated\n"
+"Language-Team: none\n"
+"Language: nl\n"
+"MIME-Version: 1.0\n"
+"Content-Type: text/plain; charset=UTF-8\n"
+"Content-Transfer-Encoding: 8bit\n"
+"X-Generator: Translate Toolkit 2.5.1\n"
+
+## This file is a PO Template file.
+##
+## `msgid`s here are often extracted from source code.
+## Add new translations manually only if they're dynamic
+## translations that can't be statically extracted.
+##
+## Run `mix gettext.extract` to bring this file up to
+## date. Leave `msgstr`s empty as changing them here as no
+## effect: edit them in PO (`.po`) files instead.
+## From Ecto.Changeset.cast/4
+msgid "can't be blank"
+msgstr ""
+
+## From Ecto.Changeset.unique_constraint/3
+msgid "has already been taken"
+msgstr ""
+
+## From Ecto.Changeset.put_change/3
+msgid "is invalid"
+msgstr ""
+
+## From Ecto.Changeset.validate_format/3
+msgid "has invalid format"
+msgstr ""
+
+## From Ecto.Changeset.validate_subset/3
+msgid "has an invalid entry"
+msgstr ""
+
+## From Ecto.Changeset.validate_exclusion/3
+msgid "is reserved"
+msgstr ""
+
+## From Ecto.Changeset.validate_confirmation/3
+msgid "does not match confirmation"
+msgstr ""
+
+## From Ecto.Changeset.no_assoc_constraint/3
+msgid "is still associated with this entry"
+msgstr ""
+
+msgid "are still associated with this entry"
+msgstr ""
+
+## From Ecto.Changeset.validate_length/3
+msgid "should be %{count} character(s)"
+msgid_plural "should be %{count} character(s)"
+msgstr[0] ""
+msgstr[1] ""
+
+msgid "should have %{count} item(s)"
+msgid_plural "should have %{count} item(s)"
+msgstr[0] ""
+msgstr[1] ""
+
+msgid "should be at least %{count} character(s)"
+msgid_plural "should be at least %{count} character(s)"
+msgstr[0] ""
+msgstr[1] ""
+
+msgid "should have at least %{count} item(s)"
+msgid_plural "should have at least %{count} item(s)"
+msgstr[0] ""
+msgstr[1] ""
+
+msgid "should be at most %{count} character(s)"
+msgid_plural "should be at most %{count} character(s)"
+msgstr[0] ""
+msgstr[1] ""
+
+msgid "should have at most %{count} item(s)"
+msgid_plural "should have at most %{count} item(s)"
+msgstr[0] ""
+msgstr[1] ""
+
+## From Ecto.Changeset.validate_number/3
+msgid "must be less than %{number}"
+msgstr ""
+
+msgid "must be greater than %{number}"
+msgstr ""
+
+msgid "must be less than or equal to %{number}"
+msgstr ""
+
+msgid "must be greater than or equal to %{number}"
+msgstr ""
+
+msgid "must be equal to %{number}"
+msgstr ""
+
+#: lib/pleroma/web/common_api/common_api.ex:421
+#, elixir-format
+msgid "Account not found"
+msgstr ""
+
+#: lib/pleroma/web/common_api/common_api.ex:249
+#, elixir-format
+msgid "Already voted"
+msgstr ""
+
+#: lib/pleroma/web/oauth/oauth_controller.ex:360
+#, elixir-format
+msgid "Bad request"
+msgstr ""
+
+#: lib/pleroma/web/activity_pub/activity_pub_controller.ex:425
+#, elixir-format
+msgid "Can't delete object"
+msgstr ""
+
+#: lib/pleroma/web/mastodon_api/controllers/status_controller.ex:196
+#, elixir-format
+msgid "Can't delete this post"
+msgstr ""
+
+#: lib/pleroma/web/controller_helper.ex:95
+#: lib/pleroma/web/controller_helper.ex:101
+#, elixir-format
+msgid "Can't display this activity"
+msgstr ""
+
+#: lib/pleroma/web/mastodon_api/controllers/account_controller.ex:227
+#: lib/pleroma/web/mastodon_api/controllers/account_controller.ex:254
+#, elixir-format
+msgid "Can't find user"
+msgstr ""
+
+#: lib/pleroma/web/pleroma_api/controllers/account_controller.ex:114
+#, elixir-format
+msgid "Can't get favorites"
+msgstr ""
+
+#: lib/pleroma/web/activity_pub/activity_pub_controller.ex:437
+#, elixir-format
+msgid "Can't like object"
+msgstr ""
+
+#: lib/pleroma/web/common_api/utils.ex:556
+#, elixir-format
+msgid "Cannot post an empty status without attachments"
+msgstr ""
+
+#: lib/pleroma/web/common_api/utils.ex:504
+#, elixir-format
+msgid "Comment must be up to %{max_size} characters"
+msgstr ""
+
+#: lib/pleroma/config/config_db.ex:222
+#, elixir-format
+msgid "Config with params %{params} not found"
+msgstr ""
+
+#: lib/pleroma/web/common_api/common_api.ex:95
+#, elixir-format
+msgid "Could not delete"
+msgstr ""
+
+#: lib/pleroma/web/common_api/common_api.ex:141
+#, elixir-format
+msgid "Could not favorite"
+msgstr ""
+
+#: lib/pleroma/web/common_api/common_api.ex:370
+#, elixir-format
+msgid "Could not pin"
+msgstr ""
+
+#: lib/pleroma/web/common_api/common_api.ex:112
+#, elixir-format
+msgid "Could not repeat"
+msgstr ""
+
+#: lib/pleroma/web/common_api/common_api.ex:188
+#, elixir-format
+msgid "Could not unfavorite"
+msgstr ""
+
+#: lib/pleroma/web/common_api/common_api.ex:380
+#, elixir-format
+msgid "Could not unpin"
+msgstr ""
+
+#: lib/pleroma/web/common_api/common_api.ex:126
+#, elixir-format
+msgid "Could not unrepeat"
+msgstr ""
+
+#: lib/pleroma/web/common_api/common_api.ex:428
+#: lib/pleroma/web/common_api/common_api.ex:437
+#, elixir-format
+msgid "Could not update state"
+msgstr ""
+
+#: lib/pleroma/web/mastodon_api/controllers/timeline_controller.ex:202
+#, elixir-format
+msgid "Error."
+msgstr ""
+
+#: lib/pleroma/web/twitter_api/twitter_api.ex:106
+#, elixir-format
+msgid "Invalid CAPTCHA"
+msgstr ""
+
+#: lib/pleroma/web/mastodon_api/controllers/account_controller.ex:117
+#: lib/pleroma/web/oauth/oauth_controller.ex:569
+#, elixir-format
+msgid "Invalid credentials"
+msgstr ""
+
+#: lib/pleroma/plugs/ensure_authenticated_plug.ex:38
+#, elixir-format
+msgid "Invalid credentials."
+msgstr ""
+
+#: lib/pleroma/web/common_api/common_api.ex:265
+#, elixir-format
+msgid "Invalid indices"
+msgstr ""
+
+#: lib/pleroma/web/admin_api/admin_api_controller.ex:1147
+#, elixir-format
+msgid "Invalid parameters"
+msgstr ""
+
+#: lib/pleroma/web/common_api/utils.ex:411
+#, elixir-format
+msgid "Invalid password."
+msgstr ""
+
+#: lib/pleroma/web/mastodon_api/controllers/account_controller.ex:187
+#, elixir-format
+msgid "Invalid request"
+msgstr ""
+
+#: lib/pleroma/web/twitter_api/twitter_api.ex:109
+#, elixir-format
+msgid "Kocaptcha service unavailable"
+msgstr ""
+
+#: lib/pleroma/web/mastodon_api/controllers/account_controller.ex:113
+#, elixir-format
+msgid "Missing parameters"
+msgstr ""
+
+#: lib/pleroma/web/common_api/utils.ex:540
+#, elixir-format
+msgid "No such conversation"
+msgstr ""
+
+#: lib/pleroma/web/admin_api/admin_api_controller.ex:439
+#: lib/pleroma/web/admin_api/admin_api_controller.ex:465 lib/pleroma/web/admin_api/admin_api_controller.ex:507
+#, elixir-format
+msgid "No such permission_group"
+msgstr ""
+
+#: lib/pleroma/plugs/uploaded_media.ex:74
+#: lib/pleroma/web/activity_pub/activity_pub_controller.ex:485 lib/pleroma/web/admin_api/admin_api_controller.ex:1135
+#: lib/pleroma/web/feed/user_controller.ex:73 lib/pleroma/web/ostatus/ostatus_controller.ex:143
+#, elixir-format
+msgid "Not found"
+msgstr ""
+
+#: lib/pleroma/web/common_api/common_api.ex:241
+#, elixir-format
+msgid "Poll's author can't vote"
+msgstr ""
+
+#: lib/pleroma/web/mastodon_api/controllers/fallback_controller.ex:20
+#: lib/pleroma/web/mastodon_api/controllers/poll_controller.ex:37 lib/pleroma/web/mastodon_api/controllers/poll_controller.ex:49
+#: lib/pleroma/web/mastodon_api/controllers/poll_controller.ex:50 lib/pleroma/web/mastodon_api/controllers/status_controller.ex:290
+#: lib/pleroma/web/mastodon_api/controllers/subscription_controller.ex:71
+#, elixir-format
+msgid "Record not found"
+msgstr ""
+
+#: lib/pleroma/web/admin_api/admin_api_controller.ex:1153
+#: lib/pleroma/web/feed/user_controller.ex:79 lib/pleroma/web/mastodon_api/controllers/fallback_controller.ex:32
+#: lib/pleroma/web/ostatus/ostatus_controller.ex:149
+#, elixir-format
+msgid "Something went wrong"
+msgstr ""
+
+#: lib/pleroma/web/common_api/activity_draft.ex:107
+#, elixir-format
+msgid "The message visibility must be direct"
+msgstr ""
+
+#: lib/pleroma/web/common_api/utils.ex:566
+#, elixir-format
+msgid "The status is over the character limit"
+msgstr ""
+
+#: lib/pleroma/plugs/ensure_public_or_authenticated_plug.ex:31
+#, elixir-format
+msgid "This resource requires authentication."
+msgstr ""
+
+#: lib/pleroma/plugs/rate_limiter/rate_limiter.ex:206
+#, elixir-format
+msgid "Throttled"
+msgstr ""
+
+#: lib/pleroma/web/common_api/common_api.ex:266
+#, elixir-format
+msgid "Too many choices"
+msgstr ""
+
+#: lib/pleroma/web/activity_pub/activity_pub_controller.ex:442
+#, elixir-format
+msgid "Unhandled activity type"
+msgstr ""
+
+#: lib/pleroma/web/admin_api/admin_api_controller.ex:536
+#, elixir-format
+msgid "You can't revoke your own admin status."
+msgstr ""
+
+#: lib/pleroma/web/oauth/oauth_controller.ex:218
+#: lib/pleroma/web/oauth/oauth_controller.ex:309
+#, elixir-format
+msgid "Your account is currently disabled"
+msgstr ""
+
+#: lib/pleroma/web/oauth/oauth_controller.ex:180
+#: lib/pleroma/web/oauth/oauth_controller.ex:332
+#, elixir-format
+msgid "Your login is missing a confirmed e-mail address"
+msgstr ""
+
+#: lib/pleroma/web/activity_pub/activity_pub_controller.ex:389
+#, elixir-format
+msgid "can't read inbox of %{nickname} as %{as_nickname}"
+msgstr ""
+
+#: lib/pleroma/web/activity_pub/activity_pub_controller.ex:472
+#, elixir-format
+msgid "can't update outbox of %{nickname} as %{as_nickname}"
+msgstr ""
+
+#: lib/pleroma/web/common_api/common_api.ex:388
+#, elixir-format
+msgid "conversation is already muted"
+msgstr ""
+
+#: lib/pleroma/web/activity_pub/activity_pub_controller.ex:316
+#: lib/pleroma/web/activity_pub/activity_pub_controller.ex:491
+#, elixir-format
+msgid "error"
+msgstr ""
+
+#: lib/pleroma/web/pleroma_api/controllers/mascot_controller.ex:29
+#, elixir-format
+msgid "mascots can only be images"
+msgstr ""
+
+#: lib/pleroma/web/activity_pub/activity_pub_controller.ex:60
+#, elixir-format
+msgid "not found"
+msgstr ""
+
+#: lib/pleroma/web/oauth/oauth_controller.ex:395
+#, elixir-format
+msgid "Bad OAuth request."
+msgstr ""
+
+#: lib/pleroma/web/twitter_api/twitter_api.ex:115
+#, elixir-format
+msgid "CAPTCHA already used"
+msgstr ""
+
+#: lib/pleroma/web/twitter_api/twitter_api.ex:112
+#, elixir-format
+msgid "CAPTCHA expired"
+msgstr ""
+
+#: lib/pleroma/plugs/uploaded_media.ex:55
+#, elixir-format
+msgid "Failed"
+msgstr ""
+
+#: lib/pleroma/web/oauth/oauth_controller.ex:411
+#, elixir-format
+msgid "Failed to authenticate: %{message}."
+msgstr ""
+
+#: lib/pleroma/web/oauth/oauth_controller.ex:442
+#, elixir-format
+msgid "Failed to set up user account."
+msgstr ""
+
+#: lib/pleroma/plugs/oauth_scopes_plug.ex:38
+#, elixir-format
+msgid "Insufficient permissions: %{permissions}."
+msgstr ""
+
+#: lib/pleroma/plugs/uploaded_media.ex:94
+#, elixir-format
+msgid "Internal Error"
+msgstr ""
+
+#: lib/pleroma/web/oauth/fallback_controller.ex:22
+#: lib/pleroma/web/oauth/fallback_controller.ex:29
+#, elixir-format
+msgid "Invalid Username/Password"
+msgstr ""
+
+#: lib/pleroma/web/twitter_api/twitter_api.ex:118
+#, elixir-format
+msgid "Invalid answer data"
+msgstr ""
+
+#: lib/pleroma/web/nodeinfo/nodeinfo_controller.ex:128
+#, elixir-format
+msgid "Nodeinfo schema version not handled"
+msgstr ""
+
+#: lib/pleroma/web/oauth/oauth_controller.ex:169
+#, elixir-format
+msgid "This action is outside the authorized scopes"
+msgstr ""
+
+#: lib/pleroma/web/oauth/fallback_controller.ex:14
+#, elixir-format
+msgid "Unknown error, please check the details and try again."
+msgstr ""
+
+#: lib/pleroma/web/oauth/oauth_controller.ex:116
+#: lib/pleroma/web/oauth/oauth_controller.ex:155
+#, elixir-format
+msgid "Unlisted redirect_uri."
+msgstr ""
+
+#: lib/pleroma/web/oauth/oauth_controller.ex:391
+#, elixir-format
+msgid "Unsupported OAuth provider: %{provider}."
+msgstr ""
+
+#: lib/pleroma/uploaders/uploader.ex:72
+#, elixir-format
+msgid "Uploader callback timeout"
+msgstr ""
+
+#: lib/pleroma/web/uploader_controller.ex:23
+#, elixir-format
+msgid "bad request"
+msgstr ""
+
+#: lib/pleroma/web/twitter_api/twitter_api.ex:103
+#, elixir-format
+msgid "CAPTCHA Error"
+msgstr ""
+
+#: lib/pleroma/web/common_api/common_api.ex:200
+#, elixir-format
+msgid "Could not add reaction emoji"
+msgstr ""
+
+#: lib/pleroma/web/common_api/common_api.ex:211
+#, elixir-format
+msgid "Could not remove reaction emoji"
+msgstr ""
+
+#: lib/pleroma/web/twitter_api/twitter_api.ex:129
+#, elixir-format
+msgid "Invalid CAPTCHA (Missing parameter: %{name})"
+msgstr ""
+
+#: lib/pleroma/web/mastodon_api/controllers/list_controller.ex:92
+#, elixir-format
+msgid "List not found"
+msgstr ""
+
+#: lib/pleroma/web/mastodon_api/controllers/account_controller.ex:124
+#, elixir-format
+msgid "Missing parameter: %{name}"
+msgstr ""
+
+#: lib/pleroma/web/oauth/oauth_controller.ex:207
+#: lib/pleroma/web/oauth/oauth_controller.ex:322
+#, elixir-format
+msgid "Password reset is required"
+msgstr ""
+
+#: lib/pleroma/tests/auth_test_controller.ex:9
+#: lib/pleroma/web/activity_pub/activity_pub_controller.ex:6 lib/pleroma/web/admin_api/admin_api_controller.ex:6
+#: lib/pleroma/web/controller_helper.ex:6 lib/pleroma/web/fallback_redirect_controller.ex:6
+#: lib/pleroma/web/feed/tag_controller.ex:6 lib/pleroma/web/feed/user_controller.ex:6
+#: lib/pleroma/web/mailer/subscription_controller.ex:2 lib/pleroma/web/masto_fe_controller.ex:6
+#: lib/pleroma/web/mastodon_api/controllers/account_controller.ex:6 lib/pleroma/web/mastodon_api/controllers/app_controller.ex:6
+#: lib/pleroma/web/mastodon_api/controllers/auth_controller.ex:6 lib/pleroma/web/mastodon_api/controllers/conversation_controller.ex:6
+#: lib/pleroma/web/mastodon_api/controllers/custom_emoji_controller.ex:6 lib/pleroma/web/mastodon_api/controllers/domain_block_controller.ex:6
+#: lib/pleroma/web/mastodon_api/controllers/fallback_controller.ex:6 lib/pleroma/web/mastodon_api/controllers/filter_controller.ex:6
+#: lib/pleroma/web/mastodon_api/controllers/follow_request_controller.ex:6 lib/pleroma/web/mastodon_api/controllers/instance_controller.ex:6
+#: lib/pleroma/web/mastodon_api/controllers/list_controller.ex:6 lib/pleroma/web/mastodon_api/controllers/marker_controller.ex:6
+#: lib/pleroma/web/mastodon_api/controllers/mastodon_api_controller.ex:14 lib/pleroma/web/mastodon_api/controllers/media_controller.ex:6
+#: lib/pleroma/web/mastodon_api/controllers/notification_controller.ex:6 lib/pleroma/web/mastodon_api/controllers/poll_controller.ex:6
+#: lib/pleroma/web/mastodon_api/controllers/report_controller.ex:8 lib/pleroma/web/mastodon_api/controllers/scheduled_activity_controller.ex:6
+#: lib/pleroma/web/mastodon_api/controllers/search_controller.ex:6 lib/pleroma/web/mastodon_api/controllers/status_controller.ex:6
+#: lib/pleroma/web/mastodon_api/controllers/subscription_controller.ex:7 lib/pleroma/web/mastodon_api/controllers/suggestion_controller.ex:6
+#: lib/pleroma/web/mastodon_api/controllers/timeline_controller.ex:6 lib/pleroma/web/media_proxy/media_proxy_controller.ex:6
+#: lib/pleroma/web/mongooseim/mongoose_im_controller.ex:6 lib/pleroma/web/nodeinfo/nodeinfo_controller.ex:6
+#: lib/pleroma/web/oauth/fallback_controller.ex:6 lib/pleroma/web/oauth/mfa_controller.ex:10
+#: lib/pleroma/web/oauth/oauth_controller.ex:6 lib/pleroma/web/ostatus/ostatus_controller.ex:6
+#: lib/pleroma/web/pleroma_api/controllers/account_controller.ex:6 lib/pleroma/web/pleroma_api/controllers/emoji_api_controller.ex:2
+#: lib/pleroma/web/pleroma_api/controllers/mascot_controller.ex:6 lib/pleroma/web/pleroma_api/controllers/pleroma_api_controller.ex:6
+#: lib/pleroma/web/pleroma_api/controllers/scrobble_controller.ex:6
+#: lib/pleroma/web/pleroma_api/controllers/two_factor_authentication_controller.ex:7 lib/pleroma/web/static_fe/static_fe_controller.ex:6
+#: lib/pleroma/web/twitter_api/controllers/password_controller.ex:10 lib/pleroma/web/twitter_api/controllers/remote_follow_controller.ex:6
+#: lib/pleroma/web/twitter_api/controllers/util_controller.ex:6 lib/pleroma/web/twitter_api/twitter_api_controller.ex:6
+#: lib/pleroma/web/uploader_controller.ex:6 lib/pleroma/web/web_finger/web_finger_controller.ex:6
+#, elixir-format
+msgid "Security violation: OAuth scopes check was neither handled nor explicitly skipped."
+msgstr ""
+
+#: lib/pleroma/plugs/ensure_authenticated_plug.ex:28
+#, elixir-format
+msgid "Two-factor authentication enabled, you must use a access token."
+msgstr ""
+
+#: lib/pleroma/web/pleroma_api/controllers/emoji_api_controller.ex:210
+#, elixir-format
+msgid "Unexpected error occurred while adding file to pack."
+msgstr ""
+
+#: lib/pleroma/web/pleroma_api/controllers/emoji_api_controller.ex:138
+#, elixir-format
+msgid "Unexpected error occurred while creating pack."
+msgstr ""
+
+#: lib/pleroma/web/pleroma_api/controllers/emoji_api_controller.ex:278
+#, elixir-format
+msgid "Unexpected error occurred while removing file from pack."
+msgstr ""
+
+#: lib/pleroma/web/pleroma_api/controllers/emoji_api_controller.ex:250
+#, elixir-format
+msgid "Unexpected error occurred while updating file in pack."
+msgstr ""
+
+#: lib/pleroma/web/pleroma_api/controllers/emoji_api_controller.ex:179
+#, elixir-format
+msgid "Unexpected error occurred while updating pack metadata."
+msgstr ""
+
+#: lib/pleroma/plugs/user_is_admin_plug.ex:40
+#, elixir-format
+msgid "User is not an admin or OAuth admin scope is not granted."
+msgstr ""
+
+#: lib/pleroma/web/mastodon_api/controllers/subscription_controller.ex:61
+#, elixir-format
+msgid "Web push subscription is disabled on this Pleroma instance"
+msgstr ""
+
+#: lib/pleroma/web/admin_api/admin_api_controller.ex:502
+#, elixir-format
+msgid "You can't revoke your own admin/moderator status."
+msgstr ""
+
+#: lib/pleroma/web/mastodon_api/controllers/timeline_controller.ex:105
+#, elixir-format
+msgid "authorization required for timeline view"
+msgstr ""
diff --git a/priv/gettext/pl/LC_MESSAGES/errors.po b/priv/gettext/pl/LC_MESSAGES/errors.po
index af9e214c6..7bc39c52a 100644
--- a/priv/gettext/pl/LC_MESSAGES/errors.po
+++ b/priv/gettext/pl/LC_MESSAGES/errors.po
@@ -3,8 +3,8 @@ msgstr ""
 "Project-Id-Version: PACKAGE VERSION\n"
 "Report-Msgid-Bugs-To: \n"
 "POT-Creation-Date: 2020-05-13 16:37+0000\n"
-"PO-Revision-Date: 2020-05-14 14:37+0000\n"
-"Last-Translator: Michał Sidor <pleromeme@meekchopp.es>\n"
+"PO-Revision-Date: 2020-05-16 17:13+0000\n"
+"Last-Translator: Jędrzej Tomaszewski <jederow@hotmail.com>\n"
 "Language-Team: Polish <https://translate.pleroma.social/projects/pleroma/"
 "pleroma/pl/>\n"
 "Language: pl\n"
@@ -46,7 +46,7 @@ msgstr "ma niepoprawny wpis"
 
 ## From Ecto.Changeset.validate_exclusion/3
 msgid "is reserved"
-msgstr ""
+msgstr "jest zarezerwowany"
 
 ## From Ecto.Changeset.validate_confirmation/3
 msgid "does not match confirmation"
@@ -54,17 +54,17 @@ msgstr ""
 
 ## From Ecto.Changeset.no_assoc_constraint/3
 msgid "is still associated with this entry"
-msgstr ""
+msgstr "jest wciąż powiązane z tym wpisem"
 
 msgid "are still associated with this entry"
-msgstr ""
+msgstr "są wciąż powiązane z tym wpisem"
 
 ## From Ecto.Changeset.validate_length/3
 msgid "should be %{count} character(s)"
 msgid_plural "should be %{count} character(s)"
-msgstr[0] ""
-msgstr[1] ""
-msgstr[2] ""
+msgstr[0] "powinno mieć %{count} znak"
+msgstr[1] "powinno mieć %{count} znaki"
+msgstr[2] "powinno mieć %{count} znaków"
 
 msgid "should have %{count} item(s)"
 msgid_plural "should have %{count} item(s)"
diff --git a/priv/static/index.html b/priv/static/index.html
index b37cbaa67..ddd4ec4eb 100644
--- a/priv/static/index.html
+++ b/priv/static/index.html
@@ -1 +1 @@
-<!DOCTYPE html><html lang=en><head><meta charset=utf-8><meta name=viewport content="width=device-width,initial-scale=1,user-scalable=no"><title>Pleroma</title><!--server-generated-meta--><link rel=icon type=image/png href=/favicon.png><link href=/static/css/vendors~app.18fea621d430000acc27.css rel=stylesheet><link href=/static/css/app.613cef07981cd95ccceb.css rel=stylesheet><link href=/static/fontello.1588947937982.css rel=stylesheet></head><body class=hidden><noscript>To use Pleroma, please enable JavaScript.</noscript><div id=app></div><script type=text/javascript src=/static/js/vendors~app.561a1c605d1dfb0e6f74.js></script><script type=text/javascript src=/static/js/app.996428ccaaaa7f28cb8d.js></script></body></html>
\ No newline at end of file
+<!DOCTYPE html><html lang=en><head><meta charset=utf-8><meta name=viewport content="width=device-width,initial-scale=1,user-scalable=no"><title>Pleroma</title><!--server-generated-meta--><link rel=icon type=image/png href=/favicon.png><link href=/static/css/vendors~app.18fea621d430000acc27.css rel=stylesheet><link href=/static/css/app.613cef07981cd95ccceb.css rel=stylesheet><link href=/static/fontello.1589385935077.css rel=stylesheet></head><body class=hidden><noscript>To use Pleroma, please enable JavaScript.</noscript><div id=app></div><script type=text/javascript src=/static/js/vendors~app.561a1c605d1dfb0e6f74.js></script><script type=text/javascript src=/static/js/app.838ffa9aecf210c7d744.js></script></body></html>
\ No newline at end of file
diff --git a/priv/static/packs/arrow-key-navigation.js b/priv/static/packs/arrow-key-navigation.js
index 710bab007..6f05ce3e1 100644
Binary files a/priv/static/packs/arrow-key-navigation.js and b/priv/static/packs/arrow-key-navigation.js differ
diff --git a/priv/static/packs/base_polyfills.js b/priv/static/packs/base_polyfills.js
index 092ef3b0a..04e0f921c 100644
Binary files a/priv/static/packs/base_polyfills.js and b/priv/static/packs/base_polyfills.js differ
diff --git a/priv/static/packs/base_polyfills.js.LICENSE b/priv/static/packs/base_polyfills.js.LICENSE.txt
similarity index 100%
rename from priv/static/packs/base_polyfills.js.LICENSE
rename to priv/static/packs/base_polyfills.js.LICENSE.txt
diff --git a/priv/static/packs/base_polyfills.js.map b/priv/static/packs/base_polyfills.js.map
index 21b2fa20e..a16ae5010 100644
Binary files a/priv/static/packs/base_polyfills.js.map and b/priv/static/packs/base_polyfills.js.map differ
diff --git a/priv/static/packs/common.js b/priv/static/packs/common.js
index 989a740a4..372dc3b82 100644
Binary files a/priv/static/packs/common.js and b/priv/static/packs/common.js differ
diff --git a/priv/static/packs/common.js.LICENSE b/priv/static/packs/common.js.LICENSE.txt
similarity index 100%
rename from priv/static/packs/common.js.LICENSE
rename to priv/static/packs/common.js.LICENSE.txt
diff --git a/priv/static/packs/common.js.map b/priv/static/packs/common.js.map
index 682fdbcf5..b077d20c4 100644
Binary files a/priv/static/packs/common.js.map and b/priv/static/packs/common.js.map differ
diff --git a/priv/static/packs/containers/media_container.js b/priv/static/packs/containers/media_container.js
index 6f0042d4c..d55f51c04 100644
Binary files a/priv/static/packs/containers/media_container.js and b/priv/static/packs/containers/media_container.js differ
diff --git a/priv/static/packs/containers/media_container.js.LICENSE b/priv/static/packs/containers/media_container.js.LICENSE.txt
similarity index 100%
rename from priv/static/packs/containers/media_container.js.LICENSE
rename to priv/static/packs/containers/media_container.js.LICENSE.txt
index e72838f69..1fdf87e4c 100644
--- a/priv/static/packs/containers/media_container.js.LICENSE
+++ b/priv/static/packs/containers/media_container.js.LICENSE.txt
@@ -4,103 +4,69 @@
   http://jedwatson.github.io/classnames
 */
 
+/*!
+ * escape-html
+ * Copyright(c) 2012-2013 TJ Holowaychuk
+ * Copyright(c) 2015 Andreas Lubbe
+ * Copyright(c) 2015 Tiancheng "Timothy" Gu
+ * MIT Licensed
+ */
+
 /*!
  * wavesurfer.js 3.3.1 (2020-01-14)
  * https://github.com/katspaugh/wavesurfer.js
  * @license BSD-3-Clause
  */
 
-/*!****************************************!*\
-        !*** ./node_modules/debounce/index.js ***!
-        \****************************************/
-
-/*! no static exports found */
-
-/*!***********************************!*\
-        !*** ./src/drawer.canvasentry.js ***!
-        \***********************************/
-
-/*! ./util/style */
-
-/*! ./util/get-id */
-
-/*!***********************!*\
-        !*** ./src/drawer.js ***!
-        \***********************/
-
-/*! ./util */
-
-/*!***********************************!*\
-        !*** ./src/drawer.multicanvas.js ***!
-        \***********************************/
+/*! ./ajax */
 
 /*! ./drawer */
 
 /*! ./drawer.canvasentry */
 
-/*!**************************************!*\
-        !*** ./src/mediaelement-webaudio.js ***!
-        \**************************************/
+/*! ./drawer.multicanvas */
 
-/*! ./mediaelement */
+/*! ./extend */
 
-/*!*****************************!*\
-        !*** ./src/mediaelement.js ***!
-        \*****************************/
+/*! ./fetch */
 
-/*! ./webaudio */
-
-/*!**************************!*\
-        !*** ./src/peakcache.js ***!
-        \**************************/
-
-/*!**************************!*\
-        !*** ./src/util/ajax.js ***!
-        \**************************/
-
-/*! ./observer */
-
-/*!****************************!*\
-        !*** ./src/util/extend.js ***!
-        \****************************/
-
-/*!***************************!*\
-        !*** ./src/util/fetch.js ***!
-        \***************************/
-
-/*!***************************!*\
-        !*** ./src/util/frame.js ***!
-        \***************************/
-
-/*! ./request-animation-frame */
-
-/*!****************************!*\
-        !*** ./src/util/get-id.js ***!
-        \****************************/
-
-/*!***************************!*\
-        !*** ./src/util/index.js ***!
-        \***************************/
-
-/*! ./ajax */
+/*! ./frame */
 
 /*! ./get-id */
 
 /*! ./max */
 
+/*! ./mediaelement */
+
+/*! ./mediaelement-webaudio */
+
 /*! ./min */
 
-/*! ./extend */
+/*! ./observer */
 
-/*! ./style */
-
-/*! ./frame */
-
-/*! debounce */
+/*! ./peakcache */
 
 /*! ./prevent-click */
 
-/*! ./fetch */
+/*! ./request-animation-frame */
+
+/*! ./style */
+
+/*! ./util */
+
+/*! ./util/get-id */
+
+/*! ./util/style */
+
+/*! ./webaudio */
+
+/*! debounce */
+
+/*! no static exports found */
+
+/*!***********************!*\
+        !*** ./src/drawer.js ***!
+        \***********************/
 
 /*!*************************!*\
         !*** ./src/util/max.js ***!
@@ -110,17 +76,29 @@
         !*** ./src/util/min.js ***!
         \*************************/
 
-/*!******************************!*\
-        !*** ./src/util/observer.js ***!
-        \******************************/
+/*!*************************!*\
+        !*** ./src/webaudio.js ***!
+        \*************************/
 
-/*!***********************************!*\
-        !*** ./src/util/prevent-click.js ***!
-        \***********************************/
+/*!**************************!*\
+        !*** ./src/peakcache.js ***!
+        \**************************/
 
-/*!*********************************************!*\
-        !*** ./src/util/request-animation-frame.js ***!
-        \*********************************************/
+/*!**************************!*\
+        !*** ./src/util/ajax.js ***!
+        \**************************/
+
+/*!***************************!*\
+        !*** ./src/util/fetch.js ***!
+        \***************************/
+
+/*!***************************!*\
+        !*** ./src/util/frame.js ***!
+        \***************************/
+
+/*!***************************!*\
+        !*** ./src/util/index.js ***!
+        \***************************/
 
 /*!***************************!*\
         !*** ./src/util/style.js ***!
@@ -130,20 +108,42 @@
         !*** ./src/wavesurfer.js ***!
         \***************************/
 
-/*! ./drawer.multicanvas */
+/*!****************************!*\
+        !*** ./src/util/extend.js ***!
+        \****************************/
 
-/*! ./peakcache */
+/*!****************************!*\
+        !*** ./src/util/get-id.js ***!
+        \****************************/
 
-/*! ./mediaelement-webaudio */
+/*!*****************************!*\
+        !*** ./src/mediaelement.js ***!
+        \*****************************/
 
-/*!*************************!*\
-        !*** ./src/webaudio.js ***!
-        \*************************/
+/*!******************************!*\
+        !*** ./src/util/observer.js ***!
+        \******************************/
 
-/*!
- * escape-html
- * Copyright(c) 2012-2013 TJ Holowaychuk
- * Copyright(c) 2015 Andreas Lubbe
- * Copyright(c) 2015 Tiancheng "Timothy" Gu
- * MIT Licensed
- */
+/*!***********************************!*\
+        !*** ./src/drawer.canvasentry.js ***!
+        \***********************************/
+
+/*!***********************************!*\
+        !*** ./src/drawer.multicanvas.js ***!
+        \***********************************/
+
+/*!***********************************!*\
+        !*** ./src/util/prevent-click.js ***!
+        \***********************************/
+
+/*!**************************************!*\
+        !*** ./src/mediaelement-webaudio.js ***!
+        \**************************************/
+
+/*!****************************************!*\
+        !*** ./node_modules/debounce/index.js ***!
+        \****************************************/
+
+/*!*********************************************!*\
+        !*** ./src/util/request-animation-frame.js ***!
+        \*********************************************/
diff --git a/priv/static/packs/containers/media_container.js.map b/priv/static/packs/containers/media_container.js.map
index 26ccbae0b..bfe37b1d7 100644
Binary files a/priv/static/packs/containers/media_container.js.map and b/priv/static/packs/containers/media_container.js.map differ
diff --git a/priv/static/packs/core/admin.js b/priv/static/packs/core/admin.js
index 74b3a4573..000669e56 100644
Binary files a/priv/static/packs/core/admin.js and b/priv/static/packs/core/admin.js differ
diff --git a/priv/static/packs/core/admin.js.map b/priv/static/packs/core/admin.js.map
index aa80e7ea4..cdae04586 100644
Binary files a/priv/static/packs/core/admin.js.map and b/priv/static/packs/core/admin.js.map differ
diff --git a/priv/static/packs/core/auth.js b/priv/static/packs/core/auth.js
index 082b72b93..e682011a6 100644
Binary files a/priv/static/packs/core/auth.js and b/priv/static/packs/core/auth.js differ
diff --git a/priv/static/packs/core/auth.js.LICENSE b/priv/static/packs/core/auth.js.LICENSE.txt
similarity index 100%
rename from priv/static/packs/core/auth.js.LICENSE
rename to priv/static/packs/core/auth.js.LICENSE.txt
diff --git a/priv/static/packs/core/auth.js.map b/priv/static/packs/core/auth.js.map
index 57c319165..ddbefa466 100644
Binary files a/priv/static/packs/core/auth.js.map and b/priv/static/packs/core/auth.js.map differ
diff --git a/priv/static/packs/core/common.js b/priv/static/packs/core/common.js
index a74ef3128..94224c402 100644
Binary files a/priv/static/packs/core/common.js and b/priv/static/packs/core/common.js differ
diff --git a/priv/static/packs/core/common.js.map b/priv/static/packs/core/common.js.map
index 0a1f6d68d..bd4f5a5e2 100644
Binary files a/priv/static/packs/core/common.js.map and b/priv/static/packs/core/common.js.map differ
diff --git a/priv/static/packs/core/embed.js b/priv/static/packs/core/embed.js
index c136c2652..6a16743d4 100644
Binary files a/priv/static/packs/core/embed.js and b/priv/static/packs/core/embed.js differ
diff --git a/priv/static/packs/core/mailer.js b/priv/static/packs/core/mailer.js
index 50a41cefa..503710f5d 100644
Binary files a/priv/static/packs/core/mailer.js and b/priv/static/packs/core/mailer.js differ
diff --git a/priv/static/packs/core/modal.js b/priv/static/packs/core/modal.js
index 70b7c2498..a610ed274 100644
Binary files a/priv/static/packs/core/modal.js and b/priv/static/packs/core/modal.js differ
diff --git a/priv/static/packs/core/modal.js.map b/priv/static/packs/core/modal.js.map
index ac406915e..0e77ac03d 100644
Binary files a/priv/static/packs/core/modal.js.map and b/priv/static/packs/core/modal.js.map differ
diff --git a/priv/static/packs/core/public.js b/priv/static/packs/core/public.js
index fd535b14e..00ba6b774 100644
Binary files a/priv/static/packs/core/public.js and b/priv/static/packs/core/public.js differ
diff --git a/priv/static/packs/core/public.js.map b/priv/static/packs/core/public.js.map
index abcf37ca0..e89df0775 100644
Binary files a/priv/static/packs/core/public.js.map and b/priv/static/packs/core/public.js.map differ
diff --git a/priv/static/packs/core/settings.js b/priv/static/packs/core/settings.js
index 22b6c9f12..2c496dfa8 100644
Binary files a/priv/static/packs/core/settings.js and b/priv/static/packs/core/settings.js differ
diff --git a/priv/static/packs/core/settings.js.LICENSE b/priv/static/packs/core/settings.js.LICENSE.txt
similarity index 100%
rename from priv/static/packs/core/settings.js.LICENSE
rename to priv/static/packs/core/settings.js.LICENSE.txt
diff --git a/priv/static/packs/core/settings.js.map b/priv/static/packs/core/settings.js.map
index d61b87412..cd1dd9bf8 100644
Binary files a/priv/static/packs/core/settings.js.map and b/priv/static/packs/core/settings.js.map differ
diff --git a/priv/static/packs/emoji_picker.js b/priv/static/packs/emoji_picker.js
index 281bc43fd..959ae18e1 100644
Binary files a/priv/static/packs/emoji_picker.js and b/priv/static/packs/emoji_picker.js differ
diff --git a/priv/static/packs/extra_polyfills.js b/priv/static/packs/extra_polyfills.js
index 614adafe1..3e613035a 100644
Binary files a/priv/static/packs/extra_polyfills.js and b/priv/static/packs/extra_polyfills.js differ
diff --git a/priv/static/packs/extra_polyfills.js.LICENSE b/priv/static/packs/extra_polyfills.js.LICENSE.txt
similarity index 100%
rename from priv/static/packs/extra_polyfills.js.LICENSE
rename to priv/static/packs/extra_polyfills.js.LICENSE.txt
diff --git a/priv/static/packs/extra_polyfills.js.map b/priv/static/packs/extra_polyfills.js.map
index 4d96e42cd..524bdd7e1 100644
Binary files a/priv/static/packs/extra_polyfills.js.map and b/priv/static/packs/extra_polyfills.js.map differ
diff --git a/priv/static/packs/features/account_gallery.js b/priv/static/packs/features/account_gallery.js
index 19dbf1fec..6afdba220 100644
Binary files a/priv/static/packs/features/account_gallery.js and b/priv/static/packs/features/account_gallery.js differ
diff --git a/priv/static/packs/features/account_gallery.js.map b/priv/static/packs/features/account_gallery.js.map
index 6e91f9d92..6c6a30c94 100644
Binary files a/priv/static/packs/features/account_gallery.js.map and b/priv/static/packs/features/account_gallery.js.map differ
diff --git a/priv/static/packs/features/account_timeline.js b/priv/static/packs/features/account_timeline.js
index c8b46f89c..792bf05f0 100644
Binary files a/priv/static/packs/features/account_timeline.js and b/priv/static/packs/features/account_timeline.js differ
diff --git a/priv/static/packs/features/account_timeline.js.map b/priv/static/packs/features/account_timeline.js.map
index 779a67ad6..8766fb489 100644
Binary files a/priv/static/packs/features/account_timeline.js.map and b/priv/static/packs/features/account_timeline.js.map differ
diff --git a/priv/static/packs/features/blocks.js b/priv/static/packs/features/blocks.js
index 5aacfc455..b41df4ce4 100644
Binary files a/priv/static/packs/features/blocks.js and b/priv/static/packs/features/blocks.js differ
diff --git a/priv/static/packs/features/blocks.js.map b/priv/static/packs/features/blocks.js.map
index 57ff7e878..3935acd77 100644
Binary files a/priv/static/packs/features/blocks.js.map and b/priv/static/packs/features/blocks.js.map differ
diff --git a/priv/static/packs/features/bookmarked_statuses.js b/priv/static/packs/features/bookmarked_statuses.js
index 7a2eb9ded..15ff22331 100644
Binary files a/priv/static/packs/features/bookmarked_statuses.js and b/priv/static/packs/features/bookmarked_statuses.js differ
diff --git a/priv/static/packs/features/bookmarked_statuses.js.map b/priv/static/packs/features/bookmarked_statuses.js.map
index d6ab7f248..01b5594a6 100644
Binary files a/priv/static/packs/features/bookmarked_statuses.js.map and b/priv/static/packs/features/bookmarked_statuses.js.map differ
diff --git a/priv/static/packs/features/community_timeline.js b/priv/static/packs/features/community_timeline.js
index 88cb0bd86..69d215446 100644
Binary files a/priv/static/packs/features/community_timeline.js and b/priv/static/packs/features/community_timeline.js differ
diff --git a/priv/static/packs/features/community_timeline.js.map b/priv/static/packs/features/community_timeline.js.map
index 5f98a8561..66c4b57b4 100644
Binary files a/priv/static/packs/features/community_timeline.js.map and b/priv/static/packs/features/community_timeline.js.map differ
diff --git a/priv/static/packs/features/compose.js b/priv/static/packs/features/compose.js
index f6ebb3c06..fc3398284 100644
Binary files a/priv/static/packs/features/compose.js and b/priv/static/packs/features/compose.js differ
diff --git a/priv/static/packs/features/compose.js.map b/priv/static/packs/features/compose.js.map
index 3397e47c7..c0c9b14bd 100644
Binary files a/priv/static/packs/features/compose.js.map and b/priv/static/packs/features/compose.js.map differ
diff --git a/priv/static/packs/features/direct_timeline.js b/priv/static/packs/features/direct_timeline.js
index 76620a29a..ff330c383 100644
Binary files a/priv/static/packs/features/direct_timeline.js and b/priv/static/packs/features/direct_timeline.js differ
diff --git a/priv/static/packs/features/direct_timeline.js.map b/priv/static/packs/features/direct_timeline.js.map
index d0ef3c943..fd6845a06 100644
Binary files a/priv/static/packs/features/direct_timeline.js.map and b/priv/static/packs/features/direct_timeline.js.map differ
diff --git a/priv/static/packs/features/directory.js b/priv/static/packs/features/directory.js
index e02e54d5e..2c0111bc3 100644
Binary files a/priv/static/packs/features/directory.js and b/priv/static/packs/features/directory.js differ
diff --git a/priv/static/packs/features/directory.js.map b/priv/static/packs/features/directory.js.map
index eb45753be..be594d23d 100644
Binary files a/priv/static/packs/features/directory.js.map and b/priv/static/packs/features/directory.js.map differ
diff --git a/priv/static/packs/features/domain_blocks.js b/priv/static/packs/features/domain_blocks.js
index efa714703..2e59340de 100644
Binary files a/priv/static/packs/features/domain_blocks.js and b/priv/static/packs/features/domain_blocks.js differ
diff --git a/priv/static/packs/features/domain_blocks.js.map b/priv/static/packs/features/domain_blocks.js.map
index 2ffb7e1f2..687c9b1bc 100644
Binary files a/priv/static/packs/features/domain_blocks.js.map and b/priv/static/packs/features/domain_blocks.js.map differ
diff --git a/priv/static/packs/features/favourited_statuses.js b/priv/static/packs/features/favourited_statuses.js
index 747c47ea1..fcc60050f 100644
Binary files a/priv/static/packs/features/favourited_statuses.js and b/priv/static/packs/features/favourited_statuses.js differ
diff --git a/priv/static/packs/features/favourited_statuses.js.map b/priv/static/packs/features/favourited_statuses.js.map
index 136949ae3..5d1a473bf 100644
Binary files a/priv/static/packs/features/favourited_statuses.js.map and b/priv/static/packs/features/favourited_statuses.js.map differ
diff --git a/priv/static/packs/features/favourites.js b/priv/static/packs/features/favourites.js
index 605a1ed64..337ad7f6f 100644
Binary files a/priv/static/packs/features/favourites.js and b/priv/static/packs/features/favourites.js differ
diff --git a/priv/static/packs/features/favourites.js.map b/priv/static/packs/features/favourites.js.map
index d1586da7a..9f9501be2 100644
Binary files a/priv/static/packs/features/favourites.js.map and b/priv/static/packs/features/favourites.js.map differ
diff --git a/priv/static/packs/features/follow_requests.js b/priv/static/packs/features/follow_requests.js
index c022a1eee..902c02d13 100644
Binary files a/priv/static/packs/features/follow_requests.js and b/priv/static/packs/features/follow_requests.js differ
diff --git a/priv/static/packs/features/follow_requests.js.map b/priv/static/packs/features/follow_requests.js.map
index dd58baf4d..407dbd78e 100644
Binary files a/priv/static/packs/features/follow_requests.js.map and b/priv/static/packs/features/follow_requests.js.map differ
diff --git a/priv/static/packs/features/followers.js b/priv/static/packs/features/followers.js
index 67c5826cd..a74070322 100644
Binary files a/priv/static/packs/features/followers.js and b/priv/static/packs/features/followers.js differ
diff --git a/priv/static/packs/features/followers.js.map b/priv/static/packs/features/followers.js.map
index 44384dbc1..4e5cf5a2e 100644
Binary files a/priv/static/packs/features/followers.js.map and b/priv/static/packs/features/followers.js.map differ
diff --git a/priv/static/packs/features/following.js b/priv/static/packs/features/following.js
index e7bf1afb6..5189467a3 100644
Binary files a/priv/static/packs/features/following.js and b/priv/static/packs/features/following.js differ
diff --git a/priv/static/packs/features/following.js.map b/priv/static/packs/features/following.js.map
index 7f94461b6..dc4b4badb 100644
Binary files a/priv/static/packs/features/following.js.map and b/priv/static/packs/features/following.js.map differ
diff --git a/priv/static/packs/features/generic_not_found.js b/priv/static/packs/features/generic_not_found.js
index 4b6f0f228..7dce6d8e4 100644
Binary files a/priv/static/packs/features/generic_not_found.js and b/priv/static/packs/features/generic_not_found.js differ
diff --git a/priv/static/packs/features/getting_started.js b/priv/static/packs/features/getting_started.js
index 5b3f3471d..21450c8e1 100644
Binary files a/priv/static/packs/features/getting_started.js and b/priv/static/packs/features/getting_started.js differ
diff --git a/priv/static/packs/features/getting_started.js.map b/priv/static/packs/features/getting_started.js.map
index f53c06c10..808b2d8ba 100644
Binary files a/priv/static/packs/features/getting_started.js.map and b/priv/static/packs/features/getting_started.js.map differ
diff --git a/priv/static/packs/features/glitch/async/directory.js b/priv/static/packs/features/glitch/async/directory.js
index db8c2a912..725142be0 100644
Binary files a/priv/static/packs/features/glitch/async/directory.js and b/priv/static/packs/features/glitch/async/directory.js differ
diff --git a/priv/static/packs/features/glitch/async/directory.js.map b/priv/static/packs/features/glitch/async/directory.js.map
index 218c65282..e8c157894 100644
Binary files a/priv/static/packs/features/glitch/async/directory.js.map and b/priv/static/packs/features/glitch/async/directory.js.map differ
diff --git a/priv/static/packs/features/glitch/async/list_adder.js b/priv/static/packs/features/glitch/async/list_adder.js
index 1dc96e38c..456fbfb9a 100644
Binary files a/priv/static/packs/features/glitch/async/list_adder.js and b/priv/static/packs/features/glitch/async/list_adder.js differ
diff --git a/priv/static/packs/features/glitch/async/list_adder.js.map b/priv/static/packs/features/glitch/async/list_adder.js.map
index 956b752d1..cff691afb 100644
Binary files a/priv/static/packs/features/glitch/async/list_adder.js.map and b/priv/static/packs/features/glitch/async/list_adder.js.map differ
diff --git a/priv/static/packs/features/glitch/async/search.js b/priv/static/packs/features/glitch/async/search.js
index f39dc3db0..2edb95c49 100644
Binary files a/priv/static/packs/features/glitch/async/search.js and b/priv/static/packs/features/glitch/async/search.js differ
diff --git a/priv/static/packs/features/hashtag_timeline.js b/priv/static/packs/features/hashtag_timeline.js
index f54b99ce8..139ca9b33 100644
Binary files a/priv/static/packs/features/hashtag_timeline.js and b/priv/static/packs/features/hashtag_timeline.js differ
diff --git a/priv/static/packs/features/hashtag_timeline.js.map b/priv/static/packs/features/hashtag_timeline.js.map
index 909563919..3bd79924b 100644
Binary files a/priv/static/packs/features/hashtag_timeline.js.map and b/priv/static/packs/features/hashtag_timeline.js.map differ
diff --git a/priv/static/packs/features/home_timeline.js b/priv/static/packs/features/home_timeline.js
index 33237345b..9286699bd 100644
Binary files a/priv/static/packs/features/home_timeline.js and b/priv/static/packs/features/home_timeline.js differ
diff --git a/priv/static/packs/features/home_timeline.js.map b/priv/static/packs/features/home_timeline.js.map
index 20a487956..156d44782 100644
Binary files a/priv/static/packs/features/home_timeline.js.map and b/priv/static/packs/features/home_timeline.js.map differ
diff --git a/priv/static/packs/features/keyboard_shortcuts.js b/priv/static/packs/features/keyboard_shortcuts.js
index 484204569..cfeb074bd 100644
Binary files a/priv/static/packs/features/keyboard_shortcuts.js and b/priv/static/packs/features/keyboard_shortcuts.js differ
diff --git a/priv/static/packs/features/keyboard_shortcuts.js.map b/priv/static/packs/features/keyboard_shortcuts.js.map
index a383cb935..d736f454e 100644
Binary files a/priv/static/packs/features/keyboard_shortcuts.js.map and b/priv/static/packs/features/keyboard_shortcuts.js.map differ
diff --git a/priv/static/packs/features/list_adder.js b/priv/static/packs/features/list_adder.js
index 84fe9926c..0b4da1969 100644
Binary files a/priv/static/packs/features/list_adder.js and b/priv/static/packs/features/list_adder.js differ
diff --git a/priv/static/packs/features/list_adder.js.map b/priv/static/packs/features/list_adder.js.map
index f29e5f9f8..f3b671cad 100644
Binary files a/priv/static/packs/features/list_adder.js.map and b/priv/static/packs/features/list_adder.js.map differ
diff --git a/priv/static/packs/features/list_editor.js b/priv/static/packs/features/list_editor.js
index 76f0f6599..f63276d6c 100644
Binary files a/priv/static/packs/features/list_editor.js and b/priv/static/packs/features/list_editor.js differ
diff --git a/priv/static/packs/features/list_editor.js.map b/priv/static/packs/features/list_editor.js.map
index c2ab32c4a..ee536303a 100644
Binary files a/priv/static/packs/features/list_editor.js.map and b/priv/static/packs/features/list_editor.js.map differ
diff --git a/priv/static/packs/features/list_timeline.js b/priv/static/packs/features/list_timeline.js
index 391d15b87..8592d85a1 100644
Binary files a/priv/static/packs/features/list_timeline.js and b/priv/static/packs/features/list_timeline.js differ
diff --git a/priv/static/packs/features/list_timeline.js.map b/priv/static/packs/features/list_timeline.js.map
index 766670bd2..6e55f0a0c 100644
Binary files a/priv/static/packs/features/list_timeline.js.map and b/priv/static/packs/features/list_timeline.js.map differ
diff --git a/priv/static/packs/features/lists.js b/priv/static/packs/features/lists.js
index fa26c7031..702c3adcf 100644
Binary files a/priv/static/packs/features/lists.js and b/priv/static/packs/features/lists.js differ
diff --git a/priv/static/packs/features/lists.js.map b/priv/static/packs/features/lists.js.map
index 2e4811657..58c03a95b 100644
Binary files a/priv/static/packs/features/lists.js.map and b/priv/static/packs/features/lists.js.map differ
diff --git a/priv/static/packs/features/mutes.js b/priv/static/packs/features/mutes.js
index 3ed714fbd..444d6cd06 100644
Binary files a/priv/static/packs/features/mutes.js and b/priv/static/packs/features/mutes.js differ
diff --git a/priv/static/packs/features/mutes.js.map b/priv/static/packs/features/mutes.js.map
index 83d73d273..24155f586 100644
Binary files a/priv/static/packs/features/mutes.js.map and b/priv/static/packs/features/mutes.js.map differ
diff --git a/priv/static/packs/features/notifications.js b/priv/static/packs/features/notifications.js
index 49f828901..419aeeaac 100644
Binary files a/priv/static/packs/features/notifications.js and b/priv/static/packs/features/notifications.js differ
diff --git a/priv/static/packs/features/notifications.js.map b/priv/static/packs/features/notifications.js.map
index d466060de..80ef6305b 100644
Binary files a/priv/static/packs/features/notifications.js.map and b/priv/static/packs/features/notifications.js.map differ
diff --git a/priv/static/packs/features/pinned_statuses.js b/priv/static/packs/features/pinned_statuses.js
index b5a366202..1aa2d549a 100644
Binary files a/priv/static/packs/features/pinned_statuses.js and b/priv/static/packs/features/pinned_statuses.js differ
diff --git a/priv/static/packs/features/pinned_statuses.js.map b/priv/static/packs/features/pinned_statuses.js.map
index 2920e023c..898fcfd27 100644
Binary files a/priv/static/packs/features/pinned_statuses.js.map and b/priv/static/packs/features/pinned_statuses.js.map differ
diff --git a/priv/static/packs/features/public_timeline.js b/priv/static/packs/features/public_timeline.js
index eb800e73e..a32594de9 100644
Binary files a/priv/static/packs/features/public_timeline.js and b/priv/static/packs/features/public_timeline.js differ
diff --git a/priv/static/packs/features/public_timeline.js.map b/priv/static/packs/features/public_timeline.js.map
index eb39bab9d..92bd1de46 100644
Binary files a/priv/static/packs/features/public_timeline.js.map and b/priv/static/packs/features/public_timeline.js.map differ
diff --git a/priv/static/packs/features/reblogs.js b/priv/static/packs/features/reblogs.js
index d8598f305..857ed6a60 100644
Binary files a/priv/static/packs/features/reblogs.js and b/priv/static/packs/features/reblogs.js differ
diff --git a/priv/static/packs/features/reblogs.js.map b/priv/static/packs/features/reblogs.js.map
index ec193dd4f..211b4a843 100644
Binary files a/priv/static/packs/features/reblogs.js.map and b/priv/static/packs/features/reblogs.js.map differ
diff --git a/priv/static/packs/features/search.js b/priv/static/packs/features/search.js
index 7efd675f3..64bbc4984 100644
Binary files a/priv/static/packs/features/search.js and b/priv/static/packs/features/search.js differ
diff --git a/priv/static/packs/features/status.js b/priv/static/packs/features/status.js
index bd8c71d8f..dace442de 100644
Binary files a/priv/static/packs/features/status.js and b/priv/static/packs/features/status.js differ
diff --git a/priv/static/packs/features/status.js.map b/priv/static/packs/features/status.js.map
index 55d5f08e7..f4688ee17 100644
Binary files a/priv/static/packs/features/status.js.map and b/priv/static/packs/features/status.js.map differ
diff --git a/priv/static/packs/flavours/glitch/about.js b/priv/static/packs/flavours/glitch/about.js
index b858f1220..19611cdda 100644
Binary files a/priv/static/packs/flavours/glitch/about.js and b/priv/static/packs/flavours/glitch/about.js differ
diff --git a/priv/static/packs/flavours/glitch/share.js.LICENSE b/priv/static/packs/flavours/glitch/about.js.LICENSE.txt
similarity index 98%
rename from priv/static/packs/flavours/glitch/share.js.LICENSE
rename to priv/static/packs/flavours/glitch/about.js.LICENSE.txt
index 0a0301353..90a9a7678 100644
--- a/priv/static/packs/flavours/glitch/share.js.LICENSE
+++ b/priv/static/packs/flavours/glitch/about.js.LICENSE.txt
@@ -1,3 +1,9 @@
+/*
+object-assign
+(c) Sindre Sorhus
+@license MIT
+*/
+
 /*!
   Copyright (c) 2017 Jed Watson.
   Licensed under the MIT License (MIT), see
@@ -12,31 +18,145 @@
  * MIT Licensed
  */
 
-/*
-object-assign
-(c) Sindre Sorhus
-@license MIT
-*/
-
-/** @license React v16.12.0
- * react.production.min.js
- *
- * Copyright (c) Facebook, Inc. and its affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
+/*!
+ * wavesurfer.js 3.3.1 (2020-01-14)
+ * https://github.com/katspaugh/wavesurfer.js
+ * @license BSD-3-Clause
  */
 
-/** @license React v16.12.0
- * react-dom.production.min.js
- *
- * Copyright (c) Facebook, Inc. and its affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
+/*! ./ajax */
 
-/** @license React v0.18.0
+/*! ./drawer */
+
+/*! ./drawer.canvasentry */
+
+/*! ./drawer.multicanvas */
+
+/*! ./extend */
+
+/*! ./fetch */
+
+/*! ./frame */
+
+/*! ./get-id */
+
+/*! ./max */
+
+/*! ./mediaelement */
+
+/*! ./mediaelement-webaudio */
+
+/*! ./min */
+
+/*! ./observer */
+
+/*! ./peakcache */
+
+/*! ./prevent-click */
+
+/*! ./request-animation-frame */
+
+/*! ./style */
+
+/*! ./util */
+
+/*! ./util/get-id */
+
+/*! ./util/style */
+
+/*! ./webaudio */
+
+/*! debounce */
+
+/*! https://mths.be/punycode v1.4.1 by @mathias */
+
+/*! no static exports found */
+
+/*!***********************!*\
+        !*** ./src/drawer.js ***!
+        \***********************/
+
+/*!*************************!*\
+        !*** ./src/util/max.js ***!
+        \*************************/
+
+/*!*************************!*\
+        !*** ./src/util/min.js ***!
+        \*************************/
+
+/*!*************************!*\
+        !*** ./src/webaudio.js ***!
+        \*************************/
+
+/*!**************************!*\
+        !*** ./src/peakcache.js ***!
+        \**************************/
+
+/*!**************************!*\
+        !*** ./src/util/ajax.js ***!
+        \**************************/
+
+/*!***************************!*\
+        !*** ./src/util/fetch.js ***!
+        \***************************/
+
+/*!***************************!*\
+        !*** ./src/util/frame.js ***!
+        \***************************/
+
+/*!***************************!*\
+        !*** ./src/util/index.js ***!
+        \***************************/
+
+/*!***************************!*\
+        !*** ./src/util/style.js ***!
+        \***************************/
+
+/*!***************************!*\
+        !*** ./src/wavesurfer.js ***!
+        \***************************/
+
+/*!****************************!*\
+        !*** ./src/util/extend.js ***!
+        \****************************/
+
+/*!****************************!*\
+        !*** ./src/util/get-id.js ***!
+        \****************************/
+
+/*!*****************************!*\
+        !*** ./src/mediaelement.js ***!
+        \*****************************/
+
+/*!******************************!*\
+        !*** ./src/util/observer.js ***!
+        \******************************/
+
+/*!***********************************!*\
+        !*** ./src/drawer.canvasentry.js ***!
+        \***********************************/
+
+/*!***********************************!*\
+        !*** ./src/drawer.multicanvas.js ***!
+        \***********************************/
+
+/*!***********************************!*\
+        !*** ./src/util/prevent-click.js ***!
+        \***********************************/
+
+/*!**************************************!*\
+        !*** ./src/mediaelement-webaudio.js ***!
+        \**************************************/
+
+/*!****************************************!*\
+        !*** ./node_modules/debounce/index.js ***!
+        \****************************************/
+
+/*!*********************************************!*\
+        !*** ./src/util/request-animation-frame.js ***!
+        \*********************************************/
+
+/** @license React v0.19.0
  * scheduler.production.min.js
  *
  * Copyright (c) Facebook, Inc. and its affiliates.
@@ -54,140 +174,20 @@ object-assign
  * LICENSE file in the root directory of this source tree.
  */
 
-/*!
- * wavesurfer.js 3.3.1 (2020-01-14)
- * https://github.com/katspaugh/wavesurfer.js
- * @license BSD-3-Clause
+/** @license React v16.13.0
+ * react-dom.production.min.js
+ *
+ * Copyright (c) Facebook, Inc. and its affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
  */
 
-/*!****************************************!*\
-        !*** ./node_modules/debounce/index.js ***!
-        \****************************************/
-
-/*! no static exports found */
-
-/*!***********************************!*\
-        !*** ./src/drawer.canvasentry.js ***!
-        \***********************************/
-
-/*! ./util/style */
-
-/*! ./util/get-id */
-
-/*!***********************!*\
-        !*** ./src/drawer.js ***!
-        \***********************/
-
-/*! ./util */
-
-/*!***********************************!*\
-        !*** ./src/drawer.multicanvas.js ***!
-        \***********************************/
-
-/*! ./drawer */
-
-/*! ./drawer.canvasentry */
-
-/*!**************************************!*\
-        !*** ./src/mediaelement-webaudio.js ***!
-        \**************************************/
-
-/*! ./mediaelement */
-
-/*!*****************************!*\
-        !*** ./src/mediaelement.js ***!
-        \*****************************/
-
-/*! ./webaudio */
-
-/*!**************************!*\
-        !*** ./src/peakcache.js ***!
-        \**************************/
-
-/*!**************************!*\
-        !*** ./src/util/ajax.js ***!
-        \**************************/
-
-/*! ./observer */
-
-/*!****************************!*\
-        !*** ./src/util/extend.js ***!
-        \****************************/
-
-/*!***************************!*\
-        !*** ./src/util/fetch.js ***!
-        \***************************/
-
-/*!***************************!*\
-        !*** ./src/util/frame.js ***!
-        \***************************/
-
-/*! ./request-animation-frame */
-
-/*!****************************!*\
-        !*** ./src/util/get-id.js ***!
-        \****************************/
-
-/*!***************************!*\
-        !*** ./src/util/index.js ***!
-        \***************************/
-
-/*! ./ajax */
-
-/*! ./get-id */
-
-/*! ./max */
-
-/*! ./min */
-
-/*! ./extend */
-
-/*! ./style */
-
-/*! ./frame */
-
-/*! debounce */
-
-/*! ./prevent-click */
-
-/*! ./fetch */
-
-/*!*************************!*\
-        !*** ./src/util/max.js ***!
-        \*************************/
-
-/*!*************************!*\
-        !*** ./src/util/min.js ***!
-        \*************************/
-
-/*!******************************!*\
-        !*** ./src/util/observer.js ***!
-        \******************************/
-
-/*!***********************************!*\
-        !*** ./src/util/prevent-click.js ***!
-        \***********************************/
-
-/*!*********************************************!*\
-        !*** ./src/util/request-animation-frame.js ***!
-        \*********************************************/
-
-/*!***************************!*\
-        !*** ./src/util/style.js ***!
-        \***************************/
-
-/*!***************************!*\
-        !*** ./src/wavesurfer.js ***!
-        \***************************/
-
-/*! ./drawer.multicanvas */
-
-/*! ./peakcache */
-
-/*! ./mediaelement-webaudio */
-
-/*!*************************!*\
-        !*** ./src/webaudio.js ***!
-        \*************************/
-
-/*! https://mths.be/punycode v1.4.1 by @mathias */
+/** @license React v16.13.1
+ * react.production.min.js
+ *
+ * Copyright (c) Facebook, Inc. and its affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
diff --git a/priv/static/packs/flavours/glitch/about.js.map b/priv/static/packs/flavours/glitch/about.js.map
index bc9d0864b..4914692f5 100644
Binary files a/priv/static/packs/flavours/glitch/about.js.map and b/priv/static/packs/flavours/glitch/about.js.map differ
diff --git a/priv/static/packs/flavours/glitch/admin.js b/priv/static/packs/flavours/glitch/admin.js
index b6d94af56..82d7437f1 100644
Binary files a/priv/static/packs/flavours/glitch/admin.js and b/priv/static/packs/flavours/glitch/admin.js differ
diff --git a/priv/static/packs/flavours/glitch/embed.js.LICENSE b/priv/static/packs/flavours/glitch/admin.js.LICENSE.txt
similarity index 91%
rename from priv/static/packs/flavours/glitch/embed.js.LICENSE
rename to priv/static/packs/flavours/glitch/admin.js.LICENSE.txt
index 448b94017..2196b2def 100644
--- a/priv/static/packs/flavours/glitch/embed.js.LICENSE
+++ b/priv/static/packs/flavours/glitch/admin.js.LICENSE.txt
@@ -1,22 +1,10 @@
-/** @license React v16.12.0
- * react.production.min.js
- *
- * Copyright (c) Facebook, Inc. and its affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
+/*
+object-assign
+(c) Sindre Sorhus
+@license MIT
+*/
 
-/** @license React v16.12.0
- * react-dom.production.min.js
- *
- * Copyright (c) Facebook, Inc. and its affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-
-/** @license React v0.18.0
+/** @license React v0.19.0
  * scheduler.production.min.js
  *
  * Copyright (c) Facebook, Inc. and its affiliates.
@@ -34,8 +22,20 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-/*
-object-assign
-(c) Sindre Sorhus
-@license MIT
-*/
+/** @license React v16.13.0
+ * react-dom.production.min.js
+ *
+ * Copyright (c) Facebook, Inc. and its affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+/** @license React v16.13.1
+ * react.production.min.js
+ *
+ * Copyright (c) Facebook, Inc. and its affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
diff --git a/priv/static/packs/flavours/glitch/admin.js.map b/priv/static/packs/flavours/glitch/admin.js.map
index 203550c99..df66cbc6a 100644
Binary files a/priv/static/packs/flavours/glitch/admin.js.map and b/priv/static/packs/flavours/glitch/admin.js.map differ
diff --git a/priv/static/packs/flavours/glitch/async/account_gallery.js b/priv/static/packs/flavours/glitch/async/account_gallery.js
index 50c23a1cf..a282e6ebc 100644
Binary files a/priv/static/packs/flavours/glitch/async/account_gallery.js and b/priv/static/packs/flavours/glitch/async/account_gallery.js differ
diff --git a/priv/static/packs/flavours/glitch/async/account_gallery.js.map b/priv/static/packs/flavours/glitch/async/account_gallery.js.map
index 2fcee6618..0aeddd9ef 100644
Binary files a/priv/static/packs/flavours/glitch/async/account_gallery.js.map and b/priv/static/packs/flavours/glitch/async/account_gallery.js.map differ
diff --git a/priv/static/packs/flavours/glitch/async/account_timeline.js b/priv/static/packs/flavours/glitch/async/account_timeline.js
index ebf40ef53..80863af8d 100644
Binary files a/priv/static/packs/flavours/glitch/async/account_timeline.js and b/priv/static/packs/flavours/glitch/async/account_timeline.js differ
diff --git a/priv/static/packs/flavours/glitch/async/account_timeline.js.map b/priv/static/packs/flavours/glitch/async/account_timeline.js.map
index 2288ad945..af4549145 100644
Binary files a/priv/static/packs/flavours/glitch/async/account_timeline.js.map and b/priv/static/packs/flavours/glitch/async/account_timeline.js.map differ
diff --git a/priv/static/packs/flavours/glitch/async/block_modal.js b/priv/static/packs/flavours/glitch/async/block_modal.js
index 7a5c639aa..ff78212cd 100644
Binary files a/priv/static/packs/flavours/glitch/async/block_modal.js and b/priv/static/packs/flavours/glitch/async/block_modal.js differ
diff --git a/priv/static/packs/flavours/glitch/async/block_modal.js.map b/priv/static/packs/flavours/glitch/async/block_modal.js.map
index 4214332d9..a99478646 100644
Binary files a/priv/static/packs/flavours/glitch/async/block_modal.js.map and b/priv/static/packs/flavours/glitch/async/block_modal.js.map differ
diff --git a/priv/static/packs/flavours/glitch/async/blocks.js b/priv/static/packs/flavours/glitch/async/blocks.js
index 868309ca2..7287b772f 100644
Binary files a/priv/static/packs/flavours/glitch/async/blocks.js and b/priv/static/packs/flavours/glitch/async/blocks.js differ
diff --git a/priv/static/packs/flavours/glitch/async/blocks.js.map b/priv/static/packs/flavours/glitch/async/blocks.js.map
index bf2305454..0f1981357 100644
Binary files a/priv/static/packs/flavours/glitch/async/blocks.js.map and b/priv/static/packs/flavours/glitch/async/blocks.js.map differ
diff --git a/priv/static/packs/flavours/glitch/async/bookmarked_statuses.js b/priv/static/packs/flavours/glitch/async/bookmarked_statuses.js
index 7621abf44..45e9d1417 100644
Binary files a/priv/static/packs/flavours/glitch/async/bookmarked_statuses.js and b/priv/static/packs/flavours/glitch/async/bookmarked_statuses.js differ
diff --git a/priv/static/packs/flavours/glitch/async/bookmarked_statuses.js.map b/priv/static/packs/flavours/glitch/async/bookmarked_statuses.js.map
index d784d0af2..050a31135 100644
Binary files a/priv/static/packs/flavours/glitch/async/bookmarked_statuses.js.map and b/priv/static/packs/flavours/glitch/async/bookmarked_statuses.js.map differ
diff --git a/priv/static/packs/flavours/glitch/async/community_timeline.js b/priv/static/packs/flavours/glitch/async/community_timeline.js
index 73d1c24bc..75e21406f 100644
Binary files a/priv/static/packs/flavours/glitch/async/community_timeline.js and b/priv/static/packs/flavours/glitch/async/community_timeline.js differ
diff --git a/priv/static/packs/flavours/glitch/async/community_timeline.js.map b/priv/static/packs/flavours/glitch/async/community_timeline.js.map
index 690da36f0..da2a24bdf 100644
Binary files a/priv/static/packs/flavours/glitch/async/community_timeline.js.map and b/priv/static/packs/flavours/glitch/async/community_timeline.js.map differ
diff --git a/priv/static/packs/flavours/glitch/async/compose.js b/priv/static/packs/flavours/glitch/async/compose.js
index 18da703a5..dbbe43090 100644
Binary files a/priv/static/packs/flavours/glitch/async/compose.js and b/priv/static/packs/flavours/glitch/async/compose.js differ
diff --git a/priv/static/packs/flavours/glitch/async/compose.js.map b/priv/static/packs/flavours/glitch/async/compose.js.map
index 8df71764e..5770307aa 100644
Binary files a/priv/static/packs/flavours/glitch/async/compose.js.map and b/priv/static/packs/flavours/glitch/async/compose.js.map differ
diff --git a/priv/static/packs/flavours/glitch/async/direct_timeline.js b/priv/static/packs/flavours/glitch/async/direct_timeline.js
index 66e783179..4b19a1383 100644
Binary files a/priv/static/packs/flavours/glitch/async/direct_timeline.js and b/priv/static/packs/flavours/glitch/async/direct_timeline.js differ
diff --git a/priv/static/packs/flavours/glitch/async/direct_timeline.js.map b/priv/static/packs/flavours/glitch/async/direct_timeline.js.map
index da686195a..83b0d0c28 100644
Binary files a/priv/static/packs/flavours/glitch/async/direct_timeline.js.map and b/priv/static/packs/flavours/glitch/async/direct_timeline.js.map differ
diff --git a/priv/static/packs/flavours/glitch/async/domain_blocks.js b/priv/static/packs/flavours/glitch/async/domain_blocks.js
index d78750fe9..74fac4c3e 100644
Binary files a/priv/static/packs/flavours/glitch/async/domain_blocks.js and b/priv/static/packs/flavours/glitch/async/domain_blocks.js differ
diff --git a/priv/static/packs/flavours/glitch/async/domain_blocks.js.map b/priv/static/packs/flavours/glitch/async/domain_blocks.js.map
index a877d0ea5..9534e788e 100644
Binary files a/priv/static/packs/flavours/glitch/async/domain_blocks.js.map and b/priv/static/packs/flavours/glitch/async/domain_blocks.js.map differ
diff --git a/priv/static/packs/flavours/glitch/async/embed_modal.js b/priv/static/packs/flavours/glitch/async/embed_modal.js
index 770375048..6b2709250 100644
Binary files a/priv/static/packs/flavours/glitch/async/embed_modal.js and b/priv/static/packs/flavours/glitch/async/embed_modal.js differ
diff --git a/priv/static/packs/flavours/glitch/async/embed_modal.js.map b/priv/static/packs/flavours/glitch/async/embed_modal.js.map
index ea025afc1..848f507d6 100644
Binary files a/priv/static/packs/flavours/glitch/async/embed_modal.js.map and b/priv/static/packs/flavours/glitch/async/embed_modal.js.map differ
diff --git a/priv/static/packs/flavours/glitch/async/emoji_picker.js b/priv/static/packs/flavours/glitch/async/emoji_picker.js
index 21db597b1..57833a531 100644
Binary files a/priv/static/packs/flavours/glitch/async/emoji_picker.js and b/priv/static/packs/flavours/glitch/async/emoji_picker.js differ
diff --git a/priv/static/packs/flavours/glitch/async/favourited_statuses.js b/priv/static/packs/flavours/glitch/async/favourited_statuses.js
index aaf19c371..4401228f6 100644
Binary files a/priv/static/packs/flavours/glitch/async/favourited_statuses.js and b/priv/static/packs/flavours/glitch/async/favourited_statuses.js differ
diff --git a/priv/static/packs/flavours/glitch/async/favourited_statuses.js.map b/priv/static/packs/flavours/glitch/async/favourited_statuses.js.map
index 148d77388..8fbbf1484 100644
Binary files a/priv/static/packs/flavours/glitch/async/favourited_statuses.js.map and b/priv/static/packs/flavours/glitch/async/favourited_statuses.js.map differ
diff --git a/priv/static/packs/flavours/glitch/async/favourites.js b/priv/static/packs/flavours/glitch/async/favourites.js
index 168e30029..59b9cec75 100644
Binary files a/priv/static/packs/flavours/glitch/async/favourites.js and b/priv/static/packs/flavours/glitch/async/favourites.js differ
diff --git a/priv/static/packs/flavours/glitch/async/favourites.js.map b/priv/static/packs/flavours/glitch/async/favourites.js.map
index d9b11d0cb..4819f60ec 100644
Binary files a/priv/static/packs/flavours/glitch/async/favourites.js.map and b/priv/static/packs/flavours/glitch/async/favourites.js.map differ
diff --git a/priv/static/packs/flavours/glitch/async/follow_requests.js b/priv/static/packs/flavours/glitch/async/follow_requests.js
index 40bde6f6f..57ed8204e 100644
Binary files a/priv/static/packs/flavours/glitch/async/follow_requests.js and b/priv/static/packs/flavours/glitch/async/follow_requests.js differ
diff --git a/priv/static/packs/flavours/glitch/async/follow_requests.js.map b/priv/static/packs/flavours/glitch/async/follow_requests.js.map
index 9b3fcd854..c0a2db075 100644
Binary files a/priv/static/packs/flavours/glitch/async/follow_requests.js.map and b/priv/static/packs/flavours/glitch/async/follow_requests.js.map differ
diff --git a/priv/static/packs/flavours/glitch/async/followers.js b/priv/static/packs/flavours/glitch/async/followers.js
index de0905eb3..fdb647ef2 100644
Binary files a/priv/static/packs/flavours/glitch/async/followers.js and b/priv/static/packs/flavours/glitch/async/followers.js differ
diff --git a/priv/static/packs/flavours/glitch/async/followers.js.map b/priv/static/packs/flavours/glitch/async/followers.js.map
index 89f1588f9..cc1470d15 100644
Binary files a/priv/static/packs/flavours/glitch/async/followers.js.map and b/priv/static/packs/flavours/glitch/async/followers.js.map differ
diff --git a/priv/static/packs/flavours/glitch/async/following.js b/priv/static/packs/flavours/glitch/async/following.js
index 98589dd95..60f78c45c 100644
Binary files a/priv/static/packs/flavours/glitch/async/following.js and b/priv/static/packs/flavours/glitch/async/following.js differ
diff --git a/priv/static/packs/flavours/glitch/async/following.js.map b/priv/static/packs/flavours/glitch/async/following.js.map
index 66ded9c53..7fff787bb 100644
Binary files a/priv/static/packs/flavours/glitch/async/following.js.map and b/priv/static/packs/flavours/glitch/async/following.js.map differ
diff --git a/priv/static/packs/flavours/glitch/async/generic_not_found.js b/priv/static/packs/flavours/glitch/async/generic_not_found.js
index 4546a62ef..dca1026b6 100644
Binary files a/priv/static/packs/flavours/glitch/async/generic_not_found.js and b/priv/static/packs/flavours/glitch/async/generic_not_found.js differ
diff --git a/priv/static/packs/flavours/glitch/async/getting_started.js b/priv/static/packs/flavours/glitch/async/getting_started.js
index cf8a8c738..b1e5d2309 100644
Binary files a/priv/static/packs/flavours/glitch/async/getting_started.js and b/priv/static/packs/flavours/glitch/async/getting_started.js differ
diff --git a/priv/static/packs/flavours/glitch/async/getting_started.js.map b/priv/static/packs/flavours/glitch/async/getting_started.js.map
index e63299ca7..5c9294fff 100644
Binary files a/priv/static/packs/flavours/glitch/async/getting_started.js.map and b/priv/static/packs/flavours/glitch/async/getting_started.js.map differ
diff --git a/priv/static/packs/flavours/glitch/async/getting_started_misc.js b/priv/static/packs/flavours/glitch/async/getting_started_misc.js
index 1efef99bf..2b17ff3bc 100644
Binary files a/priv/static/packs/flavours/glitch/async/getting_started_misc.js and b/priv/static/packs/flavours/glitch/async/getting_started_misc.js differ
diff --git a/priv/static/packs/flavours/glitch/async/getting_started_misc.js.map b/priv/static/packs/flavours/glitch/async/getting_started_misc.js.map
index 6917180c4..ba253da51 100644
Binary files a/priv/static/packs/flavours/glitch/async/getting_started_misc.js.map and b/priv/static/packs/flavours/glitch/async/getting_started_misc.js.map differ
diff --git a/priv/static/packs/flavours/glitch/async/hashtag_timeline.js b/priv/static/packs/flavours/glitch/async/hashtag_timeline.js
index b997808d8..70c5b1c02 100644
Binary files a/priv/static/packs/flavours/glitch/async/hashtag_timeline.js and b/priv/static/packs/flavours/glitch/async/hashtag_timeline.js differ
diff --git a/priv/static/packs/flavours/glitch/async/hashtag_timeline.js.map b/priv/static/packs/flavours/glitch/async/hashtag_timeline.js.map
index 602538af9..f495dd459 100644
Binary files a/priv/static/packs/flavours/glitch/async/hashtag_timeline.js.map and b/priv/static/packs/flavours/glitch/async/hashtag_timeline.js.map differ
diff --git a/priv/static/packs/flavours/glitch/async/home_timeline.js b/priv/static/packs/flavours/glitch/async/home_timeline.js
index 63d338bb1..778f336ed 100644
Binary files a/priv/static/packs/flavours/glitch/async/home_timeline.js and b/priv/static/packs/flavours/glitch/async/home_timeline.js differ
diff --git a/priv/static/packs/flavours/glitch/async/home_timeline.js.map b/priv/static/packs/flavours/glitch/async/home_timeline.js.map
index c063eebe2..37db6a195 100644
Binary files a/priv/static/packs/flavours/glitch/async/home_timeline.js.map and b/priv/static/packs/flavours/glitch/async/home_timeline.js.map differ
diff --git a/priv/static/packs/flavours/glitch/async/keyboard_shortcuts.js b/priv/static/packs/flavours/glitch/async/keyboard_shortcuts.js
index 0d59ee5ec..b6037c53e 100644
Binary files a/priv/static/packs/flavours/glitch/async/keyboard_shortcuts.js and b/priv/static/packs/flavours/glitch/async/keyboard_shortcuts.js differ
diff --git a/priv/static/packs/flavours/glitch/async/keyboard_shortcuts.js.map b/priv/static/packs/flavours/glitch/async/keyboard_shortcuts.js.map
index 18b367cfd..2db9f69d1 100644
Binary files a/priv/static/packs/flavours/glitch/async/keyboard_shortcuts.js.map and b/priv/static/packs/flavours/glitch/async/keyboard_shortcuts.js.map differ
diff --git a/priv/static/packs/flavours/glitch/async/list_editor.js b/priv/static/packs/flavours/glitch/async/list_editor.js
index 59bcc86a6..d80cb005a 100644
Binary files a/priv/static/packs/flavours/glitch/async/list_editor.js and b/priv/static/packs/flavours/glitch/async/list_editor.js differ
diff --git a/priv/static/packs/flavours/glitch/async/list_editor.js.map b/priv/static/packs/flavours/glitch/async/list_editor.js.map
index c0b2041fd..32db1fab1 100644
Binary files a/priv/static/packs/flavours/glitch/async/list_editor.js.map and b/priv/static/packs/flavours/glitch/async/list_editor.js.map differ
diff --git a/priv/static/packs/flavours/glitch/async/list_timeline.js b/priv/static/packs/flavours/glitch/async/list_timeline.js
index 8f1d12946..7be347902 100644
Binary files a/priv/static/packs/flavours/glitch/async/list_timeline.js and b/priv/static/packs/flavours/glitch/async/list_timeline.js differ
diff --git a/priv/static/packs/flavours/glitch/async/list_timeline.js.map b/priv/static/packs/flavours/glitch/async/list_timeline.js.map
index 109de2301..82e887f76 100644
Binary files a/priv/static/packs/flavours/glitch/async/list_timeline.js.map and b/priv/static/packs/flavours/glitch/async/list_timeline.js.map differ
diff --git a/priv/static/packs/flavours/glitch/async/lists.js b/priv/static/packs/flavours/glitch/async/lists.js
index 09e9c2090..01359b617 100644
Binary files a/priv/static/packs/flavours/glitch/async/lists.js and b/priv/static/packs/flavours/glitch/async/lists.js differ
diff --git a/priv/static/packs/flavours/glitch/async/lists.js.map b/priv/static/packs/flavours/glitch/async/lists.js.map
index 6d0e57545..94a638597 100644
Binary files a/priv/static/packs/flavours/glitch/async/lists.js.map and b/priv/static/packs/flavours/glitch/async/lists.js.map differ
diff --git a/priv/static/packs/flavours/glitch/async/mute_modal.js b/priv/static/packs/flavours/glitch/async/mute_modal.js
index 8799086c4..4563b7c03 100644
Binary files a/priv/static/packs/flavours/glitch/async/mute_modal.js and b/priv/static/packs/flavours/glitch/async/mute_modal.js differ
diff --git a/priv/static/packs/flavours/glitch/async/mute_modal.js.map b/priv/static/packs/flavours/glitch/async/mute_modal.js.map
index 2cef662e9..b8a427cc5 100644
Binary files a/priv/static/packs/flavours/glitch/async/mute_modal.js.map and b/priv/static/packs/flavours/glitch/async/mute_modal.js.map differ
diff --git a/priv/static/packs/flavours/glitch/async/mutes.js b/priv/static/packs/flavours/glitch/async/mutes.js
index bff20ce26..561bff711 100644
Binary files a/priv/static/packs/flavours/glitch/async/mutes.js and b/priv/static/packs/flavours/glitch/async/mutes.js differ
diff --git a/priv/static/packs/flavours/glitch/async/mutes.js.map b/priv/static/packs/flavours/glitch/async/mutes.js.map
index 63d70481c..288221494 100644
Binary files a/priv/static/packs/flavours/glitch/async/mutes.js.map and b/priv/static/packs/flavours/glitch/async/mutes.js.map differ
diff --git a/priv/static/packs/flavours/glitch/async/notifications.js b/priv/static/packs/flavours/glitch/async/notifications.js
index d894ca4d3..775819241 100644
Binary files a/priv/static/packs/flavours/glitch/async/notifications.js and b/priv/static/packs/flavours/glitch/async/notifications.js differ
diff --git a/priv/static/packs/flavours/glitch/async/notifications.js.map b/priv/static/packs/flavours/glitch/async/notifications.js.map
index 340227645..7a3ae0be5 100644
Binary files a/priv/static/packs/flavours/glitch/async/notifications.js.map and b/priv/static/packs/flavours/glitch/async/notifications.js.map differ
diff --git a/priv/static/packs/flavours/glitch/async/onboarding_modal.js b/priv/static/packs/flavours/glitch/async/onboarding_modal.js
index fbe875eed..4e5acb0c0 100644
Binary files a/priv/static/packs/flavours/glitch/async/onboarding_modal.js and b/priv/static/packs/flavours/glitch/async/onboarding_modal.js differ
diff --git a/priv/static/packs/flavours/glitch/async/onboarding_modal.js.map b/priv/static/packs/flavours/glitch/async/onboarding_modal.js.map
index 9e11b9f3a..4b7124f38 100644
Binary files a/priv/static/packs/flavours/glitch/async/onboarding_modal.js.map and b/priv/static/packs/flavours/glitch/async/onboarding_modal.js.map differ
diff --git a/priv/static/packs/flavours/glitch/async/pinned_accounts_editor.js b/priv/static/packs/flavours/glitch/async/pinned_accounts_editor.js
index a8dbe836b..799270f5b 100644
Binary files a/priv/static/packs/flavours/glitch/async/pinned_accounts_editor.js and b/priv/static/packs/flavours/glitch/async/pinned_accounts_editor.js differ
diff --git a/priv/static/packs/flavours/glitch/async/pinned_accounts_editor.js.map b/priv/static/packs/flavours/glitch/async/pinned_accounts_editor.js.map
index a620906cd..c0677599f 100644
Binary files a/priv/static/packs/flavours/glitch/async/pinned_accounts_editor.js.map and b/priv/static/packs/flavours/glitch/async/pinned_accounts_editor.js.map differ
diff --git a/priv/static/packs/flavours/glitch/async/pinned_statuses.js b/priv/static/packs/flavours/glitch/async/pinned_statuses.js
index 58de4fa48..f2f32ada7 100644
Binary files a/priv/static/packs/flavours/glitch/async/pinned_statuses.js and b/priv/static/packs/flavours/glitch/async/pinned_statuses.js differ
diff --git a/priv/static/packs/flavours/glitch/async/pinned_statuses.js.map b/priv/static/packs/flavours/glitch/async/pinned_statuses.js.map
index 01838825d..20582528c 100644
Binary files a/priv/static/packs/flavours/glitch/async/pinned_statuses.js.map and b/priv/static/packs/flavours/glitch/async/pinned_statuses.js.map differ
diff --git a/priv/static/packs/flavours/glitch/async/public_timeline.js b/priv/static/packs/flavours/glitch/async/public_timeline.js
index 8a9678a53..d48e77f7e 100644
Binary files a/priv/static/packs/flavours/glitch/async/public_timeline.js and b/priv/static/packs/flavours/glitch/async/public_timeline.js differ
diff --git a/priv/static/packs/flavours/glitch/async/public_timeline.js.map b/priv/static/packs/flavours/glitch/async/public_timeline.js.map
index c8fa69daa..77fa4cf1f 100644
Binary files a/priv/static/packs/flavours/glitch/async/public_timeline.js.map and b/priv/static/packs/flavours/glitch/async/public_timeline.js.map differ
diff --git a/priv/static/packs/flavours/glitch/async/reblogs.js b/priv/static/packs/flavours/glitch/async/reblogs.js
index 3e6c806f4..59ca6d0af 100644
Binary files a/priv/static/packs/flavours/glitch/async/reblogs.js and b/priv/static/packs/flavours/glitch/async/reblogs.js differ
diff --git a/priv/static/packs/flavours/glitch/async/reblogs.js.map b/priv/static/packs/flavours/glitch/async/reblogs.js.map
index 696da7f09..150c0e1ab 100644
Binary files a/priv/static/packs/flavours/glitch/async/reblogs.js.map and b/priv/static/packs/flavours/glitch/async/reblogs.js.map differ
diff --git a/priv/static/packs/flavours/glitch/async/report_modal.js b/priv/static/packs/flavours/glitch/async/report_modal.js
index 92601ff8c..d4d94eda1 100644
Binary files a/priv/static/packs/flavours/glitch/async/report_modal.js and b/priv/static/packs/flavours/glitch/async/report_modal.js differ
diff --git a/priv/static/packs/flavours/glitch/async/report_modal.js.map b/priv/static/packs/flavours/glitch/async/report_modal.js.map
index 40cd55a9c..50065b0ba 100644
Binary files a/priv/static/packs/flavours/glitch/async/report_modal.js.map and b/priv/static/packs/flavours/glitch/async/report_modal.js.map differ
diff --git a/priv/static/packs/flavours/glitch/async/settings_modal.js b/priv/static/packs/flavours/glitch/async/settings_modal.js
index de55ebceb..7aa1fb5a8 100644
Binary files a/priv/static/packs/flavours/glitch/async/settings_modal.js and b/priv/static/packs/flavours/glitch/async/settings_modal.js differ
diff --git a/priv/static/packs/flavours/glitch/async/settings_modal.js.map b/priv/static/packs/flavours/glitch/async/settings_modal.js.map
index 70ebb8ebe..eec31e79a 100644
Binary files a/priv/static/packs/flavours/glitch/async/settings_modal.js.map and b/priv/static/packs/flavours/glitch/async/settings_modal.js.map differ
diff --git a/priv/static/packs/flavours/glitch/async/status.js b/priv/static/packs/flavours/glitch/async/status.js
index f82c91fd6..bfb80c63d 100644
Binary files a/priv/static/packs/flavours/glitch/async/status.js and b/priv/static/packs/flavours/glitch/async/status.js differ
diff --git a/priv/static/packs/flavours/glitch/async/status.js.map b/priv/static/packs/flavours/glitch/async/status.js.map
index 012698efb..a8c110f98 100644
Binary files a/priv/static/packs/flavours/glitch/async/status.js.map and b/priv/static/packs/flavours/glitch/async/status.js.map differ
diff --git a/priv/static/packs/flavours/glitch/common.css b/priv/static/packs/flavours/glitch/common.css
index 98f5564e2..f25155ee5 100644
Binary files a/priv/static/packs/flavours/glitch/common.css and b/priv/static/packs/flavours/glitch/common.css differ
diff --git a/priv/static/packs/flavours/glitch/common.css.map b/priv/static/packs/flavours/glitch/common.css.map
index a44590ee3..2d608b89f 100644
--- a/priv/static/packs/flavours/glitch/common.css.map
+++ b/priv/static/packs/flavours/glitch/common.css.map
@@ -1 +1 @@
-{"version":3,"sources":["webpack:///index.scss","webpack:///./app/javascript/flavours/glitch/styles/reset.scss","webpack:///./app/javascript/flavours/glitch/styles/variables.scss","webpack:///./app/javascript/flavours/glitch/styles/basics.scss","webpack:///./app/javascript/flavours/glitch/styles/containers.scss","webpack:///./app/javascript/flavours/glitch/styles/_mixins.scss","webpack:///./app/javascript/flavours/glitch/styles/lists.scss","webpack:///./app/javascript/flavours/glitch/styles/modal.scss","webpack:///./app/javascript/flavours/glitch/styles/footer.scss","webpack:///./app/javascript/flavours/glitch/styles/compact_header.scss","webpack:///./app/javascript/flavours/glitch/styles/widgets.scss","webpack:///./app/javascript/flavours/glitch/styles/forms.scss","webpack:///./app/javascript/flavours/glitch/styles/accounts.scss","webpack:///./app/javascript/flavours/glitch/styles/statuses.scss","webpack:///./app/javascript/flavours/glitch/styles/components/index.scss","webpack:///./app/javascript/flavours/glitch/styles/components/boost.scss","webpack:///./app/javascript/flavours/glitch/styles/components/accounts.scss","webpack:///./app/javascript/flavours/glitch/styles/components/domains.scss","webpack:///./app/javascript/flavours/glitch/styles/components/status.scss","webpack:///./app/javascript/flavours/glitch/styles/components/modal.scss","webpack:///./app/javascript/flavours/glitch/styles/components/composer.scss","webpack:///./app/javascript/flavours/glitch/styles/components/columns.scss","webpack:///./app/javascript/flavours/glitch/styles/components/regeneration_indicator.scss","webpack:///./app/javascript/flavours/glitch/styles/components/directory.scss","webpack:///./app/javascript/flavours/glitch/styles/components/search.scss","webpack:///<no source>","webpack:///./app/javascript/flavours/glitch/styles/components/emoji.scss","webpack:///./app/javascript/flavours/glitch/styles/components/doodle.scss","webpack:///./app/javascript/flavours/glitch/styles/components/drawer.scss","webpack:///./app/javascript/flavours/glitch/styles/components/media.scss","webpack:///./app/javascript/flavours/glitch/styles/components/sensitive.scss","webpack:///./app/javascript/flavours/glitch/styles/components/lists.scss","webpack:///./app/javascript/flavours/glitch/styles/components/emoji_picker.scss","webpack:///./app/javascript/flavours/glitch/styles/components/local_settings.scss","webpack:///./app/javascript/flavours/glitch/styles/components/error_boundary.scss","webpack:///./app/javascript/flavours/glitch/styles/components/single_column.scss","webpack:///./app/javascript/flavours/glitch/styles/polls.scss","webpack:///./app/javascript/flavours/glitch/styles/about.scss","webpack:///./app/javascript/flavours/glitch/styles/tables.scss","webpack:///./app/javascript/flavours/glitch/styles/admin.scss","webpack:///./app/javascript/flavours/glitch/styles/accessibility.scss","webpack:///./app/javascript/flavours/glitch/styles/rtl.scss","webpack:///./app/javascript/flavours/glitch/styles/dashboard.scss"],"names":[],"mappings":"AAAA,2ZCKA,QAaE,UACA,SACA,eACA,aACA,wBACA,+EAIF,aAEE,MAGF,aACE,OAGF,eACE,cAGF,WACE,qDAGF,UAEE,aACA,OAGF,wBACE,iBACA,MAGF,sCACE,qBAGF,UACE,YACA,2BAGF,kBACE,cACA,mBACA,iCAGF,kBACE,kCAGF,kBACE,2BAGF,aACE,gBACA,0BACA,CCtEW,iED6Eb,kBC7Ea,4BDiFb,sBACE,MEtFF,sBACE,mBACA,eACA,iBACA,gBACA,WDVM,kCCYN,6BACA,8BACA,CADA,0BACA,CADA,yBACA,CADA,qBACA,0CACA,wCACA,kBAEA,sIAYE,eAGF,SACE,oCAEA,WACE,iBACA,kBACA,uCAGF,iBACE,WACA,YACA,mCAGF,iBACE,cAIJ,kBD5CW,kBCgDX,iBACE,kBACA,0BAEA,iBACE,YAIJ,kBACE,SACA,iBACA,uBAEA,iBACE,WACA,YACA,gBACA,YAIJ,kBACE,UACA,YAGF,iBACE,kBACA,cDtEoB,mBAPX,WCgFT,YACA,UACA,aACA,uBACA,mBACA,oBAEA,qBACE,YACA,wBAEA,aACE,gBACA,WACA,YACA,kBACA,uBAGF,cACE,iBACA,gBACA,QAMR,mBACE,eACA,cAEA,YACE,6BAKF,YAEE,WACA,mBACA,uBACA,oBACA,yEAKF,gBAEE,+EAKF,WAEE,gBCrJJ,WACE,CACA,kBACA,qCAEA,eALF,UAMI,SACA,kBAIJ,sBACE,qCAEA,gBAHF,kBAII,qBAGF,YACE,uBACA,mBACA,wBAEA,SFrBI,YEuBF,kBACA,sBAGF,YACE,uBACA,mBACA,WF9BE,qBEgCF,UACA,kBACA,iBACA,uBACA,gBACA,eACA,mCAMJ,WACE,CACA,cACA,mBACA,sBACA,qCAEA,kCAPF,UAQI,aACA,aACA,kBAKN,WACE,CACA,YACA,eACA,iBACA,sBACA,CACA,gBACA,CACA,sBACA,qCAEA,gBAZF,UAaI,CACA,eACA,CACA,mBACA,0BAKA,UACqB,sCC3EvB,iBD4EE,6BAEA,UACE,YACA,cACA,SACA,kBACA,iBF5BkB,wBG9DtB,4BACA,uBD8FA,aACE,cF/EsB,wBEiFtB,iCAEA,aACE,gBACA,uBACA,gBACA,8BAIJ,aACE,eACA,iBACA,gBACA,SAIJ,YACE,cACA,8BACA,sBACA,mCACA,CADA,0BACA,mBAEA,eACE,WACA,mBAGF,aACE,WACA,mBAGF,aACE,WACA,mBAGF,eACE,WACA,qCAGF,QA3BF,UA4BI,qCACA,mBAEA,aACE,mBAGF,aACE,WACA,mBAGF,aACE,WACA,mBAGF,aACE,WACA,UAKN,YACE,cACA,8CACA,sBACA,mCACA,CADA,0BACA,mBAEA,eACE,WACA,mBAGF,eACE,WACA,mBAGF,aACE,WACA,mBAGF,eACE,WACA,mBAGF,aACE,WACA,uCAGF,eACE,wBAGF,kBACE,qCAGF,QAxCF,iDAyCI,uCAEA,YACE,aACA,mBACA,uBACA,iCAGF,UACE,uBACA,mBACA,sBAGF,YACE,sCAIJ,QA7DF,UA8DI,qCACA,mBAEA,aACE,mBAGF,aACE,WACA,mBAGF,aACE,WACA,mBAGF,aACE,WACA,mBAGF,aACE,WACA,sCAMJ,eADF,gBAEI,4BAGF,eACE,qCAEA,0BAHF,SAII,yBAIJ,kBACE,mCACA,kBACA,YACA,cACA,aACA,oBACA,uBACA,iBACA,gBACA,qCAEA,uBAZF,cAaI,WACA,MACA,OACA,SACA,gBACA,gBACA,YACA,6BAGF,cACE,eACA,kCAGF,YACE,oBACA,2BACA,iBACA,oCAGF,YACE,oBACA,uBACA,iBACA,mCAGF,YACE,oBACA,yBACA,iBACA,+BAGF,aACE,aACA,mCAEA,aACE,YACA,WACA,kBACA,YACA,UF1UA,qCE6UA,kCARF,WASI,+GAIJ,kBAGE,kCAIJ,YACE,mBACA,eACA,eACA,gBACA,qBACA,cF/UkB,mBEiVlB,kBACA,uHAEA,yBAGE,WFvWA,qCE2WF,0CACE,YACE,qCAKN,kBACE,CACA,oBACA,kBACA,6HAEA,oBAGE,mBACA,sBAON,YACE,cACA,0DACA,sBACA,mCACA,CADA,0BACA,gCAEA,UACE,cACA,gCAGF,UACE,cACA,qCAGF,qBAjBF,0BAkBI,WACA,gCAEA,YACE,kCAKN,iBACE,qCAEA,gCAHF,eAII,sCAKF,4BADF,eAEI,wCAIJ,eACE,mBACA,mCACA,gDAEA,UACE,qIAEA,8BAEE,CAFF,sBAEE,6DAGF,wBFxaoB,8CE6atB,yBACE,gBACA,aACA,kBACA,gBACA,oDAEA,UACE,cACA,kBACA,WACA,YACA,gDACA,MACA,OACA,kDAGF,mBACE,CADF,8BACE,CADF,gBACE,cACA,WACA,YACA,SACA,0BACA,qCAGF,6CA3BF,YA4BI,gDAIJ,eACE,6JAEA,iBAEE,qCAEA,4JAJF,eAKI,sCAKN,sCA/DF,eAgEI,gBACA,oDAEA,YACE,+FAGF,eAEE,6CAIJ,iBACE,iBACA,aACA,2BACA,mDAEA,UACE,cACA,mBACA,kBACA,SACA,OACA,QACA,YACA,0BACA,WACA,oDAGF,aACE,CAEA,WACqB,yCCzgB3B,kBD0gBM,cACA,wDAEA,aACE,WACA,YACA,SACA,kBACA,yBACA,mBACA,iBF7dc,wBG9DtB,4BACA,qCD+hBI,2CAvCF,YAwCI,mBACA,0BACA,YACA,mDAEA,YACE,oDAKA,UACqB,sCCtiB7B,CDuiBQ,sBACA,wDAEA,QACE,kBACA,iBFrfY,wBG9DtB,4BACA,2DDsjBQ,mDAbF,YAcI,sCAKN,2CApEF,eAqEI,sCAGF,2CAxEF,cAyEI,8CAIJ,aACE,iBACA,mDAEA,gBACE,mBACA,sDAEA,cACE,iBACA,WFhlBF,gBEklBE,gBACA,mBACA,uBACA,6BACA,4DAEA,aACE,eACA,WF1lBJ,gBE4lBI,gBACA,uBACA,qCAKN,4CA7BF,gBA8BI,aACA,8BACA,mBACA,mDAEA,aACE,iBACA,sDAEA,cACE,iBACA,iBACA,4DAEA,aFlmBY,oDEymBlB,YACE,2BACA,oBACA,YACA,qEAEA,YACE,mBACA,gBACA,qCAGF,oEACE,YACE,6DAIJ,eACE,sBACA,cACA,cF9nBc,aEgoBd,+BACA,eACA,kBACA,kBACA,8DAEA,aACE,uEAGF,cACE,kEAGF,aACE,WACA,kBACA,SACA,OACA,WACA,gCACA,WACA,wBACA,yEAIA,+BACE,UACA,kFAGF,2BF/pBc,wEEqqBd,SACE,wBACA,8DAIJ,oBACE,cACA,2EAGF,cACE,cACA,4EAGF,eACE,eACA,kBACA,WFzsBJ,uBE2sBI,2DAIJ,aACE,WACA,4DAGF,eACE,8CAKN,YACE,eACA,kEAEA,eACE,gBACA,uBACA,cACA,2FAEA,4BACE,yEAGF,YACE,qDAIJ,gBACE,eACA,cF/tBgB,uDEkuBhB,oBACE,cFnuBc,qBEquBd,aACA,gBACA,8DAEA,eACE,WF1vBJ,qCEgwBF,6CAtCF,aAuCI,UACA,4CAKN,yBACE,qCAEA,0CAHF,eAII,wCAIJ,eACE,oCAGF,kBACE,mCACA,kBACA,gBACA,mBACA,qCAEA,mCAPF,eAQI,gBACA,gBACA,8DAGF,QACE,aACA,+DAEA,aACE,sFAGF,uBACE,yEAGF,aF3yBU,8DEizBV,mBACA,WFnzBE,qFEuzBJ,YAEE,eACA,cF1yBkB,2CE8yBpB,gBACE,iCAIJ,YACE,cACA,kDACA,qCAEA,gCALF,aAMI,+CAGF,cACE,iCAIJ,eACE,2BAGF,YACE,eACA,eACA,cACA,+BAEA,qBACE,cACA,YACA,cACA,mBACA,kBACA,qCAEA,8BARF,aASI,sCAGF,8BAZF,cAaI,sCAIJ,0BAvBF,QAwBI,6BACA,+BAEA,UACE,UACA,gBACA,gCACA,0CAEA,eACE,0CAGF,kBFj3BK,+IEo3BH,kBAGE,WEl4BZ,eACE,aAEA,oBACE,aACA,iBAIJ,eACE,cACA,oBAEA,cACE,gBACA,mBACA,eChBJ,k1BACE,aACA,sBACA,aACA,UACA,yBAGF,YACE,OACA,sBACA,yBACA,2BAEA,MACE,iBACA,qCAIJ,gBACE,YACE,yBCrBF,eACE,iBACA,oBACA,eACA,cACA,qCAEA,uBAPF,iBAQI,mBACA,+BAGF,YACE,cACA,0CACA,wCAEA,aACE,WACA,YACA,wCAGF,aACE,WACA,YACA,wCAGF,aACE,WACA,YACA,kBACA,6CAEA,aACE,wCAIJ,aACE,WACA,YACA,wCAGF,aACE,WACA,YACA,qCAGF,6BAxCF,iCAyCI,+EAEA,aAEE,wCAGF,UACE,wCAGF,aACE,+EAGF,aAEE,wCAGF,UACE,sCAIJ,uCACE,aACE,sCAIJ,4JACE,YAIE,4BAKN,wBACE,gBACA,kBACA,cNhFkB,6BMmFlB,aACE,qBACA,6BAIJ,oBACE,cACA,wGAEA,yBAGE,mCAKF,aACE,YACA,WACA,cACA,aACA,0HAMA,YACE,oBClIR,cACE,iBACA,cPeoB,gBObpB,mBACA,eACA,qBACA,qCAEA,mBATF,iBAUI,oBACA,uBAGF,aACE,qBACA,0BAGF,eACE,cPFoB,wBOMtB,oBACE,mBACA,kBACA,WACA,YACA,cC9BN,kBACE,mCACA,mBAEA,UACE,kBACA,gBACA,0BACA,gBRPI,uBQUJ,mBACE,CADF,8BACE,CADF,gBACE,cACA,WACA,YACA,SACA,0BACA,oBAIJ,kBRVW,aQYT,0BACA,eACA,cRPoB,iBQSpB,qBACA,gBACA,8BAEA,UACE,YACA,gBACA,sBAGF,kBACE,iCAEA,eACE,uBAIJ,cACE,SACA,UACA,gBACA,uBACA,oBACA,kBACA,oBACA,cACA,sBAGF,aRtCsB,qBQwCpB,4BAEA,yBACE,qCAKN,aAnEF,YAoEI,uBAIJ,kBACE,oBACA,yBAEA,YACE,yBACA,gBACA,eACA,cR9DoB,+BQkEtB,cACE,0CAEA,eACE,sDAGF,YACE,mBACA,gDAGF,UACE,YACA,0BACA,oCAIJ,YACE,mBAKF,aR3FsB,aQgGxB,YACE,kBACA,mBRzGW,mCQ2GX,qBAGF,YACE,kBACA,0BACA,kBACA,cR3GsB,mBQ6GtB,iBAGF,eACE,eACA,cRlHsB,iBQoHtB,qBACA,gBACA,UACA,oBAEA,YACE,yBACA,gBACA,eACA,cR7HoB,0BQiItB,eACE,CACA,kBACA,mBAGF,oBACE,CACA,mBACA,cR1IoB,qBQ4IpB,mBACA,gBACA,uBACA,0EAEA,yBAGE,uBAMJ,sBACA,kBACA,mBRnKW,mCQqKX,cR7JwB,gBQ+JxB,mBACA,sDAEA,eAEE,CAII,qXADF,eACE,yBAKN,aACE,0BACA,CAMI,wLAGF,oBAGE,mIAEA,yBACE,gCAMR,kBACE,oCAEA,gBACE,cRzMkB,8DQ+MpB,iBACE,eACA,4DAGF,eACE,qBACA,iEAEA,eACE,kBAMR,YACE,CACA,eRlPM,CQoPN,cACA,cRpOsB,mBQsOtB,+BANA,iBACA,CRlPM,kCQgQN,CATA,aAGF,kBACE,CAEA,iBACA,kBACA,cACA,iBAEA,URjQM,eQmQJ,gBACA,gBACA,mBACA,gBAGF,cACE,cR1PoB,qCQ8PtB,aArBF,YAsBI,mBACA,iBAEA,cACE,aAKN,kBR/Qa,kBQiRX,mCACA,iBAEA,qBACE,mBACA,uCAEA,YAEE,mBACA,8BACA,mBR5RO,kBQ8RP,aACA,qBACA,cACA,mCACA,0EAIA,kBAGE,0BAIJ,kBRpSsB,eQsSpB,8BAGF,UACE,eACA,oBAGF,aACE,eACA,gBACA,WRnUE,mBQqUF,gBACA,uBACA,wBAEA,aRzTkB,0BQ6TlB,aACE,gBACA,eACA,eACA,cRjUgB,yFQuUlB,URvVE,+BQ8VJ,aACE,YACA,uDAGF,oBRjVsB,eQuV1B,YACE,yBACA,gCAEA,aACE,WACA,YACA,kBACA,kBACA,kBACA,mBACA,yBACA,4CAEA,SACE,6CAGF,SACE,6CAGF,SACE,iBAKN,UACE,0BAEA,SACE,SACA,wBAGF,eACE,0BAGF,iBACE,yBACA,cRnYoB,gBQqYpB,aACA,sCAEA,eACE,0BAIJ,cACE,sBACA,gCACA,wCAGF,eACE,wBAGF,WACE,kBACA,eACA,gBACA,WR3aI,8BQ8aJ,aACE,cR/ZkB,gBQialB,eACA,0BAIJ,SACE,iCACA,qCAGF,kCACE,YACE,sCAYJ,qIAPF,eAQI,gBACA,gBACA,iBAOJ,gBACE,qCAEA,eAHF,oBAII,uBAGF,sBACE,sCAEA,qBAHF,sBAII,sCAGF,qBAPF,UAQI,sCAGF,qBAXF,WAYI,kCAIJ,iBACE,qCAEA,gCAHF,4BAII,iEAIA,eACE,0DAGF,cACE,iBACA,oEAEA,UACE,YACA,gBACA,yFAGF,gBACE,SACA,mKAIJ,eAGE,gBAON,aRhgBsB,iCQ+fxB,kBAKI,6BAEA,eACE,kBAIJ,cACE,iBACA,wCAMF,oBACE,gBACA,cRnhBsB,4JQshBtB,yBAGE,oBAKN,kBACE,gBACA,eACA,kBACA,yBAEA,aACE,gBACA,aACA,CACA,kBACA,gBACA,uBACA,qBACA,WR9jBI,gCQgkBJ,4FAEA,yBAGE,oCAIJ,eACE,0BAGF,iBACE,gCACA,MC/kBJ,+BACE,gBACA,iBAGF,eACE,aACA,cACA,qBAIA,kBACE,gBACA,4BAEA,QACE,0CAIA,kBACE,qDAEA,eACE,gDAIJ,iBACE,kBACA,sDAEA,iBACE,SACA,OACA,6BAKN,iBACE,gBACA,gDAEA,mBACE,eACA,gBACA,WThDA,cSkDA,WACA,4EAGF,iBAEE,mDAGF,eACE,4CAGF,iBACE,QACA,OACA,qCAGF,aTnDoB,0BSqDlB,gIAEA,oBAGE,0CAIJ,iBACE,CACA,iBACA,mBAKN,YACE,cACA,0BAEA,qBACE,cACA,UACA,cACA,oBAIJ,aTpFsB,sBSuFpB,aTrFsB,yBSyFtB,iBACE,kBACA,gBACA,wBAIJ,aACE,eACA,eACA,qBAGF,kBACE,cTzGoB,iCS4GpB,iBACE,eACA,iBACA,gBACA,gBACA,oBAIJ,kBACE,qBAGF,eACE,CAII,0JADF,eACE,sDAMJ,YACE,4DAEA,mBACE,eACA,WTzJA,gBS2JA,gBACA,cACA,wHAGF,aAEE,sDAIJ,cACE,kBACA,mDAKF,mBACE,eACA,WT/KE,cSiLF,kBACA,qBACA,gBACA,sCAGF,cACE,mCAGF,UACE,sCAIJ,cACE,4CAEA,mBACE,eACA,WTrME,cSuMF,gBACA,gBACA,4CAGF,kBACE,yCAGF,cACE,CADF,cACE,6BAIJ,oBACE,cACA,4BAGF,kBACE,8CAEA,eACE,0BAIJ,YACE,CACA,eACA,oBACA,iCAEA,cACE,kCAGF,qBACE,eACA,cACA,eACA,oCAEA,aACE,2CAGF,eACE,6GAIJ,eAEE,qCAGF,yBA9BF,aA+BI,gBACA,kCAEA,cACE,0JAGF,kBAGE,iDAKN,iBACE,oBACA,eACA,WTnRI,cSqRJ,WACA,2CAKE,mBACE,eACA,WT7RA,qBS+RA,WACA,kBACA,gBACA,kBACA,cACA,0DAGF,iBACE,OACA,QACA,SACA,kDAKN,cACE,aACA,yBACA,kBACA,sJAGF,qBAKE,eACA,WT7TI,cS+TJ,WACA,UACA,oBACA,gBACA,mBACA,sBACA,kBACA,aACA,6RAEA,aACE,CAHF,+OAEA,aACE,CAHF,mQAEA,aACE,CAHF,wQAEA,aACE,CAHF,sNAEA,aACE,8LAGF,eACE,oVAGF,oBACE,iOAGF,oBTpVY,oLSwVZ,iBACE,4WAGF,oBT3UsB,mBS8UpB,6CAKF,aACE,gUAGF,oBAME,8CAGF,aACE,gBACA,cACA,eACA,8BAIJ,UACE,uBAGF,eACE,aACA,oCAEA,YACE,mBACA,qEAIJ,aAGE,WACA,SACA,kBACA,mBT5XsB,WAlBlB,eSiZJ,oBACA,YACA,aACA,yBACA,qBACA,kBACA,sBACA,eACA,gBACA,UACA,mBACA,kBACA,sGAEA,cACE,uFAGF,wBACE,gLAGF,wBAEE,kHAGF,wBT5ZoB,gGSgapB,kBT9aQ,kHSibN,wBACE,sOAGF,wBAEE,qBAKN,uBACE,CADF,oBACE,CADF,eACE,sBACA,eACA,WTjcI,cSmcJ,WACA,UACA,oBACA,gBACA,wXACA,sBACA,kBACA,kBACA,mBACA,YACA,iBAGF,4BACE,oCAIA,iBACE,mCAGF,iBACE,UACA,QACA,CACA,qBACA,eACA,cTjckB,oBSmclB,oBACA,eACA,gBACA,mBACA,gBACA,yCAEA,UACE,cACA,kBACA,MACA,QACA,WACA,UACA,8DACA,4BAKN,iBACE,0CAEA,wBACE,CADF,gBACE,qCAGF,iBACE,MACA,OACA,WACA,YACA,aACA,uBACA,mBACA,8BACA,kBACA,iBACA,gBACA,YACA,8CAEA,iBACE,6HAGE,UT/gBF,aSyhBR,aACE,CACA,kBACA,eACA,gBAGF,kBACE,cTjhBsB,kBSmhBtB,kBACA,mBACA,kBACA,uBAEA,qCACE,iCACA,cTziBY,sBS6iBd,mCACE,+BACA,cT9iBQ,kBSkjBV,oBACE,cTriBoB,qBSuiBpB,wBAEA,UTzjBI,0BS2jBF,kBAIJ,kBACE,4BAGF,SACE,sBACA,cACA,WACA,YACA,aACA,gCACA,mBTjkBS,WATL,eS6kBJ,SACA,8CAEA,QACE,iHAGF,mBAGE,kCAGF,kBACE,uBAIJ,eACE,CAII,oKADF,eACE,0DAKN,eAzEF,eA0EI,eAIJ,eACE,kBACA,gBAEA,aTlmBsB,qBSomBpB,sBAEA,yBACE,YAKN,eACE,mBACA,eACA,eAEA,oBACE,kBACA,cAGF,aTpnBwB,yBSsnBtB,qBACA,gBACA,2DAEA,aAGE,8BAKN,kBAEE,cTtoBsB,oCSyoBtB,cACE,mBACA,kBACA,4CAGF,aT9oBwB,gBSgpBtB,CAII,mUADF,eACE,0DAKN,6BAtBF,eAuBI,cAIJ,YACE,eACA,uBACA,UAGF,aACE,gBTtrBM,YSwrBN,qBACA,mCACA,qBACA,cAEA,aACE,SACA,iBAIJ,kBACE,cTnrBwB,WSqrBxB,sBAEA,aACE,eACA,eAKF,kBACE,sBAEA,eACE,CAII,+JADF,eACE,4CASR,qBACE,8BACA,WTluBI,qCSouBJ,oCACA,kBACA,aACA,mBACA,gDAEA,UT1uBI,0BS4uBF,oLAEA,oBAGE,0DAIJ,eACE,cACA,kBACA,CAII,yYADF,eACE,kEAIJ,eACE,oBAMR,YACE,eACA,mBACA,4DAEA,aAEE,6BAIA,wBACA,cACA,sBAIJ,iBACE,cTzwBsB,0BS4wBtB,iBACE,oBAIJ,eACE,mBACA,uBAEA,cACE,WTtyBI,kBSwyBJ,mBACA,SACA,UACA,4BAGF,aACE,eAIJ,aThzBc,0SS0zBZ,+BACE,aAIJ,kBACE,sBACA,kBACA,aACA,mBACA,kBACA,kBACA,QACA,mCACA,sBAEA,aACE,8BAGF,sBACE,SACA,aACA,eACA,gCACA,oBAGF,aACE,WACA,oBACA,gBACA,eACA,CACA,oBACA,WACA,iCACA,oBAGF,oBTp2Bc,gBSs2BZ,2BAEA,kBTx2BY,gBS02BV,oBAKN,kBACE,6BAEA,wBACE,mBACA,eACA,aACA,4BAGF,kBACE,aACA,OACA,sBACA,cACA,cACA,gCAEA,iBACE,YACA,iBACA,kBACA,UACA,8BAGF,qBACE,qCAIJ,kBACE,gCAGF,wBACE,mCACA,kBACA,kBACA,kBACA,kBACA,sCAEA,wBACE,WACA,cACA,YACA,SACA,kBACA,MACA,UACA,yBAIJ,sBACE,aACA,mBACA,SC36BF,aACE,qBACA,cACA,mCACA,qCAEA,QANF,eAOI,8EAMA,kBACE,YAKN,YACE,kBACA,gBACA,0BACA,gBAEA,aACE,WACA,YACA,SACA,oBACA,CADA,8BACA,CADA,gBACA,0BACA,qCAGF,WAfF,YAgBI,sCAGF,WAnBF,YAoBI,aAIJ,iBACE,aACA,aACA,2BACA,mBACA,mBACA,0BACA,qCAEA,WATF,eAUI,qBAGF,aACE,CAEA,UACqB,sCPpDzB,gBOqDI,wBAEA,UACE,YACA,cACA,SACA,kBACA,iBVLgB,wBG9DtB,4BACA,mBOoEM,oBACA,CADA,8BACA,CADA,gBACA,0BAIJ,gBACE,gBACA,iCAEA,cACE,WV/EA,gBUiFA,gBACA,uBACA,+BAGF,aACE,eACA,cVxEgB,gBU0EhB,gBACA,uBACA,aAMR,cACE,kBACA,gBACA,6GAEA,cAME,WV7GI,gBU+GJ,qBACA,iBACA,qBACA,sBAGF,eVrHM,oBUuHJ,cV9GS,eUgHT,cACA,kBAGF,cACE,uCAGF,wBAEE,cVlHsB,oBUsHxB,UACE,eACA,wBAEA,oBACE,iBACA,oBAIJ,WACE,gBACA,wBAEA,oBACE,gBACA,uBAIJ,cACE,cACA,qCAGF,YA9DF,iBA+DI,mBAEA,YACE,uCAGF,oBAEE,gBAKN,kBVrKa,mCUuKX,cVhKsB,eUkKtB,gBACA,kBACA,aACA,uBACA,mBACA,eACA,kBACA,aACA,gBACA,2BAEA,yBACE,yBAGF,qBACE,gBACA,yCAIJ,oBAEE,gBACA,eACA,kBACA,eACA,iBACA,gBACA,cV9LwB,sCUgMxB,sCACA,6DAEA,aVnNc,sCUqNZ,kCACA,qDAGF,aACE,sCACA,kCACA,0BAIJ,eACE,UACA,wBACA,gBACA,CADA,YACA,CACA,iCACA,CADA,uBACA,CADA,kBACA,eACA,iBACA,6BAEA,YACE,gCACA,yDAGF,qBAEE,aACA,kBACA,gBACA,gBACA,mBACA,uBACA,6BAGF,eACE,YACA,cACA,cV7OsB,0BU+OtB,6BAGF,aACE,cVpPoB,4BUwPtB,aVtPwB,qBUwPtB,qGAEA,yBAGE,oCAIJ,qCACE,iCACA,sCAEA,aVtRY,gBUwRV,0CAGF,aV3RY,wCUgSd,eACE,wCAIJ,UACE,0BAIA,aV3RsB,4BU8RpB,aV7RsB,qBU+RpB,qGAEA,yBAGE,iCAIJ,UVzTI,gBU2TF,wBAIJ,eACE,kBClUJ,kCACE,kBACA,gBACA,mBACA,qCAEA,iBANF,eAOI,gBACA,gBACA,6BAGF,eACE,SACA,gBACA,gFAEA,yBAEE,sCAIJ,UACE,yBAGF,kBXhBW,6GWmBT,sBAGE,CAHF,cAGE,8IAIA,eAGE,0BACA,iJAKF,yBAGE,kLAIA,iBAGE,qCAKN,4GACE,yBAGE,uCAKN,kBACE,qBAIJ,WACE,eACA,mBXzDwB,WAlBlB,oBW8EN,iBACA,YACA,iBACA,SACA,yBAEA,UACE,YACA,sBACA,iBACA,UXxFI,gFW4FN,kBAGE,qNAKA,kBXpFoB,4IW4FpB,kBX1GQ,qCWiHV,wBACE,YACE,0DAOJ,YACE,uCAGF,2BACE,gBACA,uDAEA,SACE,SACA,yDAGF,eACE,yDAKA,cACA,iBACA,mBACA,mFAGF,iBACE,eACA,WACA,WACA,WACA,qMAGF,eAGE,mEASF,cACE,gBACA,qFAGF,aXhJoB,YWkJlB,eACA,WACA,eACA,gBACA,+GAGF,aACE,eACA,CACA,sBACA,eACA,yJAEA,cACE,uEAIJ,WACE,kBACA,WACA,eACA,iDAQF,iBACE,mBACA,yHAEA,iBACE,gBACA,+FAGF,UACE,WC3NR,gCACE,4CACA,cAGF,aACE,eACA,iBACA,cZYwB,SYVxB,uBACA,UACA,eACA,wCAEA,yBAEE,uBAGF,aZFsB,eYIpB,SAIJ,wBACE,YACA,kBACA,sBACA,WZ5BM,eY8BN,qBACA,oBACA,eACA,gBACA,YACA,iBACA,iBACA,gBACA,eACA,kBACA,kBACA,yBACA,qBACA,uBACA,2BACA,qCACA,mBACA,WACA,4CAEA,wBAGE,4BACA,qCACA,sBAGF,eACE,mFAEA,wBZ3DQ,gBY+DN,kBAIJ,wBZrDsB,eYuDpB,yGAGF,cAIE,iBACA,YACA,oBACA,iBACA,4BAGF,aZ5EW,mBAOW,qGYyEpB,wBAGE,8BAIJ,kBZlEsB,2GYqEpB,wBAGE,0BAIJ,cACE,iBACA,YACA,cZ7FoB,oBY+FpB,uBACA,iBACA,kBACA,yBACA,+FAEA,oBAGE,cACA,mCAGF,UACE,uBAIJ,aACE,WACA,cAIJ,oBACE,UACA,cZ3GsB,SY6GtB,kBACA,uBACA,eACA,2BACA,2CACA,2DAEA,aAGE,qCACA,4BACA,2CACA,oBAGF,mCACE,uBAGF,aACE,6BACA,eACA,qBAGF,aZnJwB,gCYuJxB,QACE,uEAGF,mBAGE,uBAGF,aZrJsB,sFYwJpB,aAGE,qCACA,6BAGF,mCACE,gCAGF,aACE,6BACA,8BAGF,aZpLsB,uCYuLpB,aACE,wBAKN,sBACE,0BACA,yBACA,kBACA,YACA,8BAEA,yBACE,mBAKN,aZ9LwB,SYgMtB,kBACA,uBACA,eACA,gBACA,eACA,cACA,iBACA,UACA,2BACA,2CACA,0EAEA,aAGE,qCACA,4BACA,2CACA,yBAGF,mCACE,4BAGF,aACE,6BACA,eACA,0BAGF,aZ3OwB,qCY+OxB,QACE,sFAGF,mBAGE,gBAIJ,iBACE,uBACA,YAGF,WACE,cACA,qBACA,QACA,SACA,kBACA,+BAEA,kBAEE,mBACA,oBACA,kBACA,mBACA,iBAKF,WACE,uCAIJ,MACE,kBACA,CZvSU,sEY8SZ,aZ9SY,uBYkTZ,aZnTc,4DYyTV,4CACE,CADF,oCACE,8DAKF,6CACE,CADF,qCACE,6BAKN,aACE,gBACA,qBACA,mCAEA,UZ7UM,0BY+UJ,eAIJ,aACE,eACA,gBACA,uBACA,mBACA,iBAEA,aACE,wBACA,sBAIA,cACA,gBAKA,yCAPF,WACE,CAEA,gBACA,uBACA,gBACA,mBAWA,CAVA,mBAGF,aACE,CACA,cAKA,8BAIA,yBACE,sBAIJ,SACE,YACA,eACA,iBACA,uBACA,mBACA,gBACA,CAME,sDAGF,cACE,YACA,kBACA,oBACA,qBAKN,eACE,wBAGF,cACE,eAGF,iBACE,WACA,YACA,aACA,mBACA,uBACA,sBACA,6CAEA,cZhX4B,eAEC,0DYiX3B,sBACA,CADA,gCACA,CADA,kBACA,4BAGF,iBACE,qEAGF,YACE,iBAIJ,iBACE,WACA,YACA,aACA,mBACA,uBACA,qBAEA,cZxY4B,eAEC,WYyY3B,YACA,sBACA,CADA,gCACA,CADA,kBACA,WAIJ,oBACE,oBAGF,YACE,kBACA,2BAGF,+BACE,mBACA,SACA,gBAGF,kBZlc0B,cYocxB,kBACA,uCACA,mBAEA,eACE,uBAIJ,iBACE,QACA,SACA,2BACA,4BAEA,UACE,gBACA,2BACA,0BZtdsB,2BY0dxB,WACE,iBACA,uBACA,yBZ7dsB,8BYiexB,QACE,iBACA,uBACA,4BZpesB,6BYwexB,SACE,gBACA,2BACA,2BZ3esB,wBYifxB,cACE,iBACA,cACA,iBACA,sBACA,qBACA,mBZvfsB,cARb,gBYkgBT,uBACA,mBACA,yFAEA,kBZ7fsB,cADA,UYmgBpB,sCAKN,aACE,iBACA,gBACA,QACA,gBACA,aACA,yCAEA,eACE,mBZjhBsB,cYmhBtB,kBACA,mCACA,gBACA,kBACA,sDAGF,OACE,wDAIA,UACE,8CAIJ,cACE,iBACA,cACA,iBACA,sBACA,qBACA,mBZ1iBsB,cARb,gBYqjBT,uBACA,mBACA,oDAEA,SACE,oDAGF,kBZpjBsB,cADA,iBY4jB1B,qBACE,iBAIA,sBACA,cZrjBsB,oBYwjBtB,cACE,gBACA,mBACA,kBACA,mBAGF,cACE,mBACA,iBAIJ,aAEE,gBACA,qCAGF,cACE,SACE,iBAGF,aAEE,CAEA,gBACA,yCAEA,iBACE,uCAGF,kBACE,qDAKF,gBAEE,kBACA,YAKN,qBACE,aACA,mBACA,cACA,gBACA,iBAGF,aACE,cACA,CACA,sBACA,WZnpBM,qBYqpBN,kBACA,eACA,gBACA,gCACA,2BACA,mDACA,qBAEA,eACE,eACA,qCThoBA,6GADF,kBSwoBI,4BACA,kHTpoBJ,kBSmoBI,4BACA,wBAIJ,+BACE,cZ1pBsB,sBY8pBxB,eACE,aACA,2BAGF,aACE,eACA,kBAIJ,iBACE,yBAEA,iBACE,SACA,UACA,mBZ/qBsB,yBYirBtB,gBACA,kBACA,eACA,gBACA,iBACA,WZxsBI,mDY6sBR,oBACE,aAGF,iBACE,kBACA,cACA,iCACA,mCAEA,eACE,yBAGF,YAVF,cAWI,oBAGF,YACE,sBACA,qBAGF,aACE,kBACA,iBACA,yBAKF,uBADF,YAEI,gBAIJ,oBACE,kBACA,eACA,6BACA,SACA,UACA,yBACA,CADA,qBACA,CADA,oBACA,CADA,gBACA,0CACA,wCACA,iCAGF,QACE,mBACA,WACA,YACA,gBACA,UACA,kBACA,UACA,yBAGF,kBACE,WACA,wBACA,qBAGF,UACE,YACA,UACA,mBACA,yBZzwBW,qCY2wBX,sEAGF,wBACE,4CAGF,wBZzwB0B,+EY6wB1B,wBACE,2BAGF,iBACE,WACA,YACA,MACA,SACA,gBACA,mBACA,cACA,SACA,UACA,6BACA,CAKA,uEAFF,SACE,6BAeA,CAdA,sBAGF,iBACE,WACA,YACA,MACA,SACA,gBACA,mBACA,cACA,WAGA,8CAGF,SACE,qBAGF,iBACE,QACA,SACA,WACA,YACA,yBACA,kBACA,yBACA,sBACA,yBACA,sCACA,4CAGF,SACE,qBZr0BwB,yDYy0B1B,kBZl1Ba,2BYw1Bb,iBACE,gBACA,cAGF,aACE,kBAGF,kBZj2Ba,cYm2BX,oBAEA,aZ71BwB,oBYi2BxB,aZp1BsB,yBYw1BtB,0BACE,CADF,uBACE,CADF,kBACE,kDAKA,sBACA,cACA,wDAEA,kBACE,8DAGF,cACE,sDAGF,aZ12BoB,eY42BlB,0DAEA,aZ92BkB,0BYg3BhB,sDAIJ,oBACE,cZn4BkB,sMYs4BlB,yBAGE,0BAKN,aACE,UACA,mCACA,CADA,0BACA,gBACA,6BAEA,cACE,yBACA,cZt5BkB,aYw5BlB,gBACA,gCACA,sCAGF,oDACE,YACE,uCAIJ,oDACE,YACE,uCAIJ,yBA3BF,YA4BI,yCAGF,eACE,aACA,iDAEA,aZj7BkB,qBYw7BxB,oBACE,kBACA,eACA,iBACA,gBACA,mBZp8BW,gBYs8BX,iBACA,qBAGF,eACE,gBACA,2BAEA,iBACE,aACA,wBAGF,kBACE,yBAGF,oBACE,gBACA,yBACA,yBACA,eAIJ,aZx9BwB,uBY09BtB,CACA,WACA,CADA,+BACA,sBACA,cACA,oBACA,mBACA,cACA,WACA,0CAEA,UZp/BM,4BAkBkB,qCGKtB,yDADF,cSq+BE,sBAGF,aZr/BW,gCYu/BT,sDAEA,aZz/BS,4BASa,mDYw/B1B,uBACE,YACA,6CACA,uBACA,sBACA,WACA,0DAEA,sBACE,0DAIJ,uBACE,2BACA,gDAGF,aZ9/BwB,6BYggCtB,uDAGF,aZ/gC0B,yDYmhC1B,aACE,YAGF,aACE,cZ5gCsB,6BY8gCtB,SACA,kBACA,kBACA,oBACA,SACA,aACA,sBACA,WACA,WACA,qBACA,kBAEA,kBACE,WAIJ,+BACE,oBAGF,gBACE,qEAGF,4BACE,gCAGF,eACE,kBACA,MACA,QACA,YACA,kBACA,YAEA,mBACA,yBACA,eACA,aAEA,wCAEA,UZvhCsB,mBYyhCpB,aACA,sBACA,mBACA,uBACA,mBACA,8BACA,wBACA,gCACA,uCAGF,wBACE,kBACA,WACA,YACA,eACA,cZ1lCoB,yBY4lCpB,aACA,uBACA,mBACA,sCAGF,mBACE,6CAEA,8BACE,WAKN,oBACE,UACA,oBACA,kBACA,cACA,SACA,uBACA,eACA,oBAGF,aZxmCwB,eY0mCtB,gBACA,yBACA,iBACA,kBACA,QACA,SACA,+BACA,yBAEA,aACE,WACA,CACA,0BACA,oBACA,mBACA,4BAIJ,iBACE,QACA,SACA,+BACA,WACA,YACA,sBACA,6BACA,CACA,wBACA,kBACA,2CAGF,2EACE,CADF,mEACE,8CAGF,4EACE,CADF,oEACE,qCAGF,GACE,sBACE,KAGF,2BACE,KAGF,2BACE,KAGF,yBACE,IAGF,wBACE,EArBF,4BAGF,GACE,sBACE,KAGF,2BACE,KAGF,2BACE,KAGF,yBACE,IAGF,wBACE,uCAIJ,GACE,wBACE,KAGF,0BACE,KAGF,2BACE,KAGF,uBACE,IAGF,sBACE,EAtBA,6BAIJ,GACE,wBACE,KAGF,0BACE,KAGF,2BACE,KAGF,uBACE,IAGF,sBACE,mCAIJ,GACE,OACE,SACA,yBACA,KAGF,wBACE,KAGF,UACE,YACA,6BACA,kBACA,UACA,IAGF,UACE,YACA,eACA,UACA,6BACA,EA5BA,yBAIJ,GACE,OACE,SACA,yBACA,KAGF,wBACE,KAGF,UACE,YACA,6BACA,kBACA,UACA,IAGF,UACE,YACA,eACA,UACA,6BACA,kCAIJ,GACE,gBACA,aACA,aAPE,wBAIJ,GACE,gBACA,aACA,6BAGF,KACE,OACA,WACA,YACA,kBACA,YACA,2BAEA,YACE,SACA,QACA,WACA,YACA,mBACA,6BAGF,mBACE,yBAGF,YACE,0BAGF,aACE,uBACA,WACA,YACA,SACA,iCAEA,oBACE,0BACA,kBACA,iBACA,WZnyCE,gBYqyCF,eACA,+LAMA,yBACE,mEAKF,yBACE,iBAMR,aACE,iBACA,mEAGF,aZ9yCwB,qBYkzCtB,mBACA,gBACA,sBACA,gBAGF,aACE,iBACA,uBAGF,eACE,8BAGF,aZj0CwB,eYm0CtB,cACA,gBACA,gBACA,uBAGF,qBACE,sBAGF,WACE,8BAGF,GACE,kBACE,+BACA,2CACA,CADA,kCACA,KAGF,oBACE,0CACA,CADA,iCACA,KAGF,oBACE,2CACA,CADA,kCACA,KAGF,oBACE,0CACA,CADA,iCACA,KAGF,kBACE,2CACA,CADA,kCACA,EA3BF,qBAGF,GACE,kBACE,+BACA,2CACA,CADA,kCACA,KAGF,oBACE,0CACA,CADA,iCACA,KAGF,oBACE,2CACA,CADA,kCACA,KAGF,oBACE,0CACA,CADA,iCACA,KAGF,kBACE,2CACA,CADA,kCACA,iBAIJ,0DACE,CADF,kDACE,cAGF,kBACE,0BACA,aACA,YACA,uBACA,OACA,UACA,kBACA,MACA,kBACA,WACA,aACA,gBAEA,mBACE,oBAIJ,WACE,aACA,aACA,sBACA,kBACA,YACA,0BAGF,iBACE,MACA,QACA,SACA,OACA,WACA,kBACA,mBZ35CW,kCY65CX,uBAGF,MACE,aACA,mBACA,uBACA,cZ55CwB,eY85CxB,gBACA,0BACA,kBACA,qCAGF,SACE,oBACA,CADA,WACA,cAGF,wBZx6C0B,WY06CxB,kBACA,MACA,OACA,aACA,qBAGF,iBACE,aAGF,iBACE,cACA,aACA,WACA,yBZz7CwB,kBY27CxB,cACA,UACA,WACA,eAGF,YACE,gCACA,CACA,iBACA,qBAEA,kBACE,UACA,uBAGF,aACE,CACA,sBACA,kBACA,uBAGF,oBACE,mBZp9CsB,kBYs9CtB,cACA,eACA,wBACA,wBAGF,aACE,CACA,0BACA,gBACA,8BAEA,eACE,aACA,2BACA,8BACA,uCAGF,cACE,cZ5+CkB,kBY8+ClB,+BAGF,aZj/CoB,eYm/ClB,mBACA,gBACA,uBACA,kBACA,gBACA,YACA,iCAEA,UZ3gDE,qBY6gDA,oHAEA,yBAGE,yCAKN,QACE,uBAIJ,kBACE,6BAEA,kBACE,oDAGF,eACE,6DAGF,UZviDI,oBYgjDN,kBACA,cACA,2BAGF,eACE,UAGF,iBACE,cAEA,WACE,WACA,sCACA,CADA,6BACA,cAGF,cACE,iBACA,cZnjDsB,gBYqjDtB,gBAEA,aZtjDsB,0BYwjDpB,sBAEA,oBACE,gBAIJ,qBACE,4BAKN,GACE,cACA,eACA,WARI,mBAKN,GACE,cACA,eACA,2CC5lDF,u+KACE,uCAEA,u+KACE,CAOA,8MAMF,okBACE,UClBJ,YACE,gCACA,cACA,qBACA,iCAEA,aACE,cACA,cdUoB,gBcRpB,qBACA,eACA,gBAGF,WACE,UACA,yCAEA,8CAEA,WACE,iBACA,mBAKN,YACE,0BAGF,UACE,iBACA,kBACA,kBAGF,gBd0BwB,wBG9DtB,4BACA,kBWqCA,eACA,yBAEA,oBACE,sBACA,iBACA,4BX3CF,eWgDE,CACA,cACA,2DAJF,gBdesB,wBG9DtB,4BACA,CWgDE,iBAQE,CANF,+BXlDF,UWsDI,CACA,qBACA,mCAGF,aACE,kBACA,QACA,SACA,+BACA,WdjEE,6BcmEF,gBACA,eACA,0BAKN,iBACE,WACqB,sCXrErB,+BANA,UW+EuB,sCXzEvB,gEWuEA,gBdhBsB,wBG9DtB,4BW0FE,CXnFF,iCANA,UWoFuB,sCX9EvB,kBWgFE,SACA,QACA,UACA,wBAIJ,WACE,aACA,mBACA,2BAGF,aACE,mBACA,sBAGF,YACE,cd5EsB,6Bc+EtB,eACE,CAII,kMADF,eACE,wBAKN,eACE,cACA,0BACA,yFAEA,oBAGE,sBAKN,4BACE,gCACA,iBACA,gBACA,cACA,aACA,4BAGF,YACE,cACA,iBACA,kBACA,2BAGF,oBACE,gBACA,cACA,8BACA,eACA,oCACA,uCAEA,aACE,kCAGF,+BACE,gCAGF,aACE,yBACA,eACA,cdvJoB,kCc2JtB,aACE,eACA,gBACA,Wd9KI,CcmLA,2NADF,eACE,gCAKN,adtKwB,oBc2K1B,iBACE,mDAEA,aACE,mBACA,gBACA,4BAIJ,UACE,kBACA,wBAGF,gBACE,qBACA,eACA,cd/LsB,eciMtB,kBACA,4BAEA,adlMwB,6BcsMxB,aACE,gBACA,uBACA,iBAIJ,kBACE,6BACA,gCACA,aACA,mBACA,eACA,kDAGF,aAEE,kBACA,yBAGF,kBACE,aACA,2BAGF,adnOwB,ecqOtB,cACA,gBACA,mBACA,kDAIA,kBACE,oDAIA,SX7MF,sBACA,WACA,YACA,gBACA,oBACA,mBHhDW,cAOW,eG4CtB,SACA,+EWuMI,aACE,CXxMN,qEWuMI,aACE,CXxMN,yEWuMI,aACE,CXxMN,0EWuMI,aACE,CXxMN,gEWuMI,aACE,sEAGF,QACE,yLAGF,mBAGE,0DAGF,kBACE,qCAGF,mDArBF,cAsBI,yDAIJ,ad7PoB,iBc+PlB,eACA,4DAGF,gBACE,wDAGF,kBACE,gEAEA,cACE,iNAEA,kBAGE,cACA,gHAKN,adpSoB,0HcySpB,cAEE,gBACA,cd9RkB,kZciSlB,aAGE,gEAIJ,wBACE,iDAGF,ed1UI,kBGkEN,CAEA,eACA,cHrDsB,uCGuDtB,UWqQI,mBd3ToB,oDGwDxB,wBACE,cH1DoB,eG4DpB,gBACA,mBACA,oDAGF,aACE,oDAGF,kBACE,oDAGF,eACE,cHjFS,sDcuUT,WACE,mDAGF,ad3US,kBc6UP,eACA,8HAEA,kBAEE,iCAON,kBACE,mBAIJ,UdvWQ,kBcyWN,cACA,mBACA,sBd5WM,yBc8WN,eACA,gBACA,YACA,kBACA,WACA,yBAEA,SACE,6BAIJ,YACE,eACA,gBACA,wBAGF,WACE,sBACA,cACA,kBACA,kBACA,gBACA,WACA,+BAEA,iBACE,QACA,SACA,+BACA,eACA,sDAIJ,kBAEE,gCACA,eACA,aACA,cACA,oEAEA,kBACE,SACA,SACA,6HAGF,aAEE,cACA,cdlZoB,ecoZpB,eACA,gBACA,kBACA,qBACA,kBACA,yJAEA,ad1ZsB,qWc6ZpB,aAEE,WACA,kBACA,SACA,SACA,QACA,SACA,2BACA,CAEA,4CACA,CADA,kBACA,CADA,wBACA,iLAGF,WACE,6CACA,8GAKN,kBACE,gCACA,qSAKI,YACE,iSAGF,4CACE,sBAQR,sBACA,mBACA,6BACA,gCACA,+BAEA,iBACE,iBACA,cdlcoB,CcqcpB,eACA,eACA,oCAEA,aACE,gBACA,uBACA,oCAIJ,UACE,kBACA,uDAGF,iBACE,qDAGF,eACE,2BAIJ,ad5ewB,ec8etB,gBACA,gBACA,kBACA,qBACA,6BAEA,kBACE,wCAEA,eACE,6BAIJ,aACE,0BACA,mCAEA,oBACE,kBAKN,eACE,2BAEA,UACE,8FAEA,8BAEE,CAFF,sBAEE,wBAIJ,iBACE,SACA,UACA,yBAGF,eACE,aACA,kBACA,mBACA,6BAEA,mBACE,CADF,8BACE,CADF,gBACE,cACA,WACA,YACA,SACA,uBAIJ,iBACE,mBACA,YACA,gCACA,+BAEA,aACE,cACA,WACA,iBACA,gDAEA,kBACE,yBACA,wBAKN,YACE,uBACA,gBACA,iBACA,iCAEA,YACE,mBACA,iBACA,gBACA,8CAEA,wBACE,kBACA,uBACA,YACA,yCAGF,YACE,8BAIJ,WACE,4CAEA,kBACE,wCAGF,UACE,YACA,iCAGF,cACE,iBACA,WdhnBA,gBcknBA,gBACA,mBACA,uBACA,uCAEA,aACE,eACA,cdzmBc,gBc2mBd,gBACA,uBACA,gCAKN,aACE,uBAIJ,eACE,cACA,iDAGE,qBACA,Wd7oBE,gDcipBJ,QACE,6BACA,kDAEA,aACE,yEAGF,uBACE,4DAGF,ad5pBU,yBckqBd,cACE,gCAEA,cACE,cdvpBkB,ecypBlB,kCAEA,oBACE,cd5pBgB,qBc8pBhB,iBACA,gBACA,yCAEA,eACE,WdnrBF,SeFR,YACE,gCACA,8BAEA,aACE,cACA,WfJI,qBeMJ,eACA,gBACA,kBAIJ,YACE,iBAGF,WACE,aACA,mBACA,mCCrBF,GACE,sBACE,KAGF,2BACE,KAGF,4BACE,KAGF,2BACE,IAGF,yBACE,EDGF,0BCrBF,GACE,sBACE,KAGF,2BACE,KAGF,4BACE,KAGF,2BACE,IAGF,yBACE,qCAIJ,GACE,yBACE,KAGF,yBACE,KAGF,4BACE,KAGF,wBACE,IAGF,sBACE,EAtBA,2BAIJ,GACE,yBACE,KAGF,yBACE,KAGF,4BACE,KAGF,wBACE,IAGF,sBACE,gCAIJ,cACE,kBAGF,iBACE,cACA,eACA,iBACA,qBACA,gBACA,iBACA,gBACA,wBAEA,SACE,4BAGF,UACE,YACA,gBACA,sBAGF,cACE,iBACA,sBACA,CADA,gCACA,CADA,kBACA,qEAGF,kBACE,qBACA,sGAEA,eACE,qEAIJ,eAEE,qJAEA,kBAEE,mXAGF,eACE,mBACA,qJAGF,eACE,gBACA,2EAGF,eACE,+NAGF,eACE,2FAGF,iBACE,8BACA,chB9FkB,mBgBgGlB,qHAEA,eACE,2JAIJ,eACE,mJAGF,iBACE,6EAGF,iBACE,eACA,6EAGF,iBACE,qBACA,qJAGF,eACE,6JAEA,QACE,2EAIJ,oBACE,2EAGF,uBACE,oBAIJ,ahB9Ic,qBgBgJZ,0BAEA,yBACE,8BAEA,aACE,kCAKF,oBACE,uCAEA,yBACE,wBAKN,ahBlJoB,4CgBuJtB,YACE,8EAEA,aACE,mCAIJ,aACE,oDAEA,ahB5LQ,egB8LN,iDAIJ,kBACE,uDAEA,kBACE,qBACA,gCAKN,oBACE,kBACA,mBACA,YACA,chB3MW,gBgB6MX,eACA,cACA,yBACA,oBACA,eACA,sBACA,sCAEA,kBACE,qBACA,+DAGF,oBACE,iBACA,sBACA,kBACA,eACA,oBACA,2GAKF,oBAGE,4BAIJ,ahBvNwB,SgByNtB,kBACA,kBACA,oBACA,SACA,aACA,sBACA,WACA,WACA,gCACA,+BAGF,UACE,kBACA,mDAGF,iBAEE,gCAGA,qEAEA,eACE,kBAKF,SACE,mBACA,kDAEA,kBACE,wDAEA,sBACE,iFAIJ,kBAEE,SAKN,iBACE,kBACA,YACA,gCACA,eACA,UAaA,mCACA,CADA,0BACA,wDAZA,QAPF,kBAUI,0BAGF,GACE,aACA,WALA,gBAGF,GACE,aACA,uDAMF,cAEE,kCAGF,kBACE,4BACA,sCAIA,ahB1SoB,CArBX,uEgBwUP,ahBxUO,kCgB4UP,ahBvTkB,gCgB4TpB,ahBjVS,kCgBoVP,ahB3UoB,gEgB+UpB,UhBjWE,mBAgBgB,sEgBqVhB,kBACE,mBAMR,uBACE,sBACA,yBACA,CADA,qBACA,CADA,oBACA,CADA,gBACA,yCAEA,aACE,kBACA,OACA,QACA,MACA,SACA,6FACA,oBACA,WACA,2DAGF,oBACE,oCAGF,WACE,gBACA,uBACA,cACA,0CAEA,UACE,kBACA,MACA,gBACA,6DACA,oBACA,4CAGF,oBACE,gDAGJ,oDACE,mEAEF,oDACE,0CAGF,eACE,6DAGF,kBACE,gCAIJ,mBACE,+CAKF,sBACE,qEAEA,aACE,wBAKN,oBACE,YACA,ChBvZsB,cgByZtB,iBACA,mBACA,CACA,sBACA,8CANA,ahBvZsB,CgB2ZtB,eAOA,8CAGF,aACE,eACA,eAGF,YACE,8BACA,eACA,oBAEA,sBACE,gBACA,2CAGF,oBACE,sBAIJ,YACE,mBACA,WACA,chB5bsB,iIgB+btB,gBAGE,kBACA,0EAGF,yBACE,yEAMA,0CACE,CADF,kCACE,2EAKF,2CACE,CADF,mCACE,wBAKN,YACE,mBACA,2BACA,mBAGF,+BACE,aACA,6CAEA,uBACE,OACA,4DAEA,eACE,8DAGF,SACE,mBACA,qHAGF,cAEE,gBACA,4EAGF,cACE,0BAKN,kBACE,aACA,cACA,uBACA,aACA,kBAGF,gBACE,mBACA,iBACA,chBvgBsB,CgBygBtB,iBACA,eACA,kBACA,+CAEA,ahB9gBsB,uBgBkhBtB,aACE,gBACA,uBACA,qBAIJ,kBACE,aACA,eACA,8BAEA,mBACE,kBACA,mBACA,yDAEA,gBACE,qCAGF,oBACE,WACA,eACA,gBACA,chB3iBkB,4BgBijBxB,iBACE,8BAGF,cACE,cACA,uCAGF,aACE,aACA,mBACA,uBACA,kBACA,kBAGF,kBACE,kBACA,wBAEA,YACE,eACA,8BACA,uBACA,uFAEA,SAEE,mCAIJ,cACE,iBACA,6CAEA,UACE,YACA,gBACA,+DAIJ,cAEE,wBAIJ,eACE,chBpmBsB,egBsmBtB,iBACA,8BAGF,kBACE,6BACA,gCACA,aACA,mBACA,eACA,wBAGF,aACE,qBACA,uDAGF,oBAEE,gBACA,eACA,gBACA,6JAGF,oBAME,4DAKA,UhBzqBM,kBgB+qBN,UACE,iKAQF,yBACE,+BAIJ,aACE,gBACA,uBACA,0DAGF,aAEE,sCAGF,kBACE,gCAGF,ahB3rB0B,cgB6rBxB,iBACA,mBACA,gBACA,2EAEA,aAEE,uBACA,gBACA,uCAGF,cACE,WhB3tBI,kCgBguBR,UACE,kBACA,iBAGF,SACE,kBACA,YACA,WACA,ChB3sBsB,8IgBstBtB,ahBttBsB,wBgB0tBtB,UACE,wCAGF,kBhB9tBsB,cArBX,8CgBuvBT,kBACE,qBACA,+DAOJ,yBACE,cAIJ,YACE,eACA,yBACA,kBACA,chBpvBsB,gBgBsvBtB,qBACA,gBACA,uBAEA,QACE,OACA,kBACA,QACA,MAIA,iDAHA,YACA,uBACA,mBAUE,CATF,0BAEA,yBACE,kBACA,iBACA,cAIA,sDAGF,cAEE,chB7xBoB,uBgB+xBpB,SACA,cACA,qBACA,eACA,iBACA,sMAEA,UhBvzBE,yBgB8zBJ,cACE,kBACA,YACA,+DAGF,aACE,eAKN,cACE,qBAEA,kBACE,oBAIJ,cACE,cACA,qBACA,WACE,YACA,SACA,2BAIF,UACE,YACA,qBAIJ,aACE,gBACA,kBACA,chBr1BsB,gBgBu1BtB,uBACA,mBACA,qBACA,uBAGF,aACE,gBACA,2BACA,2BAGF,ahBn2BwB,oBgBu2BxB,aACE,eACA,eACA,gBACA,uBACA,mBACA,qBAGF,cACE,mBACA,kBACA,yBAEA,cACE,kBACA,yBACA,QACA,SACA,+BACA,yBAIJ,aACE,6CAEA,UACE,mDAGF,yBACE,6CAGF,mBACE,sBAIJ,oBACE,kCAEA,QACE,4CAIA,oBACA,0CAGF,kBACE,0CAGF,aACE,6BAIJ,wBACE,2BAGF,yBACE,cACA,SACA,WACA,YACA,oBACA,CADA,8BACA,CADA,gBACA,sBACA,wBACA,kBAGF,YACE,eACA,yBACA,kBACA,gBACA,gBACA,wBAEA,aACE,chB96BoB,iBgBg7BpB,eACA,+BACA,aACA,sBACA,mBACA,uBACA,eACA,4BAEA,aACE,wBAIJ,eACE,CACA,qBACA,aACA,sBACA,uBACA,2BAEA,aACE,cACA,0BAGF,oBACE,chB58BkB,gBgB88BlB,gCAEA,yBACE,0BAKN,QACE,eACA,iDAEA,SACE,cACA,8BAGF,ahB/9BoB,oCgBq+BxB,cACE,cACA,SACA,uBACA,UACA,kBACA,oBACA,oFAEA,yBAEE,6BChhCJ,kBACE,aAGF,iBACE,8BACA,oBACA,aACA,sBAGF,cACE,MACA,OACA,QACA,SACA,0BACA,wBAGF,cACE,MACA,OACA,WACA,YACA,aACA,sBACA,mBACA,uBACA,2BACA,aACA,oBACA,yBACA,CADA,qBACA,CADA,oBACA,CADA,gBACA,oBAGF,mBACE,aACA,aACA,6CAGF,kBjBvB0B,cARb,kBiBoCX,gBACA,aACA,sBACA,0BAGF,WACE,WACA,gBACA,iBACA,8DAEA,UACE,YACA,sBACA,aACA,sBACA,mBACA,uBACA,aACA,yBACA,CADA,qBACA,CADA,oBACA,CADA,gBACA,oBAIJ,WACE,WACA,gBACA,iBACA,kBACA,wBAEA,iBACE,MACA,OACA,WACA,YACA,sBACA,aACA,aACA,CAGA,YACA,UACA,yBACA,CADA,qBACA,CADA,oBACA,CADA,gBACA,2CANA,qBACA,mBACA,uBAaF,CATE,mBAIJ,YACE,CAGA,iBACA,qCAGF,kBACE,UACE,YACA,gBACA,0BAGF,UACE,YACA,eACA,gBACA,cACA,oDAIJ,aAEE,mBACA,aACA,aACA,2DAEA,cACE,uLAGF,ajBpGsB,SiBuGpB,eACA,gBACA,kBACA,oBACA,YACA,aACA,kBACA,6BACA,+mBAEA,aAGE,yBACA,qiBAGF,ajB7IS,qwDiBiJP,aAGE,sBAMR,sBACE,yBAGF,aACE,aACA,mBACA,uBACA,wBAGF,UACE,YACA,mBACA,mBACA,aACA,eACA,8BAEA,kBACE,+BAGF,cACE,mBACA,kCAIJ,mBACE,CACA,mBACA,0EAEA,mBACE,yBAIJ,cACE,iBACA,4BAEA,cACE,gBACA,cjBvMS,mBiByMT,2BAGF,ajBnMwB,kGiBsMtB,aAGE,2CAIJ,aACE,2BAGF,cACE,cjBtMoB,gBiBwMpB,mBACA,sCAEA,eACE,kCAGF,eACE,mBjBrOO,cAQa,kBiBgOpB,eACA,gBACA,CAII,2NADF,eACE,oCAOV,WACE,UACA,mCAME,mBACA,mBACA,sCAEA,cACE,iBACA,kBACA,qCAGF,eACE,oCAIJ,kBACE,mBACA,kBACA,eAIJ,iBACE,eACA,mBACA,sBAEA,eACE,cjBzRS,kBiB2RT,yBACA,eACA,qBAGF,kBjBhSW,cAQa,gBiB2RtB,aACA,kBACA,6HAQF,eACE,qJAGF,kBACE,cjB1SsB,mBiB4StB,kBACA,aACA,kBACA,eACA,sCACA,yPAEA,iBACE,mBACA,qNAGF,mBACE,gBACA,4CAMJ,YACE,mBACA,gDAEA,UACE,cACA,4DAEA,aACE,2DAGF,cACE,kDAGF,iBACE,uDAIJ,eACE,sDAIJ,UjB3WM,2DiBgXR,0BACE,cACE,iBACA,qJAGF,cAIE,mBACA,4CAGF,kBACE,sDAGF,WACE,eACA,mBAIJ,oBACE,eACA,gBACA,iBACA,uHAGF,kBAOE,cjB7YW,kBiB+YX,gBACA,eACA,YACA,kBACA,sBACA,+SAEA,ajBjYsB,YiBmYpB,eACA,WACA,eACA,gBACA,uSAGF,YACE,uPAGF,WACE,WACA,+WAGF,aACE,wBAKF,ejBvbM,CAiBkB,gBiByatB,oBACA,iEjB3bI,2BAiBkB,qDiBkb1B,iBAEE,aACA,qEAEA,wBACE,CADF,qBACE,CADF,oBACE,CADF,gBACE,gBACA,kKAIJ,YAKE,8BACA,mBjBncwB,aiBqcxB,iBACA,0LAEA,aACE,iBACA,cjB7boB,mBiB+bpB,kNAGF,aACE,6DAIJ,cAEE,yDAGF,WAEE,eACA,0BAGF,gBAEE,sDAGF,qBAEE,eAGF,UACE,gBACA,0BAGF,YACE,6BACA,qCAEA,yBAJF,cAKI,gBACA,iDAIJ,qBAEE,UACA,qCAEA,+CALF,UAMI,sDAIJ,aAEE,gBACA,gBACA,gBACA,kBACA,2FAEA,ajBzgBwB,qCiB6gBxB,oDAZF,eAaI,sCAKF,4BADF,eAEI,yBAIJ,YACE,+BACA,gBACA,0BAEA,cACE,iBACA,mBACA,sCAGF,aACE,sBACA,WACA,CACA,ajBhjBS,gBATL,aiB4jBJ,oBACA,eACA,YACA,CACA,SACA,kBACA,yBACA,iBACA,gBACA,gBACA,4CAEA,wBACE,+CAGF,ejB5kBI,yBiB8kBF,mBACA,kBACA,6DAEA,QACE,gBACA,gBACA,mEAEA,QACE,0DAIJ,ajBnlBO,oBiBqlBL,eACA,gBjB/lBA,+CiBomBJ,YACE,8BACA,mBACA,4CAIJ,aACE,cjBnmBS,eiBqmBT,gBACA,mBACA,wCAGF,eACE,mBACA,+CAEA,ajB9mBS,eiBgnBP,qCAIJ,uBAnFF,YAoFI,eACA,QACA,wCAEA,iBACE,iBAKN,eAWE,eACA,wBAXA,eACE,iBACA,uBAGF,aACE,gBACA,2CAMF,eACE,mBAGF,eACE,cACA,gBACA,+BAEA,4BACE,4BAGF,QACE,oCAIA,ajB/pBO,aiBiqBL,kBACA,eACA,mBACA,qBACA,8EAEA,eAEE,yWAOA,kBjBvqBgB,WAlBlB,iJiBgsBA,iBAGE,oMAUR,aACE,iIAIJ,4BAIE,cjBxrBsB,eiB0rBtB,gBACA,6cAEA,aAGE,6BACA,uCAIJ,iBACE,mBACA,oBACA,eAEA,yFAEA,qBACE,qGAIJ,YAIE,eACA,iIAEA,eACE,CAII,w1BADF,eACE,sDAMR,iBAEE,oDAKA,eACE,0DAGF,eACE,mBACA,aACA,mBACA,wEAEA,ajBzwBS,CiB2wBP,gBACA,uBAKN,YACE,2CAEA,QACE,WACA,cAIJ,UACE,eACA,gBACA,iBAEA,YACE,gBACA,eACA,kBACA,sCAGF,YACE,4CAEA,kBACE,yDAGF,SACE,sBACA,cACA,WACA,YACA,aACA,gDACA,mBjBpzBO,WATL,eiBg0BF,CACA,eACA,kBACA,2EAEA,QACE,wMAGF,mBAGE,+DAGF,kBACE,qCAGF,wDA7BF,cA8BI,4DAIJ,WACE,eACA,gBACA,SACA,kBACA,cAKN,iBACE,YACA,gBACA,YACA,aACA,uBACA,mBACA,gBjB12BM,yDiB62BN,aAGE,gBACA,WACA,YACA,SACA,sBACA,CADA,gCACA,CADA,kBACA,gBjBr3BI,uBiBy3BN,iBACE,YACA,aACA,+BACA,iEACA,kBACA,wCACA,uBAGF,iBACE,WACA,YACA,MACA,OACA,uBAGF,iBACE,YACA,WACA,UACA,YACA,4BACA,6BAEA,UACE,8BAGF,UjBt5BI,eiBw5BF,gBACA,cACA,kBACA,2BAGF,iBACE,mCACA,qCAIJ,oCACE,eAEE,uBAGF,YACE,wBAKN,gBACE,sCAEA,eACE,gCAGF,eACE,qDAGF,ajBl7BW,iDiBs7BX,YACE,0DAEA,YACE,0BAIJ,YACE,iBACA,uBACA,kDAGF,ajB/6BsB,qBiBi7BpB,wDAEA,yBACE,WCp9BN,YACE,oBAGF,cACE,uBACA,eACA,gBACA,clBwBsB,4CkBrBtB,alBNY,sCkBWd,2CACE,oBAGF,QACE,wBACA,UACA,+CAEA,WACE,mBACA,UACA,0BAGF,aACE,sBACA,SACA,YACA,kBACA,aACA,WACA,UACA,clB5BS,gBATL,ekBwCJ,oBACA,gBACA,qDAEA,alBdoB,CkBYpB,2CAEA,alBdoB,CkBYpB,+CAEA,alBdoB,CkBYpB,gDAEA,alBdoB,CkBYpB,sCAEA,alBdoB,gCkBkBpB,8CfpCA,uCADF,cesC4D,0CfjC5D,ceiC4D,oBAI9D,alB5Ca,mBkB8CX,mBlBvCsB,oCkByCtB,iBACA,kBACA,eACA,gBACA,sBAEA,alBjCsB,gBkBmCpB,0BACA,mFAEA,oBAEU,iCAKZ,mBACA,eAEA,gBACA,wCAEA,alB/DwB,sDkBmExB,YACE,2CAGF,oBACE,kBACA,yBACA,sBACA,WACA,YACA,cACA,gBACA,kBACA,SACA,kBACA,sBACA,kDAEA,oBlBrFsB,qCkB4F1B,eACE,kBACA,aACA,mBlBjGsB,gBkBmGtB,gBACA,cACA,yBAEA,iBACE,gBACA,wCAEA,alBlHS,iCkBoHT,WACE,iBACA,2BAIJ,iBACE,cACA,CACA,cACA,iBACA,clB/HS,qBkBiIT,gBACA,iBACA,qBACA,mBACA,gBACA,gGAEA,kBACE,qBACA,iIAEA,eACE,kJAIJ,eACE,mBACA,2DAGF,eACE,eACA,8BAGF,cACE,wFAGF,eACE,sCAGF,iBACE,8BACA,clBrKO,mBkBuKP,mDAEA,eACE,8DAIJ,eACE,0DAGF,iBACE,+BAGF,iBACE,eACA,2DAGF,eACE,+DAEA,QACE,8BAIJ,oBACE,8BAGF,uBACE,6BAGF,alBtLoB,qBkBwLlB,mCAEA,oEAGE,oBACE,gDAEA,qDAMR,UACE,YACA,gBACA,wBAIJ,iBACE,UACA,QACA,gHAEA,+BAEE,uDAIJ,iBAEE,WACA,mIAGE,aACE,sBACA,SACA,YACA,0BACA,yBACA,WACA,iBACA,UACA,clB5PO,gBATL,ekBwQF,oBACA,YACA,qBACA,yLAEA,alB/OkB,CkB6OlB,sKAEA,alB/OkB,CkB6OlB,8KAEA,alB/OkB,CkB6OlB,gLAEA,alB/OkB,CkB6OlB,4JAEA,alB/OkB,yKkBmPlB,SACE,qJAGF,kBlBpQoB,+IkBqQpB,8Cf1QF,8JADF,ce4Q8D,kKfvQ9D,ceuQ8D,qCfhQ5D,8TADF,sBeoQM,gBACA,6BAMR,aACE,kBACA,SACA,UACA,WACA,gBACA,2CAEA,aACE,mBACA,WACA,YACA,clB/QoB,ekBiRpB,iBACA,kBACA,WACA,4CAIJ,iBACE,SACA,oCAGF,aACE,kBACA,sBACA,SACA,0BACA,YACA,WACA,clBzTW,mBAQa,sCkBoTxB,eACA,WACA,aACA,6CAGF,aACE,0CAGF,YACE,eACA,kBACA,iMAEA,kBAGa,iKAEb,YAGE,mBACA,mBACA,2BACA,iBACA,eACA,+DAGF,6BACE,qEAEA,aACE,gBACA,uBACA,mBACA,sEAGF,eACE,qEAGF,aACE,iBACA,gBACA,uBACA,mBACA,4EAMA,alB/VkB,wBkBoWxB,eACE,iCAEA,YACE,mBACA,eACA,oBACA,YACA,gBACA,8BAIJ,UACE,WACA,cACA,kCAEA,iBACE,kBACA,aACA,WACA,sBlBzZI,wBkB2ZJ,sBACA,4BACA,gBACA,2CAEA,aACE,kBACA,sBACA,SACA,OACA,SACA,SACA,aACA,WACA,clBvZoB,gFkByZpB,eACA,oBACA,gBACA,UACA,UACA,4BACA,iDAEA,UlBlbE,sEkBobF,WACE,clBpakB,CAjBlB,4DkBobF,WACE,clBpakB,CAjBlB,gEkBobF,WACE,clBpakB,CAjBlB,iEkBobF,WACE,clBpakB,CAjBlB,uDkBobF,WACE,clBpakB,yCkByatB,2EAKE,0CAKN,iFACE,aACA,uBACA,8BACA,UACA,4BACA,8CAEA,aACE,clB5bsB,ekB8btB,gBACA,aACA,oBACA,2JAEA,aAGE,wCAIJ,SACE,kCAIJ,YACE,aACA,clBldsB,gBkBodtB,sCAEA,cACE,kBACA,2CAGF,aACE,gDAEA,aACE,eACA,gBACA,yBACA,qDAGF,iBACE,eACA,kBACA,WACA,WACA,mBlB5dkB,8DkB+dlB,iBACE,MACA,OACA,WACA,kBACA,mBlBhfkB,0BkBuf1B,alBhgBa,oBkBkgBX,eACA,gBlB5gBM,4BkBghBR,YACE,mBACA,0BACA,YACA,aACA,8BACA,cACA,oBAGF,YACE,cACA,sBAEA,oBACE,uBACA,cACA,YACA,iBACA,sBACA,uBAGF,oBACE,aACA,CAEA,oBACA,CADA,6BACA,UACA,QACA,YACA,uBACA,2BAIJ,iBACE,iBACA,0CAKE,yBACE,qCACA,WlB7jBE,mBAkBkB,gBkB8iBpB,8CAGA,yBACE,oCACA,uCAMR,iBACE,kBACA,uCACA,gBlB9kBM,gBkBglBN,uBACA,6CAGF,YACE,mBACA,aACA,clB9kBW,ekBglBX,sDAEA,aACE,clB9jBoB,wEkBikBpB,6EAEA,aACE,clBzlBO,gBkB2lBP,sGAIJ,kBlBtlBwB,WAlBlB,6PkBgnBF,UlBhnBE,0DkBonBN,wCAGF,gBACE,iBACA,mBACA,gBACA,yBACA,cACA,+BAEA,oBACE,SACA,eACA,kBACA,gCAGF,oBACE,aACA,UACA,WACA,kBACA,kCAIA,alB5oBU,CmBFZ,+BAHF,YACE,cACA,kBAUA,CATA,cAKA,kBACA,2BACA,gBAEA,uBAEA,YACE,uBACA,WACA,YACA,iBACA,6BAEA,WACE,gBACA,oBACA,aACA,yBACA,gBACA,oCAEA,0BACE,oCAGF,cACE,YACA,oBACA,YACA,6BAIJ,qBACE,WACA,gBACA,cACA,aACA,sBACA,qCAEA,4BARF,cASI,qBAMR,kBACE,wBACA,CADA,eACA,MACA,UACA,cACA,qCAEA,mBAPF,gBAQI,+BAGF,eACE,qCAEA,6BAHF,kBAII,wHAMJ,WAGE,mCAIJ,YACE,mBACA,uBACA,YACA,CnB7EW,ImB4Fb,aACE,aACA,sBACA,WACA,YACA,CAIA,oBAGF,qBACE,WACA,mBACA,cnBlGwB,emBoGxB,cACA,eACA,SACA,iBACA,aACA,SACA,UACA,2BAEA,yBACE,6BAIJ,kBACE,SACA,oBACA,cnBrHwB,emBuHxB,cACA,eACA,kBACA,UACA,mCAEA,yBACE,wCAGF,kBACE,2BAIJ,oBACE,iBACA,2BAGF,iBACE,kCAGF,cACE,cACA,eACA,aACA,kBACA,QACA,UACA,cAGF,kBACE,WnB5KM,cmB8KN,eACA,aACA,qBACA,2DAEA,kBAGE,oBAGF,SACE,2BAGF,sBACE,cnB7KsB,kGmBgLtB,sBAGE,WnBpME,kCmBwMJ,anBtLsB,oBmB4L1B,oBACE,iBACA,oBAGF,kBnB1Ma,cAqBW,iBmBwLtB,eACA,gBACA,yBACA,eACA,yBAGF,iBACE,cACA,uCAGE,aACE,WACA,kBACA,SACA,OACA,QACA,cACA,UACA,oBACA,YACA,UACA,oFACA,gBAKN,YACE,eACA,mBACA,cACA,eACA,kBACA,UACA,UACA,gBACA,uBAEA,QACE,YACA,aACA,cACA,uBACA,aACA,gBACA,uBACA,gBACA,mBACA,OACA,4CAGF,anB1PwB,uBmB8PxB,uCACE,4CAEA,anBjQsB,0CmBmQpB,4CAIJ,SAEE,SAIJ,WACE,kBACA,sBACA,aACA,sBACA,gBACA,wDAEA,SACE,gBACA,gBACA,qBAGF,kBnBpSW,yBmBySb,WACE,aACA,cACA,uBAGF,kBACE,iCAGF,iBACE,sEAGF,kBACE,SACA,cnBlTsB,emBoTtB,eACA,eACA,kFAEA,aACE,CAKA,kLAEA,UnBhVI,mBmBkVF,kFAKJ,2BACE,wCAIJ,YACE,oBACA,6BACA,+CAEA,sBAEE,kBACA,eACA,qBACA,0CAGF,eACE,gDAKJ,SACE,6BAGF,eACE,gBACA,gBACA,cnBtWsB,0DmBwWtB,UACA,uCAEA,YACE,WACA,uCAGF,iBACE,gCAGF,QACE,uBACA,SACA,6BACA,cACA,iCAIF,eACE,2CACA,YACE,WACA,mCAKN,kBACE,aACA,mCAIA,anB5YsB,0BmB8YpB,gCAIJ,WACE,4DAEA,cACE,uEAEA,eACE,uBAKN,oBACE,uBACA,gBACA,mBACA,OACA,sBAGF,oBACE,iBACA,uCAGF,anB7ZwB,mBArBX,kBmBsbX,aACA,eACA,gBACA,eACA,aACA,cACA,mBACA,uBACA,yBACA,sCAbF,cAcI,kDAGF,eACE,2CAGF,anB9bwB,qBmBgctB,uDAEA,yBACE,eAKN,qBACE,uCAKA,sBACE,6BACA,qCASF,qCAXA,sBACE,6BACA,sCAgBF,mJAFF,qBAGI,sBAKF,wBACA,aACA,2BACA,mBACA,mBACA,2BAEA,aACE,iCAEA,UACE,kBACA,uCAEA,SACE,kCAKN,aACE,aACA,yBChhBJ,iBACE,eACA,gBACA,cpB6BsB,mBArBX,eoBLX,aACA,cACA,sBACA,mBACA,uBACA,aACA,qEAGE,aAEE,WACA,aACA,SACA,yCAIJ,gBACE,gCAGF,eACE,uCAEA,aACE,mBACA,cpBDkB,qCoBKpB,cACE,gBACA,kBCtCJ,UACE,cACA,+BACA,0BAEA,UACE,qCAGF,iBATF,QAUI,mBAIJ,qBACE,mBACA,uBAEA,YACE,kBACA,gBACA,gBACA,2BAEA,aACE,WACA,YACA,SACA,oBACA,CADA,8BACA,CADA,gBACA,uBAIJ,YACE,mBACA,mBACA,aACA,6BAEA,aACE,aACA,mBACA,qBACA,gBACA,qCAGF,UACE,eACA,cACA,+BAGF,aACE,WACA,YACA,gBACA,mCAEA,UACE,YACA,cACA,SACA,kBACA,mBACA,oBACA,CADA,8BACA,CADA,gBACA,qCAIJ,gBACE,gBACA,4CAEA,cACE,WrB1EF,gBqB4EE,gBACA,uBACA,0CAGF,aACE,eACA,crBnEc,gBqBqEd,gBACA,uBACA,yBAKN,kBrBnFS,aqBqFP,mBACA,uBACA,gDAEA,YACE,cACA,eACA,mDAGF,qBACE,kBACA,gCACA,WACA,gBACA,mBACA,gBACA,uBACA,qDAEA,YACE,iEAEA,cACE,sDAIJ,YACE,cAOV,kBrBzHa,sBqB4HX,iBACE,4BAGF,aACE,eAIJ,cACE,kBACA,qBACA,cACA,iBACA,eACA,mBACA,gBACA,uBACA,eACA,oEAEA,YAEE,sBAGF,oBACE,kBACA,yBACA,sBACA,WACA,YACA,cACA,kBACA,SACA,kBACA,sBACA,8BAEA,oBACE,mBACA,CC/KJ,eAGF,SnBkDE,sBACA,WACA,YACA,gBACA,oBACA,mBHhDW,cAOW,eG4CtB,SACA,cmBxDA,CACA,2BACA,iBACA,eACA,2CAEA,aACE,CAHF,iCAEA,aACE,CAHF,qCAEA,aACE,CAHF,sCAEA,aACE,CAHF,4BAEA,aACE,kCAGF,QACE,6EAGF,mBAGE,sBAGF,kBACE,qCAGF,eA3BF,cA4BI,kCAKF,QACE,qDAGF,mBAEE,mBAGF,iBACE,SACA,WACA,UACA,qBACA,UACA,0BACA,4CACA,eACA,WACA,YACA,ctBtCsB,esBwCtB,oBACA,0BAEA,mBACE,WACA,0BAIJ,sBACE,iCAEA,mBACE,WACA,gCAIJ,QACE,uBACA,ctB/CoB,esBiDpB,uCAEA,uBACE,sCAGF,aACE,yBAKN,atB7DwB,mBsB+DtB,gCACA,kBACA,eACA,gBACA,uBAGF,YACE,ctBrFsB,kBsBuFtB,iBAIA,atB7EsB,mBsB+EpB,gCACA,gBACA,aACA,eACA,eACA,qBAEA,oBACE,iBACA,eAIJ,YACE,mBACA,aACA,gCACA,0BAEA,eACE,qBAGF,aACE,ctBvGkB,gBsByGlB,uBACA,mBACA,4BAEA,eACE,uBAGF,atB/HkB,qBsBiIhB,eACA,gBACA,cACA,gBACA,uBACA,mBACA,qGAKE,yBACE,wBAMR,aACE,eACA,iBACA,gBACA,iBACA,mBACA,gBACA,ctBzJoB,0BsB6JtB,aACE,WACA,2CAEA,oCACE,yBACA,0CAGF,wBACE,WC1LR,yCCCE,qBACA,sBACA,CADA,kBACA,wBACA,WACA,YACA,eAEA,UACE,8BAIJ,exBXQ,kBwBaN,sCACA,kBACA,eACA,UACA,iDAEA,2BACE,2DAGF,UACE,mCAIJ,iBACE,SACA,WACA,eACA,yCAGF,iBACE,UACA,SACA,UACA,gBxBvCM,kBwByCN,sCACA,gBACA,gDAEA,aACE,eACA,SACA,gBACA,uBACA,iKAEA,+BAGE,2DAIJ,WACE,wBAKF,2BACE,eAIJ,aACE,eACA,iBACA,gBACA,WACA,UACA,eACA,0CAEA,mBAEE,mBAGF,8BACE,CADF,sBACE,WACA,cACA,CACA,UACA,YACA,eACA,0EAMA,SACE,oBACA,CADA,WACA,eCpGN,WAEE,0BAGF,kBANW,kBAQT,cACA,iCACA,wBACE,mCAOF,WACE,SACA,UACA,2CAGF,aACE,aAEA,sBACA,YACA,6BACA,6DAGE,oBACE,WACA,iBACA,iBACA,iJAGF,UACE,gEAEF,oBACE,gBACA,WACA,2CAKN,yBACE,sBACA,kBACA,YACA,gBACA,kDAEA,uBACE,CADF,oBACE,CADF,eACE,WACA,YACA,SACA,4BACA,WACA,yBACA,eACA,4CACA,sBACA,oBACA,6DAEA,uBACE,6DAGF,sBACE,wEAGF,sBACE,kBACA,SCjFR,WACE,sBACA,aACA,sBACA,kBACA,iBACA,UACA,qBAEA,iBACE,oBAGF,kBACE,2DvBDF,SuBI0D,yBvBC1D,SuBD0D,qCvBQxD,qLuBLA,yBAGF,eACE,gBACA,eACA,qCvBZA,4BuBgBA,SACE,WACA,YACA,eACA,UACA,+BALF,SACE,WACA,YACA,eACA,UACA,yCAIJ,4BAGF,YACE,mBACA,mBACA,UACA,mBACA,eACA,mBAEA,aACE,sBACA,oCACA,sBACA,YACA,cACA,c1BtCoB,kB0BwCpB,qBACA,eACA,mBAGF,iCACE,iDAEA,YAEE,mBACA,mCACA,SAKN,iBACE,mBACA,UACA,qCvBrDE,6CADF,euBwDkF,sCvBlEhF,sBADF,cuBoE0D,yBvB/D1D,cuB+D0D,gBAG5D,e1BlFQ,kBGkEN,CACA,sBACA,gBACA,cHrDsB,uCGuDtB,mBAEA,wBACE,cH1DoB,eG4DpB,gBACA,mBACA,mBAGF,aACE,mBAGF,kBACE,mBAGF,eACE,cHjFS,kB0B6Eb,YACE,c1BvEsB,a0ByEtB,mBACA,oBAEA,aACE,qBACA,wBAGF,aACE,c1BjFsB,gB0BmFtB,mBACA,gBACA,uBACA,0BAIJ,aACE,gBACA,gBACA,kBAGF,kB1BxGa,kB0B0GX,gBACA,yBAEA,a1BxFsB,mB0B0FpB,aACA,gBACA,eACA,eACA,6BAEA,oBACE,iBACA,0BAIJ,iBACE,6BAEA,kBACE,gCACA,eACA,aACA,aACA,gBACA,eACA,c1BhHkB,iC0BmHlB,oBACE,iBACA,8FAIJ,eAEE,mCAGF,aACE,aACA,c1B7IoB,qB0B+IpB,0HAEA,aAGE,0BACA,gBAQN,WACA,kBAGA,+BANF,qBACE,UACA,CAEA,eACA,aAgBA,CAfA,eAGF,iBACE,MACA,OACA,mBACA,CAGA,qBACA,CACA,eACA,WACA,YACA,uBAEA,kB1B1LW,0B0B+Lb,u1BACE,OACA,gBACA,aACA,8BAEA,aACE,sBACA,CADA,4DACA,CADA,kBACA,+BACA,CADA,2BACA,WACA,YACA,oBACA,eACA,yBACA,CADA,qBACA,CADA,oBACA,CADA,gBACA,oCAGF,aACE,WACA,YACA,YACA,eACA,sCAGF,yBAzBF,aA0BI,iBAIJ,kBACE,eACA,gBACA,mBAGF,cACE,kBACA,MACA,OACA,WACA,YACA,0BACA,oBCrPF,kBACE,gB3BAM,WACA,e2BEN,aACA,sBACA,YACA,uBACA,eACA,kBACA,kBACA,YACA,gBAGF,e3BdQ,cAiBgB,oB2BCtB,YACA,iEAEA,aAGE,iCAGF,eACE,2BxBcF,iBACE,mBACA,cACA,eACA,aACA,gBACA,yBwBfJ,aACE,eACA,yBAGF,aACE,eACA,gBACA,6BAGF,aACE,kBACA,W3B7CM,0B2B+CN,WACA,SACA,gBACA,kBACA,eACA,gBACA,UACA,oBACA,WACA,4BACA,iBACA,2DAKE,YACE,wDAKF,SACE,uBAKN,WACE,aACA,sBACA,4BAEA,iBACE,c3BjEoB,a2BmEpB,YACA,mBACA,CAGE,yDAIJ,UACE,gBAIJ,qBACE,eACA,gBACA,kBACA,kBACA,WACA,aACA,2BxB/DA,iBACE,mBACA,cACA,eACA,aACA,gBACA,sBwB8DJ,WACE,sBACA,cACA,WACA,kBACA,kBACA,gBACA,kCAEA,eACE,qEAIA,cACE,MACA,gCAIJ,e3BlIM,gC2BuIR,cACE,cACA,qBACA,c3BxHwB,kB2B0HxB,UACA,mEAEA,WAEE,WACA,sBACA,CADA,gCACA,CADA,kBACA,CAIE,0HAFF,WACE,oBACA,CADA,8BACA,CADA,gB3BtJE,C2BuJF,wBAKN,UACE,CAEA,iBACA,MACA,OACA,UACA,gB3BnKM,iC2BsKN,YACE,sBAIJ,WACE,gBACA,kBACA,WACA,aACA,uBACA,qCAGF,cACE,YACA,WACA,kBACA,UACA,sBACA,CADA,gCACA,CADA,kBACA,yBACA,CADA,qBACA,CADA,oBACA,CADA,gBACA,qDAEA,WACE,oBACA,CADA,8BACA,CADA,gBACA,sCAIJ,0BACE,2BACA,gBACA,kBACA,yBAGF,eACE,iBACA,yBAGF,UACE,cAGF,UACE,YACA,kBACA,qCAEA,UACE,YACA,aACA,mBACA,uBACA,2CAEA,c3B3K0B,eAEC,C2BqL7B,8CALF,iBACE,MACA,OACA,QACA,SAYA,CAXA,yBAQA,mBACA,8BACA,oBACA,4BAEA,mBACE,0DAGF,SACE,4DAEA,mBACE,mBAKN,yBACE,sBACA,SACA,W3BvQM,e2ByQN,aACA,mBACA,eACA,cACA,cACA,kBACA,kBACA,MACA,SACA,yBAGF,MACE,0BAGF,OACE,CASA,4CANF,UACE,kBACA,kBACA,OACA,YACA,oBAUA,6BAEA,WACE,sBAGF,mBACE,qBACA,gBACA,c3BpSsB,mF2BuStB,yBAGE,wBAKN,oBACE,sBAGF,qB3BpUQ,Y2BsUN,WACA,kBACA,YACA,UACA,SACA,YACA,8BAGF,wB3B7T0B,qB2BiU1B,iBACE,UACA,QACA,YACA,qKAKA,WAEE,mFAGF,WACE,eAKJ,qBACE,kBACA,mBACA,kBACA,oBACA,cACA,wBAEA,eACE,YACA,yBAGF,cACE,kBACA,gBACA,gCAEA,UACE,cACA,kBACA,6BACA,WACA,SACA,OACA,oBACA,qCAIJ,qCACE,iCAGF,wBACE,uCAIA,mBACA,mBACA,6BACA,0BACA,eAIJ,eACE,kBACA,gB3BzZM,e2B2ZN,kBACA,sBACA,cACA,wBAEA,eACE,sBACA,qBAGF,SACE,gCAGF,UACE,YACA,0BxBjYF,iBACE,mBACA,cACA,eACA,aACA,gBACA,qBwBgYF,eACE,gBACA,UACA,kBACA,0BAGF,oBACE,sBACA,SACA,gCAEA,wBACE,0BACA,qBACA,sBACA,UACA,4BAKF,qBACE,CADF,gCACE,CADF,kBACE,kBACA,QACA,2BACA,yBAIJ,iBACE,UACA,SACA,OACA,QACA,sBACA,iFACA,eACA,UACA,4BACA,gCAEA,SACE,6EAKF,iBAEE,wBAIJ,YACE,kBACA,MACA,OACA,WACA,YACA,UACA,SACA,gB3B9eI,cAiBgB,gB2BgepB,oBACA,+BAEA,aACE,oBACA,8GAEA,aAGE,+BAIJ,aACE,eACA,kCAGF,aACE,eACA,gBACA,4BAIJ,YACE,8BACA,oBACA,CAGE,gUAEA,aAIE,wBAKN,cACE,mBACA,gBACA,uBACA,oCAGE,cACE,qCAKF,eACE,+BAIJ,sBACE,iBACA,eACA,SACA,0BACA,8GAEA,U3BpjBE,+E2B4jBN,cAGE,gBACA,6BAGF,U3BnkBM,iB2BqkBJ,yBAGF,oBACE,aACA,mDAGF,U3B7kBM,uB2BklBN,cACE,YACA,eACA,8BAEA,UACE,WACA,+BAOA,6DANA,iBACA,cACA,kBACA,WACA,UACA,YAWA,CAVA,+BASA,kBACA,+BAGF,iBACE,UACA,kBACA,WACA,YACA,YACA,UACA,4BACA,mBACA,sCACA,oBACA,qBAIJ,gBACE,uBAEA,oBACE,eACA,gBACA,W3BloBE,sF2BqoBF,yBAGE,qBAKN,cACE,YACA,kBACA,4BAEA,UACE,WACA,+BACA,kBACA,cACA,kBACA,WACA,SACA,2DAGF,aAEE,kBACA,WACA,kBACA,SACA,mBACA,6BAGF,6BACE,6BAGF,iBACE,UACA,UACA,kBACA,WACA,YACA,QACA,iBACA,4BACA,mBACA,sCACA,oBACA,CAGE,yFAKF,SACE,6GAQF,gBACE,oBACA,iBC5sBR,YACE,mBACA,mBACA,kBACA,QACA,SACA,YACA,mBAGF,YACE,kBACA,gBACA,yBACA,0BACA,eACA,iBACA,yBACA,WACA,4BACA,wCAEA,uBCtBF,kB7BWa,sB6BTX,kBACA,uCACA,YACA,gBACA,qCAEA,aARF,SASI,kBAGF,cACE,mBACA,gBACA,eACA,kBACA,0BACA,6BAGF,WACE,6BAGF,yBACE,sCAEA,uBACE,uCACA,wBACA,wBAIJ,eACE,kDAIA,oBACE,+BAIJ,cACE,sBAGF,eACE,aAIJ,kB7B3Ca,sB6B6CX,kBACA,uCACA,YACA,gBACA,qCAEA,YARF,SASI,uBAGF,kBACE,oBAGF,kBACE,YACA,0BACA,gBACA,mBAGF,YACE,gCACA,4BAGF,YACE,iCAGF,aACE,gBACA,qBACA,eACA,aACA,aC3FJ,cAOE,qBACA,c9BGW,2B8BVX,qBAEE,iBACA,+BAOF,WACE,iBAIJ,sBACE,6BAEA,uBACE,2BACA,4BACA,mB9BHsB,4B8BOxB,oBACE,8BACA,+BACA,aACA,qBAIJ,YACE,8BACA,cACA,c9BLsB,c8BOtB,oBAGF,iBACE,OACA,kBACA,iBACA,gBACA,8BACA,eACA,0BAEA,aACE,6BAIJ,a9BpC0B,mC8BuCxB,aACE,oDAGF,QACE,wBAIJ,iBACE,YACA,OACA,WACA,WACA,yBACA,uBAIA,oBACE,WACA,eACA,yBAGF,iBACE,gBACA,oBAIJ,iBACE,aACA,gBACA,kBACA,gB9B5FM,sB8B8FN,sGAEA,+BAEE,oBAKF,2BACA,gB9BxGM,0B8B2GN,cACE,gBACA,gBACA,oBACA,cACA,WACA,gCACA,c9BzGS,yB8B2GT,kBACA,4CAEA,QACE,2GAGF,mBAGE,wCAKN,cACE,6CAEA,SACE,kBACA,kBACA,qDAGF,SACE,WACA,kBACA,MACA,OACA,WACA,YACA,sCACA,mBACA,4BAIJ,SACE,kBACA,wBACA,gBACA,MACA,iCAEA,aACE,WACA,gBACA,gBACA,gB9BpKI,mB8ByKR,iBACE,qBACA,YACA,wBAEA,UACE,YACA,wBAIJ,cACE,kBACA,iBACA,c9BvKsB,mD8B0KtB,YACE,qDAGF,eACE,uDAGF,YACE,qBAIJ,YACE,wBC1MF,iBACE,aACA,mBACA,mB/BgBwB,cARb,kB+BLX,YACA,WACA,gBACA,iBACA,gBACA,4DAEA,aACE,eACA,mFAGF,iBACE,kBACA,gBACA,+FAEA,iBACE,OACA,MACA,kCAIJ,aACE,cACA,2BAGF,cACE,gBACA,iBACA,mBACA,2BAGF,cACE,gBACA,iBACA,gBACA,mBACA,0CAIJ,aACE,kBACA,cACA,mBACA,gCACA,eACA,qBACA,aACA,0BACA,4DAEA,aACE,iBACA,gDAGF,kB/BhDwB,iD+BoDxB,kB/BnDwB,WAlBlB,qG+B0EN,kB/BxEU,WAFJ,oC+BgFR,kBACE,YACA,eACA,iBACA,gBACA,8BAGF,aACE,UACA,kBACA,YACA,gBACA,oCAGF,iBACE,4FAGF,eAEE,mBACA,qCAGF,mCACE,UACE,cACA,0CAGF,YACE,4DAEA,YACE,kBCtHN,UhCEQ,gCgCCN,oBAEA,cACE,iBACA,gBACA,kBACA,mBAGF,UhCVM,0BgCYJ,oBAGF,eACE,cACA,iBACA,mDAGF,UACE,YACA,gBACA,gCACA,gBC3BJ,WACE,gBACA,aACA,sBACA,yBACA,kBACA,+BAEA,gBACE,eACA,CACA,2BACA,kCAGF,QACE,iCAGF,aACE,6BAGF,sBACE,0BAGF,MACE,kBACA,aACA,sBACA,iBACA,mDAGF,eACE,sBjClCI,0BiCoCJ,cACA,gDAGF,iBACE,gDAGF,WACE,mBAIJ,eACE,mBACA,yBACA,gBACA,aACA,sBACA,qBAEA,aACE,sBAGF,aACE,SACA,CACA,4BACA,cACA,qDAHA,sBAOA,qCAIJ,qBAEI,cACE,wBAKN,qBACE,WACA,cACA,6DAEA,UAEE,YACA,UACA,wCAGF,YACE,cACA,kDACA,qCAEA,uCALF,aAMI,yCAIJ,eACE,oCAGF,YACE,uDAGF,cACE,sCAGF,gBACE,eACA,CACA,2BACA,yCAGF,QACE,mCAGF,gBACE,yBAEA,kCAHF,eAII,sCAIJ,sBACE,gBACA,sCAGF,uCACE,YACE,iKAEA,eAGE,6CAIJ,gBACE,2EAGF,YAEE,kGAGF,gBACE,+BAGF,YACE,gBACA,gLAEA,eAIE,gCAIJ,iBACE,6CAEA,cACE,8CAKF,gBACE,CAIA,yFAGF,eACE,0BAMR,cACE,aACA,uBACA,mBACA,gBACA,iBACA,iBACA,gBACA,mBACA,WjCjNM,kBiCmNN,eACA,iBACA,qBACA,sCACA,4FAEA,kBAGE,qCAIJ,UACE,UACE,uDAGF,kCACE,mCAGF,kBAEE,sCAIJ,2CACE,YACE,sCAOA,sEAGF,YACE,uCAIJ,0CACE,YACE,uCAIJ,UACE,YACE,QC1QJ,eACE,eACA,8BAEA,QAEE,gBACA,UAGF,kBACE,kBACA,cAGF,iBACE,MACA,OACA,YACA,qBACA,kBACA,mBACA,sBAEA,kBlCJsB,akCSxB,iBACE,aACA,cACA,iBACA,eACA,gBACA,gEAEA,YAEE,gCAGF,aACE,8BAIA,qBACA,WACA,eACA,clCvCO,ckCyCP,UACA,oBACA,gBlCpDE,yBkCsDF,kBACA,iBACA,oCAEA,oBlCxCoB,wBkC6CtB,cACE,sBAGF,YACE,mBACA,iBACA,cAIJ,oBACE,kBACA,yBACA,sBACA,WACA,YACA,cACA,kBACA,SACA,kBACA,sBACA,gBACA,mBACA,cACA,uBAEA,iBACE,qBAGF,oBlC7FY,8EkCkGZ,gBAGE,gBACA,gCAGF,mBACE,SACA,wCAGF,mBAEE,eAIJ,oBACE,WACA,gBACA,CACA,oBACA,iBACA,gBACA,mBACA,cACA,mBAGF,UACE,iBACA,eAGF,eACE,mBACA,clC1GoB,akC8GtB,cACE,uBACA,UACA,SACA,SACA,clCnHoB,0BkCqHpB,kBACA,mBAEA,oBACE,sCAGF,mCAEE,eAIJ,WACE,eACA,kBACA,eACA,6BAIJ,4BACE,gCAEA,YACE,2CAGF,4BACE,aACA,aACA,mBACA,mGAEA,UAEE,aACA,+GAEA,oBlCxKoB,sDkC8KxB,cACE,gBACA,iBACA,YACA,oBACA,clCvKoB,sCkC0KpB,gCAGF,YACE,mBACA,4CAEA,aACE,wBACA,iBACA,oCAIJ,uBACE,CADF,oBACE,CADF,eACE,sBACA,eACA,clChNS,qBkCkNT,WACA,UACA,oBACA,qXACA,yBACA,kBACA,CACA,yBACA,mDAGF,aACE,cAIJ,alC7MwB,qBkCgNtB,+BACE,6BAEA,+BACE,YC/ON,qBACE,iBANc,cAQd,kBACA,sCAEA,WANF,UAOI,eACA,mBAIJ,sBACE,eACA,gBACA,gBACA,qBACA,cnCJsB,oBmCOtB,anCLwB,0BmCOtB,6EAEA,oBAGE,wCAIJ,anClBsB,oBmCuBtB,YACE,oBACA,+BAEA,eACE,yBAIJ,eACE,cnChCsB,qBmCoCxB,iBACE,cnCrCsB,uBmCyCxB,eACE,mBACA,kBACA,kBACA,yHAGF,sBAME,mBACA,oBACA,gBACA,cnCzDsB,qBmC6DxB,aACE,qBAGF,gBACE,qBAGF,eACE,qBAGF,gBACE,yCAGF,aAEE,qBAGF,eACE,qBAGF,kBACE,yCAMA,iBACA,iBACA,yDAEA,2BACE,yDAGF,2BACE,qBAIJ,UACE,SACA,SACA,gCACA,eACA,4BAEA,UACE,SACA,wBAIJ,UACE,yBACA,8BACA,CADA,iBACA,gBACA,mBACA,iEAEA,+BAEE,cACA,kBACA,gBACA,gBACA,cnCrIkB,iCmCyIpB,uBACE,gBACA,gBACA,cnC9HkB,qDmCkIpB,WAEE,iBACA,kBACA,qBACA,mEAEA,SACE,kBACA,iFAEA,gBACE,kBACA,6EAGF,iBACE,SACA,UACA,mBACA,gBACA,uBACA,+BAMR,YACE,oBAIJ,kBACE,eACA,mCAEA,iBACE,oBACA,8BAGF,YACE,8BACA,eACA,6BAGF,UACE,uBACA,eACA,iBACA,WnCpNI,iBmCsNJ,kBACA,qEAEA,aAEE,6CAIA,anC9MoB,oCmCmNtB,sBACE,gBACA,eACA,iBACA,qCAGF,4BA3BF,iBA4BI,4BAIJ,iBACE,YACA,sBACA,mBACA,CACA,sBACA,0BACA,QACA,aACA,yCAEA,sBACE,eACA,iBACA,gBACA,cnC/OkB,mBmCiPlB,mBACA,gCACA,uBACA,mBACA,gBACA,wFAEA,eAEE,cACA,2CAGF,oBACE,2BAKN,iBACE,mCAIE,UACqB,sChCnRzB,CgCoRI,kBACA,uCAEA,aACE,WACA,YACA,mBACA,iBnCpOgB,wBG9DtB,4BACA,iCgCsSE,cACE,mCAEA,aACE,WnC3SA,qBmC6SA,uDAGE,yBACE,2CAKN,aACE,cnCvSgB,kCmC+StB,sBAEE,CACA,eACA,eACA,iBACA,mBACA,cnCtToB,sCmCyTpB,anCvTsB,0BmCyTpB,kBAIJ,cACE,SACA,UACA,gBACA,uBACA,oBACA,kBACA,oBACA,cACA,kBAGF,sBACE,eACA,iBACA,gBACA,mBACA,cnC/UsB,wBmCkVtB,sBACE,cACA,eACA,gBACA,cACA,kBAKF,cACA,iBnC7VsB,mCmC2VxB,sBACE,CAEA,eACA,mBACA,cnChWsB,kBmCqWtB,cACA,iBnCtWsB,kBmC8WtB,cnC9WsB,mCmC6WxB,sBACE,CACA,gBACA,gBACA,mBACA,cnClXsB,kBmCuXtB,cnCvXsB,kBmC+XxB,sBACE,eACA,iBACA,gBACA,mBACA,cnCpYsB,mCmCwYxB,gBAEE,mDAEA,2BACE,mDAGF,2BACE,kBAIJ,eACE,kBAGF,kBACE,yCAGF,cAEE,kBAGF,UACE,SACA,SACA,2CACA,cACA,yBAEA,UACE,SACA,iDAIJ,YAEE,+BAGF,kBnC5bW,kBmC8bT,kBACA,gBACA,sBACA,oCAEA,UACE,aACA,2BACA,iBACA,8BACA,mBACA,uDAGF,YACE,yBACA,qBACA,mFAEA,aACE,eACA,qCAGF,sDAVF,UAWI,8BACA,6CAIJ,MACE,sBACA,qCAEA,2CAJF,YAKI,sBAKN,iBACE,yBAEA,WACE,WACA,uBACA,4BAIJ,iBACE,mBACA,uCAEA,eACE,mCAGF,eACE,cACA,qCAGF,eACE,UACA,mDAEA,kBACE,aACA,iBACA,0FAKE,oBACE,gFAIJ,cACE,qDAIJ,aACE,cACA,6CAMA,UACqB,sChC9hB3B,mDgCiiBI,cACE,4DAEA,cACE,qCAKN,oCACE,eACE,sCAIJ,2BA9DF,iBA+DI,mFAIJ,qBAGE,mBnCtjBS,kBmCwjBT,kCACA,uBAGF,YACE,kBACA,WACA,YACA,2BAEA,YACE,WACA,uCAKF,YACE,eACA,mBACA,mBACA,qCAGF,sCACE,kBACE,uCAIJ,anC9kBsB,qCmCklBtB,eACE,WnCpmBE,gBmCsmBF,2CAEA,anCxlBkB,gDmC2lBhB,anC1lBkB,+CmCgmBtB,eACE,qBAIJ,kBACE,yBAEA,aACE,SACA,eACA,YACA,kBACA,qCAIJ,gDAEI,kBACE,yCAGF,eACE,gBACA,WACA,kBACA,uDAEA,iBACE,sCAMR,8BACE,aACE,uCAEA,gBACE,sDAGF,kBACE,6EAIJ,aAEE,qBAIJ,WACE,UAIJ,mBACE,qCAEA,SAHF,eAII,kBAGF,YACE,uBACA,mBACA,aACA,qBAEA,SnC1rBI,YmC4rBF,qCAGF,gBAXF,SAYI,mBACA,sBAIJ,eACE,uBACA,gBACA,gBACA,uBAGF,eACE,gBACA,0BAEA,YACE,yBACA,gBACA,eACA,cnCpsBkB,6BmCwsBpB,eACE,iBACA,+BAGF,kBnCptBS,amCstBP,0BACA,aACA,uCAEA,YACE,gCAIJ,cACE,gBACA,uDAEA,YACE,mBACA,iDAGF,UACE,YACA,0BACA,gCAIJ,YACE,uCAEA,sBACE,eACA,gBACA,cACA,qCAGF,cACE,cnCnvBgB,uFmCyvBtB,eACE,cASA,CnCnwBoB,2CmCgwBpB,iBACA,CACA,kBACA,gBAGF,eACE,cACA,aACA,kDACA,cACA,qCAEA,eAPF,oCAQI,cACA,8BAEA,UACE,aACA,sBACA,0CAEA,OACE,cACA,2CAGF,YACE,mBACA,QACA,cACA,qCAIJ,UACE,2BAGF,eACE,sCAIJ,eAtCF,UAuCI,6BAEA,aACE,gBACA,gBACA,2GAEA,eAGE,uFAIJ,+BAGE,2BAGF,YACE,gCAEA,eACE,qEAEA,eAEE,gBACA,2CAGF,eACE,SAQZ,iBACE,qBACA,iBAGF,aACE,kBACA,aACA,UACA,YACA,cnCh2BsB,qBmCk2BtB,eACA,qCAEA,gBAVF,eAWI,WACA,gBACA,cnC11BoB,SoChCxB,UACE,eACA,iBACA,yBACA,qBAEA,WAEE,iBACA,mBACA,6BACA,gBACA,mBACA,oBAGF,qBACE,gCACA,aACA,gBACA,oBAGF,eACE,qEAGF,kBpChBW,UoCqBX,apCZwB,0BoCctB,gBAEA,oBACE,eAIJ,eACE,CAII,4HADF,eACE,+FAOF,sBAEE,yFAKF,YAEE,gCAMJ,kBpCzDS,6BoC2DP,gCACA,4CAEA,qBACE,8BACA,2CAGF,uBACE,+BACA,0BAKN,qBACE,gBAIJ,aACE,mBACA,MAGF,+BACE,0BAGF,sBACE,SACA,aACA,8CAGF,oBAEE,qBACA,iBACA,eACA,cpC5FsB,gBoC8FtB,0DAEA,UpChHM,wDoCoHN,eACE,iBACA,sEAGF,cACE,yCAKF,YAEE,yDAEA,qBACE,iBACA,eACA,gBACA,qEAEA,cACE,2EAGF,YACE,mBACA,uFAEA,YACE,qHAOJ,sBACA,cACA,uBAIJ,wBACE,mBpCvJS,sBoCyJT,YACA,mBACA,gCAEA,gBACE,mBACA,oBAIJ,YACE,yBACA,aACA,mBpCtKS,gCoCyKT,aACE,gBACA,mBAIJ,wBACE,aACA,mBACA,qCAEA,wCACE,4BACE,0BAIJ,kBACE,iCAGF,kBpC9LS,uCoCiMP,kBACE,4BAIJ,gBACE,oBACA,sCAEA,SACE,wCAGF,YACE,mBACA,mCAGF,aACE,aACA,uBACA,mBACA,kBACA,6CAEA,UACE,YACA,kCAIJ,aACE,mCAGF,aACE,iBACA,cpC/NgB,gBoCiOhB,mCAIJ,QACE,WACA,qCAEA,sBACE,gBACA,qCAOJ,4FAFF,YAGI,gCAIJ,aACE,sCAEA,eACE,4BAIJ,wBACE,aACA,gBACA,qCAEA,2BALF,4BAMI,sCAIJ,+CACE,YACE,iBCzRN,YACE,uBACA,WACA,iBACA,iCAEA,gBACE,gBACA,oBACA,cACA,wCAEA,YACE,yBACA,mBrCPO,YqCSP,yBAIJ,WAvBc,UAyBZ,oBACA,iCAEA,YACE,mBACA,YACA,uCAEA,aACE,yCAEA,oBACE,aACA,2CAGF,SrCxCA,YqC0CE,kBACA,YACA,uCAIJ,aACE,crCjCgB,qBqCmChB,cACA,eACA,aACA,0HAIA,kBAGE,+BAKN,aACE,iBACA,YACA,aACA,qCAGF,sCACE,YACE,6BAIJ,eACE,0BACA,gBACA,mBACA,qCAEA,2BANF,eAOI,+BAGF,aACE,aACA,crC3EgB,qBqC6EhB,0BACA,2CACA,0BACA,mBACA,gBACA,uBACA,mCAEA,gBACE,oCAGF,UrCzGA,yBqC2GE,0BACA,2CACA,uCAGF,kBACE,sBACA,+BAIJ,kBACE,wBACA,SACA,iCAEA,QACE,kBACA,6DAIJ,UrCjIE,yBAkBkB,gBqCkHlB,gBACA,mEAEA,wBACE,6DAKN,yBACE,iCAIJ,qBACE,WACA,gBApJY,cAsJZ,sCAGF,uCACE,YACE,iCAGF,WA/JY,cAiKV,sCAIJ,gCACE,UACE,0BAMF,2BACA,qCAEA,wBALF,cAMI,CACA,sBACA,kCAGF,YACE,oBAEA,gCACA,0BAEA,eAEA,mBACA,8BACA,mCAEA,eACE,kBACA,yCAGF,mBACE,4DAEA,eACE,qCAIJ,gCAzBF,eA0BI,iBACA,6BAIJ,arCnMsB,eqCqMpB,iBACA,gBACA,qCAEA,2BANF,eAOI,6BAIJ,arC9MsB,eqCgNpB,iBACA,gBACA,mBACA,4BAGF,wBACE,eACA,gBACA,crC1NkB,mBqC4NlB,kBACA,gCACA,4BAGF,cACE,crCjOoB,iBqCmOpB,gBACA,0CAGF,UrCxPI,gBqC0PF,uFAGF,eAEE,gEAGF,aACE,4CAGF,cACE,gBACA,WrCxQE,oBqC0QF,iBACA,gBACA,mBACA,2BAGF,cACE,iBACA,crCjQoB,mBqCmQpB,kCAEA,UrCtRE,gBqCwRA,CAII,2NADF,eACE,4BAMR,UACE,SACA,SACA,2CACA,cACA,mCAEA,UACE,SACA,qCAKN,eA9SF,aA+SI,iCAEA,YACE,yBAGF,UACE,UACA,YACA,iCAEA,YACE,4BAGF,YACE,8DAGF,eAEE,gCACA,gBACA,0EAEA,eACE,+BAIJ,eACE,6DAGF,2BrCjUoB,YqCwU1B,UACE,SACA,cACA,WACA,sDAKA,arCnVsB,0DqCsVpB,arCpVsB,4DqCyVxB,arC1Wc,gBqC4WZ,4DAGF,arC9WU,gBqCgXR,0DAGF,arCvVsB,gBqCyVpB,0DAGF,arCtXU,gBqCwXR,UAIJ,YACE,eACA,yBAEA,aACE,qBACA,oCAEA,kBACE,4BAGF,cACE,gBACA,+BAEA,oBACE,iBACA,gCAIJ,eACE,yBACA,eACA,CAII,iNADF,eACE,2BAKN,oBACE,crCnZkB,qBqCqZlB,yBACA,eACA,gBACA,gCACA,iCAEA,UrC3aE,gCqC6aA,oCAGF,arC9ZoB,gCqCgalB,iBAMR,aACE,iBACA,eACA,sBAGF,aACE,eACA,cACA,wBAEA,aACE,kBAIJ,YACE,eACA,mBACA,wBAGF,YACE,WACA,sBACA,aACA,+BAEA,aACE,qBACA,gBACA,eACA,iBACA,crCxcsB,CqC6clB,4MADF,eACE,sCAKN,aACE,gCAIJ,YAEE,mBACA,kEAEA,UACE,kBACA,4BACA,gFAEA,iBACE,kDAKN,aAEE,aACA,sBACA,4EAEA,cACE,WACA,kBACA,mBACA,uEAIJ,cAEE,iBAGF,YACE,eACA,kBACA,2CAEA,kBACE,eACA,8BAGF,kBACE,+CAGF,gBACE,uDAEA,gBACE,mBACA,YACA,YAKN,kBACE,eACA,cAEA,arCthBwB,qBqCwhBtB,oBAEA,yBACE,SAKN,aACE,YAGF,kBACE,iBACA,oBAEA,YACE,2BACA,mBACA,aACA,mBrCrjBS,cAOW,0BqCijBpB,eACA,kBACA,oBAGF,iBACE,4BAEA,aACE,SACA,kBACA,WACA,YACA,qBAIJ,2BACE,mBAGF,oBACE,uBAGF,arC5jBsB,oBqCgkBtB,kBACE,0BACA,aACA,crCjlBoB,gCqCmlBpB,eACA,qBACA,gBACA,kBAGF,cACE,kBACA,crC7kBoB,2BqCilBtB,iBACE,SACA,WACA,WACA,YACA,kBACA,oCAEA,kBrCtnBY,oCqC0nBZ,kBACE,mCAGF,kBrC7mBsB,sDqCknBxB,arCnnBwB,qBqCunBtB,gBACA,sBAGF,aACE,0BAGF,arC/nBwB,sBqCmoBxB,arCnpBc,yDqCwpBhB,oBAIE,crC5oBwB,iGqC+oBxB,eACE,yIAIA,4BACE,cACA,iIAGF,8BACE,CADF,sBACE,WACA,sBAKN,YAEE,mBACA,sCAEA,aACE,CACA,gBACA,kBACA,0DAIA,8BACE,CADF,sBACE,WACA,gBAKN,kBACE,8BACA,yBAEA,yBrCxsBc,yBqC4sBd,yBACE,wBAGF,yBrC7sBU,wBqCktBR,2BACA,eACA,iBACA,4BACA,kBACA,gBACA,0BAEA,arC9sBoB,uBqCotBpB,wBACA,qBAGF,arC1sBsB,cqC+sBxB,kBrCpuBa,kBqCsuBX,mBACA,uBAEA,YACE,8BACA,mBACA,aACA,gCAEA,SACE,SACA,gDAEA,aACE,8BAIJ,aACE,gBACA,crCnvBkB,yBqCqvBlB,iBACA,gCAEA,aACE,qBACA,iHAEA,aAGE,mCAIJ,arCjxBM,6BqCwxBR,YACE,2BACA,6BACA,mCAEA,kBACE,gFAGF,YAEE,cACA,sBACA,YACA,crCxxBgB,mLqC2xBhB,kBAEE,gBACA,uBACA,sCAIJ,aACE,6BACA,4CAEA,arCzxBgB,iBqC2xBd,gBACA,wCAIJ,aACE,sBACA,WACA,aACA,qBACA,crCnzBgB,WqC0zBxB,kBAGE,0BAFA,eACA,uBASA,CARA,eAGF,oBACE,gBACA,CAEA,qBACA,oBAGF,YACE,eACA,CACA,kBACA,wBAEA,qBACE,cACA,mBACA,aACA,0FAGF,kBAEE,kBACA,YACA,6CAGF,QACE,SACA,+CAEA,aACE,sEAGF,uBACE,yDAGF,arCv3BY,8CqC43Bd,qBACE,aACA,WrC/3BI,cqCo4BR,iBACE,kkECr4BF,kIACE,CADF,sIACE,uIAYA,aAEE,yIAGF,aAEE,qIAGF,aAEE,6IAGF,aAEE,UChCJ,aACE,gCAEA,gBACE,eACA,mBACA,+BAGF,cACE,iBACA,8CAGF,aACE,kBACA,wBAGF,gBACE,iCAGF,aACE,kBACA,uCAGF,oBACE,gDAGF,SACE,YACA,8BAGF,cACE,iBACA,mEAGF,aACE,kBACA,2DAGF,cAEE,gBACA,mFAGF,cACE,gBACA,+BAGF,eACE,2EAGF,UAEE,mCAGF,aACE,iBACA,yBAGF,kBACE,kBACA,4BAGF,UACE,UACA,wBAGF,aACE,kCAGF,MACE,WACA,cACA,mBACA,2CAGF,aACE,iBACA,0CAGF,gBACE,eACA,mCAGF,WACE,sCAGF,gBACE,gBACA,yCAGF,UACE,iCAGF,aACE,iBACA,+BAGF,UACE,0BAGF,gBACE,eACA,UAGA,WACA,yCAGF,iBACE,mBACA,4GAGF,iBAEE,gBACA,uCAGF,kBACE,eACA,2BAGF,aACE,kBACA,wCAGF,SACE,YACA,yDAGF,SACE,WACA,CAKA,oFAGF,UACE,OACA,uGAGF,UAEE,gBACA,uCAIA,cACE,iBACA,kEAEA,cACE,gBACA,qCAKN,WACE,eACA,iBACA,uCAGF,WACE,sCAGF,aACE,kBACA,0CAGF,gBACE,eACA,uDAGF,gBACE,2CAGF,cACE,iBACA,YACA,yEAGF,aAEE,iBACA,iBAGF,wBACE,iBAGF,SACE,oBACA,yBAGF,aACE,8EAGF,cAEE,gBACA,oDAGF,cACE,mBACA,gEAGF,iBACE,gBACA,CAMA,8KAGF,SACE,QACA,yDAGF,kBACE,eACA,uDAGF,kBACE,gBACA,qDAGF,SACE,QACA,8FAGF,cAEE,mBACA,4CAGF,UACE,SACA,kDAEA,UACE,OACA,+DACA,8BAIJ,sXACE,uCAGF,gBAEE,kCAGF,cACE,iBACA,gDAGF,UACE,UACA,gEAGF,aACE,uDAGF,WACE,WACA,uDAGF,UACE,WACA,uDAGF,UACE,WACA,kDAGF,MACE,0CAGF,iBACE,yBACA,qDAGF,cACE,iBACA,qCAGF,kCACE,gBAEE,kBACA,2DAEA,gBACE,mBACA,uEAKF,gBAEE,kBACA,gFAKN,cAEE,gBACA,6CAKE,eACE,eACA,sDAIJ,aACE,kBACA,4DAKF,cACE,gBACA,8DAGF,gBACE,eACA,mCAIJ,aACE,kBACA,iBACA,kCAGF,WACE,mCAGF,WACE,oCAGF,cACE,gBACA,gFAGF,cACE,mBACA,+DAGF,SACE,QACA,sBChbJ,YACE,eACA,CACA,kBACA,0BAEA,qBACE,iBACA,cACA,mBACA,yDAEA,YAEE,mBACA,kBACA,sBACA,YACA,4BAGF,oBACE,cACA,cACA,qGAEA,kBAGE,sDAKN,iBAEE,gBACA,eACA,iBACA,WxCrCI,uBwCuCJ,mBACA,iBACA,4BAGF,cACE,6BAGF,cACE,cxCjCoB,kBwCmCpB,gBACA,qBAIJ,YACE,eACA,cACA,yBAEA,gBACE,mBACA,6BAEA,aACE,sCAIJ,axCrDwB,gBwCuDtB,qBACA,0D","file":"flavours/glitch/common.css","sourcesContent":["html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:\"\";content:none}table{border-collapse:collapse;border-spacing:0}html{scrollbar-color:#192432 rgba(0,0,0,.1)}::-webkit-scrollbar{width:12px;height:12px}::-webkit-scrollbar-thumb{background:#192432;border:0px none #fff;border-radius:50px}::-webkit-scrollbar-thumb:hover{background:#1c2938}::-webkit-scrollbar-thumb:active{background:#192432}::-webkit-scrollbar-track{border:0px none #fff;border-radius:0;background:rgba(0,0,0,.1)}::-webkit-scrollbar-track:hover{background:#121a24}::-webkit-scrollbar-track:active{background:#121a24}::-webkit-scrollbar-corner{background:transparent}body{font-family:sans-serif,sans-serif;background:#06090c;font-size:13px;line-height:18px;font-weight:400;color:#fff;text-rendering:optimizelegibility;font-feature-settings:\"kern\";text-size-adjust:none;-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-tap-highlight-color:transparent}body.system-font{font-family:system-ui,-apple-system,BlinkMacSystemFont,\"Segoe UI\",\"Oxygen\",\"Ubuntu\",\"Cantarell\",\"Fira Sans\",\"Droid Sans\",\"Helvetica Neue\",sans-serif,sans-serif}body.app-body{padding:0}body.app-body.layout-single-column{height:auto;min-height:100vh;overflow-y:scroll}body.app-body.layout-multiple-columns{position:absolute;width:100%;height:100%}body.app-body.with-modals--active{overflow-y:hidden}body.lighter{background:#121a24}body.with-modals{overflow-x:hidden;overflow-y:scroll}body.with-modals--active{overflow-y:hidden}body.embed{background:#192432;margin:0;padding-bottom:0}body.embed .container{position:absolute;width:100%;height:100%;overflow:hidden}body.admin{background:#0b1016;padding:0}body.error{position:absolute;text-align:center;color:#9baec8;background:#121a24;width:100%;height:100%;padding:0;display:flex;justify-content:center;align-items:center}body.error .dialog{vertical-align:middle;margin:20px}body.error .dialog img{display:block;max-width:470px;width:100%;height:auto;margin-top:-120px}body.error .dialog h1{font-size:20px;line-height:28px;font-weight:400}button{font-family:inherit;cursor:pointer}button:focus{outline:none}.app-holder,.app-holder>div{display:flex;width:100%;align-items:center;justify-content:center;outline:0 !important}.layout-single-column .app-holder,.layout-single-column .app-holder>div{min-height:100vh}.layout-multiple-columns .app-holder,.layout-multiple-columns .app-holder>div{height:100%}.container-alt{width:700px;margin:0 auto;margin-top:40px}@media screen and (max-width: 740px){.container-alt{width:100%;margin:0}}.logo-container{margin:100px auto 50px}@media screen and (max-width: 500px){.logo-container{margin:40px auto 0}}.logo-container h1{display:flex;justify-content:center;align-items:center}.logo-container h1 svg{fill:#fff;height:42px;margin-right:10px}.logo-container h1 a{display:flex;justify-content:center;align-items:center;color:#fff;text-decoration:none;outline:0;padding:12px 16px;line-height:32px;font-family:sans-serif,sans-serif;font-weight:500;font-size:14px}.compose-standalone .compose-form{width:400px;margin:0 auto;padding:20px 0;margin-top:40px;box-sizing:border-box}@media screen and (max-width: 400px){.compose-standalone .compose-form{width:100%;margin-top:0;padding:20px}}.account-header{width:400px;margin:0 auto;display:flex;font-size:13px;line-height:18px;box-sizing:border-box;padding:20px 0;padding-bottom:0;margin-bottom:-30px;margin-top:40px}@media screen and (max-width: 440px){.account-header{width:100%;margin:0;margin-bottom:10px;padding:20px;padding-bottom:0}}.account-header .avatar{width:40px;height:40px;width:40px;height:40px;background-size:40px 40px;margin-right:8px}.account-header .avatar img{width:100%;height:100%;display:block;margin:0;border-radius:4px;border-radius:8%;background-position:50%;background-clip:padding-box}.account-header .name{flex:1 1 auto;color:#d9e1e8;width:calc(100% - 88px)}.account-header .name .username{display:block;font-weight:500;text-overflow:ellipsis;overflow:hidden}.account-header .logout-link{display:block;font-size:32px;line-height:40px;margin-left:8px}.grid-3{display:grid;grid-gap:10px;grid-template-columns:3fr 1fr;grid-auto-columns:25%;grid-auto-rows:max-content}.grid-3 .column-0{grid-column:1/3;grid-row:1}.grid-3 .column-1{grid-column:1;grid-row:2}.grid-3 .column-2{grid-column:2;grid-row:2}.grid-3 .column-3{grid-column:1/3;grid-row:3}@media screen and (max-width: 415px){.grid-3{grid-gap:0;grid-template-columns:minmax(0, 100%)}.grid-3 .column-0{grid-column:1}.grid-3 .column-1{grid-column:1;grid-row:3}.grid-3 .column-2{grid-column:1;grid-row:2}.grid-3 .column-3{grid-column:1;grid-row:4}}.grid-4{display:grid;grid-gap:10px;grid-template-columns:repeat(4, minmax(0, 1fr));grid-auto-columns:25%;grid-auto-rows:max-content}.grid-4 .column-0{grid-column:1/5;grid-row:1}.grid-4 .column-1{grid-column:1/4;grid-row:2}.grid-4 .column-2{grid-column:4;grid-row:2}.grid-4 .column-3{grid-column:2/5;grid-row:3}.grid-4 .column-4{grid-column:1;grid-row:3}.grid-4 .landing-page__call-to-action{min-height:100%}.grid-4 .flash-message{margin-bottom:10px}@media screen and (max-width: 738px){.grid-4{grid-template-columns:minmax(0, 50%) minmax(0, 50%)}.grid-4 .landing-page__call-to-action{padding:20px;display:flex;align-items:center;justify-content:center}.grid-4 .row__information-board{width:100%;justify-content:center;align-items:center}.grid-4 .row__mascot{display:none}}@media screen and (max-width: 415px){.grid-4{grid-gap:0;grid-template-columns:minmax(0, 100%)}.grid-4 .column-0{grid-column:1}.grid-4 .column-1{grid-column:1;grid-row:3}.grid-4 .column-2{grid-column:1;grid-row:2}.grid-4 .column-3{grid-column:1;grid-row:5}.grid-4 .column-4{grid-column:1;grid-row:4}}@media screen and (max-width: 415px){.public-layout{padding-top:48px}}.public-layout .container{max-width:960px}@media screen and (max-width: 415px){.public-layout .container{padding:0}}.public-layout .header{background:#202e3f;box-shadow:0 0 15px rgba(0,0,0,.2);border-radius:4px;height:48px;margin:10px 0;display:flex;align-items:stretch;justify-content:center;flex-wrap:nowrap;overflow:hidden}@media screen and (max-width: 415px){.public-layout .header{position:fixed;width:100%;top:0;left:0;margin:0;border-radius:0;box-shadow:none;z-index:110}}.public-layout .header>div{flex:1 1 33.3%;min-height:1px}.public-layout .header .nav-left{display:flex;align-items:stretch;justify-content:flex-start;flex-wrap:nowrap}.public-layout .header .nav-center{display:flex;align-items:stretch;justify-content:center;flex-wrap:nowrap}.public-layout .header .nav-right{display:flex;align-items:stretch;justify-content:flex-end;flex-wrap:nowrap}.public-layout .header .brand{display:block;padding:15px}.public-layout .header .brand svg{display:block;height:18px;width:auto;position:relative;bottom:-2px;fill:#fff}@media screen and (max-width: 415px){.public-layout .header .brand svg{height:20px}}.public-layout .header .brand:hover,.public-layout .header .brand:focus,.public-layout .header .brand:active{background:#26374d}.public-layout .header .nav-link{display:flex;align-items:center;padding:0 1rem;font-size:12px;font-weight:500;text-decoration:none;color:#9baec8;white-space:nowrap;text-align:center}.public-layout .header .nav-link:hover,.public-layout .header .nav-link:focus,.public-layout .header .nav-link:active{text-decoration:underline;color:#fff}@media screen and (max-width: 550px){.public-layout .header .nav-link.optional{display:none}}.public-layout .header .nav-button{background:#2d415a;margin:8px;margin-left:0;border-radius:4px}.public-layout .header .nav-button:hover,.public-layout .header .nav-button:focus,.public-layout .header .nav-button:active{text-decoration:none;background:#344b68}.public-layout .grid{display:grid;grid-gap:10px;grid-template-columns:minmax(300px, 3fr) minmax(298px, 1fr);grid-auto-columns:25%;grid-auto-rows:max-content}.public-layout .grid .column-0{grid-row:1;grid-column:1}.public-layout .grid .column-1{grid-row:1;grid-column:2}@media screen and (max-width: 600px){.public-layout .grid{grid-template-columns:100%;grid-gap:0}.public-layout .grid .column-1{display:none}}.public-layout .directory__card{border-radius:4px}@media screen and (max-width: 415px){.public-layout .directory__card{border-radius:0}}@media screen and (max-width: 415px){.public-layout .page-header{border-bottom:0}}.public-layout .public-account-header{overflow:hidden;margin-bottom:10px;box-shadow:0 0 15px rgba(0,0,0,.2)}.public-layout .public-account-header.inactive{opacity:.5}.public-layout .public-account-header.inactive .public-account-header__image,.public-layout .public-account-header.inactive .avatar{filter:grayscale(100%)}.public-layout .public-account-header.inactive .logo-button{background-color:#d9e1e8}.public-layout .public-account-header__image{border-radius:4px 4px 0 0;overflow:hidden;height:300px;position:relative;background:#000}.public-layout .public-account-header__image::after{content:\"\";display:block;position:absolute;width:100%;height:100%;box-shadow:inset 0 -1px 1px 1px rgba(0,0,0,.15);top:0;left:0}.public-layout .public-account-header__image img{object-fit:cover;display:block;width:100%;height:100%;margin:0;border-radius:4px 4px 0 0}@media screen and (max-width: 600px){.public-layout .public-account-header__image{height:200px}}.public-layout .public-account-header--no-bar{margin-bottom:0}.public-layout .public-account-header--no-bar .public-account-header__image,.public-layout .public-account-header--no-bar .public-account-header__image img{border-radius:4px}@media screen and (max-width: 415px){.public-layout .public-account-header--no-bar .public-account-header__image,.public-layout .public-account-header--no-bar .public-account-header__image img{border-radius:0}}@media screen and (max-width: 415px){.public-layout .public-account-header{margin-bottom:0;box-shadow:none}.public-layout .public-account-header__image::after{display:none}.public-layout .public-account-header__image,.public-layout .public-account-header__image img{border-radius:0}}.public-layout .public-account-header__bar{position:relative;margin-top:-80px;display:flex;justify-content:flex-start}.public-layout .public-account-header__bar::before{content:\"\";display:block;background:#192432;position:absolute;bottom:0;left:0;right:0;height:60px;border-radius:0 0 4px 4px;z-index:-1}.public-layout .public-account-header__bar .avatar{display:block;width:120px;height:120px;width:120px;height:120px;background-size:120px 120px;padding-left:16px;flex:0 0 auto}.public-layout .public-account-header__bar .avatar img{display:block;width:100%;height:100%;margin:0;border-radius:50%;border:4px solid #192432;background:#040609;border-radius:8%;background-position:50%;background-clip:padding-box}@media screen and (max-width: 600px){.public-layout .public-account-header__bar{margin-top:0;background:#192432;border-radius:0 0 4px 4px;padding:5px}.public-layout .public-account-header__bar::before{display:none}.public-layout .public-account-header__bar .avatar{width:48px;height:48px;width:48px;height:48px;background-size:48px 48px;padding:7px 0;padding-left:10px}.public-layout .public-account-header__bar .avatar img{border:0;border-radius:4px;border-radius:8%;background-position:50%;background-clip:padding-box}}@media screen and (max-width: 600px)and (max-width: 360px){.public-layout .public-account-header__bar .avatar{display:none}}@media screen and (max-width: 415px){.public-layout .public-account-header__bar{border-radius:0}}@media screen and (max-width: 600px){.public-layout .public-account-header__bar{flex-wrap:wrap}}.public-layout .public-account-header__tabs{flex:1 1 auto;margin-left:20px}.public-layout .public-account-header__tabs__name{padding-top:20px;padding-bottom:8px}.public-layout .public-account-header__tabs__name h1{font-size:20px;line-height:27px;color:#fff;font-weight:500;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;text-shadow:1px 1px 1px #000}.public-layout .public-account-header__tabs__name h1 small{display:block;font-size:14px;color:#fff;font-weight:400;overflow:hidden;text-overflow:ellipsis}@media screen and (max-width: 600px){.public-layout .public-account-header__tabs{margin-left:15px;display:flex;justify-content:space-between;align-items:center}.public-layout .public-account-header__tabs__name{padding-top:0;padding-bottom:0}.public-layout .public-account-header__tabs__name h1{font-size:16px;line-height:24px;text-shadow:none}.public-layout .public-account-header__tabs__name h1 small{color:#9baec8}}.public-layout .public-account-header__tabs__tabs{display:flex;justify-content:flex-start;align-items:stretch;height:58px}.public-layout .public-account-header__tabs__tabs .details-counters{display:flex;flex-direction:row;min-width:300px}@media screen and (max-width: 600px){.public-layout .public-account-header__tabs__tabs .details-counters{display:none}}.public-layout .public-account-header__tabs__tabs .counter{min-width:33.3%;box-sizing:border-box;flex:0 0 auto;color:#9baec8;padding:10px;border-right:1px solid #192432;cursor:default;text-align:center;position:relative}.public-layout .public-account-header__tabs__tabs .counter a{display:block}.public-layout .public-account-header__tabs__tabs .counter:last-child{border-right:0}.public-layout .public-account-header__tabs__tabs .counter::after{display:block;content:\"\";position:absolute;bottom:0;left:0;width:100%;border-bottom:4px solid #9baec8;opacity:.5;transition:all 400ms ease}.public-layout .public-account-header__tabs__tabs .counter.active::after{border-bottom:4px solid #d8a070;opacity:1}.public-layout .public-account-header__tabs__tabs .counter.active.inactive::after{border-bottom-color:#d9e1e8}.public-layout .public-account-header__tabs__tabs .counter:hover::after{opacity:1;transition-duration:100ms}.public-layout .public-account-header__tabs__tabs .counter a{text-decoration:none;color:inherit}.public-layout .public-account-header__tabs__tabs .counter .counter-label{font-size:12px;display:block}.public-layout .public-account-header__tabs__tabs .counter .counter-number{font-weight:500;font-size:18px;margin-bottom:5px;color:#fff;font-family:sans-serif,sans-serif}.public-layout .public-account-header__tabs__tabs .spacer{flex:1 1 auto;height:1px}.public-layout .public-account-header__tabs__tabs__buttons{padding:7px 8px}.public-layout .public-account-header__extra{display:none;margin-top:4px}.public-layout .public-account-header__extra .public-account-bio{border-radius:0;box-shadow:none;background:transparent;margin:0 -5px}.public-layout .public-account-header__extra .public-account-bio .account__header__fields{border-top:1px solid #26374d}.public-layout .public-account-header__extra .public-account-bio .roles{display:none}.public-layout .public-account-header__extra__links{margin-top:-15px;font-size:14px;color:#9baec8}.public-layout .public-account-header__extra__links a{display:inline-block;color:#9baec8;text-decoration:none;padding:15px;font-weight:500}.public-layout .public-account-header__extra__links a strong{font-weight:700;color:#fff}@media screen and (max-width: 600px){.public-layout .public-account-header__extra{display:block;flex:100%}}.public-layout .account__section-headline{border-radius:4px 4px 0 0}@media screen and (max-width: 415px){.public-layout .account__section-headline{border-radius:0}}.public-layout .detailed-status__meta{margin-top:25px}.public-layout .public-account-bio{background:#202e3f;box-shadow:0 0 15px rgba(0,0,0,.2);border-radius:4px;overflow:hidden;margin-bottom:10px}@media screen and (max-width: 415px){.public-layout .public-account-bio{box-shadow:none;margin-bottom:0;border-radius:0}}.public-layout .public-account-bio .account__header__fields{margin:0;border-top:0}.public-layout .public-account-bio .account__header__fields a{color:#e1b590}.public-layout .public-account-bio .account__header__fields dl:first-child .verified{border-radius:0 4px 0 0}.public-layout .public-account-bio .account__header__fields .verified a{color:#79bd9a}.public-layout .public-account-bio .account__header__content{padding:20px;padding-bottom:0;color:#fff}.public-layout .public-account-bio__extra,.public-layout .public-account-bio .roles{padding:20px;font-size:14px;color:#9baec8}.public-layout .public-account-bio .roles{padding-bottom:0}.public-layout .directory__list{display:grid;grid-gap:10px;grid-template-columns:minmax(0, 50%) minmax(0, 50%)}@media screen and (max-width: 415px){.public-layout .directory__list{display:block}}.public-layout .directory__list .icon-button{font-size:18px}.public-layout .directory__card{margin-bottom:0}.public-layout .card-grid{display:flex;flex-wrap:wrap;min-width:100%;margin:0 -5px}.public-layout .card-grid>div{box-sizing:border-box;flex:1 0 auto;width:300px;padding:0 5px;margin-bottom:10px;max-width:33.333%}@media screen and (max-width: 900px){.public-layout .card-grid>div{max-width:50%}}@media screen and (max-width: 600px){.public-layout .card-grid>div{max-width:100%}}@media screen and (max-width: 415px){.public-layout .card-grid{margin:0;border-top:1px solid #202e3f}.public-layout .card-grid>div{width:100%;padding:0;margin-bottom:0;border-bottom:1px solid #202e3f}.public-layout .card-grid>div:last-child{border-bottom:0}.public-layout .card-grid>div .card__bar{background:#121a24}.public-layout .card-grid>div .card__bar:hover,.public-layout .card-grid>div .card__bar:active,.public-layout .card-grid>div .card__bar:focus{background:#192432}}.no-list{list-style:none}.no-list li{display:inline-block;margin:0 5px}.recovery-codes{list-style:none;margin:0 auto}.recovery-codes li{font-size:125%;line-height:1.5;letter-spacing:1px}.modal-layout{background:#121a24 url('data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 234.80078 31.757813\" width=\"234.80078\" height=\"31.757812\"><path d=\"M19.599609 0c-1.05 0-2.10039.375-2.90039 1.125L0 16.925781v14.832031h234.80078V17.025391l-16.5-15.900391c-1.6-1.5-4.20078-1.5-5.80078 0l-13.80078 13.099609c-1.6 1.5-4.19883 1.5-5.79883 0L179.09961 1.125c-1.6-1.5-4.19883-1.5-5.79883 0L159.5 14.224609c-1.6 1.5-4.20078 1.5-5.80078 0L139.90039 1.125c-1.6-1.5-4.20078-1.5-5.80078 0l-13.79883 13.099609c-1.6 1.5-4.20078 1.5-5.80078 0L100.69922 1.125c-1.600001-1.5-4.198829-1.5-5.798829 0l-13.59961 13.099609c-1.6 1.5-4.200781 1.5-5.800781 0L61.699219 1.125c-1.6-1.5-4.198828-1.5-5.798828 0L42.099609 14.224609c-1.6 1.5-4.198828 1.5-5.798828 0L22.5 1.125C21.7.375 20.649609 0 19.599609 0z\" fill=\"%233E5A7C\"/></svg>') repeat-x bottom fixed;display:flex;flex-direction:column;height:100vh;padding:0}.modal-layout__mastodon{display:flex;flex:1;flex-direction:column;justify-content:flex-end}.modal-layout__mastodon>*{flex:1;max-height:235px}@media screen and (max-width: 600px){.account-header{margin-top:0}}.public-layout .footer{text-align:left;padding-top:20px;padding-bottom:60px;font-size:12px;color:#4c6d98}@media screen and (max-width: 415px){.public-layout .footer{padding-left:20px;padding-right:20px}}.public-layout .footer .grid{display:grid;grid-gap:10px;grid-template-columns:1fr 1fr 2fr 1fr 1fr}.public-layout .footer .grid .column-0{grid-column:1;grid-row:1;min-width:0}.public-layout .footer .grid .column-1{grid-column:2;grid-row:1;min-width:0}.public-layout .footer .grid .column-2{grid-column:3;grid-row:1;min-width:0;text-align:center}.public-layout .footer .grid .column-2 h4 a{color:#4c6d98}.public-layout .footer .grid .column-3{grid-column:4;grid-row:1;min-width:0}.public-layout .footer .grid .column-4{grid-column:5;grid-row:1;min-width:0}@media screen and (max-width: 690px){.public-layout .footer .grid{grid-template-columns:1fr 2fr 1fr}.public-layout .footer .grid .column-0,.public-layout .footer .grid .column-1{grid-column:1}.public-layout .footer .grid .column-1{grid-row:2}.public-layout .footer .grid .column-2{grid-column:2}.public-layout .footer .grid .column-3,.public-layout .footer .grid .column-4{grid-column:3}.public-layout .footer .grid .column-4{grid-row:2}}@media screen and (max-width: 600px){.public-layout .footer .grid .column-1{display:block}}@media screen and (max-width: 415px){.public-layout .footer .grid .column-0,.public-layout .footer .grid .column-1,.public-layout .footer .grid .column-3,.public-layout .footer .grid .column-4{display:none}}.public-layout .footer h4{text-transform:uppercase;font-weight:700;margin-bottom:8px;color:#9baec8}.public-layout .footer h4 a{color:inherit;text-decoration:none}.public-layout .footer ul a{text-decoration:none;color:#4c6d98}.public-layout .footer ul a:hover,.public-layout .footer ul a:active,.public-layout .footer ul a:focus{text-decoration:underline}.public-layout .footer .brand svg{display:block;height:36px;width:auto;margin:0 auto;fill:#4c6d98}.public-layout .footer .brand:hover svg,.public-layout .footer .brand:focus svg,.public-layout .footer .brand:active svg{fill:#5377a5}.compact-header h1{font-size:24px;line-height:28px;color:#9baec8;font-weight:500;margin-bottom:20px;padding:0 10px;word-wrap:break-word}@media screen and (max-width: 740px){.compact-header h1{text-align:center;padding:20px 10px 0}}.compact-header h1 a{color:inherit;text-decoration:none}.compact-header h1 small{font-weight:400;color:#d9e1e8}.compact-header h1 img{display:inline-block;margin-bottom:-5px;margin-right:15px;width:36px;height:36px}.hero-widget{margin-bottom:10px;box-shadow:0 0 15px rgba(0,0,0,.2)}.hero-widget__img{width:100%;position:relative;overflow:hidden;border-radius:4px 4px 0 0;background:#000}.hero-widget__img img{object-fit:cover;display:block;width:100%;height:100%;margin:0;border-radius:4px 4px 0 0}.hero-widget__text{background:#121a24;padding:20px;border-radius:0 0 4px 4px;font-size:15px;color:#9baec8;line-height:20px;word-wrap:break-word;font-weight:400}.hero-widget__text .emojione{width:20px;height:20px;margin:-3px 0 0}.hero-widget__text p{margin-bottom:20px}.hero-widget__text p:last-child{margin-bottom:0}.hero-widget__text em{display:inline;margin:0;padding:0;font-weight:700;background:transparent;font-family:inherit;font-size:inherit;line-height:inherit;color:#bcc9da}.hero-widget__text a{color:#d9e1e8;text-decoration:none}.hero-widget__text a:hover{text-decoration:underline}@media screen and (max-width: 415px){.hero-widget{display:none}}.endorsements-widget{margin-bottom:10px;padding-bottom:10px}.endorsements-widget h4{padding:10px;text-transform:uppercase;font-weight:700;font-size:13px;color:#9baec8}.endorsements-widget .account{padding:10px 0}.endorsements-widget .account:last-child{border-bottom:0}.endorsements-widget .account .account__display-name{display:flex;align-items:center}.endorsements-widget .account .account__avatar{width:44px;height:44px;background-size:44px 44px}.endorsements-widget .trends__item{padding:10px}.trends-widget h4{color:#9baec8}.box-widget{padding:20px;border-radius:4px;background:#121a24;box-shadow:0 0 15px rgba(0,0,0,.2)}.placeholder-widget{padding:16px;border-radius:4px;border:2px dashed #3e5a7c;text-align:center;color:#9baec8;margin-bottom:10px}.contact-widget{min-height:100%;font-size:15px;color:#9baec8;line-height:20px;word-wrap:break-word;font-weight:400;padding:0}.contact-widget h4{padding:10px;text-transform:uppercase;font-weight:700;font-size:13px;color:#9baec8}.contact-widget .account{border-bottom:0;padding:10px 0;padding-top:5px}.contact-widget>a{display:inline-block;padding:10px;padding-top:0;color:#9baec8;text-decoration:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.contact-widget>a:hover,.contact-widget>a:focus,.contact-widget>a:active{text-decoration:underline}.moved-account-widget{padding:15px;padding-bottom:20px;border-radius:4px;background:#121a24;box-shadow:0 0 15px rgba(0,0,0,.2);color:#d9e1e8;font-weight:400;margin-bottom:10px}.moved-account-widget strong,.moved-account-widget a{font-weight:500}.moved-account-widget strong:lang(ja),.moved-account-widget a:lang(ja){font-weight:700}.moved-account-widget strong:lang(ko),.moved-account-widget a:lang(ko){font-weight:700}.moved-account-widget strong:lang(zh-CN),.moved-account-widget a:lang(zh-CN){font-weight:700}.moved-account-widget strong:lang(zh-HK),.moved-account-widget a:lang(zh-HK){font-weight:700}.moved-account-widget strong:lang(zh-TW),.moved-account-widget a:lang(zh-TW){font-weight:700}.moved-account-widget a{color:inherit;text-decoration:underline}.moved-account-widget a.mention{text-decoration:none}.moved-account-widget a.mention span{text-decoration:none}.moved-account-widget a.mention:focus,.moved-account-widget a.mention:hover,.moved-account-widget a.mention:active{text-decoration:none}.moved-account-widget a.mention:focus span,.moved-account-widget a.mention:hover span,.moved-account-widget a.mention:active span{text-decoration:underline}.moved-account-widget__message{margin-bottom:15px}.moved-account-widget__message .fa{margin-right:5px;color:#9baec8}.moved-account-widget__card .detailed-status__display-avatar{position:relative;cursor:pointer}.moved-account-widget__card .detailed-status__display-name{margin-bottom:0;text-decoration:none}.moved-account-widget__card .detailed-status__display-name span{font-weight:400}.memoriam-widget{padding:20px;border-radius:4px;background:#000;box-shadow:0 0 15px rgba(0,0,0,.2);font-size:14px;color:#9baec8;margin-bottom:10px}.page-header{background:#202e3f;box-shadow:0 0 15px rgba(0,0,0,.2);border-radius:4px;padding:60px 15px;text-align:center;margin:10px 0}.page-header h1{color:#fff;font-size:36px;line-height:1.1;font-weight:700;margin-bottom:10px}.page-header p{font-size:15px;color:#9baec8}@media screen and (max-width: 415px){.page-header{margin-top:0;background:#192432}.page-header h1{font-size:24px}}.directory{background:#121a24;border-radius:4px;box-shadow:0 0 15px rgba(0,0,0,.2)}.directory__tag{box-sizing:border-box;margin-bottom:10px}.directory__tag>a,.directory__tag>div{display:flex;align-items:center;justify-content:space-between;background:#121a24;border-radius:4px;padding:15px;text-decoration:none;color:inherit;box-shadow:0 0 15px rgba(0,0,0,.2)}.directory__tag>a:hover,.directory__tag>a:active,.directory__tag>a:focus{background:#202e3f}.directory__tag.active>a{background:#d8a070;cursor:default}.directory__tag.disabled>div{opacity:.5;cursor:default}.directory__tag h4{flex:1 1 auto;font-size:18px;font-weight:700;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.directory__tag h4 .fa{color:#9baec8}.directory__tag h4 small{display:block;font-weight:400;font-size:15px;margin-top:8px;color:#9baec8}.directory__tag.active h4,.directory__tag.active h4 .fa,.directory__tag.active h4 small{color:#fff}.directory__tag .avatar-stack{flex:0 0 auto;width:120px}.directory__tag.active .avatar-stack .account__avatar{border-color:#d8a070}.avatar-stack{display:flex;justify-content:flex-end}.avatar-stack .account__avatar{flex:0 0 auto;width:36px;height:36px;border-radius:50%;position:relative;margin-left:-10px;background:#040609;border:2px solid #121a24}.avatar-stack .account__avatar:nth-child(1){z-index:1}.avatar-stack .account__avatar:nth-child(2){z-index:2}.avatar-stack .account__avatar:nth-child(3){z-index:3}.accounts-table{width:100%}.accounts-table .account{padding:0;border:0}.accounts-table strong{font-weight:700}.accounts-table thead th{text-align:center;text-transform:uppercase;color:#9baec8;font-weight:700;padding:10px}.accounts-table thead th:first-child{text-align:left}.accounts-table tbody td{padding:15px 0;vertical-align:middle;border-bottom:1px solid #202e3f}.accounts-table tbody tr:last-child td{border-bottom:0}.accounts-table__count{width:120px;text-align:center;font-size:15px;font-weight:500;color:#fff}.accounts-table__count small{display:block;color:#9baec8;font-weight:400;font-size:14px}.accounts-table__comment{width:50%;vertical-align:initial !important}@media screen and (max-width: 415px){.accounts-table tbody td.optional{display:none}}@media screen and (max-width: 415px){.moved-account-widget,.memoriam-widget,.box-widget,.contact-widget,.landing-page__information.contact-widget,.directory,.page-header{margin-bottom:0;box-shadow:none;border-radius:0}}.statuses-grid{min-height:600px}@media screen and (max-width: 640px){.statuses-grid{width:100% !important}}.statuses-grid__item{width:313.3333333333px}@media screen and (max-width: 1255px){.statuses-grid__item{width:306.6666666667px}}@media screen and (max-width: 640px){.statuses-grid__item{width:100%}}@media screen and (max-width: 415px){.statuses-grid__item{width:100vw}}.statuses-grid .detailed-status{border-radius:4px}@media screen and (max-width: 415px){.statuses-grid .detailed-status{border-top:1px solid #2d415a}}.statuses-grid .detailed-status.compact .detailed-status__meta{margin-top:15px}.statuses-grid .detailed-status.compact .status__content{font-size:15px;line-height:20px}.statuses-grid .detailed-status.compact .status__content .emojione{width:20px;height:20px;margin:-3px 0 0}.statuses-grid .detailed-status.compact .status__content .status__content__spoiler-link{line-height:20px;margin:0}.statuses-grid .detailed-status.compact .media-gallery,.statuses-grid .detailed-status.compact .status-card,.statuses-grid .detailed-status.compact .video-player{margin-top:15px}.notice-widget{margin-bottom:10px;color:#9baec8}.notice-widget p{margin-bottom:10px}.notice-widget p:last-child{margin-bottom:0}.notice-widget a{font-size:14px;line-height:20px}.notice-widget a,.placeholder-widget a{text-decoration:none;font-weight:500;color:#d8a070}.notice-widget a:hover,.notice-widget a:focus,.notice-widget a:active,.placeholder-widget a:hover,.placeholder-widget a:focus,.placeholder-widget a:active{text-decoration:underline}.table-of-contents{background:#0b1016;min-height:100%;font-size:14px;border-radius:4px}.table-of-contents li a{display:block;font-weight:500;padding:15px;overflow:hidden;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-decoration:none;color:#fff;border-bottom:1px solid #192432}.table-of-contents li a:hover,.table-of-contents li a:focus,.table-of-contents li a:active{text-decoration:underline}.table-of-contents li:last-child a{border-bottom:0}.table-of-contents li ul{padding-left:20px;border-bottom:1px solid #192432}code{font-family:monospace,monospace;font-weight:400}.form-container{max-width:400px;padding:20px;margin:0 auto}.simple_form .input{margin-bottom:15px;overflow:hidden}.simple_form .input.hidden{margin:0}.simple_form .input.radio_buttons .radio{margin-bottom:15px}.simple_form .input.radio_buttons .radio:last-child{margin-bottom:0}.simple_form .input.radio_buttons .radio>label{position:relative;padding-left:28px}.simple_form .input.radio_buttons .radio>label input{position:absolute;top:-2px;left:0}.simple_form .input.boolean{position:relative;margin-bottom:0}.simple_form .input.boolean .label_input>label{font-family:inherit;font-size:14px;padding-top:5px;color:#fff;display:block;width:auto}.simple_form .input.boolean .label_input,.simple_form .input.boolean .hint{padding-left:28px}.simple_form .input.boolean .label_input__wrapper{position:static}.simple_form .input.boolean label.checkbox{position:absolute;top:2px;left:0}.simple_form .input.boolean label a{color:#d8a070;text-decoration:underline}.simple_form .input.boolean label a:hover,.simple_form .input.boolean label a:active,.simple_form .input.boolean label a:focus{text-decoration:none}.simple_form .input.boolean .recommended{position:absolute;margin:0 4px;margin-top:-2px}.simple_form .row{display:flex;margin:0 -5px}.simple_form .row .input{box-sizing:border-box;flex:1 1 auto;width:50%;padding:0 5px}.simple_form .hint{color:#9baec8}.simple_form .hint a{color:#d8a070}.simple_form .hint code{border-radius:3px;padding:.2em .4em;background:#000}.simple_form span.hint{display:block;font-size:12px;margin-top:4px}.simple_form p.hint{margin-bottom:15px;color:#9baec8}.simple_form p.hint.subtle-hint{text-align:center;font-size:12px;line-height:18px;margin-top:15px;margin-bottom:0}.simple_form .card{margin-bottom:15px}.simple_form strong{font-weight:500}.simple_form strong:lang(ja){font-weight:700}.simple_form strong:lang(ko){font-weight:700}.simple_form strong:lang(zh-CN){font-weight:700}.simple_form strong:lang(zh-HK){font-weight:700}.simple_form strong:lang(zh-TW){font-weight:700}.simple_form .input.with_floating_label .label_input{display:flex}.simple_form .input.with_floating_label .label_input>label{font-family:inherit;font-size:14px;color:#fff;font-weight:500;min-width:150px;flex:0 0 auto}.simple_form .input.with_floating_label .label_input input,.simple_form .input.with_floating_label .label_input select{flex:1 1 auto}.simple_form .input.with_floating_label.select .hint{margin-top:6px;margin-left:150px}.simple_form .input.with_label .label_input>label{font-family:inherit;font-size:14px;color:#fff;display:block;margin-bottom:8px;word-wrap:break-word;font-weight:500}.simple_form .input.with_label .hint{margin-top:6px}.simple_form .input.with_label ul{flex:390px}.simple_form .input.with_block_label{max-width:none}.simple_form .input.with_block_label>label{font-family:inherit;font-size:16px;color:#fff;display:block;font-weight:500;padding-top:5px}.simple_form .input.with_block_label .hint{margin-bottom:15px}.simple_form .input.with_block_label ul{columns:2}.simple_form .required abbr{text-decoration:none;color:#e87487}.simple_form .fields-group{margin-bottom:25px}.simple_form .fields-group .input:last-child{margin-bottom:0}.simple_form .fields-row{display:flex;margin:0 -10px;padding-top:5px;margin-bottom:25px}.simple_form .fields-row .input{max-width:none}.simple_form .fields-row__column{box-sizing:border-box;padding:0 10px;flex:1 1 auto;min-height:1px}.simple_form .fields-row__column-6{max-width:50%}.simple_form .fields-row__column .actions{margin-top:27px}.simple_form .fields-row .fields-group:last-child,.simple_form .fields-row .fields-row__column.fields-group{margin-bottom:0}@media screen and (max-width: 600px){.simple_form .fields-row{display:block;margin-bottom:0}.simple_form .fields-row__column{max-width:none}.simple_form .fields-row .fields-group:last-child,.simple_form .fields-row .fields-row__column.fields-group,.simple_form .fields-row .fields-row__column{margin-bottom:25px}}.simple_form .input.radio_buttons .radio label{margin-bottom:5px;font-family:inherit;font-size:14px;color:#fff;display:block;width:auto}.simple_form .check_boxes .checkbox label{font-family:inherit;font-size:14px;color:#fff;display:inline-block;width:auto;position:relative;padding-top:5px;padding-left:25px;flex:1 1 auto}.simple_form .check_boxes .checkbox input[type=checkbox]{position:absolute;left:0;top:5px;margin:0}.simple_form .input.static .label_input__wrapper{font-size:16px;padding:10px;border:1px solid #3e5a7c;border-radius:4px}.simple_form input[type=text],.simple_form input[type=number],.simple_form input[type=email],.simple_form input[type=password],.simple_form textarea{box-sizing:border-box;font-size:16px;color:#fff;display:block;width:100%;outline:0;font-family:inherit;resize:vertical;background:#010102;border:1px solid #000;border-radius:4px;padding:10px}.simple_form input[type=text]::placeholder,.simple_form input[type=number]::placeholder,.simple_form input[type=email]::placeholder,.simple_form input[type=password]::placeholder,.simple_form textarea::placeholder{color:#a8b9cf}.simple_form input[type=text]:invalid,.simple_form input[type=number]:invalid,.simple_form input[type=email]:invalid,.simple_form input[type=password]:invalid,.simple_form textarea:invalid{box-shadow:none}.simple_form input[type=text]:focus:invalid:not(:placeholder-shown),.simple_form input[type=number]:focus:invalid:not(:placeholder-shown),.simple_form input[type=email]:focus:invalid:not(:placeholder-shown),.simple_form input[type=password]:focus:invalid:not(:placeholder-shown),.simple_form textarea:focus:invalid:not(:placeholder-shown){border-color:#e87487}.simple_form input[type=text]:required:valid,.simple_form input[type=number]:required:valid,.simple_form input[type=email]:required:valid,.simple_form input[type=password]:required:valid,.simple_form textarea:required:valid{border-color:#79bd9a}.simple_form input[type=text]:hover,.simple_form input[type=number]:hover,.simple_form input[type=email]:hover,.simple_form input[type=password]:hover,.simple_form textarea:hover{border-color:#000}.simple_form input[type=text]:active,.simple_form input[type=text]:focus,.simple_form input[type=number]:active,.simple_form input[type=number]:focus,.simple_form input[type=email]:active,.simple_form input[type=email]:focus,.simple_form input[type=password]:active,.simple_form input[type=password]:focus,.simple_form textarea:active,.simple_form textarea:focus{border-color:#d8a070;background:#040609}.simple_form .input.field_with_errors label{color:#e87487}.simple_form .input.field_with_errors input[type=text],.simple_form .input.field_with_errors input[type=number],.simple_form .input.field_with_errors input[type=email],.simple_form .input.field_with_errors input[type=password],.simple_form .input.field_with_errors textarea,.simple_form .input.field_with_errors select{border-color:#e87487}.simple_form .input.field_with_errors .error{display:block;font-weight:500;color:#e87487;margin-top:4px}.simple_form .input.disabled{opacity:.5}.simple_form .actions{margin-top:30px;display:flex}.simple_form .actions.actions--top{margin-top:0;margin-bottom:30px}.simple_form button,.simple_form .button,.simple_form .block-button{display:block;width:100%;border:0;border-radius:4px;background:#d8a070;color:#fff;font-size:18px;line-height:inherit;height:auto;padding:10px;text-transform:uppercase;text-decoration:none;text-align:center;box-sizing:border-box;cursor:pointer;font-weight:500;outline:0;margin-bottom:10px;margin-right:10px}.simple_form button:last-child,.simple_form .button:last-child,.simple_form .block-button:last-child{margin-right:0}.simple_form button:hover,.simple_form .button:hover,.simple_form .block-button:hover{background-color:#ddad84}.simple_form button:active,.simple_form button:focus,.simple_form .button:active,.simple_form .button:focus,.simple_form .block-button:active,.simple_form .block-button:focus{background-color:#d3935c}.simple_form button:disabled:hover,.simple_form .button:disabled:hover,.simple_form .block-button:disabled:hover{background-color:#9baec8}.simple_form button.negative,.simple_form .button.negative,.simple_form .block-button.negative{background:#df405a}.simple_form button.negative:hover,.simple_form .button.negative:hover,.simple_form .block-button.negative:hover{background-color:#e3566d}.simple_form button.negative:active,.simple_form button.negative:focus,.simple_form .button.negative:active,.simple_form .button.negative:focus,.simple_form .block-button.negative:active,.simple_form .block-button.negative:focus{background-color:#db2a47}.simple_form select{appearance:none;box-sizing:border-box;font-size:16px;color:#fff;display:block;width:100%;outline:0;font-family:inherit;resize:vertical;background:#010102 url(\"data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14.933 18.467' height='19.698' width='15.929'><path d='M3.467 14.967l-3.393-3.5H14.86l-3.392 3.5c-1.866 1.925-3.666 3.5-4 3.5-.335 0-2.135-1.575-4-3.5zm.266-11.234L7.467 0 11.2 3.733l3.733 3.734H0l3.733-3.734z' fill='%2326374D'/></svg>\") no-repeat right 8px center/auto 16px;border:1px solid #000;border-radius:4px;padding-left:10px;padding-right:30px;height:41px}.simple_form h4{margin-bottom:15px !important}.simple_form .label_input__wrapper{position:relative}.simple_form .label_input__append{position:absolute;right:3px;top:1px;padding:10px;padding-bottom:9px;font-size:16px;color:#3e5a7c;font-family:inherit;pointer-events:none;cursor:default;max-width:140px;white-space:nowrap;overflow:hidden}.simple_form .label_input__append::after{content:\"\";display:block;position:absolute;top:0;right:0;bottom:1px;width:5px;background-image:linear-gradient(to right, rgba(1, 1, 2, 0), #010102)}.simple_form__overlay-area{position:relative}.simple_form__overlay-area__blurred form{filter:blur(2px)}.simple_form__overlay-area__overlay{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;justify-content:center;align-items:center;background:rgba(18,26,36,.65);border-radius:4px;margin-left:-4px;margin-top:-4px;padding:4px}.simple_form__overlay-area__overlay__content{text-align:center}.simple_form__overlay-area__overlay__content.rich-formatting,.simple_form__overlay-area__overlay__content.rich-formatting p{color:#fff}.block-icon{display:block;margin:0 auto;margin-bottom:10px;font-size:24px}.flash-message{background:#202e3f;color:#9baec8;border-radius:4px;padding:15px 10px;margin-bottom:30px;text-align:center}.flash-message.notice{border:1px solid rgba(121,189,154,.5);background:rgba(121,189,154,.25);color:#79bd9a}.flash-message.alert{border:1px solid rgba(223,64,90,.5);background:rgba(223,64,90,.25);color:#df405a}.flash-message a{display:inline-block;color:#9baec8;text-decoration:none}.flash-message a:hover{color:#fff;text-decoration:underline}.flash-message p{margin-bottom:15px}.flash-message .oauth-code{outline:0;box-sizing:border-box;display:block;width:100%;border:none;padding:10px;font-family:monospace,monospace;background:#121a24;color:#fff;font-size:14px;margin:0}.flash-message .oauth-code::-moz-focus-inner{border:0}.flash-message .oauth-code::-moz-focus-inner,.flash-message .oauth-code:focus,.flash-message .oauth-code:active{outline:0 !important}.flash-message .oauth-code:focus{background:#192432}.flash-message strong{font-weight:500}.flash-message strong:lang(ja){font-weight:700}.flash-message strong:lang(ko){font-weight:700}.flash-message strong:lang(zh-CN){font-weight:700}.flash-message strong:lang(zh-HK){font-weight:700}.flash-message strong:lang(zh-TW){font-weight:700}@media screen and (max-width: 740px)and (min-width: 441px){.flash-message{margin-top:40px}}.form-footer{margin-top:30px;text-align:center}.form-footer a{color:#9baec8;text-decoration:none}.form-footer a:hover{text-decoration:underline}.quick-nav{list-style:none;margin-bottom:25px;font-size:14px}.quick-nav li{display:inline-block;margin-right:10px}.quick-nav a{color:#d8a070;text-transform:uppercase;text-decoration:none;font-weight:700}.quick-nav a:hover,.quick-nav a:focus,.quick-nav a:active{color:#e1b590}.oauth-prompt,.follow-prompt{margin-bottom:30px;color:#9baec8}.oauth-prompt h2,.follow-prompt h2{font-size:16px;margin-bottom:30px;text-align:center}.oauth-prompt strong,.follow-prompt strong{color:#d9e1e8;font-weight:500}.oauth-prompt strong:lang(ja),.follow-prompt strong:lang(ja){font-weight:700}.oauth-prompt strong:lang(ko),.follow-prompt strong:lang(ko){font-weight:700}.oauth-prompt strong:lang(zh-CN),.follow-prompt strong:lang(zh-CN){font-weight:700}.oauth-prompt strong:lang(zh-HK),.follow-prompt strong:lang(zh-HK){font-weight:700}.oauth-prompt strong:lang(zh-TW),.follow-prompt strong:lang(zh-TW){font-weight:700}@media screen and (max-width: 740px)and (min-width: 441px){.oauth-prompt,.follow-prompt{margin-top:40px}}.qr-wrapper{display:flex;flex-wrap:wrap;align-items:flex-start}.qr-code{flex:0 0 auto;background:#fff;padding:4px;margin:0 10px 20px 0;box-shadow:0 0 15px rgba(0,0,0,.2);display:inline-block}.qr-code svg{display:block;margin:0}.qr-alternative{margin-bottom:20px;color:#d9e1e8;flex:150px}.qr-alternative samp{display:block;font-size:14px}.table-form p{margin-bottom:15px}.table-form p strong{font-weight:500}.table-form p strong:lang(ja){font-weight:700}.table-form p strong:lang(ko){font-weight:700}.table-form p strong:lang(zh-CN){font-weight:700}.table-form p strong:lang(zh-HK){font-weight:700}.table-form p strong:lang(zh-TW){font-weight:700}.simple_form .warning,.table-form .warning{box-sizing:border-box;background:rgba(223,64,90,.5);color:#fff;text-shadow:1px 1px 0 rgba(0,0,0,.3);box-shadow:0 2px 6px rgba(0,0,0,.4);border-radius:4px;padding:10px;margin-bottom:15px}.simple_form .warning a,.table-form .warning a{color:#fff;text-decoration:underline}.simple_form .warning a:hover,.simple_form .warning a:focus,.simple_form .warning a:active,.table-form .warning a:hover,.table-form .warning a:focus,.table-form .warning a:active{text-decoration:none}.simple_form .warning strong,.table-form .warning strong{font-weight:600;display:block;margin-bottom:5px}.simple_form .warning strong:lang(ja),.table-form .warning strong:lang(ja){font-weight:700}.simple_form .warning strong:lang(ko),.table-form .warning strong:lang(ko){font-weight:700}.simple_form .warning strong:lang(zh-CN),.table-form .warning strong:lang(zh-CN){font-weight:700}.simple_form .warning strong:lang(zh-HK),.table-form .warning strong:lang(zh-HK){font-weight:700}.simple_form .warning strong:lang(zh-TW),.table-form .warning strong:lang(zh-TW){font-weight:700}.simple_form .warning strong .fa,.table-form .warning strong .fa{font-weight:400}.action-pagination{display:flex;flex-wrap:wrap;align-items:center}.action-pagination .actions,.action-pagination .pagination{flex:1 1 auto}.action-pagination .actions{padding:30px 0;padding-right:20px;flex:0 0 auto}.post-follow-actions{text-align:center;color:#9baec8}.post-follow-actions div{margin-bottom:4px}.alternative-login{margin-top:20px;margin-bottom:20px}.alternative-login h4{font-size:16px;color:#fff;text-align:center;margin-bottom:20px;border:0;padding:0}.alternative-login .button{display:block}.scope-danger{color:#ff5050}.form_admin_settings_site_short_description textarea,.form_admin_settings_site_description textarea,.form_admin_settings_site_extended_description textarea,.form_admin_settings_site_terms textarea,.form_admin_settings_custom_css textarea,.form_admin_settings_closed_registrations_message textarea{font-family:monospace,monospace}.input-copy{background:#010102;border:1px solid #000;border-radius:4px;display:flex;align-items:center;padding-right:4px;position:relative;top:1px;transition:border-color 300ms linear}.input-copy__wrapper{flex:1 1 auto}.input-copy input[type=text]{background:transparent;border:0;padding:10px;font-size:14px;font-family:monospace,monospace}.input-copy button{flex:0 0 auto;margin:4px;text-transform:none;font-weight:400;font-size:14px;padding:7px 18px;padding-bottom:6px;width:auto;transition:background 300ms linear}.input-copy.copied{border-color:#79bd9a;transition:none}.input-copy.copied button{background:#79bd9a;transition:none}.connection-prompt{margin-bottom:25px}.connection-prompt .fa-link{background-color:#0b1016;border-radius:100%;font-size:24px;padding:10px}.connection-prompt__column{align-items:center;display:flex;flex:1;flex-direction:column;flex-shrink:1;max-width:50%}.connection-prompt__column-sep{align-self:center;flex-grow:0;overflow:visible;position:relative;z-index:1}.connection-prompt__column p{word-break:break-word}.connection-prompt .account__avatar{margin-bottom:20px}.connection-prompt__connection{background-color:#202e3f;box-shadow:0 0 15px rgba(0,0,0,.2);border-radius:4px;padding:25px 10px;position:relative;text-align:center}.connection-prompt__connection::after{background-color:#0b1016;content:\"\";display:block;height:100%;left:50%;position:absolute;top:0;width:1px}.connection-prompt__row{align-items:flex-start;display:flex;flex-direction:row}.card>a{display:block;text-decoration:none;color:inherit;box-shadow:0 0 15px rgba(0,0,0,.2)}@media screen and (max-width: 415px){.card>a{box-shadow:none}}.card>a:hover .card__bar,.card>a:active .card__bar,.card>a:focus .card__bar{background:#202e3f}.card__img{height:130px;position:relative;background:#000;border-radius:4px 4px 0 0}.card__img img{display:block;width:100%;height:100%;margin:0;object-fit:cover;border-radius:4px 4px 0 0}@media screen and (max-width: 600px){.card__img{height:200px}}@media screen and (max-width: 415px){.card__img{display:none}}.card__bar{position:relative;padding:15px;display:flex;justify-content:flex-start;align-items:center;background:#192432;border-radius:0 0 4px 4px}@media screen and (max-width: 415px){.card__bar{border-radius:0}}.card__bar .avatar{flex:0 0 auto;width:48px;height:48px;width:48px;height:48px;background-size:48px 48px;padding-top:2px}.card__bar .avatar img{width:100%;height:100%;display:block;margin:0;border-radius:4px;border-radius:8%;background-position:50%;background-clip:padding-box;background:#040609;object-fit:cover}.card__bar .display-name{margin-left:15px;text-align:left}.card__bar .display-name strong{font-size:15px;color:#fff;font-weight:500;overflow:hidden;text-overflow:ellipsis}.card__bar .display-name span{display:block;font-size:14px;color:#9baec8;font-weight:400;overflow:hidden;text-overflow:ellipsis}.pagination{padding:30px 0;text-align:center;overflow:hidden}.pagination a,.pagination .current,.pagination .newer,.pagination .older,.pagination .page,.pagination .gap{font-size:14px;color:#fff;font-weight:500;display:inline-block;padding:6px 10px;text-decoration:none}.pagination .current{background:#fff;border-radius:100px;color:#121a24;cursor:default;margin:0 10px}.pagination .gap{cursor:default}.pagination .older,.pagination .newer{text-transform:uppercase;color:#d9e1e8}.pagination .older{float:left;padding-left:0}.pagination .older .fa{display:inline-block;margin-right:5px}.pagination .newer{float:right;padding-right:0}.pagination .newer .fa{display:inline-block;margin-left:5px}.pagination .disabled{cursor:default;color:#233346}@media screen and (max-width: 700px){.pagination{padding:30px 20px}.pagination .page{display:none}.pagination .newer,.pagination .older{display:inline-block}}.nothing-here{background:#121a24;box-shadow:0 0 15px rgba(0,0,0,.2);color:#9baec8;font-size:14px;font-weight:500;text-align:center;display:flex;justify-content:center;align-items:center;cursor:default;border-radius:4px;padding:20px;min-height:30vh}.nothing-here--under-tabs{border-radius:0 0 4px 4px}.nothing-here--flexible{box-sizing:border-box;min-height:100%}.account-role,.simple_form .recommended{display:inline-block;padding:4px 6px;cursor:default;border-radius:3px;font-size:12px;line-height:12px;font-weight:500;color:#d9e1e8;background-color:rgba(217,225,232,.1);border:1px solid rgba(217,225,232,.5)}.account-role.moderator,.simple_form .recommended.moderator{color:#79bd9a;background-color:rgba(121,189,154,.1);border-color:rgba(121,189,154,.5)}.account-role.admin,.simple_form .recommended.admin{color:#e87487;background-color:rgba(232,116,135,.1);border-color:rgba(232,116,135,.5)}.account__header__fields{max-width:100vw;padding:0;margin:15px -15px -15px;border:0 none;border-top:1px solid #26374d;border-bottom:1px solid #26374d;font-size:14px;line-height:20px}.account__header__fields dl{display:flex;border-bottom:1px solid #26374d}.account__header__fields dt,.account__header__fields dd{box-sizing:border-box;padding:14px;text-align:center;max-height:48px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.account__header__fields dt{font-weight:500;width:120px;flex:0 0 auto;color:#d9e1e8;background:rgba(4,6,9,.5)}.account__header__fields dd{flex:1 1 auto;color:#9baec8}.account__header__fields a{color:#d8a070;text-decoration:none}.account__header__fields a:hover,.account__header__fields a:focus,.account__header__fields a:active{text-decoration:underline}.account__header__fields .verified{border:1px solid rgba(121,189,154,.5);background:rgba(121,189,154,.25)}.account__header__fields .verified a{color:#79bd9a;font-weight:500}.account__header__fields .verified__mark{color:#79bd9a}.account__header__fields dl:last-child{border-bottom:0}.directory__tag .trends__item__current{width:auto}.pending-account__header{color:#9baec8}.pending-account__header a{color:#d9e1e8;text-decoration:none}.pending-account__header a:hover,.pending-account__header a:active,.pending-account__header a:focus{text-decoration:underline}.pending-account__header strong{color:#fff;font-weight:700}.pending-account__body{margin-top:10px}.activity-stream{box-shadow:0 0 15px rgba(0,0,0,.2);border-radius:4px;overflow:hidden;margin-bottom:10px}@media screen and (max-width: 415px){.activity-stream{margin-bottom:0;border-radius:0;box-shadow:none}}.activity-stream--headless{border-radius:0;margin:0;box-shadow:none}.activity-stream--headless .detailed-status,.activity-stream--headless .status{border-radius:0 !important}.activity-stream div[data-component]{width:100%}.activity-stream .entry{background:#121a24}.activity-stream .entry .detailed-status,.activity-stream .entry .status,.activity-stream .entry .load-more{animation:none}.activity-stream .entry:last-child .detailed-status,.activity-stream .entry:last-child .status,.activity-stream .entry:last-child .load-more{border-bottom:0;border-radius:0 0 4px 4px}.activity-stream .entry:first-child .detailed-status,.activity-stream .entry:first-child .status,.activity-stream .entry:first-child .load-more{border-radius:4px 4px 0 0}.activity-stream .entry:first-child:last-child .detailed-status,.activity-stream .entry:first-child:last-child .status,.activity-stream .entry:first-child:last-child .load-more{border-radius:4px}@media screen and (max-width: 740px){.activity-stream .entry .detailed-status,.activity-stream .entry .status,.activity-stream .entry .load-more{border-radius:0 !important}}.activity-stream--highlighted .entry{background:#202e3f}.button.logo-button{flex:0 auto;font-size:14px;background:#d8a070;color:#fff;text-transform:none;line-height:36px;height:auto;padding:3px 15px;border:0}.button.logo-button svg{width:20px;height:auto;vertical-align:middle;margin-right:5px;fill:#fff}.button.logo-button:active,.button.logo-button:focus,.button.logo-button:hover{background:#e3bb98}.button.logo-button:disabled:active,.button.logo-button:disabled:focus,.button.logo-button:disabled:hover,.button.logo-button.disabled:active,.button.logo-button.disabled:focus,.button.logo-button.disabled:hover{background:#9baec8}.button.logo-button.button--destructive:active,.button.logo-button.button--destructive:focus,.button.logo-button.button--destructive:hover{background:#df405a}@media screen and (max-width: 415px){.button.logo-button svg{display:none}}.embed .detailed-status,.public-layout .detailed-status{padding:15px}.embed .status,.public-layout .status{padding:15px 15px 15px 78px;min-height:50px}.embed .status__avatar,.public-layout .status__avatar{left:15px;top:17px}.embed .status__content,.public-layout .status__content{padding-top:5px}.embed .status__prepend,.public-layout .status__prepend{padding:8px 0;padding-bottom:2px;margin:initial;margin-left:78px;padding-top:15px}.embed .status__prepend-icon-wrapper,.public-layout .status__prepend-icon-wrapper{position:absolute;margin:initial;float:initial;width:auto;left:-32px}.embed .status .media-gallery,.embed .status__action-bar,.embed .status .video-player,.public-layout .status .media-gallery,.public-layout .status__action-bar,.public-layout .status .video-player{margin-top:10px}.embed .status .status__info,.public-layout .status .status__info{font-size:15px;display:initial}.embed .status .status__relative-time,.public-layout .status .status__relative-time{color:#3e5a7c;float:right;font-size:14px;width:auto;margin:initial;padding:initial}.embed .status .status__info .status__display-name,.public-layout .status .status__info .status__display-name{display:block;max-width:100%;padding:6px 0;padding-right:25px;margin:initial}.embed .status .status__info .status__display-name .display-name strong,.public-layout .status .status__info .status__display-name .display-name strong{display:inline}.embed .status .status__avatar,.public-layout .status .status__avatar{height:48px;position:absolute;width:48px;margin:initial}.rtl .embed .status,.rtl .public-layout .status{padding-left:10px;padding-right:68px}.rtl .embed .status .status__info .status__display-name,.rtl .public-layout .status .status__info .status__display-name{padding-left:25px;padding-right:0}.rtl .embed .status .status__relative-time,.rtl .public-layout .status .status__relative-time{float:left}.app-body{-webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar}.link-button{display:block;font-size:15px;line-height:20px;color:#d8a070;border:0;background:transparent;padding:0;cursor:pointer}.link-button:hover,.link-button:active{text-decoration:underline}.link-button:disabled{color:#9baec8;cursor:default}.button{background-color:#d59864;border:10px none;border-radius:4px;box-sizing:border-box;color:#fff;cursor:pointer;display:inline-block;font-family:inherit;font-size:14px;font-weight:500;height:36px;letter-spacing:0;line-height:36px;overflow:hidden;padding:0 16px;position:relative;text-align:center;text-transform:uppercase;text-decoration:none;text-overflow:ellipsis;transition:all 100ms ease-in;transition-property:background-color;white-space:nowrap;width:auto}.button:active,.button:focus,.button:hover{background-color:#e0b38c;transition:all 200ms ease-out;transition-property:background-color}.button--destructive{transition:none}.button--destructive:active,.button--destructive:focus,.button--destructive:hover{background-color:#df405a;transition:none}.button:disabled{background-color:#9baec8;cursor:default}.button.button-primary,.button.button-alternative,.button.button-secondary,.button.button-alternative-2{font-size:16px;line-height:36px;height:auto;text-transform:none;padding:4px 16px}.button.button-alternative{color:#121a24;background:#9baec8}.button.button-alternative:active,.button.button-alternative:focus,.button.button-alternative:hover{background-color:#a8b9cf}.button.button-alternative-2{background:#3e5a7c}.button.button-alternative-2:active,.button.button-alternative-2:focus,.button.button-alternative-2:hover{background-color:#45648a}.button.button-secondary{font-size:16px;line-height:36px;height:auto;color:#9baec8;text-transform:none;background:transparent;padding:3px 15px;border-radius:4px;border:1px solid #9baec8}.button.button-secondary:active,.button.button-secondary:focus,.button.button-secondary:hover{border-color:#a8b9cf;color:#a8b9cf}.button.button-secondary:disabled{opacity:.5}.button.button--block{display:block;width:100%}.icon-button{display:inline-block;padding:0;color:#3e5a7c;border:0;border-radius:4px;background:transparent;cursor:pointer;transition:all 100ms ease-in;transition-property:background-color,color}.icon-button:hover,.icon-button:active,.icon-button:focus{color:#4a6b94;background-color:rgba(62,90,124,.15);transition:all 200ms ease-out;transition-property:background-color,color}.icon-button:focus{background-color:rgba(62,90,124,.3)}.icon-button.disabled{color:#283a50;background-color:transparent;cursor:default}.icon-button.active{color:#d8a070}.icon-button::-moz-focus-inner{border:0}.icon-button::-moz-focus-inner,.icon-button:focus,.icon-button:active{outline:0 !important}.icon-button.inverted{color:#3e5a7c}.icon-button.inverted:hover,.icon-button.inverted:active,.icon-button.inverted:focus{color:#324965;background-color:rgba(62,90,124,.15)}.icon-button.inverted:focus{background-color:rgba(62,90,124,.3)}.icon-button.inverted.disabled{color:#4a6b94;background-color:transparent}.icon-button.inverted.active{color:#d8a070}.icon-button.inverted.active.disabled{color:#e6c3a4}.icon-button.overlayed{box-sizing:content-box;background:rgba(0,0,0,.6);color:rgba(255,255,255,.7);border-radius:4px;padding:2px}.icon-button.overlayed:hover{background:rgba(0,0,0,.9)}.text-icon-button{color:#3e5a7c;border:0;border-radius:4px;background:transparent;cursor:pointer;font-weight:600;font-size:11px;padding:0 3px;line-height:27px;outline:0;transition:all 100ms ease-in;transition-property:background-color,color}.text-icon-button:hover,.text-icon-button:active,.text-icon-button:focus{color:#324965;background-color:rgba(62,90,124,.15);transition:all 200ms ease-out;transition-property:background-color,color}.text-icon-button:focus{background-color:rgba(62,90,124,.3)}.text-icon-button.disabled{color:#6b8cb5;background-color:transparent;cursor:default}.text-icon-button.active{color:#d8a070}.text-icon-button::-moz-focus-inner{border:0}.text-icon-button::-moz-focus-inner,.text-icon-button:focus,.text-icon-button:active{outline:0 !important}.dropdown-menu{position:absolute;transform-origin:50% 0}.invisible{font-size:0;line-height:0;display:inline-block;width:0;height:0;position:absolute}.invisible img,.invisible svg{margin:0 !important;border:0 !important;padding:0 !important;width:0 !important;height:0 !important}.ellipsis::after{content:\"…\"}.notification__favourite-icon-wrapper{left:0;position:absolute}.notification__favourite-icon-wrapper .fa.star-icon{color:#ca8f04}.star-icon.active{color:#ca8f04}.bookmark-icon.active{color:#ff5050}.no-reduce-motion .icon-button.star-icon.activate>.fa-star{animation:spring-rotate-in 1s linear}.no-reduce-motion .icon-button.star-icon.deactivate>.fa-star{animation:spring-rotate-out 1s linear}.notification__display-name{color:inherit;font-weight:500;text-decoration:none}.notification__display-name:hover{color:#fff;text-decoration:underline}.display-name{display:block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.display-name a{color:inherit;text-decoration:inherit}.display-name strong{height:18px;font-size:16px;font-weight:500;line-height:18px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.display-name span{display:block;height:18px;font-size:15px;line-height:18px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.display-name>a:hover strong{text-decoration:underline}.display-name.inline{padding:0;height:18px;font-size:15px;line-height:18px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.display-name.inline strong{display:inline;height:auto;font-size:inherit;line-height:inherit}.display-name.inline span{display:inline;height:auto;font-size:inherit;line-height:inherit}.display-name__html{font-weight:500}.display-name__account{font-size:14px}.image-loader{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center;flex-direction:column}.image-loader .image-loader__preview-canvas{max-width:100%;max-height:80%;background:url(\"~images/void.png\") repeat;object-fit:contain}.image-loader .loading-bar{position:relative}.image-loader.image-loader--amorphous .image-loader__preview-canvas{display:none}.zoomable-image{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center}.zoomable-image img{max-width:100%;max-height:80%;width:auto;height:auto;object-fit:contain}.dropdown{display:inline-block}.dropdown__content{display:none;position:absolute}.dropdown-menu__separator{border-bottom:1px solid #c0cdd9;margin:5px 7px 6px;height:0}.dropdown-menu{background:#d9e1e8;padding:4px 0;border-radius:4px;box-shadow:2px 4px 15px rgba(0,0,0,.4)}.dropdown-menu ul{list-style:none}.dropdown-menu__arrow{position:absolute;width:0;height:0;border:0 solid transparent}.dropdown-menu__arrow.left{right:-5px;margin-top:-5px;border-width:5px 0 5px 5px;border-left-color:#d9e1e8}.dropdown-menu__arrow.top{bottom:-5px;margin-left:-7px;border-width:5px 7px 0;border-top-color:#d9e1e8}.dropdown-menu__arrow.bottom{top:-5px;margin-left:-7px;border-width:0 7px 5px;border-bottom-color:#d9e1e8}.dropdown-menu__arrow.right{left:-5px;margin-top:-5px;border-width:5px 5px 5px 0;border-right-color:#d9e1e8}.dropdown-menu__item a{font-size:13px;line-height:18px;display:block;padding:4px 14px;box-sizing:border-box;text-decoration:none;background:#d9e1e8;color:#121a24;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dropdown-menu__item a:focus,.dropdown-menu__item a:hover,.dropdown-menu__item a:active{background:#d8a070;color:#d9e1e8;outline:0}.dropdown--active .dropdown__content{display:block;line-height:18px;max-width:311px;right:0;text-align:left;z-index:9999}.dropdown--active .dropdown__content>ul{list-style:none;background:#d9e1e8;padding:4px 0;border-radius:4px;box-shadow:0 0 15px rgba(0,0,0,.4);min-width:140px;position:relative}.dropdown--active .dropdown__content.dropdown__right{right:0}.dropdown--active .dropdown__content.dropdown__left>ul{left:-98px}.dropdown--active .dropdown__content>ul>li>a{font-size:13px;line-height:18px;display:block;padding:4px 14px;box-sizing:border-box;text-decoration:none;background:#d9e1e8;color:#121a24;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dropdown--active .dropdown__content>ul>li>a:focus{outline:0}.dropdown--active .dropdown__content>ul>li>a:hover{background:#d8a070;color:#d9e1e8}.dropdown__icon{vertical-align:middle}.static-content{padding:10px;padding-top:20px;color:#3e5a7c}.static-content h1{font-size:16px;font-weight:500;margin-bottom:40px;text-align:center}.static-content p{font-size:13px;margin-bottom:20px}.column,.drawer{flex:1 1 100%;overflow:hidden}@media screen and (min-width: 631px){.columns-area{padding:0}.column,.drawer{flex:0 0 auto;padding:10px;padding-left:5px;padding-right:5px}.column:first-child,.drawer:first-child{padding-left:10px}.column:last-child,.drawer:last-child{padding-right:10px}.columns-area>div .column,.columns-area>div .drawer{padding-left:5px;padding-right:5px}}.tabs-bar{box-sizing:border-box;display:flex;background:#202e3f;flex:0 0 auto;overflow-y:auto}.tabs-bar__link{display:block;flex:1 1 auto;padding:15px 10px;padding-bottom:13px;color:#fff;text-decoration:none;text-align:center;font-size:14px;font-weight:500;border-bottom:2px solid #202e3f;transition:all 50ms linear;transition-property:border-bottom,background,color}.tabs-bar__link .fa{font-weight:400;font-size:16px}@media screen and (min-width: 631px){.auto-columns .tabs-bar__link:hover,.auto-columns .tabs-bar__link:focus,.auto-columns .tabs-bar__link:active{background:#2a3c54;border-bottom-color:#2a3c54}}.multi-columns .tabs-bar__link:hover,.multi-columns .tabs-bar__link:focus,.multi-columns .tabs-bar__link:active{background:#2a3c54;border-bottom-color:#2a3c54}.tabs-bar__link.active{border-bottom:2px solid #d8a070;color:#d8a070}.tabs-bar__link span{margin-left:5px;display:none}.tabs-bar__link span.icon{margin-left:0;display:inline}.icon-with-badge{position:relative}.icon-with-badge__badge{position:absolute;left:9px;top:-13px;background:#d8a070;border:2px solid #202e3f;padding:1px 6px;border-radius:6px;font-size:10px;font-weight:500;line-height:14px;color:#fff}.column-link--transparent .icon-with-badge__badge{border-color:#040609}.scrollable{overflow-y:scroll;overflow-x:hidden;flex:1 1 auto;-webkit-overflow-scrolling:touch}.scrollable.optionally-scrollable{overflow-y:auto}@supports(display: grid){.scrollable{contain:strict}}.scrollable--flex{display:flex;flex-direction:column}.scrollable__append{flex:1 1 auto;position:relative;min-height:120px}@supports(display: grid){.scrollable.fullscreen{contain:none}}.react-toggle{display:inline-block;position:relative;cursor:pointer;background-color:transparent;border:0;padding:0;user-select:none;-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-tap-highlight-color:transparent}.react-toggle-screenreader-only{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.react-toggle--disabled{cursor:not-allowed;opacity:.5;transition:opacity .25s}.react-toggle-track{width:50px;height:24px;padding:0;border-radius:30px;background-color:#121a24;transition:background-color .2s ease}.react-toggle:hover:not(.react-toggle--disabled) .react-toggle-track{background-color:#010102}.react-toggle--checked .react-toggle-track{background-color:#d8a070}.react-toggle--checked:hover:not(.react-toggle--disabled) .react-toggle-track{background-color:#e3bb98}.react-toggle-track-check{position:absolute;width:14px;height:10px;top:0;bottom:0;margin-top:auto;margin-bottom:auto;line-height:0;left:8px;opacity:0;transition:opacity .25s ease}.react-toggle--checked .react-toggle-track-check{opacity:1;transition:opacity .25s ease}.react-toggle-track-x{position:absolute;width:10px;height:10px;top:0;bottom:0;margin-top:auto;margin-bottom:auto;line-height:0;right:10px;opacity:1;transition:opacity .25s ease}.react-toggle--checked .react-toggle-track-x{opacity:0}.react-toggle-thumb{position:absolute;top:1px;left:1px;width:22px;height:22px;border:1px solid #121a24;border-radius:50%;background-color:#fafafa;box-sizing:border-box;transition:all .25s ease;transition-property:border-color,left}.react-toggle--checked .react-toggle-thumb{left:27px;border-color:#d8a070}.getting-started__wrapper,.getting_started,.flex-spacer{background:#121a24}.getting-started__wrapper{position:relative;overflow-y:auto}.flex-spacer{flex:1 1 auto}.getting-started{background:#121a24;flex:1 0 auto}.getting-started p{color:#d9e1e8}.getting-started a{color:#3e5a7c}.getting-started__panel{height:min-content}.getting-started__panel,.getting-started__footer{padding:10px;padding-top:20px;flex:0 1 auto}.getting-started__panel ul,.getting-started__footer ul{margin-bottom:10px}.getting-started__panel ul li,.getting-started__footer ul li{display:inline}.getting-started__panel p,.getting-started__footer p{color:#3e5a7c;font-size:13px}.getting-started__panel p a,.getting-started__footer p a{color:#3e5a7c;text-decoration:underline}.getting-started__panel a,.getting-started__footer a{text-decoration:none;color:#9baec8}.getting-started__panel a:hover,.getting-started__panel a:focus,.getting-started__panel a:active,.getting-started__footer a:hover,.getting-started__footer a:focus,.getting-started__footer a:active{text-decoration:underline}.getting-started__trends{flex:0 1 auto;opacity:1;animation:fade 150ms linear;margin-top:10px}.getting-started__trends h4{font-size:12px;text-transform:uppercase;color:#9baec8;padding:10px;font-weight:500;border-bottom:1px solid #202e3f}@media screen and (max-height: 810px){.getting-started__trends .trends__item:nth-child(3){display:none}}@media screen and (max-height: 720px){.getting-started__trends .trends__item:nth-child(2){display:none}}@media screen and (max-height: 670px){.getting-started__trends{display:none}}.getting-started__trends .trends__item{border-bottom:0;padding:10px}.getting-started__trends .trends__item__current{color:#9baec8}.column-link__badge{display:inline-block;border-radius:4px;font-size:12px;line-height:19px;font-weight:500;background:#121a24;padding:4px 8px;margin:-6px 10px}.keyboard-shortcuts{padding:8px 0 0;overflow:hidden}.keyboard-shortcuts thead{position:absolute;left:-9999px}.keyboard-shortcuts td{padding:0 10px 8px}.keyboard-shortcuts kbd{display:inline-block;padding:3px 5px;background-color:#202e3f;border:1px solid #0b1016}.setting-text{color:#9baec8;background:transparent;border:none;border-bottom:2px solid #9baec8;box-sizing:border-box;display:block;font-family:inherit;margin-bottom:10px;padding:7px 0;width:100%}.setting-text:focus,.setting-text:active{color:#fff;border-bottom-color:#d8a070}@media screen and (max-width: 600px){.auto-columns .setting-text,.single-column .setting-text{font-size:16px}}.setting-text.light{color:#121a24;border-bottom:2px solid #405c80}.setting-text.light:focus,.setting-text.light:active{color:#121a24;border-bottom-color:#d8a070}.no-reduce-motion button.icon-button i.fa-retweet{background-position:0 0;height:19px;transition:background-position .9s steps(10);transition-duration:0s;vertical-align:middle;width:22px}.no-reduce-motion button.icon-button i.fa-retweet::before{display:none !important}.no-reduce-motion button.icon-button.active i.fa-retweet{transition-duration:.9s;background-position:0 100%}.reduce-motion button.icon-button i.fa-retweet{color:#3e5a7c;transition:color 100ms ease-in}.reduce-motion button.icon-button.active i.fa-retweet{color:#d8a070}.reduce-motion button.icon-button.disabled i.fa-retweet{color:#283a50}.load-more{display:block;color:#3e5a7c;background-color:transparent;border:0;font-size:inherit;text-align:center;line-height:inherit;margin:0;padding:15px;box-sizing:border-box;width:100%;clear:both;text-decoration:none}.load-more:hover{background:#151f2b}.load-gap{border-bottom:1px solid #202e3f}.missing-indicator{padding-top:68px}.scrollable>div>:first-child .notification__dismiss-overlay>.wrappy{border-top:1px solid #121a24}.notification__dismiss-overlay{overflow:hidden;position:absolute;top:0;right:0;bottom:-1px;padding-left:15px;z-index:999;align-items:center;justify-content:flex-end;cursor:pointer;display:flex}.notification__dismiss-overlay .wrappy{width:4rem;align-self:stretch;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#202e3f;border-left:1px solid #344b68;box-shadow:0 0 5px #000;border-bottom:1px solid #121a24}.notification__dismiss-overlay .ckbox{border:2px solid #9baec8;border-radius:2px;width:30px;height:30px;font-size:20px;color:#9baec8;text-shadow:0 0 5px #000;display:flex;justify-content:center;align-items:center}.notification__dismiss-overlay:focus{outline:0 !important}.notification__dismiss-overlay:focus .ckbox{box-shadow:0 0 1px 1px #d8a070}.text-btn{display:inline-block;padding:0;font-family:inherit;font-size:inherit;color:inherit;border:0;background:transparent;cursor:pointer}.loading-indicator{color:#3e5a7c;font-size:12px;font-weight:400;text-transform:uppercase;overflow:visible;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%)}.loading-indicator span{display:block;float:left;margin-left:50%;transform:translateX(-50%);margin:82px 0 0 50%;white-space:nowrap}.loading-indicator__figure{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:42px;height:42px;box-sizing:border-box;background-color:transparent;border:0 solid #3e5a7c;border-width:6px;border-radius:50%}.no-reduce-motion .loading-indicator span{animation:loader-label 1.15s infinite cubic-bezier(0.215, 0.61, 0.355, 1)}.no-reduce-motion .loading-indicator__figure{animation:loader-figure 1.15s infinite cubic-bezier(0.215, 0.61, 0.355, 1)}@keyframes spring-rotate-in{0%{transform:rotate(0deg)}30%{transform:rotate(-484.8deg)}60%{transform:rotate(-316.7deg)}90%{transform:rotate(-375deg)}100%{transform:rotate(-360deg)}}@keyframes spring-rotate-out{0%{transform:rotate(-360deg)}30%{transform:rotate(124.8deg)}60%{transform:rotate(-43.27deg)}90%{transform:rotate(15deg)}100%{transform:rotate(0deg)}}@keyframes loader-figure{0%{width:0;height:0;background-color:#3e5a7c}29%{background-color:#3e5a7c}30%{width:42px;height:42px;background-color:transparent;border-width:21px;opacity:1}100%{width:42px;height:42px;border-width:0;opacity:0;background-color:transparent}}@keyframes loader-label{0%{opacity:.25}30%{opacity:1}100%{opacity:.25}}.spoiler-button{top:0;left:0;width:100%;height:100%;position:absolute;z-index:100}.spoiler-button--minified{display:flex;left:4px;top:4px;width:auto;height:auto;align-items:center}.spoiler-button--click-thru{pointer-events:none}.spoiler-button--hidden{display:none}.spoiler-button__overlay{display:block;background:transparent;width:100%;height:100%;border:0}.spoiler-button__overlay__label{display:inline-block;background:rgba(0,0,0,.5);border-radius:8px;padding:8px 12px;color:#fff;font-weight:500;font-size:14px}.spoiler-button__overlay:hover .spoiler-button__overlay__label,.spoiler-button__overlay:focus .spoiler-button__overlay__label,.spoiler-button__overlay:active .spoiler-button__overlay__label{background:rgba(0,0,0,.8)}.spoiler-button__overlay:disabled .spoiler-button__overlay__label{background:rgba(0,0,0,.5)}.setting-toggle{display:block;line-height:24px}.setting-toggle__label,.setting-radio__label,.setting-meta__label{color:#9baec8;display:inline-block;margin-bottom:14px;margin-left:8px;vertical-align:middle}.setting-radio{display:block;line-height:18px}.setting-radio__label{margin-bottom:0}.column-settings__row legend{color:#9baec8;cursor:default;display:block;font-weight:500;margin-top:10px}.setting-radio__input{vertical-align:middle}.setting-meta__label{float:right}@keyframes heartbeat{from{transform:scale(1);transform-origin:center center;animation-timing-function:ease-out}10%{transform:scale(0.91);animation-timing-function:ease-in}17%{transform:scale(0.98);animation-timing-function:ease-out}33%{transform:scale(0.87);animation-timing-function:ease-in}45%{transform:scale(1);animation-timing-function:ease-out}}.pulse-loading{animation:heartbeat 1.5s ease-in-out infinite both}.upload-area{align-items:center;background:rgba(0,0,0,.8);display:flex;height:100%;justify-content:center;left:0;opacity:0;position:absolute;top:0;visibility:hidden;width:100%;z-index:2000}.upload-area *{pointer-events:none}.upload-area__drop{width:320px;height:160px;display:flex;box-sizing:border-box;position:relative;padding:8px}.upload-area__background{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;border-radius:4px;background:#121a24;box-shadow:0 0 5px rgba(0,0,0,.2)}.upload-area__content{flex:1;display:flex;align-items:center;justify-content:center;color:#d9e1e8;font-size:18px;font-weight:500;border:2px dashed #3e5a7c;border-radius:4px}.dropdown--active .emoji-button img{opacity:1;filter:none}.loading-bar{background-color:#d8a070;height:3px;position:absolute;top:0;left:0;z-index:9999}.icon-badge-wrapper{position:relative}.icon-badge{position:absolute;display:block;right:-0.25em;top:-0.25em;background-color:#d8a070;border-radius:50%;font-size:75%;width:1em;height:1em}.conversation{display:flex;border-bottom:1px solid #202e3f;padding:5px;padding-bottom:0}.conversation:focus{background:#151f2b;outline:0}.conversation__avatar{flex:0 0 auto;padding:10px;padding-top:12px;position:relative}.conversation__unread{display:inline-block;background:#d8a070;border-radius:50%;width:.625rem;height:.625rem;margin:-0.1ex .15em .1ex}.conversation__content{flex:1 1 auto;padding:10px 5px;padding-right:15px;overflow:hidden}.conversation__content__info{overflow:hidden;display:flex;flex-direction:row-reverse;justify-content:space-between}.conversation__content__relative-time{font-size:15px;color:#9baec8;padding-left:15px}.conversation__content__names{color:#9baec8;font-size:15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:4px;flex-basis:90px;flex-grow:1}.conversation__content__names a{color:#fff;text-decoration:none}.conversation__content__names a:hover,.conversation__content__names a:focus,.conversation__content__names a:active{text-decoration:underline}.conversation__content .status__content{margin:0}.conversation--unread{background:#151f2b}.conversation--unread:focus{background:#192432}.conversation--unread .conversation__content__info{font-weight:700}.conversation--unread .conversation__content__relative-time{color:#fff}.ui .flash-message{margin-top:10px;margin-left:auto;margin-right:auto;margin-bottom:0;min-width:75%}::-webkit-scrollbar-thumb{border-radius:0}noscript{text-align:center}noscript img{width:200px;opacity:.5;animation:flicker 4s infinite}noscript div{font-size:14px;margin:30px auto;color:#d9e1e8;max-width:400px}noscript div a{color:#d8a070;text-decoration:underline}noscript div a:hover{text-decoration:none}noscript div a{word-break:break-word}@keyframes flicker{0%{opacity:1}30%{opacity:.75}100%{opacity:1}}button.icon-button i.fa-retweet{background-image:url(\"data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='22' height='209'><path d='M4.97 3.16c-.1.03-.17.1-.22.18L.8 8.24c-.2.3.03.78.4.8H3.6v2.68c0 4.26-.55 3.62 3.66 3.62h7.66l-2.3-2.84c-.03-.02-.03-.04-.05-.06H7.27c-.44 0-.72-.3-.72-.72v-2.7h2.5c.37.03.63-.48.4-.77L5.5 3.35c-.12-.17-.34-.25-.53-.2zm12.16.43c-.55-.02-1.32.02-2.4.02H7.1l2.32 2.85.03.06h5.25c.42 0 .72.28.72.72v2.7h-2.5c-.36.02-.56.54-.3.8l3.92 4.9c.18.25.6.25.78 0l3.94-4.9c.26-.28 0-.83-.37-.8H18.4v-2.7c0-3.15.4-3.62-1.25-3.66z' fill='%233E5A7C' stroke-width='0'/><path d='M7.78 19.66c-.24.02-.44.25-.44.5v2.46h-.06c-1.08 0-1.86-.03-2.4-.03-1.64 0-1.25.43-1.25 3.65v4.47c0 4.26-.56 3.62 3.65 3.62H8.5l-1.3-1.06c-.1-.08-.18-.2-.2-.3-.02-.17.06-.35.2-.45l1.33-1.1H7.28c-.44 0-.72-.3-.72-.7v-4.48c0-.44.28-.72.72-.72h.06v2.5c0 .38.54.63.82.38l4.9-3.93c.25-.18.25-.6 0-.78l-4.9-3.92c-.1-.1-.24-.14-.38-.12zm9.34 2.93c-.54-.02-1.3.02-2.4.02h-1.25l1.3 1.07c.1.07.18.2.2.33.02.16-.06.3-.2.4l-1.33 1.1h1.28c.42 0 .72.28.72.72v4.47c0 .42-.3.72-.72.72h-.1v-2.47c0-.3-.3-.53-.6-.47-.07 0-.14.05-.2.1l-4.9 3.93c-.26.18-.26.6 0 .78l4.9 3.92c.27.25.82 0 .8-.38v-2.5h.1c4.27 0 3.65.67 3.65-3.62v-4.47c0-3.15.4-3.62-1.25-3.66zM10.34 38.66c-.24.02-.44.25-.43.5v2.47H7.3c-1.08 0-1.86-.04-2.4-.04-1.64 0-1.25.43-1.25 3.65v4.47c0 3.66-.23 3.7 2.34 3.66l-1.34-1.1c-.1-.08-.18-.2-.2-.3 0-.17.07-.35.2-.45l1.96-1.6c-.03-.06-.04-.13-.04-.2v-4.48c0-.44.28-.72.72-.72H9.9v2.5c0 .36.5.6.8.38l4.93-3.93c.24-.18.24-.6 0-.78l-4.94-3.92c-.1-.08-.23-.13-.36-.12zm5.63 2.93l1.34 1.1c.1.07.18.2.2.33.02.16-.03.3-.16.4l-1.96 1.6c.02.07.06.13.06.22v4.47c0 .42-.3.72-.72.72h-2.66v-2.47c0-.3-.3-.53-.6-.47-.06.02-.12.05-.18.1l-4.94 3.93c-.24.18-.24.6 0 .78l4.94 3.92c.28.22.78-.02.78-.38v-2.5h2.66c4.27 0 3.65.67 3.65-3.62v-4.47c0-3.66.34-3.7-2.4-3.66zM13.06 57.66c-.23.03-.4.26-.4.5v2.47H7.28c-1.08 0-1.86-.04-2.4-.04-1.64 0-1.25.43-1.25 3.65v4.87l2.93-2.37v-2.5c0-.44.28-.72.72-.72h5.38v2.5c0 .36.5.6.78.38l4.94-3.93c.24-.18.24-.6 0-.78l-4.94-3.92c-.1-.1-.24-.14-.38-.12zm5.3 6.15l-2.92 2.4v2.52c0 .42-.3.72-.72.72h-5.4v-2.47c0-.3-.32-.53-.6-.47-.07.02-.13.05-.2.1L3.6 70.52c-.25.18-.25.6 0 .78l4.93 3.92c.28.22.78-.02.78-.38v-2.5h5.42c4.27 0 3.65.67 3.65-3.62v-4.47-.44zM19.25 78.8c-.1.03-.2.1-.28.17l-.9.9c-.44-.3-1.36-.25-3.35-.25H7.28c-1.08 0-1.86-.03-2.4-.03-1.64 0-1.25.43-1.25 3.65v.7l2.93.3v-1c0-.44.28-.72.72-.72h7.44c.2 0 .37.08.5.2l-1.8 1.8c-.25.26-.08.76.27.8l6.27.7c.28.03.56-.25.53-.53l-.7-6.25c0-.27-.3-.48-.55-.44zm-17.2 6.1c-.2.07-.36.3-.33.54l.7 6.25c.02.36.58.55.83.27l.8-.8c.02 0 .04-.02.04 0 .46.24 1.37.17 3.18.17h7.44c4.27 0 3.65.67 3.65-3.62v-.75l-2.93-.3v1.05c0 .42-.3.72-.72.72H7.28c-.15 0-.3-.03-.4-.1L8.8 86.4c.3-.24.1-.8-.27-.84l-6.28-.65h-.2zM4.88 98.6c-1.33 0-1.34.48-1.3 2.3l1.14-1.37c.08-.1.22-.17.34-.2.16 0 .34.08.44.2l1.66 2.03c.04 0 .07-.03.12-.03h7.44c.34 0 .57.2.65.5h-2.43c-.34.05-.53.52-.3.78l3.92 4.95c.18.24.6.24.78 0l3.94-4.94c.22-.27-.02-.76-.37-.77H18.4c.02-3.9.6-3.4-3.66-3.4H7.28c-1.08 0-1.86-.04-2.4-.04zm.15 2.46c-.1.03-.2.1-.28.2l-3.94 4.9c-.2.28.03.77.4.78H3.6c-.02 3.94-.45 3.4 3.66 3.4h7.44c3.65 0 3.74.3 3.7-2.25l-1.1 1.34c-.1.1-.2.17-.32.2-.16 0-.34-.08-.44-.2l-1.65-2.03c-.06.02-.1.04-.18.04H7.28c-.35 0-.57-.2-.66-.5h2.44c.37 0 .63-.5.4-.78l-3.96-4.9c-.1-.15-.3-.23-.47-.2zM4.88 117.6c-1.16 0-1.3.3-1.3 1.56l1.14-1.38c.08-.1.22-.14.34-.16.16 0 .34.04.44.16l2.22 2.75h7c.42 0 .72.28.72.72v.53h-2.6c-.3.1-.43.54-.2.78l3.92 4.9c.18.25.6.25.78 0l3.94-4.9c.22-.28-.02-.77-.37-.78H18.4v-.53c0-4.2.72-3.63-3.66-3.63H7.28c-1.08 0-1.86-.03-2.4-.03zm.1 1.74c-.1.03-.17.1-.23.16L.8 124.44c-.2.28.03.77.4.78H3.6v.5c0 4.26-.55 3.62 3.66 3.62h7.44c1.03 0 1.74.02 2.28 0-.16.02-.34-.03-.44-.15l-2.22-2.76H7.28c-.44 0-.72-.3-.72-.72v-.5h2.5c.37.02.63-.5.4-.78L5.5 119.5c-.12-.15-.34-.22-.53-.16zm12.02 10c1.2-.02 1.4-.25 1.4-1.53l-1.1 1.36c-.07.1-.17.17-.3.18zM5.94 136.6l2.37 2.93h6.42c.42 0 .72.28.72.72v1.25h-2.6c-.3.1-.43.54-.2.78l3.92 4.9c.18.25.6.25.78 0l3.94-4.9c.22-.28-.02-.77-.37-.78H18.4v-1.25c0-4.2.72-3.63-3.66-3.63H7.28c-.6 0-.92-.02-1.34-.03zm-1.72.06c-.4.08-.54.3-.6.75l.6-.74zm.84.93c-.12 0-.24.08-.3.18l-3.95 4.9c-.24.3 0 .83.4.82H3.6v1.22c0 4.26-.55 3.62 3.66 3.62h7.44c.63 0 .97.02 1.4.03l-2.37-2.93H7.28c-.44 0-.72-.3-.72-.72v-1.22h2.5c.4.04.67-.53.4-.8l-3.96-4.92c-.1-.13-.27-.2-.44-.2zm13.28 10.03l-.56.7c.36-.07.5-.3.56-.7zM17.13 155.6c-.55-.02-1.32.03-2.4.03h-8.2l2.38 2.9h5.82c.42 0 .72.28.72.72v1.97H12.9c-.32.06-.48.52-.28.78l3.94 4.94c.2.23.6.22.78-.03l3.94-4.9c.22-.28-.02-.77-.37-.78H18.4v-1.97c0-3.15.4-3.62-1.25-3.66zm-12.1.28c-.1.02-.2.1-.28.18l-3.94 4.9c-.2.3.03.78.4.8H3.6v1.96c0 4.26-.55 3.62 3.66 3.62h8.24l-2.36-2.9H7.28c-.44 0-.72-.3-.72-.72v-1.97h2.5c.37.02.63-.5.4-.78l-3.96-4.9c-.1-.15-.3-.22-.47-.2zM5.13 174.5c-.15 0-.3.07-.38.2L.8 179.6c-.24.27 0 .82.4.8H3.6v2.32c0 4.26-.55 3.62 3.66 3.62h7.94l-2.35-2.9h-5.6c-.43 0-.7-.3-.7-.72v-2.3h2.5c.38.03.66-.54.4-.83l-3.97-4.9c-.1-.13-.23-.2-.38-.2zm12 .1c-.55-.02-1.32.03-2.4.03H6.83l2.35 2.9h5.52c.42 0 .72.28.72.72v2.34h-2.6c-.3.1-.43.53-.2.78l3.92 4.9c.18.24.6.24.78 0l3.94-4.9c.22-.3-.02-.78-.37-.8H18.4v-2.33c0-3.15.4-3.62-1.25-3.66zM4.97 193.16c-.1.03-.17.1-.22.18l-3.94 4.9c-.2.3.03.78.4.8H3.6v2.68c0 4.26-.55 3.62 3.66 3.62h7.66l-2.3-2.84c-.03-.02-.03-.04-.05-.06H7.27c-.44 0-.72-.3-.72-.72v-2.7h2.5c.37.03.63-.48.4-.77l-3.96-4.9c-.12-.17-.34-.25-.53-.2zm12.16.43c-.55-.02-1.32.03-2.4.03H7.1l2.32 2.84.03.06h5.25c.42 0 .72.28.72.72v2.7h-2.5c-.36.02-.56.54-.3.8l3.92 4.9c.18.25.6.25.78 0l3.94-4.9c.26-.28 0-.83-.37-.8H18.4v-2.7c0-3.15.4-3.62-1.25-3.66z' fill='%23D8A070' stroke-width='0'/></svg>\")}button.icon-button i.fa-retweet:hover{background-image:url(\"data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='22' height='209'><path d='M4.97 3.16c-.1.03-.17.1-.22.18L.8 8.24c-.2.3.03.78.4.8H3.6v2.68c0 4.26-.55 3.62 3.66 3.62h7.66l-2.3-2.84c-.03-.02-.03-.04-.05-.06H7.27c-.44 0-.72-.3-.72-.72v-2.7h2.5c.37.03.63-.48.4-.77L5.5 3.35c-.12-.17-.34-.25-.53-.2zm12.16.43c-.55-.02-1.32.02-2.4.02H7.1l2.32 2.85.03.06h5.25c.42 0 .72.28.72.72v2.7h-2.5c-.36.02-.56.54-.3.8l3.92 4.9c.18.25.6.25.78 0l3.94-4.9c.26-.28 0-.83-.37-.8H18.4v-2.7c0-3.15.4-3.62-1.25-3.66z' fill='%234A6B94' stroke-width='0'/><path d='M7.78 19.66c-.24.02-.44.25-.44.5v2.46h-.06c-1.08 0-1.86-.03-2.4-.03-1.64 0-1.25.43-1.25 3.65v4.47c0 4.26-.56 3.62 3.65 3.62H8.5l-1.3-1.06c-.1-.08-.18-.2-.2-.3-.02-.17.06-.35.2-.45l1.33-1.1H7.28c-.44 0-.72-.3-.72-.7v-4.48c0-.44.28-.72.72-.72h.06v2.5c0 .38.54.63.82.38l4.9-3.93c.25-.18.25-.6 0-.78l-4.9-3.92c-.1-.1-.24-.14-.38-.12zm9.34 2.93c-.54-.02-1.3.02-2.4.02h-1.25l1.3 1.07c.1.07.18.2.2.33.02.16-.06.3-.2.4l-1.33 1.1h1.28c.42 0 .72.28.72.72v4.47c0 .42-.3.72-.72.72h-.1v-2.47c0-.3-.3-.53-.6-.47-.07 0-.14.05-.2.1l-4.9 3.93c-.26.18-.26.6 0 .78l4.9 3.92c.27.25.82 0 .8-.38v-2.5h.1c4.27 0 3.65.67 3.65-3.62v-4.47c0-3.15.4-3.62-1.25-3.66zM10.34 38.66c-.24.02-.44.25-.43.5v2.47H7.3c-1.08 0-1.86-.04-2.4-.04-1.64 0-1.25.43-1.25 3.65v4.47c0 3.66-.23 3.7 2.34 3.66l-1.34-1.1c-.1-.08-.18-.2-.2-.3 0-.17.07-.35.2-.45l1.96-1.6c-.03-.06-.04-.13-.04-.2v-4.48c0-.44.28-.72.72-.72H9.9v2.5c0 .36.5.6.8.38l4.93-3.93c.24-.18.24-.6 0-.78l-4.94-3.92c-.1-.08-.23-.13-.36-.12zm5.63 2.93l1.34 1.1c.1.07.18.2.2.33.02.16-.03.3-.16.4l-1.96 1.6c.02.07.06.13.06.22v4.47c0 .42-.3.72-.72.72h-2.66v-2.47c0-.3-.3-.53-.6-.47-.06.02-.12.05-.18.1l-4.94 3.93c-.24.18-.24.6 0 .78l4.94 3.92c.28.22.78-.02.78-.38v-2.5h2.66c4.27 0 3.65.67 3.65-3.62v-4.47c0-3.66.34-3.7-2.4-3.66zM13.06 57.66c-.23.03-.4.26-.4.5v2.47H7.28c-1.08 0-1.86-.04-2.4-.04-1.64 0-1.25.43-1.25 3.65v4.87l2.93-2.37v-2.5c0-.44.28-.72.72-.72h5.38v2.5c0 .36.5.6.78.38l4.94-3.93c.24-.18.24-.6 0-.78l-4.94-3.92c-.1-.1-.24-.14-.38-.12zm5.3 6.15l-2.92 2.4v2.52c0 .42-.3.72-.72.72h-5.4v-2.47c0-.3-.32-.53-.6-.47-.07.02-.13.05-.2.1L3.6 70.52c-.25.18-.25.6 0 .78l4.93 3.92c.28.22.78-.02.78-.38v-2.5h5.42c4.27 0 3.65.67 3.65-3.62v-4.47-.44zM19.25 78.8c-.1.03-.2.1-.28.17l-.9.9c-.44-.3-1.36-.25-3.35-.25H7.28c-1.08 0-1.86-.03-2.4-.03-1.64 0-1.25.43-1.25 3.65v.7l2.93.3v-1c0-.44.28-.72.72-.72h7.44c.2 0 .37.08.5.2l-1.8 1.8c-.25.26-.08.76.27.8l6.27.7c.28.03.56-.25.53-.53l-.7-6.25c0-.27-.3-.48-.55-.44zm-17.2 6.1c-.2.07-.36.3-.33.54l.7 6.25c.02.36.58.55.83.27l.8-.8c.02 0 .04-.02.04 0 .46.24 1.37.17 3.18.17h7.44c4.27 0 3.65.67 3.65-3.62v-.75l-2.93-.3v1.05c0 .42-.3.72-.72.72H7.28c-.15 0-.3-.03-.4-.1L8.8 86.4c.3-.24.1-.8-.27-.84l-6.28-.65h-.2zM4.88 98.6c-1.33 0-1.34.48-1.3 2.3l1.14-1.37c.08-.1.22-.17.34-.2.16 0 .34.08.44.2l1.66 2.03c.04 0 .07-.03.12-.03h7.44c.34 0 .57.2.65.5h-2.43c-.34.05-.53.52-.3.78l3.92 4.95c.18.24.6.24.78 0l3.94-4.94c.22-.27-.02-.76-.37-.77H18.4c.02-3.9.6-3.4-3.66-3.4H7.28c-1.08 0-1.86-.04-2.4-.04zm.15 2.46c-.1.03-.2.1-.28.2l-3.94 4.9c-.2.28.03.77.4.78H3.6c-.02 3.94-.45 3.4 3.66 3.4h7.44c3.65 0 3.74.3 3.7-2.25l-1.1 1.34c-.1.1-.2.17-.32.2-.16 0-.34-.08-.44-.2l-1.65-2.03c-.06.02-.1.04-.18.04H7.28c-.35 0-.57-.2-.66-.5h2.44c.37 0 .63-.5.4-.78l-3.96-4.9c-.1-.15-.3-.23-.47-.2zM4.88 117.6c-1.16 0-1.3.3-1.3 1.56l1.14-1.38c.08-.1.22-.14.34-.16.16 0 .34.04.44.16l2.22 2.75h7c.42 0 .72.28.72.72v.53h-2.6c-.3.1-.43.54-.2.78l3.92 4.9c.18.25.6.25.78 0l3.94-4.9c.22-.28-.02-.77-.37-.78H18.4v-.53c0-4.2.72-3.63-3.66-3.63H7.28c-1.08 0-1.86-.03-2.4-.03zm.1 1.74c-.1.03-.17.1-.23.16L.8 124.44c-.2.28.03.77.4.78H3.6v.5c0 4.26-.55 3.62 3.66 3.62h7.44c1.03 0 1.74.02 2.28 0-.16.02-.34-.03-.44-.15l-2.22-2.76H7.28c-.44 0-.72-.3-.72-.72v-.5h2.5c.37.02.63-.5.4-.78L5.5 119.5c-.12-.15-.34-.22-.53-.16zm12.02 10c1.2-.02 1.4-.25 1.4-1.53l-1.1 1.36c-.07.1-.17.17-.3.18zM5.94 136.6l2.37 2.93h6.42c.42 0 .72.28.72.72v1.25h-2.6c-.3.1-.43.54-.2.78l3.92 4.9c.18.25.6.25.78 0l3.94-4.9c.22-.28-.02-.77-.37-.78H18.4v-1.25c0-4.2.72-3.63-3.66-3.63H7.28c-.6 0-.92-.02-1.34-.03zm-1.72.06c-.4.08-.54.3-.6.75l.6-.74zm.84.93c-.12 0-.24.08-.3.18l-3.95 4.9c-.24.3 0 .83.4.82H3.6v1.22c0 4.26-.55 3.62 3.66 3.62h7.44c.63 0 .97.02 1.4.03l-2.37-2.93H7.28c-.44 0-.72-.3-.72-.72v-1.22h2.5c.4.04.67-.53.4-.8l-3.96-4.92c-.1-.13-.27-.2-.44-.2zm13.28 10.03l-.56.7c.36-.07.5-.3.56-.7zM17.13 155.6c-.55-.02-1.32.03-2.4.03h-8.2l2.38 2.9h5.82c.42 0 .72.28.72.72v1.97H12.9c-.32.06-.48.52-.28.78l3.94 4.94c.2.23.6.22.78-.03l3.94-4.9c.22-.28-.02-.77-.37-.78H18.4v-1.97c0-3.15.4-3.62-1.25-3.66zm-12.1.28c-.1.02-.2.1-.28.18l-3.94 4.9c-.2.3.03.78.4.8H3.6v1.96c0 4.26-.55 3.62 3.66 3.62h8.24l-2.36-2.9H7.28c-.44 0-.72-.3-.72-.72v-1.97h2.5c.37.02.63-.5.4-.78l-3.96-4.9c-.1-.15-.3-.22-.47-.2zM5.13 174.5c-.15 0-.3.07-.38.2L.8 179.6c-.24.27 0 .82.4.8H3.6v2.32c0 4.26-.55 3.62 3.66 3.62h7.94l-2.35-2.9h-5.6c-.43 0-.7-.3-.7-.72v-2.3h2.5c.38.03.66-.54.4-.83l-3.97-4.9c-.1-.13-.23-.2-.38-.2zm12 .1c-.55-.02-1.32.03-2.4.03H6.83l2.35 2.9h5.52c.42 0 .72.28.72.72v2.34h-2.6c-.3.1-.43.53-.2.78l3.92 4.9c.18.24.6.24.78 0l3.94-4.9c.22-.3-.02-.78-.37-.8H18.4v-2.33c0-3.15.4-3.62-1.25-3.66zM4.97 193.16c-.1.03-.17.1-.22.18l-3.94 4.9c-.2.3.03.78.4.8H3.6v2.68c0 4.26-.55 3.62 3.66 3.62h7.66l-2.3-2.84c-.03-.02-.03-.04-.05-.06H7.27c-.44 0-.72-.3-.72-.72v-2.7h2.5c.37.03.63-.48.4-.77l-3.96-4.9c-.12-.17-.34-.25-.53-.2zm12.16.43c-.55-.02-1.32.03-2.4.03H7.1l2.32 2.84.03.06h5.25c.42 0 .72.28.72.72v2.7h-2.5c-.36.02-.56.54-.3.8l3.92 4.9c.18.25.6.25.78 0l3.94-4.9c.26-.28 0-.83-.37-.8H18.4v-2.7c0-3.15.4-3.62-1.25-3.66z' fill='%23D8A070' stroke-width='0'/></svg>\")}button.icon-button.disabled i.fa-retweet,button.icon-button.disabled i.fa-retweet:hover{background-image:url(\"data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='22' height='209'><path d='M4.97 3.16c-.1.03-.17.1-.22.18L.8 8.24c-.2.3.03.78.4.8H3.6v2.68c0 4.26-.55 3.62 3.66 3.62h7.66l-2.3-2.84c-.03-.02-.03-.04-.05-.06H7.27c-.44 0-.72-.3-.72-.72v-2.7h2.5c.37.03.63-.48.4-.77L5.5 3.35c-.12-.17-.34-.25-.53-.2zm12.16.43c-.55-.02-1.32.02-2.4.02H7.1l2.32 2.85.03.06h5.25c.42 0 .72.28.72.72v2.7h-2.5c-.36.02-.56.54-.3.8l3.92 4.9c.18.25.6.25.78 0l3.94-4.9c.26-.28 0-.83-.37-.8H18.4v-2.7c0-3.15.4-3.62-1.25-3.66z' fill='%23283A50' stroke-width='0'/></svg>\")}.status-direct button.icon-button.disabled i.fa-retweet,.status-direct button.icon-button.disabled i.fa-retweet:hover{background-image:url(\"data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='22' height='209'><path d='M4.97 3.16c-.1.03-.17.1-.22.18L.8 8.24c-.2.3.03.78.4.8H3.6v2.68c0 4.26-.55 3.62 3.66 3.62h7.66l-2.3-2.84c-.03-.02-.03-.04-.05-.06H7.27c-.44 0-.72-.3-.72-.72v-2.7h2.5c.37.03.63-.48.4-.77L5.5 3.35c-.12-.17-.34-.25-.53-.2zm12.16.43c-.55-.02-1.32.02-2.4.02H7.1l2.32 2.85.03.06h5.25c.42 0 .72.28.72.72v2.7h-2.5c-.36.02-.56.54-.3.8l3.92 4.9c.18.25.6.25.78 0l3.94-4.9c.26-.28 0-.83-.37-.8H18.4v-2.7c0-3.15.4-3.62-1.25-3.66z' fill='%23283A50' stroke-width='0'/></svg>\")}.account{padding:10px;border-bottom:1px solid #202e3f;color:inherit;text-decoration:none}.account .account__display-name{flex:1 1 auto;display:block;color:#9baec8;overflow:hidden;text-decoration:none;font-size:14px}.account.small{border:none;padding:0}.account.small>.account__avatar-wrapper{margin:0 8px 0 0}.account.small>.display-name{height:24px;line-height:24px}.account__wrapper{display:flex}.account__avatar-wrapper{float:left;margin-left:12px;margin-right:12px}.account__avatar{border-radius:8%;background-position:50%;background-clip:padding-box;position:relative;cursor:pointer}.account__avatar-inline{display:inline-block;vertical-align:middle;margin-right:5px}.account__avatar-composite{border-radius:8%;background-position:50%;background-clip:padding-box;overflow:hidden;position:relative;cursor:default}.account__avatar-composite div{border-radius:8%;background-position:50%;background-clip:padding-box;float:left;position:relative;box-sizing:border-box}.account__avatar-composite__label{display:block;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);color:#fff;text-shadow:1px 1px 2px #000;font-weight:700;font-size:15px}.account__avatar-overlay{position:relative;width:48px;height:48px;background-size:48px 48px}.account__avatar-overlay-base{border-radius:8%;background-position:50%;background-clip:padding-box;width:36px;height:36px;background-size:36px 36px}.account__avatar-overlay-overlay{border-radius:8%;background-position:50%;background-clip:padding-box;width:24px;height:24px;background-size:24px 24px;position:absolute;bottom:0;right:0;z-index:1}.account__relationship{height:18px;padding:10px;white-space:nowrap}.account__header__wrapper{flex:0 0 auto;background:#192432}.account__disclaimer{padding:10px;color:#3e5a7c}.account__disclaimer strong{font-weight:500}.account__disclaimer strong:lang(ja){font-weight:700}.account__disclaimer strong:lang(ko){font-weight:700}.account__disclaimer strong:lang(zh-CN){font-weight:700}.account__disclaimer strong:lang(zh-HK){font-weight:700}.account__disclaimer strong:lang(zh-TW){font-weight:700}.account__disclaimer a{font-weight:500;color:inherit;text-decoration:underline}.account__disclaimer a:hover,.account__disclaimer a:focus,.account__disclaimer a:active{text-decoration:none}.account__action-bar{border-top:1px solid #202e3f;border-bottom:1px solid #202e3f;line-height:36px;overflow:hidden;flex:0 0 auto;display:flex}.account__action-bar-links{display:flex;flex:1 1 auto;line-height:18px;text-align:center}.account__action-bar__tab{text-decoration:none;overflow:hidden;flex:0 1 100%;border-left:1px solid #202e3f;padding:10px 0;border-bottom:4px solid transparent}.account__action-bar__tab:first-child{border-left:0}.account__action-bar__tab.active{border-bottom:4px solid #d8a070}.account__action-bar__tab>span{display:block;text-transform:uppercase;font-size:11px;color:#9baec8}.account__action-bar__tab strong{display:block;font-size:15px;font-weight:500;color:#fff}.account__action-bar__tab strong:lang(ja){font-weight:700}.account__action-bar__tab strong:lang(ko){font-weight:700}.account__action-bar__tab strong:lang(zh-CN){font-weight:700}.account__action-bar__tab strong:lang(zh-HK){font-weight:700}.account__action-bar__tab strong:lang(zh-TW){font-weight:700}.account__action-bar__tab abbr{color:#d8a070}.account-authorize{padding:14px 10px}.account-authorize .detailed-status__display-name{display:block;margin-bottom:15px;overflow:hidden}.account-authorize__avatar{float:left;margin-right:10px}.notification__message{margin-left:42px;padding:8px 0 0 26px;cursor:default;color:#9baec8;font-size:15px;position:relative}.notification__message .fa{color:#d8a070}.notification__message>span{display:block;overflow:hidden;text-overflow:ellipsis}.account--panel{background:#192432;border-top:1px solid #202e3f;border-bottom:1px solid #202e3f;display:flex;flex-direction:row;padding:10px 0}.account--panel__button,.detailed-status__button{flex:1 1 auto;text-align:center}.column-settings__outer{background:#202e3f;padding:15px}.column-settings__section{color:#9baec8;cursor:default;display:block;font-weight:500;margin-bottom:10px}.column-settings__hashtags .column-settings__row{margin-bottom:15px}.column-settings__hashtags .column-select__control{outline:0;box-sizing:border-box;width:100%;border:none;box-shadow:none;font-family:inherit;background:#121a24;color:#9baec8;font-size:14px;margin:0}.column-settings__hashtags .column-select__control::placeholder{color:#a8b9cf}.column-settings__hashtags .column-select__control::-moz-focus-inner{border:0}.column-settings__hashtags .column-select__control::-moz-focus-inner,.column-settings__hashtags .column-select__control:focus,.column-settings__hashtags .column-select__control:active{outline:0 !important}.column-settings__hashtags .column-select__control:focus{background:#192432}@media screen and (max-width: 600px){.column-settings__hashtags .column-select__control{font-size:16px}}.column-settings__hashtags .column-select__placeholder{color:#3e5a7c;padding-left:2px;font-size:12px}.column-settings__hashtags .column-select__value-container{padding-left:6px}.column-settings__hashtags .column-select__multi-value{background:#202e3f}.column-settings__hashtags .column-select__multi-value__remove{cursor:pointer}.column-settings__hashtags .column-select__multi-value__remove:hover,.column-settings__hashtags .column-select__multi-value__remove:active,.column-settings__hashtags .column-select__multi-value__remove:focus{background:#26374d;color:#a8b9cf}.column-settings__hashtags .column-select__multi-value__label,.column-settings__hashtags .column-select__input{color:#9baec8}.column-settings__hashtags .column-select__clear-indicator,.column-settings__hashtags .column-select__dropdown-indicator{cursor:pointer;transition:none;color:#3e5a7c}.column-settings__hashtags .column-select__clear-indicator:hover,.column-settings__hashtags .column-select__clear-indicator:active,.column-settings__hashtags .column-select__clear-indicator:focus,.column-settings__hashtags .column-select__dropdown-indicator:hover,.column-settings__hashtags .column-select__dropdown-indicator:active,.column-settings__hashtags .column-select__dropdown-indicator:focus{color:#45648a}.column-settings__hashtags .column-select__indicator-separator{background-color:#202e3f}.column-settings__hashtags .column-select__menu{background:#fff;border-radius:4px;padding:10px 14px;padding-bottom:14px;margin-top:10px;color:#9baec8;box-shadow:2px 4px 15px rgba(0,0,0,.4);padding:0;background:#d9e1e8}.column-settings__hashtags .column-select__menu h4{text-transform:uppercase;color:#9baec8;font-size:13px;font-weight:500;margin-bottom:10px}.column-settings__hashtags .column-select__menu li{padding:4px 0}.column-settings__hashtags .column-select__menu ul{margin-bottom:10px}.column-settings__hashtags .column-select__menu em{font-weight:500;color:#121a24}.column-settings__hashtags .column-select__menu-list{padding:6px}.column-settings__hashtags .column-select__option{color:#121a24;border-radius:4px;font-size:14px}.column-settings__hashtags .column-select__option--is-focused,.column-settings__hashtags .column-select__option--is-selected{background:#b9c8d5}.column-settings__row .text-btn{margin-bottom:15px}.relationship-tag{color:#fff;margin-bottom:4px;display:block;vertical-align:top;background-color:#000;text-transform:uppercase;font-size:11px;font-weight:500;padding:4px;border-radius:4px;opacity:.7}.relationship-tag:hover{opacity:1}.account-gallery__container{display:flex;flex-wrap:wrap;padding:4px 2px}.account-gallery__item{border:none;box-sizing:border-box;display:block;position:relative;border-radius:4px;overflow:hidden;margin:2px}.account-gallery__item__icons{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);font-size:24px}.notification__filter-bar,.account__section-headline{background:#0b1016;border-bottom:1px solid #202e3f;cursor:default;display:flex;flex-shrink:0}.notification__filter-bar button,.account__section-headline button{background:#0b1016;border:0;margin:0}.notification__filter-bar button,.notification__filter-bar a,.account__section-headline button,.account__section-headline a{display:block;flex:1 1 auto;color:#9baec8;padding:15px 0;font-size:14px;font-weight:500;text-align:center;text-decoration:none;position:relative}.notification__filter-bar button.active,.notification__filter-bar a.active,.account__section-headline button.active,.account__section-headline a.active{color:#d9e1e8}.notification__filter-bar button.active::before,.notification__filter-bar button.active::after,.notification__filter-bar a.active::before,.notification__filter-bar a.active::after,.account__section-headline button.active::before,.account__section-headline button.active::after,.account__section-headline a.active::before,.account__section-headline a.active::after{display:block;content:\"\";position:absolute;bottom:0;left:50%;width:0;height:0;transform:translateX(-50%);border-style:solid;border-width:0 10px 10px;border-color:transparent transparent #202e3f}.notification__filter-bar button.active::after,.notification__filter-bar a.active::after,.account__section-headline button.active::after,.account__section-headline a.active::after{bottom:-1px;border-color:transparent transparent #121a24}.notification__filter-bar.directory__section-headline,.account__section-headline.directory__section-headline{background:#0f151d;border-bottom-color:transparent}.notification__filter-bar.directory__section-headline a.active::before,.notification__filter-bar.directory__section-headline button.active::before,.account__section-headline.directory__section-headline a.active::before,.account__section-headline.directory__section-headline button.active::before{display:none}.notification__filter-bar.directory__section-headline a.active::after,.notification__filter-bar.directory__section-headline button.active::after,.account__section-headline.directory__section-headline a.active::after,.account__section-headline.directory__section-headline button.active::after{border-color:transparent transparent #06090c}.account__moved-note{padding:14px 10px;padding-bottom:16px;background:#192432;border-top:1px solid #202e3f;border-bottom:1px solid #202e3f}.account__moved-note__message{position:relative;margin-left:58px;color:#3e5a7c;padding:8px 0;padding-top:0;padding-bottom:4px;font-size:14px}.account__moved-note__message>span{display:block;overflow:hidden;text-overflow:ellipsis}.account__moved-note__icon-wrapper{left:-26px;position:absolute}.account__moved-note .detailed-status__display-avatar{position:relative}.account__moved-note .detailed-status__display-name{margin-bottom:0}.account__header__content{color:#9baec8;font-size:14px;font-weight:400;overflow:hidden;word-break:normal;word-wrap:break-word}.account__header__content p{margin-bottom:20px}.account__header__content p:last-child{margin-bottom:0}.account__header__content a{color:inherit;text-decoration:underline}.account__header__content a:hover{text-decoration:none}.account__header{overflow:hidden}.account__header.inactive{opacity:.5}.account__header.inactive .account__header__image,.account__header.inactive .account__avatar{filter:grayscale(100%)}.account__header__info{position:absolute;top:10px;left:10px}.account__header__image{overflow:hidden;height:145px;position:relative;background:#0b1016}.account__header__image img{object-fit:cover;display:block;width:100%;height:100%;margin:0}.account__header__bar{position:relative;background:#192432;padding:5px;border-bottom:1px solid #26374d}.account__header__bar .avatar{display:block;flex:0 0 auto;width:94px;margin-left:-2px}.account__header__bar .avatar .account__avatar{background:#040609;border:2px solid #192432}.account__header__tabs{display:flex;align-items:flex-start;padding:7px 5px;margin-top:-55px}.account__header__tabs__buttons{display:flex;align-items:center;padding-top:55px;overflow:hidden}.account__header__tabs__buttons .icon-button{border:1px solid #26374d;border-radius:4px;box-sizing:content-box;padding:2px}.account__header__tabs__buttons .button{margin:0 8px}.account__header__tabs__name{padding:5px}.account__header__tabs__name .account-role{vertical-align:top}.account__header__tabs__name .emojione{width:22px;height:22px}.account__header__tabs__name h1{font-size:16px;line-height:24px;color:#fff;font-weight:500;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.account__header__tabs__name h1 small{display:block;font-size:14px;color:#9baec8;font-weight:400;overflow:hidden;text-overflow:ellipsis}.account__header__tabs .spacer{flex:1 1 auto}.account__header__bio{overflow:hidden;margin:0 -5px}.account__header__bio .account__header__content{padding:20px 15px;padding-bottom:5px;color:#fff}.account__header__bio .account__header__fields{margin:0;border-top:1px solid #26374d}.account__header__bio .account__header__fields a{color:#e1b590}.account__header__bio .account__header__fields dl:first-child .verified{border-radius:0 4px 0 0}.account__header__bio .account__header__fields .verified a{color:#79bd9a}.account__header__extra{margin-top:4px}.account__header__extra__links{font-size:14px;color:#9baec8;padding:10px 0}.account__header__extra__links a{display:inline-block;color:#9baec8;text-decoration:none;padding:5px 10px;font-weight:500}.account__header__extra__links a strong{font-weight:700;color:#fff}.domain{padding:10px;border-bottom:1px solid #202e3f}.domain .domain__domain-name{flex:1 1 auto;display:block;color:#fff;text-decoration:none;font-size:14px;font-weight:500}.domain__wrapper{display:flex}.domain_buttons{height:18px;padding:10px;white-space:nowrap}@keyframes spring-flip-in{0%{transform:rotate(0deg)}30%{transform:rotate(-242.4deg)}60%{transform:rotate(-158.35deg)}90%{transform:rotate(-187.5deg)}100%{transform:rotate(-180deg)}}@keyframes spring-flip-out{0%{transform:rotate(-180deg)}30%{transform:rotate(62.4deg)}60%{transform:rotate(-21.635deg)}90%{transform:rotate(7.5deg)}100%{transform:rotate(0deg)}}.status__content--with-action{cursor:pointer}.status__content{position:relative;margin:10px 0;font-size:15px;line-height:20px;word-wrap:break-word;font-weight:400;overflow:visible;padding-top:5px}.status__content:focus{outline:0}.status__content .emojione{width:20px;height:20px;margin:-3px 0 0}.status__content img{max-width:100%;max-height:400px;object-fit:contain}.status__content p,.status__content pre,.status__content blockquote{margin-bottom:20px;white-space:pre-wrap}.status__content p:last-child,.status__content pre:last-child,.status__content blockquote:last-child{margin-bottom:0}.status__content .status__content__text,.status__content .e-content{overflow:hidden}.status__content .status__content__text>ul,.status__content .status__content__text>ol,.status__content .e-content>ul,.status__content .e-content>ol{margin-bottom:20px}.status__content .status__content__text h1,.status__content .status__content__text h2,.status__content .status__content__text h3,.status__content .status__content__text h4,.status__content .status__content__text h5,.status__content .e-content h1,.status__content .e-content h2,.status__content .e-content h3,.status__content .e-content h4,.status__content .e-content h5{margin-top:20px;margin-bottom:20px}.status__content .status__content__text h1,.status__content .status__content__text h2,.status__content .e-content h1,.status__content .e-content h2{font-weight:700;font-size:1.2em}.status__content .status__content__text h2,.status__content .e-content h2{font-size:1.1em}.status__content .status__content__text h3,.status__content .status__content__text h4,.status__content .status__content__text h5,.status__content .e-content h3,.status__content .e-content h4,.status__content .e-content h5{font-weight:500}.status__content .status__content__text blockquote,.status__content .e-content blockquote{padding-left:10px;border-left:3px solid #9baec8;color:#9baec8;white-space:normal}.status__content .status__content__text blockquote p:last-child,.status__content .e-content blockquote p:last-child{margin-bottom:0}.status__content .status__content__text b,.status__content .status__content__text strong,.status__content .e-content b,.status__content .e-content strong{font-weight:700}.status__content .status__content__text em,.status__content .status__content__text i,.status__content .e-content em,.status__content .e-content i{font-style:italic}.status__content .status__content__text sub,.status__content .e-content sub{font-size:smaller;text-align:sub}.status__content .status__content__text sup,.status__content .e-content sup{font-size:smaller;vertical-align:super}.status__content .status__content__text ul,.status__content .status__content__text ol,.status__content .e-content ul,.status__content .e-content ol{margin-left:1em}.status__content .status__content__text ul p,.status__content .status__content__text ol p,.status__content .e-content ul p,.status__content .e-content ol p{margin:0}.status__content .status__content__text ul,.status__content .e-content ul{list-style-type:disc}.status__content .status__content__text ol,.status__content .e-content ol{list-style-type:decimal}.status__content a{color:#d8a070;text-decoration:none}.status__content a:hover{text-decoration:underline}.status__content a:hover .fa{color:#4a6b94}.status__content a.mention:hover{text-decoration:none}.status__content a.mention:hover span{text-decoration:underline}.status__content a .fa{color:#3e5a7c}.status__content .status__content__spoiler{display:none}.status__content .status__content__spoiler.status__content__spoiler--visible{display:block}.status__content a.unhandled-link{color:#e1b590}.status__content a.unhandled-link .link-origin-tag{color:#ca8f04;font-size:.8em}.status__content .status__content__spoiler-link{background:#45648a}.status__content .status__content__spoiler-link:hover{background:#4a6b94;text-decoration:none}.status__content__spoiler-link{display:inline-block;border-radius:2px;background:#45648a;border:none;color:#121a24;font-weight:500;font-size:11px;padding:0 5px;text-transform:uppercase;line-height:inherit;cursor:pointer;vertical-align:bottom}.status__content__spoiler-link:hover{background:#4a6b94;text-decoration:none}.status__content__spoiler-link .status__content__spoiler-icon{display:inline-block;margin:0 0 0 5px;border-left:1px solid currentColor;padding:0 0 0 4px;font-size:16px;vertical-align:-2px}.notif-cleaning .status,.notif-cleaning .notification-follow,.notif-cleaning .notification-follow-request{padding-right:4.5rem}.status__wrapper--filtered{color:#3e5a7c;border:0;font-size:inherit;text-align:center;line-height:inherit;margin:0;padding:15px;box-sizing:border-box;width:100%;clear:both;border-bottom:1px solid #202e3f}.status__prepend-icon-wrapper{left:-26px;position:absolute}.notification-follow,.notification-follow-request{position:relative;border-bottom:1px solid #202e3f}.notification-follow .account,.notification-follow-request .account{border-bottom:0 none}.focusable:focus{outline:0;background:#192432}.focusable:focus.status.status-direct:not(.read){background:#26374d}.focusable:focus.status.status-direct:not(.read).muted{background:transparent}.focusable:focus .detailed-status,.focusable:focus .detailed-status__action-bar{background:#202e3f}.status{padding:10px 14px;position:relative;height:auto;border-bottom:1px solid #202e3f;cursor:default;opacity:1;animation:fade 150ms linear}@supports(-ms-overflow-style: -ms-autohiding-scrollbar){.status{padding-right:28px}}@keyframes fade{0%{opacity:0}100%{opacity:1}}.status .video-player,.status .audio-player{margin-top:8px}.status.status-direct:not(.read){background:#202e3f;border-bottom-color:#26374d}.status.light .status__relative-time{color:#3e5a7c}.status.light .status__display-name{color:#121a24}.status.light .display-name strong{color:#121a24}.status.light .display-name span{color:#3e5a7c}.status.light .status__content{color:#121a24}.status.light .status__content a{color:#d8a070}.status.light .status__content a.status__content__spoiler-link{color:#fff;background:#9baec8}.status.light .status__content a.status__content__spoiler-link:hover{background:#b5c3d6}.status.collapsed{background-position:center;background-size:cover;user-select:none}.status.collapsed.has-background::before{display:block;position:absolute;left:0;right:0;top:0;bottom:0;background-image:linear-gradient(to bottom, rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0.65) 24px, rgba(0, 0, 0, 0.8));pointer-events:none;content:\"\"}.status.collapsed .display-name:hover .display-name__html{text-decoration:none}.status.collapsed .status__content{height:20px;overflow:hidden;text-overflow:ellipsis;padding-top:0}.status.collapsed .status__content:after{content:\"\";position:absolute;top:0;bottom:0;left:0;right:0;background:linear-gradient(rgba(18, 26, 36, 0), #121a24);pointer-events:none}.status.collapsed .status__content a:hover{text-decoration:none}.status.collapsed:focus>.status__content:after{background:linear-gradient(rgba(25, 36, 50, 0), #192432)}.status.collapsed.status-direct:not(.read)>.status__content:after{background:linear-gradient(rgba(32, 46, 63, 0), #202e3f)}.status.collapsed .notification__message{margin-bottom:0}.status.collapsed .status__info .notification__message>span{white-space:nowrap}.status .notification__message{margin:-10px 0px 10px 0}.notification-favourite .status.status-direct{background:transparent}.notification-favourite .status.status-direct .icon-button.disabled{color:#547aa9}.status__relative-time{display:inline-block;flex-grow:1;color:#3e5a7c;font-size:14px;text-align:right;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.status__display-name{color:#3e5a7c;overflow:hidden}.status__info__account .status__display-name{display:block;max-width:100%}.status__info{display:flex;justify-content:space-between;font-size:15px}.status__info>span{text-overflow:ellipsis;overflow:hidden}.status__info .notification__message>span{word-wrap:break-word}.status__info__icons{display:flex;align-items:center;height:1em;color:#3e5a7c}.status__info__icons .status__media-icon,.status__info__icons .status__visibility-icon,.status__info__icons .status__reply-icon{padding-left:2px;padding-right:2px}.status__info__icons .status__collapse-button.active>.fa-angle-double-up{transform:rotate(-180deg)}.no-reduce-motion .status__collapse-button.activate>.fa-angle-double-up{animation:spring-flip-in 1s linear}.no-reduce-motion .status__collapse-button.deactivate>.fa-angle-double-up{animation:spring-flip-out 1s linear}.status__info__account{display:flex;align-items:center;justify-content:flex-start}.status-check-box{border-bottom:1px solid #d9e1e8;display:flex}.status-check-box .status-check-box__status{margin:10px 0 10px 10px;flex:1}.status-check-box .status-check-box__status .media-gallery{max-width:250px}.status-check-box .status-check-box__status .status__content{padding:0;white-space:normal}.status-check-box .status-check-box__status .video-player,.status-check-box .status-check-box__status .audio-player{margin-top:8px;max-width:250px}.status-check-box .status-check-box__status .media-gallery__item-thumbnail{cursor:default}.status-check-box-toggle{align-items:center;display:flex;flex:0 0 auto;justify-content:center;padding:10px}.status__prepend{margin-top:-10px;margin-bottom:10px;margin-left:58px;color:#3e5a7c;padding:8px 0;padding-bottom:2px;font-size:14px;position:relative}.status__prepend .status__display-name strong{color:#3e5a7c}.status__prepend>span{display:block;overflow:hidden;text-overflow:ellipsis}.status__action-bar{align-items:center;display:flex;margin-top:8px}.status__action-bar__counter{display:inline-flex;margin-right:11px;align-items:center}.status__action-bar__counter .status__action-bar-button{margin-right:4px}.status__action-bar__counter__label{display:inline-block;width:14px;font-size:12px;font-weight:500;color:#3e5a7c}.status__action-bar-button{margin-right:18px}.status__action-bar-dropdown{height:23.15px;width:23.15px}.detailed-status__action-bar-dropdown{flex:1 1 auto;display:flex;align-items:center;justify-content:center;position:relative}.detailed-status{background:#192432;padding:14px 10px}.detailed-status--flex{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-start}.detailed-status--flex .status__content,.detailed-status--flex .detailed-status__meta{flex:100%}.detailed-status .status__content{font-size:19px;line-height:24px}.detailed-status .status__content .emojione{width:24px;height:24px;margin:-1px 0 0}.detailed-status .video-player,.detailed-status .audio-player{margin-top:8px}.detailed-status__meta{margin-top:15px;color:#3e5a7c;font-size:14px;line-height:18px}.detailed-status__action-bar{background:#192432;border-top:1px solid #202e3f;border-bottom:1px solid #202e3f;display:flex;flex-direction:row;padding:10px 0}.detailed-status__link{color:inherit;text-decoration:none}.detailed-status__favorites,.detailed-status__reblogs{display:inline-block;font-weight:500;font-size:12px;margin-left:6px}.status__display-name,.status__relative-time,.detailed-status__display-name,.detailed-status__datetime,.detailed-status__application,.account__display-name{text-decoration:none}.status__display-name strong,.account__display-name strong{color:#fff}.muted .emojione{opacity:.5}a.status__display-name:hover strong,.reply-indicator__display-name:hover strong,.detailed-status__display-name:hover strong,.account__display-name:hover strong{text-decoration:underline}.account__display-name strong{display:block;overflow:hidden;text-overflow:ellipsis}.detailed-status__application,.detailed-status__datetime{color:inherit}.detailed-status .button.logo-button{margin-bottom:15px}.detailed-status__display-name{color:#d9e1e8;display:block;line-height:24px;margin-bottom:15px;overflow:hidden}.detailed-status__display-name strong,.detailed-status__display-name span{display:block;text-overflow:ellipsis;overflow:hidden}.detailed-status__display-name strong{font-size:16px;color:#fff}.detailed-status__display-avatar{float:left;margin-right:10px}.status__avatar{flex:none;margin:0 10px 0 0;height:48px;width:48px}.muted .status__content,.muted .status__content p,.muted .status__content a,.muted .status__content__text{color:#3e5a7c}.muted .status__display-name strong{color:#3e5a7c}.muted .status__avatar{opacity:.5}.muted a.status__content__spoiler-link{background:#3e5a7c;color:#121a24}.muted a.status__content__spoiler-link:hover{background:#436187;text-decoration:none}.status__relative-time:hover,.detailed-status__datetime:hover{text-decoration:underline}.status-card{display:flex;font-size:14px;border:1px solid #202e3f;border-radius:4px;color:#3e5a7c;margin-top:14px;text-decoration:none;overflow:hidden}.status-card__actions{bottom:0;left:0;position:absolute;right:0;top:0;display:flex;justify-content:center;align-items:center}.status-card__actions>div{background:rgba(0,0,0,.6);border-radius:8px;padding:12px 9px;flex:0 0 auto;display:flex;justify-content:center;align-items:center}.status-card__actions button,.status-card__actions a{display:inline;color:#d9e1e8;background:transparent;border:0;padding:0 8px;text-decoration:none;font-size:18px;line-height:18px}.status-card__actions button:hover,.status-card__actions button:active,.status-card__actions button:focus,.status-card__actions a:hover,.status-card__actions a:active,.status-card__actions a:focus{color:#fff}.status-card__actions a{font-size:19px;position:relative;bottom:-1px}.status-card__actions a .fa,.status-card__actions a:hover .fa{color:inherit}a.status-card{cursor:pointer}a.status-card:hover{background:#202e3f}.status-card-photo{cursor:zoom-in;display:block;text-decoration:none;width:100%;height:auto;margin:0}.status-card-video iframe{width:100%;height:100%}.status-card__title{display:block;font-weight:500;margin-bottom:5px;color:#9baec8;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-decoration:none}.status-card__content{flex:1 1 auto;overflow:hidden;padding:14px 14px 14px 8px}.status-card__description{color:#9baec8}.status-card__host{display:block;margin-top:5px;font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.status-card__image{flex:0 0 100px;background:#202e3f;position:relative}.status-card__image>.fa{font-size:21px;position:absolute;transform-origin:50% 50%;top:50%;left:50%;transform:translate(-50%, -50%)}.status-card.horizontal{display:block}.status-card.horizontal .status-card__image{width:100%}.status-card.horizontal .status-card__image-image{border-radius:4px 4px 0 0}.status-card.horizontal .status-card__title{white-space:inherit}.status-card.compact{border-color:#192432}.status-card.compact.interactive{border:0}.status-card.compact .status-card__content{padding:8px;padding-top:10px}.status-card.compact .status-card__title{white-space:nowrap}.status-card.compact .status-card__image{flex:0 0 60px}a.status-card.compact:hover{background-color:#192432}.status-card__image-image{border-radius:4px 0 0 4px;display:block;margin:0;width:100%;height:100%;object-fit:cover;background-size:cover;background-position:center center}.attachment-list{display:flex;font-size:14px;border:1px solid #202e3f;border-radius:4px;margin-top:14px;overflow:hidden}.attachment-list__icon{flex:0 0 auto;color:#3e5a7c;padding:8px 18px;cursor:default;border-right:1px solid #202e3f;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:26px}.attachment-list__icon .fa{display:block}.attachment-list__list{list-style:none;padding:4px 0;padding-left:8px;display:flex;flex-direction:column;justify-content:center}.attachment-list__list li{display:block;padding:4px 0}.attachment-list__list a{text-decoration:none;color:#3e5a7c;font-weight:500}.attachment-list__list a:hover{text-decoration:underline}.attachment-list.compact{border:0;margin-top:4px}.attachment-list.compact .attachment-list__list{padding:0;display:block}.attachment-list.compact .fa{color:#3e5a7c}.status__wrapper--filtered__button{display:inline;color:#e1b590;border:0;background:transparent;padding:0;font-size:inherit;line-height:inherit}.status__wrapper--filtered__button:hover,.status__wrapper--filtered__button:active{text-decoration:underline}.modal-container--preloader{background:#202e3f}.modal-root{position:relative;transition:opacity .3s linear;will-change:opacity;z-index:9999}.modal-root__overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.7)}.modal-root__container{position:fixed;top:0;left:0;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;align-content:space-around;z-index:9999;pointer-events:none;user-select:none}.modal-root__modal{pointer-events:auto;display:flex;z-index:9999}.onboarding-modal,.error-modal,.embed-modal{background:#d9e1e8;color:#121a24;border-radius:8px;overflow:hidden;display:flex;flex-direction:column}.onboarding-modal__pager{height:80vh;width:80vw;max-width:520px;max-height:470px}.onboarding-modal__pager .react-swipeable-view-container>div{width:100%;height:100%;box-sizing:border-box;display:none;flex-direction:column;align-items:center;justify-content:center;display:flex;user-select:text}.error-modal__body{height:80vh;width:80vw;max-width:520px;max-height:420px;position:relative}.error-modal__body>div{position:absolute;top:0;left:0;width:100%;height:100%;box-sizing:border-box;padding:25px;display:none;flex-direction:column;align-items:center;justify-content:center;display:flex;opacity:0;user-select:text}.error-modal__body{display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center}@media screen and (max-width: 550px){.onboarding-modal{width:100%;height:100%;border-radius:0}.onboarding-modal__pager{width:100%;height:auto;max-width:none;max-height:none;flex:1 1 auto}}.onboarding-modal__paginator,.error-modal__footer{flex:0 0 auto;background:#c0cdd9;display:flex;padding:25px}.onboarding-modal__paginator>div,.error-modal__footer>div{min-width:33px}.onboarding-modal__paginator .onboarding-modal__nav,.onboarding-modal__paginator .error-modal__nav,.error-modal__footer .onboarding-modal__nav,.error-modal__footer .error-modal__nav{color:#3e5a7c;border:0;font-size:14px;font-weight:500;padding:10px 25px;line-height:inherit;height:auto;margin:-10px;border-radius:4px;background-color:transparent}.onboarding-modal__paginator .onboarding-modal__nav:hover,.onboarding-modal__paginator .onboarding-modal__nav:focus,.onboarding-modal__paginator .onboarding-modal__nav:active,.onboarding-modal__paginator .error-modal__nav:hover,.onboarding-modal__paginator .error-modal__nav:focus,.onboarding-modal__paginator .error-modal__nav:active,.error-modal__footer .onboarding-modal__nav:hover,.error-modal__footer .onboarding-modal__nav:focus,.error-modal__footer .onboarding-modal__nav:active,.error-modal__footer .error-modal__nav:hover,.error-modal__footer .error-modal__nav:focus,.error-modal__footer .error-modal__nav:active{color:#37506f;background-color:#a6b9c9}.onboarding-modal__paginator .onboarding-modal__nav.onboarding-modal__done,.onboarding-modal__paginator .onboarding-modal__nav.onboarding-modal__next,.onboarding-modal__paginator .error-modal__nav.onboarding-modal__done,.onboarding-modal__paginator .error-modal__nav.onboarding-modal__next,.error-modal__footer .onboarding-modal__nav.onboarding-modal__done,.error-modal__footer .onboarding-modal__nav.onboarding-modal__next,.error-modal__footer .error-modal__nav.onboarding-modal__done,.error-modal__footer .error-modal__nav.onboarding-modal__next{color:#121a24}.onboarding-modal__paginator .onboarding-modal__nav.onboarding-modal__done:hover,.onboarding-modal__paginator .onboarding-modal__nav.onboarding-modal__done:focus,.onboarding-modal__paginator .onboarding-modal__nav.onboarding-modal__done:active,.onboarding-modal__paginator .onboarding-modal__nav.onboarding-modal__next:hover,.onboarding-modal__paginator .onboarding-modal__nav.onboarding-modal__next:focus,.onboarding-modal__paginator .onboarding-modal__nav.onboarding-modal__next:active,.onboarding-modal__paginator .error-modal__nav.onboarding-modal__done:hover,.onboarding-modal__paginator .error-modal__nav.onboarding-modal__done:focus,.onboarding-modal__paginator .error-modal__nav.onboarding-modal__done:active,.onboarding-modal__paginator .error-modal__nav.onboarding-modal__next:hover,.onboarding-modal__paginator .error-modal__nav.onboarding-modal__next:focus,.onboarding-modal__paginator .error-modal__nav.onboarding-modal__next:active,.error-modal__footer .onboarding-modal__nav.onboarding-modal__done:hover,.error-modal__footer .onboarding-modal__nav.onboarding-modal__done:focus,.error-modal__footer .onboarding-modal__nav.onboarding-modal__done:active,.error-modal__footer .onboarding-modal__nav.onboarding-modal__next:hover,.error-modal__footer .onboarding-modal__nav.onboarding-modal__next:focus,.error-modal__footer .onboarding-modal__nav.onboarding-modal__next:active,.error-modal__footer .error-modal__nav.onboarding-modal__done:hover,.error-modal__footer .error-modal__nav.onboarding-modal__done:focus,.error-modal__footer .error-modal__nav.onboarding-modal__done:active,.error-modal__footer .error-modal__nav.onboarding-modal__next:hover,.error-modal__footer .error-modal__nav.onboarding-modal__next:focus,.error-modal__footer .error-modal__nav.onboarding-modal__next:active{color:#192432}.error-modal__footer{justify-content:center}.onboarding-modal__dots{flex:1 1 auto;display:flex;align-items:center;justify-content:center}.onboarding-modal__dot{width:14px;height:14px;border-radius:14px;background:#a6b9c9;margin:0 3px;cursor:pointer}.onboarding-modal__dot:hover{background:#a0b4c5}.onboarding-modal__dot.active{cursor:default;background:#8da5ba}.onboarding-modal__page__wrapper{pointer-events:none;padding:25px;padding-bottom:0}.onboarding-modal__page__wrapper.onboarding-modal__page__wrapper--active{pointer-events:auto}.onboarding-modal__page{cursor:default;line-height:21px}.onboarding-modal__page h1{font-size:18px;font-weight:500;color:#121a24;margin-bottom:20px}.onboarding-modal__page a{color:#d8a070}.onboarding-modal__page a:hover,.onboarding-modal__page a:focus,.onboarding-modal__page a:active{color:#dcab80}.onboarding-modal__page .navigation-bar a{color:inherit}.onboarding-modal__page p{font-size:16px;color:#3e5a7c;margin-top:10px;margin-bottom:10px}.onboarding-modal__page p:last-child{margin-bottom:0}.onboarding-modal__page p strong{font-weight:500;background:#121a24;color:#d9e1e8;border-radius:4px;font-size:14px;padding:3px 6px}.onboarding-modal__page p strong:lang(ja){font-weight:700}.onboarding-modal__page p strong:lang(ko){font-weight:700}.onboarding-modal__page p strong:lang(zh-CN){font-weight:700}.onboarding-modal__page p strong:lang(zh-HK){font-weight:700}.onboarding-modal__page p strong:lang(zh-TW){font-weight:700}.onboarding-modal__page__wrapper-0{height:100%;padding:0}.onboarding-modal__page-one__lead{padding:65px;padding-top:45px;padding-bottom:0;margin-bottom:10px}.onboarding-modal__page-one__lead h1{font-size:26px;line-height:36px;margin-bottom:8px}.onboarding-modal__page-one__lead p{margin-bottom:0}.onboarding-modal__page-one__extra{padding-right:65px;padding-left:185px;text-align:center}.display-case{text-align:center;font-size:15px;margin-bottom:15px}.display-case__label{font-weight:500;color:#121a24;margin-bottom:5px;text-transform:uppercase;font-size:12px}.display-case__case{background:#121a24;color:#d9e1e8;font-weight:500;padding:10px;border-radius:4px}.onboarding-modal__page-two p,.onboarding-modal__page-three p,.onboarding-modal__page-four p,.onboarding-modal__page-five p{text-align:left}.onboarding-modal__page-two .figure,.onboarding-modal__page-three .figure,.onboarding-modal__page-four .figure,.onboarding-modal__page-five .figure{background:#040609;color:#d9e1e8;margin-bottom:20px;border-radius:4px;padding:10px;text-align:center;font-size:14px;box-shadow:1px 2px 6px rgba(0,0,0,.3)}.onboarding-modal__page-two .figure .onboarding-modal__image,.onboarding-modal__page-three .figure .onboarding-modal__image,.onboarding-modal__page-four .figure .onboarding-modal__image,.onboarding-modal__page-five .figure .onboarding-modal__image{border-radius:4px;margin-bottom:10px}.onboarding-modal__page-two .figure.non-interactive,.onboarding-modal__page-three .figure.non-interactive,.onboarding-modal__page-four .figure.non-interactive,.onboarding-modal__page-five .figure.non-interactive{pointer-events:none;text-align:left}.onboarding-modal__page-four__columns .row{display:flex;margin-bottom:20px}.onboarding-modal__page-four__columns .row>div{flex:1 1 0;margin:0 10px}.onboarding-modal__page-four__columns .row>div:first-child{margin-left:0}.onboarding-modal__page-four__columns .row>div:last-child{margin-right:0}.onboarding-modal__page-four__columns .row>div p{text-align:center}.onboarding-modal__page-four__columns .row:last-child{margin-bottom:0}.onboarding-modal__page-four__columns .column-header{color:#fff}@media screen and (max-width: 320px)and (max-height: 600px){.onboarding-modal__page p{font-size:14px;line-height:20px}.onboarding-modal__page-two .figure,.onboarding-modal__page-three .figure,.onboarding-modal__page-four .figure,.onboarding-modal__page-five .figure{font-size:12px;margin-bottom:10px}.onboarding-modal__page-four__columns .row{margin-bottom:10px}.onboarding-modal__page-four__columns .column-header{padding:5px;font-size:12px}}.onboard-sliders{display:inline-block;max-width:30px;max-height:auto;margin-left:10px}.boost-modal,.doodle-modal,.favourite-modal,.confirmation-modal,.report-modal,.actions-modal,.mute-modal,.block-modal{background:#f2f5f7;color:#121a24;border-radius:8px;overflow:hidden;max-width:90vw;width:480px;position:relative;flex-direction:column}.boost-modal .status__relative-time,.doodle-modal .status__relative-time,.favourite-modal .status__relative-time,.confirmation-modal .status__relative-time,.report-modal .status__relative-time,.actions-modal .status__relative-time,.mute-modal .status__relative-time,.block-modal .status__relative-time{color:#3e5a7c;float:right;font-size:14px;width:auto;margin:initial;padding:initial}.boost-modal .status__display-name,.doodle-modal .status__display-name,.favourite-modal .status__display-name,.confirmation-modal .status__display-name,.report-modal .status__display-name,.actions-modal .status__display-name,.mute-modal .status__display-name,.block-modal .status__display-name{display:flex}.boost-modal .status__avatar,.doodle-modal .status__avatar,.favourite-modal .status__avatar,.confirmation-modal .status__avatar,.report-modal .status__avatar,.actions-modal .status__avatar,.mute-modal .status__avatar,.block-modal .status__avatar{height:48px;width:48px}.boost-modal .status__content__spoiler-link,.doodle-modal .status__content__spoiler-link,.favourite-modal .status__content__spoiler-link,.confirmation-modal .status__content__spoiler-link,.report-modal .status__content__spoiler-link,.actions-modal .status__content__spoiler-link,.mute-modal .status__content__spoiler-link,.block-modal .status__content__spoiler-link{color:#f2f5f7}.actions-modal .status{background:#fff;border-bottom-color:#d9e1e8;padding-top:10px;padding-bottom:10px}.actions-modal .dropdown-menu__separator{border-bottom-color:#d9e1e8}.boost-modal__container,.favourite-modal__container{overflow-x:scroll;padding:10px}.boost-modal__container .status,.favourite-modal__container .status{user-select:text;border-bottom:0}.boost-modal__action-bar,.doodle-modal__action-bar,.favourite-modal__action-bar,.confirmation-modal__action-bar,.mute-modal__action-bar,.block-modal__action-bar{display:flex;justify-content:space-between;background:#d9e1e8;padding:10px;line-height:36px}.boost-modal__action-bar>div,.doodle-modal__action-bar>div,.favourite-modal__action-bar>div,.confirmation-modal__action-bar>div,.mute-modal__action-bar>div,.block-modal__action-bar>div{flex:1 1 auto;text-align:right;color:#3e5a7c;padding-right:10px}.boost-modal__action-bar .button,.doodle-modal__action-bar .button,.favourite-modal__action-bar .button,.confirmation-modal__action-bar .button,.mute-modal__action-bar .button,.block-modal__action-bar .button{flex:0 0 auto}.boost-modal__status-header,.favourite-modal__status-header{font-size:15px}.boost-modal__status-time,.favourite-modal__status-time{float:right;font-size:14px}.mute-modal,.block-modal{line-height:24px}.mute-modal .react-toggle,.block-modal .react-toggle{vertical-align:middle}.report-modal{width:90vw;max-width:700px}.report-modal__container{display:flex;border-top:1px solid #d9e1e8}@media screen and (max-width: 480px){.report-modal__container{flex-wrap:wrap;overflow-y:auto}}.report-modal__statuses,.report-modal__comment{box-sizing:border-box;width:50%}@media screen and (max-width: 480px){.report-modal__statuses,.report-modal__comment{width:100%}}.report-modal__statuses,.focal-point-modal__content{flex:1 1 auto;min-height:20vh;max-height:80vh;overflow-y:auto;overflow-x:hidden}.report-modal__statuses .status__content a,.focal-point-modal__content .status__content a{color:#d8a070}@media screen and (max-width: 480px){.report-modal__statuses,.focal-point-modal__content{max-height:10vh}}@media screen and (max-width: 480px){.focal-point-modal__content{max-height:40vh}}.report-modal__comment{padding:20px;border-right:1px solid #d9e1e8;max-width:320px}.report-modal__comment p{font-size:14px;line-height:20px;margin-bottom:20px}.report-modal__comment .setting-text{display:block;box-sizing:border-box;width:100%;margin:0;color:#121a24;background:#fff;padding:10px;font-family:inherit;font-size:14px;resize:none;border:0;outline:0;border-radius:4px;border:1px solid #d9e1e8;min-height:100px;max-height:50vh;margin-bottom:10px}.report-modal__comment .setting-text:focus{border:1px solid #c0cdd9}.report-modal__comment .setting-text__wrapper{background:#fff;border:1px solid #d9e1e8;margin-bottom:10px;border-radius:4px}.report-modal__comment .setting-text__wrapper .setting-text{border:0;margin-bottom:0;border-radius:0}.report-modal__comment .setting-text__wrapper .setting-text:focus{border:0}.report-modal__comment .setting-text__wrapper__modifiers{color:#121a24;font-family:inherit;font-size:14px;background:#fff}.report-modal__comment .setting-text__toolbar{display:flex;justify-content:space-between;margin-bottom:20px}.report-modal__comment .setting-text-label{display:block;color:#121a24;font-size:14px;font-weight:500;margin-bottom:10px}.report-modal__comment .setting-toggle{margin-top:20px;margin-bottom:24px}.report-modal__comment .setting-toggle__label{color:#121a24;font-size:14px}@media screen and (max-width: 480px){.report-modal__comment{padding:10px;max-width:100%;order:2}.report-modal__comment .setting-toggle{margin-bottom:4px}}.actions-modal{max-height:80vh;max-width:80vw}.actions-modal .status{overflow-y:auto;max-height:300px}.actions-modal strong{display:block;font-weight:500}.actions-modal .actions-modal__item-label{font-weight:500}.actions-modal ul{overflow-y:auto;flex-shrink:0;max-height:80vh}.actions-modal ul.with-status{max-height:calc(80vh - 75px)}.actions-modal ul li:empty{margin:0}.actions-modal ul li:not(:empty) a{color:#121a24;display:flex;padding:12px 16px;font-size:15px;align-items:center;text-decoration:none}.actions-modal ul li:not(:empty) a,.actions-modal ul li:not(:empty) a button{transition:none}.actions-modal ul li:not(:empty) a.active,.actions-modal ul li:not(:empty) a.active button,.actions-modal ul li:not(:empty) a:hover,.actions-modal ul li:not(:empty) a:hover button,.actions-modal ul li:not(:empty) a:active,.actions-modal ul li:not(:empty) a:active button,.actions-modal ul li:not(:empty) a:focus,.actions-modal ul li:not(:empty) a:focus button{background:#d8a070;color:#fff}.actions-modal ul li:not(:empty) a>.react-toggle,.actions-modal ul li:not(:empty) a>.icon,.actions-modal ul li:not(:empty) a button:first-child{margin-right:10px}.confirmation-modal__action-bar .confirmation-modal__secondary-button,.mute-modal__action-bar .confirmation-modal__secondary-button,.block-modal__action-bar .confirmation-modal__secondary-button{flex-shrink:1}.confirmation-modal__secondary-button,.confirmation-modal__cancel-button,.mute-modal__cancel-button,.block-modal__cancel-button{background-color:transparent;color:#3e5a7c;font-size:14px;font-weight:500}.confirmation-modal__secondary-button:hover,.confirmation-modal__secondary-button:focus,.confirmation-modal__secondary-button:active,.confirmation-modal__cancel-button:hover,.confirmation-modal__cancel-button:focus,.confirmation-modal__cancel-button:active,.mute-modal__cancel-button:hover,.mute-modal__cancel-button:focus,.mute-modal__cancel-button:active,.block-modal__cancel-button:hover,.block-modal__cancel-button:focus,.block-modal__cancel-button:active{color:#37506f;background-color:transparent}.confirmation-modal__do_not_ask_again{padding-left:20px;padding-right:20px;padding-bottom:10px;font-size:14px}.confirmation-modal__do_not_ask_again label,.confirmation-modal__do_not_ask_again input{vertical-align:middle}.confirmation-modal__container,.mute-modal__container,.block-modal__container,.report-modal__target{padding:30px;font-size:16px}.confirmation-modal__container strong,.mute-modal__container strong,.block-modal__container strong,.report-modal__target strong{font-weight:500}.confirmation-modal__container strong:lang(ja),.mute-modal__container strong:lang(ja),.block-modal__container strong:lang(ja),.report-modal__target strong:lang(ja){font-weight:700}.confirmation-modal__container strong:lang(ko),.mute-modal__container strong:lang(ko),.block-modal__container strong:lang(ko),.report-modal__target strong:lang(ko){font-weight:700}.confirmation-modal__container strong:lang(zh-CN),.mute-modal__container strong:lang(zh-CN),.block-modal__container strong:lang(zh-CN),.report-modal__target strong:lang(zh-CN){font-weight:700}.confirmation-modal__container strong:lang(zh-HK),.mute-modal__container strong:lang(zh-HK),.block-modal__container strong:lang(zh-HK),.report-modal__target strong:lang(zh-HK){font-weight:700}.confirmation-modal__container strong:lang(zh-TW),.mute-modal__container strong:lang(zh-TW),.block-modal__container strong:lang(zh-TW),.report-modal__target strong:lang(zh-TW){font-weight:700}.confirmation-modal__container,.report-modal__target{text-align:center}.block-modal__explanation,.mute-modal__explanation{margin-top:20px}.block-modal .setting-toggle,.mute-modal .setting-toggle{margin-top:20px;margin-bottom:24px;display:flex;align-items:center}.block-modal .setting-toggle__label,.mute-modal .setting-toggle__label{color:#121a24;margin:0;margin-left:8px}.report-modal__target{padding:15px}.report-modal__target .media-modal__close{top:14px;right:15px}.embed-modal{width:auto;max-width:80vw;max-height:80vh}.embed-modal h4{padding:30px;font-weight:500;font-size:16px;text-align:center}.embed-modal .embed-modal__container{padding:10px}.embed-modal .embed-modal__container .hint{margin-bottom:15px}.embed-modal .embed-modal__container .embed-modal__html{outline:0;box-sizing:border-box;display:block;width:100%;border:none;padding:10px;font-family:\"mastodon-font-monospace\",monospace;background:#121a24;color:#fff;font-size:14px;margin:0;margin-bottom:15px;border-radius:4px}.embed-modal .embed-modal__container .embed-modal__html::-moz-focus-inner{border:0}.embed-modal .embed-modal__container .embed-modal__html::-moz-focus-inner,.embed-modal .embed-modal__container .embed-modal__html:focus,.embed-modal .embed-modal__container .embed-modal__html:active{outline:0 !important}.embed-modal .embed-modal__container .embed-modal__html:focus{background:#192432}@media screen and (max-width: 600px){.embed-modal .embed-modal__container .embed-modal__html{font-size:16px}}.embed-modal .embed-modal__container .embed-modal__iframe{width:400px;max-width:100%;overflow:hidden;border:0;border-radius:4px}.focal-point{position:relative;cursor:move;overflow:hidden;height:100%;display:flex;justify-content:center;align-items:center;background:#000}.focal-point img,.focal-point video,.focal-point canvas{display:block;max-height:80vh;width:100%;height:auto;margin:0;object-fit:contain;background:#000}.focal-point__reticle{position:absolute;width:100px;height:100px;transform:translate(-50%, -50%);background:url(\"~images/reticle.png\") no-repeat 0 0;border-radius:50%;box-shadow:0 0 0 9999em rgba(0,0,0,.35)}.focal-point__overlay{position:absolute;width:100%;height:100%;top:0;left:0}.focal-point__preview{position:absolute;bottom:10px;right:10px;z-index:2;cursor:move;transition:opacity .1s ease}.focal-point__preview:hover{opacity:.5}.focal-point__preview strong{color:#fff;font-size:14px;font-weight:500;display:block;margin-bottom:5px}.focal-point__preview div{border-radius:4px;box-shadow:0 0 14px rgba(0,0,0,.2)}@media screen and (max-width: 480px){.focal-point img,.focal-point video{max-height:100%}.focal-point__preview{display:none}}.filtered-status-info{text-align:start}.filtered-status-info .spoiler__text{margin-top:20px}.filtered-status-info .account{border-bottom:0}.filtered-status-info .account__display-name strong{color:#121a24}.filtered-status-info .status__content__spoiler{display:none}.filtered-status-info .status__content__spoiler--visible{display:flex}.filtered-status-info ul{padding:10px;margin-left:12px;list-style:disc inside}.filtered-status-info .filtered-status-edit-link{color:#3e5a7c;text-decoration:none}.filtered-status-info .filtered-status-edit-link:hover{text-decoration:underline}.composer{padding:10px}.character-counter{cursor:default;font-family:sans-serif,sans-serif;font-size:14px;font-weight:600;color:#3e5a7c}.character-counter.character-counter--over{color:#ff5050}.no-reduce-motion .composer--spoiler{transition:height .4s ease,opacity .4s ease}.composer--spoiler{height:0;transform-origin:bottom;opacity:0}.composer--spoiler.composer--spoiler--visible{height:36px;margin-bottom:11px;opacity:1}.composer--spoiler input{display:block;box-sizing:border-box;margin:0;border:none;border-radius:4px;padding:10px;width:100%;outline:0;color:#121a24;background:#fff;font-size:14px;font-family:inherit;resize:vertical}.composer--spoiler input::placeholder{color:#3e5a7c}.composer--spoiler input:focus{outline:0}@media screen and (max-width: 630px){.auto-columns .composer--spoiler input{font-size:16px}}.single-column .composer--spoiler input{font-size:16px}.composer--warning{color:#121a24;margin-bottom:15px;background:#9baec8;box-shadow:0 2px 6px rgba(0,0,0,.3);padding:8px 10px;border-radius:4px;font-size:13px;font-weight:400}.composer--warning a{color:#3e5a7c;font-weight:500;text-decoration:underline}.composer--warning a:active,.composer--warning a:focus,.composer--warning a:hover{text-decoration:none}.compose-form__sensitive-button{padding:10px;padding-top:0;font-size:14px;font-weight:500}.compose-form__sensitive-button.active{color:#d8a070}.compose-form__sensitive-button input[type=checkbox]{display:none}.compose-form__sensitive-button .checkbox{display:inline-block;position:relative;border:1px solid #9baec8;box-sizing:border-box;width:18px;height:18px;flex:0 0 auto;margin-left:5px;margin-right:10px;top:-1px;border-radius:4px;vertical-align:middle}.compose-form__sensitive-button .checkbox.active{border-color:#d8a070;background:#d8a070}.composer--reply{margin:0 0 10px;border-radius:4px;padding:10px;background:#9baec8;min-height:23px;overflow-y:auto;flex:0 2 auto}.composer--reply>header{margin-bottom:5px;overflow:hidden}.composer--reply>header>.account.small{color:#121a24}.composer--reply>header>.cancel{float:right;line-height:24px}.composer--reply>.content{position:relative;margin:10px 0;padding:0 12px;font-size:14px;line-height:20px;color:#121a24;word-wrap:break-word;font-weight:400;overflow:visible;white-space:pre-wrap;padding-top:5px;overflow:hidden}.composer--reply>.content p,.composer--reply>.content pre,.composer--reply>.content blockquote{margin-bottom:20px;white-space:pre-wrap}.composer--reply>.content p:last-child,.composer--reply>.content pre:last-child,.composer--reply>.content blockquote:last-child{margin-bottom:0}.composer--reply>.content h1,.composer--reply>.content h2,.composer--reply>.content h3,.composer--reply>.content h4,.composer--reply>.content h5{margin-top:20px;margin-bottom:20px}.composer--reply>.content h1,.composer--reply>.content h2{font-weight:700;font-size:18px}.composer--reply>.content h2{font-size:16px}.composer--reply>.content h3,.composer--reply>.content h4,.composer--reply>.content h5{font-weight:500}.composer--reply>.content blockquote{padding-left:10px;border-left:3px solid #121a24;color:#121a24;white-space:normal}.composer--reply>.content blockquote p:last-child{margin-bottom:0}.composer--reply>.content b,.composer--reply>.content strong{font-weight:700}.composer--reply>.content em,.composer--reply>.content i{font-style:italic}.composer--reply>.content sub{font-size:smaller;text-align:sub}.composer--reply>.content ul,.composer--reply>.content ol{margin-left:1em}.composer--reply>.content ul p,.composer--reply>.content ol p{margin:0}.composer--reply>.content ul{list-style-type:disc}.composer--reply>.content ol{list-style-type:decimal}.composer--reply>.content a{color:#3e5a7c;text-decoration:none}.composer--reply>.content a:hover{text-decoration:underline}.composer--reply>.content a.mention:hover{text-decoration:none}.composer--reply>.content a.mention:hover span{text-decoration:underline}.composer--reply .emojione{width:20px;height:20px;margin:-5px 0 0}.emoji-picker-dropdown{position:absolute;right:5px;top:5px}.emoji-picker-dropdown ::-webkit-scrollbar-track:hover,.emoji-picker-dropdown ::-webkit-scrollbar-track:active{background-color:rgba(0,0,0,.3)}.compose-form__autosuggest-wrapper,.autosuggest-input{position:relative;width:100%}.compose-form__autosuggest-wrapper label .autosuggest-textarea__textarea,.autosuggest-input label .autosuggest-textarea__textarea{display:block;box-sizing:border-box;margin:0;border:none;border-radius:4px 4px 0 0;padding:10px 32px 0 10px;width:100%;min-height:100px;outline:0;color:#121a24;background:#fff;font-size:14px;font-family:inherit;resize:none;scrollbar-color:initial}.compose-form__autosuggest-wrapper label .autosuggest-textarea__textarea::placeholder,.autosuggest-input label .autosuggest-textarea__textarea::placeholder{color:#3e5a7c}.compose-form__autosuggest-wrapper label .autosuggest-textarea__textarea::-webkit-scrollbar,.autosuggest-input label .autosuggest-textarea__textarea::-webkit-scrollbar{all:unset}.compose-form__autosuggest-wrapper label .autosuggest-textarea__textarea:disabled,.autosuggest-input label .autosuggest-textarea__textarea:disabled{background:#d9e1e8}.compose-form__autosuggest-wrapper label .autosuggest-textarea__textarea:focus,.autosuggest-input label .autosuggest-textarea__textarea:focus{outline:0}@media screen and (max-width: 630px){.auto-columns .compose-form__autosuggest-wrapper label .autosuggest-textarea__textarea,.auto-columns .autosuggest-input label .autosuggest-textarea__textarea{font-size:16px}}.single-column .compose-form__autosuggest-wrapper label .autosuggest-textarea__textarea,.single-column .autosuggest-input label .autosuggest-textarea__textarea{font-size:16px}@media screen and (max-width: 600px){.auto-columns .compose-form__autosuggest-wrapper label .autosuggest-textarea__textarea,.single-column .compose-form__autosuggest-wrapper label .autosuggest-textarea__textarea,.auto-columns .autosuggest-input label .autosuggest-textarea__textarea,.single-column .autosuggest-input label .autosuggest-textarea__textarea{height:100px !important;resize:vertical}}.composer--textarea--icons{display:block;position:absolute;top:29px;right:5px;bottom:5px;overflow:hidden}.composer--textarea--icons>.textarea_icon{display:block;margin:2px 0 0 2px;width:24px;height:24px;color:#3e5a7c;font-size:18px;line-height:24px;text-align:center;opacity:.8}.autosuggest-textarea__suggestions-wrapper{position:relative;height:0}.autosuggest-textarea__suggestions{display:block;position:absolute;box-sizing:border-box;top:100%;border-radius:0 0 4px 4px;padding:6px;width:100%;color:#121a24;background:#d9e1e8;box-shadow:4px 4px 6px rgba(0,0,0,.4);font-size:14px;z-index:99;display:none}.autosuggest-textarea__suggestions--visible{display:block}.autosuggest-textarea__suggestions__item{padding:10px;cursor:pointer;border-radius:4px}.autosuggest-textarea__suggestions__item:hover,.autosuggest-textarea__suggestions__item:focus,.autosuggest-textarea__suggestions__item:active,.autosuggest-textarea__suggestions__item.selected{background:#b9c8d5}.autosuggest-textarea__suggestions__item>.account,.autosuggest-textarea__suggestions__item>.emoji,.autosuggest-textarea__suggestions__item>.autosuggest-hashtag{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;line-height:18px;font-size:14px}.autosuggest-textarea__suggestions__item .autosuggest-hashtag{justify-content:space-between}.autosuggest-textarea__suggestions__item .autosuggest-hashtag__name{flex:1 1 auto;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.autosuggest-textarea__suggestions__item .autosuggest-hashtag strong{font-weight:500}.autosuggest-textarea__suggestions__item .autosuggest-hashtag__uses{flex:0 0 auto;text-align:right;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.autosuggest-textarea__suggestions__item>.account.small .display-name>span{color:#3e5a7c}.composer--upload_form{overflow:hidden}.composer--upload_form>.content{display:flex;flex-direction:row;flex-wrap:wrap;font-family:inherit;padding:5px;overflow:hidden}.composer--upload_form--item{flex:1 1 0;margin:5px;min-width:40%}.composer--upload_form--item>div{position:relative;border-radius:4px;height:140px;width:100%;background-color:#000;background-position:center;background-size:cover;background-repeat:no-repeat;overflow:hidden}.composer--upload_form--item>div textarea{display:block;position:absolute;box-sizing:border-box;bottom:0;left:0;margin:0;border:0;padding:10px;width:100%;color:#d9e1e8;background:linear-gradient(0deg, rgba(0, 0, 0, 0.8) 0, rgba(0, 0, 0, 0.35) 80%, transparent);font-size:14px;font-family:inherit;font-weight:500;opacity:0;z-index:2;transition:opacity .1s ease}.composer--upload_form--item>div textarea:focus{color:#fff}.composer--upload_form--item>div textarea::placeholder{opacity:.54;color:#d9e1e8}.composer--upload_form--item>div>.close{mix-blend-mode:difference}.composer--upload_form--item.active>div textarea{opacity:1}.composer--upload_form--actions{background:linear-gradient(180deg, rgba(0, 0, 0, 0.8) 0, rgba(0, 0, 0, 0.35) 80%, transparent);display:flex;align-items:flex-start;justify-content:space-between;opacity:0;transition:opacity .1s ease}.composer--upload_form--actions .icon-button{flex:0 1 auto;color:#d9e1e8;font-size:14px;font-weight:500;padding:10px;font-family:inherit}.composer--upload_form--actions .icon-button:hover,.composer--upload_form--actions .icon-button:focus,.composer--upload_form--actions .icon-button:active{color:#e6ebf0}.composer--upload_form--actions.active{opacity:1}.composer--upload_form--progress{display:flex;padding:10px;color:#9baec8;overflow:hidden}.composer--upload_form--progress>.fa{font-size:34px;margin-right:10px}.composer--upload_form--progress>.message{flex:1 1 auto}.composer--upload_form--progress>.message>span{display:block;font-size:12px;font-weight:500;text-transform:uppercase}.composer--upload_form--progress>.message>.backdrop{position:relative;margin-top:5px;border-radius:6px;width:100%;height:6px;background:#3e5a7c}.composer--upload_form--progress>.message>.backdrop>.tracker{position:absolute;top:0;left:0;height:6px;border-radius:6px;background:#d8a070}.compose-form__modifiers{color:#121a24;font-family:inherit;font-size:14px;background:#fff}.composer--options-wrapper{padding:10px;background:#ebebeb;border-radius:0 0 4px 4px;height:27px;display:flex;justify-content:space-between;flex:0 0 auto}.composer--options{display:flex;flex:0 0 auto}.composer--options>*{display:inline-block;box-sizing:content-box;padding:0 3px;height:27px;line-height:27px;vertical-align:bottom}.composer--options>hr{display:inline-block;margin:0 3px;border-width:0 0 0 1px;border-style:none none none solid;border-color:transparent transparent transparent #c2c2c2;padding:0;width:0;height:27px;background:transparent}.compose--counter-wrapper{align-self:center;margin-right:4px}.composer--options--dropdown.open>.value{border-radius:4px 4px 0 0;box-shadow:0 -4px 4px rgba(0,0,0,.1);color:#fff;background:#d8a070;transition:none}.composer--options--dropdown.open.top>.value{border-radius:0 0 4px 4px;box-shadow:0 4px 4px rgba(0,0,0,.1)}.composer--options--dropdown--content{position:absolute;border-radius:4px;box-shadow:2px 4px 15px rgba(0,0,0,.4);background:#fff;overflow:hidden;transform-origin:50% 0}.composer--options--dropdown--content--item{display:flex;align-items:center;padding:10px;color:#121a24;cursor:pointer}.composer--options--dropdown--content--item>.content{flex:1 1 auto;color:#3e5a7c}.composer--options--dropdown--content--item>.content:not(:first-child){margin-left:10px}.composer--options--dropdown--content--item>.content strong{display:block;color:#121a24;font-weight:500}.composer--options--dropdown--content--item:hover,.composer--options--dropdown--content--item.active{background:#d8a070;color:#fff}.composer--options--dropdown--content--item:hover>.content,.composer--options--dropdown--content--item.active>.content{color:#fff}.composer--options--dropdown--content--item:hover>.content strong,.composer--options--dropdown--content--item.active>.content strong{color:#fff}.composer--options--dropdown--content--item.active:hover{background:#dcab80}.composer--publisher{padding-top:10px;text-align:right;white-space:nowrap;overflow:hidden;justify-content:flex-end;flex:0 0 auto}.composer--publisher>.primary{display:inline-block;margin:0;padding:0 10px;text-align:center}.composer--publisher>.side_arm{display:inline-block;margin:0 2px;padding:0;width:36px;text-align:center}.composer--publisher.over>.count{color:#ff5050}.column__wrapper{display:flex;flex:1 1 auto;position:relative}.columns-area{display:flex;flex:1 1 auto;flex-direction:row;justify-content:flex-start;overflow-x:auto;position:relative}.columns-area__panels{display:flex;justify-content:center;width:100%;height:100%;min-height:100vh}.columns-area__panels__pane{height:100%;overflow:hidden;pointer-events:none;display:flex;justify-content:flex-end;min-width:285px}.columns-area__panels__pane--start{justify-content:flex-start}.columns-area__panels__pane__inner{position:fixed;width:285px;pointer-events:auto;height:100%}.columns-area__panels__main{box-sizing:border-box;width:100%;max-width:600px;flex:0 0 auto;display:flex;flex-direction:column}@media screen and (min-width: 415px){.columns-area__panels__main{padding:0 10px}}.tabs-bar__wrapper{background:#040609;position:sticky;top:0;z-index:2;padding-top:0}@media screen and (min-width: 415px){.tabs-bar__wrapper{padding-top:10px}}.tabs-bar__wrapper .tabs-bar{margin-bottom:0}@media screen and (min-width: 415px){.tabs-bar__wrapper .tabs-bar{margin-bottom:10px}}.react-swipeable-view-container,.react-swipeable-view-container .columns-area,.react-swipeable-view-container .column{height:100%}.react-swipeable-view-container>*{display:flex;align-items:center;justify-content:center;height:100%}.column{width:330px;position:relative;box-sizing:border-box;display:flex;flex-direction:column}.column>.scrollable{background:#121a24}.ui{flex:0 0 auto;display:flex;flex-direction:column;width:100%;height:100%}.column{overflow:hidden}.column-back-button{box-sizing:border-box;width:100%;background:#192432;color:#d8a070;cursor:pointer;flex:0 0 auto;font-size:16px;border:0;text-align:unset;padding:15px;margin:0;z-index:3}.column-back-button:hover{text-decoration:underline}.column-header__back-button{background:#192432;border:0;font-family:inherit;color:#d8a070;cursor:pointer;flex:0 0 auto;font-size:16px;padding:0 5px 0 0;z-index:3}.column-header__back-button:hover{text-decoration:underline}.column-header__back-button:last-child{padding:0 15px 0 0}.column-back-button__icon{display:inline-block;margin-right:5px}.column-back-button--slim{position:relative}.column-back-button--slim-button{cursor:pointer;flex:0 0 auto;font-size:16px;padding:15px;position:absolute;right:0;top:-48px}.column-link{background:#202e3f;color:#fff;display:block;font-size:16px;padding:15px;text-decoration:none}.column-link:hover,.column-link:focus,.column-link:active{background:#253549}.column-link:focus{outline:0}.column-link--transparent{background:transparent;color:#d9e1e8}.column-link--transparent:hover,.column-link--transparent:focus,.column-link--transparent:active{background:transparent;color:#fff}.column-link--transparent.active{color:#d8a070}.column-link__icon{display:inline-block;margin-right:5px}.column-subheading{background:#121a24;color:#3e5a7c;padding:8px 20px;font-size:12px;font-weight:500;text-transform:uppercase;cursor:default}.column-header__wrapper{position:relative;flex:0 0 auto}.column-header__wrapper.active::before{display:block;content:\"\";position:absolute;top:35px;left:0;right:0;margin:0 auto;width:60%;pointer-events:none;height:28px;z-index:1;background:radial-gradient(ellipse, rgba(216, 160, 112, 0.23) 0%, rgba(216, 160, 112, 0) 60%)}.column-header{display:flex;font-size:16px;background:#192432;flex:0 0 auto;cursor:pointer;position:relative;z-index:2;outline:0;overflow:hidden}.column-header>button{margin:0;border:none;padding:15px;color:inherit;background:transparent;font:inherit;text-align:left;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;flex:1}.column-header>.column-header__back-button{color:#d8a070}.column-header.active{box-shadow:0 1px 0 rgba(216,160,112,.3)}.column-header.active .column-header__icon{color:#d8a070;text-shadow:0 0 10px rgba(216,160,112,.4)}.column-header:focus,.column-header:active{outline:0}.column{width:330px;position:relative;box-sizing:border-box;display:flex;flex-direction:column;overflow:hidden}.wide .columns-area:not(.columns-area--mobile) .column{flex:auto;min-width:330px;max-width:400px}.column>.scrollable{background:#121a24}.column-header__buttons{height:48px;display:flex;margin-left:0}.column-header__links{margin-bottom:14px}.column-header__links .text-btn{margin-right:10px}.column-header__button,.column-header__notif-cleaning-buttons button{background:#192432;border:0;color:#9baec8;cursor:pointer;font-size:16px;padding:0 15px}.column-header__button:hover,.column-header__notif-cleaning-buttons button:hover{color:#b2c1d5}.column-header__button.active,.column-header__notif-cleaning-buttons button.active{color:#fff;background:#202e3f}.column-header__button.active:hover,.column-header__notif-cleaning-buttons button.active:hover{color:#fff;background:#202e3f}.column-header__button:focus,.column-header__notif-cleaning-buttons button:focus{text-shadow:0 0 4px #d3935c}.column-header__notif-cleaning-buttons{display:flex;align-items:stretch;justify-content:space-around}.column-header__notif-cleaning-buttons button{background:transparent;text-align:center;padding:10px 0;white-space:pre-wrap}.column-header__notif-cleaning-buttons b{font-weight:bold}.column-header__collapsible-inner.nopad-drawer{padding:0}.column-header__collapsible{max-height:70vh;overflow:hidden;overflow-y:auto;color:#9baec8;transition:max-height 150ms ease-in-out,opacity 300ms linear;opacity:1}.column-header__collapsible.collapsed{max-height:0;opacity:.5}.column-header__collapsible.animating{overflow-y:hidden}.column-header__collapsible hr{height:0;background:transparent;border:0;border-top:1px solid #26374d;margin:10px 0}.column-header__collapsible.ncd{transition:none}.column-header__collapsible.ncd.collapsed{max-height:0;opacity:.7}.column-header__collapsible-inner{background:#202e3f;padding:15px}.column-header__setting-btn:hover{color:#9baec8;text-decoration:underline}.column-header__setting-arrows{float:right}.column-header__setting-arrows .column-header__setting-btn{padding:0 10px}.column-header__setting-arrows .column-header__setting-btn:last-child{padding-right:0}.column-header__title{display:inline-block;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;flex:1}.column-header__icon{display:inline-block;margin-right:5px}.empty-column-indicator,.error-column{color:#3e5a7c;background:#121a24;text-align:center;padding:20px;font-size:15px;font-weight:400;cursor:default;display:flex;flex:1 1 auto;align-items:center;justify-content:center}@supports(display: grid){.empty-column-indicator,.error-column{contain:strict}}.empty-column-indicator>span,.error-column>span{max-width:400px}.empty-column-indicator a,.error-column a{color:#d8a070;text-decoration:none}.empty-column-indicator a:hover,.error-column a:hover{text-decoration:underline}.error-column{flex-direction:column}.single-column.navbar-under .tabs-bar{margin-top:0 !important;margin-bottom:-6px !important}@media screen and (max-width: 415px){.auto-columns.navbar-under .tabs-bar{margin-top:0 !important;margin-bottom:-6px !important}}@media screen and (max-width: 415px){.auto-columns.navbar-under .react-swipeable-view-container .columns-area,.single-column.navbar-under .react-swipeable-view-container .columns-area{height:100% !important}}.column-inline-form{padding:7px 15px;padding-right:5px;display:flex;justify-content:flex-start;align-items:center;background:#192432}.column-inline-form label{flex:1 1 auto}.column-inline-form label input{width:100%;margin-bottom:6px}.column-inline-form label input:focus{outline:0}.column-inline-form .icon-button{flex:0 0 auto;margin:0 5px}.regeneration-indicator{text-align:center;font-size:16px;font-weight:500;color:#3e5a7c;background:#121a24;cursor:default;display:flex;flex:1 1 auto;flex-direction:column;align-items:center;justify-content:center;padding:20px}.regeneration-indicator__figure,.regeneration-indicator__figure img{display:block;width:auto;height:160px;margin:0}.regeneration-indicator--without-header{padding-top:68px}.regeneration-indicator__label{margin-top:30px}.regeneration-indicator__label strong{display:block;margin-bottom:10px;color:#3e5a7c}.regeneration-indicator__label span{font-size:15px;font-weight:400}.directory__list{width:100%;margin:10px 0;transition:opacity 100ms ease-in}.directory__list.loading{opacity:.7}@media screen and (max-width: 415px){.directory__list{margin:0}}.directory__card{box-sizing:border-box;margin-bottom:10px}.directory__card__img{height:125px;position:relative;background:#000;overflow:hidden}.directory__card__img img{display:block;width:100%;height:100%;margin:0;object-fit:cover}.directory__card__bar{display:flex;align-items:center;background:#192432;padding:10px}.directory__card__bar__name{flex:1 1 auto;display:flex;align-items:center;text-decoration:none;overflow:hidden}.directory__card__bar__relationship{width:23px;min-height:1px;flex:0 0 auto}.directory__card__bar .avatar{flex:0 0 auto;width:48px;height:48px;padding-top:2px}.directory__card__bar .avatar img{width:100%;height:100%;display:block;margin:0;border-radius:4px;background:#040609;object-fit:cover}.directory__card__bar .display-name{margin-left:15px;text-align:left}.directory__card__bar .display-name strong{font-size:15px;color:#fff;font-weight:500;overflow:hidden;text-overflow:ellipsis}.directory__card__bar .display-name span{display:block;font-size:14px;color:#9baec8;font-weight:400;overflow:hidden;text-overflow:ellipsis}.directory__card__extra{background:#121a24;display:flex;align-items:center;justify-content:center}.directory__card__extra .accounts-table__count{width:33.33%;flex:0 0 auto;padding:15px 0}.directory__card__extra .account__header__content{box-sizing:border-box;padding:15px 10px;border-bottom:1px solid #202e3f;width:100%;min-height:48px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.directory__card__extra .account__header__content p{display:none}.directory__card__extra .account__header__content p:first-child{display:inline}.directory__card__extra .account__header__content br{display:none}.filter-form{background:#121a24}.filter-form__column{padding:10px 15px}.filter-form .radio-button{display:block}.radio-button{font-size:14px;position:relative;display:inline-block;padding:6px 0;line-height:18px;cursor:default;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;cursor:pointer}.radio-button input[type=radio],.radio-button input[type=checkbox]{display:none}.radio-button__input{display:inline-block;position:relative;border:1px solid #9baec8;box-sizing:border-box;width:18px;height:18px;flex:0 0 auto;margin-right:10px;top:-1px;border-radius:50%;vertical-align:middle}.radio-button__input.checked{border-color:#e1b590;background:#e1b590}.search{position:relative}.search__input{outline:0;box-sizing:border-box;width:100%;border:none;box-shadow:none;font-family:inherit;background:#121a24;color:#9baec8;font-size:14px;margin:0;display:block;padding:15px;padding-right:30px;line-height:18px;font-size:16px}.search__input::placeholder{color:#a8b9cf}.search__input::-moz-focus-inner{border:0}.search__input::-moz-focus-inner,.search__input:focus,.search__input:active{outline:0 !important}.search__input:focus{background:#192432}@media screen and (max-width: 600px){.search__input{font-size:16px}}.search__icon::-moz-focus-inner{border:0}.search__icon::-moz-focus-inner,.search__icon:focus{outline:0 !important}.search__icon .fa{position:absolute;top:16px;right:10px;z-index:2;display:inline-block;opacity:0;transition:all 100ms linear;transition-property:color,transform,opacity;font-size:18px;width:18px;height:18px;color:#d9e1e8;cursor:default;pointer-events:none}.search__icon .fa.active{pointer-events:auto;opacity:.3}.search__icon .fa-search{transform:rotate(0deg)}.search__icon .fa-search.active{pointer-events:auto;opacity:.3}.search__icon .fa-times-circle{top:17px;transform:rotate(0deg);color:#3e5a7c;cursor:pointer}.search__icon .fa-times-circle.active{transform:rotate(90deg)}.search__icon .fa-times-circle:hover{color:#4a6b94}.search-results__header{color:#3e5a7c;background:#151f2b;border-bottom:1px solid #0b1016;padding:15px 10px;font-size:14px;font-weight:500}.search-results__info{padding:20px;color:#9baec8;text-align:center}.trends__header{color:#3e5a7c;background:#151f2b;border-bottom:1px solid #0b1016;font-weight:500;padding:15px;font-size:16px;cursor:default}.trends__header .fa{display:inline-block;margin-right:5px}.trends__item{display:flex;align-items:center;padding:15px;border-bottom:1px solid #202e3f}.trends__item:last-child{border-bottom:0}.trends__item__name{flex:1 1 auto;color:#3e5a7c;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.trends__item__name strong{font-weight:500}.trends__item__name a{color:#9baec8;text-decoration:none;font-size:14px;font-weight:500;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.trends__item__name a:hover span,.trends__item__name a:focus span,.trends__item__name a:active span{text-decoration:underline}.trends__item__current{flex:0 0 auto;font-size:24px;line-height:36px;font-weight:500;text-align:right;padding-right:15px;margin-left:5px;color:#d9e1e8}.trends__item__sparkline{flex:0 0 auto;width:50px}.trends__item__sparkline path:first-child{fill:rgba(216,160,112,.25) !important;fill-opacity:1 !important}.trends__item__sparkline path:last-child{stroke:#dfb088 !important}.emojione{font-size:inherit;vertical-align:middle;object-fit:contain;margin:-0.2ex .15em .2ex;width:16px;height:16px}.emojione img{width:auto}.emoji-picker-dropdown__menu{background:#fff;position:absolute;box-shadow:4px 4px 6px rgba(0,0,0,.4);border-radius:4px;margin-top:5px;z-index:2}.emoji-picker-dropdown__menu .emoji-mart-scroll{transition:opacity 200ms ease}.emoji-picker-dropdown__menu.selecting .emoji-mart-scroll{opacity:.5}.emoji-picker-dropdown__modifiers{position:absolute;top:60px;right:11px;cursor:pointer}.emoji-picker-dropdown__modifiers__menu{position:absolute;z-index:4;top:-4px;left:-8px;background:#fff;border-radius:4px;box-shadow:1px 2px 6px rgba(0,0,0,.2);overflow:hidden}.emoji-picker-dropdown__modifiers__menu button{display:block;cursor:pointer;border:0;padding:4px 8px;background:transparent}.emoji-picker-dropdown__modifiers__menu button:hover,.emoji-picker-dropdown__modifiers__menu button:focus,.emoji-picker-dropdown__modifiers__menu button:active{background:rgba(217,225,232,.4)}.emoji-picker-dropdown__modifiers__menu .emoji-mart-emoji{height:22px}.emoji-mart-emoji span{background-repeat:no-repeat}.emoji-button{display:block;font-size:24px;line-height:24px;margin-left:2px;width:24px;outline:0;cursor:pointer}.emoji-button:active,.emoji-button:focus{outline:0 !important}.emoji-button img{filter:grayscale(100%);opacity:.8;display:block;margin:0;width:22px;height:22px;margin-top:2px}.emoji-button:hover img,.emoji-button:active img,.emoji-button:focus img{opacity:1;filter:none}.doodle-modal{width:unset}.doodle-modal__container{background:#d9e1e8;text-align:center;line-height:0}.doodle-modal__container canvas{border:5px solid #d9e1e8}.doodle-modal__action-bar .filler{flex-grow:1;margin:0;padding:0}.doodle-modal__action-bar .doodle-toolbar{line-height:1;display:flex;flex-direction:column;flex-grow:0;justify-content:space-around}.doodle-modal__action-bar .doodle-toolbar.with-inputs label{display:inline-block;width:70px;text-align:right;margin-right:2px}.doodle-modal__action-bar .doodle-toolbar.with-inputs input[type=number],.doodle-modal__action-bar .doodle-toolbar.with-inputs input[type=text]{width:40px}.doodle-modal__action-bar .doodle-toolbar.with-inputs span.val{display:inline-block;text-align:left;width:50px}.doodle-modal__action-bar .doodle-palette{padding-right:0 !important;border:1px solid #000;line-height:.2rem;flex-grow:0;background:#fff}.doodle-modal__action-bar .doodle-palette button{appearance:none;width:1rem;height:1rem;margin:0;padding:0;text-align:center;color:#000;text-shadow:0 0 1px #fff;cursor:pointer;box-shadow:inset 0 0 1px rgba(255,255,255,.5);border:1px solid #000;outline-offset:-1px}.doodle-modal__action-bar .doodle-palette button.foreground{outline:1px dashed #fff}.doodle-modal__action-bar .doodle-palette button.background{outline:1px dashed red}.doodle-modal__action-bar .doodle-palette button.foreground.background{outline:1px dashed red;border-color:#fff}.drawer{width:300px;box-sizing:border-box;display:flex;flex-direction:column;overflow-y:hidden;padding:10px 5px;flex:none}.drawer:first-child{padding-left:10px}.drawer:last-child{padding-right:10px}@media screen and (max-width: 630px){.auto-columns .drawer{flex:auto}}.single-column .drawer{flex:auto}@media screen and (max-width: 630px){.auto-columns .drawer,.auto-columns .drawer:first-child,.auto-columns .drawer:last-child,.single-column .drawer,.single-column .drawer:first-child,.single-column .drawer:last-child{padding:0}}.wide .drawer{min-width:300px;max-width:400px;flex:1 1 200px}@media screen and (max-width: 630px){:root .auto-columns .drawer{flex:auto;width:100%;min-width:0;max-width:none;padding:0}}:root .single-column .drawer{flex:auto;width:100%;min-width:0;max-width:none;padding:0}.react-swipeable-view-container .drawer{height:100%}.drawer--header{display:flex;flex-direction:row;margin-bottom:10px;flex:none;background:#202e3f;font-size:16px}.drawer--header>*{display:block;box-sizing:border-box;border-bottom:2px solid transparent;padding:15px 5px 13px;height:48px;flex:1 1 auto;color:#9baec8;text-align:center;text-decoration:none;cursor:pointer}.drawer--header a{transition:background 100ms ease-in}.drawer--header a:focus,.drawer--header a:hover{outline:none;background:#17212e;transition:background 200ms ease-out}.search{position:relative;margin-bottom:10px;flex:none}@media screen and (max-width: 415px){.auto-columns .search,.single-column .search{margin-bottom:0}}@media screen and (max-width: 630px){.auto-columns .search{font-size:16px}}.single-column .search{font-size:16px}.search-popout{background:#fff;border-radius:4px;padding:10px 14px;padding-bottom:14px;margin-top:10px;color:#9baec8;box-shadow:2px 4px 15px rgba(0,0,0,.4)}.search-popout h4{text-transform:uppercase;color:#9baec8;font-size:13px;font-weight:500;margin-bottom:10px}.search-popout li{padding:4px 0}.search-popout ul{margin-bottom:10px}.search-popout em{font-weight:500;color:#121a24}.drawer--account{padding:10px;color:#9baec8;display:flex;align-items:center}.drawer--account a{color:inherit;text-decoration:none}.drawer--account .acct{display:block;color:#d9e1e8;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.navigation-bar__profile{flex:1 1 auto;margin-left:8px;overflow:hidden}.drawer--results{background:#121a24;overflow-x:hidden;overflow-y:auto}.drawer--results>header{color:#3e5a7c;background:#151f2b;padding:15px;font-weight:500;font-size:16px;cursor:default}.drawer--results>header .fa{display:inline-block;margin-right:5px}.drawer--results>section{margin-bottom:5px}.drawer--results>section h5{background:#0b1016;border-bottom:1px solid #202e3f;cursor:default;display:flex;padding:15px;font-weight:500;font-size:16px;color:#3e5a7c}.drawer--results>section h5 .fa{display:inline-block;margin-right:5px}.drawer--results>section .account:last-child,.drawer--results>section>div:last-child .status{border-bottom:0}.drawer--results>section>.hashtag{display:block;padding:10px;color:#d9e1e8;text-decoration:none}.drawer--results>section>.hashtag:hover,.drawer--results>section>.hashtag:active,.drawer--results>section>.hashtag:focus{color:#e6ebf0;text-decoration:underline}.drawer__pager{box-sizing:border-box;padding:0;flex-grow:1;position:relative;overflow:hidden;display:flex}.drawer__inner{position:absolute;top:0;left:0;background:#283a50;box-sizing:border-box;padding:0;display:flex;flex-direction:column;overflow:hidden;overflow-y:auto;width:100%;height:100%}.drawer__inner.darker{background:#121a24}.drawer__inner__mastodon{background:#283a50 url('data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 234.80078 31.757813\" width=\"234.80078\" height=\"31.757812\"><path d=\"M19.599609 0c-1.05 0-2.10039.375-2.90039 1.125L0 16.925781v14.832031h234.80078V17.025391l-16.5-15.900391c-1.6-1.5-4.20078-1.5-5.80078 0l-13.80078 13.099609c-1.6 1.5-4.19883 1.5-5.79883 0L179.09961 1.125c-1.6-1.5-4.19883-1.5-5.79883 0L159.5 14.224609c-1.6 1.5-4.20078 1.5-5.80078 0L139.90039 1.125c-1.6-1.5-4.20078-1.5-5.80078 0l-13.79883 13.099609c-1.6 1.5-4.20078 1.5-5.80078 0L100.69922 1.125c-1.600001-1.5-4.198829-1.5-5.798829 0l-13.59961 13.099609c-1.6 1.5-4.200781 1.5-5.800781 0L61.699219 1.125c-1.6-1.5-4.198828-1.5-5.798828 0L42.099609 14.224609c-1.6 1.5-4.198828 1.5-5.798828 0L22.5 1.125C21.7.375 20.649609 0 19.599609 0z\" fill=\"%23121A24\"/></svg>') no-repeat bottom/100% auto;flex:1;min-height:47px;display:none}.drawer__inner__mastodon>img{display:block;object-fit:contain;object-position:bottom left;width:100%;height:100%;pointer-events:none;user-drag:none;user-select:none}.drawer__inner__mastodon>.mastodon{display:block;width:100%;height:100%;border:none;cursor:inherit}@media screen and (min-height: 640px){.drawer__inner__mastodon{display:block}}.pseudo-drawer{background:#283a50;font-size:13px;text-align:left}.drawer__backdrop{cursor:pointer;position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.5)}.video-error-cover{align-items:center;background:#000;color:#fff;cursor:pointer;display:flex;flex-direction:column;height:100%;justify-content:center;margin-top:8px;position:relative;text-align:center;z-index:100}.media-spoiler{background:#000;color:#9baec8;border:0;width:100%;height:100%}.media-spoiler:hover,.media-spoiler:active,.media-spoiler:focus{color:#b5c3d6}.status__content>.media-spoiler{margin-top:15px}.media-spoiler.full-width{margin-left:-14px;margin-right:-14px;width:inherit;max-width:none;height:250px;border-radius:0px}.media-spoiler__warning{display:block;font-size:14px}.media-spoiler__trigger{display:block;font-size:11px;font-weight:500}.media-gallery__gifv__label{display:block;position:absolute;color:#fff;background:rgba(0,0,0,.5);bottom:6px;left:6px;padding:2px 6px;border-radius:2px;font-size:11px;font-weight:600;z-index:1;pointer-events:none;opacity:.9;transition:opacity .1s ease;line-height:18px}.media-gallery__gifv.autoplay .media-gallery__gifv__label{display:none}.media-gallery__gifv:hover .media-gallery__gifv__label{opacity:1}.media-gallery__audio{height:100%;display:flex;flex-direction:column}.media-gallery__audio span{text-align:center;color:#9baec8;display:flex;height:100%;align-items:center}.media-gallery__audio span p{width:100%}.media-gallery__audio audio{width:100%}.media-gallery{box-sizing:border-box;margin-top:8px;overflow:hidden;border-radius:4px;position:relative;width:100%;height:110px}.media-gallery.full-width{margin-left:-14px;margin-right:-14px;width:inherit;max-width:none;height:250px;border-radius:0px}.media-gallery__item{border:none;box-sizing:border-box;display:block;float:left;position:relative;border-radius:4px;overflow:hidden}.full-width .media-gallery__item{border-radius:0}.media-gallery__item.standalone .media-gallery__item-gifv-thumbnail{transform:none;top:0}.media-gallery__item.letterbox{background:#000}.media-gallery__item-thumbnail{cursor:zoom-in;display:block;text-decoration:none;color:#d9e1e8;position:relative;z-index:1}.media-gallery__item-thumbnail,.media-gallery__item-thumbnail img{height:100%;width:100%;object-fit:contain}.media-gallery__item-thumbnail:not(.letterbox),.media-gallery__item-thumbnail img:not(.letterbox){height:100%;object-fit:cover}.media-gallery__preview{width:100%;height:100%;object-fit:cover;position:absolute;top:0;left:0;z-index:0;background:#000}.media-gallery__preview--hidden{display:none}.media-gallery__gifv{height:100%;overflow:hidden;position:relative;width:100%;display:flex;justify-content:center}.media-gallery__item-gifv-thumbnail{cursor:zoom-in;height:100%;width:100%;position:relative;z-index:1;object-fit:contain;user-select:none}.media-gallery__item-gifv-thumbnail:not(.letterbox){height:100%;object-fit:cover}.media-gallery__item-thumbnail-label{clip:rect(1px 1px 1px 1px);clip:rect(1px, 1px, 1px, 1px);overflow:hidden;position:absolute}.video-modal__container{max-width:100vw;max-height:100vh}.audio-modal__container{width:50vw}.media-modal{width:100%;height:100%;position:relative}.media-modal .extended-video-player{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.media-modal .extended-video-player video{max-width:100%;max-height:80%}.media-modal__closer{position:absolute;top:0;left:0;right:0;bottom:0}.media-modal__navigation{position:absolute;top:0;left:0;right:0;bottom:0;pointer-events:none;transition:opacity .3s linear;will-change:opacity}.media-modal__navigation *{pointer-events:auto}.media-modal__navigation.media-modal__navigation--hidden{opacity:0}.media-modal__navigation.media-modal__navigation--hidden *{pointer-events:none}.media-modal__nav{background:rgba(0,0,0,.5);box-sizing:border-box;border:0;color:#fff;cursor:pointer;display:flex;align-items:center;font-size:24px;height:20vmax;margin:auto 0;padding:30px 15px;position:absolute;top:0;bottom:0}.media-modal__nav--left{left:0}.media-modal__nav--right{right:0}.media-modal__pagination{width:100%;text-align:center;position:absolute;left:0;bottom:20px;pointer-events:none}.media-modal__meta{text-align:center;position:absolute;left:0;bottom:20px;width:100%;pointer-events:none}.media-modal__meta--shifted{bottom:62px}.media-modal__meta a{pointer-events:auto;text-decoration:none;font-weight:500;color:#d9e1e8}.media-modal__meta a:hover,.media-modal__meta a:focus,.media-modal__meta a:active{text-decoration:underline}.media-modal__page-dot{display:inline-block}.media-modal__button{background-color:#fff;height:12px;width:12px;border-radius:6px;margin:10px;padding:0;border:0;font-size:0}.media-modal__button--active{background-color:#d8a070}.media-modal__close{position:absolute;right:8px;top:8px;z-index:100}.detailed .video-player__volume__current,.detailed .video-player__volume::before,.fullscreen .video-player__volume__current,.fullscreen .video-player__volume::before{bottom:27px}.detailed .video-player__volume__handle,.fullscreen .video-player__volume__handle{bottom:23px}.audio-player{box-sizing:border-box;position:relative;background:#040609;border-radius:4px;padding-bottom:44px;direction:ltr}.audio-player.editable{border-radius:0;height:100%}.audio-player__waveform{padding:15px 0;position:relative;overflow:hidden}.audio-player__waveform::before{content:\"\";display:block;position:absolute;border-top:1px solid #192432;width:100%;height:0;left:0;top:calc(50% + 1px)}.audio-player__progress-placeholder{background-color:rgba(225,181,144,.5)}.audio-player__wave-placeholder{background-color:#2d415a}.audio-player .video-player__controls{padding:0 15px;padding-top:10px;background:#040609;border-top:1px solid #192432;border-radius:0 0 4px 4px}.video-player{overflow:hidden;position:relative;background:#000;max-width:100%;border-radius:4px;box-sizing:border-box;direction:ltr}.video-player.editable{border-radius:0;height:100% !important}.video-player:focus{outline:0}.detailed-status .video-player{width:100%;height:100%}.video-player.full-width{margin-left:-14px;margin-right:-14px;width:inherit;max-width:none;height:250px;border-radius:0px}.video-player video{max-width:100vw;max-height:80vh;z-index:1;position:relative}.video-player.fullscreen{width:100% !important;height:100% !important;margin:0}.video-player.fullscreen video{max-width:100% !important;max-height:100% !important;width:100% !important;height:100% !important;outline:0}.video-player.inline video{object-fit:contain;position:relative;top:50%;transform:translateY(-50%)}.video-player__controls{position:absolute;z-index:2;bottom:0;left:0;right:0;box-sizing:border-box;background:linear-gradient(0deg, rgba(0, 0, 0, 0.85) 0, rgba(0, 0, 0, 0.45) 60%, transparent);padding:0 15px;opacity:0;transition:opacity .1s ease}.video-player__controls.active{opacity:1}.video-player.inactive video,.video-player.inactive .video-player__controls{visibility:hidden}.video-player__spoiler{display:none;position:absolute;top:0;left:0;width:100%;height:100%;z-index:4;border:0;background:#000;color:#9baec8;transition:none;pointer-events:none}.video-player__spoiler.active{display:block;pointer-events:auto}.video-player__spoiler.active:hover,.video-player__spoiler.active:active,.video-player__spoiler.active:focus{color:#b2c1d5}.video-player__spoiler__title{display:block;font-size:14px}.video-player__spoiler__subtitle{display:block;font-size:11px;font-weight:500}.video-player__buttons-bar{display:flex;justify-content:space-between;padding-bottom:10px}.video-player__buttons-bar .video-player__download__icon{color:inherit}.video-player__buttons-bar .video-player__download__icon .fa,.video-player__buttons-bar .video-player__download__icon:active .fa,.video-player__buttons-bar .video-player__download__icon:hover .fa,.video-player__buttons-bar .video-player__download__icon:focus .fa{color:inherit}.video-player__buttons{font-size:16px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.video-player__buttons.left button{padding-left:0}.video-player__buttons.right button{padding-right:0}.video-player__buttons button{background:transparent;padding:2px 10px;font-size:16px;border:0;color:rgba(255,255,255,.75)}.video-player__buttons button:active,.video-player__buttons button:hover,.video-player__buttons button:focus{color:#fff}.video-player__time-sep,.video-player__time-total,.video-player__time-current{font-size:14px;font-weight:500}.video-player__time-current{color:#fff;margin-left:60px}.video-player__time-sep{display:inline-block;margin:0 6px}.video-player__time-sep,.video-player__time-total{color:#fff}.video-player__volume{cursor:pointer;height:24px;display:inline}.video-player__volume::before{content:\"\";width:50px;background:rgba(255,255,255,.35);border-radius:4px;display:block;position:absolute;height:4px;left:70px;bottom:20px}.video-player__volume__current{display:block;position:absolute;height:4px;border-radius:4px;left:70px;bottom:20px;background:#e1b590}.video-player__volume__handle{position:absolute;z-index:3;border-radius:50%;width:12px;height:12px;bottom:16px;left:70px;transition:opacity .1s ease;background:#e1b590;box-shadow:1px 2px 6px rgba(0,0,0,.2);pointer-events:none}.video-player__link{padding:2px 10px}.video-player__link a{text-decoration:none;font-size:14px;font-weight:500;color:#fff}.video-player__link a:hover,.video-player__link a:active,.video-player__link a:focus{text-decoration:underline}.video-player__seek{cursor:pointer;height:24px;position:relative}.video-player__seek::before{content:\"\";width:100%;background:rgba(255,255,255,.35);border-radius:4px;display:block;position:absolute;height:4px;top:10px}.video-player__seek__progress,.video-player__seek__buffer{display:block;position:absolute;height:4px;border-radius:4px;top:10px;background:#e1b590}.video-player__seek__buffer{background:rgba(255,255,255,.2)}.video-player__seek__handle{position:absolute;z-index:3;opacity:0;border-radius:50%;width:12px;height:12px;top:6px;margin-left:-6px;transition:opacity .1s ease;background:#e1b590;box-shadow:1px 2px 6px rgba(0,0,0,.2);pointer-events:none}.video-player__seek__handle.active{opacity:1}.video-player__seek:hover .video-player__seek__handle{opacity:1}.video-player.detailed .video-player__buttons button,.video-player.fullscreen .video-player__buttons button{padding-top:10px;padding-bottom:10px}.sensitive-info{display:flex;flex-direction:row;align-items:center;position:absolute;top:4px;left:4px;z-index:100}.sensitive-marker{margin:0 3px;border-radius:2px;padding:2px 6px;color:rgba(255,255,255,.8);background:rgba(0,0,0,.5);font-size:12px;line-height:18px;text-transform:uppercase;opacity:.9;transition:opacity .1s ease}.media-gallery:hover .sensitive-marker{opacity:1}.list-editor{background:#121a24;flex-direction:column;border-radius:8px;box-shadow:2px 4px 15px rgba(0,0,0,.4);width:380px;overflow:hidden}@media screen and (max-width: 420px){.list-editor{width:90%}}.list-editor h4{padding:15px 0;background:#283a50;font-weight:500;font-size:16px;text-align:center;border-radius:8px 8px 0 0}.list-editor .drawer__pager{height:50vh}.list-editor .drawer__inner{border-radius:0 0 8px 8px}.list-editor .drawer__inner.backdrop{width:calc(100% - 60px);box-shadow:2px 4px 15px rgba(0,0,0,.4);border-radius:0 0 0 8px}.list-editor__accounts{overflow-y:auto}.list-editor .account__display-name:hover strong{text-decoration:none}.list-editor .account__avatar{cursor:default}.list-editor .search{margin-bottom:0}.list-adder{background:#121a24;flex-direction:column;border-radius:8px;box-shadow:2px 4px 15px rgba(0,0,0,.4);width:380px;overflow:hidden}@media screen and (max-width: 420px){.list-adder{width:90%}}.list-adder__account{background:#283a50}.list-adder__lists{background:#283a50;height:50vh;border-radius:0 0 8px 8px;overflow-y:auto}.list-adder .list{padding:10px;border-bottom:1px solid #202e3f}.list-adder .list__wrapper{display:flex}.list-adder .list__display-name{flex:1 1 auto;overflow:hidden;text-decoration:none;font-size:16px;padding:10px}.emoji-mart{font-size:13px;display:inline-block;color:#121a24}.emoji-mart,.emoji-mart *{box-sizing:border-box;line-height:1.15}.emoji-mart .emoji-mart-emoji{padding:6px}.emoji-mart-bar{border:0 solid #c0cdd9}.emoji-mart-bar:first-child{border-bottom-width:1px;border-top-left-radius:5px;border-top-right-radius:5px;background:#d9e1e8}.emoji-mart-bar:last-child{border-top-width:1px;border-bottom-left-radius:5px;border-bottom-right-radius:5px;display:none}.emoji-mart-anchors{display:flex;justify-content:space-between;padding:0 6px;color:#3e5a7c;line-height:0}.emoji-mart-anchor{position:relative;flex:1;text-align:center;padding:12px 4px;overflow:hidden;transition:color .1s ease-out;cursor:pointer}.emoji-mart-anchor:hover{color:#37506f}.emoji-mart-anchor-selected{color:#d8a070}.emoji-mart-anchor-selected:hover{color:#d49560}.emoji-mart-anchor-selected .emoji-mart-anchor-bar{bottom:0}.emoji-mart-anchor-bar{position:absolute;bottom:-3px;left:0;width:100%;height:3px;background-color:#d59864}.emoji-mart-anchors i{display:inline-block;width:100%;max-width:22px}.emoji-mart-anchors svg{fill:currentColor;max-height:18px}.emoji-mart-scroll{overflow-y:scroll;height:270px;max-height:35vh;padding:0 6px 6px;background:#fff;will-change:transform}.emoji-mart-scroll::-webkit-scrollbar-track:hover,.emoji-mart-scroll::-webkit-scrollbar-track:active{background-color:rgba(0,0,0,.3)}.emoji-mart-search{padding:10px;padding-right:45px;background:#fff}.emoji-mart-search input{font-size:14px;font-weight:400;padding:7px 9px;font-family:inherit;display:block;width:100%;background:rgba(217,225,232,.3);color:#121a24;border:1px solid #d9e1e8;border-radius:4px}.emoji-mart-search input::-moz-focus-inner{border:0}.emoji-mart-search input::-moz-focus-inner,.emoji-mart-search input:focus,.emoji-mart-search input:active{outline:0 !important}.emoji-mart-category .emoji-mart-emoji{cursor:pointer}.emoji-mart-category .emoji-mart-emoji span{z-index:1;position:relative;text-align:center}.emoji-mart-category .emoji-mart-emoji:hover::before{z-index:0;content:\"\";position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(217,225,232,.7);border-radius:100%}.emoji-mart-category-label{z-index:2;position:relative;position:-webkit-sticky;position:sticky;top:0}.emoji-mart-category-label span{display:block;width:100%;font-weight:500;padding:5px 6px;background:#fff}.emoji-mart-emoji{position:relative;display:inline-block;font-size:0}.emoji-mart-emoji span{width:22px;height:22px}.emoji-mart-no-results{font-size:14px;text-align:center;padding-top:70px;color:#9baec8}.emoji-mart-no-results .emoji-mart-category-label{display:none}.emoji-mart-no-results .emoji-mart-no-results-label{margin-top:.2em}.emoji-mart-no-results .emoji-mart-emoji:hover::before{content:none}.emoji-mart-preview{display:none}.glitch.local-settings{position:relative;display:flex;flex-direction:row;background:#d9e1e8;color:#121a24;border-radius:8px;height:80vh;width:80vw;max-width:740px;max-height:450px;overflow:hidden}.glitch.local-settings label,.glitch.local-settings legend{display:block;font-size:14px}.glitch.local-settings .boolean label,.glitch.local-settings .radio_buttons label{position:relative;padding-left:28px;padding-top:3px}.glitch.local-settings .boolean label input,.glitch.local-settings .radio_buttons label input{position:absolute;left:0;top:0}.glitch.local-settings span.hint{display:block;color:#3e5a7c}.glitch.local-settings h1{font-size:18px;font-weight:500;line-height:24px;margin-bottom:20px}.glitch.local-settings h2{font-size:15px;font-weight:500;line-height:20px;margin-top:20px;margin-bottom:10px}.glitch.local-settings__navigation__item{display:block;padding:15px 20px;color:inherit;background:#f2f5f7;border-bottom:1px #d9e1e8 solid;cursor:pointer;text-decoration:none;outline:none;transition:background .3s}.glitch.local-settings__navigation__item .text-icon-button{color:inherit;transition:unset}.glitch.local-settings__navigation__item:hover{background:#d9e1e8}.glitch.local-settings__navigation__item.active{background:#d8a070;color:#fff}.glitch.local-settings__navigation__item.close,.glitch.local-settings__navigation__item.close:hover{background:#df405a;color:#fff}.glitch.local-settings__navigation{background:#f2f5f7;width:212px;font-size:15px;line-height:20px;overflow-y:auto}.glitch.local-settings__page{display:block;flex:auto;padding:15px 20px 15px 20px;width:360px;overflow-y:auto}.glitch.local-settings__page__item{margin-bottom:2px}.glitch.local-settings__page__item.string,.glitch.local-settings__page__item.radio_buttons{margin-top:10px;margin-bottom:10px}@media screen and (max-width: 630px){.glitch.local-settings__navigation{width:40px;flex-shrink:0}.glitch.local-settings__navigation__item{padding:10px}.glitch.local-settings__navigation__item span:last-of-type{display:none}}.error-boundary{color:#fff;font-size:15px;line-height:20px}.error-boundary h1{font-size:26px;line-height:36px;font-weight:400;margin-bottom:8px}.error-boundary a{color:#fff;text-decoration:underline}.error-boundary ul{list-style:disc;margin-left:0;padding-left:1em}.error-boundary textarea.web_app_crash-stacktrace{width:100%;resize:none;white-space:pre;font-family:monospace,monospace}.compose-panel{width:285px;margin-top:10px;display:flex;flex-direction:column;height:calc(100% - 10px);overflow-y:hidden}.compose-panel .search__input{line-height:18px;font-size:16px;padding:15px;padding-right:30px}.compose-panel .search__icon .fa{top:15px}.compose-panel .drawer--account{flex:0 1 48px}.compose-panel .flex-spacer{background:transparent}.compose-panel .composer{flex:1;overflow-y:hidden;display:flex;flex-direction:column;min-height:310px}.compose-panel .compose-form__autosuggest-wrapper{overflow-y:auto;background-color:#fff;border-radius:4px 4px 0 0;flex:0 1 auto}.compose-panel .autosuggest-textarea__textarea{overflow-y:hidden}.compose-panel .compose-form__upload-thumbnail{height:80px}.navigation-panel{margin-top:10px;margin-bottom:10px;height:calc(100% - 20px);overflow-y:auto;display:flex;flex-direction:column}.navigation-panel>a{flex:0 0 auto}.navigation-panel hr{flex:0 0 auto;border:0;background:transparent;border-top:1px solid #192432;margin:10px 0}.navigation-panel .flex-spacer{background:transparent}@media screen and (min-width: 600px){.tabs-bar__link span{display:inline}}.columns-area--mobile{flex-direction:column;width:100%;margin:0 auto}.columns-area--mobile .column,.columns-area--mobile .drawer{width:100%;height:100%;padding:0}.columns-area--mobile .directory__list{display:grid;grid-gap:10px;grid-template-columns:minmax(0, 50%) minmax(0, 50%)}@media screen and (max-width: 415px){.columns-area--mobile .directory__list{display:block}}.columns-area--mobile .directory__card{margin-bottom:0}.columns-area--mobile .filter-form{display:flex}.columns-area--mobile .autosuggest-textarea__textarea{font-size:16px}.columns-area--mobile .search__input{line-height:18px;font-size:16px;padding:15px;padding-right:30px}.columns-area--mobile .search__icon .fa{top:15px}.columns-area--mobile .scrollable{overflow:visible}@supports(display: grid){.columns-area--mobile .scrollable{contain:content}}@media screen and (min-width: 415px){.columns-area--mobile{padding:10px 0;padding-top:0}}@media screen and (min-width: 630px){.columns-area--mobile .detailed-status{padding:15px}.columns-area--mobile .detailed-status .media-gallery,.columns-area--mobile .detailed-status .video-player,.columns-area--mobile .detailed-status .audio-player{margin-top:15px}.columns-area--mobile .account__header__bar{padding:5px 10px}.columns-area--mobile .navigation-bar,.columns-area--mobile .compose-form{padding:15px}.columns-area--mobile .compose-form .compose-form__publish .compose-form__publish-button-wrapper{padding-top:15px}.columns-area--mobile .status{padding:15px;min-height:50px}.columns-area--mobile .status .media-gallery,.columns-area--mobile .status__action-bar,.columns-area--mobile .status .video-player,.columns-area--mobile .status .audio-player{margin-top:10px}.columns-area--mobile .account{padding:15px 10px}.columns-area--mobile .account__header__bio{margin:0 -10px}.columns-area--mobile .notification__message{padding-top:15px}.columns-area--mobile .notification .status{padding-top:8px}.columns-area--mobile .notification .account{padding-top:8px}}.floating-action-button{position:fixed;display:flex;justify-content:center;align-items:center;width:3.9375rem;height:3.9375rem;bottom:1.3125rem;right:1.3125rem;background:#d59864;color:#fff;border-radius:50%;font-size:21px;line-height:21px;text-decoration:none;box-shadow:2px 3px 9px rgba(0,0,0,.4)}.floating-action-button:hover,.floating-action-button:focus,.floating-action-button:active{background:#e0b38c}@media screen and (min-width: 415px){.tabs-bar{width:100%}.react-swipeable-view-container .columns-area--mobile{height:calc(100% - 10px) !important}.getting-started__wrapper,.search{margin-bottom:10px}}@media screen and (max-width: 895px){.columns-area__panels__pane--compositional{display:none}}@media screen and (min-width: 895px){.floating-action-button,.tabs-bar__link.optional{display:none}.search-page .search{display:none}}@media screen and (max-width: 1190px){.columns-area__panels__pane--navigational{display:none}}@media screen and (min-width: 1190px){.tabs-bar{display:none}}.poll{margin-top:16px;font-size:14px}.poll ul,.e-content .poll ul{margin:0;list-style:none}.poll li{margin-bottom:10px;position:relative}.poll__chart{position:absolute;top:0;left:0;height:100%;display:inline-block;border-radius:4px;background:#6d89af}.poll__chart.leading{background:#d8a070}.poll__text{position:relative;display:flex;padding:6px 0;line-height:18px;cursor:default;overflow:hidden}.poll__text input[type=radio],.poll__text input[type=checkbox]{display:none}.poll__text .autossugest-input{flex:1 1 auto}.poll__text input[type=text]{display:block;box-sizing:border-box;width:100%;font-size:14px;color:#121a24;display:block;outline:0;font-family:inherit;background:#fff;border:1px solid #dbdbdb;border-radius:4px;padding:6px 10px}.poll__text input[type=text]:focus{border-color:#d8a070}.poll__text.selectable{cursor:pointer}.poll__text.editable{display:flex;align-items:center;overflow:visible}.poll__input{display:inline-block;position:relative;border:1px solid #9baec8;box-sizing:border-box;width:18px;height:18px;flex:0 0 auto;margin-right:10px;top:-1px;border-radius:50%;vertical-align:middle;margin-top:auto;margin-bottom:auto;flex:0 0 18px}.poll__input.checkbox{border-radius:4px}.poll__input.active{border-color:#79bd9a;background:#79bd9a}.poll__input:active,.poll__input:focus,.poll__input:hover{border-width:4px;background:none}.poll__input::-moz-focus-inner{outline:0 !important;border:0}.poll__input:focus,.poll__input:active{outline:0 !important}.poll__number{display:inline-block;width:52px;font-weight:700;padding:0 10px;padding-left:8px;text-align:right;margin-top:auto;margin-bottom:auto;flex:0 0 52px}.poll__vote__mark{float:left;line-height:18px}.poll__footer{padding-top:6px;padding-bottom:5px;color:#3e5a7c}.poll__link{display:inline;background:transparent;padding:0;margin:0;border:0;color:#3e5a7c;text-decoration:underline;font-size:inherit}.poll__link:hover{text-decoration:none}.poll__link:active,.poll__link:focus{background-color:rgba(62,90,124,.1)}.poll .button{height:36px;padding:0 16px;margin-right:10px;font-size:14px}.compose-form__poll-wrapper{border-top:1px solid #ebebeb}.compose-form__poll-wrapper ul{padding:10px}.compose-form__poll-wrapper .poll__footer{border-top:1px solid #ebebeb;padding:10px;display:flex;align-items:center}.compose-form__poll-wrapper .poll__footer button,.compose-form__poll-wrapper .poll__footer select{width:100%;flex:1 1 50%}.compose-form__poll-wrapper .poll__footer button:focus,.compose-form__poll-wrapper .poll__footer select:focus{border-color:#d8a070}.compose-form__poll-wrapper .button.button-secondary{font-size:14px;font-weight:400;padding:6px 10px;height:auto;line-height:inherit;color:#3e5a7c;border-color:#3e5a7c;margin-right:5px}.compose-form__poll-wrapper li{display:flex;align-items:center}.compose-form__poll-wrapper li .poll__text{flex:0 0 auto;width:calc(100% - (23px + 6px));margin-right:6px}.compose-form__poll-wrapper select{appearance:none;box-sizing:border-box;font-size:14px;color:#121a24;display:inline-block;width:auto;outline:0;font-family:inherit;background:#fff url(\"data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14.933 18.467' height='19.698' width='15.929'><path d='M3.467 14.967l-3.393-3.5H14.86l-3.392 3.5c-1.866 1.925-3.666 3.5-4 3.5-.335 0-2.135-1.575-4-3.5zm.266-11.234L7.467 0 11.2 3.733l3.733 3.734H0l3.733-3.734z' fill='%23DBDBDB'/></svg>\") no-repeat right 8px center/auto 16px;border:1px solid #dbdbdb;border-radius:4px;padding:6px 10px;padding-right:30px}.compose-form__poll-wrapper .icon-button.disabled{color:#dbdbdb}.muted .poll{color:#3e5a7c}.muted .poll__chart{background:rgba(109,137,175,.2)}.muted .poll__chart.leading{background:rgba(216,160,112,.2)}.container{box-sizing:border-box;max-width:1235px;margin:0 auto;position:relative}@media screen and (max-width: 1255px){.container{width:100%;padding:0 10px}}.rich-formatting{font-family:sans-serif,sans-serif;font-size:14px;font-weight:400;line-height:1.7;word-wrap:break-word;color:#9baec8}.rich-formatting a{color:#d8a070;text-decoration:underline}.rich-formatting a:hover,.rich-formatting a:focus,.rich-formatting a:active{text-decoration:none}.rich-formatting p,.rich-formatting li{color:#9baec8}.rich-formatting p{margin-top:0;margin-bottom:.85em}.rich-formatting p:last-child{margin-bottom:0}.rich-formatting strong{font-weight:700;color:#d9e1e8}.rich-formatting em{font-style:italic;color:#d9e1e8}.rich-formatting code{font-size:.85em;background:#040609;border-radius:4px;padding:.2em .3em}.rich-formatting h1,.rich-formatting h2,.rich-formatting h3,.rich-formatting h4,.rich-formatting h5,.rich-formatting h6{font-family:sans-serif,sans-serif;margin-top:1.275em;margin-bottom:.85em;font-weight:500;color:#d9e1e8}.rich-formatting h1{font-size:2em}.rich-formatting h2{font-size:1.75em}.rich-formatting h3{font-size:1.5em}.rich-formatting h4{font-size:1.25em}.rich-formatting h5,.rich-formatting h6{font-size:1em}.rich-formatting ul{list-style:disc}.rich-formatting ol{list-style:decimal}.rich-formatting ul,.rich-formatting ol{margin:0;padding:0;padding-left:2em;margin-bottom:.85em}.rich-formatting ul[type=a],.rich-formatting ol[type=a]{list-style-type:lower-alpha}.rich-formatting ul[type=i],.rich-formatting ol[type=i]{list-style-type:lower-roman}.rich-formatting hr{width:100%;height:0;border:0;border-bottom:1px solid #192432;margin:1.7em 0}.rich-formatting hr.spacer{height:1px;border:0}.rich-formatting table{width:100%;border-collapse:collapse;break-inside:auto;margin-top:24px;margin-bottom:32px}.rich-formatting table thead tr,.rich-formatting table tbody tr{border-bottom:1px solid #192432;font-size:1em;line-height:1.625;font-weight:400;text-align:left;color:#9baec8}.rich-formatting table thead tr{border-bottom-width:2px;line-height:1.5;font-weight:500;color:#3e5a7c}.rich-formatting table th,.rich-formatting table td{padding:8px;align-self:start;align-items:start;word-break:break-all}.rich-formatting table th.nowrap,.rich-formatting table td.nowrap{width:25%;position:relative}.rich-formatting table th.nowrap::before,.rich-formatting table td.nowrap::before{content:\"&nbsp;\";visibility:hidden}.rich-formatting table th.nowrap span,.rich-formatting table td.nowrap span{position:absolute;left:8px;right:8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.rich-formatting>:first-child{margin-top:0}.information-board{background:#0b1016;padding:20px 0}.information-board .container-alt{position:relative;padding-right:295px}.information-board__sections{display:flex;justify-content:space-between;flex-wrap:wrap}.information-board__section{flex:1 0 0;font-family:sans-serif,sans-serif;font-size:16px;line-height:28px;color:#fff;text-align:right;padding:10px 15px}.information-board__section span,.information-board__section strong{display:block}.information-board__section span:last-child{color:#d9e1e8}.information-board__section strong{font-family:sans-serif,sans-serif;font-weight:500;font-size:32px;line-height:48px}@media screen and (max-width: 700px){.information-board__section{text-align:center}}.information-board .panel{position:absolute;width:280px;box-sizing:border-box;background:#040609;padding:20px;padding-top:10px;border-radius:4px 4px 0 0;right:0;bottom:-40px}.information-board .panel .panel-header{font-family:sans-serif,sans-serif;font-size:14px;line-height:24px;font-weight:500;color:#9baec8;padding-bottom:5px;margin-bottom:15px;border-bottom:1px solid #192432;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.information-board .panel .panel-header a,.information-board .panel .panel-header span{font-weight:400;color:#7a93b6}.information-board .panel .panel-header a{text-decoration:none}.information-board .owner{text-align:center}.information-board .owner .avatar{width:80px;height:80px;width:80px;height:80px;background-size:80px 80px;margin:0 auto;margin-bottom:15px}.information-board .owner .avatar img{display:block;width:80px;height:80px;border-radius:48px;border-radius:8%;background-position:50%;background-clip:padding-box}.information-board .owner .name{font-size:14px}.information-board .owner .name a{display:block;color:#fff;text-decoration:none}.information-board .owner .name a:hover .display_name{text-decoration:underline}.information-board .owner .name .username{display:block;color:#9baec8}.landing-page p,.landing-page li{font-family:sans-serif,sans-serif;font-size:16px;font-weight:400;font-size:16px;line-height:30px;margin-bottom:12px;color:#9baec8}.landing-page p a,.landing-page li a{color:#d8a070;text-decoration:underline}.landing-page em{display:inline;margin:0;padding:0;font-weight:700;background:transparent;font-family:inherit;font-size:inherit;line-height:inherit;color:#bcc9da}.landing-page h1{font-family:sans-serif,sans-serif;font-size:26px;line-height:30px;font-weight:500;margin-bottom:20px;color:#d9e1e8}.landing-page h1 small{font-family:sans-serif,sans-serif;display:block;font-size:18px;font-weight:400;color:#bcc9da}.landing-page h2{font-family:sans-serif,sans-serif;font-size:22px;line-height:26px;font-weight:500;margin-bottom:20px;color:#d9e1e8}.landing-page h3{font-family:sans-serif,sans-serif;font-size:18px;line-height:24px;font-weight:500;margin-bottom:20px;color:#d9e1e8}.landing-page h4{font-family:sans-serif,sans-serif;font-size:16px;line-height:24px;font-weight:500;margin-bottom:20px;color:#d9e1e8}.landing-page h5{font-family:sans-serif,sans-serif;font-size:14px;line-height:24px;font-weight:500;margin-bottom:20px;color:#d9e1e8}.landing-page h6{font-family:sans-serif,sans-serif;font-size:12px;line-height:24px;font-weight:500;margin-bottom:20px;color:#d9e1e8}.landing-page ul,.landing-page ol{margin-left:20px}.landing-page ul[type=a],.landing-page ol[type=a]{list-style-type:lower-alpha}.landing-page ul[type=i],.landing-page ol[type=i]{list-style-type:lower-roman}.landing-page ul{list-style:disc}.landing-page ol{list-style:decimal}.landing-page li>ol,.landing-page li>ul{margin-top:6px}.landing-page hr{width:100%;height:0;border:0;border-bottom:1px solid rgba(62,90,124,.6);margin:20px 0}.landing-page hr.spacer{height:1px;border:0}.landing-page__information,.landing-page__forms{padding:20px}.landing-page__call-to-action{background:#121a24;border-radius:4px;padding:25px 40px;overflow:hidden;box-sizing:border-box}.landing-page__call-to-action .row{width:100%;display:flex;flex-direction:row-reverse;flex-wrap:nowrap;justify-content:space-between;align-items:center}.landing-page__call-to-action .row__information-board{display:flex;justify-content:flex-end;align-items:flex-end}.landing-page__call-to-action .row__information-board .information-board__section{flex:1 0 auto;padding:0 10px}@media screen and (max-width: 415px){.landing-page__call-to-action .row__information-board{width:100%;justify-content:space-between}}.landing-page__call-to-action .row__mascot{flex:1;margin:10px -50px 0 0}@media screen and (max-width: 415px){.landing-page__call-to-action .row__mascot{display:none}}.landing-page__logo{margin-right:20px}.landing-page__logo img{height:50px;width:auto;mix-blend-mode:lighten}.landing-page__information{padding:45px 40px;margin-bottom:10px}.landing-page__information:last-child{margin-bottom:0}.landing-page__information strong{font-weight:500;color:#bcc9da}.landing-page__information .account{border-bottom:0;padding:0}.landing-page__information .account__display-name{align-items:center;display:flex;margin-right:5px}.landing-page__information .account div.account__display-name:hover .display-name strong{text-decoration:none}.landing-page__information .account div.account__display-name .account__avatar{cursor:default}.landing-page__information .account__avatar-wrapper{margin-left:0;flex:0 0 auto}.landing-page__information .account__avatar{width:44px;height:44px;background-size:44px 44px;width:44px;height:44px;background-size:44px 44px}.landing-page__information .account .display-name{font-size:15px}.landing-page__information .account .display-name__account{font-size:14px}@media screen and (max-width: 960px){.landing-page__information .contact{margin-top:30px}}@media screen and (max-width: 700px){.landing-page__information{padding:25px 20px}}.landing-page__information,.landing-page__forms,.landing-page #mastodon-timeline{box-sizing:border-box;background:#121a24;border-radius:4px;box-shadow:0 0 6px rgba(0,0,0,.1)}.landing-page__mascot{height:104px;position:relative;left:-40px;bottom:25px}.landing-page__mascot img{height:190px;width:auto}.landing-page__short-description .row{display:flex;flex-wrap:wrap;align-items:center;margin-bottom:40px}@media screen and (max-width: 700px){.landing-page__short-description .row{margin-bottom:20px}}.landing-page__short-description p a{color:#d9e1e8}.landing-page__short-description h1{font-weight:500;color:#fff;margin-bottom:0}.landing-page__short-description h1 small{color:#9baec8}.landing-page__short-description h1 small span{color:#d9e1e8}.landing-page__short-description p:last-child{margin-bottom:0}.landing-page__hero{margin-bottom:10px}.landing-page__hero img{display:block;margin:0;max-width:100%;height:auto;border-radius:4px}@media screen and (max-width: 840px){.landing-page .information-board .container-alt{padding-right:20px}.landing-page .information-board .panel{position:static;margin-top:20px;width:100%;border-radius:4px}.landing-page .information-board .panel .panel-header{text-align:center}}@media screen and (max-width: 675px){.landing-page .header-wrapper{padding-top:0}.landing-page .header-wrapper.compact{padding-bottom:0}.landing-page .header-wrapper.compact .hero .heading{text-align:initial}.landing-page .header .container-alt,.landing-page .features .container-alt{display:block}}.landing-page .cta{margin:20px}.landing{margin-bottom:100px}@media screen and (max-width: 738px){.landing{margin-bottom:0}}.landing__brand{display:flex;justify-content:center;align-items:center;padding:50px}.landing__brand svg{fill:#fff;height:52px}@media screen and (max-width: 415px){.landing__brand{padding:0;margin-bottom:30px}}.landing .directory{margin-top:30px;background:transparent;box-shadow:none;border-radius:0}.landing .hero-widget{margin-top:30px;margin-bottom:0}.landing .hero-widget h4{padding:10px;text-transform:uppercase;font-weight:700;font-size:13px;color:#9baec8}.landing .hero-widget__text{border-radius:0;padding-bottom:0}.landing .hero-widget__footer{background:#121a24;padding:10px;border-radius:0 0 4px 4px;display:flex}.landing .hero-widget__footer__column{flex:1 1 50%}.landing .hero-widget .account{padding:10px 0;border-bottom:0}.landing .hero-widget .account .account__display-name{display:flex;align-items:center}.landing .hero-widget .account .account__avatar{width:44px;height:44px;background-size:44px 44px}.landing .hero-widget__counter{padding:10px}.landing .hero-widget__counter strong{font-family:sans-serif,sans-serif;font-size:15px;font-weight:700;display:block}.landing .hero-widget__counter span{font-size:14px;color:#9baec8}.landing .simple_form .user_agreement .label_input>label{font-weight:400;color:#9baec8}.landing .simple_form p.lead{color:#9baec8;font-size:15px;line-height:20px;font-weight:400;margin-bottom:25px}.landing__grid{max-width:960px;margin:0 auto;display:grid;grid-template-columns:minmax(0, 50%) minmax(0, 50%);grid-gap:30px}@media screen and (max-width: 738px){.landing__grid{grid-template-columns:minmax(0, 100%);grid-gap:10px}.landing__grid__column-login{grid-row:1;display:flex;flex-direction:column}.landing__grid__column-login .box-widget{order:2;flex:0 0 auto}.landing__grid__column-login .hero-widget{margin-top:0;margin-bottom:10px;order:1;flex:0 0 auto}.landing__grid__column-registration{grid-row:2}.landing__grid .directory{margin-top:10px}}@media screen and (max-width: 415px){.landing__grid{grid-gap:0}.landing__grid .hero-widget{display:block;margin-bottom:0;box-shadow:none}.landing__grid .hero-widget__img,.landing__grid .hero-widget__img img,.landing__grid .hero-widget__footer{border-radius:0}.landing__grid .hero-widget,.landing__grid .box-widget,.landing__grid .directory__tag{border-bottom:1px solid #202e3f}.landing__grid .directory{margin-top:0}.landing__grid .directory__tag{margin-bottom:0}.landing__grid .directory__tag>a,.landing__grid .directory__tag>div{border-radius:0;box-shadow:none}.landing__grid .directory__tag:last-child{border-bottom:0}}.brand{position:relative;text-decoration:none}.brand__tagline{display:block;position:absolute;bottom:-10px;left:50px;width:300px;color:#9baec8;text-decoration:none;font-size:14px}@media screen and (max-width: 415px){.brand__tagline{position:static;width:auto;margin-top:20px;color:#3e5a7c}}.table{width:100%;max-width:100%;border-spacing:0;border-collapse:collapse}.table th,.table td{padding:8px;line-height:18px;vertical-align:top;border-top:1px solid #121a24;text-align:left;background:#0b1016}.table>thead>tr>th{vertical-align:bottom;border-bottom:2px solid #121a24;border-top:0;font-weight:500}.table>tbody>tr>th{font-weight:500}.table>tbody>tr:nth-child(odd)>td,.table>tbody>tr:nth-child(odd)>th{background:#121a24}.table a{color:#d8a070;text-decoration:underline}.table a:hover{text-decoration:none}.table strong{font-weight:500}.table strong:lang(ja){font-weight:700}.table strong:lang(ko){font-weight:700}.table strong:lang(zh-CN){font-weight:700}.table strong:lang(zh-HK){font-weight:700}.table strong:lang(zh-TW){font-weight:700}.table.inline-table>tbody>tr:nth-child(odd)>td,.table.inline-table>tbody>tr:nth-child(odd)>th{background:transparent}.table.inline-table>tbody>tr:first-child>td,.table.inline-table>tbody>tr:first-child>th{border-top:0}.table.batch-table>thead>tr>th{background:#121a24;border-top:1px solid #040609;border-bottom:1px solid #040609}.table.batch-table>thead>tr>th:first-child{border-radius:4px 0 0;border-left:1px solid #040609}.table.batch-table>thead>tr>th:last-child{border-radius:0 4px 0 0;border-right:1px solid #040609}.table--invites tbody td{vertical-align:middle}.table-wrapper{overflow:auto;margin-bottom:20px}samp{font-family:monospace,monospace}button.table-action-link{background:transparent;border:0;font:inherit}button.table-action-link,a.table-action-link{text-decoration:none;display:inline-block;margin-right:5px;padding:0 10px;color:#9baec8;font-weight:500}button.table-action-link:hover,a.table-action-link:hover{color:#fff}button.table-action-link i.fa,a.table-action-link i.fa{font-weight:400;margin-right:5px}button.table-action-link:first-child,a.table-action-link:first-child{padding-left:0}.batch-table__toolbar,.batch-table__row{display:flex}.batch-table__toolbar__select,.batch-table__row__select{box-sizing:border-box;padding:8px 16px;cursor:pointer;min-height:100%}.batch-table__toolbar__select input,.batch-table__row__select input{margin-top:8px}.batch-table__toolbar__select--aligned,.batch-table__row__select--aligned{display:flex;align-items:center}.batch-table__toolbar__select--aligned input,.batch-table__row__select--aligned input{margin-top:0}.batch-table__toolbar__actions,.batch-table__toolbar__content,.batch-table__row__actions,.batch-table__row__content{padding:8px 0;padding-right:16px;flex:1 1 auto}.batch-table__toolbar{border:1px solid #040609;background:#121a24;border-radius:4px 0 0;height:47px;align-items:center}.batch-table__toolbar__actions{text-align:right;padding-right:11px}.batch-table__form{padding:16px;border:1px solid #040609;border-top:0;background:#121a24}.batch-table__form .fields-row{padding-top:0;margin-bottom:0}.batch-table__row{border:1px solid #040609;border-top:0;background:#0b1016}@media screen and (max-width: 415px){.optional .batch-table__row:first-child{border-top:1px solid #040609}}.batch-table__row:hover{background:#0f151d}.batch-table__row:nth-child(even){background:#121a24}.batch-table__row:nth-child(even):hover{background:#151f2b}.batch-table__row__content{padding-top:12px;padding-bottom:16px}.batch-table__row__content--unpadded{padding:0}.batch-table__row__content--with-image{display:flex;align-items:center}.batch-table__row__content__image{flex:0 0 auto;display:flex;justify-content:center;align-items:center;margin-right:10px}.batch-table__row__content__image .emojione{width:32px;height:32px}.batch-table__row__content__text{flex:1 1 auto}.batch-table__row__content__extra{flex:0 0 auto;text-align:right;color:#9baec8;font-weight:500}.batch-table__row .directory__tag{margin:0;width:100%}.batch-table__row .directory__tag a{background:transparent;border-radius:0}@media screen and (max-width: 415px){.batch-table.optional .batch-table__toolbar,.batch-table.optional .batch-table__row__select{display:none}}.batch-table .status__content{padding-top:0}.batch-table .status__content strong{font-weight:700}.batch-table .nothing-here{border:1px solid #040609;border-top:0;box-shadow:none}@media screen and (max-width: 415px){.batch-table .nothing-here{border-top:1px solid #040609}}@media screen and (max-width: 870px){.batch-table .accounts-table tbody td.optional{display:none}}.admin-wrapper{display:flex;justify-content:center;width:100%;min-height:100vh}.admin-wrapper .sidebar-wrapper{min-height:100vh;overflow:hidden;pointer-events:none;flex:1 1 auto}.admin-wrapper .sidebar-wrapper__inner{display:flex;justify-content:flex-end;background:#121a24;height:100%}.admin-wrapper .sidebar{width:240px;padding:0;pointer-events:auto}.admin-wrapper .sidebar__toggle{display:none;background:#202e3f;height:48px}.admin-wrapper .sidebar__toggle__logo{flex:1 1 auto}.admin-wrapper .sidebar__toggle__logo a{display:inline-block;padding:15px}.admin-wrapper .sidebar__toggle__logo svg{fill:#fff;height:20px;position:relative;bottom:-2px}.admin-wrapper .sidebar__toggle__icon{display:block;color:#9baec8;text-decoration:none;flex:0 0 auto;font-size:20px;padding:15px}.admin-wrapper .sidebar__toggle a:hover,.admin-wrapper .sidebar__toggle a:focus,.admin-wrapper .sidebar__toggle a:active{background:#26374d}.admin-wrapper .sidebar .logo{display:block;margin:40px auto;width:100px;height:100px}@media screen and (max-width: 600px){.admin-wrapper .sidebar>a:first-child{display:none}}.admin-wrapper .sidebar ul{list-style:none;border-radius:4px 0 0 4px;overflow:hidden;margin-bottom:20px}@media screen and (max-width: 600px){.admin-wrapper .sidebar ul{margin-bottom:0}}.admin-wrapper .sidebar ul a{display:block;padding:15px;color:#9baec8;text-decoration:none;transition:all 200ms linear;transition-property:color,background-color;border-radius:4px 0 0 4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.admin-wrapper .sidebar ul a i.fa{margin-right:5px}.admin-wrapper .sidebar ul a:hover{color:#fff;background-color:#0a0e13;transition:all 100ms linear;transition-property:color,background-color}.admin-wrapper .sidebar ul a.selected{background:#0f151d;border-radius:4px 0 0}.admin-wrapper .sidebar ul ul{background:#0b1016;border-radius:0 0 0 4px;margin:0}.admin-wrapper .sidebar ul ul a{border:0;padding:15px 35px}.admin-wrapper .sidebar ul .simple-navigation-active-leaf a{color:#fff;background-color:#d8a070;border-bottom:0;border-radius:0}.admin-wrapper .sidebar ul .simple-navigation-active-leaf a:hover{background-color:#ddad84}.admin-wrapper .sidebar>ul>.simple-navigation-active-leaf a{border-radius:4px 0 0 4px}.admin-wrapper .content-wrapper{box-sizing:border-box;width:100%;max-width:840px;flex:1 1 auto}@media screen and (max-width: 1080px){.admin-wrapper .sidebar-wrapper--empty{display:none}.admin-wrapper .sidebar-wrapper{width:240px;flex:0 0 auto}}@media screen and (max-width: 600px){.admin-wrapper .sidebar-wrapper{width:100%}}.admin-wrapper .content{padding:20px 15px;padding-top:60px;padding-left:25px}@media screen and (max-width: 600px){.admin-wrapper .content{max-width:none;padding:15px;padding-top:30px}}.admin-wrapper .content-heading{display:flex;padding-bottom:40px;border-bottom:1px solid #202e3f;margin:-15px -15px 40px 0;flex-wrap:wrap;align-items:center;justify-content:space-between}.admin-wrapper .content-heading>*{margin-top:15px;margin-right:15px}.admin-wrapper .content-heading-actions{display:inline-flex}.admin-wrapper .content-heading-actions>:not(:first-child){margin-left:5px}@media screen and (max-width: 600px){.admin-wrapper .content-heading{border-bottom:0;padding-bottom:0}}.admin-wrapper .content h2{color:#d9e1e8;font-size:24px;line-height:28px;font-weight:400}@media screen and (max-width: 600px){.admin-wrapper .content h2{font-weight:700}}.admin-wrapper .content h3{color:#d9e1e8;font-size:20px;line-height:28px;font-weight:400;margin-bottom:30px}.admin-wrapper .content h4{text-transform:uppercase;font-size:13px;font-weight:700;color:#9baec8;padding-bottom:8px;margin-bottom:8px;border-bottom:1px solid #202e3f}.admin-wrapper .content h6{font-size:16px;color:#d9e1e8;line-height:28px;font-weight:500}.admin-wrapper .content .fields-group h6{color:#fff;font-weight:500}.admin-wrapper .content .directory__tag>a,.admin-wrapper .content .directory__tag>div{box-shadow:none}.admin-wrapper .content .directory__tag .table-action-link .fa{color:inherit}.admin-wrapper .content .directory__tag h4{font-size:18px;font-weight:700;color:#fff;text-transform:none;padding-bottom:0;margin-bottom:0;border-bottom:none}.admin-wrapper .content>p{font-size:14px;line-height:21px;color:#d9e1e8;margin-bottom:20px}.admin-wrapper .content>p strong{color:#fff;font-weight:500}.admin-wrapper .content>p strong:lang(ja){font-weight:700}.admin-wrapper .content>p strong:lang(ko){font-weight:700}.admin-wrapper .content>p strong:lang(zh-CN){font-weight:700}.admin-wrapper .content>p strong:lang(zh-HK){font-weight:700}.admin-wrapper .content>p strong:lang(zh-TW){font-weight:700}.admin-wrapper .content hr{width:100%;height:0;border:0;border-bottom:1px solid rgba(62,90,124,.6);margin:20px 0}.admin-wrapper .content hr.spacer{height:1px;border:0}@media screen and (max-width: 600px){.admin-wrapper{display:block}.admin-wrapper .sidebar-wrapper{min-height:0}.admin-wrapper .sidebar{width:100%;padding:0;height:auto}.admin-wrapper .sidebar__toggle{display:flex}.admin-wrapper .sidebar>ul{display:none}.admin-wrapper .sidebar ul a,.admin-wrapper .sidebar ul ul a{border-radius:0;border-bottom:1px solid #192432;transition:none}.admin-wrapper .sidebar ul a:hover,.admin-wrapper .sidebar ul ul a:hover{transition:none}.admin-wrapper .sidebar ul ul{border-radius:0}.admin-wrapper .sidebar ul .simple-navigation-active-leaf a{border-bottom-color:#d8a070}}hr.spacer{width:100%;border:0;margin:20px 0;height:1px}body .muted-hint,.admin-wrapper .content .muted-hint{color:#9baec8}body .muted-hint a,.admin-wrapper .content .muted-hint a{color:#d8a070}body .positive-hint,.admin-wrapper .content .positive-hint{color:#79bd9a;font-weight:500}body .negative-hint,.admin-wrapper .content .negative-hint{color:#df405a;font-weight:500}body .neutral-hint,.admin-wrapper .content .neutral-hint{color:#3e5a7c;font-weight:500}body .warning-hint,.admin-wrapper .content .warning-hint{color:#ca8f04;font-weight:500}.filters{display:flex;flex-wrap:wrap}.filters .filter-subset{flex:0 0 auto;margin:0 40px 20px 0}.filters .filter-subset:last-child{margin-bottom:30px}.filters .filter-subset ul{margin-top:5px;list-style:none}.filters .filter-subset ul li{display:inline-block;margin-right:5px}.filters .filter-subset strong{font-weight:500;text-transform:uppercase;font-size:12px}.filters .filter-subset strong:lang(ja){font-weight:700}.filters .filter-subset strong:lang(ko){font-weight:700}.filters .filter-subset strong:lang(zh-CN){font-weight:700}.filters .filter-subset strong:lang(zh-HK){font-weight:700}.filters .filter-subset strong:lang(zh-TW){font-weight:700}.filters .filter-subset a{display:inline-block;color:#9baec8;text-decoration:none;text-transform:uppercase;font-size:12px;font-weight:500;border-bottom:2px solid #121a24}.filters .filter-subset a:hover{color:#fff;border-bottom:2px solid #1b2635}.filters .filter-subset a.selected{color:#d8a070;border-bottom:2px solid #d8a070}.flavour-screen{display:block;margin:10px auto;max-width:100%}.flavour-description{display:block;font-size:16px;margin:10px 0}.flavour-description>p{margin:10px 0}.report-accounts{display:flex;flex-wrap:wrap;margin-bottom:20px}.report-accounts__item{display:flex;flex:250px;flex-direction:column;margin:0 5px}.report-accounts__item>strong{display:block;margin:0 0 10px -5px;font-weight:500;font-size:14px;line-height:18px;color:#d9e1e8}.report-accounts__item>strong:lang(ja){font-weight:700}.report-accounts__item>strong:lang(ko){font-weight:700}.report-accounts__item>strong:lang(zh-CN){font-weight:700}.report-accounts__item>strong:lang(zh-HK){font-weight:700}.report-accounts__item>strong:lang(zh-TW){font-weight:700}.report-accounts__item .account-card{flex:1 1 auto}.report-status,.account-status{display:flex;margin-bottom:10px}.report-status .activity-stream,.account-status .activity-stream{flex:2 0 0;margin-right:20px;max-width:calc(100% - 60px)}.report-status .activity-stream .entry,.account-status .activity-stream .entry{border-radius:4px}.report-status__actions,.account-status__actions{flex:0 0 auto;display:flex;flex-direction:column}.report-status__actions .icon-button,.account-status__actions .icon-button{font-size:24px;width:24px;text-align:center;margin-bottom:10px}.simple_form.new_report_note,.simple_form.new_account_moderation_note{max-width:100%}.batch-form-box{display:flex;flex-wrap:wrap;margin-bottom:5px}.batch-form-box #form_status_batch_action{margin:0 5px 5px 0;font-size:14px}.batch-form-box input.button{margin:0 5px 5px 0}.batch-form-box .media-spoiler-toggle-buttons{margin-left:auto}.batch-form-box .media-spoiler-toggle-buttons .button{overflow:visible;margin:0 0 5px 5px;float:right}.back-link{margin-bottom:10px;font-size:14px}.back-link a{color:#d8a070;text-decoration:none}.back-link a:hover{text-decoration:underline}.spacer{flex:1 1 auto}.log-entry{margin-bottom:20px;line-height:20px}.log-entry__header{display:flex;justify-content:flex-start;align-items:center;padding:10px;background:#121a24;color:#9baec8;border-radius:4px 4px 0 0;font-size:14px;position:relative}.log-entry__avatar{margin-right:10px}.log-entry__avatar .avatar{display:block;margin:0;border-radius:50%;width:40px;height:40px}.log-entry__content{max-width:calc(100% - 90px)}.log-entry__title{word-wrap:break-word}.log-entry__timestamp{color:#3e5a7c}.log-entry__extras{background:#1c2938;border-radius:0 0 4px 4px;padding:10px;color:#9baec8;font-family:monospace,monospace;font-size:12px;word-wrap:break-word;min-height:20px}.log-entry__icon{font-size:28px;margin-right:10px;color:#3e5a7c}.log-entry__icon__overlay{position:absolute;top:10px;right:10px;width:10px;height:10px;border-radius:50%}.log-entry__icon__overlay.positive{background:#79bd9a}.log-entry__icon__overlay.negative{background:#e87487}.log-entry__icon__overlay.neutral{background:#d8a070}.log-entry a,.log-entry .username,.log-entry .target{color:#d9e1e8;text-decoration:none;font-weight:500}.log-entry .diff-old{color:#e87487}.log-entry .diff-neutral{color:#d9e1e8}.log-entry .diff-new{color:#79bd9a}a.name-tag,.name-tag,a.inline-name-tag,.inline-name-tag{text-decoration:none;color:#d9e1e8}a.name-tag .username,.name-tag .username,a.inline-name-tag .username,.inline-name-tag .username{font-weight:500}a.name-tag.suspended .username,.name-tag.suspended .username,a.inline-name-tag.suspended .username,.inline-name-tag.suspended .username{text-decoration:line-through;color:#e87487}a.name-tag.suspended .avatar,.name-tag.suspended .avatar,a.inline-name-tag.suspended .avatar,.inline-name-tag.suspended .avatar{filter:grayscale(100%);opacity:.8}a.name-tag,.name-tag{display:flex;align-items:center}a.name-tag .avatar,.name-tag .avatar{display:block;margin:0;margin-right:5px;border-radius:50%}a.name-tag.suspended .avatar,.name-tag.suspended .avatar{filter:grayscale(100%);opacity:.8}.speech-bubble{margin-bottom:20px;border-left:4px solid #d8a070}.speech-bubble.positive{border-left-color:#79bd9a}.speech-bubble.negative{border-left-color:#e87487}.speech-bubble.warning{border-left-color:#ca8f04}.speech-bubble__bubble{padding:16px;padding-left:14px;font-size:15px;line-height:20px;border-radius:4px 4px 4px 0;position:relative;font-weight:500}.speech-bubble__bubble a{color:#9baec8}.speech-bubble__owner{padding:8px;padding-left:12px}.speech-bubble time{color:#3e5a7c}.report-card{background:#121a24;border-radius:4px;margin-bottom:20px}.report-card__profile{display:flex;justify-content:space-between;align-items:center;padding:15px}.report-card__profile .account{padding:0;border:0}.report-card__profile .account__avatar-wrapper{margin-left:0}.report-card__profile__stats{flex:0 0 auto;font-weight:500;color:#9baec8;text-transform:uppercase;text-align:right}.report-card__profile__stats a{color:inherit;text-decoration:none}.report-card__profile__stats a:focus,.report-card__profile__stats a:hover,.report-card__profile__stats a:active{color:#b5c3d6}.report-card__profile__stats .red{color:#df405a}.report-card__summary__item{display:flex;justify-content:flex-start;border-top:1px solid #0b1016}.report-card__summary__item:hover{background:#151f2b}.report-card__summary__item__reported-by,.report-card__summary__item__assigned{padding:15px;flex:0 0 auto;box-sizing:border-box;width:150px;color:#9baec8}.report-card__summary__item__reported-by,.report-card__summary__item__reported-by .username,.report-card__summary__item__assigned,.report-card__summary__item__assigned .username{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.report-card__summary__item__content{flex:1 1 auto;max-width:calc(100% - 300px)}.report-card__summary__item__content__icon{color:#3e5a7c;margin-right:4px;font-weight:500}.report-card__summary__item__content a{display:block;box-sizing:border-box;width:100%;padding:15px;text-decoration:none;color:#9baec8}.one-line{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ellipsized-ip{display:inline-block;max-width:120px;overflow:hidden;text-overflow:ellipsis;vertical-align:middle}.admin-account-bio{display:flex;flex-wrap:wrap;margin:0 -5px;margin-top:20px}.admin-account-bio>div{box-sizing:border-box;padding:0 5px;margin-bottom:10px;flex:1 0 50%}.admin-account-bio .account__header__fields,.admin-account-bio .account__header__content{background:#202e3f;border-radius:4px;height:100%}.admin-account-bio .account__header__fields{margin:0;border:0}.admin-account-bio .account__header__fields a{color:#e1b590}.admin-account-bio .account__header__fields dl:first-child .verified{border-radius:0 4px 0 0}.admin-account-bio .account__header__fields .verified a{color:#79bd9a}.admin-account-bio .account__header__content{box-sizing:border-box;padding:20px;color:#fff}.center-text{text-align:center}.emojione[title=\":wavy_dash:\"],.emojione[title=\":waving_black_flag:\"],.emojione[title=\":water_buffalo:\"],.emojione[title=\":video_game:\"],.emojione[title=\":video_camera:\"],.emojione[title=\":vhs:\"],.emojione[title=\":turkey:\"],.emojione[title=\":tophat:\"],.emojione[title=\":top:\"],.emojione[title=\":tm:\"],.emojione[title=\":telephone_receiver:\"],.emojione[title=\":spider:\"],.emojione[title=\":speaking_head_in_silhouette:\"],.emojione[title=\":spades:\"],.emojione[title=\":soon:\"],.emojione[title=\":registered:\"],.emojione[title=\":on:\"],.emojione[title=\":musical_score:\"],.emojione[title=\":movie_camera:\"],.emojione[title=\":mortar_board:\"],.emojione[title=\":microphone:\"],.emojione[title=\":male-guard:\"],.emojione[title=\":lower_left_fountain_pen:\"],.emojione[title=\":lower_left_ballpoint_pen:\"],.emojione[title=\":kaaba:\"],.emojione[title=\":joystick:\"],.emojione[title=\":hole:\"],.emojione[title=\":hocho:\"],.emojione[title=\":heavy_plus_sign:\"],.emojione[title=\":heavy_multiplication_x:\"],.emojione[title=\":heavy_minus_sign:\"],.emojione[title=\":heavy_dollar_sign:\"],.emojione[title=\":heavy_division_sign:\"],.emojione[title=\":heavy_check_mark:\"],.emojione[title=\":guardsman:\"],.emojione[title=\":gorilla:\"],.emojione[title=\":fried_egg:\"],.emojione[title=\":film_projector:\"],.emojione[title=\":female-guard:\"],.emojione[title=\":end:\"],.emojione[title=\":electric_plug:\"],.emojione[title=\":eight_pointed_black_star:\"],.emojione[title=\":dark_sunglasses:\"],.emojione[title=\":currency_exchange:\"],.emojione[title=\":curly_loop:\"],.emojione[title=\":copyright:\"],.emojione[title=\":clubs:\"],.emojione[title=\":camera_with_flash:\"],.emojione[title=\":camera:\"],.emojione[title=\":busts_in_silhouette:\"],.emojione[title=\":bust_in_silhouette:\"],.emojione[title=\":bowling:\"],.emojione[title=\":bomb:\"],.emojione[title=\":black_small_square:\"],.emojione[title=\":black_nib:\"],.emojione[title=\":black_medium_square:\"],.emojione[title=\":black_medium_small_square:\"],.emojione[title=\":black_large_square:\"],.emojione[title=\":black_heart:\"],.emojione[title=\":black_circle:\"],.emojione[title=\":back:\"],.emojione[title=\":ant:\"],.emojione[title=\":8ball:\"]{filter:drop-shadow(1px 1px 0 #ffffff) drop-shadow(-1px 1px 0 #ffffff) drop-shadow(1px -1px 0 #ffffff) drop-shadow(-1px -1px 0 #ffffff)}.hicolor-privacy-icons .status__visibility-icon.fa-globe,.hicolor-privacy-icons .composer--options--dropdown--content--item .fa-globe{color:#1976d2}.hicolor-privacy-icons .status__visibility-icon.fa-unlock,.hicolor-privacy-icons .composer--options--dropdown--content--item .fa-unlock{color:#388e3c}.hicolor-privacy-icons .status__visibility-icon.fa-lock,.hicolor-privacy-icons .composer--options--dropdown--content--item .fa-lock{color:#ffa000}.hicolor-privacy-icons .status__visibility-icon.fa-envelope,.hicolor-privacy-icons .composer--options--dropdown--content--item .fa-envelope{color:#d32f2f}body.rtl{direction:rtl}body.rtl .column-header>button{text-align:right;padding-left:0;padding-right:15px}body.rtl .radio-button__input{margin-right:0;margin-left:10px}body.rtl .directory__card__bar .display-name{margin-left:0;margin-right:15px}body.rtl .display-name{text-align:right}body.rtl .notification__message{margin-left:0;margin-right:68px}body.rtl .drawer__inner__mastodon>img{transform:scaleX(-1)}body.rtl .notification__favourite-icon-wrapper{left:auto;right:-26px}body.rtl .landing-page__logo{margin-right:0;margin-left:20px}body.rtl .landing-page .features-list .features-list__row .visual{margin-left:0;margin-right:15px}body.rtl .column-link__icon,body.rtl .column-header__icon{margin-right:0;margin-left:5px}body.rtl .compose-form .compose-form__buttons-wrapper .character-counter__wrapper{margin-right:0;margin-left:4px}body.rtl .composer--publisher{text-align:left}body.rtl .boost-modal__status-time,body.rtl .favourite-modal__status-time{float:left}body.rtl .navigation-bar__profile{margin-left:0;margin-right:8px}body.rtl .search__input{padding-right:10px;padding-left:30px}body.rtl .search__icon .fa{right:auto;left:10px}body.rtl .columns-area{direction:rtl}body.rtl .column-header__buttons{left:0;right:auto;margin-left:0;margin-right:-15px}body.rtl .column-inline-form .icon-button{margin-left:0;margin-right:5px}body.rtl .column-header__links .text-btn{margin-left:10px;margin-right:0}body.rtl .account__avatar-wrapper{float:right}body.rtl .column-header__back-button{padding-left:5px;padding-right:0}body.rtl .column-header__setting-arrows{float:left}body.rtl .setting-toggle__label{margin-left:0;margin-right:8px}body.rtl .setting-meta__label{float:left}body.rtl .status__avatar{margin-left:10px;margin-right:0;left:auto;right:10px}body.rtl .activity-stream .status.light{padding-left:10px;padding-right:68px}body.rtl .status__info .status__display-name,body.rtl .activity-stream .status.light .status__display-name{padding-left:25px;padding-right:0}body.rtl .activity-stream .pre-header{padding-right:68px;padding-left:0}body.rtl .status__prepend{margin-left:0;margin-right:58px}body.rtl .status__prepend-icon-wrapper{left:auto;right:-26px}body.rtl .activity-stream .pre-header .pre-header__icon{left:auto;right:42px}body.rtl .account__avatar-overlay-overlay{right:auto;left:0}body.rtl .column-back-button--slim-button{right:auto;left:0}body.rtl .status__relative-time,body.rtl .activity-stream .status.light .status__header .status__meta{float:left;text-align:left}body.rtl .status__action-bar__counter{margin-right:0;margin-left:11px}body.rtl .status__action-bar__counter .status__action-bar-button{margin-right:0;margin-left:4px}body.rtl .status__action-bar-button{float:right;margin-right:0;margin-left:18px}body.rtl .status__action-bar-dropdown{float:right}body.rtl .privacy-dropdown__dropdown{margin-left:0;margin-right:40px}body.rtl .privacy-dropdown__option__icon{margin-left:10px;margin-right:0}body.rtl .detailed-status__display-name .display-name{text-align:right}body.rtl .detailed-status__display-avatar{margin-right:0;margin-left:10px;float:right}body.rtl .detailed-status__favorites,body.rtl .detailed-status__reblogs{margin-left:0;margin-right:6px}body.rtl .fa-ul{margin-left:2.14285714em}body.rtl .fa-li{left:auto;right:-2.14285714em}body.rtl .admin-wrapper{direction:rtl}body.rtl .admin-wrapper .sidebar ul a i.fa,body.rtl a.table-action-link i.fa{margin-right:0;margin-left:5px}body.rtl .simple_form .check_boxes .checkbox label{padding-left:0;padding-right:25px}body.rtl .simple_form .input.with_label.boolean label.checkbox{padding-left:25px;padding-right:0}body.rtl .simple_form .check_boxes .checkbox input[type=checkbox],body.rtl .simple_form .input.boolean input[type=checkbox]{left:auto;right:0}body.rtl .simple_form .input.radio_buttons .radio{left:auto;right:0}body.rtl .simple_form .input.radio_buttons .radio>label{padding-right:28px;padding-left:0}body.rtl .simple_form .input-with-append .input input{padding-left:142px;padding-right:0}body.rtl .simple_form .input.boolean label.checkbox{left:auto;right:0}body.rtl .simple_form .input.boolean .label_input,body.rtl .simple_form .input.boolean .hint{padding-left:0;padding-right:28px}body.rtl .simple_form .label_input__append{right:auto;left:3px}body.rtl .simple_form .label_input__append::after{right:auto;left:0;background-image:linear-gradient(to left, rgba(1, 1, 2, 0), #010102)}body.rtl .simple_form select{background:#010102 url(\"data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14.933 18.467' height='19.698' width='15.929'><path d='M3.467 14.967l-3.393-3.5H14.86l-3.392 3.5c-1.866 1.925-3.666 3.5-4 3.5-.335 0-2.135-1.575-4-3.5zm.266-11.234L7.467 0 11.2 3.733l3.733 3.734H0l3.733-3.734z' fill='%2326374D'/></svg>\") no-repeat left 8px center/auto 16px}body.rtl .table th,body.rtl .table td{text-align:right}body.rtl .filters .filter-subset{margin-right:0;margin-left:45px}body.rtl .landing-page .header-wrapper .mascot{right:60px;left:auto}body.rtl .landing-page__call-to-action .row__information-board{direction:rtl}body.rtl .landing-page .header .hero .floats .float-1{left:-120px;right:auto}body.rtl .landing-page .header .hero .floats .float-2{left:210px;right:auto}body.rtl .landing-page .header .hero .floats .float-3{left:110px;right:auto}body.rtl .landing-page .header .links .brand img{left:0}body.rtl .landing-page .fa-external-link{padding-right:5px;padding-left:0 !important}body.rtl .landing-page .features #mastodon-timeline{margin-right:0;margin-left:30px}@media screen and (min-width: 631px){body.rtl .column,body.rtl .drawer{padding-left:5px;padding-right:5px}body.rtl .column:first-child,body.rtl .drawer:first-child{padding-left:5px;padding-right:10px}body.rtl .columns-area>div .column,body.rtl .columns-area>div .drawer{padding-left:5px;padding-right:5px}}body.rtl .columns-area--mobile .column,body.rtl .columns-area--mobile .drawer{padding-left:0;padding-right:0}body.rtl .public-layout .header .nav-button{margin-left:8px;margin-right:0}body.rtl .public-layout .public-account-header__tabs{margin-left:0;margin-right:20px}body.rtl .landing-page__information .account__display-name{margin-right:0;margin-left:5px}body.rtl .landing-page__information .account__avatar-wrapper{margin-left:12px;margin-right:0}body.rtl .card__bar .display-name{margin-left:0;margin-right:15px;text-align:right}body.rtl .fa-chevron-left::before{content:\"\"}body.rtl .fa-chevron-right::before{content:\"\"}body.rtl .column-back-button__icon{margin-right:0;margin-left:5px}body.rtl .column-header__setting-arrows .column-header__setting-btn:last-child{padding-left:0;padding-right:10px}body.rtl .simple_form .input.radio_buttons .radio>label input{left:auto;right:0}.dashboard__counters{display:flex;flex-wrap:wrap;margin:0 -5px;margin-bottom:20px}.dashboard__counters>div{box-sizing:border-box;flex:0 0 33.333%;padding:0 5px;margin-bottom:10px}.dashboard__counters>div>div,.dashboard__counters>div>a{padding:20px;background:#192432;border-radius:4px;box-sizing:border-box;height:100%}.dashboard__counters>div>a{text-decoration:none;color:inherit;display:block}.dashboard__counters>div>a:hover,.dashboard__counters>div>a:focus,.dashboard__counters>div>a:active{background:#202e3f}.dashboard__counters__num,.dashboard__counters__text{text-align:center;font-weight:500;font-size:24px;line-height:21px;color:#fff;font-family:sans-serif,sans-serif;margin-bottom:20px;line-height:30px}.dashboard__counters__text{font-size:18px}.dashboard__counters__label{font-size:14px;color:#9baec8;text-align:center;font-weight:500}.dashboard__widgets{display:flex;flex-wrap:wrap;margin:0 -5px}.dashboard__widgets>div{flex:0 0 33.333%;margin-bottom:20px}.dashboard__widgets>div>div{padding:0 5px}.dashboard__widgets a:not(.name-tag){color:#d9e1e8;font-weight:500;text-decoration:none}","/* http://meyerweb.com/eric/tools/css/reset/\n   v2.0 | 20110126\n   License: none (public domain)\n*/\n\nhtml, body, div, span, applet, object, iframe,\nh1, h2, h3, h4, h5, h6, p, blockquote, pre,\na, abbr, acronym, address, big, cite, code,\ndel, dfn, em, img, ins, kbd, q, s, samp,\nsmall, strike, strong, sub, sup, tt, var,\nb, u, i, center,\ndl, dt, dd, ol, ul, li,\nfieldset, form, label, legend,\ntable, caption, tbody, tfoot, thead, tr, th, td,\narticle, aside, canvas, details, embed,\nfigure, figcaption, footer, header, hgroup,\nmenu, nav, output, ruby, section, summary,\ntime, mark, audio, video {\n  margin: 0;\n  padding: 0;\n  border: 0;\n  font-size: 100%;\n  font: inherit;\n  vertical-align: baseline;\n}\n\n/* HTML5 display-role reset for older browsers */\narticle, aside, details, figcaption, figure,\nfooter, header, hgroup, menu, nav, section {\n  display: block;\n}\n\nbody {\n  line-height: 1;\n}\n\nol, ul {\n  list-style: none;\n}\n\nblockquote, q {\n  quotes: none;\n}\n\nblockquote:before, blockquote:after,\nq:before, q:after {\n  content: '';\n  content: none;\n}\n\ntable {\n  border-collapse: collapse;\n  border-spacing: 0;\n}\n\nhtml {\n  scrollbar-color: lighten($ui-base-color, 4%) rgba($base-overlay-background, 0.1);\n}\n\n::-webkit-scrollbar {\n  width: 12px;\n  height: 12px;\n}\n\n::-webkit-scrollbar-thumb {\n  background: lighten($ui-base-color, 4%);\n  border: 0px none $base-border-color;\n  border-radius: 50px;\n}\n\n::-webkit-scrollbar-thumb:hover {\n  background: lighten($ui-base-color, 6%);\n}\n\n::-webkit-scrollbar-thumb:active {\n  background: lighten($ui-base-color, 4%);\n}\n\n::-webkit-scrollbar-track {\n  border: 0px none $base-border-color;\n  border-radius: 0;\n  background: rgba($base-overlay-background, 0.1);\n}\n\n::-webkit-scrollbar-track:hover {\n  background: $ui-base-color;\n}\n\n::-webkit-scrollbar-track:active {\n  background: $ui-base-color;\n}\n\n::-webkit-scrollbar-corner {\n  background: transparent;\n}\n","// Commonly used web colors\n$black: #000000;            // Black\n$white: #ffffff;            // White\n$success-green: #79bd9a;    // Padua\n$error-red: #df405a;        // Cerise\n$warning-red: #ff5050;      // Sunset Orange\n$gold-star: #ca8f04;        // Dark Goldenrod\n\n$red-bookmark: $warning-red;\n\n// Pleroma-Dark colors\n$pleroma-bg: #121a24;\n$pleroma-fg: #182230;\n$pleroma-text: #b9b9ba;\n$pleroma-links: #d8a070;\n\n// Values from the classic Mastodon UI\n$classic-base-color: $pleroma-bg;\n$classic-primary-color: #9baec8;\n$classic-secondary-color: #d9e1e8;\n$classic-highlight-color: #d8a070;\n\n// Variables for defaults in UI\n$base-shadow-color: $black !default;\n$base-overlay-background: $black !default;\n$base-border-color: $white !default;\n$simple-background-color: $white !default;\n$valid-value-color: $success-green !default;\n$error-value-color: $error-red !default;\n\n// Tell UI to use selected colors\n$ui-base-color: $classic-base-color !default;                  // Darkest\n$ui-base-lighter-color: lighten($ui-base-color, 26%) !default; // Lighter darkest\n$ui-primary-color: $classic-primary-color !default;            // Lighter\n$ui-secondary-color: $classic-secondary-color !default;        // Lightest\n$ui-highlight-color: $classic-highlight-color !default;\n\n// Variables for texts\n$primary-text-color: $white !default;\n$darker-text-color: $ui-primary-color !default;\n$dark-text-color: $ui-base-lighter-color !default;\n$secondary-text-color: $ui-secondary-color !default;\n$highlight-text-color: $ui-highlight-color !default;\n$action-button-color: $ui-base-lighter-color !default;\n// For texts on inverted backgrounds\n$inverted-text-color: $ui-base-color !default;\n$lighter-text-color: $ui-base-lighter-color !default;\n$light-text-color: $ui-primary-color !default;\n\n// Language codes that uses CJK fonts\n$cjk-langs: ja, ko, zh-CN, zh-HK, zh-TW;\n\n// Variables for components\n$media-modal-media-max-width: 100%;\n// put margins on top and bottom of image to avoid the screen covered by image.\n$media-modal-media-max-height: 80%;\n\n$no-gap-breakpoint: 415px;\n\n$font-sans-serif: sans-serif !default;\n$font-display: sans-serif !default;\n$font-monospace: monospace !default;\n\n// Avatar border size (8% default, 100% for rounded avatars)\n$ui-avatar-border-size: 8%;\n\n// More variables\n$dismiss-overlay-width: 4rem;\n","@function hex-color($color) {\n  @if type-of($color) == 'color' {\n    $color: str-slice(ie-hex-str($color), 4);\n  }\n  @return '%23' + unquote($color)\n}\n\nbody {\n  font-family: $font-sans-serif, sans-serif;\n  background: darken($ui-base-color, 7%);\n  font-size: 13px;\n  line-height: 18px;\n  font-weight: 400;\n  color: $primary-text-color;\n  text-rendering: optimizelegibility;\n  font-feature-settings: \"kern\";\n  text-size-adjust: none;\n  -webkit-tap-highlight-color: rgba(0,0,0,0);\n  -webkit-tap-highlight-color: transparent;\n\n  &.system-font {\n    // system-ui => standard property (Chrome/Android WebView 56+, Opera 43+, Safari 11+)\n    // -apple-system => Safari <11 specific\n    // BlinkMacSystemFont => Chrome <56 on macOS specific\n    // Segoe UI => Windows 7/8/10\n    // Oxygen => KDE\n    // Ubuntu => Unity/Ubuntu\n    // Cantarell => GNOME\n    // Fira Sans => Firefox OS\n    // Droid Sans => Older Androids (<4.0)\n    // Helvetica Neue => Older macOS <10.11\n    // $font-sans-serif => web-font (Roboto) fallback and newer Androids (>=4.0)\n    font-family: system-ui, -apple-system, BlinkMacSystemFont, \"Segoe UI\", \"Oxygen\", \"Ubuntu\", \"Cantarell\", \"Fira Sans\", \"Droid Sans\", \"Helvetica Neue\", $font-sans-serif, sans-serif;\n  }\n\n  &.app-body {\n    padding: 0;\n\n    &.layout-single-column {\n      height: auto;\n      min-height: 100vh;\n      overflow-y: scroll;\n    }\n\n    &.layout-multiple-columns {\n      position: absolute;\n      width: 100%;\n      height: 100%;\n    }\n\n    &.with-modals--active {\n      overflow-y: hidden;\n    }\n  }\n\n  &.lighter {\n    background: $ui-base-color;\n  }\n\n  &.with-modals {\n    overflow-x: hidden;\n    overflow-y: scroll;\n\n    &--active {\n      overflow-y: hidden;\n    }\n  }\n\n  &.embed {\n    background: lighten($ui-base-color, 4%);\n    margin: 0;\n    padding-bottom: 0;\n\n    .container {\n      position: absolute;\n      width: 100%;\n      height: 100%;\n      overflow: hidden;\n    }\n  }\n\n  &.admin {\n    background: darken($ui-base-color, 4%);\n    padding: 0;\n  }\n\n  &.error {\n    position: absolute;\n    text-align: center;\n    color: $darker-text-color;\n    background: $ui-base-color;\n    width: 100%;\n    height: 100%;\n    padding: 0;\n    display: flex;\n    justify-content: center;\n    align-items: center;\n\n    .dialog {\n      vertical-align: middle;\n      margin: 20px;\n\n      img {\n        display: block;\n        max-width: 470px;\n        width: 100%;\n        height: auto;\n        margin-top: -120px;\n      }\n\n      h1 {\n        font-size: 20px;\n        line-height: 28px;\n        font-weight: 400;\n      }\n    }\n  }\n}\n\nbutton {\n  font-family: inherit;\n  cursor: pointer;\n\n  &:focus {\n    outline: none;\n  }\n}\n\n.app-holder {\n  &,\n  & > div {\n    display: flex;\n    width: 100%;\n    align-items: center;\n    justify-content: center;\n    outline: 0 !important;\n  }\n}\n\n.layout-single-column .app-holder {\n  &,\n  & > div {\n    min-height: 100vh;\n  }\n}\n\n.layout-multiple-columns .app-holder {\n  &,\n  & > div {\n    height: 100%;\n  }\n}\n",".container-alt {\n  width: 700px;\n  margin: 0 auto;\n  margin-top: 40px;\n\n  @media screen and (max-width: 740px) {\n    width: 100%;\n    margin: 0;\n  }\n}\n\n.logo-container {\n  margin: 100px auto 50px;\n\n  @media screen and (max-width: 500px) {\n    margin: 40px auto 0;\n  }\n\n  h1 {\n    display: flex;\n    justify-content: center;\n    align-items: center;\n\n    svg {\n      fill: $primary-text-color;\n      height: 42px;\n      margin-right: 10px;\n    }\n\n    a {\n      display: flex;\n      justify-content: center;\n      align-items: center;\n      color: $primary-text-color;\n      text-decoration: none;\n      outline: 0;\n      padding: 12px 16px;\n      line-height: 32px;\n      font-family: $font-display, sans-serif;\n      font-weight: 500;\n      font-size: 14px;\n    }\n  }\n}\n\n.compose-standalone {\n  .compose-form {\n    width: 400px;\n    margin: 0 auto;\n    padding: 20px 0;\n    margin-top: 40px;\n    box-sizing: border-box;\n\n    @media screen and (max-width: 400px) {\n      width: 100%;\n      margin-top: 0;\n      padding: 20px;\n    }\n  }\n}\n\n.account-header {\n  width: 400px;\n  margin: 0 auto;\n  display: flex;\n  font-size: 13px;\n  line-height: 18px;\n  box-sizing: border-box;\n  padding: 20px 0;\n  padding-bottom: 0;\n  margin-bottom: -30px;\n  margin-top: 40px;\n\n  @media screen and (max-width: 440px) {\n    width: 100%;\n    margin: 0;\n    margin-bottom: 10px;\n    padding: 20px;\n    padding-bottom: 0;\n  }\n\n  .avatar {\n    width: 40px;\n    height: 40px;\n    @include avatar-size(40px);\n    margin-right: 8px;\n\n    img {\n      width: 100%;\n      height: 100%;\n      display: block;\n      margin: 0;\n      border-radius: 4px;\n      @include avatar-radius();\n    }\n  }\n\n  .name {\n    flex: 1 1 auto;\n    color: $secondary-text-color;\n    width: calc(100% - 88px);\n\n    .username {\n      display: block;\n      font-weight: 500;\n      text-overflow: ellipsis;\n      overflow: hidden;\n    }\n  }\n\n  .logout-link {\n    display: block;\n    font-size: 32px;\n    line-height: 40px;\n    margin-left: 8px;\n  }\n}\n\n.grid-3 {\n  display: grid;\n  grid-gap: 10px;\n  grid-template-columns: 3fr 1fr;\n  grid-auto-columns: 25%;\n  grid-auto-rows: max-content;\n\n  .column-0 {\n    grid-column: 1/3;\n    grid-row: 1;\n  }\n\n  .column-1 {\n    grid-column: 1;\n    grid-row: 2;\n  }\n\n  .column-2 {\n    grid-column: 2;\n    grid-row: 2;\n  }\n\n  .column-3 {\n    grid-column: 1/3;\n    grid-row: 3;\n  }\n\n  @media screen and (max-width: $no-gap-breakpoint) {\n    grid-gap: 0;\n    grid-template-columns: minmax(0, 100%);\n\n    .column-0 {\n      grid-column: 1;\n    }\n\n    .column-1 {\n      grid-column: 1;\n      grid-row: 3;\n    }\n\n    .column-2 {\n      grid-column: 1;\n      grid-row: 2;\n    }\n\n    .column-3 {\n      grid-column: 1;\n      grid-row: 4;\n    }\n  }\n}\n\n.grid-4 {\n  display: grid;\n  grid-gap: 10px;\n  grid-template-columns: repeat(4, minmax(0, 1fr));\n  grid-auto-columns: 25%;\n  grid-auto-rows: max-content;\n\n  .column-0 {\n    grid-column: 1 / 5;\n    grid-row: 1;\n  }\n\n  .column-1 {\n    grid-column: 1 / 4;\n    grid-row: 2;\n  }\n\n  .column-2 {\n    grid-column: 4;\n    grid-row: 2;\n  }\n\n  .column-3 {\n    grid-column: 2 / 5;\n    grid-row: 3;\n  }\n\n  .column-4 {\n    grid-column: 1;\n    grid-row: 3;\n  }\n\n  .landing-page__call-to-action {\n    min-height: 100%;\n  }\n\n  .flash-message {\n    margin-bottom: 10px;\n  }\n\n  @media screen and (max-width: 738px) {\n    grid-template-columns: minmax(0, 50%) minmax(0, 50%);\n\n    .landing-page__call-to-action {\n      padding: 20px;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n    }\n\n    .row__information-board {\n      width: 100%;\n      justify-content: center;\n      align-items: center;\n    }\n\n    .row__mascot {\n      display: none;\n    }\n  }\n\n  @media screen and (max-width: $no-gap-breakpoint) {\n    grid-gap: 0;\n    grid-template-columns: minmax(0, 100%);\n\n    .column-0 {\n      grid-column: 1;\n    }\n\n    .column-1 {\n      grid-column: 1;\n      grid-row: 3;\n    }\n\n    .column-2 {\n      grid-column: 1;\n      grid-row: 2;\n    }\n\n    .column-3 {\n      grid-column: 1;\n      grid-row: 5;\n    }\n\n    .column-4 {\n      grid-column: 1;\n      grid-row: 4;\n    }\n  }\n}\n\n.public-layout {\n  @media screen and (max-width: $no-gap-breakpoint) {\n    padding-top: 48px;\n  }\n\n  .container {\n    max-width: 960px;\n\n    @media screen and (max-width: $no-gap-breakpoint) {\n      padding: 0;\n    }\n  }\n\n  .header {\n    background: lighten($ui-base-color, 8%);\n    box-shadow: 0 0 15px rgba($base-shadow-color, 0.2);\n    border-radius: 4px;\n    height: 48px;\n    margin: 10px 0;\n    display: flex;\n    align-items: stretch;\n    justify-content: center;\n    flex-wrap: nowrap;\n    overflow: hidden;\n\n    @media screen and (max-width: $no-gap-breakpoint) {\n      position: fixed;\n      width: 100%;\n      top: 0;\n      left: 0;\n      margin: 0;\n      border-radius: 0;\n      box-shadow: none;\n      z-index: 110;\n    }\n\n    & > div {\n      flex: 1 1 33.3%;\n      min-height: 1px;\n    }\n\n    .nav-left {\n      display: flex;\n      align-items: stretch;\n      justify-content: flex-start;\n      flex-wrap: nowrap;\n    }\n\n    .nav-center {\n      display: flex;\n      align-items: stretch;\n      justify-content: center;\n      flex-wrap: nowrap;\n    }\n\n    .nav-right {\n      display: flex;\n      align-items: stretch;\n      justify-content: flex-end;\n      flex-wrap: nowrap;\n    }\n\n    .brand {\n      display: block;\n      padding: 15px;\n\n      svg {\n        display: block;\n        height: 18px;\n        width: auto;\n        position: relative;\n        bottom: -2px;\n        fill: $primary-text-color;\n\n        @media screen and (max-width: $no-gap-breakpoint) {\n          height: 20px;\n        }\n      }\n\n      &:hover,\n      &:focus,\n      &:active {\n        background: lighten($ui-base-color, 12%);\n      }\n    }\n\n    .nav-link {\n      display: flex;\n      align-items: center;\n      padding: 0 1rem;\n      font-size: 12px;\n      font-weight: 500;\n      text-decoration: none;\n      color: $darker-text-color;\n      white-space: nowrap;\n      text-align: center;\n\n      &:hover,\n      &:focus,\n      &:active {\n        text-decoration: underline;\n        color: $primary-text-color;\n      }\n\n      @media screen and (max-width: 550px) {\n        &.optional {\n          display: none;\n        }\n      }\n    }\n\n    .nav-button {\n      background: lighten($ui-base-color, 16%);\n      margin: 8px;\n      margin-left: 0;\n      border-radius: 4px;\n\n      &:hover,\n      &:focus,\n      &:active {\n        text-decoration: none;\n        background: lighten($ui-base-color, 20%);\n      }\n    }\n  }\n\n  $no-columns-breakpoint: 600px;\n\n  .grid {\n    display: grid;\n    grid-gap: 10px;\n    grid-template-columns: minmax(300px, 3fr) minmax(298px, 1fr);\n    grid-auto-columns: 25%;\n    grid-auto-rows: max-content;\n\n    .column-0 {\n      grid-row: 1;\n      grid-column: 1;\n    }\n\n    .column-1 {\n      grid-row: 1;\n      grid-column: 2;\n    }\n\n    @media screen and (max-width: $no-columns-breakpoint) {\n      grid-template-columns: 100%;\n      grid-gap: 0;\n\n      .column-1 {\n        display: none;\n      }\n    }\n  }\n\n  .directory__card {\n    border-radius: 4px;\n\n    @media screen and (max-width: $no-gap-breakpoint) {\n      border-radius: 0;\n    }\n  }\n\n  .page-header {\n    @media screen and (max-width: $no-gap-breakpoint) {\n      border-bottom: 0;\n    }\n  }\n\n  .public-account-header {\n    overflow: hidden;\n    margin-bottom: 10px;\n    box-shadow: 0 0 15px rgba($base-shadow-color, 0.2);\n\n    &.inactive {\n      opacity: 0.5;\n\n      .public-account-header__image,\n      .avatar {\n        filter: grayscale(100%);\n      }\n\n      .logo-button {\n        background-color: $secondary-text-color;\n      }\n    }\n\n    &__image {\n      border-radius: 4px 4px 0 0;\n      overflow: hidden;\n      height: 300px;\n      position: relative;\n      background: darken($ui-base-color, 12%);\n\n      &::after {\n        content: \"\";\n        display: block;\n        position: absolute;\n        width: 100%;\n        height: 100%;\n        box-shadow: inset 0 -1px 1px 1px rgba($base-shadow-color, 0.15);\n        top: 0;\n        left: 0;\n      }\n\n      img {\n        object-fit: cover;\n        display: block;\n        width: 100%;\n        height: 100%;\n        margin: 0;\n        border-radius: 4px 4px 0 0;\n      }\n\n      @media screen and (max-width: 600px) {\n        height: 200px;\n      }\n    }\n\n    &--no-bar {\n      margin-bottom: 0;\n\n      .public-account-header__image,\n      .public-account-header__image img {\n        border-radius: 4px;\n\n        @media screen and (max-width: $no-gap-breakpoint) {\n          border-radius: 0;\n        }\n      }\n    }\n\n    @media screen and (max-width: $no-gap-breakpoint) {\n      margin-bottom: 0;\n      box-shadow: none;\n\n      &__image::after {\n        display: none;\n      }\n\n      &__image,\n      &__image img {\n        border-radius: 0;\n      }\n    }\n\n    &__bar {\n      position: relative;\n      margin-top: -80px;\n      display: flex;\n      justify-content: flex-start;\n\n      &::before {\n        content: \"\";\n        display: block;\n        background: lighten($ui-base-color, 4%);\n        position: absolute;\n        bottom: 0;\n        left: 0;\n        right: 0;\n        height: 60px;\n        border-radius: 0 0 4px 4px;\n        z-index: -1;\n      }\n\n      .avatar {\n        display: block;\n        width: 120px;\n        height: 120px;\n        @include avatar-size(120px);\n        padding-left: 20px - 4px;\n        flex: 0 0 auto;\n\n        img {\n          display: block;\n          width: 100%;\n          height: 100%;\n          margin: 0;\n          border-radius: 50%;\n          border: 4px solid lighten($ui-base-color, 4%);\n          background: darken($ui-base-color, 8%);\n          @include avatar-radius();\n        }\n      }\n\n      @media screen and (max-width: 600px) {\n        margin-top: 0;\n        background: lighten($ui-base-color, 4%);\n        border-radius: 0 0 4px 4px;\n        padding: 5px;\n\n        &::before {\n          display: none;\n        }\n\n        .avatar {\n          width: 48px;\n          height: 48px;\n          @include avatar-size(48px);\n          padding: 7px 0;\n          padding-left: 10px;\n\n          img {\n            border: 0;\n            border-radius: 4px;\n            @include avatar-radius();\n          }\n\n          @media screen and (max-width: 360px) {\n            display: none;\n          }\n        }\n      }\n\n      @media screen and (max-width: $no-gap-breakpoint) {\n        border-radius: 0;\n      }\n\n      @media screen and (max-width: $no-columns-breakpoint) {\n        flex-wrap: wrap;\n      }\n    }\n\n    &__tabs {\n      flex: 1 1 auto;\n      margin-left: 20px;\n\n      &__name {\n        padding-top: 20px;\n        padding-bottom: 8px;\n\n        h1 {\n          font-size: 20px;\n          line-height: 18px * 1.5;\n          color: $primary-text-color;\n          font-weight: 500;\n          overflow: hidden;\n          white-space: nowrap;\n          text-overflow: ellipsis;\n          text-shadow: 1px 1px 1px $base-shadow-color;\n\n          small {\n            display: block;\n            font-size: 14px;\n            color: $primary-text-color;\n            font-weight: 400;\n            overflow: hidden;\n            text-overflow: ellipsis;\n          }\n        }\n      }\n\n      @media screen and (max-width: 600px) {\n        margin-left: 15px;\n        display: flex;\n        justify-content: space-between;\n        align-items: center;\n\n        &__name {\n          padding-top: 0;\n          padding-bottom: 0;\n\n          h1 {\n            font-size: 16px;\n            line-height: 24px;\n            text-shadow: none;\n\n            small {\n              color: $darker-text-color;\n            }\n          }\n        }\n      }\n\n      &__tabs {\n        display: flex;\n        justify-content: flex-start;\n        align-items: stretch;\n        height: 58px;\n\n        .details-counters {\n          display: flex;\n          flex-direction: row;\n          min-width: 300px;\n        }\n\n        @media screen and (max-width: $no-columns-breakpoint) {\n          .details-counters {\n            display: none;\n          }\n        }\n\n        .counter {\n          min-width: 33.3%;\n          box-sizing: border-box;\n          flex: 0 0 auto;\n          color: $darker-text-color;\n          padding: 10px;\n          border-right: 1px solid lighten($ui-base-color, 4%);\n          cursor: default;\n          text-align: center;\n          position: relative;\n\n          a {\n            display: block;\n          }\n\n          &:last-child {\n            border-right: 0;\n          }\n\n          &::after {\n            display: block;\n            content: \"\";\n            position: absolute;\n            bottom: 0;\n            left: 0;\n            width: 100%;\n            border-bottom: 4px solid $ui-primary-color;\n            opacity: 0.5;\n            transition: all 400ms ease;\n          }\n\n          &.active {\n            &::after {\n              border-bottom: 4px solid $highlight-text-color;\n              opacity: 1;\n            }\n\n            &.inactive::after {\n              border-bottom-color: $secondary-text-color;\n            }\n          }\n\n          &:hover {\n            &::after {\n              opacity: 1;\n              transition-duration: 100ms;\n            }\n          }\n\n          a {\n            text-decoration: none;\n            color: inherit;\n          }\n\n          .counter-label {\n            font-size: 12px;\n            display: block;\n          }\n\n          .counter-number {\n            font-weight: 500;\n            font-size: 18px;\n            margin-bottom: 5px;\n            color: $primary-text-color;\n            font-family: $font-display, sans-serif;\n          }\n        }\n\n        .spacer {\n          flex: 1 1 auto;\n          height: 1px;\n        }\n\n        &__buttons {\n          padding: 7px 8px;\n        }\n      }\n    }\n\n    &__extra {\n      display: none;\n      margin-top: 4px;\n\n      .public-account-bio {\n        border-radius: 0;\n        box-shadow: none;\n        background: transparent;\n        margin: 0 -5px;\n\n        .account__header__fields {\n          border-top: 1px solid lighten($ui-base-color, 12%);\n        }\n\n        .roles {\n          display: none;\n        }\n      }\n\n      &__links {\n        margin-top: -15px;\n        font-size: 14px;\n        color: $darker-text-color;\n\n        a {\n          display: inline-block;\n          color: $darker-text-color;\n          text-decoration: none;\n          padding: 15px;\n          font-weight: 500;\n\n          strong {\n            font-weight: 700;\n            color: $primary-text-color;\n          }\n        }\n      }\n\n      @media screen and (max-width: $no-columns-breakpoint) {\n        display: block;\n        flex: 100%;\n      }\n    }\n  }\n\n  .account__section-headline {\n    border-radius: 4px 4px 0 0;\n\n    @media screen and (max-width: $no-gap-breakpoint) {\n      border-radius: 0;\n    }\n  }\n\n  .detailed-status__meta {\n    margin-top: 25px;\n  }\n\n  .public-account-bio {\n    background: lighten($ui-base-color, 8%);\n    box-shadow: 0 0 15px rgba($base-shadow-color, 0.2);\n    border-radius: 4px;\n    overflow: hidden;\n    margin-bottom: 10px;\n\n    @media screen and (max-width: $no-gap-breakpoint) {\n      box-shadow: none;\n      margin-bottom: 0;\n      border-radius: 0;\n    }\n\n    .account__header__fields {\n      margin: 0;\n      border-top: 0;\n\n      a {\n        color: lighten($ui-highlight-color, 8%);\n      }\n\n      dl:first-child .verified {\n        border-radius: 0 4px 0 0;\n      }\n\n      .verified a {\n        color: $valid-value-color;\n      }\n    }\n\n    .account__header__content {\n      padding: 20px;\n      padding-bottom: 0;\n      color: $primary-text-color;\n    }\n\n    &__extra,\n    .roles {\n      padding: 20px;\n      font-size: 14px;\n      color: $darker-text-color;\n    }\n\n    .roles {\n      padding-bottom: 0;\n    }\n  }\n\n  .directory__list {\n    display: grid;\n    grid-gap: 10px;\n    grid-template-columns: minmax(0, 50%) minmax(0, 50%);\n\n    @media screen and (max-width: $no-gap-breakpoint) {\n      display: block;\n    }\n\n    .icon-button {\n      font-size: 18px;\n    }\n  }\n\n  .directory__card {\n    margin-bottom: 0;\n  }\n\n  .card-grid {\n    display: flex;\n    flex-wrap: wrap;\n    min-width: 100%;\n    margin: 0 -5px;\n\n    & > div {\n      box-sizing: border-box;\n      flex: 1 0 auto;\n      width: 300px;\n      padding: 0 5px;\n      margin-bottom: 10px;\n      max-width: 33.333%;\n\n      @media screen and (max-width: 900px) {\n        max-width: 50%;\n      }\n\n      @media screen and (max-width: 600px) {\n        max-width: 100%;\n      }\n    }\n\n    @media screen and (max-width: $no-gap-breakpoint) {\n      margin: 0;\n      border-top: 1px solid lighten($ui-base-color, 8%);\n\n      & > div {\n        width: 100%;\n        padding: 0;\n        margin-bottom: 0;\n        border-bottom: 1px solid lighten($ui-base-color, 8%);\n\n        &:last-child {\n          border-bottom: 0;\n        }\n\n        .card__bar {\n          background: $ui-base-color;\n\n          &:hover,\n          &:active,\n          &:focus {\n            background: lighten($ui-base-color, 4%);\n          }\n        }\n      }\n    }\n  }\n}\n","@mixin avatar-radius() {\n  border-radius: $ui-avatar-border-size;\n  background-position: 50%;\n  background-clip: padding-box;\n}\n\n@mixin avatar-size($size:48px) {\n  width: $size;\n  height: $size;\n  background-size: $size $size;\n}\n\n@mixin single-column($media, $parent: '&') {\n  .auto-columns #{$parent} {\n    @media #{$media} {\n      @content;\n    }\n  }\n  .single-column #{$parent} {\n    @content;\n  }\n}\n\n@mixin limited-single-column($media, $parent: '&') {\n  .auto-columns #{$parent}, .single-column #{$parent} {\n    @media #{$media} {\n      @content;\n    }\n  }\n}\n\n@mixin multi-columns($media, $parent: '&') {\n  .auto-columns #{$parent} {\n    @media #{$media} {\n      @content;\n    }\n  }\n  .multi-columns #{$parent} {\n    @content;\n  }\n}\n\n@mixin fullwidth-gallery {\n  &.full-width {\n    margin-left: -14px;\n    margin-right: -14px;\n    width: inherit;\n    max-width: none;\n    height: 250px;\n    border-radius: 0px;\n  }\n}\n\n@mixin search-input() {\n  outline: 0;\n  box-sizing: border-box;\n  width: 100%;\n  border: none;\n  box-shadow: none;\n  font-family: inherit;\n  background: $ui-base-color;\n  color: $darker-text-color;\n  font-size: 14px;\n  margin: 0;\n}\n\n@mixin search-popout() {\n  background: $simple-background-color;\n  border-radius: 4px;\n  padding: 10px 14px;\n  padding-bottom: 14px;\n  margin-top: 10px;\n  color: $light-text-color;\n  box-shadow: 2px 4px 15px rgba($base-shadow-color, 0.4);\n\n  h4 {\n    text-transform: uppercase;\n    color: $light-text-color;\n    font-size: 13px;\n    font-weight: 500;\n    margin-bottom: 10px;\n  }\n\n  li {\n    padding: 4px 0;\n  }\n\n  ul {\n    margin-bottom: 10px;\n  }\n\n  em {\n    font-weight: 500;\n    color: $inverted-text-color;\n  }\n}\n",".no-list {\n  list-style: none;\n\n  li {\n    display: inline-block;\n    margin: 0 5px;\n  }\n}\n\n.recovery-codes {\n  list-style: none;\n  margin: 0 auto;\n\n  li {\n    font-size: 125%;\n    line-height: 1.5;\n    letter-spacing: 1px;\n  }\n}\n",".modal-layout {\n  background: $ui-base-color url('data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 234.80078 31.757813\" width=\"234.80078\" height=\"31.757812\"><path d=\"M19.599609 0c-1.05 0-2.10039.375-2.90039 1.125L0 16.925781v14.832031h234.80078V17.025391l-16.5-15.900391c-1.6-1.5-4.20078-1.5-5.80078 0l-13.80078 13.099609c-1.6 1.5-4.19883 1.5-5.79883 0L179.09961 1.125c-1.6-1.5-4.19883-1.5-5.79883 0L159.5 14.224609c-1.6 1.5-4.20078 1.5-5.80078 0L139.90039 1.125c-1.6-1.5-4.20078-1.5-5.80078 0l-13.79883 13.099609c-1.6 1.5-4.20078 1.5-5.80078 0L100.69922 1.125c-1.600001-1.5-4.198829-1.5-5.798829 0l-13.59961 13.099609c-1.6 1.5-4.200781 1.5-5.800781 0L61.699219 1.125c-1.6-1.5-4.198828-1.5-5.798828 0L42.099609 14.224609c-1.6 1.5-4.198828 1.5-5.798828 0L22.5 1.125C21.7.375 20.649609 0 19.599609 0z\" fill=\"#{hex-color($ui-base-lighter-color)}\"/></svg>') repeat-x bottom fixed;\n  display: flex;\n  flex-direction: column;\n  height: 100vh;\n  padding: 0;\n}\n\n.modal-layout__mastodon {\n  display: flex;\n  flex: 1;\n  flex-direction: column;\n  justify-content: flex-end;\n\n  > * {\n    flex: 1;\n    max-height: 235px;\n  }\n}\n\n@media screen and (max-width: 600px) {\n  .account-header {\n    margin-top: 0;\n  }\n}\n",".public-layout {\n  .footer {\n    text-align: left;\n    padding-top: 20px;\n    padding-bottom: 60px;\n    font-size: 12px;\n    color: lighten($ui-base-color, 34%);\n\n    @media screen and (max-width: $no-gap-breakpoint) {\n      padding-left: 20px;\n      padding-right: 20px;\n    }\n\n    .grid {\n      display: grid;\n      grid-gap: 10px;\n      grid-template-columns: 1fr 1fr 2fr 1fr 1fr;\n\n      .column-0 {\n        grid-column: 1;\n        grid-row: 1;\n        min-width: 0;\n      }\n\n      .column-1 {\n        grid-column: 2;\n        grid-row: 1;\n        min-width: 0;\n      }\n\n      .column-2 {\n        grid-column: 3;\n        grid-row: 1;\n        min-width: 0;\n        text-align: center;\n\n        h4 a {\n          color: lighten($ui-base-color, 34%);\n        }\n      }\n\n      .column-3 {\n        grid-column: 4;\n        grid-row: 1;\n        min-width: 0;\n      }\n\n      .column-4 {\n        grid-column: 5;\n        grid-row: 1;\n        min-width: 0;\n      }\n\n      @media screen and (max-width: 690px) {\n        grid-template-columns: 1fr 2fr 1fr;\n\n        .column-0,\n        .column-1 {\n          grid-column: 1;\n        }\n\n        .column-1 {\n          grid-row: 2;\n        }\n\n        .column-2 {\n          grid-column: 2;\n        }\n\n        .column-3,\n        .column-4 {\n          grid-column: 3;\n        }\n\n        .column-4 {\n          grid-row: 2;\n        }\n      }\n\n      @media screen and (max-width: 600px) {\n        .column-1 {\n          display: block;\n        }\n      }\n\n      @media screen and (max-width: $no-gap-breakpoint) {\n        .column-0,\n        .column-1,\n        .column-3,\n        .column-4 {\n          display: none;\n        }\n      }\n    }\n\n    h4 {\n      text-transform: uppercase;\n      font-weight: 700;\n      margin-bottom: 8px;\n      color: $darker-text-color;\n\n      a {\n        color: inherit;\n        text-decoration: none;\n      }\n    }\n\n    ul a {\n      text-decoration: none;\n      color: lighten($ui-base-color, 34%);\n\n      &:hover,\n      &:active,\n      &:focus {\n        text-decoration: underline;\n      }\n    }\n\n    .brand {\n      svg {\n        display: block;\n        height: 36px;\n        width: auto;\n        margin: 0 auto;\n        fill: lighten($ui-base-color, 34%);\n      }\n\n      &:hover,\n      &:focus,\n      &:active {\n        svg {\n          fill: lighten($ui-base-color, 38%);\n        }\n      }\n    }\n  }\n}\n",".compact-header {\n  h1 {\n    font-size: 24px;\n    line-height: 28px;\n    color: $darker-text-color;\n    font-weight: 500;\n    margin-bottom: 20px;\n    padding: 0 10px;\n    word-wrap: break-word;\n\n    @media screen and (max-width: 740px) {\n      text-align: center;\n      padding: 20px 10px 0;\n    }\n\n    a {\n      color: inherit;\n      text-decoration: none;\n    }\n\n    small {\n      font-weight: 400;\n      color: $secondary-text-color;\n    }\n\n    img {\n      display: inline-block;\n      margin-bottom: -5px;\n      margin-right: 15px;\n      width: 36px;\n      height: 36px;\n    }\n  }\n}\n",".hero-widget {\n  margin-bottom: 10px;\n  box-shadow: 0 0 15px rgba($base-shadow-color, 0.2);\n\n  &__img {\n    width: 100%;\n    position: relative;\n    overflow: hidden;\n    border-radius: 4px 4px 0 0;\n    background: $base-shadow-color;\n\n    img {\n      object-fit: cover;\n      display: block;\n      width: 100%;\n      height: 100%;\n      margin: 0;\n      border-radius: 4px 4px 0 0;\n    }\n  }\n\n  &__text {\n    background: $ui-base-color;\n    padding: 20px;\n    border-radius: 0 0 4px 4px;\n    font-size: 15px;\n    color: $darker-text-color;\n    line-height: 20px;\n    word-wrap: break-word;\n    font-weight: 400;\n\n    .emojione {\n      width: 20px;\n      height: 20px;\n      margin: -3px 0 0;\n    }\n\n    p {\n      margin-bottom: 20px;\n\n      &:last-child {\n        margin-bottom: 0;\n      }\n    }\n\n    em {\n      display: inline;\n      margin: 0;\n      padding: 0;\n      font-weight: 700;\n      background: transparent;\n      font-family: inherit;\n      font-size: inherit;\n      line-height: inherit;\n      color: lighten($darker-text-color, 10%);\n    }\n\n    a {\n      color: $secondary-text-color;\n      text-decoration: none;\n\n      &:hover {\n        text-decoration: underline;\n      }\n    }\n  }\n\n  @media screen and (max-width: $no-gap-breakpoint) {\n    display: none;\n  }\n}\n\n.endorsements-widget {\n  margin-bottom: 10px;\n  padding-bottom: 10px;\n\n  h4 {\n    padding: 10px;\n    text-transform: uppercase;\n    font-weight: 700;\n    font-size: 13px;\n    color: $darker-text-color;\n  }\n\n  .account {\n    padding: 10px 0;\n\n    &:last-child {\n      border-bottom: 0;\n    }\n\n    .account__display-name {\n      display: flex;\n      align-items: center;\n    }\n\n    .account__avatar {\n      width: 44px;\n      height: 44px;\n      background-size: 44px 44px;\n    }\n  }\n\n  .trends__item {\n    padding: 10px;\n  }\n}\n\n.trends-widget {\n  h4 {\n    color: $darker-text-color;\n  }\n}\n\n.box-widget {\n  padding: 20px;\n  border-radius: 4px;\n  background: $ui-base-color;\n  box-shadow: 0 0 15px rgba($base-shadow-color, 0.2);\n}\n\n.placeholder-widget {\n  padding: 16px;\n  border-radius: 4px;\n  border: 2px dashed $dark-text-color;\n  text-align: center;\n  color: $darker-text-color;\n  margin-bottom: 10px;\n}\n\n.contact-widget {\n  min-height: 100%;\n  font-size: 15px;\n  color: $darker-text-color;\n  line-height: 20px;\n  word-wrap: break-word;\n  font-weight: 400;\n  padding: 0;\n\n  h4 {\n    padding: 10px;\n    text-transform: uppercase;\n    font-weight: 700;\n    font-size: 13px;\n    color: $darker-text-color;\n  }\n\n  .account {\n    border-bottom: 0;\n    padding: 10px 0;\n    padding-top: 5px;\n  }\n\n  & > a {\n    display: inline-block;\n    padding: 10px;\n    padding-top: 0;\n    color: $darker-text-color;\n    text-decoration: none;\n    white-space: nowrap;\n    overflow: hidden;\n    text-overflow: ellipsis;\n\n    &:hover,\n    &:focus,\n    &:active {\n      text-decoration: underline;\n    }\n  }\n}\n\n.moved-account-widget {\n  padding: 15px;\n  padding-bottom: 20px;\n  border-radius: 4px;\n  background: $ui-base-color;\n  box-shadow: 0 0 15px rgba($base-shadow-color, 0.2);\n  color: $secondary-text-color;\n  font-weight: 400;\n  margin-bottom: 10px;\n\n  strong,\n  a {\n    font-weight: 500;\n\n    @each $lang in $cjk-langs {\n      &:lang(#{$lang}) {\n        font-weight: 700;\n      }\n    }\n  }\n\n  a {\n    color: inherit;\n    text-decoration: underline;\n\n    &.mention {\n      text-decoration: none;\n\n      span {\n        text-decoration: none;\n      }\n\n      &:focus,\n      &:hover,\n      &:active {\n        text-decoration: none;\n\n        span {\n          text-decoration: underline;\n        }\n      }\n    }\n  }\n\n  &__message {\n    margin-bottom: 15px;\n\n    .fa {\n      margin-right: 5px;\n      color: $darker-text-color;\n    }\n  }\n\n  &__card {\n    .detailed-status__display-avatar {\n      position: relative;\n      cursor: pointer;\n    }\n\n    .detailed-status__display-name {\n      margin-bottom: 0;\n      text-decoration: none;\n\n      span {\n        font-weight: 400;\n      }\n    }\n  }\n}\n\n.memoriam-widget {\n  padding: 20px;\n  border-radius: 4px;\n  background: $base-shadow-color;\n  box-shadow: 0 0 15px rgba($base-shadow-color, 0.2);\n  font-size: 14px;\n  color: $darker-text-color;\n  margin-bottom: 10px;\n}\n\n.page-header {\n  background: lighten($ui-base-color, 8%);\n  box-shadow: 0 0 15px rgba($base-shadow-color, 0.2);\n  border-radius: 4px;\n  padding: 60px 15px;\n  text-align: center;\n  margin: 10px 0;\n\n  h1 {\n    color: $primary-text-color;\n    font-size: 36px;\n    line-height: 1.1;\n    font-weight: 700;\n    margin-bottom: 10px;\n  }\n\n  p {\n    font-size: 15px;\n    color: $darker-text-color;\n  }\n\n  @media screen and (max-width: $no-gap-breakpoint) {\n    margin-top: 0;\n    background: lighten($ui-base-color, 4%);\n\n    h1 {\n      font-size: 24px;\n    }\n  }\n}\n\n.directory {\n  background: $ui-base-color;\n  border-radius: 4px;\n  box-shadow: 0 0 15px rgba($base-shadow-color, 0.2);\n\n  &__tag {\n    box-sizing: border-box;\n    margin-bottom: 10px;\n\n    & > a,\n    & > div {\n      display: flex;\n      align-items: center;\n      justify-content: space-between;\n      background: $ui-base-color;\n      border-radius: 4px;\n      padding: 15px;\n      text-decoration: none;\n      color: inherit;\n      box-shadow: 0 0 15px rgba($base-shadow-color, 0.2);\n    }\n\n    & > a {\n      &:hover,\n      &:active,\n      &:focus {\n        background: lighten($ui-base-color, 8%);\n      }\n    }\n\n    &.active > a {\n      background: $ui-highlight-color;\n      cursor: default;\n    }\n\n    &.disabled > div {\n      opacity: 0.5;\n      cursor: default;\n    }\n\n    h4 {\n      flex: 1 1 auto;\n      font-size: 18px;\n      font-weight: 700;\n      color: $primary-text-color;\n      white-space: nowrap;\n      overflow: hidden;\n      text-overflow: ellipsis;\n\n      .fa {\n        color: $darker-text-color;\n      }\n\n      small {\n        display: block;\n        font-weight: 400;\n        font-size: 15px;\n        margin-top: 8px;\n        color: $darker-text-color;\n      }\n    }\n\n    &.active h4 {\n      &,\n      .fa,\n      small {\n        color: $primary-text-color;\n      }\n    }\n\n    .avatar-stack {\n      flex: 0 0 auto;\n      width: (36px + 4px) * 3;\n    }\n\n    &.active .avatar-stack .account__avatar {\n      border-color: $ui-highlight-color;\n    }\n  }\n}\n\n.avatar-stack {\n  display: flex;\n  justify-content: flex-end;\n\n  .account__avatar {\n    flex: 0 0 auto;\n    width: 36px;\n    height: 36px;\n    border-radius: 50%;\n    position: relative;\n    margin-left: -10px;\n    background: darken($ui-base-color, 8%);\n    border: 2px solid $ui-base-color;\n\n    &:nth-child(1) {\n      z-index: 1;\n    }\n\n    &:nth-child(2) {\n      z-index: 2;\n    }\n\n    &:nth-child(3) {\n      z-index: 3;\n    }\n  }\n}\n\n.accounts-table {\n  width: 100%;\n\n  .account {\n    padding: 0;\n    border: 0;\n  }\n\n  strong {\n    font-weight: 700;\n  }\n\n  thead th {\n    text-align: center;\n    text-transform: uppercase;\n    color: $darker-text-color;\n    font-weight: 700;\n    padding: 10px;\n\n    &:first-child {\n      text-align: left;\n    }\n  }\n\n  tbody td {\n    padding: 15px 0;\n    vertical-align: middle;\n    border-bottom: 1px solid lighten($ui-base-color, 8%);\n  }\n\n  tbody tr:last-child td {\n    border-bottom: 0;\n  }\n\n  &__count {\n    width: 120px;\n    text-align: center;\n    font-size: 15px;\n    font-weight: 500;\n    color: $primary-text-color;\n\n    small {\n      display: block;\n      color: $darker-text-color;\n      font-weight: 400;\n      font-size: 14px;\n    }\n  }\n\n  &__comment {\n    width: 50%;\n    vertical-align: initial !important;\n  }\n\n  @media screen and (max-width: $no-gap-breakpoint) {\n    tbody td.optional {\n      display: none;\n    }\n  }\n}\n\n.moved-account-widget,\n.memoriam-widget,\n.box-widget,\n.contact-widget,\n.landing-page__information.contact-widget,\n.directory,\n.page-header {\n  @media screen and (max-width: $no-gap-breakpoint) {\n    margin-bottom: 0;\n    box-shadow: none;\n    border-radius: 0;\n  }\n}\n\n$maximum-width: 1235px;\n$fluid-breakpoint: $maximum-width + 20px;\n\n.statuses-grid {\n  min-height: 600px;\n\n  @media screen and (max-width: 640px) {\n    width: 100% !important; // Masonry layout is unnecessary at this width\n  }\n\n  &__item {\n    width: (960px - 20px) / 3;\n\n    @media screen and (max-width: $fluid-breakpoint) {\n      width: (940px - 20px) / 3;\n    }\n\n    @media screen and (max-width: 640px) {\n      width: 100%;\n    }\n\n    @media screen and (max-width: $no-gap-breakpoint) {\n      width: 100vw;\n    }\n  }\n\n  .detailed-status {\n    border-radius: 4px;\n\n    @media screen and (max-width: $no-gap-breakpoint) {\n      border-top: 1px solid lighten($ui-base-color, 16%);\n    }\n\n    &.compact {\n      .detailed-status__meta {\n        margin-top: 15px;\n      }\n\n      .status__content {\n        font-size: 15px;\n        line-height: 20px;\n\n        .emojione {\n          width: 20px;\n          height: 20px;\n          margin: -3px 0 0;\n        }\n\n        .status__content__spoiler-link {\n          line-height: 20px;\n          margin: 0;\n        }\n      }\n\n      .media-gallery,\n      .status-card,\n      .video-player {\n        margin-top: 15px;\n      }\n    }\n  }\n}\n\n.notice-widget {\n  margin-bottom: 10px;\n  color: $darker-text-color;\n\n  p {\n    margin-bottom: 10px;\n\n    &:last-child {\n      margin-bottom: 0;\n    }\n  }\n\n  a {\n    font-size: 14px;\n    line-height: 20px;\n  }\n}\n\n.notice-widget,\n.placeholder-widget {\n  a {\n    text-decoration: none;\n    font-weight: 500;\n    color: $ui-highlight-color;\n\n    &:hover,\n    &:focus,\n    &:active {\n      text-decoration: underline;\n    }\n  }\n}\n\n.table-of-contents {\n  background: darken($ui-base-color, 4%);\n  min-height: 100%;\n  font-size: 14px;\n  border-radius: 4px;\n\n  li a {\n    display: block;\n    font-weight: 500;\n    padding: 15px;\n    overflow: hidden;\n    white-space: nowrap;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    text-decoration: none;\n    color: $primary-text-color;\n    border-bottom: 1px solid lighten($ui-base-color, 4%);\n\n    &:hover,\n    &:focus,\n    &:active {\n      text-decoration: underline;\n    }\n  }\n\n  li:last-child a {\n    border-bottom: 0;\n  }\n\n  li ul {\n    padding-left: 20px;\n    border-bottom: 1px solid lighten($ui-base-color, 4%);\n  }\n}\n","$no-columns-breakpoint: 600px;\n\ncode {\n  font-family: $font-monospace, monospace;\n  font-weight: 400;\n}\n\n.form-container {\n  max-width: 400px;\n  padding: 20px;\n  margin: 0 auto;\n}\n\n.simple_form {\n  .input {\n    margin-bottom: 15px;\n    overflow: hidden;\n\n    &.hidden {\n      margin: 0;\n    }\n\n    &.radio_buttons {\n      .radio {\n        margin-bottom: 15px;\n\n        &:last-child {\n          margin-bottom: 0;\n        }\n      }\n\n      .radio > label {\n        position: relative;\n        padding-left: 28px;\n\n        input {\n          position: absolute;\n          top: -2px;\n          left: 0;\n        }\n      }\n    }\n\n    &.boolean {\n      position: relative;\n      margin-bottom: 0;\n\n      .label_input > label {\n        font-family: inherit;\n        font-size: 14px;\n        padding-top: 5px;\n        color: $primary-text-color;\n        display: block;\n        width: auto;\n      }\n\n      .label_input,\n      .hint {\n        padding-left: 28px;\n      }\n\n      .label_input__wrapper {\n        position: static;\n      }\n\n      label.checkbox {\n        position: absolute;\n        top: 2px;\n        left: 0;\n      }\n\n      label a {\n        color: $highlight-text-color;\n        text-decoration: underline;\n\n        &:hover,\n        &:active,\n        &:focus {\n          text-decoration: none;\n        }\n      }\n\n      .recommended {\n        position: absolute;\n        margin: 0 4px;\n        margin-top: -2px;\n      }\n    }\n  }\n\n  .row {\n    display: flex;\n    margin: 0 -5px;\n\n    .input {\n      box-sizing: border-box;\n      flex: 1 1 auto;\n      width: 50%;\n      padding: 0 5px;\n    }\n  }\n\n  .hint {\n    color: $darker-text-color;\n\n    a {\n      color: $highlight-text-color;\n    }\n\n    code {\n      border-radius: 3px;\n      padding: 0.2em 0.4em;\n      background: darken($ui-base-color, 12%);\n    }\n  }\n\n  span.hint {\n    display: block;\n    font-size: 12px;\n    margin-top: 4px;\n  }\n\n  p.hint {\n    margin-bottom: 15px;\n    color: $darker-text-color;\n\n    &.subtle-hint {\n      text-align: center;\n      font-size: 12px;\n      line-height: 18px;\n      margin-top: 15px;\n      margin-bottom: 0;\n    }\n  }\n\n  .card {\n    margin-bottom: 15px;\n  }\n\n  strong {\n    font-weight: 500;\n\n    @each $lang in $cjk-langs {\n      &:lang(#{$lang}) {\n        font-weight: 700;\n      }\n    }\n  }\n\n  .input.with_floating_label {\n    .label_input {\n      display: flex;\n\n      & > label {\n        font-family: inherit;\n        font-size: 14px;\n        color: $primary-text-color;\n        font-weight: 500;\n        min-width: 150px;\n        flex: 0 0 auto;\n      }\n\n      input,\n      select {\n        flex: 1 1 auto;\n      }\n    }\n\n    &.select .hint {\n      margin-top: 6px;\n      margin-left: 150px;\n    }\n  }\n\n  .input.with_label {\n    .label_input > label {\n      font-family: inherit;\n      font-size: 14px;\n      color: $primary-text-color;\n      display: block;\n      margin-bottom: 8px;\n      word-wrap: break-word;\n      font-weight: 500;\n    }\n\n    .hint {\n      margin-top: 6px;\n    }\n\n    ul {\n      flex: 390px;\n    }\n  }\n\n  .input.with_block_label {\n    max-width: none;\n\n    & > label {\n      font-family: inherit;\n      font-size: 16px;\n      color: $primary-text-color;\n      display: block;\n      font-weight: 500;\n      padding-top: 5px;\n    }\n\n    .hint {\n      margin-bottom: 15px;\n    }\n\n    ul {\n      columns: 2;\n    }\n  }\n\n  .required abbr {\n    text-decoration: none;\n    color: lighten($error-value-color, 12%);\n  }\n\n  .fields-group {\n    margin-bottom: 25px;\n\n    .input:last-child {\n      margin-bottom: 0;\n    }\n  }\n\n  .fields-row {\n    display: flex;\n    margin: 0 -10px;\n    padding-top: 5px;\n    margin-bottom: 25px;\n\n    .input {\n      max-width: none;\n    }\n\n    &__column {\n      box-sizing: border-box;\n      padding: 0 10px;\n      flex: 1 1 auto;\n      min-height: 1px;\n\n      &-6 {\n        max-width: 50%;\n      }\n\n      .actions {\n        margin-top: 27px;\n      }\n    }\n\n    .fields-group:last-child,\n    .fields-row__column.fields-group {\n      margin-bottom: 0;\n    }\n\n    @media screen and (max-width: $no-columns-breakpoint) {\n      display: block;\n      margin-bottom: 0;\n\n      &__column {\n        max-width: none;\n      }\n\n      .fields-group:last-child,\n      .fields-row__column.fields-group,\n      .fields-row__column {\n        margin-bottom: 25px;\n      }\n    }\n  }\n\n  .input.radio_buttons .radio label {\n    margin-bottom: 5px;\n    font-family: inherit;\n    font-size: 14px;\n    color: $primary-text-color;\n    display: block;\n    width: auto;\n  }\n\n  .check_boxes {\n    .checkbox {\n      label {\n        font-family: inherit;\n        font-size: 14px;\n        color: $primary-text-color;\n        display: inline-block;\n        width: auto;\n        position: relative;\n        padding-top: 5px;\n        padding-left: 25px;\n        flex: 1 1 auto;\n      }\n\n      input[type=checkbox] {\n        position: absolute;\n        left: 0;\n        top: 5px;\n        margin: 0;\n      }\n    }\n  }\n\n  .input.static .label_input__wrapper {\n    font-size: 16px;\n    padding: 10px;\n    border: 1px solid $dark-text-color;\n    border-radius: 4px;\n  }\n\n  input[type=text],\n  input[type=number],\n  input[type=email],\n  input[type=password],\n  textarea {\n    box-sizing: border-box;\n    font-size: 16px;\n    color: $primary-text-color;\n    display: block;\n    width: 100%;\n    outline: 0;\n    font-family: inherit;\n    resize: vertical;\n    background: darken($ui-base-color, 10%);\n    border: 1px solid darken($ui-base-color, 14%);\n    border-radius: 4px;\n    padding: 10px;\n\n    &::placeholder {\n      color: lighten($darker-text-color, 4%);\n    }\n\n    &:invalid {\n      box-shadow: none;\n    }\n\n    &:focus:invalid:not(:placeholder-shown) {\n      border-color: lighten($error-red, 12%);\n    }\n\n    &:required:valid {\n      border-color: $valid-value-color;\n    }\n\n    &:hover {\n      border-color: darken($ui-base-color, 20%);\n    }\n\n    &:active,\n    &:focus {\n      border-color: $highlight-text-color;\n      background: darken($ui-base-color, 8%);\n    }\n  }\n\n  .input.field_with_errors {\n    label {\n      color: lighten($error-red, 12%);\n    }\n\n    input[type=text],\n    input[type=number],\n    input[type=email],\n    input[type=password],\n    textarea,\n    select {\n      border-color: lighten($error-red, 12%);\n    }\n\n    .error {\n      display: block;\n      font-weight: 500;\n      color: lighten($error-red, 12%);\n      margin-top: 4px;\n    }\n  }\n\n  .input.disabled {\n    opacity: 0.5;\n  }\n\n  .actions {\n    margin-top: 30px;\n    display: flex;\n\n    &.actions--top {\n      margin-top: 0;\n      margin-bottom: 30px;\n    }\n  }\n\n  button,\n  .button,\n  .block-button {\n    display: block;\n    width: 100%;\n    border: 0;\n    border-radius: 4px;\n    background: $ui-highlight-color;\n    color: $primary-text-color;\n    font-size: 18px;\n    line-height: inherit;\n    height: auto;\n    padding: 10px;\n    text-transform: uppercase;\n    text-decoration: none;\n    text-align: center;\n    box-sizing: border-box;\n    cursor: pointer;\n    font-weight: 500;\n    outline: 0;\n    margin-bottom: 10px;\n    margin-right: 10px;\n\n    &:last-child {\n      margin-right: 0;\n    }\n\n    &:hover {\n      background-color: lighten($ui-highlight-color, 5%);\n    }\n\n    &:active,\n    &:focus {\n      background-color: darken($ui-highlight-color, 5%);\n    }\n\n    &:disabled:hover {\n      background-color: $ui-primary-color;\n    }\n\n    &.negative {\n      background: $error-value-color;\n\n      &:hover {\n        background-color: lighten($error-value-color, 5%);\n      }\n\n      &:active,\n      &:focus {\n        background-color: darken($error-value-color, 5%);\n      }\n    }\n  }\n\n  select {\n    appearance: none;\n    box-sizing: border-box;\n    font-size: 16px;\n    color: $primary-text-color;\n    display: block;\n    width: 100%;\n    outline: 0;\n    font-family: inherit;\n    resize: vertical;\n    background: darken($ui-base-color, 10%) url(\"data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14.933 18.467' height='19.698' width='15.929'><path d='M3.467 14.967l-3.393-3.5H14.86l-3.392 3.5c-1.866 1.925-3.666 3.5-4 3.5-.335 0-2.135-1.575-4-3.5zm.266-11.234L7.467 0 11.2 3.733l3.733 3.734H0l3.733-3.734z' fill='#{hex-color(lighten($ui-base-color, 12%))}'/></svg>\") no-repeat right 8px center / auto 16px;\n    border: 1px solid darken($ui-base-color, 14%);\n    border-radius: 4px;\n    padding-left: 10px;\n    padding-right: 30px;\n    height: 41px;\n  }\n\n  h4 {\n    margin-bottom: 15px !important;\n  }\n\n  .label_input {\n    &__wrapper {\n      position: relative;\n    }\n\n    &__append {\n      position: absolute;\n      right: 3px;\n      top: 1px;\n      padding: 10px;\n      padding-bottom: 9px;\n      font-size: 16px;\n      color: $dark-text-color;\n      font-family: inherit;\n      pointer-events: none;\n      cursor: default;\n      max-width: 140px;\n      white-space: nowrap;\n      overflow: hidden;\n\n      &::after {\n        content: '';\n        display: block;\n        position: absolute;\n        top: 0;\n        right: 0;\n        bottom: 1px;\n        width: 5px;\n        background-image: linear-gradient(to right, rgba(darken($ui-base-color, 10%), 0), darken($ui-base-color, 10%));\n      }\n    }\n  }\n\n  &__overlay-area {\n    position: relative;\n\n    &__blurred form {\n      filter: blur(2px);\n    }\n\n    &__overlay {\n      position: absolute;\n      top: 0;\n      left: 0;\n      width: 100%;\n      height: 100%;\n      display: flex;\n      justify-content: center;\n      align-items: center;\n      background: rgba($ui-base-color, 0.65);\n      border-radius: 4px;\n      margin-left: -4px;\n      margin-top: -4px;\n      padding: 4px;\n\n      &__content {\n        text-align: center;\n\n        &.rich-formatting {\n          &,\n          p {\n            color: $primary-text-color;\n          }\n        }\n      }\n    }\n  }\n}\n\n.block-icon {\n  display: block;\n  margin: 0 auto;\n  margin-bottom: 10px;\n  font-size: 24px;\n}\n\n.flash-message {\n  background: lighten($ui-base-color, 8%);\n  color: $darker-text-color;\n  border-radius: 4px;\n  padding: 15px 10px;\n  margin-bottom: 30px;\n  text-align: center;\n\n  &.notice {\n    border: 1px solid rgba($valid-value-color, 0.5);\n    background: rgba($valid-value-color, 0.25);\n    color: $valid-value-color;\n  }\n\n  &.alert {\n    border: 1px solid rgba($error-value-color, 0.5);\n    background: rgba($error-value-color, 0.25);\n    color: $error-value-color;\n  }\n\n  a {\n    display: inline-block;\n    color: $darker-text-color;\n    text-decoration: none;\n\n    &:hover {\n      color: $primary-text-color;\n      text-decoration: underline;\n    }\n  }\n\n  p {\n    margin-bottom: 15px;\n  }\n\n  .oauth-code {\n    outline: 0;\n    box-sizing: border-box;\n    display: block;\n    width: 100%;\n    border: none;\n    padding: 10px;\n    font-family: $font-monospace, monospace;\n    background: $ui-base-color;\n    color: $primary-text-color;\n    font-size: 14px;\n    margin: 0;\n\n    &::-moz-focus-inner {\n      border: 0;\n    }\n\n    &::-moz-focus-inner,\n    &:focus,\n    &:active {\n      outline: 0 !important;\n    }\n\n    &:focus {\n      background: lighten($ui-base-color, 4%);\n    }\n  }\n\n  strong {\n    font-weight: 500;\n\n    @each $lang in $cjk-langs {\n      &:lang(#{$lang}) {\n        font-weight: 700;\n      }\n    }\n  }\n\n  @media screen and (max-width: 740px) and (min-width: 441px) {\n    margin-top: 40px;\n  }\n}\n\n.form-footer {\n  margin-top: 30px;\n  text-align: center;\n\n  a {\n    color: $darker-text-color;\n    text-decoration: none;\n\n    &:hover {\n      text-decoration: underline;\n    }\n  }\n}\n\n.quick-nav {\n  list-style: none;\n  margin-bottom: 25px;\n  font-size: 14px;\n\n  li {\n    display: inline-block;\n    margin-right: 10px;\n  }\n\n  a {\n    color: $highlight-text-color;\n    text-transform: uppercase;\n    text-decoration: none;\n    font-weight: 700;\n\n    &:hover,\n    &:focus,\n    &:active {\n      color: lighten($highlight-text-color, 8%);\n    }\n  }\n}\n\n.oauth-prompt,\n.follow-prompt {\n  margin-bottom: 30px;\n  color: $darker-text-color;\n\n  h2 {\n    font-size: 16px;\n    margin-bottom: 30px;\n    text-align: center;\n  }\n\n  strong {\n    color: $secondary-text-color;\n    font-weight: 500;\n\n    @each $lang in $cjk-langs {\n      &:lang(#{$lang}) {\n        font-weight: 700;\n      }\n    }\n  }\n\n  @media screen and (max-width: 740px) and (min-width: 441px) {\n    margin-top: 40px;\n  }\n}\n\n.qr-wrapper {\n  display: flex;\n  flex-wrap: wrap;\n  align-items: flex-start;\n}\n\n.qr-code {\n  flex: 0 0 auto;\n  background: $simple-background-color;\n  padding: 4px;\n  margin: 0 10px 20px 0;\n  box-shadow: 0 0 15px rgba($base-shadow-color, 0.2);\n  display: inline-block;\n\n  svg {\n    display: block;\n    margin: 0;\n  }\n}\n\n.qr-alternative {\n  margin-bottom: 20px;\n  color: $secondary-text-color;\n  flex: 150px;\n\n  samp {\n    display: block;\n    font-size: 14px;\n  }\n}\n\n.table-form {\n  p {\n    margin-bottom: 15px;\n\n    strong {\n      font-weight: 500;\n\n      @each $lang in $cjk-langs {\n        &:lang(#{$lang}) {\n          font-weight: 700;\n        }\n      }\n    }\n  }\n}\n\n.simple_form,\n.table-form {\n  .warning {\n    box-sizing: border-box;\n    background: rgba($error-value-color, 0.5);\n    color: $primary-text-color;\n    text-shadow: 1px 1px 0 rgba($base-shadow-color, 0.3);\n    box-shadow: 0 2px 6px rgba($base-shadow-color, 0.4);\n    border-radius: 4px;\n    padding: 10px;\n    margin-bottom: 15px;\n\n    a {\n      color: $primary-text-color;\n      text-decoration: underline;\n\n      &:hover,\n      &:focus,\n      &:active {\n        text-decoration: none;\n      }\n    }\n\n    strong {\n      font-weight: 600;\n      display: block;\n      margin-bottom: 5px;\n\n      @each $lang in $cjk-langs {\n        &:lang(#{$lang}) {\n          font-weight: 700;\n        }\n      }\n\n      .fa {\n        font-weight: 400;\n      }\n    }\n  }\n}\n\n.action-pagination {\n  display: flex;\n  flex-wrap: wrap;\n  align-items: center;\n\n  .actions,\n  .pagination {\n    flex: 1 1 auto;\n  }\n\n  .actions {\n    padding: 30px 0;\n    padding-right: 20px;\n    flex: 0 0 auto;\n  }\n}\n\n.post-follow-actions {\n  text-align: center;\n  color: $darker-text-color;\n\n  div {\n    margin-bottom: 4px;\n  }\n}\n\n.alternative-login {\n  margin-top: 20px;\n  margin-bottom: 20px;\n\n  h4 {\n    font-size: 16px;\n    color: $primary-text-color;\n    text-align: center;\n    margin-bottom: 20px;\n    border: 0;\n    padding: 0;\n  }\n\n  .button {\n    display: block;\n  }\n}\n\n.scope-danger {\n  color: $warning-red;\n}\n\n.form_admin_settings_site_short_description,\n.form_admin_settings_site_description,\n.form_admin_settings_site_extended_description,\n.form_admin_settings_site_terms,\n.form_admin_settings_custom_css,\n.form_admin_settings_closed_registrations_message {\n  textarea {\n    font-family: $font-monospace, monospace;\n  }\n}\n\n.input-copy {\n  background: darken($ui-base-color, 10%);\n  border: 1px solid darken($ui-base-color, 14%);\n  border-radius: 4px;\n  display: flex;\n  align-items: center;\n  padding-right: 4px;\n  position: relative;\n  top: 1px;\n  transition: border-color 300ms linear;\n\n  &__wrapper {\n    flex: 1 1 auto;\n  }\n\n  input[type=text] {\n    background: transparent;\n    border: 0;\n    padding: 10px;\n    font-size: 14px;\n    font-family: $font-monospace, monospace;\n  }\n\n  button {\n    flex: 0 0 auto;\n    margin: 4px;\n    text-transform: none;\n    font-weight: 400;\n    font-size: 14px;\n    padding: 7px 18px;\n    padding-bottom: 6px;\n    width: auto;\n    transition: background 300ms linear;\n  }\n\n  &.copied {\n    border-color: $valid-value-color;\n    transition: none;\n\n    button {\n      background: $valid-value-color;\n      transition: none;\n    }\n  }\n}\n\n.connection-prompt {\n  margin-bottom: 25px;\n\n  .fa-link {\n    background-color: darken($ui-base-color, 4%);\n    border-radius: 100%;\n    font-size: 24px;\n    padding: 10px;\n  }\n\n  &__column {\n    align-items: center;\n    display: flex;\n    flex: 1;\n    flex-direction: column;\n    flex-shrink: 1;\n    max-width: 50%;\n\n    &-sep {\n      align-self: center;\n      flex-grow: 0;\n      overflow: visible;\n      position: relative;\n      z-index: 1;\n    }\n\n    p {\n      word-break: break-word;\n    }\n  }\n\n  .account__avatar {\n    margin-bottom: 20px;\n  }\n\n  &__connection {\n    background-color: lighten($ui-base-color, 8%);\n    box-shadow: 0 0 15px rgba($base-shadow-color, 0.2);\n    border-radius: 4px;\n    padding: 25px 10px;\n    position: relative;\n    text-align: center;\n\n    &::after {\n      background-color: darken($ui-base-color, 4%);\n      content: '';\n      display: block;\n      height: 100%;\n      left: 50%;\n      position: absolute;\n      top: 0;\n      width: 1px;\n    }\n  }\n\n  &__row {\n    align-items: flex-start;\n    display: flex;\n    flex-direction: row;\n  }\n}\n",".card {\n  & > a {\n    display: block;\n    text-decoration: none;\n    color: inherit;\n    box-shadow: 0 0 15px rgba($base-shadow-color, 0.2);\n\n    @media screen and (max-width: $no-gap-breakpoint) {\n      box-shadow: none;\n    }\n\n    &:hover,\n    &:active,\n    &:focus {\n      .card__bar {\n        background: lighten($ui-base-color, 8%);\n      }\n    }\n  }\n\n  &__img {\n    height: 130px;\n    position: relative;\n    background: darken($ui-base-color, 12%);\n    border-radius: 4px 4px 0 0;\n\n    img {\n      display: block;\n      width: 100%;\n      height: 100%;\n      margin: 0;\n      object-fit: cover;\n      border-radius: 4px 4px 0 0;\n    }\n\n    @media screen and (max-width: 600px) {\n      height: 200px;\n    }\n\n    @media screen and (max-width: $no-gap-breakpoint) {\n      display: none;\n    }\n  }\n\n  &__bar {\n    position: relative;\n    padding: 15px;\n    display: flex;\n    justify-content: flex-start;\n    align-items: center;\n    background: lighten($ui-base-color, 4%);\n    border-radius: 0 0 4px 4px;\n\n    @media screen and (max-width: $no-gap-breakpoint) {\n      border-radius: 0;\n    }\n\n    .avatar {\n      flex: 0 0 auto;\n      width: 48px;\n      height: 48px;\n      @include avatar-size(48px);\n      padding-top: 2px;\n\n      img {\n        width: 100%;\n        height: 100%;\n        display: block;\n        margin: 0;\n        border-radius: 4px;\n        @include avatar-radius();\n        background: darken($ui-base-color, 8%);\n        object-fit: cover;\n      }\n    }\n\n    .display-name {\n      margin-left: 15px;\n      text-align: left;\n\n      strong {\n        font-size: 15px;\n        color: $primary-text-color;\n        font-weight: 500;\n        overflow: hidden;\n        text-overflow: ellipsis;\n      }\n\n      span {\n        display: block;\n        font-size: 14px;\n        color: $darker-text-color;\n        font-weight: 400;\n        overflow: hidden;\n        text-overflow: ellipsis;\n      }\n    }\n  }\n}\n\n.pagination {\n  padding: 30px 0;\n  text-align: center;\n  overflow: hidden;\n\n  a,\n  .current,\n  .newer,\n  .older,\n  .page,\n  .gap {\n    font-size: 14px;\n    color: $primary-text-color;\n    font-weight: 500;\n    display: inline-block;\n    padding: 6px 10px;\n    text-decoration: none;\n  }\n\n  .current {\n    background: $simple-background-color;\n    border-radius: 100px;\n    color: $inverted-text-color;\n    cursor: default;\n    margin: 0 10px;\n  }\n\n  .gap {\n    cursor: default;\n  }\n\n  .older,\n  .newer {\n    text-transform: uppercase;\n    color: $secondary-text-color;\n  }\n\n  .older {\n    float: left;\n    padding-left: 0;\n\n    .fa {\n      display: inline-block;\n      margin-right: 5px;\n    }\n  }\n\n  .newer {\n    float: right;\n    padding-right: 0;\n\n    .fa {\n      display: inline-block;\n      margin-left: 5px;\n    }\n  }\n\n  .disabled {\n    cursor: default;\n    color: lighten($inverted-text-color, 10%);\n  }\n\n  @media screen and (max-width: 700px) {\n    padding: 30px 20px;\n\n    .page {\n      display: none;\n    }\n\n    .newer,\n    .older {\n      display: inline-block;\n    }\n  }\n}\n\n.nothing-here {\n  background: $ui-base-color;\n  box-shadow: 0 0 15px rgba($base-shadow-color, 0.2);\n  color: $light-text-color;\n  font-size: 14px;\n  font-weight: 500;\n  text-align: center;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  cursor: default;\n  border-radius: 4px;\n  padding: 20px;\n  min-height: 30vh;\n\n  &--under-tabs {\n    border-radius: 0 0 4px 4px;\n  }\n\n  &--flexible {\n    box-sizing: border-box;\n    min-height: 100%;\n  }\n}\n\n.account-role,\n.simple_form .recommended {\n  display: inline-block;\n  padding: 4px 6px;\n  cursor: default;\n  border-radius: 3px;\n  font-size: 12px;\n  line-height: 12px;\n  font-weight: 500;\n  color: $ui-secondary-color;\n  background-color: rgba($ui-secondary-color, 0.1);\n  border: 1px solid rgba($ui-secondary-color, 0.5);\n\n  &.moderator {\n    color: $success-green;\n    background-color: rgba($success-green, 0.1);\n    border-color: rgba($success-green, 0.5);\n  }\n\n  &.admin {\n    color: lighten($error-red, 12%);\n    background-color: rgba(lighten($error-red, 12%), 0.1);\n    border-color: rgba(lighten($error-red, 12%), 0.5);\n  }\n}\n\n.account__header__fields {\n  max-width: 100vw;\n  padding: 0;\n  margin: 15px -15px -15px;\n  border: 0 none;\n  border-top: 1px solid lighten($ui-base-color, 12%);\n  border-bottom: 1px solid lighten($ui-base-color, 12%);\n  font-size: 14px;\n  line-height: 20px;\n\n  dl {\n    display: flex;\n    border-bottom: 1px solid lighten($ui-base-color, 12%);\n  }\n\n  dt,\n  dd {\n    box-sizing: border-box;\n    padding: 14px;\n    text-align: center;\n    max-height: 48px;\n    overflow: hidden;\n    white-space: nowrap;\n    text-overflow: ellipsis;\n  }\n\n  dt {\n    font-weight: 500;\n    width: 120px;\n    flex: 0 0 auto;\n    color: $secondary-text-color;\n    background: rgba(darken($ui-base-color, 8%), 0.5);\n  }\n\n  dd {\n    flex: 1 1 auto;\n    color: $darker-text-color;\n  }\n\n  a {\n    color: $highlight-text-color;\n    text-decoration: none;\n\n    &:hover,\n    &:focus,\n    &:active {\n      text-decoration: underline;\n    }\n  }\n\n  .verified {\n    border: 1px solid rgba($valid-value-color, 0.5);\n    background: rgba($valid-value-color, 0.25);\n\n    a {\n      color: $valid-value-color;\n      font-weight: 500;\n    }\n\n    &__mark {\n      color: $valid-value-color;\n    }\n  }\n\n  dl:last-child {\n    border-bottom: 0;\n  }\n}\n\n.directory__tag .trends__item__current {\n  width: auto;\n}\n\n.pending-account {\n  &__header {\n    color: $darker-text-color;\n\n    a {\n      color: $ui-secondary-color;\n      text-decoration: none;\n\n      &:hover,\n      &:active,\n      &:focus {\n        text-decoration: underline;\n      }\n    }\n\n    strong {\n      color: $primary-text-color;\n      font-weight: 700;\n    }\n  }\n\n  &__body {\n    margin-top: 10px;\n  }\n}\n",".activity-stream {\n  box-shadow: 0 0 15px rgba($base-shadow-color, 0.2);\n  border-radius: 4px;\n  overflow: hidden;\n  margin-bottom: 10px;\n\n  @media screen and (max-width: $no-gap-breakpoint) {\n    margin-bottom: 0;\n    border-radius: 0;\n    box-shadow: none;\n  }\n\n  &--headless {\n    border-radius: 0;\n    margin: 0;\n    box-shadow: none;\n\n    .detailed-status,\n    .status {\n      border-radius: 0 !important;\n    }\n  }\n\n  div[data-component] {\n    width: 100%;\n  }\n\n  .entry {\n    background: $ui-base-color;\n\n    .detailed-status,\n    .status,\n    .load-more {\n      animation: none;\n    }\n\n    &:last-child {\n      .detailed-status,\n      .status,\n      .load-more {\n        border-bottom: 0;\n        border-radius: 0 0 4px 4px;\n      }\n    }\n\n    &:first-child {\n      .detailed-status,\n      .status,\n      .load-more {\n        border-radius: 4px 4px 0 0;\n      }\n\n      &:last-child {\n        .detailed-status,\n        .status,\n        .load-more {\n          border-radius: 4px;\n        }\n      }\n    }\n\n    @media screen and (max-width: 740px) {\n      .detailed-status,\n      .status,\n      .load-more {\n        border-radius: 0 !important;\n      }\n    }\n  }\n\n  &--highlighted .entry {\n    background: lighten($ui-base-color, 8%);\n  }\n}\n\n.button.logo-button {\n  flex: 0 auto;\n  font-size: 14px;\n  background: $ui-highlight-color;\n  color: $primary-text-color;\n  text-transform: none;\n  line-height: 36px;\n  height: auto;\n  padding: 3px 15px;\n  border: 0;\n\n  svg {\n    width: 20px;\n    height: auto;\n    vertical-align: middle;\n    margin-right: 5px;\n    fill: $primary-text-color;\n  }\n\n  &:active,\n  &:focus,\n  &:hover {\n    background: lighten($ui-highlight-color, 10%);\n  }\n\n  &:disabled,\n  &.disabled {\n    &:active,\n    &:focus,\n    &:hover {\n      background: $ui-primary-color;\n    }\n  }\n\n  &.button--destructive {\n    &:active,\n    &:focus,\n    &:hover {\n      background: $error-red;\n    }\n  }\n\n  @media screen and (max-width: $no-gap-breakpoint) {\n    svg {\n      display: none;\n    }\n  }\n}\n\n.embed,\n.public-layout {\n  .detailed-status {\n    padding: 15px;\n  }\n\n  .status {\n    padding: 15px 15px 15px (48px + 15px * 2);\n    min-height: 48px + 2px;\n\n    &__avatar {\n      left: 15px;\n      top: 17px;\n    }\n\n    &__content {\n      padding-top: 5px;\n    }\n\n    &__prepend {\n      padding: 8px 0;\n      padding-bottom: 2px;\n      margin: initial;\n      margin-left: 48px + 15px * 2;\n      padding-top: 15px;\n    }\n\n    &__prepend-icon-wrapper {\n      position: absolute;\n      margin: initial;\n      float: initial;\n      width: auto;\n      left: -32px;\n    }\n\n    .media-gallery,\n    &__action-bar,\n    .video-player {\n      margin-top: 10px;\n    }\n  }\n}\n\n// Styling from upstream's WebUI, as public pages use the same layout\n.embed,\n.public-layout {\n  .status {\n    .status__info {\n      font-size: 15px;\n      display: initial;\n    }\n\n    .status__relative-time {\n      color: $dark-text-color;\n      float: right;\n      font-size: 14px;\n      width: auto;\n      margin: initial;\n      padding: initial;\n    }\n\n    .status__info .status__display-name {\n      display: block;\n      max-width: 100%;\n      padding: 6px 0;\n      padding-right: 25px;\n      margin: initial;\n\n      .display-name strong {\n        display: inline;\n      }\n    }\n\n    .status__avatar {\n      height: 48px;\n      position: absolute;\n      width: 48px;\n      margin: initial;\n    }\n  }\n}\n\n.rtl {\n  .embed,\n  .public-layout {\n    .status {\n      padding-left: 10px;\n      padding-right: 68px;\n\n      .status__info .status__display-name {\n        padding-left: 25px;\n        padding-right: 0;\n      }\n\n      .status__relative-time {\n        float: left;\n      }\n    }\n  }\n}\n",".app-body {\n  -webkit-overflow-scrolling: touch;\n  -ms-overflow-style: -ms-autohiding-scrollbar;\n}\n\n.link-button {\n  display: block;\n  font-size: 15px;\n  line-height: 20px;\n  color: $ui-highlight-color;\n  border: 0;\n  background: transparent;\n  padding: 0;\n  cursor: pointer;\n\n  &:hover,\n  &:active {\n    text-decoration: underline;\n  }\n\n  &:disabled {\n    color: $ui-primary-color;\n    cursor: default;\n  }\n}\n\n.button {\n  background-color: darken($ui-highlight-color, 3%);\n  border: 10px none;\n  border-radius: 4px;\n  box-sizing: border-box;\n  color: $primary-text-color;\n  cursor: pointer;\n  display: inline-block;\n  font-family: inherit;\n  font-size: 14px;\n  font-weight: 500;\n  height: 36px;\n  letter-spacing: 0;\n  line-height: 36px;\n  overflow: hidden;\n  padding: 0 16px;\n  position: relative;\n  text-align: center;\n  text-transform: uppercase;\n  text-decoration: none;\n  text-overflow: ellipsis;\n  transition: all 100ms ease-in;\n  transition-property: background-color;\n  white-space: nowrap;\n  width: auto;\n\n  &:active,\n  &:focus,\n  &:hover {\n    background-color: lighten($ui-highlight-color, 7%);\n    transition: all 200ms ease-out;\n    transition-property: background-color;\n  }\n\n  &--destructive {\n    transition: none;\n\n    &:active,\n    &:focus,\n    &:hover {\n      background-color: $error-red;\n      transition: none;\n    }\n  }\n\n  &:disabled {\n    background-color: $ui-primary-color;\n    cursor: default;\n  }\n\n  &.button-primary,\n  &.button-alternative,\n  &.button-secondary,\n  &.button-alternative-2 {\n    font-size: 16px;\n    line-height: 36px;\n    height: auto;\n    text-transform: none;\n    padding: 4px 16px;\n  }\n\n  &.button-alternative {\n    color: $inverted-text-color;\n    background: $ui-primary-color;\n\n    &:active,\n    &:focus,\n    &:hover {\n      background-color: lighten($ui-primary-color, 4%);\n    }\n  }\n\n  &.button-alternative-2 {\n    background: $ui-base-lighter-color;\n\n    &:active,\n    &:focus,\n    &:hover {\n      background-color: lighten($ui-base-lighter-color, 4%);\n    }\n  }\n\n  &.button-secondary {\n    font-size: 16px;\n    line-height: 36px;\n    height: auto;\n    color: $darker-text-color;\n    text-transform: none;\n    background: transparent;\n    padding: 3px 15px;\n    border-radius: 4px;\n    border: 1px solid $ui-primary-color;\n\n    &:active,\n    &:focus,\n    &:hover {\n      border-color: lighten($ui-primary-color, 4%);\n      color: lighten($darker-text-color, 4%);\n    }\n\n    &:disabled {\n      opacity: 0.5;\n    }\n  }\n\n  &.button--block {\n    display: block;\n    width: 100%;\n  }\n}\n\n.icon-button {\n  display: inline-block;\n  padding: 0;\n  color: $action-button-color;\n  border: 0;\n  border-radius: 4px;\n  background: transparent;\n  cursor: pointer;\n  transition: all 100ms ease-in;\n  transition-property: background-color, color;\n\n  &:hover,\n  &:active,\n  &:focus {\n    color: lighten($action-button-color, 7%);\n    background-color: rgba($action-button-color, 0.15);\n    transition: all 200ms ease-out;\n    transition-property: background-color, color;\n  }\n\n  &:focus {\n    background-color: rgba($action-button-color, 0.3);\n  }\n\n  &.disabled {\n    color: darken($action-button-color, 13%);\n    background-color: transparent;\n    cursor: default;\n  }\n\n  &.active {\n    color: $highlight-text-color;\n  }\n\n  &::-moz-focus-inner {\n    border: 0;\n  }\n\n  &::-moz-focus-inner,\n  &:focus,\n  &:active {\n    outline: 0 !important;\n  }\n\n  &.inverted {\n    color: $lighter-text-color;\n\n    &:hover,\n    &:active,\n    &:focus {\n      color: darken($lighter-text-color, 7%);\n      background-color: rgba($lighter-text-color, 0.15);\n    }\n\n    &:focus {\n      background-color: rgba($lighter-text-color, 0.3);\n    }\n\n    &.disabled {\n      color: lighten($lighter-text-color, 7%);\n      background-color: transparent;\n    }\n\n    &.active {\n      color: $highlight-text-color;\n\n      &.disabled {\n        color: lighten($highlight-text-color, 13%);\n      }\n    }\n  }\n\n  &.overlayed {\n    box-sizing: content-box;\n    background: rgba($base-overlay-background, 0.6);\n    color: rgba($primary-text-color, 0.7);\n    border-radius: 4px;\n    padding: 2px;\n\n    &:hover {\n      background: rgba($base-overlay-background, 0.9);\n    }\n  }\n}\n\n.text-icon-button {\n  color: $lighter-text-color;\n  border: 0;\n  border-radius: 4px;\n  background: transparent;\n  cursor: pointer;\n  font-weight: 600;\n  font-size: 11px;\n  padding: 0 3px;\n  line-height: 27px;\n  outline: 0;\n  transition: all 100ms ease-in;\n  transition-property: background-color, color;\n\n  &:hover,\n  &:active,\n  &:focus {\n    color: darken($lighter-text-color, 7%);\n    background-color: rgba($lighter-text-color, 0.15);\n    transition: all 200ms ease-out;\n    transition-property: background-color, color;\n  }\n\n  &:focus {\n    background-color: rgba($lighter-text-color, 0.3);\n  }\n\n  &.disabled {\n    color: lighten($lighter-text-color, 20%);\n    background-color: transparent;\n    cursor: default;\n  }\n\n  &.active {\n    color: $highlight-text-color;\n  }\n\n  &::-moz-focus-inner {\n    border: 0;\n  }\n\n  &::-moz-focus-inner,\n  &:focus,\n  &:active {\n    outline: 0 !important;\n  }\n}\n\n.dropdown-menu {\n  position: absolute;\n  transform-origin: 50% 0;\n}\n\n.invisible {\n  font-size: 0;\n  line-height: 0;\n  display: inline-block;\n  width: 0;\n  height: 0;\n  position: absolute;\n\n  img,\n  svg {\n    margin: 0 !important;\n    border: 0 !important;\n    padding: 0 !important;\n    width: 0 !important;\n    height: 0 !important;\n  }\n}\n\n.ellipsis {\n  &::after {\n    content: \"…\";\n  }\n}\n\n.notification__favourite-icon-wrapper {\n  left: 0;\n  position: absolute;\n\n  .fa.star-icon {\n    color: $gold-star;\n  }\n}\n\n.star-icon.active {\n  color: $gold-star;\n}\n\n.bookmark-icon.active {\n  color: $red-bookmark;\n}\n\n.no-reduce-motion .icon-button.star-icon {\n  &.activate {\n    & > .fa-star {\n      animation: spring-rotate-in 1s linear;\n    }\n  }\n\n  &.deactivate {\n    & > .fa-star {\n      animation: spring-rotate-out 1s linear;\n    }\n  }\n}\n\n.notification__display-name {\n  color: inherit;\n  font-weight: 500;\n  text-decoration: none;\n\n  &:hover {\n    color: $primary-text-color;\n    text-decoration: underline;\n  }\n}\n\n.display-name {\n  display: block;\n  max-width: 100%;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n\n  a {\n    color: inherit;\n    text-decoration: inherit;\n  }\n\n  strong {\n    height: 18px;\n    font-size: 16px;\n    font-weight: 500;\n    line-height: 18px;\n    text-overflow: ellipsis;\n    overflow: hidden;\n    white-space: nowrap;\n  }\n\n  span {\n    display: block;\n    height: 18px;\n    font-size: 15px;\n    line-height: 18px;\n    text-overflow: ellipsis;\n    overflow: hidden;\n    white-space: nowrap;\n  }\n\n  > a:hover {\n    strong {\n      text-decoration: underline;\n    }\n  }\n\n  &.inline {\n    padding: 0;\n    height: 18px;\n    font-size: 15px;\n    line-height: 18px;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n    overflow: hidden;\n\n    strong {\n      display: inline;\n      height: auto;\n      font-size: inherit;\n      line-height: inherit;\n    }\n\n    span {\n      display: inline;\n      height: auto;\n      font-size: inherit;\n      line-height: inherit;\n    }\n  }\n}\n\n.display-name__html {\n  font-weight: 500;\n}\n\n.display-name__account {\n  font-size: 14px;\n}\n\n.image-loader {\n  position: relative;\n  width: 100%;\n  height: 100%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  flex-direction: column;\n\n  .image-loader__preview-canvas {\n    max-width: $media-modal-media-max-width;\n    max-height: $media-modal-media-max-height;\n    background: url('~images/void.png') repeat;\n    object-fit: contain;\n  }\n\n  .loading-bar {\n    position: relative;\n  }\n\n  &.image-loader--amorphous .image-loader__preview-canvas {\n    display: none;\n  }\n}\n\n.zoomable-image {\n  position: relative;\n  width: 100%;\n  height: 100%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n\n  img {\n    max-width: $media-modal-media-max-width;\n    max-height: $media-modal-media-max-height;\n    width: auto;\n    height: auto;\n    object-fit: contain;\n  }\n}\n\n.dropdown {\n  display: inline-block;\n}\n\n.dropdown__content {\n  display: none;\n  position: absolute;\n}\n\n.dropdown-menu__separator {\n  border-bottom: 1px solid darken($ui-secondary-color, 8%);\n  margin: 5px 7px 6px;\n  height: 0;\n}\n\n.dropdown-menu {\n  background: $ui-secondary-color;\n  padding: 4px 0;\n  border-radius: 4px;\n  box-shadow: 2px 4px 15px rgba($base-shadow-color, 0.4);\n\n  ul {\n    list-style: none;\n  }\n}\n\n.dropdown-menu__arrow {\n  position: absolute;\n  width: 0;\n  height: 0;\n  border: 0 solid transparent;\n\n  &.left {\n    right: -5px;\n    margin-top: -5px;\n    border-width: 5px 0 5px 5px;\n    border-left-color: $ui-secondary-color;\n  }\n\n  &.top {\n    bottom: -5px;\n    margin-left: -7px;\n    border-width: 5px 7px 0;\n    border-top-color: $ui-secondary-color;\n  }\n\n  &.bottom {\n    top: -5px;\n    margin-left: -7px;\n    border-width: 0 7px 5px;\n    border-bottom-color: $ui-secondary-color;\n  }\n\n  &.right {\n    left: -5px;\n    margin-top: -5px;\n    border-width: 5px 5px 5px 0;\n    border-right-color: $ui-secondary-color;\n  }\n}\n\n.dropdown-menu__item {\n  a {\n    font-size: 13px;\n    line-height: 18px;\n    display: block;\n    padding: 4px 14px;\n    box-sizing: border-box;\n    text-decoration: none;\n    background: $ui-secondary-color;\n    color: $inverted-text-color;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n\n    &:focus,\n    &:hover,\n    &:active {\n      background: $ui-highlight-color;\n      color: $secondary-text-color;\n      outline: 0;\n    }\n  }\n}\n\n.dropdown--active .dropdown__content {\n  display: block;\n  line-height: 18px;\n  max-width: 311px;\n  right: 0;\n  text-align: left;\n  z-index: 9999;\n\n  & > ul {\n    list-style: none;\n    background: $ui-secondary-color;\n    padding: 4px 0;\n    border-radius: 4px;\n    box-shadow: 0 0 15px rgba($base-shadow-color, 0.4);\n    min-width: 140px;\n    position: relative;\n  }\n\n  &.dropdown__right {\n    right: 0;\n  }\n\n  &.dropdown__left {\n    & > ul {\n      left: -98px;\n    }\n  }\n\n  & > ul > li > a {\n    font-size: 13px;\n    line-height: 18px;\n    display: block;\n    padding: 4px 14px;\n    box-sizing: border-box;\n    text-decoration: none;\n    background: $ui-secondary-color;\n    color: $inverted-text-color;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n\n    &:focus {\n      outline: 0;\n    }\n\n    &:hover {\n      background: $ui-highlight-color;\n      color: $secondary-text-color;\n    }\n  }\n}\n\n.dropdown__icon {\n  vertical-align: middle;\n}\n\n.static-content {\n  padding: 10px;\n  padding-top: 20px;\n  color: $dark-text-color;\n\n  h1 {\n    font-size: 16px;\n    font-weight: 500;\n    margin-bottom: 40px;\n    text-align: center;\n  }\n\n  p {\n    font-size: 13px;\n    margin-bottom: 20px;\n  }\n}\n\n.column,\n.drawer {\n  flex: 1 1 100%;\n  overflow: hidden;\n}\n\n@media screen and (min-width: 631px) {\n  .columns-area {\n    padding: 0;\n  }\n\n  .column,\n  .drawer {\n    flex: 0 0 auto;\n    padding: 10px;\n    padding-left: 5px;\n    padding-right: 5px;\n\n    &:first-child {\n      padding-left: 10px;\n    }\n\n    &:last-child {\n      padding-right: 10px;\n    }\n  }\n\n  .columns-area > div {\n    .column,\n    .drawer {\n      padding-left: 5px;\n      padding-right: 5px;\n    }\n  }\n}\n\n.tabs-bar {\n  box-sizing: border-box;\n  display: flex;\n  background: lighten($ui-base-color, 8%);\n  flex: 0 0 auto;\n  overflow-y: auto;\n}\n\n.tabs-bar__link {\n  display: block;\n  flex: 1 1 auto;\n  padding: 15px 10px;\n  padding-bottom: 13px;\n  color: $primary-text-color;\n  text-decoration: none;\n  text-align: center;\n  font-size: 14px;\n  font-weight: 500;\n  border-bottom: 2px solid lighten($ui-base-color, 8%);\n  transition: all 50ms linear;\n  transition-property: border-bottom, background, color;\n\n  .fa {\n    font-weight: 400;\n    font-size: 16px;\n  }\n\n  &:hover,\n  &:focus,\n  &:active {\n    @include multi-columns('screen and (min-width: 631px)') {\n      background: lighten($ui-base-color, 14%);\n      border-bottom-color: lighten($ui-base-color, 14%);\n    }\n  }\n\n  &.active {\n    border-bottom: 2px solid $ui-highlight-color;\n    color: $highlight-text-color;\n  }\n\n  span {\n    margin-left: 5px;\n    display: none;\n  }\n\n  span.icon {\n    margin-left: 0;\n    display: inline;\n  }\n}\n\n.icon-with-badge {\n  position: relative;\n\n  &__badge {\n    position: absolute;\n    left: 9px;\n    top: -13px;\n    background: $ui-highlight-color;\n    border: 2px solid lighten($ui-base-color, 8%);\n    padding: 1px 6px;\n    border-radius: 6px;\n    font-size: 10px;\n    font-weight: 500;\n    line-height: 14px;\n    color: $primary-text-color;\n  }\n}\n\n.column-link--transparent .icon-with-badge__badge {\n  border-color: darken($ui-base-color, 8%);\n}\n\n.scrollable {\n  overflow-y: scroll;\n  overflow-x: hidden;\n  flex: 1 1 auto;\n  -webkit-overflow-scrolling: touch;\n\n  &.optionally-scrollable {\n    overflow-y: auto;\n  }\n\n  @supports(display: grid) { // hack to fix Chrome <57\n    contain: strict;\n  }\n\n  &--flex {\n    display: flex;\n    flex-direction: column;\n  }\n\n  &__append {\n    flex: 1 1 auto;\n    position: relative;\n    min-height: 120px;\n  }\n}\n\n.scrollable.fullscreen {\n  @supports(display: grid) { // hack to fix Chrome <57\n    contain: none;\n  }\n}\n\n.react-toggle {\n  display: inline-block;\n  position: relative;\n  cursor: pointer;\n  background-color: transparent;\n  border: 0;\n  padding: 0;\n  user-select: none;\n  -webkit-tap-highlight-color: rgba($base-overlay-background, 0);\n  -webkit-tap-highlight-color: transparent;\n}\n\n.react-toggle-screenreader-only {\n  border: 0;\n  clip: rect(0 0 0 0);\n  height: 1px;\n  margin: -1px;\n  overflow: hidden;\n  padding: 0;\n  position: absolute;\n  width: 1px;\n}\n\n.react-toggle--disabled {\n  cursor: not-allowed;\n  opacity: 0.5;\n  transition: opacity 0.25s;\n}\n\n.react-toggle-track {\n  width: 50px;\n  height: 24px;\n  padding: 0;\n  border-radius: 30px;\n  background-color: $ui-base-color;\n  transition: background-color 0.2s ease;\n}\n\n.react-toggle:hover:not(.react-toggle--disabled) .react-toggle-track {\n  background-color: darken($ui-base-color, 10%);\n}\n\n.react-toggle--checked .react-toggle-track {\n  background-color: $ui-highlight-color;\n}\n\n.react-toggle--checked:hover:not(.react-toggle--disabled) .react-toggle-track {\n  background-color: lighten($ui-highlight-color, 10%);\n}\n\n.react-toggle-track-check {\n  position: absolute;\n  width: 14px;\n  height: 10px;\n  top: 0;\n  bottom: 0;\n  margin-top: auto;\n  margin-bottom: auto;\n  line-height: 0;\n  left: 8px;\n  opacity: 0;\n  transition: opacity 0.25s ease;\n}\n\n.react-toggle--checked .react-toggle-track-check {\n  opacity: 1;\n  transition: opacity 0.25s ease;\n}\n\n.react-toggle-track-x {\n  position: absolute;\n  width: 10px;\n  height: 10px;\n  top: 0;\n  bottom: 0;\n  margin-top: auto;\n  margin-bottom: auto;\n  line-height: 0;\n  right: 10px;\n  opacity: 1;\n  transition: opacity 0.25s ease;\n}\n\n.react-toggle--checked .react-toggle-track-x {\n  opacity: 0;\n}\n\n.react-toggle-thumb {\n  position: absolute;\n  top: 1px;\n  left: 1px;\n  width: 22px;\n  height: 22px;\n  border: 1px solid $ui-base-color;\n  border-radius: 50%;\n  background-color: darken($simple-background-color, 2%);\n  box-sizing: border-box;\n  transition: all 0.25s ease;\n  transition-property: border-color, left;\n}\n\n.react-toggle--checked .react-toggle-thumb {\n  left: 27px;\n  border-color: $ui-highlight-color;\n}\n\n.getting-started__wrapper,\n.getting_started,\n.flex-spacer {\n  background: $ui-base-color;\n}\n\n.getting-started__wrapper {\n  position: relative;\n  overflow-y: auto;\n}\n\n.flex-spacer {\n  flex: 1 1 auto;\n}\n\n.getting-started {\n  background: $ui-base-color;\n  flex: 1 0 auto;\n\n  p {\n    color: $secondary-text-color;\n  }\n\n  a {\n    color: $dark-text-color;\n  }\n\n  &__panel {\n    height: min-content;\n  }\n\n  &__panel,\n  &__footer {\n    padding: 10px;\n    padding-top: 20px;\n    flex: 0 1 auto;\n\n    ul {\n      margin-bottom: 10px;\n    }\n\n    ul li {\n      display: inline;\n    }\n\n    p {\n      color: $dark-text-color;\n      font-size: 13px;\n\n      a {\n        color: $dark-text-color;\n        text-decoration: underline;\n      }\n    }\n\n    a {\n      text-decoration: none;\n      color: $darker-text-color;\n\n      &:hover,\n      &:focus,\n      &:active {\n        text-decoration: underline;\n      }\n    }\n  }\n\n  &__trends {\n    flex: 0 1 auto;\n    opacity: 1;\n    animation: fade 150ms linear;\n    margin-top: 10px;\n\n    h4 {\n      font-size: 12px;\n      text-transform: uppercase;\n      color: $darker-text-color;\n      padding: 10px;\n      font-weight: 500;\n      border-bottom: 1px solid lighten($ui-base-color, 8%);\n    }\n\n    @media screen and (max-height: 810px) {\n      .trends__item:nth-child(3) {\n        display: none;\n      }\n    }\n\n    @media screen and (max-height: 720px) {\n      .trends__item:nth-child(2) {\n        display: none;\n      }\n    }\n\n    @media screen and (max-height: 670px) {\n      display: none;\n    }\n\n    .trends__item {\n      border-bottom: 0;\n      padding: 10px;\n\n      &__current {\n        color: $darker-text-color;\n      }\n    }\n  }\n}\n\n.column-link__badge {\n  display: inline-block;\n  border-radius: 4px;\n  font-size: 12px;\n  line-height: 19px;\n  font-weight: 500;\n  background: $ui-base-color;\n  padding: 4px 8px;\n  margin: -6px 10px;\n}\n\n.keyboard-shortcuts {\n  padding: 8px 0 0;\n  overflow: hidden;\n\n  thead {\n    position: absolute;\n    left: -9999px;\n  }\n\n  td {\n    padding: 0 10px 8px;\n  }\n\n  kbd {\n    display: inline-block;\n    padding: 3px 5px;\n    background-color: lighten($ui-base-color, 8%);\n    border: 1px solid darken($ui-base-color, 4%);\n  }\n}\n\n.setting-text {\n  color: $darker-text-color;\n  background: transparent;\n  border: none;\n  border-bottom: 2px solid $ui-primary-color;\n  box-sizing: border-box;\n  display: block;\n  font-family: inherit;\n  margin-bottom: 10px;\n  padding: 7px 0;\n  width: 100%;\n\n  &:focus,\n  &:active {\n    color: $primary-text-color;\n    border-bottom-color: $ui-highlight-color;\n  }\n\n  @include limited-single-column('screen and (max-width: 600px)') {\n    font-size: 16px;\n  }\n\n  &.light {\n    color: $inverted-text-color;\n    border-bottom: 2px solid lighten($ui-base-color, 27%);\n\n    &:focus,\n    &:active {\n      color: $inverted-text-color;\n      border-bottom-color: $ui-highlight-color;\n    }\n  }\n}\n\n.no-reduce-motion button.icon-button i.fa-retweet {\n  background-position: 0 0;\n  height: 19px;\n  transition: background-position 0.9s steps(10);\n  transition-duration: 0s;\n  vertical-align: middle;\n  width: 22px;\n\n  &::before {\n    display: none !important;\n  }\n}\n\n.no-reduce-motion button.icon-button.active i.fa-retweet {\n  transition-duration: 0.9s;\n  background-position: 0 100%;\n}\n\n.reduce-motion button.icon-button i.fa-retweet {\n  color: $action-button-color;\n  transition: color 100ms ease-in;\n}\n\n.reduce-motion button.icon-button.active i.fa-retweet {\n  color: $highlight-text-color;\n}\n\n.reduce-motion button.icon-button.disabled i.fa-retweet {\n  color: darken($action-button-color, 13%);\n}\n\n.load-more {\n  display: block;\n  color: $dark-text-color;\n  background-color: transparent;\n  border: 0;\n  font-size: inherit;\n  text-align: center;\n  line-height: inherit;\n  margin: 0;\n  padding: 15px;\n  box-sizing: border-box;\n  width: 100%;\n  clear: both;\n  text-decoration: none;\n\n  &:hover {\n    background: lighten($ui-base-color, 2%);\n  }\n}\n\n.load-gap {\n  border-bottom: 1px solid lighten($ui-base-color, 8%);\n}\n\n.missing-indicator {\n  padding-top: 20px + 48px;\n}\n\n.scrollable > div > :first-child .notification__dismiss-overlay > .wrappy {\n  border-top: 1px solid $ui-base-color;\n}\n\n.notification__dismiss-overlay {\n  overflow: hidden;\n  position: absolute;\n  top: 0;\n  right: 0;\n  bottom: -1px;\n  padding-left: 15px; // space for the box shadow to be visible\n\n  z-index: 999;\n  align-items: center;\n  justify-content: flex-end;\n  cursor: pointer;\n\n  display: flex;\n\n  .wrappy {\n    width: $dismiss-overlay-width;\n    align-self: stretch;\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    justify-content: center;\n    background: lighten($ui-base-color, 8%);\n    border-left: 1px solid lighten($ui-base-color, 20%);\n    box-shadow: 0 0 5px black;\n    border-bottom: 1px solid $ui-base-color;\n  }\n\n  .ckbox {\n    border: 2px solid $ui-primary-color;\n    border-radius: 2px;\n    width: 30px;\n    height: 30px;\n    font-size: 20px;\n    color: $darker-text-color;\n    text-shadow: 0 0 5px black;\n    display: flex;\n    justify-content: center;\n    align-items: center;\n  }\n\n  &:focus {\n    outline: 0 !important;\n\n    .ckbox {\n      box-shadow: 0 0 1px 1px $ui-highlight-color;\n    }\n  }\n}\n\n.text-btn {\n  display: inline-block;\n  padding: 0;\n  font-family: inherit;\n  font-size: inherit;\n  color: inherit;\n  border: 0;\n  background: transparent;\n  cursor: pointer;\n}\n\n.loading-indicator {\n  color: $dark-text-color;\n  font-size: 12px;\n  font-weight: 400;\n  text-transform: uppercase;\n  overflow: visible;\n  position: absolute;\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n\n  span {\n    display: block;\n    float: left;\n    margin-left: 50%;\n    transform: translateX(-50%);\n    margin: 82px 0 0 50%;\n    white-space: nowrap;\n  }\n}\n\n.loading-indicator__figure {\n  position: absolute;\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n  width: 42px;\n  height: 42px;\n  box-sizing: border-box;\n  background-color: transparent;\n  border: 0 solid lighten($ui-base-color, 26%);\n  border-width: 6px;\n  border-radius: 50%;\n}\n\n.no-reduce-motion .loading-indicator span {\n  animation: loader-label 1.15s infinite cubic-bezier(0.215, 0.610, 0.355, 1.000);\n}\n\n.no-reduce-motion .loading-indicator__figure {\n  animation: loader-figure 1.15s infinite cubic-bezier(0.215, 0.610, 0.355, 1.000);\n}\n\n@keyframes spring-rotate-in {\n  0% {\n    transform: rotate(0deg);\n  }\n\n  30% {\n    transform: rotate(-484.8deg);\n  }\n\n  60% {\n    transform: rotate(-316.7deg);\n  }\n\n  90% {\n    transform: rotate(-375deg);\n  }\n\n  100% {\n    transform: rotate(-360deg);\n  }\n}\n\n@keyframes spring-rotate-out {\n  0% {\n    transform: rotate(-360deg);\n  }\n\n  30% {\n    transform: rotate(124.8deg);\n  }\n\n  60% {\n    transform: rotate(-43.27deg);\n  }\n\n  90% {\n    transform: rotate(15deg);\n  }\n\n  100% {\n    transform: rotate(0deg);\n  }\n}\n\n@keyframes loader-figure {\n  0% {\n    width: 0;\n    height: 0;\n    background-color: lighten($ui-base-color, 26%);\n  }\n\n  29% {\n    background-color: lighten($ui-base-color, 26%);\n  }\n\n  30% {\n    width: 42px;\n    height: 42px;\n    background-color: transparent;\n    border-width: 21px;\n    opacity: 1;\n  }\n\n  100% {\n    width: 42px;\n    height: 42px;\n    border-width: 0;\n    opacity: 0;\n    background-color: transparent;\n  }\n}\n\n@keyframes loader-label {\n  0% { opacity: 0.25; }\n  30% { opacity: 1; }\n  100% { opacity: 0.25; }\n}\n\n.spoiler-button {\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  position: absolute;\n  z-index: 100;\n\n  &--minified {\n    display: flex;\n    left: 4px;\n    top: 4px;\n    width: auto;\n    height: auto;\n    align-items: center;\n  }\n\n  &--click-thru {\n    pointer-events: none;\n  }\n\n  &--hidden {\n    display: none;\n  }\n\n  &__overlay {\n    display: block;\n    background: transparent;\n    width: 100%;\n    height: 100%;\n    border: 0;\n\n    &__label {\n      display: inline-block;\n      background: rgba($base-overlay-background, 0.5);\n      border-radius: 8px;\n      padding: 8px 12px;\n      color: $primary-text-color;\n      font-weight: 500;\n      font-size: 14px;\n    }\n\n    &:hover,\n    &:focus,\n    &:active {\n      .spoiler-button__overlay__label {\n        background: rgba($base-overlay-background, 0.8);\n      }\n    }\n\n    &:disabled {\n      .spoiler-button__overlay__label {\n        background: rgba($base-overlay-background, 0.5);\n      }\n    }\n  }\n}\n\n.setting-toggle {\n  display: block;\n  line-height: 24px;\n}\n\n.setting-toggle__label,\n.setting-radio__label,\n.setting-meta__label {\n  color: $darker-text-color;\n  display: inline-block;\n  margin-bottom: 14px;\n  margin-left: 8px;\n  vertical-align: middle;\n}\n\n.setting-radio {\n  display: block;\n  line-height: 18px;\n}\n\n.setting-radio__label {\n  margin-bottom: 0;\n}\n\n.column-settings__row legend {\n  color: $darker-text-color;\n  cursor: default;\n  display: block;\n  font-weight: 500;\n  margin-top: 10px;\n}\n\n.setting-radio__input {\n  vertical-align: middle;\n}\n\n.setting-meta__label {\n  float: right;\n}\n\n@keyframes heartbeat {\n  from {\n    transform: scale(1);\n    transform-origin: center center;\n    animation-timing-function: ease-out;\n  }\n\n  10% {\n    transform: scale(0.91);\n    animation-timing-function: ease-in;\n  }\n\n  17% {\n    transform: scale(0.98);\n    animation-timing-function: ease-out;\n  }\n\n  33% {\n    transform: scale(0.87);\n    animation-timing-function: ease-in;\n  }\n\n  45% {\n    transform: scale(1);\n    animation-timing-function: ease-out;\n  }\n}\n\n.pulse-loading {\n  animation: heartbeat 1.5s ease-in-out infinite both;\n}\n\n.upload-area {\n  align-items: center;\n  background: rgba($base-overlay-background, 0.8);\n  display: flex;\n  height: 100%;\n  justify-content: center;\n  left: 0;\n  opacity: 0;\n  position: absolute;\n  top: 0;\n  visibility: hidden;\n  width: 100%;\n  z-index: 2000;\n\n  * {\n    pointer-events: none;\n  }\n}\n\n.upload-area__drop {\n  width: 320px;\n  height: 160px;\n  display: flex;\n  box-sizing: border-box;\n  position: relative;\n  padding: 8px;\n}\n\n.upload-area__background {\n  position: absolute;\n  top: 0;\n  right: 0;\n  bottom: 0;\n  left: 0;\n  z-index: -1;\n  border-radius: 4px;\n  background: $ui-base-color;\n  box-shadow: 0 0 5px rgba($base-shadow-color, 0.2);\n}\n\n.upload-area__content {\n  flex: 1;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  color: $secondary-text-color;\n  font-size: 18px;\n  font-weight: 500;\n  border: 2px dashed $ui-base-lighter-color;\n  border-radius: 4px;\n}\n\n.dropdown--active .emoji-button img {\n  opacity: 1;\n  filter: none;\n}\n\n.loading-bar {\n  background-color: $ui-highlight-color;\n  height: 3px;\n  position: absolute;\n  top: 0;\n  left: 0;\n  z-index: 9999;\n}\n\n.icon-badge-wrapper {\n  position: relative;\n}\n\n.icon-badge {\n  position: absolute;\n  display: block;\n  right: -.25em;\n  top: -.25em;\n  background-color: $ui-highlight-color;\n  border-radius: 50%;\n  font-size: 75%;\n  width: 1em;\n  height: 1em;\n}\n\n.conversation {\n  display: flex;\n  border-bottom: 1px solid lighten($ui-base-color, 8%);\n  padding: 5px;\n  padding-bottom: 0;\n\n  &:focus {\n    background: lighten($ui-base-color, 2%);\n    outline: 0;\n  }\n\n  &__avatar {\n    flex: 0 0 auto;\n    padding: 10px;\n    padding-top: 12px;\n    position: relative;\n  }\n\n  &__unread {\n    display: inline-block;\n    background: $highlight-text-color;\n    border-radius: 50%;\n    width: 0.625rem;\n    height: 0.625rem;\n    margin: -.1ex .15em .1ex;\n  }\n\n  &__content {\n    flex: 1 1 auto;\n    padding: 10px 5px;\n    padding-right: 15px;\n    overflow: hidden;\n\n    &__info {\n      overflow: hidden;\n      display: flex;\n      flex-direction: row-reverse;\n      justify-content: space-between;\n    }\n\n    &__relative-time {\n      font-size: 15px;\n      color: $darker-text-color;\n      padding-left: 15px;\n    }\n\n    &__names {\n      color: $darker-text-color;\n      font-size: 15px;\n      white-space: nowrap;\n      overflow: hidden;\n      text-overflow: ellipsis;\n      margin-bottom: 4px;\n      flex-basis: 90px;\n      flex-grow: 1;\n\n      a {\n        color: $primary-text-color;\n        text-decoration: none;\n\n        &:hover,\n        &:focus,\n        &:active {\n          text-decoration: underline;\n        }\n      }\n    }\n\n    .status__content {\n      margin: 0;\n    }\n  }\n\n  &--unread {\n    background: lighten($ui-base-color, 2%);\n\n    &:focus {\n      background: lighten($ui-base-color, 4%);\n    }\n\n    .conversation__content__info {\n      font-weight: 700;\n    }\n\n    .conversation__content__relative-time {\n      color: $primary-text-color;\n    }\n  }\n}\n\n.ui .flash-message {\n  margin-top: 10px;\n  margin-left: auto;\n  margin-right: auto;\n  margin-bottom: 0;\n  min-width: 75%;\n}\n\n::-webkit-scrollbar-thumb {\n  border-radius: 0;\n}\n\nnoscript {\n  text-align: center;\n\n  img {\n    width: 200px;\n    opacity: 0.5;\n    animation: flicker 4s infinite;\n  }\n\n  div {\n    font-size: 14px;\n    margin: 30px auto;\n    color: $secondary-text-color;\n    max-width: 400px;\n\n    a {\n      color: $highlight-text-color;\n      text-decoration: underline;\n\n      &:hover {\n        text-decoration: none;\n      }\n    }\n\n    a {\n      word-break: break-word;\n    }\n  }\n}\n\n@keyframes flicker {\n  0% { opacity: 1; }\n  30% { opacity: 0.75; }\n  100% { opacity: 1; }\n}\n\n@import 'boost';\n@import 'accounts';\n@import 'domains';\n@import 'status';\n@import 'modal';\n@import 'composer';\n@import 'columns';\n@import 'regeneration_indicator';\n@import 'directory';\n@import 'search';\n@import 'emoji';\n@import 'doodle';\n@import 'drawer';\n@import 'media';\n@import 'sensitive';\n@import 'lists';\n@import 'emoji_picker';\n@import 'local_settings';\n@import 'error_boundary';\n@import 'single_column';\n","button.icon-button i.fa-retweet {\n  background-image: url(\"data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='22' height='209'><path d='M4.97 3.16c-.1.03-.17.1-.22.18L.8 8.24c-.2.3.03.78.4.8H3.6v2.68c0 4.26-.55 3.62 3.66 3.62h7.66l-2.3-2.84c-.03-.02-.03-.04-.05-.06H7.27c-.44 0-.72-.3-.72-.72v-2.7h2.5c.37.03.63-.48.4-.77L5.5 3.35c-.12-.17-.34-.25-.53-.2zm12.16.43c-.55-.02-1.32.02-2.4.02H7.1l2.32 2.85.03.06h5.25c.42 0 .72.28.72.72v2.7h-2.5c-.36.02-.56.54-.3.8l3.92 4.9c.18.25.6.25.78 0l3.94-4.9c.26-.28 0-.83-.37-.8H18.4v-2.7c0-3.15.4-3.62-1.25-3.66z' fill='#{hex-color($action-button-color)}' stroke-width='0'/><path d='M7.78 19.66c-.24.02-.44.25-.44.5v2.46h-.06c-1.08 0-1.86-.03-2.4-.03-1.64 0-1.25.43-1.25 3.65v4.47c0 4.26-.56 3.62 3.65 3.62H8.5l-1.3-1.06c-.1-.08-.18-.2-.2-.3-.02-.17.06-.35.2-.45l1.33-1.1H7.28c-.44 0-.72-.3-.72-.7v-4.48c0-.44.28-.72.72-.72h.06v2.5c0 .38.54.63.82.38l4.9-3.93c.25-.18.25-.6 0-.78l-4.9-3.92c-.1-.1-.24-.14-.38-.12zm9.34 2.93c-.54-.02-1.3.02-2.4.02h-1.25l1.3 1.07c.1.07.18.2.2.33.02.16-.06.3-.2.4l-1.33 1.1h1.28c.42 0 .72.28.72.72v4.47c0 .42-.3.72-.72.72h-.1v-2.47c0-.3-.3-.53-.6-.47-.07 0-.14.05-.2.1l-4.9 3.93c-.26.18-.26.6 0 .78l4.9 3.92c.27.25.82 0 .8-.38v-2.5h.1c4.27 0 3.65.67 3.65-3.62v-4.47c0-3.15.4-3.62-1.25-3.66zM10.34 38.66c-.24.02-.44.25-.43.5v2.47H7.3c-1.08 0-1.86-.04-2.4-.04-1.64 0-1.25.43-1.25 3.65v4.47c0 3.66-.23 3.7 2.34 3.66l-1.34-1.1c-.1-.08-.18-.2-.2-.3 0-.17.07-.35.2-.45l1.96-1.6c-.03-.06-.04-.13-.04-.2v-4.48c0-.44.28-.72.72-.72H9.9v2.5c0 .36.5.6.8.38l4.93-3.93c.24-.18.24-.6 0-.78l-4.94-3.92c-.1-.08-.23-.13-.36-.12zm5.63 2.93l1.34 1.1c.1.07.18.2.2.33.02.16-.03.3-.16.4l-1.96 1.6c.02.07.06.13.06.22v4.47c0 .42-.3.72-.72.72h-2.66v-2.47c0-.3-.3-.53-.6-.47-.06.02-.12.05-.18.1l-4.94 3.93c-.24.18-.24.6 0 .78l4.94 3.92c.28.22.78-.02.78-.38v-2.5h2.66c4.27 0 3.65.67 3.65-3.62v-4.47c0-3.66.34-3.7-2.4-3.66zM13.06 57.66c-.23.03-.4.26-.4.5v2.47H7.28c-1.08 0-1.86-.04-2.4-.04-1.64 0-1.25.43-1.25 3.65v4.87l2.93-2.37v-2.5c0-.44.28-.72.72-.72h5.38v2.5c0 .36.5.6.78.38l4.94-3.93c.24-.18.24-.6 0-.78l-4.94-3.92c-.1-.1-.24-.14-.38-.12zm5.3 6.15l-2.92 2.4v2.52c0 .42-.3.72-.72.72h-5.4v-2.47c0-.3-.32-.53-.6-.47-.07.02-.13.05-.2.1L3.6 70.52c-.25.18-.25.6 0 .78l4.93 3.92c.28.22.78-.02.78-.38v-2.5h5.42c4.27 0 3.65.67 3.65-3.62v-4.47-.44zM19.25 78.8c-.1.03-.2.1-.28.17l-.9.9c-.44-.3-1.36-.25-3.35-.25H7.28c-1.08 0-1.86-.03-2.4-.03-1.64 0-1.25.43-1.25 3.65v.7l2.93.3v-1c0-.44.28-.72.72-.72h7.44c.2 0 .37.08.5.2l-1.8 1.8c-.25.26-.08.76.27.8l6.27.7c.28.03.56-.25.53-.53l-.7-6.25c0-.27-.3-.48-.55-.44zm-17.2 6.1c-.2.07-.36.3-.33.54l.7 6.25c.02.36.58.55.83.27l.8-.8c.02 0 .04-.02.04 0 .46.24 1.37.17 3.18.17h7.44c4.27 0 3.65.67 3.65-3.62v-.75l-2.93-.3v1.05c0 .42-.3.72-.72.72H7.28c-.15 0-.3-.03-.4-.1L8.8 86.4c.3-.24.1-.8-.27-.84l-6.28-.65h-.2zM4.88 98.6c-1.33 0-1.34.48-1.3 2.3l1.14-1.37c.08-.1.22-.17.34-.2.16 0 .34.08.44.2l1.66 2.03c.04 0 .07-.03.12-.03h7.44c.34 0 .57.2.65.5h-2.43c-.34.05-.53.52-.3.78l3.92 4.95c.18.24.6.24.78 0l3.94-4.94c.22-.27-.02-.76-.37-.77H18.4c.02-3.9.6-3.4-3.66-3.4H7.28c-1.08 0-1.86-.04-2.4-.04zm.15 2.46c-.1.03-.2.1-.28.2l-3.94 4.9c-.2.28.03.77.4.78H3.6c-.02 3.94-.45 3.4 3.66 3.4h7.44c3.65 0 3.74.3 3.7-2.25l-1.1 1.34c-.1.1-.2.17-.32.2-.16 0-.34-.08-.44-.2l-1.65-2.03c-.06.02-.1.04-.18.04H7.28c-.35 0-.57-.2-.66-.5h2.44c.37 0 .63-.5.4-.78l-3.96-4.9c-.1-.15-.3-.23-.47-.2zM4.88 117.6c-1.16 0-1.3.3-1.3 1.56l1.14-1.38c.08-.1.22-.14.34-.16.16 0 .34.04.44.16l2.22 2.75h7c.42 0 .72.28.72.72v.53h-2.6c-.3.1-.43.54-.2.78l3.92 4.9c.18.25.6.25.78 0l3.94-4.9c.22-.28-.02-.77-.37-.78H18.4v-.53c0-4.2.72-3.63-3.66-3.63H7.28c-1.08 0-1.86-.03-2.4-.03zm.1 1.74c-.1.03-.17.1-.23.16L.8 124.44c-.2.28.03.77.4.78H3.6v.5c0 4.26-.55 3.62 3.66 3.62h7.44c1.03 0 1.74.02 2.28 0-.16.02-.34-.03-.44-.15l-2.22-2.76H7.28c-.44 0-.72-.3-.72-.72v-.5h2.5c.37.02.63-.5.4-.78L5.5 119.5c-.12-.15-.34-.22-.53-.16zm12.02 10c1.2-.02 1.4-.25 1.4-1.53l-1.1 1.36c-.07.1-.17.17-.3.18zM5.94 136.6l2.37 2.93h6.42c.42 0 .72.28.72.72v1.25h-2.6c-.3.1-.43.54-.2.78l3.92 4.9c.18.25.6.25.78 0l3.94-4.9c.22-.28-.02-.77-.37-.78H18.4v-1.25c0-4.2.72-3.63-3.66-3.63H7.28c-.6 0-.92-.02-1.34-.03zm-1.72.06c-.4.08-.54.3-.6.75l.6-.74zm.84.93c-.12 0-.24.08-.3.18l-3.95 4.9c-.24.3 0 .83.4.82H3.6v1.22c0 4.26-.55 3.62 3.66 3.62h7.44c.63 0 .97.02 1.4.03l-2.37-2.93H7.28c-.44 0-.72-.3-.72-.72v-1.22h2.5c.4.04.67-.53.4-.8l-3.96-4.92c-.1-.13-.27-.2-.44-.2zm13.28 10.03l-.56.7c.36-.07.5-.3.56-.7zM17.13 155.6c-.55-.02-1.32.03-2.4.03h-8.2l2.38 2.9h5.82c.42 0 .72.28.72.72v1.97H12.9c-.32.06-.48.52-.28.78l3.94 4.94c.2.23.6.22.78-.03l3.94-4.9c.22-.28-.02-.77-.37-.78H18.4v-1.97c0-3.15.4-3.62-1.25-3.66zm-12.1.28c-.1.02-.2.1-.28.18l-3.94 4.9c-.2.3.03.78.4.8H3.6v1.96c0 4.26-.55 3.62 3.66 3.62h8.24l-2.36-2.9H7.28c-.44 0-.72-.3-.72-.72v-1.97h2.5c.37.02.63-.5.4-.78l-3.96-4.9c-.1-.15-.3-.22-.47-.2zM5.13 174.5c-.15 0-.3.07-.38.2L.8 179.6c-.24.27 0 .82.4.8H3.6v2.32c0 4.26-.55 3.62 3.66 3.62h7.94l-2.35-2.9h-5.6c-.43 0-.7-.3-.7-.72v-2.3h2.5c.38.03.66-.54.4-.83l-3.97-4.9c-.1-.13-.23-.2-.38-.2zm12 .1c-.55-.02-1.32.03-2.4.03H6.83l2.35 2.9h5.52c.42 0 .72.28.72.72v2.34h-2.6c-.3.1-.43.53-.2.78l3.92 4.9c.18.24.6.24.78 0l3.94-4.9c.22-.3-.02-.78-.37-.8H18.4v-2.33c0-3.15.4-3.62-1.25-3.66zM4.97 193.16c-.1.03-.17.1-.22.18l-3.94 4.9c-.2.3.03.78.4.8H3.6v2.68c0 4.26-.55 3.62 3.66 3.62h7.66l-2.3-2.84c-.03-.02-.03-.04-.05-.06H7.27c-.44 0-.72-.3-.72-.72v-2.7h2.5c.37.03.63-.48.4-.77l-3.96-4.9c-.12-.17-.34-.25-.53-.2zm12.16.43c-.55-.02-1.32.03-2.4.03H7.1l2.32 2.84.03.06h5.25c.42 0 .72.28.72.72v2.7h-2.5c-.36.02-.56.54-.3.8l3.92 4.9c.18.25.6.25.78 0l3.94-4.9c.26-.28 0-.83-.37-.8H18.4v-2.7c0-3.15.4-3.62-1.25-3.66z' fill='#{hex-color($highlight-text-color)}' stroke-width='0'/></svg>\");\n\n  &:hover {\n    background-image: url(\"data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='22' height='209'><path d='M4.97 3.16c-.1.03-.17.1-.22.18L.8 8.24c-.2.3.03.78.4.8H3.6v2.68c0 4.26-.55 3.62 3.66 3.62h7.66l-2.3-2.84c-.03-.02-.03-.04-.05-.06H7.27c-.44 0-.72-.3-.72-.72v-2.7h2.5c.37.03.63-.48.4-.77L5.5 3.35c-.12-.17-.34-.25-.53-.2zm12.16.43c-.55-.02-1.32.02-2.4.02H7.1l2.32 2.85.03.06h5.25c.42 0 .72.28.72.72v2.7h-2.5c-.36.02-.56.54-.3.8l3.92 4.9c.18.25.6.25.78 0l3.94-4.9c.26-.28 0-.83-.37-.8H18.4v-2.7c0-3.15.4-3.62-1.25-3.66z' fill='#{hex-color(lighten($action-button-color, 7%))}' stroke-width='0'/><path d='M7.78 19.66c-.24.02-.44.25-.44.5v2.46h-.06c-1.08 0-1.86-.03-2.4-.03-1.64 0-1.25.43-1.25 3.65v4.47c0 4.26-.56 3.62 3.65 3.62H8.5l-1.3-1.06c-.1-.08-.18-.2-.2-.3-.02-.17.06-.35.2-.45l1.33-1.1H7.28c-.44 0-.72-.3-.72-.7v-4.48c0-.44.28-.72.72-.72h.06v2.5c0 .38.54.63.82.38l4.9-3.93c.25-.18.25-.6 0-.78l-4.9-3.92c-.1-.1-.24-.14-.38-.12zm9.34 2.93c-.54-.02-1.3.02-2.4.02h-1.25l1.3 1.07c.1.07.18.2.2.33.02.16-.06.3-.2.4l-1.33 1.1h1.28c.42 0 .72.28.72.72v4.47c0 .42-.3.72-.72.72h-.1v-2.47c0-.3-.3-.53-.6-.47-.07 0-.14.05-.2.1l-4.9 3.93c-.26.18-.26.6 0 .78l4.9 3.92c.27.25.82 0 .8-.38v-2.5h.1c4.27 0 3.65.67 3.65-3.62v-4.47c0-3.15.4-3.62-1.25-3.66zM10.34 38.66c-.24.02-.44.25-.43.5v2.47H7.3c-1.08 0-1.86-.04-2.4-.04-1.64 0-1.25.43-1.25 3.65v4.47c0 3.66-.23 3.7 2.34 3.66l-1.34-1.1c-.1-.08-.18-.2-.2-.3 0-.17.07-.35.2-.45l1.96-1.6c-.03-.06-.04-.13-.04-.2v-4.48c0-.44.28-.72.72-.72H9.9v2.5c0 .36.5.6.8.38l4.93-3.93c.24-.18.24-.6 0-.78l-4.94-3.92c-.1-.08-.23-.13-.36-.12zm5.63 2.93l1.34 1.1c.1.07.18.2.2.33.02.16-.03.3-.16.4l-1.96 1.6c.02.07.06.13.06.22v4.47c0 .42-.3.72-.72.72h-2.66v-2.47c0-.3-.3-.53-.6-.47-.06.02-.12.05-.18.1l-4.94 3.93c-.24.18-.24.6 0 .78l4.94 3.92c.28.22.78-.02.78-.38v-2.5h2.66c4.27 0 3.65.67 3.65-3.62v-4.47c0-3.66.34-3.7-2.4-3.66zM13.06 57.66c-.23.03-.4.26-.4.5v2.47H7.28c-1.08 0-1.86-.04-2.4-.04-1.64 0-1.25.43-1.25 3.65v4.87l2.93-2.37v-2.5c0-.44.28-.72.72-.72h5.38v2.5c0 .36.5.6.78.38l4.94-3.93c.24-.18.24-.6 0-.78l-4.94-3.92c-.1-.1-.24-.14-.38-.12zm5.3 6.15l-2.92 2.4v2.52c0 .42-.3.72-.72.72h-5.4v-2.47c0-.3-.32-.53-.6-.47-.07.02-.13.05-.2.1L3.6 70.52c-.25.18-.25.6 0 .78l4.93 3.92c.28.22.78-.02.78-.38v-2.5h5.42c4.27 0 3.65.67 3.65-3.62v-4.47-.44zM19.25 78.8c-.1.03-.2.1-.28.17l-.9.9c-.44-.3-1.36-.25-3.35-.25H7.28c-1.08 0-1.86-.03-2.4-.03-1.64 0-1.25.43-1.25 3.65v.7l2.93.3v-1c0-.44.28-.72.72-.72h7.44c.2 0 .37.08.5.2l-1.8 1.8c-.25.26-.08.76.27.8l6.27.7c.28.03.56-.25.53-.53l-.7-6.25c0-.27-.3-.48-.55-.44zm-17.2 6.1c-.2.07-.36.3-.33.54l.7 6.25c.02.36.58.55.83.27l.8-.8c.02 0 .04-.02.04 0 .46.24 1.37.17 3.18.17h7.44c4.27 0 3.65.67 3.65-3.62v-.75l-2.93-.3v1.05c0 .42-.3.72-.72.72H7.28c-.15 0-.3-.03-.4-.1L8.8 86.4c.3-.24.1-.8-.27-.84l-6.28-.65h-.2zM4.88 98.6c-1.33 0-1.34.48-1.3 2.3l1.14-1.37c.08-.1.22-.17.34-.2.16 0 .34.08.44.2l1.66 2.03c.04 0 .07-.03.12-.03h7.44c.34 0 .57.2.65.5h-2.43c-.34.05-.53.52-.3.78l3.92 4.95c.18.24.6.24.78 0l3.94-4.94c.22-.27-.02-.76-.37-.77H18.4c.02-3.9.6-3.4-3.66-3.4H7.28c-1.08 0-1.86-.04-2.4-.04zm.15 2.46c-.1.03-.2.1-.28.2l-3.94 4.9c-.2.28.03.77.4.78H3.6c-.02 3.94-.45 3.4 3.66 3.4h7.44c3.65 0 3.74.3 3.7-2.25l-1.1 1.34c-.1.1-.2.17-.32.2-.16 0-.34-.08-.44-.2l-1.65-2.03c-.06.02-.1.04-.18.04H7.28c-.35 0-.57-.2-.66-.5h2.44c.37 0 .63-.5.4-.78l-3.96-4.9c-.1-.15-.3-.23-.47-.2zM4.88 117.6c-1.16 0-1.3.3-1.3 1.56l1.14-1.38c.08-.1.22-.14.34-.16.16 0 .34.04.44.16l2.22 2.75h7c.42 0 .72.28.72.72v.53h-2.6c-.3.1-.43.54-.2.78l3.92 4.9c.18.25.6.25.78 0l3.94-4.9c.22-.28-.02-.77-.37-.78H18.4v-.53c0-4.2.72-3.63-3.66-3.63H7.28c-1.08 0-1.86-.03-2.4-.03zm.1 1.74c-.1.03-.17.1-.23.16L.8 124.44c-.2.28.03.77.4.78H3.6v.5c0 4.26-.55 3.62 3.66 3.62h7.44c1.03 0 1.74.02 2.28 0-.16.02-.34-.03-.44-.15l-2.22-2.76H7.28c-.44 0-.72-.3-.72-.72v-.5h2.5c.37.02.63-.5.4-.78L5.5 119.5c-.12-.15-.34-.22-.53-.16zm12.02 10c1.2-.02 1.4-.25 1.4-1.53l-1.1 1.36c-.07.1-.17.17-.3.18zM5.94 136.6l2.37 2.93h6.42c.42 0 .72.28.72.72v1.25h-2.6c-.3.1-.43.54-.2.78l3.92 4.9c.18.25.6.25.78 0l3.94-4.9c.22-.28-.02-.77-.37-.78H18.4v-1.25c0-4.2.72-3.63-3.66-3.63H7.28c-.6 0-.92-.02-1.34-.03zm-1.72.06c-.4.08-.54.3-.6.75l.6-.74zm.84.93c-.12 0-.24.08-.3.18l-3.95 4.9c-.24.3 0 .83.4.82H3.6v1.22c0 4.26-.55 3.62 3.66 3.62h7.44c.63 0 .97.02 1.4.03l-2.37-2.93H7.28c-.44 0-.72-.3-.72-.72v-1.22h2.5c.4.04.67-.53.4-.8l-3.96-4.92c-.1-.13-.27-.2-.44-.2zm13.28 10.03l-.56.7c.36-.07.5-.3.56-.7zM17.13 155.6c-.55-.02-1.32.03-2.4.03h-8.2l2.38 2.9h5.82c.42 0 .72.28.72.72v1.97H12.9c-.32.06-.48.52-.28.78l3.94 4.94c.2.23.6.22.78-.03l3.94-4.9c.22-.28-.02-.77-.37-.78H18.4v-1.97c0-3.15.4-3.62-1.25-3.66zm-12.1.28c-.1.02-.2.1-.28.18l-3.94 4.9c-.2.3.03.78.4.8H3.6v1.96c0 4.26-.55 3.62 3.66 3.62h8.24l-2.36-2.9H7.28c-.44 0-.72-.3-.72-.72v-1.97h2.5c.37.02.63-.5.4-.78l-3.96-4.9c-.1-.15-.3-.22-.47-.2zM5.13 174.5c-.15 0-.3.07-.38.2L.8 179.6c-.24.27 0 .82.4.8H3.6v2.32c0 4.26-.55 3.62 3.66 3.62h7.94l-2.35-2.9h-5.6c-.43 0-.7-.3-.7-.72v-2.3h2.5c.38.03.66-.54.4-.83l-3.97-4.9c-.1-.13-.23-.2-.38-.2zm12 .1c-.55-.02-1.32.03-2.4.03H6.83l2.35 2.9h5.52c.42 0 .72.28.72.72v2.34h-2.6c-.3.1-.43.53-.2.78l3.92 4.9c.18.24.6.24.78 0l3.94-4.9c.22-.3-.02-.78-.37-.8H18.4v-2.33c0-3.15.4-3.62-1.25-3.66zM4.97 193.16c-.1.03-.17.1-.22.18l-3.94 4.9c-.2.3.03.78.4.8H3.6v2.68c0 4.26-.55 3.62 3.66 3.62h7.66l-2.3-2.84c-.03-.02-.03-.04-.05-.06H7.27c-.44 0-.72-.3-.72-.72v-2.7h2.5c.37.03.63-.48.4-.77l-3.96-4.9c-.12-.17-.34-.25-.53-.2zm12.16.43c-.55-.02-1.32.03-2.4.03H7.1l2.32 2.84.03.06h5.25c.42 0 .72.28.72.72v2.7h-2.5c-.36.02-.56.54-.3.8l3.92 4.9c.18.25.6.25.78 0l3.94-4.9c.26-.28 0-.83-.37-.8H18.4v-2.7c0-3.15.4-3.62-1.25-3.66z' fill='#{hex-color($highlight-text-color)}' stroke-width='0'/></svg>\");\n  }\n}\n\n// Disabled variant\nbutton.icon-button.disabled i.fa-retweet {\n  &, &:hover {\n    background-image: url(\"data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='22' height='209'><path d='M4.97 3.16c-.1.03-.17.1-.22.18L.8 8.24c-.2.3.03.78.4.8H3.6v2.68c0 4.26-.55 3.62 3.66 3.62h7.66l-2.3-2.84c-.03-.02-.03-.04-.05-.06H7.27c-.44 0-.72-.3-.72-.72v-2.7h2.5c.37.03.63-.48.4-.77L5.5 3.35c-.12-.17-.34-.25-.53-.2zm12.16.43c-.55-.02-1.32.02-2.4.02H7.1l2.32 2.85.03.06h5.25c.42 0 .72.28.72.72v2.7h-2.5c-.36.02-.56.54-.3.8l3.92 4.9c.18.25.6.25.78 0l3.94-4.9c.26-.28 0-.83-.37-.8H18.4v-2.7c0-3.15.4-3.62-1.25-3.66z' fill='#{hex-color(darken($action-button-color, 13%))}' stroke-width='0'/></svg>\");\n  }\n}\n\n// Disabled variant for use with DMs\n.status-direct button.icon-button.disabled i.fa-retweet {\n  &, &:hover {\n    background-image: url(\"data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='22' height='209'><path d='M4.97 3.16c-.1.03-.17.1-.22.18L.8 8.24c-.2.3.03.78.4.8H3.6v2.68c0 4.26-.55 3.62 3.66 3.62h7.66l-2.3-2.84c-.03-.02-.03-.04-.05-.06H7.27c-.44 0-.72-.3-.72-.72v-2.7h2.5c.37.03.63-.48.4-.77L5.5 3.35c-.12-.17-.34-.25-.53-.2zm12.16.43c-.55-.02-1.32.02-2.4.02H7.1l2.32 2.85.03.06h5.25c.42 0 .72.28.72.72v2.7h-2.5c-.36.02-.56.54-.3.8l3.92 4.9c.18.25.6.25.78 0l3.94-4.9c.26-.28 0-.83-.37-.8H18.4v-2.7c0-3.15.4-3.62-1.25-3.66z' fill='#{hex-color(darken($action-button-color, 13%))}' stroke-width='0'/></svg>\");\n  }\n}\n",".account {\n  padding: 10px;\n  border-bottom: 1px solid lighten($ui-base-color, 8%);\n  color: inherit;\n  text-decoration: none;\n\n  .account__display-name {\n    flex: 1 1 auto;\n    display: block;\n    color: $darker-text-color;\n    overflow: hidden;\n    text-decoration: none;\n    font-size: 14px;\n  }\n\n  &.small {\n    border: none;\n    padding: 0;\n\n    & > .account__avatar-wrapper { margin: 0 8px 0 0 }\n\n    & > .display-name {\n      height: 24px;\n      line-height: 24px;\n    }\n  }\n}\n\n.account__wrapper {\n  display: flex;\n}\n\n.account__avatar-wrapper {\n  float: left;\n  margin-left: 12px;\n  margin-right: 12px;\n}\n\n.account__avatar {\n  @include avatar-radius();\n  position: relative;\n  cursor: pointer;\n\n  &-inline {\n    display: inline-block;\n    vertical-align: middle;\n    margin-right: 5px;\n  }\n\n  &-composite {\n    @include avatar-radius;\n    overflow: hidden;\n    position: relative;\n    cursor: default;\n\n    & div {\n      @include avatar-radius;\n      float: left;\n      position: relative;\n      box-sizing: border-box;\n    }\n\n    &__label {\n      display: block;\n      position: absolute;\n      top: 50%;\n      left: 50%;\n      transform: translate(-50%, -50%);\n      color: $primary-text-color;\n      text-shadow: 1px 1px 2px $base-shadow-color;\n      font-weight: 700;\n      font-size: 15px;\n    }\n  }\n}\n\n.account__avatar-overlay {\n  position: relative;\n  @include avatar-size(48px);\n\n  &-base {\n    @include avatar-radius();\n    @include avatar-size(36px);\n  }\n\n  &-overlay {\n    @include avatar-radius();\n    @include avatar-size(24px);\n\n    position: absolute;\n    bottom: 0;\n    right: 0;\n    z-index: 1;\n  }\n}\n\n.account__relationship {\n  height: 18px;\n  padding: 10px;\n  white-space: nowrap;\n}\n\n.account__header__wrapper {\n  flex: 0 0 auto;\n  background: lighten($ui-base-color, 4%);\n}\n\n.account__disclaimer {\n  padding: 10px;\n  color: $dark-text-color;\n\n  strong {\n    font-weight: 500;\n\n    @each $lang in $cjk-langs {\n      &:lang(#{$lang}) {\n        font-weight: 700;\n      }\n    }\n  }\n\n  a {\n    font-weight: 500;\n    color: inherit;\n    text-decoration: underline;\n\n    &:hover,\n    &:focus,\n    &:active {\n      text-decoration: none;\n    }\n  }\n}\n\n.account__action-bar {\n  border-top: 1px solid lighten($ui-base-color, 8%);\n  border-bottom: 1px solid lighten($ui-base-color, 8%);\n  line-height: 36px;\n  overflow: hidden;\n  flex: 0 0 auto;\n  display: flex;\n}\n\n.account__action-bar-links {\n  display: flex;\n  flex: 1 1 auto;\n  line-height: 18px;\n  text-align: center;\n}\n\n.account__action-bar__tab {\n  text-decoration: none;\n  overflow: hidden;\n  flex: 0 1 100%;\n  border-left: 1px solid lighten($ui-base-color, 8%);\n  padding: 10px 0;\n  border-bottom: 4px solid transparent;\n\n  &:first-child {\n    border-left: 0;\n  }\n\n  &.active {\n    border-bottom: 4px solid $ui-highlight-color;\n  }\n\n  & > span {\n    display: block;\n    text-transform: uppercase;\n    font-size: 11px;\n    color: $darker-text-color;\n  }\n\n  strong {\n    display: block;\n    font-size: 15px;\n    font-weight: 500;\n    color: $primary-text-color;\n\n    @each $lang in $cjk-langs {\n      &:lang(#{$lang}) {\n        font-weight: 700;\n      }\n    }\n  }\n\n  abbr {\n    color: $highlight-text-color;\n  }\n}\n\n.account-authorize {\n  padding: 14px 10px;\n\n  .detailed-status__display-name {\n    display: block;\n    margin-bottom: 15px;\n    overflow: hidden;\n  }\n}\n\n.account-authorize__avatar {\n  float: left;\n  margin-right: 10px;\n}\n\n.notification__message {\n  margin-left: 42px;\n  padding: 8px 0 0 26px;\n  cursor: default;\n  color: $darker-text-color;\n  font-size: 15px;\n  position: relative;\n\n  .fa {\n    color: $highlight-text-color;\n  }\n\n  > span {\n    display: block;\n    overflow: hidden;\n    text-overflow: ellipsis;\n  }\n}\n\n.account--panel {\n  background: lighten($ui-base-color, 4%);\n  border-top: 1px solid lighten($ui-base-color, 8%);\n  border-bottom: 1px solid lighten($ui-base-color, 8%);\n  display: flex;\n  flex-direction: row;\n  padding: 10px 0;\n}\n\n.account--panel__button,\n.detailed-status__button {\n  flex: 1 1 auto;\n  text-align: center;\n}\n\n.column-settings__outer {\n  background: lighten($ui-base-color, 8%);\n  padding: 15px;\n}\n\n.column-settings__section {\n  color: $darker-text-color;\n  cursor: default;\n  display: block;\n  font-weight: 500;\n  margin-bottom: 10px;\n}\n\n.column-settings__hashtags {\n  .column-settings__row {\n    margin-bottom: 15px;\n  }\n\n  .column-select {\n    &__control {\n      @include search-input();\n\n      &::placeholder {\n        color: lighten($darker-text-color, 4%);\n      }\n\n      &::-moz-focus-inner {\n        border: 0;\n      }\n\n      &::-moz-focus-inner,\n      &:focus,\n      &:active {\n        outline: 0 !important;\n      }\n\n      &:focus {\n        background: lighten($ui-base-color, 4%);\n      }\n\n      @media screen and (max-width: 600px) {\n        font-size: 16px;\n      }\n    }\n\n    &__placeholder {\n      color: $dark-text-color;\n      padding-left: 2px;\n      font-size: 12px;\n    }\n\n    &__value-container {\n      padding-left: 6px;\n    }\n\n    &__multi-value {\n      background: lighten($ui-base-color, 8%);\n\n      &__remove {\n        cursor: pointer;\n\n        &:hover,\n        &:active,\n        &:focus {\n          background: lighten($ui-base-color, 12%);\n          color: lighten($darker-text-color, 4%);\n        }\n      }\n    }\n\n    &__multi-value__label,\n    &__input {\n      color: $darker-text-color;\n    }\n\n    &__clear-indicator,\n    &__dropdown-indicator {\n      cursor: pointer;\n      transition: none;\n      color: $dark-text-color;\n\n      &:hover,\n      &:active,\n      &:focus {\n        color: lighten($dark-text-color, 4%);\n      }\n    }\n\n    &__indicator-separator {\n      background-color: lighten($ui-base-color, 8%);\n    }\n\n    &__menu {\n      @include search-popout();\n      padding: 0;\n      background: $ui-secondary-color;\n    }\n\n    &__menu-list {\n      padding: 6px;\n    }\n\n    &__option {\n      color: $inverted-text-color;\n      border-radius: 4px;\n      font-size: 14px;\n\n      &--is-focused,\n      &--is-selected {\n        background: darken($ui-secondary-color, 10%);\n      }\n    }\n  }\n}\n\n.column-settings__row {\n  .text-btn {\n    margin-bottom: 15px;\n  }\n}\n\n.relationship-tag {\n  color: $primary-text-color;\n  margin-bottom: 4px;\n  display: block;\n  vertical-align: top;\n  background-color: $base-overlay-background;\n  text-transform: uppercase;\n  font-size: 11px;\n  font-weight: 500;\n  padding: 4px;\n  border-radius: 4px;\n  opacity: 0.7;\n\n  &:hover {\n    opacity: 1;\n  }\n}\n\n.account-gallery__container {\n  display: flex;\n  flex-wrap: wrap;\n  padding: 4px 2px;\n}\n\n.account-gallery__item {\n  border: none;\n  box-sizing: border-box;\n  display: block;\n  position: relative;\n  border-radius: 4px;\n  overflow: hidden;\n  margin: 2px;\n\n  &__icons {\n    position: absolute;\n    top: 50%;\n    left: 50%;\n    transform: translate(-50%, -50%);\n    font-size: 24px;\n  }\n}\n\n.notification__filter-bar,\n.account__section-headline {\n  background: darken($ui-base-color, 4%);\n  border-bottom: 1px solid lighten($ui-base-color, 8%);\n  cursor: default;\n  display: flex;\n  flex-shrink: 0;\n\n  button {\n    background: darken($ui-base-color, 4%);\n    border: 0;\n    margin: 0;\n  }\n\n  button,\n  a {\n    display: block;\n    flex: 1 1 auto;\n    color: $darker-text-color;\n    padding: 15px 0;\n    font-size: 14px;\n    font-weight: 500;\n    text-align: center;\n    text-decoration: none;\n    position: relative;\n\n    &.active {\n      color: $secondary-text-color;\n\n      &::before,\n      &::after {\n        display: block;\n        content: \"\";\n        position: absolute;\n        bottom: 0;\n        left: 50%;\n        width: 0;\n        height: 0;\n        transform: translateX(-50%);\n        border-style: solid;\n        border-width: 0 10px 10px;\n        border-color: transparent transparent lighten($ui-base-color, 8%);\n      }\n\n      &::after {\n        bottom: -1px;\n        border-color: transparent transparent $ui-base-color;\n      }\n    }\n  }\n\n  &.directory__section-headline {\n    background: darken($ui-base-color, 2%);\n    border-bottom-color: transparent;\n\n    a,\n    button {\n      &.active {\n        &::before {\n          display: none;\n        }\n\n        &::after {\n          border-color: transparent transparent darken($ui-base-color, 7%);\n        }\n      }\n    }\n  }\n}\n\n.account__moved-note {\n  padding: 14px 10px;\n  padding-bottom: 16px;\n  background: lighten($ui-base-color, 4%);\n  border-top: 1px solid lighten($ui-base-color, 8%);\n  border-bottom: 1px solid lighten($ui-base-color, 8%);\n\n  &__message {\n    position: relative;\n    margin-left: 58px;\n    color: $dark-text-color;\n    padding: 8px 0;\n    padding-top: 0;\n    padding-bottom: 4px;\n    font-size: 14px;\n\n    > span {\n      display: block;\n      overflow: hidden;\n      text-overflow: ellipsis;\n    }\n  }\n\n  &__icon-wrapper {\n    left: -26px;\n    position: absolute;\n  }\n\n  .detailed-status__display-avatar {\n    position: relative;\n  }\n\n  .detailed-status__display-name {\n    margin-bottom: 0;\n  }\n}\n\n.account__header__content {\n  color: $darker-text-color;\n  font-size: 14px;\n  font-weight: 400;\n  overflow: hidden;\n  word-break: normal;\n  word-wrap: break-word;\n\n  p {\n    margin-bottom: 20px;\n\n    &:last-child {\n      margin-bottom: 0;\n    }\n  }\n\n  a {\n    color: inherit;\n    text-decoration: underline;\n\n    &:hover {\n      text-decoration: none;\n    }\n  }\n}\n\n.account__header {\n  overflow: hidden;\n\n  &.inactive {\n    opacity: 0.5;\n\n    .account__header__image,\n    .account__avatar {\n      filter: grayscale(100%);\n    }\n  }\n\n  &__info {\n    position: absolute;\n    top: 10px;\n    left: 10px;\n  }\n\n  &__image {\n    overflow: hidden;\n    height: 145px;\n    position: relative;\n    background: darken($ui-base-color, 4%);\n\n    img {\n      object-fit: cover;\n      display: block;\n      width: 100%;\n      height: 100%;\n      margin: 0;\n    }\n  }\n\n  &__bar {\n    position: relative;\n    background: lighten($ui-base-color, 4%);\n    padding: 5px;\n    border-bottom: 1px solid lighten($ui-base-color, 12%);\n\n    .avatar {\n      display: block;\n      flex: 0 0 auto;\n      width: 94px;\n      margin-left: -2px;\n\n      .account__avatar {\n        background: darken($ui-base-color, 8%);\n        border: 2px solid lighten($ui-base-color, 4%);\n      }\n    }\n  }\n\n  &__tabs {\n    display: flex;\n    align-items: flex-start;\n    padding: 7px 5px;\n    margin-top: -55px;\n\n    &__buttons {\n      display: flex;\n      align-items: center;\n      padding-top: 55px;\n      overflow: hidden;\n\n      .icon-button {\n        border: 1px solid lighten($ui-base-color, 12%);\n        border-radius: 4px;\n        box-sizing: content-box;\n        padding: 2px;\n      }\n\n      .button {\n        margin: 0 8px;\n      }\n    }\n\n    &__name {\n      padding: 5px;\n\n      .account-role {\n        vertical-align: top;\n      }\n\n      .emojione {\n        width: 22px;\n        height: 22px;\n      }\n\n      h1 {\n        font-size: 16px;\n        line-height: 24px;\n        color: $primary-text-color;\n        font-weight: 500;\n        overflow: hidden;\n        white-space: nowrap;\n        text-overflow: ellipsis;\n\n        small {\n          display: block;\n          font-size: 14px;\n          color: $darker-text-color;\n          font-weight: 400;\n          overflow: hidden;\n          text-overflow: ellipsis;\n        }\n      }\n    }\n\n    .spacer {\n      flex: 1 1 auto;\n    }\n  }\n\n  &__bio {\n    overflow: hidden;\n    margin: 0 -5px;\n\n    .account__header__content {\n      padding: 20px 15px;\n      padding-bottom: 5px;\n      color: $primary-text-color;\n    }\n\n    .account__header__fields {\n      margin: 0;\n      border-top: 1px solid lighten($ui-base-color, 12%);\n\n      a {\n        color: lighten($ui-highlight-color, 8%);\n      }\n\n      dl:first-child .verified {\n        border-radius: 0 4px 0 0;\n      }\n\n      .verified a {\n        color: $valid-value-color;\n      }\n    }\n  }\n\n  &__extra {\n    margin-top: 4px;\n\n    &__links {\n      font-size: 14px;\n      color: $darker-text-color;\n      padding: 10px 0;\n\n      a {\n        display: inline-block;\n        color: $darker-text-color;\n        text-decoration: none;\n        padding: 5px 10px;\n        font-weight: 500;\n\n        strong {\n          font-weight: 700;\n          color: $primary-text-color;\n        }\n      }\n    }\n  }\n}\n",".domain {\n  padding: 10px;\n  border-bottom: 1px solid lighten($ui-base-color, 8%);\n\n  .domain__domain-name {\n    flex: 1 1 auto;\n    display: block;\n    color: $primary-text-color;\n    text-decoration: none;\n    font-size: 14px;\n    font-weight: 500;\n  }\n}\n\n.domain__wrapper {\n  display: flex;\n}\n\n.domain_buttons {\n  height: 18px;\n  padding: 10px;\n  white-space: nowrap;\n}\n","@keyframes spring-flip-in {\n  0% {\n    transform: rotate(0deg);\n  }\n\n  30% {\n    transform: rotate(-242.4deg);\n  }\n\n  60% {\n    transform: rotate(-158.35deg);\n  }\n\n  90% {\n    transform: rotate(-187.5deg);\n  }\n\n  100% {\n    transform: rotate(-180deg);\n  }\n}\n\n@keyframes spring-flip-out {\n  0% {\n    transform: rotate(-180deg);\n  }\n\n  30% {\n    transform: rotate(62.4deg);\n  }\n\n  60% {\n    transform: rotate(-21.635deg);\n  }\n\n  90% {\n    transform: rotate(7.5deg);\n  }\n\n  100% {\n    transform: rotate(0deg);\n  }\n}\n\n.status__content--with-action {\n  cursor: pointer;\n}\n\n.status__content {\n  position: relative;\n  margin: 10px 0;\n  font-size: 15px;\n  line-height: 20px;\n  word-wrap: break-word;\n  font-weight: 400;\n  overflow: visible;\n  padding-top: 5px;\n\n  &:focus {\n    outline: 0;\n  }\n\n  .emojione {\n    width: 20px;\n    height: 20px;\n    margin: -3px 0 0;\n  }\n\n  img {\n    max-width: 100%;\n    max-height: 400px;\n    object-fit: contain;\n  }\n\n  p, pre, blockquote {\n    margin-bottom: 20px;\n    white-space: pre-wrap;\n\n    &:last-child {\n      margin-bottom: 0;\n    }\n  }\n\n  .status__content__text,\n  .e-content {\n    overflow: hidden;\n\n    & > ul,\n    & > ol {\n      margin-bottom: 20px;\n    }\n\n    h1, h2, h3, h4, h5 {\n      margin-top: 20px;\n      margin-bottom: 20px;\n    }\n\n    h1, h2 {\n      font-weight: 700;\n      font-size: 1.2em;\n    }\n\n    h2 {\n      font-size: 1.1em;\n    }\n\n    h3, h4, h5 {\n      font-weight: 500;\n    }\n\n    blockquote {\n      padding-left: 10px;\n      border-left: 3px solid $darker-text-color;\n      color: $darker-text-color;\n      white-space: normal;\n\n      p:last-child {\n        margin-bottom: 0;\n      }\n    }\n\n    b, strong {\n      font-weight: 700;\n    }\n\n    em, i {\n      font-style: italic;\n    }\n\n    sub {\n      font-size: smaller;\n      text-align: sub;\n    }\n\n    sup {\n      font-size: smaller;\n      vertical-align: super;\n    }\n\n    ul, ol {\n      margin-left: 1em;\n\n      p {\n        margin: 0;\n      }\n    }\n\n    ul {\n      list-style-type: disc;\n    }\n\n    ol {\n      list-style-type: decimal;\n    }\n  }\n\n  a {\n    color: $pleroma-links;\n    text-decoration: none;\n\n    &:hover {\n      text-decoration: underline;\n\n      .fa {\n        color: lighten($dark-text-color, 7%);\n      }\n    }\n\n    &.mention {\n      &:hover {\n        text-decoration: none;\n\n        span {\n          text-decoration: underline;\n        }\n      }\n    }\n\n    .fa {\n      color: $dark-text-color;\n    }\n  }\n\n  .status__content__spoiler {\n    display: none;\n\n    &.status__content__spoiler--visible {\n      display: block;\n    }\n  }\n\n  a.unhandled-link {\n    color: lighten($ui-highlight-color, 8%);\n\n    .link-origin-tag {\n      color: $gold-star;\n      font-size: 0.8em;\n    }\n  }\n\n  .status__content__spoiler-link {\n    background: lighten($ui-base-color, 30%);\n\n    &:hover {\n      background: lighten($ui-base-color, 33%);\n      text-decoration: none;\n    }\n  }\n}\n\n.status__content__spoiler-link {\n  display: inline-block;\n  border-radius: 2px;\n  background: lighten($ui-base-color, 30%);\n  border: none;\n  color: $inverted-text-color;\n  font-weight: 500;\n  font-size: 11px;\n  padding: 0 5px;\n  text-transform: uppercase;\n  line-height: inherit;\n  cursor: pointer;\n  vertical-align: bottom;\n\n  &:hover {\n    background: lighten($ui-base-color, 33%);\n    text-decoration: none;\n  }\n\n  .status__content__spoiler-icon {\n    display: inline-block;\n    margin: 0 0 0 5px;\n    border-left: 1px solid currentColor;\n    padding: 0 0 0 4px;\n    font-size: 16px;\n    vertical-align: -2px;\n  }\n}\n\n.notif-cleaning {\n  .status,\n  .notification-follow,\n  .notification-follow-request {\n    padding-right: ($dismiss-overlay-width + 0.5rem);\n  }\n}\n\n.status__wrapper--filtered {\n  color: $dark-text-color;\n  border: 0;\n  font-size: inherit;\n  text-align: center;\n  line-height: inherit;\n  margin: 0;\n  padding: 15px;\n  box-sizing: border-box;\n  width: 100%;\n  clear: both;\n  border-bottom: 1px solid lighten($ui-base-color, 8%);\n}\n\n.status__prepend-icon-wrapper {\n  left: -26px;\n  position: absolute;\n}\n\n.notification-follow,\n.notification-follow-request {\n  position: relative;\n\n  // same like Status\n  border-bottom: 1px solid lighten($ui-base-color, 8%);\n\n  .account {\n    border-bottom: 0 none;\n  }\n}\n\n.focusable {\n  &:focus {\n    outline: 0;\n    background: lighten($ui-base-color, 4%);\n\n    &.status.status-direct:not(.read) {\n      background: lighten($ui-base-color, 12%);\n\n      &.muted {\n        background: transparent;\n      }\n    }\n\n    .detailed-status,\n    .detailed-status__action-bar {\n      background: lighten($ui-base-color, 8%);\n    }\n  }\n}\n\n.status {\n  padding: 10px 14px;\n  position: relative;\n  height: auto;\n  border-bottom: 1px solid lighten($ui-base-color, 8%);\n  cursor: default;\n\n  @supports (-ms-overflow-style: -ms-autohiding-scrollbar) {\n    // Add margin to avoid Edge auto-hiding scrollbar appearing over content.\n    // On Edge 16 this is 16px and Edge <=15 it's 12px, so aim for 16px.\n    padding-right: 28px; // 12px + 16px\n  }\n\n  @keyframes fade {\n    0% { opacity: 0; }\n    100% { opacity: 1; }\n  }\n\n  opacity: 1;\n  animation: fade 150ms linear;\n\n  .video-player,\n  .audio-player {\n    margin-top: 8px;\n  }\n\n  &.status-direct:not(.read) {\n    background: lighten($ui-base-color, 8%);\n    border-bottom-color: lighten($ui-base-color, 12%);\n  }\n\n  &.light {\n    .status__relative-time {\n      color: $lighter-text-color;\n    }\n\n    .status__display-name {\n      color: $inverted-text-color;\n    }\n\n    .display-name {\n      strong {\n        color: $inverted-text-color;\n      }\n\n      span {\n        color: $lighter-text-color;\n      }\n    }\n\n    .status__content {\n      color: $inverted-text-color;\n\n      a {\n        color: $highlight-text-color;\n      }\n\n      a.status__content__spoiler-link {\n        color: $primary-text-color;\n        background: $ui-primary-color;\n\n        &:hover {\n          background: lighten($ui-primary-color, 8%);\n        }\n      }\n    }\n  }\n\n  &.collapsed {\n    background-position: center;\n    background-size: cover;\n    user-select: none;\n\n    &.has-background::before {\n      display: block;\n      position: absolute;\n      left: 0;\n      right: 0;\n      top: 0;\n      bottom: 0;\n      background-image: linear-gradient(to bottom, rgba($base-shadow-color, .75), rgba($base-shadow-color, .65) 24px, rgba($base-shadow-color, .8));\n      pointer-events: none;\n      content: \"\";\n    }\n\n    .display-name:hover .display-name__html {\n      text-decoration: none;\n    }\n\n    .status__content {\n      height: 20px;\n      overflow: hidden;\n      text-overflow: ellipsis;\n      padding-top: 0;\n\n      &:after {\n        content: \"\";\n        position: absolute;\n        top: 0; bottom: 0;\n        left: 0; right: 0;\n        background: linear-gradient(rgba($ui-base-color, 0), rgba($ui-base-color, 1));\n        pointer-events: none;\n      }\n      \n      a:hover {\n        text-decoration: none;\n      }\n    }\n    &:focus > .status__content:after {\n      background: linear-gradient(rgba(lighten($ui-base-color, 4%), 0), rgba(lighten($ui-base-color, 4%), 1));\n    }\n    &.status-direct:not(.read)> .status__content:after {\n      background: linear-gradient(rgba(lighten($ui-base-color, 8%), 0), rgba(lighten($ui-base-color, 8%), 1));\n    }\n\n    .notification__message {\n      margin-bottom: 0;\n    }\n\n    .status__info .notification__message > span {\n      white-space: nowrap;\n    }\n  }\n\n  .notification__message {\n    margin: -10px 0px 10px 0;\n  }\n}\n\n.notification-favourite {\n  .status.status-direct {\n    background: transparent;\n\n    .icon-button.disabled {\n      color: lighten($action-button-color, 13%);\n    }\n  }\n}\n\n.status__relative-time {\n  display: inline-block;\n  flex-grow: 1;\n  color: $dark-text-color;\n  font-size: 14px;\n  text-align: right;\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n}\n\n.status__display-name {\n  color: $dark-text-color;\n  overflow: hidden;\n}\n\n.status__info__account .status__display-name {\n  display: block;\n  max-width: 100%;\n}\n\n.status__info {\n  display: flex;\n  justify-content: space-between;\n  font-size: 15px;\n\n  > span {\n    text-overflow: ellipsis;\n    overflow: hidden;\n  }\n\n  .notification__message > span {\n    word-wrap: break-word;\n  }\n}\n\n.status__info__icons {\n  display: flex;\n  align-items: center;\n  height: 1em;\n  color: $action-button-color;\n\n  .status__media-icon,\n  .status__visibility-icon,\n  .status__reply-icon {\n    padding-left: 2px;\n    padding-right: 2px;\n  }\n\n  .status__collapse-button.active > .fa-angle-double-up {\n    transform: rotate(-180deg);\n  }\n}\n\n.no-reduce-motion .status__collapse-button {\n  &.activate {\n    & > .fa-angle-double-up {\n      animation: spring-flip-in 1s linear;\n    }\n  }\n\n  &.deactivate {\n    & > .fa-angle-double-up {\n      animation: spring-flip-out 1s linear;\n    }\n  }\n}\n\n.status__info__account {\n  display: flex;\n  align-items: center;\n  justify-content: flex-start;\n}\n\n.status-check-box {\n  border-bottom: 1px solid $ui-secondary-color;\n  display: flex;\n\n  .status-check-box__status {\n    margin: 10px 0 10px 10px;\n    flex: 1;\n\n    .media-gallery {\n      max-width: 250px;\n    }\n\n    .status__content {\n      padding: 0;\n      white-space: normal;\n    }\n\n    .video-player,\n    .audio-player {\n      margin-top: 8px;\n      max-width: 250px;\n    }\n\n    .media-gallery__item-thumbnail {\n      cursor: default;\n    }\n  }\n}\n\n.status-check-box-toggle {\n  align-items: center;\n  display: flex;\n  flex: 0 0 auto;\n  justify-content: center;\n  padding: 10px;\n}\n\n.status__prepend {\n  margin-top: -10px;\n  margin-bottom: 10px;\n  margin-left: 58px;\n  color: $dark-text-color;\n  padding: 8px 0;\n  padding-bottom: 2px;\n  font-size: 14px;\n  position: relative;\n\n  .status__display-name strong {\n    color: $dark-text-color;\n  }\n\n  > span {\n    display: block;\n    overflow: hidden;\n    text-overflow: ellipsis;\n  }\n}\n\n.status__action-bar {\n  align-items: center;\n  display: flex;\n  margin-top: 8px;\n\n  &__counter {\n    display: inline-flex;\n    margin-right: 11px;\n    align-items: center;\n\n    .status__action-bar-button {\n      margin-right: 4px;\n    }\n\n    &__label {\n      display: inline-block;\n      width: 14px;\n      font-size: 12px;\n      font-weight: 500;\n      color: $action-button-color;\n    }\n  }\n}\n\n.status__action-bar-button {\n  margin-right: 18px;\n}\n\n.status__action-bar-dropdown {\n  height: 23.15px;\n  width: 23.15px;\n}\n\n.detailed-status__action-bar-dropdown {\n  flex: 1 1 auto;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  position: relative;\n}\n\n.detailed-status {\n  background: lighten($ui-base-color, 4%);\n  padding: 14px 10px;\n\n  &--flex {\n    display: flex;\n    flex-wrap: wrap;\n    justify-content: space-between;\n    align-items: flex-start;\n\n    .status__content,\n    .detailed-status__meta {\n      flex: 100%;\n    }\n  }\n\n  .status__content {\n    font-size: 19px;\n    line-height: 24px;\n\n    .emojione {\n      width: 24px;\n      height: 24px;\n      margin: -1px 0 0;\n    }\n  }\n\n  .video-player,\n  .audio-player {\n    margin-top: 8px;\n  }\n}\n\n.detailed-status__meta {\n  margin-top: 15px;\n  color: $dark-text-color;\n  font-size: 14px;\n  line-height: 18px;\n}\n\n.detailed-status__action-bar {\n  background: lighten($ui-base-color, 4%);\n  border-top: 1px solid lighten($ui-base-color, 8%);\n  border-bottom: 1px solid lighten($ui-base-color, 8%);\n  display: flex;\n  flex-direction: row;\n  padding: 10px 0;\n}\n\n.detailed-status__link {\n  color: inherit;\n  text-decoration: none;\n}\n\n.detailed-status__favorites,\n.detailed-status__reblogs {\n  display: inline-block;\n  font-weight: 500;\n  font-size: 12px;\n  margin-left: 6px;\n}\n\n.status__display-name,\n.status__relative-time,\n.detailed-status__display-name,\n.detailed-status__datetime,\n.detailed-status__application,\n.account__display-name {\n  text-decoration: none;\n}\n\n.status__display-name,\n.account__display-name {\n  strong {\n    color: $primary-text-color;\n  }\n}\n\n.muted {\n  .emojione {\n    opacity: 0.5;\n  }\n}\n\na.status__display-name,\n.reply-indicator__display-name,\n.detailed-status__display-name,\n.account__display-name {\n  &:hover strong {\n    text-decoration: underline;\n  }\n}\n\n.account__display-name strong {\n  display: block;\n  overflow: hidden;\n  text-overflow: ellipsis;\n}\n\n.detailed-status__application,\n.detailed-status__datetime {\n  color: inherit;\n}\n\n.detailed-status .button.logo-button {\n  margin-bottom: 15px;\n}\n\n.detailed-status__display-name {\n  color: $secondary-text-color;\n  display: block;\n  line-height: 24px;\n  margin-bottom: 15px;\n  overflow: hidden;\n\n  strong,\n  span {\n    display: block;\n    text-overflow: ellipsis;\n    overflow: hidden;\n  }\n\n  strong {\n    font-size: 16px;\n    color: $primary-text-color;\n  }\n}\n\n.detailed-status__display-avatar {\n  float: left;\n  margin-right: 10px;\n}\n\n.status__avatar {\n  flex: none;\n  margin: 0 10px 0 0;\n  height: 48px;\n  width: 48px;\n}\n\n.muted {\n  .status__content,\n  .status__content p,\n  .status__content a,\n  .status__content__text {\n    color: $dark-text-color;\n  }\n\n  .status__display-name strong {\n    color: $dark-text-color;\n  }\n\n  .status__avatar {\n    opacity: 0.5;\n  }\n\n  a.status__content__spoiler-link {\n    background: $ui-base-lighter-color;\n    color: $inverted-text-color;\n\n    &:hover {\n      background: lighten($ui-base-color, 29%);\n      text-decoration: none;\n    }\n  }\n}\n\n.status__relative-time,\n.detailed-status__datetime {\n  &:hover {\n    text-decoration: underline;\n  }\n}\n\n.status-card {\n  display: flex;\n  font-size: 14px;\n  border: 1px solid lighten($ui-base-color, 8%);\n  border-radius: 4px;\n  color: $dark-text-color;\n  margin-top: 14px;\n  text-decoration: none;\n  overflow: hidden;\n\n  &__actions {\n    bottom: 0;\n    left: 0;\n    position: absolute;\n    right: 0;\n    top: 0;\n    display: flex;\n    justify-content: center;\n    align-items: center;\n\n    & > div {\n      background: rgba($base-shadow-color, 0.6);\n      border-radius: 8px;\n      padding: 12px 9px;\n      flex: 0 0 auto;\n      display: flex;\n      justify-content: center;\n      align-items: center;\n    }\n\n    button,\n    a {\n      display: inline;\n      color: $secondary-text-color;\n      background: transparent;\n      border: 0;\n      padding: 0 8px;\n      text-decoration: none;\n      font-size: 18px;\n      line-height: 18px;\n\n      &:hover,\n      &:active,\n      &:focus {\n        color: $primary-text-color;\n      }\n    }\n\n    a {\n      font-size: 19px;\n      position: relative;\n      bottom: -1px;\n    }\n\n    a .fa, a:hover .fa {\n      color: inherit;\n    }\n  }\n}\n\na.status-card {\n  cursor: pointer;\n\n  &:hover {\n    background: lighten($ui-base-color, 8%);\n  }\n}\n\n.status-card-photo {\n  cursor: zoom-in;\n  display: block;\n  text-decoration: none;\n    width: 100%;\n    height: auto;\n    margin: 0;\n}\n\n.status-card-video {\n  iframe {\n    width: 100%;\n    height: 100%;\n  }\n}\n\n.status-card__title {\n  display: block;\n  font-weight: 500;\n  margin-bottom: 5px;\n  color: $darker-text-color;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  text-decoration: none;\n}\n\n.status-card__content {\n  flex: 1 1 auto;\n  overflow: hidden;\n  padding: 14px 14px 14px 8px;\n}\n\n.status-card__description {\n  color: $darker-text-color;\n}\n\n.status-card__host {\n  display: block;\n  margin-top: 5px;\n  font-size: 13px;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n\n.status-card__image {\n  flex: 0 0 100px;\n  background: lighten($ui-base-color, 8%);\n  position: relative;\n\n  & > .fa {\n    font-size: 21px;\n    position: absolute;\n    transform-origin: 50% 50%;\n    top: 50%;\n    left: 50%;\n    transform: translate(-50%, -50%);\n  }\n}\n\n.status-card.horizontal {\n  display: block;\n\n  .status-card__image {\n    width: 100%;\n  }\n\n  .status-card__image-image {\n    border-radius: 4px 4px 0 0;\n  }\n\n  .status-card__title {\n    white-space: inherit;\n  }\n}\n\n.status-card.compact {\n  border-color: lighten($ui-base-color, 4%);\n\n  &.interactive {\n    border: 0;\n  }\n\n  .status-card__content {\n    padding: 8px;\n    padding-top: 10px;\n  }\n\n  .status-card__title {\n    white-space: nowrap;\n  }\n\n  .status-card__image {\n    flex: 0 0 60px;\n  }\n}\n\na.status-card.compact:hover {\n  background-color: lighten($ui-base-color, 4%);\n}\n\n.status-card__image-image {\n  border-radius: 4px 0 0 4px;\n  display: block;\n  margin: 0;\n  width: 100%;\n  height: 100%;\n  object-fit: cover;\n  background-size: cover;\n  background-position: center center;\n}\n\n.attachment-list {\n  display: flex;\n  font-size: 14px;\n  border: 1px solid lighten($ui-base-color, 8%);\n  border-radius: 4px;\n  margin-top: 14px;\n  overflow: hidden;\n\n  &__icon {\n    flex: 0 0 auto;\n    color: $dark-text-color;\n    padding: 8px 18px;\n    cursor: default;\n    border-right: 1px solid lighten($ui-base-color, 8%);\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    justify-content: center;\n    font-size: 26px;\n\n    .fa {\n      display: block;\n    }\n  }\n\n  &__list {\n    list-style: none;\n    padding: 4px 0;\n    padding-left: 8px;\n    display: flex;\n    flex-direction: column;\n    justify-content: center;\n\n    li {\n      display: block;\n      padding: 4px 0;\n    }\n\n    a {\n      text-decoration: none;\n      color: $dark-text-color;\n      font-weight: 500;\n\n      &:hover {\n        text-decoration: underline;\n      }\n    }\n  }\n\n  &.compact {\n    border: 0;\n    margin-top: 4px;\n\n    .attachment-list__list {\n      padding: 0;\n      display: block;\n    }\n\n    .fa {\n      color: $dark-text-color;\n    }\n  }\n}\n\n.status__wrapper--filtered__button {\n  display: inline;\n  color: lighten($ui-highlight-color, 8%);\n  border: 0;\n  background: transparent;\n  padding: 0;\n  font-size: inherit;\n  line-height: inherit;\n\n  &:hover,\n  &:active {\n    text-decoration: underline;\n  }\n}\n",".modal-container--preloader {\n  background: lighten($ui-base-color, 8%);\n}\n\n.modal-root {\n  position: relative;\n  transition: opacity 0.3s linear;\n  will-change: opacity;\n  z-index: 9999;\n}\n\n.modal-root__overlay {\n  position: fixed;\n  top: 0;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  background: rgba($base-overlay-background, 0.7);\n}\n\n.modal-root__container {\n  position: fixed;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  align-content: space-around;\n  z-index: 9999;\n  pointer-events: none;\n  user-select: none;\n}\n\n.modal-root__modal {\n  pointer-events: auto;\n  display: flex;\n  z-index: 9999;\n}\n\n.onboarding-modal,\n.error-modal,\n.embed-modal {\n  background: $ui-secondary-color;\n  color: $inverted-text-color;\n  border-radius: 8px;\n  overflow: hidden;\n  display: flex;\n  flex-direction: column;\n}\n\n.onboarding-modal__pager {\n  height: 80vh;\n  width: 80vw;\n  max-width: 520px;\n  max-height: 470px;\n\n  .react-swipeable-view-container > div {\n    width: 100%;\n    height: 100%;\n    box-sizing: border-box;\n    display: none;\n    flex-direction: column;\n    align-items: center;\n    justify-content: center;\n    display: flex;\n    user-select: text;\n  }\n}\n\n.error-modal__body {\n  height: 80vh;\n  width: 80vw;\n  max-width: 520px;\n  max-height: 420px;\n  position: relative;\n\n  & > div {\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n    box-sizing: border-box;\n    padding: 25px;\n    display: none;\n    flex-direction: column;\n    align-items: center;\n    justify-content: center;\n    display: flex;\n    opacity: 0;\n    user-select: text;\n  }\n}\n\n.error-modal__body {\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  align-items: center;\n  text-align: center;\n}\n\n@media screen and (max-width: 550px) {\n  .onboarding-modal {\n    width: 100%;\n    height: 100%;\n    border-radius: 0;\n  }\n\n  .onboarding-modal__pager {\n    width: 100%;\n    height: auto;\n    max-width: none;\n    max-height: none;\n    flex: 1 1 auto;\n  }\n}\n\n.onboarding-modal__paginator,\n.error-modal__footer {\n  flex: 0 0 auto;\n  background: darken($ui-secondary-color, 8%);\n  display: flex;\n  padding: 25px;\n\n  & > div {\n    min-width: 33px;\n  }\n\n  .onboarding-modal__nav,\n  .error-modal__nav {\n    color: $lighter-text-color;\n    border: 0;\n    font-size: 14px;\n    font-weight: 500;\n    padding: 10px 25px;\n    line-height: inherit;\n    height: auto;\n    margin: -10px;\n    border-radius: 4px;\n    background-color: transparent;\n\n    &:hover,\n    &:focus,\n    &:active {\n      color: darken($lighter-text-color, 4%);\n      background-color: darken($ui-secondary-color, 16%);\n    }\n\n    &.onboarding-modal__done,\n    &.onboarding-modal__next {\n      color: $inverted-text-color;\n\n      &:hover,\n      &:focus,\n      &:active {\n        color: lighten($inverted-text-color, 4%);\n      }\n    }\n  }\n}\n\n.error-modal__footer {\n  justify-content: center;\n}\n\n.onboarding-modal__dots {\n  flex: 1 1 auto;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n\n.onboarding-modal__dot {\n  width: 14px;\n  height: 14px;\n  border-radius: 14px;\n  background: darken($ui-secondary-color, 16%);\n  margin: 0 3px;\n  cursor: pointer;\n\n  &:hover {\n    background: darken($ui-secondary-color, 18%);\n  }\n\n  &.active {\n    cursor: default;\n    background: darken($ui-secondary-color, 24%);\n  }\n}\n\n.onboarding-modal__page__wrapper {\n  pointer-events: none;\n  padding: 25px;\n  padding-bottom: 0;\n\n  &.onboarding-modal__page__wrapper--active {\n    pointer-events: auto;\n  }\n}\n\n.onboarding-modal__page {\n  cursor: default;\n  line-height: 21px;\n\n  h1 {\n    font-size: 18px;\n    font-weight: 500;\n    color: $inverted-text-color;\n    margin-bottom: 20px;\n  }\n\n  a {\n    color: $highlight-text-color;\n\n    &:hover,\n    &:focus,\n    &:active {\n      color: lighten($highlight-text-color, 4%);\n    }\n  }\n\n  .navigation-bar a {\n    color: inherit;\n  }\n\n  p {\n    font-size: 16px;\n    color: $lighter-text-color;\n    margin-top: 10px;\n    margin-bottom: 10px;\n\n    &:last-child {\n      margin-bottom: 0;\n    }\n\n    strong {\n      font-weight: 500;\n      background: $ui-base-color;\n      color: $secondary-text-color;\n      border-radius: 4px;\n      font-size: 14px;\n      padding: 3px 6px;\n\n      @each $lang in $cjk-langs {\n        &:lang(#{$lang}) {\n          font-weight: 700;\n        }\n      }\n    }\n  }\n}\n\n.onboarding-modal__page__wrapper-0 {\n  height: 100%;\n  padding: 0;\n}\n\n.onboarding-modal__page-one {\n  &__lead {\n    padding: 65px;\n    padding-top: 45px;\n    padding-bottom: 0;\n    margin-bottom: 10px;\n\n    h1 {\n      font-size: 26px;\n      line-height: 36px;\n      margin-bottom: 8px;\n    }\n\n    p {\n      margin-bottom: 0;\n    }\n  }\n\n  &__extra {\n    padding-right: 65px;\n    padding-left: 185px;\n    text-align: center;\n  }\n}\n\n.display-case {\n  text-align: center;\n  font-size: 15px;\n  margin-bottom: 15px;\n\n  &__label {\n    font-weight: 500;\n    color: $inverted-text-color;\n    margin-bottom: 5px;\n    text-transform: uppercase;\n    font-size: 12px;\n  }\n\n  &__case {\n    background: $ui-base-color;\n    color: $secondary-text-color;\n    font-weight: 500;\n    padding: 10px;\n    border-radius: 4px;\n  }\n}\n\n.onboarding-modal__page-two,\n.onboarding-modal__page-three,\n.onboarding-modal__page-four,\n.onboarding-modal__page-five {\n  p {\n    text-align: left;\n  }\n\n  .figure {\n    background: darken($ui-base-color, 8%);\n    color: $secondary-text-color;\n    margin-bottom: 20px;\n    border-radius: 4px;\n    padding: 10px;\n    text-align: center;\n    font-size: 14px;\n    box-shadow: 1px 2px 6px rgba($base-shadow-color, 0.3);\n\n    .onboarding-modal__image {\n      border-radius: 4px;\n      margin-bottom: 10px;\n    }\n\n    &.non-interactive {\n      pointer-events: none;\n      text-align: left;\n    }\n  }\n}\n\n.onboarding-modal__page-four__columns {\n  .row {\n    display: flex;\n    margin-bottom: 20px;\n\n    & > div {\n      flex: 1 1 0;\n      margin: 0 10px;\n\n      &:first-child {\n        margin-left: 0;\n      }\n\n      &:last-child {\n        margin-right: 0;\n      }\n\n      p {\n        text-align: center;\n      }\n    }\n\n    &:last-child {\n      margin-bottom: 0;\n    }\n  }\n\n  .column-header {\n    color: $primary-text-color;\n  }\n}\n\n@media screen and (max-width: 320px) and (max-height: 600px) {\n  .onboarding-modal__page p {\n    font-size: 14px;\n    line-height: 20px;\n  }\n\n  .onboarding-modal__page-two .figure,\n  .onboarding-modal__page-three .figure,\n  .onboarding-modal__page-four .figure,\n  .onboarding-modal__page-five .figure {\n    font-size: 12px;\n    margin-bottom: 10px;\n  }\n\n  .onboarding-modal__page-four__columns .row {\n    margin-bottom: 10px;\n  }\n\n  .onboarding-modal__page-four__columns .column-header {\n    padding: 5px;\n    font-size: 12px;\n  }\n}\n\n.onboard-sliders {\n  display: inline-block;\n  max-width: 30px;\n  max-height: auto;\n  margin-left: 10px;\n}\n\n.boost-modal,\n.favourite-modal,\n.confirmation-modal,\n.report-modal,\n.actions-modal,\n.mute-modal,\n.block-modal {\n  background: lighten($ui-secondary-color, 8%);\n  color: $inverted-text-color;\n  border-radius: 8px;\n  overflow: hidden;\n  max-width: 90vw;\n  width: 480px;\n  position: relative;\n  flex-direction: column;\n\n  .status__relative-time {\n    color: $dark-text-color;\n    float: right;\n    font-size: 14px;\n    width: auto;\n    margin: initial;\n    padding: initial;\n  }\n\n  .status__display-name {\n    display: flex;\n  }\n\n  .status__avatar {\n    height: 48px;\n    width: 48px;\n  }\n\n  .status__content__spoiler-link {\n    color: lighten($secondary-text-color, 8%);\n  }\n}\n\n.actions-modal {\n  .status {\n    background: $white;\n    border-bottom-color: $ui-secondary-color;\n    padding-top: 10px;\n    padding-bottom: 10px;\n  }\n\n  .dropdown-menu__separator {\n    border-bottom-color: $ui-secondary-color;\n  }\n}\n\n.boost-modal__container,\n.favourite-modal__container {\n  overflow-x: scroll;\n  padding: 10px;\n\n  .status {\n    user-select: text;\n    border-bottom: 0;\n  }\n}\n\n.boost-modal__action-bar,\n.favourite-modal__action-bar,\n.confirmation-modal__action-bar,\n.mute-modal__action-bar,\n.block-modal__action-bar {\n  display: flex;\n  justify-content: space-between;\n  background: $ui-secondary-color;\n  padding: 10px;\n  line-height: 36px;\n\n  & > div {\n    flex: 1 1 auto;\n    text-align: right;\n    color: $lighter-text-color;\n    padding-right: 10px;\n  }\n\n  .button {\n    flex: 0 0 auto;\n  }\n}\n\n.boost-modal__status-header,\n.favourite-modal__status-header {\n  font-size: 15px;\n}\n\n.boost-modal__status-time,\n.favourite-modal__status-time {\n  float: right;\n  font-size: 14px;\n}\n\n.mute-modal,\n.block-modal {\n  line-height: 24px;\n}\n\n.mute-modal .react-toggle,\n.block-modal .react-toggle {\n  vertical-align: middle;\n}\n\n.report-modal {\n  width: 90vw;\n  max-width: 700px;\n}\n\n.report-modal__container {\n  display: flex;\n  border-top: 1px solid $ui-secondary-color;\n\n  @media screen and (max-width: 480px) {\n    flex-wrap: wrap;\n    overflow-y: auto;\n  }\n}\n\n.report-modal__statuses,\n.report-modal__comment {\n  box-sizing: border-box;\n  width: 50%;\n\n  @media screen and (max-width: 480px) {\n    width: 100%;\n  }\n}\n\n.report-modal__statuses,\n.focal-point-modal__content {\n  flex: 1 1 auto;\n  min-height: 20vh;\n  max-height: 80vh;\n  overflow-y: auto;\n  overflow-x: hidden;\n\n  .status__content a {\n    color: $highlight-text-color;\n  }\n\n  @media screen and (max-width: 480px) {\n    max-height: 10vh;\n  }\n}\n\n.focal-point-modal__content {\n  @media screen and (max-width: 480px) {\n    max-height: 40vh;\n  }\n}\n\n.report-modal__comment {\n  padding: 20px;\n  border-right: 1px solid $ui-secondary-color;\n  max-width: 320px;\n\n  p {\n    font-size: 14px;\n    line-height: 20px;\n    margin-bottom: 20px;\n  }\n\n  .setting-text {\n    display: block;\n    box-sizing: border-box;\n    width: 100%;\n    margin: 0;\n    color: $inverted-text-color;\n    background: $white;\n    padding: 10px;\n    font-family: inherit;\n    font-size: 14px;\n    resize: none;\n    border: 0;\n    outline: 0;\n    border-radius: 4px;\n    border: 1px solid $ui-secondary-color;\n    min-height: 100px;\n    max-height: 50vh;\n    margin-bottom: 10px;\n\n    &:focus {\n      border: 1px solid darken($ui-secondary-color, 8%);\n    }\n\n    &__wrapper {\n      background: $white;\n      border: 1px solid $ui-secondary-color;\n      margin-bottom: 10px;\n      border-radius: 4px;\n\n      .setting-text {\n        border: 0;\n        margin-bottom: 0;\n        border-radius: 0;\n\n        &:focus {\n          border: 0;\n        }\n      }\n\n      &__modifiers {\n        color: $inverted-text-color;\n        font-family: inherit;\n        font-size: 14px;\n        background: $white;\n      }\n    }\n\n    &__toolbar {\n      display: flex;\n      justify-content: space-between;\n      margin-bottom: 20px;\n    }\n  }\n\n  .setting-text-label {\n    display: block;\n    color: $inverted-text-color;\n    font-size: 14px;\n    font-weight: 500;\n    margin-bottom: 10px;\n  }\n\n  .setting-toggle {\n    margin-top: 20px;\n    margin-bottom: 24px;\n\n    &__label {\n      color: $inverted-text-color;\n      font-size: 14px;\n    }\n  }\n\n  @media screen and (max-width: 480px) {\n    padding: 10px;\n    max-width: 100%;\n    order: 2;\n\n    .setting-toggle {\n      margin-bottom: 4px;\n    }\n  }\n}\n\n.actions-modal {\n  .status {\n    overflow-y: auto;\n    max-height: 300px;\n  }\n\n  strong {\n    display: block;\n    font-weight: 500;\n  }\n\n  max-height: 80vh;\n  max-width: 80vw;\n\n  .actions-modal__item-label {\n    font-weight: 500;\n  }\n\n  ul {\n    overflow-y: auto;\n    flex-shrink: 0;\n    max-height: 80vh;\n\n    &.with-status {\n      max-height: calc(80vh - 75px);\n    }\n\n    li:empty {\n      margin: 0;\n    }\n\n    li:not(:empty) {\n      a {\n        color: $inverted-text-color;\n        display: flex;\n        padding: 12px 16px;\n        font-size: 15px;\n        align-items: center;\n        text-decoration: none;\n\n        &,\n        button {\n          transition: none;\n        }\n\n        &.active,\n        &:hover,\n        &:active,\n        &:focus {\n          &,\n          button {\n            background: $ui-highlight-color;\n            color: $primary-text-color;\n          }\n        }\n\n        & > .react-toggle,\n        & > .icon,\n        button:first-child {\n          margin-right: 10px;\n        }\n      }\n    }\n  }\n}\n\n.confirmation-modal__action-bar,\n.mute-modal__action-bar,\n.block-modal__action-bar {\n  .confirmation-modal__secondary-button {\n    flex-shrink: 1;\n  }\n}\n\n.confirmation-modal__secondary-button,\n.confirmation-modal__cancel-button,\n.mute-modal__cancel-button,\n.block-modal__cancel-button {\n  background-color: transparent;\n  color: $lighter-text-color;\n  font-size: 14px;\n  font-weight: 500;\n\n  &:hover,\n  &:focus,\n  &:active {\n    color: darken($lighter-text-color, 4%);\n    background-color: transparent;\n  }\n}\n\n.confirmation-modal__do_not_ask_again {\n  padding-left: 20px;\n  padding-right: 20px;\n  padding-bottom: 10px;\n\n  font-size: 14px;\n\n  label, input {\n    vertical-align: middle;\n  }\n}\n\n.confirmation-modal__container,\n.mute-modal__container,\n.block-modal__container,\n.report-modal__target {\n  padding: 30px;\n  font-size: 16px;\n\n  strong {\n    font-weight: 500;\n\n    @each $lang in $cjk-langs {\n      &:lang(#{$lang}) {\n        font-weight: 700;\n      }\n    }\n  }\n}\n\n.confirmation-modal__container,\n.report-modal__target {\n  text-align: center;\n}\n\n.block-modal,\n.mute-modal {\n  &__explanation {\n    margin-top: 20px;\n  }\n\n  .setting-toggle {\n    margin-top: 20px;\n    margin-bottom: 24px;\n    display: flex;\n    align-items: center;\n\n    &__label {\n      color: $inverted-text-color;\n      margin: 0;\n      margin-left: 8px;\n    }\n  }\n}\n\n.report-modal__target {\n  padding: 15px;\n\n  .media-modal__close {\n    top: 14px;\n    right: 15px;\n  }\n}\n\n.embed-modal {\n  width: auto;\n  max-width: 80vw;\n  max-height: 80vh;\n\n  h4 {\n    padding: 30px;\n    font-weight: 500;\n    font-size: 16px;\n    text-align: center;\n  }\n\n  .embed-modal__container {\n    padding: 10px;\n\n    .hint {\n      margin-bottom: 15px;\n    }\n\n    .embed-modal__html {\n      outline: 0;\n      box-sizing: border-box;\n      display: block;\n      width: 100%;\n      border: none;\n      padding: 10px;\n      font-family: 'mastodon-font-monospace', monospace;\n      background: $ui-base-color;\n      color: $primary-text-color;\n      font-size: 14px;\n      margin: 0;\n      margin-bottom: 15px;\n      border-radius: 4px;\n\n      &::-moz-focus-inner {\n        border: 0;\n      }\n\n      &::-moz-focus-inner,\n      &:focus,\n      &:active {\n        outline: 0 !important;\n      }\n\n      &:focus {\n        background: lighten($ui-base-color, 4%);\n      }\n\n      @media screen and (max-width: 600px) {\n        font-size: 16px;\n      }\n    }\n\n    .embed-modal__iframe {\n      width: 400px;\n      max-width: 100%;\n      overflow: hidden;\n      border: 0;\n      border-radius: 4px;\n    }\n  }\n}\n\n.focal-point {\n  position: relative;\n  cursor: move;\n  overflow: hidden;\n  height: 100%;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  background: $base-shadow-color;\n\n  img,\n  video,\n  canvas {\n    display: block;\n    max-height: 80vh;\n    width: 100%;\n    height: auto;\n    margin: 0;\n    object-fit: contain;\n    background: $base-shadow-color;\n  }\n\n  &__reticle {\n    position: absolute;\n    width: 100px;\n    height: 100px;\n    transform: translate(-50%, -50%);\n    background: url('~images/reticle.png') no-repeat 0 0;\n    border-radius: 50%;\n    box-shadow: 0 0 0 9999em rgba($base-shadow-color, 0.35);\n  }\n\n  &__overlay {\n    position: absolute;\n    width: 100%;\n    height: 100%;\n    top: 0;\n    left: 0;\n  }\n\n  &__preview {\n    position: absolute;\n    bottom: 10px;\n    right: 10px;\n    z-index: 2;\n    cursor: move;\n    transition: opacity 0.1s ease;\n\n    &:hover {\n      opacity: 0.5;\n    }\n\n    strong {\n      color: $primary-text-color;\n      font-size: 14px;\n      font-weight: 500;\n      display: block;\n      margin-bottom: 5px;\n    }\n\n    div {\n      border-radius: 4px;\n      box-shadow: 0 0 14px rgba($base-shadow-color, 0.2);\n    }\n  }\n\n  @media screen and (max-width: 480px) {\n    img,\n    video {\n      max-height: 100%;\n    }\n\n    &__preview {\n      display: none;\n    }\n  }\n}\n\n.filtered-status-info {\n  text-align: start;\n\n  .spoiler__text {\n    margin-top: 20px;\n  }\n\n  .account {\n    border-bottom: 0;\n  }\n\n  .account__display-name strong {\n    color: $inverted-text-color;\n  }\n\n  .status__content__spoiler {\n    display: none;\n\n    &--visible {\n      display: flex;\n    }\n  }\n\n  ul {\n    padding: 10px;\n    margin-left: 12px;\n    list-style: disc inside;\n  }\n\n  .filtered-status-edit-link {\n    color: $action-button-color;\n    text-decoration: none;\n\n    &:hover {\n      text-decoration: underline\n    }\n  }\n}\n",".composer {\n  padding: 10px;\n}\n\n.character-counter {\n  cursor: default;\n  font-family: $font-sans-serif, sans-serif;\n  font-size: 14px;\n  font-weight: 600;\n  color: $lighter-text-color;\n\n  &.character-counter--over {\n    color: $warning-red;\n  }\n}\n\n.no-reduce-motion .composer--spoiler {\n  transition: height 0.4s ease, opacity 0.4s ease;\n}\n\n.composer--spoiler {\n  height: 0;\n  transform-origin: bottom;\n  opacity: 0.0;\n\n  &.composer--spoiler--visible {\n    height: 36px;\n    margin-bottom: 11px;\n    opacity: 1.0;\n  }\n\n  input {\n    display: block;\n    box-sizing: border-box;\n    margin: 0;\n    border: none;\n    border-radius: 4px;\n    padding: 10px;\n    width: 100%;\n    outline: 0;\n    color: $inverted-text-color;\n    background: $simple-background-color;\n    font-size: 14px;\n    font-family: inherit;\n    resize: vertical;\n\n    &::placeholder {\n      color: $dark-text-color;\n    }\n\n    &:focus { outline: 0 }\n    @include single-column('screen and (max-width: 630px)') { font-size: 16px }\n  }\n}\n\n.composer--warning {\n  color: $inverted-text-color;\n  margin-bottom: 15px;\n  background: $ui-primary-color;\n  box-shadow: 0 2px 6px rgba($base-shadow-color, 0.3);\n  padding: 8px 10px;\n  border-radius: 4px;\n  font-size: 13px;\n  font-weight: 400;\n\n  a {\n    color: $lighter-text-color;\n    font-weight: 500;\n    text-decoration: underline;\n\n    &:active,\n    &:focus,\n    &:hover { text-decoration: none }\n  }\n}\n\n.compose-form__sensitive-button {\n  padding: 10px;\n  padding-top: 0;\n\n  font-size: 14px;\n  font-weight: 500;\n\n  &.active {\n    color: $highlight-text-color;\n  }\n\n  input[type=checkbox] {\n    display: none;\n  }\n\n  .checkbox {\n    display: inline-block;\n    position: relative;\n    border: 1px solid $ui-primary-color;\n    box-sizing: border-box;\n    width: 18px;\n    height: 18px;\n    flex: 0 0 auto;\n    margin-left: 5px;\n    margin-right: 10px;\n    top: -1px;\n    border-radius: 4px;\n    vertical-align: middle;\n\n    &.active {\n      border-color: $highlight-text-color;\n      background: $highlight-text-color;\n    }\n  }\n}\n\n.composer--reply {\n  margin: 0 0 10px;\n  border-radius: 4px;\n  padding: 10px;\n  background: $ui-primary-color;\n  min-height: 23px;\n  overflow-y: auto;\n  flex: 0 2 auto;\n\n  & > header {\n    margin-bottom: 5px;\n    overflow: hidden;\n\n    & > .account.small { color: $inverted-text-color; }\n\n    & > .cancel {\n      float: right;\n      line-height: 24px;\n    }\n  }\n\n  & > .content {\n    position: relative;\n    margin: 10px 0;\n    padding: 0 12px;\n    font-size: 14px;\n    line-height: 20px;\n    color: $inverted-text-color;\n    word-wrap: break-word;\n    font-weight: 400;\n    overflow: visible;\n    white-space: pre-wrap;\n    padding-top: 5px;\n    overflow: hidden;\n\n    p, pre, blockquote {\n      margin-bottom: 20px;\n      white-space: pre-wrap;\n\n      &:last-child {\n        margin-bottom: 0;\n      }\n    }\n\n    h1, h2, h3, h4, h5 {\n      margin-top: 20px;\n      margin-bottom: 20px;\n    }\n\n    h1, h2 {\n      font-weight: 700;\n      font-size: 18px;\n    }\n\n    h2 {\n      font-size: 16px;\n    }\n\n    h3, h4, h5 {\n      font-weight: 500;\n    }\n\n    blockquote {\n      padding-left: 10px;\n      border-left: 3px solid $inverted-text-color;\n      color: $inverted-text-color;\n      white-space: normal;\n\n      p:last-child {\n        margin-bottom: 0;\n      }\n    }\n\n    b, strong {\n      font-weight: 700;\n    }\n\n    em, i {\n      font-style: italic;\n    }\n\n    sub {\n      font-size: smaller;\n      text-align: sub;\n    }\n\n    ul, ol {\n      margin-left: 1em;\n\n      p {\n        margin: 0;\n      }\n    }\n\n    ul {\n      list-style-type: disc;\n    }\n\n    ol {\n      list-style-type: decimal;\n    }\n\n    a {\n      color: $lighter-text-color;\n      text-decoration: none;\n\n      &:hover { text-decoration: underline }\n\n      &.mention {\n        &:hover {\n          text-decoration: none;\n\n          span { text-decoration: underline }\n        }\n      }\n    }\n  }\n\n  .emojione {\n    width: 20px;\n    height: 20px;\n    margin: -5px 0 0;\n  }\n}\n\n.emoji-picker-dropdown {\n  position: absolute;\n  right: 5px;\n  top: 5px;\n\n  ::-webkit-scrollbar-track:hover,\n  ::-webkit-scrollbar-track:active {\n    background-color: rgba($base-overlay-background, 0.3);\n  }\n}\n\n.compose-form__autosuggest-wrapper,\n.autosuggest-input {\n  position: relative;\n  width: 100%;\n\n  label {\n    .autosuggest-textarea__textarea {\n      display: block;\n      box-sizing: border-box;\n      margin: 0;\n      border: none;\n      border-radius: 4px 4px 0 0;\n      padding: 10px 32px 0 10px;\n      width: 100%;\n      min-height: 100px;\n      outline: 0;\n      color: $inverted-text-color;\n      background: $simple-background-color;\n      font-size: 14px;\n      font-family: inherit;\n      resize: none;\n      scrollbar-color: initial;\n\n      &::placeholder {\n        color: $dark-text-color;\n      }\n\n      &::-webkit-scrollbar {\n        all: unset;\n      }\n\n      &:disabled { background: $ui-secondary-color }\n      &:focus { outline: 0 }\n      @include single-column('screen and (max-width: 630px)') { font-size: 16px }\n\n      @include limited-single-column('screen and (max-width: 600px)') {\n        height: 100px !important; // prevent auto-resize textarea\n        resize: vertical;\n      }\n    }\n  }\n}\n\n.composer--textarea--icons {\n  display: block;\n  position: absolute;\n  top: 29px;\n  right: 5px;\n  bottom: 5px;\n  overflow: hidden;\n\n  & > .textarea_icon {\n    display: block;\n    margin: 2px 0 0 2px;\n    width: 24px;\n    height: 24px;\n    color: $lighter-text-color;\n    font-size: 18px;\n    line-height: 24px;\n    text-align: center;\n    opacity: .8;\n  }\n}\n\n.autosuggest-textarea__suggestions-wrapper {\n  position: relative;\n  height: 0;\n}\n\n.autosuggest-textarea__suggestions {\n  display: block;\n  position: absolute;\n  box-sizing: border-box;\n  top: 100%;\n  border-radius: 0 0 4px 4px;\n  padding: 6px;\n  width: 100%;\n  color: $inverted-text-color;\n  background: $ui-secondary-color;\n  box-shadow: 4px 4px 6px rgba($base-shadow-color, 0.4);\n  font-size: 14px;\n  z-index: 99;\n  display: none;\n}\n\n.autosuggest-textarea__suggestions--visible {\n  display: block;\n}\n\n.autosuggest-textarea__suggestions__item {\n  padding: 10px;\n  cursor: pointer;\n  border-radius: 4px;\n\n  &:hover,\n  &:focus,\n  &:active,\n  &.selected { background: darken($ui-secondary-color, 10%) }\n\n  > .account,\n  > .emoji,\n  > .autosuggest-hashtag {\n    display: flex;\n    flex-direction: row;\n    align-items: center;\n    justify-content: flex-start;\n    line-height: 18px;\n    font-size: 14px;\n  }\n\n  .autosuggest-hashtag {\n    justify-content: space-between;\n\n    &__name {\n      flex: 1 1 auto;\n      overflow: hidden;\n      text-overflow: ellipsis;\n      white-space: nowrap;\n    }\n\n    strong {\n      font-weight: 500;\n    }\n\n    &__uses {\n      flex: 0 0 auto;\n      text-align: right;\n      overflow: hidden;\n      text-overflow: ellipsis;\n      white-space: nowrap;\n    }\n  }\n\n  & > .account.small {\n    .display-name {\n      & > span { color: $lighter-text-color }\n    }\n  }\n}\n\n.composer--upload_form {\n  overflow: hidden;\n\n  & > .content {\n    display: flex;\n    flex-direction: row;\n    flex-wrap: wrap;\n    font-family: inherit;\n    padding: 5px;\n    overflow: hidden;\n  }\n}\n\n.composer--upload_form--item {\n  flex: 1 1 0;\n  margin: 5px;\n  min-width: 40%;\n\n  & > div {\n    position: relative;\n    border-radius: 4px;\n    height: 140px;\n    width: 100%;\n    background-color: $base-shadow-color;\n    background-position: center;\n    background-size: cover;\n    background-repeat: no-repeat;\n    overflow: hidden;\n\n    textarea {\n      display: block;\n      position: absolute;\n      box-sizing: border-box;\n      bottom: 0;\n      left: 0;\n      margin: 0;\n      border: 0;\n      padding: 10px;\n      width: 100%;\n      color: $secondary-text-color;\n      background: linear-gradient(0deg, rgba($base-shadow-color, 0.8) 0, rgba($base-shadow-color, 0.35) 80%, transparent);\n      font-size: 14px;\n      font-family: inherit;\n      font-weight: 500;\n      opacity: 0;\n      z-index: 2;\n      transition: opacity .1s ease;\n\n      &:focus { color: $white }\n\n      &::placeholder {\n        opacity: 0.54;\n        color: $secondary-text-color;\n      }\n    }\n\n    & > .close { mix-blend-mode: difference }\n  }\n\n  &.active {\n    & > div {\n      textarea { opacity: 1 }\n    }\n  }\n}\n\n.composer--upload_form--actions {\n  background: linear-gradient(180deg, rgba($base-shadow-color, 0.8) 0, rgba($base-shadow-color, 0.35) 80%, transparent);\n  display: flex;\n  align-items: flex-start;\n  justify-content: space-between;\n  opacity: 0;\n  transition: opacity .1s ease;\n\n  .icon-button {\n    flex: 0 1 auto;\n    color: $ui-secondary-color;\n    font-size: 14px;\n    font-weight: 500;\n    padding: 10px;\n    font-family: inherit;\n\n    &:hover,\n    &:focus,\n    &:active {\n      color: lighten($ui-secondary-color, 4%);\n    }\n  }\n\n  &.active {\n    opacity: 1;\n  }\n}\n\n.composer--upload_form--progress {\n  display: flex;\n  padding: 10px;\n  color: $darker-text-color;\n  overflow: hidden;\n\n  & > .fa {\n    font-size: 34px;\n    margin-right: 10px;\n  }\n\n  & > .message {\n    flex: 1 1 auto;\n\n    & > span {\n      display: block;\n      font-size: 12px;\n      font-weight: 500;\n      text-transform: uppercase;\n    }\n\n    & > .backdrop {\n      position: relative;\n      margin-top: 5px;\n      border-radius: 6px;\n      width: 100%;\n      height: 6px;\n      background: $ui-base-lighter-color;\n\n      & > .tracker {\n        position: absolute;\n        top: 0;\n        left: 0;\n        height: 6px;\n        border-radius: 6px;\n        background: $ui-highlight-color;\n      }\n    }\n  }\n}\n\n.compose-form__modifiers {\n  color: $inverted-text-color;\n  font-family: inherit;\n  font-size: 14px;\n  background: $simple-background-color;\n}\n\n.composer--options-wrapper {\n  padding: 10px;\n  background: darken($simple-background-color, 8%);\n  border-radius: 0 0 4px 4px;\n  height: 27px;\n  display: flex;\n  justify-content: space-between;\n  flex: 0 0 auto;\n}\n\n.composer--options {\n  display: flex;\n  flex: 0 0 auto;\n\n  & > * {\n    display: inline-block;\n    box-sizing: content-box;\n    padding: 0 3px;\n    height: 27px;\n    line-height: 27px;\n    vertical-align: bottom;\n  }\n\n  & > hr {\n    display: inline-block;\n    margin: 0 3px;\n    border-width: 0 0 0 1px;\n    border-style: none none none solid;\n    border-color: transparent transparent transparent darken($simple-background-color, 24%);\n    padding: 0;\n    width: 0;\n    height: 27px;\n    background: transparent;\n  }\n}\n\n.compose--counter-wrapper {\n  align-self: center;\n  margin-right: 4px;\n}\n\n.composer--options--dropdown {\n  &.open {\n    & > .value {\n      border-radius: 4px 4px 0 0;\n      box-shadow: 0 -4px 4px rgba($base-shadow-color, 0.1);\n      color: $primary-text-color;\n      background: $ui-highlight-color;\n      transition: none;\n    }\n    &.top {\n      & > .value {\n        border-radius: 0 0 4px 4px;\n        box-shadow: 0 4px 4px rgba($base-shadow-color, 0.1);\n      }\n    }\n  }\n}\n\n.composer--options--dropdown--content {\n  position: absolute;\n  border-radius: 4px;\n  box-shadow: 2px 4px 15px rgba($base-shadow-color, 0.4);\n  background: $simple-background-color;\n  overflow: hidden;\n  transform-origin: 50% 0;\n}\n\n.composer--options--dropdown--content--item {\n  display: flex;\n  align-items: center;\n  padding: 10px;\n  color: $inverted-text-color;\n  cursor: pointer;\n\n  & > .content {\n    flex: 1 1 auto;\n    color: $lighter-text-color;\n\n    &:not(:first-child) { margin-left: 10px }\n\n    strong {\n      display: block;\n      color: $inverted-text-color;\n      font-weight: 500;\n    }\n  }\n\n  &:hover,\n  &.active {\n    background: $ui-highlight-color;\n    color: $primary-text-color;\n\n    & > .content {\n      color: $primary-text-color;\n\n      strong { color: $primary-text-color }\n    }\n  }\n\n  &.active:hover { background: lighten($ui-highlight-color, 4%) }\n}\n\n.composer--publisher {\n  padding-top: 10px;\n  text-align: right;\n  white-space: nowrap;\n  overflow: hidden;\n  justify-content: flex-end;\n  flex: 0 0 auto;\n\n  & > .primary {\n    display: inline-block;\n    margin: 0;\n    padding: 0 10px;\n    text-align: center;\n  }\n\n  & > .side_arm {\n    display: inline-block;\n    margin: 0 2px;\n    padding: 0;\n    width: 36px;\n    text-align: center;\n  }\n\n  &.over {\n    & > .count { color: $warning-red }\n  }\n}\n",".column__wrapper {\n  display: flex;\n  flex: 1 1 auto;\n  position: relative;\n}\n\n.columns-area {\n  display: flex;\n  flex: 1 1 auto;\n  flex-direction: row;\n  justify-content: flex-start;\n  overflow-x: auto;\n  position: relative;\n\n  &__panels {\n    display: flex;\n    justify-content: center;\n    width: 100%;\n    height: 100%;\n    min-height: 100vh;\n\n    &__pane {\n      height: 100%;\n      overflow: hidden;\n      pointer-events: none;\n      display: flex;\n      justify-content: flex-end;\n      min-width: 285px;\n\n      &--start {\n        justify-content: flex-start;\n      }\n\n      &__inner {\n        position: fixed;\n        width: 285px;\n        pointer-events: auto;\n        height: 100%;\n      }\n    }\n\n    &__main {\n      box-sizing: border-box;\n      width: 100%;\n      max-width: 600px;\n      flex: 0 0 auto;\n      display: flex;\n      flex-direction: column;\n\n      @media screen and (min-width: $no-gap-breakpoint) {\n        padding: 0 10px;\n      }\n    }\n  }\n}\n\n.tabs-bar__wrapper {\n  background: darken($ui-base-color, 8%);\n  position: sticky;\n  top: 0;\n  z-index: 2;\n  padding-top: 0;\n\n  @media screen and (min-width: $no-gap-breakpoint) {\n    padding-top: 10px;\n  }\n\n  .tabs-bar {\n    margin-bottom: 0;\n\n    @media screen and (min-width: $no-gap-breakpoint) {\n      margin-bottom: 10px;\n    }\n  }\n}\n\n.react-swipeable-view-container {\n  &,\n  .columns-area,\n  .column {\n    height: 100%;\n  }\n}\n\n.react-swipeable-view-container > * {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  height: 100%;\n}\n\n.column {\n  width: 330px;\n  position: relative;\n  box-sizing: border-box;\n  display: flex;\n  flex-direction: column;\n\n  > .scrollable {\n    background: $ui-base-color;\n  }\n}\n\n.ui {\n  flex: 0 0 auto;\n  display: flex;\n  flex-direction: column;\n  width: 100%;\n  height: 100%;\n}\n\n.column {\n  overflow: hidden;\n}\n\n.column-back-button {\n  box-sizing: border-box;\n  width: 100%;\n  background: lighten($ui-base-color, 4%);\n  color: $highlight-text-color;\n  cursor: pointer;\n  flex: 0 0 auto;\n  font-size: 16px;\n  border: 0;\n  text-align: unset;\n  padding: 15px;\n  margin: 0;\n  z-index: 3;\n\n  &:hover {\n    text-decoration: underline;\n  }\n}\n\n.column-header__back-button {\n  background: lighten($ui-base-color, 4%);\n  border: 0;\n  font-family: inherit;\n  color: $highlight-text-color;\n  cursor: pointer;\n  flex: 0 0 auto;\n  font-size: 16px;\n  padding: 0 5px 0 0;\n  z-index: 3;\n\n  &:hover {\n    text-decoration: underline;\n  }\n\n  &:last-child {\n    padding: 0 15px 0 0;\n  }\n}\n\n.column-back-button__icon {\n  display: inline-block;\n  margin-right: 5px;\n}\n\n.column-back-button--slim {\n  position: relative;\n}\n\n.column-back-button--slim-button {\n  cursor: pointer;\n  flex: 0 0 auto;\n  font-size: 16px;\n  padding: 15px;\n  position: absolute;\n  right: 0;\n  top: -48px;\n}\n\n.column-link {\n  background: lighten($ui-base-color, 8%);\n  color: $primary-text-color;\n  display: block;\n  font-size: 16px;\n  padding: 15px;\n  text-decoration: none;\n\n  &:hover,\n  &:focus,\n  &:active {\n    background: lighten($ui-base-color, 11%);\n  }\n\n  &:focus {\n    outline: 0;\n  }\n\n  &--transparent {\n    background: transparent;\n    color: $ui-secondary-color;\n\n    &:hover,\n    &:focus,\n    &:active {\n      background: transparent;\n      color: $primary-text-color;\n    }\n\n    &.active {\n      color: $ui-highlight-color;\n    }\n  }\n}\n\n.column-link__icon {\n  display: inline-block;\n  margin-right: 5px;\n}\n\n.column-subheading {\n  background: $ui-base-color;\n  color: $dark-text-color;\n  padding: 8px 20px;\n  font-size: 12px;\n  font-weight: 500;\n  text-transform: uppercase;\n  cursor: default;\n}\n\n.column-header__wrapper {\n  position: relative;\n  flex: 0 0 auto;\n\n  &.active {\n    &::before {\n      display: block;\n      content: \"\";\n      position: absolute;\n      top: 35px;\n      left: 0;\n      right: 0;\n      margin: 0 auto;\n      width: 60%;\n      pointer-events: none;\n      height: 28px;\n      z-index: 1;\n      background: radial-gradient(ellipse, rgba($ui-highlight-color, 0.23) 0%, rgba($ui-highlight-color, 0) 60%);\n    }\n  }\n}\n\n.column-header {\n  display: flex;\n  font-size: 16px;\n  background: lighten($ui-base-color, 4%);\n  flex: 0 0 auto;\n  cursor: pointer;\n  position: relative;\n  z-index: 2;\n  outline: 0;\n  overflow: hidden;\n\n  & > button {\n    margin: 0;\n    border: none;\n    padding: 15px;\n    color: inherit;\n    background: transparent;\n    font: inherit;\n    text-align: left;\n    text-overflow: ellipsis;\n    overflow: hidden;\n    white-space: nowrap;\n    flex: 1;\n  }\n\n  & > .column-header__back-button {\n    color: $highlight-text-color;\n  }\n\n  &.active {\n    box-shadow: 0 1px 0 rgba($ui-highlight-color, 0.3);\n\n    .column-header__icon {\n      color: $highlight-text-color;\n      text-shadow: 0 0 10px rgba($ui-highlight-color, 0.4);\n    }\n  }\n\n  &:focus,\n  &:active {\n    outline: 0;\n  }\n}\n\n.column {\n  width: 330px;\n  position: relative;\n  box-sizing: border-box;\n  display: flex;\n  flex-direction: column;\n  overflow: hidden;\n\n  .wide .columns-area:not(.columns-area--mobile) & {\n    flex: auto;\n    min-width: 330px;\n    max-width: 400px;\n  }\n\n  > .scrollable {\n    background: $ui-base-color;\n  }\n}\n\n.column-header__buttons {\n  height: 48px;\n  display: flex;\n  margin-left: 0;\n}\n\n.column-header__links {\n  margin-bottom: 14px;\n}\n\n.column-header__links .text-btn {\n  margin-right: 10px;\n}\n\n.column-header__button {\n  background: lighten($ui-base-color, 4%);\n  border: 0;\n  color: $darker-text-color;\n  cursor: pointer;\n  font-size: 16px;\n  padding: 0 15px;\n\n  &:hover {\n    color: lighten($darker-text-color, 7%);\n  }\n\n  &.active {\n    color: $primary-text-color;\n    background: lighten($ui-base-color, 8%);\n\n    &:hover {\n      color: $primary-text-color;\n      background: lighten($ui-base-color, 8%);\n    }\n  }\n\n  // glitch - added focus ring for keyboard navigation\n  &:focus {\n    text-shadow: 0 0 4px darken($ui-highlight-color, 5%);\n  }\n}\n\n.column-header__notif-cleaning-buttons {\n  display: flex;\n  align-items: stretch;\n  justify-content: space-around;\n\n  button {\n    @extend .column-header__button;\n    background: transparent;\n    text-align: center;\n    padding: 10px 0;\n    white-space: pre-wrap;\n  }\n\n  b {\n    font-weight: bold;\n  }\n}\n\n// The notifs drawer with no padding to have more space for the buttons\n.column-header__collapsible-inner.nopad-drawer {\n  padding: 0;\n}\n\n.column-header__collapsible {\n  max-height: 70vh;\n  overflow: hidden;\n  overflow-y: auto;\n  color: $darker-text-color;\n  transition: max-height 150ms ease-in-out, opacity 300ms linear;\n  opacity: 1;\n\n  &.collapsed {\n    max-height: 0;\n    opacity: 0.5;\n  }\n\n  &.animating {\n    overflow-y: hidden;\n  }\n\n  hr {\n    height: 0;\n    background: transparent;\n    border: 0;\n    border-top: 1px solid lighten($ui-base-color, 12%);\n    margin: 10px 0;\n  }\n\n  // notif cleaning drawer\n  &.ncd {\n    transition: none;\n    &.collapsed {\n      max-height: 0;\n      opacity: 0.7;\n    }\n  }\n}\n\n.column-header__collapsible-inner {\n  background: lighten($ui-base-color, 8%);\n  padding: 15px;\n}\n\n.column-header__setting-btn {\n  &:hover {\n    color: $darker-text-color;\n    text-decoration: underline;\n  }\n}\n\n.column-header__setting-arrows {\n  float: right;\n\n  .column-header__setting-btn {\n    padding: 0 10px;\n\n    &:last-child {\n      padding-right: 0;\n    }\n  }\n}\n\n.column-header__title {\n  display: inline-block;\n  text-overflow: ellipsis;\n  overflow: hidden;\n  white-space: nowrap;\n  flex: 1;\n}\n\n.column-header__icon {\n  display: inline-block;\n  margin-right: 5px;\n}\n\n.empty-column-indicator,\n.error-column {\n  color: $dark-text-color;\n  background: $ui-base-color;\n  text-align: center;\n  padding: 20px;\n  font-size: 15px;\n  font-weight: 400;\n  cursor: default;\n  display: flex;\n  flex: 1 1 auto;\n  align-items: center;\n  justify-content: center;\n  @supports(display: grid) { // hack to fix Chrome <57\n    contain: strict;\n  }\n\n  & > span {\n    max-width: 400px;\n  }\n\n  a {\n    color: $highlight-text-color;\n    text-decoration: none;\n\n    &:hover {\n      text-decoration: underline;\n    }\n  }\n}\n\n.error-column {\n  flex-direction: column;\n}\n\n// more fixes for the navbar-under mode\n@mixin fix-margins-for-navbar-under {\n  .tabs-bar {\n    margin-top: 0 !important;\n    margin-bottom: -6px !important;\n  }\n}\n\n.single-column.navbar-under {\n  @include fix-margins-for-navbar-under;\n}\n\n.auto-columns.navbar-under {\n  @media screen and (max-width: $no-gap-breakpoint) {\n    @include fix-margins-for-navbar-under;\n  }\n}\n\n.auto-columns.navbar-under .react-swipeable-view-container .columns-area,\n.single-column.navbar-under .react-swipeable-view-container .columns-area {\n  @media screen and (max-width: $no-gap-breakpoint) {\n    height: 100% !important;\n  }\n}\n\n.column-inline-form {\n  padding: 7px 15px;\n  padding-right: 5px;\n  display: flex;\n  justify-content: flex-start;\n  align-items: center;\n  background: lighten($ui-base-color, 4%);\n\n  label {\n    flex: 1 1 auto;\n\n    input {\n      width: 100%;\n      margin-bottom: 6px;\n\n      &:focus {\n        outline: 0;\n      }\n    }\n  }\n\n  .icon-button {\n    flex: 0 0 auto;\n    margin: 0 5px;\n  }\n}\n",".regeneration-indicator {\n  text-align: center;\n  font-size: 16px;\n  font-weight: 500;\n  color: $dark-text-color;\n  background: $ui-base-color;\n  cursor: default;\n  display: flex;\n  flex: 1 1 auto;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  padding: 20px;\n\n  &__figure {\n    &,\n    img {\n      display: block;\n      width: auto;\n      height: 160px;\n      margin: 0;\n    }\n  }\n\n  &--without-header {\n    padding-top: 20px + 48px;\n  }\n\n  &__label {\n    margin-top: 30px;\n\n    strong {\n      display: block;\n      margin-bottom: 10px;\n      color: $dark-text-color;\n    }\n\n    span {\n      font-size: 15px;\n      font-weight: 400;\n    }\n  }\n}\n",".directory {\n  &__list {\n    width: 100%;\n    margin: 10px 0;\n    transition: opacity 100ms ease-in;\n\n    &.loading {\n      opacity: 0.7;\n    }\n\n    @media screen and (max-width: $no-gap-breakpoint) {\n      margin: 0;\n    }\n  }\n\n  &__card {\n    box-sizing: border-box;\n    margin-bottom: 10px;\n\n    &__img {\n      height: 125px;\n      position: relative;\n      background: darken($ui-base-color, 12%);\n      overflow: hidden;\n\n      img {\n        display: block;\n        width: 100%;\n        height: 100%;\n        margin: 0;\n        object-fit: cover;\n      }\n    }\n\n    &__bar {\n      display: flex;\n      align-items: center;\n      background: lighten($ui-base-color, 4%);\n      padding: 10px;\n\n      &__name {\n        flex: 1 1 auto;\n        display: flex;\n        align-items: center;\n        text-decoration: none;\n        overflow: hidden;\n      }\n\n      &__relationship {\n        width: 23px;\n        min-height: 1px;\n        flex: 0 0 auto;\n      }\n\n      .avatar {\n        flex: 0 0 auto;\n        width: 48px;\n        height: 48px;\n        padding-top: 2px;\n\n        img {\n          width: 100%;\n          height: 100%;\n          display: block;\n          margin: 0;\n          border-radius: 4px;\n          background: darken($ui-base-color, 8%);\n          object-fit: cover;\n        }\n      }\n\n      .display-name {\n        margin-left: 15px;\n        text-align: left;\n\n        strong {\n          font-size: 15px;\n          color: $primary-text-color;\n          font-weight: 500;\n          overflow: hidden;\n          text-overflow: ellipsis;\n        }\n\n        span {\n          display: block;\n          font-size: 14px;\n          color: $darker-text-color;\n          font-weight: 400;\n          overflow: hidden;\n          text-overflow: ellipsis;\n        }\n      }\n    }\n\n    &__extra {\n      background: $ui-base-color;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n\n      .accounts-table__count {\n        width: 33.33%;\n        flex: 0 0 auto;\n        padding: 15px 0;\n      }\n\n      .account__header__content {\n        box-sizing: border-box;\n        padding: 15px 10px;\n        border-bottom: 1px solid lighten($ui-base-color, 8%);\n        width: 100%;\n        min-height: 18px + 30px;\n        white-space: nowrap;\n        overflow: hidden;\n        text-overflow: ellipsis;\n\n        p {\n          display: none;\n\n          &:first-child {\n            display: inline;\n          }\n        }\n\n        br {\n          display: none;\n        }\n      }\n    }\n  }\n}\n\n.filter-form {\n  background: $ui-base-color;\n\n  &__column {\n    padding: 10px 15px;\n  }\n\n  .radio-button {\n    display: block;\n  }\n}\n\n.radio-button {\n  font-size: 14px;\n  position: relative;\n  display: inline-block;\n  padding: 6px 0;\n  line-height: 18px;\n  cursor: default;\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  cursor: pointer;\n\n  input[type=radio],\n  input[type=checkbox] {\n    display: none;\n  }\n\n  &__input {\n    display: inline-block;\n    position: relative;\n    border: 1px solid $ui-primary-color;\n    box-sizing: border-box;\n    width: 18px;\n    height: 18px;\n    flex: 0 0 auto;\n    margin-right: 10px;\n    top: -1px;\n    border-radius: 50%;\n    vertical-align: middle;\n\n    &.checked {\n      border-color: lighten($ui-highlight-color, 8%);\n      background: lighten($ui-highlight-color, 8%);\n    }\n  }\n}\n",".search {\n  position: relative;\n}\n\n.search__input {\n  @include search-input();\n\n  display: block;\n  padding: 15px;\n  padding-right: 30px;\n  line-height: 18px;\n  font-size: 16px;\n\n  &::placeholder {\n    color: lighten($darker-text-color, 4%);\n  }\n\n  &::-moz-focus-inner {\n    border: 0;\n  }\n\n  &::-moz-focus-inner,\n  &:focus,\n  &:active {\n    outline: 0 !important;\n  }\n\n  &:focus {\n    background: lighten($ui-base-color, 4%);\n  }\n\n  @media screen and (max-width: 600px) {\n    font-size: 16px;\n  }\n}\n\n.search__icon {\n  &::-moz-focus-inner {\n    border: 0;\n  }\n\n  &::-moz-focus-inner,\n  &:focus {\n    outline: 0 !important;\n  }\n\n  .fa {\n    position: absolute;\n    top: 16px;\n    right: 10px;\n    z-index: 2;\n    display: inline-block;\n    opacity: 0;\n    transition: all 100ms linear;\n    transition-property: color, transform, opacity;\n    font-size: 18px;\n    width: 18px;\n    height: 18px;\n    color: $secondary-text-color;\n    cursor: default;\n    pointer-events: none;\n\n    &.active {\n      pointer-events: auto;\n      opacity: 0.3;\n    }\n  }\n\n  .fa-search {\n    transform: rotate(0deg);\n\n    &.active {\n      pointer-events: auto;\n      opacity: 0.3;\n    }\n  }\n\n  .fa-times-circle {\n    top: 17px;\n    transform: rotate(0deg);\n    color: $action-button-color;\n    cursor: pointer;\n\n    &.active {\n      transform: rotate(90deg);\n    }\n\n    &:hover {\n      color: lighten($action-button-color, 7%);\n    }\n  }\n}\n\n.search-results__header {\n  color: $dark-text-color;\n  background: lighten($ui-base-color, 2%);\n  border-bottom: 1px solid darken($ui-base-color, 4%);\n  padding: 15px 10px;\n  font-size: 14px;\n  font-weight: 500;\n}\n\n.search-results__info {\n  padding: 20px;\n  color: $darker-text-color;\n  text-align: center;\n}\n\n.trends {\n  &__header {\n    color: $dark-text-color;\n    background: lighten($ui-base-color, 2%);\n    border-bottom: 1px solid darken($ui-base-color, 4%);\n    font-weight: 500;\n    padding: 15px;\n    font-size: 16px;\n    cursor: default;\n\n    .fa {\n      display: inline-block;\n      margin-right: 5px;\n    }\n  }\n\n  &__item {\n    display: flex;\n    align-items: center;\n    padding: 15px;\n    border-bottom: 1px solid lighten($ui-base-color, 8%);\n\n    &:last-child {\n      border-bottom: 0;\n    }\n\n    &__name {\n      flex: 1 1 auto;\n      color: $dark-text-color;\n      overflow: hidden;\n      text-overflow: ellipsis;\n      white-space: nowrap;\n\n      strong {\n        font-weight: 500;\n      }\n\n      a {\n        color: $darker-text-color;\n        text-decoration: none;\n        font-size: 14px;\n        font-weight: 500;\n        display: block;\n        overflow: hidden;\n        text-overflow: ellipsis;\n        white-space: nowrap;\n\n        &:hover,\n        &:focus,\n        &:active {\n          span {\n            text-decoration: underline;\n          }\n        }\n      }\n    }\n\n    &__current {\n      flex: 0 0 auto;\n      font-size: 24px;\n      line-height: 36px;\n      font-weight: 500;\n      text-align: right;\n      padding-right: 15px;\n      margin-left: 5px;\n      color: $secondary-text-color;\n    }\n\n    &__sparkline {\n      flex: 0 0 auto;\n      width: 50px;\n\n      path:first-child {\n        fill: rgba($highlight-text-color, 0.25) !important;\n        fill-opacity: 1 !important;\n      }\n\n      path:last-child {\n        stroke: lighten($highlight-text-color, 6%) !important;\n      }\n    }\n  }\n}\n",null,".emojione {\n  font-size: inherit;\n  vertical-align: middle;\n  object-fit: contain;\n  margin: -.2ex .15em .2ex;\n  width: 16px;\n  height: 16px;\n\n  img {\n    width: auto;\n  }\n}\n\n.emoji-picker-dropdown__menu {\n  background: $simple-background-color;\n  position: absolute;\n  box-shadow: 4px 4px 6px rgba($base-shadow-color, 0.4);\n  border-radius: 4px;\n  margin-top: 5px;\n  z-index: 2;\n\n  .emoji-mart-scroll {\n    transition: opacity 200ms ease;\n  }\n\n  &.selecting .emoji-mart-scroll {\n    opacity: 0.5;\n  }\n}\n\n.emoji-picker-dropdown__modifiers {\n  position: absolute;\n  top: 60px;\n  right: 11px;\n  cursor: pointer;\n}\n\n.emoji-picker-dropdown__modifiers__menu {\n  position: absolute;\n  z-index: 4;\n  top: -4px;\n  left: -8px;\n  background: $simple-background-color;\n  border-radius: 4px;\n  box-shadow: 1px 2px 6px rgba($base-shadow-color, 0.2);\n  overflow: hidden;\n\n  button {\n    display: block;\n    cursor: pointer;\n    border: 0;\n    padding: 4px 8px;\n    background: transparent;\n\n    &:hover,\n    &:focus,\n    &:active {\n      background: rgba($ui-secondary-color, 0.4);\n    }\n  }\n\n  .emoji-mart-emoji {\n    height: 22px;\n  }\n}\n\n.emoji-mart-emoji {\n  span {\n    background-repeat: no-repeat;\n  }\n}\n\n.emoji-button {\n  display: block;\n  font-size: 24px;\n  line-height: 24px;\n  margin-left: 2px;\n  width: 24px;\n  outline: 0;\n  cursor: pointer;\n\n  &:active,\n  &:focus {\n    outline: 0 !important;\n  }\n\n  img {\n    filter: grayscale(100%);\n    opacity: 0.8;\n    display: block;\n    margin: 0;\n    width: 22px;\n    height: 22px;\n    margin-top: 2px;\n  }\n\n  &:hover,\n  &:active,\n  &:focus {\n    img {\n      opacity: 1;\n      filter: none;\n    }\n  }\n}\n","$doodleBg: #d9e1e8;\n.doodle-modal {\n  @extend .boost-modal;\n  width: unset;\n}\n\n.doodle-modal__container {\n  background: $doodleBg;\n  text-align: center;\n  line-height: 0; // remove weird gap under canvas\n  canvas {\n    border: 5px solid $doodleBg;\n  }\n}\n\n.doodle-modal__action-bar {\n  @extend .boost-modal__action-bar;\n\n  .filler {\n    flex-grow: 1;\n    margin: 0;\n    padding: 0;\n  }\n\n  .doodle-toolbar {\n    line-height: 1;\n\n    display: flex;\n    flex-direction: column;\n    flex-grow: 0;\n    justify-content: space-around;\n\n    &.with-inputs {\n      label {\n        display: inline-block;\n        width: 70px;\n        text-align: right;\n        margin-right: 2px;\n      }\n\n      input[type=\"number\"],input[type=\"text\"] {\n        width: 40px;\n      }\n      span.val {\n        display: inline-block;\n        text-align: left;\n        width: 50px;\n      }\n    }\n  }\n\n  .doodle-palette {\n    padding-right: 0 !important;\n    border: 1px solid black;\n    line-height: .2rem;\n    flex-grow: 0;\n    background: white;\n\n    button {\n      appearance: none;\n      width: 1rem;\n      height: 1rem;\n      margin: 0; padding: 0;\n      text-align: center;\n      color: black;\n      text-shadow: 0 0 1px white;\n      cursor: pointer;\n      box-shadow: inset 0 0 1px rgba(white, .5);\n      border: 1px solid black;\n      outline-offset:-1px;\n\n      &.foreground {\n        outline: 1px dashed white;\n      }\n\n      &.background {\n        outline: 1px dashed red;\n      }\n\n      &.foreground.background {\n        outline: 1px dashed red;\n        border-color: white;\n      }\n    }\n  }\n}\n",".drawer {\n  width: 300px;\n  box-sizing: border-box;\n  display: flex;\n  flex-direction: column;\n  overflow-y: hidden;\n  padding: 10px 5px;\n  flex: none;\n\n  &:first-child {\n    padding-left: 10px;\n  }\n\n  &:last-child {\n    padding-right: 10px;\n  }\n\n  @include single-column('screen and (max-width: 630px)') { flex: auto }\n\n  @include limited-single-column('screen and (max-width: 630px)') {\n    &, &:first-child, &:last-child { padding: 0 }\n  }\n\n  .wide & {\n    min-width: 300px;\n    max-width: 400px;\n    flex: 1 1 200px;\n  }\n\n  @include single-column('screen and (max-width: 630px)') {\n    :root & {  //  Overrides `.wide` for single-column view\n      flex: auto;\n      width: 100%;\n      min-width: 0;\n      max-width: none;\n      padding: 0;\n    }\n  }\n\n  .react-swipeable-view-container & { height: 100% }\n}\n\n.drawer--header {\n  display: flex;\n  flex-direction: row;\n  margin-bottom: 10px;\n  flex: none;\n  background: lighten($ui-base-color, 8%);\n  font-size: 16px;\n\n  & > * {\n    display: block;\n    box-sizing: border-box;\n    border-bottom: 2px solid transparent;\n    padding: 15px 5px 13px;\n    height: 48px;\n    flex: 1 1 auto;\n    color: $darker-text-color;\n    text-align: center;\n    text-decoration: none;\n    cursor: pointer;\n  }\n\n  a {\n    transition: background 100ms ease-in;\n\n    &:focus,\n    &:hover {\n      outline: none;\n      background: lighten($ui-base-color, 3%);\n      transition: background 200ms ease-out;\n    }\n  }\n}\n\n.search {\n  position: relative;\n  margin-bottom: 10px;\n  flex: none;\n\n  @include limited-single-column('screen and (max-width: #{$no-gap-breakpoint})') { margin-bottom: 0 }\n  @include single-column('screen and (max-width: 630px)') { font-size: 16px }\n}\n\n.search-popout {\n  @include search-popout();\n}\n\n.drawer--account {\n  padding: 10px;\n  color: $darker-text-color;\n  display: flex;\n  align-items: center;\n\n  a {\n    color: inherit;\n    text-decoration: none;\n  }\n\n  .acct {\n    display: block;\n    color: $secondary-text-color;\n    font-weight: 500;\n    white-space: nowrap;\n    overflow: hidden;\n    text-overflow: ellipsis;\n  }\n}\n\n.navigation-bar__profile {\n  flex: 1 1 auto;\n  margin-left: 8px;\n  overflow: hidden;\n}\n\n.drawer--results {\n  background: $ui-base-color;\n  overflow-x: hidden;\n  overflow-y: auto;\n\n  & > header {\n    color: $dark-text-color;\n    background: lighten($ui-base-color, 2%);\n    padding: 15px;\n    font-weight: 500;\n    font-size: 16px;\n    cursor: default;\n\n    .fa {\n      display: inline-block;\n      margin-right: 5px;\n    }\n  }\n\n  & > section {\n    margin-bottom: 5px;\n\n    h5 {\n      background: darken($ui-base-color, 4%);\n      border-bottom: 1px solid lighten($ui-base-color, 8%);\n      cursor: default;\n      display: flex;\n      padding: 15px;\n      font-weight: 500;\n      font-size: 16px;\n      color: $dark-text-color;\n\n      .fa {\n        display: inline-block;\n        margin-right: 5px;\n      }\n    }\n\n    .account:last-child,\n    & > div:last-child .status {\n      border-bottom: 0;\n    }\n\n    & > .hashtag {\n      display: block;\n      padding: 10px;\n      color: $secondary-text-color;\n      text-decoration: none;\n\n      &:hover,\n      &:active,\n      &:focus {\n        color: lighten($secondary-text-color, 4%);\n        text-decoration: underline;\n      }\n    }\n  }\n}\n\n.drawer__pager {\n  box-sizing: border-box;\n  padding: 0;\n  flex-grow: 1;\n  position: relative;\n  overflow: hidden;\n  display: flex;\n}\n\n.drawer__inner {\n  position: absolute;\n  top: 0;\n  left: 0;\n  background: lighten($ui-base-color, 13%);\n  box-sizing: border-box;\n  padding: 0;\n  display: flex;\n  flex-direction: column;\n  overflow: hidden;\n  overflow-y: auto;\n  width: 100%;\n  height: 100%;\n\n  &.darker {\n    background: $ui-base-color;\n  }\n}\n\n.drawer__inner__mastodon {\n  background: lighten($ui-base-color, 13%) url('data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 234.80078 31.757813\" width=\"234.80078\" height=\"31.757812\"><path d=\"M19.599609 0c-1.05 0-2.10039.375-2.90039 1.125L0 16.925781v14.832031h234.80078V17.025391l-16.5-15.900391c-1.6-1.5-4.20078-1.5-5.80078 0l-13.80078 13.099609c-1.6 1.5-4.19883 1.5-5.79883 0L179.09961 1.125c-1.6-1.5-4.19883-1.5-5.79883 0L159.5 14.224609c-1.6 1.5-4.20078 1.5-5.80078 0L139.90039 1.125c-1.6-1.5-4.20078-1.5-5.80078 0l-13.79883 13.099609c-1.6 1.5-4.20078 1.5-5.80078 0L100.69922 1.125c-1.600001-1.5-4.198829-1.5-5.798829 0l-13.59961 13.099609c-1.6 1.5-4.200781 1.5-5.800781 0L61.699219 1.125c-1.6-1.5-4.198828-1.5-5.798828 0L42.099609 14.224609c-1.6 1.5-4.198828 1.5-5.798828 0L22.5 1.125C21.7.375 20.649609 0 19.599609 0z\" fill=\"#{hex-color($ui-base-color)}\"/></svg>') no-repeat bottom / 100% auto;\n  flex: 1;\n  min-height: 47px;\n  display: none;\n\n  > img {\n    display: block;\n    object-fit: contain;\n    object-position: bottom left;\n    width: 100%;\n    height: 100%;\n    pointer-events: none;\n    user-drag: none;\n    user-select: none;\n  }\n\n  > .mastodon {\n    display: block;\n    width: 100%;\n    height: 100%;\n    border: none;\n    cursor: inherit;\n  }\n\n  @media screen and (min-height: 640px) {\n    display: block;\n  }\n}\n\n.pseudo-drawer {\n  background: lighten($ui-base-color, 13%);\n  font-size: 13px;\n  text-align: left;\n}\n\n.drawer__backdrop {\n  cursor: pointer;\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  background: rgba($base-overlay-background, 0.5);\n}\n",".video-error-cover {\n  align-items: center;\n  background: $base-overlay-background;\n  color: $primary-text-color;\n  cursor: pointer;\n  display: flex;\n  flex-direction: column;\n  height: 100%;\n  justify-content: center;\n  margin-top: 8px;\n  position: relative;\n  text-align: center;\n  z-index: 100;\n}\n\n.media-spoiler {\n  background: $base-overlay-background;\n  color: $darker-text-color;\n  border: 0;\n  width: 100%;\n  height: 100%;\n\n  &:hover,\n  &:active,\n  &:focus {\n    color: lighten($darker-text-color, 8%);\n  }\n\n  .status__content > & {\n    margin-top: 15px; // Add margin when used bare for NSFW video player\n  }\n  @include fullwidth-gallery;\n}\n\n.media-spoiler__warning {\n  display: block;\n  font-size: 14px;\n}\n\n.media-spoiler__trigger {\n  display: block;\n  font-size: 11px;\n  font-weight: 500;\n}\n\n.media-gallery__gifv__label {\n  display: block;\n  position: absolute;\n  color: $primary-text-color;\n  background: rgba($base-overlay-background, 0.5);\n  bottom: 6px;\n  left: 6px;\n  padding: 2px 6px;\n  border-radius: 2px;\n  font-size: 11px;\n  font-weight: 600;\n  z-index: 1;\n  pointer-events: none;\n  opacity: 0.9;\n  transition: opacity 0.1s ease;\n  line-height: 18px;\n}\n\n.media-gallery__gifv {\n  &.autoplay {\n    .media-gallery__gifv__label {\n      display: none;\n    }\n  }\n\n  &:hover {\n    .media-gallery__gifv__label {\n      opacity: 1;\n    }\n  }\n}\n\n.media-gallery__audio {\n  height: 100%;\n  display: flex;\n  flex-direction: column;\n\n  span {\n    text-align: center;\n    color: $darker-text-color;\n    display: flex;\n    height: 100%;\n    align-items: center;\n\n    p {\n      width: 100%;\n    }\n  }\n\n  audio {\n    width: 100%;\n  }\n}\n\n.media-gallery {\n  box-sizing: border-box;\n  margin-top: 8px;\n  overflow: hidden;\n  border-radius: 4px;\n  position: relative;\n  width: 100%;\n  height: 110px;\n\n  @include fullwidth-gallery;\n}\n\n.media-gallery__item {\n  border: none;\n  box-sizing: border-box;\n  display: block;\n  float: left;\n  position: relative;\n  border-radius: 4px;\n  overflow: hidden;\n\n  .full-width & {\n    border-radius: 0;\n  }\n\n  &.standalone {\n    .media-gallery__item-gifv-thumbnail {\n      transform: none;\n      top: 0;\n    }\n  }\n\n  &.letterbox {\n    background: $base-shadow-color;\n  }\n}\n\n.media-gallery__item-thumbnail {\n  cursor: zoom-in;\n  display: block;\n  text-decoration: none;\n  color: $secondary-text-color;\n  position: relative;\n  z-index: 1;\n\n  &,\n  img {\n    height: 100%;\n    width: 100%;\n    object-fit: contain;\n\n    &:not(.letterbox) {\n      height: 100%;\n      object-fit: cover;\n    }\n  }\n}\n\n.media-gallery__preview {\n  width: 100%;\n  height: 100%;\n  object-fit: cover;\n  position: absolute;\n  top: 0;\n  left: 0;\n  z-index: 0;\n  background: $base-overlay-background;\n\n  &--hidden {\n    display: none;\n  }\n}\n\n.media-gallery__gifv {\n  height: 100%;\n  overflow: hidden;\n  position: relative;\n  width: 100%;\n  display: flex;\n  justify-content: center;\n}\n\n.media-gallery__item-gifv-thumbnail {\n  cursor: zoom-in;\n  height: 100%;\n  width: 100%;\n  position: relative;\n  z-index: 1;\n  object-fit: contain;\n  user-select: none;\n\n  &:not(.letterbox) {\n    height: 100%;\n    object-fit: cover;\n  }\n}\n\n.media-gallery__item-thumbnail-label {\n  clip: rect(1px 1px 1px 1px); /* IE6, IE7 */\n  clip: rect(1px, 1px, 1px, 1px);\n  overflow: hidden;\n  position: absolute;\n}\n\n.video-modal__container {\n  max-width: 100vw;\n  max-height: 100vh;\n}\n\n.audio-modal__container {\n  width: 50vw;\n}\n\n.media-modal {\n  width: 100%;\n  height: 100%;\n  position: relative;\n\n  .extended-video-player {\n    width: 100%;\n    height: 100%;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n\n    video {\n      max-width: $media-modal-media-max-width;\n      max-height: $media-modal-media-max-height;\n    }\n  }\n}\n\n.media-modal__closer {\n  position: absolute;\n  top: 0;\n  left: 0;\n  right: 0;\n  bottom: 0;\n}\n\n.media-modal__navigation {\n  position: absolute;\n  top: 0;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  pointer-events: none;\n  transition: opacity 0.3s linear;\n  will-change: opacity;\n\n  * {\n    pointer-events: auto;\n  }\n\n  &.media-modal__navigation--hidden {\n    opacity: 0;\n\n    * {\n      pointer-events: none;\n    }\n  }\n}\n\n.media-modal__nav {\n  background: rgba($base-overlay-background, 0.5);\n  box-sizing: border-box;\n  border: 0;\n  color: $primary-text-color;\n  cursor: pointer;\n  display: flex;\n  align-items: center;\n  font-size: 24px;\n  height: 20vmax;\n  margin: auto 0;\n  padding: 30px 15px;\n  position: absolute;\n  top: 0;\n  bottom: 0;\n}\n\n.media-modal__nav--left {\n  left: 0;\n}\n\n.media-modal__nav--right {\n  right: 0;\n}\n\n.media-modal__pagination {\n  width: 100%;\n  text-align: center;\n  position: absolute;\n  left: 0;\n  bottom: 20px;\n  pointer-events: none;\n}\n\n.media-modal__meta {\n  text-align: center;\n  position: absolute;\n  left: 0;\n  bottom: 20px;\n  width: 100%;\n  pointer-events: none;\n\n  &--shifted {\n    bottom: 62px;\n  }\n\n  a {\n    pointer-events: auto;\n    text-decoration: none;\n    font-weight: 500;\n    color: $ui-secondary-color;\n\n    &:hover,\n    &:focus,\n    &:active {\n      text-decoration: underline;\n    }\n  }\n}\n\n.media-modal__page-dot {\n  display: inline-block;\n}\n\n.media-modal__button {\n  background-color: $white;\n  height: 12px;\n  width: 12px;\n  border-radius: 6px;\n  margin: 10px;\n  padding: 0;\n  border: 0;\n  font-size: 0;\n}\n\n.media-modal__button--active {\n  background-color: $ui-highlight-color;\n}\n\n.media-modal__close {\n  position: absolute;\n  right: 8px;\n  top: 8px;\n  z-index: 100;\n}\n\n.detailed,\n.fullscreen {\n  .video-player__volume__current,\n  .video-player__volume::before {\n    bottom: 27px;\n  }\n\n  .video-player__volume__handle {\n    bottom: 23px;\n  }\n\n}\n\n.audio-player {\n  box-sizing: border-box;\n  position: relative;\n  background: darken($ui-base-color, 8%);\n  border-radius: 4px;\n  padding-bottom: 44px;\n  direction: ltr;\n\n  &.editable {\n    border-radius: 0;\n    height: 100%;\n  }\n\n  &__waveform {\n    padding: 15px 0;\n    position: relative;\n    overflow: hidden;\n\n    &::before {\n      content: \"\";\n      display: block;\n      position: absolute;\n      border-top: 1px solid lighten($ui-base-color, 4%);\n      width: 100%;\n      height: 0;\n      left: 0;\n      top: calc(50% + 1px);\n    }\n  }\n\n  &__progress-placeholder {\n    background-color: rgba(lighten($ui-highlight-color, 8%), 0.5);\n  }\n\n  &__wave-placeholder {\n    background-color: lighten($ui-base-color, 16%);\n  }\n\n  .video-player__controls {\n    padding: 0 15px;\n    padding-top: 10px;\n    background: darken($ui-base-color, 8%);\n    border-top: 1px solid lighten($ui-base-color, 4%);\n    border-radius: 0 0 4px 4px;\n  }\n}\n\n.video-player {\n  overflow: hidden;\n  position: relative;\n  background: $base-shadow-color;\n  max-width: 100%;\n  border-radius: 4px;\n  box-sizing: border-box;\n  direction: ltr;\n\n  &.editable {\n    border-radius: 0;\n    height: 100% !important;\n  }\n\n  &:focus {\n    outline: 0;\n  }\n\n  .detailed-status & {\n    width: 100%;\n    height: 100%;\n  }\n\n  @include fullwidth-gallery;\n\n  video {\n    max-width: 100vw;\n    max-height: 80vh;\n    z-index: 1;\n    position: relative;\n  }\n\n  &.fullscreen {\n    width: 100% !important;\n    height: 100% !important;\n    margin: 0;\n\n    video {\n      max-width: 100% !important;\n      max-height: 100% !important;\n      width: 100% !important;\n      height: 100% !important;\n      outline: 0;\n    }\n  }\n\n  &.inline {\n    video {\n      object-fit: contain;\n      position: relative;\n      top: 50%;\n      transform: translateY(-50%);\n    }\n  }\n\n  &__controls {\n    position: absolute;\n    z-index: 2;\n    bottom: 0;\n    left: 0;\n    right: 0;\n    box-sizing: border-box;\n    background: linear-gradient(0deg, rgba($base-shadow-color, 0.85) 0, rgba($base-shadow-color, 0.45) 60%, transparent);\n    padding: 0 15px;\n    opacity: 0;\n    transition: opacity .1s ease;\n\n    &.active {\n      opacity: 1;\n    }\n  }\n\n  &.inactive {\n    video,\n    .video-player__controls {\n      visibility: hidden;\n    }\n  }\n\n  &__spoiler {\n    display: none;\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n    z-index: 4;\n    border: 0;\n    background: $base-shadow-color;\n    color: $darker-text-color;\n    transition: none;\n    pointer-events: none;\n\n    &.active {\n      display: block;\n      pointer-events: auto;\n\n      &:hover,\n      &:active,\n      &:focus {\n        color: lighten($darker-text-color, 7%);\n      }\n    }\n\n    &__title {\n      display: block;\n      font-size: 14px;\n    }\n\n    &__subtitle {\n      display: block;\n      font-size: 11px;\n      font-weight: 500;\n    }\n  }\n\n  &__buttons-bar {\n    display: flex;\n    justify-content: space-between;\n    padding-bottom: 10px;\n\n    .video-player__download__icon {\n      color: inherit;\n\n      .fa,\n      &:active .fa,\n      &:hover .fa,\n      &:focus .fa {\n        color: inherit;\n      }\n    }\n  }\n\n  &__buttons {\n    font-size: 16px;\n    white-space: nowrap;\n    overflow: hidden;\n    text-overflow: ellipsis;\n\n    &.left {\n      button {\n        padding-left: 0;\n      }\n    }\n\n    &.right {\n      button {\n        padding-right: 0;\n      }\n    }\n\n    button {\n      background: transparent;\n      padding: 2px 10px;\n      font-size: 16px;\n      border: 0;\n      color: rgba($white, 0.75);\n\n      &:active,\n      &:hover,\n      &:focus {\n        color: $white;\n      }\n    }\n  }\n\n  &__time-sep,\n  &__time-total,\n  &__time-current {\n    font-size: 14px;\n    font-weight: 500;\n  }\n\n  &__time-current {\n    color: $white;\n    margin-left: 60px;\n  }\n\n  &__time-sep {\n    display: inline-block;\n    margin: 0 6px;\n  }\n\n  &__time-sep,\n  &__time-total {\n    color: $white;\n  }\n\n  &__volume {\n    cursor: pointer;\n    height: 24px;\n    display: inline;\n\n    &::before {\n      content: \"\";\n      width: 50px;\n      background: rgba($white, 0.35);\n      border-radius: 4px;\n      display: block;\n      position: absolute;\n      height: 4px;\n      left: 70px;\n      bottom: 20px;\n    }\n\n    &__current {\n      display: block;\n      position: absolute;\n      height: 4px;\n      border-radius: 4px;\n      left: 70px;\n      bottom: 20px;\n      background: lighten($ui-highlight-color, 8%);\n    }\n\n    &__handle {\n      position: absolute;\n      z-index: 3;\n      border-radius: 50%;\n      width: 12px;\n      height: 12px;\n      bottom: 16px;\n      left: 70px;\n      transition: opacity .1s ease;\n      background: lighten($ui-highlight-color, 8%);\n      box-shadow: 1px 2px 6px rgba($base-shadow-color, 0.2);\n      pointer-events: none;\n    }\n  }\n\n  &__link {\n    padding: 2px 10px;\n\n    a {\n      text-decoration: none;\n      font-size: 14px;\n      font-weight: 500;\n      color: $white;\n\n      &:hover,\n      &:active,\n      &:focus {\n        text-decoration: underline;\n      }\n    }\n  }\n\n  &__seek {\n    cursor: pointer;\n    height: 24px;\n    position: relative;\n\n    &::before {\n      content: \"\";\n      width: 100%;\n      background: rgba($white, 0.35);\n      border-radius: 4px;\n      display: block;\n      position: absolute;\n      height: 4px;\n      top: 10px;\n    }\n\n    &__progress,\n    &__buffer {\n      display: block;\n      position: absolute;\n      height: 4px;\n      border-radius: 4px;\n      top: 10px;\n      background: lighten($ui-highlight-color, 8%);\n    }\n\n    &__buffer {\n      background: rgba($white, 0.2);\n    }\n\n    &__handle {\n      position: absolute;\n      z-index: 3;\n      opacity: 0;\n      border-radius: 50%;\n      width: 12px;\n      height: 12px;\n      top: 6px;\n      margin-left: -6px;\n      transition: opacity .1s ease;\n      background: lighten($ui-highlight-color, 8%);\n      box-shadow: 1px 2px 6px rgba($base-shadow-color, 0.2);\n      pointer-events: none;\n\n      &.active {\n        opacity: 1;\n      }\n    }\n\n    &:hover {\n      .video-player__seek__handle {\n        opacity: 1;\n      }\n    }\n  }\n\n  &.detailed,\n  &.fullscreen {\n    .video-player__buttons {\n      button {\n        padding-top: 10px;\n        padding-bottom: 10px;\n      }\n    }\n  }\n}\n",".sensitive-info {\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  position: absolute;\n  top: 4px;\n  left: 4px;\n  z-index: 100;\n}\n\n.sensitive-marker {\n  margin: 0 3px;\n  border-radius: 2px;\n  padding: 2px 6px;\n  color: rgba($primary-text-color, 0.8);\n  background: rgba($base-overlay-background, 0.5);\n  font-size: 12px;\n  line-height: 18px;\n  text-transform: uppercase;\n  opacity: .9;\n  transition: opacity .1s ease;\n\n  .media-gallery:hover & { opacity: 1 }\n}\n",".list-editor {\n  background: $ui-base-color;\n  flex-direction: column;\n  border-radius: 8px;\n  box-shadow: 2px 4px 15px rgba($base-shadow-color, 0.4);\n  width: 380px;\n  overflow: hidden;\n\n  @media screen and (max-width: 420px) {\n    width: 90%;\n  }\n\n  h4 {\n    padding: 15px 0;\n    background: lighten($ui-base-color, 13%);\n    font-weight: 500;\n    font-size: 16px;\n    text-align: center;\n    border-radius: 8px 8px 0 0;\n  }\n\n  .drawer__pager {\n    height: 50vh;\n  }\n\n  .drawer__inner {\n    border-radius: 0 0 8px 8px;\n\n    &.backdrop {\n      width: calc(100% - 60px);\n      box-shadow: 2px 4px 15px rgba($base-shadow-color, 0.4);\n      border-radius: 0 0 0 8px;\n    }\n  }\n\n  &__accounts {\n    overflow-y: auto;\n  }\n\n  .account__display-name {\n    &:hover strong {\n      text-decoration: none;\n    }\n  }\n\n  .account__avatar {\n    cursor: default;\n  }\n\n  .search {\n    margin-bottom: 0;\n  }\n}\n\n.list-adder {\n  background: $ui-base-color;\n  flex-direction: column;\n  border-radius: 8px;\n  box-shadow: 2px 4px 15px rgba($base-shadow-color, 0.4);\n  width: 380px;\n  overflow: hidden;\n\n  @media screen and (max-width: 420px) {\n    width: 90%;\n  }\n\n  &__account {\n    background: lighten($ui-base-color, 13%);\n  }\n\n  &__lists {\n    background: lighten($ui-base-color, 13%);\n    height: 50vh;\n    border-radius: 0 0 8px 8px;\n    overflow-y: auto;\n  }\n\n  .list {\n    padding: 10px;\n    border-bottom: 1px solid lighten($ui-base-color, 8%);\n  }\n\n  .list__wrapper {\n    display: flex;\n  }\n\n  .list__display-name {\n    flex: 1 1 auto;\n    overflow: hidden;\n    text-decoration: none;\n    font-size: 16px;\n    padding: 10px;\n  }\n}\n",".emoji-mart {\n  &,\n  * {\n    box-sizing: border-box;\n    line-height: 1.15;\n  }\n\n  font-size: 13px;\n  display: inline-block;\n  color: $inverted-text-color;\n\n  .emoji-mart-emoji {\n    padding: 6px;\n  }\n}\n\n.emoji-mart-bar {\n  border: 0 solid darken($ui-secondary-color, 8%);\n\n  &:first-child {\n    border-bottom-width: 1px;\n    border-top-left-radius: 5px;\n    border-top-right-radius: 5px;\n    background: $ui-secondary-color;\n  }\n\n  &:last-child {\n    border-top-width: 1px;\n    border-bottom-left-radius: 5px;\n    border-bottom-right-radius: 5px;\n    display: none;\n  }\n}\n\n.emoji-mart-anchors {\n  display: flex;\n  justify-content: space-between;\n  padding: 0 6px;\n  color: $lighter-text-color;\n  line-height: 0;\n}\n\n.emoji-mart-anchor {\n  position: relative;\n  flex: 1;\n  text-align: center;\n  padding: 12px 4px;\n  overflow: hidden;\n  transition: color .1s ease-out;\n  cursor: pointer;\n\n  &:hover {\n    color: darken($lighter-text-color, 4%);\n  }\n}\n\n.emoji-mart-anchor-selected {\n  color: $highlight-text-color;\n\n  &:hover {\n    color: darken($highlight-text-color, 4%);\n  }\n\n  .emoji-mart-anchor-bar {\n    bottom: 0;\n  }\n}\n\n.emoji-mart-anchor-bar {\n  position: absolute;\n  bottom: -3px;\n  left: 0;\n  width: 100%;\n  height: 3px;\n  background-color: darken($ui-highlight-color, 3%);\n}\n\n.emoji-mart-anchors {\n  i {\n    display: inline-block;\n    width: 100%;\n    max-width: 22px;\n  }\n\n  svg {\n    fill: currentColor;\n    max-height: 18px;\n  }\n}\n\n.emoji-mart-scroll {\n  overflow-y: scroll;\n  height: 270px;\n  max-height: 35vh;\n  padding: 0 6px 6px;\n  background: $simple-background-color;\n  will-change: transform;\n\n  &::-webkit-scrollbar-track:hover,\n  &::-webkit-scrollbar-track:active {\n    background-color: rgba($base-overlay-background, 0.3);\n  }\n}\n\n.emoji-mart-search {\n  padding: 10px;\n  padding-right: 45px;\n  background: $simple-background-color;\n\n  input {\n    font-size: 14px;\n    font-weight: 400;\n    padding: 7px 9px;\n    font-family: inherit;\n    display: block;\n    width: 100%;\n    background: rgba($ui-secondary-color, 0.3);\n    color: $inverted-text-color;\n    border: 1px solid $ui-secondary-color;\n    border-radius: 4px;\n\n    &::-moz-focus-inner {\n      border: 0;\n    }\n\n    &::-moz-focus-inner,\n    &:focus,\n    &:active {\n      outline: 0 !important;\n    }\n  }\n}\n\n.emoji-mart-category .emoji-mart-emoji {\n  cursor: pointer;\n\n  span {\n    z-index: 1;\n    position: relative;\n    text-align: center;\n  }\n\n  &:hover::before {\n    z-index: 0;\n    content: \"\";\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n    background-color: rgba($ui-secondary-color, 0.7);\n    border-radius: 100%;\n  }\n}\n\n.emoji-mart-category-label {\n  z-index: 2;\n  position: relative;\n  position: -webkit-sticky;\n  position: sticky;\n  top: 0;\n\n  span {\n    display: block;\n    width: 100%;\n    font-weight: 500;\n    padding: 5px 6px;\n    background: $simple-background-color;\n  }\n}\n\n.emoji-mart-emoji {\n  position: relative;\n  display: inline-block;\n  font-size: 0;\n\n  span {\n    width: 22px;\n    height: 22px;\n  }\n}\n\n.emoji-mart-no-results {\n  font-size: 14px;\n  text-align: center;\n  padding-top: 70px;\n  color: $light-text-color;\n\n  .emoji-mart-category-label {\n    display: none;\n  }\n\n  .emoji-mart-no-results-label {\n    margin-top: .2em;\n  }\n\n  .emoji-mart-emoji:hover::before {\n    content: none;\n  }\n}\n\n.emoji-mart-preview {\n  display: none;\n}\n",".glitch.local-settings {\n  position: relative;\n  display: flex;\n  flex-direction: row;\n  background: $ui-secondary-color;\n  color: $inverted-text-color;\n  border-radius: 8px;\n  height: 80vh;\n  width: 80vw;\n  max-width: 740px;\n  max-height: 450px;\n  overflow: hidden;\n\n  label, legend {\n    display: block;\n    font-size: 14px;\n  }\n\n  .boolean label, .radio_buttons label {\n    position: relative;\n    padding-left: 28px;\n    padding-top: 3px;\n\n    input {\n      position: absolute;\n      left: 0;\n      top: 0;\n    }\n  }\n\n  span.hint {\n    display: block;\n    color: $lighter-text-color;\n  }\n\n  h1 {\n    font-size: 18px;\n    font-weight: 500;\n    line-height: 24px;\n    margin-bottom: 20px;\n  }\n\n  h2 {\n    font-size: 15px;\n    font-weight: 500;\n    line-height: 20px;\n    margin-top: 20px;\n    margin-bottom: 10px;\n  }\n}\n\n.glitch.local-settings__navigation__item {\n  display: block;\n  padding: 15px 20px;\n  color: inherit;\n  background: lighten($ui-secondary-color, 8%);\n  border-bottom: 1px $ui-secondary-color solid;\n  cursor: pointer;\n  text-decoration: none;\n  outline: none;\n  transition: background .3s;\n\n  .text-icon-button {\n    color: inherit;\n    transition: unset;\n  }\n\n  &:hover {\n    background: $ui-secondary-color;\n  }\n\n  &.active {\n    background: $ui-highlight-color;\n    color: $primary-text-color;\n  }\n\n  &.close, &.close:hover {\n    background: $error-value-color;\n    color: $primary-text-color;\n  }\n}\n\n.glitch.local-settings__navigation {\n  background: lighten($ui-secondary-color, 8%);\n  width: 212px;\n  font-size: 15px;\n  line-height: 20px;\n  overflow-y: auto;\n}\n\n.glitch.local-settings__page {\n  display: block;\n  flex: auto;\n  padding: 15px 20px 15px 20px;\n  width: 360px;\n  overflow-y: auto;\n}\n\n.glitch.local-settings__page__item {\n  margin-bottom: 2px;\n}\n\n.glitch.local-settings__page__item.string,\n.glitch.local-settings__page__item.radio_buttons {\n  margin-top: 10px;\n  margin-bottom: 10px;\n}\n\n@media screen and (max-width: 630px) {\n  .glitch.local-settings__navigation {\n    width: 40px;\n    flex-shrink: 0;\n  }\n\n  .glitch.local-settings__navigation__item {\n    padding: 10px;\n\n    span:last-of-type {\n      display: none;\n    }\n  }\n}\n",".error-boundary {\n  color: $primary-text-color;\n  font-size: 15px;\n  line-height: 20px;\n\n  h1 {\n    font-size: 26px;\n    line-height: 36px;\n    font-weight: 400;\n    margin-bottom: 8px;\n  }\n\n  a {\n    color: $primary-text-color;\n    text-decoration: underline;\n  }\n\n  ul {\n    list-style: disc;\n    margin-left: 0;\n    padding-left: 1em;\n  }\n\n  textarea.web_app_crash-stacktrace {\n    width: 100%;\n    resize: none;\n    white-space: pre;\n    font-family: $font-monospace, monospace;\n  }\n}\n",".compose-panel {\n  width: 285px;\n  margin-top: 10px;\n  display: flex;\n  flex-direction: column;\n  height: calc(100% - 10px);\n  overflow-y: hidden;\n\n  .search__input {\n    line-height: 18px;\n    font-size: 16px;\n    padding: 15px;\n    padding-right: 30px;\n  }\n\n  .search__icon .fa {\n    top: 15px;\n  }\n\n  .drawer--account {\n    flex: 0 1 48px;\n  }\n\n  .flex-spacer {\n    background: transparent;\n  }\n\n  .composer {\n    flex: 1;\n    overflow-y: hidden;\n    display: flex;\n    flex-direction: column;\n    min-height: 310px;\n  }\n\n  .compose-form__autosuggest-wrapper {\n    overflow-y: auto;\n    background-color: $white;\n    border-radius: 4px 4px 0 0;\n    flex: 0 1 auto;\n  }\n\n  .autosuggest-textarea__textarea {\n    overflow-y: hidden;\n  }\n\n  .compose-form__upload-thumbnail {\n    height: 80px;\n  }\n}\n\n.navigation-panel {\n  margin-top: 10px;\n  margin-bottom: 10px;\n  height: calc(100% - 20px);\n  overflow-y: auto;\n  display: flex;\n  flex-direction: column;\n\n  & > a {\n    flex: 0 0 auto;\n  }\n\n  hr {\n    flex: 0 0 auto;\n    border: 0;\n    background: transparent;\n    border-top: 1px solid lighten($ui-base-color, 4%);\n    margin: 10px 0;\n  }\n\n  .flex-spacer {\n    background: transparent;\n  }\n}\n\n@media screen and (min-width: 600px) {\n  .tabs-bar__link {\n    span {\n      display: inline;\n    }\n  }\n}\n\n.columns-area--mobile {\n  flex-direction: column;\n  width: 100%;\n  margin: 0 auto;\n\n  .column,\n  .drawer {\n    width: 100%;\n    height: 100%;\n    padding: 0;\n  }\n\n  .directory__list {\n    display: grid;\n    grid-gap: 10px;\n    grid-template-columns: minmax(0, 50%) minmax(0, 50%);\n\n    @media screen and (max-width: $no-gap-breakpoint) {\n      display: block;\n    }\n  }\n\n  .directory__card {\n    margin-bottom: 0;\n  }\n\n  .filter-form {\n    display: flex;\n  }\n\n  .autosuggest-textarea__textarea {\n    font-size: 16px;\n  }\n\n  .search__input {\n    line-height: 18px;\n    font-size: 16px;\n    padding: 15px;\n    padding-right: 30px;\n  }\n\n  .search__icon .fa {\n    top: 15px;\n  }\n\n  .scrollable {\n    overflow: visible;\n\n    @supports(display: grid) {\n      contain: content;\n    }\n  }\n\n  @media screen and (min-width: $no-gap-breakpoint) {\n    padding: 10px 0;\n    padding-top: 0;\n  }\n\n  @media screen and (min-width: 630px) {\n    .detailed-status {\n      padding: 15px;\n\n      .media-gallery,\n      .video-player,\n      .audio-player {\n        margin-top: 15px;\n      }\n    }\n\n    .account__header__bar {\n      padding: 5px 10px;\n    }\n\n    .navigation-bar,\n    .compose-form {\n      padding: 15px;\n    }\n\n    .compose-form .compose-form__publish .compose-form__publish-button-wrapper {\n      padding-top: 15px;\n    }\n\n    .status {\n      padding: 15px;\n      min-height: 48px + 2px;\n\n      .media-gallery,\n      &__action-bar,\n      .video-player,\n      .audio-player {\n        margin-top: 10px;\n      }\n    }\n\n    .account {\n      padding: 15px 10px;\n\n      &__header__bio {\n        margin: 0 -10px;\n      }\n    }\n\n    .notification {\n      &__message {\n        padding-top: 15px;\n      }\n\n      .status {\n        padding-top: 8px;\n      }\n\n      .account {\n        padding-top: 8px;\n      }\n    }\n  }\n}\n\n.floating-action-button {\n  position: fixed;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  width: 3.9375rem;\n  height: 3.9375rem;\n  bottom: 1.3125rem;\n  right: 1.3125rem;\n  background: darken($ui-highlight-color, 3%);\n  color: $white;\n  border-radius: 50%;\n  font-size: 21px;\n  line-height: 21px;\n  text-decoration: none;\n  box-shadow: 2px 3px 9px rgba($base-shadow-color, 0.4);\n\n  &:hover,\n  &:focus,\n  &:active {\n    background: lighten($ui-highlight-color, 7%);\n  }\n}\n\n@media screen and (min-width: $no-gap-breakpoint) {\n  .tabs-bar {\n    width: 100%;\n  }\n\n  .react-swipeable-view-container .columns-area--mobile {\n    height: calc(100% - 10px) !important;\n  }\n\n  .getting-started__wrapper,\n  .search {\n    margin-bottom: 10px;\n  }\n}\n\n@media screen and (max-width: 600px + (285px * 1) + (10px * 1)) {\n  .columns-area__panels__pane--compositional {\n    display: none;\n  }\n}\n\n@media screen and (min-width: 600px + (285px * 1) + (10px * 1)) {\n  .floating-action-button,\n  .tabs-bar__link.optional {\n    display: none;\n  }\n\n  .search-page .search {\n    display: none;\n  }\n}\n\n@media screen and (max-width: 600px + (285px * 2) + (10px * 2)) {\n  .columns-area__panels__pane--navigational {\n    display: none;\n  }\n}\n\n@media screen and (min-width: 600px + (285px * 2) + (10px * 2)) {\n  .tabs-bar {\n    display: none;\n  }\n}\n",".poll {\n  margin-top: 16px;\n  font-size: 14px;\n\n  ul,\n  .e-content & ul {\n    margin: 0;\n    list-style: none;\n  }\n\n  li {\n    margin-bottom: 10px;\n    position: relative;\n  }\n\n  &__chart {\n    position: absolute;\n    top: 0;\n    left: 0;\n    height: 100%;\n    display: inline-block;\n    border-radius: 4px;\n    background: darken($ui-primary-color, 14%);\n\n    &.leading {\n      background: $ui-highlight-color;\n    }\n  }\n\n  &__text {\n    position: relative;\n    display: flex;\n    padding: 6px 0;\n    line-height: 18px;\n    cursor: default;\n    overflow: hidden;\n\n    input[type=radio],\n    input[type=checkbox] {\n      display: none;\n    }\n\n    .autossugest-input {\n      flex: 1 1 auto;\n    }\n\n    input[type=text] {\n      display: block;\n      box-sizing: border-box;\n      width: 100%;\n      font-size: 14px;\n      color: $inverted-text-color;\n      display: block;\n      outline: 0;\n      font-family: inherit;\n      background: $simple-background-color;\n      border: 1px solid darken($simple-background-color, 14%);\n      border-radius: 4px;\n      padding: 6px 10px;\n\n      &:focus {\n        border-color: $highlight-text-color;\n      }\n    }\n\n    &.selectable {\n      cursor: pointer;\n    }\n\n    &.editable {\n      display: flex;\n      align-items: center;\n      overflow: visible;\n    }\n  }\n\n  &__input {\n    display: inline-block;\n    position: relative;\n    border: 1px solid $ui-primary-color;\n    box-sizing: border-box;\n    width: 18px;\n    height: 18px;\n    flex: 0 0 auto;\n    margin-right: 10px;\n    top: -1px;\n    border-radius: 50%;\n    vertical-align: middle;\n    margin-top: auto;\n    margin-bottom: auto;\n    flex: 0 0 18px;\n\n    &.checkbox {\n      border-radius: 4px;\n    }\n\n    &.active {\n      border-color: $valid-value-color;\n      background: $valid-value-color;\n    }\n\n    &:active,\n    &:focus,\n    &:hover {\n      border-width: 4px;\n      background: none;\n    }\n\n    &::-moz-focus-inner {\n      outline: 0 !important;\n      border: 0;\n    }\n\n    &:focus,\n    &:active {\n      outline: 0 !important;\n    }\n  }\n\n  &__number {\n    display: inline-block;\n    width: 52px;\n    font-weight: 700;\n    padding: 0 10px;\n    padding-left: 8px;\n    text-align: right;\n    margin-top: auto;\n    margin-bottom: auto;\n    flex: 0 0 52px;\n  }\n\n  &__vote__mark {\n    float: left;\n    line-height: 18px;\n  }\n\n  &__footer {\n    padding-top: 6px;\n    padding-bottom: 5px;\n    color: $dark-text-color;\n  }\n\n  &__link {\n    display: inline;\n    background: transparent;\n    padding: 0;\n    margin: 0;\n    border: 0;\n    color: $dark-text-color;\n    text-decoration: underline;\n    font-size: inherit;\n\n    &:hover {\n      text-decoration: none;\n    }\n\n    &:active,\n    &:focus {\n      background-color: rgba($dark-text-color, .1);\n    }\n  }\n\n  .button {\n    height: 36px;\n    padding: 0 16px;\n    margin-right: 10px;\n    font-size: 14px;\n  }\n}\n\n.compose-form__poll-wrapper {\n  border-top: 1px solid darken($simple-background-color, 8%);\n\n  ul {\n    padding: 10px;\n  }\n\n  .poll__footer {\n    border-top: 1px solid darken($simple-background-color, 8%);\n    padding: 10px;\n    display: flex;\n    align-items: center;\n\n    button,\n    select {\n      width: 100%;\n      flex: 1 1 50%;\n\n      &:focus {\n        border-color: $highlight-text-color;\n      }\n    }\n  }\n\n  .button.button-secondary {\n    font-size: 14px;\n    font-weight: 400;\n    padding: 6px 10px;\n    height: auto;\n    line-height: inherit;\n    color: $action-button-color;\n    border-color: $action-button-color;\n    margin-right: 5px;\n  }\n\n  li {\n    display: flex;\n    align-items: center;\n\n    .poll__text {\n      flex: 0 0 auto;\n      width: calc(100% - (23px + 6px));\n      margin-right: 6px;\n    }\n  }\n\n  select {\n    appearance: none;\n    box-sizing: border-box;\n    font-size: 14px;\n    color: $inverted-text-color;\n    display: inline-block;\n    width: auto;\n    outline: 0;\n    font-family: inherit;\n    background: $simple-background-color url(\"data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14.933 18.467' height='19.698' width='15.929'><path d='M3.467 14.967l-3.393-3.5H14.86l-3.392 3.5c-1.866 1.925-3.666 3.5-4 3.5-.335 0-2.135-1.575-4-3.5zm.266-11.234L7.467 0 11.2 3.733l3.733 3.734H0l3.733-3.734z' fill='#{hex-color(darken($simple-background-color, 14%))}'/></svg>\") no-repeat right 8px center / auto 16px;\n    border: 1px solid darken($simple-background-color, 14%);\n    border-radius: 4px;\n    padding: 6px 10px;\n    padding-right: 30px;\n  }\n\n  .icon-button.disabled {\n    color: darken($simple-background-color, 14%);\n  }\n}\n\n.muted .poll {\n  color: $dark-text-color;\n\n  &__chart {\n    background: rgba(darken($ui-primary-color, 14%), 0.2);\n\n    &.leading {\n      background: rgba($ui-highlight-color, 0.2);\n    }\n  }\n}\n","$maximum-width: 1235px;\n$fluid-breakpoint: $maximum-width + 20px;\n$column-breakpoint: 700px;\n$small-breakpoint: 960px;\n\n.container {\n  box-sizing: border-box;\n  max-width: $maximum-width;\n  margin: 0 auto;\n  position: relative;\n\n  @media screen and (max-width: $fluid-breakpoint) {\n    width: 100%;\n    padding: 0 10px;\n  }\n}\n\n.rich-formatting {\n  font-family: $font-sans-serif, sans-serif;\n  font-size: 14px;\n  font-weight: 400;\n  line-height: 1.7;\n  word-wrap: break-word;\n  color: $darker-text-color;\n\n  a {\n    color: $highlight-text-color;\n    text-decoration: underline;\n\n    &:hover,\n    &:focus,\n    &:active {\n      text-decoration: none;\n    }\n  }\n\n  p,\n  li {\n    color: $darker-text-color;\n  }\n\n  p {\n    margin-top: 0;\n    margin-bottom: .85em;\n\n    &:last-child {\n      margin-bottom: 0;\n    }\n  }\n\n  strong {\n    font-weight: 700;\n    color: $secondary-text-color;\n  }\n\n  em {\n    font-style: italic;\n    color: $secondary-text-color;\n  }\n\n  code {\n    font-size: 0.85em;\n    background: darken($ui-base-color, 8%);\n    border-radius: 4px;\n    padding: 0.2em 0.3em;\n  }\n\n  h1,\n  h2,\n  h3,\n  h4,\n  h5,\n  h6 {\n    font-family: $font-display, sans-serif;\n    margin-top: 1.275em;\n    margin-bottom: .85em;\n    font-weight: 500;\n    color: $secondary-text-color;\n  }\n\n  h1 {\n    font-size: 2em;\n  }\n\n  h2 {\n    font-size: 1.75em;\n  }\n\n  h3 {\n    font-size: 1.5em;\n  }\n\n  h4 {\n    font-size: 1.25em;\n  }\n\n  h5,\n  h6 {\n    font-size: 1em;\n  }\n\n  ul {\n    list-style: disc;\n  }\n\n  ol {\n    list-style: decimal;\n  }\n\n  ul,\n  ol {\n    margin: 0;\n    padding: 0;\n    padding-left: 2em;\n    margin-bottom: 0.85em;\n\n    &[type='a'] {\n      list-style-type: lower-alpha;\n    }\n\n    &[type='i'] {\n      list-style-type: lower-roman;\n    }\n  }\n\n  hr {\n    width: 100%;\n    height: 0;\n    border: 0;\n    border-bottom: 1px solid lighten($ui-base-color, 4%);\n    margin: 1.7em 0;\n\n    &.spacer {\n      height: 1px;\n      border: 0;\n    }\n  }\n\n  table {\n    width: 100%;\n    border-collapse: collapse;\n    break-inside: auto;\n    margin-top: 24px;\n    margin-bottom: 32px;\n\n    thead tr,\n    tbody tr {\n      border-bottom: 1px solid lighten($ui-base-color, 4%);\n      font-size: 1em;\n      line-height: 1.625;\n      font-weight: 400;\n      text-align: left;\n      color: $darker-text-color;\n    }\n\n    thead tr {\n      border-bottom-width: 2px;\n      line-height: 1.5;\n      font-weight: 500;\n      color: $dark-text-color;\n    }\n\n    th,\n    td {\n      padding: 8px;\n      align-self: start;\n      align-items: start;\n      word-break: break-all;\n\n      &.nowrap {\n        width: 25%;\n        position: relative;\n\n        &::before {\n          content: '&nbsp;';\n          visibility: hidden;\n        }\n\n        span {\n          position: absolute;\n          left: 8px;\n          right: 8px;\n          white-space: nowrap;\n          overflow: hidden;\n          text-overflow: ellipsis;\n        }\n      }\n    }\n  }\n\n  & > :first-child {\n    margin-top: 0;\n  }\n}\n\n.information-board {\n  background: darken($ui-base-color, 4%);\n  padding: 20px 0;\n\n  .container-alt {\n    position: relative;\n    padding-right: 280px + 15px;\n  }\n\n  &__sections {\n    display: flex;\n    justify-content: space-between;\n    flex-wrap: wrap;\n  }\n\n  &__section {\n    flex: 1 0 0;\n    font-family: $font-sans-serif, sans-serif;\n    font-size: 16px;\n    line-height: 28px;\n    color: $primary-text-color;\n    text-align: right;\n    padding: 10px 15px;\n\n    span,\n    strong {\n      display: block;\n    }\n\n    span {\n      &:last-child {\n        color: $secondary-text-color;\n      }\n    }\n\n    strong {\n      font-family: $font-display, sans-serif;\n      font-weight: 500;\n      font-size: 32px;\n      line-height: 48px;\n    }\n\n    @media screen and (max-width: $column-breakpoint) {\n      text-align: center;\n    }\n  }\n\n  .panel {\n    position: absolute;\n    width: 280px;\n    box-sizing: border-box;\n    background: darken($ui-base-color, 8%);\n    padding: 20px;\n    padding-top: 10px;\n    border-radius: 4px 4px 0 0;\n    right: 0;\n    bottom: -40px;\n\n    .panel-header {\n      font-family: $font-display, sans-serif;\n      font-size: 14px;\n      line-height: 24px;\n      font-weight: 500;\n      color: $darker-text-color;\n      padding-bottom: 5px;\n      margin-bottom: 15px;\n      border-bottom: 1px solid lighten($ui-base-color, 4%);\n      text-overflow: ellipsis;\n      white-space: nowrap;\n      overflow: hidden;\n\n      a,\n      span {\n        font-weight: 400;\n        color: darken($darker-text-color, 10%);\n      }\n\n      a {\n        text-decoration: none;\n      }\n    }\n  }\n\n  .owner {\n    text-align: center;\n\n    .avatar {\n      width: 80px;\n      height: 80px;\n      @include avatar-size(80px);\n      margin: 0 auto;\n      margin-bottom: 15px;\n\n      img {\n        display: block;\n        width: 80px;\n        height: 80px;\n        border-radius: 48px;\n        @include avatar-radius();\n      }\n    }\n\n    .name {\n      font-size: 14px;\n\n      a {\n        display: block;\n        color: $primary-text-color;\n        text-decoration: none;\n\n        &:hover {\n          .display_name {\n            text-decoration: underline;\n          }\n        }\n      }\n\n      .username {\n        display: block;\n        color: $darker-text-color;\n      }\n    }\n  }\n}\n\n.landing-page {\n  p,\n  li {\n    font-family: $font-sans-serif, sans-serif;\n    font-size: 16px;\n    font-weight: 400;\n    font-size: 16px;\n    line-height: 30px;\n    margin-bottom: 12px;\n    color: $darker-text-color;\n\n    a {\n      color: $highlight-text-color;\n      text-decoration: underline;\n    }\n  }\n\n  em {\n    display: inline;\n    margin: 0;\n    padding: 0;\n    font-weight: 700;\n    background: transparent;\n    font-family: inherit;\n    font-size: inherit;\n    line-height: inherit;\n    color: lighten($darker-text-color, 10%);\n  }\n\n  h1 {\n    font-family: $font-display, sans-serif;\n    font-size: 26px;\n    line-height: 30px;\n    font-weight: 500;\n    margin-bottom: 20px;\n    color: $secondary-text-color;\n\n    small {\n      font-family: $font-sans-serif, sans-serif;\n      display: block;\n      font-size: 18px;\n      font-weight: 400;\n      color: lighten($darker-text-color, 10%);\n    }\n  }\n\n  h2 {\n    font-family: $font-display, sans-serif;\n    font-size: 22px;\n    line-height: 26px;\n    font-weight: 500;\n    margin-bottom: 20px;\n    color: $secondary-text-color;\n  }\n\n  h3 {\n    font-family: $font-display, sans-serif;\n    font-size: 18px;\n    line-height: 24px;\n    font-weight: 500;\n    margin-bottom: 20px;\n    color: $secondary-text-color;\n  }\n\n  h4 {\n    font-family: $font-display, sans-serif;\n    font-size: 16px;\n    line-height: 24px;\n    font-weight: 500;\n    margin-bottom: 20px;\n    color: $secondary-text-color;\n  }\n\n  h5 {\n    font-family: $font-display, sans-serif;\n    font-size: 14px;\n    line-height: 24px;\n    font-weight: 500;\n    margin-bottom: 20px;\n    color: $secondary-text-color;\n  }\n\n  h6 {\n    font-family: $font-display, sans-serif;\n    font-size: 12px;\n    line-height: 24px;\n    font-weight: 500;\n    margin-bottom: 20px;\n    color: $secondary-text-color;\n  }\n\n  ul,\n  ol {\n    margin-left: 20px;\n\n    &[type='a'] {\n      list-style-type: lower-alpha;\n    }\n\n    &[type='i'] {\n      list-style-type: lower-roman;\n    }\n  }\n\n  ul {\n    list-style: disc;\n  }\n\n  ol {\n    list-style: decimal;\n  }\n\n  li > ol,\n  li > ul {\n    margin-top: 6px;\n  }\n\n  hr {\n    width: 100%;\n    height: 0;\n    border: 0;\n    border-bottom: 1px solid rgba($ui-base-lighter-color, .6);\n    margin: 20px 0;\n\n    &.spacer {\n      height: 1px;\n      border: 0;\n    }\n  }\n\n  &__information,\n  &__forms {\n    padding: 20px;\n  }\n\n  &__call-to-action {\n    background: $ui-base-color;\n    border-radius: 4px;\n    padding: 25px 40px;\n    overflow: hidden;\n    box-sizing: border-box;\n\n    .row {\n      width: 100%;\n      display: flex;\n      flex-direction: row-reverse;\n      flex-wrap: nowrap;\n      justify-content: space-between;\n      align-items: center;\n    }\n\n    .row__information-board {\n      display: flex;\n      justify-content: flex-end;\n      align-items: flex-end;\n\n      .information-board__section {\n        flex: 1 0 auto;\n        padding: 0 10px;\n      }\n\n      @media screen and (max-width: $no-gap-breakpoint) {\n        width: 100%;\n        justify-content: space-between;\n      }\n    }\n\n    .row__mascot {\n      flex: 1;\n      margin: 10px -50px 0 0;\n\n      @media screen and (max-width: $no-gap-breakpoint) {\n        display: none;\n      }\n    }\n  }\n\n  &__logo {\n    margin-right: 20px;\n\n    img {\n      height: 50px;\n      width: auto;\n      mix-blend-mode: lighten;\n    }\n  }\n\n  &__information {\n    padding: 45px 40px;\n    margin-bottom: 10px;\n\n    &:last-child {\n      margin-bottom: 0;\n    }\n\n    strong {\n      font-weight: 500;\n      color: lighten($darker-text-color, 10%);\n    }\n\n    .account {\n      border-bottom: 0;\n      padding: 0;\n\n      &__display-name {\n        align-items: center;\n        display: flex;\n        margin-right: 5px;\n      }\n\n      div.account__display-name {\n        &:hover {\n          .display-name strong {\n            text-decoration: none;\n          }\n        }\n\n        .account__avatar {\n          cursor: default;\n        }\n      }\n\n      &__avatar-wrapper {\n        margin-left: 0;\n        flex: 0 0 auto;\n      }\n\n      &__avatar {\n        width: 44px;\n        height: 44px;\n        background-size: 44px 44px;\n        @include avatar-size(44px);\n      }\n\n      .display-name {\n        font-size: 15px;\n\n        &__account {\n          font-size: 14px;\n        }\n      }\n    }\n\n    @media screen and (max-width: $small-breakpoint) {\n      .contact {\n        margin-top: 30px;\n      }\n    }\n\n    @media screen and (max-width: $column-breakpoint) {\n      padding: 25px 20px;\n    }\n  }\n\n  &__information,\n  &__forms,\n  #mastodon-timeline {\n    box-sizing: border-box;\n    background: $ui-base-color;\n    border-radius: 4px;\n    box-shadow: 0 0 6px rgba($black, 0.1);\n  }\n\n  &__mascot {\n    height: 104px;\n    position: relative;\n    left: -40px;\n    bottom: 25px;\n\n    img {\n      height: 190px;\n      width: auto;\n    }\n  }\n\n  &__short-description {\n    .row {\n      display: flex;\n      flex-wrap: wrap;\n      align-items: center;\n      margin-bottom: 40px;\n    }\n\n    @media screen and (max-width: $column-breakpoint) {\n      .row {\n        margin-bottom: 20px;\n      }\n    }\n\n    p a {\n      color: $secondary-text-color;\n    }\n\n    h1 {\n      font-weight: 500;\n      color: $primary-text-color;\n      margin-bottom: 0;\n\n      small {\n        color: $darker-text-color;\n\n        span {\n          color: $secondary-text-color;\n        }\n      }\n    }\n\n    p:last-child {\n      margin-bottom: 0;\n    }\n  }\n\n  &__hero {\n    margin-bottom: 10px;\n\n    img {\n      display: block;\n      margin: 0;\n      max-width: 100%;\n      height: auto;\n      border-radius: 4px;\n    }\n  }\n\n  @media screen and (max-width: 840px) {\n    .information-board {\n      .container-alt {\n        padding-right: 20px;\n      }\n\n      .panel {\n        position: static;\n        margin-top: 20px;\n        width: 100%;\n        border-radius: 4px;\n\n        .panel-header {\n          text-align: center;\n        }\n      }\n    }\n  }\n\n  @media screen and (max-width: 675px) {\n    .header-wrapper {\n      padding-top: 0;\n\n      &.compact {\n        padding-bottom: 0;\n      }\n\n      &.compact .hero .heading {\n        text-align: initial;\n      }\n    }\n\n    .header .container-alt,\n    .features .container-alt {\n      display: block;\n    }\n  }\n\n  .cta {\n    margin: 20px;\n  }\n}\n\n.landing {\n  margin-bottom: 100px;\n\n  @media screen and (max-width: 738px) {\n    margin-bottom: 0;\n  }\n\n  &__brand {\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    padding: 50px;\n\n    svg {\n      fill: $primary-text-color;\n      height: 52px;\n    }\n\n    @media screen and (max-width: $no-gap-breakpoint) {\n      padding: 0;\n      margin-bottom: 30px;\n    }\n  }\n\n  .directory {\n    margin-top: 30px;\n    background: transparent;\n    box-shadow: none;\n    border-radius: 0;\n  }\n\n  .hero-widget {\n    margin-top: 30px;\n    margin-bottom: 0;\n\n    h4 {\n      padding: 10px;\n      text-transform: uppercase;\n      font-weight: 700;\n      font-size: 13px;\n      color: $darker-text-color;\n    }\n\n    &__text {\n      border-radius: 0;\n      padding-bottom: 0;\n    }\n\n    &__footer {\n      background: $ui-base-color;\n      padding: 10px;\n      border-radius: 0 0 4px 4px;\n      display: flex;\n\n      &__column {\n        flex: 1 1 50%;\n      }\n    }\n\n    .account {\n      padding: 10px 0;\n      border-bottom: 0;\n\n      .account__display-name {\n        display: flex;\n        align-items: center;\n      }\n\n      .account__avatar {\n        width: 44px;\n        height: 44px;\n        background-size: 44px 44px;\n      }\n    }\n\n    &__counter {\n      padding: 10px;\n\n      strong {\n        font-family: $font-display, sans-serif;\n        font-size: 15px;\n        font-weight: 700;\n        display: block;\n      }\n\n      span {\n        font-size: 14px;\n        color: $darker-text-color;\n      }\n    }\n  }\n\n  .simple_form .user_agreement .label_input > label {\n    font-weight: 400;\n    color: $darker-text-color;\n  }\n\n  .simple_form p.lead {\n    color: $darker-text-color;\n    font-size: 15px;\n    line-height: 20px;\n    font-weight: 400;\n    margin-bottom: 25px;\n  }\n\n  &__grid {\n    max-width: 960px;\n    margin: 0 auto;\n    display: grid;\n    grid-template-columns: minmax(0, 50%) minmax(0, 50%);\n    grid-gap: 30px;\n\n    @media screen and (max-width: 738px) {\n      grid-template-columns: minmax(0, 100%);\n      grid-gap: 10px;\n\n      &__column-login {\n        grid-row: 1;\n        display: flex;\n        flex-direction: column;\n\n        .box-widget {\n          order: 2;\n          flex: 0 0 auto;\n        }\n\n        .hero-widget {\n          margin-top: 0;\n          margin-bottom: 10px;\n          order: 1;\n          flex: 0 0 auto;\n        }\n      }\n\n      &__column-registration {\n        grid-row: 2;\n      }\n\n      .directory {\n        margin-top: 10px;\n      }\n    }\n\n    @media screen and (max-width: $no-gap-breakpoint) {\n      grid-gap: 0;\n\n      .hero-widget {\n        display: block;\n        margin-bottom: 0;\n        box-shadow: none;\n\n        &__img,\n        &__img img,\n        &__footer {\n          border-radius: 0;\n        }\n      }\n\n      .hero-widget,\n      .box-widget,\n      .directory__tag {\n        border-bottom: 1px solid lighten($ui-base-color, 8%);\n      }\n\n      .directory {\n        margin-top: 0;\n\n        &__tag {\n          margin-bottom: 0;\n\n          & > a,\n          & > div {\n            border-radius: 0;\n            box-shadow: none;\n          }\n\n          &:last-child {\n            border-bottom: 0;\n          }\n        }\n      }\n    }\n  }\n}\n\n.brand {\n  position: relative;\n  text-decoration: none;\n}\n\n.brand__tagline {\n  display: block;\n  position: absolute;\n  bottom: -10px;\n  left: 50px;\n  width: 300px;\n  color: $ui-primary-color;\n  text-decoration: none;\n  font-size: 14px;\n\n  @media screen and (max-width: $no-gap-breakpoint) {\n    position: static;\n    width: auto;\n    margin-top: 20px;\n    color: $dark-text-color;\n  }\n}\n\n",".table {\n  width: 100%;\n  max-width: 100%;\n  border-spacing: 0;\n  border-collapse: collapse;\n\n  th,\n  td {\n    padding: 8px;\n    line-height: 18px;\n    vertical-align: top;\n    border-top: 1px solid $ui-base-color;\n    text-align: left;\n    background: darken($ui-base-color, 4%);\n  }\n\n  & > thead > tr > th {\n    vertical-align: bottom;\n    border-bottom: 2px solid $ui-base-color;\n    border-top: 0;\n    font-weight: 500;\n  }\n\n  & > tbody > tr > th {\n    font-weight: 500;\n  }\n\n  & > tbody > tr:nth-child(odd) > td,\n  & > tbody > tr:nth-child(odd) > th {\n    background: $ui-base-color;\n  }\n\n  a {\n    color: $highlight-text-color;\n    text-decoration: underline;\n\n    &:hover {\n      text-decoration: none;\n    }\n  }\n\n  strong {\n    font-weight: 500;\n\n    @each $lang in $cjk-langs {\n      &:lang(#{$lang}) {\n        font-weight: 700;\n      }\n    }\n  }\n\n  &.inline-table {\n    & > tbody > tr:nth-child(odd) {\n      & > td,\n      & > th {\n        background: transparent;\n      }\n    }\n\n    & > tbody > tr:first-child {\n      & > td,\n      & > th {\n        border-top: 0;\n      }\n    }\n  }\n\n  &.batch-table {\n    & > thead > tr > th {\n      background: $ui-base-color;\n      border-top: 1px solid darken($ui-base-color, 8%);\n      border-bottom: 1px solid darken($ui-base-color, 8%);\n\n      &:first-child {\n        border-radius: 4px 0 0;\n        border-left: 1px solid darken($ui-base-color, 8%);\n      }\n\n      &:last-child {\n        border-radius: 0 4px 0 0;\n        border-right: 1px solid darken($ui-base-color, 8%);\n      }\n    }\n  }\n\n  &--invites tbody td {\n    vertical-align: middle;\n  }\n}\n\n.table-wrapper {\n  overflow: auto;\n  margin-bottom: 20px;\n}\n\nsamp {\n  font-family: $font-monospace, monospace;\n}\n\nbutton.table-action-link {\n  background: transparent;\n  border: 0;\n  font: inherit;\n}\n\nbutton.table-action-link,\na.table-action-link {\n  text-decoration: none;\n  display: inline-block;\n  margin-right: 5px;\n  padding: 0 10px;\n  color: $darker-text-color;\n  font-weight: 500;\n\n  &:hover {\n    color: $primary-text-color;\n  }\n\n  i.fa {\n    font-weight: 400;\n    margin-right: 5px;\n  }\n\n  &:first-child {\n    padding-left: 0;\n  }\n}\n\n.batch-table {\n  &__toolbar,\n  &__row {\n    display: flex;\n\n    &__select {\n      box-sizing: border-box;\n      padding: 8px 16px;\n      cursor: pointer;\n      min-height: 100%;\n\n      input {\n        margin-top: 8px;\n      }\n\n      &--aligned {\n        display: flex;\n        align-items: center;\n\n        input {\n          margin-top: 0;\n        }\n      }\n    }\n\n    &__actions,\n    &__content {\n      padding: 8px 0;\n      padding-right: 16px;\n      flex: 1 1 auto;\n    }\n  }\n\n  &__toolbar {\n    border: 1px solid darken($ui-base-color, 8%);\n    background: $ui-base-color;\n    border-radius: 4px 0 0;\n    height: 47px;\n    align-items: center;\n\n    &__actions {\n      text-align: right;\n      padding-right: 16px - 5px;\n    }\n  }\n\n  &__form {\n    padding: 16px;\n    border: 1px solid darken($ui-base-color, 8%);\n    border-top: 0;\n    background: $ui-base-color;\n\n    .fields-row {\n      padding-top: 0;\n      margin-bottom: 0;\n    }\n  }\n\n  &__row {\n    border: 1px solid darken($ui-base-color, 8%);\n    border-top: 0;\n    background: darken($ui-base-color, 4%);\n\n    @media screen and (max-width: $no-gap-breakpoint) {\n      .optional &:first-child {\n        border-top: 1px solid darken($ui-base-color, 8%);\n      }\n    }\n\n    &:hover {\n      background: darken($ui-base-color, 2%);\n    }\n\n    &:nth-child(even) {\n      background: $ui-base-color;\n\n      &:hover {\n        background: lighten($ui-base-color, 2%);\n      }\n    }\n\n    &__content {\n      padding-top: 12px;\n      padding-bottom: 16px;\n\n      &--unpadded {\n        padding: 0;\n      }\n\n      &--with-image {\n        display: flex;\n        align-items: center;\n      }\n\n      &__image {\n        flex: 0 0 auto;\n        display: flex;\n        justify-content: center;\n        align-items: center;\n        margin-right: 10px;\n\n        .emojione {\n          width: 32px;\n          height: 32px;\n        }\n      }\n\n      &__text {\n        flex: 1 1 auto;\n      }\n\n      &__extra {\n        flex: 0 0 auto;\n        text-align: right;\n        color: $darker-text-color;\n        font-weight: 500;\n      }\n    }\n\n    .directory__tag {\n      margin: 0;\n      width: 100%;\n\n      a {\n        background: transparent;\n        border-radius: 0;\n      }\n    }\n  }\n\n  &.optional .batch-table__toolbar,\n  &.optional .batch-table__row__select {\n    @media screen and (max-width: $no-gap-breakpoint) {\n      display: none;\n    }\n  }\n\n  .status__content {\n    padding-top: 0;\n\n    strong {\n      font-weight: 700;\n    }\n  }\n\n  .nothing-here {\n    border: 1px solid darken($ui-base-color, 8%);\n    border-top: 0;\n    box-shadow: none;\n\n    @media screen and (max-width: $no-gap-breakpoint) {\n      border-top: 1px solid darken($ui-base-color, 8%);\n    }\n  }\n\n  @media screen and (max-width: 870px) {\n    .accounts-table tbody td.optional {\n      display: none;\n    }\n  }\n}\n","$no-columns-breakpoint: 600px;\n$sidebar-width: 240px;\n$content-width: 840px;\n\n.admin-wrapper {\n  display: flex;\n  justify-content: center;\n  width: 100%;\n  min-height: 100vh;\n\n  .sidebar-wrapper {\n    min-height: 100vh;\n    overflow: hidden;\n    pointer-events: none;\n    flex: 1 1 auto;\n\n    &__inner {\n      display: flex;\n      justify-content: flex-end;\n      background: $ui-base-color;\n      height: 100%;\n    }\n  }\n\n  .sidebar {\n    width: $sidebar-width;\n    padding: 0;\n    pointer-events: auto;\n\n    &__toggle {\n      display: none;\n      background: lighten($ui-base-color, 8%);\n      height: 48px;\n\n      &__logo {\n        flex: 1 1 auto;\n\n        a {\n          display: inline-block;\n          padding: 15px;\n        }\n\n        svg {\n          fill: $primary-text-color;\n          height: 20px;\n          position: relative;\n          bottom: -2px;\n        }\n      }\n\n      &__icon {\n        display: block;\n        color: $darker-text-color;\n        text-decoration: none;\n        flex: 0 0 auto;\n        font-size: 20px;\n        padding: 15px;\n      }\n\n      a {\n        &:hover,\n        &:focus,\n        &:active {\n          background: lighten($ui-base-color, 12%);\n        }\n      }\n    }\n\n    .logo {\n      display: block;\n      margin: 40px auto;\n      width: 100px;\n      height: 100px;\n    }\n\n    @media screen and (max-width: $no-columns-breakpoint) {\n      & > a:first-child {\n        display: none;\n      }\n    }\n\n    ul {\n      list-style: none;\n      border-radius: 4px 0 0 4px;\n      overflow: hidden;\n      margin-bottom: 20px;\n\n      @media screen and (max-width: $no-columns-breakpoint) {\n        margin-bottom: 0;\n      }\n\n      a {\n        display: block;\n        padding: 15px;\n        color: $darker-text-color;\n        text-decoration: none;\n        transition: all 200ms linear;\n        transition-property: color, background-color;\n        border-radius: 4px 0 0 4px;\n        white-space: nowrap;\n        overflow: hidden;\n        text-overflow: ellipsis;\n\n        i.fa {\n          margin-right: 5px;\n        }\n\n        &:hover {\n          color: $primary-text-color;\n          background-color: darken($ui-base-color, 5%);\n          transition: all 100ms linear;\n          transition-property: color, background-color;\n        }\n\n        &.selected {\n          background: darken($ui-base-color, 2%);\n          border-radius: 4px 0 0;\n        }\n      }\n\n      ul {\n        background: darken($ui-base-color, 4%);\n        border-radius: 0 0 0 4px;\n        margin: 0;\n\n        a {\n          border: 0;\n          padding: 15px 35px;\n        }\n      }\n\n      .simple-navigation-active-leaf a {\n        color: $primary-text-color;\n        background-color: $ui-highlight-color;\n        border-bottom: 0;\n        border-radius: 0;\n\n        &:hover {\n          background-color: lighten($ui-highlight-color, 5%);\n        }\n      }\n    }\n\n    & > ul > .simple-navigation-active-leaf a {\n      border-radius: 4px 0 0 4px;\n    }\n  }\n\n  .content-wrapper {\n    box-sizing: border-box;\n    width: 100%;\n    max-width: $content-width;\n    flex: 1 1 auto;\n  }\n\n  @media screen and (max-width: $content-width + $sidebar-width) {\n    .sidebar-wrapper--empty {\n      display: none;\n    }\n\n    .sidebar-wrapper {\n      width: $sidebar-width;\n      flex: 0 0 auto;\n    }\n  }\n\n  @media screen and (max-width: $no-columns-breakpoint) {\n    .sidebar-wrapper {\n      width: 100%;\n    }\n  }\n\n  .content {\n    padding: 20px 15px;\n    padding-top: 60px;\n    padding-left: 25px;\n\n    @media screen and (max-width: $no-columns-breakpoint) {\n      max-width: none;\n      padding: 15px;\n      padding-top: 30px;\n    }\n\n    &-heading {\n      display: flex;\n\n      padding-bottom: 40px;\n      border-bottom: 1px solid lighten($ui-base-color, 8%);\n\n      margin: -15px -15px 40px 0;\n\n      flex-wrap: wrap;\n      align-items: center;\n      justify-content: space-between;\n\n      & > * {\n        margin-top: 15px;\n        margin-right: 15px;\n      }\n\n      &-actions {\n        display: inline-flex;\n\n        & > :not(:first-child) {\n          margin-left: 5px;\n        }\n      }\n\n      @media screen and (max-width: $no-columns-breakpoint) {\n        border-bottom: 0;\n        padding-bottom: 0;\n      }\n    }\n\n    h2 {\n      color: $secondary-text-color;\n      font-size: 24px;\n      line-height: 28px;\n      font-weight: 400;\n\n      @media screen and (max-width: $no-columns-breakpoint) {\n        font-weight: 700;\n      }\n    }\n\n    h3 {\n      color: $secondary-text-color;\n      font-size: 20px;\n      line-height: 28px;\n      font-weight: 400;\n      margin-bottom: 30px;\n    }\n\n    h4 {\n      text-transform: uppercase;\n      font-size: 13px;\n      font-weight: 700;\n      color: $darker-text-color;\n      padding-bottom: 8px;\n      margin-bottom: 8px;\n      border-bottom: 1px solid lighten($ui-base-color, 8%);\n    }\n\n    h6 {\n      font-size: 16px;\n      color: $secondary-text-color;\n      line-height: 28px;\n      font-weight: 500;\n    }\n\n    .fields-group h6 {\n      color: $primary-text-color;\n      font-weight: 500;\n    }\n\n    .directory__tag > a,\n    .directory__tag > div {\n      box-shadow: none;\n    }\n\n    .directory__tag .table-action-link .fa {\n      color: inherit;\n    }\n\n    .directory__tag h4 {\n      font-size: 18px;\n      font-weight: 700;\n      color: $primary-text-color;\n      text-transform: none;\n      padding-bottom: 0;\n      margin-bottom: 0;\n      border-bottom: none;\n    }\n\n    & > p {\n      font-size: 14px;\n      line-height: 21px;\n      color: $secondary-text-color;\n      margin-bottom: 20px;\n\n      strong {\n        color: $primary-text-color;\n        font-weight: 500;\n\n        @each $lang in $cjk-langs {\n          &:lang(#{$lang}) {\n            font-weight: 700;\n          }\n        }\n      }\n    }\n\n    hr {\n      width: 100%;\n      height: 0;\n      border: 0;\n      border-bottom: 1px solid rgba($ui-base-lighter-color, .6);\n      margin: 20px 0;\n\n      &.spacer {\n        height: 1px;\n        border: 0;\n      }\n    }\n  }\n\n  @media screen and (max-width: $no-columns-breakpoint) {\n    display: block;\n\n    .sidebar-wrapper {\n      min-height: 0;\n    }\n\n    .sidebar {\n      width: 100%;\n      padding: 0;\n      height: auto;\n\n      &__toggle {\n        display: flex;\n      }\n\n      & > ul {\n        display: none;\n      }\n\n      ul a,\n      ul ul a {\n        border-radius: 0;\n        border-bottom: 1px solid lighten($ui-base-color, 4%);\n        transition: none;\n\n        &:hover {\n          transition: none;\n        }\n      }\n\n      ul ul {\n        border-radius: 0;\n      }\n\n      ul .simple-navigation-active-leaf a {\n        border-bottom-color: $ui-highlight-color;\n      }\n    }\n  }\n}\n\nhr.spacer {\n  width: 100%;\n  border: 0;\n  margin: 20px 0;\n  height: 1px;\n}\n\nbody,\n.admin-wrapper .content {\n  .muted-hint {\n    color: $darker-text-color;\n\n    a {\n      color: $highlight-text-color;\n    }\n  }\n\n  .positive-hint {\n    color: $valid-value-color;\n    font-weight: 500;\n  }\n\n  .negative-hint {\n    color: $error-value-color;\n    font-weight: 500;\n  }\n\n  .neutral-hint {\n    color: $dark-text-color;\n    font-weight: 500;\n  }\n\n  .warning-hint {\n    color: $gold-star;\n    font-weight: 500;\n  }\n}\n\n.filters {\n  display: flex;\n  flex-wrap: wrap;\n\n  .filter-subset {\n    flex: 0 0 auto;\n    margin: 0 40px 20px 0;\n\n    &:last-child {\n      margin-bottom: 30px;\n    }\n\n    ul {\n      margin-top: 5px;\n      list-style: none;\n\n      li {\n        display: inline-block;\n        margin-right: 5px;\n      }\n    }\n\n    strong {\n      font-weight: 500;\n      text-transform: uppercase;\n      font-size: 12px;\n\n      @each $lang in $cjk-langs {\n        &:lang(#{$lang}) {\n          font-weight: 700;\n        }\n      }\n    }\n\n    a {\n      display: inline-block;\n      color: $darker-text-color;\n      text-decoration: none;\n      text-transform: uppercase;\n      font-size: 12px;\n      font-weight: 500;\n      border-bottom: 2px solid $ui-base-color;\n\n      &:hover {\n        color: $primary-text-color;\n        border-bottom: 2px solid lighten($ui-base-color, 5%);\n      }\n\n      &.selected {\n        color: $highlight-text-color;\n        border-bottom: 2px solid $ui-highlight-color;\n      }\n    }\n  }\n}\n\n.flavour-screen {\n  display: block;\n  margin: 10px auto;\n  max-width: 100%;\n}\n\n.flavour-description {\n  display: block;\n  font-size: 16px;\n  margin: 10px 0;\n\n  & > p {\n    margin: 10px 0;\n  }\n}\n\n.report-accounts {\n  display: flex;\n  flex-wrap: wrap;\n  margin-bottom: 20px;\n}\n\n.report-accounts__item {\n  display: flex;\n  flex: 250px;\n  flex-direction: column;\n  margin: 0 5px;\n\n  & > strong {\n    display: block;\n    margin: 0 0 10px -5px;\n    font-weight: 500;\n    font-size: 14px;\n    line-height: 18px;\n    color: $secondary-text-color;\n\n    @each $lang in $cjk-langs {\n      &:lang(#{$lang}) {\n        font-weight: 700;\n      }\n    }\n  }\n\n  .account-card {\n    flex: 1 1 auto;\n  }\n}\n\n.report-status,\n.account-status {\n  display: flex;\n  margin-bottom: 10px;\n\n  .activity-stream {\n    flex: 2 0 0;\n    margin-right: 20px;\n    max-width: calc(100% - 60px);\n\n    .entry {\n      border-radius: 4px;\n    }\n  }\n}\n\n.report-status__actions,\n.account-status__actions {\n  flex: 0 0 auto;\n  display: flex;\n  flex-direction: column;\n\n  .icon-button {\n    font-size: 24px;\n    width: 24px;\n    text-align: center;\n    margin-bottom: 10px;\n  }\n}\n\n.simple_form.new_report_note,\n.simple_form.new_account_moderation_note {\n  max-width: 100%;\n}\n\n.batch-form-box {\n  display: flex;\n  flex-wrap: wrap;\n  margin-bottom: 5px;\n\n  #form_status_batch_action {\n    margin: 0 5px 5px 0;\n    font-size: 14px;\n  }\n\n  input.button {\n    margin: 0 5px 5px 0;\n  }\n\n  .media-spoiler-toggle-buttons {\n    margin-left: auto;\n\n    .button {\n      overflow: visible;\n      margin: 0 0 5px 5px;\n      float: right;\n    }\n  }\n}\n\n.back-link {\n  margin-bottom: 10px;\n  font-size: 14px;\n\n  a {\n    color: $highlight-text-color;\n    text-decoration: none;\n\n    &:hover {\n      text-decoration: underline;\n    }\n  }\n}\n\n.spacer {\n  flex: 1 1 auto;\n}\n\n.log-entry {\n  margin-bottom: 20px;\n  line-height: 20px;\n\n  &__header {\n    display: flex;\n    justify-content: flex-start;\n    align-items: center;\n    padding: 10px;\n    background: $ui-base-color;\n    color: $darker-text-color;\n    border-radius: 4px 4px 0 0;\n    font-size: 14px;\n    position: relative;\n  }\n\n  &__avatar {\n    margin-right: 10px;\n\n    .avatar {\n      display: block;\n      margin: 0;\n      border-radius: 50%;\n      width: 40px;\n      height: 40px;\n    }\n  }\n\n  &__content {\n    max-width: calc(100% - 90px);\n  }\n\n  &__title {\n    word-wrap: break-word;\n  }\n\n  &__timestamp {\n    color: $dark-text-color;\n  }\n\n  &__extras {\n    background: lighten($ui-base-color, 6%);\n    border-radius: 0 0 4px 4px;\n    padding: 10px;\n    color: $darker-text-color;\n    font-family: $font-monospace, monospace;\n    font-size: 12px;\n    word-wrap: break-word;\n    min-height: 20px;\n  }\n\n  &__icon {\n    font-size: 28px;\n    margin-right: 10px;\n    color: $dark-text-color;\n  }\n\n  &__icon__overlay {\n    position: absolute;\n    top: 10px;\n    right: 10px;\n    width: 10px;\n    height: 10px;\n    border-radius: 50%;\n\n    &.positive {\n      background: $success-green;\n    }\n\n    &.negative {\n      background: lighten($error-red, 12%);\n    }\n\n    &.neutral {\n      background: $ui-highlight-color;\n    }\n  }\n\n  a,\n  .username,\n  .target {\n    color: $secondary-text-color;\n    text-decoration: none;\n    font-weight: 500;\n  }\n\n  .diff-old {\n    color: lighten($error-red, 12%);\n  }\n\n  .diff-neutral {\n    color: $secondary-text-color;\n  }\n\n  .diff-new {\n    color: $success-green;\n  }\n}\n\na.name-tag,\n.name-tag,\na.inline-name-tag,\n.inline-name-tag {\n  text-decoration: none;\n  color: $secondary-text-color;\n\n  .username {\n    font-weight: 500;\n  }\n\n  &.suspended {\n    .username {\n      text-decoration: line-through;\n      color: lighten($error-red, 12%);\n    }\n\n    .avatar {\n      filter: grayscale(100%);\n      opacity: 0.8;\n    }\n  }\n}\n\na.name-tag,\n.name-tag {\n  display: flex;\n  align-items: center;\n\n  .avatar {\n    display: block;\n    margin: 0;\n    margin-right: 5px;\n    border-radius: 50%;\n  }\n\n  &.suspended {\n    .avatar {\n      filter: grayscale(100%);\n      opacity: 0.8;\n    }\n  }\n}\n\n.speech-bubble {\n  margin-bottom: 20px;\n  border-left: 4px solid $ui-highlight-color;\n\n  &.positive {\n    border-left-color: $success-green;\n  }\n\n  &.negative {\n    border-left-color: lighten($error-red, 12%);\n  }\n\n  &.warning {\n    border-left-color: $gold-star;\n  }\n\n  &__bubble {\n    padding: 16px;\n    padding-left: 14px;\n    font-size: 15px;\n    line-height: 20px;\n    border-radius: 4px 4px 4px 0;\n    position: relative;\n    font-weight: 500;\n\n    a {\n      color: $darker-text-color;\n    }\n  }\n\n  &__owner {\n    padding: 8px;\n    padding-left: 12px;\n  }\n\n  time {\n    color: $dark-text-color;\n  }\n}\n\n.report-card {\n  background: $ui-base-color;\n  border-radius: 4px;\n  margin-bottom: 20px;\n\n  &__profile {\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    padding: 15px;\n\n    .account {\n      padding: 0;\n      border: 0;\n\n      &__avatar-wrapper {\n        margin-left: 0;\n      }\n    }\n\n    &__stats {\n      flex: 0 0 auto;\n      font-weight: 500;\n      color: $darker-text-color;\n      text-transform: uppercase;\n      text-align: right;\n\n      a {\n        color: inherit;\n        text-decoration: none;\n\n        &:focus,\n        &:hover,\n        &:active {\n          color: lighten($darker-text-color, 8%);\n        }\n      }\n\n      .red {\n        color: $error-value-color;\n      }\n    }\n  }\n\n  &__summary {\n    &__item {\n      display: flex;\n      justify-content: flex-start;\n      border-top: 1px solid darken($ui-base-color, 4%);\n\n      &:hover {\n        background: lighten($ui-base-color, 2%);\n      }\n\n      &__reported-by,\n      &__assigned {\n        padding: 15px;\n        flex: 0 0 auto;\n        box-sizing: border-box;\n        width: 150px;\n        color: $darker-text-color;\n\n        &,\n        .username {\n          white-space: nowrap;\n          overflow: hidden;\n          text-overflow: ellipsis;\n        }\n      }\n\n      &__content {\n        flex: 1 1 auto;\n        max-width: calc(100% - 300px);\n\n        &__icon {\n          color: $dark-text-color;\n          margin-right: 4px;\n          font-weight: 500;\n        }\n      }\n\n      &__content a {\n        display: block;\n        box-sizing: border-box;\n        width: 100%;\n        padding: 15px;\n        text-decoration: none;\n        color: $darker-text-color;\n      }\n    }\n  }\n}\n\n.one-line {\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n}\n\n.ellipsized-ip {\n  display: inline-block;\n  max-width: 120px;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  vertical-align: middle;\n}\n\n.admin-account-bio {\n  display: flex;\n  flex-wrap: wrap;\n  margin: 0 -5px;\n  margin-top: 20px;\n\n  > div {\n    box-sizing: border-box;\n    padding: 0 5px;\n    margin-bottom: 10px;\n    flex: 1 0 50%;\n  }\n\n  .account__header__fields,\n  .account__header__content {\n    background: lighten($ui-base-color, 8%);\n    border-radius: 4px;\n    height: 100%;\n  }\n\n  .account__header__fields {\n    margin: 0;\n    border: 0;\n\n    a {\n      color: lighten($ui-highlight-color, 8%);\n    }\n\n    dl:first-child .verified {\n      border-radius: 0 4px 0 0;\n    }\n\n    .verified a {\n      color: $valid-value-color;\n    }\n  }\n\n  .account__header__content {\n    box-sizing: border-box;\n    padding: 20px;\n    color: $primary-text-color;\n  }\n}\n\n.center-text {\n  text-align: center;\n}\n","$emojis-requiring-outlines: '8ball' 'ant' 'back' 'black_circle' 'black_heart' 'black_large_square' 'black_medium_small_square' 'black_medium_square' 'black_nib' 'black_small_square' 'bomb' 'bowling' 'bust_in_silhouette' 'busts_in_silhouette' 'camera' 'camera_with_flash' 'clubs' 'copyright' 'curly_loop' 'currency_exchange' 'dark_sunglasses' 'eight_pointed_black_star' 'electric_plug' 'end' 'female-guard' 'film_projector' 'fried_egg' 'gorilla' 'guardsman' 'heavy_check_mark' 'heavy_division_sign' 'heavy_dollar_sign' 'heavy_minus_sign' 'heavy_multiplication_x' 'heavy_plus_sign' 'hocho' 'hole' 'joystick' 'kaaba' 'lower_left_ballpoint_pen' 'lower_left_fountain_pen' 'male-guard' 'microphone' 'mortar_board' 'movie_camera' 'musical_score' 'on' 'registered' 'soon' 'spades' 'speaking_head_in_silhouette' 'spider' 'telephone_receiver' 'tm' 'top' 'tophat' 'turkey' 'vhs' 'video_camera' 'video_game' 'water_buffalo' 'waving_black_flag' 'wavy_dash' !default;\n\n%emoji-outline {\n  filter: drop-shadow(1px 1px 0 $primary-text-color) drop-shadow(-1px 1px 0 $primary-text-color) drop-shadow(1px -1px 0 $primary-text-color) drop-shadow(-1px -1px 0 $primary-text-color);\n}\n\n.emojione {\n  @each $emoji in $emojis-requiring-outlines {\n    &[title=':#{$emoji}:'] {\n      @extend %emoji-outline;\n    }\n  }\n}\n\n.hicolor-privacy-icons {\n  .status__visibility-icon.fa-globe,\n  .composer--options--dropdown--content--item .fa-globe {\n    color: #1976D2;\n  }\n\n  .status__visibility-icon.fa-unlock,\n  .composer--options--dropdown--content--item .fa-unlock {\n    color: #388E3C;\n  }\n\n  .status__visibility-icon.fa-lock,\n  .composer--options--dropdown--content--item .fa-lock {\n    color: #FFA000;\n  }\n\n  .status__visibility-icon.fa-envelope,\n  .composer--options--dropdown--content--item .fa-envelope {\n    color: #D32F2F;\n  }\n}\n","body.rtl {\n  direction: rtl;\n\n  .column-header > button {\n    text-align: right;\n    padding-left: 0;\n    padding-right: 15px;\n  }\n\n  .radio-button__input {\n    margin-right: 0;\n    margin-left: 10px;\n  }\n\n  .directory__card__bar .display-name {\n    margin-left: 0;\n    margin-right: 15px;\n  }\n\n  .display-name {\n    text-align: right;\n  }\n\n  .notification__message {\n    margin-left: 0;\n    margin-right: 68px;\n  }\n\n  .drawer__inner__mastodon > img {\n    transform: scaleX(-1);\n  }\n\n  .notification__favourite-icon-wrapper {\n    left: auto;\n    right: -26px;\n  }\n\n  .landing-page__logo {\n    margin-right: 0;\n    margin-left: 20px;\n  }\n\n  .landing-page .features-list .features-list__row .visual {\n    margin-left: 0;\n    margin-right: 15px;\n  }\n\n  .column-link__icon,\n  .column-header__icon {\n    margin-right: 0;\n    margin-left: 5px;\n  }\n\n  .compose-form .compose-form__buttons-wrapper .character-counter__wrapper {\n    margin-right: 0;\n    margin-left: 4px;\n  }\n\n  .composer--publisher {\n    text-align: left;\n  }\n\n  .boost-modal__status-time,\n  .favourite-modal__status-time {\n    float: left;\n  }\n\n  .navigation-bar__profile {\n    margin-left: 0;\n    margin-right: 8px;\n  }\n\n  .search__input {\n    padding-right: 10px;\n    padding-left: 30px;\n  }\n\n  .search__icon .fa {\n    right: auto;\n    left: 10px;\n  }\n\n  .columns-area {\n    direction: rtl;\n  }\n\n  .column-header__buttons {\n    left: 0;\n    right: auto;\n    margin-left: 0;\n    margin-right: -15px;\n  }\n\n  .column-inline-form .icon-button {\n    margin-left: 0;\n    margin-right: 5px;\n  }\n\n  .column-header__links .text-btn {\n    margin-left: 10px;\n    margin-right: 0;\n  }\n\n  .account__avatar-wrapper {\n    float: right;\n  }\n\n  .column-header__back-button {\n    padding-left: 5px;\n    padding-right: 0;\n  }\n\n  .column-header__setting-arrows {\n    float: left;\n  }\n\n  .setting-toggle__label {\n    margin-left: 0;\n    margin-right: 8px;\n  }\n\n  .setting-meta__label {\n    float: left;\n  }\n\n  .status__avatar {\n    margin-left: 10px;\n    margin-right: 0;\n\n    // Those are used for public pages\n    left: auto;\n    right: 10px;\n  }\n\n  .activity-stream .status.light {\n    padding-left: 10px;\n    padding-right: 68px;\n  }\n\n  .status__info .status__display-name,\n  .activity-stream .status.light .status__display-name {\n    padding-left: 25px;\n    padding-right: 0;\n  }\n\n  .activity-stream .pre-header {\n    padding-right: 68px;\n    padding-left: 0;\n  }\n\n  .status__prepend {\n    margin-left: 0;\n    margin-right: 58px;\n  }\n\n  .status__prepend-icon-wrapper {\n    left: auto;\n    right: -26px;\n  }\n\n  .activity-stream .pre-header .pre-header__icon {\n    left: auto;\n    right: 42px;\n  }\n\n  .account__avatar-overlay-overlay {\n    right: auto;\n    left: 0;\n  }\n\n  .column-back-button--slim-button {\n    right: auto;\n    left: 0;\n  }\n\n  .status__relative-time,\n  .activity-stream .status.light .status__header .status__meta {\n    float: left;\n    text-align: left;\n  }\n\n  .status__action-bar {\n    &__counter {\n      margin-right: 0;\n      margin-left: 11px;\n\n      .status__action-bar-button {\n        margin-right: 0;\n        margin-left: 4px;\n      }\n    }\n  }\n\n  .status__action-bar-button {\n    float: right;\n    margin-right: 0;\n    margin-left: 18px;\n  }\n\n  .status__action-bar-dropdown {\n    float: right;\n  }\n\n  .privacy-dropdown__dropdown {\n    margin-left: 0;\n    margin-right: 40px;\n  }\n\n  .privacy-dropdown__option__icon {\n    margin-left: 10px;\n    margin-right: 0;\n  }\n\n  .detailed-status__display-name .display-name {\n    text-align: right;\n  }\n\n  .detailed-status__display-avatar {\n    margin-right: 0;\n    margin-left: 10px;\n    float: right;\n  }\n\n  .detailed-status__favorites,\n  .detailed-status__reblogs {\n    margin-left: 0;\n    margin-right: 6px;\n  }\n\n  .fa-ul {\n    margin-left: 2.14285714em;\n  }\n\n  .fa-li {\n    left: auto;\n    right: -2.14285714em;\n  }\n\n  .admin-wrapper {\n    direction: rtl;\n  }\n\n  .admin-wrapper .sidebar ul a i.fa,\n  a.table-action-link i.fa {\n    margin-right: 0;\n    margin-left: 5px;\n  }\n\n  .simple_form .check_boxes .checkbox label {\n    padding-left: 0;\n    padding-right: 25px;\n  }\n\n  .simple_form .input.with_label.boolean label.checkbox {\n    padding-left: 25px;\n    padding-right: 0;\n  }\n\n  .simple_form .check_boxes .checkbox input[type=\"checkbox\"],\n  .simple_form .input.boolean input[type=\"checkbox\"] {\n    left: auto;\n    right: 0;\n  }\n\n  .simple_form .input.radio_buttons .radio {\n    left: auto;\n    right: 0;\n  }\n\n  .simple_form .input.radio_buttons .radio > label {\n    padding-right: 28px;\n    padding-left: 0;\n  }\n\n  .simple_form .input-with-append .input input {\n    padding-left: 142px;\n    padding-right: 0;\n  }\n\n  .simple_form .input.boolean label.checkbox {\n    left: auto;\n    right: 0;\n  }\n\n  .simple_form .input.boolean .label_input,\n  .simple_form .input.boolean .hint {\n    padding-left: 0;\n    padding-right: 28px;\n  }\n\n  .simple_form .label_input__append {\n    right: auto;\n    left: 3px;\n\n    &::after {\n      right: auto;\n      left: 0;\n      background-image: linear-gradient(to left, rgba(darken($ui-base-color, 10%), 0), darken($ui-base-color, 10%));\n    }\n  }\n\n  .simple_form select {\n    background: darken($ui-base-color, 10%) url(\"data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14.933 18.467' height='19.698' width='15.929'><path d='M3.467 14.967l-3.393-3.5H14.86l-3.392 3.5c-1.866 1.925-3.666 3.5-4 3.5-.335 0-2.135-1.575-4-3.5zm.266-11.234L7.467 0 11.2 3.733l3.733 3.734H0l3.733-3.734z' fill='#{hex-color(lighten($ui-base-color, 12%))}'/></svg>\") no-repeat left 8px center / auto 16px;\n  }\n\n  .table th,\n  .table td {\n    text-align: right;\n  }\n\n  .filters .filter-subset {\n    margin-right: 0;\n    margin-left: 45px;\n  }\n\n  .landing-page .header-wrapper .mascot {\n    right: 60px;\n    left: auto;\n  }\n\n  .landing-page__call-to-action .row__information-board {\n    direction: rtl;\n  }\n\n  .landing-page .header .hero .floats .float-1 {\n    left: -120px;\n    right: auto;\n  }\n\n  .landing-page .header .hero .floats .float-2 {\n    left: 210px;\n    right: auto;\n  }\n\n  .landing-page .header .hero .floats .float-3 {\n    left: 110px;\n    right: auto;\n  }\n\n  .landing-page .header .links .brand img {\n    left: 0;\n  }\n\n  .landing-page .fa-external-link {\n    padding-right: 5px;\n    padding-left: 0 !important;\n  }\n\n  .landing-page .features #mastodon-timeline {\n    margin-right: 0;\n    margin-left: 30px;\n  }\n\n  @media screen and (min-width: 631px) {\n    .column,\n    .drawer {\n      padding-left: 5px;\n      padding-right: 5px;\n\n      &:first-child {\n        padding-left: 5px;\n        padding-right: 10px;\n      }\n    }\n\n    .columns-area > div {\n      .column,\n      .drawer {\n        padding-left: 5px;\n        padding-right: 5px;\n      }\n    }\n  }\n\n  .columns-area--mobile .column,\n  .columns-area--mobile .drawer {\n    padding-left: 0;\n    padding-right: 0;\n  }\n\n  .public-layout {\n    .header {\n      .nav-button {\n        margin-left: 8px;\n        margin-right: 0;\n      }\n    }\n\n    .public-account-header__tabs {\n      margin-left: 0;\n      margin-right: 20px;\n    }\n  }\n\n  .landing-page__information {\n    .account__display-name {\n      margin-right: 0;\n      margin-left: 5px;\n    }\n\n    .account__avatar-wrapper {\n      margin-left: 12px;\n      margin-right: 0;\n    }\n  }\n\n  .card__bar .display-name {\n    margin-left: 0;\n    margin-right: 15px;\n    text-align: right;\n  }\n\n  .fa-chevron-left::before {\n    content: \"\\F054\";\n  }\n\n  .fa-chevron-right::before {\n    content: \"\\F053\";\n  }\n\n  .column-back-button__icon {\n    margin-right: 0;\n    margin-left: 5px;\n  }\n\n  .column-header__setting-arrows .column-header__setting-btn:last-child {\n    padding-left: 0;\n    padding-right: 10px;\n  }\n\n  .simple_form .input.radio_buttons .radio > label input {\n    left: auto;\n    right: 0;\n  }\n}\n",".dashboard__counters {\n  display: flex;\n  flex-wrap: wrap;\n  margin: 0 -5px;\n  margin-bottom: 20px;\n\n  & > div {\n    box-sizing: border-box;\n    flex: 0 0 33.333%;\n    padding: 0 5px;\n    margin-bottom: 10px;\n\n    & > div,\n    & > a {\n      padding: 20px;\n      background: lighten($ui-base-color, 4%);\n      border-radius: 4px;\n      box-sizing: border-box;\n      height: 100%;\n    }\n\n    & > a {\n      text-decoration: none;\n      color: inherit;\n      display: block;\n\n      &:hover,\n      &:focus,\n      &:active {\n        background: lighten($ui-base-color, 8%);\n      }\n    }\n  }\n\n  &__num,\n  &__text {\n    text-align: center;\n    font-weight: 500;\n    font-size: 24px;\n    line-height: 21px;\n    color: $primary-text-color;\n    font-family: $font-display, sans-serif;\n    margin-bottom: 20px;\n    line-height: 30px;\n  }\n\n  &__text {\n    font-size: 18px;\n  }\n\n  &__label {\n    font-size: 14px;\n    color: $darker-text-color;\n    text-align: center;\n    font-weight: 500;\n  }\n}\n\n.dashboard__widgets {\n  display: flex;\n  flex-wrap: wrap;\n  margin: 0 -5px;\n\n  & > div {\n    flex: 0 0 33.333%;\n    margin-bottom: 20px;\n\n    & > div {\n      padding: 0 5px;\n    }\n  }\n\n  a:not(.name-tag) {\n    color: $ui-secondary-color;\n    font-weight: 500;\n    text-decoration: none;\n  }\n}\n"],"sourceRoot":""}
\ No newline at end of file
+{"version":3,"sources":["webpack:///index.scss","webpack:///./app/javascript/flavours/glitch/styles/reset.scss","webpack:///./app/javascript/flavours/glitch/styles/variables.scss","webpack:///./app/javascript/flavours/glitch/styles/basics.scss","webpack:///./app/javascript/flavours/glitch/styles/containers.scss","webpack:///./app/javascript/flavours/glitch/styles/_mixins.scss","webpack:///./app/javascript/flavours/glitch/styles/lists.scss","webpack:///./app/javascript/flavours/glitch/styles/modal.scss","webpack:///./app/javascript/flavours/glitch/styles/footer.scss","webpack:///./app/javascript/flavours/glitch/styles/compact_header.scss","webpack:///./app/javascript/flavours/glitch/styles/widgets.scss","webpack:///./app/javascript/flavours/glitch/styles/forms.scss","webpack:///./app/javascript/flavours/glitch/styles/accounts.scss","webpack:///./app/javascript/flavours/glitch/styles/statuses.scss","webpack:///./app/javascript/flavours/glitch/styles/components/index.scss","webpack:///./app/javascript/flavours/glitch/styles/components/boost.scss","webpack:///./app/javascript/flavours/glitch/styles/components/accounts.scss","webpack:///./app/javascript/flavours/glitch/styles/components/domains.scss","webpack:///./app/javascript/flavours/glitch/styles/components/status.scss","webpack:///./app/javascript/flavours/glitch/styles/components/modal.scss","webpack:///./app/javascript/flavours/glitch/styles/components/composer.scss","webpack:///./app/javascript/flavours/glitch/styles/components/columns.scss","webpack:///./app/javascript/flavours/glitch/styles/components/regeneration_indicator.scss","webpack:///./app/javascript/flavours/glitch/styles/components/directory.scss","webpack:///./app/javascript/flavours/glitch/styles/components/search.scss","webpack:///<no source>","webpack:///./app/javascript/flavours/glitch/styles/components/emoji.scss","webpack:///./app/javascript/flavours/glitch/styles/components/doodle.scss","webpack:///./app/javascript/flavours/glitch/styles/components/drawer.scss","webpack:///./app/javascript/flavours/glitch/styles/components/media.scss","webpack:///./app/javascript/flavours/glitch/styles/components/sensitive.scss","webpack:///./app/javascript/flavours/glitch/styles/components/lists.scss","webpack:///./app/javascript/flavours/glitch/styles/components/emoji_picker.scss","webpack:///./app/javascript/flavours/glitch/styles/components/local_settings.scss","webpack:///./app/javascript/flavours/glitch/styles/components/error_boundary.scss","webpack:///./app/javascript/flavours/glitch/styles/components/single_column.scss","webpack:///./app/javascript/flavours/glitch/styles/components/announcements.scss","webpack:///./app/javascript/flavours/glitch/styles/polls.scss","webpack:///./app/javascript/flavours/glitch/styles/about.scss","webpack:///./app/javascript/flavours/glitch/styles/tables.scss","webpack:///./app/javascript/flavours/glitch/styles/admin.scss","webpack:///./app/javascript/flavours/glitch/styles/accessibility.scss","webpack:///./app/javascript/flavours/glitch/styles/rtl.scss","webpack:///./app/javascript/flavours/glitch/styles/dashboard.scss"],"names":[],"mappings":"AAAA,2ZCKA,QAaE,UACA,SACA,eACA,aACA,wBACA,+EAIF,aAEE,MAGF,aACE,OAGF,eACE,cAGF,WACE,qDAGF,UAEE,aACA,OAGF,wBACE,iBACA,MAGF,sCACE,qBAGF,UACE,YACA,2BAGF,kBACE,cACA,mBACA,iCAGF,kBACE,kCAGF,kBACE,2BAGF,aACE,gBACA,0BACA,CCtEW,iED6Eb,kBC7Ea,4BDiFb,sBACE,MEtFF,sBACE,mBACA,eACA,iBACA,gBACA,WDVM,kCCYN,6BACA,8BACA,CADA,0BACA,CADA,qBACA,0CACA,wCACA,kBAEA,sIAYE,eAGF,SACE,oCAEA,WACE,iBACA,kBACA,uCAGF,iBACE,WACA,YACA,mCAGF,iBACE,cAIJ,kBD5CW,kBCgDX,iBACE,kBACA,0BAEA,iBACE,YAIJ,kBACE,SACA,iBACA,uBAEA,iBACE,WACA,YACA,gBACA,YAIJ,kBACE,UACA,YAGF,iBACE,kBACA,cDtEoB,mBAPX,WCgFT,YACA,UACA,aACA,uBACA,mBACA,oBAEA,qBACE,YACA,wBAEA,aACE,gBACA,WACA,YACA,kBACA,uBAGF,cACE,iBACA,gBACA,QAMR,mBACE,eACA,cAEA,YACE,6BAKF,YAEE,WACA,mBACA,uBACA,oBACA,yEAKF,gBAEE,+EAKF,WAEE,gBCrJJ,WACE,CACA,kBACA,qCAEA,eALF,UAMI,SACA,kBAIJ,sBACE,qCAEA,gBAHF,kBAII,qBAGF,YACE,uBACA,mBACA,wBAEA,SFrBI,YEuBF,kBACA,sBAGF,YACE,uBACA,mBACA,WF9BE,qBEgCF,UACA,kBACA,iBACA,uBACA,gBACA,eACA,mCAMJ,WACE,CACA,cACA,mBACA,sBACA,qCAEA,kCAPF,UAQI,aACA,aACA,kBAKN,WACE,CACA,YACA,eACA,iBACA,sBACA,CACA,gBACA,CACA,sBACA,qCAEA,gBAZF,UAaI,CACA,eACA,CACA,mBACA,0BAKA,UACqB,sCC3EvB,iBD4EE,6BAEA,UACE,YACA,cACA,SACA,kBACA,iBF5BkB,wBG9DtB,4BACA,uBD8FA,aACE,cF/EsB,wBEiFtB,iCAEA,aACE,gBACA,uBACA,gBACA,8BAIJ,aACE,eACA,iBACA,gBACA,SAIJ,YACE,cACA,8BACA,sBACA,mCACA,CADA,0BACA,mBAEA,eACE,WACA,mBAGF,aACE,WACA,mBAGF,aACE,WACA,mBAGF,eACE,WACA,qCAGF,QA3BF,UA4BI,qCACA,mBAEA,aACE,mBAGF,aACE,WACA,mBAGF,aACE,WACA,mBAGF,aACE,WACA,UAKN,YACE,cACA,8CACA,sBACA,mCACA,CADA,0BACA,mBAEA,eACE,WACA,mBAGF,eACE,WACA,mBAGF,aACE,WACA,mBAGF,eACE,WACA,mBAGF,aACE,WACA,uCAGF,eACE,wBAGF,kBACE,qCAGF,QAxCF,iDAyCI,uCAEA,YACE,aACA,mBACA,uBACA,iCAGF,UACE,uBACA,mBACA,sBAGF,YACE,sCAIJ,QA7DF,UA8DI,qCACA,mBAEA,aACE,mBAGF,aACE,WACA,mBAGF,aACE,WACA,mBAGF,aACE,WACA,mBAGF,aACE,WACA,sCAMJ,eADF,gBAEI,4BAGF,eACE,qCAEA,0BAHF,SAII,yBAIJ,kBACE,mCACA,kBACA,YACA,cACA,aACA,oBACA,uBACA,iBACA,gBACA,qCAEA,uBAZF,cAaI,WACA,MACA,OACA,SACA,gBACA,gBACA,YACA,6BAGF,cACE,eACA,kCAGF,YACE,oBACA,2BACA,iBACA,oCAGF,YACE,oBACA,uBACA,iBACA,mCAGF,YACE,oBACA,yBACA,iBACA,+BAGF,aACE,aACA,mCAEA,aACE,YACA,WACA,kBACA,YACA,UF1UA,qCE6UA,kCARF,WASI,+GAIJ,kBAGE,kCAIJ,YACE,mBACA,eACA,eACA,gBACA,qBACA,cF/UkB,mBEiVlB,kBACA,uHAEA,yBAGE,WFvWA,qCE2WF,0CACE,YACE,qCAKN,kBACE,CACA,oBACA,kBACA,6HAEA,oBAGE,mBACA,sBAON,YACE,cACA,0DACA,sBACA,mCACA,CADA,0BACA,gCAEA,UACE,cACA,gCAGF,UACE,cACA,qCAGF,qBAjBF,0BAkBI,WACA,gCAEA,YACE,kCAKN,iBACE,qCAEA,gCAHF,eAII,sCAKF,4BADF,eAEI,wCAIJ,eACE,mBACA,mCACA,gDAEA,UACE,qIAEA,8BAEE,CAFF,sBAEE,6DAGF,wBFxaoB,8CE6atB,yBACE,gBACA,aACA,kBACA,gBACA,oDAEA,UACE,cACA,kBACA,WACA,YACA,gDACA,MACA,OACA,kDAGF,mBACE,CADF,8BACE,CADF,gBACE,cACA,WACA,YACA,SACA,0BACA,qCAGF,6CA3BF,YA4BI,gDAIJ,eACE,6JAEA,iBAEE,qCAEA,4JAJF,eAKI,sCAKN,sCA/DF,eAgEI,gBACA,oDAEA,YACE,+FAGF,eAEE,6CAIJ,iBACE,iBACA,aACA,2BACA,mDAEA,UACE,cACA,mBACA,kBACA,SACA,OACA,QACA,YACA,0BACA,WACA,oDAGF,aACE,CAEA,WACqB,yCCzgB3B,kBD0gBM,cACA,wDAEA,aACE,WACA,YACA,SACA,kBACA,yBACA,mBACA,iBF7dc,wBG9DtB,4BACA,qCD+hBI,2CAvCF,YAwCI,mBACA,0BACA,YACA,mDAEA,YACE,oDAKA,UACqB,sCCtiB7B,CDuiBQ,sBACA,wDAEA,QACE,kBACA,iBFrfY,wBG9DtB,4BACA,2DDsjBQ,mDAbF,YAcI,sCAKN,2CApEF,eAqEI,sCAGF,2CAxEF,cAyEI,8CAIJ,aACE,iBACA,mDAEA,gBACE,mBACA,sDAEA,cACE,iBACA,WFhlBF,gBEklBE,gBACA,mBACA,uBACA,6BACA,4DAEA,aACE,eACA,WF1lBJ,gBE4lBI,gBACA,uBACA,qCAKN,4CA7BF,gBA8BI,aACA,8BACA,mBACA,mDAEA,aACE,iBACA,sDAEA,cACE,iBACA,iBACA,4DAEA,aFlmBY,oDEymBlB,YACE,2BACA,oBACA,YACA,qEAEA,YACE,mBACA,gBACA,qCAGF,oEACE,YACE,6DAIJ,eACE,sBACA,cACA,cF9nBc,aEgoBd,+BACA,eACA,kBACA,kBACA,8DAEA,aACE,uEAGF,cACE,kEAGF,aACE,WACA,kBACA,SACA,OACA,WACA,gCACA,WACA,wBACA,yEAIA,+BACE,UACA,kFAGF,2BF/pBc,wEEqqBd,SACE,wBACA,8DAIJ,oBACE,cACA,2EAGF,cACE,cACA,4EAGF,eACE,eACA,kBACA,WFzsBJ,uBE2sBI,2DAIJ,aACE,WACA,4DAGF,eACE,8CAKN,YACE,eACA,kEAEA,eACE,gBACA,uBACA,cACA,2FAEA,4BACE,yEAGF,YACE,qDAIJ,gBACE,eACA,cF/tBgB,uDEkuBhB,oBACE,cFnuBc,qBEquBd,aACA,gBACA,8DAEA,eACE,WF1vBJ,qCEgwBF,6CAtCF,aAuCI,UACA,4CAKN,yBACE,qCAEA,0CAHF,eAII,wCAIJ,eACE,oCAGF,kBACE,mCACA,kBACA,gBACA,mBACA,qCAEA,mCAPF,eAQI,gBACA,gBACA,8DAGF,QACE,aACA,+DAEA,aACE,sFAGF,uBACE,yEAGF,aF3yBU,8DEizBV,mBACA,WFnzBE,qFEuzBJ,YAEE,eACA,cF1yBkB,2CE8yBpB,gBACE,iCAIJ,YACE,cACA,kDACA,qCAEA,gCALF,aAMI,+CAGF,cACE,iCAIJ,eACE,2BAGF,YACE,eACA,eACA,cACA,+BAEA,qBACE,cACA,YACA,cACA,mBACA,kBACA,qCAEA,8BARF,aASI,sCAGF,8BAZF,cAaI,sCAIJ,0BAvBF,QAwBI,6BACA,+BAEA,UACE,UACA,gBACA,gCACA,0CAEA,eACE,0CAGF,kBFj3BK,+IEo3BH,kBAGE,WEl4BZ,eACE,aAEA,oBACE,aACA,iBAIJ,eACE,cACA,oBAEA,cACE,gBACA,mBACA,eChBJ,k1BACE,aACA,sBACA,aACA,UACA,yBAGF,YACE,OACA,sBACA,yBACA,2BAEA,MACE,iBACA,qCAIJ,gBACE,YACE,yBCrBF,eACE,iBACA,oBACA,eACA,cACA,qCAEA,uBAPF,iBAQI,mBACA,+BAGF,YACE,cACA,0CACA,wCAEA,aACE,WACA,YACA,wCAGF,aACE,WACA,YACA,wCAGF,aACE,WACA,YACA,kBACA,6CAEA,aACE,wCAIJ,aACE,WACA,YACA,wCAGF,aACE,WACA,YACA,qCAGF,6BAxCF,iCAyCI,+EAEA,aAEE,wCAGF,UACE,wCAGF,aACE,+EAGF,aAEE,wCAGF,UACE,sCAIJ,uCACE,aACE,sCAIJ,4JACE,YAIE,4BAKN,wBACE,gBACA,kBACA,cNhFkB,6BMmFlB,aACE,qBACA,6BAIJ,oBACE,cACA,wGAEA,yBAGE,mCAKF,aACE,YACA,WACA,cACA,aACA,0HAMA,YACE,oBClIR,cACE,iBACA,cPeoB,gBObpB,mBACA,eACA,qBACA,qCAEA,mBATF,iBAUI,oBACA,uBAGF,aACE,qBACA,0BAGF,eACE,cPFoB,wBOMtB,oBACE,mBACA,kBACA,WACA,YACA,cC9BN,kBACE,mCACA,mBAEA,UACE,kBACA,gBACA,0BACA,gBRPI,uBQUJ,mBACE,CADF,8BACE,CADF,gBACE,cACA,WACA,YACA,SACA,0BACA,oBAIJ,kBRVW,aQYT,0BACA,eACA,cRPoB,iBQSpB,qBACA,gBACA,8BAEA,UACE,YACA,gBACA,sBAGF,kBACE,iCAEA,eACE,uBAIJ,cACE,SACA,UACA,gBACA,uBACA,oBACA,kBACA,oBACA,cACA,sBAGF,aRtCsB,qBQwCpB,4BAEA,yBACE,qCAKN,aAnEF,YAoEI,uBAIJ,kBACE,oBACA,yBAEA,YACE,yBACA,gBACA,eACA,cR9DoB,+BQkEtB,cACE,0CAEA,eACE,sDAGF,YACE,mBACA,gDAGF,UACE,YACA,0BACA,oCAIJ,YACE,mBAKF,aR3FsB,aQgGxB,YACE,kBACA,mBRzGW,mCQ2GX,qBAGF,YACE,kBACA,0BACA,kBACA,cR3GsB,mBQ6GtB,iBAGF,eACE,eACA,cRlHsB,iBQoHtB,qBACA,gBACA,UACA,oBAEA,YACE,yBACA,gBACA,eACA,cR7HoB,0BQiItB,eACE,CACA,kBACA,mBAGF,oBACE,CACA,mBACA,cR1IoB,qBQ4IpB,mBACA,gBACA,uBACA,0EAEA,yBAGE,uBAMJ,sBACA,kBACA,mBRnKW,mCQqKX,cR7JwB,gBQ+JxB,mBACA,sDAEA,eAEE,CAII,qXADF,eACE,yBAKN,aACE,0BACA,CAMI,wLAGF,oBAGE,mIAEA,yBACE,gCAMR,kBACE,oCAEA,gBACE,cRzMkB,8DQ+MpB,iBACE,eACA,4DAGF,eACE,qBACA,iEAEA,eACE,kBAMR,YACE,CACA,eRlPM,CQoPN,cACA,cRpOsB,mBQsOtB,+BANA,iBACA,CRlPM,kCQgQN,CATA,aAGF,kBACE,CAEA,iBACA,kBACA,cACA,iBAEA,URjQM,eQmQJ,gBACA,gBACA,mBACA,gBAGF,cACE,cR1PoB,qCQ8PtB,aArBF,YAsBI,mBACA,iBAEA,cACE,aAKN,kBR/Qa,kBQiRX,mCACA,iBAEA,qBACE,mBACA,uCAEA,YAEE,mBACA,8BACA,mBR5RO,kBQ8RP,aACA,qBACA,cACA,mCACA,0EAIA,kBAGE,0BAIJ,kBRpSsB,eQsSpB,8BAGF,UACE,eACA,oBAGF,aACE,eACA,gBACA,WRnUE,mBQqUF,gBACA,uBACA,wBAEA,aRzTkB,0BQ6TlB,aACE,gBACA,eACA,eACA,cRjUgB,yFQuUlB,URvVE,+BQ8VJ,aACE,YACA,uDAGF,oBRjVsB,eQuV1B,YACE,yBACA,gCAEA,aACE,WACA,YACA,kBACA,kBACA,kBACA,mBACA,yBACA,4CAEA,SACE,6CAGF,SACE,6CAGF,SACE,iBAKN,UACE,0BAEA,SACE,SACA,wBAGF,eACE,0BAGF,iBACE,yBACA,cRnYoB,gBQqYpB,aACA,sCAEA,eACE,0BAIJ,cACE,sBACA,gCACA,wCAGF,eACE,wBAGF,WACE,kBACA,eACA,gBACA,WR3aI,8BQ8aJ,aACE,cR/ZkB,gBQialB,eACA,0BAIJ,SACE,iCACA,qCAGF,kCACE,YACE,sCAYJ,qIAPF,eAQI,gBACA,gBACA,iBAOJ,gBACE,qCAEA,eAHF,oBAII,uBAGF,sBACE,sCAEA,qBAHF,sBAII,sCAGF,qBAPF,UAQI,sCAGF,qBAXF,WAYI,kCAIJ,iBACE,qCAEA,gCAHF,4BAII,iEAIA,eACE,0DAGF,cACE,iBACA,oEAEA,UACE,YACA,gBACA,yFAGF,gBACE,SACA,mKAIJ,eAGE,gBAON,aRhgBsB,iCQ+fxB,kBAKI,6BAEA,eACE,kBAIJ,cACE,iBACA,wCAMF,oBACE,gBACA,cRnhBsB,4JQshBtB,yBAGE,oBAKN,kBACE,gBACA,eACA,kBACA,yBAEA,aACE,gBACA,aACA,CACA,kBACA,gBACA,uBACA,qBACA,WR9jBI,gCQgkBJ,4FAEA,yBAGE,oCAIJ,eACE,0BAGF,iBACE,gCACA,MC/kBJ,+BACE,gBACA,iBAGF,eACE,aACA,cACA,qBAIA,kBACE,gBACA,4BAEA,QACE,0CAIA,kBACE,qDAEA,eACE,gDAIJ,iBACE,kBACA,sDAEA,iBACE,SACA,OACA,6BAKN,iBACE,gBACA,gDAEA,mBACE,eACA,gBACA,WThDA,cSkDA,WACA,4EAGF,iBAEE,mDAGF,eACE,4CAGF,iBACE,QACA,OACA,qCAGF,aTnDoB,0BSqDlB,gIAEA,oBAGE,0CAIJ,iBACE,CACA,iBACA,mBAKN,YACE,cACA,0BAEA,qBACE,cACA,UACA,cACA,oBAIJ,aTpFsB,sBSuFpB,aTrFsB,yBSyFtB,iBACE,kBACA,gBACA,wBAIJ,aACE,eACA,eACA,qBAGF,kBACE,cTzGoB,iCS4GpB,iBACE,eACA,iBACA,gBACA,gBACA,oBAIJ,kBACE,qBAGF,eACE,CAII,0JADF,eACE,sDAMJ,YACE,4DAEA,mBACE,eACA,WTzJA,gBS2JA,gBACA,cACA,wHAGF,aAEE,sDAIJ,cACE,kBACA,mDAKF,mBACE,eACA,WT/KE,cSiLF,kBACA,qBACA,gBACA,sCAGF,cACE,mCAGF,UACE,sCAIJ,cACE,4CAEA,mBACE,eACA,WTrME,cSuMF,gBACA,gBACA,4CAGF,kBACE,yCAGF,cACE,CADF,cACE,kDAIJ,oBACE,WACA,OACA,6BAGF,oBACE,cACA,4BAGF,kBACE,8CAEA,eACE,0BAIJ,YACE,CACA,eACA,oBACA,iCAEA,cACE,kCAGF,qBACE,eACA,cACA,eACA,oCAEA,aACE,2CAGF,eACE,6GAIJ,eAEE,qCAGF,yBA9BF,aA+BI,gBACA,kCAEA,cACE,0JAGF,kBAGE,iDAKN,iBACE,oBACA,eACA,WTzRI,cS2RJ,WACA,2CAKE,mBACE,eACA,WTnSA,qBSqSA,WACA,kBACA,gBACA,kBACA,cACA,0DAGF,iBACE,OACA,QACA,SACA,kDAKN,cACE,aACA,yBACA,kBACA,sJAGF,qBAKE,eACA,WTnUI,cSqUJ,WACA,UACA,oBACA,gBACA,mBACA,sBACA,kBACA,aACA,6RAEA,aACE,CAHF,+OAEA,aACE,CAHF,mQAEA,aACE,CAHF,sNAEA,aACE,8LAGF,eACE,oVAGF,oBACE,iOAGF,oBT1VY,oLS8VZ,iBACE,4WAGF,oBTjVsB,mBSoVpB,6CAKF,aACE,gUAGF,oBAME,8CAGF,aACE,gBACA,cACA,eACA,8BAIJ,UACE,uBAGF,eACE,aACA,oCAEA,YACE,mBACA,qEAIJ,aAGE,WACA,SACA,kBACA,mBTlYsB,WAlBlB,eSuZJ,oBACA,YACA,aACA,yBACA,qBACA,kBACA,sBACA,eACA,gBACA,UACA,mBACA,kBACA,sGAEA,cACE,uFAGF,wBACE,gLAGF,wBAEE,kHAGF,wBTlaoB,gGSsapB,kBTpbQ,kHSubN,wBACE,sOAGF,wBAEE,qBAKN,uBACE,CADF,oBACE,CADF,eACE,sBACA,eACA,WTvcI,cSycJ,WACA,UACA,oBACA,gBACA,wXACA,sBACA,kBACA,kBACA,mBACA,YACA,iBAGF,4BACE,oCAIA,iBACE,mCAGF,iBACE,UACA,QACA,CACA,qBACA,eACA,cTvckB,oBSyclB,oBACA,eACA,gBACA,mBACA,gBACA,yCAEA,UACE,cACA,kBACA,MACA,QACA,WACA,UACA,8DACA,4BAKN,iBACE,0CAEA,wBACE,CADF,gBACE,qCAGF,iBACE,MACA,OACA,WACA,YACA,aACA,uBACA,mBACA,8BACA,kBACA,iBACA,gBACA,YACA,8CAEA,iBACE,6HAGE,UTrhBF,aS+hBR,aACE,CACA,kBACA,eACA,gBAGF,kBACE,cTvhBsB,kBSyhBtB,kBACA,mBACA,kBACA,uBAEA,qCACE,iCACA,cT/iBY,sBSmjBd,mCACE,+BACA,cTpjBQ,kBSwjBV,oBACE,cT3iBoB,qBS6iBpB,wBAEA,UT/jBI,0BSikBF,kBAIJ,kBACE,4BAGF,SACE,sBACA,cACA,WACA,YACA,aACA,gCACA,mBTvkBS,WATL,eSmlBJ,SACA,8CAEA,QACE,iHAGF,mBAGE,kCAGF,kBACE,uBAIJ,eACE,CAII,oKADF,eACE,0DAKN,eAzEF,eA0EI,eAIJ,eACE,kBACA,gBAEA,aTxmBsB,qBS0mBpB,sBAEA,yBACE,YAKN,eACE,mBACA,eACA,eAEA,oBACE,kBACA,cAGF,aT1nBwB,yBS4nBtB,qBACA,gBACA,2DAEA,aAGE,8BAKN,kBAEE,cT5oBsB,oCS+oBtB,cACE,mBACA,kBACA,4CAGF,aTppBwB,gBSspBtB,CAII,mUADF,eACE,0DAKN,6BAtBF,eAuBI,cAIJ,YACE,eACA,uBACA,UAGF,aACE,gBT5rBM,YS8rBN,qBACA,mCACA,qBACA,cAEA,aACE,SACA,iBAIJ,kBACE,cTzrBwB,WS2rBxB,sBAEA,aACE,eACA,eAKF,kBACE,sBAEA,eACE,CAII,+JADF,eACE,4CASR,qBACE,8BACA,WTxuBI,qCS0uBJ,oCACA,kBACA,aACA,mBACA,gDAEA,UThvBI,0BSkvBF,oLAEA,oBAGE,0DAIJ,eACE,cACA,kBACA,CAII,yYADF,eACE,kEAIJ,eACE,oBAMR,YACE,eACA,mBACA,4DAEA,aAEE,6BAIA,wBACA,cACA,sBAIJ,iBACE,cT/wBsB,0BSkxBtB,iBACE,oBAIJ,eACE,mBACA,uBAEA,cACE,WT5yBI,kBS8yBJ,mBACA,SACA,UACA,4BAGF,aACE,eAIJ,aTtzBc,0SSg0BZ,+BACE,aAIJ,kBACE,sBACA,kBACA,aACA,mBACA,kBACA,kBACA,QACA,mCACA,sBAEA,aACE,8BAGF,sBACE,SACA,aACA,eACA,gCACA,oBAGF,aACE,WACA,oBACA,gBACA,eACA,CACA,oBACA,WACA,iCACA,oBAGF,oBT12Bc,gBS42BZ,2BAEA,kBT92BY,gBSg3BV,oBAKN,kBACE,6BAEA,wBACE,mBACA,eACA,aACA,4BAGF,kBACE,aACA,OACA,sBACA,cACA,cACA,gCAEA,iBACE,YACA,iBACA,kBACA,UACA,8BAGF,qBACE,qCAIJ,kBACE,gCAGF,wBACE,mCACA,kBACA,kBACA,kBACA,kBACA,sCAEA,wBACE,WACA,cACA,YACA,SACA,kBACA,MACA,UACA,yBAIJ,sBACE,aACA,mBACA,SCj7BF,aACE,qBACA,cACA,mCACA,qCAEA,QANF,eAOI,8EAMA,kBACE,YAKN,YACE,kBACA,gBACA,0BACA,gBAEA,aACE,WACA,YACA,SACA,oBACA,CADA,8BACA,CADA,gBACA,0BACA,qCAGF,WAfF,YAgBI,sCAGF,WAnBF,YAoBI,aAIJ,iBACE,aACA,aACA,2BACA,mBACA,mBACA,0BACA,qCAEA,WATF,eAUI,qBAGF,aACE,CAEA,UACqB,sCPpDzB,gBOqDI,wBAEA,UACE,YACA,cACA,SACA,kBACA,iBVLgB,wBG9DtB,4BACA,mBOoEM,oBACA,CADA,8BACA,CADA,gBACA,0BAIJ,gBACE,gBACA,iCAEA,cACE,WV/EA,gBUiFA,gBACA,uBACA,+BAGF,aACE,eACA,cVxEgB,gBU0EhB,gBACA,uBACA,aAMR,cACE,kBACA,gBACA,6GAEA,cAME,WV7GI,gBU+GJ,qBACA,iBACA,qBACA,sBAGF,eVrHM,oBUuHJ,cV9GS,eUgHT,cACA,kBAGF,cACE,uCAGF,wBAEE,cVlHsB,oBUsHxB,UACE,eACA,wBAEA,oBACE,iBACA,oBAIJ,WACE,gBACA,wBAEA,oBACE,gBACA,uBAIJ,cACE,cACA,qCAGF,YA9DF,iBA+DI,mBAEA,YACE,uCAGF,oBAEE,gBAKN,kBVrKa,mCUuKX,cVhKsB,eUkKtB,gBACA,kBACA,aACA,uBACA,mBACA,eACA,kBACA,aACA,gBACA,2BAEA,yBACE,yBAGF,qBACE,gBACA,yCAIJ,oBAEE,gBACA,eACA,kBACA,eACA,iBACA,gBACA,cV9LwB,sCUgMxB,sCACA,6DAEA,aVnNc,sCUqNZ,kCACA,qDAGF,aACE,sCACA,kCACA,0BAIJ,eACE,UACA,wBACA,gBACA,CADA,YACA,CACA,iCACA,CADA,uBACA,CADA,kBACA,eACA,iBACA,6BAEA,YACE,gCACA,yDAGF,qBAEE,aACA,kBACA,gBACA,gBACA,mBACA,uBACA,6BAGF,eACE,YACA,cACA,cV7OsB,0BU+OtB,6BAGF,aACE,cVpPoB,4BUwPtB,aVtPwB,qBUwPtB,qGAEA,yBAGE,oCAIJ,qCACE,iCACA,sCAEA,aVtRY,gBUwRV,0CAGF,aV3RY,wCUgSd,eACE,wCAIJ,UACE,0BAIA,aV3RsB,4BU8RpB,aV7RsB,qBU+RpB,qGAEA,yBAGE,iCAIJ,UVzTI,gBU2TF,wBAIJ,eACE,kBClUJ,kCACE,kBACA,gBACA,mBACA,qCAEA,iBANF,eAOI,gBACA,gBACA,6BAGF,eACE,SACA,gBACA,gFAEA,yBAEE,sCAIJ,UACE,yBAGF,kBXhBW,6GWmBT,sBAGE,CAHF,cAGE,8IAIA,eAGE,0BACA,iJAKF,yBAGE,kLAIA,iBAGE,qCAKN,4GACE,yBAGE,uCAKN,kBACE,qBAIJ,WACE,eACA,mBXzDwB,WAlBlB,oBW8EN,iBACA,YACA,iBACA,SACA,yBAEA,UACE,YACA,sBACA,iBACA,UXxFI,gFW4FN,kBAGE,qNAKA,kBXpFoB,4IW4FpB,kBX1GQ,qCWiHV,wBACE,YACE,0DAOJ,YACE,uCAGF,2BACE,gBACA,uDAEA,SACE,SACA,yDAGF,eACE,yDAKA,cACA,iBACA,mBACA,mFAGF,iBACE,eACA,WACA,WACA,WACA,qMAGF,eAGE,mEASF,cACE,gBACA,qFAGF,aXhJoB,YWkJlB,eACA,WACA,eACA,gBACA,+GAGF,aACE,eACA,CACA,sBACA,eACA,yJAEA,cACE,uEAIJ,WACE,kBACA,WACA,eACA,iDAQF,iBACE,mBACA,yHAEA,iBACE,gBACA,+FAGF,UACE,oCAMR,aACE,eACA,iBACA,cACA,SACA,uBACA,CACA,eACA,qBACA,oFAEA,yBAEE,WC9OJ,gCACE,4CACA,kBAGF,mBACE,sBACA,oBACA,gBACA,kBACA,cAGF,aACE,eACA,iBACA,cZIwB,SYFxB,uBACA,UACA,eACA,wCAEA,yBAEE,uBAGF,aZVsB,eYYpB,SAIJ,wBACE,YACA,kBACA,sBACA,WZpCM,eYsCN,qBACA,oBACA,eACA,gBACA,YACA,iBACA,iBACA,gBACA,eACA,kBACA,kBACA,yBACA,qBACA,uBACA,2BACA,qCACA,mBACA,WACA,4CAEA,wBAGE,4BACA,qCACA,sBAGF,eACE,mFAEA,wBZnEQ,gBYuEN,kBAIJ,wBZ7DsB,eY+DpB,yGAGF,cAIE,iBACA,YACA,oBACA,iBACA,4BAGF,aZpFW,mBAOW,qGYiFpB,wBAGE,8BAIJ,kBZ1EsB,2GY6EpB,wBAGE,0BAIJ,cACE,iBACA,YACA,cZrGoB,oBYuGpB,uBACA,iBACA,kBACA,yBACA,+FAEA,oBAGE,cACA,mCAGF,UACE,uBAIJ,aACE,WACA,cAIJ,oBACE,UACA,cZnHsB,SYqHtB,kBACA,uBACA,eACA,2BACA,2CACA,2DAEA,aAGE,qCACA,4BACA,2CACA,oBAGF,mCACE,uBAGF,aACE,6BACA,eACA,qBAGF,aZ3JwB,gCY+JxB,QACE,uEAGF,mBAGE,uBAGF,aZ7JsB,sFYgKpB,aAGE,qCACA,6BAGF,mCACE,gCAGF,aACE,6BACA,8BAGF,aZ5LsB,uCY+LpB,aACE,wBAKN,sBACE,0BACA,yBACA,kBACA,YACA,8BAEA,yBACE,mBAKN,aZtMwB,SYwMtB,kBACA,uBACA,eACA,gBACA,eACA,cACA,iBACA,UACA,2BACA,2CACA,0EAEA,aAGE,qCACA,4BACA,2CACA,yBAGF,mCACE,4BAGF,aACE,6BACA,eACA,0BAGF,aZnPwB,qCYuPxB,QACE,sFAGF,mBAGE,gBAIJ,iBACE,uBACA,YAGF,WACE,cACA,qBACA,QACA,SACA,kBACA,+BAEA,kBAEE,mBACA,oBACA,kBACA,mBACA,iBAKF,WACE,uCAIJ,MACE,kBACA,CZ/SU,sEYsTZ,aZtTY,uBY0TZ,aZ3Tc,4DYiUV,4CACE,CADF,oCACE,8DAKF,6CACE,CADF,qCACE,6BAKN,aACE,gBACA,qBACA,mCAEA,UZrVM,0BYuVJ,eAIJ,aACE,eACA,gBACA,uBACA,mBACA,iBAEA,aACE,wBACA,sBAIA,cACA,gBAKA,yCAPF,WACE,CAEA,gBACA,uBACA,gBACA,mBAWA,CAVA,mBAGF,aACE,CACA,cAKA,8BAIA,yBACE,sBAIJ,SACE,YACA,eACA,iBACA,uBACA,mBACA,gBACA,CAME,sDAGF,cACE,YACA,kBACA,oBACA,qBAKN,eACE,wBAGF,cACE,eAGF,iBACE,WACA,YACA,aACA,mBACA,uBACA,sBACA,6CAEA,cZxX4B,eAEC,0DYyX3B,sBACA,CADA,gCACA,CADA,kBACA,4BAGF,iBACE,qEAGF,YACE,iBAIJ,iBACE,WACA,YACA,aACA,mBACA,uBACA,qBAEA,cZhZ4B,eAEC,WYiZ3B,YACA,sBACA,CADA,gCACA,CADA,kBACA,WAIJ,oBACE,oBAGF,YACE,kBACA,2BAGF,+BACE,mBACA,SACA,gBAGF,kBZ1c0B,cY4cxB,kBACA,uCACA,mBAEA,eACE,uBAIJ,iBACE,QACA,SACA,2BACA,4BAEA,UACE,gBACA,2BACA,0BZ9dsB,2BYkexB,WACE,iBACA,uBACA,yBZresB,8BYyexB,QACE,iBACA,uBACA,4BZ5esB,6BYgfxB,SACE,gBACA,2BACA,2BZnfsB,wBYyfxB,cACE,iBACA,cACA,iBACA,sBACA,qBACA,mBZ/fsB,cARb,gBY0gBT,uBACA,mBACA,yFAEA,kBZrgBsB,cADA,UY2gBpB,sCAKN,aACE,iBACA,gBACA,QACA,gBACA,aACA,yCAEA,eACE,mBZzhBsB,cY2hBtB,kBACA,mCACA,gBACA,kBACA,sDAGF,OACE,wDAIA,UACE,8CAIJ,cACE,iBACA,cACA,iBACA,sBACA,qBACA,mBZljBsB,cARb,gBY6jBT,uBACA,mBACA,oDAEA,SACE,oDAGF,kBZ5jBsB,cADA,iBYokB1B,qBACE,iBAIA,sBACA,cZ7jBsB,oBYgkBtB,cACE,gBACA,mBACA,kBACA,mBAGF,cACE,mBACA,iBAIJ,aAEE,gBACA,qCAGF,cACE,SACE,iBAGF,aAEE,CAEA,gBACA,yCAEA,iBACE,uCAGF,kBACE,qDAKF,gBAEE,kBACA,YAKN,qBACE,aACA,mBACA,cACA,gBACA,iBAGF,aACE,cACA,CACA,sBACA,WZ3pBM,qBY6pBN,kBACA,eACA,gBACA,gCACA,2BACA,mDACA,qBAEA,eACE,eACA,qCTxoBA,6GADF,kBSgpBI,4BACA,kHT5oBJ,kBS2oBI,4BACA,wBAIJ,+BACE,cZlqBsB,sBYsqBxB,eACE,aACA,2BAGF,aACE,eACA,kBAIJ,iBACE,yBAEA,iBACE,SACA,UACA,mBZvrBsB,yBYyrBtB,gBACA,kBACA,eACA,gBACA,iBACA,WZhtBI,mDYqtBR,oBACE,aAGF,iBACE,kBACA,cACA,iCACA,mCAEA,eACE,yBAGF,YAVF,cAWI,oBAGF,YACE,sBACA,qBAGF,aACE,kBACA,iBACA,yBAKF,uBADF,YAEI,gBAIJ,oBACE,kBACA,eACA,6BACA,SACA,UACA,yBACA,CADA,qBACA,CADA,oBACA,CADA,gBACA,0CACA,wCACA,iCAGF,QACE,mBACA,WACA,YACA,gBACA,UACA,kBACA,UACA,yBAGF,kBACE,WACA,wBACA,qBAGF,UACE,YACA,UACA,mBACA,yBZjxBW,qCYmxBX,sEAGF,wBACE,4CAGF,wBZjxB0B,+EYqxB1B,wBACE,2BAGF,iBACE,WACA,YACA,MACA,SACA,gBACA,mBACA,cACA,SACA,UACA,6BACA,CAKA,uEAFF,SACE,6BAeA,CAdA,sBAGF,iBACE,WACA,YACA,MACA,SACA,gBACA,mBACA,cACA,WAGA,8CAGF,SACE,qBAGF,iBACE,QACA,SACA,WACA,YACA,yBACA,kBACA,yBACA,sBACA,yBACA,sCACA,4CAGF,SACE,qBZ70BwB,yDYi1B1B,kBZ11Ba,2BYg2Bb,iBACE,gBACA,cAGF,aACE,kBAGF,kBZz2Ba,cY22BX,oBAEA,aZr2BwB,oBYy2BxB,aZ51BsB,yBYg2BtB,0BACE,CADF,uBACE,CADF,kBACE,kDAKA,sBACA,cACA,wDAEA,kBACE,8DAGF,cACE,sDAGF,aZl3BoB,eYo3BlB,0DAEA,aZt3BkB,0BYw3BhB,sDAIJ,oBACE,cZ34BkB,sMY84BlB,yBAGE,0BAKN,aACE,UACA,mCACA,CADA,0BACA,gBACA,6BAEA,cACE,yBACA,cZ95BkB,aYg6BlB,gBACA,gCACA,sCAGF,oDACE,YACE,uCAIJ,oDACE,YACE,uCAIJ,yBA3BF,YA4BI,yCAGF,eACE,aACA,iDAEA,aZz7BkB,qBYg8BxB,oBACE,kBACA,eACA,iBACA,gBACA,mBZ58BW,gBY88BX,iBACA,qBAGF,eACE,gBACA,2BAEA,iBACE,aACA,wBAGF,kBACE,yBAGF,oBACE,gBACA,yBACA,yBACA,eAIJ,aZh+BwB,uBYk+BtB,CACA,WACA,CADA,+BACA,sBACA,cACA,oBACA,mBACA,cACA,WACA,0CAEA,UZ5/BM,4BAkBkB,qCGKtB,yDADF,cS6+BE,sBAGF,aZ7/BW,gCY+/BT,sDAEA,aZjgCS,4BASa,mDYggC1B,uBACE,YACA,6CACA,uBACA,sBACA,WACA,0DAEA,sBACE,0DAIJ,uBACE,2BACA,gDAGF,aZtgCwB,6BYwgCtB,uDAGF,aZvhC0B,yDY2hC1B,aACE,YAGF,aACE,cZphCsB,6BYshCtB,SACA,kBACA,kBACA,oBACA,SACA,aACA,sBACA,WACA,WACA,qBACA,kBAEA,kBACE,WAIJ,+BACE,oBAGF,gBACE,qEAGF,4BACE,gCAGF,eACE,kBACA,MACA,QACA,YACA,kBACA,YAEA,mBACA,yBACA,eACA,aAEA,wCAEA,UZ/hCsB,mBYiiCpB,aACA,sBACA,mBACA,uBACA,mBACA,8BACA,wBACA,gCACA,uCAGF,wBACE,kBACA,WACA,YACA,eACA,cZlmCoB,yBYomCpB,aACA,uBACA,mBACA,sCAGF,mBACE,6CAEA,8BACE,WAKN,oBACE,UACA,oBACA,kBACA,cACA,SACA,uBACA,eACA,oBAGF,aZhnCwB,eYknCtB,gBACA,yBACA,iBACA,kBACA,QACA,SACA,+BACA,yBAEA,aACE,WACA,CACA,0BACA,oBACA,mBACA,4BAIJ,iBACE,QACA,SACA,+BACA,WACA,YACA,sBACA,6BACA,CACA,wBACA,kBACA,2CAGF,2EACE,CADF,mEACE,8CAGF,4EACE,CADF,oEACE,qCAGF,GACE,sBACE,KAGF,2BACE,KAGF,2BACE,KAGF,yBACE,IAGF,wBACE,EArBF,4BAGF,GACE,sBACE,KAGF,2BACE,KAGF,2BACE,KAGF,yBACE,IAGF,wBACE,uCAIJ,GACE,wBACE,KAGF,0BACE,KAGF,2BACE,KAGF,uBACE,IAGF,sBACE,EAtBA,6BAIJ,GACE,wBACE,KAGF,0BACE,KAGF,2BACE,KAGF,uBACE,IAGF,sBACE,mCAIJ,GACE,OACE,SACA,yBACA,KAGF,wBACE,KAGF,UACE,YACA,6BACA,kBACA,UACA,IAGF,UACE,YACA,eACA,UACA,6BACA,EA5BA,yBAIJ,GACE,OACE,SACA,yBACA,KAGF,wBACE,KAGF,UACE,YACA,6BACA,kBACA,UACA,IAGF,UACE,YACA,eACA,UACA,6BACA,kCAIJ,GACE,gBACA,aACA,aAPE,wBAIJ,GACE,gBACA,aACA,6BAGF,KACE,OACA,WACA,YACA,kBACA,YACA,2BAEA,YACE,SACA,QACA,WACA,YACA,mBACA,6BAGF,mBACE,yBAGF,YACE,0BAGF,aACE,uBACA,WACA,YACA,SACA,iCAEA,oBACE,0BACA,kBACA,iBACA,WZ3yCE,gBY6yCF,eACA,+LAMA,yBACE,mEAKF,yBACE,iBAMR,aACE,iBACA,mEAGF,aZtzCwB,qBY0zCtB,mBACA,gBACA,sBACA,gBAGF,aACE,iBACA,uBAGF,eACE,8BAGF,aZz0CwB,eY20CtB,cACA,gBACA,gBACA,uBAGF,qBACE,sBAGF,WACE,8BAGF,GACE,kBACE,+BACA,2CACA,CADA,kCACA,KAGF,oBACE,0CACA,CADA,iCACA,KAGF,oBACE,2CACA,CADA,kCACA,KAGF,oBACE,0CACA,CADA,iCACA,KAGF,kBACE,2CACA,CADA,kCACA,EA3BF,qBAGF,GACE,kBACE,+BACA,2CACA,CADA,kCACA,KAGF,oBACE,0CACA,CADA,iCACA,KAGF,oBACE,2CACA,CADA,kCACA,KAGF,oBACE,0CACA,CADA,iCACA,KAGF,kBACE,2CACA,CADA,kCACA,iBAIJ,0DACE,CADF,kDACE,cAGF,kBACE,0BACA,aACA,YACA,uBACA,OACA,UACA,kBACA,MACA,kBACA,WACA,aACA,gBAEA,mBACE,oBAIJ,WACE,aACA,aACA,sBACA,kBACA,YACA,0BAGF,iBACE,MACA,QACA,SACA,OACA,WACA,kBACA,mBZn6CW,kCYq6CX,uBAGF,MACE,aACA,mBACA,uBACA,cZp6CwB,eYs6CxB,gBACA,0BACA,kBACA,qCAGF,SACE,oBACA,CADA,WACA,cAGF,wBZh7C0B,WYk7CxB,kBACA,MACA,OACA,aACA,qBAGF,iBACE,aAGF,iBACE,cACA,aACA,WACA,yBZj8CwB,kBYm8CxB,cACA,UACA,WACA,eAGF,YACE,gCACA,CACA,iBACA,qBAEA,kBACE,UACA,uBAGF,aACE,CACA,sBACA,kBACA,eACA,uBAGF,oBACE,mBZ79CsB,kBY+9CtB,cACA,eACA,wBACA,wBAGF,aACE,CACA,0BACA,gBACA,8BAEA,eACE,aACA,2BACA,8BACA,uCAGF,cACE,cZr/CkB,kBYu/ClB,+BAGF,aZ1/CoB,eY4/ClB,mBACA,gBACA,uBACA,kBACA,gBACA,YACA,iCAEA,UZphDE,qBYshDA,oHAEA,yBAGE,yCAKN,QACE,uBAIJ,kBACE,6BAEA,kBACE,oDAGF,eACE,6DAGF,UZhjDI,oBYyjDN,kBACA,cACA,2BAGF,eACE,UAGF,iBACE,cAEA,WACE,WACA,sCACA,CADA,6BACA,cAGF,cACE,iBACA,cZ5jDsB,gBY8jDtB,gBAEA,aZ/jDsB,0BYikDpB,sBAEA,oBACE,gBAIJ,qBACE,4BAKN,GACE,cACA,eACA,WARI,mBAKN,GACE,cACA,eACA,2CCrmDF,u+KACE,uCAEA,u+KACE,CAOA,8MAMF,okBACE,UClBJ,YACE,gCACA,cACA,qBACA,iCAEA,aACE,cACA,cdUoB,gBcRpB,qBACA,eACA,gBAGF,WACE,UACA,yCAEA,8CAEA,WACE,iBACA,mBAKN,YACE,0BAGF,UACE,iBACA,kBACA,kBAGF,gBd0BwB,wBG9DtB,4BACA,kBWqCA,eACA,yBAEA,oBACE,sBACA,iBACA,4BX3CF,eWiDE,2DAHF,gBdesB,wBG9DtB,4BACA,CWgDE,iBAOE,CANF,+BXjDF,UWqDI,CACA,qBACA,mCAGF,aACE,kBACA,QACA,SACA,+BACA,WdhEE,6BckEF,gBACA,eACA,0BAKN,iBACE,WACqB,sCXpErB,+BANA,UW8EuB,sCXxEvB,gEWsEA,gBdfsB,wBG9DtB,4BWyFE,CXlFF,iCANA,UWmFuB,sCX7EvB,kBW+EE,SACA,QACA,UACA,wBAIJ,WACE,aACA,mBACA,2BAGF,aACE,mBACA,sBAGF,YACE,cd3EsB,6Bc8EtB,eACE,CAII,kMADF,eACE,wBAKN,eACE,cACA,0BACA,yFAEA,oBAGE,sBAKN,4BACE,gCACA,iBACA,gBACA,cACA,aACA,4BAGF,YACE,cACA,iBACA,kBACA,2BAGF,oBACE,gBACA,cACA,8BACA,eACA,oCACA,uCAEA,aACE,kCAGF,+BACE,gCAGF,aACE,yBACA,eACA,cdtJoB,kCc0JtB,aACE,eACA,gBACA,Wd7KI,CckLA,2NADF,eACE,gCAKN,adrKwB,oBc0K1B,iBACE,mDAEA,aACE,mBACA,gBACA,4BAIJ,UACE,kBACA,wBAGF,gBACE,qBACA,eACA,cd9LsB,ecgMtB,kBACA,4BAEA,adjMwB,6BcqMxB,aACE,gBACA,uBACA,iBAIJ,kBACE,6BACA,gCACA,aACA,mBACA,eACA,kDAGF,aAEE,kBACA,yBAGF,kBACE,aACA,2BAGF,adlOwB,ecoOtB,cACA,gBACA,mBACA,kDAIA,kBACE,oDAIA,SX5MF,sBACA,WACA,YACA,gBACA,oBACA,mBHhDW,cAOW,eG4CtB,SACA,+EWsMI,aACE,CXvMN,qEWsMI,aACE,CXvMN,yEWsMI,aACE,CXvMN,gEWsMI,aACE,sEAGF,QACE,yLAGF,mBAGE,0DAGF,kBACE,qCAGF,mDArBF,cAsBI,yDAIJ,ad5PoB,iBc8PlB,eACA,4DAGF,gBACE,wDAGF,kBACE,gEAEA,cACE,iNAEA,kBAGE,cACA,gHAKN,adnSoB,0HcwSpB,cAEE,gBACA,cd7RkB,kZcgSlB,aAGE,gEAIJ,wBACE,iDAGF,edzUI,kBGkEN,CAEA,eACA,cHrDsB,uCGuDtB,UWoQI,mBd1ToB,oDGwDxB,wBACE,cH1DoB,eG4DpB,gBACA,mBACA,oDAGF,aACE,oDAGF,kBACE,oDAGF,eACE,cHjFS,sDcsUT,WACE,mDAGF,ad1US,kBc4UP,eACA,8HAEA,kBAEE,iCAON,kBACE,mBAIJ,UdtWQ,kBcwWN,cACA,mBACA,sBd3WM,yBc6WN,eACA,gBACA,YACA,kBACA,WACA,yBAEA,SACE,6BAIJ,YACE,eACA,gBACA,wBAGF,WACE,sBACA,cACA,kBACA,kBACA,gBACA,WACA,+BAEA,iBACE,QACA,SACA,+BACA,eACA,sDAIJ,kBAEE,gCACA,eACA,aACA,cACA,oEAEA,kBACE,SACA,SACA,6HAGF,aAEE,cACA,cdjZoB,ecmZpB,eACA,gBACA,kBACA,qBACA,kBACA,yJAEA,adzZsB,qWc4ZpB,aAEE,WACA,kBACA,SACA,SACA,QACA,SACA,2BACA,CAEA,4CACA,CADA,kBACA,CADA,wBACA,iLAGF,WACE,6CACA,8GAKN,kBACE,gCACA,qSAKI,YACE,iSAGF,4CACE,sBAQR,sBACA,mBACA,6BACA,gCACA,+BAEA,iBACE,iBACA,cdjcoB,CcocpB,eACA,eACA,oCAEA,aACE,gBACA,uBACA,oCAIJ,UACE,kBACA,uDAGF,iBACE,qDAGF,eACE,2BAIJ,ad3ewB,ec6etB,gBACA,gBACA,kBACA,qBACA,6BAEA,kBACE,wCAEA,eACE,6BAIJ,aACE,0BACA,mCAEA,oBACE,kBAKN,eACE,2BAEA,UACE,8FAEA,8BAEE,CAFF,sBAEE,wBAIJ,iBACE,SACA,UACA,yBAGF,eACE,aACA,kBACA,mBACA,6BAEA,mBACE,CADF,8BACE,CADF,gBACE,cACA,WACA,YACA,SACA,uBAIJ,iBACE,mBACA,YACA,gCACA,+BAEA,aACE,cACA,WACA,iBACA,gDAEA,kBACE,yBACA,wBAKN,YACE,uBACA,gBACA,iBACA,iCAEA,YACE,mBACA,iBACA,gBACA,8CAEA,wBACE,kBACA,uBACA,YACA,yCAGF,YACE,8BAIJ,WACE,4CAEA,kBACE,wCAGF,UACE,YACA,iCAGF,cACE,iBACA,Wd/mBA,gBcinBA,gBACA,mBACA,uBACA,uCAEA,aACE,eACA,cdxmBc,gBc0mBd,gBACA,uBACA,gCAKN,aACE,uBAIJ,eACE,cACA,iDAGE,qBACA,Wd5oBE,gDcgpBJ,QACE,6BACA,kDAEA,aACE,yEAGF,uBACE,4DAGF,ad3pBU,yBciqBd,cACE,gCAEA,cACE,cdtpBkB,ecwpBlB,kCAEA,oBACE,cd3pBgB,qBc6pBhB,iBACA,gBACA,yCAEA,eACE,WdlrBF,SeFR,YACE,gCACA,8BAEA,aACE,cACA,WfJI,qBeMJ,eACA,gBACA,kBAIJ,YACE,iBAGF,WACE,aACA,mBACA,mCCrBF,GACE,sBACE,KAGF,2BACE,KAGF,4BACE,KAGF,2BACE,IAGF,yBACE,EDGF,0BCrBF,GACE,sBACE,KAGF,2BACE,KAGF,4BACE,KAGF,2BACE,IAGF,yBACE,qCAIJ,GACE,yBACE,KAGF,yBACE,KAGF,4BACE,KAGF,wBACE,IAGF,sBACE,EAtBA,2BAIJ,GACE,yBACE,KAGF,yBACE,KAGF,4BACE,KAGF,wBACE,IAGF,sBACE,gCAIJ,cACE,kBAGF,iBACE,cACA,eACA,iBACA,qBACA,gBACA,iBACA,gBACA,wBAEA,SACE,4BAGF,UACE,YACA,gBACA,sBAGF,cACE,iBACA,sBACA,CADA,gCACA,CADA,kBACA,qEAGF,kBACE,qBACA,sGAEA,eACE,qEAIJ,eAEE,qJAEA,kBAEE,mXAGF,eACE,mBACA,qJAGF,eACE,gBACA,2EAGF,eACE,+NAGF,eACE,2FAGF,iBACE,8BACA,chB9FkB,mBgBgGlB,qHAEA,eACE,2JAIJ,eACE,mJAGF,iBACE,6EAGF,iBACE,eACA,6EAGF,iBACE,qBACA,qJAGF,eACE,6JAEA,QACE,2EAIJ,oBACE,2EAGF,uBACE,oBAIJ,ahB9Ic,qBgBgJZ,0BAEA,yBACE,8BAEA,aACE,kCAKF,oBACE,uCAEA,yBACE,wBAKN,ahBlJoB,4CgBuJtB,YACE,8EAEA,aACE,mCAIJ,aACE,oDAEA,ahB5LQ,egB8LN,iDAIJ,kBACE,uDAEA,kBACE,qBACA,gCAKN,oBACE,kBACA,mBACA,YACA,chB3MW,gBgB6MX,eACA,cACA,yBACA,oBACA,eACA,sBACA,sCAEA,kBACE,qBACA,+DAGF,oBACE,iBACA,sBACA,kBACA,eACA,oBACA,2GAKF,oBAGE,4BAIJ,ahBvNwB,SgByNtB,kBACA,kBACA,oBACA,SACA,aACA,sBACA,WACA,WACA,gCACA,+BAGF,UACE,kBACA,mDAGF,iBAEE,gCAGA,qEAEA,eACE,kBAKF,SACE,mBACA,kDAEA,kBACE,wDAEA,sBACE,iFAIJ,kBAEE,SAKN,iBACE,kBACA,YACA,gCACA,eACA,UAaA,mCACA,CADA,0BACA,wDAZA,QAPF,kBAUI,0BAGF,GACE,aACA,WALA,gBAGF,GACE,aACA,uDAMF,cAEE,kCAGF,kBACE,4BACA,sCAIA,ahB1SoB,qCgB8SpB,ahBnUS,6BgBuUT,ahBhUoB,CAPX,kEgB+UT,ahB/US,kCgBkVP,ahBzUoB,gEgB6UpB,UhB/VE,mBAgBgB,sEgBmVhB,kBACE,mBAMR,uBACE,sBACA,yBACA,CADA,qBACA,CADA,oBACA,CADA,gBACA,yCAEA,aACE,kBACA,OACA,QACA,MACA,SACA,6FACA,oBACA,WACA,2DAGF,oBACE,oCAGF,WACE,gBACA,uBACA,cACA,0CAEA,UACE,kBACA,MACA,gBACA,6DACA,oBACA,4CAGF,oBACE,gDAGJ,oDACE,mEAEF,oDACE,0CAGF,eACE,6DAGF,kBACE,gCAIJ,mBACE,+CAKF,sBACE,qEAEA,aACE,wBAKN,oBACE,YACA,ChBrZsB,cgBuZtB,iBACA,mBACA,CACA,sBACA,8CANA,ahBrZsB,CgByZtB,eAOA,8CAGF,aACE,eACA,eAGF,YACE,8BACA,eACA,oBAEA,sBACE,gBACA,2CAGF,oBACE,sBAIJ,YACE,mBACA,WACA,chB1bsB,iIgB6btB,gBAGE,kBACA,0EAGF,yBACE,yEAMA,0CACE,CADF,kCACE,2EAKF,2CACE,CADF,mCACE,wBAKN,YACE,mBACA,2BACA,mBAGF,+BACE,aACA,6CAEA,uBACE,OACA,gBACA,4DAEA,eACE,8DAGF,SACE,mBACA,qHAGF,cAEE,gBACA,4EAGF,cACE,0BAKN,kBACE,aACA,cACA,uBACA,aACA,kBAGF,gBACE,mBACA,iBACA,chBtgBsB,CgBwgBtB,iBACA,eACA,kBACA,+CAEA,ahB7gBsB,uBgBihBtB,aACE,gBACA,uBACA,qBAIJ,kBACE,aACA,eACA,8BAEA,mBACE,kBACA,mBACA,yDAEA,gBACE,qCAGF,oBACE,WACA,eACA,gBACA,chB1iBkB,4BgBgjBxB,iBACE,8BAGF,cACE,cACA,uCAGF,aACE,aACA,mBACA,uBACA,kBACA,kBAGF,kBACE,kBACA,wBAEA,YACE,eACA,8BACA,uBACA,uFAEA,SAEE,mCAIJ,cACE,iBACA,6CAEA,UACE,YACA,gBACA,+DAIJ,cAEE,wBAIJ,eACE,chBnmBsB,egBqmBtB,iBACA,8BAGF,kBACE,6BACA,gCACA,aACA,mBACA,eACA,wBAGF,aACE,qBACA,uDAGF,oBAEE,gBACA,eACA,gBACA,6JAGF,oBAME,4DAKA,UhBxqBM,kBgB8qBN,UACE,iKAQF,yBACE,+BAIJ,aACE,gBACA,uBACA,0DAGF,aAEE,sCAGF,kBACE,gCAGF,ahB1rB0B,cgB4rBxB,iBACA,mBACA,gBACA,2EAEA,aAEE,uBACA,gBACA,uCAGF,cACE,WhB1tBI,kCgB+tBR,UACE,kBACA,iBAGF,SACE,kBACA,YACA,WACA,ChB1sBsB,8IgBqtBtB,ahBrtBsB,wBgBytBtB,UACE,wCAGF,kBhB7tBsB,cArBX,8CgBsvBT,kBACE,qBACA,+DAOJ,yBACE,cAIJ,YACE,eACA,yBACA,kBACA,chBnvBsB,gBgBqvBtB,qBACA,gBACA,uBAEA,QACE,OACA,kBACA,QACA,MAIA,iDAHA,YACA,uBACA,mBAUE,CATF,0BAEA,yBACE,kBACA,iBACA,cAIA,sDAGF,cAEE,chB5xBoB,uBgB8xBpB,SACA,cACA,qBACA,eACA,iBACA,sMAEA,UhBtzBE,yBgB6zBJ,cACE,kBACA,YACA,+DAGF,aACE,eAKN,cACE,qBAEA,kBACE,oBAIJ,cACE,cACA,qBACA,WACE,YACA,SACA,2BAIF,UACE,YACA,qBAIJ,aACE,gBACA,kBACA,chBp1BsB,gBgBs1BtB,uBACA,mBACA,qBACA,uBAGF,aACE,gBACA,2BACA,2BAGF,ahBl2BwB,oBgBs2BxB,aACE,eACA,eACA,gBACA,uBACA,mBACA,qBAGF,cACE,mBACA,kBACA,yBAEA,cACE,kBACA,yBACA,QACA,SACA,+BACA,yBAIJ,aACE,6CAEA,UACE,mDAGF,yBACE,6CAGF,mBACE,sBAIJ,oBACE,kCAEA,QACE,4CAIA,oBACA,0CAGF,kBACE,0CAGF,aACE,6BAIJ,wBACE,2BAGF,yBACE,cACA,SACA,WACA,YACA,oBACA,CADA,8BACA,CADA,gBACA,sBACA,wBACA,kBAGF,YACE,eACA,yBACA,kBACA,gBACA,gBACA,wBAEA,aACE,chB76BoB,iBgB+6BpB,eACA,+BACA,aACA,sBACA,mBACA,uBACA,eACA,4BAEA,aACE,wBAIJ,eACE,CACA,qBACA,aACA,sBACA,uBACA,2BAEA,aACE,cACA,0BAGF,oBACE,chB38BkB,gBgB68BlB,gCAEA,yBACE,0BAKN,QACE,eACA,iDAEA,SACE,cACA,8BAGF,ahB99BoB,oCgBo+BxB,cACE,cACA,SACA,uBACA,UACA,kBACA,oBACA,oFAEA,yBAEE,6BC/gCJ,kBACE,aAGF,iBACE,8BACA,oBACA,aACA,sBAGF,cACE,MACA,OACA,QACA,SACA,0BACA,wBAGF,cACE,MACA,OACA,WACA,YACA,aACA,sBACA,mBACA,uBACA,2BACA,aACA,oBACA,yBACA,CADA,qBACA,CADA,oBACA,CADA,gBACA,oBAGF,mBACE,aACA,aACA,6CAGF,kBjBvB0B,cARb,kBiBoCX,gBACA,aACA,sBACA,0BAGF,WACE,WACA,gBACA,iBACA,8DAEA,UACE,YACA,sBACA,aACA,sBACA,mBACA,uBACA,aACA,yBACA,CADA,qBACA,CADA,oBACA,CADA,gBACA,oBAIJ,WACE,WACA,gBACA,iBACA,kBACA,wBAEA,iBACE,MACA,OACA,WACA,YACA,sBACA,aACA,aACA,CAGA,YACA,UACA,yBACA,CADA,qBACA,CADA,oBACA,CADA,gBACA,2CANA,qBACA,mBACA,uBAaF,CATE,mBAIJ,YACE,CAGA,iBACA,qCAGF,kBACE,UACE,YACA,gBACA,0BAGF,UACE,YACA,eACA,gBACA,cACA,oDAIJ,aAEE,mBACA,aACA,aACA,2DAEA,cACE,uLAGF,ajBpGsB,SiBuGpB,eACA,gBACA,kBACA,oBACA,YACA,aACA,kBACA,6BACA,+mBAEA,aAGE,yBACA,qiBAGF,ajB7IS,qwDiBiJP,aAGE,sBAMR,sBACE,yBAGF,aACE,aACA,mBACA,uBACA,wBAGF,UACE,YACA,mBACA,mBACA,aACA,eACA,8BAEA,kBACE,+BAGF,cACE,mBACA,kCAIJ,mBACE,CACA,mBACA,0EAEA,mBACE,yBAIJ,cACE,iBACA,4BAEA,cACE,gBACA,cjBvMS,mBiByMT,2BAGF,ajBnMwB,kGiBsMtB,aAGE,2CAIJ,aACE,2BAGF,cACE,cjBtMoB,gBiBwMpB,mBACA,sCAEA,eACE,kCAGF,eACE,mBjBrOO,cAQa,kBiBgOpB,eACA,gBACA,CAII,2NADF,eACE,oCAOV,WACE,UACA,mCAME,mBACA,mBACA,sCAEA,cACE,iBACA,kBACA,qCAGF,eACE,oCAIJ,kBACE,mBACA,kBACA,eAIJ,iBACE,eACA,mBACA,sBAEA,eACE,cjBzRS,kBiB2RT,yBACA,eACA,qBAGF,kBjBhSW,cAQa,gBiB2RtB,aACA,kBACA,6HAQF,eACE,qJAGF,kBACE,cjB1SsB,mBiB4StB,kBACA,aACA,kBACA,eACA,sCACA,yPAEA,iBACE,mBACA,qNAGF,mBACE,gBACA,4CAMJ,YACE,mBACA,gDAEA,UACE,cACA,4DAEA,aACE,2DAGF,cACE,kDAGF,iBACE,uDAIJ,eACE,sDAIJ,UjB3WM,2DiBgXR,0BACE,cACE,iBACA,qJAGF,cAIE,mBACA,4CAGF,kBACE,sDAGF,WACE,eACA,mBAIJ,oBACE,eACA,gBACA,iBACA,uHAGF,kBAOE,cjB7YW,kBiB+YX,gBACA,eACA,YACA,kBACA,sBACA,+SAEA,ajBjYsB,YiBmYpB,eACA,WACA,eACA,gBACA,uSAGF,YACE,uPAGF,WACE,WACA,+WAGF,aACE,wBAKF,ejBvbM,CAiBkB,gBiByatB,oBACA,iEjB3bI,2BAiBkB,qDiBkb1B,iBAEE,aACA,qEAEA,wBACE,CADF,qBACE,CADF,oBACE,CADF,gBACE,gBACA,kKAIJ,YAKE,8BACA,mBjBncwB,aiBqcxB,iBACA,0LAEA,aACE,iBACA,cjB7boB,mBiB+bpB,kNAGF,aACE,6DAIJ,cAEE,yDAGF,WAEE,eACA,0BAGF,gBAEE,sDAGF,qBAEE,eAGF,UACE,gBACA,0BAGF,YACE,6BACA,qCAEA,yBAJF,cAKI,gBACA,iDAIJ,qBAEE,UACA,qCAEA,+CALF,UAMI,sDAIJ,aAEE,gBACA,gBACA,gBACA,kBACA,2FAEA,ajBzgBwB,qCiB6gBxB,oDAZF,eAaI,sCAKF,4BADF,eAEI,yBAIJ,YACE,+BACA,gBACA,0BAEA,cACE,iBACA,mBACA,sCAGF,aACE,sBACA,WACA,CACA,ajBhjBS,gBATL,aiB4jBJ,oBACA,eACA,YACA,CACA,SACA,kBACA,yBACA,iBACA,gBACA,gBACA,4CAEA,wBACE,+CAGF,ejB5kBI,yBiB8kBF,mBACA,kBACA,6DAEA,QACE,gBACA,gBACA,mEAEA,QACE,0DAIJ,ajBnlBO,oBiBqlBL,eACA,gBjB/lBA,+CiBomBJ,YACE,8BACA,mBACA,4CAIJ,aACE,cjBnmBS,eiBqmBT,gBACA,mBACA,wCAGF,eACE,mBACA,+CAEA,ajB9mBS,eiBgnBP,qCAIJ,uBAnFF,YAoFI,eACA,QACA,wCAEA,iBACE,iBAKN,eAWE,eACA,wBAXA,eACE,iBACA,uBAGF,aACE,gBACA,2CAMF,eACE,mBAGF,eACE,cACA,gBACA,+BAEA,4BACE,4BAGF,QACE,oCAIA,ajB/pBO,aiBiqBL,kBACA,eACA,mBACA,qBACA,8EAEA,eAEE,yWAOA,kBjBvqBgB,WAlBlB,iJiBgsBA,iBAGE,oMAUR,aACE,iIAIJ,4BAIE,cjBxrBsB,eiB0rBtB,gBACA,6cAEA,aAGE,6BACA,uCAIJ,iBACE,mBACA,oBACA,eAEA,yFAEA,qBACE,qGAIJ,YAIE,eACA,iIAEA,eACE,CAII,w1BADF,eACE,sDAMR,iBAEE,oDAKA,eACE,0DAGF,eACE,mBACA,aACA,mBACA,wEAEA,ajBzwBS,CiB2wBP,gBACA,uBAKN,YACE,2CAEA,QACE,WACA,cAIJ,UACE,eACA,gBACA,iBAEA,YACE,gBACA,eACA,kBACA,sCAGF,YACE,4CAEA,kBACE,yDAGF,SACE,sBACA,cACA,WACA,YACA,aACA,gDACA,mBjBpzBO,WATL,eiBg0BF,CACA,eACA,kBACA,2EAEA,QACE,wMAGF,mBAGE,+DAGF,kBACE,qCAGF,wDA7BF,cA8BI,4DAIJ,WACE,eACA,gBACA,SACA,kBACA,cAKN,iBACE,YACA,gBACA,YACA,aACA,uBACA,mBACA,gBjB12BM,yDiB62BN,aAGE,gBACA,WACA,YACA,SACA,sBACA,CADA,gCACA,CADA,kBACA,gBjBr3BI,uBiBy3BN,iBACE,YACA,aACA,+BACA,iEACA,kBACA,wCACA,uBAGF,iBACE,WACA,YACA,MACA,OACA,uBAGF,iBACE,YACA,WACA,UACA,YACA,4BACA,6BAEA,UACE,8BAGF,UjBt5BI,eiBw5BF,gBACA,cACA,kBACA,2BAGF,iBACE,mCACA,qCAIJ,oCACE,eAEE,uBAGF,YACE,wBAKN,gBACE,sCAEA,eACE,gCAGF,eACE,qDAGF,ajBl7BW,iDiBs7BX,YACE,0DAEA,YACE,0BAIJ,YACE,iBACA,uBACA,kDAGF,ajB/6BsB,qBiBi7BpB,wDAEA,yBACE,WCp9BN,YACE,kCAEA,iBACE,MACA,QACA,oIAEA,+BAEE,oBAKN,cACE,uBACA,eACA,gBACA,clBasB,4CkBVtB,alBjBY,sCkBsBd,2CACE,oBAGF,QACE,wBACA,UACA,+CAEA,WACE,mBACA,UACA,0BAGF,aACE,sBACA,SACA,YACA,kBACA,aACA,WACA,UACA,clBvCS,gBATL,ekBmDJ,oBACA,gBACA,qDAEA,alBzBoB,CkBuBpB,2CAEA,alBzBoB,CkBuBpB,+CAEA,alBzBoB,CkBuBpB,sCAEA,alBzBoB,gCkB6BpB,8Cf/CA,uCADF,ceiD4D,0Cf5C5D,ce4C4D,oBAI9D,alBvDa,mBkByDX,mBlBlDsB,oCkBoDtB,iBACA,kBACA,eACA,gBACA,sBAEA,alB5CsB,gBkB8CpB,0BACA,mFAEA,oBAEU,iCAKZ,mBACA,eAEA,gBACA,wCAEA,alB1EwB,sDkB8ExB,YACE,2CAGF,oBACE,kBACA,yBACA,sBACA,WACA,YACA,cACA,gBACA,kBACA,SACA,kBACA,sBACA,kDAEA,oBlBhGsB,qCkBuG1B,eACE,kBACA,aACA,mBlB5GsB,gBkB8GtB,gBACA,cACA,yBAEA,iBACE,gBACA,wCAEA,alB7HS,iCkB+HT,WACE,iBACA,2BAIJ,iBACE,cACA,CACA,cACA,iBACA,clB1IS,qBkB4IT,gBACA,iBACA,qBACA,mBACA,gBACA,gGAEA,kBACE,qBACA,iIAEA,eACE,kJAIJ,eACE,mBACA,2DAGF,eACE,eACA,8BAGF,cACE,wFAGF,eACE,sCAGF,iBACE,8BACA,clBhLO,mBkBkLP,mDAEA,eACE,8DAIJ,eACE,0DAGF,iBACE,+BAGF,iBACE,eACA,2DAGF,eACE,+DAEA,QACE,8BAIJ,oBACE,8BAGF,uBACE,6BAGF,alBjMoB,qBkBmMlB,mCAEA,oEAGE,oBACE,gDAEA,qDAMR,UACE,YACA,gBACA,uDAIJ,iBAEE,WACA,mIAGE,aACE,sBACA,SACA,YACA,0BACA,yBACA,WACA,iBACA,UACA,clB5PO,gBATL,ekBwQF,oBACA,YACA,qBACA,yLAEA,alB/OkB,CkB6OlB,sKAEA,alB/OkB,CkB6OlB,8KAEA,alB/OkB,CkB6OlB,4JAEA,alB/OkB,yKkBmPlB,SACE,qJAGF,kBlBpQoB,+IkBqQpB,8Cf1QF,8JADF,ce4Q8D,kKfvQ9D,ceuQ8D,qCfhQ5D,8TADF,sBeoQM,gBACA,6BAMR,aACE,kBACA,SACA,UACA,WACA,gBACA,2CAEA,aACE,mBACA,WACA,YACA,clB/QoB,ekBiRpB,iBACA,kBACA,WACA,4CAIJ,iBACE,SACA,oCAGF,aACE,kBACA,sBACA,SACA,0BACA,YACA,WACA,clBzTW,mBAQa,sCkBoTxB,eACA,WACA,aACA,6CAGF,aACE,0CAGF,YACE,eACA,kBACA,iMAEA,kBAGa,iKAEb,YAGE,mBACA,mBACA,2BACA,iBACA,eACA,+DAGF,6BACE,qEAEA,aACE,gBACA,uBACA,mBACA,sEAGF,eACE,qEAGF,aACE,iBACA,gBACA,uBACA,mBACA,4EAMA,alB/VkB,wBkBoWxB,eACE,iCAEA,YACE,mBACA,eACA,oBACA,YACA,gBACA,8BAIJ,UACE,WACA,cACA,kCAEA,iBACE,kBACA,aACA,WACA,sBlBzZI,wBkB2ZJ,sBACA,4BACA,gBACA,2CAEA,aACE,kBACA,sBACA,SACA,OACA,SACA,SACA,aACA,WACA,clBvZoB,gFkByZpB,eACA,oBACA,gBACA,UACA,UACA,4BACA,iDAEA,UlBlbE,sEkBobF,WACE,clBpakB,CAjBlB,4DkBobF,WACE,clBpakB,CAjBlB,gEkBobF,WACE,clBpakB,CAjBlB,uDkBobF,WACE,clBpakB,yCkByatB,2EAKE,0CAKN,iFACE,aACA,uBACA,8BACA,UACA,4BACA,8CAEA,aACE,clB5bsB,ekB8btB,gBACA,aACA,oBACA,2JAEA,aAGE,wCAIJ,SACE,kCAIJ,YACE,aACA,clBldsB,gBkBodtB,sCAEA,cACE,kBACA,2CAGF,aACE,gDAEA,aACE,eACA,gBACA,yBACA,qDAGF,iBACE,eACA,kBACA,WACA,WACA,mBlB5dkB,8DkB+dlB,iBACE,MACA,OACA,WACA,kBACA,mBlBhfkB,0BkBuf1B,alBhgBa,oBkBkgBX,eACA,gBlB5gBM,4BkBghBR,YACE,mBACA,0BACA,YACA,aACA,8BACA,cACA,oBAGF,YACE,cACA,sBAEA,oBACE,uBACA,cACA,YACA,iBACA,sBACA,uBAGF,oBACE,aACA,CAEA,oBACA,CADA,6BACA,UACA,QACA,YACA,uBACA,2BAIJ,iBACE,iBACA,0CAKE,yBACE,qCACA,WlB7jBE,mBAkBkB,gBkB8iBpB,8CAGA,yBACE,oCACA,uCAMR,iBACE,kBACA,uCACA,gBlB9kBM,gBkBglBN,uBACA,6CAGF,YACE,mBACA,aACA,clB9kBW,ekBglBX,sDAEA,aACE,clB9jBoB,wEkBikBpB,6EAEA,aACE,clBzlBO,gBkB2lBP,sGAIJ,kBlBtlBwB,WAlBlB,6PkBgnBF,UlBhnBE,0DkBonBN,wCAGF,gBACE,iBACA,mBACA,gBACA,yBACA,cACA,+BAEA,oBACE,SACA,eACA,kBACA,gCAGF,oBACE,aACA,UACA,WACA,kBACA,kCAIA,alB5oBU,CmBFZ,+BAHF,YACE,cACA,kBAUA,CATA,cAKA,kBACA,2BACA,gBAEA,uBAEA,YACE,uBACA,WACA,YACA,iBACA,6BAEA,WACE,gBACA,oBACA,aACA,yBACA,gBACA,oCAEA,0BACE,oCAGF,cACE,YACA,oBACA,YACA,6BAIJ,qBACE,WACA,gBACA,cACA,aACA,sBACA,qCAEA,4BARF,cASI,qBAMR,kBACE,wBACA,CADA,eACA,MACA,UACA,cACA,qCAEA,mBAPF,gBAQI,+BAGF,eACE,qCAEA,6BAHF,kBAII,wHAMJ,WAGE,mCAIJ,YACE,mBACA,uBACA,YACA,CnB7EW,ImB4Fb,aACE,aACA,sBACA,WACA,YACA,CAIA,oBAGF,qBACE,WACA,mBACA,cnBlGwB,emBoGxB,cACA,eACA,SACA,iBACA,aACA,SACA,UACA,2BAEA,yBACE,6BAIJ,kBACE,SACA,oBACA,cnBrHwB,emBuHxB,cACA,eACA,kBACA,UACA,mCAEA,yBACE,wCAGF,kBACE,2BAIJ,oBACE,iBACA,2BAGF,iBACE,kCAGF,cACE,cACA,eACA,aACA,kBACA,QACA,UACA,cAGF,kBACE,WnB5KM,cmB8KN,eACA,aACA,qBACA,2DAEA,kBAGE,oBAGF,SACE,2BAGF,sBACE,cnB7KsB,kGmBgLtB,sBAGE,WnBpME,kCmBwMJ,anBtLsB,oBmB4L1B,oBACE,iBACA,oBAGF,kBnB1Ma,cAqBW,iBmBwLtB,eACA,gBACA,yBACA,eACA,yBAGF,iBACE,cACA,UACA,gCAEA,uCACE,uCAEA,aACE,WACA,kBACA,aACA,OACA,QACA,cACA,UACA,oBACA,YACA,UACA,oFACA,wCAIJ,SACE,kBACA,gBAIJ,YACE,eACA,mBACA,cACA,eACA,kBACA,UACA,UACA,gBACA,uBAEA,QACE,YACA,aACA,cACA,uBACA,aACA,gBACA,uBACA,gBACA,mBACA,OACA,4CAGF,anBlQwB,4CmBuQtB,anBvQsB,0CmByQpB,4CAIJ,SAEE,SAIJ,WACE,kBACA,sBACA,aACA,sBACA,gBACA,wDAEA,SACE,gBACA,gBACA,qBAGF,kBnB1SW,yBmB+Sb,WACE,aACA,cACA,uBAGF,kBACE,iCAGF,iBACE,sEAGF,kBACE,SACA,cnBxTsB,emB0TtB,eACA,eACA,kFAEA,aACE,CAKA,kLAEA,UnBtVI,mBmBwVF,kFAKJ,2BACE,wCAIJ,YACE,oBACA,6BACA,+CAEA,sBAEE,kBACA,eACA,qBACA,0CAGF,eACE,gDAKJ,SACE,6BAGF,eACE,gBACA,gBACA,cnB5WsB,0DmB8WtB,UACA,UACA,kBACA,uCAEA,YACE,WACA,uCAGF,iBACE,gCAGF,QACE,uBACA,SACA,6BACA,cACA,iCAIF,eACE,2CACA,YACE,WACA,mCAKN,kBACE,aACA,mCAIA,anBpZsB,0BmBsZpB,gCAIJ,WACE,4DAEA,cACE,uEAEA,eACE,uBAKN,oBACE,uBACA,gBACA,mBACA,OACA,sBAGF,oBACE,iBACA,6EAGF,anBrawB,mBArBX,kBmB+bX,aACA,eACA,gBACA,eACA,aACA,cACA,mBACA,uBACA,yBACA,4EAdF,cAeI,6FAGF,eACE,mFAGF,anBvcwB,qBmByctB,qGAEA,yBACE,uCAKN,kBACE,aACA,eAGF,qBACE,uCAKA,sBACE,6BACA,qCASF,qCAXA,sBACE,6BACA,sCAgBF,mJAFF,qBAGI,sBAKF,wBACA,aACA,2BACA,mBACA,mBACA,2BAEA,aACE,iCAEA,UACE,kBACA,uCAEA,SACE,kCAKN,aACE,aACA,yBC9hBJ,iBACE,eACA,gBACA,cpB6BsB,mBArBX,eoBLX,aACA,cACA,sBACA,mBACA,uBACA,aACA,qEAGE,aAEE,WACA,aACA,SACA,yCAIJ,gBACE,gCAGF,eACE,uCAEA,aACE,mBACA,cpBDkB,qCoBKpB,cACE,gBACA,kBCtCJ,UACE,cACA,+BACA,0BAEA,UACE,qCAGF,iBATF,QAUI,mBAIJ,qBACE,mBACA,uBAEA,YACE,kBACA,gBACA,gBACA,2BAEA,aACE,WACA,YACA,SACA,oBACA,CADA,8BACA,CADA,gBACA,uBAIJ,YACE,mBACA,mBACA,aACA,6BAEA,aACE,aACA,mBACA,qBACA,gBACA,qCAGF,UACE,eACA,cACA,+BAGF,aACE,WACA,YACA,gBACA,mCAEA,UACE,YACA,cACA,SACA,kBACA,mBACA,oBACA,CADA,8BACA,CADA,gBACA,qCAIJ,gBACE,gBACA,4CAEA,cACE,WrB1EF,gBqB4EE,gBACA,uBACA,0CAGF,aACE,eACA,crBnEc,gBqBqEd,gBACA,uBACA,yBAKN,kBrBnFS,aqBqFP,mBACA,uBACA,gDAEA,YACE,cACA,eACA,mDAGF,qBACE,kBACA,gCACA,WACA,gBACA,mBACA,gBACA,uBACA,qDAEA,YACE,iEAEA,cACE,sDAIJ,YACE,cAOV,kBrBzHa,sBqB4HX,iBACE,4BAGF,aACE,eAIJ,cACE,kBACA,qBACA,cACA,iBACA,eACA,mBACA,gBACA,uBACA,eACA,oEAEA,YAEE,sBAGF,oBACE,kBACA,yBACA,sBACA,WACA,YACA,cACA,kBACA,SACA,kBACA,sBACA,8BAEA,oBACE,mBACA,CC/KJ,eAGF,SnBkDE,sBACA,WACA,YACA,gBACA,oBACA,mBHhDW,cAOW,eG4CtB,SACA,cmBxDA,CACA,2BACA,iBACA,eACA,2CAEA,aACE,CAHF,iCAEA,aACE,CAHF,qCAEA,aACE,CAHF,4BAEA,aACE,kCAGF,QACE,6EAGF,mBAGE,sBAGF,kBACE,qCAGF,eA3BF,cA4BI,kCAKF,QACE,qDAGF,mBAEE,mBAGF,iBACE,SACA,WACA,UACA,qBACA,UACA,0BACA,4CACA,eACA,WACA,YACA,ctBtCsB,esBwCtB,oBACA,0BAEA,mBACE,WACA,0BAIJ,sBACE,iCAEA,mBACE,WACA,gCAIJ,QACE,uBACA,ctB/CoB,esBiDpB,uCAEA,uBACE,sCAGF,aACE,yBAKN,atB7DwB,mBsB+DtB,gCACA,kBACA,eACA,gBACA,uBAGF,YACE,ctBrFsB,kBsBuFtB,iBAIA,atB7EsB,mBsB+EpB,gCACA,gBACA,aACA,eACA,eACA,qBAEA,oBACE,iBACA,eAIJ,YACE,mBACA,aACA,gCACA,0BAEA,eACE,qBAGF,aACE,ctBvGkB,gBsByGlB,uBACA,mBACA,4BAEA,eACE,uBAGF,atB/HkB,qBsBiIhB,eACA,gBACA,cACA,gBACA,uBACA,mBACA,qGAKE,yBACE,wBAMR,aACE,eACA,iBACA,gBACA,iBACA,mBACA,gBACA,ctBzJoB,0BsB6JtB,aACE,WACA,2CAEA,oCACE,yBACA,0CAGF,wBACE,WC1LR,yCCCE,qBACA,sBACA,CADA,kBACA,wBACA,WACA,YACA,eAEA,UACE,8BAIJ,exBXQ,kBwBaN,sCACA,kBACA,eACA,UACA,iDAEA,2BACE,2DAGF,UACE,mCAIJ,iBACE,SACA,WACA,eACA,yCAGF,iBACE,UACA,SACA,UACA,gBxBvCM,kBwByCN,sCACA,gBACA,gDAEA,aACE,eACA,SACA,gBACA,uBACA,iKAEA,+BAGE,2DAIJ,WACE,wBAKF,2BACE,eAIJ,aACE,wBACA,UACA,eACA,0CAEA,mBAEE,mBAGF,8BACE,CADF,sBACE,WACA,cACA,SACA,WACA,YACA,0EAMA,SACE,oBACA,CADA,WACA,eChGN,WAEE,0BAGF,kBANW,kBAQT,cACA,iCACA,wBACE,mCAOF,WACE,SACA,UACA,2CAGF,aACE,aAEA,sBACA,YACA,6BACA,6DAGE,oBACE,WACA,iBACA,iBACA,iJAGF,UACE,gEAEF,oBACE,gBACA,WACA,2CAKN,yBACE,sBACA,kBACA,YACA,gBACA,kDAEA,uBACE,CADF,oBACE,CADF,eACE,WACA,YACA,SACA,4BACA,WACA,yBACA,eACA,4CACA,sBACA,oBACA,6DAEA,uBACE,6DAGF,sBACE,wEAGF,sBACE,kBACA,SCjFR,WACE,sBACA,aACA,sBACA,kBACA,iBACA,UACA,qBAEA,iBACE,oBAGF,kBACE,2DvBDF,SuBI0D,yBvBC1D,SuBD0D,qCvBQxD,qLuBLA,yBAGF,eACE,gBACA,eACA,qCvBZA,4BuBgBA,SACE,WACA,YACA,eACA,UACA,+BALF,SACE,WACA,YACA,eACA,UACA,yCAIJ,4BAGF,YACE,mBACA,mBACA,UACA,mBACA,eACA,mBAEA,aACE,sBACA,oCACA,sBACA,YACA,cACA,c1BtCoB,kB0BwCpB,qBACA,eACA,mBAGF,iCACE,iDAEA,YAEE,mBACA,mCACA,SAKN,iBACE,mBACA,UACA,qCvBrDE,6CADF,euBwDkF,sCvBlEhF,sBADF,cuBoE0D,yBvB/D1D,cuB+D0D,gBAG5D,e1BlFQ,kBGkEN,CACA,sBACA,gBACA,cHrDsB,uCGuDtB,mBAEA,wBACE,cH1DoB,eG4DpB,gBACA,mBACA,mBAGF,aACE,mBAGF,kBACE,mBAGF,eACE,cHjFS,kB0B6Eb,YACE,c1BvEsB,a0ByEtB,mBACA,oBAEA,aACE,qBACA,wBAGF,aACE,c1BjFsB,gB0BmFtB,mBACA,gBACA,uBACA,0BAIJ,aACE,gBACA,gBACA,kBAGF,kB1BxGa,kB0B0GX,gBACA,yBAEA,a1BxFsB,mB0B0FpB,aACA,gBACA,eACA,eACA,6BAEA,oBACE,iBACA,0BAIJ,iBACE,6BAEA,kBACE,gCACA,eACA,aACA,aACA,gBACA,eACA,c1BhHkB,iC0BmHlB,oBACE,iBACA,8FAIJ,eAEE,mCAGF,aACE,aACA,c1B7IoB,qB0B+IpB,0HAEA,aAGE,0BACA,gBAQN,WACA,kBAGA,+BANF,qBACE,UACA,CAEA,eACA,aAgBA,CAfA,eAGF,iBACE,MACA,OACA,mBACA,CAGA,qBACA,CACA,eACA,WACA,YACA,uBAEA,kB1B1LW,0B0B+Lb,u1BACE,OACA,gBACA,aACA,8BAEA,aACE,sBACA,CADA,4DACA,CADA,kBACA,+BACA,CADA,2BACA,UACA,YACA,oBACA,eACA,yBACA,CADA,qBACA,CADA,oBACA,CADA,gBACA,oCAGF,aACE,WACA,YACA,YACA,eACA,sCAGF,yBAzBF,aA0BI,iBAIJ,kBACE,eACA,gBACA,mBAGF,cACE,kBACA,MACA,OACA,WACA,YACA,0BACA,oBCrPF,kBACE,gB3BAM,WACA,e2BEN,aACA,sBACA,YACA,uBACA,eACA,kBACA,kBACA,YACA,gBAGF,e3BdQ,cAiBgB,oB2BCtB,YACA,iEAEA,aAGE,iCAGF,eACE,2BxBcF,iBACE,mBACA,cACA,eACA,aACA,gBACA,yBwBfJ,aACE,eACA,yBAGF,aACE,eACA,gBACA,6BAGF,aACE,kBACA,W3B7CM,0B2B+CN,WACA,SACA,gBACA,kBACA,eACA,gBACA,UACA,oBACA,WACA,4BACA,iBACA,wDAKE,SACE,uBAKN,WACE,aACA,sBACA,4BAEA,iBACE,c3B3DoB,a2B6DpB,YACA,mBACA,CAGE,yDAIJ,UACE,gBAIJ,qBACE,eACA,gBACA,kBACA,kBACA,WACA,aACA,2BxBzDA,iBACE,mBACA,cACA,eACA,aACA,gBACA,sBwBwDJ,WACE,sBACA,cACA,WACA,kBACA,kBACA,gBACA,kCAEA,eACE,qEAIA,cACE,MACA,gCAIJ,e3B5HM,gC2BiIR,cACE,cACA,qBACA,c3BlHwB,kB2BoHxB,UACA,mEAEA,WAEE,WACA,sBACA,CADA,gCACA,CADA,kBACA,CAIE,0HAFF,WACE,oBACA,CADA,8BACA,CADA,gB3BhJE,C2BiJF,wBAKN,UACE,CAEA,iBACA,MACA,OACA,UACA,gB3B7JM,iC2BgKN,YACE,sBAIJ,WACE,gBACA,kBACA,WACA,aACA,uBACA,qCAGF,cACE,YACA,WACA,kBACA,UACA,sBACA,CADA,gCACA,CADA,kBACA,yBACA,CADA,qBACA,CADA,oBACA,CADA,gBACA,qDAEA,WACE,oBACA,CADA,8BACA,CADA,gBACA,sCAIJ,0BACE,2BACA,gBACA,kBACA,yBAGF,eACE,iBACA,yBAGF,UACE,cAGF,UACE,YACA,kBACA,qCAEA,UACE,YACA,aACA,mBACA,uBACA,2CAEA,c3BrK0B,eAEC,C2B+K7B,8CALF,iBACE,MACA,OACA,QACA,SAYA,CAXA,yBAQA,mBACA,8BACA,oBACA,4BAEA,mBACE,0DAGF,SACE,4DAEA,mBACE,mBAKN,yBACE,sBACA,SACA,W3BjQM,e2BmQN,aACA,mBACA,eACA,cACA,cACA,kBACA,kBACA,MACA,SACA,yBAGF,MACE,0BAGF,OACE,CASA,4CANF,UACE,kBACA,kBACA,OACA,YACA,oBAUA,6BAEA,WACE,sBAGF,mBACE,qBACA,gBACA,c3B9RsB,mF2BiStB,yBAGE,wBAKN,oBACE,sBAGF,qB3B9TQ,Y2BgUN,WACA,kBACA,YACA,UACA,SACA,YACA,8BAGF,wB3BvT0B,qB2B2T1B,iBACE,UACA,QACA,YACA,qKAKA,WAEE,mFAGF,WACE,eAKJ,qBACE,kBACA,mBACA,kBACA,oBACA,cACA,wBAEA,eACE,YACA,yBAGF,cACE,kBACA,gBACA,gCAEA,UACE,cACA,kBACA,6BACA,WACA,SACA,OACA,oBACA,qCAIJ,qCACE,iCAGF,wBACE,uCAIA,mBACA,mBACA,6BACA,0BACA,eAIJ,eACE,kBACA,gB3BnZM,e2BqZN,kBACA,sBACA,cACA,wBAEA,eACE,sBACA,qBAGF,SACE,gCAGF,UACE,YACA,0BxB3XF,iBACE,mBACA,cACA,eACA,aACA,gBACA,qBwB0XF,eACE,gBACA,UACA,kBACA,0BAGF,oBACE,sBACA,SACA,gCAEA,wBACE,0BACA,qBACA,sBACA,UACA,4BAKF,qBACE,CADF,gCACE,CADF,kBACE,kBACA,QACA,2BACA,yBAIJ,iBACE,UACA,SACA,OACA,QACA,sBACA,iFACA,eACA,UACA,4BACA,gCAEA,SACE,6EAKF,iBAEE,wBAIJ,YACE,kBACA,MACA,OACA,WACA,YACA,UACA,SACA,gB3BxeI,cAiBgB,gB2B0dpB,oBACA,+BAEA,aACE,oBACA,8GAEA,aAGE,+BAIJ,aACE,eACA,kCAGF,aACE,eACA,gBACA,4BAIJ,YACE,8BACA,oBACA,CAGE,gUAEA,aAIE,wBAKN,cACE,mBACA,gBACA,uBACA,oCAGE,cACE,qCAKF,eACE,+BAIJ,sBACE,iBACA,eACA,SACA,0BACA,8GAEA,U3B9iBE,+E2BsjBN,cAGE,gBACA,6BAGF,U3B7jBM,iB2B+jBJ,yBAGF,oBACE,aACA,mDAGF,U3BvkBM,uB2B4kBN,cACE,YACA,eACA,8BAEA,UACE,WACA,+BAOA,6DANA,iBACA,cACA,kBACA,WACA,UACA,YAWA,CAVA,+BASA,kBACA,+BAGF,iBACE,UACA,kBACA,WACA,YACA,YACA,UACA,4BACA,mBACA,sCACA,oBACA,qBAIJ,gBACE,uBAEA,oBACE,eACA,gBACA,W3B5nBE,sF2B+nBF,yBAGE,qBAKN,cACE,YACA,kBACA,4BAEA,UACE,WACA,+BACA,kBACA,cACA,kBACA,WACA,SACA,2DAGF,aAEE,kBACA,WACA,kBACA,SACA,mBACA,6BAGF,6BACE,6BAGF,iBACE,UACA,UACA,kBACA,WACA,YACA,QACA,iBACA,4BACA,mBACA,sCACA,oBACA,CAGE,yFAKF,SACE,6GAQF,gBACE,oBACA,iBCtsBR,YACE,mBACA,mBACA,kBACA,QACA,SACA,YACA,mBAGF,YACE,kBACA,gBACA,yBACA,0BACA,eACA,iBACA,yBACA,WACA,4BACA,wCAEA,uBCtBF,kB7BWa,sB6BTX,kBACA,uCACA,YACA,gBACA,qCAEA,aARF,SASI,kBAGF,cACE,mBACA,gBACA,eACA,kBACA,0BACA,6BAGF,WACE,6BAGF,yBACE,sCAEA,uBACE,uCACA,wBACA,wBAIJ,eACE,kDAIA,oBACE,+BAIJ,cACE,sBAGF,eACE,aAIJ,kB7B3Ca,sB6B6CX,kBACA,uCACA,YACA,gBACA,qCAEA,YARF,SASI,uBAGF,kBACE,oBAGF,kBACE,YACA,0BACA,gBACA,mBAGF,YACE,gCACA,4BAGF,YACE,iCAGF,aACE,gBACA,qBACA,eACA,aACA,aC3FJ,cAOE,qBACA,c9BGW,2B8BVX,qBAEE,iBACA,+BAOF,WACE,iBAIJ,sBACE,6BAEA,uBACE,2BACA,4BACA,mB9BHsB,4B8BOxB,oBACE,8BACA,+BACA,aACA,qBAIJ,YACE,8BACA,cACA,c9BLsB,c8BOtB,oBAGF,iBACE,OACA,kBACA,iBACA,gBACA,8BACA,eACA,0BAEA,aACE,6BAIJ,a9BpC0B,mC8BuCxB,aACE,oDAGF,QACE,wBAIJ,iBACE,YACA,OACA,WACA,WACA,yBACA,uBAIA,oBACE,WACA,eACA,yBAGF,iBACE,gBACA,oBAIJ,iBACE,aACA,gBACA,kBACA,gB9B5FM,sB8B8FN,sGAEA,+BAEE,oBAKF,2BACA,gB9BxGM,0B8B2GN,cACE,gBACA,gBACA,oBACA,cACA,WACA,gCACA,c9BzGS,yB8B2GT,kBACA,4CAEA,QACE,2GAGF,mBAGE,wCAKN,cACE,6CAEA,SACE,kBACA,kBACA,qDAGF,SACE,WACA,kBACA,MACA,OACA,WACA,YACA,sCACA,mBACA,4BAIJ,SACE,kBACA,wBACA,gBACA,MACA,iCAEA,aACE,WACA,gBACA,gBACA,gB9BpKI,mB8ByKR,iBACE,qBACA,YACA,wBAEA,UACE,YACA,wBAIJ,cACE,kBACA,iBACA,c9BvKsB,mD8B0KtB,YACE,qDAGF,eACE,uDAGF,YACE,qBAIJ,YACE,wBC1MF,iBACE,aACA,mBACA,mB/BgBwB,cARb,kB+BLX,YACA,WACA,gBACA,iBACA,gBACA,4DAEA,aACE,eACA,mFAGF,iBACE,kBACA,gBACA,+FAEA,iBACE,OACA,MACA,kCAIJ,aACE,cACA,2BAGF,cACE,gBACA,iBACA,mBACA,2BAGF,cACE,gBACA,iBACA,gBACA,mBACA,0CAIJ,aACE,kBACA,cACA,mBACA,gCACA,eACA,qBACA,aACA,0BACA,4DAEA,aACE,iBACA,gDAGF,kB/BhDwB,iD+BoDxB,kB/BnDwB,WAlBlB,qG+B0EN,kB/BxEU,WAFJ,oC+BgFR,kBACE,YACA,eACA,iBACA,gBACA,8BAGF,aACE,UACA,kBACA,YACA,gBACA,oCAGF,iBACE,4FAGF,eAEE,mBACA,qCAGF,mCACE,UACE,cACA,0CAGF,YACE,4DAEA,YACE,kBCtHN,UhCEQ,gCgCCN,oBAEA,cACE,iBACA,gBACA,kBACA,mBAGF,UhCVM,0BgCYJ,oBAGF,eACE,cACA,iBACA,mDAGF,UACE,YACA,gBACA,gCACA,gBC3BJ,WACE,gBACA,aACA,sBACA,yBACA,kBACA,+BAEA,gBACE,eACA,CACA,2BACA,kCAGF,QACE,iCAGF,aACE,6BAGF,sBACE,0BAGF,MACE,kBACA,aACA,sBACA,iBACA,mDAGF,eACE,sBjClCI,0BiCoCJ,cACA,gDAGF,iBACE,gDAGF,WACE,mBAIJ,eACE,mBACA,yBACA,gBACA,aACA,sBACA,qBAEA,aACE,sBAGF,aACE,SACA,CACA,4BACA,cACA,qDAHA,sBAOA,qCAIJ,qBAEI,cACE,wBAKN,qBACE,WACA,cACA,6DAEA,UAEE,YACA,UACA,wCAGF,YACE,cACA,kDACA,qCAEA,uCALF,aAMI,yCAIJ,eACE,oCAGF,YACE,uDAGF,cACE,sCAGF,gBACE,eACA,CACA,2BACA,yCAGF,QACE,mCAGF,gBACE,yBAEA,kCAHF,eAII,sCAIJ,sBACE,gBACA,sCAGF,uCACE,YACE,iKAEA,eAGE,6CAIJ,gBACE,2EAGF,YAEE,kGAGF,gBACE,+BAGF,YACE,gBACA,gLAEA,eAIE,gCAIJ,iBACE,6CAEA,cACE,8CAKF,gBACE,CAIA,yFAGF,eACE,0BAMR,cACE,aACA,uBACA,mBACA,gBACA,iBACA,iBACA,gBACA,mBACA,WjCjNM,kBiCmNN,eACA,iBACA,qBACA,sCACA,4FAEA,kBAGE,qCAIJ,UACE,UACE,uDAGF,kCACE,mCAGF,kBAEE,sCAIJ,2CACE,YACE,sCAOA,sEAGF,YACE,uCAIJ,0CACE,YACE,uCAIJ,UACE,YACE,gCC1QJ,oBACE,gBACA,yCAEA,UACE,YACA,gBACA,iCAGF,kBACE,qBACA,4CAEA,eACE,iCAIJ,alCAwB,qBkCEtB,uCAEA,yBACE,+CAIA,oBACE,oDAEA,yBACE,gDAKN,aACE,gBAKN,kBACE,eACA,aACA,qBACA,0BAEA,WACE,cACA,qCAEA,yBAJF,YAKI,4BAIJ,wBACE,cACA,kBACA,qCAEA,0BALF,UAMI,uBAIJ,qBACE,WACA,aACA,kBACA,eACA,iBACA,qBACA,gBACA,gBACA,gBACA,aACA,sBACA,6BAEA,aACE,gBACA,mBACA,mBACA,8BAGF,iBACE,SACA,WACA,cACA,mBlCzEoB,kBkC2EpB,cACA,eACA,4BAIJ,YACE,clCpFoB,kBkCsFpB,WACA,QACA,mDAIJ,YACE,oDAGF,UACE,gBAGF,YACE,eACA,mBACA,gBACA,iBACA,wBACA,sBAEA,aACE,mBACA,SACA,kBACA,WACA,eACA,yBACA,CADA,qBACA,CADA,oBACA,CADA,gBACA,cACA,aACA,mBACA,2BACA,2CACA,6BAEA,aACE,aACA,WACA,YACA,iCAEA,aACE,SACA,WACA,YACA,eACA,gBACA,sBACA,sBACA,CADA,gCACA,CADA,kBACA,6BAIJ,aACE,cACA,eACA,gBACA,kBACA,gBACA,clClJkB,mFkCsJpB,kBAGE,4BACA,2CACA,wGAEA,aACE,6BAIJ,0BACE,2CACA,yBACA,yDAEA,aACE,uCAKN,UACE,oCAGF,WACE,8BAGF,alCrLsB,SkCuLpB,eACA,WACA,cACA,cACA,YACA,aACA,mBACA,WACA,2BACA,2CACA,2GAEA,SAGE,cACA,4BACA,2CACA,qCAKF,SACE,OCjON,eACE,eACA,8BAEA,QAEE,gBACA,UAGF,kBACE,kBACA,cAGF,iBACE,cACA,mBACA,WACA,aACA,sBAEA,kBnCFsB,emCOxB,iBACE,aACA,cACA,iBACA,eACA,gBACA,qBAEA,oBACE,qBACA,yBACA,4BACA,oEAGF,YAEE,kCAGF,aACE,gCAIA,qBACA,WACA,eACA,cnC5CO,cmC8CP,UACA,oBACA,gBnCzDE,yBmC2DF,kBACA,iBACA,sCAEA,oBnC7CoB,0BmCkDtB,cACE,wBAGF,YACE,mBACA,iBACA,cAIJ,oBACE,kBACA,yBACA,sBACA,WACA,YACA,cACA,kBACA,SACA,kBACA,sBACA,gBACA,mBACA,cACA,uBAEA,iBACE,qBAGF,oBnClGY,8EmCuGZ,oBAGE,iBACA,gCAGF,mBACE,SACA,wCAGF,mBAEE,eAIJ,oBACE,WACA,gBACA,cACA,cAGF,aACE,qBACA,oBAEA,cACE,eAIJ,eACE,mBACA,cnC9GoB,amCkHtB,cACE,uBACA,UACA,SACA,SACA,cnCvHoB,0BmCyHpB,kBACA,mBAEA,oBACE,sCAGF,mCAEE,eAIJ,WACE,eACA,kBACA,eACA,6BAIJ,4BACE,kBACA,gCAEA,YACE,2CAGF,4BACE,aACA,aACA,mBACA,mGAEA,UAEE,aACA,+GAEA,oBnC7KoB,sDmCmLxB,cACE,gBACA,iBACA,YACA,oBACA,cnC5KoB,sCmC+KpB,gCAGF,YACE,mBACA,8CAEA,aACE,wBACA,iBACA,oCAIJ,uBACE,CADF,oBACE,CADF,eACE,sBACA,eACA,cnCrNS,qBmCuNT,WACA,UACA,oBACA,qXACA,yBACA,kBACA,CACA,yBACA,mDAGF,aACE,cAIJ,anClNwB,qBmCqNtB,+BACE,6BAEA,+BACE,YCpPN,qBACE,iBANc,cAQd,kBACA,sCAEA,WANF,UAOI,eACA,mBAIJ,sBACE,eACA,gBACA,gBACA,qBACA,cpCJsB,oBoCOtB,apCLwB,0BoCOtB,6EAEA,oBAGE,wCAIJ,apClBsB,oBoCuBtB,YACE,oBACA,+BAEA,eACE,yBAIJ,eACE,cpChCsB,qBoCoCxB,iBACE,cpCrCsB,uBoCyCxB,eACE,mBACA,kBACA,kBACA,yHAGF,sBAME,mBACA,oBACA,gBACA,cpCzDsB,qBoC6DxB,aACE,qBAGF,gBACE,qBAGF,eACE,qBAGF,gBACE,yCAGF,aAEE,qBAGF,eACE,qBAGF,kBACE,yCAMA,iBACA,iBACA,yDAEA,2BACE,yDAGF,2BACE,qBAIJ,UACE,SACA,SACA,gCACA,eACA,4BAEA,UACE,SACA,wBAIJ,UACE,yBACA,8BACA,CADA,iBACA,gBACA,mBACA,iEAEA,+BAEE,cACA,kBACA,gBACA,gBACA,cpCrIkB,iCoCyIpB,uBACE,gBACA,gBACA,cpC9HkB,qDoCkIpB,WAEE,iBACA,kBACA,qBACA,mEAEA,SACE,kBACA,iFAEA,gBACE,kBACA,6EAGF,iBACE,SACA,UACA,mBACA,gBACA,uBACA,+BAMR,YACE,oBAIJ,kBACE,eACA,mCAEA,iBACE,oBACA,8BAGF,YACE,8BACA,eACA,6BAGF,UACE,uBACA,eACA,iBACA,WpCpNI,iBoCsNJ,kBACA,qEAEA,aAEE,6CAIA,apC9MoB,oCoCmNtB,sBACE,gBACA,eACA,iBACA,qCAGF,4BA3BF,iBA4BI,4BAIJ,iBACE,YACA,sBACA,mBACA,CACA,sBACA,0BACA,QACA,aACA,yCAEA,sBACE,eACA,iBACA,gBACA,cpC/OkB,mBoCiPlB,mBACA,gCACA,uBACA,mBACA,gBACA,wFAEA,eAEE,cACA,2CAGF,oBACE,2BAKN,iBACE,mCAIE,UACqB,sCjCnRzB,CiCoRI,kBACA,uCAEA,aACE,WACA,YACA,mBACA,iBpCpOgB,wBG9DtB,4BACA,iCiCsSE,cACE,mCAEA,aACE,WpC3SA,qBoC6SA,uDAGE,yBACE,2CAKN,aACE,cpCvSgB,kCoC+StB,sBAEE,CACA,eACA,eACA,iBACA,mBACA,cpCtToB,sCoCyTpB,apCvTsB,0BoCyTpB,kBAIJ,cACE,SACA,UACA,gBACA,uBACA,oBACA,kBACA,oBACA,cACA,kBAGF,sBACE,eACA,iBACA,gBACA,mBACA,cpC/UsB,wBoCkVtB,sBACE,cACA,eACA,gBACA,cACA,kBAKF,cACA,iBpC7VsB,mCoC2VxB,sBACE,CAEA,eACA,mBACA,cpChWsB,kBoCqWtB,cACA,iBpCtWsB,kBoC8WtB,cpC9WsB,mCoC6WxB,sBACE,CACA,gBACA,gBACA,mBACA,cpClXsB,kBoCuXtB,cpCvXsB,kBoC+XxB,sBACE,eACA,iBACA,gBACA,mBACA,cpCpYsB,mCoCwYxB,gBAEE,mDAEA,2BACE,mDAGF,2BACE,kBAIJ,eACE,kBAGF,kBACE,yCAGF,cAEE,kBAGF,UACE,SACA,SACA,2CACA,cACA,yBAEA,UACE,SACA,iDAIJ,YAEE,+BAGF,kBpC5bW,kBoC8bT,kBACA,gBACA,sBACA,oCAEA,UACE,aACA,2BACA,iBACA,8BACA,mBACA,uDAGF,YACE,yBACA,qBACA,mFAEA,aACE,eACA,qCAGF,sDAVF,UAWI,8BACA,6CAIJ,MACE,sBACA,qCAEA,2CAJF,YAKI,sBAKN,iBACE,yBAEA,WACE,WACA,uBACA,4BAIJ,iBACE,mBACA,uCAEA,eACE,mCAGF,eACE,cACA,qCAGF,eACE,UACA,mDAEA,kBACE,aACA,iBACA,0FAKE,oBACE,gFAIJ,cACE,qDAIJ,aACE,cACA,6CAMA,UACqB,sCjC9hB3B,mDiCiiBI,cACE,4DAEA,cACE,qCAKN,oCACE,eACE,sCAIJ,2BA9DF,iBA+DI,mFAIJ,qBAGE,mBpCtjBS,kBoCwjBT,kCACA,uBAGF,YACE,kBACA,WACA,YACA,2BAEA,YACE,WACA,uCAKF,YACE,eACA,mBACA,mBACA,qCAGF,sCACE,kBACE,uCAIJ,apC9kBsB,qCoCklBtB,eACE,WpCpmBE,gBoCsmBF,2CAEA,apCxlBkB,gDoC2lBhB,apC1lBkB,+CoCgmBtB,eACE,qBAIJ,kBACE,yBAEA,aACE,SACA,eACA,YACA,kBACA,qCAIJ,gDAEI,kBACE,yCAGF,eACE,gBACA,WACA,kBACA,uDAEA,iBACE,sCAMR,8BACE,aACE,uCAEA,gBACE,sDAGF,kBACE,6EAIJ,aAEE,qBAIJ,WACE,UAIJ,mBACE,qCAEA,SAHF,eAII,kBAGF,YACE,uBACA,mBACA,aACA,qBAEA,SpC1rBI,YoC4rBF,qCAGF,gBAXF,SAYI,mBACA,sBAIJ,eACE,uBACA,gBACA,gBACA,uBAGF,eACE,gBACA,0BAEA,YACE,yBACA,gBACA,eACA,cpCpsBkB,6BoCwsBpB,eACE,iBACA,+BAGF,kBpCptBS,aoCstBP,0BACA,aACA,uCAEA,YACE,gCAIJ,cACE,gBACA,uDAEA,YACE,mBACA,iDAGF,UACE,YACA,0BACA,gCAIJ,YACE,uCAEA,sBACE,eACA,gBACA,cACA,qCAGF,cACE,cpCnvBgB,uFoCyvBtB,eACE,cASA,CpCnwBoB,2CoCgwBpB,iBACA,CACA,kBACA,gBAGF,eACE,cACA,aACA,kDACA,cACA,qCAEA,eAPF,oCAQI,cACA,8BAEA,UACE,aACA,sBACA,0CAEA,OACE,cACA,2CAGF,YACE,mBACA,QACA,cACA,qCAIJ,UACE,2BAGF,eACE,sCAIJ,eAtCF,UAuCI,6BAEA,aACE,gBACA,gBACA,2GAEA,eAGE,uFAIJ,+BAGE,2BAGF,YACE,gCAEA,eACE,qEAEA,eAEE,gBACA,2CAGF,eACE,SAQZ,iBACE,qBACA,iBAGF,aACE,kBACA,aACA,UACA,YACA,cpCh2BsB,qBoCk2BtB,eACA,qCAEA,gBAVF,eAWI,WACA,gBACA,cpC11BoB,SqChCxB,UACE,eACA,iBACA,yBACA,qBAEA,WAEE,iBACA,mBACA,6BACA,gBACA,mBACA,oBAGF,qBACE,gCACA,aACA,gBACA,oBAGF,eACE,qEAGF,kBrChBW,UqCqBX,arCZwB,0BqCctB,gBAEA,oBACE,eAIJ,eACE,CAII,4HADF,eACE,+FAOF,sBAEE,yFAKF,YAEE,gCAMJ,kBrCzDS,6BqC2DP,gCACA,4CAEA,qBACE,8BACA,2CAGF,uBACE,+BACA,0BAKN,qBACE,gBAIJ,aACE,mBACA,MAGF,+BACE,0BAGF,sBACE,SACA,aACA,8CAGF,oBAEE,qBACA,iBACA,eACA,crC5FsB,gBqC8FtB,0DAEA,UrChHM,wDqCoHN,eACE,iBACA,sEAGF,cACE,yCAKF,YAEE,yDAEA,qBACE,iBACA,eACA,gBACA,qEAEA,cACE,2EAGF,YACE,mBACA,uFAEA,YACE,qHAOJ,sBACA,cACA,uBAIJ,wBACE,mBrCvJS,sBqCyJT,YACA,mBACA,gCAEA,gBACE,mBACA,oBAIJ,YACE,yBACA,aACA,mBrCtKS,gCqCyKT,aACE,gBACA,mBAIJ,wBACE,aACA,mBACA,qCAEA,wCACE,4BACE,0BAIJ,kBACE,iCAGF,kBrC9LS,uCqCiMP,kBACE,4BAIJ,gBACE,oBACA,sCAEA,SACE,wCAGF,YACE,mBACA,mCAGF,aACE,aACA,uBACA,mBACA,kBACA,6CAEA,UACE,YACA,kCAIJ,aACE,mCAGF,aACE,iBACA,crC/NgB,gBqCiOhB,mCAIJ,QACE,WACA,qCAEA,sBACE,gBACA,qCAOJ,4FAFF,YAGI,gCAIJ,aACE,sCAEA,eACE,4BAIJ,wBACE,aACA,gBACA,qCAEA,2BALF,4BAMI,sCAIJ,+CACE,YACE,iBCzRN,YACE,uBACA,WACA,iBACA,iCAEA,gBACE,gBACA,oBACA,cACA,wCAEA,YACE,yBACA,mBtCPO,YsCSP,yBAIJ,WAvBc,UAyBZ,oBACA,iCAEA,YACE,mBACA,YACA,uCAEA,aACE,yCAEA,oBACE,aACA,2CAGF,StCxCA,YsC0CE,kBACA,YACA,uCAIJ,aACE,ctCjCgB,qBsCmChB,cACA,eACA,aACA,0HAIA,kBAGE,+BAKN,aACE,iBACA,YACA,aACA,qCAGF,sCACE,YACE,6BAIJ,eACE,0BACA,gBACA,mBACA,qCAEA,2BANF,eAOI,+BAGF,aACE,aACA,ctC3EgB,qBsC6EhB,0BACA,2CACA,0BACA,mBACA,gBACA,uBACA,mCAEA,gBACE,oCAGF,UtCzGA,yBsC2GE,0BACA,2CACA,uCAGF,kBACE,sBACA,+BAIJ,kBACE,wBACA,SACA,iCAEA,QACE,kBACA,6DAIJ,UtCjIE,yBAkBkB,gBsCkHlB,gBACA,mEAEA,wBACE,6DAKN,yBACE,iCAIJ,qBACE,WACA,gBApJY,cAsJZ,sCAGF,uCACE,YACE,iCAGF,WA/JY,cAiKV,sCAIJ,gCACE,UACE,0BAMF,2BACA,qCAEA,wBALF,cAMI,CACA,sBACA,kCAGF,YACE,oBAEA,gCACA,0BAEA,eAEA,mBACA,8BACA,mCAEA,eACE,kBACA,yCAGF,mBACE,4DAEA,eACE,qCAIJ,gCAzBF,eA0BI,iBACA,6BAIJ,atCnMsB,esCqMpB,iBACA,gBACA,qCAEA,2BANF,eAOI,6BAIJ,atC9MsB,esCgNpB,iBACA,gBACA,mBACA,4BAGF,wBACE,eACA,gBACA,ctC1NkB,mBsC4NlB,kBACA,gCACA,4BAGF,cACE,ctCjOoB,iBsCmOpB,gBACA,0CAGF,UtCxPI,gBsC0PF,uFAGF,eAEE,gEAGF,aACE,4CAGF,cACE,gBACA,WtCxQE,oBsC0QF,iBACA,gBACA,mBACA,2BAGF,cACE,iBACA,ctCjQoB,mBsCmQpB,kCAEA,UtCtRE,gBsCwRA,CAII,2NADF,eACE,4BAMR,UACE,SACA,SACA,2CACA,cACA,mCAEA,UACE,SACA,qCAKN,eA9SF,aA+SI,iCAEA,YACE,yBAGF,UACE,UACA,YACA,iCAEA,YACE,4BAGF,YACE,8DAGF,eAEE,gCACA,gBACA,0EAEA,eACE,+BAIJ,eACE,6DAGF,2BtCjUoB,YsCwU1B,UACE,SACA,cACA,WACA,sDAKA,atCnVsB,0DsCsVpB,atCpVsB,4DsCyVxB,atC1Wc,gBsC4WZ,4DAGF,atC9WU,gBsCgXR,0DAGF,atCvVsB,gBsCyVpB,0DAGF,atCtXU,gBsCwXR,UAIJ,YACE,eACA,yBAEA,aACE,qBACA,oCAEA,kBACE,4BAGF,cACE,gBACA,+BAEA,oBACE,iBACA,gCAIJ,eACE,yBACA,eACA,CAII,iNADF,eACE,6CAKN,aACE,mBACA,2BAGF,oBACE,ctCxZkB,qBsC0ZlB,yBACA,eACA,gBACA,gCACA,iCAEA,UtChbE,gCsCkbA,oCAGF,atCnaoB,gCsCqalB,iBAMR,aACE,iBACA,eACA,sBAGF,aACE,eACA,cACA,wBAEA,aACE,kBAIJ,YACE,eACA,mBACA,wBAGF,YACE,WACA,sBACA,aACA,+BAEA,aACE,qBACA,gBACA,eACA,iBACA,ctC7csB,CsCkdlB,4MADF,eACE,sCAKN,aACE,gCAIJ,YAEE,mBACA,kEAEA,UACE,kBACA,4BACA,gFAEA,iBACE,kDAKN,aAEE,aACA,sBACA,4EAEA,cACE,WACA,kBACA,mBACA,uEAIJ,cAEE,iBAGF,YACE,eACA,kBACA,2CAEA,kBACE,eACA,8BAGF,kBACE,+CAGF,gBACE,uDAEA,gBACE,mBACA,YACA,YAKN,kBACE,eACA,cAEA,atC3hBwB,qBsC6hBtB,oBAEA,yBACE,SAKN,aACE,YAGF,gBACE,eACA,mBtCpjBW,gCsCsjBX,uBAEA,eACE,oBAGF,YACE,2BACA,mBACA,ctCxjBoB,esC0jBpB,eACA,oBAGF,iBACE,4BAEA,aACE,SACA,kBACA,WACA,YACA,qBAIJ,2BACE,mBAGF,oBACE,uBAGF,atCpkBsB,sDsCwkBtB,atCrlBwB,qBsCylBtB,gBACA,yDAIJ,oBAIE,ctClmBwB,iGsCqmBxB,eACE,yIAIA,4BACE,cACA,iIAGF,8BACE,CADF,sBACE,WACA,sBAKN,YAEE,mBACA,sCAEA,aACE,CACA,gBACA,kBACA,0DAIA,8BACE,CADF,sBACE,WACA,gBAKN,kBACE,8BACA,yBAEA,yBtC9pBc,yBsCkqBd,yBACE,wBAGF,yBtCnqBU,wBsCwqBR,2BACA,eACA,iBACA,4BACA,kBACA,gBACA,0BAEA,atCpqBoB,uBsC0qBpB,wBACA,qBAGF,atChqBsB,csCqqBxB,kBtC1rBa,kBsC4rBX,mBACA,uBAEA,YACE,8BACA,mBACA,aACA,gCAEA,SACE,SACA,gDAEA,aACE,8BAIJ,aACE,gBACA,ctCzsBkB,yBsC2sBlB,iBACA,gCAEA,aACE,qBACA,iHAEA,aAGE,mCAIJ,atCvuBM,6BsC8uBR,YACE,2BACA,6BACA,mCAEA,kBACE,gFAGF,YAEE,cACA,sBACA,YACA,ctC9uBgB,mLsCivBhB,kBAEE,gBACA,uBACA,sCAIJ,aACE,6BACA,4CAEA,atC/uBgB,iBsCivBd,gBACA,wCAIJ,aACE,sBACA,WACA,aACA,qBACA,ctCzwBgB,WsCgxBxB,kBAGE,0BAFA,eACA,uBASA,CARA,eAGF,oBACE,gBACA,CAEA,qBACA,oBAGF,YACE,eACA,CACA,kBACA,wBAEA,qBACE,cACA,mBACA,aACA,0FAGF,kBAEE,kBACA,YACA,6CAGF,QACE,SACA,+CAEA,aACE,sEAGF,uBACE,yDAGF,atC70BY,8CsCk1Bd,qBACE,aACA,WtCr1BI,csC01BR,iBACE,qBAGF,wBACE,kBACA,2BAEA,cACE,mBtC11BS,gCsC41BT,kCAEA,cACE,cACA,gBACA,eACA,gBACA,ctC31BoB,qBsC61BpB,mBACA,uHAEA,UtCj3BE,iCsCw3BJ,cACE,ctC31BkB,uCsC+1BpB,YACE,8BACA,mBACA,sCAGF,eACE,kkECp4BN,kIACE,CADF,sIACE,uIAYA,aAEE,yIAGF,aAEE,qIAGF,aAEE,6IAGF,aAEE,UChCJ,aACE,gCAEA,gBACE,eACA,mBACA,+BAGF,cACE,iBACA,8CAGF,aACE,kBACA,wBAGF,gBACE,iCAGF,aACE,kBACA,uCAGF,oBACE,gDAGF,SACE,YACA,8BAGF,cACE,iBACA,mEAGF,aACE,kBACA,2DAGF,cAEE,gBACA,mFAGF,cACE,gBACA,+BAGF,eACE,2EAGF,UAEE,mCAGF,aACE,iBACA,yBAGF,kBACE,kBACA,4BAGF,UACE,UACA,wBAGF,aACE,kCAGF,MACE,WACA,cACA,mBACA,2CAGF,aACE,iBACA,0CAGF,gBACE,eACA,mCAGF,WACE,sCAGF,gBACE,gBACA,yCAGF,UACE,iCAGF,aACE,iBACA,+BAGF,UACE,0BAGF,gBACE,eACA,UAGA,WACA,yCAGF,iBACE,mBACA,4GAGF,iBAEE,gBACA,uCAGF,kBACE,eACA,2BAGF,aACE,kBACA,wCAGF,SACE,YACA,yDAGF,SACE,WACA,CAKA,oFAGF,UACE,OACA,uGAGF,UAEE,gBACA,uCAIA,cACE,iBACA,kEAEA,cACE,gBACA,qCAKN,WACE,eACA,iBACA,uCAGF,WACE,sCAGF,aACE,kBACA,0CAGF,gBACE,eACA,uDAGF,gBACE,2CAGF,cACE,iBACA,YACA,yEAGF,aAEE,iBACA,iBAGF,wBACE,iBAGF,SACE,oBACA,yBAGF,aACE,8EAGF,cAEE,gBACA,oDAGF,cACE,mBACA,gEAGF,iBACE,gBACA,CAMA,8KAGF,SACE,QACA,yDAGF,kBACE,eACA,uDAGF,kBACE,gBACA,qDAGF,SACE,QACA,8FAGF,cAEE,mBACA,4CAGF,UACE,SACA,kDAEA,UACE,OACA,+DACA,8BAIJ,sXACE,uCAGF,gBAEE,kCAGF,cACE,iBACA,gDAGF,UACE,UACA,gEAGF,aACE,uDAGF,WACE,WACA,uDAGF,UACE,WACA,uDAGF,UACE,WACA,kDAGF,MACE,0CAGF,iBACE,yBACA,qDAGF,cACE,iBACA,qCAGF,kCACE,gBAEE,kBACA,2DAEA,gBACE,mBACA,uEAKF,gBAEE,kBACA,gFAKN,cAEE,gBACA,6CAKE,eACE,eACA,sDAIJ,aACE,kBACA,4DAKF,cACE,gBACA,8DAGF,gBACE,eACA,mCAIJ,aACE,kBACA,iBACA,kCAGF,WACE,mCAGF,WACE,oCAGF,cACE,gBACA,gFAGF,cACE,mBACA,+DAGF,SACE,QACA,sBChbJ,YACE,eACA,CACA,kBACA,0BAEA,qBACE,iBACA,cACA,mBACA,yDAEA,YAEE,mBACA,kBACA,sBACA,YACA,4BAGF,oBACE,cACA,cACA,qGAEA,kBAGE,sDAKN,iBAEE,gBACA,eACA,iBACA,WzCrCI,uByCuCJ,mBACA,iBACA,4BAGF,cACE,6BAGF,cACE,czCjCoB,kByCmCpB,gBACA,qBAIJ,YACE,eACA,cACA,yBAEA,gBACE,mBACA,6BAEA,aACE,sCAIJ,azCrDwB,gByCuDtB,qBACA,0D","file":"flavours/glitch/common.css","sourcesContent":["html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:\"\";content:none}table{border-collapse:collapse;border-spacing:0}html{scrollbar-color:#192432 rgba(0,0,0,.1)}::-webkit-scrollbar{width:12px;height:12px}::-webkit-scrollbar-thumb{background:#192432;border:0px none #fff;border-radius:50px}::-webkit-scrollbar-thumb:hover{background:#1c2938}::-webkit-scrollbar-thumb:active{background:#192432}::-webkit-scrollbar-track{border:0px none #fff;border-radius:0;background:rgba(0,0,0,.1)}::-webkit-scrollbar-track:hover{background:#121a24}::-webkit-scrollbar-track:active{background:#121a24}::-webkit-scrollbar-corner{background:transparent}body{font-family:sans-serif,sans-serif;background:#06090c;font-size:13px;line-height:18px;font-weight:400;color:#fff;text-rendering:optimizelegibility;font-feature-settings:\"kern\";text-size-adjust:none;-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-tap-highlight-color:transparent}body.system-font{font-family:system-ui,-apple-system,BlinkMacSystemFont,\"Segoe UI\",\"Oxygen\",\"Ubuntu\",\"Cantarell\",\"Fira Sans\",\"Droid Sans\",\"Helvetica Neue\",sans-serif,sans-serif}body.app-body{padding:0}body.app-body.layout-single-column{height:auto;min-height:100vh;overflow-y:scroll}body.app-body.layout-multiple-columns{position:absolute;width:100%;height:100%}body.app-body.with-modals--active{overflow-y:hidden}body.lighter{background:#121a24}body.with-modals{overflow-x:hidden;overflow-y:scroll}body.with-modals--active{overflow-y:hidden}body.embed{background:#192432;margin:0;padding-bottom:0}body.embed .container{position:absolute;width:100%;height:100%;overflow:hidden}body.admin{background:#0b1016;padding:0}body.error{position:absolute;text-align:center;color:#9baec8;background:#121a24;width:100%;height:100%;padding:0;display:flex;justify-content:center;align-items:center}body.error .dialog{vertical-align:middle;margin:20px}body.error .dialog img{display:block;max-width:470px;width:100%;height:auto;margin-top:-120px}body.error .dialog h1{font-size:20px;line-height:28px;font-weight:400}button{font-family:inherit;cursor:pointer}button:focus{outline:none}.app-holder,.app-holder>div{display:flex;width:100%;align-items:center;justify-content:center;outline:0 !important}.layout-single-column .app-holder,.layout-single-column .app-holder>div{min-height:100vh}.layout-multiple-columns .app-holder,.layout-multiple-columns .app-holder>div{height:100%}.container-alt{width:700px;margin:0 auto;margin-top:40px}@media screen and (max-width: 740px){.container-alt{width:100%;margin:0}}.logo-container{margin:100px auto 50px}@media screen and (max-width: 500px){.logo-container{margin:40px auto 0}}.logo-container h1{display:flex;justify-content:center;align-items:center}.logo-container h1 svg{fill:#fff;height:42px;margin-right:10px}.logo-container h1 a{display:flex;justify-content:center;align-items:center;color:#fff;text-decoration:none;outline:0;padding:12px 16px;line-height:32px;font-family:sans-serif,sans-serif;font-weight:500;font-size:14px}.compose-standalone .compose-form{width:400px;margin:0 auto;padding:20px 0;margin-top:40px;box-sizing:border-box}@media screen and (max-width: 400px){.compose-standalone .compose-form{width:100%;margin-top:0;padding:20px}}.account-header{width:400px;margin:0 auto;display:flex;font-size:13px;line-height:18px;box-sizing:border-box;padding:20px 0;padding-bottom:0;margin-bottom:-30px;margin-top:40px}@media screen and (max-width: 440px){.account-header{width:100%;margin:0;margin-bottom:10px;padding:20px;padding-bottom:0}}.account-header .avatar{width:40px;height:40px;width:40px;height:40px;background-size:40px 40px;margin-right:8px}.account-header .avatar img{width:100%;height:100%;display:block;margin:0;border-radius:4px;border-radius:8%;background-position:50%;background-clip:padding-box}.account-header .name{flex:1 1 auto;color:#d9e1e8;width:calc(100% - 88px)}.account-header .name .username{display:block;font-weight:500;text-overflow:ellipsis;overflow:hidden}.account-header .logout-link{display:block;font-size:32px;line-height:40px;margin-left:8px}.grid-3{display:grid;grid-gap:10px;grid-template-columns:3fr 1fr;grid-auto-columns:25%;grid-auto-rows:max-content}.grid-3 .column-0{grid-column:1/3;grid-row:1}.grid-3 .column-1{grid-column:1;grid-row:2}.grid-3 .column-2{grid-column:2;grid-row:2}.grid-3 .column-3{grid-column:1/3;grid-row:3}@media screen and (max-width: 415px){.grid-3{grid-gap:0;grid-template-columns:minmax(0, 100%)}.grid-3 .column-0{grid-column:1}.grid-3 .column-1{grid-column:1;grid-row:3}.grid-3 .column-2{grid-column:1;grid-row:2}.grid-3 .column-3{grid-column:1;grid-row:4}}.grid-4{display:grid;grid-gap:10px;grid-template-columns:repeat(4, minmax(0, 1fr));grid-auto-columns:25%;grid-auto-rows:max-content}.grid-4 .column-0{grid-column:1/5;grid-row:1}.grid-4 .column-1{grid-column:1/4;grid-row:2}.grid-4 .column-2{grid-column:4;grid-row:2}.grid-4 .column-3{grid-column:2/5;grid-row:3}.grid-4 .column-4{grid-column:1;grid-row:3}.grid-4 .landing-page__call-to-action{min-height:100%}.grid-4 .flash-message{margin-bottom:10px}@media screen and (max-width: 738px){.grid-4{grid-template-columns:minmax(0, 50%) minmax(0, 50%)}.grid-4 .landing-page__call-to-action{padding:20px;display:flex;align-items:center;justify-content:center}.grid-4 .row__information-board{width:100%;justify-content:center;align-items:center}.grid-4 .row__mascot{display:none}}@media screen and (max-width: 415px){.grid-4{grid-gap:0;grid-template-columns:minmax(0, 100%)}.grid-4 .column-0{grid-column:1}.grid-4 .column-1{grid-column:1;grid-row:3}.grid-4 .column-2{grid-column:1;grid-row:2}.grid-4 .column-3{grid-column:1;grid-row:5}.grid-4 .column-4{grid-column:1;grid-row:4}}@media screen and (max-width: 415px){.public-layout{padding-top:48px}}.public-layout .container{max-width:960px}@media screen and (max-width: 415px){.public-layout .container{padding:0}}.public-layout .header{background:#202e3f;box-shadow:0 0 15px rgba(0,0,0,.2);border-radius:4px;height:48px;margin:10px 0;display:flex;align-items:stretch;justify-content:center;flex-wrap:nowrap;overflow:hidden}@media screen and (max-width: 415px){.public-layout .header{position:fixed;width:100%;top:0;left:0;margin:0;border-radius:0;box-shadow:none;z-index:110}}.public-layout .header>div{flex:1 1 33.3%;min-height:1px}.public-layout .header .nav-left{display:flex;align-items:stretch;justify-content:flex-start;flex-wrap:nowrap}.public-layout .header .nav-center{display:flex;align-items:stretch;justify-content:center;flex-wrap:nowrap}.public-layout .header .nav-right{display:flex;align-items:stretch;justify-content:flex-end;flex-wrap:nowrap}.public-layout .header .brand{display:block;padding:15px}.public-layout .header .brand svg{display:block;height:18px;width:auto;position:relative;bottom:-2px;fill:#fff}@media screen and (max-width: 415px){.public-layout .header .brand svg{height:20px}}.public-layout .header .brand:hover,.public-layout .header .brand:focus,.public-layout .header .brand:active{background:#26374d}.public-layout .header .nav-link{display:flex;align-items:center;padding:0 1rem;font-size:12px;font-weight:500;text-decoration:none;color:#9baec8;white-space:nowrap;text-align:center}.public-layout .header .nav-link:hover,.public-layout .header .nav-link:focus,.public-layout .header .nav-link:active{text-decoration:underline;color:#fff}@media screen and (max-width: 550px){.public-layout .header .nav-link.optional{display:none}}.public-layout .header .nav-button{background:#2d415a;margin:8px;margin-left:0;border-radius:4px}.public-layout .header .nav-button:hover,.public-layout .header .nav-button:focus,.public-layout .header .nav-button:active{text-decoration:none;background:#344b68}.public-layout .grid{display:grid;grid-gap:10px;grid-template-columns:minmax(300px, 3fr) minmax(298px, 1fr);grid-auto-columns:25%;grid-auto-rows:max-content}.public-layout .grid .column-0{grid-row:1;grid-column:1}.public-layout .grid .column-1{grid-row:1;grid-column:2}@media screen and (max-width: 600px){.public-layout .grid{grid-template-columns:100%;grid-gap:0}.public-layout .grid .column-1{display:none}}.public-layout .directory__card{border-radius:4px}@media screen and (max-width: 415px){.public-layout .directory__card{border-radius:0}}@media screen and (max-width: 415px){.public-layout .page-header{border-bottom:0}}.public-layout .public-account-header{overflow:hidden;margin-bottom:10px;box-shadow:0 0 15px rgba(0,0,0,.2)}.public-layout .public-account-header.inactive{opacity:.5}.public-layout .public-account-header.inactive .public-account-header__image,.public-layout .public-account-header.inactive .avatar{filter:grayscale(100%)}.public-layout .public-account-header.inactive .logo-button{background-color:#d9e1e8}.public-layout .public-account-header__image{border-radius:4px 4px 0 0;overflow:hidden;height:300px;position:relative;background:#000}.public-layout .public-account-header__image::after{content:\"\";display:block;position:absolute;width:100%;height:100%;box-shadow:inset 0 -1px 1px 1px rgba(0,0,0,.15);top:0;left:0}.public-layout .public-account-header__image img{object-fit:cover;display:block;width:100%;height:100%;margin:0;border-radius:4px 4px 0 0}@media screen and (max-width: 600px){.public-layout .public-account-header__image{height:200px}}.public-layout .public-account-header--no-bar{margin-bottom:0}.public-layout .public-account-header--no-bar .public-account-header__image,.public-layout .public-account-header--no-bar .public-account-header__image img{border-radius:4px}@media screen and (max-width: 415px){.public-layout .public-account-header--no-bar .public-account-header__image,.public-layout .public-account-header--no-bar .public-account-header__image img{border-radius:0}}@media screen and (max-width: 415px){.public-layout .public-account-header{margin-bottom:0;box-shadow:none}.public-layout .public-account-header__image::after{display:none}.public-layout .public-account-header__image,.public-layout .public-account-header__image img{border-radius:0}}.public-layout .public-account-header__bar{position:relative;margin-top:-80px;display:flex;justify-content:flex-start}.public-layout .public-account-header__bar::before{content:\"\";display:block;background:#192432;position:absolute;bottom:0;left:0;right:0;height:60px;border-radius:0 0 4px 4px;z-index:-1}.public-layout .public-account-header__bar .avatar{display:block;width:120px;height:120px;width:120px;height:120px;background-size:120px 120px;padding-left:16px;flex:0 0 auto}.public-layout .public-account-header__bar .avatar img{display:block;width:100%;height:100%;margin:0;border-radius:50%;border:4px solid #192432;background:#040609;border-radius:8%;background-position:50%;background-clip:padding-box}@media screen and (max-width: 600px){.public-layout .public-account-header__bar{margin-top:0;background:#192432;border-radius:0 0 4px 4px;padding:5px}.public-layout .public-account-header__bar::before{display:none}.public-layout .public-account-header__bar .avatar{width:48px;height:48px;width:48px;height:48px;background-size:48px 48px;padding:7px 0;padding-left:10px}.public-layout .public-account-header__bar .avatar img{border:0;border-radius:4px;border-radius:8%;background-position:50%;background-clip:padding-box}}@media screen and (max-width: 600px)and (max-width: 360px){.public-layout .public-account-header__bar .avatar{display:none}}@media screen and (max-width: 415px){.public-layout .public-account-header__bar{border-radius:0}}@media screen and (max-width: 600px){.public-layout .public-account-header__bar{flex-wrap:wrap}}.public-layout .public-account-header__tabs{flex:1 1 auto;margin-left:20px}.public-layout .public-account-header__tabs__name{padding-top:20px;padding-bottom:8px}.public-layout .public-account-header__tabs__name h1{font-size:20px;line-height:27px;color:#fff;font-weight:500;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;text-shadow:1px 1px 1px #000}.public-layout .public-account-header__tabs__name h1 small{display:block;font-size:14px;color:#fff;font-weight:400;overflow:hidden;text-overflow:ellipsis}@media screen and (max-width: 600px){.public-layout .public-account-header__tabs{margin-left:15px;display:flex;justify-content:space-between;align-items:center}.public-layout .public-account-header__tabs__name{padding-top:0;padding-bottom:0}.public-layout .public-account-header__tabs__name h1{font-size:16px;line-height:24px;text-shadow:none}.public-layout .public-account-header__tabs__name h1 small{color:#9baec8}}.public-layout .public-account-header__tabs__tabs{display:flex;justify-content:flex-start;align-items:stretch;height:58px}.public-layout .public-account-header__tabs__tabs .details-counters{display:flex;flex-direction:row;min-width:300px}@media screen and (max-width: 600px){.public-layout .public-account-header__tabs__tabs .details-counters{display:none}}.public-layout .public-account-header__tabs__tabs .counter{min-width:33.3%;box-sizing:border-box;flex:0 0 auto;color:#9baec8;padding:10px;border-right:1px solid #192432;cursor:default;text-align:center;position:relative}.public-layout .public-account-header__tabs__tabs .counter a{display:block}.public-layout .public-account-header__tabs__tabs .counter:last-child{border-right:0}.public-layout .public-account-header__tabs__tabs .counter::after{display:block;content:\"\";position:absolute;bottom:0;left:0;width:100%;border-bottom:4px solid #9baec8;opacity:.5;transition:all 400ms ease}.public-layout .public-account-header__tabs__tabs .counter.active::after{border-bottom:4px solid #d8a070;opacity:1}.public-layout .public-account-header__tabs__tabs .counter.active.inactive::after{border-bottom-color:#d9e1e8}.public-layout .public-account-header__tabs__tabs .counter:hover::after{opacity:1;transition-duration:100ms}.public-layout .public-account-header__tabs__tabs .counter a{text-decoration:none;color:inherit}.public-layout .public-account-header__tabs__tabs .counter .counter-label{font-size:12px;display:block}.public-layout .public-account-header__tabs__tabs .counter .counter-number{font-weight:500;font-size:18px;margin-bottom:5px;color:#fff;font-family:sans-serif,sans-serif}.public-layout .public-account-header__tabs__tabs .spacer{flex:1 1 auto;height:1px}.public-layout .public-account-header__tabs__tabs__buttons{padding:7px 8px}.public-layout .public-account-header__extra{display:none;margin-top:4px}.public-layout .public-account-header__extra .public-account-bio{border-radius:0;box-shadow:none;background:transparent;margin:0 -5px}.public-layout .public-account-header__extra .public-account-bio .account__header__fields{border-top:1px solid #26374d}.public-layout .public-account-header__extra .public-account-bio .roles{display:none}.public-layout .public-account-header__extra__links{margin-top:-15px;font-size:14px;color:#9baec8}.public-layout .public-account-header__extra__links a{display:inline-block;color:#9baec8;text-decoration:none;padding:15px;font-weight:500}.public-layout .public-account-header__extra__links a strong{font-weight:700;color:#fff}@media screen and (max-width: 600px){.public-layout .public-account-header__extra{display:block;flex:100%}}.public-layout .account__section-headline{border-radius:4px 4px 0 0}@media screen and (max-width: 415px){.public-layout .account__section-headline{border-radius:0}}.public-layout .detailed-status__meta{margin-top:25px}.public-layout .public-account-bio{background:#202e3f;box-shadow:0 0 15px rgba(0,0,0,.2);border-radius:4px;overflow:hidden;margin-bottom:10px}@media screen and (max-width: 415px){.public-layout .public-account-bio{box-shadow:none;margin-bottom:0;border-radius:0}}.public-layout .public-account-bio .account__header__fields{margin:0;border-top:0}.public-layout .public-account-bio .account__header__fields a{color:#e1b590}.public-layout .public-account-bio .account__header__fields dl:first-child .verified{border-radius:0 4px 0 0}.public-layout .public-account-bio .account__header__fields .verified a{color:#79bd9a}.public-layout .public-account-bio .account__header__content{padding:20px;padding-bottom:0;color:#fff}.public-layout .public-account-bio__extra,.public-layout .public-account-bio .roles{padding:20px;font-size:14px;color:#9baec8}.public-layout .public-account-bio .roles{padding-bottom:0}.public-layout .directory__list{display:grid;grid-gap:10px;grid-template-columns:minmax(0, 50%) minmax(0, 50%)}@media screen and (max-width: 415px){.public-layout .directory__list{display:block}}.public-layout .directory__list .icon-button{font-size:18px}.public-layout .directory__card{margin-bottom:0}.public-layout .card-grid{display:flex;flex-wrap:wrap;min-width:100%;margin:0 -5px}.public-layout .card-grid>div{box-sizing:border-box;flex:1 0 auto;width:300px;padding:0 5px;margin-bottom:10px;max-width:33.333%}@media screen and (max-width: 900px){.public-layout .card-grid>div{max-width:50%}}@media screen and (max-width: 600px){.public-layout .card-grid>div{max-width:100%}}@media screen and (max-width: 415px){.public-layout .card-grid{margin:0;border-top:1px solid #202e3f}.public-layout .card-grid>div{width:100%;padding:0;margin-bottom:0;border-bottom:1px solid #202e3f}.public-layout .card-grid>div:last-child{border-bottom:0}.public-layout .card-grid>div .card__bar{background:#121a24}.public-layout .card-grid>div .card__bar:hover,.public-layout .card-grid>div .card__bar:active,.public-layout .card-grid>div .card__bar:focus{background:#192432}}.no-list{list-style:none}.no-list li{display:inline-block;margin:0 5px}.recovery-codes{list-style:none;margin:0 auto}.recovery-codes li{font-size:125%;line-height:1.5;letter-spacing:1px}.modal-layout{background:#121a24 url('data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 234.80078 31.757813\" width=\"234.80078\" height=\"31.757812\"><path d=\"M19.599609 0c-1.05 0-2.10039.375-2.90039 1.125L0 16.925781v14.832031h234.80078V17.025391l-16.5-15.900391c-1.6-1.5-4.20078-1.5-5.80078 0l-13.80078 13.099609c-1.6 1.5-4.19883 1.5-5.79883 0L179.09961 1.125c-1.6-1.5-4.19883-1.5-5.79883 0L159.5 14.224609c-1.6 1.5-4.20078 1.5-5.80078 0L139.90039 1.125c-1.6-1.5-4.20078-1.5-5.80078 0l-13.79883 13.099609c-1.6 1.5-4.20078 1.5-5.80078 0L100.69922 1.125c-1.600001-1.5-4.198829-1.5-5.798829 0l-13.59961 13.099609c-1.6 1.5-4.200781 1.5-5.800781 0L61.699219 1.125c-1.6-1.5-4.198828-1.5-5.798828 0L42.099609 14.224609c-1.6 1.5-4.198828 1.5-5.798828 0L22.5 1.125C21.7.375 20.649609 0 19.599609 0z\" fill=\"%233E5A7C\"/></svg>') repeat-x bottom fixed;display:flex;flex-direction:column;height:100vh;padding:0}.modal-layout__mastodon{display:flex;flex:1;flex-direction:column;justify-content:flex-end}.modal-layout__mastodon>*{flex:1;max-height:235px}@media screen and (max-width: 600px){.account-header{margin-top:0}}.public-layout .footer{text-align:left;padding-top:20px;padding-bottom:60px;font-size:12px;color:#4c6d98}@media screen and (max-width: 415px){.public-layout .footer{padding-left:20px;padding-right:20px}}.public-layout .footer .grid{display:grid;grid-gap:10px;grid-template-columns:1fr 1fr 2fr 1fr 1fr}.public-layout .footer .grid .column-0{grid-column:1;grid-row:1;min-width:0}.public-layout .footer .grid .column-1{grid-column:2;grid-row:1;min-width:0}.public-layout .footer .grid .column-2{grid-column:3;grid-row:1;min-width:0;text-align:center}.public-layout .footer .grid .column-2 h4 a{color:#4c6d98}.public-layout .footer .grid .column-3{grid-column:4;grid-row:1;min-width:0}.public-layout .footer .grid .column-4{grid-column:5;grid-row:1;min-width:0}@media screen and (max-width: 690px){.public-layout .footer .grid{grid-template-columns:1fr 2fr 1fr}.public-layout .footer .grid .column-0,.public-layout .footer .grid .column-1{grid-column:1}.public-layout .footer .grid .column-1{grid-row:2}.public-layout .footer .grid .column-2{grid-column:2}.public-layout .footer .grid .column-3,.public-layout .footer .grid .column-4{grid-column:3}.public-layout .footer .grid .column-4{grid-row:2}}@media screen and (max-width: 600px){.public-layout .footer .grid .column-1{display:block}}@media screen and (max-width: 415px){.public-layout .footer .grid .column-0,.public-layout .footer .grid .column-1,.public-layout .footer .grid .column-3,.public-layout .footer .grid .column-4{display:none}}.public-layout .footer h4{text-transform:uppercase;font-weight:700;margin-bottom:8px;color:#9baec8}.public-layout .footer h4 a{color:inherit;text-decoration:none}.public-layout .footer ul a{text-decoration:none;color:#4c6d98}.public-layout .footer ul a:hover,.public-layout .footer ul a:active,.public-layout .footer ul a:focus{text-decoration:underline}.public-layout .footer .brand svg{display:block;height:36px;width:auto;margin:0 auto;fill:#4c6d98}.public-layout .footer .brand:hover svg,.public-layout .footer .brand:focus svg,.public-layout .footer .brand:active svg{fill:#5377a5}.compact-header h1{font-size:24px;line-height:28px;color:#9baec8;font-weight:500;margin-bottom:20px;padding:0 10px;word-wrap:break-word}@media screen and (max-width: 740px){.compact-header h1{text-align:center;padding:20px 10px 0}}.compact-header h1 a{color:inherit;text-decoration:none}.compact-header h1 small{font-weight:400;color:#d9e1e8}.compact-header h1 img{display:inline-block;margin-bottom:-5px;margin-right:15px;width:36px;height:36px}.hero-widget{margin-bottom:10px;box-shadow:0 0 15px rgba(0,0,0,.2)}.hero-widget__img{width:100%;position:relative;overflow:hidden;border-radius:4px 4px 0 0;background:#000}.hero-widget__img img{object-fit:cover;display:block;width:100%;height:100%;margin:0;border-radius:4px 4px 0 0}.hero-widget__text{background:#121a24;padding:20px;border-radius:0 0 4px 4px;font-size:15px;color:#9baec8;line-height:20px;word-wrap:break-word;font-weight:400}.hero-widget__text .emojione{width:20px;height:20px;margin:-3px 0 0}.hero-widget__text p{margin-bottom:20px}.hero-widget__text p:last-child{margin-bottom:0}.hero-widget__text em{display:inline;margin:0;padding:0;font-weight:700;background:transparent;font-family:inherit;font-size:inherit;line-height:inherit;color:#bcc9da}.hero-widget__text a{color:#d9e1e8;text-decoration:none}.hero-widget__text a:hover{text-decoration:underline}@media screen and (max-width: 415px){.hero-widget{display:none}}.endorsements-widget{margin-bottom:10px;padding-bottom:10px}.endorsements-widget h4{padding:10px;text-transform:uppercase;font-weight:700;font-size:13px;color:#9baec8}.endorsements-widget .account{padding:10px 0}.endorsements-widget .account:last-child{border-bottom:0}.endorsements-widget .account .account__display-name{display:flex;align-items:center}.endorsements-widget .account .account__avatar{width:44px;height:44px;background-size:44px 44px}.endorsements-widget .trends__item{padding:10px}.trends-widget h4{color:#9baec8}.box-widget{padding:20px;border-radius:4px;background:#121a24;box-shadow:0 0 15px rgba(0,0,0,.2)}.placeholder-widget{padding:16px;border-radius:4px;border:2px dashed #3e5a7c;text-align:center;color:#9baec8;margin-bottom:10px}.contact-widget{min-height:100%;font-size:15px;color:#9baec8;line-height:20px;word-wrap:break-word;font-weight:400;padding:0}.contact-widget h4{padding:10px;text-transform:uppercase;font-weight:700;font-size:13px;color:#9baec8}.contact-widget .account{border-bottom:0;padding:10px 0;padding-top:5px}.contact-widget>a{display:inline-block;padding:10px;padding-top:0;color:#9baec8;text-decoration:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.contact-widget>a:hover,.contact-widget>a:focus,.contact-widget>a:active{text-decoration:underline}.moved-account-widget{padding:15px;padding-bottom:20px;border-radius:4px;background:#121a24;box-shadow:0 0 15px rgba(0,0,0,.2);color:#d9e1e8;font-weight:400;margin-bottom:10px}.moved-account-widget strong,.moved-account-widget a{font-weight:500}.moved-account-widget strong:lang(ja),.moved-account-widget a:lang(ja){font-weight:700}.moved-account-widget strong:lang(ko),.moved-account-widget a:lang(ko){font-weight:700}.moved-account-widget strong:lang(zh-CN),.moved-account-widget a:lang(zh-CN){font-weight:700}.moved-account-widget strong:lang(zh-HK),.moved-account-widget a:lang(zh-HK){font-weight:700}.moved-account-widget strong:lang(zh-TW),.moved-account-widget a:lang(zh-TW){font-weight:700}.moved-account-widget a{color:inherit;text-decoration:underline}.moved-account-widget a.mention{text-decoration:none}.moved-account-widget a.mention span{text-decoration:none}.moved-account-widget a.mention:focus,.moved-account-widget a.mention:hover,.moved-account-widget a.mention:active{text-decoration:none}.moved-account-widget a.mention:focus span,.moved-account-widget a.mention:hover span,.moved-account-widget a.mention:active span{text-decoration:underline}.moved-account-widget__message{margin-bottom:15px}.moved-account-widget__message .fa{margin-right:5px;color:#9baec8}.moved-account-widget__card .detailed-status__display-avatar{position:relative;cursor:pointer}.moved-account-widget__card .detailed-status__display-name{margin-bottom:0;text-decoration:none}.moved-account-widget__card .detailed-status__display-name span{font-weight:400}.memoriam-widget{padding:20px;border-radius:4px;background:#000;box-shadow:0 0 15px rgba(0,0,0,.2);font-size:14px;color:#9baec8;margin-bottom:10px}.page-header{background:#202e3f;box-shadow:0 0 15px rgba(0,0,0,.2);border-radius:4px;padding:60px 15px;text-align:center;margin:10px 0}.page-header h1{color:#fff;font-size:36px;line-height:1.1;font-weight:700;margin-bottom:10px}.page-header p{font-size:15px;color:#9baec8}@media screen and (max-width: 415px){.page-header{margin-top:0;background:#192432}.page-header h1{font-size:24px}}.directory{background:#121a24;border-radius:4px;box-shadow:0 0 15px rgba(0,0,0,.2)}.directory__tag{box-sizing:border-box;margin-bottom:10px}.directory__tag>a,.directory__tag>div{display:flex;align-items:center;justify-content:space-between;background:#121a24;border-radius:4px;padding:15px;text-decoration:none;color:inherit;box-shadow:0 0 15px rgba(0,0,0,.2)}.directory__tag>a:hover,.directory__tag>a:active,.directory__tag>a:focus{background:#202e3f}.directory__tag.active>a{background:#d8a070;cursor:default}.directory__tag.disabled>div{opacity:.5;cursor:default}.directory__tag h4{flex:1 1 auto;font-size:18px;font-weight:700;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.directory__tag h4 .fa{color:#9baec8}.directory__tag h4 small{display:block;font-weight:400;font-size:15px;margin-top:8px;color:#9baec8}.directory__tag.active h4,.directory__tag.active h4 .fa,.directory__tag.active h4 small{color:#fff}.directory__tag .avatar-stack{flex:0 0 auto;width:120px}.directory__tag.active .avatar-stack .account__avatar{border-color:#d8a070}.avatar-stack{display:flex;justify-content:flex-end}.avatar-stack .account__avatar{flex:0 0 auto;width:36px;height:36px;border-radius:50%;position:relative;margin-left:-10px;background:#040609;border:2px solid #121a24}.avatar-stack .account__avatar:nth-child(1){z-index:1}.avatar-stack .account__avatar:nth-child(2){z-index:2}.avatar-stack .account__avatar:nth-child(3){z-index:3}.accounts-table{width:100%}.accounts-table .account{padding:0;border:0}.accounts-table strong{font-weight:700}.accounts-table thead th{text-align:center;text-transform:uppercase;color:#9baec8;font-weight:700;padding:10px}.accounts-table thead th:first-child{text-align:left}.accounts-table tbody td{padding:15px 0;vertical-align:middle;border-bottom:1px solid #202e3f}.accounts-table tbody tr:last-child td{border-bottom:0}.accounts-table__count{width:120px;text-align:center;font-size:15px;font-weight:500;color:#fff}.accounts-table__count small{display:block;color:#9baec8;font-weight:400;font-size:14px}.accounts-table__comment{width:50%;vertical-align:initial !important}@media screen and (max-width: 415px){.accounts-table tbody td.optional{display:none}}@media screen and (max-width: 415px){.moved-account-widget,.memoriam-widget,.box-widget,.contact-widget,.landing-page__information.contact-widget,.directory,.page-header{margin-bottom:0;box-shadow:none;border-radius:0}}.statuses-grid{min-height:600px}@media screen and (max-width: 640px){.statuses-grid{width:100% !important}}.statuses-grid__item{width:313.3333333333px}@media screen and (max-width: 1255px){.statuses-grid__item{width:306.6666666667px}}@media screen and (max-width: 640px){.statuses-grid__item{width:100%}}@media screen and (max-width: 415px){.statuses-grid__item{width:100vw}}.statuses-grid .detailed-status{border-radius:4px}@media screen and (max-width: 415px){.statuses-grid .detailed-status{border-top:1px solid #2d415a}}.statuses-grid .detailed-status.compact .detailed-status__meta{margin-top:15px}.statuses-grid .detailed-status.compact .status__content{font-size:15px;line-height:20px}.statuses-grid .detailed-status.compact .status__content .emojione{width:20px;height:20px;margin:-3px 0 0}.statuses-grid .detailed-status.compact .status__content .status__content__spoiler-link{line-height:20px;margin:0}.statuses-grid .detailed-status.compact .media-gallery,.statuses-grid .detailed-status.compact .status-card,.statuses-grid .detailed-status.compact .video-player{margin-top:15px}.notice-widget{margin-bottom:10px;color:#9baec8}.notice-widget p{margin-bottom:10px}.notice-widget p:last-child{margin-bottom:0}.notice-widget a{font-size:14px;line-height:20px}.notice-widget a,.placeholder-widget a{text-decoration:none;font-weight:500;color:#d8a070}.notice-widget a:hover,.notice-widget a:focus,.notice-widget a:active,.placeholder-widget a:hover,.placeholder-widget a:focus,.placeholder-widget a:active{text-decoration:underline}.table-of-contents{background:#0b1016;min-height:100%;font-size:14px;border-radius:4px}.table-of-contents li a{display:block;font-weight:500;padding:15px;overflow:hidden;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-decoration:none;color:#fff;border-bottom:1px solid #192432}.table-of-contents li a:hover,.table-of-contents li a:focus,.table-of-contents li a:active{text-decoration:underline}.table-of-contents li:last-child a{border-bottom:0}.table-of-contents li ul{padding-left:20px;border-bottom:1px solid #192432}code{font-family:monospace,monospace;font-weight:400}.form-container{max-width:400px;padding:20px;margin:0 auto}.simple_form .input{margin-bottom:15px;overflow:hidden}.simple_form .input.hidden{margin:0}.simple_form .input.radio_buttons .radio{margin-bottom:15px}.simple_form .input.radio_buttons .radio:last-child{margin-bottom:0}.simple_form .input.radio_buttons .radio>label{position:relative;padding-left:28px}.simple_form .input.radio_buttons .radio>label input{position:absolute;top:-2px;left:0}.simple_form .input.boolean{position:relative;margin-bottom:0}.simple_form .input.boolean .label_input>label{font-family:inherit;font-size:14px;padding-top:5px;color:#fff;display:block;width:auto}.simple_form .input.boolean .label_input,.simple_form .input.boolean .hint{padding-left:28px}.simple_form .input.boolean .label_input__wrapper{position:static}.simple_form .input.boolean label.checkbox{position:absolute;top:2px;left:0}.simple_form .input.boolean label a{color:#d8a070;text-decoration:underline}.simple_form .input.boolean label a:hover,.simple_form .input.boolean label a:active,.simple_form .input.boolean label a:focus{text-decoration:none}.simple_form .input.boolean .recommended{position:absolute;margin:0 4px;margin-top:-2px}.simple_form .row{display:flex;margin:0 -5px}.simple_form .row .input{box-sizing:border-box;flex:1 1 auto;width:50%;padding:0 5px}.simple_form .hint{color:#9baec8}.simple_form .hint a{color:#d8a070}.simple_form .hint code{border-radius:3px;padding:.2em .4em;background:#000}.simple_form span.hint{display:block;font-size:12px;margin-top:4px}.simple_form p.hint{margin-bottom:15px;color:#9baec8}.simple_form p.hint.subtle-hint{text-align:center;font-size:12px;line-height:18px;margin-top:15px;margin-bottom:0}.simple_form .card{margin-bottom:15px}.simple_form strong{font-weight:500}.simple_form strong:lang(ja){font-weight:700}.simple_form strong:lang(ko){font-weight:700}.simple_form strong:lang(zh-CN){font-weight:700}.simple_form strong:lang(zh-HK){font-weight:700}.simple_form strong:lang(zh-TW){font-weight:700}.simple_form .input.with_floating_label .label_input{display:flex}.simple_form .input.with_floating_label .label_input>label{font-family:inherit;font-size:14px;color:#fff;font-weight:500;min-width:150px;flex:0 0 auto}.simple_form .input.with_floating_label .label_input input,.simple_form .input.with_floating_label .label_input select{flex:1 1 auto}.simple_form .input.with_floating_label.select .hint{margin-top:6px;margin-left:150px}.simple_form .input.with_label .label_input>label{font-family:inherit;font-size:14px;color:#fff;display:block;margin-bottom:8px;word-wrap:break-word;font-weight:500}.simple_form .input.with_label .hint{margin-top:6px}.simple_form .input.with_label ul{flex:390px}.simple_form .input.with_block_label{max-width:none}.simple_form .input.with_block_label>label{font-family:inherit;font-size:16px;color:#fff;display:block;font-weight:500;padding-top:5px}.simple_form .input.with_block_label .hint{margin-bottom:15px}.simple_form .input.with_block_label ul{columns:2}.simple_form .input.datetime .label_input select{display:inline-block;width:auto;flex:0}.simple_form .required abbr{text-decoration:none;color:#e87487}.simple_form .fields-group{margin-bottom:25px}.simple_form .fields-group .input:last-child{margin-bottom:0}.simple_form .fields-row{display:flex;margin:0 -10px;padding-top:5px;margin-bottom:25px}.simple_form .fields-row .input{max-width:none}.simple_form .fields-row__column{box-sizing:border-box;padding:0 10px;flex:1 1 auto;min-height:1px}.simple_form .fields-row__column-6{max-width:50%}.simple_form .fields-row__column .actions{margin-top:27px}.simple_form .fields-row .fields-group:last-child,.simple_form .fields-row .fields-row__column.fields-group{margin-bottom:0}@media screen and (max-width: 600px){.simple_form .fields-row{display:block;margin-bottom:0}.simple_form .fields-row__column{max-width:none}.simple_form .fields-row .fields-group:last-child,.simple_form .fields-row .fields-row__column.fields-group,.simple_form .fields-row .fields-row__column{margin-bottom:25px}}.simple_form .input.radio_buttons .radio label{margin-bottom:5px;font-family:inherit;font-size:14px;color:#fff;display:block;width:auto}.simple_form .check_boxes .checkbox label{font-family:inherit;font-size:14px;color:#fff;display:inline-block;width:auto;position:relative;padding-top:5px;padding-left:25px;flex:1 1 auto}.simple_form .check_boxes .checkbox input[type=checkbox]{position:absolute;left:0;top:5px;margin:0}.simple_form .input.static .label_input__wrapper{font-size:16px;padding:10px;border:1px solid #3e5a7c;border-radius:4px}.simple_form input[type=text],.simple_form input[type=number],.simple_form input[type=email],.simple_form input[type=password],.simple_form textarea{box-sizing:border-box;font-size:16px;color:#fff;display:block;width:100%;outline:0;font-family:inherit;resize:vertical;background:#010102;border:1px solid #000;border-radius:4px;padding:10px}.simple_form input[type=text]::placeholder,.simple_form input[type=number]::placeholder,.simple_form input[type=email]::placeholder,.simple_form input[type=password]::placeholder,.simple_form textarea::placeholder{color:#a8b9cf}.simple_form input[type=text]:invalid,.simple_form input[type=number]:invalid,.simple_form input[type=email]:invalid,.simple_form input[type=password]:invalid,.simple_form textarea:invalid{box-shadow:none}.simple_form input[type=text]:focus:invalid:not(:placeholder-shown),.simple_form input[type=number]:focus:invalid:not(:placeholder-shown),.simple_form input[type=email]:focus:invalid:not(:placeholder-shown),.simple_form input[type=password]:focus:invalid:not(:placeholder-shown),.simple_form textarea:focus:invalid:not(:placeholder-shown){border-color:#e87487}.simple_form input[type=text]:required:valid,.simple_form input[type=number]:required:valid,.simple_form input[type=email]:required:valid,.simple_form input[type=password]:required:valid,.simple_form textarea:required:valid{border-color:#79bd9a}.simple_form input[type=text]:hover,.simple_form input[type=number]:hover,.simple_form input[type=email]:hover,.simple_form input[type=password]:hover,.simple_form textarea:hover{border-color:#000}.simple_form input[type=text]:active,.simple_form input[type=text]:focus,.simple_form input[type=number]:active,.simple_form input[type=number]:focus,.simple_form input[type=email]:active,.simple_form input[type=email]:focus,.simple_form input[type=password]:active,.simple_form input[type=password]:focus,.simple_form textarea:active,.simple_form textarea:focus{border-color:#d8a070;background:#040609}.simple_form .input.field_with_errors label{color:#e87487}.simple_form .input.field_with_errors input[type=text],.simple_form .input.field_with_errors input[type=number],.simple_form .input.field_with_errors input[type=email],.simple_form .input.field_with_errors input[type=password],.simple_form .input.field_with_errors textarea,.simple_form .input.field_with_errors select{border-color:#e87487}.simple_form .input.field_with_errors .error{display:block;font-weight:500;color:#e87487;margin-top:4px}.simple_form .input.disabled{opacity:.5}.simple_form .actions{margin-top:30px;display:flex}.simple_form .actions.actions--top{margin-top:0;margin-bottom:30px}.simple_form button,.simple_form .button,.simple_form .block-button{display:block;width:100%;border:0;border-radius:4px;background:#d8a070;color:#fff;font-size:18px;line-height:inherit;height:auto;padding:10px;text-transform:uppercase;text-decoration:none;text-align:center;box-sizing:border-box;cursor:pointer;font-weight:500;outline:0;margin-bottom:10px;margin-right:10px}.simple_form button:last-child,.simple_form .button:last-child,.simple_form .block-button:last-child{margin-right:0}.simple_form button:hover,.simple_form .button:hover,.simple_form .block-button:hover{background-color:#ddad84}.simple_form button:active,.simple_form button:focus,.simple_form .button:active,.simple_form .button:focus,.simple_form .block-button:active,.simple_form .block-button:focus{background-color:#d3935c}.simple_form button:disabled:hover,.simple_form .button:disabled:hover,.simple_form .block-button:disabled:hover{background-color:#9baec8}.simple_form button.negative,.simple_form .button.negative,.simple_form .block-button.negative{background:#df405a}.simple_form button.negative:hover,.simple_form .button.negative:hover,.simple_form .block-button.negative:hover{background-color:#e3566d}.simple_form button.negative:active,.simple_form button.negative:focus,.simple_form .button.negative:active,.simple_form .button.negative:focus,.simple_form .block-button.negative:active,.simple_form .block-button.negative:focus{background-color:#db2a47}.simple_form select{appearance:none;box-sizing:border-box;font-size:16px;color:#fff;display:block;width:100%;outline:0;font-family:inherit;resize:vertical;background:#010102 url(\"data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14.933 18.467' height='19.698' width='15.929'><path d='M3.467 14.967l-3.393-3.5H14.86l-3.392 3.5c-1.866 1.925-3.666 3.5-4 3.5-.335 0-2.135-1.575-4-3.5zm.266-11.234L7.467 0 11.2 3.733l3.733 3.734H0l3.733-3.734z' fill='%2326374D'/></svg>\") no-repeat right 8px center/auto 16px;border:1px solid #000;border-radius:4px;padding-left:10px;padding-right:30px;height:41px}.simple_form h4{margin-bottom:15px !important}.simple_form .label_input__wrapper{position:relative}.simple_form .label_input__append{position:absolute;right:3px;top:1px;padding:10px;padding-bottom:9px;font-size:16px;color:#3e5a7c;font-family:inherit;pointer-events:none;cursor:default;max-width:140px;white-space:nowrap;overflow:hidden}.simple_form .label_input__append::after{content:\"\";display:block;position:absolute;top:0;right:0;bottom:1px;width:5px;background-image:linear-gradient(to right, rgba(1, 1, 2, 0), #010102)}.simple_form__overlay-area{position:relative}.simple_form__overlay-area__blurred form{filter:blur(2px)}.simple_form__overlay-area__overlay{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;justify-content:center;align-items:center;background:rgba(18,26,36,.65);border-radius:4px;margin-left:-4px;margin-top:-4px;padding:4px}.simple_form__overlay-area__overlay__content{text-align:center}.simple_form__overlay-area__overlay__content.rich-formatting,.simple_form__overlay-area__overlay__content.rich-formatting p{color:#fff}.block-icon{display:block;margin:0 auto;margin-bottom:10px;font-size:24px}.flash-message{background:#202e3f;color:#9baec8;border-radius:4px;padding:15px 10px;margin-bottom:30px;text-align:center}.flash-message.notice{border:1px solid rgba(121,189,154,.5);background:rgba(121,189,154,.25);color:#79bd9a}.flash-message.alert{border:1px solid rgba(223,64,90,.5);background:rgba(223,64,90,.25);color:#df405a}.flash-message a{display:inline-block;color:#9baec8;text-decoration:none}.flash-message a:hover{color:#fff;text-decoration:underline}.flash-message p{margin-bottom:15px}.flash-message .oauth-code{outline:0;box-sizing:border-box;display:block;width:100%;border:none;padding:10px;font-family:monospace,monospace;background:#121a24;color:#fff;font-size:14px;margin:0}.flash-message .oauth-code::-moz-focus-inner{border:0}.flash-message .oauth-code::-moz-focus-inner,.flash-message .oauth-code:focus,.flash-message .oauth-code:active{outline:0 !important}.flash-message .oauth-code:focus{background:#192432}.flash-message strong{font-weight:500}.flash-message strong:lang(ja){font-weight:700}.flash-message strong:lang(ko){font-weight:700}.flash-message strong:lang(zh-CN){font-weight:700}.flash-message strong:lang(zh-HK){font-weight:700}.flash-message strong:lang(zh-TW){font-weight:700}@media screen and (max-width: 740px)and (min-width: 441px){.flash-message{margin-top:40px}}.form-footer{margin-top:30px;text-align:center}.form-footer a{color:#9baec8;text-decoration:none}.form-footer a:hover{text-decoration:underline}.quick-nav{list-style:none;margin-bottom:25px;font-size:14px}.quick-nav li{display:inline-block;margin-right:10px}.quick-nav a{color:#d8a070;text-transform:uppercase;text-decoration:none;font-weight:700}.quick-nav a:hover,.quick-nav a:focus,.quick-nav a:active{color:#e1b590}.oauth-prompt,.follow-prompt{margin-bottom:30px;color:#9baec8}.oauth-prompt h2,.follow-prompt h2{font-size:16px;margin-bottom:30px;text-align:center}.oauth-prompt strong,.follow-prompt strong{color:#d9e1e8;font-weight:500}.oauth-prompt strong:lang(ja),.follow-prompt strong:lang(ja){font-weight:700}.oauth-prompt strong:lang(ko),.follow-prompt strong:lang(ko){font-weight:700}.oauth-prompt strong:lang(zh-CN),.follow-prompt strong:lang(zh-CN){font-weight:700}.oauth-prompt strong:lang(zh-HK),.follow-prompt strong:lang(zh-HK){font-weight:700}.oauth-prompt strong:lang(zh-TW),.follow-prompt strong:lang(zh-TW){font-weight:700}@media screen and (max-width: 740px)and (min-width: 441px){.oauth-prompt,.follow-prompt{margin-top:40px}}.qr-wrapper{display:flex;flex-wrap:wrap;align-items:flex-start}.qr-code{flex:0 0 auto;background:#fff;padding:4px;margin:0 10px 20px 0;box-shadow:0 0 15px rgba(0,0,0,.2);display:inline-block}.qr-code svg{display:block;margin:0}.qr-alternative{margin-bottom:20px;color:#d9e1e8;flex:150px}.qr-alternative samp{display:block;font-size:14px}.table-form p{margin-bottom:15px}.table-form p strong{font-weight:500}.table-form p strong:lang(ja){font-weight:700}.table-form p strong:lang(ko){font-weight:700}.table-form p strong:lang(zh-CN){font-weight:700}.table-form p strong:lang(zh-HK){font-weight:700}.table-form p strong:lang(zh-TW){font-weight:700}.simple_form .warning,.table-form .warning{box-sizing:border-box;background:rgba(223,64,90,.5);color:#fff;text-shadow:1px 1px 0 rgba(0,0,0,.3);box-shadow:0 2px 6px rgba(0,0,0,.4);border-radius:4px;padding:10px;margin-bottom:15px}.simple_form .warning a,.table-form .warning a{color:#fff;text-decoration:underline}.simple_form .warning a:hover,.simple_form .warning a:focus,.simple_form .warning a:active,.table-form .warning a:hover,.table-form .warning a:focus,.table-form .warning a:active{text-decoration:none}.simple_form .warning strong,.table-form .warning strong{font-weight:600;display:block;margin-bottom:5px}.simple_form .warning strong:lang(ja),.table-form .warning strong:lang(ja){font-weight:700}.simple_form .warning strong:lang(ko),.table-form .warning strong:lang(ko){font-weight:700}.simple_form .warning strong:lang(zh-CN),.table-form .warning strong:lang(zh-CN){font-weight:700}.simple_form .warning strong:lang(zh-HK),.table-form .warning strong:lang(zh-HK){font-weight:700}.simple_form .warning strong:lang(zh-TW),.table-form .warning strong:lang(zh-TW){font-weight:700}.simple_form .warning strong .fa,.table-form .warning strong .fa{font-weight:400}.action-pagination{display:flex;flex-wrap:wrap;align-items:center}.action-pagination .actions,.action-pagination .pagination{flex:1 1 auto}.action-pagination .actions{padding:30px 0;padding-right:20px;flex:0 0 auto}.post-follow-actions{text-align:center;color:#9baec8}.post-follow-actions div{margin-bottom:4px}.alternative-login{margin-top:20px;margin-bottom:20px}.alternative-login h4{font-size:16px;color:#fff;text-align:center;margin-bottom:20px;border:0;padding:0}.alternative-login .button{display:block}.scope-danger{color:#ff5050}.form_admin_settings_site_short_description textarea,.form_admin_settings_site_description textarea,.form_admin_settings_site_extended_description textarea,.form_admin_settings_site_terms textarea,.form_admin_settings_custom_css textarea,.form_admin_settings_closed_registrations_message textarea{font-family:monospace,monospace}.input-copy{background:#010102;border:1px solid #000;border-radius:4px;display:flex;align-items:center;padding-right:4px;position:relative;top:1px;transition:border-color 300ms linear}.input-copy__wrapper{flex:1 1 auto}.input-copy input[type=text]{background:transparent;border:0;padding:10px;font-size:14px;font-family:monospace,monospace}.input-copy button{flex:0 0 auto;margin:4px;text-transform:none;font-weight:400;font-size:14px;padding:7px 18px;padding-bottom:6px;width:auto;transition:background 300ms linear}.input-copy.copied{border-color:#79bd9a;transition:none}.input-copy.copied button{background:#79bd9a;transition:none}.connection-prompt{margin-bottom:25px}.connection-prompt .fa-link{background-color:#0b1016;border-radius:100%;font-size:24px;padding:10px}.connection-prompt__column{align-items:center;display:flex;flex:1;flex-direction:column;flex-shrink:1;max-width:50%}.connection-prompt__column-sep{align-self:center;flex-grow:0;overflow:visible;position:relative;z-index:1}.connection-prompt__column p{word-break:break-word}.connection-prompt .account__avatar{margin-bottom:20px}.connection-prompt__connection{background-color:#202e3f;box-shadow:0 0 15px rgba(0,0,0,.2);border-radius:4px;padding:25px 10px;position:relative;text-align:center}.connection-prompt__connection::after{background-color:#0b1016;content:\"\";display:block;height:100%;left:50%;position:absolute;top:0;width:1px}.connection-prompt__row{align-items:flex-start;display:flex;flex-direction:row}.card>a{display:block;text-decoration:none;color:inherit;box-shadow:0 0 15px rgba(0,0,0,.2)}@media screen and (max-width: 415px){.card>a{box-shadow:none}}.card>a:hover .card__bar,.card>a:active .card__bar,.card>a:focus .card__bar{background:#202e3f}.card__img{height:130px;position:relative;background:#000;border-radius:4px 4px 0 0}.card__img img{display:block;width:100%;height:100%;margin:0;object-fit:cover;border-radius:4px 4px 0 0}@media screen and (max-width: 600px){.card__img{height:200px}}@media screen and (max-width: 415px){.card__img{display:none}}.card__bar{position:relative;padding:15px;display:flex;justify-content:flex-start;align-items:center;background:#192432;border-radius:0 0 4px 4px}@media screen and (max-width: 415px){.card__bar{border-radius:0}}.card__bar .avatar{flex:0 0 auto;width:48px;height:48px;width:48px;height:48px;background-size:48px 48px;padding-top:2px}.card__bar .avatar img{width:100%;height:100%;display:block;margin:0;border-radius:4px;border-radius:8%;background-position:50%;background-clip:padding-box;background:#040609;object-fit:cover}.card__bar .display-name{margin-left:15px;text-align:left}.card__bar .display-name strong{font-size:15px;color:#fff;font-weight:500;overflow:hidden;text-overflow:ellipsis}.card__bar .display-name span{display:block;font-size:14px;color:#9baec8;font-weight:400;overflow:hidden;text-overflow:ellipsis}.pagination{padding:30px 0;text-align:center;overflow:hidden}.pagination a,.pagination .current,.pagination .newer,.pagination .older,.pagination .page,.pagination .gap{font-size:14px;color:#fff;font-weight:500;display:inline-block;padding:6px 10px;text-decoration:none}.pagination .current{background:#fff;border-radius:100px;color:#121a24;cursor:default;margin:0 10px}.pagination .gap{cursor:default}.pagination .older,.pagination .newer{text-transform:uppercase;color:#d9e1e8}.pagination .older{float:left;padding-left:0}.pagination .older .fa{display:inline-block;margin-right:5px}.pagination .newer{float:right;padding-right:0}.pagination .newer .fa{display:inline-block;margin-left:5px}.pagination .disabled{cursor:default;color:#233346}@media screen and (max-width: 700px){.pagination{padding:30px 20px}.pagination .page{display:none}.pagination .newer,.pagination .older{display:inline-block}}.nothing-here{background:#121a24;box-shadow:0 0 15px rgba(0,0,0,.2);color:#9baec8;font-size:14px;font-weight:500;text-align:center;display:flex;justify-content:center;align-items:center;cursor:default;border-radius:4px;padding:20px;min-height:30vh}.nothing-here--under-tabs{border-radius:0 0 4px 4px}.nothing-here--flexible{box-sizing:border-box;min-height:100%}.account-role,.simple_form .recommended{display:inline-block;padding:4px 6px;cursor:default;border-radius:3px;font-size:12px;line-height:12px;font-weight:500;color:#d9e1e8;background-color:rgba(217,225,232,.1);border:1px solid rgba(217,225,232,.5)}.account-role.moderator,.simple_form .recommended.moderator{color:#79bd9a;background-color:rgba(121,189,154,.1);border-color:rgba(121,189,154,.5)}.account-role.admin,.simple_form .recommended.admin{color:#e87487;background-color:rgba(232,116,135,.1);border-color:rgba(232,116,135,.5)}.account__header__fields{max-width:100vw;padding:0;margin:15px -15px -15px;border:0 none;border-top:1px solid #26374d;border-bottom:1px solid #26374d;font-size:14px;line-height:20px}.account__header__fields dl{display:flex;border-bottom:1px solid #26374d}.account__header__fields dt,.account__header__fields dd{box-sizing:border-box;padding:14px;text-align:center;max-height:48px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.account__header__fields dt{font-weight:500;width:120px;flex:0 0 auto;color:#d9e1e8;background:rgba(4,6,9,.5)}.account__header__fields dd{flex:1 1 auto;color:#9baec8}.account__header__fields a{color:#d8a070;text-decoration:none}.account__header__fields a:hover,.account__header__fields a:focus,.account__header__fields a:active{text-decoration:underline}.account__header__fields .verified{border:1px solid rgba(121,189,154,.5);background:rgba(121,189,154,.25)}.account__header__fields .verified a{color:#79bd9a;font-weight:500}.account__header__fields .verified__mark{color:#79bd9a}.account__header__fields dl:last-child{border-bottom:0}.directory__tag .trends__item__current{width:auto}.pending-account__header{color:#9baec8}.pending-account__header a{color:#d9e1e8;text-decoration:none}.pending-account__header a:hover,.pending-account__header a:active,.pending-account__header a:focus{text-decoration:underline}.pending-account__header strong{color:#fff;font-weight:700}.pending-account__body{margin-top:10px}.activity-stream{box-shadow:0 0 15px rgba(0,0,0,.2);border-radius:4px;overflow:hidden;margin-bottom:10px}@media screen and (max-width: 415px){.activity-stream{margin-bottom:0;border-radius:0;box-shadow:none}}.activity-stream--headless{border-radius:0;margin:0;box-shadow:none}.activity-stream--headless .detailed-status,.activity-stream--headless .status{border-radius:0 !important}.activity-stream div[data-component]{width:100%}.activity-stream .entry{background:#121a24}.activity-stream .entry .detailed-status,.activity-stream .entry .status,.activity-stream .entry .load-more{animation:none}.activity-stream .entry:last-child .detailed-status,.activity-stream .entry:last-child .status,.activity-stream .entry:last-child .load-more{border-bottom:0;border-radius:0 0 4px 4px}.activity-stream .entry:first-child .detailed-status,.activity-stream .entry:first-child .status,.activity-stream .entry:first-child .load-more{border-radius:4px 4px 0 0}.activity-stream .entry:first-child:last-child .detailed-status,.activity-stream .entry:first-child:last-child .status,.activity-stream .entry:first-child:last-child .load-more{border-radius:4px}@media screen and (max-width: 740px){.activity-stream .entry .detailed-status,.activity-stream .entry .status,.activity-stream .entry .load-more{border-radius:0 !important}}.activity-stream--highlighted .entry{background:#202e3f}.button.logo-button{flex:0 auto;font-size:14px;background:#d8a070;color:#fff;text-transform:none;line-height:36px;height:auto;padding:3px 15px;border:0}.button.logo-button svg{width:20px;height:auto;vertical-align:middle;margin-right:5px;fill:#fff}.button.logo-button:active,.button.logo-button:focus,.button.logo-button:hover{background:#e3bb98}.button.logo-button:disabled:active,.button.logo-button:disabled:focus,.button.logo-button:disabled:hover,.button.logo-button.disabled:active,.button.logo-button.disabled:focus,.button.logo-button.disabled:hover{background:#9baec8}.button.logo-button.button--destructive:active,.button.logo-button.button--destructive:focus,.button.logo-button.button--destructive:hover{background:#df405a}@media screen and (max-width: 415px){.button.logo-button svg{display:none}}.embed .detailed-status,.public-layout .detailed-status{padding:15px}.embed .status,.public-layout .status{padding:15px 15px 15px 78px;min-height:50px}.embed .status__avatar,.public-layout .status__avatar{left:15px;top:17px}.embed .status__content,.public-layout .status__content{padding-top:5px}.embed .status__prepend,.public-layout .status__prepend{padding:8px 0;padding-bottom:2px;margin:initial;margin-left:78px;padding-top:15px}.embed .status__prepend-icon-wrapper,.public-layout .status__prepend-icon-wrapper{position:absolute;margin:initial;float:initial;width:auto;left:-32px}.embed .status .media-gallery,.embed .status__action-bar,.embed .status .video-player,.public-layout .status .media-gallery,.public-layout .status__action-bar,.public-layout .status .video-player{margin-top:10px}.embed .status .status__info,.public-layout .status .status__info{font-size:15px;display:initial}.embed .status .status__relative-time,.public-layout .status .status__relative-time{color:#3e5a7c;float:right;font-size:14px;width:auto;margin:initial;padding:initial}.embed .status .status__info .status__display-name,.public-layout .status .status__info .status__display-name{display:block;max-width:100%;padding:6px 0;padding-right:25px;margin:initial}.embed .status .status__info .status__display-name .display-name strong,.public-layout .status .status__info .status__display-name .display-name strong{display:inline}.embed .status .status__avatar,.public-layout .status .status__avatar{height:48px;position:absolute;width:48px;margin:initial}.rtl .embed .status,.rtl .public-layout .status{padding-left:10px;padding-right:68px}.rtl .embed .status .status__info .status__display-name,.rtl .public-layout .status .status__info .status__display-name{padding-left:25px;padding-right:0}.rtl .embed .status .status__relative-time,.rtl .public-layout .status .status__relative-time{float:left}.status__content__read-more-button{display:block;font-size:15px;line-height:20px;color:#e1b590;border:0;background:transparent;padding:0;padding-top:8px;text-decoration:none}.status__content__read-more-button:hover,.status__content__read-more-button:active{text-decoration:underline}.app-body{-webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar}.animated-number{display:inline-flex;flex-direction:column;align-items:stretch;overflow:hidden;position:relative}.link-button{display:block;font-size:15px;line-height:20px;color:#d8a070;border:0;background:transparent;padding:0;cursor:pointer}.link-button:hover,.link-button:active{text-decoration:underline}.link-button:disabled{color:#9baec8;cursor:default}.button{background-color:#d59864;border:10px none;border-radius:4px;box-sizing:border-box;color:#fff;cursor:pointer;display:inline-block;font-family:inherit;font-size:14px;font-weight:500;height:36px;letter-spacing:0;line-height:36px;overflow:hidden;padding:0 16px;position:relative;text-align:center;text-transform:uppercase;text-decoration:none;text-overflow:ellipsis;transition:all 100ms ease-in;transition-property:background-color;white-space:nowrap;width:auto}.button:active,.button:focus,.button:hover{background-color:#e0b38c;transition:all 200ms ease-out;transition-property:background-color}.button--destructive{transition:none}.button--destructive:active,.button--destructive:focus,.button--destructive:hover{background-color:#df405a;transition:none}.button:disabled{background-color:#9baec8;cursor:default}.button.button-primary,.button.button-alternative,.button.button-secondary,.button.button-alternative-2{font-size:16px;line-height:36px;height:auto;text-transform:none;padding:4px 16px}.button.button-alternative{color:#121a24;background:#9baec8}.button.button-alternative:active,.button.button-alternative:focus,.button.button-alternative:hover{background-color:#a8b9cf}.button.button-alternative-2{background:#3e5a7c}.button.button-alternative-2:active,.button.button-alternative-2:focus,.button.button-alternative-2:hover{background-color:#45648a}.button.button-secondary{font-size:16px;line-height:36px;height:auto;color:#9baec8;text-transform:none;background:transparent;padding:3px 15px;border-radius:4px;border:1px solid #9baec8}.button.button-secondary:active,.button.button-secondary:focus,.button.button-secondary:hover{border-color:#a8b9cf;color:#a8b9cf}.button.button-secondary:disabled{opacity:.5}.button.button--block{display:block;width:100%}.icon-button{display:inline-block;padding:0;color:#3e5a7c;border:0;border-radius:4px;background:transparent;cursor:pointer;transition:all 100ms ease-in;transition-property:background-color,color}.icon-button:hover,.icon-button:active,.icon-button:focus{color:#4a6b94;background-color:rgba(62,90,124,.15);transition:all 200ms ease-out;transition-property:background-color,color}.icon-button:focus{background-color:rgba(62,90,124,.3)}.icon-button.disabled{color:#283a50;background-color:transparent;cursor:default}.icon-button.active{color:#d8a070}.icon-button::-moz-focus-inner{border:0}.icon-button::-moz-focus-inner,.icon-button:focus,.icon-button:active{outline:0 !important}.icon-button.inverted{color:#3e5a7c}.icon-button.inverted:hover,.icon-button.inverted:active,.icon-button.inverted:focus{color:#324965;background-color:rgba(62,90,124,.15)}.icon-button.inverted:focus{background-color:rgba(62,90,124,.3)}.icon-button.inverted.disabled{color:#4a6b94;background-color:transparent}.icon-button.inverted.active{color:#d8a070}.icon-button.inverted.active.disabled{color:#e6c3a4}.icon-button.overlayed{box-sizing:content-box;background:rgba(0,0,0,.6);color:rgba(255,255,255,.7);border-radius:4px;padding:2px}.icon-button.overlayed:hover{background:rgba(0,0,0,.9)}.text-icon-button{color:#3e5a7c;border:0;border-radius:4px;background:transparent;cursor:pointer;font-weight:600;font-size:11px;padding:0 3px;line-height:27px;outline:0;transition:all 100ms ease-in;transition-property:background-color,color}.text-icon-button:hover,.text-icon-button:active,.text-icon-button:focus{color:#324965;background-color:rgba(62,90,124,.15);transition:all 200ms ease-out;transition-property:background-color,color}.text-icon-button:focus{background-color:rgba(62,90,124,.3)}.text-icon-button.disabled{color:#6b8cb5;background-color:transparent;cursor:default}.text-icon-button.active{color:#d8a070}.text-icon-button::-moz-focus-inner{border:0}.text-icon-button::-moz-focus-inner,.text-icon-button:focus,.text-icon-button:active{outline:0 !important}.dropdown-menu{position:absolute;transform-origin:50% 0}.invisible{font-size:0;line-height:0;display:inline-block;width:0;height:0;position:absolute}.invisible img,.invisible svg{margin:0 !important;border:0 !important;padding:0 !important;width:0 !important;height:0 !important}.ellipsis::after{content:\"…\"}.notification__favourite-icon-wrapper{left:0;position:absolute}.notification__favourite-icon-wrapper .fa.star-icon{color:#ca8f04}.star-icon.active{color:#ca8f04}.bookmark-icon.active{color:#ff5050}.no-reduce-motion .icon-button.star-icon.activate>.fa-star{animation:spring-rotate-in 1s linear}.no-reduce-motion .icon-button.star-icon.deactivate>.fa-star{animation:spring-rotate-out 1s linear}.notification__display-name{color:inherit;font-weight:500;text-decoration:none}.notification__display-name:hover{color:#fff;text-decoration:underline}.display-name{display:block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.display-name a{color:inherit;text-decoration:inherit}.display-name strong{height:18px;font-size:16px;font-weight:500;line-height:18px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.display-name span{display:block;height:18px;font-size:15px;line-height:18px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.display-name>a:hover strong{text-decoration:underline}.display-name.inline{padding:0;height:18px;font-size:15px;line-height:18px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.display-name.inline strong{display:inline;height:auto;font-size:inherit;line-height:inherit}.display-name.inline span{display:inline;height:auto;font-size:inherit;line-height:inherit}.display-name__html{font-weight:500}.display-name__account{font-size:14px}.image-loader{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center;flex-direction:column}.image-loader .image-loader__preview-canvas{max-width:100%;max-height:80%;background:url(\"~images/void.png\") repeat;object-fit:contain}.image-loader .loading-bar{position:relative}.image-loader.image-loader--amorphous .image-loader__preview-canvas{display:none}.zoomable-image{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center}.zoomable-image img{max-width:100%;max-height:80%;width:auto;height:auto;object-fit:contain}.dropdown{display:inline-block}.dropdown__content{display:none;position:absolute}.dropdown-menu__separator{border-bottom:1px solid #c0cdd9;margin:5px 7px 6px;height:0}.dropdown-menu{background:#d9e1e8;padding:4px 0;border-radius:4px;box-shadow:2px 4px 15px rgba(0,0,0,.4)}.dropdown-menu ul{list-style:none}.dropdown-menu__arrow{position:absolute;width:0;height:0;border:0 solid transparent}.dropdown-menu__arrow.left{right:-5px;margin-top:-5px;border-width:5px 0 5px 5px;border-left-color:#d9e1e8}.dropdown-menu__arrow.top{bottom:-5px;margin-left:-7px;border-width:5px 7px 0;border-top-color:#d9e1e8}.dropdown-menu__arrow.bottom{top:-5px;margin-left:-7px;border-width:0 7px 5px;border-bottom-color:#d9e1e8}.dropdown-menu__arrow.right{left:-5px;margin-top:-5px;border-width:5px 5px 5px 0;border-right-color:#d9e1e8}.dropdown-menu__item a{font-size:13px;line-height:18px;display:block;padding:4px 14px;box-sizing:border-box;text-decoration:none;background:#d9e1e8;color:#121a24;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dropdown-menu__item a:focus,.dropdown-menu__item a:hover,.dropdown-menu__item a:active{background:#d8a070;color:#d9e1e8;outline:0}.dropdown--active .dropdown__content{display:block;line-height:18px;max-width:311px;right:0;text-align:left;z-index:9999}.dropdown--active .dropdown__content>ul{list-style:none;background:#d9e1e8;padding:4px 0;border-radius:4px;box-shadow:0 0 15px rgba(0,0,0,.4);min-width:140px;position:relative}.dropdown--active .dropdown__content.dropdown__right{right:0}.dropdown--active .dropdown__content.dropdown__left>ul{left:-98px}.dropdown--active .dropdown__content>ul>li>a{font-size:13px;line-height:18px;display:block;padding:4px 14px;box-sizing:border-box;text-decoration:none;background:#d9e1e8;color:#121a24;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dropdown--active .dropdown__content>ul>li>a:focus{outline:0}.dropdown--active .dropdown__content>ul>li>a:hover{background:#d8a070;color:#d9e1e8}.dropdown__icon{vertical-align:middle}.static-content{padding:10px;padding-top:20px;color:#3e5a7c}.static-content h1{font-size:16px;font-weight:500;margin-bottom:40px;text-align:center}.static-content p{font-size:13px;margin-bottom:20px}.column,.drawer{flex:1 1 100%;overflow:hidden}@media screen and (min-width: 631px){.columns-area{padding:0}.column,.drawer{flex:0 0 auto;padding:10px;padding-left:5px;padding-right:5px}.column:first-child,.drawer:first-child{padding-left:10px}.column:last-child,.drawer:last-child{padding-right:10px}.columns-area>div .column,.columns-area>div .drawer{padding-left:5px;padding-right:5px}}.tabs-bar{box-sizing:border-box;display:flex;background:#202e3f;flex:0 0 auto;overflow-y:auto}.tabs-bar__link{display:block;flex:1 1 auto;padding:15px 10px;padding-bottom:13px;color:#fff;text-decoration:none;text-align:center;font-size:14px;font-weight:500;border-bottom:2px solid #202e3f;transition:all 50ms linear;transition-property:border-bottom,background,color}.tabs-bar__link .fa{font-weight:400;font-size:16px}@media screen and (min-width: 631px){.auto-columns .tabs-bar__link:hover,.auto-columns .tabs-bar__link:focus,.auto-columns .tabs-bar__link:active{background:#2a3c54;border-bottom-color:#2a3c54}}.multi-columns .tabs-bar__link:hover,.multi-columns .tabs-bar__link:focus,.multi-columns .tabs-bar__link:active{background:#2a3c54;border-bottom-color:#2a3c54}.tabs-bar__link.active{border-bottom:2px solid #d8a070;color:#d8a070}.tabs-bar__link span{margin-left:5px;display:none}.tabs-bar__link span.icon{margin-left:0;display:inline}.icon-with-badge{position:relative}.icon-with-badge__badge{position:absolute;left:9px;top:-13px;background:#d8a070;border:2px solid #202e3f;padding:1px 6px;border-radius:6px;font-size:10px;font-weight:500;line-height:14px;color:#fff}.column-link--transparent .icon-with-badge__badge{border-color:#040609}.scrollable{overflow-y:scroll;overflow-x:hidden;flex:1 1 auto;-webkit-overflow-scrolling:touch}.scrollable.optionally-scrollable{overflow-y:auto}@supports(display: grid){.scrollable{contain:strict}}.scrollable--flex{display:flex;flex-direction:column}.scrollable__append{flex:1 1 auto;position:relative;min-height:120px}@supports(display: grid){.scrollable.fullscreen{contain:none}}.react-toggle{display:inline-block;position:relative;cursor:pointer;background-color:transparent;border:0;padding:0;user-select:none;-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-tap-highlight-color:transparent}.react-toggle-screenreader-only{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.react-toggle--disabled{cursor:not-allowed;opacity:.5;transition:opacity .25s}.react-toggle-track{width:50px;height:24px;padding:0;border-radius:30px;background-color:#121a24;transition:background-color .2s ease}.react-toggle:hover:not(.react-toggle--disabled) .react-toggle-track{background-color:#010102}.react-toggle--checked .react-toggle-track{background-color:#d8a070}.react-toggle--checked:hover:not(.react-toggle--disabled) .react-toggle-track{background-color:#e3bb98}.react-toggle-track-check{position:absolute;width:14px;height:10px;top:0;bottom:0;margin-top:auto;margin-bottom:auto;line-height:0;left:8px;opacity:0;transition:opacity .25s ease}.react-toggle--checked .react-toggle-track-check{opacity:1;transition:opacity .25s ease}.react-toggle-track-x{position:absolute;width:10px;height:10px;top:0;bottom:0;margin-top:auto;margin-bottom:auto;line-height:0;right:10px;opacity:1;transition:opacity .25s ease}.react-toggle--checked .react-toggle-track-x{opacity:0}.react-toggle-thumb{position:absolute;top:1px;left:1px;width:22px;height:22px;border:1px solid #121a24;border-radius:50%;background-color:#fafafa;box-sizing:border-box;transition:all .25s ease;transition-property:border-color,left}.react-toggle--checked .react-toggle-thumb{left:27px;border-color:#d8a070}.getting-started__wrapper,.getting_started,.flex-spacer{background:#121a24}.getting-started__wrapper{position:relative;overflow-y:auto}.flex-spacer{flex:1 1 auto}.getting-started{background:#121a24;flex:1 0 auto}.getting-started p{color:#d9e1e8}.getting-started a{color:#3e5a7c}.getting-started__panel{height:min-content}.getting-started__panel,.getting-started__footer{padding:10px;padding-top:20px;flex:0 1 auto}.getting-started__panel ul,.getting-started__footer ul{margin-bottom:10px}.getting-started__panel ul li,.getting-started__footer ul li{display:inline}.getting-started__panel p,.getting-started__footer p{color:#3e5a7c;font-size:13px}.getting-started__panel p a,.getting-started__footer p a{color:#3e5a7c;text-decoration:underline}.getting-started__panel a,.getting-started__footer a{text-decoration:none;color:#9baec8}.getting-started__panel a:hover,.getting-started__panel a:focus,.getting-started__panel a:active,.getting-started__footer a:hover,.getting-started__footer a:focus,.getting-started__footer a:active{text-decoration:underline}.getting-started__trends{flex:0 1 auto;opacity:1;animation:fade 150ms linear;margin-top:10px}.getting-started__trends h4{font-size:12px;text-transform:uppercase;color:#9baec8;padding:10px;font-weight:500;border-bottom:1px solid #202e3f}@media screen and (max-height: 810px){.getting-started__trends .trends__item:nth-child(3){display:none}}@media screen and (max-height: 720px){.getting-started__trends .trends__item:nth-child(2){display:none}}@media screen and (max-height: 670px){.getting-started__trends{display:none}}.getting-started__trends .trends__item{border-bottom:0;padding:10px}.getting-started__trends .trends__item__current{color:#9baec8}.column-link__badge{display:inline-block;border-radius:4px;font-size:12px;line-height:19px;font-weight:500;background:#121a24;padding:4px 8px;margin:-6px 10px}.keyboard-shortcuts{padding:8px 0 0;overflow:hidden}.keyboard-shortcuts thead{position:absolute;left:-9999px}.keyboard-shortcuts td{padding:0 10px 8px}.keyboard-shortcuts kbd{display:inline-block;padding:3px 5px;background-color:#202e3f;border:1px solid #0b1016}.setting-text{color:#9baec8;background:transparent;border:none;border-bottom:2px solid #9baec8;box-sizing:border-box;display:block;font-family:inherit;margin-bottom:10px;padding:7px 0;width:100%}.setting-text:focus,.setting-text:active{color:#fff;border-bottom-color:#d8a070}@media screen and (max-width: 600px){.auto-columns .setting-text,.single-column .setting-text{font-size:16px}}.setting-text.light{color:#121a24;border-bottom:2px solid #405c80}.setting-text.light:focus,.setting-text.light:active{color:#121a24;border-bottom-color:#d8a070}.no-reduce-motion button.icon-button i.fa-retweet{background-position:0 0;height:19px;transition:background-position .9s steps(10);transition-duration:0s;vertical-align:middle;width:22px}.no-reduce-motion button.icon-button i.fa-retweet::before{display:none !important}.no-reduce-motion button.icon-button.active i.fa-retweet{transition-duration:.9s;background-position:0 100%}.reduce-motion button.icon-button i.fa-retweet{color:#3e5a7c;transition:color 100ms ease-in}.reduce-motion button.icon-button.active i.fa-retweet{color:#d8a070}.reduce-motion button.icon-button.disabled i.fa-retweet{color:#283a50}.load-more{display:block;color:#3e5a7c;background-color:transparent;border:0;font-size:inherit;text-align:center;line-height:inherit;margin:0;padding:15px;box-sizing:border-box;width:100%;clear:both;text-decoration:none}.load-more:hover{background:#151f2b}.load-gap{border-bottom:1px solid #202e3f}.missing-indicator{padding-top:68px}.scrollable>div>:first-child .notification__dismiss-overlay>.wrappy{border-top:1px solid #121a24}.notification__dismiss-overlay{overflow:hidden;position:absolute;top:0;right:0;bottom:-1px;padding-left:15px;z-index:999;align-items:center;justify-content:flex-end;cursor:pointer;display:flex}.notification__dismiss-overlay .wrappy{width:4rem;align-self:stretch;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#202e3f;border-left:1px solid #344b68;box-shadow:0 0 5px #000;border-bottom:1px solid #121a24}.notification__dismiss-overlay .ckbox{border:2px solid #9baec8;border-radius:2px;width:30px;height:30px;font-size:20px;color:#9baec8;text-shadow:0 0 5px #000;display:flex;justify-content:center;align-items:center}.notification__dismiss-overlay:focus{outline:0 !important}.notification__dismiss-overlay:focus .ckbox{box-shadow:0 0 1px 1px #d8a070}.text-btn{display:inline-block;padding:0;font-family:inherit;font-size:inherit;color:inherit;border:0;background:transparent;cursor:pointer}.loading-indicator{color:#3e5a7c;font-size:12px;font-weight:400;text-transform:uppercase;overflow:visible;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%)}.loading-indicator span{display:block;float:left;margin-left:50%;transform:translateX(-50%);margin:82px 0 0 50%;white-space:nowrap}.loading-indicator__figure{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:42px;height:42px;box-sizing:border-box;background-color:transparent;border:0 solid #3e5a7c;border-width:6px;border-radius:50%}.no-reduce-motion .loading-indicator span{animation:loader-label 1.15s infinite cubic-bezier(0.215, 0.61, 0.355, 1)}.no-reduce-motion .loading-indicator__figure{animation:loader-figure 1.15s infinite cubic-bezier(0.215, 0.61, 0.355, 1)}@keyframes spring-rotate-in{0%{transform:rotate(0deg)}30%{transform:rotate(-484.8deg)}60%{transform:rotate(-316.7deg)}90%{transform:rotate(-375deg)}100%{transform:rotate(-360deg)}}@keyframes spring-rotate-out{0%{transform:rotate(-360deg)}30%{transform:rotate(124.8deg)}60%{transform:rotate(-43.27deg)}90%{transform:rotate(15deg)}100%{transform:rotate(0deg)}}@keyframes loader-figure{0%{width:0;height:0;background-color:#3e5a7c}29%{background-color:#3e5a7c}30%{width:42px;height:42px;background-color:transparent;border-width:21px;opacity:1}100%{width:42px;height:42px;border-width:0;opacity:0;background-color:transparent}}@keyframes loader-label{0%{opacity:.25}30%{opacity:1}100%{opacity:.25}}.spoiler-button{top:0;left:0;width:100%;height:100%;position:absolute;z-index:100}.spoiler-button--minified{display:flex;left:4px;top:4px;width:auto;height:auto;align-items:center}.spoiler-button--click-thru{pointer-events:none}.spoiler-button--hidden{display:none}.spoiler-button__overlay{display:block;background:transparent;width:100%;height:100%;border:0}.spoiler-button__overlay__label{display:inline-block;background:rgba(0,0,0,.5);border-radius:8px;padding:8px 12px;color:#fff;font-weight:500;font-size:14px}.spoiler-button__overlay:hover .spoiler-button__overlay__label,.spoiler-button__overlay:focus .spoiler-button__overlay__label,.spoiler-button__overlay:active .spoiler-button__overlay__label{background:rgba(0,0,0,.8)}.spoiler-button__overlay:disabled .spoiler-button__overlay__label{background:rgba(0,0,0,.5)}.setting-toggle{display:block;line-height:24px}.setting-toggle__label,.setting-radio__label,.setting-meta__label{color:#9baec8;display:inline-block;margin-bottom:14px;margin-left:8px;vertical-align:middle}.setting-radio{display:block;line-height:18px}.setting-radio__label{margin-bottom:0}.column-settings__row legend{color:#9baec8;cursor:default;display:block;font-weight:500;margin-top:10px}.setting-radio__input{vertical-align:middle}.setting-meta__label{float:right}@keyframes heartbeat{from{transform:scale(1);transform-origin:center center;animation-timing-function:ease-out}10%{transform:scale(0.91);animation-timing-function:ease-in}17%{transform:scale(0.98);animation-timing-function:ease-out}33%{transform:scale(0.87);animation-timing-function:ease-in}45%{transform:scale(1);animation-timing-function:ease-out}}.pulse-loading{animation:heartbeat 1.5s ease-in-out infinite both}.upload-area{align-items:center;background:rgba(0,0,0,.8);display:flex;height:100%;justify-content:center;left:0;opacity:0;position:absolute;top:0;visibility:hidden;width:100%;z-index:2000}.upload-area *{pointer-events:none}.upload-area__drop{width:320px;height:160px;display:flex;box-sizing:border-box;position:relative;padding:8px}.upload-area__background{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;border-radius:4px;background:#121a24;box-shadow:0 0 5px rgba(0,0,0,.2)}.upload-area__content{flex:1;display:flex;align-items:center;justify-content:center;color:#d9e1e8;font-size:18px;font-weight:500;border:2px dashed #3e5a7c;border-radius:4px}.dropdown--active .emoji-button img{opacity:1;filter:none}.loading-bar{background-color:#d8a070;height:3px;position:absolute;top:0;left:0;z-index:9999}.icon-badge-wrapper{position:relative}.icon-badge{position:absolute;display:block;right:-0.25em;top:-0.25em;background-color:#d8a070;border-radius:50%;font-size:75%;width:1em;height:1em}.conversation{display:flex;border-bottom:1px solid #202e3f;padding:5px;padding-bottom:0}.conversation:focus{background:#151f2b;outline:0}.conversation__avatar{flex:0 0 auto;padding:10px;padding-top:12px;position:relative;cursor:pointer}.conversation__unread{display:inline-block;background:#d8a070;border-radius:50%;width:.625rem;height:.625rem;margin:-0.1ex .15em .1ex}.conversation__content{flex:1 1 auto;padding:10px 5px;padding-right:15px;overflow:hidden}.conversation__content__info{overflow:hidden;display:flex;flex-direction:row-reverse;justify-content:space-between}.conversation__content__relative-time{font-size:15px;color:#9baec8;padding-left:15px}.conversation__content__names{color:#9baec8;font-size:15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:4px;flex-basis:90px;flex-grow:1}.conversation__content__names a{color:#fff;text-decoration:none}.conversation__content__names a:hover,.conversation__content__names a:focus,.conversation__content__names a:active{text-decoration:underline}.conversation__content .status__content{margin:0}.conversation--unread{background:#151f2b}.conversation--unread:focus{background:#192432}.conversation--unread .conversation__content__info{font-weight:700}.conversation--unread .conversation__content__relative-time{color:#fff}.ui .flash-message{margin-top:10px;margin-left:auto;margin-right:auto;margin-bottom:0;min-width:75%}::-webkit-scrollbar-thumb{border-radius:0}noscript{text-align:center}noscript img{width:200px;opacity:.5;animation:flicker 4s infinite}noscript div{font-size:14px;margin:30px auto;color:#d9e1e8;max-width:400px}noscript div a{color:#d8a070;text-decoration:underline}noscript div a:hover{text-decoration:none}noscript div a{word-break:break-word}@keyframes flicker{0%{opacity:1}30%{opacity:.75}100%{opacity:1}}button.icon-button i.fa-retweet{background-image:url(\"data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='22' height='209'><path d='M4.97 3.16c-.1.03-.17.1-.22.18L.8 8.24c-.2.3.03.78.4.8H3.6v2.68c0 4.26-.55 3.62 3.66 3.62h7.66l-2.3-2.84c-.03-.02-.03-.04-.05-.06H7.27c-.44 0-.72-.3-.72-.72v-2.7h2.5c.37.03.63-.48.4-.77L5.5 3.35c-.12-.17-.34-.25-.53-.2zm12.16.43c-.55-.02-1.32.02-2.4.02H7.1l2.32 2.85.03.06h5.25c.42 0 .72.28.72.72v2.7h-2.5c-.36.02-.56.54-.3.8l3.92 4.9c.18.25.6.25.78 0l3.94-4.9c.26-.28 0-.83-.37-.8H18.4v-2.7c0-3.15.4-3.62-1.25-3.66z' fill='%233E5A7C' stroke-width='0'/><path d='M7.78 19.66c-.24.02-.44.25-.44.5v2.46h-.06c-1.08 0-1.86-.03-2.4-.03-1.64 0-1.25.43-1.25 3.65v4.47c0 4.26-.56 3.62 3.65 3.62H8.5l-1.3-1.06c-.1-.08-.18-.2-.2-.3-.02-.17.06-.35.2-.45l1.33-1.1H7.28c-.44 0-.72-.3-.72-.7v-4.48c0-.44.28-.72.72-.72h.06v2.5c0 .38.54.63.82.38l4.9-3.93c.25-.18.25-.6 0-.78l-4.9-3.92c-.1-.1-.24-.14-.38-.12zm9.34 2.93c-.54-.02-1.3.02-2.4.02h-1.25l1.3 1.07c.1.07.18.2.2.33.02.16-.06.3-.2.4l-1.33 1.1h1.28c.42 0 .72.28.72.72v4.47c0 .42-.3.72-.72.72h-.1v-2.47c0-.3-.3-.53-.6-.47-.07 0-.14.05-.2.1l-4.9 3.93c-.26.18-.26.6 0 .78l4.9 3.92c.27.25.82 0 .8-.38v-2.5h.1c4.27 0 3.65.67 3.65-3.62v-4.47c0-3.15.4-3.62-1.25-3.66zM10.34 38.66c-.24.02-.44.25-.43.5v2.47H7.3c-1.08 0-1.86-.04-2.4-.04-1.64 0-1.25.43-1.25 3.65v4.47c0 3.66-.23 3.7 2.34 3.66l-1.34-1.1c-.1-.08-.18-.2-.2-.3 0-.17.07-.35.2-.45l1.96-1.6c-.03-.06-.04-.13-.04-.2v-4.48c0-.44.28-.72.72-.72H9.9v2.5c0 .36.5.6.8.38l4.93-3.93c.24-.18.24-.6 0-.78l-4.94-3.92c-.1-.08-.23-.13-.36-.12zm5.63 2.93l1.34 1.1c.1.07.18.2.2.33.02.16-.03.3-.16.4l-1.96 1.6c.02.07.06.13.06.22v4.47c0 .42-.3.72-.72.72h-2.66v-2.47c0-.3-.3-.53-.6-.47-.06.02-.12.05-.18.1l-4.94 3.93c-.24.18-.24.6 0 .78l4.94 3.92c.28.22.78-.02.78-.38v-2.5h2.66c4.27 0 3.65.67 3.65-3.62v-4.47c0-3.66.34-3.7-2.4-3.66zM13.06 57.66c-.23.03-.4.26-.4.5v2.47H7.28c-1.08 0-1.86-.04-2.4-.04-1.64 0-1.25.43-1.25 3.65v4.87l2.93-2.37v-2.5c0-.44.28-.72.72-.72h5.38v2.5c0 .36.5.6.78.38l4.94-3.93c.24-.18.24-.6 0-.78l-4.94-3.92c-.1-.1-.24-.14-.38-.12zm5.3 6.15l-2.92 2.4v2.52c0 .42-.3.72-.72.72h-5.4v-2.47c0-.3-.32-.53-.6-.47-.07.02-.13.05-.2.1L3.6 70.52c-.25.18-.25.6 0 .78l4.93 3.92c.28.22.78-.02.78-.38v-2.5h5.42c4.27 0 3.65.67 3.65-3.62v-4.47-.44zM19.25 78.8c-.1.03-.2.1-.28.17l-.9.9c-.44-.3-1.36-.25-3.35-.25H7.28c-1.08 0-1.86-.03-2.4-.03-1.64 0-1.25.43-1.25 3.65v.7l2.93.3v-1c0-.44.28-.72.72-.72h7.44c.2 0 .37.08.5.2l-1.8 1.8c-.25.26-.08.76.27.8l6.27.7c.28.03.56-.25.53-.53l-.7-6.25c0-.27-.3-.48-.55-.44zm-17.2 6.1c-.2.07-.36.3-.33.54l.7 6.25c.02.36.58.55.83.27l.8-.8c.02 0 .04-.02.04 0 .46.24 1.37.17 3.18.17h7.44c4.27 0 3.65.67 3.65-3.62v-.75l-2.93-.3v1.05c0 .42-.3.72-.72.72H7.28c-.15 0-.3-.03-.4-.1L8.8 86.4c.3-.24.1-.8-.27-.84l-6.28-.65h-.2zM4.88 98.6c-1.33 0-1.34.48-1.3 2.3l1.14-1.37c.08-.1.22-.17.34-.2.16 0 .34.08.44.2l1.66 2.03c.04 0 .07-.03.12-.03h7.44c.34 0 .57.2.65.5h-2.43c-.34.05-.53.52-.3.78l3.92 4.95c.18.24.6.24.78 0l3.94-4.94c.22-.27-.02-.76-.37-.77H18.4c.02-3.9.6-3.4-3.66-3.4H7.28c-1.08 0-1.86-.04-2.4-.04zm.15 2.46c-.1.03-.2.1-.28.2l-3.94 4.9c-.2.28.03.77.4.78H3.6c-.02 3.94-.45 3.4 3.66 3.4h7.44c3.65 0 3.74.3 3.7-2.25l-1.1 1.34c-.1.1-.2.17-.32.2-.16 0-.34-.08-.44-.2l-1.65-2.03c-.06.02-.1.04-.18.04H7.28c-.35 0-.57-.2-.66-.5h2.44c.37 0 .63-.5.4-.78l-3.96-4.9c-.1-.15-.3-.23-.47-.2zM4.88 117.6c-1.16 0-1.3.3-1.3 1.56l1.14-1.38c.08-.1.22-.14.34-.16.16 0 .34.04.44.16l2.22 2.75h7c.42 0 .72.28.72.72v.53h-2.6c-.3.1-.43.54-.2.78l3.92 4.9c.18.25.6.25.78 0l3.94-4.9c.22-.28-.02-.77-.37-.78H18.4v-.53c0-4.2.72-3.63-3.66-3.63H7.28c-1.08 0-1.86-.03-2.4-.03zm.1 1.74c-.1.03-.17.1-.23.16L.8 124.44c-.2.28.03.77.4.78H3.6v.5c0 4.26-.55 3.62 3.66 3.62h7.44c1.03 0 1.74.02 2.28 0-.16.02-.34-.03-.44-.15l-2.22-2.76H7.28c-.44 0-.72-.3-.72-.72v-.5h2.5c.37.02.63-.5.4-.78L5.5 119.5c-.12-.15-.34-.22-.53-.16zm12.02 10c1.2-.02 1.4-.25 1.4-1.53l-1.1 1.36c-.07.1-.17.17-.3.18zM5.94 136.6l2.37 2.93h6.42c.42 0 .72.28.72.72v1.25h-2.6c-.3.1-.43.54-.2.78l3.92 4.9c.18.25.6.25.78 0l3.94-4.9c.22-.28-.02-.77-.37-.78H18.4v-1.25c0-4.2.72-3.63-3.66-3.63H7.28c-.6 0-.92-.02-1.34-.03zm-1.72.06c-.4.08-.54.3-.6.75l.6-.74zm.84.93c-.12 0-.24.08-.3.18l-3.95 4.9c-.24.3 0 .83.4.82H3.6v1.22c0 4.26-.55 3.62 3.66 3.62h7.44c.63 0 .97.02 1.4.03l-2.37-2.93H7.28c-.44 0-.72-.3-.72-.72v-1.22h2.5c.4.04.67-.53.4-.8l-3.96-4.92c-.1-.13-.27-.2-.44-.2zm13.28 10.03l-.56.7c.36-.07.5-.3.56-.7zM17.13 155.6c-.55-.02-1.32.03-2.4.03h-8.2l2.38 2.9h5.82c.42 0 .72.28.72.72v1.97H12.9c-.32.06-.48.52-.28.78l3.94 4.94c.2.23.6.22.78-.03l3.94-4.9c.22-.28-.02-.77-.37-.78H18.4v-1.97c0-3.15.4-3.62-1.25-3.66zm-12.1.28c-.1.02-.2.1-.28.18l-3.94 4.9c-.2.3.03.78.4.8H3.6v1.96c0 4.26-.55 3.62 3.66 3.62h8.24l-2.36-2.9H7.28c-.44 0-.72-.3-.72-.72v-1.97h2.5c.37.02.63-.5.4-.78l-3.96-4.9c-.1-.15-.3-.22-.47-.2zM5.13 174.5c-.15 0-.3.07-.38.2L.8 179.6c-.24.27 0 .82.4.8H3.6v2.32c0 4.26-.55 3.62 3.66 3.62h7.94l-2.35-2.9h-5.6c-.43 0-.7-.3-.7-.72v-2.3h2.5c.38.03.66-.54.4-.83l-3.97-4.9c-.1-.13-.23-.2-.38-.2zm12 .1c-.55-.02-1.32.03-2.4.03H6.83l2.35 2.9h5.52c.42 0 .72.28.72.72v2.34h-2.6c-.3.1-.43.53-.2.78l3.92 4.9c.18.24.6.24.78 0l3.94-4.9c.22-.3-.02-.78-.37-.8H18.4v-2.33c0-3.15.4-3.62-1.25-3.66zM4.97 193.16c-.1.03-.17.1-.22.18l-3.94 4.9c-.2.3.03.78.4.8H3.6v2.68c0 4.26-.55 3.62 3.66 3.62h7.66l-2.3-2.84c-.03-.02-.03-.04-.05-.06H7.27c-.44 0-.72-.3-.72-.72v-2.7h2.5c.37.03.63-.48.4-.77l-3.96-4.9c-.12-.17-.34-.25-.53-.2zm12.16.43c-.55-.02-1.32.03-2.4.03H7.1l2.32 2.84.03.06h5.25c.42 0 .72.28.72.72v2.7h-2.5c-.36.02-.56.54-.3.8l3.92 4.9c.18.25.6.25.78 0l3.94-4.9c.26-.28 0-.83-.37-.8H18.4v-2.7c0-3.15.4-3.62-1.25-3.66z' fill='%23D8A070' stroke-width='0'/></svg>\")}button.icon-button i.fa-retweet:hover{background-image:url(\"data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='22' height='209'><path d='M4.97 3.16c-.1.03-.17.1-.22.18L.8 8.24c-.2.3.03.78.4.8H3.6v2.68c0 4.26-.55 3.62 3.66 3.62h7.66l-2.3-2.84c-.03-.02-.03-.04-.05-.06H7.27c-.44 0-.72-.3-.72-.72v-2.7h2.5c.37.03.63-.48.4-.77L5.5 3.35c-.12-.17-.34-.25-.53-.2zm12.16.43c-.55-.02-1.32.02-2.4.02H7.1l2.32 2.85.03.06h5.25c.42 0 .72.28.72.72v2.7h-2.5c-.36.02-.56.54-.3.8l3.92 4.9c.18.25.6.25.78 0l3.94-4.9c.26-.28 0-.83-.37-.8H18.4v-2.7c0-3.15.4-3.62-1.25-3.66z' fill='%234A6B94' stroke-width='0'/><path d='M7.78 19.66c-.24.02-.44.25-.44.5v2.46h-.06c-1.08 0-1.86-.03-2.4-.03-1.64 0-1.25.43-1.25 3.65v4.47c0 4.26-.56 3.62 3.65 3.62H8.5l-1.3-1.06c-.1-.08-.18-.2-.2-.3-.02-.17.06-.35.2-.45l1.33-1.1H7.28c-.44 0-.72-.3-.72-.7v-4.48c0-.44.28-.72.72-.72h.06v2.5c0 .38.54.63.82.38l4.9-3.93c.25-.18.25-.6 0-.78l-4.9-3.92c-.1-.1-.24-.14-.38-.12zm9.34 2.93c-.54-.02-1.3.02-2.4.02h-1.25l1.3 1.07c.1.07.18.2.2.33.02.16-.06.3-.2.4l-1.33 1.1h1.28c.42 0 .72.28.72.72v4.47c0 .42-.3.72-.72.72h-.1v-2.47c0-.3-.3-.53-.6-.47-.07 0-.14.05-.2.1l-4.9 3.93c-.26.18-.26.6 0 .78l4.9 3.92c.27.25.82 0 .8-.38v-2.5h.1c4.27 0 3.65.67 3.65-3.62v-4.47c0-3.15.4-3.62-1.25-3.66zM10.34 38.66c-.24.02-.44.25-.43.5v2.47H7.3c-1.08 0-1.86-.04-2.4-.04-1.64 0-1.25.43-1.25 3.65v4.47c0 3.66-.23 3.7 2.34 3.66l-1.34-1.1c-.1-.08-.18-.2-.2-.3 0-.17.07-.35.2-.45l1.96-1.6c-.03-.06-.04-.13-.04-.2v-4.48c0-.44.28-.72.72-.72H9.9v2.5c0 .36.5.6.8.38l4.93-3.93c.24-.18.24-.6 0-.78l-4.94-3.92c-.1-.08-.23-.13-.36-.12zm5.63 2.93l1.34 1.1c.1.07.18.2.2.33.02.16-.03.3-.16.4l-1.96 1.6c.02.07.06.13.06.22v4.47c0 .42-.3.72-.72.72h-2.66v-2.47c0-.3-.3-.53-.6-.47-.06.02-.12.05-.18.1l-4.94 3.93c-.24.18-.24.6 0 .78l4.94 3.92c.28.22.78-.02.78-.38v-2.5h2.66c4.27 0 3.65.67 3.65-3.62v-4.47c0-3.66.34-3.7-2.4-3.66zM13.06 57.66c-.23.03-.4.26-.4.5v2.47H7.28c-1.08 0-1.86-.04-2.4-.04-1.64 0-1.25.43-1.25 3.65v4.87l2.93-2.37v-2.5c0-.44.28-.72.72-.72h5.38v2.5c0 .36.5.6.78.38l4.94-3.93c.24-.18.24-.6 0-.78l-4.94-3.92c-.1-.1-.24-.14-.38-.12zm5.3 6.15l-2.92 2.4v2.52c0 .42-.3.72-.72.72h-5.4v-2.47c0-.3-.32-.53-.6-.47-.07.02-.13.05-.2.1L3.6 70.52c-.25.18-.25.6 0 .78l4.93 3.92c.28.22.78-.02.78-.38v-2.5h5.42c4.27 0 3.65.67 3.65-3.62v-4.47-.44zM19.25 78.8c-.1.03-.2.1-.28.17l-.9.9c-.44-.3-1.36-.25-3.35-.25H7.28c-1.08 0-1.86-.03-2.4-.03-1.64 0-1.25.43-1.25 3.65v.7l2.93.3v-1c0-.44.28-.72.72-.72h7.44c.2 0 .37.08.5.2l-1.8 1.8c-.25.26-.08.76.27.8l6.27.7c.28.03.56-.25.53-.53l-.7-6.25c0-.27-.3-.48-.55-.44zm-17.2 6.1c-.2.07-.36.3-.33.54l.7 6.25c.02.36.58.55.83.27l.8-.8c.02 0 .04-.02.04 0 .46.24 1.37.17 3.18.17h7.44c4.27 0 3.65.67 3.65-3.62v-.75l-2.93-.3v1.05c0 .42-.3.72-.72.72H7.28c-.15 0-.3-.03-.4-.1L8.8 86.4c.3-.24.1-.8-.27-.84l-6.28-.65h-.2zM4.88 98.6c-1.33 0-1.34.48-1.3 2.3l1.14-1.37c.08-.1.22-.17.34-.2.16 0 .34.08.44.2l1.66 2.03c.04 0 .07-.03.12-.03h7.44c.34 0 .57.2.65.5h-2.43c-.34.05-.53.52-.3.78l3.92 4.95c.18.24.6.24.78 0l3.94-4.94c.22-.27-.02-.76-.37-.77H18.4c.02-3.9.6-3.4-3.66-3.4H7.28c-1.08 0-1.86-.04-2.4-.04zm.15 2.46c-.1.03-.2.1-.28.2l-3.94 4.9c-.2.28.03.77.4.78H3.6c-.02 3.94-.45 3.4 3.66 3.4h7.44c3.65 0 3.74.3 3.7-2.25l-1.1 1.34c-.1.1-.2.17-.32.2-.16 0-.34-.08-.44-.2l-1.65-2.03c-.06.02-.1.04-.18.04H7.28c-.35 0-.57-.2-.66-.5h2.44c.37 0 .63-.5.4-.78l-3.96-4.9c-.1-.15-.3-.23-.47-.2zM4.88 117.6c-1.16 0-1.3.3-1.3 1.56l1.14-1.38c.08-.1.22-.14.34-.16.16 0 .34.04.44.16l2.22 2.75h7c.42 0 .72.28.72.72v.53h-2.6c-.3.1-.43.54-.2.78l3.92 4.9c.18.25.6.25.78 0l3.94-4.9c.22-.28-.02-.77-.37-.78H18.4v-.53c0-4.2.72-3.63-3.66-3.63H7.28c-1.08 0-1.86-.03-2.4-.03zm.1 1.74c-.1.03-.17.1-.23.16L.8 124.44c-.2.28.03.77.4.78H3.6v.5c0 4.26-.55 3.62 3.66 3.62h7.44c1.03 0 1.74.02 2.28 0-.16.02-.34-.03-.44-.15l-2.22-2.76H7.28c-.44 0-.72-.3-.72-.72v-.5h2.5c.37.02.63-.5.4-.78L5.5 119.5c-.12-.15-.34-.22-.53-.16zm12.02 10c1.2-.02 1.4-.25 1.4-1.53l-1.1 1.36c-.07.1-.17.17-.3.18zM5.94 136.6l2.37 2.93h6.42c.42 0 .72.28.72.72v1.25h-2.6c-.3.1-.43.54-.2.78l3.92 4.9c.18.25.6.25.78 0l3.94-4.9c.22-.28-.02-.77-.37-.78H18.4v-1.25c0-4.2.72-3.63-3.66-3.63H7.28c-.6 0-.92-.02-1.34-.03zm-1.72.06c-.4.08-.54.3-.6.75l.6-.74zm.84.93c-.12 0-.24.08-.3.18l-3.95 4.9c-.24.3 0 .83.4.82H3.6v1.22c0 4.26-.55 3.62 3.66 3.62h7.44c.63 0 .97.02 1.4.03l-2.37-2.93H7.28c-.44 0-.72-.3-.72-.72v-1.22h2.5c.4.04.67-.53.4-.8l-3.96-4.92c-.1-.13-.27-.2-.44-.2zm13.28 10.03l-.56.7c.36-.07.5-.3.56-.7zM17.13 155.6c-.55-.02-1.32.03-2.4.03h-8.2l2.38 2.9h5.82c.42 0 .72.28.72.72v1.97H12.9c-.32.06-.48.52-.28.78l3.94 4.94c.2.23.6.22.78-.03l3.94-4.9c.22-.28-.02-.77-.37-.78H18.4v-1.97c0-3.15.4-3.62-1.25-3.66zm-12.1.28c-.1.02-.2.1-.28.18l-3.94 4.9c-.2.3.03.78.4.8H3.6v1.96c0 4.26-.55 3.62 3.66 3.62h8.24l-2.36-2.9H7.28c-.44 0-.72-.3-.72-.72v-1.97h2.5c.37.02.63-.5.4-.78l-3.96-4.9c-.1-.15-.3-.22-.47-.2zM5.13 174.5c-.15 0-.3.07-.38.2L.8 179.6c-.24.27 0 .82.4.8H3.6v2.32c0 4.26-.55 3.62 3.66 3.62h7.94l-2.35-2.9h-5.6c-.43 0-.7-.3-.7-.72v-2.3h2.5c.38.03.66-.54.4-.83l-3.97-4.9c-.1-.13-.23-.2-.38-.2zm12 .1c-.55-.02-1.32.03-2.4.03H6.83l2.35 2.9h5.52c.42 0 .72.28.72.72v2.34h-2.6c-.3.1-.43.53-.2.78l3.92 4.9c.18.24.6.24.78 0l3.94-4.9c.22-.3-.02-.78-.37-.8H18.4v-2.33c0-3.15.4-3.62-1.25-3.66zM4.97 193.16c-.1.03-.17.1-.22.18l-3.94 4.9c-.2.3.03.78.4.8H3.6v2.68c0 4.26-.55 3.62 3.66 3.62h7.66l-2.3-2.84c-.03-.02-.03-.04-.05-.06H7.27c-.44 0-.72-.3-.72-.72v-2.7h2.5c.37.03.63-.48.4-.77l-3.96-4.9c-.12-.17-.34-.25-.53-.2zm12.16.43c-.55-.02-1.32.03-2.4.03H7.1l2.32 2.84.03.06h5.25c.42 0 .72.28.72.72v2.7h-2.5c-.36.02-.56.54-.3.8l3.92 4.9c.18.25.6.25.78 0l3.94-4.9c.26-.28 0-.83-.37-.8H18.4v-2.7c0-3.15.4-3.62-1.25-3.66z' fill='%23D8A070' stroke-width='0'/></svg>\")}button.icon-button.disabled i.fa-retweet,button.icon-button.disabled i.fa-retweet:hover{background-image:url(\"data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='22' height='209'><path d='M4.97 3.16c-.1.03-.17.1-.22.18L.8 8.24c-.2.3.03.78.4.8H3.6v2.68c0 4.26-.55 3.62 3.66 3.62h7.66l-2.3-2.84c-.03-.02-.03-.04-.05-.06H7.27c-.44 0-.72-.3-.72-.72v-2.7h2.5c.37.03.63-.48.4-.77L5.5 3.35c-.12-.17-.34-.25-.53-.2zm12.16.43c-.55-.02-1.32.02-2.4.02H7.1l2.32 2.85.03.06h5.25c.42 0 .72.28.72.72v2.7h-2.5c-.36.02-.56.54-.3.8l3.92 4.9c.18.25.6.25.78 0l3.94-4.9c.26-.28 0-.83-.37-.8H18.4v-2.7c0-3.15.4-3.62-1.25-3.66z' fill='%23283A50' stroke-width='0'/></svg>\")}.status-direct button.icon-button.disabled i.fa-retweet,.status-direct button.icon-button.disabled i.fa-retweet:hover{background-image:url(\"data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='22' height='209'><path d='M4.97 3.16c-.1.03-.17.1-.22.18L.8 8.24c-.2.3.03.78.4.8H3.6v2.68c0 4.26-.55 3.62 3.66 3.62h7.66l-2.3-2.84c-.03-.02-.03-.04-.05-.06H7.27c-.44 0-.72-.3-.72-.72v-2.7h2.5c.37.03.63-.48.4-.77L5.5 3.35c-.12-.17-.34-.25-.53-.2zm12.16.43c-.55-.02-1.32.02-2.4.02H7.1l2.32 2.85.03.06h5.25c.42 0 .72.28.72.72v2.7h-2.5c-.36.02-.56.54-.3.8l3.92 4.9c.18.25.6.25.78 0l3.94-4.9c.26-.28 0-.83-.37-.8H18.4v-2.7c0-3.15.4-3.62-1.25-3.66z' fill='%23283A50' stroke-width='0'/></svg>\")}.account{padding:10px;border-bottom:1px solid #202e3f;color:inherit;text-decoration:none}.account .account__display-name{flex:1 1 auto;display:block;color:#9baec8;overflow:hidden;text-decoration:none;font-size:14px}.account.small{border:none;padding:0}.account.small>.account__avatar-wrapper{margin:0 8px 0 0}.account.small>.display-name{height:24px;line-height:24px}.account__wrapper{display:flex}.account__avatar-wrapper{float:left;margin-left:12px;margin-right:12px}.account__avatar{border-radius:8%;background-position:50%;background-clip:padding-box;position:relative;cursor:pointer}.account__avatar-inline{display:inline-block;vertical-align:middle;margin-right:5px}.account__avatar-composite{border-radius:8%;background-position:50%;background-clip:padding-box;overflow:hidden;position:relative}.account__avatar-composite div{border-radius:8%;background-position:50%;background-clip:padding-box;float:left;position:relative;box-sizing:border-box}.account__avatar-composite__label{display:block;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);color:#fff;text-shadow:1px 1px 2px #000;font-weight:700;font-size:15px}.account__avatar-overlay{position:relative;width:48px;height:48px;background-size:48px 48px}.account__avatar-overlay-base{border-radius:8%;background-position:50%;background-clip:padding-box;width:36px;height:36px;background-size:36px 36px}.account__avatar-overlay-overlay{border-radius:8%;background-position:50%;background-clip:padding-box;width:24px;height:24px;background-size:24px 24px;position:absolute;bottom:0;right:0;z-index:1}.account__relationship{height:18px;padding:10px;white-space:nowrap}.account__header__wrapper{flex:0 0 auto;background:#192432}.account__disclaimer{padding:10px;color:#3e5a7c}.account__disclaimer strong{font-weight:500}.account__disclaimer strong:lang(ja){font-weight:700}.account__disclaimer strong:lang(ko){font-weight:700}.account__disclaimer strong:lang(zh-CN){font-weight:700}.account__disclaimer strong:lang(zh-HK){font-weight:700}.account__disclaimer strong:lang(zh-TW){font-weight:700}.account__disclaimer a{font-weight:500;color:inherit;text-decoration:underline}.account__disclaimer a:hover,.account__disclaimer a:focus,.account__disclaimer a:active{text-decoration:none}.account__action-bar{border-top:1px solid #202e3f;border-bottom:1px solid #202e3f;line-height:36px;overflow:hidden;flex:0 0 auto;display:flex}.account__action-bar-links{display:flex;flex:1 1 auto;line-height:18px;text-align:center}.account__action-bar__tab{text-decoration:none;overflow:hidden;flex:0 1 100%;border-left:1px solid #202e3f;padding:10px 0;border-bottom:4px solid transparent}.account__action-bar__tab:first-child{border-left:0}.account__action-bar__tab.active{border-bottom:4px solid #d8a070}.account__action-bar__tab>span{display:block;text-transform:uppercase;font-size:11px;color:#9baec8}.account__action-bar__tab strong{display:block;font-size:15px;font-weight:500;color:#fff}.account__action-bar__tab strong:lang(ja){font-weight:700}.account__action-bar__tab strong:lang(ko){font-weight:700}.account__action-bar__tab strong:lang(zh-CN){font-weight:700}.account__action-bar__tab strong:lang(zh-HK){font-weight:700}.account__action-bar__tab strong:lang(zh-TW){font-weight:700}.account__action-bar__tab abbr{color:#d8a070}.account-authorize{padding:14px 10px}.account-authorize .detailed-status__display-name{display:block;margin-bottom:15px;overflow:hidden}.account-authorize__avatar{float:left;margin-right:10px}.notification__message{margin-left:42px;padding:8px 0 0 26px;cursor:default;color:#9baec8;font-size:15px;position:relative}.notification__message .fa{color:#d8a070}.notification__message>span{display:block;overflow:hidden;text-overflow:ellipsis}.account--panel{background:#192432;border-top:1px solid #202e3f;border-bottom:1px solid #202e3f;display:flex;flex-direction:row;padding:10px 0}.account--panel__button,.detailed-status__button{flex:1 1 auto;text-align:center}.column-settings__outer{background:#202e3f;padding:15px}.column-settings__section{color:#9baec8;cursor:default;display:block;font-weight:500;margin-bottom:10px}.column-settings__hashtags .column-settings__row{margin-bottom:15px}.column-settings__hashtags .column-select__control{outline:0;box-sizing:border-box;width:100%;border:none;box-shadow:none;font-family:inherit;background:#121a24;color:#9baec8;font-size:14px;margin:0}.column-settings__hashtags .column-select__control::placeholder{color:#a8b9cf}.column-settings__hashtags .column-select__control::-moz-focus-inner{border:0}.column-settings__hashtags .column-select__control::-moz-focus-inner,.column-settings__hashtags .column-select__control:focus,.column-settings__hashtags .column-select__control:active{outline:0 !important}.column-settings__hashtags .column-select__control:focus{background:#192432}@media screen and (max-width: 600px){.column-settings__hashtags .column-select__control{font-size:16px}}.column-settings__hashtags .column-select__placeholder{color:#3e5a7c;padding-left:2px;font-size:12px}.column-settings__hashtags .column-select__value-container{padding-left:6px}.column-settings__hashtags .column-select__multi-value{background:#202e3f}.column-settings__hashtags .column-select__multi-value__remove{cursor:pointer}.column-settings__hashtags .column-select__multi-value__remove:hover,.column-settings__hashtags .column-select__multi-value__remove:active,.column-settings__hashtags .column-select__multi-value__remove:focus{background:#26374d;color:#a8b9cf}.column-settings__hashtags .column-select__multi-value__label,.column-settings__hashtags .column-select__input{color:#9baec8}.column-settings__hashtags .column-select__clear-indicator,.column-settings__hashtags .column-select__dropdown-indicator{cursor:pointer;transition:none;color:#3e5a7c}.column-settings__hashtags .column-select__clear-indicator:hover,.column-settings__hashtags .column-select__clear-indicator:active,.column-settings__hashtags .column-select__clear-indicator:focus,.column-settings__hashtags .column-select__dropdown-indicator:hover,.column-settings__hashtags .column-select__dropdown-indicator:active,.column-settings__hashtags .column-select__dropdown-indicator:focus{color:#45648a}.column-settings__hashtags .column-select__indicator-separator{background-color:#202e3f}.column-settings__hashtags .column-select__menu{background:#fff;border-radius:4px;padding:10px 14px;padding-bottom:14px;margin-top:10px;color:#9baec8;box-shadow:2px 4px 15px rgba(0,0,0,.4);padding:0;background:#d9e1e8}.column-settings__hashtags .column-select__menu h4{text-transform:uppercase;color:#9baec8;font-size:13px;font-weight:500;margin-bottom:10px}.column-settings__hashtags .column-select__menu li{padding:4px 0}.column-settings__hashtags .column-select__menu ul{margin-bottom:10px}.column-settings__hashtags .column-select__menu em{font-weight:500;color:#121a24}.column-settings__hashtags .column-select__menu-list{padding:6px}.column-settings__hashtags .column-select__option{color:#121a24;border-radius:4px;font-size:14px}.column-settings__hashtags .column-select__option--is-focused,.column-settings__hashtags .column-select__option--is-selected{background:#b9c8d5}.column-settings__row .text-btn{margin-bottom:15px}.relationship-tag{color:#fff;margin-bottom:4px;display:block;vertical-align:top;background-color:#000;text-transform:uppercase;font-size:11px;font-weight:500;padding:4px;border-radius:4px;opacity:.7}.relationship-tag:hover{opacity:1}.account-gallery__container{display:flex;flex-wrap:wrap;padding:4px 2px}.account-gallery__item{border:none;box-sizing:border-box;display:block;position:relative;border-radius:4px;overflow:hidden;margin:2px}.account-gallery__item__icons{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);font-size:24px}.notification__filter-bar,.account__section-headline{background:#0b1016;border-bottom:1px solid #202e3f;cursor:default;display:flex;flex-shrink:0}.notification__filter-bar button,.account__section-headline button{background:#0b1016;border:0;margin:0}.notification__filter-bar button,.notification__filter-bar a,.account__section-headline button,.account__section-headline a{display:block;flex:1 1 auto;color:#9baec8;padding:15px 0;font-size:14px;font-weight:500;text-align:center;text-decoration:none;position:relative}.notification__filter-bar button.active,.notification__filter-bar a.active,.account__section-headline button.active,.account__section-headline a.active{color:#d9e1e8}.notification__filter-bar button.active::before,.notification__filter-bar button.active::after,.notification__filter-bar a.active::before,.notification__filter-bar a.active::after,.account__section-headline button.active::before,.account__section-headline button.active::after,.account__section-headline a.active::before,.account__section-headline a.active::after{display:block;content:\"\";position:absolute;bottom:0;left:50%;width:0;height:0;transform:translateX(-50%);border-style:solid;border-width:0 10px 10px;border-color:transparent transparent #202e3f}.notification__filter-bar button.active::after,.notification__filter-bar a.active::after,.account__section-headline button.active::after,.account__section-headline a.active::after{bottom:-1px;border-color:transparent transparent #121a24}.notification__filter-bar.directory__section-headline,.account__section-headline.directory__section-headline{background:#0f151d;border-bottom-color:transparent}.notification__filter-bar.directory__section-headline a.active::before,.notification__filter-bar.directory__section-headline button.active::before,.account__section-headline.directory__section-headline a.active::before,.account__section-headline.directory__section-headline button.active::before{display:none}.notification__filter-bar.directory__section-headline a.active::after,.notification__filter-bar.directory__section-headline button.active::after,.account__section-headline.directory__section-headline a.active::after,.account__section-headline.directory__section-headline button.active::after{border-color:transparent transparent #06090c}.account__moved-note{padding:14px 10px;padding-bottom:16px;background:#192432;border-top:1px solid #202e3f;border-bottom:1px solid #202e3f}.account__moved-note__message{position:relative;margin-left:58px;color:#3e5a7c;padding:8px 0;padding-top:0;padding-bottom:4px;font-size:14px}.account__moved-note__message>span{display:block;overflow:hidden;text-overflow:ellipsis}.account__moved-note__icon-wrapper{left:-26px;position:absolute}.account__moved-note .detailed-status__display-avatar{position:relative}.account__moved-note .detailed-status__display-name{margin-bottom:0}.account__header__content{color:#9baec8;font-size:14px;font-weight:400;overflow:hidden;word-break:normal;word-wrap:break-word}.account__header__content p{margin-bottom:20px}.account__header__content p:last-child{margin-bottom:0}.account__header__content a{color:inherit;text-decoration:underline}.account__header__content a:hover{text-decoration:none}.account__header{overflow:hidden}.account__header.inactive{opacity:.5}.account__header.inactive .account__header__image,.account__header.inactive .account__avatar{filter:grayscale(100%)}.account__header__info{position:absolute;top:10px;left:10px}.account__header__image{overflow:hidden;height:145px;position:relative;background:#0b1016}.account__header__image img{object-fit:cover;display:block;width:100%;height:100%;margin:0}.account__header__bar{position:relative;background:#192432;padding:5px;border-bottom:1px solid #26374d}.account__header__bar .avatar{display:block;flex:0 0 auto;width:94px;margin-left:-2px}.account__header__bar .avatar .account__avatar{background:#040609;border:2px solid #192432}.account__header__tabs{display:flex;align-items:flex-start;padding:7px 5px;margin-top:-55px}.account__header__tabs__buttons{display:flex;align-items:center;padding-top:55px;overflow:hidden}.account__header__tabs__buttons .icon-button{border:1px solid #26374d;border-radius:4px;box-sizing:content-box;padding:2px}.account__header__tabs__buttons .button{margin:0 8px}.account__header__tabs__name{padding:5px}.account__header__tabs__name .account-role{vertical-align:top}.account__header__tabs__name .emojione{width:22px;height:22px}.account__header__tabs__name h1{font-size:16px;line-height:24px;color:#fff;font-weight:500;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.account__header__tabs__name h1 small{display:block;font-size:14px;color:#9baec8;font-weight:400;overflow:hidden;text-overflow:ellipsis}.account__header__tabs .spacer{flex:1 1 auto}.account__header__bio{overflow:hidden;margin:0 -5px}.account__header__bio .account__header__content{padding:20px 15px;padding-bottom:5px;color:#fff}.account__header__bio .account__header__fields{margin:0;border-top:1px solid #26374d}.account__header__bio .account__header__fields a{color:#e1b590}.account__header__bio .account__header__fields dl:first-child .verified{border-radius:0 4px 0 0}.account__header__bio .account__header__fields .verified a{color:#79bd9a}.account__header__extra{margin-top:4px}.account__header__extra__links{font-size:14px;color:#9baec8;padding:10px 0}.account__header__extra__links a{display:inline-block;color:#9baec8;text-decoration:none;padding:5px 10px;font-weight:500}.account__header__extra__links a strong{font-weight:700;color:#fff}.domain{padding:10px;border-bottom:1px solid #202e3f}.domain .domain__domain-name{flex:1 1 auto;display:block;color:#fff;text-decoration:none;font-size:14px;font-weight:500}.domain__wrapper{display:flex}.domain_buttons{height:18px;padding:10px;white-space:nowrap}@keyframes spring-flip-in{0%{transform:rotate(0deg)}30%{transform:rotate(-242.4deg)}60%{transform:rotate(-158.35deg)}90%{transform:rotate(-187.5deg)}100%{transform:rotate(-180deg)}}@keyframes spring-flip-out{0%{transform:rotate(-180deg)}30%{transform:rotate(62.4deg)}60%{transform:rotate(-21.635deg)}90%{transform:rotate(7.5deg)}100%{transform:rotate(0deg)}}.status__content--with-action{cursor:pointer}.status__content{position:relative;margin:10px 0;font-size:15px;line-height:20px;word-wrap:break-word;font-weight:400;overflow:visible;padding-top:5px}.status__content:focus{outline:0}.status__content .emojione{width:20px;height:20px;margin:-3px 0 0}.status__content img{max-width:100%;max-height:400px;object-fit:contain}.status__content p,.status__content pre,.status__content blockquote{margin-bottom:20px;white-space:pre-wrap}.status__content p:last-child,.status__content pre:last-child,.status__content blockquote:last-child{margin-bottom:0}.status__content .status__content__text,.status__content .e-content{overflow:hidden}.status__content .status__content__text>ul,.status__content .status__content__text>ol,.status__content .e-content>ul,.status__content .e-content>ol{margin-bottom:20px}.status__content .status__content__text h1,.status__content .status__content__text h2,.status__content .status__content__text h3,.status__content .status__content__text h4,.status__content .status__content__text h5,.status__content .e-content h1,.status__content .e-content h2,.status__content .e-content h3,.status__content .e-content h4,.status__content .e-content h5{margin-top:20px;margin-bottom:20px}.status__content .status__content__text h1,.status__content .status__content__text h2,.status__content .e-content h1,.status__content .e-content h2{font-weight:700;font-size:1.2em}.status__content .status__content__text h2,.status__content .e-content h2{font-size:1.1em}.status__content .status__content__text h3,.status__content .status__content__text h4,.status__content .status__content__text h5,.status__content .e-content h3,.status__content .e-content h4,.status__content .e-content h5{font-weight:500}.status__content .status__content__text blockquote,.status__content .e-content blockquote{padding-left:10px;border-left:3px solid #9baec8;color:#9baec8;white-space:normal}.status__content .status__content__text blockquote p:last-child,.status__content .e-content blockquote p:last-child{margin-bottom:0}.status__content .status__content__text b,.status__content .status__content__text strong,.status__content .e-content b,.status__content .e-content strong{font-weight:700}.status__content .status__content__text em,.status__content .status__content__text i,.status__content .e-content em,.status__content .e-content i{font-style:italic}.status__content .status__content__text sub,.status__content .e-content sub{font-size:smaller;text-align:sub}.status__content .status__content__text sup,.status__content .e-content sup{font-size:smaller;vertical-align:super}.status__content .status__content__text ul,.status__content .status__content__text ol,.status__content .e-content ul,.status__content .e-content ol{margin-left:1em}.status__content .status__content__text ul p,.status__content .status__content__text ol p,.status__content .e-content ul p,.status__content .e-content ol p{margin:0}.status__content .status__content__text ul,.status__content .e-content ul{list-style-type:disc}.status__content .status__content__text ol,.status__content .e-content ol{list-style-type:decimal}.status__content a{color:#d8a070;text-decoration:none}.status__content a:hover{text-decoration:underline}.status__content a:hover .fa{color:#4a6b94}.status__content a.mention:hover{text-decoration:none}.status__content a.mention:hover span{text-decoration:underline}.status__content a .fa{color:#3e5a7c}.status__content .status__content__spoiler{display:none}.status__content .status__content__spoiler.status__content__spoiler--visible{display:block}.status__content a.unhandled-link{color:#e1b590}.status__content a.unhandled-link .link-origin-tag{color:#ca8f04;font-size:.8em}.status__content .status__content__spoiler-link{background:#45648a}.status__content .status__content__spoiler-link:hover{background:#4a6b94;text-decoration:none}.status__content__spoiler-link{display:inline-block;border-radius:2px;background:#45648a;border:none;color:#121a24;font-weight:500;font-size:11px;padding:0 5px;text-transform:uppercase;line-height:inherit;cursor:pointer;vertical-align:bottom}.status__content__spoiler-link:hover{background:#4a6b94;text-decoration:none}.status__content__spoiler-link .status__content__spoiler-icon{display:inline-block;margin:0 0 0 5px;border-left:1px solid currentColor;padding:0 0 0 4px;font-size:16px;vertical-align:-2px}.notif-cleaning .status,.notif-cleaning .notification-follow,.notif-cleaning .notification-follow-request{padding-right:4.5rem}.status__wrapper--filtered{color:#3e5a7c;border:0;font-size:inherit;text-align:center;line-height:inherit;margin:0;padding:15px;box-sizing:border-box;width:100%;clear:both;border-bottom:1px solid #202e3f}.status__prepend-icon-wrapper{left:-26px;position:absolute}.notification-follow,.notification-follow-request{position:relative;border-bottom:1px solid #202e3f}.notification-follow .account,.notification-follow-request .account{border-bottom:0 none}.focusable:focus{outline:0;background:#192432}.focusable:focus.status.status-direct:not(.read){background:#26374d}.focusable:focus.status.status-direct:not(.read).muted{background:transparent}.focusable:focus .detailed-status,.focusable:focus .detailed-status__action-bar{background:#202e3f}.status{padding:10px 14px;position:relative;height:auto;border-bottom:1px solid #202e3f;cursor:default;opacity:1;animation:fade 150ms linear}@supports(-ms-overflow-style: -ms-autohiding-scrollbar){.status{padding-right:28px}}@keyframes fade{0%{opacity:0}100%{opacity:1}}.status .video-player,.status .audio-player{margin-top:8px}.status.status-direct:not(.read){background:#202e3f;border-bottom-color:#26374d}.status.light .status__relative-time{color:#3e5a7c}.status.light .status__display-name{color:#121a24}.status.light .display-name{color:#9baec8}.status.light .display-name strong{color:#121a24}.status.light .status__content{color:#121a24}.status.light .status__content a{color:#d8a070}.status.light .status__content a.status__content__spoiler-link{color:#fff;background:#9baec8}.status.light .status__content a.status__content__spoiler-link:hover{background:#b5c3d6}.status.collapsed{background-position:center;background-size:cover;user-select:none}.status.collapsed.has-background::before{display:block;position:absolute;left:0;right:0;top:0;bottom:0;background-image:linear-gradient(to bottom, rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0.65) 24px, rgba(0, 0, 0, 0.8));pointer-events:none;content:\"\"}.status.collapsed .display-name:hover .display-name__html{text-decoration:none}.status.collapsed .status__content{height:20px;overflow:hidden;text-overflow:ellipsis;padding-top:0}.status.collapsed .status__content:after{content:\"\";position:absolute;top:0;bottom:0;left:0;right:0;background:linear-gradient(rgba(18, 26, 36, 0), #121a24);pointer-events:none}.status.collapsed .status__content a:hover{text-decoration:none}.status.collapsed:focus>.status__content:after{background:linear-gradient(rgba(25, 36, 50, 0), #192432)}.status.collapsed.status-direct:not(.read)>.status__content:after{background:linear-gradient(rgba(32, 46, 63, 0), #202e3f)}.status.collapsed .notification__message{margin-bottom:0}.status.collapsed .status__info .notification__message>span{white-space:nowrap}.status .notification__message{margin:-10px 0px 10px 0}.notification-favourite .status.status-direct{background:transparent}.notification-favourite .status.status-direct .icon-button.disabled{color:#547aa9}.status__relative-time{display:inline-block;flex-grow:1;color:#3e5a7c;font-size:14px;text-align:right;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.status__display-name{color:#3e5a7c;overflow:hidden}.status__info__account .status__display-name{display:block;max-width:100%}.status__info{display:flex;justify-content:space-between;font-size:15px}.status__info>span{text-overflow:ellipsis;overflow:hidden}.status__info .notification__message>span{word-wrap:break-word}.status__info__icons{display:flex;align-items:center;height:1em;color:#3e5a7c}.status__info__icons .status__media-icon,.status__info__icons .status__visibility-icon,.status__info__icons .status__reply-icon{padding-left:2px;padding-right:2px}.status__info__icons .status__collapse-button.active>.fa-angle-double-up{transform:rotate(-180deg)}.no-reduce-motion .status__collapse-button.activate>.fa-angle-double-up{animation:spring-flip-in 1s linear}.no-reduce-motion .status__collapse-button.deactivate>.fa-angle-double-up{animation:spring-flip-out 1s linear}.status__info__account{display:flex;align-items:center;justify-content:flex-start}.status-check-box{border-bottom:1px solid #d9e1e8;display:flex}.status-check-box .status-check-box__status{margin:10px 0 10px 10px;flex:1;overflow:hidden}.status-check-box .status-check-box__status .media-gallery{max-width:250px}.status-check-box .status-check-box__status .status__content{padding:0;white-space:normal}.status-check-box .status-check-box__status .video-player,.status-check-box .status-check-box__status .audio-player{margin-top:8px;max-width:250px}.status-check-box .status-check-box__status .media-gallery__item-thumbnail{cursor:default}.status-check-box-toggle{align-items:center;display:flex;flex:0 0 auto;justify-content:center;padding:10px}.status__prepend{margin-top:-10px;margin-bottom:10px;margin-left:58px;color:#3e5a7c;padding:8px 0;padding-bottom:2px;font-size:14px;position:relative}.status__prepend .status__display-name strong{color:#3e5a7c}.status__prepend>span{display:block;overflow:hidden;text-overflow:ellipsis}.status__action-bar{align-items:center;display:flex;margin-top:8px}.status__action-bar__counter{display:inline-flex;margin-right:11px;align-items:center}.status__action-bar__counter .status__action-bar-button{margin-right:4px}.status__action-bar__counter__label{display:inline-block;width:14px;font-size:12px;font-weight:500;color:#3e5a7c}.status__action-bar-button{margin-right:18px}.status__action-bar-dropdown{height:23.15px;width:23.15px}.detailed-status__action-bar-dropdown{flex:1 1 auto;display:flex;align-items:center;justify-content:center;position:relative}.detailed-status{background:#192432;padding:14px 10px}.detailed-status--flex{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-start}.detailed-status--flex .status__content,.detailed-status--flex .detailed-status__meta{flex:100%}.detailed-status .status__content{font-size:19px;line-height:24px}.detailed-status .status__content .emojione{width:24px;height:24px;margin:-1px 0 0}.detailed-status .video-player,.detailed-status .audio-player{margin-top:8px}.detailed-status__meta{margin-top:15px;color:#3e5a7c;font-size:14px;line-height:18px}.detailed-status__action-bar{background:#192432;border-top:1px solid #202e3f;border-bottom:1px solid #202e3f;display:flex;flex-direction:row;padding:10px 0}.detailed-status__link{color:inherit;text-decoration:none}.detailed-status__favorites,.detailed-status__reblogs{display:inline-block;font-weight:500;font-size:12px;margin-left:6px}.status__display-name,.status__relative-time,.detailed-status__display-name,.detailed-status__datetime,.detailed-status__application,.account__display-name{text-decoration:none}.status__display-name strong,.account__display-name strong{color:#fff}.muted .emojione{opacity:.5}a.status__display-name:hover strong,.reply-indicator__display-name:hover strong,.detailed-status__display-name:hover strong,.account__display-name:hover strong{text-decoration:underline}.account__display-name strong{display:block;overflow:hidden;text-overflow:ellipsis}.detailed-status__application,.detailed-status__datetime{color:inherit}.detailed-status .button.logo-button{margin-bottom:15px}.detailed-status__display-name{color:#d9e1e8;display:block;line-height:24px;margin-bottom:15px;overflow:hidden}.detailed-status__display-name strong,.detailed-status__display-name span{display:block;text-overflow:ellipsis;overflow:hidden}.detailed-status__display-name strong{font-size:16px;color:#fff}.detailed-status__display-avatar{float:left;margin-right:10px}.status__avatar{flex:none;margin:0 10px 0 0;height:48px;width:48px}.muted .status__content,.muted .status__content p,.muted .status__content a,.muted .status__content__text{color:#3e5a7c}.muted .status__display-name strong{color:#3e5a7c}.muted .status__avatar{opacity:.5}.muted a.status__content__spoiler-link{background:#3e5a7c;color:#121a24}.muted a.status__content__spoiler-link:hover{background:#436187;text-decoration:none}.status__relative-time:hover,.detailed-status__datetime:hover{text-decoration:underline}.status-card{display:flex;font-size:14px;border:1px solid #202e3f;border-radius:4px;color:#3e5a7c;margin-top:14px;text-decoration:none;overflow:hidden}.status-card__actions{bottom:0;left:0;position:absolute;right:0;top:0;display:flex;justify-content:center;align-items:center}.status-card__actions>div{background:rgba(0,0,0,.6);border-radius:8px;padding:12px 9px;flex:0 0 auto;display:flex;justify-content:center;align-items:center}.status-card__actions button,.status-card__actions a{display:inline;color:#d9e1e8;background:transparent;border:0;padding:0 8px;text-decoration:none;font-size:18px;line-height:18px}.status-card__actions button:hover,.status-card__actions button:active,.status-card__actions button:focus,.status-card__actions a:hover,.status-card__actions a:active,.status-card__actions a:focus{color:#fff}.status-card__actions a{font-size:19px;position:relative;bottom:-1px}.status-card__actions a .fa,.status-card__actions a:hover .fa{color:inherit}a.status-card{cursor:pointer}a.status-card:hover{background:#202e3f}.status-card-photo{cursor:zoom-in;display:block;text-decoration:none;width:100%;height:auto;margin:0}.status-card-video iframe{width:100%;height:100%}.status-card__title{display:block;font-weight:500;margin-bottom:5px;color:#9baec8;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-decoration:none}.status-card__content{flex:1 1 auto;overflow:hidden;padding:14px 14px 14px 8px}.status-card__description{color:#9baec8}.status-card__host{display:block;margin-top:5px;font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.status-card__image{flex:0 0 100px;background:#202e3f;position:relative}.status-card__image>.fa{font-size:21px;position:absolute;transform-origin:50% 50%;top:50%;left:50%;transform:translate(-50%, -50%)}.status-card.horizontal{display:block}.status-card.horizontal .status-card__image{width:100%}.status-card.horizontal .status-card__image-image{border-radius:4px 4px 0 0}.status-card.horizontal .status-card__title{white-space:inherit}.status-card.compact{border-color:#192432}.status-card.compact.interactive{border:0}.status-card.compact .status-card__content{padding:8px;padding-top:10px}.status-card.compact .status-card__title{white-space:nowrap}.status-card.compact .status-card__image{flex:0 0 60px}a.status-card.compact:hover{background-color:#192432}.status-card__image-image{border-radius:4px 0 0 4px;display:block;margin:0;width:100%;height:100%;object-fit:cover;background-size:cover;background-position:center center}.attachment-list{display:flex;font-size:14px;border:1px solid #202e3f;border-radius:4px;margin-top:14px;overflow:hidden}.attachment-list__icon{flex:0 0 auto;color:#3e5a7c;padding:8px 18px;cursor:default;border-right:1px solid #202e3f;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:26px}.attachment-list__icon .fa{display:block}.attachment-list__list{list-style:none;padding:4px 0;padding-left:8px;display:flex;flex-direction:column;justify-content:center}.attachment-list__list li{display:block;padding:4px 0}.attachment-list__list a{text-decoration:none;color:#3e5a7c;font-weight:500}.attachment-list__list a:hover{text-decoration:underline}.attachment-list.compact{border:0;margin-top:4px}.attachment-list.compact .attachment-list__list{padding:0;display:block}.attachment-list.compact .fa{color:#3e5a7c}.status__wrapper--filtered__button{display:inline;color:#e1b590;border:0;background:transparent;padding:0;font-size:inherit;line-height:inherit}.status__wrapper--filtered__button:hover,.status__wrapper--filtered__button:active{text-decoration:underline}.modal-container--preloader{background:#202e3f}.modal-root{position:relative;transition:opacity .3s linear;will-change:opacity;z-index:9999}.modal-root__overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.7)}.modal-root__container{position:fixed;top:0;left:0;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;align-content:space-around;z-index:9999;pointer-events:none;user-select:none}.modal-root__modal{pointer-events:auto;display:flex;z-index:9999}.onboarding-modal,.error-modal,.embed-modal{background:#d9e1e8;color:#121a24;border-radius:8px;overflow:hidden;display:flex;flex-direction:column}.onboarding-modal__pager{height:80vh;width:80vw;max-width:520px;max-height:470px}.onboarding-modal__pager .react-swipeable-view-container>div{width:100%;height:100%;box-sizing:border-box;display:none;flex-direction:column;align-items:center;justify-content:center;display:flex;user-select:text}.error-modal__body{height:80vh;width:80vw;max-width:520px;max-height:420px;position:relative}.error-modal__body>div{position:absolute;top:0;left:0;width:100%;height:100%;box-sizing:border-box;padding:25px;display:none;flex-direction:column;align-items:center;justify-content:center;display:flex;opacity:0;user-select:text}.error-modal__body{display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center}@media screen and (max-width: 550px){.onboarding-modal{width:100%;height:100%;border-radius:0}.onboarding-modal__pager{width:100%;height:auto;max-width:none;max-height:none;flex:1 1 auto}}.onboarding-modal__paginator,.error-modal__footer{flex:0 0 auto;background:#c0cdd9;display:flex;padding:25px}.onboarding-modal__paginator>div,.error-modal__footer>div{min-width:33px}.onboarding-modal__paginator .onboarding-modal__nav,.onboarding-modal__paginator .error-modal__nav,.error-modal__footer .onboarding-modal__nav,.error-modal__footer .error-modal__nav{color:#3e5a7c;border:0;font-size:14px;font-weight:500;padding:10px 25px;line-height:inherit;height:auto;margin:-10px;border-radius:4px;background-color:transparent}.onboarding-modal__paginator .onboarding-modal__nav:hover,.onboarding-modal__paginator .onboarding-modal__nav:focus,.onboarding-modal__paginator .onboarding-modal__nav:active,.onboarding-modal__paginator .error-modal__nav:hover,.onboarding-modal__paginator .error-modal__nav:focus,.onboarding-modal__paginator .error-modal__nav:active,.error-modal__footer .onboarding-modal__nav:hover,.error-modal__footer .onboarding-modal__nav:focus,.error-modal__footer .onboarding-modal__nav:active,.error-modal__footer .error-modal__nav:hover,.error-modal__footer .error-modal__nav:focus,.error-modal__footer .error-modal__nav:active{color:#37506f;background-color:#a6b9c9}.onboarding-modal__paginator .onboarding-modal__nav.onboarding-modal__done,.onboarding-modal__paginator .onboarding-modal__nav.onboarding-modal__next,.onboarding-modal__paginator .error-modal__nav.onboarding-modal__done,.onboarding-modal__paginator .error-modal__nav.onboarding-modal__next,.error-modal__footer .onboarding-modal__nav.onboarding-modal__done,.error-modal__footer .onboarding-modal__nav.onboarding-modal__next,.error-modal__footer .error-modal__nav.onboarding-modal__done,.error-modal__footer .error-modal__nav.onboarding-modal__next{color:#121a24}.onboarding-modal__paginator .onboarding-modal__nav.onboarding-modal__done:hover,.onboarding-modal__paginator .onboarding-modal__nav.onboarding-modal__done:focus,.onboarding-modal__paginator .onboarding-modal__nav.onboarding-modal__done:active,.onboarding-modal__paginator .onboarding-modal__nav.onboarding-modal__next:hover,.onboarding-modal__paginator .onboarding-modal__nav.onboarding-modal__next:focus,.onboarding-modal__paginator .onboarding-modal__nav.onboarding-modal__next:active,.onboarding-modal__paginator .error-modal__nav.onboarding-modal__done:hover,.onboarding-modal__paginator .error-modal__nav.onboarding-modal__done:focus,.onboarding-modal__paginator .error-modal__nav.onboarding-modal__done:active,.onboarding-modal__paginator .error-modal__nav.onboarding-modal__next:hover,.onboarding-modal__paginator .error-modal__nav.onboarding-modal__next:focus,.onboarding-modal__paginator .error-modal__nav.onboarding-modal__next:active,.error-modal__footer .onboarding-modal__nav.onboarding-modal__done:hover,.error-modal__footer .onboarding-modal__nav.onboarding-modal__done:focus,.error-modal__footer .onboarding-modal__nav.onboarding-modal__done:active,.error-modal__footer .onboarding-modal__nav.onboarding-modal__next:hover,.error-modal__footer .onboarding-modal__nav.onboarding-modal__next:focus,.error-modal__footer .onboarding-modal__nav.onboarding-modal__next:active,.error-modal__footer .error-modal__nav.onboarding-modal__done:hover,.error-modal__footer .error-modal__nav.onboarding-modal__done:focus,.error-modal__footer .error-modal__nav.onboarding-modal__done:active,.error-modal__footer .error-modal__nav.onboarding-modal__next:hover,.error-modal__footer .error-modal__nav.onboarding-modal__next:focus,.error-modal__footer .error-modal__nav.onboarding-modal__next:active{color:#192432}.error-modal__footer{justify-content:center}.onboarding-modal__dots{flex:1 1 auto;display:flex;align-items:center;justify-content:center}.onboarding-modal__dot{width:14px;height:14px;border-radius:14px;background:#a6b9c9;margin:0 3px;cursor:pointer}.onboarding-modal__dot:hover{background:#a0b4c5}.onboarding-modal__dot.active{cursor:default;background:#8da5ba}.onboarding-modal__page__wrapper{pointer-events:none;padding:25px;padding-bottom:0}.onboarding-modal__page__wrapper.onboarding-modal__page__wrapper--active{pointer-events:auto}.onboarding-modal__page{cursor:default;line-height:21px}.onboarding-modal__page h1{font-size:18px;font-weight:500;color:#121a24;margin-bottom:20px}.onboarding-modal__page a{color:#d8a070}.onboarding-modal__page a:hover,.onboarding-modal__page a:focus,.onboarding-modal__page a:active{color:#dcab80}.onboarding-modal__page .navigation-bar a{color:inherit}.onboarding-modal__page p{font-size:16px;color:#3e5a7c;margin-top:10px;margin-bottom:10px}.onboarding-modal__page p:last-child{margin-bottom:0}.onboarding-modal__page p strong{font-weight:500;background:#121a24;color:#d9e1e8;border-radius:4px;font-size:14px;padding:3px 6px}.onboarding-modal__page p strong:lang(ja){font-weight:700}.onboarding-modal__page p strong:lang(ko){font-weight:700}.onboarding-modal__page p strong:lang(zh-CN){font-weight:700}.onboarding-modal__page p strong:lang(zh-HK){font-weight:700}.onboarding-modal__page p strong:lang(zh-TW){font-weight:700}.onboarding-modal__page__wrapper-0{height:100%;padding:0}.onboarding-modal__page-one__lead{padding:65px;padding-top:45px;padding-bottom:0;margin-bottom:10px}.onboarding-modal__page-one__lead h1{font-size:26px;line-height:36px;margin-bottom:8px}.onboarding-modal__page-one__lead p{margin-bottom:0}.onboarding-modal__page-one__extra{padding-right:65px;padding-left:185px;text-align:center}.display-case{text-align:center;font-size:15px;margin-bottom:15px}.display-case__label{font-weight:500;color:#121a24;margin-bottom:5px;text-transform:uppercase;font-size:12px}.display-case__case{background:#121a24;color:#d9e1e8;font-weight:500;padding:10px;border-radius:4px}.onboarding-modal__page-two p,.onboarding-modal__page-three p,.onboarding-modal__page-four p,.onboarding-modal__page-five p{text-align:left}.onboarding-modal__page-two .figure,.onboarding-modal__page-three .figure,.onboarding-modal__page-four .figure,.onboarding-modal__page-five .figure{background:#040609;color:#d9e1e8;margin-bottom:20px;border-radius:4px;padding:10px;text-align:center;font-size:14px;box-shadow:1px 2px 6px rgba(0,0,0,.3)}.onboarding-modal__page-two .figure .onboarding-modal__image,.onboarding-modal__page-three .figure .onboarding-modal__image,.onboarding-modal__page-four .figure .onboarding-modal__image,.onboarding-modal__page-five .figure .onboarding-modal__image{border-radius:4px;margin-bottom:10px}.onboarding-modal__page-two .figure.non-interactive,.onboarding-modal__page-three .figure.non-interactive,.onboarding-modal__page-four .figure.non-interactive,.onboarding-modal__page-five .figure.non-interactive{pointer-events:none;text-align:left}.onboarding-modal__page-four__columns .row{display:flex;margin-bottom:20px}.onboarding-modal__page-four__columns .row>div{flex:1 1 0;margin:0 10px}.onboarding-modal__page-four__columns .row>div:first-child{margin-left:0}.onboarding-modal__page-four__columns .row>div:last-child{margin-right:0}.onboarding-modal__page-four__columns .row>div p{text-align:center}.onboarding-modal__page-four__columns .row:last-child{margin-bottom:0}.onboarding-modal__page-four__columns .column-header{color:#fff}@media screen and (max-width: 320px)and (max-height: 600px){.onboarding-modal__page p{font-size:14px;line-height:20px}.onboarding-modal__page-two .figure,.onboarding-modal__page-three .figure,.onboarding-modal__page-four .figure,.onboarding-modal__page-five .figure{font-size:12px;margin-bottom:10px}.onboarding-modal__page-four__columns .row{margin-bottom:10px}.onboarding-modal__page-four__columns .column-header{padding:5px;font-size:12px}}.onboard-sliders{display:inline-block;max-width:30px;max-height:auto;margin-left:10px}.boost-modal,.doodle-modal,.favourite-modal,.confirmation-modal,.report-modal,.actions-modal,.mute-modal,.block-modal{background:#f2f5f7;color:#121a24;border-radius:8px;overflow:hidden;max-width:90vw;width:480px;position:relative;flex-direction:column}.boost-modal .status__relative-time,.doodle-modal .status__relative-time,.favourite-modal .status__relative-time,.confirmation-modal .status__relative-time,.report-modal .status__relative-time,.actions-modal .status__relative-time,.mute-modal .status__relative-time,.block-modal .status__relative-time{color:#3e5a7c;float:right;font-size:14px;width:auto;margin:initial;padding:initial}.boost-modal .status__display-name,.doodle-modal .status__display-name,.favourite-modal .status__display-name,.confirmation-modal .status__display-name,.report-modal .status__display-name,.actions-modal .status__display-name,.mute-modal .status__display-name,.block-modal .status__display-name{display:flex}.boost-modal .status__avatar,.doodle-modal .status__avatar,.favourite-modal .status__avatar,.confirmation-modal .status__avatar,.report-modal .status__avatar,.actions-modal .status__avatar,.mute-modal .status__avatar,.block-modal .status__avatar{height:48px;width:48px}.boost-modal .status__content__spoiler-link,.doodle-modal .status__content__spoiler-link,.favourite-modal .status__content__spoiler-link,.confirmation-modal .status__content__spoiler-link,.report-modal .status__content__spoiler-link,.actions-modal .status__content__spoiler-link,.mute-modal .status__content__spoiler-link,.block-modal .status__content__spoiler-link{color:#f2f5f7}.actions-modal .status{background:#fff;border-bottom-color:#d9e1e8;padding-top:10px;padding-bottom:10px}.actions-modal .dropdown-menu__separator{border-bottom-color:#d9e1e8}.boost-modal__container,.favourite-modal__container{overflow-x:scroll;padding:10px}.boost-modal__container .status,.favourite-modal__container .status{user-select:text;border-bottom:0}.boost-modal__action-bar,.doodle-modal__action-bar,.favourite-modal__action-bar,.confirmation-modal__action-bar,.mute-modal__action-bar,.block-modal__action-bar{display:flex;justify-content:space-between;background:#d9e1e8;padding:10px;line-height:36px}.boost-modal__action-bar>div,.doodle-modal__action-bar>div,.favourite-modal__action-bar>div,.confirmation-modal__action-bar>div,.mute-modal__action-bar>div,.block-modal__action-bar>div{flex:1 1 auto;text-align:right;color:#3e5a7c;padding-right:10px}.boost-modal__action-bar .button,.doodle-modal__action-bar .button,.favourite-modal__action-bar .button,.confirmation-modal__action-bar .button,.mute-modal__action-bar .button,.block-modal__action-bar .button{flex:0 0 auto}.boost-modal__status-header,.favourite-modal__status-header{font-size:15px}.boost-modal__status-time,.favourite-modal__status-time{float:right;font-size:14px}.mute-modal,.block-modal{line-height:24px}.mute-modal .react-toggle,.block-modal .react-toggle{vertical-align:middle}.report-modal{width:90vw;max-width:700px}.report-modal__container{display:flex;border-top:1px solid #d9e1e8}@media screen and (max-width: 480px){.report-modal__container{flex-wrap:wrap;overflow-y:auto}}.report-modal__statuses,.report-modal__comment{box-sizing:border-box;width:50%}@media screen and (max-width: 480px){.report-modal__statuses,.report-modal__comment{width:100%}}.report-modal__statuses,.focal-point-modal__content{flex:1 1 auto;min-height:20vh;max-height:80vh;overflow-y:auto;overflow-x:hidden}.report-modal__statuses .status__content a,.focal-point-modal__content .status__content a{color:#d8a070}@media screen and (max-width: 480px){.report-modal__statuses,.focal-point-modal__content{max-height:10vh}}@media screen and (max-width: 480px){.focal-point-modal__content{max-height:40vh}}.report-modal__comment{padding:20px;border-right:1px solid #d9e1e8;max-width:320px}.report-modal__comment p{font-size:14px;line-height:20px;margin-bottom:20px}.report-modal__comment .setting-text{display:block;box-sizing:border-box;width:100%;margin:0;color:#121a24;background:#fff;padding:10px;font-family:inherit;font-size:14px;resize:none;border:0;outline:0;border-radius:4px;border:1px solid #d9e1e8;min-height:100px;max-height:50vh;margin-bottom:10px}.report-modal__comment .setting-text:focus{border:1px solid #c0cdd9}.report-modal__comment .setting-text__wrapper{background:#fff;border:1px solid #d9e1e8;margin-bottom:10px;border-radius:4px}.report-modal__comment .setting-text__wrapper .setting-text{border:0;margin-bottom:0;border-radius:0}.report-modal__comment .setting-text__wrapper .setting-text:focus{border:0}.report-modal__comment .setting-text__wrapper__modifiers{color:#121a24;font-family:inherit;font-size:14px;background:#fff}.report-modal__comment .setting-text__toolbar{display:flex;justify-content:space-between;margin-bottom:20px}.report-modal__comment .setting-text-label{display:block;color:#121a24;font-size:14px;font-weight:500;margin-bottom:10px}.report-modal__comment .setting-toggle{margin-top:20px;margin-bottom:24px}.report-modal__comment .setting-toggle__label{color:#121a24;font-size:14px}@media screen and (max-width: 480px){.report-modal__comment{padding:10px;max-width:100%;order:2}.report-modal__comment .setting-toggle{margin-bottom:4px}}.actions-modal{max-height:80vh;max-width:80vw}.actions-modal .status{overflow-y:auto;max-height:300px}.actions-modal strong{display:block;font-weight:500}.actions-modal .actions-modal__item-label{font-weight:500}.actions-modal ul{overflow-y:auto;flex-shrink:0;max-height:80vh}.actions-modal ul.with-status{max-height:calc(80vh - 75px)}.actions-modal ul li:empty{margin:0}.actions-modal ul li:not(:empty) a{color:#121a24;display:flex;padding:12px 16px;font-size:15px;align-items:center;text-decoration:none}.actions-modal ul li:not(:empty) a,.actions-modal ul li:not(:empty) a button{transition:none}.actions-modal ul li:not(:empty) a.active,.actions-modal ul li:not(:empty) a.active button,.actions-modal ul li:not(:empty) a:hover,.actions-modal ul li:not(:empty) a:hover button,.actions-modal ul li:not(:empty) a:active,.actions-modal ul li:not(:empty) a:active button,.actions-modal ul li:not(:empty) a:focus,.actions-modal ul li:not(:empty) a:focus button{background:#d8a070;color:#fff}.actions-modal ul li:not(:empty) a>.react-toggle,.actions-modal ul li:not(:empty) a>.icon,.actions-modal ul li:not(:empty) a button:first-child{margin-right:10px}.confirmation-modal__action-bar .confirmation-modal__secondary-button,.mute-modal__action-bar .confirmation-modal__secondary-button,.block-modal__action-bar .confirmation-modal__secondary-button{flex-shrink:1}.confirmation-modal__secondary-button,.confirmation-modal__cancel-button,.mute-modal__cancel-button,.block-modal__cancel-button{background-color:transparent;color:#3e5a7c;font-size:14px;font-weight:500}.confirmation-modal__secondary-button:hover,.confirmation-modal__secondary-button:focus,.confirmation-modal__secondary-button:active,.confirmation-modal__cancel-button:hover,.confirmation-modal__cancel-button:focus,.confirmation-modal__cancel-button:active,.mute-modal__cancel-button:hover,.mute-modal__cancel-button:focus,.mute-modal__cancel-button:active,.block-modal__cancel-button:hover,.block-modal__cancel-button:focus,.block-modal__cancel-button:active{color:#37506f;background-color:transparent}.confirmation-modal__do_not_ask_again{padding-left:20px;padding-right:20px;padding-bottom:10px;font-size:14px}.confirmation-modal__do_not_ask_again label,.confirmation-modal__do_not_ask_again input{vertical-align:middle}.confirmation-modal__container,.mute-modal__container,.block-modal__container,.report-modal__target{padding:30px;font-size:16px}.confirmation-modal__container strong,.mute-modal__container strong,.block-modal__container strong,.report-modal__target strong{font-weight:500}.confirmation-modal__container strong:lang(ja),.mute-modal__container strong:lang(ja),.block-modal__container strong:lang(ja),.report-modal__target strong:lang(ja){font-weight:700}.confirmation-modal__container strong:lang(ko),.mute-modal__container strong:lang(ko),.block-modal__container strong:lang(ko),.report-modal__target strong:lang(ko){font-weight:700}.confirmation-modal__container strong:lang(zh-CN),.mute-modal__container strong:lang(zh-CN),.block-modal__container strong:lang(zh-CN),.report-modal__target strong:lang(zh-CN){font-weight:700}.confirmation-modal__container strong:lang(zh-HK),.mute-modal__container strong:lang(zh-HK),.block-modal__container strong:lang(zh-HK),.report-modal__target strong:lang(zh-HK){font-weight:700}.confirmation-modal__container strong:lang(zh-TW),.mute-modal__container strong:lang(zh-TW),.block-modal__container strong:lang(zh-TW),.report-modal__target strong:lang(zh-TW){font-weight:700}.confirmation-modal__container,.report-modal__target{text-align:center}.block-modal__explanation,.mute-modal__explanation{margin-top:20px}.block-modal .setting-toggle,.mute-modal .setting-toggle{margin-top:20px;margin-bottom:24px;display:flex;align-items:center}.block-modal .setting-toggle__label,.mute-modal .setting-toggle__label{color:#121a24;margin:0;margin-left:8px}.report-modal__target{padding:15px}.report-modal__target .media-modal__close{top:14px;right:15px}.embed-modal{width:auto;max-width:80vw;max-height:80vh}.embed-modal h4{padding:30px;font-weight:500;font-size:16px;text-align:center}.embed-modal .embed-modal__container{padding:10px}.embed-modal .embed-modal__container .hint{margin-bottom:15px}.embed-modal .embed-modal__container .embed-modal__html{outline:0;box-sizing:border-box;display:block;width:100%;border:none;padding:10px;font-family:\"mastodon-font-monospace\",monospace;background:#121a24;color:#fff;font-size:14px;margin:0;margin-bottom:15px;border-radius:4px}.embed-modal .embed-modal__container .embed-modal__html::-moz-focus-inner{border:0}.embed-modal .embed-modal__container .embed-modal__html::-moz-focus-inner,.embed-modal .embed-modal__container .embed-modal__html:focus,.embed-modal .embed-modal__container .embed-modal__html:active{outline:0 !important}.embed-modal .embed-modal__container .embed-modal__html:focus{background:#192432}@media screen and (max-width: 600px){.embed-modal .embed-modal__container .embed-modal__html{font-size:16px}}.embed-modal .embed-modal__container .embed-modal__iframe{width:400px;max-width:100%;overflow:hidden;border:0;border-radius:4px}.focal-point{position:relative;cursor:move;overflow:hidden;height:100%;display:flex;justify-content:center;align-items:center;background:#000}.focal-point img,.focal-point video,.focal-point canvas{display:block;max-height:80vh;width:100%;height:auto;margin:0;object-fit:contain;background:#000}.focal-point__reticle{position:absolute;width:100px;height:100px;transform:translate(-50%, -50%);background:url(\"~images/reticle.png\") no-repeat 0 0;border-radius:50%;box-shadow:0 0 0 9999em rgba(0,0,0,.35)}.focal-point__overlay{position:absolute;width:100%;height:100%;top:0;left:0}.focal-point__preview{position:absolute;bottom:10px;right:10px;z-index:2;cursor:move;transition:opacity .1s ease}.focal-point__preview:hover{opacity:.5}.focal-point__preview strong{color:#fff;font-size:14px;font-weight:500;display:block;margin-bottom:5px}.focal-point__preview div{border-radius:4px;box-shadow:0 0 14px rgba(0,0,0,.2)}@media screen and (max-width: 480px){.focal-point img,.focal-point video{max-height:100%}.focal-point__preview{display:none}}.filtered-status-info{text-align:start}.filtered-status-info .spoiler__text{margin-top:20px}.filtered-status-info .account{border-bottom:0}.filtered-status-info .account__display-name strong{color:#121a24}.filtered-status-info .status__content__spoiler{display:none}.filtered-status-info .status__content__spoiler--visible{display:flex}.filtered-status-info ul{padding:10px;margin-left:12px;list-style:disc inside}.filtered-status-info .filtered-status-edit-link{color:#3e5a7c;text-decoration:none}.filtered-status-info .filtered-status-edit-link:hover{text-decoration:underline}.composer{padding:10px}.composer .emoji-picker-dropdown{position:absolute;top:0;right:0}.composer .emoji-picker-dropdown ::-webkit-scrollbar-track:hover,.composer .emoji-picker-dropdown ::-webkit-scrollbar-track:active{background-color:rgba(0,0,0,.3)}.character-counter{cursor:default;font-family:sans-serif,sans-serif;font-size:14px;font-weight:600;color:#3e5a7c}.character-counter.character-counter--over{color:#ff5050}.no-reduce-motion .composer--spoiler{transition:height .4s ease,opacity .4s ease}.composer--spoiler{height:0;transform-origin:bottom;opacity:0}.composer--spoiler.composer--spoiler--visible{height:36px;margin-bottom:11px;opacity:1}.composer--spoiler input{display:block;box-sizing:border-box;margin:0;border:none;border-radius:4px;padding:10px;width:100%;outline:0;color:#121a24;background:#fff;font-size:14px;font-family:inherit;resize:vertical}.composer--spoiler input::placeholder{color:#3e5a7c}.composer--spoiler input:focus{outline:0}@media screen and (max-width: 630px){.auto-columns .composer--spoiler input{font-size:16px}}.single-column .composer--spoiler input{font-size:16px}.composer--warning{color:#121a24;margin-bottom:15px;background:#9baec8;box-shadow:0 2px 6px rgba(0,0,0,.3);padding:8px 10px;border-radius:4px;font-size:13px;font-weight:400}.composer--warning a{color:#3e5a7c;font-weight:500;text-decoration:underline}.composer--warning a:active,.composer--warning a:focus,.composer--warning a:hover{text-decoration:none}.compose-form__sensitive-button{padding:10px;padding-top:0;font-size:14px;font-weight:500}.compose-form__sensitive-button.active{color:#d8a070}.compose-form__sensitive-button input[type=checkbox]{display:none}.compose-form__sensitive-button .checkbox{display:inline-block;position:relative;border:1px solid #9baec8;box-sizing:border-box;width:18px;height:18px;flex:0 0 auto;margin-left:5px;margin-right:10px;top:-1px;border-radius:4px;vertical-align:middle}.compose-form__sensitive-button .checkbox.active{border-color:#d8a070;background:#d8a070}.composer--reply{margin:0 0 10px;border-radius:4px;padding:10px;background:#9baec8;min-height:23px;overflow-y:auto;flex:0 2 auto}.composer--reply>header{margin-bottom:5px;overflow:hidden}.composer--reply>header>.account.small{color:#121a24}.composer--reply>header>.cancel{float:right;line-height:24px}.composer--reply>.content{position:relative;margin:10px 0;padding:0 12px;font-size:14px;line-height:20px;color:#121a24;word-wrap:break-word;font-weight:400;overflow:visible;white-space:pre-wrap;padding-top:5px;overflow:hidden}.composer--reply>.content p,.composer--reply>.content pre,.composer--reply>.content blockquote{margin-bottom:20px;white-space:pre-wrap}.composer--reply>.content p:last-child,.composer--reply>.content pre:last-child,.composer--reply>.content blockquote:last-child{margin-bottom:0}.composer--reply>.content h1,.composer--reply>.content h2,.composer--reply>.content h3,.composer--reply>.content h4,.composer--reply>.content h5{margin-top:20px;margin-bottom:20px}.composer--reply>.content h1,.composer--reply>.content h2{font-weight:700;font-size:18px}.composer--reply>.content h2{font-size:16px}.composer--reply>.content h3,.composer--reply>.content h4,.composer--reply>.content h5{font-weight:500}.composer--reply>.content blockquote{padding-left:10px;border-left:3px solid #121a24;color:#121a24;white-space:normal}.composer--reply>.content blockquote p:last-child{margin-bottom:0}.composer--reply>.content b,.composer--reply>.content strong{font-weight:700}.composer--reply>.content em,.composer--reply>.content i{font-style:italic}.composer--reply>.content sub{font-size:smaller;text-align:sub}.composer--reply>.content ul,.composer--reply>.content ol{margin-left:1em}.composer--reply>.content ul p,.composer--reply>.content ol p{margin:0}.composer--reply>.content ul{list-style-type:disc}.composer--reply>.content ol{list-style-type:decimal}.composer--reply>.content a{color:#3e5a7c;text-decoration:none}.composer--reply>.content a:hover{text-decoration:underline}.composer--reply>.content a.mention:hover{text-decoration:none}.composer--reply>.content a.mention:hover span{text-decoration:underline}.composer--reply .emojione{width:20px;height:20px;margin:-5px 0 0}.compose-form__autosuggest-wrapper,.autosuggest-input{position:relative;width:100%}.compose-form__autosuggest-wrapper label .autosuggest-textarea__textarea,.autosuggest-input label .autosuggest-textarea__textarea{display:block;box-sizing:border-box;margin:0;border:none;border-radius:4px 4px 0 0;padding:10px 32px 0 10px;width:100%;min-height:100px;outline:0;color:#121a24;background:#fff;font-size:14px;font-family:inherit;resize:none;scrollbar-color:initial}.compose-form__autosuggest-wrapper label .autosuggest-textarea__textarea::placeholder,.autosuggest-input label .autosuggest-textarea__textarea::placeholder{color:#3e5a7c}.compose-form__autosuggest-wrapper label .autosuggest-textarea__textarea::-webkit-scrollbar,.autosuggest-input label .autosuggest-textarea__textarea::-webkit-scrollbar{all:unset}.compose-form__autosuggest-wrapper label .autosuggest-textarea__textarea:disabled,.autosuggest-input label .autosuggest-textarea__textarea:disabled{background:#d9e1e8}.compose-form__autosuggest-wrapper label .autosuggest-textarea__textarea:focus,.autosuggest-input label .autosuggest-textarea__textarea:focus{outline:0}@media screen and (max-width: 630px){.auto-columns .compose-form__autosuggest-wrapper label .autosuggest-textarea__textarea,.auto-columns .autosuggest-input label .autosuggest-textarea__textarea{font-size:16px}}.single-column .compose-form__autosuggest-wrapper label .autosuggest-textarea__textarea,.single-column .autosuggest-input label .autosuggest-textarea__textarea{font-size:16px}@media screen and (max-width: 600px){.auto-columns .compose-form__autosuggest-wrapper label .autosuggest-textarea__textarea,.single-column .compose-form__autosuggest-wrapper label .autosuggest-textarea__textarea,.auto-columns .autosuggest-input label .autosuggest-textarea__textarea,.single-column .autosuggest-input label .autosuggest-textarea__textarea{height:100px !important;resize:vertical}}.composer--textarea--icons{display:block;position:absolute;top:29px;right:5px;bottom:5px;overflow:hidden}.composer--textarea--icons>.textarea_icon{display:block;margin:2px 0 0 2px;width:24px;height:24px;color:#3e5a7c;font-size:18px;line-height:24px;text-align:center;opacity:.8}.autosuggest-textarea__suggestions-wrapper{position:relative;height:0}.autosuggest-textarea__suggestions{display:block;position:absolute;box-sizing:border-box;top:100%;border-radius:0 0 4px 4px;padding:6px;width:100%;color:#121a24;background:#d9e1e8;box-shadow:4px 4px 6px rgba(0,0,0,.4);font-size:14px;z-index:99;display:none}.autosuggest-textarea__suggestions--visible{display:block}.autosuggest-textarea__suggestions__item{padding:10px;cursor:pointer;border-radius:4px}.autosuggest-textarea__suggestions__item:hover,.autosuggest-textarea__suggestions__item:focus,.autosuggest-textarea__suggestions__item:active,.autosuggest-textarea__suggestions__item.selected{background:#b9c8d5}.autosuggest-textarea__suggestions__item>.account,.autosuggest-textarea__suggestions__item>.emoji,.autosuggest-textarea__suggestions__item>.autosuggest-hashtag{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;line-height:18px;font-size:14px}.autosuggest-textarea__suggestions__item .autosuggest-hashtag{justify-content:space-between}.autosuggest-textarea__suggestions__item .autosuggest-hashtag__name{flex:1 1 auto;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.autosuggest-textarea__suggestions__item .autosuggest-hashtag strong{font-weight:500}.autosuggest-textarea__suggestions__item .autosuggest-hashtag__uses{flex:0 0 auto;text-align:right;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.autosuggest-textarea__suggestions__item>.account.small .display-name>span{color:#3e5a7c}.composer--upload_form{overflow:hidden}.composer--upload_form>.content{display:flex;flex-direction:row;flex-wrap:wrap;font-family:inherit;padding:5px;overflow:hidden}.composer--upload_form--item{flex:1 1 0;margin:5px;min-width:40%}.composer--upload_form--item>div{position:relative;border-radius:4px;height:140px;width:100%;background-color:#000;background-position:center;background-size:cover;background-repeat:no-repeat;overflow:hidden}.composer--upload_form--item>div textarea{display:block;position:absolute;box-sizing:border-box;bottom:0;left:0;margin:0;border:0;padding:10px;width:100%;color:#d9e1e8;background:linear-gradient(0deg, rgba(0, 0, 0, 0.8) 0, rgba(0, 0, 0, 0.35) 80%, transparent);font-size:14px;font-family:inherit;font-weight:500;opacity:0;z-index:2;transition:opacity .1s ease}.composer--upload_form--item>div textarea:focus{color:#fff}.composer--upload_form--item>div textarea::placeholder{opacity:.54;color:#d9e1e8}.composer--upload_form--item>div>.close{mix-blend-mode:difference}.composer--upload_form--item.active>div textarea{opacity:1}.composer--upload_form--actions{background:linear-gradient(180deg, rgba(0, 0, 0, 0.8) 0, rgba(0, 0, 0, 0.35) 80%, transparent);display:flex;align-items:flex-start;justify-content:space-between;opacity:0;transition:opacity .1s ease}.composer--upload_form--actions .icon-button{flex:0 1 auto;color:#d9e1e8;font-size:14px;font-weight:500;padding:10px;font-family:inherit}.composer--upload_form--actions .icon-button:hover,.composer--upload_form--actions .icon-button:focus,.composer--upload_form--actions .icon-button:active{color:#e6ebf0}.composer--upload_form--actions.active{opacity:1}.composer--upload_form--progress{display:flex;padding:10px;color:#9baec8;overflow:hidden}.composer--upload_form--progress>.fa{font-size:34px;margin-right:10px}.composer--upload_form--progress>.message{flex:1 1 auto}.composer--upload_form--progress>.message>span{display:block;font-size:12px;font-weight:500;text-transform:uppercase}.composer--upload_form--progress>.message>.backdrop{position:relative;margin-top:5px;border-radius:6px;width:100%;height:6px;background:#3e5a7c}.composer--upload_form--progress>.message>.backdrop>.tracker{position:absolute;top:0;left:0;height:6px;border-radius:6px;background:#d8a070}.compose-form__modifiers{color:#121a24;font-family:inherit;font-size:14px;background:#fff}.composer--options-wrapper{padding:10px;background:#ebebeb;border-radius:0 0 4px 4px;height:27px;display:flex;justify-content:space-between;flex:0 0 auto}.composer--options{display:flex;flex:0 0 auto}.composer--options>*{display:inline-block;box-sizing:content-box;padding:0 3px;height:27px;line-height:27px;vertical-align:bottom}.composer--options>hr{display:inline-block;margin:0 3px;border-width:0 0 0 1px;border-style:none none none solid;border-color:transparent transparent transparent #c2c2c2;padding:0;width:0;height:27px;background:transparent}.compose--counter-wrapper{align-self:center;margin-right:4px}.composer--options--dropdown.open>.value{border-radius:4px 4px 0 0;box-shadow:0 -4px 4px rgba(0,0,0,.1);color:#fff;background:#d8a070;transition:none}.composer--options--dropdown.open.top>.value{border-radius:0 0 4px 4px;box-shadow:0 4px 4px rgba(0,0,0,.1)}.composer--options--dropdown--content{position:absolute;border-radius:4px;box-shadow:2px 4px 15px rgba(0,0,0,.4);background:#fff;overflow:hidden;transform-origin:50% 0}.composer--options--dropdown--content--item{display:flex;align-items:center;padding:10px;color:#121a24;cursor:pointer}.composer--options--dropdown--content--item>.content{flex:1 1 auto;color:#3e5a7c}.composer--options--dropdown--content--item>.content:not(:first-child){margin-left:10px}.composer--options--dropdown--content--item>.content strong{display:block;color:#121a24;font-weight:500}.composer--options--dropdown--content--item:hover,.composer--options--dropdown--content--item.active{background:#d8a070;color:#fff}.composer--options--dropdown--content--item:hover>.content,.composer--options--dropdown--content--item.active>.content{color:#fff}.composer--options--dropdown--content--item:hover>.content strong,.composer--options--dropdown--content--item.active>.content strong{color:#fff}.composer--options--dropdown--content--item.active:hover{background:#dcab80}.composer--publisher{padding-top:10px;text-align:right;white-space:nowrap;overflow:hidden;justify-content:flex-end;flex:0 0 auto}.composer--publisher>.primary{display:inline-block;margin:0;padding:0 10px;text-align:center}.composer--publisher>.side_arm{display:inline-block;margin:0 2px;padding:0;width:36px;text-align:center}.composer--publisher.over>.count{color:#ff5050}.column__wrapper{display:flex;flex:1 1 auto;position:relative}.columns-area{display:flex;flex:1 1 auto;flex-direction:row;justify-content:flex-start;overflow-x:auto;position:relative}.columns-area__panels{display:flex;justify-content:center;width:100%;height:100%;min-height:100vh}.columns-area__panels__pane{height:100%;overflow:hidden;pointer-events:none;display:flex;justify-content:flex-end;min-width:285px}.columns-area__panels__pane--start{justify-content:flex-start}.columns-area__panels__pane__inner{position:fixed;width:285px;pointer-events:auto;height:100%}.columns-area__panels__main{box-sizing:border-box;width:100%;max-width:600px;flex:0 0 auto;display:flex;flex-direction:column}@media screen and (min-width: 415px){.columns-area__panels__main{padding:0 10px}}.tabs-bar__wrapper{background:#040609;position:sticky;top:0;z-index:2;padding-top:0}@media screen and (min-width: 415px){.tabs-bar__wrapper{padding-top:10px}}.tabs-bar__wrapper .tabs-bar{margin-bottom:0}@media screen and (min-width: 415px){.tabs-bar__wrapper .tabs-bar{margin-bottom:10px}}.react-swipeable-view-container,.react-swipeable-view-container .columns-area,.react-swipeable-view-container .column{height:100%}.react-swipeable-view-container>*{display:flex;align-items:center;justify-content:center;height:100%}.column{width:330px;position:relative;box-sizing:border-box;display:flex;flex-direction:column}.column>.scrollable{background:#121a24}.ui{flex:0 0 auto;display:flex;flex-direction:column;width:100%;height:100%}.column{overflow:hidden}.column-back-button{box-sizing:border-box;width:100%;background:#192432;color:#d8a070;cursor:pointer;flex:0 0 auto;font-size:16px;border:0;text-align:unset;padding:15px;margin:0;z-index:3}.column-back-button:hover{text-decoration:underline}.column-header__back-button{background:#192432;border:0;font-family:inherit;color:#d8a070;cursor:pointer;flex:0 0 auto;font-size:16px;padding:0 5px 0 0;z-index:3}.column-header__back-button:hover{text-decoration:underline}.column-header__back-button:last-child{padding:0 15px 0 0}.column-back-button__icon{display:inline-block;margin-right:5px}.column-back-button--slim{position:relative}.column-back-button--slim-button{cursor:pointer;flex:0 0 auto;font-size:16px;padding:15px;position:absolute;right:0;top:-48px}.column-link{background:#202e3f;color:#fff;display:block;font-size:16px;padding:15px;text-decoration:none}.column-link:hover,.column-link:focus,.column-link:active{background:#253549}.column-link:focus{outline:0}.column-link--transparent{background:transparent;color:#d9e1e8}.column-link--transparent:hover,.column-link--transparent:focus,.column-link--transparent:active{background:transparent;color:#fff}.column-link--transparent.active{color:#d8a070}.column-link__icon{display:inline-block;margin-right:5px}.column-subheading{background:#121a24;color:#3e5a7c;padding:8px 20px;font-size:12px;font-weight:500;text-transform:uppercase;cursor:default}.column-header__wrapper{position:relative;flex:0 0 auto;z-index:1}.column-header__wrapper.active{box-shadow:0 1px 0 rgba(216,160,112,.3)}.column-header__wrapper.active::before{display:block;content:\"\";position:absolute;bottom:-13px;left:0;right:0;margin:0 auto;width:60%;pointer-events:none;height:28px;z-index:1;background:radial-gradient(ellipse, rgba(216, 160, 112, 0.23) 0%, rgba(216, 160, 112, 0) 60%)}.column-header__wrapper .announcements{z-index:1;position:relative}.column-header{display:flex;font-size:16px;background:#192432;flex:0 0 auto;cursor:pointer;position:relative;z-index:2;outline:0;overflow:hidden}.column-header>button{margin:0;border:none;padding:15px;color:inherit;background:transparent;font:inherit;text-align:left;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;flex:1}.column-header>.column-header__back-button{color:#d8a070}.column-header.active .column-header__icon{color:#d8a070;text-shadow:0 0 10px rgba(216,160,112,.4)}.column-header:focus,.column-header:active{outline:0}.column{width:330px;position:relative;box-sizing:border-box;display:flex;flex-direction:column;overflow:hidden}.wide .columns-area:not(.columns-area--mobile) .column{flex:auto;min-width:330px;max-width:400px}.column>.scrollable{background:#121a24}.column-header__buttons{height:48px;display:flex;margin-left:0}.column-header__links{margin-bottom:14px}.column-header__links .text-btn{margin-right:10px}.column-header__button,.column-header__notif-cleaning-buttons button{background:#192432;border:0;color:#9baec8;cursor:pointer;font-size:16px;padding:0 15px}.column-header__button:hover,.column-header__notif-cleaning-buttons button:hover{color:#b2c1d5}.column-header__button.active,.column-header__notif-cleaning-buttons button.active{color:#fff;background:#202e3f}.column-header__button.active:hover,.column-header__notif-cleaning-buttons button.active:hover{color:#fff;background:#202e3f}.column-header__button:focus,.column-header__notif-cleaning-buttons button:focus{text-shadow:0 0 4px #d3935c}.column-header__notif-cleaning-buttons{display:flex;align-items:stretch;justify-content:space-around}.column-header__notif-cleaning-buttons button{background:transparent;text-align:center;padding:10px 0;white-space:pre-wrap}.column-header__notif-cleaning-buttons b{font-weight:bold}.column-header__collapsible-inner.nopad-drawer{padding:0}.column-header__collapsible{max-height:70vh;overflow:hidden;overflow-y:auto;color:#9baec8;transition:max-height 150ms ease-in-out,opacity 300ms linear;opacity:1;z-index:1;position:relative}.column-header__collapsible.collapsed{max-height:0;opacity:.5}.column-header__collapsible.animating{overflow-y:hidden}.column-header__collapsible hr{height:0;background:transparent;border:0;border-top:1px solid #26374d;margin:10px 0}.column-header__collapsible.ncd{transition:none}.column-header__collapsible.ncd.collapsed{max-height:0;opacity:.7}.column-header__collapsible-inner{background:#202e3f;padding:15px}.column-header__setting-btn:hover{color:#9baec8;text-decoration:underline}.column-header__setting-arrows{float:right}.column-header__setting-arrows .column-header__setting-btn{padding:0 10px}.column-header__setting-arrows .column-header__setting-btn:last-child{padding-right:0}.column-header__title{display:inline-block;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;flex:1}.column-header__icon{display:inline-block;margin-right:5px}.empty-column-indicator,.error-column,.follow_requests-unlocked_explanation{color:#3e5a7c;background:#121a24;text-align:center;padding:20px;font-size:15px;font-weight:400;cursor:default;display:flex;flex:1 1 auto;align-items:center;justify-content:center}@supports(display: grid){.empty-column-indicator,.error-column,.follow_requests-unlocked_explanation{contain:strict}}.empty-column-indicator>span,.error-column>span,.follow_requests-unlocked_explanation>span{max-width:400px}.empty-column-indicator a,.error-column a,.follow_requests-unlocked_explanation a{color:#d8a070;text-decoration:none}.empty-column-indicator a:hover,.error-column a:hover,.follow_requests-unlocked_explanation a:hover{text-decoration:underline}.follow_requests-unlocked_explanation{background:#0b1016;contain:initial}.error-column{flex-direction:column}.single-column.navbar-under .tabs-bar{margin-top:0 !important;margin-bottom:-6px !important}@media screen and (max-width: 415px){.auto-columns.navbar-under .tabs-bar{margin-top:0 !important;margin-bottom:-6px !important}}@media screen and (max-width: 415px){.auto-columns.navbar-under .react-swipeable-view-container .columns-area,.single-column.navbar-under .react-swipeable-view-container .columns-area{height:100% !important}}.column-inline-form{padding:7px 15px;padding-right:5px;display:flex;justify-content:flex-start;align-items:center;background:#192432}.column-inline-form label{flex:1 1 auto}.column-inline-form label input{width:100%;margin-bottom:6px}.column-inline-form label input:focus{outline:0}.column-inline-form .icon-button{flex:0 0 auto;margin:0 5px}.regeneration-indicator{text-align:center;font-size:16px;font-weight:500;color:#3e5a7c;background:#121a24;cursor:default;display:flex;flex:1 1 auto;flex-direction:column;align-items:center;justify-content:center;padding:20px}.regeneration-indicator__figure,.regeneration-indicator__figure img{display:block;width:auto;height:160px;margin:0}.regeneration-indicator--without-header{padding-top:68px}.regeneration-indicator__label{margin-top:30px}.regeneration-indicator__label strong{display:block;margin-bottom:10px;color:#3e5a7c}.regeneration-indicator__label span{font-size:15px;font-weight:400}.directory__list{width:100%;margin:10px 0;transition:opacity 100ms ease-in}.directory__list.loading{opacity:.7}@media screen and (max-width: 415px){.directory__list{margin:0}}.directory__card{box-sizing:border-box;margin-bottom:10px}.directory__card__img{height:125px;position:relative;background:#000;overflow:hidden}.directory__card__img img{display:block;width:100%;height:100%;margin:0;object-fit:cover}.directory__card__bar{display:flex;align-items:center;background:#192432;padding:10px}.directory__card__bar__name{flex:1 1 auto;display:flex;align-items:center;text-decoration:none;overflow:hidden}.directory__card__bar__relationship{width:23px;min-height:1px;flex:0 0 auto}.directory__card__bar .avatar{flex:0 0 auto;width:48px;height:48px;padding-top:2px}.directory__card__bar .avatar img{width:100%;height:100%;display:block;margin:0;border-radius:4px;background:#040609;object-fit:cover}.directory__card__bar .display-name{margin-left:15px;text-align:left}.directory__card__bar .display-name strong{font-size:15px;color:#fff;font-weight:500;overflow:hidden;text-overflow:ellipsis}.directory__card__bar .display-name span{display:block;font-size:14px;color:#9baec8;font-weight:400;overflow:hidden;text-overflow:ellipsis}.directory__card__extra{background:#121a24;display:flex;align-items:center;justify-content:center}.directory__card__extra .accounts-table__count{width:33.33%;flex:0 0 auto;padding:15px 0}.directory__card__extra .account__header__content{box-sizing:border-box;padding:15px 10px;border-bottom:1px solid #202e3f;width:100%;min-height:48px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.directory__card__extra .account__header__content p{display:none}.directory__card__extra .account__header__content p:first-child{display:inline}.directory__card__extra .account__header__content br{display:none}.filter-form{background:#121a24}.filter-form__column{padding:10px 15px}.filter-form .radio-button{display:block}.radio-button{font-size:14px;position:relative;display:inline-block;padding:6px 0;line-height:18px;cursor:default;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;cursor:pointer}.radio-button input[type=radio],.radio-button input[type=checkbox]{display:none}.radio-button__input{display:inline-block;position:relative;border:1px solid #9baec8;box-sizing:border-box;width:18px;height:18px;flex:0 0 auto;margin-right:10px;top:-1px;border-radius:50%;vertical-align:middle}.radio-button__input.checked{border-color:#e1b590;background:#e1b590}.search{position:relative}.search__input{outline:0;box-sizing:border-box;width:100%;border:none;box-shadow:none;font-family:inherit;background:#121a24;color:#9baec8;font-size:14px;margin:0;display:block;padding:15px;padding-right:30px;line-height:18px;font-size:16px}.search__input::placeholder{color:#a8b9cf}.search__input::-moz-focus-inner{border:0}.search__input::-moz-focus-inner,.search__input:focus,.search__input:active{outline:0 !important}.search__input:focus{background:#192432}@media screen and (max-width: 600px){.search__input{font-size:16px}}.search__icon::-moz-focus-inner{border:0}.search__icon::-moz-focus-inner,.search__icon:focus{outline:0 !important}.search__icon .fa{position:absolute;top:16px;right:10px;z-index:2;display:inline-block;opacity:0;transition:all 100ms linear;transition-property:color,transform,opacity;font-size:18px;width:18px;height:18px;color:#d9e1e8;cursor:default;pointer-events:none}.search__icon .fa.active{pointer-events:auto;opacity:.3}.search__icon .fa-search{transform:rotate(0deg)}.search__icon .fa-search.active{pointer-events:auto;opacity:.3}.search__icon .fa-times-circle{top:17px;transform:rotate(0deg);color:#3e5a7c;cursor:pointer}.search__icon .fa-times-circle.active{transform:rotate(90deg)}.search__icon .fa-times-circle:hover{color:#4a6b94}.search-results__header{color:#3e5a7c;background:#151f2b;border-bottom:1px solid #0b1016;padding:15px 10px;font-size:14px;font-weight:500}.search-results__info{padding:20px;color:#9baec8;text-align:center}.trends__header{color:#3e5a7c;background:#151f2b;border-bottom:1px solid #0b1016;font-weight:500;padding:15px;font-size:16px;cursor:default}.trends__header .fa{display:inline-block;margin-right:5px}.trends__item{display:flex;align-items:center;padding:15px;border-bottom:1px solid #202e3f}.trends__item:last-child{border-bottom:0}.trends__item__name{flex:1 1 auto;color:#3e5a7c;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.trends__item__name strong{font-weight:500}.trends__item__name a{color:#9baec8;text-decoration:none;font-size:14px;font-weight:500;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.trends__item__name a:hover span,.trends__item__name a:focus span,.trends__item__name a:active span{text-decoration:underline}.trends__item__current{flex:0 0 auto;font-size:24px;line-height:36px;font-weight:500;text-align:right;padding-right:15px;margin-left:5px;color:#d9e1e8}.trends__item__sparkline{flex:0 0 auto;width:50px}.trends__item__sparkline path:first-child{fill:rgba(216,160,112,.25) !important;fill-opacity:1 !important}.trends__item__sparkline path:last-child{stroke:#dfb088 !important}.emojione{font-size:inherit;vertical-align:middle;object-fit:contain;margin:-0.2ex .15em .2ex;width:16px;height:16px}.emojione img{width:auto}.emoji-picker-dropdown__menu{background:#fff;position:absolute;box-shadow:4px 4px 6px rgba(0,0,0,.4);border-radius:4px;margin-top:5px;z-index:2}.emoji-picker-dropdown__menu .emoji-mart-scroll{transition:opacity 200ms ease}.emoji-picker-dropdown__menu.selecting .emoji-mart-scroll{opacity:.5}.emoji-picker-dropdown__modifiers{position:absolute;top:60px;right:11px;cursor:pointer}.emoji-picker-dropdown__modifiers__menu{position:absolute;z-index:4;top:-4px;left:-8px;background:#fff;border-radius:4px;box-shadow:1px 2px 6px rgba(0,0,0,.2);overflow:hidden}.emoji-picker-dropdown__modifiers__menu button{display:block;cursor:pointer;border:0;padding:4px 8px;background:transparent}.emoji-picker-dropdown__modifiers__menu button:hover,.emoji-picker-dropdown__modifiers__menu button:focus,.emoji-picker-dropdown__modifiers__menu button:active{background:rgba(217,225,232,.4)}.emoji-picker-dropdown__modifiers__menu .emoji-mart-emoji{height:22px}.emoji-mart-emoji span{background-repeat:no-repeat}.emoji-button{display:block;padding:5px 5px 2px 2px;outline:0;cursor:pointer}.emoji-button:active,.emoji-button:focus{outline:0 !important}.emoji-button img{filter:grayscale(100%);opacity:.8;display:block;margin:0;width:22px;height:22px}.emoji-button:hover img,.emoji-button:active img,.emoji-button:focus img{opacity:1;filter:none}.doodle-modal{width:unset}.doodle-modal__container{background:#d9e1e8;text-align:center;line-height:0}.doodle-modal__container canvas{border:5px solid #d9e1e8}.doodle-modal__action-bar .filler{flex-grow:1;margin:0;padding:0}.doodle-modal__action-bar .doodle-toolbar{line-height:1;display:flex;flex-direction:column;flex-grow:0;justify-content:space-around}.doodle-modal__action-bar .doodle-toolbar.with-inputs label{display:inline-block;width:70px;text-align:right;margin-right:2px}.doodle-modal__action-bar .doodle-toolbar.with-inputs input[type=number],.doodle-modal__action-bar .doodle-toolbar.with-inputs input[type=text]{width:40px}.doodle-modal__action-bar .doodle-toolbar.with-inputs span.val{display:inline-block;text-align:left;width:50px}.doodle-modal__action-bar .doodle-palette{padding-right:0 !important;border:1px solid #000;line-height:.2rem;flex-grow:0;background:#fff}.doodle-modal__action-bar .doodle-palette button{appearance:none;width:1rem;height:1rem;margin:0;padding:0;text-align:center;color:#000;text-shadow:0 0 1px #fff;cursor:pointer;box-shadow:inset 0 0 1px rgba(255,255,255,.5);border:1px solid #000;outline-offset:-1px}.doodle-modal__action-bar .doodle-palette button.foreground{outline:1px dashed #fff}.doodle-modal__action-bar .doodle-palette button.background{outline:1px dashed red}.doodle-modal__action-bar .doodle-palette button.foreground.background{outline:1px dashed red;border-color:#fff}.drawer{width:300px;box-sizing:border-box;display:flex;flex-direction:column;overflow-y:hidden;padding:10px 5px;flex:none}.drawer:first-child{padding-left:10px}.drawer:last-child{padding-right:10px}@media screen and (max-width: 630px){.auto-columns .drawer{flex:auto}}.single-column .drawer{flex:auto}@media screen and (max-width: 630px){.auto-columns .drawer,.auto-columns .drawer:first-child,.auto-columns .drawer:last-child,.single-column .drawer,.single-column .drawer:first-child,.single-column .drawer:last-child{padding:0}}.wide .drawer{min-width:300px;max-width:400px;flex:1 1 200px}@media screen and (max-width: 630px){:root .auto-columns .drawer{flex:auto;width:100%;min-width:0;max-width:none;padding:0}}:root .single-column .drawer{flex:auto;width:100%;min-width:0;max-width:none;padding:0}.react-swipeable-view-container .drawer{height:100%}.drawer--header{display:flex;flex-direction:row;margin-bottom:10px;flex:none;background:#202e3f;font-size:16px}.drawer--header>*{display:block;box-sizing:border-box;border-bottom:2px solid transparent;padding:15px 5px 13px;height:48px;flex:1 1 auto;color:#9baec8;text-align:center;text-decoration:none;cursor:pointer}.drawer--header a{transition:background 100ms ease-in}.drawer--header a:focus,.drawer--header a:hover{outline:none;background:#17212e;transition:background 200ms ease-out}.search{position:relative;margin-bottom:10px;flex:none}@media screen and (max-width: 415px){.auto-columns .search,.single-column .search{margin-bottom:0}}@media screen and (max-width: 630px){.auto-columns .search{font-size:16px}}.single-column .search{font-size:16px}.search-popout{background:#fff;border-radius:4px;padding:10px 14px;padding-bottom:14px;margin-top:10px;color:#9baec8;box-shadow:2px 4px 15px rgba(0,0,0,.4)}.search-popout h4{text-transform:uppercase;color:#9baec8;font-size:13px;font-weight:500;margin-bottom:10px}.search-popout li{padding:4px 0}.search-popout ul{margin-bottom:10px}.search-popout em{font-weight:500;color:#121a24}.drawer--account{padding:10px;color:#9baec8;display:flex;align-items:center}.drawer--account a{color:inherit;text-decoration:none}.drawer--account .acct{display:block;color:#d9e1e8;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.navigation-bar__profile{flex:1 1 auto;margin-left:8px;overflow:hidden}.drawer--results{background:#121a24;overflow-x:hidden;overflow-y:auto}.drawer--results>header{color:#3e5a7c;background:#151f2b;padding:15px;font-weight:500;font-size:16px;cursor:default}.drawer--results>header .fa{display:inline-block;margin-right:5px}.drawer--results>section{margin-bottom:5px}.drawer--results>section h5{background:#0b1016;border-bottom:1px solid #202e3f;cursor:default;display:flex;padding:15px;font-weight:500;font-size:16px;color:#3e5a7c}.drawer--results>section h5 .fa{display:inline-block;margin-right:5px}.drawer--results>section .account:last-child,.drawer--results>section>div:last-child .status{border-bottom:0}.drawer--results>section>.hashtag{display:block;padding:10px;color:#d9e1e8;text-decoration:none}.drawer--results>section>.hashtag:hover,.drawer--results>section>.hashtag:active,.drawer--results>section>.hashtag:focus{color:#e6ebf0;text-decoration:underline}.drawer__pager{box-sizing:border-box;padding:0;flex-grow:1;position:relative;overflow:hidden;display:flex}.drawer__inner{position:absolute;top:0;left:0;background:#283a50;box-sizing:border-box;padding:0;display:flex;flex-direction:column;overflow:hidden;overflow-y:auto;width:100%;height:100%}.drawer__inner.darker{background:#121a24}.drawer__inner__mastodon{background:#283a50 url('data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 234.80078 31.757813\" width=\"234.80078\" height=\"31.757812\"><path d=\"M19.599609 0c-1.05 0-2.10039.375-2.90039 1.125L0 16.925781v14.832031h234.80078V17.025391l-16.5-15.900391c-1.6-1.5-4.20078-1.5-5.80078 0l-13.80078 13.099609c-1.6 1.5-4.19883 1.5-5.79883 0L179.09961 1.125c-1.6-1.5-4.19883-1.5-5.79883 0L159.5 14.224609c-1.6 1.5-4.20078 1.5-5.80078 0L139.90039 1.125c-1.6-1.5-4.20078-1.5-5.80078 0l-13.79883 13.099609c-1.6 1.5-4.20078 1.5-5.80078 0L100.69922 1.125c-1.600001-1.5-4.198829-1.5-5.798829 0l-13.59961 13.099609c-1.6 1.5-4.200781 1.5-5.800781 0L61.699219 1.125c-1.6-1.5-4.198828-1.5-5.798828 0L42.099609 14.224609c-1.6 1.5-4.198828 1.5-5.798828 0L22.5 1.125C21.7.375 20.649609 0 19.599609 0z\" fill=\"%23121A24\"/></svg>') no-repeat bottom/100% auto;flex:1;min-height:47px;display:none}.drawer__inner__mastodon>img{display:block;object-fit:contain;object-position:bottom left;width:85%;height:100%;pointer-events:none;user-drag:none;user-select:none}.drawer__inner__mastodon>.mastodon{display:block;width:100%;height:100%;border:none;cursor:inherit}@media screen and (min-height: 640px){.drawer__inner__mastodon{display:block}}.pseudo-drawer{background:#283a50;font-size:13px;text-align:left}.drawer__backdrop{cursor:pointer;position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.5)}.video-error-cover{align-items:center;background:#000;color:#fff;cursor:pointer;display:flex;flex-direction:column;height:100%;justify-content:center;margin-top:8px;position:relative;text-align:center;z-index:100}.media-spoiler{background:#000;color:#9baec8;border:0;width:100%;height:100%}.media-spoiler:hover,.media-spoiler:active,.media-spoiler:focus{color:#b5c3d6}.status__content>.media-spoiler{margin-top:15px}.media-spoiler.full-width{margin-left:-14px;margin-right:-14px;width:inherit;max-width:none;height:250px;border-radius:0px}.media-spoiler__warning{display:block;font-size:14px}.media-spoiler__trigger{display:block;font-size:11px;font-weight:500}.media-gallery__gifv__label{display:block;position:absolute;color:#fff;background:rgba(0,0,0,.5);bottom:6px;left:6px;padding:2px 6px;border-radius:2px;font-size:11px;font-weight:600;z-index:1;pointer-events:none;opacity:.9;transition:opacity .1s ease;line-height:18px}.media-gallery__gifv:hover .media-gallery__gifv__label{opacity:1}.media-gallery__audio{height:100%;display:flex;flex-direction:column}.media-gallery__audio span{text-align:center;color:#9baec8;display:flex;height:100%;align-items:center}.media-gallery__audio span p{width:100%}.media-gallery__audio audio{width:100%}.media-gallery{box-sizing:border-box;margin-top:8px;overflow:hidden;border-radius:4px;position:relative;width:100%;height:110px}.media-gallery.full-width{margin-left:-14px;margin-right:-14px;width:inherit;max-width:none;height:250px;border-radius:0px}.media-gallery__item{border:none;box-sizing:border-box;display:block;float:left;position:relative;border-radius:4px;overflow:hidden}.full-width .media-gallery__item{border-radius:0}.media-gallery__item.standalone .media-gallery__item-gifv-thumbnail{transform:none;top:0}.media-gallery__item.letterbox{background:#000}.media-gallery__item-thumbnail{cursor:zoom-in;display:block;text-decoration:none;color:#d9e1e8;position:relative;z-index:1}.media-gallery__item-thumbnail,.media-gallery__item-thumbnail img{height:100%;width:100%;object-fit:contain}.media-gallery__item-thumbnail:not(.letterbox),.media-gallery__item-thumbnail img:not(.letterbox){height:100%;object-fit:cover}.media-gallery__preview{width:100%;height:100%;object-fit:cover;position:absolute;top:0;left:0;z-index:0;background:#000}.media-gallery__preview--hidden{display:none}.media-gallery__gifv{height:100%;overflow:hidden;position:relative;width:100%;display:flex;justify-content:center}.media-gallery__item-gifv-thumbnail{cursor:zoom-in;height:100%;width:100%;position:relative;z-index:1;object-fit:contain;user-select:none}.media-gallery__item-gifv-thumbnail:not(.letterbox){height:100%;object-fit:cover}.media-gallery__item-thumbnail-label{clip:rect(1px 1px 1px 1px);clip:rect(1px, 1px, 1px, 1px);overflow:hidden;position:absolute}.video-modal__container{max-width:100vw;max-height:100vh}.audio-modal__container{width:50vw}.media-modal{width:100%;height:100%;position:relative}.media-modal .extended-video-player{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.media-modal .extended-video-player video{max-width:100%;max-height:80%}.media-modal__closer{position:absolute;top:0;left:0;right:0;bottom:0}.media-modal__navigation{position:absolute;top:0;left:0;right:0;bottom:0;pointer-events:none;transition:opacity .3s linear;will-change:opacity}.media-modal__navigation *{pointer-events:auto}.media-modal__navigation.media-modal__navigation--hidden{opacity:0}.media-modal__navigation.media-modal__navigation--hidden *{pointer-events:none}.media-modal__nav{background:rgba(0,0,0,.5);box-sizing:border-box;border:0;color:#fff;cursor:pointer;display:flex;align-items:center;font-size:24px;height:20vmax;margin:auto 0;padding:30px 15px;position:absolute;top:0;bottom:0}.media-modal__nav--left{left:0}.media-modal__nav--right{right:0}.media-modal__pagination{width:100%;text-align:center;position:absolute;left:0;bottom:20px;pointer-events:none}.media-modal__meta{text-align:center;position:absolute;left:0;bottom:20px;width:100%;pointer-events:none}.media-modal__meta--shifted{bottom:62px}.media-modal__meta a{pointer-events:auto;text-decoration:none;font-weight:500;color:#d9e1e8}.media-modal__meta a:hover,.media-modal__meta a:focus,.media-modal__meta a:active{text-decoration:underline}.media-modal__page-dot{display:inline-block}.media-modal__button{background-color:#fff;height:12px;width:12px;border-radius:6px;margin:10px;padding:0;border:0;font-size:0}.media-modal__button--active{background-color:#d8a070}.media-modal__close{position:absolute;right:8px;top:8px;z-index:100}.detailed .video-player__volume__current,.detailed .video-player__volume::before,.fullscreen .video-player__volume__current,.fullscreen .video-player__volume::before{bottom:27px}.detailed .video-player__volume__handle,.fullscreen .video-player__volume__handle{bottom:23px}.audio-player{box-sizing:border-box;position:relative;background:#040609;border-radius:4px;padding-bottom:44px;direction:ltr}.audio-player.editable{border-radius:0;height:100%}.audio-player__waveform{padding:15px 0;position:relative;overflow:hidden}.audio-player__waveform::before{content:\"\";display:block;position:absolute;border-top:1px solid #192432;width:100%;height:0;left:0;top:calc(50% + 1px)}.audio-player__progress-placeholder{background-color:rgba(225,181,144,.5)}.audio-player__wave-placeholder{background-color:#2d415a}.audio-player .video-player__controls{padding:0 15px;padding-top:10px;background:#040609;border-top:1px solid #192432;border-radius:0 0 4px 4px}.video-player{overflow:hidden;position:relative;background:#000;max-width:100%;border-radius:4px;box-sizing:border-box;direction:ltr}.video-player.editable{border-radius:0;height:100% !important}.video-player:focus{outline:0}.detailed-status .video-player{width:100%;height:100%}.video-player.full-width{margin-left:-14px;margin-right:-14px;width:inherit;max-width:none;height:250px;border-radius:0px}.video-player video{max-width:100vw;max-height:80vh;z-index:1;position:relative}.video-player.fullscreen{width:100% !important;height:100% !important;margin:0}.video-player.fullscreen video{max-width:100% !important;max-height:100% !important;width:100% !important;height:100% !important;outline:0}.video-player.inline video{object-fit:contain;position:relative;top:50%;transform:translateY(-50%)}.video-player__controls{position:absolute;z-index:2;bottom:0;left:0;right:0;box-sizing:border-box;background:linear-gradient(0deg, rgba(0, 0, 0, 0.85) 0, rgba(0, 0, 0, 0.45) 60%, transparent);padding:0 15px;opacity:0;transition:opacity .1s ease}.video-player__controls.active{opacity:1}.video-player.inactive video,.video-player.inactive .video-player__controls{visibility:hidden}.video-player__spoiler{display:none;position:absolute;top:0;left:0;width:100%;height:100%;z-index:4;border:0;background:#000;color:#9baec8;transition:none;pointer-events:none}.video-player__spoiler.active{display:block;pointer-events:auto}.video-player__spoiler.active:hover,.video-player__spoiler.active:active,.video-player__spoiler.active:focus{color:#b2c1d5}.video-player__spoiler__title{display:block;font-size:14px}.video-player__spoiler__subtitle{display:block;font-size:11px;font-weight:500}.video-player__buttons-bar{display:flex;justify-content:space-between;padding-bottom:10px}.video-player__buttons-bar .video-player__download__icon{color:inherit}.video-player__buttons-bar .video-player__download__icon .fa,.video-player__buttons-bar .video-player__download__icon:active .fa,.video-player__buttons-bar .video-player__download__icon:hover .fa,.video-player__buttons-bar .video-player__download__icon:focus .fa{color:inherit}.video-player__buttons{font-size:16px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.video-player__buttons.left button{padding-left:0}.video-player__buttons.right button{padding-right:0}.video-player__buttons button{background:transparent;padding:2px 10px;font-size:16px;border:0;color:rgba(255,255,255,.75)}.video-player__buttons button:active,.video-player__buttons button:hover,.video-player__buttons button:focus{color:#fff}.video-player__time-sep,.video-player__time-total,.video-player__time-current{font-size:14px;font-weight:500}.video-player__time-current{color:#fff;margin-left:60px}.video-player__time-sep{display:inline-block;margin:0 6px}.video-player__time-sep,.video-player__time-total{color:#fff}.video-player__volume{cursor:pointer;height:24px;display:inline}.video-player__volume::before{content:\"\";width:50px;background:rgba(255,255,255,.35);border-radius:4px;display:block;position:absolute;height:4px;left:70px;bottom:20px}.video-player__volume__current{display:block;position:absolute;height:4px;border-radius:4px;left:70px;bottom:20px;background:#e1b590}.video-player__volume__handle{position:absolute;z-index:3;border-radius:50%;width:12px;height:12px;bottom:16px;left:70px;transition:opacity .1s ease;background:#e1b590;box-shadow:1px 2px 6px rgba(0,0,0,.2);pointer-events:none}.video-player__link{padding:2px 10px}.video-player__link a{text-decoration:none;font-size:14px;font-weight:500;color:#fff}.video-player__link a:hover,.video-player__link a:active,.video-player__link a:focus{text-decoration:underline}.video-player__seek{cursor:pointer;height:24px;position:relative}.video-player__seek::before{content:\"\";width:100%;background:rgba(255,255,255,.35);border-radius:4px;display:block;position:absolute;height:4px;top:10px}.video-player__seek__progress,.video-player__seek__buffer{display:block;position:absolute;height:4px;border-radius:4px;top:10px;background:#e1b590}.video-player__seek__buffer{background:rgba(255,255,255,.2)}.video-player__seek__handle{position:absolute;z-index:3;opacity:0;border-radius:50%;width:12px;height:12px;top:6px;margin-left:-6px;transition:opacity .1s ease;background:#e1b590;box-shadow:1px 2px 6px rgba(0,0,0,.2);pointer-events:none}.video-player__seek__handle.active{opacity:1}.video-player__seek:hover .video-player__seek__handle{opacity:1}.video-player.detailed .video-player__buttons button,.video-player.fullscreen .video-player__buttons button{padding-top:10px;padding-bottom:10px}.sensitive-info{display:flex;flex-direction:row;align-items:center;position:absolute;top:4px;left:4px;z-index:100}.sensitive-marker{margin:0 3px;border-radius:2px;padding:2px 6px;color:rgba(255,255,255,.8);background:rgba(0,0,0,.5);font-size:12px;line-height:18px;text-transform:uppercase;opacity:.9;transition:opacity .1s ease}.media-gallery:hover .sensitive-marker{opacity:1}.list-editor{background:#121a24;flex-direction:column;border-radius:8px;box-shadow:2px 4px 15px rgba(0,0,0,.4);width:380px;overflow:hidden}@media screen and (max-width: 420px){.list-editor{width:90%}}.list-editor h4{padding:15px 0;background:#283a50;font-weight:500;font-size:16px;text-align:center;border-radius:8px 8px 0 0}.list-editor .drawer__pager{height:50vh}.list-editor .drawer__inner{border-radius:0 0 8px 8px}.list-editor .drawer__inner.backdrop{width:calc(100% - 60px);box-shadow:2px 4px 15px rgba(0,0,0,.4);border-radius:0 0 0 8px}.list-editor__accounts{overflow-y:auto}.list-editor .account__display-name:hover strong{text-decoration:none}.list-editor .account__avatar{cursor:default}.list-editor .search{margin-bottom:0}.list-adder{background:#121a24;flex-direction:column;border-radius:8px;box-shadow:2px 4px 15px rgba(0,0,0,.4);width:380px;overflow:hidden}@media screen and (max-width: 420px){.list-adder{width:90%}}.list-adder__account{background:#283a50}.list-adder__lists{background:#283a50;height:50vh;border-radius:0 0 8px 8px;overflow-y:auto}.list-adder .list{padding:10px;border-bottom:1px solid #202e3f}.list-adder .list__wrapper{display:flex}.list-adder .list__display-name{flex:1 1 auto;overflow:hidden;text-decoration:none;font-size:16px;padding:10px}.emoji-mart{font-size:13px;display:inline-block;color:#121a24}.emoji-mart,.emoji-mart *{box-sizing:border-box;line-height:1.15}.emoji-mart .emoji-mart-emoji{padding:6px}.emoji-mart-bar{border:0 solid #c0cdd9}.emoji-mart-bar:first-child{border-bottom-width:1px;border-top-left-radius:5px;border-top-right-radius:5px;background:#d9e1e8}.emoji-mart-bar:last-child{border-top-width:1px;border-bottom-left-radius:5px;border-bottom-right-radius:5px;display:none}.emoji-mart-anchors{display:flex;justify-content:space-between;padding:0 6px;color:#3e5a7c;line-height:0}.emoji-mart-anchor{position:relative;flex:1;text-align:center;padding:12px 4px;overflow:hidden;transition:color .1s ease-out;cursor:pointer}.emoji-mart-anchor:hover{color:#37506f}.emoji-mart-anchor-selected{color:#d8a070}.emoji-mart-anchor-selected:hover{color:#d49560}.emoji-mart-anchor-selected .emoji-mart-anchor-bar{bottom:0}.emoji-mart-anchor-bar{position:absolute;bottom:-3px;left:0;width:100%;height:3px;background-color:#d59864}.emoji-mart-anchors i{display:inline-block;width:100%;max-width:22px}.emoji-mart-anchors svg{fill:currentColor;max-height:18px}.emoji-mart-scroll{overflow-y:scroll;height:270px;max-height:35vh;padding:0 6px 6px;background:#fff;will-change:transform}.emoji-mart-scroll::-webkit-scrollbar-track:hover,.emoji-mart-scroll::-webkit-scrollbar-track:active{background-color:rgba(0,0,0,.3)}.emoji-mart-search{padding:10px;padding-right:45px;background:#fff}.emoji-mart-search input{font-size:14px;font-weight:400;padding:7px 9px;font-family:inherit;display:block;width:100%;background:rgba(217,225,232,.3);color:#121a24;border:1px solid #d9e1e8;border-radius:4px}.emoji-mart-search input::-moz-focus-inner{border:0}.emoji-mart-search input::-moz-focus-inner,.emoji-mart-search input:focus,.emoji-mart-search input:active{outline:0 !important}.emoji-mart-category .emoji-mart-emoji{cursor:pointer}.emoji-mart-category .emoji-mart-emoji span{z-index:1;position:relative;text-align:center}.emoji-mart-category .emoji-mart-emoji:hover::before{z-index:0;content:\"\";position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(217,225,232,.7);border-radius:100%}.emoji-mart-category-label{z-index:2;position:relative;position:-webkit-sticky;position:sticky;top:0}.emoji-mart-category-label span{display:block;width:100%;font-weight:500;padding:5px 6px;background:#fff}.emoji-mart-emoji{position:relative;display:inline-block;font-size:0}.emoji-mart-emoji span{width:22px;height:22px}.emoji-mart-no-results{font-size:14px;text-align:center;padding-top:70px;color:#9baec8}.emoji-mart-no-results .emoji-mart-category-label{display:none}.emoji-mart-no-results .emoji-mart-no-results-label{margin-top:.2em}.emoji-mart-no-results .emoji-mart-emoji:hover::before{content:none}.emoji-mart-preview{display:none}.glitch.local-settings{position:relative;display:flex;flex-direction:row;background:#d9e1e8;color:#121a24;border-radius:8px;height:80vh;width:80vw;max-width:740px;max-height:450px;overflow:hidden}.glitch.local-settings label,.glitch.local-settings legend{display:block;font-size:14px}.glitch.local-settings .boolean label,.glitch.local-settings .radio_buttons label{position:relative;padding-left:28px;padding-top:3px}.glitch.local-settings .boolean label input,.glitch.local-settings .radio_buttons label input{position:absolute;left:0;top:0}.glitch.local-settings span.hint{display:block;color:#3e5a7c}.glitch.local-settings h1{font-size:18px;font-weight:500;line-height:24px;margin-bottom:20px}.glitch.local-settings h2{font-size:15px;font-weight:500;line-height:20px;margin-top:20px;margin-bottom:10px}.glitch.local-settings__navigation__item{display:block;padding:15px 20px;color:inherit;background:#f2f5f7;border-bottom:1px #d9e1e8 solid;cursor:pointer;text-decoration:none;outline:none;transition:background .3s}.glitch.local-settings__navigation__item .text-icon-button{color:inherit;transition:unset}.glitch.local-settings__navigation__item:hover{background:#d9e1e8}.glitch.local-settings__navigation__item.active{background:#d8a070;color:#fff}.glitch.local-settings__navigation__item.close,.glitch.local-settings__navigation__item.close:hover{background:#df405a;color:#fff}.glitch.local-settings__navigation{background:#f2f5f7;width:212px;font-size:15px;line-height:20px;overflow-y:auto}.glitch.local-settings__page{display:block;flex:auto;padding:15px 20px 15px 20px;width:360px;overflow-y:auto}.glitch.local-settings__page__item{margin-bottom:2px}.glitch.local-settings__page__item.string,.glitch.local-settings__page__item.radio_buttons{margin-top:10px;margin-bottom:10px}@media screen and (max-width: 630px){.glitch.local-settings__navigation{width:40px;flex-shrink:0}.glitch.local-settings__navigation__item{padding:10px}.glitch.local-settings__navigation__item span:last-of-type{display:none}}.error-boundary{color:#fff;font-size:15px;line-height:20px}.error-boundary h1{font-size:26px;line-height:36px;font-weight:400;margin-bottom:8px}.error-boundary a{color:#fff;text-decoration:underline}.error-boundary ul{list-style:disc;margin-left:0;padding-left:1em}.error-boundary textarea.web_app_crash-stacktrace{width:100%;resize:none;white-space:pre;font-family:monospace,monospace}.compose-panel{width:285px;margin-top:10px;display:flex;flex-direction:column;height:calc(100% - 10px);overflow-y:hidden}.compose-panel .search__input{line-height:18px;font-size:16px;padding:15px;padding-right:30px}.compose-panel .search__icon .fa{top:15px}.compose-panel .drawer--account{flex:0 1 48px}.compose-panel .flex-spacer{background:transparent}.compose-panel .composer{flex:1;overflow-y:hidden;display:flex;flex-direction:column;min-height:310px}.compose-panel .compose-form__autosuggest-wrapper{overflow-y:auto;background-color:#fff;border-radius:4px 4px 0 0;flex:0 1 auto}.compose-panel .autosuggest-textarea__textarea{overflow-y:hidden}.compose-panel .compose-form__upload-thumbnail{height:80px}.navigation-panel{margin-top:10px;margin-bottom:10px;height:calc(100% - 20px);overflow-y:auto;display:flex;flex-direction:column}.navigation-panel>a{flex:0 0 auto}.navigation-panel hr{flex:0 0 auto;border:0;background:transparent;border-top:1px solid #192432;margin:10px 0}.navigation-panel .flex-spacer{background:transparent}@media screen and (min-width: 600px){.tabs-bar__link span{display:inline}}.columns-area--mobile{flex-direction:column;width:100%;margin:0 auto}.columns-area--mobile .column,.columns-area--mobile .drawer{width:100%;height:100%;padding:0}.columns-area--mobile .directory__list{display:grid;grid-gap:10px;grid-template-columns:minmax(0, 50%) minmax(0, 50%)}@media screen and (max-width: 415px){.columns-area--mobile .directory__list{display:block}}.columns-area--mobile .directory__card{margin-bottom:0}.columns-area--mobile .filter-form{display:flex}.columns-area--mobile .autosuggest-textarea__textarea{font-size:16px}.columns-area--mobile .search__input{line-height:18px;font-size:16px;padding:15px;padding-right:30px}.columns-area--mobile .search__icon .fa{top:15px}.columns-area--mobile .scrollable{overflow:visible}@supports(display: grid){.columns-area--mobile .scrollable{contain:content}}@media screen and (min-width: 415px){.columns-area--mobile{padding:10px 0;padding-top:0}}@media screen and (min-width: 630px){.columns-area--mobile .detailed-status{padding:15px}.columns-area--mobile .detailed-status .media-gallery,.columns-area--mobile .detailed-status .video-player,.columns-area--mobile .detailed-status .audio-player{margin-top:15px}.columns-area--mobile .account__header__bar{padding:5px 10px}.columns-area--mobile .navigation-bar,.columns-area--mobile .compose-form{padding:15px}.columns-area--mobile .compose-form .compose-form__publish .compose-form__publish-button-wrapper{padding-top:15px}.columns-area--mobile .status{padding:15px;min-height:50px}.columns-area--mobile .status .media-gallery,.columns-area--mobile .status__action-bar,.columns-area--mobile .status .video-player,.columns-area--mobile .status .audio-player{margin-top:10px}.columns-area--mobile .account{padding:15px 10px}.columns-area--mobile .account__header__bio{margin:0 -10px}.columns-area--mobile .notification__message{padding-top:15px}.columns-area--mobile .notification .status{padding-top:8px}.columns-area--mobile .notification .account{padding-top:8px}}.floating-action-button{position:fixed;display:flex;justify-content:center;align-items:center;width:3.9375rem;height:3.9375rem;bottom:1.3125rem;right:1.3125rem;background:#d59864;color:#fff;border-radius:50%;font-size:21px;line-height:21px;text-decoration:none;box-shadow:2px 3px 9px rgba(0,0,0,.4)}.floating-action-button:hover,.floating-action-button:focus,.floating-action-button:active{background:#e0b38c}@media screen and (min-width: 415px){.tabs-bar{width:100%}.react-swipeable-view-container .columns-area--mobile{height:calc(100% - 10px) !important}.getting-started__wrapper,.search{margin-bottom:10px}}@media screen and (max-width: 895px){.columns-area__panels__pane--compositional{display:none}}@media screen and (min-width: 895px){.floating-action-button,.tabs-bar__link.optional{display:none}.search-page .search{display:none}}@media screen and (max-width: 1190px){.columns-area__panels__pane--navigational{display:none}}@media screen and (min-width: 1190px){.tabs-bar{display:none}}.announcements__item__content{word-wrap:break-word;overflow-y:auto}.announcements__item__content .emojione{width:20px;height:20px;margin:-3px 0 0}.announcements__item__content p{margin-bottom:10px;white-space:pre-wrap}.announcements__item__content p:last-child{margin-bottom:0}.announcements__item__content a{color:#d9e1e8;text-decoration:none}.announcements__item__content a:hover{text-decoration:underline}.announcements__item__content a.mention:hover{text-decoration:none}.announcements__item__content a.mention:hover span{text-decoration:underline}.announcements__item__content a.unhandled-link{color:#e1b590}.announcements{background:#202e3f;font-size:13px;display:flex;align-items:flex-end}.announcements__mastodon{width:124px;flex:0 0 auto}@media screen and (max-width: 424px){.announcements__mastodon{display:none}}.announcements__container{width:calc(100% - 124px);flex:0 0 auto;position:relative}@media screen and (max-width: 424px){.announcements__container{width:100%}}.announcements__item{box-sizing:border-box;width:100%;padding:15px;position:relative;font-size:15px;line-height:20px;word-wrap:break-word;font-weight:400;max-height:50vh;overflow:hidden;display:flex;flex-direction:column}.announcements__item__range{display:block;font-weight:500;margin-bottom:10px;padding-right:18px}.announcements__item__unread{position:absolute;top:19px;right:19px;display:block;background:#d8a070;border-radius:50%;width:.625rem;height:.625rem}.announcements__pagination{padding:15px;color:#9baec8;position:absolute;bottom:3px;right:0}.layout-multiple-columns .announcements__mastodon{display:none}.layout-multiple-columns .announcements__container{width:100%}.reactions-bar{display:flex;flex-wrap:wrap;align-items:center;margin-top:15px;margin-left:-2px;width:calc(100% - (90px - 33px))}.reactions-bar__item{flex-shrink:0;background:#26374d;border:0;border-radius:3px;margin:2px;cursor:pointer;user-select:none;padding:0 6px;display:flex;align-items:center;transition:all 100ms ease-in;transition-property:background-color,color}.reactions-bar__item__emoji{display:block;margin:3px 0;width:16px;height:16px}.reactions-bar__item__emoji img{display:block;margin:0;width:100%;height:100%;min-width:auto;min-height:auto;vertical-align:bottom;object-fit:contain}.reactions-bar__item__count{display:block;min-width:9px;font-size:13px;font-weight:500;text-align:center;margin-left:6px;color:#9baec8}.reactions-bar__item:hover,.reactions-bar__item:focus,.reactions-bar__item:active{background:#2d415a;transition:all 200ms ease-out;transition-property:background-color,color}.reactions-bar__item:hover__count,.reactions-bar__item:focus__count,.reactions-bar__item:active__count{color:#a8b9cf}.reactions-bar__item.active{transition:all 100ms ease-in;transition-property:background-color,color;background-color:#4a4c54}.reactions-bar__item.active .reactions-bar__item__count{color:#e1b590}.reactions-bar .emoji-picker-dropdown{margin:2px}.reactions-bar:hover .emoji-button{opacity:.85}.reactions-bar .emoji-button{color:#9baec8;margin:0;font-size:16px;width:auto;flex-shrink:0;padding:0 6px;height:22px;display:flex;align-items:center;opacity:.5;transition:all 100ms ease-in;transition-property:background-color,color}.reactions-bar .emoji-button:hover,.reactions-bar .emoji-button:active,.reactions-bar .emoji-button:focus{opacity:1;color:#a8b9cf;transition:all 200ms ease-out;transition-property:background-color,color}.reactions-bar--empty .emoji-button{padding:0}.poll{margin-top:16px;font-size:14px}.poll ul,.e-content .poll ul{margin:0;list-style:none}.poll li{margin-bottom:10px;position:relative}.poll__chart{border-radius:4px;display:block;background:#8ba1bf;height:5px;min-width:1%}.poll__chart.leading{background:#d8a070}.poll__option{position:relative;display:flex;padding:6px 0;line-height:18px;cursor:default;overflow:hidden}.poll__option__text{display:inline-block;word-wrap:break-word;overflow-wrap:break-word;max-width:calc(100% - 45px - 25px)}.poll__option input[type=radio],.poll__option input[type=checkbox]{display:none}.poll__option .autossugest-input{flex:1 1 auto}.poll__option input[type=text]{display:block;box-sizing:border-box;width:100%;font-size:14px;color:#121a24;display:block;outline:0;font-family:inherit;background:#fff;border:1px solid #dbdbdb;border-radius:4px;padding:6px 10px}.poll__option input[type=text]:focus{border-color:#d8a070}.poll__option.selectable{cursor:pointer}.poll__option.editable{display:flex;align-items:center;overflow:visible}.poll__input{display:inline-block;position:relative;border:1px solid #9baec8;box-sizing:border-box;width:18px;height:18px;flex:0 0 auto;margin-right:10px;top:-1px;border-radius:50%;vertical-align:middle;margin-top:auto;margin-bottom:auto;flex:0 0 18px}.poll__input.checkbox{border-radius:4px}.poll__input.active{border-color:#79bd9a;background:#79bd9a}.poll__input:active,.poll__input:focus,.poll__input:hover{border-color:#acd6c1;border-width:4px}.poll__input::-moz-focus-inner{outline:0 !important;border:0}.poll__input:focus,.poll__input:active{outline:0 !important}.poll__number{display:inline-block;width:45px;font-weight:700;flex:0 0 45px}.poll__voted{padding:0 5px;display:inline-block}.poll__voted__mark{font-size:18px}.poll__footer{padding-top:6px;padding-bottom:5px;color:#3e5a7c}.poll__link{display:inline;background:transparent;padding:0;margin:0;border:0;color:#3e5a7c;text-decoration:underline;font-size:inherit}.poll__link:hover{text-decoration:none}.poll__link:active,.poll__link:focus{background-color:rgba(62,90,124,.1)}.poll .button{height:36px;padding:0 16px;margin-right:10px;font-size:14px}.compose-form__poll-wrapper{border-top:1px solid #ebebeb;overflow-x:hidden}.compose-form__poll-wrapper ul{padding:10px}.compose-form__poll-wrapper .poll__footer{border-top:1px solid #ebebeb;padding:10px;display:flex;align-items:center}.compose-form__poll-wrapper .poll__footer button,.compose-form__poll-wrapper .poll__footer select{width:100%;flex:1 1 50%}.compose-form__poll-wrapper .poll__footer button:focus,.compose-form__poll-wrapper .poll__footer select:focus{border-color:#d8a070}.compose-form__poll-wrapper .button.button-secondary{font-size:14px;font-weight:400;padding:6px 10px;height:auto;line-height:inherit;color:#3e5a7c;border-color:#3e5a7c;margin-right:5px}.compose-form__poll-wrapper li{display:flex;align-items:center}.compose-form__poll-wrapper li .poll__option{flex:0 0 auto;width:calc(100% - (23px + 6px));margin-right:6px}.compose-form__poll-wrapper select{appearance:none;box-sizing:border-box;font-size:14px;color:#121a24;display:inline-block;width:auto;outline:0;font-family:inherit;background:#fff url(\"data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14.933 18.467' height='19.698' width='15.929'><path d='M3.467 14.967l-3.393-3.5H14.86l-3.392 3.5c-1.866 1.925-3.666 3.5-4 3.5-.335 0-2.135-1.575-4-3.5zm.266-11.234L7.467 0 11.2 3.733l3.733 3.734H0l3.733-3.734z' fill='%23DBDBDB'/></svg>\") no-repeat right 8px center/auto 16px;border:1px solid #dbdbdb;border-radius:4px;padding:6px 10px;padding-right:30px}.compose-form__poll-wrapper .icon-button.disabled{color:#dbdbdb}.muted .poll{color:#3e5a7c}.muted .poll__chart{background:rgba(109,137,175,.2)}.muted .poll__chart.leading{background:rgba(216,160,112,.2)}.container{box-sizing:border-box;max-width:1235px;margin:0 auto;position:relative}@media screen and (max-width: 1255px){.container{width:100%;padding:0 10px}}.rich-formatting{font-family:sans-serif,sans-serif;font-size:14px;font-weight:400;line-height:1.7;word-wrap:break-word;color:#9baec8}.rich-formatting a{color:#d8a070;text-decoration:underline}.rich-formatting a:hover,.rich-formatting a:focus,.rich-formatting a:active{text-decoration:none}.rich-formatting p,.rich-formatting li{color:#9baec8}.rich-formatting p{margin-top:0;margin-bottom:.85em}.rich-formatting p:last-child{margin-bottom:0}.rich-formatting strong{font-weight:700;color:#d9e1e8}.rich-formatting em{font-style:italic;color:#d9e1e8}.rich-formatting code{font-size:.85em;background:#040609;border-radius:4px;padding:.2em .3em}.rich-formatting h1,.rich-formatting h2,.rich-formatting h3,.rich-formatting h4,.rich-formatting h5,.rich-formatting h6{font-family:sans-serif,sans-serif;margin-top:1.275em;margin-bottom:.85em;font-weight:500;color:#d9e1e8}.rich-formatting h1{font-size:2em}.rich-formatting h2{font-size:1.75em}.rich-formatting h3{font-size:1.5em}.rich-formatting h4{font-size:1.25em}.rich-formatting h5,.rich-formatting h6{font-size:1em}.rich-formatting ul{list-style:disc}.rich-formatting ol{list-style:decimal}.rich-formatting ul,.rich-formatting ol{margin:0;padding:0;padding-left:2em;margin-bottom:.85em}.rich-formatting ul[type=a],.rich-formatting ol[type=a]{list-style-type:lower-alpha}.rich-formatting ul[type=i],.rich-formatting ol[type=i]{list-style-type:lower-roman}.rich-formatting hr{width:100%;height:0;border:0;border-bottom:1px solid #192432;margin:1.7em 0}.rich-formatting hr.spacer{height:1px;border:0}.rich-formatting table{width:100%;border-collapse:collapse;break-inside:auto;margin-top:24px;margin-bottom:32px}.rich-formatting table thead tr,.rich-formatting table tbody tr{border-bottom:1px solid #192432;font-size:1em;line-height:1.625;font-weight:400;text-align:left;color:#9baec8}.rich-formatting table thead tr{border-bottom-width:2px;line-height:1.5;font-weight:500;color:#3e5a7c}.rich-formatting table th,.rich-formatting table td{padding:8px;align-self:start;align-items:start;word-break:break-all}.rich-formatting table th.nowrap,.rich-formatting table td.nowrap{width:25%;position:relative}.rich-formatting table th.nowrap::before,.rich-formatting table td.nowrap::before{content:\"&nbsp;\";visibility:hidden}.rich-formatting table th.nowrap span,.rich-formatting table td.nowrap span{position:absolute;left:8px;right:8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.rich-formatting>:first-child{margin-top:0}.information-board{background:#0b1016;padding:20px 0}.information-board .container-alt{position:relative;padding-right:295px}.information-board__sections{display:flex;justify-content:space-between;flex-wrap:wrap}.information-board__section{flex:1 0 0;font-family:sans-serif,sans-serif;font-size:16px;line-height:28px;color:#fff;text-align:right;padding:10px 15px}.information-board__section span,.information-board__section strong{display:block}.information-board__section span:last-child{color:#d9e1e8}.information-board__section strong{font-family:sans-serif,sans-serif;font-weight:500;font-size:32px;line-height:48px}@media screen and (max-width: 700px){.information-board__section{text-align:center}}.information-board .panel{position:absolute;width:280px;box-sizing:border-box;background:#040609;padding:20px;padding-top:10px;border-radius:4px 4px 0 0;right:0;bottom:-40px}.information-board .panel .panel-header{font-family:sans-serif,sans-serif;font-size:14px;line-height:24px;font-weight:500;color:#9baec8;padding-bottom:5px;margin-bottom:15px;border-bottom:1px solid #192432;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.information-board .panel .panel-header a,.information-board .panel .panel-header span{font-weight:400;color:#7a93b6}.information-board .panel .panel-header a{text-decoration:none}.information-board .owner{text-align:center}.information-board .owner .avatar{width:80px;height:80px;width:80px;height:80px;background-size:80px 80px;margin:0 auto;margin-bottom:15px}.information-board .owner .avatar img{display:block;width:80px;height:80px;border-radius:48px;border-radius:8%;background-position:50%;background-clip:padding-box}.information-board .owner .name{font-size:14px}.information-board .owner .name a{display:block;color:#fff;text-decoration:none}.information-board .owner .name a:hover .display_name{text-decoration:underline}.information-board .owner .name .username{display:block;color:#9baec8}.landing-page p,.landing-page li{font-family:sans-serif,sans-serif;font-size:16px;font-weight:400;font-size:16px;line-height:30px;margin-bottom:12px;color:#9baec8}.landing-page p a,.landing-page li a{color:#d8a070;text-decoration:underline}.landing-page em{display:inline;margin:0;padding:0;font-weight:700;background:transparent;font-family:inherit;font-size:inherit;line-height:inherit;color:#bcc9da}.landing-page h1{font-family:sans-serif,sans-serif;font-size:26px;line-height:30px;font-weight:500;margin-bottom:20px;color:#d9e1e8}.landing-page h1 small{font-family:sans-serif,sans-serif;display:block;font-size:18px;font-weight:400;color:#bcc9da}.landing-page h2{font-family:sans-serif,sans-serif;font-size:22px;line-height:26px;font-weight:500;margin-bottom:20px;color:#d9e1e8}.landing-page h3{font-family:sans-serif,sans-serif;font-size:18px;line-height:24px;font-weight:500;margin-bottom:20px;color:#d9e1e8}.landing-page h4{font-family:sans-serif,sans-serif;font-size:16px;line-height:24px;font-weight:500;margin-bottom:20px;color:#d9e1e8}.landing-page h5{font-family:sans-serif,sans-serif;font-size:14px;line-height:24px;font-weight:500;margin-bottom:20px;color:#d9e1e8}.landing-page h6{font-family:sans-serif,sans-serif;font-size:12px;line-height:24px;font-weight:500;margin-bottom:20px;color:#d9e1e8}.landing-page ul,.landing-page ol{margin-left:20px}.landing-page ul[type=a],.landing-page ol[type=a]{list-style-type:lower-alpha}.landing-page ul[type=i],.landing-page ol[type=i]{list-style-type:lower-roman}.landing-page ul{list-style:disc}.landing-page ol{list-style:decimal}.landing-page li>ol,.landing-page li>ul{margin-top:6px}.landing-page hr{width:100%;height:0;border:0;border-bottom:1px solid rgba(62,90,124,.6);margin:20px 0}.landing-page hr.spacer{height:1px;border:0}.landing-page__information,.landing-page__forms{padding:20px}.landing-page__call-to-action{background:#121a24;border-radius:4px;padding:25px 40px;overflow:hidden;box-sizing:border-box}.landing-page__call-to-action .row{width:100%;display:flex;flex-direction:row-reverse;flex-wrap:nowrap;justify-content:space-between;align-items:center}.landing-page__call-to-action .row__information-board{display:flex;justify-content:flex-end;align-items:flex-end}.landing-page__call-to-action .row__information-board .information-board__section{flex:1 0 auto;padding:0 10px}@media screen and (max-width: 415px){.landing-page__call-to-action .row__information-board{width:100%;justify-content:space-between}}.landing-page__call-to-action .row__mascot{flex:1;margin:10px -50px 0 0}@media screen and (max-width: 415px){.landing-page__call-to-action .row__mascot{display:none}}.landing-page__logo{margin-right:20px}.landing-page__logo img{height:50px;width:auto;mix-blend-mode:lighten}.landing-page__information{padding:45px 40px;margin-bottom:10px}.landing-page__information:last-child{margin-bottom:0}.landing-page__information strong{font-weight:500;color:#bcc9da}.landing-page__information .account{border-bottom:0;padding:0}.landing-page__information .account__display-name{align-items:center;display:flex;margin-right:5px}.landing-page__information .account div.account__display-name:hover .display-name strong{text-decoration:none}.landing-page__information .account div.account__display-name .account__avatar{cursor:default}.landing-page__information .account__avatar-wrapper{margin-left:0;flex:0 0 auto}.landing-page__information .account__avatar{width:44px;height:44px;background-size:44px 44px;width:44px;height:44px;background-size:44px 44px}.landing-page__information .account .display-name{font-size:15px}.landing-page__information .account .display-name__account{font-size:14px}@media screen and (max-width: 960px){.landing-page__information .contact{margin-top:30px}}@media screen and (max-width: 700px){.landing-page__information{padding:25px 20px}}.landing-page__information,.landing-page__forms,.landing-page #mastodon-timeline{box-sizing:border-box;background:#121a24;border-radius:4px;box-shadow:0 0 6px rgba(0,0,0,.1)}.landing-page__mascot{height:104px;position:relative;left:-40px;bottom:25px}.landing-page__mascot img{height:190px;width:auto}.landing-page__short-description .row{display:flex;flex-wrap:wrap;align-items:center;margin-bottom:40px}@media screen and (max-width: 700px){.landing-page__short-description .row{margin-bottom:20px}}.landing-page__short-description p a{color:#d9e1e8}.landing-page__short-description h1{font-weight:500;color:#fff;margin-bottom:0}.landing-page__short-description h1 small{color:#9baec8}.landing-page__short-description h1 small span{color:#d9e1e8}.landing-page__short-description p:last-child{margin-bottom:0}.landing-page__hero{margin-bottom:10px}.landing-page__hero img{display:block;margin:0;max-width:100%;height:auto;border-radius:4px}@media screen and (max-width: 840px){.landing-page .information-board .container-alt{padding-right:20px}.landing-page .information-board .panel{position:static;margin-top:20px;width:100%;border-radius:4px}.landing-page .information-board .panel .panel-header{text-align:center}}@media screen and (max-width: 675px){.landing-page .header-wrapper{padding-top:0}.landing-page .header-wrapper.compact{padding-bottom:0}.landing-page .header-wrapper.compact .hero .heading{text-align:initial}.landing-page .header .container-alt,.landing-page .features .container-alt{display:block}}.landing-page .cta{margin:20px}.landing{margin-bottom:100px}@media screen and (max-width: 738px){.landing{margin-bottom:0}}.landing__brand{display:flex;justify-content:center;align-items:center;padding:50px}.landing__brand svg{fill:#fff;height:52px}@media screen and (max-width: 415px){.landing__brand{padding:0;margin-bottom:30px}}.landing .directory{margin-top:30px;background:transparent;box-shadow:none;border-radius:0}.landing .hero-widget{margin-top:30px;margin-bottom:0}.landing .hero-widget h4{padding:10px;text-transform:uppercase;font-weight:700;font-size:13px;color:#9baec8}.landing .hero-widget__text{border-radius:0;padding-bottom:0}.landing .hero-widget__footer{background:#121a24;padding:10px;border-radius:0 0 4px 4px;display:flex}.landing .hero-widget__footer__column{flex:1 1 50%}.landing .hero-widget .account{padding:10px 0;border-bottom:0}.landing .hero-widget .account .account__display-name{display:flex;align-items:center}.landing .hero-widget .account .account__avatar{width:44px;height:44px;background-size:44px 44px}.landing .hero-widget__counter{padding:10px}.landing .hero-widget__counter strong{font-family:sans-serif,sans-serif;font-size:15px;font-weight:700;display:block}.landing .hero-widget__counter span{font-size:14px;color:#9baec8}.landing .simple_form .user_agreement .label_input>label{font-weight:400;color:#9baec8}.landing .simple_form p.lead{color:#9baec8;font-size:15px;line-height:20px;font-weight:400;margin-bottom:25px}.landing__grid{max-width:960px;margin:0 auto;display:grid;grid-template-columns:minmax(0, 50%) minmax(0, 50%);grid-gap:30px}@media screen and (max-width: 738px){.landing__grid{grid-template-columns:minmax(0, 100%);grid-gap:10px}.landing__grid__column-login{grid-row:1;display:flex;flex-direction:column}.landing__grid__column-login .box-widget{order:2;flex:0 0 auto}.landing__grid__column-login .hero-widget{margin-top:0;margin-bottom:10px;order:1;flex:0 0 auto}.landing__grid__column-registration{grid-row:2}.landing__grid .directory{margin-top:10px}}@media screen and (max-width: 415px){.landing__grid{grid-gap:0}.landing__grid .hero-widget{display:block;margin-bottom:0;box-shadow:none}.landing__grid .hero-widget__img,.landing__grid .hero-widget__img img,.landing__grid .hero-widget__footer{border-radius:0}.landing__grid .hero-widget,.landing__grid .box-widget,.landing__grid .directory__tag{border-bottom:1px solid #202e3f}.landing__grid .directory{margin-top:0}.landing__grid .directory__tag{margin-bottom:0}.landing__grid .directory__tag>a,.landing__grid .directory__tag>div{border-radius:0;box-shadow:none}.landing__grid .directory__tag:last-child{border-bottom:0}}.brand{position:relative;text-decoration:none}.brand__tagline{display:block;position:absolute;bottom:-10px;left:50px;width:300px;color:#9baec8;text-decoration:none;font-size:14px}@media screen and (max-width: 415px){.brand__tagline{position:static;width:auto;margin-top:20px;color:#3e5a7c}}.table{width:100%;max-width:100%;border-spacing:0;border-collapse:collapse}.table th,.table td{padding:8px;line-height:18px;vertical-align:top;border-top:1px solid #121a24;text-align:left;background:#0b1016}.table>thead>tr>th{vertical-align:bottom;border-bottom:2px solid #121a24;border-top:0;font-weight:500}.table>tbody>tr>th{font-weight:500}.table>tbody>tr:nth-child(odd)>td,.table>tbody>tr:nth-child(odd)>th{background:#121a24}.table a{color:#d8a070;text-decoration:underline}.table a:hover{text-decoration:none}.table strong{font-weight:500}.table strong:lang(ja){font-weight:700}.table strong:lang(ko){font-weight:700}.table strong:lang(zh-CN){font-weight:700}.table strong:lang(zh-HK){font-weight:700}.table strong:lang(zh-TW){font-weight:700}.table.inline-table>tbody>tr:nth-child(odd)>td,.table.inline-table>tbody>tr:nth-child(odd)>th{background:transparent}.table.inline-table>tbody>tr:first-child>td,.table.inline-table>tbody>tr:first-child>th{border-top:0}.table.batch-table>thead>tr>th{background:#121a24;border-top:1px solid #040609;border-bottom:1px solid #040609}.table.batch-table>thead>tr>th:first-child{border-radius:4px 0 0;border-left:1px solid #040609}.table.batch-table>thead>tr>th:last-child{border-radius:0 4px 0 0;border-right:1px solid #040609}.table--invites tbody td{vertical-align:middle}.table-wrapper{overflow:auto;margin-bottom:20px}samp{font-family:monospace,monospace}button.table-action-link{background:transparent;border:0;font:inherit}button.table-action-link,a.table-action-link{text-decoration:none;display:inline-block;margin-right:5px;padding:0 10px;color:#9baec8;font-weight:500}button.table-action-link:hover,a.table-action-link:hover{color:#fff}button.table-action-link i.fa,a.table-action-link i.fa{font-weight:400;margin-right:5px}button.table-action-link:first-child,a.table-action-link:first-child{padding-left:0}.batch-table__toolbar,.batch-table__row{display:flex}.batch-table__toolbar__select,.batch-table__row__select{box-sizing:border-box;padding:8px 16px;cursor:pointer;min-height:100%}.batch-table__toolbar__select input,.batch-table__row__select input{margin-top:8px}.batch-table__toolbar__select--aligned,.batch-table__row__select--aligned{display:flex;align-items:center}.batch-table__toolbar__select--aligned input,.batch-table__row__select--aligned input{margin-top:0}.batch-table__toolbar__actions,.batch-table__toolbar__content,.batch-table__row__actions,.batch-table__row__content{padding:8px 0;padding-right:16px;flex:1 1 auto}.batch-table__toolbar{border:1px solid #040609;background:#121a24;border-radius:4px 0 0;height:47px;align-items:center}.batch-table__toolbar__actions{text-align:right;padding-right:11px}.batch-table__form{padding:16px;border:1px solid #040609;border-top:0;background:#121a24}.batch-table__form .fields-row{padding-top:0;margin-bottom:0}.batch-table__row{border:1px solid #040609;border-top:0;background:#0b1016}@media screen and (max-width: 415px){.optional .batch-table__row:first-child{border-top:1px solid #040609}}.batch-table__row:hover{background:#0f151d}.batch-table__row:nth-child(even){background:#121a24}.batch-table__row:nth-child(even):hover{background:#151f2b}.batch-table__row__content{padding-top:12px;padding-bottom:16px}.batch-table__row__content--unpadded{padding:0}.batch-table__row__content--with-image{display:flex;align-items:center}.batch-table__row__content__image{flex:0 0 auto;display:flex;justify-content:center;align-items:center;margin-right:10px}.batch-table__row__content__image .emojione{width:32px;height:32px}.batch-table__row__content__text{flex:1 1 auto}.batch-table__row__content__extra{flex:0 0 auto;text-align:right;color:#9baec8;font-weight:500}.batch-table__row .directory__tag{margin:0;width:100%}.batch-table__row .directory__tag a{background:transparent;border-radius:0}@media screen and (max-width: 415px){.batch-table.optional .batch-table__toolbar,.batch-table.optional .batch-table__row__select{display:none}}.batch-table .status__content{padding-top:0}.batch-table .status__content strong{font-weight:700}.batch-table .nothing-here{border:1px solid #040609;border-top:0;box-shadow:none}@media screen and (max-width: 415px){.batch-table .nothing-here{border-top:1px solid #040609}}@media screen and (max-width: 870px){.batch-table .accounts-table tbody td.optional{display:none}}.admin-wrapper{display:flex;justify-content:center;width:100%;min-height:100vh}.admin-wrapper .sidebar-wrapper{min-height:100vh;overflow:hidden;pointer-events:none;flex:1 1 auto}.admin-wrapper .sidebar-wrapper__inner{display:flex;justify-content:flex-end;background:#121a24;height:100%}.admin-wrapper .sidebar{width:240px;padding:0;pointer-events:auto}.admin-wrapper .sidebar__toggle{display:none;background:#202e3f;height:48px}.admin-wrapper .sidebar__toggle__logo{flex:1 1 auto}.admin-wrapper .sidebar__toggle__logo a{display:inline-block;padding:15px}.admin-wrapper .sidebar__toggle__logo svg{fill:#fff;height:20px;position:relative;bottom:-2px}.admin-wrapper .sidebar__toggle__icon{display:block;color:#9baec8;text-decoration:none;flex:0 0 auto;font-size:20px;padding:15px}.admin-wrapper .sidebar__toggle a:hover,.admin-wrapper .sidebar__toggle a:focus,.admin-wrapper .sidebar__toggle a:active{background:#26374d}.admin-wrapper .sidebar .logo{display:block;margin:40px auto;width:100px;height:100px}@media screen and (max-width: 600px){.admin-wrapper .sidebar>a:first-child{display:none}}.admin-wrapper .sidebar ul{list-style:none;border-radius:4px 0 0 4px;overflow:hidden;margin-bottom:20px}@media screen and (max-width: 600px){.admin-wrapper .sidebar ul{margin-bottom:0}}.admin-wrapper .sidebar ul a{display:block;padding:15px;color:#9baec8;text-decoration:none;transition:all 200ms linear;transition-property:color,background-color;border-radius:4px 0 0 4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.admin-wrapper .sidebar ul a i.fa{margin-right:5px}.admin-wrapper .sidebar ul a:hover{color:#fff;background-color:#0a0e13;transition:all 100ms linear;transition-property:color,background-color}.admin-wrapper .sidebar ul a.selected{background:#0f151d;border-radius:4px 0 0}.admin-wrapper .sidebar ul ul{background:#0b1016;border-radius:0 0 0 4px;margin:0}.admin-wrapper .sidebar ul ul a{border:0;padding:15px 35px}.admin-wrapper .sidebar ul .simple-navigation-active-leaf a{color:#fff;background-color:#d8a070;border-bottom:0;border-radius:0}.admin-wrapper .sidebar ul .simple-navigation-active-leaf a:hover{background-color:#ddad84}.admin-wrapper .sidebar>ul>.simple-navigation-active-leaf a{border-radius:4px 0 0 4px}.admin-wrapper .content-wrapper{box-sizing:border-box;width:100%;max-width:840px;flex:1 1 auto}@media screen and (max-width: 1080px){.admin-wrapper .sidebar-wrapper--empty{display:none}.admin-wrapper .sidebar-wrapper{width:240px;flex:0 0 auto}}@media screen and (max-width: 600px){.admin-wrapper .sidebar-wrapper{width:100%}}.admin-wrapper .content{padding:20px 15px;padding-top:60px;padding-left:25px}@media screen and (max-width: 600px){.admin-wrapper .content{max-width:none;padding:15px;padding-top:30px}}.admin-wrapper .content-heading{display:flex;padding-bottom:40px;border-bottom:1px solid #202e3f;margin:-15px -15px 40px 0;flex-wrap:wrap;align-items:center;justify-content:space-between}.admin-wrapper .content-heading>*{margin-top:15px;margin-right:15px}.admin-wrapper .content-heading-actions{display:inline-flex}.admin-wrapper .content-heading-actions>:not(:first-child){margin-left:5px}@media screen and (max-width: 600px){.admin-wrapper .content-heading{border-bottom:0;padding-bottom:0}}.admin-wrapper .content h2{color:#d9e1e8;font-size:24px;line-height:28px;font-weight:400}@media screen and (max-width: 600px){.admin-wrapper .content h2{font-weight:700}}.admin-wrapper .content h3{color:#d9e1e8;font-size:20px;line-height:28px;font-weight:400;margin-bottom:30px}.admin-wrapper .content h4{text-transform:uppercase;font-size:13px;font-weight:700;color:#9baec8;padding-bottom:8px;margin-bottom:8px;border-bottom:1px solid #202e3f}.admin-wrapper .content h6{font-size:16px;color:#d9e1e8;line-height:28px;font-weight:500}.admin-wrapper .content .fields-group h6{color:#fff;font-weight:500}.admin-wrapper .content .directory__tag>a,.admin-wrapper .content .directory__tag>div{box-shadow:none}.admin-wrapper .content .directory__tag .table-action-link .fa{color:inherit}.admin-wrapper .content .directory__tag h4{font-size:18px;font-weight:700;color:#fff;text-transform:none;padding-bottom:0;margin-bottom:0;border-bottom:none}.admin-wrapper .content>p{font-size:14px;line-height:21px;color:#d9e1e8;margin-bottom:20px}.admin-wrapper .content>p strong{color:#fff;font-weight:500}.admin-wrapper .content>p strong:lang(ja){font-weight:700}.admin-wrapper .content>p strong:lang(ko){font-weight:700}.admin-wrapper .content>p strong:lang(zh-CN){font-weight:700}.admin-wrapper .content>p strong:lang(zh-HK){font-weight:700}.admin-wrapper .content>p strong:lang(zh-TW){font-weight:700}.admin-wrapper .content hr{width:100%;height:0;border:0;border-bottom:1px solid rgba(62,90,124,.6);margin:20px 0}.admin-wrapper .content hr.spacer{height:1px;border:0}@media screen and (max-width: 600px){.admin-wrapper{display:block}.admin-wrapper .sidebar-wrapper{min-height:0}.admin-wrapper .sidebar{width:100%;padding:0;height:auto}.admin-wrapper .sidebar__toggle{display:flex}.admin-wrapper .sidebar>ul{display:none}.admin-wrapper .sidebar ul a,.admin-wrapper .sidebar ul ul a{border-radius:0;border-bottom:1px solid #192432;transition:none}.admin-wrapper .sidebar ul a:hover,.admin-wrapper .sidebar ul ul a:hover{transition:none}.admin-wrapper .sidebar ul ul{border-radius:0}.admin-wrapper .sidebar ul .simple-navigation-active-leaf a{border-bottom-color:#d8a070}}hr.spacer{width:100%;border:0;margin:20px 0;height:1px}body .muted-hint,.admin-wrapper .content .muted-hint{color:#9baec8}body .muted-hint a,.admin-wrapper .content .muted-hint a{color:#d8a070}body .positive-hint,.admin-wrapper .content .positive-hint{color:#79bd9a;font-weight:500}body .negative-hint,.admin-wrapper .content .negative-hint{color:#df405a;font-weight:500}body .neutral-hint,.admin-wrapper .content .neutral-hint{color:#3e5a7c;font-weight:500}body .warning-hint,.admin-wrapper .content .warning-hint{color:#ca8f04;font-weight:500}.filters{display:flex;flex-wrap:wrap}.filters .filter-subset{flex:0 0 auto;margin:0 40px 20px 0}.filters .filter-subset:last-child{margin-bottom:30px}.filters .filter-subset ul{margin-top:5px;list-style:none}.filters .filter-subset ul li{display:inline-block;margin-right:5px}.filters .filter-subset strong{font-weight:500;text-transform:uppercase;font-size:12px}.filters .filter-subset strong:lang(ja){font-weight:700}.filters .filter-subset strong:lang(ko){font-weight:700}.filters .filter-subset strong:lang(zh-CN){font-weight:700}.filters .filter-subset strong:lang(zh-HK){font-weight:700}.filters .filter-subset strong:lang(zh-TW){font-weight:700}.filters .filter-subset--with-select strong{display:block;margin-bottom:10px}.filters .filter-subset a{display:inline-block;color:#9baec8;text-decoration:none;text-transform:uppercase;font-size:12px;font-weight:500;border-bottom:2px solid #121a24}.filters .filter-subset a:hover{color:#fff;border-bottom:2px solid #1b2635}.filters .filter-subset a.selected{color:#d8a070;border-bottom:2px solid #d8a070}.flavour-screen{display:block;margin:10px auto;max-width:100%}.flavour-description{display:block;font-size:16px;margin:10px 0}.flavour-description>p{margin:10px 0}.report-accounts{display:flex;flex-wrap:wrap;margin-bottom:20px}.report-accounts__item{display:flex;flex:250px;flex-direction:column;margin:0 5px}.report-accounts__item>strong{display:block;margin:0 0 10px -5px;font-weight:500;font-size:14px;line-height:18px;color:#d9e1e8}.report-accounts__item>strong:lang(ja){font-weight:700}.report-accounts__item>strong:lang(ko){font-weight:700}.report-accounts__item>strong:lang(zh-CN){font-weight:700}.report-accounts__item>strong:lang(zh-HK){font-weight:700}.report-accounts__item>strong:lang(zh-TW){font-weight:700}.report-accounts__item .account-card{flex:1 1 auto}.report-status,.account-status{display:flex;margin-bottom:10px}.report-status .activity-stream,.account-status .activity-stream{flex:2 0 0;margin-right:20px;max-width:calc(100% - 60px)}.report-status .activity-stream .entry,.account-status .activity-stream .entry{border-radius:4px}.report-status__actions,.account-status__actions{flex:0 0 auto;display:flex;flex-direction:column}.report-status__actions .icon-button,.account-status__actions .icon-button{font-size:24px;width:24px;text-align:center;margin-bottom:10px}.simple_form.new_report_note,.simple_form.new_account_moderation_note{max-width:100%}.batch-form-box{display:flex;flex-wrap:wrap;margin-bottom:5px}.batch-form-box #form_status_batch_action{margin:0 5px 5px 0;font-size:14px}.batch-form-box input.button{margin:0 5px 5px 0}.batch-form-box .media-spoiler-toggle-buttons{margin-left:auto}.batch-form-box .media-spoiler-toggle-buttons .button{overflow:visible;margin:0 0 5px 5px;float:right}.back-link{margin-bottom:10px;font-size:14px}.back-link a{color:#d8a070;text-decoration:none}.back-link a:hover{text-decoration:underline}.spacer{flex:1 1 auto}.log-entry{line-height:20px;padding:15px 0;background:#121a24;border-bottom:1px solid #192432}.log-entry:last-child{border-bottom:0}.log-entry__header{display:flex;justify-content:flex-start;align-items:center;color:#9baec8;font-size:14px;padding:0 10px}.log-entry__avatar{margin-right:10px}.log-entry__avatar .avatar{display:block;margin:0;border-radius:50%;width:40px;height:40px}.log-entry__content{max-width:calc(100% - 90px)}.log-entry__title{word-wrap:break-word}.log-entry__timestamp{color:#3e5a7c}.log-entry a,.log-entry .username,.log-entry .target{color:#d9e1e8;text-decoration:none;font-weight:500}a.name-tag,.name-tag,a.inline-name-tag,.inline-name-tag{text-decoration:none;color:#d9e1e8}a.name-tag .username,.name-tag .username,a.inline-name-tag .username,.inline-name-tag .username{font-weight:500}a.name-tag.suspended .username,.name-tag.suspended .username,a.inline-name-tag.suspended .username,.inline-name-tag.suspended .username{text-decoration:line-through;color:#e87487}a.name-tag.suspended .avatar,.name-tag.suspended .avatar,a.inline-name-tag.suspended .avatar,.inline-name-tag.suspended .avatar{filter:grayscale(100%);opacity:.8}a.name-tag,.name-tag{display:flex;align-items:center}a.name-tag .avatar,.name-tag .avatar{display:block;margin:0;margin-right:5px;border-radius:50%}a.name-tag.suspended .avatar,.name-tag.suspended .avatar{filter:grayscale(100%);opacity:.8}.speech-bubble{margin-bottom:20px;border-left:4px solid #d8a070}.speech-bubble.positive{border-left-color:#79bd9a}.speech-bubble.negative{border-left-color:#e87487}.speech-bubble.warning{border-left-color:#ca8f04}.speech-bubble__bubble{padding:16px;padding-left:14px;font-size:15px;line-height:20px;border-radius:4px 4px 4px 0;position:relative;font-weight:500}.speech-bubble__bubble a{color:#9baec8}.speech-bubble__owner{padding:8px;padding-left:12px}.speech-bubble time{color:#3e5a7c}.report-card{background:#121a24;border-radius:4px;margin-bottom:20px}.report-card__profile{display:flex;justify-content:space-between;align-items:center;padding:15px}.report-card__profile .account{padding:0;border:0}.report-card__profile .account__avatar-wrapper{margin-left:0}.report-card__profile__stats{flex:0 0 auto;font-weight:500;color:#9baec8;text-transform:uppercase;text-align:right}.report-card__profile__stats a{color:inherit;text-decoration:none}.report-card__profile__stats a:focus,.report-card__profile__stats a:hover,.report-card__profile__stats a:active{color:#b5c3d6}.report-card__profile__stats .red{color:#df405a}.report-card__summary__item{display:flex;justify-content:flex-start;border-top:1px solid #0b1016}.report-card__summary__item:hover{background:#151f2b}.report-card__summary__item__reported-by,.report-card__summary__item__assigned{padding:15px;flex:0 0 auto;box-sizing:border-box;width:150px;color:#9baec8}.report-card__summary__item__reported-by,.report-card__summary__item__reported-by .username,.report-card__summary__item__assigned,.report-card__summary__item__assigned .username{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.report-card__summary__item__content{flex:1 1 auto;max-width:calc(100% - 300px)}.report-card__summary__item__content__icon{color:#3e5a7c;margin-right:4px;font-weight:500}.report-card__summary__item__content a{display:block;box-sizing:border-box;width:100%;padding:15px;text-decoration:none;color:#9baec8}.one-line{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ellipsized-ip{display:inline-block;max-width:120px;overflow:hidden;text-overflow:ellipsis;vertical-align:middle}.admin-account-bio{display:flex;flex-wrap:wrap;margin:0 -5px;margin-top:20px}.admin-account-bio>div{box-sizing:border-box;padding:0 5px;margin-bottom:10px;flex:1 0 50%}.admin-account-bio .account__header__fields,.admin-account-bio .account__header__content{background:#202e3f;border-radius:4px;height:100%}.admin-account-bio .account__header__fields{margin:0;border:0}.admin-account-bio .account__header__fields a{color:#e1b590}.admin-account-bio .account__header__fields dl:first-child .verified{border-radius:0 4px 0 0}.admin-account-bio .account__header__fields .verified a{color:#79bd9a}.admin-account-bio .account__header__content{box-sizing:border-box;padding:20px;color:#fff}.center-text{text-align:center}.announcements-list{border:1px solid #192432;border-radius:4px}.announcements-list__item{padding:15px 0;background:#121a24;border-bottom:1px solid #192432}.announcements-list__item__title{padding:0 15px;display:block;font-weight:500;font-size:18px;line-height:1.5;color:#d9e1e8;text-decoration:none;margin-bottom:10px}.announcements-list__item__title:hover,.announcements-list__item__title:focus,.announcements-list__item__title:active{color:#fff}.announcements-list__item__meta{padding:0 15px;color:#3e5a7c}.announcements-list__item__action-bar{display:flex;justify-content:space-between;align-items:center}.announcements-list__item:last-child{border-bottom:0}.emojione[title=\":wavy_dash:\"],.emojione[title=\":waving_black_flag:\"],.emojione[title=\":water_buffalo:\"],.emojione[title=\":video_game:\"],.emojione[title=\":video_camera:\"],.emojione[title=\":vhs:\"],.emojione[title=\":turkey:\"],.emojione[title=\":tophat:\"],.emojione[title=\":top:\"],.emojione[title=\":tm:\"],.emojione[title=\":telephone_receiver:\"],.emojione[title=\":spider:\"],.emojione[title=\":speaking_head_in_silhouette:\"],.emojione[title=\":spades:\"],.emojione[title=\":soon:\"],.emojione[title=\":registered:\"],.emojione[title=\":on:\"],.emojione[title=\":musical_score:\"],.emojione[title=\":movie_camera:\"],.emojione[title=\":mortar_board:\"],.emojione[title=\":microphone:\"],.emojione[title=\":male-guard:\"],.emojione[title=\":lower_left_fountain_pen:\"],.emojione[title=\":lower_left_ballpoint_pen:\"],.emojione[title=\":kaaba:\"],.emojione[title=\":joystick:\"],.emojione[title=\":hole:\"],.emojione[title=\":hocho:\"],.emojione[title=\":heavy_plus_sign:\"],.emojione[title=\":heavy_multiplication_x:\"],.emojione[title=\":heavy_minus_sign:\"],.emojione[title=\":heavy_dollar_sign:\"],.emojione[title=\":heavy_division_sign:\"],.emojione[title=\":heavy_check_mark:\"],.emojione[title=\":guardsman:\"],.emojione[title=\":gorilla:\"],.emojione[title=\":fried_egg:\"],.emojione[title=\":film_projector:\"],.emojione[title=\":female-guard:\"],.emojione[title=\":end:\"],.emojione[title=\":electric_plug:\"],.emojione[title=\":eight_pointed_black_star:\"],.emojione[title=\":dark_sunglasses:\"],.emojione[title=\":currency_exchange:\"],.emojione[title=\":curly_loop:\"],.emojione[title=\":copyright:\"],.emojione[title=\":clubs:\"],.emojione[title=\":camera_with_flash:\"],.emojione[title=\":camera:\"],.emojione[title=\":busts_in_silhouette:\"],.emojione[title=\":bust_in_silhouette:\"],.emojione[title=\":bowling:\"],.emojione[title=\":bomb:\"],.emojione[title=\":black_small_square:\"],.emojione[title=\":black_nib:\"],.emojione[title=\":black_medium_square:\"],.emojione[title=\":black_medium_small_square:\"],.emojione[title=\":black_large_square:\"],.emojione[title=\":black_heart:\"],.emojione[title=\":black_circle:\"],.emojione[title=\":back:\"],.emojione[title=\":ant:\"],.emojione[title=\":8ball:\"]{filter:drop-shadow(1px 1px 0 #ffffff) drop-shadow(-1px 1px 0 #ffffff) drop-shadow(1px -1px 0 #ffffff) drop-shadow(-1px -1px 0 #ffffff)}.hicolor-privacy-icons .status__visibility-icon.fa-globe,.hicolor-privacy-icons .composer--options--dropdown--content--item .fa-globe{color:#1976d2}.hicolor-privacy-icons .status__visibility-icon.fa-unlock,.hicolor-privacy-icons .composer--options--dropdown--content--item .fa-unlock{color:#388e3c}.hicolor-privacy-icons .status__visibility-icon.fa-lock,.hicolor-privacy-icons .composer--options--dropdown--content--item .fa-lock{color:#ffa000}.hicolor-privacy-icons .status__visibility-icon.fa-envelope,.hicolor-privacy-icons .composer--options--dropdown--content--item .fa-envelope{color:#d32f2f}body.rtl{direction:rtl}body.rtl .column-header>button{text-align:right;padding-left:0;padding-right:15px}body.rtl .radio-button__input{margin-right:0;margin-left:10px}body.rtl .directory__card__bar .display-name{margin-left:0;margin-right:15px}body.rtl .display-name{text-align:right}body.rtl .notification__message{margin-left:0;margin-right:68px}body.rtl .drawer__inner__mastodon>img{transform:scaleX(-1)}body.rtl .notification__favourite-icon-wrapper{left:auto;right:-26px}body.rtl .landing-page__logo{margin-right:0;margin-left:20px}body.rtl .landing-page .features-list .features-list__row .visual{margin-left:0;margin-right:15px}body.rtl .column-link__icon,body.rtl .column-header__icon{margin-right:0;margin-left:5px}body.rtl .compose-form .compose-form__buttons-wrapper .character-counter__wrapper{margin-right:0;margin-left:4px}body.rtl .composer--publisher{text-align:left}body.rtl .boost-modal__status-time,body.rtl .favourite-modal__status-time{float:left}body.rtl .navigation-bar__profile{margin-left:0;margin-right:8px}body.rtl .search__input{padding-right:10px;padding-left:30px}body.rtl .search__icon .fa{right:auto;left:10px}body.rtl .columns-area{direction:rtl}body.rtl .column-header__buttons{left:0;right:auto;margin-left:0;margin-right:-15px}body.rtl .column-inline-form .icon-button{margin-left:0;margin-right:5px}body.rtl .column-header__links .text-btn{margin-left:10px;margin-right:0}body.rtl .account__avatar-wrapper{float:right}body.rtl .column-header__back-button{padding-left:5px;padding-right:0}body.rtl .column-header__setting-arrows{float:left}body.rtl .setting-toggle__label{margin-left:0;margin-right:8px}body.rtl .setting-meta__label{float:left}body.rtl .status__avatar{margin-left:10px;margin-right:0;left:auto;right:10px}body.rtl .activity-stream .status.light{padding-left:10px;padding-right:68px}body.rtl .status__info .status__display-name,body.rtl .activity-stream .status.light .status__display-name{padding-left:25px;padding-right:0}body.rtl .activity-stream .pre-header{padding-right:68px;padding-left:0}body.rtl .status__prepend{margin-left:0;margin-right:58px}body.rtl .status__prepend-icon-wrapper{left:auto;right:-26px}body.rtl .activity-stream .pre-header .pre-header__icon{left:auto;right:42px}body.rtl .account__avatar-overlay-overlay{right:auto;left:0}body.rtl .column-back-button--slim-button{right:auto;left:0}body.rtl .status__relative-time,body.rtl .activity-stream .status.light .status__header .status__meta{float:left;text-align:left}body.rtl .status__action-bar__counter{margin-right:0;margin-left:11px}body.rtl .status__action-bar__counter .status__action-bar-button{margin-right:0;margin-left:4px}body.rtl .status__action-bar-button{float:right;margin-right:0;margin-left:18px}body.rtl .status__action-bar-dropdown{float:right}body.rtl .privacy-dropdown__dropdown{margin-left:0;margin-right:40px}body.rtl .privacy-dropdown__option__icon{margin-left:10px;margin-right:0}body.rtl .detailed-status__display-name .display-name{text-align:right}body.rtl .detailed-status__display-avatar{margin-right:0;margin-left:10px;float:right}body.rtl .detailed-status__favorites,body.rtl .detailed-status__reblogs{margin-left:0;margin-right:6px}body.rtl .fa-ul{margin-left:2.14285714em}body.rtl .fa-li{left:auto;right:-2.14285714em}body.rtl .admin-wrapper{direction:rtl}body.rtl .admin-wrapper .sidebar ul a i.fa,body.rtl a.table-action-link i.fa{margin-right:0;margin-left:5px}body.rtl .simple_form .check_boxes .checkbox label{padding-left:0;padding-right:25px}body.rtl .simple_form .input.with_label.boolean label.checkbox{padding-left:25px;padding-right:0}body.rtl .simple_form .check_boxes .checkbox input[type=checkbox],body.rtl .simple_form .input.boolean input[type=checkbox]{left:auto;right:0}body.rtl .simple_form .input.radio_buttons .radio{left:auto;right:0}body.rtl .simple_form .input.radio_buttons .radio>label{padding-right:28px;padding-left:0}body.rtl .simple_form .input-with-append .input input{padding-left:142px;padding-right:0}body.rtl .simple_form .input.boolean label.checkbox{left:auto;right:0}body.rtl .simple_form .input.boolean .label_input,body.rtl .simple_form .input.boolean .hint{padding-left:0;padding-right:28px}body.rtl .simple_form .label_input__append{right:auto;left:3px}body.rtl .simple_form .label_input__append::after{right:auto;left:0;background-image:linear-gradient(to left, rgba(1, 1, 2, 0), #010102)}body.rtl .simple_form select{background:#010102 url(\"data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14.933 18.467' height='19.698' width='15.929'><path d='M3.467 14.967l-3.393-3.5H14.86l-3.392 3.5c-1.866 1.925-3.666 3.5-4 3.5-.335 0-2.135-1.575-4-3.5zm.266-11.234L7.467 0 11.2 3.733l3.733 3.734H0l3.733-3.734z' fill='%2326374D'/></svg>\") no-repeat left 8px center/auto 16px}body.rtl .table th,body.rtl .table td{text-align:right}body.rtl .filters .filter-subset{margin-right:0;margin-left:45px}body.rtl .landing-page .header-wrapper .mascot{right:60px;left:auto}body.rtl .landing-page__call-to-action .row__information-board{direction:rtl}body.rtl .landing-page .header .hero .floats .float-1{left:-120px;right:auto}body.rtl .landing-page .header .hero .floats .float-2{left:210px;right:auto}body.rtl .landing-page .header .hero .floats .float-3{left:110px;right:auto}body.rtl .landing-page .header .links .brand img{left:0}body.rtl .landing-page .fa-external-link{padding-right:5px;padding-left:0 !important}body.rtl .landing-page .features #mastodon-timeline{margin-right:0;margin-left:30px}@media screen and (min-width: 631px){body.rtl .column,body.rtl .drawer{padding-left:5px;padding-right:5px}body.rtl .column:first-child,body.rtl .drawer:first-child{padding-left:5px;padding-right:10px}body.rtl .columns-area>div .column,body.rtl .columns-area>div .drawer{padding-left:5px;padding-right:5px}}body.rtl .columns-area--mobile .column,body.rtl .columns-area--mobile .drawer{padding-left:0;padding-right:0}body.rtl .public-layout .header .nav-button{margin-left:8px;margin-right:0}body.rtl .public-layout .public-account-header__tabs{margin-left:0;margin-right:20px}body.rtl .landing-page__information .account__display-name{margin-right:0;margin-left:5px}body.rtl .landing-page__information .account__avatar-wrapper{margin-left:12px;margin-right:0}body.rtl .card__bar .display-name{margin-left:0;margin-right:15px;text-align:right}body.rtl .fa-chevron-left::before{content:\"\"}body.rtl .fa-chevron-right::before{content:\"\"}body.rtl .column-back-button__icon{margin-right:0;margin-left:5px}body.rtl .column-header__setting-arrows .column-header__setting-btn:last-child{padding-left:0;padding-right:10px}body.rtl .simple_form .input.radio_buttons .radio>label input{left:auto;right:0}.dashboard__counters{display:flex;flex-wrap:wrap;margin:0 -5px;margin-bottom:20px}.dashboard__counters>div{box-sizing:border-box;flex:0 0 33.333%;padding:0 5px;margin-bottom:10px}.dashboard__counters>div>div,.dashboard__counters>div>a{padding:20px;background:#192432;border-radius:4px;box-sizing:border-box;height:100%}.dashboard__counters>div>a{text-decoration:none;color:inherit;display:block}.dashboard__counters>div>a:hover,.dashboard__counters>div>a:focus,.dashboard__counters>div>a:active{background:#202e3f}.dashboard__counters__num,.dashboard__counters__text{text-align:center;font-weight:500;font-size:24px;line-height:21px;color:#fff;font-family:sans-serif,sans-serif;margin-bottom:20px;line-height:30px}.dashboard__counters__text{font-size:18px}.dashboard__counters__label{font-size:14px;color:#9baec8;text-align:center;font-weight:500}.dashboard__widgets{display:flex;flex-wrap:wrap;margin:0 -5px}.dashboard__widgets>div{flex:0 0 33.333%;margin-bottom:20px}.dashboard__widgets>div>div{padding:0 5px}.dashboard__widgets a:not(.name-tag){color:#d9e1e8;font-weight:500;text-decoration:none}","/* http://meyerweb.com/eric/tools/css/reset/\n   v2.0 | 20110126\n   License: none (public domain)\n*/\n\nhtml, body, div, span, applet, object, iframe,\nh1, h2, h3, h4, h5, h6, p, blockquote, pre,\na, abbr, acronym, address, big, cite, code,\ndel, dfn, em, img, ins, kbd, q, s, samp,\nsmall, strike, strong, sub, sup, tt, var,\nb, u, i, center,\ndl, dt, dd, ol, ul, li,\nfieldset, form, label, legend,\ntable, caption, tbody, tfoot, thead, tr, th, td,\narticle, aside, canvas, details, embed,\nfigure, figcaption, footer, header, hgroup,\nmenu, nav, output, ruby, section, summary,\ntime, mark, audio, video {\n  margin: 0;\n  padding: 0;\n  border: 0;\n  font-size: 100%;\n  font: inherit;\n  vertical-align: baseline;\n}\n\n/* HTML5 display-role reset for older browsers */\narticle, aside, details, figcaption, figure,\nfooter, header, hgroup, menu, nav, section {\n  display: block;\n}\n\nbody {\n  line-height: 1;\n}\n\nol, ul {\n  list-style: none;\n}\n\nblockquote, q {\n  quotes: none;\n}\n\nblockquote:before, blockquote:after,\nq:before, q:after {\n  content: '';\n  content: none;\n}\n\ntable {\n  border-collapse: collapse;\n  border-spacing: 0;\n}\n\nhtml {\n  scrollbar-color: lighten($ui-base-color, 4%) rgba($base-overlay-background, 0.1);\n}\n\n::-webkit-scrollbar {\n  width: 12px;\n  height: 12px;\n}\n\n::-webkit-scrollbar-thumb {\n  background: lighten($ui-base-color, 4%);\n  border: 0px none $base-border-color;\n  border-radius: 50px;\n}\n\n::-webkit-scrollbar-thumb:hover {\n  background: lighten($ui-base-color, 6%);\n}\n\n::-webkit-scrollbar-thumb:active {\n  background: lighten($ui-base-color, 4%);\n}\n\n::-webkit-scrollbar-track {\n  border: 0px none $base-border-color;\n  border-radius: 0;\n  background: rgba($base-overlay-background, 0.1);\n}\n\n::-webkit-scrollbar-track:hover {\n  background: $ui-base-color;\n}\n\n::-webkit-scrollbar-track:active {\n  background: $ui-base-color;\n}\n\n::-webkit-scrollbar-corner {\n  background: transparent;\n}\n","// Commonly used web colors\n$black: #000000;            // Black\n$white: #ffffff;            // White\n$success-green: #79bd9a;    // Padua\n$error-red: #df405a;        // Cerise\n$warning-red: #ff5050;      // Sunset Orange\n$gold-star: #ca8f04;        // Dark Goldenrod\n\n$red-bookmark: $warning-red;\n\n// Pleroma-Dark colors\n$pleroma-bg: #121a24;\n$pleroma-fg: #182230;\n$pleroma-text: #b9b9ba;\n$pleroma-links: #d8a070;\n\n// Values from the classic Mastodon UI\n$classic-base-color: $pleroma-bg;\n$classic-primary-color: #9baec8;\n$classic-secondary-color: #d9e1e8;\n$classic-highlight-color: #d8a070;\n\n// Variables for defaults in UI\n$base-shadow-color: $black !default;\n$base-overlay-background: $black !default;\n$base-border-color: $white !default;\n$simple-background-color: $white !default;\n$valid-value-color: $success-green !default;\n$error-value-color: $error-red !default;\n\n// Tell UI to use selected colors\n$ui-base-color: $classic-base-color !default;                  // Darkest\n$ui-base-lighter-color: lighten($ui-base-color, 26%) !default; // Lighter darkest\n$ui-primary-color: $classic-primary-color !default;            // Lighter\n$ui-secondary-color: $classic-secondary-color !default;        // Lightest\n$ui-highlight-color: $classic-highlight-color !default;\n\n// Variables for texts\n$primary-text-color: $white !default;\n$darker-text-color: $ui-primary-color !default;\n$dark-text-color: $ui-base-lighter-color !default;\n$secondary-text-color: $ui-secondary-color !default;\n$highlight-text-color: $ui-highlight-color !default;\n$action-button-color: $ui-base-lighter-color !default;\n// For texts on inverted backgrounds\n$inverted-text-color: $ui-base-color !default;\n$lighter-text-color: $ui-base-lighter-color !default;\n$light-text-color: $ui-primary-color !default;\n\n// Language codes that uses CJK fonts\n$cjk-langs: ja, ko, zh-CN, zh-HK, zh-TW;\n\n// Variables for components\n$media-modal-media-max-width: 100%;\n// put margins on top and bottom of image to avoid the screen covered by image.\n$media-modal-media-max-height: 80%;\n\n$no-gap-breakpoint: 415px;\n\n$font-sans-serif: sans-serif !default;\n$font-display: sans-serif !default;\n$font-monospace: monospace !default;\n\n// Avatar border size (8% default, 100% for rounded avatars)\n$ui-avatar-border-size: 8%;\n\n// More variables\n$dismiss-overlay-width: 4rem;\n","@function hex-color($color) {\n  @if type-of($color) == 'color' {\n    $color: str-slice(ie-hex-str($color), 4);\n  }\n  @return '%23' + unquote($color)\n}\n\nbody {\n  font-family: $font-sans-serif, sans-serif;\n  background: darken($ui-base-color, 7%);\n  font-size: 13px;\n  line-height: 18px;\n  font-weight: 400;\n  color: $primary-text-color;\n  text-rendering: optimizelegibility;\n  font-feature-settings: \"kern\";\n  text-size-adjust: none;\n  -webkit-tap-highlight-color: rgba(0,0,0,0);\n  -webkit-tap-highlight-color: transparent;\n\n  &.system-font {\n    // system-ui => standard property (Chrome/Android WebView 56+, Opera 43+, Safari 11+)\n    // -apple-system => Safari <11 specific\n    // BlinkMacSystemFont => Chrome <56 on macOS specific\n    // Segoe UI => Windows 7/8/10\n    // Oxygen => KDE\n    // Ubuntu => Unity/Ubuntu\n    // Cantarell => GNOME\n    // Fira Sans => Firefox OS\n    // Droid Sans => Older Androids (<4.0)\n    // Helvetica Neue => Older macOS <10.11\n    // $font-sans-serif => web-font (Roboto) fallback and newer Androids (>=4.0)\n    font-family: system-ui, -apple-system, BlinkMacSystemFont, \"Segoe UI\", \"Oxygen\", \"Ubuntu\", \"Cantarell\", \"Fira Sans\", \"Droid Sans\", \"Helvetica Neue\", $font-sans-serif, sans-serif;\n  }\n\n  &.app-body {\n    padding: 0;\n\n    &.layout-single-column {\n      height: auto;\n      min-height: 100vh;\n      overflow-y: scroll;\n    }\n\n    &.layout-multiple-columns {\n      position: absolute;\n      width: 100%;\n      height: 100%;\n    }\n\n    &.with-modals--active {\n      overflow-y: hidden;\n    }\n  }\n\n  &.lighter {\n    background: $ui-base-color;\n  }\n\n  &.with-modals {\n    overflow-x: hidden;\n    overflow-y: scroll;\n\n    &--active {\n      overflow-y: hidden;\n    }\n  }\n\n  &.embed {\n    background: lighten($ui-base-color, 4%);\n    margin: 0;\n    padding-bottom: 0;\n\n    .container {\n      position: absolute;\n      width: 100%;\n      height: 100%;\n      overflow: hidden;\n    }\n  }\n\n  &.admin {\n    background: darken($ui-base-color, 4%);\n    padding: 0;\n  }\n\n  &.error {\n    position: absolute;\n    text-align: center;\n    color: $darker-text-color;\n    background: $ui-base-color;\n    width: 100%;\n    height: 100%;\n    padding: 0;\n    display: flex;\n    justify-content: center;\n    align-items: center;\n\n    .dialog {\n      vertical-align: middle;\n      margin: 20px;\n\n      img {\n        display: block;\n        max-width: 470px;\n        width: 100%;\n        height: auto;\n        margin-top: -120px;\n      }\n\n      h1 {\n        font-size: 20px;\n        line-height: 28px;\n        font-weight: 400;\n      }\n    }\n  }\n}\n\nbutton {\n  font-family: inherit;\n  cursor: pointer;\n\n  &:focus {\n    outline: none;\n  }\n}\n\n.app-holder {\n  &,\n  & > div {\n    display: flex;\n    width: 100%;\n    align-items: center;\n    justify-content: center;\n    outline: 0 !important;\n  }\n}\n\n.layout-single-column .app-holder {\n  &,\n  & > div {\n    min-height: 100vh;\n  }\n}\n\n.layout-multiple-columns .app-holder {\n  &,\n  & > div {\n    height: 100%;\n  }\n}\n",".container-alt {\n  width: 700px;\n  margin: 0 auto;\n  margin-top: 40px;\n\n  @media screen and (max-width: 740px) {\n    width: 100%;\n    margin: 0;\n  }\n}\n\n.logo-container {\n  margin: 100px auto 50px;\n\n  @media screen and (max-width: 500px) {\n    margin: 40px auto 0;\n  }\n\n  h1 {\n    display: flex;\n    justify-content: center;\n    align-items: center;\n\n    svg {\n      fill: $primary-text-color;\n      height: 42px;\n      margin-right: 10px;\n    }\n\n    a {\n      display: flex;\n      justify-content: center;\n      align-items: center;\n      color: $primary-text-color;\n      text-decoration: none;\n      outline: 0;\n      padding: 12px 16px;\n      line-height: 32px;\n      font-family: $font-display, sans-serif;\n      font-weight: 500;\n      font-size: 14px;\n    }\n  }\n}\n\n.compose-standalone {\n  .compose-form {\n    width: 400px;\n    margin: 0 auto;\n    padding: 20px 0;\n    margin-top: 40px;\n    box-sizing: border-box;\n\n    @media screen and (max-width: 400px) {\n      width: 100%;\n      margin-top: 0;\n      padding: 20px;\n    }\n  }\n}\n\n.account-header {\n  width: 400px;\n  margin: 0 auto;\n  display: flex;\n  font-size: 13px;\n  line-height: 18px;\n  box-sizing: border-box;\n  padding: 20px 0;\n  padding-bottom: 0;\n  margin-bottom: -30px;\n  margin-top: 40px;\n\n  @media screen and (max-width: 440px) {\n    width: 100%;\n    margin: 0;\n    margin-bottom: 10px;\n    padding: 20px;\n    padding-bottom: 0;\n  }\n\n  .avatar {\n    width: 40px;\n    height: 40px;\n    @include avatar-size(40px);\n    margin-right: 8px;\n\n    img {\n      width: 100%;\n      height: 100%;\n      display: block;\n      margin: 0;\n      border-radius: 4px;\n      @include avatar-radius();\n    }\n  }\n\n  .name {\n    flex: 1 1 auto;\n    color: $secondary-text-color;\n    width: calc(100% - 88px);\n\n    .username {\n      display: block;\n      font-weight: 500;\n      text-overflow: ellipsis;\n      overflow: hidden;\n    }\n  }\n\n  .logout-link {\n    display: block;\n    font-size: 32px;\n    line-height: 40px;\n    margin-left: 8px;\n  }\n}\n\n.grid-3 {\n  display: grid;\n  grid-gap: 10px;\n  grid-template-columns: 3fr 1fr;\n  grid-auto-columns: 25%;\n  grid-auto-rows: max-content;\n\n  .column-0 {\n    grid-column: 1/3;\n    grid-row: 1;\n  }\n\n  .column-1 {\n    grid-column: 1;\n    grid-row: 2;\n  }\n\n  .column-2 {\n    grid-column: 2;\n    grid-row: 2;\n  }\n\n  .column-3 {\n    grid-column: 1/3;\n    grid-row: 3;\n  }\n\n  @media screen and (max-width: $no-gap-breakpoint) {\n    grid-gap: 0;\n    grid-template-columns: minmax(0, 100%);\n\n    .column-0 {\n      grid-column: 1;\n    }\n\n    .column-1 {\n      grid-column: 1;\n      grid-row: 3;\n    }\n\n    .column-2 {\n      grid-column: 1;\n      grid-row: 2;\n    }\n\n    .column-3 {\n      grid-column: 1;\n      grid-row: 4;\n    }\n  }\n}\n\n.grid-4 {\n  display: grid;\n  grid-gap: 10px;\n  grid-template-columns: repeat(4, minmax(0, 1fr));\n  grid-auto-columns: 25%;\n  grid-auto-rows: max-content;\n\n  .column-0 {\n    grid-column: 1 / 5;\n    grid-row: 1;\n  }\n\n  .column-1 {\n    grid-column: 1 / 4;\n    grid-row: 2;\n  }\n\n  .column-2 {\n    grid-column: 4;\n    grid-row: 2;\n  }\n\n  .column-3 {\n    grid-column: 2 / 5;\n    grid-row: 3;\n  }\n\n  .column-4 {\n    grid-column: 1;\n    grid-row: 3;\n  }\n\n  .landing-page__call-to-action {\n    min-height: 100%;\n  }\n\n  .flash-message {\n    margin-bottom: 10px;\n  }\n\n  @media screen and (max-width: 738px) {\n    grid-template-columns: minmax(0, 50%) minmax(0, 50%);\n\n    .landing-page__call-to-action {\n      padding: 20px;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n    }\n\n    .row__information-board {\n      width: 100%;\n      justify-content: center;\n      align-items: center;\n    }\n\n    .row__mascot {\n      display: none;\n    }\n  }\n\n  @media screen and (max-width: $no-gap-breakpoint) {\n    grid-gap: 0;\n    grid-template-columns: minmax(0, 100%);\n\n    .column-0 {\n      grid-column: 1;\n    }\n\n    .column-1 {\n      grid-column: 1;\n      grid-row: 3;\n    }\n\n    .column-2 {\n      grid-column: 1;\n      grid-row: 2;\n    }\n\n    .column-3 {\n      grid-column: 1;\n      grid-row: 5;\n    }\n\n    .column-4 {\n      grid-column: 1;\n      grid-row: 4;\n    }\n  }\n}\n\n.public-layout {\n  @media screen and (max-width: $no-gap-breakpoint) {\n    padding-top: 48px;\n  }\n\n  .container {\n    max-width: 960px;\n\n    @media screen and (max-width: $no-gap-breakpoint) {\n      padding: 0;\n    }\n  }\n\n  .header {\n    background: lighten($ui-base-color, 8%);\n    box-shadow: 0 0 15px rgba($base-shadow-color, 0.2);\n    border-radius: 4px;\n    height: 48px;\n    margin: 10px 0;\n    display: flex;\n    align-items: stretch;\n    justify-content: center;\n    flex-wrap: nowrap;\n    overflow: hidden;\n\n    @media screen and (max-width: $no-gap-breakpoint) {\n      position: fixed;\n      width: 100%;\n      top: 0;\n      left: 0;\n      margin: 0;\n      border-radius: 0;\n      box-shadow: none;\n      z-index: 110;\n    }\n\n    & > div {\n      flex: 1 1 33.3%;\n      min-height: 1px;\n    }\n\n    .nav-left {\n      display: flex;\n      align-items: stretch;\n      justify-content: flex-start;\n      flex-wrap: nowrap;\n    }\n\n    .nav-center {\n      display: flex;\n      align-items: stretch;\n      justify-content: center;\n      flex-wrap: nowrap;\n    }\n\n    .nav-right {\n      display: flex;\n      align-items: stretch;\n      justify-content: flex-end;\n      flex-wrap: nowrap;\n    }\n\n    .brand {\n      display: block;\n      padding: 15px;\n\n      svg {\n        display: block;\n        height: 18px;\n        width: auto;\n        position: relative;\n        bottom: -2px;\n        fill: $primary-text-color;\n\n        @media screen and (max-width: $no-gap-breakpoint) {\n          height: 20px;\n        }\n      }\n\n      &:hover,\n      &:focus,\n      &:active {\n        background: lighten($ui-base-color, 12%);\n      }\n    }\n\n    .nav-link {\n      display: flex;\n      align-items: center;\n      padding: 0 1rem;\n      font-size: 12px;\n      font-weight: 500;\n      text-decoration: none;\n      color: $darker-text-color;\n      white-space: nowrap;\n      text-align: center;\n\n      &:hover,\n      &:focus,\n      &:active {\n        text-decoration: underline;\n        color: $primary-text-color;\n      }\n\n      @media screen and (max-width: 550px) {\n        &.optional {\n          display: none;\n        }\n      }\n    }\n\n    .nav-button {\n      background: lighten($ui-base-color, 16%);\n      margin: 8px;\n      margin-left: 0;\n      border-radius: 4px;\n\n      &:hover,\n      &:focus,\n      &:active {\n        text-decoration: none;\n        background: lighten($ui-base-color, 20%);\n      }\n    }\n  }\n\n  $no-columns-breakpoint: 600px;\n\n  .grid {\n    display: grid;\n    grid-gap: 10px;\n    grid-template-columns: minmax(300px, 3fr) minmax(298px, 1fr);\n    grid-auto-columns: 25%;\n    grid-auto-rows: max-content;\n\n    .column-0 {\n      grid-row: 1;\n      grid-column: 1;\n    }\n\n    .column-1 {\n      grid-row: 1;\n      grid-column: 2;\n    }\n\n    @media screen and (max-width: $no-columns-breakpoint) {\n      grid-template-columns: 100%;\n      grid-gap: 0;\n\n      .column-1 {\n        display: none;\n      }\n    }\n  }\n\n  .directory__card {\n    border-radius: 4px;\n\n    @media screen and (max-width: $no-gap-breakpoint) {\n      border-radius: 0;\n    }\n  }\n\n  .page-header {\n    @media screen and (max-width: $no-gap-breakpoint) {\n      border-bottom: 0;\n    }\n  }\n\n  .public-account-header {\n    overflow: hidden;\n    margin-bottom: 10px;\n    box-shadow: 0 0 15px rgba($base-shadow-color, 0.2);\n\n    &.inactive {\n      opacity: 0.5;\n\n      .public-account-header__image,\n      .avatar {\n        filter: grayscale(100%);\n      }\n\n      .logo-button {\n        background-color: $secondary-text-color;\n      }\n    }\n\n    &__image {\n      border-radius: 4px 4px 0 0;\n      overflow: hidden;\n      height: 300px;\n      position: relative;\n      background: darken($ui-base-color, 12%);\n\n      &::after {\n        content: \"\";\n        display: block;\n        position: absolute;\n        width: 100%;\n        height: 100%;\n        box-shadow: inset 0 -1px 1px 1px rgba($base-shadow-color, 0.15);\n        top: 0;\n        left: 0;\n      }\n\n      img {\n        object-fit: cover;\n        display: block;\n        width: 100%;\n        height: 100%;\n        margin: 0;\n        border-radius: 4px 4px 0 0;\n      }\n\n      @media screen and (max-width: 600px) {\n        height: 200px;\n      }\n    }\n\n    &--no-bar {\n      margin-bottom: 0;\n\n      .public-account-header__image,\n      .public-account-header__image img {\n        border-radius: 4px;\n\n        @media screen and (max-width: $no-gap-breakpoint) {\n          border-radius: 0;\n        }\n      }\n    }\n\n    @media screen and (max-width: $no-gap-breakpoint) {\n      margin-bottom: 0;\n      box-shadow: none;\n\n      &__image::after {\n        display: none;\n      }\n\n      &__image,\n      &__image img {\n        border-radius: 0;\n      }\n    }\n\n    &__bar {\n      position: relative;\n      margin-top: -80px;\n      display: flex;\n      justify-content: flex-start;\n\n      &::before {\n        content: \"\";\n        display: block;\n        background: lighten($ui-base-color, 4%);\n        position: absolute;\n        bottom: 0;\n        left: 0;\n        right: 0;\n        height: 60px;\n        border-radius: 0 0 4px 4px;\n        z-index: -1;\n      }\n\n      .avatar {\n        display: block;\n        width: 120px;\n        height: 120px;\n        @include avatar-size(120px);\n        padding-left: 20px - 4px;\n        flex: 0 0 auto;\n\n        img {\n          display: block;\n          width: 100%;\n          height: 100%;\n          margin: 0;\n          border-radius: 50%;\n          border: 4px solid lighten($ui-base-color, 4%);\n          background: darken($ui-base-color, 8%);\n          @include avatar-radius();\n        }\n      }\n\n      @media screen and (max-width: 600px) {\n        margin-top: 0;\n        background: lighten($ui-base-color, 4%);\n        border-radius: 0 0 4px 4px;\n        padding: 5px;\n\n        &::before {\n          display: none;\n        }\n\n        .avatar {\n          width: 48px;\n          height: 48px;\n          @include avatar-size(48px);\n          padding: 7px 0;\n          padding-left: 10px;\n\n          img {\n            border: 0;\n            border-radius: 4px;\n            @include avatar-radius();\n          }\n\n          @media screen and (max-width: 360px) {\n            display: none;\n          }\n        }\n      }\n\n      @media screen and (max-width: $no-gap-breakpoint) {\n        border-radius: 0;\n      }\n\n      @media screen and (max-width: $no-columns-breakpoint) {\n        flex-wrap: wrap;\n      }\n    }\n\n    &__tabs {\n      flex: 1 1 auto;\n      margin-left: 20px;\n\n      &__name {\n        padding-top: 20px;\n        padding-bottom: 8px;\n\n        h1 {\n          font-size: 20px;\n          line-height: 18px * 1.5;\n          color: $primary-text-color;\n          font-weight: 500;\n          overflow: hidden;\n          white-space: nowrap;\n          text-overflow: ellipsis;\n          text-shadow: 1px 1px 1px $base-shadow-color;\n\n          small {\n            display: block;\n            font-size: 14px;\n            color: $primary-text-color;\n            font-weight: 400;\n            overflow: hidden;\n            text-overflow: ellipsis;\n          }\n        }\n      }\n\n      @media screen and (max-width: 600px) {\n        margin-left: 15px;\n        display: flex;\n        justify-content: space-between;\n        align-items: center;\n\n        &__name {\n          padding-top: 0;\n          padding-bottom: 0;\n\n          h1 {\n            font-size: 16px;\n            line-height: 24px;\n            text-shadow: none;\n\n            small {\n              color: $darker-text-color;\n            }\n          }\n        }\n      }\n\n      &__tabs {\n        display: flex;\n        justify-content: flex-start;\n        align-items: stretch;\n        height: 58px;\n\n        .details-counters {\n          display: flex;\n          flex-direction: row;\n          min-width: 300px;\n        }\n\n        @media screen and (max-width: $no-columns-breakpoint) {\n          .details-counters {\n            display: none;\n          }\n        }\n\n        .counter {\n          min-width: 33.3%;\n          box-sizing: border-box;\n          flex: 0 0 auto;\n          color: $darker-text-color;\n          padding: 10px;\n          border-right: 1px solid lighten($ui-base-color, 4%);\n          cursor: default;\n          text-align: center;\n          position: relative;\n\n          a {\n            display: block;\n          }\n\n          &:last-child {\n            border-right: 0;\n          }\n\n          &::after {\n            display: block;\n            content: \"\";\n            position: absolute;\n            bottom: 0;\n            left: 0;\n            width: 100%;\n            border-bottom: 4px solid $ui-primary-color;\n            opacity: 0.5;\n            transition: all 400ms ease;\n          }\n\n          &.active {\n            &::after {\n              border-bottom: 4px solid $highlight-text-color;\n              opacity: 1;\n            }\n\n            &.inactive::after {\n              border-bottom-color: $secondary-text-color;\n            }\n          }\n\n          &:hover {\n            &::after {\n              opacity: 1;\n              transition-duration: 100ms;\n            }\n          }\n\n          a {\n            text-decoration: none;\n            color: inherit;\n          }\n\n          .counter-label {\n            font-size: 12px;\n            display: block;\n          }\n\n          .counter-number {\n            font-weight: 500;\n            font-size: 18px;\n            margin-bottom: 5px;\n            color: $primary-text-color;\n            font-family: $font-display, sans-serif;\n          }\n        }\n\n        .spacer {\n          flex: 1 1 auto;\n          height: 1px;\n        }\n\n        &__buttons {\n          padding: 7px 8px;\n        }\n      }\n    }\n\n    &__extra {\n      display: none;\n      margin-top: 4px;\n\n      .public-account-bio {\n        border-radius: 0;\n        box-shadow: none;\n        background: transparent;\n        margin: 0 -5px;\n\n        .account__header__fields {\n          border-top: 1px solid lighten($ui-base-color, 12%);\n        }\n\n        .roles {\n          display: none;\n        }\n      }\n\n      &__links {\n        margin-top: -15px;\n        font-size: 14px;\n        color: $darker-text-color;\n\n        a {\n          display: inline-block;\n          color: $darker-text-color;\n          text-decoration: none;\n          padding: 15px;\n          font-weight: 500;\n\n          strong {\n            font-weight: 700;\n            color: $primary-text-color;\n          }\n        }\n      }\n\n      @media screen and (max-width: $no-columns-breakpoint) {\n        display: block;\n        flex: 100%;\n      }\n    }\n  }\n\n  .account__section-headline {\n    border-radius: 4px 4px 0 0;\n\n    @media screen and (max-width: $no-gap-breakpoint) {\n      border-radius: 0;\n    }\n  }\n\n  .detailed-status__meta {\n    margin-top: 25px;\n  }\n\n  .public-account-bio {\n    background: lighten($ui-base-color, 8%);\n    box-shadow: 0 0 15px rgba($base-shadow-color, 0.2);\n    border-radius: 4px;\n    overflow: hidden;\n    margin-bottom: 10px;\n\n    @media screen and (max-width: $no-gap-breakpoint) {\n      box-shadow: none;\n      margin-bottom: 0;\n      border-radius: 0;\n    }\n\n    .account__header__fields {\n      margin: 0;\n      border-top: 0;\n\n      a {\n        color: lighten($ui-highlight-color, 8%);\n      }\n\n      dl:first-child .verified {\n        border-radius: 0 4px 0 0;\n      }\n\n      .verified a {\n        color: $valid-value-color;\n      }\n    }\n\n    .account__header__content {\n      padding: 20px;\n      padding-bottom: 0;\n      color: $primary-text-color;\n    }\n\n    &__extra,\n    .roles {\n      padding: 20px;\n      font-size: 14px;\n      color: $darker-text-color;\n    }\n\n    .roles {\n      padding-bottom: 0;\n    }\n  }\n\n  .directory__list {\n    display: grid;\n    grid-gap: 10px;\n    grid-template-columns: minmax(0, 50%) minmax(0, 50%);\n\n    @media screen and (max-width: $no-gap-breakpoint) {\n      display: block;\n    }\n\n    .icon-button {\n      font-size: 18px;\n    }\n  }\n\n  .directory__card {\n    margin-bottom: 0;\n  }\n\n  .card-grid {\n    display: flex;\n    flex-wrap: wrap;\n    min-width: 100%;\n    margin: 0 -5px;\n\n    & > div {\n      box-sizing: border-box;\n      flex: 1 0 auto;\n      width: 300px;\n      padding: 0 5px;\n      margin-bottom: 10px;\n      max-width: 33.333%;\n\n      @media screen and (max-width: 900px) {\n        max-width: 50%;\n      }\n\n      @media screen and (max-width: 600px) {\n        max-width: 100%;\n      }\n    }\n\n    @media screen and (max-width: $no-gap-breakpoint) {\n      margin: 0;\n      border-top: 1px solid lighten($ui-base-color, 8%);\n\n      & > div {\n        width: 100%;\n        padding: 0;\n        margin-bottom: 0;\n        border-bottom: 1px solid lighten($ui-base-color, 8%);\n\n        &:last-child {\n          border-bottom: 0;\n        }\n\n        .card__bar {\n          background: $ui-base-color;\n\n          &:hover,\n          &:active,\n          &:focus {\n            background: lighten($ui-base-color, 4%);\n          }\n        }\n      }\n    }\n  }\n}\n","@mixin avatar-radius() {\n  border-radius: $ui-avatar-border-size;\n  background-position: 50%;\n  background-clip: padding-box;\n}\n\n@mixin avatar-size($size:48px) {\n  width: $size;\n  height: $size;\n  background-size: $size $size;\n}\n\n@mixin single-column($media, $parent: '&') {\n  .auto-columns #{$parent} {\n    @media #{$media} {\n      @content;\n    }\n  }\n  .single-column #{$parent} {\n    @content;\n  }\n}\n\n@mixin limited-single-column($media, $parent: '&') {\n  .auto-columns #{$parent}, .single-column #{$parent} {\n    @media #{$media} {\n      @content;\n    }\n  }\n}\n\n@mixin multi-columns($media, $parent: '&') {\n  .auto-columns #{$parent} {\n    @media #{$media} {\n      @content;\n    }\n  }\n  .multi-columns #{$parent} {\n    @content;\n  }\n}\n\n@mixin fullwidth-gallery {\n  &.full-width {\n    margin-left: -14px;\n    margin-right: -14px;\n    width: inherit;\n    max-width: none;\n    height: 250px;\n    border-radius: 0px;\n  }\n}\n\n@mixin search-input() {\n  outline: 0;\n  box-sizing: border-box;\n  width: 100%;\n  border: none;\n  box-shadow: none;\n  font-family: inherit;\n  background: $ui-base-color;\n  color: $darker-text-color;\n  font-size: 14px;\n  margin: 0;\n}\n\n@mixin search-popout() {\n  background: $simple-background-color;\n  border-radius: 4px;\n  padding: 10px 14px;\n  padding-bottom: 14px;\n  margin-top: 10px;\n  color: $light-text-color;\n  box-shadow: 2px 4px 15px rgba($base-shadow-color, 0.4);\n\n  h4 {\n    text-transform: uppercase;\n    color: $light-text-color;\n    font-size: 13px;\n    font-weight: 500;\n    margin-bottom: 10px;\n  }\n\n  li {\n    padding: 4px 0;\n  }\n\n  ul {\n    margin-bottom: 10px;\n  }\n\n  em {\n    font-weight: 500;\n    color: $inverted-text-color;\n  }\n}\n",".no-list {\n  list-style: none;\n\n  li {\n    display: inline-block;\n    margin: 0 5px;\n  }\n}\n\n.recovery-codes {\n  list-style: none;\n  margin: 0 auto;\n\n  li {\n    font-size: 125%;\n    line-height: 1.5;\n    letter-spacing: 1px;\n  }\n}\n",".modal-layout {\n  background: $ui-base-color url('data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 234.80078 31.757813\" width=\"234.80078\" height=\"31.757812\"><path d=\"M19.599609 0c-1.05 0-2.10039.375-2.90039 1.125L0 16.925781v14.832031h234.80078V17.025391l-16.5-15.900391c-1.6-1.5-4.20078-1.5-5.80078 0l-13.80078 13.099609c-1.6 1.5-4.19883 1.5-5.79883 0L179.09961 1.125c-1.6-1.5-4.19883-1.5-5.79883 0L159.5 14.224609c-1.6 1.5-4.20078 1.5-5.80078 0L139.90039 1.125c-1.6-1.5-4.20078-1.5-5.80078 0l-13.79883 13.099609c-1.6 1.5-4.20078 1.5-5.80078 0L100.69922 1.125c-1.600001-1.5-4.198829-1.5-5.798829 0l-13.59961 13.099609c-1.6 1.5-4.200781 1.5-5.800781 0L61.699219 1.125c-1.6-1.5-4.198828-1.5-5.798828 0L42.099609 14.224609c-1.6 1.5-4.198828 1.5-5.798828 0L22.5 1.125C21.7.375 20.649609 0 19.599609 0z\" fill=\"#{hex-color($ui-base-lighter-color)}\"/></svg>') repeat-x bottom fixed;\n  display: flex;\n  flex-direction: column;\n  height: 100vh;\n  padding: 0;\n}\n\n.modal-layout__mastodon {\n  display: flex;\n  flex: 1;\n  flex-direction: column;\n  justify-content: flex-end;\n\n  > * {\n    flex: 1;\n    max-height: 235px;\n  }\n}\n\n@media screen and (max-width: 600px) {\n  .account-header {\n    margin-top: 0;\n  }\n}\n",".public-layout {\n  .footer {\n    text-align: left;\n    padding-top: 20px;\n    padding-bottom: 60px;\n    font-size: 12px;\n    color: lighten($ui-base-color, 34%);\n\n    @media screen and (max-width: $no-gap-breakpoint) {\n      padding-left: 20px;\n      padding-right: 20px;\n    }\n\n    .grid {\n      display: grid;\n      grid-gap: 10px;\n      grid-template-columns: 1fr 1fr 2fr 1fr 1fr;\n\n      .column-0 {\n        grid-column: 1;\n        grid-row: 1;\n        min-width: 0;\n      }\n\n      .column-1 {\n        grid-column: 2;\n        grid-row: 1;\n        min-width: 0;\n      }\n\n      .column-2 {\n        grid-column: 3;\n        grid-row: 1;\n        min-width: 0;\n        text-align: center;\n\n        h4 a {\n          color: lighten($ui-base-color, 34%);\n        }\n      }\n\n      .column-3 {\n        grid-column: 4;\n        grid-row: 1;\n        min-width: 0;\n      }\n\n      .column-4 {\n        grid-column: 5;\n        grid-row: 1;\n        min-width: 0;\n      }\n\n      @media screen and (max-width: 690px) {\n        grid-template-columns: 1fr 2fr 1fr;\n\n        .column-0,\n        .column-1 {\n          grid-column: 1;\n        }\n\n        .column-1 {\n          grid-row: 2;\n        }\n\n        .column-2 {\n          grid-column: 2;\n        }\n\n        .column-3,\n        .column-4 {\n          grid-column: 3;\n        }\n\n        .column-4 {\n          grid-row: 2;\n        }\n      }\n\n      @media screen and (max-width: 600px) {\n        .column-1 {\n          display: block;\n        }\n      }\n\n      @media screen and (max-width: $no-gap-breakpoint) {\n        .column-0,\n        .column-1,\n        .column-3,\n        .column-4 {\n          display: none;\n        }\n      }\n    }\n\n    h4 {\n      text-transform: uppercase;\n      font-weight: 700;\n      margin-bottom: 8px;\n      color: $darker-text-color;\n\n      a {\n        color: inherit;\n        text-decoration: none;\n      }\n    }\n\n    ul a {\n      text-decoration: none;\n      color: lighten($ui-base-color, 34%);\n\n      &:hover,\n      &:active,\n      &:focus {\n        text-decoration: underline;\n      }\n    }\n\n    .brand {\n      svg {\n        display: block;\n        height: 36px;\n        width: auto;\n        margin: 0 auto;\n        fill: lighten($ui-base-color, 34%);\n      }\n\n      &:hover,\n      &:focus,\n      &:active {\n        svg {\n          fill: lighten($ui-base-color, 38%);\n        }\n      }\n    }\n  }\n}\n",".compact-header {\n  h1 {\n    font-size: 24px;\n    line-height: 28px;\n    color: $darker-text-color;\n    font-weight: 500;\n    margin-bottom: 20px;\n    padding: 0 10px;\n    word-wrap: break-word;\n\n    @media screen and (max-width: 740px) {\n      text-align: center;\n      padding: 20px 10px 0;\n    }\n\n    a {\n      color: inherit;\n      text-decoration: none;\n    }\n\n    small {\n      font-weight: 400;\n      color: $secondary-text-color;\n    }\n\n    img {\n      display: inline-block;\n      margin-bottom: -5px;\n      margin-right: 15px;\n      width: 36px;\n      height: 36px;\n    }\n  }\n}\n",".hero-widget {\n  margin-bottom: 10px;\n  box-shadow: 0 0 15px rgba($base-shadow-color, 0.2);\n\n  &__img {\n    width: 100%;\n    position: relative;\n    overflow: hidden;\n    border-radius: 4px 4px 0 0;\n    background: $base-shadow-color;\n\n    img {\n      object-fit: cover;\n      display: block;\n      width: 100%;\n      height: 100%;\n      margin: 0;\n      border-radius: 4px 4px 0 0;\n    }\n  }\n\n  &__text {\n    background: $ui-base-color;\n    padding: 20px;\n    border-radius: 0 0 4px 4px;\n    font-size: 15px;\n    color: $darker-text-color;\n    line-height: 20px;\n    word-wrap: break-word;\n    font-weight: 400;\n\n    .emojione {\n      width: 20px;\n      height: 20px;\n      margin: -3px 0 0;\n    }\n\n    p {\n      margin-bottom: 20px;\n\n      &:last-child {\n        margin-bottom: 0;\n      }\n    }\n\n    em {\n      display: inline;\n      margin: 0;\n      padding: 0;\n      font-weight: 700;\n      background: transparent;\n      font-family: inherit;\n      font-size: inherit;\n      line-height: inherit;\n      color: lighten($darker-text-color, 10%);\n    }\n\n    a {\n      color: $secondary-text-color;\n      text-decoration: none;\n\n      &:hover {\n        text-decoration: underline;\n      }\n    }\n  }\n\n  @media screen and (max-width: $no-gap-breakpoint) {\n    display: none;\n  }\n}\n\n.endorsements-widget {\n  margin-bottom: 10px;\n  padding-bottom: 10px;\n\n  h4 {\n    padding: 10px;\n    text-transform: uppercase;\n    font-weight: 700;\n    font-size: 13px;\n    color: $darker-text-color;\n  }\n\n  .account {\n    padding: 10px 0;\n\n    &:last-child {\n      border-bottom: 0;\n    }\n\n    .account__display-name {\n      display: flex;\n      align-items: center;\n    }\n\n    .account__avatar {\n      width: 44px;\n      height: 44px;\n      background-size: 44px 44px;\n    }\n  }\n\n  .trends__item {\n    padding: 10px;\n  }\n}\n\n.trends-widget {\n  h4 {\n    color: $darker-text-color;\n  }\n}\n\n.box-widget {\n  padding: 20px;\n  border-radius: 4px;\n  background: $ui-base-color;\n  box-shadow: 0 0 15px rgba($base-shadow-color, 0.2);\n}\n\n.placeholder-widget {\n  padding: 16px;\n  border-radius: 4px;\n  border: 2px dashed $dark-text-color;\n  text-align: center;\n  color: $darker-text-color;\n  margin-bottom: 10px;\n}\n\n.contact-widget {\n  min-height: 100%;\n  font-size: 15px;\n  color: $darker-text-color;\n  line-height: 20px;\n  word-wrap: break-word;\n  font-weight: 400;\n  padding: 0;\n\n  h4 {\n    padding: 10px;\n    text-transform: uppercase;\n    font-weight: 700;\n    font-size: 13px;\n    color: $darker-text-color;\n  }\n\n  .account {\n    border-bottom: 0;\n    padding: 10px 0;\n    padding-top: 5px;\n  }\n\n  & > a {\n    display: inline-block;\n    padding: 10px;\n    padding-top: 0;\n    color: $darker-text-color;\n    text-decoration: none;\n    white-space: nowrap;\n    overflow: hidden;\n    text-overflow: ellipsis;\n\n    &:hover,\n    &:focus,\n    &:active {\n      text-decoration: underline;\n    }\n  }\n}\n\n.moved-account-widget {\n  padding: 15px;\n  padding-bottom: 20px;\n  border-radius: 4px;\n  background: $ui-base-color;\n  box-shadow: 0 0 15px rgba($base-shadow-color, 0.2);\n  color: $secondary-text-color;\n  font-weight: 400;\n  margin-bottom: 10px;\n\n  strong,\n  a {\n    font-weight: 500;\n\n    @each $lang in $cjk-langs {\n      &:lang(#{$lang}) {\n        font-weight: 700;\n      }\n    }\n  }\n\n  a {\n    color: inherit;\n    text-decoration: underline;\n\n    &.mention {\n      text-decoration: none;\n\n      span {\n        text-decoration: none;\n      }\n\n      &:focus,\n      &:hover,\n      &:active {\n        text-decoration: none;\n\n        span {\n          text-decoration: underline;\n        }\n      }\n    }\n  }\n\n  &__message {\n    margin-bottom: 15px;\n\n    .fa {\n      margin-right: 5px;\n      color: $darker-text-color;\n    }\n  }\n\n  &__card {\n    .detailed-status__display-avatar {\n      position: relative;\n      cursor: pointer;\n    }\n\n    .detailed-status__display-name {\n      margin-bottom: 0;\n      text-decoration: none;\n\n      span {\n        font-weight: 400;\n      }\n    }\n  }\n}\n\n.memoriam-widget {\n  padding: 20px;\n  border-radius: 4px;\n  background: $base-shadow-color;\n  box-shadow: 0 0 15px rgba($base-shadow-color, 0.2);\n  font-size: 14px;\n  color: $darker-text-color;\n  margin-bottom: 10px;\n}\n\n.page-header {\n  background: lighten($ui-base-color, 8%);\n  box-shadow: 0 0 15px rgba($base-shadow-color, 0.2);\n  border-radius: 4px;\n  padding: 60px 15px;\n  text-align: center;\n  margin: 10px 0;\n\n  h1 {\n    color: $primary-text-color;\n    font-size: 36px;\n    line-height: 1.1;\n    font-weight: 700;\n    margin-bottom: 10px;\n  }\n\n  p {\n    font-size: 15px;\n    color: $darker-text-color;\n  }\n\n  @media screen and (max-width: $no-gap-breakpoint) {\n    margin-top: 0;\n    background: lighten($ui-base-color, 4%);\n\n    h1 {\n      font-size: 24px;\n    }\n  }\n}\n\n.directory {\n  background: $ui-base-color;\n  border-radius: 4px;\n  box-shadow: 0 0 15px rgba($base-shadow-color, 0.2);\n\n  &__tag {\n    box-sizing: border-box;\n    margin-bottom: 10px;\n\n    & > a,\n    & > div {\n      display: flex;\n      align-items: center;\n      justify-content: space-between;\n      background: $ui-base-color;\n      border-radius: 4px;\n      padding: 15px;\n      text-decoration: none;\n      color: inherit;\n      box-shadow: 0 0 15px rgba($base-shadow-color, 0.2);\n    }\n\n    & > a {\n      &:hover,\n      &:active,\n      &:focus {\n        background: lighten($ui-base-color, 8%);\n      }\n    }\n\n    &.active > a {\n      background: $ui-highlight-color;\n      cursor: default;\n    }\n\n    &.disabled > div {\n      opacity: 0.5;\n      cursor: default;\n    }\n\n    h4 {\n      flex: 1 1 auto;\n      font-size: 18px;\n      font-weight: 700;\n      color: $primary-text-color;\n      white-space: nowrap;\n      overflow: hidden;\n      text-overflow: ellipsis;\n\n      .fa {\n        color: $darker-text-color;\n      }\n\n      small {\n        display: block;\n        font-weight: 400;\n        font-size: 15px;\n        margin-top: 8px;\n        color: $darker-text-color;\n      }\n    }\n\n    &.active h4 {\n      &,\n      .fa,\n      small {\n        color: $primary-text-color;\n      }\n    }\n\n    .avatar-stack {\n      flex: 0 0 auto;\n      width: (36px + 4px) * 3;\n    }\n\n    &.active .avatar-stack .account__avatar {\n      border-color: $ui-highlight-color;\n    }\n  }\n}\n\n.avatar-stack {\n  display: flex;\n  justify-content: flex-end;\n\n  .account__avatar {\n    flex: 0 0 auto;\n    width: 36px;\n    height: 36px;\n    border-radius: 50%;\n    position: relative;\n    margin-left: -10px;\n    background: darken($ui-base-color, 8%);\n    border: 2px solid $ui-base-color;\n\n    &:nth-child(1) {\n      z-index: 1;\n    }\n\n    &:nth-child(2) {\n      z-index: 2;\n    }\n\n    &:nth-child(3) {\n      z-index: 3;\n    }\n  }\n}\n\n.accounts-table {\n  width: 100%;\n\n  .account {\n    padding: 0;\n    border: 0;\n  }\n\n  strong {\n    font-weight: 700;\n  }\n\n  thead th {\n    text-align: center;\n    text-transform: uppercase;\n    color: $darker-text-color;\n    font-weight: 700;\n    padding: 10px;\n\n    &:first-child {\n      text-align: left;\n    }\n  }\n\n  tbody td {\n    padding: 15px 0;\n    vertical-align: middle;\n    border-bottom: 1px solid lighten($ui-base-color, 8%);\n  }\n\n  tbody tr:last-child td {\n    border-bottom: 0;\n  }\n\n  &__count {\n    width: 120px;\n    text-align: center;\n    font-size: 15px;\n    font-weight: 500;\n    color: $primary-text-color;\n\n    small {\n      display: block;\n      color: $darker-text-color;\n      font-weight: 400;\n      font-size: 14px;\n    }\n  }\n\n  &__comment {\n    width: 50%;\n    vertical-align: initial !important;\n  }\n\n  @media screen and (max-width: $no-gap-breakpoint) {\n    tbody td.optional {\n      display: none;\n    }\n  }\n}\n\n.moved-account-widget,\n.memoriam-widget,\n.box-widget,\n.contact-widget,\n.landing-page__information.contact-widget,\n.directory,\n.page-header {\n  @media screen and (max-width: $no-gap-breakpoint) {\n    margin-bottom: 0;\n    box-shadow: none;\n    border-radius: 0;\n  }\n}\n\n$maximum-width: 1235px;\n$fluid-breakpoint: $maximum-width + 20px;\n\n.statuses-grid {\n  min-height: 600px;\n\n  @media screen and (max-width: 640px) {\n    width: 100% !important; // Masonry layout is unnecessary at this width\n  }\n\n  &__item {\n    width: (960px - 20px) / 3;\n\n    @media screen and (max-width: $fluid-breakpoint) {\n      width: (940px - 20px) / 3;\n    }\n\n    @media screen and (max-width: 640px) {\n      width: 100%;\n    }\n\n    @media screen and (max-width: $no-gap-breakpoint) {\n      width: 100vw;\n    }\n  }\n\n  .detailed-status {\n    border-radius: 4px;\n\n    @media screen and (max-width: $no-gap-breakpoint) {\n      border-top: 1px solid lighten($ui-base-color, 16%);\n    }\n\n    &.compact {\n      .detailed-status__meta {\n        margin-top: 15px;\n      }\n\n      .status__content {\n        font-size: 15px;\n        line-height: 20px;\n\n        .emojione {\n          width: 20px;\n          height: 20px;\n          margin: -3px 0 0;\n        }\n\n        .status__content__spoiler-link {\n          line-height: 20px;\n          margin: 0;\n        }\n      }\n\n      .media-gallery,\n      .status-card,\n      .video-player {\n        margin-top: 15px;\n      }\n    }\n  }\n}\n\n.notice-widget {\n  margin-bottom: 10px;\n  color: $darker-text-color;\n\n  p {\n    margin-bottom: 10px;\n\n    &:last-child {\n      margin-bottom: 0;\n    }\n  }\n\n  a {\n    font-size: 14px;\n    line-height: 20px;\n  }\n}\n\n.notice-widget,\n.placeholder-widget {\n  a {\n    text-decoration: none;\n    font-weight: 500;\n    color: $ui-highlight-color;\n\n    &:hover,\n    &:focus,\n    &:active {\n      text-decoration: underline;\n    }\n  }\n}\n\n.table-of-contents {\n  background: darken($ui-base-color, 4%);\n  min-height: 100%;\n  font-size: 14px;\n  border-radius: 4px;\n\n  li a {\n    display: block;\n    font-weight: 500;\n    padding: 15px;\n    overflow: hidden;\n    white-space: nowrap;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    text-decoration: none;\n    color: $primary-text-color;\n    border-bottom: 1px solid lighten($ui-base-color, 4%);\n\n    &:hover,\n    &:focus,\n    &:active {\n      text-decoration: underline;\n    }\n  }\n\n  li:last-child a {\n    border-bottom: 0;\n  }\n\n  li ul {\n    padding-left: 20px;\n    border-bottom: 1px solid lighten($ui-base-color, 4%);\n  }\n}\n","$no-columns-breakpoint: 600px;\n\ncode {\n  font-family: $font-monospace, monospace;\n  font-weight: 400;\n}\n\n.form-container {\n  max-width: 400px;\n  padding: 20px;\n  margin: 0 auto;\n}\n\n.simple_form {\n  .input {\n    margin-bottom: 15px;\n    overflow: hidden;\n\n    &.hidden {\n      margin: 0;\n    }\n\n    &.radio_buttons {\n      .radio {\n        margin-bottom: 15px;\n\n        &:last-child {\n          margin-bottom: 0;\n        }\n      }\n\n      .radio > label {\n        position: relative;\n        padding-left: 28px;\n\n        input {\n          position: absolute;\n          top: -2px;\n          left: 0;\n        }\n      }\n    }\n\n    &.boolean {\n      position: relative;\n      margin-bottom: 0;\n\n      .label_input > label {\n        font-family: inherit;\n        font-size: 14px;\n        padding-top: 5px;\n        color: $primary-text-color;\n        display: block;\n        width: auto;\n      }\n\n      .label_input,\n      .hint {\n        padding-left: 28px;\n      }\n\n      .label_input__wrapper {\n        position: static;\n      }\n\n      label.checkbox {\n        position: absolute;\n        top: 2px;\n        left: 0;\n      }\n\n      label a {\n        color: $highlight-text-color;\n        text-decoration: underline;\n\n        &:hover,\n        &:active,\n        &:focus {\n          text-decoration: none;\n        }\n      }\n\n      .recommended {\n        position: absolute;\n        margin: 0 4px;\n        margin-top: -2px;\n      }\n    }\n  }\n\n  .row {\n    display: flex;\n    margin: 0 -5px;\n\n    .input {\n      box-sizing: border-box;\n      flex: 1 1 auto;\n      width: 50%;\n      padding: 0 5px;\n    }\n  }\n\n  .hint {\n    color: $darker-text-color;\n\n    a {\n      color: $highlight-text-color;\n    }\n\n    code {\n      border-radius: 3px;\n      padding: 0.2em 0.4em;\n      background: darken($ui-base-color, 12%);\n    }\n  }\n\n  span.hint {\n    display: block;\n    font-size: 12px;\n    margin-top: 4px;\n  }\n\n  p.hint {\n    margin-bottom: 15px;\n    color: $darker-text-color;\n\n    &.subtle-hint {\n      text-align: center;\n      font-size: 12px;\n      line-height: 18px;\n      margin-top: 15px;\n      margin-bottom: 0;\n    }\n  }\n\n  .card {\n    margin-bottom: 15px;\n  }\n\n  strong {\n    font-weight: 500;\n\n    @each $lang in $cjk-langs {\n      &:lang(#{$lang}) {\n        font-weight: 700;\n      }\n    }\n  }\n\n  .input.with_floating_label {\n    .label_input {\n      display: flex;\n\n      & > label {\n        font-family: inherit;\n        font-size: 14px;\n        color: $primary-text-color;\n        font-weight: 500;\n        min-width: 150px;\n        flex: 0 0 auto;\n      }\n\n      input,\n      select {\n        flex: 1 1 auto;\n      }\n    }\n\n    &.select .hint {\n      margin-top: 6px;\n      margin-left: 150px;\n    }\n  }\n\n  .input.with_label {\n    .label_input > label {\n      font-family: inherit;\n      font-size: 14px;\n      color: $primary-text-color;\n      display: block;\n      margin-bottom: 8px;\n      word-wrap: break-word;\n      font-weight: 500;\n    }\n\n    .hint {\n      margin-top: 6px;\n    }\n\n    ul {\n      flex: 390px;\n    }\n  }\n\n  .input.with_block_label {\n    max-width: none;\n\n    & > label {\n      font-family: inherit;\n      font-size: 16px;\n      color: $primary-text-color;\n      display: block;\n      font-weight: 500;\n      padding-top: 5px;\n    }\n\n    .hint {\n      margin-bottom: 15px;\n    }\n\n    ul {\n      columns: 2;\n    }\n  }\n\n  .input.datetime .label_input select {\n    display: inline-block;\n    width: auto;\n    flex: 0;\n  }\n\n  .required abbr {\n    text-decoration: none;\n    color: lighten($error-value-color, 12%);\n  }\n\n  .fields-group {\n    margin-bottom: 25px;\n\n    .input:last-child {\n      margin-bottom: 0;\n    }\n  }\n\n  .fields-row {\n    display: flex;\n    margin: 0 -10px;\n    padding-top: 5px;\n    margin-bottom: 25px;\n\n    .input {\n      max-width: none;\n    }\n\n    &__column {\n      box-sizing: border-box;\n      padding: 0 10px;\n      flex: 1 1 auto;\n      min-height: 1px;\n\n      &-6 {\n        max-width: 50%;\n      }\n\n      .actions {\n        margin-top: 27px;\n      }\n    }\n\n    .fields-group:last-child,\n    .fields-row__column.fields-group {\n      margin-bottom: 0;\n    }\n\n    @media screen and (max-width: $no-columns-breakpoint) {\n      display: block;\n      margin-bottom: 0;\n\n      &__column {\n        max-width: none;\n      }\n\n      .fields-group:last-child,\n      .fields-row__column.fields-group,\n      .fields-row__column {\n        margin-bottom: 25px;\n      }\n    }\n  }\n\n  .input.radio_buttons .radio label {\n    margin-bottom: 5px;\n    font-family: inherit;\n    font-size: 14px;\n    color: $primary-text-color;\n    display: block;\n    width: auto;\n  }\n\n  .check_boxes {\n    .checkbox {\n      label {\n        font-family: inherit;\n        font-size: 14px;\n        color: $primary-text-color;\n        display: inline-block;\n        width: auto;\n        position: relative;\n        padding-top: 5px;\n        padding-left: 25px;\n        flex: 1 1 auto;\n      }\n\n      input[type=checkbox] {\n        position: absolute;\n        left: 0;\n        top: 5px;\n        margin: 0;\n      }\n    }\n  }\n\n  .input.static .label_input__wrapper {\n    font-size: 16px;\n    padding: 10px;\n    border: 1px solid $dark-text-color;\n    border-radius: 4px;\n  }\n\n  input[type=text],\n  input[type=number],\n  input[type=email],\n  input[type=password],\n  textarea {\n    box-sizing: border-box;\n    font-size: 16px;\n    color: $primary-text-color;\n    display: block;\n    width: 100%;\n    outline: 0;\n    font-family: inherit;\n    resize: vertical;\n    background: darken($ui-base-color, 10%);\n    border: 1px solid darken($ui-base-color, 14%);\n    border-radius: 4px;\n    padding: 10px;\n\n    &::placeholder {\n      color: lighten($darker-text-color, 4%);\n    }\n\n    &:invalid {\n      box-shadow: none;\n    }\n\n    &:focus:invalid:not(:placeholder-shown) {\n      border-color: lighten($error-red, 12%);\n    }\n\n    &:required:valid {\n      border-color: $valid-value-color;\n    }\n\n    &:hover {\n      border-color: darken($ui-base-color, 20%);\n    }\n\n    &:active,\n    &:focus {\n      border-color: $highlight-text-color;\n      background: darken($ui-base-color, 8%);\n    }\n  }\n\n  .input.field_with_errors {\n    label {\n      color: lighten($error-red, 12%);\n    }\n\n    input[type=text],\n    input[type=number],\n    input[type=email],\n    input[type=password],\n    textarea,\n    select {\n      border-color: lighten($error-red, 12%);\n    }\n\n    .error {\n      display: block;\n      font-weight: 500;\n      color: lighten($error-red, 12%);\n      margin-top: 4px;\n    }\n  }\n\n  .input.disabled {\n    opacity: 0.5;\n  }\n\n  .actions {\n    margin-top: 30px;\n    display: flex;\n\n    &.actions--top {\n      margin-top: 0;\n      margin-bottom: 30px;\n    }\n  }\n\n  button,\n  .button,\n  .block-button {\n    display: block;\n    width: 100%;\n    border: 0;\n    border-radius: 4px;\n    background: $ui-highlight-color;\n    color: $primary-text-color;\n    font-size: 18px;\n    line-height: inherit;\n    height: auto;\n    padding: 10px;\n    text-transform: uppercase;\n    text-decoration: none;\n    text-align: center;\n    box-sizing: border-box;\n    cursor: pointer;\n    font-weight: 500;\n    outline: 0;\n    margin-bottom: 10px;\n    margin-right: 10px;\n\n    &:last-child {\n      margin-right: 0;\n    }\n\n    &:hover {\n      background-color: lighten($ui-highlight-color, 5%);\n    }\n\n    &:active,\n    &:focus {\n      background-color: darken($ui-highlight-color, 5%);\n    }\n\n    &:disabled:hover {\n      background-color: $ui-primary-color;\n    }\n\n    &.negative {\n      background: $error-value-color;\n\n      &:hover {\n        background-color: lighten($error-value-color, 5%);\n      }\n\n      &:active,\n      &:focus {\n        background-color: darken($error-value-color, 5%);\n      }\n    }\n  }\n\n  select {\n    appearance: none;\n    box-sizing: border-box;\n    font-size: 16px;\n    color: $primary-text-color;\n    display: block;\n    width: 100%;\n    outline: 0;\n    font-family: inherit;\n    resize: vertical;\n    background: darken($ui-base-color, 10%) url(\"data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14.933 18.467' height='19.698' width='15.929'><path d='M3.467 14.967l-3.393-3.5H14.86l-3.392 3.5c-1.866 1.925-3.666 3.5-4 3.5-.335 0-2.135-1.575-4-3.5zm.266-11.234L7.467 0 11.2 3.733l3.733 3.734H0l3.733-3.734z' fill='#{hex-color(lighten($ui-base-color, 12%))}'/></svg>\") no-repeat right 8px center / auto 16px;\n    border: 1px solid darken($ui-base-color, 14%);\n    border-radius: 4px;\n    padding-left: 10px;\n    padding-right: 30px;\n    height: 41px;\n  }\n\n  h4 {\n    margin-bottom: 15px !important;\n  }\n\n  .label_input {\n    &__wrapper {\n      position: relative;\n    }\n\n    &__append {\n      position: absolute;\n      right: 3px;\n      top: 1px;\n      padding: 10px;\n      padding-bottom: 9px;\n      font-size: 16px;\n      color: $dark-text-color;\n      font-family: inherit;\n      pointer-events: none;\n      cursor: default;\n      max-width: 140px;\n      white-space: nowrap;\n      overflow: hidden;\n\n      &::after {\n        content: '';\n        display: block;\n        position: absolute;\n        top: 0;\n        right: 0;\n        bottom: 1px;\n        width: 5px;\n        background-image: linear-gradient(to right, rgba(darken($ui-base-color, 10%), 0), darken($ui-base-color, 10%));\n      }\n    }\n  }\n\n  &__overlay-area {\n    position: relative;\n\n    &__blurred form {\n      filter: blur(2px);\n    }\n\n    &__overlay {\n      position: absolute;\n      top: 0;\n      left: 0;\n      width: 100%;\n      height: 100%;\n      display: flex;\n      justify-content: center;\n      align-items: center;\n      background: rgba($ui-base-color, 0.65);\n      border-radius: 4px;\n      margin-left: -4px;\n      margin-top: -4px;\n      padding: 4px;\n\n      &__content {\n        text-align: center;\n\n        &.rich-formatting {\n          &,\n          p {\n            color: $primary-text-color;\n          }\n        }\n      }\n    }\n  }\n}\n\n.block-icon {\n  display: block;\n  margin: 0 auto;\n  margin-bottom: 10px;\n  font-size: 24px;\n}\n\n.flash-message {\n  background: lighten($ui-base-color, 8%);\n  color: $darker-text-color;\n  border-radius: 4px;\n  padding: 15px 10px;\n  margin-bottom: 30px;\n  text-align: center;\n\n  &.notice {\n    border: 1px solid rgba($valid-value-color, 0.5);\n    background: rgba($valid-value-color, 0.25);\n    color: $valid-value-color;\n  }\n\n  &.alert {\n    border: 1px solid rgba($error-value-color, 0.5);\n    background: rgba($error-value-color, 0.25);\n    color: $error-value-color;\n  }\n\n  a {\n    display: inline-block;\n    color: $darker-text-color;\n    text-decoration: none;\n\n    &:hover {\n      color: $primary-text-color;\n      text-decoration: underline;\n    }\n  }\n\n  p {\n    margin-bottom: 15px;\n  }\n\n  .oauth-code {\n    outline: 0;\n    box-sizing: border-box;\n    display: block;\n    width: 100%;\n    border: none;\n    padding: 10px;\n    font-family: $font-monospace, monospace;\n    background: $ui-base-color;\n    color: $primary-text-color;\n    font-size: 14px;\n    margin: 0;\n\n    &::-moz-focus-inner {\n      border: 0;\n    }\n\n    &::-moz-focus-inner,\n    &:focus,\n    &:active {\n      outline: 0 !important;\n    }\n\n    &:focus {\n      background: lighten($ui-base-color, 4%);\n    }\n  }\n\n  strong {\n    font-weight: 500;\n\n    @each $lang in $cjk-langs {\n      &:lang(#{$lang}) {\n        font-weight: 700;\n      }\n    }\n  }\n\n  @media screen and (max-width: 740px) and (min-width: 441px) {\n    margin-top: 40px;\n  }\n}\n\n.form-footer {\n  margin-top: 30px;\n  text-align: center;\n\n  a {\n    color: $darker-text-color;\n    text-decoration: none;\n\n    &:hover {\n      text-decoration: underline;\n    }\n  }\n}\n\n.quick-nav {\n  list-style: none;\n  margin-bottom: 25px;\n  font-size: 14px;\n\n  li {\n    display: inline-block;\n    margin-right: 10px;\n  }\n\n  a {\n    color: $highlight-text-color;\n    text-transform: uppercase;\n    text-decoration: none;\n    font-weight: 700;\n\n    &:hover,\n    &:focus,\n    &:active {\n      color: lighten($highlight-text-color, 8%);\n    }\n  }\n}\n\n.oauth-prompt,\n.follow-prompt {\n  margin-bottom: 30px;\n  color: $darker-text-color;\n\n  h2 {\n    font-size: 16px;\n    margin-bottom: 30px;\n    text-align: center;\n  }\n\n  strong {\n    color: $secondary-text-color;\n    font-weight: 500;\n\n    @each $lang in $cjk-langs {\n      &:lang(#{$lang}) {\n        font-weight: 700;\n      }\n    }\n  }\n\n  @media screen and (max-width: 740px) and (min-width: 441px) {\n    margin-top: 40px;\n  }\n}\n\n.qr-wrapper {\n  display: flex;\n  flex-wrap: wrap;\n  align-items: flex-start;\n}\n\n.qr-code {\n  flex: 0 0 auto;\n  background: $simple-background-color;\n  padding: 4px;\n  margin: 0 10px 20px 0;\n  box-shadow: 0 0 15px rgba($base-shadow-color, 0.2);\n  display: inline-block;\n\n  svg {\n    display: block;\n    margin: 0;\n  }\n}\n\n.qr-alternative {\n  margin-bottom: 20px;\n  color: $secondary-text-color;\n  flex: 150px;\n\n  samp {\n    display: block;\n    font-size: 14px;\n  }\n}\n\n.table-form {\n  p {\n    margin-bottom: 15px;\n\n    strong {\n      font-weight: 500;\n\n      @each $lang in $cjk-langs {\n        &:lang(#{$lang}) {\n          font-weight: 700;\n        }\n      }\n    }\n  }\n}\n\n.simple_form,\n.table-form {\n  .warning {\n    box-sizing: border-box;\n    background: rgba($error-value-color, 0.5);\n    color: $primary-text-color;\n    text-shadow: 1px 1px 0 rgba($base-shadow-color, 0.3);\n    box-shadow: 0 2px 6px rgba($base-shadow-color, 0.4);\n    border-radius: 4px;\n    padding: 10px;\n    margin-bottom: 15px;\n\n    a {\n      color: $primary-text-color;\n      text-decoration: underline;\n\n      &:hover,\n      &:focus,\n      &:active {\n        text-decoration: none;\n      }\n    }\n\n    strong {\n      font-weight: 600;\n      display: block;\n      margin-bottom: 5px;\n\n      @each $lang in $cjk-langs {\n        &:lang(#{$lang}) {\n          font-weight: 700;\n        }\n      }\n\n      .fa {\n        font-weight: 400;\n      }\n    }\n  }\n}\n\n.action-pagination {\n  display: flex;\n  flex-wrap: wrap;\n  align-items: center;\n\n  .actions,\n  .pagination {\n    flex: 1 1 auto;\n  }\n\n  .actions {\n    padding: 30px 0;\n    padding-right: 20px;\n    flex: 0 0 auto;\n  }\n}\n\n.post-follow-actions {\n  text-align: center;\n  color: $darker-text-color;\n\n  div {\n    margin-bottom: 4px;\n  }\n}\n\n.alternative-login {\n  margin-top: 20px;\n  margin-bottom: 20px;\n\n  h4 {\n    font-size: 16px;\n    color: $primary-text-color;\n    text-align: center;\n    margin-bottom: 20px;\n    border: 0;\n    padding: 0;\n  }\n\n  .button {\n    display: block;\n  }\n}\n\n.scope-danger {\n  color: $warning-red;\n}\n\n.form_admin_settings_site_short_description,\n.form_admin_settings_site_description,\n.form_admin_settings_site_extended_description,\n.form_admin_settings_site_terms,\n.form_admin_settings_custom_css,\n.form_admin_settings_closed_registrations_message {\n  textarea {\n    font-family: $font-monospace, monospace;\n  }\n}\n\n.input-copy {\n  background: darken($ui-base-color, 10%);\n  border: 1px solid darken($ui-base-color, 14%);\n  border-radius: 4px;\n  display: flex;\n  align-items: center;\n  padding-right: 4px;\n  position: relative;\n  top: 1px;\n  transition: border-color 300ms linear;\n\n  &__wrapper {\n    flex: 1 1 auto;\n  }\n\n  input[type=text] {\n    background: transparent;\n    border: 0;\n    padding: 10px;\n    font-size: 14px;\n    font-family: $font-monospace, monospace;\n  }\n\n  button {\n    flex: 0 0 auto;\n    margin: 4px;\n    text-transform: none;\n    font-weight: 400;\n    font-size: 14px;\n    padding: 7px 18px;\n    padding-bottom: 6px;\n    width: auto;\n    transition: background 300ms linear;\n  }\n\n  &.copied {\n    border-color: $valid-value-color;\n    transition: none;\n\n    button {\n      background: $valid-value-color;\n      transition: none;\n    }\n  }\n}\n\n.connection-prompt {\n  margin-bottom: 25px;\n\n  .fa-link {\n    background-color: darken($ui-base-color, 4%);\n    border-radius: 100%;\n    font-size: 24px;\n    padding: 10px;\n  }\n\n  &__column {\n    align-items: center;\n    display: flex;\n    flex: 1;\n    flex-direction: column;\n    flex-shrink: 1;\n    max-width: 50%;\n\n    &-sep {\n      align-self: center;\n      flex-grow: 0;\n      overflow: visible;\n      position: relative;\n      z-index: 1;\n    }\n\n    p {\n      word-break: break-word;\n    }\n  }\n\n  .account__avatar {\n    margin-bottom: 20px;\n  }\n\n  &__connection {\n    background-color: lighten($ui-base-color, 8%);\n    box-shadow: 0 0 15px rgba($base-shadow-color, 0.2);\n    border-radius: 4px;\n    padding: 25px 10px;\n    position: relative;\n    text-align: center;\n\n    &::after {\n      background-color: darken($ui-base-color, 4%);\n      content: '';\n      display: block;\n      height: 100%;\n      left: 50%;\n      position: absolute;\n      top: 0;\n      width: 1px;\n    }\n  }\n\n  &__row {\n    align-items: flex-start;\n    display: flex;\n    flex-direction: row;\n  }\n}\n",".card {\n  & > a {\n    display: block;\n    text-decoration: none;\n    color: inherit;\n    box-shadow: 0 0 15px rgba($base-shadow-color, 0.2);\n\n    @media screen and (max-width: $no-gap-breakpoint) {\n      box-shadow: none;\n    }\n\n    &:hover,\n    &:active,\n    &:focus {\n      .card__bar {\n        background: lighten($ui-base-color, 8%);\n      }\n    }\n  }\n\n  &__img {\n    height: 130px;\n    position: relative;\n    background: darken($ui-base-color, 12%);\n    border-radius: 4px 4px 0 0;\n\n    img {\n      display: block;\n      width: 100%;\n      height: 100%;\n      margin: 0;\n      object-fit: cover;\n      border-radius: 4px 4px 0 0;\n    }\n\n    @media screen and (max-width: 600px) {\n      height: 200px;\n    }\n\n    @media screen and (max-width: $no-gap-breakpoint) {\n      display: none;\n    }\n  }\n\n  &__bar {\n    position: relative;\n    padding: 15px;\n    display: flex;\n    justify-content: flex-start;\n    align-items: center;\n    background: lighten($ui-base-color, 4%);\n    border-radius: 0 0 4px 4px;\n\n    @media screen and (max-width: $no-gap-breakpoint) {\n      border-radius: 0;\n    }\n\n    .avatar {\n      flex: 0 0 auto;\n      width: 48px;\n      height: 48px;\n      @include avatar-size(48px);\n      padding-top: 2px;\n\n      img {\n        width: 100%;\n        height: 100%;\n        display: block;\n        margin: 0;\n        border-radius: 4px;\n        @include avatar-radius();\n        background: darken($ui-base-color, 8%);\n        object-fit: cover;\n      }\n    }\n\n    .display-name {\n      margin-left: 15px;\n      text-align: left;\n\n      strong {\n        font-size: 15px;\n        color: $primary-text-color;\n        font-weight: 500;\n        overflow: hidden;\n        text-overflow: ellipsis;\n      }\n\n      span {\n        display: block;\n        font-size: 14px;\n        color: $darker-text-color;\n        font-weight: 400;\n        overflow: hidden;\n        text-overflow: ellipsis;\n      }\n    }\n  }\n}\n\n.pagination {\n  padding: 30px 0;\n  text-align: center;\n  overflow: hidden;\n\n  a,\n  .current,\n  .newer,\n  .older,\n  .page,\n  .gap {\n    font-size: 14px;\n    color: $primary-text-color;\n    font-weight: 500;\n    display: inline-block;\n    padding: 6px 10px;\n    text-decoration: none;\n  }\n\n  .current {\n    background: $simple-background-color;\n    border-radius: 100px;\n    color: $inverted-text-color;\n    cursor: default;\n    margin: 0 10px;\n  }\n\n  .gap {\n    cursor: default;\n  }\n\n  .older,\n  .newer {\n    text-transform: uppercase;\n    color: $secondary-text-color;\n  }\n\n  .older {\n    float: left;\n    padding-left: 0;\n\n    .fa {\n      display: inline-block;\n      margin-right: 5px;\n    }\n  }\n\n  .newer {\n    float: right;\n    padding-right: 0;\n\n    .fa {\n      display: inline-block;\n      margin-left: 5px;\n    }\n  }\n\n  .disabled {\n    cursor: default;\n    color: lighten($inverted-text-color, 10%);\n  }\n\n  @media screen and (max-width: 700px) {\n    padding: 30px 20px;\n\n    .page {\n      display: none;\n    }\n\n    .newer,\n    .older {\n      display: inline-block;\n    }\n  }\n}\n\n.nothing-here {\n  background: $ui-base-color;\n  box-shadow: 0 0 15px rgba($base-shadow-color, 0.2);\n  color: $light-text-color;\n  font-size: 14px;\n  font-weight: 500;\n  text-align: center;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  cursor: default;\n  border-radius: 4px;\n  padding: 20px;\n  min-height: 30vh;\n\n  &--under-tabs {\n    border-radius: 0 0 4px 4px;\n  }\n\n  &--flexible {\n    box-sizing: border-box;\n    min-height: 100%;\n  }\n}\n\n.account-role,\n.simple_form .recommended {\n  display: inline-block;\n  padding: 4px 6px;\n  cursor: default;\n  border-radius: 3px;\n  font-size: 12px;\n  line-height: 12px;\n  font-weight: 500;\n  color: $ui-secondary-color;\n  background-color: rgba($ui-secondary-color, 0.1);\n  border: 1px solid rgba($ui-secondary-color, 0.5);\n\n  &.moderator {\n    color: $success-green;\n    background-color: rgba($success-green, 0.1);\n    border-color: rgba($success-green, 0.5);\n  }\n\n  &.admin {\n    color: lighten($error-red, 12%);\n    background-color: rgba(lighten($error-red, 12%), 0.1);\n    border-color: rgba(lighten($error-red, 12%), 0.5);\n  }\n}\n\n.account__header__fields {\n  max-width: 100vw;\n  padding: 0;\n  margin: 15px -15px -15px;\n  border: 0 none;\n  border-top: 1px solid lighten($ui-base-color, 12%);\n  border-bottom: 1px solid lighten($ui-base-color, 12%);\n  font-size: 14px;\n  line-height: 20px;\n\n  dl {\n    display: flex;\n    border-bottom: 1px solid lighten($ui-base-color, 12%);\n  }\n\n  dt,\n  dd {\n    box-sizing: border-box;\n    padding: 14px;\n    text-align: center;\n    max-height: 48px;\n    overflow: hidden;\n    white-space: nowrap;\n    text-overflow: ellipsis;\n  }\n\n  dt {\n    font-weight: 500;\n    width: 120px;\n    flex: 0 0 auto;\n    color: $secondary-text-color;\n    background: rgba(darken($ui-base-color, 8%), 0.5);\n  }\n\n  dd {\n    flex: 1 1 auto;\n    color: $darker-text-color;\n  }\n\n  a {\n    color: $highlight-text-color;\n    text-decoration: none;\n\n    &:hover,\n    &:focus,\n    &:active {\n      text-decoration: underline;\n    }\n  }\n\n  .verified {\n    border: 1px solid rgba($valid-value-color, 0.5);\n    background: rgba($valid-value-color, 0.25);\n\n    a {\n      color: $valid-value-color;\n      font-weight: 500;\n    }\n\n    &__mark {\n      color: $valid-value-color;\n    }\n  }\n\n  dl:last-child {\n    border-bottom: 0;\n  }\n}\n\n.directory__tag .trends__item__current {\n  width: auto;\n}\n\n.pending-account {\n  &__header {\n    color: $darker-text-color;\n\n    a {\n      color: $ui-secondary-color;\n      text-decoration: none;\n\n      &:hover,\n      &:active,\n      &:focus {\n        text-decoration: underline;\n      }\n    }\n\n    strong {\n      color: $primary-text-color;\n      font-weight: 700;\n    }\n  }\n\n  &__body {\n    margin-top: 10px;\n  }\n}\n",".activity-stream {\n  box-shadow: 0 0 15px rgba($base-shadow-color, 0.2);\n  border-radius: 4px;\n  overflow: hidden;\n  margin-bottom: 10px;\n\n  @media screen and (max-width: $no-gap-breakpoint) {\n    margin-bottom: 0;\n    border-radius: 0;\n    box-shadow: none;\n  }\n\n  &--headless {\n    border-radius: 0;\n    margin: 0;\n    box-shadow: none;\n\n    .detailed-status,\n    .status {\n      border-radius: 0 !important;\n    }\n  }\n\n  div[data-component] {\n    width: 100%;\n  }\n\n  .entry {\n    background: $ui-base-color;\n\n    .detailed-status,\n    .status,\n    .load-more {\n      animation: none;\n    }\n\n    &:last-child {\n      .detailed-status,\n      .status,\n      .load-more {\n        border-bottom: 0;\n        border-radius: 0 0 4px 4px;\n      }\n    }\n\n    &:first-child {\n      .detailed-status,\n      .status,\n      .load-more {\n        border-radius: 4px 4px 0 0;\n      }\n\n      &:last-child {\n        .detailed-status,\n        .status,\n        .load-more {\n          border-radius: 4px;\n        }\n      }\n    }\n\n    @media screen and (max-width: 740px) {\n      .detailed-status,\n      .status,\n      .load-more {\n        border-radius: 0 !important;\n      }\n    }\n  }\n\n  &--highlighted .entry {\n    background: lighten($ui-base-color, 8%);\n  }\n}\n\n.button.logo-button {\n  flex: 0 auto;\n  font-size: 14px;\n  background: $ui-highlight-color;\n  color: $primary-text-color;\n  text-transform: none;\n  line-height: 36px;\n  height: auto;\n  padding: 3px 15px;\n  border: 0;\n\n  svg {\n    width: 20px;\n    height: auto;\n    vertical-align: middle;\n    margin-right: 5px;\n    fill: $primary-text-color;\n  }\n\n  &:active,\n  &:focus,\n  &:hover {\n    background: lighten($ui-highlight-color, 10%);\n  }\n\n  &:disabled,\n  &.disabled {\n    &:active,\n    &:focus,\n    &:hover {\n      background: $ui-primary-color;\n    }\n  }\n\n  &.button--destructive {\n    &:active,\n    &:focus,\n    &:hover {\n      background: $error-red;\n    }\n  }\n\n  @media screen and (max-width: $no-gap-breakpoint) {\n    svg {\n      display: none;\n    }\n  }\n}\n\n.embed,\n.public-layout {\n  .detailed-status {\n    padding: 15px;\n  }\n\n  .status {\n    padding: 15px 15px 15px (48px + 15px * 2);\n    min-height: 48px + 2px;\n\n    &__avatar {\n      left: 15px;\n      top: 17px;\n    }\n\n    &__content {\n      padding-top: 5px;\n    }\n\n    &__prepend {\n      padding: 8px 0;\n      padding-bottom: 2px;\n      margin: initial;\n      margin-left: 48px + 15px * 2;\n      padding-top: 15px;\n    }\n\n    &__prepend-icon-wrapper {\n      position: absolute;\n      margin: initial;\n      float: initial;\n      width: auto;\n      left: -32px;\n    }\n\n    .media-gallery,\n    &__action-bar,\n    .video-player {\n      margin-top: 10px;\n    }\n  }\n}\n\n// Styling from upstream's WebUI, as public pages use the same layout\n.embed,\n.public-layout {\n  .status {\n    .status__info {\n      font-size: 15px;\n      display: initial;\n    }\n\n    .status__relative-time {\n      color: $dark-text-color;\n      float: right;\n      font-size: 14px;\n      width: auto;\n      margin: initial;\n      padding: initial;\n    }\n\n    .status__info .status__display-name {\n      display: block;\n      max-width: 100%;\n      padding: 6px 0;\n      padding-right: 25px;\n      margin: initial;\n\n      .display-name strong {\n        display: inline;\n      }\n    }\n\n    .status__avatar {\n      height: 48px;\n      position: absolute;\n      width: 48px;\n      margin: initial;\n    }\n  }\n}\n\n.rtl {\n  .embed,\n  .public-layout {\n    .status {\n      padding-left: 10px;\n      padding-right: 68px;\n\n      .status__info .status__display-name {\n        padding-left: 25px;\n        padding-right: 0;\n      }\n\n      .status__relative-time {\n        float: left;\n      }\n    }\n  }\n}\n\n.status__content__read-more-button {\n  display: block;\n  font-size: 15px;\n  line-height: 20px;\n  color: lighten($ui-highlight-color, 8%);\n  border: 0;\n  background: transparent;\n  padding: 0;\n  padding-top: 8px;\n  text-decoration: none;\n\n  &:hover,\n  &:active {\n    text-decoration: underline;\n  }\n}\n",".app-body {\n  -webkit-overflow-scrolling: touch;\n  -ms-overflow-style: -ms-autohiding-scrollbar;\n}\n\n.animated-number {\n  display: inline-flex;\n  flex-direction: column;\n  align-items: stretch;\n  overflow: hidden;\n  position: relative;\n}\n\n.link-button {\n  display: block;\n  font-size: 15px;\n  line-height: 20px;\n  color: $ui-highlight-color;\n  border: 0;\n  background: transparent;\n  padding: 0;\n  cursor: pointer;\n\n  &:hover,\n  &:active {\n    text-decoration: underline;\n  }\n\n  &:disabled {\n    color: $ui-primary-color;\n    cursor: default;\n  }\n}\n\n.button {\n  background-color: darken($ui-highlight-color, 3%);\n  border: 10px none;\n  border-radius: 4px;\n  box-sizing: border-box;\n  color: $primary-text-color;\n  cursor: pointer;\n  display: inline-block;\n  font-family: inherit;\n  font-size: 14px;\n  font-weight: 500;\n  height: 36px;\n  letter-spacing: 0;\n  line-height: 36px;\n  overflow: hidden;\n  padding: 0 16px;\n  position: relative;\n  text-align: center;\n  text-transform: uppercase;\n  text-decoration: none;\n  text-overflow: ellipsis;\n  transition: all 100ms ease-in;\n  transition-property: background-color;\n  white-space: nowrap;\n  width: auto;\n\n  &:active,\n  &:focus,\n  &:hover {\n    background-color: lighten($ui-highlight-color, 7%);\n    transition: all 200ms ease-out;\n    transition-property: background-color;\n  }\n\n  &--destructive {\n    transition: none;\n\n    &:active,\n    &:focus,\n    &:hover {\n      background-color: $error-red;\n      transition: none;\n    }\n  }\n\n  &:disabled {\n    background-color: $ui-primary-color;\n    cursor: default;\n  }\n\n  &.button-primary,\n  &.button-alternative,\n  &.button-secondary,\n  &.button-alternative-2 {\n    font-size: 16px;\n    line-height: 36px;\n    height: auto;\n    text-transform: none;\n    padding: 4px 16px;\n  }\n\n  &.button-alternative {\n    color: $inverted-text-color;\n    background: $ui-primary-color;\n\n    &:active,\n    &:focus,\n    &:hover {\n      background-color: lighten($ui-primary-color, 4%);\n    }\n  }\n\n  &.button-alternative-2 {\n    background: $ui-base-lighter-color;\n\n    &:active,\n    &:focus,\n    &:hover {\n      background-color: lighten($ui-base-lighter-color, 4%);\n    }\n  }\n\n  &.button-secondary {\n    font-size: 16px;\n    line-height: 36px;\n    height: auto;\n    color: $darker-text-color;\n    text-transform: none;\n    background: transparent;\n    padding: 3px 15px;\n    border-radius: 4px;\n    border: 1px solid $ui-primary-color;\n\n    &:active,\n    &:focus,\n    &:hover {\n      border-color: lighten($ui-primary-color, 4%);\n      color: lighten($darker-text-color, 4%);\n    }\n\n    &:disabled {\n      opacity: 0.5;\n    }\n  }\n\n  &.button--block {\n    display: block;\n    width: 100%;\n  }\n}\n\n.icon-button {\n  display: inline-block;\n  padding: 0;\n  color: $action-button-color;\n  border: 0;\n  border-radius: 4px;\n  background: transparent;\n  cursor: pointer;\n  transition: all 100ms ease-in;\n  transition-property: background-color, color;\n\n  &:hover,\n  &:active,\n  &:focus {\n    color: lighten($action-button-color, 7%);\n    background-color: rgba($action-button-color, 0.15);\n    transition: all 200ms ease-out;\n    transition-property: background-color, color;\n  }\n\n  &:focus {\n    background-color: rgba($action-button-color, 0.3);\n  }\n\n  &.disabled {\n    color: darken($action-button-color, 13%);\n    background-color: transparent;\n    cursor: default;\n  }\n\n  &.active {\n    color: $highlight-text-color;\n  }\n\n  &::-moz-focus-inner {\n    border: 0;\n  }\n\n  &::-moz-focus-inner,\n  &:focus,\n  &:active {\n    outline: 0 !important;\n  }\n\n  &.inverted {\n    color: $lighter-text-color;\n\n    &:hover,\n    &:active,\n    &:focus {\n      color: darken($lighter-text-color, 7%);\n      background-color: rgba($lighter-text-color, 0.15);\n    }\n\n    &:focus {\n      background-color: rgba($lighter-text-color, 0.3);\n    }\n\n    &.disabled {\n      color: lighten($lighter-text-color, 7%);\n      background-color: transparent;\n    }\n\n    &.active {\n      color: $highlight-text-color;\n\n      &.disabled {\n        color: lighten($highlight-text-color, 13%);\n      }\n    }\n  }\n\n  &.overlayed {\n    box-sizing: content-box;\n    background: rgba($base-overlay-background, 0.6);\n    color: rgba($primary-text-color, 0.7);\n    border-radius: 4px;\n    padding: 2px;\n\n    &:hover {\n      background: rgba($base-overlay-background, 0.9);\n    }\n  }\n}\n\n.text-icon-button {\n  color: $lighter-text-color;\n  border: 0;\n  border-radius: 4px;\n  background: transparent;\n  cursor: pointer;\n  font-weight: 600;\n  font-size: 11px;\n  padding: 0 3px;\n  line-height: 27px;\n  outline: 0;\n  transition: all 100ms ease-in;\n  transition-property: background-color, color;\n\n  &:hover,\n  &:active,\n  &:focus {\n    color: darken($lighter-text-color, 7%);\n    background-color: rgba($lighter-text-color, 0.15);\n    transition: all 200ms ease-out;\n    transition-property: background-color, color;\n  }\n\n  &:focus {\n    background-color: rgba($lighter-text-color, 0.3);\n  }\n\n  &.disabled {\n    color: lighten($lighter-text-color, 20%);\n    background-color: transparent;\n    cursor: default;\n  }\n\n  &.active {\n    color: $highlight-text-color;\n  }\n\n  &::-moz-focus-inner {\n    border: 0;\n  }\n\n  &::-moz-focus-inner,\n  &:focus,\n  &:active {\n    outline: 0 !important;\n  }\n}\n\n.dropdown-menu {\n  position: absolute;\n  transform-origin: 50% 0;\n}\n\n.invisible {\n  font-size: 0;\n  line-height: 0;\n  display: inline-block;\n  width: 0;\n  height: 0;\n  position: absolute;\n\n  img,\n  svg {\n    margin: 0 !important;\n    border: 0 !important;\n    padding: 0 !important;\n    width: 0 !important;\n    height: 0 !important;\n  }\n}\n\n.ellipsis {\n  &::after {\n    content: \"…\";\n  }\n}\n\n.notification__favourite-icon-wrapper {\n  left: 0;\n  position: absolute;\n\n  .fa.star-icon {\n    color: $gold-star;\n  }\n}\n\n.star-icon.active {\n  color: $gold-star;\n}\n\n.bookmark-icon.active {\n  color: $red-bookmark;\n}\n\n.no-reduce-motion .icon-button.star-icon {\n  &.activate {\n    & > .fa-star {\n      animation: spring-rotate-in 1s linear;\n    }\n  }\n\n  &.deactivate {\n    & > .fa-star {\n      animation: spring-rotate-out 1s linear;\n    }\n  }\n}\n\n.notification__display-name {\n  color: inherit;\n  font-weight: 500;\n  text-decoration: none;\n\n  &:hover {\n    color: $primary-text-color;\n    text-decoration: underline;\n  }\n}\n\n.display-name {\n  display: block;\n  max-width: 100%;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n\n  a {\n    color: inherit;\n    text-decoration: inherit;\n  }\n\n  strong {\n    height: 18px;\n    font-size: 16px;\n    font-weight: 500;\n    line-height: 18px;\n    text-overflow: ellipsis;\n    overflow: hidden;\n    white-space: nowrap;\n  }\n\n  span {\n    display: block;\n    height: 18px;\n    font-size: 15px;\n    line-height: 18px;\n    text-overflow: ellipsis;\n    overflow: hidden;\n    white-space: nowrap;\n  }\n\n  > a:hover {\n    strong {\n      text-decoration: underline;\n    }\n  }\n\n  &.inline {\n    padding: 0;\n    height: 18px;\n    font-size: 15px;\n    line-height: 18px;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n    overflow: hidden;\n\n    strong {\n      display: inline;\n      height: auto;\n      font-size: inherit;\n      line-height: inherit;\n    }\n\n    span {\n      display: inline;\n      height: auto;\n      font-size: inherit;\n      line-height: inherit;\n    }\n  }\n}\n\n.display-name__html {\n  font-weight: 500;\n}\n\n.display-name__account {\n  font-size: 14px;\n}\n\n.image-loader {\n  position: relative;\n  width: 100%;\n  height: 100%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  flex-direction: column;\n\n  .image-loader__preview-canvas {\n    max-width: $media-modal-media-max-width;\n    max-height: $media-modal-media-max-height;\n    background: url('~images/void.png') repeat;\n    object-fit: contain;\n  }\n\n  .loading-bar {\n    position: relative;\n  }\n\n  &.image-loader--amorphous .image-loader__preview-canvas {\n    display: none;\n  }\n}\n\n.zoomable-image {\n  position: relative;\n  width: 100%;\n  height: 100%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n\n  img {\n    max-width: $media-modal-media-max-width;\n    max-height: $media-modal-media-max-height;\n    width: auto;\n    height: auto;\n    object-fit: contain;\n  }\n}\n\n.dropdown {\n  display: inline-block;\n}\n\n.dropdown__content {\n  display: none;\n  position: absolute;\n}\n\n.dropdown-menu__separator {\n  border-bottom: 1px solid darken($ui-secondary-color, 8%);\n  margin: 5px 7px 6px;\n  height: 0;\n}\n\n.dropdown-menu {\n  background: $ui-secondary-color;\n  padding: 4px 0;\n  border-radius: 4px;\n  box-shadow: 2px 4px 15px rgba($base-shadow-color, 0.4);\n\n  ul {\n    list-style: none;\n  }\n}\n\n.dropdown-menu__arrow {\n  position: absolute;\n  width: 0;\n  height: 0;\n  border: 0 solid transparent;\n\n  &.left {\n    right: -5px;\n    margin-top: -5px;\n    border-width: 5px 0 5px 5px;\n    border-left-color: $ui-secondary-color;\n  }\n\n  &.top {\n    bottom: -5px;\n    margin-left: -7px;\n    border-width: 5px 7px 0;\n    border-top-color: $ui-secondary-color;\n  }\n\n  &.bottom {\n    top: -5px;\n    margin-left: -7px;\n    border-width: 0 7px 5px;\n    border-bottom-color: $ui-secondary-color;\n  }\n\n  &.right {\n    left: -5px;\n    margin-top: -5px;\n    border-width: 5px 5px 5px 0;\n    border-right-color: $ui-secondary-color;\n  }\n}\n\n.dropdown-menu__item {\n  a {\n    font-size: 13px;\n    line-height: 18px;\n    display: block;\n    padding: 4px 14px;\n    box-sizing: border-box;\n    text-decoration: none;\n    background: $ui-secondary-color;\n    color: $inverted-text-color;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n\n    &:focus,\n    &:hover,\n    &:active {\n      background: $ui-highlight-color;\n      color: $secondary-text-color;\n      outline: 0;\n    }\n  }\n}\n\n.dropdown--active .dropdown__content {\n  display: block;\n  line-height: 18px;\n  max-width: 311px;\n  right: 0;\n  text-align: left;\n  z-index: 9999;\n\n  & > ul {\n    list-style: none;\n    background: $ui-secondary-color;\n    padding: 4px 0;\n    border-radius: 4px;\n    box-shadow: 0 0 15px rgba($base-shadow-color, 0.4);\n    min-width: 140px;\n    position: relative;\n  }\n\n  &.dropdown__right {\n    right: 0;\n  }\n\n  &.dropdown__left {\n    & > ul {\n      left: -98px;\n    }\n  }\n\n  & > ul > li > a {\n    font-size: 13px;\n    line-height: 18px;\n    display: block;\n    padding: 4px 14px;\n    box-sizing: border-box;\n    text-decoration: none;\n    background: $ui-secondary-color;\n    color: $inverted-text-color;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n\n    &:focus {\n      outline: 0;\n    }\n\n    &:hover {\n      background: $ui-highlight-color;\n      color: $secondary-text-color;\n    }\n  }\n}\n\n.dropdown__icon {\n  vertical-align: middle;\n}\n\n.static-content {\n  padding: 10px;\n  padding-top: 20px;\n  color: $dark-text-color;\n\n  h1 {\n    font-size: 16px;\n    font-weight: 500;\n    margin-bottom: 40px;\n    text-align: center;\n  }\n\n  p {\n    font-size: 13px;\n    margin-bottom: 20px;\n  }\n}\n\n.column,\n.drawer {\n  flex: 1 1 100%;\n  overflow: hidden;\n}\n\n@media screen and (min-width: 631px) {\n  .columns-area {\n    padding: 0;\n  }\n\n  .column,\n  .drawer {\n    flex: 0 0 auto;\n    padding: 10px;\n    padding-left: 5px;\n    padding-right: 5px;\n\n    &:first-child {\n      padding-left: 10px;\n    }\n\n    &:last-child {\n      padding-right: 10px;\n    }\n  }\n\n  .columns-area > div {\n    .column,\n    .drawer {\n      padding-left: 5px;\n      padding-right: 5px;\n    }\n  }\n}\n\n.tabs-bar {\n  box-sizing: border-box;\n  display: flex;\n  background: lighten($ui-base-color, 8%);\n  flex: 0 0 auto;\n  overflow-y: auto;\n}\n\n.tabs-bar__link {\n  display: block;\n  flex: 1 1 auto;\n  padding: 15px 10px;\n  padding-bottom: 13px;\n  color: $primary-text-color;\n  text-decoration: none;\n  text-align: center;\n  font-size: 14px;\n  font-weight: 500;\n  border-bottom: 2px solid lighten($ui-base-color, 8%);\n  transition: all 50ms linear;\n  transition-property: border-bottom, background, color;\n\n  .fa {\n    font-weight: 400;\n    font-size: 16px;\n  }\n\n  &:hover,\n  &:focus,\n  &:active {\n    @include multi-columns('screen and (min-width: 631px)') {\n      background: lighten($ui-base-color, 14%);\n      border-bottom-color: lighten($ui-base-color, 14%);\n    }\n  }\n\n  &.active {\n    border-bottom: 2px solid $ui-highlight-color;\n    color: $highlight-text-color;\n  }\n\n  span {\n    margin-left: 5px;\n    display: none;\n  }\n\n  span.icon {\n    margin-left: 0;\n    display: inline;\n  }\n}\n\n.icon-with-badge {\n  position: relative;\n\n  &__badge {\n    position: absolute;\n    left: 9px;\n    top: -13px;\n    background: $ui-highlight-color;\n    border: 2px solid lighten($ui-base-color, 8%);\n    padding: 1px 6px;\n    border-radius: 6px;\n    font-size: 10px;\n    font-weight: 500;\n    line-height: 14px;\n    color: $primary-text-color;\n  }\n}\n\n.column-link--transparent .icon-with-badge__badge {\n  border-color: darken($ui-base-color, 8%);\n}\n\n.scrollable {\n  overflow-y: scroll;\n  overflow-x: hidden;\n  flex: 1 1 auto;\n  -webkit-overflow-scrolling: touch;\n\n  &.optionally-scrollable {\n    overflow-y: auto;\n  }\n\n  @supports(display: grid) { // hack to fix Chrome <57\n    contain: strict;\n  }\n\n  &--flex {\n    display: flex;\n    flex-direction: column;\n  }\n\n  &__append {\n    flex: 1 1 auto;\n    position: relative;\n    min-height: 120px;\n  }\n}\n\n.scrollable.fullscreen {\n  @supports(display: grid) { // hack to fix Chrome <57\n    contain: none;\n  }\n}\n\n.react-toggle {\n  display: inline-block;\n  position: relative;\n  cursor: pointer;\n  background-color: transparent;\n  border: 0;\n  padding: 0;\n  user-select: none;\n  -webkit-tap-highlight-color: rgba($base-overlay-background, 0);\n  -webkit-tap-highlight-color: transparent;\n}\n\n.react-toggle-screenreader-only {\n  border: 0;\n  clip: rect(0 0 0 0);\n  height: 1px;\n  margin: -1px;\n  overflow: hidden;\n  padding: 0;\n  position: absolute;\n  width: 1px;\n}\n\n.react-toggle--disabled {\n  cursor: not-allowed;\n  opacity: 0.5;\n  transition: opacity 0.25s;\n}\n\n.react-toggle-track {\n  width: 50px;\n  height: 24px;\n  padding: 0;\n  border-radius: 30px;\n  background-color: $ui-base-color;\n  transition: background-color 0.2s ease;\n}\n\n.react-toggle:hover:not(.react-toggle--disabled) .react-toggle-track {\n  background-color: darken($ui-base-color, 10%);\n}\n\n.react-toggle--checked .react-toggle-track {\n  background-color: $ui-highlight-color;\n}\n\n.react-toggle--checked:hover:not(.react-toggle--disabled) .react-toggle-track {\n  background-color: lighten($ui-highlight-color, 10%);\n}\n\n.react-toggle-track-check {\n  position: absolute;\n  width: 14px;\n  height: 10px;\n  top: 0;\n  bottom: 0;\n  margin-top: auto;\n  margin-bottom: auto;\n  line-height: 0;\n  left: 8px;\n  opacity: 0;\n  transition: opacity 0.25s ease;\n}\n\n.react-toggle--checked .react-toggle-track-check {\n  opacity: 1;\n  transition: opacity 0.25s ease;\n}\n\n.react-toggle-track-x {\n  position: absolute;\n  width: 10px;\n  height: 10px;\n  top: 0;\n  bottom: 0;\n  margin-top: auto;\n  margin-bottom: auto;\n  line-height: 0;\n  right: 10px;\n  opacity: 1;\n  transition: opacity 0.25s ease;\n}\n\n.react-toggle--checked .react-toggle-track-x {\n  opacity: 0;\n}\n\n.react-toggle-thumb {\n  position: absolute;\n  top: 1px;\n  left: 1px;\n  width: 22px;\n  height: 22px;\n  border: 1px solid $ui-base-color;\n  border-radius: 50%;\n  background-color: darken($simple-background-color, 2%);\n  box-sizing: border-box;\n  transition: all 0.25s ease;\n  transition-property: border-color, left;\n}\n\n.react-toggle--checked .react-toggle-thumb {\n  left: 27px;\n  border-color: $ui-highlight-color;\n}\n\n.getting-started__wrapper,\n.getting_started,\n.flex-spacer {\n  background: $ui-base-color;\n}\n\n.getting-started__wrapper {\n  position: relative;\n  overflow-y: auto;\n}\n\n.flex-spacer {\n  flex: 1 1 auto;\n}\n\n.getting-started {\n  background: $ui-base-color;\n  flex: 1 0 auto;\n\n  p {\n    color: $secondary-text-color;\n  }\n\n  a {\n    color: $dark-text-color;\n  }\n\n  &__panel {\n    height: min-content;\n  }\n\n  &__panel,\n  &__footer {\n    padding: 10px;\n    padding-top: 20px;\n    flex: 0 1 auto;\n\n    ul {\n      margin-bottom: 10px;\n    }\n\n    ul li {\n      display: inline;\n    }\n\n    p {\n      color: $dark-text-color;\n      font-size: 13px;\n\n      a {\n        color: $dark-text-color;\n        text-decoration: underline;\n      }\n    }\n\n    a {\n      text-decoration: none;\n      color: $darker-text-color;\n\n      &:hover,\n      &:focus,\n      &:active {\n        text-decoration: underline;\n      }\n    }\n  }\n\n  &__trends {\n    flex: 0 1 auto;\n    opacity: 1;\n    animation: fade 150ms linear;\n    margin-top: 10px;\n\n    h4 {\n      font-size: 12px;\n      text-transform: uppercase;\n      color: $darker-text-color;\n      padding: 10px;\n      font-weight: 500;\n      border-bottom: 1px solid lighten($ui-base-color, 8%);\n    }\n\n    @media screen and (max-height: 810px) {\n      .trends__item:nth-child(3) {\n        display: none;\n      }\n    }\n\n    @media screen and (max-height: 720px) {\n      .trends__item:nth-child(2) {\n        display: none;\n      }\n    }\n\n    @media screen and (max-height: 670px) {\n      display: none;\n    }\n\n    .trends__item {\n      border-bottom: 0;\n      padding: 10px;\n\n      &__current {\n        color: $darker-text-color;\n      }\n    }\n  }\n}\n\n.column-link__badge {\n  display: inline-block;\n  border-radius: 4px;\n  font-size: 12px;\n  line-height: 19px;\n  font-weight: 500;\n  background: $ui-base-color;\n  padding: 4px 8px;\n  margin: -6px 10px;\n}\n\n.keyboard-shortcuts {\n  padding: 8px 0 0;\n  overflow: hidden;\n\n  thead {\n    position: absolute;\n    left: -9999px;\n  }\n\n  td {\n    padding: 0 10px 8px;\n  }\n\n  kbd {\n    display: inline-block;\n    padding: 3px 5px;\n    background-color: lighten($ui-base-color, 8%);\n    border: 1px solid darken($ui-base-color, 4%);\n  }\n}\n\n.setting-text {\n  color: $darker-text-color;\n  background: transparent;\n  border: none;\n  border-bottom: 2px solid $ui-primary-color;\n  box-sizing: border-box;\n  display: block;\n  font-family: inherit;\n  margin-bottom: 10px;\n  padding: 7px 0;\n  width: 100%;\n\n  &:focus,\n  &:active {\n    color: $primary-text-color;\n    border-bottom-color: $ui-highlight-color;\n  }\n\n  @include limited-single-column('screen and (max-width: 600px)') {\n    font-size: 16px;\n  }\n\n  &.light {\n    color: $inverted-text-color;\n    border-bottom: 2px solid lighten($ui-base-color, 27%);\n\n    &:focus,\n    &:active {\n      color: $inverted-text-color;\n      border-bottom-color: $ui-highlight-color;\n    }\n  }\n}\n\n.no-reduce-motion button.icon-button i.fa-retweet {\n  background-position: 0 0;\n  height: 19px;\n  transition: background-position 0.9s steps(10);\n  transition-duration: 0s;\n  vertical-align: middle;\n  width: 22px;\n\n  &::before {\n    display: none !important;\n  }\n}\n\n.no-reduce-motion button.icon-button.active i.fa-retweet {\n  transition-duration: 0.9s;\n  background-position: 0 100%;\n}\n\n.reduce-motion button.icon-button i.fa-retweet {\n  color: $action-button-color;\n  transition: color 100ms ease-in;\n}\n\n.reduce-motion button.icon-button.active i.fa-retweet {\n  color: $highlight-text-color;\n}\n\n.reduce-motion button.icon-button.disabled i.fa-retweet {\n  color: darken($action-button-color, 13%);\n}\n\n.load-more {\n  display: block;\n  color: $dark-text-color;\n  background-color: transparent;\n  border: 0;\n  font-size: inherit;\n  text-align: center;\n  line-height: inherit;\n  margin: 0;\n  padding: 15px;\n  box-sizing: border-box;\n  width: 100%;\n  clear: both;\n  text-decoration: none;\n\n  &:hover {\n    background: lighten($ui-base-color, 2%);\n  }\n}\n\n.load-gap {\n  border-bottom: 1px solid lighten($ui-base-color, 8%);\n}\n\n.missing-indicator {\n  padding-top: 20px + 48px;\n}\n\n.scrollable > div > :first-child .notification__dismiss-overlay > .wrappy {\n  border-top: 1px solid $ui-base-color;\n}\n\n.notification__dismiss-overlay {\n  overflow: hidden;\n  position: absolute;\n  top: 0;\n  right: 0;\n  bottom: -1px;\n  padding-left: 15px; // space for the box shadow to be visible\n\n  z-index: 999;\n  align-items: center;\n  justify-content: flex-end;\n  cursor: pointer;\n\n  display: flex;\n\n  .wrappy {\n    width: $dismiss-overlay-width;\n    align-self: stretch;\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    justify-content: center;\n    background: lighten($ui-base-color, 8%);\n    border-left: 1px solid lighten($ui-base-color, 20%);\n    box-shadow: 0 0 5px black;\n    border-bottom: 1px solid $ui-base-color;\n  }\n\n  .ckbox {\n    border: 2px solid $ui-primary-color;\n    border-radius: 2px;\n    width: 30px;\n    height: 30px;\n    font-size: 20px;\n    color: $darker-text-color;\n    text-shadow: 0 0 5px black;\n    display: flex;\n    justify-content: center;\n    align-items: center;\n  }\n\n  &:focus {\n    outline: 0 !important;\n\n    .ckbox {\n      box-shadow: 0 0 1px 1px $ui-highlight-color;\n    }\n  }\n}\n\n.text-btn {\n  display: inline-block;\n  padding: 0;\n  font-family: inherit;\n  font-size: inherit;\n  color: inherit;\n  border: 0;\n  background: transparent;\n  cursor: pointer;\n}\n\n.loading-indicator {\n  color: $dark-text-color;\n  font-size: 12px;\n  font-weight: 400;\n  text-transform: uppercase;\n  overflow: visible;\n  position: absolute;\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n\n  span {\n    display: block;\n    float: left;\n    margin-left: 50%;\n    transform: translateX(-50%);\n    margin: 82px 0 0 50%;\n    white-space: nowrap;\n  }\n}\n\n.loading-indicator__figure {\n  position: absolute;\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n  width: 42px;\n  height: 42px;\n  box-sizing: border-box;\n  background-color: transparent;\n  border: 0 solid lighten($ui-base-color, 26%);\n  border-width: 6px;\n  border-radius: 50%;\n}\n\n.no-reduce-motion .loading-indicator span {\n  animation: loader-label 1.15s infinite cubic-bezier(0.215, 0.610, 0.355, 1.000);\n}\n\n.no-reduce-motion .loading-indicator__figure {\n  animation: loader-figure 1.15s infinite cubic-bezier(0.215, 0.610, 0.355, 1.000);\n}\n\n@keyframes spring-rotate-in {\n  0% {\n    transform: rotate(0deg);\n  }\n\n  30% {\n    transform: rotate(-484.8deg);\n  }\n\n  60% {\n    transform: rotate(-316.7deg);\n  }\n\n  90% {\n    transform: rotate(-375deg);\n  }\n\n  100% {\n    transform: rotate(-360deg);\n  }\n}\n\n@keyframes spring-rotate-out {\n  0% {\n    transform: rotate(-360deg);\n  }\n\n  30% {\n    transform: rotate(124.8deg);\n  }\n\n  60% {\n    transform: rotate(-43.27deg);\n  }\n\n  90% {\n    transform: rotate(15deg);\n  }\n\n  100% {\n    transform: rotate(0deg);\n  }\n}\n\n@keyframes loader-figure {\n  0% {\n    width: 0;\n    height: 0;\n    background-color: lighten($ui-base-color, 26%);\n  }\n\n  29% {\n    background-color: lighten($ui-base-color, 26%);\n  }\n\n  30% {\n    width: 42px;\n    height: 42px;\n    background-color: transparent;\n    border-width: 21px;\n    opacity: 1;\n  }\n\n  100% {\n    width: 42px;\n    height: 42px;\n    border-width: 0;\n    opacity: 0;\n    background-color: transparent;\n  }\n}\n\n@keyframes loader-label {\n  0% { opacity: 0.25; }\n  30% { opacity: 1; }\n  100% { opacity: 0.25; }\n}\n\n.spoiler-button {\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  position: absolute;\n  z-index: 100;\n\n  &--minified {\n    display: flex;\n    left: 4px;\n    top: 4px;\n    width: auto;\n    height: auto;\n    align-items: center;\n  }\n\n  &--click-thru {\n    pointer-events: none;\n  }\n\n  &--hidden {\n    display: none;\n  }\n\n  &__overlay {\n    display: block;\n    background: transparent;\n    width: 100%;\n    height: 100%;\n    border: 0;\n\n    &__label {\n      display: inline-block;\n      background: rgba($base-overlay-background, 0.5);\n      border-radius: 8px;\n      padding: 8px 12px;\n      color: $primary-text-color;\n      font-weight: 500;\n      font-size: 14px;\n    }\n\n    &:hover,\n    &:focus,\n    &:active {\n      .spoiler-button__overlay__label {\n        background: rgba($base-overlay-background, 0.8);\n      }\n    }\n\n    &:disabled {\n      .spoiler-button__overlay__label {\n        background: rgba($base-overlay-background, 0.5);\n      }\n    }\n  }\n}\n\n.setting-toggle {\n  display: block;\n  line-height: 24px;\n}\n\n.setting-toggle__label,\n.setting-radio__label,\n.setting-meta__label {\n  color: $darker-text-color;\n  display: inline-block;\n  margin-bottom: 14px;\n  margin-left: 8px;\n  vertical-align: middle;\n}\n\n.setting-radio {\n  display: block;\n  line-height: 18px;\n}\n\n.setting-radio__label {\n  margin-bottom: 0;\n}\n\n.column-settings__row legend {\n  color: $darker-text-color;\n  cursor: default;\n  display: block;\n  font-weight: 500;\n  margin-top: 10px;\n}\n\n.setting-radio__input {\n  vertical-align: middle;\n}\n\n.setting-meta__label {\n  float: right;\n}\n\n@keyframes heartbeat {\n  from {\n    transform: scale(1);\n    transform-origin: center center;\n    animation-timing-function: ease-out;\n  }\n\n  10% {\n    transform: scale(0.91);\n    animation-timing-function: ease-in;\n  }\n\n  17% {\n    transform: scale(0.98);\n    animation-timing-function: ease-out;\n  }\n\n  33% {\n    transform: scale(0.87);\n    animation-timing-function: ease-in;\n  }\n\n  45% {\n    transform: scale(1);\n    animation-timing-function: ease-out;\n  }\n}\n\n.pulse-loading {\n  animation: heartbeat 1.5s ease-in-out infinite both;\n}\n\n.upload-area {\n  align-items: center;\n  background: rgba($base-overlay-background, 0.8);\n  display: flex;\n  height: 100%;\n  justify-content: center;\n  left: 0;\n  opacity: 0;\n  position: absolute;\n  top: 0;\n  visibility: hidden;\n  width: 100%;\n  z-index: 2000;\n\n  * {\n    pointer-events: none;\n  }\n}\n\n.upload-area__drop {\n  width: 320px;\n  height: 160px;\n  display: flex;\n  box-sizing: border-box;\n  position: relative;\n  padding: 8px;\n}\n\n.upload-area__background {\n  position: absolute;\n  top: 0;\n  right: 0;\n  bottom: 0;\n  left: 0;\n  z-index: -1;\n  border-radius: 4px;\n  background: $ui-base-color;\n  box-shadow: 0 0 5px rgba($base-shadow-color, 0.2);\n}\n\n.upload-area__content {\n  flex: 1;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  color: $secondary-text-color;\n  font-size: 18px;\n  font-weight: 500;\n  border: 2px dashed $ui-base-lighter-color;\n  border-radius: 4px;\n}\n\n.dropdown--active .emoji-button img {\n  opacity: 1;\n  filter: none;\n}\n\n.loading-bar {\n  background-color: $ui-highlight-color;\n  height: 3px;\n  position: absolute;\n  top: 0;\n  left: 0;\n  z-index: 9999;\n}\n\n.icon-badge-wrapper {\n  position: relative;\n}\n\n.icon-badge {\n  position: absolute;\n  display: block;\n  right: -.25em;\n  top: -.25em;\n  background-color: $ui-highlight-color;\n  border-radius: 50%;\n  font-size: 75%;\n  width: 1em;\n  height: 1em;\n}\n\n.conversation {\n  display: flex;\n  border-bottom: 1px solid lighten($ui-base-color, 8%);\n  padding: 5px;\n  padding-bottom: 0;\n\n  &:focus {\n    background: lighten($ui-base-color, 2%);\n    outline: 0;\n  }\n\n  &__avatar {\n    flex: 0 0 auto;\n    padding: 10px;\n    padding-top: 12px;\n    position: relative;\n    cursor: pointer;\n  }\n\n  &__unread {\n    display: inline-block;\n    background: $highlight-text-color;\n    border-radius: 50%;\n    width: 0.625rem;\n    height: 0.625rem;\n    margin: -.1ex .15em .1ex;\n  }\n\n  &__content {\n    flex: 1 1 auto;\n    padding: 10px 5px;\n    padding-right: 15px;\n    overflow: hidden;\n\n    &__info {\n      overflow: hidden;\n      display: flex;\n      flex-direction: row-reverse;\n      justify-content: space-between;\n    }\n\n    &__relative-time {\n      font-size: 15px;\n      color: $darker-text-color;\n      padding-left: 15px;\n    }\n\n    &__names {\n      color: $darker-text-color;\n      font-size: 15px;\n      white-space: nowrap;\n      overflow: hidden;\n      text-overflow: ellipsis;\n      margin-bottom: 4px;\n      flex-basis: 90px;\n      flex-grow: 1;\n\n      a {\n        color: $primary-text-color;\n        text-decoration: none;\n\n        &:hover,\n        &:focus,\n        &:active {\n          text-decoration: underline;\n        }\n      }\n    }\n\n    .status__content {\n      margin: 0;\n    }\n  }\n\n  &--unread {\n    background: lighten($ui-base-color, 2%);\n\n    &:focus {\n      background: lighten($ui-base-color, 4%);\n    }\n\n    .conversation__content__info {\n      font-weight: 700;\n    }\n\n    .conversation__content__relative-time {\n      color: $primary-text-color;\n    }\n  }\n}\n\n.ui .flash-message {\n  margin-top: 10px;\n  margin-left: auto;\n  margin-right: auto;\n  margin-bottom: 0;\n  min-width: 75%;\n}\n\n::-webkit-scrollbar-thumb {\n  border-radius: 0;\n}\n\nnoscript {\n  text-align: center;\n\n  img {\n    width: 200px;\n    opacity: 0.5;\n    animation: flicker 4s infinite;\n  }\n\n  div {\n    font-size: 14px;\n    margin: 30px auto;\n    color: $secondary-text-color;\n    max-width: 400px;\n\n    a {\n      color: $highlight-text-color;\n      text-decoration: underline;\n\n      &:hover {\n        text-decoration: none;\n      }\n    }\n\n    a {\n      word-break: break-word;\n    }\n  }\n}\n\n@keyframes flicker {\n  0% { opacity: 1; }\n  30% { opacity: 0.75; }\n  100% { opacity: 1; }\n}\n\n@import 'boost';\n@import 'accounts';\n@import 'domains';\n@import 'status';\n@import 'modal';\n@import 'composer';\n@import 'columns';\n@import 'regeneration_indicator';\n@import 'directory';\n@import 'search';\n@import 'emoji';\n@import 'doodle';\n@import 'drawer';\n@import 'media';\n@import 'sensitive';\n@import 'lists';\n@import 'emoji_picker';\n@import 'local_settings';\n@import 'error_boundary';\n@import 'single_column';\n@import 'announcements';\n","button.icon-button i.fa-retweet {\n  background-image: url(\"data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='22' height='209'><path d='M4.97 3.16c-.1.03-.17.1-.22.18L.8 8.24c-.2.3.03.78.4.8H3.6v2.68c0 4.26-.55 3.62 3.66 3.62h7.66l-2.3-2.84c-.03-.02-.03-.04-.05-.06H7.27c-.44 0-.72-.3-.72-.72v-2.7h2.5c.37.03.63-.48.4-.77L5.5 3.35c-.12-.17-.34-.25-.53-.2zm12.16.43c-.55-.02-1.32.02-2.4.02H7.1l2.32 2.85.03.06h5.25c.42 0 .72.28.72.72v2.7h-2.5c-.36.02-.56.54-.3.8l3.92 4.9c.18.25.6.25.78 0l3.94-4.9c.26-.28 0-.83-.37-.8H18.4v-2.7c0-3.15.4-3.62-1.25-3.66z' fill='#{hex-color($action-button-color)}' stroke-width='0'/><path d='M7.78 19.66c-.24.02-.44.25-.44.5v2.46h-.06c-1.08 0-1.86-.03-2.4-.03-1.64 0-1.25.43-1.25 3.65v4.47c0 4.26-.56 3.62 3.65 3.62H8.5l-1.3-1.06c-.1-.08-.18-.2-.2-.3-.02-.17.06-.35.2-.45l1.33-1.1H7.28c-.44 0-.72-.3-.72-.7v-4.48c0-.44.28-.72.72-.72h.06v2.5c0 .38.54.63.82.38l4.9-3.93c.25-.18.25-.6 0-.78l-4.9-3.92c-.1-.1-.24-.14-.38-.12zm9.34 2.93c-.54-.02-1.3.02-2.4.02h-1.25l1.3 1.07c.1.07.18.2.2.33.02.16-.06.3-.2.4l-1.33 1.1h1.28c.42 0 .72.28.72.72v4.47c0 .42-.3.72-.72.72h-.1v-2.47c0-.3-.3-.53-.6-.47-.07 0-.14.05-.2.1l-4.9 3.93c-.26.18-.26.6 0 .78l4.9 3.92c.27.25.82 0 .8-.38v-2.5h.1c4.27 0 3.65.67 3.65-3.62v-4.47c0-3.15.4-3.62-1.25-3.66zM10.34 38.66c-.24.02-.44.25-.43.5v2.47H7.3c-1.08 0-1.86-.04-2.4-.04-1.64 0-1.25.43-1.25 3.65v4.47c0 3.66-.23 3.7 2.34 3.66l-1.34-1.1c-.1-.08-.18-.2-.2-.3 0-.17.07-.35.2-.45l1.96-1.6c-.03-.06-.04-.13-.04-.2v-4.48c0-.44.28-.72.72-.72H9.9v2.5c0 .36.5.6.8.38l4.93-3.93c.24-.18.24-.6 0-.78l-4.94-3.92c-.1-.08-.23-.13-.36-.12zm5.63 2.93l1.34 1.1c.1.07.18.2.2.33.02.16-.03.3-.16.4l-1.96 1.6c.02.07.06.13.06.22v4.47c0 .42-.3.72-.72.72h-2.66v-2.47c0-.3-.3-.53-.6-.47-.06.02-.12.05-.18.1l-4.94 3.93c-.24.18-.24.6 0 .78l4.94 3.92c.28.22.78-.02.78-.38v-2.5h2.66c4.27 0 3.65.67 3.65-3.62v-4.47c0-3.66.34-3.7-2.4-3.66zM13.06 57.66c-.23.03-.4.26-.4.5v2.47H7.28c-1.08 0-1.86-.04-2.4-.04-1.64 0-1.25.43-1.25 3.65v4.87l2.93-2.37v-2.5c0-.44.28-.72.72-.72h5.38v2.5c0 .36.5.6.78.38l4.94-3.93c.24-.18.24-.6 0-.78l-4.94-3.92c-.1-.1-.24-.14-.38-.12zm5.3 6.15l-2.92 2.4v2.52c0 .42-.3.72-.72.72h-5.4v-2.47c0-.3-.32-.53-.6-.47-.07.02-.13.05-.2.1L3.6 70.52c-.25.18-.25.6 0 .78l4.93 3.92c.28.22.78-.02.78-.38v-2.5h5.42c4.27 0 3.65.67 3.65-3.62v-4.47-.44zM19.25 78.8c-.1.03-.2.1-.28.17l-.9.9c-.44-.3-1.36-.25-3.35-.25H7.28c-1.08 0-1.86-.03-2.4-.03-1.64 0-1.25.43-1.25 3.65v.7l2.93.3v-1c0-.44.28-.72.72-.72h7.44c.2 0 .37.08.5.2l-1.8 1.8c-.25.26-.08.76.27.8l6.27.7c.28.03.56-.25.53-.53l-.7-6.25c0-.27-.3-.48-.55-.44zm-17.2 6.1c-.2.07-.36.3-.33.54l.7 6.25c.02.36.58.55.83.27l.8-.8c.02 0 .04-.02.04 0 .46.24 1.37.17 3.18.17h7.44c4.27 0 3.65.67 3.65-3.62v-.75l-2.93-.3v1.05c0 .42-.3.72-.72.72H7.28c-.15 0-.3-.03-.4-.1L8.8 86.4c.3-.24.1-.8-.27-.84l-6.28-.65h-.2zM4.88 98.6c-1.33 0-1.34.48-1.3 2.3l1.14-1.37c.08-.1.22-.17.34-.2.16 0 .34.08.44.2l1.66 2.03c.04 0 .07-.03.12-.03h7.44c.34 0 .57.2.65.5h-2.43c-.34.05-.53.52-.3.78l3.92 4.95c.18.24.6.24.78 0l3.94-4.94c.22-.27-.02-.76-.37-.77H18.4c.02-3.9.6-3.4-3.66-3.4H7.28c-1.08 0-1.86-.04-2.4-.04zm.15 2.46c-.1.03-.2.1-.28.2l-3.94 4.9c-.2.28.03.77.4.78H3.6c-.02 3.94-.45 3.4 3.66 3.4h7.44c3.65 0 3.74.3 3.7-2.25l-1.1 1.34c-.1.1-.2.17-.32.2-.16 0-.34-.08-.44-.2l-1.65-2.03c-.06.02-.1.04-.18.04H7.28c-.35 0-.57-.2-.66-.5h2.44c.37 0 .63-.5.4-.78l-3.96-4.9c-.1-.15-.3-.23-.47-.2zM4.88 117.6c-1.16 0-1.3.3-1.3 1.56l1.14-1.38c.08-.1.22-.14.34-.16.16 0 .34.04.44.16l2.22 2.75h7c.42 0 .72.28.72.72v.53h-2.6c-.3.1-.43.54-.2.78l3.92 4.9c.18.25.6.25.78 0l3.94-4.9c.22-.28-.02-.77-.37-.78H18.4v-.53c0-4.2.72-3.63-3.66-3.63H7.28c-1.08 0-1.86-.03-2.4-.03zm.1 1.74c-.1.03-.17.1-.23.16L.8 124.44c-.2.28.03.77.4.78H3.6v.5c0 4.26-.55 3.62 3.66 3.62h7.44c1.03 0 1.74.02 2.28 0-.16.02-.34-.03-.44-.15l-2.22-2.76H7.28c-.44 0-.72-.3-.72-.72v-.5h2.5c.37.02.63-.5.4-.78L5.5 119.5c-.12-.15-.34-.22-.53-.16zm12.02 10c1.2-.02 1.4-.25 1.4-1.53l-1.1 1.36c-.07.1-.17.17-.3.18zM5.94 136.6l2.37 2.93h6.42c.42 0 .72.28.72.72v1.25h-2.6c-.3.1-.43.54-.2.78l3.92 4.9c.18.25.6.25.78 0l3.94-4.9c.22-.28-.02-.77-.37-.78H18.4v-1.25c0-4.2.72-3.63-3.66-3.63H7.28c-.6 0-.92-.02-1.34-.03zm-1.72.06c-.4.08-.54.3-.6.75l.6-.74zm.84.93c-.12 0-.24.08-.3.18l-3.95 4.9c-.24.3 0 .83.4.82H3.6v1.22c0 4.26-.55 3.62 3.66 3.62h7.44c.63 0 .97.02 1.4.03l-2.37-2.93H7.28c-.44 0-.72-.3-.72-.72v-1.22h2.5c.4.04.67-.53.4-.8l-3.96-4.92c-.1-.13-.27-.2-.44-.2zm13.28 10.03l-.56.7c.36-.07.5-.3.56-.7zM17.13 155.6c-.55-.02-1.32.03-2.4.03h-8.2l2.38 2.9h5.82c.42 0 .72.28.72.72v1.97H12.9c-.32.06-.48.52-.28.78l3.94 4.94c.2.23.6.22.78-.03l3.94-4.9c.22-.28-.02-.77-.37-.78H18.4v-1.97c0-3.15.4-3.62-1.25-3.66zm-12.1.28c-.1.02-.2.1-.28.18l-3.94 4.9c-.2.3.03.78.4.8H3.6v1.96c0 4.26-.55 3.62 3.66 3.62h8.24l-2.36-2.9H7.28c-.44 0-.72-.3-.72-.72v-1.97h2.5c.37.02.63-.5.4-.78l-3.96-4.9c-.1-.15-.3-.22-.47-.2zM5.13 174.5c-.15 0-.3.07-.38.2L.8 179.6c-.24.27 0 .82.4.8H3.6v2.32c0 4.26-.55 3.62 3.66 3.62h7.94l-2.35-2.9h-5.6c-.43 0-.7-.3-.7-.72v-2.3h2.5c.38.03.66-.54.4-.83l-3.97-4.9c-.1-.13-.23-.2-.38-.2zm12 .1c-.55-.02-1.32.03-2.4.03H6.83l2.35 2.9h5.52c.42 0 .72.28.72.72v2.34h-2.6c-.3.1-.43.53-.2.78l3.92 4.9c.18.24.6.24.78 0l3.94-4.9c.22-.3-.02-.78-.37-.8H18.4v-2.33c0-3.15.4-3.62-1.25-3.66zM4.97 193.16c-.1.03-.17.1-.22.18l-3.94 4.9c-.2.3.03.78.4.8H3.6v2.68c0 4.26-.55 3.62 3.66 3.62h7.66l-2.3-2.84c-.03-.02-.03-.04-.05-.06H7.27c-.44 0-.72-.3-.72-.72v-2.7h2.5c.37.03.63-.48.4-.77l-3.96-4.9c-.12-.17-.34-.25-.53-.2zm12.16.43c-.55-.02-1.32.03-2.4.03H7.1l2.32 2.84.03.06h5.25c.42 0 .72.28.72.72v2.7h-2.5c-.36.02-.56.54-.3.8l3.92 4.9c.18.25.6.25.78 0l3.94-4.9c.26-.28 0-.83-.37-.8H18.4v-2.7c0-3.15.4-3.62-1.25-3.66z' fill='#{hex-color($highlight-text-color)}' stroke-width='0'/></svg>\");\n\n  &:hover {\n    background-image: url(\"data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='22' height='209'><path d='M4.97 3.16c-.1.03-.17.1-.22.18L.8 8.24c-.2.3.03.78.4.8H3.6v2.68c0 4.26-.55 3.62 3.66 3.62h7.66l-2.3-2.84c-.03-.02-.03-.04-.05-.06H7.27c-.44 0-.72-.3-.72-.72v-2.7h2.5c.37.03.63-.48.4-.77L5.5 3.35c-.12-.17-.34-.25-.53-.2zm12.16.43c-.55-.02-1.32.02-2.4.02H7.1l2.32 2.85.03.06h5.25c.42 0 .72.28.72.72v2.7h-2.5c-.36.02-.56.54-.3.8l3.92 4.9c.18.25.6.25.78 0l3.94-4.9c.26-.28 0-.83-.37-.8H18.4v-2.7c0-3.15.4-3.62-1.25-3.66z' fill='#{hex-color(lighten($action-button-color, 7%))}' stroke-width='0'/><path d='M7.78 19.66c-.24.02-.44.25-.44.5v2.46h-.06c-1.08 0-1.86-.03-2.4-.03-1.64 0-1.25.43-1.25 3.65v4.47c0 4.26-.56 3.62 3.65 3.62H8.5l-1.3-1.06c-.1-.08-.18-.2-.2-.3-.02-.17.06-.35.2-.45l1.33-1.1H7.28c-.44 0-.72-.3-.72-.7v-4.48c0-.44.28-.72.72-.72h.06v2.5c0 .38.54.63.82.38l4.9-3.93c.25-.18.25-.6 0-.78l-4.9-3.92c-.1-.1-.24-.14-.38-.12zm9.34 2.93c-.54-.02-1.3.02-2.4.02h-1.25l1.3 1.07c.1.07.18.2.2.33.02.16-.06.3-.2.4l-1.33 1.1h1.28c.42 0 .72.28.72.72v4.47c0 .42-.3.72-.72.72h-.1v-2.47c0-.3-.3-.53-.6-.47-.07 0-.14.05-.2.1l-4.9 3.93c-.26.18-.26.6 0 .78l4.9 3.92c.27.25.82 0 .8-.38v-2.5h.1c4.27 0 3.65.67 3.65-3.62v-4.47c0-3.15.4-3.62-1.25-3.66zM10.34 38.66c-.24.02-.44.25-.43.5v2.47H7.3c-1.08 0-1.86-.04-2.4-.04-1.64 0-1.25.43-1.25 3.65v4.47c0 3.66-.23 3.7 2.34 3.66l-1.34-1.1c-.1-.08-.18-.2-.2-.3 0-.17.07-.35.2-.45l1.96-1.6c-.03-.06-.04-.13-.04-.2v-4.48c0-.44.28-.72.72-.72H9.9v2.5c0 .36.5.6.8.38l4.93-3.93c.24-.18.24-.6 0-.78l-4.94-3.92c-.1-.08-.23-.13-.36-.12zm5.63 2.93l1.34 1.1c.1.07.18.2.2.33.02.16-.03.3-.16.4l-1.96 1.6c.02.07.06.13.06.22v4.47c0 .42-.3.72-.72.72h-2.66v-2.47c0-.3-.3-.53-.6-.47-.06.02-.12.05-.18.1l-4.94 3.93c-.24.18-.24.6 0 .78l4.94 3.92c.28.22.78-.02.78-.38v-2.5h2.66c4.27 0 3.65.67 3.65-3.62v-4.47c0-3.66.34-3.7-2.4-3.66zM13.06 57.66c-.23.03-.4.26-.4.5v2.47H7.28c-1.08 0-1.86-.04-2.4-.04-1.64 0-1.25.43-1.25 3.65v4.87l2.93-2.37v-2.5c0-.44.28-.72.72-.72h5.38v2.5c0 .36.5.6.78.38l4.94-3.93c.24-.18.24-.6 0-.78l-4.94-3.92c-.1-.1-.24-.14-.38-.12zm5.3 6.15l-2.92 2.4v2.52c0 .42-.3.72-.72.72h-5.4v-2.47c0-.3-.32-.53-.6-.47-.07.02-.13.05-.2.1L3.6 70.52c-.25.18-.25.6 0 .78l4.93 3.92c.28.22.78-.02.78-.38v-2.5h5.42c4.27 0 3.65.67 3.65-3.62v-4.47-.44zM19.25 78.8c-.1.03-.2.1-.28.17l-.9.9c-.44-.3-1.36-.25-3.35-.25H7.28c-1.08 0-1.86-.03-2.4-.03-1.64 0-1.25.43-1.25 3.65v.7l2.93.3v-1c0-.44.28-.72.72-.72h7.44c.2 0 .37.08.5.2l-1.8 1.8c-.25.26-.08.76.27.8l6.27.7c.28.03.56-.25.53-.53l-.7-6.25c0-.27-.3-.48-.55-.44zm-17.2 6.1c-.2.07-.36.3-.33.54l.7 6.25c.02.36.58.55.83.27l.8-.8c.02 0 .04-.02.04 0 .46.24 1.37.17 3.18.17h7.44c4.27 0 3.65.67 3.65-3.62v-.75l-2.93-.3v1.05c0 .42-.3.72-.72.72H7.28c-.15 0-.3-.03-.4-.1L8.8 86.4c.3-.24.1-.8-.27-.84l-6.28-.65h-.2zM4.88 98.6c-1.33 0-1.34.48-1.3 2.3l1.14-1.37c.08-.1.22-.17.34-.2.16 0 .34.08.44.2l1.66 2.03c.04 0 .07-.03.12-.03h7.44c.34 0 .57.2.65.5h-2.43c-.34.05-.53.52-.3.78l3.92 4.95c.18.24.6.24.78 0l3.94-4.94c.22-.27-.02-.76-.37-.77H18.4c.02-3.9.6-3.4-3.66-3.4H7.28c-1.08 0-1.86-.04-2.4-.04zm.15 2.46c-.1.03-.2.1-.28.2l-3.94 4.9c-.2.28.03.77.4.78H3.6c-.02 3.94-.45 3.4 3.66 3.4h7.44c3.65 0 3.74.3 3.7-2.25l-1.1 1.34c-.1.1-.2.17-.32.2-.16 0-.34-.08-.44-.2l-1.65-2.03c-.06.02-.1.04-.18.04H7.28c-.35 0-.57-.2-.66-.5h2.44c.37 0 .63-.5.4-.78l-3.96-4.9c-.1-.15-.3-.23-.47-.2zM4.88 117.6c-1.16 0-1.3.3-1.3 1.56l1.14-1.38c.08-.1.22-.14.34-.16.16 0 .34.04.44.16l2.22 2.75h7c.42 0 .72.28.72.72v.53h-2.6c-.3.1-.43.54-.2.78l3.92 4.9c.18.25.6.25.78 0l3.94-4.9c.22-.28-.02-.77-.37-.78H18.4v-.53c0-4.2.72-3.63-3.66-3.63H7.28c-1.08 0-1.86-.03-2.4-.03zm.1 1.74c-.1.03-.17.1-.23.16L.8 124.44c-.2.28.03.77.4.78H3.6v.5c0 4.26-.55 3.62 3.66 3.62h7.44c1.03 0 1.74.02 2.28 0-.16.02-.34-.03-.44-.15l-2.22-2.76H7.28c-.44 0-.72-.3-.72-.72v-.5h2.5c.37.02.63-.5.4-.78L5.5 119.5c-.12-.15-.34-.22-.53-.16zm12.02 10c1.2-.02 1.4-.25 1.4-1.53l-1.1 1.36c-.07.1-.17.17-.3.18zM5.94 136.6l2.37 2.93h6.42c.42 0 .72.28.72.72v1.25h-2.6c-.3.1-.43.54-.2.78l3.92 4.9c.18.25.6.25.78 0l3.94-4.9c.22-.28-.02-.77-.37-.78H18.4v-1.25c0-4.2.72-3.63-3.66-3.63H7.28c-.6 0-.92-.02-1.34-.03zm-1.72.06c-.4.08-.54.3-.6.75l.6-.74zm.84.93c-.12 0-.24.08-.3.18l-3.95 4.9c-.24.3 0 .83.4.82H3.6v1.22c0 4.26-.55 3.62 3.66 3.62h7.44c.63 0 .97.02 1.4.03l-2.37-2.93H7.28c-.44 0-.72-.3-.72-.72v-1.22h2.5c.4.04.67-.53.4-.8l-3.96-4.92c-.1-.13-.27-.2-.44-.2zm13.28 10.03l-.56.7c.36-.07.5-.3.56-.7zM17.13 155.6c-.55-.02-1.32.03-2.4.03h-8.2l2.38 2.9h5.82c.42 0 .72.28.72.72v1.97H12.9c-.32.06-.48.52-.28.78l3.94 4.94c.2.23.6.22.78-.03l3.94-4.9c.22-.28-.02-.77-.37-.78H18.4v-1.97c0-3.15.4-3.62-1.25-3.66zm-12.1.28c-.1.02-.2.1-.28.18l-3.94 4.9c-.2.3.03.78.4.8H3.6v1.96c0 4.26-.55 3.62 3.66 3.62h8.24l-2.36-2.9H7.28c-.44 0-.72-.3-.72-.72v-1.97h2.5c.37.02.63-.5.4-.78l-3.96-4.9c-.1-.15-.3-.22-.47-.2zM5.13 174.5c-.15 0-.3.07-.38.2L.8 179.6c-.24.27 0 .82.4.8H3.6v2.32c0 4.26-.55 3.62 3.66 3.62h7.94l-2.35-2.9h-5.6c-.43 0-.7-.3-.7-.72v-2.3h2.5c.38.03.66-.54.4-.83l-3.97-4.9c-.1-.13-.23-.2-.38-.2zm12 .1c-.55-.02-1.32.03-2.4.03H6.83l2.35 2.9h5.52c.42 0 .72.28.72.72v2.34h-2.6c-.3.1-.43.53-.2.78l3.92 4.9c.18.24.6.24.78 0l3.94-4.9c.22-.3-.02-.78-.37-.8H18.4v-2.33c0-3.15.4-3.62-1.25-3.66zM4.97 193.16c-.1.03-.17.1-.22.18l-3.94 4.9c-.2.3.03.78.4.8H3.6v2.68c0 4.26-.55 3.62 3.66 3.62h7.66l-2.3-2.84c-.03-.02-.03-.04-.05-.06H7.27c-.44 0-.72-.3-.72-.72v-2.7h2.5c.37.03.63-.48.4-.77l-3.96-4.9c-.12-.17-.34-.25-.53-.2zm12.16.43c-.55-.02-1.32.03-2.4.03H7.1l2.32 2.84.03.06h5.25c.42 0 .72.28.72.72v2.7h-2.5c-.36.02-.56.54-.3.8l3.92 4.9c.18.25.6.25.78 0l3.94-4.9c.26-.28 0-.83-.37-.8H18.4v-2.7c0-3.15.4-3.62-1.25-3.66z' fill='#{hex-color($highlight-text-color)}' stroke-width='0'/></svg>\");\n  }\n}\n\n// Disabled variant\nbutton.icon-button.disabled i.fa-retweet {\n  &, &:hover {\n    background-image: url(\"data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='22' height='209'><path d='M4.97 3.16c-.1.03-.17.1-.22.18L.8 8.24c-.2.3.03.78.4.8H3.6v2.68c0 4.26-.55 3.62 3.66 3.62h7.66l-2.3-2.84c-.03-.02-.03-.04-.05-.06H7.27c-.44 0-.72-.3-.72-.72v-2.7h2.5c.37.03.63-.48.4-.77L5.5 3.35c-.12-.17-.34-.25-.53-.2zm12.16.43c-.55-.02-1.32.02-2.4.02H7.1l2.32 2.85.03.06h5.25c.42 0 .72.28.72.72v2.7h-2.5c-.36.02-.56.54-.3.8l3.92 4.9c.18.25.6.25.78 0l3.94-4.9c.26-.28 0-.83-.37-.8H18.4v-2.7c0-3.15.4-3.62-1.25-3.66z' fill='#{hex-color(darken($action-button-color, 13%))}' stroke-width='0'/></svg>\");\n  }\n}\n\n// Disabled variant for use with DMs\n.status-direct button.icon-button.disabled i.fa-retweet {\n  &, &:hover {\n    background-image: url(\"data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='22' height='209'><path d='M4.97 3.16c-.1.03-.17.1-.22.18L.8 8.24c-.2.3.03.78.4.8H3.6v2.68c0 4.26-.55 3.62 3.66 3.62h7.66l-2.3-2.84c-.03-.02-.03-.04-.05-.06H7.27c-.44 0-.72-.3-.72-.72v-2.7h2.5c.37.03.63-.48.4-.77L5.5 3.35c-.12-.17-.34-.25-.53-.2zm12.16.43c-.55-.02-1.32.02-2.4.02H7.1l2.32 2.85.03.06h5.25c.42 0 .72.28.72.72v2.7h-2.5c-.36.02-.56.54-.3.8l3.92 4.9c.18.25.6.25.78 0l3.94-4.9c.26-.28 0-.83-.37-.8H18.4v-2.7c0-3.15.4-3.62-1.25-3.66z' fill='#{hex-color(darken($action-button-color, 13%))}' stroke-width='0'/></svg>\");\n  }\n}\n",".account {\n  padding: 10px;\n  border-bottom: 1px solid lighten($ui-base-color, 8%);\n  color: inherit;\n  text-decoration: none;\n\n  .account__display-name {\n    flex: 1 1 auto;\n    display: block;\n    color: $darker-text-color;\n    overflow: hidden;\n    text-decoration: none;\n    font-size: 14px;\n  }\n\n  &.small {\n    border: none;\n    padding: 0;\n\n    & > .account__avatar-wrapper { margin: 0 8px 0 0 }\n\n    & > .display-name {\n      height: 24px;\n      line-height: 24px;\n    }\n  }\n}\n\n.account__wrapper {\n  display: flex;\n}\n\n.account__avatar-wrapper {\n  float: left;\n  margin-left: 12px;\n  margin-right: 12px;\n}\n\n.account__avatar {\n  @include avatar-radius();\n  position: relative;\n  cursor: pointer;\n\n  &-inline {\n    display: inline-block;\n    vertical-align: middle;\n    margin-right: 5px;\n  }\n\n  &-composite {\n    @include avatar-radius;\n    overflow: hidden;\n    position: relative;\n\n    & div {\n      @include avatar-radius;\n      float: left;\n      position: relative;\n      box-sizing: border-box;\n    }\n\n    &__label {\n      display: block;\n      position: absolute;\n      top: 50%;\n      left: 50%;\n      transform: translate(-50%, -50%);\n      color: $primary-text-color;\n      text-shadow: 1px 1px 2px $base-shadow-color;\n      font-weight: 700;\n      font-size: 15px;\n    }\n  }\n}\n\n.account__avatar-overlay {\n  position: relative;\n  @include avatar-size(48px);\n\n  &-base {\n    @include avatar-radius();\n    @include avatar-size(36px);\n  }\n\n  &-overlay {\n    @include avatar-radius();\n    @include avatar-size(24px);\n\n    position: absolute;\n    bottom: 0;\n    right: 0;\n    z-index: 1;\n  }\n}\n\n.account__relationship {\n  height: 18px;\n  padding: 10px;\n  white-space: nowrap;\n}\n\n.account__header__wrapper {\n  flex: 0 0 auto;\n  background: lighten($ui-base-color, 4%);\n}\n\n.account__disclaimer {\n  padding: 10px;\n  color: $dark-text-color;\n\n  strong {\n    font-weight: 500;\n\n    @each $lang in $cjk-langs {\n      &:lang(#{$lang}) {\n        font-weight: 700;\n      }\n    }\n  }\n\n  a {\n    font-weight: 500;\n    color: inherit;\n    text-decoration: underline;\n\n    &:hover,\n    &:focus,\n    &:active {\n      text-decoration: none;\n    }\n  }\n}\n\n.account__action-bar {\n  border-top: 1px solid lighten($ui-base-color, 8%);\n  border-bottom: 1px solid lighten($ui-base-color, 8%);\n  line-height: 36px;\n  overflow: hidden;\n  flex: 0 0 auto;\n  display: flex;\n}\n\n.account__action-bar-links {\n  display: flex;\n  flex: 1 1 auto;\n  line-height: 18px;\n  text-align: center;\n}\n\n.account__action-bar__tab {\n  text-decoration: none;\n  overflow: hidden;\n  flex: 0 1 100%;\n  border-left: 1px solid lighten($ui-base-color, 8%);\n  padding: 10px 0;\n  border-bottom: 4px solid transparent;\n\n  &:first-child {\n    border-left: 0;\n  }\n\n  &.active {\n    border-bottom: 4px solid $ui-highlight-color;\n  }\n\n  & > span {\n    display: block;\n    text-transform: uppercase;\n    font-size: 11px;\n    color: $darker-text-color;\n  }\n\n  strong {\n    display: block;\n    font-size: 15px;\n    font-weight: 500;\n    color: $primary-text-color;\n\n    @each $lang in $cjk-langs {\n      &:lang(#{$lang}) {\n        font-weight: 700;\n      }\n    }\n  }\n\n  abbr {\n    color: $highlight-text-color;\n  }\n}\n\n.account-authorize {\n  padding: 14px 10px;\n\n  .detailed-status__display-name {\n    display: block;\n    margin-bottom: 15px;\n    overflow: hidden;\n  }\n}\n\n.account-authorize__avatar {\n  float: left;\n  margin-right: 10px;\n}\n\n.notification__message {\n  margin-left: 42px;\n  padding: 8px 0 0 26px;\n  cursor: default;\n  color: $darker-text-color;\n  font-size: 15px;\n  position: relative;\n\n  .fa {\n    color: $highlight-text-color;\n  }\n\n  > span {\n    display: block;\n    overflow: hidden;\n    text-overflow: ellipsis;\n  }\n}\n\n.account--panel {\n  background: lighten($ui-base-color, 4%);\n  border-top: 1px solid lighten($ui-base-color, 8%);\n  border-bottom: 1px solid lighten($ui-base-color, 8%);\n  display: flex;\n  flex-direction: row;\n  padding: 10px 0;\n}\n\n.account--panel__button,\n.detailed-status__button {\n  flex: 1 1 auto;\n  text-align: center;\n}\n\n.column-settings__outer {\n  background: lighten($ui-base-color, 8%);\n  padding: 15px;\n}\n\n.column-settings__section {\n  color: $darker-text-color;\n  cursor: default;\n  display: block;\n  font-weight: 500;\n  margin-bottom: 10px;\n}\n\n.column-settings__hashtags {\n  .column-settings__row {\n    margin-bottom: 15px;\n  }\n\n  .column-select {\n    &__control {\n      @include search-input();\n\n      &::placeholder {\n        color: lighten($darker-text-color, 4%);\n      }\n\n      &::-moz-focus-inner {\n        border: 0;\n      }\n\n      &::-moz-focus-inner,\n      &:focus,\n      &:active {\n        outline: 0 !important;\n      }\n\n      &:focus {\n        background: lighten($ui-base-color, 4%);\n      }\n\n      @media screen and (max-width: 600px) {\n        font-size: 16px;\n      }\n    }\n\n    &__placeholder {\n      color: $dark-text-color;\n      padding-left: 2px;\n      font-size: 12px;\n    }\n\n    &__value-container {\n      padding-left: 6px;\n    }\n\n    &__multi-value {\n      background: lighten($ui-base-color, 8%);\n\n      &__remove {\n        cursor: pointer;\n\n        &:hover,\n        &:active,\n        &:focus {\n          background: lighten($ui-base-color, 12%);\n          color: lighten($darker-text-color, 4%);\n        }\n      }\n    }\n\n    &__multi-value__label,\n    &__input {\n      color: $darker-text-color;\n    }\n\n    &__clear-indicator,\n    &__dropdown-indicator {\n      cursor: pointer;\n      transition: none;\n      color: $dark-text-color;\n\n      &:hover,\n      &:active,\n      &:focus {\n        color: lighten($dark-text-color, 4%);\n      }\n    }\n\n    &__indicator-separator {\n      background-color: lighten($ui-base-color, 8%);\n    }\n\n    &__menu {\n      @include search-popout();\n      padding: 0;\n      background: $ui-secondary-color;\n    }\n\n    &__menu-list {\n      padding: 6px;\n    }\n\n    &__option {\n      color: $inverted-text-color;\n      border-radius: 4px;\n      font-size: 14px;\n\n      &--is-focused,\n      &--is-selected {\n        background: darken($ui-secondary-color, 10%);\n      }\n    }\n  }\n}\n\n.column-settings__row {\n  .text-btn {\n    margin-bottom: 15px;\n  }\n}\n\n.relationship-tag {\n  color: $primary-text-color;\n  margin-bottom: 4px;\n  display: block;\n  vertical-align: top;\n  background-color: $base-overlay-background;\n  text-transform: uppercase;\n  font-size: 11px;\n  font-weight: 500;\n  padding: 4px;\n  border-radius: 4px;\n  opacity: 0.7;\n\n  &:hover {\n    opacity: 1;\n  }\n}\n\n.account-gallery__container {\n  display: flex;\n  flex-wrap: wrap;\n  padding: 4px 2px;\n}\n\n.account-gallery__item {\n  border: none;\n  box-sizing: border-box;\n  display: block;\n  position: relative;\n  border-radius: 4px;\n  overflow: hidden;\n  margin: 2px;\n\n  &__icons {\n    position: absolute;\n    top: 50%;\n    left: 50%;\n    transform: translate(-50%, -50%);\n    font-size: 24px;\n  }\n}\n\n.notification__filter-bar,\n.account__section-headline {\n  background: darken($ui-base-color, 4%);\n  border-bottom: 1px solid lighten($ui-base-color, 8%);\n  cursor: default;\n  display: flex;\n  flex-shrink: 0;\n\n  button {\n    background: darken($ui-base-color, 4%);\n    border: 0;\n    margin: 0;\n  }\n\n  button,\n  a {\n    display: block;\n    flex: 1 1 auto;\n    color: $darker-text-color;\n    padding: 15px 0;\n    font-size: 14px;\n    font-weight: 500;\n    text-align: center;\n    text-decoration: none;\n    position: relative;\n\n    &.active {\n      color: $secondary-text-color;\n\n      &::before,\n      &::after {\n        display: block;\n        content: \"\";\n        position: absolute;\n        bottom: 0;\n        left: 50%;\n        width: 0;\n        height: 0;\n        transform: translateX(-50%);\n        border-style: solid;\n        border-width: 0 10px 10px;\n        border-color: transparent transparent lighten($ui-base-color, 8%);\n      }\n\n      &::after {\n        bottom: -1px;\n        border-color: transparent transparent $ui-base-color;\n      }\n    }\n  }\n\n  &.directory__section-headline {\n    background: darken($ui-base-color, 2%);\n    border-bottom-color: transparent;\n\n    a,\n    button {\n      &.active {\n        &::before {\n          display: none;\n        }\n\n        &::after {\n          border-color: transparent transparent darken($ui-base-color, 7%);\n        }\n      }\n    }\n  }\n}\n\n.account__moved-note {\n  padding: 14px 10px;\n  padding-bottom: 16px;\n  background: lighten($ui-base-color, 4%);\n  border-top: 1px solid lighten($ui-base-color, 8%);\n  border-bottom: 1px solid lighten($ui-base-color, 8%);\n\n  &__message {\n    position: relative;\n    margin-left: 58px;\n    color: $dark-text-color;\n    padding: 8px 0;\n    padding-top: 0;\n    padding-bottom: 4px;\n    font-size: 14px;\n\n    > span {\n      display: block;\n      overflow: hidden;\n      text-overflow: ellipsis;\n    }\n  }\n\n  &__icon-wrapper {\n    left: -26px;\n    position: absolute;\n  }\n\n  .detailed-status__display-avatar {\n    position: relative;\n  }\n\n  .detailed-status__display-name {\n    margin-bottom: 0;\n  }\n}\n\n.account__header__content {\n  color: $darker-text-color;\n  font-size: 14px;\n  font-weight: 400;\n  overflow: hidden;\n  word-break: normal;\n  word-wrap: break-word;\n\n  p {\n    margin-bottom: 20px;\n\n    &:last-child {\n      margin-bottom: 0;\n    }\n  }\n\n  a {\n    color: inherit;\n    text-decoration: underline;\n\n    &:hover {\n      text-decoration: none;\n    }\n  }\n}\n\n.account__header {\n  overflow: hidden;\n\n  &.inactive {\n    opacity: 0.5;\n\n    .account__header__image,\n    .account__avatar {\n      filter: grayscale(100%);\n    }\n  }\n\n  &__info {\n    position: absolute;\n    top: 10px;\n    left: 10px;\n  }\n\n  &__image {\n    overflow: hidden;\n    height: 145px;\n    position: relative;\n    background: darken($ui-base-color, 4%);\n\n    img {\n      object-fit: cover;\n      display: block;\n      width: 100%;\n      height: 100%;\n      margin: 0;\n    }\n  }\n\n  &__bar {\n    position: relative;\n    background: lighten($ui-base-color, 4%);\n    padding: 5px;\n    border-bottom: 1px solid lighten($ui-base-color, 12%);\n\n    .avatar {\n      display: block;\n      flex: 0 0 auto;\n      width: 94px;\n      margin-left: -2px;\n\n      .account__avatar {\n        background: darken($ui-base-color, 8%);\n        border: 2px solid lighten($ui-base-color, 4%);\n      }\n    }\n  }\n\n  &__tabs {\n    display: flex;\n    align-items: flex-start;\n    padding: 7px 5px;\n    margin-top: -55px;\n\n    &__buttons {\n      display: flex;\n      align-items: center;\n      padding-top: 55px;\n      overflow: hidden;\n\n      .icon-button {\n        border: 1px solid lighten($ui-base-color, 12%);\n        border-radius: 4px;\n        box-sizing: content-box;\n        padding: 2px;\n      }\n\n      .button {\n        margin: 0 8px;\n      }\n    }\n\n    &__name {\n      padding: 5px;\n\n      .account-role {\n        vertical-align: top;\n      }\n\n      .emojione {\n        width: 22px;\n        height: 22px;\n      }\n\n      h1 {\n        font-size: 16px;\n        line-height: 24px;\n        color: $primary-text-color;\n        font-weight: 500;\n        overflow: hidden;\n        white-space: nowrap;\n        text-overflow: ellipsis;\n\n        small {\n          display: block;\n          font-size: 14px;\n          color: $darker-text-color;\n          font-weight: 400;\n          overflow: hidden;\n          text-overflow: ellipsis;\n        }\n      }\n    }\n\n    .spacer {\n      flex: 1 1 auto;\n    }\n  }\n\n  &__bio {\n    overflow: hidden;\n    margin: 0 -5px;\n\n    .account__header__content {\n      padding: 20px 15px;\n      padding-bottom: 5px;\n      color: $primary-text-color;\n    }\n\n    .account__header__fields {\n      margin: 0;\n      border-top: 1px solid lighten($ui-base-color, 12%);\n\n      a {\n        color: lighten($ui-highlight-color, 8%);\n      }\n\n      dl:first-child .verified {\n        border-radius: 0 4px 0 0;\n      }\n\n      .verified a {\n        color: $valid-value-color;\n      }\n    }\n  }\n\n  &__extra {\n    margin-top: 4px;\n\n    &__links {\n      font-size: 14px;\n      color: $darker-text-color;\n      padding: 10px 0;\n\n      a {\n        display: inline-block;\n        color: $darker-text-color;\n        text-decoration: none;\n        padding: 5px 10px;\n        font-weight: 500;\n\n        strong {\n          font-weight: 700;\n          color: $primary-text-color;\n        }\n      }\n    }\n  }\n}\n",".domain {\n  padding: 10px;\n  border-bottom: 1px solid lighten($ui-base-color, 8%);\n\n  .domain__domain-name {\n    flex: 1 1 auto;\n    display: block;\n    color: $primary-text-color;\n    text-decoration: none;\n    font-size: 14px;\n    font-weight: 500;\n  }\n}\n\n.domain__wrapper {\n  display: flex;\n}\n\n.domain_buttons {\n  height: 18px;\n  padding: 10px;\n  white-space: nowrap;\n}\n","@keyframes spring-flip-in {\n  0% {\n    transform: rotate(0deg);\n  }\n\n  30% {\n    transform: rotate(-242.4deg);\n  }\n\n  60% {\n    transform: rotate(-158.35deg);\n  }\n\n  90% {\n    transform: rotate(-187.5deg);\n  }\n\n  100% {\n    transform: rotate(-180deg);\n  }\n}\n\n@keyframes spring-flip-out {\n  0% {\n    transform: rotate(-180deg);\n  }\n\n  30% {\n    transform: rotate(62.4deg);\n  }\n\n  60% {\n    transform: rotate(-21.635deg);\n  }\n\n  90% {\n    transform: rotate(7.5deg);\n  }\n\n  100% {\n    transform: rotate(0deg);\n  }\n}\n\n.status__content--with-action {\n  cursor: pointer;\n}\n\n.status__content {\n  position: relative;\n  margin: 10px 0;\n  font-size: 15px;\n  line-height: 20px;\n  word-wrap: break-word;\n  font-weight: 400;\n  overflow: visible;\n  padding-top: 5px;\n\n  &:focus {\n    outline: 0;\n  }\n\n  .emojione {\n    width: 20px;\n    height: 20px;\n    margin: -3px 0 0;\n  }\n\n  img {\n    max-width: 100%;\n    max-height: 400px;\n    object-fit: contain;\n  }\n\n  p, pre, blockquote {\n    margin-bottom: 20px;\n    white-space: pre-wrap;\n\n    &:last-child {\n      margin-bottom: 0;\n    }\n  }\n\n  .status__content__text,\n  .e-content {\n    overflow: hidden;\n\n    & > ul,\n    & > ol {\n      margin-bottom: 20px;\n    }\n\n    h1, h2, h3, h4, h5 {\n      margin-top: 20px;\n      margin-bottom: 20px;\n    }\n\n    h1, h2 {\n      font-weight: 700;\n      font-size: 1.2em;\n    }\n\n    h2 {\n      font-size: 1.1em;\n    }\n\n    h3, h4, h5 {\n      font-weight: 500;\n    }\n\n    blockquote {\n      padding-left: 10px;\n      border-left: 3px solid $darker-text-color;\n      color: $darker-text-color;\n      white-space: normal;\n\n      p:last-child {\n        margin-bottom: 0;\n      }\n    }\n\n    b, strong {\n      font-weight: 700;\n    }\n\n    em, i {\n      font-style: italic;\n    }\n\n    sub {\n      font-size: smaller;\n      text-align: sub;\n    }\n\n    sup {\n      font-size: smaller;\n      vertical-align: super;\n    }\n\n    ul, ol {\n      margin-left: 1em;\n\n      p {\n        margin: 0;\n      }\n    }\n\n    ul {\n      list-style-type: disc;\n    }\n\n    ol {\n      list-style-type: decimal;\n    }\n  }\n\n  a {\n    color: $pleroma-links;\n    text-decoration: none;\n\n    &:hover {\n      text-decoration: underline;\n\n      .fa {\n        color: lighten($dark-text-color, 7%);\n      }\n    }\n\n    &.mention {\n      &:hover {\n        text-decoration: none;\n\n        span {\n          text-decoration: underline;\n        }\n      }\n    }\n\n    .fa {\n      color: $dark-text-color;\n    }\n  }\n\n  .status__content__spoiler {\n    display: none;\n\n    &.status__content__spoiler--visible {\n      display: block;\n    }\n  }\n\n  a.unhandled-link {\n    color: lighten($ui-highlight-color, 8%);\n\n    .link-origin-tag {\n      color: $gold-star;\n      font-size: 0.8em;\n    }\n  }\n\n  .status__content__spoiler-link {\n    background: lighten($ui-base-color, 30%);\n\n    &:hover {\n      background: lighten($ui-base-color, 33%);\n      text-decoration: none;\n    }\n  }\n}\n\n.status__content__spoiler-link {\n  display: inline-block;\n  border-radius: 2px;\n  background: lighten($ui-base-color, 30%);\n  border: none;\n  color: $inverted-text-color;\n  font-weight: 500;\n  font-size: 11px;\n  padding: 0 5px;\n  text-transform: uppercase;\n  line-height: inherit;\n  cursor: pointer;\n  vertical-align: bottom;\n\n  &:hover {\n    background: lighten($ui-base-color, 33%);\n    text-decoration: none;\n  }\n\n  .status__content__spoiler-icon {\n    display: inline-block;\n    margin: 0 0 0 5px;\n    border-left: 1px solid currentColor;\n    padding: 0 0 0 4px;\n    font-size: 16px;\n    vertical-align: -2px;\n  }\n}\n\n.notif-cleaning {\n  .status,\n  .notification-follow,\n  .notification-follow-request {\n    padding-right: ($dismiss-overlay-width + 0.5rem);\n  }\n}\n\n.status__wrapper--filtered {\n  color: $dark-text-color;\n  border: 0;\n  font-size: inherit;\n  text-align: center;\n  line-height: inherit;\n  margin: 0;\n  padding: 15px;\n  box-sizing: border-box;\n  width: 100%;\n  clear: both;\n  border-bottom: 1px solid lighten($ui-base-color, 8%);\n}\n\n.status__prepend-icon-wrapper {\n  left: -26px;\n  position: absolute;\n}\n\n.notification-follow,\n.notification-follow-request {\n  position: relative;\n\n  // same like Status\n  border-bottom: 1px solid lighten($ui-base-color, 8%);\n\n  .account {\n    border-bottom: 0 none;\n  }\n}\n\n.focusable {\n  &:focus {\n    outline: 0;\n    background: lighten($ui-base-color, 4%);\n\n    &.status.status-direct:not(.read) {\n      background: lighten($ui-base-color, 12%);\n\n      &.muted {\n        background: transparent;\n      }\n    }\n\n    .detailed-status,\n    .detailed-status__action-bar {\n      background: lighten($ui-base-color, 8%);\n    }\n  }\n}\n\n.status {\n  padding: 10px 14px;\n  position: relative;\n  height: auto;\n  border-bottom: 1px solid lighten($ui-base-color, 8%);\n  cursor: default;\n\n  @supports (-ms-overflow-style: -ms-autohiding-scrollbar) {\n    // Add margin to avoid Edge auto-hiding scrollbar appearing over content.\n    // On Edge 16 this is 16px and Edge <=15 it's 12px, so aim for 16px.\n    padding-right: 28px; // 12px + 16px\n  }\n\n  @keyframes fade {\n    0% { opacity: 0; }\n    100% { opacity: 1; }\n  }\n\n  opacity: 1;\n  animation: fade 150ms linear;\n\n  .video-player,\n  .audio-player {\n    margin-top: 8px;\n  }\n\n  &.status-direct:not(.read) {\n    background: lighten($ui-base-color, 8%);\n    border-bottom-color: lighten($ui-base-color, 12%);\n  }\n\n  &.light {\n    .status__relative-time {\n      color: $lighter-text-color;\n    }\n\n    .status__display-name {\n      color: $inverted-text-color;\n    }\n\n    .display-name {\n      color: $light-text-color;\n\n      strong {\n        color: $inverted-text-color;\n      }\n    }\n\n    .status__content {\n      color: $inverted-text-color;\n\n      a {\n        color: $highlight-text-color;\n      }\n\n      a.status__content__spoiler-link {\n        color: $primary-text-color;\n        background: $ui-primary-color;\n\n        &:hover {\n          background: lighten($ui-primary-color, 8%);\n        }\n      }\n    }\n  }\n\n  &.collapsed {\n    background-position: center;\n    background-size: cover;\n    user-select: none;\n\n    &.has-background::before {\n      display: block;\n      position: absolute;\n      left: 0;\n      right: 0;\n      top: 0;\n      bottom: 0;\n      background-image: linear-gradient(to bottom, rgba($base-shadow-color, .75), rgba($base-shadow-color, .65) 24px, rgba($base-shadow-color, .8));\n      pointer-events: none;\n      content: \"\";\n    }\n\n    .display-name:hover .display-name__html {\n      text-decoration: none;\n    }\n\n    .status__content {\n      height: 20px;\n      overflow: hidden;\n      text-overflow: ellipsis;\n      padding-top: 0;\n\n      &:after {\n        content: \"\";\n        position: absolute;\n        top: 0; bottom: 0;\n        left: 0; right: 0;\n        background: linear-gradient(rgba($ui-base-color, 0), rgba($ui-base-color, 1));\n        pointer-events: none;\n      }\n      \n      a:hover {\n        text-decoration: none;\n      }\n    }\n    &:focus > .status__content:after {\n      background: linear-gradient(rgba(lighten($ui-base-color, 4%), 0), rgba(lighten($ui-base-color, 4%), 1));\n    }\n    &.status-direct:not(.read)> .status__content:after {\n      background: linear-gradient(rgba(lighten($ui-base-color, 8%), 0), rgba(lighten($ui-base-color, 8%), 1));\n    }\n\n    .notification__message {\n      margin-bottom: 0;\n    }\n\n    .status__info .notification__message > span {\n      white-space: nowrap;\n    }\n  }\n\n  .notification__message {\n    margin: -10px 0px 10px 0;\n  }\n}\n\n.notification-favourite {\n  .status.status-direct {\n    background: transparent;\n\n    .icon-button.disabled {\n      color: lighten($action-button-color, 13%);\n    }\n  }\n}\n\n.status__relative-time {\n  display: inline-block;\n  flex-grow: 1;\n  color: $dark-text-color;\n  font-size: 14px;\n  text-align: right;\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n}\n\n.status__display-name {\n  color: $dark-text-color;\n  overflow: hidden;\n}\n\n.status__info__account .status__display-name {\n  display: block;\n  max-width: 100%;\n}\n\n.status__info {\n  display: flex;\n  justify-content: space-between;\n  font-size: 15px;\n\n  > span {\n    text-overflow: ellipsis;\n    overflow: hidden;\n  }\n\n  .notification__message > span {\n    word-wrap: break-word;\n  }\n}\n\n.status__info__icons {\n  display: flex;\n  align-items: center;\n  height: 1em;\n  color: $action-button-color;\n\n  .status__media-icon,\n  .status__visibility-icon,\n  .status__reply-icon {\n    padding-left: 2px;\n    padding-right: 2px;\n  }\n\n  .status__collapse-button.active > .fa-angle-double-up {\n    transform: rotate(-180deg);\n  }\n}\n\n.no-reduce-motion .status__collapse-button {\n  &.activate {\n    & > .fa-angle-double-up {\n      animation: spring-flip-in 1s linear;\n    }\n  }\n\n  &.deactivate {\n    & > .fa-angle-double-up {\n      animation: spring-flip-out 1s linear;\n    }\n  }\n}\n\n.status__info__account {\n  display: flex;\n  align-items: center;\n  justify-content: flex-start;\n}\n\n.status-check-box {\n  border-bottom: 1px solid $ui-secondary-color;\n  display: flex;\n\n  .status-check-box__status {\n    margin: 10px 0 10px 10px;\n    flex: 1;\n    overflow: hidden;\n\n    .media-gallery {\n      max-width: 250px;\n    }\n\n    .status__content {\n      padding: 0;\n      white-space: normal;\n    }\n\n    .video-player,\n    .audio-player {\n      margin-top: 8px;\n      max-width: 250px;\n    }\n\n    .media-gallery__item-thumbnail {\n      cursor: default;\n    }\n  }\n}\n\n.status-check-box-toggle {\n  align-items: center;\n  display: flex;\n  flex: 0 0 auto;\n  justify-content: center;\n  padding: 10px;\n}\n\n.status__prepend {\n  margin-top: -10px;\n  margin-bottom: 10px;\n  margin-left: 58px;\n  color: $dark-text-color;\n  padding: 8px 0;\n  padding-bottom: 2px;\n  font-size: 14px;\n  position: relative;\n\n  .status__display-name strong {\n    color: $dark-text-color;\n  }\n\n  > span {\n    display: block;\n    overflow: hidden;\n    text-overflow: ellipsis;\n  }\n}\n\n.status__action-bar {\n  align-items: center;\n  display: flex;\n  margin-top: 8px;\n\n  &__counter {\n    display: inline-flex;\n    margin-right: 11px;\n    align-items: center;\n\n    .status__action-bar-button {\n      margin-right: 4px;\n    }\n\n    &__label {\n      display: inline-block;\n      width: 14px;\n      font-size: 12px;\n      font-weight: 500;\n      color: $action-button-color;\n    }\n  }\n}\n\n.status__action-bar-button {\n  margin-right: 18px;\n}\n\n.status__action-bar-dropdown {\n  height: 23.15px;\n  width: 23.15px;\n}\n\n.detailed-status__action-bar-dropdown {\n  flex: 1 1 auto;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  position: relative;\n}\n\n.detailed-status {\n  background: lighten($ui-base-color, 4%);\n  padding: 14px 10px;\n\n  &--flex {\n    display: flex;\n    flex-wrap: wrap;\n    justify-content: space-between;\n    align-items: flex-start;\n\n    .status__content,\n    .detailed-status__meta {\n      flex: 100%;\n    }\n  }\n\n  .status__content {\n    font-size: 19px;\n    line-height: 24px;\n\n    .emojione {\n      width: 24px;\n      height: 24px;\n      margin: -1px 0 0;\n    }\n  }\n\n  .video-player,\n  .audio-player {\n    margin-top: 8px;\n  }\n}\n\n.detailed-status__meta {\n  margin-top: 15px;\n  color: $dark-text-color;\n  font-size: 14px;\n  line-height: 18px;\n}\n\n.detailed-status__action-bar {\n  background: lighten($ui-base-color, 4%);\n  border-top: 1px solid lighten($ui-base-color, 8%);\n  border-bottom: 1px solid lighten($ui-base-color, 8%);\n  display: flex;\n  flex-direction: row;\n  padding: 10px 0;\n}\n\n.detailed-status__link {\n  color: inherit;\n  text-decoration: none;\n}\n\n.detailed-status__favorites,\n.detailed-status__reblogs {\n  display: inline-block;\n  font-weight: 500;\n  font-size: 12px;\n  margin-left: 6px;\n}\n\n.status__display-name,\n.status__relative-time,\n.detailed-status__display-name,\n.detailed-status__datetime,\n.detailed-status__application,\n.account__display-name {\n  text-decoration: none;\n}\n\n.status__display-name,\n.account__display-name {\n  strong {\n    color: $primary-text-color;\n  }\n}\n\n.muted {\n  .emojione {\n    opacity: 0.5;\n  }\n}\n\na.status__display-name,\n.reply-indicator__display-name,\n.detailed-status__display-name,\n.account__display-name {\n  &:hover strong {\n    text-decoration: underline;\n  }\n}\n\n.account__display-name strong {\n  display: block;\n  overflow: hidden;\n  text-overflow: ellipsis;\n}\n\n.detailed-status__application,\n.detailed-status__datetime {\n  color: inherit;\n}\n\n.detailed-status .button.logo-button {\n  margin-bottom: 15px;\n}\n\n.detailed-status__display-name {\n  color: $secondary-text-color;\n  display: block;\n  line-height: 24px;\n  margin-bottom: 15px;\n  overflow: hidden;\n\n  strong,\n  span {\n    display: block;\n    text-overflow: ellipsis;\n    overflow: hidden;\n  }\n\n  strong {\n    font-size: 16px;\n    color: $primary-text-color;\n  }\n}\n\n.detailed-status__display-avatar {\n  float: left;\n  margin-right: 10px;\n}\n\n.status__avatar {\n  flex: none;\n  margin: 0 10px 0 0;\n  height: 48px;\n  width: 48px;\n}\n\n.muted {\n  .status__content,\n  .status__content p,\n  .status__content a,\n  .status__content__text {\n    color: $dark-text-color;\n  }\n\n  .status__display-name strong {\n    color: $dark-text-color;\n  }\n\n  .status__avatar {\n    opacity: 0.5;\n  }\n\n  a.status__content__spoiler-link {\n    background: $ui-base-lighter-color;\n    color: $inverted-text-color;\n\n    &:hover {\n      background: lighten($ui-base-color, 29%);\n      text-decoration: none;\n    }\n  }\n}\n\n.status__relative-time,\n.detailed-status__datetime {\n  &:hover {\n    text-decoration: underline;\n  }\n}\n\n.status-card {\n  display: flex;\n  font-size: 14px;\n  border: 1px solid lighten($ui-base-color, 8%);\n  border-radius: 4px;\n  color: $dark-text-color;\n  margin-top: 14px;\n  text-decoration: none;\n  overflow: hidden;\n\n  &__actions {\n    bottom: 0;\n    left: 0;\n    position: absolute;\n    right: 0;\n    top: 0;\n    display: flex;\n    justify-content: center;\n    align-items: center;\n\n    & > div {\n      background: rgba($base-shadow-color, 0.6);\n      border-radius: 8px;\n      padding: 12px 9px;\n      flex: 0 0 auto;\n      display: flex;\n      justify-content: center;\n      align-items: center;\n    }\n\n    button,\n    a {\n      display: inline;\n      color: $secondary-text-color;\n      background: transparent;\n      border: 0;\n      padding: 0 8px;\n      text-decoration: none;\n      font-size: 18px;\n      line-height: 18px;\n\n      &:hover,\n      &:active,\n      &:focus {\n        color: $primary-text-color;\n      }\n    }\n\n    a {\n      font-size: 19px;\n      position: relative;\n      bottom: -1px;\n    }\n\n    a .fa, a:hover .fa {\n      color: inherit;\n    }\n  }\n}\n\na.status-card {\n  cursor: pointer;\n\n  &:hover {\n    background: lighten($ui-base-color, 8%);\n  }\n}\n\n.status-card-photo {\n  cursor: zoom-in;\n  display: block;\n  text-decoration: none;\n    width: 100%;\n    height: auto;\n    margin: 0;\n}\n\n.status-card-video {\n  iframe {\n    width: 100%;\n    height: 100%;\n  }\n}\n\n.status-card__title {\n  display: block;\n  font-weight: 500;\n  margin-bottom: 5px;\n  color: $darker-text-color;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  text-decoration: none;\n}\n\n.status-card__content {\n  flex: 1 1 auto;\n  overflow: hidden;\n  padding: 14px 14px 14px 8px;\n}\n\n.status-card__description {\n  color: $darker-text-color;\n}\n\n.status-card__host {\n  display: block;\n  margin-top: 5px;\n  font-size: 13px;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n\n.status-card__image {\n  flex: 0 0 100px;\n  background: lighten($ui-base-color, 8%);\n  position: relative;\n\n  & > .fa {\n    font-size: 21px;\n    position: absolute;\n    transform-origin: 50% 50%;\n    top: 50%;\n    left: 50%;\n    transform: translate(-50%, -50%);\n  }\n}\n\n.status-card.horizontal {\n  display: block;\n\n  .status-card__image {\n    width: 100%;\n  }\n\n  .status-card__image-image {\n    border-radius: 4px 4px 0 0;\n  }\n\n  .status-card__title {\n    white-space: inherit;\n  }\n}\n\n.status-card.compact {\n  border-color: lighten($ui-base-color, 4%);\n\n  &.interactive {\n    border: 0;\n  }\n\n  .status-card__content {\n    padding: 8px;\n    padding-top: 10px;\n  }\n\n  .status-card__title {\n    white-space: nowrap;\n  }\n\n  .status-card__image {\n    flex: 0 0 60px;\n  }\n}\n\na.status-card.compact:hover {\n  background-color: lighten($ui-base-color, 4%);\n}\n\n.status-card__image-image {\n  border-radius: 4px 0 0 4px;\n  display: block;\n  margin: 0;\n  width: 100%;\n  height: 100%;\n  object-fit: cover;\n  background-size: cover;\n  background-position: center center;\n}\n\n.attachment-list {\n  display: flex;\n  font-size: 14px;\n  border: 1px solid lighten($ui-base-color, 8%);\n  border-radius: 4px;\n  margin-top: 14px;\n  overflow: hidden;\n\n  &__icon {\n    flex: 0 0 auto;\n    color: $dark-text-color;\n    padding: 8px 18px;\n    cursor: default;\n    border-right: 1px solid lighten($ui-base-color, 8%);\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    justify-content: center;\n    font-size: 26px;\n\n    .fa {\n      display: block;\n    }\n  }\n\n  &__list {\n    list-style: none;\n    padding: 4px 0;\n    padding-left: 8px;\n    display: flex;\n    flex-direction: column;\n    justify-content: center;\n\n    li {\n      display: block;\n      padding: 4px 0;\n    }\n\n    a {\n      text-decoration: none;\n      color: $dark-text-color;\n      font-weight: 500;\n\n      &:hover {\n        text-decoration: underline;\n      }\n    }\n  }\n\n  &.compact {\n    border: 0;\n    margin-top: 4px;\n\n    .attachment-list__list {\n      padding: 0;\n      display: block;\n    }\n\n    .fa {\n      color: $dark-text-color;\n    }\n  }\n}\n\n.status__wrapper--filtered__button {\n  display: inline;\n  color: lighten($ui-highlight-color, 8%);\n  border: 0;\n  background: transparent;\n  padding: 0;\n  font-size: inherit;\n  line-height: inherit;\n\n  &:hover,\n  &:active {\n    text-decoration: underline;\n  }\n}\n",".modal-container--preloader {\n  background: lighten($ui-base-color, 8%);\n}\n\n.modal-root {\n  position: relative;\n  transition: opacity 0.3s linear;\n  will-change: opacity;\n  z-index: 9999;\n}\n\n.modal-root__overlay {\n  position: fixed;\n  top: 0;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  background: rgba($base-overlay-background, 0.7);\n}\n\n.modal-root__container {\n  position: fixed;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  align-content: space-around;\n  z-index: 9999;\n  pointer-events: none;\n  user-select: none;\n}\n\n.modal-root__modal {\n  pointer-events: auto;\n  display: flex;\n  z-index: 9999;\n}\n\n.onboarding-modal,\n.error-modal,\n.embed-modal {\n  background: $ui-secondary-color;\n  color: $inverted-text-color;\n  border-radius: 8px;\n  overflow: hidden;\n  display: flex;\n  flex-direction: column;\n}\n\n.onboarding-modal__pager {\n  height: 80vh;\n  width: 80vw;\n  max-width: 520px;\n  max-height: 470px;\n\n  .react-swipeable-view-container > div {\n    width: 100%;\n    height: 100%;\n    box-sizing: border-box;\n    display: none;\n    flex-direction: column;\n    align-items: center;\n    justify-content: center;\n    display: flex;\n    user-select: text;\n  }\n}\n\n.error-modal__body {\n  height: 80vh;\n  width: 80vw;\n  max-width: 520px;\n  max-height: 420px;\n  position: relative;\n\n  & > div {\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n    box-sizing: border-box;\n    padding: 25px;\n    display: none;\n    flex-direction: column;\n    align-items: center;\n    justify-content: center;\n    display: flex;\n    opacity: 0;\n    user-select: text;\n  }\n}\n\n.error-modal__body {\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  align-items: center;\n  text-align: center;\n}\n\n@media screen and (max-width: 550px) {\n  .onboarding-modal {\n    width: 100%;\n    height: 100%;\n    border-radius: 0;\n  }\n\n  .onboarding-modal__pager {\n    width: 100%;\n    height: auto;\n    max-width: none;\n    max-height: none;\n    flex: 1 1 auto;\n  }\n}\n\n.onboarding-modal__paginator,\n.error-modal__footer {\n  flex: 0 0 auto;\n  background: darken($ui-secondary-color, 8%);\n  display: flex;\n  padding: 25px;\n\n  & > div {\n    min-width: 33px;\n  }\n\n  .onboarding-modal__nav,\n  .error-modal__nav {\n    color: $lighter-text-color;\n    border: 0;\n    font-size: 14px;\n    font-weight: 500;\n    padding: 10px 25px;\n    line-height: inherit;\n    height: auto;\n    margin: -10px;\n    border-radius: 4px;\n    background-color: transparent;\n\n    &:hover,\n    &:focus,\n    &:active {\n      color: darken($lighter-text-color, 4%);\n      background-color: darken($ui-secondary-color, 16%);\n    }\n\n    &.onboarding-modal__done,\n    &.onboarding-modal__next {\n      color: $inverted-text-color;\n\n      &:hover,\n      &:focus,\n      &:active {\n        color: lighten($inverted-text-color, 4%);\n      }\n    }\n  }\n}\n\n.error-modal__footer {\n  justify-content: center;\n}\n\n.onboarding-modal__dots {\n  flex: 1 1 auto;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n\n.onboarding-modal__dot {\n  width: 14px;\n  height: 14px;\n  border-radius: 14px;\n  background: darken($ui-secondary-color, 16%);\n  margin: 0 3px;\n  cursor: pointer;\n\n  &:hover {\n    background: darken($ui-secondary-color, 18%);\n  }\n\n  &.active {\n    cursor: default;\n    background: darken($ui-secondary-color, 24%);\n  }\n}\n\n.onboarding-modal__page__wrapper {\n  pointer-events: none;\n  padding: 25px;\n  padding-bottom: 0;\n\n  &.onboarding-modal__page__wrapper--active {\n    pointer-events: auto;\n  }\n}\n\n.onboarding-modal__page {\n  cursor: default;\n  line-height: 21px;\n\n  h1 {\n    font-size: 18px;\n    font-weight: 500;\n    color: $inverted-text-color;\n    margin-bottom: 20px;\n  }\n\n  a {\n    color: $highlight-text-color;\n\n    &:hover,\n    &:focus,\n    &:active {\n      color: lighten($highlight-text-color, 4%);\n    }\n  }\n\n  .navigation-bar a {\n    color: inherit;\n  }\n\n  p {\n    font-size: 16px;\n    color: $lighter-text-color;\n    margin-top: 10px;\n    margin-bottom: 10px;\n\n    &:last-child {\n      margin-bottom: 0;\n    }\n\n    strong {\n      font-weight: 500;\n      background: $ui-base-color;\n      color: $secondary-text-color;\n      border-radius: 4px;\n      font-size: 14px;\n      padding: 3px 6px;\n\n      @each $lang in $cjk-langs {\n        &:lang(#{$lang}) {\n          font-weight: 700;\n        }\n      }\n    }\n  }\n}\n\n.onboarding-modal__page__wrapper-0 {\n  height: 100%;\n  padding: 0;\n}\n\n.onboarding-modal__page-one {\n  &__lead {\n    padding: 65px;\n    padding-top: 45px;\n    padding-bottom: 0;\n    margin-bottom: 10px;\n\n    h1 {\n      font-size: 26px;\n      line-height: 36px;\n      margin-bottom: 8px;\n    }\n\n    p {\n      margin-bottom: 0;\n    }\n  }\n\n  &__extra {\n    padding-right: 65px;\n    padding-left: 185px;\n    text-align: center;\n  }\n}\n\n.display-case {\n  text-align: center;\n  font-size: 15px;\n  margin-bottom: 15px;\n\n  &__label {\n    font-weight: 500;\n    color: $inverted-text-color;\n    margin-bottom: 5px;\n    text-transform: uppercase;\n    font-size: 12px;\n  }\n\n  &__case {\n    background: $ui-base-color;\n    color: $secondary-text-color;\n    font-weight: 500;\n    padding: 10px;\n    border-radius: 4px;\n  }\n}\n\n.onboarding-modal__page-two,\n.onboarding-modal__page-three,\n.onboarding-modal__page-four,\n.onboarding-modal__page-five {\n  p {\n    text-align: left;\n  }\n\n  .figure {\n    background: darken($ui-base-color, 8%);\n    color: $secondary-text-color;\n    margin-bottom: 20px;\n    border-radius: 4px;\n    padding: 10px;\n    text-align: center;\n    font-size: 14px;\n    box-shadow: 1px 2px 6px rgba($base-shadow-color, 0.3);\n\n    .onboarding-modal__image {\n      border-radius: 4px;\n      margin-bottom: 10px;\n    }\n\n    &.non-interactive {\n      pointer-events: none;\n      text-align: left;\n    }\n  }\n}\n\n.onboarding-modal__page-four__columns {\n  .row {\n    display: flex;\n    margin-bottom: 20px;\n\n    & > div {\n      flex: 1 1 0;\n      margin: 0 10px;\n\n      &:first-child {\n        margin-left: 0;\n      }\n\n      &:last-child {\n        margin-right: 0;\n      }\n\n      p {\n        text-align: center;\n      }\n    }\n\n    &:last-child {\n      margin-bottom: 0;\n    }\n  }\n\n  .column-header {\n    color: $primary-text-color;\n  }\n}\n\n@media screen and (max-width: 320px) and (max-height: 600px) {\n  .onboarding-modal__page p {\n    font-size: 14px;\n    line-height: 20px;\n  }\n\n  .onboarding-modal__page-two .figure,\n  .onboarding-modal__page-three .figure,\n  .onboarding-modal__page-four .figure,\n  .onboarding-modal__page-five .figure {\n    font-size: 12px;\n    margin-bottom: 10px;\n  }\n\n  .onboarding-modal__page-four__columns .row {\n    margin-bottom: 10px;\n  }\n\n  .onboarding-modal__page-four__columns .column-header {\n    padding: 5px;\n    font-size: 12px;\n  }\n}\n\n.onboard-sliders {\n  display: inline-block;\n  max-width: 30px;\n  max-height: auto;\n  margin-left: 10px;\n}\n\n.boost-modal,\n.favourite-modal,\n.confirmation-modal,\n.report-modal,\n.actions-modal,\n.mute-modal,\n.block-modal {\n  background: lighten($ui-secondary-color, 8%);\n  color: $inverted-text-color;\n  border-radius: 8px;\n  overflow: hidden;\n  max-width: 90vw;\n  width: 480px;\n  position: relative;\n  flex-direction: column;\n\n  .status__relative-time {\n    color: $dark-text-color;\n    float: right;\n    font-size: 14px;\n    width: auto;\n    margin: initial;\n    padding: initial;\n  }\n\n  .status__display-name {\n    display: flex;\n  }\n\n  .status__avatar {\n    height: 48px;\n    width: 48px;\n  }\n\n  .status__content__spoiler-link {\n    color: lighten($secondary-text-color, 8%);\n  }\n}\n\n.actions-modal {\n  .status {\n    background: $white;\n    border-bottom-color: $ui-secondary-color;\n    padding-top: 10px;\n    padding-bottom: 10px;\n  }\n\n  .dropdown-menu__separator {\n    border-bottom-color: $ui-secondary-color;\n  }\n}\n\n.boost-modal__container,\n.favourite-modal__container {\n  overflow-x: scroll;\n  padding: 10px;\n\n  .status {\n    user-select: text;\n    border-bottom: 0;\n  }\n}\n\n.boost-modal__action-bar,\n.favourite-modal__action-bar,\n.confirmation-modal__action-bar,\n.mute-modal__action-bar,\n.block-modal__action-bar {\n  display: flex;\n  justify-content: space-between;\n  background: $ui-secondary-color;\n  padding: 10px;\n  line-height: 36px;\n\n  & > div {\n    flex: 1 1 auto;\n    text-align: right;\n    color: $lighter-text-color;\n    padding-right: 10px;\n  }\n\n  .button {\n    flex: 0 0 auto;\n  }\n}\n\n.boost-modal__status-header,\n.favourite-modal__status-header {\n  font-size: 15px;\n}\n\n.boost-modal__status-time,\n.favourite-modal__status-time {\n  float: right;\n  font-size: 14px;\n}\n\n.mute-modal,\n.block-modal {\n  line-height: 24px;\n}\n\n.mute-modal .react-toggle,\n.block-modal .react-toggle {\n  vertical-align: middle;\n}\n\n.report-modal {\n  width: 90vw;\n  max-width: 700px;\n}\n\n.report-modal__container {\n  display: flex;\n  border-top: 1px solid $ui-secondary-color;\n\n  @media screen and (max-width: 480px) {\n    flex-wrap: wrap;\n    overflow-y: auto;\n  }\n}\n\n.report-modal__statuses,\n.report-modal__comment {\n  box-sizing: border-box;\n  width: 50%;\n\n  @media screen and (max-width: 480px) {\n    width: 100%;\n  }\n}\n\n.report-modal__statuses,\n.focal-point-modal__content {\n  flex: 1 1 auto;\n  min-height: 20vh;\n  max-height: 80vh;\n  overflow-y: auto;\n  overflow-x: hidden;\n\n  .status__content a {\n    color: $highlight-text-color;\n  }\n\n  @media screen and (max-width: 480px) {\n    max-height: 10vh;\n  }\n}\n\n.focal-point-modal__content {\n  @media screen and (max-width: 480px) {\n    max-height: 40vh;\n  }\n}\n\n.report-modal__comment {\n  padding: 20px;\n  border-right: 1px solid $ui-secondary-color;\n  max-width: 320px;\n\n  p {\n    font-size: 14px;\n    line-height: 20px;\n    margin-bottom: 20px;\n  }\n\n  .setting-text {\n    display: block;\n    box-sizing: border-box;\n    width: 100%;\n    margin: 0;\n    color: $inverted-text-color;\n    background: $white;\n    padding: 10px;\n    font-family: inherit;\n    font-size: 14px;\n    resize: none;\n    border: 0;\n    outline: 0;\n    border-radius: 4px;\n    border: 1px solid $ui-secondary-color;\n    min-height: 100px;\n    max-height: 50vh;\n    margin-bottom: 10px;\n\n    &:focus {\n      border: 1px solid darken($ui-secondary-color, 8%);\n    }\n\n    &__wrapper {\n      background: $white;\n      border: 1px solid $ui-secondary-color;\n      margin-bottom: 10px;\n      border-radius: 4px;\n\n      .setting-text {\n        border: 0;\n        margin-bottom: 0;\n        border-radius: 0;\n\n        &:focus {\n          border: 0;\n        }\n      }\n\n      &__modifiers {\n        color: $inverted-text-color;\n        font-family: inherit;\n        font-size: 14px;\n        background: $white;\n      }\n    }\n\n    &__toolbar {\n      display: flex;\n      justify-content: space-between;\n      margin-bottom: 20px;\n    }\n  }\n\n  .setting-text-label {\n    display: block;\n    color: $inverted-text-color;\n    font-size: 14px;\n    font-weight: 500;\n    margin-bottom: 10px;\n  }\n\n  .setting-toggle {\n    margin-top: 20px;\n    margin-bottom: 24px;\n\n    &__label {\n      color: $inverted-text-color;\n      font-size: 14px;\n    }\n  }\n\n  @media screen and (max-width: 480px) {\n    padding: 10px;\n    max-width: 100%;\n    order: 2;\n\n    .setting-toggle {\n      margin-bottom: 4px;\n    }\n  }\n}\n\n.actions-modal {\n  .status {\n    overflow-y: auto;\n    max-height: 300px;\n  }\n\n  strong {\n    display: block;\n    font-weight: 500;\n  }\n\n  max-height: 80vh;\n  max-width: 80vw;\n\n  .actions-modal__item-label {\n    font-weight: 500;\n  }\n\n  ul {\n    overflow-y: auto;\n    flex-shrink: 0;\n    max-height: 80vh;\n\n    &.with-status {\n      max-height: calc(80vh - 75px);\n    }\n\n    li:empty {\n      margin: 0;\n    }\n\n    li:not(:empty) {\n      a {\n        color: $inverted-text-color;\n        display: flex;\n        padding: 12px 16px;\n        font-size: 15px;\n        align-items: center;\n        text-decoration: none;\n\n        &,\n        button {\n          transition: none;\n        }\n\n        &.active,\n        &:hover,\n        &:active,\n        &:focus {\n          &,\n          button {\n            background: $ui-highlight-color;\n            color: $primary-text-color;\n          }\n        }\n\n        & > .react-toggle,\n        & > .icon,\n        button:first-child {\n          margin-right: 10px;\n        }\n      }\n    }\n  }\n}\n\n.confirmation-modal__action-bar,\n.mute-modal__action-bar,\n.block-modal__action-bar {\n  .confirmation-modal__secondary-button {\n    flex-shrink: 1;\n  }\n}\n\n.confirmation-modal__secondary-button,\n.confirmation-modal__cancel-button,\n.mute-modal__cancel-button,\n.block-modal__cancel-button {\n  background-color: transparent;\n  color: $lighter-text-color;\n  font-size: 14px;\n  font-weight: 500;\n\n  &:hover,\n  &:focus,\n  &:active {\n    color: darken($lighter-text-color, 4%);\n    background-color: transparent;\n  }\n}\n\n.confirmation-modal__do_not_ask_again {\n  padding-left: 20px;\n  padding-right: 20px;\n  padding-bottom: 10px;\n\n  font-size: 14px;\n\n  label, input {\n    vertical-align: middle;\n  }\n}\n\n.confirmation-modal__container,\n.mute-modal__container,\n.block-modal__container,\n.report-modal__target {\n  padding: 30px;\n  font-size: 16px;\n\n  strong {\n    font-weight: 500;\n\n    @each $lang in $cjk-langs {\n      &:lang(#{$lang}) {\n        font-weight: 700;\n      }\n    }\n  }\n}\n\n.confirmation-modal__container,\n.report-modal__target {\n  text-align: center;\n}\n\n.block-modal,\n.mute-modal {\n  &__explanation {\n    margin-top: 20px;\n  }\n\n  .setting-toggle {\n    margin-top: 20px;\n    margin-bottom: 24px;\n    display: flex;\n    align-items: center;\n\n    &__label {\n      color: $inverted-text-color;\n      margin: 0;\n      margin-left: 8px;\n    }\n  }\n}\n\n.report-modal__target {\n  padding: 15px;\n\n  .media-modal__close {\n    top: 14px;\n    right: 15px;\n  }\n}\n\n.embed-modal {\n  width: auto;\n  max-width: 80vw;\n  max-height: 80vh;\n\n  h4 {\n    padding: 30px;\n    font-weight: 500;\n    font-size: 16px;\n    text-align: center;\n  }\n\n  .embed-modal__container {\n    padding: 10px;\n\n    .hint {\n      margin-bottom: 15px;\n    }\n\n    .embed-modal__html {\n      outline: 0;\n      box-sizing: border-box;\n      display: block;\n      width: 100%;\n      border: none;\n      padding: 10px;\n      font-family: 'mastodon-font-monospace', monospace;\n      background: $ui-base-color;\n      color: $primary-text-color;\n      font-size: 14px;\n      margin: 0;\n      margin-bottom: 15px;\n      border-radius: 4px;\n\n      &::-moz-focus-inner {\n        border: 0;\n      }\n\n      &::-moz-focus-inner,\n      &:focus,\n      &:active {\n        outline: 0 !important;\n      }\n\n      &:focus {\n        background: lighten($ui-base-color, 4%);\n      }\n\n      @media screen and (max-width: 600px) {\n        font-size: 16px;\n      }\n    }\n\n    .embed-modal__iframe {\n      width: 400px;\n      max-width: 100%;\n      overflow: hidden;\n      border: 0;\n      border-radius: 4px;\n    }\n  }\n}\n\n.focal-point {\n  position: relative;\n  cursor: move;\n  overflow: hidden;\n  height: 100%;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  background: $base-shadow-color;\n\n  img,\n  video,\n  canvas {\n    display: block;\n    max-height: 80vh;\n    width: 100%;\n    height: auto;\n    margin: 0;\n    object-fit: contain;\n    background: $base-shadow-color;\n  }\n\n  &__reticle {\n    position: absolute;\n    width: 100px;\n    height: 100px;\n    transform: translate(-50%, -50%);\n    background: url('~images/reticle.png') no-repeat 0 0;\n    border-radius: 50%;\n    box-shadow: 0 0 0 9999em rgba($base-shadow-color, 0.35);\n  }\n\n  &__overlay {\n    position: absolute;\n    width: 100%;\n    height: 100%;\n    top: 0;\n    left: 0;\n  }\n\n  &__preview {\n    position: absolute;\n    bottom: 10px;\n    right: 10px;\n    z-index: 2;\n    cursor: move;\n    transition: opacity 0.1s ease;\n\n    &:hover {\n      opacity: 0.5;\n    }\n\n    strong {\n      color: $primary-text-color;\n      font-size: 14px;\n      font-weight: 500;\n      display: block;\n      margin-bottom: 5px;\n    }\n\n    div {\n      border-radius: 4px;\n      box-shadow: 0 0 14px rgba($base-shadow-color, 0.2);\n    }\n  }\n\n  @media screen and (max-width: 480px) {\n    img,\n    video {\n      max-height: 100%;\n    }\n\n    &__preview {\n      display: none;\n    }\n  }\n}\n\n.filtered-status-info {\n  text-align: start;\n\n  .spoiler__text {\n    margin-top: 20px;\n  }\n\n  .account {\n    border-bottom: 0;\n  }\n\n  .account__display-name strong {\n    color: $inverted-text-color;\n  }\n\n  .status__content__spoiler {\n    display: none;\n\n    &--visible {\n      display: flex;\n    }\n  }\n\n  ul {\n    padding: 10px;\n    margin-left: 12px;\n    list-style: disc inside;\n  }\n\n  .filtered-status-edit-link {\n    color: $action-button-color;\n    text-decoration: none;\n\n    &:hover {\n      text-decoration: underline\n    }\n  }\n}\n",".composer {\n  padding: 10px;\n\n  .emoji-picker-dropdown {\n    position: absolute;\n    top: 0;\n    right: 0;\n\n    ::-webkit-scrollbar-track:hover,\n    ::-webkit-scrollbar-track:active {\n      background-color: rgba($base-overlay-background, 0.3);\n    }\n  }\n}\n\n.character-counter {\n  cursor: default;\n  font-family: $font-sans-serif, sans-serif;\n  font-size: 14px;\n  font-weight: 600;\n  color: $lighter-text-color;\n\n  &.character-counter--over {\n    color: $warning-red;\n  }\n}\n\n.no-reduce-motion .composer--spoiler {\n  transition: height 0.4s ease, opacity 0.4s ease;\n}\n\n.composer--spoiler {\n  height: 0;\n  transform-origin: bottom;\n  opacity: 0.0;\n\n  &.composer--spoiler--visible {\n    height: 36px;\n    margin-bottom: 11px;\n    opacity: 1.0;\n  }\n\n  input {\n    display: block;\n    box-sizing: border-box;\n    margin: 0;\n    border: none;\n    border-radius: 4px;\n    padding: 10px;\n    width: 100%;\n    outline: 0;\n    color: $inverted-text-color;\n    background: $simple-background-color;\n    font-size: 14px;\n    font-family: inherit;\n    resize: vertical;\n\n    &::placeholder {\n      color: $dark-text-color;\n    }\n\n    &:focus { outline: 0 }\n    @include single-column('screen and (max-width: 630px)') { font-size: 16px }\n  }\n}\n\n.composer--warning {\n  color: $inverted-text-color;\n  margin-bottom: 15px;\n  background: $ui-primary-color;\n  box-shadow: 0 2px 6px rgba($base-shadow-color, 0.3);\n  padding: 8px 10px;\n  border-radius: 4px;\n  font-size: 13px;\n  font-weight: 400;\n\n  a {\n    color: $lighter-text-color;\n    font-weight: 500;\n    text-decoration: underline;\n\n    &:active,\n    &:focus,\n    &:hover { text-decoration: none }\n  }\n}\n\n.compose-form__sensitive-button {\n  padding: 10px;\n  padding-top: 0;\n\n  font-size: 14px;\n  font-weight: 500;\n\n  &.active {\n    color: $highlight-text-color;\n  }\n\n  input[type=checkbox] {\n    display: none;\n  }\n\n  .checkbox {\n    display: inline-block;\n    position: relative;\n    border: 1px solid $ui-primary-color;\n    box-sizing: border-box;\n    width: 18px;\n    height: 18px;\n    flex: 0 0 auto;\n    margin-left: 5px;\n    margin-right: 10px;\n    top: -1px;\n    border-radius: 4px;\n    vertical-align: middle;\n\n    &.active {\n      border-color: $highlight-text-color;\n      background: $highlight-text-color;\n    }\n  }\n}\n\n.composer--reply {\n  margin: 0 0 10px;\n  border-radius: 4px;\n  padding: 10px;\n  background: $ui-primary-color;\n  min-height: 23px;\n  overflow-y: auto;\n  flex: 0 2 auto;\n\n  & > header {\n    margin-bottom: 5px;\n    overflow: hidden;\n\n    & > .account.small { color: $inverted-text-color; }\n\n    & > .cancel {\n      float: right;\n      line-height: 24px;\n    }\n  }\n\n  & > .content {\n    position: relative;\n    margin: 10px 0;\n    padding: 0 12px;\n    font-size: 14px;\n    line-height: 20px;\n    color: $inverted-text-color;\n    word-wrap: break-word;\n    font-weight: 400;\n    overflow: visible;\n    white-space: pre-wrap;\n    padding-top: 5px;\n    overflow: hidden;\n\n    p, pre, blockquote {\n      margin-bottom: 20px;\n      white-space: pre-wrap;\n\n      &:last-child {\n        margin-bottom: 0;\n      }\n    }\n\n    h1, h2, h3, h4, h5 {\n      margin-top: 20px;\n      margin-bottom: 20px;\n    }\n\n    h1, h2 {\n      font-weight: 700;\n      font-size: 18px;\n    }\n\n    h2 {\n      font-size: 16px;\n    }\n\n    h3, h4, h5 {\n      font-weight: 500;\n    }\n\n    blockquote {\n      padding-left: 10px;\n      border-left: 3px solid $inverted-text-color;\n      color: $inverted-text-color;\n      white-space: normal;\n\n      p:last-child {\n        margin-bottom: 0;\n      }\n    }\n\n    b, strong {\n      font-weight: 700;\n    }\n\n    em, i {\n      font-style: italic;\n    }\n\n    sub {\n      font-size: smaller;\n      text-align: sub;\n    }\n\n    ul, ol {\n      margin-left: 1em;\n\n      p {\n        margin: 0;\n      }\n    }\n\n    ul {\n      list-style-type: disc;\n    }\n\n    ol {\n      list-style-type: decimal;\n    }\n\n    a {\n      color: $lighter-text-color;\n      text-decoration: none;\n\n      &:hover { text-decoration: underline }\n\n      &.mention {\n        &:hover {\n          text-decoration: none;\n\n          span { text-decoration: underline }\n        }\n      }\n    }\n  }\n\n  .emojione {\n    width: 20px;\n    height: 20px;\n    margin: -5px 0 0;\n  }\n}\n\n.compose-form__autosuggest-wrapper,\n.autosuggest-input {\n  position: relative;\n  width: 100%;\n\n  label {\n    .autosuggest-textarea__textarea {\n      display: block;\n      box-sizing: border-box;\n      margin: 0;\n      border: none;\n      border-radius: 4px 4px 0 0;\n      padding: 10px 32px 0 10px;\n      width: 100%;\n      min-height: 100px;\n      outline: 0;\n      color: $inverted-text-color;\n      background: $simple-background-color;\n      font-size: 14px;\n      font-family: inherit;\n      resize: none;\n      scrollbar-color: initial;\n\n      &::placeholder {\n        color: $dark-text-color;\n      }\n\n      &::-webkit-scrollbar {\n        all: unset;\n      }\n\n      &:disabled { background: $ui-secondary-color }\n      &:focus { outline: 0 }\n      @include single-column('screen and (max-width: 630px)') { font-size: 16px }\n\n      @include limited-single-column('screen and (max-width: 600px)') {\n        height: 100px !important; // prevent auto-resize textarea\n        resize: vertical;\n      }\n    }\n  }\n}\n\n.composer--textarea--icons {\n  display: block;\n  position: absolute;\n  top: 29px;\n  right: 5px;\n  bottom: 5px;\n  overflow: hidden;\n\n  & > .textarea_icon {\n    display: block;\n    margin: 2px 0 0 2px;\n    width: 24px;\n    height: 24px;\n    color: $lighter-text-color;\n    font-size: 18px;\n    line-height: 24px;\n    text-align: center;\n    opacity: .8;\n  }\n}\n\n.autosuggest-textarea__suggestions-wrapper {\n  position: relative;\n  height: 0;\n}\n\n.autosuggest-textarea__suggestions {\n  display: block;\n  position: absolute;\n  box-sizing: border-box;\n  top: 100%;\n  border-radius: 0 0 4px 4px;\n  padding: 6px;\n  width: 100%;\n  color: $inverted-text-color;\n  background: $ui-secondary-color;\n  box-shadow: 4px 4px 6px rgba($base-shadow-color, 0.4);\n  font-size: 14px;\n  z-index: 99;\n  display: none;\n}\n\n.autosuggest-textarea__suggestions--visible {\n  display: block;\n}\n\n.autosuggest-textarea__suggestions__item {\n  padding: 10px;\n  cursor: pointer;\n  border-radius: 4px;\n\n  &:hover,\n  &:focus,\n  &:active,\n  &.selected { background: darken($ui-secondary-color, 10%) }\n\n  > .account,\n  > .emoji,\n  > .autosuggest-hashtag {\n    display: flex;\n    flex-direction: row;\n    align-items: center;\n    justify-content: flex-start;\n    line-height: 18px;\n    font-size: 14px;\n  }\n\n  .autosuggest-hashtag {\n    justify-content: space-between;\n\n    &__name {\n      flex: 1 1 auto;\n      overflow: hidden;\n      text-overflow: ellipsis;\n      white-space: nowrap;\n    }\n\n    strong {\n      font-weight: 500;\n    }\n\n    &__uses {\n      flex: 0 0 auto;\n      text-align: right;\n      overflow: hidden;\n      text-overflow: ellipsis;\n      white-space: nowrap;\n    }\n  }\n\n  & > .account.small {\n    .display-name {\n      & > span { color: $lighter-text-color }\n    }\n  }\n}\n\n.composer--upload_form {\n  overflow: hidden;\n\n  & > .content {\n    display: flex;\n    flex-direction: row;\n    flex-wrap: wrap;\n    font-family: inherit;\n    padding: 5px;\n    overflow: hidden;\n  }\n}\n\n.composer--upload_form--item {\n  flex: 1 1 0;\n  margin: 5px;\n  min-width: 40%;\n\n  & > div {\n    position: relative;\n    border-radius: 4px;\n    height: 140px;\n    width: 100%;\n    background-color: $base-shadow-color;\n    background-position: center;\n    background-size: cover;\n    background-repeat: no-repeat;\n    overflow: hidden;\n\n    textarea {\n      display: block;\n      position: absolute;\n      box-sizing: border-box;\n      bottom: 0;\n      left: 0;\n      margin: 0;\n      border: 0;\n      padding: 10px;\n      width: 100%;\n      color: $secondary-text-color;\n      background: linear-gradient(0deg, rgba($base-shadow-color, 0.8) 0, rgba($base-shadow-color, 0.35) 80%, transparent);\n      font-size: 14px;\n      font-family: inherit;\n      font-weight: 500;\n      opacity: 0;\n      z-index: 2;\n      transition: opacity .1s ease;\n\n      &:focus { color: $white }\n\n      &::placeholder {\n        opacity: 0.54;\n        color: $secondary-text-color;\n      }\n    }\n\n    & > .close { mix-blend-mode: difference }\n  }\n\n  &.active {\n    & > div {\n      textarea { opacity: 1 }\n    }\n  }\n}\n\n.composer--upload_form--actions {\n  background: linear-gradient(180deg, rgba($base-shadow-color, 0.8) 0, rgba($base-shadow-color, 0.35) 80%, transparent);\n  display: flex;\n  align-items: flex-start;\n  justify-content: space-between;\n  opacity: 0;\n  transition: opacity .1s ease;\n\n  .icon-button {\n    flex: 0 1 auto;\n    color: $ui-secondary-color;\n    font-size: 14px;\n    font-weight: 500;\n    padding: 10px;\n    font-family: inherit;\n\n    &:hover,\n    &:focus,\n    &:active {\n      color: lighten($ui-secondary-color, 4%);\n    }\n  }\n\n  &.active {\n    opacity: 1;\n  }\n}\n\n.composer--upload_form--progress {\n  display: flex;\n  padding: 10px;\n  color: $darker-text-color;\n  overflow: hidden;\n\n  & > .fa {\n    font-size: 34px;\n    margin-right: 10px;\n  }\n\n  & > .message {\n    flex: 1 1 auto;\n\n    & > span {\n      display: block;\n      font-size: 12px;\n      font-weight: 500;\n      text-transform: uppercase;\n    }\n\n    & > .backdrop {\n      position: relative;\n      margin-top: 5px;\n      border-radius: 6px;\n      width: 100%;\n      height: 6px;\n      background: $ui-base-lighter-color;\n\n      & > .tracker {\n        position: absolute;\n        top: 0;\n        left: 0;\n        height: 6px;\n        border-radius: 6px;\n        background: $ui-highlight-color;\n      }\n    }\n  }\n}\n\n.compose-form__modifiers {\n  color: $inverted-text-color;\n  font-family: inherit;\n  font-size: 14px;\n  background: $simple-background-color;\n}\n\n.composer--options-wrapper {\n  padding: 10px;\n  background: darken($simple-background-color, 8%);\n  border-radius: 0 0 4px 4px;\n  height: 27px;\n  display: flex;\n  justify-content: space-between;\n  flex: 0 0 auto;\n}\n\n.composer--options {\n  display: flex;\n  flex: 0 0 auto;\n\n  & > * {\n    display: inline-block;\n    box-sizing: content-box;\n    padding: 0 3px;\n    height: 27px;\n    line-height: 27px;\n    vertical-align: bottom;\n  }\n\n  & > hr {\n    display: inline-block;\n    margin: 0 3px;\n    border-width: 0 0 0 1px;\n    border-style: none none none solid;\n    border-color: transparent transparent transparent darken($simple-background-color, 24%);\n    padding: 0;\n    width: 0;\n    height: 27px;\n    background: transparent;\n  }\n}\n\n.compose--counter-wrapper {\n  align-self: center;\n  margin-right: 4px;\n}\n\n.composer--options--dropdown {\n  &.open {\n    & > .value {\n      border-radius: 4px 4px 0 0;\n      box-shadow: 0 -4px 4px rgba($base-shadow-color, 0.1);\n      color: $primary-text-color;\n      background: $ui-highlight-color;\n      transition: none;\n    }\n    &.top {\n      & > .value {\n        border-radius: 0 0 4px 4px;\n        box-shadow: 0 4px 4px rgba($base-shadow-color, 0.1);\n      }\n    }\n  }\n}\n\n.composer--options--dropdown--content {\n  position: absolute;\n  border-radius: 4px;\n  box-shadow: 2px 4px 15px rgba($base-shadow-color, 0.4);\n  background: $simple-background-color;\n  overflow: hidden;\n  transform-origin: 50% 0;\n}\n\n.composer--options--dropdown--content--item {\n  display: flex;\n  align-items: center;\n  padding: 10px;\n  color: $inverted-text-color;\n  cursor: pointer;\n\n  & > .content {\n    flex: 1 1 auto;\n    color: $lighter-text-color;\n\n    &:not(:first-child) { margin-left: 10px }\n\n    strong {\n      display: block;\n      color: $inverted-text-color;\n      font-weight: 500;\n    }\n  }\n\n  &:hover,\n  &.active {\n    background: $ui-highlight-color;\n    color: $primary-text-color;\n\n    & > .content {\n      color: $primary-text-color;\n\n      strong { color: $primary-text-color }\n    }\n  }\n\n  &.active:hover { background: lighten($ui-highlight-color, 4%) }\n}\n\n.composer--publisher {\n  padding-top: 10px;\n  text-align: right;\n  white-space: nowrap;\n  overflow: hidden;\n  justify-content: flex-end;\n  flex: 0 0 auto;\n\n  & > .primary {\n    display: inline-block;\n    margin: 0;\n    padding: 0 10px;\n    text-align: center;\n  }\n\n  & > .side_arm {\n    display: inline-block;\n    margin: 0 2px;\n    padding: 0;\n    width: 36px;\n    text-align: center;\n  }\n\n  &.over {\n    & > .count { color: $warning-red }\n  }\n}\n",".column__wrapper {\n  display: flex;\n  flex: 1 1 auto;\n  position: relative;\n}\n\n.columns-area {\n  display: flex;\n  flex: 1 1 auto;\n  flex-direction: row;\n  justify-content: flex-start;\n  overflow-x: auto;\n  position: relative;\n\n  &__panels {\n    display: flex;\n    justify-content: center;\n    width: 100%;\n    height: 100%;\n    min-height: 100vh;\n\n    &__pane {\n      height: 100%;\n      overflow: hidden;\n      pointer-events: none;\n      display: flex;\n      justify-content: flex-end;\n      min-width: 285px;\n\n      &--start {\n        justify-content: flex-start;\n      }\n\n      &__inner {\n        position: fixed;\n        width: 285px;\n        pointer-events: auto;\n        height: 100%;\n      }\n    }\n\n    &__main {\n      box-sizing: border-box;\n      width: 100%;\n      max-width: 600px;\n      flex: 0 0 auto;\n      display: flex;\n      flex-direction: column;\n\n      @media screen and (min-width: $no-gap-breakpoint) {\n        padding: 0 10px;\n      }\n    }\n  }\n}\n\n.tabs-bar__wrapper {\n  background: darken($ui-base-color, 8%);\n  position: sticky;\n  top: 0;\n  z-index: 2;\n  padding-top: 0;\n\n  @media screen and (min-width: $no-gap-breakpoint) {\n    padding-top: 10px;\n  }\n\n  .tabs-bar {\n    margin-bottom: 0;\n\n    @media screen and (min-width: $no-gap-breakpoint) {\n      margin-bottom: 10px;\n    }\n  }\n}\n\n.react-swipeable-view-container {\n  &,\n  .columns-area,\n  .column {\n    height: 100%;\n  }\n}\n\n.react-swipeable-view-container > * {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  height: 100%;\n}\n\n.column {\n  width: 330px;\n  position: relative;\n  box-sizing: border-box;\n  display: flex;\n  flex-direction: column;\n\n  > .scrollable {\n    background: $ui-base-color;\n  }\n}\n\n.ui {\n  flex: 0 0 auto;\n  display: flex;\n  flex-direction: column;\n  width: 100%;\n  height: 100%;\n}\n\n.column {\n  overflow: hidden;\n}\n\n.column-back-button {\n  box-sizing: border-box;\n  width: 100%;\n  background: lighten($ui-base-color, 4%);\n  color: $highlight-text-color;\n  cursor: pointer;\n  flex: 0 0 auto;\n  font-size: 16px;\n  border: 0;\n  text-align: unset;\n  padding: 15px;\n  margin: 0;\n  z-index: 3;\n\n  &:hover {\n    text-decoration: underline;\n  }\n}\n\n.column-header__back-button {\n  background: lighten($ui-base-color, 4%);\n  border: 0;\n  font-family: inherit;\n  color: $highlight-text-color;\n  cursor: pointer;\n  flex: 0 0 auto;\n  font-size: 16px;\n  padding: 0 5px 0 0;\n  z-index: 3;\n\n  &:hover {\n    text-decoration: underline;\n  }\n\n  &:last-child {\n    padding: 0 15px 0 0;\n  }\n}\n\n.column-back-button__icon {\n  display: inline-block;\n  margin-right: 5px;\n}\n\n.column-back-button--slim {\n  position: relative;\n}\n\n.column-back-button--slim-button {\n  cursor: pointer;\n  flex: 0 0 auto;\n  font-size: 16px;\n  padding: 15px;\n  position: absolute;\n  right: 0;\n  top: -48px;\n}\n\n.column-link {\n  background: lighten($ui-base-color, 8%);\n  color: $primary-text-color;\n  display: block;\n  font-size: 16px;\n  padding: 15px;\n  text-decoration: none;\n\n  &:hover,\n  &:focus,\n  &:active {\n    background: lighten($ui-base-color, 11%);\n  }\n\n  &:focus {\n    outline: 0;\n  }\n\n  &--transparent {\n    background: transparent;\n    color: $ui-secondary-color;\n\n    &:hover,\n    &:focus,\n    &:active {\n      background: transparent;\n      color: $primary-text-color;\n    }\n\n    &.active {\n      color: $ui-highlight-color;\n    }\n  }\n}\n\n.column-link__icon {\n  display: inline-block;\n  margin-right: 5px;\n}\n\n.column-subheading {\n  background: $ui-base-color;\n  color: $dark-text-color;\n  padding: 8px 20px;\n  font-size: 12px;\n  font-weight: 500;\n  text-transform: uppercase;\n  cursor: default;\n}\n\n.column-header__wrapper {\n  position: relative;\n  flex: 0 0 auto;\n  z-index: 1;\n\n  &.active {\n    box-shadow: 0 1px 0 rgba($highlight-text-color, 0.3);\n\n    &::before {\n      display: block;\n      content: \"\";\n      position: absolute;\n      bottom: -13px;\n      left: 0;\n      right: 0;\n      margin: 0 auto;\n      width: 60%;\n      pointer-events: none;\n      height: 28px;\n      z-index: 1;\n      background: radial-gradient(ellipse, rgba($ui-highlight-color, 0.23) 0%, rgba($ui-highlight-color, 0) 60%);\n    }\n  }\n\n  .announcements {\n    z-index: 1;\n    position: relative;\n  }\n}\n\n.column-header {\n  display: flex;\n  font-size: 16px;\n  background: lighten($ui-base-color, 4%);\n  flex: 0 0 auto;\n  cursor: pointer;\n  position: relative;\n  z-index: 2;\n  outline: 0;\n  overflow: hidden;\n\n  & > button {\n    margin: 0;\n    border: none;\n    padding: 15px;\n    color: inherit;\n    background: transparent;\n    font: inherit;\n    text-align: left;\n    text-overflow: ellipsis;\n    overflow: hidden;\n    white-space: nowrap;\n    flex: 1;\n  }\n\n  & > .column-header__back-button {\n    color: $highlight-text-color;\n  }\n\n  &.active {\n    .column-header__icon {\n      color: $highlight-text-color;\n      text-shadow: 0 0 10px rgba($ui-highlight-color, 0.4);\n    }\n  }\n\n  &:focus,\n  &:active {\n    outline: 0;\n  }\n}\n\n.column {\n  width: 330px;\n  position: relative;\n  box-sizing: border-box;\n  display: flex;\n  flex-direction: column;\n  overflow: hidden;\n\n  .wide .columns-area:not(.columns-area--mobile) & {\n    flex: auto;\n    min-width: 330px;\n    max-width: 400px;\n  }\n\n  > .scrollable {\n    background: $ui-base-color;\n  }\n}\n\n.column-header__buttons {\n  height: 48px;\n  display: flex;\n  margin-left: 0;\n}\n\n.column-header__links {\n  margin-bottom: 14px;\n}\n\n.column-header__links .text-btn {\n  margin-right: 10px;\n}\n\n.column-header__button {\n  background: lighten($ui-base-color, 4%);\n  border: 0;\n  color: $darker-text-color;\n  cursor: pointer;\n  font-size: 16px;\n  padding: 0 15px;\n\n  &:hover {\n    color: lighten($darker-text-color, 7%);\n  }\n\n  &.active {\n    color: $primary-text-color;\n    background: lighten($ui-base-color, 8%);\n\n    &:hover {\n      color: $primary-text-color;\n      background: lighten($ui-base-color, 8%);\n    }\n  }\n\n  // glitch - added focus ring for keyboard navigation\n  &:focus {\n    text-shadow: 0 0 4px darken($ui-highlight-color, 5%);\n  }\n}\n\n.column-header__notif-cleaning-buttons {\n  display: flex;\n  align-items: stretch;\n  justify-content: space-around;\n\n  button {\n    @extend .column-header__button;\n    background: transparent;\n    text-align: center;\n    padding: 10px 0;\n    white-space: pre-wrap;\n  }\n\n  b {\n    font-weight: bold;\n  }\n}\n\n// The notifs drawer with no padding to have more space for the buttons\n.column-header__collapsible-inner.nopad-drawer {\n  padding: 0;\n}\n\n.column-header__collapsible {\n  max-height: 70vh;\n  overflow: hidden;\n  overflow-y: auto;\n  color: $darker-text-color;\n  transition: max-height 150ms ease-in-out, opacity 300ms linear;\n  opacity: 1;\n  z-index: 1;\n  position: relative;\n\n  &.collapsed {\n    max-height: 0;\n    opacity: 0.5;\n  }\n\n  &.animating {\n    overflow-y: hidden;\n  }\n\n  hr {\n    height: 0;\n    background: transparent;\n    border: 0;\n    border-top: 1px solid lighten($ui-base-color, 12%);\n    margin: 10px 0;\n  }\n\n  // notif cleaning drawer\n  &.ncd {\n    transition: none;\n    &.collapsed {\n      max-height: 0;\n      opacity: 0.7;\n    }\n  }\n}\n\n.column-header__collapsible-inner {\n  background: lighten($ui-base-color, 8%);\n  padding: 15px;\n}\n\n.column-header__setting-btn {\n  &:hover {\n    color: $darker-text-color;\n    text-decoration: underline;\n  }\n}\n\n.column-header__setting-arrows {\n  float: right;\n\n  .column-header__setting-btn {\n    padding: 0 10px;\n\n    &:last-child {\n      padding-right: 0;\n    }\n  }\n}\n\n.column-header__title {\n  display: inline-block;\n  text-overflow: ellipsis;\n  overflow: hidden;\n  white-space: nowrap;\n  flex: 1;\n}\n\n.column-header__icon {\n  display: inline-block;\n  margin-right: 5px;\n}\n\n.empty-column-indicator,\n.error-column,\n.follow_requests-unlocked_explanation {\n  color: $dark-text-color;\n  background: $ui-base-color;\n  text-align: center;\n  padding: 20px;\n  font-size: 15px;\n  font-weight: 400;\n  cursor: default;\n  display: flex;\n  flex: 1 1 auto;\n  align-items: center;\n  justify-content: center;\n  @supports(display: grid) { // hack to fix Chrome <57\n    contain: strict;\n  }\n\n  & > span {\n    max-width: 400px;\n  }\n\n  a {\n    color: $highlight-text-color;\n    text-decoration: none;\n\n    &:hover {\n      text-decoration: underline;\n    }\n  }\n}\n\n.follow_requests-unlocked_explanation {\n  background: darken($ui-base-color, 4%);\n  contain: initial;\n}\n\n.error-column {\n  flex-direction: column;\n}\n\n// more fixes for the navbar-under mode\n@mixin fix-margins-for-navbar-under {\n  .tabs-bar {\n    margin-top: 0 !important;\n    margin-bottom: -6px !important;\n  }\n}\n\n.single-column.navbar-under {\n  @include fix-margins-for-navbar-under;\n}\n\n.auto-columns.navbar-under {\n  @media screen and (max-width: $no-gap-breakpoint) {\n    @include fix-margins-for-navbar-under;\n  }\n}\n\n.auto-columns.navbar-under .react-swipeable-view-container .columns-area,\n.single-column.navbar-under .react-swipeable-view-container .columns-area {\n  @media screen and (max-width: $no-gap-breakpoint) {\n    height: 100% !important;\n  }\n}\n\n.column-inline-form {\n  padding: 7px 15px;\n  padding-right: 5px;\n  display: flex;\n  justify-content: flex-start;\n  align-items: center;\n  background: lighten($ui-base-color, 4%);\n\n  label {\n    flex: 1 1 auto;\n\n    input {\n      width: 100%;\n      margin-bottom: 6px;\n\n      &:focus {\n        outline: 0;\n      }\n    }\n  }\n\n  .icon-button {\n    flex: 0 0 auto;\n    margin: 0 5px;\n  }\n}\n",".regeneration-indicator {\n  text-align: center;\n  font-size: 16px;\n  font-weight: 500;\n  color: $dark-text-color;\n  background: $ui-base-color;\n  cursor: default;\n  display: flex;\n  flex: 1 1 auto;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  padding: 20px;\n\n  &__figure {\n    &,\n    img {\n      display: block;\n      width: auto;\n      height: 160px;\n      margin: 0;\n    }\n  }\n\n  &--without-header {\n    padding-top: 20px + 48px;\n  }\n\n  &__label {\n    margin-top: 30px;\n\n    strong {\n      display: block;\n      margin-bottom: 10px;\n      color: $dark-text-color;\n    }\n\n    span {\n      font-size: 15px;\n      font-weight: 400;\n    }\n  }\n}\n",".directory {\n  &__list {\n    width: 100%;\n    margin: 10px 0;\n    transition: opacity 100ms ease-in;\n\n    &.loading {\n      opacity: 0.7;\n    }\n\n    @media screen and (max-width: $no-gap-breakpoint) {\n      margin: 0;\n    }\n  }\n\n  &__card {\n    box-sizing: border-box;\n    margin-bottom: 10px;\n\n    &__img {\n      height: 125px;\n      position: relative;\n      background: darken($ui-base-color, 12%);\n      overflow: hidden;\n\n      img {\n        display: block;\n        width: 100%;\n        height: 100%;\n        margin: 0;\n        object-fit: cover;\n      }\n    }\n\n    &__bar {\n      display: flex;\n      align-items: center;\n      background: lighten($ui-base-color, 4%);\n      padding: 10px;\n\n      &__name {\n        flex: 1 1 auto;\n        display: flex;\n        align-items: center;\n        text-decoration: none;\n        overflow: hidden;\n      }\n\n      &__relationship {\n        width: 23px;\n        min-height: 1px;\n        flex: 0 0 auto;\n      }\n\n      .avatar {\n        flex: 0 0 auto;\n        width: 48px;\n        height: 48px;\n        padding-top: 2px;\n\n        img {\n          width: 100%;\n          height: 100%;\n          display: block;\n          margin: 0;\n          border-radius: 4px;\n          background: darken($ui-base-color, 8%);\n          object-fit: cover;\n        }\n      }\n\n      .display-name {\n        margin-left: 15px;\n        text-align: left;\n\n        strong {\n          font-size: 15px;\n          color: $primary-text-color;\n          font-weight: 500;\n          overflow: hidden;\n          text-overflow: ellipsis;\n        }\n\n        span {\n          display: block;\n          font-size: 14px;\n          color: $darker-text-color;\n          font-weight: 400;\n          overflow: hidden;\n          text-overflow: ellipsis;\n        }\n      }\n    }\n\n    &__extra {\n      background: $ui-base-color;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n\n      .accounts-table__count {\n        width: 33.33%;\n        flex: 0 0 auto;\n        padding: 15px 0;\n      }\n\n      .account__header__content {\n        box-sizing: border-box;\n        padding: 15px 10px;\n        border-bottom: 1px solid lighten($ui-base-color, 8%);\n        width: 100%;\n        min-height: 18px + 30px;\n        white-space: nowrap;\n        overflow: hidden;\n        text-overflow: ellipsis;\n\n        p {\n          display: none;\n\n          &:first-child {\n            display: inline;\n          }\n        }\n\n        br {\n          display: none;\n        }\n      }\n    }\n  }\n}\n\n.filter-form {\n  background: $ui-base-color;\n\n  &__column {\n    padding: 10px 15px;\n  }\n\n  .radio-button {\n    display: block;\n  }\n}\n\n.radio-button {\n  font-size: 14px;\n  position: relative;\n  display: inline-block;\n  padding: 6px 0;\n  line-height: 18px;\n  cursor: default;\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  cursor: pointer;\n\n  input[type=radio],\n  input[type=checkbox] {\n    display: none;\n  }\n\n  &__input {\n    display: inline-block;\n    position: relative;\n    border: 1px solid $ui-primary-color;\n    box-sizing: border-box;\n    width: 18px;\n    height: 18px;\n    flex: 0 0 auto;\n    margin-right: 10px;\n    top: -1px;\n    border-radius: 50%;\n    vertical-align: middle;\n\n    &.checked {\n      border-color: lighten($ui-highlight-color, 8%);\n      background: lighten($ui-highlight-color, 8%);\n    }\n  }\n}\n",".search {\n  position: relative;\n}\n\n.search__input {\n  @include search-input();\n\n  display: block;\n  padding: 15px;\n  padding-right: 30px;\n  line-height: 18px;\n  font-size: 16px;\n\n  &::placeholder {\n    color: lighten($darker-text-color, 4%);\n  }\n\n  &::-moz-focus-inner {\n    border: 0;\n  }\n\n  &::-moz-focus-inner,\n  &:focus,\n  &:active {\n    outline: 0 !important;\n  }\n\n  &:focus {\n    background: lighten($ui-base-color, 4%);\n  }\n\n  @media screen and (max-width: 600px) {\n    font-size: 16px;\n  }\n}\n\n.search__icon {\n  &::-moz-focus-inner {\n    border: 0;\n  }\n\n  &::-moz-focus-inner,\n  &:focus {\n    outline: 0 !important;\n  }\n\n  .fa {\n    position: absolute;\n    top: 16px;\n    right: 10px;\n    z-index: 2;\n    display: inline-block;\n    opacity: 0;\n    transition: all 100ms linear;\n    transition-property: color, transform, opacity;\n    font-size: 18px;\n    width: 18px;\n    height: 18px;\n    color: $secondary-text-color;\n    cursor: default;\n    pointer-events: none;\n\n    &.active {\n      pointer-events: auto;\n      opacity: 0.3;\n    }\n  }\n\n  .fa-search {\n    transform: rotate(0deg);\n\n    &.active {\n      pointer-events: auto;\n      opacity: 0.3;\n    }\n  }\n\n  .fa-times-circle {\n    top: 17px;\n    transform: rotate(0deg);\n    color: $action-button-color;\n    cursor: pointer;\n\n    &.active {\n      transform: rotate(90deg);\n    }\n\n    &:hover {\n      color: lighten($action-button-color, 7%);\n    }\n  }\n}\n\n.search-results__header {\n  color: $dark-text-color;\n  background: lighten($ui-base-color, 2%);\n  border-bottom: 1px solid darken($ui-base-color, 4%);\n  padding: 15px 10px;\n  font-size: 14px;\n  font-weight: 500;\n}\n\n.search-results__info {\n  padding: 20px;\n  color: $darker-text-color;\n  text-align: center;\n}\n\n.trends {\n  &__header {\n    color: $dark-text-color;\n    background: lighten($ui-base-color, 2%);\n    border-bottom: 1px solid darken($ui-base-color, 4%);\n    font-weight: 500;\n    padding: 15px;\n    font-size: 16px;\n    cursor: default;\n\n    .fa {\n      display: inline-block;\n      margin-right: 5px;\n    }\n  }\n\n  &__item {\n    display: flex;\n    align-items: center;\n    padding: 15px;\n    border-bottom: 1px solid lighten($ui-base-color, 8%);\n\n    &:last-child {\n      border-bottom: 0;\n    }\n\n    &__name {\n      flex: 1 1 auto;\n      color: $dark-text-color;\n      overflow: hidden;\n      text-overflow: ellipsis;\n      white-space: nowrap;\n\n      strong {\n        font-weight: 500;\n      }\n\n      a {\n        color: $darker-text-color;\n        text-decoration: none;\n        font-size: 14px;\n        font-weight: 500;\n        display: block;\n        overflow: hidden;\n        text-overflow: ellipsis;\n        white-space: nowrap;\n\n        &:hover,\n        &:focus,\n        &:active {\n          span {\n            text-decoration: underline;\n          }\n        }\n      }\n    }\n\n    &__current {\n      flex: 0 0 auto;\n      font-size: 24px;\n      line-height: 36px;\n      font-weight: 500;\n      text-align: right;\n      padding-right: 15px;\n      margin-left: 5px;\n      color: $secondary-text-color;\n    }\n\n    &__sparkline {\n      flex: 0 0 auto;\n      width: 50px;\n\n      path:first-child {\n        fill: rgba($highlight-text-color, 0.25) !important;\n        fill-opacity: 1 !important;\n      }\n\n      path:last-child {\n        stroke: lighten($highlight-text-color, 6%) !important;\n      }\n    }\n  }\n}\n",null,".emojione {\n  font-size: inherit;\n  vertical-align: middle;\n  object-fit: contain;\n  margin: -.2ex .15em .2ex;\n  width: 16px;\n  height: 16px;\n\n  img {\n    width: auto;\n  }\n}\n\n.emoji-picker-dropdown__menu {\n  background: $simple-background-color;\n  position: absolute;\n  box-shadow: 4px 4px 6px rgba($base-shadow-color, 0.4);\n  border-radius: 4px;\n  margin-top: 5px;\n  z-index: 2;\n\n  .emoji-mart-scroll {\n    transition: opacity 200ms ease;\n  }\n\n  &.selecting .emoji-mart-scroll {\n    opacity: 0.5;\n  }\n}\n\n.emoji-picker-dropdown__modifiers {\n  position: absolute;\n  top: 60px;\n  right: 11px;\n  cursor: pointer;\n}\n\n.emoji-picker-dropdown__modifiers__menu {\n  position: absolute;\n  z-index: 4;\n  top: -4px;\n  left: -8px;\n  background: $simple-background-color;\n  border-radius: 4px;\n  box-shadow: 1px 2px 6px rgba($base-shadow-color, 0.2);\n  overflow: hidden;\n\n  button {\n    display: block;\n    cursor: pointer;\n    border: 0;\n    padding: 4px 8px;\n    background: transparent;\n\n    &:hover,\n    &:focus,\n    &:active {\n      background: rgba($ui-secondary-color, 0.4);\n    }\n  }\n\n  .emoji-mart-emoji {\n    height: 22px;\n  }\n}\n\n.emoji-mart-emoji {\n  span {\n    background-repeat: no-repeat;\n  }\n}\n\n.emoji-button {\n  display: block;\n  padding: 5px 5px 2px 2px;\n  outline: 0;\n  cursor: pointer;\n\n  &:active,\n  &:focus {\n    outline: 0 !important;\n  }\n\n  img {\n    filter: grayscale(100%);\n    opacity: 0.8;\n    display: block;\n    margin: 0;\n    width: 22px;\n    height: 22px;\n  }\n\n  &:hover,\n  &:active,\n  &:focus {\n    img {\n      opacity: 1;\n      filter: none;\n    }\n  }\n}\n","$doodleBg: #d9e1e8;\n.doodle-modal {\n  @extend .boost-modal;\n  width: unset;\n}\n\n.doodle-modal__container {\n  background: $doodleBg;\n  text-align: center;\n  line-height: 0; // remove weird gap under canvas\n  canvas {\n    border: 5px solid $doodleBg;\n  }\n}\n\n.doodle-modal__action-bar {\n  @extend .boost-modal__action-bar;\n\n  .filler {\n    flex-grow: 1;\n    margin: 0;\n    padding: 0;\n  }\n\n  .doodle-toolbar {\n    line-height: 1;\n\n    display: flex;\n    flex-direction: column;\n    flex-grow: 0;\n    justify-content: space-around;\n\n    &.with-inputs {\n      label {\n        display: inline-block;\n        width: 70px;\n        text-align: right;\n        margin-right: 2px;\n      }\n\n      input[type=\"number\"],input[type=\"text\"] {\n        width: 40px;\n      }\n      span.val {\n        display: inline-block;\n        text-align: left;\n        width: 50px;\n      }\n    }\n  }\n\n  .doodle-palette {\n    padding-right: 0 !important;\n    border: 1px solid black;\n    line-height: .2rem;\n    flex-grow: 0;\n    background: white;\n\n    button {\n      appearance: none;\n      width: 1rem;\n      height: 1rem;\n      margin: 0; padding: 0;\n      text-align: center;\n      color: black;\n      text-shadow: 0 0 1px white;\n      cursor: pointer;\n      box-shadow: inset 0 0 1px rgba(white, .5);\n      border: 1px solid black;\n      outline-offset:-1px;\n\n      &.foreground {\n        outline: 1px dashed white;\n      }\n\n      &.background {\n        outline: 1px dashed red;\n      }\n\n      &.foreground.background {\n        outline: 1px dashed red;\n        border-color: white;\n      }\n    }\n  }\n}\n",".drawer {\n  width: 300px;\n  box-sizing: border-box;\n  display: flex;\n  flex-direction: column;\n  overflow-y: hidden;\n  padding: 10px 5px;\n  flex: none;\n\n  &:first-child {\n    padding-left: 10px;\n  }\n\n  &:last-child {\n    padding-right: 10px;\n  }\n\n  @include single-column('screen and (max-width: 630px)') { flex: auto }\n\n  @include limited-single-column('screen and (max-width: 630px)') {\n    &, &:first-child, &:last-child { padding: 0 }\n  }\n\n  .wide & {\n    min-width: 300px;\n    max-width: 400px;\n    flex: 1 1 200px;\n  }\n\n  @include single-column('screen and (max-width: 630px)') {\n    :root & {  //  Overrides `.wide` for single-column view\n      flex: auto;\n      width: 100%;\n      min-width: 0;\n      max-width: none;\n      padding: 0;\n    }\n  }\n\n  .react-swipeable-view-container & { height: 100% }\n}\n\n.drawer--header {\n  display: flex;\n  flex-direction: row;\n  margin-bottom: 10px;\n  flex: none;\n  background: lighten($ui-base-color, 8%);\n  font-size: 16px;\n\n  & > * {\n    display: block;\n    box-sizing: border-box;\n    border-bottom: 2px solid transparent;\n    padding: 15px 5px 13px;\n    height: 48px;\n    flex: 1 1 auto;\n    color: $darker-text-color;\n    text-align: center;\n    text-decoration: none;\n    cursor: pointer;\n  }\n\n  a {\n    transition: background 100ms ease-in;\n\n    &:focus,\n    &:hover {\n      outline: none;\n      background: lighten($ui-base-color, 3%);\n      transition: background 200ms ease-out;\n    }\n  }\n}\n\n.search {\n  position: relative;\n  margin-bottom: 10px;\n  flex: none;\n\n  @include limited-single-column('screen and (max-width: #{$no-gap-breakpoint})') { margin-bottom: 0 }\n  @include single-column('screen and (max-width: 630px)') { font-size: 16px }\n}\n\n.search-popout {\n  @include search-popout();\n}\n\n.drawer--account {\n  padding: 10px;\n  color: $darker-text-color;\n  display: flex;\n  align-items: center;\n\n  a {\n    color: inherit;\n    text-decoration: none;\n  }\n\n  .acct {\n    display: block;\n    color: $secondary-text-color;\n    font-weight: 500;\n    white-space: nowrap;\n    overflow: hidden;\n    text-overflow: ellipsis;\n  }\n}\n\n.navigation-bar__profile {\n  flex: 1 1 auto;\n  margin-left: 8px;\n  overflow: hidden;\n}\n\n.drawer--results {\n  background: $ui-base-color;\n  overflow-x: hidden;\n  overflow-y: auto;\n\n  & > header {\n    color: $dark-text-color;\n    background: lighten($ui-base-color, 2%);\n    padding: 15px;\n    font-weight: 500;\n    font-size: 16px;\n    cursor: default;\n\n    .fa {\n      display: inline-block;\n      margin-right: 5px;\n    }\n  }\n\n  & > section {\n    margin-bottom: 5px;\n\n    h5 {\n      background: darken($ui-base-color, 4%);\n      border-bottom: 1px solid lighten($ui-base-color, 8%);\n      cursor: default;\n      display: flex;\n      padding: 15px;\n      font-weight: 500;\n      font-size: 16px;\n      color: $dark-text-color;\n\n      .fa {\n        display: inline-block;\n        margin-right: 5px;\n      }\n    }\n\n    .account:last-child,\n    & > div:last-child .status {\n      border-bottom: 0;\n    }\n\n    & > .hashtag {\n      display: block;\n      padding: 10px;\n      color: $secondary-text-color;\n      text-decoration: none;\n\n      &:hover,\n      &:active,\n      &:focus {\n        color: lighten($secondary-text-color, 4%);\n        text-decoration: underline;\n      }\n    }\n  }\n}\n\n.drawer__pager {\n  box-sizing: border-box;\n  padding: 0;\n  flex-grow: 1;\n  position: relative;\n  overflow: hidden;\n  display: flex;\n}\n\n.drawer__inner {\n  position: absolute;\n  top: 0;\n  left: 0;\n  background: lighten($ui-base-color, 13%);\n  box-sizing: border-box;\n  padding: 0;\n  display: flex;\n  flex-direction: column;\n  overflow: hidden;\n  overflow-y: auto;\n  width: 100%;\n  height: 100%;\n\n  &.darker {\n    background: $ui-base-color;\n  }\n}\n\n.drawer__inner__mastodon {\n  background: lighten($ui-base-color, 13%) url('data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 234.80078 31.757813\" width=\"234.80078\" height=\"31.757812\"><path d=\"M19.599609 0c-1.05 0-2.10039.375-2.90039 1.125L0 16.925781v14.832031h234.80078V17.025391l-16.5-15.900391c-1.6-1.5-4.20078-1.5-5.80078 0l-13.80078 13.099609c-1.6 1.5-4.19883 1.5-5.79883 0L179.09961 1.125c-1.6-1.5-4.19883-1.5-5.79883 0L159.5 14.224609c-1.6 1.5-4.20078 1.5-5.80078 0L139.90039 1.125c-1.6-1.5-4.20078-1.5-5.80078 0l-13.79883 13.099609c-1.6 1.5-4.20078 1.5-5.80078 0L100.69922 1.125c-1.600001-1.5-4.198829-1.5-5.798829 0l-13.59961 13.099609c-1.6 1.5-4.200781 1.5-5.800781 0L61.699219 1.125c-1.6-1.5-4.198828-1.5-5.798828 0L42.099609 14.224609c-1.6 1.5-4.198828 1.5-5.798828 0L22.5 1.125C21.7.375 20.649609 0 19.599609 0z\" fill=\"#{hex-color($ui-base-color)}\"/></svg>') no-repeat bottom / 100% auto;\n  flex: 1;\n  min-height: 47px;\n  display: none;\n\n  > img {\n    display: block;\n    object-fit: contain;\n    object-position: bottom left;\n    width: 85%;\n    height: 100%;\n    pointer-events: none;\n    user-drag: none;\n    user-select: none;\n  }\n\n  > .mastodon {\n    display: block;\n    width: 100%;\n    height: 100%;\n    border: none;\n    cursor: inherit;\n  }\n\n  @media screen and (min-height: 640px) {\n    display: block;\n  }\n}\n\n.pseudo-drawer {\n  background: lighten($ui-base-color, 13%);\n  font-size: 13px;\n  text-align: left;\n}\n\n.drawer__backdrop {\n  cursor: pointer;\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  background: rgba($base-overlay-background, 0.5);\n}\n",".video-error-cover {\n  align-items: center;\n  background: $base-overlay-background;\n  color: $primary-text-color;\n  cursor: pointer;\n  display: flex;\n  flex-direction: column;\n  height: 100%;\n  justify-content: center;\n  margin-top: 8px;\n  position: relative;\n  text-align: center;\n  z-index: 100;\n}\n\n.media-spoiler {\n  background: $base-overlay-background;\n  color: $darker-text-color;\n  border: 0;\n  width: 100%;\n  height: 100%;\n\n  &:hover,\n  &:active,\n  &:focus {\n    color: lighten($darker-text-color, 8%);\n  }\n\n  .status__content > & {\n    margin-top: 15px; // Add margin when used bare for NSFW video player\n  }\n  @include fullwidth-gallery;\n}\n\n.media-spoiler__warning {\n  display: block;\n  font-size: 14px;\n}\n\n.media-spoiler__trigger {\n  display: block;\n  font-size: 11px;\n  font-weight: 500;\n}\n\n.media-gallery__gifv__label {\n  display: block;\n  position: absolute;\n  color: $primary-text-color;\n  background: rgba($base-overlay-background, 0.5);\n  bottom: 6px;\n  left: 6px;\n  padding: 2px 6px;\n  border-radius: 2px;\n  font-size: 11px;\n  font-weight: 600;\n  z-index: 1;\n  pointer-events: none;\n  opacity: 0.9;\n  transition: opacity 0.1s ease;\n  line-height: 18px;\n}\n\n.media-gallery__gifv {\n  &:hover {\n    .media-gallery__gifv__label {\n      opacity: 1;\n    }\n  }\n}\n\n.media-gallery__audio {\n  height: 100%;\n  display: flex;\n  flex-direction: column;\n\n  span {\n    text-align: center;\n    color: $darker-text-color;\n    display: flex;\n    height: 100%;\n    align-items: center;\n\n    p {\n      width: 100%;\n    }\n  }\n\n  audio {\n    width: 100%;\n  }\n}\n\n.media-gallery {\n  box-sizing: border-box;\n  margin-top: 8px;\n  overflow: hidden;\n  border-radius: 4px;\n  position: relative;\n  width: 100%;\n  height: 110px;\n\n  @include fullwidth-gallery;\n}\n\n.media-gallery__item {\n  border: none;\n  box-sizing: border-box;\n  display: block;\n  float: left;\n  position: relative;\n  border-radius: 4px;\n  overflow: hidden;\n\n  .full-width & {\n    border-radius: 0;\n  }\n\n  &.standalone {\n    .media-gallery__item-gifv-thumbnail {\n      transform: none;\n      top: 0;\n    }\n  }\n\n  &.letterbox {\n    background: $base-shadow-color;\n  }\n}\n\n.media-gallery__item-thumbnail {\n  cursor: zoom-in;\n  display: block;\n  text-decoration: none;\n  color: $secondary-text-color;\n  position: relative;\n  z-index: 1;\n\n  &,\n  img {\n    height: 100%;\n    width: 100%;\n    object-fit: contain;\n\n    &:not(.letterbox) {\n      height: 100%;\n      object-fit: cover;\n    }\n  }\n}\n\n.media-gallery__preview {\n  width: 100%;\n  height: 100%;\n  object-fit: cover;\n  position: absolute;\n  top: 0;\n  left: 0;\n  z-index: 0;\n  background: $base-overlay-background;\n\n  &--hidden {\n    display: none;\n  }\n}\n\n.media-gallery__gifv {\n  height: 100%;\n  overflow: hidden;\n  position: relative;\n  width: 100%;\n  display: flex;\n  justify-content: center;\n}\n\n.media-gallery__item-gifv-thumbnail {\n  cursor: zoom-in;\n  height: 100%;\n  width: 100%;\n  position: relative;\n  z-index: 1;\n  object-fit: contain;\n  user-select: none;\n\n  &:not(.letterbox) {\n    height: 100%;\n    object-fit: cover;\n  }\n}\n\n.media-gallery__item-thumbnail-label {\n  clip: rect(1px 1px 1px 1px); /* IE6, IE7 */\n  clip: rect(1px, 1px, 1px, 1px);\n  overflow: hidden;\n  position: absolute;\n}\n\n.video-modal__container {\n  max-width: 100vw;\n  max-height: 100vh;\n}\n\n.audio-modal__container {\n  width: 50vw;\n}\n\n.media-modal {\n  width: 100%;\n  height: 100%;\n  position: relative;\n\n  .extended-video-player {\n    width: 100%;\n    height: 100%;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n\n    video {\n      max-width: $media-modal-media-max-width;\n      max-height: $media-modal-media-max-height;\n    }\n  }\n}\n\n.media-modal__closer {\n  position: absolute;\n  top: 0;\n  left: 0;\n  right: 0;\n  bottom: 0;\n}\n\n.media-modal__navigation {\n  position: absolute;\n  top: 0;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  pointer-events: none;\n  transition: opacity 0.3s linear;\n  will-change: opacity;\n\n  * {\n    pointer-events: auto;\n  }\n\n  &.media-modal__navigation--hidden {\n    opacity: 0;\n\n    * {\n      pointer-events: none;\n    }\n  }\n}\n\n.media-modal__nav {\n  background: rgba($base-overlay-background, 0.5);\n  box-sizing: border-box;\n  border: 0;\n  color: $primary-text-color;\n  cursor: pointer;\n  display: flex;\n  align-items: center;\n  font-size: 24px;\n  height: 20vmax;\n  margin: auto 0;\n  padding: 30px 15px;\n  position: absolute;\n  top: 0;\n  bottom: 0;\n}\n\n.media-modal__nav--left {\n  left: 0;\n}\n\n.media-modal__nav--right {\n  right: 0;\n}\n\n.media-modal__pagination {\n  width: 100%;\n  text-align: center;\n  position: absolute;\n  left: 0;\n  bottom: 20px;\n  pointer-events: none;\n}\n\n.media-modal__meta {\n  text-align: center;\n  position: absolute;\n  left: 0;\n  bottom: 20px;\n  width: 100%;\n  pointer-events: none;\n\n  &--shifted {\n    bottom: 62px;\n  }\n\n  a {\n    pointer-events: auto;\n    text-decoration: none;\n    font-weight: 500;\n    color: $ui-secondary-color;\n\n    &:hover,\n    &:focus,\n    &:active {\n      text-decoration: underline;\n    }\n  }\n}\n\n.media-modal__page-dot {\n  display: inline-block;\n}\n\n.media-modal__button {\n  background-color: $white;\n  height: 12px;\n  width: 12px;\n  border-radius: 6px;\n  margin: 10px;\n  padding: 0;\n  border: 0;\n  font-size: 0;\n}\n\n.media-modal__button--active {\n  background-color: $ui-highlight-color;\n}\n\n.media-modal__close {\n  position: absolute;\n  right: 8px;\n  top: 8px;\n  z-index: 100;\n}\n\n.detailed,\n.fullscreen {\n  .video-player__volume__current,\n  .video-player__volume::before {\n    bottom: 27px;\n  }\n\n  .video-player__volume__handle {\n    bottom: 23px;\n  }\n\n}\n\n.audio-player {\n  box-sizing: border-box;\n  position: relative;\n  background: darken($ui-base-color, 8%);\n  border-radius: 4px;\n  padding-bottom: 44px;\n  direction: ltr;\n\n  &.editable {\n    border-radius: 0;\n    height: 100%;\n  }\n\n  &__waveform {\n    padding: 15px 0;\n    position: relative;\n    overflow: hidden;\n\n    &::before {\n      content: \"\";\n      display: block;\n      position: absolute;\n      border-top: 1px solid lighten($ui-base-color, 4%);\n      width: 100%;\n      height: 0;\n      left: 0;\n      top: calc(50% + 1px);\n    }\n  }\n\n  &__progress-placeholder {\n    background-color: rgba(lighten($ui-highlight-color, 8%), 0.5);\n  }\n\n  &__wave-placeholder {\n    background-color: lighten($ui-base-color, 16%);\n  }\n\n  .video-player__controls {\n    padding: 0 15px;\n    padding-top: 10px;\n    background: darken($ui-base-color, 8%);\n    border-top: 1px solid lighten($ui-base-color, 4%);\n    border-radius: 0 0 4px 4px;\n  }\n}\n\n.video-player {\n  overflow: hidden;\n  position: relative;\n  background: $base-shadow-color;\n  max-width: 100%;\n  border-radius: 4px;\n  box-sizing: border-box;\n  direction: ltr;\n\n  &.editable {\n    border-radius: 0;\n    height: 100% !important;\n  }\n\n  &:focus {\n    outline: 0;\n  }\n\n  .detailed-status & {\n    width: 100%;\n    height: 100%;\n  }\n\n  @include fullwidth-gallery;\n\n  video {\n    max-width: 100vw;\n    max-height: 80vh;\n    z-index: 1;\n    position: relative;\n  }\n\n  &.fullscreen {\n    width: 100% !important;\n    height: 100% !important;\n    margin: 0;\n\n    video {\n      max-width: 100% !important;\n      max-height: 100% !important;\n      width: 100% !important;\n      height: 100% !important;\n      outline: 0;\n    }\n  }\n\n  &.inline {\n    video {\n      object-fit: contain;\n      position: relative;\n      top: 50%;\n      transform: translateY(-50%);\n    }\n  }\n\n  &__controls {\n    position: absolute;\n    z-index: 2;\n    bottom: 0;\n    left: 0;\n    right: 0;\n    box-sizing: border-box;\n    background: linear-gradient(0deg, rgba($base-shadow-color, 0.85) 0, rgba($base-shadow-color, 0.45) 60%, transparent);\n    padding: 0 15px;\n    opacity: 0;\n    transition: opacity .1s ease;\n\n    &.active {\n      opacity: 1;\n    }\n  }\n\n  &.inactive {\n    video,\n    .video-player__controls {\n      visibility: hidden;\n    }\n  }\n\n  &__spoiler {\n    display: none;\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n    z-index: 4;\n    border: 0;\n    background: $base-shadow-color;\n    color: $darker-text-color;\n    transition: none;\n    pointer-events: none;\n\n    &.active {\n      display: block;\n      pointer-events: auto;\n\n      &:hover,\n      &:active,\n      &:focus {\n        color: lighten($darker-text-color, 7%);\n      }\n    }\n\n    &__title {\n      display: block;\n      font-size: 14px;\n    }\n\n    &__subtitle {\n      display: block;\n      font-size: 11px;\n      font-weight: 500;\n    }\n  }\n\n  &__buttons-bar {\n    display: flex;\n    justify-content: space-between;\n    padding-bottom: 10px;\n\n    .video-player__download__icon {\n      color: inherit;\n\n      .fa,\n      &:active .fa,\n      &:hover .fa,\n      &:focus .fa {\n        color: inherit;\n      }\n    }\n  }\n\n  &__buttons {\n    font-size: 16px;\n    white-space: nowrap;\n    overflow: hidden;\n    text-overflow: ellipsis;\n\n    &.left {\n      button {\n        padding-left: 0;\n      }\n    }\n\n    &.right {\n      button {\n        padding-right: 0;\n      }\n    }\n\n    button {\n      background: transparent;\n      padding: 2px 10px;\n      font-size: 16px;\n      border: 0;\n      color: rgba($white, 0.75);\n\n      &:active,\n      &:hover,\n      &:focus {\n        color: $white;\n      }\n    }\n  }\n\n  &__time-sep,\n  &__time-total,\n  &__time-current {\n    font-size: 14px;\n    font-weight: 500;\n  }\n\n  &__time-current {\n    color: $white;\n    margin-left: 60px;\n  }\n\n  &__time-sep {\n    display: inline-block;\n    margin: 0 6px;\n  }\n\n  &__time-sep,\n  &__time-total {\n    color: $white;\n  }\n\n  &__volume {\n    cursor: pointer;\n    height: 24px;\n    display: inline;\n\n    &::before {\n      content: \"\";\n      width: 50px;\n      background: rgba($white, 0.35);\n      border-radius: 4px;\n      display: block;\n      position: absolute;\n      height: 4px;\n      left: 70px;\n      bottom: 20px;\n    }\n\n    &__current {\n      display: block;\n      position: absolute;\n      height: 4px;\n      border-radius: 4px;\n      left: 70px;\n      bottom: 20px;\n      background: lighten($ui-highlight-color, 8%);\n    }\n\n    &__handle {\n      position: absolute;\n      z-index: 3;\n      border-radius: 50%;\n      width: 12px;\n      height: 12px;\n      bottom: 16px;\n      left: 70px;\n      transition: opacity .1s ease;\n      background: lighten($ui-highlight-color, 8%);\n      box-shadow: 1px 2px 6px rgba($base-shadow-color, 0.2);\n      pointer-events: none;\n    }\n  }\n\n  &__link {\n    padding: 2px 10px;\n\n    a {\n      text-decoration: none;\n      font-size: 14px;\n      font-weight: 500;\n      color: $white;\n\n      &:hover,\n      &:active,\n      &:focus {\n        text-decoration: underline;\n      }\n    }\n  }\n\n  &__seek {\n    cursor: pointer;\n    height: 24px;\n    position: relative;\n\n    &::before {\n      content: \"\";\n      width: 100%;\n      background: rgba($white, 0.35);\n      border-radius: 4px;\n      display: block;\n      position: absolute;\n      height: 4px;\n      top: 10px;\n    }\n\n    &__progress,\n    &__buffer {\n      display: block;\n      position: absolute;\n      height: 4px;\n      border-radius: 4px;\n      top: 10px;\n      background: lighten($ui-highlight-color, 8%);\n    }\n\n    &__buffer {\n      background: rgba($white, 0.2);\n    }\n\n    &__handle {\n      position: absolute;\n      z-index: 3;\n      opacity: 0;\n      border-radius: 50%;\n      width: 12px;\n      height: 12px;\n      top: 6px;\n      margin-left: -6px;\n      transition: opacity .1s ease;\n      background: lighten($ui-highlight-color, 8%);\n      box-shadow: 1px 2px 6px rgba($base-shadow-color, 0.2);\n      pointer-events: none;\n\n      &.active {\n        opacity: 1;\n      }\n    }\n\n    &:hover {\n      .video-player__seek__handle {\n        opacity: 1;\n      }\n    }\n  }\n\n  &.detailed,\n  &.fullscreen {\n    .video-player__buttons {\n      button {\n        padding-top: 10px;\n        padding-bottom: 10px;\n      }\n    }\n  }\n}\n",".sensitive-info {\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  position: absolute;\n  top: 4px;\n  left: 4px;\n  z-index: 100;\n}\n\n.sensitive-marker {\n  margin: 0 3px;\n  border-radius: 2px;\n  padding: 2px 6px;\n  color: rgba($primary-text-color, 0.8);\n  background: rgba($base-overlay-background, 0.5);\n  font-size: 12px;\n  line-height: 18px;\n  text-transform: uppercase;\n  opacity: .9;\n  transition: opacity .1s ease;\n\n  .media-gallery:hover & { opacity: 1 }\n}\n",".list-editor {\n  background: $ui-base-color;\n  flex-direction: column;\n  border-radius: 8px;\n  box-shadow: 2px 4px 15px rgba($base-shadow-color, 0.4);\n  width: 380px;\n  overflow: hidden;\n\n  @media screen and (max-width: 420px) {\n    width: 90%;\n  }\n\n  h4 {\n    padding: 15px 0;\n    background: lighten($ui-base-color, 13%);\n    font-weight: 500;\n    font-size: 16px;\n    text-align: center;\n    border-radius: 8px 8px 0 0;\n  }\n\n  .drawer__pager {\n    height: 50vh;\n  }\n\n  .drawer__inner {\n    border-radius: 0 0 8px 8px;\n\n    &.backdrop {\n      width: calc(100% - 60px);\n      box-shadow: 2px 4px 15px rgba($base-shadow-color, 0.4);\n      border-radius: 0 0 0 8px;\n    }\n  }\n\n  &__accounts {\n    overflow-y: auto;\n  }\n\n  .account__display-name {\n    &:hover strong {\n      text-decoration: none;\n    }\n  }\n\n  .account__avatar {\n    cursor: default;\n  }\n\n  .search {\n    margin-bottom: 0;\n  }\n}\n\n.list-adder {\n  background: $ui-base-color;\n  flex-direction: column;\n  border-radius: 8px;\n  box-shadow: 2px 4px 15px rgba($base-shadow-color, 0.4);\n  width: 380px;\n  overflow: hidden;\n\n  @media screen and (max-width: 420px) {\n    width: 90%;\n  }\n\n  &__account {\n    background: lighten($ui-base-color, 13%);\n  }\n\n  &__lists {\n    background: lighten($ui-base-color, 13%);\n    height: 50vh;\n    border-radius: 0 0 8px 8px;\n    overflow-y: auto;\n  }\n\n  .list {\n    padding: 10px;\n    border-bottom: 1px solid lighten($ui-base-color, 8%);\n  }\n\n  .list__wrapper {\n    display: flex;\n  }\n\n  .list__display-name {\n    flex: 1 1 auto;\n    overflow: hidden;\n    text-decoration: none;\n    font-size: 16px;\n    padding: 10px;\n  }\n}\n",".emoji-mart {\n  &,\n  * {\n    box-sizing: border-box;\n    line-height: 1.15;\n  }\n\n  font-size: 13px;\n  display: inline-block;\n  color: $inverted-text-color;\n\n  .emoji-mart-emoji {\n    padding: 6px;\n  }\n}\n\n.emoji-mart-bar {\n  border: 0 solid darken($ui-secondary-color, 8%);\n\n  &:first-child {\n    border-bottom-width: 1px;\n    border-top-left-radius: 5px;\n    border-top-right-radius: 5px;\n    background: $ui-secondary-color;\n  }\n\n  &:last-child {\n    border-top-width: 1px;\n    border-bottom-left-radius: 5px;\n    border-bottom-right-radius: 5px;\n    display: none;\n  }\n}\n\n.emoji-mart-anchors {\n  display: flex;\n  justify-content: space-between;\n  padding: 0 6px;\n  color: $lighter-text-color;\n  line-height: 0;\n}\n\n.emoji-mart-anchor {\n  position: relative;\n  flex: 1;\n  text-align: center;\n  padding: 12px 4px;\n  overflow: hidden;\n  transition: color .1s ease-out;\n  cursor: pointer;\n\n  &:hover {\n    color: darken($lighter-text-color, 4%);\n  }\n}\n\n.emoji-mart-anchor-selected {\n  color: $highlight-text-color;\n\n  &:hover {\n    color: darken($highlight-text-color, 4%);\n  }\n\n  .emoji-mart-anchor-bar {\n    bottom: 0;\n  }\n}\n\n.emoji-mart-anchor-bar {\n  position: absolute;\n  bottom: -3px;\n  left: 0;\n  width: 100%;\n  height: 3px;\n  background-color: darken($ui-highlight-color, 3%);\n}\n\n.emoji-mart-anchors {\n  i {\n    display: inline-block;\n    width: 100%;\n    max-width: 22px;\n  }\n\n  svg {\n    fill: currentColor;\n    max-height: 18px;\n  }\n}\n\n.emoji-mart-scroll {\n  overflow-y: scroll;\n  height: 270px;\n  max-height: 35vh;\n  padding: 0 6px 6px;\n  background: $simple-background-color;\n  will-change: transform;\n\n  &::-webkit-scrollbar-track:hover,\n  &::-webkit-scrollbar-track:active {\n    background-color: rgba($base-overlay-background, 0.3);\n  }\n}\n\n.emoji-mart-search {\n  padding: 10px;\n  padding-right: 45px;\n  background: $simple-background-color;\n\n  input {\n    font-size: 14px;\n    font-weight: 400;\n    padding: 7px 9px;\n    font-family: inherit;\n    display: block;\n    width: 100%;\n    background: rgba($ui-secondary-color, 0.3);\n    color: $inverted-text-color;\n    border: 1px solid $ui-secondary-color;\n    border-radius: 4px;\n\n    &::-moz-focus-inner {\n      border: 0;\n    }\n\n    &::-moz-focus-inner,\n    &:focus,\n    &:active {\n      outline: 0 !important;\n    }\n  }\n}\n\n.emoji-mart-category .emoji-mart-emoji {\n  cursor: pointer;\n\n  span {\n    z-index: 1;\n    position: relative;\n    text-align: center;\n  }\n\n  &:hover::before {\n    z-index: 0;\n    content: \"\";\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n    background-color: rgba($ui-secondary-color, 0.7);\n    border-radius: 100%;\n  }\n}\n\n.emoji-mart-category-label {\n  z-index: 2;\n  position: relative;\n  position: -webkit-sticky;\n  position: sticky;\n  top: 0;\n\n  span {\n    display: block;\n    width: 100%;\n    font-weight: 500;\n    padding: 5px 6px;\n    background: $simple-background-color;\n  }\n}\n\n.emoji-mart-emoji {\n  position: relative;\n  display: inline-block;\n  font-size: 0;\n\n  span {\n    width: 22px;\n    height: 22px;\n  }\n}\n\n.emoji-mart-no-results {\n  font-size: 14px;\n  text-align: center;\n  padding-top: 70px;\n  color: $light-text-color;\n\n  .emoji-mart-category-label {\n    display: none;\n  }\n\n  .emoji-mart-no-results-label {\n    margin-top: .2em;\n  }\n\n  .emoji-mart-emoji:hover::before {\n    content: none;\n  }\n}\n\n.emoji-mart-preview {\n  display: none;\n}\n",".glitch.local-settings {\n  position: relative;\n  display: flex;\n  flex-direction: row;\n  background: $ui-secondary-color;\n  color: $inverted-text-color;\n  border-radius: 8px;\n  height: 80vh;\n  width: 80vw;\n  max-width: 740px;\n  max-height: 450px;\n  overflow: hidden;\n\n  label, legend {\n    display: block;\n    font-size: 14px;\n  }\n\n  .boolean label, .radio_buttons label {\n    position: relative;\n    padding-left: 28px;\n    padding-top: 3px;\n\n    input {\n      position: absolute;\n      left: 0;\n      top: 0;\n    }\n  }\n\n  span.hint {\n    display: block;\n    color: $lighter-text-color;\n  }\n\n  h1 {\n    font-size: 18px;\n    font-weight: 500;\n    line-height: 24px;\n    margin-bottom: 20px;\n  }\n\n  h2 {\n    font-size: 15px;\n    font-weight: 500;\n    line-height: 20px;\n    margin-top: 20px;\n    margin-bottom: 10px;\n  }\n}\n\n.glitch.local-settings__navigation__item {\n  display: block;\n  padding: 15px 20px;\n  color: inherit;\n  background: lighten($ui-secondary-color, 8%);\n  border-bottom: 1px $ui-secondary-color solid;\n  cursor: pointer;\n  text-decoration: none;\n  outline: none;\n  transition: background .3s;\n\n  .text-icon-button {\n    color: inherit;\n    transition: unset;\n  }\n\n  &:hover {\n    background: $ui-secondary-color;\n  }\n\n  &.active {\n    background: $ui-highlight-color;\n    color: $primary-text-color;\n  }\n\n  &.close, &.close:hover {\n    background: $error-value-color;\n    color: $primary-text-color;\n  }\n}\n\n.glitch.local-settings__navigation {\n  background: lighten($ui-secondary-color, 8%);\n  width: 212px;\n  font-size: 15px;\n  line-height: 20px;\n  overflow-y: auto;\n}\n\n.glitch.local-settings__page {\n  display: block;\n  flex: auto;\n  padding: 15px 20px 15px 20px;\n  width: 360px;\n  overflow-y: auto;\n}\n\n.glitch.local-settings__page__item {\n  margin-bottom: 2px;\n}\n\n.glitch.local-settings__page__item.string,\n.glitch.local-settings__page__item.radio_buttons {\n  margin-top: 10px;\n  margin-bottom: 10px;\n}\n\n@media screen and (max-width: 630px) {\n  .glitch.local-settings__navigation {\n    width: 40px;\n    flex-shrink: 0;\n  }\n\n  .glitch.local-settings__navigation__item {\n    padding: 10px;\n\n    span:last-of-type {\n      display: none;\n    }\n  }\n}\n",".error-boundary {\n  color: $primary-text-color;\n  font-size: 15px;\n  line-height: 20px;\n\n  h1 {\n    font-size: 26px;\n    line-height: 36px;\n    font-weight: 400;\n    margin-bottom: 8px;\n  }\n\n  a {\n    color: $primary-text-color;\n    text-decoration: underline;\n  }\n\n  ul {\n    list-style: disc;\n    margin-left: 0;\n    padding-left: 1em;\n  }\n\n  textarea.web_app_crash-stacktrace {\n    width: 100%;\n    resize: none;\n    white-space: pre;\n    font-family: $font-monospace, monospace;\n  }\n}\n",".compose-panel {\n  width: 285px;\n  margin-top: 10px;\n  display: flex;\n  flex-direction: column;\n  height: calc(100% - 10px);\n  overflow-y: hidden;\n\n  .search__input {\n    line-height: 18px;\n    font-size: 16px;\n    padding: 15px;\n    padding-right: 30px;\n  }\n\n  .search__icon .fa {\n    top: 15px;\n  }\n\n  .drawer--account {\n    flex: 0 1 48px;\n  }\n\n  .flex-spacer {\n    background: transparent;\n  }\n\n  .composer {\n    flex: 1;\n    overflow-y: hidden;\n    display: flex;\n    flex-direction: column;\n    min-height: 310px;\n  }\n\n  .compose-form__autosuggest-wrapper {\n    overflow-y: auto;\n    background-color: $white;\n    border-radius: 4px 4px 0 0;\n    flex: 0 1 auto;\n  }\n\n  .autosuggest-textarea__textarea {\n    overflow-y: hidden;\n  }\n\n  .compose-form__upload-thumbnail {\n    height: 80px;\n  }\n}\n\n.navigation-panel {\n  margin-top: 10px;\n  margin-bottom: 10px;\n  height: calc(100% - 20px);\n  overflow-y: auto;\n  display: flex;\n  flex-direction: column;\n\n  & > a {\n    flex: 0 0 auto;\n  }\n\n  hr {\n    flex: 0 0 auto;\n    border: 0;\n    background: transparent;\n    border-top: 1px solid lighten($ui-base-color, 4%);\n    margin: 10px 0;\n  }\n\n  .flex-spacer {\n    background: transparent;\n  }\n}\n\n@media screen and (min-width: 600px) {\n  .tabs-bar__link {\n    span {\n      display: inline;\n    }\n  }\n}\n\n.columns-area--mobile {\n  flex-direction: column;\n  width: 100%;\n  margin: 0 auto;\n\n  .column,\n  .drawer {\n    width: 100%;\n    height: 100%;\n    padding: 0;\n  }\n\n  .directory__list {\n    display: grid;\n    grid-gap: 10px;\n    grid-template-columns: minmax(0, 50%) minmax(0, 50%);\n\n    @media screen and (max-width: $no-gap-breakpoint) {\n      display: block;\n    }\n  }\n\n  .directory__card {\n    margin-bottom: 0;\n  }\n\n  .filter-form {\n    display: flex;\n  }\n\n  .autosuggest-textarea__textarea {\n    font-size: 16px;\n  }\n\n  .search__input {\n    line-height: 18px;\n    font-size: 16px;\n    padding: 15px;\n    padding-right: 30px;\n  }\n\n  .search__icon .fa {\n    top: 15px;\n  }\n\n  .scrollable {\n    overflow: visible;\n\n    @supports(display: grid) {\n      contain: content;\n    }\n  }\n\n  @media screen and (min-width: $no-gap-breakpoint) {\n    padding: 10px 0;\n    padding-top: 0;\n  }\n\n  @media screen and (min-width: 630px) {\n    .detailed-status {\n      padding: 15px;\n\n      .media-gallery,\n      .video-player,\n      .audio-player {\n        margin-top: 15px;\n      }\n    }\n\n    .account__header__bar {\n      padding: 5px 10px;\n    }\n\n    .navigation-bar,\n    .compose-form {\n      padding: 15px;\n    }\n\n    .compose-form .compose-form__publish .compose-form__publish-button-wrapper {\n      padding-top: 15px;\n    }\n\n    .status {\n      padding: 15px;\n      min-height: 48px + 2px;\n\n      .media-gallery,\n      &__action-bar,\n      .video-player,\n      .audio-player {\n        margin-top: 10px;\n      }\n    }\n\n    .account {\n      padding: 15px 10px;\n\n      &__header__bio {\n        margin: 0 -10px;\n      }\n    }\n\n    .notification {\n      &__message {\n        padding-top: 15px;\n      }\n\n      .status {\n        padding-top: 8px;\n      }\n\n      .account {\n        padding-top: 8px;\n      }\n    }\n  }\n}\n\n.floating-action-button {\n  position: fixed;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  width: 3.9375rem;\n  height: 3.9375rem;\n  bottom: 1.3125rem;\n  right: 1.3125rem;\n  background: darken($ui-highlight-color, 3%);\n  color: $white;\n  border-radius: 50%;\n  font-size: 21px;\n  line-height: 21px;\n  text-decoration: none;\n  box-shadow: 2px 3px 9px rgba($base-shadow-color, 0.4);\n\n  &:hover,\n  &:focus,\n  &:active {\n    background: lighten($ui-highlight-color, 7%);\n  }\n}\n\n@media screen and (min-width: $no-gap-breakpoint) {\n  .tabs-bar {\n    width: 100%;\n  }\n\n  .react-swipeable-view-container .columns-area--mobile {\n    height: calc(100% - 10px) !important;\n  }\n\n  .getting-started__wrapper,\n  .search {\n    margin-bottom: 10px;\n  }\n}\n\n@media screen and (max-width: 600px + (285px * 1) + (10px * 1)) {\n  .columns-area__panels__pane--compositional {\n    display: none;\n  }\n}\n\n@media screen and (min-width: 600px + (285px * 1) + (10px * 1)) {\n  .floating-action-button,\n  .tabs-bar__link.optional {\n    display: none;\n  }\n\n  .search-page .search {\n    display: none;\n  }\n}\n\n@media screen and (max-width: 600px + (285px * 2) + (10px * 2)) {\n  .columns-area__panels__pane--navigational {\n    display: none;\n  }\n}\n\n@media screen and (min-width: 600px + (285px * 2) + (10px * 2)) {\n  .tabs-bar {\n    display: none;\n  }\n}\n",".announcements__item__content {\n  word-wrap: break-word;\n  overflow-y: auto;\n\n  .emojione {\n    width: 20px;\n    height: 20px;\n    margin: -3px 0 0;\n  }\n\n  p {\n    margin-bottom: 10px;\n    white-space: pre-wrap;\n\n    &:last-child {\n      margin-bottom: 0;\n    }\n  }\n\n  a {\n    color: $secondary-text-color;\n    text-decoration: none;\n\n    &:hover {\n      text-decoration: underline;\n    }\n\n    &.mention {\n      &:hover {\n        text-decoration: none;\n\n        span {\n          text-decoration: underline;\n        }\n      }\n    }\n\n    &.unhandled-link {\n      color: lighten($ui-highlight-color, 8%);\n    }\n  }\n}\n\n.announcements {\n  background: lighten($ui-base-color, 8%);\n  font-size: 13px;\n  display: flex;\n  align-items: flex-end;\n\n  &__mastodon {\n    width: 124px;\n    flex: 0 0 auto;\n\n    @media screen and (max-width: 124px + 300px) {\n      display: none;\n    }\n  }\n\n  &__container {\n    width: calc(100% - 124px);\n    flex: 0 0 auto;\n    position: relative;\n\n    @media screen and (max-width: 124px + 300px) {\n      width: 100%;\n    }\n  }\n\n  &__item {\n    box-sizing: border-box;\n    width: 100%;\n    padding: 15px;\n    position: relative;\n    font-size: 15px;\n    line-height: 20px;\n    word-wrap: break-word;\n    font-weight: 400;\n    max-height: 50vh;\n    overflow: hidden;\n    display: flex;\n    flex-direction: column;\n\n    &__range {\n      display: block;\n      font-weight: 500;\n      margin-bottom: 10px;\n      padding-right: 18px;\n    }\n\n    &__unread {\n      position: absolute;\n      top: 19px;\n      right: 19px;\n      display: block;\n      background: $highlight-text-color;\n      border-radius: 50%;\n      width: 0.625rem;\n      height: 0.625rem;\n    }\n  }\n\n  &__pagination {\n    padding: 15px;\n    color: $darker-text-color;\n    position: absolute;\n    bottom: 3px;\n    right: 0;\n  }\n}\n\n.layout-multiple-columns .announcements__mastodon {\n  display: none;\n}\n\n.layout-multiple-columns .announcements__container {\n  width: 100%;\n}\n\n.reactions-bar {\n  display: flex;\n  flex-wrap: wrap;\n  align-items: center;\n  margin-top: 15px;\n  margin-left: -2px;\n  width: calc(100% - (90px - 33px));\n\n  &__item {\n    flex-shrink: 0;\n    background: lighten($ui-base-color, 12%);\n    border: 0;\n    border-radius: 3px;\n    margin: 2px;\n    cursor: pointer;\n    user-select: none;\n    padding: 0 6px;\n    display: flex;\n    align-items: center;\n    transition: all 100ms ease-in;\n    transition-property: background-color, color;\n\n    &__emoji {\n      display: block;\n      margin: 3px 0;\n      width: 16px;\n      height: 16px;\n\n      img {\n        display: block;\n        margin: 0;\n        width: 100%;\n        height: 100%;\n        min-width: auto;\n        min-height: auto;\n        vertical-align: bottom;\n        object-fit: contain;\n      }\n    }\n\n    &__count {\n      display: block;\n      min-width: 9px;\n      font-size: 13px;\n      font-weight: 500;\n      text-align: center;\n      margin-left: 6px;\n      color: $darker-text-color;\n    }\n\n    &:hover,\n    &:focus,\n    &:active {\n      background: lighten($ui-base-color, 16%);\n      transition: all 200ms ease-out;\n      transition-property: background-color, color;\n\n      &__count {\n        color: lighten($darker-text-color, 4%);\n      }\n    }\n\n    &.active {\n      transition: all 100ms ease-in;\n      transition-property: background-color, color;\n      background-color: mix(lighten($ui-base-color, 12%), $ui-highlight-color, 80%);\n\n      .reactions-bar__item__count {\n        color: lighten($highlight-text-color, 8%);\n      }\n    }\n  }\n\n  .emoji-picker-dropdown {\n    margin: 2px;\n  }\n\n  &:hover .emoji-button {\n    opacity: 0.85;\n  }\n\n  .emoji-button {\n    color: $darker-text-color;\n    margin: 0;\n    font-size: 16px;\n    width: auto;\n    flex-shrink: 0;\n    padding: 0 6px;\n    height: 22px;\n    display: flex;\n    align-items: center;\n    opacity: 0.5;\n    transition: all 100ms ease-in;\n    transition-property: background-color, color;\n\n    &:hover,\n    &:active,\n    &:focus {\n      opacity: 1;\n      color: lighten($darker-text-color, 4%);\n      transition: all 200ms ease-out;\n      transition-property: background-color, color;\n    }\n  }\n\n  &--empty {\n    .emoji-button {\n      padding: 0;\n    }\n  }\n}\n",".poll {\n  margin-top: 16px;\n  font-size: 14px;\n\n  ul,\n  .e-content & ul {\n    margin: 0;\n    list-style: none;\n  }\n\n  li {\n    margin-bottom: 10px;\n    position: relative;\n  }\n\n  &__chart {\n    border-radius: 4px;\n    display: block;\n    background: darken($ui-primary-color, 5%);\n    height: 5px;\n    min-width: 1%;\n\n    &.leading {\n      background: $ui-highlight-color;\n    }\n  }\n\n  &__option {\n    position: relative;\n    display: flex;\n    padding: 6px 0;\n    line-height: 18px;\n    cursor: default;\n    overflow: hidden;\n\n    &__text {\n      display: inline-block;\n      word-wrap: break-word;\n      overflow-wrap: break-word;\n      max-width: calc(100% - 45px - 25px);\n    }\n\n    input[type=radio],\n    input[type=checkbox] {\n      display: none;\n    }\n\n    .autossugest-input {\n      flex: 1 1 auto;\n    }\n\n    input[type=text] {\n      display: block;\n      box-sizing: border-box;\n      width: 100%;\n      font-size: 14px;\n      color: $inverted-text-color;\n      display: block;\n      outline: 0;\n      font-family: inherit;\n      background: $simple-background-color;\n      border: 1px solid darken($simple-background-color, 14%);\n      border-radius: 4px;\n      padding: 6px 10px;\n\n      &:focus {\n        border-color: $highlight-text-color;\n      }\n    }\n\n    &.selectable {\n      cursor: pointer;\n    }\n\n    &.editable {\n      display: flex;\n      align-items: center;\n      overflow: visible;\n    }\n  }\n\n  &__input {\n    display: inline-block;\n    position: relative;\n    border: 1px solid $ui-primary-color;\n    box-sizing: border-box;\n    width: 18px;\n    height: 18px;\n    flex: 0 0 auto;\n    margin-right: 10px;\n    top: -1px;\n    border-radius: 50%;\n    vertical-align: middle;\n    margin-top: auto;\n    margin-bottom: auto;\n    flex: 0 0 18px;\n\n    &.checkbox {\n      border-radius: 4px;\n    }\n\n    &.active {\n      border-color: $valid-value-color;\n      background: $valid-value-color;\n    }\n\n    &:active,\n    &:focus,\n    &:hover {\n      border-color: lighten($valid-value-color, 15%);\n      border-width: 4px;\n    }\n\n    &::-moz-focus-inner {\n      outline: 0 !important;\n      border: 0;\n    }\n\n    &:focus,\n    &:active {\n      outline: 0 !important;\n    }\n  }\n\n  &__number {\n    display: inline-block;\n    width: 45px;\n    font-weight: 700;\n    flex: 0 0 45px;\n  }\n\n  &__voted {\n    padding: 0 5px;\n    display: inline-block;\n\n    &__mark {\n      font-size: 18px;\n    }\n  }\n\n  &__footer {\n    padding-top: 6px;\n    padding-bottom: 5px;\n    color: $dark-text-color;\n  }\n\n  &__link {\n    display: inline;\n    background: transparent;\n    padding: 0;\n    margin: 0;\n    border: 0;\n    color: $dark-text-color;\n    text-decoration: underline;\n    font-size: inherit;\n\n    &:hover {\n      text-decoration: none;\n    }\n\n    &:active,\n    &:focus {\n      background-color: rgba($dark-text-color, .1);\n    }\n  }\n\n  .button {\n    height: 36px;\n    padding: 0 16px;\n    margin-right: 10px;\n    font-size: 14px;\n  }\n}\n\n.compose-form__poll-wrapper {\n  border-top: 1px solid darken($simple-background-color, 8%);\n  overflow-x: hidden;\n\n  ul {\n    padding: 10px;\n  }\n\n  .poll__footer {\n    border-top: 1px solid darken($simple-background-color, 8%);\n    padding: 10px;\n    display: flex;\n    align-items: center;\n\n    button,\n    select {\n      width: 100%;\n      flex: 1 1 50%;\n\n      &:focus {\n        border-color: $highlight-text-color;\n      }\n    }\n  }\n\n  .button.button-secondary {\n    font-size: 14px;\n    font-weight: 400;\n    padding: 6px 10px;\n    height: auto;\n    line-height: inherit;\n    color: $action-button-color;\n    border-color: $action-button-color;\n    margin-right: 5px;\n  }\n\n  li {\n    display: flex;\n    align-items: center;\n\n    .poll__option {\n      flex: 0 0 auto;\n      width: calc(100% - (23px + 6px));\n      margin-right: 6px;\n    }\n  }\n\n  select {\n    appearance: none;\n    box-sizing: border-box;\n    font-size: 14px;\n    color: $inverted-text-color;\n    display: inline-block;\n    width: auto;\n    outline: 0;\n    font-family: inherit;\n    background: $simple-background-color url(\"data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14.933 18.467' height='19.698' width='15.929'><path d='M3.467 14.967l-3.393-3.5H14.86l-3.392 3.5c-1.866 1.925-3.666 3.5-4 3.5-.335 0-2.135-1.575-4-3.5zm.266-11.234L7.467 0 11.2 3.733l3.733 3.734H0l3.733-3.734z' fill='#{hex-color(darken($simple-background-color, 14%))}'/></svg>\") no-repeat right 8px center / auto 16px;\n    border: 1px solid darken($simple-background-color, 14%);\n    border-radius: 4px;\n    padding: 6px 10px;\n    padding-right: 30px;\n  }\n\n  .icon-button.disabled {\n    color: darken($simple-background-color, 14%);\n  }\n}\n\n.muted .poll {\n  color: $dark-text-color;\n\n  &__chart {\n    background: rgba(darken($ui-primary-color, 14%), 0.2);\n\n    &.leading {\n      background: rgba($ui-highlight-color, 0.2);\n    }\n  }\n}\n","$maximum-width: 1235px;\n$fluid-breakpoint: $maximum-width + 20px;\n$column-breakpoint: 700px;\n$small-breakpoint: 960px;\n\n.container {\n  box-sizing: border-box;\n  max-width: $maximum-width;\n  margin: 0 auto;\n  position: relative;\n\n  @media screen and (max-width: $fluid-breakpoint) {\n    width: 100%;\n    padding: 0 10px;\n  }\n}\n\n.rich-formatting {\n  font-family: $font-sans-serif, sans-serif;\n  font-size: 14px;\n  font-weight: 400;\n  line-height: 1.7;\n  word-wrap: break-word;\n  color: $darker-text-color;\n\n  a {\n    color: $highlight-text-color;\n    text-decoration: underline;\n\n    &:hover,\n    &:focus,\n    &:active {\n      text-decoration: none;\n    }\n  }\n\n  p,\n  li {\n    color: $darker-text-color;\n  }\n\n  p {\n    margin-top: 0;\n    margin-bottom: .85em;\n\n    &:last-child {\n      margin-bottom: 0;\n    }\n  }\n\n  strong {\n    font-weight: 700;\n    color: $secondary-text-color;\n  }\n\n  em {\n    font-style: italic;\n    color: $secondary-text-color;\n  }\n\n  code {\n    font-size: 0.85em;\n    background: darken($ui-base-color, 8%);\n    border-radius: 4px;\n    padding: 0.2em 0.3em;\n  }\n\n  h1,\n  h2,\n  h3,\n  h4,\n  h5,\n  h6 {\n    font-family: $font-display, sans-serif;\n    margin-top: 1.275em;\n    margin-bottom: .85em;\n    font-weight: 500;\n    color: $secondary-text-color;\n  }\n\n  h1 {\n    font-size: 2em;\n  }\n\n  h2 {\n    font-size: 1.75em;\n  }\n\n  h3 {\n    font-size: 1.5em;\n  }\n\n  h4 {\n    font-size: 1.25em;\n  }\n\n  h5,\n  h6 {\n    font-size: 1em;\n  }\n\n  ul {\n    list-style: disc;\n  }\n\n  ol {\n    list-style: decimal;\n  }\n\n  ul,\n  ol {\n    margin: 0;\n    padding: 0;\n    padding-left: 2em;\n    margin-bottom: 0.85em;\n\n    &[type='a'] {\n      list-style-type: lower-alpha;\n    }\n\n    &[type='i'] {\n      list-style-type: lower-roman;\n    }\n  }\n\n  hr {\n    width: 100%;\n    height: 0;\n    border: 0;\n    border-bottom: 1px solid lighten($ui-base-color, 4%);\n    margin: 1.7em 0;\n\n    &.spacer {\n      height: 1px;\n      border: 0;\n    }\n  }\n\n  table {\n    width: 100%;\n    border-collapse: collapse;\n    break-inside: auto;\n    margin-top: 24px;\n    margin-bottom: 32px;\n\n    thead tr,\n    tbody tr {\n      border-bottom: 1px solid lighten($ui-base-color, 4%);\n      font-size: 1em;\n      line-height: 1.625;\n      font-weight: 400;\n      text-align: left;\n      color: $darker-text-color;\n    }\n\n    thead tr {\n      border-bottom-width: 2px;\n      line-height: 1.5;\n      font-weight: 500;\n      color: $dark-text-color;\n    }\n\n    th,\n    td {\n      padding: 8px;\n      align-self: start;\n      align-items: start;\n      word-break: break-all;\n\n      &.nowrap {\n        width: 25%;\n        position: relative;\n\n        &::before {\n          content: '&nbsp;';\n          visibility: hidden;\n        }\n\n        span {\n          position: absolute;\n          left: 8px;\n          right: 8px;\n          white-space: nowrap;\n          overflow: hidden;\n          text-overflow: ellipsis;\n        }\n      }\n    }\n  }\n\n  & > :first-child {\n    margin-top: 0;\n  }\n}\n\n.information-board {\n  background: darken($ui-base-color, 4%);\n  padding: 20px 0;\n\n  .container-alt {\n    position: relative;\n    padding-right: 280px + 15px;\n  }\n\n  &__sections {\n    display: flex;\n    justify-content: space-between;\n    flex-wrap: wrap;\n  }\n\n  &__section {\n    flex: 1 0 0;\n    font-family: $font-sans-serif, sans-serif;\n    font-size: 16px;\n    line-height: 28px;\n    color: $primary-text-color;\n    text-align: right;\n    padding: 10px 15px;\n\n    span,\n    strong {\n      display: block;\n    }\n\n    span {\n      &:last-child {\n        color: $secondary-text-color;\n      }\n    }\n\n    strong {\n      font-family: $font-display, sans-serif;\n      font-weight: 500;\n      font-size: 32px;\n      line-height: 48px;\n    }\n\n    @media screen and (max-width: $column-breakpoint) {\n      text-align: center;\n    }\n  }\n\n  .panel {\n    position: absolute;\n    width: 280px;\n    box-sizing: border-box;\n    background: darken($ui-base-color, 8%);\n    padding: 20px;\n    padding-top: 10px;\n    border-radius: 4px 4px 0 0;\n    right: 0;\n    bottom: -40px;\n\n    .panel-header {\n      font-family: $font-display, sans-serif;\n      font-size: 14px;\n      line-height: 24px;\n      font-weight: 500;\n      color: $darker-text-color;\n      padding-bottom: 5px;\n      margin-bottom: 15px;\n      border-bottom: 1px solid lighten($ui-base-color, 4%);\n      text-overflow: ellipsis;\n      white-space: nowrap;\n      overflow: hidden;\n\n      a,\n      span {\n        font-weight: 400;\n        color: darken($darker-text-color, 10%);\n      }\n\n      a {\n        text-decoration: none;\n      }\n    }\n  }\n\n  .owner {\n    text-align: center;\n\n    .avatar {\n      width: 80px;\n      height: 80px;\n      @include avatar-size(80px);\n      margin: 0 auto;\n      margin-bottom: 15px;\n\n      img {\n        display: block;\n        width: 80px;\n        height: 80px;\n        border-radius: 48px;\n        @include avatar-radius();\n      }\n    }\n\n    .name {\n      font-size: 14px;\n\n      a {\n        display: block;\n        color: $primary-text-color;\n        text-decoration: none;\n\n        &:hover {\n          .display_name {\n            text-decoration: underline;\n          }\n        }\n      }\n\n      .username {\n        display: block;\n        color: $darker-text-color;\n      }\n    }\n  }\n}\n\n.landing-page {\n  p,\n  li {\n    font-family: $font-sans-serif, sans-serif;\n    font-size: 16px;\n    font-weight: 400;\n    font-size: 16px;\n    line-height: 30px;\n    margin-bottom: 12px;\n    color: $darker-text-color;\n\n    a {\n      color: $highlight-text-color;\n      text-decoration: underline;\n    }\n  }\n\n  em {\n    display: inline;\n    margin: 0;\n    padding: 0;\n    font-weight: 700;\n    background: transparent;\n    font-family: inherit;\n    font-size: inherit;\n    line-height: inherit;\n    color: lighten($darker-text-color, 10%);\n  }\n\n  h1 {\n    font-family: $font-display, sans-serif;\n    font-size: 26px;\n    line-height: 30px;\n    font-weight: 500;\n    margin-bottom: 20px;\n    color: $secondary-text-color;\n\n    small {\n      font-family: $font-sans-serif, sans-serif;\n      display: block;\n      font-size: 18px;\n      font-weight: 400;\n      color: lighten($darker-text-color, 10%);\n    }\n  }\n\n  h2 {\n    font-family: $font-display, sans-serif;\n    font-size: 22px;\n    line-height: 26px;\n    font-weight: 500;\n    margin-bottom: 20px;\n    color: $secondary-text-color;\n  }\n\n  h3 {\n    font-family: $font-display, sans-serif;\n    font-size: 18px;\n    line-height: 24px;\n    font-weight: 500;\n    margin-bottom: 20px;\n    color: $secondary-text-color;\n  }\n\n  h4 {\n    font-family: $font-display, sans-serif;\n    font-size: 16px;\n    line-height: 24px;\n    font-weight: 500;\n    margin-bottom: 20px;\n    color: $secondary-text-color;\n  }\n\n  h5 {\n    font-family: $font-display, sans-serif;\n    font-size: 14px;\n    line-height: 24px;\n    font-weight: 500;\n    margin-bottom: 20px;\n    color: $secondary-text-color;\n  }\n\n  h6 {\n    font-family: $font-display, sans-serif;\n    font-size: 12px;\n    line-height: 24px;\n    font-weight: 500;\n    margin-bottom: 20px;\n    color: $secondary-text-color;\n  }\n\n  ul,\n  ol {\n    margin-left: 20px;\n\n    &[type='a'] {\n      list-style-type: lower-alpha;\n    }\n\n    &[type='i'] {\n      list-style-type: lower-roman;\n    }\n  }\n\n  ul {\n    list-style: disc;\n  }\n\n  ol {\n    list-style: decimal;\n  }\n\n  li > ol,\n  li > ul {\n    margin-top: 6px;\n  }\n\n  hr {\n    width: 100%;\n    height: 0;\n    border: 0;\n    border-bottom: 1px solid rgba($ui-base-lighter-color, .6);\n    margin: 20px 0;\n\n    &.spacer {\n      height: 1px;\n      border: 0;\n    }\n  }\n\n  &__information,\n  &__forms {\n    padding: 20px;\n  }\n\n  &__call-to-action {\n    background: $ui-base-color;\n    border-radius: 4px;\n    padding: 25px 40px;\n    overflow: hidden;\n    box-sizing: border-box;\n\n    .row {\n      width: 100%;\n      display: flex;\n      flex-direction: row-reverse;\n      flex-wrap: nowrap;\n      justify-content: space-between;\n      align-items: center;\n    }\n\n    .row__information-board {\n      display: flex;\n      justify-content: flex-end;\n      align-items: flex-end;\n\n      .information-board__section {\n        flex: 1 0 auto;\n        padding: 0 10px;\n      }\n\n      @media screen and (max-width: $no-gap-breakpoint) {\n        width: 100%;\n        justify-content: space-between;\n      }\n    }\n\n    .row__mascot {\n      flex: 1;\n      margin: 10px -50px 0 0;\n\n      @media screen and (max-width: $no-gap-breakpoint) {\n        display: none;\n      }\n    }\n  }\n\n  &__logo {\n    margin-right: 20px;\n\n    img {\n      height: 50px;\n      width: auto;\n      mix-blend-mode: lighten;\n    }\n  }\n\n  &__information {\n    padding: 45px 40px;\n    margin-bottom: 10px;\n\n    &:last-child {\n      margin-bottom: 0;\n    }\n\n    strong {\n      font-weight: 500;\n      color: lighten($darker-text-color, 10%);\n    }\n\n    .account {\n      border-bottom: 0;\n      padding: 0;\n\n      &__display-name {\n        align-items: center;\n        display: flex;\n        margin-right: 5px;\n      }\n\n      div.account__display-name {\n        &:hover {\n          .display-name strong {\n            text-decoration: none;\n          }\n        }\n\n        .account__avatar {\n          cursor: default;\n        }\n      }\n\n      &__avatar-wrapper {\n        margin-left: 0;\n        flex: 0 0 auto;\n      }\n\n      &__avatar {\n        width: 44px;\n        height: 44px;\n        background-size: 44px 44px;\n        @include avatar-size(44px);\n      }\n\n      .display-name {\n        font-size: 15px;\n\n        &__account {\n          font-size: 14px;\n        }\n      }\n    }\n\n    @media screen and (max-width: $small-breakpoint) {\n      .contact {\n        margin-top: 30px;\n      }\n    }\n\n    @media screen and (max-width: $column-breakpoint) {\n      padding: 25px 20px;\n    }\n  }\n\n  &__information,\n  &__forms,\n  #mastodon-timeline {\n    box-sizing: border-box;\n    background: $ui-base-color;\n    border-radius: 4px;\n    box-shadow: 0 0 6px rgba($black, 0.1);\n  }\n\n  &__mascot {\n    height: 104px;\n    position: relative;\n    left: -40px;\n    bottom: 25px;\n\n    img {\n      height: 190px;\n      width: auto;\n    }\n  }\n\n  &__short-description {\n    .row {\n      display: flex;\n      flex-wrap: wrap;\n      align-items: center;\n      margin-bottom: 40px;\n    }\n\n    @media screen and (max-width: $column-breakpoint) {\n      .row {\n        margin-bottom: 20px;\n      }\n    }\n\n    p a {\n      color: $secondary-text-color;\n    }\n\n    h1 {\n      font-weight: 500;\n      color: $primary-text-color;\n      margin-bottom: 0;\n\n      small {\n        color: $darker-text-color;\n\n        span {\n          color: $secondary-text-color;\n        }\n      }\n    }\n\n    p:last-child {\n      margin-bottom: 0;\n    }\n  }\n\n  &__hero {\n    margin-bottom: 10px;\n\n    img {\n      display: block;\n      margin: 0;\n      max-width: 100%;\n      height: auto;\n      border-radius: 4px;\n    }\n  }\n\n  @media screen and (max-width: 840px) {\n    .information-board {\n      .container-alt {\n        padding-right: 20px;\n      }\n\n      .panel {\n        position: static;\n        margin-top: 20px;\n        width: 100%;\n        border-radius: 4px;\n\n        .panel-header {\n          text-align: center;\n        }\n      }\n    }\n  }\n\n  @media screen and (max-width: 675px) {\n    .header-wrapper {\n      padding-top: 0;\n\n      &.compact {\n        padding-bottom: 0;\n      }\n\n      &.compact .hero .heading {\n        text-align: initial;\n      }\n    }\n\n    .header .container-alt,\n    .features .container-alt {\n      display: block;\n    }\n  }\n\n  .cta {\n    margin: 20px;\n  }\n}\n\n.landing {\n  margin-bottom: 100px;\n\n  @media screen and (max-width: 738px) {\n    margin-bottom: 0;\n  }\n\n  &__brand {\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    padding: 50px;\n\n    svg {\n      fill: $primary-text-color;\n      height: 52px;\n    }\n\n    @media screen and (max-width: $no-gap-breakpoint) {\n      padding: 0;\n      margin-bottom: 30px;\n    }\n  }\n\n  .directory {\n    margin-top: 30px;\n    background: transparent;\n    box-shadow: none;\n    border-radius: 0;\n  }\n\n  .hero-widget {\n    margin-top: 30px;\n    margin-bottom: 0;\n\n    h4 {\n      padding: 10px;\n      text-transform: uppercase;\n      font-weight: 700;\n      font-size: 13px;\n      color: $darker-text-color;\n    }\n\n    &__text {\n      border-radius: 0;\n      padding-bottom: 0;\n    }\n\n    &__footer {\n      background: $ui-base-color;\n      padding: 10px;\n      border-radius: 0 0 4px 4px;\n      display: flex;\n\n      &__column {\n        flex: 1 1 50%;\n      }\n    }\n\n    .account {\n      padding: 10px 0;\n      border-bottom: 0;\n\n      .account__display-name {\n        display: flex;\n        align-items: center;\n      }\n\n      .account__avatar {\n        width: 44px;\n        height: 44px;\n        background-size: 44px 44px;\n      }\n    }\n\n    &__counter {\n      padding: 10px;\n\n      strong {\n        font-family: $font-display, sans-serif;\n        font-size: 15px;\n        font-weight: 700;\n        display: block;\n      }\n\n      span {\n        font-size: 14px;\n        color: $darker-text-color;\n      }\n    }\n  }\n\n  .simple_form .user_agreement .label_input > label {\n    font-weight: 400;\n    color: $darker-text-color;\n  }\n\n  .simple_form p.lead {\n    color: $darker-text-color;\n    font-size: 15px;\n    line-height: 20px;\n    font-weight: 400;\n    margin-bottom: 25px;\n  }\n\n  &__grid {\n    max-width: 960px;\n    margin: 0 auto;\n    display: grid;\n    grid-template-columns: minmax(0, 50%) minmax(0, 50%);\n    grid-gap: 30px;\n\n    @media screen and (max-width: 738px) {\n      grid-template-columns: minmax(0, 100%);\n      grid-gap: 10px;\n\n      &__column-login {\n        grid-row: 1;\n        display: flex;\n        flex-direction: column;\n\n        .box-widget {\n          order: 2;\n          flex: 0 0 auto;\n        }\n\n        .hero-widget {\n          margin-top: 0;\n          margin-bottom: 10px;\n          order: 1;\n          flex: 0 0 auto;\n        }\n      }\n\n      &__column-registration {\n        grid-row: 2;\n      }\n\n      .directory {\n        margin-top: 10px;\n      }\n    }\n\n    @media screen and (max-width: $no-gap-breakpoint) {\n      grid-gap: 0;\n\n      .hero-widget {\n        display: block;\n        margin-bottom: 0;\n        box-shadow: none;\n\n        &__img,\n        &__img img,\n        &__footer {\n          border-radius: 0;\n        }\n      }\n\n      .hero-widget,\n      .box-widget,\n      .directory__tag {\n        border-bottom: 1px solid lighten($ui-base-color, 8%);\n      }\n\n      .directory {\n        margin-top: 0;\n\n        &__tag {\n          margin-bottom: 0;\n\n          & > a,\n          & > div {\n            border-radius: 0;\n            box-shadow: none;\n          }\n\n          &:last-child {\n            border-bottom: 0;\n          }\n        }\n      }\n    }\n  }\n}\n\n.brand {\n  position: relative;\n  text-decoration: none;\n}\n\n.brand__tagline {\n  display: block;\n  position: absolute;\n  bottom: -10px;\n  left: 50px;\n  width: 300px;\n  color: $ui-primary-color;\n  text-decoration: none;\n  font-size: 14px;\n\n  @media screen and (max-width: $no-gap-breakpoint) {\n    position: static;\n    width: auto;\n    margin-top: 20px;\n    color: $dark-text-color;\n  }\n}\n\n",".table {\n  width: 100%;\n  max-width: 100%;\n  border-spacing: 0;\n  border-collapse: collapse;\n\n  th,\n  td {\n    padding: 8px;\n    line-height: 18px;\n    vertical-align: top;\n    border-top: 1px solid $ui-base-color;\n    text-align: left;\n    background: darken($ui-base-color, 4%);\n  }\n\n  & > thead > tr > th {\n    vertical-align: bottom;\n    border-bottom: 2px solid $ui-base-color;\n    border-top: 0;\n    font-weight: 500;\n  }\n\n  & > tbody > tr > th {\n    font-weight: 500;\n  }\n\n  & > tbody > tr:nth-child(odd) > td,\n  & > tbody > tr:nth-child(odd) > th {\n    background: $ui-base-color;\n  }\n\n  a {\n    color: $highlight-text-color;\n    text-decoration: underline;\n\n    &:hover {\n      text-decoration: none;\n    }\n  }\n\n  strong {\n    font-weight: 500;\n\n    @each $lang in $cjk-langs {\n      &:lang(#{$lang}) {\n        font-weight: 700;\n      }\n    }\n  }\n\n  &.inline-table {\n    & > tbody > tr:nth-child(odd) {\n      & > td,\n      & > th {\n        background: transparent;\n      }\n    }\n\n    & > tbody > tr:first-child {\n      & > td,\n      & > th {\n        border-top: 0;\n      }\n    }\n  }\n\n  &.batch-table {\n    & > thead > tr > th {\n      background: $ui-base-color;\n      border-top: 1px solid darken($ui-base-color, 8%);\n      border-bottom: 1px solid darken($ui-base-color, 8%);\n\n      &:first-child {\n        border-radius: 4px 0 0;\n        border-left: 1px solid darken($ui-base-color, 8%);\n      }\n\n      &:last-child {\n        border-radius: 0 4px 0 0;\n        border-right: 1px solid darken($ui-base-color, 8%);\n      }\n    }\n  }\n\n  &--invites tbody td {\n    vertical-align: middle;\n  }\n}\n\n.table-wrapper {\n  overflow: auto;\n  margin-bottom: 20px;\n}\n\nsamp {\n  font-family: $font-monospace, monospace;\n}\n\nbutton.table-action-link {\n  background: transparent;\n  border: 0;\n  font: inherit;\n}\n\nbutton.table-action-link,\na.table-action-link {\n  text-decoration: none;\n  display: inline-block;\n  margin-right: 5px;\n  padding: 0 10px;\n  color: $darker-text-color;\n  font-weight: 500;\n\n  &:hover {\n    color: $primary-text-color;\n  }\n\n  i.fa {\n    font-weight: 400;\n    margin-right: 5px;\n  }\n\n  &:first-child {\n    padding-left: 0;\n  }\n}\n\n.batch-table {\n  &__toolbar,\n  &__row {\n    display: flex;\n\n    &__select {\n      box-sizing: border-box;\n      padding: 8px 16px;\n      cursor: pointer;\n      min-height: 100%;\n\n      input {\n        margin-top: 8px;\n      }\n\n      &--aligned {\n        display: flex;\n        align-items: center;\n\n        input {\n          margin-top: 0;\n        }\n      }\n    }\n\n    &__actions,\n    &__content {\n      padding: 8px 0;\n      padding-right: 16px;\n      flex: 1 1 auto;\n    }\n  }\n\n  &__toolbar {\n    border: 1px solid darken($ui-base-color, 8%);\n    background: $ui-base-color;\n    border-radius: 4px 0 0;\n    height: 47px;\n    align-items: center;\n\n    &__actions {\n      text-align: right;\n      padding-right: 16px - 5px;\n    }\n  }\n\n  &__form {\n    padding: 16px;\n    border: 1px solid darken($ui-base-color, 8%);\n    border-top: 0;\n    background: $ui-base-color;\n\n    .fields-row {\n      padding-top: 0;\n      margin-bottom: 0;\n    }\n  }\n\n  &__row {\n    border: 1px solid darken($ui-base-color, 8%);\n    border-top: 0;\n    background: darken($ui-base-color, 4%);\n\n    @media screen and (max-width: $no-gap-breakpoint) {\n      .optional &:first-child {\n        border-top: 1px solid darken($ui-base-color, 8%);\n      }\n    }\n\n    &:hover {\n      background: darken($ui-base-color, 2%);\n    }\n\n    &:nth-child(even) {\n      background: $ui-base-color;\n\n      &:hover {\n        background: lighten($ui-base-color, 2%);\n      }\n    }\n\n    &__content {\n      padding-top: 12px;\n      padding-bottom: 16px;\n\n      &--unpadded {\n        padding: 0;\n      }\n\n      &--with-image {\n        display: flex;\n        align-items: center;\n      }\n\n      &__image {\n        flex: 0 0 auto;\n        display: flex;\n        justify-content: center;\n        align-items: center;\n        margin-right: 10px;\n\n        .emojione {\n          width: 32px;\n          height: 32px;\n        }\n      }\n\n      &__text {\n        flex: 1 1 auto;\n      }\n\n      &__extra {\n        flex: 0 0 auto;\n        text-align: right;\n        color: $darker-text-color;\n        font-weight: 500;\n      }\n    }\n\n    .directory__tag {\n      margin: 0;\n      width: 100%;\n\n      a {\n        background: transparent;\n        border-radius: 0;\n      }\n    }\n  }\n\n  &.optional .batch-table__toolbar,\n  &.optional .batch-table__row__select {\n    @media screen and (max-width: $no-gap-breakpoint) {\n      display: none;\n    }\n  }\n\n  .status__content {\n    padding-top: 0;\n\n    strong {\n      font-weight: 700;\n    }\n  }\n\n  .nothing-here {\n    border: 1px solid darken($ui-base-color, 8%);\n    border-top: 0;\n    box-shadow: none;\n\n    @media screen and (max-width: $no-gap-breakpoint) {\n      border-top: 1px solid darken($ui-base-color, 8%);\n    }\n  }\n\n  @media screen and (max-width: 870px) {\n    .accounts-table tbody td.optional {\n      display: none;\n    }\n  }\n}\n","$no-columns-breakpoint: 600px;\n$sidebar-width: 240px;\n$content-width: 840px;\n\n.admin-wrapper {\n  display: flex;\n  justify-content: center;\n  width: 100%;\n  min-height: 100vh;\n\n  .sidebar-wrapper {\n    min-height: 100vh;\n    overflow: hidden;\n    pointer-events: none;\n    flex: 1 1 auto;\n\n    &__inner {\n      display: flex;\n      justify-content: flex-end;\n      background: $ui-base-color;\n      height: 100%;\n    }\n  }\n\n  .sidebar {\n    width: $sidebar-width;\n    padding: 0;\n    pointer-events: auto;\n\n    &__toggle {\n      display: none;\n      background: lighten($ui-base-color, 8%);\n      height: 48px;\n\n      &__logo {\n        flex: 1 1 auto;\n\n        a {\n          display: inline-block;\n          padding: 15px;\n        }\n\n        svg {\n          fill: $primary-text-color;\n          height: 20px;\n          position: relative;\n          bottom: -2px;\n        }\n      }\n\n      &__icon {\n        display: block;\n        color: $darker-text-color;\n        text-decoration: none;\n        flex: 0 0 auto;\n        font-size: 20px;\n        padding: 15px;\n      }\n\n      a {\n        &:hover,\n        &:focus,\n        &:active {\n          background: lighten($ui-base-color, 12%);\n        }\n      }\n    }\n\n    .logo {\n      display: block;\n      margin: 40px auto;\n      width: 100px;\n      height: 100px;\n    }\n\n    @media screen and (max-width: $no-columns-breakpoint) {\n      & > a:first-child {\n        display: none;\n      }\n    }\n\n    ul {\n      list-style: none;\n      border-radius: 4px 0 0 4px;\n      overflow: hidden;\n      margin-bottom: 20px;\n\n      @media screen and (max-width: $no-columns-breakpoint) {\n        margin-bottom: 0;\n      }\n\n      a {\n        display: block;\n        padding: 15px;\n        color: $darker-text-color;\n        text-decoration: none;\n        transition: all 200ms linear;\n        transition-property: color, background-color;\n        border-radius: 4px 0 0 4px;\n        white-space: nowrap;\n        overflow: hidden;\n        text-overflow: ellipsis;\n\n        i.fa {\n          margin-right: 5px;\n        }\n\n        &:hover {\n          color: $primary-text-color;\n          background-color: darken($ui-base-color, 5%);\n          transition: all 100ms linear;\n          transition-property: color, background-color;\n        }\n\n        &.selected {\n          background: darken($ui-base-color, 2%);\n          border-radius: 4px 0 0;\n        }\n      }\n\n      ul {\n        background: darken($ui-base-color, 4%);\n        border-radius: 0 0 0 4px;\n        margin: 0;\n\n        a {\n          border: 0;\n          padding: 15px 35px;\n        }\n      }\n\n      .simple-navigation-active-leaf a {\n        color: $primary-text-color;\n        background-color: $ui-highlight-color;\n        border-bottom: 0;\n        border-radius: 0;\n\n        &:hover {\n          background-color: lighten($ui-highlight-color, 5%);\n        }\n      }\n    }\n\n    & > ul > .simple-navigation-active-leaf a {\n      border-radius: 4px 0 0 4px;\n    }\n  }\n\n  .content-wrapper {\n    box-sizing: border-box;\n    width: 100%;\n    max-width: $content-width;\n    flex: 1 1 auto;\n  }\n\n  @media screen and (max-width: $content-width + $sidebar-width) {\n    .sidebar-wrapper--empty {\n      display: none;\n    }\n\n    .sidebar-wrapper {\n      width: $sidebar-width;\n      flex: 0 0 auto;\n    }\n  }\n\n  @media screen and (max-width: $no-columns-breakpoint) {\n    .sidebar-wrapper {\n      width: 100%;\n    }\n  }\n\n  .content {\n    padding: 20px 15px;\n    padding-top: 60px;\n    padding-left: 25px;\n\n    @media screen and (max-width: $no-columns-breakpoint) {\n      max-width: none;\n      padding: 15px;\n      padding-top: 30px;\n    }\n\n    &-heading {\n      display: flex;\n\n      padding-bottom: 40px;\n      border-bottom: 1px solid lighten($ui-base-color, 8%);\n\n      margin: -15px -15px 40px 0;\n\n      flex-wrap: wrap;\n      align-items: center;\n      justify-content: space-between;\n\n      & > * {\n        margin-top: 15px;\n        margin-right: 15px;\n      }\n\n      &-actions {\n        display: inline-flex;\n\n        & > :not(:first-child) {\n          margin-left: 5px;\n        }\n      }\n\n      @media screen and (max-width: $no-columns-breakpoint) {\n        border-bottom: 0;\n        padding-bottom: 0;\n      }\n    }\n\n    h2 {\n      color: $secondary-text-color;\n      font-size: 24px;\n      line-height: 28px;\n      font-weight: 400;\n\n      @media screen and (max-width: $no-columns-breakpoint) {\n        font-weight: 700;\n      }\n    }\n\n    h3 {\n      color: $secondary-text-color;\n      font-size: 20px;\n      line-height: 28px;\n      font-weight: 400;\n      margin-bottom: 30px;\n    }\n\n    h4 {\n      text-transform: uppercase;\n      font-size: 13px;\n      font-weight: 700;\n      color: $darker-text-color;\n      padding-bottom: 8px;\n      margin-bottom: 8px;\n      border-bottom: 1px solid lighten($ui-base-color, 8%);\n    }\n\n    h6 {\n      font-size: 16px;\n      color: $secondary-text-color;\n      line-height: 28px;\n      font-weight: 500;\n    }\n\n    .fields-group h6 {\n      color: $primary-text-color;\n      font-weight: 500;\n    }\n\n    .directory__tag > a,\n    .directory__tag > div {\n      box-shadow: none;\n    }\n\n    .directory__tag .table-action-link .fa {\n      color: inherit;\n    }\n\n    .directory__tag h4 {\n      font-size: 18px;\n      font-weight: 700;\n      color: $primary-text-color;\n      text-transform: none;\n      padding-bottom: 0;\n      margin-bottom: 0;\n      border-bottom: none;\n    }\n\n    & > p {\n      font-size: 14px;\n      line-height: 21px;\n      color: $secondary-text-color;\n      margin-bottom: 20px;\n\n      strong {\n        color: $primary-text-color;\n        font-weight: 500;\n\n        @each $lang in $cjk-langs {\n          &:lang(#{$lang}) {\n            font-weight: 700;\n          }\n        }\n      }\n    }\n\n    hr {\n      width: 100%;\n      height: 0;\n      border: 0;\n      border-bottom: 1px solid rgba($ui-base-lighter-color, .6);\n      margin: 20px 0;\n\n      &.spacer {\n        height: 1px;\n        border: 0;\n      }\n    }\n  }\n\n  @media screen and (max-width: $no-columns-breakpoint) {\n    display: block;\n\n    .sidebar-wrapper {\n      min-height: 0;\n    }\n\n    .sidebar {\n      width: 100%;\n      padding: 0;\n      height: auto;\n\n      &__toggle {\n        display: flex;\n      }\n\n      & > ul {\n        display: none;\n      }\n\n      ul a,\n      ul ul a {\n        border-radius: 0;\n        border-bottom: 1px solid lighten($ui-base-color, 4%);\n        transition: none;\n\n        &:hover {\n          transition: none;\n        }\n      }\n\n      ul ul {\n        border-radius: 0;\n      }\n\n      ul .simple-navigation-active-leaf a {\n        border-bottom-color: $ui-highlight-color;\n      }\n    }\n  }\n}\n\nhr.spacer {\n  width: 100%;\n  border: 0;\n  margin: 20px 0;\n  height: 1px;\n}\n\nbody,\n.admin-wrapper .content {\n  .muted-hint {\n    color: $darker-text-color;\n\n    a {\n      color: $highlight-text-color;\n    }\n  }\n\n  .positive-hint {\n    color: $valid-value-color;\n    font-weight: 500;\n  }\n\n  .negative-hint {\n    color: $error-value-color;\n    font-weight: 500;\n  }\n\n  .neutral-hint {\n    color: $dark-text-color;\n    font-weight: 500;\n  }\n\n  .warning-hint {\n    color: $gold-star;\n    font-weight: 500;\n  }\n}\n\n.filters {\n  display: flex;\n  flex-wrap: wrap;\n\n  .filter-subset {\n    flex: 0 0 auto;\n    margin: 0 40px 20px 0;\n\n    &:last-child {\n      margin-bottom: 30px;\n    }\n\n    ul {\n      margin-top: 5px;\n      list-style: none;\n\n      li {\n        display: inline-block;\n        margin-right: 5px;\n      }\n    }\n\n    strong {\n      font-weight: 500;\n      text-transform: uppercase;\n      font-size: 12px;\n\n      @each $lang in $cjk-langs {\n        &:lang(#{$lang}) {\n          font-weight: 700;\n        }\n      }\n    }\n\n    &--with-select strong {\n      display: block;\n      margin-bottom: 10px;\n    }\n\n    a {\n      display: inline-block;\n      color: $darker-text-color;\n      text-decoration: none;\n      text-transform: uppercase;\n      font-size: 12px;\n      font-weight: 500;\n      border-bottom: 2px solid $ui-base-color;\n\n      &:hover {\n        color: $primary-text-color;\n        border-bottom: 2px solid lighten($ui-base-color, 5%);\n      }\n\n      &.selected {\n        color: $highlight-text-color;\n        border-bottom: 2px solid $ui-highlight-color;\n      }\n    }\n  }\n}\n\n.flavour-screen {\n  display: block;\n  margin: 10px auto;\n  max-width: 100%;\n}\n\n.flavour-description {\n  display: block;\n  font-size: 16px;\n  margin: 10px 0;\n\n  & > p {\n    margin: 10px 0;\n  }\n}\n\n.report-accounts {\n  display: flex;\n  flex-wrap: wrap;\n  margin-bottom: 20px;\n}\n\n.report-accounts__item {\n  display: flex;\n  flex: 250px;\n  flex-direction: column;\n  margin: 0 5px;\n\n  & > strong {\n    display: block;\n    margin: 0 0 10px -5px;\n    font-weight: 500;\n    font-size: 14px;\n    line-height: 18px;\n    color: $secondary-text-color;\n\n    @each $lang in $cjk-langs {\n      &:lang(#{$lang}) {\n        font-weight: 700;\n      }\n    }\n  }\n\n  .account-card {\n    flex: 1 1 auto;\n  }\n}\n\n.report-status,\n.account-status {\n  display: flex;\n  margin-bottom: 10px;\n\n  .activity-stream {\n    flex: 2 0 0;\n    margin-right: 20px;\n    max-width: calc(100% - 60px);\n\n    .entry {\n      border-radius: 4px;\n    }\n  }\n}\n\n.report-status__actions,\n.account-status__actions {\n  flex: 0 0 auto;\n  display: flex;\n  flex-direction: column;\n\n  .icon-button {\n    font-size: 24px;\n    width: 24px;\n    text-align: center;\n    margin-bottom: 10px;\n  }\n}\n\n.simple_form.new_report_note,\n.simple_form.new_account_moderation_note {\n  max-width: 100%;\n}\n\n.batch-form-box {\n  display: flex;\n  flex-wrap: wrap;\n  margin-bottom: 5px;\n\n  #form_status_batch_action {\n    margin: 0 5px 5px 0;\n    font-size: 14px;\n  }\n\n  input.button {\n    margin: 0 5px 5px 0;\n  }\n\n  .media-spoiler-toggle-buttons {\n    margin-left: auto;\n\n    .button {\n      overflow: visible;\n      margin: 0 0 5px 5px;\n      float: right;\n    }\n  }\n}\n\n.back-link {\n  margin-bottom: 10px;\n  font-size: 14px;\n\n  a {\n    color: $highlight-text-color;\n    text-decoration: none;\n\n    &:hover {\n      text-decoration: underline;\n    }\n  }\n}\n\n.spacer {\n  flex: 1 1 auto;\n}\n\n.log-entry {\n  line-height: 20px;\n  padding: 15px 0;\n  background: $ui-base-color;\n  border-bottom: 1px solid lighten($ui-base-color, 4%);\n\n  &:last-child {\n    border-bottom: 0;\n  }\n\n  &__header {\n    display: flex;\n    justify-content: flex-start;\n    align-items: center;\n    color: $darker-text-color;\n    font-size: 14px;\n    padding: 0 10px;\n  }\n\n  &__avatar {\n    margin-right: 10px;\n\n    .avatar {\n      display: block;\n      margin: 0;\n      border-radius: 50%;\n      width: 40px;\n      height: 40px;\n    }\n  }\n\n  &__content {\n    max-width: calc(100% - 90px);\n  }\n\n  &__title {\n    word-wrap: break-word;\n  }\n\n  &__timestamp {\n    color: $dark-text-color;\n  }\n\n  a,\n  .username,\n  .target {\n    color: $secondary-text-color;\n    text-decoration: none;\n    font-weight: 500;\n  }\n}\n\na.name-tag,\n.name-tag,\na.inline-name-tag,\n.inline-name-tag {\n  text-decoration: none;\n  color: $secondary-text-color;\n\n  .username {\n    font-weight: 500;\n  }\n\n  &.suspended {\n    .username {\n      text-decoration: line-through;\n      color: lighten($error-red, 12%);\n    }\n\n    .avatar {\n      filter: grayscale(100%);\n      opacity: 0.8;\n    }\n  }\n}\n\na.name-tag,\n.name-tag {\n  display: flex;\n  align-items: center;\n\n  .avatar {\n    display: block;\n    margin: 0;\n    margin-right: 5px;\n    border-radius: 50%;\n  }\n\n  &.suspended {\n    .avatar {\n      filter: grayscale(100%);\n      opacity: 0.8;\n    }\n  }\n}\n\n.speech-bubble {\n  margin-bottom: 20px;\n  border-left: 4px solid $ui-highlight-color;\n\n  &.positive {\n    border-left-color: $success-green;\n  }\n\n  &.negative {\n    border-left-color: lighten($error-red, 12%);\n  }\n\n  &.warning {\n    border-left-color: $gold-star;\n  }\n\n  &__bubble {\n    padding: 16px;\n    padding-left: 14px;\n    font-size: 15px;\n    line-height: 20px;\n    border-radius: 4px 4px 4px 0;\n    position: relative;\n    font-weight: 500;\n\n    a {\n      color: $darker-text-color;\n    }\n  }\n\n  &__owner {\n    padding: 8px;\n    padding-left: 12px;\n  }\n\n  time {\n    color: $dark-text-color;\n  }\n}\n\n.report-card {\n  background: $ui-base-color;\n  border-radius: 4px;\n  margin-bottom: 20px;\n\n  &__profile {\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    padding: 15px;\n\n    .account {\n      padding: 0;\n      border: 0;\n\n      &__avatar-wrapper {\n        margin-left: 0;\n      }\n    }\n\n    &__stats {\n      flex: 0 0 auto;\n      font-weight: 500;\n      color: $darker-text-color;\n      text-transform: uppercase;\n      text-align: right;\n\n      a {\n        color: inherit;\n        text-decoration: none;\n\n        &:focus,\n        &:hover,\n        &:active {\n          color: lighten($darker-text-color, 8%);\n        }\n      }\n\n      .red {\n        color: $error-value-color;\n      }\n    }\n  }\n\n  &__summary {\n    &__item {\n      display: flex;\n      justify-content: flex-start;\n      border-top: 1px solid darken($ui-base-color, 4%);\n\n      &:hover {\n        background: lighten($ui-base-color, 2%);\n      }\n\n      &__reported-by,\n      &__assigned {\n        padding: 15px;\n        flex: 0 0 auto;\n        box-sizing: border-box;\n        width: 150px;\n        color: $darker-text-color;\n\n        &,\n        .username {\n          white-space: nowrap;\n          overflow: hidden;\n          text-overflow: ellipsis;\n        }\n      }\n\n      &__content {\n        flex: 1 1 auto;\n        max-width: calc(100% - 300px);\n\n        &__icon {\n          color: $dark-text-color;\n          margin-right: 4px;\n          font-weight: 500;\n        }\n      }\n\n      &__content a {\n        display: block;\n        box-sizing: border-box;\n        width: 100%;\n        padding: 15px;\n        text-decoration: none;\n        color: $darker-text-color;\n      }\n    }\n  }\n}\n\n.one-line {\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n}\n\n.ellipsized-ip {\n  display: inline-block;\n  max-width: 120px;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  vertical-align: middle;\n}\n\n.admin-account-bio {\n  display: flex;\n  flex-wrap: wrap;\n  margin: 0 -5px;\n  margin-top: 20px;\n\n  > div {\n    box-sizing: border-box;\n    padding: 0 5px;\n    margin-bottom: 10px;\n    flex: 1 0 50%;\n  }\n\n  .account__header__fields,\n  .account__header__content {\n    background: lighten($ui-base-color, 8%);\n    border-radius: 4px;\n    height: 100%;\n  }\n\n  .account__header__fields {\n    margin: 0;\n    border: 0;\n\n    a {\n      color: lighten($ui-highlight-color, 8%);\n    }\n\n    dl:first-child .verified {\n      border-radius: 0 4px 0 0;\n    }\n\n    .verified a {\n      color: $valid-value-color;\n    }\n  }\n\n  .account__header__content {\n    box-sizing: border-box;\n    padding: 20px;\n    color: $primary-text-color;\n  }\n}\n\n.center-text {\n  text-align: center;\n}\n\n.announcements-list {\n  border: 1px solid lighten($ui-base-color, 4%);\n  border-radius: 4px;\n\n  &__item {\n    padding: 15px 0;\n    background: $ui-base-color;\n    border-bottom: 1px solid lighten($ui-base-color, 4%);\n\n    &__title {\n      padding: 0 15px;\n      display: block;\n      font-weight: 500;\n      font-size: 18px;\n      line-height: 1.5;\n      color: $secondary-text-color;\n      text-decoration: none;\n      margin-bottom: 10px;\n\n      &:hover,\n      &:focus,\n      &:active {\n        color: $primary-text-color;\n      }\n    }\n\n    &__meta {\n      padding: 0 15px;\n      color: $dark-text-color;\n    }\n\n    &__action-bar {\n      display: flex;\n      justify-content: space-between;\n      align-items: center;\n    }\n\n    &:last-child {\n      border-bottom: 0;\n    }\n  }\n}\n","$emojis-requiring-outlines: '8ball' 'ant' 'back' 'black_circle' 'black_heart' 'black_large_square' 'black_medium_small_square' 'black_medium_square' 'black_nib' 'black_small_square' 'bomb' 'bowling' 'bust_in_silhouette' 'busts_in_silhouette' 'camera' 'camera_with_flash' 'clubs' 'copyright' 'curly_loop' 'currency_exchange' 'dark_sunglasses' 'eight_pointed_black_star' 'electric_plug' 'end' 'female-guard' 'film_projector' 'fried_egg' 'gorilla' 'guardsman' 'heavy_check_mark' 'heavy_division_sign' 'heavy_dollar_sign' 'heavy_minus_sign' 'heavy_multiplication_x' 'heavy_plus_sign' 'hocho' 'hole' 'joystick' 'kaaba' 'lower_left_ballpoint_pen' 'lower_left_fountain_pen' 'male-guard' 'microphone' 'mortar_board' 'movie_camera' 'musical_score' 'on' 'registered' 'soon' 'spades' 'speaking_head_in_silhouette' 'spider' 'telephone_receiver' 'tm' 'top' 'tophat' 'turkey' 'vhs' 'video_camera' 'video_game' 'water_buffalo' 'waving_black_flag' 'wavy_dash' !default;\n\n%emoji-outline {\n  filter: drop-shadow(1px 1px 0 $primary-text-color) drop-shadow(-1px 1px 0 $primary-text-color) drop-shadow(1px -1px 0 $primary-text-color) drop-shadow(-1px -1px 0 $primary-text-color);\n}\n\n.emojione {\n  @each $emoji in $emojis-requiring-outlines {\n    &[title=':#{$emoji}:'] {\n      @extend %emoji-outline;\n    }\n  }\n}\n\n.hicolor-privacy-icons {\n  .status__visibility-icon.fa-globe,\n  .composer--options--dropdown--content--item .fa-globe {\n    color: #1976D2;\n  }\n\n  .status__visibility-icon.fa-unlock,\n  .composer--options--dropdown--content--item .fa-unlock {\n    color: #388E3C;\n  }\n\n  .status__visibility-icon.fa-lock,\n  .composer--options--dropdown--content--item .fa-lock {\n    color: #FFA000;\n  }\n\n  .status__visibility-icon.fa-envelope,\n  .composer--options--dropdown--content--item .fa-envelope {\n    color: #D32F2F;\n  }\n}\n","body.rtl {\n  direction: rtl;\n\n  .column-header > button {\n    text-align: right;\n    padding-left: 0;\n    padding-right: 15px;\n  }\n\n  .radio-button__input {\n    margin-right: 0;\n    margin-left: 10px;\n  }\n\n  .directory__card__bar .display-name {\n    margin-left: 0;\n    margin-right: 15px;\n  }\n\n  .display-name {\n    text-align: right;\n  }\n\n  .notification__message {\n    margin-left: 0;\n    margin-right: 68px;\n  }\n\n  .drawer__inner__mastodon > img {\n    transform: scaleX(-1);\n  }\n\n  .notification__favourite-icon-wrapper {\n    left: auto;\n    right: -26px;\n  }\n\n  .landing-page__logo {\n    margin-right: 0;\n    margin-left: 20px;\n  }\n\n  .landing-page .features-list .features-list__row .visual {\n    margin-left: 0;\n    margin-right: 15px;\n  }\n\n  .column-link__icon,\n  .column-header__icon {\n    margin-right: 0;\n    margin-left: 5px;\n  }\n\n  .compose-form .compose-form__buttons-wrapper .character-counter__wrapper {\n    margin-right: 0;\n    margin-left: 4px;\n  }\n\n  .composer--publisher {\n    text-align: left;\n  }\n\n  .boost-modal__status-time,\n  .favourite-modal__status-time {\n    float: left;\n  }\n\n  .navigation-bar__profile {\n    margin-left: 0;\n    margin-right: 8px;\n  }\n\n  .search__input {\n    padding-right: 10px;\n    padding-left: 30px;\n  }\n\n  .search__icon .fa {\n    right: auto;\n    left: 10px;\n  }\n\n  .columns-area {\n    direction: rtl;\n  }\n\n  .column-header__buttons {\n    left: 0;\n    right: auto;\n    margin-left: 0;\n    margin-right: -15px;\n  }\n\n  .column-inline-form .icon-button {\n    margin-left: 0;\n    margin-right: 5px;\n  }\n\n  .column-header__links .text-btn {\n    margin-left: 10px;\n    margin-right: 0;\n  }\n\n  .account__avatar-wrapper {\n    float: right;\n  }\n\n  .column-header__back-button {\n    padding-left: 5px;\n    padding-right: 0;\n  }\n\n  .column-header__setting-arrows {\n    float: left;\n  }\n\n  .setting-toggle__label {\n    margin-left: 0;\n    margin-right: 8px;\n  }\n\n  .setting-meta__label {\n    float: left;\n  }\n\n  .status__avatar {\n    margin-left: 10px;\n    margin-right: 0;\n\n    // Those are used for public pages\n    left: auto;\n    right: 10px;\n  }\n\n  .activity-stream .status.light {\n    padding-left: 10px;\n    padding-right: 68px;\n  }\n\n  .status__info .status__display-name,\n  .activity-stream .status.light .status__display-name {\n    padding-left: 25px;\n    padding-right: 0;\n  }\n\n  .activity-stream .pre-header {\n    padding-right: 68px;\n    padding-left: 0;\n  }\n\n  .status__prepend {\n    margin-left: 0;\n    margin-right: 58px;\n  }\n\n  .status__prepend-icon-wrapper {\n    left: auto;\n    right: -26px;\n  }\n\n  .activity-stream .pre-header .pre-header__icon {\n    left: auto;\n    right: 42px;\n  }\n\n  .account__avatar-overlay-overlay {\n    right: auto;\n    left: 0;\n  }\n\n  .column-back-button--slim-button {\n    right: auto;\n    left: 0;\n  }\n\n  .status__relative-time,\n  .activity-stream .status.light .status__header .status__meta {\n    float: left;\n    text-align: left;\n  }\n\n  .status__action-bar {\n    &__counter {\n      margin-right: 0;\n      margin-left: 11px;\n\n      .status__action-bar-button {\n        margin-right: 0;\n        margin-left: 4px;\n      }\n    }\n  }\n\n  .status__action-bar-button {\n    float: right;\n    margin-right: 0;\n    margin-left: 18px;\n  }\n\n  .status__action-bar-dropdown {\n    float: right;\n  }\n\n  .privacy-dropdown__dropdown {\n    margin-left: 0;\n    margin-right: 40px;\n  }\n\n  .privacy-dropdown__option__icon {\n    margin-left: 10px;\n    margin-right: 0;\n  }\n\n  .detailed-status__display-name .display-name {\n    text-align: right;\n  }\n\n  .detailed-status__display-avatar {\n    margin-right: 0;\n    margin-left: 10px;\n    float: right;\n  }\n\n  .detailed-status__favorites,\n  .detailed-status__reblogs {\n    margin-left: 0;\n    margin-right: 6px;\n  }\n\n  .fa-ul {\n    margin-left: 2.14285714em;\n  }\n\n  .fa-li {\n    left: auto;\n    right: -2.14285714em;\n  }\n\n  .admin-wrapper {\n    direction: rtl;\n  }\n\n  .admin-wrapper .sidebar ul a i.fa,\n  a.table-action-link i.fa {\n    margin-right: 0;\n    margin-left: 5px;\n  }\n\n  .simple_form .check_boxes .checkbox label {\n    padding-left: 0;\n    padding-right: 25px;\n  }\n\n  .simple_form .input.with_label.boolean label.checkbox {\n    padding-left: 25px;\n    padding-right: 0;\n  }\n\n  .simple_form .check_boxes .checkbox input[type=\"checkbox\"],\n  .simple_form .input.boolean input[type=\"checkbox\"] {\n    left: auto;\n    right: 0;\n  }\n\n  .simple_form .input.radio_buttons .radio {\n    left: auto;\n    right: 0;\n  }\n\n  .simple_form .input.radio_buttons .radio > label {\n    padding-right: 28px;\n    padding-left: 0;\n  }\n\n  .simple_form .input-with-append .input input {\n    padding-left: 142px;\n    padding-right: 0;\n  }\n\n  .simple_form .input.boolean label.checkbox {\n    left: auto;\n    right: 0;\n  }\n\n  .simple_form .input.boolean .label_input,\n  .simple_form .input.boolean .hint {\n    padding-left: 0;\n    padding-right: 28px;\n  }\n\n  .simple_form .label_input__append {\n    right: auto;\n    left: 3px;\n\n    &::after {\n      right: auto;\n      left: 0;\n      background-image: linear-gradient(to left, rgba(darken($ui-base-color, 10%), 0), darken($ui-base-color, 10%));\n    }\n  }\n\n  .simple_form select {\n    background: darken($ui-base-color, 10%) url(\"data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14.933 18.467' height='19.698' width='15.929'><path d='M3.467 14.967l-3.393-3.5H14.86l-3.392 3.5c-1.866 1.925-3.666 3.5-4 3.5-.335 0-2.135-1.575-4-3.5zm.266-11.234L7.467 0 11.2 3.733l3.733 3.734H0l3.733-3.734z' fill='#{hex-color(lighten($ui-base-color, 12%))}'/></svg>\") no-repeat left 8px center / auto 16px;\n  }\n\n  .table th,\n  .table td {\n    text-align: right;\n  }\n\n  .filters .filter-subset {\n    margin-right: 0;\n    margin-left: 45px;\n  }\n\n  .landing-page .header-wrapper .mascot {\n    right: 60px;\n    left: auto;\n  }\n\n  .landing-page__call-to-action .row__information-board {\n    direction: rtl;\n  }\n\n  .landing-page .header .hero .floats .float-1 {\n    left: -120px;\n    right: auto;\n  }\n\n  .landing-page .header .hero .floats .float-2 {\n    left: 210px;\n    right: auto;\n  }\n\n  .landing-page .header .hero .floats .float-3 {\n    left: 110px;\n    right: auto;\n  }\n\n  .landing-page .header .links .brand img {\n    left: 0;\n  }\n\n  .landing-page .fa-external-link {\n    padding-right: 5px;\n    padding-left: 0 !important;\n  }\n\n  .landing-page .features #mastodon-timeline {\n    margin-right: 0;\n    margin-left: 30px;\n  }\n\n  @media screen and (min-width: 631px) {\n    .column,\n    .drawer {\n      padding-left: 5px;\n      padding-right: 5px;\n\n      &:first-child {\n        padding-left: 5px;\n        padding-right: 10px;\n      }\n    }\n\n    .columns-area > div {\n      .column,\n      .drawer {\n        padding-left: 5px;\n        padding-right: 5px;\n      }\n    }\n  }\n\n  .columns-area--mobile .column,\n  .columns-area--mobile .drawer {\n    padding-left: 0;\n    padding-right: 0;\n  }\n\n  .public-layout {\n    .header {\n      .nav-button {\n        margin-left: 8px;\n        margin-right: 0;\n      }\n    }\n\n    .public-account-header__tabs {\n      margin-left: 0;\n      margin-right: 20px;\n    }\n  }\n\n  .landing-page__information {\n    .account__display-name {\n      margin-right: 0;\n      margin-left: 5px;\n    }\n\n    .account__avatar-wrapper {\n      margin-left: 12px;\n      margin-right: 0;\n    }\n  }\n\n  .card__bar .display-name {\n    margin-left: 0;\n    margin-right: 15px;\n    text-align: right;\n  }\n\n  .fa-chevron-left::before {\n    content: \"\\F054\";\n  }\n\n  .fa-chevron-right::before {\n    content: \"\\F053\";\n  }\n\n  .column-back-button__icon {\n    margin-right: 0;\n    margin-left: 5px;\n  }\n\n  .column-header__setting-arrows .column-header__setting-btn:last-child {\n    padding-left: 0;\n    padding-right: 10px;\n  }\n\n  .simple_form .input.radio_buttons .radio > label input {\n    left: auto;\n    right: 0;\n  }\n}\n",".dashboard__counters {\n  display: flex;\n  flex-wrap: wrap;\n  margin: 0 -5px;\n  margin-bottom: 20px;\n\n  & > div {\n    box-sizing: border-box;\n    flex: 0 0 33.333%;\n    padding: 0 5px;\n    margin-bottom: 10px;\n\n    & > div,\n    & > a {\n      padding: 20px;\n      background: lighten($ui-base-color, 4%);\n      border-radius: 4px;\n      box-sizing: border-box;\n      height: 100%;\n    }\n\n    & > a {\n      text-decoration: none;\n      color: inherit;\n      display: block;\n\n      &:hover,\n      &:focus,\n      &:active {\n        background: lighten($ui-base-color, 8%);\n      }\n    }\n  }\n\n  &__num,\n  &__text {\n    text-align: center;\n    font-weight: 500;\n    font-size: 24px;\n    line-height: 21px;\n    color: $primary-text-color;\n    font-family: $font-display, sans-serif;\n    margin-bottom: 20px;\n    line-height: 30px;\n  }\n\n  &__text {\n    font-size: 18px;\n  }\n\n  &__label {\n    font-size: 14px;\n    color: $darker-text-color;\n    text-align: center;\n    font-weight: 500;\n  }\n}\n\n.dashboard__widgets {\n  display: flex;\n  flex-wrap: wrap;\n  margin: 0 -5px;\n\n  & > div {\n    flex: 0 0 33.333%;\n    margin-bottom: 20px;\n\n    & > div {\n      padding: 0 5px;\n    }\n  }\n\n  a:not(.name-tag) {\n    color: $ui-secondary-color;\n    font-weight: 500;\n    text-decoration: none;\n  }\n}\n"],"sourceRoot":""}
\ No newline at end of file
diff --git a/priv/static/packs/flavours/glitch/common.js b/priv/static/packs/flavours/glitch/common.js
index ac5adaf84..6535dc828 100644
Binary files a/priv/static/packs/flavours/glitch/common.js and b/priv/static/packs/flavours/glitch/common.js differ
diff --git a/priv/static/packs/flavours/glitch/common.js.map b/priv/static/packs/flavours/glitch/common.js.map
index f079b32e5..4090e336c 100644
Binary files a/priv/static/packs/flavours/glitch/common.js.map and b/priv/static/packs/flavours/glitch/common.js.map differ
diff --git a/priv/static/packs/flavours/glitch/embed.js b/priv/static/packs/flavours/glitch/embed.js
index d72d5eb4a..fa84055a4 100644
Binary files a/priv/static/packs/flavours/glitch/embed.js and b/priv/static/packs/flavours/glitch/embed.js differ
diff --git a/priv/static/packs/flavours/glitch/public.js.LICENSE b/priv/static/packs/flavours/glitch/embed.js.LICENSE.txt
similarity index 91%
rename from priv/static/packs/flavours/glitch/public.js.LICENSE
rename to priv/static/packs/flavours/glitch/embed.js.LICENSE.txt
index 448b94017..2196b2def 100644
--- a/priv/static/packs/flavours/glitch/public.js.LICENSE
+++ b/priv/static/packs/flavours/glitch/embed.js.LICENSE.txt
@@ -1,22 +1,10 @@
-/** @license React v16.12.0
- * react.production.min.js
- *
- * Copyright (c) Facebook, Inc. and its affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
+/*
+object-assign
+(c) Sindre Sorhus
+@license MIT
+*/
 
-/** @license React v16.12.0
- * react-dom.production.min.js
- *
- * Copyright (c) Facebook, Inc. and its affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-
-/** @license React v0.18.0
+/** @license React v0.19.0
  * scheduler.production.min.js
  *
  * Copyright (c) Facebook, Inc. and its affiliates.
@@ -34,8 +22,20 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-/*
-object-assign
-(c) Sindre Sorhus
-@license MIT
-*/
+/** @license React v16.13.0
+ * react-dom.production.min.js
+ *
+ * Copyright (c) Facebook, Inc. and its affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+/** @license React v16.13.1
+ * react.production.min.js
+ *
+ * Copyright (c) Facebook, Inc. and its affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
diff --git a/priv/static/packs/flavours/glitch/embed.js.map b/priv/static/packs/flavours/glitch/embed.js.map
index 72ef31ea0..18537f622 100644
Binary files a/priv/static/packs/flavours/glitch/embed.js.map and b/priv/static/packs/flavours/glitch/embed.js.map differ
diff --git a/priv/static/packs/flavours/glitch/error.js b/priv/static/packs/flavours/glitch/error.js
index 6cd2b3257..4b17ae7a4 100644
Binary files a/priv/static/packs/flavours/glitch/error.js and b/priv/static/packs/flavours/glitch/error.js differ
diff --git a/priv/static/packs/flavours/glitch/home.js b/priv/static/packs/flavours/glitch/home.js
index b1d7f479a..030a30c4d 100644
Binary files a/priv/static/packs/flavours/glitch/home.js and b/priv/static/packs/flavours/glitch/home.js differ
diff --git a/priv/static/packs/flavours/glitch/home.js.LICENSE b/priv/static/packs/flavours/glitch/home.js.LICENSE.txt
similarity index 98%
rename from priv/static/packs/flavours/glitch/home.js.LICENSE
rename to priv/static/packs/flavours/glitch/home.js.LICENSE.txt
index c81616ce6..41a8734c9 100644
--- a/priv/static/packs/flavours/glitch/home.js.LICENSE
+++ b/priv/static/packs/flavours/glitch/home.js.LICENSE.txt
@@ -1,3 +1,9 @@
+/*
+object-assign
+(c) Sindre Sorhus
+@license MIT
+*/
+
 /*!
   Copyright (c) 2017 Jed Watson.
   Licensed under the MIT License (MIT), see
@@ -12,31 +18,152 @@
  * MIT Licensed
  */
 
-/*
-object-assign
-(c) Sindre Sorhus
-@license MIT
-*/
-
-/** @license React v16.12.0
- * react.production.min.js
- *
- * Copyright (c) Facebook, Inc. and its affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
+/*!
+ * wavesurfer.js 3.3.1 (2020-01-14)
+ * https://github.com/katspaugh/wavesurfer.js
+ * @license BSD-3-Clause
  */
 
-/** @license React v16.12.0
- * react-dom.production.min.js
- *
- * Copyright (c) Facebook, Inc. and its affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
+/*! ./ajax */
+
+/*! ./drawer */
+
+/*! ./drawer.canvasentry */
+
+/*! ./drawer.multicanvas */
+
+/*! ./extend */
+
+/*! ./fetch */
+
+/*! ./frame */
+
+/*! ./get-id */
+
+/*! ./max */
+
+/*! ./mediaelement */
+
+/*! ./mediaelement-webaudio */
+
+/*! ./min */
+
+/*! ./observer */
+
+/*! ./peakcache */
+
+/*! ./prevent-click */
+
+/*! ./request-animation-frame */
+
+/*! ./style */
+
+/*! ./util */
+
+/*! ./util/get-id */
+
+/*! ./util/style */
+
+/*! ./webaudio */
+
+/*! debounce */
+
+/*! https://mths.be/punycode v1.4.1 by @mathias */
+
+/*! no static exports found */
+
+/*!***********************!*\
+        !*** ./src/drawer.js ***!
+        \***********************/
+
+/*!*************************!*\
+        !*** ./src/util/max.js ***!
+        \*************************/
+
+/*!*************************!*\
+        !*** ./src/util/min.js ***!
+        \*************************/
+
+/*!*************************!*\
+        !*** ./src/webaudio.js ***!
+        \*************************/
+
+/*!**************************!*\
+        !*** ./src/peakcache.js ***!
+        \**************************/
+
+/*!**************************!*\
+        !*** ./src/util/ajax.js ***!
+        \**************************/
+
+/*!***************************!*\
+        !*** ./src/util/fetch.js ***!
+        \***************************/
+
+/*!***************************!*\
+        !*** ./src/util/frame.js ***!
+        \***************************/
+
+/*!***************************!*\
+        !*** ./src/util/index.js ***!
+        \***************************/
+
+/*!***************************!*\
+        !*** ./src/util/style.js ***!
+        \***************************/
+
+/*!***************************!*\
+        !*** ./src/wavesurfer.js ***!
+        \***************************/
+
+/*!****************************!*\
+        !*** ./src/util/extend.js ***!
+        \****************************/
+
+/*!****************************!*\
+        !*** ./src/util/get-id.js ***!
+        \****************************/
+
+/*!*****************************!*\
+        !*** ./src/mediaelement.js ***!
+        \*****************************/
+
+/*!******************************!*\
+        !*** ./src/util/observer.js ***!
+        \******************************/
+
+/*!***********************************!*\
+        !*** ./src/drawer.canvasentry.js ***!
+        \***********************************/
+
+/*!***********************************!*\
+        !*** ./src/drawer.multicanvas.js ***!
+        \***********************************/
+
+/*!***********************************!*\
+        !*** ./src/util/prevent-click.js ***!
+        \***********************************/
+
+/*!**************************************!*\
+        !*** ./src/mediaelement-webaudio.js ***!
+        \**************************************/
+
+/*!****************************************!*\
+        !*** ./node_modules/debounce/index.js ***!
+        \****************************************/
+
+/*!*********************************************!*\
+        !*** ./src/util/request-animation-frame.js ***!
+        \*********************************************/
+
+/**
+ * @license MIT
+ * @fileOverview Favico animations
+ * @author Miroslav Magda, http://blog.ejci.net
+ * @version 0.3.10
  */
 
-/** @license React v0.18.0
+/** @license React v0.19.0
  * scheduler.production.min.js
  *
  * Copyright (c) Facebook, Inc. and its affiliates.
@@ -54,149 +181,22 @@ object-assign
  * LICENSE file in the root directory of this source tree.
  */
 
-/*!
- * wavesurfer.js 3.3.1 (2020-01-14)
- * https://github.com/katspaugh/wavesurfer.js
- * @license BSD-3-Clause
+/** @license React v16.13.0
+ * react-dom.production.min.js
+ *
+ * Copyright (c) Facebook, Inc. and its affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
  */
 
-/*!****************************************!*\
-        !*** ./node_modules/debounce/index.js ***!
-        \****************************************/
-
-/*! no static exports found */
-
-/*!***********************************!*\
-        !*** ./src/drawer.canvasentry.js ***!
-        \***********************************/
-
-/*! ./util/style */
-
-/*! ./util/get-id */
-
-/*!***********************!*\
-        !*** ./src/drawer.js ***!
-        \***********************/
-
-/*! ./util */
-
-/*!***********************************!*\
-        !*** ./src/drawer.multicanvas.js ***!
-        \***********************************/
-
-/*! ./drawer */
-
-/*! ./drawer.canvasentry */
-
-/*!**************************************!*\
-        !*** ./src/mediaelement-webaudio.js ***!
-        \**************************************/
-
-/*! ./mediaelement */
-
-/*!*****************************!*\
-        !*** ./src/mediaelement.js ***!
-        \*****************************/
-
-/*! ./webaudio */
-
-/*!**************************!*\
-        !*** ./src/peakcache.js ***!
-        \**************************/
-
-/*!**************************!*\
-        !*** ./src/util/ajax.js ***!
-        \**************************/
-
-/*! ./observer */
-
-/*!****************************!*\
-        !*** ./src/util/extend.js ***!
-        \****************************/
-
-/*!***************************!*\
-        !*** ./src/util/fetch.js ***!
-        \***************************/
-
-/*!***************************!*\
-        !*** ./src/util/frame.js ***!
-        \***************************/
-
-/*! ./request-animation-frame */
-
-/*!****************************!*\
-        !*** ./src/util/get-id.js ***!
-        \****************************/
-
-/*!***************************!*\
-        !*** ./src/util/index.js ***!
-        \***************************/
-
-/*! ./ajax */
-
-/*! ./get-id */
-
-/*! ./max */
-
-/*! ./min */
-
-/*! ./extend */
-
-/*! ./style */
-
-/*! ./frame */
-
-/*! debounce */
-
-/*! ./prevent-click */
-
-/*! ./fetch */
-
-/*!*************************!*\
-        !*** ./src/util/max.js ***!
-        \*************************/
-
-/*!*************************!*\
-        !*** ./src/util/min.js ***!
-        \*************************/
-
-/*!******************************!*\
-        !*** ./src/util/observer.js ***!
-        \******************************/
-
-/*!***********************************!*\
-        !*** ./src/util/prevent-click.js ***!
-        \***********************************/
-
-/*!*********************************************!*\
-        !*** ./src/util/request-animation-frame.js ***!
-        \*********************************************/
-
-/*!***************************!*\
-        !*** ./src/util/style.js ***!
-        \***************************/
-
-/*!***************************!*\
-        !*** ./src/wavesurfer.js ***!
-        \***************************/
-
-/*! ./drawer.multicanvas */
-
-/*! ./peakcache */
-
-/*! ./mediaelement-webaudio */
-
-/*!*************************!*\
-        !*** ./src/webaudio.js ***!
-        \*************************/
-
-/*! https://mths.be/punycode v1.4.1 by @mathias */
-
-/**
- * @license MIT
- * @fileOverview Favico animations
- * @author Miroslav Magda, http://blog.ejci.net
- * @version 0.3.10
+/** @license React v16.13.1
+ * react.production.min.js
+ *
+ * Copyright (c) Facebook, Inc. and its affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
  */
 
 /*@cc_on!@*/
diff --git a/priv/static/packs/flavours/glitch/home.js.map b/priv/static/packs/flavours/glitch/home.js.map
index 09e328ab8..5a58c58f0 100644
Binary files a/priv/static/packs/flavours/glitch/home.js.map and b/priv/static/packs/flavours/glitch/home.js.map differ
diff --git a/priv/static/packs/flavours/glitch/public.js b/priv/static/packs/flavours/glitch/public.js
index 4bef46655..c983e7f64 100644
Binary files a/priv/static/packs/flavours/glitch/public.js and b/priv/static/packs/flavours/glitch/public.js differ
diff --git a/priv/static/packs/flavours/vanilla/admin.js.LICENSE b/priv/static/packs/flavours/glitch/public.js.LICENSE.txt
similarity index 91%
rename from priv/static/packs/flavours/vanilla/admin.js.LICENSE
rename to priv/static/packs/flavours/glitch/public.js.LICENSE.txt
index 487bc60d8..2196b2def 100644
--- a/priv/static/packs/flavours/vanilla/admin.js.LICENSE
+++ b/priv/static/packs/flavours/glitch/public.js.LICENSE.txt
@@ -4,25 +4,7 @@ object-assign
 @license MIT
 */
 
-/** @license React v16.12.0
- * react.production.min.js
- *
- * Copyright (c) Facebook, Inc. and its affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-
-/** @license React v16.12.0
- * react-dom.production.min.js
- *
- * Copyright (c) Facebook, Inc. and its affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-
-/** @license React v0.18.0
+/** @license React v0.19.0
  * scheduler.production.min.js
  *
  * Copyright (c) Facebook, Inc. and its affiliates.
@@ -39,3 +21,21 @@ object-assign
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
+
+/** @license React v16.13.0
+ * react-dom.production.min.js
+ *
+ * Copyright (c) Facebook, Inc. and its affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+/** @license React v16.13.1
+ * react.production.min.js
+ *
+ * Copyright (c) Facebook, Inc. and its affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
diff --git a/priv/static/packs/flavours/glitch/public.js.map b/priv/static/packs/flavours/glitch/public.js.map
index d55977ee9..b34718a35 100644
Binary files a/priv/static/packs/flavours/glitch/public.js.map and b/priv/static/packs/flavours/glitch/public.js.map differ
diff --git a/priv/static/packs/flavours/glitch/settings.js b/priv/static/packs/flavours/glitch/settings.js
index 1a4cc7926..2cf26d61e 100644
Binary files a/priv/static/packs/flavours/glitch/settings.js and b/priv/static/packs/flavours/glitch/settings.js differ
diff --git a/priv/static/packs/flavours/glitch/settings.js.map b/priv/static/packs/flavours/glitch/settings.js.map
index a787cb63f..41ba698a5 100644
Binary files a/priv/static/packs/flavours/glitch/settings.js.map and b/priv/static/packs/flavours/glitch/settings.js.map differ
diff --git a/priv/static/packs/flavours/glitch/share.js b/priv/static/packs/flavours/glitch/share.js
index 7af26420d..67e6ff793 100644
Binary files a/priv/static/packs/flavours/glitch/share.js and b/priv/static/packs/flavours/glitch/share.js differ
diff --git a/priv/static/packs/flavours/vanilla/about.js.LICENSE b/priv/static/packs/flavours/glitch/share.js.LICENSE.txt
similarity index 98%
rename from priv/static/packs/flavours/vanilla/about.js.LICENSE
rename to priv/static/packs/flavours/glitch/share.js.LICENSE.txt
index 0a0301353..90a9a7678 100644
--- a/priv/static/packs/flavours/vanilla/about.js.LICENSE
+++ b/priv/static/packs/flavours/glitch/share.js.LICENSE.txt
@@ -1,3 +1,9 @@
+/*
+object-assign
+(c) Sindre Sorhus
+@license MIT
+*/
+
 /*!
   Copyright (c) 2017 Jed Watson.
   Licensed under the MIT License (MIT), see
@@ -12,31 +18,145 @@
  * MIT Licensed
  */
 
-/*
-object-assign
-(c) Sindre Sorhus
-@license MIT
-*/
-
-/** @license React v16.12.0
- * react.production.min.js
- *
- * Copyright (c) Facebook, Inc. and its affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
+/*!
+ * wavesurfer.js 3.3.1 (2020-01-14)
+ * https://github.com/katspaugh/wavesurfer.js
+ * @license BSD-3-Clause
  */
 
-/** @license React v16.12.0
- * react-dom.production.min.js
- *
- * Copyright (c) Facebook, Inc. and its affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
+/*! ./ajax */
 
-/** @license React v0.18.0
+/*! ./drawer */
+
+/*! ./drawer.canvasentry */
+
+/*! ./drawer.multicanvas */
+
+/*! ./extend */
+
+/*! ./fetch */
+
+/*! ./frame */
+
+/*! ./get-id */
+
+/*! ./max */
+
+/*! ./mediaelement */
+
+/*! ./mediaelement-webaudio */
+
+/*! ./min */
+
+/*! ./observer */
+
+/*! ./peakcache */
+
+/*! ./prevent-click */
+
+/*! ./request-animation-frame */
+
+/*! ./style */
+
+/*! ./util */
+
+/*! ./util/get-id */
+
+/*! ./util/style */
+
+/*! ./webaudio */
+
+/*! debounce */
+
+/*! https://mths.be/punycode v1.4.1 by @mathias */
+
+/*! no static exports found */
+
+/*!***********************!*\
+        !*** ./src/drawer.js ***!
+        \***********************/
+
+/*!*************************!*\
+        !*** ./src/util/max.js ***!
+        \*************************/
+
+/*!*************************!*\
+        !*** ./src/util/min.js ***!
+        \*************************/
+
+/*!*************************!*\
+        !*** ./src/webaudio.js ***!
+        \*************************/
+
+/*!**************************!*\
+        !*** ./src/peakcache.js ***!
+        \**************************/
+
+/*!**************************!*\
+        !*** ./src/util/ajax.js ***!
+        \**************************/
+
+/*!***************************!*\
+        !*** ./src/util/fetch.js ***!
+        \***************************/
+
+/*!***************************!*\
+        !*** ./src/util/frame.js ***!
+        \***************************/
+
+/*!***************************!*\
+        !*** ./src/util/index.js ***!
+        \***************************/
+
+/*!***************************!*\
+        !*** ./src/util/style.js ***!
+        \***************************/
+
+/*!***************************!*\
+        !*** ./src/wavesurfer.js ***!
+        \***************************/
+
+/*!****************************!*\
+        !*** ./src/util/extend.js ***!
+        \****************************/
+
+/*!****************************!*\
+        !*** ./src/util/get-id.js ***!
+        \****************************/
+
+/*!*****************************!*\
+        !*** ./src/mediaelement.js ***!
+        \*****************************/
+
+/*!******************************!*\
+        !*** ./src/util/observer.js ***!
+        \******************************/
+
+/*!***********************************!*\
+        !*** ./src/drawer.canvasentry.js ***!
+        \***********************************/
+
+/*!***********************************!*\
+        !*** ./src/drawer.multicanvas.js ***!
+        \***********************************/
+
+/*!***********************************!*\
+        !*** ./src/util/prevent-click.js ***!
+        \***********************************/
+
+/*!**************************************!*\
+        !*** ./src/mediaelement-webaudio.js ***!
+        \**************************************/
+
+/*!****************************************!*\
+        !*** ./node_modules/debounce/index.js ***!
+        \****************************************/
+
+/*!*********************************************!*\
+        !*** ./src/util/request-animation-frame.js ***!
+        \*********************************************/
+
+/** @license React v0.19.0
  * scheduler.production.min.js
  *
  * Copyright (c) Facebook, Inc. and its affiliates.
@@ -54,140 +174,20 @@ object-assign
  * LICENSE file in the root directory of this source tree.
  */
 
-/*!
- * wavesurfer.js 3.3.1 (2020-01-14)
- * https://github.com/katspaugh/wavesurfer.js
- * @license BSD-3-Clause
+/** @license React v16.13.0
+ * react-dom.production.min.js
+ *
+ * Copyright (c) Facebook, Inc. and its affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
  */
 
-/*!****************************************!*\
-        !*** ./node_modules/debounce/index.js ***!
-        \****************************************/
-
-/*! no static exports found */
-
-/*!***********************************!*\
-        !*** ./src/drawer.canvasentry.js ***!
-        \***********************************/
-
-/*! ./util/style */
-
-/*! ./util/get-id */
-
-/*!***********************!*\
-        !*** ./src/drawer.js ***!
-        \***********************/
-
-/*! ./util */
-
-/*!***********************************!*\
-        !*** ./src/drawer.multicanvas.js ***!
-        \***********************************/
-
-/*! ./drawer */
-
-/*! ./drawer.canvasentry */
-
-/*!**************************************!*\
-        !*** ./src/mediaelement-webaudio.js ***!
-        \**************************************/
-
-/*! ./mediaelement */
-
-/*!*****************************!*\
-        !*** ./src/mediaelement.js ***!
-        \*****************************/
-
-/*! ./webaudio */
-
-/*!**************************!*\
-        !*** ./src/peakcache.js ***!
-        \**************************/
-
-/*!**************************!*\
-        !*** ./src/util/ajax.js ***!
-        \**************************/
-
-/*! ./observer */
-
-/*!****************************!*\
-        !*** ./src/util/extend.js ***!
-        \****************************/
-
-/*!***************************!*\
-        !*** ./src/util/fetch.js ***!
-        \***************************/
-
-/*!***************************!*\
-        !*** ./src/util/frame.js ***!
-        \***************************/
-
-/*! ./request-animation-frame */
-
-/*!****************************!*\
-        !*** ./src/util/get-id.js ***!
-        \****************************/
-
-/*!***************************!*\
-        !*** ./src/util/index.js ***!
-        \***************************/
-
-/*! ./ajax */
-
-/*! ./get-id */
-
-/*! ./max */
-
-/*! ./min */
-
-/*! ./extend */
-
-/*! ./style */
-
-/*! ./frame */
-
-/*! debounce */
-
-/*! ./prevent-click */
-
-/*! ./fetch */
-
-/*!*************************!*\
-        !*** ./src/util/max.js ***!
-        \*************************/
-
-/*!*************************!*\
-        !*** ./src/util/min.js ***!
-        \*************************/
-
-/*!******************************!*\
-        !*** ./src/util/observer.js ***!
-        \******************************/
-
-/*!***********************************!*\
-        !*** ./src/util/prevent-click.js ***!
-        \***********************************/
-
-/*!*********************************************!*\
-        !*** ./src/util/request-animation-frame.js ***!
-        \*********************************************/
-
-/*!***************************!*\
-        !*** ./src/util/style.js ***!
-        \***************************/
-
-/*!***************************!*\
-        !*** ./src/wavesurfer.js ***!
-        \***************************/
-
-/*! ./drawer.multicanvas */
-
-/*! ./peakcache */
-
-/*! ./mediaelement-webaudio */
-
-/*!*************************!*\
-        !*** ./src/webaudio.js ***!
-        \*************************/
-
-/*! https://mths.be/punycode v1.4.1 by @mathias */
+/** @license React v16.13.1
+ * react.production.min.js
+ *
+ * Copyright (c) Facebook, Inc. and its affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
diff --git a/priv/static/packs/flavours/glitch/share.js.map b/priv/static/packs/flavours/glitch/share.js.map
index 7e35c663a..92384b100 100644
Binary files a/priv/static/packs/flavours/glitch/share.js.map and b/priv/static/packs/flavours/glitch/share.js.map differ
diff --git a/priv/static/packs/flavours/vanilla/about.js b/priv/static/packs/flavours/vanilla/about.js
index be2b2196b..715247a5e 100644
Binary files a/priv/static/packs/flavours/vanilla/about.js and b/priv/static/packs/flavours/vanilla/about.js differ
diff --git a/priv/static/packs/flavours/glitch/about.js.LICENSE b/priv/static/packs/flavours/vanilla/about.js.LICENSE.txt
similarity index 98%
rename from priv/static/packs/flavours/glitch/about.js.LICENSE
rename to priv/static/packs/flavours/vanilla/about.js.LICENSE.txt
index 0a0301353..90a9a7678 100644
--- a/priv/static/packs/flavours/glitch/about.js.LICENSE
+++ b/priv/static/packs/flavours/vanilla/about.js.LICENSE.txt
@@ -1,3 +1,9 @@
+/*
+object-assign
+(c) Sindre Sorhus
+@license MIT
+*/
+
 /*!
   Copyright (c) 2017 Jed Watson.
   Licensed under the MIT License (MIT), see
@@ -12,31 +18,145 @@
  * MIT Licensed
  */
 
-/*
-object-assign
-(c) Sindre Sorhus
-@license MIT
-*/
-
-/** @license React v16.12.0
- * react.production.min.js
- *
- * Copyright (c) Facebook, Inc. and its affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
+/*!
+ * wavesurfer.js 3.3.1 (2020-01-14)
+ * https://github.com/katspaugh/wavesurfer.js
+ * @license BSD-3-Clause
  */
 
-/** @license React v16.12.0
- * react-dom.production.min.js
- *
- * Copyright (c) Facebook, Inc. and its affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
+/*! ./ajax */
 
-/** @license React v0.18.0
+/*! ./drawer */
+
+/*! ./drawer.canvasentry */
+
+/*! ./drawer.multicanvas */
+
+/*! ./extend */
+
+/*! ./fetch */
+
+/*! ./frame */
+
+/*! ./get-id */
+
+/*! ./max */
+
+/*! ./mediaelement */
+
+/*! ./mediaelement-webaudio */
+
+/*! ./min */
+
+/*! ./observer */
+
+/*! ./peakcache */
+
+/*! ./prevent-click */
+
+/*! ./request-animation-frame */
+
+/*! ./style */
+
+/*! ./util */
+
+/*! ./util/get-id */
+
+/*! ./util/style */
+
+/*! ./webaudio */
+
+/*! debounce */
+
+/*! https://mths.be/punycode v1.4.1 by @mathias */
+
+/*! no static exports found */
+
+/*!***********************!*\
+        !*** ./src/drawer.js ***!
+        \***********************/
+
+/*!*************************!*\
+        !*** ./src/util/max.js ***!
+        \*************************/
+
+/*!*************************!*\
+        !*** ./src/util/min.js ***!
+        \*************************/
+
+/*!*************************!*\
+        !*** ./src/webaudio.js ***!
+        \*************************/
+
+/*!**************************!*\
+        !*** ./src/peakcache.js ***!
+        \**************************/
+
+/*!**************************!*\
+        !*** ./src/util/ajax.js ***!
+        \**************************/
+
+/*!***************************!*\
+        !*** ./src/util/fetch.js ***!
+        \***************************/
+
+/*!***************************!*\
+        !*** ./src/util/frame.js ***!
+        \***************************/
+
+/*!***************************!*\
+        !*** ./src/util/index.js ***!
+        \***************************/
+
+/*!***************************!*\
+        !*** ./src/util/style.js ***!
+        \***************************/
+
+/*!***************************!*\
+        !*** ./src/wavesurfer.js ***!
+        \***************************/
+
+/*!****************************!*\
+        !*** ./src/util/extend.js ***!
+        \****************************/
+
+/*!****************************!*\
+        !*** ./src/util/get-id.js ***!
+        \****************************/
+
+/*!*****************************!*\
+        !*** ./src/mediaelement.js ***!
+        \*****************************/
+
+/*!******************************!*\
+        !*** ./src/util/observer.js ***!
+        \******************************/
+
+/*!***********************************!*\
+        !*** ./src/drawer.canvasentry.js ***!
+        \***********************************/
+
+/*!***********************************!*\
+        !*** ./src/drawer.multicanvas.js ***!
+        \***********************************/
+
+/*!***********************************!*\
+        !*** ./src/util/prevent-click.js ***!
+        \***********************************/
+
+/*!**************************************!*\
+        !*** ./src/mediaelement-webaudio.js ***!
+        \**************************************/
+
+/*!****************************************!*\
+        !*** ./node_modules/debounce/index.js ***!
+        \****************************************/
+
+/*!*********************************************!*\
+        !*** ./src/util/request-animation-frame.js ***!
+        \*********************************************/
+
+/** @license React v0.19.0
  * scheduler.production.min.js
  *
  * Copyright (c) Facebook, Inc. and its affiliates.
@@ -54,140 +174,20 @@ object-assign
  * LICENSE file in the root directory of this source tree.
  */
 
-/*!
- * wavesurfer.js 3.3.1 (2020-01-14)
- * https://github.com/katspaugh/wavesurfer.js
- * @license BSD-3-Clause
+/** @license React v16.13.0
+ * react-dom.production.min.js
+ *
+ * Copyright (c) Facebook, Inc. and its affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
  */
 
-/*!****************************************!*\
-        !*** ./node_modules/debounce/index.js ***!
-        \****************************************/
-
-/*! no static exports found */
-
-/*!***********************************!*\
-        !*** ./src/drawer.canvasentry.js ***!
-        \***********************************/
-
-/*! ./util/style */
-
-/*! ./util/get-id */
-
-/*!***********************!*\
-        !*** ./src/drawer.js ***!
-        \***********************/
-
-/*! ./util */
-
-/*!***********************************!*\
-        !*** ./src/drawer.multicanvas.js ***!
-        \***********************************/
-
-/*! ./drawer */
-
-/*! ./drawer.canvasentry */
-
-/*!**************************************!*\
-        !*** ./src/mediaelement-webaudio.js ***!
-        \**************************************/
-
-/*! ./mediaelement */
-
-/*!*****************************!*\
-        !*** ./src/mediaelement.js ***!
-        \*****************************/
-
-/*! ./webaudio */
-
-/*!**************************!*\
-        !*** ./src/peakcache.js ***!
-        \**************************/
-
-/*!**************************!*\
-        !*** ./src/util/ajax.js ***!
-        \**************************/
-
-/*! ./observer */
-
-/*!****************************!*\
-        !*** ./src/util/extend.js ***!
-        \****************************/
-
-/*!***************************!*\
-        !*** ./src/util/fetch.js ***!
-        \***************************/
-
-/*!***************************!*\
-        !*** ./src/util/frame.js ***!
-        \***************************/
-
-/*! ./request-animation-frame */
-
-/*!****************************!*\
-        !*** ./src/util/get-id.js ***!
-        \****************************/
-
-/*!***************************!*\
-        !*** ./src/util/index.js ***!
-        \***************************/
-
-/*! ./ajax */
-
-/*! ./get-id */
-
-/*! ./max */
-
-/*! ./min */
-
-/*! ./extend */
-
-/*! ./style */
-
-/*! ./frame */
-
-/*! debounce */
-
-/*! ./prevent-click */
-
-/*! ./fetch */
-
-/*!*************************!*\
-        !*** ./src/util/max.js ***!
-        \*************************/
-
-/*!*************************!*\
-        !*** ./src/util/min.js ***!
-        \*************************/
-
-/*!******************************!*\
-        !*** ./src/util/observer.js ***!
-        \******************************/
-
-/*!***********************************!*\
-        !*** ./src/util/prevent-click.js ***!
-        \***********************************/
-
-/*!*********************************************!*\
-        !*** ./src/util/request-animation-frame.js ***!
-        \*********************************************/
-
-/*!***************************!*\
-        !*** ./src/util/style.js ***!
-        \***************************/
-
-/*!***************************!*\
-        !*** ./src/wavesurfer.js ***!
-        \***************************/
-
-/*! ./drawer.multicanvas */
-
-/*! ./peakcache */
-
-/*! ./mediaelement-webaudio */
-
-/*!*************************!*\
-        !*** ./src/webaudio.js ***!
-        \*************************/
-
-/*! https://mths.be/punycode v1.4.1 by @mathias */
+/** @license React v16.13.1
+ * react.production.min.js
+ *
+ * Copyright (c) Facebook, Inc. and its affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
diff --git a/priv/static/packs/flavours/vanilla/about.js.map b/priv/static/packs/flavours/vanilla/about.js.map
index df789e98d..42e76990e 100644
Binary files a/priv/static/packs/flavours/vanilla/about.js.map and b/priv/static/packs/flavours/vanilla/about.js.map differ
diff --git a/priv/static/packs/flavours/vanilla/admin.js b/priv/static/packs/flavours/vanilla/admin.js
index 1187d5f1d..5fbc17639 100644
Binary files a/priv/static/packs/flavours/vanilla/admin.js and b/priv/static/packs/flavours/vanilla/admin.js differ
diff --git a/priv/static/packs/flavours/glitch/admin.js.LICENSE b/priv/static/packs/flavours/vanilla/admin.js.LICENSE.txt
similarity index 91%
rename from priv/static/packs/flavours/glitch/admin.js.LICENSE
rename to priv/static/packs/flavours/vanilla/admin.js.LICENSE.txt
index 448b94017..2196b2def 100644
--- a/priv/static/packs/flavours/glitch/admin.js.LICENSE
+++ b/priv/static/packs/flavours/vanilla/admin.js.LICENSE.txt
@@ -1,22 +1,10 @@
-/** @license React v16.12.0
- * react.production.min.js
- *
- * Copyright (c) Facebook, Inc. and its affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
+/*
+object-assign
+(c) Sindre Sorhus
+@license MIT
+*/
 
-/** @license React v16.12.0
- * react-dom.production.min.js
- *
- * Copyright (c) Facebook, Inc. and its affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-
-/** @license React v0.18.0
+/** @license React v0.19.0
  * scheduler.production.min.js
  *
  * Copyright (c) Facebook, Inc. and its affiliates.
@@ -34,8 +22,20 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-/*
-object-assign
-(c) Sindre Sorhus
-@license MIT
-*/
+/** @license React v16.13.0
+ * react-dom.production.min.js
+ *
+ * Copyright (c) Facebook, Inc. and its affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+/** @license React v16.13.1
+ * react.production.min.js
+ *
+ * Copyright (c) Facebook, Inc. and its affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
diff --git a/priv/static/packs/flavours/vanilla/admin.js.map b/priv/static/packs/flavours/vanilla/admin.js.map
index 742c31b83..781e07de0 100644
Binary files a/priv/static/packs/flavours/vanilla/admin.js.map and b/priv/static/packs/flavours/vanilla/admin.js.map differ
diff --git a/priv/static/packs/flavours/vanilla/common.css b/priv/static/packs/flavours/vanilla/common.css
index ce2318757..5f844cca6 100644
Binary files a/priv/static/packs/flavours/vanilla/common.css and b/priv/static/packs/flavours/vanilla/common.css differ
diff --git a/priv/static/packs/flavours/vanilla/common.css.map b/priv/static/packs/flavours/vanilla/common.css.map
index 4a6d0a5e6..9f54b0023 100644
--- a/priv/static/packs/flavours/vanilla/common.css.map
+++ b/priv/static/packs/flavours/vanilla/common.css.map
@@ -1 +1 @@
-{"version":3,"sources":["webpack:///application.scss","webpack:///./app/javascript/styles/mastodon/reset.scss","webpack:///./app/javascript/styles/mastodon/variables.scss","webpack:///./app/javascript/styles/mastodon/basics.scss","webpack:///./app/javascript/styles/mastodon/containers.scss","webpack:///./app/javascript/styles/mastodon/lists.scss","webpack:///./app/javascript/styles/mastodon/footer.scss","webpack:///./app/javascript/styles/mastodon/compact_header.scss","webpack:///./app/javascript/styles/mastodon/widgets.scss","webpack:///./app/javascript/styles/mastodon/forms.scss","webpack:///./app/javascript/styles/mastodon/accounts.scss","webpack:///./app/javascript/styles/mastodon/statuses.scss","webpack:///./app/javascript/styles/mastodon/boost.scss","webpack:///./app/javascript/styles/mastodon/components.scss","webpack:///<no source>","webpack:///./app/javascript/styles/mastodon/_mixins.scss","webpack:///./app/javascript/styles/mastodon/polls.scss","webpack:///./app/javascript/styles/mastodon/modal.scss","webpack:///./app/javascript/styles/mastodon/emoji_picker.scss","webpack:///./app/javascript/styles/mastodon/about.scss","webpack:///./app/javascript/styles/mastodon/tables.scss","webpack:///./app/javascript/styles/mastodon/admin.scss","webpack:///./app/javascript/styles/mastodon/dashboard.scss","webpack:///./app/javascript/styles/mastodon/rtl.scss","webpack:///./app/javascript/styles/mastodon/accessibility.scss"],"names":[],"mappings":"AAAA,2ZCKA,QAaE,UACA,SACA,eACA,aACA,wBACA,+EAIF,aAEE,MAGF,aACE,OAGF,eACE,cAGF,WACE,qDAGF,UAEE,aACA,OAGF,wBACE,iBACA,MAGF,sCACE,qBAGF,UACE,YACA,2BAGF,kBACE,cACA,mBACA,iCAGF,kBACE,kCAGF,kBACE,2BAGF,aACE,gBACA,0BACA,CCtEW,iED6Eb,kBC7Ea,4BDiFb,sBACE,MErFF,iDACE,mBACA,eACA,iBACA,gBACA,WDXM,kCCaN,6BACA,8BACA,CADA,0BACA,CADA,yBACA,CADA,qBACA,0CACA,wCACA,kBAEA,iKAYE,eAGF,SACE,oCAEA,WACE,iBACA,kBACA,uCAGF,iBACE,WACA,YACA,mCAGF,iBACE,cAIJ,kBD7CW,kBCiDX,iBACE,kBACA,0BAEA,iBACE,aAIJ,iBACE,YAGF,kBACE,SACA,iBACA,uBAEA,iBACE,WACA,YACA,gBACA,YAIJ,kBACE,UACA,YAGF,iBACE,kBACA,cD3EoB,mBAPX,WCqFT,YACA,UACA,aACA,uBACA,mBACA,oBAEA,qBACE,YACA,sCAGE,aACE,gBACA,WACA,YACA,kBACA,uBAIJ,cACE,iBACA,gBACA,QAMR,mBACE,eACA,cAEA,YACE,kDAKF,YAGE,WACA,mBACA,uBACA,oBACA,sBAGF,YACE,yEAKF,gBAEE,+EAKF,WAEE,sCAIJ,qBAEE,eACA,gBACA,gBACA,cACA,kBACA,8CAEA,eACE,0CAGF,mBACE,gEAEA,eACE,0CAIJ,aDtKwB,kKCyKtB,oBAGE,sDAIJ,aDpKsB,eCsKpB,0DAEA,aDxKoB,oDC6KtB,cACE,SACA,uBACA,cDhLoB,aCkLpB,UACA,SACA,oBACA,eACA,UACA,4BACA,0BACA,gMAEA,oBAGE,kEAGF,aD9NY,gBCgOV,gBCnON,WACE,CACA,kBACA,qCAEA,eALF,UAMI,SACA,kBAIJ,sBACE,qCAEA,gBAHF,kBAII,qBAGF,YACE,uBACA,mBACA,wBAEA,SFrBI,YEuBF,kBACA,sBAGF,YACE,uBACA,mBACA,WF9BE,qBEgCF,UACA,kBACA,iBACA,6CACA,gBACA,eACA,mCAMJ,WACE,CACA,cACA,mBACA,sBACA,qCAEA,kCAPF,UAQI,aACA,aACA,kBAKN,WACE,CACA,YACA,eACA,iBACA,sBACA,CACA,gBACA,CACA,sBACA,qCAEA,gBAZF,UAaI,CACA,eACA,CACA,mBACA,0BAGF,UACE,YACA,iBACA,6BAEA,UACE,YACA,cACA,SACA,kBACA,uBAIJ,aACE,cF7EsB,wBE+EtB,iCAEA,aACE,gBACA,uBACA,gBACA,8BAIJ,aACE,eACA,iBACA,gBACA,SAIJ,YACE,cACA,8BACA,sBACA,mCACA,CADA,0BACA,mBAEA,eACE,WACA,mBAGF,aACE,WACA,mBAGF,aACE,WACA,mBAGF,eACE,WACA,qCAGF,QA3BF,UA4BI,qCACA,mBAEA,aACE,mBAGF,aACE,WACA,mBAGF,aACE,WACA,mBAGF,aACE,WACA,UAKN,YACE,cACA,8CACA,sBACA,mCACA,CADA,0BACA,mBAEA,eACE,WACA,mBAGF,eACE,WACA,mBAGF,aACE,WACA,mBAGF,eACE,WACA,mBAGF,aACE,WACA,uCAGF,eACE,wBAGF,kBACE,qCAGF,QAxCF,iDAyCI,uCAEA,YACE,aACA,mBACA,uBACA,iCAGF,UACE,uBACA,mBACA,sBAGF,YACE,sCAIJ,QA7DF,UA8DI,qCACA,mBAEA,aACE,mBAGF,aACE,WACA,mBAGF,aACE,WACA,mBAGF,aACE,WACA,mBAGF,aACE,WACA,sCAMJ,eADF,gBAEI,4BAGF,eACE,qCAEA,0BAHF,SAII,yBAIJ,kBACE,mCACA,kBACA,YACA,cACA,aACA,oBACA,uBACA,iBACA,gBACA,qCAEA,uBAZF,cAaI,WACA,MACA,OACA,SACA,gBACA,gBACA,YACA,6BAGF,cACE,eACA,kCAGF,YACE,oBACA,2BACA,iBACA,oCAGF,YACE,oBACA,uBACA,iBACA,mCAGF,YACE,oBACA,yBACA,iBACA,+BAGF,aACE,aACA,mCAEA,aACE,YACA,WACA,kBACA,YACA,UFxUA,qCE2UA,kCARF,WASI,+GAIJ,kBAGE,kCAIJ,YACE,mBACA,eACA,eACA,gBACA,qBACA,cF7UkB,mBE+UlB,kBACA,uHAEA,yBAGE,WFrWA,qCEyWF,0CACE,YACE,qCAKN,kBACE,CACA,oBACA,kBACA,6HAEA,oBAGE,mBACA,sBAON,YACE,cACA,0DACA,sBACA,mCACA,CADA,0BACA,gCAEA,UACE,cACA,gCAGF,UACE,cACA,qCAGF,qBAjBF,0BAkBI,WACA,gCAEA,YACE,kCAKN,iBACE,qCAEA,gCAHF,eAII,sCAKF,4BADF,eAEI,wCAIJ,eACE,mBACA,mCACA,gDAEA,UACE,qIAEA,8BAEE,CAFF,sBAEE,6DAGF,wBFtaoB,8CE2atB,yBACE,gBACA,aACA,kBACA,gBACA,oDAEA,UACE,cACA,kBACA,WACA,YACA,gDACA,MACA,OACA,kDAGF,mBACE,CADF,8BACE,CADF,gBACE,cACA,WACA,YACA,SACA,0BACA,qCAGF,6CA3BF,YA4BI,gDAIJ,eACE,6JAEA,iBAEE,qCAEA,4JAJF,eAKI,sCAKN,sCA/DF,eAgEI,gBACA,oDAEA,YACE,+FAGF,eAEE,6CAIJ,iBACE,iBACA,aACA,2BACA,mDAEA,UACE,cACA,mBACA,kBACA,SACA,OACA,QACA,YACA,0BACA,WACA,oDAGF,aACE,YACA,aACA,kBACA,cACA,wDAEA,aACE,WACA,YACA,SACA,kBACA,yBACA,mBACA,qCAIJ,2CArCF,YAsCI,mBACA,0BACA,YACA,mDAEA,YACE,oDAGF,UACE,YACA,CACA,sBACA,wDAEA,QACE,kBACA,2DAGF,mDAXF,YAYI,sCAKN,2CAhEF,eAiEI,sCAGF,2CApEF,cAqEI,8CAIJ,aACE,iBACA,mDAEA,gBACE,mBACA,sDAEA,cACE,iBACA,WF1kBF,gBE4kBE,gBACA,mBACA,uBACA,6BACA,4DAEA,aACE,eACA,WFplBJ,gBEslBI,gBACA,uBACA,qCAKN,4CA7BF,gBA8BI,aACA,8BACA,mBACA,mDAEA,aACE,iBACA,sDAEA,cACE,iBACA,iBACA,4DAEA,aF5lBY,oDEmmBlB,YACE,2BACA,oBACA,YACA,qEAEA,YACE,mBACA,gBACA,qCAGF,oEACE,YACE,6DAIJ,eACE,sBACA,cACA,cFxnBc,aE0nBd,+BACA,eACA,kBACA,kBACA,8DAEA,aACE,uEAGF,cACE,kEAGF,aACE,WACA,kBACA,SACA,OACA,WACA,gCACA,WACA,wBACA,yEAIA,+BACE,UACA,kFAGF,2BFzpBc,wEE+pBd,SACE,wBACA,8DAIJ,oBACE,cACA,2EAGF,cACE,cACA,4EAGF,eACE,eACA,kBACA,WFnsBJ,6CEqsBI,2DAIJ,aACE,WACA,4DAGF,eACE,8CAKN,YACE,eACA,kEAEA,eACE,gBACA,uBACA,cACA,2FAEA,4BACE,yEAGF,YACE,qDAIJ,gBACE,eACA,cFztBgB,uDE4tBhB,oBACE,cF7tBc,qBE+tBd,aACA,gBACA,8DAEA,eACE,WFpvBJ,qCE0vBF,6CAtCF,aAuCI,UACA,4CAKN,yBACE,qCAEA,0CAHF,eAII,wCAIJ,eACE,oCAGF,kBACE,mCACA,kBACA,gBACA,mBACA,qCAEA,mCAPF,eAQI,gBACA,gBACA,8DAGF,QACE,aACA,+DAEA,aACE,sFAGF,uBACE,yEAGF,aFryBU,8DE2yBV,mBACA,WF7yBE,qFEizBJ,YAEE,eACA,cFpyBkB,2CEwyBpB,gBACE,iCAIJ,YACE,cACA,kDACA,qCAEA,gCALF,aAMI,+CAGF,cACE,iCAIJ,eACE,2BAGF,YACE,eACA,eACA,cACA,+BAEA,qBACE,cACA,YACA,cACA,mBACA,kBACA,qCAEA,8BARF,aASI,sCAGF,8BAZF,cAaI,sCAIJ,0BAvBF,QAwBI,6BACA,+BAEA,UACE,UACA,gBACA,gCACA,0CAEA,eACE,0CAGF,kBF32BK,+IE82BH,kBAGE,WC53BZ,eACE,aAEA,oBACE,aACA,iBAIJ,eACE,cACA,oBAEA,cACE,gBACA,mBACA,wBCfF,eACE,iBACA,oBACA,eACA,cACA,qCAEA,uBAPF,iBAQI,mBACA,+BAGF,YACE,cACA,0CACA,wCAEA,aACE,WACA,YACA,wCAGF,aACE,WACA,YACA,wCAGF,aACE,WACA,YACA,kBACA,6CAEA,aACE,wCAIJ,aACE,WACA,YACA,wCAGF,aACE,WACA,YACA,qCAGF,6BAxCF,iCAyCI,+EAEA,aAEE,wCAGF,UACE,wCAGF,aACE,+EAGF,aAEE,wCAGF,UACE,sCAIJ,uCACE,aACE,sCAIJ,4JACE,YAIE,4BAKN,eACE,kBACA,cJ/EkB,6BIkFlB,aACE,qBACA,6BAIJ,oBACE,cACA,wGAEA,yBAGE,mCAKF,aACE,YACA,WACA,cACA,aACA,0HAMA,YACE,oBCjIR,cACE,iBACA,cLeoB,gBKbpB,mBACA,eACA,qBACA,qCAEA,mBATF,iBAUI,oBACA,uBAGF,aACE,qBACA,0BAGF,eACE,cLFoB,wBKMtB,oBACE,mBACA,kBACA,WACA,YACA,cC9BN,kBACE,mCACA,mBAEA,UACE,kBACA,gBACA,0BACA,gBNPI,uBMUJ,mBACE,CADF,8BACE,CADF,gBACE,cACA,WACA,YACA,SACA,0BACA,oBAIJ,kBNVW,aMYT,0BACA,eACA,cNPoB,iBMSpB,qBACA,gBACA,8BAEA,UACE,YACA,gBACA,sBAGF,kBACE,iCAEA,eACE,uBAIJ,cACE,SACA,UACA,gBACA,uBACA,oBACA,kBACA,oBACA,cACA,sBAGF,aNtCsB,qBMwCpB,4BAEA,yBACE,qCAKN,aAnEF,YAoEI,uBAIJ,kBACE,oBACA,yBAEA,YACE,gBACA,eACA,cN7DoB,+BMiEtB,cACE,0CAEA,eACE,sDAGF,YACE,mBACA,gDAGF,UACE,YACA,0BACA,oCAIJ,YACE,mBAKF,aN1FsB,aM+FxB,YACE,kBACA,mBNxGW,mCM0GX,qBAGF,YACE,kBACA,0BACA,kBACA,cN1GsB,mBM4GtB,iBAGF,eACE,eACA,cNjHsB,iBMmHtB,qBACA,gBACA,UACA,oBAEA,YACE,gBACA,eACA,cN3HoB,0BM+HtB,eACE,CACA,kBACA,mBAGF,oBACE,CACA,mBACA,cNxIoB,qBM0IpB,mBACA,gBACA,uBACA,0EAEA,yBAGE,uBAMJ,sBACA,kBACA,mBNjKW,mCMmKX,cN3JwB,gBM6JxB,mBACA,sDAEA,eAEE,CAII,qXADF,eACE,yBAKN,aACE,0BACA,CAMI,wLAGF,oBAGE,mIAEA,yBACE,gCAMR,kBACE,oCAEA,gBACE,cNvMkB,8DM6MpB,iBACE,eACA,4DAGF,eACE,qBACA,iEAEA,eACE,kBAMR,YACE,CACA,eNhPM,CMkPN,cACA,cNlOsB,mBMoOtB,+BANA,iBACA,CNhPM,kCM8PN,CATA,aAGF,kBACE,CAEA,iBACA,kBACA,cACA,iBAEA,UN/PM,eMiQJ,gBACA,gBACA,mBACA,gBAGF,cACE,cNxPoB,qCM4PtB,aArBF,YAsBI,mBACA,iBAEA,cACE,aAKN,kBN7Qa,kBM+QX,mCACA,iBAEA,qBACE,mBACA,uCAEA,YAEE,mBACA,8BACA,mBN1RO,kBM4RP,aACA,qBACA,cACA,mCACA,0EAIA,kBAGE,0BAIJ,kBNlSsB,eMoSpB,8BAGF,UACE,eACA,oBAGF,aACE,eACA,gBACA,WNjUE,mBMmUF,gBACA,uBACA,wBAEA,aNvTkB,0BM2TlB,aACE,gBACA,eACA,eACA,cN/TgB,0IMqUlB,UNrVE,+BM6VJ,aACE,YACA,uDAGF,oBNhVsB,wCMoVtB,eACE,eAKN,YACE,yBACA,gCAEA,aACE,WACA,YACA,kBACA,kBACA,kBACA,mBACA,yBACA,4CAEA,SACE,6CAGF,SACE,6CAGF,SACE,iBAKN,UACE,0BAEA,SACE,SACA,wBAGF,eACE,0BAGF,iBACE,cNrYoB,gBMuYpB,aACA,sCAEA,eACE,0BAIJ,cACE,sBACA,gCACA,wCAGF,eACE,wBAGF,WACE,kBACA,eACA,gBACA,WN7aI,8BMgbJ,aACE,cNjakB,gBMmalB,eACA,0BAIJ,SACE,iCACA,qCAGF,kCACE,YACE,sCAYJ,qIAPF,eAQI,gBACA,gBACA,iBAOJ,gBACE,qCAEA,eAHF,oBAII,uBAGF,sBACE,sCAEA,qBAHF,sBAII,sCAGF,qBAPF,UAQI,sCAGF,qBAXF,WAYI,kCAIJ,iBACE,qCAEA,gCAHF,4BAII,iEAIA,eACE,0DAGF,cACE,iBACA,oEAEA,UACE,YACA,gBACA,yFAGF,gBACE,SACA,mKAIJ,eAGE,gBAON,aNlgBsB,iCMigBxB,kBAKI,6BAEA,eACE,kBAIJ,cACE,iBACA,wCAMF,oBACE,gBACA,cNrhBsB,4JMwhBtB,yBAGE,oBAKN,kBACE,gBACA,eACA,kBACA,yBAEA,aACE,gBACA,aACA,CACA,kBACA,gBACA,uBACA,qBACA,WNhkBI,gCMkkBJ,4FAEA,yBAGE,oCAIJ,eACE,0BAGF,iBACE,gCACA,MCjlBJ,+CACE,gBACA,iBAGF,eACE,aACA,cACA,qBAIA,kBACE,gBACA,4BAEA,QACE,0CAIA,kBACE,qDAEA,eACE,gDAIJ,iBACE,kBACA,sDAEA,iBACE,SACA,OACA,6BAKN,iBACE,gBACA,gDAEA,mBACE,eACA,gBACA,WPhDA,cOkDA,WACA,4EAGF,iBAEE,mDAGF,eACE,4CAGF,iBACE,QACA,OACA,qCAGF,aPnDoB,0BOqDlB,gIAEA,oBAGE,0CAIJ,iBACE,CACA,iBACA,mBAKN,YACE,cACA,0BAEA,qBACE,cACA,UACA,cACA,oBAIJ,aPpFsB,sBOuFpB,aPrFsB,yBOyFtB,iBACE,kBACA,gBACA,uBAGF,eACE,iBACA,sBAIJ,kBACE,wBAGF,aACE,eACA,eACA,qBAGF,kBACE,cPlHoB,iCOqHpB,iBACE,eACA,iBACA,gBACA,gBACA,oBAIJ,kBACE,qBAGF,eACE,CAII,0JADF,eACE,sDAMJ,YACE,4DAEA,mBACE,eACA,WPlKA,gBOoKA,gBACA,cACA,wHAGF,aAEE,sDAIJ,cACE,kBACA,mDAKF,mBACE,eACA,WPxLE,cO0LF,kBACA,qBACA,gBACA,sCAGF,cACE,mCAGF,UACE,sCAIJ,cACE,4CAEA,mBACE,eACA,WP9ME,cOgNF,gBACA,gBACA,4CAGF,kBACE,yCAGF,cACE,CADF,cACE,6BAIJ,oBACE,cACA,4BAGF,kBACE,8CAEA,eACE,0BAIJ,YACE,CACA,eACA,oBACA,iCAEA,cACE,kCAGF,qBACE,eACA,cACA,eACA,oCAEA,aACE,2CAGF,eACE,6GAIJ,eAEE,qCAGF,yBA9BF,aA+BI,gBACA,kCAEA,cACE,0JAGF,kBAGE,iDAKN,iBACE,oBACA,eACA,WP5RI,cO8RJ,WACA,2CAKE,mBACE,eACA,WPtSA,qBOwSA,WACA,kBACA,gBACA,kBACA,cACA,0DAGF,iBACE,OACA,QACA,SACA,kDAKN,cACE,aACA,yBACA,kBACA,sJAGF,qBAKE,eACA,WPtUI,cOwUJ,WACA,UACA,oBACA,gBACA,mBACA,sBACA,kBACA,aACA,6RAEA,aACE,CAHF,+OAEA,aACE,CAHF,mQAEA,aACE,CAHF,wQAEA,aACE,CAHF,sNAEA,aACE,8LAGF,eACE,oVAGF,oBACE,iOAGF,oBP7VY,oLOiWZ,iBACE,4WAGF,oBPpVsB,mBOuVpB,6CAKF,aACE,gUAGF,oBAME,8CAGF,aACE,gBACA,cACA,eACA,8BAIJ,UACE,uBAGF,eACE,aACA,oCAEA,YACE,mBACA,qEAIJ,aAGE,WACA,SACA,kBACA,mBPrYsB,WAlBlB,eO0ZJ,oBACA,YACA,aACA,qBACA,kBACA,sBACA,eACA,gBACA,UACA,mBACA,kBACA,sGAEA,cACE,uFAGF,wBACE,gLAGF,wBAEE,kHAGF,wBPpaoB,gGOwapB,kBPtbQ,kHOybN,wBACE,sOAGF,wBAEE,qBAKN,uBACE,CADF,oBACE,CADF,eACE,sBACA,eACA,WPzcI,cO2cJ,WACA,UACA,oBACA,gBACA,wXACA,sBACA,kBACA,kBACA,mBACA,YACA,iBAGF,4BACE,oCAIA,iBACE,mCAGF,iBACE,UACA,QACA,CACA,qBACA,eACA,cPzckB,oBO2clB,oBACA,eACA,gBACA,mBACA,gBACA,yCAEA,UACE,cACA,kBACA,MACA,QACA,WACA,UACA,8DACA,4BAKN,iBACE,0CAEA,wBACE,CADF,gBACE,qCAGF,iBACE,MACA,OACA,WACA,YACA,aACA,uBACA,mBACA,8BACA,kBACA,iBACA,gBACA,YACA,8CAEA,iBACE,6HAGE,UPvhBF,aOiiBR,aACE,CACA,kBACA,eACA,gBAGF,kBACE,cPzhBsB,kBO2hBtB,kBACA,mBACA,kBACA,uBAEA,qCACE,iCACA,cPjjBY,sBOqjBd,mCACE,+BACA,cPtjBQ,kBO0jBV,oBACE,cP7iBoB,qBO+iBpB,wBAEA,UPjkBI,0BOmkBF,kBAIJ,kBACE,4BAGF,SACE,sBACA,cACA,WACA,SACA,aACA,gDACA,mBPzkBS,WATL,eOqlBJ,SACA,8CAEA,QACE,iHAGF,mBAGE,kCAGF,kBACE,uBAIJ,eACE,CAII,oKADF,eACE,0DAKN,eAzEF,eA0EI,eAIJ,eACE,kBACA,gBAEA,aP1mBsB,qBO4mBpB,sBAEA,yBACE,YAKN,eACE,mBACA,eACA,eAEA,oBACE,kBACA,cAGF,aP5nBwB,qBO8nBtB,gBACA,2DAEA,aAGE,8BAKN,kBAEE,cP7oBsB,oCOgpBtB,cACE,mBACA,kBACA,4CAGF,aPrpBwB,gBOupBtB,CAII,mUADF,eACE,0DAKN,6BAtBF,eAuBI,cAIJ,YACE,eACA,uBACA,UAGF,aACE,gBP7rBM,YO+rBN,qBACA,mCACA,qBACA,cAEA,aACE,SACA,iBAIJ,kBACE,cP1rBwB,WO4rBxB,sBAEA,aACE,eACA,eAKF,kBACE,sBAEA,eACE,CAII,+JADF,eACE,4CASR,qBACE,8BACA,WPzuBI,qCO2uBJ,oCACA,kBACA,aACA,mBACA,gDAEA,UPjvBI,0BOmvBF,oLAEA,oBAGE,0DAIJ,eACE,cACA,kBACA,CAII,yYADF,eACE,kEAIJ,eACE,oBAMR,YACE,eACA,mBACA,4DAEA,aAEE,6BAIA,wBACA,cACA,sBAIJ,iBACE,cPhxBsB,0BOmxBtB,iBACE,oBAIJ,eACE,mBACA,uBAEA,cACE,WP7yBI,kBO+yBJ,mBACA,SACA,UACA,4BAGF,aACE,eAIJ,aPvzBc,0SOi0BZ,+CACE,aAIJ,kBACE,sBACA,kBACA,aACA,mBACA,kBACA,kBACA,QACA,mCACA,sBAEA,aACE,8BAGF,sBACE,SACA,aACA,eACA,gDACA,oBAGF,aACE,WACA,oBACA,gBACA,eACA,CACA,oBACA,WACA,iCACA,oBAGF,oBP32Bc,gBO62BZ,2BAEA,kBP/2BY,gBOi3BV,oBAKN,kBACE,6BAEA,wBACE,mBACA,eACA,aACA,4BAGF,kBACE,aACA,OACA,sBACA,cACA,cACA,gCAEA,iBACE,YACA,iBACA,kBACA,UACA,8BAGF,qBACE,qCAIJ,kBACE,gCAGF,wBACE,mCACA,kBACA,kBACA,kBACA,kBACA,sCAEA,wBACE,WACA,cACA,YACA,SACA,kBACA,MACA,UACA,yBAIJ,sBACE,aACA,mBACA,SCl7BF,aACE,qBACA,cACA,mCACA,qCAEA,QANF,eAOI,8EAMA,kBACE,YAKN,YACE,kBACA,gBACA,0BACA,gBAEA,aACE,WACA,YACA,SACA,oBACA,CADA,8BACA,CADA,gBACA,0BACA,qCAGF,WAfF,YAgBI,sCAGF,WAnBF,YAoBI,aAIJ,iBACE,aACA,aACA,2BACA,mBACA,mBACA,0BACA,qCAEA,WATF,eAUI,qBAGF,aACE,WACA,YACA,gBACA,wBAEA,UACE,YACA,cACA,SACA,kBACA,mBACA,oBACA,CADA,8BACA,CADA,gBACA,0BAIJ,gBACE,gBACA,iCAEA,cACE,WR7EA,gBQ+EA,gBACA,uBACA,+BAGF,aACE,eACA,cRtEgB,gBQwEhB,gBACA,uBACA,aAMR,cACE,kBACA,gBACA,6GAEA,cAME,WR3GI,gBQ6GJ,qBACA,iBACA,qBACA,sBAGF,eRnHM,oBQqHJ,cR5GS,eQ8GT,cACA,kBAGF,cACE,uCAGF,aR9GwB,oBQmHxB,UACE,eACA,wBAEA,oBACE,iBACA,oBAIJ,WACE,gBACA,wBAEA,oBACE,gBACA,uBAIJ,cACE,cACA,qCAGF,YA7DF,iBA8DI,mBAEA,YACE,uCAGF,oBAEE,gBAKN,kBRlKa,mCQoKX,cR7JsB,eQ+JtB,gBACA,kBACA,aACA,uBACA,mBACA,eACA,kBACA,aACA,gBACA,2BAEA,yBACE,yBAGF,qBACE,gBACA,yCAIJ,oBAEE,gBACA,eACA,kBACA,eACA,iBACA,gBACA,cR3LwB,sCQ6LxB,sCACA,6DAEA,aRhNc,sCQkNZ,kCACA,qDAGF,aACE,sCACA,kCACA,0BAIJ,eACE,UACA,wBACA,gBACA,CADA,YACA,CACA,iCACA,CADA,uBACA,CADA,kBACA,eACA,iBACA,6BAEA,YACE,gCACA,yDAGF,qBAEE,aACA,kBACA,gBACA,gBACA,mBACA,uBACA,6BAGF,eACE,YACA,cACA,cR1OsB,0BQ4OtB,6BAGF,aACE,cRjPoB,4BQqPtB,aRnPwB,qBQqPtB,qGAEA,yBAGE,oCAIJ,qCACE,iCACA,sCAEA,aRnRY,gBQqRV,0CAGF,aRxRY,wCQ6Rd,eACE,wCAIJ,UACE,0BAIA,aRxRsB,4BQ2RpB,aR1RsB,qBQ4RpB,qGAEA,yBAGE,iCAIJ,URtTI,gBQwTF,wBAIJ,eACE,kBC/TJ,kCACE,kBACA,gBACA,mBACA,8BAEA,yBACE,qCAGF,iBAVF,eAWI,gBACA,gBACA,6BAGF,eACE,SACA,gBACA,gFAEA,yBAEE,sCAIJ,UACE,yBAGF,kBTpBW,6GSuBT,sBAGE,CAHF,cAGE,8IAIA,eAGE,0BACA,iJAKF,yBAGE,kLAIA,iBAGE,qCAKN,4GACE,yBAGE,uCAKN,kBACE,qBAIJ,WACE,eACA,mBT7DwB,WAlBlB,oBSkFN,iBACA,YACA,iBACA,SACA,yBAEA,UACE,YACA,sBACA,iBACA,UT5FI,gFSgGN,kBAGE,qNAKA,kBTxFoB,4ISgGpB,kBT9GQ,qCSqHV,wBACE,YACE,0DAOJ,YACE,uCAGF,2BACE,gBACA,uDAEA,SACE,SACA,yDAGF,eACE,yDAGF,gBACE,iBACA,mFAGF,UACE,qMAGF,eAGE,iCC/JN,u+KACE,uCAEA,u+KACE,0CAIJ,u+KACE,WCTF,gCACE,4CACA,cAGF,aACE,eACA,iBACA,cXYwB,SWVxB,uBACA,UACA,eACA,wCAEA,yBAEE,uBAGF,aXFsB,eWIpB,SAIJ,wBXN0B,YWQxB,kBACA,sBACA,WX5BM,eW8BN,qBACA,oBACA,eACA,gBACA,YACA,iBACA,iBACA,gBACA,eACA,kBACA,kBACA,qBACA,uBACA,2BACA,mBACA,WACA,4CAEA,wBAGE,4BACA,sBAGF,eACE,mFAEA,wBXxDQ,gBW4DN,mCAIJ,wBXlDsB,eWqDpB,2BAGF,QACE,wDAGF,mBAGE,yGAGF,cAIE,iBACA,YACA,oBACA,iBACA,4BAGF,aXpFW,mBAOW,qGWiFpB,wBAGE,8BAIJ,kBX1EsB,2GW6EpB,wBAGE,0BAIJ,aXlGsB,uBWoGpB,iBACA,yBACA,+FAEA,oBAGE,cACA,mCAGF,UACE,uBAIJ,aACE,WACA,kBAIJ,YACE,cACA,kBACA,cAGF,oBACE,UACA,cXpHsB,SWsHtB,kBACA,uBACA,eACA,2BACA,2CACA,2DAEA,aAGE,qCACA,4BACA,2CACA,oBAGF,mCACE,uBAGF,aACE,6BACA,eACA,qBAGF,aX5JwB,gCWgKxB,QACE,uEAGF,mBAGE,uBAGF,aX9JsB,sFWiKpB,aAGE,qCACA,6BAGF,mCACE,gCAGF,aACE,6BACA,8BAGF,aX7LsB,uCWgMpB,aACE,wBAKN,sBACE,0BACA,yBACA,kBACA,YACA,8BAEA,yBACE,mBAKN,aXvMwB,SWyMtB,kBACA,uBACA,eACA,gBACA,eACA,cACA,iBACA,UACA,2BACA,2CACA,0EAEA,aAGE,qCACA,4BACA,2CACA,yBAGF,mCACE,4BAGF,aACE,6BACA,eACA,0BAGF,aXpPwB,qCWwPxB,QACE,sFAGF,mBAGE,CAKF,0BADF,iBAUE,CATA,WAGF,WACE,cACA,qBACA,QACA,SAEA,+BAEA,kBAEE,mBACA,oBACA,kBACA,mBACA,iBAKF,WACE,eAIJ,YACE,iCAGE,mBACA,eAEA,gBACA,wCAEA,aXzSsB,sDW6StB,YACE,2CAGF,oBACE,kBACA,yBACA,sBACA,WACA,YACA,cACA,kBACA,SACA,kBACA,sBACA,kDAEA,oBX9ToB,yDWqUxB,aX9UW,mBWgVT,mBXzUoB,oCW2UpB,iBACA,kBACA,eACA,gBACA,6CAEA,aXxVS,gBW0VP,CAII,kRADF,eACE,wCAKN,aX9UoB,gBWgVlB,0BACA,yIAEA,oBAGE,sCAKN,iBACE,QACA,UACA,kDAGF,iBACE,mGAGF,iBAGE,WACA,8BAGF,QACE,wBACA,UACA,qDAEA,WACE,mBACA,UACA,mFAIJ,aAEE,sBACA,WACA,SACA,cXlZS,gBATL,aW8ZJ,oBACA,eACA,gBACA,SACA,UACA,yIAEA,aXvYoB,CWqYpB,sHAEA,aXvYoB,CWqYpB,8HAEA,aXvYoB,CWqYpB,gIAEA,aXvYoB,CWqYpB,4GAEA,aXvYoB,+FW2YpB,SACE,qCAGF,kFAvBF,cAwBI,sCAIJ,iBACE,+CAGF,gBACE,0BACA,iBACA,mBACA,YACA,qBACA,kEAEA,SACE,qCAGF,8CAZF,sBAaI,gBACA,2DAIJ,iBACE,SACA,kDAGF,qBACE,aACA,kBACA,SACA,WACA,WACA,sCACA,mBXncsB,0BWqctB,cX7cS,eW+cT,YACA,6FAEA,aACE,wDAIJ,YACE,eACA,kBACA,yPAEA,kBAIE,wGAIJ,YAGE,mBACA,mBACA,2BACA,iBACA,eACA,oCAGF,6BACE,0CAEA,aACE,gBACA,uBACA,mBACA,2CAGF,eACE,0CAGF,aACE,iBACA,gBACA,uBACA,mBACA,8EAIJ,aAEE,iBACA,WACA,YACA,2DAGF,aXzfsB,wCW6ftB,aXlhBW,oBWohBT,eACA,gBX9hBI,sEWiiBJ,eACE,uEAGF,YACE,mBACA,YACA,eACA,8DAGF,UACE,cACA,WACA,uEAEA,iFACE,aACA,uBACA,8BACA,UACA,4BACA,oFAEA,aACE,cXziBgB,eW2iBhB,gBACA,aACA,oBACA,6QAEA,aAGE,8EAIJ,SACE,0EAIJ,iBACE,UACA,SACA,OACA,QACA,sBACA,gFACA,aACA,UACA,4BACA,mFAEA,sBACE,cXzkBgB,SW2kBhB,UACA,SACA,WACA,oBACA,eACA,gBACA,yFAEA,UXpmBF,8GWwmBE,WACE,cXxlBc,CAjBlB,oGWwmBE,WACE,cXxlBc,CAjBlB,wGWwmBE,WACE,cXxlBc,CAjBlB,yGWwmBE,WACE,cXxlBc,CAjBlB,+FWwmBE,WACE,cXxlBc,iFW6lBlB,SACE,wEAKN,iBACE,sBXtnBE,wBWwnBF,sBACA,4BACA,aACA,WACA,gBACA,8CAIJ,YACE,mBACA,0BACA,aACA,8BACA,cACA,qEAEA,YACE,uGAEA,gBACE,qGAGF,YACE,6IAEA,aACE,2IAGF,gBACE,0HAKN,sBAEE,cACA,0EAGF,iBACE,iBACA,sCAIJ,YACE,yBACA,YACA,cACA,4EAEA,eACE,iBACA,oBAKN,cACE,kDACA,eACA,gBACA,cX3pBsB,4CW8pBtB,aXzrBY,kCW8rBd,2CACE,WCpsBF,8DDysBE,sBACA,CADA,kBACA,wBACA,WACA,YACA,eAEA,UACE,kBAIJ,iBACE,mBACA,mBXpsBsB,aWssBtB,gBACA,gBACA,cACA,0BAGF,iBACE,gBACA,0BAGF,WACE,iBACA,gCAGF,aX7tBa,cW+tBX,eACA,iBACA,gBACA,mBACA,qBACA,kCAGF,UACE,iBACA,+BAGF,cACE,4CAGF,iBAEE,eACA,iBACA,qBACA,gBACA,gBACA,uBACA,gBACA,WXlwBM,wDWqwBN,SACE,wGAGF,kBACE,sJAEA,oBACE,gEAIJ,UACE,YACA,gBACA,oDAGF,cACE,iBACA,sBACA,CADA,gCACA,CADA,kBACA,gDAGF,kBACE,qBACA,sEAEA,eACE,gDAIJ,aX1xBc,qBW4xBZ,4DAEA,yBACE,oEAEA,aACE,4EAKF,oBACE,sFAEA,yBACE,wDAKN,aX9xBoB,8EWmyBtB,aACE,0GAGF,kBXvyBsB,sHW0yBpB,kBACE,qBACA,8IAGF,QACE,0XAGF,mBAGE,0FAIJ,YACE,wJAEA,aACE,6CAKN,gBACE,oCAGF,aACE,eACA,iBACA,cACA,SACA,uBACA,CACA,eACA,oFAEA,yBAEE,gCAIJ,oBACE,kBACA,uBACA,SACA,cXh3BW,gBWk3BX,eACA,cACA,iBACA,eACA,sBACA,4BAGF,aXr2BwB,SWu2BtB,kBACA,kBACA,oBACA,SACA,aACA,sBACA,WACA,WACA,gCACA,+BAGF,UACE,kBACA,kBAIA,SACE,mBACA,wCAEA,kBACE,8CAEA,sBACE,iFAIJ,kBAEE,SAMJ,yBACA,kBACA,gBACA,gCACA,eACA,UAaA,mCACA,CADA,0BACA,wDAZA,QARF,kBAWI,0BAGF,GACE,aACA,WALA,gBAGF,GACE,aACA,uDAMF,cAEE,kCAGF,kBACE,4BACA,sCAIA,aX37BoB,CAPX,uEW28BP,aX38BO,kCW+8BP,aXx8BkB,gCW68BpB,aXp9BS,kCWu9BP,aX98BoB,gEWk9BpB,UXp+BE,mBAgBgB,sEWw9BhB,kBACE,+CAQR,sBACE,qEAEA,aACE,qDAKN,aX59BwB,YW+9BtB,eACA,uBAGF,aXn+BwB,qCWu+BxB,aACE,eACA,mBACA,eAGF,cACE,mBAGF,+BACE,aACA,6CAEA,uBACE,OACA,4DAEA,eACE,8DAGF,SACE,mBACA,qHAGF,cAEE,gBACA,4EAGF,cACE,0BAKN,kBACE,aACA,cACA,uBACA,aACA,kBAGF,gBACE,cXvhCsB,CWyhCtB,iBACA,eACA,kBACA,+CAEA,aX9hCsB,uBWkiCtB,aACE,gBACA,uBACA,qBAIJ,kBACE,aACA,eACA,8BAEA,mBACE,kBACA,mBACA,yDAEA,gBACE,qCAGF,oBACE,WACA,eACA,gBACA,cX3jCkB,4BWikCxB,iBACE,8BAGF,cACE,cACA,uCAGF,aACE,aACA,mBACA,uBACA,kBACA,kBAGF,kBACE,kBACA,wBAEA,YACE,eACA,8BACA,uBACA,uFAEA,SAEE,mCAIJ,cACE,iBACA,6CAEA,UACE,YACA,gBACA,kEAGF,gBACE,gBACA,+DAIJ,cAEE,wBAIJ,eACE,cXznCsB,eW2nCtB,iBACA,8BAGF,kBACE,6BACA,gCACA,aACA,mBACA,eACA,wBAGF,aACE,qBACA,uDAGF,oBAEE,gBACA,eACA,gBACA,2BAGF,aX1qCa,eW4qCX,6BAEA,aXzpCsB,SW8pCxB,YACE,gCACA,8BAEA,aACE,cACA,WXlsCI,qBWosCJ,eACA,gBACA,kBAIJ,YACE,iBAGF,WACE,aACA,mBACA,UAGF,YACE,gCACA,kBAEA,SACE,gBACA,2CAEA,aACE,iCAIJ,aACE,cACA,cXntCoB,gBWqtCpB,qBACA,eACA,mBAIJ,YACE,0BAGF,UACE,iBACA,kBACA,kBAGF,iBEtvCE,iCACA,wBACA,4BACA,kBFqvCA,yBAEA,oBACE,sBACA,iBACA,4BAGF,iBEhwCA,iCACA,wBACA,4BACA,kBF+vCE,gBACA,kBACA,eACA,gCAEA,UACE,kBACA,sBACA,mCAGF,aACE,kBACA,QACA,SACA,+BACA,WXjxCE,6BWmxCF,gBACA,eACA,oBAKN,cACE,0BAGF,UACuB,sCEvxCrB,+BFyxCA,iBElyCA,iCACA,wBACA,4BACA,WFiyCuB,sCE3xCvB,kCF8xCA,iBEvyCA,iCACA,wBACA,4BACA,WFsyCuB,sCEhyCvB,kBFkyCE,SACA,QACA,UACA,wBAIJ,WACE,aACA,mBACA,sBAGF,YACE,6BACA,cX3xCsB,6BW8xCtB,eACE,CAII,kMADF,eACE,wBAKN,eACE,cACA,0BACA,yFAEA,oBAGE,sBAKN,4BACE,gCACA,iBACA,gBACA,cACA,aACA,+BAGF,YACE,4CAEA,qBACE,oFAIA,QACE,WACA,uDAGF,WACE,iBACA,gBACA,WACA,4BAKN,YACE,cACA,iBACA,kBACA,2BAGF,oBACE,gBACA,cACA,+BACA,eACA,oCACA,kCAEA,+BACE,gCAGF,aACE,eACA,cXv3CoB,kCW23CtB,aACE,eACA,gBACA,WX94CI,CWm5CA,2NADF,eACE,oBAMR,iBACE,mDAEA,aACE,mBACA,gBACA,4BAIJ,UACE,kBACA,6JAGF,oBAME,4DAKA,UXn7CM,kBWy7CN,UACE,iKAQF,yBACE,+BAIJ,aACE,gBACA,uBACA,0DAGF,aAEE,sCAGF,kBACE,gCAGF,aXr8C0B,cWu8CxB,iBACA,mBACA,gBACA,2EAEA,aAEE,uBACA,gBACA,uCAGF,cACE,WXr+CI,kCW0+CR,UACE,kBACA,iBAGF,WACE,UACA,kBACA,SACA,WACA,iBAGF,UACE,kBACA,OACA,MACA,YACA,eACA,CX/9CsB,gHWy+CtB,aXz+CsB,wBW6+CtB,UACE,wCAGF,kBXj/CsB,cArBX,8CW0gDT,kBACE,qBACA,wBAKN,oBACE,gBACA,eACA,cX7gDsB,eW+gDtB,iBACA,kBACA,4BAEA,aXjhDwB,6BWqhDxB,cACE,gBACA,uBACA,uCAIJ,UACE,kBACA,CX5iDU,mEWmjDZ,aXnjDY,uBWujDZ,aXxjDc,4DW8jDV,4CACE,CADF,oCACE,8DAKF,6CACE,CADF,qCACE,6BAKN,aACE,gBACA,qBACA,mCAEA,UXllDM,0BWolDJ,8BAIJ,WACE,eAGF,aACE,eACA,gBACA,uBACA,mBACA,qBAGF,eACE,wBAGF,cACE,+DAKA,yBACE,eAIJ,iBACE,WACA,YACA,aACA,mBACA,uBACA,sBACA,6CAEA,cXzkD4B,eAEC,0DW0kD3B,sBACA,CADA,gCACA,CADA,kBACA,4BAGF,iBACE,qEAGF,YACE,iBAIJ,iBACE,WACA,YACA,aACA,mBACA,uBACA,qBAEA,cXjmD4B,eAEC,WWkmD3B,YACA,sBACA,CADA,gCACA,CADA,kBACA,iBAIJ,YACE,aACA,mBACA,cACA,eACA,cXlpDsB,wBWqpDtB,aXppDwB,mBWwpDxB,aACE,4BAGF,oBACE,0CAGF,iBACE,6DAEA,iBACE,oBACA,qCACA,UACA,4EAGF,mBACE,gCACA,UACA,0BAKN,aACE,gBACA,iBACA,gBACA,gBACA,kCAGF,aACE,gBACA,gBACA,uBACA,+BAGF,aACE,qBACA,WAGF,oBACE,oBAGF,YACE,kBACA,2BAGF,+BACE,mBACA,SACA,gBAGF,kBXrtD0B,cWutDxB,kBACA,uCACA,aACA,mBAEA,eACE,qBAGF,yBACE,oBAGF,yBACE,uBAGF,sBACE,sBAGF,sBACE,uBAIJ,iBACE,QACA,SACA,2BACA,4BAEA,UACE,gBACA,2BACA,0BX1vDsB,2BW8vDxB,WACE,iBACA,uBACA,yBXjwDsB,8BWqwDxB,QACE,iBACA,uBACA,4BXxwDsB,6BW4wDxB,SACE,gBACA,2BACA,2BX/wDsB,wBWqxDxB,cACE,iBACA,cACA,iBACA,sBACA,qBACA,mBX3xDsB,cARb,gBWsyDT,uBACA,mBACA,yFAEA,kBXjyDsB,cADA,UWuyDpB,sCAKN,aACE,iBACA,gBACA,QACA,gBACA,aACA,yCAEA,eACE,mBXrzDsB,cWuzDtB,kBACA,mCACA,gBACA,kBACA,sDAGF,OACE,wDAIA,UACE,8CAIJ,cACE,iBACA,cACA,iBACA,sBACA,qBACA,mBX90DsB,cARb,gBWy1DT,uBACA,mBACA,oDAEA,SACE,oDAGF,kBXx1DsB,cADA,iBWg2D1B,qBACE,eAGF,YACE,cACA,mBACA,2BACA,gBACA,kBACA,4BAEA,iBACE,uBAGF,YACE,uBACA,WACA,YACA,iBACA,6BAEA,WACE,gBACA,oBACA,aACA,yBACA,gBACA,oCAEA,0BACE,oCAGF,cACE,YACA,oBACA,YACA,6BAIJ,qBACE,WACA,gBACA,cACA,aACA,sBACA,qCAEA,4BARF,cASI,qBAMR,kBACE,wBACA,CADA,eACA,MACA,UACA,cACA,qCAEA,mBAPF,gBAQI,+BAGF,eACE,qCAEA,6BAHF,kBAII,gKAMJ,WAIE,mCAIJ,YACE,mBACA,uBACA,YACA,SAGF,WACE,kBACA,sBACA,aACA,sBACA,qBAEA,kBX78DW,8BW+8DT,+BACA,KAIJ,aACE,CACA,qBACA,WACA,YACA,aAJA,YAYA,CARA,QAGF,WACE,sBACA,CACA,qBACA,kBACA,cAGF,aACE,cACA,sBACA,cXh+DsB,qBWk+DtB,kBACA,eACA,oCACA,iBAGF,aAEE,gBACA,qCAGF,cACE,SACE,iBAGF,aAEE,CAEA,gBACA,yCAEA,iBACE,uCAGF,kBACE,qDAKF,gBAEE,kBACA,YAKN,qBACE,aACA,mBACA,cACA,gBACA,iBAGF,aACE,cACA,CACA,sBACA,WXxiEM,qBW0iEN,kBACA,eACA,gBACA,gCACA,2BACA,mDACA,qBAEA,eACE,eACA,qCAMA,mEAHF,kBAII,4BACA,yBAIJ,+BACE,cX/iEsB,sBWmjExB,eACE,aACA,qCAIJ,qBAEI,cACE,wBAKN,qBACE,WACA,YACA,cACA,6DAEA,UAEE,YACA,UACA,wCAGF,YACE,cACA,kDACA,qCAEA,uCALF,aAMI,yCAIJ,eACE,oCAGF,YACE,uDAGF,cACE,sCAGF,gBACE,eACA,CACA,2BACA,yCAGF,QACE,mCAGF,gBACE,yBAEA,kCAHF,eAII,sCAIJ,sBACE,gBACA,sCAGF,uCACE,YACE,iKAEA,eAGE,6CAIJ,gBACE,2EAGF,YAEE,kGAGF,gBACE,+BAGF,2BACE,gBACA,uCAEA,SACE,SACA,wCAGF,eACE,wCAGF,gBACE,iBACA,qDAGF,UACE,gLAGF,eAIE,gCAIJ,iBACE,6CAEA,cACE,8CAKF,gBACE,iBACA,6DAGF,UACE,CAIA,yFAGF,eACE,8DAGF,gBACE,kBACA,0BAMR,cACE,aACA,uBACA,mBACA,gBACA,iBACA,iBACA,gBACA,mBACA,WX/uEM,kBWivEN,eACA,iBACA,qBACA,sCACA,4FAEA,kBAGE,qCAIJ,UACE,UACE,uDAGF,kCACE,4DAGF,kBAGE,yBAGF,aACE,iBAGF,eAEE,sCAIJ,2CACE,YACE,sCAOA,sEAGF,YACE,uCAIJ,0CACE,YACE,uCAIJ,UACE,YACE,mBAIJ,iBACE,yBAEA,iBACE,SACA,UACA,mBXxyEsB,yBW0yEtB,gBACA,kBACA,eACA,gBACA,iBACA,WXj0EI,mDWs0ER,oBACE,gBAGF,WACE,gBACA,aACA,sBACA,yBACA,kBACA,gCAEA,gBACE,oBACA,cACA,gBACA,6BAGF,sBACE,8BAGF,MACE,kBACA,aACA,sBACA,iBACA,oBACA,oBACA,mDAGF,eACE,sBXx2EI,0BW02EJ,cACA,gDAGF,iBACE,gDAGF,WACE,mBAIJ,eACE,mBACA,yBACA,gBACA,aACA,sBACA,qBAEA,aACE,sBAGF,aACE,SACA,CACA,4BACA,cACA,qDAHA,sBAOA,gBAMF,WACA,kBAGA,+BANF,qBACE,UACA,CAEA,eACA,aAiBA,CAhBA,eAGF,iBACE,MACA,OACA,mBACA,CAGA,qBACA,CACA,eACA,WACA,YACA,kBACA,uBAEA,kBX/5EW,0BWo6Eb,u1BACE,OACA,gBACA,aACA,8BAEA,aACE,sBACA,CADA,4DACA,CADA,kBACA,+BACA,CADA,2BACA,WACA,YACA,oBACA,eACA,yBACA,CADA,qBACA,CADA,oBACA,CADA,gBACA,sCAGF,yBAjBF,aAkBI,iBAIJ,kBACE,eACA,gBACA,iBAGF,aACE,eACA,mBACA,mBACA,aACA,mBACA,kBACA,mBAEA,iCACE,yBAEA,kBACE,mCACA,aAKN,iBACE,kBACA,cACA,iCACA,mCAEA,eACE,yBAGF,YAVF,cAWI,oBAGF,YACE,sBACA,qBAGF,aACE,kBACA,iBACA,yBAKF,uBADF,YAEI,sBAIJ,qBACE,WACA,mBACA,cX7+EwB,eW++ExB,cACA,eACA,oBACA,SACA,iBACA,aACA,SACA,UACA,UACA,2BAEA,yBACE,6BAIJ,kBACE,SACA,oBACA,cXlgFwB,eWogFxB,mBACA,eACA,kBACA,UACA,mCAEA,yBACE,wCAGF,kBACE,2BAIJ,oBACE,iBACA,2BAGF,iBACE,kCAGF,cACE,cACA,eACA,aACA,kBACA,QACA,UACA,eAGF,oBACE,kBACA,eACA,6BACA,SACA,UACA,yBACA,CADA,qBACA,CADA,oBACA,CADA,gBACA,0CACA,wCACA,iCAGF,QACE,mBACA,WACA,YACA,gBACA,UACA,kBACA,UACA,yBAGF,kBACE,WACA,wBACA,qBAGF,UACE,YACA,UACA,mBACA,yBXhlFW,qCWklFX,sEAGF,wBACE,4CAGF,wBXhlF0B,+EWolF1B,wBACE,2BAGF,iBACE,WACA,YACA,MACA,SACA,gBACA,mBACA,cACA,SACA,UACA,6BACA,CAKA,uEAFF,SACE,6BAeA,CAdA,sBAGF,iBACE,WACA,YACA,MACA,SACA,gBACA,mBACA,cACA,WAGA,8CAGF,SACE,qBAGF,iBACE,QACA,SACA,WACA,YACA,yBACA,kBACA,yBACA,sBACA,yBACA,sCACA,4CAGF,SACE,qBX5oFwB,cWgpF1B,kBACE,WXnqFM,cWqqFN,eACA,aACA,qBACA,2DAEA,kBAGE,oBAGF,SACE,2BAGF,sBACE,cXpqFsB,kGWuqFtB,sBAGE,WX3rFE,kCW+rFJ,aX7qFsB,oBWmrF1B,oBACE,iBACA,qBAGF,oBACE,kBACA,eACA,iBACA,gBACA,mBXtsFW,gBWwsFX,iBACA,oBAGF,kBX5sFa,cAqBW,iBW0rFtB,eACA,gBACA,eACA,yDAGF,kBXrtFa,cW2tFb,aACE,kBAGF,aX1sFwB,cW4sFtB,8BACA,+BACA,4EAEA,0BAGE,CAHF,uBAGE,CAHF,kBAGE,kDAMA,sBACA,YACA,wDAEA,kBACE,8DAGF,cACE,sDAGF,cACE,0DAEA,aXxuFkB,0BW0uFhB,sDAIJ,oBACE,cX7vFkB,sMWgwFlB,yBAGE,oDAKN,aX1vFsB,0BWgwFtB,aACE,UACA,mCACA,CADA,0BACA,gBACA,6BAEA,cACE,cXrxFkB,aWuxFlB,gBACA,gCACA,sCAGF,oDACE,YACE,uCAIJ,oDACE,YACE,uCAIJ,yBA1BF,YA2BI,yCAGF,eACE,aACA,iDAEA,aXhzFkB,qBWuzFxB,eACE,gBACA,2BAEA,iBACE,aACA,wBAGF,kBACE,yBAGF,oBACE,gBACA,yBACA,yBACA,eAIJ,aACE,sBACA,WACA,SACA,cXv1FW,gBATL,aWm2FN,oBACA,eACA,gBACA,SACA,UACA,kBACA,qBAEA,SACE,qCAGF,cAnBF,cAoBI,oDAIJ,uBACE,YACA,6CACA,uBACA,sBACA,WACA,0DAEA,sBACE,0DAKJ,uBACE,2BACA,gDAGF,aXz2FwB,6BW22FtB,uDAGF,aX13F0B,cW83F1B,YACE,eACA,yBACA,kBACA,cXt3FsB,gBWw3FtB,qBACA,gBACA,uBAEA,QACE,OACA,kBACA,QACA,MAIA,iDAHA,YACA,uBACA,mBAUE,CATF,0BAEA,yBACE,kBACA,iBACA,cAIA,sDAGF,cAEE,cX/5FoB,uBWi6FpB,SACA,cACA,qBACA,eACA,iBACA,sMAEA,UXz7FE,yBWg8FJ,cACE,kBACA,YACA,eAKN,cACE,qBAEA,kBACE,oBAIJ,cACE,cACA,qBACA,WACA,YACA,SACA,2BAIA,UACE,YACA,qBAIJ,aACE,gBACA,kBACA,cXn9FsB,gBWq9FtB,uBACA,mBACA,qBACA,uBAGF,aACE,gBACA,2BACA,2BAGF,aXj+FwB,oBWq+FxB,aACE,eACA,eACA,gBACA,uBACA,mBACA,qBAGF,cACE,mBACA,kBACA,yBAEA,cACE,kBACA,yBACA,QACA,SACA,+BACA,yBAIJ,aACE,6CAEA,UACE,mDAGF,yBACE,6CAGF,mBACE,sBAIJ,oBACE,kCAEA,QACE,4CAIA,oBACA,0CAGF,kBACE,0CAGF,aACE,6BAIJ,wBACE,2BAGF,yBACE,cACA,SACA,WACA,YACA,oBACA,CADA,8BACA,CADA,gBACA,sBACA,wBACA,YAGF,aACE,cXpiGsB,6BWsiGtB,SACA,kBACA,kBACA,oBACA,SACA,aACA,sBACA,WACA,WACA,qBACA,kBAEA,kBACE,WAIJ,+BACE,yBAGF,iBACE,eACA,gBACA,cX9jGsB,mBArBX,eWslGX,aACA,cACA,sBACA,mBACA,uBACA,aACA,qEAGE,aAEE,WACA,aACA,SACA,yCAIJ,gBACE,gCAGF,eACE,uCAEA,aACE,mBACA,cX5lGkB,qCWgmGpB,cACE,gBACA,yBAKN,iBACE,cACA,uCAGE,aACE,WACA,kBACA,SACA,OACA,QACA,cACA,UACA,oBACA,YACA,UACA,oFACA,gBAKN,YACE,eACA,mBACA,cACA,eACA,kBACA,UACA,UACA,gBACA,2BACA,4BACA,uBAEA,QACE,SACA,yBACA,cACA,uBACA,aACA,gBACA,uBACA,gBACA,mBACA,OACA,4CAGF,aXpqGwB,uBWwqGxB,uCACE,4CAEA,aX3qGsB,0CW6qGpB,4CAIJ,SAEE,yBAIJ,WACE,aACA,uBAGF,kBACE,iCAGF,iBACE,wBAGF,kBACE,SACA,cXxsGsB,eW0sGtB,eACA,eACA,8BAEA,aACE,CAKA,kEAEA,UXtuGI,mBWwuGF,6BAKN,eACE,gBACA,gBACA,cXhuGsB,0DWkuGtB,UACA,uCAEA,YACE,WACA,uCAGF,iBACE,gCAGF,QACE,uBACA,SACA,6BACA,cACA,mCAIJ,kBACE,aACA,mCAIA,aX7vGsB,0BW+vGpB,gCAIJ,WACE,4DAEA,cACE,uEAEA,eACE,WAKN,oBACE,UACA,oBACA,kBACA,cACA,SACA,uBACA,eACA,sBAGF,oBACE,iBACA,oBAGF,aXjxGwB,eWmxGtB,gBACA,iBACA,kBACA,QACA,SACA,+BACA,yBAEA,aACE,WACA,CACA,0BACA,oBACA,mBACA,4BAIJ,iBACE,QACA,SACA,+BACA,WACA,YACA,sBACA,6BACA,CACA,wBACA,kBACA,2CAGF,2EACE,CADF,mEACE,8CAGF,4EACE,CADF,oEACE,qCAGF,GACE,sBACE,KAGF,2BACE,KAGF,2BACE,KAGF,yBACE,IAGF,wBACE,EArBF,4BAGF,GACE,sBACE,KAGF,2BACE,KAGF,2BACE,KAGF,yBACE,IAGF,wBACE,uCAIJ,GACE,wBACE,KAGF,0BACE,KAGF,2BACE,KAGF,uBACE,IAGF,sBACE,EAtBA,6BAIJ,GACE,wBACE,KAGF,0BACE,KAGF,2BACE,KAGF,uBACE,IAGF,sBACE,mCAIJ,GACE,OACE,SACA,yBACA,KAGF,wBACE,KAGF,UACE,YACA,6BACA,kBACA,UACA,IAGF,UACE,YACA,eACA,UACA,6BACA,EA5BA,yBAIJ,GACE,OACE,SACA,yBACA,KAGF,wBACE,KAGF,UACE,YACA,6BACA,kBACA,UACA,IAGF,UACE,YACA,eACA,UACA,6BACA,kCAIJ,GACE,gBACA,aACA,aAPE,wBAIJ,GACE,gBACA,aACA,gCAGF,kBACE,gBXz6GM,WACA,eW26GN,aACA,sBACA,YACA,uBACA,eACA,kBACA,kBACA,YACA,gBAGF,eXv7GQ,cAiBgB,SWy6GtB,UACA,WACA,YACA,kBACA,wBACA,CADA,oBACA,CADA,eACA,iEAEA,SAGE,cACA,yBAIJ,aACE,eACA,yBAGF,aACE,eACA,gBACA,iBAGF,KACE,OACA,WACA,YACA,kBACA,YACA,2BAEA,aACE,SACA,QACA,WACA,YACA,6BAGF,mBACE,yBAGF,YACE,0BAGF,aACE,uBACA,WACA,YACA,SACA,iCAEA,oBACE,0BACA,kBACA,iBACA,WXt/GE,gBWw/GF,eACA,+LAMA,yBACE,mEAKF,yBACE,6BAMR,kBACE,iBAGF,kBACE,6BACA,gCACA,aACA,mBACA,eACA,kDAGF,aAEE,kBACA,yBAGF,kBACE,aACA,2BAGF,aXphHwB,eWshHtB,cACA,gBACA,mBACA,kDAIA,kBACE,oDAIA,SEtiHF,sBACA,WACA,SACA,gBACA,oBACA,mBbRW,cAOW,eaItB,SACA,+EFgiHI,aACE,CEjiHN,qEFgiHI,aACE,CEjiHN,yEFgiHI,aACE,CEjiHN,0EFgiHI,aACE,CEjiHN,gEFgiHI,aACE,sEAGF,QACE,yLAGF,mBAGE,0DAGF,kBACE,qCAGF,mDArBF,cAsBI,yDAIJ,aX9iHoB,iBWgjHlB,eACA,4DAGF,gBACE,wDAGF,kBACE,gEAEA,cACE,iNAEA,kBAGE,cACA,gHAKN,aXrlHoB,0HW0lHpB,cAEE,gBACA,cX/kHkB,kZWklHlB,aAGE,gEAIJ,wBACE,iDAGF,eX3nHI,kBa0BN,CAEA,eACA,cbbsB,uCaetB,UF8lHI,mBX5mHoB,oDagBxB,abjBsB,eamBpB,gBACA,mBACA,oDAGF,aACE,oDAGF,kBACE,oDAGF,eACE,cbxCS,sDWwnHT,WACE,mDAGF,aX5nHS,kBW8nHP,eACA,8HAEA,kBAEE,iCAON,kBACE,mBAIJ,UXxpHQ,kBW0pHN,cACA,mBACA,sBX7pHM,eW+pHN,gBACA,YACA,kBACA,WACA,yBAEA,SACE,iBAIJ,aACE,iBACA,wBAGF,aX9pHwB,qBWgqHtB,mBACA,gBACA,sBACA,uCAGF,aXxpHwB,mBArBX,kBWirHX,aACA,eACA,gBACA,eACA,aACA,cACA,mBACA,uBACA,yBAEA,sCAdF,cAeI,kDAGF,eACE,2CAGF,aX1rHwB,qBW4rHtB,uDAEA,yBACE,eAKN,qBACE,8BAGF,GACE,kBACE,2CACA,CADA,kCACA,KAGF,oBACE,0CACA,CADA,iCACA,KAGF,oBACE,2CACA,CADA,kCACA,KAGF,oBACE,0CACA,CADA,iCACA,KAGF,kBACE,2CACA,CADA,kCACA,EA1BF,qBAGF,GACE,kBACE,2CACA,CADA,kCACA,KAGF,oBACE,0CACA,CADA,iCACA,KAGF,oBACE,2CACA,CADA,kCACA,KAGF,oBACE,0CACA,CADA,iCACA,KAGF,kBACE,2CACA,CADA,kCACA,mCAIJ,8BACE,2DACA,CADA,kDACA,iCAGF,MACE,sBAEE,0BACA,KAGF,sBACE,aAGF,uBAGE,aAGF,sBAGE,KAGF,uBACE,KAGF,sBACE,EA/BF,wBAGF,MACE,sBAEE,0BACA,KAGF,sBACE,aAGF,uBAGE,aAGF,sBAGE,KAGF,uBACE,KAGF,sBACE,kCAIJ,yBACE,8EACA,CADA,qEACA,8BAGF,eX/xHQ,kBWiyHN,sCACA,kBACA,eACA,UACA,iDAEA,2BACE,2DAGF,UACE,mCAIJ,iBACE,SACA,WACA,eACA,yCAGF,iBACE,UACA,SACA,UACA,gBX3zHM,kBW6zHN,sCACA,gBACA,gDAEA,aACE,eACA,SACA,gBACA,uBACA,iKAEA,+BAGE,2DAIJ,WACE,wBAKF,2BACE,cAIJ,kBACE,0BACA,aACA,YACA,uBACA,OACA,UACA,kBACA,MACA,kBACA,WACA,aACA,gBAEA,mBACE,oBAIJ,WACE,aACA,aACA,sBACA,kBACA,YACA,0BAGF,iBACE,MACA,QACA,SACA,OACA,WACA,kBACA,mBXp3HW,kCWs3HX,uBAGF,MACE,aACA,mBACA,uBACA,cXr3HwB,eWu3HxB,gBACA,0BACA,kBACA,kBAGF,YACE,cXj3HsB,gBWm3HtB,aACA,sBAEA,cACE,kBACA,uBAGF,cACE,gBACA,cACA,0BAIJ,aACE,4BAGF,UACE,WACA,kBACA,mBXz4HsB,kBW24HtB,eACA,2BAGF,iBACE,OACA,MACA,WACA,mBX/5HwB,kBWi6HxB,eAGF,aACE,eACA,iBACA,gBACA,WACA,UACA,eACA,0CAEA,mBAEE,mBAGF,8BACE,CADF,sBACE,WACA,cACA,CACA,UACA,YACA,eACA,CAQE,6GAKN,SACE,oBACA,CADA,WACA,6BAGF,iBACE,gBX99HM,uCWg+HN,kBACA,iBACA,gBACA,iCAEA,yBACE,oCAGF,sBACE,2BAIJ,aXr+Ha,aWu+HX,eACA,aACA,kEAEA,kBXl+HwB,WAlBlB,UWw/HJ,CXx/HI,4RW6/HF,UX7/HE,wCWmgIN,kBACE,iCAIJ,YACE,mBACA,uBACA,kBACA,oCAGF,aACE,cXl/HsB,2CWq/HtB,eACE,cACA,cX5gIS,CWihIL,wQADF,eACE,mDAON,eXjiIM,0BWmiIJ,qCACA,gEAEA,eACE,0DAGF,kBXxhIsB,uEW2hIpB,UX7iIE,uDWmjIN,yBACE,sDAGF,aACE,sCACA,SAIJ,iBACE,gBAGF,SErjIE,sBACA,WACA,SACA,gBACA,oBACA,mBbRW,cAOW,eaItB,SACA,cF+iIA,CACA,2BACA,iBACA,eACA,2CAEA,aACE,CAHF,iCAEA,aACE,CAHF,qCAEA,aACE,CAHF,sCAEA,aACE,CAHF,4BAEA,aACE,kCAGF,QACE,6EAGF,mBAGE,sBAGF,kBACE,qCAGF,eA3BF,cA4BI,kCAKF,QACE,qDAGF,mBAEE,mBAGF,iBACE,SACA,WACA,UACA,qBACA,UACA,0BACA,sCACA,eACA,WACA,YACA,cXrmIsB,eWumItB,oBACA,0BAEA,mBACE,WACA,0BAIJ,uBACE,iCAEA,mBACE,uBACA,gCAIJ,QACE,uBACA,cX9mIoB,eWgnIpB,uCAEA,uBACE,sCAGF,aACE,yBAKN,aX5nIwB,mBW8nItB,aACA,gBACA,eACA,eACA,6BAEA,oBACE,iBACA,0BAIJ,iBACE,6BAEA,kBACE,gCACA,eACA,aACA,aACA,gBACA,eACA,cXppIoB,iCWupIpB,oBACE,iBACA,8FAIJ,eAEE,0BAIJ,aACE,aACA,cXlrIwB,qBWorIxB,+FAEA,aAGE,0BACA,uBAIJ,YACE,cXhsIsB,kBWksItB,aAGF,iBACE,8BACA,oBACA,aACA,sBAGF,cACE,MACA,OACA,QACA,SACA,0BACA,wBAGF,cACE,MACA,OACA,WACA,YACA,aACA,sBACA,mBACA,uBACA,2BACA,aACA,oBACA,yBACA,CADA,qBACA,CADA,oBACA,CADA,gBACA,oBAGF,mBACE,aACA,aACA,yBAGF,eACE,iBACA,yBAGF,UACE,cAGF,UACE,YACA,kBACA,qCAEA,UACE,YACA,aACA,mBACA,uBACA,2CAEA,cX7tI0B,eAEC,CWuuI7B,8CALF,iBACE,MACA,OACA,QACA,SAYA,CAXA,yBAQA,mBACA,8BACA,oBACA,4BAEA,mBACE,0DAGF,SACE,4DAEA,mBACE,mBAKN,yBACE,sBACA,SACA,WXzzIM,eW2zIN,aACA,mBACA,eACA,cACA,cACA,kBACA,kBACA,MACA,SACA,yBAGF,MACE,0BAGF,OACE,CASA,4CANF,UACE,kBACA,kBACA,OACA,YACA,oBAUA,6BAEA,WACE,sBAGF,mBACE,qBACA,gBACA,cXt1IsB,mFWy1ItB,yBAGE,wBAKN,oBACE,sBAGF,qBXt3IQ,YWw3IN,WACA,kBACA,YACA,UACA,SACA,YACA,8BAGF,wBX/2I0B,qBWm3I1B,iBACE,UACA,QACA,YACA,6CAGF,kBX33I0B,cARb,kBWw4IX,gBACA,aACA,sBACA,oBAGF,WACE,WACA,gBACA,iBACA,kBACA,wBAEA,iBACE,MACA,OACA,WACA,YACA,sBACA,aACA,aACA,CAGA,YACA,UACA,yBACA,CADA,qBACA,CADA,oBACA,CADA,gBACA,2CANA,qBACA,mBACA,uBAaF,CATE,mBAIJ,YACE,CAGA,iBACA,mDAGF,aAEE,mBACA,aACA,aACA,2DAEA,cACE,uLAGF,aXr6IsB,SWw6IpB,eACA,gBACA,kBACA,oBACA,YACA,aACA,kBACA,6BACA,+mBAEA,aAGE,yBACA,qiBAGF,aX98IS,qwDWk9IP,aAGE,sBAMR,sBACE,eAGF,iBACE,eACA,mBACA,sBAEA,eACE,cXr+IS,kBWu+IT,eACA,qBAGF,kBX3+IW,cAQa,gBWs+ItB,aACA,kBACA,kBAIJ,oBACE,eACA,gBACA,iBACA,wFAGF,kBAME,cXjgJW,kBWmgJX,gBACA,eACA,YACA,kBACA,sBACA,4NAEA,aACE,eACA,mBACA,wLAGF,WACE,UACA,kBACA,SACA,WACA,kRAGF,aACE,wBAKF,eXviJM,CAiBkB,gBWyhJtB,oBACA,iEX3iJI,2BAiBkB,yBWkiJ1B,iBACE,aACA,iCAEA,wBACE,CADF,qBACE,CADF,oBACE,CADF,gBACE,gBACA,2GAIJ,YAIE,8BACA,mBXjjJwB,aWmjJxB,iBACA,2HAEA,aACE,iBACA,cX3iJoB,mBW6iJpB,2IAGF,aACE,6BAIJ,cACE,2BAGF,WACE,eACA,0BAGF,gBAEE,sDAGF,qBAEE,eAGF,UACE,gBACA,0BAGF,YACE,6BACA,qCAEA,yBAJF,cAKI,gBACA,iDAIJ,qBAEE,UACA,qCAEA,+CALF,UAMI,sDAIJ,aAEE,gBACA,gBACA,gBACA,kBACA,2FAEA,aXrnJwB,iLWynJxB,aXloJW,qCWuoJX,oDAjBF,eAkBI,sCAKF,4BADF,eAEI,yBAIJ,YACE,+BACA,gBACA,0BAEA,cACE,iBACA,mBACA,sCAGF,aACE,sBACA,WACA,CACA,aXjqJS,gBATL,aW6qJJ,oBACA,eACA,YACA,CACA,SACA,kBACA,yBACA,iBACA,gBACA,gBACA,4CAEA,wBACE,+CAGF,eX7rJI,yBW+rJF,mBACA,kBACA,6DAEA,QACE,gBACA,gBACA,mEAEA,QACE,0DAIJ,aXpsJO,oBWssJL,eACA,gBXhtJA,+CWqtJJ,YACE,8BACA,mBACA,4CAIJ,aACE,cXptJS,eWstJT,gBACA,mBACA,wCAGF,eACE,mBACA,+CAEA,aX/tJS,eWiuJP,qCAIJ,uBAnFF,YAoFI,eACA,QACA,wCAEA,iBACE,iBAKN,eACE,eACA,wBAEA,eACE,iBACA,2CAGF,eACE,mBAGF,eACE,cACA,gBACA,+BAEA,4BACE,4BAGF,QACE,oCAIA,aX3wJO,aW6wJL,kBACA,eACA,mBACA,qBACA,8EAEA,eAEE,yWAOA,kBXnxJgB,WAlBlB,uDW4yJA,iBACE,oMAUR,aACE,iIAIJ,4BAIE,cXlyJsB,eWoyJtB,gBACA,6cAEA,aAGE,6BACA,qGAIJ,YAIE,eACA,iIAEA,eACE,CAII,w1BADF,eACE,sDAMR,iBAEE,oDAKA,eACE,0DAGF,eACE,mBACA,aACA,mBACA,wEAEA,aXv2JS,CWy2JP,gBACA,uBAKN,YACE,2CAEA,QACE,WACA,cAIJ,wBX/2J0B,WWi3JxB,kBACA,MACA,OACA,aACA,6BAGF,aACE,kBACA,WX54JM,0BW84JN,WACA,SACA,gBACA,kBACA,eACA,gBACA,UACA,oBACA,WACA,4BACA,iBACA,2DAKE,YACE,wDAKF,SACE,uBAKN,eACE,6BAEA,UACE,kBAIJ,YACE,eACA,yBACA,kBACA,gBACA,gBACA,wBAEA,aACE,cX75JoB,iBW+5JpB,eACA,+BACA,aACA,sBACA,mBACA,uBACA,eACA,4BAEA,aACE,wBAIJ,eACE,CACA,qBACA,aACA,sBACA,uBACA,2BAEA,aACE,cACA,0BAGF,oBACE,cX37JkB,gBW67JlB,gCAEA,yBACE,0BAKN,QACE,eACA,iDAEA,SACE,cACA,8BAGF,aX98JoB,gBWs9JtB,cACA,CACA,iBACA,CACA,UACA,qCANF,qBACE,CACA,eACA,CACA,iBAYA,CAVA,qBAGF,QACE,CACA,aACA,WACA,CACA,iBAEA,qEAGE,cACE,MACA,gCAKN,cACE,cACA,qBACA,cX//JwB,kBWigKxB,UACA,mEAEA,WAEE,WACA,CAIA,2DADF,mBACE,CADF,8BACE,CADF,gBX5hKM,CW6hKJ,wBAIJ,UACE,YACA,CACA,iBACA,MACA,OACA,UACA,gBXxiKM,iCW2iKN,YACE,sBAIJ,WACE,gBACA,kBACA,WACA,qCAGF,cACE,YACA,oBACA,CADA,8BACA,CADA,gBACA,kBACA,QACA,2BACA,WACA,UACA,sCAGF,0BACE,2BACA,gBACA,kBACA,qKAMA,WAEE,mFAGF,WACE,eAKJ,qBACE,kBACA,mBACA,kBACA,oBACA,cACA,wBAEA,eACE,YACA,yBAGF,cACE,kBACA,gBACA,gCAEA,UACE,cACA,kBACA,6BACA,WACA,SACA,OACA,oBACA,qCAIJ,qCACE,iCAGF,wBACE,uCAIA,mBACA,mBACA,6BACA,0BACA,eAIJ,eACE,kBACA,gBXxoKM,eW0oKN,kBACA,sBACA,cACA,wBAEA,eACE,sBACA,qBAGF,SACE,qBAGF,eACE,gBACA,UACA,0BAGF,oBACE,sBACA,SACA,gCAEA,wBACE,0BACA,qBACA,sBACA,UACA,4BAKF,qBACE,CADF,gCACE,CADF,kBACE,kBACA,QACA,2BACA,yBAIJ,iBACE,UACA,SACA,OACA,QACA,sBACA,iFACA,eACA,UACA,4BACA,gCAEA,SACE,6EAKF,iBAEE,wBAIJ,YACE,kBACA,MACA,OACA,WACA,YACA,UACA,SACA,gBXrtKI,cAiBgB,gBWusKpB,oBACA,+BAEA,aACE,oBACA,8GAEA,aAGE,+BAIJ,aACE,eACA,kCAGF,aACE,eACA,gBACA,4BAIJ,YACE,8BACA,oBACA,0DAEA,aACE,wBAIJ,cACE,mBACA,gBACA,uBACA,oCAGE,cACE,qCAKF,eACE,+BAIJ,sBACE,iBACA,eACA,SACA,0BACA,8GAEA,UXpxKE,+EW4xKN,cAGE,gBACA,6BAGF,UXnyKM,iBWqyKJ,yBAGF,oBACE,aACA,mDAGF,UX7yKM,uBWkzKN,cACE,YACA,eACA,8BAEA,UACE,WACA,+BAOA,6DANA,iBACA,cACA,kBACA,WACA,UACA,YAWA,CAVA,+BASA,kBACA,+BAGF,iBACE,UACA,kBACA,WACA,YACA,YACA,UACA,4BACA,mBACA,sCACA,oBACA,qBAIJ,gBACE,uBAEA,oBACE,eACA,gBACA,WXl2KE,sFWq2KF,yBAGE,qBAKN,cACE,YACA,kBACA,4BAEA,UACE,WACA,+BACA,kBACA,cACA,kBACA,WACA,SACA,2DAGF,aAEE,kBACA,WACA,kBACA,SACA,mBACA,6BAGF,6BACE,6BAGF,iBACE,UACA,UACA,kBACA,WACA,YACA,QACA,iBACA,4BACA,mBACA,sCACA,oBACA,CAGE,yFAKF,SACE,6GAQF,gBACE,oBACA,kBAON,UACE,cACA,+BACA,0BAEA,UACE,qCAGF,iBATF,QAUI,mBAIJ,qBACE,mBACA,uBAEA,YACE,kBACA,gBACA,gBACA,2BAEA,aACE,WACA,YACA,SACA,oBACA,CADA,8BACA,CADA,gBACA,uBAIJ,YACE,mBACA,mBACA,aACA,6BAEA,aACE,aACA,mBACA,qBACA,gBACA,qCAGF,UACE,eACA,cACA,+BAGF,aACE,WACA,YACA,gBACA,mCAEA,UACE,YACA,cACA,SACA,kBACA,mBACA,oBACA,CADA,8BACA,CADA,gBACA,qCAIJ,gBACE,gBACA,4CAEA,cACE,WX5/KF,gBW8/KE,gBACA,uBACA,0CAGF,aACE,eACA,cXr/Kc,gBWu/Kd,gBACA,uBACA,yBAKN,kBXrgLS,aWugLP,mBACA,uBACA,gDAEA,YACE,cACA,eACA,mDAGF,qBACE,kBACA,gCACA,WACA,gBACA,mBACA,gBACA,uBACA,qDAEA,YACE,iEAEA,cACE,sDAIJ,YACE,6BAOV,YACE,eACA,gBACA,wBAGF,QACE,sBACA,cACA,kBACA,kBACA,gBACA,WACA,+BAEA,iBACE,QACA,SACA,+BACA,eACA,sDAIJ,kBAEE,gCACA,eACA,aACA,cACA,oEAEA,kBACE,SACA,SACA,6HAGF,aAEE,cACA,cX7kLoB,eW+kLpB,eACA,gBACA,kBACA,qBACA,kBACA,yJAEA,aXrlLsB,qWWwlLpB,aAEE,WACA,kBACA,SACA,SACA,QACA,SACA,2BACA,CAEA,4CACA,CADA,kBACA,CADA,wBACA,iLAGF,WACE,6CACA,8GAKN,kBACE,gCACA,qSAKI,YACE,iSAGF,4CACE,cAOV,kBXzoLa,sBW4oLX,iBACE,4BAGF,aACE,eAIJ,cACE,kBACA,qBACA,cACA,iBACA,eACA,mBACA,gBACA,uBACA,eACA,oEAEA,YAEE,sBAGF,oBACE,kBACA,yBACA,sBACA,WACA,YACA,cACA,kBACA,SACA,kBACA,sBACA,8BAEA,oBACE,mBACA,2BAKN,eACE,gBAGF,eXvsLQ,kBa0BN,CACA,sBACA,gBACA,cbbsB,uCaetB,mBAEA,abjBsB,eamBpB,gBACA,mBACA,mBAGF,aACE,mBAGF,kBACE,mBAGF,eACE,cbxCS,UWksLb,iBACE,cAEA,WACE,WACA,sCACA,CADA,6BACA,cAGF,cACE,iBACA,cXrsLsB,gBWusLtB,gBAEA,aXxsLsB,0BW0sLpB,sBAEA,oBACE,4BAMR,GACE,cACA,eACA,WATM,mBAMR,GACE,cACA,eACA,qEAGF,kBAIE,sBAEE,8BACA,iBAGF,0BACE,kCACA,+BAIA,qDACE,uEACA,+CAGF,sBACE,8BACA,6DAIA,6BACE,6CACA,4EAIF,6BACE,6CACA,+CAOJ,gBAEE,+BAGF,gBACE,6CAEA,0BACE,wDAGF,eACE,6DAGF,iBACE,iBACA,2EAIA,mBACE,UACA,gCACA,WACA,0FAGF,mBACE,UACA,oCACA,eAOV,UACE,eACA,gBACA,iBAEA,YACE,gBACA,eACA,kBACA,sCAGF,YACE,4CAEA,kBACE,yDAGF,SACE,sBACA,cACA,WACA,SACA,aACA,gDACA,mBX70LO,WATL,eWy1LF,CACA,eACA,kBACA,2EAEA,QACE,wMAGF,mBAGE,+DAGF,kBACE,qCAGF,wDA7BF,cA8BI,4DAIJ,WACE,eACA,gBACA,SACA,kBACA,sBAMJ,sBACA,mBACA,6BACA,gCACA,+BAEA,iBACE,iBACA,cXt2LoB,CWy2LpB,eACA,eACA,oCAEA,aACE,gBACA,uBACA,oCAIJ,UACE,kBACA,uDAGF,iBACE,qDAGF,eACE,qBAKF,wBACA,aACA,2BACA,mBACA,mBACA,2BAEA,aACE,iCAEA,UACE,uCAEA,SACE,kCAKN,aACE,cACA,mBAIJ,cACE,kBACA,MACA,OACA,WACA,YACA,0BACA,cAGF,kBX37La,sBW67LX,kBACA,uCACA,YACA,gBACA,qCAEA,aARF,SASI,kBAGF,cACE,mBACA,gBACA,eACA,kBACA,0BACA,6BAGF,WACE,6BAGF,yBACE,sCAEA,uBACE,uCACA,wBACA,wBAIJ,eACE,kDAIA,oBACE,+BAIJ,cACE,sBAGF,eACE,aAIJ,kBXj/La,sBWm/LX,kBACA,uCACA,YACA,gBACA,qCAEA,YARF,SASI,uBAGF,kBACE,oBAGF,kBACE,YACA,0BACA,gBACA,mBAGF,YACE,gCACA,4BAGF,YACE,iCAGF,aACE,gBACA,qBACA,eACA,aACA,cAIJ,iBACE,YACA,gBACA,YACA,aACA,uBACA,mBACA,gBX3iMM,yDW8iMN,aAGE,gBACA,WACA,YACA,SACA,sBACA,CADA,gCACA,CADA,kBACA,gBXtjMI,uBW0jMN,iBACE,YACA,aACA,+BACA,iEACA,kBACA,wCACA,uBAGF,iBACE,WACA,YACA,MACA,OACA,uBAGF,iBACE,YACA,WACA,UACA,YACA,4BACA,6BAEA,UACE,8BAGF,UXvlMI,eWylMF,gBACA,cACA,kBACA,2BAGF,iBACE,mCACA,qCAIJ,oCACE,eAEE,uBAGF,YACE,4BAKN,aXjmMwB,eWmmMtB,gBACA,gBACA,kBACA,qBACA,6BAEA,kBACE,wCAEA,eACE,6BAIJ,aACE,0BACA,mCAEA,oBACE,kBAKN,eACE,2BAEA,UACE,8FAEA,8BAEE,CAFF,sBAEE,wBAIJ,iBACE,SACA,UACA,yBAGF,eACE,aACA,kBACA,mBACA,6BAEA,mBACE,CADF,8BACE,CADF,gBACE,cACA,WACA,YACA,SACA,uBAIJ,iBACE,mBACA,YACA,gCACA,+BAEA,aACE,cACA,WACA,iBACA,gDAEA,kBACE,yBACA,wBAKN,YACE,uBACA,gBACA,iBACA,iCAEA,YACE,mBACA,iBACA,gBACA,8CAEA,wBACE,kBACA,uBACA,YACA,yCAGF,YACE,8BAIJ,WACE,4CAEA,kBACE,wCAGF,UACE,YACA,iCAGF,cACE,iBACA,WXruMA,gBWuuMA,gBACA,mBACA,uBACA,uCAEA,aACE,eACA,cX9tMc,gBWguMd,gBACA,uBACA,gCAKN,aACE,uBAIJ,eACE,cACA,iDAGE,qBACA,WXlwME,gDWswMJ,QACE,6BACA,kDAEA,aACE,yEAGF,uBACE,4DAGF,aXjxMU,yBWuxMd,cACE,gCAEA,cACE,cX5wMkB,eW8wMlB,kCAEA,oBACE,cXjxMgB,qBWmxMhB,iBACA,gBACA,yCAEA,eACE,WXxyMF,iBWizMN,aXnxMsB,mBWqxMpB,gCACA,gBACA,aACA,eACA,eACA,qBAEA,oBACE,iBACA,eAIJ,YACE,mBACA,aACA,gCACA,0BAEA,eACE,qBAGF,aACE,cX7yMkB,gBW+yMlB,uBACA,mBACA,4BAEA,eACE,uBAGF,aXr0MkB,qBWu0MhB,eACA,gBACA,cACA,gBACA,uBACA,mBACA,qGAKE,yBACE,wBAMR,aACE,eACA,iBACA,gBACA,iBACA,mBACA,gBACA,cX/1MoB,0BWm2MtB,aACE,WACA,2CAEA,oCACE,yBACA,0CAGF,wBACE,eAMR,YACE,gCACA,CACA,iBACA,qBAEA,kBACE,UACA,uBAGF,aACE,CACA,sBACA,kBACA,uBAGF,oBACE,mBXr4MsB,kBWu4MtB,cACA,eACA,wBACA,wBAGF,aACE,CACA,0BACA,gBACA,8BAEA,eACE,aACA,2BACA,8BACA,uCAGF,cACE,cX75MkB,kBW+5MlB,+BAGF,aXl6MoB,eWo6MlB,mBACA,gBACA,uBACA,kBACA,gBACA,YACA,iCAEA,UX57ME,qBW87MA,oHAEA,yBAGE,0BAKN,qBACE,uBAIJ,kBACE,6BAEA,kBACE,oDAGF,eACE,6DAGF,UXx9MI,OcFR,eACE,eACA,UAEA,kBACE,kBACA,cAGF,iBACE,MACA,OACA,YACA,qBACA,kBACA,mBACA,sBAEA,kBdEsB,acGxB,iBACE,aACA,cACA,iBACA,eACA,gBACA,gEAEA,YAEE,gCAGF,aACE,8BAGF,aACE,sBACA,WACA,eACA,cdjCO,UcmCP,oBACA,gBd7CE,yBc+CF,kBACA,iBACA,oCAEA,oBdjCoB,wBcsCtB,cACE,sBAGF,YACE,mBACA,iBACA,cAIJ,oBACE,kBACA,yBACA,sBACA,WACA,YACA,cACA,kBACA,SACA,kBACA,sBACA,gBACA,mBACA,cACA,uBAEA,iBACE,qBAGF,oBdtFY,8Ec2FZ,gBAGE,gBACA,gCAGF,mBACE,SACA,wCAGF,mBAEE,eAIJ,oBACE,WACA,gBACA,CACA,oBACA,iBACA,gBACA,mBACA,cACA,mBAGF,UACE,iBACA,eAGF,eACE,mBACA,cdnGoB,acuGtB,cACE,uBACA,UACA,SACA,SACA,cd5GoB,0Bc8GpB,kBACA,mBAEA,oBACE,sCAGF,mCAEE,eAIJ,WACE,eACA,kBACA,eACA,6BAIJ,4BACE,gCAEA,YACE,2CAGF,4BACE,aACA,aACA,mBACA,mGAEA,YAEE,+GAEA,oBdhKoB,sDcsKxB,cACE,gBACA,iBACA,YACA,oBACA,cd/JoB,sCckKpB,gCAGF,YACE,mBACA,4CAEA,aACE,wBACA,iBACA,oCAIJ,uBACE,CADF,oBACE,CADF,eACE,sBACA,eACA,cdxMS,qBc0MT,WACA,UACA,oBACA,qXACA,yBACA,kBACA,CACA,yBACA,mDAGF,aACE,cAIJ,adrMwB,qBcwMtB,+BACE,6BAEA,+BACE,eC5ON,k1BACE,aACA,sBACA,aACA,UACA,yBAGF,YACE,OACA,sBACA,yBACA,2BAEA,MACE,iBACA,qCAIJ,gBACE,YACE,cCtBJ,cACE,qBACA,chBSW,2BgBNX,qBAEE,iBACA,+BAGF,WACE,iBAIJ,sBACE,6BAEA,uBACE,2BACA,4BACA,mBhBHsB,4BgBOxB,oBACE,8BACA,+BACA,aACA,qBAIJ,YACE,8BACA,cACA,chBLsB,cgBOtB,oBAGF,iBACE,OACA,kBACA,iBACA,gBACA,8BACA,eACA,0BAEA,aACE,6BAIJ,ahBpC0B,mCgBuCxB,aACE,oDAGF,WACE,wBAIJ,iBACE,YACA,OACA,WACA,WACA,yBhBrDwB,uBgB0DxB,oBACE,WACA,eACA,yBAGF,iBACE,gBACA,oBAIJ,iBACE,aACA,gBACA,kBACA,gBhB5FM,sBgB8FN,sGAEA,+BAEE,oBAKF,2BACA,gBhBxGM,0BgB2GN,cACE,gBACA,gBACA,oBACA,cACA,WACA,gCACA,chBzGS,yBgB2GT,kBACA,4CAEA,QACE,2GAGF,mBAGE,wCAKN,cACE,6CAEA,SACE,kBACA,kBACA,qDAGF,SACE,WACA,kBACA,MACA,OACA,WACA,YACA,sCACA,mBACA,4BAIJ,SACE,kBACA,wBACA,gBACA,MACA,iCAEA,aACE,WACA,gBACA,gBACA,gBhBpKI,mBgByKR,iBACE,qBACA,YACA,wBAEA,UACE,YACA,wBAIJ,cACE,kBACA,iBACA,chBvKsB,mDgB0KtB,YACE,qDAGF,eACE,uDAGF,YACE,qBAIJ,YACE,YCrMF,qBACE,iBANc,cAQd,kBACA,sCAEA,WANF,UAOI,eACA,mBAIJ,iDACE,eACA,gBACA,gBACA,qBACA,cjBJsB,oBiBOtB,ajBLwB,0BiBOtB,6EAEA,oBAGE,wCAIJ,ajBlBsB,oBiBuBtB,YACE,oBACA,+BAEA,eACE,yBAIJ,eACE,cjBhCsB,qBiBoCxB,iBACE,cjBrCsB,uBiByCxB,eACE,mBACA,kBACA,kBACA,yHAGF,4CAME,mBACA,oBACA,gBACA,cjBzDsB,qBiB6DxB,aACE,qBAGF,gBACE,qBAGF,eACE,qBAGF,gBACE,yCAGF,aAEE,qBAGF,eACE,qBAGF,kBACE,yCAMA,iBACA,iBACA,yDAEA,2BACE,yDAGF,2BACE,qBAIJ,UACE,SACA,SACA,gCACA,eACA,4BAEA,UACE,SACA,wBAIJ,UACE,yBACA,8BACA,CADA,iBACA,gBACA,mBACA,iEAEA,+BAEE,cACA,kBACA,gBACA,gBACA,cjBrIkB,iCiByIpB,uBACE,gBACA,gBACA,cjB9HkB,qDiBkIpB,WAEE,iBACA,kBACA,qBACA,mEAEA,SACE,kBACA,iFAEA,gBACE,kBACA,6EAGF,iBACE,SACA,UACA,mBACA,gBACA,uBACA,+BAMR,YACE,oBAIJ,kBACE,eACA,mCAEA,iBACE,oBACA,8BAGF,YACE,8BACA,eACA,6BAGF,UACE,kDACA,eACA,iBACA,WjBpNI,iBiBsNJ,kBACA,qEAEA,aAEE,6CAIA,ajB9MoB,oCiBmNtB,4CACE,gBACA,eACA,iBACA,qCAGF,4BA3BF,iBA4BI,4BAIJ,iBACE,YACA,sBACA,mBACA,CACA,sBACA,0BACA,QACA,aACA,yCAEA,4CACE,eACA,iBACA,gBACA,cjB/OkB,mBiBiPlB,mBACA,gCACA,uBACA,mBACA,gBACA,wFAEA,eAEE,cACA,2CAGF,oBACE,2BAKN,iBACE,mCAEA,UACE,YACA,CACA,kBACA,uCAEA,aACE,WACA,YACA,mBACA,iCAIJ,cACE,mCAEA,aACE,WjBzSA,qBiB2SA,uDAGE,yBACE,2CAKN,aACE,cjBrSgB,kCiB6StB,iDAEE,CACA,eACA,eACA,iBACA,mBACA,cjBpToB,sCiBuTpB,ajBrTsB,0BiBuTpB,kBAIJ,cACE,SACA,UACA,gBACA,uBACA,oBACA,kBACA,oBACA,cACA,kBAGF,4CACE,eACA,iBACA,gBACA,mBACA,cjB7UsB,wBiBgVtB,iDACE,cACA,eACA,gBACA,cACA,kBAIJ,4CACE,eACA,iBACA,gBACA,mBACA,cjB9VsB,kBiBmWtB,cjBnWsB,mCiBkWxB,4CACE,CACA,gBACA,gBACA,mBACA,cjBvWsB,kBiB4WtB,cjB5WsB,kBiBqXtB,cjBrXsB,mCiBoXxB,4CACE,CACA,gBACA,gBACA,mBACA,cjBzXsB,kBiB8XtB,cjB9XsB,mCiBsYxB,gBAEE,mDAEA,2BACE,mDAGF,2BACE,kBAIJ,eACE,kBAGF,kBACE,yCAGF,cAEE,kBAGF,UACE,SACA,SACA,2CACA,cACA,yBAEA,UACE,SACA,iDAIJ,YAEE,+BAGF,kBjB1bW,kBiB4bT,kBACA,gBACA,sBACA,oCAEA,UACE,aACA,2BACA,iBACA,8BACA,mBACA,uDAGF,YACE,yBACA,qBACA,mFAEA,aACE,eACA,qCAGF,sDAVF,UAWI,8BACA,6CAIJ,MACE,sBACA,qCAEA,2CAJF,YAKI,sBAKN,iBACE,yBAEA,WACE,WACA,uBACA,4BAIJ,iBACE,mBACA,uCAEA,eACE,mCAGF,eACE,cACA,qCAGF,eACE,UACA,mDAEA,kBACE,aACA,iBACA,0FAKE,oBACE,gFAIJ,cACE,qDAIJ,aACE,cACA,6CAGF,UACE,YACA,0BACA,mDAGF,cACE,4DAEA,cACE,qCAKN,oCACE,eACE,sCAIJ,2BA7DF,iBA8DI,mFAIJ,qBAGE,mBjBnjBS,kBiBqjBT,kCACA,uBAGF,YACE,kBACA,WACA,YACA,2BAEA,YACE,WACA,uCAKF,YACE,eACA,mBACA,mBACA,qCAGF,sCACE,kBACE,uCAIJ,ajB3kBsB,qCiB+kBtB,eACE,WjBjmBE,gBiBmmBF,2CAEA,ajBrlBkB,gDiBwlBhB,ajBvlBkB,+CiB6lBtB,eACE,qBAIJ,kBACE,yBAEA,aACE,SACA,eACA,YACA,kBACA,qCAIJ,gDAEI,kBACE,yCAGF,eACE,gBACA,WACA,kBACA,uDAEA,iBACE,sCAMR,8BACE,aACE,uCAEA,gBACE,sDAGF,kBACE,6EAIJ,aAEE,qBAIJ,WACE,UAIJ,mBACE,qCAEA,SAHF,eAII,kBAGF,YACE,uBACA,mBACA,aACA,qBAEA,SjBvrBI,YiByrBF,qCAGF,gBAXF,SAYI,mBACA,sBAIJ,eACE,uBACA,gBACA,gBACA,uBAGF,eACE,gBACA,0BAEA,YACE,gBACA,eACA,cjBhsBkB,6BiBosBpB,eACE,iBACA,+BAGF,kBjBhtBS,aiBktBP,0BACA,aACA,uCAEA,YACE,gCAIJ,cACE,gBACA,uDAEA,YACE,mBACA,iDAGF,UACE,YACA,0BACA,gCAIJ,YACE,uCAEA,4CACE,eACA,gBACA,cACA,qCAGF,cACE,cjB/uBgB,uFiBqvBtB,eACE,cASA,CjB/vBoB,2CiB4vBpB,iBACA,CACA,kBACA,gBAGF,eACE,cACA,aACA,kDACA,cACA,qCAEA,eAPF,oCAQI,cACA,8BAEA,UACE,aACA,sBACA,0CAEA,OACE,cACA,2CAGF,YACE,mBACA,QACA,cACA,qCAIJ,UACE,2BAGF,eACE,sCAIJ,eAtCF,UAuCI,6BAEA,aACE,gBACA,gBACA,2GAEA,eAGE,uFAIJ,+BAGE,2BAGF,YACE,gCAEA,eACE,qEAEA,eAEE,gBACA,2CAGF,eACE,SAQZ,iBACE,qBACA,iBAGF,aACE,kBACA,aACA,UACA,YACA,cjB51BsB,qBiB81BtB,eACA,qCAEA,gBAVF,eAWI,WACA,gBACA,cjBt1BoB,SkBhCxB,UACE,eACA,iBACA,yBACA,qBAEA,WAEE,iBACA,mBACA,6BACA,gBACA,mBACA,oBAGF,qBACE,gCACA,aACA,gBACA,oBAGF,eACE,qEAGF,kBlBhBW,UkBqBX,alBZwB,0BkBctB,gBAEA,oBACE,eAIJ,eACE,CAII,4HADF,eACE,+FAOF,sBAEE,yFAKF,YAEE,gCAMJ,kBlBzDS,6BkB2DP,gCACA,4CAEA,qBACE,8BACA,2CAGF,uBACE,+BACA,0BAKN,qBACE,gBAIJ,aACE,mBACA,MAGF,+CACE,0BAGF,sBACE,SACA,aACA,8CAGF,oBAEE,qBACA,iBACA,eACA,clB5FsB,gBkB8FtB,0DAEA,UlBhHM,wDkBoHN,eACE,iBACA,sEAGF,cACE,yCAKF,YAEE,yDAEA,qBACE,iBACA,eACA,gBACA,qEAEA,cACE,2EAGF,YACE,mBACA,uFAEA,YACE,qHAOJ,sBACA,cACA,uBAIJ,wBACE,mBlBvJS,sBkByJT,YACA,mBACA,gCAEA,gBACE,mBACA,oBAIJ,YACE,yBACA,aACA,mBlBtKS,gCkByKT,aACE,gBACA,mBAIJ,wBACE,aACA,mBACA,qCAEA,wCACE,4BACE,0BAIJ,kBACE,iCAGF,kBlB9LS,uCkBiMP,kBACE,4BAIJ,gBACE,oBACA,sCAEA,SACE,wCAGF,YACE,mBACA,mCAGF,aACE,aACA,uBACA,mBACA,kBACA,6CAEA,UACE,YACA,kCAIJ,aACE,mCAGF,aACE,iBACA,clB/NgB,gBkBiOhB,mCAIJ,QACE,WACA,qCAEA,sBACE,gBACA,qCAOJ,4FAFF,YAGI,gCAIJ,aACE,uCAEA,iBACE,sCAGF,eACE,4BAIJ,wBACE,aACA,gBACA,qCAEA,2BALF,4BAMI,sCAIJ,+CACE,YACE,iBC7RN,YACE,uBACA,WACA,iBACA,iCAEA,gBACE,gBACA,oBACA,cACA,wCAEA,YACE,yBACA,mBnBPO,YmBSP,yBAIJ,WAvBc,UAyBZ,oBACA,iCAEA,YACE,mBACA,YACA,uCAEA,aACE,yCAEA,oBACE,aACA,2CAGF,SnBxCA,YmB0CE,kBACA,YACA,uCAIJ,aACE,cnBjCgB,qBmBmChB,cACA,eACA,aACA,0HAIA,kBAGE,+BAKN,aACE,iBACA,YACA,aACA,qCAGF,sCACE,YACE,6BAIJ,eACE,0BACA,gBACA,mBACA,qCAEA,2BANF,eAOI,+BAGF,aACE,aACA,cnB3EgB,qBmB6EhB,0BACA,2CACA,0BACA,mBACA,gBACA,uBACA,mCAEA,gBACE,oCAGF,UnBzGA,yBmB2GE,0BACA,2CACA,uCAGF,kBACE,sBACA,+BAIJ,kBACE,wBACA,SACA,iCAEA,QACE,kBACA,6DAIJ,UnBjIE,yBAkBkB,gBmBkHlB,gBACA,mEAEA,wBACE,6DAKN,yBACE,iCAIJ,qBACE,WACA,gBApJY,cAsJZ,sCAGF,uCACE,YACE,iCAGF,WA/JY,cAiKV,sCAIJ,gCACE,UACE,0BAMF,2BACA,qCAEA,wBALF,cAMI,CACA,sBACA,kCAGF,YACE,oBAEA,gCACA,0BAEA,eAEA,mBACA,8BACA,mCAEA,eACE,kBACA,yCAGF,mBACE,4DAEA,eACE,qCAIJ,gCAzBF,eA0BI,iBACA,6BAIJ,anBnMsB,emBqMpB,iBACA,gBACA,qCAEA,2BANF,eAOI,6BAIJ,anB9MsB,emBgNpB,iBACA,gBACA,mBACA,4BAGF,cACE,gBACA,cnBzNkB,mBmB2NlB,kBACA,gCACA,4BAGF,cACE,cnBhOoB,iBmBkOpB,gBACA,0CAGF,UnBvPI,gBmByPF,uFAGF,eAEE,gEAGF,aACE,4CAGF,cACE,gBACA,WnBvQE,oBmByQF,iBACA,gBACA,gBACA,2BAGF,cACE,iBACA,cnBhQoB,mBmBkQpB,kCAEA,UnBrRE,gBmBuRA,CAII,2NADF,eACE,4BAMR,UACE,SACA,SACA,2CACA,cACA,mCAEA,UACE,SACA,qCAKN,eA7SF,aA8SI,iCAEA,YACE,yBAGF,UACE,UACA,YACA,iCAEA,YACE,4BAGF,YACE,8DAGF,eAEE,gCACA,gBACA,0EAEA,eACE,+BAIJ,eACE,6DAGF,2BnBhUoB,YmBuU1B,UACE,SACA,cACA,WACA,sDAKA,anBlVsB,0DmBqVpB,anBnVsB,4DmBwVxB,anBzWc,gBmB2WZ,4DAGF,anB7WU,gBmB+WR,0DAGF,anBtVsB,gBmBwVpB,0DAGF,anBrXU,gBmBuXR,UAIJ,YACE,eACA,yBAEA,aACE,qBACA,oCAEA,kBACE,4BAGF,cACE,gBACA,+BAEA,oBACE,iBACA,gCAIJ,eACE,eACA,CAII,iNADF,eACE,2BAKN,oBACE,cnBjZkB,qBmBmZlB,eACA,gBACA,gCACA,iCAEA,UnBxaE,gCmB0aA,oCAGF,anB3ZoB,gCmB6ZlB,CAkBJ,gBAIJ,aACE,iBACA,eACA,sBAGF,aACE,eACA,cACA,wBAEA,aACE,kBAIJ,YACE,eACA,mBACA,wBAGF,YACE,WACA,sBACA,aACA,+BAEA,aACE,qBACA,gBACA,eACA,iBACA,cnBrdsB,CmB0dlB,4MADF,eACE,sCAKN,aACE,gCAIJ,YAEE,mBACA,kEAEA,UACE,kBACA,4BACA,gFAEA,iBACE,kDAKN,aAEE,aACA,sBACA,4EAEA,cACE,WACA,kBACA,mBACA,uEAIJ,cAEE,iBAGF,YACE,eACA,kBACA,2CAEA,kBACE,eACA,8BAGF,kBACE,+CAGF,gBACE,uDAEA,gBACE,mBACA,YACA,YAKN,kBACE,eACA,cAEA,anBniBwB,qBmBqiBtB,oBAEA,yBACE,SAKN,aACE,YAGF,kBACE,iBACA,oBAEA,YACE,2BACA,mBACA,aACA,mBnBlkBS,cAOW,0BmB8jBpB,eACA,kBACA,oBAGF,iBACE,4BAEA,aACE,SACA,kBACA,WACA,YACA,qBAIJ,2BACE,mBAGF,oBACE,uBAGF,anBzkBsB,oBmB6kBtB,kBACE,0BACA,aACA,cnB9lBoB,gDmBgmBpB,eACA,qBACA,gBACA,kBAGF,cACE,kBACA,cnB1lBoB,2BmB8lBtB,iBACE,SACA,WACA,WACA,YACA,kBACA,oCAEA,kBnBnoBY,oCmBuoBZ,kBACE,mCAGF,kBnB1nBsB,sDmB+nBxB,anBhoBwB,qBmBooBtB,gBACA,sBAGF,aACE,0BAGF,anB5oBwB,sBmBgpBxB,anBhqBc,yDmBqqBhB,oBAIE,cnBzpBwB,iGmB4pBxB,eACE,yIAIA,4BACE,cACA,iIAGF,8BACE,CADF,sBACE,WACA,sBAKN,YAEE,mBACA,sCAEA,aACE,CACA,gBACA,kBACA,0DAIA,8BACE,CADF,sBACE,WACA,gBAKN,kBACE,8BACA,yBAEA,yBnBrtBc,yBmBytBd,yBACE,wBAGF,yBnB1tBU,wBmB+tBR,2BACA,eACA,iBACA,4BACA,kBACA,gBACA,0BAEA,anB3tBoB,uBmBiuBpB,wBACA,qBAGF,anBvtBsB,cmB4tBxB,kBnBjvBa,kBmBmvBX,mBACA,uBAEA,YACE,8BACA,mBACA,aACA,gCAEA,SACE,SACA,gDAEA,aACE,8BAIJ,aACE,gBACA,cnBhwBkB,iBmBkwBlB,gCAEA,aACE,qBACA,iHAEA,aAGE,mCAIJ,anB7xBM,6BmBoyBR,YACE,2BACA,6BACA,mCAEA,kBACE,gFAGF,YAEE,cACA,sBACA,YACA,cnBpyBgB,mLmBuyBhB,kBAEE,gBACA,uBACA,sCAIJ,aACE,6BACA,4CAEA,anBryBgB,iBmBuyBd,gBACA,wCAIJ,aACE,sBACA,WACA,aACA,qBACA,cnB/zBgB,WmBs0BxB,kBAGE,0BAFA,eACA,uBASA,CARA,eAGF,oBACE,gBACA,CAEA,qBACA,oBAGF,YACE,eACA,CACA,kBACA,wBAEA,qBACE,cACA,mBACA,aACA,0FAGF,kBAEE,kBACA,YACA,6CAGF,QACE,SACA,+CAEA,aACE,sEAGF,uBACE,yDAGF,anBn4BY,8CmBw4Bd,qBACE,aACA,WnB34BI,cmBg5BR,iBACE,sBCn5BF,YACE,eACA,CACA,kBACA,0BAEA,qBACE,iBACA,cACA,mBACA,yDAEA,YAEE,mBACA,kBACA,sBACA,YACA,4BAGF,oBACE,cACA,cACA,qGAEA,kBAGE,sDAKN,iBAEE,gBACA,eACA,iBACA,WpBrCI,6CoBuCJ,mBACA,iBACA,4BAGF,cACE,6BAGF,cACE,cpBjCoB,kBoBmCpB,gBACA,qBAIJ,YACE,eACA,cACA,yBAEA,gBACE,mBACA,6BAEA,aACE,sCAIJ,apBrDwB,gBoBuDtB,qBACA,UC3EJ,aACE,gCAEA,gBACE,eACA,mBACA,+BAGF,cACE,iBACA,8CAGF,aACE,kBACA,wBAGF,gBACE,iCAGF,aACE,kBACA,uCAGF,oBACE,gDAGF,SACE,YACA,8BAGF,cACE,iBACA,mEAGF,aACE,kBACA,2DAGF,cAEE,gBACA,mFAGF,cACE,gBACA,mCAGF,aACE,iBACA,yBAGF,kBACE,kBACA,4BAGF,UACE,UACA,wBAGF,aACE,kCAGF,MACE,WACA,cACA,mBACA,2CAGF,aACE,iBACA,0CAGF,gBACE,eACA,mCAGF,WACE,sCAGF,gBACE,gBACA,yCAGF,UACE,iCAGF,aACE,iBACA,0BAGF,SACE,WACA,0DAGF,iBAEE,mBACA,4GAGF,iBAEE,gBACA,uCAGF,kBACE,eACA,2BAGF,aACE,kBACA,wCAGF,SACE,YACA,yDAGF,SACE,WACA,CAKA,oFAGF,UACE,OACA,uGAGF,UAEE,uCAIA,cACE,iBACA,kEAEA,cACE,gBACA,qCAKN,WACE,eACA,iBACA,uCAGF,WACE,sCAGF,aACE,kBACA,0CAGF,gBACE,eACA,uDAGF,gBACE,2CAGF,cACE,iBACA,YACA,yEAGF,aAEE,iBACA,iBAGF,wBACE,iBAGF,SACE,oBACA,yBAGF,aACE,8EAGF,cAEE,gBACA,oDAGF,cACE,mBACA,gEAGF,iBACE,gBACA,CAMA,8KAGF,SACE,QACA,yDAGF,kBACE,eACA,uDAGF,kBACE,gBACA,qDAGF,SACE,QACA,8FAGF,cAEE,mBACA,4CAGF,UACE,SACA,kDAEA,UACE,OACA,+DACA,8BAIJ,sXACE,uCAGF,gBAEE,kCAGF,cACE,iBACA,gDAGF,UACE,UACA,gEAGF,aACE,uDAGF,WACE,WACA,uDAGF,UACE,WACA,uDAGF,UACE,WACA,kDAGF,MACE,0CAGF,iBACE,yBACA,qDAGF,cACE,iBACA,qCAGF,kCACE,gBAEE,kBACA,2DAEA,gBACE,mBACA,uEAKF,gBAEE,kBACA,gFAKN,cAEE,gBACA,6CAKE,eACE,eACA,sDAIJ,aACE,kBACA,4DAKF,cACE,gBACA,8DAGF,gBACE,eACA,mCAIJ,aACE,kBACA,iBACA,kCAGF,WACE,mCAGF,WACE,oCAGF,cACE,gBACA,gFAGF,cACE,mBACA,+DAGF,SACE,QACA,kkEC7ZJ,kIACE,CADF,sIACE,qBACA,0D","file":"flavours/vanilla/common.css","sourcesContent":["html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:\"\";content:none}table{border-collapse:collapse;border-spacing:0}html{scrollbar-color:#192432 rgba(0,0,0,.1)}::-webkit-scrollbar{width:12px;height:12px}::-webkit-scrollbar-thumb{background:#192432;border:0px none #fff;border-radius:50px}::-webkit-scrollbar-thumb:hover{background:#1c2938}::-webkit-scrollbar-thumb:active{background:#192432}::-webkit-scrollbar-track{border:0px none #fff;border-radius:0;background:rgba(0,0,0,.1)}::-webkit-scrollbar-track:hover{background:#121a24}::-webkit-scrollbar-track:active{background:#121a24}::-webkit-scrollbar-corner{background:transparent}body{font-family:\"mastodon-font-sans-serif\",sans-serif;background:#06090c;font-size:13px;line-height:18px;font-weight:400;color:#fff;text-rendering:optimizelegibility;font-feature-settings:\"kern\";text-size-adjust:none;-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-tap-highlight-color:transparent}body.system-font{font-family:system-ui,-apple-system,BlinkMacSystemFont,\"Segoe UI\",\"Oxygen\",\"Ubuntu\",\"Cantarell\",\"Fira Sans\",\"Droid Sans\",\"Helvetica Neue\",\"mastodon-font-sans-serif\",sans-serif}body.app-body{padding:0}body.app-body.layout-single-column{height:auto;min-height:100vh;overflow-y:scroll}body.app-body.layout-multiple-columns{position:absolute;width:100%;height:100%}body.app-body.with-modals--active{overflow-y:hidden}body.lighter{background:#121a24}body.with-modals{overflow-x:hidden;overflow-y:scroll}body.with-modals--active{overflow-y:hidden}body.player{text-align:center}body.embed{background:#192432;margin:0;padding-bottom:0}body.embed .container{position:absolute;width:100%;height:100%;overflow:hidden}body.admin{background:#0b1016;padding:0}body.error{position:absolute;text-align:center;color:#9baec8;background:#121a24;width:100%;height:100%;padding:0;display:flex;justify-content:center;align-items:center}body.error .dialog{vertical-align:middle;margin:20px}body.error .dialog__illustration img{display:block;max-width:470px;width:100%;height:auto;margin-top:-120px}body.error .dialog h1{font-size:20px;line-height:28px;font-weight:400}button{font-family:inherit;cursor:pointer}button:focus{outline:none}.app-holder,.app-holder>div,.app-holder>noscript{display:flex;width:100%;align-items:center;justify-content:center;outline:0 !important}.app-holder>noscript{height:100vh}.layout-single-column .app-holder,.layout-single-column .app-holder>div{min-height:100vh}.layout-multiple-columns .app-holder,.layout-multiple-columns .app-holder>div{height:100%}.error-boundary,.app-holder noscript{flex-direction:column;font-size:16px;font-weight:400;line-height:1.7;color:#e25169;text-align:center}.error-boundary>div,.app-holder noscript>div{max-width:500px}.error-boundary p,.app-holder noscript p{margin-bottom:.85em}.error-boundary p:last-child,.app-holder noscript p:last-child{margin-bottom:0}.error-boundary a,.app-holder noscript a{color:#d8a070}.error-boundary a:hover,.error-boundary a:focus,.error-boundary a:active,.app-holder noscript a:hover,.app-holder noscript a:focus,.app-holder noscript a:active{text-decoration:none}.error-boundary__footer,.app-holder noscript__footer{color:#3e5a7c;font-size:13px}.error-boundary__footer a,.app-holder noscript__footer a{color:#3e5a7c}.error-boundary button,.app-holder noscript button{display:inline;border:0;background:transparent;color:#3e5a7c;font:inherit;padding:0;margin:0;line-height:inherit;cursor:pointer;outline:0;transition:color 300ms linear;text-decoration:underline}.error-boundary button:hover,.error-boundary button:focus,.error-boundary button:active,.app-holder noscript button:hover,.app-holder noscript button:focus,.app-holder noscript button:active{text-decoration:none}.error-boundary button.copied,.app-holder noscript button.copied{color:#79bd9a;transition:none}.container-alt{width:700px;margin:0 auto;margin-top:40px}@media screen and (max-width: 740px){.container-alt{width:100%;margin:0}}.logo-container{margin:100px auto 50px}@media screen and (max-width: 500px){.logo-container{margin:40px auto 0}}.logo-container h1{display:flex;justify-content:center;align-items:center}.logo-container h1 svg{fill:#fff;height:42px;margin-right:10px}.logo-container h1 a{display:flex;justify-content:center;align-items:center;color:#fff;text-decoration:none;outline:0;padding:12px 16px;line-height:32px;font-family:\"mastodon-font-display\",sans-serif;font-weight:500;font-size:14px}.compose-standalone .compose-form{width:400px;margin:0 auto;padding:20px 0;margin-top:40px;box-sizing:border-box}@media screen and (max-width: 400px){.compose-standalone .compose-form{width:100%;margin-top:0;padding:20px}}.account-header{width:400px;margin:0 auto;display:flex;font-size:13px;line-height:18px;box-sizing:border-box;padding:20px 0;padding-bottom:0;margin-bottom:-30px;margin-top:40px}@media screen and (max-width: 440px){.account-header{width:100%;margin:0;margin-bottom:10px;padding:20px;padding-bottom:0}}.account-header .avatar{width:40px;height:40px;margin-right:8px}.account-header .avatar img{width:100%;height:100%;display:block;margin:0;border-radius:4px}.account-header .name{flex:1 1 auto;color:#d9e1e8;width:calc(100% - 88px)}.account-header .name .username{display:block;font-weight:500;text-overflow:ellipsis;overflow:hidden}.account-header .logout-link{display:block;font-size:32px;line-height:40px;margin-left:8px}.grid-3{display:grid;grid-gap:10px;grid-template-columns:3fr 1fr;grid-auto-columns:25%;grid-auto-rows:max-content}.grid-3 .column-0{grid-column:1/3;grid-row:1}.grid-3 .column-1{grid-column:1;grid-row:2}.grid-3 .column-2{grid-column:2;grid-row:2}.grid-3 .column-3{grid-column:1/3;grid-row:3}@media screen and (max-width: 415px){.grid-3{grid-gap:0;grid-template-columns:minmax(0, 100%)}.grid-3 .column-0{grid-column:1}.grid-3 .column-1{grid-column:1;grid-row:3}.grid-3 .column-2{grid-column:1;grid-row:2}.grid-3 .column-3{grid-column:1;grid-row:4}}.grid-4{display:grid;grid-gap:10px;grid-template-columns:repeat(4, minmax(0, 1fr));grid-auto-columns:25%;grid-auto-rows:max-content}.grid-4 .column-0{grid-column:1/5;grid-row:1}.grid-4 .column-1{grid-column:1/4;grid-row:2}.grid-4 .column-2{grid-column:4;grid-row:2}.grid-4 .column-3{grid-column:2/5;grid-row:3}.grid-4 .column-4{grid-column:1;grid-row:3}.grid-4 .landing-page__call-to-action{min-height:100%}.grid-4 .flash-message{margin-bottom:10px}@media screen and (max-width: 738px){.grid-4{grid-template-columns:minmax(0, 50%) minmax(0, 50%)}.grid-4 .landing-page__call-to-action{padding:20px;display:flex;align-items:center;justify-content:center}.grid-4 .row__information-board{width:100%;justify-content:center;align-items:center}.grid-4 .row__mascot{display:none}}@media screen and (max-width: 415px){.grid-4{grid-gap:0;grid-template-columns:minmax(0, 100%)}.grid-4 .column-0{grid-column:1}.grid-4 .column-1{grid-column:1;grid-row:3}.grid-4 .column-2{grid-column:1;grid-row:2}.grid-4 .column-3{grid-column:1;grid-row:5}.grid-4 .column-4{grid-column:1;grid-row:4}}@media screen and (max-width: 415px){.public-layout{padding-top:48px}}.public-layout .container{max-width:960px}@media screen and (max-width: 415px){.public-layout .container{padding:0}}.public-layout .header{background:#202e3f;box-shadow:0 0 15px rgba(0,0,0,.2);border-radius:4px;height:48px;margin:10px 0;display:flex;align-items:stretch;justify-content:center;flex-wrap:nowrap;overflow:hidden}@media screen and (max-width: 415px){.public-layout .header{position:fixed;width:100%;top:0;left:0;margin:0;border-radius:0;box-shadow:none;z-index:110}}.public-layout .header>div{flex:1 1 33.3%;min-height:1px}.public-layout .header .nav-left{display:flex;align-items:stretch;justify-content:flex-start;flex-wrap:nowrap}.public-layout .header .nav-center{display:flex;align-items:stretch;justify-content:center;flex-wrap:nowrap}.public-layout .header .nav-right{display:flex;align-items:stretch;justify-content:flex-end;flex-wrap:nowrap}.public-layout .header .brand{display:block;padding:15px}.public-layout .header .brand svg{display:block;height:18px;width:auto;position:relative;bottom:-2px;fill:#fff}@media screen and (max-width: 415px){.public-layout .header .brand svg{height:20px}}.public-layout .header .brand:hover,.public-layout .header .brand:focus,.public-layout .header .brand:active{background:#26374d}.public-layout .header .nav-link{display:flex;align-items:center;padding:0 1rem;font-size:12px;font-weight:500;text-decoration:none;color:#9baec8;white-space:nowrap;text-align:center}.public-layout .header .nav-link:hover,.public-layout .header .nav-link:focus,.public-layout .header .nav-link:active{text-decoration:underline;color:#fff}@media screen and (max-width: 550px){.public-layout .header .nav-link.optional{display:none}}.public-layout .header .nav-button{background:#2d415a;margin:8px;margin-left:0;border-radius:4px}.public-layout .header .nav-button:hover,.public-layout .header .nav-button:focus,.public-layout .header .nav-button:active{text-decoration:none;background:#344b68}.public-layout .grid{display:grid;grid-gap:10px;grid-template-columns:minmax(300px, 3fr) minmax(298px, 1fr);grid-auto-columns:25%;grid-auto-rows:max-content}.public-layout .grid .column-0{grid-row:1;grid-column:1}.public-layout .grid .column-1{grid-row:1;grid-column:2}@media screen and (max-width: 600px){.public-layout .grid{grid-template-columns:100%;grid-gap:0}.public-layout .grid .column-1{display:none}}.public-layout .directory__card{border-radius:4px}@media screen and (max-width: 415px){.public-layout .directory__card{border-radius:0}}@media screen and (max-width: 415px){.public-layout .page-header{border-bottom:0}}.public-layout .public-account-header{overflow:hidden;margin-bottom:10px;box-shadow:0 0 15px rgba(0,0,0,.2)}.public-layout .public-account-header.inactive{opacity:.5}.public-layout .public-account-header.inactive .public-account-header__image,.public-layout .public-account-header.inactive .avatar{filter:grayscale(100%)}.public-layout .public-account-header.inactive .logo-button{background-color:#d9e1e8}.public-layout .public-account-header__image{border-radius:4px 4px 0 0;overflow:hidden;height:300px;position:relative;background:#000}.public-layout .public-account-header__image::after{content:\"\";display:block;position:absolute;width:100%;height:100%;box-shadow:inset 0 -1px 1px 1px rgba(0,0,0,.15);top:0;left:0}.public-layout .public-account-header__image img{object-fit:cover;display:block;width:100%;height:100%;margin:0;border-radius:4px 4px 0 0}@media screen and (max-width: 600px){.public-layout .public-account-header__image{height:200px}}.public-layout .public-account-header--no-bar{margin-bottom:0}.public-layout .public-account-header--no-bar .public-account-header__image,.public-layout .public-account-header--no-bar .public-account-header__image img{border-radius:4px}@media screen and (max-width: 415px){.public-layout .public-account-header--no-bar .public-account-header__image,.public-layout .public-account-header--no-bar .public-account-header__image img{border-radius:0}}@media screen and (max-width: 415px){.public-layout .public-account-header{margin-bottom:0;box-shadow:none}.public-layout .public-account-header__image::after{display:none}.public-layout .public-account-header__image,.public-layout .public-account-header__image img{border-radius:0}}.public-layout .public-account-header__bar{position:relative;margin-top:-80px;display:flex;justify-content:flex-start}.public-layout .public-account-header__bar::before{content:\"\";display:block;background:#192432;position:absolute;bottom:0;left:0;right:0;height:60px;border-radius:0 0 4px 4px;z-index:-1}.public-layout .public-account-header__bar .avatar{display:block;width:120px;height:120px;padding-left:16px;flex:0 0 auto}.public-layout .public-account-header__bar .avatar img{display:block;width:100%;height:100%;margin:0;border-radius:50%;border:4px solid #192432;background:#040609}@media screen and (max-width: 600px){.public-layout .public-account-header__bar{margin-top:0;background:#192432;border-radius:0 0 4px 4px;padding:5px}.public-layout .public-account-header__bar::before{display:none}.public-layout .public-account-header__bar .avatar{width:48px;height:48px;padding:7px 0;padding-left:10px}.public-layout .public-account-header__bar .avatar img{border:0;border-radius:4px}}@media screen and (max-width: 600px)and (max-width: 360px){.public-layout .public-account-header__bar .avatar{display:none}}@media screen and (max-width: 415px){.public-layout .public-account-header__bar{border-radius:0}}@media screen and (max-width: 600px){.public-layout .public-account-header__bar{flex-wrap:wrap}}.public-layout .public-account-header__tabs{flex:1 1 auto;margin-left:20px}.public-layout .public-account-header__tabs__name{padding-top:20px;padding-bottom:8px}.public-layout .public-account-header__tabs__name h1{font-size:20px;line-height:27px;color:#fff;font-weight:500;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;text-shadow:1px 1px 1px #000}.public-layout .public-account-header__tabs__name h1 small{display:block;font-size:14px;color:#fff;font-weight:400;overflow:hidden;text-overflow:ellipsis}@media screen and (max-width: 600px){.public-layout .public-account-header__tabs{margin-left:15px;display:flex;justify-content:space-between;align-items:center}.public-layout .public-account-header__tabs__name{padding-top:0;padding-bottom:0}.public-layout .public-account-header__tabs__name h1{font-size:16px;line-height:24px;text-shadow:none}.public-layout .public-account-header__tabs__name h1 small{color:#9baec8}}.public-layout .public-account-header__tabs__tabs{display:flex;justify-content:flex-start;align-items:stretch;height:58px}.public-layout .public-account-header__tabs__tabs .details-counters{display:flex;flex-direction:row;min-width:300px}@media screen and (max-width: 600px){.public-layout .public-account-header__tabs__tabs .details-counters{display:none}}.public-layout .public-account-header__tabs__tabs .counter{min-width:33.3%;box-sizing:border-box;flex:0 0 auto;color:#9baec8;padding:10px;border-right:1px solid #192432;cursor:default;text-align:center;position:relative}.public-layout .public-account-header__tabs__tabs .counter a{display:block}.public-layout .public-account-header__tabs__tabs .counter:last-child{border-right:0}.public-layout .public-account-header__tabs__tabs .counter::after{display:block;content:\"\";position:absolute;bottom:0;left:0;width:100%;border-bottom:4px solid #9baec8;opacity:.5;transition:all 400ms ease}.public-layout .public-account-header__tabs__tabs .counter.active::after{border-bottom:4px solid #d8a070;opacity:1}.public-layout .public-account-header__tabs__tabs .counter.active.inactive::after{border-bottom-color:#d9e1e8}.public-layout .public-account-header__tabs__tabs .counter:hover::after{opacity:1;transition-duration:100ms}.public-layout .public-account-header__tabs__tabs .counter a{text-decoration:none;color:inherit}.public-layout .public-account-header__tabs__tabs .counter .counter-label{font-size:12px;display:block}.public-layout .public-account-header__tabs__tabs .counter .counter-number{font-weight:500;font-size:18px;margin-bottom:5px;color:#fff;font-family:\"mastodon-font-display\",sans-serif}.public-layout .public-account-header__tabs__tabs .spacer{flex:1 1 auto;height:1px}.public-layout .public-account-header__tabs__tabs__buttons{padding:7px 8px}.public-layout .public-account-header__extra{display:none;margin-top:4px}.public-layout .public-account-header__extra .public-account-bio{border-radius:0;box-shadow:none;background:transparent;margin:0 -5px}.public-layout .public-account-header__extra .public-account-bio .account__header__fields{border-top:1px solid #26374d}.public-layout .public-account-header__extra .public-account-bio .roles{display:none}.public-layout .public-account-header__extra__links{margin-top:-15px;font-size:14px;color:#9baec8}.public-layout .public-account-header__extra__links a{display:inline-block;color:#9baec8;text-decoration:none;padding:15px;font-weight:500}.public-layout .public-account-header__extra__links a strong{font-weight:700;color:#fff}@media screen and (max-width: 600px){.public-layout .public-account-header__extra{display:block;flex:100%}}.public-layout .account__section-headline{border-radius:4px 4px 0 0}@media screen and (max-width: 415px){.public-layout .account__section-headline{border-radius:0}}.public-layout .detailed-status__meta{margin-top:25px}.public-layout .public-account-bio{background:#202e3f;box-shadow:0 0 15px rgba(0,0,0,.2);border-radius:4px;overflow:hidden;margin-bottom:10px}@media screen and (max-width: 415px){.public-layout .public-account-bio{box-shadow:none;margin-bottom:0;border-radius:0}}.public-layout .public-account-bio .account__header__fields{margin:0;border-top:0}.public-layout .public-account-bio .account__header__fields a{color:#e1b590}.public-layout .public-account-bio .account__header__fields dl:first-child .verified{border-radius:0 4px 0 0}.public-layout .public-account-bio .account__header__fields .verified a{color:#79bd9a}.public-layout .public-account-bio .account__header__content{padding:20px;padding-bottom:0;color:#fff}.public-layout .public-account-bio__extra,.public-layout .public-account-bio .roles{padding:20px;font-size:14px;color:#9baec8}.public-layout .public-account-bio .roles{padding-bottom:0}.public-layout .directory__list{display:grid;grid-gap:10px;grid-template-columns:minmax(0, 50%) minmax(0, 50%)}@media screen and (max-width: 415px){.public-layout .directory__list{display:block}}.public-layout .directory__list .icon-button{font-size:18px}.public-layout .directory__card{margin-bottom:0}.public-layout .card-grid{display:flex;flex-wrap:wrap;min-width:100%;margin:0 -5px}.public-layout .card-grid>div{box-sizing:border-box;flex:1 0 auto;width:300px;padding:0 5px;margin-bottom:10px;max-width:33.333%}@media screen and (max-width: 900px){.public-layout .card-grid>div{max-width:50%}}@media screen and (max-width: 600px){.public-layout .card-grid>div{max-width:100%}}@media screen and (max-width: 415px){.public-layout .card-grid{margin:0;border-top:1px solid #202e3f}.public-layout .card-grid>div{width:100%;padding:0;margin-bottom:0;border-bottom:1px solid #202e3f}.public-layout .card-grid>div:last-child{border-bottom:0}.public-layout .card-grid>div .card__bar{background:#121a24}.public-layout .card-grid>div .card__bar:hover,.public-layout .card-grid>div .card__bar:active,.public-layout .card-grid>div .card__bar:focus{background:#192432}}.no-list{list-style:none}.no-list li{display:inline-block;margin:0 5px}.recovery-codes{list-style:none;margin:0 auto}.recovery-codes li{font-size:125%;line-height:1.5;letter-spacing:1px}.public-layout .footer{text-align:left;padding-top:20px;padding-bottom:60px;font-size:12px;color:#4c6d98}@media screen and (max-width: 415px){.public-layout .footer{padding-left:20px;padding-right:20px}}.public-layout .footer .grid{display:grid;grid-gap:10px;grid-template-columns:1fr 1fr 2fr 1fr 1fr}.public-layout .footer .grid .column-0{grid-column:1;grid-row:1;min-width:0}.public-layout .footer .grid .column-1{grid-column:2;grid-row:1;min-width:0}.public-layout .footer .grid .column-2{grid-column:3;grid-row:1;min-width:0;text-align:center}.public-layout .footer .grid .column-2 h4 a{color:#4c6d98}.public-layout .footer .grid .column-3{grid-column:4;grid-row:1;min-width:0}.public-layout .footer .grid .column-4{grid-column:5;grid-row:1;min-width:0}@media screen and (max-width: 690px){.public-layout .footer .grid{grid-template-columns:1fr 2fr 1fr}.public-layout .footer .grid .column-0,.public-layout .footer .grid .column-1{grid-column:1}.public-layout .footer .grid .column-1{grid-row:2}.public-layout .footer .grid .column-2{grid-column:2}.public-layout .footer .grid .column-3,.public-layout .footer .grid .column-4{grid-column:3}.public-layout .footer .grid .column-4{grid-row:2}}@media screen and (max-width: 600px){.public-layout .footer .grid .column-1{display:block}}@media screen and (max-width: 415px){.public-layout .footer .grid .column-0,.public-layout .footer .grid .column-1,.public-layout .footer .grid .column-3,.public-layout .footer .grid .column-4{display:none}}.public-layout .footer h4{font-weight:700;margin-bottom:8px;color:#9baec8}.public-layout .footer h4 a{color:inherit;text-decoration:none}.public-layout .footer ul a{text-decoration:none;color:#4c6d98}.public-layout .footer ul a:hover,.public-layout .footer ul a:active,.public-layout .footer ul a:focus{text-decoration:underline}.public-layout .footer .brand svg{display:block;height:36px;width:auto;margin:0 auto;fill:#4c6d98}.public-layout .footer .brand:hover svg,.public-layout .footer .brand:focus svg,.public-layout .footer .brand:active svg{fill:#5377a5}.compact-header h1{font-size:24px;line-height:28px;color:#9baec8;font-weight:500;margin-bottom:20px;padding:0 10px;word-wrap:break-word}@media screen and (max-width: 740px){.compact-header h1{text-align:center;padding:20px 10px 0}}.compact-header h1 a{color:inherit;text-decoration:none}.compact-header h1 small{font-weight:400;color:#d9e1e8}.compact-header h1 img{display:inline-block;margin-bottom:-5px;margin-right:15px;width:36px;height:36px}.hero-widget{margin-bottom:10px;box-shadow:0 0 15px rgba(0,0,0,.2)}.hero-widget__img{width:100%;position:relative;overflow:hidden;border-radius:4px 4px 0 0;background:#000}.hero-widget__img img{object-fit:cover;display:block;width:100%;height:100%;margin:0;border-radius:4px 4px 0 0}.hero-widget__text{background:#121a24;padding:20px;border-radius:0 0 4px 4px;font-size:15px;color:#9baec8;line-height:20px;word-wrap:break-word;font-weight:400}.hero-widget__text .emojione{width:20px;height:20px;margin:-3px 0 0}.hero-widget__text p{margin-bottom:20px}.hero-widget__text p:last-child{margin-bottom:0}.hero-widget__text em{display:inline;margin:0;padding:0;font-weight:700;background:transparent;font-family:inherit;font-size:inherit;line-height:inherit;color:#bcc9da}.hero-widget__text a{color:#d9e1e8;text-decoration:none}.hero-widget__text a:hover{text-decoration:underline}@media screen and (max-width: 415px){.hero-widget{display:none}}.endorsements-widget{margin-bottom:10px;padding-bottom:10px}.endorsements-widget h4{padding:10px;font-weight:700;font-size:14px;color:#9baec8}.endorsements-widget .account{padding:10px 0}.endorsements-widget .account:last-child{border-bottom:0}.endorsements-widget .account .account__display-name{display:flex;align-items:center}.endorsements-widget .account .account__avatar{width:44px;height:44px;background-size:44px 44px}.endorsements-widget .trends__item{padding:10px}.trends-widget h4{color:#9baec8}.box-widget{padding:20px;border-radius:4px;background:#121a24;box-shadow:0 0 15px rgba(0,0,0,.2)}.placeholder-widget{padding:16px;border-radius:4px;border:2px dashed #3e5a7c;text-align:center;color:#9baec8;margin-bottom:10px}.contact-widget{min-height:100%;font-size:15px;color:#9baec8;line-height:20px;word-wrap:break-word;font-weight:400;padding:0}.contact-widget h4{padding:10px;font-weight:700;font-size:14px;color:#9baec8}.contact-widget .account{border-bottom:0;padding:10px 0;padding-top:5px}.contact-widget>a{display:inline-block;padding:10px;padding-top:0;color:#9baec8;text-decoration:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.contact-widget>a:hover,.contact-widget>a:focus,.contact-widget>a:active{text-decoration:underline}.moved-account-widget{padding:15px;padding-bottom:20px;border-radius:4px;background:#121a24;box-shadow:0 0 15px rgba(0,0,0,.2);color:#d9e1e8;font-weight:400;margin-bottom:10px}.moved-account-widget strong,.moved-account-widget a{font-weight:500}.moved-account-widget strong:lang(ja),.moved-account-widget a:lang(ja){font-weight:700}.moved-account-widget strong:lang(ko),.moved-account-widget a:lang(ko){font-weight:700}.moved-account-widget strong:lang(zh-CN),.moved-account-widget a:lang(zh-CN){font-weight:700}.moved-account-widget strong:lang(zh-HK),.moved-account-widget a:lang(zh-HK){font-weight:700}.moved-account-widget strong:lang(zh-TW),.moved-account-widget a:lang(zh-TW){font-weight:700}.moved-account-widget a{color:inherit;text-decoration:underline}.moved-account-widget a.mention{text-decoration:none}.moved-account-widget a.mention span{text-decoration:none}.moved-account-widget a.mention:focus,.moved-account-widget a.mention:hover,.moved-account-widget a.mention:active{text-decoration:none}.moved-account-widget a.mention:focus span,.moved-account-widget a.mention:hover span,.moved-account-widget a.mention:active span{text-decoration:underline}.moved-account-widget__message{margin-bottom:15px}.moved-account-widget__message .fa{margin-right:5px;color:#9baec8}.moved-account-widget__card .detailed-status__display-avatar{position:relative;cursor:pointer}.moved-account-widget__card .detailed-status__display-name{margin-bottom:0;text-decoration:none}.moved-account-widget__card .detailed-status__display-name span{font-weight:400}.memoriam-widget{padding:20px;border-radius:4px;background:#000;box-shadow:0 0 15px rgba(0,0,0,.2);font-size:14px;color:#9baec8;margin-bottom:10px}.page-header{background:#202e3f;box-shadow:0 0 15px rgba(0,0,0,.2);border-radius:4px;padding:60px 15px;text-align:center;margin:10px 0}.page-header h1{color:#fff;font-size:36px;line-height:1.1;font-weight:700;margin-bottom:10px}.page-header p{font-size:15px;color:#9baec8}@media screen and (max-width: 415px){.page-header{margin-top:0;background:#192432}.page-header h1{font-size:24px}}.directory{background:#121a24;border-radius:4px;box-shadow:0 0 15px rgba(0,0,0,.2)}.directory__tag{box-sizing:border-box;margin-bottom:10px}.directory__tag>a,.directory__tag>div{display:flex;align-items:center;justify-content:space-between;background:#121a24;border-radius:4px;padding:15px;text-decoration:none;color:inherit;box-shadow:0 0 15px rgba(0,0,0,.2)}.directory__tag>a:hover,.directory__tag>a:active,.directory__tag>a:focus{background:#202e3f}.directory__tag.active>a{background:#d8a070;cursor:default}.directory__tag.disabled>div{opacity:.5;cursor:default}.directory__tag h4{flex:1 1 auto;font-size:18px;font-weight:700;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.directory__tag h4 .fa{color:#9baec8}.directory__tag h4 small{display:block;font-weight:400;font-size:15px;margin-top:8px;color:#9baec8}.directory__tag.active h4,.directory__tag.active h4 .fa,.directory__tag.active h4 small,.directory__tag.active h4 .trends__item__current{color:#fff}.directory__tag .avatar-stack{flex:0 0 auto;width:120px}.directory__tag.active .avatar-stack .account__avatar{border-color:#d8a070}.directory__tag .trends__item__current{padding-right:0}.avatar-stack{display:flex;justify-content:flex-end}.avatar-stack .account__avatar{flex:0 0 auto;width:36px;height:36px;border-radius:50%;position:relative;margin-left:-10px;background:#040609;border:2px solid #121a24}.avatar-stack .account__avatar:nth-child(1){z-index:1}.avatar-stack .account__avatar:nth-child(2){z-index:2}.avatar-stack .account__avatar:nth-child(3){z-index:3}.accounts-table{width:100%}.accounts-table .account{padding:0;border:0}.accounts-table strong{font-weight:700}.accounts-table thead th{text-align:center;color:#9baec8;font-weight:700;padding:10px}.accounts-table thead th:first-child{text-align:left}.accounts-table tbody td{padding:15px 0;vertical-align:middle;border-bottom:1px solid #202e3f}.accounts-table tbody tr:last-child td{border-bottom:0}.accounts-table__count{width:120px;text-align:center;font-size:15px;font-weight:500;color:#fff}.accounts-table__count small{display:block;color:#9baec8;font-weight:400;font-size:14px}.accounts-table__comment{width:50%;vertical-align:initial !important}@media screen and (max-width: 415px){.accounts-table tbody td.optional{display:none}}@media screen and (max-width: 415px){.moved-account-widget,.memoriam-widget,.box-widget,.contact-widget,.landing-page__information.contact-widget,.directory,.page-header{margin-bottom:0;box-shadow:none;border-radius:0}}.statuses-grid{min-height:600px}@media screen and (max-width: 640px){.statuses-grid{width:100% !important}}.statuses-grid__item{width:313.3333333333px}@media screen and (max-width: 1255px){.statuses-grid__item{width:306.6666666667px}}@media screen and (max-width: 640px){.statuses-grid__item{width:100%}}@media screen and (max-width: 415px){.statuses-grid__item{width:100vw}}.statuses-grid .detailed-status{border-radius:4px}@media screen and (max-width: 415px){.statuses-grid .detailed-status{border-top:1px solid #2d415a}}.statuses-grid .detailed-status.compact .detailed-status__meta{margin-top:15px}.statuses-grid .detailed-status.compact .status__content{font-size:15px;line-height:20px}.statuses-grid .detailed-status.compact .status__content .emojione{width:20px;height:20px;margin:-3px 0 0}.statuses-grid .detailed-status.compact .status__content .status__content__spoiler-link{line-height:20px;margin:0}.statuses-grid .detailed-status.compact .media-gallery,.statuses-grid .detailed-status.compact .status-card,.statuses-grid .detailed-status.compact .video-player{margin-top:15px}.notice-widget{margin-bottom:10px;color:#9baec8}.notice-widget p{margin-bottom:10px}.notice-widget p:last-child{margin-bottom:0}.notice-widget a{font-size:14px;line-height:20px}.notice-widget a,.placeholder-widget a{text-decoration:none;font-weight:500;color:#d8a070}.notice-widget a:hover,.notice-widget a:focus,.notice-widget a:active,.placeholder-widget a:hover,.placeholder-widget a:focus,.placeholder-widget a:active{text-decoration:underline}.table-of-contents{background:#0b1016;min-height:100%;font-size:14px;border-radius:4px}.table-of-contents li a{display:block;font-weight:500;padding:15px;overflow:hidden;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-decoration:none;color:#fff;border-bottom:1px solid #192432}.table-of-contents li a:hover,.table-of-contents li a:focus,.table-of-contents li a:active{text-decoration:underline}.table-of-contents li:last-child a{border-bottom:0}.table-of-contents li ul{padding-left:20px;border-bottom:1px solid #192432}code{font-family:\"mastodon-font-monospace\",monospace;font-weight:400}.form-container{max-width:400px;padding:20px;margin:0 auto}.simple_form .input{margin-bottom:15px;overflow:hidden}.simple_form .input.hidden{margin:0}.simple_form .input.radio_buttons .radio{margin-bottom:15px}.simple_form .input.radio_buttons .radio:last-child{margin-bottom:0}.simple_form .input.radio_buttons .radio>label{position:relative;padding-left:28px}.simple_form .input.radio_buttons .radio>label input{position:absolute;top:-2px;left:0}.simple_form .input.boolean{position:relative;margin-bottom:0}.simple_form .input.boolean .label_input>label{font-family:inherit;font-size:14px;padding-top:5px;color:#fff;display:block;width:auto}.simple_form .input.boolean .label_input,.simple_form .input.boolean .hint{padding-left:28px}.simple_form .input.boolean .label_input__wrapper{position:static}.simple_form .input.boolean label.checkbox{position:absolute;top:2px;left:0}.simple_form .input.boolean label a{color:#d8a070;text-decoration:underline}.simple_form .input.boolean label a:hover,.simple_form .input.boolean label a:active,.simple_form .input.boolean label a:focus{text-decoration:none}.simple_form .input.boolean .recommended{position:absolute;margin:0 4px;margin-top:-2px}.simple_form .row{display:flex;margin:0 -5px}.simple_form .row .input{box-sizing:border-box;flex:1 1 auto;width:50%;padding:0 5px}.simple_form .hint{color:#9baec8}.simple_form .hint a{color:#d8a070}.simple_form .hint code{border-radius:3px;padding:.2em .4em;background:#000}.simple_form .hint li{list-style:disc;margin-left:18px}.simple_form ul.hint{margin-bottom:15px}.simple_form span.hint{display:block;font-size:12px;margin-top:4px}.simple_form p.hint{margin-bottom:15px;color:#9baec8}.simple_form p.hint.subtle-hint{text-align:center;font-size:12px;line-height:18px;margin-top:15px;margin-bottom:0}.simple_form .card{margin-bottom:15px}.simple_form strong{font-weight:500}.simple_form strong:lang(ja){font-weight:700}.simple_form strong:lang(ko){font-weight:700}.simple_form strong:lang(zh-CN){font-weight:700}.simple_form strong:lang(zh-HK){font-weight:700}.simple_form strong:lang(zh-TW){font-weight:700}.simple_form .input.with_floating_label .label_input{display:flex}.simple_form .input.with_floating_label .label_input>label{font-family:inherit;font-size:14px;color:#fff;font-weight:500;min-width:150px;flex:0 0 auto}.simple_form .input.with_floating_label .label_input input,.simple_form .input.with_floating_label .label_input select{flex:1 1 auto}.simple_form .input.with_floating_label.select .hint{margin-top:6px;margin-left:150px}.simple_form .input.with_label .label_input>label{font-family:inherit;font-size:14px;color:#fff;display:block;margin-bottom:8px;word-wrap:break-word;font-weight:500}.simple_form .input.with_label .hint{margin-top:6px}.simple_form .input.with_label ul{flex:390px}.simple_form .input.with_block_label{max-width:none}.simple_form .input.with_block_label>label{font-family:inherit;font-size:16px;color:#fff;display:block;font-weight:500;padding-top:5px}.simple_form .input.with_block_label .hint{margin-bottom:15px}.simple_form .input.with_block_label ul{columns:2}.simple_form .required abbr{text-decoration:none;color:#e87487}.simple_form .fields-group{margin-bottom:25px}.simple_form .fields-group .input:last-child{margin-bottom:0}.simple_form .fields-row{display:flex;margin:0 -10px;padding-top:5px;margin-bottom:25px}.simple_form .fields-row .input{max-width:none}.simple_form .fields-row__column{box-sizing:border-box;padding:0 10px;flex:1 1 auto;min-height:1px}.simple_form .fields-row__column-6{max-width:50%}.simple_form .fields-row__column .actions{margin-top:27px}.simple_form .fields-row .fields-group:last-child,.simple_form .fields-row .fields-row__column.fields-group{margin-bottom:0}@media screen and (max-width: 600px){.simple_form .fields-row{display:block;margin-bottom:0}.simple_form .fields-row__column{max-width:none}.simple_form .fields-row .fields-group:last-child,.simple_form .fields-row .fields-row__column.fields-group,.simple_form .fields-row .fields-row__column{margin-bottom:25px}}.simple_form .input.radio_buttons .radio label{margin-bottom:5px;font-family:inherit;font-size:14px;color:#fff;display:block;width:auto}.simple_form .check_boxes .checkbox label{font-family:inherit;font-size:14px;color:#fff;display:inline-block;width:auto;position:relative;padding-top:5px;padding-left:25px;flex:1 1 auto}.simple_form .check_boxes .checkbox input[type=checkbox]{position:absolute;left:0;top:5px;margin:0}.simple_form .input.static .label_input__wrapper{font-size:16px;padding:10px;border:1px solid #3e5a7c;border-radius:4px}.simple_form input[type=text],.simple_form input[type=number],.simple_form input[type=email],.simple_form input[type=password],.simple_form textarea{box-sizing:border-box;font-size:16px;color:#fff;display:block;width:100%;outline:0;font-family:inherit;resize:vertical;background:#010102;border:1px solid #000;border-radius:4px;padding:10px}.simple_form input[type=text]::placeholder,.simple_form input[type=number]::placeholder,.simple_form input[type=email]::placeholder,.simple_form input[type=password]::placeholder,.simple_form textarea::placeholder{color:#a8b9cf}.simple_form input[type=text]:invalid,.simple_form input[type=number]:invalid,.simple_form input[type=email]:invalid,.simple_form input[type=password]:invalid,.simple_form textarea:invalid{box-shadow:none}.simple_form input[type=text]:focus:invalid:not(:placeholder-shown),.simple_form input[type=number]:focus:invalid:not(:placeholder-shown),.simple_form input[type=email]:focus:invalid:not(:placeholder-shown),.simple_form input[type=password]:focus:invalid:not(:placeholder-shown),.simple_form textarea:focus:invalid:not(:placeholder-shown){border-color:#e87487}.simple_form input[type=text]:required:valid,.simple_form input[type=number]:required:valid,.simple_form input[type=email]:required:valid,.simple_form input[type=password]:required:valid,.simple_form textarea:required:valid{border-color:#79bd9a}.simple_form input[type=text]:hover,.simple_form input[type=number]:hover,.simple_form input[type=email]:hover,.simple_form input[type=password]:hover,.simple_form textarea:hover{border-color:#000}.simple_form input[type=text]:active,.simple_form input[type=text]:focus,.simple_form input[type=number]:active,.simple_form input[type=number]:focus,.simple_form input[type=email]:active,.simple_form input[type=email]:focus,.simple_form input[type=password]:active,.simple_form input[type=password]:focus,.simple_form textarea:active,.simple_form textarea:focus{border-color:#d8a070;background:#040609}.simple_form .input.field_with_errors label{color:#e87487}.simple_form .input.field_with_errors input[type=text],.simple_form .input.field_with_errors input[type=number],.simple_form .input.field_with_errors input[type=email],.simple_form .input.field_with_errors input[type=password],.simple_form .input.field_with_errors textarea,.simple_form .input.field_with_errors select{border-color:#e87487}.simple_form .input.field_with_errors .error{display:block;font-weight:500;color:#e87487;margin-top:4px}.simple_form .input.disabled{opacity:.5}.simple_form .actions{margin-top:30px;display:flex}.simple_form .actions.actions--top{margin-top:0;margin-bottom:30px}.simple_form button,.simple_form .button,.simple_form .block-button{display:block;width:100%;border:0;border-radius:4px;background:#d8a070;color:#fff;font-size:18px;line-height:inherit;height:auto;padding:10px;text-decoration:none;text-align:center;box-sizing:border-box;cursor:pointer;font-weight:500;outline:0;margin-bottom:10px;margin-right:10px}.simple_form button:last-child,.simple_form .button:last-child,.simple_form .block-button:last-child{margin-right:0}.simple_form button:hover,.simple_form .button:hover,.simple_form .block-button:hover{background-color:#ddad84}.simple_form button:active,.simple_form button:focus,.simple_form .button:active,.simple_form .button:focus,.simple_form .block-button:active,.simple_form .block-button:focus{background-color:#d3935c}.simple_form button:disabled:hover,.simple_form .button:disabled:hover,.simple_form .block-button:disabled:hover{background-color:#9baec8}.simple_form button.negative,.simple_form .button.negative,.simple_form .block-button.negative{background:#df405a}.simple_form button.negative:hover,.simple_form .button.negative:hover,.simple_form .block-button.negative:hover{background-color:#e3566d}.simple_form button.negative:active,.simple_form button.negative:focus,.simple_form .button.negative:active,.simple_form .button.negative:focus,.simple_form .block-button.negative:active,.simple_form .block-button.negative:focus{background-color:#db2a47}.simple_form select{appearance:none;box-sizing:border-box;font-size:16px;color:#fff;display:block;width:100%;outline:0;font-family:inherit;resize:vertical;background:#010102 url(\"data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14.933 18.467' height='19.698' width='15.929'><path d='M3.467 14.967l-3.393-3.5H14.86l-3.392 3.5c-1.866 1.925-3.666 3.5-4 3.5-.335 0-2.135-1.575-4-3.5zm.266-11.234L7.467 0 11.2 3.733l3.733 3.734H0l3.733-3.734z' fill='%2326374D'/></svg>\") no-repeat right 8px center/auto 16px;border:1px solid #000;border-radius:4px;padding-left:10px;padding-right:30px;height:41px}.simple_form h4{margin-bottom:15px !important}.simple_form .label_input__wrapper{position:relative}.simple_form .label_input__append{position:absolute;right:3px;top:1px;padding:10px;padding-bottom:9px;font-size:16px;color:#3e5a7c;font-family:inherit;pointer-events:none;cursor:default;max-width:140px;white-space:nowrap;overflow:hidden}.simple_form .label_input__append::after{content:\"\";display:block;position:absolute;top:0;right:0;bottom:1px;width:5px;background-image:linear-gradient(to right, rgba(1, 1, 2, 0), #010102)}.simple_form__overlay-area{position:relative}.simple_form__overlay-area__blurred form{filter:blur(2px)}.simple_form__overlay-area__overlay{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;justify-content:center;align-items:center;background:rgba(18,26,36,.65);border-radius:4px;margin-left:-4px;margin-top:-4px;padding:4px}.simple_form__overlay-area__overlay__content{text-align:center}.simple_form__overlay-area__overlay__content.rich-formatting,.simple_form__overlay-area__overlay__content.rich-formatting p{color:#fff}.block-icon{display:block;margin:0 auto;margin-bottom:10px;font-size:24px}.flash-message{background:#202e3f;color:#9baec8;border-radius:4px;padding:15px 10px;margin-bottom:30px;text-align:center}.flash-message.notice{border:1px solid rgba(121,189,154,.5);background:rgba(121,189,154,.25);color:#79bd9a}.flash-message.alert{border:1px solid rgba(223,64,90,.5);background:rgba(223,64,90,.25);color:#df405a}.flash-message a{display:inline-block;color:#9baec8;text-decoration:none}.flash-message a:hover{color:#fff;text-decoration:underline}.flash-message p{margin-bottom:15px}.flash-message .oauth-code{outline:0;box-sizing:border-box;display:block;width:100%;border:0;padding:10px;font-family:\"mastodon-font-monospace\",monospace;background:#121a24;color:#fff;font-size:14px;margin:0}.flash-message .oauth-code::-moz-focus-inner{border:0}.flash-message .oauth-code::-moz-focus-inner,.flash-message .oauth-code:focus,.flash-message .oauth-code:active{outline:0 !important}.flash-message .oauth-code:focus{background:#192432}.flash-message strong{font-weight:500}.flash-message strong:lang(ja){font-weight:700}.flash-message strong:lang(ko){font-weight:700}.flash-message strong:lang(zh-CN){font-weight:700}.flash-message strong:lang(zh-HK){font-weight:700}.flash-message strong:lang(zh-TW){font-weight:700}@media screen and (max-width: 740px)and (min-width: 441px){.flash-message{margin-top:40px}}.form-footer{margin-top:30px;text-align:center}.form-footer a{color:#9baec8;text-decoration:none}.form-footer a:hover{text-decoration:underline}.quick-nav{list-style:none;margin-bottom:25px;font-size:14px}.quick-nav li{display:inline-block;margin-right:10px}.quick-nav a{color:#d8a070;text-decoration:none;font-weight:700}.quick-nav a:hover,.quick-nav a:focus,.quick-nav a:active{color:#e1b590}.oauth-prompt,.follow-prompt{margin-bottom:30px;color:#9baec8}.oauth-prompt h2,.follow-prompt h2{font-size:16px;margin-bottom:30px;text-align:center}.oauth-prompt strong,.follow-prompt strong{color:#d9e1e8;font-weight:500}.oauth-prompt strong:lang(ja),.follow-prompt strong:lang(ja){font-weight:700}.oauth-prompt strong:lang(ko),.follow-prompt strong:lang(ko){font-weight:700}.oauth-prompt strong:lang(zh-CN),.follow-prompt strong:lang(zh-CN){font-weight:700}.oauth-prompt strong:lang(zh-HK),.follow-prompt strong:lang(zh-HK){font-weight:700}.oauth-prompt strong:lang(zh-TW),.follow-prompt strong:lang(zh-TW){font-weight:700}@media screen and (max-width: 740px)and (min-width: 441px){.oauth-prompt,.follow-prompt{margin-top:40px}}.qr-wrapper{display:flex;flex-wrap:wrap;align-items:flex-start}.qr-code{flex:0 0 auto;background:#fff;padding:4px;margin:0 10px 20px 0;box-shadow:0 0 15px rgba(0,0,0,.2);display:inline-block}.qr-code svg{display:block;margin:0}.qr-alternative{margin-bottom:20px;color:#d9e1e8;flex:150px}.qr-alternative samp{display:block;font-size:14px}.table-form p{margin-bottom:15px}.table-form p strong{font-weight:500}.table-form p strong:lang(ja){font-weight:700}.table-form p strong:lang(ko){font-weight:700}.table-form p strong:lang(zh-CN){font-weight:700}.table-form p strong:lang(zh-HK){font-weight:700}.table-form p strong:lang(zh-TW){font-weight:700}.simple_form .warning,.table-form .warning{box-sizing:border-box;background:rgba(223,64,90,.5);color:#fff;text-shadow:1px 1px 0 rgba(0,0,0,.3);box-shadow:0 2px 6px rgba(0,0,0,.4);border-radius:4px;padding:10px;margin-bottom:15px}.simple_form .warning a,.table-form .warning a{color:#fff;text-decoration:underline}.simple_form .warning a:hover,.simple_form .warning a:focus,.simple_form .warning a:active,.table-form .warning a:hover,.table-form .warning a:focus,.table-form .warning a:active{text-decoration:none}.simple_form .warning strong,.table-form .warning strong{font-weight:600;display:block;margin-bottom:5px}.simple_form .warning strong:lang(ja),.table-form .warning strong:lang(ja){font-weight:700}.simple_form .warning strong:lang(ko),.table-form .warning strong:lang(ko){font-weight:700}.simple_form .warning strong:lang(zh-CN),.table-form .warning strong:lang(zh-CN){font-weight:700}.simple_form .warning strong:lang(zh-HK),.table-form .warning strong:lang(zh-HK){font-weight:700}.simple_form .warning strong:lang(zh-TW),.table-form .warning strong:lang(zh-TW){font-weight:700}.simple_form .warning strong .fa,.table-form .warning strong .fa{font-weight:400}.action-pagination{display:flex;flex-wrap:wrap;align-items:center}.action-pagination .actions,.action-pagination .pagination{flex:1 1 auto}.action-pagination .actions{padding:30px 0;padding-right:20px;flex:0 0 auto}.post-follow-actions{text-align:center;color:#9baec8}.post-follow-actions div{margin-bottom:4px}.alternative-login{margin-top:20px;margin-bottom:20px}.alternative-login h4{font-size:16px;color:#fff;text-align:center;margin-bottom:20px;border:0;padding:0}.alternative-login .button{display:block}.scope-danger{color:#ff5050}.form_admin_settings_site_short_description textarea,.form_admin_settings_site_description textarea,.form_admin_settings_site_extended_description textarea,.form_admin_settings_site_terms textarea,.form_admin_settings_custom_css textarea,.form_admin_settings_closed_registrations_message textarea{font-family:\"mastodon-font-monospace\",monospace}.input-copy{background:#010102;border:1px solid #000;border-radius:4px;display:flex;align-items:center;padding-right:4px;position:relative;top:1px;transition:border-color 300ms linear}.input-copy__wrapper{flex:1 1 auto}.input-copy input[type=text]{background:transparent;border:0;padding:10px;font-size:14px;font-family:\"mastodon-font-monospace\",monospace}.input-copy button{flex:0 0 auto;margin:4px;text-transform:none;font-weight:400;font-size:14px;padding:7px 18px;padding-bottom:6px;width:auto;transition:background 300ms linear}.input-copy.copied{border-color:#79bd9a;transition:none}.input-copy.copied button{background:#79bd9a;transition:none}.connection-prompt{margin-bottom:25px}.connection-prompt .fa-link{background-color:#0b1016;border-radius:100%;font-size:24px;padding:10px}.connection-prompt__column{align-items:center;display:flex;flex:1;flex-direction:column;flex-shrink:1;max-width:50%}.connection-prompt__column-sep{align-self:center;flex-grow:0;overflow:visible;position:relative;z-index:1}.connection-prompt__column p{word-break:break-word}.connection-prompt .account__avatar{margin-bottom:20px}.connection-prompt__connection{background-color:#202e3f;box-shadow:0 0 15px rgba(0,0,0,.2);border-radius:4px;padding:25px 10px;position:relative;text-align:center}.connection-prompt__connection::after{background-color:#0b1016;content:\"\";display:block;height:100%;left:50%;position:absolute;top:0;width:1px}.connection-prompt__row{align-items:flex-start;display:flex;flex-direction:row}.card>a{display:block;text-decoration:none;color:inherit;box-shadow:0 0 15px rgba(0,0,0,.2)}@media screen and (max-width: 415px){.card>a{box-shadow:none}}.card>a:hover .card__bar,.card>a:active .card__bar,.card>a:focus .card__bar{background:#202e3f}.card__img{height:130px;position:relative;background:#000;border-radius:4px 4px 0 0}.card__img img{display:block;width:100%;height:100%;margin:0;object-fit:cover;border-radius:4px 4px 0 0}@media screen and (max-width: 600px){.card__img{height:200px}}@media screen and (max-width: 415px){.card__img{display:none}}.card__bar{position:relative;padding:15px;display:flex;justify-content:flex-start;align-items:center;background:#192432;border-radius:0 0 4px 4px}@media screen and (max-width: 415px){.card__bar{border-radius:0}}.card__bar .avatar{flex:0 0 auto;width:48px;height:48px;padding-top:2px}.card__bar .avatar img{width:100%;height:100%;display:block;margin:0;border-radius:4px;background:#040609;object-fit:cover}.card__bar .display-name{margin-left:15px;text-align:left}.card__bar .display-name strong{font-size:15px;color:#fff;font-weight:500;overflow:hidden;text-overflow:ellipsis}.card__bar .display-name span{display:block;font-size:14px;color:#9baec8;font-weight:400;overflow:hidden;text-overflow:ellipsis}.pagination{padding:30px 0;text-align:center;overflow:hidden}.pagination a,.pagination .current,.pagination .newer,.pagination .older,.pagination .page,.pagination .gap{font-size:14px;color:#fff;font-weight:500;display:inline-block;padding:6px 10px;text-decoration:none}.pagination .current{background:#fff;border-radius:100px;color:#121a24;cursor:default;margin:0 10px}.pagination .gap{cursor:default}.pagination .older,.pagination .newer{color:#d9e1e8}.pagination .older{float:left;padding-left:0}.pagination .older .fa{display:inline-block;margin-right:5px}.pagination .newer{float:right;padding-right:0}.pagination .newer .fa{display:inline-block;margin-left:5px}.pagination .disabled{cursor:default;color:#233346}@media screen and (max-width: 700px){.pagination{padding:30px 20px}.pagination .page{display:none}.pagination .newer,.pagination .older{display:inline-block}}.nothing-here{background:#121a24;box-shadow:0 0 15px rgba(0,0,0,.2);color:#9baec8;font-size:14px;font-weight:500;text-align:center;display:flex;justify-content:center;align-items:center;cursor:default;border-radius:4px;padding:20px;min-height:30vh}.nothing-here--under-tabs{border-radius:0 0 4px 4px}.nothing-here--flexible{box-sizing:border-box;min-height:100%}.account-role,.simple_form .recommended{display:inline-block;padding:4px 6px;cursor:default;border-radius:3px;font-size:12px;line-height:12px;font-weight:500;color:#d9e1e8;background-color:rgba(217,225,232,.1);border:1px solid rgba(217,225,232,.5)}.account-role.moderator,.simple_form .recommended.moderator{color:#79bd9a;background-color:rgba(121,189,154,.1);border-color:rgba(121,189,154,.5)}.account-role.admin,.simple_form .recommended.admin{color:#e87487;background-color:rgba(232,116,135,.1);border-color:rgba(232,116,135,.5)}.account__header__fields{max-width:100vw;padding:0;margin:15px -15px -15px;border:0 none;border-top:1px solid #26374d;border-bottom:1px solid #26374d;font-size:14px;line-height:20px}.account__header__fields dl{display:flex;border-bottom:1px solid #26374d}.account__header__fields dt,.account__header__fields dd{box-sizing:border-box;padding:14px;text-align:center;max-height:48px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.account__header__fields dt{font-weight:500;width:120px;flex:0 0 auto;color:#d9e1e8;background:rgba(4,6,9,.5)}.account__header__fields dd{flex:1 1 auto;color:#9baec8}.account__header__fields a{color:#d8a070;text-decoration:none}.account__header__fields a:hover,.account__header__fields a:focus,.account__header__fields a:active{text-decoration:underline}.account__header__fields .verified{border:1px solid rgba(121,189,154,.5);background:rgba(121,189,154,.25)}.account__header__fields .verified a{color:#79bd9a;font-weight:500}.account__header__fields .verified__mark{color:#79bd9a}.account__header__fields dl:last-child{border-bottom:0}.directory__tag .trends__item__current{width:auto}.pending-account__header{color:#9baec8}.pending-account__header a{color:#d9e1e8;text-decoration:none}.pending-account__header a:hover,.pending-account__header a:active,.pending-account__header a:focus{text-decoration:underline}.pending-account__header strong{color:#fff;font-weight:700}.pending-account__body{margin-top:10px}.activity-stream{box-shadow:0 0 15px rgba(0,0,0,.2);border-radius:4px;overflow:hidden;margin-bottom:10px}.activity-stream--under-tabs{border-radius:0 0 4px 4px}@media screen and (max-width: 415px){.activity-stream{margin-bottom:0;border-radius:0;box-shadow:none}}.activity-stream--headless{border-radius:0;margin:0;box-shadow:none}.activity-stream--headless .detailed-status,.activity-stream--headless .status{border-radius:0 !important}.activity-stream div[data-component]{width:100%}.activity-stream .entry{background:#121a24}.activity-stream .entry .detailed-status,.activity-stream .entry .status,.activity-stream .entry .load-more{animation:none}.activity-stream .entry:last-child .detailed-status,.activity-stream .entry:last-child .status,.activity-stream .entry:last-child .load-more{border-bottom:0;border-radius:0 0 4px 4px}.activity-stream .entry:first-child .detailed-status,.activity-stream .entry:first-child .status,.activity-stream .entry:first-child .load-more{border-radius:4px 4px 0 0}.activity-stream .entry:first-child:last-child .detailed-status,.activity-stream .entry:first-child:last-child .status,.activity-stream .entry:first-child:last-child .load-more{border-radius:4px}@media screen and (max-width: 740px){.activity-stream .entry .detailed-status,.activity-stream .entry .status,.activity-stream .entry .load-more{border-radius:0 !important}}.activity-stream--highlighted .entry{background:#202e3f}.button.logo-button{flex:0 auto;font-size:14px;background:#d8a070;color:#fff;text-transform:none;line-height:36px;height:auto;padding:3px 15px;border:0}.button.logo-button svg{width:20px;height:auto;vertical-align:middle;margin-right:5px;fill:#fff}.button.logo-button:active,.button.logo-button:focus,.button.logo-button:hover{background:#e3bb98}.button.logo-button:disabled:active,.button.logo-button:disabled:focus,.button.logo-button:disabled:hover,.button.logo-button.disabled:active,.button.logo-button.disabled:focus,.button.logo-button.disabled:hover{background:#9baec8}.button.logo-button.button--destructive:active,.button.logo-button.button--destructive:focus,.button.logo-button.button--destructive:hover{background:#df405a}@media screen and (max-width: 415px){.button.logo-button svg{display:none}}.embed .detailed-status,.public-layout .detailed-status{padding:15px}.embed .status,.public-layout .status{padding:15px 15px 15px 78px;min-height:50px}.embed .status__avatar,.public-layout .status__avatar{left:15px;top:17px}.embed .status__content,.public-layout .status__content{padding-top:5px}.embed .status__prepend,.public-layout .status__prepend{margin-left:78px;padding-top:15px}.embed .status__prepend-icon-wrapper,.public-layout .status__prepend-icon-wrapper{left:-32px}.embed .status .media-gallery,.embed .status__action-bar,.embed .status .video-player,.public-layout .status .media-gallery,.public-layout .status__action-bar,.public-layout .status .video-player{margin-top:10px}button.icon-button i.fa-retweet{background-image:url(\"data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='22' height='209'><path d='M4.97 3.16c-.1.03-.17.1-.22.18L.8 8.24c-.2.3.03.78.4.8H3.6v2.68c0 4.26-.55 3.62 3.66 3.62h7.66l-2.3-2.84c-.03-.02-.03-.04-.05-.06H7.27c-.44 0-.72-.3-.72-.72v-2.7h2.5c.37.03.63-.48.4-.77L5.5 3.35c-.12-.17-.34-.25-.53-.2zm12.16.43c-.55-.02-1.32.02-2.4.02H7.1l2.32 2.85.03.06h5.25c.42 0 .72.28.72.72v2.7h-2.5c-.36.02-.56.54-.3.8l3.92 4.9c.18.25.6.25.78 0l3.94-4.9c.26-.28 0-.83-.37-.8H18.4v-2.7c0-3.15.4-3.62-1.25-3.66z' fill='%233E5A7C' stroke-width='0'/><path d='M7.78 19.66c-.24.02-.44.25-.44.5v2.46h-.06c-1.08 0-1.86-.03-2.4-.03-1.64 0-1.25.43-1.25 3.65v4.47c0 4.26-.56 3.62 3.65 3.62H8.5l-1.3-1.06c-.1-.08-.18-.2-.2-.3-.02-.17.06-.35.2-.45l1.33-1.1H7.28c-.44 0-.72-.3-.72-.7v-4.48c0-.44.28-.72.72-.72h.06v2.5c0 .38.54.63.82.38l4.9-3.93c.25-.18.25-.6 0-.78l-4.9-3.92c-.1-.1-.24-.14-.38-.12zm9.34 2.93c-.54-.02-1.3.02-2.4.02h-1.25l1.3 1.07c.1.07.18.2.2.33.02.16-.06.3-.2.4l-1.33 1.1h1.28c.42 0 .72.28.72.72v4.47c0 .42-.3.72-.72.72h-.1v-2.47c0-.3-.3-.53-.6-.47-.07 0-.14.05-.2.1l-4.9 3.93c-.26.18-.26.6 0 .78l4.9 3.92c.27.25.82 0 .8-.38v-2.5h.1c4.27 0 3.65.67 3.65-3.62v-4.47c0-3.15.4-3.62-1.25-3.66zM10.34 38.66c-.24.02-.44.25-.43.5v2.47H7.3c-1.08 0-1.86-.04-2.4-.04-1.64 0-1.25.43-1.25 3.65v4.47c0 3.66-.23 3.7 2.34 3.66l-1.34-1.1c-.1-.08-.18-.2-.2-.3 0-.17.07-.35.2-.45l1.96-1.6c-.03-.06-.04-.13-.04-.2v-4.48c0-.44.28-.72.72-.72H9.9v2.5c0 .36.5.6.8.38l4.93-3.93c.24-.18.24-.6 0-.78l-4.94-3.92c-.1-.08-.23-.13-.36-.12zm5.63 2.93l1.34 1.1c.1.07.18.2.2.33.02.16-.03.3-.16.4l-1.96 1.6c.02.07.06.13.06.22v4.47c0 .42-.3.72-.72.72h-2.66v-2.47c0-.3-.3-.53-.6-.47-.06.02-.12.05-.18.1l-4.94 3.93c-.24.18-.24.6 0 .78l4.94 3.92c.28.22.78-.02.78-.38v-2.5h2.66c4.27 0 3.65.67 3.65-3.62v-4.47c0-3.66.34-3.7-2.4-3.66zM13.06 57.66c-.23.03-.4.26-.4.5v2.47H7.28c-1.08 0-1.86-.04-2.4-.04-1.64 0-1.25.43-1.25 3.65v4.87l2.93-2.37v-2.5c0-.44.28-.72.72-.72h5.38v2.5c0 .36.5.6.78.38l4.94-3.93c.24-.18.24-.6 0-.78l-4.94-3.92c-.1-.1-.24-.14-.38-.12zm5.3 6.15l-2.92 2.4v2.52c0 .42-.3.72-.72.72h-5.4v-2.47c0-.3-.32-.53-.6-.47-.07.02-.13.05-.2.1L3.6 70.52c-.25.18-.25.6 0 .78l4.93 3.92c.28.22.78-.02.78-.38v-2.5h5.42c4.27 0 3.65.67 3.65-3.62v-4.47-.44zM19.25 78.8c-.1.03-.2.1-.28.17l-.9.9c-.44-.3-1.36-.25-3.35-.25H7.28c-1.08 0-1.86-.03-2.4-.03-1.64 0-1.25.43-1.25 3.65v.7l2.93.3v-1c0-.44.28-.72.72-.72h7.44c.2 0 .37.08.5.2l-1.8 1.8c-.25.26-.08.76.27.8l6.27.7c.28.03.56-.25.53-.53l-.7-6.25c0-.27-.3-.48-.55-.44zm-17.2 6.1c-.2.07-.36.3-.33.54l.7 6.25c.02.36.58.55.83.27l.8-.8c.02 0 .04-.02.04 0 .46.24 1.37.17 3.18.17h7.44c4.27 0 3.65.67 3.65-3.62v-.75l-2.93-.3v1.05c0 .42-.3.72-.72.72H7.28c-.15 0-.3-.03-.4-.1L8.8 86.4c.3-.24.1-.8-.27-.84l-6.28-.65h-.2zM4.88 98.6c-1.33 0-1.34.48-1.3 2.3l1.14-1.37c.08-.1.22-.17.34-.2.16 0 .34.08.44.2l1.66 2.03c.04 0 .07-.03.12-.03h7.44c.34 0 .57.2.65.5h-2.43c-.34.05-.53.52-.3.78l3.92 4.95c.18.24.6.24.78 0l3.94-4.94c.22-.27-.02-.76-.37-.77H18.4c.02-3.9.6-3.4-3.66-3.4H7.28c-1.08 0-1.86-.04-2.4-.04zm.15 2.46c-.1.03-.2.1-.28.2l-3.94 4.9c-.2.28.03.77.4.78H3.6c-.02 3.94-.45 3.4 3.66 3.4h7.44c3.65 0 3.74.3 3.7-2.25l-1.1 1.34c-.1.1-.2.17-.32.2-.16 0-.34-.08-.44-.2l-1.65-2.03c-.06.02-.1.04-.18.04H7.28c-.35 0-.57-.2-.66-.5h2.44c.37 0 .63-.5.4-.78l-3.96-4.9c-.1-.15-.3-.23-.47-.2zM4.88 117.6c-1.16 0-1.3.3-1.3 1.56l1.14-1.38c.08-.1.22-.14.34-.16.16 0 .34.04.44.16l2.22 2.75h7c.42 0 .72.28.72.72v.53h-2.6c-.3.1-.43.54-.2.78l3.92 4.9c.18.25.6.25.78 0l3.94-4.9c.22-.28-.02-.77-.37-.78H18.4v-.53c0-4.2.72-3.63-3.66-3.63H7.28c-1.08 0-1.86-.03-2.4-.03zm.1 1.74c-.1.03-.17.1-.23.16L.8 124.44c-.2.28.03.77.4.78H3.6v.5c0 4.26-.55 3.62 3.66 3.62h7.44c1.03 0 1.74.02 2.28 0-.16.02-.34-.03-.44-.15l-2.22-2.76H7.28c-.44 0-.72-.3-.72-.72v-.5h2.5c.37.02.63-.5.4-.78L5.5 119.5c-.12-.15-.34-.22-.53-.16zm12.02 10c1.2-.02 1.4-.25 1.4-1.53l-1.1 1.36c-.07.1-.17.17-.3.18zM5.94 136.6l2.37 2.93h6.42c.42 0 .72.28.72.72v1.25h-2.6c-.3.1-.43.54-.2.78l3.92 4.9c.18.25.6.25.78 0l3.94-4.9c.22-.28-.02-.77-.37-.78H18.4v-1.25c0-4.2.72-3.63-3.66-3.63H7.28c-.6 0-.92-.02-1.34-.03zm-1.72.06c-.4.08-.54.3-.6.75l.6-.74zm.84.93c-.12 0-.24.08-.3.18l-3.95 4.9c-.24.3 0 .83.4.82H3.6v1.22c0 4.26-.55 3.62 3.66 3.62h7.44c.63 0 .97.02 1.4.03l-2.37-2.93H7.28c-.44 0-.72-.3-.72-.72v-1.22h2.5c.4.04.67-.53.4-.8l-3.96-4.92c-.1-.13-.27-.2-.44-.2zm13.28 10.03l-.56.7c.36-.07.5-.3.56-.7zM17.13 155.6c-.55-.02-1.32.03-2.4.03h-8.2l2.38 2.9h5.82c.42 0 .72.28.72.72v1.97H12.9c-.32.06-.48.52-.28.78l3.94 4.94c.2.23.6.22.78-.03l3.94-4.9c.22-.28-.02-.77-.37-.78H18.4v-1.97c0-3.15.4-3.62-1.25-3.66zm-12.1.28c-.1.02-.2.1-.28.18l-3.94 4.9c-.2.3.03.78.4.8H3.6v1.96c0 4.26-.55 3.62 3.66 3.62h8.24l-2.36-2.9H7.28c-.44 0-.72-.3-.72-.72v-1.97h2.5c.37.02.63-.5.4-.78l-3.96-4.9c-.1-.15-.3-.22-.47-.2zM5.13 174.5c-.15 0-.3.07-.38.2L.8 179.6c-.24.27 0 .82.4.8H3.6v2.32c0 4.26-.55 3.62 3.66 3.62h7.94l-2.35-2.9h-5.6c-.43 0-.7-.3-.7-.72v-2.3h2.5c.38.03.66-.54.4-.83l-3.97-4.9c-.1-.13-.23-.2-.38-.2zm12 .1c-.55-.02-1.32.03-2.4.03H6.83l2.35 2.9h5.52c.42 0 .72.28.72.72v2.34h-2.6c-.3.1-.43.53-.2.78l3.92 4.9c.18.24.6.24.78 0l3.94-4.9c.22-.3-.02-.78-.37-.8H18.4v-2.33c0-3.15.4-3.62-1.25-3.66zM4.97 193.16c-.1.03-.17.1-.22.18l-3.94 4.9c-.2.3.03.78.4.8H3.6v2.68c0 4.26-.55 3.62 3.66 3.62h7.66l-2.3-2.84c-.03-.02-.03-.04-.05-.06H7.27c-.44 0-.72-.3-.72-.72v-2.7h2.5c.37.03.63-.48.4-.77l-3.96-4.9c-.12-.17-.34-.25-.53-.2zm12.16.43c-.55-.02-1.32.03-2.4.03H7.1l2.32 2.84.03.06h5.25c.42 0 .72.28.72.72v2.7h-2.5c-.36.02-.56.54-.3.8l3.92 4.9c.18.25.6.25.78 0l3.94-4.9c.26-.28 0-.83-.37-.8H18.4v-2.7c0-3.15.4-3.62-1.25-3.66z' fill='%23D8A070' stroke-width='0'/></svg>\")}button.icon-button i.fa-retweet:hover{background-image:url(\"data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='22' height='209'><path d='M4.97 3.16c-.1.03-.17.1-.22.18L.8 8.24c-.2.3.03.78.4.8H3.6v2.68c0 4.26-.55 3.62 3.66 3.62h7.66l-2.3-2.84c-.03-.02-.03-.04-.05-.06H7.27c-.44 0-.72-.3-.72-.72v-2.7h2.5c.37.03.63-.48.4-.77L5.5 3.35c-.12-.17-.34-.25-.53-.2zm12.16.43c-.55-.02-1.32.02-2.4.02H7.1l2.32 2.85.03.06h5.25c.42 0 .72.28.72.72v2.7h-2.5c-.36.02-.56.54-.3.8l3.92 4.9c.18.25.6.25.78 0l3.94-4.9c.26-.28 0-.83-.37-.8H18.4v-2.7c0-3.15.4-3.62-1.25-3.66z' fill='%234A6B94' stroke-width='0'/><path d='M7.78 19.66c-.24.02-.44.25-.44.5v2.46h-.06c-1.08 0-1.86-.03-2.4-.03-1.64 0-1.25.43-1.25 3.65v4.47c0 4.26-.56 3.62 3.65 3.62H8.5l-1.3-1.06c-.1-.08-.18-.2-.2-.3-.02-.17.06-.35.2-.45l1.33-1.1H7.28c-.44 0-.72-.3-.72-.7v-4.48c0-.44.28-.72.72-.72h.06v2.5c0 .38.54.63.82.38l4.9-3.93c.25-.18.25-.6 0-.78l-4.9-3.92c-.1-.1-.24-.14-.38-.12zm9.34 2.93c-.54-.02-1.3.02-2.4.02h-1.25l1.3 1.07c.1.07.18.2.2.33.02.16-.06.3-.2.4l-1.33 1.1h1.28c.42 0 .72.28.72.72v4.47c0 .42-.3.72-.72.72h-.1v-2.47c0-.3-.3-.53-.6-.47-.07 0-.14.05-.2.1l-4.9 3.93c-.26.18-.26.6 0 .78l4.9 3.92c.27.25.82 0 .8-.38v-2.5h.1c4.27 0 3.65.67 3.65-3.62v-4.47c0-3.15.4-3.62-1.25-3.66zM10.34 38.66c-.24.02-.44.25-.43.5v2.47H7.3c-1.08 0-1.86-.04-2.4-.04-1.64 0-1.25.43-1.25 3.65v4.47c0 3.66-.23 3.7 2.34 3.66l-1.34-1.1c-.1-.08-.18-.2-.2-.3 0-.17.07-.35.2-.45l1.96-1.6c-.03-.06-.04-.13-.04-.2v-4.48c0-.44.28-.72.72-.72H9.9v2.5c0 .36.5.6.8.38l4.93-3.93c.24-.18.24-.6 0-.78l-4.94-3.92c-.1-.08-.23-.13-.36-.12zm5.63 2.93l1.34 1.1c.1.07.18.2.2.33.02.16-.03.3-.16.4l-1.96 1.6c.02.07.06.13.06.22v4.47c0 .42-.3.72-.72.72h-2.66v-2.47c0-.3-.3-.53-.6-.47-.06.02-.12.05-.18.1l-4.94 3.93c-.24.18-.24.6 0 .78l4.94 3.92c.28.22.78-.02.78-.38v-2.5h2.66c4.27 0 3.65.67 3.65-3.62v-4.47c0-3.66.34-3.7-2.4-3.66zM13.06 57.66c-.23.03-.4.26-.4.5v2.47H7.28c-1.08 0-1.86-.04-2.4-.04-1.64 0-1.25.43-1.25 3.65v4.87l2.93-2.37v-2.5c0-.44.28-.72.72-.72h5.38v2.5c0 .36.5.6.78.38l4.94-3.93c.24-.18.24-.6 0-.78l-4.94-3.92c-.1-.1-.24-.14-.38-.12zm5.3 6.15l-2.92 2.4v2.52c0 .42-.3.72-.72.72h-5.4v-2.47c0-.3-.32-.53-.6-.47-.07.02-.13.05-.2.1L3.6 70.52c-.25.18-.25.6 0 .78l4.93 3.92c.28.22.78-.02.78-.38v-2.5h5.42c4.27 0 3.65.67 3.65-3.62v-4.47-.44zM19.25 78.8c-.1.03-.2.1-.28.17l-.9.9c-.44-.3-1.36-.25-3.35-.25H7.28c-1.08 0-1.86-.03-2.4-.03-1.64 0-1.25.43-1.25 3.65v.7l2.93.3v-1c0-.44.28-.72.72-.72h7.44c.2 0 .37.08.5.2l-1.8 1.8c-.25.26-.08.76.27.8l6.27.7c.28.03.56-.25.53-.53l-.7-6.25c0-.27-.3-.48-.55-.44zm-17.2 6.1c-.2.07-.36.3-.33.54l.7 6.25c.02.36.58.55.83.27l.8-.8c.02 0 .04-.02.04 0 .46.24 1.37.17 3.18.17h7.44c4.27 0 3.65.67 3.65-3.62v-.75l-2.93-.3v1.05c0 .42-.3.72-.72.72H7.28c-.15 0-.3-.03-.4-.1L8.8 86.4c.3-.24.1-.8-.27-.84l-6.28-.65h-.2zM4.88 98.6c-1.33 0-1.34.48-1.3 2.3l1.14-1.37c.08-.1.22-.17.34-.2.16 0 .34.08.44.2l1.66 2.03c.04 0 .07-.03.12-.03h7.44c.34 0 .57.2.65.5h-2.43c-.34.05-.53.52-.3.78l3.92 4.95c.18.24.6.24.78 0l3.94-4.94c.22-.27-.02-.76-.37-.77H18.4c.02-3.9.6-3.4-3.66-3.4H7.28c-1.08 0-1.86-.04-2.4-.04zm.15 2.46c-.1.03-.2.1-.28.2l-3.94 4.9c-.2.28.03.77.4.78H3.6c-.02 3.94-.45 3.4 3.66 3.4h7.44c3.65 0 3.74.3 3.7-2.25l-1.1 1.34c-.1.1-.2.17-.32.2-.16 0-.34-.08-.44-.2l-1.65-2.03c-.06.02-.1.04-.18.04H7.28c-.35 0-.57-.2-.66-.5h2.44c.37 0 .63-.5.4-.78l-3.96-4.9c-.1-.15-.3-.23-.47-.2zM4.88 117.6c-1.16 0-1.3.3-1.3 1.56l1.14-1.38c.08-.1.22-.14.34-.16.16 0 .34.04.44.16l2.22 2.75h7c.42 0 .72.28.72.72v.53h-2.6c-.3.1-.43.54-.2.78l3.92 4.9c.18.25.6.25.78 0l3.94-4.9c.22-.28-.02-.77-.37-.78H18.4v-.53c0-4.2.72-3.63-3.66-3.63H7.28c-1.08 0-1.86-.03-2.4-.03zm.1 1.74c-.1.03-.17.1-.23.16L.8 124.44c-.2.28.03.77.4.78H3.6v.5c0 4.26-.55 3.62 3.66 3.62h7.44c1.03 0 1.74.02 2.28 0-.16.02-.34-.03-.44-.15l-2.22-2.76H7.28c-.44 0-.72-.3-.72-.72v-.5h2.5c.37.02.63-.5.4-.78L5.5 119.5c-.12-.15-.34-.22-.53-.16zm12.02 10c1.2-.02 1.4-.25 1.4-1.53l-1.1 1.36c-.07.1-.17.17-.3.18zM5.94 136.6l2.37 2.93h6.42c.42 0 .72.28.72.72v1.25h-2.6c-.3.1-.43.54-.2.78l3.92 4.9c.18.25.6.25.78 0l3.94-4.9c.22-.28-.02-.77-.37-.78H18.4v-1.25c0-4.2.72-3.63-3.66-3.63H7.28c-.6 0-.92-.02-1.34-.03zm-1.72.06c-.4.08-.54.3-.6.75l.6-.74zm.84.93c-.12 0-.24.08-.3.18l-3.95 4.9c-.24.3 0 .83.4.82H3.6v1.22c0 4.26-.55 3.62 3.66 3.62h7.44c.63 0 .97.02 1.4.03l-2.37-2.93H7.28c-.44 0-.72-.3-.72-.72v-1.22h2.5c.4.04.67-.53.4-.8l-3.96-4.92c-.1-.13-.27-.2-.44-.2zm13.28 10.03l-.56.7c.36-.07.5-.3.56-.7zM17.13 155.6c-.55-.02-1.32.03-2.4.03h-8.2l2.38 2.9h5.82c.42 0 .72.28.72.72v1.97H12.9c-.32.06-.48.52-.28.78l3.94 4.94c.2.23.6.22.78-.03l3.94-4.9c.22-.28-.02-.77-.37-.78H18.4v-1.97c0-3.15.4-3.62-1.25-3.66zm-12.1.28c-.1.02-.2.1-.28.18l-3.94 4.9c-.2.3.03.78.4.8H3.6v1.96c0 4.26-.55 3.62 3.66 3.62h8.24l-2.36-2.9H7.28c-.44 0-.72-.3-.72-.72v-1.97h2.5c.37.02.63-.5.4-.78l-3.96-4.9c-.1-.15-.3-.22-.47-.2zM5.13 174.5c-.15 0-.3.07-.38.2L.8 179.6c-.24.27 0 .82.4.8H3.6v2.32c0 4.26-.55 3.62 3.66 3.62h7.94l-2.35-2.9h-5.6c-.43 0-.7-.3-.7-.72v-2.3h2.5c.38.03.66-.54.4-.83l-3.97-4.9c-.1-.13-.23-.2-.38-.2zm12 .1c-.55-.02-1.32.03-2.4.03H6.83l2.35 2.9h5.52c.42 0 .72.28.72.72v2.34h-2.6c-.3.1-.43.53-.2.78l3.92 4.9c.18.24.6.24.78 0l3.94-4.9c.22-.3-.02-.78-.37-.8H18.4v-2.33c0-3.15.4-3.62-1.25-3.66zM4.97 193.16c-.1.03-.17.1-.22.18l-3.94 4.9c-.2.3.03.78.4.8H3.6v2.68c0 4.26-.55 3.62 3.66 3.62h7.66l-2.3-2.84c-.03-.02-.03-.04-.05-.06H7.27c-.44 0-.72-.3-.72-.72v-2.7h2.5c.37.03.63-.48.4-.77l-3.96-4.9c-.12-.17-.34-.25-.53-.2zm12.16.43c-.55-.02-1.32.03-2.4.03H7.1l2.32 2.84.03.06h5.25c.42 0 .72.28.72.72v2.7h-2.5c-.36.02-.56.54-.3.8l3.92 4.9c.18.25.6.25.78 0l3.94-4.9c.26-.28 0-.83-.37-.8H18.4v-2.7c0-3.15.4-3.62-1.25-3.66z' fill='%23D8A070' stroke-width='0'/></svg>\")}button.icon-button.disabled i.fa-retweet{background-image:url(\"data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='22' height='209'><path d='M4.97 3.16c-.1.03-.17.1-.22.18L.8 8.24c-.2.3.03.78.4.8H3.6v2.68c0 4.26-.55 3.62 3.66 3.62h7.66l-2.3-2.84c-.03-.02-.03-.04-.05-.06H7.27c-.44 0-.72-.3-.72-.72v-2.7h2.5c.37.03.63-.48.4-.77L5.5 3.35c-.12-.17-.34-.25-.53-.2zm12.16.43c-.55-.02-1.32.02-2.4.02H7.1l2.32 2.85.03.06h5.25c.42 0 .72.28.72.72v2.7h-2.5c-.36.02-.56.54-.3.8l3.92 4.9c.18.25.6.25.78 0l3.94-4.9c.26-.28 0-.83-.37-.8H18.4v-2.7c0-3.15.4-3.62-1.25-3.66z' fill='%23283A50' stroke-width='0'/><path d='M7.78 19.66c-.24.02-.44.25-.44.5v2.46h-.06c-1.08 0-1.86-.03-2.4-.03-1.64 0-1.25.43-1.25 3.65v4.47c0 4.26-.56 3.62 3.65 3.62H8.5l-1.3-1.06c-.1-.08-.18-.2-.2-.3-.02-.17.06-.35.2-.45l1.33-1.1H7.28c-.44 0-.72-.3-.72-.7v-4.48c0-.44.28-.72.72-.72h.06v2.5c0 .38.54.63.82.38l4.9-3.93c.25-.18.25-.6 0-.78l-4.9-3.92c-.1-.1-.24-.14-.38-.12zm9.34 2.93c-.54-.02-1.3.02-2.4.02h-1.25l1.3 1.07c.1.07.18.2.2.33.02.16-.06.3-.2.4l-1.33 1.1h1.28c.42 0 .72.28.72.72v4.47c0 .42-.3.72-.72.72h-.1v-2.47c0-.3-.3-.53-.6-.47-.07 0-.14.05-.2.1l-4.9 3.93c-.26.18-.26.6 0 .78l4.9 3.92c.27.25.82 0 .8-.38v-2.5h.1c4.27 0 3.65.67 3.65-3.62v-4.47c0-3.15.4-3.62-1.25-3.66zM10.34 38.66c-.24.02-.44.25-.43.5v2.47H7.3c-1.08 0-1.86-.04-2.4-.04-1.64 0-1.25.43-1.25 3.65v4.47c0 3.66-.23 3.7 2.34 3.66l-1.34-1.1c-.1-.08-.18-.2-.2-.3 0-.17.07-.35.2-.45l1.96-1.6c-.03-.06-.04-.13-.04-.2v-4.48c0-.44.28-.72.72-.72H9.9v2.5c0 .36.5.6.8.38l4.93-3.93c.24-.18.24-.6 0-.78l-4.94-3.92c-.1-.08-.23-.13-.36-.12zm5.63 2.93l1.34 1.1c.1.07.18.2.2.33.02.16-.03.3-.16.4l-1.96 1.6c.02.07.06.13.06.22v4.47c0 .42-.3.72-.72.72h-2.66v-2.47c0-.3-.3-.53-.6-.47-.06.02-.12.05-.18.1l-4.94 3.93c-.24.18-.24.6 0 .78l4.94 3.92c.28.22.78-.02.78-.38v-2.5h2.66c4.27 0 3.65.67 3.65-3.62v-4.47c0-3.66.34-3.7-2.4-3.66zM13.06 57.66c-.23.03-.4.26-.4.5v2.47H7.28c-1.08 0-1.86-.04-2.4-.04-1.64 0-1.25.43-1.25 3.65v4.87l2.93-2.37v-2.5c0-.44.28-.72.72-.72h5.38v2.5c0 .36.5.6.78.38l4.94-3.93c.24-.18.24-.6 0-.78l-4.94-3.92c-.1-.1-.24-.14-.38-.12zm5.3 6.15l-2.92 2.4v2.52c0 .42-.3.72-.72.72h-5.4v-2.47c0-.3-.32-.53-.6-.47-.07.02-.13.05-.2.1L3.6 70.52c-.25.18-.25.6 0 .78l4.93 3.92c.28.22.78-.02.78-.38v-2.5h5.42c4.27 0 3.65.67 3.65-3.62v-4.47-.44zM19.25 78.8c-.1.03-.2.1-.28.17l-.9.9c-.44-.3-1.36-.25-3.35-.25H7.28c-1.08 0-1.86-.03-2.4-.03-1.64 0-1.25.43-1.25 3.65v.7l2.93.3v-1c0-.44.28-.72.72-.72h7.44c.2 0 .37.08.5.2l-1.8 1.8c-.25.26-.08.76.27.8l6.27.7c.28.03.56-.25.53-.53l-.7-6.25c0-.27-.3-.48-.55-.44zm-17.2 6.1c-.2.07-.36.3-.33.54l.7 6.25c.02.36.58.55.83.27l.8-.8c.02 0 .04-.02.04 0 .46.24 1.37.17 3.18.17h7.44c4.27 0 3.65.67 3.65-3.62v-.75l-2.93-.3v1.05c0 .42-.3.72-.72.72H7.28c-.15 0-.3-.03-.4-.1L8.8 86.4c.3-.24.1-.8-.27-.84l-6.28-.65h-.2zM4.88 98.6c-1.33 0-1.34.48-1.3 2.3l1.14-1.37c.08-.1.22-.17.34-.2.16 0 .34.08.44.2l1.66 2.03c.04 0 .07-.03.12-.03h7.44c.34 0 .57.2.65.5h-2.43c-.34.05-.53.52-.3.78l3.92 4.95c.18.24.6.24.78 0l3.94-4.94c.22-.27-.02-.76-.37-.77H18.4c.02-3.9.6-3.4-3.66-3.4H7.28c-1.08 0-1.86-.04-2.4-.04zm.15 2.46c-.1.03-.2.1-.28.2l-3.94 4.9c-.2.28.03.77.4.78H3.6c-.02 3.94-.45 3.4 3.66 3.4h7.44c3.65 0 3.74.3 3.7-2.25l-1.1 1.34c-.1.1-.2.17-.32.2-.16 0-.34-.08-.44-.2l-1.65-2.03c-.06.02-.1.04-.18.04H7.28c-.35 0-.57-.2-.66-.5h2.44c.37 0 .63-.5.4-.78l-3.96-4.9c-.1-.15-.3-.23-.47-.2zM4.88 117.6c-1.16 0-1.3.3-1.3 1.56l1.14-1.38c.08-.1.22-.14.34-.16.16 0 .34.04.44.16l2.22 2.75h7c.42 0 .72.28.72.72v.53h-2.6c-.3.1-.43.54-.2.78l3.92 4.9c.18.25.6.25.78 0l3.94-4.9c.22-.28-.02-.77-.37-.78H18.4v-.53c0-4.2.72-3.63-3.66-3.63H7.28c-1.08 0-1.86-.03-2.4-.03zm.1 1.74c-.1.03-.17.1-.23.16L.8 124.44c-.2.28.03.77.4.78H3.6v.5c0 4.26-.55 3.62 3.66 3.62h7.44c1.03 0 1.74.02 2.28 0-.16.02-.34-.03-.44-.15l-2.22-2.76H7.28c-.44 0-.72-.3-.72-.72v-.5h2.5c.37.02.63-.5.4-.78L5.5 119.5c-.12-.15-.34-.22-.53-.16zm12.02 10c1.2-.02 1.4-.25 1.4-1.53l-1.1 1.36c-.07.1-.17.17-.3.18zM5.94 136.6l2.37 2.93h6.42c.42 0 .72.28.72.72v1.25h-2.6c-.3.1-.43.54-.2.78l3.92 4.9c.18.25.6.25.78 0l3.94-4.9c.22-.28-.02-.77-.37-.78H18.4v-1.25c0-4.2.72-3.63-3.66-3.63H7.28c-.6 0-.92-.02-1.34-.03zm-1.72.06c-.4.08-.54.3-.6.75l.6-.74zm.84.93c-.12 0-.24.08-.3.18l-3.95 4.9c-.24.3 0 .83.4.82H3.6v1.22c0 4.26-.55 3.62 3.66 3.62h7.44c.63 0 .97.02 1.4.03l-2.37-2.93H7.28c-.44 0-.72-.3-.72-.72v-1.22h2.5c.4.04.67-.53.4-.8l-3.96-4.92c-.1-.13-.27-.2-.44-.2zm13.28 10.03l-.56.7c.36-.07.5-.3.56-.7zM17.13 155.6c-.55-.02-1.32.03-2.4.03h-8.2l2.38 2.9h5.82c.42 0 .72.28.72.72v1.97H12.9c-.32.06-.48.52-.28.78l3.94 4.94c.2.23.6.22.78-.03l3.94-4.9c.22-.28-.02-.77-.37-.78H18.4v-1.97c0-3.15.4-3.62-1.25-3.66zm-12.1.28c-.1.02-.2.1-.28.18l-3.94 4.9c-.2.3.03.78.4.8H3.6v1.96c0 4.26-.55 3.62 3.66 3.62h8.24l-2.36-2.9H7.28c-.44 0-.72-.3-.72-.72v-1.97h2.5c.37.02.63-.5.4-.78l-3.96-4.9c-.1-.15-.3-.22-.47-.2zM5.13 174.5c-.15 0-.3.07-.38.2L.8 179.6c-.24.27 0 .82.4.8H3.6v2.32c0 4.26-.55 3.62 3.66 3.62h7.94l-2.35-2.9h-5.6c-.43 0-.7-.3-.7-.72v-2.3h2.5c.38.03.66-.54.4-.83l-3.97-4.9c-.1-.13-.23-.2-.38-.2zm12 .1c-.55-.02-1.32.03-2.4.03H6.83l2.35 2.9h5.52c.42 0 .72.28.72.72v2.34h-2.6c-.3.1-.43.53-.2.78l3.92 4.9c.18.24.6.24.78 0l3.94-4.9c.22-.3-.02-.78-.37-.8H18.4v-2.33c0-3.15.4-3.62-1.25-3.66zM4.97 193.16c-.1.03-.17.1-.22.18l-3.94 4.9c-.2.3.03.78.4.8H3.6v2.68c0 4.26-.55 3.62 3.66 3.62h7.66l-2.3-2.84c-.03-.02-.03-.04-.05-.06H7.27c-.44 0-.72-.3-.72-.72v-2.7h2.5c.37.03.63-.48.4-.77l-3.96-4.9c-.12-.17-.34-.25-.53-.2zm12.16.43c-.55-.02-1.32.03-2.4.03H7.1l2.32 2.84.03.06h5.25c.42 0 .72.28.72.72v2.7h-2.5c-.36.02-.56.54-.3.8l3.92 4.9c.18.25.6.25.78 0l3.94-4.9c.26-.28 0-.83-.37-.8H18.4v-2.7c0-3.15.4-3.62-1.25-3.66z' fill='%23D8A070' stroke-width='0'/></svg>\")}.app-body{-webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar}.link-button{display:block;font-size:15px;line-height:20px;color:#d8a070;border:0;background:transparent;padding:0;cursor:pointer}.link-button:hover,.link-button:active{text-decoration:underline}.link-button:disabled{color:#9baec8;cursor:default}.button{background-color:#d8a070;border:10px none;border-radius:4px;box-sizing:border-box;color:#fff;cursor:pointer;display:inline-block;font-family:inherit;font-size:15px;font-weight:500;height:36px;letter-spacing:0;line-height:36px;overflow:hidden;padding:0 16px;position:relative;text-align:center;text-decoration:none;text-overflow:ellipsis;transition:all 100ms ease-in;white-space:nowrap;width:auto}.button:active,.button:focus,.button:hover{background-color:#e3bb98;transition:all 200ms ease-out}.button--destructive{transition:none}.button--destructive:active,.button--destructive:focus,.button--destructive:hover{background-color:#df405a;transition:none}.button:disabled,.button.disabled{background-color:#9baec8;cursor:default}.button::-moz-focus-inner{border:0}.button::-moz-focus-inner,.button:focus,.button:active{outline:0 !important}.button.button-primary,.button.button-alternative,.button.button-secondary,.button.button-alternative-2{font-size:16px;line-height:36px;height:auto;text-transform:none;padding:4px 16px}.button.button-alternative{color:#121a24;background:#9baec8}.button.button-alternative:active,.button.button-alternative:focus,.button.button-alternative:hover{background-color:#a8b9cf}.button.button-alternative-2{background:#3e5a7c}.button.button-alternative-2:active,.button.button-alternative-2:focus,.button.button-alternative-2:hover{background-color:#45648a}.button.button-secondary{color:#9baec8;background:transparent;padding:3px 15px;border:1px solid #9baec8}.button.button-secondary:active,.button.button-secondary:focus,.button.button-secondary:hover{border-color:#a8b9cf;color:#a8b9cf}.button.button-secondary:disabled{opacity:.5}.button.button--block{display:block;width:100%}.column__wrapper{display:flex;flex:1 1 auto;position:relative}.icon-button{display:inline-block;padding:0;color:#3e5a7c;border:0;border-radius:4px;background:transparent;cursor:pointer;transition:all 100ms ease-in;transition-property:background-color,color}.icon-button:hover,.icon-button:active,.icon-button:focus{color:#4a6b94;background-color:rgba(62,90,124,.15);transition:all 200ms ease-out;transition-property:background-color,color}.icon-button:focus{background-color:rgba(62,90,124,.3)}.icon-button.disabled{color:#283a50;background-color:transparent;cursor:default}.icon-button.active{color:#d8a070}.icon-button::-moz-focus-inner{border:0}.icon-button::-moz-focus-inner,.icon-button:focus,.icon-button:active{outline:0 !important}.icon-button.inverted{color:#3e5a7c}.icon-button.inverted:hover,.icon-button.inverted:active,.icon-button.inverted:focus{color:#324965;background-color:rgba(62,90,124,.15)}.icon-button.inverted:focus{background-color:rgba(62,90,124,.3)}.icon-button.inverted.disabled{color:#4a6b94;background-color:transparent}.icon-button.inverted.active{color:#d8a070}.icon-button.inverted.active.disabled{color:#e6c3a4}.icon-button.overlayed{box-sizing:content-box;background:rgba(0,0,0,.6);color:rgba(255,255,255,.7);border-radius:4px;padding:2px}.icon-button.overlayed:hover{background:rgba(0,0,0,.9)}.text-icon-button{color:#3e5a7c;border:0;border-radius:4px;background:transparent;cursor:pointer;font-weight:600;font-size:11px;padding:0 3px;line-height:27px;outline:0;transition:all 100ms ease-in;transition-property:background-color,color}.text-icon-button:hover,.text-icon-button:active,.text-icon-button:focus{color:#324965;background-color:rgba(62,90,124,.15);transition:all 200ms ease-out;transition-property:background-color,color}.text-icon-button:focus{background-color:rgba(62,90,124,.3)}.text-icon-button.disabled{color:#6b8cb5;background-color:transparent;cursor:default}.text-icon-button.active{color:#d8a070}.text-icon-button::-moz-focus-inner{border:0}.text-icon-button::-moz-focus-inner,.text-icon-button:focus,.text-icon-button:active{outline:0 !important}.dropdown-menu{position:absolute}.invisible{font-size:0;line-height:0;display:inline-block;width:0;height:0;position:absolute}.invisible img,.invisible svg{margin:0 !important;border:0 !important;padding:0 !important;width:0 !important;height:0 !important}.ellipsis::after{content:\"…\"}.compose-form{padding:10px}.compose-form__sensitive-button{padding:10px;padding-top:0;font-size:14px;font-weight:500}.compose-form__sensitive-button.active{color:#d8a070}.compose-form__sensitive-button input[type=checkbox]{display:none}.compose-form__sensitive-button .checkbox{display:inline-block;position:relative;border:1px solid #9baec8;box-sizing:border-box;width:18px;height:18px;flex:0 0 auto;margin-right:10px;top:-1px;border-radius:4px;vertical-align:middle}.compose-form__sensitive-button .checkbox.active{border-color:#d8a070;background:#d8a070}.compose-form .compose-form__warning{color:#121a24;margin-bottom:10px;background:#9baec8;box-shadow:0 2px 6px rgba(0,0,0,.3);padding:8px 10px;border-radius:4px;font-size:13px;font-weight:400}.compose-form .compose-form__warning strong{color:#121a24;font-weight:500}.compose-form .compose-form__warning strong:lang(ja){font-weight:700}.compose-form .compose-form__warning strong:lang(ko){font-weight:700}.compose-form .compose-form__warning strong:lang(zh-CN){font-weight:700}.compose-form .compose-form__warning strong:lang(zh-HK){font-weight:700}.compose-form .compose-form__warning strong:lang(zh-TW){font-weight:700}.compose-form .compose-form__warning a{color:#3e5a7c;font-weight:500;text-decoration:underline}.compose-form .compose-form__warning a:hover,.compose-form .compose-form__warning a:active,.compose-form .compose-form__warning a:focus{text-decoration:none}.compose-form .emoji-picker-dropdown{position:absolute;top:5px;right:5px}.compose-form .compose-form__autosuggest-wrapper{position:relative}.compose-form .autosuggest-textarea,.compose-form .autosuggest-input,.compose-form .spoiler-input{position:relative;width:100%}.compose-form .spoiler-input{height:0;transform-origin:bottom;opacity:0}.compose-form .spoiler-input.spoiler-input--visible{height:36px;margin-bottom:11px;opacity:1}.compose-form .autosuggest-textarea__textarea,.compose-form .spoiler-input__input{display:block;box-sizing:border-box;width:100%;margin:0;color:#121a24;background:#fff;padding:10px;font-family:inherit;font-size:14px;resize:vertical;border:0;outline:0}.compose-form .autosuggest-textarea__textarea::placeholder,.compose-form .spoiler-input__input::placeholder{color:#3e5a7c}.compose-form .autosuggest-textarea__textarea:focus,.compose-form .spoiler-input__input:focus{outline:0}@media screen and (max-width: 600px){.compose-form .autosuggest-textarea__textarea,.compose-form .spoiler-input__input{font-size:16px}}.compose-form .spoiler-input__input{border-radius:4px}.compose-form .autosuggest-textarea__textarea{min-height:100px;border-radius:4px 4px 0 0;padding-bottom:0;padding-right:32px;resize:none;scrollbar-color:initial}.compose-form .autosuggest-textarea__textarea::-webkit-scrollbar{all:unset}@media screen and (max-width: 600px){.compose-form .autosuggest-textarea__textarea{height:100px !important;resize:vertical}}.compose-form .autosuggest-textarea__suggestions-wrapper{position:relative;height:0}.compose-form .autosuggest-textarea__suggestions{box-sizing:border-box;display:none;position:absolute;top:100%;width:100%;z-index:99;box-shadow:4px 4px 6px rgba(0,0,0,.4);background:#d9e1e8;border-radius:0 0 4px 4px;color:#121a24;font-size:14px;padding:6px}.compose-form .autosuggest-textarea__suggestions.autosuggest-textarea__suggestions--visible{display:block}.compose-form .autosuggest-textarea__suggestions__item{padding:10px;cursor:pointer;border-radius:4px}.compose-form .autosuggest-textarea__suggestions__item:hover,.compose-form .autosuggest-textarea__suggestions__item:focus,.compose-form .autosuggest-textarea__suggestions__item:active,.compose-form .autosuggest-textarea__suggestions__item.selected{background:#b9c8d5}.compose-form .autosuggest-account,.compose-form .autosuggest-emoji,.compose-form .autosuggest-hashtag{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;line-height:18px;font-size:14px}.compose-form .autosuggest-hashtag{justify-content:space-between}.compose-form .autosuggest-hashtag__name{flex:1 1 auto;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.compose-form .autosuggest-hashtag strong{font-weight:500}.compose-form .autosuggest-hashtag__uses{flex:0 0 auto;text-align:right;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.compose-form .autosuggest-account-icon,.compose-form .autosuggest-emoji img{display:block;margin-right:8px;width:16px;height:16px}.compose-form .autosuggest-account .display-name__account{color:#3e5a7c}.compose-form .compose-form__modifiers{color:#121a24;font-family:inherit;font-size:14px;background:#fff}.compose-form .compose-form__modifiers .compose-form__upload-wrapper{overflow:hidden}.compose-form .compose-form__modifiers .compose-form__uploads-wrapper{display:flex;flex-direction:row;padding:5px;flex-wrap:wrap}.compose-form .compose-form__modifiers .compose-form__upload{flex:1 1 0;min-width:40%;margin:5px}.compose-form .compose-form__modifiers .compose-form__upload__actions{background:linear-gradient(180deg, rgba(0, 0, 0, 0.8) 0, rgba(0, 0, 0, 0.35) 80%, transparent);display:flex;align-items:flex-start;justify-content:space-between;opacity:0;transition:opacity .1s ease}.compose-form .compose-form__modifiers .compose-form__upload__actions .icon-button{flex:0 1 auto;color:#d9e1e8;font-size:14px;font-weight:500;padding:10px;font-family:inherit}.compose-form .compose-form__modifiers .compose-form__upload__actions .icon-button:hover,.compose-form .compose-form__modifiers .compose-form__upload__actions .icon-button:focus,.compose-form .compose-form__modifiers .compose-form__upload__actions .icon-button:active{color:#eff3f5}.compose-form .compose-form__modifiers .compose-form__upload__actions.active{opacity:1}.compose-form .compose-form__modifiers .compose-form__upload-description{position:absolute;z-index:2;bottom:0;left:0;right:0;box-sizing:border-box;background:linear-gradient(0deg, rgba(0, 0, 0, 0.8) 0, rgba(0, 0, 0, 0.35) 80%, transparent);padding:10px;opacity:0;transition:opacity .1s ease}.compose-form .compose-form__modifiers .compose-form__upload-description textarea{background:transparent;color:#d9e1e8;border:0;padding:0;margin:0;width:100%;font-family:inherit;font-size:14px;font-weight:500}.compose-form .compose-form__modifiers .compose-form__upload-description textarea:focus{color:#fff}.compose-form .compose-form__modifiers .compose-form__upload-description textarea::placeholder{opacity:.75;color:#d9e1e8}.compose-form .compose-form__modifiers .compose-form__upload-description.active{opacity:1}.compose-form .compose-form__modifiers .compose-form__upload-thumbnail{border-radius:4px;background-color:#000;background-position:center;background-size:cover;background-repeat:no-repeat;height:140px;width:100%;overflow:hidden}.compose-form .compose-form__buttons-wrapper{padding:10px;background:#ebebeb;border-radius:0 0 4px 4px;display:flex;justify-content:space-between;flex:0 0 auto}.compose-form .compose-form__buttons-wrapper .compose-form__buttons{display:flex}.compose-form .compose-form__buttons-wrapper .compose-form__buttons .compose-form__upload-button-icon{line-height:27px}.compose-form .compose-form__buttons-wrapper .compose-form__buttons .compose-form__sensitive-button{display:none}.compose-form .compose-form__buttons-wrapper .compose-form__buttons .compose-form__sensitive-button.compose-form__sensitive-button--visible{display:block}.compose-form .compose-form__buttons-wrapper .compose-form__buttons .compose-form__sensitive-button .compose-form__sensitive-button__icon{line-height:27px}.compose-form .compose-form__buttons-wrapper .icon-button,.compose-form .compose-form__buttons-wrapper .text-icon-button{box-sizing:content-box;padding:0 3px}.compose-form .compose-form__buttons-wrapper .character-counter__wrapper{align-self:center;margin-right:4px}.compose-form .compose-form__publish{display:flex;justify-content:flex-end;min-width:0;flex:0 0 auto}.compose-form .compose-form__publish .compose-form__publish-button-wrapper{overflow:hidden;padding-top:10px}.character-counter{cursor:default;font-family:\"mastodon-font-sans-serif\",sans-serif;font-size:14px;font-weight:600;color:#3e5a7c}.character-counter.character-counter--over{color:#ff5050}.no-reduce-motion .spoiler-input{transition:height .4s ease,opacity .4s ease}.emojione{font-size:inherit;vertical-align:middle;object-fit:contain;margin:-0.2ex .15em .2ex;width:16px;height:16px}.emojione img{width:auto}.reply-indicator{border-radius:4px;margin-bottom:10px;background:#9baec8;padding:10px;min-height:23px;overflow-y:auto;flex:0 2 auto}.reply-indicator__header{margin-bottom:5px;overflow:hidden}.reply-indicator__cancel{float:right;line-height:24px}.reply-indicator__display-name{color:#121a24;display:block;max-width:100%;line-height:24px;overflow:hidden;padding-right:25px;text-decoration:none}.reply-indicator__display-avatar{float:left;margin-right:5px}.status__content--with-action{cursor:pointer}.status__content,.reply-indicator__content{position:relative;font-size:15px;line-height:20px;word-wrap:break-word;font-weight:400;overflow:hidden;text-overflow:ellipsis;padding-top:2px;color:#fff}.status__content:focus,.reply-indicator__content:focus{outline:0}.status__content.status__content--with-spoiler,.reply-indicator__content.status__content--with-spoiler{white-space:normal}.status__content.status__content--with-spoiler .status__content__text,.reply-indicator__content.status__content--with-spoiler .status__content__text{white-space:pre-wrap}.status__content .emojione,.reply-indicator__content .emojione{width:20px;height:20px;margin:-3px 0 0}.status__content img,.reply-indicator__content img{max-width:100%;max-height:400px;object-fit:contain}.status__content p,.reply-indicator__content p{margin-bottom:20px;white-space:pre-wrap}.status__content p:last-child,.reply-indicator__content p:last-child{margin-bottom:0}.status__content a,.reply-indicator__content a{color:#d8a070;text-decoration:none}.status__content a:hover,.reply-indicator__content a:hover{text-decoration:underline}.status__content a:hover .fa,.reply-indicator__content a:hover .fa{color:#4a6b94}.status__content a.mention:hover,.reply-indicator__content a.mention:hover{text-decoration:none}.status__content a.mention:hover span,.reply-indicator__content a.mention:hover span{text-decoration:underline}.status__content a .fa,.reply-indicator__content a .fa{color:#3e5a7c}.status__content a.unhandled-link,.reply-indicator__content a.unhandled-link{color:#e1b590}.status__content .status__content__spoiler-link,.reply-indicator__content .status__content__spoiler-link{background:#3e5a7c}.status__content .status__content__spoiler-link:hover,.reply-indicator__content .status__content__spoiler-link:hover{background:#4a6b94;text-decoration:none}.status__content .status__content__spoiler-link::-moz-focus-inner,.reply-indicator__content .status__content__spoiler-link::-moz-focus-inner{border:0}.status__content .status__content__spoiler-link::-moz-focus-inner,.status__content .status__content__spoiler-link:focus,.status__content .status__content__spoiler-link:active,.reply-indicator__content .status__content__spoiler-link::-moz-focus-inner,.reply-indicator__content .status__content__spoiler-link:focus,.reply-indicator__content .status__content__spoiler-link:active{outline:0 !important}.status__content .status__content__text,.reply-indicator__content .status__content__text{display:none}.status__content .status__content__text.status__content__text--visible,.reply-indicator__content .status__content__text.status__content__text--visible{display:block}.status__content.status__content--collapsed{max-height:300px}.status__content__read-more-button{display:block;font-size:15px;line-height:20px;color:#e1b590;border:0;background:transparent;padding:0;padding-top:8px}.status__content__read-more-button:hover,.status__content__read-more-button:active{text-decoration:underline}.status__content__spoiler-link{display:inline-block;border-radius:2px;background:transparent;border:0;color:#121a24;font-weight:700;font-size:12px;padding:0 6px;line-height:20px;cursor:pointer;vertical-align:middle}.status__wrapper--filtered{color:#3e5a7c;border:0;font-size:inherit;text-align:center;line-height:inherit;margin:0;padding:15px;box-sizing:border-box;width:100%;clear:both;border-bottom:1px solid #202e3f}.status__prepend-icon-wrapper{left:-26px;position:absolute}.focusable:focus{outline:0;background:#192432}.focusable:focus .status.status-direct{background:#26374d}.focusable:focus .status.status-direct.muted{background:transparent}.focusable:focus .detailed-status,.focusable:focus .detailed-status__action-bar{background:#202e3f}.status{padding:8px 10px;padding-left:68px;position:relative;min-height:54px;border-bottom:1px solid #202e3f;cursor:default;opacity:1;animation:fade 150ms linear}@supports(-ms-overflow-style: -ms-autohiding-scrollbar){.status{padding-right:26px}}@keyframes fade{0%{opacity:0}100%{opacity:1}}.status .video-player,.status .audio-player{margin-top:8px}.status.status-direct:not(.read){background:#202e3f;border-bottom-color:#26374d}.status.light .status__relative-time{color:#9baec8}.status.light .status__display-name{color:#121a24}.status.light .display-name strong{color:#121a24}.status.light .display-name span{color:#9baec8}.status.light .status__content{color:#121a24}.status.light .status__content a{color:#d8a070}.status.light .status__content a.status__content__spoiler-link{color:#fff;background:#9baec8}.status.light .status__content a.status__content__spoiler-link:hover{background:#b5c3d6}.notification-favourite .status.status-direct{background:transparent}.notification-favourite .status.status-direct .icon-button.disabled{color:#547aa9}.status__relative-time,.notification__relative_time{color:#3e5a7c;float:right;font-size:14px}.status__display-name{color:#3e5a7c}.status__info .status__display-name{display:block;max-width:100%;padding-right:25px}.status__info{font-size:15px}.status-check-box{border-bottom:1px solid #d9e1e8;display:flex}.status-check-box .status-check-box__status{margin:10px 0 10px 10px;flex:1}.status-check-box .status-check-box__status .media-gallery{max-width:250px}.status-check-box .status-check-box__status .status__content{padding:0;white-space:normal}.status-check-box .status-check-box__status .video-player,.status-check-box .status-check-box__status .audio-player{margin-top:8px;max-width:250px}.status-check-box .status-check-box__status .media-gallery__item-thumbnail{cursor:default}.status-check-box-toggle{align-items:center;display:flex;flex:0 0 auto;justify-content:center;padding:10px}.status__prepend{margin-left:68px;color:#3e5a7c;padding:8px 0;padding-bottom:2px;font-size:14px;position:relative}.status__prepend .status__display-name strong{color:#3e5a7c}.status__prepend>span{display:block;overflow:hidden;text-overflow:ellipsis}.status__action-bar{align-items:center;display:flex;margin-top:8px}.status__action-bar__counter{display:inline-flex;margin-right:11px;align-items:center}.status__action-bar__counter .status__action-bar-button{margin-right:4px}.status__action-bar__counter__label{display:inline-block;width:14px;font-size:12px;font-weight:500;color:#3e5a7c}.status__action-bar-button{margin-right:18px}.status__action-bar-dropdown{height:23.15px;width:23.15px}.detailed-status__action-bar-dropdown{flex:1 1 auto;display:flex;align-items:center;justify-content:center;position:relative}.detailed-status{background:#192432;padding:14px 10px}.detailed-status--flex{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-start}.detailed-status--flex .status__content,.detailed-status--flex .detailed-status__meta{flex:100%}.detailed-status .status__content{font-size:19px;line-height:24px}.detailed-status .status__content .emojione{width:24px;height:24px;margin:-1px 0 0}.detailed-status .status__content .status__content__spoiler-link{line-height:24px;margin:-1px 0 0}.detailed-status .video-player,.detailed-status .audio-player{margin-top:8px}.detailed-status__meta{margin-top:15px;color:#3e5a7c;font-size:14px;line-height:18px}.detailed-status__action-bar{background:#192432;border-top:1px solid #202e3f;border-bottom:1px solid #202e3f;display:flex;flex-direction:row;padding:10px 0}.detailed-status__link{color:inherit;text-decoration:none}.detailed-status__favorites,.detailed-status__reblogs{display:inline-block;font-weight:500;font-size:12px;margin-left:6px}.reply-indicator__content{color:#121a24;font-size:14px}.reply-indicator__content a{color:#3e5a7c}.domain{padding:10px;border-bottom:1px solid #202e3f}.domain .domain__domain-name{flex:1 1 auto;display:block;color:#fff;text-decoration:none;font-size:14px;font-weight:500}.domain__wrapper{display:flex}.domain_buttons{height:18px;padding:10px;white-space:nowrap}.account{padding:10px;border-bottom:1px solid #202e3f}.account.compact{padding:0;border-bottom:0}.account.compact .account__avatar-wrapper{margin-left:0}.account .account__display-name{flex:1 1 auto;display:block;color:#9baec8;overflow:hidden;text-decoration:none;font-size:14px}.account__wrapper{display:flex}.account__avatar-wrapper{float:left;margin-left:12px;margin-right:12px}.account__avatar{border-radius:4px;background:transparent no-repeat;background-position:50%;background-clip:padding-box;position:relative}.account__avatar-inline{display:inline-block;vertical-align:middle;margin-right:5px}.account__avatar-composite{border-radius:4px;background:transparent no-repeat;background-position:50%;background-clip:padding-box;border-radius:50%;overflow:hidden;position:relative;cursor:default}.account__avatar-composite>div{float:left;position:relative;box-sizing:border-box}.account__avatar-composite__label{display:block;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);color:#fff;text-shadow:1px 1px 2px #000;font-weight:700;font-size:15px}a .account__avatar{cursor:pointer}.account__avatar-overlay{width:48px;height:48px;background-size:48px 48px}.account__avatar-overlay-base{border-radius:4px;background:transparent no-repeat;background-position:50%;background-clip:padding-box;width:36px;height:36px;background-size:36px 36px}.account__avatar-overlay-overlay{border-radius:4px;background:transparent no-repeat;background-position:50%;background-clip:padding-box;width:24px;height:24px;background-size:24px 24px;position:absolute;bottom:0;right:0;z-index:1}.account__relationship{height:18px;padding:10px;white-space:nowrap}.account__disclaimer{padding:10px;border-top:1px solid #202e3f;color:#3e5a7c}.account__disclaimer strong{font-weight:500}.account__disclaimer strong:lang(ja){font-weight:700}.account__disclaimer strong:lang(ko){font-weight:700}.account__disclaimer strong:lang(zh-CN){font-weight:700}.account__disclaimer strong:lang(zh-HK){font-weight:700}.account__disclaimer strong:lang(zh-TW){font-weight:700}.account__disclaimer a{font-weight:500;color:inherit;text-decoration:underline}.account__disclaimer a:hover,.account__disclaimer a:focus,.account__disclaimer a:active{text-decoration:none}.account__action-bar{border-top:1px solid #202e3f;border-bottom:1px solid #202e3f;line-height:36px;overflow:hidden;flex:0 0 auto;display:flex}.account__action-bar-dropdown{padding:10px}.account__action-bar-dropdown .icon-button{vertical-align:middle}.account__action-bar-dropdown .dropdown--active .dropdown__content.dropdown__right{left:6px;right:initial}.account__action-bar-dropdown .dropdown--active::after{bottom:initial;margin-left:11px;margin-top:-7px;right:initial}.account__action-bar-links{display:flex;flex:1 1 auto;line-height:18px;text-align:center}.account__action-bar__tab{text-decoration:none;overflow:hidden;flex:0 1 100%;border-right:1px solid #202e3f;padding:10px 0;border-bottom:4px solid transparent}.account__action-bar__tab.active{border-bottom:4px solid #d8a070}.account__action-bar__tab>span{display:block;font-size:12px;color:#9baec8}.account__action-bar__tab strong{display:block;font-size:15px;font-weight:500;color:#fff}.account__action-bar__tab strong:lang(ja){font-weight:700}.account__action-bar__tab strong:lang(ko){font-weight:700}.account__action-bar__tab strong:lang(zh-CN){font-weight:700}.account__action-bar__tab strong:lang(zh-HK){font-weight:700}.account__action-bar__tab strong:lang(zh-TW){font-weight:700}.account-authorize{padding:14px 10px}.account-authorize .detailed-status__display-name{display:block;margin-bottom:15px;overflow:hidden}.account-authorize__avatar{float:left;margin-right:10px}.status__display-name,.status__relative-time,.detailed-status__display-name,.detailed-status__datetime,.detailed-status__application,.account__display-name{text-decoration:none}.status__display-name strong,.account__display-name strong{color:#fff}.muted .emojione{opacity:.5}.status__display-name:hover strong,.reply-indicator__display-name:hover strong,.detailed-status__display-name:hover strong,a.account__display-name:hover strong{text-decoration:underline}.account__display-name strong{display:block;overflow:hidden;text-overflow:ellipsis}.detailed-status__application,.detailed-status__datetime{color:inherit}.detailed-status .button.logo-button{margin-bottom:15px}.detailed-status__display-name{color:#d9e1e8;display:block;line-height:24px;margin-bottom:15px;overflow:hidden}.detailed-status__display-name strong,.detailed-status__display-name span{display:block;text-overflow:ellipsis;overflow:hidden}.detailed-status__display-name strong{font-size:16px;color:#fff}.detailed-status__display-avatar{float:left;margin-right:10px}.status__avatar{height:48px;left:10px;position:absolute;top:10px;width:48px}.status__expand{width:68px;position:absolute;left:0;top:0;height:100%;cursor:pointer}.muted .status__content,.muted .status__content p,.muted .status__content a{color:#3e5a7c}.muted .status__display-name strong{color:#3e5a7c}.muted .status__avatar{opacity:.5}.muted a.status__content__spoiler-link{background:#3e5a7c;color:#121a24}.muted a.status__content__spoiler-link:hover{background:#4a6b94;text-decoration:none}.notification__message{margin:0 10px 0 68px;padding:8px 0 0;cursor:default;color:#9baec8;font-size:15px;line-height:22px;position:relative}.notification__message .fa{color:#d8a070}.notification__message>span{display:inline;overflow:hidden;text-overflow:ellipsis}.notification__favourite-icon-wrapper{left:-26px;position:absolute}.notification__favourite-icon-wrapper .star-icon{color:#ca8f04}.star-icon.active{color:#ca8f04}.bookmark-icon.active{color:#ff5050}.no-reduce-motion .icon-button.star-icon.activate>.fa-star{animation:spring-rotate-in 1s linear}.no-reduce-motion .icon-button.star-icon.deactivate>.fa-star{animation:spring-rotate-out 1s linear}.notification__display-name{color:inherit;font-weight:500;text-decoration:none}.notification__display-name:hover{color:#fff;text-decoration:underline}.notification__relative_time{float:right}.display-name{display:block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.display-name__html{font-weight:500}.display-name__account{font-size:14px}.status__relative-time:hover,.detailed-status__datetime:hover{text-decoration:underline}.image-loader{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center;flex-direction:column}.image-loader .image-loader__preview-canvas{max-width:100%;max-height:80%;background:url(\"~images/void.png\") repeat;object-fit:contain}.image-loader .loading-bar{position:relative}.image-loader.image-loader--amorphous .image-loader__preview-canvas{display:none}.zoomable-image{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center}.zoomable-image img{max-width:100%;max-height:80%;width:auto;height:auto;object-fit:contain}.navigation-bar{padding:10px;display:flex;align-items:center;flex-shrink:0;cursor:default;color:#9baec8}.navigation-bar strong{color:#d9e1e8}.navigation-bar a{color:inherit}.navigation-bar .permalink{text-decoration:none}.navigation-bar .navigation-bar__actions{position:relative}.navigation-bar .navigation-bar__actions .icon-button.close{position:absolute;pointer-events:none;transform:scale(0, 1) translate(-100%, 0);opacity:0}.navigation-bar .navigation-bar__actions .compose__action-bar .icon-button{pointer-events:auto;transform:scale(1, 1) translate(0, 0);opacity:1}.navigation-bar__profile{flex:1 1 auto;margin-left:8px;line-height:20px;margin-top:-1px;overflow:hidden}.navigation-bar__profile-account{display:block;font-weight:500;overflow:hidden;text-overflow:ellipsis}.navigation-bar__profile-edit{color:inherit;text-decoration:none}.dropdown{display:inline-block}.dropdown__content{display:none;position:absolute}.dropdown-menu__separator{border-bottom:1px solid #c0cdd9;margin:5px 7px 6px;height:0}.dropdown-menu{background:#d9e1e8;padding:4px 0;border-radius:4px;box-shadow:2px 4px 15px rgba(0,0,0,.4);z-index:9999}.dropdown-menu ul{list-style:none}.dropdown-menu.left{transform-origin:100% 50%}.dropdown-menu.top{transform-origin:50% 100%}.dropdown-menu.bottom{transform-origin:50% 0}.dropdown-menu.right{transform-origin:0 50%}.dropdown-menu__arrow{position:absolute;width:0;height:0;border:0 solid transparent}.dropdown-menu__arrow.left{right:-5px;margin-top:-5px;border-width:5px 0 5px 5px;border-left-color:#d9e1e8}.dropdown-menu__arrow.top{bottom:-5px;margin-left:-7px;border-width:5px 7px 0;border-top-color:#d9e1e8}.dropdown-menu__arrow.bottom{top:-5px;margin-left:-7px;border-width:0 7px 5px;border-bottom-color:#d9e1e8}.dropdown-menu__arrow.right{left:-5px;margin-top:-5px;border-width:5px 5px 5px 0;border-right-color:#d9e1e8}.dropdown-menu__item a{font-size:13px;line-height:18px;display:block;padding:4px 14px;box-sizing:border-box;text-decoration:none;background:#d9e1e8;color:#121a24;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dropdown-menu__item a:focus,.dropdown-menu__item a:hover,.dropdown-menu__item a:active{background:#d8a070;color:#d9e1e8;outline:0}.dropdown--active .dropdown__content{display:block;line-height:18px;max-width:311px;right:0;text-align:left;z-index:9999}.dropdown--active .dropdown__content>ul{list-style:none;background:#d9e1e8;padding:4px 0;border-radius:4px;box-shadow:0 0 15px rgba(0,0,0,.4);min-width:140px;position:relative}.dropdown--active .dropdown__content.dropdown__right{right:0}.dropdown--active .dropdown__content.dropdown__left>ul{left:-98px}.dropdown--active .dropdown__content>ul>li>a{font-size:13px;line-height:18px;display:block;padding:4px 14px;box-sizing:border-box;text-decoration:none;background:#d9e1e8;color:#121a24;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dropdown--active .dropdown__content>ul>li>a:focus{outline:0}.dropdown--active .dropdown__content>ul>li>a:hover{background:#d8a070;color:#d9e1e8}.dropdown__icon{vertical-align:middle}.columns-area{display:flex;flex:1 1 auto;flex-direction:row;justify-content:flex-start;overflow-x:auto;position:relative}.columns-area.unscrollable{overflow-x:hidden}.columns-area__panels{display:flex;justify-content:center;width:100%;height:100%;min-height:100vh}.columns-area__panels__pane{height:100%;overflow:hidden;pointer-events:none;display:flex;justify-content:flex-end;min-width:285px}.columns-area__panels__pane--start{justify-content:flex-start}.columns-area__panels__pane__inner{position:fixed;width:285px;pointer-events:auto;height:100%}.columns-area__panels__main{box-sizing:border-box;width:100%;max-width:600px;flex:0 0 auto;display:flex;flex-direction:column}@media screen and (min-width: 415px){.columns-area__panels__main{padding:0 10px}}.tabs-bar__wrapper{background:#040609;position:sticky;top:0;z-index:2;padding-top:0}@media screen and (min-width: 415px){.tabs-bar__wrapper{padding-top:10px}}.tabs-bar__wrapper .tabs-bar{margin-bottom:0}@media screen and (min-width: 415px){.tabs-bar__wrapper .tabs-bar{margin-bottom:10px}}.react-swipeable-view-container,.react-swipeable-view-container .columns-area,.react-swipeable-view-container .drawer,.react-swipeable-view-container .column{height:100%}.react-swipeable-view-container>*{display:flex;align-items:center;justify-content:center;height:100%}.column{width:350px;position:relative;box-sizing:border-box;display:flex;flex-direction:column}.column>.scrollable{background:#121a24;border-bottom-left-radius:2px;border-bottom-right-radius:2px}.ui{flex:0 0 auto;display:flex;flex-direction:column;width:100%;height:100%}.drawer{width:330px;box-sizing:border-box;display:flex;flex-direction:column;overflow-y:hidden}.drawer__tab{display:block;flex:1 1 auto;padding:15px 5px 13px;color:#9baec8;text-decoration:none;text-align:center;font-size:16px;border-bottom:2px solid transparent}.column,.drawer{flex:1 1 auto;overflow:hidden}@media screen and (min-width: 631px){.columns-area{padding:0}.column,.drawer{flex:0 0 auto;padding:10px;padding-left:5px;padding-right:5px}.column:first-child,.drawer:first-child{padding-left:10px}.column:last-child,.drawer:last-child{padding-right:10px}.columns-area>div .column,.columns-area>div .drawer{padding-left:5px;padding-right:5px}}.tabs-bar{box-sizing:border-box;display:flex;background:#202e3f;flex:0 0 auto;overflow-y:auto}.tabs-bar__link{display:block;flex:1 1 auto;padding:15px 10px;padding-bottom:13px;color:#fff;text-decoration:none;text-align:center;font-size:14px;font-weight:500;border-bottom:2px solid #202e3f;transition:all 50ms linear;transition-property:border-bottom,background,color}.tabs-bar__link .fa{font-weight:400;font-size:16px}@media screen and (min-width: 631px){.tabs-bar__link:hover,.tabs-bar__link:focus,.tabs-bar__link:active{background:#2a3c54;border-bottom-color:#2a3c54}}.tabs-bar__link.active{border-bottom:2px solid #d8a070;color:#d8a070}.tabs-bar__link span{margin-left:5px;display:none}@media screen and (min-width: 600px){.tabs-bar__link span{display:inline}}.columns-area--mobile{flex-direction:column;width:100%;height:100%;margin:0 auto}.columns-area--mobile .column,.columns-area--mobile .drawer{width:100%;height:100%;padding:0}.columns-area--mobile .directory__list{display:grid;grid-gap:10px;grid-template-columns:minmax(0, 50%) minmax(0, 50%)}@media screen and (max-width: 415px){.columns-area--mobile .directory__list{display:block}}.columns-area--mobile .directory__card{margin-bottom:0}.columns-area--mobile .filter-form{display:flex}.columns-area--mobile .autosuggest-textarea__textarea{font-size:16px}.columns-area--mobile .search__input{line-height:18px;font-size:16px;padding:15px;padding-right:30px}.columns-area--mobile .search__icon .fa{top:15px}.columns-area--mobile .scrollable{overflow:visible}@supports(display: grid){.columns-area--mobile .scrollable{contain:content}}@media screen and (min-width: 415px){.columns-area--mobile{padding:10px 0;padding-top:0}}@media screen and (min-width: 630px){.columns-area--mobile .detailed-status{padding:15px}.columns-area--mobile .detailed-status .media-gallery,.columns-area--mobile .detailed-status .video-player,.columns-area--mobile .detailed-status .audio-player{margin-top:15px}.columns-area--mobile .account__header__bar{padding:5px 10px}.columns-area--mobile .navigation-bar,.columns-area--mobile .compose-form{padding:15px}.columns-area--mobile .compose-form .compose-form__publish .compose-form__publish-button-wrapper{padding-top:15px}.columns-area--mobile .status{padding:15px 15px 15px 78px;min-height:50px}.columns-area--mobile .status__avatar{left:15px;top:17px}.columns-area--mobile .status__content{padding-top:5px}.columns-area--mobile .status__prepend{margin-left:78px;padding-top:15px}.columns-area--mobile .status__prepend-icon-wrapper{left:-32px}.columns-area--mobile .status .media-gallery,.columns-area--mobile .status__action-bar,.columns-area--mobile .status .video-player,.columns-area--mobile .status .audio-player{margin-top:10px}.columns-area--mobile .account{padding:15px 10px}.columns-area--mobile .account__header__bio{margin:0 -10px}.columns-area--mobile .notification__message{margin-left:78px;padding-top:15px}.columns-area--mobile .notification__favourite-icon-wrapper{left:-32px}.columns-area--mobile .notification .status{padding-top:8px}.columns-area--mobile .notification .account{padding-top:8px}.columns-area--mobile .notification .account__avatar-wrapper{margin-left:17px;margin-right:15px}}.floating-action-button{position:fixed;display:flex;justify-content:center;align-items:center;width:3.9375rem;height:3.9375rem;bottom:1.3125rem;right:1.3125rem;background:#d59864;color:#fff;border-radius:50%;font-size:21px;line-height:21px;text-decoration:none;box-shadow:2px 3px 9px rgba(0,0,0,.4)}.floating-action-button:hover,.floating-action-button:focus,.floating-action-button:active{background:#e0b38c}@media screen and (min-width: 415px){.tabs-bar{width:100%}.react-swipeable-view-container .columns-area--mobile{height:calc(100% - 10px) !important}.getting-started__wrapper,.getting-started__trends,.search{margin-bottom:10px}.getting-started__panel{margin:10px 0}.column,.drawer{min-width:330px}}@media screen and (max-width: 895px){.columns-area__panels__pane--compositional{display:none}}@media screen and (min-width: 895px){.floating-action-button,.tabs-bar__link.optional{display:none}.search-page .search{display:none}}@media screen and (max-width: 1190px){.columns-area__panels__pane--navigational{display:none}}@media screen and (min-width: 1190px){.tabs-bar{display:none}}.icon-with-badge{position:relative}.icon-with-badge__badge{position:absolute;left:9px;top:-13px;background:#d8a070;border:2px solid #202e3f;padding:1px 6px;border-radius:6px;font-size:10px;font-weight:500;line-height:14px;color:#fff}.column-link--transparent .icon-with-badge__badge{border-color:#040609}.compose-panel{width:285px;margin-top:10px;display:flex;flex-direction:column;height:calc(100% - 10px);overflow-y:hidden}.compose-panel .navigation-bar{padding-top:20px;padding-bottom:20px;flex:0 1 48px;min-height:20px}.compose-panel .flex-spacer{background:transparent}.compose-panel .compose-form{flex:1;overflow-y:hidden;display:flex;flex-direction:column;min-height:310px;padding-bottom:71px;margin-bottom:-71px}.compose-panel .compose-form__autosuggest-wrapper{overflow-y:auto;background-color:#fff;border-radius:4px 4px 0 0;flex:0 1 auto}.compose-panel .autosuggest-textarea__textarea{overflow-y:hidden}.compose-panel .compose-form__upload-thumbnail{height:80px}.navigation-panel{margin-top:10px;margin-bottom:10px;height:calc(100% - 20px);overflow-y:auto;display:flex;flex-direction:column}.navigation-panel>a{flex:0 0 auto}.navigation-panel hr{flex:0 0 auto;border:0;background:transparent;border-top:1px solid #192432;margin:10px 0}.navigation-panel .flex-spacer{background:transparent}.drawer__pager{box-sizing:border-box;padding:0;flex-grow:1;position:relative;overflow:hidden;display:flex}.drawer__inner{position:absolute;top:0;left:0;background:#283a50;box-sizing:border-box;padding:0;display:flex;flex-direction:column;overflow:hidden;overflow-y:auto;width:100%;height:100%;border-radius:2px}.drawer__inner.darker{background:#121a24}.drawer__inner__mastodon{background:#283a50 url('data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 234.80078 31.757813\" width=\"234.80078\" height=\"31.757812\"><path d=\"M19.599609 0c-1.05 0-2.10039.375-2.90039 1.125L0 16.925781v14.832031h234.80078V17.025391l-16.5-15.900391c-1.6-1.5-4.20078-1.5-5.80078 0l-13.80078 13.099609c-1.6 1.5-4.19883 1.5-5.79883 0L179.09961 1.125c-1.6-1.5-4.19883-1.5-5.79883 0L159.5 14.224609c-1.6 1.5-4.20078 1.5-5.80078 0L139.90039 1.125c-1.6-1.5-4.20078-1.5-5.80078 0l-13.79883 13.099609c-1.6 1.5-4.20078 1.5-5.80078 0L100.69922 1.125c-1.600001-1.5-4.198829-1.5-5.798829 0l-13.59961 13.099609c-1.6 1.5-4.200781 1.5-5.800781 0L61.699219 1.125c-1.6-1.5-4.198828-1.5-5.798828 0L42.099609 14.224609c-1.6 1.5-4.198828 1.5-5.798828 0L22.5 1.125C21.7.375 20.649609 0 19.599609 0z\" fill=\"%23121A24\"/></svg>') no-repeat bottom/100% auto;flex:1;min-height:47px;display:none}.drawer__inner__mastodon>img{display:block;object-fit:contain;object-position:bottom left;width:100%;height:100%;pointer-events:none;user-drag:none;user-select:none}@media screen and (min-height: 640px){.drawer__inner__mastodon{display:block}}.pseudo-drawer{background:#283a50;font-size:13px;text-align:left}.drawer__header{flex:0 0 auto;font-size:16px;background:#202e3f;margin-bottom:10px;display:flex;flex-direction:row;border-radius:2px}.drawer__header a{transition:background 100ms ease-in}.drawer__header a:hover{background:#17212e;transition:background 200ms ease-out}.scrollable{overflow-y:scroll;overflow-x:hidden;flex:1 1 auto;-webkit-overflow-scrolling:touch}.scrollable.optionally-scrollable{overflow-y:auto}@supports(display: grid){.scrollable{contain:strict}}.scrollable--flex{display:flex;flex-direction:column}.scrollable__append{flex:1 1 auto;position:relative;min-height:120px}@supports(display: grid){.scrollable.fullscreen{contain:none}}.column-back-button{box-sizing:border-box;width:100%;background:#192432;color:#d8a070;cursor:pointer;flex:0 0 auto;font-size:16px;line-height:inherit;border:0;text-align:unset;padding:15px;margin:0;z-index:3;outline:0}.column-back-button:hover{text-decoration:underline}.column-header__back-button{background:#192432;border:0;font-family:inherit;color:#d8a070;cursor:pointer;white-space:nowrap;font-size:16px;padding:0 5px 0 0;z-index:3}.column-header__back-button:hover{text-decoration:underline}.column-header__back-button:last-child{padding:0 15px 0 0}.column-back-button__icon{display:inline-block;margin-right:5px}.column-back-button--slim{position:relative}.column-back-button--slim-button{cursor:pointer;flex:0 0 auto;font-size:16px;padding:15px;position:absolute;right:0;top:-48px}.react-toggle{display:inline-block;position:relative;cursor:pointer;background-color:transparent;border:0;padding:0;user-select:none;-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-tap-highlight-color:transparent}.react-toggle-screenreader-only{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.react-toggle--disabled{cursor:not-allowed;opacity:.5;transition:opacity .25s}.react-toggle-track{width:50px;height:24px;padding:0;border-radius:30px;background-color:#121a24;transition:background-color .2s ease}.react-toggle:hover:not(.react-toggle--disabled) .react-toggle-track{background-color:#010102}.react-toggle--checked .react-toggle-track{background-color:#d8a070}.react-toggle--checked:hover:not(.react-toggle--disabled) .react-toggle-track{background-color:#e3bb98}.react-toggle-track-check{position:absolute;width:14px;height:10px;top:0;bottom:0;margin-top:auto;margin-bottom:auto;line-height:0;left:8px;opacity:0;transition:opacity .25s ease}.react-toggle--checked .react-toggle-track-check{opacity:1;transition:opacity .25s ease}.react-toggle-track-x{position:absolute;width:10px;height:10px;top:0;bottom:0;margin-top:auto;margin-bottom:auto;line-height:0;right:10px;opacity:1;transition:opacity .25s ease}.react-toggle--checked .react-toggle-track-x{opacity:0}.react-toggle-thumb{position:absolute;top:1px;left:1px;width:22px;height:22px;border:1px solid #121a24;border-radius:50%;background-color:#fafafa;box-sizing:border-box;transition:all .25s ease;transition-property:border-color,left}.react-toggle--checked .react-toggle-thumb{left:27px;border-color:#d8a070}.column-link{background:#202e3f;color:#fff;display:block;font-size:16px;padding:15px;text-decoration:none}.column-link:hover,.column-link:focus,.column-link:active{background:#253549}.column-link:focus{outline:0}.column-link--transparent{background:transparent;color:#d9e1e8}.column-link--transparent:hover,.column-link--transparent:focus,.column-link--transparent:active{background:transparent;color:#fff}.column-link--transparent.active{color:#d8a070}.column-link__icon{display:inline-block;margin-right:5px}.column-link__badge{display:inline-block;border-radius:4px;font-size:12px;line-height:19px;font-weight:500;background:#121a24;padding:4px 8px;margin:-6px 10px}.column-subheading{background:#121a24;color:#3e5a7c;padding:8px 20px;font-size:13px;font-weight:500;cursor:default}.getting-started__wrapper,.getting-started,.flex-spacer{background:#121a24}.flex-spacer{flex:1 1 auto}.getting-started{color:#3e5a7c;overflow:auto;border-bottom-left-radius:2px;border-bottom-right-radius:2px}.getting-started__wrapper,.getting-started__panel,.getting-started__footer{height:min-content}.getting-started__panel,.getting-started__footer{padding:10px;padding-top:20px;flex-grow:0}.getting-started__panel ul,.getting-started__footer ul{margin-bottom:10px}.getting-started__panel ul li,.getting-started__footer ul li{display:inline}.getting-started__panel p,.getting-started__footer p{font-size:13px}.getting-started__panel p a,.getting-started__footer p a{color:#3e5a7c;text-decoration:underline}.getting-started__panel a,.getting-started__footer a{text-decoration:none;color:#9baec8}.getting-started__panel a:hover,.getting-started__panel a:focus,.getting-started__panel a:active,.getting-started__footer a:hover,.getting-started__footer a:focus,.getting-started__footer a:active{text-decoration:underline}.getting-started__wrapper,.getting-started__footer{color:#3e5a7c}.getting-started__trends{flex:0 1 auto;opacity:1;animation:fade 150ms linear;margin-top:10px}.getting-started__trends h4{font-size:13px;color:#9baec8;padding:10px;font-weight:500;border-bottom:1px solid #202e3f}@media screen and (max-height: 810px){.getting-started__trends .trends__item:nth-child(3){display:none}}@media screen and (max-height: 720px){.getting-started__trends .trends__item:nth-child(2){display:none}}@media screen and (max-height: 670px){.getting-started__trends{display:none}}.getting-started__trends .trends__item{border-bottom:0;padding:10px}.getting-started__trends .trends__item__current{color:#9baec8}.keyboard-shortcuts{padding:8px 0 0;overflow:hidden}.keyboard-shortcuts thead{position:absolute;left:-9999px}.keyboard-shortcuts td{padding:0 10px 8px}.keyboard-shortcuts kbd{display:inline-block;padding:3px 5px;background-color:#202e3f;border:1px solid #0b1016}.setting-text{display:block;box-sizing:border-box;width:100%;margin:0;color:#121a24;background:#fff;padding:10px;font-family:inherit;font-size:14px;resize:vertical;border:0;outline:0;border-radius:4px}.setting-text:focus{outline:0}@media screen and (max-width: 600px){.setting-text{font-size:16px}}.no-reduce-motion button.icon-button i.fa-retweet{background-position:0 0;height:19px;transition:background-position .9s steps(10);transition-duration:0s;vertical-align:middle;width:22px}.no-reduce-motion button.icon-button i.fa-retweet::before{display:none !important}.no-reduce-motion button.icon-button.active i.fa-retweet{transition-duration:.9s;background-position:0 100%}.reduce-motion button.icon-button i.fa-retweet{color:#3e5a7c;transition:color 100ms ease-in}.reduce-motion button.icon-button.active i.fa-retweet{color:#d8a070}.status-card{display:flex;font-size:14px;border:1px solid #202e3f;border-radius:4px;color:#3e5a7c;margin-top:14px;text-decoration:none;overflow:hidden}.status-card__actions{bottom:0;left:0;position:absolute;right:0;top:0;display:flex;justify-content:center;align-items:center}.status-card__actions>div{background:rgba(0,0,0,.6);border-radius:8px;padding:12px 9px;flex:0 0 auto;display:flex;justify-content:center;align-items:center}.status-card__actions button,.status-card__actions a{display:inline;color:#d9e1e8;background:transparent;border:0;padding:0 8px;text-decoration:none;font-size:18px;line-height:18px}.status-card__actions button:hover,.status-card__actions button:active,.status-card__actions button:focus,.status-card__actions a:hover,.status-card__actions a:active,.status-card__actions a:focus{color:#fff}.status-card__actions a{font-size:19px;position:relative;bottom:-1px}a.status-card{cursor:pointer}a.status-card:hover{background:#202e3f}.status-card-photo{cursor:zoom-in;display:block;text-decoration:none;width:100%;height:auto;margin:0}.status-card-video iframe{width:100%;height:100%}.status-card__title{display:block;font-weight:500;margin-bottom:5px;color:#9baec8;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-decoration:none}.status-card__content{flex:1 1 auto;overflow:hidden;padding:14px 14px 14px 8px}.status-card__description{color:#9baec8}.status-card__host{display:block;margin-top:5px;font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.status-card__image{flex:0 0 100px;background:#202e3f;position:relative}.status-card__image>.fa{font-size:21px;position:absolute;transform-origin:50% 50%;top:50%;left:50%;transform:translate(-50%, -50%)}.status-card.horizontal{display:block}.status-card.horizontal .status-card__image{width:100%}.status-card.horizontal .status-card__image-image{border-radius:4px 4px 0 0}.status-card.horizontal .status-card__title{white-space:inherit}.status-card.compact{border-color:#192432}.status-card.compact.interactive{border:0}.status-card.compact .status-card__content{padding:8px;padding-top:10px}.status-card.compact .status-card__title{white-space:nowrap}.status-card.compact .status-card__image{flex:0 0 60px}a.status-card.compact:hover{background-color:#192432}.status-card__image-image{border-radius:4px 0 0 4px;display:block;margin:0;width:100%;height:100%;object-fit:cover;background-size:cover;background-position:center center}.load-more{display:block;color:#3e5a7c;background-color:transparent;border:0;font-size:inherit;text-align:center;line-height:inherit;margin:0;padding:15px;box-sizing:border-box;width:100%;clear:both;text-decoration:none}.load-more:hover{background:#151f2b}.load-gap{border-bottom:1px solid #202e3f}.regeneration-indicator{text-align:center;font-size:16px;font-weight:500;color:#3e5a7c;background:#121a24;cursor:default;display:flex;flex:1 1 auto;flex-direction:column;align-items:center;justify-content:center;padding:20px}.regeneration-indicator__figure,.regeneration-indicator__figure img{display:block;width:auto;height:160px;margin:0}.regeneration-indicator--without-header{padding-top:68px}.regeneration-indicator__label{margin-top:30px}.regeneration-indicator__label strong{display:block;margin-bottom:10px;color:#3e5a7c}.regeneration-indicator__label span{font-size:15px;font-weight:400}.column-header__wrapper{position:relative;flex:0 0 auto}.column-header__wrapper.active::before{display:block;content:\"\";position:absolute;top:35px;left:0;right:0;margin:0 auto;width:60%;pointer-events:none;height:28px;z-index:1;background:radial-gradient(ellipse, rgba(216, 160, 112, 0.23) 0%, rgba(216, 160, 112, 0) 60%)}.column-header{display:flex;font-size:16px;background:#192432;flex:0 0 auto;cursor:pointer;position:relative;z-index:2;outline:0;overflow:hidden;border-top-left-radius:2px;border-top-right-radius:2px}.column-header>button{margin:0;border:0;padding:15px 0 15px 15px;color:inherit;background:transparent;font:inherit;text-align:left;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;flex:1}.column-header>.column-header__back-button{color:#d8a070}.column-header.active{box-shadow:0 1px 0 rgba(216,160,112,.3)}.column-header.active .column-header__icon{color:#d8a070;text-shadow:0 0 10px rgba(216,160,112,.4)}.column-header:focus,.column-header:active{outline:0}.column-header__buttons{height:48px;display:flex}.column-header__links{margin-bottom:14px}.column-header__links .text-btn{margin-right:10px}.column-header__button{background:#192432;border:0;color:#9baec8;cursor:pointer;font-size:16px;padding:0 15px}.column-header__button:hover{color:#b2c1d5}.column-header__button.active{color:#fff;background:#202e3f}.column-header__button.active:hover{color:#fff;background:#202e3f}.column-header__collapsible{max-height:70vh;overflow:hidden;overflow-y:auto;color:#9baec8;transition:max-height 150ms ease-in-out,opacity 300ms linear;opacity:1}.column-header__collapsible.collapsed{max-height:0;opacity:.5}.column-header__collapsible.animating{overflow-y:hidden}.column-header__collapsible hr{height:0;background:transparent;border:0;border-top:1px solid #26374d;margin:10px 0}.column-header__collapsible-inner{background:#202e3f;padding:15px}.column-header__setting-btn:hover{color:#9baec8;text-decoration:underline}.column-header__setting-arrows{float:right}.column-header__setting-arrows .column-header__setting-btn{padding:0 10px}.column-header__setting-arrows .column-header__setting-btn:last-child{padding-right:0}.text-btn{display:inline-block;padding:0;font-family:inherit;font-size:inherit;color:inherit;border:0;background:transparent;cursor:pointer}.column-header__icon{display:inline-block;margin-right:5px}.loading-indicator{color:#3e5a7c;font-size:13px;font-weight:400;overflow:visible;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%)}.loading-indicator span{display:block;float:left;margin-left:50%;transform:translateX(-50%);margin:82px 0 0 50%;white-space:nowrap}.loading-indicator__figure{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:42px;height:42px;box-sizing:border-box;background-color:transparent;border:0 solid #3e5a7c;border-width:6px;border-radius:50%}.no-reduce-motion .loading-indicator span{animation:loader-label 1.15s infinite cubic-bezier(0.215, 0.61, 0.355, 1)}.no-reduce-motion .loading-indicator__figure{animation:loader-figure 1.15s infinite cubic-bezier(0.215, 0.61, 0.355, 1)}@keyframes spring-rotate-in{0%{transform:rotate(0deg)}30%{transform:rotate(-484.8deg)}60%{transform:rotate(-316.7deg)}90%{transform:rotate(-375deg)}100%{transform:rotate(-360deg)}}@keyframes spring-rotate-out{0%{transform:rotate(-360deg)}30%{transform:rotate(124.8deg)}60%{transform:rotate(-43.27deg)}90%{transform:rotate(15deg)}100%{transform:rotate(0deg)}}@keyframes loader-figure{0%{width:0;height:0;background-color:#3e5a7c}29%{background-color:#3e5a7c}30%{width:42px;height:42px;background-color:transparent;border-width:21px;opacity:1}100%{width:42px;height:42px;border-width:0;opacity:0;background-color:transparent}}@keyframes loader-label{0%{opacity:.25}30%{opacity:1}100%{opacity:.25}}.video-error-cover{align-items:center;background:#000;color:#fff;cursor:pointer;display:flex;flex-direction:column;height:100%;justify-content:center;margin-top:8px;position:relative;text-align:center;z-index:100}.media-spoiler{background:#000;color:#9baec8;border:0;padding:0;width:100%;height:100%;border-radius:4px;appearance:none}.media-spoiler:hover,.media-spoiler:active,.media-spoiler:focus{padding:0;color:#b5c3d6}.media-spoiler__warning{display:block;font-size:14px}.media-spoiler__trigger{display:block;font-size:11px;font-weight:700}.spoiler-button{top:0;left:0;width:100%;height:100%;position:absolute;z-index:100}.spoiler-button--minified{display:block;left:4px;top:4px;width:auto;height:auto}.spoiler-button--click-thru{pointer-events:none}.spoiler-button--hidden{display:none}.spoiler-button__overlay{display:block;background:transparent;width:100%;height:100%;border:0}.spoiler-button__overlay__label{display:inline-block;background:rgba(0,0,0,.5);border-radius:8px;padding:8px 12px;color:#fff;font-weight:500;font-size:14px}.spoiler-button__overlay:hover .spoiler-button__overlay__label,.spoiler-button__overlay:focus .spoiler-button__overlay__label,.spoiler-button__overlay:active .spoiler-button__overlay__label{background:rgba(0,0,0,.8)}.spoiler-button__overlay:disabled .spoiler-button__overlay__label{background:rgba(0,0,0,.5)}.modal-container--preloader{background:#202e3f}.account--panel{background:#192432;border-top:1px solid #202e3f;border-bottom:1px solid #202e3f;display:flex;flex-direction:row;padding:10px 0}.account--panel__button,.detailed-status__button{flex:1 1 auto;text-align:center}.column-settings__outer{background:#202e3f;padding:15px}.column-settings__section{color:#9baec8;cursor:default;display:block;font-weight:500;margin-bottom:10px}.column-settings__hashtags .column-settings__row{margin-bottom:15px}.column-settings__hashtags .column-select__control{outline:0;box-sizing:border-box;width:100%;border:0;box-shadow:none;font-family:inherit;background:#121a24;color:#9baec8;font-size:14px;margin:0}.column-settings__hashtags .column-select__control::placeholder{color:#a8b9cf}.column-settings__hashtags .column-select__control::-moz-focus-inner{border:0}.column-settings__hashtags .column-select__control::-moz-focus-inner,.column-settings__hashtags .column-select__control:focus,.column-settings__hashtags .column-select__control:active{outline:0 !important}.column-settings__hashtags .column-select__control:focus{background:#192432}@media screen and (max-width: 600px){.column-settings__hashtags .column-select__control{font-size:16px}}.column-settings__hashtags .column-select__placeholder{color:#3e5a7c;padding-left:2px;font-size:12px}.column-settings__hashtags .column-select__value-container{padding-left:6px}.column-settings__hashtags .column-select__multi-value{background:#202e3f}.column-settings__hashtags .column-select__multi-value__remove{cursor:pointer}.column-settings__hashtags .column-select__multi-value__remove:hover,.column-settings__hashtags .column-select__multi-value__remove:active,.column-settings__hashtags .column-select__multi-value__remove:focus{background:#26374d;color:#a8b9cf}.column-settings__hashtags .column-select__multi-value__label,.column-settings__hashtags .column-select__input{color:#9baec8}.column-settings__hashtags .column-select__clear-indicator,.column-settings__hashtags .column-select__dropdown-indicator{cursor:pointer;transition:none;color:#3e5a7c}.column-settings__hashtags .column-select__clear-indicator:hover,.column-settings__hashtags .column-select__clear-indicator:active,.column-settings__hashtags .column-select__clear-indicator:focus,.column-settings__hashtags .column-select__dropdown-indicator:hover,.column-settings__hashtags .column-select__dropdown-indicator:active,.column-settings__hashtags .column-select__dropdown-indicator:focus{color:#45648a}.column-settings__hashtags .column-select__indicator-separator{background-color:#202e3f}.column-settings__hashtags .column-select__menu{background:#fff;border-radius:4px;padding:10px 14px;padding-bottom:14px;margin-top:10px;color:#9baec8;box-shadow:2px 4px 15px rgba(0,0,0,.4);padding:0;background:#d9e1e8}.column-settings__hashtags .column-select__menu h4{color:#9baec8;font-size:14px;font-weight:500;margin-bottom:10px}.column-settings__hashtags .column-select__menu li{padding:4px 0}.column-settings__hashtags .column-select__menu ul{margin-bottom:10px}.column-settings__hashtags .column-select__menu em{font-weight:500;color:#121a24}.column-settings__hashtags .column-select__menu-list{padding:6px}.column-settings__hashtags .column-select__option{color:#121a24;border-radius:4px;font-size:14px}.column-settings__hashtags .column-select__option--is-focused,.column-settings__hashtags .column-select__option--is-selected{background:#b9c8d5}.column-settings__row .text-btn{margin-bottom:15px}.relationship-tag{color:#fff;margin-bottom:4px;display:block;vertical-align:top;background-color:#000;font-size:12px;font-weight:500;padding:4px;border-radius:4px;opacity:.7}.relationship-tag:hover{opacity:1}.setting-toggle{display:block;line-height:24px}.setting-toggle__label{color:#9baec8;display:inline-block;margin-bottom:14px;margin-left:8px;vertical-align:middle}.empty-column-indicator,.error-column{color:#3e5a7c;background:#121a24;text-align:center;padding:20px;font-size:15px;font-weight:400;cursor:default;display:flex;flex:1 1 auto;align-items:center;justify-content:center}@supports(display: grid){.empty-column-indicator,.error-column{contain:strict}}.empty-column-indicator>span,.error-column>span{max-width:400px}.empty-column-indicator a,.error-column a{color:#d8a070;text-decoration:none}.empty-column-indicator a:hover,.error-column a:hover{text-decoration:underline}.error-column{flex-direction:column}@keyframes heartbeat{from{transform:scale(1);animation-timing-function:ease-out}10%{transform:scale(0.91);animation-timing-function:ease-in}17%{transform:scale(0.98);animation-timing-function:ease-out}33%{transform:scale(0.87);animation-timing-function:ease-in}45%{transform:scale(1);animation-timing-function:ease-out}}.no-reduce-motion .pulse-loading{transform-origin:center center;animation:heartbeat 1.5s ease-in-out infinite both}@keyframes shake-bottom{0%,100%{transform:rotate(0deg);transform-origin:50% 100%}10%{transform:rotate(2deg)}20%,40%,60%{transform:rotate(-4deg)}30%,50%,70%{transform:rotate(4deg)}80%{transform:rotate(-2deg)}90%{transform:rotate(2deg)}}.no-reduce-motion .shake-bottom{transform-origin:50% 100%;animation:shake-bottom .8s cubic-bezier(0.455, 0.03, 0.515, 0.955) 2s 2 both}.emoji-picker-dropdown__menu{background:#fff;position:absolute;box-shadow:4px 4px 6px rgba(0,0,0,.4);border-radius:4px;margin-top:5px;z-index:2}.emoji-picker-dropdown__menu .emoji-mart-scroll{transition:opacity 200ms ease}.emoji-picker-dropdown__menu.selecting .emoji-mart-scroll{opacity:.5}.emoji-picker-dropdown__modifiers{position:absolute;top:60px;right:11px;cursor:pointer}.emoji-picker-dropdown__modifiers__menu{position:absolute;z-index:4;top:-4px;left:-8px;background:#fff;border-radius:4px;box-shadow:1px 2px 6px rgba(0,0,0,.2);overflow:hidden}.emoji-picker-dropdown__modifiers__menu button{display:block;cursor:pointer;border:0;padding:4px 8px;background:transparent}.emoji-picker-dropdown__modifiers__menu button:hover,.emoji-picker-dropdown__modifiers__menu button:focus,.emoji-picker-dropdown__modifiers__menu button:active{background:rgba(217,225,232,.4)}.emoji-picker-dropdown__modifiers__menu .emoji-mart-emoji{height:22px}.emoji-mart-emoji span{background-repeat:no-repeat}.upload-area{align-items:center;background:rgba(0,0,0,.8);display:flex;height:100%;justify-content:center;left:0;opacity:0;position:absolute;top:0;visibility:hidden;width:100%;z-index:2000}.upload-area *{pointer-events:none}.upload-area__drop{width:320px;height:160px;display:flex;box-sizing:border-box;position:relative;padding:8px}.upload-area__background{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;border-radius:4px;background:#121a24;box-shadow:0 0 5px rgba(0,0,0,.2)}.upload-area__content{flex:1;display:flex;align-items:center;justify-content:center;color:#d9e1e8;font-size:18px;font-weight:500;border:2px dashed #3e5a7c;border-radius:4px}.upload-progress{padding:10px;color:#3e5a7c;overflow:hidden;display:flex}.upload-progress .fa{font-size:34px;margin-right:10px}.upload-progress span{font-size:13px;font-weight:500;display:block}.upload-progess__message{flex:1 1 auto}.upload-progress__backdrop{width:100%;height:6px;border-radius:6px;background:#3e5a7c;position:relative;margin-top:5px}.upload-progress__tracker{position:absolute;left:0;top:0;height:6px;background:#d8a070;border-radius:6px}.emoji-button{display:block;font-size:24px;line-height:24px;margin-left:2px;width:24px;outline:0;cursor:pointer}.emoji-button:active,.emoji-button:focus{outline:0 !important}.emoji-button img{filter:grayscale(100%);opacity:.8;display:block;margin:0;width:22px;height:22px;margin-top:2px}.emoji-button:hover img,.emoji-button:active img,.emoji-button:focus img{opacity:1;filter:none}.dropdown--active .emoji-button img{opacity:1;filter:none}.privacy-dropdown__dropdown{position:absolute;background:#fff;box-shadow:2px 4px 15px rgba(0,0,0,.4);border-radius:4px;margin-left:40px;overflow:hidden}.privacy-dropdown__dropdown.top{transform-origin:50% 100%}.privacy-dropdown__dropdown.bottom{transform-origin:50% 0}.privacy-dropdown__option{color:#121a24;padding:10px;cursor:pointer;display:flex}.privacy-dropdown__option:hover,.privacy-dropdown__option.active{background:#d8a070;color:#fff;outline:0}.privacy-dropdown__option:hover .privacy-dropdown__option__content,.privacy-dropdown__option.active .privacy-dropdown__option__content{color:#fff}.privacy-dropdown__option:hover .privacy-dropdown__option__content strong,.privacy-dropdown__option.active .privacy-dropdown__option__content strong{color:#fff}.privacy-dropdown__option.active:hover{background:#dcab80}.privacy-dropdown__option__icon{display:flex;align-items:center;justify-content:center;margin-right:10px}.privacy-dropdown__option__content{flex:1 1 auto;color:#3e5a7c}.privacy-dropdown__option__content strong{font-weight:500;display:block;color:#121a24}.privacy-dropdown__option__content strong:lang(ja){font-weight:700}.privacy-dropdown__option__content strong:lang(ko){font-weight:700}.privacy-dropdown__option__content strong:lang(zh-CN){font-weight:700}.privacy-dropdown__option__content strong:lang(zh-HK){font-weight:700}.privacy-dropdown__option__content strong:lang(zh-TW){font-weight:700}.privacy-dropdown.active .privacy-dropdown__value{background:#fff;border-radius:4px 4px 0 0;box-shadow:0 -4px 4px rgba(0,0,0,.1)}.privacy-dropdown.active .privacy-dropdown__value .icon-button{transition:none}.privacy-dropdown.active .privacy-dropdown__value.active{background:#d8a070}.privacy-dropdown.active .privacy-dropdown__value.active .icon-button{color:#fff}.privacy-dropdown.active.top .privacy-dropdown__value{border-radius:0 0 4px 4px}.privacy-dropdown.active .privacy-dropdown__dropdown{display:block;box-shadow:2px 4px 6px rgba(0,0,0,.1)}.search{position:relative}.search__input{outline:0;box-sizing:border-box;width:100%;border:0;box-shadow:none;font-family:inherit;background:#121a24;color:#9baec8;font-size:14px;margin:0;display:block;padding:15px;padding-right:30px;line-height:18px;font-size:16px}.search__input::placeholder{color:#a8b9cf}.search__input::-moz-focus-inner{border:0}.search__input::-moz-focus-inner,.search__input:focus,.search__input:active{outline:0 !important}.search__input:focus{background:#192432}@media screen and (max-width: 600px){.search__input{font-size:16px}}.search__icon::-moz-focus-inner{border:0}.search__icon::-moz-focus-inner,.search__icon:focus{outline:0 !important}.search__icon .fa{position:absolute;top:16px;right:10px;z-index:2;display:inline-block;opacity:0;transition:all 100ms linear;transition-property:transform,opacity;font-size:18px;width:18px;height:18px;color:#d9e1e8;cursor:default;pointer-events:none}.search__icon .fa.active{pointer-events:auto;opacity:.3}.search__icon .fa-search{transform:rotate(90deg)}.search__icon .fa-search.active{pointer-events:none;transform:rotate(0deg)}.search__icon .fa-times-circle{top:17px;transform:rotate(0deg);color:#3e5a7c;cursor:pointer}.search__icon .fa-times-circle.active{transform:rotate(90deg)}.search__icon .fa-times-circle:hover{color:#4a6b94}.search-results__header{color:#3e5a7c;background:#151f2b;padding:15px;font-weight:500;font-size:16px;cursor:default}.search-results__header .fa{display:inline-block;margin-right:5px}.search-results__section{margin-bottom:5px}.search-results__section h5{background:#0b1016;border-bottom:1px solid #202e3f;cursor:default;display:flex;padding:15px;font-weight:500;font-size:16px;color:#3e5a7c}.search-results__section h5 .fa{display:inline-block;margin-right:5px}.search-results__section .account:last-child,.search-results__section>div:last-child .status{border-bottom:0}.search-results__hashtag{display:block;padding:10px;color:#d9e1e8;text-decoration:none}.search-results__hashtag:hover,.search-results__hashtag:active,.search-results__hashtag:focus{color:#e6ebf0;text-decoration:underline}.search-results__info{padding:20px;color:#9baec8;text-align:center}.modal-root{position:relative;transition:opacity .3s linear;will-change:opacity;z-index:9999}.modal-root__overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.7)}.modal-root__container{position:fixed;top:0;left:0;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;align-content:space-around;z-index:9999;pointer-events:none;user-select:none}.modal-root__modal{pointer-events:auto;display:flex;z-index:9999}.video-modal__container{max-width:100vw;max-height:100vh}.audio-modal__container{width:50vw}.media-modal{width:100%;height:100%;position:relative}.media-modal .extended-video-player{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.media-modal .extended-video-player video{max-width:100%;max-height:80%}.media-modal__closer{position:absolute;top:0;left:0;right:0;bottom:0}.media-modal__navigation{position:absolute;top:0;left:0;right:0;bottom:0;pointer-events:none;transition:opacity .3s linear;will-change:opacity}.media-modal__navigation *{pointer-events:auto}.media-modal__navigation.media-modal__navigation--hidden{opacity:0}.media-modal__navigation.media-modal__navigation--hidden *{pointer-events:none}.media-modal__nav{background:rgba(0,0,0,.5);box-sizing:border-box;border:0;color:#fff;cursor:pointer;display:flex;align-items:center;font-size:24px;height:20vmax;margin:auto 0;padding:30px 15px;position:absolute;top:0;bottom:0}.media-modal__nav--left{left:0}.media-modal__nav--right{right:0}.media-modal__pagination{width:100%;text-align:center;position:absolute;left:0;bottom:20px;pointer-events:none}.media-modal__meta{text-align:center;position:absolute;left:0;bottom:20px;width:100%;pointer-events:none}.media-modal__meta--shifted{bottom:62px}.media-modal__meta a{pointer-events:auto;text-decoration:none;font-weight:500;color:#d9e1e8}.media-modal__meta a:hover,.media-modal__meta a:focus,.media-modal__meta a:active{text-decoration:underline}.media-modal__page-dot{display:inline-block}.media-modal__button{background-color:#fff;height:12px;width:12px;border-radius:6px;margin:10px;padding:0;border:0;font-size:0}.media-modal__button--active{background-color:#d8a070}.media-modal__close{position:absolute;right:8px;top:8px;z-index:100}.onboarding-modal,.error-modal,.embed-modal{background:#d9e1e8;color:#121a24;border-radius:8px;overflow:hidden;display:flex;flex-direction:column}.error-modal__body{height:80vh;width:80vw;max-width:520px;max-height:420px;position:relative}.error-modal__body>div{position:absolute;top:0;left:0;width:100%;height:100%;box-sizing:border-box;padding:25px;display:none;flex-direction:column;align-items:center;justify-content:center;display:flex;opacity:0;user-select:text}.error-modal__body{display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center}.onboarding-modal__paginator,.error-modal__footer{flex:0 0 auto;background:#c0cdd9;display:flex;padding:25px}.onboarding-modal__paginator>div,.error-modal__footer>div{min-width:33px}.onboarding-modal__paginator .onboarding-modal__nav,.onboarding-modal__paginator .error-modal__nav,.error-modal__footer .onboarding-modal__nav,.error-modal__footer .error-modal__nav{color:#3e5a7c;border:0;font-size:14px;font-weight:500;padding:10px 25px;line-height:inherit;height:auto;margin:-10px;border-radius:4px;background-color:transparent}.onboarding-modal__paginator .onboarding-modal__nav:hover,.onboarding-modal__paginator .onboarding-modal__nav:focus,.onboarding-modal__paginator .onboarding-modal__nav:active,.onboarding-modal__paginator .error-modal__nav:hover,.onboarding-modal__paginator .error-modal__nav:focus,.onboarding-modal__paginator .error-modal__nav:active,.error-modal__footer .onboarding-modal__nav:hover,.error-modal__footer .onboarding-modal__nav:focus,.error-modal__footer .onboarding-modal__nav:active,.error-modal__footer .error-modal__nav:hover,.error-modal__footer .error-modal__nav:focus,.error-modal__footer .error-modal__nav:active{color:#37506f;background-color:#a6b9c9}.onboarding-modal__paginator .onboarding-modal__nav.onboarding-modal__done,.onboarding-modal__paginator .onboarding-modal__nav.onboarding-modal__next,.onboarding-modal__paginator .error-modal__nav.onboarding-modal__done,.onboarding-modal__paginator .error-modal__nav.onboarding-modal__next,.error-modal__footer .onboarding-modal__nav.onboarding-modal__done,.error-modal__footer .onboarding-modal__nav.onboarding-modal__next,.error-modal__footer .error-modal__nav.onboarding-modal__done,.error-modal__footer .error-modal__nav.onboarding-modal__next{color:#121a24}.onboarding-modal__paginator .onboarding-modal__nav.onboarding-modal__done:hover,.onboarding-modal__paginator .onboarding-modal__nav.onboarding-modal__done:focus,.onboarding-modal__paginator .onboarding-modal__nav.onboarding-modal__done:active,.onboarding-modal__paginator .onboarding-modal__nav.onboarding-modal__next:hover,.onboarding-modal__paginator .onboarding-modal__nav.onboarding-modal__next:focus,.onboarding-modal__paginator .onboarding-modal__nav.onboarding-modal__next:active,.onboarding-modal__paginator .error-modal__nav.onboarding-modal__done:hover,.onboarding-modal__paginator .error-modal__nav.onboarding-modal__done:focus,.onboarding-modal__paginator .error-modal__nav.onboarding-modal__done:active,.onboarding-modal__paginator .error-modal__nav.onboarding-modal__next:hover,.onboarding-modal__paginator .error-modal__nav.onboarding-modal__next:focus,.onboarding-modal__paginator .error-modal__nav.onboarding-modal__next:active,.error-modal__footer .onboarding-modal__nav.onboarding-modal__done:hover,.error-modal__footer .onboarding-modal__nav.onboarding-modal__done:focus,.error-modal__footer .onboarding-modal__nav.onboarding-modal__done:active,.error-modal__footer .onboarding-modal__nav.onboarding-modal__next:hover,.error-modal__footer .onboarding-modal__nav.onboarding-modal__next:focus,.error-modal__footer .onboarding-modal__nav.onboarding-modal__next:active,.error-modal__footer .error-modal__nav.onboarding-modal__done:hover,.error-modal__footer .error-modal__nav.onboarding-modal__done:focus,.error-modal__footer .error-modal__nav.onboarding-modal__done:active,.error-modal__footer .error-modal__nav.onboarding-modal__next:hover,.error-modal__footer .error-modal__nav.onboarding-modal__next:focus,.error-modal__footer .error-modal__nav.onboarding-modal__next:active{color:#192432}.error-modal__footer{justify-content:center}.display-case{text-align:center;font-size:15px;margin-bottom:15px}.display-case__label{font-weight:500;color:#121a24;margin-bottom:5px;font-size:13px}.display-case__case{background:#121a24;color:#d9e1e8;font-weight:500;padding:10px;border-radius:4px}.onboard-sliders{display:inline-block;max-width:30px;max-height:auto;margin-left:10px}.boost-modal,.confirmation-modal,.report-modal,.actions-modal,.mute-modal,.block-modal{background:#f2f5f7;color:#121a24;border-radius:8px;overflow:hidden;max-width:90vw;width:480px;position:relative;flex-direction:column}.boost-modal .status__display-name,.confirmation-modal .status__display-name,.report-modal .status__display-name,.actions-modal .status__display-name,.mute-modal .status__display-name,.block-modal .status__display-name{display:block;max-width:100%;padding-right:25px}.boost-modal .status__avatar,.confirmation-modal .status__avatar,.report-modal .status__avatar,.actions-modal .status__avatar,.mute-modal .status__avatar,.block-modal .status__avatar{height:28px;left:10px;position:absolute;top:10px;width:48px}.boost-modal .status__content__spoiler-link,.confirmation-modal .status__content__spoiler-link,.report-modal .status__content__spoiler-link,.actions-modal .status__content__spoiler-link,.mute-modal .status__content__spoiler-link,.block-modal .status__content__spoiler-link{color:#f2f5f7}.actions-modal .status{background:#fff;border-bottom-color:#d9e1e8;padding-top:10px;padding-bottom:10px}.actions-modal .dropdown-menu__separator{border-bottom-color:#d9e1e8}.boost-modal__container{overflow-x:scroll;padding:10px}.boost-modal__container .status{user-select:text;border-bottom:0}.boost-modal__action-bar,.confirmation-modal__action-bar,.mute-modal__action-bar,.block-modal__action-bar{display:flex;justify-content:space-between;background:#d9e1e8;padding:10px;line-height:36px}.boost-modal__action-bar>div,.confirmation-modal__action-bar>div,.mute-modal__action-bar>div,.block-modal__action-bar>div{flex:1 1 auto;text-align:right;color:#3e5a7c;padding-right:10px}.boost-modal__action-bar .button,.confirmation-modal__action-bar .button,.mute-modal__action-bar .button,.block-modal__action-bar .button{flex:0 0 auto}.boost-modal__status-header{font-size:15px}.boost-modal__status-time{float:right;font-size:14px}.mute-modal,.block-modal{line-height:24px}.mute-modal .react-toggle,.block-modal .react-toggle{vertical-align:middle}.report-modal{width:90vw;max-width:700px}.report-modal__container{display:flex;border-top:1px solid #d9e1e8}@media screen and (max-width: 480px){.report-modal__container{flex-wrap:wrap;overflow-y:auto}}.report-modal__statuses,.report-modal__comment{box-sizing:border-box;width:50%}@media screen and (max-width: 480px){.report-modal__statuses,.report-modal__comment{width:100%}}.report-modal__statuses,.focal-point-modal__content{flex:1 1 auto;min-height:20vh;max-height:80vh;overflow-y:auto;overflow-x:hidden}.report-modal__statuses .status__content a,.focal-point-modal__content .status__content a{color:#d8a070}.report-modal__statuses .status__content,.report-modal__statuses .status__content p,.focal-point-modal__content .status__content,.focal-point-modal__content .status__content p{color:#121a24}@media screen and (max-width: 480px){.report-modal__statuses,.focal-point-modal__content{max-height:10vh}}@media screen and (max-width: 480px){.focal-point-modal__content{max-height:40vh}}.report-modal__comment{padding:20px;border-right:1px solid #d9e1e8;max-width:320px}.report-modal__comment p{font-size:14px;line-height:20px;margin-bottom:20px}.report-modal__comment .setting-text{display:block;box-sizing:border-box;width:100%;margin:0;color:#121a24;background:#fff;padding:10px;font-family:inherit;font-size:14px;resize:none;border:0;outline:0;border-radius:4px;border:1px solid #d9e1e8;min-height:100px;max-height:50vh;margin-bottom:10px}.report-modal__comment .setting-text:focus{border:1px solid #c0cdd9}.report-modal__comment .setting-text__wrapper{background:#fff;border:1px solid #d9e1e8;margin-bottom:10px;border-radius:4px}.report-modal__comment .setting-text__wrapper .setting-text{border:0;margin-bottom:0;border-radius:0}.report-modal__comment .setting-text__wrapper .setting-text:focus{border:0}.report-modal__comment .setting-text__wrapper__modifiers{color:#121a24;font-family:inherit;font-size:14px;background:#fff}.report-modal__comment .setting-text__toolbar{display:flex;justify-content:space-between;margin-bottom:20px}.report-modal__comment .setting-text-label{display:block;color:#121a24;font-size:14px;font-weight:500;margin-bottom:10px}.report-modal__comment .setting-toggle{margin-top:20px;margin-bottom:24px}.report-modal__comment .setting-toggle__label{color:#121a24;font-size:14px}@media screen and (max-width: 480px){.report-modal__comment{padding:10px;max-width:100%;order:2}.report-modal__comment .setting-toggle{margin-bottom:4px}}.actions-modal{max-height:80vh;max-width:80vw}.actions-modal .status{overflow-y:auto;max-height:300px}.actions-modal .actions-modal__item-label{font-weight:500}.actions-modal ul{overflow-y:auto;flex-shrink:0;max-height:80vh}.actions-modal ul.with-status{max-height:calc(80vh - 75px)}.actions-modal ul li:empty{margin:0}.actions-modal ul li:not(:empty) a{color:#121a24;display:flex;padding:12px 16px;font-size:15px;align-items:center;text-decoration:none}.actions-modal ul li:not(:empty) a,.actions-modal ul li:not(:empty) a button{transition:none}.actions-modal ul li:not(:empty) a.active,.actions-modal ul li:not(:empty) a.active button,.actions-modal ul li:not(:empty) a:hover,.actions-modal ul li:not(:empty) a:hover button,.actions-modal ul li:not(:empty) a:active,.actions-modal ul li:not(:empty) a:active button,.actions-modal ul li:not(:empty) a:focus,.actions-modal ul li:not(:empty) a:focus button{background:#d8a070;color:#fff}.actions-modal ul li:not(:empty) a button:first-child{margin-right:10px}.confirmation-modal__action-bar .confirmation-modal__secondary-button,.mute-modal__action-bar .confirmation-modal__secondary-button,.block-modal__action-bar .confirmation-modal__secondary-button{flex-shrink:1}.confirmation-modal__secondary-button,.confirmation-modal__cancel-button,.mute-modal__cancel-button,.block-modal__cancel-button{background-color:transparent;color:#3e5a7c;font-size:14px;font-weight:500}.confirmation-modal__secondary-button:hover,.confirmation-modal__secondary-button:focus,.confirmation-modal__secondary-button:active,.confirmation-modal__cancel-button:hover,.confirmation-modal__cancel-button:focus,.confirmation-modal__cancel-button:active,.mute-modal__cancel-button:hover,.mute-modal__cancel-button:focus,.mute-modal__cancel-button:active,.block-modal__cancel-button:hover,.block-modal__cancel-button:focus,.block-modal__cancel-button:active{color:#37506f;background-color:transparent}.confirmation-modal__container,.mute-modal__container,.block-modal__container,.report-modal__target{padding:30px;font-size:16px}.confirmation-modal__container strong,.mute-modal__container strong,.block-modal__container strong,.report-modal__target strong{font-weight:500}.confirmation-modal__container strong:lang(ja),.mute-modal__container strong:lang(ja),.block-modal__container strong:lang(ja),.report-modal__target strong:lang(ja){font-weight:700}.confirmation-modal__container strong:lang(ko),.mute-modal__container strong:lang(ko),.block-modal__container strong:lang(ko),.report-modal__target strong:lang(ko){font-weight:700}.confirmation-modal__container strong:lang(zh-CN),.mute-modal__container strong:lang(zh-CN),.block-modal__container strong:lang(zh-CN),.report-modal__target strong:lang(zh-CN){font-weight:700}.confirmation-modal__container strong:lang(zh-HK),.mute-modal__container strong:lang(zh-HK),.block-modal__container strong:lang(zh-HK),.report-modal__target strong:lang(zh-HK){font-weight:700}.confirmation-modal__container strong:lang(zh-TW),.mute-modal__container strong:lang(zh-TW),.block-modal__container strong:lang(zh-TW),.report-modal__target strong:lang(zh-TW){font-weight:700}.confirmation-modal__container,.report-modal__target{text-align:center}.block-modal__explanation,.mute-modal__explanation{margin-top:20px}.block-modal .setting-toggle,.mute-modal .setting-toggle{margin-top:20px;margin-bottom:24px;display:flex;align-items:center}.block-modal .setting-toggle__label,.mute-modal .setting-toggle__label{color:#121a24;margin:0;margin-left:8px}.report-modal__target{padding:15px}.report-modal__target .media-modal__close{top:14px;right:15px}.loading-bar{background-color:#d8a070;height:3px;position:absolute;top:0;left:0;z-index:9999}.media-gallery__gifv__label{display:block;position:absolute;color:#fff;background:rgba(0,0,0,.5);bottom:6px;left:6px;padding:2px 6px;border-radius:2px;font-size:11px;font-weight:600;z-index:1;pointer-events:none;opacity:.9;transition:opacity .1s ease;line-height:18px}.media-gallery__gifv.autoplay .media-gallery__gifv__label{display:none}.media-gallery__gifv:hover .media-gallery__gifv__label{opacity:1}.media-gallery__audio{margin-top:32px}.media-gallery__audio audio{width:100%}.attachment-list{display:flex;font-size:14px;border:1px solid #202e3f;border-radius:4px;margin-top:14px;overflow:hidden}.attachment-list__icon{flex:0 0 auto;color:#3e5a7c;padding:8px 18px;cursor:default;border-right:1px solid #202e3f;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:26px}.attachment-list__icon .fa{display:block}.attachment-list__list{list-style:none;padding:4px 0;padding-left:8px;display:flex;flex-direction:column;justify-content:center}.attachment-list__list li{display:block;padding:4px 0}.attachment-list__list a{text-decoration:none;color:#3e5a7c;font-weight:500}.attachment-list__list a:hover{text-decoration:underline}.attachment-list.compact{border:0;margin-top:4px}.attachment-list.compact .attachment-list__list{padding:0;display:block}.attachment-list.compact .fa{color:#3e5a7c}.media-gallery{box-sizing:border-box;margin-top:8px;overflow:hidden;border-radius:4px;position:relative;width:100%}.media-gallery__item{border:0;box-sizing:border-box;display:block;float:left;position:relative;border-radius:4px;overflow:hidden}.media-gallery__item.standalone .media-gallery__item-gifv-thumbnail{transform:none;top:0}.media-gallery__item-thumbnail{cursor:zoom-in;display:block;text-decoration:none;color:#d9e1e8;position:relative;z-index:1}.media-gallery__item-thumbnail,.media-gallery__item-thumbnail img{height:100%;width:100%}.media-gallery__item-thumbnail img{object-fit:cover}.media-gallery__preview{width:100%;height:100%;object-fit:cover;position:absolute;top:0;left:0;z-index:0;background:#000}.media-gallery__preview--hidden{display:none}.media-gallery__gifv{height:100%;overflow:hidden;position:relative;width:100%}.media-gallery__item-gifv-thumbnail{cursor:zoom-in;height:100%;object-fit:cover;position:relative;top:50%;transform:translateY(-50%);width:100%;z-index:1}.media-gallery__item-thumbnail-label{clip:rect(1px 1px 1px 1px);clip:rect(1px, 1px, 1px, 1px);overflow:hidden;position:absolute}.detailed .video-player__volume__current,.detailed .video-player__volume::before,.fullscreen .video-player__volume__current,.fullscreen .video-player__volume::before{bottom:27px}.detailed .video-player__volume__handle,.fullscreen .video-player__volume__handle{bottom:23px}.audio-player{box-sizing:border-box;position:relative;background:#040609;border-radius:4px;padding-bottom:44px;direction:ltr}.audio-player.editable{border-radius:0;height:100%}.audio-player__waveform{padding:15px 0;position:relative;overflow:hidden}.audio-player__waveform::before{content:\"\";display:block;position:absolute;border-top:1px solid #192432;width:100%;height:0;left:0;top:calc(50% + 1px)}.audio-player__progress-placeholder{background-color:rgba(225,181,144,.5)}.audio-player__wave-placeholder{background-color:#2d415a}.audio-player .video-player__controls{padding:0 15px;padding-top:10px;background:#040609;border-top:1px solid #192432;border-radius:0 0 4px 4px}.video-player{overflow:hidden;position:relative;background:#000;max-width:100%;border-radius:4px;box-sizing:border-box;direction:ltr}.video-player.editable{border-radius:0;height:100% !important}.video-player:focus{outline:0}.video-player video{max-width:100vw;max-height:80vh;z-index:1}.video-player.fullscreen{width:100% !important;height:100% !important;margin:0}.video-player.fullscreen video{max-width:100% !important;max-height:100% !important;width:100% !important;height:100% !important;outline:0}.video-player.inline video{object-fit:contain;position:relative;top:50%;transform:translateY(-50%)}.video-player__controls{position:absolute;z-index:2;bottom:0;left:0;right:0;box-sizing:border-box;background:linear-gradient(0deg, rgba(0, 0, 0, 0.85) 0, rgba(0, 0, 0, 0.45) 60%, transparent);padding:0 15px;opacity:0;transition:opacity .1s ease}.video-player__controls.active{opacity:1}.video-player.inactive video,.video-player.inactive .video-player__controls{visibility:hidden}.video-player__spoiler{display:none;position:absolute;top:0;left:0;width:100%;height:100%;z-index:4;border:0;background:#000;color:#9baec8;transition:none;pointer-events:none}.video-player__spoiler.active{display:block;pointer-events:auto}.video-player__spoiler.active:hover,.video-player__spoiler.active:active,.video-player__spoiler.active:focus{color:#b2c1d5}.video-player__spoiler__title{display:block;font-size:14px}.video-player__spoiler__subtitle{display:block;font-size:11px;font-weight:500}.video-player__buttons-bar{display:flex;justify-content:space-between;padding-bottom:10px}.video-player__buttons-bar .video-player__download__icon{color:inherit}.video-player__buttons{font-size:16px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.video-player__buttons.left button{padding-left:0}.video-player__buttons.right button{padding-right:0}.video-player__buttons button{background:transparent;padding:2px 10px;font-size:16px;border:0;color:rgba(255,255,255,.75)}.video-player__buttons button:active,.video-player__buttons button:hover,.video-player__buttons button:focus{color:#fff}.video-player__time-sep,.video-player__time-total,.video-player__time-current{font-size:14px;font-weight:500}.video-player__time-current{color:#fff;margin-left:60px}.video-player__time-sep{display:inline-block;margin:0 6px}.video-player__time-sep,.video-player__time-total{color:#fff}.video-player__volume{cursor:pointer;height:24px;display:inline}.video-player__volume::before{content:\"\";width:50px;background:rgba(255,255,255,.35);border-radius:4px;display:block;position:absolute;height:4px;left:70px;bottom:20px}.video-player__volume__current{display:block;position:absolute;height:4px;border-radius:4px;left:70px;bottom:20px;background:#e1b590}.video-player__volume__handle{position:absolute;z-index:3;border-radius:50%;width:12px;height:12px;bottom:16px;left:70px;transition:opacity .1s ease;background:#e1b590;box-shadow:1px 2px 6px rgba(0,0,0,.2);pointer-events:none}.video-player__link{padding:2px 10px}.video-player__link a{text-decoration:none;font-size:14px;font-weight:500;color:#fff}.video-player__link a:hover,.video-player__link a:active,.video-player__link a:focus{text-decoration:underline}.video-player__seek{cursor:pointer;height:24px;position:relative}.video-player__seek::before{content:\"\";width:100%;background:rgba(255,255,255,.35);border-radius:4px;display:block;position:absolute;height:4px;top:10px}.video-player__seek__progress,.video-player__seek__buffer{display:block;position:absolute;height:4px;border-radius:4px;top:10px;background:#e1b590}.video-player__seek__buffer{background:rgba(255,255,255,.2)}.video-player__seek__handle{position:absolute;z-index:3;opacity:0;border-radius:50%;width:12px;height:12px;top:6px;margin-left:-6px;transition:opacity .1s ease;background:#e1b590;box-shadow:1px 2px 6px rgba(0,0,0,.2);pointer-events:none}.video-player__seek__handle.active{opacity:1}.video-player__seek:hover .video-player__seek__handle{opacity:1}.video-player.detailed .video-player__buttons button,.video-player.fullscreen .video-player__buttons button{padding-top:10px;padding-bottom:10px}.directory__list{width:100%;margin:10px 0;transition:opacity 100ms ease-in}.directory__list.loading{opacity:.7}@media screen and (max-width: 415px){.directory__list{margin:0}}.directory__card{box-sizing:border-box;margin-bottom:10px}.directory__card__img{height:125px;position:relative;background:#000;overflow:hidden}.directory__card__img img{display:block;width:100%;height:100%;margin:0;object-fit:cover}.directory__card__bar{display:flex;align-items:center;background:#192432;padding:10px}.directory__card__bar__name{flex:1 1 auto;display:flex;align-items:center;text-decoration:none;overflow:hidden}.directory__card__bar__relationship{width:23px;min-height:1px;flex:0 0 auto}.directory__card__bar .avatar{flex:0 0 auto;width:48px;height:48px;padding-top:2px}.directory__card__bar .avatar img{width:100%;height:100%;display:block;margin:0;border-radius:4px;background:#040609;object-fit:cover}.directory__card__bar .display-name{margin-left:15px;text-align:left}.directory__card__bar .display-name strong{font-size:15px;color:#fff;font-weight:500;overflow:hidden;text-overflow:ellipsis}.directory__card__bar .display-name span{display:block;font-size:14px;color:#9baec8;font-weight:400;overflow:hidden;text-overflow:ellipsis}.directory__card__extra{background:#121a24;display:flex;align-items:center;justify-content:center}.directory__card__extra .accounts-table__count{width:33.33%;flex:0 0 auto;padding:15px 0}.directory__card__extra .account__header__content{box-sizing:border-box;padding:15px 10px;border-bottom:1px solid #202e3f;width:100%;min-height:48px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.directory__card__extra .account__header__content p{display:none}.directory__card__extra .account__header__content p:first-child{display:inline}.directory__card__extra .account__header__content br{display:none}.account-gallery__container{display:flex;flex-wrap:wrap;padding:4px 2px}.account-gallery__item{border:0;box-sizing:border-box;display:block;position:relative;border-radius:4px;overflow:hidden;margin:2px}.account-gallery__item__icons{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);font-size:24px}.notification__filter-bar,.account__section-headline{background:#0b1016;border-bottom:1px solid #202e3f;cursor:default;display:flex;flex-shrink:0}.notification__filter-bar button,.account__section-headline button{background:#0b1016;border:0;margin:0}.notification__filter-bar button,.notification__filter-bar a,.account__section-headline button,.account__section-headline a{display:block;flex:1 1 auto;color:#9baec8;padding:15px 0;font-size:14px;font-weight:500;text-align:center;text-decoration:none;position:relative}.notification__filter-bar button.active,.notification__filter-bar a.active,.account__section-headline button.active,.account__section-headline a.active{color:#d9e1e8}.notification__filter-bar button.active::before,.notification__filter-bar button.active::after,.notification__filter-bar a.active::before,.notification__filter-bar a.active::after,.account__section-headline button.active::before,.account__section-headline button.active::after,.account__section-headline a.active::before,.account__section-headline a.active::after{display:block;content:\"\";position:absolute;bottom:0;left:50%;width:0;height:0;transform:translateX(-50%);border-style:solid;border-width:0 10px 10px;border-color:transparent transparent #202e3f}.notification__filter-bar button.active::after,.notification__filter-bar a.active::after,.account__section-headline button.active::after,.account__section-headline a.active::after{bottom:-1px;border-color:transparent transparent #121a24}.notification__filter-bar.directory__section-headline,.account__section-headline.directory__section-headline{background:#0f151d;border-bottom-color:transparent}.notification__filter-bar.directory__section-headline a.active::before,.notification__filter-bar.directory__section-headline button.active::before,.account__section-headline.directory__section-headline a.active::before,.account__section-headline.directory__section-headline button.active::before{display:none}.notification__filter-bar.directory__section-headline a.active::after,.notification__filter-bar.directory__section-headline button.active::after,.account__section-headline.directory__section-headline a.active::after,.account__section-headline.directory__section-headline button.active::after{border-color:transparent transparent #06090c}.filter-form{background:#121a24}.filter-form__column{padding:10px 15px}.filter-form .radio-button{display:block}.radio-button{font-size:14px;position:relative;display:inline-block;padding:6px 0;line-height:18px;cursor:default;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;cursor:pointer}.radio-button input[type=radio],.radio-button input[type=checkbox]{display:none}.radio-button__input{display:inline-block;position:relative;border:1px solid #9baec8;box-sizing:border-box;width:18px;height:18px;flex:0 0 auto;margin-right:10px;top:-1px;border-radius:50%;vertical-align:middle}.radio-button__input.checked{border-color:#e1b590;background:#e1b590}::-webkit-scrollbar-thumb{border-radius:0}.search-popout{background:#fff;border-radius:4px;padding:10px 14px;padding-bottom:14px;margin-top:10px;color:#9baec8;box-shadow:2px 4px 15px rgba(0,0,0,.4)}.search-popout h4{color:#9baec8;font-size:14px;font-weight:500;margin-bottom:10px}.search-popout li{padding:4px 0}.search-popout ul{margin-bottom:10px}.search-popout em{font-weight:500;color:#121a24}noscript{text-align:center}noscript img{width:200px;opacity:.5;animation:flicker 4s infinite}noscript div{font-size:14px;margin:30px auto;color:#d9e1e8;max-width:400px}noscript div a{color:#d8a070;text-decoration:underline}noscript div a:hover{text-decoration:none}@keyframes flicker{0%{opacity:1}30%{opacity:.75}100%{opacity:1}}@media screen and (max-width: 630px)and (max-height: 400px){.tabs-bar,.search{will-change:margin-top;transition:margin-top 400ms 100ms}.navigation-bar{will-change:padding-bottom;transition:padding-bottom 400ms 100ms}.navigation-bar>a:first-child{will-change:margin-top,margin-left,margin-right,width;transition:margin-top 400ms 100ms,margin-left 400ms 500ms,margin-right 400ms 500ms}.navigation-bar>.navigation-bar__profile-edit{will-change:margin-top;transition:margin-top 400ms 100ms}.navigation-bar .navigation-bar__actions>.icon-button.close{will-change:opacity transform;transition:opacity 200ms 100ms,transform 400ms 100ms}.navigation-bar .navigation-bar__actions>.compose__action-bar .icon-button{will-change:opacity transform;transition:opacity 200ms 300ms,transform 400ms 100ms}.is-composing .tabs-bar,.is-composing .search{margin-top:-50px}.is-composing .navigation-bar{padding-bottom:0}.is-composing .navigation-bar>a:first-child{margin:-100px 10px 0 -50px}.is-composing .navigation-bar .navigation-bar__profile{padding-top:2px}.is-composing .navigation-bar .navigation-bar__profile-edit{position:absolute;margin-top:-60px}.is-composing .navigation-bar .navigation-bar__actions .icon-button.close{pointer-events:auto;opacity:1;transform:scale(1, 1) translate(0, 0);bottom:5px}.is-composing .navigation-bar .navigation-bar__actions .compose__action-bar .icon-button{pointer-events:none;opacity:0;transform:scale(0, 1) translate(100%, 0)}}.embed-modal{width:auto;max-width:80vw;max-height:80vh}.embed-modal h4{padding:30px;font-weight:500;font-size:16px;text-align:center}.embed-modal .embed-modal__container{padding:10px}.embed-modal .embed-modal__container .hint{margin-bottom:15px}.embed-modal .embed-modal__container .embed-modal__html{outline:0;box-sizing:border-box;display:block;width:100%;border:0;padding:10px;font-family:\"mastodon-font-monospace\",monospace;background:#121a24;color:#fff;font-size:14px;margin:0;margin-bottom:15px;border-radius:4px}.embed-modal .embed-modal__container .embed-modal__html::-moz-focus-inner{border:0}.embed-modal .embed-modal__container .embed-modal__html::-moz-focus-inner,.embed-modal .embed-modal__container .embed-modal__html:focus,.embed-modal .embed-modal__container .embed-modal__html:active{outline:0 !important}.embed-modal .embed-modal__container .embed-modal__html:focus{background:#192432}@media screen and (max-width: 600px){.embed-modal .embed-modal__container .embed-modal__html{font-size:16px}}.embed-modal .embed-modal__container .embed-modal__iframe{width:400px;max-width:100%;overflow:hidden;border:0;border-radius:4px}.account__moved-note{padding:14px 10px;padding-bottom:16px;background:#192432;border-top:1px solid #202e3f;border-bottom:1px solid #202e3f}.account__moved-note__message{position:relative;margin-left:58px;color:#3e5a7c;padding:8px 0;padding-top:0;padding-bottom:4px;font-size:14px}.account__moved-note__message>span{display:block;overflow:hidden;text-overflow:ellipsis}.account__moved-note__icon-wrapper{left:-26px;position:absolute}.account__moved-note .detailed-status__display-avatar{position:relative}.account__moved-note .detailed-status__display-name{margin-bottom:0}.column-inline-form{padding:15px;padding-right:0;display:flex;justify-content:flex-start;align-items:center;background:#192432}.column-inline-form label{flex:1 1 auto}.column-inline-form label input{width:100%}.column-inline-form label input:focus{outline:0}.column-inline-form .icon-button{flex:0 0 auto;margin:0 10px}.drawer__backdrop{cursor:pointer;position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.5)}.list-editor{background:#121a24;flex-direction:column;border-radius:8px;box-shadow:2px 4px 15px rgba(0,0,0,.4);width:380px;overflow:hidden}@media screen and (max-width: 420px){.list-editor{width:90%}}.list-editor h4{padding:15px 0;background:#283a50;font-weight:500;font-size:16px;text-align:center;border-radius:8px 8px 0 0}.list-editor .drawer__pager{height:50vh}.list-editor .drawer__inner{border-radius:0 0 8px 8px}.list-editor .drawer__inner.backdrop{width:calc(100% - 60px);box-shadow:2px 4px 15px rgba(0,0,0,.4);border-radius:0 0 0 8px}.list-editor__accounts{overflow-y:auto}.list-editor .account__display-name:hover strong{text-decoration:none}.list-editor .account__avatar{cursor:default}.list-editor .search{margin-bottom:0}.list-adder{background:#121a24;flex-direction:column;border-radius:8px;box-shadow:2px 4px 15px rgba(0,0,0,.4);width:380px;overflow:hidden}@media screen and (max-width: 420px){.list-adder{width:90%}}.list-adder__account{background:#283a50}.list-adder__lists{background:#283a50;height:50vh;border-radius:0 0 8px 8px;overflow-y:auto}.list-adder .list{padding:10px;border-bottom:1px solid #202e3f}.list-adder .list__wrapper{display:flex}.list-adder .list__display-name{flex:1 1 auto;overflow:hidden;text-decoration:none;font-size:16px;padding:10px}.focal-point{position:relative;cursor:move;overflow:hidden;height:100%;display:flex;justify-content:center;align-items:center;background:#000}.focal-point img,.focal-point video,.focal-point canvas{display:block;max-height:80vh;width:100%;height:auto;margin:0;object-fit:contain;background:#000}.focal-point__reticle{position:absolute;width:100px;height:100px;transform:translate(-50%, -50%);background:url(\"~images/reticle.png\") no-repeat 0 0;border-radius:50%;box-shadow:0 0 0 9999em rgba(0,0,0,.35)}.focal-point__overlay{position:absolute;width:100%;height:100%;top:0;left:0}.focal-point__preview{position:absolute;bottom:10px;right:10px;z-index:2;cursor:move;transition:opacity .1s ease}.focal-point__preview:hover{opacity:.5}.focal-point__preview strong{color:#fff;font-size:14px;font-weight:500;display:block;margin-bottom:5px}.focal-point__preview div{border-radius:4px;box-shadow:0 0 14px rgba(0,0,0,.2)}@media screen and (max-width: 480px){.focal-point img,.focal-point video{max-height:100%}.focal-point__preview{display:none}}.account__header__content{color:#9baec8;font-size:14px;font-weight:400;overflow:hidden;word-break:normal;word-wrap:break-word}.account__header__content p{margin-bottom:20px}.account__header__content p:last-child{margin-bottom:0}.account__header__content a{color:inherit;text-decoration:underline}.account__header__content a:hover{text-decoration:none}.account__header{overflow:hidden}.account__header.inactive{opacity:.5}.account__header.inactive .account__header__image,.account__header.inactive .account__avatar{filter:grayscale(100%)}.account__header__info{position:absolute;top:10px;left:10px}.account__header__image{overflow:hidden;height:145px;position:relative;background:#0b1016}.account__header__image img{object-fit:cover;display:block;width:100%;height:100%;margin:0}.account__header__bar{position:relative;background:#192432;padding:5px;border-bottom:1px solid #26374d}.account__header__bar .avatar{display:block;flex:0 0 auto;width:94px;margin-left:-2px}.account__header__bar .avatar .account__avatar{background:#040609;border:2px solid #192432}.account__header__tabs{display:flex;align-items:flex-start;padding:7px 5px;margin-top:-55px}.account__header__tabs__buttons{display:flex;align-items:center;padding-top:55px;overflow:hidden}.account__header__tabs__buttons .icon-button{border:1px solid #26374d;border-radius:4px;box-sizing:content-box;padding:2px}.account__header__tabs__buttons .button{margin:0 8px}.account__header__tabs__name{padding:5px}.account__header__tabs__name .account-role{vertical-align:top}.account__header__tabs__name .emojione{width:22px;height:22px}.account__header__tabs__name h1{font-size:16px;line-height:24px;color:#fff;font-weight:500;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.account__header__tabs__name h1 small{display:block;font-size:14px;color:#9baec8;font-weight:400;overflow:hidden;text-overflow:ellipsis}.account__header__tabs .spacer{flex:1 1 auto}.account__header__bio{overflow:hidden;margin:0 -5px}.account__header__bio .account__header__content{padding:20px 15px;padding-bottom:5px;color:#fff}.account__header__bio .account__header__fields{margin:0;border-top:1px solid #26374d}.account__header__bio .account__header__fields a{color:#e1b590}.account__header__bio .account__header__fields dl:first-child .verified{border-radius:0 4px 0 0}.account__header__bio .account__header__fields .verified a{color:#79bd9a}.account__header__extra{margin-top:4px}.account__header__extra__links{font-size:14px;color:#9baec8;padding:10px 0}.account__header__extra__links a{display:inline-block;color:#9baec8;text-decoration:none;padding:5px 10px;font-weight:500}.account__header__extra__links a strong{font-weight:700;color:#fff}.trends__header{color:#3e5a7c;background:#151f2b;border-bottom:1px solid #0b1016;font-weight:500;padding:15px;font-size:16px;cursor:default}.trends__header .fa{display:inline-block;margin-right:5px}.trends__item{display:flex;align-items:center;padding:15px;border-bottom:1px solid #202e3f}.trends__item:last-child{border-bottom:0}.trends__item__name{flex:1 1 auto;color:#3e5a7c;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.trends__item__name strong{font-weight:500}.trends__item__name a{color:#9baec8;text-decoration:none;font-size:14px;font-weight:500;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.trends__item__name a:hover span,.trends__item__name a:focus span,.trends__item__name a:active span{text-decoration:underline}.trends__item__current{flex:0 0 auto;font-size:24px;line-height:36px;font-weight:500;text-align:right;padding-right:15px;margin-left:5px;color:#d9e1e8}.trends__item__sparkline{flex:0 0 auto;width:50px}.trends__item__sparkline path:first-child{fill:rgba(216,160,112,.25) !important;fill-opacity:1 !important}.trends__item__sparkline path:last-child{stroke:#dfb088 !important}.conversation{display:flex;border-bottom:1px solid #202e3f;padding:5px;padding-bottom:0}.conversation:focus{background:#151f2b;outline:0}.conversation__avatar{flex:0 0 auto;padding:10px;padding-top:12px;position:relative}.conversation__unread{display:inline-block;background:#d8a070;border-radius:50%;width:.625rem;height:.625rem;margin:-0.1ex .15em .1ex}.conversation__content{flex:1 1 auto;padding:10px 5px;padding-right:15px;overflow:hidden}.conversation__content__info{overflow:hidden;display:flex;flex-direction:row-reverse;justify-content:space-between}.conversation__content__relative-time{font-size:15px;color:#9baec8;padding-left:15px}.conversation__content__names{color:#9baec8;font-size:15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:4px;flex-basis:90px;flex-grow:1}.conversation__content__names a{color:#fff;text-decoration:none}.conversation__content__names a:hover,.conversation__content__names a:focus,.conversation__content__names a:active{text-decoration:underline}.conversation__content a{word-break:break-word}.conversation--unread{background:#151f2b}.conversation--unread:focus{background:#192432}.conversation--unread .conversation__content__info{font-weight:700}.conversation--unread .conversation__content__relative-time{color:#fff}.poll{margin-top:16px;font-size:14px}.poll li{margin-bottom:10px;position:relative}.poll__chart{position:absolute;top:0;left:0;height:100%;display:inline-block;border-radius:4px;background:#6d89af}.poll__chart.leading{background:#d8a070}.poll__text{position:relative;display:flex;padding:6px 0;line-height:18px;cursor:default;overflow:hidden}.poll__text input[type=radio],.poll__text input[type=checkbox]{display:none}.poll__text .autossugest-input{flex:1 1 auto}.poll__text input[type=text]{display:block;box-sizing:border-box;width:100%;font-size:14px;color:#121a24;outline:0;font-family:inherit;background:#fff;border:1px solid #dbdbdb;border-radius:4px;padding:6px 10px}.poll__text input[type=text]:focus{border-color:#d8a070}.poll__text.selectable{cursor:pointer}.poll__text.editable{display:flex;align-items:center;overflow:visible}.poll__input{display:inline-block;position:relative;border:1px solid #9baec8;box-sizing:border-box;width:18px;height:18px;flex:0 0 auto;margin-right:10px;top:-1px;border-radius:50%;vertical-align:middle;margin-top:auto;margin-bottom:auto;flex:0 0 18px}.poll__input.checkbox{border-radius:4px}.poll__input.active{border-color:#79bd9a;background:#79bd9a}.poll__input:active,.poll__input:focus,.poll__input:hover{border-width:4px;background:none}.poll__input::-moz-focus-inner{outline:0 !important;border:0}.poll__input:focus,.poll__input:active{outline:0 !important}.poll__number{display:inline-block;width:52px;font-weight:700;padding:0 10px;padding-left:8px;text-align:right;margin-top:auto;margin-bottom:auto;flex:0 0 52px}.poll__vote__mark{float:left;line-height:18px}.poll__footer{padding-top:6px;padding-bottom:5px;color:#3e5a7c}.poll__link{display:inline;background:transparent;padding:0;margin:0;border:0;color:#3e5a7c;text-decoration:underline;font-size:inherit}.poll__link:hover{text-decoration:none}.poll__link:active,.poll__link:focus{background-color:rgba(62,90,124,.1)}.poll .button{height:36px;padding:0 16px;margin-right:10px;font-size:14px}.compose-form__poll-wrapper{border-top:1px solid #ebebeb}.compose-form__poll-wrapper ul{padding:10px}.compose-form__poll-wrapper .poll__footer{border-top:1px solid #ebebeb;padding:10px;display:flex;align-items:center}.compose-form__poll-wrapper .poll__footer button,.compose-form__poll-wrapper .poll__footer select{flex:1 1 50%}.compose-form__poll-wrapper .poll__footer button:focus,.compose-form__poll-wrapper .poll__footer select:focus{border-color:#d8a070}.compose-form__poll-wrapper .button.button-secondary{font-size:14px;font-weight:400;padding:6px 10px;height:auto;line-height:inherit;color:#3e5a7c;border-color:#3e5a7c;margin-right:5px}.compose-form__poll-wrapper li{display:flex;align-items:center}.compose-form__poll-wrapper li .poll__text{flex:0 0 auto;width:calc(100% - (23px + 6px));margin-right:6px}.compose-form__poll-wrapper select{appearance:none;box-sizing:border-box;font-size:14px;color:#121a24;display:inline-block;width:auto;outline:0;font-family:inherit;background:#fff url(\"data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14.933 18.467' height='19.698' width='15.929'><path d='M3.467 14.967l-3.393-3.5H14.86l-3.392 3.5c-1.866 1.925-3.666 3.5-4 3.5-.335 0-2.135-1.575-4-3.5zm.266-11.234L7.467 0 11.2 3.733l3.733 3.734H0l3.733-3.734z' fill='%23DBDBDB'/></svg>\") no-repeat right 8px center/auto 16px;border:1px solid #dbdbdb;border-radius:4px;padding:6px 10px;padding-right:30px}.compose-form__poll-wrapper .icon-button.disabled{color:#dbdbdb}.muted .poll{color:#3e5a7c}.muted .poll__chart{background:rgba(109,137,175,.2)}.muted .poll__chart.leading{background:rgba(216,160,112,.2)}.modal-layout{background:#121a24 url('data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 234.80078 31.757813\" width=\"234.80078\" height=\"31.757812\"><path d=\"M19.599609 0c-1.05 0-2.10039.375-2.90039 1.125L0 16.925781v14.832031h234.80078V17.025391l-16.5-15.900391c-1.6-1.5-4.20078-1.5-5.80078 0l-13.80078 13.099609c-1.6 1.5-4.19883 1.5-5.79883 0L179.09961 1.125c-1.6-1.5-4.19883-1.5-5.79883 0L159.5 14.224609c-1.6 1.5-4.20078 1.5-5.80078 0L139.90039 1.125c-1.6-1.5-4.20078-1.5-5.80078 0l-13.79883 13.099609c-1.6 1.5-4.20078 1.5-5.80078 0L100.69922 1.125c-1.600001-1.5-4.198829-1.5-5.798829 0l-13.59961 13.099609c-1.6 1.5-4.200781 1.5-5.800781 0L61.699219 1.125c-1.6-1.5-4.198828-1.5-5.798828 0L42.099609 14.224609c-1.6 1.5-4.198828 1.5-5.798828 0L22.5 1.125C21.7.375 20.649609 0 19.599609 0z\" fill=\"%233E5A7C\"/></svg>') repeat-x bottom fixed;display:flex;flex-direction:column;height:100vh;padding:0}.modal-layout__mastodon{display:flex;flex:1;flex-direction:column;justify-content:flex-end}.modal-layout__mastodon>*{flex:1;max-height:235px}@media screen and (max-width: 600px){.account-header{margin-top:0}}.emoji-mart{font-size:13px;display:inline-block;color:#121a24}.emoji-mart,.emoji-mart *{box-sizing:border-box;line-height:1.15}.emoji-mart .emoji-mart-emoji{padding:6px}.emoji-mart-bar{border:0 solid #c0cdd9}.emoji-mart-bar:first-child{border-bottom-width:1px;border-top-left-radius:5px;border-top-right-radius:5px;background:#d9e1e8}.emoji-mart-bar:last-child{border-top-width:1px;border-bottom-left-radius:5px;border-bottom-right-radius:5px;display:none}.emoji-mart-anchors{display:flex;justify-content:space-between;padding:0 6px;color:#3e5a7c;line-height:0}.emoji-mart-anchor{position:relative;flex:1;text-align:center;padding:12px 4px;overflow:hidden;transition:color .1s ease-out;cursor:pointer}.emoji-mart-anchor:hover{color:#37506f}.emoji-mart-anchor-selected{color:#d8a070}.emoji-mart-anchor-selected:hover{color:#d49560}.emoji-mart-anchor-selected .emoji-mart-anchor-bar{bottom:-1px}.emoji-mart-anchor-bar{position:absolute;bottom:-5px;left:0;width:100%;height:4px;background-color:#d8a070}.emoji-mart-anchors i{display:inline-block;width:100%;max-width:22px}.emoji-mart-anchors svg{fill:currentColor;max-height:18px}.emoji-mart-scroll{overflow-y:scroll;height:270px;max-height:35vh;padding:0 6px 6px;background:#fff;will-change:transform}.emoji-mart-scroll::-webkit-scrollbar-track:hover,.emoji-mart-scroll::-webkit-scrollbar-track:active{background-color:rgba(0,0,0,.3)}.emoji-mart-search{padding:10px;padding-right:45px;background:#fff}.emoji-mart-search input{font-size:14px;font-weight:400;padding:7px 9px;font-family:inherit;display:block;width:100%;background:rgba(217,225,232,.3);color:#121a24;border:1px solid #d9e1e8;border-radius:4px}.emoji-mart-search input::-moz-focus-inner{border:0}.emoji-mart-search input::-moz-focus-inner,.emoji-mart-search input:focus,.emoji-mart-search input:active{outline:0 !important}.emoji-mart-category .emoji-mart-emoji{cursor:pointer}.emoji-mart-category .emoji-mart-emoji span{z-index:1;position:relative;text-align:center}.emoji-mart-category .emoji-mart-emoji:hover::before{z-index:0;content:\"\";position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(217,225,232,.7);border-radius:100%}.emoji-mart-category-label{z-index:2;position:relative;position:-webkit-sticky;position:sticky;top:0}.emoji-mart-category-label span{display:block;width:100%;font-weight:500;padding:5px 6px;background:#fff}.emoji-mart-emoji{position:relative;display:inline-block;font-size:0}.emoji-mart-emoji span{width:22px;height:22px}.emoji-mart-no-results{font-size:14px;text-align:center;padding-top:70px;color:#9baec8}.emoji-mart-no-results .emoji-mart-category-label{display:none}.emoji-mart-no-results .emoji-mart-no-results-label{margin-top:.2em}.emoji-mart-no-results .emoji-mart-emoji:hover::before{content:none}.emoji-mart-preview{display:none}.container{box-sizing:border-box;max-width:1235px;margin:0 auto;position:relative}@media screen and (max-width: 1255px){.container{width:100%;padding:0 10px}}.rich-formatting{font-family:\"mastodon-font-sans-serif\",sans-serif;font-size:14px;font-weight:400;line-height:1.7;word-wrap:break-word;color:#9baec8}.rich-formatting a{color:#d8a070;text-decoration:underline}.rich-formatting a:hover,.rich-formatting a:focus,.rich-formatting a:active{text-decoration:none}.rich-formatting p,.rich-formatting li{color:#9baec8}.rich-formatting p{margin-top:0;margin-bottom:.85em}.rich-formatting p:last-child{margin-bottom:0}.rich-formatting strong{font-weight:700;color:#d9e1e8}.rich-formatting em{font-style:italic;color:#d9e1e8}.rich-formatting code{font-size:.85em;background:#040609;border-radius:4px;padding:.2em .3em}.rich-formatting h1,.rich-formatting h2,.rich-formatting h3,.rich-formatting h4,.rich-formatting h5,.rich-formatting h6{font-family:\"mastodon-font-display\",sans-serif;margin-top:1.275em;margin-bottom:.85em;font-weight:500;color:#d9e1e8}.rich-formatting h1{font-size:2em}.rich-formatting h2{font-size:1.75em}.rich-formatting h3{font-size:1.5em}.rich-formatting h4{font-size:1.25em}.rich-formatting h5,.rich-formatting h6{font-size:1em}.rich-formatting ul{list-style:disc}.rich-formatting ol{list-style:decimal}.rich-formatting ul,.rich-formatting ol{margin:0;padding:0;padding-left:2em;margin-bottom:.85em}.rich-formatting ul[type=a],.rich-formatting ol[type=a]{list-style-type:lower-alpha}.rich-formatting ul[type=i],.rich-formatting ol[type=i]{list-style-type:lower-roman}.rich-formatting hr{width:100%;height:0;border:0;border-bottom:1px solid #192432;margin:1.7em 0}.rich-formatting hr.spacer{height:1px;border:0}.rich-formatting table{width:100%;border-collapse:collapse;break-inside:auto;margin-top:24px;margin-bottom:32px}.rich-formatting table thead tr,.rich-formatting table tbody tr{border-bottom:1px solid #192432;font-size:1em;line-height:1.625;font-weight:400;text-align:left;color:#9baec8}.rich-formatting table thead tr{border-bottom-width:2px;line-height:1.5;font-weight:500;color:#3e5a7c}.rich-formatting table th,.rich-formatting table td{padding:8px;align-self:start;align-items:start;word-break:break-all}.rich-formatting table th.nowrap,.rich-formatting table td.nowrap{width:25%;position:relative}.rich-formatting table th.nowrap::before,.rich-formatting table td.nowrap::before{content:\"&nbsp;\";visibility:hidden}.rich-formatting table th.nowrap span,.rich-formatting table td.nowrap span{position:absolute;left:8px;right:8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.rich-formatting>:first-child{margin-top:0}.information-board{background:#0b1016;padding:20px 0}.information-board .container-alt{position:relative;padding-right:295px}.information-board__sections{display:flex;justify-content:space-between;flex-wrap:wrap}.information-board__section{flex:1 0 0;font-family:\"mastodon-font-sans-serif\",sans-serif;font-size:16px;line-height:28px;color:#fff;text-align:right;padding:10px 15px}.information-board__section span,.information-board__section strong{display:block}.information-board__section span:last-child{color:#d9e1e8}.information-board__section strong{font-family:\"mastodon-font-display\",sans-serif;font-weight:500;font-size:32px;line-height:48px}@media screen and (max-width: 700px){.information-board__section{text-align:center}}.information-board .panel{position:absolute;width:280px;box-sizing:border-box;background:#040609;padding:20px;padding-top:10px;border-radius:4px 4px 0 0;right:0;bottom:-40px}.information-board .panel .panel-header{font-family:\"mastodon-font-display\",sans-serif;font-size:14px;line-height:24px;font-weight:500;color:#9baec8;padding-bottom:5px;margin-bottom:15px;border-bottom:1px solid #192432;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.information-board .panel .panel-header a,.information-board .panel .panel-header span{font-weight:400;color:#7a93b6}.information-board .panel .panel-header a{text-decoration:none}.information-board .owner{text-align:center}.information-board .owner .avatar{width:80px;height:80px;margin:0 auto;margin-bottom:15px}.information-board .owner .avatar img{display:block;width:80px;height:80px;border-radius:48px}.information-board .owner .name{font-size:14px}.information-board .owner .name a{display:block;color:#fff;text-decoration:none}.information-board .owner .name a:hover .display_name{text-decoration:underline}.information-board .owner .name .username{display:block;color:#9baec8}.landing-page p,.landing-page li{font-family:\"mastodon-font-sans-serif\",sans-serif;font-size:16px;font-weight:400;font-size:16px;line-height:30px;margin-bottom:12px;color:#9baec8}.landing-page p a,.landing-page li a{color:#d8a070;text-decoration:underline}.landing-page em{display:inline;margin:0;padding:0;font-weight:700;background:transparent;font-family:inherit;font-size:inherit;line-height:inherit;color:#bcc9da}.landing-page h1{font-family:\"mastodon-font-display\",sans-serif;font-size:26px;line-height:30px;font-weight:500;margin-bottom:20px;color:#d9e1e8}.landing-page h1 small{font-family:\"mastodon-font-sans-serif\",sans-serif;display:block;font-size:18px;font-weight:400;color:#bcc9da}.landing-page h2{font-family:\"mastodon-font-display\",sans-serif;font-size:22px;line-height:26px;font-weight:500;margin-bottom:20px;color:#d9e1e8}.landing-page h3{font-family:\"mastodon-font-display\",sans-serif;font-size:18px;line-height:24px;font-weight:500;margin-bottom:20px;color:#d9e1e8}.landing-page h4{font-family:\"mastodon-font-display\",sans-serif;font-size:16px;line-height:24px;font-weight:500;margin-bottom:20px;color:#d9e1e8}.landing-page h5{font-family:\"mastodon-font-display\",sans-serif;font-size:14px;line-height:24px;font-weight:500;margin-bottom:20px;color:#d9e1e8}.landing-page h6{font-family:\"mastodon-font-display\",sans-serif;font-size:12px;line-height:24px;font-weight:500;margin-bottom:20px;color:#d9e1e8}.landing-page ul,.landing-page ol{margin-left:20px}.landing-page ul[type=a],.landing-page ol[type=a]{list-style-type:lower-alpha}.landing-page ul[type=i],.landing-page ol[type=i]{list-style-type:lower-roman}.landing-page ul{list-style:disc}.landing-page ol{list-style:decimal}.landing-page li>ol,.landing-page li>ul{margin-top:6px}.landing-page hr{width:100%;height:0;border:0;border-bottom:1px solid rgba(62,90,124,.6);margin:20px 0}.landing-page hr.spacer{height:1px;border:0}.landing-page__information,.landing-page__forms{padding:20px}.landing-page__call-to-action{background:#121a24;border-radius:4px;padding:25px 40px;overflow:hidden;box-sizing:border-box}.landing-page__call-to-action .row{width:100%;display:flex;flex-direction:row-reverse;flex-wrap:nowrap;justify-content:space-between;align-items:center}.landing-page__call-to-action .row__information-board{display:flex;justify-content:flex-end;align-items:flex-end}.landing-page__call-to-action .row__information-board .information-board__section{flex:1 0 auto;padding:0 10px}@media screen and (max-width: 415px){.landing-page__call-to-action .row__information-board{width:100%;justify-content:space-between}}.landing-page__call-to-action .row__mascot{flex:1;margin:10px -50px 0 0}@media screen and (max-width: 415px){.landing-page__call-to-action .row__mascot{display:none}}.landing-page__logo{margin-right:20px}.landing-page__logo img{height:50px;width:auto;mix-blend-mode:lighten}.landing-page__information{padding:45px 40px;margin-bottom:10px}.landing-page__information:last-child{margin-bottom:0}.landing-page__information strong{font-weight:500;color:#bcc9da}.landing-page__information .account{border-bottom:0;padding:0}.landing-page__information .account__display-name{align-items:center;display:flex;margin-right:5px}.landing-page__information .account div.account__display-name:hover .display-name strong{text-decoration:none}.landing-page__information .account div.account__display-name .account__avatar{cursor:default}.landing-page__information .account__avatar-wrapper{margin-left:0;flex:0 0 auto}.landing-page__information .account__avatar{width:44px;height:44px;background-size:44px 44px}.landing-page__information .account .display-name{font-size:15px}.landing-page__information .account .display-name__account{font-size:14px}@media screen and (max-width: 960px){.landing-page__information .contact{margin-top:30px}}@media screen and (max-width: 700px){.landing-page__information{padding:25px 20px}}.landing-page__information,.landing-page__forms,.landing-page #mastodon-timeline{box-sizing:border-box;background:#121a24;border-radius:4px;box-shadow:0 0 6px rgba(0,0,0,.1)}.landing-page__mascot{height:104px;position:relative;left:-40px;bottom:25px}.landing-page__mascot img{height:190px;width:auto}.landing-page__short-description .row{display:flex;flex-wrap:wrap;align-items:center;margin-bottom:40px}@media screen and (max-width: 700px){.landing-page__short-description .row{margin-bottom:20px}}.landing-page__short-description p a{color:#d9e1e8}.landing-page__short-description h1{font-weight:500;color:#fff;margin-bottom:0}.landing-page__short-description h1 small{color:#9baec8}.landing-page__short-description h1 small span{color:#d9e1e8}.landing-page__short-description p:last-child{margin-bottom:0}.landing-page__hero{margin-bottom:10px}.landing-page__hero img{display:block;margin:0;max-width:100%;height:auto;border-radius:4px}@media screen and (max-width: 840px){.landing-page .information-board .container-alt{padding-right:20px}.landing-page .information-board .panel{position:static;margin-top:20px;width:100%;border-radius:4px}.landing-page .information-board .panel .panel-header{text-align:center}}@media screen and (max-width: 675px){.landing-page .header-wrapper{padding-top:0}.landing-page .header-wrapper.compact{padding-bottom:0}.landing-page .header-wrapper.compact .hero .heading{text-align:initial}.landing-page .header .container-alt,.landing-page .features .container-alt{display:block}}.landing-page .cta{margin:20px}.landing{margin-bottom:100px}@media screen and (max-width: 738px){.landing{margin-bottom:0}}.landing__brand{display:flex;justify-content:center;align-items:center;padding:50px}.landing__brand svg{fill:#fff;height:52px}@media screen and (max-width: 415px){.landing__brand{padding:0;margin-bottom:30px}}.landing .directory{margin-top:30px;background:transparent;box-shadow:none;border-radius:0}.landing .hero-widget{margin-top:30px;margin-bottom:0}.landing .hero-widget h4{padding:10px;font-weight:700;font-size:14px;color:#9baec8}.landing .hero-widget__text{border-radius:0;padding-bottom:0}.landing .hero-widget__footer{background:#121a24;padding:10px;border-radius:0 0 4px 4px;display:flex}.landing .hero-widget__footer__column{flex:1 1 50%}.landing .hero-widget .account{padding:10px 0;border-bottom:0}.landing .hero-widget .account .account__display-name{display:flex;align-items:center}.landing .hero-widget .account .account__avatar{width:44px;height:44px;background-size:44px 44px}.landing .hero-widget__counter{padding:10px}.landing .hero-widget__counter strong{font-family:\"mastodon-font-display\",sans-serif;font-size:15px;font-weight:700;display:block}.landing .hero-widget__counter span{font-size:14px;color:#9baec8}.landing .simple_form .user_agreement .label_input>label{font-weight:400;color:#9baec8}.landing .simple_form p.lead{color:#9baec8;font-size:15px;line-height:20px;font-weight:400;margin-bottom:25px}.landing__grid{max-width:960px;margin:0 auto;display:grid;grid-template-columns:minmax(0, 50%) minmax(0, 50%);grid-gap:30px}@media screen and (max-width: 738px){.landing__grid{grid-template-columns:minmax(0, 100%);grid-gap:10px}.landing__grid__column-login{grid-row:1;display:flex;flex-direction:column}.landing__grid__column-login .box-widget{order:2;flex:0 0 auto}.landing__grid__column-login .hero-widget{margin-top:0;margin-bottom:10px;order:1;flex:0 0 auto}.landing__grid__column-registration{grid-row:2}.landing__grid .directory{margin-top:10px}}@media screen and (max-width: 415px){.landing__grid{grid-gap:0}.landing__grid .hero-widget{display:block;margin-bottom:0;box-shadow:none}.landing__grid .hero-widget__img,.landing__grid .hero-widget__img img,.landing__grid .hero-widget__footer{border-radius:0}.landing__grid .hero-widget,.landing__grid .box-widget,.landing__grid .directory__tag{border-bottom:1px solid #202e3f}.landing__grid .directory{margin-top:0}.landing__grid .directory__tag{margin-bottom:0}.landing__grid .directory__tag>a,.landing__grid .directory__tag>div{border-radius:0;box-shadow:none}.landing__grid .directory__tag:last-child{border-bottom:0}}.brand{position:relative;text-decoration:none}.brand__tagline{display:block;position:absolute;bottom:-10px;left:50px;width:300px;color:#9baec8;text-decoration:none;font-size:14px}@media screen and (max-width: 415px){.brand__tagline{position:static;width:auto;margin-top:20px;color:#3e5a7c}}.table{width:100%;max-width:100%;border-spacing:0;border-collapse:collapse}.table th,.table td{padding:8px;line-height:18px;vertical-align:top;border-top:1px solid #121a24;text-align:left;background:#0b1016}.table>thead>tr>th{vertical-align:bottom;border-bottom:2px solid #121a24;border-top:0;font-weight:500}.table>tbody>tr>th{font-weight:500}.table>tbody>tr:nth-child(odd)>td,.table>tbody>tr:nth-child(odd)>th{background:#121a24}.table a{color:#d8a070;text-decoration:underline}.table a:hover{text-decoration:none}.table strong{font-weight:500}.table strong:lang(ja){font-weight:700}.table strong:lang(ko){font-weight:700}.table strong:lang(zh-CN){font-weight:700}.table strong:lang(zh-HK){font-weight:700}.table strong:lang(zh-TW){font-weight:700}.table.inline-table>tbody>tr:nth-child(odd)>td,.table.inline-table>tbody>tr:nth-child(odd)>th{background:transparent}.table.inline-table>tbody>tr:first-child>td,.table.inline-table>tbody>tr:first-child>th{border-top:0}.table.batch-table>thead>tr>th{background:#121a24;border-top:1px solid #040609;border-bottom:1px solid #040609}.table.batch-table>thead>tr>th:first-child{border-radius:4px 0 0;border-left:1px solid #040609}.table.batch-table>thead>tr>th:last-child{border-radius:0 4px 0 0;border-right:1px solid #040609}.table--invites tbody td{vertical-align:middle}.table-wrapper{overflow:auto;margin-bottom:20px}samp{font-family:\"mastodon-font-monospace\",monospace}button.table-action-link{background:transparent;border:0;font:inherit}button.table-action-link,a.table-action-link{text-decoration:none;display:inline-block;margin-right:5px;padding:0 10px;color:#9baec8;font-weight:500}button.table-action-link:hover,a.table-action-link:hover{color:#fff}button.table-action-link i.fa,a.table-action-link i.fa{font-weight:400;margin-right:5px}button.table-action-link:first-child,a.table-action-link:first-child{padding-left:0}.batch-table__toolbar,.batch-table__row{display:flex}.batch-table__toolbar__select,.batch-table__row__select{box-sizing:border-box;padding:8px 16px;cursor:pointer;min-height:100%}.batch-table__toolbar__select input,.batch-table__row__select input{margin-top:8px}.batch-table__toolbar__select--aligned,.batch-table__row__select--aligned{display:flex;align-items:center}.batch-table__toolbar__select--aligned input,.batch-table__row__select--aligned input{margin-top:0}.batch-table__toolbar__actions,.batch-table__toolbar__content,.batch-table__row__actions,.batch-table__row__content{padding:8px 0;padding-right:16px;flex:1 1 auto}.batch-table__toolbar{border:1px solid #040609;background:#121a24;border-radius:4px 0 0;height:47px;align-items:center}.batch-table__toolbar__actions{text-align:right;padding-right:11px}.batch-table__form{padding:16px;border:1px solid #040609;border-top:0;background:#121a24}.batch-table__form .fields-row{padding-top:0;margin-bottom:0}.batch-table__row{border:1px solid #040609;border-top:0;background:#0b1016}@media screen and (max-width: 415px){.optional .batch-table__row:first-child{border-top:1px solid #040609}}.batch-table__row:hover{background:#0f151d}.batch-table__row:nth-child(even){background:#121a24}.batch-table__row:nth-child(even):hover{background:#151f2b}.batch-table__row__content{padding-top:12px;padding-bottom:16px}.batch-table__row__content--unpadded{padding:0}.batch-table__row__content--with-image{display:flex;align-items:center}.batch-table__row__content__image{flex:0 0 auto;display:flex;justify-content:center;align-items:center;margin-right:10px}.batch-table__row__content__image .emojione{width:32px;height:32px}.batch-table__row__content__text{flex:1 1 auto}.batch-table__row__content__extra{flex:0 0 auto;text-align:right;color:#9baec8;font-weight:500}.batch-table__row .directory__tag{margin:0;width:100%}.batch-table__row .directory__tag a{background:transparent;border-radius:0}@media screen and (max-width: 415px){.batch-table.optional .batch-table__toolbar,.batch-table.optional .batch-table__row__select{display:none}}.batch-table .status__content{padding-top:0}.batch-table .status__content summary{display:list-item}.batch-table .status__content strong{font-weight:700}.batch-table .nothing-here{border:1px solid #040609;border-top:0;box-shadow:none}@media screen and (max-width: 415px){.batch-table .nothing-here{border-top:1px solid #040609}}@media screen and (max-width: 870px){.batch-table .accounts-table tbody td.optional{display:none}}.admin-wrapper{display:flex;justify-content:center;width:100%;min-height:100vh}.admin-wrapper .sidebar-wrapper{min-height:100vh;overflow:hidden;pointer-events:none;flex:1 1 auto}.admin-wrapper .sidebar-wrapper__inner{display:flex;justify-content:flex-end;background:#121a24;height:100%}.admin-wrapper .sidebar{width:240px;padding:0;pointer-events:auto}.admin-wrapper .sidebar__toggle{display:none;background:#202e3f;height:48px}.admin-wrapper .sidebar__toggle__logo{flex:1 1 auto}.admin-wrapper .sidebar__toggle__logo a{display:inline-block;padding:15px}.admin-wrapper .sidebar__toggle__logo svg{fill:#fff;height:20px;position:relative;bottom:-2px}.admin-wrapper .sidebar__toggle__icon{display:block;color:#9baec8;text-decoration:none;flex:0 0 auto;font-size:20px;padding:15px}.admin-wrapper .sidebar__toggle a:hover,.admin-wrapper .sidebar__toggle a:focus,.admin-wrapper .sidebar__toggle a:active{background:#26374d}.admin-wrapper .sidebar .logo{display:block;margin:40px auto;width:100px;height:100px}@media screen and (max-width: 600px){.admin-wrapper .sidebar>a:first-child{display:none}}.admin-wrapper .sidebar ul{list-style:none;border-radius:4px 0 0 4px;overflow:hidden;margin-bottom:20px}@media screen and (max-width: 600px){.admin-wrapper .sidebar ul{margin-bottom:0}}.admin-wrapper .sidebar ul a{display:block;padding:15px;color:#9baec8;text-decoration:none;transition:all 200ms linear;transition-property:color,background-color;border-radius:4px 0 0 4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.admin-wrapper .sidebar ul a i.fa{margin-right:5px}.admin-wrapper .sidebar ul a:hover{color:#fff;background-color:#0a0e13;transition:all 100ms linear;transition-property:color,background-color}.admin-wrapper .sidebar ul a.selected{background:#0f151d;border-radius:4px 0 0}.admin-wrapper .sidebar ul ul{background:#0b1016;border-radius:0 0 0 4px;margin:0}.admin-wrapper .sidebar ul ul a{border:0;padding:15px 35px}.admin-wrapper .sidebar ul .simple-navigation-active-leaf a{color:#fff;background-color:#d8a070;border-bottom:0;border-radius:0}.admin-wrapper .sidebar ul .simple-navigation-active-leaf a:hover{background-color:#ddad84}.admin-wrapper .sidebar>ul>.simple-navigation-active-leaf a{border-radius:4px 0 0 4px}.admin-wrapper .content-wrapper{box-sizing:border-box;width:100%;max-width:840px;flex:1 1 auto}@media screen and (max-width: 1080px){.admin-wrapper .sidebar-wrapper--empty{display:none}.admin-wrapper .sidebar-wrapper{width:240px;flex:0 0 auto}}@media screen and (max-width: 600px){.admin-wrapper .sidebar-wrapper{width:100%}}.admin-wrapper .content{padding:20px 15px;padding-top:60px;padding-left:25px}@media screen and (max-width: 600px){.admin-wrapper .content{max-width:none;padding:15px;padding-top:30px}}.admin-wrapper .content-heading{display:flex;padding-bottom:40px;border-bottom:1px solid #202e3f;margin:-15px -15px 40px 0;flex-wrap:wrap;align-items:center;justify-content:space-between}.admin-wrapper .content-heading>*{margin-top:15px;margin-right:15px}.admin-wrapper .content-heading-actions{display:inline-flex}.admin-wrapper .content-heading-actions>:not(:first-child){margin-left:5px}@media screen and (max-width: 600px){.admin-wrapper .content-heading{border-bottom:0;padding-bottom:0}}.admin-wrapper .content h2{color:#d9e1e8;font-size:24px;line-height:28px;font-weight:400}@media screen and (max-width: 600px){.admin-wrapper .content h2{font-weight:700}}.admin-wrapper .content h3{color:#d9e1e8;font-size:20px;line-height:28px;font-weight:400;margin-bottom:30px}.admin-wrapper .content h4{font-size:14px;font-weight:700;color:#9baec8;padding-bottom:8px;margin-bottom:8px;border-bottom:1px solid #202e3f}.admin-wrapper .content h6{font-size:16px;color:#d9e1e8;line-height:28px;font-weight:500}.admin-wrapper .content .fields-group h6{color:#fff;font-weight:500}.admin-wrapper .content .directory__tag>a,.admin-wrapper .content .directory__tag>div{box-shadow:none}.admin-wrapper .content .directory__tag .table-action-link .fa{color:inherit}.admin-wrapper .content .directory__tag h4{font-size:18px;font-weight:700;color:#fff;text-transform:none;padding-bottom:0;margin-bottom:0;border-bottom:0}.admin-wrapper .content>p{font-size:14px;line-height:21px;color:#d9e1e8;margin-bottom:20px}.admin-wrapper .content>p strong{color:#fff;font-weight:500}.admin-wrapper .content>p strong:lang(ja){font-weight:700}.admin-wrapper .content>p strong:lang(ko){font-weight:700}.admin-wrapper .content>p strong:lang(zh-CN){font-weight:700}.admin-wrapper .content>p strong:lang(zh-HK){font-weight:700}.admin-wrapper .content>p strong:lang(zh-TW){font-weight:700}.admin-wrapper .content hr{width:100%;height:0;border:0;border-bottom:1px solid rgba(62,90,124,.6);margin:20px 0}.admin-wrapper .content hr.spacer{height:1px;border:0}@media screen and (max-width: 600px){.admin-wrapper{display:block}.admin-wrapper .sidebar-wrapper{min-height:0}.admin-wrapper .sidebar{width:100%;padding:0;height:auto}.admin-wrapper .sidebar__toggle{display:flex}.admin-wrapper .sidebar>ul{display:none}.admin-wrapper .sidebar ul a,.admin-wrapper .sidebar ul ul a{border-radius:0;border-bottom:1px solid #192432;transition:none}.admin-wrapper .sidebar ul a:hover,.admin-wrapper .sidebar ul ul a:hover{transition:none}.admin-wrapper .sidebar ul ul{border-radius:0}.admin-wrapper .sidebar ul .simple-navigation-active-leaf a{border-bottom-color:#d8a070}}hr.spacer{width:100%;border:0;margin:20px 0;height:1px}body .muted-hint,.admin-wrapper .content .muted-hint{color:#9baec8}body .muted-hint a,.admin-wrapper .content .muted-hint a{color:#d8a070}body .positive-hint,.admin-wrapper .content .positive-hint{color:#79bd9a;font-weight:500}body .negative-hint,.admin-wrapper .content .negative-hint{color:#df405a;font-weight:500}body .neutral-hint,.admin-wrapper .content .neutral-hint{color:#3e5a7c;font-weight:500}body .warning-hint,.admin-wrapper .content .warning-hint{color:#ca8f04;font-weight:500}.filters{display:flex;flex-wrap:wrap}.filters .filter-subset{flex:0 0 auto;margin:0 40px 20px 0}.filters .filter-subset:last-child{margin-bottom:30px}.filters .filter-subset ul{margin-top:5px;list-style:none}.filters .filter-subset ul li{display:inline-block;margin-right:5px}.filters .filter-subset strong{font-weight:500;font-size:13px}.filters .filter-subset strong:lang(ja){font-weight:700}.filters .filter-subset strong:lang(ko){font-weight:700}.filters .filter-subset strong:lang(zh-CN){font-weight:700}.filters .filter-subset strong:lang(zh-HK){font-weight:700}.filters .filter-subset strong:lang(zh-TW){font-weight:700}.filters .filter-subset a{display:inline-block;color:#9baec8;text-decoration:none;font-size:13px;font-weight:500;border-bottom:2px solid #121a24}.filters .filter-subset a:hover{color:#fff;border-bottom:2px solid #1b2635}.filters .filter-subset a.selected{color:#d8a070;border-bottom:2px solid #d8a070}.flavour-screen{display:block;margin:10px auto;max-width:100%}.flavour-description{display:block;font-size:16px;margin:10px 0}.flavour-description>p{margin:10px 0}.flavour-screen{display:block;margin:10px auto;max-width:100%}.flavour-description{display:block;font-size:16px;margin:10px 0}.flavour-description>p{margin:10px 0}.report-accounts{display:flex;flex-wrap:wrap;margin-bottom:20px}.report-accounts__item{display:flex;flex:250px;flex-direction:column;margin:0 5px}.report-accounts__item>strong{display:block;margin:0 0 10px -5px;font-weight:500;font-size:14px;line-height:18px;color:#d9e1e8}.report-accounts__item>strong:lang(ja){font-weight:700}.report-accounts__item>strong:lang(ko){font-weight:700}.report-accounts__item>strong:lang(zh-CN){font-weight:700}.report-accounts__item>strong:lang(zh-HK){font-weight:700}.report-accounts__item>strong:lang(zh-TW){font-weight:700}.report-accounts__item .account-card{flex:1 1 auto}.report-status,.account-status{display:flex;margin-bottom:10px}.report-status .activity-stream,.account-status .activity-stream{flex:2 0 0;margin-right:20px;max-width:calc(100% - 60px)}.report-status .activity-stream .entry,.account-status .activity-stream .entry{border-radius:4px}.report-status__actions,.account-status__actions{flex:0 0 auto;display:flex;flex-direction:column}.report-status__actions .icon-button,.account-status__actions .icon-button{font-size:24px;width:24px;text-align:center;margin-bottom:10px}.simple_form.new_report_note,.simple_form.new_account_moderation_note{max-width:100%}.batch-form-box{display:flex;flex-wrap:wrap;margin-bottom:5px}.batch-form-box #form_status_batch_action{margin:0 5px 5px 0;font-size:14px}.batch-form-box input.button{margin:0 5px 5px 0}.batch-form-box .media-spoiler-toggle-buttons{margin-left:auto}.batch-form-box .media-spoiler-toggle-buttons .button{overflow:visible;margin:0 0 5px 5px;float:right}.back-link{margin-bottom:10px;font-size:14px}.back-link a{color:#d8a070;text-decoration:none}.back-link a:hover{text-decoration:underline}.spacer{flex:1 1 auto}.log-entry{margin-bottom:20px;line-height:20px}.log-entry__header{display:flex;justify-content:flex-start;align-items:center;padding:10px;background:#121a24;color:#9baec8;border-radius:4px 4px 0 0;font-size:14px;position:relative}.log-entry__avatar{margin-right:10px}.log-entry__avatar .avatar{display:block;margin:0;border-radius:50%;width:40px;height:40px}.log-entry__content{max-width:calc(100% - 90px)}.log-entry__title{word-wrap:break-word}.log-entry__timestamp{color:#3e5a7c}.log-entry__extras{background:#1c2938;border-radius:0 0 4px 4px;padding:10px;color:#9baec8;font-family:\"mastodon-font-monospace\",monospace;font-size:12px;word-wrap:break-word;min-height:20px}.log-entry__icon{font-size:28px;margin-right:10px;color:#3e5a7c}.log-entry__icon__overlay{position:absolute;top:10px;right:10px;width:10px;height:10px;border-radius:50%}.log-entry__icon__overlay.positive{background:#79bd9a}.log-entry__icon__overlay.negative{background:#e87487}.log-entry__icon__overlay.neutral{background:#d8a070}.log-entry a,.log-entry .username,.log-entry .target{color:#d9e1e8;text-decoration:none;font-weight:500}.log-entry .diff-old{color:#e87487}.log-entry .diff-neutral{color:#d9e1e8}.log-entry .diff-new{color:#79bd9a}a.name-tag,.name-tag,a.inline-name-tag,.inline-name-tag{text-decoration:none;color:#d9e1e8}a.name-tag .username,.name-tag .username,a.inline-name-tag .username,.inline-name-tag .username{font-weight:500}a.name-tag.suspended .username,.name-tag.suspended .username,a.inline-name-tag.suspended .username,.inline-name-tag.suspended .username{text-decoration:line-through;color:#e87487}a.name-tag.suspended .avatar,.name-tag.suspended .avatar,a.inline-name-tag.suspended .avatar,.inline-name-tag.suspended .avatar{filter:grayscale(100%);opacity:.8}a.name-tag,.name-tag{display:flex;align-items:center}a.name-tag .avatar,.name-tag .avatar{display:block;margin:0;margin-right:5px;border-radius:50%}a.name-tag.suspended .avatar,.name-tag.suspended .avatar{filter:grayscale(100%);opacity:.8}.speech-bubble{margin-bottom:20px;border-left:4px solid #d8a070}.speech-bubble.positive{border-left-color:#79bd9a}.speech-bubble.negative{border-left-color:#e87487}.speech-bubble.warning{border-left-color:#ca8f04}.speech-bubble__bubble{padding:16px;padding-left:14px;font-size:15px;line-height:20px;border-radius:4px 4px 4px 0;position:relative;font-weight:500}.speech-bubble__bubble a{color:#9baec8}.speech-bubble__owner{padding:8px;padding-left:12px}.speech-bubble time{color:#3e5a7c}.report-card{background:#121a24;border-radius:4px;margin-bottom:20px}.report-card__profile{display:flex;justify-content:space-between;align-items:center;padding:15px}.report-card__profile .account{padding:0;border:0}.report-card__profile .account__avatar-wrapper{margin-left:0}.report-card__profile__stats{flex:0 0 auto;font-weight:500;color:#9baec8;text-align:right}.report-card__profile__stats a{color:inherit;text-decoration:none}.report-card__profile__stats a:focus,.report-card__profile__stats a:hover,.report-card__profile__stats a:active{color:#b5c3d6}.report-card__profile__stats .red{color:#df405a}.report-card__summary__item{display:flex;justify-content:flex-start;border-top:1px solid #0b1016}.report-card__summary__item:hover{background:#151f2b}.report-card__summary__item__reported-by,.report-card__summary__item__assigned{padding:15px;flex:0 0 auto;box-sizing:border-box;width:150px;color:#9baec8}.report-card__summary__item__reported-by,.report-card__summary__item__reported-by .username,.report-card__summary__item__assigned,.report-card__summary__item__assigned .username{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.report-card__summary__item__content{flex:1 1 auto;max-width:calc(100% - 300px)}.report-card__summary__item__content__icon{color:#3e5a7c;margin-right:4px;font-weight:500}.report-card__summary__item__content a{display:block;box-sizing:border-box;width:100%;padding:15px;text-decoration:none;color:#9baec8}.one-line{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ellipsized-ip{display:inline-block;max-width:120px;overflow:hidden;text-overflow:ellipsis;vertical-align:middle}.admin-account-bio{display:flex;flex-wrap:wrap;margin:0 -5px;margin-top:20px}.admin-account-bio>div{box-sizing:border-box;padding:0 5px;margin-bottom:10px;flex:1 0 50%}.admin-account-bio .account__header__fields,.admin-account-bio .account__header__content{background:#202e3f;border-radius:4px;height:100%}.admin-account-bio .account__header__fields{margin:0;border:0}.admin-account-bio .account__header__fields a{color:#e1b590}.admin-account-bio .account__header__fields dl:first-child .verified{border-radius:0 4px 0 0}.admin-account-bio .account__header__fields .verified a{color:#79bd9a}.admin-account-bio .account__header__content{box-sizing:border-box;padding:20px;color:#fff}.center-text{text-align:center}.dashboard__counters{display:flex;flex-wrap:wrap;margin:0 -5px;margin-bottom:20px}.dashboard__counters>div{box-sizing:border-box;flex:0 0 33.333%;padding:0 5px;margin-bottom:10px}.dashboard__counters>div>div,.dashboard__counters>div>a{padding:20px;background:#192432;border-radius:4px;box-sizing:border-box;height:100%}.dashboard__counters>div>a{text-decoration:none;color:inherit;display:block}.dashboard__counters>div>a:hover,.dashboard__counters>div>a:focus,.dashboard__counters>div>a:active{background:#202e3f}.dashboard__counters__num,.dashboard__counters__text{text-align:center;font-weight:500;font-size:24px;line-height:21px;color:#fff;font-family:\"mastodon-font-display\",sans-serif;margin-bottom:20px;line-height:30px}.dashboard__counters__text{font-size:18px}.dashboard__counters__label{font-size:14px;color:#9baec8;text-align:center;font-weight:500}.dashboard__widgets{display:flex;flex-wrap:wrap;margin:0 -5px}.dashboard__widgets>div{flex:0 0 33.333%;margin-bottom:20px}.dashboard__widgets>div>div{padding:0 5px}.dashboard__widgets a:not(.name-tag){color:#d9e1e8;font-weight:500;text-decoration:none}body.rtl{direction:rtl}body.rtl .column-header>button{text-align:right;padding-left:0;padding-right:15px}body.rtl .radio-button__input{margin-right:0;margin-left:10px}body.rtl .directory__card__bar .display-name{margin-left:0;margin-right:15px}body.rtl .display-name{text-align:right}body.rtl .notification__message{margin-left:0;margin-right:68px}body.rtl .drawer__inner__mastodon>img{transform:scaleX(-1)}body.rtl .notification__favourite-icon-wrapper{left:auto;right:-26px}body.rtl .landing-page__logo{margin-right:0;margin-left:20px}body.rtl .landing-page .features-list .features-list__row .visual{margin-left:0;margin-right:15px}body.rtl .column-link__icon,body.rtl .column-header__icon{margin-right:0;margin-left:5px}body.rtl .compose-form .compose-form__buttons-wrapper .character-counter__wrapper{margin-right:0;margin-left:4px}body.rtl .navigation-bar__profile{margin-left:0;margin-right:8px}body.rtl .search__input{padding-right:10px;padding-left:30px}body.rtl .search__icon .fa{right:auto;left:10px}body.rtl .columns-area{direction:rtl}body.rtl .column-header__buttons{left:0;right:auto;margin-left:0;margin-right:-15px}body.rtl .column-inline-form .icon-button{margin-left:0;margin-right:5px}body.rtl .column-header__links .text-btn{margin-left:10px;margin-right:0}body.rtl .account__avatar-wrapper{float:right}body.rtl .column-header__back-button{padding-left:5px;padding-right:0}body.rtl .column-header__setting-arrows{float:left}body.rtl .setting-toggle__label{margin-left:0;margin-right:8px}body.rtl .status__avatar{left:auto;right:10px}body.rtl .status,body.rtl .activity-stream .status.light{padding-left:10px;padding-right:68px}body.rtl .status__info .status__display-name,body.rtl .activity-stream .status.light .status__display-name{padding-left:25px;padding-right:0}body.rtl .activity-stream .pre-header{padding-right:68px;padding-left:0}body.rtl .status__prepend{margin-left:0;margin-right:68px}body.rtl .status__prepend-icon-wrapper{left:auto;right:-26px}body.rtl .activity-stream .pre-header .pre-header__icon{left:auto;right:42px}body.rtl .account__avatar-overlay-overlay{right:auto;left:0}body.rtl .column-back-button--slim-button{right:auto;left:0}body.rtl .status__relative-time,body.rtl .activity-stream .status.light .status__header .status__meta{float:left}body.rtl .status__action-bar__counter{margin-right:0;margin-left:11px}body.rtl .status__action-bar__counter .status__action-bar-button{margin-right:0;margin-left:4px}body.rtl .status__action-bar-button{float:right;margin-right:0;margin-left:18px}body.rtl .status__action-bar-dropdown{float:right}body.rtl .privacy-dropdown__dropdown{margin-left:0;margin-right:40px}body.rtl .privacy-dropdown__option__icon{margin-left:10px;margin-right:0}body.rtl .detailed-status__display-name .display-name{text-align:right}body.rtl .detailed-status__display-avatar{margin-right:0;margin-left:10px;float:right}body.rtl .detailed-status__favorites,body.rtl .detailed-status__reblogs{margin-left:0;margin-right:6px}body.rtl .fa-ul{margin-left:2.14285714em}body.rtl .fa-li{left:auto;right:-2.14285714em}body.rtl .admin-wrapper{direction:rtl}body.rtl .admin-wrapper .sidebar ul a i.fa,body.rtl a.table-action-link i.fa{margin-right:0;margin-left:5px}body.rtl .simple_form .check_boxes .checkbox label{padding-left:0;padding-right:25px}body.rtl .simple_form .input.with_label.boolean label.checkbox{padding-left:25px;padding-right:0}body.rtl .simple_form .check_boxes .checkbox input[type=checkbox],body.rtl .simple_form .input.boolean input[type=checkbox]{left:auto;right:0}body.rtl .simple_form .input.radio_buttons .radio{left:auto;right:0}body.rtl .simple_form .input.radio_buttons .radio>label{padding-right:28px;padding-left:0}body.rtl .simple_form .input-with-append .input input{padding-left:142px;padding-right:0}body.rtl .simple_form .input.boolean label.checkbox{left:auto;right:0}body.rtl .simple_form .input.boolean .label_input,body.rtl .simple_form .input.boolean .hint{padding-left:0;padding-right:28px}body.rtl .simple_form .label_input__append{right:auto;left:3px}body.rtl .simple_form .label_input__append::after{right:auto;left:0;background-image:linear-gradient(to left, rgba(1, 1, 2, 0), #010102)}body.rtl .simple_form select{background:#010102 url(\"data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14.933 18.467' height='19.698' width='15.929'><path d='M3.467 14.967l-3.393-3.5H14.86l-3.392 3.5c-1.866 1.925-3.666 3.5-4 3.5-.335 0-2.135-1.575-4-3.5zm.266-11.234L7.467 0 11.2 3.733l3.733 3.734H0l3.733-3.734z' fill='%2326374D'/></svg>\") no-repeat left 8px center/auto 16px}body.rtl .table th,body.rtl .table td{text-align:right}body.rtl .filters .filter-subset{margin-right:0;margin-left:45px}body.rtl .landing-page .header-wrapper .mascot{right:60px;left:auto}body.rtl .landing-page__call-to-action .row__information-board{direction:rtl}body.rtl .landing-page .header .hero .floats .float-1{left:-120px;right:auto}body.rtl .landing-page .header .hero .floats .float-2{left:210px;right:auto}body.rtl .landing-page .header .hero .floats .float-3{left:110px;right:auto}body.rtl .landing-page .header .links .brand img{left:0}body.rtl .landing-page .fa-external-link{padding-right:5px;padding-left:0 !important}body.rtl .landing-page .features #mastodon-timeline{margin-right:0;margin-left:30px}@media screen and (min-width: 631px){body.rtl .column,body.rtl .drawer{padding-left:5px;padding-right:5px}body.rtl .column:first-child,body.rtl .drawer:first-child{padding-left:5px;padding-right:10px}body.rtl .columns-area>div .column,body.rtl .columns-area>div .drawer{padding-left:5px;padding-right:5px}}body.rtl .columns-area--mobile .column,body.rtl .columns-area--mobile .drawer{padding-left:0;padding-right:0}body.rtl .public-layout .header .nav-button{margin-left:8px;margin-right:0}body.rtl .public-layout .public-account-header__tabs{margin-left:0;margin-right:20px}body.rtl .landing-page__information .account__display-name{margin-right:0;margin-left:5px}body.rtl .landing-page__information .account__avatar-wrapper{margin-left:12px;margin-right:0}body.rtl .card__bar .display-name{margin-left:0;margin-right:15px;text-align:right}body.rtl .fa-chevron-left::before{content:\"\"}body.rtl .fa-chevron-right::before{content:\"\"}body.rtl .column-back-button__icon{margin-right:0;margin-left:5px}body.rtl .column-header__setting-arrows .column-header__setting-btn:last-child{padding-left:0;padding-right:10px}body.rtl .simple_form .input.radio_buttons .radio>label input{left:auto;right:0}.emojione[title=\":wavy_dash:\"],.emojione[title=\":waving_black_flag:\"],.emojione[title=\":water_buffalo:\"],.emojione[title=\":video_game:\"],.emojione[title=\":video_camera:\"],.emojione[title=\":vhs:\"],.emojione[title=\":turkey:\"],.emojione[title=\":tophat:\"],.emojione[title=\":top:\"],.emojione[title=\":tm:\"],.emojione[title=\":telephone_receiver:\"],.emojione[title=\":spider:\"],.emojione[title=\":speaking_head_in_silhouette:\"],.emojione[title=\":spades:\"],.emojione[title=\":soon:\"],.emojione[title=\":registered:\"],.emojione[title=\":on:\"],.emojione[title=\":musical_score:\"],.emojione[title=\":movie_camera:\"],.emojione[title=\":mortar_board:\"],.emojione[title=\":microphone:\"],.emojione[title=\":male-guard:\"],.emojione[title=\":lower_left_fountain_pen:\"],.emojione[title=\":lower_left_ballpoint_pen:\"],.emojione[title=\":kaaba:\"],.emojione[title=\":joystick:\"],.emojione[title=\":hole:\"],.emojione[title=\":hocho:\"],.emojione[title=\":heavy_plus_sign:\"],.emojione[title=\":heavy_multiplication_x:\"],.emojione[title=\":heavy_minus_sign:\"],.emojione[title=\":heavy_dollar_sign:\"],.emojione[title=\":heavy_division_sign:\"],.emojione[title=\":heavy_check_mark:\"],.emojione[title=\":guardsman:\"],.emojione[title=\":gorilla:\"],.emojione[title=\":fried_egg:\"],.emojione[title=\":film_projector:\"],.emojione[title=\":female-guard:\"],.emojione[title=\":end:\"],.emojione[title=\":electric_plug:\"],.emojione[title=\":eight_pointed_black_star:\"],.emojione[title=\":dark_sunglasses:\"],.emojione[title=\":currency_exchange:\"],.emojione[title=\":curly_loop:\"],.emojione[title=\":copyright:\"],.emojione[title=\":clubs:\"],.emojione[title=\":camera_with_flash:\"],.emojione[title=\":camera:\"],.emojione[title=\":busts_in_silhouette:\"],.emojione[title=\":bust_in_silhouette:\"],.emojione[title=\":bowling:\"],.emojione[title=\":bomb:\"],.emojione[title=\":black_small_square:\"],.emojione[title=\":black_nib:\"],.emojione[title=\":black_medium_square:\"],.emojione[title=\":black_medium_small_square:\"],.emojione[title=\":black_large_square:\"],.emojione[title=\":black_heart:\"],.emojione[title=\":black_circle:\"],.emojione[title=\":back:\"],.emojione[title=\":ant:\"],.emojione[title=\":8ball:\"]{filter:drop-shadow(1px 1px 0 #ffffff) drop-shadow(-1px 1px 0 #ffffff) drop-shadow(1px -1px 0 #ffffff) drop-shadow(-1px -1px 0 #ffffff);transform:scale(0.71)}","/* http://meyerweb.com/eric/tools/css/reset/\n   v2.0 | 20110126\n   License: none (public domain)\n*/\n\nhtml, body, div, span, applet, object, iframe,\nh1, h2, h3, h4, h5, h6, p, blockquote, pre,\na, abbr, acronym, address, big, cite, code,\ndel, dfn, em, img, ins, kbd, q, s, samp,\nsmall, strike, strong, sub, sup, tt, var,\nb, u, i, center,\ndl, dt, dd, ol, ul, li,\nfieldset, form, label, legend,\ntable, caption, tbody, tfoot, thead, tr, th, td,\narticle, aside, canvas, details, embed,\nfigure, figcaption, footer, header, hgroup,\nmenu, nav, output, ruby, section, summary,\ntime, mark, audio, video {\n  margin: 0;\n  padding: 0;\n  border: 0;\n  font-size: 100%;\n  font: inherit;\n  vertical-align: baseline;\n}\n\n/* HTML5 display-role reset for older browsers */\narticle, aside, details, figcaption, figure,\nfooter, header, hgroup, menu, nav, section {\n  display: block;\n}\n\nbody {\n  line-height: 1;\n}\n\nol, ul {\n  list-style: none;\n}\n\nblockquote, q {\n  quotes: none;\n}\n\nblockquote:before, blockquote:after,\nq:before, q:after {\n  content: '';\n  content: none;\n}\n\ntable {\n  border-collapse: collapse;\n  border-spacing: 0;\n}\n\nhtml {\n  scrollbar-color: lighten($ui-base-color, 4%) rgba($base-overlay-background, 0.1);\n}\n\n::-webkit-scrollbar {\n  width: 12px;\n  height: 12px;\n}\n\n::-webkit-scrollbar-thumb {\n  background: lighten($ui-base-color, 4%);\n  border: 0px none $base-border-color;\n  border-radius: 50px;\n}\n\n::-webkit-scrollbar-thumb:hover {\n  background: lighten($ui-base-color, 6%);\n}\n\n::-webkit-scrollbar-thumb:active {\n  background: lighten($ui-base-color, 4%);\n}\n\n::-webkit-scrollbar-track {\n  border: 0px none $base-border-color;\n  border-radius: 0;\n  background: rgba($base-overlay-background, 0.1);\n}\n\n::-webkit-scrollbar-track:hover {\n  background: $ui-base-color;\n}\n\n::-webkit-scrollbar-track:active {\n  background: $ui-base-color;\n}\n\n::-webkit-scrollbar-corner {\n  background: transparent;\n}\n","// Commonly used web colors\n$black: #000000;            // Black\n$white: #ffffff;            // White\n$success-green: #79bd9a !default;    // Padua\n$error-red: #df405a !default;        // Cerise\n$warning-red: #ff5050 !default;      // Sunset Orange\n$gold-star: #ca8f04 !default;        // Dark Goldenrod\n\n$red-bookmark: $warning-red;\n\n// Pleroma-Dark colors\n$pleroma-bg: #121a24;\n$pleroma-fg: #182230;\n$pleroma-text: #b9b9ba;\n$pleroma-links: #d8a070;\n\n// Values from the classic Mastodon UI\n$classic-base-color: $pleroma-bg;\n$classic-primary-color: #9baec8;\n$classic-secondary-color: #d9e1e8;\n$classic-highlight-color: #d8a070;\n\n// Variables for defaults in UI\n$base-shadow-color: $black !default;\n$base-overlay-background: $black !default;\n$base-border-color: $white !default;\n$simple-background-color: $white !default;\n$valid-value-color: $success-green !default;\n$error-value-color: $error-red !default;\n\n// Tell UI to use selected colors\n$ui-base-color: $classic-base-color !default;                  // Darkest\n$ui-base-lighter-color: lighten($ui-base-color, 26%) !default; // Lighter darkest\n$ui-primary-color: $classic-primary-color !default;            // Lighter\n$ui-secondary-color: $classic-secondary-color !default;        // Lightest\n$ui-highlight-color: $classic-highlight-color !default;\n\n// Variables for texts\n$primary-text-color: $white !default;\n$darker-text-color: $ui-primary-color !default;\n$dark-text-color: $ui-base-lighter-color !default;\n$secondary-text-color: $ui-secondary-color !default;\n$highlight-text-color: $ui-highlight-color !default;\n$action-button-color: $ui-base-lighter-color !default;\n// For texts on inverted backgrounds\n$inverted-text-color: $ui-base-color !default;\n$lighter-text-color: $ui-base-lighter-color !default;\n$light-text-color: $ui-primary-color !default;\n\n// Language codes that uses CJK fonts\n$cjk-langs: ja, ko, zh-CN, zh-HK, zh-TW;\n\n// Variables for components\n$media-modal-media-max-width: 100%;\n// put margins on top and bottom of image to avoid the screen covered by image.\n$media-modal-media-max-height: 80%;\n\n$no-gap-breakpoint: 415px;\n\n$font-sans-serif: 'mastodon-font-sans-serif' !default;\n$font-display: 'mastodon-font-display' !default;\n$font-monospace: 'mastodon-font-monospace' !default;\n","@function hex-color($color) {\n  @if type-of($color) == 'color' {\n    $color: str-slice(ie-hex-str($color), 4);\n  }\n\n  @return '%23' + unquote($color);\n}\n\nbody {\n  font-family: $font-sans-serif, sans-serif;\n  background: darken($ui-base-color, 7%);\n  font-size: 13px;\n  line-height: 18px;\n  font-weight: 400;\n  color: $primary-text-color;\n  text-rendering: optimizelegibility;\n  font-feature-settings: \"kern\";\n  text-size-adjust: none;\n  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);\n  -webkit-tap-highlight-color: transparent;\n\n  &.system-font {\n    // system-ui => standard property (Chrome/Android WebView 56+, Opera 43+, Safari 11+)\n    // -apple-system => Safari <11 specific\n    // BlinkMacSystemFont => Chrome <56 on macOS specific\n    // Segoe UI => Windows 7/8/10\n    // Oxygen => KDE\n    // Ubuntu => Unity/Ubuntu\n    // Cantarell => GNOME\n    // Fira Sans => Firefox OS\n    // Droid Sans => Older Androids (<4.0)\n    // Helvetica Neue => Older macOS <10.11\n    // $font-sans-serif => web-font (Roboto) fallback and newer Androids (>=4.0)\n    font-family: system-ui, -apple-system, BlinkMacSystemFont, \"Segoe UI\", \"Oxygen\", \"Ubuntu\", \"Cantarell\", \"Fira Sans\", \"Droid Sans\", \"Helvetica Neue\", $font-sans-serif, sans-serif;\n  }\n\n  &.app-body {\n    padding: 0;\n\n    &.layout-single-column {\n      height: auto;\n      min-height: 100vh;\n      overflow-y: scroll;\n    }\n\n    &.layout-multiple-columns {\n      position: absolute;\n      width: 100%;\n      height: 100%;\n    }\n\n    &.with-modals--active {\n      overflow-y: hidden;\n    }\n  }\n\n  &.lighter {\n    background: $ui-base-color;\n  }\n\n  &.with-modals {\n    overflow-x: hidden;\n    overflow-y: scroll;\n\n    &--active {\n      overflow-y: hidden;\n    }\n  }\n\n  &.player {\n    text-align: center;\n  }\n\n  &.embed {\n    background: lighten($ui-base-color, 4%);\n    margin: 0;\n    padding-bottom: 0;\n\n    .container {\n      position: absolute;\n      width: 100%;\n      height: 100%;\n      overflow: hidden;\n    }\n  }\n\n  &.admin {\n    background: darken($ui-base-color, 4%);\n    padding: 0;\n  }\n\n  &.error {\n    position: absolute;\n    text-align: center;\n    color: $darker-text-color;\n    background: $ui-base-color;\n    width: 100%;\n    height: 100%;\n    padding: 0;\n    display: flex;\n    justify-content: center;\n    align-items: center;\n\n    .dialog {\n      vertical-align: middle;\n      margin: 20px;\n\n      &__illustration {\n        img {\n          display: block;\n          max-width: 470px;\n          width: 100%;\n          height: auto;\n          margin-top: -120px;\n        }\n      }\n\n      h1 {\n        font-size: 20px;\n        line-height: 28px;\n        font-weight: 400;\n      }\n    }\n  }\n}\n\nbutton {\n  font-family: inherit;\n  cursor: pointer;\n\n  &:focus {\n    outline: none;\n  }\n}\n\n.app-holder {\n  &,\n  & > div,\n  & > noscript {\n    display: flex;\n    width: 100%;\n    align-items: center;\n    justify-content: center;\n    outline: 0 !important;\n  }\n\n  & > noscript {\n    height: 100vh;\n  }\n}\n\n.layout-single-column .app-holder {\n  &,\n  & > div {\n    min-height: 100vh;\n  }\n}\n\n.layout-multiple-columns .app-holder {\n  &,\n  & > div {\n    height: 100%;\n  }\n}\n\n.error-boundary,\n.app-holder noscript {\n  flex-direction: column;\n  font-size: 16px;\n  font-weight: 400;\n  line-height: 1.7;\n  color: lighten($error-red, 4%);\n  text-align: center;\n\n  & > div {\n    max-width: 500px;\n  }\n\n  p {\n    margin-bottom: .85em;\n\n    &:last-child {\n      margin-bottom: 0;\n    }\n  }\n\n  a {\n    color: $highlight-text-color;\n\n    &:hover,\n    &:focus,\n    &:active {\n      text-decoration: none;\n    }\n  }\n\n  &__footer {\n    color: $dark-text-color;\n    font-size: 13px;\n\n    a {\n      color: $dark-text-color;\n    }\n  }\n\n  button {\n    display: inline;\n    border: 0;\n    background: transparent;\n    color: $dark-text-color;\n    font: inherit;\n    padding: 0;\n    margin: 0;\n    line-height: inherit;\n    cursor: pointer;\n    outline: 0;\n    transition: color 300ms linear;\n    text-decoration: underline;\n\n    &:hover,\n    &:focus,\n    &:active {\n      text-decoration: none;\n    }\n\n    &.copied {\n      color: $valid-value-color;\n      transition: none;\n    }\n  }\n}\n",".container-alt {\n  width: 700px;\n  margin: 0 auto;\n  margin-top: 40px;\n\n  @media screen and (max-width: 740px) {\n    width: 100%;\n    margin: 0;\n  }\n}\n\n.logo-container {\n  margin: 100px auto 50px;\n\n  @media screen and (max-width: 500px) {\n    margin: 40px auto 0;\n  }\n\n  h1 {\n    display: flex;\n    justify-content: center;\n    align-items: center;\n\n    svg {\n      fill: $primary-text-color;\n      height: 42px;\n      margin-right: 10px;\n    }\n\n    a {\n      display: flex;\n      justify-content: center;\n      align-items: center;\n      color: $primary-text-color;\n      text-decoration: none;\n      outline: 0;\n      padding: 12px 16px;\n      line-height: 32px;\n      font-family: $font-display, sans-serif;\n      font-weight: 500;\n      font-size: 14px;\n    }\n  }\n}\n\n.compose-standalone {\n  .compose-form {\n    width: 400px;\n    margin: 0 auto;\n    padding: 20px 0;\n    margin-top: 40px;\n    box-sizing: border-box;\n\n    @media screen and (max-width: 400px) {\n      width: 100%;\n      margin-top: 0;\n      padding: 20px;\n    }\n  }\n}\n\n.account-header {\n  width: 400px;\n  margin: 0 auto;\n  display: flex;\n  font-size: 13px;\n  line-height: 18px;\n  box-sizing: border-box;\n  padding: 20px 0;\n  padding-bottom: 0;\n  margin-bottom: -30px;\n  margin-top: 40px;\n\n  @media screen and (max-width: 440px) {\n    width: 100%;\n    margin: 0;\n    margin-bottom: 10px;\n    padding: 20px;\n    padding-bottom: 0;\n  }\n\n  .avatar {\n    width: 40px;\n    height: 40px;\n    margin-right: 8px;\n\n    img {\n      width: 100%;\n      height: 100%;\n      display: block;\n      margin: 0;\n      border-radius: 4px;\n    }\n  }\n\n  .name {\n    flex: 1 1 auto;\n    color: $secondary-text-color;\n    width: calc(100% - 88px);\n\n    .username {\n      display: block;\n      font-weight: 500;\n      text-overflow: ellipsis;\n      overflow: hidden;\n    }\n  }\n\n  .logout-link {\n    display: block;\n    font-size: 32px;\n    line-height: 40px;\n    margin-left: 8px;\n  }\n}\n\n.grid-3 {\n  display: grid;\n  grid-gap: 10px;\n  grid-template-columns: 3fr 1fr;\n  grid-auto-columns: 25%;\n  grid-auto-rows: max-content;\n\n  .column-0 {\n    grid-column: 1 / 3;\n    grid-row: 1;\n  }\n\n  .column-1 {\n    grid-column: 1;\n    grid-row: 2;\n  }\n\n  .column-2 {\n    grid-column: 2;\n    grid-row: 2;\n  }\n\n  .column-3 {\n    grid-column: 1 / 3;\n    grid-row: 3;\n  }\n\n  @media screen and (max-width: $no-gap-breakpoint) {\n    grid-gap: 0;\n    grid-template-columns: minmax(0, 100%);\n\n    .column-0 {\n      grid-column: 1;\n    }\n\n    .column-1 {\n      grid-column: 1;\n      grid-row: 3;\n    }\n\n    .column-2 {\n      grid-column: 1;\n      grid-row: 2;\n    }\n\n    .column-3 {\n      grid-column: 1;\n      grid-row: 4;\n    }\n  }\n}\n\n.grid-4 {\n  display: grid;\n  grid-gap: 10px;\n  grid-template-columns: repeat(4, minmax(0, 1fr));\n  grid-auto-columns: 25%;\n  grid-auto-rows: max-content;\n\n  .column-0 {\n    grid-column: 1 / 5;\n    grid-row: 1;\n  }\n\n  .column-1 {\n    grid-column: 1 / 4;\n    grid-row: 2;\n  }\n\n  .column-2 {\n    grid-column: 4;\n    grid-row: 2;\n  }\n\n  .column-3 {\n    grid-column: 2 / 5;\n    grid-row: 3;\n  }\n\n  .column-4 {\n    grid-column: 1;\n    grid-row: 3;\n  }\n\n  .landing-page__call-to-action {\n    min-height: 100%;\n  }\n\n  .flash-message {\n    margin-bottom: 10px;\n  }\n\n  @media screen and (max-width: 738px) {\n    grid-template-columns: minmax(0, 50%) minmax(0, 50%);\n\n    .landing-page__call-to-action {\n      padding: 20px;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n    }\n\n    .row__information-board {\n      width: 100%;\n      justify-content: center;\n      align-items: center;\n    }\n\n    .row__mascot {\n      display: none;\n    }\n  }\n\n  @media screen and (max-width: $no-gap-breakpoint) {\n    grid-gap: 0;\n    grid-template-columns: minmax(0, 100%);\n\n    .column-0 {\n      grid-column: 1;\n    }\n\n    .column-1 {\n      grid-column: 1;\n      grid-row: 3;\n    }\n\n    .column-2 {\n      grid-column: 1;\n      grid-row: 2;\n    }\n\n    .column-3 {\n      grid-column: 1;\n      grid-row: 5;\n    }\n\n    .column-4 {\n      grid-column: 1;\n      grid-row: 4;\n    }\n  }\n}\n\n.public-layout {\n  @media screen and (max-width: $no-gap-breakpoint) {\n    padding-top: 48px;\n  }\n\n  .container {\n    max-width: 960px;\n\n    @media screen and (max-width: $no-gap-breakpoint) {\n      padding: 0;\n    }\n  }\n\n  .header {\n    background: lighten($ui-base-color, 8%);\n    box-shadow: 0 0 15px rgba($base-shadow-color, 0.2);\n    border-radius: 4px;\n    height: 48px;\n    margin: 10px 0;\n    display: flex;\n    align-items: stretch;\n    justify-content: center;\n    flex-wrap: nowrap;\n    overflow: hidden;\n\n    @media screen and (max-width: $no-gap-breakpoint) {\n      position: fixed;\n      width: 100%;\n      top: 0;\n      left: 0;\n      margin: 0;\n      border-radius: 0;\n      box-shadow: none;\n      z-index: 110;\n    }\n\n    & > div {\n      flex: 1 1 33.3%;\n      min-height: 1px;\n    }\n\n    .nav-left {\n      display: flex;\n      align-items: stretch;\n      justify-content: flex-start;\n      flex-wrap: nowrap;\n    }\n\n    .nav-center {\n      display: flex;\n      align-items: stretch;\n      justify-content: center;\n      flex-wrap: nowrap;\n    }\n\n    .nav-right {\n      display: flex;\n      align-items: stretch;\n      justify-content: flex-end;\n      flex-wrap: nowrap;\n    }\n\n    .brand {\n      display: block;\n      padding: 15px;\n\n      svg {\n        display: block;\n        height: 18px;\n        width: auto;\n        position: relative;\n        bottom: -2px;\n        fill: $primary-text-color;\n\n        @media screen and (max-width: $no-gap-breakpoint) {\n          height: 20px;\n        }\n      }\n\n      &:hover,\n      &:focus,\n      &:active {\n        background: lighten($ui-base-color, 12%);\n      }\n    }\n\n    .nav-link {\n      display: flex;\n      align-items: center;\n      padding: 0 1rem;\n      font-size: 12px;\n      font-weight: 500;\n      text-decoration: none;\n      color: $darker-text-color;\n      white-space: nowrap;\n      text-align: center;\n\n      &:hover,\n      &:focus,\n      &:active {\n        text-decoration: underline;\n        color: $primary-text-color;\n      }\n\n      @media screen and (max-width: 550px) {\n        &.optional {\n          display: none;\n        }\n      }\n    }\n\n    .nav-button {\n      background: lighten($ui-base-color, 16%);\n      margin: 8px;\n      margin-left: 0;\n      border-radius: 4px;\n\n      &:hover,\n      &:focus,\n      &:active {\n        text-decoration: none;\n        background: lighten($ui-base-color, 20%);\n      }\n    }\n  }\n\n  $no-columns-breakpoint: 600px;\n\n  .grid {\n    display: grid;\n    grid-gap: 10px;\n    grid-template-columns: minmax(300px, 3fr) minmax(298px, 1fr);\n    grid-auto-columns: 25%;\n    grid-auto-rows: max-content;\n\n    .column-0 {\n      grid-row: 1;\n      grid-column: 1;\n    }\n\n    .column-1 {\n      grid-row: 1;\n      grid-column: 2;\n    }\n\n    @media screen and (max-width: $no-columns-breakpoint) {\n      grid-template-columns: 100%;\n      grid-gap: 0;\n\n      .column-1 {\n        display: none;\n      }\n    }\n  }\n\n  .directory__card {\n    border-radius: 4px;\n\n    @media screen and (max-width: $no-gap-breakpoint) {\n      border-radius: 0;\n    }\n  }\n\n  .page-header {\n    @media screen and (max-width: $no-gap-breakpoint) {\n      border-bottom: 0;\n    }\n  }\n\n  .public-account-header {\n    overflow: hidden;\n    margin-bottom: 10px;\n    box-shadow: 0 0 15px rgba($base-shadow-color, 0.2);\n\n    &.inactive {\n      opacity: 0.5;\n\n      .public-account-header__image,\n      .avatar {\n        filter: grayscale(100%);\n      }\n\n      .logo-button {\n        background-color: $secondary-text-color;\n      }\n    }\n\n    &__image {\n      border-radius: 4px 4px 0 0;\n      overflow: hidden;\n      height: 300px;\n      position: relative;\n      background: darken($ui-base-color, 12%);\n\n      &::after {\n        content: \"\";\n        display: block;\n        position: absolute;\n        width: 100%;\n        height: 100%;\n        box-shadow: inset 0 -1px 1px 1px rgba($base-shadow-color, 0.15);\n        top: 0;\n        left: 0;\n      }\n\n      img {\n        object-fit: cover;\n        display: block;\n        width: 100%;\n        height: 100%;\n        margin: 0;\n        border-radius: 4px 4px 0 0;\n      }\n\n      @media screen and (max-width: 600px) {\n        height: 200px;\n      }\n    }\n\n    &--no-bar {\n      margin-bottom: 0;\n\n      .public-account-header__image,\n      .public-account-header__image img {\n        border-radius: 4px;\n\n        @media screen and (max-width: $no-gap-breakpoint) {\n          border-radius: 0;\n        }\n      }\n    }\n\n    @media screen and (max-width: $no-gap-breakpoint) {\n      margin-bottom: 0;\n      box-shadow: none;\n\n      &__image::after {\n        display: none;\n      }\n\n      &__image,\n      &__image img {\n        border-radius: 0;\n      }\n    }\n\n    &__bar {\n      position: relative;\n      margin-top: -80px;\n      display: flex;\n      justify-content: flex-start;\n\n      &::before {\n        content: \"\";\n        display: block;\n        background: lighten($ui-base-color, 4%);\n        position: absolute;\n        bottom: 0;\n        left: 0;\n        right: 0;\n        height: 60px;\n        border-radius: 0 0 4px 4px;\n        z-index: -1;\n      }\n\n      .avatar {\n        display: block;\n        width: 120px;\n        height: 120px;\n        padding-left: 20px - 4px;\n        flex: 0 0 auto;\n\n        img {\n          display: block;\n          width: 100%;\n          height: 100%;\n          margin: 0;\n          border-radius: 50%;\n          border: 4px solid lighten($ui-base-color, 4%);\n          background: darken($ui-base-color, 8%);\n        }\n      }\n\n      @media screen and (max-width: 600px) {\n        margin-top: 0;\n        background: lighten($ui-base-color, 4%);\n        border-radius: 0 0 4px 4px;\n        padding: 5px;\n\n        &::before {\n          display: none;\n        }\n\n        .avatar {\n          width: 48px;\n          height: 48px;\n          padding: 7px 0;\n          padding-left: 10px;\n\n          img {\n            border: 0;\n            border-radius: 4px;\n          }\n\n          @media screen and (max-width: 360px) {\n            display: none;\n          }\n        }\n      }\n\n      @media screen and (max-width: $no-gap-breakpoint) {\n        border-radius: 0;\n      }\n\n      @media screen and (max-width: $no-columns-breakpoint) {\n        flex-wrap: wrap;\n      }\n    }\n\n    &__tabs {\n      flex: 1 1 auto;\n      margin-left: 20px;\n\n      &__name {\n        padding-top: 20px;\n        padding-bottom: 8px;\n\n        h1 {\n          font-size: 20px;\n          line-height: 18px * 1.5;\n          color: $primary-text-color;\n          font-weight: 500;\n          overflow: hidden;\n          white-space: nowrap;\n          text-overflow: ellipsis;\n          text-shadow: 1px 1px 1px $base-shadow-color;\n\n          small {\n            display: block;\n            font-size: 14px;\n            color: $primary-text-color;\n            font-weight: 400;\n            overflow: hidden;\n            text-overflow: ellipsis;\n          }\n        }\n      }\n\n      @media screen and (max-width: 600px) {\n        margin-left: 15px;\n        display: flex;\n        justify-content: space-between;\n        align-items: center;\n\n        &__name {\n          padding-top: 0;\n          padding-bottom: 0;\n\n          h1 {\n            font-size: 16px;\n            line-height: 24px;\n            text-shadow: none;\n\n            small {\n              color: $darker-text-color;\n            }\n          }\n        }\n      }\n\n      &__tabs {\n        display: flex;\n        justify-content: flex-start;\n        align-items: stretch;\n        height: 58px;\n\n        .details-counters {\n          display: flex;\n          flex-direction: row;\n          min-width: 300px;\n        }\n\n        @media screen and (max-width: $no-columns-breakpoint) {\n          .details-counters {\n            display: none;\n          }\n        }\n\n        .counter {\n          min-width: 33.3%;\n          box-sizing: border-box;\n          flex: 0 0 auto;\n          color: $darker-text-color;\n          padding: 10px;\n          border-right: 1px solid lighten($ui-base-color, 4%);\n          cursor: default;\n          text-align: center;\n          position: relative;\n\n          a {\n            display: block;\n          }\n\n          &:last-child {\n            border-right: 0;\n          }\n\n          &::after {\n            display: block;\n            content: \"\";\n            position: absolute;\n            bottom: 0;\n            left: 0;\n            width: 100%;\n            border-bottom: 4px solid $ui-primary-color;\n            opacity: 0.5;\n            transition: all 400ms ease;\n          }\n\n          &.active {\n            &::after {\n              border-bottom: 4px solid $highlight-text-color;\n              opacity: 1;\n            }\n\n            &.inactive::after {\n              border-bottom-color: $secondary-text-color;\n            }\n          }\n\n          &:hover {\n            &::after {\n              opacity: 1;\n              transition-duration: 100ms;\n            }\n          }\n\n          a {\n            text-decoration: none;\n            color: inherit;\n          }\n\n          .counter-label {\n            font-size: 12px;\n            display: block;\n          }\n\n          .counter-number {\n            font-weight: 500;\n            font-size: 18px;\n            margin-bottom: 5px;\n            color: $primary-text-color;\n            font-family: $font-display, sans-serif;\n          }\n        }\n\n        .spacer {\n          flex: 1 1 auto;\n          height: 1px;\n        }\n\n        &__buttons {\n          padding: 7px 8px;\n        }\n      }\n    }\n\n    &__extra {\n      display: none;\n      margin-top: 4px;\n\n      .public-account-bio {\n        border-radius: 0;\n        box-shadow: none;\n        background: transparent;\n        margin: 0 -5px;\n\n        .account__header__fields {\n          border-top: 1px solid lighten($ui-base-color, 12%);\n        }\n\n        .roles {\n          display: none;\n        }\n      }\n\n      &__links {\n        margin-top: -15px;\n        font-size: 14px;\n        color: $darker-text-color;\n\n        a {\n          display: inline-block;\n          color: $darker-text-color;\n          text-decoration: none;\n          padding: 15px;\n          font-weight: 500;\n\n          strong {\n            font-weight: 700;\n            color: $primary-text-color;\n          }\n        }\n      }\n\n      @media screen and (max-width: $no-columns-breakpoint) {\n        display: block;\n        flex: 100%;\n      }\n    }\n  }\n\n  .account__section-headline {\n    border-radius: 4px 4px 0 0;\n\n    @media screen and (max-width: $no-gap-breakpoint) {\n      border-radius: 0;\n    }\n  }\n\n  .detailed-status__meta {\n    margin-top: 25px;\n  }\n\n  .public-account-bio {\n    background: lighten($ui-base-color, 8%);\n    box-shadow: 0 0 15px rgba($base-shadow-color, 0.2);\n    border-radius: 4px;\n    overflow: hidden;\n    margin-bottom: 10px;\n\n    @media screen and (max-width: $no-gap-breakpoint) {\n      box-shadow: none;\n      margin-bottom: 0;\n      border-radius: 0;\n    }\n\n    .account__header__fields {\n      margin: 0;\n      border-top: 0;\n\n      a {\n        color: lighten($ui-highlight-color, 8%);\n      }\n\n      dl:first-child .verified {\n        border-radius: 0 4px 0 0;\n      }\n\n      .verified a {\n        color: $valid-value-color;\n      }\n    }\n\n    .account__header__content {\n      padding: 20px;\n      padding-bottom: 0;\n      color: $primary-text-color;\n    }\n\n    &__extra,\n    .roles {\n      padding: 20px;\n      font-size: 14px;\n      color: $darker-text-color;\n    }\n\n    .roles {\n      padding-bottom: 0;\n    }\n  }\n\n  .directory__list {\n    display: grid;\n    grid-gap: 10px;\n    grid-template-columns: minmax(0, 50%) minmax(0, 50%);\n\n    @media screen and (max-width: $no-gap-breakpoint) {\n      display: block;\n    }\n\n    .icon-button {\n      font-size: 18px;\n    }\n  }\n\n  .directory__card {\n    margin-bottom: 0;\n  }\n\n  .card-grid {\n    display: flex;\n    flex-wrap: wrap;\n    min-width: 100%;\n    margin: 0 -5px;\n\n    & > div {\n      box-sizing: border-box;\n      flex: 1 0 auto;\n      width: 300px;\n      padding: 0 5px;\n      margin-bottom: 10px;\n      max-width: 33.333%;\n\n      @media screen and (max-width: 900px) {\n        max-width: 50%;\n      }\n\n      @media screen and (max-width: 600px) {\n        max-width: 100%;\n      }\n    }\n\n    @media screen and (max-width: $no-gap-breakpoint) {\n      margin: 0;\n      border-top: 1px solid lighten($ui-base-color, 8%);\n\n      & > div {\n        width: 100%;\n        padding: 0;\n        margin-bottom: 0;\n        border-bottom: 1px solid lighten($ui-base-color, 8%);\n\n        &:last-child {\n          border-bottom: 0;\n        }\n\n        .card__bar {\n          background: $ui-base-color;\n\n          &:hover,\n          &:active,\n          &:focus {\n            background: lighten($ui-base-color, 4%);\n          }\n        }\n      }\n    }\n  }\n}\n",".no-list {\n  list-style: none;\n\n  li {\n    display: inline-block;\n    margin: 0 5px;\n  }\n}\n\n.recovery-codes {\n  list-style: none;\n  margin: 0 auto;\n\n  li {\n    font-size: 125%;\n    line-height: 1.5;\n    letter-spacing: 1px;\n  }\n}\n",".public-layout {\n  .footer {\n    text-align: left;\n    padding-top: 20px;\n    padding-bottom: 60px;\n    font-size: 12px;\n    color: lighten($ui-base-color, 34%);\n\n    @media screen and (max-width: $no-gap-breakpoint) {\n      padding-left: 20px;\n      padding-right: 20px;\n    }\n\n    .grid {\n      display: grid;\n      grid-gap: 10px;\n      grid-template-columns: 1fr 1fr 2fr 1fr 1fr;\n\n      .column-0 {\n        grid-column: 1;\n        grid-row: 1;\n        min-width: 0;\n      }\n\n      .column-1 {\n        grid-column: 2;\n        grid-row: 1;\n        min-width: 0;\n      }\n\n      .column-2 {\n        grid-column: 3;\n        grid-row: 1;\n        min-width: 0;\n        text-align: center;\n\n        h4 a {\n          color: lighten($ui-base-color, 34%);\n        }\n      }\n\n      .column-3 {\n        grid-column: 4;\n        grid-row: 1;\n        min-width: 0;\n      }\n\n      .column-4 {\n        grid-column: 5;\n        grid-row: 1;\n        min-width: 0;\n      }\n\n      @media screen and (max-width: 690px) {\n        grid-template-columns: 1fr 2fr 1fr;\n\n        .column-0,\n        .column-1 {\n          grid-column: 1;\n        }\n\n        .column-1 {\n          grid-row: 2;\n        }\n\n        .column-2 {\n          grid-column: 2;\n        }\n\n        .column-3,\n        .column-4 {\n          grid-column: 3;\n        }\n\n        .column-4 {\n          grid-row: 2;\n        }\n      }\n\n      @media screen and (max-width: 600px) {\n        .column-1 {\n          display: block;\n        }\n      }\n\n      @media screen and (max-width: $no-gap-breakpoint) {\n        .column-0,\n        .column-1,\n        .column-3,\n        .column-4 {\n          display: none;\n        }\n      }\n    }\n\n    h4 {\n      font-weight: 700;\n      margin-bottom: 8px;\n      color: $darker-text-color;\n\n      a {\n        color: inherit;\n        text-decoration: none;\n      }\n    }\n\n    ul a {\n      text-decoration: none;\n      color: lighten($ui-base-color, 34%);\n\n      &:hover,\n      &:active,\n      &:focus {\n        text-decoration: underline;\n      }\n    }\n\n    .brand {\n      svg {\n        display: block;\n        height: 36px;\n        width: auto;\n        margin: 0 auto;\n        fill: lighten($ui-base-color, 34%);\n      }\n\n      &:hover,\n      &:focus,\n      &:active {\n        svg {\n          fill: lighten($ui-base-color, 38%);\n        }\n      }\n    }\n  }\n}\n",".compact-header {\n  h1 {\n    font-size: 24px;\n    line-height: 28px;\n    color: $darker-text-color;\n    font-weight: 500;\n    margin-bottom: 20px;\n    padding: 0 10px;\n    word-wrap: break-word;\n\n    @media screen and (max-width: 740px) {\n      text-align: center;\n      padding: 20px 10px 0;\n    }\n\n    a {\n      color: inherit;\n      text-decoration: none;\n    }\n\n    small {\n      font-weight: 400;\n      color: $secondary-text-color;\n    }\n\n    img {\n      display: inline-block;\n      margin-bottom: -5px;\n      margin-right: 15px;\n      width: 36px;\n      height: 36px;\n    }\n  }\n}\n",".hero-widget {\n  margin-bottom: 10px;\n  box-shadow: 0 0 15px rgba($base-shadow-color, 0.2);\n\n  &__img {\n    width: 100%;\n    position: relative;\n    overflow: hidden;\n    border-radius: 4px 4px 0 0;\n    background: $base-shadow-color;\n\n    img {\n      object-fit: cover;\n      display: block;\n      width: 100%;\n      height: 100%;\n      margin: 0;\n      border-radius: 4px 4px 0 0;\n    }\n  }\n\n  &__text {\n    background: $ui-base-color;\n    padding: 20px;\n    border-radius: 0 0 4px 4px;\n    font-size: 15px;\n    color: $darker-text-color;\n    line-height: 20px;\n    word-wrap: break-word;\n    font-weight: 400;\n\n    .emojione {\n      width: 20px;\n      height: 20px;\n      margin: -3px 0 0;\n    }\n\n    p {\n      margin-bottom: 20px;\n\n      &:last-child {\n        margin-bottom: 0;\n      }\n    }\n\n    em {\n      display: inline;\n      margin: 0;\n      padding: 0;\n      font-weight: 700;\n      background: transparent;\n      font-family: inherit;\n      font-size: inherit;\n      line-height: inherit;\n      color: lighten($darker-text-color, 10%);\n    }\n\n    a {\n      color: $secondary-text-color;\n      text-decoration: none;\n\n      &:hover {\n        text-decoration: underline;\n      }\n    }\n  }\n\n  @media screen and (max-width: $no-gap-breakpoint) {\n    display: none;\n  }\n}\n\n.endorsements-widget {\n  margin-bottom: 10px;\n  padding-bottom: 10px;\n\n  h4 {\n    padding: 10px;\n    font-weight: 700;\n    font-size: 14px;\n    color: $darker-text-color;\n  }\n\n  .account {\n    padding: 10px 0;\n\n    &:last-child {\n      border-bottom: 0;\n    }\n\n    .account__display-name {\n      display: flex;\n      align-items: center;\n    }\n\n    .account__avatar {\n      width: 44px;\n      height: 44px;\n      background-size: 44px 44px;\n    }\n  }\n\n  .trends__item {\n    padding: 10px;\n  }\n}\n\n.trends-widget {\n  h4 {\n    color: $darker-text-color;\n  }\n}\n\n.box-widget {\n  padding: 20px;\n  border-radius: 4px;\n  background: $ui-base-color;\n  box-shadow: 0 0 15px rgba($base-shadow-color, 0.2);\n}\n\n.placeholder-widget {\n  padding: 16px;\n  border-radius: 4px;\n  border: 2px dashed $dark-text-color;\n  text-align: center;\n  color: $darker-text-color;\n  margin-bottom: 10px;\n}\n\n.contact-widget {\n  min-height: 100%;\n  font-size: 15px;\n  color: $darker-text-color;\n  line-height: 20px;\n  word-wrap: break-word;\n  font-weight: 400;\n  padding: 0;\n\n  h4 {\n    padding: 10px;\n    font-weight: 700;\n    font-size: 14px;\n    color: $darker-text-color;\n  }\n\n  .account {\n    border-bottom: 0;\n    padding: 10px 0;\n    padding-top: 5px;\n  }\n\n  & > a {\n    display: inline-block;\n    padding: 10px;\n    padding-top: 0;\n    color: $darker-text-color;\n    text-decoration: none;\n    white-space: nowrap;\n    overflow: hidden;\n    text-overflow: ellipsis;\n\n    &:hover,\n    &:focus,\n    &:active {\n      text-decoration: underline;\n    }\n  }\n}\n\n.moved-account-widget {\n  padding: 15px;\n  padding-bottom: 20px;\n  border-radius: 4px;\n  background: $ui-base-color;\n  box-shadow: 0 0 15px rgba($base-shadow-color, 0.2);\n  color: $secondary-text-color;\n  font-weight: 400;\n  margin-bottom: 10px;\n\n  strong,\n  a {\n    font-weight: 500;\n\n    @each $lang in $cjk-langs {\n      &:lang(#{$lang}) {\n        font-weight: 700;\n      }\n    }\n  }\n\n  a {\n    color: inherit;\n    text-decoration: underline;\n\n    &.mention {\n      text-decoration: none;\n\n      span {\n        text-decoration: none;\n      }\n\n      &:focus,\n      &:hover,\n      &:active {\n        text-decoration: none;\n\n        span {\n          text-decoration: underline;\n        }\n      }\n    }\n  }\n\n  &__message {\n    margin-bottom: 15px;\n\n    .fa {\n      margin-right: 5px;\n      color: $darker-text-color;\n    }\n  }\n\n  &__card {\n    .detailed-status__display-avatar {\n      position: relative;\n      cursor: pointer;\n    }\n\n    .detailed-status__display-name {\n      margin-bottom: 0;\n      text-decoration: none;\n\n      span {\n        font-weight: 400;\n      }\n    }\n  }\n}\n\n.memoriam-widget {\n  padding: 20px;\n  border-radius: 4px;\n  background: $base-shadow-color;\n  box-shadow: 0 0 15px rgba($base-shadow-color, 0.2);\n  font-size: 14px;\n  color: $darker-text-color;\n  margin-bottom: 10px;\n}\n\n.page-header {\n  background: lighten($ui-base-color, 8%);\n  box-shadow: 0 0 15px rgba($base-shadow-color, 0.2);\n  border-radius: 4px;\n  padding: 60px 15px;\n  text-align: center;\n  margin: 10px 0;\n\n  h1 {\n    color: $primary-text-color;\n    font-size: 36px;\n    line-height: 1.1;\n    font-weight: 700;\n    margin-bottom: 10px;\n  }\n\n  p {\n    font-size: 15px;\n    color: $darker-text-color;\n  }\n\n  @media screen and (max-width: $no-gap-breakpoint) {\n    margin-top: 0;\n    background: lighten($ui-base-color, 4%);\n\n    h1 {\n      font-size: 24px;\n    }\n  }\n}\n\n.directory {\n  background: $ui-base-color;\n  border-radius: 4px;\n  box-shadow: 0 0 15px rgba($base-shadow-color, 0.2);\n\n  &__tag {\n    box-sizing: border-box;\n    margin-bottom: 10px;\n\n    & > a,\n    & > div {\n      display: flex;\n      align-items: center;\n      justify-content: space-between;\n      background: $ui-base-color;\n      border-radius: 4px;\n      padding: 15px;\n      text-decoration: none;\n      color: inherit;\n      box-shadow: 0 0 15px rgba($base-shadow-color, 0.2);\n    }\n\n    & > a {\n      &:hover,\n      &:active,\n      &:focus {\n        background: lighten($ui-base-color, 8%);\n      }\n    }\n\n    &.active > a {\n      background: $ui-highlight-color;\n      cursor: default;\n    }\n\n    &.disabled > div {\n      opacity: 0.5;\n      cursor: default;\n    }\n\n    h4 {\n      flex: 1 1 auto;\n      font-size: 18px;\n      font-weight: 700;\n      color: $primary-text-color;\n      white-space: nowrap;\n      overflow: hidden;\n      text-overflow: ellipsis;\n\n      .fa {\n        color: $darker-text-color;\n      }\n\n      small {\n        display: block;\n        font-weight: 400;\n        font-size: 15px;\n        margin-top: 8px;\n        color: $darker-text-color;\n      }\n    }\n\n    &.active h4 {\n      &,\n      .fa,\n      small,\n      .trends__item__current {\n        color: $primary-text-color;\n      }\n    }\n\n    .avatar-stack {\n      flex: 0 0 auto;\n      width: (36px + 4px) * 3;\n    }\n\n    &.active .avatar-stack .account__avatar {\n      border-color: $ui-highlight-color;\n    }\n\n    .trends__item__current {\n      padding-right: 0;\n    }\n  }\n}\n\n.avatar-stack {\n  display: flex;\n  justify-content: flex-end;\n\n  .account__avatar {\n    flex: 0 0 auto;\n    width: 36px;\n    height: 36px;\n    border-radius: 50%;\n    position: relative;\n    margin-left: -10px;\n    background: darken($ui-base-color, 8%);\n    border: 2px solid $ui-base-color;\n\n    &:nth-child(1) {\n      z-index: 1;\n    }\n\n    &:nth-child(2) {\n      z-index: 2;\n    }\n\n    &:nth-child(3) {\n      z-index: 3;\n    }\n  }\n}\n\n.accounts-table {\n  width: 100%;\n\n  .account {\n    padding: 0;\n    border: 0;\n  }\n\n  strong {\n    font-weight: 700;\n  }\n\n  thead th {\n    text-align: center;\n    color: $darker-text-color;\n    font-weight: 700;\n    padding: 10px;\n\n    &:first-child {\n      text-align: left;\n    }\n  }\n\n  tbody td {\n    padding: 15px 0;\n    vertical-align: middle;\n    border-bottom: 1px solid lighten($ui-base-color, 8%);\n  }\n\n  tbody tr:last-child td {\n    border-bottom: 0;\n  }\n\n  &__count {\n    width: 120px;\n    text-align: center;\n    font-size: 15px;\n    font-weight: 500;\n    color: $primary-text-color;\n\n    small {\n      display: block;\n      color: $darker-text-color;\n      font-weight: 400;\n      font-size: 14px;\n    }\n  }\n\n  &__comment {\n    width: 50%;\n    vertical-align: initial !important;\n  }\n\n  @media screen and (max-width: $no-gap-breakpoint) {\n    tbody td.optional {\n      display: none;\n    }\n  }\n}\n\n.moved-account-widget,\n.memoriam-widget,\n.box-widget,\n.contact-widget,\n.landing-page__information.contact-widget,\n.directory,\n.page-header {\n  @media screen and (max-width: $no-gap-breakpoint) {\n    margin-bottom: 0;\n    box-shadow: none;\n    border-radius: 0;\n  }\n}\n\n$maximum-width: 1235px;\n$fluid-breakpoint: $maximum-width + 20px;\n\n.statuses-grid {\n  min-height: 600px;\n\n  @media screen and (max-width: 640px) {\n    width: 100% !important; // Masonry layout is unnecessary at this width\n  }\n\n  &__item {\n    width: (960px - 20px) / 3;\n\n    @media screen and (max-width: $fluid-breakpoint) {\n      width: (940px - 20px) / 3;\n    }\n\n    @media screen and (max-width: 640px) {\n      width: 100%;\n    }\n\n    @media screen and (max-width: $no-gap-breakpoint) {\n      width: 100vw;\n    }\n  }\n\n  .detailed-status {\n    border-radius: 4px;\n\n    @media screen and (max-width: $no-gap-breakpoint) {\n      border-top: 1px solid lighten($ui-base-color, 16%);\n    }\n\n    &.compact {\n      .detailed-status__meta {\n        margin-top: 15px;\n      }\n\n      .status__content {\n        font-size: 15px;\n        line-height: 20px;\n\n        .emojione {\n          width: 20px;\n          height: 20px;\n          margin: -3px 0 0;\n        }\n\n        .status__content__spoiler-link {\n          line-height: 20px;\n          margin: 0;\n        }\n      }\n\n      .media-gallery,\n      .status-card,\n      .video-player {\n        margin-top: 15px;\n      }\n    }\n  }\n}\n\n.notice-widget {\n  margin-bottom: 10px;\n  color: $darker-text-color;\n\n  p {\n    margin-bottom: 10px;\n\n    &:last-child {\n      margin-bottom: 0;\n    }\n  }\n\n  a {\n    font-size: 14px;\n    line-height: 20px;\n  }\n}\n\n.notice-widget,\n.placeholder-widget {\n  a {\n    text-decoration: none;\n    font-weight: 500;\n    color: $ui-highlight-color;\n\n    &:hover,\n    &:focus,\n    &:active {\n      text-decoration: underline;\n    }\n  }\n}\n\n.table-of-contents {\n  background: darken($ui-base-color, 4%);\n  min-height: 100%;\n  font-size: 14px;\n  border-radius: 4px;\n\n  li a {\n    display: block;\n    font-weight: 500;\n    padding: 15px;\n    overflow: hidden;\n    white-space: nowrap;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    text-decoration: none;\n    color: $primary-text-color;\n    border-bottom: 1px solid lighten($ui-base-color, 4%);\n\n    &:hover,\n    &:focus,\n    &:active {\n      text-decoration: underline;\n    }\n  }\n\n  li:last-child a {\n    border-bottom: 0;\n  }\n\n  li ul {\n    padding-left: 20px;\n    border-bottom: 1px solid lighten($ui-base-color, 4%);\n  }\n}\n","$no-columns-breakpoint: 600px;\n\ncode {\n  font-family: $font-monospace, monospace;\n  font-weight: 400;\n}\n\n.form-container {\n  max-width: 400px;\n  padding: 20px;\n  margin: 0 auto;\n}\n\n.simple_form {\n  .input {\n    margin-bottom: 15px;\n    overflow: hidden;\n\n    &.hidden {\n      margin: 0;\n    }\n\n    &.radio_buttons {\n      .radio {\n        margin-bottom: 15px;\n\n        &:last-child {\n          margin-bottom: 0;\n        }\n      }\n\n      .radio > label {\n        position: relative;\n        padding-left: 28px;\n\n        input {\n          position: absolute;\n          top: -2px;\n          left: 0;\n        }\n      }\n    }\n\n    &.boolean {\n      position: relative;\n      margin-bottom: 0;\n\n      .label_input > label {\n        font-family: inherit;\n        font-size: 14px;\n        padding-top: 5px;\n        color: $primary-text-color;\n        display: block;\n        width: auto;\n      }\n\n      .label_input,\n      .hint {\n        padding-left: 28px;\n      }\n\n      .label_input__wrapper {\n        position: static;\n      }\n\n      label.checkbox {\n        position: absolute;\n        top: 2px;\n        left: 0;\n      }\n\n      label a {\n        color: $highlight-text-color;\n        text-decoration: underline;\n\n        &:hover,\n        &:active,\n        &:focus {\n          text-decoration: none;\n        }\n      }\n\n      .recommended {\n        position: absolute;\n        margin: 0 4px;\n        margin-top: -2px;\n      }\n    }\n  }\n\n  .row {\n    display: flex;\n    margin: 0 -5px;\n\n    .input {\n      box-sizing: border-box;\n      flex: 1 1 auto;\n      width: 50%;\n      padding: 0 5px;\n    }\n  }\n\n  .hint {\n    color: $darker-text-color;\n\n    a {\n      color: $highlight-text-color;\n    }\n\n    code {\n      border-radius: 3px;\n      padding: 0.2em 0.4em;\n      background: darken($ui-base-color, 12%);\n    }\n\n    li {\n      list-style: disc;\n      margin-left: 18px;\n    }\n  }\n\n  ul.hint {\n    margin-bottom: 15px;\n  }\n\n  span.hint {\n    display: block;\n    font-size: 12px;\n    margin-top: 4px;\n  }\n\n  p.hint {\n    margin-bottom: 15px;\n    color: $darker-text-color;\n\n    &.subtle-hint {\n      text-align: center;\n      font-size: 12px;\n      line-height: 18px;\n      margin-top: 15px;\n      margin-bottom: 0;\n    }\n  }\n\n  .card {\n    margin-bottom: 15px;\n  }\n\n  strong {\n    font-weight: 500;\n\n    @each $lang in $cjk-langs {\n      &:lang(#{$lang}) {\n        font-weight: 700;\n      }\n    }\n  }\n\n  .input.with_floating_label {\n    .label_input {\n      display: flex;\n\n      & > label {\n        font-family: inherit;\n        font-size: 14px;\n        color: $primary-text-color;\n        font-weight: 500;\n        min-width: 150px;\n        flex: 0 0 auto;\n      }\n\n      input,\n      select {\n        flex: 1 1 auto;\n      }\n    }\n\n    &.select .hint {\n      margin-top: 6px;\n      margin-left: 150px;\n    }\n  }\n\n  .input.with_label {\n    .label_input > label {\n      font-family: inherit;\n      font-size: 14px;\n      color: $primary-text-color;\n      display: block;\n      margin-bottom: 8px;\n      word-wrap: break-word;\n      font-weight: 500;\n    }\n\n    .hint {\n      margin-top: 6px;\n    }\n\n    ul {\n      flex: 390px;\n    }\n  }\n\n  .input.with_block_label {\n    max-width: none;\n\n    & > label {\n      font-family: inherit;\n      font-size: 16px;\n      color: $primary-text-color;\n      display: block;\n      font-weight: 500;\n      padding-top: 5px;\n    }\n\n    .hint {\n      margin-bottom: 15px;\n    }\n\n    ul {\n      columns: 2;\n    }\n  }\n\n  .required abbr {\n    text-decoration: none;\n    color: lighten($error-value-color, 12%);\n  }\n\n  .fields-group {\n    margin-bottom: 25px;\n\n    .input:last-child {\n      margin-bottom: 0;\n    }\n  }\n\n  .fields-row {\n    display: flex;\n    margin: 0 -10px;\n    padding-top: 5px;\n    margin-bottom: 25px;\n\n    .input {\n      max-width: none;\n    }\n\n    &__column {\n      box-sizing: border-box;\n      padding: 0 10px;\n      flex: 1 1 auto;\n      min-height: 1px;\n\n      &-6 {\n        max-width: 50%;\n      }\n\n      .actions {\n        margin-top: 27px;\n      }\n    }\n\n    .fields-group:last-child,\n    .fields-row__column.fields-group {\n      margin-bottom: 0;\n    }\n\n    @media screen and (max-width: $no-columns-breakpoint) {\n      display: block;\n      margin-bottom: 0;\n\n      &__column {\n        max-width: none;\n      }\n\n      .fields-group:last-child,\n      .fields-row__column.fields-group,\n      .fields-row__column {\n        margin-bottom: 25px;\n      }\n    }\n  }\n\n  .input.radio_buttons .radio label {\n    margin-bottom: 5px;\n    font-family: inherit;\n    font-size: 14px;\n    color: $primary-text-color;\n    display: block;\n    width: auto;\n  }\n\n  .check_boxes {\n    .checkbox {\n      label {\n        font-family: inherit;\n        font-size: 14px;\n        color: $primary-text-color;\n        display: inline-block;\n        width: auto;\n        position: relative;\n        padding-top: 5px;\n        padding-left: 25px;\n        flex: 1 1 auto;\n      }\n\n      input[type=checkbox] {\n        position: absolute;\n        left: 0;\n        top: 5px;\n        margin: 0;\n      }\n    }\n  }\n\n  .input.static .label_input__wrapper {\n    font-size: 16px;\n    padding: 10px;\n    border: 1px solid $dark-text-color;\n    border-radius: 4px;\n  }\n\n  input[type=text],\n  input[type=number],\n  input[type=email],\n  input[type=password],\n  textarea {\n    box-sizing: border-box;\n    font-size: 16px;\n    color: $primary-text-color;\n    display: block;\n    width: 100%;\n    outline: 0;\n    font-family: inherit;\n    resize: vertical;\n    background: darken($ui-base-color, 10%);\n    border: 1px solid darken($ui-base-color, 14%);\n    border-radius: 4px;\n    padding: 10px;\n\n    &::placeholder {\n      color: lighten($darker-text-color, 4%);\n    }\n\n    &:invalid {\n      box-shadow: none;\n    }\n\n    &:focus:invalid:not(:placeholder-shown) {\n      border-color: lighten($error-red, 12%);\n    }\n\n    &:required:valid {\n      border-color: $valid-value-color;\n    }\n\n    &:hover {\n      border-color: darken($ui-base-color, 20%);\n    }\n\n    &:active,\n    &:focus {\n      border-color: $highlight-text-color;\n      background: darken($ui-base-color, 8%);\n    }\n  }\n\n  .input.field_with_errors {\n    label {\n      color: lighten($error-red, 12%);\n    }\n\n    input[type=text],\n    input[type=number],\n    input[type=email],\n    input[type=password],\n    textarea,\n    select {\n      border-color: lighten($error-red, 12%);\n    }\n\n    .error {\n      display: block;\n      font-weight: 500;\n      color: lighten($error-red, 12%);\n      margin-top: 4px;\n    }\n  }\n\n  .input.disabled {\n    opacity: 0.5;\n  }\n\n  .actions {\n    margin-top: 30px;\n    display: flex;\n\n    &.actions--top {\n      margin-top: 0;\n      margin-bottom: 30px;\n    }\n  }\n\n  button,\n  .button,\n  .block-button {\n    display: block;\n    width: 100%;\n    border: 0;\n    border-radius: 4px;\n    background: $ui-highlight-color;\n    color: $primary-text-color;\n    font-size: 18px;\n    line-height: inherit;\n    height: auto;\n    padding: 10px;\n    text-decoration: none;\n    text-align: center;\n    box-sizing: border-box;\n    cursor: pointer;\n    font-weight: 500;\n    outline: 0;\n    margin-bottom: 10px;\n    margin-right: 10px;\n\n    &:last-child {\n      margin-right: 0;\n    }\n\n    &:hover {\n      background-color: lighten($ui-highlight-color, 5%);\n    }\n\n    &:active,\n    &:focus {\n      background-color: darken($ui-highlight-color, 5%);\n    }\n\n    &:disabled:hover {\n      background-color: $ui-primary-color;\n    }\n\n    &.negative {\n      background: $error-value-color;\n\n      &:hover {\n        background-color: lighten($error-value-color, 5%);\n      }\n\n      &:active,\n      &:focus {\n        background-color: darken($error-value-color, 5%);\n      }\n    }\n  }\n\n  select {\n    appearance: none;\n    box-sizing: border-box;\n    font-size: 16px;\n    color: $primary-text-color;\n    display: block;\n    width: 100%;\n    outline: 0;\n    font-family: inherit;\n    resize: vertical;\n    background: darken($ui-base-color, 10%) url(\"data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14.933 18.467' height='19.698' width='15.929'><path d='M3.467 14.967l-3.393-3.5H14.86l-3.392 3.5c-1.866 1.925-3.666 3.5-4 3.5-.335 0-2.135-1.575-4-3.5zm.266-11.234L7.467 0 11.2 3.733l3.733 3.734H0l3.733-3.734z' fill='#{hex-color(lighten($ui-base-color, 12%))}'/></svg>\") no-repeat right 8px center / auto 16px;\n    border: 1px solid darken($ui-base-color, 14%);\n    border-radius: 4px;\n    padding-left: 10px;\n    padding-right: 30px;\n    height: 41px;\n  }\n\n  h4 {\n    margin-bottom: 15px !important;\n  }\n\n  .label_input {\n    &__wrapper {\n      position: relative;\n    }\n\n    &__append {\n      position: absolute;\n      right: 3px;\n      top: 1px;\n      padding: 10px;\n      padding-bottom: 9px;\n      font-size: 16px;\n      color: $dark-text-color;\n      font-family: inherit;\n      pointer-events: none;\n      cursor: default;\n      max-width: 140px;\n      white-space: nowrap;\n      overflow: hidden;\n\n      &::after {\n        content: '';\n        display: block;\n        position: absolute;\n        top: 0;\n        right: 0;\n        bottom: 1px;\n        width: 5px;\n        background-image: linear-gradient(to right, rgba(darken($ui-base-color, 10%), 0), darken($ui-base-color, 10%));\n      }\n    }\n  }\n\n  &__overlay-area {\n    position: relative;\n\n    &__blurred form {\n      filter: blur(2px);\n    }\n\n    &__overlay {\n      position: absolute;\n      top: 0;\n      left: 0;\n      width: 100%;\n      height: 100%;\n      display: flex;\n      justify-content: center;\n      align-items: center;\n      background: rgba($ui-base-color, 0.65);\n      border-radius: 4px;\n      margin-left: -4px;\n      margin-top: -4px;\n      padding: 4px;\n\n      &__content {\n        text-align: center;\n\n        &.rich-formatting {\n          &,\n          p {\n            color: $primary-text-color;\n          }\n        }\n      }\n    }\n  }\n}\n\n.block-icon {\n  display: block;\n  margin: 0 auto;\n  margin-bottom: 10px;\n  font-size: 24px;\n}\n\n.flash-message {\n  background: lighten($ui-base-color, 8%);\n  color: $darker-text-color;\n  border-radius: 4px;\n  padding: 15px 10px;\n  margin-bottom: 30px;\n  text-align: center;\n\n  &.notice {\n    border: 1px solid rgba($valid-value-color, 0.5);\n    background: rgba($valid-value-color, 0.25);\n    color: $valid-value-color;\n  }\n\n  &.alert {\n    border: 1px solid rgba($error-value-color, 0.5);\n    background: rgba($error-value-color, 0.25);\n    color: $error-value-color;\n  }\n\n  a {\n    display: inline-block;\n    color: $darker-text-color;\n    text-decoration: none;\n\n    &:hover {\n      color: $primary-text-color;\n      text-decoration: underline;\n    }\n  }\n\n  p {\n    margin-bottom: 15px;\n  }\n\n  .oauth-code {\n    outline: 0;\n    box-sizing: border-box;\n    display: block;\n    width: 100%;\n    border: 0;\n    padding: 10px;\n    font-family: $font-monospace, monospace;\n    background: $ui-base-color;\n    color: $primary-text-color;\n    font-size: 14px;\n    margin: 0;\n\n    &::-moz-focus-inner {\n      border: 0;\n    }\n\n    &::-moz-focus-inner,\n    &:focus,\n    &:active {\n      outline: 0 !important;\n    }\n\n    &:focus {\n      background: lighten($ui-base-color, 4%);\n    }\n  }\n\n  strong {\n    font-weight: 500;\n\n    @each $lang in $cjk-langs {\n      &:lang(#{$lang}) {\n        font-weight: 700;\n      }\n    }\n  }\n\n  @media screen and (max-width: 740px) and (min-width: 441px) {\n    margin-top: 40px;\n  }\n}\n\n.form-footer {\n  margin-top: 30px;\n  text-align: center;\n\n  a {\n    color: $darker-text-color;\n    text-decoration: none;\n\n    &:hover {\n      text-decoration: underline;\n    }\n  }\n}\n\n.quick-nav {\n  list-style: none;\n  margin-bottom: 25px;\n  font-size: 14px;\n\n  li {\n    display: inline-block;\n    margin-right: 10px;\n  }\n\n  a {\n    color: $highlight-text-color;\n    text-decoration: none;\n    font-weight: 700;\n\n    &:hover,\n    &:focus,\n    &:active {\n      color: lighten($highlight-text-color, 8%);\n    }\n  }\n}\n\n.oauth-prompt,\n.follow-prompt {\n  margin-bottom: 30px;\n  color: $darker-text-color;\n\n  h2 {\n    font-size: 16px;\n    margin-bottom: 30px;\n    text-align: center;\n  }\n\n  strong {\n    color: $secondary-text-color;\n    font-weight: 500;\n\n    @each $lang in $cjk-langs {\n      &:lang(#{$lang}) {\n        font-weight: 700;\n      }\n    }\n  }\n\n  @media screen and (max-width: 740px) and (min-width: 441px) {\n    margin-top: 40px;\n  }\n}\n\n.qr-wrapper {\n  display: flex;\n  flex-wrap: wrap;\n  align-items: flex-start;\n}\n\n.qr-code {\n  flex: 0 0 auto;\n  background: $simple-background-color;\n  padding: 4px;\n  margin: 0 10px 20px 0;\n  box-shadow: 0 0 15px rgba($base-shadow-color, 0.2);\n  display: inline-block;\n\n  svg {\n    display: block;\n    margin: 0;\n  }\n}\n\n.qr-alternative {\n  margin-bottom: 20px;\n  color: $secondary-text-color;\n  flex: 150px;\n\n  samp {\n    display: block;\n    font-size: 14px;\n  }\n}\n\n.table-form {\n  p {\n    margin-bottom: 15px;\n\n    strong {\n      font-weight: 500;\n\n      @each $lang in $cjk-langs {\n        &:lang(#{$lang}) {\n          font-weight: 700;\n        }\n      }\n    }\n  }\n}\n\n.simple_form,\n.table-form {\n  .warning {\n    box-sizing: border-box;\n    background: rgba($error-value-color, 0.5);\n    color: $primary-text-color;\n    text-shadow: 1px 1px 0 rgba($base-shadow-color, 0.3);\n    box-shadow: 0 2px 6px rgba($base-shadow-color, 0.4);\n    border-radius: 4px;\n    padding: 10px;\n    margin-bottom: 15px;\n\n    a {\n      color: $primary-text-color;\n      text-decoration: underline;\n\n      &:hover,\n      &:focus,\n      &:active {\n        text-decoration: none;\n      }\n    }\n\n    strong {\n      font-weight: 600;\n      display: block;\n      margin-bottom: 5px;\n\n      @each $lang in $cjk-langs {\n        &:lang(#{$lang}) {\n          font-weight: 700;\n        }\n      }\n\n      .fa {\n        font-weight: 400;\n      }\n    }\n  }\n}\n\n.action-pagination {\n  display: flex;\n  flex-wrap: wrap;\n  align-items: center;\n\n  .actions,\n  .pagination {\n    flex: 1 1 auto;\n  }\n\n  .actions {\n    padding: 30px 0;\n    padding-right: 20px;\n    flex: 0 0 auto;\n  }\n}\n\n.post-follow-actions {\n  text-align: center;\n  color: $darker-text-color;\n\n  div {\n    margin-bottom: 4px;\n  }\n}\n\n.alternative-login {\n  margin-top: 20px;\n  margin-bottom: 20px;\n\n  h4 {\n    font-size: 16px;\n    color: $primary-text-color;\n    text-align: center;\n    margin-bottom: 20px;\n    border: 0;\n    padding: 0;\n  }\n\n  .button {\n    display: block;\n  }\n}\n\n.scope-danger {\n  color: $warning-red;\n}\n\n.form_admin_settings_site_short_description,\n.form_admin_settings_site_description,\n.form_admin_settings_site_extended_description,\n.form_admin_settings_site_terms,\n.form_admin_settings_custom_css,\n.form_admin_settings_closed_registrations_message {\n  textarea {\n    font-family: $font-monospace, monospace;\n  }\n}\n\n.input-copy {\n  background: darken($ui-base-color, 10%);\n  border: 1px solid darken($ui-base-color, 14%);\n  border-radius: 4px;\n  display: flex;\n  align-items: center;\n  padding-right: 4px;\n  position: relative;\n  top: 1px;\n  transition: border-color 300ms linear;\n\n  &__wrapper {\n    flex: 1 1 auto;\n  }\n\n  input[type=text] {\n    background: transparent;\n    border: 0;\n    padding: 10px;\n    font-size: 14px;\n    font-family: $font-monospace, monospace;\n  }\n\n  button {\n    flex: 0 0 auto;\n    margin: 4px;\n    text-transform: none;\n    font-weight: 400;\n    font-size: 14px;\n    padding: 7px 18px;\n    padding-bottom: 6px;\n    width: auto;\n    transition: background 300ms linear;\n  }\n\n  &.copied {\n    border-color: $valid-value-color;\n    transition: none;\n\n    button {\n      background: $valid-value-color;\n      transition: none;\n    }\n  }\n}\n\n.connection-prompt {\n  margin-bottom: 25px;\n\n  .fa-link {\n    background-color: darken($ui-base-color, 4%);\n    border-radius: 100%;\n    font-size: 24px;\n    padding: 10px;\n  }\n\n  &__column {\n    align-items: center;\n    display: flex;\n    flex: 1;\n    flex-direction: column;\n    flex-shrink: 1;\n    max-width: 50%;\n\n    &-sep {\n      align-self: center;\n      flex-grow: 0;\n      overflow: visible;\n      position: relative;\n      z-index: 1;\n    }\n\n    p {\n      word-break: break-word;\n    }\n  }\n\n  .account__avatar {\n    margin-bottom: 20px;\n  }\n\n  &__connection {\n    background-color: lighten($ui-base-color, 8%);\n    box-shadow: 0 0 15px rgba($base-shadow-color, 0.2);\n    border-radius: 4px;\n    padding: 25px 10px;\n    position: relative;\n    text-align: center;\n\n    &::after {\n      background-color: darken($ui-base-color, 4%);\n      content: '';\n      display: block;\n      height: 100%;\n      left: 50%;\n      position: absolute;\n      top: 0;\n      width: 1px;\n    }\n  }\n\n  &__row {\n    align-items: flex-start;\n    display: flex;\n    flex-direction: row;\n  }\n}\n",".card {\n  & > a {\n    display: block;\n    text-decoration: none;\n    color: inherit;\n    box-shadow: 0 0 15px rgba($base-shadow-color, 0.2);\n\n    @media screen and (max-width: $no-gap-breakpoint) {\n      box-shadow: none;\n    }\n\n    &:hover,\n    &:active,\n    &:focus {\n      .card__bar {\n        background: lighten($ui-base-color, 8%);\n      }\n    }\n  }\n\n  &__img {\n    height: 130px;\n    position: relative;\n    background: darken($ui-base-color, 12%);\n    border-radius: 4px 4px 0 0;\n\n    img {\n      display: block;\n      width: 100%;\n      height: 100%;\n      margin: 0;\n      object-fit: cover;\n      border-radius: 4px 4px 0 0;\n    }\n\n    @media screen and (max-width: 600px) {\n      height: 200px;\n    }\n\n    @media screen and (max-width: $no-gap-breakpoint) {\n      display: none;\n    }\n  }\n\n  &__bar {\n    position: relative;\n    padding: 15px;\n    display: flex;\n    justify-content: flex-start;\n    align-items: center;\n    background: lighten($ui-base-color, 4%);\n    border-radius: 0 0 4px 4px;\n\n    @media screen and (max-width: $no-gap-breakpoint) {\n      border-radius: 0;\n    }\n\n    .avatar {\n      flex: 0 0 auto;\n      width: 48px;\n      height: 48px;\n      padding-top: 2px;\n\n      img {\n        width: 100%;\n        height: 100%;\n        display: block;\n        margin: 0;\n        border-radius: 4px;\n        background: darken($ui-base-color, 8%);\n        object-fit: cover;\n      }\n    }\n\n    .display-name {\n      margin-left: 15px;\n      text-align: left;\n\n      strong {\n        font-size: 15px;\n        color: $primary-text-color;\n        font-weight: 500;\n        overflow: hidden;\n        text-overflow: ellipsis;\n      }\n\n      span {\n        display: block;\n        font-size: 14px;\n        color: $darker-text-color;\n        font-weight: 400;\n        overflow: hidden;\n        text-overflow: ellipsis;\n      }\n    }\n  }\n}\n\n.pagination {\n  padding: 30px 0;\n  text-align: center;\n  overflow: hidden;\n\n  a,\n  .current,\n  .newer,\n  .older,\n  .page,\n  .gap {\n    font-size: 14px;\n    color: $primary-text-color;\n    font-weight: 500;\n    display: inline-block;\n    padding: 6px 10px;\n    text-decoration: none;\n  }\n\n  .current {\n    background: $simple-background-color;\n    border-radius: 100px;\n    color: $inverted-text-color;\n    cursor: default;\n    margin: 0 10px;\n  }\n\n  .gap {\n    cursor: default;\n  }\n\n  .older,\n  .newer {\n    color: $secondary-text-color;\n  }\n\n  .older {\n    float: left;\n    padding-left: 0;\n\n    .fa {\n      display: inline-block;\n      margin-right: 5px;\n    }\n  }\n\n  .newer {\n    float: right;\n    padding-right: 0;\n\n    .fa {\n      display: inline-block;\n      margin-left: 5px;\n    }\n  }\n\n  .disabled {\n    cursor: default;\n    color: lighten($inverted-text-color, 10%);\n  }\n\n  @media screen and (max-width: 700px) {\n    padding: 30px 20px;\n\n    .page {\n      display: none;\n    }\n\n    .newer,\n    .older {\n      display: inline-block;\n    }\n  }\n}\n\n.nothing-here {\n  background: $ui-base-color;\n  box-shadow: 0 0 15px rgba($base-shadow-color, 0.2);\n  color: $light-text-color;\n  font-size: 14px;\n  font-weight: 500;\n  text-align: center;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  cursor: default;\n  border-radius: 4px;\n  padding: 20px;\n  min-height: 30vh;\n\n  &--under-tabs {\n    border-radius: 0 0 4px 4px;\n  }\n\n  &--flexible {\n    box-sizing: border-box;\n    min-height: 100%;\n  }\n}\n\n.account-role,\n.simple_form .recommended {\n  display: inline-block;\n  padding: 4px 6px;\n  cursor: default;\n  border-radius: 3px;\n  font-size: 12px;\n  line-height: 12px;\n  font-weight: 500;\n  color: $ui-secondary-color;\n  background-color: rgba($ui-secondary-color, 0.1);\n  border: 1px solid rgba($ui-secondary-color, 0.5);\n\n  &.moderator {\n    color: $success-green;\n    background-color: rgba($success-green, 0.1);\n    border-color: rgba($success-green, 0.5);\n  }\n\n  &.admin {\n    color: lighten($error-red, 12%);\n    background-color: rgba(lighten($error-red, 12%), 0.1);\n    border-color: rgba(lighten($error-red, 12%), 0.5);\n  }\n}\n\n.account__header__fields {\n  max-width: 100vw;\n  padding: 0;\n  margin: 15px -15px -15px;\n  border: 0 none;\n  border-top: 1px solid lighten($ui-base-color, 12%);\n  border-bottom: 1px solid lighten($ui-base-color, 12%);\n  font-size: 14px;\n  line-height: 20px;\n\n  dl {\n    display: flex;\n    border-bottom: 1px solid lighten($ui-base-color, 12%);\n  }\n\n  dt,\n  dd {\n    box-sizing: border-box;\n    padding: 14px;\n    text-align: center;\n    max-height: 48px;\n    overflow: hidden;\n    white-space: nowrap;\n    text-overflow: ellipsis;\n  }\n\n  dt {\n    font-weight: 500;\n    width: 120px;\n    flex: 0 0 auto;\n    color: $secondary-text-color;\n    background: rgba(darken($ui-base-color, 8%), 0.5);\n  }\n\n  dd {\n    flex: 1 1 auto;\n    color: $darker-text-color;\n  }\n\n  a {\n    color: $highlight-text-color;\n    text-decoration: none;\n\n    &:hover,\n    &:focus,\n    &:active {\n      text-decoration: underline;\n    }\n  }\n\n  .verified {\n    border: 1px solid rgba($valid-value-color, 0.5);\n    background: rgba($valid-value-color, 0.25);\n\n    a {\n      color: $valid-value-color;\n      font-weight: 500;\n    }\n\n    &__mark {\n      color: $valid-value-color;\n    }\n  }\n\n  dl:last-child {\n    border-bottom: 0;\n  }\n}\n\n.directory__tag .trends__item__current {\n  width: auto;\n}\n\n.pending-account {\n  &__header {\n    color: $darker-text-color;\n\n    a {\n      color: $ui-secondary-color;\n      text-decoration: none;\n\n      &:hover,\n      &:active,\n      &:focus {\n        text-decoration: underline;\n      }\n    }\n\n    strong {\n      color: $primary-text-color;\n      font-weight: 700;\n    }\n  }\n\n  &__body {\n    margin-top: 10px;\n  }\n}\n",".activity-stream {\n  box-shadow: 0 0 15px rgba($base-shadow-color, 0.2);\n  border-radius: 4px;\n  overflow: hidden;\n  margin-bottom: 10px;\n\n  &--under-tabs {\n    border-radius: 0 0 4px 4px;\n  }\n\n  @media screen and (max-width: $no-gap-breakpoint) {\n    margin-bottom: 0;\n    border-radius: 0;\n    box-shadow: none;\n  }\n\n  &--headless {\n    border-radius: 0;\n    margin: 0;\n    box-shadow: none;\n\n    .detailed-status,\n    .status {\n      border-radius: 0 !important;\n    }\n  }\n\n  div[data-component] {\n    width: 100%;\n  }\n\n  .entry {\n    background: $ui-base-color;\n\n    .detailed-status,\n    .status,\n    .load-more {\n      animation: none;\n    }\n\n    &:last-child {\n      .detailed-status,\n      .status,\n      .load-more {\n        border-bottom: 0;\n        border-radius: 0 0 4px 4px;\n      }\n    }\n\n    &:first-child {\n      .detailed-status,\n      .status,\n      .load-more {\n        border-radius: 4px 4px 0 0;\n      }\n\n      &:last-child {\n        .detailed-status,\n        .status,\n        .load-more {\n          border-radius: 4px;\n        }\n      }\n    }\n\n    @media screen and (max-width: 740px) {\n      .detailed-status,\n      .status,\n      .load-more {\n        border-radius: 0 !important;\n      }\n    }\n  }\n\n  &--highlighted .entry {\n    background: lighten($ui-base-color, 8%);\n  }\n}\n\n.button.logo-button {\n  flex: 0 auto;\n  font-size: 14px;\n  background: $ui-highlight-color;\n  color: $primary-text-color;\n  text-transform: none;\n  line-height: 36px;\n  height: auto;\n  padding: 3px 15px;\n  border: 0;\n\n  svg {\n    width: 20px;\n    height: auto;\n    vertical-align: middle;\n    margin-right: 5px;\n    fill: $primary-text-color;\n  }\n\n  &:active,\n  &:focus,\n  &:hover {\n    background: lighten($ui-highlight-color, 10%);\n  }\n\n  &:disabled,\n  &.disabled {\n    &:active,\n    &:focus,\n    &:hover {\n      background: $ui-primary-color;\n    }\n  }\n\n  &.button--destructive {\n    &:active,\n    &:focus,\n    &:hover {\n      background: $error-red;\n    }\n  }\n\n  @media screen and (max-width: $no-gap-breakpoint) {\n    svg {\n      display: none;\n    }\n  }\n}\n\n.embed,\n.public-layout {\n  .detailed-status {\n    padding: 15px;\n  }\n\n  .status {\n    padding: 15px 15px 15px (48px + 15px * 2);\n    min-height: 48px + 2px;\n\n    &__avatar {\n      left: 15px;\n      top: 17px;\n    }\n\n    &__content {\n      padding-top: 5px;\n    }\n\n    &__prepend {\n      margin-left: 48px + 15px * 2;\n      padding-top: 15px;\n    }\n\n    &__prepend-icon-wrapper {\n      left: -32px;\n    }\n\n    .media-gallery,\n    &__action-bar,\n    .video-player {\n      margin-top: 10px;\n    }\n  }\n}\n","button.icon-button i.fa-retweet {\n  background-image: url(\"data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='22' height='209'><path d='M4.97 3.16c-.1.03-.17.1-.22.18L.8 8.24c-.2.3.03.78.4.8H3.6v2.68c0 4.26-.55 3.62 3.66 3.62h7.66l-2.3-2.84c-.03-.02-.03-.04-.05-.06H7.27c-.44 0-.72-.3-.72-.72v-2.7h2.5c.37.03.63-.48.4-.77L5.5 3.35c-.12-.17-.34-.25-.53-.2zm12.16.43c-.55-.02-1.32.02-2.4.02H7.1l2.32 2.85.03.06h5.25c.42 0 .72.28.72.72v2.7h-2.5c-.36.02-.56.54-.3.8l3.92 4.9c.18.25.6.25.78 0l3.94-4.9c.26-.28 0-.83-.37-.8H18.4v-2.7c0-3.15.4-3.62-1.25-3.66z' fill='#{hex-color($action-button-color)}' stroke-width='0'/><path d='M7.78 19.66c-.24.02-.44.25-.44.5v2.46h-.06c-1.08 0-1.86-.03-2.4-.03-1.64 0-1.25.43-1.25 3.65v4.47c0 4.26-.56 3.62 3.65 3.62H8.5l-1.3-1.06c-.1-.08-.18-.2-.2-.3-.02-.17.06-.35.2-.45l1.33-1.1H7.28c-.44 0-.72-.3-.72-.7v-4.48c0-.44.28-.72.72-.72h.06v2.5c0 .38.54.63.82.38l4.9-3.93c.25-.18.25-.6 0-.78l-4.9-3.92c-.1-.1-.24-.14-.38-.12zm9.34 2.93c-.54-.02-1.3.02-2.4.02h-1.25l1.3 1.07c.1.07.18.2.2.33.02.16-.06.3-.2.4l-1.33 1.1h1.28c.42 0 .72.28.72.72v4.47c0 .42-.3.72-.72.72h-.1v-2.47c0-.3-.3-.53-.6-.47-.07 0-.14.05-.2.1l-4.9 3.93c-.26.18-.26.6 0 .78l4.9 3.92c.27.25.82 0 .8-.38v-2.5h.1c4.27 0 3.65.67 3.65-3.62v-4.47c0-3.15.4-3.62-1.25-3.66zM10.34 38.66c-.24.02-.44.25-.43.5v2.47H7.3c-1.08 0-1.86-.04-2.4-.04-1.64 0-1.25.43-1.25 3.65v4.47c0 3.66-.23 3.7 2.34 3.66l-1.34-1.1c-.1-.08-.18-.2-.2-.3 0-.17.07-.35.2-.45l1.96-1.6c-.03-.06-.04-.13-.04-.2v-4.48c0-.44.28-.72.72-.72H9.9v2.5c0 .36.5.6.8.38l4.93-3.93c.24-.18.24-.6 0-.78l-4.94-3.92c-.1-.08-.23-.13-.36-.12zm5.63 2.93l1.34 1.1c.1.07.18.2.2.33.02.16-.03.3-.16.4l-1.96 1.6c.02.07.06.13.06.22v4.47c0 .42-.3.72-.72.72h-2.66v-2.47c0-.3-.3-.53-.6-.47-.06.02-.12.05-.18.1l-4.94 3.93c-.24.18-.24.6 0 .78l4.94 3.92c.28.22.78-.02.78-.38v-2.5h2.66c4.27 0 3.65.67 3.65-3.62v-4.47c0-3.66.34-3.7-2.4-3.66zM13.06 57.66c-.23.03-.4.26-.4.5v2.47H7.28c-1.08 0-1.86-.04-2.4-.04-1.64 0-1.25.43-1.25 3.65v4.87l2.93-2.37v-2.5c0-.44.28-.72.72-.72h5.38v2.5c0 .36.5.6.78.38l4.94-3.93c.24-.18.24-.6 0-.78l-4.94-3.92c-.1-.1-.24-.14-.38-.12zm5.3 6.15l-2.92 2.4v2.52c0 .42-.3.72-.72.72h-5.4v-2.47c0-.3-.32-.53-.6-.47-.07.02-.13.05-.2.1L3.6 70.52c-.25.18-.25.6 0 .78l4.93 3.92c.28.22.78-.02.78-.38v-2.5h5.42c4.27 0 3.65.67 3.65-3.62v-4.47-.44zM19.25 78.8c-.1.03-.2.1-.28.17l-.9.9c-.44-.3-1.36-.25-3.35-.25H7.28c-1.08 0-1.86-.03-2.4-.03-1.64 0-1.25.43-1.25 3.65v.7l2.93.3v-1c0-.44.28-.72.72-.72h7.44c.2 0 .37.08.5.2l-1.8 1.8c-.25.26-.08.76.27.8l6.27.7c.28.03.56-.25.53-.53l-.7-6.25c0-.27-.3-.48-.55-.44zm-17.2 6.1c-.2.07-.36.3-.33.54l.7 6.25c.02.36.58.55.83.27l.8-.8c.02 0 .04-.02.04 0 .46.24 1.37.17 3.18.17h7.44c4.27 0 3.65.67 3.65-3.62v-.75l-2.93-.3v1.05c0 .42-.3.72-.72.72H7.28c-.15 0-.3-.03-.4-.1L8.8 86.4c.3-.24.1-.8-.27-.84l-6.28-.65h-.2zM4.88 98.6c-1.33 0-1.34.48-1.3 2.3l1.14-1.37c.08-.1.22-.17.34-.2.16 0 .34.08.44.2l1.66 2.03c.04 0 .07-.03.12-.03h7.44c.34 0 .57.2.65.5h-2.43c-.34.05-.53.52-.3.78l3.92 4.95c.18.24.6.24.78 0l3.94-4.94c.22-.27-.02-.76-.37-.77H18.4c.02-3.9.6-3.4-3.66-3.4H7.28c-1.08 0-1.86-.04-2.4-.04zm.15 2.46c-.1.03-.2.1-.28.2l-3.94 4.9c-.2.28.03.77.4.78H3.6c-.02 3.94-.45 3.4 3.66 3.4h7.44c3.65 0 3.74.3 3.7-2.25l-1.1 1.34c-.1.1-.2.17-.32.2-.16 0-.34-.08-.44-.2l-1.65-2.03c-.06.02-.1.04-.18.04H7.28c-.35 0-.57-.2-.66-.5h2.44c.37 0 .63-.5.4-.78l-3.96-4.9c-.1-.15-.3-.23-.47-.2zM4.88 117.6c-1.16 0-1.3.3-1.3 1.56l1.14-1.38c.08-.1.22-.14.34-.16.16 0 .34.04.44.16l2.22 2.75h7c.42 0 .72.28.72.72v.53h-2.6c-.3.1-.43.54-.2.78l3.92 4.9c.18.25.6.25.78 0l3.94-4.9c.22-.28-.02-.77-.37-.78H18.4v-.53c0-4.2.72-3.63-3.66-3.63H7.28c-1.08 0-1.86-.03-2.4-.03zm.1 1.74c-.1.03-.17.1-.23.16L.8 124.44c-.2.28.03.77.4.78H3.6v.5c0 4.26-.55 3.62 3.66 3.62h7.44c1.03 0 1.74.02 2.28 0-.16.02-.34-.03-.44-.15l-2.22-2.76H7.28c-.44 0-.72-.3-.72-.72v-.5h2.5c.37.02.63-.5.4-.78L5.5 119.5c-.12-.15-.34-.22-.53-.16zm12.02 10c1.2-.02 1.4-.25 1.4-1.53l-1.1 1.36c-.07.1-.17.17-.3.18zM5.94 136.6l2.37 2.93h6.42c.42 0 .72.28.72.72v1.25h-2.6c-.3.1-.43.54-.2.78l3.92 4.9c.18.25.6.25.78 0l3.94-4.9c.22-.28-.02-.77-.37-.78H18.4v-1.25c0-4.2.72-3.63-3.66-3.63H7.28c-.6 0-.92-.02-1.34-.03zm-1.72.06c-.4.08-.54.3-.6.75l.6-.74zm.84.93c-.12 0-.24.08-.3.18l-3.95 4.9c-.24.3 0 .83.4.82H3.6v1.22c0 4.26-.55 3.62 3.66 3.62h7.44c.63 0 .97.02 1.4.03l-2.37-2.93H7.28c-.44 0-.72-.3-.72-.72v-1.22h2.5c.4.04.67-.53.4-.8l-3.96-4.92c-.1-.13-.27-.2-.44-.2zm13.28 10.03l-.56.7c.36-.07.5-.3.56-.7zM17.13 155.6c-.55-.02-1.32.03-2.4.03h-8.2l2.38 2.9h5.82c.42 0 .72.28.72.72v1.97H12.9c-.32.06-.48.52-.28.78l3.94 4.94c.2.23.6.22.78-.03l3.94-4.9c.22-.28-.02-.77-.37-.78H18.4v-1.97c0-3.15.4-3.62-1.25-3.66zm-12.1.28c-.1.02-.2.1-.28.18l-3.94 4.9c-.2.3.03.78.4.8H3.6v1.96c0 4.26-.55 3.62 3.66 3.62h8.24l-2.36-2.9H7.28c-.44 0-.72-.3-.72-.72v-1.97h2.5c.37.02.63-.5.4-.78l-3.96-4.9c-.1-.15-.3-.22-.47-.2zM5.13 174.5c-.15 0-.3.07-.38.2L.8 179.6c-.24.27 0 .82.4.8H3.6v2.32c0 4.26-.55 3.62 3.66 3.62h7.94l-2.35-2.9h-5.6c-.43 0-.7-.3-.7-.72v-2.3h2.5c.38.03.66-.54.4-.83l-3.97-4.9c-.1-.13-.23-.2-.38-.2zm12 .1c-.55-.02-1.32.03-2.4.03H6.83l2.35 2.9h5.52c.42 0 .72.28.72.72v2.34h-2.6c-.3.1-.43.53-.2.78l3.92 4.9c.18.24.6.24.78 0l3.94-4.9c.22-.3-.02-.78-.37-.8H18.4v-2.33c0-3.15.4-3.62-1.25-3.66zM4.97 193.16c-.1.03-.17.1-.22.18l-3.94 4.9c-.2.3.03.78.4.8H3.6v2.68c0 4.26-.55 3.62 3.66 3.62h7.66l-2.3-2.84c-.03-.02-.03-.04-.05-.06H7.27c-.44 0-.72-.3-.72-.72v-2.7h2.5c.37.03.63-.48.4-.77l-3.96-4.9c-.12-.17-.34-.25-.53-.2zm12.16.43c-.55-.02-1.32.03-2.4.03H7.1l2.32 2.84.03.06h5.25c.42 0 .72.28.72.72v2.7h-2.5c-.36.02-.56.54-.3.8l3.92 4.9c.18.25.6.25.78 0l3.94-4.9c.26-.28 0-.83-.37-.8H18.4v-2.7c0-3.15.4-3.62-1.25-3.66z' fill='#{hex-color($highlight-text-color)}' stroke-width='0'/></svg>\");\n\n  &:hover {\n    background-image: url(\"data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='22' height='209'><path d='M4.97 3.16c-.1.03-.17.1-.22.18L.8 8.24c-.2.3.03.78.4.8H3.6v2.68c0 4.26-.55 3.62 3.66 3.62h7.66l-2.3-2.84c-.03-.02-.03-.04-.05-.06H7.27c-.44 0-.72-.3-.72-.72v-2.7h2.5c.37.03.63-.48.4-.77L5.5 3.35c-.12-.17-.34-.25-.53-.2zm12.16.43c-.55-.02-1.32.02-2.4.02H7.1l2.32 2.85.03.06h5.25c.42 0 .72.28.72.72v2.7h-2.5c-.36.02-.56.54-.3.8l3.92 4.9c.18.25.6.25.78 0l3.94-4.9c.26-.28 0-.83-.37-.8H18.4v-2.7c0-3.15.4-3.62-1.25-3.66z' fill='#{hex-color(lighten($action-button-color, 7%))}' stroke-width='0'/><path d='M7.78 19.66c-.24.02-.44.25-.44.5v2.46h-.06c-1.08 0-1.86-.03-2.4-.03-1.64 0-1.25.43-1.25 3.65v4.47c0 4.26-.56 3.62 3.65 3.62H8.5l-1.3-1.06c-.1-.08-.18-.2-.2-.3-.02-.17.06-.35.2-.45l1.33-1.1H7.28c-.44 0-.72-.3-.72-.7v-4.48c0-.44.28-.72.72-.72h.06v2.5c0 .38.54.63.82.38l4.9-3.93c.25-.18.25-.6 0-.78l-4.9-3.92c-.1-.1-.24-.14-.38-.12zm9.34 2.93c-.54-.02-1.3.02-2.4.02h-1.25l1.3 1.07c.1.07.18.2.2.33.02.16-.06.3-.2.4l-1.33 1.1h1.28c.42 0 .72.28.72.72v4.47c0 .42-.3.72-.72.72h-.1v-2.47c0-.3-.3-.53-.6-.47-.07 0-.14.05-.2.1l-4.9 3.93c-.26.18-.26.6 0 .78l4.9 3.92c.27.25.82 0 .8-.38v-2.5h.1c4.27 0 3.65.67 3.65-3.62v-4.47c0-3.15.4-3.62-1.25-3.66zM10.34 38.66c-.24.02-.44.25-.43.5v2.47H7.3c-1.08 0-1.86-.04-2.4-.04-1.64 0-1.25.43-1.25 3.65v4.47c0 3.66-.23 3.7 2.34 3.66l-1.34-1.1c-.1-.08-.18-.2-.2-.3 0-.17.07-.35.2-.45l1.96-1.6c-.03-.06-.04-.13-.04-.2v-4.48c0-.44.28-.72.72-.72H9.9v2.5c0 .36.5.6.8.38l4.93-3.93c.24-.18.24-.6 0-.78l-4.94-3.92c-.1-.08-.23-.13-.36-.12zm5.63 2.93l1.34 1.1c.1.07.18.2.2.33.02.16-.03.3-.16.4l-1.96 1.6c.02.07.06.13.06.22v4.47c0 .42-.3.72-.72.72h-2.66v-2.47c0-.3-.3-.53-.6-.47-.06.02-.12.05-.18.1l-4.94 3.93c-.24.18-.24.6 0 .78l4.94 3.92c.28.22.78-.02.78-.38v-2.5h2.66c4.27 0 3.65.67 3.65-3.62v-4.47c0-3.66.34-3.7-2.4-3.66zM13.06 57.66c-.23.03-.4.26-.4.5v2.47H7.28c-1.08 0-1.86-.04-2.4-.04-1.64 0-1.25.43-1.25 3.65v4.87l2.93-2.37v-2.5c0-.44.28-.72.72-.72h5.38v2.5c0 .36.5.6.78.38l4.94-3.93c.24-.18.24-.6 0-.78l-4.94-3.92c-.1-.1-.24-.14-.38-.12zm5.3 6.15l-2.92 2.4v2.52c0 .42-.3.72-.72.72h-5.4v-2.47c0-.3-.32-.53-.6-.47-.07.02-.13.05-.2.1L3.6 70.52c-.25.18-.25.6 0 .78l4.93 3.92c.28.22.78-.02.78-.38v-2.5h5.42c4.27 0 3.65.67 3.65-3.62v-4.47-.44zM19.25 78.8c-.1.03-.2.1-.28.17l-.9.9c-.44-.3-1.36-.25-3.35-.25H7.28c-1.08 0-1.86-.03-2.4-.03-1.64 0-1.25.43-1.25 3.65v.7l2.93.3v-1c0-.44.28-.72.72-.72h7.44c.2 0 .37.08.5.2l-1.8 1.8c-.25.26-.08.76.27.8l6.27.7c.28.03.56-.25.53-.53l-.7-6.25c0-.27-.3-.48-.55-.44zm-17.2 6.1c-.2.07-.36.3-.33.54l.7 6.25c.02.36.58.55.83.27l.8-.8c.02 0 .04-.02.04 0 .46.24 1.37.17 3.18.17h7.44c4.27 0 3.65.67 3.65-3.62v-.75l-2.93-.3v1.05c0 .42-.3.72-.72.72H7.28c-.15 0-.3-.03-.4-.1L8.8 86.4c.3-.24.1-.8-.27-.84l-6.28-.65h-.2zM4.88 98.6c-1.33 0-1.34.48-1.3 2.3l1.14-1.37c.08-.1.22-.17.34-.2.16 0 .34.08.44.2l1.66 2.03c.04 0 .07-.03.12-.03h7.44c.34 0 .57.2.65.5h-2.43c-.34.05-.53.52-.3.78l3.92 4.95c.18.24.6.24.78 0l3.94-4.94c.22-.27-.02-.76-.37-.77H18.4c.02-3.9.6-3.4-3.66-3.4H7.28c-1.08 0-1.86-.04-2.4-.04zm.15 2.46c-.1.03-.2.1-.28.2l-3.94 4.9c-.2.28.03.77.4.78H3.6c-.02 3.94-.45 3.4 3.66 3.4h7.44c3.65 0 3.74.3 3.7-2.25l-1.1 1.34c-.1.1-.2.17-.32.2-.16 0-.34-.08-.44-.2l-1.65-2.03c-.06.02-.1.04-.18.04H7.28c-.35 0-.57-.2-.66-.5h2.44c.37 0 .63-.5.4-.78l-3.96-4.9c-.1-.15-.3-.23-.47-.2zM4.88 117.6c-1.16 0-1.3.3-1.3 1.56l1.14-1.38c.08-.1.22-.14.34-.16.16 0 .34.04.44.16l2.22 2.75h7c.42 0 .72.28.72.72v.53h-2.6c-.3.1-.43.54-.2.78l3.92 4.9c.18.25.6.25.78 0l3.94-4.9c.22-.28-.02-.77-.37-.78H18.4v-.53c0-4.2.72-3.63-3.66-3.63H7.28c-1.08 0-1.86-.03-2.4-.03zm.1 1.74c-.1.03-.17.1-.23.16L.8 124.44c-.2.28.03.77.4.78H3.6v.5c0 4.26-.55 3.62 3.66 3.62h7.44c1.03 0 1.74.02 2.28 0-.16.02-.34-.03-.44-.15l-2.22-2.76H7.28c-.44 0-.72-.3-.72-.72v-.5h2.5c.37.02.63-.5.4-.78L5.5 119.5c-.12-.15-.34-.22-.53-.16zm12.02 10c1.2-.02 1.4-.25 1.4-1.53l-1.1 1.36c-.07.1-.17.17-.3.18zM5.94 136.6l2.37 2.93h6.42c.42 0 .72.28.72.72v1.25h-2.6c-.3.1-.43.54-.2.78l3.92 4.9c.18.25.6.25.78 0l3.94-4.9c.22-.28-.02-.77-.37-.78H18.4v-1.25c0-4.2.72-3.63-3.66-3.63H7.28c-.6 0-.92-.02-1.34-.03zm-1.72.06c-.4.08-.54.3-.6.75l.6-.74zm.84.93c-.12 0-.24.08-.3.18l-3.95 4.9c-.24.3 0 .83.4.82H3.6v1.22c0 4.26-.55 3.62 3.66 3.62h7.44c.63 0 .97.02 1.4.03l-2.37-2.93H7.28c-.44 0-.72-.3-.72-.72v-1.22h2.5c.4.04.67-.53.4-.8l-3.96-4.92c-.1-.13-.27-.2-.44-.2zm13.28 10.03l-.56.7c.36-.07.5-.3.56-.7zM17.13 155.6c-.55-.02-1.32.03-2.4.03h-8.2l2.38 2.9h5.82c.42 0 .72.28.72.72v1.97H12.9c-.32.06-.48.52-.28.78l3.94 4.94c.2.23.6.22.78-.03l3.94-4.9c.22-.28-.02-.77-.37-.78H18.4v-1.97c0-3.15.4-3.62-1.25-3.66zm-12.1.28c-.1.02-.2.1-.28.18l-3.94 4.9c-.2.3.03.78.4.8H3.6v1.96c0 4.26-.55 3.62 3.66 3.62h8.24l-2.36-2.9H7.28c-.44 0-.72-.3-.72-.72v-1.97h2.5c.37.02.63-.5.4-.78l-3.96-4.9c-.1-.15-.3-.22-.47-.2zM5.13 174.5c-.15 0-.3.07-.38.2L.8 179.6c-.24.27 0 .82.4.8H3.6v2.32c0 4.26-.55 3.62 3.66 3.62h7.94l-2.35-2.9h-5.6c-.43 0-.7-.3-.7-.72v-2.3h2.5c.38.03.66-.54.4-.83l-3.97-4.9c-.1-.13-.23-.2-.38-.2zm12 .1c-.55-.02-1.32.03-2.4.03H6.83l2.35 2.9h5.52c.42 0 .72.28.72.72v2.34h-2.6c-.3.1-.43.53-.2.78l3.92 4.9c.18.24.6.24.78 0l3.94-4.9c.22-.3-.02-.78-.37-.8H18.4v-2.33c0-3.15.4-3.62-1.25-3.66zM4.97 193.16c-.1.03-.17.1-.22.18l-3.94 4.9c-.2.3.03.78.4.8H3.6v2.68c0 4.26-.55 3.62 3.66 3.62h7.66l-2.3-2.84c-.03-.02-.03-.04-.05-.06H7.27c-.44 0-.72-.3-.72-.72v-2.7h2.5c.37.03.63-.48.4-.77l-3.96-4.9c-.12-.17-.34-.25-.53-.2zm12.16.43c-.55-.02-1.32.03-2.4.03H7.1l2.32 2.84.03.06h5.25c.42 0 .72.28.72.72v2.7h-2.5c-.36.02-.56.54-.3.8l3.92 4.9c.18.25.6.25.78 0l3.94-4.9c.26-.28 0-.83-.37-.8H18.4v-2.7c0-3.15.4-3.62-1.25-3.66z' fill='#{hex-color($highlight-text-color)}' stroke-width='0'/></svg>\");\n  }\n}\n\nbutton.icon-button.disabled i.fa-retweet {\n  background-image: url(\"data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='22' height='209'><path d='M4.97 3.16c-.1.03-.17.1-.22.18L.8 8.24c-.2.3.03.78.4.8H3.6v2.68c0 4.26-.55 3.62 3.66 3.62h7.66l-2.3-2.84c-.03-.02-.03-.04-.05-.06H7.27c-.44 0-.72-.3-.72-.72v-2.7h2.5c.37.03.63-.48.4-.77L5.5 3.35c-.12-.17-.34-.25-.53-.2zm12.16.43c-.55-.02-1.32.02-2.4.02H7.1l2.32 2.85.03.06h5.25c.42 0 .72.28.72.72v2.7h-2.5c-.36.02-.56.54-.3.8l3.92 4.9c.18.25.6.25.78 0l3.94-4.9c.26-.28 0-.83-.37-.8H18.4v-2.7c0-3.15.4-3.62-1.25-3.66z' fill='#{hex-color(darken($action-button-color, 13%))}' stroke-width='0'/><path d='M7.78 19.66c-.24.02-.44.25-.44.5v2.46h-.06c-1.08 0-1.86-.03-2.4-.03-1.64 0-1.25.43-1.25 3.65v4.47c0 4.26-.56 3.62 3.65 3.62H8.5l-1.3-1.06c-.1-.08-.18-.2-.2-.3-.02-.17.06-.35.2-.45l1.33-1.1H7.28c-.44 0-.72-.3-.72-.7v-4.48c0-.44.28-.72.72-.72h.06v2.5c0 .38.54.63.82.38l4.9-3.93c.25-.18.25-.6 0-.78l-4.9-3.92c-.1-.1-.24-.14-.38-.12zm9.34 2.93c-.54-.02-1.3.02-2.4.02h-1.25l1.3 1.07c.1.07.18.2.2.33.02.16-.06.3-.2.4l-1.33 1.1h1.28c.42 0 .72.28.72.72v4.47c0 .42-.3.72-.72.72h-.1v-2.47c0-.3-.3-.53-.6-.47-.07 0-.14.05-.2.1l-4.9 3.93c-.26.18-.26.6 0 .78l4.9 3.92c.27.25.82 0 .8-.38v-2.5h.1c4.27 0 3.65.67 3.65-3.62v-4.47c0-3.15.4-3.62-1.25-3.66zM10.34 38.66c-.24.02-.44.25-.43.5v2.47H7.3c-1.08 0-1.86-.04-2.4-.04-1.64 0-1.25.43-1.25 3.65v4.47c0 3.66-.23 3.7 2.34 3.66l-1.34-1.1c-.1-.08-.18-.2-.2-.3 0-.17.07-.35.2-.45l1.96-1.6c-.03-.06-.04-.13-.04-.2v-4.48c0-.44.28-.72.72-.72H9.9v2.5c0 .36.5.6.8.38l4.93-3.93c.24-.18.24-.6 0-.78l-4.94-3.92c-.1-.08-.23-.13-.36-.12zm5.63 2.93l1.34 1.1c.1.07.18.2.2.33.02.16-.03.3-.16.4l-1.96 1.6c.02.07.06.13.06.22v4.47c0 .42-.3.72-.72.72h-2.66v-2.47c0-.3-.3-.53-.6-.47-.06.02-.12.05-.18.1l-4.94 3.93c-.24.18-.24.6 0 .78l4.94 3.92c.28.22.78-.02.78-.38v-2.5h2.66c4.27 0 3.65.67 3.65-3.62v-4.47c0-3.66.34-3.7-2.4-3.66zM13.06 57.66c-.23.03-.4.26-.4.5v2.47H7.28c-1.08 0-1.86-.04-2.4-.04-1.64 0-1.25.43-1.25 3.65v4.87l2.93-2.37v-2.5c0-.44.28-.72.72-.72h5.38v2.5c0 .36.5.6.78.38l4.94-3.93c.24-.18.24-.6 0-.78l-4.94-3.92c-.1-.1-.24-.14-.38-.12zm5.3 6.15l-2.92 2.4v2.52c0 .42-.3.72-.72.72h-5.4v-2.47c0-.3-.32-.53-.6-.47-.07.02-.13.05-.2.1L3.6 70.52c-.25.18-.25.6 0 .78l4.93 3.92c.28.22.78-.02.78-.38v-2.5h5.42c4.27 0 3.65.67 3.65-3.62v-4.47-.44zM19.25 78.8c-.1.03-.2.1-.28.17l-.9.9c-.44-.3-1.36-.25-3.35-.25H7.28c-1.08 0-1.86-.03-2.4-.03-1.64 0-1.25.43-1.25 3.65v.7l2.93.3v-1c0-.44.28-.72.72-.72h7.44c.2 0 .37.08.5.2l-1.8 1.8c-.25.26-.08.76.27.8l6.27.7c.28.03.56-.25.53-.53l-.7-6.25c0-.27-.3-.48-.55-.44zm-17.2 6.1c-.2.07-.36.3-.33.54l.7 6.25c.02.36.58.55.83.27l.8-.8c.02 0 .04-.02.04 0 .46.24 1.37.17 3.18.17h7.44c4.27 0 3.65.67 3.65-3.62v-.75l-2.93-.3v1.05c0 .42-.3.72-.72.72H7.28c-.15 0-.3-.03-.4-.1L8.8 86.4c.3-.24.1-.8-.27-.84l-6.28-.65h-.2zM4.88 98.6c-1.33 0-1.34.48-1.3 2.3l1.14-1.37c.08-.1.22-.17.34-.2.16 0 .34.08.44.2l1.66 2.03c.04 0 .07-.03.12-.03h7.44c.34 0 .57.2.65.5h-2.43c-.34.05-.53.52-.3.78l3.92 4.95c.18.24.6.24.78 0l3.94-4.94c.22-.27-.02-.76-.37-.77H18.4c.02-3.9.6-3.4-3.66-3.4H7.28c-1.08 0-1.86-.04-2.4-.04zm.15 2.46c-.1.03-.2.1-.28.2l-3.94 4.9c-.2.28.03.77.4.78H3.6c-.02 3.94-.45 3.4 3.66 3.4h7.44c3.65 0 3.74.3 3.7-2.25l-1.1 1.34c-.1.1-.2.17-.32.2-.16 0-.34-.08-.44-.2l-1.65-2.03c-.06.02-.1.04-.18.04H7.28c-.35 0-.57-.2-.66-.5h2.44c.37 0 .63-.5.4-.78l-3.96-4.9c-.1-.15-.3-.23-.47-.2zM4.88 117.6c-1.16 0-1.3.3-1.3 1.56l1.14-1.38c.08-.1.22-.14.34-.16.16 0 .34.04.44.16l2.22 2.75h7c.42 0 .72.28.72.72v.53h-2.6c-.3.1-.43.54-.2.78l3.92 4.9c.18.25.6.25.78 0l3.94-4.9c.22-.28-.02-.77-.37-.78H18.4v-.53c0-4.2.72-3.63-3.66-3.63H7.28c-1.08 0-1.86-.03-2.4-.03zm.1 1.74c-.1.03-.17.1-.23.16L.8 124.44c-.2.28.03.77.4.78H3.6v.5c0 4.26-.55 3.62 3.66 3.62h7.44c1.03 0 1.74.02 2.28 0-.16.02-.34-.03-.44-.15l-2.22-2.76H7.28c-.44 0-.72-.3-.72-.72v-.5h2.5c.37.02.63-.5.4-.78L5.5 119.5c-.12-.15-.34-.22-.53-.16zm12.02 10c1.2-.02 1.4-.25 1.4-1.53l-1.1 1.36c-.07.1-.17.17-.3.18zM5.94 136.6l2.37 2.93h6.42c.42 0 .72.28.72.72v1.25h-2.6c-.3.1-.43.54-.2.78l3.92 4.9c.18.25.6.25.78 0l3.94-4.9c.22-.28-.02-.77-.37-.78H18.4v-1.25c0-4.2.72-3.63-3.66-3.63H7.28c-.6 0-.92-.02-1.34-.03zm-1.72.06c-.4.08-.54.3-.6.75l.6-.74zm.84.93c-.12 0-.24.08-.3.18l-3.95 4.9c-.24.3 0 .83.4.82H3.6v1.22c0 4.26-.55 3.62 3.66 3.62h7.44c.63 0 .97.02 1.4.03l-2.37-2.93H7.28c-.44 0-.72-.3-.72-.72v-1.22h2.5c.4.04.67-.53.4-.8l-3.96-4.92c-.1-.13-.27-.2-.44-.2zm13.28 10.03l-.56.7c.36-.07.5-.3.56-.7zM17.13 155.6c-.55-.02-1.32.03-2.4.03h-8.2l2.38 2.9h5.82c.42 0 .72.28.72.72v1.97H12.9c-.32.06-.48.52-.28.78l3.94 4.94c.2.23.6.22.78-.03l3.94-4.9c.22-.28-.02-.77-.37-.78H18.4v-1.97c0-3.15.4-3.62-1.25-3.66zm-12.1.28c-.1.02-.2.1-.28.18l-3.94 4.9c-.2.3.03.78.4.8H3.6v1.96c0 4.26-.55 3.62 3.66 3.62h8.24l-2.36-2.9H7.28c-.44 0-.72-.3-.72-.72v-1.97h2.5c.37.02.63-.5.4-.78l-3.96-4.9c-.1-.15-.3-.22-.47-.2zM5.13 174.5c-.15 0-.3.07-.38.2L.8 179.6c-.24.27 0 .82.4.8H3.6v2.32c0 4.26-.55 3.62 3.66 3.62h7.94l-2.35-2.9h-5.6c-.43 0-.7-.3-.7-.72v-2.3h2.5c.38.03.66-.54.4-.83l-3.97-4.9c-.1-.13-.23-.2-.38-.2zm12 .1c-.55-.02-1.32.03-2.4.03H6.83l2.35 2.9h5.52c.42 0 .72.28.72.72v2.34h-2.6c-.3.1-.43.53-.2.78l3.92 4.9c.18.24.6.24.78 0l3.94-4.9c.22-.3-.02-.78-.37-.8H18.4v-2.33c0-3.15.4-3.62-1.25-3.66zM4.97 193.16c-.1.03-.17.1-.22.18l-3.94 4.9c-.2.3.03.78.4.8H3.6v2.68c0 4.26-.55 3.62 3.66 3.62h7.66l-2.3-2.84c-.03-.02-.03-.04-.05-.06H7.27c-.44 0-.72-.3-.72-.72v-2.7h2.5c.37.03.63-.48.4-.77l-3.96-4.9c-.12-.17-.34-.25-.53-.2zm12.16.43c-.55-.02-1.32.03-2.4.03H7.1l2.32 2.84.03.06h5.25c.42 0 .72.28.72.72v2.7h-2.5c-.36.02-.56.54-.3.8l3.92 4.9c.18.25.6.25.78 0l3.94-4.9c.26-.28 0-.83-.37-.8H18.4v-2.7c0-3.15.4-3.62-1.25-3.66z' fill='#{hex-color($highlight-text-color)}' stroke-width='0'/></svg>\");\n}\n",".app-body {\n  -webkit-overflow-scrolling: touch;\n  -ms-overflow-style: -ms-autohiding-scrollbar;\n}\n\n.link-button {\n  display: block;\n  font-size: 15px;\n  line-height: 20px;\n  color: $ui-highlight-color;\n  border: 0;\n  background: transparent;\n  padding: 0;\n  cursor: pointer;\n\n  &:hover,\n  &:active {\n    text-decoration: underline;\n  }\n\n  &:disabled {\n    color: $ui-primary-color;\n    cursor: default;\n  }\n}\n\n.button {\n  background-color: $ui-highlight-color;\n  border: 10px none;\n  border-radius: 4px;\n  box-sizing: border-box;\n  color: $primary-text-color;\n  cursor: pointer;\n  display: inline-block;\n  font-family: inherit;\n  font-size: 15px;\n  font-weight: 500;\n  height: 36px;\n  letter-spacing: 0;\n  line-height: 36px;\n  overflow: hidden;\n  padding: 0 16px;\n  position: relative;\n  text-align: center;\n  text-decoration: none;\n  text-overflow: ellipsis;\n  transition: all 100ms ease-in;\n  white-space: nowrap;\n  width: auto;\n\n  &:active,\n  &:focus,\n  &:hover {\n    background-color: lighten($ui-highlight-color, 10%);\n    transition: all 200ms ease-out;\n  }\n\n  &--destructive {\n    transition: none;\n\n    &:active,\n    &:focus,\n    &:hover {\n      background-color: $error-red;\n      transition: none;\n    }\n  }\n\n  &:disabled,\n  &.disabled {\n    background-color: $ui-primary-color;\n    cursor: default;\n  }\n\n  &::-moz-focus-inner {\n    border: 0;\n  }\n\n  &::-moz-focus-inner,\n  &:focus,\n  &:active {\n    outline: 0 !important;\n  }\n\n  &.button-primary,\n  &.button-alternative,\n  &.button-secondary,\n  &.button-alternative-2 {\n    font-size: 16px;\n    line-height: 36px;\n    height: auto;\n    text-transform: none;\n    padding: 4px 16px;\n  }\n\n  &.button-alternative {\n    color: $inverted-text-color;\n    background: $ui-primary-color;\n\n    &:active,\n    &:focus,\n    &:hover {\n      background-color: lighten($ui-primary-color, 4%);\n    }\n  }\n\n  &.button-alternative-2 {\n    background: $ui-base-lighter-color;\n\n    &:active,\n    &:focus,\n    &:hover {\n      background-color: lighten($ui-base-lighter-color, 4%);\n    }\n  }\n\n  &.button-secondary {\n    color: $darker-text-color;\n    background: transparent;\n    padding: 3px 15px;\n    border: 1px solid $ui-primary-color;\n\n    &:active,\n    &:focus,\n    &:hover {\n      border-color: lighten($ui-primary-color, 4%);\n      color: lighten($darker-text-color, 4%);\n    }\n\n    &:disabled {\n      opacity: 0.5;\n    }\n  }\n\n  &.button--block {\n    display: block;\n    width: 100%;\n  }\n}\n\n.column__wrapper {\n  display: flex;\n  flex: 1 1 auto;\n  position: relative;\n}\n\n.icon-button {\n  display: inline-block;\n  padding: 0;\n  color: $action-button-color;\n  border: 0;\n  border-radius: 4px;\n  background: transparent;\n  cursor: pointer;\n  transition: all 100ms ease-in;\n  transition-property: background-color, color;\n\n  &:hover,\n  &:active,\n  &:focus {\n    color: lighten($action-button-color, 7%);\n    background-color: rgba($action-button-color, 0.15);\n    transition: all 200ms ease-out;\n    transition-property: background-color, color;\n  }\n\n  &:focus {\n    background-color: rgba($action-button-color, 0.3);\n  }\n\n  &.disabled {\n    color: darken($action-button-color, 13%);\n    background-color: transparent;\n    cursor: default;\n  }\n\n  &.active {\n    color: $highlight-text-color;\n  }\n\n  &::-moz-focus-inner {\n    border: 0;\n  }\n\n  &::-moz-focus-inner,\n  &:focus,\n  &:active {\n    outline: 0 !important;\n  }\n\n  &.inverted {\n    color: $lighter-text-color;\n\n    &:hover,\n    &:active,\n    &:focus {\n      color: darken($lighter-text-color, 7%);\n      background-color: rgba($lighter-text-color, 0.15);\n    }\n\n    &:focus {\n      background-color: rgba($lighter-text-color, 0.3);\n    }\n\n    &.disabled {\n      color: lighten($lighter-text-color, 7%);\n      background-color: transparent;\n    }\n\n    &.active {\n      color: $highlight-text-color;\n\n      &.disabled {\n        color: lighten($highlight-text-color, 13%);\n      }\n    }\n  }\n\n  &.overlayed {\n    box-sizing: content-box;\n    background: rgba($base-overlay-background, 0.6);\n    color: rgba($primary-text-color, 0.7);\n    border-radius: 4px;\n    padding: 2px;\n\n    &:hover {\n      background: rgba($base-overlay-background, 0.9);\n    }\n  }\n}\n\n.text-icon-button {\n  color: $lighter-text-color;\n  border: 0;\n  border-radius: 4px;\n  background: transparent;\n  cursor: pointer;\n  font-weight: 600;\n  font-size: 11px;\n  padding: 0 3px;\n  line-height: 27px;\n  outline: 0;\n  transition: all 100ms ease-in;\n  transition-property: background-color, color;\n\n  &:hover,\n  &:active,\n  &:focus {\n    color: darken($lighter-text-color, 7%);\n    background-color: rgba($lighter-text-color, 0.15);\n    transition: all 200ms ease-out;\n    transition-property: background-color, color;\n  }\n\n  &:focus {\n    background-color: rgba($lighter-text-color, 0.3);\n  }\n\n  &.disabled {\n    color: lighten($lighter-text-color, 20%);\n    background-color: transparent;\n    cursor: default;\n  }\n\n  &.active {\n    color: $highlight-text-color;\n  }\n\n  &::-moz-focus-inner {\n    border: 0;\n  }\n\n  &::-moz-focus-inner,\n  &:focus,\n  &:active {\n    outline: 0 !important;\n  }\n}\n\n.dropdown-menu {\n  position: absolute;\n}\n\n.invisible {\n  font-size: 0;\n  line-height: 0;\n  display: inline-block;\n  width: 0;\n  height: 0;\n  position: absolute;\n\n  img,\n  svg {\n    margin: 0 !important;\n    border: 0 !important;\n    padding: 0 !important;\n    width: 0 !important;\n    height: 0 !important;\n  }\n}\n\n.ellipsis {\n  &::after {\n    content: \"…\";\n  }\n}\n\n.compose-form {\n  padding: 10px;\n\n  &__sensitive-button {\n    padding: 10px;\n    padding-top: 0;\n\n    font-size: 14px;\n    font-weight: 500;\n\n    &.active {\n      color: $highlight-text-color;\n    }\n\n    input[type=checkbox] {\n      display: none;\n    }\n\n    .checkbox {\n      display: inline-block;\n      position: relative;\n      border: 1px solid $ui-primary-color;\n      box-sizing: border-box;\n      width: 18px;\n      height: 18px;\n      flex: 0 0 auto;\n      margin-right: 10px;\n      top: -1px;\n      border-radius: 4px;\n      vertical-align: middle;\n\n      &.active {\n        border-color: $highlight-text-color;\n        background: $highlight-text-color;\n      }\n    }\n  }\n\n  .compose-form__warning {\n    color: $inverted-text-color;\n    margin-bottom: 10px;\n    background: $ui-primary-color;\n    box-shadow: 0 2px 6px rgba($base-shadow-color, 0.3);\n    padding: 8px 10px;\n    border-radius: 4px;\n    font-size: 13px;\n    font-weight: 400;\n\n    strong {\n      color: $inverted-text-color;\n      font-weight: 500;\n\n      @each $lang in $cjk-langs {\n        &:lang(#{$lang}) {\n          font-weight: 700;\n        }\n      }\n    }\n\n    a {\n      color: $lighter-text-color;\n      font-weight: 500;\n      text-decoration: underline;\n\n      &:hover,\n      &:active,\n      &:focus {\n        text-decoration: none;\n      }\n    }\n  }\n\n  .emoji-picker-dropdown {\n    position: absolute;\n    top: 5px;\n    right: 5px;\n  }\n\n  .compose-form__autosuggest-wrapper {\n    position: relative;\n  }\n\n  .autosuggest-textarea,\n  .autosuggest-input,\n  .spoiler-input {\n    position: relative;\n    width: 100%;\n  }\n\n  .spoiler-input {\n    height: 0;\n    transform-origin: bottom;\n    opacity: 0;\n\n    &.spoiler-input--visible {\n      height: 36px;\n      margin-bottom: 11px;\n      opacity: 1;\n    }\n  }\n\n  .autosuggest-textarea__textarea,\n  .spoiler-input__input {\n    display: block;\n    box-sizing: border-box;\n    width: 100%;\n    margin: 0;\n    color: $inverted-text-color;\n    background: $simple-background-color;\n    padding: 10px;\n    font-family: inherit;\n    font-size: 14px;\n    resize: vertical;\n    border: 0;\n    outline: 0;\n\n    &::placeholder {\n      color: $dark-text-color;\n    }\n\n    &:focus {\n      outline: 0;\n    }\n\n    @media screen and (max-width: 600px) {\n      font-size: 16px;\n    }\n  }\n\n  .spoiler-input__input {\n    border-radius: 4px;\n  }\n\n  .autosuggest-textarea__textarea {\n    min-height: 100px;\n    border-radius: 4px 4px 0 0;\n    padding-bottom: 0;\n    padding-right: 10px + 22px;\n    resize: none;\n    scrollbar-color: initial;\n\n    &::-webkit-scrollbar {\n      all: unset;\n    }\n\n    @media screen and (max-width: 600px) {\n      height: 100px !important; // prevent auto-resize textarea\n      resize: vertical;\n    }\n  }\n\n  .autosuggest-textarea__suggestions-wrapper {\n    position: relative;\n    height: 0;\n  }\n\n  .autosuggest-textarea__suggestions {\n    box-sizing: border-box;\n    display: none;\n    position: absolute;\n    top: 100%;\n    width: 100%;\n    z-index: 99;\n    box-shadow: 4px 4px 6px rgba($base-shadow-color, 0.4);\n    background: $ui-secondary-color;\n    border-radius: 0 0 4px 4px;\n    color: $inverted-text-color;\n    font-size: 14px;\n    padding: 6px;\n\n    &.autosuggest-textarea__suggestions--visible {\n      display: block;\n    }\n  }\n\n  .autosuggest-textarea__suggestions__item {\n    padding: 10px;\n    cursor: pointer;\n    border-radius: 4px;\n\n    &:hover,\n    &:focus,\n    &:active,\n    &.selected {\n      background: darken($ui-secondary-color, 10%);\n    }\n  }\n\n  .autosuggest-account,\n  .autosuggest-emoji,\n  .autosuggest-hashtag {\n    display: flex;\n    flex-direction: row;\n    align-items: center;\n    justify-content: flex-start;\n    line-height: 18px;\n    font-size: 14px;\n  }\n\n  .autosuggest-hashtag {\n    justify-content: space-between;\n\n    &__name {\n      flex: 1 1 auto;\n      overflow: hidden;\n      text-overflow: ellipsis;\n      white-space: nowrap;\n    }\n\n    strong {\n      font-weight: 500;\n    }\n\n    &__uses {\n      flex: 0 0 auto;\n      text-align: right;\n      overflow: hidden;\n      text-overflow: ellipsis;\n      white-space: nowrap;\n    }\n  }\n\n  .autosuggest-account-icon,\n  .autosuggest-emoji img {\n    display: block;\n    margin-right: 8px;\n    width: 16px;\n    height: 16px;\n  }\n\n  .autosuggest-account .display-name__account {\n    color: $lighter-text-color;\n  }\n\n  .compose-form__modifiers {\n    color: $inverted-text-color;\n    font-family: inherit;\n    font-size: 14px;\n    background: $simple-background-color;\n\n    .compose-form__upload-wrapper {\n      overflow: hidden;\n    }\n\n    .compose-form__uploads-wrapper {\n      display: flex;\n      flex-direction: row;\n      padding: 5px;\n      flex-wrap: wrap;\n    }\n\n    .compose-form__upload {\n      flex: 1 1 0;\n      min-width: 40%;\n      margin: 5px;\n\n      &__actions {\n        background: linear-gradient(180deg, rgba($base-shadow-color, 0.8) 0, rgba($base-shadow-color, 0.35) 80%, transparent);\n        display: flex;\n        align-items: flex-start;\n        justify-content: space-between;\n        opacity: 0;\n        transition: opacity .1s ease;\n\n        .icon-button {\n          flex: 0 1 auto;\n          color: $secondary-text-color;\n          font-size: 14px;\n          font-weight: 500;\n          padding: 10px;\n          font-family: inherit;\n\n          &:hover,\n          &:focus,\n          &:active {\n            color: lighten($secondary-text-color, 7%);\n          }\n        }\n\n        &.active {\n          opacity: 1;\n        }\n      }\n\n      &-description {\n        position: absolute;\n        z-index: 2;\n        bottom: 0;\n        left: 0;\n        right: 0;\n        box-sizing: border-box;\n        background: linear-gradient(0deg, rgba($base-shadow-color, 0.8) 0, rgba($base-shadow-color, 0.35) 80%, transparent);\n        padding: 10px;\n        opacity: 0;\n        transition: opacity .1s ease;\n\n        textarea {\n          background: transparent;\n          color: $secondary-text-color;\n          border: 0;\n          padding: 0;\n          margin: 0;\n          width: 100%;\n          font-family: inherit;\n          font-size: 14px;\n          font-weight: 500;\n\n          &:focus {\n            color: $white;\n          }\n\n          &::placeholder {\n            opacity: 0.75;\n            color: $secondary-text-color;\n          }\n        }\n\n        &.active {\n          opacity: 1;\n        }\n      }\n    }\n\n    .compose-form__upload-thumbnail {\n      border-radius: 4px;\n      background-color: $base-shadow-color;\n      background-position: center;\n      background-size: cover;\n      background-repeat: no-repeat;\n      height: 140px;\n      width: 100%;\n      overflow: hidden;\n    }\n  }\n\n  .compose-form__buttons-wrapper {\n    padding: 10px;\n    background: darken($simple-background-color, 8%);\n    border-radius: 0 0 4px 4px;\n    display: flex;\n    justify-content: space-between;\n    flex: 0 0 auto;\n\n    .compose-form__buttons {\n      display: flex;\n\n      .compose-form__upload-button-icon {\n        line-height: 27px;\n      }\n\n      .compose-form__sensitive-button {\n        display: none;\n\n        &.compose-form__sensitive-button--visible {\n          display: block;\n        }\n\n        .compose-form__sensitive-button__icon {\n          line-height: 27px;\n        }\n      }\n    }\n\n    .icon-button,\n    .text-icon-button {\n      box-sizing: content-box;\n      padding: 0 3px;\n    }\n\n    .character-counter__wrapper {\n      align-self: center;\n      margin-right: 4px;\n    }\n  }\n\n  .compose-form__publish {\n    display: flex;\n    justify-content: flex-end;\n    min-width: 0;\n    flex: 0 0 auto;\n\n    .compose-form__publish-button-wrapper {\n      overflow: hidden;\n      padding-top: 10px;\n    }\n  }\n}\n\n.character-counter {\n  cursor: default;\n  font-family: $font-sans-serif, sans-serif;\n  font-size: 14px;\n  font-weight: 600;\n  color: $lighter-text-color;\n\n  &.character-counter--over {\n    color: $warning-red;\n  }\n}\n\n.no-reduce-motion .spoiler-input {\n  transition: height 0.4s ease, opacity 0.4s ease;\n}\n\n.emojione {\n  font-size: inherit;\n  vertical-align: middle;\n  object-fit: contain;\n  margin: -.2ex .15em .2ex;\n  width: 16px;\n  height: 16px;\n\n  img {\n    width: auto;\n  }\n}\n\n.reply-indicator {\n  border-radius: 4px;\n  margin-bottom: 10px;\n  background: $ui-primary-color;\n  padding: 10px;\n  min-height: 23px;\n  overflow-y: auto;\n  flex: 0 2 auto;\n}\n\n.reply-indicator__header {\n  margin-bottom: 5px;\n  overflow: hidden;\n}\n\n.reply-indicator__cancel {\n  float: right;\n  line-height: 24px;\n}\n\n.reply-indicator__display-name {\n  color: $inverted-text-color;\n  display: block;\n  max-width: 100%;\n  line-height: 24px;\n  overflow: hidden;\n  padding-right: 25px;\n  text-decoration: none;\n}\n\n.reply-indicator__display-avatar {\n  float: left;\n  margin-right: 5px;\n}\n\n.status__content--with-action {\n  cursor: pointer;\n}\n\n.status__content,\n.reply-indicator__content {\n  position: relative;\n  font-size: 15px;\n  line-height: 20px;\n  word-wrap: break-word;\n  font-weight: 400;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  padding-top: 2px;\n  color: $primary-text-color;\n\n  &:focus {\n    outline: 0;\n  }\n\n  &.status__content--with-spoiler {\n    white-space: normal;\n\n    .status__content__text {\n      white-space: pre-wrap;\n    }\n  }\n\n  .emojione {\n    width: 20px;\n    height: 20px;\n    margin: -3px 0 0;\n  }\n\n  img {\n    max-width: 100%;\n    max-height: 400px;\n    object-fit: contain;\n  }\n\n  p {\n    margin-bottom: 20px;\n    white-space: pre-wrap;\n\n    &:last-child {\n      margin-bottom: 0;\n    }\n  }\n\n  a {\n    color: $pleroma-links;\n    text-decoration: none;\n\n    &:hover {\n      text-decoration: underline;\n\n      .fa {\n        color: lighten($dark-text-color, 7%);\n      }\n    }\n\n    &.mention {\n      &:hover {\n        text-decoration: none;\n\n        span {\n          text-decoration: underline;\n        }\n      }\n    }\n\n    .fa {\n      color: $dark-text-color;\n    }\n  }\n\n  a.unhandled-link {\n    color: lighten($ui-highlight-color, 8%);\n  }\n\n  .status__content__spoiler-link {\n    background: $action-button-color;\n\n    &:hover {\n      background: lighten($action-button-color, 7%);\n      text-decoration: none;\n    }\n\n    &::-moz-focus-inner {\n      border: 0;\n    }\n\n    &::-moz-focus-inner,\n    &:focus,\n    &:active {\n      outline: 0 !important;\n    }\n  }\n\n  .status__content__text {\n    display: none;\n\n    &.status__content__text--visible {\n      display: block;\n    }\n  }\n}\n\n.status__content.status__content--collapsed {\n  max-height: 20px * 15; // 15 lines is roughly above 500 characters\n}\n\n.status__content__read-more-button {\n  display: block;\n  font-size: 15px;\n  line-height: 20px;\n  color: lighten($ui-highlight-color, 8%);\n  border: 0;\n  background: transparent;\n  padding: 0;\n  padding-top: 8px;\n\n  &:hover,\n  &:active {\n    text-decoration: underline;\n  }\n}\n\n.status__content__spoiler-link {\n  display: inline-block;\n  border-radius: 2px;\n  background: transparent;\n  border: 0;\n  color: $inverted-text-color;\n  font-weight: 700;\n  font-size: 12px;\n  padding: 0 6px;\n  line-height: 20px;\n  cursor: pointer;\n  vertical-align: middle;\n}\n\n.status__wrapper--filtered {\n  color: $dark-text-color;\n  border: 0;\n  font-size: inherit;\n  text-align: center;\n  line-height: inherit;\n  margin: 0;\n  padding: 15px;\n  box-sizing: border-box;\n  width: 100%;\n  clear: both;\n  border-bottom: 1px solid lighten($ui-base-color, 8%);\n}\n\n.status__prepend-icon-wrapper {\n  left: -26px;\n  position: absolute;\n}\n\n.focusable {\n  &:focus {\n    outline: 0;\n    background: lighten($ui-base-color, 4%);\n\n    .status.status-direct {\n      background: lighten($ui-base-color, 12%);\n\n      &.muted {\n        background: transparent;\n      }\n    }\n\n    .detailed-status,\n    .detailed-status__action-bar {\n      background: lighten($ui-base-color, 8%);\n    }\n  }\n}\n\n.status {\n  padding: 8px 10px;\n  padding-left: 68px;\n  position: relative;\n  min-height: 54px;\n  border-bottom: 1px solid lighten($ui-base-color, 8%);\n  cursor: default;\n\n  @supports (-ms-overflow-style: -ms-autohiding-scrollbar) {\n    // Add margin to avoid Edge auto-hiding scrollbar appearing over content.\n    // On Edge 16 this is 16px and Edge <=15 it's 12px, so aim for 16px.\n    padding-right: 26px; // 10px + 16px\n  }\n\n  @keyframes fade {\n    0% { opacity: 0; }\n    100% { opacity: 1; }\n  }\n\n  opacity: 1;\n  animation: fade 150ms linear;\n\n  .video-player,\n  .audio-player {\n    margin-top: 8px;\n  }\n\n  &.status-direct:not(.read) {\n    background: lighten($ui-base-color, 8%);\n    border-bottom-color: lighten($ui-base-color, 12%);\n  }\n\n  &.light {\n    .status__relative-time {\n      color: $light-text-color;\n    }\n\n    .status__display-name {\n      color: $inverted-text-color;\n    }\n\n    .display-name {\n      strong {\n        color: $inverted-text-color;\n      }\n\n      span {\n        color: $light-text-color;\n      }\n    }\n\n    .status__content {\n      color: $inverted-text-color;\n\n      a {\n        color: $highlight-text-color;\n      }\n\n      a.status__content__spoiler-link {\n        color: $primary-text-color;\n        background: $ui-primary-color;\n\n        &:hover {\n          background: lighten($ui-primary-color, 8%);\n        }\n      }\n    }\n  }\n}\n\n.notification-favourite {\n  .status.status-direct {\n    background: transparent;\n\n    .icon-button.disabled {\n      color: lighten($action-button-color, 13%);\n    }\n  }\n}\n\n.status__relative-time,\n.notification__relative_time {\n  color: $dark-text-color;\n  float: right;\n  font-size: 14px;\n}\n\n.status__display-name {\n  color: $dark-text-color;\n}\n\n.status__info .status__display-name {\n  display: block;\n  max-width: 100%;\n  padding-right: 25px;\n}\n\n.status__info {\n  font-size: 15px;\n}\n\n.status-check-box {\n  border-bottom: 1px solid $ui-secondary-color;\n  display: flex;\n\n  .status-check-box__status {\n    margin: 10px 0 10px 10px;\n    flex: 1;\n\n    .media-gallery {\n      max-width: 250px;\n    }\n\n    .status__content {\n      padding: 0;\n      white-space: normal;\n    }\n\n    .video-player,\n    .audio-player {\n      margin-top: 8px;\n      max-width: 250px;\n    }\n\n    .media-gallery__item-thumbnail {\n      cursor: default;\n    }\n  }\n}\n\n.status-check-box-toggle {\n  align-items: center;\n  display: flex;\n  flex: 0 0 auto;\n  justify-content: center;\n  padding: 10px;\n}\n\n.status__prepend {\n  margin-left: 68px;\n  color: $dark-text-color;\n  padding: 8px 0;\n  padding-bottom: 2px;\n  font-size: 14px;\n  position: relative;\n\n  .status__display-name strong {\n    color: $dark-text-color;\n  }\n\n  > span {\n    display: block;\n    overflow: hidden;\n    text-overflow: ellipsis;\n  }\n}\n\n.status__action-bar {\n  align-items: center;\n  display: flex;\n  margin-top: 8px;\n\n  &__counter {\n    display: inline-flex;\n    margin-right: 11px;\n    align-items: center;\n\n    .status__action-bar-button {\n      margin-right: 4px;\n    }\n\n    &__label {\n      display: inline-block;\n      width: 14px;\n      font-size: 12px;\n      font-weight: 500;\n      color: $action-button-color;\n    }\n  }\n}\n\n.status__action-bar-button {\n  margin-right: 18px;\n}\n\n.status__action-bar-dropdown {\n  height: 23.15px;\n  width: 23.15px;\n}\n\n.detailed-status__action-bar-dropdown {\n  flex: 1 1 auto;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  position: relative;\n}\n\n.detailed-status {\n  background: lighten($ui-base-color, 4%);\n  padding: 14px 10px;\n\n  &--flex {\n    display: flex;\n    flex-wrap: wrap;\n    justify-content: space-between;\n    align-items: flex-start;\n\n    .status__content,\n    .detailed-status__meta {\n      flex: 100%;\n    }\n  }\n\n  .status__content {\n    font-size: 19px;\n    line-height: 24px;\n\n    .emojione {\n      width: 24px;\n      height: 24px;\n      margin: -1px 0 0;\n    }\n\n    .status__content__spoiler-link {\n      line-height: 24px;\n      margin: -1px 0 0;\n    }\n  }\n\n  .video-player,\n  .audio-player {\n    margin-top: 8px;\n  }\n}\n\n.detailed-status__meta {\n  margin-top: 15px;\n  color: $dark-text-color;\n  font-size: 14px;\n  line-height: 18px;\n}\n\n.detailed-status__action-bar {\n  background: lighten($ui-base-color, 4%);\n  border-top: 1px solid lighten($ui-base-color, 8%);\n  border-bottom: 1px solid lighten($ui-base-color, 8%);\n  display: flex;\n  flex-direction: row;\n  padding: 10px 0;\n}\n\n.detailed-status__link {\n  color: inherit;\n  text-decoration: none;\n}\n\n.detailed-status__favorites,\n.detailed-status__reblogs {\n  display: inline-block;\n  font-weight: 500;\n  font-size: 12px;\n  margin-left: 6px;\n}\n\n.reply-indicator__content {\n  color: $inverted-text-color;\n  font-size: 14px;\n\n  a {\n    color: $lighter-text-color;\n  }\n}\n\n.domain {\n  padding: 10px;\n  border-bottom: 1px solid lighten($ui-base-color, 8%);\n\n  .domain__domain-name {\n    flex: 1 1 auto;\n    display: block;\n    color: $primary-text-color;\n    text-decoration: none;\n    font-size: 14px;\n    font-weight: 500;\n  }\n}\n\n.domain__wrapper {\n  display: flex;\n}\n\n.domain_buttons {\n  height: 18px;\n  padding: 10px;\n  white-space: nowrap;\n}\n\n.account {\n  padding: 10px;\n  border-bottom: 1px solid lighten($ui-base-color, 8%);\n\n  &.compact {\n    padding: 0;\n    border-bottom: 0;\n\n    .account__avatar-wrapper {\n      margin-left: 0;\n    }\n  }\n\n  .account__display-name {\n    flex: 1 1 auto;\n    display: block;\n    color: $darker-text-color;\n    overflow: hidden;\n    text-decoration: none;\n    font-size: 14px;\n  }\n}\n\n.account__wrapper {\n  display: flex;\n}\n\n.account__avatar-wrapper {\n  float: left;\n  margin-left: 12px;\n  margin-right: 12px;\n}\n\n.account__avatar {\n  @include avatar-radius;\n  position: relative;\n\n  &-inline {\n    display: inline-block;\n    vertical-align: middle;\n    margin-right: 5px;\n  }\n\n  &-composite {\n    @include avatar-radius;\n    border-radius: 50%;\n    overflow: hidden;\n    position: relative;\n    cursor: default;\n\n    & > div {\n      float: left;\n      position: relative;\n      box-sizing: border-box;\n    }\n\n    &__label {\n      display: block;\n      position: absolute;\n      top: 50%;\n      left: 50%;\n      transform: translate(-50%, -50%);\n      color: $primary-text-color;\n      text-shadow: 1px 1px 2px $base-shadow-color;\n      font-weight: 700;\n      font-size: 15px;\n    }\n  }\n}\n\na .account__avatar {\n  cursor: pointer;\n}\n\n.account__avatar-overlay {\n  @include avatar-size(48px);\n\n  &-base {\n    @include avatar-radius;\n    @include avatar-size(36px);\n  }\n\n  &-overlay {\n    @include avatar-radius;\n    @include avatar-size(24px);\n\n    position: absolute;\n    bottom: 0;\n    right: 0;\n    z-index: 1;\n  }\n}\n\n.account__relationship {\n  height: 18px;\n  padding: 10px;\n  white-space: nowrap;\n}\n\n.account__disclaimer {\n  padding: 10px;\n  border-top: 1px solid lighten($ui-base-color, 8%);\n  color: $dark-text-color;\n\n  strong {\n    font-weight: 500;\n\n    @each $lang in $cjk-langs {\n      &:lang(#{$lang}) {\n        font-weight: 700;\n      }\n    }\n  }\n\n  a {\n    font-weight: 500;\n    color: inherit;\n    text-decoration: underline;\n\n    &:hover,\n    &:focus,\n    &:active {\n      text-decoration: none;\n    }\n  }\n}\n\n.account__action-bar {\n  border-top: 1px solid lighten($ui-base-color, 8%);\n  border-bottom: 1px solid lighten($ui-base-color, 8%);\n  line-height: 36px;\n  overflow: hidden;\n  flex: 0 0 auto;\n  display: flex;\n}\n\n.account__action-bar-dropdown {\n  padding: 10px;\n\n  .icon-button {\n    vertical-align: middle;\n  }\n\n  .dropdown--active {\n    .dropdown__content.dropdown__right {\n      left: 6px;\n      right: initial;\n    }\n\n    &::after {\n      bottom: initial;\n      margin-left: 11px;\n      margin-top: -7px;\n      right: initial;\n    }\n  }\n}\n\n.account__action-bar-links {\n  display: flex;\n  flex: 1 1 auto;\n  line-height: 18px;\n  text-align: center;\n}\n\n.account__action-bar__tab {\n  text-decoration: none;\n  overflow: hidden;\n  flex: 0 1 100%;\n  border-right: 1px solid lighten($ui-base-color, 8%);\n  padding: 10px 0;\n  border-bottom: 4px solid transparent;\n\n  &.active {\n    border-bottom: 4px solid $ui-highlight-color;\n  }\n\n  & > span {\n    display: block;\n    font-size: 12px;\n    color: $darker-text-color;\n  }\n\n  strong {\n    display: block;\n    font-size: 15px;\n    font-weight: 500;\n    color: $primary-text-color;\n\n    @each $lang in $cjk-langs {\n      &:lang(#{$lang}) {\n        font-weight: 700;\n      }\n    }\n  }\n}\n\n.account-authorize {\n  padding: 14px 10px;\n\n  .detailed-status__display-name {\n    display: block;\n    margin-bottom: 15px;\n    overflow: hidden;\n  }\n}\n\n.account-authorize__avatar {\n  float: left;\n  margin-right: 10px;\n}\n\n.status__display-name,\n.status__relative-time,\n.detailed-status__display-name,\n.detailed-status__datetime,\n.detailed-status__application,\n.account__display-name {\n  text-decoration: none;\n}\n\n.status__display-name,\n.account__display-name {\n  strong {\n    color: $primary-text-color;\n  }\n}\n\n.muted {\n  .emojione {\n    opacity: 0.5;\n  }\n}\n\n.status__display-name,\n.reply-indicator__display-name,\n.detailed-status__display-name,\na.account__display-name {\n  &:hover strong {\n    text-decoration: underline;\n  }\n}\n\n.account__display-name strong {\n  display: block;\n  overflow: hidden;\n  text-overflow: ellipsis;\n}\n\n.detailed-status__application,\n.detailed-status__datetime {\n  color: inherit;\n}\n\n.detailed-status .button.logo-button {\n  margin-bottom: 15px;\n}\n\n.detailed-status__display-name {\n  color: $secondary-text-color;\n  display: block;\n  line-height: 24px;\n  margin-bottom: 15px;\n  overflow: hidden;\n\n  strong,\n  span {\n    display: block;\n    text-overflow: ellipsis;\n    overflow: hidden;\n  }\n\n  strong {\n    font-size: 16px;\n    color: $primary-text-color;\n  }\n}\n\n.detailed-status__display-avatar {\n  float: left;\n  margin-right: 10px;\n}\n\n.status__avatar {\n  height: 48px;\n  left: 10px;\n  position: absolute;\n  top: 10px;\n  width: 48px;\n}\n\n.status__expand {\n  width: 68px;\n  position: absolute;\n  left: 0;\n  top: 0;\n  height: 100%;\n  cursor: pointer;\n}\n\n.muted {\n  .status__content,\n  .status__content p,\n  .status__content a {\n    color: $dark-text-color;\n  }\n\n  .status__display-name strong {\n    color: $dark-text-color;\n  }\n\n  .status__avatar {\n    opacity: 0.5;\n  }\n\n  a.status__content__spoiler-link {\n    background: $ui-base-lighter-color;\n    color: $inverted-text-color;\n\n    &:hover {\n      background: lighten($ui-base-lighter-color, 7%);\n      text-decoration: none;\n    }\n  }\n}\n\n.notification__message {\n  margin: 0 10px 0 68px;\n  padding: 8px 0 0;\n  cursor: default;\n  color: $darker-text-color;\n  font-size: 15px;\n  line-height: 22px;\n  position: relative;\n\n  .fa {\n    color: $highlight-text-color;\n  }\n\n  > span {\n    display: inline;\n    overflow: hidden;\n    text-overflow: ellipsis;\n  }\n}\n\n.notification__favourite-icon-wrapper {\n  left: -26px;\n  position: absolute;\n\n  .star-icon {\n    color: $gold-star;\n  }\n}\n\n.star-icon.active {\n  color: $gold-star;\n}\n\n.bookmark-icon.active {\n  color: $red-bookmark;\n}\n\n.no-reduce-motion .icon-button.star-icon {\n  &.activate {\n    & > .fa-star {\n      animation: spring-rotate-in 1s linear;\n    }\n  }\n\n  &.deactivate {\n    & > .fa-star {\n      animation: spring-rotate-out 1s linear;\n    }\n  }\n}\n\n.notification__display-name {\n  color: inherit;\n  font-weight: 500;\n  text-decoration: none;\n\n  &:hover {\n    color: $primary-text-color;\n    text-decoration: underline;\n  }\n}\n\n.notification__relative_time {\n  float: right;\n}\n\n.display-name {\n  display: block;\n  max-width: 100%;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n\n.display-name__html {\n  font-weight: 500;\n}\n\n.display-name__account {\n  font-size: 14px;\n}\n\n.status__relative-time,\n.detailed-status__datetime {\n  &:hover {\n    text-decoration: underline;\n  }\n}\n\n.image-loader {\n  position: relative;\n  width: 100%;\n  height: 100%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  flex-direction: column;\n\n  .image-loader__preview-canvas {\n    max-width: $media-modal-media-max-width;\n    max-height: $media-modal-media-max-height;\n    background: url('~images/void.png') repeat;\n    object-fit: contain;\n  }\n\n  .loading-bar {\n    position: relative;\n  }\n\n  &.image-loader--amorphous .image-loader__preview-canvas {\n    display: none;\n  }\n}\n\n.zoomable-image {\n  position: relative;\n  width: 100%;\n  height: 100%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n\n  img {\n    max-width: $media-modal-media-max-width;\n    max-height: $media-modal-media-max-height;\n    width: auto;\n    height: auto;\n    object-fit: contain;\n  }\n}\n\n.navigation-bar {\n  padding: 10px;\n  display: flex;\n  align-items: center;\n  flex-shrink: 0;\n  cursor: default;\n  color: $darker-text-color;\n\n  strong {\n    color: $secondary-text-color;\n  }\n\n  a {\n    color: inherit;\n  }\n\n  .permalink {\n    text-decoration: none;\n  }\n\n  .navigation-bar__actions {\n    position: relative;\n\n    .icon-button.close {\n      position: absolute;\n      pointer-events: none;\n      transform: scale(0, 1) translate(-100%, 0);\n      opacity: 0;\n    }\n\n    .compose__action-bar .icon-button {\n      pointer-events: auto;\n      transform: scale(1, 1) translate(0, 0);\n      opacity: 1;\n    }\n  }\n}\n\n.navigation-bar__profile {\n  flex: 1 1 auto;\n  margin-left: 8px;\n  line-height: 20px;\n  margin-top: -1px;\n  overflow: hidden;\n}\n\n.navigation-bar__profile-account {\n  display: block;\n  font-weight: 500;\n  overflow: hidden;\n  text-overflow: ellipsis;\n}\n\n.navigation-bar__profile-edit {\n  color: inherit;\n  text-decoration: none;\n}\n\n.dropdown {\n  display: inline-block;\n}\n\n.dropdown__content {\n  display: none;\n  position: absolute;\n}\n\n.dropdown-menu__separator {\n  border-bottom: 1px solid darken($ui-secondary-color, 8%);\n  margin: 5px 7px 6px;\n  height: 0;\n}\n\n.dropdown-menu {\n  background: $ui-secondary-color;\n  padding: 4px 0;\n  border-radius: 4px;\n  box-shadow: 2px 4px 15px rgba($base-shadow-color, 0.4);\n  z-index: 9999;\n\n  ul {\n    list-style: none;\n  }\n\n  &.left {\n    transform-origin: 100% 50%;\n  }\n\n  &.top {\n    transform-origin: 50% 100%;\n  }\n\n  &.bottom {\n    transform-origin: 50% 0;\n  }\n\n  &.right {\n    transform-origin: 0 50%;\n  }\n}\n\n.dropdown-menu__arrow {\n  position: absolute;\n  width: 0;\n  height: 0;\n  border: 0 solid transparent;\n\n  &.left {\n    right: -5px;\n    margin-top: -5px;\n    border-width: 5px 0 5px 5px;\n    border-left-color: $ui-secondary-color;\n  }\n\n  &.top {\n    bottom: -5px;\n    margin-left: -7px;\n    border-width: 5px 7px 0;\n    border-top-color: $ui-secondary-color;\n  }\n\n  &.bottom {\n    top: -5px;\n    margin-left: -7px;\n    border-width: 0 7px 5px;\n    border-bottom-color: $ui-secondary-color;\n  }\n\n  &.right {\n    left: -5px;\n    margin-top: -5px;\n    border-width: 5px 5px 5px 0;\n    border-right-color: $ui-secondary-color;\n  }\n}\n\n.dropdown-menu__item {\n  a {\n    font-size: 13px;\n    line-height: 18px;\n    display: block;\n    padding: 4px 14px;\n    box-sizing: border-box;\n    text-decoration: none;\n    background: $ui-secondary-color;\n    color: $inverted-text-color;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n\n    &:focus,\n    &:hover,\n    &:active {\n      background: $ui-highlight-color;\n      color: $secondary-text-color;\n      outline: 0;\n    }\n  }\n}\n\n.dropdown--active .dropdown__content {\n  display: block;\n  line-height: 18px;\n  max-width: 311px;\n  right: 0;\n  text-align: left;\n  z-index: 9999;\n\n  & > ul {\n    list-style: none;\n    background: $ui-secondary-color;\n    padding: 4px 0;\n    border-radius: 4px;\n    box-shadow: 0 0 15px rgba($base-shadow-color, 0.4);\n    min-width: 140px;\n    position: relative;\n  }\n\n  &.dropdown__right {\n    right: 0;\n  }\n\n  &.dropdown__left {\n    & > ul {\n      left: -98px;\n    }\n  }\n\n  & > ul > li > a {\n    font-size: 13px;\n    line-height: 18px;\n    display: block;\n    padding: 4px 14px;\n    box-sizing: border-box;\n    text-decoration: none;\n    background: $ui-secondary-color;\n    color: $inverted-text-color;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n\n    &:focus {\n      outline: 0;\n    }\n\n    &:hover {\n      background: $ui-highlight-color;\n      color: $secondary-text-color;\n    }\n  }\n}\n\n.dropdown__icon {\n  vertical-align: middle;\n}\n\n.columns-area {\n  display: flex;\n  flex: 1 1 auto;\n  flex-direction: row;\n  justify-content: flex-start;\n  overflow-x: auto;\n  position: relative;\n\n  &.unscrollable {\n    overflow-x: hidden;\n  }\n\n  &__panels {\n    display: flex;\n    justify-content: center;\n    width: 100%;\n    height: 100%;\n    min-height: 100vh;\n\n    &__pane {\n      height: 100%;\n      overflow: hidden;\n      pointer-events: none;\n      display: flex;\n      justify-content: flex-end;\n      min-width: 285px;\n\n      &--start {\n        justify-content: flex-start;\n      }\n\n      &__inner {\n        position: fixed;\n        width: 285px;\n        pointer-events: auto;\n        height: 100%;\n      }\n    }\n\n    &__main {\n      box-sizing: border-box;\n      width: 100%;\n      max-width: 600px;\n      flex: 0 0 auto;\n      display: flex;\n      flex-direction: column;\n\n      @media screen and (min-width: $no-gap-breakpoint) {\n        padding: 0 10px;\n      }\n    }\n  }\n}\n\n.tabs-bar__wrapper {\n  background: darken($ui-base-color, 8%);\n  position: sticky;\n  top: 0;\n  z-index: 2;\n  padding-top: 0;\n\n  @media screen and (min-width: $no-gap-breakpoint) {\n    padding-top: 10px;\n  }\n\n  .tabs-bar {\n    margin-bottom: 0;\n\n    @media screen and (min-width: $no-gap-breakpoint) {\n      margin-bottom: 10px;\n    }\n  }\n}\n\n.react-swipeable-view-container {\n  &,\n  .columns-area,\n  .drawer,\n  .column {\n    height: 100%;\n  }\n}\n\n.react-swipeable-view-container > * {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  height: 100%;\n}\n\n.column {\n  width: 350px;\n  position: relative;\n  box-sizing: border-box;\n  display: flex;\n  flex-direction: column;\n\n  > .scrollable {\n    background: $ui-base-color;\n    border-bottom-left-radius: 2px;\n    border-bottom-right-radius: 2px;\n  }\n}\n\n.ui {\n  flex: 0 0 auto;\n  display: flex;\n  flex-direction: column;\n  width: 100%;\n  height: 100%;\n}\n\n.drawer {\n  width: 330px;\n  box-sizing: border-box;\n  display: flex;\n  flex-direction: column;\n  overflow-y: hidden;\n}\n\n.drawer__tab {\n  display: block;\n  flex: 1 1 auto;\n  padding: 15px 5px 13px;\n  color: $darker-text-color;\n  text-decoration: none;\n  text-align: center;\n  font-size: 16px;\n  border-bottom: 2px solid transparent;\n}\n\n.column,\n.drawer {\n  flex: 1 1 auto;\n  overflow: hidden;\n}\n\n@media screen and (min-width: 631px) {\n  .columns-area {\n    padding: 0;\n  }\n\n  .column,\n  .drawer {\n    flex: 0 0 auto;\n    padding: 10px;\n    padding-left: 5px;\n    padding-right: 5px;\n\n    &:first-child {\n      padding-left: 10px;\n    }\n\n    &:last-child {\n      padding-right: 10px;\n    }\n  }\n\n  .columns-area > div {\n    .column,\n    .drawer {\n      padding-left: 5px;\n      padding-right: 5px;\n    }\n  }\n}\n\n.tabs-bar {\n  box-sizing: border-box;\n  display: flex;\n  background: lighten($ui-base-color, 8%);\n  flex: 0 0 auto;\n  overflow-y: auto;\n}\n\n.tabs-bar__link {\n  display: block;\n  flex: 1 1 auto;\n  padding: 15px 10px;\n  padding-bottom: 13px;\n  color: $primary-text-color;\n  text-decoration: none;\n  text-align: center;\n  font-size: 14px;\n  font-weight: 500;\n  border-bottom: 2px solid lighten($ui-base-color, 8%);\n  transition: all 50ms linear;\n  transition-property: border-bottom, background, color;\n\n  .fa {\n    font-weight: 400;\n    font-size: 16px;\n  }\n\n  &:hover,\n  &:focus,\n  &:active {\n    @media screen and (min-width: 631px) {\n      background: lighten($ui-base-color, 14%);\n      border-bottom-color: lighten($ui-base-color, 14%);\n    }\n  }\n\n  &.active {\n    border-bottom: 2px solid $highlight-text-color;\n    color: $highlight-text-color;\n  }\n\n  span {\n    margin-left: 5px;\n    display: none;\n  }\n}\n\n@media screen and (min-width: 600px) {\n  .tabs-bar__link {\n    span {\n      display: inline;\n    }\n  }\n}\n\n.columns-area--mobile {\n  flex-direction: column;\n  width: 100%;\n  height: 100%;\n  margin: 0 auto;\n\n  .column,\n  .drawer {\n    width: 100%;\n    height: 100%;\n    padding: 0;\n  }\n\n  .directory__list {\n    display: grid;\n    grid-gap: 10px;\n    grid-template-columns: minmax(0, 50%) minmax(0, 50%);\n\n    @media screen and (max-width: $no-gap-breakpoint) {\n      display: block;\n    }\n  }\n\n  .directory__card {\n    margin-bottom: 0;\n  }\n\n  .filter-form {\n    display: flex;\n  }\n\n  .autosuggest-textarea__textarea {\n    font-size: 16px;\n  }\n\n  .search__input {\n    line-height: 18px;\n    font-size: 16px;\n    padding: 15px;\n    padding-right: 30px;\n  }\n\n  .search__icon .fa {\n    top: 15px;\n  }\n\n  .scrollable {\n    overflow: visible;\n\n    @supports(display: grid) {\n      contain: content;\n    }\n  }\n\n  @media screen and (min-width: $no-gap-breakpoint) {\n    padding: 10px 0;\n    padding-top: 0;\n  }\n\n  @media screen and (min-width: 630px) {\n    .detailed-status {\n      padding: 15px;\n\n      .media-gallery,\n      .video-player,\n      .audio-player {\n        margin-top: 15px;\n      }\n    }\n\n    .account__header__bar {\n      padding: 5px 10px;\n    }\n\n    .navigation-bar,\n    .compose-form {\n      padding: 15px;\n    }\n\n    .compose-form .compose-form__publish .compose-form__publish-button-wrapper {\n      padding-top: 15px;\n    }\n\n    .status {\n      padding: 15px 15px 15px (48px + 15px * 2);\n      min-height: 48px + 2px;\n\n      &__avatar {\n        left: 15px;\n        top: 17px;\n      }\n\n      &__content {\n        padding-top: 5px;\n      }\n\n      &__prepend {\n        margin-left: 48px + 15px * 2;\n        padding-top: 15px;\n      }\n\n      &__prepend-icon-wrapper {\n        left: -32px;\n      }\n\n      .media-gallery,\n      &__action-bar,\n      .video-player,\n      .audio-player {\n        margin-top: 10px;\n      }\n    }\n\n    .account {\n      padding: 15px 10px;\n\n      &__header__bio {\n        margin: 0 -10px;\n      }\n    }\n\n    .notification {\n      &__message {\n        margin-left: 48px + 15px * 2;\n        padding-top: 15px;\n      }\n\n      &__favourite-icon-wrapper {\n        left: -32px;\n      }\n\n      .status {\n        padding-top: 8px;\n      }\n\n      .account {\n        padding-top: 8px;\n      }\n\n      .account__avatar-wrapper {\n        margin-left: 17px;\n        margin-right: 15px;\n      }\n    }\n  }\n}\n\n.floating-action-button {\n  position: fixed;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  width: 3.9375rem;\n  height: 3.9375rem;\n  bottom: 1.3125rem;\n  right: 1.3125rem;\n  background: darken($ui-highlight-color, 3%);\n  color: $white;\n  border-radius: 50%;\n  font-size: 21px;\n  line-height: 21px;\n  text-decoration: none;\n  box-shadow: 2px 3px 9px rgba($base-shadow-color, 0.4);\n\n  &:hover,\n  &:focus,\n  &:active {\n    background: lighten($ui-highlight-color, 7%);\n  }\n}\n\n@media screen and (min-width: $no-gap-breakpoint) {\n  .tabs-bar {\n    width: 100%;\n  }\n\n  .react-swipeable-view-container .columns-area--mobile {\n    height: calc(100% - 10px) !important;\n  }\n\n  .getting-started__wrapper,\n  .getting-started__trends,\n  .search {\n    margin-bottom: 10px;\n  }\n\n  .getting-started__panel {\n    margin: 10px 0;\n  }\n\n  .column,\n  .drawer {\n    min-width: 330px;\n  }\n}\n\n@media screen and (max-width: 600px + (285px * 1) + (10px * 1)) {\n  .columns-area__panels__pane--compositional {\n    display: none;\n  }\n}\n\n@media screen and (min-width: 600px + (285px * 1) + (10px * 1)) {\n  .floating-action-button,\n  .tabs-bar__link.optional {\n    display: none;\n  }\n\n  .search-page .search {\n    display: none;\n  }\n}\n\n@media screen and (max-width: 600px + (285px * 2) + (10px * 2)) {\n  .columns-area__panels__pane--navigational {\n    display: none;\n  }\n}\n\n@media screen and (min-width: 600px + (285px * 2) + (10px * 2)) {\n  .tabs-bar {\n    display: none;\n  }\n}\n\n.icon-with-badge {\n  position: relative;\n\n  &__badge {\n    position: absolute;\n    left: 9px;\n    top: -13px;\n    background: $ui-highlight-color;\n    border: 2px solid lighten($ui-base-color, 8%);\n    padding: 1px 6px;\n    border-radius: 6px;\n    font-size: 10px;\n    font-weight: 500;\n    line-height: 14px;\n    color: $primary-text-color;\n  }\n}\n\n.column-link--transparent .icon-with-badge__badge {\n  border-color: darken($ui-base-color, 8%);\n}\n\n.compose-panel {\n  width: 285px;\n  margin-top: 10px;\n  display: flex;\n  flex-direction: column;\n  height: calc(100% - 10px);\n  overflow-y: hidden;\n\n  .navigation-bar {\n    padding-top: 20px;\n    padding-bottom: 20px;\n    flex: 0 1 48px;\n    min-height: 20px;\n  }\n\n  .flex-spacer {\n    background: transparent;\n  }\n\n  .compose-form {\n    flex: 1;\n    overflow-y: hidden;\n    display: flex;\n    flex-direction: column;\n    min-height: 310px;\n    padding-bottom: 71px;\n    margin-bottom: -71px;\n  }\n\n  .compose-form__autosuggest-wrapper {\n    overflow-y: auto;\n    background-color: $white;\n    border-radius: 4px 4px 0 0;\n    flex: 0 1 auto;\n  }\n\n  .autosuggest-textarea__textarea {\n    overflow-y: hidden;\n  }\n\n  .compose-form__upload-thumbnail {\n    height: 80px;\n  }\n}\n\n.navigation-panel {\n  margin-top: 10px;\n  margin-bottom: 10px;\n  height: calc(100% - 20px);\n  overflow-y: auto;\n  display: flex;\n  flex-direction: column;\n\n  & > a {\n    flex: 0 0 auto;\n  }\n\n  hr {\n    flex: 0 0 auto;\n    border: 0;\n    background: transparent;\n    border-top: 1px solid lighten($ui-base-color, 4%);\n    margin: 10px 0;\n  }\n\n  .flex-spacer {\n    background: transparent;\n  }\n}\n\n.drawer__pager {\n  box-sizing: border-box;\n  padding: 0;\n  flex-grow: 1;\n  position: relative;\n  overflow: hidden;\n  display: flex;\n}\n\n.drawer__inner {\n  position: absolute;\n  top: 0;\n  left: 0;\n  background: lighten($ui-base-color, 13%);\n  box-sizing: border-box;\n  padding: 0;\n  display: flex;\n  flex-direction: column;\n  overflow: hidden;\n  overflow-y: auto;\n  width: 100%;\n  height: 100%;\n  border-radius: 2px;\n\n  &.darker {\n    background: $ui-base-color;\n  }\n}\n\n.drawer__inner__mastodon {\n  background: lighten($ui-base-color, 13%) url('data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 234.80078 31.757813\" width=\"234.80078\" height=\"31.757812\"><path d=\"M19.599609 0c-1.05 0-2.10039.375-2.90039 1.125L0 16.925781v14.832031h234.80078V17.025391l-16.5-15.900391c-1.6-1.5-4.20078-1.5-5.80078 0l-13.80078 13.099609c-1.6 1.5-4.19883 1.5-5.79883 0L179.09961 1.125c-1.6-1.5-4.19883-1.5-5.79883 0L159.5 14.224609c-1.6 1.5-4.20078 1.5-5.80078 0L139.90039 1.125c-1.6-1.5-4.20078-1.5-5.80078 0l-13.79883 13.099609c-1.6 1.5-4.20078 1.5-5.80078 0L100.69922 1.125c-1.600001-1.5-4.198829-1.5-5.798829 0l-13.59961 13.099609c-1.6 1.5-4.200781 1.5-5.800781 0L61.699219 1.125c-1.6-1.5-4.198828-1.5-5.798828 0L42.099609 14.224609c-1.6 1.5-4.198828 1.5-5.798828 0L22.5 1.125C21.7.375 20.649609 0 19.599609 0z\" fill=\"#{hex-color($ui-base-color)}\"/></svg>') no-repeat bottom / 100% auto;\n  flex: 1;\n  min-height: 47px;\n  display: none;\n\n  > img {\n    display: block;\n    object-fit: contain;\n    object-position: bottom left;\n    width: 100%;\n    height: 100%;\n    pointer-events: none;\n    user-drag: none;\n    user-select: none;\n  }\n\n  @media screen and (min-height: 640px) {\n    display: block;\n  }\n}\n\n.pseudo-drawer {\n  background: lighten($ui-base-color, 13%);\n  font-size: 13px;\n  text-align: left;\n}\n\n.drawer__header {\n  flex: 0 0 auto;\n  font-size: 16px;\n  background: lighten($ui-base-color, 8%);\n  margin-bottom: 10px;\n  display: flex;\n  flex-direction: row;\n  border-radius: 2px;\n\n  a {\n    transition: background 100ms ease-in;\n\n    &:hover {\n      background: lighten($ui-base-color, 3%);\n      transition: background 200ms ease-out;\n    }\n  }\n}\n\n.scrollable {\n  overflow-y: scroll;\n  overflow-x: hidden;\n  flex: 1 1 auto;\n  -webkit-overflow-scrolling: touch;\n\n  &.optionally-scrollable {\n    overflow-y: auto;\n  }\n\n  @supports(display: grid) { // hack to fix Chrome <57\n    contain: strict;\n  }\n\n  &--flex {\n    display: flex;\n    flex-direction: column;\n  }\n\n  &__append {\n    flex: 1 1 auto;\n    position: relative;\n    min-height: 120px;\n  }\n}\n\n.scrollable.fullscreen {\n  @supports(display: grid) { // hack to fix Chrome <57\n    contain: none;\n  }\n}\n\n.column-back-button {\n  box-sizing: border-box;\n  width: 100%;\n  background: lighten($ui-base-color, 4%);\n  color: $highlight-text-color;\n  cursor: pointer;\n  flex: 0 0 auto;\n  font-size: 16px;\n  line-height: inherit;\n  border: 0;\n  text-align: unset;\n  padding: 15px;\n  margin: 0;\n  z-index: 3;\n  outline: 0;\n\n  &:hover {\n    text-decoration: underline;\n  }\n}\n\n.column-header__back-button {\n  background: lighten($ui-base-color, 4%);\n  border: 0;\n  font-family: inherit;\n  color: $highlight-text-color;\n  cursor: pointer;\n  white-space: nowrap;\n  font-size: 16px;\n  padding: 0 5px 0 0;\n  z-index: 3;\n\n  &:hover {\n    text-decoration: underline;\n  }\n\n  &:last-child {\n    padding: 0 15px 0 0;\n  }\n}\n\n.column-back-button__icon {\n  display: inline-block;\n  margin-right: 5px;\n}\n\n.column-back-button--slim {\n  position: relative;\n}\n\n.column-back-button--slim-button {\n  cursor: pointer;\n  flex: 0 0 auto;\n  font-size: 16px;\n  padding: 15px;\n  position: absolute;\n  right: 0;\n  top: -48px;\n}\n\n.react-toggle {\n  display: inline-block;\n  position: relative;\n  cursor: pointer;\n  background-color: transparent;\n  border: 0;\n  padding: 0;\n  user-select: none;\n  -webkit-tap-highlight-color: rgba($base-overlay-background, 0);\n  -webkit-tap-highlight-color: transparent;\n}\n\n.react-toggle-screenreader-only {\n  border: 0;\n  clip: rect(0 0 0 0);\n  height: 1px;\n  margin: -1px;\n  overflow: hidden;\n  padding: 0;\n  position: absolute;\n  width: 1px;\n}\n\n.react-toggle--disabled {\n  cursor: not-allowed;\n  opacity: 0.5;\n  transition: opacity 0.25s;\n}\n\n.react-toggle-track {\n  width: 50px;\n  height: 24px;\n  padding: 0;\n  border-radius: 30px;\n  background-color: $ui-base-color;\n  transition: background-color 0.2s ease;\n}\n\n.react-toggle:hover:not(.react-toggle--disabled) .react-toggle-track {\n  background-color: darken($ui-base-color, 10%);\n}\n\n.react-toggle--checked .react-toggle-track {\n  background-color: $ui-highlight-color;\n}\n\n.react-toggle--checked:hover:not(.react-toggle--disabled) .react-toggle-track {\n  background-color: lighten($ui-highlight-color, 10%);\n}\n\n.react-toggle-track-check {\n  position: absolute;\n  width: 14px;\n  height: 10px;\n  top: 0;\n  bottom: 0;\n  margin-top: auto;\n  margin-bottom: auto;\n  line-height: 0;\n  left: 8px;\n  opacity: 0;\n  transition: opacity 0.25s ease;\n}\n\n.react-toggle--checked .react-toggle-track-check {\n  opacity: 1;\n  transition: opacity 0.25s ease;\n}\n\n.react-toggle-track-x {\n  position: absolute;\n  width: 10px;\n  height: 10px;\n  top: 0;\n  bottom: 0;\n  margin-top: auto;\n  margin-bottom: auto;\n  line-height: 0;\n  right: 10px;\n  opacity: 1;\n  transition: opacity 0.25s ease;\n}\n\n.react-toggle--checked .react-toggle-track-x {\n  opacity: 0;\n}\n\n.react-toggle-thumb {\n  position: absolute;\n  top: 1px;\n  left: 1px;\n  width: 22px;\n  height: 22px;\n  border: 1px solid $ui-base-color;\n  border-radius: 50%;\n  background-color: darken($simple-background-color, 2%);\n  box-sizing: border-box;\n  transition: all 0.25s ease;\n  transition-property: border-color, left;\n}\n\n.react-toggle--checked .react-toggle-thumb {\n  left: 27px;\n  border-color: $ui-highlight-color;\n}\n\n.column-link {\n  background: lighten($ui-base-color, 8%);\n  color: $primary-text-color;\n  display: block;\n  font-size: 16px;\n  padding: 15px;\n  text-decoration: none;\n\n  &:hover,\n  &:focus,\n  &:active {\n    background: lighten($ui-base-color, 11%);\n  }\n\n  &:focus {\n    outline: 0;\n  }\n\n  &--transparent {\n    background: transparent;\n    color: $ui-secondary-color;\n\n    &:hover,\n    &:focus,\n    &:active {\n      background: transparent;\n      color: $primary-text-color;\n    }\n\n    &.active {\n      color: $ui-highlight-color;\n    }\n  }\n}\n\n.column-link__icon {\n  display: inline-block;\n  margin-right: 5px;\n}\n\n.column-link__badge {\n  display: inline-block;\n  border-radius: 4px;\n  font-size: 12px;\n  line-height: 19px;\n  font-weight: 500;\n  background: $ui-base-color;\n  padding: 4px 8px;\n  margin: -6px 10px;\n}\n\n.column-subheading {\n  background: $ui-base-color;\n  color: $dark-text-color;\n  padding: 8px 20px;\n  font-size: 13px;\n  font-weight: 500;\n  cursor: default;\n}\n\n.getting-started__wrapper,\n.getting-started,\n.flex-spacer {\n  background: $ui-base-color;\n}\n\n.flex-spacer {\n  flex: 1 1 auto;\n}\n\n.getting-started {\n  color: $dark-text-color;\n  overflow: auto;\n  border-bottom-left-radius: 2px;\n  border-bottom-right-radius: 2px;\n\n  &__wrapper,\n  &__panel,\n  &__footer {\n    height: min-content;\n  }\n\n  &__panel,\n  &__footer\n  {\n    padding: 10px;\n    padding-top: 20px;\n    flex-grow: 0;\n\n    ul {\n      margin-bottom: 10px;\n    }\n\n    ul li {\n      display: inline;\n    }\n\n    p {\n      font-size: 13px;\n\n      a {\n        color: $dark-text-color;\n        text-decoration: underline;\n      }\n    }\n\n    a {\n      text-decoration: none;\n      color: $darker-text-color;\n\n      &:hover,\n      &:focus,\n      &:active {\n        text-decoration: underline;\n      }\n    }\n  }\n\n  &__wrapper,\n  &__footer\n  {\n    color: $dark-text-color;\n  }\n\n  &__trends {\n    flex: 0 1 auto;\n    opacity: 1;\n    animation: fade 150ms linear;\n    margin-top: 10px;\n\n    h4 {\n      font-size: 13px;\n      color: $darker-text-color;\n      padding: 10px;\n      font-weight: 500;\n      border-bottom: 1px solid lighten($ui-base-color, 8%);\n    }\n\n    @media screen and (max-height: 810px) {\n      .trends__item:nth-child(3) {\n        display: none;\n      }\n    }\n\n    @media screen and (max-height: 720px) {\n      .trends__item:nth-child(2) {\n        display: none;\n      }\n    }\n\n    @media screen and (max-height: 670px) {\n      display: none;\n    }\n\n    .trends__item {\n      border-bottom: 0;\n      padding: 10px;\n\n      &__current {\n        color: $darker-text-color;\n      }\n    }\n  }\n}\n\n.keyboard-shortcuts {\n  padding: 8px 0 0;\n  overflow: hidden;\n\n  thead {\n    position: absolute;\n    left: -9999px;\n  }\n\n  td {\n    padding: 0 10px 8px;\n  }\n\n  kbd {\n    display: inline-block;\n    padding: 3px 5px;\n    background-color: lighten($ui-base-color, 8%);\n    border: 1px solid darken($ui-base-color, 4%);\n  }\n}\n\n.setting-text {\n  display: block;\n  box-sizing: border-box;\n  width: 100%;\n  margin: 0;\n  color: $inverted-text-color;\n  background: $simple-background-color;\n  padding: 10px;\n  font-family: inherit;\n  font-size: 14px;\n  resize: vertical;\n  border: 0;\n  outline: 0;\n  border-radius: 4px;\n\n  &:focus {\n    outline: 0;\n  }\n\n  @media screen and (max-width: 600px) {\n    font-size: 16px;\n  }\n}\n\n.no-reduce-motion button.icon-button i.fa-retweet {\n  background-position: 0 0;\n  height: 19px;\n  transition: background-position 0.9s steps(10);\n  transition-duration: 0s;\n  vertical-align: middle;\n  width: 22px;\n\n  &::before {\n    display: none !important;\n  }\n\n}\n\n.no-reduce-motion button.icon-button.active i.fa-retweet {\n  transition-duration: 0.9s;\n  background-position: 0 100%;\n}\n\n.reduce-motion button.icon-button i.fa-retweet {\n  color: $action-button-color;\n  transition: color 100ms ease-in;\n}\n\n.reduce-motion button.icon-button.active i.fa-retweet {\n  color: $highlight-text-color;\n}\n\n.status-card {\n  display: flex;\n  font-size: 14px;\n  border: 1px solid lighten($ui-base-color, 8%);\n  border-radius: 4px;\n  color: $dark-text-color;\n  margin-top: 14px;\n  text-decoration: none;\n  overflow: hidden;\n\n  &__actions {\n    bottom: 0;\n    left: 0;\n    position: absolute;\n    right: 0;\n    top: 0;\n    display: flex;\n    justify-content: center;\n    align-items: center;\n\n    & > div {\n      background: rgba($base-shadow-color, 0.6);\n      border-radius: 8px;\n      padding: 12px 9px;\n      flex: 0 0 auto;\n      display: flex;\n      justify-content: center;\n      align-items: center;\n    }\n\n    button,\n    a {\n      display: inline;\n      color: $secondary-text-color;\n      background: transparent;\n      border: 0;\n      padding: 0 8px;\n      text-decoration: none;\n      font-size: 18px;\n      line-height: 18px;\n\n      &:hover,\n      &:active,\n      &:focus {\n        color: $primary-text-color;\n      }\n    }\n\n    a {\n      font-size: 19px;\n      position: relative;\n      bottom: -1px;\n    }\n  }\n}\n\na.status-card {\n  cursor: pointer;\n\n  &:hover {\n    background: lighten($ui-base-color, 8%);\n  }\n}\n\n.status-card-photo {\n  cursor: zoom-in;\n  display: block;\n  text-decoration: none;\n  width: 100%;\n  height: auto;\n  margin: 0;\n}\n\n.status-card-video {\n  iframe {\n    width: 100%;\n    height: 100%;\n  }\n}\n\n.status-card__title {\n  display: block;\n  font-weight: 500;\n  margin-bottom: 5px;\n  color: $darker-text-color;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  text-decoration: none;\n}\n\n.status-card__content {\n  flex: 1 1 auto;\n  overflow: hidden;\n  padding: 14px 14px 14px 8px;\n}\n\n.status-card__description {\n  color: $darker-text-color;\n}\n\n.status-card__host {\n  display: block;\n  margin-top: 5px;\n  font-size: 13px;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n\n.status-card__image {\n  flex: 0 0 100px;\n  background: lighten($ui-base-color, 8%);\n  position: relative;\n\n  & > .fa {\n    font-size: 21px;\n    position: absolute;\n    transform-origin: 50% 50%;\n    top: 50%;\n    left: 50%;\n    transform: translate(-50%, -50%);\n  }\n}\n\n.status-card.horizontal {\n  display: block;\n\n  .status-card__image {\n    width: 100%;\n  }\n\n  .status-card__image-image {\n    border-radius: 4px 4px 0 0;\n  }\n\n  .status-card__title {\n    white-space: inherit;\n  }\n}\n\n.status-card.compact {\n  border-color: lighten($ui-base-color, 4%);\n\n  &.interactive {\n    border: 0;\n  }\n\n  .status-card__content {\n    padding: 8px;\n    padding-top: 10px;\n  }\n\n  .status-card__title {\n    white-space: nowrap;\n  }\n\n  .status-card__image {\n    flex: 0 0 60px;\n  }\n}\n\na.status-card.compact:hover {\n  background-color: lighten($ui-base-color, 4%);\n}\n\n.status-card__image-image {\n  border-radius: 4px 0 0 4px;\n  display: block;\n  margin: 0;\n  width: 100%;\n  height: 100%;\n  object-fit: cover;\n  background-size: cover;\n  background-position: center center;\n}\n\n.load-more {\n  display: block;\n  color: $dark-text-color;\n  background-color: transparent;\n  border: 0;\n  font-size: inherit;\n  text-align: center;\n  line-height: inherit;\n  margin: 0;\n  padding: 15px;\n  box-sizing: border-box;\n  width: 100%;\n  clear: both;\n  text-decoration: none;\n\n  &:hover {\n    background: lighten($ui-base-color, 2%);\n  }\n}\n\n.load-gap {\n  border-bottom: 1px solid lighten($ui-base-color, 8%);\n}\n\n.regeneration-indicator {\n  text-align: center;\n  font-size: 16px;\n  font-weight: 500;\n  color: $dark-text-color;\n  background: $ui-base-color;\n  cursor: default;\n  display: flex;\n  flex: 1 1 auto;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  padding: 20px;\n\n  &__figure {\n    &,\n    img {\n      display: block;\n      width: auto;\n      height: 160px;\n      margin: 0;\n    }\n  }\n\n  &--without-header {\n    padding-top: 20px + 48px;\n  }\n\n  &__label {\n    margin-top: 30px;\n\n    strong {\n      display: block;\n      margin-bottom: 10px;\n      color: $dark-text-color;\n    }\n\n    span {\n      font-size: 15px;\n      font-weight: 400;\n    }\n  }\n}\n\n.column-header__wrapper {\n  position: relative;\n  flex: 0 0 auto;\n\n  &.active {\n    &::before {\n      display: block;\n      content: \"\";\n      position: absolute;\n      top: 35px;\n      left: 0;\n      right: 0;\n      margin: 0 auto;\n      width: 60%;\n      pointer-events: none;\n      height: 28px;\n      z-index: 1;\n      background: radial-gradient(ellipse, rgba($ui-highlight-color, 0.23) 0%, rgba($ui-highlight-color, 0) 60%);\n    }\n  }\n}\n\n.column-header {\n  display: flex;\n  font-size: 16px;\n  background: lighten($ui-base-color, 4%);\n  flex: 0 0 auto;\n  cursor: pointer;\n  position: relative;\n  z-index: 2;\n  outline: 0;\n  overflow: hidden;\n  border-top-left-radius: 2px;\n  border-top-right-radius: 2px;\n\n  & > button {\n    margin: 0;\n    border: 0;\n    padding: 15px 0 15px 15px;\n    color: inherit;\n    background: transparent;\n    font: inherit;\n    text-align: left;\n    text-overflow: ellipsis;\n    overflow: hidden;\n    white-space: nowrap;\n    flex: 1;\n  }\n\n  & > .column-header__back-button {\n    color: $highlight-text-color;\n  }\n\n  &.active {\n    box-shadow: 0 1px 0 rgba($highlight-text-color, 0.3);\n\n    .column-header__icon {\n      color: $highlight-text-color;\n      text-shadow: 0 0 10px rgba($highlight-text-color, 0.4);\n    }\n  }\n\n  &:focus,\n  &:active {\n    outline: 0;\n  }\n}\n\n.column-header__buttons {\n  height: 48px;\n  display: flex;\n}\n\n.column-header__links {\n  margin-bottom: 14px;\n}\n\n.column-header__links .text-btn {\n  margin-right: 10px;\n}\n\n.column-header__button {\n  background: lighten($ui-base-color, 4%);\n  border: 0;\n  color: $darker-text-color;\n  cursor: pointer;\n  font-size: 16px;\n  padding: 0 15px;\n\n  &:hover {\n    color: lighten($darker-text-color, 7%);\n  }\n\n  &.active {\n    color: $primary-text-color;\n    background: lighten($ui-base-color, 8%);\n\n    &:hover {\n      color: $primary-text-color;\n      background: lighten($ui-base-color, 8%);\n    }\n  }\n}\n\n.column-header__collapsible {\n  max-height: 70vh;\n  overflow: hidden;\n  overflow-y: auto;\n  color: $darker-text-color;\n  transition: max-height 150ms ease-in-out, opacity 300ms linear;\n  opacity: 1;\n\n  &.collapsed {\n    max-height: 0;\n    opacity: 0.5;\n  }\n\n  &.animating {\n    overflow-y: hidden;\n  }\n\n  hr {\n    height: 0;\n    background: transparent;\n    border: 0;\n    border-top: 1px solid lighten($ui-base-color, 12%);\n    margin: 10px 0;\n  }\n}\n\n.column-header__collapsible-inner {\n  background: lighten($ui-base-color, 8%);\n  padding: 15px;\n}\n\n.column-header__setting-btn {\n  &:hover {\n    color: $darker-text-color;\n    text-decoration: underline;\n  }\n}\n\n.column-header__setting-arrows {\n  float: right;\n\n  .column-header__setting-btn {\n    padding: 0 10px;\n\n    &:last-child {\n      padding-right: 0;\n    }\n  }\n}\n\n.text-btn {\n  display: inline-block;\n  padding: 0;\n  font-family: inherit;\n  font-size: inherit;\n  color: inherit;\n  border: 0;\n  background: transparent;\n  cursor: pointer;\n}\n\n.column-header__icon {\n  display: inline-block;\n  margin-right: 5px;\n}\n\n.loading-indicator {\n  color: $dark-text-color;\n  font-size: 13px;\n  font-weight: 400;\n  overflow: visible;\n  position: absolute;\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n\n  span {\n    display: block;\n    float: left;\n    margin-left: 50%;\n    transform: translateX(-50%);\n    margin: 82px 0 0 50%;\n    white-space: nowrap;\n  }\n}\n\n.loading-indicator__figure {\n  position: absolute;\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n  width: 42px;\n  height: 42px;\n  box-sizing: border-box;\n  background-color: transparent;\n  border: 0 solid lighten($ui-base-color, 26%);\n  border-width: 6px;\n  border-radius: 50%;\n}\n\n.no-reduce-motion .loading-indicator span {\n  animation: loader-label 1.15s infinite cubic-bezier(0.215, 0.61, 0.355, 1);\n}\n\n.no-reduce-motion .loading-indicator__figure {\n  animation: loader-figure 1.15s infinite cubic-bezier(0.215, 0.61, 0.355, 1);\n}\n\n@keyframes spring-rotate-in {\n  0% {\n    transform: rotate(0deg);\n  }\n\n  30% {\n    transform: rotate(-484.8deg);\n  }\n\n  60% {\n    transform: rotate(-316.7deg);\n  }\n\n  90% {\n    transform: rotate(-375deg);\n  }\n\n  100% {\n    transform: rotate(-360deg);\n  }\n}\n\n@keyframes spring-rotate-out {\n  0% {\n    transform: rotate(-360deg);\n  }\n\n  30% {\n    transform: rotate(124.8deg);\n  }\n\n  60% {\n    transform: rotate(-43.27deg);\n  }\n\n  90% {\n    transform: rotate(15deg);\n  }\n\n  100% {\n    transform: rotate(0deg);\n  }\n}\n\n@keyframes loader-figure {\n  0% {\n    width: 0;\n    height: 0;\n    background-color: lighten($ui-base-color, 26%);\n  }\n\n  29% {\n    background-color: lighten($ui-base-color, 26%);\n  }\n\n  30% {\n    width: 42px;\n    height: 42px;\n    background-color: transparent;\n    border-width: 21px;\n    opacity: 1;\n  }\n\n  100% {\n    width: 42px;\n    height: 42px;\n    border-width: 0;\n    opacity: 0;\n    background-color: transparent;\n  }\n}\n\n@keyframes loader-label {\n  0% { opacity: 0.25; }\n  30% { opacity: 1; }\n  100% { opacity: 0.25; }\n}\n\n.video-error-cover {\n  align-items: center;\n  background: $base-overlay-background;\n  color: $primary-text-color;\n  cursor: pointer;\n  display: flex;\n  flex-direction: column;\n  height: 100%;\n  justify-content: center;\n  margin-top: 8px;\n  position: relative;\n  text-align: center;\n  z-index: 100;\n}\n\n.media-spoiler {\n  background: $base-overlay-background;\n  color: $darker-text-color;\n  border: 0;\n  padding: 0;\n  width: 100%;\n  height: 100%;\n  border-radius: 4px;\n  appearance: none;\n\n  &:hover,\n  &:active,\n  &:focus {\n    padding: 0;\n    color: lighten($darker-text-color, 8%);\n  }\n}\n\n.media-spoiler__warning {\n  display: block;\n  font-size: 14px;\n}\n\n.media-spoiler__trigger {\n  display: block;\n  font-size: 11px;\n  font-weight: 700;\n}\n\n.spoiler-button {\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  position: absolute;\n  z-index: 100;\n\n  &--minified {\n    display: block;\n    left: 4px;\n    top: 4px;\n    width: auto;\n    height: auto;\n  }\n\n  &--click-thru {\n    pointer-events: none;\n  }\n\n  &--hidden {\n    display: none;\n  }\n\n  &__overlay {\n    display: block;\n    background: transparent;\n    width: 100%;\n    height: 100%;\n    border: 0;\n\n    &__label {\n      display: inline-block;\n      background: rgba($base-overlay-background, 0.5);\n      border-radius: 8px;\n      padding: 8px 12px;\n      color: $primary-text-color;\n      font-weight: 500;\n      font-size: 14px;\n    }\n\n    &:hover,\n    &:focus,\n    &:active {\n      .spoiler-button__overlay__label {\n        background: rgba($base-overlay-background, 0.8);\n      }\n    }\n\n    &:disabled {\n      .spoiler-button__overlay__label {\n        background: rgba($base-overlay-background, 0.5);\n      }\n    }\n  }\n}\n\n.modal-container--preloader {\n  background: lighten($ui-base-color, 8%);\n}\n\n.account--panel {\n  background: lighten($ui-base-color, 4%);\n  border-top: 1px solid lighten($ui-base-color, 8%);\n  border-bottom: 1px solid lighten($ui-base-color, 8%);\n  display: flex;\n  flex-direction: row;\n  padding: 10px 0;\n}\n\n.account--panel__button,\n.detailed-status__button {\n  flex: 1 1 auto;\n  text-align: center;\n}\n\n.column-settings__outer {\n  background: lighten($ui-base-color, 8%);\n  padding: 15px;\n}\n\n.column-settings__section {\n  color: $darker-text-color;\n  cursor: default;\n  display: block;\n  font-weight: 500;\n  margin-bottom: 10px;\n}\n\n.column-settings__hashtags {\n  .column-settings__row {\n    margin-bottom: 15px;\n  }\n\n  .column-select {\n    &__control {\n      @include search-input;\n\n      &::placeholder {\n        color: lighten($darker-text-color, 4%);\n      }\n\n      &::-moz-focus-inner {\n        border: 0;\n      }\n\n      &::-moz-focus-inner,\n      &:focus,\n      &:active {\n        outline: 0 !important;\n      }\n\n      &:focus {\n        background: lighten($ui-base-color, 4%);\n      }\n\n      @media screen and (max-width: 600px) {\n        font-size: 16px;\n      }\n    }\n\n    &__placeholder {\n      color: $dark-text-color;\n      padding-left: 2px;\n      font-size: 12px;\n    }\n\n    &__value-container {\n      padding-left: 6px;\n    }\n\n    &__multi-value {\n      background: lighten($ui-base-color, 8%);\n\n      &__remove {\n        cursor: pointer;\n\n        &:hover,\n        &:active,\n        &:focus {\n          background: lighten($ui-base-color, 12%);\n          color: lighten($darker-text-color, 4%);\n        }\n      }\n    }\n\n    &__multi-value__label,\n    &__input {\n      color: $darker-text-color;\n    }\n\n    &__clear-indicator,\n    &__dropdown-indicator {\n      cursor: pointer;\n      transition: none;\n      color: $dark-text-color;\n\n      &:hover,\n      &:active,\n      &:focus {\n        color: lighten($dark-text-color, 4%);\n      }\n    }\n\n    &__indicator-separator {\n      background-color: lighten($ui-base-color, 8%);\n    }\n\n    &__menu {\n      @include search-popout;\n      padding: 0;\n      background: $ui-secondary-color;\n    }\n\n    &__menu-list {\n      padding: 6px;\n    }\n\n    &__option {\n      color: $inverted-text-color;\n      border-radius: 4px;\n      font-size: 14px;\n\n      &--is-focused,\n      &--is-selected {\n        background: darken($ui-secondary-color, 10%);\n      }\n    }\n  }\n}\n\n.column-settings__row {\n  .text-btn {\n    margin-bottom: 15px;\n  }\n}\n\n.relationship-tag {\n  color: $primary-text-color;\n  margin-bottom: 4px;\n  display: block;\n  vertical-align: top;\n  background-color: $base-overlay-background;\n  font-size: 12px;\n  font-weight: 500;\n  padding: 4px;\n  border-radius: 4px;\n  opacity: 0.7;\n\n  &:hover {\n    opacity: 1;\n  }\n}\n\n.setting-toggle {\n  display: block;\n  line-height: 24px;\n}\n\n.setting-toggle__label {\n  color: $darker-text-color;\n  display: inline-block;\n  margin-bottom: 14px;\n  margin-left: 8px;\n  vertical-align: middle;\n}\n\n.empty-column-indicator,\n.error-column {\n  color: $dark-text-color;\n  background: $ui-base-color;\n  text-align: center;\n  padding: 20px;\n  font-size: 15px;\n  font-weight: 400;\n  cursor: default;\n  display: flex;\n  flex: 1 1 auto;\n  align-items: center;\n  justify-content: center;\n\n  @supports(display: grid) { // hack to fix Chrome <57\n    contain: strict;\n  }\n\n  & > span {\n    max-width: 400px;\n  }\n\n  a {\n    color: $highlight-text-color;\n    text-decoration: none;\n\n    &:hover {\n      text-decoration: underline;\n    }\n  }\n}\n\n.error-column {\n  flex-direction: column;\n}\n\n@keyframes heartbeat {\n  from {\n    transform: scale(1);\n    animation-timing-function: ease-out;\n  }\n\n  10% {\n    transform: scale(0.91);\n    animation-timing-function: ease-in;\n  }\n\n  17% {\n    transform: scale(0.98);\n    animation-timing-function: ease-out;\n  }\n\n  33% {\n    transform: scale(0.87);\n    animation-timing-function: ease-in;\n  }\n\n  45% {\n    transform: scale(1);\n    animation-timing-function: ease-out;\n  }\n}\n\n.no-reduce-motion .pulse-loading {\n  transform-origin: center center;\n  animation: heartbeat 1.5s ease-in-out infinite both;\n}\n\n@keyframes shake-bottom {\n  0%,\n  100% {\n    transform: rotate(0deg);\n    transform-origin: 50% 100%;\n  }\n\n  10% {\n    transform: rotate(2deg);\n  }\n\n  20%,\n  40%,\n  60% {\n    transform: rotate(-4deg);\n  }\n\n  30%,\n  50%,\n  70% {\n    transform: rotate(4deg);\n  }\n\n  80% {\n    transform: rotate(-2deg);\n  }\n\n  90% {\n    transform: rotate(2deg);\n  }\n}\n\n.no-reduce-motion .shake-bottom {\n  transform-origin: 50% 100%;\n  animation: shake-bottom 0.8s cubic-bezier(0.455, 0.03, 0.515, 0.955) 2s 2 both;\n}\n\n.emoji-picker-dropdown__menu {\n  background: $simple-background-color;\n  position: absolute;\n  box-shadow: 4px 4px 6px rgba($base-shadow-color, 0.4);\n  border-radius: 4px;\n  margin-top: 5px;\n  z-index: 2;\n\n  .emoji-mart-scroll {\n    transition: opacity 200ms ease;\n  }\n\n  &.selecting .emoji-mart-scroll {\n    opacity: 0.5;\n  }\n}\n\n.emoji-picker-dropdown__modifiers {\n  position: absolute;\n  top: 60px;\n  right: 11px;\n  cursor: pointer;\n}\n\n.emoji-picker-dropdown__modifiers__menu {\n  position: absolute;\n  z-index: 4;\n  top: -4px;\n  left: -8px;\n  background: $simple-background-color;\n  border-radius: 4px;\n  box-shadow: 1px 2px 6px rgba($base-shadow-color, 0.2);\n  overflow: hidden;\n\n  button {\n    display: block;\n    cursor: pointer;\n    border: 0;\n    padding: 4px 8px;\n    background: transparent;\n\n    &:hover,\n    &:focus,\n    &:active {\n      background: rgba($ui-secondary-color, 0.4);\n    }\n  }\n\n  .emoji-mart-emoji {\n    height: 22px;\n  }\n}\n\n.emoji-mart-emoji {\n  span {\n    background-repeat: no-repeat;\n  }\n}\n\n.upload-area {\n  align-items: center;\n  background: rgba($base-overlay-background, 0.8);\n  display: flex;\n  height: 100%;\n  justify-content: center;\n  left: 0;\n  opacity: 0;\n  position: absolute;\n  top: 0;\n  visibility: hidden;\n  width: 100%;\n  z-index: 2000;\n\n  * {\n    pointer-events: none;\n  }\n}\n\n.upload-area__drop {\n  width: 320px;\n  height: 160px;\n  display: flex;\n  box-sizing: border-box;\n  position: relative;\n  padding: 8px;\n}\n\n.upload-area__background {\n  position: absolute;\n  top: 0;\n  right: 0;\n  bottom: 0;\n  left: 0;\n  z-index: -1;\n  border-radius: 4px;\n  background: $ui-base-color;\n  box-shadow: 0 0 5px rgba($base-shadow-color, 0.2);\n}\n\n.upload-area__content {\n  flex: 1;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  color: $secondary-text-color;\n  font-size: 18px;\n  font-weight: 500;\n  border: 2px dashed $ui-base-lighter-color;\n  border-radius: 4px;\n}\n\n.upload-progress {\n  padding: 10px;\n  color: $lighter-text-color;\n  overflow: hidden;\n  display: flex;\n\n  .fa {\n    font-size: 34px;\n    margin-right: 10px;\n  }\n\n  span {\n    font-size: 13px;\n    font-weight: 500;\n    display: block;\n  }\n}\n\n.upload-progess__message {\n  flex: 1 1 auto;\n}\n\n.upload-progress__backdrop {\n  width: 100%;\n  height: 6px;\n  border-radius: 6px;\n  background: $ui-base-lighter-color;\n  position: relative;\n  margin-top: 5px;\n}\n\n.upload-progress__tracker {\n  position: absolute;\n  left: 0;\n  top: 0;\n  height: 6px;\n  background: $ui-highlight-color;\n  border-radius: 6px;\n}\n\n.emoji-button {\n  display: block;\n  font-size: 24px;\n  line-height: 24px;\n  margin-left: 2px;\n  width: 24px;\n  outline: 0;\n  cursor: pointer;\n\n  &:active,\n  &:focus {\n    outline: 0 !important;\n  }\n\n  img {\n    filter: grayscale(100%);\n    opacity: 0.8;\n    display: block;\n    margin: 0;\n    width: 22px;\n    height: 22px;\n    margin-top: 2px;\n  }\n\n  &:hover,\n  &:active,\n  &:focus {\n    img {\n      opacity: 1;\n      filter: none;\n    }\n  }\n}\n\n.dropdown--active .emoji-button img {\n  opacity: 1;\n  filter: none;\n}\n\n.privacy-dropdown__dropdown {\n  position: absolute;\n  background: $simple-background-color;\n  box-shadow: 2px 4px 15px rgba($base-shadow-color, 0.4);\n  border-radius: 4px;\n  margin-left: 40px;\n  overflow: hidden;\n\n  &.top {\n    transform-origin: 50% 100%;\n  }\n\n  &.bottom {\n    transform-origin: 50% 0;\n  }\n}\n\n.privacy-dropdown__option {\n  color: $inverted-text-color;\n  padding: 10px;\n  cursor: pointer;\n  display: flex;\n\n  &:hover,\n  &.active {\n    background: $ui-highlight-color;\n    color: $primary-text-color;\n    outline: 0;\n\n    .privacy-dropdown__option__content {\n      color: $primary-text-color;\n\n      strong {\n        color: $primary-text-color;\n      }\n    }\n  }\n\n  &.active:hover {\n    background: lighten($ui-highlight-color, 4%);\n  }\n}\n\n.privacy-dropdown__option__icon {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  margin-right: 10px;\n}\n\n.privacy-dropdown__option__content {\n  flex: 1 1 auto;\n  color: $lighter-text-color;\n\n  strong {\n    font-weight: 500;\n    display: block;\n    color: $inverted-text-color;\n\n    @each $lang in $cjk-langs {\n      &:lang(#{$lang}) {\n        font-weight: 700;\n      }\n    }\n  }\n}\n\n.privacy-dropdown.active {\n  .privacy-dropdown__value {\n    background: $simple-background-color;\n    border-radius: 4px 4px 0 0;\n    box-shadow: 0 -4px 4px rgba($base-shadow-color, 0.1);\n\n    .icon-button {\n      transition: none;\n    }\n\n    &.active {\n      background: $ui-highlight-color;\n\n      .icon-button {\n        color: $primary-text-color;\n      }\n    }\n  }\n\n  &.top .privacy-dropdown__value {\n    border-radius: 0 0 4px 4px;\n  }\n\n  .privacy-dropdown__dropdown {\n    display: block;\n    box-shadow: 2px 4px 6px rgba($base-shadow-color, 0.1);\n  }\n}\n\n.search {\n  position: relative;\n}\n\n.search__input {\n  @include search-input;\n\n  display: block;\n  padding: 15px;\n  padding-right: 30px;\n  line-height: 18px;\n  font-size: 16px;\n\n  &::placeholder {\n    color: lighten($darker-text-color, 4%);\n  }\n\n  &::-moz-focus-inner {\n    border: 0;\n  }\n\n  &::-moz-focus-inner,\n  &:focus,\n  &:active {\n    outline: 0 !important;\n  }\n\n  &:focus {\n    background: lighten($ui-base-color, 4%);\n  }\n\n  @media screen and (max-width: 600px) {\n    font-size: 16px;\n  }\n}\n\n.search__icon {\n  &::-moz-focus-inner {\n    border: 0;\n  }\n\n  &::-moz-focus-inner,\n  &:focus {\n    outline: 0 !important;\n  }\n\n  .fa {\n    position: absolute;\n    top: 16px;\n    right: 10px;\n    z-index: 2;\n    display: inline-block;\n    opacity: 0;\n    transition: all 100ms linear;\n    transition-property: transform, opacity;\n    font-size: 18px;\n    width: 18px;\n    height: 18px;\n    color: $secondary-text-color;\n    cursor: default;\n    pointer-events: none;\n\n    &.active {\n      pointer-events: auto;\n      opacity: 0.3;\n    }\n  }\n\n  .fa-search {\n    transform: rotate(90deg);\n\n    &.active {\n      pointer-events: none;\n      transform: rotate(0deg);\n    }\n  }\n\n  .fa-times-circle {\n    top: 17px;\n    transform: rotate(0deg);\n    color: $action-button-color;\n    cursor: pointer;\n\n    &.active {\n      transform: rotate(90deg);\n    }\n\n    &:hover {\n      color: lighten($action-button-color, 7%);\n    }\n  }\n}\n\n.search-results__header {\n  color: $dark-text-color;\n  background: lighten($ui-base-color, 2%);\n  padding: 15px;\n  font-weight: 500;\n  font-size: 16px;\n  cursor: default;\n\n  .fa {\n    display: inline-block;\n    margin-right: 5px;\n  }\n}\n\n.search-results__section {\n  margin-bottom: 5px;\n\n  h5 {\n    background: darken($ui-base-color, 4%);\n    border-bottom: 1px solid lighten($ui-base-color, 8%);\n    cursor: default;\n    display: flex;\n    padding: 15px;\n    font-weight: 500;\n    font-size: 16px;\n    color: $dark-text-color;\n\n    .fa {\n      display: inline-block;\n      margin-right: 5px;\n    }\n  }\n\n  .account:last-child,\n  & > div:last-child .status {\n    border-bottom: 0;\n  }\n}\n\n.search-results__hashtag {\n  display: block;\n  padding: 10px;\n  color: $secondary-text-color;\n  text-decoration: none;\n\n  &:hover,\n  &:active,\n  &:focus {\n    color: lighten($secondary-text-color, 4%);\n    text-decoration: underline;\n  }\n}\n\n.search-results__info {\n  padding: 20px;\n  color: $darker-text-color;\n  text-align: center;\n}\n\n.modal-root {\n  position: relative;\n  transition: opacity 0.3s linear;\n  will-change: opacity;\n  z-index: 9999;\n}\n\n.modal-root__overlay {\n  position: fixed;\n  top: 0;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  background: rgba($base-overlay-background, 0.7);\n}\n\n.modal-root__container {\n  position: fixed;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  align-content: space-around;\n  z-index: 9999;\n  pointer-events: none;\n  user-select: none;\n}\n\n.modal-root__modal {\n  pointer-events: auto;\n  display: flex;\n  z-index: 9999;\n}\n\n.video-modal__container {\n  max-width: 100vw;\n  max-height: 100vh;\n}\n\n.audio-modal__container {\n  width: 50vw;\n}\n\n.media-modal {\n  width: 100%;\n  height: 100%;\n  position: relative;\n\n  .extended-video-player {\n    width: 100%;\n    height: 100%;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n\n    video {\n      max-width: $media-modal-media-max-width;\n      max-height: $media-modal-media-max-height;\n    }\n  }\n}\n\n.media-modal__closer {\n  position: absolute;\n  top: 0;\n  left: 0;\n  right: 0;\n  bottom: 0;\n}\n\n.media-modal__navigation {\n  position: absolute;\n  top: 0;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  pointer-events: none;\n  transition: opacity 0.3s linear;\n  will-change: opacity;\n\n  * {\n    pointer-events: auto;\n  }\n\n  &.media-modal__navigation--hidden {\n    opacity: 0;\n\n    * {\n      pointer-events: none;\n    }\n  }\n}\n\n.media-modal__nav {\n  background: rgba($base-overlay-background, 0.5);\n  box-sizing: border-box;\n  border: 0;\n  color: $primary-text-color;\n  cursor: pointer;\n  display: flex;\n  align-items: center;\n  font-size: 24px;\n  height: 20vmax;\n  margin: auto 0;\n  padding: 30px 15px;\n  position: absolute;\n  top: 0;\n  bottom: 0;\n}\n\n.media-modal__nav--left {\n  left: 0;\n}\n\n.media-modal__nav--right {\n  right: 0;\n}\n\n.media-modal__pagination {\n  width: 100%;\n  text-align: center;\n  position: absolute;\n  left: 0;\n  bottom: 20px;\n  pointer-events: none;\n}\n\n.media-modal__meta {\n  text-align: center;\n  position: absolute;\n  left: 0;\n  bottom: 20px;\n  width: 100%;\n  pointer-events: none;\n\n  &--shifted {\n    bottom: 62px;\n  }\n\n  a {\n    pointer-events: auto;\n    text-decoration: none;\n    font-weight: 500;\n    color: $ui-secondary-color;\n\n    &:hover,\n    &:focus,\n    &:active {\n      text-decoration: underline;\n    }\n  }\n}\n\n.media-modal__page-dot {\n  display: inline-block;\n}\n\n.media-modal__button {\n  background-color: $primary-text-color;\n  height: 12px;\n  width: 12px;\n  border-radius: 6px;\n  margin: 10px;\n  padding: 0;\n  border: 0;\n  font-size: 0;\n}\n\n.media-modal__button--active {\n  background-color: $highlight-text-color;\n}\n\n.media-modal__close {\n  position: absolute;\n  right: 8px;\n  top: 8px;\n  z-index: 100;\n}\n\n.onboarding-modal,\n.error-modal,\n.embed-modal {\n  background: $ui-secondary-color;\n  color: $inverted-text-color;\n  border-radius: 8px;\n  overflow: hidden;\n  display: flex;\n  flex-direction: column;\n}\n\n.error-modal__body {\n  height: 80vh;\n  width: 80vw;\n  max-width: 520px;\n  max-height: 420px;\n  position: relative;\n\n  & > div {\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n    box-sizing: border-box;\n    padding: 25px;\n    display: none;\n    flex-direction: column;\n    align-items: center;\n    justify-content: center;\n    display: flex;\n    opacity: 0;\n    user-select: text;\n  }\n}\n\n.error-modal__body {\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  align-items: center;\n  text-align: center;\n}\n\n.onboarding-modal__paginator,\n.error-modal__footer {\n  flex: 0 0 auto;\n  background: darken($ui-secondary-color, 8%);\n  display: flex;\n  padding: 25px;\n\n  & > div {\n    min-width: 33px;\n  }\n\n  .onboarding-modal__nav,\n  .error-modal__nav {\n    color: $lighter-text-color;\n    border: 0;\n    font-size: 14px;\n    font-weight: 500;\n    padding: 10px 25px;\n    line-height: inherit;\n    height: auto;\n    margin: -10px;\n    border-radius: 4px;\n    background-color: transparent;\n\n    &:hover,\n    &:focus,\n    &:active {\n      color: darken($lighter-text-color, 4%);\n      background-color: darken($ui-secondary-color, 16%);\n    }\n\n    &.onboarding-modal__done,\n    &.onboarding-modal__next {\n      color: $inverted-text-color;\n\n      &:hover,\n      &:focus,\n      &:active {\n        color: lighten($inverted-text-color, 4%);\n      }\n    }\n  }\n}\n\n.error-modal__footer {\n  justify-content: center;\n}\n\n.display-case {\n  text-align: center;\n  font-size: 15px;\n  margin-bottom: 15px;\n\n  &__label {\n    font-weight: 500;\n    color: $inverted-text-color;\n    margin-bottom: 5px;\n    font-size: 13px;\n  }\n\n  &__case {\n    background: $ui-base-color;\n    color: $secondary-text-color;\n    font-weight: 500;\n    padding: 10px;\n    border-radius: 4px;\n  }\n}\n\n.onboard-sliders {\n  display: inline-block;\n  max-width: 30px;\n  max-height: auto;\n  margin-left: 10px;\n}\n\n.boost-modal,\n.confirmation-modal,\n.report-modal,\n.actions-modal,\n.mute-modal,\n.block-modal {\n  background: lighten($ui-secondary-color, 8%);\n  color: $inverted-text-color;\n  border-radius: 8px;\n  overflow: hidden;\n  max-width: 90vw;\n  width: 480px;\n  position: relative;\n  flex-direction: column;\n\n  .status__display-name {\n    display: block;\n    max-width: 100%;\n    padding-right: 25px;\n  }\n\n  .status__avatar {\n    height: 28px;\n    left: 10px;\n    position: absolute;\n    top: 10px;\n    width: 48px;\n  }\n\n  .status__content__spoiler-link {\n    color: lighten($secondary-text-color, 8%);\n  }\n}\n\n.actions-modal {\n  .status {\n    background: $white;\n    border-bottom-color: $ui-secondary-color;\n    padding-top: 10px;\n    padding-bottom: 10px;\n  }\n\n  .dropdown-menu__separator {\n    border-bottom-color: $ui-secondary-color;\n  }\n}\n\n.boost-modal__container {\n  overflow-x: scroll;\n  padding: 10px;\n\n  .status {\n    user-select: text;\n    border-bottom: 0;\n  }\n}\n\n.boost-modal__action-bar,\n.confirmation-modal__action-bar,\n.mute-modal__action-bar,\n.block-modal__action-bar {\n  display: flex;\n  justify-content: space-between;\n  background: $ui-secondary-color;\n  padding: 10px;\n  line-height: 36px;\n\n  & > div {\n    flex: 1 1 auto;\n    text-align: right;\n    color: $lighter-text-color;\n    padding-right: 10px;\n  }\n\n  .button {\n    flex: 0 0 auto;\n  }\n}\n\n.boost-modal__status-header {\n  font-size: 15px;\n}\n\n.boost-modal__status-time {\n  float: right;\n  font-size: 14px;\n}\n\n.mute-modal,\n.block-modal {\n  line-height: 24px;\n}\n\n.mute-modal .react-toggle,\n.block-modal .react-toggle {\n  vertical-align: middle;\n}\n\n.report-modal {\n  width: 90vw;\n  max-width: 700px;\n}\n\n.report-modal__container {\n  display: flex;\n  border-top: 1px solid $ui-secondary-color;\n\n  @media screen and (max-width: 480px) {\n    flex-wrap: wrap;\n    overflow-y: auto;\n  }\n}\n\n.report-modal__statuses,\n.report-modal__comment {\n  box-sizing: border-box;\n  width: 50%;\n\n  @media screen and (max-width: 480px) {\n    width: 100%;\n  }\n}\n\n.report-modal__statuses,\n.focal-point-modal__content {\n  flex: 1 1 auto;\n  min-height: 20vh;\n  max-height: 80vh;\n  overflow-y: auto;\n  overflow-x: hidden;\n\n  .status__content a {\n    color: $highlight-text-color;\n  }\n\n  .status__content,\n  .status__content p {\n    color: $inverted-text-color;\n  }\n\n  @media screen and (max-width: 480px) {\n    max-height: 10vh;\n  }\n}\n\n.focal-point-modal__content {\n  @media screen and (max-width: 480px) {\n    max-height: 40vh;\n  }\n}\n\n.report-modal__comment {\n  padding: 20px;\n  border-right: 1px solid $ui-secondary-color;\n  max-width: 320px;\n\n  p {\n    font-size: 14px;\n    line-height: 20px;\n    margin-bottom: 20px;\n  }\n\n  .setting-text {\n    display: block;\n    box-sizing: border-box;\n    width: 100%;\n    margin: 0;\n    color: $inverted-text-color;\n    background: $white;\n    padding: 10px;\n    font-family: inherit;\n    font-size: 14px;\n    resize: none;\n    border: 0;\n    outline: 0;\n    border-radius: 4px;\n    border: 1px solid $ui-secondary-color;\n    min-height: 100px;\n    max-height: 50vh;\n    margin-bottom: 10px;\n\n    &:focus {\n      border: 1px solid darken($ui-secondary-color, 8%);\n    }\n\n    &__wrapper {\n      background: $white;\n      border: 1px solid $ui-secondary-color;\n      margin-bottom: 10px;\n      border-radius: 4px;\n\n      .setting-text {\n        border: 0;\n        margin-bottom: 0;\n        border-radius: 0;\n\n        &:focus {\n          border: 0;\n        }\n      }\n\n      &__modifiers {\n        color: $inverted-text-color;\n        font-family: inherit;\n        font-size: 14px;\n        background: $white;\n      }\n    }\n\n    &__toolbar {\n      display: flex;\n      justify-content: space-between;\n      margin-bottom: 20px;\n    }\n  }\n\n  .setting-text-label {\n    display: block;\n    color: $inverted-text-color;\n    font-size: 14px;\n    font-weight: 500;\n    margin-bottom: 10px;\n  }\n\n  .setting-toggle {\n    margin-top: 20px;\n    margin-bottom: 24px;\n\n    &__label {\n      color: $inverted-text-color;\n      font-size: 14px;\n    }\n  }\n\n  @media screen and (max-width: 480px) {\n    padding: 10px;\n    max-width: 100%;\n    order: 2;\n\n    .setting-toggle {\n      margin-bottom: 4px;\n    }\n  }\n}\n\n.actions-modal {\n  max-height: 80vh;\n  max-width: 80vw;\n\n  .status {\n    overflow-y: auto;\n    max-height: 300px;\n  }\n\n  .actions-modal__item-label {\n    font-weight: 500;\n  }\n\n  ul {\n    overflow-y: auto;\n    flex-shrink: 0;\n    max-height: 80vh;\n\n    &.with-status {\n      max-height: calc(80vh - 75px);\n    }\n\n    li:empty {\n      margin: 0;\n    }\n\n    li:not(:empty) {\n      a {\n        color: $inverted-text-color;\n        display: flex;\n        padding: 12px 16px;\n        font-size: 15px;\n        align-items: center;\n        text-decoration: none;\n\n        &,\n        button {\n          transition: none;\n        }\n\n        &.active,\n        &:hover,\n        &:active,\n        &:focus {\n          &,\n          button {\n            background: $ui-highlight-color;\n            color: $primary-text-color;\n          }\n        }\n\n        button:first-child {\n          margin-right: 10px;\n        }\n      }\n    }\n  }\n}\n\n.confirmation-modal__action-bar,\n.mute-modal__action-bar,\n.block-modal__action-bar {\n  .confirmation-modal__secondary-button {\n    flex-shrink: 1;\n  }\n}\n\n.confirmation-modal__secondary-button,\n.confirmation-modal__cancel-button,\n.mute-modal__cancel-button,\n.block-modal__cancel-button {\n  background-color: transparent;\n  color: $lighter-text-color;\n  font-size: 14px;\n  font-weight: 500;\n\n  &:hover,\n  &:focus,\n  &:active {\n    color: darken($lighter-text-color, 4%);\n    background-color: transparent;\n  }\n}\n\n.confirmation-modal__container,\n.mute-modal__container,\n.block-modal__container,\n.report-modal__target {\n  padding: 30px;\n  font-size: 16px;\n\n  strong {\n    font-weight: 500;\n\n    @each $lang in $cjk-langs {\n      &:lang(#{$lang}) {\n        font-weight: 700;\n      }\n    }\n  }\n}\n\n.confirmation-modal__container,\n.report-modal__target {\n  text-align: center;\n}\n\n.block-modal,\n.mute-modal {\n  &__explanation {\n    margin-top: 20px;\n  }\n\n  .setting-toggle {\n    margin-top: 20px;\n    margin-bottom: 24px;\n    display: flex;\n    align-items: center;\n\n    &__label {\n      color: $inverted-text-color;\n      margin: 0;\n      margin-left: 8px;\n    }\n  }\n}\n\n.report-modal__target {\n  padding: 15px;\n\n  .media-modal__close {\n    top: 14px;\n    right: 15px;\n  }\n}\n\n.loading-bar {\n  background-color: $highlight-text-color;\n  height: 3px;\n  position: absolute;\n  top: 0;\n  left: 0;\n  z-index: 9999;\n}\n\n.media-gallery__gifv__label {\n  display: block;\n  position: absolute;\n  color: $primary-text-color;\n  background: rgba($base-overlay-background, 0.5);\n  bottom: 6px;\n  left: 6px;\n  padding: 2px 6px;\n  border-radius: 2px;\n  font-size: 11px;\n  font-weight: 600;\n  z-index: 1;\n  pointer-events: none;\n  opacity: 0.9;\n  transition: opacity 0.1s ease;\n  line-height: 18px;\n}\n\n.media-gallery__gifv {\n  &.autoplay {\n    .media-gallery__gifv__label {\n      display: none;\n    }\n  }\n\n  &:hover {\n    .media-gallery__gifv__label {\n      opacity: 1;\n    }\n  }\n}\n\n.media-gallery__audio {\n  margin-top: 32px;\n\n  audio {\n    width: 100%;\n  }\n}\n\n.attachment-list {\n  display: flex;\n  font-size: 14px;\n  border: 1px solid lighten($ui-base-color, 8%);\n  border-radius: 4px;\n  margin-top: 14px;\n  overflow: hidden;\n\n  &__icon {\n    flex: 0 0 auto;\n    color: $dark-text-color;\n    padding: 8px 18px;\n    cursor: default;\n    border-right: 1px solid lighten($ui-base-color, 8%);\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    justify-content: center;\n    font-size: 26px;\n\n    .fa {\n      display: block;\n    }\n  }\n\n  &__list {\n    list-style: none;\n    padding: 4px 0;\n    padding-left: 8px;\n    display: flex;\n    flex-direction: column;\n    justify-content: center;\n\n    li {\n      display: block;\n      padding: 4px 0;\n    }\n\n    a {\n      text-decoration: none;\n      color: $dark-text-color;\n      font-weight: 500;\n\n      &:hover {\n        text-decoration: underline;\n      }\n    }\n  }\n\n  &.compact {\n    border: 0;\n    margin-top: 4px;\n\n    .attachment-list__list {\n      padding: 0;\n      display: block;\n    }\n\n    .fa {\n      color: $dark-text-color;\n    }\n  }\n}\n\n/* Media Gallery */\n.media-gallery {\n  box-sizing: border-box;\n  margin-top: 8px;\n  overflow: hidden;\n  border-radius: 4px;\n  position: relative;\n  width: 100%;\n}\n\n.media-gallery__item {\n  border: 0;\n  box-sizing: border-box;\n  display: block;\n  float: left;\n  position: relative;\n  border-radius: 4px;\n  overflow: hidden;\n\n  &.standalone {\n    .media-gallery__item-gifv-thumbnail {\n      transform: none;\n      top: 0;\n    }\n  }\n}\n\n.media-gallery__item-thumbnail {\n  cursor: zoom-in;\n  display: block;\n  text-decoration: none;\n  color: $secondary-text-color;\n  position: relative;\n  z-index: 1;\n\n  &,\n  img {\n    height: 100%;\n    width: 100%;\n  }\n\n  img {\n    object-fit: cover;\n  }\n}\n\n.media-gallery__preview {\n  width: 100%;\n  height: 100%;\n  object-fit: cover;\n  position: absolute;\n  top: 0;\n  left: 0;\n  z-index: 0;\n  background: $base-overlay-background;\n\n  &--hidden {\n    display: none;\n  }\n}\n\n.media-gallery__gifv {\n  height: 100%;\n  overflow: hidden;\n  position: relative;\n  width: 100%;\n}\n\n.media-gallery__item-gifv-thumbnail {\n  cursor: zoom-in;\n  height: 100%;\n  object-fit: cover;\n  position: relative;\n  top: 50%;\n  transform: translateY(-50%);\n  width: 100%;\n  z-index: 1;\n}\n\n.media-gallery__item-thumbnail-label {\n  clip: rect(1px 1px 1px 1px); /* IE6, IE7 */\n  clip: rect(1px, 1px, 1px, 1px);\n  overflow: hidden;\n  position: absolute;\n}\n/* End Media Gallery */\n\n.detailed,\n.fullscreen {\n  .video-player__volume__current,\n  .video-player__volume::before {\n    bottom: 27px;\n  }\n\n  .video-player__volume__handle {\n    bottom: 23px;\n  }\n\n}\n\n.audio-player {\n  box-sizing: border-box;\n  position: relative;\n  background: darken($ui-base-color, 8%);\n  border-radius: 4px;\n  padding-bottom: 44px;\n  direction: ltr;\n\n  &.editable {\n    border-radius: 0;\n    height: 100%;\n  }\n\n  &__waveform {\n    padding: 15px 0;\n    position: relative;\n    overflow: hidden;\n\n    &::before {\n      content: \"\";\n      display: block;\n      position: absolute;\n      border-top: 1px solid lighten($ui-base-color, 4%);\n      width: 100%;\n      height: 0;\n      left: 0;\n      top: calc(50% + 1px);\n    }\n  }\n\n  &__progress-placeholder {\n    background-color: rgba(lighten($ui-highlight-color, 8%), 0.5);\n  }\n\n  &__wave-placeholder {\n    background-color: lighten($ui-base-color, 16%);\n  }\n\n  .video-player__controls {\n    padding: 0 15px;\n    padding-top: 10px;\n    background: darken($ui-base-color, 8%);\n    border-top: 1px solid lighten($ui-base-color, 4%);\n    border-radius: 0 0 4px 4px;\n  }\n}\n\n.video-player {\n  overflow: hidden;\n  position: relative;\n  background: $base-shadow-color;\n  max-width: 100%;\n  border-radius: 4px;\n  box-sizing: border-box;\n  direction: ltr;\n\n  &.editable {\n    border-radius: 0;\n    height: 100% !important;\n  }\n\n  &:focus {\n    outline: 0;\n  }\n\n  video {\n    max-width: 100vw;\n    max-height: 80vh;\n    z-index: 1;\n  }\n\n  &.fullscreen {\n    width: 100% !important;\n    height: 100% !important;\n    margin: 0;\n\n    video {\n      max-width: 100% !important;\n      max-height: 100% !important;\n      width: 100% !important;\n      height: 100% !important;\n      outline: 0;\n    }\n  }\n\n  &.inline {\n    video {\n      object-fit: contain;\n      position: relative;\n      top: 50%;\n      transform: translateY(-50%);\n    }\n  }\n\n  &__controls {\n    position: absolute;\n    z-index: 2;\n    bottom: 0;\n    left: 0;\n    right: 0;\n    box-sizing: border-box;\n    background: linear-gradient(0deg, rgba($base-shadow-color, 0.85) 0, rgba($base-shadow-color, 0.45) 60%, transparent);\n    padding: 0 15px;\n    opacity: 0;\n    transition: opacity .1s ease;\n\n    &.active {\n      opacity: 1;\n    }\n  }\n\n  &.inactive {\n    video,\n    .video-player__controls {\n      visibility: hidden;\n    }\n  }\n\n  &__spoiler {\n    display: none;\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n    z-index: 4;\n    border: 0;\n    background: $base-overlay-background;\n    color: $darker-text-color;\n    transition: none;\n    pointer-events: none;\n\n    &.active {\n      display: block;\n      pointer-events: auto;\n\n      &:hover,\n      &:active,\n      &:focus {\n        color: lighten($darker-text-color, 7%);\n      }\n    }\n\n    &__title {\n      display: block;\n      font-size: 14px;\n    }\n\n    &__subtitle {\n      display: block;\n      font-size: 11px;\n      font-weight: 500;\n    }\n  }\n\n  &__buttons-bar {\n    display: flex;\n    justify-content: space-between;\n    padding-bottom: 10px;\n\n    .video-player__download__icon {\n      color: inherit;\n    }\n  }\n\n  &__buttons {\n    font-size: 16px;\n    white-space: nowrap;\n    overflow: hidden;\n    text-overflow: ellipsis;\n\n    &.left {\n      button {\n        padding-left: 0;\n      }\n    }\n\n    &.right {\n      button {\n        padding-right: 0;\n      }\n    }\n\n    button {\n      background: transparent;\n      padding: 2px 10px;\n      font-size: 16px;\n      border: 0;\n      color: rgba($white, 0.75);\n\n      &:active,\n      &:hover,\n      &:focus {\n        color: $white;\n      }\n    }\n  }\n\n  &__time-sep,\n  &__time-total,\n  &__time-current {\n    font-size: 14px;\n    font-weight: 500;\n  }\n\n  &__time-current {\n    color: $white;\n    margin-left: 60px;\n  }\n\n  &__time-sep {\n    display: inline-block;\n    margin: 0 6px;\n  }\n\n  &__time-sep,\n  &__time-total {\n    color: $white;\n  }\n\n  &__volume {\n    cursor: pointer;\n    height: 24px;\n    display: inline;\n\n    &::before {\n      content: \"\";\n      width: 50px;\n      background: rgba($white, 0.35);\n      border-radius: 4px;\n      display: block;\n      position: absolute;\n      height: 4px;\n      left: 70px;\n      bottom: 20px;\n    }\n\n    &__current {\n      display: block;\n      position: absolute;\n      height: 4px;\n      border-radius: 4px;\n      left: 70px;\n      bottom: 20px;\n      background: lighten($ui-highlight-color, 8%);\n    }\n\n    &__handle {\n      position: absolute;\n      z-index: 3;\n      border-radius: 50%;\n      width: 12px;\n      height: 12px;\n      bottom: 16px;\n      left: 70px;\n      transition: opacity .1s ease;\n      background: lighten($ui-highlight-color, 8%);\n      box-shadow: 1px 2px 6px rgba($base-shadow-color, 0.2);\n      pointer-events: none;\n    }\n  }\n\n  &__link {\n    padding: 2px 10px;\n\n    a {\n      text-decoration: none;\n      font-size: 14px;\n      font-weight: 500;\n      color: $white;\n\n      &:hover,\n      &:active,\n      &:focus {\n        text-decoration: underline;\n      }\n    }\n  }\n\n  &__seek {\n    cursor: pointer;\n    height: 24px;\n    position: relative;\n\n    &::before {\n      content: \"\";\n      width: 100%;\n      background: rgba($white, 0.35);\n      border-radius: 4px;\n      display: block;\n      position: absolute;\n      height: 4px;\n      top: 10px;\n    }\n\n    &__progress,\n    &__buffer {\n      display: block;\n      position: absolute;\n      height: 4px;\n      border-radius: 4px;\n      top: 10px;\n      background: lighten($ui-highlight-color, 8%);\n    }\n\n    &__buffer {\n      background: rgba($white, 0.2);\n    }\n\n    &__handle {\n      position: absolute;\n      z-index: 3;\n      opacity: 0;\n      border-radius: 50%;\n      width: 12px;\n      height: 12px;\n      top: 6px;\n      margin-left: -6px;\n      transition: opacity .1s ease;\n      background: lighten($ui-highlight-color, 8%);\n      box-shadow: 1px 2px 6px rgba($base-shadow-color, 0.2);\n      pointer-events: none;\n\n      &.active {\n        opacity: 1;\n      }\n    }\n\n    &:hover {\n      .video-player__seek__handle {\n        opacity: 1;\n      }\n    }\n  }\n\n  &.detailed,\n  &.fullscreen {\n    .video-player__buttons {\n      button {\n        padding-top: 10px;\n        padding-bottom: 10px;\n      }\n    }\n  }\n}\n\n.directory {\n  &__list {\n    width: 100%;\n    margin: 10px 0;\n    transition: opacity 100ms ease-in;\n\n    &.loading {\n      opacity: 0.7;\n    }\n\n    @media screen and (max-width: $no-gap-breakpoint) {\n      margin: 0;\n    }\n  }\n\n  &__card {\n    box-sizing: border-box;\n    margin-bottom: 10px;\n\n    &__img {\n      height: 125px;\n      position: relative;\n      background: darken($ui-base-color, 12%);\n      overflow: hidden;\n\n      img {\n        display: block;\n        width: 100%;\n        height: 100%;\n        margin: 0;\n        object-fit: cover;\n      }\n    }\n\n    &__bar {\n      display: flex;\n      align-items: center;\n      background: lighten($ui-base-color, 4%);\n      padding: 10px;\n\n      &__name {\n        flex: 1 1 auto;\n        display: flex;\n        align-items: center;\n        text-decoration: none;\n        overflow: hidden;\n      }\n\n      &__relationship {\n        width: 23px;\n        min-height: 1px;\n        flex: 0 0 auto;\n      }\n\n      .avatar {\n        flex: 0 0 auto;\n        width: 48px;\n        height: 48px;\n        padding-top: 2px;\n\n        img {\n          width: 100%;\n          height: 100%;\n          display: block;\n          margin: 0;\n          border-radius: 4px;\n          background: darken($ui-base-color, 8%);\n          object-fit: cover;\n        }\n      }\n\n      .display-name {\n        margin-left: 15px;\n        text-align: left;\n\n        strong {\n          font-size: 15px;\n          color: $primary-text-color;\n          font-weight: 500;\n          overflow: hidden;\n          text-overflow: ellipsis;\n        }\n\n        span {\n          display: block;\n          font-size: 14px;\n          color: $darker-text-color;\n          font-weight: 400;\n          overflow: hidden;\n          text-overflow: ellipsis;\n        }\n      }\n    }\n\n    &__extra {\n      background: $ui-base-color;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n\n      .accounts-table__count {\n        width: 33.33%;\n        flex: 0 0 auto;\n        padding: 15px 0;\n      }\n\n      .account__header__content {\n        box-sizing: border-box;\n        padding: 15px 10px;\n        border-bottom: 1px solid lighten($ui-base-color, 8%);\n        width: 100%;\n        min-height: 18px + 30px;\n        white-space: nowrap;\n        overflow: hidden;\n        text-overflow: ellipsis;\n\n        p {\n          display: none;\n\n          &:first-child {\n            display: inline;\n          }\n        }\n\n        br {\n          display: none;\n        }\n      }\n    }\n  }\n}\n\n.account-gallery__container {\n  display: flex;\n  flex-wrap: wrap;\n  padding: 4px 2px;\n}\n\n.account-gallery__item {\n  border: 0;\n  box-sizing: border-box;\n  display: block;\n  position: relative;\n  border-radius: 4px;\n  overflow: hidden;\n  margin: 2px;\n\n  &__icons {\n    position: absolute;\n    top: 50%;\n    left: 50%;\n    transform: translate(-50%, -50%);\n    font-size: 24px;\n  }\n}\n\n.notification__filter-bar,\n.account__section-headline {\n  background: darken($ui-base-color, 4%);\n  border-bottom: 1px solid lighten($ui-base-color, 8%);\n  cursor: default;\n  display: flex;\n  flex-shrink: 0;\n\n  button {\n    background: darken($ui-base-color, 4%);\n    border: 0;\n    margin: 0;\n  }\n\n  button,\n  a {\n    display: block;\n    flex: 1 1 auto;\n    color: $darker-text-color;\n    padding: 15px 0;\n    font-size: 14px;\n    font-weight: 500;\n    text-align: center;\n    text-decoration: none;\n    position: relative;\n\n    &.active {\n      color: $secondary-text-color;\n\n      &::before,\n      &::after {\n        display: block;\n        content: \"\";\n        position: absolute;\n        bottom: 0;\n        left: 50%;\n        width: 0;\n        height: 0;\n        transform: translateX(-50%);\n        border-style: solid;\n        border-width: 0 10px 10px;\n        border-color: transparent transparent lighten($ui-base-color, 8%);\n      }\n\n      &::after {\n        bottom: -1px;\n        border-color: transparent transparent $ui-base-color;\n      }\n    }\n  }\n\n  &.directory__section-headline {\n    background: darken($ui-base-color, 2%);\n    border-bottom-color: transparent;\n\n    a,\n    button {\n      &.active {\n        &::before {\n          display: none;\n        }\n\n        &::after {\n          border-color: transparent transparent darken($ui-base-color, 7%);\n        }\n      }\n    }\n  }\n}\n\n.filter-form {\n  background: $ui-base-color;\n\n  &__column {\n    padding: 10px 15px;\n  }\n\n  .radio-button {\n    display: block;\n  }\n}\n\n.radio-button {\n  font-size: 14px;\n  position: relative;\n  display: inline-block;\n  padding: 6px 0;\n  line-height: 18px;\n  cursor: default;\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  cursor: pointer;\n\n  input[type=radio],\n  input[type=checkbox] {\n    display: none;\n  }\n\n  &__input {\n    display: inline-block;\n    position: relative;\n    border: 1px solid $ui-primary-color;\n    box-sizing: border-box;\n    width: 18px;\n    height: 18px;\n    flex: 0 0 auto;\n    margin-right: 10px;\n    top: -1px;\n    border-radius: 50%;\n    vertical-align: middle;\n\n    &.checked {\n      border-color: lighten($ui-highlight-color, 8%);\n      background: lighten($ui-highlight-color, 8%);\n    }\n  }\n}\n\n::-webkit-scrollbar-thumb {\n  border-radius: 0;\n}\n\n.search-popout {\n  @include search-popout;\n}\n\nnoscript {\n  text-align: center;\n\n  img {\n    width: 200px;\n    opacity: 0.5;\n    animation: flicker 4s infinite;\n  }\n\n  div {\n    font-size: 14px;\n    margin: 30px auto;\n    color: $secondary-text-color;\n    max-width: 400px;\n\n    a {\n      color: $highlight-text-color;\n      text-decoration: underline;\n\n      &:hover {\n        text-decoration: none;\n      }\n    }\n  }\n}\n\n@keyframes flicker {\n  0% { opacity: 1; }\n  30% { opacity: 0.75; }\n  100% { opacity: 1; }\n}\n\n@media screen and (max-width: 630px) and (max-height: 400px) {\n  $duration: 400ms;\n  $delay: 100ms;\n\n  .tabs-bar,\n  .search {\n    will-change: margin-top;\n    transition: margin-top $duration $delay;\n  }\n\n  .navigation-bar {\n    will-change: padding-bottom;\n    transition: padding-bottom $duration $delay;\n  }\n\n  .navigation-bar {\n    & > a:first-child {\n      will-change: margin-top, margin-left, margin-right, width;\n      transition: margin-top $duration $delay, margin-left $duration ($duration + $delay), margin-right $duration ($duration + $delay);\n    }\n\n    & > .navigation-bar__profile-edit {\n      will-change: margin-top;\n      transition: margin-top $duration $delay;\n    }\n\n    .navigation-bar__actions {\n      & > .icon-button.close {\n        will-change: opacity transform;\n        transition: opacity $duration * 0.5 $delay,\n                    transform $duration $delay;\n      }\n\n      & > .compose__action-bar .icon-button {\n        will-change: opacity transform;\n        transition: opacity $duration * 0.5 $delay + $duration * 0.5,\n                    transform $duration $delay;\n      }\n    }\n  }\n\n  .is-composing {\n    .tabs-bar,\n    .search {\n      margin-top: -50px;\n    }\n\n    .navigation-bar {\n      padding-bottom: 0;\n\n      & > a:first-child {\n        margin: -100px 10px 0 -50px;\n      }\n\n      .navigation-bar__profile {\n        padding-top: 2px;\n      }\n\n      .navigation-bar__profile-edit {\n        position: absolute;\n        margin-top: -60px;\n      }\n\n      .navigation-bar__actions {\n        .icon-button.close {\n          pointer-events: auto;\n          opacity: 1;\n          transform: scale(1, 1) translate(0, 0);\n          bottom: 5px;\n        }\n\n        .compose__action-bar .icon-button {\n          pointer-events: none;\n          opacity: 0;\n          transform: scale(0, 1) translate(100%, 0);\n        }\n      }\n    }\n  }\n}\n\n.embed-modal {\n  width: auto;\n  max-width: 80vw;\n  max-height: 80vh;\n\n  h4 {\n    padding: 30px;\n    font-weight: 500;\n    font-size: 16px;\n    text-align: center;\n  }\n\n  .embed-modal__container {\n    padding: 10px;\n\n    .hint {\n      margin-bottom: 15px;\n    }\n\n    .embed-modal__html {\n      outline: 0;\n      box-sizing: border-box;\n      display: block;\n      width: 100%;\n      border: 0;\n      padding: 10px;\n      font-family: $font-monospace, monospace;\n      background: $ui-base-color;\n      color: $primary-text-color;\n      font-size: 14px;\n      margin: 0;\n      margin-bottom: 15px;\n      border-radius: 4px;\n\n      &::-moz-focus-inner {\n        border: 0;\n      }\n\n      &::-moz-focus-inner,\n      &:focus,\n      &:active {\n        outline: 0 !important;\n      }\n\n      &:focus {\n        background: lighten($ui-base-color, 4%);\n      }\n\n      @media screen and (max-width: 600px) {\n        font-size: 16px;\n      }\n    }\n\n    .embed-modal__iframe {\n      width: 400px;\n      max-width: 100%;\n      overflow: hidden;\n      border: 0;\n      border-radius: 4px;\n    }\n  }\n}\n\n.account__moved-note {\n  padding: 14px 10px;\n  padding-bottom: 16px;\n  background: lighten($ui-base-color, 4%);\n  border-top: 1px solid lighten($ui-base-color, 8%);\n  border-bottom: 1px solid lighten($ui-base-color, 8%);\n\n  &__message {\n    position: relative;\n    margin-left: 58px;\n    color: $dark-text-color;\n    padding: 8px 0;\n    padding-top: 0;\n    padding-bottom: 4px;\n    font-size: 14px;\n\n    > span {\n      display: block;\n      overflow: hidden;\n      text-overflow: ellipsis;\n    }\n  }\n\n  &__icon-wrapper {\n    left: -26px;\n    position: absolute;\n  }\n\n  .detailed-status__display-avatar {\n    position: relative;\n  }\n\n  .detailed-status__display-name {\n    margin-bottom: 0;\n  }\n}\n\n.column-inline-form {\n  padding: 15px;\n  padding-right: 0;\n  display: flex;\n  justify-content: flex-start;\n  align-items: center;\n  background: lighten($ui-base-color, 4%);\n\n  label {\n    flex: 1 1 auto;\n\n    input {\n      width: 100%;\n\n      &:focus {\n        outline: 0;\n      }\n    }\n  }\n\n  .icon-button {\n    flex: 0 0 auto;\n    margin: 0 10px;\n  }\n}\n\n.drawer__backdrop {\n  cursor: pointer;\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  background: rgba($base-overlay-background, 0.5);\n}\n\n.list-editor {\n  background: $ui-base-color;\n  flex-direction: column;\n  border-radius: 8px;\n  box-shadow: 2px 4px 15px rgba($base-shadow-color, 0.4);\n  width: 380px;\n  overflow: hidden;\n\n  @media screen and (max-width: 420px) {\n    width: 90%;\n  }\n\n  h4 {\n    padding: 15px 0;\n    background: lighten($ui-base-color, 13%);\n    font-weight: 500;\n    font-size: 16px;\n    text-align: center;\n    border-radius: 8px 8px 0 0;\n  }\n\n  .drawer__pager {\n    height: 50vh;\n  }\n\n  .drawer__inner {\n    border-radius: 0 0 8px 8px;\n\n    &.backdrop {\n      width: calc(100% - 60px);\n      box-shadow: 2px 4px 15px rgba($base-shadow-color, 0.4);\n      border-radius: 0 0 0 8px;\n    }\n  }\n\n  &__accounts {\n    overflow-y: auto;\n  }\n\n  .account__display-name {\n    &:hover strong {\n      text-decoration: none;\n    }\n  }\n\n  .account__avatar {\n    cursor: default;\n  }\n\n  .search {\n    margin-bottom: 0;\n  }\n}\n\n.list-adder {\n  background: $ui-base-color;\n  flex-direction: column;\n  border-radius: 8px;\n  box-shadow: 2px 4px 15px rgba($base-shadow-color, 0.4);\n  width: 380px;\n  overflow: hidden;\n\n  @media screen and (max-width: 420px) {\n    width: 90%;\n  }\n\n  &__account {\n    background: lighten($ui-base-color, 13%);\n  }\n\n  &__lists {\n    background: lighten($ui-base-color, 13%);\n    height: 50vh;\n    border-radius: 0 0 8px 8px;\n    overflow-y: auto;\n  }\n\n  .list {\n    padding: 10px;\n    border-bottom: 1px solid lighten($ui-base-color, 8%);\n  }\n\n  .list__wrapper {\n    display: flex;\n  }\n\n  .list__display-name {\n    flex: 1 1 auto;\n    overflow: hidden;\n    text-decoration: none;\n    font-size: 16px;\n    padding: 10px;\n  }\n}\n\n.focal-point {\n  position: relative;\n  cursor: move;\n  overflow: hidden;\n  height: 100%;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  background: $base-shadow-color;\n\n  img,\n  video,\n  canvas {\n    display: block;\n    max-height: 80vh;\n    width: 100%;\n    height: auto;\n    margin: 0;\n    object-fit: contain;\n    background: $base-shadow-color;\n  }\n\n  &__reticle {\n    position: absolute;\n    width: 100px;\n    height: 100px;\n    transform: translate(-50%, -50%);\n    background: url('~images/reticle.png') no-repeat 0 0;\n    border-radius: 50%;\n    box-shadow: 0 0 0 9999em rgba($base-shadow-color, 0.35);\n  }\n\n  &__overlay {\n    position: absolute;\n    width: 100%;\n    height: 100%;\n    top: 0;\n    left: 0;\n  }\n\n  &__preview {\n    position: absolute;\n    bottom: 10px;\n    right: 10px;\n    z-index: 2;\n    cursor: move;\n    transition: opacity 0.1s ease;\n\n    &:hover {\n      opacity: 0.5;\n    }\n\n    strong {\n      color: $primary-text-color;\n      font-size: 14px;\n      font-weight: 500;\n      display: block;\n      margin-bottom: 5px;\n    }\n\n    div {\n      border-radius: 4px;\n      box-shadow: 0 0 14px rgba($base-shadow-color, 0.2);\n    }\n  }\n\n  @media screen and (max-width: 480px) {\n    img,\n    video {\n      max-height: 100%;\n    }\n\n    &__preview {\n      display: none;\n    }\n  }\n}\n\n.account__header__content {\n  color: $darker-text-color;\n  font-size: 14px;\n  font-weight: 400;\n  overflow: hidden;\n  word-break: normal;\n  word-wrap: break-word;\n\n  p {\n    margin-bottom: 20px;\n\n    &:last-child {\n      margin-bottom: 0;\n    }\n  }\n\n  a {\n    color: inherit;\n    text-decoration: underline;\n\n    &:hover {\n      text-decoration: none;\n    }\n  }\n}\n\n.account__header {\n  overflow: hidden;\n\n  &.inactive {\n    opacity: 0.5;\n\n    .account__header__image,\n    .account__avatar {\n      filter: grayscale(100%);\n    }\n  }\n\n  &__info {\n    position: absolute;\n    top: 10px;\n    left: 10px;\n  }\n\n  &__image {\n    overflow: hidden;\n    height: 145px;\n    position: relative;\n    background: darken($ui-base-color, 4%);\n\n    img {\n      object-fit: cover;\n      display: block;\n      width: 100%;\n      height: 100%;\n      margin: 0;\n    }\n  }\n\n  &__bar {\n    position: relative;\n    background: lighten($ui-base-color, 4%);\n    padding: 5px;\n    border-bottom: 1px solid lighten($ui-base-color, 12%);\n\n    .avatar {\n      display: block;\n      flex: 0 0 auto;\n      width: 94px;\n      margin-left: -2px;\n\n      .account__avatar {\n        background: darken($ui-base-color, 8%);\n        border: 2px solid lighten($ui-base-color, 4%);\n      }\n    }\n  }\n\n  &__tabs {\n    display: flex;\n    align-items: flex-start;\n    padding: 7px 5px;\n    margin-top: -55px;\n\n    &__buttons {\n      display: flex;\n      align-items: center;\n      padding-top: 55px;\n      overflow: hidden;\n\n      .icon-button {\n        border: 1px solid lighten($ui-base-color, 12%);\n        border-radius: 4px;\n        box-sizing: content-box;\n        padding: 2px;\n      }\n\n      .button {\n        margin: 0 8px;\n      }\n    }\n\n    &__name {\n      padding: 5px;\n\n      .account-role {\n        vertical-align: top;\n      }\n\n      .emojione {\n        width: 22px;\n        height: 22px;\n      }\n\n      h1 {\n        font-size: 16px;\n        line-height: 24px;\n        color: $primary-text-color;\n        font-weight: 500;\n        overflow: hidden;\n        white-space: nowrap;\n        text-overflow: ellipsis;\n\n        small {\n          display: block;\n          font-size: 14px;\n          color: $darker-text-color;\n          font-weight: 400;\n          overflow: hidden;\n          text-overflow: ellipsis;\n        }\n      }\n    }\n\n    .spacer {\n      flex: 1 1 auto;\n    }\n  }\n\n  &__bio {\n    overflow: hidden;\n    margin: 0 -5px;\n\n    .account__header__content {\n      padding: 20px 15px;\n      padding-bottom: 5px;\n      color: $primary-text-color;\n    }\n\n    .account__header__fields {\n      margin: 0;\n      border-top: 1px solid lighten($ui-base-color, 12%);\n\n      a {\n        color: lighten($ui-highlight-color, 8%);\n      }\n\n      dl:first-child .verified {\n        border-radius: 0 4px 0 0;\n      }\n\n      .verified a {\n        color: $valid-value-color;\n      }\n    }\n  }\n\n  &__extra {\n    margin-top: 4px;\n\n    &__links {\n      font-size: 14px;\n      color: $darker-text-color;\n      padding: 10px 0;\n\n      a {\n        display: inline-block;\n        color: $darker-text-color;\n        text-decoration: none;\n        padding: 5px 10px;\n        font-weight: 500;\n\n        strong {\n          font-weight: 700;\n          color: $primary-text-color;\n        }\n      }\n    }\n  }\n}\n\n.trends {\n  &__header {\n    color: $dark-text-color;\n    background: lighten($ui-base-color, 2%);\n    border-bottom: 1px solid darken($ui-base-color, 4%);\n    font-weight: 500;\n    padding: 15px;\n    font-size: 16px;\n    cursor: default;\n\n    .fa {\n      display: inline-block;\n      margin-right: 5px;\n    }\n  }\n\n  &__item {\n    display: flex;\n    align-items: center;\n    padding: 15px;\n    border-bottom: 1px solid lighten($ui-base-color, 8%);\n\n    &:last-child {\n      border-bottom: 0;\n    }\n\n    &__name {\n      flex: 1 1 auto;\n      color: $dark-text-color;\n      overflow: hidden;\n      text-overflow: ellipsis;\n      white-space: nowrap;\n\n      strong {\n        font-weight: 500;\n      }\n\n      a {\n        color: $darker-text-color;\n        text-decoration: none;\n        font-size: 14px;\n        font-weight: 500;\n        display: block;\n        overflow: hidden;\n        text-overflow: ellipsis;\n        white-space: nowrap;\n\n        &:hover,\n        &:focus,\n        &:active {\n          span {\n            text-decoration: underline;\n          }\n        }\n      }\n    }\n\n    &__current {\n      flex: 0 0 auto;\n      font-size: 24px;\n      line-height: 36px;\n      font-weight: 500;\n      text-align: right;\n      padding-right: 15px;\n      margin-left: 5px;\n      color: $secondary-text-color;\n    }\n\n    &__sparkline {\n      flex: 0 0 auto;\n      width: 50px;\n\n      path:first-child {\n        fill: rgba($highlight-text-color, 0.25) !important;\n        fill-opacity: 1 !important;\n      }\n\n      path:last-child {\n        stroke: lighten($highlight-text-color, 6%) !important;\n      }\n    }\n  }\n}\n\n.conversation {\n  display: flex;\n  border-bottom: 1px solid lighten($ui-base-color, 8%);\n  padding: 5px;\n  padding-bottom: 0;\n\n  &:focus {\n    background: lighten($ui-base-color, 2%);\n    outline: 0;\n  }\n\n  &__avatar {\n    flex: 0 0 auto;\n    padding: 10px;\n    padding-top: 12px;\n    position: relative;\n  }\n\n  &__unread {\n    display: inline-block;\n    background: $highlight-text-color;\n    border-radius: 50%;\n    width: 0.625rem;\n    height: 0.625rem;\n    margin: -.1ex .15em .1ex;\n  }\n\n  &__content {\n    flex: 1 1 auto;\n    padding: 10px 5px;\n    padding-right: 15px;\n    overflow: hidden;\n\n    &__info {\n      overflow: hidden;\n      display: flex;\n      flex-direction: row-reverse;\n      justify-content: space-between;\n    }\n\n    &__relative-time {\n      font-size: 15px;\n      color: $darker-text-color;\n      padding-left: 15px;\n    }\n\n    &__names {\n      color: $darker-text-color;\n      font-size: 15px;\n      white-space: nowrap;\n      overflow: hidden;\n      text-overflow: ellipsis;\n      margin-bottom: 4px;\n      flex-basis: 90px;\n      flex-grow: 1;\n\n      a {\n        color: $primary-text-color;\n        text-decoration: none;\n\n        &:hover,\n        &:focus,\n        &:active {\n          text-decoration: underline;\n        }\n      }\n    }\n\n    a {\n      word-break: break-word;\n    }\n  }\n\n  &--unread {\n    background: lighten($ui-base-color, 2%);\n\n    &:focus {\n      background: lighten($ui-base-color, 4%);\n    }\n\n    .conversation__content__info {\n      font-weight: 700;\n    }\n\n    .conversation__content__relative-time {\n      color: $primary-text-color;\n    }\n  }\n}\n",null,"@mixin avatar-radius {\n  border-radius: 4px;\n  background: transparent no-repeat;\n  background-position: 50%;\n  background-clip: padding-box;\n}\n\n@mixin avatar-size($size: 48px) {\n  width: $size;\n  height: $size;\n  background-size: $size $size;\n}\n\n@mixin search-input {\n  outline: 0;\n  box-sizing: border-box;\n  width: 100%;\n  border: 0;\n  box-shadow: none;\n  font-family: inherit;\n  background: $ui-base-color;\n  color: $darker-text-color;\n  font-size: 14px;\n  margin: 0;\n}\n\n@mixin search-popout {\n  background: $simple-background-color;\n  border-radius: 4px;\n  padding: 10px 14px;\n  padding-bottom: 14px;\n  margin-top: 10px;\n  color: $light-text-color;\n  box-shadow: 2px 4px 15px rgba($base-shadow-color, 0.4);\n\n  h4 {\n    color: $light-text-color;\n    font-size: 14px;\n    font-weight: 500;\n    margin-bottom: 10px;\n  }\n\n  li {\n    padding: 4px 0;\n  }\n\n  ul {\n    margin-bottom: 10px;\n  }\n\n  em {\n    font-weight: 500;\n    color: $inverted-text-color;\n  }\n}\n",".poll {\n  margin-top: 16px;\n  font-size: 14px;\n\n  li {\n    margin-bottom: 10px;\n    position: relative;\n  }\n\n  &__chart {\n    position: absolute;\n    top: 0;\n    left: 0;\n    height: 100%;\n    display: inline-block;\n    border-radius: 4px;\n    background: darken($ui-primary-color, 14%);\n\n    &.leading {\n      background: $ui-highlight-color;\n    }\n  }\n\n  &__text {\n    position: relative;\n    display: flex;\n    padding: 6px 0;\n    line-height: 18px;\n    cursor: default;\n    overflow: hidden;\n\n    input[type=radio],\n    input[type=checkbox] {\n      display: none;\n    }\n\n    .autossugest-input {\n      flex: 1 1 auto;\n    }\n\n    input[type=text] {\n      display: block;\n      box-sizing: border-box;\n      width: 100%;\n      font-size: 14px;\n      color: $inverted-text-color;\n      outline: 0;\n      font-family: inherit;\n      background: $simple-background-color;\n      border: 1px solid darken($simple-background-color, 14%);\n      border-radius: 4px;\n      padding: 6px 10px;\n\n      &:focus {\n        border-color: $highlight-text-color;\n      }\n    }\n\n    &.selectable {\n      cursor: pointer;\n    }\n\n    &.editable {\n      display: flex;\n      align-items: center;\n      overflow: visible;\n    }\n  }\n\n  &__input {\n    display: inline-block;\n    position: relative;\n    border: 1px solid $ui-primary-color;\n    box-sizing: border-box;\n    width: 18px;\n    height: 18px;\n    flex: 0 0 auto;\n    margin-right: 10px;\n    top: -1px;\n    border-radius: 50%;\n    vertical-align: middle;\n    margin-top: auto;\n    margin-bottom: auto;\n    flex: 0 0 18px;\n\n    &.checkbox {\n      border-radius: 4px;\n    }\n\n    &.active {\n      border-color: $valid-value-color;\n      background: $valid-value-color;\n    }\n\n    &:active,\n    &:focus,\n    &:hover {\n      border-width: 4px;\n      background: none;\n    }\n\n    &::-moz-focus-inner {\n      outline: 0 !important;\n      border: 0;\n    }\n\n    &:focus,\n    &:active {\n      outline: 0 !important;\n    }\n  }\n\n  &__number {\n    display: inline-block;\n    width: 52px;\n    font-weight: 700;\n    padding: 0 10px;\n    padding-left: 8px;\n    text-align: right;\n    margin-top: auto;\n    margin-bottom: auto;\n    flex: 0 0 52px;\n  }\n\n  &__vote__mark {\n    float: left;\n    line-height: 18px;\n  }\n\n  &__footer {\n    padding-top: 6px;\n    padding-bottom: 5px;\n    color: $dark-text-color;\n  }\n\n  &__link {\n    display: inline;\n    background: transparent;\n    padding: 0;\n    margin: 0;\n    border: 0;\n    color: $dark-text-color;\n    text-decoration: underline;\n    font-size: inherit;\n\n    &:hover {\n      text-decoration: none;\n    }\n\n    &:active,\n    &:focus {\n      background-color: rgba($dark-text-color, .1);\n    }\n  }\n\n  .button {\n    height: 36px;\n    padding: 0 16px;\n    margin-right: 10px;\n    font-size: 14px;\n  }\n}\n\n.compose-form__poll-wrapper {\n  border-top: 1px solid darken($simple-background-color, 8%);\n\n  ul {\n    padding: 10px;\n  }\n\n  .poll__footer {\n    border-top: 1px solid darken($simple-background-color, 8%);\n    padding: 10px;\n    display: flex;\n    align-items: center;\n\n    button,\n    select {\n      flex: 1 1 50%;\n\n      &:focus {\n        border-color: $highlight-text-color;\n      }\n    }\n  }\n\n  .button.button-secondary {\n    font-size: 14px;\n    font-weight: 400;\n    padding: 6px 10px;\n    height: auto;\n    line-height: inherit;\n    color: $action-button-color;\n    border-color: $action-button-color;\n    margin-right: 5px;\n  }\n\n  li {\n    display: flex;\n    align-items: center;\n\n    .poll__text {\n      flex: 0 0 auto;\n      width: calc(100% - (23px + 6px));\n      margin-right: 6px;\n    }\n  }\n\n  select {\n    appearance: none;\n    box-sizing: border-box;\n    font-size: 14px;\n    color: $inverted-text-color;\n    display: inline-block;\n    width: auto;\n    outline: 0;\n    font-family: inherit;\n    background: $simple-background-color url(\"data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14.933 18.467' height='19.698' width='15.929'><path d='M3.467 14.967l-3.393-3.5H14.86l-3.392 3.5c-1.866 1.925-3.666 3.5-4 3.5-.335 0-2.135-1.575-4-3.5zm.266-11.234L7.467 0 11.2 3.733l3.733 3.734H0l3.733-3.734z' fill='#{hex-color(darken($simple-background-color, 14%))}'/></svg>\") no-repeat right 8px center / auto 16px;\n    border: 1px solid darken($simple-background-color, 14%);\n    border-radius: 4px;\n    padding: 6px 10px;\n    padding-right: 30px;\n  }\n\n  .icon-button.disabled {\n    color: darken($simple-background-color, 14%);\n  }\n}\n\n.muted .poll {\n  color: $dark-text-color;\n\n  &__chart {\n    background: rgba(darken($ui-primary-color, 14%), 0.2);\n\n    &.leading {\n      background: rgba($ui-highlight-color, 0.2);\n    }\n  }\n}\n",".modal-layout {\n  background: $ui-base-color url('data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 234.80078 31.757813\" width=\"234.80078\" height=\"31.757812\"><path d=\"M19.599609 0c-1.05 0-2.10039.375-2.90039 1.125L0 16.925781v14.832031h234.80078V17.025391l-16.5-15.900391c-1.6-1.5-4.20078-1.5-5.80078 0l-13.80078 13.099609c-1.6 1.5-4.19883 1.5-5.79883 0L179.09961 1.125c-1.6-1.5-4.19883-1.5-5.79883 0L159.5 14.224609c-1.6 1.5-4.20078 1.5-5.80078 0L139.90039 1.125c-1.6-1.5-4.20078-1.5-5.80078 0l-13.79883 13.099609c-1.6 1.5-4.20078 1.5-5.80078 0L100.69922 1.125c-1.600001-1.5-4.198829-1.5-5.798829 0l-13.59961 13.099609c-1.6 1.5-4.200781 1.5-5.800781 0L61.699219 1.125c-1.6-1.5-4.198828-1.5-5.798828 0L42.099609 14.224609c-1.6 1.5-4.198828 1.5-5.798828 0L22.5 1.125C21.7.375 20.649609 0 19.599609 0z\" fill=\"#{hex-color($ui-base-lighter-color)}\"/></svg>') repeat-x bottom fixed;\n  display: flex;\n  flex-direction: column;\n  height: 100vh;\n  padding: 0;\n}\n\n.modal-layout__mastodon {\n  display: flex;\n  flex: 1;\n  flex-direction: column;\n  justify-content: flex-end;\n\n  > * {\n    flex: 1;\n    max-height: 235px;\n  }\n}\n\n@media screen and (max-width: 600px) {\n  .account-header {\n    margin-top: 0;\n  }\n}\n",".emoji-mart {\n  font-size: 13px;\n  display: inline-block;\n  color: $inverted-text-color;\n\n  &,\n  * {\n    box-sizing: border-box;\n    line-height: 1.15;\n  }\n\n  .emoji-mart-emoji {\n    padding: 6px;\n  }\n}\n\n.emoji-mart-bar {\n  border: 0 solid darken($ui-secondary-color, 8%);\n\n  &:first-child {\n    border-bottom-width: 1px;\n    border-top-left-radius: 5px;\n    border-top-right-radius: 5px;\n    background: $ui-secondary-color;\n  }\n\n  &:last-child {\n    border-top-width: 1px;\n    border-bottom-left-radius: 5px;\n    border-bottom-right-radius: 5px;\n    display: none;\n  }\n}\n\n.emoji-mart-anchors {\n  display: flex;\n  justify-content: space-between;\n  padding: 0 6px;\n  color: $lighter-text-color;\n  line-height: 0;\n}\n\n.emoji-mart-anchor {\n  position: relative;\n  flex: 1;\n  text-align: center;\n  padding: 12px 4px;\n  overflow: hidden;\n  transition: color .1s ease-out;\n  cursor: pointer;\n\n  &:hover {\n    color: darken($lighter-text-color, 4%);\n  }\n}\n\n.emoji-mart-anchor-selected {\n  color: $highlight-text-color;\n\n  &:hover {\n    color: darken($highlight-text-color, 4%);\n  }\n\n  .emoji-mart-anchor-bar {\n    bottom: -1px;\n  }\n}\n\n.emoji-mart-anchor-bar {\n  position: absolute;\n  bottom: -5px;\n  left: 0;\n  width: 100%;\n  height: 4px;\n  background-color: $highlight-text-color;\n}\n\n.emoji-mart-anchors {\n  i {\n    display: inline-block;\n    width: 100%;\n    max-width: 22px;\n  }\n\n  svg {\n    fill: currentColor;\n    max-height: 18px;\n  }\n}\n\n.emoji-mart-scroll {\n  overflow-y: scroll;\n  height: 270px;\n  max-height: 35vh;\n  padding: 0 6px 6px;\n  background: $simple-background-color;\n  will-change: transform;\n\n  &::-webkit-scrollbar-track:hover,\n  &::-webkit-scrollbar-track:active {\n    background-color: rgba($base-overlay-background, 0.3);\n  }\n}\n\n.emoji-mart-search {\n  padding: 10px;\n  padding-right: 45px;\n  background: $simple-background-color;\n\n  input {\n    font-size: 14px;\n    font-weight: 400;\n    padding: 7px 9px;\n    font-family: inherit;\n    display: block;\n    width: 100%;\n    background: rgba($ui-secondary-color, 0.3);\n    color: $inverted-text-color;\n    border: 1px solid $ui-secondary-color;\n    border-radius: 4px;\n\n    &::-moz-focus-inner {\n      border: 0;\n    }\n\n    &::-moz-focus-inner,\n    &:focus,\n    &:active {\n      outline: 0 !important;\n    }\n  }\n}\n\n.emoji-mart-category .emoji-mart-emoji {\n  cursor: pointer;\n\n  span {\n    z-index: 1;\n    position: relative;\n    text-align: center;\n  }\n\n  &:hover::before {\n    z-index: 0;\n    content: \"\";\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n    background-color: rgba($ui-secondary-color, 0.7);\n    border-radius: 100%;\n  }\n}\n\n.emoji-mart-category-label {\n  z-index: 2;\n  position: relative;\n  position: -webkit-sticky;\n  position: sticky;\n  top: 0;\n\n  span {\n    display: block;\n    width: 100%;\n    font-weight: 500;\n    padding: 5px 6px;\n    background: $simple-background-color;\n  }\n}\n\n.emoji-mart-emoji {\n  position: relative;\n  display: inline-block;\n  font-size: 0;\n\n  span {\n    width: 22px;\n    height: 22px;\n  }\n}\n\n.emoji-mart-no-results {\n  font-size: 14px;\n  text-align: center;\n  padding-top: 70px;\n  color: $light-text-color;\n\n  .emoji-mart-category-label {\n    display: none;\n  }\n\n  .emoji-mart-no-results-label {\n    margin-top: .2em;\n  }\n\n  .emoji-mart-emoji:hover::before {\n    content: none;\n  }\n}\n\n.emoji-mart-preview {\n  display: none;\n}\n","$maximum-width: 1235px;\n$fluid-breakpoint: $maximum-width + 20px;\n$column-breakpoint: 700px;\n$small-breakpoint: 960px;\n\n.container {\n  box-sizing: border-box;\n  max-width: $maximum-width;\n  margin: 0 auto;\n  position: relative;\n\n  @media screen and (max-width: $fluid-breakpoint) {\n    width: 100%;\n    padding: 0 10px;\n  }\n}\n\n.rich-formatting {\n  font-family: $font-sans-serif, sans-serif;\n  font-size: 14px;\n  font-weight: 400;\n  line-height: 1.7;\n  word-wrap: break-word;\n  color: $darker-text-color;\n\n  a {\n    color: $highlight-text-color;\n    text-decoration: underline;\n\n    &:hover,\n    &:focus,\n    &:active {\n      text-decoration: none;\n    }\n  }\n\n  p,\n  li {\n    color: $darker-text-color;\n  }\n\n  p {\n    margin-top: 0;\n    margin-bottom: .85em;\n\n    &:last-child {\n      margin-bottom: 0;\n    }\n  }\n\n  strong {\n    font-weight: 700;\n    color: $secondary-text-color;\n  }\n\n  em {\n    font-style: italic;\n    color: $secondary-text-color;\n  }\n\n  code {\n    font-size: 0.85em;\n    background: darken($ui-base-color, 8%);\n    border-radius: 4px;\n    padding: 0.2em 0.3em;\n  }\n\n  h1,\n  h2,\n  h3,\n  h4,\n  h5,\n  h6 {\n    font-family: $font-display, sans-serif;\n    margin-top: 1.275em;\n    margin-bottom: .85em;\n    font-weight: 500;\n    color: $secondary-text-color;\n  }\n\n  h1 {\n    font-size: 2em;\n  }\n\n  h2 {\n    font-size: 1.75em;\n  }\n\n  h3 {\n    font-size: 1.5em;\n  }\n\n  h4 {\n    font-size: 1.25em;\n  }\n\n  h5,\n  h6 {\n    font-size: 1em;\n  }\n\n  ul {\n    list-style: disc;\n  }\n\n  ol {\n    list-style: decimal;\n  }\n\n  ul,\n  ol {\n    margin: 0;\n    padding: 0;\n    padding-left: 2em;\n    margin-bottom: 0.85em;\n\n    &[type='a'] {\n      list-style-type: lower-alpha;\n    }\n\n    &[type='i'] {\n      list-style-type: lower-roman;\n    }\n  }\n\n  hr {\n    width: 100%;\n    height: 0;\n    border: 0;\n    border-bottom: 1px solid lighten($ui-base-color, 4%);\n    margin: 1.7em 0;\n\n    &.spacer {\n      height: 1px;\n      border: 0;\n    }\n  }\n\n  table {\n    width: 100%;\n    border-collapse: collapse;\n    break-inside: auto;\n    margin-top: 24px;\n    margin-bottom: 32px;\n\n    thead tr,\n    tbody tr {\n      border-bottom: 1px solid lighten($ui-base-color, 4%);\n      font-size: 1em;\n      line-height: 1.625;\n      font-weight: 400;\n      text-align: left;\n      color: $darker-text-color;\n    }\n\n    thead tr {\n      border-bottom-width: 2px;\n      line-height: 1.5;\n      font-weight: 500;\n      color: $dark-text-color;\n    }\n\n    th,\n    td {\n      padding: 8px;\n      align-self: start;\n      align-items: start;\n      word-break: break-all;\n\n      &.nowrap {\n        width: 25%;\n        position: relative;\n\n        &::before {\n          content: '&nbsp;';\n          visibility: hidden;\n        }\n\n        span {\n          position: absolute;\n          left: 8px;\n          right: 8px;\n          white-space: nowrap;\n          overflow: hidden;\n          text-overflow: ellipsis;\n        }\n      }\n    }\n  }\n\n  & > :first-child {\n    margin-top: 0;\n  }\n}\n\n.information-board {\n  background: darken($ui-base-color, 4%);\n  padding: 20px 0;\n\n  .container-alt {\n    position: relative;\n    padding-right: 280px + 15px;\n  }\n\n  &__sections {\n    display: flex;\n    justify-content: space-between;\n    flex-wrap: wrap;\n  }\n\n  &__section {\n    flex: 1 0 0;\n    font-family: $font-sans-serif, sans-serif;\n    font-size: 16px;\n    line-height: 28px;\n    color: $primary-text-color;\n    text-align: right;\n    padding: 10px 15px;\n\n    span,\n    strong {\n      display: block;\n    }\n\n    span {\n      &:last-child {\n        color: $secondary-text-color;\n      }\n    }\n\n    strong {\n      font-family: $font-display, sans-serif;\n      font-weight: 500;\n      font-size: 32px;\n      line-height: 48px;\n    }\n\n    @media screen and (max-width: $column-breakpoint) {\n      text-align: center;\n    }\n  }\n\n  .panel {\n    position: absolute;\n    width: 280px;\n    box-sizing: border-box;\n    background: darken($ui-base-color, 8%);\n    padding: 20px;\n    padding-top: 10px;\n    border-radius: 4px 4px 0 0;\n    right: 0;\n    bottom: -40px;\n\n    .panel-header {\n      font-family: $font-display, sans-serif;\n      font-size: 14px;\n      line-height: 24px;\n      font-weight: 500;\n      color: $darker-text-color;\n      padding-bottom: 5px;\n      margin-bottom: 15px;\n      border-bottom: 1px solid lighten($ui-base-color, 4%);\n      text-overflow: ellipsis;\n      white-space: nowrap;\n      overflow: hidden;\n\n      a,\n      span {\n        font-weight: 400;\n        color: darken($darker-text-color, 10%);\n      }\n\n      a {\n        text-decoration: none;\n      }\n    }\n  }\n\n  .owner {\n    text-align: center;\n\n    .avatar {\n      width: 80px;\n      height: 80px;\n      margin: 0 auto;\n      margin-bottom: 15px;\n\n      img {\n        display: block;\n        width: 80px;\n        height: 80px;\n        border-radius: 48px;\n      }\n    }\n\n    .name {\n      font-size: 14px;\n\n      a {\n        display: block;\n        color: $primary-text-color;\n        text-decoration: none;\n\n        &:hover {\n          .display_name {\n            text-decoration: underline;\n          }\n        }\n      }\n\n      .username {\n        display: block;\n        color: $darker-text-color;\n      }\n    }\n  }\n}\n\n.landing-page {\n  p,\n  li {\n    font-family: $font-sans-serif, sans-serif;\n    font-size: 16px;\n    font-weight: 400;\n    font-size: 16px;\n    line-height: 30px;\n    margin-bottom: 12px;\n    color: $darker-text-color;\n\n    a {\n      color: $highlight-text-color;\n      text-decoration: underline;\n    }\n  }\n\n  em {\n    display: inline;\n    margin: 0;\n    padding: 0;\n    font-weight: 700;\n    background: transparent;\n    font-family: inherit;\n    font-size: inherit;\n    line-height: inherit;\n    color: lighten($darker-text-color, 10%);\n  }\n\n  h1 {\n    font-family: $font-display, sans-serif;\n    font-size: 26px;\n    line-height: 30px;\n    font-weight: 500;\n    margin-bottom: 20px;\n    color: $secondary-text-color;\n\n    small {\n      font-family: $font-sans-serif, sans-serif;\n      display: block;\n      font-size: 18px;\n      font-weight: 400;\n      color: lighten($darker-text-color, 10%);\n    }\n  }\n\n  h2 {\n    font-family: $font-display, sans-serif;\n    font-size: 22px;\n    line-height: 26px;\n    font-weight: 500;\n    margin-bottom: 20px;\n    color: $secondary-text-color;\n  }\n\n  h3 {\n    font-family: $font-display, sans-serif;\n    font-size: 18px;\n    line-height: 24px;\n    font-weight: 500;\n    margin-bottom: 20px;\n    color: $secondary-text-color;\n  }\n\n  h4 {\n    font-family: $font-display, sans-serif;\n    font-size: 16px;\n    line-height: 24px;\n    font-weight: 500;\n    margin-bottom: 20px;\n    color: $secondary-text-color;\n  }\n\n  h5 {\n    font-family: $font-display, sans-serif;\n    font-size: 14px;\n    line-height: 24px;\n    font-weight: 500;\n    margin-bottom: 20px;\n    color: $secondary-text-color;\n  }\n\n  h6 {\n    font-family: $font-display, sans-serif;\n    font-size: 12px;\n    line-height: 24px;\n    font-weight: 500;\n    margin-bottom: 20px;\n    color: $secondary-text-color;\n  }\n\n  ul,\n  ol {\n    margin-left: 20px;\n\n    &[type='a'] {\n      list-style-type: lower-alpha;\n    }\n\n    &[type='i'] {\n      list-style-type: lower-roman;\n    }\n  }\n\n  ul {\n    list-style: disc;\n  }\n\n  ol {\n    list-style: decimal;\n  }\n\n  li > ol,\n  li > ul {\n    margin-top: 6px;\n  }\n\n  hr {\n    width: 100%;\n    height: 0;\n    border: 0;\n    border-bottom: 1px solid rgba($ui-base-lighter-color, .6);\n    margin: 20px 0;\n\n    &.spacer {\n      height: 1px;\n      border: 0;\n    }\n  }\n\n  &__information,\n  &__forms {\n    padding: 20px;\n  }\n\n  &__call-to-action {\n    background: $ui-base-color;\n    border-radius: 4px;\n    padding: 25px 40px;\n    overflow: hidden;\n    box-sizing: border-box;\n\n    .row {\n      width: 100%;\n      display: flex;\n      flex-direction: row-reverse;\n      flex-wrap: nowrap;\n      justify-content: space-between;\n      align-items: center;\n    }\n\n    .row__information-board {\n      display: flex;\n      justify-content: flex-end;\n      align-items: flex-end;\n\n      .information-board__section {\n        flex: 1 0 auto;\n        padding: 0 10px;\n      }\n\n      @media screen and (max-width: $no-gap-breakpoint) {\n        width: 100%;\n        justify-content: space-between;\n      }\n    }\n\n    .row__mascot {\n      flex: 1;\n      margin: 10px -50px 0 0;\n\n      @media screen and (max-width: $no-gap-breakpoint) {\n        display: none;\n      }\n    }\n  }\n\n  &__logo {\n    margin-right: 20px;\n\n    img {\n      height: 50px;\n      width: auto;\n      mix-blend-mode: lighten;\n    }\n  }\n\n  &__information {\n    padding: 45px 40px;\n    margin-bottom: 10px;\n\n    &:last-child {\n      margin-bottom: 0;\n    }\n\n    strong {\n      font-weight: 500;\n      color: lighten($darker-text-color, 10%);\n    }\n\n    .account {\n      border-bottom: 0;\n      padding: 0;\n\n      &__display-name {\n        align-items: center;\n        display: flex;\n        margin-right: 5px;\n      }\n\n      div.account__display-name {\n        &:hover {\n          .display-name strong {\n            text-decoration: none;\n          }\n        }\n\n        .account__avatar {\n          cursor: default;\n        }\n      }\n\n      &__avatar-wrapper {\n        margin-left: 0;\n        flex: 0 0 auto;\n      }\n\n      &__avatar {\n        width: 44px;\n        height: 44px;\n        background-size: 44px 44px;\n      }\n\n      .display-name {\n        font-size: 15px;\n\n        &__account {\n          font-size: 14px;\n        }\n      }\n    }\n\n    @media screen and (max-width: $small-breakpoint) {\n      .contact {\n        margin-top: 30px;\n      }\n    }\n\n    @media screen and (max-width: $column-breakpoint) {\n      padding: 25px 20px;\n    }\n  }\n\n  &__information,\n  &__forms,\n  #mastodon-timeline {\n    box-sizing: border-box;\n    background: $ui-base-color;\n    border-radius: 4px;\n    box-shadow: 0 0 6px rgba($black, 0.1);\n  }\n\n  &__mascot {\n    height: 104px;\n    position: relative;\n    left: -40px;\n    bottom: 25px;\n\n    img {\n      height: 190px;\n      width: auto;\n    }\n  }\n\n  &__short-description {\n    .row {\n      display: flex;\n      flex-wrap: wrap;\n      align-items: center;\n      margin-bottom: 40px;\n    }\n\n    @media screen and (max-width: $column-breakpoint) {\n      .row {\n        margin-bottom: 20px;\n      }\n    }\n\n    p a {\n      color: $secondary-text-color;\n    }\n\n    h1 {\n      font-weight: 500;\n      color: $primary-text-color;\n      margin-bottom: 0;\n\n      small {\n        color: $darker-text-color;\n\n        span {\n          color: $secondary-text-color;\n        }\n      }\n    }\n\n    p:last-child {\n      margin-bottom: 0;\n    }\n  }\n\n  &__hero {\n    margin-bottom: 10px;\n\n    img {\n      display: block;\n      margin: 0;\n      max-width: 100%;\n      height: auto;\n      border-radius: 4px;\n    }\n  }\n\n  @media screen and (max-width: 840px) {\n    .information-board {\n      .container-alt {\n        padding-right: 20px;\n      }\n\n      .panel {\n        position: static;\n        margin-top: 20px;\n        width: 100%;\n        border-radius: 4px;\n\n        .panel-header {\n          text-align: center;\n        }\n      }\n    }\n  }\n\n  @media screen and (max-width: 675px) {\n    .header-wrapper {\n      padding-top: 0;\n\n      &.compact {\n        padding-bottom: 0;\n      }\n\n      &.compact .hero .heading {\n        text-align: initial;\n      }\n    }\n\n    .header .container-alt,\n    .features .container-alt {\n      display: block;\n    }\n  }\n\n  .cta {\n    margin: 20px;\n  }\n}\n\n.landing {\n  margin-bottom: 100px;\n\n  @media screen and (max-width: 738px) {\n    margin-bottom: 0;\n  }\n\n  &__brand {\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    padding: 50px;\n\n    svg {\n      fill: $primary-text-color;\n      height: 52px;\n    }\n\n    @media screen and (max-width: $no-gap-breakpoint) {\n      padding: 0;\n      margin-bottom: 30px;\n    }\n  }\n\n  .directory {\n    margin-top: 30px;\n    background: transparent;\n    box-shadow: none;\n    border-radius: 0;\n  }\n\n  .hero-widget {\n    margin-top: 30px;\n    margin-bottom: 0;\n\n    h4 {\n      padding: 10px;\n      font-weight: 700;\n      font-size: 14px;\n      color: $darker-text-color;\n    }\n\n    &__text {\n      border-radius: 0;\n      padding-bottom: 0;\n    }\n\n    &__footer {\n      background: $ui-base-color;\n      padding: 10px;\n      border-radius: 0 0 4px 4px;\n      display: flex;\n\n      &__column {\n        flex: 1 1 50%;\n      }\n    }\n\n    .account {\n      padding: 10px 0;\n      border-bottom: 0;\n\n      .account__display-name {\n        display: flex;\n        align-items: center;\n      }\n\n      .account__avatar {\n        width: 44px;\n        height: 44px;\n        background-size: 44px 44px;\n      }\n    }\n\n    &__counter {\n      padding: 10px;\n\n      strong {\n        font-family: $font-display, sans-serif;\n        font-size: 15px;\n        font-weight: 700;\n        display: block;\n      }\n\n      span {\n        font-size: 14px;\n        color: $darker-text-color;\n      }\n    }\n  }\n\n  .simple_form .user_agreement .label_input > label {\n    font-weight: 400;\n    color: $darker-text-color;\n  }\n\n  .simple_form p.lead {\n    color: $darker-text-color;\n    font-size: 15px;\n    line-height: 20px;\n    font-weight: 400;\n    margin-bottom: 25px;\n  }\n\n  &__grid {\n    max-width: 960px;\n    margin: 0 auto;\n    display: grid;\n    grid-template-columns: minmax(0, 50%) minmax(0, 50%);\n    grid-gap: 30px;\n\n    @media screen and (max-width: 738px) {\n      grid-template-columns: minmax(0, 100%);\n      grid-gap: 10px;\n\n      &__column-login {\n        grid-row: 1;\n        display: flex;\n        flex-direction: column;\n\n        .box-widget {\n          order: 2;\n          flex: 0 0 auto;\n        }\n\n        .hero-widget {\n          margin-top: 0;\n          margin-bottom: 10px;\n          order: 1;\n          flex: 0 0 auto;\n        }\n      }\n\n      &__column-registration {\n        grid-row: 2;\n      }\n\n      .directory {\n        margin-top: 10px;\n      }\n    }\n\n    @media screen and (max-width: $no-gap-breakpoint) {\n      grid-gap: 0;\n\n      .hero-widget {\n        display: block;\n        margin-bottom: 0;\n        box-shadow: none;\n\n        &__img,\n        &__img img,\n        &__footer {\n          border-radius: 0;\n        }\n      }\n\n      .hero-widget,\n      .box-widget,\n      .directory__tag {\n        border-bottom: 1px solid lighten($ui-base-color, 8%);\n      }\n\n      .directory {\n        margin-top: 0;\n\n        &__tag {\n          margin-bottom: 0;\n\n          & > a,\n          & > div {\n            border-radius: 0;\n            box-shadow: none;\n          }\n\n          &:last-child {\n            border-bottom: 0;\n          }\n        }\n      }\n    }\n  }\n}\n\n.brand {\n  position: relative;\n  text-decoration: none;\n}\n\n.brand__tagline {\n  display: block;\n  position: absolute;\n  bottom: -10px;\n  left: 50px;\n  width: 300px;\n  color: $ui-primary-color;\n  text-decoration: none;\n  font-size: 14px;\n\n  @media screen and (max-width: $no-gap-breakpoint) {\n    position: static;\n    width: auto;\n    margin-top: 20px;\n    color: $dark-text-color;\n  }\n}\n\n",".table {\n  width: 100%;\n  max-width: 100%;\n  border-spacing: 0;\n  border-collapse: collapse;\n\n  th,\n  td {\n    padding: 8px;\n    line-height: 18px;\n    vertical-align: top;\n    border-top: 1px solid $ui-base-color;\n    text-align: left;\n    background: darken($ui-base-color, 4%);\n  }\n\n  & > thead > tr > th {\n    vertical-align: bottom;\n    border-bottom: 2px solid $ui-base-color;\n    border-top: 0;\n    font-weight: 500;\n  }\n\n  & > tbody > tr > th {\n    font-weight: 500;\n  }\n\n  & > tbody > tr:nth-child(odd) > td,\n  & > tbody > tr:nth-child(odd) > th {\n    background: $ui-base-color;\n  }\n\n  a {\n    color: $highlight-text-color;\n    text-decoration: underline;\n\n    &:hover {\n      text-decoration: none;\n    }\n  }\n\n  strong {\n    font-weight: 500;\n\n    @each $lang in $cjk-langs {\n      &:lang(#{$lang}) {\n        font-weight: 700;\n      }\n    }\n  }\n\n  &.inline-table {\n    & > tbody > tr:nth-child(odd) {\n      & > td,\n      & > th {\n        background: transparent;\n      }\n    }\n\n    & > tbody > tr:first-child {\n      & > td,\n      & > th {\n        border-top: 0;\n      }\n    }\n  }\n\n  &.batch-table {\n    & > thead > tr > th {\n      background: $ui-base-color;\n      border-top: 1px solid darken($ui-base-color, 8%);\n      border-bottom: 1px solid darken($ui-base-color, 8%);\n\n      &:first-child {\n        border-radius: 4px 0 0;\n        border-left: 1px solid darken($ui-base-color, 8%);\n      }\n\n      &:last-child {\n        border-radius: 0 4px 0 0;\n        border-right: 1px solid darken($ui-base-color, 8%);\n      }\n    }\n  }\n\n  &--invites tbody td {\n    vertical-align: middle;\n  }\n}\n\n.table-wrapper {\n  overflow: auto;\n  margin-bottom: 20px;\n}\n\nsamp {\n  font-family: $font-monospace, monospace;\n}\n\nbutton.table-action-link {\n  background: transparent;\n  border: 0;\n  font: inherit;\n}\n\nbutton.table-action-link,\na.table-action-link {\n  text-decoration: none;\n  display: inline-block;\n  margin-right: 5px;\n  padding: 0 10px;\n  color: $darker-text-color;\n  font-weight: 500;\n\n  &:hover {\n    color: $primary-text-color;\n  }\n\n  i.fa {\n    font-weight: 400;\n    margin-right: 5px;\n  }\n\n  &:first-child {\n    padding-left: 0;\n  }\n}\n\n.batch-table {\n  &__toolbar,\n  &__row {\n    display: flex;\n\n    &__select {\n      box-sizing: border-box;\n      padding: 8px 16px;\n      cursor: pointer;\n      min-height: 100%;\n\n      input {\n        margin-top: 8px;\n      }\n\n      &--aligned {\n        display: flex;\n        align-items: center;\n\n        input {\n          margin-top: 0;\n        }\n      }\n    }\n\n    &__actions,\n    &__content {\n      padding: 8px 0;\n      padding-right: 16px;\n      flex: 1 1 auto;\n    }\n  }\n\n  &__toolbar {\n    border: 1px solid darken($ui-base-color, 8%);\n    background: $ui-base-color;\n    border-radius: 4px 0 0;\n    height: 47px;\n    align-items: center;\n\n    &__actions {\n      text-align: right;\n      padding-right: 16px - 5px;\n    }\n  }\n\n  &__form {\n    padding: 16px;\n    border: 1px solid darken($ui-base-color, 8%);\n    border-top: 0;\n    background: $ui-base-color;\n\n    .fields-row {\n      padding-top: 0;\n      margin-bottom: 0;\n    }\n  }\n\n  &__row {\n    border: 1px solid darken($ui-base-color, 8%);\n    border-top: 0;\n    background: darken($ui-base-color, 4%);\n\n    @media screen and (max-width: $no-gap-breakpoint) {\n      .optional &:first-child {\n        border-top: 1px solid darken($ui-base-color, 8%);\n      }\n    }\n\n    &:hover {\n      background: darken($ui-base-color, 2%);\n    }\n\n    &:nth-child(even) {\n      background: $ui-base-color;\n\n      &:hover {\n        background: lighten($ui-base-color, 2%);\n      }\n    }\n\n    &__content {\n      padding-top: 12px;\n      padding-bottom: 16px;\n\n      &--unpadded {\n        padding: 0;\n      }\n\n      &--with-image {\n        display: flex;\n        align-items: center;\n      }\n\n      &__image {\n        flex: 0 0 auto;\n        display: flex;\n        justify-content: center;\n        align-items: center;\n        margin-right: 10px;\n\n        .emojione {\n          width: 32px;\n          height: 32px;\n        }\n      }\n\n      &__text {\n        flex: 1 1 auto;\n      }\n\n      &__extra {\n        flex: 0 0 auto;\n        text-align: right;\n        color: $darker-text-color;\n        font-weight: 500;\n      }\n    }\n\n    .directory__tag {\n      margin: 0;\n      width: 100%;\n\n      a {\n        background: transparent;\n        border-radius: 0;\n      }\n    }\n  }\n\n  &.optional .batch-table__toolbar,\n  &.optional .batch-table__row__select {\n    @media screen and (max-width: $no-gap-breakpoint) {\n      display: none;\n    }\n  }\n\n  .status__content {\n    padding-top: 0;\n\n    summary {\n      display: list-item;\n    }\n\n    strong {\n      font-weight: 700;\n    }\n  }\n\n  .nothing-here {\n    border: 1px solid darken($ui-base-color, 8%);\n    border-top: 0;\n    box-shadow: none;\n\n    @media screen and (max-width: $no-gap-breakpoint) {\n      border-top: 1px solid darken($ui-base-color, 8%);\n    }\n  }\n\n  @media screen and (max-width: 870px) {\n    .accounts-table tbody td.optional {\n      display: none;\n    }\n  }\n}\n","$no-columns-breakpoint: 600px;\n$sidebar-width: 240px;\n$content-width: 840px;\n\n.admin-wrapper {\n  display: flex;\n  justify-content: center;\n  width: 100%;\n  min-height: 100vh;\n\n  .sidebar-wrapper {\n    min-height: 100vh;\n    overflow: hidden;\n    pointer-events: none;\n    flex: 1 1 auto;\n\n    &__inner {\n      display: flex;\n      justify-content: flex-end;\n      background: $ui-base-color;\n      height: 100%;\n    }\n  }\n\n  .sidebar {\n    width: $sidebar-width;\n    padding: 0;\n    pointer-events: auto;\n\n    &__toggle {\n      display: none;\n      background: lighten($ui-base-color, 8%);\n      height: 48px;\n\n      &__logo {\n        flex: 1 1 auto;\n\n        a {\n          display: inline-block;\n          padding: 15px;\n        }\n\n        svg {\n          fill: $primary-text-color;\n          height: 20px;\n          position: relative;\n          bottom: -2px;\n        }\n      }\n\n      &__icon {\n        display: block;\n        color: $darker-text-color;\n        text-decoration: none;\n        flex: 0 0 auto;\n        font-size: 20px;\n        padding: 15px;\n      }\n\n      a {\n        &:hover,\n        &:focus,\n        &:active {\n          background: lighten($ui-base-color, 12%);\n        }\n      }\n    }\n\n    .logo {\n      display: block;\n      margin: 40px auto;\n      width: 100px;\n      height: 100px;\n    }\n\n    @media screen and (max-width: $no-columns-breakpoint) {\n      & > a:first-child {\n        display: none;\n      }\n    }\n\n    ul {\n      list-style: none;\n      border-radius: 4px 0 0 4px;\n      overflow: hidden;\n      margin-bottom: 20px;\n\n      @media screen and (max-width: $no-columns-breakpoint) {\n        margin-bottom: 0;\n      }\n\n      a {\n        display: block;\n        padding: 15px;\n        color: $darker-text-color;\n        text-decoration: none;\n        transition: all 200ms linear;\n        transition-property: color, background-color;\n        border-radius: 4px 0 0 4px;\n        white-space: nowrap;\n        overflow: hidden;\n        text-overflow: ellipsis;\n\n        i.fa {\n          margin-right: 5px;\n        }\n\n        &:hover {\n          color: $primary-text-color;\n          background-color: darken($ui-base-color, 5%);\n          transition: all 100ms linear;\n          transition-property: color, background-color;\n        }\n\n        &.selected {\n          background: darken($ui-base-color, 2%);\n          border-radius: 4px 0 0;\n        }\n      }\n\n      ul {\n        background: darken($ui-base-color, 4%);\n        border-radius: 0 0 0 4px;\n        margin: 0;\n\n        a {\n          border: 0;\n          padding: 15px 35px;\n        }\n      }\n\n      .simple-navigation-active-leaf a {\n        color: $primary-text-color;\n        background-color: $ui-highlight-color;\n        border-bottom: 0;\n        border-radius: 0;\n\n        &:hover {\n          background-color: lighten($ui-highlight-color, 5%);\n        }\n      }\n    }\n\n    & > ul > .simple-navigation-active-leaf a {\n      border-radius: 4px 0 0 4px;\n    }\n  }\n\n  .content-wrapper {\n    box-sizing: border-box;\n    width: 100%;\n    max-width: $content-width;\n    flex: 1 1 auto;\n  }\n\n  @media screen and (max-width: $content-width + $sidebar-width) {\n    .sidebar-wrapper--empty {\n      display: none;\n    }\n\n    .sidebar-wrapper {\n      width: $sidebar-width;\n      flex: 0 0 auto;\n    }\n  }\n\n  @media screen and (max-width: $no-columns-breakpoint) {\n    .sidebar-wrapper {\n      width: 100%;\n    }\n  }\n\n  .content {\n    padding: 20px 15px;\n    padding-top: 60px;\n    padding-left: 25px;\n\n    @media screen and (max-width: $no-columns-breakpoint) {\n      max-width: none;\n      padding: 15px;\n      padding-top: 30px;\n    }\n\n    &-heading {\n      display: flex;\n\n      padding-bottom: 40px;\n      border-bottom: 1px solid lighten($ui-base-color, 8%);\n\n      margin: -15px -15px 40px 0;\n\n      flex-wrap: wrap;\n      align-items: center;\n      justify-content: space-between;\n\n      & > * {\n        margin-top: 15px;\n        margin-right: 15px;\n      }\n\n      &-actions {\n        display: inline-flex;\n\n        & > :not(:first-child) {\n          margin-left: 5px;\n        }\n      }\n\n      @media screen and (max-width: $no-columns-breakpoint) {\n        border-bottom: 0;\n        padding-bottom: 0;\n      }\n    }\n\n    h2 {\n      color: $secondary-text-color;\n      font-size: 24px;\n      line-height: 28px;\n      font-weight: 400;\n\n      @media screen and (max-width: $no-columns-breakpoint) {\n        font-weight: 700;\n      }\n    }\n\n    h3 {\n      color: $secondary-text-color;\n      font-size: 20px;\n      line-height: 28px;\n      font-weight: 400;\n      margin-bottom: 30px;\n    }\n\n    h4 {\n      font-size: 14px;\n      font-weight: 700;\n      color: $darker-text-color;\n      padding-bottom: 8px;\n      margin-bottom: 8px;\n      border-bottom: 1px solid lighten($ui-base-color, 8%);\n    }\n\n    h6 {\n      font-size: 16px;\n      color: $secondary-text-color;\n      line-height: 28px;\n      font-weight: 500;\n    }\n\n    .fields-group h6 {\n      color: $primary-text-color;\n      font-weight: 500;\n    }\n\n    .directory__tag > a,\n    .directory__tag > div {\n      box-shadow: none;\n    }\n\n    .directory__tag .table-action-link .fa {\n      color: inherit;\n    }\n\n    .directory__tag h4 {\n      font-size: 18px;\n      font-weight: 700;\n      color: $primary-text-color;\n      text-transform: none;\n      padding-bottom: 0;\n      margin-bottom: 0;\n      border-bottom: 0;\n    }\n\n    & > p {\n      font-size: 14px;\n      line-height: 21px;\n      color: $secondary-text-color;\n      margin-bottom: 20px;\n\n      strong {\n        color: $primary-text-color;\n        font-weight: 500;\n\n        @each $lang in $cjk-langs {\n          &:lang(#{$lang}) {\n            font-weight: 700;\n          }\n        }\n      }\n    }\n\n    hr {\n      width: 100%;\n      height: 0;\n      border: 0;\n      border-bottom: 1px solid rgba($ui-base-lighter-color, .6);\n      margin: 20px 0;\n\n      &.spacer {\n        height: 1px;\n        border: 0;\n      }\n    }\n  }\n\n  @media screen and (max-width: $no-columns-breakpoint) {\n    display: block;\n\n    .sidebar-wrapper {\n      min-height: 0;\n    }\n\n    .sidebar {\n      width: 100%;\n      padding: 0;\n      height: auto;\n\n      &__toggle {\n        display: flex;\n      }\n\n      & > ul {\n        display: none;\n      }\n\n      ul a,\n      ul ul a {\n        border-radius: 0;\n        border-bottom: 1px solid lighten($ui-base-color, 4%);\n        transition: none;\n\n        &:hover {\n          transition: none;\n        }\n      }\n\n      ul ul {\n        border-radius: 0;\n      }\n\n      ul .simple-navigation-active-leaf a {\n        border-bottom-color: $ui-highlight-color;\n      }\n    }\n  }\n}\n\nhr.spacer {\n  width: 100%;\n  border: 0;\n  margin: 20px 0;\n  height: 1px;\n}\n\nbody,\n.admin-wrapper .content {\n  .muted-hint {\n    color: $darker-text-color;\n\n    a {\n      color: $highlight-text-color;\n    }\n  }\n\n  .positive-hint {\n    color: $valid-value-color;\n    font-weight: 500;\n  }\n\n  .negative-hint {\n    color: $error-value-color;\n    font-weight: 500;\n  }\n\n  .neutral-hint {\n    color: $dark-text-color;\n    font-weight: 500;\n  }\n\n  .warning-hint {\n    color: $gold-star;\n    font-weight: 500;\n  }\n}\n\n.filters {\n  display: flex;\n  flex-wrap: wrap;\n\n  .filter-subset {\n    flex: 0 0 auto;\n    margin: 0 40px 20px 0;\n\n    &:last-child {\n      margin-bottom: 30px;\n    }\n\n    ul {\n      margin-top: 5px;\n      list-style: none;\n\n      li {\n        display: inline-block;\n        margin-right: 5px;\n      }\n    }\n\n    strong {\n      font-weight: 500;\n      font-size: 13px;\n\n      @each $lang in $cjk-langs {\n        &:lang(#{$lang}) {\n          font-weight: 700;\n        }\n      }\n    }\n\n    a {\n      display: inline-block;\n      color: $darker-text-color;\n      text-decoration: none;\n      font-size: 13px;\n      font-weight: 500;\n      border-bottom: 2px solid $ui-base-color;\n\n      &:hover {\n        color: $primary-text-color;\n        border-bottom: 2px solid lighten($ui-base-color, 5%);\n      }\n\n      &.selected {\n        color: $highlight-text-color;\n        border-bottom: 2px solid $ui-highlight-color;\n      }\n    }\n  }\n}\n\n.flavour-screen {\n  display: block;\n  margin: 10px auto;\n  max-width: 100%;\n}\n\n.flavour-description {\n  display: block;\n  font-size: 16px;\n  margin: 10px 0;\n\n  & > p {\n    margin: 10px 0;\n  }\n}\n\n.flavour-screen {\n  display: block;\n  margin: 10px auto;\n  max-width: 100%;\n}\n\n.flavour-description {\n  display: block;\n  font-size: 16px;\n  margin: 10px 0;\n\n  & > p {\n    margin: 10px 0;\n  }\n}\n\n.report-accounts {\n  display: flex;\n  flex-wrap: wrap;\n  margin-bottom: 20px;\n}\n\n.report-accounts__item {\n  display: flex;\n  flex: 250px;\n  flex-direction: column;\n  margin: 0 5px;\n\n  & > strong {\n    display: block;\n    margin: 0 0 10px -5px;\n    font-weight: 500;\n    font-size: 14px;\n    line-height: 18px;\n    color: $secondary-text-color;\n\n    @each $lang in $cjk-langs {\n      &:lang(#{$lang}) {\n        font-weight: 700;\n      }\n    }\n  }\n\n  .account-card {\n    flex: 1 1 auto;\n  }\n}\n\n.report-status,\n.account-status {\n  display: flex;\n  margin-bottom: 10px;\n\n  .activity-stream {\n    flex: 2 0 0;\n    margin-right: 20px;\n    max-width: calc(100% - 60px);\n\n    .entry {\n      border-radius: 4px;\n    }\n  }\n}\n\n.report-status__actions,\n.account-status__actions {\n  flex: 0 0 auto;\n  display: flex;\n  flex-direction: column;\n\n  .icon-button {\n    font-size: 24px;\n    width: 24px;\n    text-align: center;\n    margin-bottom: 10px;\n  }\n}\n\n.simple_form.new_report_note,\n.simple_form.new_account_moderation_note {\n  max-width: 100%;\n}\n\n.batch-form-box {\n  display: flex;\n  flex-wrap: wrap;\n  margin-bottom: 5px;\n\n  #form_status_batch_action {\n    margin: 0 5px 5px 0;\n    font-size: 14px;\n  }\n\n  input.button {\n    margin: 0 5px 5px 0;\n  }\n\n  .media-spoiler-toggle-buttons {\n    margin-left: auto;\n\n    .button {\n      overflow: visible;\n      margin: 0 0 5px 5px;\n      float: right;\n    }\n  }\n}\n\n.back-link {\n  margin-bottom: 10px;\n  font-size: 14px;\n\n  a {\n    color: $highlight-text-color;\n    text-decoration: none;\n\n    &:hover {\n      text-decoration: underline;\n    }\n  }\n}\n\n.spacer {\n  flex: 1 1 auto;\n}\n\n.log-entry {\n  margin-bottom: 20px;\n  line-height: 20px;\n\n  &__header {\n    display: flex;\n    justify-content: flex-start;\n    align-items: center;\n    padding: 10px;\n    background: $ui-base-color;\n    color: $darker-text-color;\n    border-radius: 4px 4px 0 0;\n    font-size: 14px;\n    position: relative;\n  }\n\n  &__avatar {\n    margin-right: 10px;\n\n    .avatar {\n      display: block;\n      margin: 0;\n      border-radius: 50%;\n      width: 40px;\n      height: 40px;\n    }\n  }\n\n  &__content {\n    max-width: calc(100% - 90px);\n  }\n\n  &__title {\n    word-wrap: break-word;\n  }\n\n  &__timestamp {\n    color: $dark-text-color;\n  }\n\n  &__extras {\n    background: lighten($ui-base-color, 6%);\n    border-radius: 0 0 4px 4px;\n    padding: 10px;\n    color: $darker-text-color;\n    font-family: $font-monospace, monospace;\n    font-size: 12px;\n    word-wrap: break-word;\n    min-height: 20px;\n  }\n\n  &__icon {\n    font-size: 28px;\n    margin-right: 10px;\n    color: $dark-text-color;\n  }\n\n  &__icon__overlay {\n    position: absolute;\n    top: 10px;\n    right: 10px;\n    width: 10px;\n    height: 10px;\n    border-radius: 50%;\n\n    &.positive {\n      background: $success-green;\n    }\n\n    &.negative {\n      background: lighten($error-red, 12%);\n    }\n\n    &.neutral {\n      background: $ui-highlight-color;\n    }\n  }\n\n  a,\n  .username,\n  .target {\n    color: $secondary-text-color;\n    text-decoration: none;\n    font-weight: 500;\n  }\n\n  .diff-old {\n    color: lighten($error-red, 12%);\n  }\n\n  .diff-neutral {\n    color: $secondary-text-color;\n  }\n\n  .diff-new {\n    color: $success-green;\n  }\n}\n\na.name-tag,\n.name-tag,\na.inline-name-tag,\n.inline-name-tag {\n  text-decoration: none;\n  color: $secondary-text-color;\n\n  .username {\n    font-weight: 500;\n  }\n\n  &.suspended {\n    .username {\n      text-decoration: line-through;\n      color: lighten($error-red, 12%);\n    }\n\n    .avatar {\n      filter: grayscale(100%);\n      opacity: 0.8;\n    }\n  }\n}\n\na.name-tag,\n.name-tag {\n  display: flex;\n  align-items: center;\n\n  .avatar {\n    display: block;\n    margin: 0;\n    margin-right: 5px;\n    border-radius: 50%;\n  }\n\n  &.suspended {\n    .avatar {\n      filter: grayscale(100%);\n      opacity: 0.8;\n    }\n  }\n}\n\n.speech-bubble {\n  margin-bottom: 20px;\n  border-left: 4px solid $ui-highlight-color;\n\n  &.positive {\n    border-left-color: $success-green;\n  }\n\n  &.negative {\n    border-left-color: lighten($error-red, 12%);\n  }\n\n  &.warning {\n    border-left-color: $gold-star;\n  }\n\n  &__bubble {\n    padding: 16px;\n    padding-left: 14px;\n    font-size: 15px;\n    line-height: 20px;\n    border-radius: 4px 4px 4px 0;\n    position: relative;\n    font-weight: 500;\n\n    a {\n      color: $darker-text-color;\n    }\n  }\n\n  &__owner {\n    padding: 8px;\n    padding-left: 12px;\n  }\n\n  time {\n    color: $dark-text-color;\n  }\n}\n\n.report-card {\n  background: $ui-base-color;\n  border-radius: 4px;\n  margin-bottom: 20px;\n\n  &__profile {\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    padding: 15px;\n\n    .account {\n      padding: 0;\n      border: 0;\n\n      &__avatar-wrapper {\n        margin-left: 0;\n      }\n    }\n\n    &__stats {\n      flex: 0 0 auto;\n      font-weight: 500;\n      color: $darker-text-color;\n      text-align: right;\n\n      a {\n        color: inherit;\n        text-decoration: none;\n\n        &:focus,\n        &:hover,\n        &:active {\n          color: lighten($darker-text-color, 8%);\n        }\n      }\n\n      .red {\n        color: $error-value-color;\n      }\n    }\n  }\n\n  &__summary {\n    &__item {\n      display: flex;\n      justify-content: flex-start;\n      border-top: 1px solid darken($ui-base-color, 4%);\n\n      &:hover {\n        background: lighten($ui-base-color, 2%);\n      }\n\n      &__reported-by,\n      &__assigned {\n        padding: 15px;\n        flex: 0 0 auto;\n        box-sizing: border-box;\n        width: 150px;\n        color: $darker-text-color;\n\n        &,\n        .username {\n          white-space: nowrap;\n          overflow: hidden;\n          text-overflow: ellipsis;\n        }\n      }\n\n      &__content {\n        flex: 1 1 auto;\n        max-width: calc(100% - 300px);\n\n        &__icon {\n          color: $dark-text-color;\n          margin-right: 4px;\n          font-weight: 500;\n        }\n      }\n\n      &__content a {\n        display: block;\n        box-sizing: border-box;\n        width: 100%;\n        padding: 15px;\n        text-decoration: none;\n        color: $darker-text-color;\n      }\n    }\n  }\n}\n\n.one-line {\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n}\n\n.ellipsized-ip {\n  display: inline-block;\n  max-width: 120px;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  vertical-align: middle;\n}\n\n.admin-account-bio {\n  display: flex;\n  flex-wrap: wrap;\n  margin: 0 -5px;\n  margin-top: 20px;\n\n  > div {\n    box-sizing: border-box;\n    padding: 0 5px;\n    margin-bottom: 10px;\n    flex: 1 0 50%;\n  }\n\n  .account__header__fields,\n  .account__header__content {\n    background: lighten($ui-base-color, 8%);\n    border-radius: 4px;\n    height: 100%;\n  }\n\n  .account__header__fields {\n    margin: 0;\n    border: 0;\n\n    a {\n      color: lighten($ui-highlight-color, 8%);\n    }\n\n    dl:first-child .verified {\n      border-radius: 0 4px 0 0;\n    }\n\n    .verified a {\n      color: $valid-value-color;\n    }\n  }\n\n  .account__header__content {\n    box-sizing: border-box;\n    padding: 20px;\n    color: $primary-text-color;\n  }\n}\n\n.center-text {\n  text-align: center;\n}\n",".dashboard__counters {\n  display: flex;\n  flex-wrap: wrap;\n  margin: 0 -5px;\n  margin-bottom: 20px;\n\n  & > div {\n    box-sizing: border-box;\n    flex: 0 0 33.333%;\n    padding: 0 5px;\n    margin-bottom: 10px;\n\n    & > div,\n    & > a {\n      padding: 20px;\n      background: lighten($ui-base-color, 4%);\n      border-radius: 4px;\n      box-sizing: border-box;\n      height: 100%;\n    }\n\n    & > a {\n      text-decoration: none;\n      color: inherit;\n      display: block;\n\n      &:hover,\n      &:focus,\n      &:active {\n        background: lighten($ui-base-color, 8%);\n      }\n    }\n  }\n\n  &__num,\n  &__text {\n    text-align: center;\n    font-weight: 500;\n    font-size: 24px;\n    line-height: 21px;\n    color: $primary-text-color;\n    font-family: $font-display, sans-serif;\n    margin-bottom: 20px;\n    line-height: 30px;\n  }\n\n  &__text {\n    font-size: 18px;\n  }\n\n  &__label {\n    font-size: 14px;\n    color: $darker-text-color;\n    text-align: center;\n    font-weight: 500;\n  }\n}\n\n.dashboard__widgets {\n  display: flex;\n  flex-wrap: wrap;\n  margin: 0 -5px;\n\n  & > div {\n    flex: 0 0 33.333%;\n    margin-bottom: 20px;\n\n    & > div {\n      padding: 0 5px;\n    }\n  }\n\n  a:not(.name-tag) {\n    color: $ui-secondary-color;\n    font-weight: 500;\n    text-decoration: none;\n  }\n}\n","body.rtl {\n  direction: rtl;\n\n  .column-header > button {\n    text-align: right;\n    padding-left: 0;\n    padding-right: 15px;\n  }\n\n  .radio-button__input {\n    margin-right: 0;\n    margin-left: 10px;\n  }\n\n  .directory__card__bar .display-name {\n    margin-left: 0;\n    margin-right: 15px;\n  }\n\n  .display-name {\n    text-align: right;\n  }\n\n  .notification__message {\n    margin-left: 0;\n    margin-right: 68px;\n  }\n\n  .drawer__inner__mastodon > img {\n    transform: scaleX(-1);\n  }\n\n  .notification__favourite-icon-wrapper {\n    left: auto;\n    right: -26px;\n  }\n\n  .landing-page__logo {\n    margin-right: 0;\n    margin-left: 20px;\n  }\n\n  .landing-page .features-list .features-list__row .visual {\n    margin-left: 0;\n    margin-right: 15px;\n  }\n\n  .column-link__icon,\n  .column-header__icon {\n    margin-right: 0;\n    margin-left: 5px;\n  }\n\n  .compose-form .compose-form__buttons-wrapper .character-counter__wrapper {\n    margin-right: 0;\n    margin-left: 4px;\n  }\n\n  .navigation-bar__profile {\n    margin-left: 0;\n    margin-right: 8px;\n  }\n\n  .search__input {\n    padding-right: 10px;\n    padding-left: 30px;\n  }\n\n  .search__icon .fa {\n    right: auto;\n    left: 10px;\n  }\n\n  .columns-area {\n    direction: rtl;\n  }\n\n  .column-header__buttons {\n    left: 0;\n    right: auto;\n    margin-left: 0;\n    margin-right: -15px;\n  }\n\n  .column-inline-form .icon-button {\n    margin-left: 0;\n    margin-right: 5px;\n  }\n\n  .column-header__links .text-btn {\n    margin-left: 10px;\n    margin-right: 0;\n  }\n\n  .account__avatar-wrapper {\n    float: right;\n  }\n\n  .column-header__back-button {\n    padding-left: 5px;\n    padding-right: 0;\n  }\n\n  .column-header__setting-arrows {\n    float: left;\n  }\n\n  .setting-toggle__label {\n    margin-left: 0;\n    margin-right: 8px;\n  }\n\n  .status__avatar {\n    left: auto;\n    right: 10px;\n  }\n\n  .status,\n  .activity-stream .status.light {\n    padding-left: 10px;\n    padding-right: 68px;\n  }\n\n  .status__info .status__display-name,\n  .activity-stream .status.light .status__display-name {\n    padding-left: 25px;\n    padding-right: 0;\n  }\n\n  .activity-stream .pre-header {\n    padding-right: 68px;\n    padding-left: 0;\n  }\n\n  .status__prepend {\n    margin-left: 0;\n    margin-right: 68px;\n  }\n\n  .status__prepend-icon-wrapper {\n    left: auto;\n    right: -26px;\n  }\n\n  .activity-stream .pre-header .pre-header__icon {\n    left: auto;\n    right: 42px;\n  }\n\n  .account__avatar-overlay-overlay {\n    right: auto;\n    left: 0;\n  }\n\n  .column-back-button--slim-button {\n    right: auto;\n    left: 0;\n  }\n\n  .status__relative-time,\n  .activity-stream .status.light .status__header .status__meta {\n    float: left;\n  }\n\n  .status__action-bar {\n    &__counter {\n      margin-right: 0;\n      margin-left: 11px;\n\n      .status__action-bar-button {\n        margin-right: 0;\n        margin-left: 4px;\n      }\n    }\n  }\n\n  .status__action-bar-button {\n    float: right;\n    margin-right: 0;\n    margin-left: 18px;\n  }\n\n  .status__action-bar-dropdown {\n    float: right;\n  }\n\n  .privacy-dropdown__dropdown {\n    margin-left: 0;\n    margin-right: 40px;\n  }\n\n  .privacy-dropdown__option__icon {\n    margin-left: 10px;\n    margin-right: 0;\n  }\n\n  .detailed-status__display-name .display-name {\n    text-align: right;\n  }\n\n  .detailed-status__display-avatar {\n    margin-right: 0;\n    margin-left: 10px;\n    float: right;\n  }\n\n  .detailed-status__favorites,\n  .detailed-status__reblogs {\n    margin-left: 0;\n    margin-right: 6px;\n  }\n\n  .fa-ul {\n    margin-left: 2.14285714em;\n  }\n\n  .fa-li {\n    left: auto;\n    right: -2.14285714em;\n  }\n\n  .admin-wrapper {\n    direction: rtl;\n  }\n\n  .admin-wrapper .sidebar ul a i.fa,\n  a.table-action-link i.fa {\n    margin-right: 0;\n    margin-left: 5px;\n  }\n\n  .simple_form .check_boxes .checkbox label {\n    padding-left: 0;\n    padding-right: 25px;\n  }\n\n  .simple_form .input.with_label.boolean label.checkbox {\n    padding-left: 25px;\n    padding-right: 0;\n  }\n\n  .simple_form .check_boxes .checkbox input[type=\"checkbox\"],\n  .simple_form .input.boolean input[type=\"checkbox\"] {\n    left: auto;\n    right: 0;\n  }\n\n  .simple_form .input.radio_buttons .radio {\n    left: auto;\n    right: 0;\n  }\n\n  .simple_form .input.radio_buttons .radio > label {\n    padding-right: 28px;\n    padding-left: 0;\n  }\n\n  .simple_form .input-with-append .input input {\n    padding-left: 142px;\n    padding-right: 0;\n  }\n\n  .simple_form .input.boolean label.checkbox {\n    left: auto;\n    right: 0;\n  }\n\n  .simple_form .input.boolean .label_input,\n  .simple_form .input.boolean .hint {\n    padding-left: 0;\n    padding-right: 28px;\n  }\n\n  .simple_form .label_input__append {\n    right: auto;\n    left: 3px;\n\n    &::after {\n      right: auto;\n      left: 0;\n      background-image: linear-gradient(to left, rgba(darken($ui-base-color, 10%), 0), darken($ui-base-color, 10%));\n    }\n  }\n\n  .simple_form select {\n    background: darken($ui-base-color, 10%) url(\"data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14.933 18.467' height='19.698' width='15.929'><path d='M3.467 14.967l-3.393-3.5H14.86l-3.392 3.5c-1.866 1.925-3.666 3.5-4 3.5-.335 0-2.135-1.575-4-3.5zm.266-11.234L7.467 0 11.2 3.733l3.733 3.734H0l3.733-3.734z' fill='#{hex-color(lighten($ui-base-color, 12%))}'/></svg>\") no-repeat left 8px center / auto 16px;\n  }\n\n  .table th,\n  .table td {\n    text-align: right;\n  }\n\n  .filters .filter-subset {\n    margin-right: 0;\n    margin-left: 45px;\n  }\n\n  .landing-page .header-wrapper .mascot {\n    right: 60px;\n    left: auto;\n  }\n\n  .landing-page__call-to-action .row__information-board {\n    direction: rtl;\n  }\n\n  .landing-page .header .hero .floats .float-1 {\n    left: -120px;\n    right: auto;\n  }\n\n  .landing-page .header .hero .floats .float-2 {\n    left: 210px;\n    right: auto;\n  }\n\n  .landing-page .header .hero .floats .float-3 {\n    left: 110px;\n    right: auto;\n  }\n\n  .landing-page .header .links .brand img {\n    left: 0;\n  }\n\n  .landing-page .fa-external-link {\n    padding-right: 5px;\n    padding-left: 0 !important;\n  }\n\n  .landing-page .features #mastodon-timeline {\n    margin-right: 0;\n    margin-left: 30px;\n  }\n\n  @media screen and (min-width: 631px) {\n    .column,\n    .drawer {\n      padding-left: 5px;\n      padding-right: 5px;\n\n      &:first-child {\n        padding-left: 5px;\n        padding-right: 10px;\n      }\n    }\n\n    .columns-area > div {\n      .column,\n      .drawer {\n        padding-left: 5px;\n        padding-right: 5px;\n      }\n    }\n  }\n\n  .columns-area--mobile .column,\n  .columns-area--mobile .drawer {\n    padding-left: 0;\n    padding-right: 0;\n  }\n\n  .public-layout {\n    .header {\n      .nav-button {\n        margin-left: 8px;\n        margin-right: 0;\n      }\n    }\n\n    .public-account-header__tabs {\n      margin-left: 0;\n      margin-right: 20px;\n    }\n  }\n\n  .landing-page__information {\n    .account__display-name {\n      margin-right: 0;\n      margin-left: 5px;\n    }\n\n    .account__avatar-wrapper {\n      margin-left: 12px;\n      margin-right: 0;\n    }\n  }\n\n  .card__bar .display-name {\n    margin-left: 0;\n    margin-right: 15px;\n    text-align: right;\n  }\n\n  .fa-chevron-left::before {\n    content: \"\\F054\";\n  }\n\n  .fa-chevron-right::before {\n    content: \"\\F053\";\n  }\n\n  .column-back-button__icon {\n    margin-right: 0;\n    margin-left: 5px;\n  }\n\n  .column-header__setting-arrows .column-header__setting-btn:last-child {\n    padding-left: 0;\n    padding-right: 10px;\n  }\n\n  .simple_form .input.radio_buttons .radio > label input {\n    left: auto;\n    right: 0;\n  }\n}\n","$black-emojis: '8ball' 'ant' 'back' 'black_circle' 'black_heart' 'black_large_square' 'black_medium_small_square' 'black_medium_square' 'black_nib' 'black_small_square' 'bomb' 'bowling' 'bust_in_silhouette' 'busts_in_silhouette' 'camera' 'camera_with_flash' 'clubs' 'copyright' 'curly_loop' 'currency_exchange' 'dark_sunglasses' 'eight_pointed_black_star' 'electric_plug' 'end' 'female-guard' 'film_projector' 'fried_egg' 'gorilla' 'guardsman' 'heavy_check_mark' 'heavy_division_sign' 'heavy_dollar_sign' 'heavy_minus_sign' 'heavy_multiplication_x' 'heavy_plus_sign' 'hocho' 'hole' 'joystick' 'kaaba' 'lower_left_ballpoint_pen' 'lower_left_fountain_pen' 'male-guard' 'microphone' 'mortar_board' 'movie_camera' 'musical_score' 'on' 'registered' 'soon' 'spades' 'speaking_head_in_silhouette' 'spider' 'telephone_receiver' 'tm' 'top' 'tophat' 'turkey' 'vhs' 'video_camera' 'video_game' 'water_buffalo' 'waving_black_flag' 'wavy_dash';\n\n%white-emoji-outline {\n  filter: drop-shadow(1px 1px 0 $white) drop-shadow(-1px 1px 0 $white) drop-shadow(1px -1px 0 $white) drop-shadow(-1px -1px 0 $white);\n  transform: scale(.71);\n}\n\n.emojione {\n  @each $emoji in $black-emojis {\n    &[title=':#{$emoji}:'] {\n      @extend %white-emoji-outline;\n    }\n  }\n}\n"],"sourceRoot":""}
\ No newline at end of file
+{"version":3,"sources":["webpack:///application.scss","webpack:///./app/javascript/styles/mastodon/reset.scss","webpack:///./app/javascript/styles/mastodon/variables.scss","webpack:///./app/javascript/styles/mastodon/basics.scss","webpack:///./app/javascript/styles/mastodon/containers.scss","webpack:///./app/javascript/styles/mastodon/lists.scss","webpack:///./app/javascript/styles/mastodon/footer.scss","webpack:///./app/javascript/styles/mastodon/compact_header.scss","webpack:///./app/javascript/styles/mastodon/widgets.scss","webpack:///./app/javascript/styles/mastodon/forms.scss","webpack:///./app/javascript/styles/mastodon/accounts.scss","webpack:///./app/javascript/styles/mastodon/statuses.scss","webpack:///./app/javascript/styles/mastodon/boost.scss","webpack:///./app/javascript/styles/mastodon/components.scss","webpack:///<no source>","webpack:///./app/javascript/styles/mastodon/_mixins.scss","webpack:///./app/javascript/styles/mastodon/polls.scss","webpack:///./app/javascript/styles/mastodon/modal.scss","webpack:///./app/javascript/styles/mastodon/emoji_picker.scss","webpack:///./app/javascript/styles/mastodon/about.scss","webpack:///./app/javascript/styles/mastodon/tables.scss","webpack:///./app/javascript/styles/mastodon/admin.scss","webpack:///./app/javascript/styles/mastodon/dashboard.scss","webpack:///./app/javascript/styles/mastodon/rtl.scss","webpack:///./app/javascript/styles/mastodon/accessibility.scss"],"names":[],"mappings":"AAAA,2ZCKA,QAaE,UACA,SACA,eACA,aACA,wBACA,+EAIF,aAEE,MAGF,aACE,OAGF,eACE,cAGF,WACE,qDAGF,UAEE,aACA,OAGF,wBACE,iBACA,MAGF,sCACE,qBAGF,UACE,YACA,2BAGF,kBACE,cACA,mBACA,iCAGF,kBACE,kCAGF,kBACE,2BAGF,aACE,gBACA,0BACA,CCtEW,iED6Eb,kBC7Ea,4BDiFb,sBACE,MErFF,iDACE,mBACA,eACA,iBACA,gBACA,WDXM,kCCaN,6BACA,8BACA,CADA,0BACA,CADA,qBACA,0CACA,wCACA,kBAEA,iKAYE,eAGF,SACE,oCAEA,WACE,iBACA,kBACA,uCAGF,iBACE,WACA,YACA,mCAGF,iBACE,cAIJ,kBD7CW,kBCiDX,iBACE,kBACA,0BAEA,iBACE,aAIJ,iBACE,YAGF,kBACE,SACA,iBACA,uBAEA,iBACE,WACA,YACA,gBACA,YAIJ,kBACE,UACA,YAGF,iBACE,kBACA,cD3EoB,mBAPX,WCqFT,YACA,UACA,aACA,uBACA,mBACA,oBAEA,qBACE,YACA,sCAGE,aACE,gBACA,WACA,YACA,kBACA,uBAIJ,cACE,iBACA,gBACA,QAMR,mBACE,eACA,cAEA,YACE,kDAKF,YAGE,WACA,mBACA,uBACA,oBACA,sBAGF,YACE,yEAKF,gBAEE,+EAKF,WAEE,sCAIJ,qBAEE,eACA,gBACA,gBACA,cACA,kBACA,8CAEA,eACE,0CAGF,mBACE,gEAEA,eACE,0CAIJ,aDtKwB,kKCyKtB,oBAGE,sDAIJ,aDpKsB,eCsKpB,0DAEA,aDxKoB,oDC6KtB,cACE,SACA,uBACA,cDhLoB,aCkLpB,UACA,SACA,oBACA,eACA,UACA,4BACA,0BACA,gMAEA,oBAGE,kEAGF,aD9NY,gBCgOV,gBCnON,WACE,CACA,kBACA,qCAEA,eALF,UAMI,SACA,kBAIJ,sBACE,qCAEA,gBAHF,kBAII,qBAGF,YACE,uBACA,mBACA,wBAEA,SFrBI,YEuBF,kBACA,sBAGF,YACE,uBACA,mBACA,WF9BE,qBEgCF,UACA,kBACA,iBACA,6CACA,gBACA,eACA,mCAMJ,WACE,CACA,cACA,mBACA,sBACA,qCAEA,kCAPF,UAQI,aACA,aACA,kBAKN,WACE,CACA,YACA,eACA,iBACA,sBACA,CACA,gBACA,CACA,sBACA,qCAEA,gBAZF,UAaI,CACA,eACA,CACA,mBACA,0BAGF,UACE,YACA,iBACA,6BAEA,UACE,YACA,cACA,SACA,kBACA,uBAIJ,aACE,cF7EsB,wBE+EtB,iCAEA,aACE,gBACA,uBACA,gBACA,8BAIJ,aACE,eACA,iBACA,gBACA,SAIJ,YACE,cACA,8BACA,sBACA,mCACA,CADA,0BACA,mBAEA,eACE,WACA,mBAGF,aACE,WACA,mBAGF,aACE,WACA,mBAGF,eACE,WACA,qCAGF,QA3BF,UA4BI,qCACA,mBAEA,aACE,mBAGF,aACE,WACA,mBAGF,aACE,WACA,mBAGF,aACE,WACA,UAKN,YACE,cACA,8CACA,sBACA,mCACA,CADA,0BACA,mBAEA,eACE,WACA,mBAGF,eACE,WACA,mBAGF,aACE,WACA,mBAGF,eACE,WACA,mBAGF,aACE,WACA,uCAGF,eACE,wBAGF,kBACE,qCAGF,QAxCF,iDAyCI,uCAEA,YACE,aACA,mBACA,uBACA,iCAGF,UACE,uBACA,mBACA,sBAGF,YACE,sCAIJ,QA7DF,UA8DI,qCACA,mBAEA,aACE,mBAGF,aACE,WACA,mBAGF,aACE,WACA,mBAGF,aACE,WACA,mBAGF,aACE,WACA,sCAMJ,eADF,gBAEI,4BAGF,eACE,qCAEA,0BAHF,SAII,yBAIJ,kBACE,mCACA,kBACA,YACA,cACA,aACA,oBACA,uBACA,iBACA,gBACA,qCAEA,uBAZF,cAaI,WACA,MACA,OACA,SACA,gBACA,gBACA,YACA,6BAGF,cACE,eACA,kCAGF,YACE,oBACA,2BACA,iBACA,oCAGF,YACE,oBACA,uBACA,iBACA,mCAGF,YACE,oBACA,yBACA,iBACA,+BAGF,aACE,aACA,mCAEA,aACE,YACA,WACA,kBACA,YACA,UFxUA,qCE2UA,kCARF,WASI,+GAIJ,kBAGE,kCAIJ,YACE,mBACA,eACA,eACA,gBACA,qBACA,cF7UkB,mBE+UlB,kBACA,uHAEA,yBAGE,WFrWA,qCEyWF,0CACE,YACE,qCAKN,kBACE,CACA,oBACA,kBACA,6HAEA,oBAGE,mBACA,sBAON,YACE,cACA,0DACA,sBACA,mCACA,CADA,0BACA,gCAEA,UACE,cACA,gCAGF,UACE,cACA,qCAGF,qBAjBF,0BAkBI,WACA,gCAEA,YACE,kCAKN,iBACE,qCAEA,gCAHF,eAII,sCAKF,4BADF,eAEI,wCAIJ,eACE,mBACA,mCACA,gDAEA,UACE,qIAEA,8BAEE,CAFF,sBAEE,6DAGF,wBFtaoB,8CE2atB,yBACE,gBACA,aACA,kBACA,gBACA,oDAEA,UACE,cACA,kBACA,WACA,YACA,gDACA,MACA,OACA,kDAGF,mBACE,CADF,8BACE,CADF,gBACE,cACA,WACA,YACA,SACA,0BACA,qCAGF,6CA3BF,YA4BI,gDAIJ,eACE,6JAEA,iBAEE,qCAEA,4JAJF,eAKI,sCAKN,sCA/DF,eAgEI,gBACA,oDAEA,YACE,+FAGF,eAEE,6CAIJ,iBACE,iBACA,aACA,2BACA,mDAEA,UACE,cACA,mBACA,kBACA,SACA,OACA,QACA,YACA,0BACA,WACA,oDAGF,aACE,YACA,aACA,kBACA,cACA,wDAEA,aACE,WACA,YACA,SACA,kBACA,yBACA,mBACA,qCAIJ,2CArCF,YAsCI,mBACA,0BACA,YACA,mDAEA,YACE,oDAGF,UACE,YACA,CACA,sBACA,wDAEA,QACE,kBACA,2DAGF,mDAXF,YAYI,sCAKN,2CAhEF,eAiEI,sCAGF,2CApEF,cAqEI,8CAIJ,aACE,iBACA,mDAEA,gBACE,mBACA,sDAEA,cACE,iBACA,WF1kBF,gBE4kBE,gBACA,mBACA,uBACA,6BACA,4DAEA,aACE,eACA,WFplBJ,gBEslBI,gBACA,uBACA,qCAKN,4CA7BF,gBA8BI,aACA,8BACA,mBACA,mDAEA,aACE,iBACA,sDAEA,cACE,iBACA,iBACA,4DAEA,aF5lBY,oDEmmBlB,YACE,2BACA,oBACA,YACA,qEAEA,YACE,mBACA,gBACA,qCAGF,oEACE,YACE,6DAIJ,eACE,sBACA,cACA,cFxnBc,aE0nBd,+BACA,eACA,kBACA,kBACA,8DAEA,aACE,uEAGF,cACE,kEAGF,aACE,WACA,kBACA,SACA,OACA,WACA,gCACA,WACA,wBACA,yEAIA,+BACE,UACA,kFAGF,2BFzpBc,wEE+pBd,SACE,wBACA,8DAIJ,oBACE,cACA,2EAGF,cACE,cACA,4EAGF,eACE,eACA,kBACA,WFnsBJ,6CEqsBI,2DAIJ,aACE,WACA,4DAGF,eACE,8CAKN,YACE,eACA,kEAEA,eACE,gBACA,uBACA,cACA,2FAEA,4BACE,yEAGF,YACE,qDAIJ,gBACE,eACA,cFztBgB,uDE4tBhB,oBACE,cF7tBc,qBE+tBd,aACA,gBACA,8DAEA,eACE,WFpvBJ,qCE0vBF,6CAtCF,aAuCI,UACA,4CAKN,yBACE,qCAEA,0CAHF,eAII,wCAIJ,eACE,oCAGF,kBACE,mCACA,kBACA,gBACA,mBACA,qCAEA,mCAPF,eAQI,gBACA,gBACA,8DAGF,QACE,aACA,+DAEA,aACE,sFAGF,uBACE,yEAGF,aFryBU,8DE2yBV,mBACA,WF7yBE,qFEizBJ,YAEE,eACA,cFpyBkB,2CEwyBpB,gBACE,iCAIJ,YACE,cACA,kDACA,qCAEA,gCALF,aAMI,+CAGF,cACE,iCAIJ,eACE,2BAGF,YACE,eACA,eACA,cACA,+BAEA,qBACE,cACA,YACA,cACA,mBACA,kBACA,qCAEA,8BARF,aASI,sCAGF,8BAZF,cAaI,sCAIJ,0BAvBF,QAwBI,6BACA,+BAEA,UACE,UACA,gBACA,gCACA,0CAEA,eACE,0CAGF,kBF32BK,+IE82BH,kBAGE,WC53BZ,eACE,aAEA,oBACE,aACA,iBAIJ,eACE,cACA,oBAEA,cACE,gBACA,mBACA,wBCfF,eACE,iBACA,oBACA,eACA,cACA,qCAEA,uBAPF,iBAQI,mBACA,+BAGF,YACE,cACA,0CACA,wCAEA,aACE,WACA,YACA,wCAGF,aACE,WACA,YACA,wCAGF,aACE,WACA,YACA,kBACA,6CAEA,aACE,wCAIJ,aACE,WACA,YACA,wCAGF,aACE,WACA,YACA,qCAGF,6BAxCF,iCAyCI,+EAEA,aAEE,wCAGF,UACE,wCAGF,aACE,+EAGF,aAEE,wCAGF,UACE,sCAIJ,uCACE,aACE,sCAIJ,4JACE,YAIE,4BAKN,wBACE,gBACA,kBACA,cJhFkB,6BImFlB,aACE,qBACA,6BAIJ,oBACE,cACA,wGAEA,yBAGE,mCAKF,aACE,YACA,WACA,cACA,aACA,0HAMA,YACE,oBClIR,cACE,iBACA,cLeoB,gBKbpB,mBACA,eACA,qBACA,qCAEA,mBATF,iBAUI,oBACA,uBAGF,aACE,qBACA,0BAGF,eACE,cLFoB,wBKMtB,oBACE,mBACA,kBACA,WACA,YACA,cC9BN,kBACE,mCACA,mBAEA,UACE,kBACA,gBACA,0BACA,gBNPI,uBMUJ,mBACE,CADF,8BACE,CADF,gBACE,cACA,WACA,YACA,SACA,0BACA,oBAIJ,kBNVW,aMYT,0BACA,eACA,cNPoB,iBMSpB,qBACA,gBACA,8BAEA,UACE,YACA,gBACA,sBAGF,kBACE,iCAEA,eACE,uBAIJ,cACE,SACA,UACA,gBACA,uBACA,oBACA,kBACA,oBACA,cACA,sBAGF,aNtCsB,qBMwCpB,4BAEA,yBACE,qCAKN,aAnEF,YAoEI,uBAIJ,kBACE,oBACA,yBAEA,YACE,yBACA,gBACA,eACA,cN9DoB,+BMkEtB,cACE,0CAEA,eACE,sDAGF,YACE,mBACA,gDAGF,UACE,YACA,0BACA,oCAIJ,YACE,mBAKF,aN3FsB,aMgGxB,YACE,kBACA,mBNzGW,mCM2GX,qBAGF,YACE,kBACA,0BACA,kBACA,cN3GsB,mBM6GtB,iBAGF,eACE,eACA,cNlHsB,iBMoHtB,qBACA,gBACA,UACA,oBAEA,YACE,yBACA,gBACA,eACA,cN7HoB,0BMiItB,eACE,CACA,kBACA,mBAGF,oBACE,CACA,mBACA,cN1IoB,qBM4IpB,mBACA,gBACA,uBACA,0EAEA,yBAGE,uBAMJ,sBACA,kBACA,mBNnKW,mCMqKX,cN7JwB,gBM+JxB,mBACA,sDAEA,eAEE,CAII,qXADF,eACE,yBAKN,aACE,0BACA,CAMI,wLAGF,oBAGE,mIAEA,yBACE,gCAMR,kBACE,oCAEA,gBACE,cNzMkB,8DM+MpB,iBACE,eACA,4DAGF,eACE,qBACA,iEAEA,eACE,kBAMR,YACE,CACA,eNlPM,CMoPN,cACA,cNpOsB,mBMsOtB,+BANA,iBACA,CNlPM,kCMgQN,CATA,aAGF,kBACE,CAEA,iBACA,kBACA,cACA,iBAEA,UNjQM,eMmQJ,gBACA,gBACA,mBACA,gBAGF,cACE,cN1PoB,qCM8PtB,aArBF,YAsBI,mBACA,iBAEA,cACE,aAKN,kBN/Qa,kBMiRX,mCACA,iBAEA,qBACE,mBACA,uCAEA,YAEE,mBACA,8BACA,mBN5RO,kBM8RP,aACA,qBACA,cACA,mCACA,0EAIA,kBAGE,0BAIJ,kBNpSsB,eMsSpB,8BAGF,UACE,eACA,oBAGF,aACE,eACA,gBACA,WNnUE,mBMqUF,gBACA,uBACA,wBAEA,aNzTkB,0BM6TlB,aACE,gBACA,eACA,eACA,cNjUgB,0IMuUlB,UNvVE,+BM+VJ,aACE,YACA,uDAGF,oBNlVsB,wCMsVtB,eACE,eAKN,YACE,yBACA,gCAEA,aACE,WACA,YACA,kBACA,kBACA,kBACA,mBACA,yBACA,4CAEA,SACE,6CAGF,SACE,6CAGF,SACE,iBAKN,UACE,0BAEA,SACE,SACA,wBAGF,eACE,0BAGF,iBACE,yBACA,cNxYoB,gBM0YpB,aACA,sCAEA,eACE,0BAIJ,cACE,sBACA,gCACA,wCAGF,eACE,wBAGF,WACE,kBACA,eACA,gBACA,WNhbI,8BMmbJ,aACE,cNpakB,gBMsalB,eACA,0BAIJ,SACE,iCACA,qCAGF,kCACE,YACE,sCAYJ,qIAPF,eAQI,gBACA,gBACA,iBAOJ,gBACE,qCAEA,eAHF,oBAII,uBAGF,sBACE,sCAEA,qBAHF,sBAII,sCAGF,qBAPF,UAQI,sCAGF,qBAXF,WAYI,kCAIJ,iBACE,qCAEA,gCAHF,4BAII,iEAIA,eACE,0DAGF,cACE,iBACA,oEAEA,UACE,YACA,gBACA,yFAGF,gBACE,SACA,mKAIJ,eAGE,gBAON,aNrgBsB,iCMogBxB,kBAKI,6BAEA,eACE,kBAIJ,cACE,iBACA,wCAMF,oBACE,gBACA,cNxhBsB,4JM2hBtB,yBAGE,oBAKN,kBACE,gBACA,eACA,kBACA,yBAEA,aACE,gBACA,aACA,CACA,kBACA,gBACA,uBACA,qBACA,WNnkBI,gCMqkBJ,4FAEA,yBAGE,oCAIJ,eACE,0BAGF,iBACE,gCACA,MCplBJ,+CACE,gBACA,iBAGF,eACE,aACA,cACA,qBAIA,kBACE,gBACA,4BAEA,QACE,0CAIA,kBACE,qDAEA,eACE,gDAIJ,iBACE,kBACA,sDAEA,iBACE,SACA,OACA,6BAKN,iBACE,gBACA,gDAEA,mBACE,eACA,gBACA,WPhDA,cOkDA,WACA,4EAGF,iBAEE,mDAGF,eACE,4CAGF,iBACE,QACA,OACA,qCAGF,aPnDoB,0BOqDlB,gIAEA,oBAGE,0CAIJ,iBACE,CACA,iBACA,mBAKN,YACE,cACA,0BAEA,qBACE,cACA,UACA,cACA,oBAIJ,aPpFsB,sBOuFpB,aPrFsB,yBOyFtB,iBACE,kBACA,gBACA,uBAGF,eACE,iBACA,sBAIJ,kBACE,wBAGF,aACE,eACA,eACA,qBAGF,kBACE,cPlHoB,iCOqHpB,iBACE,eACA,iBACA,gBACA,gBACA,oBAIJ,kBACE,qBAGF,eACE,CAII,0JADF,eACE,sDAMJ,YACE,4DAEA,mBACE,eACA,WPlKA,gBOoKA,gBACA,cACA,wHAGF,aAEE,sDAIJ,cACE,kBACA,mDAKF,mBACE,eACA,WPxLE,cO0LF,kBACA,qBACA,gBACA,sCAGF,cACE,mCAGF,UACE,sCAIJ,cACE,4CAEA,mBACE,eACA,WP9ME,cOgNF,gBACA,gBACA,4CAGF,kBACE,yCAGF,cACE,CADF,cACE,kDAIJ,oBACE,WACA,OACA,6BAGF,oBACE,cACA,4BAGF,kBACE,8CAEA,eACE,0BAIJ,YACE,CACA,eACA,oBACA,iCAEA,cACE,kCAGF,qBACE,eACA,cACA,eACA,oCAEA,aACE,2CAGF,eACE,6GAIJ,eAEE,qCAGF,yBA9BF,aA+BI,gBACA,kCAEA,cACE,0JAGF,kBAGE,iDAKN,iBACE,oBACA,eACA,WPlSI,cOoSJ,WACA,2CAKE,mBACE,eACA,WP5SA,qBO8SA,WACA,kBACA,gBACA,kBACA,cACA,0DAGF,iBACE,OACA,QACA,SACA,kDAKN,cACE,aACA,yBACA,kBACA,sJAGF,qBAKE,eACA,WP5UI,cO8UJ,WACA,UACA,oBACA,gBACA,mBACA,sBACA,kBACA,aACA,6RAEA,aACE,CAHF,+OAEA,aACE,CAHF,mQAEA,aACE,CAHF,sNAEA,aACE,8LAGF,eACE,oVAGF,oBACE,iOAGF,oBPnWY,oLOuWZ,iBACE,4WAGF,oBP1VsB,mBO6VpB,6CAKF,aACE,gUAGF,oBAME,8CAGF,aACE,gBACA,cACA,eACA,8BAIJ,UACE,uBAGF,eACE,aACA,oCAEA,YACE,mBACA,qEAIJ,aAGE,WACA,SACA,kBACA,mBP3YsB,WAlBlB,eOgaJ,oBACA,YACA,aACA,yBACA,qBACA,kBACA,sBACA,eACA,gBACA,UACA,mBACA,kBACA,sGAEA,cACE,uFAGF,wBACE,gLAGF,wBAEE,kHAGF,wBP3aoB,gGO+apB,kBP7bQ,kHOgcN,wBACE,sOAGF,wBAEE,qBAKN,uBACE,CADF,oBACE,CADF,eACE,sBACA,eACA,WPhdI,cOkdJ,WACA,UACA,oBACA,gBACA,wXACA,sBACA,kBACA,kBACA,mBACA,YACA,iBAGF,4BACE,oCAIA,iBACE,mCAGF,iBACE,UACA,QACA,CACA,qBACA,eACA,cPhdkB,oBOkdlB,oBACA,eACA,gBACA,mBACA,gBACA,yCAEA,UACE,cACA,kBACA,MACA,QACA,WACA,UACA,8DACA,4BAKN,iBACE,0CAEA,wBACE,CADF,gBACE,qCAGF,iBACE,MACA,OACA,WACA,YACA,aACA,uBACA,mBACA,8BACA,kBACA,iBACA,gBACA,YACA,8CAEA,iBACE,6HAGE,UP9hBF,aOwiBR,aACE,CACA,kBACA,eACA,gBAGF,kBACE,cPhiBsB,kBOkiBtB,kBACA,mBACA,kBACA,uBAEA,qCACE,iCACA,cPxjBY,sBO4jBd,mCACE,+BACA,cP7jBQ,kBOikBV,oBACE,cPpjBoB,qBOsjBpB,wBAEA,UPxkBI,0BO0kBF,kBAIJ,kBACE,4BAGF,SACE,sBACA,cACA,WACA,SACA,aACA,gDACA,mBPhlBS,WATL,eO4lBJ,SACA,8CAEA,QACE,iHAGF,mBAGE,kCAGF,kBACE,uBAIJ,eACE,CAII,oKADF,eACE,0DAKN,eAzEF,eA0EI,eAIJ,eACE,kBACA,gBAEA,aPjnBsB,qBOmnBpB,sBAEA,yBACE,YAKN,eACE,mBACA,eACA,eAEA,oBACE,kBACA,cAGF,aPnoBwB,yBOqoBtB,qBACA,gBACA,2DAEA,aAGE,8BAKN,kBAEE,cPrpBsB,oCOwpBtB,cACE,mBACA,kBACA,4CAGF,aP7pBwB,gBO+pBtB,CAII,mUADF,eACE,0DAKN,6BAtBF,eAuBI,cAIJ,YACE,eACA,uBACA,UAGF,aACE,gBPrsBM,YOusBN,qBACA,mCACA,qBACA,cAEA,aACE,SACA,iBAIJ,kBACE,cPlsBwB,WOosBxB,sBAEA,aACE,eACA,eAKF,kBACE,sBAEA,eACE,CAII,+JADF,eACE,4CASR,qBACE,8BACA,WPjvBI,qCOmvBJ,oCACA,kBACA,aACA,mBACA,gDAEA,UPzvBI,0BO2vBF,oLAEA,oBAGE,0DAIJ,eACE,cACA,kBACA,CAII,yYADF,eACE,kEAIJ,eACE,oBAMR,YACE,eACA,mBACA,4DAEA,aAEE,6BAIA,wBACA,cACA,sBAIJ,iBACE,cPxxBsB,0BO2xBtB,iBACE,oBAIJ,eACE,mBACA,uBAEA,cACE,WPrzBI,kBOuzBJ,mBACA,SACA,UACA,4BAGF,aACE,eAIJ,aP/zBc,0SOy0BZ,+CACE,aAIJ,kBACE,sBACA,kBACA,aACA,mBACA,kBACA,kBACA,QACA,mCACA,sBAEA,aACE,8BAGF,sBACE,SACA,aACA,eACA,gDACA,oBAGF,aACE,WACA,oBACA,gBACA,eACA,CACA,oBACA,WACA,iCACA,oBAGF,oBPn3Bc,gBOq3BZ,2BAEA,kBPv3BY,gBOy3BV,oBAKN,kBACE,6BAEA,wBACE,mBACA,eACA,aACA,4BAGF,kBACE,aACA,OACA,sBACA,cACA,cACA,gCAEA,iBACE,YACA,iBACA,kBACA,UACA,8BAGF,qBACE,qCAIJ,kBACE,gCAGF,wBACE,mCACA,kBACA,kBACA,kBACA,kBACA,sCAEA,wBACE,WACA,cACA,YACA,SACA,kBACA,MACA,UACA,yBAIJ,sBACE,aACA,mBACA,SC17BF,aACE,qBACA,cACA,mCACA,qCAEA,QANF,eAOI,8EAMA,kBACE,YAKN,YACE,kBACA,gBACA,0BACA,gBAEA,aACE,WACA,YACA,SACA,oBACA,CADA,8BACA,CADA,gBACA,0BACA,qCAGF,WAfF,YAgBI,sCAGF,WAnBF,YAoBI,aAIJ,iBACE,aACA,aACA,2BACA,mBACA,mBACA,0BACA,qCAEA,WATF,eAUI,qBAGF,aACE,WACA,YACA,gBACA,wBAEA,UACE,YACA,cACA,SACA,kBACA,mBACA,oBACA,CADA,8BACA,CADA,gBACA,0BAIJ,gBACE,gBACA,iCAEA,cACE,WR7EA,gBQ+EA,gBACA,uBACA,+BAGF,aACE,eACA,cRtEgB,gBQwEhB,gBACA,uBACA,aAMR,cACE,kBACA,gBACA,6GAEA,cAME,WR3GI,gBQ6GJ,qBACA,iBACA,qBACA,sBAGF,eRnHM,oBQqHJ,cR5GS,eQ8GT,cACA,kBAGF,cACE,uCAGF,wBAEE,cRhHsB,oBQoHxB,UACE,eACA,wBAEA,oBACE,iBACA,oBAIJ,WACE,gBACA,wBAEA,oBACE,gBACA,uBAIJ,cACE,cACA,qCAGF,YA9DF,iBA+DI,mBAEA,YACE,uCAGF,oBAEE,gBAKN,kBRnKa,mCQqKX,cR9JsB,eQgKtB,gBACA,kBACA,aACA,uBACA,mBACA,eACA,kBACA,aACA,gBACA,2BAEA,yBACE,yBAGF,qBACE,gBACA,yCAIJ,oBAEE,gBACA,eACA,kBACA,eACA,iBACA,gBACA,cR5LwB,sCQ8LxB,sCACA,6DAEA,aRjNc,sCQmNZ,kCACA,qDAGF,aACE,sCACA,kCACA,0BAIJ,eACE,UACA,wBACA,gBACA,CADA,YACA,CACA,iCACA,CADA,uBACA,CADA,kBACA,eACA,iBACA,6BAEA,YACE,gCACA,yDAGF,qBAEE,aACA,kBACA,gBACA,gBACA,mBACA,uBACA,6BAGF,eACE,YACA,cACA,cR3OsB,0BQ6OtB,6BAGF,aACE,cRlPoB,4BQsPtB,aRpPwB,qBQsPtB,qGAEA,yBAGE,oCAIJ,qCACE,iCACA,sCAEA,aRpRY,gBQsRV,0CAGF,aRzRY,wCQ8Rd,eACE,wCAIJ,UACE,0BAIA,aRzRsB,4BQ4RpB,aR3RsB,qBQ6RpB,qGAEA,yBAGE,iCAIJ,URvTI,gBQyTF,wBAIJ,eACE,kBChUJ,kCACE,kBACA,gBACA,mBACA,8BAEA,yBACE,qCAGF,iBAVF,eAWI,gBACA,gBACA,6BAGF,eACE,SACA,gBACA,gFAEA,yBAEE,sCAIJ,UACE,yBAGF,kBTpBW,6GSuBT,sBAGE,CAHF,cAGE,8IAIA,eAGE,0BACA,iJAKF,yBAGE,kLAIA,iBAGE,qCAKN,4GACE,yBAGE,uCAKN,kBACE,qBAIJ,WACE,eACA,mBT7DwB,WAlBlB,oBSkFN,iBACA,YACA,iBACA,SACA,yBAEA,UACE,YACA,sBACA,iBACA,UT5FI,gFSgGN,kBAGE,qNAKA,kBTxFoB,4ISgGpB,kBT9GQ,qCSqHV,wBACE,YACE,0DAOJ,YACE,uCAGF,2BACE,gBACA,uDAEA,SACE,SACA,yDAGF,eACE,yDAGF,gBACE,iBACA,mFAGF,UACE,qMAGF,eAGE,iCC/JN,u+KACE,uCAEA,u+KACE,0CAIJ,u+KACE,WCTF,gCACE,4CACA,kBAGF,mBACE,sBACA,oBACA,gBACA,kBACA,cAGF,aACE,eACA,iBACA,cXIwB,SWFxB,uBACA,UACA,eACA,wCAEA,yBAEE,uBAGF,aXVsB,eWYpB,SAIJ,wBXd0B,YWgBxB,kBACA,sBACA,WXpCM,eWsCN,qBACA,oBACA,eACA,gBACA,YACA,iBACA,iBACA,gBACA,eACA,kBACA,kBACA,yBACA,qBACA,uBACA,2BACA,mBACA,WACA,4CAEA,wBAGE,4BACA,sBAGF,eACE,mFAEA,wBXjEQ,gBWqEN,mCAIJ,wBX3DsB,eW8DpB,2BAGF,QACE,wDAGF,mBAGE,yGAGF,cAIE,iBACA,YACA,oBACA,iBACA,4BAGF,aX7FW,mBAOW,qGW0FpB,wBAGE,8BAIJ,kBXnFsB,2GWsFpB,wBAGE,0BAIJ,aX3GsB,uBW6GpB,iBACA,yBACA,+FAEA,oBAGE,cACA,mCAGF,UACE,uBAIJ,aACE,WACA,kBAIJ,YACE,cACA,kBACA,cAGF,oBACE,UACA,cX7HsB,SW+HtB,kBACA,uBACA,eACA,2BACA,2CACA,2DAEA,aAGE,qCACA,4BACA,2CACA,oBAGF,mCACE,uBAGF,aACE,6BACA,eACA,qBAGF,aXrKwB,gCWyKxB,QACE,uEAGF,mBAGE,uBAGF,aXvKsB,sFW0KpB,aAGE,qCACA,6BAGF,mCACE,gCAGF,aACE,6BACA,8BAGF,aXtMsB,uCWyMpB,aACE,wBAKN,sBACE,0BACA,yBACA,kBACA,YACA,8BAEA,yBACE,mBAKN,aXhNwB,SWkNtB,kBACA,uBACA,eACA,gBACA,eACA,cACA,iBACA,UACA,2BACA,2CACA,0EAEA,aAGE,qCACA,4BACA,2CACA,yBAGF,mCACE,4BAGF,aACE,6BACA,eACA,0BAGF,aX7PwB,qCWiQxB,QACE,sFAGF,mBAGE,CAKF,0BADF,iBAUE,CATA,WAGF,WACE,cACA,qBACA,QACA,SAEA,+BAEA,kBAEE,mBACA,oBACA,kBACA,mBACA,iBAKF,WACE,eAIJ,YACE,iCAGE,mBACA,eAEA,gBACA,wCAEA,aXlTsB,sDWsTtB,YACE,2CAGF,oBACE,kBACA,yBACA,sBACA,WACA,YACA,cACA,kBACA,SACA,kBACA,sBACA,kDAEA,oBXvUoB,yDW8UxB,aXvVW,mBWyVT,mBXlVoB,oCWoVpB,iBACA,kBACA,eACA,gBACA,6CAEA,aXjWS,gBWmWP,CAII,kRADF,eACE,wCAKN,aXvVoB,gBWyVlB,0BACA,yIAEA,oBAGE,sCAKN,iBACE,MACA,QACA,kDAGF,iBACE,mGAGF,iBAGE,WACA,8BAGF,QACE,wBACA,UACA,qDAEA,WACE,mBACA,UACA,mFAIJ,aAEE,sBACA,WACA,SACA,cX3ZS,gBATL,aWuaJ,oBACA,eACA,gBACA,SACA,UACA,yIAEA,aXhZoB,CW8YpB,sHAEA,aXhZoB,CW8YpB,8HAEA,aXhZoB,CW8YpB,4GAEA,aXhZoB,+FWoZpB,SACE,qCAGF,kFAvBF,cAwBI,sCAIJ,iBACE,+CAGF,gBACE,0BACA,iBACA,mBACA,YACA,qBACA,kEAEA,SACE,qCAGF,8CAZF,sBAaI,gBACA,2DAIJ,iBACE,SACA,kDAGF,qBACE,aACA,kBACA,SACA,WACA,WACA,sCACA,mBX5csB,0BW8ctB,cXtdS,eWwdT,YACA,6FAEA,aACE,wDAIJ,YACE,eACA,kBACA,yPAEA,kBAIE,wGAIJ,YAGE,mBACA,mBACA,2BACA,iBACA,eACA,oCAGF,6BACE,0CAEA,aACE,gBACA,uBACA,mBACA,2CAGF,eACE,0CAGF,aACE,iBACA,gBACA,uBACA,mBACA,8EAIJ,aAEE,iBACA,WACA,YACA,2DAGF,aXlgBsB,wCWsgBtB,aX3hBW,oBW6hBT,eACA,gBXviBI,sEW0iBJ,eACE,uEAGF,YACE,mBACA,YACA,eACA,8DAGF,UACE,cACA,WACA,uEAEA,iFACE,aACA,uBACA,8BACA,UACA,4BACA,oFAEA,aACE,cXljBgB,eWojBhB,gBACA,aACA,oBACA,6QAEA,aAGE,8EAIJ,SACE,0EAIJ,iBACE,UACA,SACA,OACA,QACA,sBACA,gFACA,aACA,UACA,4BACA,mFAEA,sBACE,cXllBgB,SWolBhB,UACA,SACA,WACA,oBACA,eACA,gBACA,yFAEA,UX7mBF,8GWinBE,WACE,cXjmBc,CAjBlB,oGWinBE,WACE,cXjmBc,CAjBlB,wGWinBE,WACE,cXjmBc,CAjBlB,+FWinBE,WACE,cXjmBc,iFWsmBlB,SACE,wEAKN,iBACE,sBX/nBE,wBWioBF,sBACA,4BACA,aACA,WACA,gBACA,8CAIJ,YACE,mBACA,0BACA,aACA,8BACA,cACA,qEAEA,YACE,uGAEA,gBACE,qGAGF,YACE,6IAEA,aACE,2IAGF,gBACE,0HAKN,sBAEE,cACA,0EAGF,iBACE,iBACA,sCAIJ,YACE,yBACA,YACA,cACA,4EAEA,eACE,iBACA,oBAKN,cACE,kDACA,eACA,gBACA,cXpqBsB,4CWuqBtB,aXlsBY,kCWusBd,2CACE,WC7sBF,8DDktBE,sBACA,CADA,kBACA,wBACA,WACA,YACA,eAEA,UACE,kBAIJ,iBACE,mBACA,mBX7sBsB,aW+sBtB,gBACA,gBACA,cACA,0BAGF,iBACE,gBACA,0BAGF,WACE,iBACA,gCAGF,aXtuBa,cWwuBX,eACA,iBACA,gBACA,mBACA,qBACA,kCAGF,UACE,iBACA,+BAGF,cACE,4CAGF,iBAEE,eACA,iBACA,qBACA,gBACA,gBACA,uBACA,gBACA,WX3wBM,wDW8wBN,SACE,wGAGF,kBACE,sJAEA,oBACE,gEAIJ,UACE,YACA,gBACA,oDAGF,cACE,iBACA,sBACA,CADA,gCACA,CADA,kBACA,gDAGF,kBACE,qBACA,sEAEA,eACE,gDAIJ,aXnyBc,qBWqyBZ,4DAEA,yBACE,oEAEA,aACE,4EAKF,oBACE,sFAEA,yBACE,wDAKN,aXvyBoB,8EW4yBtB,aACE,0GAGF,kBXhzBsB,sHWmzBpB,kBACE,qBACA,8IAGF,QACE,0XAGF,mBAGE,0FAIJ,YACE,wJAEA,aACE,+BAKN,oBACE,gBACA,yCAEA,UACE,YACA,gBACA,iCAGF,kBACE,qBACA,4CAEA,eACE,iCAIJ,aX52BwB,qBW82BtB,uCAEA,yBACE,+CAIA,oBACE,oDAEA,yBACE,gDAKN,aACE,6CAKN,gBACE,oCAGF,aACE,eACA,iBACA,cACA,SACA,uBACA,CACA,eACA,qBACA,oFAEA,yBAEE,gCAIJ,oBACE,kBACA,uBACA,SACA,cXr6BW,gBWu6BX,eACA,cACA,yBACA,iBACA,eACA,sBACA,4BAGF,aX35BwB,SW65BtB,kBACA,kBACA,oBACA,SACA,aACA,sBACA,WACA,WACA,gCACA,+BAGF,UACE,kBACA,kBAIA,SACE,mBACA,wCAEA,kBACE,8CAEA,sBACE,iFAIJ,kBAEE,SAMJ,yBACA,kBACA,gBACA,gCACA,eACA,UAaA,mCACA,CADA,0BACA,wDAZA,QARF,kBAWI,0BAGF,GACE,aACA,WALA,gBAGF,GACE,aACA,uDAMF,cAEE,kCAGF,kBACE,4BACA,sCAIA,aXj/BoB,qCWq/BpB,aX5/BS,6BWggCT,aXz/BoB,CAPX,kEWwgCT,aXxgCS,kCW2gCP,aXlgCoB,gEWsgCpB,UXxhCE,mBAgBgB,sEW4gChB,kBACE,+CAQR,sBACE,qEAEA,aACE,qDAKN,aXhhCwB,YWmhCtB,eACA,uBAGF,aXvhCwB,qCW2hCxB,aACE,eACA,mBACA,eAGF,cACE,mBAGF,+BACE,aACA,6CAEA,uBACE,OACA,gBACA,4DAEA,eACE,8DAGF,SACE,mBACA,qHAGF,cAEE,gBACA,4EAGF,cACE,0BAKN,kBACE,aACA,cACA,uBACA,aACA,kBAGF,gBACE,cX5kCsB,CW8kCtB,iBACA,eACA,kBACA,+CAEA,aXnlCsB,uBWulCtB,aACE,gBACA,uBACA,qBAIJ,kBACE,aACA,eACA,8BAEA,mBACE,kBACA,mBACA,yDAEA,gBACE,qCAGF,oBACE,WACA,eACA,gBACA,cXhnCkB,4BWsnCxB,iBACE,8BAGF,cACE,cACA,uCAGF,aACE,aACA,mBACA,uBACA,kBACA,kBAGF,kBACE,kBACA,wBAEA,YACE,eACA,8BACA,uBACA,uFAEA,SAEE,mCAIJ,cACE,iBACA,6CAEA,UACE,YACA,gBACA,kEAGF,gBACE,gBACA,+DAIJ,cAEE,wBAIJ,eACE,cX9qCsB,eWgrCtB,iBACA,8BAGF,kBACE,6BACA,gCACA,aACA,mBACA,eACA,wBAGF,aACE,qBACA,uDAGF,oBAEE,gBACA,eACA,gBACA,2BAGF,aX/tCa,eWiuCX,6BAEA,aX9sCsB,SWmtCxB,YACE,gCACA,8BAEA,aACE,cACA,WXvvCI,qBWyvCJ,eACA,gBACA,kBAIJ,YACE,iBAGF,WACE,aACA,mBACA,UAGF,YACE,gCACA,kBAEA,SACE,gBACA,2CAEA,aACE,iCAIJ,aACE,cACA,cXxwCoB,gBW0wCpB,qBACA,eACA,mBAIJ,YACE,0BAGF,UACE,iBACA,kBACA,kBAGF,iBE3yCE,iCACA,wBACA,4BACA,kBF0yCA,yBAEA,oBACE,sBACA,iBACA,4BAGF,iBErzCA,iCACA,wBACA,4BACA,kBFozCE,gBACA,kBACA,gCAEA,UACE,kBACA,sBACA,mCAGF,aACE,kBACA,QACA,SACA,+BACA,WXr0CE,6BWu0CF,gBACA,eACA,oBAKN,cACE,0BAGF,UACuB,sCE30CrB,+BF60CA,iBEt1CA,iCACA,wBACA,4BACA,WFq1CuB,sCE/0CvB,kCFk1CA,iBE31CA,iCACA,wBACA,4BACA,WF01CuB,sCEp1CvB,kBFs1CE,SACA,QACA,UACA,wBAIJ,WACE,aACA,mBACA,sBAGF,YACE,6BACA,cX/0CsB,6BWk1CtB,eACE,CAII,kMADF,eACE,wBAKN,eACE,cACA,0BACA,yFAEA,oBAGE,sBAKN,4BACE,gCACA,iBACA,gBACA,cACA,aACA,+BAGF,YACE,4CAEA,qBACE,oFAIA,QACE,WACA,uDAGF,WACE,iBACA,gBACA,WACA,4BAKN,YACE,cACA,iBACA,kBACA,2BAGF,oBACE,gBACA,cACA,+BACA,eACA,oCACA,kCAEA,+BACE,gCAGF,aACE,yBACA,eACA,cX56CoB,kCWg7CtB,aACE,eACA,gBACA,WXn8CI,CWw8CA,2NADF,eACE,oBAMR,iBACE,mDAEA,aACE,mBACA,gBACA,4BAIJ,UACE,kBACA,6JAGF,oBAME,4DAKA,UXx+CM,kBW8+CN,UACE,iKAQF,yBACE,+BAIJ,aACE,gBACA,uBACA,0DAGF,aAEE,sCAGF,kBACE,gCAGF,aX1/C0B,cW4/CxB,iBACA,mBACA,gBACA,2EAEA,aAEE,uBACA,gBACA,uCAGF,cACE,WX1hDI,kCW+hDR,UACE,kBACA,iBAGF,WACE,UACA,kBACA,SACA,WACA,iBAGF,UACE,kBACA,OACA,MACA,YACA,eACA,CXphDsB,gHW8hDtB,aX9hDsB,wBWkiDtB,UACE,wCAGF,kBXtiDsB,cArBX,8CW+jDT,kBACE,qBACA,wBAKN,oBACE,gBACA,eACA,cXlkDsB,eWokDtB,iBACA,kBACA,4BAEA,aXtkDwB,6BW0kDxB,cACE,gBACA,uBACA,uCAIJ,UACE,kBACA,CXjmDU,mEWwmDZ,aXxmDY,uBW4mDZ,aX7mDc,4DWmnDV,4CACE,CADF,oCACE,8DAKF,6CACE,CADF,qCACE,6BAKN,aACE,gBACA,qBACA,mCAEA,UXvoDM,0BWyoDJ,8BAIJ,WACE,eAGF,aACE,eACA,gBACA,uBACA,mBACA,qBAGF,eACE,wBAGF,cACE,+DAKA,yBACE,eAIJ,iBACE,WACA,YACA,aACA,mBACA,uBACA,sBACA,6CAEA,cX9nD4B,eAEC,0DW+nD3B,sBACA,CADA,gCACA,CADA,kBACA,4BAGF,iBACE,qEAGF,YACE,iBAIJ,iBACE,WACA,YACA,aACA,mBACA,uBACA,qBAEA,cXtpD4B,eAEC,WWupD3B,YACA,sBACA,CADA,gCACA,CADA,kBACA,iBAIJ,YACE,aACA,mBACA,cACA,eACA,cXvsDsB,wBW0sDtB,aXzsDwB,mBW6sDxB,aACE,4BAGF,oBACE,0CAGF,iBACE,6DAEA,iBACE,oBACA,qCACA,UACA,4EAGF,mBACE,gCACA,UACA,0BAKN,aACE,gBACA,iBACA,gBACA,gBACA,kCAGF,aACE,gBACA,gBACA,uBACA,+BAGF,aACE,qBACA,WAGF,oBACE,oBAGF,YACE,kBACA,2BAGF,+BACE,mBACA,SACA,gBAGF,kBX1wD0B,cW4wDxB,kBACA,uCACA,aACA,mBAEA,eACE,qBAGF,yBACE,oBAGF,yBACE,uBAGF,sBACE,sBAGF,sBACE,uBAIJ,iBACE,QACA,SACA,2BACA,4BAEA,UACE,gBACA,2BACA,0BX/yDsB,2BWmzDxB,WACE,iBACA,uBACA,yBXtzDsB,8BW0zDxB,QACE,iBACA,uBACA,4BX7zDsB,6BWi0DxB,SACE,gBACA,2BACA,2BXp0DsB,wBW00DxB,cACE,iBACA,cACA,iBACA,sBACA,qBACA,mBXh1DsB,cARb,gBW21DT,uBACA,mBACA,yFAEA,kBXt1DsB,cADA,UW41DpB,sCAKN,aACE,iBACA,gBACA,QACA,gBACA,aACA,yCAEA,eACE,mBX12DsB,cW42DtB,kBACA,mCACA,gBACA,kBACA,sDAGF,OACE,wDAIA,UACE,8CAIJ,cACE,iBACA,cACA,iBACA,sBACA,qBACA,mBXn4DsB,cARb,gBW84DT,uBACA,mBACA,oDAEA,SACE,oDAGF,kBX74DsB,cADA,iBWq5D1B,qBACE,eAGF,YACE,cACA,mBACA,2BACA,gBACA,kBACA,4BAEA,iBACE,uBAGF,YACE,uBACA,WACA,YACA,iBACA,6BAEA,WACE,gBACA,oBACA,aACA,yBACA,gBACA,oCAEA,0BACE,oCAGF,cACE,YACA,oBACA,YACA,6BAIJ,qBACE,WACA,gBACA,cACA,aACA,sBACA,qCAEA,4BARF,cASI,qBAMR,kBACE,wBACA,CADA,eACA,MACA,UACA,cACA,qCAEA,mBAPF,gBAQI,+BAGF,eACE,qCAEA,6BAHF,kBAII,gKAMJ,WAIE,mCAIJ,YACE,mBACA,uBACA,YACA,SAGF,WACE,kBACA,sBACA,aACA,sBACA,qBAEA,kBXlgEW,8BWogET,+BACA,KAIJ,aACE,CACA,qBACA,WACA,YACA,aAJA,YAYA,CARA,QAGF,WACE,sBACA,CACA,qBACA,kBACA,cAGF,aACE,cACA,sBACA,cXrhEsB,qBWuhEtB,kBACA,eACA,oCACA,iBAGF,aAEE,gBACA,qCAGF,cACE,SACE,iBAGF,aAEE,CAEA,gBACA,yCAEA,iBACE,uCAGF,kBACE,qDAKF,gBAEE,kBACA,YAKN,qBACE,aACA,mBACA,cACA,gBACA,iBAGF,aACE,cACA,CACA,sBACA,WX7lEM,qBW+lEN,kBACA,eACA,gBACA,gCACA,2BACA,mDACA,qBAEA,eACE,eACA,qCAMA,mEAHF,kBAII,4BACA,yBAIJ,+BACE,cXpmEsB,sBWwmExB,eACE,aACA,qCAIJ,qBAEI,cACE,wBAKN,qBACE,WACA,YACA,cACA,6DAEA,UAEE,YACA,UACA,wCAGF,YACE,cACA,kDACA,qCAEA,uCALF,aAMI,yCAIJ,eACE,oCAGF,YACE,uDAGF,cACE,sCAGF,gBACE,eACA,CACA,2BACA,yCAGF,QACE,mCAGF,gBACE,yBAEA,kCAHF,eAII,sCAIJ,sBACE,gBACA,sCAGF,uCACE,YACE,iKAEA,eAGE,6CAIJ,gBACE,2EAGF,YAEE,kGAGF,gBACE,+BAGF,2BACE,gBACA,uCAEA,SACE,SACA,wCAGF,eACE,wCAGF,gBACE,iBACA,qDAGF,UACE,gLAGF,eAIE,gCAIJ,iBACE,6CAEA,cACE,8CAKF,gBACE,iBACA,6DAGF,UACE,CAIA,yFAGF,eACE,8DAGF,gBACE,kBACA,0BAMR,cACE,aACA,uBACA,mBACA,gBACA,iBACA,iBACA,gBACA,mBACA,WXpyEM,kBWsyEN,eACA,iBACA,qBACA,sCACA,4FAEA,kBAGE,qCAIJ,UACE,UACE,uDAGF,kCACE,4DAGF,kBAGE,yBAGF,aACE,iBAGF,eAEE,sCAIJ,2CACE,YACE,sCAOA,sEAGF,YACE,uCAIJ,0CACE,YACE,uCAIJ,UACE,YACE,mBAIJ,iBACE,yBAEA,iBACE,SACA,UACA,mBX71EsB,yBW+1EtB,gBACA,kBACA,eACA,gBACA,iBACA,WXt3EI,mDW23ER,oBACE,gBAGF,WACE,gBACA,aACA,sBACA,yBACA,kBACA,gCAEA,gBACE,oBACA,cACA,gBACA,6BAGF,sBACE,8BAGF,MACE,kBACA,aACA,sBACA,iBACA,oBACA,oBACA,mDAGF,eACE,sBX75EI,0BW+5EJ,cACA,gDAGF,iBACE,gDAGF,WACE,mBAIJ,eACE,mBACA,yBACA,gBACA,aACA,sBACA,qBAEA,aACE,sBAGF,aACE,SACA,CACA,4BACA,cACA,qDAHA,sBAOA,gBAMF,WACA,kBAGA,+BANF,qBACE,UACA,CAEA,eACA,aAiBA,CAhBA,eAGF,iBACE,MACA,OACA,mBACA,CAGA,qBACA,CACA,eACA,WACA,YACA,kBACA,uBAEA,kBXp9EW,0BWy9Eb,u1BACE,OACA,gBACA,aACA,8BAEA,aACE,sBACA,CADA,4DACA,CADA,kBACA,+BACA,CADA,2BACA,UACA,YACA,oBACA,eACA,yBACA,CADA,qBACA,CADA,oBACA,CADA,gBACA,sCAGF,yBAjBF,aAkBI,iBAIJ,kBACE,eACA,gBACA,iBAGF,aACE,eACA,mBACA,mBACA,aACA,mBACA,kBACA,mBAEA,iCACE,yBAEA,kBACE,mCACA,aAKN,iBACE,kBACA,cACA,iCACA,mCAEA,eACE,yBAGF,YAVF,cAWI,oBAGF,YACE,sBACA,qBAGF,aACE,kBACA,iBACA,yBAKF,uBADF,YAEI,sBAIJ,qBACE,WACA,mBACA,cXliFwB,eWoiFxB,cACA,eACA,oBACA,SACA,iBACA,aACA,SACA,UACA,UACA,2BAEA,yBACE,6BAIJ,kBACE,SACA,oBACA,cXvjFwB,eWyjFxB,mBACA,eACA,kBACA,UACA,mCAEA,yBACE,wCAGF,kBACE,2BAIJ,oBACE,iBACA,2BAGF,iBACE,kCAGF,cACE,cACA,eACA,aACA,kBACA,QACA,UACA,eAGF,oBACE,kBACA,eACA,6BACA,SACA,UACA,yBACA,CADA,qBACA,CADA,oBACA,CADA,gBACA,0CACA,wCACA,iCAGF,QACE,mBACA,WACA,YACA,gBACA,UACA,kBACA,UACA,yBAGF,kBACE,WACA,wBACA,qBAGF,UACE,YACA,UACA,mBACA,yBXroFW,qCWuoFX,sEAGF,wBACE,4CAGF,wBXroF0B,+EWyoF1B,wBACE,2BAGF,iBACE,WACA,YACA,MACA,SACA,gBACA,mBACA,cACA,SACA,UACA,6BACA,CAKA,uEAFF,SACE,6BAeA,CAdA,sBAGF,iBACE,WACA,YACA,MACA,SACA,gBACA,mBACA,cACA,WAGA,8CAGF,SACE,qBAGF,iBACE,QACA,SACA,WACA,YACA,yBACA,kBACA,yBACA,sBACA,yBACA,sCACA,4CAGF,SACE,qBXjsFwB,cWqsF1B,kBACE,WXxtFM,cW0tFN,eACA,aACA,qBACA,2DAEA,kBAGE,oBAGF,SACE,2BAGF,sBACE,cXztFsB,kGW4tFtB,sBAGE,WXhvFE,kCWovFJ,aXluFsB,oBWwuF1B,oBACE,iBACA,qBAGF,oBACE,kBACA,CACA,gBACA,CX1vFW,eW6vFX,iBACA,wCANA,cACA,CACA,eACA,mBAaA,CAVA,mBX9vFW,aAqBW,iBW+uFtB,CAEA,wBACA,eACA,yDAGF,kBX3wFa,cWixFb,aACE,kBAGF,aXhwFwB,cWkwFtB,8BACA,+BACA,4EAEA,0BAGE,CAHF,uBAGE,CAHF,kBAGE,kDAMA,sBACA,YACA,wDAEA,kBACE,8DAGF,cACE,sDAGF,cACE,0DAEA,aX9xFkB,0BWgyFhB,sDAIJ,oBACE,cXnzFkB,sMWszFlB,yBAGE,oDAKN,aXhzFsB,0BWszFtB,aACE,UACA,mCACA,CADA,0BACA,gBACA,6BAEA,cACE,yBACA,cX50FkB,aW80FlB,gBACA,gCACA,sCAGF,oDACE,YACE,uCAIJ,oDACE,YACE,uCAIJ,yBA3BF,YA4BI,yCAGF,eACE,aACA,iDAEA,aXv2FkB,qBW82FxB,eACE,gBACA,2BAEA,iBACE,aACA,wBAGF,kBACE,yBAGF,oBACE,gBACA,yBACA,yBACA,eAIJ,aACE,sBACA,WACA,SACA,cX94FW,gBATL,aW05FN,oBACA,eACA,gBACA,SACA,UACA,kBACA,qBAEA,SACE,qCAGF,cAnBF,cAoBI,oDAIJ,uBACE,YACA,6CACA,uBACA,sBACA,WACA,0DAEA,sBACE,0DAKJ,uBACE,2BACA,gDAGF,aXh6FwB,6BWk6FtB,uDAGF,aXj7F0B,cWq7F1B,YACE,eACA,yBACA,kBACA,cX76FsB,gBW+6FtB,qBACA,gBACA,uBAEA,QACE,OACA,kBACA,QACA,MAIA,iDAHA,YACA,uBACA,mBAUE,CATF,0BAEA,yBACE,kBACA,iBACA,cAIA,sDAGF,cAEE,cXt9FoB,uBWw9FpB,SACA,cACA,qBACA,eACA,iBACA,sMAEA,UXh/FE,yBWu/FJ,cACE,kBACA,YACA,eAKN,cACE,qBAEA,kBACE,oBAIJ,cACE,cACA,qBACA,WACA,YACA,SACA,2BAIA,UACE,YACA,qBAIJ,aACE,gBACA,kBACA,cX1gGsB,gBW4gGtB,uBACA,mBACA,qBACA,uBAGF,aACE,gBACA,2BACA,2BAGF,aXxhGwB,oBW4hGxB,aACE,eACA,eACA,gBACA,uBACA,mBACA,qBAGF,cACE,mBACA,kBACA,yBAEA,cACE,kBACA,yBACA,QACA,SACA,+BACA,yBAIJ,aACE,6CAEA,UACE,mDAGF,yBACE,6CAGF,mBACE,sBAIJ,oBACE,kCAEA,QACE,4CAIA,oBACA,0CAGF,kBACE,0CAGF,aACE,6BAIJ,wBACE,2BAGF,yBACE,cACA,SACA,WACA,YACA,oBACA,CADA,8BACA,CADA,gBACA,sBACA,wBACA,YAGF,aACE,cX3lGsB,6BW6lGtB,SACA,kBACA,kBACA,oBACA,SACA,aACA,sBACA,WACA,WACA,qBACA,kBAEA,kBACE,WAIJ,+BACE,yBAGF,iBACE,eACA,gBACA,cXrnGsB,mBArBX,eW6oGX,aACA,cACA,sBACA,mBACA,uBACA,aACA,qEAGE,aAEE,WACA,aACA,SACA,yCAIJ,gBACE,gCAGF,eACE,uCAEA,aACE,mBACA,cXnpGkB,qCWupGpB,cACE,gBACA,yBAKN,iBACE,cACA,UACA,gCAEA,uCACE,uCAEA,aACE,WACA,kBACA,aACA,OACA,QACA,cACA,UACA,oBACA,YACA,UACA,oFACA,wCAIJ,SACE,kBACA,gBAIJ,YACE,eACA,mBACA,cACA,eACA,kBACA,UACA,UACA,gBACA,2BACA,4BACA,uBAEA,QACE,SACA,yBACA,cACA,uBACA,aACA,gBACA,uBACA,gBACA,mBACA,OACA,4CAGF,aXnuGwB,4CWwuGtB,aXxuGsB,0CW0uGpB,4CAIJ,SAEE,yBAIJ,WACE,aACA,uBAGF,kBACE,iCAGF,iBACE,wBAGF,kBACE,SACA,cXrwGsB,eWuwGtB,eACA,eACA,8BAEA,aACE,CAKA,kEAEA,UXnyGI,mBWqyGF,6BAKN,eACE,gBACA,gBACA,cX7xGsB,0DW+xGtB,UACA,UACA,kBACA,uCAEA,YACE,WACA,uCAGF,iBACE,gCAGF,QACE,uBACA,SACA,6BACA,cACA,mCAIJ,kBACE,aACA,mCAIA,aX5zGsB,0BW8zGpB,gCAIJ,WACE,4DAEA,cACE,uEAEA,eACE,WAKN,oBACE,UACA,oBACA,kBACA,cACA,SACA,uBACA,eACA,sBAGF,oBACE,iBACA,oBAGF,aXh1GwB,eWk1GtB,gBACA,yBACA,iBACA,kBACA,QACA,SACA,+BACA,yBAEA,aACE,WACA,CACA,0BACA,oBACA,mBACA,4BAIJ,iBACE,QACA,SACA,+BACA,WACA,YACA,sBACA,6BACA,CACA,wBACA,kBACA,2CAGF,2EACE,CADF,mEACE,8CAGF,4EACE,CADF,oEACE,qCAGF,GACE,sBACE,KAGF,2BACE,KAGF,2BACE,KAGF,yBACE,IAGF,wBACE,EArBF,4BAGF,GACE,sBACE,KAGF,2BACE,KAGF,2BACE,KAGF,yBACE,IAGF,wBACE,uCAIJ,GACE,wBACE,KAGF,0BACE,KAGF,2BACE,KAGF,uBACE,IAGF,sBACE,EAtBA,6BAIJ,GACE,wBACE,KAGF,0BACE,KAGF,2BACE,KAGF,uBACE,IAGF,sBACE,mCAIJ,GACE,OACE,SACA,yBACA,KAGF,wBACE,KAGF,UACE,YACA,6BACA,kBACA,UACA,IAGF,UACE,YACA,eACA,UACA,6BACA,EA5BA,yBAIJ,GACE,OACE,SACA,yBACA,KAGF,wBACE,KAGF,UACE,YACA,6BACA,kBACA,UACA,IAGF,UACE,YACA,eACA,UACA,6BACA,kCAIJ,GACE,gBACA,aACA,aAPE,wBAIJ,GACE,gBACA,aACA,gCAGF,kBACE,gBXz+GM,WACA,eW2+GN,aACA,sBACA,YACA,uBACA,eACA,kBACA,kBACA,YACA,gBAGF,eXv/GQ,cAiBgB,SWy+GtB,UACA,WACA,YACA,kBACA,wBACA,CADA,oBACA,CADA,eACA,iEAEA,SAGE,cACA,yBAIJ,aACE,eACA,yBAGF,aACE,eACA,gBACA,iBAGF,KACE,OACA,WACA,YACA,kBACA,YACA,2BAEA,aACE,SACA,QACA,WACA,YACA,6BAGF,mBACE,yBAGF,YACE,0BAGF,aACE,uBACA,WACA,YACA,SACA,iCAEA,oBACE,0BACA,kBACA,iBACA,WXtjHE,gBWwjHF,eACA,+LAMA,yBACE,mEAKF,yBACE,6BAMR,kBACE,iBAGF,kBACE,6BACA,gCACA,aACA,mBACA,eACA,kDAGF,aAEE,kBACA,yBAGF,kBACE,aACA,2BAGF,aXplHwB,eWslHtB,cACA,gBACA,mBACA,kDAIA,kBACE,oDAIA,SEtmHF,sBACA,WACA,SACA,gBACA,oBACA,mBbRW,cAOW,eaItB,SACA,+EFgmHI,aACE,CEjmHN,qEFgmHI,aACE,CEjmHN,yEFgmHI,aACE,CEjmHN,gEFgmHI,aACE,sEAGF,QACE,yLAGF,mBAGE,0DAGF,kBACE,qCAGF,mDArBF,cAsBI,yDAIJ,aX9mHoB,iBWgnHlB,eACA,4DAGF,gBACE,wDAGF,kBACE,gEAEA,cACE,iNAEA,kBAGE,cACA,gHAKN,aXrpHoB,0HW0pHpB,cAEE,gBACA,cX/oHkB,kZWkpHlB,aAGE,gEAIJ,wBACE,iDAGF,eX3rHI,kBa0BN,CAEA,eACA,cbbsB,uCaetB,UF8pHI,mBX5qHoB,oDagBxB,wBACE,cblBoB,eaoBpB,gBACA,mBACA,oDAGF,aACE,oDAGF,kBACE,oDAGF,eACE,cbzCS,sDWwrHT,WACE,mDAGF,aX5rHS,kBW8rHP,eACA,8HAEA,kBAEE,iCAON,kBACE,mBAIJ,UXxtHQ,kBW0tHN,cACA,mBACA,sBX7tHM,yBW+tHN,eACA,gBACA,YACA,kBACA,WACA,yBAEA,SACE,iBAIJ,aACE,iBACA,wBAGF,aX/tHwB,qBWiuHtB,mBACA,gBACA,sBACA,6EAGF,aXztHwB,mBArBX,kBWmvHX,aACA,eACA,gBACA,eACA,aACA,cACA,mBACA,uBACA,yBAEA,4EAfF,cAgBI,6FAGF,eACE,mFAGF,aX5vHwB,qBW8vHtB,qGAEA,yBACE,uCAKN,kBACE,aACA,eAGF,qBACE,8BAGF,GACE,kBACE,2CACA,CADA,kCACA,KAGF,oBACE,0CACA,CADA,iCACA,KAGF,oBACE,2CACA,CADA,kCACA,KAGF,oBACE,0CACA,CADA,iCACA,KAGF,kBACE,2CACA,CADA,kCACA,EA1BF,qBAGF,GACE,kBACE,2CACA,CADA,kCACA,KAGF,oBACE,0CACA,CADA,iCACA,KAGF,oBACE,2CACA,CADA,kCACA,KAGF,oBACE,0CACA,CADA,iCACA,KAGF,kBACE,2CACA,CADA,kCACA,mCAIJ,8BACE,2DACA,CADA,kDACA,iCAGF,MACE,sBAEE,0BACA,KAGF,sBACE,aAGF,uBAGE,aAGF,sBAGE,KAGF,uBACE,KAGF,sBACE,EA/BF,wBAGF,MACE,sBAEE,0BACA,KAGF,sBACE,aAGF,uBAGE,aAGF,sBAGE,KAGF,uBACE,KAGF,sBACE,kCAIJ,yBACE,8EACA,CADA,qEACA,8BAGF,eXt2HQ,kBWw2HN,sCACA,kBACA,eACA,UACA,iDAEA,2BACE,2DAGF,UACE,mCAIJ,iBACE,SACA,WACA,eACA,yCAGF,iBACE,UACA,SACA,UACA,gBXl4HM,kBWo4HN,sCACA,gBACA,gDAEA,aACE,eACA,SACA,gBACA,uBACA,iKAEA,+BAGE,2DAIJ,WACE,wBAKF,2BACE,cAIJ,kBACE,0BACA,aACA,YACA,uBACA,OACA,UACA,kBACA,MACA,kBACA,WACA,aACA,gBAEA,mBACE,oBAIJ,WACE,aACA,aACA,sBACA,kBACA,YACA,0BAGF,iBACE,MACA,QACA,SACA,OACA,WACA,kBACA,mBX37HW,kCW67HX,uBAGF,MACE,aACA,mBACA,uBACA,cX57HwB,eW87HxB,gBACA,0BACA,kBACA,kBAGF,YACE,cXx7HsB,gBW07HtB,aACA,sBAEA,cACE,kBACA,uBAGF,cACE,yBACA,gBACA,cACA,0BAIJ,aACE,4BAGF,UACE,WACA,kBACA,mBXj9HsB,kBWm9HtB,eACA,2BAGF,iBACE,OACA,MACA,WACA,mBXv+HwB,kBWy+HxB,eAGF,aACE,wBACA,UACA,eACA,0CAEA,mBAEE,mBAGF,8BACE,CADF,sBACE,WACA,cACA,SACA,WACA,YACA,CAQE,6GAKN,SACE,oBACA,CADA,WACA,6BAGF,iBACE,gBXliIM,uCWoiIN,kBACA,iBACA,gBACA,iCAEA,yBACE,oCAGF,sBACE,2BAIJ,aXziIa,aW2iIX,eACA,aACA,kEAEA,kBXtiIwB,WAlBlB,UW4jIJ,CX5jII,4RWikIF,UXjkIE,wCWukIN,kBACE,iCAIJ,YACE,mBACA,uBACA,kBACA,oCAGF,aACE,cXtjIsB,2CWyjItB,eACE,cACA,cXhlIS,CWqlIL,wQADF,eACE,mDAON,eXrmIM,0BWumIJ,qCACA,gEAEA,eACE,0DAGF,kBX5lIsB,uEW+lIpB,UXjnIE,uDWunIN,yBACE,sDAGF,aACE,sCACA,SAIJ,iBACE,gBAGF,SEznIE,sBACA,WACA,SACA,gBACA,oBACA,mBbRW,cAOW,eaItB,SACA,cFmnIA,CACA,2BACA,iBACA,eACA,2CAEA,aACE,CAHF,iCAEA,aACE,CAHF,qCAEA,aACE,CAHF,4BAEA,aACE,kCAGF,QACE,6EAGF,mBAGE,sBAGF,kBACE,qCAGF,eA3BF,cA4BI,kCAKF,QACE,qDAGF,mBAEE,mBAGF,iBACE,SACA,WACA,UACA,qBACA,UACA,0BACA,sCACA,eACA,WACA,YACA,cXzqIsB,eW2qItB,oBACA,0BAEA,mBACE,WACA,0BAIJ,uBACE,iCAEA,mBACE,uBACA,gCAIJ,QACE,uBACA,cXlrIoB,eWorIpB,uCAEA,uBACE,sCAGF,aACE,yBAKN,aXhsIwB,mBWksItB,aACA,gBACA,eACA,eACA,6BAEA,oBACE,iBACA,0BAIJ,iBACE,6BAEA,kBACE,gCACA,eACA,aACA,aACA,gBACA,eACA,cXxtIoB,iCW2tIpB,oBACE,iBACA,8FAIJ,eAEE,0BAIJ,aACE,aACA,cXtvIwB,qBWwvIxB,+FAEA,aAGE,0BACA,uBAIJ,YACE,cXpwIsB,kBWswItB,aAGF,iBACE,8BACA,oBACA,aACA,sBAGF,cACE,MACA,OACA,QACA,SACA,0BACA,wBAGF,cACE,MACA,OACA,WACA,YACA,aACA,sBACA,mBACA,uBACA,2BACA,aACA,oBACA,yBACA,CADA,qBACA,CADA,oBACA,CADA,gBACA,oBAGF,mBACE,aACA,aACA,yBAGF,eACE,iBACA,yBAGF,UACE,cAGF,UACE,YACA,kBACA,qCAEA,UACE,YACA,aACA,mBACA,uBACA,2CAEA,cXjyI0B,eAEC,CW2yI7B,8CALF,iBACE,MACA,OACA,QACA,SAYA,CAXA,yBAQA,mBACA,8BACA,oBACA,4BAEA,mBACE,0DAGF,SACE,4DAEA,mBACE,mBAKN,yBACE,sBACA,SACA,WX73IM,eW+3IN,aACA,mBACA,eACA,cACA,cACA,kBACA,kBACA,MACA,SACA,yBAGF,MACE,0BAGF,OACE,CASA,4CANF,UACE,kBACA,kBACA,OACA,YACA,oBAUA,6BAEA,WACE,sBAGF,mBACE,qBACA,gBACA,cX15IsB,mFW65ItB,yBAGE,wBAKN,oBACE,sBAGF,qBX17IQ,YW47IN,WACA,kBACA,YACA,UACA,SACA,YACA,8BAGF,wBXn7I0B,qBWu7I1B,iBACE,UACA,QACA,YACA,6CAGF,kBX/7I0B,cARb,kBW48IX,gBACA,aACA,sBACA,oBAGF,WACE,WACA,gBACA,iBACA,kBACA,wBAEA,iBACE,MACA,OACA,WACA,YACA,sBACA,aACA,aACA,CAGA,YACA,UACA,yBACA,CADA,qBACA,CADA,oBACA,CADA,gBACA,2CANA,qBACA,mBACA,uBAaF,CATE,mBAIJ,YACE,CAGA,iBACA,mDAGF,aAEE,mBACA,aACA,aACA,2DAEA,cACE,uLAGF,aXz+IsB,SW4+IpB,eACA,gBACA,kBACA,oBACA,YACA,aACA,kBACA,6BACA,+mBAEA,aAGE,yBACA,qiBAGF,aXlhJS,qwDWshJP,aAGE,sBAMR,sBACE,eAGF,iBACE,eACA,mBACA,sBAEA,eACE,cXziJS,kBW2iJT,yBACA,eACA,qBAGF,kBXhjJW,cAQa,gBW2iJtB,aACA,kBACA,kBAIJ,oBACE,eACA,gBACA,iBACA,wFAGF,kBAME,cXtkJW,kBWwkJX,gBACA,eACA,YACA,kBACA,sBACA,4NAEA,aACE,eACA,mBACA,wLAGF,WACE,UACA,kBACA,SACA,WACA,kRAGF,aACE,wBAKF,eX5mJM,CAiBkB,gBW8lJtB,oBACA,iEXhnJI,2BAiBkB,yBWumJ1B,iBACE,aACA,iCAEA,wBACE,CADF,qBACE,CADF,oBACE,CADF,gBACE,gBACA,2GAIJ,YAIE,8BACA,mBXtnJwB,aWwnJxB,iBACA,2HAEA,aACE,iBACA,cXhnJoB,mBWknJpB,2IAGF,aACE,6BAIJ,cACE,2BAGF,WACE,eACA,0BAGF,gBAEE,sDAGF,qBAEE,eAGF,UACE,gBACA,0BAGF,YACE,6BACA,qCAEA,yBAJF,cAKI,gBACA,iDAIJ,qBAEE,UACA,qCAEA,+CALF,UAMI,sDAIJ,aAEE,gBACA,gBACA,gBACA,kBACA,2FAEA,aX1rJwB,iLW8rJxB,aXvsJW,qCW4sJX,oDAjBF,eAkBI,sCAKF,4BADF,eAEI,yBAIJ,YACE,+BACA,gBACA,0BAEA,cACE,iBACA,mBACA,sCAGF,aACE,sBACA,WACA,CACA,aXtuJS,gBATL,aWkvJJ,oBACA,eACA,YACA,CACA,SACA,kBACA,yBACA,iBACA,gBACA,gBACA,4CAEA,wBACE,+CAGF,eXlwJI,yBWowJF,mBACA,kBACA,6DAEA,QACE,gBACA,gBACA,mEAEA,QACE,0DAIJ,aXzwJO,oBW2wJL,eACA,gBXrxJA,+CW0xJJ,YACE,8BACA,mBACA,4CAIJ,aACE,cXzxJS,eW2xJT,gBACA,mBACA,wCAGF,eACE,mBACA,+CAEA,aXpyJS,eWsyJP,qCAIJ,uBAnFF,YAoFI,eACA,QACA,wCAEA,iBACE,iBAKN,eACE,eACA,wBAEA,eACE,iBACA,2CAGF,eACE,mBAGF,eACE,cACA,gBACA,+BAEA,4BACE,4BAGF,QACE,oCAIA,aXh1JO,aWk1JL,kBACA,eACA,mBACA,qBACA,8EAEA,eAEE,yWAOA,kBXx1JgB,WAlBlB,uDWi3JA,iBACE,oMAUR,aACE,iIAIJ,4BAIE,cXv2JsB,eWy2JtB,gBACA,6cAEA,aAGE,6BACA,qGAIJ,YAIE,eACA,iIAEA,eACE,CAII,w1BADF,eACE,sDAMR,iBAEE,oDAKA,eACE,0DAGF,eACE,mBACA,aACA,mBACA,wEAEA,aX56JS,CW86JP,gBACA,uBAKN,YACE,2CAEA,QACE,WACA,cAIJ,wBXp7J0B,WWs7JxB,kBACA,MACA,OACA,aACA,6BAGF,aACE,kBACA,WXj9JM,0BWm9JN,WACA,SACA,gBACA,kBACA,eACA,gBACA,UACA,oBACA,WACA,4BACA,iBACA,wDAKE,SACE,uBAKN,eACE,6BAEA,UACE,kBAIJ,YACE,eACA,yBACA,kBACA,gBACA,gBACA,wBAEA,aACE,cX59JoB,iBW89JpB,eACA,+BACA,aACA,sBACA,mBACA,uBACA,eACA,4BAEA,aACE,wBAIJ,eACE,CACA,qBACA,aACA,sBACA,uBACA,2BAEA,aACE,cACA,0BAGF,oBACE,cX1/JkB,gBW4/JlB,gCAEA,yBACE,0BAKN,QACE,eACA,iDAEA,SACE,cACA,8BAGF,aX7gKoB,gBWqhKtB,cACA,CACA,iBACA,CACA,UACA,qCANF,qBACE,CACA,eACA,CACA,iBAYA,CAVA,qBAGF,QACE,CACA,aACA,WACA,CACA,iBAEA,qEAGE,cACE,MACA,gCAKN,cACE,cACA,qBACA,cX9jKwB,kBWgkKxB,UACA,mEAEA,WAEE,WACA,CAIA,2DADF,mBACE,CADF,8BACE,CADF,gBX3lKM,CW4lKJ,wBAIJ,UACE,YACA,CACA,iBACA,MACA,OACA,UACA,gBXvmKM,iCW0mKN,YACE,sBAIJ,WACE,gBACA,kBACA,WACA,qCAGF,cACE,YACA,oBACA,CADA,8BACA,CADA,gBACA,kBACA,QACA,2BACA,WACA,UACA,sCAGF,0BACE,2BACA,gBACA,kBACA,qKAMA,WAEE,mFAGF,WACE,eAKJ,qBACE,kBACA,mBACA,kBACA,oBACA,cACA,wBAEA,eACE,YACA,yBAGF,cACE,kBACA,gBACA,gCAEA,UACE,cACA,kBACA,6BACA,WACA,SACA,OACA,oBACA,qCAIJ,qCACE,iCAGF,wBACE,uCAIA,mBACA,mBACA,6BACA,0BACA,eAIJ,eACE,kBACA,gBXvsKM,eWysKN,kBACA,sBACA,cACA,wBAEA,eACE,sBACA,qBAGF,SACE,qBAGF,eACE,gBACA,UACA,0BAGF,oBACE,sBACA,SACA,gCAEA,wBACE,0BACA,qBACA,sBACA,UACA,4BAKF,qBACE,CADF,gCACE,CADF,kBACE,kBACA,QACA,2BACA,yBAIJ,iBACE,UACA,SACA,OACA,QACA,sBACA,iFACA,eACA,UACA,4BACA,gCAEA,SACE,6EAKF,iBAEE,wBAIJ,YACE,kBACA,MACA,OACA,WACA,YACA,UACA,SACA,gBXpxKI,cAiBgB,gBWswKpB,oBACA,+BAEA,aACE,oBACA,8GAEA,aAGE,+BAIJ,aACE,eACA,kCAGF,aACE,eACA,gBACA,4BAIJ,YACE,8BACA,oBACA,0DAEA,aACE,wBAIJ,cACE,mBACA,gBACA,uBACA,oCAGE,cACE,qCAKF,eACE,+BAIJ,sBACE,iBACA,eACA,SACA,0BACA,8GAEA,UXn1KE,+EW21KN,cAGE,gBACA,6BAGF,UXl2KM,iBWo2KJ,yBAGF,oBACE,aACA,mDAGF,UX52KM,uBWi3KN,cACE,YACA,eACA,8BAEA,UACE,WACA,+BAOA,6DANA,iBACA,cACA,kBACA,WACA,UACA,YAWA,CAVA,+BASA,kBACA,+BAGF,iBACE,UACA,kBACA,WACA,YACA,YACA,UACA,4BACA,mBACA,sCACA,oBACA,qBAIJ,gBACE,uBAEA,oBACE,eACA,gBACA,WXj6KE,sFWo6KF,yBAGE,qBAKN,cACE,YACA,kBACA,4BAEA,UACE,WACA,+BACA,kBACA,cACA,kBACA,WACA,SACA,2DAGF,aAEE,kBACA,WACA,kBACA,SACA,mBACA,6BAGF,6BACE,6BAGF,iBACE,UACA,UACA,kBACA,WACA,YACA,QACA,iBACA,4BACA,mBACA,sCACA,oBACA,CAGE,yFAKF,SACE,6GAQF,gBACE,oBACA,kBAON,UACE,cACA,+BACA,0BAEA,UACE,qCAGF,iBATF,QAUI,mBAIJ,qBACE,mBACA,uBAEA,YACE,kBACA,gBACA,gBACA,2BAEA,aACE,WACA,YACA,SACA,oBACA,CADA,8BACA,CADA,gBACA,uBAIJ,YACE,mBACA,mBACA,aACA,6BAEA,aACE,aACA,mBACA,qBACA,gBACA,qCAGF,UACE,eACA,cACA,+BAGF,aACE,WACA,YACA,gBACA,mCAEA,UACE,YACA,cACA,SACA,kBACA,mBACA,oBACA,CADA,8BACA,CADA,gBACA,qCAIJ,gBACE,gBACA,4CAEA,cACE,WX3jLF,gBW6jLE,gBACA,uBACA,0CAGF,aACE,eACA,cXpjLc,gBWsjLd,gBACA,uBACA,yBAKN,kBXpkLS,aWskLP,mBACA,uBACA,gDAEA,YACE,cACA,eACA,mDAGF,qBACE,kBACA,gCACA,WACA,gBACA,mBACA,gBACA,uBACA,qDAEA,YACE,iEAEA,cACE,sDAIJ,YACE,6BAOV,YACE,eACA,gBACA,wBAGF,QACE,sBACA,cACA,kBACA,kBACA,gBACA,WACA,+BAEA,iBACE,QACA,SACA,+BACA,eACA,sDAIJ,kBAEE,gCACA,eACA,aACA,cACA,oEAEA,kBACE,SACA,SACA,6HAGF,aAEE,cACA,cX5oLoB,eW8oLpB,eACA,gBACA,kBACA,qBACA,kBACA,WACA,mBACA,yJAEA,aXtpLsB,qWWypLpB,aAEE,WACA,kBACA,SACA,SACA,QACA,SACA,2BACA,CAEA,4CACA,CADA,kBACA,CADA,wBACA,iLAGF,WACE,6CACA,8GAKN,kBACE,gCACA,qSAKI,YACE,iSAGF,4CACE,cAOV,kBX1sLa,sBW6sLX,iBACE,4BAGF,aACE,eAIJ,cACE,kBACA,qBACA,cACA,iBACA,eACA,mBACA,gBACA,uBACA,eACA,oEAEA,YAEE,sBAGF,oBACE,kBACA,yBACA,sBACA,WACA,YACA,cACA,kBACA,SACA,kBACA,sBACA,8BAEA,oBACE,mBACA,2BAKN,eACE,gBAGF,eXxwLQ,kBa0BN,CACA,sBACA,gBACA,cbbsB,uCaetB,mBAEA,wBACE,cblBoB,eaoBpB,gBACA,mBACA,mBAGF,aACE,mBAGF,kBACE,mBAGF,eACE,cbzCS,UWmwLb,iBACE,cAEA,WACE,WACA,sCACA,CADA,6BACA,cAGF,cACE,iBACA,cXtwLsB,gBWwwLtB,gBAEA,aXzwLsB,0BW2wLpB,sBAEA,oBACE,4BAMR,GACE,cACA,eACA,WATM,mBAMR,GACE,cACA,eACA,qEAGF,kBAIE,sBAEE,8BACA,iBAGF,0BACE,kCACA,+BAIA,qDACE,uEACA,+CAGF,sBACE,8BACA,6DAIA,6BACE,6CACA,4EAIF,6BACE,6CACA,+CAOJ,gBAEE,+BAGF,gBACE,6CAEA,0BACE,wDAGF,eACE,6DAGF,iBACE,iBACA,2EAIA,mBACE,UACA,gCACA,WACA,0FAGF,mBACE,UACA,oCACA,eAOV,UACE,eACA,gBACA,iBAEA,YACE,gBACA,eACA,kBACA,sCAGF,YACE,4CAEA,kBACE,yDAGF,SACE,sBACA,cACA,WACA,SACA,aACA,gDACA,mBX94LO,WATL,eW05LF,CACA,eACA,kBACA,2EAEA,QACE,wMAGF,mBAGE,+DAGF,kBACE,qCAGF,wDA7BF,cA8BI,4DAIJ,WACE,eACA,gBACA,SACA,kBACA,sBAMJ,sBACA,mBACA,6BACA,gCACA,+BAEA,iBACE,iBACA,cXv6LoB,CW06LpB,eACA,eACA,oCAEA,aACE,gBACA,uBACA,oCAIJ,UACE,kBACA,uDAGF,iBACE,qDAGF,eACE,qBAKF,wBACA,aACA,2BACA,mBACA,mBACA,2BAEA,aACE,iCAEA,UACE,uCAEA,SACE,kCAKN,aACE,cACA,mBAIJ,cACE,kBACA,MACA,OACA,WACA,YACA,0BACA,cAGF,kBX5/La,sBW8/LX,kBACA,uCACA,YACA,gBACA,qCAEA,aARF,SASI,kBAGF,cACE,mBACA,gBACA,eACA,kBACA,0BACA,6BAGF,WACE,6BAGF,yBACE,sCAEA,uBACE,uCACA,wBACA,wBAIJ,eACE,kDAIA,oBACE,+BAIJ,cACE,sBAGF,eACE,aAIJ,kBXljMa,sBWojMX,kBACA,uCACA,YACA,gBACA,qCAEA,YARF,SASI,uBAGF,kBACE,oBAGF,kBACE,YACA,0BACA,gBACA,mBAGF,YACE,gCACA,4BAGF,YACE,iCAGF,aACE,gBACA,qBACA,eACA,aACA,cAIJ,iBACE,YACA,gBACA,YACA,aACA,uBACA,mBACA,gBX5mMM,yDW+mMN,aAGE,gBACA,WACA,YACA,SACA,sBACA,CADA,gCACA,CADA,kBACA,gBXvnMI,uBW2nMN,iBACE,YACA,aACA,+BACA,iEACA,kBACA,wCACA,uBAGF,iBACE,WACA,YACA,MACA,OACA,uBAGF,iBACE,YACA,WACA,UACA,YACA,4BACA,6BAEA,UACE,8BAGF,UXxpMI,eW0pMF,gBACA,cACA,kBACA,2BAGF,iBACE,mCACA,qCAIJ,oCACE,eAEE,uBAGF,YACE,4BAKN,aXlqMwB,eWoqMtB,gBACA,gBACA,kBACA,qBACA,6BAEA,kBACE,wCAEA,eACE,6BAIJ,aACE,0BACA,mCAEA,oBACE,kBAKN,eACE,2BAEA,UACE,8FAEA,8BAEE,CAFF,sBAEE,wBAIJ,iBACE,SACA,UACA,yBAGF,eACE,aACA,kBACA,mBACA,6BAEA,mBACE,CADF,8BACE,CADF,gBACE,cACA,WACA,YACA,SACA,uBAIJ,iBACE,mBACA,YACA,gCACA,+BAEA,aACE,cACA,WACA,iBACA,gDAEA,kBACE,yBACA,wBAKN,YACE,uBACA,gBACA,iBACA,iCAEA,YACE,mBACA,iBACA,gBACA,8CAEA,wBACE,kBACA,uBACA,YACA,yCAGF,YACE,8BAIJ,WACE,4CAEA,kBACE,wCAGF,UACE,YACA,iCAGF,cACE,iBACA,WXtyMA,gBWwyMA,gBACA,mBACA,uBACA,uCAEA,aACE,eACA,cX/xMc,gBWiyMd,gBACA,uBACA,gCAKN,aACE,uBAIJ,eACE,cACA,iDAGE,qBACA,WXn0ME,gDWu0MJ,QACE,6BACA,kDAEA,aACE,yEAGF,uBACE,4DAGF,aXl1MU,yBWw1Md,cACE,gCAEA,cACE,cX70MkB,eW+0MlB,kCAEA,oBACE,cXl1MgB,qBWo1MhB,iBACA,gBACA,yCAEA,eACE,WXz2MF,iBWk3MN,aXp1MsB,mBWs1MpB,gCACA,gBACA,aACA,eACA,eACA,qBAEA,oBACE,iBACA,eAIJ,YACE,mBACA,aACA,gCACA,0BAEA,eACE,qBAGF,aACE,cX92MkB,gBWg3MlB,uBACA,mBACA,4BAEA,eACE,uBAGF,aXt4MkB,qBWw4MhB,eACA,gBACA,cACA,gBACA,uBACA,mBACA,qGAKE,yBACE,wBAMR,aACE,eACA,iBACA,gBACA,iBACA,mBACA,gBACA,cXh6MoB,0BWo6MtB,aACE,WACA,2CAEA,oCACE,yBACA,0CAGF,wBACE,eAMR,YACE,gCACA,CACA,iBACA,qBAEA,kBACE,UACA,uBAGF,aACE,CACA,sBACA,kBACA,eACA,uBAGF,oBACE,mBXv8MsB,kBWy8MtB,cACA,eACA,wBACA,wBAGF,aACE,CACA,0BACA,gBACA,8BAEA,eACE,aACA,2BACA,8BACA,uCAGF,cACE,cX/9MkB,kBWi+MlB,+BAGF,aXp+MoB,eWs+MlB,mBACA,gBACA,uBACA,kBACA,gBACA,YACA,iCAEA,UX9/ME,qBWggNA,oHAEA,yBAGE,0BAKN,qBACE,uBAIJ,kBACE,6BAEA,kBACE,oDAGF,eACE,6DAGF,UX1hNI,gBWgiNR,kBACE,eACA,aACA,qBACA,0BAEA,WACE,cACA,qCAEA,yBAJF,YAKI,4BAIJ,wBACE,cACA,kBACA,qCAEA,0BALF,UAMI,uBAIJ,qBACE,WACA,aACA,kBACA,eACA,iBACA,qBACA,gBACA,gBACA,gBACA,aACA,sBACA,6BAEA,aACE,gBACA,mBACA,mBACA,8BAGF,iBACE,SACA,WACA,cACA,mBXhkNoB,kBWkkNpB,cACA,eACA,4BAIJ,YACE,cX3kNoB,kBW6kNpB,WACA,QACA,mDAIJ,YACE,oDAGF,UACE,gBAGF,YACE,eACA,mBACA,gBACA,iBACA,wBACA,sBAEA,aACE,mBACA,SACA,kBACA,WACA,eACA,yBACA,CADA,qBACA,CADA,oBACA,CADA,gBACA,cACA,aACA,mBACA,2BACA,2CACA,6BAEA,aACE,aACA,WACA,YACA,iCAEA,aACE,SACA,WACA,YACA,eACA,gBACA,sBACA,sBACA,CADA,gCACA,CADA,kBACA,6BAIJ,aACE,cACA,eACA,gBACA,kBACA,gBACA,cXzoNkB,mFW6oNpB,kBAGE,4BACA,2CACA,wGAEA,aACE,6BAIJ,0BACE,2CACA,yBACA,yDAEA,aACE,uCAKN,UACE,oCAGF,WACE,8BAGF,aX5qNsB,SW8qNpB,eACA,WACA,cACA,cACA,YACA,aACA,mBACA,WACA,2BACA,2CACA,2GAEA,SAGE,cACA,4BACA,2CACA,qCAKF,SACE,OGxtNN,eACE,eACA,UAEA,kBACE,kBACA,cAGF,iBACE,cACA,mBACA,WACA,aACA,sBAEA,kBdIsB,ecCxB,iBACE,aACA,cACA,iBACA,eACA,gBACA,qBAEA,oBACE,qBACA,yBACA,4BACA,oEAGF,YAEE,kCAGF,aACE,gCAGF,aACE,sBACA,WACA,eACA,cdtCO,UcwCP,oBACA,gBdlDE,yBcoDF,kBACA,iBACA,sCAEA,oBdtCoB,0Bc2CtB,cACE,wBAGF,YACE,mBACA,iBACA,cAIJ,oBACE,kBACA,yBACA,sBACA,WACA,YACA,cACA,kBACA,SACA,kBACA,sBACA,gBACA,mBACA,cACA,uBAEA,iBACE,qBAGF,oBd3FY,8EcgGZ,oBAGE,iBACA,gCAGF,mBACE,SACA,wCAGF,mBAEE,eAIJ,oBACE,WACA,gBACA,cACA,cAGF,aACE,qBACA,oBAEA,cACE,eAIJ,eACE,mBACA,cdvGoB,ac2GtB,cACE,uBACA,UACA,SACA,SACA,cdhHoB,0BckHpB,kBACA,mBAEA,oBACE,sCAGF,mCAEE,eAIJ,WACE,eACA,kBACA,eACA,6BAIJ,4BACE,gCAEA,YACE,2CAGF,4BACE,aACA,aACA,mBACA,mGAEA,YAEE,+GAEA,oBdpKoB,sDc0KxB,cACE,gBACA,iBACA,YACA,oBACA,cdnKoB,sCcsKpB,gCAGF,YACE,mBACA,8CAEA,aACE,wBACA,iBACA,oCAIJ,uBACE,CADF,oBACE,CADF,eACE,sBACA,eACA,cd5MS,qBc8MT,WACA,UACA,oBACA,qXACA,yBACA,kBACA,CACA,yBACA,mDAGF,aACE,cAIJ,adzMwB,qBc4MtB,+BACE,6BAEA,+BACE,eChPN,k1BACE,aACA,sBACA,aACA,UACA,yBAGF,YACE,OACA,sBACA,yBACA,2BAEA,MACE,iBACA,qCAIJ,gBACE,YACE,cCtBJ,cACE,qBACA,chBSW,2BgBNX,qBAEE,iBACA,+BAGF,WACE,iBAIJ,sBACE,6BAEA,uBACE,2BACA,4BACA,mBhBHsB,4BgBOxB,oBACE,8BACA,+BACA,aACA,qBAIJ,YACE,8BACA,cACA,chBLsB,cgBOtB,oBAGF,iBACE,OACA,kBACA,iBACA,gBACA,8BACA,eACA,0BAEA,aACE,6BAIJ,ahBpC0B,mCgBuCxB,aACE,oDAGF,WACE,wBAIJ,iBACE,YACA,OACA,WACA,WACA,yBhBrDwB,uBgB0DxB,oBACE,WACA,eACA,yBAGF,iBACE,gBACA,oBAIJ,iBACE,aACA,gBACA,kBACA,gBhB5FM,sBgB8FN,sGAEA,+BAEE,oBAKF,2BACA,gBhBxGM,0BgB2GN,cACE,gBACA,gBACA,oBACA,cACA,WACA,gCACA,chBzGS,yBgB2GT,kBACA,4CAEA,QACE,2GAGF,mBAGE,wCAKN,cACE,6CAEA,SACE,kBACA,kBACA,qDAGF,SACE,WACA,kBACA,MACA,OACA,WACA,YACA,sCACA,mBACA,4BAIJ,SACE,kBACA,wBACA,gBACA,MACA,iCAEA,aACE,WACA,gBACA,gBACA,gBhBpKI,mBgByKR,iBACE,qBACA,YACA,wBAEA,UACE,YACA,wBAIJ,cACE,kBACA,iBACA,chBvKsB,mDgB0KtB,YACE,qDAGF,eACE,uDAGF,YACE,qBAIJ,YACE,YCrMF,qBACE,iBANc,cAQd,kBACA,sCAEA,WANF,UAOI,eACA,mBAIJ,iDACE,eACA,gBACA,gBACA,qBACA,cjBJsB,oBiBOtB,ajBLwB,0BiBOtB,6EAEA,oBAGE,wCAIJ,ajBlBsB,oBiBuBtB,YACE,oBACA,+BAEA,eACE,yBAIJ,eACE,cjBhCsB,qBiBoCxB,iBACE,cjBrCsB,uBiByCxB,eACE,mBACA,kBACA,kBACA,yHAGF,4CAME,mBACA,oBACA,gBACA,cjBzDsB,qBiB6DxB,aACE,qBAGF,gBACE,qBAGF,eACE,qBAGF,gBACE,yCAGF,aAEE,qBAGF,eACE,qBAGF,kBACE,yCAMA,iBACA,iBACA,yDAEA,2BACE,yDAGF,2BACE,qBAIJ,UACE,SACA,SACA,gCACA,eACA,4BAEA,UACE,SACA,wBAIJ,UACE,yBACA,8BACA,CADA,iBACA,gBACA,mBACA,iEAEA,+BAEE,cACA,kBACA,gBACA,gBACA,cjBrIkB,iCiByIpB,uBACE,gBACA,gBACA,cjB9HkB,qDiBkIpB,WAEE,iBACA,kBACA,qBACA,mEAEA,SACE,kBACA,iFAEA,gBACE,kBACA,6EAGF,iBACE,SACA,UACA,mBACA,gBACA,uBACA,+BAMR,YACE,oBAIJ,kBACE,eACA,mCAEA,iBACE,oBACA,8BAGF,YACE,8BACA,eACA,6BAGF,UACE,kDACA,eACA,iBACA,WjBpNI,iBiBsNJ,kBACA,qEAEA,aAEE,6CAIA,ajB9MoB,oCiBmNtB,4CACE,gBACA,eACA,iBACA,qCAGF,4BA3BF,iBA4BI,4BAIJ,iBACE,YACA,sBACA,mBACA,CACA,sBACA,0BACA,QACA,aACA,yCAEA,4CACE,eACA,iBACA,gBACA,cjB/OkB,mBiBiPlB,mBACA,gCACA,uBACA,mBACA,gBACA,wFAEA,eAEE,cACA,2CAGF,oBACE,2BAKN,iBACE,mCAEA,UACE,YACA,CACA,kBACA,uCAEA,aACE,WACA,YACA,mBACA,iCAIJ,cACE,mCAEA,aACE,WjBzSA,qBiB2SA,uDAGE,yBACE,2CAKN,aACE,cjBrSgB,kCiB6StB,iDAEE,CACA,eACA,eACA,iBACA,mBACA,cjBpToB,sCiBuTpB,ajBrTsB,0BiBuTpB,kBAIJ,cACE,SACA,UACA,gBACA,uBACA,oBACA,kBACA,oBACA,cACA,kBAGF,4CACE,eACA,iBACA,gBACA,mBACA,cjB7UsB,wBiBgVtB,iDACE,cACA,eACA,gBACA,cACA,kBAIJ,4CACE,eACA,iBACA,gBACA,mBACA,cjB9VsB,kBiBmWtB,cjBnWsB,mCiBkWxB,4CACE,CACA,gBACA,gBACA,mBACA,cjBvWsB,kBiB4WtB,cjB5WsB,kBiBqXtB,cjBrXsB,mCiBoXxB,4CACE,CACA,gBACA,gBACA,mBACA,cjBzXsB,kBiB8XtB,cjB9XsB,mCiBsYxB,gBAEE,mDAEA,2BACE,mDAGF,2BACE,kBAIJ,eACE,kBAGF,kBACE,yCAGF,cAEE,kBAGF,UACE,SACA,SACA,2CACA,cACA,yBAEA,UACE,SACA,iDAIJ,YAEE,+BAGF,kBjB1bW,kBiB4bT,kBACA,gBACA,sBACA,oCAEA,UACE,aACA,2BACA,iBACA,8BACA,mBACA,uDAGF,YACE,yBACA,qBACA,mFAEA,aACE,eACA,qCAGF,sDAVF,UAWI,8BACA,6CAIJ,MACE,sBACA,qCAEA,2CAJF,YAKI,sBAKN,iBACE,yBAEA,WACE,WACA,uBACA,4BAIJ,iBACE,mBACA,uCAEA,eACE,mCAGF,eACE,cACA,qCAGF,eACE,UACA,mDAEA,kBACE,aACA,iBACA,0FAKE,oBACE,gFAIJ,cACE,qDAIJ,aACE,cACA,6CAGF,UACE,YACA,0BACA,mDAGF,cACE,4DAEA,cACE,qCAKN,oCACE,eACE,sCAIJ,2BA7DF,iBA8DI,mFAIJ,qBAGE,mBjBnjBS,kBiBqjBT,kCACA,uBAGF,YACE,kBACA,WACA,YACA,2BAEA,YACE,WACA,uCAKF,YACE,eACA,mBACA,mBACA,qCAGF,sCACE,kBACE,uCAIJ,ajB3kBsB,qCiB+kBtB,eACE,WjBjmBE,gBiBmmBF,2CAEA,ajBrlBkB,gDiBwlBhB,ajBvlBkB,+CiB6lBtB,eACE,qBAIJ,kBACE,yBAEA,aACE,SACA,eACA,YACA,kBACA,qCAIJ,gDAEI,kBACE,yCAGF,eACE,gBACA,WACA,kBACA,uDAEA,iBACE,sCAMR,8BACE,aACE,uCAEA,gBACE,sDAGF,kBACE,6EAIJ,aAEE,qBAIJ,WACE,UAIJ,mBACE,qCAEA,SAHF,eAII,kBAGF,YACE,uBACA,mBACA,aACA,qBAEA,SjBvrBI,YiByrBF,qCAGF,gBAXF,SAYI,mBACA,sBAIJ,eACE,uBACA,gBACA,gBACA,uBAGF,eACE,gBACA,0BAEA,YACE,yBACA,gBACA,eACA,cjBjsBkB,6BiBqsBpB,eACE,iBACA,+BAGF,kBjBjtBS,aiBmtBP,0BACA,aACA,uCAEA,YACE,gCAIJ,cACE,gBACA,uDAEA,YACE,mBACA,iDAGF,UACE,YACA,0BACA,gCAIJ,YACE,uCAEA,4CACE,eACA,gBACA,cACA,qCAGF,cACE,cjBhvBgB,uFiBsvBtB,eACE,cASA,CjBhwBoB,2CiB6vBpB,iBACA,CACA,kBACA,gBAGF,eACE,cACA,aACA,kDACA,cACA,qCAEA,eAPF,oCAQI,cACA,8BAEA,UACE,aACA,sBACA,0CAEA,OACE,cACA,2CAGF,YACE,mBACA,QACA,cACA,qCAIJ,UACE,2BAGF,eACE,sCAIJ,eAtCF,UAuCI,6BAEA,aACE,gBACA,gBACA,2GAEA,eAGE,uFAIJ,+BAGE,2BAGF,YACE,gCAEA,eACE,qEAEA,eAEE,gBACA,2CAGF,eACE,SAQZ,iBACE,qBACA,iBAGF,aACE,kBACA,aACA,UACA,YACA,cjB71BsB,qBiB+1BtB,eACA,qCAEA,gBAVF,eAWI,WACA,gBACA,cjBv1BoB,SkBhCxB,UACE,eACA,iBACA,yBACA,qBAEA,WAEE,iBACA,mBACA,6BACA,gBACA,mBACA,oBAGF,qBACE,gCACA,aACA,gBACA,oBAGF,eACE,qEAGF,kBlBhBW,UkBqBX,alBZwB,0BkBctB,gBAEA,oBACE,eAIJ,eACE,CAII,4HADF,eACE,+FAOF,sBAEE,yFAKF,YAEE,gCAMJ,kBlBzDS,6BkB2DP,gCACA,4CAEA,qBACE,8BACA,2CAGF,uBACE,+BACA,0BAKN,qBACE,gBAIJ,aACE,mBACA,MAGF,+CACE,0BAGF,sBACE,SACA,aACA,8CAGF,oBAEE,qBACA,iBACA,eACA,clB5FsB,gBkB8FtB,0DAEA,UlBhHM,wDkBoHN,eACE,iBACA,sEAGF,cACE,yCAKF,YAEE,yDAEA,qBACE,iBACA,eACA,gBACA,qEAEA,cACE,2EAGF,YACE,mBACA,uFAEA,YACE,qHAOJ,sBACA,cACA,uBAIJ,wBACE,mBlBvJS,sBkByJT,YACA,mBACA,gCAEA,gBACE,mBACA,oBAIJ,YACE,yBACA,aACA,mBlBtKS,gCkByKT,aACE,gBACA,mBAIJ,wBACE,aACA,mBACA,qCAEA,wCACE,4BACE,0BAIJ,kBACE,iCAGF,kBlB9LS,uCkBiMP,kBACE,4BAIJ,gBACE,oBACA,sCAEA,SACE,wCAGF,YACE,mBACA,mCAGF,aACE,aACA,uBACA,mBACA,kBACA,6CAEA,UACE,YACA,kCAIJ,aACE,mCAGF,aACE,iBACA,clB/NgB,gBkBiOhB,mCAIJ,QACE,WACA,qCAEA,sBACE,gBACA,qCAOJ,4FAFF,YAGI,gCAIJ,aACE,uCAEA,iBACE,sCAGF,eACE,4BAIJ,wBACE,aACA,gBACA,qCAEA,2BALF,4BAMI,sCAIJ,+CACE,YACE,iBC7RN,YACE,uBACA,WACA,iBACA,iCAEA,gBACE,gBACA,oBACA,cACA,wCAEA,YACE,yBACA,mBnBPO,YmBSP,yBAIJ,WAvBc,UAyBZ,oBACA,iCAEA,YACE,mBACA,YACA,uCAEA,aACE,yCAEA,oBACE,aACA,2CAGF,SnBxCA,YmB0CE,kBACA,YACA,uCAIJ,aACE,cnBjCgB,qBmBmChB,cACA,eACA,aACA,0HAIA,kBAGE,+BAKN,aACE,iBACA,YACA,aACA,qCAGF,sCACE,YACE,6BAIJ,eACE,0BACA,gBACA,mBACA,qCAEA,2BANF,eAOI,+BAGF,aACE,aACA,cnB3EgB,qBmB6EhB,0BACA,2CACA,0BACA,mBACA,gBACA,uBACA,mCAEA,gBACE,oCAGF,UnBzGA,yBmB2GE,0BACA,2CACA,uCAGF,kBACE,sBACA,+BAIJ,kBACE,wBACA,SACA,iCAEA,QACE,kBACA,6DAIJ,UnBjIE,yBAkBkB,gBmBkHlB,gBACA,mEAEA,wBACE,6DAKN,yBACE,iCAIJ,qBACE,WACA,gBApJY,cAsJZ,sCAGF,uCACE,YACE,iCAGF,WA/JY,cAiKV,sCAIJ,gCACE,UACE,0BAMF,2BACA,qCAEA,wBALF,cAMI,CACA,sBACA,kCAGF,YACE,oBAEA,gCACA,0BAEA,eAEA,mBACA,8BACA,mCAEA,eACE,kBACA,yCAGF,mBACE,4DAEA,eACE,qCAIJ,gCAzBF,eA0BI,iBACA,6BAIJ,anBnMsB,emBqMpB,iBACA,gBACA,qCAEA,2BANF,eAOI,6BAIJ,anB9MsB,emBgNpB,iBACA,gBACA,mBACA,4BAGF,wBACE,eACA,gBACA,cnB1NkB,mBmB4NlB,kBACA,gCACA,4BAGF,cACE,cnBjOoB,iBmBmOpB,gBACA,0CAGF,UnBxPI,gBmB0PF,uFAGF,eAEE,gEAGF,aACE,4CAGF,cACE,gBACA,WnBxQE,oBmB0QF,iBACA,gBACA,gBACA,2BAGF,cACE,iBACA,cnBjQoB,mBmBmQpB,kCAEA,UnBtRE,gBmBwRA,CAII,2NADF,eACE,4BAMR,UACE,SACA,SACA,2CACA,cACA,mCAEA,UACE,SACA,qCAKN,eA9SF,aA+SI,iCAEA,YACE,yBAGF,UACE,UACA,YACA,iCAEA,YACE,4BAGF,YACE,8DAGF,eAEE,gCACA,gBACA,0EAEA,eACE,+BAIJ,eACE,6DAGF,2BnBjUoB,YmBwU1B,UACE,SACA,cACA,WACA,sDAKA,anBnVsB,0DmBsVpB,anBpVsB,4DmByVxB,anB1Wc,gBmB4WZ,4DAGF,anB9WU,gBmBgXR,0DAGF,anBvVsB,gBmByVpB,0DAGF,anBtXU,gBmBwXR,UAIJ,YACE,eACA,yBAEA,aACE,qBACA,oCAEA,kBACE,4BAGF,cACE,gBACA,+BAEA,oBACE,iBACA,gCAIJ,eACE,yBACA,eACA,CAII,iNADF,eACE,6CAKN,aACE,mBACA,2BAGF,oBACE,cnBxZkB,qBmB0ZlB,yBACA,eACA,gBACA,gCACA,iCAEA,UnBhbE,gCmBkbA,oCAGF,anBnaoB,gCmBqalB,CAkBJ,gBAIJ,aACE,iBACA,eACA,sBAGF,aACE,eACA,cACA,wBAEA,aACE,kBAIJ,YACE,eACA,mBACA,wBAGF,YACE,WACA,sBACA,aACA,+BAEA,aACE,qBACA,gBACA,eACA,iBACA,cnB7dsB,CmBkelB,4MADF,eACE,sCAKN,aACE,gCAIJ,YAEE,mBACA,kEAEA,UACE,kBACA,4BACA,gFAEA,iBACE,kDAKN,aAEE,aACA,sBACA,4EAEA,cACE,WACA,kBACA,mBACA,uEAIJ,cAEE,iBAGF,YACE,eACA,kBACA,2CAEA,kBACE,eACA,8BAGF,kBACE,+CAGF,gBACE,uDAEA,gBACE,mBACA,YACA,YAKN,kBACE,eACA,cAEA,anB3iBwB,qBmB6iBtB,oBAEA,yBACE,SAKN,aACE,YAGF,gBACE,eACA,mBnBpkBW,gCmBskBX,uBAEA,eACE,oBAGF,YACE,2BACA,mBACA,cnBxkBoB,emB0kBpB,eACA,oBAGF,iBACE,4BAEA,aACE,SACA,kBACA,WACA,YACA,qBAIJ,2BACE,mBAGF,oBACE,uBAGF,anBplBsB,sDmBwlBtB,anBrmBwB,qBmBymBtB,gBACA,yDAIJ,oBAIE,cnBlnBwB,iGmBqnBxB,eACE,yIAIA,4BACE,cACA,iIAGF,8BACE,CADF,sBACE,WACA,sBAKN,YAEE,mBACA,sCAEA,aACE,CACA,gBACA,kBACA,0DAIA,8BACE,CADF,sBACE,WACA,gBAKN,kBACE,8BACA,yBAEA,yBnB9qBc,yBmBkrBd,yBACE,wBAGF,yBnBnrBU,wBmBwrBR,2BACA,eACA,iBACA,4BACA,kBACA,gBACA,0BAEA,anBprBoB,uBmB0rBpB,wBACA,qBAGF,anBhrBsB,cmBqrBxB,kBnB1sBa,kBmB4sBX,mBACA,uBAEA,YACE,8BACA,mBACA,aACA,gCAEA,SACE,SACA,gDAEA,aACE,8BAIJ,aACE,gBACA,cnBztBkB,yBmB2tBlB,iBACA,gCAEA,aACE,qBACA,iHAEA,aAGE,mCAIJ,anBvvBM,6BmB8vBR,YACE,2BACA,6BACA,mCAEA,kBACE,gFAGF,YAEE,cACA,sBACA,YACA,cnB9vBgB,mLmBiwBhB,kBAEE,gBACA,uBACA,sCAIJ,aACE,6BACA,4CAEA,anB/vBgB,iBmBiwBd,gBACA,wCAIJ,aACE,sBACA,WACA,aACA,qBACA,cnBzxBgB,WmBgyBxB,kBAGE,0BAFA,eACA,uBASA,CARA,eAGF,oBACE,gBACA,CAEA,qBACA,oBAGF,YACE,eACA,CACA,kBACA,wBAEA,qBACE,cACA,mBACA,aACA,0FAGF,kBAEE,kBACA,YACA,6CAGF,QACE,SACA,+CAEA,aACE,sEAGF,uBACE,yDAGF,anB71BY,8CmBk2Bd,qBACE,aACA,WnBr2BI,cmB02BR,iBACE,qBAGF,wBACE,kBACA,2BAEA,cACE,mBnB12BS,gCmB42BT,kCAEA,cACE,cACA,gBACA,eACA,gBACA,cnB32BoB,qBmB62BpB,mBACA,uHAEA,UnBj4BE,iCmBw4BJ,cACE,cnB32BkB,uCmB+2BpB,YACE,8BACA,mBACA,sCAGF,eACE,sBCt5BN,YACE,eACA,CACA,kBACA,0BAEA,qBACE,iBACA,cACA,mBACA,yDAEA,YAEE,mBACA,kBACA,sBACA,YACA,4BAGF,oBACE,cACA,cACA,qGAEA,kBAGE,sDAKN,iBAEE,gBACA,eACA,iBACA,WpBrCI,6CoBuCJ,mBACA,iBACA,4BAGF,cACE,6BAGF,cACE,cpBjCoB,kBoBmCpB,gBACA,qBAIJ,YACE,eACA,cACA,yBAEA,gBACE,mBACA,6BAEA,aACE,sCAIJ,apBrDwB,gBoBuDtB,qBACA,UC3EJ,aACE,gCAEA,gBACE,eACA,mBACA,+BAGF,cACE,iBACA,8CAGF,aACE,kBACA,wBAGF,gBACE,iCAGF,aACE,kBACA,uCAGF,oBACE,gDAGF,SACE,YACA,8BAGF,cACE,iBACA,mEAGF,aACE,kBACA,2DAGF,cAEE,gBACA,mFAGF,cACE,gBACA,mCAGF,aACE,iBACA,yBAGF,kBACE,kBACA,4BAGF,UACE,UACA,wBAGF,aACE,kCAGF,MACE,WACA,cACA,mBACA,2CAGF,aACE,iBACA,0CAGF,gBACE,eACA,mCAGF,WACE,sCAGF,gBACE,gBACA,yCAGF,UACE,iCAGF,aACE,iBACA,0BAGF,SACE,WACA,0DAGF,iBAEE,mBACA,4GAGF,iBAEE,gBACA,uCAGF,kBACE,eACA,2BAGF,aACE,kBACA,wCAGF,SACE,YACA,yDAGF,SACE,WACA,CAKA,oFAGF,UACE,OACA,uGAGF,UAEE,uCAIA,cACE,iBACA,kEAEA,cACE,gBACA,qCAKN,WACE,eACA,iBACA,uCAGF,WACE,sCAGF,aACE,kBACA,0CAGF,gBACE,eACA,uDAGF,gBACE,2CAGF,cACE,iBACA,YACA,yEAGF,aAEE,iBACA,iBAGF,wBACE,iBAGF,SACE,oBACA,yBAGF,aACE,8EAGF,cAEE,gBACA,oDAGF,cACE,mBACA,gEAGF,iBACE,gBACA,CAMA,8KAGF,SACE,QACA,yDAGF,kBACE,eACA,uDAGF,kBACE,gBACA,qDAGF,SACE,QACA,8FAGF,cAEE,mBACA,4CAGF,UACE,SACA,kDAEA,UACE,OACA,+DACA,8BAIJ,sXACE,uCAGF,gBAEE,kCAGF,cACE,iBACA,gDAGF,UACE,UACA,gEAGF,aACE,uDAGF,WACE,WACA,uDAGF,UACE,WACA,uDAGF,UACE,WACA,kDAGF,MACE,0CAGF,iBACE,yBACA,qDAGF,cACE,iBACA,qCAGF,kCACE,gBAEE,kBACA,2DAEA,gBACE,mBACA,uEAKF,gBAEE,kBACA,gFAKN,cAEE,gBACA,6CAKE,eACE,eACA,sDAIJ,aACE,kBACA,4DAKF,cACE,gBACA,8DAGF,gBACE,eACA,mCAIJ,aACE,kBACA,iBACA,kCAGF,WACE,mCAGF,WACE,oCAGF,cACE,gBACA,gFAGF,cACE,mBACA,+DAGF,SACE,QACA,kkEC7ZJ,kIACE,CADF,sIACE,qBACA,0D","file":"flavours/vanilla/common.css","sourcesContent":["html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:\"\";content:none}table{border-collapse:collapse;border-spacing:0}html{scrollbar-color:#192432 rgba(0,0,0,.1)}::-webkit-scrollbar{width:12px;height:12px}::-webkit-scrollbar-thumb{background:#192432;border:0px none #fff;border-radius:50px}::-webkit-scrollbar-thumb:hover{background:#1c2938}::-webkit-scrollbar-thumb:active{background:#192432}::-webkit-scrollbar-track{border:0px none #fff;border-radius:0;background:rgba(0,0,0,.1)}::-webkit-scrollbar-track:hover{background:#121a24}::-webkit-scrollbar-track:active{background:#121a24}::-webkit-scrollbar-corner{background:transparent}body{font-family:\"mastodon-font-sans-serif\",sans-serif;background:#06090c;font-size:13px;line-height:18px;font-weight:400;color:#fff;text-rendering:optimizelegibility;font-feature-settings:\"kern\";text-size-adjust:none;-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-tap-highlight-color:transparent}body.system-font{font-family:system-ui,-apple-system,BlinkMacSystemFont,\"Segoe UI\",\"Oxygen\",\"Ubuntu\",\"Cantarell\",\"Fira Sans\",\"Droid Sans\",\"Helvetica Neue\",\"mastodon-font-sans-serif\",sans-serif}body.app-body{padding:0}body.app-body.layout-single-column{height:auto;min-height:100vh;overflow-y:scroll}body.app-body.layout-multiple-columns{position:absolute;width:100%;height:100%}body.app-body.with-modals--active{overflow-y:hidden}body.lighter{background:#121a24}body.with-modals{overflow-x:hidden;overflow-y:scroll}body.with-modals--active{overflow-y:hidden}body.player{text-align:center}body.embed{background:#192432;margin:0;padding-bottom:0}body.embed .container{position:absolute;width:100%;height:100%;overflow:hidden}body.admin{background:#0b1016;padding:0}body.error{position:absolute;text-align:center;color:#9baec8;background:#121a24;width:100%;height:100%;padding:0;display:flex;justify-content:center;align-items:center}body.error .dialog{vertical-align:middle;margin:20px}body.error .dialog__illustration img{display:block;max-width:470px;width:100%;height:auto;margin-top:-120px}body.error .dialog h1{font-size:20px;line-height:28px;font-weight:400}button{font-family:inherit;cursor:pointer}button:focus{outline:none}.app-holder,.app-holder>div,.app-holder>noscript{display:flex;width:100%;align-items:center;justify-content:center;outline:0 !important}.app-holder>noscript{height:100vh}.layout-single-column .app-holder,.layout-single-column .app-holder>div{min-height:100vh}.layout-multiple-columns .app-holder,.layout-multiple-columns .app-holder>div{height:100%}.error-boundary,.app-holder noscript{flex-direction:column;font-size:16px;font-weight:400;line-height:1.7;color:#e25169;text-align:center}.error-boundary>div,.app-holder noscript>div{max-width:500px}.error-boundary p,.app-holder noscript p{margin-bottom:.85em}.error-boundary p:last-child,.app-holder noscript p:last-child{margin-bottom:0}.error-boundary a,.app-holder noscript a{color:#d8a070}.error-boundary a:hover,.error-boundary a:focus,.error-boundary a:active,.app-holder noscript a:hover,.app-holder noscript a:focus,.app-holder noscript a:active{text-decoration:none}.error-boundary__footer,.app-holder noscript__footer{color:#3e5a7c;font-size:13px}.error-boundary__footer a,.app-holder noscript__footer a{color:#3e5a7c}.error-boundary button,.app-holder noscript button{display:inline;border:0;background:transparent;color:#3e5a7c;font:inherit;padding:0;margin:0;line-height:inherit;cursor:pointer;outline:0;transition:color 300ms linear;text-decoration:underline}.error-boundary button:hover,.error-boundary button:focus,.error-boundary button:active,.app-holder noscript button:hover,.app-holder noscript button:focus,.app-holder noscript button:active{text-decoration:none}.error-boundary button.copied,.app-holder noscript button.copied{color:#79bd9a;transition:none}.container-alt{width:700px;margin:0 auto;margin-top:40px}@media screen and (max-width: 740px){.container-alt{width:100%;margin:0}}.logo-container{margin:100px auto 50px}@media screen and (max-width: 500px){.logo-container{margin:40px auto 0}}.logo-container h1{display:flex;justify-content:center;align-items:center}.logo-container h1 svg{fill:#fff;height:42px;margin-right:10px}.logo-container h1 a{display:flex;justify-content:center;align-items:center;color:#fff;text-decoration:none;outline:0;padding:12px 16px;line-height:32px;font-family:\"mastodon-font-display\",sans-serif;font-weight:500;font-size:14px}.compose-standalone .compose-form{width:400px;margin:0 auto;padding:20px 0;margin-top:40px;box-sizing:border-box}@media screen and (max-width: 400px){.compose-standalone .compose-form{width:100%;margin-top:0;padding:20px}}.account-header{width:400px;margin:0 auto;display:flex;font-size:13px;line-height:18px;box-sizing:border-box;padding:20px 0;padding-bottom:0;margin-bottom:-30px;margin-top:40px}@media screen and (max-width: 440px){.account-header{width:100%;margin:0;margin-bottom:10px;padding:20px;padding-bottom:0}}.account-header .avatar{width:40px;height:40px;margin-right:8px}.account-header .avatar img{width:100%;height:100%;display:block;margin:0;border-radius:4px}.account-header .name{flex:1 1 auto;color:#d9e1e8;width:calc(100% - 88px)}.account-header .name .username{display:block;font-weight:500;text-overflow:ellipsis;overflow:hidden}.account-header .logout-link{display:block;font-size:32px;line-height:40px;margin-left:8px}.grid-3{display:grid;grid-gap:10px;grid-template-columns:3fr 1fr;grid-auto-columns:25%;grid-auto-rows:max-content}.grid-3 .column-0{grid-column:1/3;grid-row:1}.grid-3 .column-1{grid-column:1;grid-row:2}.grid-3 .column-2{grid-column:2;grid-row:2}.grid-3 .column-3{grid-column:1/3;grid-row:3}@media screen and (max-width: 415px){.grid-3{grid-gap:0;grid-template-columns:minmax(0, 100%)}.grid-3 .column-0{grid-column:1}.grid-3 .column-1{grid-column:1;grid-row:3}.grid-3 .column-2{grid-column:1;grid-row:2}.grid-3 .column-3{grid-column:1;grid-row:4}}.grid-4{display:grid;grid-gap:10px;grid-template-columns:repeat(4, minmax(0, 1fr));grid-auto-columns:25%;grid-auto-rows:max-content}.grid-4 .column-0{grid-column:1/5;grid-row:1}.grid-4 .column-1{grid-column:1/4;grid-row:2}.grid-4 .column-2{grid-column:4;grid-row:2}.grid-4 .column-3{grid-column:2/5;grid-row:3}.grid-4 .column-4{grid-column:1;grid-row:3}.grid-4 .landing-page__call-to-action{min-height:100%}.grid-4 .flash-message{margin-bottom:10px}@media screen and (max-width: 738px){.grid-4{grid-template-columns:minmax(0, 50%) minmax(0, 50%)}.grid-4 .landing-page__call-to-action{padding:20px;display:flex;align-items:center;justify-content:center}.grid-4 .row__information-board{width:100%;justify-content:center;align-items:center}.grid-4 .row__mascot{display:none}}@media screen and (max-width: 415px){.grid-4{grid-gap:0;grid-template-columns:minmax(0, 100%)}.grid-4 .column-0{grid-column:1}.grid-4 .column-1{grid-column:1;grid-row:3}.grid-4 .column-2{grid-column:1;grid-row:2}.grid-4 .column-3{grid-column:1;grid-row:5}.grid-4 .column-4{grid-column:1;grid-row:4}}@media screen and (max-width: 415px){.public-layout{padding-top:48px}}.public-layout .container{max-width:960px}@media screen and (max-width: 415px){.public-layout .container{padding:0}}.public-layout .header{background:#202e3f;box-shadow:0 0 15px rgba(0,0,0,.2);border-radius:4px;height:48px;margin:10px 0;display:flex;align-items:stretch;justify-content:center;flex-wrap:nowrap;overflow:hidden}@media screen and (max-width: 415px){.public-layout .header{position:fixed;width:100%;top:0;left:0;margin:0;border-radius:0;box-shadow:none;z-index:110}}.public-layout .header>div{flex:1 1 33.3%;min-height:1px}.public-layout .header .nav-left{display:flex;align-items:stretch;justify-content:flex-start;flex-wrap:nowrap}.public-layout .header .nav-center{display:flex;align-items:stretch;justify-content:center;flex-wrap:nowrap}.public-layout .header .nav-right{display:flex;align-items:stretch;justify-content:flex-end;flex-wrap:nowrap}.public-layout .header .brand{display:block;padding:15px}.public-layout .header .brand svg{display:block;height:18px;width:auto;position:relative;bottom:-2px;fill:#fff}@media screen and (max-width: 415px){.public-layout .header .brand svg{height:20px}}.public-layout .header .brand:hover,.public-layout .header .brand:focus,.public-layout .header .brand:active{background:#26374d}.public-layout .header .nav-link{display:flex;align-items:center;padding:0 1rem;font-size:12px;font-weight:500;text-decoration:none;color:#9baec8;white-space:nowrap;text-align:center}.public-layout .header .nav-link:hover,.public-layout .header .nav-link:focus,.public-layout .header .nav-link:active{text-decoration:underline;color:#fff}@media screen and (max-width: 550px){.public-layout .header .nav-link.optional{display:none}}.public-layout .header .nav-button{background:#2d415a;margin:8px;margin-left:0;border-radius:4px}.public-layout .header .nav-button:hover,.public-layout .header .nav-button:focus,.public-layout .header .nav-button:active{text-decoration:none;background:#344b68}.public-layout .grid{display:grid;grid-gap:10px;grid-template-columns:minmax(300px, 3fr) minmax(298px, 1fr);grid-auto-columns:25%;grid-auto-rows:max-content}.public-layout .grid .column-0{grid-row:1;grid-column:1}.public-layout .grid .column-1{grid-row:1;grid-column:2}@media screen and (max-width: 600px){.public-layout .grid{grid-template-columns:100%;grid-gap:0}.public-layout .grid .column-1{display:none}}.public-layout .directory__card{border-radius:4px}@media screen and (max-width: 415px){.public-layout .directory__card{border-radius:0}}@media screen and (max-width: 415px){.public-layout .page-header{border-bottom:0}}.public-layout .public-account-header{overflow:hidden;margin-bottom:10px;box-shadow:0 0 15px rgba(0,0,0,.2)}.public-layout .public-account-header.inactive{opacity:.5}.public-layout .public-account-header.inactive .public-account-header__image,.public-layout .public-account-header.inactive .avatar{filter:grayscale(100%)}.public-layout .public-account-header.inactive .logo-button{background-color:#d9e1e8}.public-layout .public-account-header__image{border-radius:4px 4px 0 0;overflow:hidden;height:300px;position:relative;background:#000}.public-layout .public-account-header__image::after{content:\"\";display:block;position:absolute;width:100%;height:100%;box-shadow:inset 0 -1px 1px 1px rgba(0,0,0,.15);top:0;left:0}.public-layout .public-account-header__image img{object-fit:cover;display:block;width:100%;height:100%;margin:0;border-radius:4px 4px 0 0}@media screen and (max-width: 600px){.public-layout .public-account-header__image{height:200px}}.public-layout .public-account-header--no-bar{margin-bottom:0}.public-layout .public-account-header--no-bar .public-account-header__image,.public-layout .public-account-header--no-bar .public-account-header__image img{border-radius:4px}@media screen and (max-width: 415px){.public-layout .public-account-header--no-bar .public-account-header__image,.public-layout .public-account-header--no-bar .public-account-header__image img{border-radius:0}}@media screen and (max-width: 415px){.public-layout .public-account-header{margin-bottom:0;box-shadow:none}.public-layout .public-account-header__image::after{display:none}.public-layout .public-account-header__image,.public-layout .public-account-header__image img{border-radius:0}}.public-layout .public-account-header__bar{position:relative;margin-top:-80px;display:flex;justify-content:flex-start}.public-layout .public-account-header__bar::before{content:\"\";display:block;background:#192432;position:absolute;bottom:0;left:0;right:0;height:60px;border-radius:0 0 4px 4px;z-index:-1}.public-layout .public-account-header__bar .avatar{display:block;width:120px;height:120px;padding-left:16px;flex:0 0 auto}.public-layout .public-account-header__bar .avatar img{display:block;width:100%;height:100%;margin:0;border-radius:50%;border:4px solid #192432;background:#040609}@media screen and (max-width: 600px){.public-layout .public-account-header__bar{margin-top:0;background:#192432;border-radius:0 0 4px 4px;padding:5px}.public-layout .public-account-header__bar::before{display:none}.public-layout .public-account-header__bar .avatar{width:48px;height:48px;padding:7px 0;padding-left:10px}.public-layout .public-account-header__bar .avatar img{border:0;border-radius:4px}}@media screen and (max-width: 600px)and (max-width: 360px){.public-layout .public-account-header__bar .avatar{display:none}}@media screen and (max-width: 415px){.public-layout .public-account-header__bar{border-radius:0}}@media screen and (max-width: 600px){.public-layout .public-account-header__bar{flex-wrap:wrap}}.public-layout .public-account-header__tabs{flex:1 1 auto;margin-left:20px}.public-layout .public-account-header__tabs__name{padding-top:20px;padding-bottom:8px}.public-layout .public-account-header__tabs__name h1{font-size:20px;line-height:27px;color:#fff;font-weight:500;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;text-shadow:1px 1px 1px #000}.public-layout .public-account-header__tabs__name h1 small{display:block;font-size:14px;color:#fff;font-weight:400;overflow:hidden;text-overflow:ellipsis}@media screen and (max-width: 600px){.public-layout .public-account-header__tabs{margin-left:15px;display:flex;justify-content:space-between;align-items:center}.public-layout .public-account-header__tabs__name{padding-top:0;padding-bottom:0}.public-layout .public-account-header__tabs__name h1{font-size:16px;line-height:24px;text-shadow:none}.public-layout .public-account-header__tabs__name h1 small{color:#9baec8}}.public-layout .public-account-header__tabs__tabs{display:flex;justify-content:flex-start;align-items:stretch;height:58px}.public-layout .public-account-header__tabs__tabs .details-counters{display:flex;flex-direction:row;min-width:300px}@media screen and (max-width: 600px){.public-layout .public-account-header__tabs__tabs .details-counters{display:none}}.public-layout .public-account-header__tabs__tabs .counter{min-width:33.3%;box-sizing:border-box;flex:0 0 auto;color:#9baec8;padding:10px;border-right:1px solid #192432;cursor:default;text-align:center;position:relative}.public-layout .public-account-header__tabs__tabs .counter a{display:block}.public-layout .public-account-header__tabs__tabs .counter:last-child{border-right:0}.public-layout .public-account-header__tabs__tabs .counter::after{display:block;content:\"\";position:absolute;bottom:0;left:0;width:100%;border-bottom:4px solid #9baec8;opacity:.5;transition:all 400ms ease}.public-layout .public-account-header__tabs__tabs .counter.active::after{border-bottom:4px solid #d8a070;opacity:1}.public-layout .public-account-header__tabs__tabs .counter.active.inactive::after{border-bottom-color:#d9e1e8}.public-layout .public-account-header__tabs__tabs .counter:hover::after{opacity:1;transition-duration:100ms}.public-layout .public-account-header__tabs__tabs .counter a{text-decoration:none;color:inherit}.public-layout .public-account-header__tabs__tabs .counter .counter-label{font-size:12px;display:block}.public-layout .public-account-header__tabs__tabs .counter .counter-number{font-weight:500;font-size:18px;margin-bottom:5px;color:#fff;font-family:\"mastodon-font-display\",sans-serif}.public-layout .public-account-header__tabs__tabs .spacer{flex:1 1 auto;height:1px}.public-layout .public-account-header__tabs__tabs__buttons{padding:7px 8px}.public-layout .public-account-header__extra{display:none;margin-top:4px}.public-layout .public-account-header__extra .public-account-bio{border-radius:0;box-shadow:none;background:transparent;margin:0 -5px}.public-layout .public-account-header__extra .public-account-bio .account__header__fields{border-top:1px solid #26374d}.public-layout .public-account-header__extra .public-account-bio .roles{display:none}.public-layout .public-account-header__extra__links{margin-top:-15px;font-size:14px;color:#9baec8}.public-layout .public-account-header__extra__links a{display:inline-block;color:#9baec8;text-decoration:none;padding:15px;font-weight:500}.public-layout .public-account-header__extra__links a strong{font-weight:700;color:#fff}@media screen and (max-width: 600px){.public-layout .public-account-header__extra{display:block;flex:100%}}.public-layout .account__section-headline{border-radius:4px 4px 0 0}@media screen and (max-width: 415px){.public-layout .account__section-headline{border-radius:0}}.public-layout .detailed-status__meta{margin-top:25px}.public-layout .public-account-bio{background:#202e3f;box-shadow:0 0 15px rgba(0,0,0,.2);border-radius:4px;overflow:hidden;margin-bottom:10px}@media screen and (max-width: 415px){.public-layout .public-account-bio{box-shadow:none;margin-bottom:0;border-radius:0}}.public-layout .public-account-bio .account__header__fields{margin:0;border-top:0}.public-layout .public-account-bio .account__header__fields a{color:#e1b590}.public-layout .public-account-bio .account__header__fields dl:first-child .verified{border-radius:0 4px 0 0}.public-layout .public-account-bio .account__header__fields .verified a{color:#79bd9a}.public-layout .public-account-bio .account__header__content{padding:20px;padding-bottom:0;color:#fff}.public-layout .public-account-bio__extra,.public-layout .public-account-bio .roles{padding:20px;font-size:14px;color:#9baec8}.public-layout .public-account-bio .roles{padding-bottom:0}.public-layout .directory__list{display:grid;grid-gap:10px;grid-template-columns:minmax(0, 50%) minmax(0, 50%)}@media screen and (max-width: 415px){.public-layout .directory__list{display:block}}.public-layout .directory__list .icon-button{font-size:18px}.public-layout .directory__card{margin-bottom:0}.public-layout .card-grid{display:flex;flex-wrap:wrap;min-width:100%;margin:0 -5px}.public-layout .card-grid>div{box-sizing:border-box;flex:1 0 auto;width:300px;padding:0 5px;margin-bottom:10px;max-width:33.333%}@media screen and (max-width: 900px){.public-layout .card-grid>div{max-width:50%}}@media screen and (max-width: 600px){.public-layout .card-grid>div{max-width:100%}}@media screen and (max-width: 415px){.public-layout .card-grid{margin:0;border-top:1px solid #202e3f}.public-layout .card-grid>div{width:100%;padding:0;margin-bottom:0;border-bottom:1px solid #202e3f}.public-layout .card-grid>div:last-child{border-bottom:0}.public-layout .card-grid>div .card__bar{background:#121a24}.public-layout .card-grid>div .card__bar:hover,.public-layout .card-grid>div .card__bar:active,.public-layout .card-grid>div .card__bar:focus{background:#192432}}.no-list{list-style:none}.no-list li{display:inline-block;margin:0 5px}.recovery-codes{list-style:none;margin:0 auto}.recovery-codes li{font-size:125%;line-height:1.5;letter-spacing:1px}.public-layout .footer{text-align:left;padding-top:20px;padding-bottom:60px;font-size:12px;color:#4c6d98}@media screen and (max-width: 415px){.public-layout .footer{padding-left:20px;padding-right:20px}}.public-layout .footer .grid{display:grid;grid-gap:10px;grid-template-columns:1fr 1fr 2fr 1fr 1fr}.public-layout .footer .grid .column-0{grid-column:1;grid-row:1;min-width:0}.public-layout .footer .grid .column-1{grid-column:2;grid-row:1;min-width:0}.public-layout .footer .grid .column-2{grid-column:3;grid-row:1;min-width:0;text-align:center}.public-layout .footer .grid .column-2 h4 a{color:#4c6d98}.public-layout .footer .grid .column-3{grid-column:4;grid-row:1;min-width:0}.public-layout .footer .grid .column-4{grid-column:5;grid-row:1;min-width:0}@media screen and (max-width: 690px){.public-layout .footer .grid{grid-template-columns:1fr 2fr 1fr}.public-layout .footer .grid .column-0,.public-layout .footer .grid .column-1{grid-column:1}.public-layout .footer .grid .column-1{grid-row:2}.public-layout .footer .grid .column-2{grid-column:2}.public-layout .footer .grid .column-3,.public-layout .footer .grid .column-4{grid-column:3}.public-layout .footer .grid .column-4{grid-row:2}}@media screen and (max-width: 600px){.public-layout .footer .grid .column-1{display:block}}@media screen and (max-width: 415px){.public-layout .footer .grid .column-0,.public-layout .footer .grid .column-1,.public-layout .footer .grid .column-3,.public-layout .footer .grid .column-4{display:none}}.public-layout .footer h4{text-transform:uppercase;font-weight:700;margin-bottom:8px;color:#9baec8}.public-layout .footer h4 a{color:inherit;text-decoration:none}.public-layout .footer ul a{text-decoration:none;color:#4c6d98}.public-layout .footer ul a:hover,.public-layout .footer ul a:active,.public-layout .footer ul a:focus{text-decoration:underline}.public-layout .footer .brand svg{display:block;height:36px;width:auto;margin:0 auto;fill:#4c6d98}.public-layout .footer .brand:hover svg,.public-layout .footer .brand:focus svg,.public-layout .footer .brand:active svg{fill:#5377a5}.compact-header h1{font-size:24px;line-height:28px;color:#9baec8;font-weight:500;margin-bottom:20px;padding:0 10px;word-wrap:break-word}@media screen and (max-width: 740px){.compact-header h1{text-align:center;padding:20px 10px 0}}.compact-header h1 a{color:inherit;text-decoration:none}.compact-header h1 small{font-weight:400;color:#d9e1e8}.compact-header h1 img{display:inline-block;margin-bottom:-5px;margin-right:15px;width:36px;height:36px}.hero-widget{margin-bottom:10px;box-shadow:0 0 15px rgba(0,0,0,.2)}.hero-widget__img{width:100%;position:relative;overflow:hidden;border-radius:4px 4px 0 0;background:#000}.hero-widget__img img{object-fit:cover;display:block;width:100%;height:100%;margin:0;border-radius:4px 4px 0 0}.hero-widget__text{background:#121a24;padding:20px;border-radius:0 0 4px 4px;font-size:15px;color:#9baec8;line-height:20px;word-wrap:break-word;font-weight:400}.hero-widget__text .emojione{width:20px;height:20px;margin:-3px 0 0}.hero-widget__text p{margin-bottom:20px}.hero-widget__text p:last-child{margin-bottom:0}.hero-widget__text em{display:inline;margin:0;padding:0;font-weight:700;background:transparent;font-family:inherit;font-size:inherit;line-height:inherit;color:#bcc9da}.hero-widget__text a{color:#d9e1e8;text-decoration:none}.hero-widget__text a:hover{text-decoration:underline}@media screen and (max-width: 415px){.hero-widget{display:none}}.endorsements-widget{margin-bottom:10px;padding-bottom:10px}.endorsements-widget h4{padding:10px;text-transform:uppercase;font-weight:700;font-size:13px;color:#9baec8}.endorsements-widget .account{padding:10px 0}.endorsements-widget .account:last-child{border-bottom:0}.endorsements-widget .account .account__display-name{display:flex;align-items:center}.endorsements-widget .account .account__avatar{width:44px;height:44px;background-size:44px 44px}.endorsements-widget .trends__item{padding:10px}.trends-widget h4{color:#9baec8}.box-widget{padding:20px;border-radius:4px;background:#121a24;box-shadow:0 0 15px rgba(0,0,0,.2)}.placeholder-widget{padding:16px;border-radius:4px;border:2px dashed #3e5a7c;text-align:center;color:#9baec8;margin-bottom:10px}.contact-widget{min-height:100%;font-size:15px;color:#9baec8;line-height:20px;word-wrap:break-word;font-weight:400;padding:0}.contact-widget h4{padding:10px;text-transform:uppercase;font-weight:700;font-size:13px;color:#9baec8}.contact-widget .account{border-bottom:0;padding:10px 0;padding-top:5px}.contact-widget>a{display:inline-block;padding:10px;padding-top:0;color:#9baec8;text-decoration:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.contact-widget>a:hover,.contact-widget>a:focus,.contact-widget>a:active{text-decoration:underline}.moved-account-widget{padding:15px;padding-bottom:20px;border-radius:4px;background:#121a24;box-shadow:0 0 15px rgba(0,0,0,.2);color:#d9e1e8;font-weight:400;margin-bottom:10px}.moved-account-widget strong,.moved-account-widget a{font-weight:500}.moved-account-widget strong:lang(ja),.moved-account-widget a:lang(ja){font-weight:700}.moved-account-widget strong:lang(ko),.moved-account-widget a:lang(ko){font-weight:700}.moved-account-widget strong:lang(zh-CN),.moved-account-widget a:lang(zh-CN){font-weight:700}.moved-account-widget strong:lang(zh-HK),.moved-account-widget a:lang(zh-HK){font-weight:700}.moved-account-widget strong:lang(zh-TW),.moved-account-widget a:lang(zh-TW){font-weight:700}.moved-account-widget a{color:inherit;text-decoration:underline}.moved-account-widget a.mention{text-decoration:none}.moved-account-widget a.mention span{text-decoration:none}.moved-account-widget a.mention:focus,.moved-account-widget a.mention:hover,.moved-account-widget a.mention:active{text-decoration:none}.moved-account-widget a.mention:focus span,.moved-account-widget a.mention:hover span,.moved-account-widget a.mention:active span{text-decoration:underline}.moved-account-widget__message{margin-bottom:15px}.moved-account-widget__message .fa{margin-right:5px;color:#9baec8}.moved-account-widget__card .detailed-status__display-avatar{position:relative;cursor:pointer}.moved-account-widget__card .detailed-status__display-name{margin-bottom:0;text-decoration:none}.moved-account-widget__card .detailed-status__display-name span{font-weight:400}.memoriam-widget{padding:20px;border-radius:4px;background:#000;box-shadow:0 0 15px rgba(0,0,0,.2);font-size:14px;color:#9baec8;margin-bottom:10px}.page-header{background:#202e3f;box-shadow:0 0 15px rgba(0,0,0,.2);border-radius:4px;padding:60px 15px;text-align:center;margin:10px 0}.page-header h1{color:#fff;font-size:36px;line-height:1.1;font-weight:700;margin-bottom:10px}.page-header p{font-size:15px;color:#9baec8}@media screen and (max-width: 415px){.page-header{margin-top:0;background:#192432}.page-header h1{font-size:24px}}.directory{background:#121a24;border-radius:4px;box-shadow:0 0 15px rgba(0,0,0,.2)}.directory__tag{box-sizing:border-box;margin-bottom:10px}.directory__tag>a,.directory__tag>div{display:flex;align-items:center;justify-content:space-between;background:#121a24;border-radius:4px;padding:15px;text-decoration:none;color:inherit;box-shadow:0 0 15px rgba(0,0,0,.2)}.directory__tag>a:hover,.directory__tag>a:active,.directory__tag>a:focus{background:#202e3f}.directory__tag.active>a{background:#d8a070;cursor:default}.directory__tag.disabled>div{opacity:.5;cursor:default}.directory__tag h4{flex:1 1 auto;font-size:18px;font-weight:700;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.directory__tag h4 .fa{color:#9baec8}.directory__tag h4 small{display:block;font-weight:400;font-size:15px;margin-top:8px;color:#9baec8}.directory__tag.active h4,.directory__tag.active h4 .fa,.directory__tag.active h4 small,.directory__tag.active h4 .trends__item__current{color:#fff}.directory__tag .avatar-stack{flex:0 0 auto;width:120px}.directory__tag.active .avatar-stack .account__avatar{border-color:#d8a070}.directory__tag .trends__item__current{padding-right:0}.avatar-stack{display:flex;justify-content:flex-end}.avatar-stack .account__avatar{flex:0 0 auto;width:36px;height:36px;border-radius:50%;position:relative;margin-left:-10px;background:#040609;border:2px solid #121a24}.avatar-stack .account__avatar:nth-child(1){z-index:1}.avatar-stack .account__avatar:nth-child(2){z-index:2}.avatar-stack .account__avatar:nth-child(3){z-index:3}.accounts-table{width:100%}.accounts-table .account{padding:0;border:0}.accounts-table strong{font-weight:700}.accounts-table thead th{text-align:center;text-transform:uppercase;color:#9baec8;font-weight:700;padding:10px}.accounts-table thead th:first-child{text-align:left}.accounts-table tbody td{padding:15px 0;vertical-align:middle;border-bottom:1px solid #202e3f}.accounts-table tbody tr:last-child td{border-bottom:0}.accounts-table__count{width:120px;text-align:center;font-size:15px;font-weight:500;color:#fff}.accounts-table__count small{display:block;color:#9baec8;font-weight:400;font-size:14px}.accounts-table__comment{width:50%;vertical-align:initial !important}@media screen and (max-width: 415px){.accounts-table tbody td.optional{display:none}}@media screen and (max-width: 415px){.moved-account-widget,.memoriam-widget,.box-widget,.contact-widget,.landing-page__information.contact-widget,.directory,.page-header{margin-bottom:0;box-shadow:none;border-radius:0}}.statuses-grid{min-height:600px}@media screen and (max-width: 640px){.statuses-grid{width:100% !important}}.statuses-grid__item{width:313.3333333333px}@media screen and (max-width: 1255px){.statuses-grid__item{width:306.6666666667px}}@media screen and (max-width: 640px){.statuses-grid__item{width:100%}}@media screen and (max-width: 415px){.statuses-grid__item{width:100vw}}.statuses-grid .detailed-status{border-radius:4px}@media screen and (max-width: 415px){.statuses-grid .detailed-status{border-top:1px solid #2d415a}}.statuses-grid .detailed-status.compact .detailed-status__meta{margin-top:15px}.statuses-grid .detailed-status.compact .status__content{font-size:15px;line-height:20px}.statuses-grid .detailed-status.compact .status__content .emojione{width:20px;height:20px;margin:-3px 0 0}.statuses-grid .detailed-status.compact .status__content .status__content__spoiler-link{line-height:20px;margin:0}.statuses-grid .detailed-status.compact .media-gallery,.statuses-grid .detailed-status.compact .status-card,.statuses-grid .detailed-status.compact .video-player{margin-top:15px}.notice-widget{margin-bottom:10px;color:#9baec8}.notice-widget p{margin-bottom:10px}.notice-widget p:last-child{margin-bottom:0}.notice-widget a{font-size:14px;line-height:20px}.notice-widget a,.placeholder-widget a{text-decoration:none;font-weight:500;color:#d8a070}.notice-widget a:hover,.notice-widget a:focus,.notice-widget a:active,.placeholder-widget a:hover,.placeholder-widget a:focus,.placeholder-widget a:active{text-decoration:underline}.table-of-contents{background:#0b1016;min-height:100%;font-size:14px;border-radius:4px}.table-of-contents li a{display:block;font-weight:500;padding:15px;overflow:hidden;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-decoration:none;color:#fff;border-bottom:1px solid #192432}.table-of-contents li a:hover,.table-of-contents li a:focus,.table-of-contents li a:active{text-decoration:underline}.table-of-contents li:last-child a{border-bottom:0}.table-of-contents li ul{padding-left:20px;border-bottom:1px solid #192432}code{font-family:\"mastodon-font-monospace\",monospace;font-weight:400}.form-container{max-width:400px;padding:20px;margin:0 auto}.simple_form .input{margin-bottom:15px;overflow:hidden}.simple_form .input.hidden{margin:0}.simple_form .input.radio_buttons .radio{margin-bottom:15px}.simple_form .input.radio_buttons .radio:last-child{margin-bottom:0}.simple_form .input.radio_buttons .radio>label{position:relative;padding-left:28px}.simple_form .input.radio_buttons .radio>label input{position:absolute;top:-2px;left:0}.simple_form .input.boolean{position:relative;margin-bottom:0}.simple_form .input.boolean .label_input>label{font-family:inherit;font-size:14px;padding-top:5px;color:#fff;display:block;width:auto}.simple_form .input.boolean .label_input,.simple_form .input.boolean .hint{padding-left:28px}.simple_form .input.boolean .label_input__wrapper{position:static}.simple_form .input.boolean label.checkbox{position:absolute;top:2px;left:0}.simple_form .input.boolean label a{color:#d8a070;text-decoration:underline}.simple_form .input.boolean label a:hover,.simple_form .input.boolean label a:active,.simple_form .input.boolean label a:focus{text-decoration:none}.simple_form .input.boolean .recommended{position:absolute;margin:0 4px;margin-top:-2px}.simple_form .row{display:flex;margin:0 -5px}.simple_form .row .input{box-sizing:border-box;flex:1 1 auto;width:50%;padding:0 5px}.simple_form .hint{color:#9baec8}.simple_form .hint a{color:#d8a070}.simple_form .hint code{border-radius:3px;padding:.2em .4em;background:#000}.simple_form .hint li{list-style:disc;margin-left:18px}.simple_form ul.hint{margin-bottom:15px}.simple_form span.hint{display:block;font-size:12px;margin-top:4px}.simple_form p.hint{margin-bottom:15px;color:#9baec8}.simple_form p.hint.subtle-hint{text-align:center;font-size:12px;line-height:18px;margin-top:15px;margin-bottom:0}.simple_form .card{margin-bottom:15px}.simple_form strong{font-weight:500}.simple_form strong:lang(ja){font-weight:700}.simple_form strong:lang(ko){font-weight:700}.simple_form strong:lang(zh-CN){font-weight:700}.simple_form strong:lang(zh-HK){font-weight:700}.simple_form strong:lang(zh-TW){font-weight:700}.simple_form .input.with_floating_label .label_input{display:flex}.simple_form .input.with_floating_label .label_input>label{font-family:inherit;font-size:14px;color:#fff;font-weight:500;min-width:150px;flex:0 0 auto}.simple_form .input.with_floating_label .label_input input,.simple_form .input.with_floating_label .label_input select{flex:1 1 auto}.simple_form .input.with_floating_label.select .hint{margin-top:6px;margin-left:150px}.simple_form .input.with_label .label_input>label{font-family:inherit;font-size:14px;color:#fff;display:block;margin-bottom:8px;word-wrap:break-word;font-weight:500}.simple_form .input.with_label .hint{margin-top:6px}.simple_form .input.with_label ul{flex:390px}.simple_form .input.with_block_label{max-width:none}.simple_form .input.with_block_label>label{font-family:inherit;font-size:16px;color:#fff;display:block;font-weight:500;padding-top:5px}.simple_form .input.with_block_label .hint{margin-bottom:15px}.simple_form .input.with_block_label ul{columns:2}.simple_form .input.datetime .label_input select{display:inline-block;width:auto;flex:0}.simple_form .required abbr{text-decoration:none;color:#e87487}.simple_form .fields-group{margin-bottom:25px}.simple_form .fields-group .input:last-child{margin-bottom:0}.simple_form .fields-row{display:flex;margin:0 -10px;padding-top:5px;margin-bottom:25px}.simple_form .fields-row .input{max-width:none}.simple_form .fields-row__column{box-sizing:border-box;padding:0 10px;flex:1 1 auto;min-height:1px}.simple_form .fields-row__column-6{max-width:50%}.simple_form .fields-row__column .actions{margin-top:27px}.simple_form .fields-row .fields-group:last-child,.simple_form .fields-row .fields-row__column.fields-group{margin-bottom:0}@media screen and (max-width: 600px){.simple_form .fields-row{display:block;margin-bottom:0}.simple_form .fields-row__column{max-width:none}.simple_form .fields-row .fields-group:last-child,.simple_form .fields-row .fields-row__column.fields-group,.simple_form .fields-row .fields-row__column{margin-bottom:25px}}.simple_form .input.radio_buttons .radio label{margin-bottom:5px;font-family:inherit;font-size:14px;color:#fff;display:block;width:auto}.simple_form .check_boxes .checkbox label{font-family:inherit;font-size:14px;color:#fff;display:inline-block;width:auto;position:relative;padding-top:5px;padding-left:25px;flex:1 1 auto}.simple_form .check_boxes .checkbox input[type=checkbox]{position:absolute;left:0;top:5px;margin:0}.simple_form .input.static .label_input__wrapper{font-size:16px;padding:10px;border:1px solid #3e5a7c;border-radius:4px}.simple_form input[type=text],.simple_form input[type=number],.simple_form input[type=email],.simple_form input[type=password],.simple_form textarea{box-sizing:border-box;font-size:16px;color:#fff;display:block;width:100%;outline:0;font-family:inherit;resize:vertical;background:#010102;border:1px solid #000;border-radius:4px;padding:10px}.simple_form input[type=text]::placeholder,.simple_form input[type=number]::placeholder,.simple_form input[type=email]::placeholder,.simple_form input[type=password]::placeholder,.simple_form textarea::placeholder{color:#a8b9cf}.simple_form input[type=text]:invalid,.simple_form input[type=number]:invalid,.simple_form input[type=email]:invalid,.simple_form input[type=password]:invalid,.simple_form textarea:invalid{box-shadow:none}.simple_form input[type=text]:focus:invalid:not(:placeholder-shown),.simple_form input[type=number]:focus:invalid:not(:placeholder-shown),.simple_form input[type=email]:focus:invalid:not(:placeholder-shown),.simple_form input[type=password]:focus:invalid:not(:placeholder-shown),.simple_form textarea:focus:invalid:not(:placeholder-shown){border-color:#e87487}.simple_form input[type=text]:required:valid,.simple_form input[type=number]:required:valid,.simple_form input[type=email]:required:valid,.simple_form input[type=password]:required:valid,.simple_form textarea:required:valid{border-color:#79bd9a}.simple_form input[type=text]:hover,.simple_form input[type=number]:hover,.simple_form input[type=email]:hover,.simple_form input[type=password]:hover,.simple_form textarea:hover{border-color:#000}.simple_form input[type=text]:active,.simple_form input[type=text]:focus,.simple_form input[type=number]:active,.simple_form input[type=number]:focus,.simple_form input[type=email]:active,.simple_form input[type=email]:focus,.simple_form input[type=password]:active,.simple_form input[type=password]:focus,.simple_form textarea:active,.simple_form textarea:focus{border-color:#d8a070;background:#040609}.simple_form .input.field_with_errors label{color:#e87487}.simple_form .input.field_with_errors input[type=text],.simple_form .input.field_with_errors input[type=number],.simple_form .input.field_with_errors input[type=email],.simple_form .input.field_with_errors input[type=password],.simple_form .input.field_with_errors textarea,.simple_form .input.field_with_errors select{border-color:#e87487}.simple_form .input.field_with_errors .error{display:block;font-weight:500;color:#e87487;margin-top:4px}.simple_form .input.disabled{opacity:.5}.simple_form .actions{margin-top:30px;display:flex}.simple_form .actions.actions--top{margin-top:0;margin-bottom:30px}.simple_form button,.simple_form .button,.simple_form .block-button{display:block;width:100%;border:0;border-radius:4px;background:#d8a070;color:#fff;font-size:18px;line-height:inherit;height:auto;padding:10px;text-transform:uppercase;text-decoration:none;text-align:center;box-sizing:border-box;cursor:pointer;font-weight:500;outline:0;margin-bottom:10px;margin-right:10px}.simple_form button:last-child,.simple_form .button:last-child,.simple_form .block-button:last-child{margin-right:0}.simple_form button:hover,.simple_form .button:hover,.simple_form .block-button:hover{background-color:#ddad84}.simple_form button:active,.simple_form button:focus,.simple_form .button:active,.simple_form .button:focus,.simple_form .block-button:active,.simple_form .block-button:focus{background-color:#d3935c}.simple_form button:disabled:hover,.simple_form .button:disabled:hover,.simple_form .block-button:disabled:hover{background-color:#9baec8}.simple_form button.negative,.simple_form .button.negative,.simple_form .block-button.negative{background:#df405a}.simple_form button.negative:hover,.simple_form .button.negative:hover,.simple_form .block-button.negative:hover{background-color:#e3566d}.simple_form button.negative:active,.simple_form button.negative:focus,.simple_form .button.negative:active,.simple_form .button.negative:focus,.simple_form .block-button.negative:active,.simple_form .block-button.negative:focus{background-color:#db2a47}.simple_form select{appearance:none;box-sizing:border-box;font-size:16px;color:#fff;display:block;width:100%;outline:0;font-family:inherit;resize:vertical;background:#010102 url(\"data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14.933 18.467' height='19.698' width='15.929'><path d='M3.467 14.967l-3.393-3.5H14.86l-3.392 3.5c-1.866 1.925-3.666 3.5-4 3.5-.335 0-2.135-1.575-4-3.5zm.266-11.234L7.467 0 11.2 3.733l3.733 3.734H0l3.733-3.734z' fill='%2326374D'/></svg>\") no-repeat right 8px center/auto 16px;border:1px solid #000;border-radius:4px;padding-left:10px;padding-right:30px;height:41px}.simple_form h4{margin-bottom:15px !important}.simple_form .label_input__wrapper{position:relative}.simple_form .label_input__append{position:absolute;right:3px;top:1px;padding:10px;padding-bottom:9px;font-size:16px;color:#3e5a7c;font-family:inherit;pointer-events:none;cursor:default;max-width:140px;white-space:nowrap;overflow:hidden}.simple_form .label_input__append::after{content:\"\";display:block;position:absolute;top:0;right:0;bottom:1px;width:5px;background-image:linear-gradient(to right, rgba(1, 1, 2, 0), #010102)}.simple_form__overlay-area{position:relative}.simple_form__overlay-area__blurred form{filter:blur(2px)}.simple_form__overlay-area__overlay{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;justify-content:center;align-items:center;background:rgba(18,26,36,.65);border-radius:4px;margin-left:-4px;margin-top:-4px;padding:4px}.simple_form__overlay-area__overlay__content{text-align:center}.simple_form__overlay-area__overlay__content.rich-formatting,.simple_form__overlay-area__overlay__content.rich-formatting p{color:#fff}.block-icon{display:block;margin:0 auto;margin-bottom:10px;font-size:24px}.flash-message{background:#202e3f;color:#9baec8;border-radius:4px;padding:15px 10px;margin-bottom:30px;text-align:center}.flash-message.notice{border:1px solid rgba(121,189,154,.5);background:rgba(121,189,154,.25);color:#79bd9a}.flash-message.alert{border:1px solid rgba(223,64,90,.5);background:rgba(223,64,90,.25);color:#df405a}.flash-message a{display:inline-block;color:#9baec8;text-decoration:none}.flash-message a:hover{color:#fff;text-decoration:underline}.flash-message p{margin-bottom:15px}.flash-message .oauth-code{outline:0;box-sizing:border-box;display:block;width:100%;border:0;padding:10px;font-family:\"mastodon-font-monospace\",monospace;background:#121a24;color:#fff;font-size:14px;margin:0}.flash-message .oauth-code::-moz-focus-inner{border:0}.flash-message .oauth-code::-moz-focus-inner,.flash-message .oauth-code:focus,.flash-message .oauth-code:active{outline:0 !important}.flash-message .oauth-code:focus{background:#192432}.flash-message strong{font-weight:500}.flash-message strong:lang(ja){font-weight:700}.flash-message strong:lang(ko){font-weight:700}.flash-message strong:lang(zh-CN){font-weight:700}.flash-message strong:lang(zh-HK){font-weight:700}.flash-message strong:lang(zh-TW){font-weight:700}@media screen and (max-width: 740px)and (min-width: 441px){.flash-message{margin-top:40px}}.form-footer{margin-top:30px;text-align:center}.form-footer a{color:#9baec8;text-decoration:none}.form-footer a:hover{text-decoration:underline}.quick-nav{list-style:none;margin-bottom:25px;font-size:14px}.quick-nav li{display:inline-block;margin-right:10px}.quick-nav a{color:#d8a070;text-transform:uppercase;text-decoration:none;font-weight:700}.quick-nav a:hover,.quick-nav a:focus,.quick-nav a:active{color:#e1b590}.oauth-prompt,.follow-prompt{margin-bottom:30px;color:#9baec8}.oauth-prompt h2,.follow-prompt h2{font-size:16px;margin-bottom:30px;text-align:center}.oauth-prompt strong,.follow-prompt strong{color:#d9e1e8;font-weight:500}.oauth-prompt strong:lang(ja),.follow-prompt strong:lang(ja){font-weight:700}.oauth-prompt strong:lang(ko),.follow-prompt strong:lang(ko){font-weight:700}.oauth-prompt strong:lang(zh-CN),.follow-prompt strong:lang(zh-CN){font-weight:700}.oauth-prompt strong:lang(zh-HK),.follow-prompt strong:lang(zh-HK){font-weight:700}.oauth-prompt strong:lang(zh-TW),.follow-prompt strong:lang(zh-TW){font-weight:700}@media screen and (max-width: 740px)and (min-width: 441px){.oauth-prompt,.follow-prompt{margin-top:40px}}.qr-wrapper{display:flex;flex-wrap:wrap;align-items:flex-start}.qr-code{flex:0 0 auto;background:#fff;padding:4px;margin:0 10px 20px 0;box-shadow:0 0 15px rgba(0,0,0,.2);display:inline-block}.qr-code svg{display:block;margin:0}.qr-alternative{margin-bottom:20px;color:#d9e1e8;flex:150px}.qr-alternative samp{display:block;font-size:14px}.table-form p{margin-bottom:15px}.table-form p strong{font-weight:500}.table-form p strong:lang(ja){font-weight:700}.table-form p strong:lang(ko){font-weight:700}.table-form p strong:lang(zh-CN){font-weight:700}.table-form p strong:lang(zh-HK){font-weight:700}.table-form p strong:lang(zh-TW){font-weight:700}.simple_form .warning,.table-form .warning{box-sizing:border-box;background:rgba(223,64,90,.5);color:#fff;text-shadow:1px 1px 0 rgba(0,0,0,.3);box-shadow:0 2px 6px rgba(0,0,0,.4);border-radius:4px;padding:10px;margin-bottom:15px}.simple_form .warning a,.table-form .warning a{color:#fff;text-decoration:underline}.simple_form .warning a:hover,.simple_form .warning a:focus,.simple_form .warning a:active,.table-form .warning a:hover,.table-form .warning a:focus,.table-form .warning a:active{text-decoration:none}.simple_form .warning strong,.table-form .warning strong{font-weight:600;display:block;margin-bottom:5px}.simple_form .warning strong:lang(ja),.table-form .warning strong:lang(ja){font-weight:700}.simple_form .warning strong:lang(ko),.table-form .warning strong:lang(ko){font-weight:700}.simple_form .warning strong:lang(zh-CN),.table-form .warning strong:lang(zh-CN){font-weight:700}.simple_form .warning strong:lang(zh-HK),.table-form .warning strong:lang(zh-HK){font-weight:700}.simple_form .warning strong:lang(zh-TW),.table-form .warning strong:lang(zh-TW){font-weight:700}.simple_form .warning strong .fa,.table-form .warning strong .fa{font-weight:400}.action-pagination{display:flex;flex-wrap:wrap;align-items:center}.action-pagination .actions,.action-pagination .pagination{flex:1 1 auto}.action-pagination .actions{padding:30px 0;padding-right:20px;flex:0 0 auto}.post-follow-actions{text-align:center;color:#9baec8}.post-follow-actions div{margin-bottom:4px}.alternative-login{margin-top:20px;margin-bottom:20px}.alternative-login h4{font-size:16px;color:#fff;text-align:center;margin-bottom:20px;border:0;padding:0}.alternative-login .button{display:block}.scope-danger{color:#ff5050}.form_admin_settings_site_short_description textarea,.form_admin_settings_site_description textarea,.form_admin_settings_site_extended_description textarea,.form_admin_settings_site_terms textarea,.form_admin_settings_custom_css textarea,.form_admin_settings_closed_registrations_message textarea{font-family:\"mastodon-font-monospace\",monospace}.input-copy{background:#010102;border:1px solid #000;border-radius:4px;display:flex;align-items:center;padding-right:4px;position:relative;top:1px;transition:border-color 300ms linear}.input-copy__wrapper{flex:1 1 auto}.input-copy input[type=text]{background:transparent;border:0;padding:10px;font-size:14px;font-family:\"mastodon-font-monospace\",monospace}.input-copy button{flex:0 0 auto;margin:4px;text-transform:none;font-weight:400;font-size:14px;padding:7px 18px;padding-bottom:6px;width:auto;transition:background 300ms linear}.input-copy.copied{border-color:#79bd9a;transition:none}.input-copy.copied button{background:#79bd9a;transition:none}.connection-prompt{margin-bottom:25px}.connection-prompt .fa-link{background-color:#0b1016;border-radius:100%;font-size:24px;padding:10px}.connection-prompt__column{align-items:center;display:flex;flex:1;flex-direction:column;flex-shrink:1;max-width:50%}.connection-prompt__column-sep{align-self:center;flex-grow:0;overflow:visible;position:relative;z-index:1}.connection-prompt__column p{word-break:break-word}.connection-prompt .account__avatar{margin-bottom:20px}.connection-prompt__connection{background-color:#202e3f;box-shadow:0 0 15px rgba(0,0,0,.2);border-radius:4px;padding:25px 10px;position:relative;text-align:center}.connection-prompt__connection::after{background-color:#0b1016;content:\"\";display:block;height:100%;left:50%;position:absolute;top:0;width:1px}.connection-prompt__row{align-items:flex-start;display:flex;flex-direction:row}.card>a{display:block;text-decoration:none;color:inherit;box-shadow:0 0 15px rgba(0,0,0,.2)}@media screen and (max-width: 415px){.card>a{box-shadow:none}}.card>a:hover .card__bar,.card>a:active .card__bar,.card>a:focus .card__bar{background:#202e3f}.card__img{height:130px;position:relative;background:#000;border-radius:4px 4px 0 0}.card__img img{display:block;width:100%;height:100%;margin:0;object-fit:cover;border-radius:4px 4px 0 0}@media screen and (max-width: 600px){.card__img{height:200px}}@media screen and (max-width: 415px){.card__img{display:none}}.card__bar{position:relative;padding:15px;display:flex;justify-content:flex-start;align-items:center;background:#192432;border-radius:0 0 4px 4px}@media screen and (max-width: 415px){.card__bar{border-radius:0}}.card__bar .avatar{flex:0 0 auto;width:48px;height:48px;padding-top:2px}.card__bar .avatar img{width:100%;height:100%;display:block;margin:0;border-radius:4px;background:#040609;object-fit:cover}.card__bar .display-name{margin-left:15px;text-align:left}.card__bar .display-name strong{font-size:15px;color:#fff;font-weight:500;overflow:hidden;text-overflow:ellipsis}.card__bar .display-name span{display:block;font-size:14px;color:#9baec8;font-weight:400;overflow:hidden;text-overflow:ellipsis}.pagination{padding:30px 0;text-align:center;overflow:hidden}.pagination a,.pagination .current,.pagination .newer,.pagination .older,.pagination .page,.pagination .gap{font-size:14px;color:#fff;font-weight:500;display:inline-block;padding:6px 10px;text-decoration:none}.pagination .current{background:#fff;border-radius:100px;color:#121a24;cursor:default;margin:0 10px}.pagination .gap{cursor:default}.pagination .older,.pagination .newer{text-transform:uppercase;color:#d9e1e8}.pagination .older{float:left;padding-left:0}.pagination .older .fa{display:inline-block;margin-right:5px}.pagination .newer{float:right;padding-right:0}.pagination .newer .fa{display:inline-block;margin-left:5px}.pagination .disabled{cursor:default;color:#233346}@media screen and (max-width: 700px){.pagination{padding:30px 20px}.pagination .page{display:none}.pagination .newer,.pagination .older{display:inline-block}}.nothing-here{background:#121a24;box-shadow:0 0 15px rgba(0,0,0,.2);color:#9baec8;font-size:14px;font-weight:500;text-align:center;display:flex;justify-content:center;align-items:center;cursor:default;border-radius:4px;padding:20px;min-height:30vh}.nothing-here--under-tabs{border-radius:0 0 4px 4px}.nothing-here--flexible{box-sizing:border-box;min-height:100%}.account-role,.simple_form .recommended{display:inline-block;padding:4px 6px;cursor:default;border-radius:3px;font-size:12px;line-height:12px;font-weight:500;color:#d9e1e8;background-color:rgba(217,225,232,.1);border:1px solid rgba(217,225,232,.5)}.account-role.moderator,.simple_form .recommended.moderator{color:#79bd9a;background-color:rgba(121,189,154,.1);border-color:rgba(121,189,154,.5)}.account-role.admin,.simple_form .recommended.admin{color:#e87487;background-color:rgba(232,116,135,.1);border-color:rgba(232,116,135,.5)}.account__header__fields{max-width:100vw;padding:0;margin:15px -15px -15px;border:0 none;border-top:1px solid #26374d;border-bottom:1px solid #26374d;font-size:14px;line-height:20px}.account__header__fields dl{display:flex;border-bottom:1px solid #26374d}.account__header__fields dt,.account__header__fields dd{box-sizing:border-box;padding:14px;text-align:center;max-height:48px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.account__header__fields dt{font-weight:500;width:120px;flex:0 0 auto;color:#d9e1e8;background:rgba(4,6,9,.5)}.account__header__fields dd{flex:1 1 auto;color:#9baec8}.account__header__fields a{color:#d8a070;text-decoration:none}.account__header__fields a:hover,.account__header__fields a:focus,.account__header__fields a:active{text-decoration:underline}.account__header__fields .verified{border:1px solid rgba(121,189,154,.5);background:rgba(121,189,154,.25)}.account__header__fields .verified a{color:#79bd9a;font-weight:500}.account__header__fields .verified__mark{color:#79bd9a}.account__header__fields dl:last-child{border-bottom:0}.directory__tag .trends__item__current{width:auto}.pending-account__header{color:#9baec8}.pending-account__header a{color:#d9e1e8;text-decoration:none}.pending-account__header a:hover,.pending-account__header a:active,.pending-account__header a:focus{text-decoration:underline}.pending-account__header strong{color:#fff;font-weight:700}.pending-account__body{margin-top:10px}.activity-stream{box-shadow:0 0 15px rgba(0,0,0,.2);border-radius:4px;overflow:hidden;margin-bottom:10px}.activity-stream--under-tabs{border-radius:0 0 4px 4px}@media screen and (max-width: 415px){.activity-stream{margin-bottom:0;border-radius:0;box-shadow:none}}.activity-stream--headless{border-radius:0;margin:0;box-shadow:none}.activity-stream--headless .detailed-status,.activity-stream--headless .status{border-radius:0 !important}.activity-stream div[data-component]{width:100%}.activity-stream .entry{background:#121a24}.activity-stream .entry .detailed-status,.activity-stream .entry .status,.activity-stream .entry .load-more{animation:none}.activity-stream .entry:last-child .detailed-status,.activity-stream .entry:last-child .status,.activity-stream .entry:last-child .load-more{border-bottom:0;border-radius:0 0 4px 4px}.activity-stream .entry:first-child .detailed-status,.activity-stream .entry:first-child .status,.activity-stream .entry:first-child .load-more{border-radius:4px 4px 0 0}.activity-stream .entry:first-child:last-child .detailed-status,.activity-stream .entry:first-child:last-child .status,.activity-stream .entry:first-child:last-child .load-more{border-radius:4px}@media screen and (max-width: 740px){.activity-stream .entry .detailed-status,.activity-stream .entry .status,.activity-stream .entry .load-more{border-radius:0 !important}}.activity-stream--highlighted .entry{background:#202e3f}.button.logo-button{flex:0 auto;font-size:14px;background:#d8a070;color:#fff;text-transform:none;line-height:36px;height:auto;padding:3px 15px;border:0}.button.logo-button svg{width:20px;height:auto;vertical-align:middle;margin-right:5px;fill:#fff}.button.logo-button:active,.button.logo-button:focus,.button.logo-button:hover{background:#e3bb98}.button.logo-button:disabled:active,.button.logo-button:disabled:focus,.button.logo-button:disabled:hover,.button.logo-button.disabled:active,.button.logo-button.disabled:focus,.button.logo-button.disabled:hover{background:#9baec8}.button.logo-button.button--destructive:active,.button.logo-button.button--destructive:focus,.button.logo-button.button--destructive:hover{background:#df405a}@media screen and (max-width: 415px){.button.logo-button svg{display:none}}.embed .detailed-status,.public-layout .detailed-status{padding:15px}.embed .status,.public-layout .status{padding:15px 15px 15px 78px;min-height:50px}.embed .status__avatar,.public-layout .status__avatar{left:15px;top:17px}.embed .status__content,.public-layout .status__content{padding-top:5px}.embed .status__prepend,.public-layout .status__prepend{margin-left:78px;padding-top:15px}.embed .status__prepend-icon-wrapper,.public-layout .status__prepend-icon-wrapper{left:-32px}.embed .status .media-gallery,.embed .status__action-bar,.embed .status .video-player,.public-layout .status .media-gallery,.public-layout .status__action-bar,.public-layout .status .video-player{margin-top:10px}button.icon-button i.fa-retweet{background-image:url(\"data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='22' height='209'><path d='M4.97 3.16c-.1.03-.17.1-.22.18L.8 8.24c-.2.3.03.78.4.8H3.6v2.68c0 4.26-.55 3.62 3.66 3.62h7.66l-2.3-2.84c-.03-.02-.03-.04-.05-.06H7.27c-.44 0-.72-.3-.72-.72v-2.7h2.5c.37.03.63-.48.4-.77L5.5 3.35c-.12-.17-.34-.25-.53-.2zm12.16.43c-.55-.02-1.32.02-2.4.02H7.1l2.32 2.85.03.06h5.25c.42 0 .72.28.72.72v2.7h-2.5c-.36.02-.56.54-.3.8l3.92 4.9c.18.25.6.25.78 0l3.94-4.9c.26-.28 0-.83-.37-.8H18.4v-2.7c0-3.15.4-3.62-1.25-3.66z' fill='%233E5A7C' stroke-width='0'/><path d='M7.78 19.66c-.24.02-.44.25-.44.5v2.46h-.06c-1.08 0-1.86-.03-2.4-.03-1.64 0-1.25.43-1.25 3.65v4.47c0 4.26-.56 3.62 3.65 3.62H8.5l-1.3-1.06c-.1-.08-.18-.2-.2-.3-.02-.17.06-.35.2-.45l1.33-1.1H7.28c-.44 0-.72-.3-.72-.7v-4.48c0-.44.28-.72.72-.72h.06v2.5c0 .38.54.63.82.38l4.9-3.93c.25-.18.25-.6 0-.78l-4.9-3.92c-.1-.1-.24-.14-.38-.12zm9.34 2.93c-.54-.02-1.3.02-2.4.02h-1.25l1.3 1.07c.1.07.18.2.2.33.02.16-.06.3-.2.4l-1.33 1.1h1.28c.42 0 .72.28.72.72v4.47c0 .42-.3.72-.72.72h-.1v-2.47c0-.3-.3-.53-.6-.47-.07 0-.14.05-.2.1l-4.9 3.93c-.26.18-.26.6 0 .78l4.9 3.92c.27.25.82 0 .8-.38v-2.5h.1c4.27 0 3.65.67 3.65-3.62v-4.47c0-3.15.4-3.62-1.25-3.66zM10.34 38.66c-.24.02-.44.25-.43.5v2.47H7.3c-1.08 0-1.86-.04-2.4-.04-1.64 0-1.25.43-1.25 3.65v4.47c0 3.66-.23 3.7 2.34 3.66l-1.34-1.1c-.1-.08-.18-.2-.2-.3 0-.17.07-.35.2-.45l1.96-1.6c-.03-.06-.04-.13-.04-.2v-4.48c0-.44.28-.72.72-.72H9.9v2.5c0 .36.5.6.8.38l4.93-3.93c.24-.18.24-.6 0-.78l-4.94-3.92c-.1-.08-.23-.13-.36-.12zm5.63 2.93l1.34 1.1c.1.07.18.2.2.33.02.16-.03.3-.16.4l-1.96 1.6c.02.07.06.13.06.22v4.47c0 .42-.3.72-.72.72h-2.66v-2.47c0-.3-.3-.53-.6-.47-.06.02-.12.05-.18.1l-4.94 3.93c-.24.18-.24.6 0 .78l4.94 3.92c.28.22.78-.02.78-.38v-2.5h2.66c4.27 0 3.65.67 3.65-3.62v-4.47c0-3.66.34-3.7-2.4-3.66zM13.06 57.66c-.23.03-.4.26-.4.5v2.47H7.28c-1.08 0-1.86-.04-2.4-.04-1.64 0-1.25.43-1.25 3.65v4.87l2.93-2.37v-2.5c0-.44.28-.72.72-.72h5.38v2.5c0 .36.5.6.78.38l4.94-3.93c.24-.18.24-.6 0-.78l-4.94-3.92c-.1-.1-.24-.14-.38-.12zm5.3 6.15l-2.92 2.4v2.52c0 .42-.3.72-.72.72h-5.4v-2.47c0-.3-.32-.53-.6-.47-.07.02-.13.05-.2.1L3.6 70.52c-.25.18-.25.6 0 .78l4.93 3.92c.28.22.78-.02.78-.38v-2.5h5.42c4.27 0 3.65.67 3.65-3.62v-4.47-.44zM19.25 78.8c-.1.03-.2.1-.28.17l-.9.9c-.44-.3-1.36-.25-3.35-.25H7.28c-1.08 0-1.86-.03-2.4-.03-1.64 0-1.25.43-1.25 3.65v.7l2.93.3v-1c0-.44.28-.72.72-.72h7.44c.2 0 .37.08.5.2l-1.8 1.8c-.25.26-.08.76.27.8l6.27.7c.28.03.56-.25.53-.53l-.7-6.25c0-.27-.3-.48-.55-.44zm-17.2 6.1c-.2.07-.36.3-.33.54l.7 6.25c.02.36.58.55.83.27l.8-.8c.02 0 .04-.02.04 0 .46.24 1.37.17 3.18.17h7.44c4.27 0 3.65.67 3.65-3.62v-.75l-2.93-.3v1.05c0 .42-.3.72-.72.72H7.28c-.15 0-.3-.03-.4-.1L8.8 86.4c.3-.24.1-.8-.27-.84l-6.28-.65h-.2zM4.88 98.6c-1.33 0-1.34.48-1.3 2.3l1.14-1.37c.08-.1.22-.17.34-.2.16 0 .34.08.44.2l1.66 2.03c.04 0 .07-.03.12-.03h7.44c.34 0 .57.2.65.5h-2.43c-.34.05-.53.52-.3.78l3.92 4.95c.18.24.6.24.78 0l3.94-4.94c.22-.27-.02-.76-.37-.77H18.4c.02-3.9.6-3.4-3.66-3.4H7.28c-1.08 0-1.86-.04-2.4-.04zm.15 2.46c-.1.03-.2.1-.28.2l-3.94 4.9c-.2.28.03.77.4.78H3.6c-.02 3.94-.45 3.4 3.66 3.4h7.44c3.65 0 3.74.3 3.7-2.25l-1.1 1.34c-.1.1-.2.17-.32.2-.16 0-.34-.08-.44-.2l-1.65-2.03c-.06.02-.1.04-.18.04H7.28c-.35 0-.57-.2-.66-.5h2.44c.37 0 .63-.5.4-.78l-3.96-4.9c-.1-.15-.3-.23-.47-.2zM4.88 117.6c-1.16 0-1.3.3-1.3 1.56l1.14-1.38c.08-.1.22-.14.34-.16.16 0 .34.04.44.16l2.22 2.75h7c.42 0 .72.28.72.72v.53h-2.6c-.3.1-.43.54-.2.78l3.92 4.9c.18.25.6.25.78 0l3.94-4.9c.22-.28-.02-.77-.37-.78H18.4v-.53c0-4.2.72-3.63-3.66-3.63H7.28c-1.08 0-1.86-.03-2.4-.03zm.1 1.74c-.1.03-.17.1-.23.16L.8 124.44c-.2.28.03.77.4.78H3.6v.5c0 4.26-.55 3.62 3.66 3.62h7.44c1.03 0 1.74.02 2.28 0-.16.02-.34-.03-.44-.15l-2.22-2.76H7.28c-.44 0-.72-.3-.72-.72v-.5h2.5c.37.02.63-.5.4-.78L5.5 119.5c-.12-.15-.34-.22-.53-.16zm12.02 10c1.2-.02 1.4-.25 1.4-1.53l-1.1 1.36c-.07.1-.17.17-.3.18zM5.94 136.6l2.37 2.93h6.42c.42 0 .72.28.72.72v1.25h-2.6c-.3.1-.43.54-.2.78l3.92 4.9c.18.25.6.25.78 0l3.94-4.9c.22-.28-.02-.77-.37-.78H18.4v-1.25c0-4.2.72-3.63-3.66-3.63H7.28c-.6 0-.92-.02-1.34-.03zm-1.72.06c-.4.08-.54.3-.6.75l.6-.74zm.84.93c-.12 0-.24.08-.3.18l-3.95 4.9c-.24.3 0 .83.4.82H3.6v1.22c0 4.26-.55 3.62 3.66 3.62h7.44c.63 0 .97.02 1.4.03l-2.37-2.93H7.28c-.44 0-.72-.3-.72-.72v-1.22h2.5c.4.04.67-.53.4-.8l-3.96-4.92c-.1-.13-.27-.2-.44-.2zm13.28 10.03l-.56.7c.36-.07.5-.3.56-.7zM17.13 155.6c-.55-.02-1.32.03-2.4.03h-8.2l2.38 2.9h5.82c.42 0 .72.28.72.72v1.97H12.9c-.32.06-.48.52-.28.78l3.94 4.94c.2.23.6.22.78-.03l3.94-4.9c.22-.28-.02-.77-.37-.78H18.4v-1.97c0-3.15.4-3.62-1.25-3.66zm-12.1.28c-.1.02-.2.1-.28.18l-3.94 4.9c-.2.3.03.78.4.8H3.6v1.96c0 4.26-.55 3.62 3.66 3.62h8.24l-2.36-2.9H7.28c-.44 0-.72-.3-.72-.72v-1.97h2.5c.37.02.63-.5.4-.78l-3.96-4.9c-.1-.15-.3-.22-.47-.2zM5.13 174.5c-.15 0-.3.07-.38.2L.8 179.6c-.24.27 0 .82.4.8H3.6v2.32c0 4.26-.55 3.62 3.66 3.62h7.94l-2.35-2.9h-5.6c-.43 0-.7-.3-.7-.72v-2.3h2.5c.38.03.66-.54.4-.83l-3.97-4.9c-.1-.13-.23-.2-.38-.2zm12 .1c-.55-.02-1.32.03-2.4.03H6.83l2.35 2.9h5.52c.42 0 .72.28.72.72v2.34h-2.6c-.3.1-.43.53-.2.78l3.92 4.9c.18.24.6.24.78 0l3.94-4.9c.22-.3-.02-.78-.37-.8H18.4v-2.33c0-3.15.4-3.62-1.25-3.66zM4.97 193.16c-.1.03-.17.1-.22.18l-3.94 4.9c-.2.3.03.78.4.8H3.6v2.68c0 4.26-.55 3.62 3.66 3.62h7.66l-2.3-2.84c-.03-.02-.03-.04-.05-.06H7.27c-.44 0-.72-.3-.72-.72v-2.7h2.5c.37.03.63-.48.4-.77l-3.96-4.9c-.12-.17-.34-.25-.53-.2zm12.16.43c-.55-.02-1.32.03-2.4.03H7.1l2.32 2.84.03.06h5.25c.42 0 .72.28.72.72v2.7h-2.5c-.36.02-.56.54-.3.8l3.92 4.9c.18.25.6.25.78 0l3.94-4.9c.26-.28 0-.83-.37-.8H18.4v-2.7c0-3.15.4-3.62-1.25-3.66z' fill='%23D8A070' stroke-width='0'/></svg>\")}button.icon-button i.fa-retweet:hover{background-image:url(\"data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='22' height='209'><path d='M4.97 3.16c-.1.03-.17.1-.22.18L.8 8.24c-.2.3.03.78.4.8H3.6v2.68c0 4.26-.55 3.62 3.66 3.62h7.66l-2.3-2.84c-.03-.02-.03-.04-.05-.06H7.27c-.44 0-.72-.3-.72-.72v-2.7h2.5c.37.03.63-.48.4-.77L5.5 3.35c-.12-.17-.34-.25-.53-.2zm12.16.43c-.55-.02-1.32.02-2.4.02H7.1l2.32 2.85.03.06h5.25c.42 0 .72.28.72.72v2.7h-2.5c-.36.02-.56.54-.3.8l3.92 4.9c.18.25.6.25.78 0l3.94-4.9c.26-.28 0-.83-.37-.8H18.4v-2.7c0-3.15.4-3.62-1.25-3.66z' fill='%234A6B94' stroke-width='0'/><path d='M7.78 19.66c-.24.02-.44.25-.44.5v2.46h-.06c-1.08 0-1.86-.03-2.4-.03-1.64 0-1.25.43-1.25 3.65v4.47c0 4.26-.56 3.62 3.65 3.62H8.5l-1.3-1.06c-.1-.08-.18-.2-.2-.3-.02-.17.06-.35.2-.45l1.33-1.1H7.28c-.44 0-.72-.3-.72-.7v-4.48c0-.44.28-.72.72-.72h.06v2.5c0 .38.54.63.82.38l4.9-3.93c.25-.18.25-.6 0-.78l-4.9-3.92c-.1-.1-.24-.14-.38-.12zm9.34 2.93c-.54-.02-1.3.02-2.4.02h-1.25l1.3 1.07c.1.07.18.2.2.33.02.16-.06.3-.2.4l-1.33 1.1h1.28c.42 0 .72.28.72.72v4.47c0 .42-.3.72-.72.72h-.1v-2.47c0-.3-.3-.53-.6-.47-.07 0-.14.05-.2.1l-4.9 3.93c-.26.18-.26.6 0 .78l4.9 3.92c.27.25.82 0 .8-.38v-2.5h.1c4.27 0 3.65.67 3.65-3.62v-4.47c0-3.15.4-3.62-1.25-3.66zM10.34 38.66c-.24.02-.44.25-.43.5v2.47H7.3c-1.08 0-1.86-.04-2.4-.04-1.64 0-1.25.43-1.25 3.65v4.47c0 3.66-.23 3.7 2.34 3.66l-1.34-1.1c-.1-.08-.18-.2-.2-.3 0-.17.07-.35.2-.45l1.96-1.6c-.03-.06-.04-.13-.04-.2v-4.48c0-.44.28-.72.72-.72H9.9v2.5c0 .36.5.6.8.38l4.93-3.93c.24-.18.24-.6 0-.78l-4.94-3.92c-.1-.08-.23-.13-.36-.12zm5.63 2.93l1.34 1.1c.1.07.18.2.2.33.02.16-.03.3-.16.4l-1.96 1.6c.02.07.06.13.06.22v4.47c0 .42-.3.72-.72.72h-2.66v-2.47c0-.3-.3-.53-.6-.47-.06.02-.12.05-.18.1l-4.94 3.93c-.24.18-.24.6 0 .78l4.94 3.92c.28.22.78-.02.78-.38v-2.5h2.66c4.27 0 3.65.67 3.65-3.62v-4.47c0-3.66.34-3.7-2.4-3.66zM13.06 57.66c-.23.03-.4.26-.4.5v2.47H7.28c-1.08 0-1.86-.04-2.4-.04-1.64 0-1.25.43-1.25 3.65v4.87l2.93-2.37v-2.5c0-.44.28-.72.72-.72h5.38v2.5c0 .36.5.6.78.38l4.94-3.93c.24-.18.24-.6 0-.78l-4.94-3.92c-.1-.1-.24-.14-.38-.12zm5.3 6.15l-2.92 2.4v2.52c0 .42-.3.72-.72.72h-5.4v-2.47c0-.3-.32-.53-.6-.47-.07.02-.13.05-.2.1L3.6 70.52c-.25.18-.25.6 0 .78l4.93 3.92c.28.22.78-.02.78-.38v-2.5h5.42c4.27 0 3.65.67 3.65-3.62v-4.47-.44zM19.25 78.8c-.1.03-.2.1-.28.17l-.9.9c-.44-.3-1.36-.25-3.35-.25H7.28c-1.08 0-1.86-.03-2.4-.03-1.64 0-1.25.43-1.25 3.65v.7l2.93.3v-1c0-.44.28-.72.72-.72h7.44c.2 0 .37.08.5.2l-1.8 1.8c-.25.26-.08.76.27.8l6.27.7c.28.03.56-.25.53-.53l-.7-6.25c0-.27-.3-.48-.55-.44zm-17.2 6.1c-.2.07-.36.3-.33.54l.7 6.25c.02.36.58.55.83.27l.8-.8c.02 0 .04-.02.04 0 .46.24 1.37.17 3.18.17h7.44c4.27 0 3.65.67 3.65-3.62v-.75l-2.93-.3v1.05c0 .42-.3.72-.72.72H7.28c-.15 0-.3-.03-.4-.1L8.8 86.4c.3-.24.1-.8-.27-.84l-6.28-.65h-.2zM4.88 98.6c-1.33 0-1.34.48-1.3 2.3l1.14-1.37c.08-.1.22-.17.34-.2.16 0 .34.08.44.2l1.66 2.03c.04 0 .07-.03.12-.03h7.44c.34 0 .57.2.65.5h-2.43c-.34.05-.53.52-.3.78l3.92 4.95c.18.24.6.24.78 0l3.94-4.94c.22-.27-.02-.76-.37-.77H18.4c.02-3.9.6-3.4-3.66-3.4H7.28c-1.08 0-1.86-.04-2.4-.04zm.15 2.46c-.1.03-.2.1-.28.2l-3.94 4.9c-.2.28.03.77.4.78H3.6c-.02 3.94-.45 3.4 3.66 3.4h7.44c3.65 0 3.74.3 3.7-2.25l-1.1 1.34c-.1.1-.2.17-.32.2-.16 0-.34-.08-.44-.2l-1.65-2.03c-.06.02-.1.04-.18.04H7.28c-.35 0-.57-.2-.66-.5h2.44c.37 0 .63-.5.4-.78l-3.96-4.9c-.1-.15-.3-.23-.47-.2zM4.88 117.6c-1.16 0-1.3.3-1.3 1.56l1.14-1.38c.08-.1.22-.14.34-.16.16 0 .34.04.44.16l2.22 2.75h7c.42 0 .72.28.72.72v.53h-2.6c-.3.1-.43.54-.2.78l3.92 4.9c.18.25.6.25.78 0l3.94-4.9c.22-.28-.02-.77-.37-.78H18.4v-.53c0-4.2.72-3.63-3.66-3.63H7.28c-1.08 0-1.86-.03-2.4-.03zm.1 1.74c-.1.03-.17.1-.23.16L.8 124.44c-.2.28.03.77.4.78H3.6v.5c0 4.26-.55 3.62 3.66 3.62h7.44c1.03 0 1.74.02 2.28 0-.16.02-.34-.03-.44-.15l-2.22-2.76H7.28c-.44 0-.72-.3-.72-.72v-.5h2.5c.37.02.63-.5.4-.78L5.5 119.5c-.12-.15-.34-.22-.53-.16zm12.02 10c1.2-.02 1.4-.25 1.4-1.53l-1.1 1.36c-.07.1-.17.17-.3.18zM5.94 136.6l2.37 2.93h6.42c.42 0 .72.28.72.72v1.25h-2.6c-.3.1-.43.54-.2.78l3.92 4.9c.18.25.6.25.78 0l3.94-4.9c.22-.28-.02-.77-.37-.78H18.4v-1.25c0-4.2.72-3.63-3.66-3.63H7.28c-.6 0-.92-.02-1.34-.03zm-1.72.06c-.4.08-.54.3-.6.75l.6-.74zm.84.93c-.12 0-.24.08-.3.18l-3.95 4.9c-.24.3 0 .83.4.82H3.6v1.22c0 4.26-.55 3.62 3.66 3.62h7.44c.63 0 .97.02 1.4.03l-2.37-2.93H7.28c-.44 0-.72-.3-.72-.72v-1.22h2.5c.4.04.67-.53.4-.8l-3.96-4.92c-.1-.13-.27-.2-.44-.2zm13.28 10.03l-.56.7c.36-.07.5-.3.56-.7zM17.13 155.6c-.55-.02-1.32.03-2.4.03h-8.2l2.38 2.9h5.82c.42 0 .72.28.72.72v1.97H12.9c-.32.06-.48.52-.28.78l3.94 4.94c.2.23.6.22.78-.03l3.94-4.9c.22-.28-.02-.77-.37-.78H18.4v-1.97c0-3.15.4-3.62-1.25-3.66zm-12.1.28c-.1.02-.2.1-.28.18l-3.94 4.9c-.2.3.03.78.4.8H3.6v1.96c0 4.26-.55 3.62 3.66 3.62h8.24l-2.36-2.9H7.28c-.44 0-.72-.3-.72-.72v-1.97h2.5c.37.02.63-.5.4-.78l-3.96-4.9c-.1-.15-.3-.22-.47-.2zM5.13 174.5c-.15 0-.3.07-.38.2L.8 179.6c-.24.27 0 .82.4.8H3.6v2.32c0 4.26-.55 3.62 3.66 3.62h7.94l-2.35-2.9h-5.6c-.43 0-.7-.3-.7-.72v-2.3h2.5c.38.03.66-.54.4-.83l-3.97-4.9c-.1-.13-.23-.2-.38-.2zm12 .1c-.55-.02-1.32.03-2.4.03H6.83l2.35 2.9h5.52c.42 0 .72.28.72.72v2.34h-2.6c-.3.1-.43.53-.2.78l3.92 4.9c.18.24.6.24.78 0l3.94-4.9c.22-.3-.02-.78-.37-.8H18.4v-2.33c0-3.15.4-3.62-1.25-3.66zM4.97 193.16c-.1.03-.17.1-.22.18l-3.94 4.9c-.2.3.03.78.4.8H3.6v2.68c0 4.26-.55 3.62 3.66 3.62h7.66l-2.3-2.84c-.03-.02-.03-.04-.05-.06H7.27c-.44 0-.72-.3-.72-.72v-2.7h2.5c.37.03.63-.48.4-.77l-3.96-4.9c-.12-.17-.34-.25-.53-.2zm12.16.43c-.55-.02-1.32.03-2.4.03H7.1l2.32 2.84.03.06h5.25c.42 0 .72.28.72.72v2.7h-2.5c-.36.02-.56.54-.3.8l3.92 4.9c.18.25.6.25.78 0l3.94-4.9c.26-.28 0-.83-.37-.8H18.4v-2.7c0-3.15.4-3.62-1.25-3.66z' fill='%23D8A070' stroke-width='0'/></svg>\")}button.icon-button.disabled i.fa-retweet{background-image:url(\"data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='22' height='209'><path d='M4.97 3.16c-.1.03-.17.1-.22.18L.8 8.24c-.2.3.03.78.4.8H3.6v2.68c0 4.26-.55 3.62 3.66 3.62h7.66l-2.3-2.84c-.03-.02-.03-.04-.05-.06H7.27c-.44 0-.72-.3-.72-.72v-2.7h2.5c.37.03.63-.48.4-.77L5.5 3.35c-.12-.17-.34-.25-.53-.2zm12.16.43c-.55-.02-1.32.02-2.4.02H7.1l2.32 2.85.03.06h5.25c.42 0 .72.28.72.72v2.7h-2.5c-.36.02-.56.54-.3.8l3.92 4.9c.18.25.6.25.78 0l3.94-4.9c.26-.28 0-.83-.37-.8H18.4v-2.7c0-3.15.4-3.62-1.25-3.66z' fill='%23283A50' stroke-width='0'/><path d='M7.78 19.66c-.24.02-.44.25-.44.5v2.46h-.06c-1.08 0-1.86-.03-2.4-.03-1.64 0-1.25.43-1.25 3.65v4.47c0 4.26-.56 3.62 3.65 3.62H8.5l-1.3-1.06c-.1-.08-.18-.2-.2-.3-.02-.17.06-.35.2-.45l1.33-1.1H7.28c-.44 0-.72-.3-.72-.7v-4.48c0-.44.28-.72.72-.72h.06v2.5c0 .38.54.63.82.38l4.9-3.93c.25-.18.25-.6 0-.78l-4.9-3.92c-.1-.1-.24-.14-.38-.12zm9.34 2.93c-.54-.02-1.3.02-2.4.02h-1.25l1.3 1.07c.1.07.18.2.2.33.02.16-.06.3-.2.4l-1.33 1.1h1.28c.42 0 .72.28.72.72v4.47c0 .42-.3.72-.72.72h-.1v-2.47c0-.3-.3-.53-.6-.47-.07 0-.14.05-.2.1l-4.9 3.93c-.26.18-.26.6 0 .78l4.9 3.92c.27.25.82 0 .8-.38v-2.5h.1c4.27 0 3.65.67 3.65-3.62v-4.47c0-3.15.4-3.62-1.25-3.66zM10.34 38.66c-.24.02-.44.25-.43.5v2.47H7.3c-1.08 0-1.86-.04-2.4-.04-1.64 0-1.25.43-1.25 3.65v4.47c0 3.66-.23 3.7 2.34 3.66l-1.34-1.1c-.1-.08-.18-.2-.2-.3 0-.17.07-.35.2-.45l1.96-1.6c-.03-.06-.04-.13-.04-.2v-4.48c0-.44.28-.72.72-.72H9.9v2.5c0 .36.5.6.8.38l4.93-3.93c.24-.18.24-.6 0-.78l-4.94-3.92c-.1-.08-.23-.13-.36-.12zm5.63 2.93l1.34 1.1c.1.07.18.2.2.33.02.16-.03.3-.16.4l-1.96 1.6c.02.07.06.13.06.22v4.47c0 .42-.3.72-.72.72h-2.66v-2.47c0-.3-.3-.53-.6-.47-.06.02-.12.05-.18.1l-4.94 3.93c-.24.18-.24.6 0 .78l4.94 3.92c.28.22.78-.02.78-.38v-2.5h2.66c4.27 0 3.65.67 3.65-3.62v-4.47c0-3.66.34-3.7-2.4-3.66zM13.06 57.66c-.23.03-.4.26-.4.5v2.47H7.28c-1.08 0-1.86-.04-2.4-.04-1.64 0-1.25.43-1.25 3.65v4.87l2.93-2.37v-2.5c0-.44.28-.72.72-.72h5.38v2.5c0 .36.5.6.78.38l4.94-3.93c.24-.18.24-.6 0-.78l-4.94-3.92c-.1-.1-.24-.14-.38-.12zm5.3 6.15l-2.92 2.4v2.52c0 .42-.3.72-.72.72h-5.4v-2.47c0-.3-.32-.53-.6-.47-.07.02-.13.05-.2.1L3.6 70.52c-.25.18-.25.6 0 .78l4.93 3.92c.28.22.78-.02.78-.38v-2.5h5.42c4.27 0 3.65.67 3.65-3.62v-4.47-.44zM19.25 78.8c-.1.03-.2.1-.28.17l-.9.9c-.44-.3-1.36-.25-3.35-.25H7.28c-1.08 0-1.86-.03-2.4-.03-1.64 0-1.25.43-1.25 3.65v.7l2.93.3v-1c0-.44.28-.72.72-.72h7.44c.2 0 .37.08.5.2l-1.8 1.8c-.25.26-.08.76.27.8l6.27.7c.28.03.56-.25.53-.53l-.7-6.25c0-.27-.3-.48-.55-.44zm-17.2 6.1c-.2.07-.36.3-.33.54l.7 6.25c.02.36.58.55.83.27l.8-.8c.02 0 .04-.02.04 0 .46.24 1.37.17 3.18.17h7.44c4.27 0 3.65.67 3.65-3.62v-.75l-2.93-.3v1.05c0 .42-.3.72-.72.72H7.28c-.15 0-.3-.03-.4-.1L8.8 86.4c.3-.24.1-.8-.27-.84l-6.28-.65h-.2zM4.88 98.6c-1.33 0-1.34.48-1.3 2.3l1.14-1.37c.08-.1.22-.17.34-.2.16 0 .34.08.44.2l1.66 2.03c.04 0 .07-.03.12-.03h7.44c.34 0 .57.2.65.5h-2.43c-.34.05-.53.52-.3.78l3.92 4.95c.18.24.6.24.78 0l3.94-4.94c.22-.27-.02-.76-.37-.77H18.4c.02-3.9.6-3.4-3.66-3.4H7.28c-1.08 0-1.86-.04-2.4-.04zm.15 2.46c-.1.03-.2.1-.28.2l-3.94 4.9c-.2.28.03.77.4.78H3.6c-.02 3.94-.45 3.4 3.66 3.4h7.44c3.65 0 3.74.3 3.7-2.25l-1.1 1.34c-.1.1-.2.17-.32.2-.16 0-.34-.08-.44-.2l-1.65-2.03c-.06.02-.1.04-.18.04H7.28c-.35 0-.57-.2-.66-.5h2.44c.37 0 .63-.5.4-.78l-3.96-4.9c-.1-.15-.3-.23-.47-.2zM4.88 117.6c-1.16 0-1.3.3-1.3 1.56l1.14-1.38c.08-.1.22-.14.34-.16.16 0 .34.04.44.16l2.22 2.75h7c.42 0 .72.28.72.72v.53h-2.6c-.3.1-.43.54-.2.78l3.92 4.9c.18.25.6.25.78 0l3.94-4.9c.22-.28-.02-.77-.37-.78H18.4v-.53c0-4.2.72-3.63-3.66-3.63H7.28c-1.08 0-1.86-.03-2.4-.03zm.1 1.74c-.1.03-.17.1-.23.16L.8 124.44c-.2.28.03.77.4.78H3.6v.5c0 4.26-.55 3.62 3.66 3.62h7.44c1.03 0 1.74.02 2.28 0-.16.02-.34-.03-.44-.15l-2.22-2.76H7.28c-.44 0-.72-.3-.72-.72v-.5h2.5c.37.02.63-.5.4-.78L5.5 119.5c-.12-.15-.34-.22-.53-.16zm12.02 10c1.2-.02 1.4-.25 1.4-1.53l-1.1 1.36c-.07.1-.17.17-.3.18zM5.94 136.6l2.37 2.93h6.42c.42 0 .72.28.72.72v1.25h-2.6c-.3.1-.43.54-.2.78l3.92 4.9c.18.25.6.25.78 0l3.94-4.9c.22-.28-.02-.77-.37-.78H18.4v-1.25c0-4.2.72-3.63-3.66-3.63H7.28c-.6 0-.92-.02-1.34-.03zm-1.72.06c-.4.08-.54.3-.6.75l.6-.74zm.84.93c-.12 0-.24.08-.3.18l-3.95 4.9c-.24.3 0 .83.4.82H3.6v1.22c0 4.26-.55 3.62 3.66 3.62h7.44c.63 0 .97.02 1.4.03l-2.37-2.93H7.28c-.44 0-.72-.3-.72-.72v-1.22h2.5c.4.04.67-.53.4-.8l-3.96-4.92c-.1-.13-.27-.2-.44-.2zm13.28 10.03l-.56.7c.36-.07.5-.3.56-.7zM17.13 155.6c-.55-.02-1.32.03-2.4.03h-8.2l2.38 2.9h5.82c.42 0 .72.28.72.72v1.97H12.9c-.32.06-.48.52-.28.78l3.94 4.94c.2.23.6.22.78-.03l3.94-4.9c.22-.28-.02-.77-.37-.78H18.4v-1.97c0-3.15.4-3.62-1.25-3.66zm-12.1.28c-.1.02-.2.1-.28.18l-3.94 4.9c-.2.3.03.78.4.8H3.6v1.96c0 4.26-.55 3.62 3.66 3.62h8.24l-2.36-2.9H7.28c-.44 0-.72-.3-.72-.72v-1.97h2.5c.37.02.63-.5.4-.78l-3.96-4.9c-.1-.15-.3-.22-.47-.2zM5.13 174.5c-.15 0-.3.07-.38.2L.8 179.6c-.24.27 0 .82.4.8H3.6v2.32c0 4.26-.55 3.62 3.66 3.62h7.94l-2.35-2.9h-5.6c-.43 0-.7-.3-.7-.72v-2.3h2.5c.38.03.66-.54.4-.83l-3.97-4.9c-.1-.13-.23-.2-.38-.2zm12 .1c-.55-.02-1.32.03-2.4.03H6.83l2.35 2.9h5.52c.42 0 .72.28.72.72v2.34h-2.6c-.3.1-.43.53-.2.78l3.92 4.9c.18.24.6.24.78 0l3.94-4.9c.22-.3-.02-.78-.37-.8H18.4v-2.33c0-3.15.4-3.62-1.25-3.66zM4.97 193.16c-.1.03-.17.1-.22.18l-3.94 4.9c-.2.3.03.78.4.8H3.6v2.68c0 4.26-.55 3.62 3.66 3.62h7.66l-2.3-2.84c-.03-.02-.03-.04-.05-.06H7.27c-.44 0-.72-.3-.72-.72v-2.7h2.5c.37.03.63-.48.4-.77l-3.96-4.9c-.12-.17-.34-.25-.53-.2zm12.16.43c-.55-.02-1.32.03-2.4.03H7.1l2.32 2.84.03.06h5.25c.42 0 .72.28.72.72v2.7h-2.5c-.36.02-.56.54-.3.8l3.92 4.9c.18.25.6.25.78 0l3.94-4.9c.26-.28 0-.83-.37-.8H18.4v-2.7c0-3.15.4-3.62-1.25-3.66z' fill='%23D8A070' stroke-width='0'/></svg>\")}.app-body{-webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar}.animated-number{display:inline-flex;flex-direction:column;align-items:stretch;overflow:hidden;position:relative}.link-button{display:block;font-size:15px;line-height:20px;color:#d8a070;border:0;background:transparent;padding:0;cursor:pointer}.link-button:hover,.link-button:active{text-decoration:underline}.link-button:disabled{color:#9baec8;cursor:default}.button{background-color:#d8a070;border:10px none;border-radius:4px;box-sizing:border-box;color:#fff;cursor:pointer;display:inline-block;font-family:inherit;font-size:14px;font-weight:500;height:36px;letter-spacing:0;line-height:36px;overflow:hidden;padding:0 16px;position:relative;text-align:center;text-transform:uppercase;text-decoration:none;text-overflow:ellipsis;transition:all 100ms ease-in;white-space:nowrap;width:auto}.button:active,.button:focus,.button:hover{background-color:#e3bb98;transition:all 200ms ease-out}.button--destructive{transition:none}.button--destructive:active,.button--destructive:focus,.button--destructive:hover{background-color:#df405a;transition:none}.button:disabled,.button.disabled{background-color:#9baec8;cursor:default}.button::-moz-focus-inner{border:0}.button::-moz-focus-inner,.button:focus,.button:active{outline:0 !important}.button.button-primary,.button.button-alternative,.button.button-secondary,.button.button-alternative-2{font-size:16px;line-height:36px;height:auto;text-transform:none;padding:4px 16px}.button.button-alternative{color:#121a24;background:#9baec8}.button.button-alternative:active,.button.button-alternative:focus,.button.button-alternative:hover{background-color:#a8b9cf}.button.button-alternative-2{background:#3e5a7c}.button.button-alternative-2:active,.button.button-alternative-2:focus,.button.button-alternative-2:hover{background-color:#45648a}.button.button-secondary{color:#9baec8;background:transparent;padding:3px 15px;border:1px solid #9baec8}.button.button-secondary:active,.button.button-secondary:focus,.button.button-secondary:hover{border-color:#a8b9cf;color:#a8b9cf}.button.button-secondary:disabled{opacity:.5}.button.button--block{display:block;width:100%}.column__wrapper{display:flex;flex:1 1 auto;position:relative}.icon-button{display:inline-block;padding:0;color:#3e5a7c;border:0;border-radius:4px;background:transparent;cursor:pointer;transition:all 100ms ease-in;transition-property:background-color,color}.icon-button:hover,.icon-button:active,.icon-button:focus{color:#4a6b94;background-color:rgba(62,90,124,.15);transition:all 200ms ease-out;transition-property:background-color,color}.icon-button:focus{background-color:rgba(62,90,124,.3)}.icon-button.disabled{color:#283a50;background-color:transparent;cursor:default}.icon-button.active{color:#d8a070}.icon-button::-moz-focus-inner{border:0}.icon-button::-moz-focus-inner,.icon-button:focus,.icon-button:active{outline:0 !important}.icon-button.inverted{color:#3e5a7c}.icon-button.inverted:hover,.icon-button.inverted:active,.icon-button.inverted:focus{color:#324965;background-color:rgba(62,90,124,.15)}.icon-button.inverted:focus{background-color:rgba(62,90,124,.3)}.icon-button.inverted.disabled{color:#4a6b94;background-color:transparent}.icon-button.inverted.active{color:#d8a070}.icon-button.inverted.active.disabled{color:#e6c3a4}.icon-button.overlayed{box-sizing:content-box;background:rgba(0,0,0,.6);color:rgba(255,255,255,.7);border-radius:4px;padding:2px}.icon-button.overlayed:hover{background:rgba(0,0,0,.9)}.text-icon-button{color:#3e5a7c;border:0;border-radius:4px;background:transparent;cursor:pointer;font-weight:600;font-size:11px;padding:0 3px;line-height:27px;outline:0;transition:all 100ms ease-in;transition-property:background-color,color}.text-icon-button:hover,.text-icon-button:active,.text-icon-button:focus{color:#324965;background-color:rgba(62,90,124,.15);transition:all 200ms ease-out;transition-property:background-color,color}.text-icon-button:focus{background-color:rgba(62,90,124,.3)}.text-icon-button.disabled{color:#6b8cb5;background-color:transparent;cursor:default}.text-icon-button.active{color:#d8a070}.text-icon-button::-moz-focus-inner{border:0}.text-icon-button::-moz-focus-inner,.text-icon-button:focus,.text-icon-button:active{outline:0 !important}.dropdown-menu{position:absolute}.invisible{font-size:0;line-height:0;display:inline-block;width:0;height:0;position:absolute}.invisible img,.invisible svg{margin:0 !important;border:0 !important;padding:0 !important;width:0 !important;height:0 !important}.ellipsis::after{content:\"…\"}.compose-form{padding:10px}.compose-form__sensitive-button{padding:10px;padding-top:0;font-size:14px;font-weight:500}.compose-form__sensitive-button.active{color:#d8a070}.compose-form__sensitive-button input[type=checkbox]{display:none}.compose-form__sensitive-button .checkbox{display:inline-block;position:relative;border:1px solid #9baec8;box-sizing:border-box;width:18px;height:18px;flex:0 0 auto;margin-right:10px;top:-1px;border-radius:4px;vertical-align:middle}.compose-form__sensitive-button .checkbox.active{border-color:#d8a070;background:#d8a070}.compose-form .compose-form__warning{color:#121a24;margin-bottom:10px;background:#9baec8;box-shadow:0 2px 6px rgba(0,0,0,.3);padding:8px 10px;border-radius:4px;font-size:13px;font-weight:400}.compose-form .compose-form__warning strong{color:#121a24;font-weight:500}.compose-form .compose-form__warning strong:lang(ja){font-weight:700}.compose-form .compose-form__warning strong:lang(ko){font-weight:700}.compose-form .compose-form__warning strong:lang(zh-CN){font-weight:700}.compose-form .compose-form__warning strong:lang(zh-HK){font-weight:700}.compose-form .compose-form__warning strong:lang(zh-TW){font-weight:700}.compose-form .compose-form__warning a{color:#3e5a7c;font-weight:500;text-decoration:underline}.compose-form .compose-form__warning a:hover,.compose-form .compose-form__warning a:active,.compose-form .compose-form__warning a:focus{text-decoration:none}.compose-form .emoji-picker-dropdown{position:absolute;top:0;right:0}.compose-form .compose-form__autosuggest-wrapper{position:relative}.compose-form .autosuggest-textarea,.compose-form .autosuggest-input,.compose-form .spoiler-input{position:relative;width:100%}.compose-form .spoiler-input{height:0;transform-origin:bottom;opacity:0}.compose-form .spoiler-input.spoiler-input--visible{height:36px;margin-bottom:11px;opacity:1}.compose-form .autosuggest-textarea__textarea,.compose-form .spoiler-input__input{display:block;box-sizing:border-box;width:100%;margin:0;color:#121a24;background:#fff;padding:10px;font-family:inherit;font-size:14px;resize:vertical;border:0;outline:0}.compose-form .autosuggest-textarea__textarea::placeholder,.compose-form .spoiler-input__input::placeholder{color:#3e5a7c}.compose-form .autosuggest-textarea__textarea:focus,.compose-form .spoiler-input__input:focus{outline:0}@media screen and (max-width: 600px){.compose-form .autosuggest-textarea__textarea,.compose-form .spoiler-input__input{font-size:16px}}.compose-form .spoiler-input__input{border-radius:4px}.compose-form .autosuggest-textarea__textarea{min-height:100px;border-radius:4px 4px 0 0;padding-bottom:0;padding-right:32px;resize:none;scrollbar-color:initial}.compose-form .autosuggest-textarea__textarea::-webkit-scrollbar{all:unset}@media screen and (max-width: 600px){.compose-form .autosuggest-textarea__textarea{height:100px !important;resize:vertical}}.compose-form .autosuggest-textarea__suggestions-wrapper{position:relative;height:0}.compose-form .autosuggest-textarea__suggestions{box-sizing:border-box;display:none;position:absolute;top:100%;width:100%;z-index:99;box-shadow:4px 4px 6px rgba(0,0,0,.4);background:#d9e1e8;border-radius:0 0 4px 4px;color:#121a24;font-size:14px;padding:6px}.compose-form .autosuggest-textarea__suggestions.autosuggest-textarea__suggestions--visible{display:block}.compose-form .autosuggest-textarea__suggestions__item{padding:10px;cursor:pointer;border-radius:4px}.compose-form .autosuggest-textarea__suggestions__item:hover,.compose-form .autosuggest-textarea__suggestions__item:focus,.compose-form .autosuggest-textarea__suggestions__item:active,.compose-form .autosuggest-textarea__suggestions__item.selected{background:#b9c8d5}.compose-form .autosuggest-account,.compose-form .autosuggest-emoji,.compose-form .autosuggest-hashtag{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;line-height:18px;font-size:14px}.compose-form .autosuggest-hashtag{justify-content:space-between}.compose-form .autosuggest-hashtag__name{flex:1 1 auto;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.compose-form .autosuggest-hashtag strong{font-weight:500}.compose-form .autosuggest-hashtag__uses{flex:0 0 auto;text-align:right;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.compose-form .autosuggest-account-icon,.compose-form .autosuggest-emoji img{display:block;margin-right:8px;width:16px;height:16px}.compose-form .autosuggest-account .display-name__account{color:#3e5a7c}.compose-form .compose-form__modifiers{color:#121a24;font-family:inherit;font-size:14px;background:#fff}.compose-form .compose-form__modifiers .compose-form__upload-wrapper{overflow:hidden}.compose-form .compose-form__modifiers .compose-form__uploads-wrapper{display:flex;flex-direction:row;padding:5px;flex-wrap:wrap}.compose-form .compose-form__modifiers .compose-form__upload{flex:1 1 0;min-width:40%;margin:5px}.compose-form .compose-form__modifiers .compose-form__upload__actions{background:linear-gradient(180deg, rgba(0, 0, 0, 0.8) 0, rgba(0, 0, 0, 0.35) 80%, transparent);display:flex;align-items:flex-start;justify-content:space-between;opacity:0;transition:opacity .1s ease}.compose-form .compose-form__modifiers .compose-form__upload__actions .icon-button{flex:0 1 auto;color:#d9e1e8;font-size:14px;font-weight:500;padding:10px;font-family:inherit}.compose-form .compose-form__modifiers .compose-form__upload__actions .icon-button:hover,.compose-form .compose-form__modifiers .compose-form__upload__actions .icon-button:focus,.compose-form .compose-form__modifiers .compose-form__upload__actions .icon-button:active{color:#eff3f5}.compose-form .compose-form__modifiers .compose-form__upload__actions.active{opacity:1}.compose-form .compose-form__modifiers .compose-form__upload-description{position:absolute;z-index:2;bottom:0;left:0;right:0;box-sizing:border-box;background:linear-gradient(0deg, rgba(0, 0, 0, 0.8) 0, rgba(0, 0, 0, 0.35) 80%, transparent);padding:10px;opacity:0;transition:opacity .1s ease}.compose-form .compose-form__modifiers .compose-form__upload-description textarea{background:transparent;color:#d9e1e8;border:0;padding:0;margin:0;width:100%;font-family:inherit;font-size:14px;font-weight:500}.compose-form .compose-form__modifiers .compose-form__upload-description textarea:focus{color:#fff}.compose-form .compose-form__modifiers .compose-form__upload-description textarea::placeholder{opacity:.75;color:#d9e1e8}.compose-form .compose-form__modifiers .compose-form__upload-description.active{opacity:1}.compose-form .compose-form__modifiers .compose-form__upload-thumbnail{border-radius:4px;background-color:#000;background-position:center;background-size:cover;background-repeat:no-repeat;height:140px;width:100%;overflow:hidden}.compose-form .compose-form__buttons-wrapper{padding:10px;background:#ebebeb;border-radius:0 0 4px 4px;display:flex;justify-content:space-between;flex:0 0 auto}.compose-form .compose-form__buttons-wrapper .compose-form__buttons{display:flex}.compose-form .compose-form__buttons-wrapper .compose-form__buttons .compose-form__upload-button-icon{line-height:27px}.compose-form .compose-form__buttons-wrapper .compose-form__buttons .compose-form__sensitive-button{display:none}.compose-form .compose-form__buttons-wrapper .compose-form__buttons .compose-form__sensitive-button.compose-form__sensitive-button--visible{display:block}.compose-form .compose-form__buttons-wrapper .compose-form__buttons .compose-form__sensitive-button .compose-form__sensitive-button__icon{line-height:27px}.compose-form .compose-form__buttons-wrapper .icon-button,.compose-form .compose-form__buttons-wrapper .text-icon-button{box-sizing:content-box;padding:0 3px}.compose-form .compose-form__buttons-wrapper .character-counter__wrapper{align-self:center;margin-right:4px}.compose-form .compose-form__publish{display:flex;justify-content:flex-end;min-width:0;flex:0 0 auto}.compose-form .compose-form__publish .compose-form__publish-button-wrapper{overflow:hidden;padding-top:10px}.character-counter{cursor:default;font-family:\"mastodon-font-sans-serif\",sans-serif;font-size:14px;font-weight:600;color:#3e5a7c}.character-counter.character-counter--over{color:#ff5050}.no-reduce-motion .spoiler-input{transition:height .4s ease,opacity .4s ease}.emojione{font-size:inherit;vertical-align:middle;object-fit:contain;margin:-0.2ex .15em .2ex;width:16px;height:16px}.emojione img{width:auto}.reply-indicator{border-radius:4px;margin-bottom:10px;background:#9baec8;padding:10px;min-height:23px;overflow-y:auto;flex:0 2 auto}.reply-indicator__header{margin-bottom:5px;overflow:hidden}.reply-indicator__cancel{float:right;line-height:24px}.reply-indicator__display-name{color:#121a24;display:block;max-width:100%;line-height:24px;overflow:hidden;padding-right:25px;text-decoration:none}.reply-indicator__display-avatar{float:left;margin-right:5px}.status__content--with-action{cursor:pointer}.status__content,.reply-indicator__content{position:relative;font-size:15px;line-height:20px;word-wrap:break-word;font-weight:400;overflow:hidden;text-overflow:ellipsis;padding-top:2px;color:#fff}.status__content:focus,.reply-indicator__content:focus{outline:0}.status__content.status__content--with-spoiler,.reply-indicator__content.status__content--with-spoiler{white-space:normal}.status__content.status__content--with-spoiler .status__content__text,.reply-indicator__content.status__content--with-spoiler .status__content__text{white-space:pre-wrap}.status__content .emojione,.reply-indicator__content .emojione{width:20px;height:20px;margin:-3px 0 0}.status__content img,.reply-indicator__content img{max-width:100%;max-height:400px;object-fit:contain}.status__content p,.reply-indicator__content p{margin-bottom:20px;white-space:pre-wrap}.status__content p:last-child,.reply-indicator__content p:last-child{margin-bottom:0}.status__content a,.reply-indicator__content a{color:#d8a070;text-decoration:none}.status__content a:hover,.reply-indicator__content a:hover{text-decoration:underline}.status__content a:hover .fa,.reply-indicator__content a:hover .fa{color:#4a6b94}.status__content a.mention:hover,.reply-indicator__content a.mention:hover{text-decoration:none}.status__content a.mention:hover span,.reply-indicator__content a.mention:hover span{text-decoration:underline}.status__content a .fa,.reply-indicator__content a .fa{color:#3e5a7c}.status__content a.unhandled-link,.reply-indicator__content a.unhandled-link{color:#e1b590}.status__content .status__content__spoiler-link,.reply-indicator__content .status__content__spoiler-link{background:#3e5a7c}.status__content .status__content__spoiler-link:hover,.reply-indicator__content .status__content__spoiler-link:hover{background:#4a6b94;text-decoration:none}.status__content .status__content__spoiler-link::-moz-focus-inner,.reply-indicator__content .status__content__spoiler-link::-moz-focus-inner{border:0}.status__content .status__content__spoiler-link::-moz-focus-inner,.status__content .status__content__spoiler-link:focus,.status__content .status__content__spoiler-link:active,.reply-indicator__content .status__content__spoiler-link::-moz-focus-inner,.reply-indicator__content .status__content__spoiler-link:focus,.reply-indicator__content .status__content__spoiler-link:active{outline:0 !important}.status__content .status__content__text,.reply-indicator__content .status__content__text{display:none}.status__content .status__content__text.status__content__text--visible,.reply-indicator__content .status__content__text.status__content__text--visible{display:block}.announcements__item__content{word-wrap:break-word;overflow-y:auto}.announcements__item__content .emojione{width:20px;height:20px;margin:-3px 0 0}.announcements__item__content p{margin-bottom:10px;white-space:pre-wrap}.announcements__item__content p:last-child{margin-bottom:0}.announcements__item__content a{color:#d9e1e8;text-decoration:none}.announcements__item__content a:hover{text-decoration:underline}.announcements__item__content a.mention:hover{text-decoration:none}.announcements__item__content a.mention:hover span{text-decoration:underline}.announcements__item__content a.unhandled-link{color:#e1b590}.status__content.status__content--collapsed{max-height:300px}.status__content__read-more-button{display:block;font-size:15px;line-height:20px;color:#e1b590;border:0;background:transparent;padding:0;padding-top:8px;text-decoration:none}.status__content__read-more-button:hover,.status__content__read-more-button:active{text-decoration:underline}.status__content__spoiler-link{display:inline-block;border-radius:2px;background:transparent;border:0;color:#121a24;font-weight:700;font-size:11px;padding:0 6px;text-transform:uppercase;line-height:20px;cursor:pointer;vertical-align:middle}.status__wrapper--filtered{color:#3e5a7c;border:0;font-size:inherit;text-align:center;line-height:inherit;margin:0;padding:15px;box-sizing:border-box;width:100%;clear:both;border-bottom:1px solid #202e3f}.status__prepend-icon-wrapper{left:-26px;position:absolute}.focusable:focus{outline:0;background:#192432}.focusable:focus .status.status-direct{background:#26374d}.focusable:focus .status.status-direct.muted{background:transparent}.focusable:focus .detailed-status,.focusable:focus .detailed-status__action-bar{background:#202e3f}.status{padding:8px 10px;padding-left:68px;position:relative;min-height:54px;border-bottom:1px solid #202e3f;cursor:default;opacity:1;animation:fade 150ms linear}@supports(-ms-overflow-style: -ms-autohiding-scrollbar){.status{padding-right:26px}}@keyframes fade{0%{opacity:0}100%{opacity:1}}.status .video-player,.status .audio-player{margin-top:8px}.status.status-direct:not(.read){background:#202e3f;border-bottom-color:#26374d}.status.light .status__relative-time{color:#9baec8}.status.light .status__display-name{color:#121a24}.status.light .display-name{color:#9baec8}.status.light .display-name strong{color:#121a24}.status.light .status__content{color:#121a24}.status.light .status__content a{color:#d8a070}.status.light .status__content a.status__content__spoiler-link{color:#fff;background:#9baec8}.status.light .status__content a.status__content__spoiler-link:hover{background:#b5c3d6}.notification-favourite .status.status-direct{background:transparent}.notification-favourite .status.status-direct .icon-button.disabled{color:#547aa9}.status__relative-time,.notification__relative_time{color:#3e5a7c;float:right;font-size:14px}.status__display-name{color:#3e5a7c}.status__info .status__display-name{display:block;max-width:100%;padding-right:25px}.status__info{font-size:15px}.status-check-box{border-bottom:1px solid #d9e1e8;display:flex}.status-check-box .status-check-box__status{margin:10px 0 10px 10px;flex:1;overflow:hidden}.status-check-box .status-check-box__status .media-gallery{max-width:250px}.status-check-box .status-check-box__status .status__content{padding:0;white-space:normal}.status-check-box .status-check-box__status .video-player,.status-check-box .status-check-box__status .audio-player{margin-top:8px;max-width:250px}.status-check-box .status-check-box__status .media-gallery__item-thumbnail{cursor:default}.status-check-box-toggle{align-items:center;display:flex;flex:0 0 auto;justify-content:center;padding:10px}.status__prepend{margin-left:68px;color:#3e5a7c;padding:8px 0;padding-bottom:2px;font-size:14px;position:relative}.status__prepend .status__display-name strong{color:#3e5a7c}.status__prepend>span{display:block;overflow:hidden;text-overflow:ellipsis}.status__action-bar{align-items:center;display:flex;margin-top:8px}.status__action-bar__counter{display:inline-flex;margin-right:11px;align-items:center}.status__action-bar__counter .status__action-bar-button{margin-right:4px}.status__action-bar__counter__label{display:inline-block;width:14px;font-size:12px;font-weight:500;color:#3e5a7c}.status__action-bar-button{margin-right:18px}.status__action-bar-dropdown{height:23.15px;width:23.15px}.detailed-status__action-bar-dropdown{flex:1 1 auto;display:flex;align-items:center;justify-content:center;position:relative}.detailed-status{background:#192432;padding:14px 10px}.detailed-status--flex{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-start}.detailed-status--flex .status__content,.detailed-status--flex .detailed-status__meta{flex:100%}.detailed-status .status__content{font-size:19px;line-height:24px}.detailed-status .status__content .emojione{width:24px;height:24px;margin:-1px 0 0}.detailed-status .status__content .status__content__spoiler-link{line-height:24px;margin:-1px 0 0}.detailed-status .video-player,.detailed-status .audio-player{margin-top:8px}.detailed-status__meta{margin-top:15px;color:#3e5a7c;font-size:14px;line-height:18px}.detailed-status__action-bar{background:#192432;border-top:1px solid #202e3f;border-bottom:1px solid #202e3f;display:flex;flex-direction:row;padding:10px 0}.detailed-status__link{color:inherit;text-decoration:none}.detailed-status__favorites,.detailed-status__reblogs{display:inline-block;font-weight:500;font-size:12px;margin-left:6px}.reply-indicator__content{color:#121a24;font-size:14px}.reply-indicator__content a{color:#3e5a7c}.domain{padding:10px;border-bottom:1px solid #202e3f}.domain .domain__domain-name{flex:1 1 auto;display:block;color:#fff;text-decoration:none;font-size:14px;font-weight:500}.domain__wrapper{display:flex}.domain_buttons{height:18px;padding:10px;white-space:nowrap}.account{padding:10px;border-bottom:1px solid #202e3f}.account.compact{padding:0;border-bottom:0}.account.compact .account__avatar-wrapper{margin-left:0}.account .account__display-name{flex:1 1 auto;display:block;color:#9baec8;overflow:hidden;text-decoration:none;font-size:14px}.account__wrapper{display:flex}.account__avatar-wrapper{float:left;margin-left:12px;margin-right:12px}.account__avatar{border-radius:4px;background:transparent no-repeat;background-position:50%;background-clip:padding-box;position:relative}.account__avatar-inline{display:inline-block;vertical-align:middle;margin-right:5px}.account__avatar-composite{border-radius:4px;background:transparent no-repeat;background-position:50%;background-clip:padding-box;border-radius:50%;overflow:hidden;position:relative}.account__avatar-composite>div{float:left;position:relative;box-sizing:border-box}.account__avatar-composite__label{display:block;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);color:#fff;text-shadow:1px 1px 2px #000;font-weight:700;font-size:15px}a .account__avatar{cursor:pointer}.account__avatar-overlay{width:48px;height:48px;background-size:48px 48px}.account__avatar-overlay-base{border-radius:4px;background:transparent no-repeat;background-position:50%;background-clip:padding-box;width:36px;height:36px;background-size:36px 36px}.account__avatar-overlay-overlay{border-radius:4px;background:transparent no-repeat;background-position:50%;background-clip:padding-box;width:24px;height:24px;background-size:24px 24px;position:absolute;bottom:0;right:0;z-index:1}.account__relationship{height:18px;padding:10px;white-space:nowrap}.account__disclaimer{padding:10px;border-top:1px solid #202e3f;color:#3e5a7c}.account__disclaimer strong{font-weight:500}.account__disclaimer strong:lang(ja){font-weight:700}.account__disclaimer strong:lang(ko){font-weight:700}.account__disclaimer strong:lang(zh-CN){font-weight:700}.account__disclaimer strong:lang(zh-HK){font-weight:700}.account__disclaimer strong:lang(zh-TW){font-weight:700}.account__disclaimer a{font-weight:500;color:inherit;text-decoration:underline}.account__disclaimer a:hover,.account__disclaimer a:focus,.account__disclaimer a:active{text-decoration:none}.account__action-bar{border-top:1px solid #202e3f;border-bottom:1px solid #202e3f;line-height:36px;overflow:hidden;flex:0 0 auto;display:flex}.account__action-bar-dropdown{padding:10px}.account__action-bar-dropdown .icon-button{vertical-align:middle}.account__action-bar-dropdown .dropdown--active .dropdown__content.dropdown__right{left:6px;right:initial}.account__action-bar-dropdown .dropdown--active::after{bottom:initial;margin-left:11px;margin-top:-7px;right:initial}.account__action-bar-links{display:flex;flex:1 1 auto;line-height:18px;text-align:center}.account__action-bar__tab{text-decoration:none;overflow:hidden;flex:0 1 100%;border-right:1px solid #202e3f;padding:10px 0;border-bottom:4px solid transparent}.account__action-bar__tab.active{border-bottom:4px solid #d8a070}.account__action-bar__tab>span{display:block;text-transform:uppercase;font-size:11px;color:#9baec8}.account__action-bar__tab strong{display:block;font-size:15px;font-weight:500;color:#fff}.account__action-bar__tab strong:lang(ja){font-weight:700}.account__action-bar__tab strong:lang(ko){font-weight:700}.account__action-bar__tab strong:lang(zh-CN){font-weight:700}.account__action-bar__tab strong:lang(zh-HK){font-weight:700}.account__action-bar__tab strong:lang(zh-TW){font-weight:700}.account-authorize{padding:14px 10px}.account-authorize .detailed-status__display-name{display:block;margin-bottom:15px;overflow:hidden}.account-authorize__avatar{float:left;margin-right:10px}.status__display-name,.status__relative-time,.detailed-status__display-name,.detailed-status__datetime,.detailed-status__application,.account__display-name{text-decoration:none}.status__display-name strong,.account__display-name strong{color:#fff}.muted .emojione{opacity:.5}.status__display-name:hover strong,.reply-indicator__display-name:hover strong,.detailed-status__display-name:hover strong,a.account__display-name:hover strong{text-decoration:underline}.account__display-name strong{display:block;overflow:hidden;text-overflow:ellipsis}.detailed-status__application,.detailed-status__datetime{color:inherit}.detailed-status .button.logo-button{margin-bottom:15px}.detailed-status__display-name{color:#d9e1e8;display:block;line-height:24px;margin-bottom:15px;overflow:hidden}.detailed-status__display-name strong,.detailed-status__display-name span{display:block;text-overflow:ellipsis;overflow:hidden}.detailed-status__display-name strong{font-size:16px;color:#fff}.detailed-status__display-avatar{float:left;margin-right:10px}.status__avatar{height:48px;left:10px;position:absolute;top:10px;width:48px}.status__expand{width:68px;position:absolute;left:0;top:0;height:100%;cursor:pointer}.muted .status__content,.muted .status__content p,.muted .status__content a{color:#3e5a7c}.muted .status__display-name strong{color:#3e5a7c}.muted .status__avatar{opacity:.5}.muted a.status__content__spoiler-link{background:#3e5a7c;color:#121a24}.muted a.status__content__spoiler-link:hover{background:#4a6b94;text-decoration:none}.notification__message{margin:0 10px 0 68px;padding:8px 0 0;cursor:default;color:#9baec8;font-size:15px;line-height:22px;position:relative}.notification__message .fa{color:#d8a070}.notification__message>span{display:inline;overflow:hidden;text-overflow:ellipsis}.notification__favourite-icon-wrapper{left:-26px;position:absolute}.notification__favourite-icon-wrapper .star-icon{color:#ca8f04}.star-icon.active{color:#ca8f04}.bookmark-icon.active{color:#ff5050}.no-reduce-motion .icon-button.star-icon.activate>.fa-star{animation:spring-rotate-in 1s linear}.no-reduce-motion .icon-button.star-icon.deactivate>.fa-star{animation:spring-rotate-out 1s linear}.notification__display-name{color:inherit;font-weight:500;text-decoration:none}.notification__display-name:hover{color:#fff;text-decoration:underline}.notification__relative_time{float:right}.display-name{display:block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.display-name__html{font-weight:500}.display-name__account{font-size:14px}.status__relative-time:hover,.detailed-status__datetime:hover{text-decoration:underline}.image-loader{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center;flex-direction:column}.image-loader .image-loader__preview-canvas{max-width:100%;max-height:80%;background:url(\"~images/void.png\") repeat;object-fit:contain}.image-loader .loading-bar{position:relative}.image-loader.image-loader--amorphous .image-loader__preview-canvas{display:none}.zoomable-image{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center}.zoomable-image img{max-width:100%;max-height:80%;width:auto;height:auto;object-fit:contain}.navigation-bar{padding:10px;display:flex;align-items:center;flex-shrink:0;cursor:default;color:#9baec8}.navigation-bar strong{color:#d9e1e8}.navigation-bar a{color:inherit}.navigation-bar .permalink{text-decoration:none}.navigation-bar .navigation-bar__actions{position:relative}.navigation-bar .navigation-bar__actions .icon-button.close{position:absolute;pointer-events:none;transform:scale(0, 1) translate(-100%, 0);opacity:0}.navigation-bar .navigation-bar__actions .compose__action-bar .icon-button{pointer-events:auto;transform:scale(1, 1) translate(0, 0);opacity:1}.navigation-bar__profile{flex:1 1 auto;margin-left:8px;line-height:20px;margin-top:-1px;overflow:hidden}.navigation-bar__profile-account{display:block;font-weight:500;overflow:hidden;text-overflow:ellipsis}.navigation-bar__profile-edit{color:inherit;text-decoration:none}.dropdown{display:inline-block}.dropdown__content{display:none;position:absolute}.dropdown-menu__separator{border-bottom:1px solid #c0cdd9;margin:5px 7px 6px;height:0}.dropdown-menu{background:#d9e1e8;padding:4px 0;border-radius:4px;box-shadow:2px 4px 15px rgba(0,0,0,.4);z-index:9999}.dropdown-menu ul{list-style:none}.dropdown-menu.left{transform-origin:100% 50%}.dropdown-menu.top{transform-origin:50% 100%}.dropdown-menu.bottom{transform-origin:50% 0}.dropdown-menu.right{transform-origin:0 50%}.dropdown-menu__arrow{position:absolute;width:0;height:0;border:0 solid transparent}.dropdown-menu__arrow.left{right:-5px;margin-top:-5px;border-width:5px 0 5px 5px;border-left-color:#d9e1e8}.dropdown-menu__arrow.top{bottom:-5px;margin-left:-7px;border-width:5px 7px 0;border-top-color:#d9e1e8}.dropdown-menu__arrow.bottom{top:-5px;margin-left:-7px;border-width:0 7px 5px;border-bottom-color:#d9e1e8}.dropdown-menu__arrow.right{left:-5px;margin-top:-5px;border-width:5px 5px 5px 0;border-right-color:#d9e1e8}.dropdown-menu__item a{font-size:13px;line-height:18px;display:block;padding:4px 14px;box-sizing:border-box;text-decoration:none;background:#d9e1e8;color:#121a24;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dropdown-menu__item a:focus,.dropdown-menu__item a:hover,.dropdown-menu__item a:active{background:#d8a070;color:#d9e1e8;outline:0}.dropdown--active .dropdown__content{display:block;line-height:18px;max-width:311px;right:0;text-align:left;z-index:9999}.dropdown--active .dropdown__content>ul{list-style:none;background:#d9e1e8;padding:4px 0;border-radius:4px;box-shadow:0 0 15px rgba(0,0,0,.4);min-width:140px;position:relative}.dropdown--active .dropdown__content.dropdown__right{right:0}.dropdown--active .dropdown__content.dropdown__left>ul{left:-98px}.dropdown--active .dropdown__content>ul>li>a{font-size:13px;line-height:18px;display:block;padding:4px 14px;box-sizing:border-box;text-decoration:none;background:#d9e1e8;color:#121a24;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dropdown--active .dropdown__content>ul>li>a:focus{outline:0}.dropdown--active .dropdown__content>ul>li>a:hover{background:#d8a070;color:#d9e1e8}.dropdown__icon{vertical-align:middle}.columns-area{display:flex;flex:1 1 auto;flex-direction:row;justify-content:flex-start;overflow-x:auto;position:relative}.columns-area.unscrollable{overflow-x:hidden}.columns-area__panels{display:flex;justify-content:center;width:100%;height:100%;min-height:100vh}.columns-area__panels__pane{height:100%;overflow:hidden;pointer-events:none;display:flex;justify-content:flex-end;min-width:285px}.columns-area__panels__pane--start{justify-content:flex-start}.columns-area__panels__pane__inner{position:fixed;width:285px;pointer-events:auto;height:100%}.columns-area__panels__main{box-sizing:border-box;width:100%;max-width:600px;flex:0 0 auto;display:flex;flex-direction:column}@media screen and (min-width: 415px){.columns-area__panels__main{padding:0 10px}}.tabs-bar__wrapper{background:#040609;position:sticky;top:0;z-index:2;padding-top:0}@media screen and (min-width: 415px){.tabs-bar__wrapper{padding-top:10px}}.tabs-bar__wrapper .tabs-bar{margin-bottom:0}@media screen and (min-width: 415px){.tabs-bar__wrapper .tabs-bar{margin-bottom:10px}}.react-swipeable-view-container,.react-swipeable-view-container .columns-area,.react-swipeable-view-container .drawer,.react-swipeable-view-container .column{height:100%}.react-swipeable-view-container>*{display:flex;align-items:center;justify-content:center;height:100%}.column{width:350px;position:relative;box-sizing:border-box;display:flex;flex-direction:column}.column>.scrollable{background:#121a24;border-bottom-left-radius:2px;border-bottom-right-radius:2px}.ui{flex:0 0 auto;display:flex;flex-direction:column;width:100%;height:100%}.drawer{width:330px;box-sizing:border-box;display:flex;flex-direction:column;overflow-y:hidden}.drawer__tab{display:block;flex:1 1 auto;padding:15px 5px 13px;color:#9baec8;text-decoration:none;text-align:center;font-size:16px;border-bottom:2px solid transparent}.column,.drawer{flex:1 1 auto;overflow:hidden}@media screen and (min-width: 631px){.columns-area{padding:0}.column,.drawer{flex:0 0 auto;padding:10px;padding-left:5px;padding-right:5px}.column:first-child,.drawer:first-child{padding-left:10px}.column:last-child,.drawer:last-child{padding-right:10px}.columns-area>div .column,.columns-area>div .drawer{padding-left:5px;padding-right:5px}}.tabs-bar{box-sizing:border-box;display:flex;background:#202e3f;flex:0 0 auto;overflow-y:auto}.tabs-bar__link{display:block;flex:1 1 auto;padding:15px 10px;padding-bottom:13px;color:#fff;text-decoration:none;text-align:center;font-size:14px;font-weight:500;border-bottom:2px solid #202e3f;transition:all 50ms linear;transition-property:border-bottom,background,color}.tabs-bar__link .fa{font-weight:400;font-size:16px}@media screen and (min-width: 631px){.tabs-bar__link:hover,.tabs-bar__link:focus,.tabs-bar__link:active{background:#2a3c54;border-bottom-color:#2a3c54}}.tabs-bar__link.active{border-bottom:2px solid #d8a070;color:#d8a070}.tabs-bar__link span{margin-left:5px;display:none}@media screen and (min-width: 600px){.tabs-bar__link span{display:inline}}.columns-area--mobile{flex-direction:column;width:100%;height:100%;margin:0 auto}.columns-area--mobile .column,.columns-area--mobile .drawer{width:100%;height:100%;padding:0}.columns-area--mobile .directory__list{display:grid;grid-gap:10px;grid-template-columns:minmax(0, 50%) minmax(0, 50%)}@media screen and (max-width: 415px){.columns-area--mobile .directory__list{display:block}}.columns-area--mobile .directory__card{margin-bottom:0}.columns-area--mobile .filter-form{display:flex}.columns-area--mobile .autosuggest-textarea__textarea{font-size:16px}.columns-area--mobile .search__input{line-height:18px;font-size:16px;padding:15px;padding-right:30px}.columns-area--mobile .search__icon .fa{top:15px}.columns-area--mobile .scrollable{overflow:visible}@supports(display: grid){.columns-area--mobile .scrollable{contain:content}}@media screen and (min-width: 415px){.columns-area--mobile{padding:10px 0;padding-top:0}}@media screen and (min-width: 630px){.columns-area--mobile .detailed-status{padding:15px}.columns-area--mobile .detailed-status .media-gallery,.columns-area--mobile .detailed-status .video-player,.columns-area--mobile .detailed-status .audio-player{margin-top:15px}.columns-area--mobile .account__header__bar{padding:5px 10px}.columns-area--mobile .navigation-bar,.columns-area--mobile .compose-form{padding:15px}.columns-area--mobile .compose-form .compose-form__publish .compose-form__publish-button-wrapper{padding-top:15px}.columns-area--mobile .status{padding:15px 15px 15px 78px;min-height:50px}.columns-area--mobile .status__avatar{left:15px;top:17px}.columns-area--mobile .status__content{padding-top:5px}.columns-area--mobile .status__prepend{margin-left:78px;padding-top:15px}.columns-area--mobile .status__prepend-icon-wrapper{left:-32px}.columns-area--mobile .status .media-gallery,.columns-area--mobile .status__action-bar,.columns-area--mobile .status .video-player,.columns-area--mobile .status .audio-player{margin-top:10px}.columns-area--mobile .account{padding:15px 10px}.columns-area--mobile .account__header__bio{margin:0 -10px}.columns-area--mobile .notification__message{margin-left:78px;padding-top:15px}.columns-area--mobile .notification__favourite-icon-wrapper{left:-32px}.columns-area--mobile .notification .status{padding-top:8px}.columns-area--mobile .notification .account{padding-top:8px}.columns-area--mobile .notification .account__avatar-wrapper{margin-left:17px;margin-right:15px}}.floating-action-button{position:fixed;display:flex;justify-content:center;align-items:center;width:3.9375rem;height:3.9375rem;bottom:1.3125rem;right:1.3125rem;background:#d59864;color:#fff;border-radius:50%;font-size:21px;line-height:21px;text-decoration:none;box-shadow:2px 3px 9px rgba(0,0,0,.4)}.floating-action-button:hover,.floating-action-button:focus,.floating-action-button:active{background:#e0b38c}@media screen and (min-width: 415px){.tabs-bar{width:100%}.react-swipeable-view-container .columns-area--mobile{height:calc(100% - 10px) !important}.getting-started__wrapper,.getting-started__trends,.search{margin-bottom:10px}.getting-started__panel{margin:10px 0}.column,.drawer{min-width:330px}}@media screen and (max-width: 895px){.columns-area__panels__pane--compositional{display:none}}@media screen and (min-width: 895px){.floating-action-button,.tabs-bar__link.optional{display:none}.search-page .search{display:none}}@media screen and (max-width: 1190px){.columns-area__panels__pane--navigational{display:none}}@media screen and (min-width: 1190px){.tabs-bar{display:none}}.icon-with-badge{position:relative}.icon-with-badge__badge{position:absolute;left:9px;top:-13px;background:#d8a070;border:2px solid #202e3f;padding:1px 6px;border-radius:6px;font-size:10px;font-weight:500;line-height:14px;color:#fff}.column-link--transparent .icon-with-badge__badge{border-color:#040609}.compose-panel{width:285px;margin-top:10px;display:flex;flex-direction:column;height:calc(100% - 10px);overflow-y:hidden}.compose-panel .navigation-bar{padding-top:20px;padding-bottom:20px;flex:0 1 48px;min-height:20px}.compose-panel .flex-spacer{background:transparent}.compose-panel .compose-form{flex:1;overflow-y:hidden;display:flex;flex-direction:column;min-height:310px;padding-bottom:71px;margin-bottom:-71px}.compose-panel .compose-form__autosuggest-wrapper{overflow-y:auto;background-color:#fff;border-radius:4px 4px 0 0;flex:0 1 auto}.compose-panel .autosuggest-textarea__textarea{overflow-y:hidden}.compose-panel .compose-form__upload-thumbnail{height:80px}.navigation-panel{margin-top:10px;margin-bottom:10px;height:calc(100% - 20px);overflow-y:auto;display:flex;flex-direction:column}.navigation-panel>a{flex:0 0 auto}.navigation-panel hr{flex:0 0 auto;border:0;background:transparent;border-top:1px solid #192432;margin:10px 0}.navigation-panel .flex-spacer{background:transparent}.drawer__pager{box-sizing:border-box;padding:0;flex-grow:1;position:relative;overflow:hidden;display:flex}.drawer__inner{position:absolute;top:0;left:0;background:#283a50;box-sizing:border-box;padding:0;display:flex;flex-direction:column;overflow:hidden;overflow-y:auto;width:100%;height:100%;border-radius:2px}.drawer__inner.darker{background:#121a24}.drawer__inner__mastodon{background:#283a50 url('data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 234.80078 31.757813\" width=\"234.80078\" height=\"31.757812\"><path d=\"M19.599609 0c-1.05 0-2.10039.375-2.90039 1.125L0 16.925781v14.832031h234.80078V17.025391l-16.5-15.900391c-1.6-1.5-4.20078-1.5-5.80078 0l-13.80078 13.099609c-1.6 1.5-4.19883 1.5-5.79883 0L179.09961 1.125c-1.6-1.5-4.19883-1.5-5.79883 0L159.5 14.224609c-1.6 1.5-4.20078 1.5-5.80078 0L139.90039 1.125c-1.6-1.5-4.20078-1.5-5.80078 0l-13.79883 13.099609c-1.6 1.5-4.20078 1.5-5.80078 0L100.69922 1.125c-1.600001-1.5-4.198829-1.5-5.798829 0l-13.59961 13.099609c-1.6 1.5-4.200781 1.5-5.800781 0L61.699219 1.125c-1.6-1.5-4.198828-1.5-5.798828 0L42.099609 14.224609c-1.6 1.5-4.198828 1.5-5.798828 0L22.5 1.125C21.7.375 20.649609 0 19.599609 0z\" fill=\"%23121A24\"/></svg>') no-repeat bottom/100% auto;flex:1;min-height:47px;display:none}.drawer__inner__mastodon>img{display:block;object-fit:contain;object-position:bottom left;width:85%;height:100%;pointer-events:none;user-drag:none;user-select:none}@media screen and (min-height: 640px){.drawer__inner__mastodon{display:block}}.pseudo-drawer{background:#283a50;font-size:13px;text-align:left}.drawer__header{flex:0 0 auto;font-size:16px;background:#202e3f;margin-bottom:10px;display:flex;flex-direction:row;border-radius:2px}.drawer__header a{transition:background 100ms ease-in}.drawer__header a:hover{background:#17212e;transition:background 200ms ease-out}.scrollable{overflow-y:scroll;overflow-x:hidden;flex:1 1 auto;-webkit-overflow-scrolling:touch}.scrollable.optionally-scrollable{overflow-y:auto}@supports(display: grid){.scrollable{contain:strict}}.scrollable--flex{display:flex;flex-direction:column}.scrollable__append{flex:1 1 auto;position:relative;min-height:120px}@supports(display: grid){.scrollable.fullscreen{contain:none}}.column-back-button{box-sizing:border-box;width:100%;background:#192432;color:#d8a070;cursor:pointer;flex:0 0 auto;font-size:16px;line-height:inherit;border:0;text-align:unset;padding:15px;margin:0;z-index:3;outline:0}.column-back-button:hover{text-decoration:underline}.column-header__back-button{background:#192432;border:0;font-family:inherit;color:#d8a070;cursor:pointer;white-space:nowrap;font-size:16px;padding:0 5px 0 0;z-index:3}.column-header__back-button:hover{text-decoration:underline}.column-header__back-button:last-child{padding:0 15px 0 0}.column-back-button__icon{display:inline-block;margin-right:5px}.column-back-button--slim{position:relative}.column-back-button--slim-button{cursor:pointer;flex:0 0 auto;font-size:16px;padding:15px;position:absolute;right:0;top:-48px}.react-toggle{display:inline-block;position:relative;cursor:pointer;background-color:transparent;border:0;padding:0;user-select:none;-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-tap-highlight-color:transparent}.react-toggle-screenreader-only{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.react-toggle--disabled{cursor:not-allowed;opacity:.5;transition:opacity .25s}.react-toggle-track{width:50px;height:24px;padding:0;border-radius:30px;background-color:#121a24;transition:background-color .2s ease}.react-toggle:hover:not(.react-toggle--disabled) .react-toggle-track{background-color:#010102}.react-toggle--checked .react-toggle-track{background-color:#d8a070}.react-toggle--checked:hover:not(.react-toggle--disabled) .react-toggle-track{background-color:#e3bb98}.react-toggle-track-check{position:absolute;width:14px;height:10px;top:0;bottom:0;margin-top:auto;margin-bottom:auto;line-height:0;left:8px;opacity:0;transition:opacity .25s ease}.react-toggle--checked .react-toggle-track-check{opacity:1;transition:opacity .25s ease}.react-toggle-track-x{position:absolute;width:10px;height:10px;top:0;bottom:0;margin-top:auto;margin-bottom:auto;line-height:0;right:10px;opacity:1;transition:opacity .25s ease}.react-toggle--checked .react-toggle-track-x{opacity:0}.react-toggle-thumb{position:absolute;top:1px;left:1px;width:22px;height:22px;border:1px solid #121a24;border-radius:50%;background-color:#fafafa;box-sizing:border-box;transition:all .25s ease;transition-property:border-color,left}.react-toggle--checked .react-toggle-thumb{left:27px;border-color:#d8a070}.column-link{background:#202e3f;color:#fff;display:block;font-size:16px;padding:15px;text-decoration:none}.column-link:hover,.column-link:focus,.column-link:active{background:#253549}.column-link:focus{outline:0}.column-link--transparent{background:transparent;color:#d9e1e8}.column-link--transparent:hover,.column-link--transparent:focus,.column-link--transparent:active{background:transparent;color:#fff}.column-link--transparent.active{color:#d8a070}.column-link__icon{display:inline-block;margin-right:5px}.column-link__badge{display:inline-block;border-radius:4px;font-size:12px;line-height:19px;font-weight:500;background:#121a24;padding:4px 8px;margin:-6px 10px}.column-subheading{background:#121a24;color:#3e5a7c;padding:8px 20px;font-size:12px;font-weight:500;text-transform:uppercase;cursor:default}.getting-started__wrapper,.getting-started,.flex-spacer{background:#121a24}.flex-spacer{flex:1 1 auto}.getting-started{color:#3e5a7c;overflow:auto;border-bottom-left-radius:2px;border-bottom-right-radius:2px}.getting-started__wrapper,.getting-started__panel,.getting-started__footer{height:min-content}.getting-started__panel,.getting-started__footer{padding:10px;padding-top:20px;flex-grow:0}.getting-started__panel ul,.getting-started__footer ul{margin-bottom:10px}.getting-started__panel ul li,.getting-started__footer ul li{display:inline}.getting-started__panel p,.getting-started__footer p{font-size:13px}.getting-started__panel p a,.getting-started__footer p a{color:#3e5a7c;text-decoration:underline}.getting-started__panel a,.getting-started__footer a{text-decoration:none;color:#9baec8}.getting-started__panel a:hover,.getting-started__panel a:focus,.getting-started__panel a:active,.getting-started__footer a:hover,.getting-started__footer a:focus,.getting-started__footer a:active{text-decoration:underline}.getting-started__wrapper,.getting-started__footer{color:#3e5a7c}.getting-started__trends{flex:0 1 auto;opacity:1;animation:fade 150ms linear;margin-top:10px}.getting-started__trends h4{font-size:12px;text-transform:uppercase;color:#9baec8;padding:10px;font-weight:500;border-bottom:1px solid #202e3f}@media screen and (max-height: 810px){.getting-started__trends .trends__item:nth-child(3){display:none}}@media screen and (max-height: 720px){.getting-started__trends .trends__item:nth-child(2){display:none}}@media screen and (max-height: 670px){.getting-started__trends{display:none}}.getting-started__trends .trends__item{border-bottom:0;padding:10px}.getting-started__trends .trends__item__current{color:#9baec8}.keyboard-shortcuts{padding:8px 0 0;overflow:hidden}.keyboard-shortcuts thead{position:absolute;left:-9999px}.keyboard-shortcuts td{padding:0 10px 8px}.keyboard-shortcuts kbd{display:inline-block;padding:3px 5px;background-color:#202e3f;border:1px solid #0b1016}.setting-text{display:block;box-sizing:border-box;width:100%;margin:0;color:#121a24;background:#fff;padding:10px;font-family:inherit;font-size:14px;resize:vertical;border:0;outline:0;border-radius:4px}.setting-text:focus{outline:0}@media screen and (max-width: 600px){.setting-text{font-size:16px}}.no-reduce-motion button.icon-button i.fa-retweet{background-position:0 0;height:19px;transition:background-position .9s steps(10);transition-duration:0s;vertical-align:middle;width:22px}.no-reduce-motion button.icon-button i.fa-retweet::before{display:none !important}.no-reduce-motion button.icon-button.active i.fa-retweet{transition-duration:.9s;background-position:0 100%}.reduce-motion button.icon-button i.fa-retweet{color:#3e5a7c;transition:color 100ms ease-in}.reduce-motion button.icon-button.active i.fa-retweet{color:#d8a070}.status-card{display:flex;font-size:14px;border:1px solid #202e3f;border-radius:4px;color:#3e5a7c;margin-top:14px;text-decoration:none;overflow:hidden}.status-card__actions{bottom:0;left:0;position:absolute;right:0;top:0;display:flex;justify-content:center;align-items:center}.status-card__actions>div{background:rgba(0,0,0,.6);border-radius:8px;padding:12px 9px;flex:0 0 auto;display:flex;justify-content:center;align-items:center}.status-card__actions button,.status-card__actions a{display:inline;color:#d9e1e8;background:transparent;border:0;padding:0 8px;text-decoration:none;font-size:18px;line-height:18px}.status-card__actions button:hover,.status-card__actions button:active,.status-card__actions button:focus,.status-card__actions a:hover,.status-card__actions a:active,.status-card__actions a:focus{color:#fff}.status-card__actions a{font-size:19px;position:relative;bottom:-1px}a.status-card{cursor:pointer}a.status-card:hover{background:#202e3f}.status-card-photo{cursor:zoom-in;display:block;text-decoration:none;width:100%;height:auto;margin:0}.status-card-video iframe{width:100%;height:100%}.status-card__title{display:block;font-weight:500;margin-bottom:5px;color:#9baec8;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-decoration:none}.status-card__content{flex:1 1 auto;overflow:hidden;padding:14px 14px 14px 8px}.status-card__description{color:#9baec8}.status-card__host{display:block;margin-top:5px;font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.status-card__image{flex:0 0 100px;background:#202e3f;position:relative}.status-card__image>.fa{font-size:21px;position:absolute;transform-origin:50% 50%;top:50%;left:50%;transform:translate(-50%, -50%)}.status-card.horizontal{display:block}.status-card.horizontal .status-card__image{width:100%}.status-card.horizontal .status-card__image-image{border-radius:4px 4px 0 0}.status-card.horizontal .status-card__title{white-space:inherit}.status-card.compact{border-color:#192432}.status-card.compact.interactive{border:0}.status-card.compact .status-card__content{padding:8px;padding-top:10px}.status-card.compact .status-card__title{white-space:nowrap}.status-card.compact .status-card__image{flex:0 0 60px}a.status-card.compact:hover{background-color:#192432}.status-card__image-image{border-radius:4px 0 0 4px;display:block;margin:0;width:100%;height:100%;object-fit:cover;background-size:cover;background-position:center center}.load-more{display:block;color:#3e5a7c;background-color:transparent;border:0;font-size:inherit;text-align:center;line-height:inherit;margin:0;padding:15px;box-sizing:border-box;width:100%;clear:both;text-decoration:none}.load-more:hover{background:#151f2b}.load-gap{border-bottom:1px solid #202e3f}.regeneration-indicator{text-align:center;font-size:16px;font-weight:500;color:#3e5a7c;background:#121a24;cursor:default;display:flex;flex:1 1 auto;flex-direction:column;align-items:center;justify-content:center;padding:20px}.regeneration-indicator__figure,.regeneration-indicator__figure img{display:block;width:auto;height:160px;margin:0}.regeneration-indicator--without-header{padding-top:68px}.regeneration-indicator__label{margin-top:30px}.regeneration-indicator__label strong{display:block;margin-bottom:10px;color:#3e5a7c}.regeneration-indicator__label span{font-size:15px;font-weight:400}.column-header__wrapper{position:relative;flex:0 0 auto;z-index:1}.column-header__wrapper.active{box-shadow:0 1px 0 rgba(216,160,112,.3)}.column-header__wrapper.active::before{display:block;content:\"\";position:absolute;bottom:-13px;left:0;right:0;margin:0 auto;width:60%;pointer-events:none;height:28px;z-index:1;background:radial-gradient(ellipse, rgba(216, 160, 112, 0.23) 0%, rgba(216, 160, 112, 0) 60%)}.column-header__wrapper .announcements{z-index:1;position:relative}.column-header{display:flex;font-size:16px;background:#192432;flex:0 0 auto;cursor:pointer;position:relative;z-index:2;outline:0;overflow:hidden;border-top-left-radius:2px;border-top-right-radius:2px}.column-header>button{margin:0;border:0;padding:15px 0 15px 15px;color:inherit;background:transparent;font:inherit;text-align:left;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;flex:1}.column-header>.column-header__back-button{color:#d8a070}.column-header.active .column-header__icon{color:#d8a070;text-shadow:0 0 10px rgba(216,160,112,.4)}.column-header:focus,.column-header:active{outline:0}.column-header__buttons{height:48px;display:flex}.column-header__links{margin-bottom:14px}.column-header__links .text-btn{margin-right:10px}.column-header__button{background:#192432;border:0;color:#9baec8;cursor:pointer;font-size:16px;padding:0 15px}.column-header__button:hover{color:#b2c1d5}.column-header__button.active{color:#fff;background:#202e3f}.column-header__button.active:hover{color:#fff;background:#202e3f}.column-header__collapsible{max-height:70vh;overflow:hidden;overflow-y:auto;color:#9baec8;transition:max-height 150ms ease-in-out,opacity 300ms linear;opacity:1;z-index:1;position:relative}.column-header__collapsible.collapsed{max-height:0;opacity:.5}.column-header__collapsible.animating{overflow-y:hidden}.column-header__collapsible hr{height:0;background:transparent;border:0;border-top:1px solid #26374d;margin:10px 0}.column-header__collapsible-inner{background:#202e3f;padding:15px}.column-header__setting-btn:hover{color:#9baec8;text-decoration:underline}.column-header__setting-arrows{float:right}.column-header__setting-arrows .column-header__setting-btn{padding:0 10px}.column-header__setting-arrows .column-header__setting-btn:last-child{padding-right:0}.text-btn{display:inline-block;padding:0;font-family:inherit;font-size:inherit;color:inherit;border:0;background:transparent;cursor:pointer}.column-header__icon{display:inline-block;margin-right:5px}.loading-indicator{color:#3e5a7c;font-size:12px;font-weight:400;text-transform:uppercase;overflow:visible;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%)}.loading-indicator span{display:block;float:left;margin-left:50%;transform:translateX(-50%);margin:82px 0 0 50%;white-space:nowrap}.loading-indicator__figure{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:42px;height:42px;box-sizing:border-box;background-color:transparent;border:0 solid #3e5a7c;border-width:6px;border-radius:50%}.no-reduce-motion .loading-indicator span{animation:loader-label 1.15s infinite cubic-bezier(0.215, 0.61, 0.355, 1)}.no-reduce-motion .loading-indicator__figure{animation:loader-figure 1.15s infinite cubic-bezier(0.215, 0.61, 0.355, 1)}@keyframes spring-rotate-in{0%{transform:rotate(0deg)}30%{transform:rotate(-484.8deg)}60%{transform:rotate(-316.7deg)}90%{transform:rotate(-375deg)}100%{transform:rotate(-360deg)}}@keyframes spring-rotate-out{0%{transform:rotate(-360deg)}30%{transform:rotate(124.8deg)}60%{transform:rotate(-43.27deg)}90%{transform:rotate(15deg)}100%{transform:rotate(0deg)}}@keyframes loader-figure{0%{width:0;height:0;background-color:#3e5a7c}29%{background-color:#3e5a7c}30%{width:42px;height:42px;background-color:transparent;border-width:21px;opacity:1}100%{width:42px;height:42px;border-width:0;opacity:0;background-color:transparent}}@keyframes loader-label{0%{opacity:.25}30%{opacity:1}100%{opacity:.25}}.video-error-cover{align-items:center;background:#000;color:#fff;cursor:pointer;display:flex;flex-direction:column;height:100%;justify-content:center;margin-top:8px;position:relative;text-align:center;z-index:100}.media-spoiler{background:#000;color:#9baec8;border:0;padding:0;width:100%;height:100%;border-radius:4px;appearance:none}.media-spoiler:hover,.media-spoiler:active,.media-spoiler:focus{padding:0;color:#b5c3d6}.media-spoiler__warning{display:block;font-size:14px}.media-spoiler__trigger{display:block;font-size:11px;font-weight:700}.spoiler-button{top:0;left:0;width:100%;height:100%;position:absolute;z-index:100}.spoiler-button--minified{display:block;left:4px;top:4px;width:auto;height:auto}.spoiler-button--click-thru{pointer-events:none}.spoiler-button--hidden{display:none}.spoiler-button__overlay{display:block;background:transparent;width:100%;height:100%;border:0}.spoiler-button__overlay__label{display:inline-block;background:rgba(0,0,0,.5);border-radius:8px;padding:8px 12px;color:#fff;font-weight:500;font-size:14px}.spoiler-button__overlay:hover .spoiler-button__overlay__label,.spoiler-button__overlay:focus .spoiler-button__overlay__label,.spoiler-button__overlay:active .spoiler-button__overlay__label{background:rgba(0,0,0,.8)}.spoiler-button__overlay:disabled .spoiler-button__overlay__label{background:rgba(0,0,0,.5)}.modal-container--preloader{background:#202e3f}.account--panel{background:#192432;border-top:1px solid #202e3f;border-bottom:1px solid #202e3f;display:flex;flex-direction:row;padding:10px 0}.account--panel__button,.detailed-status__button{flex:1 1 auto;text-align:center}.column-settings__outer{background:#202e3f;padding:15px}.column-settings__section{color:#9baec8;cursor:default;display:block;font-weight:500;margin-bottom:10px}.column-settings__hashtags .column-settings__row{margin-bottom:15px}.column-settings__hashtags .column-select__control{outline:0;box-sizing:border-box;width:100%;border:0;box-shadow:none;font-family:inherit;background:#121a24;color:#9baec8;font-size:14px;margin:0}.column-settings__hashtags .column-select__control::placeholder{color:#a8b9cf}.column-settings__hashtags .column-select__control::-moz-focus-inner{border:0}.column-settings__hashtags .column-select__control::-moz-focus-inner,.column-settings__hashtags .column-select__control:focus,.column-settings__hashtags .column-select__control:active{outline:0 !important}.column-settings__hashtags .column-select__control:focus{background:#192432}@media screen and (max-width: 600px){.column-settings__hashtags .column-select__control{font-size:16px}}.column-settings__hashtags .column-select__placeholder{color:#3e5a7c;padding-left:2px;font-size:12px}.column-settings__hashtags .column-select__value-container{padding-left:6px}.column-settings__hashtags .column-select__multi-value{background:#202e3f}.column-settings__hashtags .column-select__multi-value__remove{cursor:pointer}.column-settings__hashtags .column-select__multi-value__remove:hover,.column-settings__hashtags .column-select__multi-value__remove:active,.column-settings__hashtags .column-select__multi-value__remove:focus{background:#26374d;color:#a8b9cf}.column-settings__hashtags .column-select__multi-value__label,.column-settings__hashtags .column-select__input{color:#9baec8}.column-settings__hashtags .column-select__clear-indicator,.column-settings__hashtags .column-select__dropdown-indicator{cursor:pointer;transition:none;color:#3e5a7c}.column-settings__hashtags .column-select__clear-indicator:hover,.column-settings__hashtags .column-select__clear-indicator:active,.column-settings__hashtags .column-select__clear-indicator:focus,.column-settings__hashtags .column-select__dropdown-indicator:hover,.column-settings__hashtags .column-select__dropdown-indicator:active,.column-settings__hashtags .column-select__dropdown-indicator:focus{color:#45648a}.column-settings__hashtags .column-select__indicator-separator{background-color:#202e3f}.column-settings__hashtags .column-select__menu{background:#fff;border-radius:4px;padding:10px 14px;padding-bottom:14px;margin-top:10px;color:#9baec8;box-shadow:2px 4px 15px rgba(0,0,0,.4);padding:0;background:#d9e1e8}.column-settings__hashtags .column-select__menu h4{text-transform:uppercase;color:#9baec8;font-size:13px;font-weight:500;margin-bottom:10px}.column-settings__hashtags .column-select__menu li{padding:4px 0}.column-settings__hashtags .column-select__menu ul{margin-bottom:10px}.column-settings__hashtags .column-select__menu em{font-weight:500;color:#121a24}.column-settings__hashtags .column-select__menu-list{padding:6px}.column-settings__hashtags .column-select__option{color:#121a24;border-radius:4px;font-size:14px}.column-settings__hashtags .column-select__option--is-focused,.column-settings__hashtags .column-select__option--is-selected{background:#b9c8d5}.column-settings__row .text-btn{margin-bottom:15px}.relationship-tag{color:#fff;margin-bottom:4px;display:block;vertical-align:top;background-color:#000;text-transform:uppercase;font-size:11px;font-weight:500;padding:4px;border-radius:4px;opacity:.7}.relationship-tag:hover{opacity:1}.setting-toggle{display:block;line-height:24px}.setting-toggle__label{color:#9baec8;display:inline-block;margin-bottom:14px;margin-left:8px;vertical-align:middle}.empty-column-indicator,.error-column,.follow_requests-unlocked_explanation{color:#3e5a7c;background:#121a24;text-align:center;padding:20px;font-size:15px;font-weight:400;cursor:default;display:flex;flex:1 1 auto;align-items:center;justify-content:center}@supports(display: grid){.empty-column-indicator,.error-column,.follow_requests-unlocked_explanation{contain:strict}}.empty-column-indicator>span,.error-column>span,.follow_requests-unlocked_explanation>span{max-width:400px}.empty-column-indicator a,.error-column a,.follow_requests-unlocked_explanation a{color:#d8a070;text-decoration:none}.empty-column-indicator a:hover,.error-column a:hover,.follow_requests-unlocked_explanation a:hover{text-decoration:underline}.follow_requests-unlocked_explanation{background:#0b1016;contain:initial}.error-column{flex-direction:column}@keyframes heartbeat{from{transform:scale(1);animation-timing-function:ease-out}10%{transform:scale(0.91);animation-timing-function:ease-in}17%{transform:scale(0.98);animation-timing-function:ease-out}33%{transform:scale(0.87);animation-timing-function:ease-in}45%{transform:scale(1);animation-timing-function:ease-out}}.no-reduce-motion .pulse-loading{transform-origin:center center;animation:heartbeat 1.5s ease-in-out infinite both}@keyframes shake-bottom{0%,100%{transform:rotate(0deg);transform-origin:50% 100%}10%{transform:rotate(2deg)}20%,40%,60%{transform:rotate(-4deg)}30%,50%,70%{transform:rotate(4deg)}80%{transform:rotate(-2deg)}90%{transform:rotate(2deg)}}.no-reduce-motion .shake-bottom{transform-origin:50% 100%;animation:shake-bottom .8s cubic-bezier(0.455, 0.03, 0.515, 0.955) 2s 2 both}.emoji-picker-dropdown__menu{background:#fff;position:absolute;box-shadow:4px 4px 6px rgba(0,0,0,.4);border-radius:4px;margin-top:5px;z-index:2}.emoji-picker-dropdown__menu .emoji-mart-scroll{transition:opacity 200ms ease}.emoji-picker-dropdown__menu.selecting .emoji-mart-scroll{opacity:.5}.emoji-picker-dropdown__modifiers{position:absolute;top:60px;right:11px;cursor:pointer}.emoji-picker-dropdown__modifiers__menu{position:absolute;z-index:4;top:-4px;left:-8px;background:#fff;border-radius:4px;box-shadow:1px 2px 6px rgba(0,0,0,.2);overflow:hidden}.emoji-picker-dropdown__modifiers__menu button{display:block;cursor:pointer;border:0;padding:4px 8px;background:transparent}.emoji-picker-dropdown__modifiers__menu button:hover,.emoji-picker-dropdown__modifiers__menu button:focus,.emoji-picker-dropdown__modifiers__menu button:active{background:rgba(217,225,232,.4)}.emoji-picker-dropdown__modifiers__menu .emoji-mart-emoji{height:22px}.emoji-mart-emoji span{background-repeat:no-repeat}.upload-area{align-items:center;background:rgba(0,0,0,.8);display:flex;height:100%;justify-content:center;left:0;opacity:0;position:absolute;top:0;visibility:hidden;width:100%;z-index:2000}.upload-area *{pointer-events:none}.upload-area__drop{width:320px;height:160px;display:flex;box-sizing:border-box;position:relative;padding:8px}.upload-area__background{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;border-radius:4px;background:#121a24;box-shadow:0 0 5px rgba(0,0,0,.2)}.upload-area__content{flex:1;display:flex;align-items:center;justify-content:center;color:#d9e1e8;font-size:18px;font-weight:500;border:2px dashed #3e5a7c;border-radius:4px}.upload-progress{padding:10px;color:#3e5a7c;overflow:hidden;display:flex}.upload-progress .fa{font-size:34px;margin-right:10px}.upload-progress span{font-size:12px;text-transform:uppercase;font-weight:500;display:block}.upload-progess__message{flex:1 1 auto}.upload-progress__backdrop{width:100%;height:6px;border-radius:6px;background:#3e5a7c;position:relative;margin-top:5px}.upload-progress__tracker{position:absolute;left:0;top:0;height:6px;background:#d8a070;border-radius:6px}.emoji-button{display:block;padding:5px 5px 2px 2px;outline:0;cursor:pointer}.emoji-button:active,.emoji-button:focus{outline:0 !important}.emoji-button img{filter:grayscale(100%);opacity:.8;display:block;margin:0;width:22px;height:22px}.emoji-button:hover img,.emoji-button:active img,.emoji-button:focus img{opacity:1;filter:none}.dropdown--active .emoji-button img{opacity:1;filter:none}.privacy-dropdown__dropdown{position:absolute;background:#fff;box-shadow:2px 4px 15px rgba(0,0,0,.4);border-radius:4px;margin-left:40px;overflow:hidden}.privacy-dropdown__dropdown.top{transform-origin:50% 100%}.privacy-dropdown__dropdown.bottom{transform-origin:50% 0}.privacy-dropdown__option{color:#121a24;padding:10px;cursor:pointer;display:flex}.privacy-dropdown__option:hover,.privacy-dropdown__option.active{background:#d8a070;color:#fff;outline:0}.privacy-dropdown__option:hover .privacy-dropdown__option__content,.privacy-dropdown__option.active .privacy-dropdown__option__content{color:#fff}.privacy-dropdown__option:hover .privacy-dropdown__option__content strong,.privacy-dropdown__option.active .privacy-dropdown__option__content strong{color:#fff}.privacy-dropdown__option.active:hover{background:#dcab80}.privacy-dropdown__option__icon{display:flex;align-items:center;justify-content:center;margin-right:10px}.privacy-dropdown__option__content{flex:1 1 auto;color:#3e5a7c}.privacy-dropdown__option__content strong{font-weight:500;display:block;color:#121a24}.privacy-dropdown__option__content strong:lang(ja){font-weight:700}.privacy-dropdown__option__content strong:lang(ko){font-weight:700}.privacy-dropdown__option__content strong:lang(zh-CN){font-weight:700}.privacy-dropdown__option__content strong:lang(zh-HK){font-weight:700}.privacy-dropdown__option__content strong:lang(zh-TW){font-weight:700}.privacy-dropdown.active .privacy-dropdown__value{background:#fff;border-radius:4px 4px 0 0;box-shadow:0 -4px 4px rgba(0,0,0,.1)}.privacy-dropdown.active .privacy-dropdown__value .icon-button{transition:none}.privacy-dropdown.active .privacy-dropdown__value.active{background:#d8a070}.privacy-dropdown.active .privacy-dropdown__value.active .icon-button{color:#fff}.privacy-dropdown.active.top .privacy-dropdown__value{border-radius:0 0 4px 4px}.privacy-dropdown.active .privacy-dropdown__dropdown{display:block;box-shadow:2px 4px 6px rgba(0,0,0,.1)}.search{position:relative}.search__input{outline:0;box-sizing:border-box;width:100%;border:0;box-shadow:none;font-family:inherit;background:#121a24;color:#9baec8;font-size:14px;margin:0;display:block;padding:15px;padding-right:30px;line-height:18px;font-size:16px}.search__input::placeholder{color:#a8b9cf}.search__input::-moz-focus-inner{border:0}.search__input::-moz-focus-inner,.search__input:focus,.search__input:active{outline:0 !important}.search__input:focus{background:#192432}@media screen and (max-width: 600px){.search__input{font-size:16px}}.search__icon::-moz-focus-inner{border:0}.search__icon::-moz-focus-inner,.search__icon:focus{outline:0 !important}.search__icon .fa{position:absolute;top:16px;right:10px;z-index:2;display:inline-block;opacity:0;transition:all 100ms linear;transition-property:transform,opacity;font-size:18px;width:18px;height:18px;color:#d9e1e8;cursor:default;pointer-events:none}.search__icon .fa.active{pointer-events:auto;opacity:.3}.search__icon .fa-search{transform:rotate(90deg)}.search__icon .fa-search.active{pointer-events:none;transform:rotate(0deg)}.search__icon .fa-times-circle{top:17px;transform:rotate(0deg);color:#3e5a7c;cursor:pointer}.search__icon .fa-times-circle.active{transform:rotate(90deg)}.search__icon .fa-times-circle:hover{color:#4a6b94}.search-results__header{color:#3e5a7c;background:#151f2b;padding:15px;font-weight:500;font-size:16px;cursor:default}.search-results__header .fa{display:inline-block;margin-right:5px}.search-results__section{margin-bottom:5px}.search-results__section h5{background:#0b1016;border-bottom:1px solid #202e3f;cursor:default;display:flex;padding:15px;font-weight:500;font-size:16px;color:#3e5a7c}.search-results__section h5 .fa{display:inline-block;margin-right:5px}.search-results__section .account:last-child,.search-results__section>div:last-child .status{border-bottom:0}.search-results__hashtag{display:block;padding:10px;color:#d9e1e8;text-decoration:none}.search-results__hashtag:hover,.search-results__hashtag:active,.search-results__hashtag:focus{color:#e6ebf0;text-decoration:underline}.search-results__info{padding:20px;color:#9baec8;text-align:center}.modal-root{position:relative;transition:opacity .3s linear;will-change:opacity;z-index:9999}.modal-root__overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.7)}.modal-root__container{position:fixed;top:0;left:0;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;align-content:space-around;z-index:9999;pointer-events:none;user-select:none}.modal-root__modal{pointer-events:auto;display:flex;z-index:9999}.video-modal__container{max-width:100vw;max-height:100vh}.audio-modal__container{width:50vw}.media-modal{width:100%;height:100%;position:relative}.media-modal .extended-video-player{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.media-modal .extended-video-player video{max-width:100%;max-height:80%}.media-modal__closer{position:absolute;top:0;left:0;right:0;bottom:0}.media-modal__navigation{position:absolute;top:0;left:0;right:0;bottom:0;pointer-events:none;transition:opacity .3s linear;will-change:opacity}.media-modal__navigation *{pointer-events:auto}.media-modal__navigation.media-modal__navigation--hidden{opacity:0}.media-modal__navigation.media-modal__navigation--hidden *{pointer-events:none}.media-modal__nav{background:rgba(0,0,0,.5);box-sizing:border-box;border:0;color:#fff;cursor:pointer;display:flex;align-items:center;font-size:24px;height:20vmax;margin:auto 0;padding:30px 15px;position:absolute;top:0;bottom:0}.media-modal__nav--left{left:0}.media-modal__nav--right{right:0}.media-modal__pagination{width:100%;text-align:center;position:absolute;left:0;bottom:20px;pointer-events:none}.media-modal__meta{text-align:center;position:absolute;left:0;bottom:20px;width:100%;pointer-events:none}.media-modal__meta--shifted{bottom:62px}.media-modal__meta a{pointer-events:auto;text-decoration:none;font-weight:500;color:#d9e1e8}.media-modal__meta a:hover,.media-modal__meta a:focus,.media-modal__meta a:active{text-decoration:underline}.media-modal__page-dot{display:inline-block}.media-modal__button{background-color:#fff;height:12px;width:12px;border-radius:6px;margin:10px;padding:0;border:0;font-size:0}.media-modal__button--active{background-color:#d8a070}.media-modal__close{position:absolute;right:8px;top:8px;z-index:100}.onboarding-modal,.error-modal,.embed-modal{background:#d9e1e8;color:#121a24;border-radius:8px;overflow:hidden;display:flex;flex-direction:column}.error-modal__body{height:80vh;width:80vw;max-width:520px;max-height:420px;position:relative}.error-modal__body>div{position:absolute;top:0;left:0;width:100%;height:100%;box-sizing:border-box;padding:25px;display:none;flex-direction:column;align-items:center;justify-content:center;display:flex;opacity:0;user-select:text}.error-modal__body{display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center}.onboarding-modal__paginator,.error-modal__footer{flex:0 0 auto;background:#c0cdd9;display:flex;padding:25px}.onboarding-modal__paginator>div,.error-modal__footer>div{min-width:33px}.onboarding-modal__paginator .onboarding-modal__nav,.onboarding-modal__paginator .error-modal__nav,.error-modal__footer .onboarding-modal__nav,.error-modal__footer .error-modal__nav{color:#3e5a7c;border:0;font-size:14px;font-weight:500;padding:10px 25px;line-height:inherit;height:auto;margin:-10px;border-radius:4px;background-color:transparent}.onboarding-modal__paginator .onboarding-modal__nav:hover,.onboarding-modal__paginator .onboarding-modal__nav:focus,.onboarding-modal__paginator .onboarding-modal__nav:active,.onboarding-modal__paginator .error-modal__nav:hover,.onboarding-modal__paginator .error-modal__nav:focus,.onboarding-modal__paginator .error-modal__nav:active,.error-modal__footer .onboarding-modal__nav:hover,.error-modal__footer .onboarding-modal__nav:focus,.error-modal__footer .onboarding-modal__nav:active,.error-modal__footer .error-modal__nav:hover,.error-modal__footer .error-modal__nav:focus,.error-modal__footer .error-modal__nav:active{color:#37506f;background-color:#a6b9c9}.onboarding-modal__paginator .onboarding-modal__nav.onboarding-modal__done,.onboarding-modal__paginator .onboarding-modal__nav.onboarding-modal__next,.onboarding-modal__paginator .error-modal__nav.onboarding-modal__done,.onboarding-modal__paginator .error-modal__nav.onboarding-modal__next,.error-modal__footer .onboarding-modal__nav.onboarding-modal__done,.error-modal__footer .onboarding-modal__nav.onboarding-modal__next,.error-modal__footer .error-modal__nav.onboarding-modal__done,.error-modal__footer .error-modal__nav.onboarding-modal__next{color:#121a24}.onboarding-modal__paginator .onboarding-modal__nav.onboarding-modal__done:hover,.onboarding-modal__paginator .onboarding-modal__nav.onboarding-modal__done:focus,.onboarding-modal__paginator .onboarding-modal__nav.onboarding-modal__done:active,.onboarding-modal__paginator .onboarding-modal__nav.onboarding-modal__next:hover,.onboarding-modal__paginator .onboarding-modal__nav.onboarding-modal__next:focus,.onboarding-modal__paginator .onboarding-modal__nav.onboarding-modal__next:active,.onboarding-modal__paginator .error-modal__nav.onboarding-modal__done:hover,.onboarding-modal__paginator .error-modal__nav.onboarding-modal__done:focus,.onboarding-modal__paginator .error-modal__nav.onboarding-modal__done:active,.onboarding-modal__paginator .error-modal__nav.onboarding-modal__next:hover,.onboarding-modal__paginator .error-modal__nav.onboarding-modal__next:focus,.onboarding-modal__paginator .error-modal__nav.onboarding-modal__next:active,.error-modal__footer .onboarding-modal__nav.onboarding-modal__done:hover,.error-modal__footer .onboarding-modal__nav.onboarding-modal__done:focus,.error-modal__footer .onboarding-modal__nav.onboarding-modal__done:active,.error-modal__footer .onboarding-modal__nav.onboarding-modal__next:hover,.error-modal__footer .onboarding-modal__nav.onboarding-modal__next:focus,.error-modal__footer .onboarding-modal__nav.onboarding-modal__next:active,.error-modal__footer .error-modal__nav.onboarding-modal__done:hover,.error-modal__footer .error-modal__nav.onboarding-modal__done:focus,.error-modal__footer .error-modal__nav.onboarding-modal__done:active,.error-modal__footer .error-modal__nav.onboarding-modal__next:hover,.error-modal__footer .error-modal__nav.onboarding-modal__next:focus,.error-modal__footer .error-modal__nav.onboarding-modal__next:active{color:#192432}.error-modal__footer{justify-content:center}.display-case{text-align:center;font-size:15px;margin-bottom:15px}.display-case__label{font-weight:500;color:#121a24;margin-bottom:5px;text-transform:uppercase;font-size:12px}.display-case__case{background:#121a24;color:#d9e1e8;font-weight:500;padding:10px;border-radius:4px}.onboard-sliders{display:inline-block;max-width:30px;max-height:auto;margin-left:10px}.boost-modal,.confirmation-modal,.report-modal,.actions-modal,.mute-modal,.block-modal{background:#f2f5f7;color:#121a24;border-radius:8px;overflow:hidden;max-width:90vw;width:480px;position:relative;flex-direction:column}.boost-modal .status__display-name,.confirmation-modal .status__display-name,.report-modal .status__display-name,.actions-modal .status__display-name,.mute-modal .status__display-name,.block-modal .status__display-name{display:block;max-width:100%;padding-right:25px}.boost-modal .status__avatar,.confirmation-modal .status__avatar,.report-modal .status__avatar,.actions-modal .status__avatar,.mute-modal .status__avatar,.block-modal .status__avatar{height:28px;left:10px;position:absolute;top:10px;width:48px}.boost-modal .status__content__spoiler-link,.confirmation-modal .status__content__spoiler-link,.report-modal .status__content__spoiler-link,.actions-modal .status__content__spoiler-link,.mute-modal .status__content__spoiler-link,.block-modal .status__content__spoiler-link{color:#f2f5f7}.actions-modal .status{background:#fff;border-bottom-color:#d9e1e8;padding-top:10px;padding-bottom:10px}.actions-modal .dropdown-menu__separator{border-bottom-color:#d9e1e8}.boost-modal__container{overflow-x:scroll;padding:10px}.boost-modal__container .status{user-select:text;border-bottom:0}.boost-modal__action-bar,.confirmation-modal__action-bar,.mute-modal__action-bar,.block-modal__action-bar{display:flex;justify-content:space-between;background:#d9e1e8;padding:10px;line-height:36px}.boost-modal__action-bar>div,.confirmation-modal__action-bar>div,.mute-modal__action-bar>div,.block-modal__action-bar>div{flex:1 1 auto;text-align:right;color:#3e5a7c;padding-right:10px}.boost-modal__action-bar .button,.confirmation-modal__action-bar .button,.mute-modal__action-bar .button,.block-modal__action-bar .button{flex:0 0 auto}.boost-modal__status-header{font-size:15px}.boost-modal__status-time{float:right;font-size:14px}.mute-modal,.block-modal{line-height:24px}.mute-modal .react-toggle,.block-modal .react-toggle{vertical-align:middle}.report-modal{width:90vw;max-width:700px}.report-modal__container{display:flex;border-top:1px solid #d9e1e8}@media screen and (max-width: 480px){.report-modal__container{flex-wrap:wrap;overflow-y:auto}}.report-modal__statuses,.report-modal__comment{box-sizing:border-box;width:50%}@media screen and (max-width: 480px){.report-modal__statuses,.report-modal__comment{width:100%}}.report-modal__statuses,.focal-point-modal__content{flex:1 1 auto;min-height:20vh;max-height:80vh;overflow-y:auto;overflow-x:hidden}.report-modal__statuses .status__content a,.focal-point-modal__content .status__content a{color:#d8a070}.report-modal__statuses .status__content,.report-modal__statuses .status__content p,.focal-point-modal__content .status__content,.focal-point-modal__content .status__content p{color:#121a24}@media screen and (max-width: 480px){.report-modal__statuses,.focal-point-modal__content{max-height:10vh}}@media screen and (max-width: 480px){.focal-point-modal__content{max-height:40vh}}.report-modal__comment{padding:20px;border-right:1px solid #d9e1e8;max-width:320px}.report-modal__comment p{font-size:14px;line-height:20px;margin-bottom:20px}.report-modal__comment .setting-text{display:block;box-sizing:border-box;width:100%;margin:0;color:#121a24;background:#fff;padding:10px;font-family:inherit;font-size:14px;resize:none;border:0;outline:0;border-radius:4px;border:1px solid #d9e1e8;min-height:100px;max-height:50vh;margin-bottom:10px}.report-modal__comment .setting-text:focus{border:1px solid #c0cdd9}.report-modal__comment .setting-text__wrapper{background:#fff;border:1px solid #d9e1e8;margin-bottom:10px;border-radius:4px}.report-modal__comment .setting-text__wrapper .setting-text{border:0;margin-bottom:0;border-radius:0}.report-modal__comment .setting-text__wrapper .setting-text:focus{border:0}.report-modal__comment .setting-text__wrapper__modifiers{color:#121a24;font-family:inherit;font-size:14px;background:#fff}.report-modal__comment .setting-text__toolbar{display:flex;justify-content:space-between;margin-bottom:20px}.report-modal__comment .setting-text-label{display:block;color:#121a24;font-size:14px;font-weight:500;margin-bottom:10px}.report-modal__comment .setting-toggle{margin-top:20px;margin-bottom:24px}.report-modal__comment .setting-toggle__label{color:#121a24;font-size:14px}@media screen and (max-width: 480px){.report-modal__comment{padding:10px;max-width:100%;order:2}.report-modal__comment .setting-toggle{margin-bottom:4px}}.actions-modal{max-height:80vh;max-width:80vw}.actions-modal .status{overflow-y:auto;max-height:300px}.actions-modal .actions-modal__item-label{font-weight:500}.actions-modal ul{overflow-y:auto;flex-shrink:0;max-height:80vh}.actions-modal ul.with-status{max-height:calc(80vh - 75px)}.actions-modal ul li:empty{margin:0}.actions-modal ul li:not(:empty) a{color:#121a24;display:flex;padding:12px 16px;font-size:15px;align-items:center;text-decoration:none}.actions-modal ul li:not(:empty) a,.actions-modal ul li:not(:empty) a button{transition:none}.actions-modal ul li:not(:empty) a.active,.actions-modal ul li:not(:empty) a.active button,.actions-modal ul li:not(:empty) a:hover,.actions-modal ul li:not(:empty) a:hover button,.actions-modal ul li:not(:empty) a:active,.actions-modal ul li:not(:empty) a:active button,.actions-modal ul li:not(:empty) a:focus,.actions-modal ul li:not(:empty) a:focus button{background:#d8a070;color:#fff}.actions-modal ul li:not(:empty) a button:first-child{margin-right:10px}.confirmation-modal__action-bar .confirmation-modal__secondary-button,.mute-modal__action-bar .confirmation-modal__secondary-button,.block-modal__action-bar .confirmation-modal__secondary-button{flex-shrink:1}.confirmation-modal__secondary-button,.confirmation-modal__cancel-button,.mute-modal__cancel-button,.block-modal__cancel-button{background-color:transparent;color:#3e5a7c;font-size:14px;font-weight:500}.confirmation-modal__secondary-button:hover,.confirmation-modal__secondary-button:focus,.confirmation-modal__secondary-button:active,.confirmation-modal__cancel-button:hover,.confirmation-modal__cancel-button:focus,.confirmation-modal__cancel-button:active,.mute-modal__cancel-button:hover,.mute-modal__cancel-button:focus,.mute-modal__cancel-button:active,.block-modal__cancel-button:hover,.block-modal__cancel-button:focus,.block-modal__cancel-button:active{color:#37506f;background-color:transparent}.confirmation-modal__container,.mute-modal__container,.block-modal__container,.report-modal__target{padding:30px;font-size:16px}.confirmation-modal__container strong,.mute-modal__container strong,.block-modal__container strong,.report-modal__target strong{font-weight:500}.confirmation-modal__container strong:lang(ja),.mute-modal__container strong:lang(ja),.block-modal__container strong:lang(ja),.report-modal__target strong:lang(ja){font-weight:700}.confirmation-modal__container strong:lang(ko),.mute-modal__container strong:lang(ko),.block-modal__container strong:lang(ko),.report-modal__target strong:lang(ko){font-weight:700}.confirmation-modal__container strong:lang(zh-CN),.mute-modal__container strong:lang(zh-CN),.block-modal__container strong:lang(zh-CN),.report-modal__target strong:lang(zh-CN){font-weight:700}.confirmation-modal__container strong:lang(zh-HK),.mute-modal__container strong:lang(zh-HK),.block-modal__container strong:lang(zh-HK),.report-modal__target strong:lang(zh-HK){font-weight:700}.confirmation-modal__container strong:lang(zh-TW),.mute-modal__container strong:lang(zh-TW),.block-modal__container strong:lang(zh-TW),.report-modal__target strong:lang(zh-TW){font-weight:700}.confirmation-modal__container,.report-modal__target{text-align:center}.block-modal__explanation,.mute-modal__explanation{margin-top:20px}.block-modal .setting-toggle,.mute-modal .setting-toggle{margin-top:20px;margin-bottom:24px;display:flex;align-items:center}.block-modal .setting-toggle__label,.mute-modal .setting-toggle__label{color:#121a24;margin:0;margin-left:8px}.report-modal__target{padding:15px}.report-modal__target .media-modal__close{top:14px;right:15px}.loading-bar{background-color:#d8a070;height:3px;position:absolute;top:0;left:0;z-index:9999}.media-gallery__gifv__label{display:block;position:absolute;color:#fff;background:rgba(0,0,0,.5);bottom:6px;left:6px;padding:2px 6px;border-radius:2px;font-size:11px;font-weight:600;z-index:1;pointer-events:none;opacity:.9;transition:opacity .1s ease;line-height:18px}.media-gallery__gifv:hover .media-gallery__gifv__label{opacity:1}.media-gallery__audio{margin-top:32px}.media-gallery__audio audio{width:100%}.attachment-list{display:flex;font-size:14px;border:1px solid #202e3f;border-radius:4px;margin-top:14px;overflow:hidden}.attachment-list__icon{flex:0 0 auto;color:#3e5a7c;padding:8px 18px;cursor:default;border-right:1px solid #202e3f;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:26px}.attachment-list__icon .fa{display:block}.attachment-list__list{list-style:none;padding:4px 0;padding-left:8px;display:flex;flex-direction:column;justify-content:center}.attachment-list__list li{display:block;padding:4px 0}.attachment-list__list a{text-decoration:none;color:#3e5a7c;font-weight:500}.attachment-list__list a:hover{text-decoration:underline}.attachment-list.compact{border:0;margin-top:4px}.attachment-list.compact .attachment-list__list{padding:0;display:block}.attachment-list.compact .fa{color:#3e5a7c}.media-gallery{box-sizing:border-box;margin-top:8px;overflow:hidden;border-radius:4px;position:relative;width:100%}.media-gallery__item{border:0;box-sizing:border-box;display:block;float:left;position:relative;border-radius:4px;overflow:hidden}.media-gallery__item.standalone .media-gallery__item-gifv-thumbnail{transform:none;top:0}.media-gallery__item-thumbnail{cursor:zoom-in;display:block;text-decoration:none;color:#d9e1e8;position:relative;z-index:1}.media-gallery__item-thumbnail,.media-gallery__item-thumbnail img{height:100%;width:100%}.media-gallery__item-thumbnail img{object-fit:cover}.media-gallery__preview{width:100%;height:100%;object-fit:cover;position:absolute;top:0;left:0;z-index:0;background:#000}.media-gallery__preview--hidden{display:none}.media-gallery__gifv{height:100%;overflow:hidden;position:relative;width:100%}.media-gallery__item-gifv-thumbnail{cursor:zoom-in;height:100%;object-fit:cover;position:relative;top:50%;transform:translateY(-50%);width:100%;z-index:1}.media-gallery__item-thumbnail-label{clip:rect(1px 1px 1px 1px);clip:rect(1px, 1px, 1px, 1px);overflow:hidden;position:absolute}.detailed .video-player__volume__current,.detailed .video-player__volume::before,.fullscreen .video-player__volume__current,.fullscreen .video-player__volume::before{bottom:27px}.detailed .video-player__volume__handle,.fullscreen .video-player__volume__handle{bottom:23px}.audio-player{box-sizing:border-box;position:relative;background:#040609;border-radius:4px;padding-bottom:44px;direction:ltr}.audio-player.editable{border-radius:0;height:100%}.audio-player__waveform{padding:15px 0;position:relative;overflow:hidden}.audio-player__waveform::before{content:\"\";display:block;position:absolute;border-top:1px solid #192432;width:100%;height:0;left:0;top:calc(50% + 1px)}.audio-player__progress-placeholder{background-color:rgba(225,181,144,.5)}.audio-player__wave-placeholder{background-color:#2d415a}.audio-player .video-player__controls{padding:0 15px;padding-top:10px;background:#040609;border-top:1px solid #192432;border-radius:0 0 4px 4px}.video-player{overflow:hidden;position:relative;background:#000;max-width:100%;border-radius:4px;box-sizing:border-box;direction:ltr}.video-player.editable{border-radius:0;height:100% !important}.video-player:focus{outline:0}.video-player video{max-width:100vw;max-height:80vh;z-index:1}.video-player.fullscreen{width:100% !important;height:100% !important;margin:0}.video-player.fullscreen video{max-width:100% !important;max-height:100% !important;width:100% !important;height:100% !important;outline:0}.video-player.inline video{object-fit:contain;position:relative;top:50%;transform:translateY(-50%)}.video-player__controls{position:absolute;z-index:2;bottom:0;left:0;right:0;box-sizing:border-box;background:linear-gradient(0deg, rgba(0, 0, 0, 0.85) 0, rgba(0, 0, 0, 0.45) 60%, transparent);padding:0 15px;opacity:0;transition:opacity .1s ease}.video-player__controls.active{opacity:1}.video-player.inactive video,.video-player.inactive .video-player__controls{visibility:hidden}.video-player__spoiler{display:none;position:absolute;top:0;left:0;width:100%;height:100%;z-index:4;border:0;background:#000;color:#9baec8;transition:none;pointer-events:none}.video-player__spoiler.active{display:block;pointer-events:auto}.video-player__spoiler.active:hover,.video-player__spoiler.active:active,.video-player__spoiler.active:focus{color:#b2c1d5}.video-player__spoiler__title{display:block;font-size:14px}.video-player__spoiler__subtitle{display:block;font-size:11px;font-weight:500}.video-player__buttons-bar{display:flex;justify-content:space-between;padding-bottom:10px}.video-player__buttons-bar .video-player__download__icon{color:inherit}.video-player__buttons{font-size:16px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.video-player__buttons.left button{padding-left:0}.video-player__buttons.right button{padding-right:0}.video-player__buttons button{background:transparent;padding:2px 10px;font-size:16px;border:0;color:rgba(255,255,255,.75)}.video-player__buttons button:active,.video-player__buttons button:hover,.video-player__buttons button:focus{color:#fff}.video-player__time-sep,.video-player__time-total,.video-player__time-current{font-size:14px;font-weight:500}.video-player__time-current{color:#fff;margin-left:60px}.video-player__time-sep{display:inline-block;margin:0 6px}.video-player__time-sep,.video-player__time-total{color:#fff}.video-player__volume{cursor:pointer;height:24px;display:inline}.video-player__volume::before{content:\"\";width:50px;background:rgba(255,255,255,.35);border-radius:4px;display:block;position:absolute;height:4px;left:70px;bottom:20px}.video-player__volume__current{display:block;position:absolute;height:4px;border-radius:4px;left:70px;bottom:20px;background:#e1b590}.video-player__volume__handle{position:absolute;z-index:3;border-radius:50%;width:12px;height:12px;bottom:16px;left:70px;transition:opacity .1s ease;background:#e1b590;box-shadow:1px 2px 6px rgba(0,0,0,.2);pointer-events:none}.video-player__link{padding:2px 10px}.video-player__link a{text-decoration:none;font-size:14px;font-weight:500;color:#fff}.video-player__link a:hover,.video-player__link a:active,.video-player__link a:focus{text-decoration:underline}.video-player__seek{cursor:pointer;height:24px;position:relative}.video-player__seek::before{content:\"\";width:100%;background:rgba(255,255,255,.35);border-radius:4px;display:block;position:absolute;height:4px;top:10px}.video-player__seek__progress,.video-player__seek__buffer{display:block;position:absolute;height:4px;border-radius:4px;top:10px;background:#e1b590}.video-player__seek__buffer{background:rgba(255,255,255,.2)}.video-player__seek__handle{position:absolute;z-index:3;opacity:0;border-radius:50%;width:12px;height:12px;top:6px;margin-left:-6px;transition:opacity .1s ease;background:#e1b590;box-shadow:1px 2px 6px rgba(0,0,0,.2);pointer-events:none}.video-player__seek__handle.active{opacity:1}.video-player__seek:hover .video-player__seek__handle{opacity:1}.video-player.detailed .video-player__buttons button,.video-player.fullscreen .video-player__buttons button{padding-top:10px;padding-bottom:10px}.directory__list{width:100%;margin:10px 0;transition:opacity 100ms ease-in}.directory__list.loading{opacity:.7}@media screen and (max-width: 415px){.directory__list{margin:0}}.directory__card{box-sizing:border-box;margin-bottom:10px}.directory__card__img{height:125px;position:relative;background:#000;overflow:hidden}.directory__card__img img{display:block;width:100%;height:100%;margin:0;object-fit:cover}.directory__card__bar{display:flex;align-items:center;background:#192432;padding:10px}.directory__card__bar__name{flex:1 1 auto;display:flex;align-items:center;text-decoration:none;overflow:hidden}.directory__card__bar__relationship{width:23px;min-height:1px;flex:0 0 auto}.directory__card__bar .avatar{flex:0 0 auto;width:48px;height:48px;padding-top:2px}.directory__card__bar .avatar img{width:100%;height:100%;display:block;margin:0;border-radius:4px;background:#040609;object-fit:cover}.directory__card__bar .display-name{margin-left:15px;text-align:left}.directory__card__bar .display-name strong{font-size:15px;color:#fff;font-weight:500;overflow:hidden;text-overflow:ellipsis}.directory__card__bar .display-name span{display:block;font-size:14px;color:#9baec8;font-weight:400;overflow:hidden;text-overflow:ellipsis}.directory__card__extra{background:#121a24;display:flex;align-items:center;justify-content:center}.directory__card__extra .accounts-table__count{width:33.33%;flex:0 0 auto;padding:15px 0}.directory__card__extra .account__header__content{box-sizing:border-box;padding:15px 10px;border-bottom:1px solid #202e3f;width:100%;min-height:48px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.directory__card__extra .account__header__content p{display:none}.directory__card__extra .account__header__content p:first-child{display:inline}.directory__card__extra .account__header__content br{display:none}.account-gallery__container{display:flex;flex-wrap:wrap;padding:4px 2px}.account-gallery__item{border:0;box-sizing:border-box;display:block;position:relative;border-radius:4px;overflow:hidden;margin:2px}.account-gallery__item__icons{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);font-size:24px}.notification__filter-bar,.account__section-headline{background:#0b1016;border-bottom:1px solid #202e3f;cursor:default;display:flex;flex-shrink:0}.notification__filter-bar button,.account__section-headline button{background:#0b1016;border:0;margin:0}.notification__filter-bar button,.notification__filter-bar a,.account__section-headline button,.account__section-headline a{display:block;flex:1 1 auto;color:#9baec8;padding:15px 0;font-size:14px;font-weight:500;text-align:center;text-decoration:none;position:relative;width:100%;white-space:nowrap}.notification__filter-bar button.active,.notification__filter-bar a.active,.account__section-headline button.active,.account__section-headline a.active{color:#d9e1e8}.notification__filter-bar button.active::before,.notification__filter-bar button.active::after,.notification__filter-bar a.active::before,.notification__filter-bar a.active::after,.account__section-headline button.active::before,.account__section-headline button.active::after,.account__section-headline a.active::before,.account__section-headline a.active::after{display:block;content:\"\";position:absolute;bottom:0;left:50%;width:0;height:0;transform:translateX(-50%);border-style:solid;border-width:0 10px 10px;border-color:transparent transparent #202e3f}.notification__filter-bar button.active::after,.notification__filter-bar a.active::after,.account__section-headline button.active::after,.account__section-headline a.active::after{bottom:-1px;border-color:transparent transparent #121a24}.notification__filter-bar.directory__section-headline,.account__section-headline.directory__section-headline{background:#0f151d;border-bottom-color:transparent}.notification__filter-bar.directory__section-headline a.active::before,.notification__filter-bar.directory__section-headline button.active::before,.account__section-headline.directory__section-headline a.active::before,.account__section-headline.directory__section-headline button.active::before{display:none}.notification__filter-bar.directory__section-headline a.active::after,.notification__filter-bar.directory__section-headline button.active::after,.account__section-headline.directory__section-headline a.active::after,.account__section-headline.directory__section-headline button.active::after{border-color:transparent transparent #06090c}.filter-form{background:#121a24}.filter-form__column{padding:10px 15px}.filter-form .radio-button{display:block}.radio-button{font-size:14px;position:relative;display:inline-block;padding:6px 0;line-height:18px;cursor:default;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;cursor:pointer}.radio-button input[type=radio],.radio-button input[type=checkbox]{display:none}.radio-button__input{display:inline-block;position:relative;border:1px solid #9baec8;box-sizing:border-box;width:18px;height:18px;flex:0 0 auto;margin-right:10px;top:-1px;border-radius:50%;vertical-align:middle}.radio-button__input.checked{border-color:#e1b590;background:#e1b590}::-webkit-scrollbar-thumb{border-radius:0}.search-popout{background:#fff;border-radius:4px;padding:10px 14px;padding-bottom:14px;margin-top:10px;color:#9baec8;box-shadow:2px 4px 15px rgba(0,0,0,.4)}.search-popout h4{text-transform:uppercase;color:#9baec8;font-size:13px;font-weight:500;margin-bottom:10px}.search-popout li{padding:4px 0}.search-popout ul{margin-bottom:10px}.search-popout em{font-weight:500;color:#121a24}noscript{text-align:center}noscript img{width:200px;opacity:.5;animation:flicker 4s infinite}noscript div{font-size:14px;margin:30px auto;color:#d9e1e8;max-width:400px}noscript div a{color:#d8a070;text-decoration:underline}noscript div a:hover{text-decoration:none}@keyframes flicker{0%{opacity:1}30%{opacity:.75}100%{opacity:1}}@media screen and (max-width: 630px)and (max-height: 400px){.tabs-bar,.search{will-change:margin-top;transition:margin-top 400ms 100ms}.navigation-bar{will-change:padding-bottom;transition:padding-bottom 400ms 100ms}.navigation-bar>a:first-child{will-change:margin-top,margin-left,margin-right,width;transition:margin-top 400ms 100ms,margin-left 400ms 500ms,margin-right 400ms 500ms}.navigation-bar>.navigation-bar__profile-edit{will-change:margin-top;transition:margin-top 400ms 100ms}.navigation-bar .navigation-bar__actions>.icon-button.close{will-change:opacity transform;transition:opacity 200ms 100ms,transform 400ms 100ms}.navigation-bar .navigation-bar__actions>.compose__action-bar .icon-button{will-change:opacity transform;transition:opacity 200ms 300ms,transform 400ms 100ms}.is-composing .tabs-bar,.is-composing .search{margin-top:-50px}.is-composing .navigation-bar{padding-bottom:0}.is-composing .navigation-bar>a:first-child{margin:-100px 10px 0 -50px}.is-composing .navigation-bar .navigation-bar__profile{padding-top:2px}.is-composing .navigation-bar .navigation-bar__profile-edit{position:absolute;margin-top:-60px}.is-composing .navigation-bar .navigation-bar__actions .icon-button.close{pointer-events:auto;opacity:1;transform:scale(1, 1) translate(0, 0);bottom:5px}.is-composing .navigation-bar .navigation-bar__actions .compose__action-bar .icon-button{pointer-events:none;opacity:0;transform:scale(0, 1) translate(100%, 0)}}.embed-modal{width:auto;max-width:80vw;max-height:80vh}.embed-modal h4{padding:30px;font-weight:500;font-size:16px;text-align:center}.embed-modal .embed-modal__container{padding:10px}.embed-modal .embed-modal__container .hint{margin-bottom:15px}.embed-modal .embed-modal__container .embed-modal__html{outline:0;box-sizing:border-box;display:block;width:100%;border:0;padding:10px;font-family:\"mastodon-font-monospace\",monospace;background:#121a24;color:#fff;font-size:14px;margin:0;margin-bottom:15px;border-radius:4px}.embed-modal .embed-modal__container .embed-modal__html::-moz-focus-inner{border:0}.embed-modal .embed-modal__container .embed-modal__html::-moz-focus-inner,.embed-modal .embed-modal__container .embed-modal__html:focus,.embed-modal .embed-modal__container .embed-modal__html:active{outline:0 !important}.embed-modal .embed-modal__container .embed-modal__html:focus{background:#192432}@media screen and (max-width: 600px){.embed-modal .embed-modal__container .embed-modal__html{font-size:16px}}.embed-modal .embed-modal__container .embed-modal__iframe{width:400px;max-width:100%;overflow:hidden;border:0;border-radius:4px}.account__moved-note{padding:14px 10px;padding-bottom:16px;background:#192432;border-top:1px solid #202e3f;border-bottom:1px solid #202e3f}.account__moved-note__message{position:relative;margin-left:58px;color:#3e5a7c;padding:8px 0;padding-top:0;padding-bottom:4px;font-size:14px}.account__moved-note__message>span{display:block;overflow:hidden;text-overflow:ellipsis}.account__moved-note__icon-wrapper{left:-26px;position:absolute}.account__moved-note .detailed-status__display-avatar{position:relative}.account__moved-note .detailed-status__display-name{margin-bottom:0}.column-inline-form{padding:15px;padding-right:0;display:flex;justify-content:flex-start;align-items:center;background:#192432}.column-inline-form label{flex:1 1 auto}.column-inline-form label input{width:100%}.column-inline-form label input:focus{outline:0}.column-inline-form .icon-button{flex:0 0 auto;margin:0 10px}.drawer__backdrop{cursor:pointer;position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.5)}.list-editor{background:#121a24;flex-direction:column;border-radius:8px;box-shadow:2px 4px 15px rgba(0,0,0,.4);width:380px;overflow:hidden}@media screen and (max-width: 420px){.list-editor{width:90%}}.list-editor h4{padding:15px 0;background:#283a50;font-weight:500;font-size:16px;text-align:center;border-radius:8px 8px 0 0}.list-editor .drawer__pager{height:50vh}.list-editor .drawer__inner{border-radius:0 0 8px 8px}.list-editor .drawer__inner.backdrop{width:calc(100% - 60px);box-shadow:2px 4px 15px rgba(0,0,0,.4);border-radius:0 0 0 8px}.list-editor__accounts{overflow-y:auto}.list-editor .account__display-name:hover strong{text-decoration:none}.list-editor .account__avatar{cursor:default}.list-editor .search{margin-bottom:0}.list-adder{background:#121a24;flex-direction:column;border-radius:8px;box-shadow:2px 4px 15px rgba(0,0,0,.4);width:380px;overflow:hidden}@media screen and (max-width: 420px){.list-adder{width:90%}}.list-adder__account{background:#283a50}.list-adder__lists{background:#283a50;height:50vh;border-radius:0 0 8px 8px;overflow-y:auto}.list-adder .list{padding:10px;border-bottom:1px solid #202e3f}.list-adder .list__wrapper{display:flex}.list-adder .list__display-name{flex:1 1 auto;overflow:hidden;text-decoration:none;font-size:16px;padding:10px}.focal-point{position:relative;cursor:move;overflow:hidden;height:100%;display:flex;justify-content:center;align-items:center;background:#000}.focal-point img,.focal-point video,.focal-point canvas{display:block;max-height:80vh;width:100%;height:auto;margin:0;object-fit:contain;background:#000}.focal-point__reticle{position:absolute;width:100px;height:100px;transform:translate(-50%, -50%);background:url(\"~images/reticle.png\") no-repeat 0 0;border-radius:50%;box-shadow:0 0 0 9999em rgba(0,0,0,.35)}.focal-point__overlay{position:absolute;width:100%;height:100%;top:0;left:0}.focal-point__preview{position:absolute;bottom:10px;right:10px;z-index:2;cursor:move;transition:opacity .1s ease}.focal-point__preview:hover{opacity:.5}.focal-point__preview strong{color:#fff;font-size:14px;font-weight:500;display:block;margin-bottom:5px}.focal-point__preview div{border-radius:4px;box-shadow:0 0 14px rgba(0,0,0,.2)}@media screen and (max-width: 480px){.focal-point img,.focal-point video{max-height:100%}.focal-point__preview{display:none}}.account__header__content{color:#9baec8;font-size:14px;font-weight:400;overflow:hidden;word-break:normal;word-wrap:break-word}.account__header__content p{margin-bottom:20px}.account__header__content p:last-child{margin-bottom:0}.account__header__content a{color:inherit;text-decoration:underline}.account__header__content a:hover{text-decoration:none}.account__header{overflow:hidden}.account__header.inactive{opacity:.5}.account__header.inactive .account__header__image,.account__header.inactive .account__avatar{filter:grayscale(100%)}.account__header__info{position:absolute;top:10px;left:10px}.account__header__image{overflow:hidden;height:145px;position:relative;background:#0b1016}.account__header__image img{object-fit:cover;display:block;width:100%;height:100%;margin:0}.account__header__bar{position:relative;background:#192432;padding:5px;border-bottom:1px solid #26374d}.account__header__bar .avatar{display:block;flex:0 0 auto;width:94px;margin-left:-2px}.account__header__bar .avatar .account__avatar{background:#040609;border:2px solid #192432}.account__header__tabs{display:flex;align-items:flex-start;padding:7px 5px;margin-top:-55px}.account__header__tabs__buttons{display:flex;align-items:center;padding-top:55px;overflow:hidden}.account__header__tabs__buttons .icon-button{border:1px solid #26374d;border-radius:4px;box-sizing:content-box;padding:2px}.account__header__tabs__buttons .button{margin:0 8px}.account__header__tabs__name{padding:5px}.account__header__tabs__name .account-role{vertical-align:top}.account__header__tabs__name .emojione{width:22px;height:22px}.account__header__tabs__name h1{font-size:16px;line-height:24px;color:#fff;font-weight:500;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.account__header__tabs__name h1 small{display:block;font-size:14px;color:#9baec8;font-weight:400;overflow:hidden;text-overflow:ellipsis}.account__header__tabs .spacer{flex:1 1 auto}.account__header__bio{overflow:hidden;margin:0 -5px}.account__header__bio .account__header__content{padding:20px 15px;padding-bottom:5px;color:#fff}.account__header__bio .account__header__fields{margin:0;border-top:1px solid #26374d}.account__header__bio .account__header__fields a{color:#e1b590}.account__header__bio .account__header__fields dl:first-child .verified{border-radius:0 4px 0 0}.account__header__bio .account__header__fields .verified a{color:#79bd9a}.account__header__extra{margin-top:4px}.account__header__extra__links{font-size:14px;color:#9baec8;padding:10px 0}.account__header__extra__links a{display:inline-block;color:#9baec8;text-decoration:none;padding:5px 10px;font-weight:500}.account__header__extra__links a strong{font-weight:700;color:#fff}.trends__header{color:#3e5a7c;background:#151f2b;border-bottom:1px solid #0b1016;font-weight:500;padding:15px;font-size:16px;cursor:default}.trends__header .fa{display:inline-block;margin-right:5px}.trends__item{display:flex;align-items:center;padding:15px;border-bottom:1px solid #202e3f}.trends__item:last-child{border-bottom:0}.trends__item__name{flex:1 1 auto;color:#3e5a7c;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.trends__item__name strong{font-weight:500}.trends__item__name a{color:#9baec8;text-decoration:none;font-size:14px;font-weight:500;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.trends__item__name a:hover span,.trends__item__name a:focus span,.trends__item__name a:active span{text-decoration:underline}.trends__item__current{flex:0 0 auto;font-size:24px;line-height:36px;font-weight:500;text-align:right;padding-right:15px;margin-left:5px;color:#d9e1e8}.trends__item__sparkline{flex:0 0 auto;width:50px}.trends__item__sparkline path:first-child{fill:rgba(216,160,112,.25) !important;fill-opacity:1 !important}.trends__item__sparkline path:last-child{stroke:#dfb088 !important}.conversation{display:flex;border-bottom:1px solid #202e3f;padding:5px;padding-bottom:0}.conversation:focus{background:#151f2b;outline:0}.conversation__avatar{flex:0 0 auto;padding:10px;padding-top:12px;position:relative;cursor:pointer}.conversation__unread{display:inline-block;background:#d8a070;border-radius:50%;width:.625rem;height:.625rem;margin:-0.1ex .15em .1ex}.conversation__content{flex:1 1 auto;padding:10px 5px;padding-right:15px;overflow:hidden}.conversation__content__info{overflow:hidden;display:flex;flex-direction:row-reverse;justify-content:space-between}.conversation__content__relative-time{font-size:15px;color:#9baec8;padding-left:15px}.conversation__content__names{color:#9baec8;font-size:15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:4px;flex-basis:90px;flex-grow:1}.conversation__content__names a{color:#fff;text-decoration:none}.conversation__content__names a:hover,.conversation__content__names a:focus,.conversation__content__names a:active{text-decoration:underline}.conversation__content a{word-break:break-word}.conversation--unread{background:#151f2b}.conversation--unread:focus{background:#192432}.conversation--unread .conversation__content__info{font-weight:700}.conversation--unread .conversation__content__relative-time{color:#fff}.announcements{background:#202e3f;font-size:13px;display:flex;align-items:flex-end}.announcements__mastodon{width:124px;flex:0 0 auto}@media screen and (max-width: 424px){.announcements__mastodon{display:none}}.announcements__container{width:calc(100% - 124px);flex:0 0 auto;position:relative}@media screen and (max-width: 424px){.announcements__container{width:100%}}.announcements__item{box-sizing:border-box;width:100%;padding:15px;position:relative;font-size:15px;line-height:20px;word-wrap:break-word;font-weight:400;max-height:50vh;overflow:hidden;display:flex;flex-direction:column}.announcements__item__range{display:block;font-weight:500;margin-bottom:10px;padding-right:18px}.announcements__item__unread{position:absolute;top:19px;right:19px;display:block;background:#d8a070;border-radius:50%;width:.625rem;height:.625rem}.announcements__pagination{padding:15px;color:#9baec8;position:absolute;bottom:3px;right:0}.layout-multiple-columns .announcements__mastodon{display:none}.layout-multiple-columns .announcements__container{width:100%}.reactions-bar{display:flex;flex-wrap:wrap;align-items:center;margin-top:15px;margin-left:-2px;width:calc(100% - (90px - 33px))}.reactions-bar__item{flex-shrink:0;background:#26374d;border:0;border-radius:3px;margin:2px;cursor:pointer;user-select:none;padding:0 6px;display:flex;align-items:center;transition:all 100ms ease-in;transition-property:background-color,color}.reactions-bar__item__emoji{display:block;margin:3px 0;width:16px;height:16px}.reactions-bar__item__emoji img{display:block;margin:0;width:100%;height:100%;min-width:auto;min-height:auto;vertical-align:bottom;object-fit:contain}.reactions-bar__item__count{display:block;min-width:9px;font-size:13px;font-weight:500;text-align:center;margin-left:6px;color:#9baec8}.reactions-bar__item:hover,.reactions-bar__item:focus,.reactions-bar__item:active{background:#2d415a;transition:all 200ms ease-out;transition-property:background-color,color}.reactions-bar__item:hover__count,.reactions-bar__item:focus__count,.reactions-bar__item:active__count{color:#a8b9cf}.reactions-bar__item.active{transition:all 100ms ease-in;transition-property:background-color,color;background-color:#4a4c54}.reactions-bar__item.active .reactions-bar__item__count{color:#e1b590}.reactions-bar .emoji-picker-dropdown{margin:2px}.reactions-bar:hover .emoji-button{opacity:.85}.reactions-bar .emoji-button{color:#9baec8;margin:0;font-size:16px;width:auto;flex-shrink:0;padding:0 6px;height:22px;display:flex;align-items:center;opacity:.5;transition:all 100ms ease-in;transition-property:background-color,color}.reactions-bar .emoji-button:hover,.reactions-bar .emoji-button:active,.reactions-bar .emoji-button:focus{opacity:1;color:#a8b9cf;transition:all 200ms ease-out;transition-property:background-color,color}.reactions-bar--empty .emoji-button{padding:0}.poll{margin-top:16px;font-size:14px}.poll li{margin-bottom:10px;position:relative}.poll__chart{border-radius:4px;display:block;background:#8ba1bf;height:5px;min-width:1%}.poll__chart.leading{background:#d8a070}.poll__option{position:relative;display:flex;padding:6px 0;line-height:18px;cursor:default;overflow:hidden}.poll__option__text{display:inline-block;word-wrap:break-word;overflow-wrap:break-word;max-width:calc(100% - 45px - 25px)}.poll__option input[type=radio],.poll__option input[type=checkbox]{display:none}.poll__option .autossugest-input{flex:1 1 auto}.poll__option input[type=text]{display:block;box-sizing:border-box;width:100%;font-size:14px;color:#121a24;outline:0;font-family:inherit;background:#fff;border:1px solid #dbdbdb;border-radius:4px;padding:6px 10px}.poll__option input[type=text]:focus{border-color:#d8a070}.poll__option.selectable{cursor:pointer}.poll__option.editable{display:flex;align-items:center;overflow:visible}.poll__input{display:inline-block;position:relative;border:1px solid #9baec8;box-sizing:border-box;width:18px;height:18px;flex:0 0 auto;margin-right:10px;top:-1px;border-radius:50%;vertical-align:middle;margin-top:auto;margin-bottom:auto;flex:0 0 18px}.poll__input.checkbox{border-radius:4px}.poll__input.active{border-color:#79bd9a;background:#79bd9a}.poll__input:active,.poll__input:focus,.poll__input:hover{border-color:#acd6c1;border-width:4px}.poll__input::-moz-focus-inner{outline:0 !important;border:0}.poll__input:focus,.poll__input:active{outline:0 !important}.poll__number{display:inline-block;width:45px;font-weight:700;flex:0 0 45px}.poll__voted{padding:0 5px;display:inline-block}.poll__voted__mark{font-size:18px}.poll__footer{padding-top:6px;padding-bottom:5px;color:#3e5a7c}.poll__link{display:inline;background:transparent;padding:0;margin:0;border:0;color:#3e5a7c;text-decoration:underline;font-size:inherit}.poll__link:hover{text-decoration:none}.poll__link:active,.poll__link:focus{background-color:rgba(62,90,124,.1)}.poll .button{height:36px;padding:0 16px;margin-right:10px;font-size:14px}.compose-form__poll-wrapper{border-top:1px solid #ebebeb}.compose-form__poll-wrapper ul{padding:10px}.compose-form__poll-wrapper .poll__footer{border-top:1px solid #ebebeb;padding:10px;display:flex;align-items:center}.compose-form__poll-wrapper .poll__footer button,.compose-form__poll-wrapper .poll__footer select{flex:1 1 50%}.compose-form__poll-wrapper .poll__footer button:focus,.compose-form__poll-wrapper .poll__footer select:focus{border-color:#d8a070}.compose-form__poll-wrapper .button.button-secondary{font-size:14px;font-weight:400;padding:6px 10px;height:auto;line-height:inherit;color:#3e5a7c;border-color:#3e5a7c;margin-right:5px}.compose-form__poll-wrapper li{display:flex;align-items:center}.compose-form__poll-wrapper li .poll__option{flex:0 0 auto;width:calc(100% - (23px + 6px));margin-right:6px}.compose-form__poll-wrapper select{appearance:none;box-sizing:border-box;font-size:14px;color:#121a24;display:inline-block;width:auto;outline:0;font-family:inherit;background:#fff url(\"data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14.933 18.467' height='19.698' width='15.929'><path d='M3.467 14.967l-3.393-3.5H14.86l-3.392 3.5c-1.866 1.925-3.666 3.5-4 3.5-.335 0-2.135-1.575-4-3.5zm.266-11.234L7.467 0 11.2 3.733l3.733 3.734H0l3.733-3.734z' fill='%23DBDBDB'/></svg>\") no-repeat right 8px center/auto 16px;border:1px solid #dbdbdb;border-radius:4px;padding:6px 10px;padding-right:30px}.compose-form__poll-wrapper .icon-button.disabled{color:#dbdbdb}.muted .poll{color:#3e5a7c}.muted .poll__chart{background:rgba(109,137,175,.2)}.muted .poll__chart.leading{background:rgba(216,160,112,.2)}.modal-layout{background:#121a24 url('data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 234.80078 31.757813\" width=\"234.80078\" height=\"31.757812\"><path d=\"M19.599609 0c-1.05 0-2.10039.375-2.90039 1.125L0 16.925781v14.832031h234.80078V17.025391l-16.5-15.900391c-1.6-1.5-4.20078-1.5-5.80078 0l-13.80078 13.099609c-1.6 1.5-4.19883 1.5-5.79883 0L179.09961 1.125c-1.6-1.5-4.19883-1.5-5.79883 0L159.5 14.224609c-1.6 1.5-4.20078 1.5-5.80078 0L139.90039 1.125c-1.6-1.5-4.20078-1.5-5.80078 0l-13.79883 13.099609c-1.6 1.5-4.20078 1.5-5.80078 0L100.69922 1.125c-1.600001-1.5-4.198829-1.5-5.798829 0l-13.59961 13.099609c-1.6 1.5-4.200781 1.5-5.800781 0L61.699219 1.125c-1.6-1.5-4.198828-1.5-5.798828 0L42.099609 14.224609c-1.6 1.5-4.198828 1.5-5.798828 0L22.5 1.125C21.7.375 20.649609 0 19.599609 0z\" fill=\"%233E5A7C\"/></svg>') repeat-x bottom fixed;display:flex;flex-direction:column;height:100vh;padding:0}.modal-layout__mastodon{display:flex;flex:1;flex-direction:column;justify-content:flex-end}.modal-layout__mastodon>*{flex:1;max-height:235px}@media screen and (max-width: 600px){.account-header{margin-top:0}}.emoji-mart{font-size:13px;display:inline-block;color:#121a24}.emoji-mart,.emoji-mart *{box-sizing:border-box;line-height:1.15}.emoji-mart .emoji-mart-emoji{padding:6px}.emoji-mart-bar{border:0 solid #c0cdd9}.emoji-mart-bar:first-child{border-bottom-width:1px;border-top-left-radius:5px;border-top-right-radius:5px;background:#d9e1e8}.emoji-mart-bar:last-child{border-top-width:1px;border-bottom-left-radius:5px;border-bottom-right-radius:5px;display:none}.emoji-mart-anchors{display:flex;justify-content:space-between;padding:0 6px;color:#3e5a7c;line-height:0}.emoji-mart-anchor{position:relative;flex:1;text-align:center;padding:12px 4px;overflow:hidden;transition:color .1s ease-out;cursor:pointer}.emoji-mart-anchor:hover{color:#37506f}.emoji-mart-anchor-selected{color:#d8a070}.emoji-mart-anchor-selected:hover{color:#d49560}.emoji-mart-anchor-selected .emoji-mart-anchor-bar{bottom:-1px}.emoji-mart-anchor-bar{position:absolute;bottom:-5px;left:0;width:100%;height:4px;background-color:#d8a070}.emoji-mart-anchors i{display:inline-block;width:100%;max-width:22px}.emoji-mart-anchors svg{fill:currentColor;max-height:18px}.emoji-mart-scroll{overflow-y:scroll;height:270px;max-height:35vh;padding:0 6px 6px;background:#fff;will-change:transform}.emoji-mart-scroll::-webkit-scrollbar-track:hover,.emoji-mart-scroll::-webkit-scrollbar-track:active{background-color:rgba(0,0,0,.3)}.emoji-mart-search{padding:10px;padding-right:45px;background:#fff}.emoji-mart-search input{font-size:14px;font-weight:400;padding:7px 9px;font-family:inherit;display:block;width:100%;background:rgba(217,225,232,.3);color:#121a24;border:1px solid #d9e1e8;border-radius:4px}.emoji-mart-search input::-moz-focus-inner{border:0}.emoji-mart-search input::-moz-focus-inner,.emoji-mart-search input:focus,.emoji-mart-search input:active{outline:0 !important}.emoji-mart-category .emoji-mart-emoji{cursor:pointer}.emoji-mart-category .emoji-mart-emoji span{z-index:1;position:relative;text-align:center}.emoji-mart-category .emoji-mart-emoji:hover::before{z-index:0;content:\"\";position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(217,225,232,.7);border-radius:100%}.emoji-mart-category-label{z-index:2;position:relative;position:-webkit-sticky;position:sticky;top:0}.emoji-mart-category-label span{display:block;width:100%;font-weight:500;padding:5px 6px;background:#fff}.emoji-mart-emoji{position:relative;display:inline-block;font-size:0}.emoji-mart-emoji span{width:22px;height:22px}.emoji-mart-no-results{font-size:14px;text-align:center;padding-top:70px;color:#9baec8}.emoji-mart-no-results .emoji-mart-category-label{display:none}.emoji-mart-no-results .emoji-mart-no-results-label{margin-top:.2em}.emoji-mart-no-results .emoji-mart-emoji:hover::before{content:none}.emoji-mart-preview{display:none}.container{box-sizing:border-box;max-width:1235px;margin:0 auto;position:relative}@media screen and (max-width: 1255px){.container{width:100%;padding:0 10px}}.rich-formatting{font-family:\"mastodon-font-sans-serif\",sans-serif;font-size:14px;font-weight:400;line-height:1.7;word-wrap:break-word;color:#9baec8}.rich-formatting a{color:#d8a070;text-decoration:underline}.rich-formatting a:hover,.rich-formatting a:focus,.rich-formatting a:active{text-decoration:none}.rich-formatting p,.rich-formatting li{color:#9baec8}.rich-formatting p{margin-top:0;margin-bottom:.85em}.rich-formatting p:last-child{margin-bottom:0}.rich-formatting strong{font-weight:700;color:#d9e1e8}.rich-formatting em{font-style:italic;color:#d9e1e8}.rich-formatting code{font-size:.85em;background:#040609;border-radius:4px;padding:.2em .3em}.rich-formatting h1,.rich-formatting h2,.rich-formatting h3,.rich-formatting h4,.rich-formatting h5,.rich-formatting h6{font-family:\"mastodon-font-display\",sans-serif;margin-top:1.275em;margin-bottom:.85em;font-weight:500;color:#d9e1e8}.rich-formatting h1{font-size:2em}.rich-formatting h2{font-size:1.75em}.rich-formatting h3{font-size:1.5em}.rich-formatting h4{font-size:1.25em}.rich-formatting h5,.rich-formatting h6{font-size:1em}.rich-formatting ul{list-style:disc}.rich-formatting ol{list-style:decimal}.rich-formatting ul,.rich-formatting ol{margin:0;padding:0;padding-left:2em;margin-bottom:.85em}.rich-formatting ul[type=a],.rich-formatting ol[type=a]{list-style-type:lower-alpha}.rich-formatting ul[type=i],.rich-formatting ol[type=i]{list-style-type:lower-roman}.rich-formatting hr{width:100%;height:0;border:0;border-bottom:1px solid #192432;margin:1.7em 0}.rich-formatting hr.spacer{height:1px;border:0}.rich-formatting table{width:100%;border-collapse:collapse;break-inside:auto;margin-top:24px;margin-bottom:32px}.rich-formatting table thead tr,.rich-formatting table tbody tr{border-bottom:1px solid #192432;font-size:1em;line-height:1.625;font-weight:400;text-align:left;color:#9baec8}.rich-formatting table thead tr{border-bottom-width:2px;line-height:1.5;font-weight:500;color:#3e5a7c}.rich-formatting table th,.rich-formatting table td{padding:8px;align-self:start;align-items:start;word-break:break-all}.rich-formatting table th.nowrap,.rich-formatting table td.nowrap{width:25%;position:relative}.rich-formatting table th.nowrap::before,.rich-formatting table td.nowrap::before{content:\"&nbsp;\";visibility:hidden}.rich-formatting table th.nowrap span,.rich-formatting table td.nowrap span{position:absolute;left:8px;right:8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.rich-formatting>:first-child{margin-top:0}.information-board{background:#0b1016;padding:20px 0}.information-board .container-alt{position:relative;padding-right:295px}.information-board__sections{display:flex;justify-content:space-between;flex-wrap:wrap}.information-board__section{flex:1 0 0;font-family:\"mastodon-font-sans-serif\",sans-serif;font-size:16px;line-height:28px;color:#fff;text-align:right;padding:10px 15px}.information-board__section span,.information-board__section strong{display:block}.information-board__section span:last-child{color:#d9e1e8}.information-board__section strong{font-family:\"mastodon-font-display\",sans-serif;font-weight:500;font-size:32px;line-height:48px}@media screen and (max-width: 700px){.information-board__section{text-align:center}}.information-board .panel{position:absolute;width:280px;box-sizing:border-box;background:#040609;padding:20px;padding-top:10px;border-radius:4px 4px 0 0;right:0;bottom:-40px}.information-board .panel .panel-header{font-family:\"mastodon-font-display\",sans-serif;font-size:14px;line-height:24px;font-weight:500;color:#9baec8;padding-bottom:5px;margin-bottom:15px;border-bottom:1px solid #192432;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.information-board .panel .panel-header a,.information-board .panel .panel-header span{font-weight:400;color:#7a93b6}.information-board .panel .panel-header a{text-decoration:none}.information-board .owner{text-align:center}.information-board .owner .avatar{width:80px;height:80px;margin:0 auto;margin-bottom:15px}.information-board .owner .avatar img{display:block;width:80px;height:80px;border-radius:48px}.information-board .owner .name{font-size:14px}.information-board .owner .name a{display:block;color:#fff;text-decoration:none}.information-board .owner .name a:hover .display_name{text-decoration:underline}.information-board .owner .name .username{display:block;color:#9baec8}.landing-page p,.landing-page li{font-family:\"mastodon-font-sans-serif\",sans-serif;font-size:16px;font-weight:400;font-size:16px;line-height:30px;margin-bottom:12px;color:#9baec8}.landing-page p a,.landing-page li a{color:#d8a070;text-decoration:underline}.landing-page em{display:inline;margin:0;padding:0;font-weight:700;background:transparent;font-family:inherit;font-size:inherit;line-height:inherit;color:#bcc9da}.landing-page h1{font-family:\"mastodon-font-display\",sans-serif;font-size:26px;line-height:30px;font-weight:500;margin-bottom:20px;color:#d9e1e8}.landing-page h1 small{font-family:\"mastodon-font-sans-serif\",sans-serif;display:block;font-size:18px;font-weight:400;color:#bcc9da}.landing-page h2{font-family:\"mastodon-font-display\",sans-serif;font-size:22px;line-height:26px;font-weight:500;margin-bottom:20px;color:#d9e1e8}.landing-page h3{font-family:\"mastodon-font-display\",sans-serif;font-size:18px;line-height:24px;font-weight:500;margin-bottom:20px;color:#d9e1e8}.landing-page h4{font-family:\"mastodon-font-display\",sans-serif;font-size:16px;line-height:24px;font-weight:500;margin-bottom:20px;color:#d9e1e8}.landing-page h5{font-family:\"mastodon-font-display\",sans-serif;font-size:14px;line-height:24px;font-weight:500;margin-bottom:20px;color:#d9e1e8}.landing-page h6{font-family:\"mastodon-font-display\",sans-serif;font-size:12px;line-height:24px;font-weight:500;margin-bottom:20px;color:#d9e1e8}.landing-page ul,.landing-page ol{margin-left:20px}.landing-page ul[type=a],.landing-page ol[type=a]{list-style-type:lower-alpha}.landing-page ul[type=i],.landing-page ol[type=i]{list-style-type:lower-roman}.landing-page ul{list-style:disc}.landing-page ol{list-style:decimal}.landing-page li>ol,.landing-page li>ul{margin-top:6px}.landing-page hr{width:100%;height:0;border:0;border-bottom:1px solid rgba(62,90,124,.6);margin:20px 0}.landing-page hr.spacer{height:1px;border:0}.landing-page__information,.landing-page__forms{padding:20px}.landing-page__call-to-action{background:#121a24;border-radius:4px;padding:25px 40px;overflow:hidden;box-sizing:border-box}.landing-page__call-to-action .row{width:100%;display:flex;flex-direction:row-reverse;flex-wrap:nowrap;justify-content:space-between;align-items:center}.landing-page__call-to-action .row__information-board{display:flex;justify-content:flex-end;align-items:flex-end}.landing-page__call-to-action .row__information-board .information-board__section{flex:1 0 auto;padding:0 10px}@media screen and (max-width: 415px){.landing-page__call-to-action .row__information-board{width:100%;justify-content:space-between}}.landing-page__call-to-action .row__mascot{flex:1;margin:10px -50px 0 0}@media screen and (max-width: 415px){.landing-page__call-to-action .row__mascot{display:none}}.landing-page__logo{margin-right:20px}.landing-page__logo img{height:50px;width:auto;mix-blend-mode:lighten}.landing-page__information{padding:45px 40px;margin-bottom:10px}.landing-page__information:last-child{margin-bottom:0}.landing-page__information strong{font-weight:500;color:#bcc9da}.landing-page__information .account{border-bottom:0;padding:0}.landing-page__information .account__display-name{align-items:center;display:flex;margin-right:5px}.landing-page__information .account div.account__display-name:hover .display-name strong{text-decoration:none}.landing-page__information .account div.account__display-name .account__avatar{cursor:default}.landing-page__information .account__avatar-wrapper{margin-left:0;flex:0 0 auto}.landing-page__information .account__avatar{width:44px;height:44px;background-size:44px 44px}.landing-page__information .account .display-name{font-size:15px}.landing-page__information .account .display-name__account{font-size:14px}@media screen and (max-width: 960px){.landing-page__information .contact{margin-top:30px}}@media screen and (max-width: 700px){.landing-page__information{padding:25px 20px}}.landing-page__information,.landing-page__forms,.landing-page #mastodon-timeline{box-sizing:border-box;background:#121a24;border-radius:4px;box-shadow:0 0 6px rgba(0,0,0,.1)}.landing-page__mascot{height:104px;position:relative;left:-40px;bottom:25px}.landing-page__mascot img{height:190px;width:auto}.landing-page__short-description .row{display:flex;flex-wrap:wrap;align-items:center;margin-bottom:40px}@media screen and (max-width: 700px){.landing-page__short-description .row{margin-bottom:20px}}.landing-page__short-description p a{color:#d9e1e8}.landing-page__short-description h1{font-weight:500;color:#fff;margin-bottom:0}.landing-page__short-description h1 small{color:#9baec8}.landing-page__short-description h1 small span{color:#d9e1e8}.landing-page__short-description p:last-child{margin-bottom:0}.landing-page__hero{margin-bottom:10px}.landing-page__hero img{display:block;margin:0;max-width:100%;height:auto;border-radius:4px}@media screen and (max-width: 840px){.landing-page .information-board .container-alt{padding-right:20px}.landing-page .information-board .panel{position:static;margin-top:20px;width:100%;border-radius:4px}.landing-page .information-board .panel .panel-header{text-align:center}}@media screen and (max-width: 675px){.landing-page .header-wrapper{padding-top:0}.landing-page .header-wrapper.compact{padding-bottom:0}.landing-page .header-wrapper.compact .hero .heading{text-align:initial}.landing-page .header .container-alt,.landing-page .features .container-alt{display:block}}.landing-page .cta{margin:20px}.landing{margin-bottom:100px}@media screen and (max-width: 738px){.landing{margin-bottom:0}}.landing__brand{display:flex;justify-content:center;align-items:center;padding:50px}.landing__brand svg{fill:#fff;height:52px}@media screen and (max-width: 415px){.landing__brand{padding:0;margin-bottom:30px}}.landing .directory{margin-top:30px;background:transparent;box-shadow:none;border-radius:0}.landing .hero-widget{margin-top:30px;margin-bottom:0}.landing .hero-widget h4{padding:10px;text-transform:uppercase;font-weight:700;font-size:13px;color:#9baec8}.landing .hero-widget__text{border-radius:0;padding-bottom:0}.landing .hero-widget__footer{background:#121a24;padding:10px;border-radius:0 0 4px 4px;display:flex}.landing .hero-widget__footer__column{flex:1 1 50%}.landing .hero-widget .account{padding:10px 0;border-bottom:0}.landing .hero-widget .account .account__display-name{display:flex;align-items:center}.landing .hero-widget .account .account__avatar{width:44px;height:44px;background-size:44px 44px}.landing .hero-widget__counter{padding:10px}.landing .hero-widget__counter strong{font-family:\"mastodon-font-display\",sans-serif;font-size:15px;font-weight:700;display:block}.landing .hero-widget__counter span{font-size:14px;color:#9baec8}.landing .simple_form .user_agreement .label_input>label{font-weight:400;color:#9baec8}.landing .simple_form p.lead{color:#9baec8;font-size:15px;line-height:20px;font-weight:400;margin-bottom:25px}.landing__grid{max-width:960px;margin:0 auto;display:grid;grid-template-columns:minmax(0, 50%) minmax(0, 50%);grid-gap:30px}@media screen and (max-width: 738px){.landing__grid{grid-template-columns:minmax(0, 100%);grid-gap:10px}.landing__grid__column-login{grid-row:1;display:flex;flex-direction:column}.landing__grid__column-login .box-widget{order:2;flex:0 0 auto}.landing__grid__column-login .hero-widget{margin-top:0;margin-bottom:10px;order:1;flex:0 0 auto}.landing__grid__column-registration{grid-row:2}.landing__grid .directory{margin-top:10px}}@media screen and (max-width: 415px){.landing__grid{grid-gap:0}.landing__grid .hero-widget{display:block;margin-bottom:0;box-shadow:none}.landing__grid .hero-widget__img,.landing__grid .hero-widget__img img,.landing__grid .hero-widget__footer{border-radius:0}.landing__grid .hero-widget,.landing__grid .box-widget,.landing__grid .directory__tag{border-bottom:1px solid #202e3f}.landing__grid .directory{margin-top:0}.landing__grid .directory__tag{margin-bottom:0}.landing__grid .directory__tag>a,.landing__grid .directory__tag>div{border-radius:0;box-shadow:none}.landing__grid .directory__tag:last-child{border-bottom:0}}.brand{position:relative;text-decoration:none}.brand__tagline{display:block;position:absolute;bottom:-10px;left:50px;width:300px;color:#9baec8;text-decoration:none;font-size:14px}@media screen and (max-width: 415px){.brand__tagline{position:static;width:auto;margin-top:20px;color:#3e5a7c}}.table{width:100%;max-width:100%;border-spacing:0;border-collapse:collapse}.table th,.table td{padding:8px;line-height:18px;vertical-align:top;border-top:1px solid #121a24;text-align:left;background:#0b1016}.table>thead>tr>th{vertical-align:bottom;border-bottom:2px solid #121a24;border-top:0;font-weight:500}.table>tbody>tr>th{font-weight:500}.table>tbody>tr:nth-child(odd)>td,.table>tbody>tr:nth-child(odd)>th{background:#121a24}.table a{color:#d8a070;text-decoration:underline}.table a:hover{text-decoration:none}.table strong{font-weight:500}.table strong:lang(ja){font-weight:700}.table strong:lang(ko){font-weight:700}.table strong:lang(zh-CN){font-weight:700}.table strong:lang(zh-HK){font-weight:700}.table strong:lang(zh-TW){font-weight:700}.table.inline-table>tbody>tr:nth-child(odd)>td,.table.inline-table>tbody>tr:nth-child(odd)>th{background:transparent}.table.inline-table>tbody>tr:first-child>td,.table.inline-table>tbody>tr:first-child>th{border-top:0}.table.batch-table>thead>tr>th{background:#121a24;border-top:1px solid #040609;border-bottom:1px solid #040609}.table.batch-table>thead>tr>th:first-child{border-radius:4px 0 0;border-left:1px solid #040609}.table.batch-table>thead>tr>th:last-child{border-radius:0 4px 0 0;border-right:1px solid #040609}.table--invites tbody td{vertical-align:middle}.table-wrapper{overflow:auto;margin-bottom:20px}samp{font-family:\"mastodon-font-monospace\",monospace}button.table-action-link{background:transparent;border:0;font:inherit}button.table-action-link,a.table-action-link{text-decoration:none;display:inline-block;margin-right:5px;padding:0 10px;color:#9baec8;font-weight:500}button.table-action-link:hover,a.table-action-link:hover{color:#fff}button.table-action-link i.fa,a.table-action-link i.fa{font-weight:400;margin-right:5px}button.table-action-link:first-child,a.table-action-link:first-child{padding-left:0}.batch-table__toolbar,.batch-table__row{display:flex}.batch-table__toolbar__select,.batch-table__row__select{box-sizing:border-box;padding:8px 16px;cursor:pointer;min-height:100%}.batch-table__toolbar__select input,.batch-table__row__select input{margin-top:8px}.batch-table__toolbar__select--aligned,.batch-table__row__select--aligned{display:flex;align-items:center}.batch-table__toolbar__select--aligned input,.batch-table__row__select--aligned input{margin-top:0}.batch-table__toolbar__actions,.batch-table__toolbar__content,.batch-table__row__actions,.batch-table__row__content{padding:8px 0;padding-right:16px;flex:1 1 auto}.batch-table__toolbar{border:1px solid #040609;background:#121a24;border-radius:4px 0 0;height:47px;align-items:center}.batch-table__toolbar__actions{text-align:right;padding-right:11px}.batch-table__form{padding:16px;border:1px solid #040609;border-top:0;background:#121a24}.batch-table__form .fields-row{padding-top:0;margin-bottom:0}.batch-table__row{border:1px solid #040609;border-top:0;background:#0b1016}@media screen and (max-width: 415px){.optional .batch-table__row:first-child{border-top:1px solid #040609}}.batch-table__row:hover{background:#0f151d}.batch-table__row:nth-child(even){background:#121a24}.batch-table__row:nth-child(even):hover{background:#151f2b}.batch-table__row__content{padding-top:12px;padding-bottom:16px}.batch-table__row__content--unpadded{padding:0}.batch-table__row__content--with-image{display:flex;align-items:center}.batch-table__row__content__image{flex:0 0 auto;display:flex;justify-content:center;align-items:center;margin-right:10px}.batch-table__row__content__image .emojione{width:32px;height:32px}.batch-table__row__content__text{flex:1 1 auto}.batch-table__row__content__extra{flex:0 0 auto;text-align:right;color:#9baec8;font-weight:500}.batch-table__row .directory__tag{margin:0;width:100%}.batch-table__row .directory__tag a{background:transparent;border-radius:0}@media screen and (max-width: 415px){.batch-table.optional .batch-table__toolbar,.batch-table.optional .batch-table__row__select{display:none}}.batch-table .status__content{padding-top:0}.batch-table .status__content summary{display:list-item}.batch-table .status__content strong{font-weight:700}.batch-table .nothing-here{border:1px solid #040609;border-top:0;box-shadow:none}@media screen and (max-width: 415px){.batch-table .nothing-here{border-top:1px solid #040609}}@media screen and (max-width: 870px){.batch-table .accounts-table tbody td.optional{display:none}}.admin-wrapper{display:flex;justify-content:center;width:100%;min-height:100vh}.admin-wrapper .sidebar-wrapper{min-height:100vh;overflow:hidden;pointer-events:none;flex:1 1 auto}.admin-wrapper .sidebar-wrapper__inner{display:flex;justify-content:flex-end;background:#121a24;height:100%}.admin-wrapper .sidebar{width:240px;padding:0;pointer-events:auto}.admin-wrapper .sidebar__toggle{display:none;background:#202e3f;height:48px}.admin-wrapper .sidebar__toggle__logo{flex:1 1 auto}.admin-wrapper .sidebar__toggle__logo a{display:inline-block;padding:15px}.admin-wrapper .sidebar__toggle__logo svg{fill:#fff;height:20px;position:relative;bottom:-2px}.admin-wrapper .sidebar__toggle__icon{display:block;color:#9baec8;text-decoration:none;flex:0 0 auto;font-size:20px;padding:15px}.admin-wrapper .sidebar__toggle a:hover,.admin-wrapper .sidebar__toggle a:focus,.admin-wrapper .sidebar__toggle a:active{background:#26374d}.admin-wrapper .sidebar .logo{display:block;margin:40px auto;width:100px;height:100px}@media screen and (max-width: 600px){.admin-wrapper .sidebar>a:first-child{display:none}}.admin-wrapper .sidebar ul{list-style:none;border-radius:4px 0 0 4px;overflow:hidden;margin-bottom:20px}@media screen and (max-width: 600px){.admin-wrapper .sidebar ul{margin-bottom:0}}.admin-wrapper .sidebar ul a{display:block;padding:15px;color:#9baec8;text-decoration:none;transition:all 200ms linear;transition-property:color,background-color;border-radius:4px 0 0 4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.admin-wrapper .sidebar ul a i.fa{margin-right:5px}.admin-wrapper .sidebar ul a:hover{color:#fff;background-color:#0a0e13;transition:all 100ms linear;transition-property:color,background-color}.admin-wrapper .sidebar ul a.selected{background:#0f151d;border-radius:4px 0 0}.admin-wrapper .sidebar ul ul{background:#0b1016;border-radius:0 0 0 4px;margin:0}.admin-wrapper .sidebar ul ul a{border:0;padding:15px 35px}.admin-wrapper .sidebar ul .simple-navigation-active-leaf a{color:#fff;background-color:#d8a070;border-bottom:0;border-radius:0}.admin-wrapper .sidebar ul .simple-navigation-active-leaf a:hover{background-color:#ddad84}.admin-wrapper .sidebar>ul>.simple-navigation-active-leaf a{border-radius:4px 0 0 4px}.admin-wrapper .content-wrapper{box-sizing:border-box;width:100%;max-width:840px;flex:1 1 auto}@media screen and (max-width: 1080px){.admin-wrapper .sidebar-wrapper--empty{display:none}.admin-wrapper .sidebar-wrapper{width:240px;flex:0 0 auto}}@media screen and (max-width: 600px){.admin-wrapper .sidebar-wrapper{width:100%}}.admin-wrapper .content{padding:20px 15px;padding-top:60px;padding-left:25px}@media screen and (max-width: 600px){.admin-wrapper .content{max-width:none;padding:15px;padding-top:30px}}.admin-wrapper .content-heading{display:flex;padding-bottom:40px;border-bottom:1px solid #202e3f;margin:-15px -15px 40px 0;flex-wrap:wrap;align-items:center;justify-content:space-between}.admin-wrapper .content-heading>*{margin-top:15px;margin-right:15px}.admin-wrapper .content-heading-actions{display:inline-flex}.admin-wrapper .content-heading-actions>:not(:first-child){margin-left:5px}@media screen and (max-width: 600px){.admin-wrapper .content-heading{border-bottom:0;padding-bottom:0}}.admin-wrapper .content h2{color:#d9e1e8;font-size:24px;line-height:28px;font-weight:400}@media screen and (max-width: 600px){.admin-wrapper .content h2{font-weight:700}}.admin-wrapper .content h3{color:#d9e1e8;font-size:20px;line-height:28px;font-weight:400;margin-bottom:30px}.admin-wrapper .content h4{text-transform:uppercase;font-size:13px;font-weight:700;color:#9baec8;padding-bottom:8px;margin-bottom:8px;border-bottom:1px solid #202e3f}.admin-wrapper .content h6{font-size:16px;color:#d9e1e8;line-height:28px;font-weight:500}.admin-wrapper .content .fields-group h6{color:#fff;font-weight:500}.admin-wrapper .content .directory__tag>a,.admin-wrapper .content .directory__tag>div{box-shadow:none}.admin-wrapper .content .directory__tag .table-action-link .fa{color:inherit}.admin-wrapper .content .directory__tag h4{font-size:18px;font-weight:700;color:#fff;text-transform:none;padding-bottom:0;margin-bottom:0;border-bottom:0}.admin-wrapper .content>p{font-size:14px;line-height:21px;color:#d9e1e8;margin-bottom:20px}.admin-wrapper .content>p strong{color:#fff;font-weight:500}.admin-wrapper .content>p strong:lang(ja){font-weight:700}.admin-wrapper .content>p strong:lang(ko){font-weight:700}.admin-wrapper .content>p strong:lang(zh-CN){font-weight:700}.admin-wrapper .content>p strong:lang(zh-HK){font-weight:700}.admin-wrapper .content>p strong:lang(zh-TW){font-weight:700}.admin-wrapper .content hr{width:100%;height:0;border:0;border-bottom:1px solid rgba(62,90,124,.6);margin:20px 0}.admin-wrapper .content hr.spacer{height:1px;border:0}@media screen and (max-width: 600px){.admin-wrapper{display:block}.admin-wrapper .sidebar-wrapper{min-height:0}.admin-wrapper .sidebar{width:100%;padding:0;height:auto}.admin-wrapper .sidebar__toggle{display:flex}.admin-wrapper .sidebar>ul{display:none}.admin-wrapper .sidebar ul a,.admin-wrapper .sidebar ul ul a{border-radius:0;border-bottom:1px solid #192432;transition:none}.admin-wrapper .sidebar ul a:hover,.admin-wrapper .sidebar ul ul a:hover{transition:none}.admin-wrapper .sidebar ul ul{border-radius:0}.admin-wrapper .sidebar ul .simple-navigation-active-leaf a{border-bottom-color:#d8a070}}hr.spacer{width:100%;border:0;margin:20px 0;height:1px}body .muted-hint,.admin-wrapper .content .muted-hint{color:#9baec8}body .muted-hint a,.admin-wrapper .content .muted-hint a{color:#d8a070}body .positive-hint,.admin-wrapper .content .positive-hint{color:#79bd9a;font-weight:500}body .negative-hint,.admin-wrapper .content .negative-hint{color:#df405a;font-weight:500}body .neutral-hint,.admin-wrapper .content .neutral-hint{color:#3e5a7c;font-weight:500}body .warning-hint,.admin-wrapper .content .warning-hint{color:#ca8f04;font-weight:500}.filters{display:flex;flex-wrap:wrap}.filters .filter-subset{flex:0 0 auto;margin:0 40px 20px 0}.filters .filter-subset:last-child{margin-bottom:30px}.filters .filter-subset ul{margin-top:5px;list-style:none}.filters .filter-subset ul li{display:inline-block;margin-right:5px}.filters .filter-subset strong{font-weight:500;text-transform:uppercase;font-size:12px}.filters .filter-subset strong:lang(ja){font-weight:700}.filters .filter-subset strong:lang(ko){font-weight:700}.filters .filter-subset strong:lang(zh-CN){font-weight:700}.filters .filter-subset strong:lang(zh-HK){font-weight:700}.filters .filter-subset strong:lang(zh-TW){font-weight:700}.filters .filter-subset--with-select strong{display:block;margin-bottom:10px}.filters .filter-subset a{display:inline-block;color:#9baec8;text-decoration:none;text-transform:uppercase;font-size:12px;font-weight:500;border-bottom:2px solid #121a24}.filters .filter-subset a:hover{color:#fff;border-bottom:2px solid #1b2635}.filters .filter-subset a.selected{color:#d8a070;border-bottom:2px solid #d8a070}.flavour-screen{display:block;margin:10px auto;max-width:100%}.flavour-description{display:block;font-size:16px;margin:10px 0}.flavour-description>p{margin:10px 0}.flavour-screen{display:block;margin:10px auto;max-width:100%}.flavour-description{display:block;font-size:16px;margin:10px 0}.flavour-description>p{margin:10px 0}.report-accounts{display:flex;flex-wrap:wrap;margin-bottom:20px}.report-accounts__item{display:flex;flex:250px;flex-direction:column;margin:0 5px}.report-accounts__item>strong{display:block;margin:0 0 10px -5px;font-weight:500;font-size:14px;line-height:18px;color:#d9e1e8}.report-accounts__item>strong:lang(ja){font-weight:700}.report-accounts__item>strong:lang(ko){font-weight:700}.report-accounts__item>strong:lang(zh-CN){font-weight:700}.report-accounts__item>strong:lang(zh-HK){font-weight:700}.report-accounts__item>strong:lang(zh-TW){font-weight:700}.report-accounts__item .account-card{flex:1 1 auto}.report-status,.account-status{display:flex;margin-bottom:10px}.report-status .activity-stream,.account-status .activity-stream{flex:2 0 0;margin-right:20px;max-width:calc(100% - 60px)}.report-status .activity-stream .entry,.account-status .activity-stream .entry{border-radius:4px}.report-status__actions,.account-status__actions{flex:0 0 auto;display:flex;flex-direction:column}.report-status__actions .icon-button,.account-status__actions .icon-button{font-size:24px;width:24px;text-align:center;margin-bottom:10px}.simple_form.new_report_note,.simple_form.new_account_moderation_note{max-width:100%}.batch-form-box{display:flex;flex-wrap:wrap;margin-bottom:5px}.batch-form-box #form_status_batch_action{margin:0 5px 5px 0;font-size:14px}.batch-form-box input.button{margin:0 5px 5px 0}.batch-form-box .media-spoiler-toggle-buttons{margin-left:auto}.batch-form-box .media-spoiler-toggle-buttons .button{overflow:visible;margin:0 0 5px 5px;float:right}.back-link{margin-bottom:10px;font-size:14px}.back-link a{color:#d8a070;text-decoration:none}.back-link a:hover{text-decoration:underline}.spacer{flex:1 1 auto}.log-entry{line-height:20px;padding:15px 0;background:#121a24;border-bottom:1px solid #192432}.log-entry:last-child{border-bottom:0}.log-entry__header{display:flex;justify-content:flex-start;align-items:center;color:#9baec8;font-size:14px;padding:0 10px}.log-entry__avatar{margin-right:10px}.log-entry__avatar .avatar{display:block;margin:0;border-radius:50%;width:40px;height:40px}.log-entry__content{max-width:calc(100% - 90px)}.log-entry__title{word-wrap:break-word}.log-entry__timestamp{color:#3e5a7c}.log-entry a,.log-entry .username,.log-entry .target{color:#d9e1e8;text-decoration:none;font-weight:500}a.name-tag,.name-tag,a.inline-name-tag,.inline-name-tag{text-decoration:none;color:#d9e1e8}a.name-tag .username,.name-tag .username,a.inline-name-tag .username,.inline-name-tag .username{font-weight:500}a.name-tag.suspended .username,.name-tag.suspended .username,a.inline-name-tag.suspended .username,.inline-name-tag.suspended .username{text-decoration:line-through;color:#e87487}a.name-tag.suspended .avatar,.name-tag.suspended .avatar,a.inline-name-tag.suspended .avatar,.inline-name-tag.suspended .avatar{filter:grayscale(100%);opacity:.8}a.name-tag,.name-tag{display:flex;align-items:center}a.name-tag .avatar,.name-tag .avatar{display:block;margin:0;margin-right:5px;border-radius:50%}a.name-tag.suspended .avatar,.name-tag.suspended .avatar{filter:grayscale(100%);opacity:.8}.speech-bubble{margin-bottom:20px;border-left:4px solid #d8a070}.speech-bubble.positive{border-left-color:#79bd9a}.speech-bubble.negative{border-left-color:#e87487}.speech-bubble.warning{border-left-color:#ca8f04}.speech-bubble__bubble{padding:16px;padding-left:14px;font-size:15px;line-height:20px;border-radius:4px 4px 4px 0;position:relative;font-weight:500}.speech-bubble__bubble a{color:#9baec8}.speech-bubble__owner{padding:8px;padding-left:12px}.speech-bubble time{color:#3e5a7c}.report-card{background:#121a24;border-radius:4px;margin-bottom:20px}.report-card__profile{display:flex;justify-content:space-between;align-items:center;padding:15px}.report-card__profile .account{padding:0;border:0}.report-card__profile .account__avatar-wrapper{margin-left:0}.report-card__profile__stats{flex:0 0 auto;font-weight:500;color:#9baec8;text-transform:uppercase;text-align:right}.report-card__profile__stats a{color:inherit;text-decoration:none}.report-card__profile__stats a:focus,.report-card__profile__stats a:hover,.report-card__profile__stats a:active{color:#b5c3d6}.report-card__profile__stats .red{color:#df405a}.report-card__summary__item{display:flex;justify-content:flex-start;border-top:1px solid #0b1016}.report-card__summary__item:hover{background:#151f2b}.report-card__summary__item__reported-by,.report-card__summary__item__assigned{padding:15px;flex:0 0 auto;box-sizing:border-box;width:150px;color:#9baec8}.report-card__summary__item__reported-by,.report-card__summary__item__reported-by .username,.report-card__summary__item__assigned,.report-card__summary__item__assigned .username{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.report-card__summary__item__content{flex:1 1 auto;max-width:calc(100% - 300px)}.report-card__summary__item__content__icon{color:#3e5a7c;margin-right:4px;font-weight:500}.report-card__summary__item__content a{display:block;box-sizing:border-box;width:100%;padding:15px;text-decoration:none;color:#9baec8}.one-line{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ellipsized-ip{display:inline-block;max-width:120px;overflow:hidden;text-overflow:ellipsis;vertical-align:middle}.admin-account-bio{display:flex;flex-wrap:wrap;margin:0 -5px;margin-top:20px}.admin-account-bio>div{box-sizing:border-box;padding:0 5px;margin-bottom:10px;flex:1 0 50%}.admin-account-bio .account__header__fields,.admin-account-bio .account__header__content{background:#202e3f;border-radius:4px;height:100%}.admin-account-bio .account__header__fields{margin:0;border:0}.admin-account-bio .account__header__fields a{color:#e1b590}.admin-account-bio .account__header__fields dl:first-child .verified{border-radius:0 4px 0 0}.admin-account-bio .account__header__fields .verified a{color:#79bd9a}.admin-account-bio .account__header__content{box-sizing:border-box;padding:20px;color:#fff}.center-text{text-align:center}.announcements-list{border:1px solid #192432;border-radius:4px}.announcements-list__item{padding:15px 0;background:#121a24;border-bottom:1px solid #192432}.announcements-list__item__title{padding:0 15px;display:block;font-weight:500;font-size:18px;line-height:1.5;color:#d9e1e8;text-decoration:none;margin-bottom:10px}.announcements-list__item__title:hover,.announcements-list__item__title:focus,.announcements-list__item__title:active{color:#fff}.announcements-list__item__meta{padding:0 15px;color:#3e5a7c}.announcements-list__item__action-bar{display:flex;justify-content:space-between;align-items:center}.announcements-list__item:last-child{border-bottom:0}.dashboard__counters{display:flex;flex-wrap:wrap;margin:0 -5px;margin-bottom:20px}.dashboard__counters>div{box-sizing:border-box;flex:0 0 33.333%;padding:0 5px;margin-bottom:10px}.dashboard__counters>div>div,.dashboard__counters>div>a{padding:20px;background:#192432;border-radius:4px;box-sizing:border-box;height:100%}.dashboard__counters>div>a{text-decoration:none;color:inherit;display:block}.dashboard__counters>div>a:hover,.dashboard__counters>div>a:focus,.dashboard__counters>div>a:active{background:#202e3f}.dashboard__counters__num,.dashboard__counters__text{text-align:center;font-weight:500;font-size:24px;line-height:21px;color:#fff;font-family:\"mastodon-font-display\",sans-serif;margin-bottom:20px;line-height:30px}.dashboard__counters__text{font-size:18px}.dashboard__counters__label{font-size:14px;color:#9baec8;text-align:center;font-weight:500}.dashboard__widgets{display:flex;flex-wrap:wrap;margin:0 -5px}.dashboard__widgets>div{flex:0 0 33.333%;margin-bottom:20px}.dashboard__widgets>div>div{padding:0 5px}.dashboard__widgets a:not(.name-tag){color:#d9e1e8;font-weight:500;text-decoration:none}body.rtl{direction:rtl}body.rtl .column-header>button{text-align:right;padding-left:0;padding-right:15px}body.rtl .radio-button__input{margin-right:0;margin-left:10px}body.rtl .directory__card__bar .display-name{margin-left:0;margin-right:15px}body.rtl .display-name{text-align:right}body.rtl .notification__message{margin-left:0;margin-right:68px}body.rtl .drawer__inner__mastodon>img{transform:scaleX(-1)}body.rtl .notification__favourite-icon-wrapper{left:auto;right:-26px}body.rtl .landing-page__logo{margin-right:0;margin-left:20px}body.rtl .landing-page .features-list .features-list__row .visual{margin-left:0;margin-right:15px}body.rtl .column-link__icon,body.rtl .column-header__icon{margin-right:0;margin-left:5px}body.rtl .compose-form .compose-form__buttons-wrapper .character-counter__wrapper{margin-right:0;margin-left:4px}body.rtl .navigation-bar__profile{margin-left:0;margin-right:8px}body.rtl .search__input{padding-right:10px;padding-left:30px}body.rtl .search__icon .fa{right:auto;left:10px}body.rtl .columns-area{direction:rtl}body.rtl .column-header__buttons{left:0;right:auto;margin-left:0;margin-right:-15px}body.rtl .column-inline-form .icon-button{margin-left:0;margin-right:5px}body.rtl .column-header__links .text-btn{margin-left:10px;margin-right:0}body.rtl .account__avatar-wrapper{float:right}body.rtl .column-header__back-button{padding-left:5px;padding-right:0}body.rtl .column-header__setting-arrows{float:left}body.rtl .setting-toggle__label{margin-left:0;margin-right:8px}body.rtl .status__avatar{left:auto;right:10px}body.rtl .status,body.rtl .activity-stream .status.light{padding-left:10px;padding-right:68px}body.rtl .status__info .status__display-name,body.rtl .activity-stream .status.light .status__display-name{padding-left:25px;padding-right:0}body.rtl .activity-stream .pre-header{padding-right:68px;padding-left:0}body.rtl .status__prepend{margin-left:0;margin-right:68px}body.rtl .status__prepend-icon-wrapper{left:auto;right:-26px}body.rtl .activity-stream .pre-header .pre-header__icon{left:auto;right:42px}body.rtl .account__avatar-overlay-overlay{right:auto;left:0}body.rtl .column-back-button--slim-button{right:auto;left:0}body.rtl .status__relative-time,body.rtl .activity-stream .status.light .status__header .status__meta{float:left}body.rtl .status__action-bar__counter{margin-right:0;margin-left:11px}body.rtl .status__action-bar__counter .status__action-bar-button{margin-right:0;margin-left:4px}body.rtl .status__action-bar-button{float:right;margin-right:0;margin-left:18px}body.rtl .status__action-bar-dropdown{float:right}body.rtl .privacy-dropdown__dropdown{margin-left:0;margin-right:40px}body.rtl .privacy-dropdown__option__icon{margin-left:10px;margin-right:0}body.rtl .detailed-status__display-name .display-name{text-align:right}body.rtl .detailed-status__display-avatar{margin-right:0;margin-left:10px;float:right}body.rtl .detailed-status__favorites,body.rtl .detailed-status__reblogs{margin-left:0;margin-right:6px}body.rtl .fa-ul{margin-left:2.14285714em}body.rtl .fa-li{left:auto;right:-2.14285714em}body.rtl .admin-wrapper{direction:rtl}body.rtl .admin-wrapper .sidebar ul a i.fa,body.rtl a.table-action-link i.fa{margin-right:0;margin-left:5px}body.rtl .simple_form .check_boxes .checkbox label{padding-left:0;padding-right:25px}body.rtl .simple_form .input.with_label.boolean label.checkbox{padding-left:25px;padding-right:0}body.rtl .simple_form .check_boxes .checkbox input[type=checkbox],body.rtl .simple_form .input.boolean input[type=checkbox]{left:auto;right:0}body.rtl .simple_form .input.radio_buttons .radio{left:auto;right:0}body.rtl .simple_form .input.radio_buttons .radio>label{padding-right:28px;padding-left:0}body.rtl .simple_form .input-with-append .input input{padding-left:142px;padding-right:0}body.rtl .simple_form .input.boolean label.checkbox{left:auto;right:0}body.rtl .simple_form .input.boolean .label_input,body.rtl .simple_form .input.boolean .hint{padding-left:0;padding-right:28px}body.rtl .simple_form .label_input__append{right:auto;left:3px}body.rtl .simple_form .label_input__append::after{right:auto;left:0;background-image:linear-gradient(to left, rgba(1, 1, 2, 0), #010102)}body.rtl .simple_form select{background:#010102 url(\"data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14.933 18.467' height='19.698' width='15.929'><path d='M3.467 14.967l-3.393-3.5H14.86l-3.392 3.5c-1.866 1.925-3.666 3.5-4 3.5-.335 0-2.135-1.575-4-3.5zm.266-11.234L7.467 0 11.2 3.733l3.733 3.734H0l3.733-3.734z' fill='%2326374D'/></svg>\") no-repeat left 8px center/auto 16px}body.rtl .table th,body.rtl .table td{text-align:right}body.rtl .filters .filter-subset{margin-right:0;margin-left:45px}body.rtl .landing-page .header-wrapper .mascot{right:60px;left:auto}body.rtl .landing-page__call-to-action .row__information-board{direction:rtl}body.rtl .landing-page .header .hero .floats .float-1{left:-120px;right:auto}body.rtl .landing-page .header .hero .floats .float-2{left:210px;right:auto}body.rtl .landing-page .header .hero .floats .float-3{left:110px;right:auto}body.rtl .landing-page .header .links .brand img{left:0}body.rtl .landing-page .fa-external-link{padding-right:5px;padding-left:0 !important}body.rtl .landing-page .features #mastodon-timeline{margin-right:0;margin-left:30px}@media screen and (min-width: 631px){body.rtl .column,body.rtl .drawer{padding-left:5px;padding-right:5px}body.rtl .column:first-child,body.rtl .drawer:first-child{padding-left:5px;padding-right:10px}body.rtl .columns-area>div .column,body.rtl .columns-area>div .drawer{padding-left:5px;padding-right:5px}}body.rtl .columns-area--mobile .column,body.rtl .columns-area--mobile .drawer{padding-left:0;padding-right:0}body.rtl .public-layout .header .nav-button{margin-left:8px;margin-right:0}body.rtl .public-layout .public-account-header__tabs{margin-left:0;margin-right:20px}body.rtl .landing-page__information .account__display-name{margin-right:0;margin-left:5px}body.rtl .landing-page__information .account__avatar-wrapper{margin-left:12px;margin-right:0}body.rtl .card__bar .display-name{margin-left:0;margin-right:15px;text-align:right}body.rtl .fa-chevron-left::before{content:\"\"}body.rtl .fa-chevron-right::before{content:\"\"}body.rtl .column-back-button__icon{margin-right:0;margin-left:5px}body.rtl .column-header__setting-arrows .column-header__setting-btn:last-child{padding-left:0;padding-right:10px}body.rtl .simple_form .input.radio_buttons .radio>label input{left:auto;right:0}.emojione[title=\":wavy_dash:\"],.emojione[title=\":waving_black_flag:\"],.emojione[title=\":water_buffalo:\"],.emojione[title=\":video_game:\"],.emojione[title=\":video_camera:\"],.emojione[title=\":vhs:\"],.emojione[title=\":turkey:\"],.emojione[title=\":tophat:\"],.emojione[title=\":top:\"],.emojione[title=\":tm:\"],.emojione[title=\":telephone_receiver:\"],.emojione[title=\":spider:\"],.emojione[title=\":speaking_head_in_silhouette:\"],.emojione[title=\":spades:\"],.emojione[title=\":soon:\"],.emojione[title=\":registered:\"],.emojione[title=\":on:\"],.emojione[title=\":musical_score:\"],.emojione[title=\":movie_camera:\"],.emojione[title=\":mortar_board:\"],.emojione[title=\":microphone:\"],.emojione[title=\":male-guard:\"],.emojione[title=\":lower_left_fountain_pen:\"],.emojione[title=\":lower_left_ballpoint_pen:\"],.emojione[title=\":kaaba:\"],.emojione[title=\":joystick:\"],.emojione[title=\":hole:\"],.emojione[title=\":hocho:\"],.emojione[title=\":heavy_plus_sign:\"],.emojione[title=\":heavy_multiplication_x:\"],.emojione[title=\":heavy_minus_sign:\"],.emojione[title=\":heavy_dollar_sign:\"],.emojione[title=\":heavy_division_sign:\"],.emojione[title=\":heavy_check_mark:\"],.emojione[title=\":guardsman:\"],.emojione[title=\":gorilla:\"],.emojione[title=\":fried_egg:\"],.emojione[title=\":film_projector:\"],.emojione[title=\":female-guard:\"],.emojione[title=\":end:\"],.emojione[title=\":electric_plug:\"],.emojione[title=\":eight_pointed_black_star:\"],.emojione[title=\":dark_sunglasses:\"],.emojione[title=\":currency_exchange:\"],.emojione[title=\":curly_loop:\"],.emojione[title=\":copyright:\"],.emojione[title=\":clubs:\"],.emojione[title=\":camera_with_flash:\"],.emojione[title=\":camera:\"],.emojione[title=\":busts_in_silhouette:\"],.emojione[title=\":bust_in_silhouette:\"],.emojione[title=\":bowling:\"],.emojione[title=\":bomb:\"],.emojione[title=\":black_small_square:\"],.emojione[title=\":black_nib:\"],.emojione[title=\":black_medium_square:\"],.emojione[title=\":black_medium_small_square:\"],.emojione[title=\":black_large_square:\"],.emojione[title=\":black_heart:\"],.emojione[title=\":black_circle:\"],.emojione[title=\":back:\"],.emojione[title=\":ant:\"],.emojione[title=\":8ball:\"]{filter:drop-shadow(1px 1px 0 #ffffff) drop-shadow(-1px 1px 0 #ffffff) drop-shadow(1px -1px 0 #ffffff) drop-shadow(-1px -1px 0 #ffffff);transform:scale(0.71)}","/* http://meyerweb.com/eric/tools/css/reset/\n   v2.0 | 20110126\n   License: none (public domain)\n*/\n\nhtml, body, div, span, applet, object, iframe,\nh1, h2, h3, h4, h5, h6, p, blockquote, pre,\na, abbr, acronym, address, big, cite, code,\ndel, dfn, em, img, ins, kbd, q, s, samp,\nsmall, strike, strong, sub, sup, tt, var,\nb, u, i, center,\ndl, dt, dd, ol, ul, li,\nfieldset, form, label, legend,\ntable, caption, tbody, tfoot, thead, tr, th, td,\narticle, aside, canvas, details, embed,\nfigure, figcaption, footer, header, hgroup,\nmenu, nav, output, ruby, section, summary,\ntime, mark, audio, video {\n  margin: 0;\n  padding: 0;\n  border: 0;\n  font-size: 100%;\n  font: inherit;\n  vertical-align: baseline;\n}\n\n/* HTML5 display-role reset for older browsers */\narticle, aside, details, figcaption, figure,\nfooter, header, hgroup, menu, nav, section {\n  display: block;\n}\n\nbody {\n  line-height: 1;\n}\n\nol, ul {\n  list-style: none;\n}\n\nblockquote, q {\n  quotes: none;\n}\n\nblockquote:before, blockquote:after,\nq:before, q:after {\n  content: '';\n  content: none;\n}\n\ntable {\n  border-collapse: collapse;\n  border-spacing: 0;\n}\n\nhtml {\n  scrollbar-color: lighten($ui-base-color, 4%) rgba($base-overlay-background, 0.1);\n}\n\n::-webkit-scrollbar {\n  width: 12px;\n  height: 12px;\n}\n\n::-webkit-scrollbar-thumb {\n  background: lighten($ui-base-color, 4%);\n  border: 0px none $base-border-color;\n  border-radius: 50px;\n}\n\n::-webkit-scrollbar-thumb:hover {\n  background: lighten($ui-base-color, 6%);\n}\n\n::-webkit-scrollbar-thumb:active {\n  background: lighten($ui-base-color, 4%);\n}\n\n::-webkit-scrollbar-track {\n  border: 0px none $base-border-color;\n  border-radius: 0;\n  background: rgba($base-overlay-background, 0.1);\n}\n\n::-webkit-scrollbar-track:hover {\n  background: $ui-base-color;\n}\n\n::-webkit-scrollbar-track:active {\n  background: $ui-base-color;\n}\n\n::-webkit-scrollbar-corner {\n  background: transparent;\n}\n","// Commonly used web colors\n$black: #000000;            // Black\n$white: #ffffff;            // White\n$success-green: #79bd9a !default;    // Padua\n$error-red: #df405a !default;        // Cerise\n$warning-red: #ff5050 !default;      // Sunset Orange\n$gold-star: #ca8f04 !default;        // Dark Goldenrod\n\n$red-bookmark: $warning-red;\n\n// Pleroma-Dark colors\n$pleroma-bg: #121a24;\n$pleroma-fg: #182230;\n$pleroma-text: #b9b9ba;\n$pleroma-links: #d8a070;\n\n// Values from the classic Mastodon UI\n$classic-base-color: $pleroma-bg;\n$classic-primary-color: #9baec8;\n$classic-secondary-color: #d9e1e8;\n$classic-highlight-color: #d8a070;\n\n// Variables for defaults in UI\n$base-shadow-color: $black !default;\n$base-overlay-background: $black !default;\n$base-border-color: $white !default;\n$simple-background-color: $white !default;\n$valid-value-color: $success-green !default;\n$error-value-color: $error-red !default;\n\n// Tell UI to use selected colors\n$ui-base-color: $classic-base-color !default;                  // Darkest\n$ui-base-lighter-color: lighten($ui-base-color, 26%) !default; // Lighter darkest\n$ui-primary-color: $classic-primary-color !default;            // Lighter\n$ui-secondary-color: $classic-secondary-color !default;        // Lightest\n$ui-highlight-color: $classic-highlight-color !default;\n\n// Variables for texts\n$primary-text-color: $white !default;\n$darker-text-color: $ui-primary-color !default;\n$dark-text-color: $ui-base-lighter-color !default;\n$secondary-text-color: $ui-secondary-color !default;\n$highlight-text-color: $ui-highlight-color !default;\n$action-button-color: $ui-base-lighter-color !default;\n// For texts on inverted backgrounds\n$inverted-text-color: $ui-base-color !default;\n$lighter-text-color: $ui-base-lighter-color !default;\n$light-text-color: $ui-primary-color !default;\n\n// Language codes that uses CJK fonts\n$cjk-langs: ja, ko, zh-CN, zh-HK, zh-TW;\n\n// Variables for components\n$media-modal-media-max-width: 100%;\n// put margins on top and bottom of image to avoid the screen covered by image.\n$media-modal-media-max-height: 80%;\n\n$no-gap-breakpoint: 415px;\n\n$font-sans-serif: 'mastodon-font-sans-serif' !default;\n$font-display: 'mastodon-font-display' !default;\n$font-monospace: 'mastodon-font-monospace' !default;\n","@function hex-color($color) {\n  @if type-of($color) == 'color' {\n    $color: str-slice(ie-hex-str($color), 4);\n  }\n\n  @return '%23' + unquote($color);\n}\n\nbody {\n  font-family: $font-sans-serif, sans-serif;\n  background: darken($ui-base-color, 7%);\n  font-size: 13px;\n  line-height: 18px;\n  font-weight: 400;\n  color: $primary-text-color;\n  text-rendering: optimizelegibility;\n  font-feature-settings: \"kern\";\n  text-size-adjust: none;\n  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);\n  -webkit-tap-highlight-color: transparent;\n\n  &.system-font {\n    // system-ui => standard property (Chrome/Android WebView 56+, Opera 43+, Safari 11+)\n    // -apple-system => Safari <11 specific\n    // BlinkMacSystemFont => Chrome <56 on macOS specific\n    // Segoe UI => Windows 7/8/10\n    // Oxygen => KDE\n    // Ubuntu => Unity/Ubuntu\n    // Cantarell => GNOME\n    // Fira Sans => Firefox OS\n    // Droid Sans => Older Androids (<4.0)\n    // Helvetica Neue => Older macOS <10.11\n    // $font-sans-serif => web-font (Roboto) fallback and newer Androids (>=4.0)\n    font-family: system-ui, -apple-system, BlinkMacSystemFont, \"Segoe UI\", \"Oxygen\", \"Ubuntu\", \"Cantarell\", \"Fira Sans\", \"Droid Sans\", \"Helvetica Neue\", $font-sans-serif, sans-serif;\n  }\n\n  &.app-body {\n    padding: 0;\n\n    &.layout-single-column {\n      height: auto;\n      min-height: 100vh;\n      overflow-y: scroll;\n    }\n\n    &.layout-multiple-columns {\n      position: absolute;\n      width: 100%;\n      height: 100%;\n    }\n\n    &.with-modals--active {\n      overflow-y: hidden;\n    }\n  }\n\n  &.lighter {\n    background: $ui-base-color;\n  }\n\n  &.with-modals {\n    overflow-x: hidden;\n    overflow-y: scroll;\n\n    &--active {\n      overflow-y: hidden;\n    }\n  }\n\n  &.player {\n    text-align: center;\n  }\n\n  &.embed {\n    background: lighten($ui-base-color, 4%);\n    margin: 0;\n    padding-bottom: 0;\n\n    .container {\n      position: absolute;\n      width: 100%;\n      height: 100%;\n      overflow: hidden;\n    }\n  }\n\n  &.admin {\n    background: darken($ui-base-color, 4%);\n    padding: 0;\n  }\n\n  &.error {\n    position: absolute;\n    text-align: center;\n    color: $darker-text-color;\n    background: $ui-base-color;\n    width: 100%;\n    height: 100%;\n    padding: 0;\n    display: flex;\n    justify-content: center;\n    align-items: center;\n\n    .dialog {\n      vertical-align: middle;\n      margin: 20px;\n\n      &__illustration {\n        img {\n          display: block;\n          max-width: 470px;\n          width: 100%;\n          height: auto;\n          margin-top: -120px;\n        }\n      }\n\n      h1 {\n        font-size: 20px;\n        line-height: 28px;\n        font-weight: 400;\n      }\n    }\n  }\n}\n\nbutton {\n  font-family: inherit;\n  cursor: pointer;\n\n  &:focus {\n    outline: none;\n  }\n}\n\n.app-holder {\n  &,\n  & > div,\n  & > noscript {\n    display: flex;\n    width: 100%;\n    align-items: center;\n    justify-content: center;\n    outline: 0 !important;\n  }\n\n  & > noscript {\n    height: 100vh;\n  }\n}\n\n.layout-single-column .app-holder {\n  &,\n  & > div {\n    min-height: 100vh;\n  }\n}\n\n.layout-multiple-columns .app-holder {\n  &,\n  & > div {\n    height: 100%;\n  }\n}\n\n.error-boundary,\n.app-holder noscript {\n  flex-direction: column;\n  font-size: 16px;\n  font-weight: 400;\n  line-height: 1.7;\n  color: lighten($error-red, 4%);\n  text-align: center;\n\n  & > div {\n    max-width: 500px;\n  }\n\n  p {\n    margin-bottom: .85em;\n\n    &:last-child {\n      margin-bottom: 0;\n    }\n  }\n\n  a {\n    color: $highlight-text-color;\n\n    &:hover,\n    &:focus,\n    &:active {\n      text-decoration: none;\n    }\n  }\n\n  &__footer {\n    color: $dark-text-color;\n    font-size: 13px;\n\n    a {\n      color: $dark-text-color;\n    }\n  }\n\n  button {\n    display: inline;\n    border: 0;\n    background: transparent;\n    color: $dark-text-color;\n    font: inherit;\n    padding: 0;\n    margin: 0;\n    line-height: inherit;\n    cursor: pointer;\n    outline: 0;\n    transition: color 300ms linear;\n    text-decoration: underline;\n\n    &:hover,\n    &:focus,\n    &:active {\n      text-decoration: none;\n    }\n\n    &.copied {\n      color: $valid-value-color;\n      transition: none;\n    }\n  }\n}\n",".container-alt {\n  width: 700px;\n  margin: 0 auto;\n  margin-top: 40px;\n\n  @media screen and (max-width: 740px) {\n    width: 100%;\n    margin: 0;\n  }\n}\n\n.logo-container {\n  margin: 100px auto 50px;\n\n  @media screen and (max-width: 500px) {\n    margin: 40px auto 0;\n  }\n\n  h1 {\n    display: flex;\n    justify-content: center;\n    align-items: center;\n\n    svg {\n      fill: $primary-text-color;\n      height: 42px;\n      margin-right: 10px;\n    }\n\n    a {\n      display: flex;\n      justify-content: center;\n      align-items: center;\n      color: $primary-text-color;\n      text-decoration: none;\n      outline: 0;\n      padding: 12px 16px;\n      line-height: 32px;\n      font-family: $font-display, sans-serif;\n      font-weight: 500;\n      font-size: 14px;\n    }\n  }\n}\n\n.compose-standalone {\n  .compose-form {\n    width: 400px;\n    margin: 0 auto;\n    padding: 20px 0;\n    margin-top: 40px;\n    box-sizing: border-box;\n\n    @media screen and (max-width: 400px) {\n      width: 100%;\n      margin-top: 0;\n      padding: 20px;\n    }\n  }\n}\n\n.account-header {\n  width: 400px;\n  margin: 0 auto;\n  display: flex;\n  font-size: 13px;\n  line-height: 18px;\n  box-sizing: border-box;\n  padding: 20px 0;\n  padding-bottom: 0;\n  margin-bottom: -30px;\n  margin-top: 40px;\n\n  @media screen and (max-width: 440px) {\n    width: 100%;\n    margin: 0;\n    margin-bottom: 10px;\n    padding: 20px;\n    padding-bottom: 0;\n  }\n\n  .avatar {\n    width: 40px;\n    height: 40px;\n    margin-right: 8px;\n\n    img {\n      width: 100%;\n      height: 100%;\n      display: block;\n      margin: 0;\n      border-radius: 4px;\n    }\n  }\n\n  .name {\n    flex: 1 1 auto;\n    color: $secondary-text-color;\n    width: calc(100% - 88px);\n\n    .username {\n      display: block;\n      font-weight: 500;\n      text-overflow: ellipsis;\n      overflow: hidden;\n    }\n  }\n\n  .logout-link {\n    display: block;\n    font-size: 32px;\n    line-height: 40px;\n    margin-left: 8px;\n  }\n}\n\n.grid-3 {\n  display: grid;\n  grid-gap: 10px;\n  grid-template-columns: 3fr 1fr;\n  grid-auto-columns: 25%;\n  grid-auto-rows: max-content;\n\n  .column-0 {\n    grid-column: 1 / 3;\n    grid-row: 1;\n  }\n\n  .column-1 {\n    grid-column: 1;\n    grid-row: 2;\n  }\n\n  .column-2 {\n    grid-column: 2;\n    grid-row: 2;\n  }\n\n  .column-3 {\n    grid-column: 1 / 3;\n    grid-row: 3;\n  }\n\n  @media screen and (max-width: $no-gap-breakpoint) {\n    grid-gap: 0;\n    grid-template-columns: minmax(0, 100%);\n\n    .column-0 {\n      grid-column: 1;\n    }\n\n    .column-1 {\n      grid-column: 1;\n      grid-row: 3;\n    }\n\n    .column-2 {\n      grid-column: 1;\n      grid-row: 2;\n    }\n\n    .column-3 {\n      grid-column: 1;\n      grid-row: 4;\n    }\n  }\n}\n\n.grid-4 {\n  display: grid;\n  grid-gap: 10px;\n  grid-template-columns: repeat(4, minmax(0, 1fr));\n  grid-auto-columns: 25%;\n  grid-auto-rows: max-content;\n\n  .column-0 {\n    grid-column: 1 / 5;\n    grid-row: 1;\n  }\n\n  .column-1 {\n    grid-column: 1 / 4;\n    grid-row: 2;\n  }\n\n  .column-2 {\n    grid-column: 4;\n    grid-row: 2;\n  }\n\n  .column-3 {\n    grid-column: 2 / 5;\n    grid-row: 3;\n  }\n\n  .column-4 {\n    grid-column: 1;\n    grid-row: 3;\n  }\n\n  .landing-page__call-to-action {\n    min-height: 100%;\n  }\n\n  .flash-message {\n    margin-bottom: 10px;\n  }\n\n  @media screen and (max-width: 738px) {\n    grid-template-columns: minmax(0, 50%) minmax(0, 50%);\n\n    .landing-page__call-to-action {\n      padding: 20px;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n    }\n\n    .row__information-board {\n      width: 100%;\n      justify-content: center;\n      align-items: center;\n    }\n\n    .row__mascot {\n      display: none;\n    }\n  }\n\n  @media screen and (max-width: $no-gap-breakpoint) {\n    grid-gap: 0;\n    grid-template-columns: minmax(0, 100%);\n\n    .column-0 {\n      grid-column: 1;\n    }\n\n    .column-1 {\n      grid-column: 1;\n      grid-row: 3;\n    }\n\n    .column-2 {\n      grid-column: 1;\n      grid-row: 2;\n    }\n\n    .column-3 {\n      grid-column: 1;\n      grid-row: 5;\n    }\n\n    .column-4 {\n      grid-column: 1;\n      grid-row: 4;\n    }\n  }\n}\n\n.public-layout {\n  @media screen and (max-width: $no-gap-breakpoint) {\n    padding-top: 48px;\n  }\n\n  .container {\n    max-width: 960px;\n\n    @media screen and (max-width: $no-gap-breakpoint) {\n      padding: 0;\n    }\n  }\n\n  .header {\n    background: lighten($ui-base-color, 8%);\n    box-shadow: 0 0 15px rgba($base-shadow-color, 0.2);\n    border-radius: 4px;\n    height: 48px;\n    margin: 10px 0;\n    display: flex;\n    align-items: stretch;\n    justify-content: center;\n    flex-wrap: nowrap;\n    overflow: hidden;\n\n    @media screen and (max-width: $no-gap-breakpoint) {\n      position: fixed;\n      width: 100%;\n      top: 0;\n      left: 0;\n      margin: 0;\n      border-radius: 0;\n      box-shadow: none;\n      z-index: 110;\n    }\n\n    & > div {\n      flex: 1 1 33.3%;\n      min-height: 1px;\n    }\n\n    .nav-left {\n      display: flex;\n      align-items: stretch;\n      justify-content: flex-start;\n      flex-wrap: nowrap;\n    }\n\n    .nav-center {\n      display: flex;\n      align-items: stretch;\n      justify-content: center;\n      flex-wrap: nowrap;\n    }\n\n    .nav-right {\n      display: flex;\n      align-items: stretch;\n      justify-content: flex-end;\n      flex-wrap: nowrap;\n    }\n\n    .brand {\n      display: block;\n      padding: 15px;\n\n      svg {\n        display: block;\n        height: 18px;\n        width: auto;\n        position: relative;\n        bottom: -2px;\n        fill: $primary-text-color;\n\n        @media screen and (max-width: $no-gap-breakpoint) {\n          height: 20px;\n        }\n      }\n\n      &:hover,\n      &:focus,\n      &:active {\n        background: lighten($ui-base-color, 12%);\n      }\n    }\n\n    .nav-link {\n      display: flex;\n      align-items: center;\n      padding: 0 1rem;\n      font-size: 12px;\n      font-weight: 500;\n      text-decoration: none;\n      color: $darker-text-color;\n      white-space: nowrap;\n      text-align: center;\n\n      &:hover,\n      &:focus,\n      &:active {\n        text-decoration: underline;\n        color: $primary-text-color;\n      }\n\n      @media screen and (max-width: 550px) {\n        &.optional {\n          display: none;\n        }\n      }\n    }\n\n    .nav-button {\n      background: lighten($ui-base-color, 16%);\n      margin: 8px;\n      margin-left: 0;\n      border-radius: 4px;\n\n      &:hover,\n      &:focus,\n      &:active {\n        text-decoration: none;\n        background: lighten($ui-base-color, 20%);\n      }\n    }\n  }\n\n  $no-columns-breakpoint: 600px;\n\n  .grid {\n    display: grid;\n    grid-gap: 10px;\n    grid-template-columns: minmax(300px, 3fr) minmax(298px, 1fr);\n    grid-auto-columns: 25%;\n    grid-auto-rows: max-content;\n\n    .column-0 {\n      grid-row: 1;\n      grid-column: 1;\n    }\n\n    .column-1 {\n      grid-row: 1;\n      grid-column: 2;\n    }\n\n    @media screen and (max-width: $no-columns-breakpoint) {\n      grid-template-columns: 100%;\n      grid-gap: 0;\n\n      .column-1 {\n        display: none;\n      }\n    }\n  }\n\n  .directory__card {\n    border-radius: 4px;\n\n    @media screen and (max-width: $no-gap-breakpoint) {\n      border-radius: 0;\n    }\n  }\n\n  .page-header {\n    @media screen and (max-width: $no-gap-breakpoint) {\n      border-bottom: 0;\n    }\n  }\n\n  .public-account-header {\n    overflow: hidden;\n    margin-bottom: 10px;\n    box-shadow: 0 0 15px rgba($base-shadow-color, 0.2);\n\n    &.inactive {\n      opacity: 0.5;\n\n      .public-account-header__image,\n      .avatar {\n        filter: grayscale(100%);\n      }\n\n      .logo-button {\n        background-color: $secondary-text-color;\n      }\n    }\n\n    &__image {\n      border-radius: 4px 4px 0 0;\n      overflow: hidden;\n      height: 300px;\n      position: relative;\n      background: darken($ui-base-color, 12%);\n\n      &::after {\n        content: \"\";\n        display: block;\n        position: absolute;\n        width: 100%;\n        height: 100%;\n        box-shadow: inset 0 -1px 1px 1px rgba($base-shadow-color, 0.15);\n        top: 0;\n        left: 0;\n      }\n\n      img {\n        object-fit: cover;\n        display: block;\n        width: 100%;\n        height: 100%;\n        margin: 0;\n        border-radius: 4px 4px 0 0;\n      }\n\n      @media screen and (max-width: 600px) {\n        height: 200px;\n      }\n    }\n\n    &--no-bar {\n      margin-bottom: 0;\n\n      .public-account-header__image,\n      .public-account-header__image img {\n        border-radius: 4px;\n\n        @media screen and (max-width: $no-gap-breakpoint) {\n          border-radius: 0;\n        }\n      }\n    }\n\n    @media screen and (max-width: $no-gap-breakpoint) {\n      margin-bottom: 0;\n      box-shadow: none;\n\n      &__image::after {\n        display: none;\n      }\n\n      &__image,\n      &__image img {\n        border-radius: 0;\n      }\n    }\n\n    &__bar {\n      position: relative;\n      margin-top: -80px;\n      display: flex;\n      justify-content: flex-start;\n\n      &::before {\n        content: \"\";\n        display: block;\n        background: lighten($ui-base-color, 4%);\n        position: absolute;\n        bottom: 0;\n        left: 0;\n        right: 0;\n        height: 60px;\n        border-radius: 0 0 4px 4px;\n        z-index: -1;\n      }\n\n      .avatar {\n        display: block;\n        width: 120px;\n        height: 120px;\n        padding-left: 20px - 4px;\n        flex: 0 0 auto;\n\n        img {\n          display: block;\n          width: 100%;\n          height: 100%;\n          margin: 0;\n          border-radius: 50%;\n          border: 4px solid lighten($ui-base-color, 4%);\n          background: darken($ui-base-color, 8%);\n        }\n      }\n\n      @media screen and (max-width: 600px) {\n        margin-top: 0;\n        background: lighten($ui-base-color, 4%);\n        border-radius: 0 0 4px 4px;\n        padding: 5px;\n\n        &::before {\n          display: none;\n        }\n\n        .avatar {\n          width: 48px;\n          height: 48px;\n          padding: 7px 0;\n          padding-left: 10px;\n\n          img {\n            border: 0;\n            border-radius: 4px;\n          }\n\n          @media screen and (max-width: 360px) {\n            display: none;\n          }\n        }\n      }\n\n      @media screen and (max-width: $no-gap-breakpoint) {\n        border-radius: 0;\n      }\n\n      @media screen and (max-width: $no-columns-breakpoint) {\n        flex-wrap: wrap;\n      }\n    }\n\n    &__tabs {\n      flex: 1 1 auto;\n      margin-left: 20px;\n\n      &__name {\n        padding-top: 20px;\n        padding-bottom: 8px;\n\n        h1 {\n          font-size: 20px;\n          line-height: 18px * 1.5;\n          color: $primary-text-color;\n          font-weight: 500;\n          overflow: hidden;\n          white-space: nowrap;\n          text-overflow: ellipsis;\n          text-shadow: 1px 1px 1px $base-shadow-color;\n\n          small {\n            display: block;\n            font-size: 14px;\n            color: $primary-text-color;\n            font-weight: 400;\n            overflow: hidden;\n            text-overflow: ellipsis;\n          }\n        }\n      }\n\n      @media screen and (max-width: 600px) {\n        margin-left: 15px;\n        display: flex;\n        justify-content: space-between;\n        align-items: center;\n\n        &__name {\n          padding-top: 0;\n          padding-bottom: 0;\n\n          h1 {\n            font-size: 16px;\n            line-height: 24px;\n            text-shadow: none;\n\n            small {\n              color: $darker-text-color;\n            }\n          }\n        }\n      }\n\n      &__tabs {\n        display: flex;\n        justify-content: flex-start;\n        align-items: stretch;\n        height: 58px;\n\n        .details-counters {\n          display: flex;\n          flex-direction: row;\n          min-width: 300px;\n        }\n\n        @media screen and (max-width: $no-columns-breakpoint) {\n          .details-counters {\n            display: none;\n          }\n        }\n\n        .counter {\n          min-width: 33.3%;\n          box-sizing: border-box;\n          flex: 0 0 auto;\n          color: $darker-text-color;\n          padding: 10px;\n          border-right: 1px solid lighten($ui-base-color, 4%);\n          cursor: default;\n          text-align: center;\n          position: relative;\n\n          a {\n            display: block;\n          }\n\n          &:last-child {\n            border-right: 0;\n          }\n\n          &::after {\n            display: block;\n            content: \"\";\n            position: absolute;\n            bottom: 0;\n            left: 0;\n            width: 100%;\n            border-bottom: 4px solid $ui-primary-color;\n            opacity: 0.5;\n            transition: all 400ms ease;\n          }\n\n          &.active {\n            &::after {\n              border-bottom: 4px solid $highlight-text-color;\n              opacity: 1;\n            }\n\n            &.inactive::after {\n              border-bottom-color: $secondary-text-color;\n            }\n          }\n\n          &:hover {\n            &::after {\n              opacity: 1;\n              transition-duration: 100ms;\n            }\n          }\n\n          a {\n            text-decoration: none;\n            color: inherit;\n          }\n\n          .counter-label {\n            font-size: 12px;\n            display: block;\n          }\n\n          .counter-number {\n            font-weight: 500;\n            font-size: 18px;\n            margin-bottom: 5px;\n            color: $primary-text-color;\n            font-family: $font-display, sans-serif;\n          }\n        }\n\n        .spacer {\n          flex: 1 1 auto;\n          height: 1px;\n        }\n\n        &__buttons {\n          padding: 7px 8px;\n        }\n      }\n    }\n\n    &__extra {\n      display: none;\n      margin-top: 4px;\n\n      .public-account-bio {\n        border-radius: 0;\n        box-shadow: none;\n        background: transparent;\n        margin: 0 -5px;\n\n        .account__header__fields {\n          border-top: 1px solid lighten($ui-base-color, 12%);\n        }\n\n        .roles {\n          display: none;\n        }\n      }\n\n      &__links {\n        margin-top: -15px;\n        font-size: 14px;\n        color: $darker-text-color;\n\n        a {\n          display: inline-block;\n          color: $darker-text-color;\n          text-decoration: none;\n          padding: 15px;\n          font-weight: 500;\n\n          strong {\n            font-weight: 700;\n            color: $primary-text-color;\n          }\n        }\n      }\n\n      @media screen and (max-width: $no-columns-breakpoint) {\n        display: block;\n        flex: 100%;\n      }\n    }\n  }\n\n  .account__section-headline {\n    border-radius: 4px 4px 0 0;\n\n    @media screen and (max-width: $no-gap-breakpoint) {\n      border-radius: 0;\n    }\n  }\n\n  .detailed-status__meta {\n    margin-top: 25px;\n  }\n\n  .public-account-bio {\n    background: lighten($ui-base-color, 8%);\n    box-shadow: 0 0 15px rgba($base-shadow-color, 0.2);\n    border-radius: 4px;\n    overflow: hidden;\n    margin-bottom: 10px;\n\n    @media screen and (max-width: $no-gap-breakpoint) {\n      box-shadow: none;\n      margin-bottom: 0;\n      border-radius: 0;\n    }\n\n    .account__header__fields {\n      margin: 0;\n      border-top: 0;\n\n      a {\n        color: lighten($ui-highlight-color, 8%);\n      }\n\n      dl:first-child .verified {\n        border-radius: 0 4px 0 0;\n      }\n\n      .verified a {\n        color: $valid-value-color;\n      }\n    }\n\n    .account__header__content {\n      padding: 20px;\n      padding-bottom: 0;\n      color: $primary-text-color;\n    }\n\n    &__extra,\n    .roles {\n      padding: 20px;\n      font-size: 14px;\n      color: $darker-text-color;\n    }\n\n    .roles {\n      padding-bottom: 0;\n    }\n  }\n\n  .directory__list {\n    display: grid;\n    grid-gap: 10px;\n    grid-template-columns: minmax(0, 50%) minmax(0, 50%);\n\n    @media screen and (max-width: $no-gap-breakpoint) {\n      display: block;\n    }\n\n    .icon-button {\n      font-size: 18px;\n    }\n  }\n\n  .directory__card {\n    margin-bottom: 0;\n  }\n\n  .card-grid {\n    display: flex;\n    flex-wrap: wrap;\n    min-width: 100%;\n    margin: 0 -5px;\n\n    & > div {\n      box-sizing: border-box;\n      flex: 1 0 auto;\n      width: 300px;\n      padding: 0 5px;\n      margin-bottom: 10px;\n      max-width: 33.333%;\n\n      @media screen and (max-width: 900px) {\n        max-width: 50%;\n      }\n\n      @media screen and (max-width: 600px) {\n        max-width: 100%;\n      }\n    }\n\n    @media screen and (max-width: $no-gap-breakpoint) {\n      margin: 0;\n      border-top: 1px solid lighten($ui-base-color, 8%);\n\n      & > div {\n        width: 100%;\n        padding: 0;\n        margin-bottom: 0;\n        border-bottom: 1px solid lighten($ui-base-color, 8%);\n\n        &:last-child {\n          border-bottom: 0;\n        }\n\n        .card__bar {\n          background: $ui-base-color;\n\n          &:hover,\n          &:active,\n          &:focus {\n            background: lighten($ui-base-color, 4%);\n          }\n        }\n      }\n    }\n  }\n}\n",".no-list {\n  list-style: none;\n\n  li {\n    display: inline-block;\n    margin: 0 5px;\n  }\n}\n\n.recovery-codes {\n  list-style: none;\n  margin: 0 auto;\n\n  li {\n    font-size: 125%;\n    line-height: 1.5;\n    letter-spacing: 1px;\n  }\n}\n",".public-layout {\n  .footer {\n    text-align: left;\n    padding-top: 20px;\n    padding-bottom: 60px;\n    font-size: 12px;\n    color: lighten($ui-base-color, 34%);\n\n    @media screen and (max-width: $no-gap-breakpoint) {\n      padding-left: 20px;\n      padding-right: 20px;\n    }\n\n    .grid {\n      display: grid;\n      grid-gap: 10px;\n      grid-template-columns: 1fr 1fr 2fr 1fr 1fr;\n\n      .column-0 {\n        grid-column: 1;\n        grid-row: 1;\n        min-width: 0;\n      }\n\n      .column-1 {\n        grid-column: 2;\n        grid-row: 1;\n        min-width: 0;\n      }\n\n      .column-2 {\n        grid-column: 3;\n        grid-row: 1;\n        min-width: 0;\n        text-align: center;\n\n        h4 a {\n          color: lighten($ui-base-color, 34%);\n        }\n      }\n\n      .column-3 {\n        grid-column: 4;\n        grid-row: 1;\n        min-width: 0;\n      }\n\n      .column-4 {\n        grid-column: 5;\n        grid-row: 1;\n        min-width: 0;\n      }\n\n      @media screen and (max-width: 690px) {\n        grid-template-columns: 1fr 2fr 1fr;\n\n        .column-0,\n        .column-1 {\n          grid-column: 1;\n        }\n\n        .column-1 {\n          grid-row: 2;\n        }\n\n        .column-2 {\n          grid-column: 2;\n        }\n\n        .column-3,\n        .column-4 {\n          grid-column: 3;\n        }\n\n        .column-4 {\n          grid-row: 2;\n        }\n      }\n\n      @media screen and (max-width: 600px) {\n        .column-1 {\n          display: block;\n        }\n      }\n\n      @media screen and (max-width: $no-gap-breakpoint) {\n        .column-0,\n        .column-1,\n        .column-3,\n        .column-4 {\n          display: none;\n        }\n      }\n    }\n\n    h4 {\n      text-transform: uppercase;\n      font-weight: 700;\n      margin-bottom: 8px;\n      color: $darker-text-color;\n\n      a {\n        color: inherit;\n        text-decoration: none;\n      }\n    }\n\n    ul a {\n      text-decoration: none;\n      color: lighten($ui-base-color, 34%);\n\n      &:hover,\n      &:active,\n      &:focus {\n        text-decoration: underline;\n      }\n    }\n\n    .brand {\n      svg {\n        display: block;\n        height: 36px;\n        width: auto;\n        margin: 0 auto;\n        fill: lighten($ui-base-color, 34%);\n      }\n\n      &:hover,\n      &:focus,\n      &:active {\n        svg {\n          fill: lighten($ui-base-color, 38%);\n        }\n      }\n    }\n  }\n}\n",".compact-header {\n  h1 {\n    font-size: 24px;\n    line-height: 28px;\n    color: $darker-text-color;\n    font-weight: 500;\n    margin-bottom: 20px;\n    padding: 0 10px;\n    word-wrap: break-word;\n\n    @media screen and (max-width: 740px) {\n      text-align: center;\n      padding: 20px 10px 0;\n    }\n\n    a {\n      color: inherit;\n      text-decoration: none;\n    }\n\n    small {\n      font-weight: 400;\n      color: $secondary-text-color;\n    }\n\n    img {\n      display: inline-block;\n      margin-bottom: -5px;\n      margin-right: 15px;\n      width: 36px;\n      height: 36px;\n    }\n  }\n}\n",".hero-widget {\n  margin-bottom: 10px;\n  box-shadow: 0 0 15px rgba($base-shadow-color, 0.2);\n\n  &__img {\n    width: 100%;\n    position: relative;\n    overflow: hidden;\n    border-radius: 4px 4px 0 0;\n    background: $base-shadow-color;\n\n    img {\n      object-fit: cover;\n      display: block;\n      width: 100%;\n      height: 100%;\n      margin: 0;\n      border-radius: 4px 4px 0 0;\n    }\n  }\n\n  &__text {\n    background: $ui-base-color;\n    padding: 20px;\n    border-radius: 0 0 4px 4px;\n    font-size: 15px;\n    color: $darker-text-color;\n    line-height: 20px;\n    word-wrap: break-word;\n    font-weight: 400;\n\n    .emojione {\n      width: 20px;\n      height: 20px;\n      margin: -3px 0 0;\n    }\n\n    p {\n      margin-bottom: 20px;\n\n      &:last-child {\n        margin-bottom: 0;\n      }\n    }\n\n    em {\n      display: inline;\n      margin: 0;\n      padding: 0;\n      font-weight: 700;\n      background: transparent;\n      font-family: inherit;\n      font-size: inherit;\n      line-height: inherit;\n      color: lighten($darker-text-color, 10%);\n    }\n\n    a {\n      color: $secondary-text-color;\n      text-decoration: none;\n\n      &:hover {\n        text-decoration: underline;\n      }\n    }\n  }\n\n  @media screen and (max-width: $no-gap-breakpoint) {\n    display: none;\n  }\n}\n\n.endorsements-widget {\n  margin-bottom: 10px;\n  padding-bottom: 10px;\n\n  h4 {\n    padding: 10px;\n    text-transform: uppercase;\n    font-weight: 700;\n    font-size: 13px;\n    color: $darker-text-color;\n  }\n\n  .account {\n    padding: 10px 0;\n\n    &:last-child {\n      border-bottom: 0;\n    }\n\n    .account__display-name {\n      display: flex;\n      align-items: center;\n    }\n\n    .account__avatar {\n      width: 44px;\n      height: 44px;\n      background-size: 44px 44px;\n    }\n  }\n\n  .trends__item {\n    padding: 10px;\n  }\n}\n\n.trends-widget {\n  h4 {\n    color: $darker-text-color;\n  }\n}\n\n.box-widget {\n  padding: 20px;\n  border-radius: 4px;\n  background: $ui-base-color;\n  box-shadow: 0 0 15px rgba($base-shadow-color, 0.2);\n}\n\n.placeholder-widget {\n  padding: 16px;\n  border-radius: 4px;\n  border: 2px dashed $dark-text-color;\n  text-align: center;\n  color: $darker-text-color;\n  margin-bottom: 10px;\n}\n\n.contact-widget {\n  min-height: 100%;\n  font-size: 15px;\n  color: $darker-text-color;\n  line-height: 20px;\n  word-wrap: break-word;\n  font-weight: 400;\n  padding: 0;\n\n  h4 {\n    padding: 10px;\n    text-transform: uppercase;\n    font-weight: 700;\n    font-size: 13px;\n    color: $darker-text-color;\n  }\n\n  .account {\n    border-bottom: 0;\n    padding: 10px 0;\n    padding-top: 5px;\n  }\n\n  & > a {\n    display: inline-block;\n    padding: 10px;\n    padding-top: 0;\n    color: $darker-text-color;\n    text-decoration: none;\n    white-space: nowrap;\n    overflow: hidden;\n    text-overflow: ellipsis;\n\n    &:hover,\n    &:focus,\n    &:active {\n      text-decoration: underline;\n    }\n  }\n}\n\n.moved-account-widget {\n  padding: 15px;\n  padding-bottom: 20px;\n  border-radius: 4px;\n  background: $ui-base-color;\n  box-shadow: 0 0 15px rgba($base-shadow-color, 0.2);\n  color: $secondary-text-color;\n  font-weight: 400;\n  margin-bottom: 10px;\n\n  strong,\n  a {\n    font-weight: 500;\n\n    @each $lang in $cjk-langs {\n      &:lang(#{$lang}) {\n        font-weight: 700;\n      }\n    }\n  }\n\n  a {\n    color: inherit;\n    text-decoration: underline;\n\n    &.mention {\n      text-decoration: none;\n\n      span {\n        text-decoration: none;\n      }\n\n      &:focus,\n      &:hover,\n      &:active {\n        text-decoration: none;\n\n        span {\n          text-decoration: underline;\n        }\n      }\n    }\n  }\n\n  &__message {\n    margin-bottom: 15px;\n\n    .fa {\n      margin-right: 5px;\n      color: $darker-text-color;\n    }\n  }\n\n  &__card {\n    .detailed-status__display-avatar {\n      position: relative;\n      cursor: pointer;\n    }\n\n    .detailed-status__display-name {\n      margin-bottom: 0;\n      text-decoration: none;\n\n      span {\n        font-weight: 400;\n      }\n    }\n  }\n}\n\n.memoriam-widget {\n  padding: 20px;\n  border-radius: 4px;\n  background: $base-shadow-color;\n  box-shadow: 0 0 15px rgba($base-shadow-color, 0.2);\n  font-size: 14px;\n  color: $darker-text-color;\n  margin-bottom: 10px;\n}\n\n.page-header {\n  background: lighten($ui-base-color, 8%);\n  box-shadow: 0 0 15px rgba($base-shadow-color, 0.2);\n  border-radius: 4px;\n  padding: 60px 15px;\n  text-align: center;\n  margin: 10px 0;\n\n  h1 {\n    color: $primary-text-color;\n    font-size: 36px;\n    line-height: 1.1;\n    font-weight: 700;\n    margin-bottom: 10px;\n  }\n\n  p {\n    font-size: 15px;\n    color: $darker-text-color;\n  }\n\n  @media screen and (max-width: $no-gap-breakpoint) {\n    margin-top: 0;\n    background: lighten($ui-base-color, 4%);\n\n    h1 {\n      font-size: 24px;\n    }\n  }\n}\n\n.directory {\n  background: $ui-base-color;\n  border-radius: 4px;\n  box-shadow: 0 0 15px rgba($base-shadow-color, 0.2);\n\n  &__tag {\n    box-sizing: border-box;\n    margin-bottom: 10px;\n\n    & > a,\n    & > div {\n      display: flex;\n      align-items: center;\n      justify-content: space-between;\n      background: $ui-base-color;\n      border-radius: 4px;\n      padding: 15px;\n      text-decoration: none;\n      color: inherit;\n      box-shadow: 0 0 15px rgba($base-shadow-color, 0.2);\n    }\n\n    & > a {\n      &:hover,\n      &:active,\n      &:focus {\n        background: lighten($ui-base-color, 8%);\n      }\n    }\n\n    &.active > a {\n      background: $ui-highlight-color;\n      cursor: default;\n    }\n\n    &.disabled > div {\n      opacity: 0.5;\n      cursor: default;\n    }\n\n    h4 {\n      flex: 1 1 auto;\n      font-size: 18px;\n      font-weight: 700;\n      color: $primary-text-color;\n      white-space: nowrap;\n      overflow: hidden;\n      text-overflow: ellipsis;\n\n      .fa {\n        color: $darker-text-color;\n      }\n\n      small {\n        display: block;\n        font-weight: 400;\n        font-size: 15px;\n        margin-top: 8px;\n        color: $darker-text-color;\n      }\n    }\n\n    &.active h4 {\n      &,\n      .fa,\n      small,\n      .trends__item__current {\n        color: $primary-text-color;\n      }\n    }\n\n    .avatar-stack {\n      flex: 0 0 auto;\n      width: (36px + 4px) * 3;\n    }\n\n    &.active .avatar-stack .account__avatar {\n      border-color: $ui-highlight-color;\n    }\n\n    .trends__item__current {\n      padding-right: 0;\n    }\n  }\n}\n\n.avatar-stack {\n  display: flex;\n  justify-content: flex-end;\n\n  .account__avatar {\n    flex: 0 0 auto;\n    width: 36px;\n    height: 36px;\n    border-radius: 50%;\n    position: relative;\n    margin-left: -10px;\n    background: darken($ui-base-color, 8%);\n    border: 2px solid $ui-base-color;\n\n    &:nth-child(1) {\n      z-index: 1;\n    }\n\n    &:nth-child(2) {\n      z-index: 2;\n    }\n\n    &:nth-child(3) {\n      z-index: 3;\n    }\n  }\n}\n\n.accounts-table {\n  width: 100%;\n\n  .account {\n    padding: 0;\n    border: 0;\n  }\n\n  strong {\n    font-weight: 700;\n  }\n\n  thead th {\n    text-align: center;\n    text-transform: uppercase;\n    color: $darker-text-color;\n    font-weight: 700;\n    padding: 10px;\n\n    &:first-child {\n      text-align: left;\n    }\n  }\n\n  tbody td {\n    padding: 15px 0;\n    vertical-align: middle;\n    border-bottom: 1px solid lighten($ui-base-color, 8%);\n  }\n\n  tbody tr:last-child td {\n    border-bottom: 0;\n  }\n\n  &__count {\n    width: 120px;\n    text-align: center;\n    font-size: 15px;\n    font-weight: 500;\n    color: $primary-text-color;\n\n    small {\n      display: block;\n      color: $darker-text-color;\n      font-weight: 400;\n      font-size: 14px;\n    }\n  }\n\n  &__comment {\n    width: 50%;\n    vertical-align: initial !important;\n  }\n\n  @media screen and (max-width: $no-gap-breakpoint) {\n    tbody td.optional {\n      display: none;\n    }\n  }\n}\n\n.moved-account-widget,\n.memoriam-widget,\n.box-widget,\n.contact-widget,\n.landing-page__information.contact-widget,\n.directory,\n.page-header {\n  @media screen and (max-width: $no-gap-breakpoint) {\n    margin-bottom: 0;\n    box-shadow: none;\n    border-radius: 0;\n  }\n}\n\n$maximum-width: 1235px;\n$fluid-breakpoint: $maximum-width + 20px;\n\n.statuses-grid {\n  min-height: 600px;\n\n  @media screen and (max-width: 640px) {\n    width: 100% !important; // Masonry layout is unnecessary at this width\n  }\n\n  &__item {\n    width: (960px - 20px) / 3;\n\n    @media screen and (max-width: $fluid-breakpoint) {\n      width: (940px - 20px) / 3;\n    }\n\n    @media screen and (max-width: 640px) {\n      width: 100%;\n    }\n\n    @media screen and (max-width: $no-gap-breakpoint) {\n      width: 100vw;\n    }\n  }\n\n  .detailed-status {\n    border-radius: 4px;\n\n    @media screen and (max-width: $no-gap-breakpoint) {\n      border-top: 1px solid lighten($ui-base-color, 16%);\n    }\n\n    &.compact {\n      .detailed-status__meta {\n        margin-top: 15px;\n      }\n\n      .status__content {\n        font-size: 15px;\n        line-height: 20px;\n\n        .emojione {\n          width: 20px;\n          height: 20px;\n          margin: -3px 0 0;\n        }\n\n        .status__content__spoiler-link {\n          line-height: 20px;\n          margin: 0;\n        }\n      }\n\n      .media-gallery,\n      .status-card,\n      .video-player {\n        margin-top: 15px;\n      }\n    }\n  }\n}\n\n.notice-widget {\n  margin-bottom: 10px;\n  color: $darker-text-color;\n\n  p {\n    margin-bottom: 10px;\n\n    &:last-child {\n      margin-bottom: 0;\n    }\n  }\n\n  a {\n    font-size: 14px;\n    line-height: 20px;\n  }\n}\n\n.notice-widget,\n.placeholder-widget {\n  a {\n    text-decoration: none;\n    font-weight: 500;\n    color: $ui-highlight-color;\n\n    &:hover,\n    &:focus,\n    &:active {\n      text-decoration: underline;\n    }\n  }\n}\n\n.table-of-contents {\n  background: darken($ui-base-color, 4%);\n  min-height: 100%;\n  font-size: 14px;\n  border-radius: 4px;\n\n  li a {\n    display: block;\n    font-weight: 500;\n    padding: 15px;\n    overflow: hidden;\n    white-space: nowrap;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    text-decoration: none;\n    color: $primary-text-color;\n    border-bottom: 1px solid lighten($ui-base-color, 4%);\n\n    &:hover,\n    &:focus,\n    &:active {\n      text-decoration: underline;\n    }\n  }\n\n  li:last-child a {\n    border-bottom: 0;\n  }\n\n  li ul {\n    padding-left: 20px;\n    border-bottom: 1px solid lighten($ui-base-color, 4%);\n  }\n}\n","$no-columns-breakpoint: 600px;\n\ncode {\n  font-family: $font-monospace, monospace;\n  font-weight: 400;\n}\n\n.form-container {\n  max-width: 400px;\n  padding: 20px;\n  margin: 0 auto;\n}\n\n.simple_form {\n  .input {\n    margin-bottom: 15px;\n    overflow: hidden;\n\n    &.hidden {\n      margin: 0;\n    }\n\n    &.radio_buttons {\n      .radio {\n        margin-bottom: 15px;\n\n        &:last-child {\n          margin-bottom: 0;\n        }\n      }\n\n      .radio > label {\n        position: relative;\n        padding-left: 28px;\n\n        input {\n          position: absolute;\n          top: -2px;\n          left: 0;\n        }\n      }\n    }\n\n    &.boolean {\n      position: relative;\n      margin-bottom: 0;\n\n      .label_input > label {\n        font-family: inherit;\n        font-size: 14px;\n        padding-top: 5px;\n        color: $primary-text-color;\n        display: block;\n        width: auto;\n      }\n\n      .label_input,\n      .hint {\n        padding-left: 28px;\n      }\n\n      .label_input__wrapper {\n        position: static;\n      }\n\n      label.checkbox {\n        position: absolute;\n        top: 2px;\n        left: 0;\n      }\n\n      label a {\n        color: $highlight-text-color;\n        text-decoration: underline;\n\n        &:hover,\n        &:active,\n        &:focus {\n          text-decoration: none;\n        }\n      }\n\n      .recommended {\n        position: absolute;\n        margin: 0 4px;\n        margin-top: -2px;\n      }\n    }\n  }\n\n  .row {\n    display: flex;\n    margin: 0 -5px;\n\n    .input {\n      box-sizing: border-box;\n      flex: 1 1 auto;\n      width: 50%;\n      padding: 0 5px;\n    }\n  }\n\n  .hint {\n    color: $darker-text-color;\n\n    a {\n      color: $highlight-text-color;\n    }\n\n    code {\n      border-radius: 3px;\n      padding: 0.2em 0.4em;\n      background: darken($ui-base-color, 12%);\n    }\n\n    li {\n      list-style: disc;\n      margin-left: 18px;\n    }\n  }\n\n  ul.hint {\n    margin-bottom: 15px;\n  }\n\n  span.hint {\n    display: block;\n    font-size: 12px;\n    margin-top: 4px;\n  }\n\n  p.hint {\n    margin-bottom: 15px;\n    color: $darker-text-color;\n\n    &.subtle-hint {\n      text-align: center;\n      font-size: 12px;\n      line-height: 18px;\n      margin-top: 15px;\n      margin-bottom: 0;\n    }\n  }\n\n  .card {\n    margin-bottom: 15px;\n  }\n\n  strong {\n    font-weight: 500;\n\n    @each $lang in $cjk-langs {\n      &:lang(#{$lang}) {\n        font-weight: 700;\n      }\n    }\n  }\n\n  .input.with_floating_label {\n    .label_input {\n      display: flex;\n\n      & > label {\n        font-family: inherit;\n        font-size: 14px;\n        color: $primary-text-color;\n        font-weight: 500;\n        min-width: 150px;\n        flex: 0 0 auto;\n      }\n\n      input,\n      select {\n        flex: 1 1 auto;\n      }\n    }\n\n    &.select .hint {\n      margin-top: 6px;\n      margin-left: 150px;\n    }\n  }\n\n  .input.with_label {\n    .label_input > label {\n      font-family: inherit;\n      font-size: 14px;\n      color: $primary-text-color;\n      display: block;\n      margin-bottom: 8px;\n      word-wrap: break-word;\n      font-weight: 500;\n    }\n\n    .hint {\n      margin-top: 6px;\n    }\n\n    ul {\n      flex: 390px;\n    }\n  }\n\n  .input.with_block_label {\n    max-width: none;\n\n    & > label {\n      font-family: inherit;\n      font-size: 16px;\n      color: $primary-text-color;\n      display: block;\n      font-weight: 500;\n      padding-top: 5px;\n    }\n\n    .hint {\n      margin-bottom: 15px;\n    }\n\n    ul {\n      columns: 2;\n    }\n  }\n\n  .input.datetime .label_input select {\n    display: inline-block;\n    width: auto;\n    flex: 0;\n  }\n\n  .required abbr {\n    text-decoration: none;\n    color: lighten($error-value-color, 12%);\n  }\n\n  .fields-group {\n    margin-bottom: 25px;\n\n    .input:last-child {\n      margin-bottom: 0;\n    }\n  }\n\n  .fields-row {\n    display: flex;\n    margin: 0 -10px;\n    padding-top: 5px;\n    margin-bottom: 25px;\n\n    .input {\n      max-width: none;\n    }\n\n    &__column {\n      box-sizing: border-box;\n      padding: 0 10px;\n      flex: 1 1 auto;\n      min-height: 1px;\n\n      &-6 {\n        max-width: 50%;\n      }\n\n      .actions {\n        margin-top: 27px;\n      }\n    }\n\n    .fields-group:last-child,\n    .fields-row__column.fields-group {\n      margin-bottom: 0;\n    }\n\n    @media screen and (max-width: $no-columns-breakpoint) {\n      display: block;\n      margin-bottom: 0;\n\n      &__column {\n        max-width: none;\n      }\n\n      .fields-group:last-child,\n      .fields-row__column.fields-group,\n      .fields-row__column {\n        margin-bottom: 25px;\n      }\n    }\n  }\n\n  .input.radio_buttons .radio label {\n    margin-bottom: 5px;\n    font-family: inherit;\n    font-size: 14px;\n    color: $primary-text-color;\n    display: block;\n    width: auto;\n  }\n\n  .check_boxes {\n    .checkbox {\n      label {\n        font-family: inherit;\n        font-size: 14px;\n        color: $primary-text-color;\n        display: inline-block;\n        width: auto;\n        position: relative;\n        padding-top: 5px;\n        padding-left: 25px;\n        flex: 1 1 auto;\n      }\n\n      input[type=checkbox] {\n        position: absolute;\n        left: 0;\n        top: 5px;\n        margin: 0;\n      }\n    }\n  }\n\n  .input.static .label_input__wrapper {\n    font-size: 16px;\n    padding: 10px;\n    border: 1px solid $dark-text-color;\n    border-radius: 4px;\n  }\n\n  input[type=text],\n  input[type=number],\n  input[type=email],\n  input[type=password],\n  textarea {\n    box-sizing: border-box;\n    font-size: 16px;\n    color: $primary-text-color;\n    display: block;\n    width: 100%;\n    outline: 0;\n    font-family: inherit;\n    resize: vertical;\n    background: darken($ui-base-color, 10%);\n    border: 1px solid darken($ui-base-color, 14%);\n    border-radius: 4px;\n    padding: 10px;\n\n    &::placeholder {\n      color: lighten($darker-text-color, 4%);\n    }\n\n    &:invalid {\n      box-shadow: none;\n    }\n\n    &:focus:invalid:not(:placeholder-shown) {\n      border-color: lighten($error-red, 12%);\n    }\n\n    &:required:valid {\n      border-color: $valid-value-color;\n    }\n\n    &:hover {\n      border-color: darken($ui-base-color, 20%);\n    }\n\n    &:active,\n    &:focus {\n      border-color: $highlight-text-color;\n      background: darken($ui-base-color, 8%);\n    }\n  }\n\n  .input.field_with_errors {\n    label {\n      color: lighten($error-red, 12%);\n    }\n\n    input[type=text],\n    input[type=number],\n    input[type=email],\n    input[type=password],\n    textarea,\n    select {\n      border-color: lighten($error-red, 12%);\n    }\n\n    .error {\n      display: block;\n      font-weight: 500;\n      color: lighten($error-red, 12%);\n      margin-top: 4px;\n    }\n  }\n\n  .input.disabled {\n    opacity: 0.5;\n  }\n\n  .actions {\n    margin-top: 30px;\n    display: flex;\n\n    &.actions--top {\n      margin-top: 0;\n      margin-bottom: 30px;\n    }\n  }\n\n  button,\n  .button,\n  .block-button {\n    display: block;\n    width: 100%;\n    border: 0;\n    border-radius: 4px;\n    background: $ui-highlight-color;\n    color: $primary-text-color;\n    font-size: 18px;\n    line-height: inherit;\n    height: auto;\n    padding: 10px;\n    text-transform: uppercase;\n    text-decoration: none;\n    text-align: center;\n    box-sizing: border-box;\n    cursor: pointer;\n    font-weight: 500;\n    outline: 0;\n    margin-bottom: 10px;\n    margin-right: 10px;\n\n    &:last-child {\n      margin-right: 0;\n    }\n\n    &:hover {\n      background-color: lighten($ui-highlight-color, 5%);\n    }\n\n    &:active,\n    &:focus {\n      background-color: darken($ui-highlight-color, 5%);\n    }\n\n    &:disabled:hover {\n      background-color: $ui-primary-color;\n    }\n\n    &.negative {\n      background: $error-value-color;\n\n      &:hover {\n        background-color: lighten($error-value-color, 5%);\n      }\n\n      &:active,\n      &:focus {\n        background-color: darken($error-value-color, 5%);\n      }\n    }\n  }\n\n  select {\n    appearance: none;\n    box-sizing: border-box;\n    font-size: 16px;\n    color: $primary-text-color;\n    display: block;\n    width: 100%;\n    outline: 0;\n    font-family: inherit;\n    resize: vertical;\n    background: darken($ui-base-color, 10%) url(\"data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14.933 18.467' height='19.698' width='15.929'><path d='M3.467 14.967l-3.393-3.5H14.86l-3.392 3.5c-1.866 1.925-3.666 3.5-4 3.5-.335 0-2.135-1.575-4-3.5zm.266-11.234L7.467 0 11.2 3.733l3.733 3.734H0l3.733-3.734z' fill='#{hex-color(lighten($ui-base-color, 12%))}'/></svg>\") no-repeat right 8px center / auto 16px;\n    border: 1px solid darken($ui-base-color, 14%);\n    border-radius: 4px;\n    padding-left: 10px;\n    padding-right: 30px;\n    height: 41px;\n  }\n\n  h4 {\n    margin-bottom: 15px !important;\n  }\n\n  .label_input {\n    &__wrapper {\n      position: relative;\n    }\n\n    &__append {\n      position: absolute;\n      right: 3px;\n      top: 1px;\n      padding: 10px;\n      padding-bottom: 9px;\n      font-size: 16px;\n      color: $dark-text-color;\n      font-family: inherit;\n      pointer-events: none;\n      cursor: default;\n      max-width: 140px;\n      white-space: nowrap;\n      overflow: hidden;\n\n      &::after {\n        content: '';\n        display: block;\n        position: absolute;\n        top: 0;\n        right: 0;\n        bottom: 1px;\n        width: 5px;\n        background-image: linear-gradient(to right, rgba(darken($ui-base-color, 10%), 0), darken($ui-base-color, 10%));\n      }\n    }\n  }\n\n  &__overlay-area {\n    position: relative;\n\n    &__blurred form {\n      filter: blur(2px);\n    }\n\n    &__overlay {\n      position: absolute;\n      top: 0;\n      left: 0;\n      width: 100%;\n      height: 100%;\n      display: flex;\n      justify-content: center;\n      align-items: center;\n      background: rgba($ui-base-color, 0.65);\n      border-radius: 4px;\n      margin-left: -4px;\n      margin-top: -4px;\n      padding: 4px;\n\n      &__content {\n        text-align: center;\n\n        &.rich-formatting {\n          &,\n          p {\n            color: $primary-text-color;\n          }\n        }\n      }\n    }\n  }\n}\n\n.block-icon {\n  display: block;\n  margin: 0 auto;\n  margin-bottom: 10px;\n  font-size: 24px;\n}\n\n.flash-message {\n  background: lighten($ui-base-color, 8%);\n  color: $darker-text-color;\n  border-radius: 4px;\n  padding: 15px 10px;\n  margin-bottom: 30px;\n  text-align: center;\n\n  &.notice {\n    border: 1px solid rgba($valid-value-color, 0.5);\n    background: rgba($valid-value-color, 0.25);\n    color: $valid-value-color;\n  }\n\n  &.alert {\n    border: 1px solid rgba($error-value-color, 0.5);\n    background: rgba($error-value-color, 0.25);\n    color: $error-value-color;\n  }\n\n  a {\n    display: inline-block;\n    color: $darker-text-color;\n    text-decoration: none;\n\n    &:hover {\n      color: $primary-text-color;\n      text-decoration: underline;\n    }\n  }\n\n  p {\n    margin-bottom: 15px;\n  }\n\n  .oauth-code {\n    outline: 0;\n    box-sizing: border-box;\n    display: block;\n    width: 100%;\n    border: 0;\n    padding: 10px;\n    font-family: $font-monospace, monospace;\n    background: $ui-base-color;\n    color: $primary-text-color;\n    font-size: 14px;\n    margin: 0;\n\n    &::-moz-focus-inner {\n      border: 0;\n    }\n\n    &::-moz-focus-inner,\n    &:focus,\n    &:active {\n      outline: 0 !important;\n    }\n\n    &:focus {\n      background: lighten($ui-base-color, 4%);\n    }\n  }\n\n  strong {\n    font-weight: 500;\n\n    @each $lang in $cjk-langs {\n      &:lang(#{$lang}) {\n        font-weight: 700;\n      }\n    }\n  }\n\n  @media screen and (max-width: 740px) and (min-width: 441px) {\n    margin-top: 40px;\n  }\n}\n\n.form-footer {\n  margin-top: 30px;\n  text-align: center;\n\n  a {\n    color: $darker-text-color;\n    text-decoration: none;\n\n    &:hover {\n      text-decoration: underline;\n    }\n  }\n}\n\n.quick-nav {\n  list-style: none;\n  margin-bottom: 25px;\n  font-size: 14px;\n\n  li {\n    display: inline-block;\n    margin-right: 10px;\n  }\n\n  a {\n    color: $highlight-text-color;\n    text-transform: uppercase;\n    text-decoration: none;\n    font-weight: 700;\n\n    &:hover,\n    &:focus,\n    &:active {\n      color: lighten($highlight-text-color, 8%);\n    }\n  }\n}\n\n.oauth-prompt,\n.follow-prompt {\n  margin-bottom: 30px;\n  color: $darker-text-color;\n\n  h2 {\n    font-size: 16px;\n    margin-bottom: 30px;\n    text-align: center;\n  }\n\n  strong {\n    color: $secondary-text-color;\n    font-weight: 500;\n\n    @each $lang in $cjk-langs {\n      &:lang(#{$lang}) {\n        font-weight: 700;\n      }\n    }\n  }\n\n  @media screen and (max-width: 740px) and (min-width: 441px) {\n    margin-top: 40px;\n  }\n}\n\n.qr-wrapper {\n  display: flex;\n  flex-wrap: wrap;\n  align-items: flex-start;\n}\n\n.qr-code {\n  flex: 0 0 auto;\n  background: $simple-background-color;\n  padding: 4px;\n  margin: 0 10px 20px 0;\n  box-shadow: 0 0 15px rgba($base-shadow-color, 0.2);\n  display: inline-block;\n\n  svg {\n    display: block;\n    margin: 0;\n  }\n}\n\n.qr-alternative {\n  margin-bottom: 20px;\n  color: $secondary-text-color;\n  flex: 150px;\n\n  samp {\n    display: block;\n    font-size: 14px;\n  }\n}\n\n.table-form {\n  p {\n    margin-bottom: 15px;\n\n    strong {\n      font-weight: 500;\n\n      @each $lang in $cjk-langs {\n        &:lang(#{$lang}) {\n          font-weight: 700;\n        }\n      }\n    }\n  }\n}\n\n.simple_form,\n.table-form {\n  .warning {\n    box-sizing: border-box;\n    background: rgba($error-value-color, 0.5);\n    color: $primary-text-color;\n    text-shadow: 1px 1px 0 rgba($base-shadow-color, 0.3);\n    box-shadow: 0 2px 6px rgba($base-shadow-color, 0.4);\n    border-radius: 4px;\n    padding: 10px;\n    margin-bottom: 15px;\n\n    a {\n      color: $primary-text-color;\n      text-decoration: underline;\n\n      &:hover,\n      &:focus,\n      &:active {\n        text-decoration: none;\n      }\n    }\n\n    strong {\n      font-weight: 600;\n      display: block;\n      margin-bottom: 5px;\n\n      @each $lang in $cjk-langs {\n        &:lang(#{$lang}) {\n          font-weight: 700;\n        }\n      }\n\n      .fa {\n        font-weight: 400;\n      }\n    }\n  }\n}\n\n.action-pagination {\n  display: flex;\n  flex-wrap: wrap;\n  align-items: center;\n\n  .actions,\n  .pagination {\n    flex: 1 1 auto;\n  }\n\n  .actions {\n    padding: 30px 0;\n    padding-right: 20px;\n    flex: 0 0 auto;\n  }\n}\n\n.post-follow-actions {\n  text-align: center;\n  color: $darker-text-color;\n\n  div {\n    margin-bottom: 4px;\n  }\n}\n\n.alternative-login {\n  margin-top: 20px;\n  margin-bottom: 20px;\n\n  h4 {\n    font-size: 16px;\n    color: $primary-text-color;\n    text-align: center;\n    margin-bottom: 20px;\n    border: 0;\n    padding: 0;\n  }\n\n  .button {\n    display: block;\n  }\n}\n\n.scope-danger {\n  color: $warning-red;\n}\n\n.form_admin_settings_site_short_description,\n.form_admin_settings_site_description,\n.form_admin_settings_site_extended_description,\n.form_admin_settings_site_terms,\n.form_admin_settings_custom_css,\n.form_admin_settings_closed_registrations_message {\n  textarea {\n    font-family: $font-monospace, monospace;\n  }\n}\n\n.input-copy {\n  background: darken($ui-base-color, 10%);\n  border: 1px solid darken($ui-base-color, 14%);\n  border-radius: 4px;\n  display: flex;\n  align-items: center;\n  padding-right: 4px;\n  position: relative;\n  top: 1px;\n  transition: border-color 300ms linear;\n\n  &__wrapper {\n    flex: 1 1 auto;\n  }\n\n  input[type=text] {\n    background: transparent;\n    border: 0;\n    padding: 10px;\n    font-size: 14px;\n    font-family: $font-monospace, monospace;\n  }\n\n  button {\n    flex: 0 0 auto;\n    margin: 4px;\n    text-transform: none;\n    font-weight: 400;\n    font-size: 14px;\n    padding: 7px 18px;\n    padding-bottom: 6px;\n    width: auto;\n    transition: background 300ms linear;\n  }\n\n  &.copied {\n    border-color: $valid-value-color;\n    transition: none;\n\n    button {\n      background: $valid-value-color;\n      transition: none;\n    }\n  }\n}\n\n.connection-prompt {\n  margin-bottom: 25px;\n\n  .fa-link {\n    background-color: darken($ui-base-color, 4%);\n    border-radius: 100%;\n    font-size: 24px;\n    padding: 10px;\n  }\n\n  &__column {\n    align-items: center;\n    display: flex;\n    flex: 1;\n    flex-direction: column;\n    flex-shrink: 1;\n    max-width: 50%;\n\n    &-sep {\n      align-self: center;\n      flex-grow: 0;\n      overflow: visible;\n      position: relative;\n      z-index: 1;\n    }\n\n    p {\n      word-break: break-word;\n    }\n  }\n\n  .account__avatar {\n    margin-bottom: 20px;\n  }\n\n  &__connection {\n    background-color: lighten($ui-base-color, 8%);\n    box-shadow: 0 0 15px rgba($base-shadow-color, 0.2);\n    border-radius: 4px;\n    padding: 25px 10px;\n    position: relative;\n    text-align: center;\n\n    &::after {\n      background-color: darken($ui-base-color, 4%);\n      content: '';\n      display: block;\n      height: 100%;\n      left: 50%;\n      position: absolute;\n      top: 0;\n      width: 1px;\n    }\n  }\n\n  &__row {\n    align-items: flex-start;\n    display: flex;\n    flex-direction: row;\n  }\n}\n",".card {\n  & > a {\n    display: block;\n    text-decoration: none;\n    color: inherit;\n    box-shadow: 0 0 15px rgba($base-shadow-color, 0.2);\n\n    @media screen and (max-width: $no-gap-breakpoint) {\n      box-shadow: none;\n    }\n\n    &:hover,\n    &:active,\n    &:focus {\n      .card__bar {\n        background: lighten($ui-base-color, 8%);\n      }\n    }\n  }\n\n  &__img {\n    height: 130px;\n    position: relative;\n    background: darken($ui-base-color, 12%);\n    border-radius: 4px 4px 0 0;\n\n    img {\n      display: block;\n      width: 100%;\n      height: 100%;\n      margin: 0;\n      object-fit: cover;\n      border-radius: 4px 4px 0 0;\n    }\n\n    @media screen and (max-width: 600px) {\n      height: 200px;\n    }\n\n    @media screen and (max-width: $no-gap-breakpoint) {\n      display: none;\n    }\n  }\n\n  &__bar {\n    position: relative;\n    padding: 15px;\n    display: flex;\n    justify-content: flex-start;\n    align-items: center;\n    background: lighten($ui-base-color, 4%);\n    border-radius: 0 0 4px 4px;\n\n    @media screen and (max-width: $no-gap-breakpoint) {\n      border-radius: 0;\n    }\n\n    .avatar {\n      flex: 0 0 auto;\n      width: 48px;\n      height: 48px;\n      padding-top: 2px;\n\n      img {\n        width: 100%;\n        height: 100%;\n        display: block;\n        margin: 0;\n        border-radius: 4px;\n        background: darken($ui-base-color, 8%);\n        object-fit: cover;\n      }\n    }\n\n    .display-name {\n      margin-left: 15px;\n      text-align: left;\n\n      strong {\n        font-size: 15px;\n        color: $primary-text-color;\n        font-weight: 500;\n        overflow: hidden;\n        text-overflow: ellipsis;\n      }\n\n      span {\n        display: block;\n        font-size: 14px;\n        color: $darker-text-color;\n        font-weight: 400;\n        overflow: hidden;\n        text-overflow: ellipsis;\n      }\n    }\n  }\n}\n\n.pagination {\n  padding: 30px 0;\n  text-align: center;\n  overflow: hidden;\n\n  a,\n  .current,\n  .newer,\n  .older,\n  .page,\n  .gap {\n    font-size: 14px;\n    color: $primary-text-color;\n    font-weight: 500;\n    display: inline-block;\n    padding: 6px 10px;\n    text-decoration: none;\n  }\n\n  .current {\n    background: $simple-background-color;\n    border-radius: 100px;\n    color: $inverted-text-color;\n    cursor: default;\n    margin: 0 10px;\n  }\n\n  .gap {\n    cursor: default;\n  }\n\n  .older,\n  .newer {\n    text-transform: uppercase;\n    color: $secondary-text-color;\n  }\n\n  .older {\n    float: left;\n    padding-left: 0;\n\n    .fa {\n      display: inline-block;\n      margin-right: 5px;\n    }\n  }\n\n  .newer {\n    float: right;\n    padding-right: 0;\n\n    .fa {\n      display: inline-block;\n      margin-left: 5px;\n    }\n  }\n\n  .disabled {\n    cursor: default;\n    color: lighten($inverted-text-color, 10%);\n  }\n\n  @media screen and (max-width: 700px) {\n    padding: 30px 20px;\n\n    .page {\n      display: none;\n    }\n\n    .newer,\n    .older {\n      display: inline-block;\n    }\n  }\n}\n\n.nothing-here {\n  background: $ui-base-color;\n  box-shadow: 0 0 15px rgba($base-shadow-color, 0.2);\n  color: $light-text-color;\n  font-size: 14px;\n  font-weight: 500;\n  text-align: center;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  cursor: default;\n  border-radius: 4px;\n  padding: 20px;\n  min-height: 30vh;\n\n  &--under-tabs {\n    border-radius: 0 0 4px 4px;\n  }\n\n  &--flexible {\n    box-sizing: border-box;\n    min-height: 100%;\n  }\n}\n\n.account-role,\n.simple_form .recommended {\n  display: inline-block;\n  padding: 4px 6px;\n  cursor: default;\n  border-radius: 3px;\n  font-size: 12px;\n  line-height: 12px;\n  font-weight: 500;\n  color: $ui-secondary-color;\n  background-color: rgba($ui-secondary-color, 0.1);\n  border: 1px solid rgba($ui-secondary-color, 0.5);\n\n  &.moderator {\n    color: $success-green;\n    background-color: rgba($success-green, 0.1);\n    border-color: rgba($success-green, 0.5);\n  }\n\n  &.admin {\n    color: lighten($error-red, 12%);\n    background-color: rgba(lighten($error-red, 12%), 0.1);\n    border-color: rgba(lighten($error-red, 12%), 0.5);\n  }\n}\n\n.account__header__fields {\n  max-width: 100vw;\n  padding: 0;\n  margin: 15px -15px -15px;\n  border: 0 none;\n  border-top: 1px solid lighten($ui-base-color, 12%);\n  border-bottom: 1px solid lighten($ui-base-color, 12%);\n  font-size: 14px;\n  line-height: 20px;\n\n  dl {\n    display: flex;\n    border-bottom: 1px solid lighten($ui-base-color, 12%);\n  }\n\n  dt,\n  dd {\n    box-sizing: border-box;\n    padding: 14px;\n    text-align: center;\n    max-height: 48px;\n    overflow: hidden;\n    white-space: nowrap;\n    text-overflow: ellipsis;\n  }\n\n  dt {\n    font-weight: 500;\n    width: 120px;\n    flex: 0 0 auto;\n    color: $secondary-text-color;\n    background: rgba(darken($ui-base-color, 8%), 0.5);\n  }\n\n  dd {\n    flex: 1 1 auto;\n    color: $darker-text-color;\n  }\n\n  a {\n    color: $highlight-text-color;\n    text-decoration: none;\n\n    &:hover,\n    &:focus,\n    &:active {\n      text-decoration: underline;\n    }\n  }\n\n  .verified {\n    border: 1px solid rgba($valid-value-color, 0.5);\n    background: rgba($valid-value-color, 0.25);\n\n    a {\n      color: $valid-value-color;\n      font-weight: 500;\n    }\n\n    &__mark {\n      color: $valid-value-color;\n    }\n  }\n\n  dl:last-child {\n    border-bottom: 0;\n  }\n}\n\n.directory__tag .trends__item__current {\n  width: auto;\n}\n\n.pending-account {\n  &__header {\n    color: $darker-text-color;\n\n    a {\n      color: $ui-secondary-color;\n      text-decoration: none;\n\n      &:hover,\n      &:active,\n      &:focus {\n        text-decoration: underline;\n      }\n    }\n\n    strong {\n      color: $primary-text-color;\n      font-weight: 700;\n    }\n  }\n\n  &__body {\n    margin-top: 10px;\n  }\n}\n",".activity-stream {\n  box-shadow: 0 0 15px rgba($base-shadow-color, 0.2);\n  border-radius: 4px;\n  overflow: hidden;\n  margin-bottom: 10px;\n\n  &--under-tabs {\n    border-radius: 0 0 4px 4px;\n  }\n\n  @media screen and (max-width: $no-gap-breakpoint) {\n    margin-bottom: 0;\n    border-radius: 0;\n    box-shadow: none;\n  }\n\n  &--headless {\n    border-radius: 0;\n    margin: 0;\n    box-shadow: none;\n\n    .detailed-status,\n    .status {\n      border-radius: 0 !important;\n    }\n  }\n\n  div[data-component] {\n    width: 100%;\n  }\n\n  .entry {\n    background: $ui-base-color;\n\n    .detailed-status,\n    .status,\n    .load-more {\n      animation: none;\n    }\n\n    &:last-child {\n      .detailed-status,\n      .status,\n      .load-more {\n        border-bottom: 0;\n        border-radius: 0 0 4px 4px;\n      }\n    }\n\n    &:first-child {\n      .detailed-status,\n      .status,\n      .load-more {\n        border-radius: 4px 4px 0 0;\n      }\n\n      &:last-child {\n        .detailed-status,\n        .status,\n        .load-more {\n          border-radius: 4px;\n        }\n      }\n    }\n\n    @media screen and (max-width: 740px) {\n      .detailed-status,\n      .status,\n      .load-more {\n        border-radius: 0 !important;\n      }\n    }\n  }\n\n  &--highlighted .entry {\n    background: lighten($ui-base-color, 8%);\n  }\n}\n\n.button.logo-button {\n  flex: 0 auto;\n  font-size: 14px;\n  background: $ui-highlight-color;\n  color: $primary-text-color;\n  text-transform: none;\n  line-height: 36px;\n  height: auto;\n  padding: 3px 15px;\n  border: 0;\n\n  svg {\n    width: 20px;\n    height: auto;\n    vertical-align: middle;\n    margin-right: 5px;\n    fill: $primary-text-color;\n  }\n\n  &:active,\n  &:focus,\n  &:hover {\n    background: lighten($ui-highlight-color, 10%);\n  }\n\n  &:disabled,\n  &.disabled {\n    &:active,\n    &:focus,\n    &:hover {\n      background: $ui-primary-color;\n    }\n  }\n\n  &.button--destructive {\n    &:active,\n    &:focus,\n    &:hover {\n      background: $error-red;\n    }\n  }\n\n  @media screen and (max-width: $no-gap-breakpoint) {\n    svg {\n      display: none;\n    }\n  }\n}\n\n.embed,\n.public-layout {\n  .detailed-status {\n    padding: 15px;\n  }\n\n  .status {\n    padding: 15px 15px 15px (48px + 15px * 2);\n    min-height: 48px + 2px;\n\n    &__avatar {\n      left: 15px;\n      top: 17px;\n    }\n\n    &__content {\n      padding-top: 5px;\n    }\n\n    &__prepend {\n      margin-left: 48px + 15px * 2;\n      padding-top: 15px;\n    }\n\n    &__prepend-icon-wrapper {\n      left: -32px;\n    }\n\n    .media-gallery,\n    &__action-bar,\n    .video-player {\n      margin-top: 10px;\n    }\n  }\n}\n","button.icon-button i.fa-retweet {\n  background-image: url(\"data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='22' height='209'><path d='M4.97 3.16c-.1.03-.17.1-.22.18L.8 8.24c-.2.3.03.78.4.8H3.6v2.68c0 4.26-.55 3.62 3.66 3.62h7.66l-2.3-2.84c-.03-.02-.03-.04-.05-.06H7.27c-.44 0-.72-.3-.72-.72v-2.7h2.5c.37.03.63-.48.4-.77L5.5 3.35c-.12-.17-.34-.25-.53-.2zm12.16.43c-.55-.02-1.32.02-2.4.02H7.1l2.32 2.85.03.06h5.25c.42 0 .72.28.72.72v2.7h-2.5c-.36.02-.56.54-.3.8l3.92 4.9c.18.25.6.25.78 0l3.94-4.9c.26-.28 0-.83-.37-.8H18.4v-2.7c0-3.15.4-3.62-1.25-3.66z' fill='#{hex-color($action-button-color)}' stroke-width='0'/><path d='M7.78 19.66c-.24.02-.44.25-.44.5v2.46h-.06c-1.08 0-1.86-.03-2.4-.03-1.64 0-1.25.43-1.25 3.65v4.47c0 4.26-.56 3.62 3.65 3.62H8.5l-1.3-1.06c-.1-.08-.18-.2-.2-.3-.02-.17.06-.35.2-.45l1.33-1.1H7.28c-.44 0-.72-.3-.72-.7v-4.48c0-.44.28-.72.72-.72h.06v2.5c0 .38.54.63.82.38l4.9-3.93c.25-.18.25-.6 0-.78l-4.9-3.92c-.1-.1-.24-.14-.38-.12zm9.34 2.93c-.54-.02-1.3.02-2.4.02h-1.25l1.3 1.07c.1.07.18.2.2.33.02.16-.06.3-.2.4l-1.33 1.1h1.28c.42 0 .72.28.72.72v4.47c0 .42-.3.72-.72.72h-.1v-2.47c0-.3-.3-.53-.6-.47-.07 0-.14.05-.2.1l-4.9 3.93c-.26.18-.26.6 0 .78l4.9 3.92c.27.25.82 0 .8-.38v-2.5h.1c4.27 0 3.65.67 3.65-3.62v-4.47c0-3.15.4-3.62-1.25-3.66zM10.34 38.66c-.24.02-.44.25-.43.5v2.47H7.3c-1.08 0-1.86-.04-2.4-.04-1.64 0-1.25.43-1.25 3.65v4.47c0 3.66-.23 3.7 2.34 3.66l-1.34-1.1c-.1-.08-.18-.2-.2-.3 0-.17.07-.35.2-.45l1.96-1.6c-.03-.06-.04-.13-.04-.2v-4.48c0-.44.28-.72.72-.72H9.9v2.5c0 .36.5.6.8.38l4.93-3.93c.24-.18.24-.6 0-.78l-4.94-3.92c-.1-.08-.23-.13-.36-.12zm5.63 2.93l1.34 1.1c.1.07.18.2.2.33.02.16-.03.3-.16.4l-1.96 1.6c.02.07.06.13.06.22v4.47c0 .42-.3.72-.72.72h-2.66v-2.47c0-.3-.3-.53-.6-.47-.06.02-.12.05-.18.1l-4.94 3.93c-.24.18-.24.6 0 .78l4.94 3.92c.28.22.78-.02.78-.38v-2.5h2.66c4.27 0 3.65.67 3.65-3.62v-4.47c0-3.66.34-3.7-2.4-3.66zM13.06 57.66c-.23.03-.4.26-.4.5v2.47H7.28c-1.08 0-1.86-.04-2.4-.04-1.64 0-1.25.43-1.25 3.65v4.87l2.93-2.37v-2.5c0-.44.28-.72.72-.72h5.38v2.5c0 .36.5.6.78.38l4.94-3.93c.24-.18.24-.6 0-.78l-4.94-3.92c-.1-.1-.24-.14-.38-.12zm5.3 6.15l-2.92 2.4v2.52c0 .42-.3.72-.72.72h-5.4v-2.47c0-.3-.32-.53-.6-.47-.07.02-.13.05-.2.1L3.6 70.52c-.25.18-.25.6 0 .78l4.93 3.92c.28.22.78-.02.78-.38v-2.5h5.42c4.27 0 3.65.67 3.65-3.62v-4.47-.44zM19.25 78.8c-.1.03-.2.1-.28.17l-.9.9c-.44-.3-1.36-.25-3.35-.25H7.28c-1.08 0-1.86-.03-2.4-.03-1.64 0-1.25.43-1.25 3.65v.7l2.93.3v-1c0-.44.28-.72.72-.72h7.44c.2 0 .37.08.5.2l-1.8 1.8c-.25.26-.08.76.27.8l6.27.7c.28.03.56-.25.53-.53l-.7-6.25c0-.27-.3-.48-.55-.44zm-17.2 6.1c-.2.07-.36.3-.33.54l.7 6.25c.02.36.58.55.83.27l.8-.8c.02 0 .04-.02.04 0 .46.24 1.37.17 3.18.17h7.44c4.27 0 3.65.67 3.65-3.62v-.75l-2.93-.3v1.05c0 .42-.3.72-.72.72H7.28c-.15 0-.3-.03-.4-.1L8.8 86.4c.3-.24.1-.8-.27-.84l-6.28-.65h-.2zM4.88 98.6c-1.33 0-1.34.48-1.3 2.3l1.14-1.37c.08-.1.22-.17.34-.2.16 0 .34.08.44.2l1.66 2.03c.04 0 .07-.03.12-.03h7.44c.34 0 .57.2.65.5h-2.43c-.34.05-.53.52-.3.78l3.92 4.95c.18.24.6.24.78 0l3.94-4.94c.22-.27-.02-.76-.37-.77H18.4c.02-3.9.6-3.4-3.66-3.4H7.28c-1.08 0-1.86-.04-2.4-.04zm.15 2.46c-.1.03-.2.1-.28.2l-3.94 4.9c-.2.28.03.77.4.78H3.6c-.02 3.94-.45 3.4 3.66 3.4h7.44c3.65 0 3.74.3 3.7-2.25l-1.1 1.34c-.1.1-.2.17-.32.2-.16 0-.34-.08-.44-.2l-1.65-2.03c-.06.02-.1.04-.18.04H7.28c-.35 0-.57-.2-.66-.5h2.44c.37 0 .63-.5.4-.78l-3.96-4.9c-.1-.15-.3-.23-.47-.2zM4.88 117.6c-1.16 0-1.3.3-1.3 1.56l1.14-1.38c.08-.1.22-.14.34-.16.16 0 .34.04.44.16l2.22 2.75h7c.42 0 .72.28.72.72v.53h-2.6c-.3.1-.43.54-.2.78l3.92 4.9c.18.25.6.25.78 0l3.94-4.9c.22-.28-.02-.77-.37-.78H18.4v-.53c0-4.2.72-3.63-3.66-3.63H7.28c-1.08 0-1.86-.03-2.4-.03zm.1 1.74c-.1.03-.17.1-.23.16L.8 124.44c-.2.28.03.77.4.78H3.6v.5c0 4.26-.55 3.62 3.66 3.62h7.44c1.03 0 1.74.02 2.28 0-.16.02-.34-.03-.44-.15l-2.22-2.76H7.28c-.44 0-.72-.3-.72-.72v-.5h2.5c.37.02.63-.5.4-.78L5.5 119.5c-.12-.15-.34-.22-.53-.16zm12.02 10c1.2-.02 1.4-.25 1.4-1.53l-1.1 1.36c-.07.1-.17.17-.3.18zM5.94 136.6l2.37 2.93h6.42c.42 0 .72.28.72.72v1.25h-2.6c-.3.1-.43.54-.2.78l3.92 4.9c.18.25.6.25.78 0l3.94-4.9c.22-.28-.02-.77-.37-.78H18.4v-1.25c0-4.2.72-3.63-3.66-3.63H7.28c-.6 0-.92-.02-1.34-.03zm-1.72.06c-.4.08-.54.3-.6.75l.6-.74zm.84.93c-.12 0-.24.08-.3.18l-3.95 4.9c-.24.3 0 .83.4.82H3.6v1.22c0 4.26-.55 3.62 3.66 3.62h7.44c.63 0 .97.02 1.4.03l-2.37-2.93H7.28c-.44 0-.72-.3-.72-.72v-1.22h2.5c.4.04.67-.53.4-.8l-3.96-4.92c-.1-.13-.27-.2-.44-.2zm13.28 10.03l-.56.7c.36-.07.5-.3.56-.7zM17.13 155.6c-.55-.02-1.32.03-2.4.03h-8.2l2.38 2.9h5.82c.42 0 .72.28.72.72v1.97H12.9c-.32.06-.48.52-.28.78l3.94 4.94c.2.23.6.22.78-.03l3.94-4.9c.22-.28-.02-.77-.37-.78H18.4v-1.97c0-3.15.4-3.62-1.25-3.66zm-12.1.28c-.1.02-.2.1-.28.18l-3.94 4.9c-.2.3.03.78.4.8H3.6v1.96c0 4.26-.55 3.62 3.66 3.62h8.24l-2.36-2.9H7.28c-.44 0-.72-.3-.72-.72v-1.97h2.5c.37.02.63-.5.4-.78l-3.96-4.9c-.1-.15-.3-.22-.47-.2zM5.13 174.5c-.15 0-.3.07-.38.2L.8 179.6c-.24.27 0 .82.4.8H3.6v2.32c0 4.26-.55 3.62 3.66 3.62h7.94l-2.35-2.9h-5.6c-.43 0-.7-.3-.7-.72v-2.3h2.5c.38.03.66-.54.4-.83l-3.97-4.9c-.1-.13-.23-.2-.38-.2zm12 .1c-.55-.02-1.32.03-2.4.03H6.83l2.35 2.9h5.52c.42 0 .72.28.72.72v2.34h-2.6c-.3.1-.43.53-.2.78l3.92 4.9c.18.24.6.24.78 0l3.94-4.9c.22-.3-.02-.78-.37-.8H18.4v-2.33c0-3.15.4-3.62-1.25-3.66zM4.97 193.16c-.1.03-.17.1-.22.18l-3.94 4.9c-.2.3.03.78.4.8H3.6v2.68c0 4.26-.55 3.62 3.66 3.62h7.66l-2.3-2.84c-.03-.02-.03-.04-.05-.06H7.27c-.44 0-.72-.3-.72-.72v-2.7h2.5c.37.03.63-.48.4-.77l-3.96-4.9c-.12-.17-.34-.25-.53-.2zm12.16.43c-.55-.02-1.32.03-2.4.03H7.1l2.32 2.84.03.06h5.25c.42 0 .72.28.72.72v2.7h-2.5c-.36.02-.56.54-.3.8l3.92 4.9c.18.25.6.25.78 0l3.94-4.9c.26-.28 0-.83-.37-.8H18.4v-2.7c0-3.15.4-3.62-1.25-3.66z' fill='#{hex-color($highlight-text-color)}' stroke-width='0'/></svg>\");\n\n  &:hover {\n    background-image: url(\"data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='22' height='209'><path d='M4.97 3.16c-.1.03-.17.1-.22.18L.8 8.24c-.2.3.03.78.4.8H3.6v2.68c0 4.26-.55 3.62 3.66 3.62h7.66l-2.3-2.84c-.03-.02-.03-.04-.05-.06H7.27c-.44 0-.72-.3-.72-.72v-2.7h2.5c.37.03.63-.48.4-.77L5.5 3.35c-.12-.17-.34-.25-.53-.2zm12.16.43c-.55-.02-1.32.02-2.4.02H7.1l2.32 2.85.03.06h5.25c.42 0 .72.28.72.72v2.7h-2.5c-.36.02-.56.54-.3.8l3.92 4.9c.18.25.6.25.78 0l3.94-4.9c.26-.28 0-.83-.37-.8H18.4v-2.7c0-3.15.4-3.62-1.25-3.66z' fill='#{hex-color(lighten($action-button-color, 7%))}' stroke-width='0'/><path d='M7.78 19.66c-.24.02-.44.25-.44.5v2.46h-.06c-1.08 0-1.86-.03-2.4-.03-1.64 0-1.25.43-1.25 3.65v4.47c0 4.26-.56 3.62 3.65 3.62H8.5l-1.3-1.06c-.1-.08-.18-.2-.2-.3-.02-.17.06-.35.2-.45l1.33-1.1H7.28c-.44 0-.72-.3-.72-.7v-4.48c0-.44.28-.72.72-.72h.06v2.5c0 .38.54.63.82.38l4.9-3.93c.25-.18.25-.6 0-.78l-4.9-3.92c-.1-.1-.24-.14-.38-.12zm9.34 2.93c-.54-.02-1.3.02-2.4.02h-1.25l1.3 1.07c.1.07.18.2.2.33.02.16-.06.3-.2.4l-1.33 1.1h1.28c.42 0 .72.28.72.72v4.47c0 .42-.3.72-.72.72h-.1v-2.47c0-.3-.3-.53-.6-.47-.07 0-.14.05-.2.1l-4.9 3.93c-.26.18-.26.6 0 .78l4.9 3.92c.27.25.82 0 .8-.38v-2.5h.1c4.27 0 3.65.67 3.65-3.62v-4.47c0-3.15.4-3.62-1.25-3.66zM10.34 38.66c-.24.02-.44.25-.43.5v2.47H7.3c-1.08 0-1.86-.04-2.4-.04-1.64 0-1.25.43-1.25 3.65v4.47c0 3.66-.23 3.7 2.34 3.66l-1.34-1.1c-.1-.08-.18-.2-.2-.3 0-.17.07-.35.2-.45l1.96-1.6c-.03-.06-.04-.13-.04-.2v-4.48c0-.44.28-.72.72-.72H9.9v2.5c0 .36.5.6.8.38l4.93-3.93c.24-.18.24-.6 0-.78l-4.94-3.92c-.1-.08-.23-.13-.36-.12zm5.63 2.93l1.34 1.1c.1.07.18.2.2.33.02.16-.03.3-.16.4l-1.96 1.6c.02.07.06.13.06.22v4.47c0 .42-.3.72-.72.72h-2.66v-2.47c0-.3-.3-.53-.6-.47-.06.02-.12.05-.18.1l-4.94 3.93c-.24.18-.24.6 0 .78l4.94 3.92c.28.22.78-.02.78-.38v-2.5h2.66c4.27 0 3.65.67 3.65-3.62v-4.47c0-3.66.34-3.7-2.4-3.66zM13.06 57.66c-.23.03-.4.26-.4.5v2.47H7.28c-1.08 0-1.86-.04-2.4-.04-1.64 0-1.25.43-1.25 3.65v4.87l2.93-2.37v-2.5c0-.44.28-.72.72-.72h5.38v2.5c0 .36.5.6.78.38l4.94-3.93c.24-.18.24-.6 0-.78l-4.94-3.92c-.1-.1-.24-.14-.38-.12zm5.3 6.15l-2.92 2.4v2.52c0 .42-.3.72-.72.72h-5.4v-2.47c0-.3-.32-.53-.6-.47-.07.02-.13.05-.2.1L3.6 70.52c-.25.18-.25.6 0 .78l4.93 3.92c.28.22.78-.02.78-.38v-2.5h5.42c4.27 0 3.65.67 3.65-3.62v-4.47-.44zM19.25 78.8c-.1.03-.2.1-.28.17l-.9.9c-.44-.3-1.36-.25-3.35-.25H7.28c-1.08 0-1.86-.03-2.4-.03-1.64 0-1.25.43-1.25 3.65v.7l2.93.3v-1c0-.44.28-.72.72-.72h7.44c.2 0 .37.08.5.2l-1.8 1.8c-.25.26-.08.76.27.8l6.27.7c.28.03.56-.25.53-.53l-.7-6.25c0-.27-.3-.48-.55-.44zm-17.2 6.1c-.2.07-.36.3-.33.54l.7 6.25c.02.36.58.55.83.27l.8-.8c.02 0 .04-.02.04 0 .46.24 1.37.17 3.18.17h7.44c4.27 0 3.65.67 3.65-3.62v-.75l-2.93-.3v1.05c0 .42-.3.72-.72.72H7.28c-.15 0-.3-.03-.4-.1L8.8 86.4c.3-.24.1-.8-.27-.84l-6.28-.65h-.2zM4.88 98.6c-1.33 0-1.34.48-1.3 2.3l1.14-1.37c.08-.1.22-.17.34-.2.16 0 .34.08.44.2l1.66 2.03c.04 0 .07-.03.12-.03h7.44c.34 0 .57.2.65.5h-2.43c-.34.05-.53.52-.3.78l3.92 4.95c.18.24.6.24.78 0l3.94-4.94c.22-.27-.02-.76-.37-.77H18.4c.02-3.9.6-3.4-3.66-3.4H7.28c-1.08 0-1.86-.04-2.4-.04zm.15 2.46c-.1.03-.2.1-.28.2l-3.94 4.9c-.2.28.03.77.4.78H3.6c-.02 3.94-.45 3.4 3.66 3.4h7.44c3.65 0 3.74.3 3.7-2.25l-1.1 1.34c-.1.1-.2.17-.32.2-.16 0-.34-.08-.44-.2l-1.65-2.03c-.06.02-.1.04-.18.04H7.28c-.35 0-.57-.2-.66-.5h2.44c.37 0 .63-.5.4-.78l-3.96-4.9c-.1-.15-.3-.23-.47-.2zM4.88 117.6c-1.16 0-1.3.3-1.3 1.56l1.14-1.38c.08-.1.22-.14.34-.16.16 0 .34.04.44.16l2.22 2.75h7c.42 0 .72.28.72.72v.53h-2.6c-.3.1-.43.54-.2.78l3.92 4.9c.18.25.6.25.78 0l3.94-4.9c.22-.28-.02-.77-.37-.78H18.4v-.53c0-4.2.72-3.63-3.66-3.63H7.28c-1.08 0-1.86-.03-2.4-.03zm.1 1.74c-.1.03-.17.1-.23.16L.8 124.44c-.2.28.03.77.4.78H3.6v.5c0 4.26-.55 3.62 3.66 3.62h7.44c1.03 0 1.74.02 2.28 0-.16.02-.34-.03-.44-.15l-2.22-2.76H7.28c-.44 0-.72-.3-.72-.72v-.5h2.5c.37.02.63-.5.4-.78L5.5 119.5c-.12-.15-.34-.22-.53-.16zm12.02 10c1.2-.02 1.4-.25 1.4-1.53l-1.1 1.36c-.07.1-.17.17-.3.18zM5.94 136.6l2.37 2.93h6.42c.42 0 .72.28.72.72v1.25h-2.6c-.3.1-.43.54-.2.78l3.92 4.9c.18.25.6.25.78 0l3.94-4.9c.22-.28-.02-.77-.37-.78H18.4v-1.25c0-4.2.72-3.63-3.66-3.63H7.28c-.6 0-.92-.02-1.34-.03zm-1.72.06c-.4.08-.54.3-.6.75l.6-.74zm.84.93c-.12 0-.24.08-.3.18l-3.95 4.9c-.24.3 0 .83.4.82H3.6v1.22c0 4.26-.55 3.62 3.66 3.62h7.44c.63 0 .97.02 1.4.03l-2.37-2.93H7.28c-.44 0-.72-.3-.72-.72v-1.22h2.5c.4.04.67-.53.4-.8l-3.96-4.92c-.1-.13-.27-.2-.44-.2zm13.28 10.03l-.56.7c.36-.07.5-.3.56-.7zM17.13 155.6c-.55-.02-1.32.03-2.4.03h-8.2l2.38 2.9h5.82c.42 0 .72.28.72.72v1.97H12.9c-.32.06-.48.52-.28.78l3.94 4.94c.2.23.6.22.78-.03l3.94-4.9c.22-.28-.02-.77-.37-.78H18.4v-1.97c0-3.15.4-3.62-1.25-3.66zm-12.1.28c-.1.02-.2.1-.28.18l-3.94 4.9c-.2.3.03.78.4.8H3.6v1.96c0 4.26-.55 3.62 3.66 3.62h8.24l-2.36-2.9H7.28c-.44 0-.72-.3-.72-.72v-1.97h2.5c.37.02.63-.5.4-.78l-3.96-4.9c-.1-.15-.3-.22-.47-.2zM5.13 174.5c-.15 0-.3.07-.38.2L.8 179.6c-.24.27 0 .82.4.8H3.6v2.32c0 4.26-.55 3.62 3.66 3.62h7.94l-2.35-2.9h-5.6c-.43 0-.7-.3-.7-.72v-2.3h2.5c.38.03.66-.54.4-.83l-3.97-4.9c-.1-.13-.23-.2-.38-.2zm12 .1c-.55-.02-1.32.03-2.4.03H6.83l2.35 2.9h5.52c.42 0 .72.28.72.72v2.34h-2.6c-.3.1-.43.53-.2.78l3.92 4.9c.18.24.6.24.78 0l3.94-4.9c.22-.3-.02-.78-.37-.8H18.4v-2.33c0-3.15.4-3.62-1.25-3.66zM4.97 193.16c-.1.03-.17.1-.22.18l-3.94 4.9c-.2.3.03.78.4.8H3.6v2.68c0 4.26-.55 3.62 3.66 3.62h7.66l-2.3-2.84c-.03-.02-.03-.04-.05-.06H7.27c-.44 0-.72-.3-.72-.72v-2.7h2.5c.37.03.63-.48.4-.77l-3.96-4.9c-.12-.17-.34-.25-.53-.2zm12.16.43c-.55-.02-1.32.03-2.4.03H7.1l2.32 2.84.03.06h5.25c.42 0 .72.28.72.72v2.7h-2.5c-.36.02-.56.54-.3.8l3.92 4.9c.18.25.6.25.78 0l3.94-4.9c.26-.28 0-.83-.37-.8H18.4v-2.7c0-3.15.4-3.62-1.25-3.66z' fill='#{hex-color($highlight-text-color)}' stroke-width='0'/></svg>\");\n  }\n}\n\nbutton.icon-button.disabled i.fa-retweet {\n  background-image: url(\"data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='22' height='209'><path d='M4.97 3.16c-.1.03-.17.1-.22.18L.8 8.24c-.2.3.03.78.4.8H3.6v2.68c0 4.26-.55 3.62 3.66 3.62h7.66l-2.3-2.84c-.03-.02-.03-.04-.05-.06H7.27c-.44 0-.72-.3-.72-.72v-2.7h2.5c.37.03.63-.48.4-.77L5.5 3.35c-.12-.17-.34-.25-.53-.2zm12.16.43c-.55-.02-1.32.02-2.4.02H7.1l2.32 2.85.03.06h5.25c.42 0 .72.28.72.72v2.7h-2.5c-.36.02-.56.54-.3.8l3.92 4.9c.18.25.6.25.78 0l3.94-4.9c.26-.28 0-.83-.37-.8H18.4v-2.7c0-3.15.4-3.62-1.25-3.66z' fill='#{hex-color(darken($action-button-color, 13%))}' stroke-width='0'/><path d='M7.78 19.66c-.24.02-.44.25-.44.5v2.46h-.06c-1.08 0-1.86-.03-2.4-.03-1.64 0-1.25.43-1.25 3.65v4.47c0 4.26-.56 3.62 3.65 3.62H8.5l-1.3-1.06c-.1-.08-.18-.2-.2-.3-.02-.17.06-.35.2-.45l1.33-1.1H7.28c-.44 0-.72-.3-.72-.7v-4.48c0-.44.28-.72.72-.72h.06v2.5c0 .38.54.63.82.38l4.9-3.93c.25-.18.25-.6 0-.78l-4.9-3.92c-.1-.1-.24-.14-.38-.12zm9.34 2.93c-.54-.02-1.3.02-2.4.02h-1.25l1.3 1.07c.1.07.18.2.2.33.02.16-.06.3-.2.4l-1.33 1.1h1.28c.42 0 .72.28.72.72v4.47c0 .42-.3.72-.72.72h-.1v-2.47c0-.3-.3-.53-.6-.47-.07 0-.14.05-.2.1l-4.9 3.93c-.26.18-.26.6 0 .78l4.9 3.92c.27.25.82 0 .8-.38v-2.5h.1c4.27 0 3.65.67 3.65-3.62v-4.47c0-3.15.4-3.62-1.25-3.66zM10.34 38.66c-.24.02-.44.25-.43.5v2.47H7.3c-1.08 0-1.86-.04-2.4-.04-1.64 0-1.25.43-1.25 3.65v4.47c0 3.66-.23 3.7 2.34 3.66l-1.34-1.1c-.1-.08-.18-.2-.2-.3 0-.17.07-.35.2-.45l1.96-1.6c-.03-.06-.04-.13-.04-.2v-4.48c0-.44.28-.72.72-.72H9.9v2.5c0 .36.5.6.8.38l4.93-3.93c.24-.18.24-.6 0-.78l-4.94-3.92c-.1-.08-.23-.13-.36-.12zm5.63 2.93l1.34 1.1c.1.07.18.2.2.33.02.16-.03.3-.16.4l-1.96 1.6c.02.07.06.13.06.22v4.47c0 .42-.3.72-.72.72h-2.66v-2.47c0-.3-.3-.53-.6-.47-.06.02-.12.05-.18.1l-4.94 3.93c-.24.18-.24.6 0 .78l4.94 3.92c.28.22.78-.02.78-.38v-2.5h2.66c4.27 0 3.65.67 3.65-3.62v-4.47c0-3.66.34-3.7-2.4-3.66zM13.06 57.66c-.23.03-.4.26-.4.5v2.47H7.28c-1.08 0-1.86-.04-2.4-.04-1.64 0-1.25.43-1.25 3.65v4.87l2.93-2.37v-2.5c0-.44.28-.72.72-.72h5.38v2.5c0 .36.5.6.78.38l4.94-3.93c.24-.18.24-.6 0-.78l-4.94-3.92c-.1-.1-.24-.14-.38-.12zm5.3 6.15l-2.92 2.4v2.52c0 .42-.3.72-.72.72h-5.4v-2.47c0-.3-.32-.53-.6-.47-.07.02-.13.05-.2.1L3.6 70.52c-.25.18-.25.6 0 .78l4.93 3.92c.28.22.78-.02.78-.38v-2.5h5.42c4.27 0 3.65.67 3.65-3.62v-4.47-.44zM19.25 78.8c-.1.03-.2.1-.28.17l-.9.9c-.44-.3-1.36-.25-3.35-.25H7.28c-1.08 0-1.86-.03-2.4-.03-1.64 0-1.25.43-1.25 3.65v.7l2.93.3v-1c0-.44.28-.72.72-.72h7.44c.2 0 .37.08.5.2l-1.8 1.8c-.25.26-.08.76.27.8l6.27.7c.28.03.56-.25.53-.53l-.7-6.25c0-.27-.3-.48-.55-.44zm-17.2 6.1c-.2.07-.36.3-.33.54l.7 6.25c.02.36.58.55.83.27l.8-.8c.02 0 .04-.02.04 0 .46.24 1.37.17 3.18.17h7.44c4.27 0 3.65.67 3.65-3.62v-.75l-2.93-.3v1.05c0 .42-.3.72-.72.72H7.28c-.15 0-.3-.03-.4-.1L8.8 86.4c.3-.24.1-.8-.27-.84l-6.28-.65h-.2zM4.88 98.6c-1.33 0-1.34.48-1.3 2.3l1.14-1.37c.08-.1.22-.17.34-.2.16 0 .34.08.44.2l1.66 2.03c.04 0 .07-.03.12-.03h7.44c.34 0 .57.2.65.5h-2.43c-.34.05-.53.52-.3.78l3.92 4.95c.18.24.6.24.78 0l3.94-4.94c.22-.27-.02-.76-.37-.77H18.4c.02-3.9.6-3.4-3.66-3.4H7.28c-1.08 0-1.86-.04-2.4-.04zm.15 2.46c-.1.03-.2.1-.28.2l-3.94 4.9c-.2.28.03.77.4.78H3.6c-.02 3.94-.45 3.4 3.66 3.4h7.44c3.65 0 3.74.3 3.7-2.25l-1.1 1.34c-.1.1-.2.17-.32.2-.16 0-.34-.08-.44-.2l-1.65-2.03c-.06.02-.1.04-.18.04H7.28c-.35 0-.57-.2-.66-.5h2.44c.37 0 .63-.5.4-.78l-3.96-4.9c-.1-.15-.3-.23-.47-.2zM4.88 117.6c-1.16 0-1.3.3-1.3 1.56l1.14-1.38c.08-.1.22-.14.34-.16.16 0 .34.04.44.16l2.22 2.75h7c.42 0 .72.28.72.72v.53h-2.6c-.3.1-.43.54-.2.78l3.92 4.9c.18.25.6.25.78 0l3.94-4.9c.22-.28-.02-.77-.37-.78H18.4v-.53c0-4.2.72-3.63-3.66-3.63H7.28c-1.08 0-1.86-.03-2.4-.03zm.1 1.74c-.1.03-.17.1-.23.16L.8 124.44c-.2.28.03.77.4.78H3.6v.5c0 4.26-.55 3.62 3.66 3.62h7.44c1.03 0 1.74.02 2.28 0-.16.02-.34-.03-.44-.15l-2.22-2.76H7.28c-.44 0-.72-.3-.72-.72v-.5h2.5c.37.02.63-.5.4-.78L5.5 119.5c-.12-.15-.34-.22-.53-.16zm12.02 10c1.2-.02 1.4-.25 1.4-1.53l-1.1 1.36c-.07.1-.17.17-.3.18zM5.94 136.6l2.37 2.93h6.42c.42 0 .72.28.72.72v1.25h-2.6c-.3.1-.43.54-.2.78l3.92 4.9c.18.25.6.25.78 0l3.94-4.9c.22-.28-.02-.77-.37-.78H18.4v-1.25c0-4.2.72-3.63-3.66-3.63H7.28c-.6 0-.92-.02-1.34-.03zm-1.72.06c-.4.08-.54.3-.6.75l.6-.74zm.84.93c-.12 0-.24.08-.3.18l-3.95 4.9c-.24.3 0 .83.4.82H3.6v1.22c0 4.26-.55 3.62 3.66 3.62h7.44c.63 0 .97.02 1.4.03l-2.37-2.93H7.28c-.44 0-.72-.3-.72-.72v-1.22h2.5c.4.04.67-.53.4-.8l-3.96-4.92c-.1-.13-.27-.2-.44-.2zm13.28 10.03l-.56.7c.36-.07.5-.3.56-.7zM17.13 155.6c-.55-.02-1.32.03-2.4.03h-8.2l2.38 2.9h5.82c.42 0 .72.28.72.72v1.97H12.9c-.32.06-.48.52-.28.78l3.94 4.94c.2.23.6.22.78-.03l3.94-4.9c.22-.28-.02-.77-.37-.78H18.4v-1.97c0-3.15.4-3.62-1.25-3.66zm-12.1.28c-.1.02-.2.1-.28.18l-3.94 4.9c-.2.3.03.78.4.8H3.6v1.96c0 4.26-.55 3.62 3.66 3.62h8.24l-2.36-2.9H7.28c-.44 0-.72-.3-.72-.72v-1.97h2.5c.37.02.63-.5.4-.78l-3.96-4.9c-.1-.15-.3-.22-.47-.2zM5.13 174.5c-.15 0-.3.07-.38.2L.8 179.6c-.24.27 0 .82.4.8H3.6v2.32c0 4.26-.55 3.62 3.66 3.62h7.94l-2.35-2.9h-5.6c-.43 0-.7-.3-.7-.72v-2.3h2.5c.38.03.66-.54.4-.83l-3.97-4.9c-.1-.13-.23-.2-.38-.2zm12 .1c-.55-.02-1.32.03-2.4.03H6.83l2.35 2.9h5.52c.42 0 .72.28.72.72v2.34h-2.6c-.3.1-.43.53-.2.78l3.92 4.9c.18.24.6.24.78 0l3.94-4.9c.22-.3-.02-.78-.37-.8H18.4v-2.33c0-3.15.4-3.62-1.25-3.66zM4.97 193.16c-.1.03-.17.1-.22.18l-3.94 4.9c-.2.3.03.78.4.8H3.6v2.68c0 4.26-.55 3.62 3.66 3.62h7.66l-2.3-2.84c-.03-.02-.03-.04-.05-.06H7.27c-.44 0-.72-.3-.72-.72v-2.7h2.5c.37.03.63-.48.4-.77l-3.96-4.9c-.12-.17-.34-.25-.53-.2zm12.16.43c-.55-.02-1.32.03-2.4.03H7.1l2.32 2.84.03.06h5.25c.42 0 .72.28.72.72v2.7h-2.5c-.36.02-.56.54-.3.8l3.92 4.9c.18.25.6.25.78 0l3.94-4.9c.26-.28 0-.83-.37-.8H18.4v-2.7c0-3.15.4-3.62-1.25-3.66z' fill='#{hex-color($highlight-text-color)}' stroke-width='0'/></svg>\");\n}\n",".app-body {\n  -webkit-overflow-scrolling: touch;\n  -ms-overflow-style: -ms-autohiding-scrollbar;\n}\n\n.animated-number {\n  display: inline-flex;\n  flex-direction: column;\n  align-items: stretch;\n  overflow: hidden;\n  position: relative;\n}\n\n.link-button {\n  display: block;\n  font-size: 15px;\n  line-height: 20px;\n  color: $ui-highlight-color;\n  border: 0;\n  background: transparent;\n  padding: 0;\n  cursor: pointer;\n\n  &:hover,\n  &:active {\n    text-decoration: underline;\n  }\n\n  &:disabled {\n    color: $ui-primary-color;\n    cursor: default;\n  }\n}\n\n.button {\n  background-color: $ui-highlight-color;\n  border: 10px none;\n  border-radius: 4px;\n  box-sizing: border-box;\n  color: $primary-text-color;\n  cursor: pointer;\n  display: inline-block;\n  font-family: inherit;\n  font-size: 14px;\n  font-weight: 500;\n  height: 36px;\n  letter-spacing: 0;\n  line-height: 36px;\n  overflow: hidden;\n  padding: 0 16px;\n  position: relative;\n  text-align: center;\n  text-transform: uppercase;\n  text-decoration: none;\n  text-overflow: ellipsis;\n  transition: all 100ms ease-in;\n  white-space: nowrap;\n  width: auto;\n\n  &:active,\n  &:focus,\n  &:hover {\n    background-color: lighten($ui-highlight-color, 10%);\n    transition: all 200ms ease-out;\n  }\n\n  &--destructive {\n    transition: none;\n\n    &:active,\n    &:focus,\n    &:hover {\n      background-color: $error-red;\n      transition: none;\n    }\n  }\n\n  &:disabled,\n  &.disabled {\n    background-color: $ui-primary-color;\n    cursor: default;\n  }\n\n  &::-moz-focus-inner {\n    border: 0;\n  }\n\n  &::-moz-focus-inner,\n  &:focus,\n  &:active {\n    outline: 0 !important;\n  }\n\n  &.button-primary,\n  &.button-alternative,\n  &.button-secondary,\n  &.button-alternative-2 {\n    font-size: 16px;\n    line-height: 36px;\n    height: auto;\n    text-transform: none;\n    padding: 4px 16px;\n  }\n\n  &.button-alternative {\n    color: $inverted-text-color;\n    background: $ui-primary-color;\n\n    &:active,\n    &:focus,\n    &:hover {\n      background-color: lighten($ui-primary-color, 4%);\n    }\n  }\n\n  &.button-alternative-2 {\n    background: $ui-base-lighter-color;\n\n    &:active,\n    &:focus,\n    &:hover {\n      background-color: lighten($ui-base-lighter-color, 4%);\n    }\n  }\n\n  &.button-secondary {\n    color: $darker-text-color;\n    background: transparent;\n    padding: 3px 15px;\n    border: 1px solid $ui-primary-color;\n\n    &:active,\n    &:focus,\n    &:hover {\n      border-color: lighten($ui-primary-color, 4%);\n      color: lighten($darker-text-color, 4%);\n    }\n\n    &:disabled {\n      opacity: 0.5;\n    }\n  }\n\n  &.button--block {\n    display: block;\n    width: 100%;\n  }\n}\n\n.column__wrapper {\n  display: flex;\n  flex: 1 1 auto;\n  position: relative;\n}\n\n.icon-button {\n  display: inline-block;\n  padding: 0;\n  color: $action-button-color;\n  border: 0;\n  border-radius: 4px;\n  background: transparent;\n  cursor: pointer;\n  transition: all 100ms ease-in;\n  transition-property: background-color, color;\n\n  &:hover,\n  &:active,\n  &:focus {\n    color: lighten($action-button-color, 7%);\n    background-color: rgba($action-button-color, 0.15);\n    transition: all 200ms ease-out;\n    transition-property: background-color, color;\n  }\n\n  &:focus {\n    background-color: rgba($action-button-color, 0.3);\n  }\n\n  &.disabled {\n    color: darken($action-button-color, 13%);\n    background-color: transparent;\n    cursor: default;\n  }\n\n  &.active {\n    color: $highlight-text-color;\n  }\n\n  &::-moz-focus-inner {\n    border: 0;\n  }\n\n  &::-moz-focus-inner,\n  &:focus,\n  &:active {\n    outline: 0 !important;\n  }\n\n  &.inverted {\n    color: $lighter-text-color;\n\n    &:hover,\n    &:active,\n    &:focus {\n      color: darken($lighter-text-color, 7%);\n      background-color: rgba($lighter-text-color, 0.15);\n    }\n\n    &:focus {\n      background-color: rgba($lighter-text-color, 0.3);\n    }\n\n    &.disabled {\n      color: lighten($lighter-text-color, 7%);\n      background-color: transparent;\n    }\n\n    &.active {\n      color: $highlight-text-color;\n\n      &.disabled {\n        color: lighten($highlight-text-color, 13%);\n      }\n    }\n  }\n\n  &.overlayed {\n    box-sizing: content-box;\n    background: rgba($base-overlay-background, 0.6);\n    color: rgba($primary-text-color, 0.7);\n    border-radius: 4px;\n    padding: 2px;\n\n    &:hover {\n      background: rgba($base-overlay-background, 0.9);\n    }\n  }\n}\n\n.text-icon-button {\n  color: $lighter-text-color;\n  border: 0;\n  border-radius: 4px;\n  background: transparent;\n  cursor: pointer;\n  font-weight: 600;\n  font-size: 11px;\n  padding: 0 3px;\n  line-height: 27px;\n  outline: 0;\n  transition: all 100ms ease-in;\n  transition-property: background-color, color;\n\n  &:hover,\n  &:active,\n  &:focus {\n    color: darken($lighter-text-color, 7%);\n    background-color: rgba($lighter-text-color, 0.15);\n    transition: all 200ms ease-out;\n    transition-property: background-color, color;\n  }\n\n  &:focus {\n    background-color: rgba($lighter-text-color, 0.3);\n  }\n\n  &.disabled {\n    color: lighten($lighter-text-color, 20%);\n    background-color: transparent;\n    cursor: default;\n  }\n\n  &.active {\n    color: $highlight-text-color;\n  }\n\n  &::-moz-focus-inner {\n    border: 0;\n  }\n\n  &::-moz-focus-inner,\n  &:focus,\n  &:active {\n    outline: 0 !important;\n  }\n}\n\n.dropdown-menu {\n  position: absolute;\n}\n\n.invisible {\n  font-size: 0;\n  line-height: 0;\n  display: inline-block;\n  width: 0;\n  height: 0;\n  position: absolute;\n\n  img,\n  svg {\n    margin: 0 !important;\n    border: 0 !important;\n    padding: 0 !important;\n    width: 0 !important;\n    height: 0 !important;\n  }\n}\n\n.ellipsis {\n  &::after {\n    content: \"…\";\n  }\n}\n\n.compose-form {\n  padding: 10px;\n\n  &__sensitive-button {\n    padding: 10px;\n    padding-top: 0;\n\n    font-size: 14px;\n    font-weight: 500;\n\n    &.active {\n      color: $highlight-text-color;\n    }\n\n    input[type=checkbox] {\n      display: none;\n    }\n\n    .checkbox {\n      display: inline-block;\n      position: relative;\n      border: 1px solid $ui-primary-color;\n      box-sizing: border-box;\n      width: 18px;\n      height: 18px;\n      flex: 0 0 auto;\n      margin-right: 10px;\n      top: -1px;\n      border-radius: 4px;\n      vertical-align: middle;\n\n      &.active {\n        border-color: $highlight-text-color;\n        background: $highlight-text-color;\n      }\n    }\n  }\n\n  .compose-form__warning {\n    color: $inverted-text-color;\n    margin-bottom: 10px;\n    background: $ui-primary-color;\n    box-shadow: 0 2px 6px rgba($base-shadow-color, 0.3);\n    padding: 8px 10px;\n    border-radius: 4px;\n    font-size: 13px;\n    font-weight: 400;\n\n    strong {\n      color: $inverted-text-color;\n      font-weight: 500;\n\n      @each $lang in $cjk-langs {\n        &:lang(#{$lang}) {\n          font-weight: 700;\n        }\n      }\n    }\n\n    a {\n      color: $lighter-text-color;\n      font-weight: 500;\n      text-decoration: underline;\n\n      &:hover,\n      &:active,\n      &:focus {\n        text-decoration: none;\n      }\n    }\n  }\n\n  .emoji-picker-dropdown {\n    position: absolute;\n    top: 0;\n    right: 0;\n  }\n\n  .compose-form__autosuggest-wrapper {\n    position: relative;\n  }\n\n  .autosuggest-textarea,\n  .autosuggest-input,\n  .spoiler-input {\n    position: relative;\n    width: 100%;\n  }\n\n  .spoiler-input {\n    height: 0;\n    transform-origin: bottom;\n    opacity: 0;\n\n    &.spoiler-input--visible {\n      height: 36px;\n      margin-bottom: 11px;\n      opacity: 1;\n    }\n  }\n\n  .autosuggest-textarea__textarea,\n  .spoiler-input__input {\n    display: block;\n    box-sizing: border-box;\n    width: 100%;\n    margin: 0;\n    color: $inverted-text-color;\n    background: $simple-background-color;\n    padding: 10px;\n    font-family: inherit;\n    font-size: 14px;\n    resize: vertical;\n    border: 0;\n    outline: 0;\n\n    &::placeholder {\n      color: $dark-text-color;\n    }\n\n    &:focus {\n      outline: 0;\n    }\n\n    @media screen and (max-width: 600px) {\n      font-size: 16px;\n    }\n  }\n\n  .spoiler-input__input {\n    border-radius: 4px;\n  }\n\n  .autosuggest-textarea__textarea {\n    min-height: 100px;\n    border-radius: 4px 4px 0 0;\n    padding-bottom: 0;\n    padding-right: 10px + 22px;\n    resize: none;\n    scrollbar-color: initial;\n\n    &::-webkit-scrollbar {\n      all: unset;\n    }\n\n    @media screen and (max-width: 600px) {\n      height: 100px !important; // prevent auto-resize textarea\n      resize: vertical;\n    }\n  }\n\n  .autosuggest-textarea__suggestions-wrapper {\n    position: relative;\n    height: 0;\n  }\n\n  .autosuggest-textarea__suggestions {\n    box-sizing: border-box;\n    display: none;\n    position: absolute;\n    top: 100%;\n    width: 100%;\n    z-index: 99;\n    box-shadow: 4px 4px 6px rgba($base-shadow-color, 0.4);\n    background: $ui-secondary-color;\n    border-radius: 0 0 4px 4px;\n    color: $inverted-text-color;\n    font-size: 14px;\n    padding: 6px;\n\n    &.autosuggest-textarea__suggestions--visible {\n      display: block;\n    }\n  }\n\n  .autosuggest-textarea__suggestions__item {\n    padding: 10px;\n    cursor: pointer;\n    border-radius: 4px;\n\n    &:hover,\n    &:focus,\n    &:active,\n    &.selected {\n      background: darken($ui-secondary-color, 10%);\n    }\n  }\n\n  .autosuggest-account,\n  .autosuggest-emoji,\n  .autosuggest-hashtag {\n    display: flex;\n    flex-direction: row;\n    align-items: center;\n    justify-content: flex-start;\n    line-height: 18px;\n    font-size: 14px;\n  }\n\n  .autosuggest-hashtag {\n    justify-content: space-between;\n\n    &__name {\n      flex: 1 1 auto;\n      overflow: hidden;\n      text-overflow: ellipsis;\n      white-space: nowrap;\n    }\n\n    strong {\n      font-weight: 500;\n    }\n\n    &__uses {\n      flex: 0 0 auto;\n      text-align: right;\n      overflow: hidden;\n      text-overflow: ellipsis;\n      white-space: nowrap;\n    }\n  }\n\n  .autosuggest-account-icon,\n  .autosuggest-emoji img {\n    display: block;\n    margin-right: 8px;\n    width: 16px;\n    height: 16px;\n  }\n\n  .autosuggest-account .display-name__account {\n    color: $lighter-text-color;\n  }\n\n  .compose-form__modifiers {\n    color: $inverted-text-color;\n    font-family: inherit;\n    font-size: 14px;\n    background: $simple-background-color;\n\n    .compose-form__upload-wrapper {\n      overflow: hidden;\n    }\n\n    .compose-form__uploads-wrapper {\n      display: flex;\n      flex-direction: row;\n      padding: 5px;\n      flex-wrap: wrap;\n    }\n\n    .compose-form__upload {\n      flex: 1 1 0;\n      min-width: 40%;\n      margin: 5px;\n\n      &__actions {\n        background: linear-gradient(180deg, rgba($base-shadow-color, 0.8) 0, rgba($base-shadow-color, 0.35) 80%, transparent);\n        display: flex;\n        align-items: flex-start;\n        justify-content: space-between;\n        opacity: 0;\n        transition: opacity .1s ease;\n\n        .icon-button {\n          flex: 0 1 auto;\n          color: $secondary-text-color;\n          font-size: 14px;\n          font-weight: 500;\n          padding: 10px;\n          font-family: inherit;\n\n          &:hover,\n          &:focus,\n          &:active {\n            color: lighten($secondary-text-color, 7%);\n          }\n        }\n\n        &.active {\n          opacity: 1;\n        }\n      }\n\n      &-description {\n        position: absolute;\n        z-index: 2;\n        bottom: 0;\n        left: 0;\n        right: 0;\n        box-sizing: border-box;\n        background: linear-gradient(0deg, rgba($base-shadow-color, 0.8) 0, rgba($base-shadow-color, 0.35) 80%, transparent);\n        padding: 10px;\n        opacity: 0;\n        transition: opacity .1s ease;\n\n        textarea {\n          background: transparent;\n          color: $secondary-text-color;\n          border: 0;\n          padding: 0;\n          margin: 0;\n          width: 100%;\n          font-family: inherit;\n          font-size: 14px;\n          font-weight: 500;\n\n          &:focus {\n            color: $white;\n          }\n\n          &::placeholder {\n            opacity: 0.75;\n            color: $secondary-text-color;\n          }\n        }\n\n        &.active {\n          opacity: 1;\n        }\n      }\n    }\n\n    .compose-form__upload-thumbnail {\n      border-radius: 4px;\n      background-color: $base-shadow-color;\n      background-position: center;\n      background-size: cover;\n      background-repeat: no-repeat;\n      height: 140px;\n      width: 100%;\n      overflow: hidden;\n    }\n  }\n\n  .compose-form__buttons-wrapper {\n    padding: 10px;\n    background: darken($simple-background-color, 8%);\n    border-radius: 0 0 4px 4px;\n    display: flex;\n    justify-content: space-between;\n    flex: 0 0 auto;\n\n    .compose-form__buttons {\n      display: flex;\n\n      .compose-form__upload-button-icon {\n        line-height: 27px;\n      }\n\n      .compose-form__sensitive-button {\n        display: none;\n\n        &.compose-form__sensitive-button--visible {\n          display: block;\n        }\n\n        .compose-form__sensitive-button__icon {\n          line-height: 27px;\n        }\n      }\n    }\n\n    .icon-button,\n    .text-icon-button {\n      box-sizing: content-box;\n      padding: 0 3px;\n    }\n\n    .character-counter__wrapper {\n      align-self: center;\n      margin-right: 4px;\n    }\n  }\n\n  .compose-form__publish {\n    display: flex;\n    justify-content: flex-end;\n    min-width: 0;\n    flex: 0 0 auto;\n\n    .compose-form__publish-button-wrapper {\n      overflow: hidden;\n      padding-top: 10px;\n    }\n  }\n}\n\n.character-counter {\n  cursor: default;\n  font-family: $font-sans-serif, sans-serif;\n  font-size: 14px;\n  font-weight: 600;\n  color: $lighter-text-color;\n\n  &.character-counter--over {\n    color: $warning-red;\n  }\n}\n\n.no-reduce-motion .spoiler-input {\n  transition: height 0.4s ease, opacity 0.4s ease;\n}\n\n.emojione {\n  font-size: inherit;\n  vertical-align: middle;\n  object-fit: contain;\n  margin: -.2ex .15em .2ex;\n  width: 16px;\n  height: 16px;\n\n  img {\n    width: auto;\n  }\n}\n\n.reply-indicator {\n  border-radius: 4px;\n  margin-bottom: 10px;\n  background: $ui-primary-color;\n  padding: 10px;\n  min-height: 23px;\n  overflow-y: auto;\n  flex: 0 2 auto;\n}\n\n.reply-indicator__header {\n  margin-bottom: 5px;\n  overflow: hidden;\n}\n\n.reply-indicator__cancel {\n  float: right;\n  line-height: 24px;\n}\n\n.reply-indicator__display-name {\n  color: $inverted-text-color;\n  display: block;\n  max-width: 100%;\n  line-height: 24px;\n  overflow: hidden;\n  padding-right: 25px;\n  text-decoration: none;\n}\n\n.reply-indicator__display-avatar {\n  float: left;\n  margin-right: 5px;\n}\n\n.status__content--with-action {\n  cursor: pointer;\n}\n\n.status__content,\n.reply-indicator__content {\n  position: relative;\n  font-size: 15px;\n  line-height: 20px;\n  word-wrap: break-word;\n  font-weight: 400;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  padding-top: 2px;\n  color: $primary-text-color;\n\n  &:focus {\n    outline: 0;\n  }\n\n  &.status__content--with-spoiler {\n    white-space: normal;\n\n    .status__content__text {\n      white-space: pre-wrap;\n    }\n  }\n\n  .emojione {\n    width: 20px;\n    height: 20px;\n    margin: -3px 0 0;\n  }\n\n  img {\n    max-width: 100%;\n    max-height: 400px;\n    object-fit: contain;\n  }\n\n  p {\n    margin-bottom: 20px;\n    white-space: pre-wrap;\n\n    &:last-child {\n      margin-bottom: 0;\n    }\n  }\n\n  a {\n    color: $pleroma-links;\n    text-decoration: none;\n\n    &:hover {\n      text-decoration: underline;\n\n      .fa {\n        color: lighten($dark-text-color, 7%);\n      }\n    }\n\n    &.mention {\n      &:hover {\n        text-decoration: none;\n\n        span {\n          text-decoration: underline;\n        }\n      }\n    }\n\n    .fa {\n      color: $dark-text-color;\n    }\n  }\n\n  a.unhandled-link {\n    color: lighten($ui-highlight-color, 8%);\n  }\n\n  .status__content__spoiler-link {\n    background: $action-button-color;\n\n    &:hover {\n      background: lighten($action-button-color, 7%);\n      text-decoration: none;\n    }\n\n    &::-moz-focus-inner {\n      border: 0;\n    }\n\n    &::-moz-focus-inner,\n    &:focus,\n    &:active {\n      outline: 0 !important;\n    }\n  }\n\n  .status__content__text {\n    display: none;\n\n    &.status__content__text--visible {\n      display: block;\n    }\n  }\n}\n\n.announcements__item__content {\n  word-wrap: break-word;\n  overflow-y: auto;\n\n  .emojione {\n    width: 20px;\n    height: 20px;\n    margin: -3px 0 0;\n  }\n\n  p {\n    margin-bottom: 10px;\n    white-space: pre-wrap;\n\n    &:last-child {\n      margin-bottom: 0;\n    }\n  }\n\n  a {\n    color: $secondary-text-color;\n    text-decoration: none;\n\n    &:hover {\n      text-decoration: underline;\n    }\n\n    &.mention {\n      &:hover {\n        text-decoration: none;\n\n        span {\n          text-decoration: underline;\n        }\n      }\n    }\n\n    &.unhandled-link {\n      color: lighten($ui-highlight-color, 8%);\n    }\n  }\n}\n\n.status__content.status__content--collapsed {\n  max-height: 20px * 15; // 15 lines is roughly above 500 characters\n}\n\n.status__content__read-more-button {\n  display: block;\n  font-size: 15px;\n  line-height: 20px;\n  color: lighten($ui-highlight-color, 8%);\n  border: 0;\n  background: transparent;\n  padding: 0;\n  padding-top: 8px;\n  text-decoration: none;\n\n  &:hover,\n  &:active {\n    text-decoration: underline;\n  }\n}\n\n.status__content__spoiler-link {\n  display: inline-block;\n  border-radius: 2px;\n  background: transparent;\n  border: 0;\n  color: $inverted-text-color;\n  font-weight: 700;\n  font-size: 11px;\n  padding: 0 6px;\n  text-transform: uppercase;\n  line-height: 20px;\n  cursor: pointer;\n  vertical-align: middle;\n}\n\n.status__wrapper--filtered {\n  color: $dark-text-color;\n  border: 0;\n  font-size: inherit;\n  text-align: center;\n  line-height: inherit;\n  margin: 0;\n  padding: 15px;\n  box-sizing: border-box;\n  width: 100%;\n  clear: both;\n  border-bottom: 1px solid lighten($ui-base-color, 8%);\n}\n\n.status__prepend-icon-wrapper {\n  left: -26px;\n  position: absolute;\n}\n\n.focusable {\n  &:focus {\n    outline: 0;\n    background: lighten($ui-base-color, 4%);\n\n    .status.status-direct {\n      background: lighten($ui-base-color, 12%);\n\n      &.muted {\n        background: transparent;\n      }\n    }\n\n    .detailed-status,\n    .detailed-status__action-bar {\n      background: lighten($ui-base-color, 8%);\n    }\n  }\n}\n\n.status {\n  padding: 8px 10px;\n  padding-left: 68px;\n  position: relative;\n  min-height: 54px;\n  border-bottom: 1px solid lighten($ui-base-color, 8%);\n  cursor: default;\n\n  @supports (-ms-overflow-style: -ms-autohiding-scrollbar) {\n    // Add margin to avoid Edge auto-hiding scrollbar appearing over content.\n    // On Edge 16 this is 16px and Edge <=15 it's 12px, so aim for 16px.\n    padding-right: 26px; // 10px + 16px\n  }\n\n  @keyframes fade {\n    0% { opacity: 0; }\n    100% { opacity: 1; }\n  }\n\n  opacity: 1;\n  animation: fade 150ms linear;\n\n  .video-player,\n  .audio-player {\n    margin-top: 8px;\n  }\n\n  &.status-direct:not(.read) {\n    background: lighten($ui-base-color, 8%);\n    border-bottom-color: lighten($ui-base-color, 12%);\n  }\n\n  &.light {\n    .status__relative-time {\n      color: $light-text-color;\n    }\n\n    .status__display-name {\n      color: $inverted-text-color;\n    }\n\n    .display-name {\n      color: $light-text-color;\n\n      strong {\n        color: $inverted-text-color;\n      }\n    }\n\n    .status__content {\n      color: $inverted-text-color;\n\n      a {\n        color: $highlight-text-color;\n      }\n\n      a.status__content__spoiler-link {\n        color: $primary-text-color;\n        background: $ui-primary-color;\n\n        &:hover {\n          background: lighten($ui-primary-color, 8%);\n        }\n      }\n    }\n  }\n}\n\n.notification-favourite {\n  .status.status-direct {\n    background: transparent;\n\n    .icon-button.disabled {\n      color: lighten($action-button-color, 13%);\n    }\n  }\n}\n\n.status__relative-time,\n.notification__relative_time {\n  color: $dark-text-color;\n  float: right;\n  font-size: 14px;\n}\n\n.status__display-name {\n  color: $dark-text-color;\n}\n\n.status__info .status__display-name {\n  display: block;\n  max-width: 100%;\n  padding-right: 25px;\n}\n\n.status__info {\n  font-size: 15px;\n}\n\n.status-check-box {\n  border-bottom: 1px solid $ui-secondary-color;\n  display: flex;\n\n  .status-check-box__status {\n    margin: 10px 0 10px 10px;\n    flex: 1;\n    overflow: hidden;\n\n    .media-gallery {\n      max-width: 250px;\n    }\n\n    .status__content {\n      padding: 0;\n      white-space: normal;\n    }\n\n    .video-player,\n    .audio-player {\n      margin-top: 8px;\n      max-width: 250px;\n    }\n\n    .media-gallery__item-thumbnail {\n      cursor: default;\n    }\n  }\n}\n\n.status-check-box-toggle {\n  align-items: center;\n  display: flex;\n  flex: 0 0 auto;\n  justify-content: center;\n  padding: 10px;\n}\n\n.status__prepend {\n  margin-left: 68px;\n  color: $dark-text-color;\n  padding: 8px 0;\n  padding-bottom: 2px;\n  font-size: 14px;\n  position: relative;\n\n  .status__display-name strong {\n    color: $dark-text-color;\n  }\n\n  > span {\n    display: block;\n    overflow: hidden;\n    text-overflow: ellipsis;\n  }\n}\n\n.status__action-bar {\n  align-items: center;\n  display: flex;\n  margin-top: 8px;\n\n  &__counter {\n    display: inline-flex;\n    margin-right: 11px;\n    align-items: center;\n\n    .status__action-bar-button {\n      margin-right: 4px;\n    }\n\n    &__label {\n      display: inline-block;\n      width: 14px;\n      font-size: 12px;\n      font-weight: 500;\n      color: $action-button-color;\n    }\n  }\n}\n\n.status__action-bar-button {\n  margin-right: 18px;\n}\n\n.status__action-bar-dropdown {\n  height: 23.15px;\n  width: 23.15px;\n}\n\n.detailed-status__action-bar-dropdown {\n  flex: 1 1 auto;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  position: relative;\n}\n\n.detailed-status {\n  background: lighten($ui-base-color, 4%);\n  padding: 14px 10px;\n\n  &--flex {\n    display: flex;\n    flex-wrap: wrap;\n    justify-content: space-between;\n    align-items: flex-start;\n\n    .status__content,\n    .detailed-status__meta {\n      flex: 100%;\n    }\n  }\n\n  .status__content {\n    font-size: 19px;\n    line-height: 24px;\n\n    .emojione {\n      width: 24px;\n      height: 24px;\n      margin: -1px 0 0;\n    }\n\n    .status__content__spoiler-link {\n      line-height: 24px;\n      margin: -1px 0 0;\n    }\n  }\n\n  .video-player,\n  .audio-player {\n    margin-top: 8px;\n  }\n}\n\n.detailed-status__meta {\n  margin-top: 15px;\n  color: $dark-text-color;\n  font-size: 14px;\n  line-height: 18px;\n}\n\n.detailed-status__action-bar {\n  background: lighten($ui-base-color, 4%);\n  border-top: 1px solid lighten($ui-base-color, 8%);\n  border-bottom: 1px solid lighten($ui-base-color, 8%);\n  display: flex;\n  flex-direction: row;\n  padding: 10px 0;\n}\n\n.detailed-status__link {\n  color: inherit;\n  text-decoration: none;\n}\n\n.detailed-status__favorites,\n.detailed-status__reblogs {\n  display: inline-block;\n  font-weight: 500;\n  font-size: 12px;\n  margin-left: 6px;\n}\n\n.reply-indicator__content {\n  color: $inverted-text-color;\n  font-size: 14px;\n\n  a {\n    color: $lighter-text-color;\n  }\n}\n\n.domain {\n  padding: 10px;\n  border-bottom: 1px solid lighten($ui-base-color, 8%);\n\n  .domain__domain-name {\n    flex: 1 1 auto;\n    display: block;\n    color: $primary-text-color;\n    text-decoration: none;\n    font-size: 14px;\n    font-weight: 500;\n  }\n}\n\n.domain__wrapper {\n  display: flex;\n}\n\n.domain_buttons {\n  height: 18px;\n  padding: 10px;\n  white-space: nowrap;\n}\n\n.account {\n  padding: 10px;\n  border-bottom: 1px solid lighten($ui-base-color, 8%);\n\n  &.compact {\n    padding: 0;\n    border-bottom: 0;\n\n    .account__avatar-wrapper {\n      margin-left: 0;\n    }\n  }\n\n  .account__display-name {\n    flex: 1 1 auto;\n    display: block;\n    color: $darker-text-color;\n    overflow: hidden;\n    text-decoration: none;\n    font-size: 14px;\n  }\n}\n\n.account__wrapper {\n  display: flex;\n}\n\n.account__avatar-wrapper {\n  float: left;\n  margin-left: 12px;\n  margin-right: 12px;\n}\n\n.account__avatar {\n  @include avatar-radius;\n  position: relative;\n\n  &-inline {\n    display: inline-block;\n    vertical-align: middle;\n    margin-right: 5px;\n  }\n\n  &-composite {\n    @include avatar-radius;\n    border-radius: 50%;\n    overflow: hidden;\n    position: relative;\n\n    & > div {\n      float: left;\n      position: relative;\n      box-sizing: border-box;\n    }\n\n    &__label {\n      display: block;\n      position: absolute;\n      top: 50%;\n      left: 50%;\n      transform: translate(-50%, -50%);\n      color: $primary-text-color;\n      text-shadow: 1px 1px 2px $base-shadow-color;\n      font-weight: 700;\n      font-size: 15px;\n    }\n  }\n}\n\na .account__avatar {\n  cursor: pointer;\n}\n\n.account__avatar-overlay {\n  @include avatar-size(48px);\n\n  &-base {\n    @include avatar-radius;\n    @include avatar-size(36px);\n  }\n\n  &-overlay {\n    @include avatar-radius;\n    @include avatar-size(24px);\n\n    position: absolute;\n    bottom: 0;\n    right: 0;\n    z-index: 1;\n  }\n}\n\n.account__relationship {\n  height: 18px;\n  padding: 10px;\n  white-space: nowrap;\n}\n\n.account__disclaimer {\n  padding: 10px;\n  border-top: 1px solid lighten($ui-base-color, 8%);\n  color: $dark-text-color;\n\n  strong {\n    font-weight: 500;\n\n    @each $lang in $cjk-langs {\n      &:lang(#{$lang}) {\n        font-weight: 700;\n      }\n    }\n  }\n\n  a {\n    font-weight: 500;\n    color: inherit;\n    text-decoration: underline;\n\n    &:hover,\n    &:focus,\n    &:active {\n      text-decoration: none;\n    }\n  }\n}\n\n.account__action-bar {\n  border-top: 1px solid lighten($ui-base-color, 8%);\n  border-bottom: 1px solid lighten($ui-base-color, 8%);\n  line-height: 36px;\n  overflow: hidden;\n  flex: 0 0 auto;\n  display: flex;\n}\n\n.account__action-bar-dropdown {\n  padding: 10px;\n\n  .icon-button {\n    vertical-align: middle;\n  }\n\n  .dropdown--active {\n    .dropdown__content.dropdown__right {\n      left: 6px;\n      right: initial;\n    }\n\n    &::after {\n      bottom: initial;\n      margin-left: 11px;\n      margin-top: -7px;\n      right: initial;\n    }\n  }\n}\n\n.account__action-bar-links {\n  display: flex;\n  flex: 1 1 auto;\n  line-height: 18px;\n  text-align: center;\n}\n\n.account__action-bar__tab {\n  text-decoration: none;\n  overflow: hidden;\n  flex: 0 1 100%;\n  border-right: 1px solid lighten($ui-base-color, 8%);\n  padding: 10px 0;\n  border-bottom: 4px solid transparent;\n\n  &.active {\n    border-bottom: 4px solid $ui-highlight-color;\n  }\n\n  & > span {\n    display: block;\n    text-transform: uppercase;\n    font-size: 11px;\n    color: $darker-text-color;\n  }\n\n  strong {\n    display: block;\n    font-size: 15px;\n    font-weight: 500;\n    color: $primary-text-color;\n\n    @each $lang in $cjk-langs {\n      &:lang(#{$lang}) {\n        font-weight: 700;\n      }\n    }\n  }\n}\n\n.account-authorize {\n  padding: 14px 10px;\n\n  .detailed-status__display-name {\n    display: block;\n    margin-bottom: 15px;\n    overflow: hidden;\n  }\n}\n\n.account-authorize__avatar {\n  float: left;\n  margin-right: 10px;\n}\n\n.status__display-name,\n.status__relative-time,\n.detailed-status__display-name,\n.detailed-status__datetime,\n.detailed-status__application,\n.account__display-name {\n  text-decoration: none;\n}\n\n.status__display-name,\n.account__display-name {\n  strong {\n    color: $primary-text-color;\n  }\n}\n\n.muted {\n  .emojione {\n    opacity: 0.5;\n  }\n}\n\n.status__display-name,\n.reply-indicator__display-name,\n.detailed-status__display-name,\na.account__display-name {\n  &:hover strong {\n    text-decoration: underline;\n  }\n}\n\n.account__display-name strong {\n  display: block;\n  overflow: hidden;\n  text-overflow: ellipsis;\n}\n\n.detailed-status__application,\n.detailed-status__datetime {\n  color: inherit;\n}\n\n.detailed-status .button.logo-button {\n  margin-bottom: 15px;\n}\n\n.detailed-status__display-name {\n  color: $secondary-text-color;\n  display: block;\n  line-height: 24px;\n  margin-bottom: 15px;\n  overflow: hidden;\n\n  strong,\n  span {\n    display: block;\n    text-overflow: ellipsis;\n    overflow: hidden;\n  }\n\n  strong {\n    font-size: 16px;\n    color: $primary-text-color;\n  }\n}\n\n.detailed-status__display-avatar {\n  float: left;\n  margin-right: 10px;\n}\n\n.status__avatar {\n  height: 48px;\n  left: 10px;\n  position: absolute;\n  top: 10px;\n  width: 48px;\n}\n\n.status__expand {\n  width: 68px;\n  position: absolute;\n  left: 0;\n  top: 0;\n  height: 100%;\n  cursor: pointer;\n}\n\n.muted {\n  .status__content,\n  .status__content p,\n  .status__content a {\n    color: $dark-text-color;\n  }\n\n  .status__display-name strong {\n    color: $dark-text-color;\n  }\n\n  .status__avatar {\n    opacity: 0.5;\n  }\n\n  a.status__content__spoiler-link {\n    background: $ui-base-lighter-color;\n    color: $inverted-text-color;\n\n    &:hover {\n      background: lighten($ui-base-lighter-color, 7%);\n      text-decoration: none;\n    }\n  }\n}\n\n.notification__message {\n  margin: 0 10px 0 68px;\n  padding: 8px 0 0;\n  cursor: default;\n  color: $darker-text-color;\n  font-size: 15px;\n  line-height: 22px;\n  position: relative;\n\n  .fa {\n    color: $highlight-text-color;\n  }\n\n  > span {\n    display: inline;\n    overflow: hidden;\n    text-overflow: ellipsis;\n  }\n}\n\n.notification__favourite-icon-wrapper {\n  left: -26px;\n  position: absolute;\n\n  .star-icon {\n    color: $gold-star;\n  }\n}\n\n.star-icon.active {\n  color: $gold-star;\n}\n\n.bookmark-icon.active {\n  color: $red-bookmark;\n}\n\n.no-reduce-motion .icon-button.star-icon {\n  &.activate {\n    & > .fa-star {\n      animation: spring-rotate-in 1s linear;\n    }\n  }\n\n  &.deactivate {\n    & > .fa-star {\n      animation: spring-rotate-out 1s linear;\n    }\n  }\n}\n\n.notification__display-name {\n  color: inherit;\n  font-weight: 500;\n  text-decoration: none;\n\n  &:hover {\n    color: $primary-text-color;\n    text-decoration: underline;\n  }\n}\n\n.notification__relative_time {\n  float: right;\n}\n\n.display-name {\n  display: block;\n  max-width: 100%;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n\n.display-name__html {\n  font-weight: 500;\n}\n\n.display-name__account {\n  font-size: 14px;\n}\n\n.status__relative-time,\n.detailed-status__datetime {\n  &:hover {\n    text-decoration: underline;\n  }\n}\n\n.image-loader {\n  position: relative;\n  width: 100%;\n  height: 100%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  flex-direction: column;\n\n  .image-loader__preview-canvas {\n    max-width: $media-modal-media-max-width;\n    max-height: $media-modal-media-max-height;\n    background: url('~images/void.png') repeat;\n    object-fit: contain;\n  }\n\n  .loading-bar {\n    position: relative;\n  }\n\n  &.image-loader--amorphous .image-loader__preview-canvas {\n    display: none;\n  }\n}\n\n.zoomable-image {\n  position: relative;\n  width: 100%;\n  height: 100%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n\n  img {\n    max-width: $media-modal-media-max-width;\n    max-height: $media-modal-media-max-height;\n    width: auto;\n    height: auto;\n    object-fit: contain;\n  }\n}\n\n.navigation-bar {\n  padding: 10px;\n  display: flex;\n  align-items: center;\n  flex-shrink: 0;\n  cursor: default;\n  color: $darker-text-color;\n\n  strong {\n    color: $secondary-text-color;\n  }\n\n  a {\n    color: inherit;\n  }\n\n  .permalink {\n    text-decoration: none;\n  }\n\n  .navigation-bar__actions {\n    position: relative;\n\n    .icon-button.close {\n      position: absolute;\n      pointer-events: none;\n      transform: scale(0, 1) translate(-100%, 0);\n      opacity: 0;\n    }\n\n    .compose__action-bar .icon-button {\n      pointer-events: auto;\n      transform: scale(1, 1) translate(0, 0);\n      opacity: 1;\n    }\n  }\n}\n\n.navigation-bar__profile {\n  flex: 1 1 auto;\n  margin-left: 8px;\n  line-height: 20px;\n  margin-top: -1px;\n  overflow: hidden;\n}\n\n.navigation-bar__profile-account {\n  display: block;\n  font-weight: 500;\n  overflow: hidden;\n  text-overflow: ellipsis;\n}\n\n.navigation-bar__profile-edit {\n  color: inherit;\n  text-decoration: none;\n}\n\n.dropdown {\n  display: inline-block;\n}\n\n.dropdown__content {\n  display: none;\n  position: absolute;\n}\n\n.dropdown-menu__separator {\n  border-bottom: 1px solid darken($ui-secondary-color, 8%);\n  margin: 5px 7px 6px;\n  height: 0;\n}\n\n.dropdown-menu {\n  background: $ui-secondary-color;\n  padding: 4px 0;\n  border-radius: 4px;\n  box-shadow: 2px 4px 15px rgba($base-shadow-color, 0.4);\n  z-index: 9999;\n\n  ul {\n    list-style: none;\n  }\n\n  &.left {\n    transform-origin: 100% 50%;\n  }\n\n  &.top {\n    transform-origin: 50% 100%;\n  }\n\n  &.bottom {\n    transform-origin: 50% 0;\n  }\n\n  &.right {\n    transform-origin: 0 50%;\n  }\n}\n\n.dropdown-menu__arrow {\n  position: absolute;\n  width: 0;\n  height: 0;\n  border: 0 solid transparent;\n\n  &.left {\n    right: -5px;\n    margin-top: -5px;\n    border-width: 5px 0 5px 5px;\n    border-left-color: $ui-secondary-color;\n  }\n\n  &.top {\n    bottom: -5px;\n    margin-left: -7px;\n    border-width: 5px 7px 0;\n    border-top-color: $ui-secondary-color;\n  }\n\n  &.bottom {\n    top: -5px;\n    margin-left: -7px;\n    border-width: 0 7px 5px;\n    border-bottom-color: $ui-secondary-color;\n  }\n\n  &.right {\n    left: -5px;\n    margin-top: -5px;\n    border-width: 5px 5px 5px 0;\n    border-right-color: $ui-secondary-color;\n  }\n}\n\n.dropdown-menu__item {\n  a {\n    font-size: 13px;\n    line-height: 18px;\n    display: block;\n    padding: 4px 14px;\n    box-sizing: border-box;\n    text-decoration: none;\n    background: $ui-secondary-color;\n    color: $inverted-text-color;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n\n    &:focus,\n    &:hover,\n    &:active {\n      background: $ui-highlight-color;\n      color: $secondary-text-color;\n      outline: 0;\n    }\n  }\n}\n\n.dropdown--active .dropdown__content {\n  display: block;\n  line-height: 18px;\n  max-width: 311px;\n  right: 0;\n  text-align: left;\n  z-index: 9999;\n\n  & > ul {\n    list-style: none;\n    background: $ui-secondary-color;\n    padding: 4px 0;\n    border-radius: 4px;\n    box-shadow: 0 0 15px rgba($base-shadow-color, 0.4);\n    min-width: 140px;\n    position: relative;\n  }\n\n  &.dropdown__right {\n    right: 0;\n  }\n\n  &.dropdown__left {\n    & > ul {\n      left: -98px;\n    }\n  }\n\n  & > ul > li > a {\n    font-size: 13px;\n    line-height: 18px;\n    display: block;\n    padding: 4px 14px;\n    box-sizing: border-box;\n    text-decoration: none;\n    background: $ui-secondary-color;\n    color: $inverted-text-color;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n\n    &:focus {\n      outline: 0;\n    }\n\n    &:hover {\n      background: $ui-highlight-color;\n      color: $secondary-text-color;\n    }\n  }\n}\n\n.dropdown__icon {\n  vertical-align: middle;\n}\n\n.columns-area {\n  display: flex;\n  flex: 1 1 auto;\n  flex-direction: row;\n  justify-content: flex-start;\n  overflow-x: auto;\n  position: relative;\n\n  &.unscrollable {\n    overflow-x: hidden;\n  }\n\n  &__panels {\n    display: flex;\n    justify-content: center;\n    width: 100%;\n    height: 100%;\n    min-height: 100vh;\n\n    &__pane {\n      height: 100%;\n      overflow: hidden;\n      pointer-events: none;\n      display: flex;\n      justify-content: flex-end;\n      min-width: 285px;\n\n      &--start {\n        justify-content: flex-start;\n      }\n\n      &__inner {\n        position: fixed;\n        width: 285px;\n        pointer-events: auto;\n        height: 100%;\n      }\n    }\n\n    &__main {\n      box-sizing: border-box;\n      width: 100%;\n      max-width: 600px;\n      flex: 0 0 auto;\n      display: flex;\n      flex-direction: column;\n\n      @media screen and (min-width: $no-gap-breakpoint) {\n        padding: 0 10px;\n      }\n    }\n  }\n}\n\n.tabs-bar__wrapper {\n  background: darken($ui-base-color, 8%);\n  position: sticky;\n  top: 0;\n  z-index: 2;\n  padding-top: 0;\n\n  @media screen and (min-width: $no-gap-breakpoint) {\n    padding-top: 10px;\n  }\n\n  .tabs-bar {\n    margin-bottom: 0;\n\n    @media screen and (min-width: $no-gap-breakpoint) {\n      margin-bottom: 10px;\n    }\n  }\n}\n\n.react-swipeable-view-container {\n  &,\n  .columns-area,\n  .drawer,\n  .column {\n    height: 100%;\n  }\n}\n\n.react-swipeable-view-container > * {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  height: 100%;\n}\n\n.column {\n  width: 350px;\n  position: relative;\n  box-sizing: border-box;\n  display: flex;\n  flex-direction: column;\n\n  > .scrollable {\n    background: $ui-base-color;\n    border-bottom-left-radius: 2px;\n    border-bottom-right-radius: 2px;\n  }\n}\n\n.ui {\n  flex: 0 0 auto;\n  display: flex;\n  flex-direction: column;\n  width: 100%;\n  height: 100%;\n}\n\n.drawer {\n  width: 330px;\n  box-sizing: border-box;\n  display: flex;\n  flex-direction: column;\n  overflow-y: hidden;\n}\n\n.drawer__tab {\n  display: block;\n  flex: 1 1 auto;\n  padding: 15px 5px 13px;\n  color: $darker-text-color;\n  text-decoration: none;\n  text-align: center;\n  font-size: 16px;\n  border-bottom: 2px solid transparent;\n}\n\n.column,\n.drawer {\n  flex: 1 1 auto;\n  overflow: hidden;\n}\n\n@media screen and (min-width: 631px) {\n  .columns-area {\n    padding: 0;\n  }\n\n  .column,\n  .drawer {\n    flex: 0 0 auto;\n    padding: 10px;\n    padding-left: 5px;\n    padding-right: 5px;\n\n    &:first-child {\n      padding-left: 10px;\n    }\n\n    &:last-child {\n      padding-right: 10px;\n    }\n  }\n\n  .columns-area > div {\n    .column,\n    .drawer {\n      padding-left: 5px;\n      padding-right: 5px;\n    }\n  }\n}\n\n.tabs-bar {\n  box-sizing: border-box;\n  display: flex;\n  background: lighten($ui-base-color, 8%);\n  flex: 0 0 auto;\n  overflow-y: auto;\n}\n\n.tabs-bar__link {\n  display: block;\n  flex: 1 1 auto;\n  padding: 15px 10px;\n  padding-bottom: 13px;\n  color: $primary-text-color;\n  text-decoration: none;\n  text-align: center;\n  font-size: 14px;\n  font-weight: 500;\n  border-bottom: 2px solid lighten($ui-base-color, 8%);\n  transition: all 50ms linear;\n  transition-property: border-bottom, background, color;\n\n  .fa {\n    font-weight: 400;\n    font-size: 16px;\n  }\n\n  &:hover,\n  &:focus,\n  &:active {\n    @media screen and (min-width: 631px) {\n      background: lighten($ui-base-color, 14%);\n      border-bottom-color: lighten($ui-base-color, 14%);\n    }\n  }\n\n  &.active {\n    border-bottom: 2px solid $highlight-text-color;\n    color: $highlight-text-color;\n  }\n\n  span {\n    margin-left: 5px;\n    display: none;\n  }\n}\n\n@media screen and (min-width: 600px) {\n  .tabs-bar__link {\n    span {\n      display: inline;\n    }\n  }\n}\n\n.columns-area--mobile {\n  flex-direction: column;\n  width: 100%;\n  height: 100%;\n  margin: 0 auto;\n\n  .column,\n  .drawer {\n    width: 100%;\n    height: 100%;\n    padding: 0;\n  }\n\n  .directory__list {\n    display: grid;\n    grid-gap: 10px;\n    grid-template-columns: minmax(0, 50%) minmax(0, 50%);\n\n    @media screen and (max-width: $no-gap-breakpoint) {\n      display: block;\n    }\n  }\n\n  .directory__card {\n    margin-bottom: 0;\n  }\n\n  .filter-form {\n    display: flex;\n  }\n\n  .autosuggest-textarea__textarea {\n    font-size: 16px;\n  }\n\n  .search__input {\n    line-height: 18px;\n    font-size: 16px;\n    padding: 15px;\n    padding-right: 30px;\n  }\n\n  .search__icon .fa {\n    top: 15px;\n  }\n\n  .scrollable {\n    overflow: visible;\n\n    @supports(display: grid) {\n      contain: content;\n    }\n  }\n\n  @media screen and (min-width: $no-gap-breakpoint) {\n    padding: 10px 0;\n    padding-top: 0;\n  }\n\n  @media screen and (min-width: 630px) {\n    .detailed-status {\n      padding: 15px;\n\n      .media-gallery,\n      .video-player,\n      .audio-player {\n        margin-top: 15px;\n      }\n    }\n\n    .account__header__bar {\n      padding: 5px 10px;\n    }\n\n    .navigation-bar,\n    .compose-form {\n      padding: 15px;\n    }\n\n    .compose-form .compose-form__publish .compose-form__publish-button-wrapper {\n      padding-top: 15px;\n    }\n\n    .status {\n      padding: 15px 15px 15px (48px + 15px * 2);\n      min-height: 48px + 2px;\n\n      &__avatar {\n        left: 15px;\n        top: 17px;\n      }\n\n      &__content {\n        padding-top: 5px;\n      }\n\n      &__prepend {\n        margin-left: 48px + 15px * 2;\n        padding-top: 15px;\n      }\n\n      &__prepend-icon-wrapper {\n        left: -32px;\n      }\n\n      .media-gallery,\n      &__action-bar,\n      .video-player,\n      .audio-player {\n        margin-top: 10px;\n      }\n    }\n\n    .account {\n      padding: 15px 10px;\n\n      &__header__bio {\n        margin: 0 -10px;\n      }\n    }\n\n    .notification {\n      &__message {\n        margin-left: 48px + 15px * 2;\n        padding-top: 15px;\n      }\n\n      &__favourite-icon-wrapper {\n        left: -32px;\n      }\n\n      .status {\n        padding-top: 8px;\n      }\n\n      .account {\n        padding-top: 8px;\n      }\n\n      .account__avatar-wrapper {\n        margin-left: 17px;\n        margin-right: 15px;\n      }\n    }\n  }\n}\n\n.floating-action-button {\n  position: fixed;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  width: 3.9375rem;\n  height: 3.9375rem;\n  bottom: 1.3125rem;\n  right: 1.3125rem;\n  background: darken($ui-highlight-color, 3%);\n  color: $white;\n  border-radius: 50%;\n  font-size: 21px;\n  line-height: 21px;\n  text-decoration: none;\n  box-shadow: 2px 3px 9px rgba($base-shadow-color, 0.4);\n\n  &:hover,\n  &:focus,\n  &:active {\n    background: lighten($ui-highlight-color, 7%);\n  }\n}\n\n@media screen and (min-width: $no-gap-breakpoint) {\n  .tabs-bar {\n    width: 100%;\n  }\n\n  .react-swipeable-view-container .columns-area--mobile {\n    height: calc(100% - 10px) !important;\n  }\n\n  .getting-started__wrapper,\n  .getting-started__trends,\n  .search {\n    margin-bottom: 10px;\n  }\n\n  .getting-started__panel {\n    margin: 10px 0;\n  }\n\n  .column,\n  .drawer {\n    min-width: 330px;\n  }\n}\n\n@media screen and (max-width: 600px + (285px * 1) + (10px * 1)) {\n  .columns-area__panels__pane--compositional {\n    display: none;\n  }\n}\n\n@media screen and (min-width: 600px + (285px * 1) + (10px * 1)) {\n  .floating-action-button,\n  .tabs-bar__link.optional {\n    display: none;\n  }\n\n  .search-page .search {\n    display: none;\n  }\n}\n\n@media screen and (max-width: 600px + (285px * 2) + (10px * 2)) {\n  .columns-area__panels__pane--navigational {\n    display: none;\n  }\n}\n\n@media screen and (min-width: 600px + (285px * 2) + (10px * 2)) {\n  .tabs-bar {\n    display: none;\n  }\n}\n\n.icon-with-badge {\n  position: relative;\n\n  &__badge {\n    position: absolute;\n    left: 9px;\n    top: -13px;\n    background: $ui-highlight-color;\n    border: 2px solid lighten($ui-base-color, 8%);\n    padding: 1px 6px;\n    border-radius: 6px;\n    font-size: 10px;\n    font-weight: 500;\n    line-height: 14px;\n    color: $primary-text-color;\n  }\n}\n\n.column-link--transparent .icon-with-badge__badge {\n  border-color: darken($ui-base-color, 8%);\n}\n\n.compose-panel {\n  width: 285px;\n  margin-top: 10px;\n  display: flex;\n  flex-direction: column;\n  height: calc(100% - 10px);\n  overflow-y: hidden;\n\n  .navigation-bar {\n    padding-top: 20px;\n    padding-bottom: 20px;\n    flex: 0 1 48px;\n    min-height: 20px;\n  }\n\n  .flex-spacer {\n    background: transparent;\n  }\n\n  .compose-form {\n    flex: 1;\n    overflow-y: hidden;\n    display: flex;\n    flex-direction: column;\n    min-height: 310px;\n    padding-bottom: 71px;\n    margin-bottom: -71px;\n  }\n\n  .compose-form__autosuggest-wrapper {\n    overflow-y: auto;\n    background-color: $white;\n    border-radius: 4px 4px 0 0;\n    flex: 0 1 auto;\n  }\n\n  .autosuggest-textarea__textarea {\n    overflow-y: hidden;\n  }\n\n  .compose-form__upload-thumbnail {\n    height: 80px;\n  }\n}\n\n.navigation-panel {\n  margin-top: 10px;\n  margin-bottom: 10px;\n  height: calc(100% - 20px);\n  overflow-y: auto;\n  display: flex;\n  flex-direction: column;\n\n  & > a {\n    flex: 0 0 auto;\n  }\n\n  hr {\n    flex: 0 0 auto;\n    border: 0;\n    background: transparent;\n    border-top: 1px solid lighten($ui-base-color, 4%);\n    margin: 10px 0;\n  }\n\n  .flex-spacer {\n    background: transparent;\n  }\n}\n\n.drawer__pager {\n  box-sizing: border-box;\n  padding: 0;\n  flex-grow: 1;\n  position: relative;\n  overflow: hidden;\n  display: flex;\n}\n\n.drawer__inner {\n  position: absolute;\n  top: 0;\n  left: 0;\n  background: lighten($ui-base-color, 13%);\n  box-sizing: border-box;\n  padding: 0;\n  display: flex;\n  flex-direction: column;\n  overflow: hidden;\n  overflow-y: auto;\n  width: 100%;\n  height: 100%;\n  border-radius: 2px;\n\n  &.darker {\n    background: $ui-base-color;\n  }\n}\n\n.drawer__inner__mastodon {\n  background: lighten($ui-base-color, 13%) url('data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 234.80078 31.757813\" width=\"234.80078\" height=\"31.757812\"><path d=\"M19.599609 0c-1.05 0-2.10039.375-2.90039 1.125L0 16.925781v14.832031h234.80078V17.025391l-16.5-15.900391c-1.6-1.5-4.20078-1.5-5.80078 0l-13.80078 13.099609c-1.6 1.5-4.19883 1.5-5.79883 0L179.09961 1.125c-1.6-1.5-4.19883-1.5-5.79883 0L159.5 14.224609c-1.6 1.5-4.20078 1.5-5.80078 0L139.90039 1.125c-1.6-1.5-4.20078-1.5-5.80078 0l-13.79883 13.099609c-1.6 1.5-4.20078 1.5-5.80078 0L100.69922 1.125c-1.600001-1.5-4.198829-1.5-5.798829 0l-13.59961 13.099609c-1.6 1.5-4.200781 1.5-5.800781 0L61.699219 1.125c-1.6-1.5-4.198828-1.5-5.798828 0L42.099609 14.224609c-1.6 1.5-4.198828 1.5-5.798828 0L22.5 1.125C21.7.375 20.649609 0 19.599609 0z\" fill=\"#{hex-color($ui-base-color)}\"/></svg>') no-repeat bottom / 100% auto;\n  flex: 1;\n  min-height: 47px;\n  display: none;\n\n  > img {\n    display: block;\n    object-fit: contain;\n    object-position: bottom left;\n    width: 85%;\n    height: 100%;\n    pointer-events: none;\n    user-drag: none;\n    user-select: none;\n  }\n\n  @media screen and (min-height: 640px) {\n    display: block;\n  }\n}\n\n.pseudo-drawer {\n  background: lighten($ui-base-color, 13%);\n  font-size: 13px;\n  text-align: left;\n}\n\n.drawer__header {\n  flex: 0 0 auto;\n  font-size: 16px;\n  background: lighten($ui-base-color, 8%);\n  margin-bottom: 10px;\n  display: flex;\n  flex-direction: row;\n  border-radius: 2px;\n\n  a {\n    transition: background 100ms ease-in;\n\n    &:hover {\n      background: lighten($ui-base-color, 3%);\n      transition: background 200ms ease-out;\n    }\n  }\n}\n\n.scrollable {\n  overflow-y: scroll;\n  overflow-x: hidden;\n  flex: 1 1 auto;\n  -webkit-overflow-scrolling: touch;\n\n  &.optionally-scrollable {\n    overflow-y: auto;\n  }\n\n  @supports(display: grid) { // hack to fix Chrome <57\n    contain: strict;\n  }\n\n  &--flex {\n    display: flex;\n    flex-direction: column;\n  }\n\n  &__append {\n    flex: 1 1 auto;\n    position: relative;\n    min-height: 120px;\n  }\n}\n\n.scrollable.fullscreen {\n  @supports(display: grid) { // hack to fix Chrome <57\n    contain: none;\n  }\n}\n\n.column-back-button {\n  box-sizing: border-box;\n  width: 100%;\n  background: lighten($ui-base-color, 4%);\n  color: $highlight-text-color;\n  cursor: pointer;\n  flex: 0 0 auto;\n  font-size: 16px;\n  line-height: inherit;\n  border: 0;\n  text-align: unset;\n  padding: 15px;\n  margin: 0;\n  z-index: 3;\n  outline: 0;\n\n  &:hover {\n    text-decoration: underline;\n  }\n}\n\n.column-header__back-button {\n  background: lighten($ui-base-color, 4%);\n  border: 0;\n  font-family: inherit;\n  color: $highlight-text-color;\n  cursor: pointer;\n  white-space: nowrap;\n  font-size: 16px;\n  padding: 0 5px 0 0;\n  z-index: 3;\n\n  &:hover {\n    text-decoration: underline;\n  }\n\n  &:last-child {\n    padding: 0 15px 0 0;\n  }\n}\n\n.column-back-button__icon {\n  display: inline-block;\n  margin-right: 5px;\n}\n\n.column-back-button--slim {\n  position: relative;\n}\n\n.column-back-button--slim-button {\n  cursor: pointer;\n  flex: 0 0 auto;\n  font-size: 16px;\n  padding: 15px;\n  position: absolute;\n  right: 0;\n  top: -48px;\n}\n\n.react-toggle {\n  display: inline-block;\n  position: relative;\n  cursor: pointer;\n  background-color: transparent;\n  border: 0;\n  padding: 0;\n  user-select: none;\n  -webkit-tap-highlight-color: rgba($base-overlay-background, 0);\n  -webkit-tap-highlight-color: transparent;\n}\n\n.react-toggle-screenreader-only {\n  border: 0;\n  clip: rect(0 0 0 0);\n  height: 1px;\n  margin: -1px;\n  overflow: hidden;\n  padding: 0;\n  position: absolute;\n  width: 1px;\n}\n\n.react-toggle--disabled {\n  cursor: not-allowed;\n  opacity: 0.5;\n  transition: opacity 0.25s;\n}\n\n.react-toggle-track {\n  width: 50px;\n  height: 24px;\n  padding: 0;\n  border-radius: 30px;\n  background-color: $ui-base-color;\n  transition: background-color 0.2s ease;\n}\n\n.react-toggle:hover:not(.react-toggle--disabled) .react-toggle-track {\n  background-color: darken($ui-base-color, 10%);\n}\n\n.react-toggle--checked .react-toggle-track {\n  background-color: $ui-highlight-color;\n}\n\n.react-toggle--checked:hover:not(.react-toggle--disabled) .react-toggle-track {\n  background-color: lighten($ui-highlight-color, 10%);\n}\n\n.react-toggle-track-check {\n  position: absolute;\n  width: 14px;\n  height: 10px;\n  top: 0;\n  bottom: 0;\n  margin-top: auto;\n  margin-bottom: auto;\n  line-height: 0;\n  left: 8px;\n  opacity: 0;\n  transition: opacity 0.25s ease;\n}\n\n.react-toggle--checked .react-toggle-track-check {\n  opacity: 1;\n  transition: opacity 0.25s ease;\n}\n\n.react-toggle-track-x {\n  position: absolute;\n  width: 10px;\n  height: 10px;\n  top: 0;\n  bottom: 0;\n  margin-top: auto;\n  margin-bottom: auto;\n  line-height: 0;\n  right: 10px;\n  opacity: 1;\n  transition: opacity 0.25s ease;\n}\n\n.react-toggle--checked .react-toggle-track-x {\n  opacity: 0;\n}\n\n.react-toggle-thumb {\n  position: absolute;\n  top: 1px;\n  left: 1px;\n  width: 22px;\n  height: 22px;\n  border: 1px solid $ui-base-color;\n  border-radius: 50%;\n  background-color: darken($simple-background-color, 2%);\n  box-sizing: border-box;\n  transition: all 0.25s ease;\n  transition-property: border-color, left;\n}\n\n.react-toggle--checked .react-toggle-thumb {\n  left: 27px;\n  border-color: $ui-highlight-color;\n}\n\n.column-link {\n  background: lighten($ui-base-color, 8%);\n  color: $primary-text-color;\n  display: block;\n  font-size: 16px;\n  padding: 15px;\n  text-decoration: none;\n\n  &:hover,\n  &:focus,\n  &:active {\n    background: lighten($ui-base-color, 11%);\n  }\n\n  &:focus {\n    outline: 0;\n  }\n\n  &--transparent {\n    background: transparent;\n    color: $ui-secondary-color;\n\n    &:hover,\n    &:focus,\n    &:active {\n      background: transparent;\n      color: $primary-text-color;\n    }\n\n    &.active {\n      color: $ui-highlight-color;\n    }\n  }\n}\n\n.column-link__icon {\n  display: inline-block;\n  margin-right: 5px;\n}\n\n.column-link__badge {\n  display: inline-block;\n  border-radius: 4px;\n  font-size: 12px;\n  line-height: 19px;\n  font-weight: 500;\n  background: $ui-base-color;\n  padding: 4px 8px;\n  margin: -6px 10px;\n}\n\n.column-subheading {\n  background: $ui-base-color;\n  color: $dark-text-color;\n  padding: 8px 20px;\n  font-size: 12px;\n  font-weight: 500;\n  text-transform: uppercase;\n  cursor: default;\n}\n\n.getting-started__wrapper,\n.getting-started,\n.flex-spacer {\n  background: $ui-base-color;\n}\n\n.flex-spacer {\n  flex: 1 1 auto;\n}\n\n.getting-started {\n  color: $dark-text-color;\n  overflow: auto;\n  border-bottom-left-radius: 2px;\n  border-bottom-right-radius: 2px;\n\n  &__wrapper,\n  &__panel,\n  &__footer {\n    height: min-content;\n  }\n\n  &__panel,\n  &__footer\n  {\n    padding: 10px;\n    padding-top: 20px;\n    flex-grow: 0;\n\n    ul {\n      margin-bottom: 10px;\n    }\n\n    ul li {\n      display: inline;\n    }\n\n    p {\n      font-size: 13px;\n\n      a {\n        color: $dark-text-color;\n        text-decoration: underline;\n      }\n    }\n\n    a {\n      text-decoration: none;\n      color: $darker-text-color;\n\n      &:hover,\n      &:focus,\n      &:active {\n        text-decoration: underline;\n      }\n    }\n  }\n\n  &__wrapper,\n  &__footer\n  {\n    color: $dark-text-color;\n  }\n\n  &__trends {\n    flex: 0 1 auto;\n    opacity: 1;\n    animation: fade 150ms linear;\n    margin-top: 10px;\n\n    h4 {\n      font-size: 12px;\n      text-transform: uppercase;\n      color: $darker-text-color;\n      padding: 10px;\n      font-weight: 500;\n      border-bottom: 1px solid lighten($ui-base-color, 8%);\n    }\n\n    @media screen and (max-height: 810px) {\n      .trends__item:nth-child(3) {\n        display: none;\n      }\n    }\n\n    @media screen and (max-height: 720px) {\n      .trends__item:nth-child(2) {\n        display: none;\n      }\n    }\n\n    @media screen and (max-height: 670px) {\n      display: none;\n    }\n\n    .trends__item {\n      border-bottom: 0;\n      padding: 10px;\n\n      &__current {\n        color: $darker-text-color;\n      }\n    }\n  }\n}\n\n.keyboard-shortcuts {\n  padding: 8px 0 0;\n  overflow: hidden;\n\n  thead {\n    position: absolute;\n    left: -9999px;\n  }\n\n  td {\n    padding: 0 10px 8px;\n  }\n\n  kbd {\n    display: inline-block;\n    padding: 3px 5px;\n    background-color: lighten($ui-base-color, 8%);\n    border: 1px solid darken($ui-base-color, 4%);\n  }\n}\n\n.setting-text {\n  display: block;\n  box-sizing: border-box;\n  width: 100%;\n  margin: 0;\n  color: $inverted-text-color;\n  background: $simple-background-color;\n  padding: 10px;\n  font-family: inherit;\n  font-size: 14px;\n  resize: vertical;\n  border: 0;\n  outline: 0;\n  border-radius: 4px;\n\n  &:focus {\n    outline: 0;\n  }\n\n  @media screen and (max-width: 600px) {\n    font-size: 16px;\n  }\n}\n\n.no-reduce-motion button.icon-button i.fa-retweet {\n  background-position: 0 0;\n  height: 19px;\n  transition: background-position 0.9s steps(10);\n  transition-duration: 0s;\n  vertical-align: middle;\n  width: 22px;\n\n  &::before {\n    display: none !important;\n  }\n\n}\n\n.no-reduce-motion button.icon-button.active i.fa-retweet {\n  transition-duration: 0.9s;\n  background-position: 0 100%;\n}\n\n.reduce-motion button.icon-button i.fa-retweet {\n  color: $action-button-color;\n  transition: color 100ms ease-in;\n}\n\n.reduce-motion button.icon-button.active i.fa-retweet {\n  color: $highlight-text-color;\n}\n\n.status-card {\n  display: flex;\n  font-size: 14px;\n  border: 1px solid lighten($ui-base-color, 8%);\n  border-radius: 4px;\n  color: $dark-text-color;\n  margin-top: 14px;\n  text-decoration: none;\n  overflow: hidden;\n\n  &__actions {\n    bottom: 0;\n    left: 0;\n    position: absolute;\n    right: 0;\n    top: 0;\n    display: flex;\n    justify-content: center;\n    align-items: center;\n\n    & > div {\n      background: rgba($base-shadow-color, 0.6);\n      border-radius: 8px;\n      padding: 12px 9px;\n      flex: 0 0 auto;\n      display: flex;\n      justify-content: center;\n      align-items: center;\n    }\n\n    button,\n    a {\n      display: inline;\n      color: $secondary-text-color;\n      background: transparent;\n      border: 0;\n      padding: 0 8px;\n      text-decoration: none;\n      font-size: 18px;\n      line-height: 18px;\n\n      &:hover,\n      &:active,\n      &:focus {\n        color: $primary-text-color;\n      }\n    }\n\n    a {\n      font-size: 19px;\n      position: relative;\n      bottom: -1px;\n    }\n  }\n}\n\na.status-card {\n  cursor: pointer;\n\n  &:hover {\n    background: lighten($ui-base-color, 8%);\n  }\n}\n\n.status-card-photo {\n  cursor: zoom-in;\n  display: block;\n  text-decoration: none;\n  width: 100%;\n  height: auto;\n  margin: 0;\n}\n\n.status-card-video {\n  iframe {\n    width: 100%;\n    height: 100%;\n  }\n}\n\n.status-card__title {\n  display: block;\n  font-weight: 500;\n  margin-bottom: 5px;\n  color: $darker-text-color;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  text-decoration: none;\n}\n\n.status-card__content {\n  flex: 1 1 auto;\n  overflow: hidden;\n  padding: 14px 14px 14px 8px;\n}\n\n.status-card__description {\n  color: $darker-text-color;\n}\n\n.status-card__host {\n  display: block;\n  margin-top: 5px;\n  font-size: 13px;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n\n.status-card__image {\n  flex: 0 0 100px;\n  background: lighten($ui-base-color, 8%);\n  position: relative;\n\n  & > .fa {\n    font-size: 21px;\n    position: absolute;\n    transform-origin: 50% 50%;\n    top: 50%;\n    left: 50%;\n    transform: translate(-50%, -50%);\n  }\n}\n\n.status-card.horizontal {\n  display: block;\n\n  .status-card__image {\n    width: 100%;\n  }\n\n  .status-card__image-image {\n    border-radius: 4px 4px 0 0;\n  }\n\n  .status-card__title {\n    white-space: inherit;\n  }\n}\n\n.status-card.compact {\n  border-color: lighten($ui-base-color, 4%);\n\n  &.interactive {\n    border: 0;\n  }\n\n  .status-card__content {\n    padding: 8px;\n    padding-top: 10px;\n  }\n\n  .status-card__title {\n    white-space: nowrap;\n  }\n\n  .status-card__image {\n    flex: 0 0 60px;\n  }\n}\n\na.status-card.compact:hover {\n  background-color: lighten($ui-base-color, 4%);\n}\n\n.status-card__image-image {\n  border-radius: 4px 0 0 4px;\n  display: block;\n  margin: 0;\n  width: 100%;\n  height: 100%;\n  object-fit: cover;\n  background-size: cover;\n  background-position: center center;\n}\n\n.load-more {\n  display: block;\n  color: $dark-text-color;\n  background-color: transparent;\n  border: 0;\n  font-size: inherit;\n  text-align: center;\n  line-height: inherit;\n  margin: 0;\n  padding: 15px;\n  box-sizing: border-box;\n  width: 100%;\n  clear: both;\n  text-decoration: none;\n\n  &:hover {\n    background: lighten($ui-base-color, 2%);\n  }\n}\n\n.load-gap {\n  border-bottom: 1px solid lighten($ui-base-color, 8%);\n}\n\n.regeneration-indicator {\n  text-align: center;\n  font-size: 16px;\n  font-weight: 500;\n  color: $dark-text-color;\n  background: $ui-base-color;\n  cursor: default;\n  display: flex;\n  flex: 1 1 auto;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  padding: 20px;\n\n  &__figure {\n    &,\n    img {\n      display: block;\n      width: auto;\n      height: 160px;\n      margin: 0;\n    }\n  }\n\n  &--without-header {\n    padding-top: 20px + 48px;\n  }\n\n  &__label {\n    margin-top: 30px;\n\n    strong {\n      display: block;\n      margin-bottom: 10px;\n      color: $dark-text-color;\n    }\n\n    span {\n      font-size: 15px;\n      font-weight: 400;\n    }\n  }\n}\n\n.column-header__wrapper {\n  position: relative;\n  flex: 0 0 auto;\n  z-index: 1;\n\n  &.active {\n    box-shadow: 0 1px 0 rgba($highlight-text-color, 0.3);\n\n    &::before {\n      display: block;\n      content: \"\";\n      position: absolute;\n      bottom: -13px;\n      left: 0;\n      right: 0;\n      margin: 0 auto;\n      width: 60%;\n      pointer-events: none;\n      height: 28px;\n      z-index: 1;\n      background: radial-gradient(ellipse, rgba($ui-highlight-color, 0.23) 0%, rgba($ui-highlight-color, 0) 60%);\n    }\n  }\n\n  .announcements {\n    z-index: 1;\n    position: relative;\n  }\n}\n\n.column-header {\n  display: flex;\n  font-size: 16px;\n  background: lighten($ui-base-color, 4%);\n  flex: 0 0 auto;\n  cursor: pointer;\n  position: relative;\n  z-index: 2;\n  outline: 0;\n  overflow: hidden;\n  border-top-left-radius: 2px;\n  border-top-right-radius: 2px;\n\n  & > button {\n    margin: 0;\n    border: 0;\n    padding: 15px 0 15px 15px;\n    color: inherit;\n    background: transparent;\n    font: inherit;\n    text-align: left;\n    text-overflow: ellipsis;\n    overflow: hidden;\n    white-space: nowrap;\n    flex: 1;\n  }\n\n  & > .column-header__back-button {\n    color: $highlight-text-color;\n  }\n\n  &.active {\n    .column-header__icon {\n      color: $highlight-text-color;\n      text-shadow: 0 0 10px rgba($highlight-text-color, 0.4);\n    }\n  }\n\n  &:focus,\n  &:active {\n    outline: 0;\n  }\n}\n\n.column-header__buttons {\n  height: 48px;\n  display: flex;\n}\n\n.column-header__links {\n  margin-bottom: 14px;\n}\n\n.column-header__links .text-btn {\n  margin-right: 10px;\n}\n\n.column-header__button {\n  background: lighten($ui-base-color, 4%);\n  border: 0;\n  color: $darker-text-color;\n  cursor: pointer;\n  font-size: 16px;\n  padding: 0 15px;\n\n  &:hover {\n    color: lighten($darker-text-color, 7%);\n  }\n\n  &.active {\n    color: $primary-text-color;\n    background: lighten($ui-base-color, 8%);\n\n    &:hover {\n      color: $primary-text-color;\n      background: lighten($ui-base-color, 8%);\n    }\n  }\n}\n\n.column-header__collapsible {\n  max-height: 70vh;\n  overflow: hidden;\n  overflow-y: auto;\n  color: $darker-text-color;\n  transition: max-height 150ms ease-in-out, opacity 300ms linear;\n  opacity: 1;\n  z-index: 1;\n  position: relative;\n\n  &.collapsed {\n    max-height: 0;\n    opacity: 0.5;\n  }\n\n  &.animating {\n    overflow-y: hidden;\n  }\n\n  hr {\n    height: 0;\n    background: transparent;\n    border: 0;\n    border-top: 1px solid lighten($ui-base-color, 12%);\n    margin: 10px 0;\n  }\n}\n\n.column-header__collapsible-inner {\n  background: lighten($ui-base-color, 8%);\n  padding: 15px;\n}\n\n.column-header__setting-btn {\n  &:hover {\n    color: $darker-text-color;\n    text-decoration: underline;\n  }\n}\n\n.column-header__setting-arrows {\n  float: right;\n\n  .column-header__setting-btn {\n    padding: 0 10px;\n\n    &:last-child {\n      padding-right: 0;\n    }\n  }\n}\n\n.text-btn {\n  display: inline-block;\n  padding: 0;\n  font-family: inherit;\n  font-size: inherit;\n  color: inherit;\n  border: 0;\n  background: transparent;\n  cursor: pointer;\n}\n\n.column-header__icon {\n  display: inline-block;\n  margin-right: 5px;\n}\n\n.loading-indicator {\n  color: $dark-text-color;\n  font-size: 12px;\n  font-weight: 400;\n  text-transform: uppercase;\n  overflow: visible;\n  position: absolute;\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n\n  span {\n    display: block;\n    float: left;\n    margin-left: 50%;\n    transform: translateX(-50%);\n    margin: 82px 0 0 50%;\n    white-space: nowrap;\n  }\n}\n\n.loading-indicator__figure {\n  position: absolute;\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n  width: 42px;\n  height: 42px;\n  box-sizing: border-box;\n  background-color: transparent;\n  border: 0 solid lighten($ui-base-color, 26%);\n  border-width: 6px;\n  border-radius: 50%;\n}\n\n.no-reduce-motion .loading-indicator span {\n  animation: loader-label 1.15s infinite cubic-bezier(0.215, 0.61, 0.355, 1);\n}\n\n.no-reduce-motion .loading-indicator__figure {\n  animation: loader-figure 1.15s infinite cubic-bezier(0.215, 0.61, 0.355, 1);\n}\n\n@keyframes spring-rotate-in {\n  0% {\n    transform: rotate(0deg);\n  }\n\n  30% {\n    transform: rotate(-484.8deg);\n  }\n\n  60% {\n    transform: rotate(-316.7deg);\n  }\n\n  90% {\n    transform: rotate(-375deg);\n  }\n\n  100% {\n    transform: rotate(-360deg);\n  }\n}\n\n@keyframes spring-rotate-out {\n  0% {\n    transform: rotate(-360deg);\n  }\n\n  30% {\n    transform: rotate(124.8deg);\n  }\n\n  60% {\n    transform: rotate(-43.27deg);\n  }\n\n  90% {\n    transform: rotate(15deg);\n  }\n\n  100% {\n    transform: rotate(0deg);\n  }\n}\n\n@keyframes loader-figure {\n  0% {\n    width: 0;\n    height: 0;\n    background-color: lighten($ui-base-color, 26%);\n  }\n\n  29% {\n    background-color: lighten($ui-base-color, 26%);\n  }\n\n  30% {\n    width: 42px;\n    height: 42px;\n    background-color: transparent;\n    border-width: 21px;\n    opacity: 1;\n  }\n\n  100% {\n    width: 42px;\n    height: 42px;\n    border-width: 0;\n    opacity: 0;\n    background-color: transparent;\n  }\n}\n\n@keyframes loader-label {\n  0% { opacity: 0.25; }\n  30% { opacity: 1; }\n  100% { opacity: 0.25; }\n}\n\n.video-error-cover {\n  align-items: center;\n  background: $base-overlay-background;\n  color: $primary-text-color;\n  cursor: pointer;\n  display: flex;\n  flex-direction: column;\n  height: 100%;\n  justify-content: center;\n  margin-top: 8px;\n  position: relative;\n  text-align: center;\n  z-index: 100;\n}\n\n.media-spoiler {\n  background: $base-overlay-background;\n  color: $darker-text-color;\n  border: 0;\n  padding: 0;\n  width: 100%;\n  height: 100%;\n  border-radius: 4px;\n  appearance: none;\n\n  &:hover,\n  &:active,\n  &:focus {\n    padding: 0;\n    color: lighten($darker-text-color, 8%);\n  }\n}\n\n.media-spoiler__warning {\n  display: block;\n  font-size: 14px;\n}\n\n.media-spoiler__trigger {\n  display: block;\n  font-size: 11px;\n  font-weight: 700;\n}\n\n.spoiler-button {\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  position: absolute;\n  z-index: 100;\n\n  &--minified {\n    display: block;\n    left: 4px;\n    top: 4px;\n    width: auto;\n    height: auto;\n  }\n\n  &--click-thru {\n    pointer-events: none;\n  }\n\n  &--hidden {\n    display: none;\n  }\n\n  &__overlay {\n    display: block;\n    background: transparent;\n    width: 100%;\n    height: 100%;\n    border: 0;\n\n    &__label {\n      display: inline-block;\n      background: rgba($base-overlay-background, 0.5);\n      border-radius: 8px;\n      padding: 8px 12px;\n      color: $primary-text-color;\n      font-weight: 500;\n      font-size: 14px;\n    }\n\n    &:hover,\n    &:focus,\n    &:active {\n      .spoiler-button__overlay__label {\n        background: rgba($base-overlay-background, 0.8);\n      }\n    }\n\n    &:disabled {\n      .spoiler-button__overlay__label {\n        background: rgba($base-overlay-background, 0.5);\n      }\n    }\n  }\n}\n\n.modal-container--preloader {\n  background: lighten($ui-base-color, 8%);\n}\n\n.account--panel {\n  background: lighten($ui-base-color, 4%);\n  border-top: 1px solid lighten($ui-base-color, 8%);\n  border-bottom: 1px solid lighten($ui-base-color, 8%);\n  display: flex;\n  flex-direction: row;\n  padding: 10px 0;\n}\n\n.account--panel__button,\n.detailed-status__button {\n  flex: 1 1 auto;\n  text-align: center;\n}\n\n.column-settings__outer {\n  background: lighten($ui-base-color, 8%);\n  padding: 15px;\n}\n\n.column-settings__section {\n  color: $darker-text-color;\n  cursor: default;\n  display: block;\n  font-weight: 500;\n  margin-bottom: 10px;\n}\n\n.column-settings__hashtags {\n  .column-settings__row {\n    margin-bottom: 15px;\n  }\n\n  .column-select {\n    &__control {\n      @include search-input;\n\n      &::placeholder {\n        color: lighten($darker-text-color, 4%);\n      }\n\n      &::-moz-focus-inner {\n        border: 0;\n      }\n\n      &::-moz-focus-inner,\n      &:focus,\n      &:active {\n        outline: 0 !important;\n      }\n\n      &:focus {\n        background: lighten($ui-base-color, 4%);\n      }\n\n      @media screen and (max-width: 600px) {\n        font-size: 16px;\n      }\n    }\n\n    &__placeholder {\n      color: $dark-text-color;\n      padding-left: 2px;\n      font-size: 12px;\n    }\n\n    &__value-container {\n      padding-left: 6px;\n    }\n\n    &__multi-value {\n      background: lighten($ui-base-color, 8%);\n\n      &__remove {\n        cursor: pointer;\n\n        &:hover,\n        &:active,\n        &:focus {\n          background: lighten($ui-base-color, 12%);\n          color: lighten($darker-text-color, 4%);\n        }\n      }\n    }\n\n    &__multi-value__label,\n    &__input {\n      color: $darker-text-color;\n    }\n\n    &__clear-indicator,\n    &__dropdown-indicator {\n      cursor: pointer;\n      transition: none;\n      color: $dark-text-color;\n\n      &:hover,\n      &:active,\n      &:focus {\n        color: lighten($dark-text-color, 4%);\n      }\n    }\n\n    &__indicator-separator {\n      background-color: lighten($ui-base-color, 8%);\n    }\n\n    &__menu {\n      @include search-popout;\n      padding: 0;\n      background: $ui-secondary-color;\n    }\n\n    &__menu-list {\n      padding: 6px;\n    }\n\n    &__option {\n      color: $inverted-text-color;\n      border-radius: 4px;\n      font-size: 14px;\n\n      &--is-focused,\n      &--is-selected {\n        background: darken($ui-secondary-color, 10%);\n      }\n    }\n  }\n}\n\n.column-settings__row {\n  .text-btn {\n    margin-bottom: 15px;\n  }\n}\n\n.relationship-tag {\n  color: $primary-text-color;\n  margin-bottom: 4px;\n  display: block;\n  vertical-align: top;\n  background-color: $base-overlay-background;\n  text-transform: uppercase;\n  font-size: 11px;\n  font-weight: 500;\n  padding: 4px;\n  border-radius: 4px;\n  opacity: 0.7;\n\n  &:hover {\n    opacity: 1;\n  }\n}\n\n.setting-toggle {\n  display: block;\n  line-height: 24px;\n}\n\n.setting-toggle__label {\n  color: $darker-text-color;\n  display: inline-block;\n  margin-bottom: 14px;\n  margin-left: 8px;\n  vertical-align: middle;\n}\n\n.empty-column-indicator,\n.error-column,\n.follow_requests-unlocked_explanation {\n  color: $dark-text-color;\n  background: $ui-base-color;\n  text-align: center;\n  padding: 20px;\n  font-size: 15px;\n  font-weight: 400;\n  cursor: default;\n  display: flex;\n  flex: 1 1 auto;\n  align-items: center;\n  justify-content: center;\n\n  @supports(display: grid) { // hack to fix Chrome <57\n    contain: strict;\n  }\n\n  & > span {\n    max-width: 400px;\n  }\n\n  a {\n    color: $highlight-text-color;\n    text-decoration: none;\n\n    &:hover {\n      text-decoration: underline;\n    }\n  }\n}\n\n.follow_requests-unlocked_explanation {\n  background: darken($ui-base-color, 4%);\n  contain: initial;\n}\n\n.error-column {\n  flex-direction: column;\n}\n\n@keyframes heartbeat {\n  from {\n    transform: scale(1);\n    animation-timing-function: ease-out;\n  }\n\n  10% {\n    transform: scale(0.91);\n    animation-timing-function: ease-in;\n  }\n\n  17% {\n    transform: scale(0.98);\n    animation-timing-function: ease-out;\n  }\n\n  33% {\n    transform: scale(0.87);\n    animation-timing-function: ease-in;\n  }\n\n  45% {\n    transform: scale(1);\n    animation-timing-function: ease-out;\n  }\n}\n\n.no-reduce-motion .pulse-loading {\n  transform-origin: center center;\n  animation: heartbeat 1.5s ease-in-out infinite both;\n}\n\n@keyframes shake-bottom {\n  0%,\n  100% {\n    transform: rotate(0deg);\n    transform-origin: 50% 100%;\n  }\n\n  10% {\n    transform: rotate(2deg);\n  }\n\n  20%,\n  40%,\n  60% {\n    transform: rotate(-4deg);\n  }\n\n  30%,\n  50%,\n  70% {\n    transform: rotate(4deg);\n  }\n\n  80% {\n    transform: rotate(-2deg);\n  }\n\n  90% {\n    transform: rotate(2deg);\n  }\n}\n\n.no-reduce-motion .shake-bottom {\n  transform-origin: 50% 100%;\n  animation: shake-bottom 0.8s cubic-bezier(0.455, 0.03, 0.515, 0.955) 2s 2 both;\n}\n\n.emoji-picker-dropdown__menu {\n  background: $simple-background-color;\n  position: absolute;\n  box-shadow: 4px 4px 6px rgba($base-shadow-color, 0.4);\n  border-radius: 4px;\n  margin-top: 5px;\n  z-index: 2;\n\n  .emoji-mart-scroll {\n    transition: opacity 200ms ease;\n  }\n\n  &.selecting .emoji-mart-scroll {\n    opacity: 0.5;\n  }\n}\n\n.emoji-picker-dropdown__modifiers {\n  position: absolute;\n  top: 60px;\n  right: 11px;\n  cursor: pointer;\n}\n\n.emoji-picker-dropdown__modifiers__menu {\n  position: absolute;\n  z-index: 4;\n  top: -4px;\n  left: -8px;\n  background: $simple-background-color;\n  border-radius: 4px;\n  box-shadow: 1px 2px 6px rgba($base-shadow-color, 0.2);\n  overflow: hidden;\n\n  button {\n    display: block;\n    cursor: pointer;\n    border: 0;\n    padding: 4px 8px;\n    background: transparent;\n\n    &:hover,\n    &:focus,\n    &:active {\n      background: rgba($ui-secondary-color, 0.4);\n    }\n  }\n\n  .emoji-mart-emoji {\n    height: 22px;\n  }\n}\n\n.emoji-mart-emoji {\n  span {\n    background-repeat: no-repeat;\n  }\n}\n\n.upload-area {\n  align-items: center;\n  background: rgba($base-overlay-background, 0.8);\n  display: flex;\n  height: 100%;\n  justify-content: center;\n  left: 0;\n  opacity: 0;\n  position: absolute;\n  top: 0;\n  visibility: hidden;\n  width: 100%;\n  z-index: 2000;\n\n  * {\n    pointer-events: none;\n  }\n}\n\n.upload-area__drop {\n  width: 320px;\n  height: 160px;\n  display: flex;\n  box-sizing: border-box;\n  position: relative;\n  padding: 8px;\n}\n\n.upload-area__background {\n  position: absolute;\n  top: 0;\n  right: 0;\n  bottom: 0;\n  left: 0;\n  z-index: -1;\n  border-radius: 4px;\n  background: $ui-base-color;\n  box-shadow: 0 0 5px rgba($base-shadow-color, 0.2);\n}\n\n.upload-area__content {\n  flex: 1;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  color: $secondary-text-color;\n  font-size: 18px;\n  font-weight: 500;\n  border: 2px dashed $ui-base-lighter-color;\n  border-radius: 4px;\n}\n\n.upload-progress {\n  padding: 10px;\n  color: $lighter-text-color;\n  overflow: hidden;\n  display: flex;\n\n  .fa {\n    font-size: 34px;\n    margin-right: 10px;\n  }\n\n  span {\n    font-size: 12px;\n    text-transform: uppercase;\n    font-weight: 500;\n    display: block;\n  }\n}\n\n.upload-progess__message {\n  flex: 1 1 auto;\n}\n\n.upload-progress__backdrop {\n  width: 100%;\n  height: 6px;\n  border-radius: 6px;\n  background: $ui-base-lighter-color;\n  position: relative;\n  margin-top: 5px;\n}\n\n.upload-progress__tracker {\n  position: absolute;\n  left: 0;\n  top: 0;\n  height: 6px;\n  background: $ui-highlight-color;\n  border-radius: 6px;\n}\n\n.emoji-button {\n  display: block;\n  padding: 5px 5px 2px 2px;\n  outline: 0;\n  cursor: pointer;\n\n  &:active,\n  &:focus {\n    outline: 0 !important;\n  }\n\n  img {\n    filter: grayscale(100%);\n    opacity: 0.8;\n    display: block;\n    margin: 0;\n    width: 22px;\n    height: 22px;\n  }\n\n  &:hover,\n  &:active,\n  &:focus {\n    img {\n      opacity: 1;\n      filter: none;\n    }\n  }\n}\n\n.dropdown--active .emoji-button img {\n  opacity: 1;\n  filter: none;\n}\n\n.privacy-dropdown__dropdown {\n  position: absolute;\n  background: $simple-background-color;\n  box-shadow: 2px 4px 15px rgba($base-shadow-color, 0.4);\n  border-radius: 4px;\n  margin-left: 40px;\n  overflow: hidden;\n\n  &.top {\n    transform-origin: 50% 100%;\n  }\n\n  &.bottom {\n    transform-origin: 50% 0;\n  }\n}\n\n.privacy-dropdown__option {\n  color: $inverted-text-color;\n  padding: 10px;\n  cursor: pointer;\n  display: flex;\n\n  &:hover,\n  &.active {\n    background: $ui-highlight-color;\n    color: $primary-text-color;\n    outline: 0;\n\n    .privacy-dropdown__option__content {\n      color: $primary-text-color;\n\n      strong {\n        color: $primary-text-color;\n      }\n    }\n  }\n\n  &.active:hover {\n    background: lighten($ui-highlight-color, 4%);\n  }\n}\n\n.privacy-dropdown__option__icon {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  margin-right: 10px;\n}\n\n.privacy-dropdown__option__content {\n  flex: 1 1 auto;\n  color: $lighter-text-color;\n\n  strong {\n    font-weight: 500;\n    display: block;\n    color: $inverted-text-color;\n\n    @each $lang in $cjk-langs {\n      &:lang(#{$lang}) {\n        font-weight: 700;\n      }\n    }\n  }\n}\n\n.privacy-dropdown.active {\n  .privacy-dropdown__value {\n    background: $simple-background-color;\n    border-radius: 4px 4px 0 0;\n    box-shadow: 0 -4px 4px rgba($base-shadow-color, 0.1);\n\n    .icon-button {\n      transition: none;\n    }\n\n    &.active {\n      background: $ui-highlight-color;\n\n      .icon-button {\n        color: $primary-text-color;\n      }\n    }\n  }\n\n  &.top .privacy-dropdown__value {\n    border-radius: 0 0 4px 4px;\n  }\n\n  .privacy-dropdown__dropdown {\n    display: block;\n    box-shadow: 2px 4px 6px rgba($base-shadow-color, 0.1);\n  }\n}\n\n.search {\n  position: relative;\n}\n\n.search__input {\n  @include search-input;\n\n  display: block;\n  padding: 15px;\n  padding-right: 30px;\n  line-height: 18px;\n  font-size: 16px;\n\n  &::placeholder {\n    color: lighten($darker-text-color, 4%);\n  }\n\n  &::-moz-focus-inner {\n    border: 0;\n  }\n\n  &::-moz-focus-inner,\n  &:focus,\n  &:active {\n    outline: 0 !important;\n  }\n\n  &:focus {\n    background: lighten($ui-base-color, 4%);\n  }\n\n  @media screen and (max-width: 600px) {\n    font-size: 16px;\n  }\n}\n\n.search__icon {\n  &::-moz-focus-inner {\n    border: 0;\n  }\n\n  &::-moz-focus-inner,\n  &:focus {\n    outline: 0 !important;\n  }\n\n  .fa {\n    position: absolute;\n    top: 16px;\n    right: 10px;\n    z-index: 2;\n    display: inline-block;\n    opacity: 0;\n    transition: all 100ms linear;\n    transition-property: transform, opacity;\n    font-size: 18px;\n    width: 18px;\n    height: 18px;\n    color: $secondary-text-color;\n    cursor: default;\n    pointer-events: none;\n\n    &.active {\n      pointer-events: auto;\n      opacity: 0.3;\n    }\n  }\n\n  .fa-search {\n    transform: rotate(90deg);\n\n    &.active {\n      pointer-events: none;\n      transform: rotate(0deg);\n    }\n  }\n\n  .fa-times-circle {\n    top: 17px;\n    transform: rotate(0deg);\n    color: $action-button-color;\n    cursor: pointer;\n\n    &.active {\n      transform: rotate(90deg);\n    }\n\n    &:hover {\n      color: lighten($action-button-color, 7%);\n    }\n  }\n}\n\n.search-results__header {\n  color: $dark-text-color;\n  background: lighten($ui-base-color, 2%);\n  padding: 15px;\n  font-weight: 500;\n  font-size: 16px;\n  cursor: default;\n\n  .fa {\n    display: inline-block;\n    margin-right: 5px;\n  }\n}\n\n.search-results__section {\n  margin-bottom: 5px;\n\n  h5 {\n    background: darken($ui-base-color, 4%);\n    border-bottom: 1px solid lighten($ui-base-color, 8%);\n    cursor: default;\n    display: flex;\n    padding: 15px;\n    font-weight: 500;\n    font-size: 16px;\n    color: $dark-text-color;\n\n    .fa {\n      display: inline-block;\n      margin-right: 5px;\n    }\n  }\n\n  .account:last-child,\n  & > div:last-child .status {\n    border-bottom: 0;\n  }\n}\n\n.search-results__hashtag {\n  display: block;\n  padding: 10px;\n  color: $secondary-text-color;\n  text-decoration: none;\n\n  &:hover,\n  &:active,\n  &:focus {\n    color: lighten($secondary-text-color, 4%);\n    text-decoration: underline;\n  }\n}\n\n.search-results__info {\n  padding: 20px;\n  color: $darker-text-color;\n  text-align: center;\n}\n\n.modal-root {\n  position: relative;\n  transition: opacity 0.3s linear;\n  will-change: opacity;\n  z-index: 9999;\n}\n\n.modal-root__overlay {\n  position: fixed;\n  top: 0;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  background: rgba($base-overlay-background, 0.7);\n}\n\n.modal-root__container {\n  position: fixed;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  align-content: space-around;\n  z-index: 9999;\n  pointer-events: none;\n  user-select: none;\n}\n\n.modal-root__modal {\n  pointer-events: auto;\n  display: flex;\n  z-index: 9999;\n}\n\n.video-modal__container {\n  max-width: 100vw;\n  max-height: 100vh;\n}\n\n.audio-modal__container {\n  width: 50vw;\n}\n\n.media-modal {\n  width: 100%;\n  height: 100%;\n  position: relative;\n\n  .extended-video-player {\n    width: 100%;\n    height: 100%;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n\n    video {\n      max-width: $media-modal-media-max-width;\n      max-height: $media-modal-media-max-height;\n    }\n  }\n}\n\n.media-modal__closer {\n  position: absolute;\n  top: 0;\n  left: 0;\n  right: 0;\n  bottom: 0;\n}\n\n.media-modal__navigation {\n  position: absolute;\n  top: 0;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  pointer-events: none;\n  transition: opacity 0.3s linear;\n  will-change: opacity;\n\n  * {\n    pointer-events: auto;\n  }\n\n  &.media-modal__navigation--hidden {\n    opacity: 0;\n\n    * {\n      pointer-events: none;\n    }\n  }\n}\n\n.media-modal__nav {\n  background: rgba($base-overlay-background, 0.5);\n  box-sizing: border-box;\n  border: 0;\n  color: $primary-text-color;\n  cursor: pointer;\n  display: flex;\n  align-items: center;\n  font-size: 24px;\n  height: 20vmax;\n  margin: auto 0;\n  padding: 30px 15px;\n  position: absolute;\n  top: 0;\n  bottom: 0;\n}\n\n.media-modal__nav--left {\n  left: 0;\n}\n\n.media-modal__nav--right {\n  right: 0;\n}\n\n.media-modal__pagination {\n  width: 100%;\n  text-align: center;\n  position: absolute;\n  left: 0;\n  bottom: 20px;\n  pointer-events: none;\n}\n\n.media-modal__meta {\n  text-align: center;\n  position: absolute;\n  left: 0;\n  bottom: 20px;\n  width: 100%;\n  pointer-events: none;\n\n  &--shifted {\n    bottom: 62px;\n  }\n\n  a {\n    pointer-events: auto;\n    text-decoration: none;\n    font-weight: 500;\n    color: $ui-secondary-color;\n\n    &:hover,\n    &:focus,\n    &:active {\n      text-decoration: underline;\n    }\n  }\n}\n\n.media-modal__page-dot {\n  display: inline-block;\n}\n\n.media-modal__button {\n  background-color: $primary-text-color;\n  height: 12px;\n  width: 12px;\n  border-radius: 6px;\n  margin: 10px;\n  padding: 0;\n  border: 0;\n  font-size: 0;\n}\n\n.media-modal__button--active {\n  background-color: $highlight-text-color;\n}\n\n.media-modal__close {\n  position: absolute;\n  right: 8px;\n  top: 8px;\n  z-index: 100;\n}\n\n.onboarding-modal,\n.error-modal,\n.embed-modal {\n  background: $ui-secondary-color;\n  color: $inverted-text-color;\n  border-radius: 8px;\n  overflow: hidden;\n  display: flex;\n  flex-direction: column;\n}\n\n.error-modal__body {\n  height: 80vh;\n  width: 80vw;\n  max-width: 520px;\n  max-height: 420px;\n  position: relative;\n\n  & > div {\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n    box-sizing: border-box;\n    padding: 25px;\n    display: none;\n    flex-direction: column;\n    align-items: center;\n    justify-content: center;\n    display: flex;\n    opacity: 0;\n    user-select: text;\n  }\n}\n\n.error-modal__body {\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  align-items: center;\n  text-align: center;\n}\n\n.onboarding-modal__paginator,\n.error-modal__footer {\n  flex: 0 0 auto;\n  background: darken($ui-secondary-color, 8%);\n  display: flex;\n  padding: 25px;\n\n  & > div {\n    min-width: 33px;\n  }\n\n  .onboarding-modal__nav,\n  .error-modal__nav {\n    color: $lighter-text-color;\n    border: 0;\n    font-size: 14px;\n    font-weight: 500;\n    padding: 10px 25px;\n    line-height: inherit;\n    height: auto;\n    margin: -10px;\n    border-radius: 4px;\n    background-color: transparent;\n\n    &:hover,\n    &:focus,\n    &:active {\n      color: darken($lighter-text-color, 4%);\n      background-color: darken($ui-secondary-color, 16%);\n    }\n\n    &.onboarding-modal__done,\n    &.onboarding-modal__next {\n      color: $inverted-text-color;\n\n      &:hover,\n      &:focus,\n      &:active {\n        color: lighten($inverted-text-color, 4%);\n      }\n    }\n  }\n}\n\n.error-modal__footer {\n  justify-content: center;\n}\n\n.display-case {\n  text-align: center;\n  font-size: 15px;\n  margin-bottom: 15px;\n\n  &__label {\n    font-weight: 500;\n    color: $inverted-text-color;\n    margin-bottom: 5px;\n    text-transform: uppercase;\n    font-size: 12px;\n  }\n\n  &__case {\n    background: $ui-base-color;\n    color: $secondary-text-color;\n    font-weight: 500;\n    padding: 10px;\n    border-radius: 4px;\n  }\n}\n\n.onboard-sliders {\n  display: inline-block;\n  max-width: 30px;\n  max-height: auto;\n  margin-left: 10px;\n}\n\n.boost-modal,\n.confirmation-modal,\n.report-modal,\n.actions-modal,\n.mute-modal,\n.block-modal {\n  background: lighten($ui-secondary-color, 8%);\n  color: $inverted-text-color;\n  border-radius: 8px;\n  overflow: hidden;\n  max-width: 90vw;\n  width: 480px;\n  position: relative;\n  flex-direction: column;\n\n  .status__display-name {\n    display: block;\n    max-width: 100%;\n    padding-right: 25px;\n  }\n\n  .status__avatar {\n    height: 28px;\n    left: 10px;\n    position: absolute;\n    top: 10px;\n    width: 48px;\n  }\n\n  .status__content__spoiler-link {\n    color: lighten($secondary-text-color, 8%);\n  }\n}\n\n.actions-modal {\n  .status {\n    background: $white;\n    border-bottom-color: $ui-secondary-color;\n    padding-top: 10px;\n    padding-bottom: 10px;\n  }\n\n  .dropdown-menu__separator {\n    border-bottom-color: $ui-secondary-color;\n  }\n}\n\n.boost-modal__container {\n  overflow-x: scroll;\n  padding: 10px;\n\n  .status {\n    user-select: text;\n    border-bottom: 0;\n  }\n}\n\n.boost-modal__action-bar,\n.confirmation-modal__action-bar,\n.mute-modal__action-bar,\n.block-modal__action-bar {\n  display: flex;\n  justify-content: space-between;\n  background: $ui-secondary-color;\n  padding: 10px;\n  line-height: 36px;\n\n  & > div {\n    flex: 1 1 auto;\n    text-align: right;\n    color: $lighter-text-color;\n    padding-right: 10px;\n  }\n\n  .button {\n    flex: 0 0 auto;\n  }\n}\n\n.boost-modal__status-header {\n  font-size: 15px;\n}\n\n.boost-modal__status-time {\n  float: right;\n  font-size: 14px;\n}\n\n.mute-modal,\n.block-modal {\n  line-height: 24px;\n}\n\n.mute-modal .react-toggle,\n.block-modal .react-toggle {\n  vertical-align: middle;\n}\n\n.report-modal {\n  width: 90vw;\n  max-width: 700px;\n}\n\n.report-modal__container {\n  display: flex;\n  border-top: 1px solid $ui-secondary-color;\n\n  @media screen and (max-width: 480px) {\n    flex-wrap: wrap;\n    overflow-y: auto;\n  }\n}\n\n.report-modal__statuses,\n.report-modal__comment {\n  box-sizing: border-box;\n  width: 50%;\n\n  @media screen and (max-width: 480px) {\n    width: 100%;\n  }\n}\n\n.report-modal__statuses,\n.focal-point-modal__content {\n  flex: 1 1 auto;\n  min-height: 20vh;\n  max-height: 80vh;\n  overflow-y: auto;\n  overflow-x: hidden;\n\n  .status__content a {\n    color: $highlight-text-color;\n  }\n\n  .status__content,\n  .status__content p {\n    color: $inverted-text-color;\n  }\n\n  @media screen and (max-width: 480px) {\n    max-height: 10vh;\n  }\n}\n\n.focal-point-modal__content {\n  @media screen and (max-width: 480px) {\n    max-height: 40vh;\n  }\n}\n\n.report-modal__comment {\n  padding: 20px;\n  border-right: 1px solid $ui-secondary-color;\n  max-width: 320px;\n\n  p {\n    font-size: 14px;\n    line-height: 20px;\n    margin-bottom: 20px;\n  }\n\n  .setting-text {\n    display: block;\n    box-sizing: border-box;\n    width: 100%;\n    margin: 0;\n    color: $inverted-text-color;\n    background: $white;\n    padding: 10px;\n    font-family: inherit;\n    font-size: 14px;\n    resize: none;\n    border: 0;\n    outline: 0;\n    border-radius: 4px;\n    border: 1px solid $ui-secondary-color;\n    min-height: 100px;\n    max-height: 50vh;\n    margin-bottom: 10px;\n\n    &:focus {\n      border: 1px solid darken($ui-secondary-color, 8%);\n    }\n\n    &__wrapper {\n      background: $white;\n      border: 1px solid $ui-secondary-color;\n      margin-bottom: 10px;\n      border-radius: 4px;\n\n      .setting-text {\n        border: 0;\n        margin-bottom: 0;\n        border-radius: 0;\n\n        &:focus {\n          border: 0;\n        }\n      }\n\n      &__modifiers {\n        color: $inverted-text-color;\n        font-family: inherit;\n        font-size: 14px;\n        background: $white;\n      }\n    }\n\n    &__toolbar {\n      display: flex;\n      justify-content: space-between;\n      margin-bottom: 20px;\n    }\n  }\n\n  .setting-text-label {\n    display: block;\n    color: $inverted-text-color;\n    font-size: 14px;\n    font-weight: 500;\n    margin-bottom: 10px;\n  }\n\n  .setting-toggle {\n    margin-top: 20px;\n    margin-bottom: 24px;\n\n    &__label {\n      color: $inverted-text-color;\n      font-size: 14px;\n    }\n  }\n\n  @media screen and (max-width: 480px) {\n    padding: 10px;\n    max-width: 100%;\n    order: 2;\n\n    .setting-toggle {\n      margin-bottom: 4px;\n    }\n  }\n}\n\n.actions-modal {\n  max-height: 80vh;\n  max-width: 80vw;\n\n  .status {\n    overflow-y: auto;\n    max-height: 300px;\n  }\n\n  .actions-modal__item-label {\n    font-weight: 500;\n  }\n\n  ul {\n    overflow-y: auto;\n    flex-shrink: 0;\n    max-height: 80vh;\n\n    &.with-status {\n      max-height: calc(80vh - 75px);\n    }\n\n    li:empty {\n      margin: 0;\n    }\n\n    li:not(:empty) {\n      a {\n        color: $inverted-text-color;\n        display: flex;\n        padding: 12px 16px;\n        font-size: 15px;\n        align-items: center;\n        text-decoration: none;\n\n        &,\n        button {\n          transition: none;\n        }\n\n        &.active,\n        &:hover,\n        &:active,\n        &:focus {\n          &,\n          button {\n            background: $ui-highlight-color;\n            color: $primary-text-color;\n          }\n        }\n\n        button:first-child {\n          margin-right: 10px;\n        }\n      }\n    }\n  }\n}\n\n.confirmation-modal__action-bar,\n.mute-modal__action-bar,\n.block-modal__action-bar {\n  .confirmation-modal__secondary-button {\n    flex-shrink: 1;\n  }\n}\n\n.confirmation-modal__secondary-button,\n.confirmation-modal__cancel-button,\n.mute-modal__cancel-button,\n.block-modal__cancel-button {\n  background-color: transparent;\n  color: $lighter-text-color;\n  font-size: 14px;\n  font-weight: 500;\n\n  &:hover,\n  &:focus,\n  &:active {\n    color: darken($lighter-text-color, 4%);\n    background-color: transparent;\n  }\n}\n\n.confirmation-modal__container,\n.mute-modal__container,\n.block-modal__container,\n.report-modal__target {\n  padding: 30px;\n  font-size: 16px;\n\n  strong {\n    font-weight: 500;\n\n    @each $lang in $cjk-langs {\n      &:lang(#{$lang}) {\n        font-weight: 700;\n      }\n    }\n  }\n}\n\n.confirmation-modal__container,\n.report-modal__target {\n  text-align: center;\n}\n\n.block-modal,\n.mute-modal {\n  &__explanation {\n    margin-top: 20px;\n  }\n\n  .setting-toggle {\n    margin-top: 20px;\n    margin-bottom: 24px;\n    display: flex;\n    align-items: center;\n\n    &__label {\n      color: $inverted-text-color;\n      margin: 0;\n      margin-left: 8px;\n    }\n  }\n}\n\n.report-modal__target {\n  padding: 15px;\n\n  .media-modal__close {\n    top: 14px;\n    right: 15px;\n  }\n}\n\n.loading-bar {\n  background-color: $highlight-text-color;\n  height: 3px;\n  position: absolute;\n  top: 0;\n  left: 0;\n  z-index: 9999;\n}\n\n.media-gallery__gifv__label {\n  display: block;\n  position: absolute;\n  color: $primary-text-color;\n  background: rgba($base-overlay-background, 0.5);\n  bottom: 6px;\n  left: 6px;\n  padding: 2px 6px;\n  border-radius: 2px;\n  font-size: 11px;\n  font-weight: 600;\n  z-index: 1;\n  pointer-events: none;\n  opacity: 0.9;\n  transition: opacity 0.1s ease;\n  line-height: 18px;\n}\n\n.media-gallery__gifv {\n  &:hover {\n    .media-gallery__gifv__label {\n      opacity: 1;\n    }\n  }\n}\n\n.media-gallery__audio {\n  margin-top: 32px;\n\n  audio {\n    width: 100%;\n  }\n}\n\n.attachment-list {\n  display: flex;\n  font-size: 14px;\n  border: 1px solid lighten($ui-base-color, 8%);\n  border-radius: 4px;\n  margin-top: 14px;\n  overflow: hidden;\n\n  &__icon {\n    flex: 0 0 auto;\n    color: $dark-text-color;\n    padding: 8px 18px;\n    cursor: default;\n    border-right: 1px solid lighten($ui-base-color, 8%);\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    justify-content: center;\n    font-size: 26px;\n\n    .fa {\n      display: block;\n    }\n  }\n\n  &__list {\n    list-style: none;\n    padding: 4px 0;\n    padding-left: 8px;\n    display: flex;\n    flex-direction: column;\n    justify-content: center;\n\n    li {\n      display: block;\n      padding: 4px 0;\n    }\n\n    a {\n      text-decoration: none;\n      color: $dark-text-color;\n      font-weight: 500;\n\n      &:hover {\n        text-decoration: underline;\n      }\n    }\n  }\n\n  &.compact {\n    border: 0;\n    margin-top: 4px;\n\n    .attachment-list__list {\n      padding: 0;\n      display: block;\n    }\n\n    .fa {\n      color: $dark-text-color;\n    }\n  }\n}\n\n/* Media Gallery */\n.media-gallery {\n  box-sizing: border-box;\n  margin-top: 8px;\n  overflow: hidden;\n  border-radius: 4px;\n  position: relative;\n  width: 100%;\n}\n\n.media-gallery__item {\n  border: 0;\n  box-sizing: border-box;\n  display: block;\n  float: left;\n  position: relative;\n  border-radius: 4px;\n  overflow: hidden;\n\n  &.standalone {\n    .media-gallery__item-gifv-thumbnail {\n      transform: none;\n      top: 0;\n    }\n  }\n}\n\n.media-gallery__item-thumbnail {\n  cursor: zoom-in;\n  display: block;\n  text-decoration: none;\n  color: $secondary-text-color;\n  position: relative;\n  z-index: 1;\n\n  &,\n  img {\n    height: 100%;\n    width: 100%;\n  }\n\n  img {\n    object-fit: cover;\n  }\n}\n\n.media-gallery__preview {\n  width: 100%;\n  height: 100%;\n  object-fit: cover;\n  position: absolute;\n  top: 0;\n  left: 0;\n  z-index: 0;\n  background: $base-overlay-background;\n\n  &--hidden {\n    display: none;\n  }\n}\n\n.media-gallery__gifv {\n  height: 100%;\n  overflow: hidden;\n  position: relative;\n  width: 100%;\n}\n\n.media-gallery__item-gifv-thumbnail {\n  cursor: zoom-in;\n  height: 100%;\n  object-fit: cover;\n  position: relative;\n  top: 50%;\n  transform: translateY(-50%);\n  width: 100%;\n  z-index: 1;\n}\n\n.media-gallery__item-thumbnail-label {\n  clip: rect(1px 1px 1px 1px); /* IE6, IE7 */\n  clip: rect(1px, 1px, 1px, 1px);\n  overflow: hidden;\n  position: absolute;\n}\n/* End Media Gallery */\n\n.detailed,\n.fullscreen {\n  .video-player__volume__current,\n  .video-player__volume::before {\n    bottom: 27px;\n  }\n\n  .video-player__volume__handle {\n    bottom: 23px;\n  }\n\n}\n\n.audio-player {\n  box-sizing: border-box;\n  position: relative;\n  background: darken($ui-base-color, 8%);\n  border-radius: 4px;\n  padding-bottom: 44px;\n  direction: ltr;\n\n  &.editable {\n    border-radius: 0;\n    height: 100%;\n  }\n\n  &__waveform {\n    padding: 15px 0;\n    position: relative;\n    overflow: hidden;\n\n    &::before {\n      content: \"\";\n      display: block;\n      position: absolute;\n      border-top: 1px solid lighten($ui-base-color, 4%);\n      width: 100%;\n      height: 0;\n      left: 0;\n      top: calc(50% + 1px);\n    }\n  }\n\n  &__progress-placeholder {\n    background-color: rgba(lighten($ui-highlight-color, 8%), 0.5);\n  }\n\n  &__wave-placeholder {\n    background-color: lighten($ui-base-color, 16%);\n  }\n\n  .video-player__controls {\n    padding: 0 15px;\n    padding-top: 10px;\n    background: darken($ui-base-color, 8%);\n    border-top: 1px solid lighten($ui-base-color, 4%);\n    border-radius: 0 0 4px 4px;\n  }\n}\n\n.video-player {\n  overflow: hidden;\n  position: relative;\n  background: $base-shadow-color;\n  max-width: 100%;\n  border-radius: 4px;\n  box-sizing: border-box;\n  direction: ltr;\n\n  &.editable {\n    border-radius: 0;\n    height: 100% !important;\n  }\n\n  &:focus {\n    outline: 0;\n  }\n\n  video {\n    max-width: 100vw;\n    max-height: 80vh;\n    z-index: 1;\n  }\n\n  &.fullscreen {\n    width: 100% !important;\n    height: 100% !important;\n    margin: 0;\n\n    video {\n      max-width: 100% !important;\n      max-height: 100% !important;\n      width: 100% !important;\n      height: 100% !important;\n      outline: 0;\n    }\n  }\n\n  &.inline {\n    video {\n      object-fit: contain;\n      position: relative;\n      top: 50%;\n      transform: translateY(-50%);\n    }\n  }\n\n  &__controls {\n    position: absolute;\n    z-index: 2;\n    bottom: 0;\n    left: 0;\n    right: 0;\n    box-sizing: border-box;\n    background: linear-gradient(0deg, rgba($base-shadow-color, 0.85) 0, rgba($base-shadow-color, 0.45) 60%, transparent);\n    padding: 0 15px;\n    opacity: 0;\n    transition: opacity .1s ease;\n\n    &.active {\n      opacity: 1;\n    }\n  }\n\n  &.inactive {\n    video,\n    .video-player__controls {\n      visibility: hidden;\n    }\n  }\n\n  &__spoiler {\n    display: none;\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n    z-index: 4;\n    border: 0;\n    background: $base-overlay-background;\n    color: $darker-text-color;\n    transition: none;\n    pointer-events: none;\n\n    &.active {\n      display: block;\n      pointer-events: auto;\n\n      &:hover,\n      &:active,\n      &:focus {\n        color: lighten($darker-text-color, 7%);\n      }\n    }\n\n    &__title {\n      display: block;\n      font-size: 14px;\n    }\n\n    &__subtitle {\n      display: block;\n      font-size: 11px;\n      font-weight: 500;\n    }\n  }\n\n  &__buttons-bar {\n    display: flex;\n    justify-content: space-between;\n    padding-bottom: 10px;\n\n    .video-player__download__icon {\n      color: inherit;\n    }\n  }\n\n  &__buttons {\n    font-size: 16px;\n    white-space: nowrap;\n    overflow: hidden;\n    text-overflow: ellipsis;\n\n    &.left {\n      button {\n        padding-left: 0;\n      }\n    }\n\n    &.right {\n      button {\n        padding-right: 0;\n      }\n    }\n\n    button {\n      background: transparent;\n      padding: 2px 10px;\n      font-size: 16px;\n      border: 0;\n      color: rgba($white, 0.75);\n\n      &:active,\n      &:hover,\n      &:focus {\n        color: $white;\n      }\n    }\n  }\n\n  &__time-sep,\n  &__time-total,\n  &__time-current {\n    font-size: 14px;\n    font-weight: 500;\n  }\n\n  &__time-current {\n    color: $white;\n    margin-left: 60px;\n  }\n\n  &__time-sep {\n    display: inline-block;\n    margin: 0 6px;\n  }\n\n  &__time-sep,\n  &__time-total {\n    color: $white;\n  }\n\n  &__volume {\n    cursor: pointer;\n    height: 24px;\n    display: inline;\n\n    &::before {\n      content: \"\";\n      width: 50px;\n      background: rgba($white, 0.35);\n      border-radius: 4px;\n      display: block;\n      position: absolute;\n      height: 4px;\n      left: 70px;\n      bottom: 20px;\n    }\n\n    &__current {\n      display: block;\n      position: absolute;\n      height: 4px;\n      border-radius: 4px;\n      left: 70px;\n      bottom: 20px;\n      background: lighten($ui-highlight-color, 8%);\n    }\n\n    &__handle {\n      position: absolute;\n      z-index: 3;\n      border-radius: 50%;\n      width: 12px;\n      height: 12px;\n      bottom: 16px;\n      left: 70px;\n      transition: opacity .1s ease;\n      background: lighten($ui-highlight-color, 8%);\n      box-shadow: 1px 2px 6px rgba($base-shadow-color, 0.2);\n      pointer-events: none;\n    }\n  }\n\n  &__link {\n    padding: 2px 10px;\n\n    a {\n      text-decoration: none;\n      font-size: 14px;\n      font-weight: 500;\n      color: $white;\n\n      &:hover,\n      &:active,\n      &:focus {\n        text-decoration: underline;\n      }\n    }\n  }\n\n  &__seek {\n    cursor: pointer;\n    height: 24px;\n    position: relative;\n\n    &::before {\n      content: \"\";\n      width: 100%;\n      background: rgba($white, 0.35);\n      border-radius: 4px;\n      display: block;\n      position: absolute;\n      height: 4px;\n      top: 10px;\n    }\n\n    &__progress,\n    &__buffer {\n      display: block;\n      position: absolute;\n      height: 4px;\n      border-radius: 4px;\n      top: 10px;\n      background: lighten($ui-highlight-color, 8%);\n    }\n\n    &__buffer {\n      background: rgba($white, 0.2);\n    }\n\n    &__handle {\n      position: absolute;\n      z-index: 3;\n      opacity: 0;\n      border-radius: 50%;\n      width: 12px;\n      height: 12px;\n      top: 6px;\n      margin-left: -6px;\n      transition: opacity .1s ease;\n      background: lighten($ui-highlight-color, 8%);\n      box-shadow: 1px 2px 6px rgba($base-shadow-color, 0.2);\n      pointer-events: none;\n\n      &.active {\n        opacity: 1;\n      }\n    }\n\n    &:hover {\n      .video-player__seek__handle {\n        opacity: 1;\n      }\n    }\n  }\n\n  &.detailed,\n  &.fullscreen {\n    .video-player__buttons {\n      button {\n        padding-top: 10px;\n        padding-bottom: 10px;\n      }\n    }\n  }\n}\n\n.directory {\n  &__list {\n    width: 100%;\n    margin: 10px 0;\n    transition: opacity 100ms ease-in;\n\n    &.loading {\n      opacity: 0.7;\n    }\n\n    @media screen and (max-width: $no-gap-breakpoint) {\n      margin: 0;\n    }\n  }\n\n  &__card {\n    box-sizing: border-box;\n    margin-bottom: 10px;\n\n    &__img {\n      height: 125px;\n      position: relative;\n      background: darken($ui-base-color, 12%);\n      overflow: hidden;\n\n      img {\n        display: block;\n        width: 100%;\n        height: 100%;\n        margin: 0;\n        object-fit: cover;\n      }\n    }\n\n    &__bar {\n      display: flex;\n      align-items: center;\n      background: lighten($ui-base-color, 4%);\n      padding: 10px;\n\n      &__name {\n        flex: 1 1 auto;\n        display: flex;\n        align-items: center;\n        text-decoration: none;\n        overflow: hidden;\n      }\n\n      &__relationship {\n        width: 23px;\n        min-height: 1px;\n        flex: 0 0 auto;\n      }\n\n      .avatar {\n        flex: 0 0 auto;\n        width: 48px;\n        height: 48px;\n        padding-top: 2px;\n\n        img {\n          width: 100%;\n          height: 100%;\n          display: block;\n          margin: 0;\n          border-radius: 4px;\n          background: darken($ui-base-color, 8%);\n          object-fit: cover;\n        }\n      }\n\n      .display-name {\n        margin-left: 15px;\n        text-align: left;\n\n        strong {\n          font-size: 15px;\n          color: $primary-text-color;\n          font-weight: 500;\n          overflow: hidden;\n          text-overflow: ellipsis;\n        }\n\n        span {\n          display: block;\n          font-size: 14px;\n          color: $darker-text-color;\n          font-weight: 400;\n          overflow: hidden;\n          text-overflow: ellipsis;\n        }\n      }\n    }\n\n    &__extra {\n      background: $ui-base-color;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n\n      .accounts-table__count {\n        width: 33.33%;\n        flex: 0 0 auto;\n        padding: 15px 0;\n      }\n\n      .account__header__content {\n        box-sizing: border-box;\n        padding: 15px 10px;\n        border-bottom: 1px solid lighten($ui-base-color, 8%);\n        width: 100%;\n        min-height: 18px + 30px;\n        white-space: nowrap;\n        overflow: hidden;\n        text-overflow: ellipsis;\n\n        p {\n          display: none;\n\n          &:first-child {\n            display: inline;\n          }\n        }\n\n        br {\n          display: none;\n        }\n      }\n    }\n  }\n}\n\n.account-gallery__container {\n  display: flex;\n  flex-wrap: wrap;\n  padding: 4px 2px;\n}\n\n.account-gallery__item {\n  border: 0;\n  box-sizing: border-box;\n  display: block;\n  position: relative;\n  border-radius: 4px;\n  overflow: hidden;\n  margin: 2px;\n\n  &__icons {\n    position: absolute;\n    top: 50%;\n    left: 50%;\n    transform: translate(-50%, -50%);\n    font-size: 24px;\n  }\n}\n\n.notification__filter-bar,\n.account__section-headline {\n  background: darken($ui-base-color, 4%);\n  border-bottom: 1px solid lighten($ui-base-color, 8%);\n  cursor: default;\n  display: flex;\n  flex-shrink: 0;\n\n  button {\n    background: darken($ui-base-color, 4%);\n    border: 0;\n    margin: 0;\n  }\n\n  button,\n  a {\n    display: block;\n    flex: 1 1 auto;\n    color: $darker-text-color;\n    padding: 15px 0;\n    font-size: 14px;\n    font-weight: 500;\n    text-align: center;\n    text-decoration: none;\n    position: relative;\n    width: 100%;\n    white-space: nowrap;\n\n    &.active {\n      color: $secondary-text-color;\n\n      &::before,\n      &::after {\n        display: block;\n        content: \"\";\n        position: absolute;\n        bottom: 0;\n        left: 50%;\n        width: 0;\n        height: 0;\n        transform: translateX(-50%);\n        border-style: solid;\n        border-width: 0 10px 10px;\n        border-color: transparent transparent lighten($ui-base-color, 8%);\n      }\n\n      &::after {\n        bottom: -1px;\n        border-color: transparent transparent $ui-base-color;\n      }\n    }\n  }\n\n  &.directory__section-headline {\n    background: darken($ui-base-color, 2%);\n    border-bottom-color: transparent;\n\n    a,\n    button {\n      &.active {\n        &::before {\n          display: none;\n        }\n\n        &::after {\n          border-color: transparent transparent darken($ui-base-color, 7%);\n        }\n      }\n    }\n  }\n}\n\n.filter-form {\n  background: $ui-base-color;\n\n  &__column {\n    padding: 10px 15px;\n  }\n\n  .radio-button {\n    display: block;\n  }\n}\n\n.radio-button {\n  font-size: 14px;\n  position: relative;\n  display: inline-block;\n  padding: 6px 0;\n  line-height: 18px;\n  cursor: default;\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  cursor: pointer;\n\n  input[type=radio],\n  input[type=checkbox] {\n    display: none;\n  }\n\n  &__input {\n    display: inline-block;\n    position: relative;\n    border: 1px solid $ui-primary-color;\n    box-sizing: border-box;\n    width: 18px;\n    height: 18px;\n    flex: 0 0 auto;\n    margin-right: 10px;\n    top: -1px;\n    border-radius: 50%;\n    vertical-align: middle;\n\n    &.checked {\n      border-color: lighten($ui-highlight-color, 8%);\n      background: lighten($ui-highlight-color, 8%);\n    }\n  }\n}\n\n::-webkit-scrollbar-thumb {\n  border-radius: 0;\n}\n\n.search-popout {\n  @include search-popout;\n}\n\nnoscript {\n  text-align: center;\n\n  img {\n    width: 200px;\n    opacity: 0.5;\n    animation: flicker 4s infinite;\n  }\n\n  div {\n    font-size: 14px;\n    margin: 30px auto;\n    color: $secondary-text-color;\n    max-width: 400px;\n\n    a {\n      color: $highlight-text-color;\n      text-decoration: underline;\n\n      &:hover {\n        text-decoration: none;\n      }\n    }\n  }\n}\n\n@keyframes flicker {\n  0% { opacity: 1; }\n  30% { opacity: 0.75; }\n  100% { opacity: 1; }\n}\n\n@media screen and (max-width: 630px) and (max-height: 400px) {\n  $duration: 400ms;\n  $delay: 100ms;\n\n  .tabs-bar,\n  .search {\n    will-change: margin-top;\n    transition: margin-top $duration $delay;\n  }\n\n  .navigation-bar {\n    will-change: padding-bottom;\n    transition: padding-bottom $duration $delay;\n  }\n\n  .navigation-bar {\n    & > a:first-child {\n      will-change: margin-top, margin-left, margin-right, width;\n      transition: margin-top $duration $delay, margin-left $duration ($duration + $delay), margin-right $duration ($duration + $delay);\n    }\n\n    & > .navigation-bar__profile-edit {\n      will-change: margin-top;\n      transition: margin-top $duration $delay;\n    }\n\n    .navigation-bar__actions {\n      & > .icon-button.close {\n        will-change: opacity transform;\n        transition: opacity $duration * 0.5 $delay,\n                    transform $duration $delay;\n      }\n\n      & > .compose__action-bar .icon-button {\n        will-change: opacity transform;\n        transition: opacity $duration * 0.5 $delay + $duration * 0.5,\n                    transform $duration $delay;\n      }\n    }\n  }\n\n  .is-composing {\n    .tabs-bar,\n    .search {\n      margin-top: -50px;\n    }\n\n    .navigation-bar {\n      padding-bottom: 0;\n\n      & > a:first-child {\n        margin: -100px 10px 0 -50px;\n      }\n\n      .navigation-bar__profile {\n        padding-top: 2px;\n      }\n\n      .navigation-bar__profile-edit {\n        position: absolute;\n        margin-top: -60px;\n      }\n\n      .navigation-bar__actions {\n        .icon-button.close {\n          pointer-events: auto;\n          opacity: 1;\n          transform: scale(1, 1) translate(0, 0);\n          bottom: 5px;\n        }\n\n        .compose__action-bar .icon-button {\n          pointer-events: none;\n          opacity: 0;\n          transform: scale(0, 1) translate(100%, 0);\n        }\n      }\n    }\n  }\n}\n\n.embed-modal {\n  width: auto;\n  max-width: 80vw;\n  max-height: 80vh;\n\n  h4 {\n    padding: 30px;\n    font-weight: 500;\n    font-size: 16px;\n    text-align: center;\n  }\n\n  .embed-modal__container {\n    padding: 10px;\n\n    .hint {\n      margin-bottom: 15px;\n    }\n\n    .embed-modal__html {\n      outline: 0;\n      box-sizing: border-box;\n      display: block;\n      width: 100%;\n      border: 0;\n      padding: 10px;\n      font-family: $font-monospace, monospace;\n      background: $ui-base-color;\n      color: $primary-text-color;\n      font-size: 14px;\n      margin: 0;\n      margin-bottom: 15px;\n      border-radius: 4px;\n\n      &::-moz-focus-inner {\n        border: 0;\n      }\n\n      &::-moz-focus-inner,\n      &:focus,\n      &:active {\n        outline: 0 !important;\n      }\n\n      &:focus {\n        background: lighten($ui-base-color, 4%);\n      }\n\n      @media screen and (max-width: 600px) {\n        font-size: 16px;\n      }\n    }\n\n    .embed-modal__iframe {\n      width: 400px;\n      max-width: 100%;\n      overflow: hidden;\n      border: 0;\n      border-radius: 4px;\n    }\n  }\n}\n\n.account__moved-note {\n  padding: 14px 10px;\n  padding-bottom: 16px;\n  background: lighten($ui-base-color, 4%);\n  border-top: 1px solid lighten($ui-base-color, 8%);\n  border-bottom: 1px solid lighten($ui-base-color, 8%);\n\n  &__message {\n    position: relative;\n    margin-left: 58px;\n    color: $dark-text-color;\n    padding: 8px 0;\n    padding-top: 0;\n    padding-bottom: 4px;\n    font-size: 14px;\n\n    > span {\n      display: block;\n      overflow: hidden;\n      text-overflow: ellipsis;\n    }\n  }\n\n  &__icon-wrapper {\n    left: -26px;\n    position: absolute;\n  }\n\n  .detailed-status__display-avatar {\n    position: relative;\n  }\n\n  .detailed-status__display-name {\n    margin-bottom: 0;\n  }\n}\n\n.column-inline-form {\n  padding: 15px;\n  padding-right: 0;\n  display: flex;\n  justify-content: flex-start;\n  align-items: center;\n  background: lighten($ui-base-color, 4%);\n\n  label {\n    flex: 1 1 auto;\n\n    input {\n      width: 100%;\n\n      &:focus {\n        outline: 0;\n      }\n    }\n  }\n\n  .icon-button {\n    flex: 0 0 auto;\n    margin: 0 10px;\n  }\n}\n\n.drawer__backdrop {\n  cursor: pointer;\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  background: rgba($base-overlay-background, 0.5);\n}\n\n.list-editor {\n  background: $ui-base-color;\n  flex-direction: column;\n  border-radius: 8px;\n  box-shadow: 2px 4px 15px rgba($base-shadow-color, 0.4);\n  width: 380px;\n  overflow: hidden;\n\n  @media screen and (max-width: 420px) {\n    width: 90%;\n  }\n\n  h4 {\n    padding: 15px 0;\n    background: lighten($ui-base-color, 13%);\n    font-weight: 500;\n    font-size: 16px;\n    text-align: center;\n    border-radius: 8px 8px 0 0;\n  }\n\n  .drawer__pager {\n    height: 50vh;\n  }\n\n  .drawer__inner {\n    border-radius: 0 0 8px 8px;\n\n    &.backdrop {\n      width: calc(100% - 60px);\n      box-shadow: 2px 4px 15px rgba($base-shadow-color, 0.4);\n      border-radius: 0 0 0 8px;\n    }\n  }\n\n  &__accounts {\n    overflow-y: auto;\n  }\n\n  .account__display-name {\n    &:hover strong {\n      text-decoration: none;\n    }\n  }\n\n  .account__avatar {\n    cursor: default;\n  }\n\n  .search {\n    margin-bottom: 0;\n  }\n}\n\n.list-adder {\n  background: $ui-base-color;\n  flex-direction: column;\n  border-radius: 8px;\n  box-shadow: 2px 4px 15px rgba($base-shadow-color, 0.4);\n  width: 380px;\n  overflow: hidden;\n\n  @media screen and (max-width: 420px) {\n    width: 90%;\n  }\n\n  &__account {\n    background: lighten($ui-base-color, 13%);\n  }\n\n  &__lists {\n    background: lighten($ui-base-color, 13%);\n    height: 50vh;\n    border-radius: 0 0 8px 8px;\n    overflow-y: auto;\n  }\n\n  .list {\n    padding: 10px;\n    border-bottom: 1px solid lighten($ui-base-color, 8%);\n  }\n\n  .list__wrapper {\n    display: flex;\n  }\n\n  .list__display-name {\n    flex: 1 1 auto;\n    overflow: hidden;\n    text-decoration: none;\n    font-size: 16px;\n    padding: 10px;\n  }\n}\n\n.focal-point {\n  position: relative;\n  cursor: move;\n  overflow: hidden;\n  height: 100%;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  background: $base-shadow-color;\n\n  img,\n  video,\n  canvas {\n    display: block;\n    max-height: 80vh;\n    width: 100%;\n    height: auto;\n    margin: 0;\n    object-fit: contain;\n    background: $base-shadow-color;\n  }\n\n  &__reticle {\n    position: absolute;\n    width: 100px;\n    height: 100px;\n    transform: translate(-50%, -50%);\n    background: url('~images/reticle.png') no-repeat 0 0;\n    border-radius: 50%;\n    box-shadow: 0 0 0 9999em rgba($base-shadow-color, 0.35);\n  }\n\n  &__overlay {\n    position: absolute;\n    width: 100%;\n    height: 100%;\n    top: 0;\n    left: 0;\n  }\n\n  &__preview {\n    position: absolute;\n    bottom: 10px;\n    right: 10px;\n    z-index: 2;\n    cursor: move;\n    transition: opacity 0.1s ease;\n\n    &:hover {\n      opacity: 0.5;\n    }\n\n    strong {\n      color: $primary-text-color;\n      font-size: 14px;\n      font-weight: 500;\n      display: block;\n      margin-bottom: 5px;\n    }\n\n    div {\n      border-radius: 4px;\n      box-shadow: 0 0 14px rgba($base-shadow-color, 0.2);\n    }\n  }\n\n  @media screen and (max-width: 480px) {\n    img,\n    video {\n      max-height: 100%;\n    }\n\n    &__preview {\n      display: none;\n    }\n  }\n}\n\n.account__header__content {\n  color: $darker-text-color;\n  font-size: 14px;\n  font-weight: 400;\n  overflow: hidden;\n  word-break: normal;\n  word-wrap: break-word;\n\n  p {\n    margin-bottom: 20px;\n\n    &:last-child {\n      margin-bottom: 0;\n    }\n  }\n\n  a {\n    color: inherit;\n    text-decoration: underline;\n\n    &:hover {\n      text-decoration: none;\n    }\n  }\n}\n\n.account__header {\n  overflow: hidden;\n\n  &.inactive {\n    opacity: 0.5;\n\n    .account__header__image,\n    .account__avatar {\n      filter: grayscale(100%);\n    }\n  }\n\n  &__info {\n    position: absolute;\n    top: 10px;\n    left: 10px;\n  }\n\n  &__image {\n    overflow: hidden;\n    height: 145px;\n    position: relative;\n    background: darken($ui-base-color, 4%);\n\n    img {\n      object-fit: cover;\n      display: block;\n      width: 100%;\n      height: 100%;\n      margin: 0;\n    }\n  }\n\n  &__bar {\n    position: relative;\n    background: lighten($ui-base-color, 4%);\n    padding: 5px;\n    border-bottom: 1px solid lighten($ui-base-color, 12%);\n\n    .avatar {\n      display: block;\n      flex: 0 0 auto;\n      width: 94px;\n      margin-left: -2px;\n\n      .account__avatar {\n        background: darken($ui-base-color, 8%);\n        border: 2px solid lighten($ui-base-color, 4%);\n      }\n    }\n  }\n\n  &__tabs {\n    display: flex;\n    align-items: flex-start;\n    padding: 7px 5px;\n    margin-top: -55px;\n\n    &__buttons {\n      display: flex;\n      align-items: center;\n      padding-top: 55px;\n      overflow: hidden;\n\n      .icon-button {\n        border: 1px solid lighten($ui-base-color, 12%);\n        border-radius: 4px;\n        box-sizing: content-box;\n        padding: 2px;\n      }\n\n      .button {\n        margin: 0 8px;\n      }\n    }\n\n    &__name {\n      padding: 5px;\n\n      .account-role {\n        vertical-align: top;\n      }\n\n      .emojione {\n        width: 22px;\n        height: 22px;\n      }\n\n      h1 {\n        font-size: 16px;\n        line-height: 24px;\n        color: $primary-text-color;\n        font-weight: 500;\n        overflow: hidden;\n        white-space: nowrap;\n        text-overflow: ellipsis;\n\n        small {\n          display: block;\n          font-size: 14px;\n          color: $darker-text-color;\n          font-weight: 400;\n          overflow: hidden;\n          text-overflow: ellipsis;\n        }\n      }\n    }\n\n    .spacer {\n      flex: 1 1 auto;\n    }\n  }\n\n  &__bio {\n    overflow: hidden;\n    margin: 0 -5px;\n\n    .account__header__content {\n      padding: 20px 15px;\n      padding-bottom: 5px;\n      color: $primary-text-color;\n    }\n\n    .account__header__fields {\n      margin: 0;\n      border-top: 1px solid lighten($ui-base-color, 12%);\n\n      a {\n        color: lighten($ui-highlight-color, 8%);\n      }\n\n      dl:first-child .verified {\n        border-radius: 0 4px 0 0;\n      }\n\n      .verified a {\n        color: $valid-value-color;\n      }\n    }\n  }\n\n  &__extra {\n    margin-top: 4px;\n\n    &__links {\n      font-size: 14px;\n      color: $darker-text-color;\n      padding: 10px 0;\n\n      a {\n        display: inline-block;\n        color: $darker-text-color;\n        text-decoration: none;\n        padding: 5px 10px;\n        font-weight: 500;\n\n        strong {\n          font-weight: 700;\n          color: $primary-text-color;\n        }\n      }\n    }\n  }\n}\n\n.trends {\n  &__header {\n    color: $dark-text-color;\n    background: lighten($ui-base-color, 2%);\n    border-bottom: 1px solid darken($ui-base-color, 4%);\n    font-weight: 500;\n    padding: 15px;\n    font-size: 16px;\n    cursor: default;\n\n    .fa {\n      display: inline-block;\n      margin-right: 5px;\n    }\n  }\n\n  &__item {\n    display: flex;\n    align-items: center;\n    padding: 15px;\n    border-bottom: 1px solid lighten($ui-base-color, 8%);\n\n    &:last-child {\n      border-bottom: 0;\n    }\n\n    &__name {\n      flex: 1 1 auto;\n      color: $dark-text-color;\n      overflow: hidden;\n      text-overflow: ellipsis;\n      white-space: nowrap;\n\n      strong {\n        font-weight: 500;\n      }\n\n      a {\n        color: $darker-text-color;\n        text-decoration: none;\n        font-size: 14px;\n        font-weight: 500;\n        display: block;\n        overflow: hidden;\n        text-overflow: ellipsis;\n        white-space: nowrap;\n\n        &:hover,\n        &:focus,\n        &:active {\n          span {\n            text-decoration: underline;\n          }\n        }\n      }\n    }\n\n    &__current {\n      flex: 0 0 auto;\n      font-size: 24px;\n      line-height: 36px;\n      font-weight: 500;\n      text-align: right;\n      padding-right: 15px;\n      margin-left: 5px;\n      color: $secondary-text-color;\n    }\n\n    &__sparkline {\n      flex: 0 0 auto;\n      width: 50px;\n\n      path:first-child {\n        fill: rgba($highlight-text-color, 0.25) !important;\n        fill-opacity: 1 !important;\n      }\n\n      path:last-child {\n        stroke: lighten($highlight-text-color, 6%) !important;\n      }\n    }\n  }\n}\n\n.conversation {\n  display: flex;\n  border-bottom: 1px solid lighten($ui-base-color, 8%);\n  padding: 5px;\n  padding-bottom: 0;\n\n  &:focus {\n    background: lighten($ui-base-color, 2%);\n    outline: 0;\n  }\n\n  &__avatar {\n    flex: 0 0 auto;\n    padding: 10px;\n    padding-top: 12px;\n    position: relative;\n    cursor: pointer;\n  }\n\n  &__unread {\n    display: inline-block;\n    background: $highlight-text-color;\n    border-radius: 50%;\n    width: 0.625rem;\n    height: 0.625rem;\n    margin: -.1ex .15em .1ex;\n  }\n\n  &__content {\n    flex: 1 1 auto;\n    padding: 10px 5px;\n    padding-right: 15px;\n    overflow: hidden;\n\n    &__info {\n      overflow: hidden;\n      display: flex;\n      flex-direction: row-reverse;\n      justify-content: space-between;\n    }\n\n    &__relative-time {\n      font-size: 15px;\n      color: $darker-text-color;\n      padding-left: 15px;\n    }\n\n    &__names {\n      color: $darker-text-color;\n      font-size: 15px;\n      white-space: nowrap;\n      overflow: hidden;\n      text-overflow: ellipsis;\n      margin-bottom: 4px;\n      flex-basis: 90px;\n      flex-grow: 1;\n\n      a {\n        color: $primary-text-color;\n        text-decoration: none;\n\n        &:hover,\n        &:focus,\n        &:active {\n          text-decoration: underline;\n        }\n      }\n    }\n\n    a {\n      word-break: break-word;\n    }\n  }\n\n  &--unread {\n    background: lighten($ui-base-color, 2%);\n\n    &:focus {\n      background: lighten($ui-base-color, 4%);\n    }\n\n    .conversation__content__info {\n      font-weight: 700;\n    }\n\n    .conversation__content__relative-time {\n      color: $primary-text-color;\n    }\n  }\n}\n\n.announcements {\n  background: lighten($ui-base-color, 8%);\n  font-size: 13px;\n  display: flex;\n  align-items: flex-end;\n\n  &__mastodon {\n    width: 124px;\n    flex: 0 0 auto;\n\n    @media screen and (max-width: 124px + 300px) {\n      display: none;\n    }\n  }\n\n  &__container {\n    width: calc(100% - 124px);\n    flex: 0 0 auto;\n    position: relative;\n\n    @media screen and (max-width: 124px + 300px) {\n      width: 100%;\n    }\n  }\n\n  &__item {\n    box-sizing: border-box;\n    width: 100%;\n    padding: 15px;\n    position: relative;\n    font-size: 15px;\n    line-height: 20px;\n    word-wrap: break-word;\n    font-weight: 400;\n    max-height: 50vh;\n    overflow: hidden;\n    display: flex;\n    flex-direction: column;\n\n    &__range {\n      display: block;\n      font-weight: 500;\n      margin-bottom: 10px;\n      padding-right: 18px;\n    }\n\n    &__unread {\n      position: absolute;\n      top: 19px;\n      right: 19px;\n      display: block;\n      background: $highlight-text-color;\n      border-radius: 50%;\n      width: 0.625rem;\n      height: 0.625rem;\n    }\n  }\n\n  &__pagination {\n    padding: 15px;\n    color: $darker-text-color;\n    position: absolute;\n    bottom: 3px;\n    right: 0;\n  }\n}\n\n.layout-multiple-columns .announcements__mastodon {\n  display: none;\n}\n\n.layout-multiple-columns .announcements__container {\n  width: 100%;\n}\n\n.reactions-bar {\n  display: flex;\n  flex-wrap: wrap;\n  align-items: center;\n  margin-top: 15px;\n  margin-left: -2px;\n  width: calc(100% - (90px - 33px));\n\n  &__item {\n    flex-shrink: 0;\n    background: lighten($ui-base-color, 12%);\n    border: 0;\n    border-radius: 3px;\n    margin: 2px;\n    cursor: pointer;\n    user-select: none;\n    padding: 0 6px;\n    display: flex;\n    align-items: center;\n    transition: all 100ms ease-in;\n    transition-property: background-color, color;\n\n    &__emoji {\n      display: block;\n      margin: 3px 0;\n      width: 16px;\n      height: 16px;\n\n      img {\n        display: block;\n        margin: 0;\n        width: 100%;\n        height: 100%;\n        min-width: auto;\n        min-height: auto;\n        vertical-align: bottom;\n        object-fit: contain;\n      }\n    }\n\n    &__count {\n      display: block;\n      min-width: 9px;\n      font-size: 13px;\n      font-weight: 500;\n      text-align: center;\n      margin-left: 6px;\n      color: $darker-text-color;\n    }\n\n    &:hover,\n    &:focus,\n    &:active {\n      background: lighten($ui-base-color, 16%);\n      transition: all 200ms ease-out;\n      transition-property: background-color, color;\n\n      &__count {\n        color: lighten($darker-text-color, 4%);\n      }\n    }\n\n    &.active {\n      transition: all 100ms ease-in;\n      transition-property: background-color, color;\n      background-color: mix(lighten($ui-base-color, 12%), $ui-highlight-color, 80%);\n\n      .reactions-bar__item__count {\n        color: lighten($highlight-text-color, 8%);\n      }\n    }\n  }\n\n  .emoji-picker-dropdown {\n    margin: 2px;\n  }\n\n  &:hover .emoji-button {\n    opacity: 0.85;\n  }\n\n  .emoji-button {\n    color: $darker-text-color;\n    margin: 0;\n    font-size: 16px;\n    width: auto;\n    flex-shrink: 0;\n    padding: 0 6px;\n    height: 22px;\n    display: flex;\n    align-items: center;\n    opacity: 0.5;\n    transition: all 100ms ease-in;\n    transition-property: background-color, color;\n\n    &:hover,\n    &:active,\n    &:focus {\n      opacity: 1;\n      color: lighten($darker-text-color, 4%);\n      transition: all 200ms ease-out;\n      transition-property: background-color, color;\n    }\n  }\n\n  &--empty {\n    .emoji-button {\n      padding: 0;\n    }\n  }\n}\n",null,"@mixin avatar-radius {\n  border-radius: 4px;\n  background: transparent no-repeat;\n  background-position: 50%;\n  background-clip: padding-box;\n}\n\n@mixin avatar-size($size: 48px) {\n  width: $size;\n  height: $size;\n  background-size: $size $size;\n}\n\n@mixin search-input {\n  outline: 0;\n  box-sizing: border-box;\n  width: 100%;\n  border: 0;\n  box-shadow: none;\n  font-family: inherit;\n  background: $ui-base-color;\n  color: $darker-text-color;\n  font-size: 14px;\n  margin: 0;\n}\n\n@mixin search-popout {\n  background: $simple-background-color;\n  border-radius: 4px;\n  padding: 10px 14px;\n  padding-bottom: 14px;\n  margin-top: 10px;\n  color: $light-text-color;\n  box-shadow: 2px 4px 15px rgba($base-shadow-color, 0.4);\n\n  h4 {\n    text-transform: uppercase;\n    color: $light-text-color;\n    font-size: 13px;\n    font-weight: 500;\n    margin-bottom: 10px;\n  }\n\n  li {\n    padding: 4px 0;\n  }\n\n  ul {\n    margin-bottom: 10px;\n  }\n\n  em {\n    font-weight: 500;\n    color: $inverted-text-color;\n  }\n}\n",".poll {\n  margin-top: 16px;\n  font-size: 14px;\n\n  li {\n    margin-bottom: 10px;\n    position: relative;\n  }\n\n  &__chart {\n    border-radius: 4px;\n    display: block;\n    background: darken($ui-primary-color, 5%);\n    height: 5px;\n    min-width: 1%;\n\n    &.leading {\n      background: $ui-highlight-color;\n    }\n  }\n\n  &__option {\n    position: relative;\n    display: flex;\n    padding: 6px 0;\n    line-height: 18px;\n    cursor: default;\n    overflow: hidden;\n\n    &__text {\n      display: inline-block;\n      word-wrap: break-word;\n      overflow-wrap: break-word;\n      max-width: calc(100% - 45px - 25px);\n    }\n\n    input[type=radio],\n    input[type=checkbox] {\n      display: none;\n    }\n\n    .autossugest-input {\n      flex: 1 1 auto;\n    }\n\n    input[type=text] {\n      display: block;\n      box-sizing: border-box;\n      width: 100%;\n      font-size: 14px;\n      color: $inverted-text-color;\n      outline: 0;\n      font-family: inherit;\n      background: $simple-background-color;\n      border: 1px solid darken($simple-background-color, 14%);\n      border-radius: 4px;\n      padding: 6px 10px;\n\n      &:focus {\n        border-color: $highlight-text-color;\n      }\n    }\n\n    &.selectable {\n      cursor: pointer;\n    }\n\n    &.editable {\n      display: flex;\n      align-items: center;\n      overflow: visible;\n    }\n  }\n\n  &__input {\n    display: inline-block;\n    position: relative;\n    border: 1px solid $ui-primary-color;\n    box-sizing: border-box;\n    width: 18px;\n    height: 18px;\n    flex: 0 0 auto;\n    margin-right: 10px;\n    top: -1px;\n    border-radius: 50%;\n    vertical-align: middle;\n    margin-top: auto;\n    margin-bottom: auto;\n    flex: 0 0 18px;\n\n    &.checkbox {\n      border-radius: 4px;\n    }\n\n    &.active {\n      border-color: $valid-value-color;\n      background: $valid-value-color;\n    }\n\n    &:active,\n    &:focus,\n    &:hover {\n      border-color: lighten($valid-value-color, 15%);\n      border-width: 4px;\n    }\n\n    &::-moz-focus-inner {\n      outline: 0 !important;\n      border: 0;\n    }\n\n    &:focus,\n    &:active {\n      outline: 0 !important;\n    }\n  }\n\n  &__number {\n    display: inline-block;\n    width: 45px;\n    font-weight: 700;\n    flex: 0 0 45px;\n  }\n\n  &__voted {\n    padding: 0 5px;\n    display: inline-block;\n\n    &__mark {\n      font-size: 18px;\n    }\n  }\n\n  &__footer {\n    padding-top: 6px;\n    padding-bottom: 5px;\n    color: $dark-text-color;\n  }\n\n  &__link {\n    display: inline;\n    background: transparent;\n    padding: 0;\n    margin: 0;\n    border: 0;\n    color: $dark-text-color;\n    text-decoration: underline;\n    font-size: inherit;\n\n    &:hover {\n      text-decoration: none;\n    }\n\n    &:active,\n    &:focus {\n      background-color: rgba($dark-text-color, .1);\n    }\n  }\n\n  .button {\n    height: 36px;\n    padding: 0 16px;\n    margin-right: 10px;\n    font-size: 14px;\n  }\n}\n\n.compose-form__poll-wrapper {\n  border-top: 1px solid darken($simple-background-color, 8%);\n\n  ul {\n    padding: 10px;\n  }\n\n  .poll__footer {\n    border-top: 1px solid darken($simple-background-color, 8%);\n    padding: 10px;\n    display: flex;\n    align-items: center;\n\n    button,\n    select {\n      flex: 1 1 50%;\n\n      &:focus {\n        border-color: $highlight-text-color;\n      }\n    }\n  }\n\n  .button.button-secondary {\n    font-size: 14px;\n    font-weight: 400;\n    padding: 6px 10px;\n    height: auto;\n    line-height: inherit;\n    color: $action-button-color;\n    border-color: $action-button-color;\n    margin-right: 5px;\n  }\n\n  li {\n    display: flex;\n    align-items: center;\n\n    .poll__option {\n      flex: 0 0 auto;\n      width: calc(100% - (23px + 6px));\n      margin-right: 6px;\n    }\n  }\n\n  select {\n    appearance: none;\n    box-sizing: border-box;\n    font-size: 14px;\n    color: $inverted-text-color;\n    display: inline-block;\n    width: auto;\n    outline: 0;\n    font-family: inherit;\n    background: $simple-background-color url(\"data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14.933 18.467' height='19.698' width='15.929'><path d='M3.467 14.967l-3.393-3.5H14.86l-3.392 3.5c-1.866 1.925-3.666 3.5-4 3.5-.335 0-2.135-1.575-4-3.5zm.266-11.234L7.467 0 11.2 3.733l3.733 3.734H0l3.733-3.734z' fill='#{hex-color(darken($simple-background-color, 14%))}'/></svg>\") no-repeat right 8px center / auto 16px;\n    border: 1px solid darken($simple-background-color, 14%);\n    border-radius: 4px;\n    padding: 6px 10px;\n    padding-right: 30px;\n  }\n\n  .icon-button.disabled {\n    color: darken($simple-background-color, 14%);\n  }\n}\n\n.muted .poll {\n  color: $dark-text-color;\n\n  &__chart {\n    background: rgba(darken($ui-primary-color, 14%), 0.2);\n\n    &.leading {\n      background: rgba($ui-highlight-color, 0.2);\n    }\n  }\n}\n",".modal-layout {\n  background: $ui-base-color url('data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 234.80078 31.757813\" width=\"234.80078\" height=\"31.757812\"><path d=\"M19.599609 0c-1.05 0-2.10039.375-2.90039 1.125L0 16.925781v14.832031h234.80078V17.025391l-16.5-15.900391c-1.6-1.5-4.20078-1.5-5.80078 0l-13.80078 13.099609c-1.6 1.5-4.19883 1.5-5.79883 0L179.09961 1.125c-1.6-1.5-4.19883-1.5-5.79883 0L159.5 14.224609c-1.6 1.5-4.20078 1.5-5.80078 0L139.90039 1.125c-1.6-1.5-4.20078-1.5-5.80078 0l-13.79883 13.099609c-1.6 1.5-4.20078 1.5-5.80078 0L100.69922 1.125c-1.600001-1.5-4.198829-1.5-5.798829 0l-13.59961 13.099609c-1.6 1.5-4.200781 1.5-5.800781 0L61.699219 1.125c-1.6-1.5-4.198828-1.5-5.798828 0L42.099609 14.224609c-1.6 1.5-4.198828 1.5-5.798828 0L22.5 1.125C21.7.375 20.649609 0 19.599609 0z\" fill=\"#{hex-color($ui-base-lighter-color)}\"/></svg>') repeat-x bottom fixed;\n  display: flex;\n  flex-direction: column;\n  height: 100vh;\n  padding: 0;\n}\n\n.modal-layout__mastodon {\n  display: flex;\n  flex: 1;\n  flex-direction: column;\n  justify-content: flex-end;\n\n  > * {\n    flex: 1;\n    max-height: 235px;\n  }\n}\n\n@media screen and (max-width: 600px) {\n  .account-header {\n    margin-top: 0;\n  }\n}\n",".emoji-mart {\n  font-size: 13px;\n  display: inline-block;\n  color: $inverted-text-color;\n\n  &,\n  * {\n    box-sizing: border-box;\n    line-height: 1.15;\n  }\n\n  .emoji-mart-emoji {\n    padding: 6px;\n  }\n}\n\n.emoji-mart-bar {\n  border: 0 solid darken($ui-secondary-color, 8%);\n\n  &:first-child {\n    border-bottom-width: 1px;\n    border-top-left-radius: 5px;\n    border-top-right-radius: 5px;\n    background: $ui-secondary-color;\n  }\n\n  &:last-child {\n    border-top-width: 1px;\n    border-bottom-left-radius: 5px;\n    border-bottom-right-radius: 5px;\n    display: none;\n  }\n}\n\n.emoji-mart-anchors {\n  display: flex;\n  justify-content: space-between;\n  padding: 0 6px;\n  color: $lighter-text-color;\n  line-height: 0;\n}\n\n.emoji-mart-anchor {\n  position: relative;\n  flex: 1;\n  text-align: center;\n  padding: 12px 4px;\n  overflow: hidden;\n  transition: color .1s ease-out;\n  cursor: pointer;\n\n  &:hover {\n    color: darken($lighter-text-color, 4%);\n  }\n}\n\n.emoji-mart-anchor-selected {\n  color: $highlight-text-color;\n\n  &:hover {\n    color: darken($highlight-text-color, 4%);\n  }\n\n  .emoji-mart-anchor-bar {\n    bottom: -1px;\n  }\n}\n\n.emoji-mart-anchor-bar {\n  position: absolute;\n  bottom: -5px;\n  left: 0;\n  width: 100%;\n  height: 4px;\n  background-color: $highlight-text-color;\n}\n\n.emoji-mart-anchors {\n  i {\n    display: inline-block;\n    width: 100%;\n    max-width: 22px;\n  }\n\n  svg {\n    fill: currentColor;\n    max-height: 18px;\n  }\n}\n\n.emoji-mart-scroll {\n  overflow-y: scroll;\n  height: 270px;\n  max-height: 35vh;\n  padding: 0 6px 6px;\n  background: $simple-background-color;\n  will-change: transform;\n\n  &::-webkit-scrollbar-track:hover,\n  &::-webkit-scrollbar-track:active {\n    background-color: rgba($base-overlay-background, 0.3);\n  }\n}\n\n.emoji-mart-search {\n  padding: 10px;\n  padding-right: 45px;\n  background: $simple-background-color;\n\n  input {\n    font-size: 14px;\n    font-weight: 400;\n    padding: 7px 9px;\n    font-family: inherit;\n    display: block;\n    width: 100%;\n    background: rgba($ui-secondary-color, 0.3);\n    color: $inverted-text-color;\n    border: 1px solid $ui-secondary-color;\n    border-radius: 4px;\n\n    &::-moz-focus-inner {\n      border: 0;\n    }\n\n    &::-moz-focus-inner,\n    &:focus,\n    &:active {\n      outline: 0 !important;\n    }\n  }\n}\n\n.emoji-mart-category .emoji-mart-emoji {\n  cursor: pointer;\n\n  span {\n    z-index: 1;\n    position: relative;\n    text-align: center;\n  }\n\n  &:hover::before {\n    z-index: 0;\n    content: \"\";\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n    background-color: rgba($ui-secondary-color, 0.7);\n    border-radius: 100%;\n  }\n}\n\n.emoji-mart-category-label {\n  z-index: 2;\n  position: relative;\n  position: -webkit-sticky;\n  position: sticky;\n  top: 0;\n\n  span {\n    display: block;\n    width: 100%;\n    font-weight: 500;\n    padding: 5px 6px;\n    background: $simple-background-color;\n  }\n}\n\n.emoji-mart-emoji {\n  position: relative;\n  display: inline-block;\n  font-size: 0;\n\n  span {\n    width: 22px;\n    height: 22px;\n  }\n}\n\n.emoji-mart-no-results {\n  font-size: 14px;\n  text-align: center;\n  padding-top: 70px;\n  color: $light-text-color;\n\n  .emoji-mart-category-label {\n    display: none;\n  }\n\n  .emoji-mart-no-results-label {\n    margin-top: .2em;\n  }\n\n  .emoji-mart-emoji:hover::before {\n    content: none;\n  }\n}\n\n.emoji-mart-preview {\n  display: none;\n}\n","$maximum-width: 1235px;\n$fluid-breakpoint: $maximum-width + 20px;\n$column-breakpoint: 700px;\n$small-breakpoint: 960px;\n\n.container {\n  box-sizing: border-box;\n  max-width: $maximum-width;\n  margin: 0 auto;\n  position: relative;\n\n  @media screen and (max-width: $fluid-breakpoint) {\n    width: 100%;\n    padding: 0 10px;\n  }\n}\n\n.rich-formatting {\n  font-family: $font-sans-serif, sans-serif;\n  font-size: 14px;\n  font-weight: 400;\n  line-height: 1.7;\n  word-wrap: break-word;\n  color: $darker-text-color;\n\n  a {\n    color: $highlight-text-color;\n    text-decoration: underline;\n\n    &:hover,\n    &:focus,\n    &:active {\n      text-decoration: none;\n    }\n  }\n\n  p,\n  li {\n    color: $darker-text-color;\n  }\n\n  p {\n    margin-top: 0;\n    margin-bottom: .85em;\n\n    &:last-child {\n      margin-bottom: 0;\n    }\n  }\n\n  strong {\n    font-weight: 700;\n    color: $secondary-text-color;\n  }\n\n  em {\n    font-style: italic;\n    color: $secondary-text-color;\n  }\n\n  code {\n    font-size: 0.85em;\n    background: darken($ui-base-color, 8%);\n    border-radius: 4px;\n    padding: 0.2em 0.3em;\n  }\n\n  h1,\n  h2,\n  h3,\n  h4,\n  h5,\n  h6 {\n    font-family: $font-display, sans-serif;\n    margin-top: 1.275em;\n    margin-bottom: .85em;\n    font-weight: 500;\n    color: $secondary-text-color;\n  }\n\n  h1 {\n    font-size: 2em;\n  }\n\n  h2 {\n    font-size: 1.75em;\n  }\n\n  h3 {\n    font-size: 1.5em;\n  }\n\n  h4 {\n    font-size: 1.25em;\n  }\n\n  h5,\n  h6 {\n    font-size: 1em;\n  }\n\n  ul {\n    list-style: disc;\n  }\n\n  ol {\n    list-style: decimal;\n  }\n\n  ul,\n  ol {\n    margin: 0;\n    padding: 0;\n    padding-left: 2em;\n    margin-bottom: 0.85em;\n\n    &[type='a'] {\n      list-style-type: lower-alpha;\n    }\n\n    &[type='i'] {\n      list-style-type: lower-roman;\n    }\n  }\n\n  hr {\n    width: 100%;\n    height: 0;\n    border: 0;\n    border-bottom: 1px solid lighten($ui-base-color, 4%);\n    margin: 1.7em 0;\n\n    &.spacer {\n      height: 1px;\n      border: 0;\n    }\n  }\n\n  table {\n    width: 100%;\n    border-collapse: collapse;\n    break-inside: auto;\n    margin-top: 24px;\n    margin-bottom: 32px;\n\n    thead tr,\n    tbody tr {\n      border-bottom: 1px solid lighten($ui-base-color, 4%);\n      font-size: 1em;\n      line-height: 1.625;\n      font-weight: 400;\n      text-align: left;\n      color: $darker-text-color;\n    }\n\n    thead tr {\n      border-bottom-width: 2px;\n      line-height: 1.5;\n      font-weight: 500;\n      color: $dark-text-color;\n    }\n\n    th,\n    td {\n      padding: 8px;\n      align-self: start;\n      align-items: start;\n      word-break: break-all;\n\n      &.nowrap {\n        width: 25%;\n        position: relative;\n\n        &::before {\n          content: '&nbsp;';\n          visibility: hidden;\n        }\n\n        span {\n          position: absolute;\n          left: 8px;\n          right: 8px;\n          white-space: nowrap;\n          overflow: hidden;\n          text-overflow: ellipsis;\n        }\n      }\n    }\n  }\n\n  & > :first-child {\n    margin-top: 0;\n  }\n}\n\n.information-board {\n  background: darken($ui-base-color, 4%);\n  padding: 20px 0;\n\n  .container-alt {\n    position: relative;\n    padding-right: 280px + 15px;\n  }\n\n  &__sections {\n    display: flex;\n    justify-content: space-between;\n    flex-wrap: wrap;\n  }\n\n  &__section {\n    flex: 1 0 0;\n    font-family: $font-sans-serif, sans-serif;\n    font-size: 16px;\n    line-height: 28px;\n    color: $primary-text-color;\n    text-align: right;\n    padding: 10px 15px;\n\n    span,\n    strong {\n      display: block;\n    }\n\n    span {\n      &:last-child {\n        color: $secondary-text-color;\n      }\n    }\n\n    strong {\n      font-family: $font-display, sans-serif;\n      font-weight: 500;\n      font-size: 32px;\n      line-height: 48px;\n    }\n\n    @media screen and (max-width: $column-breakpoint) {\n      text-align: center;\n    }\n  }\n\n  .panel {\n    position: absolute;\n    width: 280px;\n    box-sizing: border-box;\n    background: darken($ui-base-color, 8%);\n    padding: 20px;\n    padding-top: 10px;\n    border-radius: 4px 4px 0 0;\n    right: 0;\n    bottom: -40px;\n\n    .panel-header {\n      font-family: $font-display, sans-serif;\n      font-size: 14px;\n      line-height: 24px;\n      font-weight: 500;\n      color: $darker-text-color;\n      padding-bottom: 5px;\n      margin-bottom: 15px;\n      border-bottom: 1px solid lighten($ui-base-color, 4%);\n      text-overflow: ellipsis;\n      white-space: nowrap;\n      overflow: hidden;\n\n      a,\n      span {\n        font-weight: 400;\n        color: darken($darker-text-color, 10%);\n      }\n\n      a {\n        text-decoration: none;\n      }\n    }\n  }\n\n  .owner {\n    text-align: center;\n\n    .avatar {\n      width: 80px;\n      height: 80px;\n      margin: 0 auto;\n      margin-bottom: 15px;\n\n      img {\n        display: block;\n        width: 80px;\n        height: 80px;\n        border-radius: 48px;\n      }\n    }\n\n    .name {\n      font-size: 14px;\n\n      a {\n        display: block;\n        color: $primary-text-color;\n        text-decoration: none;\n\n        &:hover {\n          .display_name {\n            text-decoration: underline;\n          }\n        }\n      }\n\n      .username {\n        display: block;\n        color: $darker-text-color;\n      }\n    }\n  }\n}\n\n.landing-page {\n  p,\n  li {\n    font-family: $font-sans-serif, sans-serif;\n    font-size: 16px;\n    font-weight: 400;\n    font-size: 16px;\n    line-height: 30px;\n    margin-bottom: 12px;\n    color: $darker-text-color;\n\n    a {\n      color: $highlight-text-color;\n      text-decoration: underline;\n    }\n  }\n\n  em {\n    display: inline;\n    margin: 0;\n    padding: 0;\n    font-weight: 700;\n    background: transparent;\n    font-family: inherit;\n    font-size: inherit;\n    line-height: inherit;\n    color: lighten($darker-text-color, 10%);\n  }\n\n  h1 {\n    font-family: $font-display, sans-serif;\n    font-size: 26px;\n    line-height: 30px;\n    font-weight: 500;\n    margin-bottom: 20px;\n    color: $secondary-text-color;\n\n    small {\n      font-family: $font-sans-serif, sans-serif;\n      display: block;\n      font-size: 18px;\n      font-weight: 400;\n      color: lighten($darker-text-color, 10%);\n    }\n  }\n\n  h2 {\n    font-family: $font-display, sans-serif;\n    font-size: 22px;\n    line-height: 26px;\n    font-weight: 500;\n    margin-bottom: 20px;\n    color: $secondary-text-color;\n  }\n\n  h3 {\n    font-family: $font-display, sans-serif;\n    font-size: 18px;\n    line-height: 24px;\n    font-weight: 500;\n    margin-bottom: 20px;\n    color: $secondary-text-color;\n  }\n\n  h4 {\n    font-family: $font-display, sans-serif;\n    font-size: 16px;\n    line-height: 24px;\n    font-weight: 500;\n    margin-bottom: 20px;\n    color: $secondary-text-color;\n  }\n\n  h5 {\n    font-family: $font-display, sans-serif;\n    font-size: 14px;\n    line-height: 24px;\n    font-weight: 500;\n    margin-bottom: 20px;\n    color: $secondary-text-color;\n  }\n\n  h6 {\n    font-family: $font-display, sans-serif;\n    font-size: 12px;\n    line-height: 24px;\n    font-weight: 500;\n    margin-bottom: 20px;\n    color: $secondary-text-color;\n  }\n\n  ul,\n  ol {\n    margin-left: 20px;\n\n    &[type='a'] {\n      list-style-type: lower-alpha;\n    }\n\n    &[type='i'] {\n      list-style-type: lower-roman;\n    }\n  }\n\n  ul {\n    list-style: disc;\n  }\n\n  ol {\n    list-style: decimal;\n  }\n\n  li > ol,\n  li > ul {\n    margin-top: 6px;\n  }\n\n  hr {\n    width: 100%;\n    height: 0;\n    border: 0;\n    border-bottom: 1px solid rgba($ui-base-lighter-color, .6);\n    margin: 20px 0;\n\n    &.spacer {\n      height: 1px;\n      border: 0;\n    }\n  }\n\n  &__information,\n  &__forms {\n    padding: 20px;\n  }\n\n  &__call-to-action {\n    background: $ui-base-color;\n    border-radius: 4px;\n    padding: 25px 40px;\n    overflow: hidden;\n    box-sizing: border-box;\n\n    .row {\n      width: 100%;\n      display: flex;\n      flex-direction: row-reverse;\n      flex-wrap: nowrap;\n      justify-content: space-between;\n      align-items: center;\n    }\n\n    .row__information-board {\n      display: flex;\n      justify-content: flex-end;\n      align-items: flex-end;\n\n      .information-board__section {\n        flex: 1 0 auto;\n        padding: 0 10px;\n      }\n\n      @media screen and (max-width: $no-gap-breakpoint) {\n        width: 100%;\n        justify-content: space-between;\n      }\n    }\n\n    .row__mascot {\n      flex: 1;\n      margin: 10px -50px 0 0;\n\n      @media screen and (max-width: $no-gap-breakpoint) {\n        display: none;\n      }\n    }\n  }\n\n  &__logo {\n    margin-right: 20px;\n\n    img {\n      height: 50px;\n      width: auto;\n      mix-blend-mode: lighten;\n    }\n  }\n\n  &__information {\n    padding: 45px 40px;\n    margin-bottom: 10px;\n\n    &:last-child {\n      margin-bottom: 0;\n    }\n\n    strong {\n      font-weight: 500;\n      color: lighten($darker-text-color, 10%);\n    }\n\n    .account {\n      border-bottom: 0;\n      padding: 0;\n\n      &__display-name {\n        align-items: center;\n        display: flex;\n        margin-right: 5px;\n      }\n\n      div.account__display-name {\n        &:hover {\n          .display-name strong {\n            text-decoration: none;\n          }\n        }\n\n        .account__avatar {\n          cursor: default;\n        }\n      }\n\n      &__avatar-wrapper {\n        margin-left: 0;\n        flex: 0 0 auto;\n      }\n\n      &__avatar {\n        width: 44px;\n        height: 44px;\n        background-size: 44px 44px;\n      }\n\n      .display-name {\n        font-size: 15px;\n\n        &__account {\n          font-size: 14px;\n        }\n      }\n    }\n\n    @media screen and (max-width: $small-breakpoint) {\n      .contact {\n        margin-top: 30px;\n      }\n    }\n\n    @media screen and (max-width: $column-breakpoint) {\n      padding: 25px 20px;\n    }\n  }\n\n  &__information,\n  &__forms,\n  #mastodon-timeline {\n    box-sizing: border-box;\n    background: $ui-base-color;\n    border-radius: 4px;\n    box-shadow: 0 0 6px rgba($black, 0.1);\n  }\n\n  &__mascot {\n    height: 104px;\n    position: relative;\n    left: -40px;\n    bottom: 25px;\n\n    img {\n      height: 190px;\n      width: auto;\n    }\n  }\n\n  &__short-description {\n    .row {\n      display: flex;\n      flex-wrap: wrap;\n      align-items: center;\n      margin-bottom: 40px;\n    }\n\n    @media screen and (max-width: $column-breakpoint) {\n      .row {\n        margin-bottom: 20px;\n      }\n    }\n\n    p a {\n      color: $secondary-text-color;\n    }\n\n    h1 {\n      font-weight: 500;\n      color: $primary-text-color;\n      margin-bottom: 0;\n\n      small {\n        color: $darker-text-color;\n\n        span {\n          color: $secondary-text-color;\n        }\n      }\n    }\n\n    p:last-child {\n      margin-bottom: 0;\n    }\n  }\n\n  &__hero {\n    margin-bottom: 10px;\n\n    img {\n      display: block;\n      margin: 0;\n      max-width: 100%;\n      height: auto;\n      border-radius: 4px;\n    }\n  }\n\n  @media screen and (max-width: 840px) {\n    .information-board {\n      .container-alt {\n        padding-right: 20px;\n      }\n\n      .panel {\n        position: static;\n        margin-top: 20px;\n        width: 100%;\n        border-radius: 4px;\n\n        .panel-header {\n          text-align: center;\n        }\n      }\n    }\n  }\n\n  @media screen and (max-width: 675px) {\n    .header-wrapper {\n      padding-top: 0;\n\n      &.compact {\n        padding-bottom: 0;\n      }\n\n      &.compact .hero .heading {\n        text-align: initial;\n      }\n    }\n\n    .header .container-alt,\n    .features .container-alt {\n      display: block;\n    }\n  }\n\n  .cta {\n    margin: 20px;\n  }\n}\n\n.landing {\n  margin-bottom: 100px;\n\n  @media screen and (max-width: 738px) {\n    margin-bottom: 0;\n  }\n\n  &__brand {\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    padding: 50px;\n\n    svg {\n      fill: $primary-text-color;\n      height: 52px;\n    }\n\n    @media screen and (max-width: $no-gap-breakpoint) {\n      padding: 0;\n      margin-bottom: 30px;\n    }\n  }\n\n  .directory {\n    margin-top: 30px;\n    background: transparent;\n    box-shadow: none;\n    border-radius: 0;\n  }\n\n  .hero-widget {\n    margin-top: 30px;\n    margin-bottom: 0;\n\n    h4 {\n      padding: 10px;\n      text-transform: uppercase;\n      font-weight: 700;\n      font-size: 13px;\n      color: $darker-text-color;\n    }\n\n    &__text {\n      border-radius: 0;\n      padding-bottom: 0;\n    }\n\n    &__footer {\n      background: $ui-base-color;\n      padding: 10px;\n      border-radius: 0 0 4px 4px;\n      display: flex;\n\n      &__column {\n        flex: 1 1 50%;\n      }\n    }\n\n    .account {\n      padding: 10px 0;\n      border-bottom: 0;\n\n      .account__display-name {\n        display: flex;\n        align-items: center;\n      }\n\n      .account__avatar {\n        width: 44px;\n        height: 44px;\n        background-size: 44px 44px;\n      }\n    }\n\n    &__counter {\n      padding: 10px;\n\n      strong {\n        font-family: $font-display, sans-serif;\n        font-size: 15px;\n        font-weight: 700;\n        display: block;\n      }\n\n      span {\n        font-size: 14px;\n        color: $darker-text-color;\n      }\n    }\n  }\n\n  .simple_form .user_agreement .label_input > label {\n    font-weight: 400;\n    color: $darker-text-color;\n  }\n\n  .simple_form p.lead {\n    color: $darker-text-color;\n    font-size: 15px;\n    line-height: 20px;\n    font-weight: 400;\n    margin-bottom: 25px;\n  }\n\n  &__grid {\n    max-width: 960px;\n    margin: 0 auto;\n    display: grid;\n    grid-template-columns: minmax(0, 50%) minmax(0, 50%);\n    grid-gap: 30px;\n\n    @media screen and (max-width: 738px) {\n      grid-template-columns: minmax(0, 100%);\n      grid-gap: 10px;\n\n      &__column-login {\n        grid-row: 1;\n        display: flex;\n        flex-direction: column;\n\n        .box-widget {\n          order: 2;\n          flex: 0 0 auto;\n        }\n\n        .hero-widget {\n          margin-top: 0;\n          margin-bottom: 10px;\n          order: 1;\n          flex: 0 0 auto;\n        }\n      }\n\n      &__column-registration {\n        grid-row: 2;\n      }\n\n      .directory {\n        margin-top: 10px;\n      }\n    }\n\n    @media screen and (max-width: $no-gap-breakpoint) {\n      grid-gap: 0;\n\n      .hero-widget {\n        display: block;\n        margin-bottom: 0;\n        box-shadow: none;\n\n        &__img,\n        &__img img,\n        &__footer {\n          border-radius: 0;\n        }\n      }\n\n      .hero-widget,\n      .box-widget,\n      .directory__tag {\n        border-bottom: 1px solid lighten($ui-base-color, 8%);\n      }\n\n      .directory {\n        margin-top: 0;\n\n        &__tag {\n          margin-bottom: 0;\n\n          & > a,\n          & > div {\n            border-radius: 0;\n            box-shadow: none;\n          }\n\n          &:last-child {\n            border-bottom: 0;\n          }\n        }\n      }\n    }\n  }\n}\n\n.brand {\n  position: relative;\n  text-decoration: none;\n}\n\n.brand__tagline {\n  display: block;\n  position: absolute;\n  bottom: -10px;\n  left: 50px;\n  width: 300px;\n  color: $ui-primary-color;\n  text-decoration: none;\n  font-size: 14px;\n\n  @media screen and (max-width: $no-gap-breakpoint) {\n    position: static;\n    width: auto;\n    margin-top: 20px;\n    color: $dark-text-color;\n  }\n}\n\n",".table {\n  width: 100%;\n  max-width: 100%;\n  border-spacing: 0;\n  border-collapse: collapse;\n\n  th,\n  td {\n    padding: 8px;\n    line-height: 18px;\n    vertical-align: top;\n    border-top: 1px solid $ui-base-color;\n    text-align: left;\n    background: darken($ui-base-color, 4%);\n  }\n\n  & > thead > tr > th {\n    vertical-align: bottom;\n    border-bottom: 2px solid $ui-base-color;\n    border-top: 0;\n    font-weight: 500;\n  }\n\n  & > tbody > tr > th {\n    font-weight: 500;\n  }\n\n  & > tbody > tr:nth-child(odd) > td,\n  & > tbody > tr:nth-child(odd) > th {\n    background: $ui-base-color;\n  }\n\n  a {\n    color: $highlight-text-color;\n    text-decoration: underline;\n\n    &:hover {\n      text-decoration: none;\n    }\n  }\n\n  strong {\n    font-weight: 500;\n\n    @each $lang in $cjk-langs {\n      &:lang(#{$lang}) {\n        font-weight: 700;\n      }\n    }\n  }\n\n  &.inline-table {\n    & > tbody > tr:nth-child(odd) {\n      & > td,\n      & > th {\n        background: transparent;\n      }\n    }\n\n    & > tbody > tr:first-child {\n      & > td,\n      & > th {\n        border-top: 0;\n      }\n    }\n  }\n\n  &.batch-table {\n    & > thead > tr > th {\n      background: $ui-base-color;\n      border-top: 1px solid darken($ui-base-color, 8%);\n      border-bottom: 1px solid darken($ui-base-color, 8%);\n\n      &:first-child {\n        border-radius: 4px 0 0;\n        border-left: 1px solid darken($ui-base-color, 8%);\n      }\n\n      &:last-child {\n        border-radius: 0 4px 0 0;\n        border-right: 1px solid darken($ui-base-color, 8%);\n      }\n    }\n  }\n\n  &--invites tbody td {\n    vertical-align: middle;\n  }\n}\n\n.table-wrapper {\n  overflow: auto;\n  margin-bottom: 20px;\n}\n\nsamp {\n  font-family: $font-monospace, monospace;\n}\n\nbutton.table-action-link {\n  background: transparent;\n  border: 0;\n  font: inherit;\n}\n\nbutton.table-action-link,\na.table-action-link {\n  text-decoration: none;\n  display: inline-block;\n  margin-right: 5px;\n  padding: 0 10px;\n  color: $darker-text-color;\n  font-weight: 500;\n\n  &:hover {\n    color: $primary-text-color;\n  }\n\n  i.fa {\n    font-weight: 400;\n    margin-right: 5px;\n  }\n\n  &:first-child {\n    padding-left: 0;\n  }\n}\n\n.batch-table {\n  &__toolbar,\n  &__row {\n    display: flex;\n\n    &__select {\n      box-sizing: border-box;\n      padding: 8px 16px;\n      cursor: pointer;\n      min-height: 100%;\n\n      input {\n        margin-top: 8px;\n      }\n\n      &--aligned {\n        display: flex;\n        align-items: center;\n\n        input {\n          margin-top: 0;\n        }\n      }\n    }\n\n    &__actions,\n    &__content {\n      padding: 8px 0;\n      padding-right: 16px;\n      flex: 1 1 auto;\n    }\n  }\n\n  &__toolbar {\n    border: 1px solid darken($ui-base-color, 8%);\n    background: $ui-base-color;\n    border-radius: 4px 0 0;\n    height: 47px;\n    align-items: center;\n\n    &__actions {\n      text-align: right;\n      padding-right: 16px - 5px;\n    }\n  }\n\n  &__form {\n    padding: 16px;\n    border: 1px solid darken($ui-base-color, 8%);\n    border-top: 0;\n    background: $ui-base-color;\n\n    .fields-row {\n      padding-top: 0;\n      margin-bottom: 0;\n    }\n  }\n\n  &__row {\n    border: 1px solid darken($ui-base-color, 8%);\n    border-top: 0;\n    background: darken($ui-base-color, 4%);\n\n    @media screen and (max-width: $no-gap-breakpoint) {\n      .optional &:first-child {\n        border-top: 1px solid darken($ui-base-color, 8%);\n      }\n    }\n\n    &:hover {\n      background: darken($ui-base-color, 2%);\n    }\n\n    &:nth-child(even) {\n      background: $ui-base-color;\n\n      &:hover {\n        background: lighten($ui-base-color, 2%);\n      }\n    }\n\n    &__content {\n      padding-top: 12px;\n      padding-bottom: 16px;\n\n      &--unpadded {\n        padding: 0;\n      }\n\n      &--with-image {\n        display: flex;\n        align-items: center;\n      }\n\n      &__image {\n        flex: 0 0 auto;\n        display: flex;\n        justify-content: center;\n        align-items: center;\n        margin-right: 10px;\n\n        .emojione {\n          width: 32px;\n          height: 32px;\n        }\n      }\n\n      &__text {\n        flex: 1 1 auto;\n      }\n\n      &__extra {\n        flex: 0 0 auto;\n        text-align: right;\n        color: $darker-text-color;\n        font-weight: 500;\n      }\n    }\n\n    .directory__tag {\n      margin: 0;\n      width: 100%;\n\n      a {\n        background: transparent;\n        border-radius: 0;\n      }\n    }\n  }\n\n  &.optional .batch-table__toolbar,\n  &.optional .batch-table__row__select {\n    @media screen and (max-width: $no-gap-breakpoint) {\n      display: none;\n    }\n  }\n\n  .status__content {\n    padding-top: 0;\n\n    summary {\n      display: list-item;\n    }\n\n    strong {\n      font-weight: 700;\n    }\n  }\n\n  .nothing-here {\n    border: 1px solid darken($ui-base-color, 8%);\n    border-top: 0;\n    box-shadow: none;\n\n    @media screen and (max-width: $no-gap-breakpoint) {\n      border-top: 1px solid darken($ui-base-color, 8%);\n    }\n  }\n\n  @media screen and (max-width: 870px) {\n    .accounts-table tbody td.optional {\n      display: none;\n    }\n  }\n}\n","$no-columns-breakpoint: 600px;\n$sidebar-width: 240px;\n$content-width: 840px;\n\n.admin-wrapper {\n  display: flex;\n  justify-content: center;\n  width: 100%;\n  min-height: 100vh;\n\n  .sidebar-wrapper {\n    min-height: 100vh;\n    overflow: hidden;\n    pointer-events: none;\n    flex: 1 1 auto;\n\n    &__inner {\n      display: flex;\n      justify-content: flex-end;\n      background: $ui-base-color;\n      height: 100%;\n    }\n  }\n\n  .sidebar {\n    width: $sidebar-width;\n    padding: 0;\n    pointer-events: auto;\n\n    &__toggle {\n      display: none;\n      background: lighten($ui-base-color, 8%);\n      height: 48px;\n\n      &__logo {\n        flex: 1 1 auto;\n\n        a {\n          display: inline-block;\n          padding: 15px;\n        }\n\n        svg {\n          fill: $primary-text-color;\n          height: 20px;\n          position: relative;\n          bottom: -2px;\n        }\n      }\n\n      &__icon {\n        display: block;\n        color: $darker-text-color;\n        text-decoration: none;\n        flex: 0 0 auto;\n        font-size: 20px;\n        padding: 15px;\n      }\n\n      a {\n        &:hover,\n        &:focus,\n        &:active {\n          background: lighten($ui-base-color, 12%);\n        }\n      }\n    }\n\n    .logo {\n      display: block;\n      margin: 40px auto;\n      width: 100px;\n      height: 100px;\n    }\n\n    @media screen and (max-width: $no-columns-breakpoint) {\n      & > a:first-child {\n        display: none;\n      }\n    }\n\n    ul {\n      list-style: none;\n      border-radius: 4px 0 0 4px;\n      overflow: hidden;\n      margin-bottom: 20px;\n\n      @media screen and (max-width: $no-columns-breakpoint) {\n        margin-bottom: 0;\n      }\n\n      a {\n        display: block;\n        padding: 15px;\n        color: $darker-text-color;\n        text-decoration: none;\n        transition: all 200ms linear;\n        transition-property: color, background-color;\n        border-radius: 4px 0 0 4px;\n        white-space: nowrap;\n        overflow: hidden;\n        text-overflow: ellipsis;\n\n        i.fa {\n          margin-right: 5px;\n        }\n\n        &:hover {\n          color: $primary-text-color;\n          background-color: darken($ui-base-color, 5%);\n          transition: all 100ms linear;\n          transition-property: color, background-color;\n        }\n\n        &.selected {\n          background: darken($ui-base-color, 2%);\n          border-radius: 4px 0 0;\n        }\n      }\n\n      ul {\n        background: darken($ui-base-color, 4%);\n        border-radius: 0 0 0 4px;\n        margin: 0;\n\n        a {\n          border: 0;\n          padding: 15px 35px;\n        }\n      }\n\n      .simple-navigation-active-leaf a {\n        color: $primary-text-color;\n        background-color: $ui-highlight-color;\n        border-bottom: 0;\n        border-radius: 0;\n\n        &:hover {\n          background-color: lighten($ui-highlight-color, 5%);\n        }\n      }\n    }\n\n    & > ul > .simple-navigation-active-leaf a {\n      border-radius: 4px 0 0 4px;\n    }\n  }\n\n  .content-wrapper {\n    box-sizing: border-box;\n    width: 100%;\n    max-width: $content-width;\n    flex: 1 1 auto;\n  }\n\n  @media screen and (max-width: $content-width + $sidebar-width) {\n    .sidebar-wrapper--empty {\n      display: none;\n    }\n\n    .sidebar-wrapper {\n      width: $sidebar-width;\n      flex: 0 0 auto;\n    }\n  }\n\n  @media screen and (max-width: $no-columns-breakpoint) {\n    .sidebar-wrapper {\n      width: 100%;\n    }\n  }\n\n  .content {\n    padding: 20px 15px;\n    padding-top: 60px;\n    padding-left: 25px;\n\n    @media screen and (max-width: $no-columns-breakpoint) {\n      max-width: none;\n      padding: 15px;\n      padding-top: 30px;\n    }\n\n    &-heading {\n      display: flex;\n\n      padding-bottom: 40px;\n      border-bottom: 1px solid lighten($ui-base-color, 8%);\n\n      margin: -15px -15px 40px 0;\n\n      flex-wrap: wrap;\n      align-items: center;\n      justify-content: space-between;\n\n      & > * {\n        margin-top: 15px;\n        margin-right: 15px;\n      }\n\n      &-actions {\n        display: inline-flex;\n\n        & > :not(:first-child) {\n          margin-left: 5px;\n        }\n      }\n\n      @media screen and (max-width: $no-columns-breakpoint) {\n        border-bottom: 0;\n        padding-bottom: 0;\n      }\n    }\n\n    h2 {\n      color: $secondary-text-color;\n      font-size: 24px;\n      line-height: 28px;\n      font-weight: 400;\n\n      @media screen and (max-width: $no-columns-breakpoint) {\n        font-weight: 700;\n      }\n    }\n\n    h3 {\n      color: $secondary-text-color;\n      font-size: 20px;\n      line-height: 28px;\n      font-weight: 400;\n      margin-bottom: 30px;\n    }\n\n    h4 {\n      text-transform: uppercase;\n      font-size: 13px;\n      font-weight: 700;\n      color: $darker-text-color;\n      padding-bottom: 8px;\n      margin-bottom: 8px;\n      border-bottom: 1px solid lighten($ui-base-color, 8%);\n    }\n\n    h6 {\n      font-size: 16px;\n      color: $secondary-text-color;\n      line-height: 28px;\n      font-weight: 500;\n    }\n\n    .fields-group h6 {\n      color: $primary-text-color;\n      font-weight: 500;\n    }\n\n    .directory__tag > a,\n    .directory__tag > div {\n      box-shadow: none;\n    }\n\n    .directory__tag .table-action-link .fa {\n      color: inherit;\n    }\n\n    .directory__tag h4 {\n      font-size: 18px;\n      font-weight: 700;\n      color: $primary-text-color;\n      text-transform: none;\n      padding-bottom: 0;\n      margin-bottom: 0;\n      border-bottom: 0;\n    }\n\n    & > p {\n      font-size: 14px;\n      line-height: 21px;\n      color: $secondary-text-color;\n      margin-bottom: 20px;\n\n      strong {\n        color: $primary-text-color;\n        font-weight: 500;\n\n        @each $lang in $cjk-langs {\n          &:lang(#{$lang}) {\n            font-weight: 700;\n          }\n        }\n      }\n    }\n\n    hr {\n      width: 100%;\n      height: 0;\n      border: 0;\n      border-bottom: 1px solid rgba($ui-base-lighter-color, .6);\n      margin: 20px 0;\n\n      &.spacer {\n        height: 1px;\n        border: 0;\n      }\n    }\n  }\n\n  @media screen and (max-width: $no-columns-breakpoint) {\n    display: block;\n\n    .sidebar-wrapper {\n      min-height: 0;\n    }\n\n    .sidebar {\n      width: 100%;\n      padding: 0;\n      height: auto;\n\n      &__toggle {\n        display: flex;\n      }\n\n      & > ul {\n        display: none;\n      }\n\n      ul a,\n      ul ul a {\n        border-radius: 0;\n        border-bottom: 1px solid lighten($ui-base-color, 4%);\n        transition: none;\n\n        &:hover {\n          transition: none;\n        }\n      }\n\n      ul ul {\n        border-radius: 0;\n      }\n\n      ul .simple-navigation-active-leaf a {\n        border-bottom-color: $ui-highlight-color;\n      }\n    }\n  }\n}\n\nhr.spacer {\n  width: 100%;\n  border: 0;\n  margin: 20px 0;\n  height: 1px;\n}\n\nbody,\n.admin-wrapper .content {\n  .muted-hint {\n    color: $darker-text-color;\n\n    a {\n      color: $highlight-text-color;\n    }\n  }\n\n  .positive-hint {\n    color: $valid-value-color;\n    font-weight: 500;\n  }\n\n  .negative-hint {\n    color: $error-value-color;\n    font-weight: 500;\n  }\n\n  .neutral-hint {\n    color: $dark-text-color;\n    font-weight: 500;\n  }\n\n  .warning-hint {\n    color: $gold-star;\n    font-weight: 500;\n  }\n}\n\n.filters {\n  display: flex;\n  flex-wrap: wrap;\n\n  .filter-subset {\n    flex: 0 0 auto;\n    margin: 0 40px 20px 0;\n\n    &:last-child {\n      margin-bottom: 30px;\n    }\n\n    ul {\n      margin-top: 5px;\n      list-style: none;\n\n      li {\n        display: inline-block;\n        margin-right: 5px;\n      }\n    }\n\n    strong {\n      font-weight: 500;\n      text-transform: uppercase;\n      font-size: 12px;\n\n      @each $lang in $cjk-langs {\n        &:lang(#{$lang}) {\n          font-weight: 700;\n        }\n      }\n    }\n\n    &--with-select strong {\n      display: block;\n      margin-bottom: 10px;\n    }\n\n    a {\n      display: inline-block;\n      color: $darker-text-color;\n      text-decoration: none;\n      text-transform: uppercase;\n      font-size: 12px;\n      font-weight: 500;\n      border-bottom: 2px solid $ui-base-color;\n\n      &:hover {\n        color: $primary-text-color;\n        border-bottom: 2px solid lighten($ui-base-color, 5%);\n      }\n\n      &.selected {\n        color: $highlight-text-color;\n        border-bottom: 2px solid $ui-highlight-color;\n      }\n    }\n  }\n}\n\n.flavour-screen {\n  display: block;\n  margin: 10px auto;\n  max-width: 100%;\n}\n\n.flavour-description {\n  display: block;\n  font-size: 16px;\n  margin: 10px 0;\n\n  & > p {\n    margin: 10px 0;\n  }\n}\n\n.flavour-screen {\n  display: block;\n  margin: 10px auto;\n  max-width: 100%;\n}\n\n.flavour-description {\n  display: block;\n  font-size: 16px;\n  margin: 10px 0;\n\n  & > p {\n    margin: 10px 0;\n  }\n}\n\n.report-accounts {\n  display: flex;\n  flex-wrap: wrap;\n  margin-bottom: 20px;\n}\n\n.report-accounts__item {\n  display: flex;\n  flex: 250px;\n  flex-direction: column;\n  margin: 0 5px;\n\n  & > strong {\n    display: block;\n    margin: 0 0 10px -5px;\n    font-weight: 500;\n    font-size: 14px;\n    line-height: 18px;\n    color: $secondary-text-color;\n\n    @each $lang in $cjk-langs {\n      &:lang(#{$lang}) {\n        font-weight: 700;\n      }\n    }\n  }\n\n  .account-card {\n    flex: 1 1 auto;\n  }\n}\n\n.report-status,\n.account-status {\n  display: flex;\n  margin-bottom: 10px;\n\n  .activity-stream {\n    flex: 2 0 0;\n    margin-right: 20px;\n    max-width: calc(100% - 60px);\n\n    .entry {\n      border-radius: 4px;\n    }\n  }\n}\n\n.report-status__actions,\n.account-status__actions {\n  flex: 0 0 auto;\n  display: flex;\n  flex-direction: column;\n\n  .icon-button {\n    font-size: 24px;\n    width: 24px;\n    text-align: center;\n    margin-bottom: 10px;\n  }\n}\n\n.simple_form.new_report_note,\n.simple_form.new_account_moderation_note {\n  max-width: 100%;\n}\n\n.batch-form-box {\n  display: flex;\n  flex-wrap: wrap;\n  margin-bottom: 5px;\n\n  #form_status_batch_action {\n    margin: 0 5px 5px 0;\n    font-size: 14px;\n  }\n\n  input.button {\n    margin: 0 5px 5px 0;\n  }\n\n  .media-spoiler-toggle-buttons {\n    margin-left: auto;\n\n    .button {\n      overflow: visible;\n      margin: 0 0 5px 5px;\n      float: right;\n    }\n  }\n}\n\n.back-link {\n  margin-bottom: 10px;\n  font-size: 14px;\n\n  a {\n    color: $highlight-text-color;\n    text-decoration: none;\n\n    &:hover {\n      text-decoration: underline;\n    }\n  }\n}\n\n.spacer {\n  flex: 1 1 auto;\n}\n\n.log-entry {\n  line-height: 20px;\n  padding: 15px 0;\n  background: $ui-base-color;\n  border-bottom: 1px solid lighten($ui-base-color, 4%);\n\n  &:last-child {\n    border-bottom: 0;\n  }\n\n  &__header {\n    display: flex;\n    justify-content: flex-start;\n    align-items: center;\n    color: $darker-text-color;\n    font-size: 14px;\n    padding: 0 10px;\n  }\n\n  &__avatar {\n    margin-right: 10px;\n\n    .avatar {\n      display: block;\n      margin: 0;\n      border-radius: 50%;\n      width: 40px;\n      height: 40px;\n    }\n  }\n\n  &__content {\n    max-width: calc(100% - 90px);\n  }\n\n  &__title {\n    word-wrap: break-word;\n  }\n\n  &__timestamp {\n    color: $dark-text-color;\n  }\n\n  a,\n  .username,\n  .target {\n    color: $secondary-text-color;\n    text-decoration: none;\n    font-weight: 500;\n  }\n}\n\na.name-tag,\n.name-tag,\na.inline-name-tag,\n.inline-name-tag {\n  text-decoration: none;\n  color: $secondary-text-color;\n\n  .username {\n    font-weight: 500;\n  }\n\n  &.suspended {\n    .username {\n      text-decoration: line-through;\n      color: lighten($error-red, 12%);\n    }\n\n    .avatar {\n      filter: grayscale(100%);\n      opacity: 0.8;\n    }\n  }\n}\n\na.name-tag,\n.name-tag {\n  display: flex;\n  align-items: center;\n\n  .avatar {\n    display: block;\n    margin: 0;\n    margin-right: 5px;\n    border-radius: 50%;\n  }\n\n  &.suspended {\n    .avatar {\n      filter: grayscale(100%);\n      opacity: 0.8;\n    }\n  }\n}\n\n.speech-bubble {\n  margin-bottom: 20px;\n  border-left: 4px solid $ui-highlight-color;\n\n  &.positive {\n    border-left-color: $success-green;\n  }\n\n  &.negative {\n    border-left-color: lighten($error-red, 12%);\n  }\n\n  &.warning {\n    border-left-color: $gold-star;\n  }\n\n  &__bubble {\n    padding: 16px;\n    padding-left: 14px;\n    font-size: 15px;\n    line-height: 20px;\n    border-radius: 4px 4px 4px 0;\n    position: relative;\n    font-weight: 500;\n\n    a {\n      color: $darker-text-color;\n    }\n  }\n\n  &__owner {\n    padding: 8px;\n    padding-left: 12px;\n  }\n\n  time {\n    color: $dark-text-color;\n  }\n}\n\n.report-card {\n  background: $ui-base-color;\n  border-radius: 4px;\n  margin-bottom: 20px;\n\n  &__profile {\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    padding: 15px;\n\n    .account {\n      padding: 0;\n      border: 0;\n\n      &__avatar-wrapper {\n        margin-left: 0;\n      }\n    }\n\n    &__stats {\n      flex: 0 0 auto;\n      font-weight: 500;\n      color: $darker-text-color;\n      text-transform: uppercase;\n      text-align: right;\n\n      a {\n        color: inherit;\n        text-decoration: none;\n\n        &:focus,\n        &:hover,\n        &:active {\n          color: lighten($darker-text-color, 8%);\n        }\n      }\n\n      .red {\n        color: $error-value-color;\n      }\n    }\n  }\n\n  &__summary {\n    &__item {\n      display: flex;\n      justify-content: flex-start;\n      border-top: 1px solid darken($ui-base-color, 4%);\n\n      &:hover {\n        background: lighten($ui-base-color, 2%);\n      }\n\n      &__reported-by,\n      &__assigned {\n        padding: 15px;\n        flex: 0 0 auto;\n        box-sizing: border-box;\n        width: 150px;\n        color: $darker-text-color;\n\n        &,\n        .username {\n          white-space: nowrap;\n          overflow: hidden;\n          text-overflow: ellipsis;\n        }\n      }\n\n      &__content {\n        flex: 1 1 auto;\n        max-width: calc(100% - 300px);\n\n        &__icon {\n          color: $dark-text-color;\n          margin-right: 4px;\n          font-weight: 500;\n        }\n      }\n\n      &__content a {\n        display: block;\n        box-sizing: border-box;\n        width: 100%;\n        padding: 15px;\n        text-decoration: none;\n        color: $darker-text-color;\n      }\n    }\n  }\n}\n\n.one-line {\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n}\n\n.ellipsized-ip {\n  display: inline-block;\n  max-width: 120px;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  vertical-align: middle;\n}\n\n.admin-account-bio {\n  display: flex;\n  flex-wrap: wrap;\n  margin: 0 -5px;\n  margin-top: 20px;\n\n  > div {\n    box-sizing: border-box;\n    padding: 0 5px;\n    margin-bottom: 10px;\n    flex: 1 0 50%;\n  }\n\n  .account__header__fields,\n  .account__header__content {\n    background: lighten($ui-base-color, 8%);\n    border-radius: 4px;\n    height: 100%;\n  }\n\n  .account__header__fields {\n    margin: 0;\n    border: 0;\n\n    a {\n      color: lighten($ui-highlight-color, 8%);\n    }\n\n    dl:first-child .verified {\n      border-radius: 0 4px 0 0;\n    }\n\n    .verified a {\n      color: $valid-value-color;\n    }\n  }\n\n  .account__header__content {\n    box-sizing: border-box;\n    padding: 20px;\n    color: $primary-text-color;\n  }\n}\n\n.center-text {\n  text-align: center;\n}\n\n.announcements-list {\n  border: 1px solid lighten($ui-base-color, 4%);\n  border-radius: 4px;\n\n  &__item {\n    padding: 15px 0;\n    background: $ui-base-color;\n    border-bottom: 1px solid lighten($ui-base-color, 4%);\n\n    &__title {\n      padding: 0 15px;\n      display: block;\n      font-weight: 500;\n      font-size: 18px;\n      line-height: 1.5;\n      color: $secondary-text-color;\n      text-decoration: none;\n      margin-bottom: 10px;\n\n      &:hover,\n      &:focus,\n      &:active {\n        color: $primary-text-color;\n      }\n    }\n\n    &__meta {\n      padding: 0 15px;\n      color: $dark-text-color;\n    }\n\n    &__action-bar {\n      display: flex;\n      justify-content: space-between;\n      align-items: center;\n    }\n\n    &:last-child {\n      border-bottom: 0;\n    }\n  }\n}\n",".dashboard__counters {\n  display: flex;\n  flex-wrap: wrap;\n  margin: 0 -5px;\n  margin-bottom: 20px;\n\n  & > div {\n    box-sizing: border-box;\n    flex: 0 0 33.333%;\n    padding: 0 5px;\n    margin-bottom: 10px;\n\n    & > div,\n    & > a {\n      padding: 20px;\n      background: lighten($ui-base-color, 4%);\n      border-radius: 4px;\n      box-sizing: border-box;\n      height: 100%;\n    }\n\n    & > a {\n      text-decoration: none;\n      color: inherit;\n      display: block;\n\n      &:hover,\n      &:focus,\n      &:active {\n        background: lighten($ui-base-color, 8%);\n      }\n    }\n  }\n\n  &__num,\n  &__text {\n    text-align: center;\n    font-weight: 500;\n    font-size: 24px;\n    line-height: 21px;\n    color: $primary-text-color;\n    font-family: $font-display, sans-serif;\n    margin-bottom: 20px;\n    line-height: 30px;\n  }\n\n  &__text {\n    font-size: 18px;\n  }\n\n  &__label {\n    font-size: 14px;\n    color: $darker-text-color;\n    text-align: center;\n    font-weight: 500;\n  }\n}\n\n.dashboard__widgets {\n  display: flex;\n  flex-wrap: wrap;\n  margin: 0 -5px;\n\n  & > div {\n    flex: 0 0 33.333%;\n    margin-bottom: 20px;\n\n    & > div {\n      padding: 0 5px;\n    }\n  }\n\n  a:not(.name-tag) {\n    color: $ui-secondary-color;\n    font-weight: 500;\n    text-decoration: none;\n  }\n}\n","body.rtl {\n  direction: rtl;\n\n  .column-header > button {\n    text-align: right;\n    padding-left: 0;\n    padding-right: 15px;\n  }\n\n  .radio-button__input {\n    margin-right: 0;\n    margin-left: 10px;\n  }\n\n  .directory__card__bar .display-name {\n    margin-left: 0;\n    margin-right: 15px;\n  }\n\n  .display-name {\n    text-align: right;\n  }\n\n  .notification__message {\n    margin-left: 0;\n    margin-right: 68px;\n  }\n\n  .drawer__inner__mastodon > img {\n    transform: scaleX(-1);\n  }\n\n  .notification__favourite-icon-wrapper {\n    left: auto;\n    right: -26px;\n  }\n\n  .landing-page__logo {\n    margin-right: 0;\n    margin-left: 20px;\n  }\n\n  .landing-page .features-list .features-list__row .visual {\n    margin-left: 0;\n    margin-right: 15px;\n  }\n\n  .column-link__icon,\n  .column-header__icon {\n    margin-right: 0;\n    margin-left: 5px;\n  }\n\n  .compose-form .compose-form__buttons-wrapper .character-counter__wrapper {\n    margin-right: 0;\n    margin-left: 4px;\n  }\n\n  .navigation-bar__profile {\n    margin-left: 0;\n    margin-right: 8px;\n  }\n\n  .search__input {\n    padding-right: 10px;\n    padding-left: 30px;\n  }\n\n  .search__icon .fa {\n    right: auto;\n    left: 10px;\n  }\n\n  .columns-area {\n    direction: rtl;\n  }\n\n  .column-header__buttons {\n    left: 0;\n    right: auto;\n    margin-left: 0;\n    margin-right: -15px;\n  }\n\n  .column-inline-form .icon-button {\n    margin-left: 0;\n    margin-right: 5px;\n  }\n\n  .column-header__links .text-btn {\n    margin-left: 10px;\n    margin-right: 0;\n  }\n\n  .account__avatar-wrapper {\n    float: right;\n  }\n\n  .column-header__back-button {\n    padding-left: 5px;\n    padding-right: 0;\n  }\n\n  .column-header__setting-arrows {\n    float: left;\n  }\n\n  .setting-toggle__label {\n    margin-left: 0;\n    margin-right: 8px;\n  }\n\n  .status__avatar {\n    left: auto;\n    right: 10px;\n  }\n\n  .status,\n  .activity-stream .status.light {\n    padding-left: 10px;\n    padding-right: 68px;\n  }\n\n  .status__info .status__display-name,\n  .activity-stream .status.light .status__display-name {\n    padding-left: 25px;\n    padding-right: 0;\n  }\n\n  .activity-stream .pre-header {\n    padding-right: 68px;\n    padding-left: 0;\n  }\n\n  .status__prepend {\n    margin-left: 0;\n    margin-right: 68px;\n  }\n\n  .status__prepend-icon-wrapper {\n    left: auto;\n    right: -26px;\n  }\n\n  .activity-stream .pre-header .pre-header__icon {\n    left: auto;\n    right: 42px;\n  }\n\n  .account__avatar-overlay-overlay {\n    right: auto;\n    left: 0;\n  }\n\n  .column-back-button--slim-button {\n    right: auto;\n    left: 0;\n  }\n\n  .status__relative-time,\n  .activity-stream .status.light .status__header .status__meta {\n    float: left;\n  }\n\n  .status__action-bar {\n    &__counter {\n      margin-right: 0;\n      margin-left: 11px;\n\n      .status__action-bar-button {\n        margin-right: 0;\n        margin-left: 4px;\n      }\n    }\n  }\n\n  .status__action-bar-button {\n    float: right;\n    margin-right: 0;\n    margin-left: 18px;\n  }\n\n  .status__action-bar-dropdown {\n    float: right;\n  }\n\n  .privacy-dropdown__dropdown {\n    margin-left: 0;\n    margin-right: 40px;\n  }\n\n  .privacy-dropdown__option__icon {\n    margin-left: 10px;\n    margin-right: 0;\n  }\n\n  .detailed-status__display-name .display-name {\n    text-align: right;\n  }\n\n  .detailed-status__display-avatar {\n    margin-right: 0;\n    margin-left: 10px;\n    float: right;\n  }\n\n  .detailed-status__favorites,\n  .detailed-status__reblogs {\n    margin-left: 0;\n    margin-right: 6px;\n  }\n\n  .fa-ul {\n    margin-left: 2.14285714em;\n  }\n\n  .fa-li {\n    left: auto;\n    right: -2.14285714em;\n  }\n\n  .admin-wrapper {\n    direction: rtl;\n  }\n\n  .admin-wrapper .sidebar ul a i.fa,\n  a.table-action-link i.fa {\n    margin-right: 0;\n    margin-left: 5px;\n  }\n\n  .simple_form .check_boxes .checkbox label {\n    padding-left: 0;\n    padding-right: 25px;\n  }\n\n  .simple_form .input.with_label.boolean label.checkbox {\n    padding-left: 25px;\n    padding-right: 0;\n  }\n\n  .simple_form .check_boxes .checkbox input[type=\"checkbox\"],\n  .simple_form .input.boolean input[type=\"checkbox\"] {\n    left: auto;\n    right: 0;\n  }\n\n  .simple_form .input.radio_buttons .radio {\n    left: auto;\n    right: 0;\n  }\n\n  .simple_form .input.radio_buttons .radio > label {\n    padding-right: 28px;\n    padding-left: 0;\n  }\n\n  .simple_form .input-with-append .input input {\n    padding-left: 142px;\n    padding-right: 0;\n  }\n\n  .simple_form .input.boolean label.checkbox {\n    left: auto;\n    right: 0;\n  }\n\n  .simple_form .input.boolean .label_input,\n  .simple_form .input.boolean .hint {\n    padding-left: 0;\n    padding-right: 28px;\n  }\n\n  .simple_form .label_input__append {\n    right: auto;\n    left: 3px;\n\n    &::after {\n      right: auto;\n      left: 0;\n      background-image: linear-gradient(to left, rgba(darken($ui-base-color, 10%), 0), darken($ui-base-color, 10%));\n    }\n  }\n\n  .simple_form select {\n    background: darken($ui-base-color, 10%) url(\"data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14.933 18.467' height='19.698' width='15.929'><path d='M3.467 14.967l-3.393-3.5H14.86l-3.392 3.5c-1.866 1.925-3.666 3.5-4 3.5-.335 0-2.135-1.575-4-3.5zm.266-11.234L7.467 0 11.2 3.733l3.733 3.734H0l3.733-3.734z' fill='#{hex-color(lighten($ui-base-color, 12%))}'/></svg>\") no-repeat left 8px center / auto 16px;\n  }\n\n  .table th,\n  .table td {\n    text-align: right;\n  }\n\n  .filters .filter-subset {\n    margin-right: 0;\n    margin-left: 45px;\n  }\n\n  .landing-page .header-wrapper .mascot {\n    right: 60px;\n    left: auto;\n  }\n\n  .landing-page__call-to-action .row__information-board {\n    direction: rtl;\n  }\n\n  .landing-page .header .hero .floats .float-1 {\n    left: -120px;\n    right: auto;\n  }\n\n  .landing-page .header .hero .floats .float-2 {\n    left: 210px;\n    right: auto;\n  }\n\n  .landing-page .header .hero .floats .float-3 {\n    left: 110px;\n    right: auto;\n  }\n\n  .landing-page .header .links .brand img {\n    left: 0;\n  }\n\n  .landing-page .fa-external-link {\n    padding-right: 5px;\n    padding-left: 0 !important;\n  }\n\n  .landing-page .features #mastodon-timeline {\n    margin-right: 0;\n    margin-left: 30px;\n  }\n\n  @media screen and (min-width: 631px) {\n    .column,\n    .drawer {\n      padding-left: 5px;\n      padding-right: 5px;\n\n      &:first-child {\n        padding-left: 5px;\n        padding-right: 10px;\n      }\n    }\n\n    .columns-area > div {\n      .column,\n      .drawer {\n        padding-left: 5px;\n        padding-right: 5px;\n      }\n    }\n  }\n\n  .columns-area--mobile .column,\n  .columns-area--mobile .drawer {\n    padding-left: 0;\n    padding-right: 0;\n  }\n\n  .public-layout {\n    .header {\n      .nav-button {\n        margin-left: 8px;\n        margin-right: 0;\n      }\n    }\n\n    .public-account-header__tabs {\n      margin-left: 0;\n      margin-right: 20px;\n    }\n  }\n\n  .landing-page__information {\n    .account__display-name {\n      margin-right: 0;\n      margin-left: 5px;\n    }\n\n    .account__avatar-wrapper {\n      margin-left: 12px;\n      margin-right: 0;\n    }\n  }\n\n  .card__bar .display-name {\n    margin-left: 0;\n    margin-right: 15px;\n    text-align: right;\n  }\n\n  .fa-chevron-left::before {\n    content: \"\\F054\";\n  }\n\n  .fa-chevron-right::before {\n    content: \"\\F053\";\n  }\n\n  .column-back-button__icon {\n    margin-right: 0;\n    margin-left: 5px;\n  }\n\n  .column-header__setting-arrows .column-header__setting-btn:last-child {\n    padding-left: 0;\n    padding-right: 10px;\n  }\n\n  .simple_form .input.radio_buttons .radio > label input {\n    left: auto;\n    right: 0;\n  }\n}\n","$black-emojis: '8ball' 'ant' 'back' 'black_circle' 'black_heart' 'black_large_square' 'black_medium_small_square' 'black_medium_square' 'black_nib' 'black_small_square' 'bomb' 'bowling' 'bust_in_silhouette' 'busts_in_silhouette' 'camera' 'camera_with_flash' 'clubs' 'copyright' 'curly_loop' 'currency_exchange' 'dark_sunglasses' 'eight_pointed_black_star' 'electric_plug' 'end' 'female-guard' 'film_projector' 'fried_egg' 'gorilla' 'guardsman' 'heavy_check_mark' 'heavy_division_sign' 'heavy_dollar_sign' 'heavy_minus_sign' 'heavy_multiplication_x' 'heavy_plus_sign' 'hocho' 'hole' 'joystick' 'kaaba' 'lower_left_ballpoint_pen' 'lower_left_fountain_pen' 'male-guard' 'microphone' 'mortar_board' 'movie_camera' 'musical_score' 'on' 'registered' 'soon' 'spades' 'speaking_head_in_silhouette' 'spider' 'telephone_receiver' 'tm' 'top' 'tophat' 'turkey' 'vhs' 'video_camera' 'video_game' 'water_buffalo' 'waving_black_flag' 'wavy_dash';\n\n%white-emoji-outline {\n  filter: drop-shadow(1px 1px 0 $white) drop-shadow(-1px 1px 0 $white) drop-shadow(1px -1px 0 $white) drop-shadow(-1px -1px 0 $white);\n  transform: scale(.71);\n}\n\n.emojione {\n  @each $emoji in $black-emojis {\n    &[title=':#{$emoji}:'] {\n      @extend %white-emoji-outline;\n    }\n  }\n}\n"],"sourceRoot":""}
\ No newline at end of file
diff --git a/priv/static/packs/flavours/vanilla/common.js b/priv/static/packs/flavours/vanilla/common.js
index 9918570ee..a69c77f8c 100644
Binary files a/priv/static/packs/flavours/vanilla/common.js and b/priv/static/packs/flavours/vanilla/common.js differ
diff --git a/priv/static/packs/flavours/vanilla/embed.js b/priv/static/packs/flavours/vanilla/embed.js
index d715c4ce0..428bde4a8 100644
Binary files a/priv/static/packs/flavours/vanilla/embed.js and b/priv/static/packs/flavours/vanilla/embed.js differ
diff --git a/priv/static/packs/flavours/vanilla/embed.js.LICENSE b/priv/static/packs/flavours/vanilla/embed.js.LICENSE
deleted file mode 100644
index 487bc60d8..000000000
--- a/priv/static/packs/flavours/vanilla/embed.js.LICENSE
+++ /dev/null
@@ -1,41 +0,0 @@
-/*
-object-assign
-(c) Sindre Sorhus
-@license MIT
-*/
-
-/** @license React v16.12.0
- * react.production.min.js
- *
- * Copyright (c) Facebook, Inc. and its affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-
-/** @license React v16.12.0
- * react-dom.production.min.js
- *
- * Copyright (c) Facebook, Inc. and its affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-
-/** @license React v0.18.0
- * scheduler.production.min.js
- *
- * Copyright (c) Facebook, Inc. and its affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-
-/** @license React v16.12.0
- * react-is.production.min.js
- *
- * Copyright (c) Facebook, Inc. and its affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
diff --git a/priv/static/packs/flavours/vanilla/embed.js.LICENSE.txt b/priv/static/packs/flavours/vanilla/embed.js.LICENSE.txt
new file mode 100644
index 000000000..2196b2def
--- /dev/null
+++ b/priv/static/packs/flavours/vanilla/embed.js.LICENSE.txt
@@ -0,0 +1,41 @@
+/*
+object-assign
+(c) Sindre Sorhus
+@license MIT
+*/
+
+/** @license React v0.19.0
+ * scheduler.production.min.js
+ *
+ * Copyright (c) Facebook, Inc. and its affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+/** @license React v16.12.0
+ * react-is.production.min.js
+ *
+ * Copyright (c) Facebook, Inc. and its affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+/** @license React v16.13.0
+ * react-dom.production.min.js
+ *
+ * Copyright (c) Facebook, Inc. and its affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+/** @license React v16.13.1
+ * react.production.min.js
+ *
+ * Copyright (c) Facebook, Inc. and its affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
diff --git a/priv/static/packs/flavours/vanilla/embed.js.map b/priv/static/packs/flavours/vanilla/embed.js.map
index 99939ba39..11aaa64bb 100644
Binary files a/priv/static/packs/flavours/vanilla/embed.js.map and b/priv/static/packs/flavours/vanilla/embed.js.map differ
diff --git a/priv/static/packs/flavours/vanilla/error.js b/priv/static/packs/flavours/vanilla/error.js
index bb2bd90b3..7a5535676 100644
Binary files a/priv/static/packs/flavours/vanilla/error.js and b/priv/static/packs/flavours/vanilla/error.js differ
diff --git a/priv/static/packs/flavours/vanilla/home.js b/priv/static/packs/flavours/vanilla/home.js
index d3fdeb2aa..2412557a6 100644
Binary files a/priv/static/packs/flavours/vanilla/home.js and b/priv/static/packs/flavours/vanilla/home.js differ
diff --git a/priv/static/packs/flavours/vanilla/home.js.LICENSE b/priv/static/packs/flavours/vanilla/home.js.LICENSE.txt
similarity index 98%
rename from priv/static/packs/flavours/vanilla/home.js.LICENSE
rename to priv/static/packs/flavours/vanilla/home.js.LICENSE.txt
index 0a0301353..90a9a7678 100644
--- a/priv/static/packs/flavours/vanilla/home.js.LICENSE
+++ b/priv/static/packs/flavours/vanilla/home.js.LICENSE.txt
@@ -1,3 +1,9 @@
+/*
+object-assign
+(c) Sindre Sorhus
+@license MIT
+*/
+
 /*!
   Copyright (c) 2017 Jed Watson.
   Licensed under the MIT License (MIT), see
@@ -12,31 +18,145 @@
  * MIT Licensed
  */
 
-/*
-object-assign
-(c) Sindre Sorhus
-@license MIT
-*/
-
-/** @license React v16.12.0
- * react.production.min.js
- *
- * Copyright (c) Facebook, Inc. and its affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
+/*!
+ * wavesurfer.js 3.3.1 (2020-01-14)
+ * https://github.com/katspaugh/wavesurfer.js
+ * @license BSD-3-Clause
  */
 
-/** @license React v16.12.0
- * react-dom.production.min.js
- *
- * Copyright (c) Facebook, Inc. and its affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
+/*! ./ajax */
 
-/** @license React v0.18.0
+/*! ./drawer */
+
+/*! ./drawer.canvasentry */
+
+/*! ./drawer.multicanvas */
+
+/*! ./extend */
+
+/*! ./fetch */
+
+/*! ./frame */
+
+/*! ./get-id */
+
+/*! ./max */
+
+/*! ./mediaelement */
+
+/*! ./mediaelement-webaudio */
+
+/*! ./min */
+
+/*! ./observer */
+
+/*! ./peakcache */
+
+/*! ./prevent-click */
+
+/*! ./request-animation-frame */
+
+/*! ./style */
+
+/*! ./util */
+
+/*! ./util/get-id */
+
+/*! ./util/style */
+
+/*! ./webaudio */
+
+/*! debounce */
+
+/*! https://mths.be/punycode v1.4.1 by @mathias */
+
+/*! no static exports found */
+
+/*!***********************!*\
+        !*** ./src/drawer.js ***!
+        \***********************/
+
+/*!*************************!*\
+        !*** ./src/util/max.js ***!
+        \*************************/
+
+/*!*************************!*\
+        !*** ./src/util/min.js ***!
+        \*************************/
+
+/*!*************************!*\
+        !*** ./src/webaudio.js ***!
+        \*************************/
+
+/*!**************************!*\
+        !*** ./src/peakcache.js ***!
+        \**************************/
+
+/*!**************************!*\
+        !*** ./src/util/ajax.js ***!
+        \**************************/
+
+/*!***************************!*\
+        !*** ./src/util/fetch.js ***!
+        \***************************/
+
+/*!***************************!*\
+        !*** ./src/util/frame.js ***!
+        \***************************/
+
+/*!***************************!*\
+        !*** ./src/util/index.js ***!
+        \***************************/
+
+/*!***************************!*\
+        !*** ./src/util/style.js ***!
+        \***************************/
+
+/*!***************************!*\
+        !*** ./src/wavesurfer.js ***!
+        \***************************/
+
+/*!****************************!*\
+        !*** ./src/util/extend.js ***!
+        \****************************/
+
+/*!****************************!*\
+        !*** ./src/util/get-id.js ***!
+        \****************************/
+
+/*!*****************************!*\
+        !*** ./src/mediaelement.js ***!
+        \*****************************/
+
+/*!******************************!*\
+        !*** ./src/util/observer.js ***!
+        \******************************/
+
+/*!***********************************!*\
+        !*** ./src/drawer.canvasentry.js ***!
+        \***********************************/
+
+/*!***********************************!*\
+        !*** ./src/drawer.multicanvas.js ***!
+        \***********************************/
+
+/*!***********************************!*\
+        !*** ./src/util/prevent-click.js ***!
+        \***********************************/
+
+/*!**************************************!*\
+        !*** ./src/mediaelement-webaudio.js ***!
+        \**************************************/
+
+/*!****************************************!*\
+        !*** ./node_modules/debounce/index.js ***!
+        \****************************************/
+
+/*!*********************************************!*\
+        !*** ./src/util/request-animation-frame.js ***!
+        \*********************************************/
+
+/** @license React v0.19.0
  * scheduler.production.min.js
  *
  * Copyright (c) Facebook, Inc. and its affiliates.
@@ -54,140 +174,20 @@ object-assign
  * LICENSE file in the root directory of this source tree.
  */
 
-/*!
- * wavesurfer.js 3.3.1 (2020-01-14)
- * https://github.com/katspaugh/wavesurfer.js
- * @license BSD-3-Clause
+/** @license React v16.13.0
+ * react-dom.production.min.js
+ *
+ * Copyright (c) Facebook, Inc. and its affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
  */
 
-/*!****************************************!*\
-        !*** ./node_modules/debounce/index.js ***!
-        \****************************************/
-
-/*! no static exports found */
-
-/*!***********************************!*\
-        !*** ./src/drawer.canvasentry.js ***!
-        \***********************************/
-
-/*! ./util/style */
-
-/*! ./util/get-id */
-
-/*!***********************!*\
-        !*** ./src/drawer.js ***!
-        \***********************/
-
-/*! ./util */
-
-/*!***********************************!*\
-        !*** ./src/drawer.multicanvas.js ***!
-        \***********************************/
-
-/*! ./drawer */
-
-/*! ./drawer.canvasentry */
-
-/*!**************************************!*\
-        !*** ./src/mediaelement-webaudio.js ***!
-        \**************************************/
-
-/*! ./mediaelement */
-
-/*!*****************************!*\
-        !*** ./src/mediaelement.js ***!
-        \*****************************/
-
-/*! ./webaudio */
-
-/*!**************************!*\
-        !*** ./src/peakcache.js ***!
-        \**************************/
-
-/*!**************************!*\
-        !*** ./src/util/ajax.js ***!
-        \**************************/
-
-/*! ./observer */
-
-/*!****************************!*\
-        !*** ./src/util/extend.js ***!
-        \****************************/
-
-/*!***************************!*\
-        !*** ./src/util/fetch.js ***!
-        \***************************/
-
-/*!***************************!*\
-        !*** ./src/util/frame.js ***!
-        \***************************/
-
-/*! ./request-animation-frame */
-
-/*!****************************!*\
-        !*** ./src/util/get-id.js ***!
-        \****************************/
-
-/*!***************************!*\
-        !*** ./src/util/index.js ***!
-        \***************************/
-
-/*! ./ajax */
-
-/*! ./get-id */
-
-/*! ./max */
-
-/*! ./min */
-
-/*! ./extend */
-
-/*! ./style */
-
-/*! ./frame */
-
-/*! debounce */
-
-/*! ./prevent-click */
-
-/*! ./fetch */
-
-/*!*************************!*\
-        !*** ./src/util/max.js ***!
-        \*************************/
-
-/*!*************************!*\
-        !*** ./src/util/min.js ***!
-        \*************************/
-
-/*!******************************!*\
-        !*** ./src/util/observer.js ***!
-        \******************************/
-
-/*!***********************************!*\
-        !*** ./src/util/prevent-click.js ***!
-        \***********************************/
-
-/*!*********************************************!*\
-        !*** ./src/util/request-animation-frame.js ***!
-        \*********************************************/
-
-/*!***************************!*\
-        !*** ./src/util/style.js ***!
-        \***************************/
-
-/*!***************************!*\
-        !*** ./src/wavesurfer.js ***!
-        \***************************/
-
-/*! ./drawer.multicanvas */
-
-/*! ./peakcache */
-
-/*! ./mediaelement-webaudio */
-
-/*!*************************!*\
-        !*** ./src/webaudio.js ***!
-        \*************************/
-
-/*! https://mths.be/punycode v1.4.1 by @mathias */
+/** @license React v16.13.1
+ * react.production.min.js
+ *
+ * Copyright (c) Facebook, Inc. and its affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
diff --git a/priv/static/packs/flavours/vanilla/home.js.map b/priv/static/packs/flavours/vanilla/home.js.map
index a32b3005b..28aab11ac 100644
Binary files a/priv/static/packs/flavours/vanilla/home.js.map and b/priv/static/packs/flavours/vanilla/home.js.map differ
diff --git a/priv/static/packs/flavours/vanilla/public.js b/priv/static/packs/flavours/vanilla/public.js
index 6810fccc7..7f1a585ee 100644
Binary files a/priv/static/packs/flavours/vanilla/public.js and b/priv/static/packs/flavours/vanilla/public.js differ
diff --git a/priv/static/packs/flavours/vanilla/public.js.LICENSE b/priv/static/packs/flavours/vanilla/public.js.LICENSE
deleted file mode 100644
index 487bc60d8..000000000
--- a/priv/static/packs/flavours/vanilla/public.js.LICENSE
+++ /dev/null
@@ -1,41 +0,0 @@
-/*
-object-assign
-(c) Sindre Sorhus
-@license MIT
-*/
-
-/** @license React v16.12.0
- * react.production.min.js
- *
- * Copyright (c) Facebook, Inc. and its affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-
-/** @license React v16.12.0
- * react-dom.production.min.js
- *
- * Copyright (c) Facebook, Inc. and its affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-
-/** @license React v0.18.0
- * scheduler.production.min.js
- *
- * Copyright (c) Facebook, Inc. and its affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-
-/** @license React v16.12.0
- * react-is.production.min.js
- *
- * Copyright (c) Facebook, Inc. and its affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
diff --git a/priv/static/packs/flavours/vanilla/public.js.LICENSE.txt b/priv/static/packs/flavours/vanilla/public.js.LICENSE.txt
new file mode 100644
index 000000000..2196b2def
--- /dev/null
+++ b/priv/static/packs/flavours/vanilla/public.js.LICENSE.txt
@@ -0,0 +1,41 @@
+/*
+object-assign
+(c) Sindre Sorhus
+@license MIT
+*/
+
+/** @license React v0.19.0
+ * scheduler.production.min.js
+ *
+ * Copyright (c) Facebook, Inc. and its affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+/** @license React v16.12.0
+ * react-is.production.min.js
+ *
+ * Copyright (c) Facebook, Inc. and its affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+/** @license React v16.13.0
+ * react-dom.production.min.js
+ *
+ * Copyright (c) Facebook, Inc. and its affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+/** @license React v16.13.1
+ * react.production.min.js
+ *
+ * Copyright (c) Facebook, Inc. and its affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
diff --git a/priv/static/packs/flavours/vanilla/public.js.map b/priv/static/packs/flavours/vanilla/public.js.map
index 18eb23360..df384658a 100644
Binary files a/priv/static/packs/flavours/vanilla/public.js.map and b/priv/static/packs/flavours/vanilla/public.js.map differ
diff --git a/priv/static/packs/flavours/vanilla/settings.js b/priv/static/packs/flavours/vanilla/settings.js
index cd7983274..21cfd13f4 100644
Binary files a/priv/static/packs/flavours/vanilla/settings.js and b/priv/static/packs/flavours/vanilla/settings.js differ
diff --git a/priv/static/packs/flavours/vanilla/settings.js.LICENSE b/priv/static/packs/flavours/vanilla/settings.js.LICENSE
deleted file mode 100644
index 487bc60d8..000000000
--- a/priv/static/packs/flavours/vanilla/settings.js.LICENSE
+++ /dev/null
@@ -1,41 +0,0 @@
-/*
-object-assign
-(c) Sindre Sorhus
-@license MIT
-*/
-
-/** @license React v16.12.0
- * react.production.min.js
- *
- * Copyright (c) Facebook, Inc. and its affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-
-/** @license React v16.12.0
- * react-dom.production.min.js
- *
- * Copyright (c) Facebook, Inc. and its affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-
-/** @license React v0.18.0
- * scheduler.production.min.js
- *
- * Copyright (c) Facebook, Inc. and its affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-
-/** @license React v16.12.0
- * react-is.production.min.js
- *
- * Copyright (c) Facebook, Inc. and its affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
diff --git a/priv/static/packs/flavours/vanilla/settings.js.LICENSE.txt b/priv/static/packs/flavours/vanilla/settings.js.LICENSE.txt
new file mode 100644
index 000000000..2196b2def
--- /dev/null
+++ b/priv/static/packs/flavours/vanilla/settings.js.LICENSE.txt
@@ -0,0 +1,41 @@
+/*
+object-assign
+(c) Sindre Sorhus
+@license MIT
+*/
+
+/** @license React v0.19.0
+ * scheduler.production.min.js
+ *
+ * Copyright (c) Facebook, Inc. and its affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+/** @license React v16.12.0
+ * react-is.production.min.js
+ *
+ * Copyright (c) Facebook, Inc. and its affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+/** @license React v16.13.0
+ * react-dom.production.min.js
+ *
+ * Copyright (c) Facebook, Inc. and its affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+/** @license React v16.13.1
+ * react.production.min.js
+ *
+ * Copyright (c) Facebook, Inc. and its affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
diff --git a/priv/static/packs/flavours/vanilla/settings.js.map b/priv/static/packs/flavours/vanilla/settings.js.map
index d2789d073..92c015611 100644
Binary files a/priv/static/packs/flavours/vanilla/settings.js.map and b/priv/static/packs/flavours/vanilla/settings.js.map differ
diff --git a/priv/static/packs/flavours/vanilla/share.js b/priv/static/packs/flavours/vanilla/share.js
index 7efe63b00..fdfa039cb 100644
Binary files a/priv/static/packs/flavours/vanilla/share.js and b/priv/static/packs/flavours/vanilla/share.js differ
diff --git a/priv/static/packs/flavours/vanilla/share.js.LICENSE b/priv/static/packs/flavours/vanilla/share.js.LICENSE.txt
similarity index 98%
rename from priv/static/packs/flavours/vanilla/share.js.LICENSE
rename to priv/static/packs/flavours/vanilla/share.js.LICENSE.txt
index 58e46bc71..2ea8cbae4 100644
--- a/priv/static/packs/flavours/vanilla/share.js.LICENSE
+++ b/priv/static/packs/flavours/vanilla/share.js.LICENSE.txt
@@ -1,3 +1,9 @@
+/*
+object-assign
+(c) Sindre Sorhus
+@license MIT
+*/
+
 /*!
   Copyright (c) 2017 Jed Watson.
   Licensed under the MIT License (MIT), see
@@ -12,31 +18,143 @@
  * MIT Licensed
  */
 
-/*
-object-assign
-(c) Sindre Sorhus
-@license MIT
-*/
-
-/** @license React v16.12.0
- * react.production.min.js
- *
- * Copyright (c) Facebook, Inc. and its affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
+/*!
+ * wavesurfer.js 3.3.1 (2020-01-14)
+ * https://github.com/katspaugh/wavesurfer.js
+ * @license BSD-3-Clause
  */
 
-/** @license React v16.12.0
- * react-dom.production.min.js
- *
- * Copyright (c) Facebook, Inc. and its affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
+/*! ./ajax */
 
-/** @license React v0.18.0
+/*! ./drawer */
+
+/*! ./drawer.canvasentry */
+
+/*! ./drawer.multicanvas */
+
+/*! ./extend */
+
+/*! ./fetch */
+
+/*! ./frame */
+
+/*! ./get-id */
+
+/*! ./max */
+
+/*! ./mediaelement */
+
+/*! ./mediaelement-webaudio */
+
+/*! ./min */
+
+/*! ./observer */
+
+/*! ./peakcache */
+
+/*! ./prevent-click */
+
+/*! ./request-animation-frame */
+
+/*! ./style */
+
+/*! ./util */
+
+/*! ./util/get-id */
+
+/*! ./util/style */
+
+/*! ./webaudio */
+
+/*! debounce */
+
+/*! no static exports found */
+
+/*!***********************!*\
+        !*** ./src/drawer.js ***!
+        \***********************/
+
+/*!*************************!*\
+        !*** ./src/util/max.js ***!
+        \*************************/
+
+/*!*************************!*\
+        !*** ./src/util/min.js ***!
+        \*************************/
+
+/*!*************************!*\
+        !*** ./src/webaudio.js ***!
+        \*************************/
+
+/*!**************************!*\
+        !*** ./src/peakcache.js ***!
+        \**************************/
+
+/*!**************************!*\
+        !*** ./src/util/ajax.js ***!
+        \**************************/
+
+/*!***************************!*\
+        !*** ./src/util/fetch.js ***!
+        \***************************/
+
+/*!***************************!*\
+        !*** ./src/util/frame.js ***!
+        \***************************/
+
+/*!***************************!*\
+        !*** ./src/util/index.js ***!
+        \***************************/
+
+/*!***************************!*\
+        !*** ./src/util/style.js ***!
+        \***************************/
+
+/*!***************************!*\
+        !*** ./src/wavesurfer.js ***!
+        \***************************/
+
+/*!****************************!*\
+        !*** ./src/util/extend.js ***!
+        \****************************/
+
+/*!****************************!*\
+        !*** ./src/util/get-id.js ***!
+        \****************************/
+
+/*!*****************************!*\
+        !*** ./src/mediaelement.js ***!
+        \*****************************/
+
+/*!******************************!*\
+        !*** ./src/util/observer.js ***!
+        \******************************/
+
+/*!***********************************!*\
+        !*** ./src/drawer.canvasentry.js ***!
+        \***********************************/
+
+/*!***********************************!*\
+        !*** ./src/drawer.multicanvas.js ***!
+        \***********************************/
+
+/*!***********************************!*\
+        !*** ./src/util/prevent-click.js ***!
+        \***********************************/
+
+/*!**************************************!*\
+        !*** ./src/mediaelement-webaudio.js ***!
+        \**************************************/
+
+/*!****************************************!*\
+        !*** ./node_modules/debounce/index.js ***!
+        \****************************************/
+
+/*!*********************************************!*\
+        !*** ./src/util/request-animation-frame.js ***!
+        \*********************************************/
+
+/** @license React v0.19.0
  * scheduler.production.min.js
  *
  * Copyright (c) Facebook, Inc. and its affiliates.
@@ -54,138 +172,20 @@ object-assign
  * LICENSE file in the root directory of this source tree.
  */
 
-/*!
- * wavesurfer.js 3.3.1 (2020-01-14)
- * https://github.com/katspaugh/wavesurfer.js
- * @license BSD-3-Clause
+/** @license React v16.13.0
+ * react-dom.production.min.js
+ *
+ * Copyright (c) Facebook, Inc. and its affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
  */
 
-/*!****************************************!*\
-        !*** ./node_modules/debounce/index.js ***!
-        \****************************************/
-
-/*! no static exports found */
-
-/*!***********************************!*\
-        !*** ./src/drawer.canvasentry.js ***!
-        \***********************************/
-
-/*! ./util/style */
-
-/*! ./util/get-id */
-
-/*!***********************!*\
-        !*** ./src/drawer.js ***!
-        \***********************/
-
-/*! ./util */
-
-/*!***********************************!*\
-        !*** ./src/drawer.multicanvas.js ***!
-        \***********************************/
-
-/*! ./drawer */
-
-/*! ./drawer.canvasentry */
-
-/*!**************************************!*\
-        !*** ./src/mediaelement-webaudio.js ***!
-        \**************************************/
-
-/*! ./mediaelement */
-
-/*!*****************************!*\
-        !*** ./src/mediaelement.js ***!
-        \*****************************/
-
-/*! ./webaudio */
-
-/*!**************************!*\
-        !*** ./src/peakcache.js ***!
-        \**************************/
-
-/*!**************************!*\
-        !*** ./src/util/ajax.js ***!
-        \**************************/
-
-/*! ./observer */
-
-/*!****************************!*\
-        !*** ./src/util/extend.js ***!
-        \****************************/
-
-/*!***************************!*\
-        !*** ./src/util/fetch.js ***!
-        \***************************/
-
-/*!***************************!*\
-        !*** ./src/util/frame.js ***!
-        \***************************/
-
-/*! ./request-animation-frame */
-
-/*!****************************!*\
-        !*** ./src/util/get-id.js ***!
-        \****************************/
-
-/*!***************************!*\
-        !*** ./src/util/index.js ***!
-        \***************************/
-
-/*! ./ajax */
-
-/*! ./get-id */
-
-/*! ./max */
-
-/*! ./min */
-
-/*! ./extend */
-
-/*! ./style */
-
-/*! ./frame */
-
-/*! debounce */
-
-/*! ./prevent-click */
-
-/*! ./fetch */
-
-/*!*************************!*\
-        !*** ./src/util/max.js ***!
-        \*************************/
-
-/*!*************************!*\
-        !*** ./src/util/min.js ***!
-        \*************************/
-
-/*!******************************!*\
-        !*** ./src/util/observer.js ***!
-        \******************************/
-
-/*!***********************************!*\
-        !*** ./src/util/prevent-click.js ***!
-        \***********************************/
-
-/*!*********************************************!*\
-        !*** ./src/util/request-animation-frame.js ***!
-        \*********************************************/
-
-/*!***************************!*\
-        !*** ./src/util/style.js ***!
-        \***************************/
-
-/*!***************************!*\
-        !*** ./src/wavesurfer.js ***!
-        \***************************/
-
-/*! ./drawer.multicanvas */
-
-/*! ./peakcache */
-
-/*! ./mediaelement-webaudio */
-
-/*!*************************!*\
-        !*** ./src/webaudio.js ***!
-        \*************************/
+/** @license React v16.13.1
+ * react.production.min.js
+ *
+ * Copyright (c) Facebook, Inc. and its affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
diff --git a/priv/static/packs/flavours/vanilla/share.js.map b/priv/static/packs/flavours/vanilla/share.js.map
index 52c37a2a1..8aefdd1c4 100644
Binary files a/priv/static/packs/flavours/vanilla/share.js.map and b/priv/static/packs/flavours/vanilla/share.js.map differ
diff --git a/priv/static/packs/locales.js b/priv/static/packs/locales.js
index 433c0d429..ad614f53b 100644
Binary files a/priv/static/packs/locales.js and b/priv/static/packs/locales.js differ
diff --git a/priv/static/packs/locales.js.map b/priv/static/packs/locales.js.map
index 134ab600d..45f8b2b61 100644
Binary files a/priv/static/packs/locales.js.map and b/priv/static/packs/locales.js.map differ
diff --git a/priv/static/packs/locales/glitch/ar.js b/priv/static/packs/locales/glitch/ar.js
index 8a0ba7b46..d99aca589 100644
Binary files a/priv/static/packs/locales/glitch/ar.js and b/priv/static/packs/locales/glitch/ar.js differ
diff --git a/priv/static/packs/locales/glitch/ar.js.map b/priv/static/packs/locales/glitch/ar.js.map
index c7eb80c27..86279ae70 100644
Binary files a/priv/static/packs/locales/glitch/ar.js.map and b/priv/static/packs/locales/glitch/ar.js.map differ
diff --git a/priv/static/packs/locales/glitch/ast.js b/priv/static/packs/locales/glitch/ast.js
index 85c8d227f..692011d30 100644
Binary files a/priv/static/packs/locales/glitch/ast.js and b/priv/static/packs/locales/glitch/ast.js differ
diff --git a/priv/static/packs/locales/glitch/ast.js.map b/priv/static/packs/locales/glitch/ast.js.map
index 7ae4686eb..7c0782e9d 100644
Binary files a/priv/static/packs/locales/glitch/ast.js.map and b/priv/static/packs/locales/glitch/ast.js.map differ
diff --git a/priv/static/packs/locales/glitch/bg.js b/priv/static/packs/locales/glitch/bg.js
index 5f093fc35..f657dbfdd 100644
Binary files a/priv/static/packs/locales/glitch/bg.js and b/priv/static/packs/locales/glitch/bg.js differ
diff --git a/priv/static/packs/locales/glitch/bg.js.map b/priv/static/packs/locales/glitch/bg.js.map
index 785293b7f..d881df95c 100644
Binary files a/priv/static/packs/locales/glitch/bg.js.map and b/priv/static/packs/locales/glitch/bg.js.map differ
diff --git a/priv/static/packs/locales/glitch/bn.js b/priv/static/packs/locales/glitch/bn.js
index af813f4f6..961c6ac85 100644
Binary files a/priv/static/packs/locales/glitch/bn.js and b/priv/static/packs/locales/glitch/bn.js differ
diff --git a/priv/static/packs/locales/glitch/bn.js.map b/priv/static/packs/locales/glitch/bn.js.map
index 319ae3adf..5af427b0f 100644
Binary files a/priv/static/packs/locales/glitch/bn.js.map and b/priv/static/packs/locales/glitch/bn.js.map differ
diff --git a/priv/static/packs/locales/glitch/br.js b/priv/static/packs/locales/glitch/br.js
index b4f8b1411..6db685b77 100644
Binary files a/priv/static/packs/locales/glitch/br.js and b/priv/static/packs/locales/glitch/br.js differ
diff --git a/priv/static/packs/locales/glitch/br.js.map b/priv/static/packs/locales/glitch/br.js.map
index ccef003ef..f1a4aa7fc 100644
Binary files a/priv/static/packs/locales/glitch/br.js.map and b/priv/static/packs/locales/glitch/br.js.map differ
diff --git a/priv/static/packs/locales/glitch/ca.js b/priv/static/packs/locales/glitch/ca.js
index 3f4a2544e..23b6e5a69 100644
Binary files a/priv/static/packs/locales/glitch/ca.js and b/priv/static/packs/locales/glitch/ca.js differ
diff --git a/priv/static/packs/locales/glitch/ca.js.map b/priv/static/packs/locales/glitch/ca.js.map
index 9322ae353..94b5ce457 100644
Binary files a/priv/static/packs/locales/glitch/ca.js.map and b/priv/static/packs/locales/glitch/ca.js.map differ
diff --git a/priv/static/packs/locales/glitch/co.js b/priv/static/packs/locales/glitch/co.js
index a9c0fdd98..986d0b547 100644
Binary files a/priv/static/packs/locales/glitch/co.js and b/priv/static/packs/locales/glitch/co.js differ
diff --git a/priv/static/packs/locales/glitch/co.js.map b/priv/static/packs/locales/glitch/co.js.map
index b959be024..e263b0566 100644
Binary files a/priv/static/packs/locales/glitch/co.js.map and b/priv/static/packs/locales/glitch/co.js.map differ
diff --git a/priv/static/packs/locales/glitch/cs.js b/priv/static/packs/locales/glitch/cs.js
index 1163f6e44..41b8c5938 100644
Binary files a/priv/static/packs/locales/glitch/cs.js and b/priv/static/packs/locales/glitch/cs.js differ
diff --git a/priv/static/packs/locales/glitch/cs.js.map b/priv/static/packs/locales/glitch/cs.js.map
index 9b382546f..04c3961a2 100644
Binary files a/priv/static/packs/locales/glitch/cs.js.map and b/priv/static/packs/locales/glitch/cs.js.map differ
diff --git a/priv/static/packs/locales/glitch/cy.js b/priv/static/packs/locales/glitch/cy.js
index b563d99c7..353d89efc 100644
Binary files a/priv/static/packs/locales/glitch/cy.js and b/priv/static/packs/locales/glitch/cy.js differ
diff --git a/priv/static/packs/locales/glitch/cy.js.map b/priv/static/packs/locales/glitch/cy.js.map
index 3ecea7c82..9f6f51fae 100644
Binary files a/priv/static/packs/locales/glitch/cy.js.map and b/priv/static/packs/locales/glitch/cy.js.map differ
diff --git a/priv/static/packs/locales/glitch/da.js b/priv/static/packs/locales/glitch/da.js
index c92db7ce5..6089d5e67 100644
Binary files a/priv/static/packs/locales/glitch/da.js and b/priv/static/packs/locales/glitch/da.js differ
diff --git a/priv/static/packs/locales/glitch/da.js.map b/priv/static/packs/locales/glitch/da.js.map
index ac132c436..4123e5095 100644
Binary files a/priv/static/packs/locales/glitch/da.js.map and b/priv/static/packs/locales/glitch/da.js.map differ
diff --git a/priv/static/packs/locales/glitch/de.js b/priv/static/packs/locales/glitch/de.js
index 7108ca09e..3692ac715 100644
Binary files a/priv/static/packs/locales/glitch/de.js and b/priv/static/packs/locales/glitch/de.js differ
diff --git a/priv/static/packs/locales/glitch/de.js.map b/priv/static/packs/locales/glitch/de.js.map
index 0f60052e3..0b379b1c0 100644
Binary files a/priv/static/packs/locales/glitch/de.js.map and b/priv/static/packs/locales/glitch/de.js.map differ
diff --git a/priv/static/packs/locales/glitch/el.js b/priv/static/packs/locales/glitch/el.js
index 65ca11a6e..2aa456032 100644
Binary files a/priv/static/packs/locales/glitch/el.js and b/priv/static/packs/locales/glitch/el.js differ
diff --git a/priv/static/packs/locales/glitch/el.js.map b/priv/static/packs/locales/glitch/el.js.map
index bb34a1d6e..628818b30 100644
Binary files a/priv/static/packs/locales/glitch/el.js.map and b/priv/static/packs/locales/glitch/el.js.map differ
diff --git a/priv/static/packs/locales/glitch/en.js b/priv/static/packs/locales/glitch/en.js
index 2c366a501..de94c6aa0 100644
Binary files a/priv/static/packs/locales/glitch/en.js and b/priv/static/packs/locales/glitch/en.js differ
diff --git a/priv/static/packs/locales/glitch/en.js.map b/priv/static/packs/locales/glitch/en.js.map
index cb9057773..a543edf11 100644
Binary files a/priv/static/packs/locales/glitch/en.js.map and b/priv/static/packs/locales/glitch/en.js.map differ
diff --git a/priv/static/packs/locales/glitch/eo.js b/priv/static/packs/locales/glitch/eo.js
index efa3859f4..406eb79cc 100644
Binary files a/priv/static/packs/locales/glitch/eo.js and b/priv/static/packs/locales/glitch/eo.js differ
diff --git a/priv/static/packs/locales/glitch/eo.js.map b/priv/static/packs/locales/glitch/eo.js.map
index 1b659c2f8..7e2ed6dfd 100644
Binary files a/priv/static/packs/locales/glitch/eo.js.map and b/priv/static/packs/locales/glitch/eo.js.map differ
diff --git a/priv/static/packs/locales/glitch/es-AR.js b/priv/static/packs/locales/glitch/es-AR.js
index f838642ef..b841aaaa6 100644
Binary files a/priv/static/packs/locales/glitch/es-AR.js and b/priv/static/packs/locales/glitch/es-AR.js differ
diff --git a/priv/static/packs/locales/glitch/es-AR.js.map b/priv/static/packs/locales/glitch/es-AR.js.map
index a0975a92e..414744318 100644
Binary files a/priv/static/packs/locales/glitch/es-AR.js.map and b/priv/static/packs/locales/glitch/es-AR.js.map differ
diff --git a/priv/static/packs/locales/glitch/es.js b/priv/static/packs/locales/glitch/es.js
index 4cbaa8f21..2395c7620 100644
Binary files a/priv/static/packs/locales/glitch/es.js and b/priv/static/packs/locales/glitch/es.js differ
diff --git a/priv/static/packs/locales/glitch/es.js.map b/priv/static/packs/locales/glitch/es.js.map
index 55feaa6f0..9f904dbd1 100644
Binary files a/priv/static/packs/locales/glitch/es.js.map and b/priv/static/packs/locales/glitch/es.js.map differ
diff --git a/priv/static/packs/locales/glitch/et.js b/priv/static/packs/locales/glitch/et.js
index d4ba1fe29..301d249d8 100644
Binary files a/priv/static/packs/locales/glitch/et.js and b/priv/static/packs/locales/glitch/et.js differ
diff --git a/priv/static/packs/locales/glitch/et.js.map b/priv/static/packs/locales/glitch/et.js.map
index 977da58e6..1ebdeed17 100644
Binary files a/priv/static/packs/locales/glitch/et.js.map and b/priv/static/packs/locales/glitch/et.js.map differ
diff --git a/priv/static/packs/locales/glitch/eu.js b/priv/static/packs/locales/glitch/eu.js
index 241b6563a..e4a114489 100644
Binary files a/priv/static/packs/locales/glitch/eu.js and b/priv/static/packs/locales/glitch/eu.js differ
diff --git a/priv/static/packs/locales/glitch/eu.js.map b/priv/static/packs/locales/glitch/eu.js.map
index 4f3ebea43..e19dfafed 100644
Binary files a/priv/static/packs/locales/glitch/eu.js.map and b/priv/static/packs/locales/glitch/eu.js.map differ
diff --git a/priv/static/packs/locales/glitch/fa.js b/priv/static/packs/locales/glitch/fa.js
index 7d80b332b..b39d7c8be 100644
Binary files a/priv/static/packs/locales/glitch/fa.js and b/priv/static/packs/locales/glitch/fa.js differ
diff --git a/priv/static/packs/locales/glitch/fa.js.map b/priv/static/packs/locales/glitch/fa.js.map
index a7d10fba0..9dc4cadc5 100644
Binary files a/priv/static/packs/locales/glitch/fa.js.map and b/priv/static/packs/locales/glitch/fa.js.map differ
diff --git a/priv/static/packs/locales/glitch/fi.js b/priv/static/packs/locales/glitch/fi.js
index f44bef546..891d5f510 100644
Binary files a/priv/static/packs/locales/glitch/fi.js and b/priv/static/packs/locales/glitch/fi.js differ
diff --git a/priv/static/packs/locales/glitch/fi.js.map b/priv/static/packs/locales/glitch/fi.js.map
index a1fd351f5..5257a095d 100644
Binary files a/priv/static/packs/locales/glitch/fi.js.map and b/priv/static/packs/locales/glitch/fi.js.map differ
diff --git a/priv/static/packs/locales/glitch/fr.js b/priv/static/packs/locales/glitch/fr.js
index 7b000a883..a347e27ca 100644
Binary files a/priv/static/packs/locales/glitch/fr.js and b/priv/static/packs/locales/glitch/fr.js differ
diff --git a/priv/static/packs/locales/glitch/fr.js.map b/priv/static/packs/locales/glitch/fr.js.map
index bc2b07d02..51f5f7911 100644
Binary files a/priv/static/packs/locales/glitch/fr.js.map and b/priv/static/packs/locales/glitch/fr.js.map differ
diff --git a/priv/static/packs/locales/glitch/ga.js b/priv/static/packs/locales/glitch/ga.js
index 927e24296..699637416 100644
Binary files a/priv/static/packs/locales/glitch/ga.js and b/priv/static/packs/locales/glitch/ga.js differ
diff --git a/priv/static/packs/locales/glitch/ga.js.map b/priv/static/packs/locales/glitch/ga.js.map
index 973a6b1d8..cd7be7d00 100644
Binary files a/priv/static/packs/locales/glitch/ga.js.map and b/priv/static/packs/locales/glitch/ga.js.map differ
diff --git a/priv/static/packs/locales/glitch/gl.js b/priv/static/packs/locales/glitch/gl.js
index 964b54a5b..f4194822b 100644
Binary files a/priv/static/packs/locales/glitch/gl.js and b/priv/static/packs/locales/glitch/gl.js differ
diff --git a/priv/static/packs/locales/glitch/gl.js.map b/priv/static/packs/locales/glitch/gl.js.map
index e87ec9a7b..3e6f840bd 100644
Binary files a/priv/static/packs/locales/glitch/gl.js.map and b/priv/static/packs/locales/glitch/gl.js.map differ
diff --git a/priv/static/packs/locales/glitch/he.js b/priv/static/packs/locales/glitch/he.js
index e433e68dc..76bf1117e 100644
Binary files a/priv/static/packs/locales/glitch/he.js and b/priv/static/packs/locales/glitch/he.js differ
diff --git a/priv/static/packs/locales/glitch/he.js.map b/priv/static/packs/locales/glitch/he.js.map
index c0c5bc33d..112537ef6 100644
Binary files a/priv/static/packs/locales/glitch/he.js.map and b/priv/static/packs/locales/glitch/he.js.map differ
diff --git a/priv/static/packs/locales/glitch/hi.js b/priv/static/packs/locales/glitch/hi.js
index db38a62b8..31abe01f0 100644
Binary files a/priv/static/packs/locales/glitch/hi.js and b/priv/static/packs/locales/glitch/hi.js differ
diff --git a/priv/static/packs/locales/glitch/hi.js.map b/priv/static/packs/locales/glitch/hi.js.map
index 4a944f819..b5417c255 100644
Binary files a/priv/static/packs/locales/glitch/hi.js.map and b/priv/static/packs/locales/glitch/hi.js.map differ
diff --git a/priv/static/packs/locales/glitch/hr.js b/priv/static/packs/locales/glitch/hr.js
index 1230ef6bd..fe52cd08c 100644
Binary files a/priv/static/packs/locales/glitch/hr.js and b/priv/static/packs/locales/glitch/hr.js differ
diff --git a/priv/static/packs/locales/glitch/hr.js.map b/priv/static/packs/locales/glitch/hr.js.map
index 8279a2ee3..fb5486977 100644
Binary files a/priv/static/packs/locales/glitch/hr.js.map and b/priv/static/packs/locales/glitch/hr.js.map differ
diff --git a/priv/static/packs/locales/glitch/hu.js b/priv/static/packs/locales/glitch/hu.js
index cb3f8fdc2..682ca2159 100644
Binary files a/priv/static/packs/locales/glitch/hu.js and b/priv/static/packs/locales/glitch/hu.js differ
diff --git a/priv/static/packs/locales/glitch/hu.js.map b/priv/static/packs/locales/glitch/hu.js.map
index 6cf72dd63..127ec071b 100644
Binary files a/priv/static/packs/locales/glitch/hu.js.map and b/priv/static/packs/locales/glitch/hu.js.map differ
diff --git a/priv/static/packs/locales/glitch/hy.js b/priv/static/packs/locales/glitch/hy.js
index cc7b75474..f2011b0e3 100644
Binary files a/priv/static/packs/locales/glitch/hy.js and b/priv/static/packs/locales/glitch/hy.js differ
diff --git a/priv/static/packs/locales/glitch/hy.js.map b/priv/static/packs/locales/glitch/hy.js.map
index 312575745..db9fdc1f9 100644
Binary files a/priv/static/packs/locales/glitch/hy.js.map and b/priv/static/packs/locales/glitch/hy.js.map differ
diff --git a/priv/static/packs/locales/glitch/id.js b/priv/static/packs/locales/glitch/id.js
index b6404585b..6ca78b22c 100644
Binary files a/priv/static/packs/locales/glitch/id.js and b/priv/static/packs/locales/glitch/id.js differ
diff --git a/priv/static/packs/locales/glitch/id.js.map b/priv/static/packs/locales/glitch/id.js.map
index b4dcf75b2..ab59c6e02 100644
Binary files a/priv/static/packs/locales/glitch/id.js.map and b/priv/static/packs/locales/glitch/id.js.map differ
diff --git a/priv/static/packs/locales/glitch/io.js b/priv/static/packs/locales/glitch/io.js
index 97a6738a0..074da73b8 100644
Binary files a/priv/static/packs/locales/glitch/io.js and b/priv/static/packs/locales/glitch/io.js differ
diff --git a/priv/static/packs/locales/glitch/io.js.map b/priv/static/packs/locales/glitch/io.js.map
index 5dab3979d..89999c4c1 100644
Binary files a/priv/static/packs/locales/glitch/io.js.map and b/priv/static/packs/locales/glitch/io.js.map differ
diff --git a/priv/static/packs/locales/glitch/is.js b/priv/static/packs/locales/glitch/is.js
index bc9b34f29..ec9436d27 100644
Binary files a/priv/static/packs/locales/glitch/is.js and b/priv/static/packs/locales/glitch/is.js differ
diff --git a/priv/static/packs/locales/glitch/is.js.map b/priv/static/packs/locales/glitch/is.js.map
index 30afc9926..054176ba2 100644
Binary files a/priv/static/packs/locales/glitch/is.js.map and b/priv/static/packs/locales/glitch/is.js.map differ
diff --git a/priv/static/packs/locales/glitch/it.js b/priv/static/packs/locales/glitch/it.js
index 9fbb63879..d43b84c3b 100644
Binary files a/priv/static/packs/locales/glitch/it.js and b/priv/static/packs/locales/glitch/it.js differ
diff --git a/priv/static/packs/locales/glitch/it.js.map b/priv/static/packs/locales/glitch/it.js.map
index 1b8965bcc..54575e8f4 100644
Binary files a/priv/static/packs/locales/glitch/it.js.map and b/priv/static/packs/locales/glitch/it.js.map differ
diff --git a/priv/static/packs/locales/glitch/ja.js b/priv/static/packs/locales/glitch/ja.js
index bb38c4897..a3b5e4e67 100644
Binary files a/priv/static/packs/locales/glitch/ja.js and b/priv/static/packs/locales/glitch/ja.js differ
diff --git a/priv/static/packs/locales/glitch/ja.js.map b/priv/static/packs/locales/glitch/ja.js.map
index 6cb25f836..85cff94e4 100644
Binary files a/priv/static/packs/locales/glitch/ja.js.map and b/priv/static/packs/locales/glitch/ja.js.map differ
diff --git a/priv/static/packs/locales/glitch/ka.js b/priv/static/packs/locales/glitch/ka.js
index e4b32a068..c68203d60 100644
Binary files a/priv/static/packs/locales/glitch/ka.js and b/priv/static/packs/locales/glitch/ka.js differ
diff --git a/priv/static/packs/locales/glitch/ka.js.map b/priv/static/packs/locales/glitch/ka.js.map
index 0e49e8a7a..51ec3c320 100644
Binary files a/priv/static/packs/locales/glitch/ka.js.map and b/priv/static/packs/locales/glitch/ka.js.map differ
diff --git a/priv/static/packs/locales/glitch/kab.js b/priv/static/packs/locales/glitch/kab.js
index 6cbce4c04..38367c712 100644
Binary files a/priv/static/packs/locales/glitch/kab.js and b/priv/static/packs/locales/glitch/kab.js differ
diff --git a/priv/static/packs/locales/glitch/kab.js.map b/priv/static/packs/locales/glitch/kab.js.map
index 28eed3207..0fb9d18d9 100644
Binary files a/priv/static/packs/locales/glitch/kab.js.map and b/priv/static/packs/locales/glitch/kab.js.map differ
diff --git a/priv/static/packs/locales/glitch/kk.js b/priv/static/packs/locales/glitch/kk.js
index 0faca2334..328c5caef 100644
Binary files a/priv/static/packs/locales/glitch/kk.js and b/priv/static/packs/locales/glitch/kk.js differ
diff --git a/priv/static/packs/locales/glitch/kk.js.map b/priv/static/packs/locales/glitch/kk.js.map
index e802ba374..71a3e55fd 100644
Binary files a/priv/static/packs/locales/glitch/kk.js.map and b/priv/static/packs/locales/glitch/kk.js.map differ
diff --git a/priv/static/packs/locales/glitch/kn.js b/priv/static/packs/locales/glitch/kn.js
index aeed46c13..d6920594d 100644
Binary files a/priv/static/packs/locales/glitch/kn.js and b/priv/static/packs/locales/glitch/kn.js differ
diff --git a/priv/static/packs/locales/glitch/kn.js.map b/priv/static/packs/locales/glitch/kn.js.map
index 77cb0271c..1d2cfb6e2 100644
Binary files a/priv/static/packs/locales/glitch/kn.js.map and b/priv/static/packs/locales/glitch/kn.js.map differ
diff --git a/priv/static/packs/locales/glitch/ko.js b/priv/static/packs/locales/glitch/ko.js
index 4600783d6..8ee071c52 100644
Binary files a/priv/static/packs/locales/glitch/ko.js and b/priv/static/packs/locales/glitch/ko.js differ
diff --git a/priv/static/packs/locales/glitch/ko.js.map b/priv/static/packs/locales/glitch/ko.js.map
index 4ced3f971..b3c6ad083 100644
Binary files a/priv/static/packs/locales/glitch/ko.js.map and b/priv/static/packs/locales/glitch/ko.js.map differ
diff --git a/priv/static/packs/locales/glitch/lt.js b/priv/static/packs/locales/glitch/lt.js
index 9c3f5bd03..f8374f9d2 100644
Binary files a/priv/static/packs/locales/glitch/lt.js and b/priv/static/packs/locales/glitch/lt.js differ
diff --git a/priv/static/packs/locales/glitch/lt.js.map b/priv/static/packs/locales/glitch/lt.js.map
index 7c0fc3d5b..93f2b59df 100644
Binary files a/priv/static/packs/locales/glitch/lt.js.map and b/priv/static/packs/locales/glitch/lt.js.map differ
diff --git a/priv/static/packs/locales/glitch/lv.js b/priv/static/packs/locales/glitch/lv.js
index 96162a9eb..a625417cd 100644
Binary files a/priv/static/packs/locales/glitch/lv.js and b/priv/static/packs/locales/glitch/lv.js differ
diff --git a/priv/static/packs/locales/glitch/lv.js.map b/priv/static/packs/locales/glitch/lv.js.map
index 0601ecdb6..034556730 100644
Binary files a/priv/static/packs/locales/glitch/lv.js.map and b/priv/static/packs/locales/glitch/lv.js.map differ
diff --git a/priv/static/packs/locales/glitch/mk.js b/priv/static/packs/locales/glitch/mk.js
index 3ab2cdcb2..d1aa2c57d 100644
Binary files a/priv/static/packs/locales/glitch/mk.js and b/priv/static/packs/locales/glitch/mk.js differ
diff --git a/priv/static/packs/locales/glitch/mk.js.map b/priv/static/packs/locales/glitch/mk.js.map
index 915ef6d06..650c0520c 100644
Binary files a/priv/static/packs/locales/glitch/mk.js.map and b/priv/static/packs/locales/glitch/mk.js.map differ
diff --git a/priv/static/packs/locales/glitch/ml.js b/priv/static/packs/locales/glitch/ml.js
index 28123c440..817c72647 100644
Binary files a/priv/static/packs/locales/glitch/ml.js and b/priv/static/packs/locales/glitch/ml.js differ
diff --git a/priv/static/packs/locales/glitch/ml.js.map b/priv/static/packs/locales/glitch/ml.js.map
index 3711ae7df..319cca685 100644
Binary files a/priv/static/packs/locales/glitch/ml.js.map and b/priv/static/packs/locales/glitch/ml.js.map differ
diff --git a/priv/static/packs/locales/glitch/mr.js b/priv/static/packs/locales/glitch/mr.js
index 7f30dc141..73ede96fe 100644
Binary files a/priv/static/packs/locales/glitch/mr.js and b/priv/static/packs/locales/glitch/mr.js differ
diff --git a/priv/static/packs/locales/glitch/mr.js.map b/priv/static/packs/locales/glitch/mr.js.map
index 87356e45b..f6ee01063 100644
Binary files a/priv/static/packs/locales/glitch/mr.js.map and b/priv/static/packs/locales/glitch/mr.js.map differ
diff --git a/priv/static/packs/locales/glitch/ms.js b/priv/static/packs/locales/glitch/ms.js
index 6f4a4f059..549ef5cdc 100644
Binary files a/priv/static/packs/locales/glitch/ms.js and b/priv/static/packs/locales/glitch/ms.js differ
diff --git a/priv/static/packs/locales/glitch/ms.js.map b/priv/static/packs/locales/glitch/ms.js.map
index 7ab26e470..c3814701a 100644
Binary files a/priv/static/packs/locales/glitch/ms.js.map and b/priv/static/packs/locales/glitch/ms.js.map differ
diff --git a/priv/static/packs/locales/glitch/nl.js b/priv/static/packs/locales/glitch/nl.js
index 59c26947e..e38907733 100644
Binary files a/priv/static/packs/locales/glitch/nl.js and b/priv/static/packs/locales/glitch/nl.js differ
diff --git a/priv/static/packs/locales/glitch/nl.js.map b/priv/static/packs/locales/glitch/nl.js.map
index 501dd33b9..f975976d6 100644
Binary files a/priv/static/packs/locales/glitch/nl.js.map and b/priv/static/packs/locales/glitch/nl.js.map differ
diff --git a/priv/static/packs/locales/glitch/nn.js b/priv/static/packs/locales/glitch/nn.js
index b58e0e0e9..3aefbec9c 100644
Binary files a/priv/static/packs/locales/glitch/nn.js and b/priv/static/packs/locales/glitch/nn.js differ
diff --git a/priv/static/packs/locales/glitch/nn.js.map b/priv/static/packs/locales/glitch/nn.js.map
index ef2bd2759..fc106bc1a 100644
Binary files a/priv/static/packs/locales/glitch/nn.js.map and b/priv/static/packs/locales/glitch/nn.js.map differ
diff --git a/priv/static/packs/locales/glitch/no.js b/priv/static/packs/locales/glitch/no.js
index 6f372666b..d386209be 100644
Binary files a/priv/static/packs/locales/glitch/no.js and b/priv/static/packs/locales/glitch/no.js differ
diff --git a/priv/static/packs/locales/glitch/no.js.map b/priv/static/packs/locales/glitch/no.js.map
index 375fb7e7f..f1b9b20c9 100644
Binary files a/priv/static/packs/locales/glitch/no.js.map and b/priv/static/packs/locales/glitch/no.js.map differ
diff --git a/priv/static/packs/locales/glitch/oc.js b/priv/static/packs/locales/glitch/oc.js
index 56bed8938..820d2dc81 100644
Binary files a/priv/static/packs/locales/glitch/oc.js and b/priv/static/packs/locales/glitch/oc.js differ
diff --git a/priv/static/packs/locales/glitch/oc.js.map b/priv/static/packs/locales/glitch/oc.js.map
index 24974675c..29b6cbdb1 100644
Binary files a/priv/static/packs/locales/glitch/oc.js.map and b/priv/static/packs/locales/glitch/oc.js.map differ
diff --git a/priv/static/packs/locales/glitch/pl.js b/priv/static/packs/locales/glitch/pl.js
index d1684d3a2..7bdeb1088 100644
Binary files a/priv/static/packs/locales/glitch/pl.js and b/priv/static/packs/locales/glitch/pl.js differ
diff --git a/priv/static/packs/locales/glitch/pl.js.map b/priv/static/packs/locales/glitch/pl.js.map
index 7bfd358ee..470de5ebe 100644
Binary files a/priv/static/packs/locales/glitch/pl.js.map and b/priv/static/packs/locales/glitch/pl.js.map differ
diff --git a/priv/static/packs/locales/glitch/pt-BR.js b/priv/static/packs/locales/glitch/pt-BR.js
index dbd2e04c9..08950cd4d 100644
Binary files a/priv/static/packs/locales/glitch/pt-BR.js and b/priv/static/packs/locales/glitch/pt-BR.js differ
diff --git a/priv/static/packs/locales/glitch/pt-BR.js.map b/priv/static/packs/locales/glitch/pt-BR.js.map
index b27f848cc..584e0e410 100644
Binary files a/priv/static/packs/locales/glitch/pt-BR.js.map and b/priv/static/packs/locales/glitch/pt-BR.js.map differ
diff --git a/priv/static/packs/locales/glitch/pt-PT.js b/priv/static/packs/locales/glitch/pt-PT.js
index 09f100392..83d72b3fc 100644
Binary files a/priv/static/packs/locales/glitch/pt-PT.js and b/priv/static/packs/locales/glitch/pt-PT.js differ
diff --git a/priv/static/packs/locales/glitch/pt-PT.js.map b/priv/static/packs/locales/glitch/pt-PT.js.map
index f3f1d1200..51a2aa03f 100644
Binary files a/priv/static/packs/locales/glitch/pt-PT.js.map and b/priv/static/packs/locales/glitch/pt-PT.js.map differ
diff --git a/priv/static/packs/locales/glitch/ro.js b/priv/static/packs/locales/glitch/ro.js
index 2bec5b1d1..667af3651 100644
Binary files a/priv/static/packs/locales/glitch/ro.js and b/priv/static/packs/locales/glitch/ro.js differ
diff --git a/priv/static/packs/locales/glitch/ro.js.map b/priv/static/packs/locales/glitch/ro.js.map
index fccc7736d..3fd116429 100644
Binary files a/priv/static/packs/locales/glitch/ro.js.map and b/priv/static/packs/locales/glitch/ro.js.map differ
diff --git a/priv/static/packs/locales/glitch/ru.js b/priv/static/packs/locales/glitch/ru.js
index 6caa8d668..44c66bd7d 100644
Binary files a/priv/static/packs/locales/glitch/ru.js and b/priv/static/packs/locales/glitch/ru.js differ
diff --git a/priv/static/packs/locales/glitch/ru.js.map b/priv/static/packs/locales/glitch/ru.js.map
index 88dba64a9..f4bcd78fb 100644
Binary files a/priv/static/packs/locales/glitch/ru.js.map and b/priv/static/packs/locales/glitch/ru.js.map differ
diff --git a/priv/static/packs/locales/glitch/sk.js b/priv/static/packs/locales/glitch/sk.js
index 65e1e5e8a..9476a2f58 100644
Binary files a/priv/static/packs/locales/glitch/sk.js and b/priv/static/packs/locales/glitch/sk.js differ
diff --git a/priv/static/packs/locales/glitch/sk.js.map b/priv/static/packs/locales/glitch/sk.js.map
index a6f88af3c..747cb346d 100644
Binary files a/priv/static/packs/locales/glitch/sk.js.map and b/priv/static/packs/locales/glitch/sk.js.map differ
diff --git a/priv/static/packs/locales/glitch/sl.js b/priv/static/packs/locales/glitch/sl.js
index 6e1e09a12..4d99f2414 100644
Binary files a/priv/static/packs/locales/glitch/sl.js and b/priv/static/packs/locales/glitch/sl.js differ
diff --git a/priv/static/packs/locales/glitch/sl.js.map b/priv/static/packs/locales/glitch/sl.js.map
index ab1bc4134..805563fa1 100644
Binary files a/priv/static/packs/locales/glitch/sl.js.map and b/priv/static/packs/locales/glitch/sl.js.map differ
diff --git a/priv/static/packs/locales/glitch/sq.js b/priv/static/packs/locales/glitch/sq.js
index 3c01b8e28..3b0bcce3b 100644
Binary files a/priv/static/packs/locales/glitch/sq.js and b/priv/static/packs/locales/glitch/sq.js differ
diff --git a/priv/static/packs/locales/glitch/sq.js.map b/priv/static/packs/locales/glitch/sq.js.map
index d2f5392e3..17be693bf 100644
Binary files a/priv/static/packs/locales/glitch/sq.js.map and b/priv/static/packs/locales/glitch/sq.js.map differ
diff --git a/priv/static/packs/locales/glitch/sr-Latn.js b/priv/static/packs/locales/glitch/sr-Latn.js
index fb2be7e67..7613638cb 100644
Binary files a/priv/static/packs/locales/glitch/sr-Latn.js and b/priv/static/packs/locales/glitch/sr-Latn.js differ
diff --git a/priv/static/packs/locales/glitch/sr-Latn.js.map b/priv/static/packs/locales/glitch/sr-Latn.js.map
index 3557bb908..89ab44978 100644
Binary files a/priv/static/packs/locales/glitch/sr-Latn.js.map and b/priv/static/packs/locales/glitch/sr-Latn.js.map differ
diff --git a/priv/static/packs/locales/glitch/sr.js b/priv/static/packs/locales/glitch/sr.js
index 7d9c50942..e772dda4f 100644
Binary files a/priv/static/packs/locales/glitch/sr.js and b/priv/static/packs/locales/glitch/sr.js differ
diff --git a/priv/static/packs/locales/glitch/sr.js.map b/priv/static/packs/locales/glitch/sr.js.map
index 44f0dbb70..cf7001869 100644
Binary files a/priv/static/packs/locales/glitch/sr.js.map and b/priv/static/packs/locales/glitch/sr.js.map differ
diff --git a/priv/static/packs/locales/glitch/sv.js b/priv/static/packs/locales/glitch/sv.js
index feda6682c..549120a2a 100644
Binary files a/priv/static/packs/locales/glitch/sv.js and b/priv/static/packs/locales/glitch/sv.js differ
diff --git a/priv/static/packs/locales/glitch/sv.js.map b/priv/static/packs/locales/glitch/sv.js.map
index 367a2e89c..6db7b18b9 100644
Binary files a/priv/static/packs/locales/glitch/sv.js.map and b/priv/static/packs/locales/glitch/sv.js.map differ
diff --git a/priv/static/packs/locales/glitch/ta.js b/priv/static/packs/locales/glitch/ta.js
index 81fe1ff5e..ec8b2b111 100644
Binary files a/priv/static/packs/locales/glitch/ta.js and b/priv/static/packs/locales/glitch/ta.js differ
diff --git a/priv/static/packs/locales/glitch/ta.js.map b/priv/static/packs/locales/glitch/ta.js.map
index a67fb4e1f..b7e271261 100644
Binary files a/priv/static/packs/locales/glitch/ta.js.map and b/priv/static/packs/locales/glitch/ta.js.map differ
diff --git a/priv/static/packs/locales/glitch/te.js b/priv/static/packs/locales/glitch/te.js
index 9ff95c237..d7e85ee36 100644
Binary files a/priv/static/packs/locales/glitch/te.js and b/priv/static/packs/locales/glitch/te.js differ
diff --git a/priv/static/packs/locales/glitch/te.js.map b/priv/static/packs/locales/glitch/te.js.map
index a5f81b52a..a58e520cb 100644
Binary files a/priv/static/packs/locales/glitch/te.js.map and b/priv/static/packs/locales/glitch/te.js.map differ
diff --git a/priv/static/packs/locales/glitch/th.js b/priv/static/packs/locales/glitch/th.js
index d86f43e10..4cbdcbcf5 100644
Binary files a/priv/static/packs/locales/glitch/th.js and b/priv/static/packs/locales/glitch/th.js differ
diff --git a/priv/static/packs/locales/glitch/th.js.map b/priv/static/packs/locales/glitch/th.js.map
index 4e17eb892..65e5c656b 100644
Binary files a/priv/static/packs/locales/glitch/th.js.map and b/priv/static/packs/locales/glitch/th.js.map differ
diff --git a/priv/static/packs/locales/glitch/tr.js b/priv/static/packs/locales/glitch/tr.js
index 091ec391b..5c6386138 100644
Binary files a/priv/static/packs/locales/glitch/tr.js and b/priv/static/packs/locales/glitch/tr.js differ
diff --git a/priv/static/packs/locales/glitch/tr.js.map b/priv/static/packs/locales/glitch/tr.js.map
index b8ab1f599..0ed931331 100644
Binary files a/priv/static/packs/locales/glitch/tr.js.map and b/priv/static/packs/locales/glitch/tr.js.map differ
diff --git a/priv/static/packs/locales/glitch/uk.js b/priv/static/packs/locales/glitch/uk.js
index fc00bdc76..04388c934 100644
Binary files a/priv/static/packs/locales/glitch/uk.js and b/priv/static/packs/locales/glitch/uk.js differ
diff --git a/priv/static/packs/locales/glitch/uk.js.map b/priv/static/packs/locales/glitch/uk.js.map
index 7ec9350cf..803672f6f 100644
Binary files a/priv/static/packs/locales/glitch/uk.js.map and b/priv/static/packs/locales/glitch/uk.js.map differ
diff --git a/priv/static/packs/locales/glitch/ur.js b/priv/static/packs/locales/glitch/ur.js
index c365028a1..cb9988dd4 100644
Binary files a/priv/static/packs/locales/glitch/ur.js and b/priv/static/packs/locales/glitch/ur.js differ
diff --git a/priv/static/packs/locales/glitch/ur.js.map b/priv/static/packs/locales/glitch/ur.js.map
index 8df87f4e4..204bc365f 100644
Binary files a/priv/static/packs/locales/glitch/ur.js.map and b/priv/static/packs/locales/glitch/ur.js.map differ
diff --git a/priv/static/packs/locales/glitch/vi.js b/priv/static/packs/locales/glitch/vi.js
index c881b97ff..b45ffbc87 100644
Binary files a/priv/static/packs/locales/glitch/vi.js and b/priv/static/packs/locales/glitch/vi.js differ
diff --git a/priv/static/packs/locales/glitch/vi.js.map b/priv/static/packs/locales/glitch/vi.js.map
index 6b0faec01..11fc5629a 100644
Binary files a/priv/static/packs/locales/glitch/vi.js.map and b/priv/static/packs/locales/glitch/vi.js.map differ
diff --git a/priv/static/packs/locales/glitch/zh-CN.js b/priv/static/packs/locales/glitch/zh-CN.js
index c6ed12a3a..e3fbce7e1 100644
Binary files a/priv/static/packs/locales/glitch/zh-CN.js and b/priv/static/packs/locales/glitch/zh-CN.js differ
diff --git a/priv/static/packs/locales/glitch/zh-CN.js.map b/priv/static/packs/locales/glitch/zh-CN.js.map
index 024666d64..96a461367 100644
Binary files a/priv/static/packs/locales/glitch/zh-CN.js.map and b/priv/static/packs/locales/glitch/zh-CN.js.map differ
diff --git a/priv/static/packs/locales/glitch/zh-HK.js b/priv/static/packs/locales/glitch/zh-HK.js
index 79aafff13..0690558e6 100644
Binary files a/priv/static/packs/locales/glitch/zh-HK.js and b/priv/static/packs/locales/glitch/zh-HK.js differ
diff --git a/priv/static/packs/locales/glitch/zh-HK.js.map b/priv/static/packs/locales/glitch/zh-HK.js.map
index 18dd8ffad..1b64d826f 100644
Binary files a/priv/static/packs/locales/glitch/zh-HK.js.map and b/priv/static/packs/locales/glitch/zh-HK.js.map differ
diff --git a/priv/static/packs/locales/glitch/zh-TW.js b/priv/static/packs/locales/glitch/zh-TW.js
index 5ec359e10..4a9ec7186 100644
Binary files a/priv/static/packs/locales/glitch/zh-TW.js and b/priv/static/packs/locales/glitch/zh-TW.js differ
diff --git a/priv/static/packs/locales/glitch/zh-TW.js.map b/priv/static/packs/locales/glitch/zh-TW.js.map
index bb0634947..ef62a54ff 100644
Binary files a/priv/static/packs/locales/glitch/zh-TW.js.map and b/priv/static/packs/locales/glitch/zh-TW.js.map differ
diff --git a/priv/static/packs/locales/vanilla/ar.js b/priv/static/packs/locales/vanilla/ar.js
index 1dd13b40f..6b4181bd5 100644
Binary files a/priv/static/packs/locales/vanilla/ar.js and b/priv/static/packs/locales/vanilla/ar.js differ
diff --git a/priv/static/packs/locales/vanilla/ar.js.map b/priv/static/packs/locales/vanilla/ar.js.map
index 7e305f0cf..1802fd3f8 100644
Binary files a/priv/static/packs/locales/vanilla/ar.js.map and b/priv/static/packs/locales/vanilla/ar.js.map differ
diff --git a/priv/static/packs/locales/vanilla/ast.js b/priv/static/packs/locales/vanilla/ast.js
index 0b505c496..376afbe70 100644
Binary files a/priv/static/packs/locales/vanilla/ast.js and b/priv/static/packs/locales/vanilla/ast.js differ
diff --git a/priv/static/packs/locales/vanilla/ast.js.map b/priv/static/packs/locales/vanilla/ast.js.map
index dae5f5c19..ac9e083d8 100644
Binary files a/priv/static/packs/locales/vanilla/ast.js.map and b/priv/static/packs/locales/vanilla/ast.js.map differ
diff --git a/priv/static/packs/locales/vanilla/bg.js b/priv/static/packs/locales/vanilla/bg.js
index a2389e8f1..272033cc2 100644
Binary files a/priv/static/packs/locales/vanilla/bg.js and b/priv/static/packs/locales/vanilla/bg.js differ
diff --git a/priv/static/packs/locales/vanilla/bg.js.map b/priv/static/packs/locales/vanilla/bg.js.map
index 0df1dbb7e..ec253ea61 100644
Binary files a/priv/static/packs/locales/vanilla/bg.js.map and b/priv/static/packs/locales/vanilla/bg.js.map differ
diff --git a/priv/static/packs/locales/vanilla/bn.js b/priv/static/packs/locales/vanilla/bn.js
index 24f8b350f..ebdf68537 100644
Binary files a/priv/static/packs/locales/vanilla/bn.js and b/priv/static/packs/locales/vanilla/bn.js differ
diff --git a/priv/static/packs/locales/vanilla/bn.js.map b/priv/static/packs/locales/vanilla/bn.js.map
index deb68b0a5..45a9c014e 100644
Binary files a/priv/static/packs/locales/vanilla/bn.js.map and b/priv/static/packs/locales/vanilla/bn.js.map differ
diff --git a/priv/static/packs/locales/vanilla/br.js b/priv/static/packs/locales/vanilla/br.js
index 741262bf4..f6ab20245 100644
Binary files a/priv/static/packs/locales/vanilla/br.js and b/priv/static/packs/locales/vanilla/br.js differ
diff --git a/priv/static/packs/locales/vanilla/br.js.map b/priv/static/packs/locales/vanilla/br.js.map
index 994a36723..6d53acc51 100644
Binary files a/priv/static/packs/locales/vanilla/br.js.map and b/priv/static/packs/locales/vanilla/br.js.map differ
diff --git a/priv/static/packs/locales/vanilla/ca.js b/priv/static/packs/locales/vanilla/ca.js
index 2b5adff9d..e8453b5b9 100644
Binary files a/priv/static/packs/locales/vanilla/ca.js and b/priv/static/packs/locales/vanilla/ca.js differ
diff --git a/priv/static/packs/locales/vanilla/ca.js.map b/priv/static/packs/locales/vanilla/ca.js.map
index 35c2ed352..b0f1a6789 100644
Binary files a/priv/static/packs/locales/vanilla/ca.js.map and b/priv/static/packs/locales/vanilla/ca.js.map differ
diff --git a/priv/static/packs/locales/vanilla/co.js b/priv/static/packs/locales/vanilla/co.js
index c2bf0f920..9bbc5f461 100644
Binary files a/priv/static/packs/locales/vanilla/co.js and b/priv/static/packs/locales/vanilla/co.js differ
diff --git a/priv/static/packs/locales/vanilla/co.js.map b/priv/static/packs/locales/vanilla/co.js.map
index ec94caa16..303dbdf41 100644
Binary files a/priv/static/packs/locales/vanilla/co.js.map and b/priv/static/packs/locales/vanilla/co.js.map differ
diff --git a/priv/static/packs/locales/vanilla/cs.js b/priv/static/packs/locales/vanilla/cs.js
index 1272736fd..d5ea53c06 100644
Binary files a/priv/static/packs/locales/vanilla/cs.js and b/priv/static/packs/locales/vanilla/cs.js differ
diff --git a/priv/static/packs/locales/vanilla/cs.js.map b/priv/static/packs/locales/vanilla/cs.js.map
index 2fcac0fd2..253a990b7 100644
Binary files a/priv/static/packs/locales/vanilla/cs.js.map and b/priv/static/packs/locales/vanilla/cs.js.map differ
diff --git a/priv/static/packs/locales/vanilla/cy.js b/priv/static/packs/locales/vanilla/cy.js
index d6edb602c..9c41b6da4 100644
Binary files a/priv/static/packs/locales/vanilla/cy.js and b/priv/static/packs/locales/vanilla/cy.js differ
diff --git a/priv/static/packs/locales/vanilla/cy.js.map b/priv/static/packs/locales/vanilla/cy.js.map
index 83b72c10b..33ea782c7 100644
Binary files a/priv/static/packs/locales/vanilla/cy.js.map and b/priv/static/packs/locales/vanilla/cy.js.map differ
diff --git a/priv/static/packs/locales/vanilla/da.js b/priv/static/packs/locales/vanilla/da.js
index 139341108..6f12d46dc 100644
Binary files a/priv/static/packs/locales/vanilla/da.js and b/priv/static/packs/locales/vanilla/da.js differ
diff --git a/priv/static/packs/locales/vanilla/da.js.map b/priv/static/packs/locales/vanilla/da.js.map
index 0f8da806a..c3d938e88 100644
Binary files a/priv/static/packs/locales/vanilla/da.js.map and b/priv/static/packs/locales/vanilla/da.js.map differ
diff --git a/priv/static/packs/locales/vanilla/de.js b/priv/static/packs/locales/vanilla/de.js
index fe0e254e4..268accd2f 100644
Binary files a/priv/static/packs/locales/vanilla/de.js and b/priv/static/packs/locales/vanilla/de.js differ
diff --git a/priv/static/packs/locales/vanilla/de.js.map b/priv/static/packs/locales/vanilla/de.js.map
index a33f920c0..3b1203043 100644
Binary files a/priv/static/packs/locales/vanilla/de.js.map and b/priv/static/packs/locales/vanilla/de.js.map differ
diff --git a/priv/static/packs/locales/vanilla/el.js b/priv/static/packs/locales/vanilla/el.js
index 57efdd693..2dd5a9895 100644
Binary files a/priv/static/packs/locales/vanilla/el.js and b/priv/static/packs/locales/vanilla/el.js differ
diff --git a/priv/static/packs/locales/vanilla/el.js.map b/priv/static/packs/locales/vanilla/el.js.map
index a0b0f7f07..612980507 100644
Binary files a/priv/static/packs/locales/vanilla/el.js.map and b/priv/static/packs/locales/vanilla/el.js.map differ
diff --git a/priv/static/packs/locales/vanilla/en.js b/priv/static/packs/locales/vanilla/en.js
index ff8617a8f..226dde828 100644
Binary files a/priv/static/packs/locales/vanilla/en.js and b/priv/static/packs/locales/vanilla/en.js differ
diff --git a/priv/static/packs/locales/vanilla/en.js.map b/priv/static/packs/locales/vanilla/en.js.map
index 6c29e9803..2c5d92626 100644
Binary files a/priv/static/packs/locales/vanilla/en.js.map and b/priv/static/packs/locales/vanilla/en.js.map differ
diff --git a/priv/static/packs/locales/vanilla/eo.js b/priv/static/packs/locales/vanilla/eo.js
index c92427011..74d3bf896 100644
Binary files a/priv/static/packs/locales/vanilla/eo.js and b/priv/static/packs/locales/vanilla/eo.js differ
diff --git a/priv/static/packs/locales/vanilla/eo.js.map b/priv/static/packs/locales/vanilla/eo.js.map
index d271c3a2a..4aa69e848 100644
Binary files a/priv/static/packs/locales/vanilla/eo.js.map and b/priv/static/packs/locales/vanilla/eo.js.map differ
diff --git a/priv/static/packs/locales/vanilla/es-AR.js b/priv/static/packs/locales/vanilla/es-AR.js
index 6552d0ce3..1cd0935b2 100644
Binary files a/priv/static/packs/locales/vanilla/es-AR.js and b/priv/static/packs/locales/vanilla/es-AR.js differ
diff --git a/priv/static/packs/locales/vanilla/es-AR.js.map b/priv/static/packs/locales/vanilla/es-AR.js.map
index 297ef325e..9fdd3bde5 100644
Binary files a/priv/static/packs/locales/vanilla/es-AR.js.map and b/priv/static/packs/locales/vanilla/es-AR.js.map differ
diff --git a/priv/static/packs/locales/vanilla/es.js b/priv/static/packs/locales/vanilla/es.js
index ed37b0006..b2079bd66 100644
Binary files a/priv/static/packs/locales/vanilla/es.js and b/priv/static/packs/locales/vanilla/es.js differ
diff --git a/priv/static/packs/locales/vanilla/es.js.map b/priv/static/packs/locales/vanilla/es.js.map
index 38d258c9a..7f6210e0b 100644
Binary files a/priv/static/packs/locales/vanilla/es.js.map and b/priv/static/packs/locales/vanilla/es.js.map differ
diff --git a/priv/static/packs/locales/vanilla/et.js b/priv/static/packs/locales/vanilla/et.js
index b3df9d742..34a94d107 100644
Binary files a/priv/static/packs/locales/vanilla/et.js and b/priv/static/packs/locales/vanilla/et.js differ
diff --git a/priv/static/packs/locales/vanilla/et.js.map b/priv/static/packs/locales/vanilla/et.js.map
index a61d60808..394bb7428 100644
Binary files a/priv/static/packs/locales/vanilla/et.js.map and b/priv/static/packs/locales/vanilla/et.js.map differ
diff --git a/priv/static/packs/locales/vanilla/eu.js b/priv/static/packs/locales/vanilla/eu.js
index b448e0fc3..30cd4e43c 100644
Binary files a/priv/static/packs/locales/vanilla/eu.js and b/priv/static/packs/locales/vanilla/eu.js differ
diff --git a/priv/static/packs/locales/vanilla/eu.js.map b/priv/static/packs/locales/vanilla/eu.js.map
index 17dc81b17..e22dd44c5 100644
Binary files a/priv/static/packs/locales/vanilla/eu.js.map and b/priv/static/packs/locales/vanilla/eu.js.map differ
diff --git a/priv/static/packs/locales/vanilla/fa.js b/priv/static/packs/locales/vanilla/fa.js
index 8646e092d..b616d72a6 100644
Binary files a/priv/static/packs/locales/vanilla/fa.js and b/priv/static/packs/locales/vanilla/fa.js differ
diff --git a/priv/static/packs/locales/vanilla/fa.js.map b/priv/static/packs/locales/vanilla/fa.js.map
index b5cd146cb..3ec9c2377 100644
Binary files a/priv/static/packs/locales/vanilla/fa.js.map and b/priv/static/packs/locales/vanilla/fa.js.map differ
diff --git a/priv/static/packs/locales/vanilla/fi.js b/priv/static/packs/locales/vanilla/fi.js
index 43aa01ba3..4a1631a4d 100644
Binary files a/priv/static/packs/locales/vanilla/fi.js and b/priv/static/packs/locales/vanilla/fi.js differ
diff --git a/priv/static/packs/locales/vanilla/fi.js.map b/priv/static/packs/locales/vanilla/fi.js.map
index 752201541..debb697d9 100644
Binary files a/priv/static/packs/locales/vanilla/fi.js.map and b/priv/static/packs/locales/vanilla/fi.js.map differ
diff --git a/priv/static/packs/locales/vanilla/fr.js b/priv/static/packs/locales/vanilla/fr.js
index 96d12e8f5..431bd4ae7 100644
Binary files a/priv/static/packs/locales/vanilla/fr.js and b/priv/static/packs/locales/vanilla/fr.js differ
diff --git a/priv/static/packs/locales/vanilla/fr.js.map b/priv/static/packs/locales/vanilla/fr.js.map
index ea38b4b8c..b6324ca17 100644
Binary files a/priv/static/packs/locales/vanilla/fr.js.map and b/priv/static/packs/locales/vanilla/fr.js.map differ
diff --git a/priv/static/packs/locales/vanilla/ga.js b/priv/static/packs/locales/vanilla/ga.js
index 75596c19f..8b98545b3 100644
Binary files a/priv/static/packs/locales/vanilla/ga.js and b/priv/static/packs/locales/vanilla/ga.js differ
diff --git a/priv/static/packs/locales/vanilla/ga.js.map b/priv/static/packs/locales/vanilla/ga.js.map
index 04c200127..c0303f4f9 100644
Binary files a/priv/static/packs/locales/vanilla/ga.js.map and b/priv/static/packs/locales/vanilla/ga.js.map differ
diff --git a/priv/static/packs/locales/vanilla/gl.js b/priv/static/packs/locales/vanilla/gl.js
index 0cc410ca4..e0c3e6a38 100644
Binary files a/priv/static/packs/locales/vanilla/gl.js and b/priv/static/packs/locales/vanilla/gl.js differ
diff --git a/priv/static/packs/locales/vanilla/gl.js.map b/priv/static/packs/locales/vanilla/gl.js.map
index 100c44bb0..9f305218a 100644
Binary files a/priv/static/packs/locales/vanilla/gl.js.map and b/priv/static/packs/locales/vanilla/gl.js.map differ
diff --git a/priv/static/packs/locales/vanilla/he.js b/priv/static/packs/locales/vanilla/he.js
index 44cb712d9..73d91419a 100644
Binary files a/priv/static/packs/locales/vanilla/he.js and b/priv/static/packs/locales/vanilla/he.js differ
diff --git a/priv/static/packs/locales/vanilla/he.js.map b/priv/static/packs/locales/vanilla/he.js.map
index cd36595c2..c98587628 100644
Binary files a/priv/static/packs/locales/vanilla/he.js.map and b/priv/static/packs/locales/vanilla/he.js.map differ
diff --git a/priv/static/packs/locales/vanilla/hi.js b/priv/static/packs/locales/vanilla/hi.js
index 8ce3abc13..27a6eb946 100644
Binary files a/priv/static/packs/locales/vanilla/hi.js and b/priv/static/packs/locales/vanilla/hi.js differ
diff --git a/priv/static/packs/locales/vanilla/hi.js.map b/priv/static/packs/locales/vanilla/hi.js.map
index 088cac143..7a5858596 100644
Binary files a/priv/static/packs/locales/vanilla/hi.js.map and b/priv/static/packs/locales/vanilla/hi.js.map differ
diff --git a/priv/static/packs/locales/vanilla/hr.js b/priv/static/packs/locales/vanilla/hr.js
index 5e81ef38e..d8d788315 100644
Binary files a/priv/static/packs/locales/vanilla/hr.js and b/priv/static/packs/locales/vanilla/hr.js differ
diff --git a/priv/static/packs/locales/vanilla/hr.js.map b/priv/static/packs/locales/vanilla/hr.js.map
index 61803b58f..f9c432fb6 100644
Binary files a/priv/static/packs/locales/vanilla/hr.js.map and b/priv/static/packs/locales/vanilla/hr.js.map differ
diff --git a/priv/static/packs/locales/vanilla/hu.js b/priv/static/packs/locales/vanilla/hu.js
index df5aec299..f1e7682d6 100644
Binary files a/priv/static/packs/locales/vanilla/hu.js and b/priv/static/packs/locales/vanilla/hu.js differ
diff --git a/priv/static/packs/locales/vanilla/hu.js.map b/priv/static/packs/locales/vanilla/hu.js.map
index 37d4b7e91..220a6e92b 100644
Binary files a/priv/static/packs/locales/vanilla/hu.js.map and b/priv/static/packs/locales/vanilla/hu.js.map differ
diff --git a/priv/static/packs/locales/vanilla/hy.js b/priv/static/packs/locales/vanilla/hy.js
index 0ee6fe350..f21e393eb 100644
Binary files a/priv/static/packs/locales/vanilla/hy.js and b/priv/static/packs/locales/vanilla/hy.js differ
diff --git a/priv/static/packs/locales/vanilla/hy.js.map b/priv/static/packs/locales/vanilla/hy.js.map
index 1647a44dd..a395c87fe 100644
Binary files a/priv/static/packs/locales/vanilla/hy.js.map and b/priv/static/packs/locales/vanilla/hy.js.map differ
diff --git a/priv/static/packs/locales/vanilla/id.js b/priv/static/packs/locales/vanilla/id.js
index 0bf8d76cd..6591b818a 100644
Binary files a/priv/static/packs/locales/vanilla/id.js and b/priv/static/packs/locales/vanilla/id.js differ
diff --git a/priv/static/packs/locales/vanilla/id.js.map b/priv/static/packs/locales/vanilla/id.js.map
index 3bad1633a..d0f909013 100644
Binary files a/priv/static/packs/locales/vanilla/id.js.map and b/priv/static/packs/locales/vanilla/id.js.map differ
diff --git a/priv/static/packs/locales/vanilla/io.js b/priv/static/packs/locales/vanilla/io.js
index 204797e62..22f39d73a 100644
Binary files a/priv/static/packs/locales/vanilla/io.js and b/priv/static/packs/locales/vanilla/io.js differ
diff --git a/priv/static/packs/locales/vanilla/io.js.map b/priv/static/packs/locales/vanilla/io.js.map
index 358b74e3a..11d01d926 100644
Binary files a/priv/static/packs/locales/vanilla/io.js.map and b/priv/static/packs/locales/vanilla/io.js.map differ
diff --git a/priv/static/packs/locales/vanilla/is.js b/priv/static/packs/locales/vanilla/is.js
index a5002812b..05db56dfd 100644
Binary files a/priv/static/packs/locales/vanilla/is.js and b/priv/static/packs/locales/vanilla/is.js differ
diff --git a/priv/static/packs/locales/vanilla/is.js.map b/priv/static/packs/locales/vanilla/is.js.map
index 0da088d4d..e45da8547 100644
Binary files a/priv/static/packs/locales/vanilla/is.js.map and b/priv/static/packs/locales/vanilla/is.js.map differ
diff --git a/priv/static/packs/locales/vanilla/it.js b/priv/static/packs/locales/vanilla/it.js
index 4779ebdbb..f8877398f 100644
Binary files a/priv/static/packs/locales/vanilla/it.js and b/priv/static/packs/locales/vanilla/it.js differ
diff --git a/priv/static/packs/locales/vanilla/it.js.map b/priv/static/packs/locales/vanilla/it.js.map
index 1cc7b2ef4..79aed8726 100644
Binary files a/priv/static/packs/locales/vanilla/it.js.map and b/priv/static/packs/locales/vanilla/it.js.map differ
diff --git a/priv/static/packs/locales/vanilla/ja.js b/priv/static/packs/locales/vanilla/ja.js
index c45f7b0fe..99efb72a3 100644
Binary files a/priv/static/packs/locales/vanilla/ja.js and b/priv/static/packs/locales/vanilla/ja.js differ
diff --git a/priv/static/packs/locales/vanilla/ja.js.map b/priv/static/packs/locales/vanilla/ja.js.map
index df85f46fc..8a7d4edb0 100644
Binary files a/priv/static/packs/locales/vanilla/ja.js.map and b/priv/static/packs/locales/vanilla/ja.js.map differ
diff --git a/priv/static/packs/locales/vanilla/ka.js b/priv/static/packs/locales/vanilla/ka.js
index e0670762a..6091581a1 100644
Binary files a/priv/static/packs/locales/vanilla/ka.js and b/priv/static/packs/locales/vanilla/ka.js differ
diff --git a/priv/static/packs/locales/vanilla/ka.js.map b/priv/static/packs/locales/vanilla/ka.js.map
index 4e4743f35..aa254d9ab 100644
Binary files a/priv/static/packs/locales/vanilla/ka.js.map and b/priv/static/packs/locales/vanilla/ka.js.map differ
diff --git a/priv/static/packs/locales/vanilla/kab.js b/priv/static/packs/locales/vanilla/kab.js
index b6082022e..b9001a1cc 100644
Binary files a/priv/static/packs/locales/vanilla/kab.js and b/priv/static/packs/locales/vanilla/kab.js differ
diff --git a/priv/static/packs/locales/vanilla/kab.js.map b/priv/static/packs/locales/vanilla/kab.js.map
index 86bf00317..148c3351a 100644
Binary files a/priv/static/packs/locales/vanilla/kab.js.map and b/priv/static/packs/locales/vanilla/kab.js.map differ
diff --git a/priv/static/packs/locales/vanilla/kk.js b/priv/static/packs/locales/vanilla/kk.js
index bc99a54bb..f74b2cb3d 100644
Binary files a/priv/static/packs/locales/vanilla/kk.js and b/priv/static/packs/locales/vanilla/kk.js differ
diff --git a/priv/static/packs/locales/vanilla/kk.js.map b/priv/static/packs/locales/vanilla/kk.js.map
index 357325795..ced32c979 100644
Binary files a/priv/static/packs/locales/vanilla/kk.js.map and b/priv/static/packs/locales/vanilla/kk.js.map differ
diff --git a/priv/static/packs/locales/vanilla/kn.js b/priv/static/packs/locales/vanilla/kn.js
index 170fab533..a8be6ca7c 100644
Binary files a/priv/static/packs/locales/vanilla/kn.js and b/priv/static/packs/locales/vanilla/kn.js differ
diff --git a/priv/static/packs/locales/vanilla/kn.js.map b/priv/static/packs/locales/vanilla/kn.js.map
index a817395c8..c7f28697d 100644
Binary files a/priv/static/packs/locales/vanilla/kn.js.map and b/priv/static/packs/locales/vanilla/kn.js.map differ
diff --git a/priv/static/packs/locales/vanilla/ko.js b/priv/static/packs/locales/vanilla/ko.js
index 8ca8e8473..8940912cd 100644
Binary files a/priv/static/packs/locales/vanilla/ko.js and b/priv/static/packs/locales/vanilla/ko.js differ
diff --git a/priv/static/packs/locales/vanilla/ko.js.map b/priv/static/packs/locales/vanilla/ko.js.map
index aed5a710a..781e7af50 100644
Binary files a/priv/static/packs/locales/vanilla/ko.js.map and b/priv/static/packs/locales/vanilla/ko.js.map differ
diff --git a/priv/static/packs/locales/vanilla/lt.js b/priv/static/packs/locales/vanilla/lt.js
index 14c75f1b8..540f622a3 100644
Binary files a/priv/static/packs/locales/vanilla/lt.js and b/priv/static/packs/locales/vanilla/lt.js differ
diff --git a/priv/static/packs/locales/vanilla/lt.js.map b/priv/static/packs/locales/vanilla/lt.js.map
index b9e31d3fc..0ad385eaf 100644
Binary files a/priv/static/packs/locales/vanilla/lt.js.map and b/priv/static/packs/locales/vanilla/lt.js.map differ
diff --git a/priv/static/packs/locales/vanilla/lv.js b/priv/static/packs/locales/vanilla/lv.js
index 0960392ff..b58d988c1 100644
Binary files a/priv/static/packs/locales/vanilla/lv.js and b/priv/static/packs/locales/vanilla/lv.js differ
diff --git a/priv/static/packs/locales/vanilla/lv.js.map b/priv/static/packs/locales/vanilla/lv.js.map
index 9a81fb657..f448f8432 100644
Binary files a/priv/static/packs/locales/vanilla/lv.js.map and b/priv/static/packs/locales/vanilla/lv.js.map differ
diff --git a/priv/static/packs/locales/vanilla/mk.js b/priv/static/packs/locales/vanilla/mk.js
index 1788d66cf..205f06f17 100644
Binary files a/priv/static/packs/locales/vanilla/mk.js and b/priv/static/packs/locales/vanilla/mk.js differ
diff --git a/priv/static/packs/locales/vanilla/mk.js.map b/priv/static/packs/locales/vanilla/mk.js.map
index 70f8d8747..470d982ec 100644
Binary files a/priv/static/packs/locales/vanilla/mk.js.map and b/priv/static/packs/locales/vanilla/mk.js.map differ
diff --git a/priv/static/packs/locales/vanilla/ml.js b/priv/static/packs/locales/vanilla/ml.js
index e7beaf740..010562bb8 100644
Binary files a/priv/static/packs/locales/vanilla/ml.js and b/priv/static/packs/locales/vanilla/ml.js differ
diff --git a/priv/static/packs/locales/vanilla/ml.js.map b/priv/static/packs/locales/vanilla/ml.js.map
index 547658dcb..1be28164c 100644
Binary files a/priv/static/packs/locales/vanilla/ml.js.map and b/priv/static/packs/locales/vanilla/ml.js.map differ
diff --git a/priv/static/packs/locales/vanilla/mr.js b/priv/static/packs/locales/vanilla/mr.js
index 291b8054b..5fd186344 100644
Binary files a/priv/static/packs/locales/vanilla/mr.js and b/priv/static/packs/locales/vanilla/mr.js differ
diff --git a/priv/static/packs/locales/vanilla/mr.js.map b/priv/static/packs/locales/vanilla/mr.js.map
index cd29ccccf..cf404625f 100644
Binary files a/priv/static/packs/locales/vanilla/mr.js.map and b/priv/static/packs/locales/vanilla/mr.js.map differ
diff --git a/priv/static/packs/locales/vanilla/ms.js b/priv/static/packs/locales/vanilla/ms.js
index 7d40a3be9..aea0ef4c3 100644
Binary files a/priv/static/packs/locales/vanilla/ms.js and b/priv/static/packs/locales/vanilla/ms.js differ
diff --git a/priv/static/packs/locales/vanilla/ms.js.map b/priv/static/packs/locales/vanilla/ms.js.map
index 228f13cd7..897a1b7f8 100644
Binary files a/priv/static/packs/locales/vanilla/ms.js.map and b/priv/static/packs/locales/vanilla/ms.js.map differ
diff --git a/priv/static/packs/locales/vanilla/nl.js b/priv/static/packs/locales/vanilla/nl.js
index f24cd1d6b..84b479dd8 100644
Binary files a/priv/static/packs/locales/vanilla/nl.js and b/priv/static/packs/locales/vanilla/nl.js differ
diff --git a/priv/static/packs/locales/vanilla/nl.js.map b/priv/static/packs/locales/vanilla/nl.js.map
index 7f984bbee..677ff9cc5 100644
Binary files a/priv/static/packs/locales/vanilla/nl.js.map and b/priv/static/packs/locales/vanilla/nl.js.map differ
diff --git a/priv/static/packs/locales/vanilla/nn.js b/priv/static/packs/locales/vanilla/nn.js
index 7e4f9ff90..a015c275e 100644
Binary files a/priv/static/packs/locales/vanilla/nn.js and b/priv/static/packs/locales/vanilla/nn.js differ
diff --git a/priv/static/packs/locales/vanilla/nn.js.map b/priv/static/packs/locales/vanilla/nn.js.map
index 8ef48ff9f..01dfd6647 100644
Binary files a/priv/static/packs/locales/vanilla/nn.js.map and b/priv/static/packs/locales/vanilla/nn.js.map differ
diff --git a/priv/static/packs/locales/vanilla/no.js b/priv/static/packs/locales/vanilla/no.js
index d4a853588..19eeca907 100644
Binary files a/priv/static/packs/locales/vanilla/no.js and b/priv/static/packs/locales/vanilla/no.js differ
diff --git a/priv/static/packs/locales/vanilla/no.js.map b/priv/static/packs/locales/vanilla/no.js.map
index b469881f6..97d18247c 100644
Binary files a/priv/static/packs/locales/vanilla/no.js.map and b/priv/static/packs/locales/vanilla/no.js.map differ
diff --git a/priv/static/packs/locales/vanilla/oc.js b/priv/static/packs/locales/vanilla/oc.js
index e8580a16b..25d9e5663 100644
Binary files a/priv/static/packs/locales/vanilla/oc.js and b/priv/static/packs/locales/vanilla/oc.js differ
diff --git a/priv/static/packs/locales/vanilla/oc.js.map b/priv/static/packs/locales/vanilla/oc.js.map
index bc1dd8aa6..1890f6364 100644
Binary files a/priv/static/packs/locales/vanilla/oc.js.map and b/priv/static/packs/locales/vanilla/oc.js.map differ
diff --git a/priv/static/packs/locales/vanilla/pl.js b/priv/static/packs/locales/vanilla/pl.js
index 97f15bf38..f0b6e02ff 100644
Binary files a/priv/static/packs/locales/vanilla/pl.js and b/priv/static/packs/locales/vanilla/pl.js differ
diff --git a/priv/static/packs/locales/vanilla/pl.js.map b/priv/static/packs/locales/vanilla/pl.js.map
index 85145e5a6..5ce3d9490 100644
Binary files a/priv/static/packs/locales/vanilla/pl.js.map and b/priv/static/packs/locales/vanilla/pl.js.map differ
diff --git a/priv/static/packs/locales/vanilla/pt-BR.js b/priv/static/packs/locales/vanilla/pt-BR.js
index 7550603cc..bc1bf0707 100644
Binary files a/priv/static/packs/locales/vanilla/pt-BR.js and b/priv/static/packs/locales/vanilla/pt-BR.js differ
diff --git a/priv/static/packs/locales/vanilla/pt-BR.js.map b/priv/static/packs/locales/vanilla/pt-BR.js.map
index 267a7ef8b..99718f8e3 100644
Binary files a/priv/static/packs/locales/vanilla/pt-BR.js.map and b/priv/static/packs/locales/vanilla/pt-BR.js.map differ
diff --git a/priv/static/packs/locales/vanilla/pt-PT.js b/priv/static/packs/locales/vanilla/pt-PT.js
index 6895c5c7b..1400d34d0 100644
Binary files a/priv/static/packs/locales/vanilla/pt-PT.js and b/priv/static/packs/locales/vanilla/pt-PT.js differ
diff --git a/priv/static/packs/locales/vanilla/pt-PT.js.map b/priv/static/packs/locales/vanilla/pt-PT.js.map
index bab41c08a..65881dc14 100644
Binary files a/priv/static/packs/locales/vanilla/pt-PT.js.map and b/priv/static/packs/locales/vanilla/pt-PT.js.map differ
diff --git a/priv/static/packs/locales/vanilla/ro.js b/priv/static/packs/locales/vanilla/ro.js
index 481554f9f..6c786214d 100644
Binary files a/priv/static/packs/locales/vanilla/ro.js and b/priv/static/packs/locales/vanilla/ro.js differ
diff --git a/priv/static/packs/locales/vanilla/ro.js.map b/priv/static/packs/locales/vanilla/ro.js.map
index 3986b97e5..816cec77c 100644
Binary files a/priv/static/packs/locales/vanilla/ro.js.map and b/priv/static/packs/locales/vanilla/ro.js.map differ
diff --git a/priv/static/packs/locales/vanilla/ru.js b/priv/static/packs/locales/vanilla/ru.js
index 0bbdc37ab..9ae59768e 100644
Binary files a/priv/static/packs/locales/vanilla/ru.js and b/priv/static/packs/locales/vanilla/ru.js differ
diff --git a/priv/static/packs/locales/vanilla/ru.js.map b/priv/static/packs/locales/vanilla/ru.js.map
index c1f831ec3..1ce82af25 100644
Binary files a/priv/static/packs/locales/vanilla/ru.js.map and b/priv/static/packs/locales/vanilla/ru.js.map differ
diff --git a/priv/static/packs/locales/vanilla/sk.js b/priv/static/packs/locales/vanilla/sk.js
index 2ef30e303..2bfc244c5 100644
Binary files a/priv/static/packs/locales/vanilla/sk.js and b/priv/static/packs/locales/vanilla/sk.js differ
diff --git a/priv/static/packs/locales/vanilla/sk.js.map b/priv/static/packs/locales/vanilla/sk.js.map
index 083c50619..78be422ca 100644
Binary files a/priv/static/packs/locales/vanilla/sk.js.map and b/priv/static/packs/locales/vanilla/sk.js.map differ
diff --git a/priv/static/packs/locales/vanilla/sl.js b/priv/static/packs/locales/vanilla/sl.js
index 896523275..a91f08ff0 100644
Binary files a/priv/static/packs/locales/vanilla/sl.js and b/priv/static/packs/locales/vanilla/sl.js differ
diff --git a/priv/static/packs/locales/vanilla/sl.js.map b/priv/static/packs/locales/vanilla/sl.js.map
index e6d452df9..2a5f516d5 100644
Binary files a/priv/static/packs/locales/vanilla/sl.js.map and b/priv/static/packs/locales/vanilla/sl.js.map differ
diff --git a/priv/static/packs/locales/vanilla/sq.js b/priv/static/packs/locales/vanilla/sq.js
index 0d2c41318..2077d9e64 100644
Binary files a/priv/static/packs/locales/vanilla/sq.js and b/priv/static/packs/locales/vanilla/sq.js differ
diff --git a/priv/static/packs/locales/vanilla/sq.js.map b/priv/static/packs/locales/vanilla/sq.js.map
index 8eaf76d44..034c534ba 100644
Binary files a/priv/static/packs/locales/vanilla/sq.js.map and b/priv/static/packs/locales/vanilla/sq.js.map differ
diff --git a/priv/static/packs/locales/vanilla/sr-Latn.js b/priv/static/packs/locales/vanilla/sr-Latn.js
index d2ebf8e5e..c6ba642c9 100644
Binary files a/priv/static/packs/locales/vanilla/sr-Latn.js and b/priv/static/packs/locales/vanilla/sr-Latn.js differ
diff --git a/priv/static/packs/locales/vanilla/sr-Latn.js.map b/priv/static/packs/locales/vanilla/sr-Latn.js.map
index 86dd4c8f2..23a189d12 100644
Binary files a/priv/static/packs/locales/vanilla/sr-Latn.js.map and b/priv/static/packs/locales/vanilla/sr-Latn.js.map differ
diff --git a/priv/static/packs/locales/vanilla/sr.js b/priv/static/packs/locales/vanilla/sr.js
index 1a0aa8fc0..c70e85181 100644
Binary files a/priv/static/packs/locales/vanilla/sr.js and b/priv/static/packs/locales/vanilla/sr.js differ
diff --git a/priv/static/packs/locales/vanilla/sr.js.map b/priv/static/packs/locales/vanilla/sr.js.map
index ff378b7d5..34d0058c0 100644
Binary files a/priv/static/packs/locales/vanilla/sr.js.map and b/priv/static/packs/locales/vanilla/sr.js.map differ
diff --git a/priv/static/packs/locales/vanilla/sv.js b/priv/static/packs/locales/vanilla/sv.js
index 68b96c657..c9edf7b80 100644
Binary files a/priv/static/packs/locales/vanilla/sv.js and b/priv/static/packs/locales/vanilla/sv.js differ
diff --git a/priv/static/packs/locales/vanilla/sv.js.map b/priv/static/packs/locales/vanilla/sv.js.map
index b7c53c0f4..b0ca89829 100644
Binary files a/priv/static/packs/locales/vanilla/sv.js.map and b/priv/static/packs/locales/vanilla/sv.js.map differ
diff --git a/priv/static/packs/locales/vanilla/ta.js b/priv/static/packs/locales/vanilla/ta.js
index 88dabb897..2d274230d 100644
Binary files a/priv/static/packs/locales/vanilla/ta.js and b/priv/static/packs/locales/vanilla/ta.js differ
diff --git a/priv/static/packs/locales/vanilla/ta.js.map b/priv/static/packs/locales/vanilla/ta.js.map
index de245f786..ffebb252a 100644
Binary files a/priv/static/packs/locales/vanilla/ta.js.map and b/priv/static/packs/locales/vanilla/ta.js.map differ
diff --git a/priv/static/packs/locales/vanilla/te.js b/priv/static/packs/locales/vanilla/te.js
index eefd698ec..a9548c9f3 100644
Binary files a/priv/static/packs/locales/vanilla/te.js and b/priv/static/packs/locales/vanilla/te.js differ
diff --git a/priv/static/packs/locales/vanilla/te.js.map b/priv/static/packs/locales/vanilla/te.js.map
index 62232430e..d6f33a0b9 100644
Binary files a/priv/static/packs/locales/vanilla/te.js.map and b/priv/static/packs/locales/vanilla/te.js.map differ
diff --git a/priv/static/packs/locales/vanilla/th.js b/priv/static/packs/locales/vanilla/th.js
index 5230f7ed0..5fd67d669 100644
Binary files a/priv/static/packs/locales/vanilla/th.js and b/priv/static/packs/locales/vanilla/th.js differ
diff --git a/priv/static/packs/locales/vanilla/th.js.map b/priv/static/packs/locales/vanilla/th.js.map
index 20e4a78eb..25c2c4641 100644
Binary files a/priv/static/packs/locales/vanilla/th.js.map and b/priv/static/packs/locales/vanilla/th.js.map differ
diff --git a/priv/static/packs/locales/vanilla/tr.js b/priv/static/packs/locales/vanilla/tr.js
index 04ca75e3b..0e245a4ec 100644
Binary files a/priv/static/packs/locales/vanilla/tr.js and b/priv/static/packs/locales/vanilla/tr.js differ
diff --git a/priv/static/packs/locales/vanilla/tr.js.map b/priv/static/packs/locales/vanilla/tr.js.map
index 4eaf7717f..fb38b5cde 100644
Binary files a/priv/static/packs/locales/vanilla/tr.js.map and b/priv/static/packs/locales/vanilla/tr.js.map differ
diff --git a/priv/static/packs/locales/vanilla/uk.js b/priv/static/packs/locales/vanilla/uk.js
index 8b22d2c84..ea579e1a9 100644
Binary files a/priv/static/packs/locales/vanilla/uk.js and b/priv/static/packs/locales/vanilla/uk.js differ
diff --git a/priv/static/packs/locales/vanilla/uk.js.map b/priv/static/packs/locales/vanilla/uk.js.map
index aed57a251..e11d638c8 100644
Binary files a/priv/static/packs/locales/vanilla/uk.js.map and b/priv/static/packs/locales/vanilla/uk.js.map differ
diff --git a/priv/static/packs/locales/vanilla/ur.js b/priv/static/packs/locales/vanilla/ur.js
index 507ca10a0..fd92d1ab0 100644
Binary files a/priv/static/packs/locales/vanilla/ur.js and b/priv/static/packs/locales/vanilla/ur.js differ
diff --git a/priv/static/packs/locales/vanilla/ur.js.map b/priv/static/packs/locales/vanilla/ur.js.map
index 1e1f29498..7aa1dc75c 100644
Binary files a/priv/static/packs/locales/vanilla/ur.js.map and b/priv/static/packs/locales/vanilla/ur.js.map differ
diff --git a/priv/static/packs/locales/vanilla/vi.js b/priv/static/packs/locales/vanilla/vi.js
index f7964f810..74b75f64e 100644
Binary files a/priv/static/packs/locales/vanilla/vi.js and b/priv/static/packs/locales/vanilla/vi.js differ
diff --git a/priv/static/packs/locales/vanilla/vi.js.map b/priv/static/packs/locales/vanilla/vi.js.map
index e3a49bb69..ea34ab185 100644
Binary files a/priv/static/packs/locales/vanilla/vi.js.map and b/priv/static/packs/locales/vanilla/vi.js.map differ
diff --git a/priv/static/packs/locales/vanilla/zh-CN.js b/priv/static/packs/locales/vanilla/zh-CN.js
index 1c6668c14..35514a2ee 100644
Binary files a/priv/static/packs/locales/vanilla/zh-CN.js and b/priv/static/packs/locales/vanilla/zh-CN.js differ
diff --git a/priv/static/packs/locales/vanilla/zh-CN.js.map b/priv/static/packs/locales/vanilla/zh-CN.js.map
index c8a4f1f4a..e619f8655 100644
Binary files a/priv/static/packs/locales/vanilla/zh-CN.js.map and b/priv/static/packs/locales/vanilla/zh-CN.js.map differ
diff --git a/priv/static/packs/locales/vanilla/zh-HK.js b/priv/static/packs/locales/vanilla/zh-HK.js
index 4e6a49912..a0eb66b6e 100644
Binary files a/priv/static/packs/locales/vanilla/zh-HK.js and b/priv/static/packs/locales/vanilla/zh-HK.js differ
diff --git a/priv/static/packs/locales/vanilla/zh-HK.js.map b/priv/static/packs/locales/vanilla/zh-HK.js.map
index 5ccfee79b..aac2821fa 100644
Binary files a/priv/static/packs/locales/vanilla/zh-HK.js.map and b/priv/static/packs/locales/vanilla/zh-HK.js.map differ
diff --git a/priv/static/packs/locales/vanilla/zh-TW.js b/priv/static/packs/locales/vanilla/zh-TW.js
index 03165b6da..585a10947 100644
Binary files a/priv/static/packs/locales/vanilla/zh-TW.js and b/priv/static/packs/locales/vanilla/zh-TW.js differ
diff --git a/priv/static/packs/locales/vanilla/zh-TW.js.map b/priv/static/packs/locales/vanilla/zh-TW.js.map
index 5a5dc377b..9ae897a48 100644
Binary files a/priv/static/packs/locales/vanilla/zh-TW.js.map and b/priv/static/packs/locales/vanilla/zh-TW.js.map differ
diff --git a/priv/static/packs/modals/block_modal.js b/priv/static/packs/modals/block_modal.js
index 90c88d163..b74a7a3d0 100644
Binary files a/priv/static/packs/modals/block_modal.js and b/priv/static/packs/modals/block_modal.js differ
diff --git a/priv/static/packs/modals/block_modal.js.map b/priv/static/packs/modals/block_modal.js.map
index 406846735..2796f6af6 100644
Binary files a/priv/static/packs/modals/block_modal.js.map and b/priv/static/packs/modals/block_modal.js.map differ
diff --git a/priv/static/packs/modals/embed_modal.js b/priv/static/packs/modals/embed_modal.js
index 21ab12b50..9092bee72 100644
Binary files a/priv/static/packs/modals/embed_modal.js and b/priv/static/packs/modals/embed_modal.js differ
diff --git a/priv/static/packs/modals/embed_modal.js.map b/priv/static/packs/modals/embed_modal.js.map
index c2c70ba99..0fd5ad06d 100644
Binary files a/priv/static/packs/modals/embed_modal.js.map and b/priv/static/packs/modals/embed_modal.js.map differ
diff --git a/priv/static/packs/modals/mute_modal.js b/priv/static/packs/modals/mute_modal.js
index df9cdcb60..d239d0dab 100644
Binary files a/priv/static/packs/modals/mute_modal.js and b/priv/static/packs/modals/mute_modal.js differ
diff --git a/priv/static/packs/modals/mute_modal.js.map b/priv/static/packs/modals/mute_modal.js.map
index ac6f90cad..8a2885173 100644
Binary files a/priv/static/packs/modals/mute_modal.js.map and b/priv/static/packs/modals/mute_modal.js.map differ
diff --git a/priv/static/packs/modals/report_modal.js b/priv/static/packs/modals/report_modal.js
index 004baf326..cc6d7904f 100644
Binary files a/priv/static/packs/modals/report_modal.js and b/priv/static/packs/modals/report_modal.js differ
diff --git a/priv/static/packs/modals/report_modal.js.map b/priv/static/packs/modals/report_modal.js.map
index 079fd6be6..d695d2a81 100644
Binary files a/priv/static/packs/modals/report_modal.js.map and b/priv/static/packs/modals/report_modal.js.map differ
diff --git a/priv/static/packs/skins/glitch/contrast/common.css b/priv/static/packs/skins/glitch/contrast/common.css
index 79ea1f515..748cdc91f 100644
Binary files a/priv/static/packs/skins/glitch/contrast/common.css and b/priv/static/packs/skins/glitch/contrast/common.css differ
diff --git a/priv/static/packs/skins/glitch/contrast/common.css.map b/priv/static/packs/skins/glitch/contrast/common.css.map
index 0fe13838c..2869e4adc 100644
--- a/priv/static/packs/skins/glitch/contrast/common.css.map
+++ b/priv/static/packs/skins/glitch/contrast/common.css.map
@@ -1 +1 @@
-{"version":3,"sources":["webpack:///common.scss","webpack:///./app/javascript/flavours/glitch/styles/reset.scss","webpack:///./app/javascript/flavours/glitch/styles/contrast/variables.scss","webpack:///./app/javascript/flavours/glitch/styles/basics.scss","webpack:///./app/javascript/flavours/glitch/styles/variables.scss","webpack:///./app/javascript/flavours/glitch/styles/containers.scss","webpack:///./app/javascript/flavours/glitch/styles/_mixins.scss","webpack:///./app/javascript/flavours/glitch/styles/lists.scss","webpack:///./app/javascript/flavours/glitch/styles/modal.scss","webpack:///./app/javascript/flavours/glitch/styles/footer.scss","webpack:///./app/javascript/flavours/glitch/styles/compact_header.scss","webpack:///./app/javascript/flavours/glitch/styles/widgets.scss","webpack:///./app/javascript/flavours/glitch/styles/forms.scss","webpack:///./app/javascript/flavours/glitch/styles/accounts.scss","webpack:///./app/javascript/flavours/glitch/styles/statuses.scss","webpack:///./app/javascript/flavours/glitch/styles/components/index.scss","webpack:///./app/javascript/flavours/glitch/styles/components/boost.scss","webpack:///./app/javascript/flavours/glitch/styles/components/accounts.scss","webpack:///./app/javascript/flavours/glitch/styles/components/domains.scss","webpack:///./app/javascript/flavours/glitch/styles/components/status.scss","webpack:///./app/javascript/flavours/glitch/styles/components/modal.scss","webpack:///./app/javascript/flavours/glitch/styles/components/composer.scss","webpack:///./app/javascript/flavours/glitch/styles/components/columns.scss","webpack:///./app/javascript/flavours/glitch/styles/components/regeneration_indicator.scss","webpack:///./app/javascript/flavours/glitch/styles/components/directory.scss","webpack:///./app/javascript/flavours/glitch/styles/components/search.scss","webpack:///<no source>","webpack:///./app/javascript/flavours/glitch/styles/components/emoji.scss","webpack:///./app/javascript/flavours/glitch/styles/components/doodle.scss","webpack:///./app/javascript/flavours/glitch/styles/components/drawer.scss","webpack:///./app/javascript/flavours/glitch/styles/components/media.scss","webpack:///./app/javascript/flavours/glitch/styles/components/sensitive.scss","webpack:///./app/javascript/flavours/glitch/styles/components/lists.scss","webpack:///./app/javascript/flavours/glitch/styles/components/emoji_picker.scss","webpack:///./app/javascript/flavours/glitch/styles/components/local_settings.scss","webpack:///./app/javascript/flavours/glitch/styles/components/error_boundary.scss","webpack:///./app/javascript/flavours/glitch/styles/components/single_column.scss","webpack:///./app/javascript/flavours/glitch/styles/polls.scss","webpack:///./app/javascript/flavours/glitch/styles/about.scss","webpack:///./app/javascript/flavours/glitch/styles/tables.scss","webpack:///./app/javascript/flavours/glitch/styles/admin.scss","webpack:///./app/javascript/flavours/glitch/styles/accessibility.scss","webpack:///./app/javascript/flavours/glitch/styles/rtl.scss","webpack:///./app/javascript/flavours/glitch/styles/dashboard.scss","webpack:///./app/javascript/flavours/glitch/styles/contrast/diff.scss"],"names":[],"mappings":"AAAA,2ZCKA,QAaE,UACA,SACA,eACA,aACA,wBACA,+EAIF,aAEE,MAGF,aACE,OAGF,eACE,cAGF,WACE,qDAGF,UAEE,aACA,OAGF,wBACE,iBACA,MAGF,sCACE,qBAGF,UACE,YACA,2BAGF,kBACE,cACA,mBACA,iCAGF,kBACE,kCAGF,kBACE,2BAGF,aACE,gBACA,0BACA,CC9EmB,iEDqFrB,kBCrFqB,4BDyFrB,sBACE,MEtFF,sBACE,mBACA,eACA,iBACA,gBACA,WCVM,kCDYN,6BACA,8BACA,CADA,0BACA,CADA,yBACA,CADA,qBACA,0CACA,wCACA,kBAEA,sIAYE,eAGF,SACE,oCAEA,WACE,iBACA,kBACA,uCAGF,iBACE,WACA,YACA,mCAGF,iBACE,cAIJ,kBDpDmB,kBCwDnB,iBACE,kBACA,0BAEA,iBACE,YAIJ,kBACE,SACA,iBACA,uBAEA,iBACE,WACA,YACA,gBACA,YAIJ,kBACE,UACA,YAGF,iBACE,kBACA,cDzEgB,mBAZC,WCwFjB,YACA,UACA,aACA,uBACA,mBACA,oBAEA,qBACE,YACA,wBAEA,aACE,gBACA,WACA,YACA,kBACA,uBAGF,cACE,iBACA,gBACA,QAMR,mBACE,eACA,cAEA,YACE,6BAKF,YAEE,WACA,mBACA,uBACA,oBACA,yEAKF,gBAEE,+EAKF,WAEE,gBErJJ,WACE,CACA,kBACA,qCAEA,eALF,UAMI,SACA,kBAIJ,sBACE,qCAEA,gBAHF,kBAII,qBAGF,YACE,uBACA,mBACA,wBAEA,SDrBI,YCuBF,kBACA,sBAGF,YACE,uBACA,mBACA,WD9BE,qBCgCF,UACA,kBACA,iBACA,uBACA,gBACA,eACA,mCAMJ,WACE,CACA,cACA,mBACA,sBACA,qCAEA,kCAPF,UAQI,aACA,aACA,kBAKN,WACE,CACA,YACA,eACA,iBACA,sBACA,CACA,gBACA,CACA,sBACA,qCAEA,gBAZF,UAaI,CACA,eACA,CACA,mBACA,0BAKA,UACqB,sCC3EvB,iBD4EE,6BAEA,UACE,YACA,cACA,SACA,kBACA,iBD5BkB,wBE9DtB,4BACA,uBD8FA,aACE,cHjFmB,wBGmFnB,iCAEA,aACE,gBACA,uBACA,gBACA,8BAIJ,aACE,eACA,iBACA,gBACA,SAIJ,YACE,cACA,8BACA,sBACA,mCACA,CADA,0BACA,mBAEA,eACE,WACA,mBAGF,aACE,WACA,mBAGF,aACE,WACA,mBAGF,eACE,WACA,qCAGF,QA3BF,UA4BI,qCACA,mBAEA,aACE,mBAGF,aACE,WACA,mBAGF,aACE,WACA,mBAGF,aACE,WACA,UAKN,YACE,cACA,8CACA,sBACA,mCACA,CADA,0BACA,mBAEA,eACE,WACA,mBAGF,eACE,WACA,mBAGF,aACE,WACA,mBAGF,eACE,WACA,mBAGF,aACE,WACA,uCAGF,eACE,wBAGF,kBACE,qCAGF,QAxCF,iDAyCI,uCAEA,YACE,aACA,mBACA,uBACA,iCAGF,UACE,uBACA,mBACA,sBAGF,YACE,sCAIJ,QA7DF,UA8DI,qCACA,mBAEA,aACE,mBAGF,aACE,WACA,mBAGF,aACE,WACA,mBAGF,aACE,WACA,mBAGF,aACE,WACA,sCAMJ,eADF,gBAEI,4BAGF,eACE,qCAEA,0BAHF,SAII,yBAIJ,kBACE,mCACA,kBACA,YACA,cACA,aACA,oBACA,uBACA,iBACA,gBACA,qCAEA,uBAZF,cAaI,WACA,MACA,OACA,SACA,gBACA,gBACA,YACA,6BAGF,cACE,eACA,kCAGF,YACE,oBACA,2BACA,iBACA,oCAGF,YACE,oBACA,uBACA,iBACA,mCAGF,YACE,oBACA,yBACA,iBACA,+BAGF,aACE,aACA,mCAEA,aACE,YACA,WACA,kBACA,YACA,UD1UA,qCC6UA,kCARF,WASI,+GAIJ,kBAGE,kCAIJ,YACE,mBACA,eACA,eACA,gBACA,qBACA,cHlVc,mBGoVd,kBACA,uHAEA,yBAGE,WDvWA,qCC2WF,0CACE,YACE,qCAKN,kBACE,CACA,oBACA,kBACA,6HAEA,oBAGE,mBACA,sBAON,YACE,cACA,0DACA,sBACA,mCACA,CADA,0BACA,gCAEA,UACE,cACA,gCAGF,UACE,cACA,qCAGF,qBAjBF,0BAkBI,WACA,gCAEA,YACE,kCAKN,iBACE,qCAEA,gCAHF,eAII,sCAKF,4BADF,eAEI,wCAIJ,eACE,mBACA,mCACA,gDAEA,UACE,qIAEA,8BAEE,CAFF,sBAEE,6DAGF,wBH1aiB,8CG+anB,yBACE,gBACA,aACA,kBACA,mBACA,oDAEA,UACE,cACA,kBACA,WACA,YACA,gDACA,MACA,OACA,kDAGF,mBACE,CADF,8BACE,CADF,gBACE,cACA,WACA,YACA,SACA,0BACA,qCAGF,6CA3BF,YA4BI,gDAIJ,eACE,6JAEA,iBAEE,qCAEA,4JAJF,eAKI,sCAKN,sCA/DF,eAgEI,gBACA,oDAEA,YACE,+FAGF,eAEE,6CAIJ,iBACE,iBACA,aACA,2BACA,mDAEA,UACE,cACA,mBACA,kBACA,SACA,OACA,QACA,YACA,0BACA,WACA,oDAGF,aACE,CAEA,WACqB,yCCzgB3B,kBD0gBM,cACA,wDAEA,aACE,WACA,YACA,SACA,kBACA,yBACA,mBACA,iBD7dc,wBE9DtB,4BACA,qCD+hBI,2CAvCF,YAwCI,mBACA,0BACA,YACA,mDAEA,YACE,oDAKA,UACqB,sCCtiB7B,CDuiBQ,sBACA,wDAEA,QACE,kBACA,iBDrfY,wBE9DtB,4BACA,2DDsjBQ,mDAbF,YAcI,sCAKN,2CApEF,eAqEI,sCAGF,2CAxEF,cAyEI,8CAIJ,aACE,iBACA,mDAEA,gBACE,mBACA,sDAEA,cACE,iBACA,WDhlBF,gBCklBE,gBACA,mBACA,uBACA,6BACA,4DAEA,aACE,eACA,WD1lBJ,gBC4lBI,gBACA,uBACA,qCAKN,4CA7BF,gBA8BI,aACA,8BACA,mBACA,mDAEA,aACE,iBACA,sDAEA,cACE,iBACA,iBACA,4DAEA,aHrmBQ,oDG4mBd,YACE,2BACA,oBACA,YACA,qEAEA,YACE,mBACA,gBACA,qCAGF,oEACE,YACE,6DAIJ,eACE,sBACA,cACA,cHjoBU,aGmoBV,+BACA,eACA,kBACA,kBACA,8DAEA,aACE,uEAGF,cACE,kEAGF,aACE,WACA,kBACA,SACA,OACA,WACA,gCACA,WACA,wBACA,yEAIA,+BACE,UACA,kFAGF,2BHjqBW,wEGuqBX,SACE,wBACA,8DAIJ,oBACE,cACA,2EAGF,cACE,cACA,4EAGF,eACE,eACA,kBACA,WDzsBJ,uBC2sBI,2DAIJ,aACE,WACA,4DAGF,eACE,8CAKN,YACE,eACA,kEAEA,eACE,gBACA,uBACA,cACA,2FAEA,4BACE,yEAGF,YACE,qDAIJ,gBACE,eACA,cHluBY,uDGquBZ,oBACE,cHtuBU,qBGwuBV,aACA,gBACA,8DAEA,eACE,WD1vBJ,qCCgwBF,6CAtCF,aAuCI,UACA,4CAKN,yBACE,qCAEA,0CAHF,eAII,wCAIJ,eACE,oCAGF,kBACE,mCACA,kBACA,gBACA,mBACA,qCAEA,mCAPF,eAQI,gBACA,gBACA,8DAGF,QACE,aACA,+DAEA,aACE,sFAGF,uBACE,yEAGF,aD3yBU,8DCizBV,mBACA,WDnzBE,qFCuzBJ,YAEE,eACA,cH7yBc,2CGizBhB,gBACE,iCAIJ,YACE,cACA,kDACA,qCAEA,gCALF,aAMI,+CAGF,cACE,iCAIJ,eACE,2BAGF,YACE,eACA,eACA,cACA,+BAEA,qBACE,cACA,YACA,cACA,mBACA,kBACA,qCAEA,8BARF,aASI,sCAGF,8BAZF,cAaI,sCAIJ,0BAvBF,QAwBI,6BACA,+BAEA,UACE,UACA,gBACA,gCACA,0CAEA,eACE,0CAGF,kBHz3Ba,+IG43BX,kBAGE,WEl4BZ,eACE,aAEA,oBACE,aACA,iBAIJ,eACE,cACA,oBAEA,cACE,gBACA,mBACA,eChBJ,k1BACE,aACA,sBACA,aACA,UACA,yBAGF,YACE,OACA,sBACA,yBACA,2BAEA,MACE,iBACA,qCAIJ,gBACE,YACE,yBCrBF,eACE,iBACA,oBACA,eACA,cACA,qCAEA,uBAPF,iBAQI,mBACA,+BAGF,YACE,cACA,0CACA,wCAEA,aACE,WACA,YACA,wCAGF,aACE,WACA,YACA,wCAGF,aACE,WACA,YACA,kBACA,6CAEA,aACE,wCAIJ,aACE,WACA,YACA,wCAGF,aACE,WACA,YACA,qCAGF,6BAxCF,iCAyCI,+EAEA,aAEE,wCAGF,UACE,wCAGF,aACE,+EAGF,aAEE,wCAGF,UACE,sCAIJ,uCACE,aACE,sCAIJ,4JACE,YAIE,4BAKN,wBACE,gBACA,kBACA,cPnFc,6BOsFd,aACE,qBACA,6BAIJ,oBACE,cACA,wGAEA,yBAGE,mCAKF,aACE,YACA,WACA,cACA,aACA,0HAMA,YACE,oBClIR,cACE,iBACA,cRYgB,gBQVhB,mBACA,eACA,qBACA,qCAEA,mBATF,iBAUI,oBACA,uBAGF,aACE,qBACA,0BAGF,eACE,cRJiB,wBQQnB,oBACE,mBACA,kBACA,WACA,YACA,cC9BN,kBACE,mCACA,mBAEA,UACE,kBACA,gBACA,0BACA,gBPPI,uBOUJ,mBACE,CADF,8BACE,CADF,gBACE,cACA,WACA,YACA,SACA,0BACA,oBAIJ,kBTlBmB,aSoBjB,0BACA,eACA,cTVgB,iBSYhB,qBACA,gBACA,8BAEA,UACE,YACA,gBACA,sBAGF,kBACE,iCAEA,eACE,uBAIJ,cACE,SACA,UACA,gBACA,uBACA,oBACA,kBACA,oBACA,cACA,sBAGF,aTxCmB,qBS0CjB,4BAEA,yBACE,qCAKN,aAnEF,YAoEI,uBAIJ,kBACE,oBACA,yBAEA,YACE,yBACA,gBACA,eACA,cTjEgB,+BSqElB,cACE,0CAEA,eACE,sDAGF,YACE,mBACA,gDAGF,UACE,YACA,0BACA,oCAIJ,YACE,mBAKF,aT9FkB,aSmGpB,YACE,kBACA,mBTjHmB,mCSmHnB,qBAGF,YACE,kBACA,0BACA,kBACA,cT9GkB,mBSgHlB,iBAGF,eACE,eACA,cTrHkB,iBSuHlB,qBACA,gBACA,UACA,oBAEA,YACE,yBACA,gBACA,eACA,cThIgB,0BSoIlB,eACE,CACA,kBACA,mBAGF,oBACE,CACA,mBACA,cT7IgB,qBS+IhB,mBACA,gBACA,uBACA,0EAEA,yBAGE,uBAMJ,sBACA,kBACA,mBT3KmB,mCS6KnB,cT/JqB,gBSiKrB,mBACA,sDAEA,eAEE,CAII,qXADF,eACE,yBAKN,aACE,0BACA,CAMI,wLAGF,oBAGE,mIAEA,yBACE,gCAMR,kBACE,oCAEA,gBACE,cT5Mc,8DSkNhB,iBACE,eACA,4DAGF,eACE,qBACA,iEAEA,eACE,kBAMR,YACE,CACA,ePlPM,COoPN,cACA,cTvOkB,mBSyOlB,+BANA,iBACA,CPlPM,kCOgQN,CATA,aAGF,kBACE,CAEA,iBACA,kBACA,cACA,iBAEA,UPjQM,eOmQJ,gBACA,gBACA,mBACA,gBAGF,cACE,cT7PgB,qCSiQlB,aArBF,YAsBI,mBACA,iBAEA,cACE,aAKN,kBTvRqB,kBSyRnB,mCACA,iBAEA,qBACE,mBACA,uCAEA,YAEE,mBACA,8BACA,mBTpSe,kBSsSf,aACA,qBACA,cACA,mCACA,0EAIA,kBAGE,0BAIJ,kBT3SiB,eS6Sf,8BAGF,UACE,eACA,oBAGF,aACE,eACA,gBACA,WPnUE,mBOqUF,gBACA,uBACA,wBAEA,aT5Tc,0BSgUd,aACE,gBACA,eACA,eACA,cTpUY,yFS0Ud,UPvVE,+BO8VJ,aACE,YACA,uDAGF,oBTxViB,eS8VrB,YACE,yBACA,gCAEA,aACE,WACA,YACA,kBACA,kBACA,kBACA,mBACA,yBACA,4CAEA,SACE,6CAGF,SACE,6CAGF,SACE,iBAKN,UACE,0BAEA,SACE,SACA,wBAGF,eACE,0BAGF,iBACE,yBACA,cTtYgB,gBSwYhB,aACA,sCAEA,eACE,0BAIJ,cACE,sBACA,gCACA,wCAGF,eACE,wBAGF,WACE,kBACA,eACA,gBACA,WP3aI,8BO8aJ,aACE,cTlac,gBSoad,eACA,0BAIJ,SACE,iCACA,qCAGF,kCACE,YACE,sCAYJ,qIAPF,eAQI,gBACA,gBACA,iBAOJ,gBACE,qCAEA,eAHF,oBAII,uBAGF,sBACE,sCAEA,qBAHF,sBAII,sCAGF,qBAPF,UAQI,sCAGF,qBAXF,WAYI,kCAIJ,iBACE,qCAEA,gCAHF,4BAII,iEAIA,eACE,0DAGF,cACE,iBACA,oEAEA,UACE,YACA,gBACA,yFAGF,gBACE,SACA,mKAIJ,eAGE,gBAON,aTngBkB,iCSkgBpB,kBAKI,6BAEA,eACE,kBAIJ,cACE,iBACA,wCAMF,oBACE,gBACA,cT1hBiB,4JS6hBjB,yBAGE,oBAKN,kBACE,gBACA,eACA,kBACA,yBAEA,aACE,gBACA,aACA,CACA,kBACA,gBACA,uBACA,qBACA,WP9jBI,gCOgkBJ,4FAEA,yBAGE,oCAIJ,eACE,0BAGF,iBACE,gCACA,MC/kBJ,+BACE,gBACA,iBAGF,eACE,aACA,cACA,qBAIA,kBACE,gBACA,4BAEA,QACE,0CAIA,kBACE,qDAEA,eACE,gDAIJ,iBACE,kBACA,sDAEA,iBACE,SACA,OACA,6BAKN,iBACE,gBACA,gDAEA,mBACE,eACA,gBACA,WRhDA,cQkDA,WACA,4EAGF,iBAEE,mDAGF,eACE,4CAGF,iBACE,QACA,OACA,qCAGF,aVjEoB,0BUmElB,gIAEA,oBAGE,0CAIJ,iBACE,CACA,iBACA,mBAKN,YACE,cACA,0BAEA,qBACE,cACA,UACA,cACA,oBAIJ,aVvFkB,sBU0FhB,aVnGsB,yBUuGtB,iBACE,kBACA,mBACA,wBAIJ,aACE,eACA,eACA,qBAGF,kBACE,cV5GgB,iCU+GhB,iBACE,eACA,iBACA,gBACA,gBACA,oBAIJ,kBACE,qBAGF,eACE,CAII,0JADF,eACE,sDAMJ,YACE,4DAEA,mBACE,eACA,WRzJA,gBQ2JA,gBACA,cACA,wHAGF,aAEE,sDAIJ,cACE,kBACA,mDAKF,mBACE,eACA,WR/KE,cQiLF,kBACA,qBACA,gBACA,sCAGF,cACE,mCAGF,UACE,sCAIJ,cACE,4CAEA,mBACE,eACA,WRrME,cQuMF,gBACA,gBACA,4CAGF,kBACE,yCAGF,cACE,CADF,cACE,6BAIJ,oBACE,cACA,4BAGF,kBACE,8CAEA,eACE,0BAIJ,YACE,CACA,eACA,oBACA,iCAEA,cACE,kCAGF,qBACE,eACA,cACA,eACA,oCAEA,aACE,2CAGF,eACE,6GAIJ,eAEE,qCAGF,yBA9BF,aA+BI,gBACA,kCAEA,cACE,0JAGF,kBAGE,iDAKN,iBACE,oBACA,eACA,WRnRI,cQqRJ,WACA,2CAKE,mBACE,eACA,WR7RA,qBQ+RA,WACA,kBACA,gBACA,kBACA,cACA,0DAGF,iBACE,OACA,QACA,SACA,kDAKN,cACE,aACA,yBACA,kBACA,sJAGF,qBAKE,eACA,WR7TI,cQ+TJ,WACA,UACA,oBACA,gBACA,mBACA,yBACA,kBACA,aACA,6RAEA,aACE,CAHF,+OAEA,aACE,CAHF,mQAEA,aACE,CAHF,wQAEA,aACE,CAHF,sNAEA,aACE,8LAGF,eACE,oVAGF,oBACE,iOAGF,oBRpVY,oLQwVZ,iBACE,4WAGF,oBVzVsB,mBU4VpB,6CAKF,aACE,gUAGF,oBAME,8CAGF,aACE,gBACA,cACA,eACA,8BAIJ,UACE,uBAGF,eACE,aACA,oCAEA,YACE,mBACA,qEAIJ,aAGE,WACA,SACA,kBACA,mBVnYiB,WEXb,eQiZJ,oBACA,YACA,aACA,yBACA,qBACA,kBACA,sBACA,eACA,gBACA,UACA,mBACA,kBACA,sGAEA,cACE,uFAGF,wBACE,gLAGF,wBAEE,kHAGF,wBV1aoB,gGU8apB,kBR9aQ,kHQibN,wBACE,sOAGF,wBAEE,qBAKN,uBACE,CADF,oBACE,CADF,eACE,sBACA,eACA,WRjcI,cQmcJ,WACA,UACA,oBACA,gBACA,wXACA,yBACA,kBACA,kBACA,mBACA,YACA,iBAGF,4BACE,oCAIA,iBACE,mCAGF,iBACE,UACA,QACA,CACA,qBACA,eACA,cVjdY,oBUmdZ,oBACA,eACA,gBACA,mBACA,gBACA,yCAEA,UACE,cACA,kBACA,MACA,QACA,WACA,UACA,iEACA,4BAKN,iBACE,0CAEA,wBACE,CADF,gBACE,qCAGF,iBACE,MACA,OACA,WACA,YACA,aACA,uBACA,mBACA,8BACA,kBACA,iBACA,gBACA,YACA,8CAEA,iBACE,6HAGE,UR/gBF,aQyhBR,aACE,CACA,kBACA,eACA,gBAGF,kBACE,cVphBkB,kBUshBlB,kBACA,mBACA,kBACA,uBAEA,qCACE,iCACA,cRziBY,sBQ6iBd,mCACE,+BACA,cR9iBQ,kBQkjBV,oBACE,cVxiBgB,qBU0iBhB,wBAEA,URzjBI,0BQ2jBF,kBAIJ,kBACE,4BAGF,SACE,sBACA,cACA,WACA,YACA,aACA,gCACA,mBVzkBiB,WEDb,eQ6kBJ,SACA,8CAEA,QACE,iHAGF,mBAGE,kCAGF,kBACE,uBAIJ,eACE,CAII,oKADF,eACE,0DAKN,eAzEF,eA0EI,eAIJ,eACE,kBACA,gBAEA,aVrmBkB,qBUumBhB,sBAEA,yBACE,YAKN,eACE,mBACA,eACA,eAEA,oBACE,kBACA,cAGF,aVloBwB,yBUooBtB,qBACA,gBACA,2DAEA,aAGE,8BAKN,kBAEE,cVzoBkB,oCU4oBlB,cACE,mBACA,kBACA,4CAGF,aVhpBqB,gBUkpBnB,CAII,mUADF,eACE,0DAKN,6BAtBF,eAuBI,cAIJ,YACE,eACA,uBACA,UAGF,aACE,gBRtrBM,YQwrBN,qBACA,mCACA,qBACA,cAEA,aACE,SACA,iBAIJ,kBACE,cVrrBqB,WUurBrB,sBAEA,aACE,eACA,eAKF,kBACE,sBAEA,eACE,CAII,+JADF,eACE,4CASR,qBACE,8BACA,WRluBI,qCQouBJ,oCACA,kBACA,aACA,mBACA,gDAEA,UR1uBI,0BQ4uBF,oLAEA,oBAGE,0DAIJ,eACE,cACA,kBACA,CAII,yYADF,eACE,kEAIJ,eACE,oBAMR,YACE,eACA,mBACA,4DAEA,aAEE,6BAIA,wBACA,cACA,sBAIJ,iBACE,cV5wBkB,0BU+wBlB,iBACE,oBAIJ,eACE,mBACA,uBAEA,cACE,WRtyBI,kBQwyBJ,mBACA,SACA,UACA,4BAGF,aACE,eAIJ,aRhzBc,0SQ0zBZ,+BACE,aAIJ,kBACE,yBACA,kBACA,aACA,mBACA,kBACA,kBACA,QACA,mCACA,sBAEA,aACE,8BAGF,sBACE,SACA,aACA,eACA,gCACA,oBAGF,aACE,WACA,oBACA,gBACA,eACA,CACA,oBACA,WACA,iCACA,oBAGF,oBRp2Bc,gBQs2BZ,2BAEA,kBRx2BY,gBQ02BV,oBAKN,kBACE,6BAEA,wBACE,mBACA,eACA,aACA,4BAGF,kBACE,aACA,OACA,sBACA,cACA,cACA,gCAEA,iBACE,YACA,iBACA,kBACA,UACA,8BAGF,qBACE,qCAIJ,kBACE,gCAGF,wBACE,mCACA,kBACA,kBACA,kBACA,kBACA,sCAEA,wBACE,WACA,cACA,YACA,SACA,kBACA,MACA,UACA,yBAIJ,sBACE,aACA,mBACA,SC36BF,aACE,qBACA,cACA,mCACA,qCAEA,QANF,eAOI,8EAMA,kBACE,YAKN,YACE,kBACA,mBACA,0BACA,gBAEA,aACE,WACA,YACA,SACA,oBACA,CADA,8BACA,CADA,gBACA,0BACA,qCAGF,WAfF,YAgBI,sCAGF,WAnBF,YAoBI,aAIJ,iBACE,aACA,aACA,2BACA,mBACA,mBACA,0BACA,qCAEA,WATF,eAUI,qBAGF,aACE,CAEA,UACqB,sCPpDzB,gBOqDI,wBAEA,UACE,YACA,cACA,SACA,kBACA,iBTLgB,wBE9DtB,4BACA,mBOoEM,oBACA,CADA,8BACA,CADA,gBACA,0BAIJ,gBACE,gBACA,iCAEA,cACE,WT/EA,gBSiFA,gBACA,uBACA,+BAGF,aACE,eACA,cX3EY,gBW6EZ,gBACA,uBACA,aAMR,cACE,kBACA,gBACA,6GAEA,cAME,WT7GI,gBS+GJ,qBACA,iBACA,qBACA,sBAGF,eTrHM,oBSuHJ,WXxHI,eW0HJ,cACA,kBAGF,cACE,uCAGF,wBAEE,cXpHmB,oBWwHrB,UACE,eACA,wBAEA,oBACE,iBACA,oBAIJ,WACE,gBACA,wBAEA,oBACE,gBACA,uBAIJ,cACE,cACA,qCAGF,YA9DF,iBA+DI,mBAEA,YACE,uCAGF,oBAEE,gBAKN,kBX7KqB,mCW+KnB,cX3JiB,eW6JjB,gBACA,kBACA,aACA,uBACA,mBACA,eACA,kBACA,aACA,gBACA,2BAEA,yBACE,yBAGF,qBACE,gBACA,yCAIJ,oBAEE,gBACA,eACA,kBACA,eACA,iBACA,gBACA,cX5MwB,sCW8MxB,sCACA,6DAEA,aTnNc,sCSqNZ,kCACA,qDAGF,aACE,sCACA,kCACA,0BAIJ,eACE,UACA,wBACA,gBACA,CADA,YACA,CACA,iCACA,CADA,uBACA,CADA,kBACA,eACA,iBACA,6BAEA,YACE,gCACA,yDAGF,qBAEE,aACA,kBACA,gBACA,gBACA,mBACA,uBACA,6BAGF,eACE,YACA,cACA,cX/OmB,6BWiPnB,6BAGF,aACE,cXvPgB,4BW2PlB,aXpQwB,qBWsQtB,qGAEA,yBAGE,oCAIJ,qCACE,iCACA,sCAEA,aTtRY,gBSwRV,0CAGF,aT3RY,wCSgSd,eACE,wCAIJ,UACE,0BAIA,aX9RkB,4BWiShB,aX3SsB,qBW6SpB,qGAEA,yBAGE,iCAIJ,UTzTI,gBS2TF,wBAIJ,eACE,kBClUJ,kCACE,kBACA,gBACA,mBACA,qCAEA,iBANF,eAOI,gBACA,gBACA,6BAGF,eACE,SACA,gBACA,gFAEA,yBAEE,sCAIJ,UACE,yBAGF,kBZxBmB,6GY2BjB,sBAGE,CAHF,cAGE,8IAIA,eAGE,0BACA,iJAKF,yBAGE,kLAIA,iBAGE,qCAKN,4GACE,yBAGE,uCAKN,kBACE,qBAIJ,WACE,eACA,mBZhEmB,WEXb,oBU8EN,iBACA,YACA,iBACA,SACA,yBAEA,UACE,YACA,sBACA,iBACA,UVxFI,gFU4FN,kBAGE,qNAKA,kBZlGoB,4IY0GpB,kBV1GQ,qCUiHV,wBACE,YACE,0DAOJ,YACE,uCAGF,2BACE,gBACA,uDAEA,SACE,SACA,yDAGF,eACE,yDAKA,cACA,iBACA,mBACA,mFAGF,iBACE,eACA,WACA,WACA,WACA,qMAGF,eAGE,mEASF,cACE,gBACA,qFAGF,aZhKc,YYkKZ,eACA,WACA,eACA,gBACA,+GAGF,aACE,eACA,CACA,sBACA,eACA,yJAEA,cACE,uEAIJ,WACE,kBACA,WACA,eACA,iDAQF,iBACE,mBACA,yHAEA,iBACE,gBACA,+FAGF,UACE,WC3NR,gCACE,4CACA,cAGF,aACE,eACA,iBACA,cbKmB,SaHnB,uBACA,UACA,eACA,wCAEA,yBAEE,uBAGF,abhBsB,eakBpB,SAIJ,wBACE,YACA,kBACA,sBACA,WX5BM,eW8BN,qBACA,oBACA,eACA,gBACA,YACA,iBACA,iBACA,gBACA,eACA,kBACA,kBACA,yBACA,qBACA,uBACA,2BACA,qCACA,mBACA,WACA,4CAEA,wBAGE,4BACA,qCACA,sBAGF,eACE,mFAEA,wBX3DQ,gBW+DN,kBAIJ,wBbnEsB,eaqEpB,yGAGF,cAIE,iBACA,YACA,oBACA,iBACA,4BAGF,UbtFM,mBAGgB,qGauFpB,wBAGE,8BAIJ,kBXlEsB,2GWqEpB,wBAGE,0BAIJ,cACE,iBACA,YACA,cbhGgB,oBakGhB,uBACA,iBACA,kBACA,yBACA,+FAEA,oBAGE,cACA,mCAGF,UACE,uBAIJ,aACE,WACA,cAIJ,oBACE,UACA,cbxHoB,Sa0HpB,kBACA,uBACA,eACA,2BACA,2CACA,2DAEA,aAGE,uCACA,4BACA,2CACA,oBAGF,qCACE,uBAGF,aACE,6BACA,eACA,qBAGF,abjKwB,gCaqKxB,QACE,uEAGF,mBAGE,uBAGF,ab/JmB,sFakKjB,aAGE,oCACA,6BAGF,kCACE,gCAGF,aACE,6BACA,8BAGF,ablMsB,uCaqMpB,aACE,wBAKN,sBACE,0BACA,yBACA,kBACA,YACA,8BAEA,yBACE,mBAKN,abxMqB,Sa0MnB,kBACA,uBACA,eACA,gBACA,eACA,cACA,iBACA,UACA,2BACA,2CACA,0EAEA,aAGE,oCACA,4BACA,2CACA,yBAGF,kCACE,4BAGF,aACE,6BACA,eACA,0BAGF,abzPwB,qCa6PxB,QACE,sFAGF,mBAGE,gBAIJ,iBACE,uBACA,YAGF,WACE,cACA,qBACA,QACA,SACA,kBACA,+BAEA,kBAEE,mBACA,oBACA,kBACA,mBACA,iBAKF,WACE,uCAIJ,MACE,kBACA,CXvSU,sEW8SZ,aX9SY,uBWkTZ,aXnTc,4DWyTV,4CACE,CADF,oCACE,8DAKF,6CACE,CADF,qCACE,6BAKN,aACE,gBACA,qBACA,mCAEA,UX7UM,0BW+UJ,eAIJ,aACE,eACA,gBACA,uBACA,mBACA,iBAEA,aACE,wBACA,sBAIA,cACA,gBAKA,yCAPF,WACE,CAEA,gBACA,uBACA,gBACA,mBAWA,CAVA,mBAGF,aACE,CACA,cAKA,8BAIA,yBACE,sBAIJ,SACE,YACA,eACA,iBACA,uBACA,mBACA,gBACA,CAME,sDAGF,cACE,YACA,kBACA,oBACA,qBAKN,eACE,wBAGF,cACE,eAGF,iBACE,WACA,YACA,aACA,mBACA,uBACA,sBACA,6CAEA,cXhX4B,eAEC,0DWiX3B,sBACA,CADA,gCACA,CADA,kBACA,4BAGF,iBACE,qEAGF,YACE,iBAIJ,iBACE,WACA,YACA,aACA,mBACA,uBACA,qBAEA,cXxY4B,eAEC,WWyY3B,YACA,sBACA,CADA,gCACA,CADA,kBACA,WAIJ,oBACE,oBAGF,YACE,kBACA,2BAGF,+BACE,mBACA,SACA,gBAGF,kBbhd0B,cakdxB,kBACA,uCACA,mBAEA,eACE,uBAIJ,iBACE,QACA,SACA,2BACA,4BAEA,UACE,gBACA,2BACA,0BbpesB,2BawexB,WACE,iBACA,uBACA,yBb3esB,8Ba+exB,QACE,iBACA,uBACA,4BblfsB,6BasfxB,SACE,gBACA,2BACA,2BbzfsB,wBa+fxB,cACE,iBACA,cACA,iBACA,sBACA,qBACA,mBbrgBsB,WAJlB,gBa4gBJ,uBACA,mBACA,yFAEA,kBbpgBiB,cAIE,UaqgBjB,sCAKN,aACE,iBACA,gBACA,QACA,gBACA,aACA,yCAEA,eACE,mBb/hBsB,caiiBtB,kBACA,mCACA,gBACA,kBACA,sDAGF,OACE,wDAIA,UACE,8CAIJ,cACE,iBACA,cACA,iBACA,sBACA,qBACA,mBbxjBsB,WAJlB,gBa+jBJ,uBACA,mBACA,oDAEA,SACE,oDAGF,kBb3jBiB,cAIE,iBa8jBvB,qBACE,iBAIA,sBACA,cbrkBgB,oBawkBhB,cACE,gBACA,mBACA,kBACA,mBAGF,cACE,mBACA,iBAIJ,aAEE,gBACA,qCAGF,cACE,SACE,iBAGF,aAEE,CAEA,gBACA,yCAEA,iBACE,uCAGF,kBACE,qDAKF,gBAEE,kBACA,YAKN,qBACE,aACA,mBACA,cACA,gBACA,iBAGF,aACE,cACA,CACA,sBACA,WXnpBM,qBWqpBN,kBACA,eACA,gBACA,gCACA,2BACA,mDACA,qBAEA,eACE,eACA,qCThoBA,6GADF,kBSwoBI,4BACA,kHTpoBJ,kBSmoBI,4BACA,wBAIJ,+BACE,cbxqBsB,sBa4qBxB,eACE,aACA,2BAGF,aACE,eACA,kBAIJ,iBACE,yBAEA,iBACE,SACA,UACA,mBbtrBiB,yBawrBjB,gBACA,kBACA,eACA,gBACA,iBACA,WXxsBI,mDW6sBR,oBACE,aAGF,iBACE,kBACA,cACA,iCACA,mCAEA,eACE,yBAGF,YAVF,cAWI,oBAGF,YACE,sBACA,qBAGF,aACE,kBACA,iBACA,yBAKF,uBADF,YAEI,gBAIJ,oBACE,kBACA,eACA,6BACA,SACA,UACA,yBACA,CADA,qBACA,CADA,oBACA,CADA,gBACA,0CACA,wCACA,iCAGF,QACE,mBACA,WACA,YACA,gBACA,UACA,kBACA,UACA,yBAGF,kBACE,WACA,wBACA,qBAGF,UACE,YACA,UACA,mBACA,yBbjxBmB,qCamxBnB,sEAGF,wBACE,4CAGF,wBbhxBqB,+EaoxBrB,wBACE,2BAGF,iBACE,WACA,YACA,MACA,SACA,gBACA,mBACA,cACA,SACA,UACA,6BACA,CAKA,uEAFF,SACE,6BAeA,CAdA,sBAGF,iBACE,WACA,YACA,MACA,SACA,gBACA,mBACA,cACA,WAGA,8CAGF,SACE,qBAGF,iBACE,QACA,SACA,WACA,YACA,yBACA,kBACA,yBACA,sBACA,yBACA,sCACA,4CAGF,SACE,qBb50BmB,yDag1BrB,kBb11BqB,2Bag2BrB,iBACE,gBACA,cAGF,aACE,kBAGF,kBbz2BqB,ca22BnB,oBAEA,ab/1BqB,oBam2BrB,abp2BgB,yBaw2BhB,0BACE,CADF,uBACE,CADF,kBACE,kDAKA,sBACA,cACA,wDAEA,kBACE,8DAGF,cACE,sDAGF,ab13Bc,ea43BZ,0DAEA,ab93BY,0Bag4BV,sDAIJ,oBACE,cbt4Bc,sMay4Bd,yBAGE,0BAKN,aACE,UACA,mCACA,CADA,0BACA,gBACA,6BAEA,cACE,yBACA,cbz5Bc,aa25Bd,gBACA,gCACA,sCAGF,oDACE,YACE,uCAIJ,oDACE,YACE,uCAIJ,yBA3BF,YA4BI,yCAGF,eACE,aACA,iDAEA,abp7Bc,qBa27BpB,oBACE,kBACA,eACA,iBACA,gBACA,mBb58BmB,gBa88BnB,iBACA,qBAGF,eACE,gBACA,2BAEA,iBACE,aACA,wBAGF,kBACE,yBAGF,oBACE,gBACA,yBACA,yBACA,eAIJ,ab39BoB,uBa69BlB,CACA,WACA,CADA,+BACA,sBACA,cACA,oBACA,mBACA,cACA,WACA,0CAEA,UXp/BM,4BFWa,qCIYjB,yDADF,cSq+BE,sBAGF,Ub//BM,gCaigCJ,sDAEA,UbngCI,4BAYa,mDa+/BrB,uBACE,YACA,6CACA,uBACA,sBACA,WACA,0DAEA,sBACE,0DAIJ,uBACE,2BACA,gDAGF,ab3gCsB,6Ba6gCpB,uDAGF,ab7hC0B,yDaiiC1B,aACE,YAGF,aACE,cb5hCgB,6Ba8hChB,SACA,kBACA,kBACA,oBACA,SACA,aACA,sBACA,WACA,WACA,qBACA,kBAEA,kBACE,WAIJ,+BACE,oBAGF,gBACE,qEAGF,4BACE,gCAGF,eACE,kBACA,MACA,QACA,YACA,kBACA,YAEA,mBACA,yBACA,eACA,aAEA,wCAEA,UXvhCsB,mBWyhCpB,aACA,sBACA,mBACA,uBACA,mBACA,8BACA,wBACA,gCACA,uCAGF,wBACE,kBACA,WACA,YACA,eACA,cb7lCgB,yBa+lChB,aACA,uBACA,mBACA,sCAGF,mBACE,6CAEA,8BACE,WAKN,oBACE,UACA,oBACA,kBACA,cACA,SACA,uBACA,eACA,oBAGF,abxnCkB,ea0nChB,gBACA,yBACA,iBACA,kBACA,QACA,SACA,+BACA,yBAEA,aACE,WACA,CACA,0BACA,oBACA,mBACA,4BAIJ,iBACE,QACA,SACA,+BACA,WACA,YACA,sBACA,6BACA,CACA,wBACA,kBACA,2CAGF,2EACE,CADF,mEACE,8CAGF,4EACE,CADF,oEACE,qCAGF,GACE,sBACE,KAGF,2BACE,KAGF,2BACE,KAGF,yBACE,IAGF,wBACE,EArBF,4BAGF,GACE,sBACE,KAGF,2BACE,KAGF,2BACE,KAGF,yBACE,IAGF,wBACE,uCAIJ,GACE,wBACE,KAGF,0BACE,KAGF,2BACE,KAGF,uBACE,IAGF,sBACE,EAtBA,6BAIJ,GACE,wBACE,KAGF,0BACE,KAGF,2BACE,KAGF,uBACE,IAGF,sBACE,mCAIJ,GACE,OACE,SACA,yBACA,KAGF,wBACE,KAGF,UACE,YACA,6BACA,kBACA,UACA,IAGF,UACE,YACA,eACA,UACA,6BACA,EA5BA,yBAIJ,GACE,OACE,SACA,yBACA,KAGF,wBACE,KAGF,UACE,YACA,6BACA,kBACA,UACA,IAGF,UACE,YACA,eACA,UACA,6BACA,kCAIJ,GACE,gBACA,aACA,aAPE,wBAIJ,GACE,gBACA,aACA,6BAGF,KACE,OACA,WACA,YACA,kBACA,YACA,2BAEA,YACE,SACA,QACA,WACA,YACA,mBACA,6BAGF,mBACE,yBAGF,YACE,0BAGF,aACE,uBACA,WACA,YACA,SACA,iCAEA,oBACE,0BACA,kBACA,iBACA,WXnyCE,gBWqyCF,eACA,+LAMA,yBACE,mEAKF,yBACE,iBAMR,aACE,iBACA,mEAGF,abjzCoB,qBaqzClB,mBACA,gBACA,sBACA,gBAGF,aACE,iBACA,uBAGF,eACE,8BAGF,abp0CoB,eas0ClB,cACA,gBACA,gBACA,uBAGF,qBACE,sBAGF,WACE,8BAGF,GACE,kBACE,+BACA,2CACA,CADA,kCACA,KAGF,oBACE,0CACA,CADA,iCACA,KAGF,oBACE,2CACA,CADA,kCACA,KAGF,oBACE,0CACA,CADA,iCACA,KAGF,kBACE,2CACA,CADA,kCACA,EA3BF,qBAGF,GACE,kBACE,+BACA,2CACA,CADA,kCACA,KAGF,oBACE,0CACA,CADA,iCACA,KAGF,oBACE,2CACA,CADA,kCACA,KAGF,oBACE,0CACA,CADA,iCACA,KAGF,kBACE,2CACA,CADA,kCACA,iBAIJ,0DACE,CADF,kDACE,cAGF,kBACE,0BACA,aACA,YACA,uBACA,OACA,UACA,kBACA,MACA,kBACA,WACA,aACA,gBAEA,mBACE,oBAIJ,WACE,aACA,aACA,sBACA,kBACA,YACA,0BAGF,iBACE,MACA,QACA,SACA,OACA,WACA,kBACA,mBbn6CmB,kCaq6CnB,uBAGF,MACE,aACA,mBACA,uBACA,cb95CqB,eag6CrB,gBACA,0BACA,kBACA,qCAGF,SACE,oBACA,CADA,WACA,cAGF,wBb/6CqB,Wai7CnB,kBACA,MACA,OACA,aACA,qBAGF,iBACE,aAGF,iBACE,cACA,aACA,WACA,yBbh8CmB,kBak8CnB,cACA,UACA,WACA,eAGF,YACE,gCACA,CACA,iBACA,qBAEA,kBACE,UACA,uBAGF,aACE,CACA,sBACA,kBACA,uBAGF,oBACE,mBbl+CsB,kBao+CtB,cACA,eACA,wBACA,wBAGF,aACE,CACA,0BACA,gBACA,8BAEA,eACE,aACA,2BACA,8BACA,uCAGF,cACE,cb/+Cc,kBai/Cd,+BAGF,abp/CgB,eas/Cd,mBACA,gBACA,uBACA,kBACA,gBACA,YACA,iCAEA,UX3gDE,qBW6gDA,oHAEA,yBAGE,yCAKN,QACE,uBAIJ,kBACE,6BAEA,kBACE,oDAGF,eACE,6DAGF,UXviDI,oBWgjDN,kBACA,cACA,2BAGF,eACE,UAGF,iBACE,cAEA,WACE,WACA,sCACA,CADA,6BACA,cAGF,cACE,iBACA,cbrjDmB,gBaujDnB,gBAEA,abpkDsB,0BaskDpB,sBAEA,oBACE,gBAIJ,qBACE,4BAKN,GACE,cACA,eACA,WARI,mBAKN,GACE,cACA,eACA,2CC5lDF,u+KACE,uCAEA,u+KACE,CAOA,8MAMF,okBACE,UClBJ,YACE,gCACA,cACA,qBACA,iCAEA,aACE,cACA,cfOgB,gBeLhB,qBACA,eACA,gBAGF,WACE,UACA,yCAEA,8CAEA,WACE,iBACA,mBAKN,YACE,0BAGF,UACE,iBACA,kBACA,kBAGF,gBb0BwB,wBE9DtB,4BACA,kBWqCA,eACA,yBAEA,oBACE,sBACA,iBACA,4BX3CF,eWgDE,CACA,cACA,2DAJF,gBbesB,wBE9DtB,4BACA,CWgDE,iBAQE,CANF,+BXlDF,UWsDI,CACA,qBACA,mCAGF,aACE,kBACA,QACA,SACA,+BACA,WbjEE,6BamEF,gBACA,eACA,0BAKN,iBACE,WACqB,sCXrErB,+BANA,UW+EuB,sCXzEvB,gEWuEA,gBbhBsB,wBE9DtB,4BW0FE,CXnFF,iCANA,UWoFuB,sCX9EvB,kBWgFE,SACA,QACA,UACA,wBAIJ,WACE,aACA,mBACA,2BAGF,aACE,mBACA,sBAGF,YACE,cf5FgB,6Be+FhB,eACE,CAII,kMADF,eACE,wBAKN,eACE,cACA,0BACA,yFAEA,oBAGE,sBAKN,4BACE,gCACA,iBACA,gBACA,cACA,aACA,4BAGF,YACE,cACA,iBACA,kBACA,2BAGF,oBACE,gBACA,cACA,8BACA,eACA,oCACA,uCAEA,aACE,kCAGF,+BACE,gCAGF,aACE,yBACA,eACA,cf1JgB,kCe8JlB,aACE,eACA,gBACA,Wb9KI,CamLA,2NADF,eACE,gCAKN,afpLwB,oBeyL1B,iBACE,mDAEA,aACE,mBACA,gBACA,4BAIJ,UACE,kBACA,wBAGF,gBACE,qBACA,eACA,cflMkB,eeoMlB,kBACA,4BAEA,afhNwB,6BeoNxB,aACE,gBACA,uBACA,iBAIJ,kBACE,6BACA,gCACA,aACA,mBACA,eACA,kDAGF,aAEE,kBACA,yBAGF,kBACE,aACA,2BAGF,aftOoB,eewOlB,cACA,gBACA,mBACA,kDAIA,kBACE,oDAIA,SX7MF,sBACA,WACA,YACA,gBACA,oBACA,mBJxDmB,cAYD,eI+ClB,SACA,+EWuMI,aACE,CXxMN,qEWuMI,aACE,CXxMN,yEWuMI,aACE,CXxMN,0EWuMI,aACE,CXxMN,gEWuMI,aACE,sEAGF,QACE,yLAGF,mBAGE,0DAGF,kBACE,qCAGF,mDArBF,cAsBI,yDAIJ,af7Qc,iBe+QZ,eACA,4DAGF,gBACE,wDAGF,kBACE,gEAEA,cACE,iNAEA,kBAGE,cACA,gHAKN,afvSgB,0He4ShB,cAEE,gBACA,cf9SY,kZeiTZ,aAGE,gEAIJ,wBACE,iDAGF,eb1UI,kBEkEN,CAEA,eACA,cJhDiB,uCIkDjB,UWqQI,mBfzUoB,oDIsExB,wBACE,cJrDe,eIuDf,gBACA,mBACA,oDAGF,aACE,oDAGF,kBACE,oDAGF,eACE,WJ3FI,sDeiVJ,WACE,mDAGF,UfrVI,kBeuVF,eACA,8HAEA,kBAEE,iCAON,kBACE,mBAIJ,UbvWQ,kBayWN,cACA,mBACA,sBb5WM,yBa8WN,eACA,gBACA,YACA,kBACA,WACA,yBAEA,SACE,6BAIJ,YACE,eACA,gBACA,wBAGF,WACE,sBACA,cACA,kBACA,kBACA,gBACA,WACA,+BAEA,iBACE,QACA,SACA,+BACA,eACA,sDAIJ,kBAEE,gCACA,eACA,aACA,cACA,oEAEA,kBACE,SACA,SACA,6HAGF,aAEE,cACA,cfrZgB,eeuZhB,eACA,gBACA,kBACA,qBACA,kBACA,yJAEA,af5ZmB,qWe+ZjB,aAEE,WACA,kBACA,SACA,SACA,QACA,SACA,2BACA,CAEA,4CACA,CADA,kBACA,CADA,wBACA,iLAGF,WACE,6CACA,8GAKN,kBACE,gCACA,qSAKI,YACE,iSAGF,4CACE,sBAQR,sBACA,mBACA,6BACA,gCACA,+BAEA,iBACE,iBACA,cfldc,Ceqdd,eACA,eACA,oCAEA,aACE,gBACA,uBACA,oCAIJ,UACE,kBACA,uDAGF,iBACE,qDAGF,eACE,2BAIJ,af/eoB,eeiflB,gBACA,gBACA,kBACA,qBACA,6BAEA,kBACE,wCAEA,eACE,6BAIJ,aACE,0BACA,mCAEA,oBACE,kBAKN,eACE,2BAEA,UACE,8FAEA,8BAEE,CAFF,sBAEE,wBAIJ,iBACE,SACA,UACA,yBAGF,eACE,aACA,kBACA,mBACA,6BAEA,mBACE,CADF,8BACE,CADF,gBACE,cACA,WACA,YACA,SACA,uBAIJ,iBACE,mBACA,YACA,gCACA,+BAEA,aACE,cACA,WACA,iBACA,gDAEA,kBACE,yBACA,wBAKN,YACE,uBACA,gBACA,iBACA,iCAEA,YACE,mBACA,iBACA,gBACA,8CAEA,wBACE,kBACA,uBACA,YACA,yCAGF,YACE,8BAIJ,WACE,4CAEA,kBACE,wCAGF,UACE,YACA,iCAGF,cACE,iBACA,WbhnBA,gBaknBA,gBACA,mBACA,uBACA,uCAEA,aACE,eACA,cf5mBU,gBe8mBV,gBACA,uBACA,gCAKN,aACE,uBAIJ,eACE,cACA,iDAGE,qBACA,Wb7oBE,gDaipBJ,QACE,6BACA,kDAEA,aACE,yEAGF,uBACE,4DAGF,ab5pBU,yBakqBd,cACE,gCAEA,cACE,cf1pBc,ee4pBd,kCAEA,oBACE,cf/pBY,qBeiqBZ,iBACA,gBACA,yCAEA,eACE,WbnrBF,ScFR,YACE,gCACA,8BAEA,aACE,cACA,WdJI,qBcMJ,eACA,gBACA,kBAIJ,YACE,iBAGF,WACE,aACA,mBACA,mCCrBF,GACE,sBACE,KAGF,2BACE,KAGF,4BACE,KAGF,2BACE,IAGF,yBACE,EDGF,0BCrBF,GACE,sBACE,KAGF,2BACE,KAGF,4BACE,KAGF,2BACE,IAGF,yBACE,qCAIJ,GACE,yBACE,KAGF,yBACE,KAGF,4BACE,KAGF,wBACE,IAGF,sBACE,EAtBA,2BAIJ,GACE,yBACE,KAGF,yBACE,KAGF,4BACE,KAGF,wBACE,IAGF,sBACE,gCAIJ,cACE,kBAGF,iBACE,cACA,eACA,iBACA,qBACA,gBACA,iBACA,gBACA,wBAEA,SACE,4BAGF,UACE,YACA,gBACA,sBAGF,cACE,iBACA,sBACA,CADA,gCACA,CADA,kBACA,qEAGF,kBACE,qBACA,sGAEA,eACE,qEAIJ,eAEE,qJAEA,kBAEE,mXAGF,eACE,mBACA,qJAGF,eACE,gBACA,2EAGF,eACE,+NAGF,eACE,2FAGF,iBACE,8BACA,cjBjGc,mBiBmGd,qHAEA,eACE,2JAIJ,eACE,mJAGF,iBACE,6EAGF,iBACE,eACA,6EAGF,iBACE,qBACA,qJAGF,eACE,6JAEA,QACE,2EAIJ,oBACE,2EAGF,uBACE,oBAIJ,af9Ic,qBegJZ,0BAEA,yBACE,8BAEA,aACE,kCAKF,oBACE,uCAEA,yBACE,wBAKN,ajBlKc,4CiBuKhB,YACE,8EAEA,aACE,mCAIJ,aACE,oDAEA,af5LQ,ee8LN,iDAIJ,kBACE,uDAEA,kBACE,qBACA,gCAKN,oBACE,kBACA,mBACA,YACA,WjBrNM,gBiBuNN,eACA,cACA,yBACA,oBACA,eACA,sBACA,sCAEA,kBACE,qBACA,+DAGF,oBACE,iBACA,sBACA,kBACA,eACA,oBACA,2GAKF,oBAGE,4BAIJ,ajBvOkB,SiByOhB,kBACA,kBACA,oBACA,SACA,aACA,sBACA,WACA,WACA,gCACA,+BAGF,UACE,kBACA,mDAGF,iBAEE,gCAGA,qEAEA,eACE,kBAKF,SACE,mBACA,kDAEA,kBACE,wDAEA,sBACE,iFAIJ,kBAEE,SAKN,iBACE,kBACA,YACA,gCACA,eACA,UAaA,mCACA,CADA,0BACA,wDAZA,QAPF,kBAUI,0BAGF,GACE,aACA,WALA,gBAGF,GACE,aACA,uDAMF,cAEE,kCAGF,kBACE,4BACA,sCAIA,ajBpTiB,CArBb,uEiBkVF,UjBlVE,kCiBsVF,ajBjUe,gCiBsUjB,UjB3VI,kCiB8VF,ajBzVoB,gEiB6VpB,UfjWE,mBFEgB,sEiBmWhB,kBACE,mBAMR,uBACE,sBACA,yBACA,CADA,qBACA,CADA,oBACA,CADA,gBACA,yCAEA,aACE,kBACA,OACA,QACA,MACA,SACA,6FACA,oBACA,WACA,2DAGF,oBACE,oCAGF,WACE,gBACA,uBACA,cACA,0CAEA,UACE,kBACA,MACA,gBACA,6DACA,oBACA,4CAGF,oBACE,gDAGJ,oDACE,mEAEF,oDACE,0CAGF,eACE,6DAGF,kBACE,gCAIJ,mBACE,+CAKF,sBACE,qEAEA,aACE,wBAKN,oBACE,YACA,CjBvagB,ciByahB,iBACA,mBACA,CACA,sBACA,8CANA,ajBvagB,CiB2ahB,eAOA,8CAGF,aACE,eACA,eAGF,YACE,8BACA,eACA,oBAEA,sBACE,gBACA,2CAGF,oBACE,sBAIJ,YACE,mBACA,WACA,cjBzcoB,iIiB4cpB,gBAGE,kBACA,0EAGF,yBACE,yEAMA,0CACE,CADF,kCACE,2EAKF,2CACE,CADF,mCACE,wBAKN,YACE,mBACA,2BACA,mBAGF,+BACE,aACA,6CAEA,uBACE,OACA,4DAEA,eACE,8DAGF,SACE,mBACA,qHAGF,cAEE,gBACA,4EAGF,cACE,0BAKN,kBACE,aACA,cACA,uBACA,aACA,kBAGF,gBACE,mBACA,iBACA,cjBvhBgB,CiByhBhB,iBACA,eACA,kBACA,+CAEA,ajB9hBgB,uBiBkiBhB,aACE,gBACA,uBACA,qBAIJ,kBACE,aACA,eACA,8BAEA,mBACE,kBACA,mBACA,yDAEA,gBACE,qCAGF,oBACE,WACA,eACA,gBACA,cjBxjBgB,4BiB8jBtB,iBACE,8BAGF,cACE,cACA,uCAGF,aACE,aACA,mBACA,uBACA,kBACA,kBAGF,kBACE,kBACA,wBAEA,YACE,eACA,8BACA,uBACA,uFAEA,SAEE,mCAIJ,cACE,iBACA,6CAEA,UACE,YACA,gBACA,+DAIJ,cAEE,wBAIJ,eACE,cjBpnBgB,eiBsnBhB,iBACA,8BAGF,kBACE,6BACA,gCACA,aACA,mBACA,eACA,wBAGF,aACE,qBACA,uDAGF,oBAEE,gBACA,eACA,gBACA,6JAGF,oBAME,4DAKA,UfzqBM,kBe+qBN,UACE,iKAQF,yBACE,+BAIJ,aACE,gBACA,uBACA,0DAGF,aAEE,sCAGF,kBACE,gCAGF,ajB7rBuB,ciB+rBrB,iBACA,mBACA,gBACA,2EAEA,aAEE,uBACA,gBACA,uCAGF,cACE,Wf3tBI,kCeguBR,UACE,kBACA,iBAGF,SACE,kBACA,YACA,WACA,CjB3tBgB,8IiBsuBhB,ajBtuBgB,wBiB0uBhB,UACE,wCAGF,kBf9tBsB,WF/BhB,8CiBiwBJ,kBACE,qBACA,+DAOJ,yBACE,cAIJ,YACE,eACA,yBACA,kBACA,cjBpwBgB,gBiBswBhB,qBACA,gBACA,uBAEA,QACE,OACA,kBACA,QACA,MAIA,iDAHA,YACA,uBACA,mBAUE,CATF,0BAEA,yBACE,kBACA,iBACA,cAIA,sDAGF,cAEE,cjB/xBiB,uBiBiyBjB,SACA,cACA,qBACA,eACA,iBACA,sMAEA,UfvzBE,yBe8zBJ,cACE,kBACA,YACA,+DAGF,aACE,eAKN,cACE,qBAEA,kBACE,oBAIJ,cACE,cACA,qBACA,WACE,YACA,SACA,2BAIF,UACE,YACA,qBAIJ,aACE,gBACA,kBACA,cjBx1BkB,gBiB01BlB,uBACA,mBACA,qBACA,uBAGF,aACE,gBACA,2BACA,2BAGF,ajBt2BoB,oBiB02BpB,aACE,eACA,eACA,gBACA,uBACA,mBACA,qBAGF,cACE,mBACA,kBACA,yBAEA,cACE,kBACA,yBACA,QACA,SACA,+BACA,yBAIJ,aACE,6CAEA,UACE,mDAGF,yBACE,6CAGF,mBACE,sBAIJ,oBACE,kCAEA,QACE,4CAIA,oBACA,0CAGF,kBACE,0CAGF,aACE,6BAIJ,wBACE,2BAGF,yBACE,cACA,SACA,WACA,YACA,oBACA,CADA,8BACA,CADA,gBACA,sBACA,wBACA,kBAGF,YACE,eACA,yBACA,kBACA,gBACA,gBACA,wBAEA,aACE,cjB97Bc,iBiBg8Bd,eACA,+BACA,aACA,sBACA,mBACA,uBACA,eACA,4BAEA,aACE,wBAIJ,eACE,CACA,qBACA,aACA,sBACA,uBACA,2BAEA,aACE,cACA,0BAGF,oBACE,cjB59BY,gBiB89BZ,gCAEA,yBACE,0BAKN,QACE,eACA,iDAEA,SACE,cACA,8BAGF,ajB/+Bc,oCiBq/BlB,cACE,cACA,SACA,uBACA,UACA,kBACA,oBACA,oFAEA,yBAEE,6BChhCJ,kBACE,aAGF,iBACE,8BACA,oBACA,aACA,sBAGF,cACE,MACA,OACA,QACA,SACA,0BACA,wBAGF,cACE,MACA,OACA,WACA,YACA,aACA,sBACA,mBACA,uBACA,2BACA,aACA,oBACA,yBACA,CADA,qBACA,CADA,oBACA,CADA,gBACA,oBAGF,mBACE,aACA,aACA,6CAGF,kBlBrC0B,WAJlB,kBkB8CN,gBACA,aACA,sBACA,0BAGF,WACE,WACA,gBACA,iBACA,8DAEA,UACE,YACA,sBACA,aACA,sBACA,mBACA,uBACA,aACA,yBACA,CADA,qBACA,CADA,oBACA,CADA,gBACA,oBAIJ,WACE,WACA,gBACA,iBACA,kBACA,wBAEA,iBACE,MACA,OACA,WACA,YACA,sBACA,aACA,aACA,CAGA,YACA,UACA,yBACA,CADA,qBACA,CADA,oBACA,CADA,gBACA,2CANA,qBACA,mBACA,uBAaF,CATE,mBAIJ,YACE,CAGA,iBACA,qCAGF,kBACE,UACE,YACA,gBACA,0BAGF,UACE,YACA,eACA,gBACA,cACA,oDAIJ,aAEE,mBACA,aACA,aACA,2DAEA,cACE,uLAGF,alB9GmB,SkBiHjB,eACA,gBACA,kBACA,oBACA,YACA,aACA,kBACA,6BACA,+mBAEA,aAGE,yBACA,qiBAGF,UlBvJI,qwDkB2JF,aAGE,sBAMR,sBACE,yBAGF,aACE,aACA,mBACA,uBACA,wBAGF,UACE,YACA,mBACA,mBACA,aACA,eACA,8BAEA,kBACE,+BAGF,cACE,mBACA,kCAIJ,mBACE,CACA,mBACA,0EAEA,mBACE,yBAIJ,cACE,iBACA,4BAEA,cACE,gBACA,WlBjNI,mBkBmNJ,2BAGF,alBjNwB,kGkBoNtB,aAGE,2CAIJ,aACE,2BAGF,cACE,clBhNiB,gBkBkNjB,mBACA,sCAEA,eACE,kCAGF,eACE,mBlB7Oe,cAcE,kBkBkOjB,eACA,gBACA,CAII,2NADF,eACE,oCAOV,WACE,UACA,mCAME,mBACA,mBACA,sCAEA,cACE,iBACA,kBACA,qCAGF,eACE,oCAIJ,kBACE,mBACA,kBACA,eAIJ,iBACE,eACA,mBACA,sBAEA,eACE,WlBnSI,kBkBqSJ,yBACA,eACA,qBAGF,kBlBxSmB,cAcE,gBkB6RnB,aACA,kBACA,6HAQF,eACE,qJAGF,kBACE,clB5SmB,mBkB8SnB,kBACA,aACA,kBACA,eACA,sCACA,yPAEA,iBACE,mBACA,qNAGF,mBACE,gBACA,4CAMJ,YACE,mBACA,gDAEA,UACE,cACA,4DAEA,aACE,2DAGF,cACE,kDAGF,iBACE,uDAIJ,eACE,sDAIJ,UhB3WM,2DgBgXR,0BACE,cACE,iBACA,qJAGF,cAIE,mBACA,4CAGF,kBACE,sDAGF,WACE,eACA,mBAIJ,oBACE,eACA,gBACA,iBACA,uHAGF,kBAOE,WlBvZM,kBkByZN,gBACA,eACA,YACA,kBACA,sBACA,+SAEA,alBjZgB,YkBmZd,eACA,WACA,eACA,gBACA,uSAGF,YACE,uPAGF,WACE,WACA,+WAGF,UACE,wBAKF,ehBvbM,CFGkB,gBkBubtB,oBACA,iEhB3bI,2BFGkB,qDkBgc1B,iBAEE,aACA,qEAEA,wBACE,CADF,qBACE,CADF,oBACE,CADF,gBACE,gBACA,kKAIJ,YAKE,8BACA,mBlBjdwB,akBmdxB,iBACA,0LAEA,aACE,iBACA,clBvciB,mBkBycjB,kNAGF,aACE,6DAIJ,cAEE,yDAGF,WAEE,eACA,0BAGF,gBAEE,sDAGF,qBAEE,eAGF,UACE,gBACA,0BAGF,YACE,6BACA,qCAEA,yBAJF,cAKI,gBACA,iDAIJ,qBAEE,UACA,qCAEA,+CALF,UAMI,sDAIJ,aAEE,gBACA,gBACA,gBACA,kBACA,2FAEA,alBvhBwB,qCkB2hBxB,oDAZF,eAaI,sCAKF,4BADF,eAEI,yBAIJ,YACE,+BACA,gBACA,0BAEA,cACE,iBACA,mBACA,sCAGF,aACE,sBACA,WACA,CACA,UlB1jBI,gBECA,agB4jBJ,oBACA,eACA,YACA,CACA,SACA,kBACA,yBACA,iBACA,gBACA,gBACA,4CAEA,wBACE,+CAGF,ehB5kBI,yBgB8kBF,mBACA,kBACA,6DAEA,QACE,gBACA,gBACA,mEAEA,QACE,0DAIJ,UlB7lBE,oBkB+lBA,eACA,gBhB/lBA,+CgBomBJ,YACE,8BACA,mBACA,4CAIJ,aACE,WlB7mBI,ekB+mBJ,gBACA,mBACA,wCAGF,eACE,mBACA,+CAEA,UlBxnBI,ekB0nBF,qCAIJ,uBAnFF,YAoFI,eACA,QACA,wCAEA,iBACE,iBAKN,eAWE,eACA,wBAXA,eACE,iBACA,uBAGF,aACE,gBACA,2CAMF,eACE,mBAGF,eACE,cACA,gBACA,+BAEA,4BACE,4BAGF,QACE,oCAIA,UlBzqBE,akB2qBA,kBACA,eACA,mBACA,qBACA,8EAEA,eAEE,yWAOA,kBlB9qBW,WEXb,iJgBgsBA,iBAGE,oMAUR,aACE,iIAIJ,4BAIE,clBlsBmB,ekBosBnB,gBACA,6cAEA,aAGE,6BACA,uCAIJ,iBACE,mBACA,oBACA,eAEA,yFAEA,qBACE,qGAIJ,YAIE,eACA,iIAEA,eACE,CAII,w1BADF,eACE,sDAMR,iBAEE,oDAKA,eACE,0DAGF,eACE,mBACA,aACA,mBACA,wEAEA,UlBnxBI,CkBqxBF,gBACA,uBAKN,YACE,2CAEA,QACE,WACA,cAIJ,UACE,eACA,gBACA,iBAEA,YACE,gBACA,eACA,kBACA,sCAGF,YACE,4CAEA,kBACE,yDAGF,SACE,sBACA,cACA,WACA,YACA,aACA,gDACA,mBlB5zBe,WEDb,egBg0BF,CACA,eACA,kBACA,2EAEA,QACE,wMAGF,mBAGE,+DAGF,kBACE,qCAGF,wDA7BF,cA8BI,4DAIJ,WACE,eACA,gBACA,SACA,kBACA,cAKN,iBACE,YACA,gBACA,YACA,aACA,uBACA,mBACA,gBhB12BM,yDgB62BN,aAGE,gBACA,WACA,YACA,SACA,sBACA,CADA,gCACA,CADA,kBACA,gBhBr3BI,uBgBy3BN,iBACE,YACA,aACA,+BACA,iEACA,kBACA,wCACA,uBAGF,iBACE,WACA,YACA,MACA,OACA,uBAGF,iBACE,YACA,WACA,UACA,YACA,4BACA,6BAEA,UACE,8BAGF,UhBt5BI,egBw5BF,gBACA,cACA,kBACA,2BAGF,iBACE,mCACA,qCAIJ,oCACE,eAEE,uBAGF,YACE,wBAKN,gBACE,sCAEA,eACE,gCAGF,eACE,qDAGF,UlB57BM,iDkBg8BN,YACE,0DAEA,YACE,0BAIJ,YACE,iBACA,uBACA,kDAGF,alB57BoB,qBkB87BlB,wDAEA,yBACE,WCp9BN,YACE,oBAGF,cACE,uBACA,eACA,gBACA,cnBcmB,4CmBXnB,ajBNY,sCiBWd,2CACE,oBAGF,QACE,wBACA,UACA,+CAEA,WACE,mBACA,UACA,0BAGF,aACE,sBACA,SACA,YACA,kBACA,aACA,WACA,UACA,WnBtCI,gBECA,eiBwCJ,oBACA,gBACA,qDAEA,anB9Bc,CmB4Bd,2CAEA,anB9Bc,CmB4Bd,+CAEA,anB9Bc,CmB4Bd,gDAEA,anB9Bc,CmB4Bd,sCAEA,anB9Bc,gCmBkCd,8CfpCA,uCADF,cesC4D,0CfjC5D,ceiC4D,oBAI9D,UnBtDQ,mBmBwDN,mBnBrDsB,oCmBuDtB,iBACA,kBACA,eACA,gBACA,sBAEA,anB3CmB,gBmB6CjB,0BACA,mFAEA,oBAEU,iCAKZ,mBACA,eAEA,gBACA,wCAEA,anB7EwB,sDmBiFxB,YACE,2CAGF,oBACE,kBACA,yBACA,sBACA,WACA,YACA,cACA,gBACA,kBACA,SACA,kBACA,sBACA,kDAEA,oBnBnGsB,qCmB0G1B,eACE,kBACA,aACA,mBnB/GsB,gBmBiHtB,gBACA,cACA,yBAEA,iBACE,gBACA,wCAEA,UnB5HI,iCmB8HJ,WACE,iBACA,2BAIJ,iBACE,cACA,CACA,cACA,iBACA,WnBzII,qBmB2IJ,gBACA,iBACA,qBACA,mBACA,gBACA,gGAEA,kBACE,qBACA,iIAEA,eACE,kJAIJ,eACE,mBACA,2DAGF,eACE,eACA,8BAGF,cACE,wFAGF,eACE,sCAGF,iBACE,2BACA,WnB/KE,mBmBiLF,mDAEA,eACE,8DAIJ,eACE,0DAGF,iBACE,+BAGF,iBACE,eACA,2DAGF,eACE,+DAEA,QACE,8BAIJ,oBACE,8BAGF,uBACE,6BAGF,anBhMiB,qBmBkMf,mCAEA,oEAGE,oBACE,gDAEA,qDAMR,UACE,YACA,gBACA,wBAIJ,iBACE,UACA,QACA,gHAEA,+BAEE,uDAIJ,iBAEE,WACA,mIAGE,aACE,sBACA,SACA,YACA,0BACA,yBACA,WACA,iBACA,UACA,WnBtQE,gBECA,eiBwQF,oBACA,YACA,qBACA,yLAEA,anB/PY,CmB6PZ,sKAEA,anB/PY,CmB6PZ,8KAEA,anB/PY,CmB6PZ,gLAEA,anB/PY,CmB6PZ,4JAEA,anB/PY,yKmBmQZ,SACE,qJAGF,kBnBlRoB,+ImBmRpB,8Cf1QF,8JADF,ce4Q8D,kKfvQ9D,ceuQ8D,qCfhQ5D,8TADF,sBeoQM,gBACA,6BAMR,aACE,kBACA,SACA,UACA,WACA,gBACA,2CAEA,aACE,mBACA,WACA,YACA,cnBzRiB,emB2RjB,iBACA,kBACA,WACA,4CAIJ,iBACE,SACA,oCAGF,aACE,kBACA,sBACA,SACA,0BACA,YACA,WACA,WnBnUM,mBAIkB,sCmBkUxB,eACA,WACA,aACA,6CAGF,aACE,0CAGF,YACE,eACA,kBACA,iMAEA,kBAGa,iKAEb,YAGE,mBACA,mBACA,2BACA,iBACA,eACA,+DAGF,6BACE,qEAEA,aACE,gBACA,uBACA,mBACA,sEAGF,eACE,qEAGF,aACE,iBACA,gBACA,uBACA,mBACA,4EAMA,anBzWe,wBmB8WrB,eACE,iCAEA,YACE,mBACA,eACA,oBACA,YACA,gBACA,8BAIJ,UACE,WACA,cACA,kCAEA,iBACE,kBACA,aACA,WACA,sBjBzZI,wBiB2ZJ,sBACA,4BACA,gBACA,2CAEA,aACE,kBACA,sBACA,SACA,OACA,SACA,SACA,aACA,WACA,cnBzZiB,gFmB2ZjB,eACA,oBACA,gBACA,UACA,UACA,4BACA,iDAEA,UjBlbE,sEiBobF,WACE,cnBtae,CEff,4DiBobF,WACE,cnBtae,CEff,gEiBobF,WACE,cnBtae,CEff,iEiBobF,WACE,cnBtae,CEff,uDiBobF,WACE,cnBtae,yCmB2anB,2EAKE,0CAKN,iFACE,aACA,uBACA,8BACA,UACA,4BACA,8CAEA,aACE,cnB1csB,emB4ctB,gBACA,aACA,oBACA,2JAEA,aAGE,wCAIJ,SACE,kCAIJ,YACE,aACA,cnBrdkB,gBmBudlB,sCAEA,cACE,kBACA,2CAGF,aACE,gDAEA,aACE,eACA,gBACA,yBACA,qDAGF,iBACE,eACA,kBACA,WACA,WACA,mBjB5dkB,8DiB+dlB,iBACE,MACA,OACA,WACA,kBACA,mBnBvfa,0BmB8frB,UnB1gBQ,oBmB4gBN,eACA,gBjB5gBM,4BiBghBR,YACE,mBACA,0BACA,YACA,aACA,8BACA,cACA,oBAGF,YACE,cACA,sBAEA,oBACE,uBACA,cACA,YACA,iBACA,sBACA,uBAGF,oBACE,aACA,CAEA,oBACA,CADA,6BACA,UACA,QACA,YACA,uBACA,2BAIJ,iBACE,iBACA,0CAKE,yBACE,qCACA,WjB7jBE,mBFWa,gBmBqjBf,8CAGA,yBACE,oCACA,uCAMR,iBACE,kBACA,uCACA,gBjB9kBM,gBiBglBN,uBACA,6CAGF,YACE,mBACA,aACA,WnBxlBM,emB0lBN,sDAEA,aACE,cnBxkBiB,wEmB2kBjB,6EAEA,aACE,WnBnmBE,gBmBqmBF,sGAIJ,kBnB7lBmB,WEXb,6PiBgnBF,UjBhnBE,0DiBonBN,wCAGF,gBACE,iBACA,mBACA,gBACA,yBACA,cACA,+BAEA,oBACE,SACA,eACA,kBACA,gCAGF,oBACE,aACA,UACA,WACA,kBACA,kCAIA,ajB5oBU,CkBFZ,+BAHF,YACE,cACA,kBAUA,CATA,cAKA,kBACA,2BACA,gBAEA,uBAEA,YACE,uBACA,WACA,YACA,iBACA,6BAEA,WACE,gBACA,oBACA,aACA,yBACA,gBACA,oCAEA,0BACE,oCAGF,cACE,YACA,oBACA,YACA,6BAIJ,qBACE,WACA,gBACA,cACA,aACA,sBACA,qCAEA,4BARF,cASI,qBAMR,kBACE,wBACA,CADA,eACA,MACA,UACA,cACA,qCAEA,mBAPF,gBAQI,+BAGF,eACE,qCAEA,6BAHF,kBAII,wHAMJ,WAGE,mCAIJ,YACE,mBACA,uBACA,YACA,CpBrFmB,IoBoGrB,aACE,aACA,sBACA,WACA,YACA,CAIA,oBAGF,qBACE,WACA,mBACA,cpBhHwB,eoBkHxB,cACA,eACA,SACA,iBACA,aACA,SACA,UACA,2BAEA,yBACE,6BAIJ,kBACE,SACA,oBACA,cpBnIwB,eoBqIxB,cACA,eACA,kBACA,UACA,mCAEA,yBACE,wCAGF,kBACE,2BAIJ,oBACE,iBACA,2BAGF,iBACE,kCAGF,cACE,cACA,eACA,aACA,kBACA,QACA,UACA,cAGF,kBACE,WlB5KM,ckB8KN,eACA,aACA,qBACA,2DAEA,kBAGE,oBAGF,SACE,2BAGF,sBACE,cpB3LsB,kGoB8LtB,sBAGE,WlBpME,kCkBwMJ,apB7LiB,oBoBmMrB,oBACE,iBACA,oBAGF,kBpBlNqB,cAaH,iBoBwMhB,eACA,gBACA,yBACA,eACA,yBAGF,iBACE,cACA,uCAGE,aACE,WACA,kBACA,SACA,OACA,QACA,cACA,UACA,oBACA,YACA,UACA,gFACA,gBAKN,YACE,eACA,mBACA,cACA,eACA,kBACA,UACA,UACA,gBACA,uBAEA,QACE,YACA,aACA,cACA,uBACA,aACA,gBACA,uBACA,gBACA,mBACA,OACA,4CAGF,apBxQwB,uBoB4QxB,qCACE,4CAEA,apB/QsB,wCoBiRpB,4CAIJ,SAEE,SAIJ,WACE,kBACA,sBACA,aACA,sBACA,gBACA,wDAEA,SACE,gBACA,gBACA,qBAGF,kBpB5SmB,yBoBiTrB,WACE,aACA,cACA,uBAGF,kBACE,iCAGF,iBACE,sEAGF,kBACE,SACA,cpBrTkB,eoBuTlB,eACA,eACA,kFAEA,aACE,CAKA,kLAEA,UlBhVI,mBkBkVF,kFAKJ,2BACE,wCAIJ,YACE,oBACA,6BACA,+CAEA,sBAEE,kBACA,eACA,qBACA,0CAGF,eACE,gDAKJ,SACE,6BAGF,eACE,gBACA,gBACA,cpBzWkB,0DoB2WlB,UACA,uCAEA,YACE,WACA,uCAGF,iBACE,gCAGF,QACE,uBACA,SACA,6BACA,cACA,iCAIF,eACE,2CACA,YACE,WACA,mCAKN,kBACE,aACA,mCAIA,apB/YkB,0BoBiZhB,gCAIJ,WACE,4DAEA,cACE,uEAEA,eACE,uBAKN,oBACE,uBACA,gBACA,mBACA,OACA,sBAGF,oBACE,iBACA,uCAGF,apB7akB,mBAbG,kBoB8bnB,aACA,eACA,gBACA,eACA,aACA,cACA,mBACA,uBACA,yBACA,sCAbF,cAcI,kDAGF,eACE,2CAGF,apB5cwB,qBoB8ctB,uDAEA,yBACE,eAKN,qBACE,uCAKA,sBACE,6BACA,qCASF,qCAXA,sBACE,6BACA,sCAgBF,mJAFF,qBAGI,sBAKF,wBACA,aACA,2BACA,mBACA,mBACA,2BAEA,aACE,iCAEA,UACE,kBACA,uCAEA,SACE,kCAKN,aACE,aACA,yBChhBJ,iBACE,eACA,gBACA,crBagB,mBAbG,eqBGnB,aACA,cACA,sBACA,mBACA,uBACA,aACA,qEAGE,aAEE,WACA,aACA,SACA,yCAIJ,gBACE,gCAGF,eACE,uCAEA,aACE,mBACA,crBjBY,qCqBqBd,cACE,gBACA,kBCtCJ,UACE,cACA,+BACA,0BAEA,UACE,qCAGF,iBATF,QAUI,mBAIJ,qBACE,mBACA,uBAEA,YACE,kBACA,mBACA,gBACA,2BAEA,aACE,WACA,YACA,SACA,oBACA,CADA,8BACA,CADA,gBACA,uBAIJ,YACE,mBACA,mBACA,aACA,6BAEA,aACE,aACA,mBACA,qBACA,gBACA,qCAGF,UACE,eACA,cACA,+BAGF,aACE,WACA,YACA,gBACA,mCAEA,UACE,YACA,cACA,SACA,kBACA,mBACA,oBACA,CADA,8BACA,CADA,gBACA,qCAIJ,gBACE,gBACA,4CAEA,cACE,WpB1EF,gBoB4EE,gBACA,uBACA,0CAGF,aACE,eACA,ctBtEU,gBsBwEV,gBACA,uBACA,yBAKN,kBtB3FiB,asB6Ff,mBACA,uBACA,gDAEA,YACE,cACA,eACA,mDAGF,qBACE,kBACA,gCACA,WACA,gBACA,mBACA,gBACA,uBACA,qDAEA,YACE,iEAEA,cACE,sDAIJ,YACE,cAOV,kBtBjIqB,sBsBoInB,iBACE,4BAGF,aACE,eAIJ,cACE,kBACA,qBACA,cACA,iBACA,eACA,mBACA,gBACA,uBACA,eACA,oEAEA,YAEE,sBAGF,oBACE,kBACA,yBACA,sBACA,WACA,YACA,cACA,kBACA,SACA,kBACA,sBACA,8BAEA,oBACE,mBACA,CC/KJ,eAGF,SnBkDE,sBACA,WACA,YACA,gBACA,oBACA,mBJxDmB,cAYD,eI+ClB,SACA,cmBxDA,CACA,2BACA,iBACA,eACA,2CAEA,aACE,CAHF,iCAEA,aACE,CAHF,qCAEA,aACE,CAHF,sCAEA,aACE,CAHF,4BAEA,aACE,kCAGF,QACE,6EAGF,mBAGE,sBAGF,kBACE,qCAGF,eA3BF,cA4BI,kCAKF,QACE,qDAGF,mBAEE,mBAGF,iBACE,SACA,WACA,UACA,qBACA,UACA,0BACA,4CACA,eACA,WACA,YACA,cvBxCmB,euB0CnB,oBACA,0BAEA,mBACE,WACA,0BAIJ,sBACE,iCAEA,mBACE,WACA,gCAIJ,QACE,uBACA,cvB5DkB,euB8DlB,uCAEA,uBACE,sCAGF,aACE,yBAKN,avB7EkB,mBuB+EhB,gCACA,kBACA,eACA,gBACA,uBAGF,YACE,cvBxFkB,kBuB0FlB,iBAIA,avB7FgB,mBuB+Fd,gCACA,gBACA,aACA,eACA,eACA,qBAEA,oBACE,iBACA,eAIJ,YACE,mBACA,aACA,gCACA,0BAEA,eACE,qBAGF,aACE,cvBvHY,gBuByHZ,uBACA,mBACA,4BAEA,eACE,uBAGF,avBlIc,qBuBoIZ,eACA,gBACA,cACA,gBACA,uBACA,mBACA,qGAKE,yBACE,wBAMR,aACE,eACA,iBACA,gBACA,iBACA,mBACA,gBACA,cvB3JiB,0BuB+JnB,aACE,WACA,2CAEA,mCACE,yBACA,0CAGF,wBACE,WC1LR,yCCCE,qBACA,sBACA,CADA,kBACA,wBACA,WACA,YACA,eAEA,UACE,8BAIJ,evBXQ,kBuBaN,sCACA,kBACA,eACA,UACA,iDAEA,2BACE,2DAGF,UACE,mCAIJ,iBACE,SACA,WACA,eACA,yCAGF,iBACE,UACA,SACA,UACA,gBvBvCM,kBuByCN,sCACA,gBACA,gDAEA,aACE,eACA,SACA,gBACA,uBACA,iKAEA,+BAGE,2DAIJ,WACE,wBAKF,2BACE,eAIJ,aACE,eACA,iBACA,gBACA,WACA,UACA,eACA,0CAEA,mBAEE,mBAGF,8BACE,CADF,sBACE,WACA,cACA,CACA,UACA,YACA,eACA,0EAMA,SACE,oBACA,CADA,WACA,eCpGN,WAEE,0BAGF,kBANW,kBAQT,cACA,iCACA,wBACE,mCAOF,WACE,SACA,UACA,2CAGF,aACE,aAEA,sBACA,YACA,6BACA,6DAGE,oBACE,WACA,iBACA,iBACA,iJAGF,UACE,gEAEF,oBACE,gBACA,WACA,2CAKN,yBACE,sBACA,kBACA,YACA,gBACA,kDAEA,uBACE,CADF,oBACE,CADF,eACE,WACA,YACA,SACA,4BACA,WACA,yBACA,eACA,4CACA,sBACA,oBACA,6DAEA,uBACE,6DAGF,sBACE,wEAGF,sBACE,kBACA,SCjFR,WACE,sBACA,aACA,sBACA,kBACA,iBACA,UACA,qBAEA,iBACE,oBAGF,kBACE,2DvBDF,SuBI0D,yBvBC1D,SuBD0D,qCvBQxD,qLuBLA,yBAGF,eACE,gBACA,eACA,qCvBZA,4BuBgBA,SACE,WACA,YACA,eACA,UACA,+BALF,SACE,WACA,YACA,eACA,UACA,yCAIJ,4BAGF,YACE,mBACA,mBACA,UACA,mBACA,eACA,mBAEA,aACE,sBACA,oCACA,sBACA,YACA,cACA,c3BzCgB,kB2B2ChB,qBACA,eACA,mBAGF,iCACE,iDAEA,YAEE,mBACA,mCACA,SAKN,iBACE,mBACA,UACA,qCvBrDE,6CADF,euBwDkF,sCvBlEhF,sBADF,cuBoE0D,yBvB/D1D,cuB+D0D,gBAG5D,ezBlFQ,kBEkEN,CACA,sBACA,gBACA,cJhDiB,uCIkDjB,mBAEA,wBACE,cJrDe,eIuDf,gBACA,mBACA,mBAGF,aACE,mBAGF,kBACE,mBAGF,eACE,WJ3FI,kB2BuFR,YACE,c3B1EkB,a2B4ElB,mBACA,oBAEA,aACE,qBACA,wBAGF,aACE,c3BnFmB,gB2BqFnB,mBACA,gBACA,uBACA,0BAIJ,aACE,gBACA,gBACA,kBAGF,kB3BhHqB,kB2BkHnB,gBACA,yBAEA,a3BxGgB,mB2B0Gd,aACA,gBACA,eACA,eACA,6BAEA,oBACE,iBACA,0BAIJ,iBACE,6BAEA,kBACE,gCACA,eACA,aACA,aACA,gBACA,eACA,c3BhIY,iC2BmIZ,oBACE,iBACA,8FAIJ,eAEE,mCAGF,aACE,aACA,c3B/IiB,qB2BiJjB,0HAEA,aAGE,0BACA,gBAQN,WACA,kBAGA,+BANF,qBACE,UACA,CAEA,eACA,aAgBA,CAfA,eAGF,iBACE,MACA,OACA,mBACA,CAGA,qBACA,CACA,eACA,WACA,YACA,uBAEA,kB3BlMmB,0B2BuMrB,u1BACE,OACA,gBACA,aACA,8BAEA,aACE,sBACA,CADA,4DACA,CADA,kBACA,+BACA,CADA,2BACA,WACA,YACA,oBACA,eACA,yBACA,CADA,qBACA,CADA,oBACA,CADA,gBACA,oCAGF,aACE,WACA,YACA,YACA,eACA,sCAGF,yBAzBF,aA0BI,iBAIJ,kBACE,eACA,gBACA,mBAGF,cACE,kBACA,MACA,OACA,WACA,YACA,0BACA,oBCrPF,kBACE,gB1BAM,WACA,e0BEN,aACA,sBACA,YACA,uBACA,eACA,kBACA,kBACA,YACA,gBAGF,e1BdQ,cFcY,S4BGlB,WACA,YACA,iEAEA,aAGE,iCAGF,eACE,2BxBcF,iBACE,mBACA,cACA,eACA,aACA,gBACA,yBwBfJ,aACE,eACA,yBAGF,aACE,eACA,gBACA,6BAGF,aACE,kBACA,W1B7CM,0B0B+CN,WACA,SACA,gBACA,kBACA,eACA,gBACA,UACA,oBACA,WACA,4BACA,iBACA,2DAKE,YACE,wDAKF,SACE,uBAKN,WACE,aACA,sBACA,4BAEA,iBACE,c5BpEgB,a4BsEhB,YACA,mBACA,CAGE,yDAIJ,UACE,gBAIJ,qBACE,eACA,gBACA,kBACA,kBACA,WACA,aACA,2BxB/DA,iBACE,mBACA,cACA,eACA,aACA,gBACA,sBwB8DJ,WACE,sBACA,cACA,WACA,kBACA,kBACA,gBACA,kCAEA,eACE,qEAIA,cACE,MACA,gCAIJ,e1BlIM,gC0BuIR,cACE,cACA,qBACA,c5B1HqB,kB4B4HrB,UACA,mEAEA,WAEE,WACA,sBACA,CADA,gCACA,CADA,kBACA,CAIE,0HAFF,WACE,oBACA,CADA,8BACA,CADA,gB1BtJE,C0BuJF,wBAKN,UACE,CAEA,iBACA,MACA,OACA,UACA,gB1BnKM,iC0BsKN,YACE,sBAIJ,WACE,gBACA,kBACA,WACA,aACA,uBACA,qCAGF,cACE,YACA,WACA,kBACA,UACA,sBACA,CADA,gCACA,CADA,kBACA,yBACA,CADA,qBACA,CADA,oBACA,CADA,gBACA,qDAEA,WACE,oBACA,CADA,8BACA,CADA,gBACA,sCAIJ,0BACE,2BACA,gBACA,kBACA,yBAGF,eACE,iBACA,yBAGF,UACE,cAGF,UACE,YACA,kBACA,qCAEA,UACE,YACA,aACA,mBACA,uBACA,2CAEA,c1B3K0B,eAEC,C0BqL7B,8CALF,iBACE,MACA,OACA,QACA,SAYA,CAXA,yBAQA,mBACA,8BACA,oBACA,4BAEA,mBACE,0DAGF,SACE,4DAEA,mBACE,mBAKN,yBACE,sBACA,SACA,W1BvQM,e0ByQN,aACA,mBACA,eACA,cACA,cACA,kBACA,kBACA,MACA,SACA,yBAGF,MACE,0BAGF,OACE,CASA,4CANF,UACE,kBACA,kBACA,OACA,YACA,oBAUA,6BAEA,WACE,sBAGF,mBACE,qBACA,gBACA,c5BlTsB,mF4BqTtB,yBAGE,wBAKN,oBACE,sBAGF,qB1BpUQ,Y0BsUN,WACA,kBACA,YACA,UACA,SACA,YACA,8BAGF,wB5BpUqB,qB4BwUrB,iBACE,UACA,QACA,YACA,qKAKA,WAEE,mFAGF,WACE,eAKJ,qBACE,kBACA,mBACA,kBACA,oBACA,cACA,wBAEA,eACE,YACA,yBAGF,cACE,kBACA,gBACA,gCAEA,UACE,cACA,kBACA,6BACA,WACA,SACA,OACA,oBACA,qCAIJ,oCACE,iCAGF,wBACE,uCAIA,mBACA,mBACA,6BACA,0BACA,eAIJ,eACE,kBACA,gB1BzZM,e0B2ZN,kBACA,sBACA,cACA,wBAEA,eACE,sBACA,qBAGF,SACE,gCAGF,UACE,YACA,0BxBjYF,iBACE,mBACA,cACA,eACA,aACA,gBACA,qBwBgYF,eACE,gBACA,UACA,kBACA,0BAGF,oBACE,sBACA,SACA,gCAEA,wBACE,0BACA,qBACA,sBACA,UACA,4BAKF,qBACE,CADF,gCACE,CADF,kBACE,kBACA,QACA,2BACA,yBAIJ,iBACE,UACA,SACA,OACA,QACA,sBACA,iFACA,eACA,UACA,4BACA,gCAEA,SACE,6EAKF,iBAEE,wBAIJ,YACE,kBACA,MACA,OACA,WACA,YACA,UACA,SACA,gB1B9eI,cFcY,gB4BmehB,oBACA,+BAEA,aACE,oBACA,8GAEA,aAGE,+BAIJ,aACE,eACA,kCAGF,aACE,eACA,gBACA,4BAIJ,YACE,8BACA,oBACA,CAGE,gUAEA,aAIE,wBAKN,cACE,mBACA,gBACA,uBACA,oCAGE,cACE,qCAKF,eACE,+BAIJ,sBACE,iBACA,eACA,SACA,0BACA,8GAEA,U1BpjBE,+E0B4jBN,cAGE,gBACA,6BAGF,U1BnkBM,iB0BqkBJ,yBAGF,oBACE,aACA,mDAGF,U1B7kBM,uB0BklBN,cACE,YACA,eACA,8BAEA,UACE,WACA,+BAOA,6DANA,iBACA,cACA,kBACA,WACA,UACA,YAWA,CAVA,+BASA,kBACA,+BAGF,iBACE,UACA,kBACA,WACA,YACA,YACA,UACA,4BACA,mBACA,sCACA,oBACA,qBAIJ,gBACE,uBAEA,oBACE,eACA,gBACA,W1BloBE,sF0BqoBF,yBAGE,qBAKN,cACE,YACA,kBACA,4BAEA,UACE,WACA,+BACA,kBACA,cACA,kBACA,WACA,SACA,2DAGF,aAEE,kBACA,WACA,kBACA,SACA,mBACA,6BAGF,6BACE,6BAGF,iBACE,UACA,UACA,kBACA,WACA,YACA,QACA,iBACA,4BACA,mBACA,sCACA,oBACA,CAGE,yFAKF,SACE,6GAQF,gBACE,oBACA,iBC5sBR,YACE,mBACA,mBACA,kBACA,QACA,SACA,YACA,mBAGF,YACE,kBACA,gBACA,yBACA,0BACA,eACA,iBACA,yBACA,WACA,4BACA,wCAEA,uBCtBF,kB9BGqB,sB8BDnB,kBACA,uCACA,YACA,gBACA,qCAEA,aARF,SASI,kBAGF,cACE,mBACA,gBACA,eACA,kBACA,0BACA,6BAGF,WACE,6BAGF,yBACE,sCAEA,uBACE,uCACA,wBACA,wBAIJ,eACE,kDAIA,oBACE,+BAIJ,cACE,sBAGF,eACE,aAIJ,kB9BnDqB,sB8BqDnB,kBACA,uCACA,YACA,gBACA,qCAEA,YARF,SASI,uBAGF,kBACE,oBAGF,kBACE,YACA,0BACA,gBACA,mBAGF,YACE,gCACA,4BAGF,YACE,iCAGF,aACE,gBACA,qBACA,eACA,aACA,aC3FJ,cAOE,qBACA,W/BPM,gD+BEJ,iBACA,+BAOF,WACE,iBAIJ,sBACE,6BAEA,uBACE,2BACA,4BACA,mB/BjBsB,4B+BqBxB,oBACE,8BACA,+BACA,aACA,qBAIJ,YACE,8BACA,cACA,c/BfmB,c+BiBnB,oBAGF,iBACE,OACA,kBACA,iBACA,gBACA,8BACA,eACA,0BAEA,aACE,6BAIJ,a/BlD0B,mC+BqDxB,aACE,oDAGF,QACE,wBAIJ,iBACE,YACA,OACA,WACA,WACA,yBACA,uBAIA,oBACE,WACA,eACA,yBAGF,iBACE,gBACA,oBAIJ,iBACE,aACA,gBACA,kBACA,gB7B5FM,sB6B8FN,sGAEA,+BAEE,oBAKF,2BACA,gB7BxGM,0B6B2GN,cACE,gBACA,gBACA,oBACA,cACA,WACA,gCACA,W/BnHI,yB+BqHJ,kBACA,4CAEA,QACE,2GAGF,mBAGE,wCAKN,cACE,6CAEA,SACE,kBACA,kBACA,qDAGF,SACE,WACA,kBACA,MACA,OACA,WACA,YACA,sCACA,mBACA,4BAIJ,SACE,kBACA,wBACA,gBACA,MACA,iCAEA,aACE,WACA,gBACA,gBACA,gB7BpKI,mB6ByKR,iBACE,qBACA,YACA,wBAEA,UACE,YACA,wBAIJ,cACE,kBACA,iBACA,c/BlKiB,mD+BqKjB,YACE,qDAGF,eACE,uDAGF,YACE,qBAIJ,YACE,wBC1MF,iBACE,aACA,mBACA,mBhCEwB,WAJlB,kBgCKN,YACA,WACA,gBACA,iBACA,gBACA,4DAEA,aACE,eACA,mFAGF,iBACE,kBACA,gBACA,+FAEA,iBACE,OACA,MACA,kCAIJ,aACE,chCTiB,2BgCanB,cACE,gBACA,iBACA,mBACA,2BAGF,cACE,gBACA,iBACA,gBACA,mBACA,0CAIJ,aACE,kBACA,cACA,mBACA,gCACA,eACA,qBACA,aACA,0BACA,4DAEA,aACE,iBACA,gDAGF,kBhC9DwB,iDgCkExB,kBhC1DmB,WEXb,qG8B0EN,kB9BxEU,WAFJ,oC8BgFR,kBACE,YACA,eACA,iBACA,gBACA,8BAGF,aACE,UACA,kBACA,YACA,gBACA,oCAGF,iBACE,4FAGF,eAEE,mBACA,qCAGF,mCACE,UACE,cACA,0CAGF,YACE,4DAEA,YACE,kBCtHN,U/BEQ,gC+BCN,oBAEA,cACE,iBACA,gBACA,kBACA,mBAGF,U/BVM,0B+BYJ,oBAGF,eACE,cACA,iBACA,mDAGF,UACE,YACA,gBACA,gCACA,gBC3BJ,WACE,gBACA,aACA,sBACA,yBACA,kBACA,+BAEA,gBACE,eACA,CACA,2BACA,kCAGF,QACE,iCAGF,aACE,6BAGF,sBACE,0BAGF,MACE,kBACA,aACA,sBACA,iBACA,mDAGF,eACE,sBhClCI,0BgCoCJ,cACA,gDAGF,iBACE,gDAGF,WACE,mBAIJ,eACE,mBACA,yBACA,gBACA,aACA,sBACA,qBAEA,aACE,sBAGF,aACE,SACA,CACA,4BACA,cACA,qDAHA,sBAOA,qCAIJ,qBAEI,cACE,wBAKN,qBACE,WACA,cACA,6DAEA,UAEE,YACA,UACA,wCAGF,YACE,cACA,kDACA,qCAEA,uCALF,aAMI,yCAIJ,eACE,oCAGF,YACE,uDAGF,cACE,sCAGF,gBACE,eACA,CACA,2BACA,yCAGF,QACE,mCAGF,gBACE,yBAEA,kCAHF,eAII,sCAIJ,sBACE,gBACA,sCAGF,uCACE,YACE,iKAEA,eAGE,6CAIJ,gBACE,2EAGF,YAEE,kGAGF,gBACE,+BAGF,YACE,gBACA,gLAEA,eAIE,gCAIJ,iBACE,6CAEA,cACE,8CAKF,gBACE,CAIA,yFAGF,eACE,0BAMR,cACE,aACA,uBACA,mBACA,gBACA,iBACA,iBACA,gBACA,mBACA,WhCjNM,kBgCmNN,eACA,iBACA,qBACA,sCACA,4FAEA,kBAGE,qCAIJ,UACE,UACE,uDAGF,kCACE,mCAGF,kBAEE,sCAIJ,2CACE,YACE,sCAOA,sEAGF,YACE,uCAIJ,0CACE,YACE,uCAIJ,UACE,YACE,QC1QJ,eACE,eACA,8BAEA,QAEE,gBACA,UAGF,kBACE,kBACA,cAGF,iBACE,MACA,OACA,YACA,qBACA,kBACA,mBACA,sBAEA,kBnCXiB,amCgBnB,iBACE,aACA,cACA,iBACA,eACA,gBACA,gEAEA,YAEE,gCAGF,aACE,8BAIA,qBACA,WACA,eACA,WnCjDE,cmCmDF,UACA,oBACA,gBjCpDE,yBiCsDF,kBACA,iBACA,oCAEA,oBnCtDoB,wBmC2DtB,cACE,sBAGF,YACE,mBACA,iBACA,cAIJ,oBACE,kBACA,yBACA,sBACA,WACA,YACA,cACA,kBACA,SACA,kBACA,sBACA,gBACA,mBACA,cACA,uBAEA,iBACE,qBAGF,oBjC7FY,8EiCkGZ,gBAGE,gBACA,gCAGF,mBACE,SACA,wCAGF,mBAEE,eAIJ,oBACE,WACA,gBACA,CACA,oBACA,iBACA,gBACA,mBACA,cACA,mBAGF,UACE,iBACA,eAGF,eACE,mBACA,cnC1Hc,amC8HhB,cACE,uBACA,UACA,SACA,SACA,cnCnIc,0BmCqId,kBACA,mBAEA,oBACE,sCAGF,qCAEE,eAIJ,WACE,eACA,kBACA,eACA,6BAIJ,4BACE,gCAEA,YACE,2CAGF,4BACE,aACA,aACA,mBACA,mGAEA,UAEE,aACA,+GAEA,oBnCtLoB,sDmC4LxB,cACE,gBACA,iBACA,YACA,oBACA,cnCpLkB,sCmCuLlB,gCAGF,YACE,mBACA,4CAEA,aACE,wBACA,iBACA,oCAIJ,uBACE,CADF,oBACE,CADF,eACE,sBACA,eACA,WnC1NI,qBmC4NJ,WACA,UACA,oBACA,qXACA,yBACA,kBACA,CACA,yBACA,mDAGF,aACE,cAIJ,anC7NkB,qBmCgOhB,+BACE,6BAEA,6BACE,YC/ON,qBACE,iBANc,cAQd,kBACA,sCAEA,WANF,UAOI,eACA,mBAIJ,sBACE,eACA,gBACA,gBACA,qBACA,cpCPkB,oBoCUlB,apCnBwB,0BoCqBtB,6EAEA,oBAGE,wCAIJ,apCrBkB,oBoC0BlB,YACE,oBACA,+BAEA,eACE,yBAIJ,eACE,cpClCmB,qBoCsCrB,iBACE,cpCvCmB,uBoC2CrB,eACE,mBACA,kBACA,kBACA,yHAGF,sBAME,mBACA,oBACA,gBACA,cpC3DmB,qBoC+DrB,aACE,qBAGF,gBACE,qBAGF,eACE,qBAGF,gBACE,yCAGF,aAEE,qBAGF,eACE,qBAGF,kBACE,yCAMA,iBACA,iBACA,yDAEA,2BACE,yDAGF,2BACE,qBAIJ,UACE,SACA,SACA,gCACA,eACA,4BAEA,UACE,SACA,wBAIJ,UACE,yBACA,8BACA,CADA,iBACA,gBACA,mBACA,iEAEA,+BAEE,cACA,kBACA,gBACA,gBACA,cpCxIc,iCoC4IhB,uBACE,gBACA,gBACA,cpC9IY,qDoCkJd,WAEE,iBACA,kBACA,qBACA,mEAEA,SACE,kBACA,iFAEA,gBACE,kBACA,6EAGF,iBACE,SACA,UACA,mBACA,gBACA,uBACA,+BAMR,YACE,oBAIJ,kBACE,eACA,mCAEA,iBACE,oBACA,8BAGF,YACE,8BACA,eACA,6BAGF,UACE,uBACA,eACA,iBACA,WlCpNI,iBkCsNJ,kBACA,qEAEA,aAEE,6CAIA,apChNiB,oCoCqNnB,sBACE,gBACA,eACA,iBACA,qCAGF,4BA3BF,iBA4BI,4BAIJ,iBACE,YACA,sBACA,mBACA,CACA,sBACA,0BACA,QACA,aACA,yCAEA,sBACE,eACA,iBACA,gBACA,cpClPc,mBoCoPd,mBACA,gCACA,uBACA,mBACA,gBACA,wFAEA,eAEE,cACA,2CAGF,oBACE,2BAKN,iBACE,mCAIE,UACqB,sChCnRzB,CgCoRI,kBACA,uCAEA,aACE,WACA,YACA,mBACA,iBlCpOgB,wBE9DtB,4BACA,iCgCsSE,cACE,mCAEA,aACE,WlC3SA,qBkC6SA,uDAGE,yBACE,2CAKN,aACE,cpC1SY,kCoCkTlB,sBAEE,CACA,eACA,eACA,iBACA,mBACA,cpCzTgB,sCoC4ThB,apCrUsB,0BoCuUpB,kBAIJ,cACE,SACA,UACA,gBACA,uBACA,oBACA,kBACA,oBACA,cACA,kBAGF,sBACE,eACA,iBACA,gBACA,mBACA,cpCjVmB,wBoCoVnB,sBACE,cACA,eACA,gBACA,cACA,kBAKF,cACA,iBpC/VmB,mCoC6VrB,sBACE,CAEA,eACA,mBACA,cpClWmB,kBoCuWnB,cACA,iBpCxWmB,kBoCgXnB,cpChXmB,mCoC+WrB,sBACE,CACA,gBACA,gBACA,mBACA,cpCpXmB,kBoCyXnB,cpCzXmB,kBoCiYrB,sBACE,eACA,iBACA,gBACA,mBACA,cpCtYmB,mCoC0YrB,gBAEE,mDAEA,2BACE,mDAGF,2BACE,kBAIJ,eACE,kBAGF,kBACE,yCAGF,cAEE,kBAGF,UACE,SACA,SACA,4CACA,cACA,yBAEA,UACE,SACA,iDAIJ,YAEE,+BAGF,kBpCpcmB,kBoCscjB,kBACA,gBACA,sBACA,oCAEA,UACE,aACA,2BACA,iBACA,8BACA,mBACA,uDAGF,YACE,yBACA,qBACA,mFAEA,aACE,eACA,qCAGF,sDAVF,UAWI,8BACA,6CAIJ,MACE,sBACA,qCAEA,2CAJF,YAKI,sBAKN,iBACE,yBAEA,WACE,WACA,uBACA,4BAIJ,iBACE,mBACA,uCAEA,eACE,mCAGF,eACE,cACA,qCAGF,eACE,UACA,mDAEA,kBACE,aACA,iBACA,0FAKE,oBACE,gFAIJ,cACE,qDAIJ,aACE,cACA,6CAMA,UACqB,sChC9hB3B,mDgCiiBI,cACE,4DAEA,cACE,qCAKN,oCACE,eACE,sCAIJ,2BA9DF,iBA+DI,mFAIJ,qBAGE,mBpC9jBiB,kBoCgkBjB,kCACA,uBAGF,YACE,kBACA,WACA,YACA,2BAEA,YACE,WACA,uCAKF,YACE,eACA,mBACA,mBACA,qCAGF,sCACE,kBACE,uCAIJ,apChlBmB,qCoColBnB,eACE,WlCpmBE,gBkCsmBF,2CAEA,apC3lBc,gDoC8lBZ,apC5lBe,+CoCkmBnB,eACE,qBAIJ,kBACE,yBAEA,aACE,SACA,eACA,YACA,kBACA,qCAIJ,gDAEI,kBACE,yCAGF,eACE,gBACA,WACA,kBACA,uDAEA,iBACE,sCAMR,8BACE,aACE,uCAEA,gBACE,sDAGF,kBACE,6EAIJ,aAEE,qBAIJ,WACE,UAIJ,mBACE,qCAEA,SAHF,eAII,kBAGF,YACE,uBACA,mBACA,aACA,qBAEA,SlC1rBI,YkC4rBF,qCAGF,gBAXF,SAYI,mBACA,sBAIJ,eACE,uBACA,gBACA,gBACA,uBAGF,eACE,gBACA,0BAEA,YACE,yBACA,gBACA,eACA,cpCvsBc,6BoC2sBhB,eACE,iBACA,+BAGF,kBpC5tBiB,aoC8tBf,0BACA,aACA,uCAEA,YACE,gCAIJ,cACE,gBACA,uDAEA,YACE,mBACA,iDAGF,UACE,YACA,0BACA,gCAIJ,YACE,uCAEA,sBACE,eACA,gBACA,cACA,qCAGF,cACE,cpCtvBY,uFoC4vBlB,eACE,cASA,CpCtwBgB,2CoCmwBhB,iBACA,CACA,kBACA,gBAGF,eACE,cACA,aACA,kDACA,cACA,qCAEA,eAPF,oCAQI,cACA,8BAEA,UACE,aACA,sBACA,0CAEA,OACE,cACA,2CAGF,YACE,mBACA,QACA,cACA,qCAIJ,UACE,2BAGF,eACE,sCAIJ,eAtCF,UAuCI,6BAEA,aACE,gBACA,gBACA,2GAEA,eAGE,uFAIJ,+BAGE,2BAGF,YACE,gCAEA,eACE,qEAEA,eAEE,gBACA,2CAGF,eACE,SAQZ,iBACE,qBACA,iBAGF,aACE,kBACA,aACA,UACA,YACA,cpC92BsB,qBoCg3BtB,eACA,qCAEA,gBAVF,eAWI,WACA,gBACA,cpC12Bc,SqChBlB,UACE,eACA,iBACA,yBACA,qBAEA,WAEE,iBACA,mBACA,6BACA,gBACA,mBACA,oBAGF,qBACE,gCACA,aACA,gBACA,oBAGF,eACE,qEAGF,kBrCxBmB,UqC6BnB,arC1BwB,0BqC4BtB,gBAEA,oBACE,eAIJ,eACE,CAII,4HADF,eACE,+FAOF,sBAEE,yFAKF,YAEE,gCAMJ,kBrCjEiB,6BqCmEf,gCACA,4CAEA,qBACE,8BACA,2CAGF,uBACE,+BACA,0BAKN,qBACE,gBAIJ,aACE,mBACA,MAGF,+BACE,0BAGF,sBACE,SACA,aACA,8CAGF,oBAEE,qBACA,iBACA,eACA,crC/FkB,gBqCiGlB,0DAEA,UnChHM,wDmCoHN,eACE,iBACA,sEAGF,cACE,yCAKF,YAEE,yDAEA,qBACE,iBACA,eACA,gBACA,qEAEA,cACE,2EAGF,YACE,mBACA,uFAEA,YACE,qHAOJ,sBACA,cACA,uBAIJ,wBACE,mBrC/JiB,sBqCiKjB,YACA,mBACA,gCAEA,gBACE,mBACA,oBAIJ,YACE,yBACA,aACA,mBrC9KiB,gCqCiLjB,aACE,gBACA,mBAIJ,wBACE,aACA,mBACA,qCAEA,wCACE,4BACE,0BAIJ,kBACE,iCAGF,kBrCtMiB,uCqCyMf,kBACE,4BAIJ,gBACE,oBACA,sCAEA,SACE,wCAGF,YACE,mBACA,mCAGF,aACE,aACA,uBACA,mBACA,kBACA,6CAEA,UACE,YACA,kCAIJ,aACE,mCAGF,aACE,iBACA,crClOY,gBqCoOZ,mCAIJ,QACE,WACA,qCAEA,sBACE,gBACA,qCAOJ,4FAFF,YAGI,gCAIJ,aACE,sCAEA,eACE,4BAIJ,wBACE,aACA,gBACA,qCAEA,2BALF,4BAMI,sCAIJ,+CACE,YACE,iBCzRN,YACE,uBACA,WACA,iBACA,iCAEA,gBACE,gBACA,oBACA,cACA,wCAEA,YACE,yBACA,mBtCfe,YsCiBf,yBAIJ,WAvBc,UAyBZ,oBACA,iCAEA,YACE,mBACA,YACA,uCAEA,aACE,yCAEA,oBACE,aACA,2CAGF,SpCxCA,YoC0CE,kBACA,YACA,uCAIJ,aACE,ctCpCY,qBsCsCZ,cACA,eACA,aACA,0HAIA,kBAGE,+BAKN,aACE,iBACA,YACA,aACA,qCAGF,sCACE,YACE,6BAIJ,eACE,0BACA,gBACA,mBACA,qCAEA,2BANF,eAOI,+BAGF,aACE,aACA,ctC9EY,qBsCgFZ,0BACA,2CACA,0BACA,mBACA,gBACA,uBACA,mCAEA,gBACE,oCAGF,UpCzGA,yBoC2GE,0BACA,2CACA,uCAGF,kBACE,sBACA,+BAIJ,kBACE,wBACA,SACA,iCAEA,QACE,kBACA,6DAIJ,UpCjIE,yBFWa,gBsCyHb,gBACA,mEAEA,wBACE,6DAKN,yBACE,iCAIJ,qBACE,WACA,gBApJY,cAsJZ,sCAGF,uCACE,YACE,iCAGF,WA/JY,cAiKV,sCAIJ,gCACE,UACE,0BAMF,2BACA,qCAEA,wBALF,cAMI,CACA,sBACA,kCAGF,YACE,oBAEA,gCACA,0BAEA,eAEA,mBACA,8BACA,mCAEA,eACE,kBACA,yCAGF,mBACE,4DAEA,eACE,qCAIJ,gCAzBF,eA0BI,iBACA,6BAIJ,atCrMmB,esCuMjB,iBACA,gBACA,qCAEA,2BANF,eAOI,6BAIJ,atChNmB,esCkNjB,iBACA,gBACA,mBACA,4BAGF,wBACE,eACA,gBACA,ctC7Nc,mBsC+Nd,kBACA,gCACA,4BAGF,cACE,ctCnOiB,iBsCqOjB,gBACA,0CAGF,UpCxPI,gBoC0PF,uFAGF,eAEE,gEAGF,aACE,4CAGF,cACE,gBACA,WpCxQE,oBoC0QF,iBACA,gBACA,mBACA,2BAGF,cACE,iBACA,ctCnQiB,mBsCqQjB,kCAEA,UpCtRE,gBoCwRA,CAII,2NADF,eACE,4BAMR,UACE,SACA,SACA,4CACA,cACA,mCAEA,UACE,SACA,qCAKN,eA9SF,aA+SI,iCAEA,YACE,yBAGF,UACE,UACA,YACA,iCAEA,YACE,4BAGF,YACE,8DAGF,eAEE,gCACA,gBACA,0EAEA,eACE,+BAIJ,eACE,6DAGF,2BtCxUe,YsC+UrB,UACE,SACA,cACA,WACA,sDAKA,atCtVkB,0DsCyVhB,atClWsB,4DsCuWxB,apC1Wc,gBoC4WZ,4DAGF,apC9WU,gBoCgXR,0DAGF,atCvWgB,gBsCyWd,0DAGF,apCtXU,gBoCwXR,UAIJ,YACE,eACA,yBAEA,aACE,qBACA,oCAEA,kBACE,4BAGF,cACE,gBACA,+BAEA,oBACE,iBACA,gCAIJ,eACE,yBACA,eACA,CAII,iNADF,eACE,2BAKN,oBACE,ctCtZc,qBsCwZd,yBACA,eACA,gBACA,gCACA,iCAEA,UpC3aE,gCoC6aA,oCAGF,atC5aoB,gCsC8alB,iBAMR,aACE,iBACA,eACA,sBAGF,aACE,eACA,cACA,wBAEA,aACE,kBAIJ,YACE,eACA,mBACA,wBAGF,YACE,WACA,sBACA,aACA,+BAEA,aACE,qBACA,gBACA,eACA,iBACA,ctC1cmB,CsC+cf,4MADF,eACE,sCAKN,aACE,gCAIJ,YAEE,mBACA,kEAEA,UACE,kBACA,4BACA,gFAEA,iBACE,kDAKN,aAEE,aACA,sBACA,4EAEA,cACE,WACA,kBACA,mBACA,uEAIJ,cAEE,iBAGF,YACE,eACA,kBACA,2CAEA,kBACE,eACA,8BAGF,kBACE,+CAGF,gBACE,uDAEA,gBACE,mBACA,YACA,YAKN,kBACE,eACA,cAEA,atCpiBwB,qBsCsiBtB,oBAEA,yBACE,SAKN,aACE,YAGF,kBACE,iBACA,oBAEA,YACE,2BACA,mBACA,aACA,mBtC7jBiB,cAYD,0BsCojBhB,eACA,kBACA,oBAGF,iBACE,4BAEA,aACE,SACA,kBACA,WACA,YACA,qBAIJ,2BACE,mBAGF,oBACE,uBAGF,atC5kBgB,oBsCglBhB,kBACE,0BACA,aACA,ctCplBgB,gCsCslBhB,eACA,qBACA,gBACA,kBAGF,cACE,kBACA,ctC7lBc,2BsCimBhB,iBACE,SACA,WACA,WACA,YACA,kBACA,oCAEA,kBpCtnBY,oCoC0nBZ,kBACE,mCAGF,kBtCpnBiB,sDsCynBnB,atCrnBqB,qBsCynBnB,gBACA,sBAGF,aACE,0BAGF,atCjoBqB,sBsCqoBrB,apCnpBc,yDoCwpBhB,oBAIE,ctC9oBqB,iGsCipBrB,eACE,yIAIA,4BACE,cACA,iIAGF,8BACE,CADF,sBACE,WACA,sBAKN,YAEE,mBACA,sCAEA,aACE,CACA,gBACA,kBACA,0DAIA,8BACE,CADF,sBACE,WACA,gBAKN,kBACE,8BACA,yBAEA,yBpCxsBc,yBoC4sBd,yBACE,wBAGF,yBpC7sBU,wBoCktBR,2BACA,eACA,iBACA,4BACA,kBACA,gBACA,0BAEA,atCjtBgB,uBsCutBhB,wBACA,qBAGF,atC1tBgB,csC+tBlB,kBtC5uBqB,kBsC8uBnB,mBACA,uBAEA,YACE,8BACA,mBACA,aACA,gCAEA,SACE,SACA,gDAEA,aACE,8BAIJ,aACE,gBACA,ctCtvBc,yBsCwvBd,iBACA,gCAEA,aACE,qBACA,iHAEA,aAGE,mCAIJ,apCjxBM,6BoCwxBR,YACE,2BACA,6BACA,mCAEA,kBACE,gFAGF,YAEE,cACA,sBACA,YACA,ctC3xBY,mLsC8xBZ,kBAEE,gBACA,uBACA,sCAIJ,aACE,6BACA,4CAEA,atCzyBU,iBsC2yBR,gBACA,wCAIJ,aACE,sBACA,WACA,aACA,qBACA,ctCtzBY,WsC6zBpB,kBAGE,0BAFA,eACA,uBASA,CARA,eAGF,oBACE,gBACA,CAEA,qBACA,oBAGF,YACE,eACA,CACA,kBACA,wBAEA,qBACE,cACA,mBACA,aACA,0FAGF,kBAEE,kBACA,YACA,6CAGF,QACE,SACA,+CAEA,aACE,sEAGF,uBACE,yDAGF,apCv3BY,8CoC43Bd,qBACE,aACA,WpC/3BI,coCo4BR,iBACE,kkECr4BF,kIACE,CADF,sIACE,uIAYA,aAEE,yIAGF,aAEE,qIAGF,aAEE,6IAGF,aAEE,UChCJ,aACE,gCAEA,gBACE,eACA,mBACA,+BAGF,cACE,iBACA,8CAGF,aACE,kBACA,wBAGF,gBACE,iCAGF,aACE,kBACA,uCAGF,oBACE,gDAGF,SACE,YACA,8BAGF,cACE,iBACA,mEAGF,aACE,kBACA,2DAGF,cAEE,gBACA,mFAGF,cACE,gBACA,+BAGF,eACE,2EAGF,UAEE,mCAGF,aACE,iBACA,yBAGF,kBACE,kBACA,4BAGF,UACE,UACA,wBAGF,aACE,kCAGF,MACE,WACA,cACA,mBACA,2CAGF,aACE,iBACA,0CAGF,gBACE,eACA,mCAGF,WACE,sCAGF,gBACE,gBACA,yCAGF,UACE,iCAGF,aACE,iBACA,+BAGF,UACE,0BAGF,gBACE,eACA,UAGA,WACA,yCAGF,iBACE,mBACA,4GAGF,iBAEE,gBACA,uCAGF,kBACE,eACA,2BAGF,aACE,kBACA,wCAGF,SACE,YACA,yDAGF,SACE,WACA,CAKA,oFAGF,UACE,OACA,uGAGF,UAEE,gBACA,uCAIA,cACE,iBACA,kEAEA,cACE,gBACA,qCAKN,WACE,eACA,iBACA,uCAGF,WACE,sCAGF,aACE,kBACA,0CAGF,gBACE,eACA,uDAGF,gBACE,2CAGF,cACE,iBACA,YACA,yEAGF,aAEE,iBACA,iBAGF,wBACE,iBAGF,SACE,oBACA,yBAGF,aACE,8EAGF,cAEE,gBACA,oDAGF,cACE,mBACA,gEAGF,iBACE,gBACA,CAMA,8KAGF,SACE,QACA,yDAGF,kBACE,eACA,uDAGF,kBACE,gBACA,qDAGF,SACE,QACA,8FAGF,cAEE,mBACA,4CAGF,UACE,SACA,kDAEA,UACE,OACA,kEACA,8BAIJ,sXACE,uCAGF,gBAEE,kCAGF,cACE,iBACA,gDAGF,UACE,UACA,gEAGF,aACE,uDAGF,WACE,WACA,uDAGF,UACE,WACA,uDAGF,UACE,WACA,kDAGF,MACE,0CAGF,iBACE,yBACA,qDAGF,cACE,iBACA,qCAGF,kCACE,gBAEE,kBACA,2DAEA,gBACE,mBACA,uEAKF,gBAEE,kBACA,gFAKN,cAEE,gBACA,6CAKE,eACE,eACA,sDAIJ,aACE,kBACA,4DAKF,cACE,gBACA,8DAGF,gBACE,eACA,mCAIJ,aACE,kBACA,iBACA,kCAGF,WACE,mCAGF,WACE,oCAGF,cACE,gBACA,gFAGF,cACE,mBACA,+DAGF,SACE,QACA,sBChbJ,YACE,eACA,CACA,kBACA,0BAEA,qBACE,iBACA,cACA,mBACA,yDAEA,YAEE,mBACA,kBACA,sBACA,YACA,4BAGF,oBACE,cACA,cACA,qGAEA,kBAGE,sDAKN,iBAEE,gBACA,eACA,iBACA,WvCrCI,uBuCuCJ,mBACA,iBACA,4BAGF,cACE,6BAGF,cACE,czCpCgB,kByCsChB,gBACA,qBAIJ,YACE,eACA,cACA,yBAEA,gBACE,mBACA,6BAEA,aACE,sCAIJ,azCnEwB,gByCqEtB,qBACA,2GCrEM,SACE,CDoER,iGCrEM,SACE,CDoER,qGCrEM,SACE,CDoER,sGCrEM,SACE,CDoER,4FCrEM,SACE,mJAQZ,aAME,0BACA,mMAEA,oBACE,iOAGF,yBACE,CAKE,0zCAIJ,oBAGE,uUAGF,a1C3BqB,qB0C6BnB,oCAIJ,yBACE,6HAEA,oBAGE,4BAIJ,yBACE,qGAEA,oBAGE,eAIJ,a1CvDoB,yE0C2DpB,+BACE,0D","file":"skins/glitch/contrast/common.css","sourcesContent":["html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:\"\";content:none}table{border-collapse:collapse;border-spacing:0}html{scrollbar-color:#313543 rgba(0,0,0,.1)}::-webkit-scrollbar{width:12px;height:12px}::-webkit-scrollbar-thumb{background:#313543;border:0px none #fff;border-radius:50px}::-webkit-scrollbar-thumb:hover{background:#353a49}::-webkit-scrollbar-thumb:active{background:#313543}::-webkit-scrollbar-track{border:0px none #fff;border-radius:0;background:rgba(0,0,0,.1)}::-webkit-scrollbar-track:hover{background:#282c37}::-webkit-scrollbar-track:active{background:#282c37}::-webkit-scrollbar-corner{background:transparent}body{font-family:sans-serif,sans-serif;background:#191b22;font-size:13px;line-height:18px;font-weight:400;color:#fff;text-rendering:optimizelegibility;font-feature-settings:\"kern\";text-size-adjust:none;-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-tap-highlight-color:transparent}body.system-font{font-family:system-ui,-apple-system,BlinkMacSystemFont,\"Segoe UI\",\"Oxygen\",\"Ubuntu\",\"Cantarell\",\"Fira Sans\",\"Droid Sans\",\"Helvetica Neue\",sans-serif,sans-serif}body.app-body{padding:0}body.app-body.layout-single-column{height:auto;min-height:100vh;overflow-y:scroll}body.app-body.layout-multiple-columns{position:absolute;width:100%;height:100%}body.app-body.with-modals--active{overflow-y:hidden}body.lighter{background:#282c37}body.with-modals{overflow-x:hidden;overflow-y:scroll}body.with-modals--active{overflow-y:hidden}body.embed{background:#313543;margin:0;padding-bottom:0}body.embed .container{position:absolute;width:100%;height:100%;overflow:hidden}body.admin{background:#1f232b;padding:0}body.error{position:absolute;text-align:center;color:#dde3ec;background:#282c37;width:100%;height:100%;padding:0;display:flex;justify-content:center;align-items:center}body.error .dialog{vertical-align:middle;margin:20px}body.error .dialog img{display:block;max-width:470px;width:100%;height:auto;margin-top:-120px}body.error .dialog h1{font-size:20px;line-height:28px;font-weight:400}button{font-family:inherit;cursor:pointer}button:focus{outline:none}.app-holder,.app-holder>div{display:flex;width:100%;align-items:center;justify-content:center;outline:0 !important}.layout-single-column .app-holder,.layout-single-column .app-holder>div{min-height:100vh}.layout-multiple-columns .app-holder,.layout-multiple-columns .app-holder>div{height:100%}.container-alt{width:700px;margin:0 auto;margin-top:40px}@media screen and (max-width: 740px){.container-alt{width:100%;margin:0}}.logo-container{margin:100px auto 50px}@media screen and (max-width: 500px){.logo-container{margin:40px auto 0}}.logo-container h1{display:flex;justify-content:center;align-items:center}.logo-container h1 svg{fill:#fff;height:42px;margin-right:10px}.logo-container h1 a{display:flex;justify-content:center;align-items:center;color:#fff;text-decoration:none;outline:0;padding:12px 16px;line-height:32px;font-family:sans-serif,sans-serif;font-weight:500;font-size:14px}.compose-standalone .compose-form{width:400px;margin:0 auto;padding:20px 0;margin-top:40px;box-sizing:border-box}@media screen and (max-width: 400px){.compose-standalone .compose-form{width:100%;margin-top:0;padding:20px}}.account-header{width:400px;margin:0 auto;display:flex;font-size:13px;line-height:18px;box-sizing:border-box;padding:20px 0;padding-bottom:0;margin-bottom:-30px;margin-top:40px}@media screen and (max-width: 440px){.account-header{width:100%;margin:0;margin-bottom:10px;padding:20px;padding-bottom:0}}.account-header .avatar{width:40px;height:40px;width:40px;height:40px;background-size:40px 40px;margin-right:8px}.account-header .avatar img{width:100%;height:100%;display:block;margin:0;border-radius:4px;border-radius:8%;background-position:50%;background-clip:padding-box}.account-header .name{flex:1 1 auto;color:#ecf0f4;width:calc(100% - 88px)}.account-header .name .username{display:block;font-weight:500;text-overflow:ellipsis;overflow:hidden}.account-header .logout-link{display:block;font-size:32px;line-height:40px;margin-left:8px}.grid-3{display:grid;grid-gap:10px;grid-template-columns:3fr 1fr;grid-auto-columns:25%;grid-auto-rows:max-content}.grid-3 .column-0{grid-column:1/3;grid-row:1}.grid-3 .column-1{grid-column:1;grid-row:2}.grid-3 .column-2{grid-column:2;grid-row:2}.grid-3 .column-3{grid-column:1/3;grid-row:3}@media screen and (max-width: 415px){.grid-3{grid-gap:0;grid-template-columns:minmax(0, 100%)}.grid-3 .column-0{grid-column:1}.grid-3 .column-1{grid-column:1;grid-row:3}.grid-3 .column-2{grid-column:1;grid-row:2}.grid-3 .column-3{grid-column:1;grid-row:4}}.grid-4{display:grid;grid-gap:10px;grid-template-columns:repeat(4, minmax(0, 1fr));grid-auto-columns:25%;grid-auto-rows:max-content}.grid-4 .column-0{grid-column:1/5;grid-row:1}.grid-4 .column-1{grid-column:1/4;grid-row:2}.grid-4 .column-2{grid-column:4;grid-row:2}.grid-4 .column-3{grid-column:2/5;grid-row:3}.grid-4 .column-4{grid-column:1;grid-row:3}.grid-4 .landing-page__call-to-action{min-height:100%}.grid-4 .flash-message{margin-bottom:10px}@media screen and (max-width: 738px){.grid-4{grid-template-columns:minmax(0, 50%) minmax(0, 50%)}.grid-4 .landing-page__call-to-action{padding:20px;display:flex;align-items:center;justify-content:center}.grid-4 .row__information-board{width:100%;justify-content:center;align-items:center}.grid-4 .row__mascot{display:none}}@media screen and (max-width: 415px){.grid-4{grid-gap:0;grid-template-columns:minmax(0, 100%)}.grid-4 .column-0{grid-column:1}.grid-4 .column-1{grid-column:1;grid-row:3}.grid-4 .column-2{grid-column:1;grid-row:2}.grid-4 .column-3{grid-column:1;grid-row:5}.grid-4 .column-4{grid-column:1;grid-row:4}}@media screen and (max-width: 415px){.public-layout{padding-top:48px}}.public-layout .container{max-width:960px}@media screen and (max-width: 415px){.public-layout .container{padding:0}}.public-layout .header{background:#393f4f;box-shadow:0 0 15px rgba(0,0,0,.2);border-radius:4px;height:48px;margin:10px 0;display:flex;align-items:stretch;justify-content:center;flex-wrap:nowrap;overflow:hidden}@media screen and (max-width: 415px){.public-layout .header{position:fixed;width:100%;top:0;left:0;margin:0;border-radius:0;box-shadow:none;z-index:110}}.public-layout .header>div{flex:1 1 33.3%;min-height:1px}.public-layout .header .nav-left{display:flex;align-items:stretch;justify-content:flex-start;flex-wrap:nowrap}.public-layout .header .nav-center{display:flex;align-items:stretch;justify-content:center;flex-wrap:nowrap}.public-layout .header .nav-right{display:flex;align-items:stretch;justify-content:flex-end;flex-wrap:nowrap}.public-layout .header .brand{display:block;padding:15px}.public-layout .header .brand svg{display:block;height:18px;width:auto;position:relative;bottom:-2px;fill:#fff}@media screen and (max-width: 415px){.public-layout .header .brand svg{height:20px}}.public-layout .header .brand:hover,.public-layout .header .brand:focus,.public-layout .header .brand:active{background:#42485a}.public-layout .header .nav-link{display:flex;align-items:center;padding:0 1rem;font-size:12px;font-weight:500;text-decoration:none;color:#dde3ec;white-space:nowrap;text-align:center}.public-layout .header .nav-link:hover,.public-layout .header .nav-link:focus,.public-layout .header .nav-link:active{text-decoration:underline;color:#fff}@media screen and (max-width: 550px){.public-layout .header .nav-link.optional{display:none}}.public-layout .header .nav-button{background:#4a5266;margin:8px;margin-left:0;border-radius:4px}.public-layout .header .nav-button:hover,.public-layout .header .nav-button:focus,.public-layout .header .nav-button:active{text-decoration:none;background:#535b72}.public-layout .grid{display:grid;grid-gap:10px;grid-template-columns:minmax(300px, 3fr) minmax(298px, 1fr);grid-auto-columns:25%;grid-auto-rows:max-content}.public-layout .grid .column-0{grid-row:1;grid-column:1}.public-layout .grid .column-1{grid-row:1;grid-column:2}@media screen and (max-width: 600px){.public-layout .grid{grid-template-columns:100%;grid-gap:0}.public-layout .grid .column-1{display:none}}.public-layout .directory__card{border-radius:4px}@media screen and (max-width: 415px){.public-layout .directory__card{border-radius:0}}@media screen and (max-width: 415px){.public-layout .page-header{border-bottom:0}}.public-layout .public-account-header{overflow:hidden;margin-bottom:10px;box-shadow:0 0 15px rgba(0,0,0,.2)}.public-layout .public-account-header.inactive{opacity:.5}.public-layout .public-account-header.inactive .public-account-header__image,.public-layout .public-account-header.inactive .avatar{filter:grayscale(100%)}.public-layout .public-account-header.inactive .logo-button{background-color:#ecf0f4}.public-layout .public-account-header__image{border-radius:4px 4px 0 0;overflow:hidden;height:300px;position:relative;background:#0e1014}.public-layout .public-account-header__image::after{content:\"\";display:block;position:absolute;width:100%;height:100%;box-shadow:inset 0 -1px 1px 1px rgba(0,0,0,.15);top:0;left:0}.public-layout .public-account-header__image img{object-fit:cover;display:block;width:100%;height:100%;margin:0;border-radius:4px 4px 0 0}@media screen and (max-width: 600px){.public-layout .public-account-header__image{height:200px}}.public-layout .public-account-header--no-bar{margin-bottom:0}.public-layout .public-account-header--no-bar .public-account-header__image,.public-layout .public-account-header--no-bar .public-account-header__image img{border-radius:4px}@media screen and (max-width: 415px){.public-layout .public-account-header--no-bar .public-account-header__image,.public-layout .public-account-header--no-bar .public-account-header__image img{border-radius:0}}@media screen and (max-width: 415px){.public-layout .public-account-header{margin-bottom:0;box-shadow:none}.public-layout .public-account-header__image::after{display:none}.public-layout .public-account-header__image,.public-layout .public-account-header__image img{border-radius:0}}.public-layout .public-account-header__bar{position:relative;margin-top:-80px;display:flex;justify-content:flex-start}.public-layout .public-account-header__bar::before{content:\"\";display:block;background:#313543;position:absolute;bottom:0;left:0;right:0;height:60px;border-radius:0 0 4px 4px;z-index:-1}.public-layout .public-account-header__bar .avatar{display:block;width:120px;height:120px;width:120px;height:120px;background-size:120px 120px;padding-left:16px;flex:0 0 auto}.public-layout .public-account-header__bar .avatar img{display:block;width:100%;height:100%;margin:0;border-radius:50%;border:4px solid #313543;background:#17191f;border-radius:8%;background-position:50%;background-clip:padding-box}@media screen and (max-width: 600px){.public-layout .public-account-header__bar{margin-top:0;background:#313543;border-radius:0 0 4px 4px;padding:5px}.public-layout .public-account-header__bar::before{display:none}.public-layout .public-account-header__bar .avatar{width:48px;height:48px;width:48px;height:48px;background-size:48px 48px;padding:7px 0;padding-left:10px}.public-layout .public-account-header__bar .avatar img{border:0;border-radius:4px;border-radius:8%;background-position:50%;background-clip:padding-box}}@media screen and (max-width: 600px)and (max-width: 360px){.public-layout .public-account-header__bar .avatar{display:none}}@media screen and (max-width: 415px){.public-layout .public-account-header__bar{border-radius:0}}@media screen and (max-width: 600px){.public-layout .public-account-header__bar{flex-wrap:wrap}}.public-layout .public-account-header__tabs{flex:1 1 auto;margin-left:20px}.public-layout .public-account-header__tabs__name{padding-top:20px;padding-bottom:8px}.public-layout .public-account-header__tabs__name h1{font-size:20px;line-height:27px;color:#fff;font-weight:500;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;text-shadow:1px 1px 1px #000}.public-layout .public-account-header__tabs__name h1 small{display:block;font-size:14px;color:#fff;font-weight:400;overflow:hidden;text-overflow:ellipsis}@media screen and (max-width: 600px){.public-layout .public-account-header__tabs{margin-left:15px;display:flex;justify-content:space-between;align-items:center}.public-layout .public-account-header__tabs__name{padding-top:0;padding-bottom:0}.public-layout .public-account-header__tabs__name h1{font-size:16px;line-height:24px;text-shadow:none}.public-layout .public-account-header__tabs__name h1 small{color:#dde3ec}}.public-layout .public-account-header__tabs__tabs{display:flex;justify-content:flex-start;align-items:stretch;height:58px}.public-layout .public-account-header__tabs__tabs .details-counters{display:flex;flex-direction:row;min-width:300px}@media screen and (max-width: 600px){.public-layout .public-account-header__tabs__tabs .details-counters{display:none}}.public-layout .public-account-header__tabs__tabs .counter{min-width:33.3%;box-sizing:border-box;flex:0 0 auto;color:#dde3ec;padding:10px;border-right:1px solid #313543;cursor:default;text-align:center;position:relative}.public-layout .public-account-header__tabs__tabs .counter a{display:block}.public-layout .public-account-header__tabs__tabs .counter:last-child{border-right:0}.public-layout .public-account-header__tabs__tabs .counter::after{display:block;content:\"\";position:absolute;bottom:0;left:0;width:100%;border-bottom:4px solid #9baec8;opacity:.5;transition:all 400ms ease}.public-layout .public-account-header__tabs__tabs .counter.active::after{border-bottom:4px solid #2b90d9;opacity:1}.public-layout .public-account-header__tabs__tabs .counter.active.inactive::after{border-bottom-color:#ecf0f4}.public-layout .public-account-header__tabs__tabs .counter:hover::after{opacity:1;transition-duration:100ms}.public-layout .public-account-header__tabs__tabs .counter a{text-decoration:none;color:inherit}.public-layout .public-account-header__tabs__tabs .counter .counter-label{font-size:12px;display:block}.public-layout .public-account-header__tabs__tabs .counter .counter-number{font-weight:500;font-size:18px;margin-bottom:5px;color:#fff;font-family:sans-serif,sans-serif}.public-layout .public-account-header__tabs__tabs .spacer{flex:1 1 auto;height:1px}.public-layout .public-account-header__tabs__tabs__buttons{padding:7px 8px}.public-layout .public-account-header__extra{display:none;margin-top:4px}.public-layout .public-account-header__extra .public-account-bio{border-radius:0;box-shadow:none;background:transparent;margin:0 -5px}.public-layout .public-account-header__extra .public-account-bio .account__header__fields{border-top:1px solid #42485a}.public-layout .public-account-header__extra .public-account-bio .roles{display:none}.public-layout .public-account-header__extra__links{margin-top:-15px;font-size:14px;color:#dde3ec}.public-layout .public-account-header__extra__links a{display:inline-block;color:#dde3ec;text-decoration:none;padding:15px;font-weight:500}.public-layout .public-account-header__extra__links a strong{font-weight:700;color:#fff}@media screen and (max-width: 600px){.public-layout .public-account-header__extra{display:block;flex:100%}}.public-layout .account__section-headline{border-radius:4px 4px 0 0}@media screen and (max-width: 415px){.public-layout .account__section-headline{border-radius:0}}.public-layout .detailed-status__meta{margin-top:25px}.public-layout .public-account-bio{background:#393f4f;box-shadow:0 0 15px rgba(0,0,0,.2);border-radius:4px;overflow:hidden;margin-bottom:10px}@media screen and (max-width: 415px){.public-layout .public-account-bio{box-shadow:none;margin-bottom:0;border-radius:0}}.public-layout .public-account-bio .account__header__fields{margin:0;border-top:0}.public-layout .public-account-bio .account__header__fields a{color:#4e79df}.public-layout .public-account-bio .account__header__fields dl:first-child .verified{border-radius:0 4px 0 0}.public-layout .public-account-bio .account__header__fields .verified a{color:#79bd9a}.public-layout .public-account-bio .account__header__content{padding:20px;padding-bottom:0;color:#fff}.public-layout .public-account-bio__extra,.public-layout .public-account-bio .roles{padding:20px;font-size:14px;color:#dde3ec}.public-layout .public-account-bio .roles{padding-bottom:0}.public-layout .directory__list{display:grid;grid-gap:10px;grid-template-columns:minmax(0, 50%) minmax(0, 50%)}@media screen and (max-width: 415px){.public-layout .directory__list{display:block}}.public-layout .directory__list .icon-button{font-size:18px}.public-layout .directory__card{margin-bottom:0}.public-layout .card-grid{display:flex;flex-wrap:wrap;min-width:100%;margin:0 -5px}.public-layout .card-grid>div{box-sizing:border-box;flex:1 0 auto;width:300px;padding:0 5px;margin-bottom:10px;max-width:33.333%}@media screen and (max-width: 900px){.public-layout .card-grid>div{max-width:50%}}@media screen and (max-width: 600px){.public-layout .card-grid>div{max-width:100%}}@media screen and (max-width: 415px){.public-layout .card-grid{margin:0;border-top:1px solid #393f4f}.public-layout .card-grid>div{width:100%;padding:0;margin-bottom:0;border-bottom:1px solid #393f4f}.public-layout .card-grid>div:last-child{border-bottom:0}.public-layout .card-grid>div .card__bar{background:#282c37}.public-layout .card-grid>div .card__bar:hover,.public-layout .card-grid>div .card__bar:active,.public-layout .card-grid>div .card__bar:focus{background:#313543}}.no-list{list-style:none}.no-list li{display:inline-block;margin:0 5px}.recovery-codes{list-style:none;margin:0 auto}.recovery-codes li{font-size:125%;line-height:1.5;letter-spacing:1px}.modal-layout{background:#282c37 url('data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 234.80078 31.757813\" width=\"234.80078\" height=\"31.757812\"><path d=\"M19.599609 0c-1.05 0-2.10039.375-2.90039 1.125L0 16.925781v14.832031h234.80078V17.025391l-16.5-15.900391c-1.6-1.5-4.20078-1.5-5.80078 0l-13.80078 13.099609c-1.6 1.5-4.19883 1.5-5.79883 0L179.09961 1.125c-1.6-1.5-4.19883-1.5-5.79883 0L159.5 14.224609c-1.6 1.5-4.20078 1.5-5.80078 0L139.90039 1.125c-1.6-1.5-4.20078-1.5-5.80078 0l-13.79883 13.099609c-1.6 1.5-4.20078 1.5-5.80078 0L100.69922 1.125c-1.600001-1.5-4.198829-1.5-5.798829 0l-13.59961 13.099609c-1.6 1.5-4.200781 1.5-5.800781 0L61.699219 1.125c-1.6-1.5-4.198828-1.5-5.798828 0L42.099609 14.224609c-1.6 1.5-4.198828 1.5-5.798828 0L22.5 1.125C21.7.375 20.649609 0 19.599609 0z\" fill=\"%23606984\"/></svg>') repeat-x bottom fixed;display:flex;flex-direction:column;height:100vh;padding:0}.modal-layout__mastodon{display:flex;flex:1;flex-direction:column;justify-content:flex-end}.modal-layout__mastodon>*{flex:1;max-height:235px}@media screen and (max-width: 600px){.account-header{margin-top:0}}.public-layout .footer{text-align:left;padding-top:20px;padding-bottom:60px;font-size:12px;color:#737d99}@media screen and (max-width: 415px){.public-layout .footer{padding-left:20px;padding-right:20px}}.public-layout .footer .grid{display:grid;grid-gap:10px;grid-template-columns:1fr 1fr 2fr 1fr 1fr}.public-layout .footer .grid .column-0{grid-column:1;grid-row:1;min-width:0}.public-layout .footer .grid .column-1{grid-column:2;grid-row:1;min-width:0}.public-layout .footer .grid .column-2{grid-column:3;grid-row:1;min-width:0;text-align:center}.public-layout .footer .grid .column-2 h4 a{color:#737d99}.public-layout .footer .grid .column-3{grid-column:4;grid-row:1;min-width:0}.public-layout .footer .grid .column-4{grid-column:5;grid-row:1;min-width:0}@media screen and (max-width: 690px){.public-layout .footer .grid{grid-template-columns:1fr 2fr 1fr}.public-layout .footer .grid .column-0,.public-layout .footer .grid .column-1{grid-column:1}.public-layout .footer .grid .column-1{grid-row:2}.public-layout .footer .grid .column-2{grid-column:2}.public-layout .footer .grid .column-3,.public-layout .footer .grid .column-4{grid-column:3}.public-layout .footer .grid .column-4{grid-row:2}}@media screen and (max-width: 600px){.public-layout .footer .grid .column-1{display:block}}@media screen and (max-width: 415px){.public-layout .footer .grid .column-0,.public-layout .footer .grid .column-1,.public-layout .footer .grid .column-3,.public-layout .footer .grid .column-4{display:none}}.public-layout .footer h4{text-transform:uppercase;font-weight:700;margin-bottom:8px;color:#dde3ec}.public-layout .footer h4 a{color:inherit;text-decoration:none}.public-layout .footer ul a{text-decoration:none;color:#737d99}.public-layout .footer ul a:hover,.public-layout .footer ul a:active,.public-layout .footer ul a:focus{text-decoration:underline}.public-layout .footer .brand svg{display:block;height:36px;width:auto;margin:0 auto;fill:#737d99}.public-layout .footer .brand:hover svg,.public-layout .footer .brand:focus svg,.public-layout .footer .brand:active svg{fill:#7f88a2}.compact-header h1{font-size:24px;line-height:28px;color:#dde3ec;font-weight:500;margin-bottom:20px;padding:0 10px;word-wrap:break-word}@media screen and (max-width: 740px){.compact-header h1{text-align:center;padding:20px 10px 0}}.compact-header h1 a{color:inherit;text-decoration:none}.compact-header h1 small{font-weight:400;color:#ecf0f4}.compact-header h1 img{display:inline-block;margin-bottom:-5px;margin-right:15px;width:36px;height:36px}.hero-widget{margin-bottom:10px;box-shadow:0 0 15px rgba(0,0,0,.2)}.hero-widget__img{width:100%;position:relative;overflow:hidden;border-radius:4px 4px 0 0;background:#000}.hero-widget__img img{object-fit:cover;display:block;width:100%;height:100%;margin:0;border-radius:4px 4px 0 0}.hero-widget__text{background:#282c37;padding:20px;border-radius:0 0 4px 4px;font-size:15px;color:#dde3ec;line-height:20px;word-wrap:break-word;font-weight:400}.hero-widget__text .emojione{width:20px;height:20px;margin:-3px 0 0}.hero-widget__text p{margin-bottom:20px}.hero-widget__text p:last-child{margin-bottom:0}.hero-widget__text em{display:inline;margin:0;padding:0;font-weight:700;background:transparent;font-family:inherit;font-size:inherit;line-height:inherit;color:#fefefe}.hero-widget__text a{color:#ecf0f4;text-decoration:none}.hero-widget__text a:hover{text-decoration:underline}@media screen and (max-width: 415px){.hero-widget{display:none}}.endorsements-widget{margin-bottom:10px;padding-bottom:10px}.endorsements-widget h4{padding:10px;text-transform:uppercase;font-weight:700;font-size:13px;color:#dde3ec}.endorsements-widget .account{padding:10px 0}.endorsements-widget .account:last-child{border-bottom:0}.endorsements-widget .account .account__display-name{display:flex;align-items:center}.endorsements-widget .account .account__avatar{width:44px;height:44px;background-size:44px 44px}.endorsements-widget .trends__item{padding:10px}.trends-widget h4{color:#dde3ec}.box-widget{padding:20px;border-radius:4px;background:#282c37;box-shadow:0 0 15px rgba(0,0,0,.2)}.placeholder-widget{padding:16px;border-radius:4px;border:2px dashed #c2cede;text-align:center;color:#dde3ec;margin-bottom:10px}.contact-widget{min-height:100%;font-size:15px;color:#dde3ec;line-height:20px;word-wrap:break-word;font-weight:400;padding:0}.contact-widget h4{padding:10px;text-transform:uppercase;font-weight:700;font-size:13px;color:#dde3ec}.contact-widget .account{border-bottom:0;padding:10px 0;padding-top:5px}.contact-widget>a{display:inline-block;padding:10px;padding-top:0;color:#dde3ec;text-decoration:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.contact-widget>a:hover,.contact-widget>a:focus,.contact-widget>a:active{text-decoration:underline}.moved-account-widget{padding:15px;padding-bottom:20px;border-radius:4px;background:#282c37;box-shadow:0 0 15px rgba(0,0,0,.2);color:#ecf0f4;font-weight:400;margin-bottom:10px}.moved-account-widget strong,.moved-account-widget a{font-weight:500}.moved-account-widget strong:lang(ja),.moved-account-widget a:lang(ja){font-weight:700}.moved-account-widget strong:lang(ko),.moved-account-widget a:lang(ko){font-weight:700}.moved-account-widget strong:lang(zh-CN),.moved-account-widget a:lang(zh-CN){font-weight:700}.moved-account-widget strong:lang(zh-HK),.moved-account-widget a:lang(zh-HK){font-weight:700}.moved-account-widget strong:lang(zh-TW),.moved-account-widget a:lang(zh-TW){font-weight:700}.moved-account-widget a{color:inherit;text-decoration:underline}.moved-account-widget a.mention{text-decoration:none}.moved-account-widget a.mention span{text-decoration:none}.moved-account-widget a.mention:focus,.moved-account-widget a.mention:hover,.moved-account-widget a.mention:active{text-decoration:none}.moved-account-widget a.mention:focus span,.moved-account-widget a.mention:hover span,.moved-account-widget a.mention:active span{text-decoration:underline}.moved-account-widget__message{margin-bottom:15px}.moved-account-widget__message .fa{margin-right:5px;color:#dde3ec}.moved-account-widget__card .detailed-status__display-avatar{position:relative;cursor:pointer}.moved-account-widget__card .detailed-status__display-name{margin-bottom:0;text-decoration:none}.moved-account-widget__card .detailed-status__display-name span{font-weight:400}.memoriam-widget{padding:20px;border-radius:4px;background:#000;box-shadow:0 0 15px rgba(0,0,0,.2);font-size:14px;color:#dde3ec;margin-bottom:10px}.page-header{background:#393f4f;box-shadow:0 0 15px rgba(0,0,0,.2);border-radius:4px;padding:60px 15px;text-align:center;margin:10px 0}.page-header h1{color:#fff;font-size:36px;line-height:1.1;font-weight:700;margin-bottom:10px}.page-header p{font-size:15px;color:#dde3ec}@media screen and (max-width: 415px){.page-header{margin-top:0;background:#313543}.page-header h1{font-size:24px}}.directory{background:#282c37;border-radius:4px;box-shadow:0 0 15px rgba(0,0,0,.2)}.directory__tag{box-sizing:border-box;margin-bottom:10px}.directory__tag>a,.directory__tag>div{display:flex;align-items:center;justify-content:space-between;background:#282c37;border-radius:4px;padding:15px;text-decoration:none;color:inherit;box-shadow:0 0 15px rgba(0,0,0,.2)}.directory__tag>a:hover,.directory__tag>a:active,.directory__tag>a:focus{background:#393f4f}.directory__tag.active>a{background:#2b5fd9;cursor:default}.directory__tag.disabled>div{opacity:.5;cursor:default}.directory__tag h4{flex:1 1 auto;font-size:18px;font-weight:700;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.directory__tag h4 .fa{color:#dde3ec}.directory__tag h4 small{display:block;font-weight:400;font-size:15px;margin-top:8px;color:#dde3ec}.directory__tag.active h4,.directory__tag.active h4 .fa,.directory__tag.active h4 small{color:#fff}.directory__tag .avatar-stack{flex:0 0 auto;width:120px}.directory__tag.active .avatar-stack .account__avatar{border-color:#2b5fd9}.avatar-stack{display:flex;justify-content:flex-end}.avatar-stack .account__avatar{flex:0 0 auto;width:36px;height:36px;border-radius:50%;position:relative;margin-left:-10px;background:#17191f;border:2px solid #282c37}.avatar-stack .account__avatar:nth-child(1){z-index:1}.avatar-stack .account__avatar:nth-child(2){z-index:2}.avatar-stack .account__avatar:nth-child(3){z-index:3}.accounts-table{width:100%}.accounts-table .account{padding:0;border:0}.accounts-table strong{font-weight:700}.accounts-table thead th{text-align:center;text-transform:uppercase;color:#dde3ec;font-weight:700;padding:10px}.accounts-table thead th:first-child{text-align:left}.accounts-table tbody td{padding:15px 0;vertical-align:middle;border-bottom:1px solid #393f4f}.accounts-table tbody tr:last-child td{border-bottom:0}.accounts-table__count{width:120px;text-align:center;font-size:15px;font-weight:500;color:#fff}.accounts-table__count small{display:block;color:#dde3ec;font-weight:400;font-size:14px}.accounts-table__comment{width:50%;vertical-align:initial !important}@media screen and (max-width: 415px){.accounts-table tbody td.optional{display:none}}@media screen and (max-width: 415px){.moved-account-widget,.memoriam-widget,.box-widget,.contact-widget,.landing-page__information.contact-widget,.directory,.page-header{margin-bottom:0;box-shadow:none;border-radius:0}}.statuses-grid{min-height:600px}@media screen and (max-width: 640px){.statuses-grid{width:100% !important}}.statuses-grid__item{width:313.3333333333px}@media screen and (max-width: 1255px){.statuses-grid__item{width:306.6666666667px}}@media screen and (max-width: 640px){.statuses-grid__item{width:100%}}@media screen and (max-width: 415px){.statuses-grid__item{width:100vw}}.statuses-grid .detailed-status{border-radius:4px}@media screen and (max-width: 415px){.statuses-grid .detailed-status{border-top:1px solid #4a5266}}.statuses-grid .detailed-status.compact .detailed-status__meta{margin-top:15px}.statuses-grid .detailed-status.compact .status__content{font-size:15px;line-height:20px}.statuses-grid .detailed-status.compact .status__content .emojione{width:20px;height:20px;margin:-3px 0 0}.statuses-grid .detailed-status.compact .status__content .status__content__spoiler-link{line-height:20px;margin:0}.statuses-grid .detailed-status.compact .media-gallery,.statuses-grid .detailed-status.compact .status-card,.statuses-grid .detailed-status.compact .video-player{margin-top:15px}.notice-widget{margin-bottom:10px;color:#dde3ec}.notice-widget p{margin-bottom:10px}.notice-widget p:last-child{margin-bottom:0}.notice-widget a{font-size:14px;line-height:20px}.notice-widget a,.placeholder-widget a{text-decoration:none;font-weight:500;color:#2b5fd9}.notice-widget a:hover,.notice-widget a:focus,.notice-widget a:active,.placeholder-widget a:hover,.placeholder-widget a:focus,.placeholder-widget a:active{text-decoration:underline}.table-of-contents{background:#1f232b;min-height:100%;font-size:14px;border-radius:4px}.table-of-contents li a{display:block;font-weight:500;padding:15px;overflow:hidden;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-decoration:none;color:#fff;border-bottom:1px solid #313543}.table-of-contents li a:hover,.table-of-contents li a:focus,.table-of-contents li a:active{text-decoration:underline}.table-of-contents li:last-child a{border-bottom:0}.table-of-contents li ul{padding-left:20px;border-bottom:1px solid #313543}code{font-family:monospace,monospace;font-weight:400}.form-container{max-width:400px;padding:20px;margin:0 auto}.simple_form .input{margin-bottom:15px;overflow:hidden}.simple_form .input.hidden{margin:0}.simple_form .input.radio_buttons .radio{margin-bottom:15px}.simple_form .input.radio_buttons .radio:last-child{margin-bottom:0}.simple_form .input.radio_buttons .radio>label{position:relative;padding-left:28px}.simple_form .input.radio_buttons .radio>label input{position:absolute;top:-2px;left:0}.simple_form .input.boolean{position:relative;margin-bottom:0}.simple_form .input.boolean .label_input>label{font-family:inherit;font-size:14px;padding-top:5px;color:#fff;display:block;width:auto}.simple_form .input.boolean .label_input,.simple_form .input.boolean .hint{padding-left:28px}.simple_form .input.boolean .label_input__wrapper{position:static}.simple_form .input.boolean label.checkbox{position:absolute;top:2px;left:0}.simple_form .input.boolean label a{color:#2b90d9;text-decoration:underline}.simple_form .input.boolean label a:hover,.simple_form .input.boolean label a:active,.simple_form .input.boolean label a:focus{text-decoration:none}.simple_form .input.boolean .recommended{position:absolute;margin:0 4px;margin-top:-2px}.simple_form .row{display:flex;margin:0 -5px}.simple_form .row .input{box-sizing:border-box;flex:1 1 auto;width:50%;padding:0 5px}.simple_form .hint{color:#dde3ec}.simple_form .hint a{color:#2b90d9}.simple_form .hint code{border-radius:3px;padding:.2em .4em;background:#0e1014}.simple_form span.hint{display:block;font-size:12px;margin-top:4px}.simple_form p.hint{margin-bottom:15px;color:#dde3ec}.simple_form p.hint.subtle-hint{text-align:center;font-size:12px;line-height:18px;margin-top:15px;margin-bottom:0}.simple_form .card{margin-bottom:15px}.simple_form strong{font-weight:500}.simple_form strong:lang(ja){font-weight:700}.simple_form strong:lang(ko){font-weight:700}.simple_form strong:lang(zh-CN){font-weight:700}.simple_form strong:lang(zh-HK){font-weight:700}.simple_form strong:lang(zh-TW){font-weight:700}.simple_form .input.with_floating_label .label_input{display:flex}.simple_form .input.with_floating_label .label_input>label{font-family:inherit;font-size:14px;color:#fff;font-weight:500;min-width:150px;flex:0 0 auto}.simple_form .input.with_floating_label .label_input input,.simple_form .input.with_floating_label .label_input select{flex:1 1 auto}.simple_form .input.with_floating_label.select .hint{margin-top:6px;margin-left:150px}.simple_form .input.with_label .label_input>label{font-family:inherit;font-size:14px;color:#fff;display:block;margin-bottom:8px;word-wrap:break-word;font-weight:500}.simple_form .input.with_label .hint{margin-top:6px}.simple_form .input.with_label ul{flex:390px}.simple_form .input.with_block_label{max-width:none}.simple_form .input.with_block_label>label{font-family:inherit;font-size:16px;color:#fff;display:block;font-weight:500;padding-top:5px}.simple_form .input.with_block_label .hint{margin-bottom:15px}.simple_form .input.with_block_label ul{columns:2}.simple_form .required abbr{text-decoration:none;color:#e87487}.simple_form .fields-group{margin-bottom:25px}.simple_form .fields-group .input:last-child{margin-bottom:0}.simple_form .fields-row{display:flex;margin:0 -10px;padding-top:5px;margin-bottom:25px}.simple_form .fields-row .input{max-width:none}.simple_form .fields-row__column{box-sizing:border-box;padding:0 10px;flex:1 1 auto;min-height:1px}.simple_form .fields-row__column-6{max-width:50%}.simple_form .fields-row__column .actions{margin-top:27px}.simple_form .fields-row .fields-group:last-child,.simple_form .fields-row .fields-row__column.fields-group{margin-bottom:0}@media screen and (max-width: 600px){.simple_form .fields-row{display:block;margin-bottom:0}.simple_form .fields-row__column{max-width:none}.simple_form .fields-row .fields-group:last-child,.simple_form .fields-row .fields-row__column.fields-group,.simple_form .fields-row .fields-row__column{margin-bottom:25px}}.simple_form .input.radio_buttons .radio label{margin-bottom:5px;font-family:inherit;font-size:14px;color:#fff;display:block;width:auto}.simple_form .check_boxes .checkbox label{font-family:inherit;font-size:14px;color:#fff;display:inline-block;width:auto;position:relative;padding-top:5px;padding-left:25px;flex:1 1 auto}.simple_form .check_boxes .checkbox input[type=checkbox]{position:absolute;left:0;top:5px;margin:0}.simple_form .input.static .label_input__wrapper{font-size:16px;padding:10px;border:1px solid #c2cede;border-radius:4px}.simple_form input[type=text],.simple_form input[type=number],.simple_form input[type=email],.simple_form input[type=password],.simple_form textarea{box-sizing:border-box;font-size:16px;color:#fff;display:block;width:100%;outline:0;font-family:inherit;resize:vertical;background:#131419;border:1px solid #0a0b0e;border-radius:4px;padding:10px}.simple_form input[type=text]::placeholder,.simple_form input[type=number]::placeholder,.simple_form input[type=email]::placeholder,.simple_form input[type=password]::placeholder,.simple_form textarea::placeholder{color:#eaeef3}.simple_form input[type=text]:invalid,.simple_form input[type=number]:invalid,.simple_form input[type=email]:invalid,.simple_form input[type=password]:invalid,.simple_form textarea:invalid{box-shadow:none}.simple_form input[type=text]:focus:invalid:not(:placeholder-shown),.simple_form input[type=number]:focus:invalid:not(:placeholder-shown),.simple_form input[type=email]:focus:invalid:not(:placeholder-shown),.simple_form input[type=password]:focus:invalid:not(:placeholder-shown),.simple_form textarea:focus:invalid:not(:placeholder-shown){border-color:#e87487}.simple_form input[type=text]:required:valid,.simple_form input[type=number]:required:valid,.simple_form input[type=email]:required:valid,.simple_form input[type=password]:required:valid,.simple_form textarea:required:valid{border-color:#79bd9a}.simple_form input[type=text]:hover,.simple_form input[type=number]:hover,.simple_form input[type=email]:hover,.simple_form input[type=password]:hover,.simple_form textarea:hover{border-color:#000}.simple_form input[type=text]:active,.simple_form input[type=text]:focus,.simple_form input[type=number]:active,.simple_form input[type=number]:focus,.simple_form input[type=email]:active,.simple_form input[type=email]:focus,.simple_form input[type=password]:active,.simple_form input[type=password]:focus,.simple_form textarea:active,.simple_form textarea:focus{border-color:#2b90d9;background:#17191f}.simple_form .input.field_with_errors label{color:#e87487}.simple_form .input.field_with_errors input[type=text],.simple_form .input.field_with_errors input[type=number],.simple_form .input.field_with_errors input[type=email],.simple_form .input.field_with_errors input[type=password],.simple_form .input.field_with_errors textarea,.simple_form .input.field_with_errors select{border-color:#e87487}.simple_form .input.field_with_errors .error{display:block;font-weight:500;color:#e87487;margin-top:4px}.simple_form .input.disabled{opacity:.5}.simple_form .actions{margin-top:30px;display:flex}.simple_form .actions.actions--top{margin-top:0;margin-bottom:30px}.simple_form button,.simple_form .button,.simple_form .block-button{display:block;width:100%;border:0;border-radius:4px;background:#2b5fd9;color:#fff;font-size:18px;line-height:inherit;height:auto;padding:10px;text-transform:uppercase;text-decoration:none;text-align:center;box-sizing:border-box;cursor:pointer;font-weight:500;outline:0;margin-bottom:10px;margin-right:10px}.simple_form button:last-child,.simple_form .button:last-child,.simple_form .block-button:last-child{margin-right:0}.simple_form button:hover,.simple_form .button:hover,.simple_form .block-button:hover{background-color:#416fdd}.simple_form button:active,.simple_form button:focus,.simple_form .button:active,.simple_form .button:focus,.simple_form .block-button:active,.simple_form .block-button:focus{background-color:#2454c7}.simple_form button:disabled:hover,.simple_form .button:disabled:hover,.simple_form .block-button:disabled:hover{background-color:#9baec8}.simple_form button.negative,.simple_form .button.negative,.simple_form .block-button.negative{background:#df405a}.simple_form button.negative:hover,.simple_form .button.negative:hover,.simple_form .block-button.negative:hover{background-color:#e3566d}.simple_form button.negative:active,.simple_form button.negative:focus,.simple_form .button.negative:active,.simple_form .button.negative:focus,.simple_form .block-button.negative:active,.simple_form .block-button.negative:focus{background-color:#db2a47}.simple_form select{appearance:none;box-sizing:border-box;font-size:16px;color:#fff;display:block;width:100%;outline:0;font-family:inherit;resize:vertical;background:#131419 url(\"data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14.933 18.467' height='19.698' width='15.929'><path d='M3.467 14.967l-3.393-3.5H14.86l-3.392 3.5c-1.866 1.925-3.666 3.5-4 3.5-.335 0-2.135-1.575-4-3.5zm.266-11.234L7.467 0 11.2 3.733l3.733 3.734H0l3.733-3.734z' fill='%2342485A'/></svg>\") no-repeat right 8px center/auto 16px;border:1px solid #0a0b0e;border-radius:4px;padding-left:10px;padding-right:30px;height:41px}.simple_form h4{margin-bottom:15px !important}.simple_form .label_input__wrapper{position:relative}.simple_form .label_input__append{position:absolute;right:3px;top:1px;padding:10px;padding-bottom:9px;font-size:16px;color:#c2cede;font-family:inherit;pointer-events:none;cursor:default;max-width:140px;white-space:nowrap;overflow:hidden}.simple_form .label_input__append::after{content:\"\";display:block;position:absolute;top:0;right:0;bottom:1px;width:5px;background-image:linear-gradient(to right, rgba(19, 20, 25, 0), #131419)}.simple_form__overlay-area{position:relative}.simple_form__overlay-area__blurred form{filter:blur(2px)}.simple_form__overlay-area__overlay{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;justify-content:center;align-items:center;background:rgba(40,44,55,.65);border-radius:4px;margin-left:-4px;margin-top:-4px;padding:4px}.simple_form__overlay-area__overlay__content{text-align:center}.simple_form__overlay-area__overlay__content.rich-formatting,.simple_form__overlay-area__overlay__content.rich-formatting p{color:#fff}.block-icon{display:block;margin:0 auto;margin-bottom:10px;font-size:24px}.flash-message{background:#393f4f;color:#dde3ec;border-radius:4px;padding:15px 10px;margin-bottom:30px;text-align:center}.flash-message.notice{border:1px solid rgba(121,189,154,.5);background:rgba(121,189,154,.25);color:#79bd9a}.flash-message.alert{border:1px solid rgba(223,64,90,.5);background:rgba(223,64,90,.25);color:#df405a}.flash-message a{display:inline-block;color:#dde3ec;text-decoration:none}.flash-message a:hover{color:#fff;text-decoration:underline}.flash-message p{margin-bottom:15px}.flash-message .oauth-code{outline:0;box-sizing:border-box;display:block;width:100%;border:none;padding:10px;font-family:monospace,monospace;background:#282c37;color:#fff;font-size:14px;margin:0}.flash-message .oauth-code::-moz-focus-inner{border:0}.flash-message .oauth-code::-moz-focus-inner,.flash-message .oauth-code:focus,.flash-message .oauth-code:active{outline:0 !important}.flash-message .oauth-code:focus{background:#313543}.flash-message strong{font-weight:500}.flash-message strong:lang(ja){font-weight:700}.flash-message strong:lang(ko){font-weight:700}.flash-message strong:lang(zh-CN){font-weight:700}.flash-message strong:lang(zh-HK){font-weight:700}.flash-message strong:lang(zh-TW){font-weight:700}@media screen and (max-width: 740px)and (min-width: 441px){.flash-message{margin-top:40px}}.form-footer{margin-top:30px;text-align:center}.form-footer a{color:#dde3ec;text-decoration:none}.form-footer a:hover{text-decoration:underline}.quick-nav{list-style:none;margin-bottom:25px;font-size:14px}.quick-nav li{display:inline-block;margin-right:10px}.quick-nav a{color:#2b90d9;text-transform:uppercase;text-decoration:none;font-weight:700}.quick-nav a:hover,.quick-nav a:focus,.quick-nav a:active{color:#4ea2df}.oauth-prompt,.follow-prompt{margin-bottom:30px;color:#dde3ec}.oauth-prompt h2,.follow-prompt h2{font-size:16px;margin-bottom:30px;text-align:center}.oauth-prompt strong,.follow-prompt strong{color:#ecf0f4;font-weight:500}.oauth-prompt strong:lang(ja),.follow-prompt strong:lang(ja){font-weight:700}.oauth-prompt strong:lang(ko),.follow-prompt strong:lang(ko){font-weight:700}.oauth-prompt strong:lang(zh-CN),.follow-prompt strong:lang(zh-CN){font-weight:700}.oauth-prompt strong:lang(zh-HK),.follow-prompt strong:lang(zh-HK){font-weight:700}.oauth-prompt strong:lang(zh-TW),.follow-prompt strong:lang(zh-TW){font-weight:700}@media screen and (max-width: 740px)and (min-width: 441px){.oauth-prompt,.follow-prompt{margin-top:40px}}.qr-wrapper{display:flex;flex-wrap:wrap;align-items:flex-start}.qr-code{flex:0 0 auto;background:#fff;padding:4px;margin:0 10px 20px 0;box-shadow:0 0 15px rgba(0,0,0,.2);display:inline-block}.qr-code svg{display:block;margin:0}.qr-alternative{margin-bottom:20px;color:#ecf0f4;flex:150px}.qr-alternative samp{display:block;font-size:14px}.table-form p{margin-bottom:15px}.table-form p strong{font-weight:500}.table-form p strong:lang(ja){font-weight:700}.table-form p strong:lang(ko){font-weight:700}.table-form p strong:lang(zh-CN){font-weight:700}.table-form p strong:lang(zh-HK){font-weight:700}.table-form p strong:lang(zh-TW){font-weight:700}.simple_form .warning,.table-form .warning{box-sizing:border-box;background:rgba(223,64,90,.5);color:#fff;text-shadow:1px 1px 0 rgba(0,0,0,.3);box-shadow:0 2px 6px rgba(0,0,0,.4);border-radius:4px;padding:10px;margin-bottom:15px}.simple_form .warning a,.table-form .warning a{color:#fff;text-decoration:underline}.simple_form .warning a:hover,.simple_form .warning a:focus,.simple_form .warning a:active,.table-form .warning a:hover,.table-form .warning a:focus,.table-form .warning a:active{text-decoration:none}.simple_form .warning strong,.table-form .warning strong{font-weight:600;display:block;margin-bottom:5px}.simple_form .warning strong:lang(ja),.table-form .warning strong:lang(ja){font-weight:700}.simple_form .warning strong:lang(ko),.table-form .warning strong:lang(ko){font-weight:700}.simple_form .warning strong:lang(zh-CN),.table-form .warning strong:lang(zh-CN){font-weight:700}.simple_form .warning strong:lang(zh-HK),.table-form .warning strong:lang(zh-HK){font-weight:700}.simple_form .warning strong:lang(zh-TW),.table-form .warning strong:lang(zh-TW){font-weight:700}.simple_form .warning strong .fa,.table-form .warning strong .fa{font-weight:400}.action-pagination{display:flex;flex-wrap:wrap;align-items:center}.action-pagination .actions,.action-pagination .pagination{flex:1 1 auto}.action-pagination .actions{padding:30px 0;padding-right:20px;flex:0 0 auto}.post-follow-actions{text-align:center;color:#dde3ec}.post-follow-actions div{margin-bottom:4px}.alternative-login{margin-top:20px;margin-bottom:20px}.alternative-login h4{font-size:16px;color:#fff;text-align:center;margin-bottom:20px;border:0;padding:0}.alternative-login .button{display:block}.scope-danger{color:#ff5050}.form_admin_settings_site_short_description textarea,.form_admin_settings_site_description textarea,.form_admin_settings_site_extended_description textarea,.form_admin_settings_site_terms textarea,.form_admin_settings_custom_css textarea,.form_admin_settings_closed_registrations_message textarea{font-family:monospace,monospace}.input-copy{background:#131419;border:1px solid #0a0b0e;border-radius:4px;display:flex;align-items:center;padding-right:4px;position:relative;top:1px;transition:border-color 300ms linear}.input-copy__wrapper{flex:1 1 auto}.input-copy input[type=text]{background:transparent;border:0;padding:10px;font-size:14px;font-family:monospace,monospace}.input-copy button{flex:0 0 auto;margin:4px;text-transform:none;font-weight:400;font-size:14px;padding:7px 18px;padding-bottom:6px;width:auto;transition:background 300ms linear}.input-copy.copied{border-color:#79bd9a;transition:none}.input-copy.copied button{background:#79bd9a;transition:none}.connection-prompt{margin-bottom:25px}.connection-prompt .fa-link{background-color:#1f232b;border-radius:100%;font-size:24px;padding:10px}.connection-prompt__column{align-items:center;display:flex;flex:1;flex-direction:column;flex-shrink:1;max-width:50%}.connection-prompt__column-sep{align-self:center;flex-grow:0;overflow:visible;position:relative;z-index:1}.connection-prompt__column p{word-break:break-word}.connection-prompt .account__avatar{margin-bottom:20px}.connection-prompt__connection{background-color:#393f4f;box-shadow:0 0 15px rgba(0,0,0,.2);border-radius:4px;padding:25px 10px;position:relative;text-align:center}.connection-prompt__connection::after{background-color:#1f232b;content:\"\";display:block;height:100%;left:50%;position:absolute;top:0;width:1px}.connection-prompt__row{align-items:flex-start;display:flex;flex-direction:row}.card>a{display:block;text-decoration:none;color:inherit;box-shadow:0 0 15px rgba(0,0,0,.2)}@media screen and (max-width: 415px){.card>a{box-shadow:none}}.card>a:hover .card__bar,.card>a:active .card__bar,.card>a:focus .card__bar{background:#393f4f}.card__img{height:130px;position:relative;background:#0e1014;border-radius:4px 4px 0 0}.card__img img{display:block;width:100%;height:100%;margin:0;object-fit:cover;border-radius:4px 4px 0 0}@media screen and (max-width: 600px){.card__img{height:200px}}@media screen and (max-width: 415px){.card__img{display:none}}.card__bar{position:relative;padding:15px;display:flex;justify-content:flex-start;align-items:center;background:#313543;border-radius:0 0 4px 4px}@media screen and (max-width: 415px){.card__bar{border-radius:0}}.card__bar .avatar{flex:0 0 auto;width:48px;height:48px;width:48px;height:48px;background-size:48px 48px;padding-top:2px}.card__bar .avatar img{width:100%;height:100%;display:block;margin:0;border-radius:4px;border-radius:8%;background-position:50%;background-clip:padding-box;background:#17191f;object-fit:cover}.card__bar .display-name{margin-left:15px;text-align:left}.card__bar .display-name strong{font-size:15px;color:#fff;font-weight:500;overflow:hidden;text-overflow:ellipsis}.card__bar .display-name span{display:block;font-size:14px;color:#dde3ec;font-weight:400;overflow:hidden;text-overflow:ellipsis}.pagination{padding:30px 0;text-align:center;overflow:hidden}.pagination a,.pagination .current,.pagination .newer,.pagination .older,.pagination .page,.pagination .gap{font-size:14px;color:#fff;font-weight:500;display:inline-block;padding:6px 10px;text-decoration:none}.pagination .current{background:#fff;border-radius:100px;color:#000;cursor:default;margin:0 10px}.pagination .gap{cursor:default}.pagination .older,.pagination .newer{text-transform:uppercase;color:#ecf0f4}.pagination .older{float:left;padding-left:0}.pagination .older .fa{display:inline-block;margin-right:5px}.pagination .newer{float:right;padding-right:0}.pagination .newer .fa{display:inline-block;margin-left:5px}.pagination .disabled{cursor:default;color:#1a1a1a}@media screen and (max-width: 700px){.pagination{padding:30px 20px}.pagination .page{display:none}.pagination .newer,.pagination .older{display:inline-block}}.nothing-here{background:#282c37;box-shadow:0 0 15px rgba(0,0,0,.2);color:#364861;font-size:14px;font-weight:500;text-align:center;display:flex;justify-content:center;align-items:center;cursor:default;border-radius:4px;padding:20px;min-height:30vh}.nothing-here--under-tabs{border-radius:0 0 4px 4px}.nothing-here--flexible{box-sizing:border-box;min-height:100%}.account-role,.simple_form .recommended{display:inline-block;padding:4px 6px;cursor:default;border-radius:3px;font-size:12px;line-height:12px;font-weight:500;color:#d9e1e8;background-color:rgba(217,225,232,.1);border:1px solid rgba(217,225,232,.5)}.account-role.moderator,.simple_form .recommended.moderator{color:#79bd9a;background-color:rgba(121,189,154,.1);border-color:rgba(121,189,154,.5)}.account-role.admin,.simple_form .recommended.admin{color:#e87487;background-color:rgba(232,116,135,.1);border-color:rgba(232,116,135,.5)}.account__header__fields{max-width:100vw;padding:0;margin:15px -15px -15px;border:0 none;border-top:1px solid #42485a;border-bottom:1px solid #42485a;font-size:14px;line-height:20px}.account__header__fields dl{display:flex;border-bottom:1px solid #42485a}.account__header__fields dt,.account__header__fields dd{box-sizing:border-box;padding:14px;text-align:center;max-height:48px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.account__header__fields dt{font-weight:500;width:120px;flex:0 0 auto;color:#ecf0f4;background:rgba(23,25,31,.5)}.account__header__fields dd{flex:1 1 auto;color:#dde3ec}.account__header__fields a{color:#2b90d9;text-decoration:none}.account__header__fields a:hover,.account__header__fields a:focus,.account__header__fields a:active{text-decoration:underline}.account__header__fields .verified{border:1px solid rgba(121,189,154,.5);background:rgba(121,189,154,.25)}.account__header__fields .verified a{color:#79bd9a;font-weight:500}.account__header__fields .verified__mark{color:#79bd9a}.account__header__fields dl:last-child{border-bottom:0}.directory__tag .trends__item__current{width:auto}.pending-account__header{color:#dde3ec}.pending-account__header a{color:#d9e1e8;text-decoration:none}.pending-account__header a:hover,.pending-account__header a:active,.pending-account__header a:focus{text-decoration:underline}.pending-account__header strong{color:#fff;font-weight:700}.pending-account__body{margin-top:10px}.activity-stream{box-shadow:0 0 15px rgba(0,0,0,.2);border-radius:4px;overflow:hidden;margin-bottom:10px}@media screen and (max-width: 415px){.activity-stream{margin-bottom:0;border-radius:0;box-shadow:none}}.activity-stream--headless{border-radius:0;margin:0;box-shadow:none}.activity-stream--headless .detailed-status,.activity-stream--headless .status{border-radius:0 !important}.activity-stream div[data-component]{width:100%}.activity-stream .entry{background:#282c37}.activity-stream .entry .detailed-status,.activity-stream .entry .status,.activity-stream .entry .load-more{animation:none}.activity-stream .entry:last-child .detailed-status,.activity-stream .entry:last-child .status,.activity-stream .entry:last-child .load-more{border-bottom:0;border-radius:0 0 4px 4px}.activity-stream .entry:first-child .detailed-status,.activity-stream .entry:first-child .status,.activity-stream .entry:first-child .load-more{border-radius:4px 4px 0 0}.activity-stream .entry:first-child:last-child .detailed-status,.activity-stream .entry:first-child:last-child .status,.activity-stream .entry:first-child:last-child .load-more{border-radius:4px}@media screen and (max-width: 740px){.activity-stream .entry .detailed-status,.activity-stream .entry .status,.activity-stream .entry .load-more{border-radius:0 !important}}.activity-stream--highlighted .entry{background:#393f4f}.button.logo-button{flex:0 auto;font-size:14px;background:#2b5fd9;color:#fff;text-transform:none;line-height:36px;height:auto;padding:3px 15px;border:0}.button.logo-button svg{width:20px;height:auto;vertical-align:middle;margin-right:5px;fill:#fff}.button.logo-button:active,.button.logo-button:focus,.button.logo-button:hover{background:#5680e1}.button.logo-button:disabled:active,.button.logo-button:disabled:focus,.button.logo-button:disabled:hover,.button.logo-button.disabled:active,.button.logo-button.disabled:focus,.button.logo-button.disabled:hover{background:#9baec8}.button.logo-button.button--destructive:active,.button.logo-button.button--destructive:focus,.button.logo-button.button--destructive:hover{background:#df405a}@media screen and (max-width: 415px){.button.logo-button svg{display:none}}.embed .detailed-status,.public-layout .detailed-status{padding:15px}.embed .status,.public-layout .status{padding:15px 15px 15px 78px;min-height:50px}.embed .status__avatar,.public-layout .status__avatar{left:15px;top:17px}.embed .status__content,.public-layout .status__content{padding-top:5px}.embed .status__prepend,.public-layout .status__prepend{padding:8px 0;padding-bottom:2px;margin:initial;margin-left:78px;padding-top:15px}.embed .status__prepend-icon-wrapper,.public-layout .status__prepend-icon-wrapper{position:absolute;margin:initial;float:initial;width:auto;left:-32px}.embed .status .media-gallery,.embed .status__action-bar,.embed .status .video-player,.public-layout .status .media-gallery,.public-layout .status__action-bar,.public-layout .status .video-player{margin-top:10px}.embed .status .status__info,.public-layout .status .status__info{font-size:15px;display:initial}.embed .status .status__relative-time,.public-layout .status .status__relative-time{color:#c2cede;float:right;font-size:14px;width:auto;margin:initial;padding:initial}.embed .status .status__info .status__display-name,.public-layout .status .status__info .status__display-name{display:block;max-width:100%;padding:6px 0;padding-right:25px;margin:initial}.embed .status .status__info .status__display-name .display-name strong,.public-layout .status .status__info .status__display-name .display-name strong{display:inline}.embed .status .status__avatar,.public-layout .status .status__avatar{height:48px;position:absolute;width:48px;margin:initial}.rtl .embed .status,.rtl .public-layout .status{padding-left:10px;padding-right:68px}.rtl .embed .status .status__info .status__display-name,.rtl .public-layout .status .status__info .status__display-name{padding-left:25px;padding-right:0}.rtl .embed .status .status__relative-time,.rtl .public-layout .status .status__relative-time{float:left}.app-body{-webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar}.link-button{display:block;font-size:15px;line-height:20px;color:#2b5fd9;border:0;background:transparent;padding:0;cursor:pointer}.link-button:hover,.link-button:active{text-decoration:underline}.link-button:disabled{color:#9baec8;cursor:default}.button{background-color:#2558d0;border:10px none;border-radius:4px;box-sizing:border-box;color:#fff;cursor:pointer;display:inline-block;font-family:inherit;font-size:14px;font-weight:500;height:36px;letter-spacing:0;line-height:36px;overflow:hidden;padding:0 16px;position:relative;text-align:center;text-transform:uppercase;text-decoration:none;text-overflow:ellipsis;transition:all 100ms ease-in;transition-property:background-color;white-space:nowrap;width:auto}.button:active,.button:focus,.button:hover{background-color:#4976de;transition:all 200ms ease-out;transition-property:background-color}.button--destructive{transition:none}.button--destructive:active,.button--destructive:focus,.button--destructive:hover{background-color:#df405a;transition:none}.button:disabled{background-color:#9baec8;cursor:default}.button.button-primary,.button.button-alternative,.button.button-secondary,.button.button-alternative-2{font-size:16px;line-height:36px;height:auto;text-transform:none;padding:4px 16px}.button.button-alternative{color:#000;background:#9baec8}.button.button-alternative:active,.button.button-alternative:focus,.button.button-alternative:hover{background-color:#a8b9cf}.button.button-alternative-2{background:#606984}.button.button-alternative-2:active,.button.button-alternative-2:focus,.button.button-alternative-2:hover{background-color:#687390}.button.button-secondary{font-size:16px;line-height:36px;height:auto;color:#dde3ec;text-transform:none;background:transparent;padding:3px 15px;border-radius:4px;border:1px solid #9baec8}.button.button-secondary:active,.button.button-secondary:focus,.button.button-secondary:hover{border-color:#a8b9cf;color:#eaeef3}.button.button-secondary:disabled{opacity:.5}.button.button--block{display:block;width:100%}.icon-button{display:inline-block;padding:0;color:#8d9ac2;border:0;border-radius:4px;background:transparent;cursor:pointer;transition:all 100ms ease-in;transition-property:background-color,color}.icon-button:hover,.icon-button:active,.icon-button:focus{color:#a4afce;background-color:rgba(141,154,194,.15);transition:all 200ms ease-out;transition-property:background-color,color}.icon-button:focus{background-color:rgba(141,154,194,.3)}.icon-button.disabled{color:#6274ab;background-color:transparent;cursor:default}.icon-button.active{color:#2b90d9}.icon-button::-moz-focus-inner{border:0}.icon-button::-moz-focus-inner,.icon-button:focus,.icon-button:active{outline:0 !important}.icon-button.inverted{color:#1b1e25}.icon-button.inverted:hover,.icon-button.inverted:active,.icon-button.inverted:focus{color:#0c0d11;background-color:rgba(27,30,37,.15)}.icon-button.inverted:focus{background-color:rgba(27,30,37,.3)}.icon-button.inverted.disabled{color:#2a2e3a;background-color:transparent}.icon-button.inverted.active{color:#2b90d9}.icon-button.inverted.active.disabled{color:#63ade3}.icon-button.overlayed{box-sizing:content-box;background:rgba(0,0,0,.6);color:rgba(255,255,255,.7);border-radius:4px;padding:2px}.icon-button.overlayed:hover{background:rgba(0,0,0,.9)}.text-icon-button{color:#1b1e25;border:0;border-radius:4px;background:transparent;cursor:pointer;font-weight:600;font-size:11px;padding:0 3px;line-height:27px;outline:0;transition:all 100ms ease-in;transition-property:background-color,color}.text-icon-button:hover,.text-icon-button:active,.text-icon-button:focus{color:#0c0d11;background-color:rgba(27,30,37,.15);transition:all 200ms ease-out;transition-property:background-color,color}.text-icon-button:focus{background-color:rgba(27,30,37,.3)}.text-icon-button.disabled{color:#464d60;background-color:transparent;cursor:default}.text-icon-button.active{color:#2b90d9}.text-icon-button::-moz-focus-inner{border:0}.text-icon-button::-moz-focus-inner,.text-icon-button:focus,.text-icon-button:active{outline:0 !important}.dropdown-menu{position:absolute;transform-origin:50% 0}.invisible{font-size:0;line-height:0;display:inline-block;width:0;height:0;position:absolute}.invisible img,.invisible svg{margin:0 !important;border:0 !important;padding:0 !important;width:0 !important;height:0 !important}.ellipsis::after{content:\"…\"}.notification__favourite-icon-wrapper{left:0;position:absolute}.notification__favourite-icon-wrapper .fa.star-icon{color:#ca8f04}.star-icon.active{color:#ca8f04}.bookmark-icon.active{color:#ff5050}.no-reduce-motion .icon-button.star-icon.activate>.fa-star{animation:spring-rotate-in 1s linear}.no-reduce-motion .icon-button.star-icon.deactivate>.fa-star{animation:spring-rotate-out 1s linear}.notification__display-name{color:inherit;font-weight:500;text-decoration:none}.notification__display-name:hover{color:#fff;text-decoration:underline}.display-name{display:block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.display-name a{color:inherit;text-decoration:inherit}.display-name strong{height:18px;font-size:16px;font-weight:500;line-height:18px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.display-name span{display:block;height:18px;font-size:15px;line-height:18px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.display-name>a:hover strong{text-decoration:underline}.display-name.inline{padding:0;height:18px;font-size:15px;line-height:18px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.display-name.inline strong{display:inline;height:auto;font-size:inherit;line-height:inherit}.display-name.inline span{display:inline;height:auto;font-size:inherit;line-height:inherit}.display-name__html{font-weight:500}.display-name__account{font-size:14px}.image-loader{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center;flex-direction:column}.image-loader .image-loader__preview-canvas{max-width:100%;max-height:80%;background:url(\"~images/void.png\") repeat;object-fit:contain}.image-loader .loading-bar{position:relative}.image-loader.image-loader--amorphous .image-loader__preview-canvas{display:none}.zoomable-image{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center}.zoomable-image img{max-width:100%;max-height:80%;width:auto;height:auto;object-fit:contain}.dropdown{display:inline-block}.dropdown__content{display:none;position:absolute}.dropdown-menu__separator{border-bottom:1px solid #c0cdd9;margin:5px 7px 6px;height:0}.dropdown-menu{background:#d9e1e8;padding:4px 0;border-radius:4px;box-shadow:2px 4px 15px rgba(0,0,0,.4)}.dropdown-menu ul{list-style:none}.dropdown-menu__arrow{position:absolute;width:0;height:0;border:0 solid transparent}.dropdown-menu__arrow.left{right:-5px;margin-top:-5px;border-width:5px 0 5px 5px;border-left-color:#d9e1e8}.dropdown-menu__arrow.top{bottom:-5px;margin-left:-7px;border-width:5px 7px 0;border-top-color:#d9e1e8}.dropdown-menu__arrow.bottom{top:-5px;margin-left:-7px;border-width:0 7px 5px;border-bottom-color:#d9e1e8}.dropdown-menu__arrow.right{left:-5px;margin-top:-5px;border-width:5px 5px 5px 0;border-right-color:#d9e1e8}.dropdown-menu__item a{font-size:13px;line-height:18px;display:block;padding:4px 14px;box-sizing:border-box;text-decoration:none;background:#d9e1e8;color:#000;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dropdown-menu__item a:focus,.dropdown-menu__item a:hover,.dropdown-menu__item a:active{background:#2b5fd9;color:#ecf0f4;outline:0}.dropdown--active .dropdown__content{display:block;line-height:18px;max-width:311px;right:0;text-align:left;z-index:9999}.dropdown--active .dropdown__content>ul{list-style:none;background:#d9e1e8;padding:4px 0;border-radius:4px;box-shadow:0 0 15px rgba(0,0,0,.4);min-width:140px;position:relative}.dropdown--active .dropdown__content.dropdown__right{right:0}.dropdown--active .dropdown__content.dropdown__left>ul{left:-98px}.dropdown--active .dropdown__content>ul>li>a{font-size:13px;line-height:18px;display:block;padding:4px 14px;box-sizing:border-box;text-decoration:none;background:#d9e1e8;color:#000;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dropdown--active .dropdown__content>ul>li>a:focus{outline:0}.dropdown--active .dropdown__content>ul>li>a:hover{background:#2b5fd9;color:#ecf0f4}.dropdown__icon{vertical-align:middle}.static-content{padding:10px;padding-top:20px;color:#c2cede}.static-content h1{font-size:16px;font-weight:500;margin-bottom:40px;text-align:center}.static-content p{font-size:13px;margin-bottom:20px}.column,.drawer{flex:1 1 100%;overflow:hidden}@media screen and (min-width: 631px){.columns-area{padding:0}.column,.drawer{flex:0 0 auto;padding:10px;padding-left:5px;padding-right:5px}.column:first-child,.drawer:first-child{padding-left:10px}.column:last-child,.drawer:last-child{padding-right:10px}.columns-area>div .column,.columns-area>div .drawer{padding-left:5px;padding-right:5px}}.tabs-bar{box-sizing:border-box;display:flex;background:#393f4f;flex:0 0 auto;overflow-y:auto}.tabs-bar__link{display:block;flex:1 1 auto;padding:15px 10px;padding-bottom:13px;color:#fff;text-decoration:none;text-align:center;font-size:14px;font-weight:500;border-bottom:2px solid #393f4f;transition:all 50ms linear;transition-property:border-bottom,background,color}.tabs-bar__link .fa{font-weight:400;font-size:16px}@media screen and (min-width: 631px){.auto-columns .tabs-bar__link:hover,.auto-columns .tabs-bar__link:focus,.auto-columns .tabs-bar__link:active{background:#464d60;border-bottom-color:#464d60}}.multi-columns .tabs-bar__link:hover,.multi-columns .tabs-bar__link:focus,.multi-columns .tabs-bar__link:active{background:#464d60;border-bottom-color:#464d60}.tabs-bar__link.active{border-bottom:2px solid #2b5fd9;color:#2b90d9}.tabs-bar__link span{margin-left:5px;display:none}.tabs-bar__link span.icon{margin-left:0;display:inline}.icon-with-badge{position:relative}.icon-with-badge__badge{position:absolute;left:9px;top:-13px;background:#2b5fd9;border:2px solid #393f4f;padding:1px 6px;border-radius:6px;font-size:10px;font-weight:500;line-height:14px;color:#fff}.column-link--transparent .icon-with-badge__badge{border-color:#17191f}.scrollable{overflow-y:scroll;overflow-x:hidden;flex:1 1 auto;-webkit-overflow-scrolling:touch}.scrollable.optionally-scrollable{overflow-y:auto}@supports(display: grid){.scrollable{contain:strict}}.scrollable--flex{display:flex;flex-direction:column}.scrollable__append{flex:1 1 auto;position:relative;min-height:120px}@supports(display: grid){.scrollable.fullscreen{contain:none}}.react-toggle{display:inline-block;position:relative;cursor:pointer;background-color:transparent;border:0;padding:0;user-select:none;-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-tap-highlight-color:transparent}.react-toggle-screenreader-only{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.react-toggle--disabled{cursor:not-allowed;opacity:.5;transition:opacity .25s}.react-toggle-track{width:50px;height:24px;padding:0;border-radius:30px;background-color:#282c37;transition:background-color .2s ease}.react-toggle:hover:not(.react-toggle--disabled) .react-toggle-track{background-color:#131419}.react-toggle--checked .react-toggle-track{background-color:#2b5fd9}.react-toggle--checked:hover:not(.react-toggle--disabled) .react-toggle-track{background-color:#5680e1}.react-toggle-track-check{position:absolute;width:14px;height:10px;top:0;bottom:0;margin-top:auto;margin-bottom:auto;line-height:0;left:8px;opacity:0;transition:opacity .25s ease}.react-toggle--checked .react-toggle-track-check{opacity:1;transition:opacity .25s ease}.react-toggle-track-x{position:absolute;width:10px;height:10px;top:0;bottom:0;margin-top:auto;margin-bottom:auto;line-height:0;right:10px;opacity:1;transition:opacity .25s ease}.react-toggle--checked .react-toggle-track-x{opacity:0}.react-toggle-thumb{position:absolute;top:1px;left:1px;width:22px;height:22px;border:1px solid #282c37;border-radius:50%;background-color:#fafafa;box-sizing:border-box;transition:all .25s ease;transition-property:border-color,left}.react-toggle--checked .react-toggle-thumb{left:27px;border-color:#2b5fd9}.getting-started__wrapper,.getting_started,.flex-spacer{background:#282c37}.getting-started__wrapper{position:relative;overflow-y:auto}.flex-spacer{flex:1 1 auto}.getting-started{background:#282c37;flex:1 0 auto}.getting-started p{color:#ecf0f4}.getting-started a{color:#c2cede}.getting-started__panel{height:min-content}.getting-started__panel,.getting-started__footer{padding:10px;padding-top:20px;flex:0 1 auto}.getting-started__panel ul,.getting-started__footer ul{margin-bottom:10px}.getting-started__panel ul li,.getting-started__footer ul li{display:inline}.getting-started__panel p,.getting-started__footer p{color:#c2cede;font-size:13px}.getting-started__panel p a,.getting-started__footer p a{color:#c2cede;text-decoration:underline}.getting-started__panel a,.getting-started__footer a{text-decoration:none;color:#dde3ec}.getting-started__panel a:hover,.getting-started__panel a:focus,.getting-started__panel a:active,.getting-started__footer a:hover,.getting-started__footer a:focus,.getting-started__footer a:active{text-decoration:underline}.getting-started__trends{flex:0 1 auto;opacity:1;animation:fade 150ms linear;margin-top:10px}.getting-started__trends h4{font-size:12px;text-transform:uppercase;color:#dde3ec;padding:10px;font-weight:500;border-bottom:1px solid #393f4f}@media screen and (max-height: 810px){.getting-started__trends .trends__item:nth-child(3){display:none}}@media screen and (max-height: 720px){.getting-started__trends .trends__item:nth-child(2){display:none}}@media screen and (max-height: 670px){.getting-started__trends{display:none}}.getting-started__trends .trends__item{border-bottom:0;padding:10px}.getting-started__trends .trends__item__current{color:#dde3ec}.column-link__badge{display:inline-block;border-radius:4px;font-size:12px;line-height:19px;font-weight:500;background:#282c37;padding:4px 8px;margin:-6px 10px}.keyboard-shortcuts{padding:8px 0 0;overflow:hidden}.keyboard-shortcuts thead{position:absolute;left:-9999px}.keyboard-shortcuts td{padding:0 10px 8px}.keyboard-shortcuts kbd{display:inline-block;padding:3px 5px;background-color:#393f4f;border:1px solid #1f232b}.setting-text{color:#dde3ec;background:transparent;border:none;border-bottom:2px solid #9baec8;box-sizing:border-box;display:block;font-family:inherit;margin-bottom:10px;padding:7px 0;width:100%}.setting-text:focus,.setting-text:active{color:#fff;border-bottom-color:#2b5fd9}@media screen and (max-width: 600px){.auto-columns .setting-text,.single-column .setting-text{font-size:16px}}.setting-text.light{color:#000;border-bottom:2px solid #626c87}.setting-text.light:focus,.setting-text.light:active{color:#000;border-bottom-color:#2b5fd9}.no-reduce-motion button.icon-button i.fa-retweet{background-position:0 0;height:19px;transition:background-position .9s steps(10);transition-duration:0s;vertical-align:middle;width:22px}.no-reduce-motion button.icon-button i.fa-retweet::before{display:none !important}.no-reduce-motion button.icon-button.active i.fa-retweet{transition-duration:.9s;background-position:0 100%}.reduce-motion button.icon-button i.fa-retweet{color:#8d9ac2;transition:color 100ms ease-in}.reduce-motion button.icon-button.active i.fa-retweet{color:#2b90d9}.reduce-motion button.icon-button.disabled i.fa-retweet{color:#6274ab}.load-more{display:block;color:#c2cede;background-color:transparent;border:0;font-size:inherit;text-align:center;line-height:inherit;margin:0;padding:15px;box-sizing:border-box;width:100%;clear:both;text-decoration:none}.load-more:hover{background:#2c313d}.load-gap{border-bottom:1px solid #393f4f}.missing-indicator{padding-top:68px}.scrollable>div>:first-child .notification__dismiss-overlay>.wrappy{border-top:1px solid #282c37}.notification__dismiss-overlay{overflow:hidden;position:absolute;top:0;right:0;bottom:-1px;padding-left:15px;z-index:999;align-items:center;justify-content:flex-end;cursor:pointer;display:flex}.notification__dismiss-overlay .wrappy{width:4rem;align-self:stretch;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#393f4f;border-left:1px solid #535b72;box-shadow:0 0 5px #000;border-bottom:1px solid #282c37}.notification__dismiss-overlay .ckbox{border:2px solid #9baec8;border-radius:2px;width:30px;height:30px;font-size:20px;color:#dde3ec;text-shadow:0 0 5px #000;display:flex;justify-content:center;align-items:center}.notification__dismiss-overlay:focus{outline:0 !important}.notification__dismiss-overlay:focus .ckbox{box-shadow:0 0 1px 1px #2b5fd9}.text-btn{display:inline-block;padding:0;font-family:inherit;font-size:inherit;color:inherit;border:0;background:transparent;cursor:pointer}.loading-indicator{color:#c2cede;font-size:12px;font-weight:400;text-transform:uppercase;overflow:visible;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%)}.loading-indicator span{display:block;float:left;margin-left:50%;transform:translateX(-50%);margin:82px 0 0 50%;white-space:nowrap}.loading-indicator__figure{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:42px;height:42px;box-sizing:border-box;background-color:transparent;border:0 solid #606984;border-width:6px;border-radius:50%}.no-reduce-motion .loading-indicator span{animation:loader-label 1.15s infinite cubic-bezier(0.215, 0.61, 0.355, 1)}.no-reduce-motion .loading-indicator__figure{animation:loader-figure 1.15s infinite cubic-bezier(0.215, 0.61, 0.355, 1)}@keyframes spring-rotate-in{0%{transform:rotate(0deg)}30%{transform:rotate(-484.8deg)}60%{transform:rotate(-316.7deg)}90%{transform:rotate(-375deg)}100%{transform:rotate(-360deg)}}@keyframes spring-rotate-out{0%{transform:rotate(-360deg)}30%{transform:rotate(124.8deg)}60%{transform:rotate(-43.27deg)}90%{transform:rotate(15deg)}100%{transform:rotate(0deg)}}@keyframes loader-figure{0%{width:0;height:0;background-color:#606984}29%{background-color:#606984}30%{width:42px;height:42px;background-color:transparent;border-width:21px;opacity:1}100%{width:42px;height:42px;border-width:0;opacity:0;background-color:transparent}}@keyframes loader-label{0%{opacity:.25}30%{opacity:1}100%{opacity:.25}}.spoiler-button{top:0;left:0;width:100%;height:100%;position:absolute;z-index:100}.spoiler-button--minified{display:flex;left:4px;top:4px;width:auto;height:auto;align-items:center}.spoiler-button--click-thru{pointer-events:none}.spoiler-button--hidden{display:none}.spoiler-button__overlay{display:block;background:transparent;width:100%;height:100%;border:0}.spoiler-button__overlay__label{display:inline-block;background:rgba(0,0,0,.5);border-radius:8px;padding:8px 12px;color:#fff;font-weight:500;font-size:14px}.spoiler-button__overlay:hover .spoiler-button__overlay__label,.spoiler-button__overlay:focus .spoiler-button__overlay__label,.spoiler-button__overlay:active .spoiler-button__overlay__label{background:rgba(0,0,0,.8)}.spoiler-button__overlay:disabled .spoiler-button__overlay__label{background:rgba(0,0,0,.5)}.setting-toggle{display:block;line-height:24px}.setting-toggle__label,.setting-radio__label,.setting-meta__label{color:#dde3ec;display:inline-block;margin-bottom:14px;margin-left:8px;vertical-align:middle}.setting-radio{display:block;line-height:18px}.setting-radio__label{margin-bottom:0}.column-settings__row legend{color:#dde3ec;cursor:default;display:block;font-weight:500;margin-top:10px}.setting-radio__input{vertical-align:middle}.setting-meta__label{float:right}@keyframes heartbeat{from{transform:scale(1);transform-origin:center center;animation-timing-function:ease-out}10%{transform:scale(0.91);animation-timing-function:ease-in}17%{transform:scale(0.98);animation-timing-function:ease-out}33%{transform:scale(0.87);animation-timing-function:ease-in}45%{transform:scale(1);animation-timing-function:ease-out}}.pulse-loading{animation:heartbeat 1.5s ease-in-out infinite both}.upload-area{align-items:center;background:rgba(0,0,0,.8);display:flex;height:100%;justify-content:center;left:0;opacity:0;position:absolute;top:0;visibility:hidden;width:100%;z-index:2000}.upload-area *{pointer-events:none}.upload-area__drop{width:320px;height:160px;display:flex;box-sizing:border-box;position:relative;padding:8px}.upload-area__background{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;border-radius:4px;background:#282c37;box-shadow:0 0 5px rgba(0,0,0,.2)}.upload-area__content{flex:1;display:flex;align-items:center;justify-content:center;color:#ecf0f4;font-size:18px;font-weight:500;border:2px dashed #606984;border-radius:4px}.dropdown--active .emoji-button img{opacity:1;filter:none}.loading-bar{background-color:#2b5fd9;height:3px;position:absolute;top:0;left:0;z-index:9999}.icon-badge-wrapper{position:relative}.icon-badge{position:absolute;display:block;right:-0.25em;top:-0.25em;background-color:#2b5fd9;border-radius:50%;font-size:75%;width:1em;height:1em}.conversation{display:flex;border-bottom:1px solid #393f4f;padding:5px;padding-bottom:0}.conversation:focus{background:#2c313d;outline:0}.conversation__avatar{flex:0 0 auto;padding:10px;padding-top:12px;position:relative}.conversation__unread{display:inline-block;background:#2b90d9;border-radius:50%;width:.625rem;height:.625rem;margin:-0.1ex .15em .1ex}.conversation__content{flex:1 1 auto;padding:10px 5px;padding-right:15px;overflow:hidden}.conversation__content__info{overflow:hidden;display:flex;flex-direction:row-reverse;justify-content:space-between}.conversation__content__relative-time{font-size:15px;color:#dde3ec;padding-left:15px}.conversation__content__names{color:#dde3ec;font-size:15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:4px;flex-basis:90px;flex-grow:1}.conversation__content__names a{color:#fff;text-decoration:none}.conversation__content__names a:hover,.conversation__content__names a:focus,.conversation__content__names a:active{text-decoration:underline}.conversation__content .status__content{margin:0}.conversation--unread{background:#2c313d}.conversation--unread:focus{background:#313543}.conversation--unread .conversation__content__info{font-weight:700}.conversation--unread .conversation__content__relative-time{color:#fff}.ui .flash-message{margin-top:10px;margin-left:auto;margin-right:auto;margin-bottom:0;min-width:75%}::-webkit-scrollbar-thumb{border-radius:0}noscript{text-align:center}noscript img{width:200px;opacity:.5;animation:flicker 4s infinite}noscript div{font-size:14px;margin:30px auto;color:#ecf0f4;max-width:400px}noscript div a{color:#2b90d9;text-decoration:underline}noscript div a:hover{text-decoration:none}noscript div a{word-break:break-word}@keyframes flicker{0%{opacity:1}30%{opacity:.75}100%{opacity:1}}button.icon-button i.fa-retweet{background-image:url(\"data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='22' height='209'><path d='M4.97 3.16c-.1.03-.17.1-.22.18L.8 8.24c-.2.3.03.78.4.8H3.6v2.68c0 4.26-.55 3.62 3.66 3.62h7.66l-2.3-2.84c-.03-.02-.03-.04-.05-.06H7.27c-.44 0-.72-.3-.72-.72v-2.7h2.5c.37.03.63-.48.4-.77L5.5 3.35c-.12-.17-.34-.25-.53-.2zm12.16.43c-.55-.02-1.32.02-2.4.02H7.1l2.32 2.85.03.06h5.25c.42 0 .72.28.72.72v2.7h-2.5c-.36.02-.56.54-.3.8l3.92 4.9c.18.25.6.25.78 0l3.94-4.9c.26-.28 0-.83-.37-.8H18.4v-2.7c0-3.15.4-3.62-1.25-3.66z' fill='%238D9AC2' stroke-width='0'/><path d='M7.78 19.66c-.24.02-.44.25-.44.5v2.46h-.06c-1.08 0-1.86-.03-2.4-.03-1.64 0-1.25.43-1.25 3.65v4.47c0 4.26-.56 3.62 3.65 3.62H8.5l-1.3-1.06c-.1-.08-.18-.2-.2-.3-.02-.17.06-.35.2-.45l1.33-1.1H7.28c-.44 0-.72-.3-.72-.7v-4.48c0-.44.28-.72.72-.72h.06v2.5c0 .38.54.63.82.38l4.9-3.93c.25-.18.25-.6 0-.78l-4.9-3.92c-.1-.1-.24-.14-.38-.12zm9.34 2.93c-.54-.02-1.3.02-2.4.02h-1.25l1.3 1.07c.1.07.18.2.2.33.02.16-.06.3-.2.4l-1.33 1.1h1.28c.42 0 .72.28.72.72v4.47c0 .42-.3.72-.72.72h-.1v-2.47c0-.3-.3-.53-.6-.47-.07 0-.14.05-.2.1l-4.9 3.93c-.26.18-.26.6 0 .78l4.9 3.92c.27.25.82 0 .8-.38v-2.5h.1c4.27 0 3.65.67 3.65-3.62v-4.47c0-3.15.4-3.62-1.25-3.66zM10.34 38.66c-.24.02-.44.25-.43.5v2.47H7.3c-1.08 0-1.86-.04-2.4-.04-1.64 0-1.25.43-1.25 3.65v4.47c0 3.66-.23 3.7 2.34 3.66l-1.34-1.1c-.1-.08-.18-.2-.2-.3 0-.17.07-.35.2-.45l1.96-1.6c-.03-.06-.04-.13-.04-.2v-4.48c0-.44.28-.72.72-.72H9.9v2.5c0 .36.5.6.8.38l4.93-3.93c.24-.18.24-.6 0-.78l-4.94-3.92c-.1-.08-.23-.13-.36-.12zm5.63 2.93l1.34 1.1c.1.07.18.2.2.33.02.16-.03.3-.16.4l-1.96 1.6c.02.07.06.13.06.22v4.47c0 .42-.3.72-.72.72h-2.66v-2.47c0-.3-.3-.53-.6-.47-.06.02-.12.05-.18.1l-4.94 3.93c-.24.18-.24.6 0 .78l4.94 3.92c.28.22.78-.02.78-.38v-2.5h2.66c4.27 0 3.65.67 3.65-3.62v-4.47c0-3.66.34-3.7-2.4-3.66zM13.06 57.66c-.23.03-.4.26-.4.5v2.47H7.28c-1.08 0-1.86-.04-2.4-.04-1.64 0-1.25.43-1.25 3.65v4.87l2.93-2.37v-2.5c0-.44.28-.72.72-.72h5.38v2.5c0 .36.5.6.78.38l4.94-3.93c.24-.18.24-.6 0-.78l-4.94-3.92c-.1-.1-.24-.14-.38-.12zm5.3 6.15l-2.92 2.4v2.52c0 .42-.3.72-.72.72h-5.4v-2.47c0-.3-.32-.53-.6-.47-.07.02-.13.05-.2.1L3.6 70.52c-.25.18-.25.6 0 .78l4.93 3.92c.28.22.78-.02.78-.38v-2.5h5.42c4.27 0 3.65.67 3.65-3.62v-4.47-.44zM19.25 78.8c-.1.03-.2.1-.28.17l-.9.9c-.44-.3-1.36-.25-3.35-.25H7.28c-1.08 0-1.86-.03-2.4-.03-1.64 0-1.25.43-1.25 3.65v.7l2.93.3v-1c0-.44.28-.72.72-.72h7.44c.2 0 .37.08.5.2l-1.8 1.8c-.25.26-.08.76.27.8l6.27.7c.28.03.56-.25.53-.53l-.7-6.25c0-.27-.3-.48-.55-.44zm-17.2 6.1c-.2.07-.36.3-.33.54l.7 6.25c.02.36.58.55.83.27l.8-.8c.02 0 .04-.02.04 0 .46.24 1.37.17 3.18.17h7.44c4.27 0 3.65.67 3.65-3.62v-.75l-2.93-.3v1.05c0 .42-.3.72-.72.72H7.28c-.15 0-.3-.03-.4-.1L8.8 86.4c.3-.24.1-.8-.27-.84l-6.28-.65h-.2zM4.88 98.6c-1.33 0-1.34.48-1.3 2.3l1.14-1.37c.08-.1.22-.17.34-.2.16 0 .34.08.44.2l1.66 2.03c.04 0 .07-.03.12-.03h7.44c.34 0 .57.2.65.5h-2.43c-.34.05-.53.52-.3.78l3.92 4.95c.18.24.6.24.78 0l3.94-4.94c.22-.27-.02-.76-.37-.77H18.4c.02-3.9.6-3.4-3.66-3.4H7.28c-1.08 0-1.86-.04-2.4-.04zm.15 2.46c-.1.03-.2.1-.28.2l-3.94 4.9c-.2.28.03.77.4.78H3.6c-.02 3.94-.45 3.4 3.66 3.4h7.44c3.65 0 3.74.3 3.7-2.25l-1.1 1.34c-.1.1-.2.17-.32.2-.16 0-.34-.08-.44-.2l-1.65-2.03c-.06.02-.1.04-.18.04H7.28c-.35 0-.57-.2-.66-.5h2.44c.37 0 .63-.5.4-.78l-3.96-4.9c-.1-.15-.3-.23-.47-.2zM4.88 117.6c-1.16 0-1.3.3-1.3 1.56l1.14-1.38c.08-.1.22-.14.34-.16.16 0 .34.04.44.16l2.22 2.75h7c.42 0 .72.28.72.72v.53h-2.6c-.3.1-.43.54-.2.78l3.92 4.9c.18.25.6.25.78 0l3.94-4.9c.22-.28-.02-.77-.37-.78H18.4v-.53c0-4.2.72-3.63-3.66-3.63H7.28c-1.08 0-1.86-.03-2.4-.03zm.1 1.74c-.1.03-.17.1-.23.16L.8 124.44c-.2.28.03.77.4.78H3.6v.5c0 4.26-.55 3.62 3.66 3.62h7.44c1.03 0 1.74.02 2.28 0-.16.02-.34-.03-.44-.15l-2.22-2.76H7.28c-.44 0-.72-.3-.72-.72v-.5h2.5c.37.02.63-.5.4-.78L5.5 119.5c-.12-.15-.34-.22-.53-.16zm12.02 10c1.2-.02 1.4-.25 1.4-1.53l-1.1 1.36c-.07.1-.17.17-.3.18zM5.94 136.6l2.37 2.93h6.42c.42 0 .72.28.72.72v1.25h-2.6c-.3.1-.43.54-.2.78l3.92 4.9c.18.25.6.25.78 0l3.94-4.9c.22-.28-.02-.77-.37-.78H18.4v-1.25c0-4.2.72-3.63-3.66-3.63H7.28c-.6 0-.92-.02-1.34-.03zm-1.72.06c-.4.08-.54.3-.6.75l.6-.74zm.84.93c-.12 0-.24.08-.3.18l-3.95 4.9c-.24.3 0 .83.4.82H3.6v1.22c0 4.26-.55 3.62 3.66 3.62h7.44c.63 0 .97.02 1.4.03l-2.37-2.93H7.28c-.44 0-.72-.3-.72-.72v-1.22h2.5c.4.04.67-.53.4-.8l-3.96-4.92c-.1-.13-.27-.2-.44-.2zm13.28 10.03l-.56.7c.36-.07.5-.3.56-.7zM17.13 155.6c-.55-.02-1.32.03-2.4.03h-8.2l2.38 2.9h5.82c.42 0 .72.28.72.72v1.97H12.9c-.32.06-.48.52-.28.78l3.94 4.94c.2.23.6.22.78-.03l3.94-4.9c.22-.28-.02-.77-.37-.78H18.4v-1.97c0-3.15.4-3.62-1.25-3.66zm-12.1.28c-.1.02-.2.1-.28.18l-3.94 4.9c-.2.3.03.78.4.8H3.6v1.96c0 4.26-.55 3.62 3.66 3.62h8.24l-2.36-2.9H7.28c-.44 0-.72-.3-.72-.72v-1.97h2.5c.37.02.63-.5.4-.78l-3.96-4.9c-.1-.15-.3-.22-.47-.2zM5.13 174.5c-.15 0-.3.07-.38.2L.8 179.6c-.24.27 0 .82.4.8H3.6v2.32c0 4.26-.55 3.62 3.66 3.62h7.94l-2.35-2.9h-5.6c-.43 0-.7-.3-.7-.72v-2.3h2.5c.38.03.66-.54.4-.83l-3.97-4.9c-.1-.13-.23-.2-.38-.2zm12 .1c-.55-.02-1.32.03-2.4.03H6.83l2.35 2.9h5.52c.42 0 .72.28.72.72v2.34h-2.6c-.3.1-.43.53-.2.78l3.92 4.9c.18.24.6.24.78 0l3.94-4.9c.22-.3-.02-.78-.37-.8H18.4v-2.33c0-3.15.4-3.62-1.25-3.66zM4.97 193.16c-.1.03-.17.1-.22.18l-3.94 4.9c-.2.3.03.78.4.8H3.6v2.68c0 4.26-.55 3.62 3.66 3.62h7.66l-2.3-2.84c-.03-.02-.03-.04-.05-.06H7.27c-.44 0-.72-.3-.72-.72v-2.7h2.5c.37.03.63-.48.4-.77l-3.96-4.9c-.12-.17-.34-.25-.53-.2zm12.16.43c-.55-.02-1.32.03-2.4.03H7.1l2.32 2.84.03.06h5.25c.42 0 .72.28.72.72v2.7h-2.5c-.36.02-.56.54-.3.8l3.92 4.9c.18.25.6.25.78 0l3.94-4.9c.26-.28 0-.83-.37-.8H18.4v-2.7c0-3.15.4-3.62-1.25-3.66z' fill='%232B90D9' stroke-width='0'/></svg>\")}button.icon-button i.fa-retweet:hover{background-image:url(\"data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='22' height='209'><path d='M4.97 3.16c-.1.03-.17.1-.22.18L.8 8.24c-.2.3.03.78.4.8H3.6v2.68c0 4.26-.55 3.62 3.66 3.62h7.66l-2.3-2.84c-.03-.02-.03-.04-.05-.06H7.27c-.44 0-.72-.3-.72-.72v-2.7h2.5c.37.03.63-.48.4-.77L5.5 3.35c-.12-.17-.34-.25-.53-.2zm12.16.43c-.55-.02-1.32.02-2.4.02H7.1l2.32 2.85.03.06h5.25c.42 0 .72.28.72.72v2.7h-2.5c-.36.02-.56.54-.3.8l3.92 4.9c.18.25.6.25.78 0l3.94-4.9c.26-.28 0-.83-.37-.8H18.4v-2.7c0-3.15.4-3.62-1.25-3.66z' fill='%23A4AFCE' stroke-width='0'/><path d='M7.78 19.66c-.24.02-.44.25-.44.5v2.46h-.06c-1.08 0-1.86-.03-2.4-.03-1.64 0-1.25.43-1.25 3.65v4.47c0 4.26-.56 3.62 3.65 3.62H8.5l-1.3-1.06c-.1-.08-.18-.2-.2-.3-.02-.17.06-.35.2-.45l1.33-1.1H7.28c-.44 0-.72-.3-.72-.7v-4.48c0-.44.28-.72.72-.72h.06v2.5c0 .38.54.63.82.38l4.9-3.93c.25-.18.25-.6 0-.78l-4.9-3.92c-.1-.1-.24-.14-.38-.12zm9.34 2.93c-.54-.02-1.3.02-2.4.02h-1.25l1.3 1.07c.1.07.18.2.2.33.02.16-.06.3-.2.4l-1.33 1.1h1.28c.42 0 .72.28.72.72v4.47c0 .42-.3.72-.72.72h-.1v-2.47c0-.3-.3-.53-.6-.47-.07 0-.14.05-.2.1l-4.9 3.93c-.26.18-.26.6 0 .78l4.9 3.92c.27.25.82 0 .8-.38v-2.5h.1c4.27 0 3.65.67 3.65-3.62v-4.47c0-3.15.4-3.62-1.25-3.66zM10.34 38.66c-.24.02-.44.25-.43.5v2.47H7.3c-1.08 0-1.86-.04-2.4-.04-1.64 0-1.25.43-1.25 3.65v4.47c0 3.66-.23 3.7 2.34 3.66l-1.34-1.1c-.1-.08-.18-.2-.2-.3 0-.17.07-.35.2-.45l1.96-1.6c-.03-.06-.04-.13-.04-.2v-4.48c0-.44.28-.72.72-.72H9.9v2.5c0 .36.5.6.8.38l4.93-3.93c.24-.18.24-.6 0-.78l-4.94-3.92c-.1-.08-.23-.13-.36-.12zm5.63 2.93l1.34 1.1c.1.07.18.2.2.33.02.16-.03.3-.16.4l-1.96 1.6c.02.07.06.13.06.22v4.47c0 .42-.3.72-.72.72h-2.66v-2.47c0-.3-.3-.53-.6-.47-.06.02-.12.05-.18.1l-4.94 3.93c-.24.18-.24.6 0 .78l4.94 3.92c.28.22.78-.02.78-.38v-2.5h2.66c4.27 0 3.65.67 3.65-3.62v-4.47c0-3.66.34-3.7-2.4-3.66zM13.06 57.66c-.23.03-.4.26-.4.5v2.47H7.28c-1.08 0-1.86-.04-2.4-.04-1.64 0-1.25.43-1.25 3.65v4.87l2.93-2.37v-2.5c0-.44.28-.72.72-.72h5.38v2.5c0 .36.5.6.78.38l4.94-3.93c.24-.18.24-.6 0-.78l-4.94-3.92c-.1-.1-.24-.14-.38-.12zm5.3 6.15l-2.92 2.4v2.52c0 .42-.3.72-.72.72h-5.4v-2.47c0-.3-.32-.53-.6-.47-.07.02-.13.05-.2.1L3.6 70.52c-.25.18-.25.6 0 .78l4.93 3.92c.28.22.78-.02.78-.38v-2.5h5.42c4.27 0 3.65.67 3.65-3.62v-4.47-.44zM19.25 78.8c-.1.03-.2.1-.28.17l-.9.9c-.44-.3-1.36-.25-3.35-.25H7.28c-1.08 0-1.86-.03-2.4-.03-1.64 0-1.25.43-1.25 3.65v.7l2.93.3v-1c0-.44.28-.72.72-.72h7.44c.2 0 .37.08.5.2l-1.8 1.8c-.25.26-.08.76.27.8l6.27.7c.28.03.56-.25.53-.53l-.7-6.25c0-.27-.3-.48-.55-.44zm-17.2 6.1c-.2.07-.36.3-.33.54l.7 6.25c.02.36.58.55.83.27l.8-.8c.02 0 .04-.02.04 0 .46.24 1.37.17 3.18.17h7.44c4.27 0 3.65.67 3.65-3.62v-.75l-2.93-.3v1.05c0 .42-.3.72-.72.72H7.28c-.15 0-.3-.03-.4-.1L8.8 86.4c.3-.24.1-.8-.27-.84l-6.28-.65h-.2zM4.88 98.6c-1.33 0-1.34.48-1.3 2.3l1.14-1.37c.08-.1.22-.17.34-.2.16 0 .34.08.44.2l1.66 2.03c.04 0 .07-.03.12-.03h7.44c.34 0 .57.2.65.5h-2.43c-.34.05-.53.52-.3.78l3.92 4.95c.18.24.6.24.78 0l3.94-4.94c.22-.27-.02-.76-.37-.77H18.4c.02-3.9.6-3.4-3.66-3.4H7.28c-1.08 0-1.86-.04-2.4-.04zm.15 2.46c-.1.03-.2.1-.28.2l-3.94 4.9c-.2.28.03.77.4.78H3.6c-.02 3.94-.45 3.4 3.66 3.4h7.44c3.65 0 3.74.3 3.7-2.25l-1.1 1.34c-.1.1-.2.17-.32.2-.16 0-.34-.08-.44-.2l-1.65-2.03c-.06.02-.1.04-.18.04H7.28c-.35 0-.57-.2-.66-.5h2.44c.37 0 .63-.5.4-.78l-3.96-4.9c-.1-.15-.3-.23-.47-.2zM4.88 117.6c-1.16 0-1.3.3-1.3 1.56l1.14-1.38c.08-.1.22-.14.34-.16.16 0 .34.04.44.16l2.22 2.75h7c.42 0 .72.28.72.72v.53h-2.6c-.3.1-.43.54-.2.78l3.92 4.9c.18.25.6.25.78 0l3.94-4.9c.22-.28-.02-.77-.37-.78H18.4v-.53c0-4.2.72-3.63-3.66-3.63H7.28c-1.08 0-1.86-.03-2.4-.03zm.1 1.74c-.1.03-.17.1-.23.16L.8 124.44c-.2.28.03.77.4.78H3.6v.5c0 4.26-.55 3.62 3.66 3.62h7.44c1.03 0 1.74.02 2.28 0-.16.02-.34-.03-.44-.15l-2.22-2.76H7.28c-.44 0-.72-.3-.72-.72v-.5h2.5c.37.02.63-.5.4-.78L5.5 119.5c-.12-.15-.34-.22-.53-.16zm12.02 10c1.2-.02 1.4-.25 1.4-1.53l-1.1 1.36c-.07.1-.17.17-.3.18zM5.94 136.6l2.37 2.93h6.42c.42 0 .72.28.72.72v1.25h-2.6c-.3.1-.43.54-.2.78l3.92 4.9c.18.25.6.25.78 0l3.94-4.9c.22-.28-.02-.77-.37-.78H18.4v-1.25c0-4.2.72-3.63-3.66-3.63H7.28c-.6 0-.92-.02-1.34-.03zm-1.72.06c-.4.08-.54.3-.6.75l.6-.74zm.84.93c-.12 0-.24.08-.3.18l-3.95 4.9c-.24.3 0 .83.4.82H3.6v1.22c0 4.26-.55 3.62 3.66 3.62h7.44c.63 0 .97.02 1.4.03l-2.37-2.93H7.28c-.44 0-.72-.3-.72-.72v-1.22h2.5c.4.04.67-.53.4-.8l-3.96-4.92c-.1-.13-.27-.2-.44-.2zm13.28 10.03l-.56.7c.36-.07.5-.3.56-.7zM17.13 155.6c-.55-.02-1.32.03-2.4.03h-8.2l2.38 2.9h5.82c.42 0 .72.28.72.72v1.97H12.9c-.32.06-.48.52-.28.78l3.94 4.94c.2.23.6.22.78-.03l3.94-4.9c.22-.28-.02-.77-.37-.78H18.4v-1.97c0-3.15.4-3.62-1.25-3.66zm-12.1.28c-.1.02-.2.1-.28.18l-3.94 4.9c-.2.3.03.78.4.8H3.6v1.96c0 4.26-.55 3.62 3.66 3.62h8.24l-2.36-2.9H7.28c-.44 0-.72-.3-.72-.72v-1.97h2.5c.37.02.63-.5.4-.78l-3.96-4.9c-.1-.15-.3-.22-.47-.2zM5.13 174.5c-.15 0-.3.07-.38.2L.8 179.6c-.24.27 0 .82.4.8H3.6v2.32c0 4.26-.55 3.62 3.66 3.62h7.94l-2.35-2.9h-5.6c-.43 0-.7-.3-.7-.72v-2.3h2.5c.38.03.66-.54.4-.83l-3.97-4.9c-.1-.13-.23-.2-.38-.2zm12 .1c-.55-.02-1.32.03-2.4.03H6.83l2.35 2.9h5.52c.42 0 .72.28.72.72v2.34h-2.6c-.3.1-.43.53-.2.78l3.92 4.9c.18.24.6.24.78 0l3.94-4.9c.22-.3-.02-.78-.37-.8H18.4v-2.33c0-3.15.4-3.62-1.25-3.66zM4.97 193.16c-.1.03-.17.1-.22.18l-3.94 4.9c-.2.3.03.78.4.8H3.6v2.68c0 4.26-.55 3.62 3.66 3.62h7.66l-2.3-2.84c-.03-.02-.03-.04-.05-.06H7.27c-.44 0-.72-.3-.72-.72v-2.7h2.5c.37.03.63-.48.4-.77l-3.96-4.9c-.12-.17-.34-.25-.53-.2zm12.16.43c-.55-.02-1.32.03-2.4.03H7.1l2.32 2.84.03.06h5.25c.42 0 .72.28.72.72v2.7h-2.5c-.36.02-.56.54-.3.8l3.92 4.9c.18.25.6.25.78 0l3.94-4.9c.26-.28 0-.83-.37-.8H18.4v-2.7c0-3.15.4-3.62-1.25-3.66z' fill='%232B90D9' stroke-width='0'/></svg>\")}button.icon-button.disabled i.fa-retweet,button.icon-button.disabled i.fa-retweet:hover{background-image:url(\"data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='22' height='209'><path d='M4.97 3.16c-.1.03-.17.1-.22.18L.8 8.24c-.2.3.03.78.4.8H3.6v2.68c0 4.26-.55 3.62 3.66 3.62h7.66l-2.3-2.84c-.03-.02-.03-.04-.05-.06H7.27c-.44 0-.72-.3-.72-.72v-2.7h2.5c.37.03.63-.48.4-.77L5.5 3.35c-.12-.17-.34-.25-.53-.2zm12.16.43c-.55-.02-1.32.02-2.4.02H7.1l2.32 2.85.03.06h5.25c.42 0 .72.28.72.72v2.7h-2.5c-.36.02-.56.54-.3.8l3.92 4.9c.18.25.6.25.78 0l3.94-4.9c.26-.28 0-.83-.37-.8H18.4v-2.7c0-3.15.4-3.62-1.25-3.66z' fill='%236274AB' stroke-width='0'/></svg>\")}.status-direct button.icon-button.disabled i.fa-retweet,.status-direct button.icon-button.disabled i.fa-retweet:hover{background-image:url(\"data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='22' height='209'><path d='M4.97 3.16c-.1.03-.17.1-.22.18L.8 8.24c-.2.3.03.78.4.8H3.6v2.68c0 4.26-.55 3.62 3.66 3.62h7.66l-2.3-2.84c-.03-.02-.03-.04-.05-.06H7.27c-.44 0-.72-.3-.72-.72v-2.7h2.5c.37.03.63-.48.4-.77L5.5 3.35c-.12-.17-.34-.25-.53-.2zm12.16.43c-.55-.02-1.32.02-2.4.02H7.1l2.32 2.85.03.06h5.25c.42 0 .72.28.72.72v2.7h-2.5c-.36.02-.56.54-.3.8l3.92 4.9c.18.25.6.25.78 0l3.94-4.9c.26-.28 0-.83-.37-.8H18.4v-2.7c0-3.15.4-3.62-1.25-3.66z' fill='%236274AB' stroke-width='0'/></svg>\")}.account{padding:10px;border-bottom:1px solid #393f4f;color:inherit;text-decoration:none}.account .account__display-name{flex:1 1 auto;display:block;color:#dde3ec;overflow:hidden;text-decoration:none;font-size:14px}.account.small{border:none;padding:0}.account.small>.account__avatar-wrapper{margin:0 8px 0 0}.account.small>.display-name{height:24px;line-height:24px}.account__wrapper{display:flex}.account__avatar-wrapper{float:left;margin-left:12px;margin-right:12px}.account__avatar{border-radius:8%;background-position:50%;background-clip:padding-box;position:relative;cursor:pointer}.account__avatar-inline{display:inline-block;vertical-align:middle;margin-right:5px}.account__avatar-composite{border-radius:8%;background-position:50%;background-clip:padding-box;overflow:hidden;position:relative;cursor:default}.account__avatar-composite div{border-radius:8%;background-position:50%;background-clip:padding-box;float:left;position:relative;box-sizing:border-box}.account__avatar-composite__label{display:block;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);color:#fff;text-shadow:1px 1px 2px #000;font-weight:700;font-size:15px}.account__avatar-overlay{position:relative;width:48px;height:48px;background-size:48px 48px}.account__avatar-overlay-base{border-radius:8%;background-position:50%;background-clip:padding-box;width:36px;height:36px;background-size:36px 36px}.account__avatar-overlay-overlay{border-radius:8%;background-position:50%;background-clip:padding-box;width:24px;height:24px;background-size:24px 24px;position:absolute;bottom:0;right:0;z-index:1}.account__relationship{height:18px;padding:10px;white-space:nowrap}.account__header__wrapper{flex:0 0 auto;background:#313543}.account__disclaimer{padding:10px;color:#c2cede}.account__disclaimer strong{font-weight:500}.account__disclaimer strong:lang(ja){font-weight:700}.account__disclaimer strong:lang(ko){font-weight:700}.account__disclaimer strong:lang(zh-CN){font-weight:700}.account__disclaimer strong:lang(zh-HK){font-weight:700}.account__disclaimer strong:lang(zh-TW){font-weight:700}.account__disclaimer a{font-weight:500;color:inherit;text-decoration:underline}.account__disclaimer a:hover,.account__disclaimer a:focus,.account__disclaimer a:active{text-decoration:none}.account__action-bar{border-top:1px solid #393f4f;border-bottom:1px solid #393f4f;line-height:36px;overflow:hidden;flex:0 0 auto;display:flex}.account__action-bar-links{display:flex;flex:1 1 auto;line-height:18px;text-align:center}.account__action-bar__tab{text-decoration:none;overflow:hidden;flex:0 1 100%;border-left:1px solid #393f4f;padding:10px 0;border-bottom:4px solid transparent}.account__action-bar__tab:first-child{border-left:0}.account__action-bar__tab.active{border-bottom:4px solid #2b5fd9}.account__action-bar__tab>span{display:block;text-transform:uppercase;font-size:11px;color:#dde3ec}.account__action-bar__tab strong{display:block;font-size:15px;font-weight:500;color:#fff}.account__action-bar__tab strong:lang(ja){font-weight:700}.account__action-bar__tab strong:lang(ko){font-weight:700}.account__action-bar__tab strong:lang(zh-CN){font-weight:700}.account__action-bar__tab strong:lang(zh-HK){font-weight:700}.account__action-bar__tab strong:lang(zh-TW){font-weight:700}.account__action-bar__tab abbr{color:#2b90d9}.account-authorize{padding:14px 10px}.account-authorize .detailed-status__display-name{display:block;margin-bottom:15px;overflow:hidden}.account-authorize__avatar{float:left;margin-right:10px}.notification__message{margin-left:42px;padding:8px 0 0 26px;cursor:default;color:#dde3ec;font-size:15px;position:relative}.notification__message .fa{color:#2b90d9}.notification__message>span{display:block;overflow:hidden;text-overflow:ellipsis}.account--panel{background:#313543;border-top:1px solid #393f4f;border-bottom:1px solid #393f4f;display:flex;flex-direction:row;padding:10px 0}.account--panel__button,.detailed-status__button{flex:1 1 auto;text-align:center}.column-settings__outer{background:#393f4f;padding:15px}.column-settings__section{color:#dde3ec;cursor:default;display:block;font-weight:500;margin-bottom:10px}.column-settings__hashtags .column-settings__row{margin-bottom:15px}.column-settings__hashtags .column-select__control{outline:0;box-sizing:border-box;width:100%;border:none;box-shadow:none;font-family:inherit;background:#282c37;color:#dde3ec;font-size:14px;margin:0}.column-settings__hashtags .column-select__control::placeholder{color:#eaeef3}.column-settings__hashtags .column-select__control::-moz-focus-inner{border:0}.column-settings__hashtags .column-select__control::-moz-focus-inner,.column-settings__hashtags .column-select__control:focus,.column-settings__hashtags .column-select__control:active{outline:0 !important}.column-settings__hashtags .column-select__control:focus{background:#313543}@media screen and (max-width: 600px){.column-settings__hashtags .column-select__control{font-size:16px}}.column-settings__hashtags .column-select__placeholder{color:#c2cede;padding-left:2px;font-size:12px}.column-settings__hashtags .column-select__value-container{padding-left:6px}.column-settings__hashtags .column-select__multi-value{background:#393f4f}.column-settings__hashtags .column-select__multi-value__remove{cursor:pointer}.column-settings__hashtags .column-select__multi-value__remove:hover,.column-settings__hashtags .column-select__multi-value__remove:active,.column-settings__hashtags .column-select__multi-value__remove:focus{background:#42485a;color:#eaeef3}.column-settings__hashtags .column-select__multi-value__label,.column-settings__hashtags .column-select__input{color:#dde3ec}.column-settings__hashtags .column-select__clear-indicator,.column-settings__hashtags .column-select__dropdown-indicator{cursor:pointer;transition:none;color:#c2cede}.column-settings__hashtags .column-select__clear-indicator:hover,.column-settings__hashtags .column-select__clear-indicator:active,.column-settings__hashtags .column-select__clear-indicator:focus,.column-settings__hashtags .column-select__dropdown-indicator:hover,.column-settings__hashtags .column-select__dropdown-indicator:active,.column-settings__hashtags .column-select__dropdown-indicator:focus{color:#d0d9e5}.column-settings__hashtags .column-select__indicator-separator{background-color:#393f4f}.column-settings__hashtags .column-select__menu{background:#fff;border-radius:4px;padding:10px 14px;padding-bottom:14px;margin-top:10px;color:#364861;box-shadow:2px 4px 15px rgba(0,0,0,.4);padding:0;background:#d9e1e8}.column-settings__hashtags .column-select__menu h4{text-transform:uppercase;color:#364861;font-size:13px;font-weight:500;margin-bottom:10px}.column-settings__hashtags .column-select__menu li{padding:4px 0}.column-settings__hashtags .column-select__menu ul{margin-bottom:10px}.column-settings__hashtags .column-select__menu em{font-weight:500;color:#000}.column-settings__hashtags .column-select__menu-list{padding:6px}.column-settings__hashtags .column-select__option{color:#000;border-radius:4px;font-size:14px}.column-settings__hashtags .column-select__option--is-focused,.column-settings__hashtags .column-select__option--is-selected{background:#b9c8d5}.column-settings__row .text-btn{margin-bottom:15px}.relationship-tag{color:#fff;margin-bottom:4px;display:block;vertical-align:top;background-color:#000;text-transform:uppercase;font-size:11px;font-weight:500;padding:4px;border-radius:4px;opacity:.7}.relationship-tag:hover{opacity:1}.account-gallery__container{display:flex;flex-wrap:wrap;padding:4px 2px}.account-gallery__item{border:none;box-sizing:border-box;display:block;position:relative;border-radius:4px;overflow:hidden;margin:2px}.account-gallery__item__icons{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);font-size:24px}.notification__filter-bar,.account__section-headline{background:#1f232b;border-bottom:1px solid #393f4f;cursor:default;display:flex;flex-shrink:0}.notification__filter-bar button,.account__section-headline button{background:#1f232b;border:0;margin:0}.notification__filter-bar button,.notification__filter-bar a,.account__section-headline button,.account__section-headline a{display:block;flex:1 1 auto;color:#dde3ec;padding:15px 0;font-size:14px;font-weight:500;text-align:center;text-decoration:none;position:relative}.notification__filter-bar button.active,.notification__filter-bar a.active,.account__section-headline button.active,.account__section-headline a.active{color:#ecf0f4}.notification__filter-bar button.active::before,.notification__filter-bar button.active::after,.notification__filter-bar a.active::before,.notification__filter-bar a.active::after,.account__section-headline button.active::before,.account__section-headline button.active::after,.account__section-headline a.active::before,.account__section-headline a.active::after{display:block;content:\"\";position:absolute;bottom:0;left:50%;width:0;height:0;transform:translateX(-50%);border-style:solid;border-width:0 10px 10px;border-color:transparent transparent #393f4f}.notification__filter-bar button.active::after,.notification__filter-bar a.active::after,.account__section-headline button.active::after,.account__section-headline a.active::after{bottom:-1px;border-color:transparent transparent #282c37}.notification__filter-bar.directory__section-headline,.account__section-headline.directory__section-headline{background:#242731;border-bottom-color:transparent}.notification__filter-bar.directory__section-headline a.active::before,.notification__filter-bar.directory__section-headline button.active::before,.account__section-headline.directory__section-headline a.active::before,.account__section-headline.directory__section-headline button.active::before{display:none}.notification__filter-bar.directory__section-headline a.active::after,.notification__filter-bar.directory__section-headline button.active::after,.account__section-headline.directory__section-headline a.active::after,.account__section-headline.directory__section-headline button.active::after{border-color:transparent transparent #191b22}.account__moved-note{padding:14px 10px;padding-bottom:16px;background:#313543;border-top:1px solid #393f4f;border-bottom:1px solid #393f4f}.account__moved-note__message{position:relative;margin-left:58px;color:#c2cede;padding:8px 0;padding-top:0;padding-bottom:4px;font-size:14px}.account__moved-note__message>span{display:block;overflow:hidden;text-overflow:ellipsis}.account__moved-note__icon-wrapper{left:-26px;position:absolute}.account__moved-note .detailed-status__display-avatar{position:relative}.account__moved-note .detailed-status__display-name{margin-bottom:0}.account__header__content{color:#dde3ec;font-size:14px;font-weight:400;overflow:hidden;word-break:normal;word-wrap:break-word}.account__header__content p{margin-bottom:20px}.account__header__content p:last-child{margin-bottom:0}.account__header__content a{color:inherit;text-decoration:underline}.account__header__content a:hover{text-decoration:none}.account__header{overflow:hidden}.account__header.inactive{opacity:.5}.account__header.inactive .account__header__image,.account__header.inactive .account__avatar{filter:grayscale(100%)}.account__header__info{position:absolute;top:10px;left:10px}.account__header__image{overflow:hidden;height:145px;position:relative;background:#1f232b}.account__header__image img{object-fit:cover;display:block;width:100%;height:100%;margin:0}.account__header__bar{position:relative;background:#313543;padding:5px;border-bottom:1px solid #42485a}.account__header__bar .avatar{display:block;flex:0 0 auto;width:94px;margin-left:-2px}.account__header__bar .avatar .account__avatar{background:#17191f;border:2px solid #313543}.account__header__tabs{display:flex;align-items:flex-start;padding:7px 5px;margin-top:-55px}.account__header__tabs__buttons{display:flex;align-items:center;padding-top:55px;overflow:hidden}.account__header__tabs__buttons .icon-button{border:1px solid #42485a;border-radius:4px;box-sizing:content-box;padding:2px}.account__header__tabs__buttons .button{margin:0 8px}.account__header__tabs__name{padding:5px}.account__header__tabs__name .account-role{vertical-align:top}.account__header__tabs__name .emojione{width:22px;height:22px}.account__header__tabs__name h1{font-size:16px;line-height:24px;color:#fff;font-weight:500;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.account__header__tabs__name h1 small{display:block;font-size:14px;color:#dde3ec;font-weight:400;overflow:hidden;text-overflow:ellipsis}.account__header__tabs .spacer{flex:1 1 auto}.account__header__bio{overflow:hidden;margin:0 -5px}.account__header__bio .account__header__content{padding:20px 15px;padding-bottom:5px;color:#fff}.account__header__bio .account__header__fields{margin:0;border-top:1px solid #42485a}.account__header__bio .account__header__fields a{color:#4e79df}.account__header__bio .account__header__fields dl:first-child .verified{border-radius:0 4px 0 0}.account__header__bio .account__header__fields .verified a{color:#79bd9a}.account__header__extra{margin-top:4px}.account__header__extra__links{font-size:14px;color:#dde3ec;padding:10px 0}.account__header__extra__links a{display:inline-block;color:#dde3ec;text-decoration:none;padding:5px 10px;font-weight:500}.account__header__extra__links a strong{font-weight:700;color:#fff}.domain{padding:10px;border-bottom:1px solid #393f4f}.domain .domain__domain-name{flex:1 1 auto;display:block;color:#fff;text-decoration:none;font-size:14px;font-weight:500}.domain__wrapper{display:flex}.domain_buttons{height:18px;padding:10px;white-space:nowrap}@keyframes spring-flip-in{0%{transform:rotate(0deg)}30%{transform:rotate(-242.4deg)}60%{transform:rotate(-158.35deg)}90%{transform:rotate(-187.5deg)}100%{transform:rotate(-180deg)}}@keyframes spring-flip-out{0%{transform:rotate(-180deg)}30%{transform:rotate(62.4deg)}60%{transform:rotate(-21.635deg)}90%{transform:rotate(7.5deg)}100%{transform:rotate(0deg)}}.status__content--with-action{cursor:pointer}.status__content{position:relative;margin:10px 0;font-size:15px;line-height:20px;word-wrap:break-word;font-weight:400;overflow:visible;padding-top:5px}.status__content:focus{outline:0}.status__content .emojione{width:20px;height:20px;margin:-3px 0 0}.status__content img{max-width:100%;max-height:400px;object-fit:contain}.status__content p,.status__content pre,.status__content blockquote{margin-bottom:20px;white-space:pre-wrap}.status__content p:last-child,.status__content pre:last-child,.status__content blockquote:last-child{margin-bottom:0}.status__content .status__content__text,.status__content .e-content{overflow:hidden}.status__content .status__content__text>ul,.status__content .status__content__text>ol,.status__content .e-content>ul,.status__content .e-content>ol{margin-bottom:20px}.status__content .status__content__text h1,.status__content .status__content__text h2,.status__content .status__content__text h3,.status__content .status__content__text h4,.status__content .status__content__text h5,.status__content .e-content h1,.status__content .e-content h2,.status__content .e-content h3,.status__content .e-content h4,.status__content .e-content h5{margin-top:20px;margin-bottom:20px}.status__content .status__content__text h1,.status__content .status__content__text h2,.status__content .e-content h1,.status__content .e-content h2{font-weight:700;font-size:1.2em}.status__content .status__content__text h2,.status__content .e-content h2{font-size:1.1em}.status__content .status__content__text h3,.status__content .status__content__text h4,.status__content .status__content__text h5,.status__content .e-content h3,.status__content .e-content h4,.status__content .e-content h5{font-weight:500}.status__content .status__content__text blockquote,.status__content .e-content blockquote{padding-left:10px;border-left:3px solid #dde3ec;color:#dde3ec;white-space:normal}.status__content .status__content__text blockquote p:last-child,.status__content .e-content blockquote p:last-child{margin-bottom:0}.status__content .status__content__text b,.status__content .status__content__text strong,.status__content .e-content b,.status__content .e-content strong{font-weight:700}.status__content .status__content__text em,.status__content .status__content__text i,.status__content .e-content em,.status__content .e-content i{font-style:italic}.status__content .status__content__text sub,.status__content .e-content sub{font-size:smaller;text-align:sub}.status__content .status__content__text sup,.status__content .e-content sup{font-size:smaller;vertical-align:super}.status__content .status__content__text ul,.status__content .status__content__text ol,.status__content .e-content ul,.status__content .e-content ol{margin-left:1em}.status__content .status__content__text ul p,.status__content .status__content__text ol p,.status__content .e-content ul p,.status__content .e-content ol p{margin:0}.status__content .status__content__text ul,.status__content .e-content ul{list-style-type:disc}.status__content .status__content__text ol,.status__content .e-content ol{list-style-type:decimal}.status__content a{color:#d8a070;text-decoration:none}.status__content a:hover{text-decoration:underline}.status__content a:hover .fa{color:#dae1ea}.status__content a.mention:hover{text-decoration:none}.status__content a.mention:hover span{text-decoration:underline}.status__content a .fa{color:#c2cede}.status__content .status__content__spoiler{display:none}.status__content .status__content__spoiler.status__content__spoiler--visible{display:block}.status__content a.unhandled-link{color:#4e79df}.status__content a.unhandled-link .link-origin-tag{color:#ca8f04;font-size:.8em}.status__content .status__content__spoiler-link{background:#687390}.status__content .status__content__spoiler-link:hover{background:#707b97;text-decoration:none}.status__content__spoiler-link{display:inline-block;border-radius:2px;background:#687390;border:none;color:#000;font-weight:500;font-size:11px;padding:0 5px;text-transform:uppercase;line-height:inherit;cursor:pointer;vertical-align:bottom}.status__content__spoiler-link:hover{background:#707b97;text-decoration:none}.status__content__spoiler-link .status__content__spoiler-icon{display:inline-block;margin:0 0 0 5px;border-left:1px solid currentColor;padding:0 0 0 4px;font-size:16px;vertical-align:-2px}.notif-cleaning .status,.notif-cleaning .notification-follow,.notif-cleaning .notification-follow-request{padding-right:4.5rem}.status__wrapper--filtered{color:#c2cede;border:0;font-size:inherit;text-align:center;line-height:inherit;margin:0;padding:15px;box-sizing:border-box;width:100%;clear:both;border-bottom:1px solid #393f4f}.status__prepend-icon-wrapper{left:-26px;position:absolute}.notification-follow,.notification-follow-request{position:relative;border-bottom:1px solid #393f4f}.notification-follow .account,.notification-follow-request .account{border-bottom:0 none}.focusable:focus{outline:0;background:#313543}.focusable:focus.status.status-direct:not(.read){background:#42485a}.focusable:focus.status.status-direct:not(.read).muted{background:transparent}.focusable:focus .detailed-status,.focusable:focus .detailed-status__action-bar{background:#393f4f}.status{padding:10px 14px;position:relative;height:auto;border-bottom:1px solid #393f4f;cursor:default;opacity:1;animation:fade 150ms linear}@supports(-ms-overflow-style: -ms-autohiding-scrollbar){.status{padding-right:28px}}@keyframes fade{0%{opacity:0}100%{opacity:1}}.status .video-player,.status .audio-player{margin-top:8px}.status.status-direct:not(.read){background:#393f4f;border-bottom-color:#42485a}.status.light .status__relative-time{color:#1b1e25}.status.light .status__display-name{color:#000}.status.light .display-name strong{color:#000}.status.light .display-name span{color:#1b1e25}.status.light .status__content{color:#000}.status.light .status__content a{color:#2b90d9}.status.light .status__content a.status__content__spoiler-link{color:#fff;background:#9baec8}.status.light .status__content a.status__content__spoiler-link:hover{background:#b5c3d6}.status.collapsed{background-position:center;background-size:cover;user-select:none}.status.collapsed.has-background::before{display:block;position:absolute;left:0;right:0;top:0;bottom:0;background-image:linear-gradient(to bottom, rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0.65) 24px, rgba(0, 0, 0, 0.8));pointer-events:none;content:\"\"}.status.collapsed .display-name:hover .display-name__html{text-decoration:none}.status.collapsed .status__content{height:20px;overflow:hidden;text-overflow:ellipsis;padding-top:0}.status.collapsed .status__content:after{content:\"\";position:absolute;top:0;bottom:0;left:0;right:0;background:linear-gradient(rgba(40, 44, 55, 0), #282c37);pointer-events:none}.status.collapsed .status__content a:hover{text-decoration:none}.status.collapsed:focus>.status__content:after{background:linear-gradient(rgba(49, 53, 67, 0), #313543)}.status.collapsed.status-direct:not(.read)>.status__content:after{background:linear-gradient(rgba(57, 63, 79, 0), #393f4f)}.status.collapsed .notification__message{margin-bottom:0}.status.collapsed .status__info .notification__message>span{white-space:nowrap}.status .notification__message{margin:-10px 0px 10px 0}.notification-favourite .status.status-direct{background:transparent}.notification-favourite .status.status-direct .icon-button.disabled{color:#b8c0d9}.status__relative-time{display:inline-block;flex-grow:1;color:#c2cede;font-size:14px;text-align:right;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.status__display-name{color:#c2cede;overflow:hidden}.status__info__account .status__display-name{display:block;max-width:100%}.status__info{display:flex;justify-content:space-between;font-size:15px}.status__info>span{text-overflow:ellipsis;overflow:hidden}.status__info .notification__message>span{word-wrap:break-word}.status__info__icons{display:flex;align-items:center;height:1em;color:#8d9ac2}.status__info__icons .status__media-icon,.status__info__icons .status__visibility-icon,.status__info__icons .status__reply-icon{padding-left:2px;padding-right:2px}.status__info__icons .status__collapse-button.active>.fa-angle-double-up{transform:rotate(-180deg)}.no-reduce-motion .status__collapse-button.activate>.fa-angle-double-up{animation:spring-flip-in 1s linear}.no-reduce-motion .status__collapse-button.deactivate>.fa-angle-double-up{animation:spring-flip-out 1s linear}.status__info__account{display:flex;align-items:center;justify-content:flex-start}.status-check-box{border-bottom:1px solid #d9e1e8;display:flex}.status-check-box .status-check-box__status{margin:10px 0 10px 10px;flex:1}.status-check-box .status-check-box__status .media-gallery{max-width:250px}.status-check-box .status-check-box__status .status__content{padding:0;white-space:normal}.status-check-box .status-check-box__status .video-player,.status-check-box .status-check-box__status .audio-player{margin-top:8px;max-width:250px}.status-check-box .status-check-box__status .media-gallery__item-thumbnail{cursor:default}.status-check-box-toggle{align-items:center;display:flex;flex:0 0 auto;justify-content:center;padding:10px}.status__prepend{margin-top:-10px;margin-bottom:10px;margin-left:58px;color:#c2cede;padding:8px 0;padding-bottom:2px;font-size:14px;position:relative}.status__prepend .status__display-name strong{color:#c2cede}.status__prepend>span{display:block;overflow:hidden;text-overflow:ellipsis}.status__action-bar{align-items:center;display:flex;margin-top:8px}.status__action-bar__counter{display:inline-flex;margin-right:11px;align-items:center}.status__action-bar__counter .status__action-bar-button{margin-right:4px}.status__action-bar__counter__label{display:inline-block;width:14px;font-size:12px;font-weight:500;color:#8d9ac2}.status__action-bar-button{margin-right:18px}.status__action-bar-dropdown{height:23.15px;width:23.15px}.detailed-status__action-bar-dropdown{flex:1 1 auto;display:flex;align-items:center;justify-content:center;position:relative}.detailed-status{background:#313543;padding:14px 10px}.detailed-status--flex{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-start}.detailed-status--flex .status__content,.detailed-status--flex .detailed-status__meta{flex:100%}.detailed-status .status__content{font-size:19px;line-height:24px}.detailed-status .status__content .emojione{width:24px;height:24px;margin:-1px 0 0}.detailed-status .video-player,.detailed-status .audio-player{margin-top:8px}.detailed-status__meta{margin-top:15px;color:#c2cede;font-size:14px;line-height:18px}.detailed-status__action-bar{background:#313543;border-top:1px solid #393f4f;border-bottom:1px solid #393f4f;display:flex;flex-direction:row;padding:10px 0}.detailed-status__link{color:inherit;text-decoration:none}.detailed-status__favorites,.detailed-status__reblogs{display:inline-block;font-weight:500;font-size:12px;margin-left:6px}.status__display-name,.status__relative-time,.detailed-status__display-name,.detailed-status__datetime,.detailed-status__application,.account__display-name{text-decoration:none}.status__display-name strong,.account__display-name strong{color:#fff}.muted .emojione{opacity:.5}a.status__display-name:hover strong,.reply-indicator__display-name:hover strong,.detailed-status__display-name:hover strong,.account__display-name:hover strong{text-decoration:underline}.account__display-name strong{display:block;overflow:hidden;text-overflow:ellipsis}.detailed-status__application,.detailed-status__datetime{color:inherit}.detailed-status .button.logo-button{margin-bottom:15px}.detailed-status__display-name{color:#ecf0f4;display:block;line-height:24px;margin-bottom:15px;overflow:hidden}.detailed-status__display-name strong,.detailed-status__display-name span{display:block;text-overflow:ellipsis;overflow:hidden}.detailed-status__display-name strong{font-size:16px;color:#fff}.detailed-status__display-avatar{float:left;margin-right:10px}.status__avatar{flex:none;margin:0 10px 0 0;height:48px;width:48px}.muted .status__content,.muted .status__content p,.muted .status__content a,.muted .status__content__text{color:#c2cede}.muted .status__display-name strong{color:#c2cede}.muted .status__avatar{opacity:.5}.muted a.status__content__spoiler-link{background:#606984;color:#000}.muted a.status__content__spoiler-link:hover{background:#66718d;text-decoration:none}.status__relative-time:hover,.detailed-status__datetime:hover{text-decoration:underline}.status-card{display:flex;font-size:14px;border:1px solid #393f4f;border-radius:4px;color:#c2cede;margin-top:14px;text-decoration:none;overflow:hidden}.status-card__actions{bottom:0;left:0;position:absolute;right:0;top:0;display:flex;justify-content:center;align-items:center}.status-card__actions>div{background:rgba(0,0,0,.6);border-radius:8px;padding:12px 9px;flex:0 0 auto;display:flex;justify-content:center;align-items:center}.status-card__actions button,.status-card__actions a{display:inline;color:#ecf0f4;background:transparent;border:0;padding:0 8px;text-decoration:none;font-size:18px;line-height:18px}.status-card__actions button:hover,.status-card__actions button:active,.status-card__actions button:focus,.status-card__actions a:hover,.status-card__actions a:active,.status-card__actions a:focus{color:#fff}.status-card__actions a{font-size:19px;position:relative;bottom:-1px}.status-card__actions a .fa,.status-card__actions a:hover .fa{color:inherit}a.status-card{cursor:pointer}a.status-card:hover{background:#393f4f}.status-card-photo{cursor:zoom-in;display:block;text-decoration:none;width:100%;height:auto;margin:0}.status-card-video iframe{width:100%;height:100%}.status-card__title{display:block;font-weight:500;margin-bottom:5px;color:#dde3ec;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-decoration:none}.status-card__content{flex:1 1 auto;overflow:hidden;padding:14px 14px 14px 8px}.status-card__description{color:#dde3ec}.status-card__host{display:block;margin-top:5px;font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.status-card__image{flex:0 0 100px;background:#393f4f;position:relative}.status-card__image>.fa{font-size:21px;position:absolute;transform-origin:50% 50%;top:50%;left:50%;transform:translate(-50%, -50%)}.status-card.horizontal{display:block}.status-card.horizontal .status-card__image{width:100%}.status-card.horizontal .status-card__image-image{border-radius:4px 4px 0 0}.status-card.horizontal .status-card__title{white-space:inherit}.status-card.compact{border-color:#313543}.status-card.compact.interactive{border:0}.status-card.compact .status-card__content{padding:8px;padding-top:10px}.status-card.compact .status-card__title{white-space:nowrap}.status-card.compact .status-card__image{flex:0 0 60px}a.status-card.compact:hover{background-color:#313543}.status-card__image-image{border-radius:4px 0 0 4px;display:block;margin:0;width:100%;height:100%;object-fit:cover;background-size:cover;background-position:center center}.attachment-list{display:flex;font-size:14px;border:1px solid #393f4f;border-radius:4px;margin-top:14px;overflow:hidden}.attachment-list__icon{flex:0 0 auto;color:#c2cede;padding:8px 18px;cursor:default;border-right:1px solid #393f4f;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:26px}.attachment-list__icon .fa{display:block}.attachment-list__list{list-style:none;padding:4px 0;padding-left:8px;display:flex;flex-direction:column;justify-content:center}.attachment-list__list li{display:block;padding:4px 0}.attachment-list__list a{text-decoration:none;color:#c2cede;font-weight:500}.attachment-list__list a:hover{text-decoration:underline}.attachment-list.compact{border:0;margin-top:4px}.attachment-list.compact .attachment-list__list{padding:0;display:block}.attachment-list.compact .fa{color:#c2cede}.status__wrapper--filtered__button{display:inline;color:#4e79df;border:0;background:transparent;padding:0;font-size:inherit;line-height:inherit}.status__wrapper--filtered__button:hover,.status__wrapper--filtered__button:active{text-decoration:underline}.modal-container--preloader{background:#393f4f}.modal-root{position:relative;transition:opacity .3s linear;will-change:opacity;z-index:9999}.modal-root__overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.7)}.modal-root__container{position:fixed;top:0;left:0;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;align-content:space-around;z-index:9999;pointer-events:none;user-select:none}.modal-root__modal{pointer-events:auto;display:flex;z-index:9999}.onboarding-modal,.error-modal,.embed-modal{background:#d9e1e8;color:#000;border-radius:8px;overflow:hidden;display:flex;flex-direction:column}.onboarding-modal__pager{height:80vh;width:80vw;max-width:520px;max-height:470px}.onboarding-modal__pager .react-swipeable-view-container>div{width:100%;height:100%;box-sizing:border-box;display:none;flex-direction:column;align-items:center;justify-content:center;display:flex;user-select:text}.error-modal__body{height:80vh;width:80vw;max-width:520px;max-height:420px;position:relative}.error-modal__body>div{position:absolute;top:0;left:0;width:100%;height:100%;box-sizing:border-box;padding:25px;display:none;flex-direction:column;align-items:center;justify-content:center;display:flex;opacity:0;user-select:text}.error-modal__body{display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center}@media screen and (max-width: 550px){.onboarding-modal{width:100%;height:100%;border-radius:0}.onboarding-modal__pager{width:100%;height:auto;max-width:none;max-height:none;flex:1 1 auto}}.onboarding-modal__paginator,.error-modal__footer{flex:0 0 auto;background:#c0cdd9;display:flex;padding:25px}.onboarding-modal__paginator>div,.error-modal__footer>div{min-width:33px}.onboarding-modal__paginator .onboarding-modal__nav,.onboarding-modal__paginator .error-modal__nav,.error-modal__footer .onboarding-modal__nav,.error-modal__footer .error-modal__nav{color:#1b1e25;border:0;font-size:14px;font-weight:500;padding:10px 25px;line-height:inherit;height:auto;margin:-10px;border-radius:4px;background-color:transparent}.onboarding-modal__paginator .onboarding-modal__nav:hover,.onboarding-modal__paginator .onboarding-modal__nav:focus,.onboarding-modal__paginator .onboarding-modal__nav:active,.onboarding-modal__paginator .error-modal__nav:hover,.onboarding-modal__paginator .error-modal__nav:focus,.onboarding-modal__paginator .error-modal__nav:active,.error-modal__footer .onboarding-modal__nav:hover,.error-modal__footer .onboarding-modal__nav:focus,.error-modal__footer .onboarding-modal__nav:active,.error-modal__footer .error-modal__nav:hover,.error-modal__footer .error-modal__nav:focus,.error-modal__footer .error-modal__nav:active{color:#131419;background-color:#a6b9c9}.onboarding-modal__paginator .onboarding-modal__nav.onboarding-modal__done,.onboarding-modal__paginator .onboarding-modal__nav.onboarding-modal__next,.onboarding-modal__paginator .error-modal__nav.onboarding-modal__done,.onboarding-modal__paginator .error-modal__nav.onboarding-modal__next,.error-modal__footer .onboarding-modal__nav.onboarding-modal__done,.error-modal__footer .onboarding-modal__nav.onboarding-modal__next,.error-modal__footer .error-modal__nav.onboarding-modal__done,.error-modal__footer .error-modal__nav.onboarding-modal__next{color:#000}.onboarding-modal__paginator .onboarding-modal__nav.onboarding-modal__done:hover,.onboarding-modal__paginator .onboarding-modal__nav.onboarding-modal__done:focus,.onboarding-modal__paginator .onboarding-modal__nav.onboarding-modal__done:active,.onboarding-modal__paginator .onboarding-modal__nav.onboarding-modal__next:hover,.onboarding-modal__paginator .onboarding-modal__nav.onboarding-modal__next:focus,.onboarding-modal__paginator .onboarding-modal__nav.onboarding-modal__next:active,.onboarding-modal__paginator .error-modal__nav.onboarding-modal__done:hover,.onboarding-modal__paginator .error-modal__nav.onboarding-modal__done:focus,.onboarding-modal__paginator .error-modal__nav.onboarding-modal__done:active,.onboarding-modal__paginator .error-modal__nav.onboarding-modal__next:hover,.onboarding-modal__paginator .error-modal__nav.onboarding-modal__next:focus,.onboarding-modal__paginator .error-modal__nav.onboarding-modal__next:active,.error-modal__footer .onboarding-modal__nav.onboarding-modal__done:hover,.error-modal__footer .onboarding-modal__nav.onboarding-modal__done:focus,.error-modal__footer .onboarding-modal__nav.onboarding-modal__done:active,.error-modal__footer .onboarding-modal__nav.onboarding-modal__next:hover,.error-modal__footer .onboarding-modal__nav.onboarding-modal__next:focus,.error-modal__footer .onboarding-modal__nav.onboarding-modal__next:active,.error-modal__footer .error-modal__nav.onboarding-modal__done:hover,.error-modal__footer .error-modal__nav.onboarding-modal__done:focus,.error-modal__footer .error-modal__nav.onboarding-modal__done:active,.error-modal__footer .error-modal__nav.onboarding-modal__next:hover,.error-modal__footer .error-modal__nav.onboarding-modal__next:focus,.error-modal__footer .error-modal__nav.onboarding-modal__next:active{color:#0a0a0a}.error-modal__footer{justify-content:center}.onboarding-modal__dots{flex:1 1 auto;display:flex;align-items:center;justify-content:center}.onboarding-modal__dot{width:14px;height:14px;border-radius:14px;background:#a6b9c9;margin:0 3px;cursor:pointer}.onboarding-modal__dot:hover{background:#a0b4c5}.onboarding-modal__dot.active{cursor:default;background:#8da5ba}.onboarding-modal__page__wrapper{pointer-events:none;padding:25px;padding-bottom:0}.onboarding-modal__page__wrapper.onboarding-modal__page__wrapper--active{pointer-events:auto}.onboarding-modal__page{cursor:default;line-height:21px}.onboarding-modal__page h1{font-size:18px;font-weight:500;color:#000;margin-bottom:20px}.onboarding-modal__page a{color:#2b90d9}.onboarding-modal__page a:hover,.onboarding-modal__page a:focus,.onboarding-modal__page a:active{color:#3c99dc}.onboarding-modal__page .navigation-bar a{color:inherit}.onboarding-modal__page p{font-size:16px;color:#1b1e25;margin-top:10px;margin-bottom:10px}.onboarding-modal__page p:last-child{margin-bottom:0}.onboarding-modal__page p strong{font-weight:500;background:#282c37;color:#ecf0f4;border-radius:4px;font-size:14px;padding:3px 6px}.onboarding-modal__page p strong:lang(ja){font-weight:700}.onboarding-modal__page p strong:lang(ko){font-weight:700}.onboarding-modal__page p strong:lang(zh-CN){font-weight:700}.onboarding-modal__page p strong:lang(zh-HK){font-weight:700}.onboarding-modal__page p strong:lang(zh-TW){font-weight:700}.onboarding-modal__page__wrapper-0{height:100%;padding:0}.onboarding-modal__page-one__lead{padding:65px;padding-top:45px;padding-bottom:0;margin-bottom:10px}.onboarding-modal__page-one__lead h1{font-size:26px;line-height:36px;margin-bottom:8px}.onboarding-modal__page-one__lead p{margin-bottom:0}.onboarding-modal__page-one__extra{padding-right:65px;padding-left:185px;text-align:center}.display-case{text-align:center;font-size:15px;margin-bottom:15px}.display-case__label{font-weight:500;color:#000;margin-bottom:5px;text-transform:uppercase;font-size:12px}.display-case__case{background:#282c37;color:#ecf0f4;font-weight:500;padding:10px;border-radius:4px}.onboarding-modal__page-two p,.onboarding-modal__page-three p,.onboarding-modal__page-four p,.onboarding-modal__page-five p{text-align:left}.onboarding-modal__page-two .figure,.onboarding-modal__page-three .figure,.onboarding-modal__page-four .figure,.onboarding-modal__page-five .figure{background:#17191f;color:#ecf0f4;margin-bottom:20px;border-radius:4px;padding:10px;text-align:center;font-size:14px;box-shadow:1px 2px 6px rgba(0,0,0,.3)}.onboarding-modal__page-two .figure .onboarding-modal__image,.onboarding-modal__page-three .figure .onboarding-modal__image,.onboarding-modal__page-four .figure .onboarding-modal__image,.onboarding-modal__page-five .figure .onboarding-modal__image{border-radius:4px;margin-bottom:10px}.onboarding-modal__page-two .figure.non-interactive,.onboarding-modal__page-three .figure.non-interactive,.onboarding-modal__page-four .figure.non-interactive,.onboarding-modal__page-five .figure.non-interactive{pointer-events:none;text-align:left}.onboarding-modal__page-four__columns .row{display:flex;margin-bottom:20px}.onboarding-modal__page-four__columns .row>div{flex:1 1 0;margin:0 10px}.onboarding-modal__page-four__columns .row>div:first-child{margin-left:0}.onboarding-modal__page-four__columns .row>div:last-child{margin-right:0}.onboarding-modal__page-four__columns .row>div p{text-align:center}.onboarding-modal__page-four__columns .row:last-child{margin-bottom:0}.onboarding-modal__page-four__columns .column-header{color:#fff}@media screen and (max-width: 320px)and (max-height: 600px){.onboarding-modal__page p{font-size:14px;line-height:20px}.onboarding-modal__page-two .figure,.onboarding-modal__page-three .figure,.onboarding-modal__page-four .figure,.onboarding-modal__page-five .figure{font-size:12px;margin-bottom:10px}.onboarding-modal__page-four__columns .row{margin-bottom:10px}.onboarding-modal__page-four__columns .column-header{padding:5px;font-size:12px}}.onboard-sliders{display:inline-block;max-width:30px;max-height:auto;margin-left:10px}.boost-modal,.doodle-modal,.favourite-modal,.confirmation-modal,.report-modal,.actions-modal,.mute-modal,.block-modal{background:#f2f5f7;color:#000;border-radius:8px;overflow:hidden;max-width:90vw;width:480px;position:relative;flex-direction:column}.boost-modal .status__relative-time,.doodle-modal .status__relative-time,.favourite-modal .status__relative-time,.confirmation-modal .status__relative-time,.report-modal .status__relative-time,.actions-modal .status__relative-time,.mute-modal .status__relative-time,.block-modal .status__relative-time{color:#c2cede;float:right;font-size:14px;width:auto;margin:initial;padding:initial}.boost-modal .status__display-name,.doodle-modal .status__display-name,.favourite-modal .status__display-name,.confirmation-modal .status__display-name,.report-modal .status__display-name,.actions-modal .status__display-name,.mute-modal .status__display-name,.block-modal .status__display-name{display:flex}.boost-modal .status__avatar,.doodle-modal .status__avatar,.favourite-modal .status__avatar,.confirmation-modal .status__avatar,.report-modal .status__avatar,.actions-modal .status__avatar,.mute-modal .status__avatar,.block-modal .status__avatar{height:48px;width:48px}.boost-modal .status__content__spoiler-link,.doodle-modal .status__content__spoiler-link,.favourite-modal .status__content__spoiler-link,.confirmation-modal .status__content__spoiler-link,.report-modal .status__content__spoiler-link,.actions-modal .status__content__spoiler-link,.mute-modal .status__content__spoiler-link,.block-modal .status__content__spoiler-link{color:#fff}.actions-modal .status{background:#fff;border-bottom-color:#d9e1e8;padding-top:10px;padding-bottom:10px}.actions-modal .dropdown-menu__separator{border-bottom-color:#d9e1e8}.boost-modal__container,.favourite-modal__container{overflow-x:scroll;padding:10px}.boost-modal__container .status,.favourite-modal__container .status{user-select:text;border-bottom:0}.boost-modal__action-bar,.doodle-modal__action-bar,.favourite-modal__action-bar,.confirmation-modal__action-bar,.mute-modal__action-bar,.block-modal__action-bar{display:flex;justify-content:space-between;background:#d9e1e8;padding:10px;line-height:36px}.boost-modal__action-bar>div,.doodle-modal__action-bar>div,.favourite-modal__action-bar>div,.confirmation-modal__action-bar>div,.mute-modal__action-bar>div,.block-modal__action-bar>div{flex:1 1 auto;text-align:right;color:#1b1e25;padding-right:10px}.boost-modal__action-bar .button,.doodle-modal__action-bar .button,.favourite-modal__action-bar .button,.confirmation-modal__action-bar .button,.mute-modal__action-bar .button,.block-modal__action-bar .button{flex:0 0 auto}.boost-modal__status-header,.favourite-modal__status-header{font-size:15px}.boost-modal__status-time,.favourite-modal__status-time{float:right;font-size:14px}.mute-modal,.block-modal{line-height:24px}.mute-modal .react-toggle,.block-modal .react-toggle{vertical-align:middle}.report-modal{width:90vw;max-width:700px}.report-modal__container{display:flex;border-top:1px solid #d9e1e8}@media screen and (max-width: 480px){.report-modal__container{flex-wrap:wrap;overflow-y:auto}}.report-modal__statuses,.report-modal__comment{box-sizing:border-box;width:50%}@media screen and (max-width: 480px){.report-modal__statuses,.report-modal__comment{width:100%}}.report-modal__statuses,.focal-point-modal__content{flex:1 1 auto;min-height:20vh;max-height:80vh;overflow-y:auto;overflow-x:hidden}.report-modal__statuses .status__content a,.focal-point-modal__content .status__content a{color:#2b90d9}@media screen and (max-width: 480px){.report-modal__statuses,.focal-point-modal__content{max-height:10vh}}@media screen and (max-width: 480px){.focal-point-modal__content{max-height:40vh}}.report-modal__comment{padding:20px;border-right:1px solid #d9e1e8;max-width:320px}.report-modal__comment p{font-size:14px;line-height:20px;margin-bottom:20px}.report-modal__comment .setting-text{display:block;box-sizing:border-box;width:100%;margin:0;color:#000;background:#fff;padding:10px;font-family:inherit;font-size:14px;resize:none;border:0;outline:0;border-radius:4px;border:1px solid #d9e1e8;min-height:100px;max-height:50vh;margin-bottom:10px}.report-modal__comment .setting-text:focus{border:1px solid #c0cdd9}.report-modal__comment .setting-text__wrapper{background:#fff;border:1px solid #d9e1e8;margin-bottom:10px;border-radius:4px}.report-modal__comment .setting-text__wrapper .setting-text{border:0;margin-bottom:0;border-radius:0}.report-modal__comment .setting-text__wrapper .setting-text:focus{border:0}.report-modal__comment .setting-text__wrapper__modifiers{color:#000;font-family:inherit;font-size:14px;background:#fff}.report-modal__comment .setting-text__toolbar{display:flex;justify-content:space-between;margin-bottom:20px}.report-modal__comment .setting-text-label{display:block;color:#000;font-size:14px;font-weight:500;margin-bottom:10px}.report-modal__comment .setting-toggle{margin-top:20px;margin-bottom:24px}.report-modal__comment .setting-toggle__label{color:#000;font-size:14px}@media screen and (max-width: 480px){.report-modal__comment{padding:10px;max-width:100%;order:2}.report-modal__comment .setting-toggle{margin-bottom:4px}}.actions-modal{max-height:80vh;max-width:80vw}.actions-modal .status{overflow-y:auto;max-height:300px}.actions-modal strong{display:block;font-weight:500}.actions-modal .actions-modal__item-label{font-weight:500}.actions-modal ul{overflow-y:auto;flex-shrink:0;max-height:80vh}.actions-modal ul.with-status{max-height:calc(80vh - 75px)}.actions-modal ul li:empty{margin:0}.actions-modal ul li:not(:empty) a{color:#000;display:flex;padding:12px 16px;font-size:15px;align-items:center;text-decoration:none}.actions-modal ul li:not(:empty) a,.actions-modal ul li:not(:empty) a button{transition:none}.actions-modal ul li:not(:empty) a.active,.actions-modal ul li:not(:empty) a.active button,.actions-modal ul li:not(:empty) a:hover,.actions-modal ul li:not(:empty) a:hover button,.actions-modal ul li:not(:empty) a:active,.actions-modal ul li:not(:empty) a:active button,.actions-modal ul li:not(:empty) a:focus,.actions-modal ul li:not(:empty) a:focus button{background:#2b5fd9;color:#fff}.actions-modal ul li:not(:empty) a>.react-toggle,.actions-modal ul li:not(:empty) a>.icon,.actions-modal ul li:not(:empty) a button:first-child{margin-right:10px}.confirmation-modal__action-bar .confirmation-modal__secondary-button,.mute-modal__action-bar .confirmation-modal__secondary-button,.block-modal__action-bar .confirmation-modal__secondary-button{flex-shrink:1}.confirmation-modal__secondary-button,.confirmation-modal__cancel-button,.mute-modal__cancel-button,.block-modal__cancel-button{background-color:transparent;color:#1b1e25;font-size:14px;font-weight:500}.confirmation-modal__secondary-button:hover,.confirmation-modal__secondary-button:focus,.confirmation-modal__secondary-button:active,.confirmation-modal__cancel-button:hover,.confirmation-modal__cancel-button:focus,.confirmation-modal__cancel-button:active,.mute-modal__cancel-button:hover,.mute-modal__cancel-button:focus,.mute-modal__cancel-button:active,.block-modal__cancel-button:hover,.block-modal__cancel-button:focus,.block-modal__cancel-button:active{color:#131419;background-color:transparent}.confirmation-modal__do_not_ask_again{padding-left:20px;padding-right:20px;padding-bottom:10px;font-size:14px}.confirmation-modal__do_not_ask_again label,.confirmation-modal__do_not_ask_again input{vertical-align:middle}.confirmation-modal__container,.mute-modal__container,.block-modal__container,.report-modal__target{padding:30px;font-size:16px}.confirmation-modal__container strong,.mute-modal__container strong,.block-modal__container strong,.report-modal__target strong{font-weight:500}.confirmation-modal__container strong:lang(ja),.mute-modal__container strong:lang(ja),.block-modal__container strong:lang(ja),.report-modal__target strong:lang(ja){font-weight:700}.confirmation-modal__container strong:lang(ko),.mute-modal__container strong:lang(ko),.block-modal__container strong:lang(ko),.report-modal__target strong:lang(ko){font-weight:700}.confirmation-modal__container strong:lang(zh-CN),.mute-modal__container strong:lang(zh-CN),.block-modal__container strong:lang(zh-CN),.report-modal__target strong:lang(zh-CN){font-weight:700}.confirmation-modal__container strong:lang(zh-HK),.mute-modal__container strong:lang(zh-HK),.block-modal__container strong:lang(zh-HK),.report-modal__target strong:lang(zh-HK){font-weight:700}.confirmation-modal__container strong:lang(zh-TW),.mute-modal__container strong:lang(zh-TW),.block-modal__container strong:lang(zh-TW),.report-modal__target strong:lang(zh-TW){font-weight:700}.confirmation-modal__container,.report-modal__target{text-align:center}.block-modal__explanation,.mute-modal__explanation{margin-top:20px}.block-modal .setting-toggle,.mute-modal .setting-toggle{margin-top:20px;margin-bottom:24px;display:flex;align-items:center}.block-modal .setting-toggle__label,.mute-modal .setting-toggle__label{color:#000;margin:0;margin-left:8px}.report-modal__target{padding:15px}.report-modal__target .media-modal__close{top:14px;right:15px}.embed-modal{width:auto;max-width:80vw;max-height:80vh}.embed-modal h4{padding:30px;font-weight:500;font-size:16px;text-align:center}.embed-modal .embed-modal__container{padding:10px}.embed-modal .embed-modal__container .hint{margin-bottom:15px}.embed-modal .embed-modal__container .embed-modal__html{outline:0;box-sizing:border-box;display:block;width:100%;border:none;padding:10px;font-family:\"mastodon-font-monospace\",monospace;background:#282c37;color:#fff;font-size:14px;margin:0;margin-bottom:15px;border-radius:4px}.embed-modal .embed-modal__container .embed-modal__html::-moz-focus-inner{border:0}.embed-modal .embed-modal__container .embed-modal__html::-moz-focus-inner,.embed-modal .embed-modal__container .embed-modal__html:focus,.embed-modal .embed-modal__container .embed-modal__html:active{outline:0 !important}.embed-modal .embed-modal__container .embed-modal__html:focus{background:#313543}@media screen and (max-width: 600px){.embed-modal .embed-modal__container .embed-modal__html{font-size:16px}}.embed-modal .embed-modal__container .embed-modal__iframe{width:400px;max-width:100%;overflow:hidden;border:0;border-radius:4px}.focal-point{position:relative;cursor:move;overflow:hidden;height:100%;display:flex;justify-content:center;align-items:center;background:#000}.focal-point img,.focal-point video,.focal-point canvas{display:block;max-height:80vh;width:100%;height:auto;margin:0;object-fit:contain;background:#000}.focal-point__reticle{position:absolute;width:100px;height:100px;transform:translate(-50%, -50%);background:url(\"~images/reticle.png\") no-repeat 0 0;border-radius:50%;box-shadow:0 0 0 9999em rgba(0,0,0,.35)}.focal-point__overlay{position:absolute;width:100%;height:100%;top:0;left:0}.focal-point__preview{position:absolute;bottom:10px;right:10px;z-index:2;cursor:move;transition:opacity .1s ease}.focal-point__preview:hover{opacity:.5}.focal-point__preview strong{color:#fff;font-size:14px;font-weight:500;display:block;margin-bottom:5px}.focal-point__preview div{border-radius:4px;box-shadow:0 0 14px rgba(0,0,0,.2)}@media screen and (max-width: 480px){.focal-point img,.focal-point video{max-height:100%}.focal-point__preview{display:none}}.filtered-status-info{text-align:start}.filtered-status-info .spoiler__text{margin-top:20px}.filtered-status-info .account{border-bottom:0}.filtered-status-info .account__display-name strong{color:#000}.filtered-status-info .status__content__spoiler{display:none}.filtered-status-info .status__content__spoiler--visible{display:flex}.filtered-status-info ul{padding:10px;margin-left:12px;list-style:disc inside}.filtered-status-info .filtered-status-edit-link{color:#8d9ac2;text-decoration:none}.filtered-status-info .filtered-status-edit-link:hover{text-decoration:underline}.composer{padding:10px}.character-counter{cursor:default;font-family:sans-serif,sans-serif;font-size:14px;font-weight:600;color:#1b1e25}.character-counter.character-counter--over{color:#ff5050}.no-reduce-motion .composer--spoiler{transition:height .4s ease,opacity .4s ease}.composer--spoiler{height:0;transform-origin:bottom;opacity:0}.composer--spoiler.composer--spoiler--visible{height:36px;margin-bottom:11px;opacity:1}.composer--spoiler input{display:block;box-sizing:border-box;margin:0;border:none;border-radius:4px;padding:10px;width:100%;outline:0;color:#000;background:#fff;font-size:14px;font-family:inherit;resize:vertical}.composer--spoiler input::placeholder{color:#c2cede}.composer--spoiler input:focus{outline:0}@media screen and (max-width: 630px){.auto-columns .composer--spoiler input{font-size:16px}}.single-column .composer--spoiler input{font-size:16px}.composer--warning{color:#000;margin-bottom:15px;background:#9baec8;box-shadow:0 2px 6px rgba(0,0,0,.3);padding:8px 10px;border-radius:4px;font-size:13px;font-weight:400}.composer--warning a{color:#1b1e25;font-weight:500;text-decoration:underline}.composer--warning a:active,.composer--warning a:focus,.composer--warning a:hover{text-decoration:none}.compose-form__sensitive-button{padding:10px;padding-top:0;font-size:14px;font-weight:500}.compose-form__sensitive-button.active{color:#2b90d9}.compose-form__sensitive-button input[type=checkbox]{display:none}.compose-form__sensitive-button .checkbox{display:inline-block;position:relative;border:1px solid #9baec8;box-sizing:border-box;width:18px;height:18px;flex:0 0 auto;margin-left:5px;margin-right:10px;top:-1px;border-radius:4px;vertical-align:middle}.compose-form__sensitive-button .checkbox.active{border-color:#2b90d9;background:#2b90d9}.composer--reply{margin:0 0 10px;border-radius:4px;padding:10px;background:#9baec8;min-height:23px;overflow-y:auto;flex:0 2 auto}.composer--reply>header{margin-bottom:5px;overflow:hidden}.composer--reply>header>.account.small{color:#000}.composer--reply>header>.cancel{float:right;line-height:24px}.composer--reply>.content{position:relative;margin:10px 0;padding:0 12px;font-size:14px;line-height:20px;color:#000;word-wrap:break-word;font-weight:400;overflow:visible;white-space:pre-wrap;padding-top:5px;overflow:hidden}.composer--reply>.content p,.composer--reply>.content pre,.composer--reply>.content blockquote{margin-bottom:20px;white-space:pre-wrap}.composer--reply>.content p:last-child,.composer--reply>.content pre:last-child,.composer--reply>.content blockquote:last-child{margin-bottom:0}.composer--reply>.content h1,.composer--reply>.content h2,.composer--reply>.content h3,.composer--reply>.content h4,.composer--reply>.content h5{margin-top:20px;margin-bottom:20px}.composer--reply>.content h1,.composer--reply>.content h2{font-weight:700;font-size:18px}.composer--reply>.content h2{font-size:16px}.composer--reply>.content h3,.composer--reply>.content h4,.composer--reply>.content h5{font-weight:500}.composer--reply>.content blockquote{padding-left:10px;border-left:3px solid #000;color:#000;white-space:normal}.composer--reply>.content blockquote p:last-child{margin-bottom:0}.composer--reply>.content b,.composer--reply>.content strong{font-weight:700}.composer--reply>.content em,.composer--reply>.content i{font-style:italic}.composer--reply>.content sub{font-size:smaller;text-align:sub}.composer--reply>.content ul,.composer--reply>.content ol{margin-left:1em}.composer--reply>.content ul p,.composer--reply>.content ol p{margin:0}.composer--reply>.content ul{list-style-type:disc}.composer--reply>.content ol{list-style-type:decimal}.composer--reply>.content a{color:#1b1e25;text-decoration:none}.composer--reply>.content a:hover{text-decoration:underline}.composer--reply>.content a.mention:hover{text-decoration:none}.composer--reply>.content a.mention:hover span{text-decoration:underline}.composer--reply .emojione{width:20px;height:20px;margin:-5px 0 0}.emoji-picker-dropdown{position:absolute;right:5px;top:5px}.emoji-picker-dropdown ::-webkit-scrollbar-track:hover,.emoji-picker-dropdown ::-webkit-scrollbar-track:active{background-color:rgba(0,0,0,.3)}.compose-form__autosuggest-wrapper,.autosuggest-input{position:relative;width:100%}.compose-form__autosuggest-wrapper label .autosuggest-textarea__textarea,.autosuggest-input label .autosuggest-textarea__textarea{display:block;box-sizing:border-box;margin:0;border:none;border-radius:4px 4px 0 0;padding:10px 32px 0 10px;width:100%;min-height:100px;outline:0;color:#000;background:#fff;font-size:14px;font-family:inherit;resize:none;scrollbar-color:initial}.compose-form__autosuggest-wrapper label .autosuggest-textarea__textarea::placeholder,.autosuggest-input label .autosuggest-textarea__textarea::placeholder{color:#c2cede}.compose-form__autosuggest-wrapper label .autosuggest-textarea__textarea::-webkit-scrollbar,.autosuggest-input label .autosuggest-textarea__textarea::-webkit-scrollbar{all:unset}.compose-form__autosuggest-wrapper label .autosuggest-textarea__textarea:disabled,.autosuggest-input label .autosuggest-textarea__textarea:disabled{background:#d9e1e8}.compose-form__autosuggest-wrapper label .autosuggest-textarea__textarea:focus,.autosuggest-input label .autosuggest-textarea__textarea:focus{outline:0}@media screen and (max-width: 630px){.auto-columns .compose-form__autosuggest-wrapper label .autosuggest-textarea__textarea,.auto-columns .autosuggest-input label .autosuggest-textarea__textarea{font-size:16px}}.single-column .compose-form__autosuggest-wrapper label .autosuggest-textarea__textarea,.single-column .autosuggest-input label .autosuggest-textarea__textarea{font-size:16px}@media screen and (max-width: 600px){.auto-columns .compose-form__autosuggest-wrapper label .autosuggest-textarea__textarea,.single-column .compose-form__autosuggest-wrapper label .autosuggest-textarea__textarea,.auto-columns .autosuggest-input label .autosuggest-textarea__textarea,.single-column .autosuggest-input label .autosuggest-textarea__textarea{height:100px !important;resize:vertical}}.composer--textarea--icons{display:block;position:absolute;top:29px;right:5px;bottom:5px;overflow:hidden}.composer--textarea--icons>.textarea_icon{display:block;margin:2px 0 0 2px;width:24px;height:24px;color:#1b1e25;font-size:18px;line-height:24px;text-align:center;opacity:.8}.autosuggest-textarea__suggestions-wrapper{position:relative;height:0}.autosuggest-textarea__suggestions{display:block;position:absolute;box-sizing:border-box;top:100%;border-radius:0 0 4px 4px;padding:6px;width:100%;color:#000;background:#d9e1e8;box-shadow:4px 4px 6px rgba(0,0,0,.4);font-size:14px;z-index:99;display:none}.autosuggest-textarea__suggestions--visible{display:block}.autosuggest-textarea__suggestions__item{padding:10px;cursor:pointer;border-radius:4px}.autosuggest-textarea__suggestions__item:hover,.autosuggest-textarea__suggestions__item:focus,.autosuggest-textarea__suggestions__item:active,.autosuggest-textarea__suggestions__item.selected{background:#b9c8d5}.autosuggest-textarea__suggestions__item>.account,.autosuggest-textarea__suggestions__item>.emoji,.autosuggest-textarea__suggestions__item>.autosuggest-hashtag{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;line-height:18px;font-size:14px}.autosuggest-textarea__suggestions__item .autosuggest-hashtag{justify-content:space-between}.autosuggest-textarea__suggestions__item .autosuggest-hashtag__name{flex:1 1 auto;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.autosuggest-textarea__suggestions__item .autosuggest-hashtag strong{font-weight:500}.autosuggest-textarea__suggestions__item .autosuggest-hashtag__uses{flex:0 0 auto;text-align:right;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.autosuggest-textarea__suggestions__item>.account.small .display-name>span{color:#1b1e25}.composer--upload_form{overflow:hidden}.composer--upload_form>.content{display:flex;flex-direction:row;flex-wrap:wrap;font-family:inherit;padding:5px;overflow:hidden}.composer--upload_form--item{flex:1 1 0;margin:5px;min-width:40%}.composer--upload_form--item>div{position:relative;border-radius:4px;height:140px;width:100%;background-color:#000;background-position:center;background-size:cover;background-repeat:no-repeat;overflow:hidden}.composer--upload_form--item>div textarea{display:block;position:absolute;box-sizing:border-box;bottom:0;left:0;margin:0;border:0;padding:10px;width:100%;color:#ecf0f4;background:linear-gradient(0deg, rgba(0, 0, 0, 0.8) 0, rgba(0, 0, 0, 0.35) 80%, transparent);font-size:14px;font-family:inherit;font-weight:500;opacity:0;z-index:2;transition:opacity .1s ease}.composer--upload_form--item>div textarea:focus{color:#fff}.composer--upload_form--item>div textarea::placeholder{opacity:.54;color:#ecf0f4}.composer--upload_form--item>div>.close{mix-blend-mode:difference}.composer--upload_form--item.active>div textarea{opacity:1}.composer--upload_form--actions{background:linear-gradient(180deg, rgba(0, 0, 0, 0.8) 0, rgba(0, 0, 0, 0.35) 80%, transparent);display:flex;align-items:flex-start;justify-content:space-between;opacity:0;transition:opacity .1s ease}.composer--upload_form--actions .icon-button{flex:0 1 auto;color:#d9e1e8;font-size:14px;font-weight:500;padding:10px;font-family:inherit}.composer--upload_form--actions .icon-button:hover,.composer--upload_form--actions .icon-button:focus,.composer--upload_form--actions .icon-button:active{color:#e6ebf0}.composer--upload_form--actions.active{opacity:1}.composer--upload_form--progress{display:flex;padding:10px;color:#dde3ec;overflow:hidden}.composer--upload_form--progress>.fa{font-size:34px;margin-right:10px}.composer--upload_form--progress>.message{flex:1 1 auto}.composer--upload_form--progress>.message>span{display:block;font-size:12px;font-weight:500;text-transform:uppercase}.composer--upload_form--progress>.message>.backdrop{position:relative;margin-top:5px;border-radius:6px;width:100%;height:6px;background:#606984}.composer--upload_form--progress>.message>.backdrop>.tracker{position:absolute;top:0;left:0;height:6px;border-radius:6px;background:#2b5fd9}.compose-form__modifiers{color:#000;font-family:inherit;font-size:14px;background:#fff}.composer--options-wrapper{padding:10px;background:#ebebeb;border-radius:0 0 4px 4px;height:27px;display:flex;justify-content:space-between;flex:0 0 auto}.composer--options{display:flex;flex:0 0 auto}.composer--options>*{display:inline-block;box-sizing:content-box;padding:0 3px;height:27px;line-height:27px;vertical-align:bottom}.composer--options>hr{display:inline-block;margin:0 3px;border-width:0 0 0 1px;border-style:none none none solid;border-color:transparent transparent transparent #c2c2c2;padding:0;width:0;height:27px;background:transparent}.compose--counter-wrapper{align-self:center;margin-right:4px}.composer--options--dropdown.open>.value{border-radius:4px 4px 0 0;box-shadow:0 -4px 4px rgba(0,0,0,.1);color:#fff;background:#2b5fd9;transition:none}.composer--options--dropdown.open.top>.value{border-radius:0 0 4px 4px;box-shadow:0 4px 4px rgba(0,0,0,.1)}.composer--options--dropdown--content{position:absolute;border-radius:4px;box-shadow:2px 4px 15px rgba(0,0,0,.4);background:#fff;overflow:hidden;transform-origin:50% 0}.composer--options--dropdown--content--item{display:flex;align-items:center;padding:10px;color:#000;cursor:pointer}.composer--options--dropdown--content--item>.content{flex:1 1 auto;color:#1b1e25}.composer--options--dropdown--content--item>.content:not(:first-child){margin-left:10px}.composer--options--dropdown--content--item>.content strong{display:block;color:#000;font-weight:500}.composer--options--dropdown--content--item:hover,.composer--options--dropdown--content--item.active{background:#2b5fd9;color:#fff}.composer--options--dropdown--content--item:hover>.content,.composer--options--dropdown--content--item.active>.content{color:#fff}.composer--options--dropdown--content--item:hover>.content strong,.composer--options--dropdown--content--item.active>.content strong{color:#fff}.composer--options--dropdown--content--item.active:hover{background:#3c6cdc}.composer--publisher{padding-top:10px;text-align:right;white-space:nowrap;overflow:hidden;justify-content:flex-end;flex:0 0 auto}.composer--publisher>.primary{display:inline-block;margin:0;padding:0 10px;text-align:center}.composer--publisher>.side_arm{display:inline-block;margin:0 2px;padding:0;width:36px;text-align:center}.composer--publisher.over>.count{color:#ff5050}.column__wrapper{display:flex;flex:1 1 auto;position:relative}.columns-area{display:flex;flex:1 1 auto;flex-direction:row;justify-content:flex-start;overflow-x:auto;position:relative}.columns-area__panels{display:flex;justify-content:center;width:100%;height:100%;min-height:100vh}.columns-area__panels__pane{height:100%;overflow:hidden;pointer-events:none;display:flex;justify-content:flex-end;min-width:285px}.columns-area__panels__pane--start{justify-content:flex-start}.columns-area__panels__pane__inner{position:fixed;width:285px;pointer-events:auto;height:100%}.columns-area__panels__main{box-sizing:border-box;width:100%;max-width:600px;flex:0 0 auto;display:flex;flex-direction:column}@media screen and (min-width: 415px){.columns-area__panels__main{padding:0 10px}}.tabs-bar__wrapper{background:#17191f;position:sticky;top:0;z-index:2;padding-top:0}@media screen and (min-width: 415px){.tabs-bar__wrapper{padding-top:10px}}.tabs-bar__wrapper .tabs-bar{margin-bottom:0}@media screen and (min-width: 415px){.tabs-bar__wrapper .tabs-bar{margin-bottom:10px}}.react-swipeable-view-container,.react-swipeable-view-container .columns-area,.react-swipeable-view-container .column{height:100%}.react-swipeable-view-container>*{display:flex;align-items:center;justify-content:center;height:100%}.column{width:330px;position:relative;box-sizing:border-box;display:flex;flex-direction:column}.column>.scrollable{background:#282c37}.ui{flex:0 0 auto;display:flex;flex-direction:column;width:100%;height:100%}.column{overflow:hidden}.column-back-button{box-sizing:border-box;width:100%;background:#313543;color:#2b90d9;cursor:pointer;flex:0 0 auto;font-size:16px;border:0;text-align:unset;padding:15px;margin:0;z-index:3}.column-back-button:hover{text-decoration:underline}.column-header__back-button{background:#313543;border:0;font-family:inherit;color:#2b90d9;cursor:pointer;flex:0 0 auto;font-size:16px;padding:0 5px 0 0;z-index:3}.column-header__back-button:hover{text-decoration:underline}.column-header__back-button:last-child{padding:0 15px 0 0}.column-back-button__icon{display:inline-block;margin-right:5px}.column-back-button--slim{position:relative}.column-back-button--slim-button{cursor:pointer;flex:0 0 auto;font-size:16px;padding:15px;position:absolute;right:0;top:-48px}.column-link{background:#393f4f;color:#fff;display:block;font-size:16px;padding:15px;text-decoration:none}.column-link:hover,.column-link:focus,.column-link:active{background:#404657}.column-link:focus{outline:0}.column-link--transparent{background:transparent;color:#d9e1e8}.column-link--transparent:hover,.column-link--transparent:focus,.column-link--transparent:active{background:transparent;color:#fff}.column-link--transparent.active{color:#2b5fd9}.column-link__icon{display:inline-block;margin-right:5px}.column-subheading{background:#282c37;color:#c2cede;padding:8px 20px;font-size:12px;font-weight:500;text-transform:uppercase;cursor:default}.column-header__wrapper{position:relative;flex:0 0 auto}.column-header__wrapper.active::before{display:block;content:\"\";position:absolute;top:35px;left:0;right:0;margin:0 auto;width:60%;pointer-events:none;height:28px;z-index:1;background:radial-gradient(ellipse, rgba(43, 95, 217, 0.23) 0%, rgba(43, 95, 217, 0) 60%)}.column-header{display:flex;font-size:16px;background:#313543;flex:0 0 auto;cursor:pointer;position:relative;z-index:2;outline:0;overflow:hidden}.column-header>button{margin:0;border:none;padding:15px;color:inherit;background:transparent;font:inherit;text-align:left;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;flex:1}.column-header>.column-header__back-button{color:#2b90d9}.column-header.active{box-shadow:0 1px 0 rgba(43,95,217,.3)}.column-header.active .column-header__icon{color:#2b90d9;text-shadow:0 0 10px rgba(43,95,217,.4)}.column-header:focus,.column-header:active{outline:0}.column{width:330px;position:relative;box-sizing:border-box;display:flex;flex-direction:column;overflow:hidden}.wide .columns-area:not(.columns-area--mobile) .column{flex:auto;min-width:330px;max-width:400px}.column>.scrollable{background:#282c37}.column-header__buttons{height:48px;display:flex;margin-left:0}.column-header__links{margin-bottom:14px}.column-header__links .text-btn{margin-right:10px}.column-header__button,.column-header__notif-cleaning-buttons button{background:#313543;border:0;color:#dde3ec;cursor:pointer;font-size:16px;padding:0 15px}.column-header__button:hover,.column-header__notif-cleaning-buttons button:hover{color:#f4f6f9}.column-header__button.active,.column-header__notif-cleaning-buttons button.active{color:#fff;background:#393f4f}.column-header__button.active:hover,.column-header__notif-cleaning-buttons button.active:hover{color:#fff;background:#393f4f}.column-header__button:focus,.column-header__notif-cleaning-buttons button:focus{text-shadow:0 0 4px #2454c7}.column-header__notif-cleaning-buttons{display:flex;align-items:stretch;justify-content:space-around}.column-header__notif-cleaning-buttons button{background:transparent;text-align:center;padding:10px 0;white-space:pre-wrap}.column-header__notif-cleaning-buttons b{font-weight:bold}.column-header__collapsible-inner.nopad-drawer{padding:0}.column-header__collapsible{max-height:70vh;overflow:hidden;overflow-y:auto;color:#dde3ec;transition:max-height 150ms ease-in-out,opacity 300ms linear;opacity:1}.column-header__collapsible.collapsed{max-height:0;opacity:.5}.column-header__collapsible.animating{overflow-y:hidden}.column-header__collapsible hr{height:0;background:transparent;border:0;border-top:1px solid #42485a;margin:10px 0}.column-header__collapsible.ncd{transition:none}.column-header__collapsible.ncd.collapsed{max-height:0;opacity:.7}.column-header__collapsible-inner{background:#393f4f;padding:15px}.column-header__setting-btn:hover{color:#dde3ec;text-decoration:underline}.column-header__setting-arrows{float:right}.column-header__setting-arrows .column-header__setting-btn{padding:0 10px}.column-header__setting-arrows .column-header__setting-btn:last-child{padding-right:0}.column-header__title{display:inline-block;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;flex:1}.column-header__icon{display:inline-block;margin-right:5px}.empty-column-indicator,.error-column{color:#c2cede;background:#282c37;text-align:center;padding:20px;font-size:15px;font-weight:400;cursor:default;display:flex;flex:1 1 auto;align-items:center;justify-content:center}@supports(display: grid){.empty-column-indicator,.error-column{contain:strict}}.empty-column-indicator>span,.error-column>span{max-width:400px}.empty-column-indicator a,.error-column a{color:#2b90d9;text-decoration:none}.empty-column-indicator a:hover,.error-column a:hover{text-decoration:underline}.error-column{flex-direction:column}.single-column.navbar-under .tabs-bar{margin-top:0 !important;margin-bottom:-6px !important}@media screen and (max-width: 415px){.auto-columns.navbar-under .tabs-bar{margin-top:0 !important;margin-bottom:-6px !important}}@media screen and (max-width: 415px){.auto-columns.navbar-under .react-swipeable-view-container .columns-area,.single-column.navbar-under .react-swipeable-view-container .columns-area{height:100% !important}}.column-inline-form{padding:7px 15px;padding-right:5px;display:flex;justify-content:flex-start;align-items:center;background:#313543}.column-inline-form label{flex:1 1 auto}.column-inline-form label input{width:100%;margin-bottom:6px}.column-inline-form label input:focus{outline:0}.column-inline-form .icon-button{flex:0 0 auto;margin:0 5px}.regeneration-indicator{text-align:center;font-size:16px;font-weight:500;color:#c2cede;background:#282c37;cursor:default;display:flex;flex:1 1 auto;flex-direction:column;align-items:center;justify-content:center;padding:20px}.regeneration-indicator__figure,.regeneration-indicator__figure img{display:block;width:auto;height:160px;margin:0}.regeneration-indicator--without-header{padding-top:68px}.regeneration-indicator__label{margin-top:30px}.regeneration-indicator__label strong{display:block;margin-bottom:10px;color:#c2cede}.regeneration-indicator__label span{font-size:15px;font-weight:400}.directory__list{width:100%;margin:10px 0;transition:opacity 100ms ease-in}.directory__list.loading{opacity:.7}@media screen and (max-width: 415px){.directory__list{margin:0}}.directory__card{box-sizing:border-box;margin-bottom:10px}.directory__card__img{height:125px;position:relative;background:#0e1014;overflow:hidden}.directory__card__img img{display:block;width:100%;height:100%;margin:0;object-fit:cover}.directory__card__bar{display:flex;align-items:center;background:#313543;padding:10px}.directory__card__bar__name{flex:1 1 auto;display:flex;align-items:center;text-decoration:none;overflow:hidden}.directory__card__bar__relationship{width:23px;min-height:1px;flex:0 0 auto}.directory__card__bar .avatar{flex:0 0 auto;width:48px;height:48px;padding-top:2px}.directory__card__bar .avatar img{width:100%;height:100%;display:block;margin:0;border-radius:4px;background:#17191f;object-fit:cover}.directory__card__bar .display-name{margin-left:15px;text-align:left}.directory__card__bar .display-name strong{font-size:15px;color:#fff;font-weight:500;overflow:hidden;text-overflow:ellipsis}.directory__card__bar .display-name span{display:block;font-size:14px;color:#dde3ec;font-weight:400;overflow:hidden;text-overflow:ellipsis}.directory__card__extra{background:#282c37;display:flex;align-items:center;justify-content:center}.directory__card__extra .accounts-table__count{width:33.33%;flex:0 0 auto;padding:15px 0}.directory__card__extra .account__header__content{box-sizing:border-box;padding:15px 10px;border-bottom:1px solid #393f4f;width:100%;min-height:48px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.directory__card__extra .account__header__content p{display:none}.directory__card__extra .account__header__content p:first-child{display:inline}.directory__card__extra .account__header__content br{display:none}.filter-form{background:#282c37}.filter-form__column{padding:10px 15px}.filter-form .radio-button{display:block}.radio-button{font-size:14px;position:relative;display:inline-block;padding:6px 0;line-height:18px;cursor:default;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;cursor:pointer}.radio-button input[type=radio],.radio-button input[type=checkbox]{display:none}.radio-button__input{display:inline-block;position:relative;border:1px solid #9baec8;box-sizing:border-box;width:18px;height:18px;flex:0 0 auto;margin-right:10px;top:-1px;border-radius:50%;vertical-align:middle}.radio-button__input.checked{border-color:#4e79df;background:#4e79df}.search{position:relative}.search__input{outline:0;box-sizing:border-box;width:100%;border:none;box-shadow:none;font-family:inherit;background:#282c37;color:#dde3ec;font-size:14px;margin:0;display:block;padding:15px;padding-right:30px;line-height:18px;font-size:16px}.search__input::placeholder{color:#eaeef3}.search__input::-moz-focus-inner{border:0}.search__input::-moz-focus-inner,.search__input:focus,.search__input:active{outline:0 !important}.search__input:focus{background:#313543}@media screen and (max-width: 600px){.search__input{font-size:16px}}.search__icon::-moz-focus-inner{border:0}.search__icon::-moz-focus-inner,.search__icon:focus{outline:0 !important}.search__icon .fa{position:absolute;top:16px;right:10px;z-index:2;display:inline-block;opacity:0;transition:all 100ms linear;transition-property:color,transform,opacity;font-size:18px;width:18px;height:18px;color:#ecf0f4;cursor:default;pointer-events:none}.search__icon .fa.active{pointer-events:auto;opacity:.3}.search__icon .fa-search{transform:rotate(0deg)}.search__icon .fa-search.active{pointer-events:auto;opacity:.3}.search__icon .fa-times-circle{top:17px;transform:rotate(0deg);color:#8d9ac2;cursor:pointer}.search__icon .fa-times-circle.active{transform:rotate(90deg)}.search__icon .fa-times-circle:hover{color:#a4afce}.search-results__header{color:#c2cede;background:#2c313d;border-bottom:1px solid #1f232b;padding:15px 10px;font-size:14px;font-weight:500}.search-results__info{padding:20px;color:#dde3ec;text-align:center}.trends__header{color:#c2cede;background:#2c313d;border-bottom:1px solid #1f232b;font-weight:500;padding:15px;font-size:16px;cursor:default}.trends__header .fa{display:inline-block;margin-right:5px}.trends__item{display:flex;align-items:center;padding:15px;border-bottom:1px solid #393f4f}.trends__item:last-child{border-bottom:0}.trends__item__name{flex:1 1 auto;color:#c2cede;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.trends__item__name strong{font-weight:500}.trends__item__name a{color:#dde3ec;text-decoration:none;font-size:14px;font-weight:500;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.trends__item__name a:hover span,.trends__item__name a:focus span,.trends__item__name a:active span{text-decoration:underline}.trends__item__current{flex:0 0 auto;font-size:24px;line-height:36px;font-weight:500;text-align:right;padding-right:15px;margin-left:5px;color:#ecf0f4}.trends__item__sparkline{flex:0 0 auto;width:50px}.trends__item__sparkline path:first-child{fill:rgba(43,144,217,.25) !important;fill-opacity:1 !important}.trends__item__sparkline path:last-child{stroke:#459ede !important}.emojione{font-size:inherit;vertical-align:middle;object-fit:contain;margin:-0.2ex .15em .2ex;width:16px;height:16px}.emojione img{width:auto}.emoji-picker-dropdown__menu{background:#fff;position:absolute;box-shadow:4px 4px 6px rgba(0,0,0,.4);border-radius:4px;margin-top:5px;z-index:2}.emoji-picker-dropdown__menu .emoji-mart-scroll{transition:opacity 200ms ease}.emoji-picker-dropdown__menu.selecting .emoji-mart-scroll{opacity:.5}.emoji-picker-dropdown__modifiers{position:absolute;top:60px;right:11px;cursor:pointer}.emoji-picker-dropdown__modifiers__menu{position:absolute;z-index:4;top:-4px;left:-8px;background:#fff;border-radius:4px;box-shadow:1px 2px 6px rgba(0,0,0,.2);overflow:hidden}.emoji-picker-dropdown__modifiers__menu button{display:block;cursor:pointer;border:0;padding:4px 8px;background:transparent}.emoji-picker-dropdown__modifiers__menu button:hover,.emoji-picker-dropdown__modifiers__menu button:focus,.emoji-picker-dropdown__modifiers__menu button:active{background:rgba(217,225,232,.4)}.emoji-picker-dropdown__modifiers__menu .emoji-mart-emoji{height:22px}.emoji-mart-emoji span{background-repeat:no-repeat}.emoji-button{display:block;font-size:24px;line-height:24px;margin-left:2px;width:24px;outline:0;cursor:pointer}.emoji-button:active,.emoji-button:focus{outline:0 !important}.emoji-button img{filter:grayscale(100%);opacity:.8;display:block;margin:0;width:22px;height:22px;margin-top:2px}.emoji-button:hover img,.emoji-button:active img,.emoji-button:focus img{opacity:1;filter:none}.doodle-modal{width:unset}.doodle-modal__container{background:#d9e1e8;text-align:center;line-height:0}.doodle-modal__container canvas{border:5px solid #d9e1e8}.doodle-modal__action-bar .filler{flex-grow:1;margin:0;padding:0}.doodle-modal__action-bar .doodle-toolbar{line-height:1;display:flex;flex-direction:column;flex-grow:0;justify-content:space-around}.doodle-modal__action-bar .doodle-toolbar.with-inputs label{display:inline-block;width:70px;text-align:right;margin-right:2px}.doodle-modal__action-bar .doodle-toolbar.with-inputs input[type=number],.doodle-modal__action-bar .doodle-toolbar.with-inputs input[type=text]{width:40px}.doodle-modal__action-bar .doodle-toolbar.with-inputs span.val{display:inline-block;text-align:left;width:50px}.doodle-modal__action-bar .doodle-palette{padding-right:0 !important;border:1px solid #000;line-height:.2rem;flex-grow:0;background:#fff}.doodle-modal__action-bar .doodle-palette button{appearance:none;width:1rem;height:1rem;margin:0;padding:0;text-align:center;color:#000;text-shadow:0 0 1px #fff;cursor:pointer;box-shadow:inset 0 0 1px rgba(255,255,255,.5);border:1px solid #000;outline-offset:-1px}.doodle-modal__action-bar .doodle-palette button.foreground{outline:1px dashed #fff}.doodle-modal__action-bar .doodle-palette button.background{outline:1px dashed red}.doodle-modal__action-bar .doodle-palette button.foreground.background{outline:1px dashed red;border-color:#fff}.drawer{width:300px;box-sizing:border-box;display:flex;flex-direction:column;overflow-y:hidden;padding:10px 5px;flex:none}.drawer:first-child{padding-left:10px}.drawer:last-child{padding-right:10px}@media screen and (max-width: 630px){.auto-columns .drawer{flex:auto}}.single-column .drawer{flex:auto}@media screen and (max-width: 630px){.auto-columns .drawer,.auto-columns .drawer:first-child,.auto-columns .drawer:last-child,.single-column .drawer,.single-column .drawer:first-child,.single-column .drawer:last-child{padding:0}}.wide .drawer{min-width:300px;max-width:400px;flex:1 1 200px}@media screen and (max-width: 630px){:root .auto-columns .drawer{flex:auto;width:100%;min-width:0;max-width:none;padding:0}}:root .single-column .drawer{flex:auto;width:100%;min-width:0;max-width:none;padding:0}.react-swipeable-view-container .drawer{height:100%}.drawer--header{display:flex;flex-direction:row;margin-bottom:10px;flex:none;background:#393f4f;font-size:16px}.drawer--header>*{display:block;box-sizing:border-box;border-bottom:2px solid transparent;padding:15px 5px 13px;height:48px;flex:1 1 auto;color:#dde3ec;text-align:center;text-decoration:none;cursor:pointer}.drawer--header a{transition:background 100ms ease-in}.drawer--header a:focus,.drawer--header a:hover{outline:none;background:#2e3340;transition:background 200ms ease-out}.search{position:relative;margin-bottom:10px;flex:none}@media screen and (max-width: 415px){.auto-columns .search,.single-column .search{margin-bottom:0}}@media screen and (max-width: 630px){.auto-columns .search{font-size:16px}}.single-column .search{font-size:16px}.search-popout{background:#fff;border-radius:4px;padding:10px 14px;padding-bottom:14px;margin-top:10px;color:#364861;box-shadow:2px 4px 15px rgba(0,0,0,.4)}.search-popout h4{text-transform:uppercase;color:#364861;font-size:13px;font-weight:500;margin-bottom:10px}.search-popout li{padding:4px 0}.search-popout ul{margin-bottom:10px}.search-popout em{font-weight:500;color:#000}.drawer--account{padding:10px;color:#dde3ec;display:flex;align-items:center}.drawer--account a{color:inherit;text-decoration:none}.drawer--account .acct{display:block;color:#ecf0f4;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.navigation-bar__profile{flex:1 1 auto;margin-left:8px;overflow:hidden}.drawer--results{background:#282c37;overflow-x:hidden;overflow-y:auto}.drawer--results>header{color:#c2cede;background:#2c313d;padding:15px;font-weight:500;font-size:16px;cursor:default}.drawer--results>header .fa{display:inline-block;margin-right:5px}.drawer--results>section{margin-bottom:5px}.drawer--results>section h5{background:#1f232b;border-bottom:1px solid #393f4f;cursor:default;display:flex;padding:15px;font-weight:500;font-size:16px;color:#c2cede}.drawer--results>section h5 .fa{display:inline-block;margin-right:5px}.drawer--results>section .account:last-child,.drawer--results>section>div:last-child .status{border-bottom:0}.drawer--results>section>.hashtag{display:block;padding:10px;color:#ecf0f4;text-decoration:none}.drawer--results>section>.hashtag:hover,.drawer--results>section>.hashtag:active,.drawer--results>section>.hashtag:focus{color:#f9fafb;text-decoration:underline}.drawer__pager{box-sizing:border-box;padding:0;flex-grow:1;position:relative;overflow:hidden;display:flex}.drawer__inner{position:absolute;top:0;left:0;background:#444b5d;box-sizing:border-box;padding:0;display:flex;flex-direction:column;overflow:hidden;overflow-y:auto;width:100%;height:100%}.drawer__inner.darker{background:#282c37}.drawer__inner__mastodon{background:#444b5d url('data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 234.80078 31.757813\" width=\"234.80078\" height=\"31.757812\"><path d=\"M19.599609 0c-1.05 0-2.10039.375-2.90039 1.125L0 16.925781v14.832031h234.80078V17.025391l-16.5-15.900391c-1.6-1.5-4.20078-1.5-5.80078 0l-13.80078 13.099609c-1.6 1.5-4.19883 1.5-5.79883 0L179.09961 1.125c-1.6-1.5-4.19883-1.5-5.79883 0L159.5 14.224609c-1.6 1.5-4.20078 1.5-5.80078 0L139.90039 1.125c-1.6-1.5-4.20078-1.5-5.80078 0l-13.79883 13.099609c-1.6 1.5-4.20078 1.5-5.80078 0L100.69922 1.125c-1.600001-1.5-4.198829-1.5-5.798829 0l-13.59961 13.099609c-1.6 1.5-4.200781 1.5-5.800781 0L61.699219 1.125c-1.6-1.5-4.198828-1.5-5.798828 0L42.099609 14.224609c-1.6 1.5-4.198828 1.5-5.798828 0L22.5 1.125C21.7.375 20.649609 0 19.599609 0z\" fill=\"%23282C37\"/></svg>') no-repeat bottom/100% auto;flex:1;min-height:47px;display:none}.drawer__inner__mastodon>img{display:block;object-fit:contain;object-position:bottom left;width:100%;height:100%;pointer-events:none;user-drag:none;user-select:none}.drawer__inner__mastodon>.mastodon{display:block;width:100%;height:100%;border:none;cursor:inherit}@media screen and (min-height: 640px){.drawer__inner__mastodon{display:block}}.pseudo-drawer{background:#444b5d;font-size:13px;text-align:left}.drawer__backdrop{cursor:pointer;position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.5)}.video-error-cover{align-items:center;background:#000;color:#fff;cursor:pointer;display:flex;flex-direction:column;height:100%;justify-content:center;margin-top:8px;position:relative;text-align:center;z-index:100}.media-spoiler{background:#000;color:#dde3ec;border:0;width:100%;height:100%}.media-spoiler:hover,.media-spoiler:active,.media-spoiler:focus{color:#f7f9fb}.status__content>.media-spoiler{margin-top:15px}.media-spoiler.full-width{margin-left:-14px;margin-right:-14px;width:inherit;max-width:none;height:250px;border-radius:0px}.media-spoiler__warning{display:block;font-size:14px}.media-spoiler__trigger{display:block;font-size:11px;font-weight:500}.media-gallery__gifv__label{display:block;position:absolute;color:#fff;background:rgba(0,0,0,.5);bottom:6px;left:6px;padding:2px 6px;border-radius:2px;font-size:11px;font-weight:600;z-index:1;pointer-events:none;opacity:.9;transition:opacity .1s ease;line-height:18px}.media-gallery__gifv.autoplay .media-gallery__gifv__label{display:none}.media-gallery__gifv:hover .media-gallery__gifv__label{opacity:1}.media-gallery__audio{height:100%;display:flex;flex-direction:column}.media-gallery__audio span{text-align:center;color:#dde3ec;display:flex;height:100%;align-items:center}.media-gallery__audio span p{width:100%}.media-gallery__audio audio{width:100%}.media-gallery{box-sizing:border-box;margin-top:8px;overflow:hidden;border-radius:4px;position:relative;width:100%;height:110px}.media-gallery.full-width{margin-left:-14px;margin-right:-14px;width:inherit;max-width:none;height:250px;border-radius:0px}.media-gallery__item{border:none;box-sizing:border-box;display:block;float:left;position:relative;border-radius:4px;overflow:hidden}.full-width .media-gallery__item{border-radius:0}.media-gallery__item.standalone .media-gallery__item-gifv-thumbnail{transform:none;top:0}.media-gallery__item.letterbox{background:#000}.media-gallery__item-thumbnail{cursor:zoom-in;display:block;text-decoration:none;color:#ecf0f4;position:relative;z-index:1}.media-gallery__item-thumbnail,.media-gallery__item-thumbnail img{height:100%;width:100%;object-fit:contain}.media-gallery__item-thumbnail:not(.letterbox),.media-gallery__item-thumbnail img:not(.letterbox){height:100%;object-fit:cover}.media-gallery__preview{width:100%;height:100%;object-fit:cover;position:absolute;top:0;left:0;z-index:0;background:#000}.media-gallery__preview--hidden{display:none}.media-gallery__gifv{height:100%;overflow:hidden;position:relative;width:100%;display:flex;justify-content:center}.media-gallery__item-gifv-thumbnail{cursor:zoom-in;height:100%;width:100%;position:relative;z-index:1;object-fit:contain;user-select:none}.media-gallery__item-gifv-thumbnail:not(.letterbox){height:100%;object-fit:cover}.media-gallery__item-thumbnail-label{clip:rect(1px 1px 1px 1px);clip:rect(1px, 1px, 1px, 1px);overflow:hidden;position:absolute}.video-modal__container{max-width:100vw;max-height:100vh}.audio-modal__container{width:50vw}.media-modal{width:100%;height:100%;position:relative}.media-modal .extended-video-player{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.media-modal .extended-video-player video{max-width:100%;max-height:80%}.media-modal__closer{position:absolute;top:0;left:0;right:0;bottom:0}.media-modal__navigation{position:absolute;top:0;left:0;right:0;bottom:0;pointer-events:none;transition:opacity .3s linear;will-change:opacity}.media-modal__navigation *{pointer-events:auto}.media-modal__navigation.media-modal__navigation--hidden{opacity:0}.media-modal__navigation.media-modal__navigation--hidden *{pointer-events:none}.media-modal__nav{background:rgba(0,0,0,.5);box-sizing:border-box;border:0;color:#fff;cursor:pointer;display:flex;align-items:center;font-size:24px;height:20vmax;margin:auto 0;padding:30px 15px;position:absolute;top:0;bottom:0}.media-modal__nav--left{left:0}.media-modal__nav--right{right:0}.media-modal__pagination{width:100%;text-align:center;position:absolute;left:0;bottom:20px;pointer-events:none}.media-modal__meta{text-align:center;position:absolute;left:0;bottom:20px;width:100%;pointer-events:none}.media-modal__meta--shifted{bottom:62px}.media-modal__meta a{pointer-events:auto;text-decoration:none;font-weight:500;color:#d9e1e8}.media-modal__meta a:hover,.media-modal__meta a:focus,.media-modal__meta a:active{text-decoration:underline}.media-modal__page-dot{display:inline-block}.media-modal__button{background-color:#fff;height:12px;width:12px;border-radius:6px;margin:10px;padding:0;border:0;font-size:0}.media-modal__button--active{background-color:#2b5fd9}.media-modal__close{position:absolute;right:8px;top:8px;z-index:100}.detailed .video-player__volume__current,.detailed .video-player__volume::before,.fullscreen .video-player__volume__current,.fullscreen .video-player__volume::before{bottom:27px}.detailed .video-player__volume__handle,.fullscreen .video-player__volume__handle{bottom:23px}.audio-player{box-sizing:border-box;position:relative;background:#17191f;border-radius:4px;padding-bottom:44px;direction:ltr}.audio-player.editable{border-radius:0;height:100%}.audio-player__waveform{padding:15px 0;position:relative;overflow:hidden}.audio-player__waveform::before{content:\"\";display:block;position:absolute;border-top:1px solid #313543;width:100%;height:0;left:0;top:calc(50% + 1px)}.audio-player__progress-placeholder{background-color:rgba(78,121,223,.5)}.audio-player__wave-placeholder{background-color:#4a5266}.audio-player .video-player__controls{padding:0 15px;padding-top:10px;background:#17191f;border-top:1px solid #313543;border-radius:0 0 4px 4px}.video-player{overflow:hidden;position:relative;background:#000;max-width:100%;border-radius:4px;box-sizing:border-box;direction:ltr}.video-player.editable{border-radius:0;height:100% !important}.video-player:focus{outline:0}.detailed-status .video-player{width:100%;height:100%}.video-player.full-width{margin-left:-14px;margin-right:-14px;width:inherit;max-width:none;height:250px;border-radius:0px}.video-player video{max-width:100vw;max-height:80vh;z-index:1;position:relative}.video-player.fullscreen{width:100% !important;height:100% !important;margin:0}.video-player.fullscreen video{max-width:100% !important;max-height:100% !important;width:100% !important;height:100% !important;outline:0}.video-player.inline video{object-fit:contain;position:relative;top:50%;transform:translateY(-50%)}.video-player__controls{position:absolute;z-index:2;bottom:0;left:0;right:0;box-sizing:border-box;background:linear-gradient(0deg, rgba(0, 0, 0, 0.85) 0, rgba(0, 0, 0, 0.45) 60%, transparent);padding:0 15px;opacity:0;transition:opacity .1s ease}.video-player__controls.active{opacity:1}.video-player.inactive video,.video-player.inactive .video-player__controls{visibility:hidden}.video-player__spoiler{display:none;position:absolute;top:0;left:0;width:100%;height:100%;z-index:4;border:0;background:#000;color:#dde3ec;transition:none;pointer-events:none}.video-player__spoiler.active{display:block;pointer-events:auto}.video-player__spoiler.active:hover,.video-player__spoiler.active:active,.video-player__spoiler.active:focus{color:#f4f6f9}.video-player__spoiler__title{display:block;font-size:14px}.video-player__spoiler__subtitle{display:block;font-size:11px;font-weight:500}.video-player__buttons-bar{display:flex;justify-content:space-between;padding-bottom:10px}.video-player__buttons-bar .video-player__download__icon{color:inherit}.video-player__buttons-bar .video-player__download__icon .fa,.video-player__buttons-bar .video-player__download__icon:active .fa,.video-player__buttons-bar .video-player__download__icon:hover .fa,.video-player__buttons-bar .video-player__download__icon:focus .fa{color:inherit}.video-player__buttons{font-size:16px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.video-player__buttons.left button{padding-left:0}.video-player__buttons.right button{padding-right:0}.video-player__buttons button{background:transparent;padding:2px 10px;font-size:16px;border:0;color:rgba(255,255,255,.75)}.video-player__buttons button:active,.video-player__buttons button:hover,.video-player__buttons button:focus{color:#fff}.video-player__time-sep,.video-player__time-total,.video-player__time-current{font-size:14px;font-weight:500}.video-player__time-current{color:#fff;margin-left:60px}.video-player__time-sep{display:inline-block;margin:0 6px}.video-player__time-sep,.video-player__time-total{color:#fff}.video-player__volume{cursor:pointer;height:24px;display:inline}.video-player__volume::before{content:\"\";width:50px;background:rgba(255,255,255,.35);border-radius:4px;display:block;position:absolute;height:4px;left:70px;bottom:20px}.video-player__volume__current{display:block;position:absolute;height:4px;border-radius:4px;left:70px;bottom:20px;background:#4e79df}.video-player__volume__handle{position:absolute;z-index:3;border-radius:50%;width:12px;height:12px;bottom:16px;left:70px;transition:opacity .1s ease;background:#4e79df;box-shadow:1px 2px 6px rgba(0,0,0,.2);pointer-events:none}.video-player__link{padding:2px 10px}.video-player__link a{text-decoration:none;font-size:14px;font-weight:500;color:#fff}.video-player__link a:hover,.video-player__link a:active,.video-player__link a:focus{text-decoration:underline}.video-player__seek{cursor:pointer;height:24px;position:relative}.video-player__seek::before{content:\"\";width:100%;background:rgba(255,255,255,.35);border-radius:4px;display:block;position:absolute;height:4px;top:10px}.video-player__seek__progress,.video-player__seek__buffer{display:block;position:absolute;height:4px;border-radius:4px;top:10px;background:#4e79df}.video-player__seek__buffer{background:rgba(255,255,255,.2)}.video-player__seek__handle{position:absolute;z-index:3;opacity:0;border-radius:50%;width:12px;height:12px;top:6px;margin-left:-6px;transition:opacity .1s ease;background:#4e79df;box-shadow:1px 2px 6px rgba(0,0,0,.2);pointer-events:none}.video-player__seek__handle.active{opacity:1}.video-player__seek:hover .video-player__seek__handle{opacity:1}.video-player.detailed .video-player__buttons button,.video-player.fullscreen .video-player__buttons button{padding-top:10px;padding-bottom:10px}.sensitive-info{display:flex;flex-direction:row;align-items:center;position:absolute;top:4px;left:4px;z-index:100}.sensitive-marker{margin:0 3px;border-radius:2px;padding:2px 6px;color:rgba(255,255,255,.8);background:rgba(0,0,0,.5);font-size:12px;line-height:18px;text-transform:uppercase;opacity:.9;transition:opacity .1s ease}.media-gallery:hover .sensitive-marker{opacity:1}.list-editor{background:#282c37;flex-direction:column;border-radius:8px;box-shadow:2px 4px 15px rgba(0,0,0,.4);width:380px;overflow:hidden}@media screen and (max-width: 420px){.list-editor{width:90%}}.list-editor h4{padding:15px 0;background:#444b5d;font-weight:500;font-size:16px;text-align:center;border-radius:8px 8px 0 0}.list-editor .drawer__pager{height:50vh}.list-editor .drawer__inner{border-radius:0 0 8px 8px}.list-editor .drawer__inner.backdrop{width:calc(100% - 60px);box-shadow:2px 4px 15px rgba(0,0,0,.4);border-radius:0 0 0 8px}.list-editor__accounts{overflow-y:auto}.list-editor .account__display-name:hover strong{text-decoration:none}.list-editor .account__avatar{cursor:default}.list-editor .search{margin-bottom:0}.list-adder{background:#282c37;flex-direction:column;border-radius:8px;box-shadow:2px 4px 15px rgba(0,0,0,.4);width:380px;overflow:hidden}@media screen and (max-width: 420px){.list-adder{width:90%}}.list-adder__account{background:#444b5d}.list-adder__lists{background:#444b5d;height:50vh;border-radius:0 0 8px 8px;overflow-y:auto}.list-adder .list{padding:10px;border-bottom:1px solid #393f4f}.list-adder .list__wrapper{display:flex}.list-adder .list__display-name{flex:1 1 auto;overflow:hidden;text-decoration:none;font-size:16px;padding:10px}.emoji-mart{font-size:13px;display:inline-block;color:#000}.emoji-mart,.emoji-mart *{box-sizing:border-box;line-height:1.15}.emoji-mart .emoji-mart-emoji{padding:6px}.emoji-mart-bar{border:0 solid #c0cdd9}.emoji-mart-bar:first-child{border-bottom-width:1px;border-top-left-radius:5px;border-top-right-radius:5px;background:#d9e1e8}.emoji-mart-bar:last-child{border-top-width:1px;border-bottom-left-radius:5px;border-bottom-right-radius:5px;display:none}.emoji-mart-anchors{display:flex;justify-content:space-between;padding:0 6px;color:#1b1e25;line-height:0}.emoji-mart-anchor{position:relative;flex:1;text-align:center;padding:12px 4px;overflow:hidden;transition:color .1s ease-out;cursor:pointer}.emoji-mart-anchor:hover{color:#131419}.emoji-mart-anchor-selected{color:#2b90d9}.emoji-mart-anchor-selected:hover{color:#2485cb}.emoji-mart-anchor-selected .emoji-mart-anchor-bar{bottom:0}.emoji-mart-anchor-bar{position:absolute;bottom:-3px;left:0;width:100%;height:3px;background-color:#2558d0}.emoji-mart-anchors i{display:inline-block;width:100%;max-width:22px}.emoji-mart-anchors svg{fill:currentColor;max-height:18px}.emoji-mart-scroll{overflow-y:scroll;height:270px;max-height:35vh;padding:0 6px 6px;background:#fff;will-change:transform}.emoji-mart-scroll::-webkit-scrollbar-track:hover,.emoji-mart-scroll::-webkit-scrollbar-track:active{background-color:rgba(0,0,0,.3)}.emoji-mart-search{padding:10px;padding-right:45px;background:#fff}.emoji-mart-search input{font-size:14px;font-weight:400;padding:7px 9px;font-family:inherit;display:block;width:100%;background:rgba(217,225,232,.3);color:#000;border:1px solid #d9e1e8;border-radius:4px}.emoji-mart-search input::-moz-focus-inner{border:0}.emoji-mart-search input::-moz-focus-inner,.emoji-mart-search input:focus,.emoji-mart-search input:active{outline:0 !important}.emoji-mart-category .emoji-mart-emoji{cursor:pointer}.emoji-mart-category .emoji-mart-emoji span{z-index:1;position:relative;text-align:center}.emoji-mart-category .emoji-mart-emoji:hover::before{z-index:0;content:\"\";position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(217,225,232,.7);border-radius:100%}.emoji-mart-category-label{z-index:2;position:relative;position:-webkit-sticky;position:sticky;top:0}.emoji-mart-category-label span{display:block;width:100%;font-weight:500;padding:5px 6px;background:#fff}.emoji-mart-emoji{position:relative;display:inline-block;font-size:0}.emoji-mart-emoji span{width:22px;height:22px}.emoji-mart-no-results{font-size:14px;text-align:center;padding-top:70px;color:#364861}.emoji-mart-no-results .emoji-mart-category-label{display:none}.emoji-mart-no-results .emoji-mart-no-results-label{margin-top:.2em}.emoji-mart-no-results .emoji-mart-emoji:hover::before{content:none}.emoji-mart-preview{display:none}.glitch.local-settings{position:relative;display:flex;flex-direction:row;background:#d9e1e8;color:#000;border-radius:8px;height:80vh;width:80vw;max-width:740px;max-height:450px;overflow:hidden}.glitch.local-settings label,.glitch.local-settings legend{display:block;font-size:14px}.glitch.local-settings .boolean label,.glitch.local-settings .radio_buttons label{position:relative;padding-left:28px;padding-top:3px}.glitch.local-settings .boolean label input,.glitch.local-settings .radio_buttons label input{position:absolute;left:0;top:0}.glitch.local-settings span.hint{display:block;color:#1b1e25}.glitch.local-settings h1{font-size:18px;font-weight:500;line-height:24px;margin-bottom:20px}.glitch.local-settings h2{font-size:15px;font-weight:500;line-height:20px;margin-top:20px;margin-bottom:10px}.glitch.local-settings__navigation__item{display:block;padding:15px 20px;color:inherit;background:#f2f5f7;border-bottom:1px #d9e1e8 solid;cursor:pointer;text-decoration:none;outline:none;transition:background .3s}.glitch.local-settings__navigation__item .text-icon-button{color:inherit;transition:unset}.glitch.local-settings__navigation__item:hover{background:#d9e1e8}.glitch.local-settings__navigation__item.active{background:#2b5fd9;color:#fff}.glitch.local-settings__navigation__item.close,.glitch.local-settings__navigation__item.close:hover{background:#df405a;color:#fff}.glitch.local-settings__navigation{background:#f2f5f7;width:212px;font-size:15px;line-height:20px;overflow-y:auto}.glitch.local-settings__page{display:block;flex:auto;padding:15px 20px 15px 20px;width:360px;overflow-y:auto}.glitch.local-settings__page__item{margin-bottom:2px}.glitch.local-settings__page__item.string,.glitch.local-settings__page__item.radio_buttons{margin-top:10px;margin-bottom:10px}@media screen and (max-width: 630px){.glitch.local-settings__navigation{width:40px;flex-shrink:0}.glitch.local-settings__navigation__item{padding:10px}.glitch.local-settings__navigation__item span:last-of-type{display:none}}.error-boundary{color:#fff;font-size:15px;line-height:20px}.error-boundary h1{font-size:26px;line-height:36px;font-weight:400;margin-bottom:8px}.error-boundary a{color:#fff;text-decoration:underline}.error-boundary ul{list-style:disc;margin-left:0;padding-left:1em}.error-boundary textarea.web_app_crash-stacktrace{width:100%;resize:none;white-space:pre;font-family:monospace,monospace}.compose-panel{width:285px;margin-top:10px;display:flex;flex-direction:column;height:calc(100% - 10px);overflow-y:hidden}.compose-panel .search__input{line-height:18px;font-size:16px;padding:15px;padding-right:30px}.compose-panel .search__icon .fa{top:15px}.compose-panel .drawer--account{flex:0 1 48px}.compose-panel .flex-spacer{background:transparent}.compose-panel .composer{flex:1;overflow-y:hidden;display:flex;flex-direction:column;min-height:310px}.compose-panel .compose-form__autosuggest-wrapper{overflow-y:auto;background-color:#fff;border-radius:4px 4px 0 0;flex:0 1 auto}.compose-panel .autosuggest-textarea__textarea{overflow-y:hidden}.compose-panel .compose-form__upload-thumbnail{height:80px}.navigation-panel{margin-top:10px;margin-bottom:10px;height:calc(100% - 20px);overflow-y:auto;display:flex;flex-direction:column}.navigation-panel>a{flex:0 0 auto}.navigation-panel hr{flex:0 0 auto;border:0;background:transparent;border-top:1px solid #313543;margin:10px 0}.navigation-panel .flex-spacer{background:transparent}@media screen and (min-width: 600px){.tabs-bar__link span{display:inline}}.columns-area--mobile{flex-direction:column;width:100%;margin:0 auto}.columns-area--mobile .column,.columns-area--mobile .drawer{width:100%;height:100%;padding:0}.columns-area--mobile .directory__list{display:grid;grid-gap:10px;grid-template-columns:minmax(0, 50%) minmax(0, 50%)}@media screen and (max-width: 415px){.columns-area--mobile .directory__list{display:block}}.columns-area--mobile .directory__card{margin-bottom:0}.columns-area--mobile .filter-form{display:flex}.columns-area--mobile .autosuggest-textarea__textarea{font-size:16px}.columns-area--mobile .search__input{line-height:18px;font-size:16px;padding:15px;padding-right:30px}.columns-area--mobile .search__icon .fa{top:15px}.columns-area--mobile .scrollable{overflow:visible}@supports(display: grid){.columns-area--mobile .scrollable{contain:content}}@media screen and (min-width: 415px){.columns-area--mobile{padding:10px 0;padding-top:0}}@media screen and (min-width: 630px){.columns-area--mobile .detailed-status{padding:15px}.columns-area--mobile .detailed-status .media-gallery,.columns-area--mobile .detailed-status .video-player,.columns-area--mobile .detailed-status .audio-player{margin-top:15px}.columns-area--mobile .account__header__bar{padding:5px 10px}.columns-area--mobile .navigation-bar,.columns-area--mobile .compose-form{padding:15px}.columns-area--mobile .compose-form .compose-form__publish .compose-form__publish-button-wrapper{padding-top:15px}.columns-area--mobile .status{padding:15px;min-height:50px}.columns-area--mobile .status .media-gallery,.columns-area--mobile .status__action-bar,.columns-area--mobile .status .video-player,.columns-area--mobile .status .audio-player{margin-top:10px}.columns-area--mobile .account{padding:15px 10px}.columns-area--mobile .account__header__bio{margin:0 -10px}.columns-area--mobile .notification__message{padding-top:15px}.columns-area--mobile .notification .status{padding-top:8px}.columns-area--mobile .notification .account{padding-top:8px}}.floating-action-button{position:fixed;display:flex;justify-content:center;align-items:center;width:3.9375rem;height:3.9375rem;bottom:1.3125rem;right:1.3125rem;background:#2558d0;color:#fff;border-radius:50%;font-size:21px;line-height:21px;text-decoration:none;box-shadow:2px 3px 9px rgba(0,0,0,.4)}.floating-action-button:hover,.floating-action-button:focus,.floating-action-button:active{background:#4976de}@media screen and (min-width: 415px){.tabs-bar{width:100%}.react-swipeable-view-container .columns-area--mobile{height:calc(100% - 10px) !important}.getting-started__wrapper,.search{margin-bottom:10px}}@media screen and (max-width: 895px){.columns-area__panels__pane--compositional{display:none}}@media screen and (min-width: 895px){.floating-action-button,.tabs-bar__link.optional{display:none}.search-page .search{display:none}}@media screen and (max-width: 1190px){.columns-area__panels__pane--navigational{display:none}}@media screen and (min-width: 1190px){.tabs-bar{display:none}}.poll{margin-top:16px;font-size:14px}.poll ul,.e-content .poll ul{margin:0;list-style:none}.poll li{margin-bottom:10px;position:relative}.poll__chart{position:absolute;top:0;left:0;height:100%;display:inline-block;border-radius:4px;background:#6d89af}.poll__chart.leading{background:#2b5fd9}.poll__text{position:relative;display:flex;padding:6px 0;line-height:18px;cursor:default;overflow:hidden}.poll__text input[type=radio],.poll__text input[type=checkbox]{display:none}.poll__text .autossugest-input{flex:1 1 auto}.poll__text input[type=text]{display:block;box-sizing:border-box;width:100%;font-size:14px;color:#000;display:block;outline:0;font-family:inherit;background:#fff;border:1px solid #dbdbdb;border-radius:4px;padding:6px 10px}.poll__text input[type=text]:focus{border-color:#2b90d9}.poll__text.selectable{cursor:pointer}.poll__text.editable{display:flex;align-items:center;overflow:visible}.poll__input{display:inline-block;position:relative;border:1px solid #9baec8;box-sizing:border-box;width:18px;height:18px;flex:0 0 auto;margin-right:10px;top:-1px;border-radius:50%;vertical-align:middle;margin-top:auto;margin-bottom:auto;flex:0 0 18px}.poll__input.checkbox{border-radius:4px}.poll__input.active{border-color:#79bd9a;background:#79bd9a}.poll__input:active,.poll__input:focus,.poll__input:hover{border-width:4px;background:none}.poll__input::-moz-focus-inner{outline:0 !important;border:0}.poll__input:focus,.poll__input:active{outline:0 !important}.poll__number{display:inline-block;width:52px;font-weight:700;padding:0 10px;padding-left:8px;text-align:right;margin-top:auto;margin-bottom:auto;flex:0 0 52px}.poll__vote__mark{float:left;line-height:18px}.poll__footer{padding-top:6px;padding-bottom:5px;color:#c2cede}.poll__link{display:inline;background:transparent;padding:0;margin:0;border:0;color:#c2cede;text-decoration:underline;font-size:inherit}.poll__link:hover{text-decoration:none}.poll__link:active,.poll__link:focus{background-color:rgba(194,206,222,.1)}.poll .button{height:36px;padding:0 16px;margin-right:10px;font-size:14px}.compose-form__poll-wrapper{border-top:1px solid #ebebeb}.compose-form__poll-wrapper ul{padding:10px}.compose-form__poll-wrapper .poll__footer{border-top:1px solid #ebebeb;padding:10px;display:flex;align-items:center}.compose-form__poll-wrapper .poll__footer button,.compose-form__poll-wrapper .poll__footer select{width:100%;flex:1 1 50%}.compose-form__poll-wrapper .poll__footer button:focus,.compose-form__poll-wrapper .poll__footer select:focus{border-color:#2b90d9}.compose-form__poll-wrapper .button.button-secondary{font-size:14px;font-weight:400;padding:6px 10px;height:auto;line-height:inherit;color:#8d9ac2;border-color:#8d9ac2;margin-right:5px}.compose-form__poll-wrapper li{display:flex;align-items:center}.compose-form__poll-wrapper li .poll__text{flex:0 0 auto;width:calc(100% - (23px + 6px));margin-right:6px}.compose-form__poll-wrapper select{appearance:none;box-sizing:border-box;font-size:14px;color:#000;display:inline-block;width:auto;outline:0;font-family:inherit;background:#fff url(\"data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14.933 18.467' height='19.698' width='15.929'><path d='M3.467 14.967l-3.393-3.5H14.86l-3.392 3.5c-1.866 1.925-3.666 3.5-4 3.5-.335 0-2.135-1.575-4-3.5zm.266-11.234L7.467 0 11.2 3.733l3.733 3.734H0l3.733-3.734z' fill='%23DBDBDB'/></svg>\") no-repeat right 8px center/auto 16px;border:1px solid #dbdbdb;border-radius:4px;padding:6px 10px;padding-right:30px}.compose-form__poll-wrapper .icon-button.disabled{color:#dbdbdb}.muted .poll{color:#c2cede}.muted .poll__chart{background:rgba(109,137,175,.2)}.muted .poll__chart.leading{background:rgba(43,95,217,.2)}.container{box-sizing:border-box;max-width:1235px;margin:0 auto;position:relative}@media screen and (max-width: 1255px){.container{width:100%;padding:0 10px}}.rich-formatting{font-family:sans-serif,sans-serif;font-size:14px;font-weight:400;line-height:1.7;word-wrap:break-word;color:#dde3ec}.rich-formatting a{color:#2b90d9;text-decoration:underline}.rich-formatting a:hover,.rich-formatting a:focus,.rich-formatting a:active{text-decoration:none}.rich-formatting p,.rich-formatting li{color:#dde3ec}.rich-formatting p{margin-top:0;margin-bottom:.85em}.rich-formatting p:last-child{margin-bottom:0}.rich-formatting strong{font-weight:700;color:#ecf0f4}.rich-formatting em{font-style:italic;color:#ecf0f4}.rich-formatting code{font-size:.85em;background:#17191f;border-radius:4px;padding:.2em .3em}.rich-formatting h1,.rich-formatting h2,.rich-formatting h3,.rich-formatting h4,.rich-formatting h5,.rich-formatting h6{font-family:sans-serif,sans-serif;margin-top:1.275em;margin-bottom:.85em;font-weight:500;color:#ecf0f4}.rich-formatting h1{font-size:2em}.rich-formatting h2{font-size:1.75em}.rich-formatting h3{font-size:1.5em}.rich-formatting h4{font-size:1.25em}.rich-formatting h5,.rich-formatting h6{font-size:1em}.rich-formatting ul{list-style:disc}.rich-formatting ol{list-style:decimal}.rich-formatting ul,.rich-formatting ol{margin:0;padding:0;padding-left:2em;margin-bottom:.85em}.rich-formatting ul[type=a],.rich-formatting ol[type=a]{list-style-type:lower-alpha}.rich-formatting ul[type=i],.rich-formatting ol[type=i]{list-style-type:lower-roman}.rich-formatting hr{width:100%;height:0;border:0;border-bottom:1px solid #313543;margin:1.7em 0}.rich-formatting hr.spacer{height:1px;border:0}.rich-formatting table{width:100%;border-collapse:collapse;break-inside:auto;margin-top:24px;margin-bottom:32px}.rich-formatting table thead tr,.rich-formatting table tbody tr{border-bottom:1px solid #313543;font-size:1em;line-height:1.625;font-weight:400;text-align:left;color:#dde3ec}.rich-formatting table thead tr{border-bottom-width:2px;line-height:1.5;font-weight:500;color:#c2cede}.rich-formatting table th,.rich-formatting table td{padding:8px;align-self:start;align-items:start;word-break:break-all}.rich-formatting table th.nowrap,.rich-formatting table td.nowrap{width:25%;position:relative}.rich-formatting table th.nowrap::before,.rich-formatting table td.nowrap::before{content:\"&nbsp;\";visibility:hidden}.rich-formatting table th.nowrap span,.rich-formatting table td.nowrap span{position:absolute;left:8px;right:8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.rich-formatting>:first-child{margin-top:0}.information-board{background:#1f232b;padding:20px 0}.information-board .container-alt{position:relative;padding-right:295px}.information-board__sections{display:flex;justify-content:space-between;flex-wrap:wrap}.information-board__section{flex:1 0 0;font-family:sans-serif,sans-serif;font-size:16px;line-height:28px;color:#fff;text-align:right;padding:10px 15px}.information-board__section span,.information-board__section strong{display:block}.information-board__section span:last-child{color:#ecf0f4}.information-board__section strong{font-family:sans-serif,sans-serif;font-weight:500;font-size:32px;line-height:48px}@media screen and (max-width: 700px){.information-board__section{text-align:center}}.information-board .panel{position:absolute;width:280px;box-sizing:border-box;background:#17191f;padding:20px;padding-top:10px;border-radius:4px 4px 0 0;right:0;bottom:-40px}.information-board .panel .panel-header{font-family:sans-serif,sans-serif;font-size:14px;line-height:24px;font-weight:500;color:#dde3ec;padding-bottom:5px;margin-bottom:15px;border-bottom:1px solid #313543;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.information-board .panel .panel-header a,.information-board .panel .panel-header span{font-weight:400;color:#bcc9da}.information-board .panel .panel-header a{text-decoration:none}.information-board .owner{text-align:center}.information-board .owner .avatar{width:80px;height:80px;width:80px;height:80px;background-size:80px 80px;margin:0 auto;margin-bottom:15px}.information-board .owner .avatar img{display:block;width:80px;height:80px;border-radius:48px;border-radius:8%;background-position:50%;background-clip:padding-box}.information-board .owner .name{font-size:14px}.information-board .owner .name a{display:block;color:#fff;text-decoration:none}.information-board .owner .name a:hover .display_name{text-decoration:underline}.information-board .owner .name .username{display:block;color:#dde3ec}.landing-page p,.landing-page li{font-family:sans-serif,sans-serif;font-size:16px;font-weight:400;font-size:16px;line-height:30px;margin-bottom:12px;color:#dde3ec}.landing-page p a,.landing-page li a{color:#2b90d9;text-decoration:underline}.landing-page em{display:inline;margin:0;padding:0;font-weight:700;background:transparent;font-family:inherit;font-size:inherit;line-height:inherit;color:#fefefe}.landing-page h1{font-family:sans-serif,sans-serif;font-size:26px;line-height:30px;font-weight:500;margin-bottom:20px;color:#ecf0f4}.landing-page h1 small{font-family:sans-serif,sans-serif;display:block;font-size:18px;font-weight:400;color:#fefefe}.landing-page h2{font-family:sans-serif,sans-serif;font-size:22px;line-height:26px;font-weight:500;margin-bottom:20px;color:#ecf0f4}.landing-page h3{font-family:sans-serif,sans-serif;font-size:18px;line-height:24px;font-weight:500;margin-bottom:20px;color:#ecf0f4}.landing-page h4{font-family:sans-serif,sans-serif;font-size:16px;line-height:24px;font-weight:500;margin-bottom:20px;color:#ecf0f4}.landing-page h5{font-family:sans-serif,sans-serif;font-size:14px;line-height:24px;font-weight:500;margin-bottom:20px;color:#ecf0f4}.landing-page h6{font-family:sans-serif,sans-serif;font-size:12px;line-height:24px;font-weight:500;margin-bottom:20px;color:#ecf0f4}.landing-page ul,.landing-page ol{margin-left:20px}.landing-page ul[type=a],.landing-page ol[type=a]{list-style-type:lower-alpha}.landing-page ul[type=i],.landing-page ol[type=i]{list-style-type:lower-roman}.landing-page ul{list-style:disc}.landing-page ol{list-style:decimal}.landing-page li>ol,.landing-page li>ul{margin-top:6px}.landing-page hr{width:100%;height:0;border:0;border-bottom:1px solid rgba(96,105,132,.6);margin:20px 0}.landing-page hr.spacer{height:1px;border:0}.landing-page__information,.landing-page__forms{padding:20px}.landing-page__call-to-action{background:#282c37;border-radius:4px;padding:25px 40px;overflow:hidden;box-sizing:border-box}.landing-page__call-to-action .row{width:100%;display:flex;flex-direction:row-reverse;flex-wrap:nowrap;justify-content:space-between;align-items:center}.landing-page__call-to-action .row__information-board{display:flex;justify-content:flex-end;align-items:flex-end}.landing-page__call-to-action .row__information-board .information-board__section{flex:1 0 auto;padding:0 10px}@media screen and (max-width: 415px){.landing-page__call-to-action .row__information-board{width:100%;justify-content:space-between}}.landing-page__call-to-action .row__mascot{flex:1;margin:10px -50px 0 0}@media screen and (max-width: 415px){.landing-page__call-to-action .row__mascot{display:none}}.landing-page__logo{margin-right:20px}.landing-page__logo img{height:50px;width:auto;mix-blend-mode:lighten}.landing-page__information{padding:45px 40px;margin-bottom:10px}.landing-page__information:last-child{margin-bottom:0}.landing-page__information strong{font-weight:500;color:#fefefe}.landing-page__information .account{border-bottom:0;padding:0}.landing-page__information .account__display-name{align-items:center;display:flex;margin-right:5px}.landing-page__information .account div.account__display-name:hover .display-name strong{text-decoration:none}.landing-page__information .account div.account__display-name .account__avatar{cursor:default}.landing-page__information .account__avatar-wrapper{margin-left:0;flex:0 0 auto}.landing-page__information .account__avatar{width:44px;height:44px;background-size:44px 44px;width:44px;height:44px;background-size:44px 44px}.landing-page__information .account .display-name{font-size:15px}.landing-page__information .account .display-name__account{font-size:14px}@media screen and (max-width: 960px){.landing-page__information .contact{margin-top:30px}}@media screen and (max-width: 700px){.landing-page__information{padding:25px 20px}}.landing-page__information,.landing-page__forms,.landing-page #mastodon-timeline{box-sizing:border-box;background:#282c37;border-radius:4px;box-shadow:0 0 6px rgba(0,0,0,.1)}.landing-page__mascot{height:104px;position:relative;left:-40px;bottom:25px}.landing-page__mascot img{height:190px;width:auto}.landing-page__short-description .row{display:flex;flex-wrap:wrap;align-items:center;margin-bottom:40px}@media screen and (max-width: 700px){.landing-page__short-description .row{margin-bottom:20px}}.landing-page__short-description p a{color:#ecf0f4}.landing-page__short-description h1{font-weight:500;color:#fff;margin-bottom:0}.landing-page__short-description h1 small{color:#dde3ec}.landing-page__short-description h1 small span{color:#ecf0f4}.landing-page__short-description p:last-child{margin-bottom:0}.landing-page__hero{margin-bottom:10px}.landing-page__hero img{display:block;margin:0;max-width:100%;height:auto;border-radius:4px}@media screen and (max-width: 840px){.landing-page .information-board .container-alt{padding-right:20px}.landing-page .information-board .panel{position:static;margin-top:20px;width:100%;border-radius:4px}.landing-page .information-board .panel .panel-header{text-align:center}}@media screen and (max-width: 675px){.landing-page .header-wrapper{padding-top:0}.landing-page .header-wrapper.compact{padding-bottom:0}.landing-page .header-wrapper.compact .hero .heading{text-align:initial}.landing-page .header .container-alt,.landing-page .features .container-alt{display:block}}.landing-page .cta{margin:20px}.landing{margin-bottom:100px}@media screen and (max-width: 738px){.landing{margin-bottom:0}}.landing__brand{display:flex;justify-content:center;align-items:center;padding:50px}.landing__brand svg{fill:#fff;height:52px}@media screen and (max-width: 415px){.landing__brand{padding:0;margin-bottom:30px}}.landing .directory{margin-top:30px;background:transparent;box-shadow:none;border-radius:0}.landing .hero-widget{margin-top:30px;margin-bottom:0}.landing .hero-widget h4{padding:10px;text-transform:uppercase;font-weight:700;font-size:13px;color:#dde3ec}.landing .hero-widget__text{border-radius:0;padding-bottom:0}.landing .hero-widget__footer{background:#282c37;padding:10px;border-radius:0 0 4px 4px;display:flex}.landing .hero-widget__footer__column{flex:1 1 50%}.landing .hero-widget .account{padding:10px 0;border-bottom:0}.landing .hero-widget .account .account__display-name{display:flex;align-items:center}.landing .hero-widget .account .account__avatar{width:44px;height:44px;background-size:44px 44px}.landing .hero-widget__counter{padding:10px}.landing .hero-widget__counter strong{font-family:sans-serif,sans-serif;font-size:15px;font-weight:700;display:block}.landing .hero-widget__counter span{font-size:14px;color:#dde3ec}.landing .simple_form .user_agreement .label_input>label{font-weight:400;color:#dde3ec}.landing .simple_form p.lead{color:#dde3ec;font-size:15px;line-height:20px;font-weight:400;margin-bottom:25px}.landing__grid{max-width:960px;margin:0 auto;display:grid;grid-template-columns:minmax(0, 50%) minmax(0, 50%);grid-gap:30px}@media screen and (max-width: 738px){.landing__grid{grid-template-columns:minmax(0, 100%);grid-gap:10px}.landing__grid__column-login{grid-row:1;display:flex;flex-direction:column}.landing__grid__column-login .box-widget{order:2;flex:0 0 auto}.landing__grid__column-login .hero-widget{margin-top:0;margin-bottom:10px;order:1;flex:0 0 auto}.landing__grid__column-registration{grid-row:2}.landing__grid .directory{margin-top:10px}}@media screen and (max-width: 415px){.landing__grid{grid-gap:0}.landing__grid .hero-widget{display:block;margin-bottom:0;box-shadow:none}.landing__grid .hero-widget__img,.landing__grid .hero-widget__img img,.landing__grid .hero-widget__footer{border-radius:0}.landing__grid .hero-widget,.landing__grid .box-widget,.landing__grid .directory__tag{border-bottom:1px solid #393f4f}.landing__grid .directory{margin-top:0}.landing__grid .directory__tag{margin-bottom:0}.landing__grid .directory__tag>a,.landing__grid .directory__tag>div{border-radius:0;box-shadow:none}.landing__grid .directory__tag:last-child{border-bottom:0}}.brand{position:relative;text-decoration:none}.brand__tagline{display:block;position:absolute;bottom:-10px;left:50px;width:300px;color:#9baec8;text-decoration:none;font-size:14px}@media screen and (max-width: 415px){.brand__tagline{position:static;width:auto;margin-top:20px;color:#c2cede}}.table{width:100%;max-width:100%;border-spacing:0;border-collapse:collapse}.table th,.table td{padding:8px;line-height:18px;vertical-align:top;border-top:1px solid #282c37;text-align:left;background:#1f232b}.table>thead>tr>th{vertical-align:bottom;border-bottom:2px solid #282c37;border-top:0;font-weight:500}.table>tbody>tr>th{font-weight:500}.table>tbody>tr:nth-child(odd)>td,.table>tbody>tr:nth-child(odd)>th{background:#282c37}.table a{color:#2b90d9;text-decoration:underline}.table a:hover{text-decoration:none}.table strong{font-weight:500}.table strong:lang(ja){font-weight:700}.table strong:lang(ko){font-weight:700}.table strong:lang(zh-CN){font-weight:700}.table strong:lang(zh-HK){font-weight:700}.table strong:lang(zh-TW){font-weight:700}.table.inline-table>tbody>tr:nth-child(odd)>td,.table.inline-table>tbody>tr:nth-child(odd)>th{background:transparent}.table.inline-table>tbody>tr:first-child>td,.table.inline-table>tbody>tr:first-child>th{border-top:0}.table.batch-table>thead>tr>th{background:#282c37;border-top:1px solid #17191f;border-bottom:1px solid #17191f}.table.batch-table>thead>tr>th:first-child{border-radius:4px 0 0;border-left:1px solid #17191f}.table.batch-table>thead>tr>th:last-child{border-radius:0 4px 0 0;border-right:1px solid #17191f}.table--invites tbody td{vertical-align:middle}.table-wrapper{overflow:auto;margin-bottom:20px}samp{font-family:monospace,monospace}button.table-action-link{background:transparent;border:0;font:inherit}button.table-action-link,a.table-action-link{text-decoration:none;display:inline-block;margin-right:5px;padding:0 10px;color:#dde3ec;font-weight:500}button.table-action-link:hover,a.table-action-link:hover{color:#fff}button.table-action-link i.fa,a.table-action-link i.fa{font-weight:400;margin-right:5px}button.table-action-link:first-child,a.table-action-link:first-child{padding-left:0}.batch-table__toolbar,.batch-table__row{display:flex}.batch-table__toolbar__select,.batch-table__row__select{box-sizing:border-box;padding:8px 16px;cursor:pointer;min-height:100%}.batch-table__toolbar__select input,.batch-table__row__select input{margin-top:8px}.batch-table__toolbar__select--aligned,.batch-table__row__select--aligned{display:flex;align-items:center}.batch-table__toolbar__select--aligned input,.batch-table__row__select--aligned input{margin-top:0}.batch-table__toolbar__actions,.batch-table__toolbar__content,.batch-table__row__actions,.batch-table__row__content{padding:8px 0;padding-right:16px;flex:1 1 auto}.batch-table__toolbar{border:1px solid #17191f;background:#282c37;border-radius:4px 0 0;height:47px;align-items:center}.batch-table__toolbar__actions{text-align:right;padding-right:11px}.batch-table__form{padding:16px;border:1px solid #17191f;border-top:0;background:#282c37}.batch-table__form .fields-row{padding-top:0;margin-bottom:0}.batch-table__row{border:1px solid #17191f;border-top:0;background:#1f232b}@media screen and (max-width: 415px){.optional .batch-table__row:first-child{border-top:1px solid #17191f}}.batch-table__row:hover{background:#242731}.batch-table__row:nth-child(even){background:#282c37}.batch-table__row:nth-child(even):hover{background:#2c313d}.batch-table__row__content{padding-top:12px;padding-bottom:16px}.batch-table__row__content--unpadded{padding:0}.batch-table__row__content--with-image{display:flex;align-items:center}.batch-table__row__content__image{flex:0 0 auto;display:flex;justify-content:center;align-items:center;margin-right:10px}.batch-table__row__content__image .emojione{width:32px;height:32px}.batch-table__row__content__text{flex:1 1 auto}.batch-table__row__content__extra{flex:0 0 auto;text-align:right;color:#dde3ec;font-weight:500}.batch-table__row .directory__tag{margin:0;width:100%}.batch-table__row .directory__tag a{background:transparent;border-radius:0}@media screen and (max-width: 415px){.batch-table.optional .batch-table__toolbar,.batch-table.optional .batch-table__row__select{display:none}}.batch-table .status__content{padding-top:0}.batch-table .status__content strong{font-weight:700}.batch-table .nothing-here{border:1px solid #17191f;border-top:0;box-shadow:none}@media screen and (max-width: 415px){.batch-table .nothing-here{border-top:1px solid #17191f}}@media screen and (max-width: 870px){.batch-table .accounts-table tbody td.optional{display:none}}.admin-wrapper{display:flex;justify-content:center;width:100%;min-height:100vh}.admin-wrapper .sidebar-wrapper{min-height:100vh;overflow:hidden;pointer-events:none;flex:1 1 auto}.admin-wrapper .sidebar-wrapper__inner{display:flex;justify-content:flex-end;background:#282c37;height:100%}.admin-wrapper .sidebar{width:240px;padding:0;pointer-events:auto}.admin-wrapper .sidebar__toggle{display:none;background:#393f4f;height:48px}.admin-wrapper .sidebar__toggle__logo{flex:1 1 auto}.admin-wrapper .sidebar__toggle__logo a{display:inline-block;padding:15px}.admin-wrapper .sidebar__toggle__logo svg{fill:#fff;height:20px;position:relative;bottom:-2px}.admin-wrapper .sidebar__toggle__icon{display:block;color:#dde3ec;text-decoration:none;flex:0 0 auto;font-size:20px;padding:15px}.admin-wrapper .sidebar__toggle a:hover,.admin-wrapper .sidebar__toggle a:focus,.admin-wrapper .sidebar__toggle a:active{background:#42485a}.admin-wrapper .sidebar .logo{display:block;margin:40px auto;width:100px;height:100px}@media screen and (max-width: 600px){.admin-wrapper .sidebar>a:first-child{display:none}}.admin-wrapper .sidebar ul{list-style:none;border-radius:4px 0 0 4px;overflow:hidden;margin-bottom:20px}@media screen and (max-width: 600px){.admin-wrapper .sidebar ul{margin-bottom:0}}.admin-wrapper .sidebar ul a{display:block;padding:15px;color:#dde3ec;text-decoration:none;transition:all 200ms linear;transition-property:color,background-color;border-radius:4px 0 0 4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.admin-wrapper .sidebar ul a i.fa{margin-right:5px}.admin-wrapper .sidebar ul a:hover{color:#fff;background-color:#1d2028;transition:all 100ms linear;transition-property:color,background-color}.admin-wrapper .sidebar ul a.selected{background:#242731;border-radius:4px 0 0}.admin-wrapper .sidebar ul ul{background:#1f232b;border-radius:0 0 0 4px;margin:0}.admin-wrapper .sidebar ul ul a{border:0;padding:15px 35px}.admin-wrapper .sidebar ul .simple-navigation-active-leaf a{color:#fff;background-color:#2b5fd9;border-bottom:0;border-radius:0}.admin-wrapper .sidebar ul .simple-navigation-active-leaf a:hover{background-color:#416fdd}.admin-wrapper .sidebar>ul>.simple-navigation-active-leaf a{border-radius:4px 0 0 4px}.admin-wrapper .content-wrapper{box-sizing:border-box;width:100%;max-width:840px;flex:1 1 auto}@media screen and (max-width: 1080px){.admin-wrapper .sidebar-wrapper--empty{display:none}.admin-wrapper .sidebar-wrapper{width:240px;flex:0 0 auto}}@media screen and (max-width: 600px){.admin-wrapper .sidebar-wrapper{width:100%}}.admin-wrapper .content{padding:20px 15px;padding-top:60px;padding-left:25px}@media screen and (max-width: 600px){.admin-wrapper .content{max-width:none;padding:15px;padding-top:30px}}.admin-wrapper .content-heading{display:flex;padding-bottom:40px;border-bottom:1px solid #393f4f;margin:-15px -15px 40px 0;flex-wrap:wrap;align-items:center;justify-content:space-between}.admin-wrapper .content-heading>*{margin-top:15px;margin-right:15px}.admin-wrapper .content-heading-actions{display:inline-flex}.admin-wrapper .content-heading-actions>:not(:first-child){margin-left:5px}@media screen and (max-width: 600px){.admin-wrapper .content-heading{border-bottom:0;padding-bottom:0}}.admin-wrapper .content h2{color:#ecf0f4;font-size:24px;line-height:28px;font-weight:400}@media screen and (max-width: 600px){.admin-wrapper .content h2{font-weight:700}}.admin-wrapper .content h3{color:#ecf0f4;font-size:20px;line-height:28px;font-weight:400;margin-bottom:30px}.admin-wrapper .content h4{text-transform:uppercase;font-size:13px;font-weight:700;color:#dde3ec;padding-bottom:8px;margin-bottom:8px;border-bottom:1px solid #393f4f}.admin-wrapper .content h6{font-size:16px;color:#ecf0f4;line-height:28px;font-weight:500}.admin-wrapper .content .fields-group h6{color:#fff;font-weight:500}.admin-wrapper .content .directory__tag>a,.admin-wrapper .content .directory__tag>div{box-shadow:none}.admin-wrapper .content .directory__tag .table-action-link .fa{color:inherit}.admin-wrapper .content .directory__tag h4{font-size:18px;font-weight:700;color:#fff;text-transform:none;padding-bottom:0;margin-bottom:0;border-bottom:none}.admin-wrapper .content>p{font-size:14px;line-height:21px;color:#ecf0f4;margin-bottom:20px}.admin-wrapper .content>p strong{color:#fff;font-weight:500}.admin-wrapper .content>p strong:lang(ja){font-weight:700}.admin-wrapper .content>p strong:lang(ko){font-weight:700}.admin-wrapper .content>p strong:lang(zh-CN){font-weight:700}.admin-wrapper .content>p strong:lang(zh-HK){font-weight:700}.admin-wrapper .content>p strong:lang(zh-TW){font-weight:700}.admin-wrapper .content hr{width:100%;height:0;border:0;border-bottom:1px solid rgba(96,105,132,.6);margin:20px 0}.admin-wrapper .content hr.spacer{height:1px;border:0}@media screen and (max-width: 600px){.admin-wrapper{display:block}.admin-wrapper .sidebar-wrapper{min-height:0}.admin-wrapper .sidebar{width:100%;padding:0;height:auto}.admin-wrapper .sidebar__toggle{display:flex}.admin-wrapper .sidebar>ul{display:none}.admin-wrapper .sidebar ul a,.admin-wrapper .sidebar ul ul a{border-radius:0;border-bottom:1px solid #313543;transition:none}.admin-wrapper .sidebar ul a:hover,.admin-wrapper .sidebar ul ul a:hover{transition:none}.admin-wrapper .sidebar ul ul{border-radius:0}.admin-wrapper .sidebar ul .simple-navigation-active-leaf a{border-bottom-color:#2b5fd9}}hr.spacer{width:100%;border:0;margin:20px 0;height:1px}body .muted-hint,.admin-wrapper .content .muted-hint{color:#dde3ec}body .muted-hint a,.admin-wrapper .content .muted-hint a{color:#2b90d9}body .positive-hint,.admin-wrapper .content .positive-hint{color:#79bd9a;font-weight:500}body .negative-hint,.admin-wrapper .content .negative-hint{color:#df405a;font-weight:500}body .neutral-hint,.admin-wrapper .content .neutral-hint{color:#c2cede;font-weight:500}body .warning-hint,.admin-wrapper .content .warning-hint{color:#ca8f04;font-weight:500}.filters{display:flex;flex-wrap:wrap}.filters .filter-subset{flex:0 0 auto;margin:0 40px 20px 0}.filters .filter-subset:last-child{margin-bottom:30px}.filters .filter-subset ul{margin-top:5px;list-style:none}.filters .filter-subset ul li{display:inline-block;margin-right:5px}.filters .filter-subset strong{font-weight:500;text-transform:uppercase;font-size:12px}.filters .filter-subset strong:lang(ja){font-weight:700}.filters .filter-subset strong:lang(ko){font-weight:700}.filters .filter-subset strong:lang(zh-CN){font-weight:700}.filters .filter-subset strong:lang(zh-HK){font-weight:700}.filters .filter-subset strong:lang(zh-TW){font-weight:700}.filters .filter-subset a{display:inline-block;color:#dde3ec;text-decoration:none;text-transform:uppercase;font-size:12px;font-weight:500;border-bottom:2px solid #282c37}.filters .filter-subset a:hover{color:#fff;border-bottom:2px solid #333846}.filters .filter-subset a.selected{color:#2b90d9;border-bottom:2px solid #2b5fd9}.flavour-screen{display:block;margin:10px auto;max-width:100%}.flavour-description{display:block;font-size:16px;margin:10px 0}.flavour-description>p{margin:10px 0}.report-accounts{display:flex;flex-wrap:wrap;margin-bottom:20px}.report-accounts__item{display:flex;flex:250px;flex-direction:column;margin:0 5px}.report-accounts__item>strong{display:block;margin:0 0 10px -5px;font-weight:500;font-size:14px;line-height:18px;color:#ecf0f4}.report-accounts__item>strong:lang(ja){font-weight:700}.report-accounts__item>strong:lang(ko){font-weight:700}.report-accounts__item>strong:lang(zh-CN){font-weight:700}.report-accounts__item>strong:lang(zh-HK){font-weight:700}.report-accounts__item>strong:lang(zh-TW){font-weight:700}.report-accounts__item .account-card{flex:1 1 auto}.report-status,.account-status{display:flex;margin-bottom:10px}.report-status .activity-stream,.account-status .activity-stream{flex:2 0 0;margin-right:20px;max-width:calc(100% - 60px)}.report-status .activity-stream .entry,.account-status .activity-stream .entry{border-radius:4px}.report-status__actions,.account-status__actions{flex:0 0 auto;display:flex;flex-direction:column}.report-status__actions .icon-button,.account-status__actions .icon-button{font-size:24px;width:24px;text-align:center;margin-bottom:10px}.simple_form.new_report_note,.simple_form.new_account_moderation_note{max-width:100%}.batch-form-box{display:flex;flex-wrap:wrap;margin-bottom:5px}.batch-form-box #form_status_batch_action{margin:0 5px 5px 0;font-size:14px}.batch-form-box input.button{margin:0 5px 5px 0}.batch-form-box .media-spoiler-toggle-buttons{margin-left:auto}.batch-form-box .media-spoiler-toggle-buttons .button{overflow:visible;margin:0 0 5px 5px;float:right}.back-link{margin-bottom:10px;font-size:14px}.back-link a{color:#2b90d9;text-decoration:none}.back-link a:hover{text-decoration:underline}.spacer{flex:1 1 auto}.log-entry{margin-bottom:20px;line-height:20px}.log-entry__header{display:flex;justify-content:flex-start;align-items:center;padding:10px;background:#282c37;color:#dde3ec;border-radius:4px 4px 0 0;font-size:14px;position:relative}.log-entry__avatar{margin-right:10px}.log-entry__avatar .avatar{display:block;margin:0;border-radius:50%;width:40px;height:40px}.log-entry__content{max-width:calc(100% - 90px)}.log-entry__title{word-wrap:break-word}.log-entry__timestamp{color:#c2cede}.log-entry__extras{background:#353a49;border-radius:0 0 4px 4px;padding:10px;color:#dde3ec;font-family:monospace,monospace;font-size:12px;word-wrap:break-word;min-height:20px}.log-entry__icon{font-size:28px;margin-right:10px;color:#c2cede}.log-entry__icon__overlay{position:absolute;top:10px;right:10px;width:10px;height:10px;border-radius:50%}.log-entry__icon__overlay.positive{background:#79bd9a}.log-entry__icon__overlay.negative{background:#e87487}.log-entry__icon__overlay.neutral{background:#2b5fd9}.log-entry a,.log-entry .username,.log-entry .target{color:#ecf0f4;text-decoration:none;font-weight:500}.log-entry .diff-old{color:#e87487}.log-entry .diff-neutral{color:#ecf0f4}.log-entry .diff-new{color:#79bd9a}a.name-tag,.name-tag,a.inline-name-tag,.inline-name-tag{text-decoration:none;color:#ecf0f4}a.name-tag .username,.name-tag .username,a.inline-name-tag .username,.inline-name-tag .username{font-weight:500}a.name-tag.suspended .username,.name-tag.suspended .username,a.inline-name-tag.suspended .username,.inline-name-tag.suspended .username{text-decoration:line-through;color:#e87487}a.name-tag.suspended .avatar,.name-tag.suspended .avatar,a.inline-name-tag.suspended .avatar,.inline-name-tag.suspended .avatar{filter:grayscale(100%);opacity:.8}a.name-tag,.name-tag{display:flex;align-items:center}a.name-tag .avatar,.name-tag .avatar{display:block;margin:0;margin-right:5px;border-radius:50%}a.name-tag.suspended .avatar,.name-tag.suspended .avatar{filter:grayscale(100%);opacity:.8}.speech-bubble{margin-bottom:20px;border-left:4px solid #2b5fd9}.speech-bubble.positive{border-left-color:#79bd9a}.speech-bubble.negative{border-left-color:#e87487}.speech-bubble.warning{border-left-color:#ca8f04}.speech-bubble__bubble{padding:16px;padding-left:14px;font-size:15px;line-height:20px;border-radius:4px 4px 4px 0;position:relative;font-weight:500}.speech-bubble__bubble a{color:#dde3ec}.speech-bubble__owner{padding:8px;padding-left:12px}.speech-bubble time{color:#c2cede}.report-card{background:#282c37;border-radius:4px;margin-bottom:20px}.report-card__profile{display:flex;justify-content:space-between;align-items:center;padding:15px}.report-card__profile .account{padding:0;border:0}.report-card__profile .account__avatar-wrapper{margin-left:0}.report-card__profile__stats{flex:0 0 auto;font-weight:500;color:#dde3ec;text-transform:uppercase;text-align:right}.report-card__profile__stats a{color:inherit;text-decoration:none}.report-card__profile__stats a:focus,.report-card__profile__stats a:hover,.report-card__profile__stats a:active{color:#f7f9fb}.report-card__profile__stats .red{color:#df405a}.report-card__summary__item{display:flex;justify-content:flex-start;border-top:1px solid #1f232b}.report-card__summary__item:hover{background:#2c313d}.report-card__summary__item__reported-by,.report-card__summary__item__assigned{padding:15px;flex:0 0 auto;box-sizing:border-box;width:150px;color:#dde3ec}.report-card__summary__item__reported-by,.report-card__summary__item__reported-by .username,.report-card__summary__item__assigned,.report-card__summary__item__assigned .username{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.report-card__summary__item__content{flex:1 1 auto;max-width:calc(100% - 300px)}.report-card__summary__item__content__icon{color:#c2cede;margin-right:4px;font-weight:500}.report-card__summary__item__content a{display:block;box-sizing:border-box;width:100%;padding:15px;text-decoration:none;color:#dde3ec}.one-line{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ellipsized-ip{display:inline-block;max-width:120px;overflow:hidden;text-overflow:ellipsis;vertical-align:middle}.admin-account-bio{display:flex;flex-wrap:wrap;margin:0 -5px;margin-top:20px}.admin-account-bio>div{box-sizing:border-box;padding:0 5px;margin-bottom:10px;flex:1 0 50%}.admin-account-bio .account__header__fields,.admin-account-bio .account__header__content{background:#393f4f;border-radius:4px;height:100%}.admin-account-bio .account__header__fields{margin:0;border:0}.admin-account-bio .account__header__fields a{color:#4e79df}.admin-account-bio .account__header__fields dl:first-child .verified{border-radius:0 4px 0 0}.admin-account-bio .account__header__fields .verified a{color:#79bd9a}.admin-account-bio .account__header__content{box-sizing:border-box;padding:20px;color:#fff}.center-text{text-align:center}.emojione[title=\":wavy_dash:\"],.emojione[title=\":waving_black_flag:\"],.emojione[title=\":water_buffalo:\"],.emojione[title=\":video_game:\"],.emojione[title=\":video_camera:\"],.emojione[title=\":vhs:\"],.emojione[title=\":turkey:\"],.emojione[title=\":tophat:\"],.emojione[title=\":top:\"],.emojione[title=\":tm:\"],.emojione[title=\":telephone_receiver:\"],.emojione[title=\":spider:\"],.emojione[title=\":speaking_head_in_silhouette:\"],.emojione[title=\":spades:\"],.emojione[title=\":soon:\"],.emojione[title=\":registered:\"],.emojione[title=\":on:\"],.emojione[title=\":musical_score:\"],.emojione[title=\":movie_camera:\"],.emojione[title=\":mortar_board:\"],.emojione[title=\":microphone:\"],.emojione[title=\":male-guard:\"],.emojione[title=\":lower_left_fountain_pen:\"],.emojione[title=\":lower_left_ballpoint_pen:\"],.emojione[title=\":kaaba:\"],.emojione[title=\":joystick:\"],.emojione[title=\":hole:\"],.emojione[title=\":hocho:\"],.emojione[title=\":heavy_plus_sign:\"],.emojione[title=\":heavy_multiplication_x:\"],.emojione[title=\":heavy_minus_sign:\"],.emojione[title=\":heavy_dollar_sign:\"],.emojione[title=\":heavy_division_sign:\"],.emojione[title=\":heavy_check_mark:\"],.emojione[title=\":guardsman:\"],.emojione[title=\":gorilla:\"],.emojione[title=\":fried_egg:\"],.emojione[title=\":film_projector:\"],.emojione[title=\":female-guard:\"],.emojione[title=\":end:\"],.emojione[title=\":electric_plug:\"],.emojione[title=\":eight_pointed_black_star:\"],.emojione[title=\":dark_sunglasses:\"],.emojione[title=\":currency_exchange:\"],.emojione[title=\":curly_loop:\"],.emojione[title=\":copyright:\"],.emojione[title=\":clubs:\"],.emojione[title=\":camera_with_flash:\"],.emojione[title=\":camera:\"],.emojione[title=\":busts_in_silhouette:\"],.emojione[title=\":bust_in_silhouette:\"],.emojione[title=\":bowling:\"],.emojione[title=\":bomb:\"],.emojione[title=\":black_small_square:\"],.emojione[title=\":black_nib:\"],.emojione[title=\":black_medium_square:\"],.emojione[title=\":black_medium_small_square:\"],.emojione[title=\":black_large_square:\"],.emojione[title=\":black_heart:\"],.emojione[title=\":black_circle:\"],.emojione[title=\":back:\"],.emojione[title=\":ant:\"],.emojione[title=\":8ball:\"]{filter:drop-shadow(1px 1px 0 #ffffff) drop-shadow(-1px 1px 0 #ffffff) drop-shadow(1px -1px 0 #ffffff) drop-shadow(-1px -1px 0 #ffffff)}.hicolor-privacy-icons .status__visibility-icon.fa-globe,.hicolor-privacy-icons .composer--options--dropdown--content--item .fa-globe{color:#1976d2}.hicolor-privacy-icons .status__visibility-icon.fa-unlock,.hicolor-privacy-icons .composer--options--dropdown--content--item .fa-unlock{color:#388e3c}.hicolor-privacy-icons .status__visibility-icon.fa-lock,.hicolor-privacy-icons .composer--options--dropdown--content--item .fa-lock{color:#ffa000}.hicolor-privacy-icons .status__visibility-icon.fa-envelope,.hicolor-privacy-icons .composer--options--dropdown--content--item .fa-envelope{color:#d32f2f}body.rtl{direction:rtl}body.rtl .column-header>button{text-align:right;padding-left:0;padding-right:15px}body.rtl .radio-button__input{margin-right:0;margin-left:10px}body.rtl .directory__card__bar .display-name{margin-left:0;margin-right:15px}body.rtl .display-name{text-align:right}body.rtl .notification__message{margin-left:0;margin-right:68px}body.rtl .drawer__inner__mastodon>img{transform:scaleX(-1)}body.rtl .notification__favourite-icon-wrapper{left:auto;right:-26px}body.rtl .landing-page__logo{margin-right:0;margin-left:20px}body.rtl .landing-page .features-list .features-list__row .visual{margin-left:0;margin-right:15px}body.rtl .column-link__icon,body.rtl .column-header__icon{margin-right:0;margin-left:5px}body.rtl .compose-form .compose-form__buttons-wrapper .character-counter__wrapper{margin-right:0;margin-left:4px}body.rtl .composer--publisher{text-align:left}body.rtl .boost-modal__status-time,body.rtl .favourite-modal__status-time{float:left}body.rtl .navigation-bar__profile{margin-left:0;margin-right:8px}body.rtl .search__input{padding-right:10px;padding-left:30px}body.rtl .search__icon .fa{right:auto;left:10px}body.rtl .columns-area{direction:rtl}body.rtl .column-header__buttons{left:0;right:auto;margin-left:0;margin-right:-15px}body.rtl .column-inline-form .icon-button{margin-left:0;margin-right:5px}body.rtl .column-header__links .text-btn{margin-left:10px;margin-right:0}body.rtl .account__avatar-wrapper{float:right}body.rtl .column-header__back-button{padding-left:5px;padding-right:0}body.rtl .column-header__setting-arrows{float:left}body.rtl .setting-toggle__label{margin-left:0;margin-right:8px}body.rtl .setting-meta__label{float:left}body.rtl .status__avatar{margin-left:10px;margin-right:0;left:auto;right:10px}body.rtl .activity-stream .status.light{padding-left:10px;padding-right:68px}body.rtl .status__info .status__display-name,body.rtl .activity-stream .status.light .status__display-name{padding-left:25px;padding-right:0}body.rtl .activity-stream .pre-header{padding-right:68px;padding-left:0}body.rtl .status__prepend{margin-left:0;margin-right:58px}body.rtl .status__prepend-icon-wrapper{left:auto;right:-26px}body.rtl .activity-stream .pre-header .pre-header__icon{left:auto;right:42px}body.rtl .account__avatar-overlay-overlay{right:auto;left:0}body.rtl .column-back-button--slim-button{right:auto;left:0}body.rtl .status__relative-time,body.rtl .activity-stream .status.light .status__header .status__meta{float:left;text-align:left}body.rtl .status__action-bar__counter{margin-right:0;margin-left:11px}body.rtl .status__action-bar__counter .status__action-bar-button{margin-right:0;margin-left:4px}body.rtl .status__action-bar-button{float:right;margin-right:0;margin-left:18px}body.rtl .status__action-bar-dropdown{float:right}body.rtl .privacy-dropdown__dropdown{margin-left:0;margin-right:40px}body.rtl .privacy-dropdown__option__icon{margin-left:10px;margin-right:0}body.rtl .detailed-status__display-name .display-name{text-align:right}body.rtl .detailed-status__display-avatar{margin-right:0;margin-left:10px;float:right}body.rtl .detailed-status__favorites,body.rtl .detailed-status__reblogs{margin-left:0;margin-right:6px}body.rtl .fa-ul{margin-left:2.14285714em}body.rtl .fa-li{left:auto;right:-2.14285714em}body.rtl .admin-wrapper{direction:rtl}body.rtl .admin-wrapper .sidebar ul a i.fa,body.rtl a.table-action-link i.fa{margin-right:0;margin-left:5px}body.rtl .simple_form .check_boxes .checkbox label{padding-left:0;padding-right:25px}body.rtl .simple_form .input.with_label.boolean label.checkbox{padding-left:25px;padding-right:0}body.rtl .simple_form .check_boxes .checkbox input[type=checkbox],body.rtl .simple_form .input.boolean input[type=checkbox]{left:auto;right:0}body.rtl .simple_form .input.radio_buttons .radio{left:auto;right:0}body.rtl .simple_form .input.radio_buttons .radio>label{padding-right:28px;padding-left:0}body.rtl .simple_form .input-with-append .input input{padding-left:142px;padding-right:0}body.rtl .simple_form .input.boolean label.checkbox{left:auto;right:0}body.rtl .simple_form .input.boolean .label_input,body.rtl .simple_form .input.boolean .hint{padding-left:0;padding-right:28px}body.rtl .simple_form .label_input__append{right:auto;left:3px}body.rtl .simple_form .label_input__append::after{right:auto;left:0;background-image:linear-gradient(to left, rgba(19, 20, 25, 0), #131419)}body.rtl .simple_form select{background:#131419 url(\"data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14.933 18.467' height='19.698' width='15.929'><path d='M3.467 14.967l-3.393-3.5H14.86l-3.392 3.5c-1.866 1.925-3.666 3.5-4 3.5-.335 0-2.135-1.575-4-3.5zm.266-11.234L7.467 0 11.2 3.733l3.733 3.734H0l3.733-3.734z' fill='%2342485A'/></svg>\") no-repeat left 8px center/auto 16px}body.rtl .table th,body.rtl .table td{text-align:right}body.rtl .filters .filter-subset{margin-right:0;margin-left:45px}body.rtl .landing-page .header-wrapper .mascot{right:60px;left:auto}body.rtl .landing-page__call-to-action .row__information-board{direction:rtl}body.rtl .landing-page .header .hero .floats .float-1{left:-120px;right:auto}body.rtl .landing-page .header .hero .floats .float-2{left:210px;right:auto}body.rtl .landing-page .header .hero .floats .float-3{left:110px;right:auto}body.rtl .landing-page .header .links .brand img{left:0}body.rtl .landing-page .fa-external-link{padding-right:5px;padding-left:0 !important}body.rtl .landing-page .features #mastodon-timeline{margin-right:0;margin-left:30px}@media screen and (min-width: 631px){body.rtl .column,body.rtl .drawer{padding-left:5px;padding-right:5px}body.rtl .column:first-child,body.rtl .drawer:first-child{padding-left:5px;padding-right:10px}body.rtl .columns-area>div .column,body.rtl .columns-area>div .drawer{padding-left:5px;padding-right:5px}}body.rtl .columns-area--mobile .column,body.rtl .columns-area--mobile .drawer{padding-left:0;padding-right:0}body.rtl .public-layout .header .nav-button{margin-left:8px;margin-right:0}body.rtl .public-layout .public-account-header__tabs{margin-left:0;margin-right:20px}body.rtl .landing-page__information .account__display-name{margin-right:0;margin-left:5px}body.rtl .landing-page__information .account__avatar-wrapper{margin-left:12px;margin-right:0}body.rtl .card__bar .display-name{margin-left:0;margin-right:15px;text-align:right}body.rtl .fa-chevron-left::before{content:\"\"}body.rtl .fa-chevron-right::before{content:\"\"}body.rtl .column-back-button__icon{margin-right:0;margin-left:5px}body.rtl .column-header__setting-arrows .column-header__setting-btn:last-child{padding-left:0;padding-right:10px}body.rtl .simple_form .input.radio_buttons .radio>label input{left:auto;right:0}.dashboard__counters{display:flex;flex-wrap:wrap;margin:0 -5px;margin-bottom:20px}.dashboard__counters>div{box-sizing:border-box;flex:0 0 33.333%;padding:0 5px;margin-bottom:10px}.dashboard__counters>div>div,.dashboard__counters>div>a{padding:20px;background:#313543;border-radius:4px;box-sizing:border-box;height:100%}.dashboard__counters>div>a{text-decoration:none;color:inherit;display:block}.dashboard__counters>div>a:hover,.dashboard__counters>div>a:focus,.dashboard__counters>div>a:active{background:#393f4f}.dashboard__counters__num,.dashboard__counters__text{text-align:center;font-weight:500;font-size:24px;line-height:21px;color:#fff;font-family:sans-serif,sans-serif;margin-bottom:20px;line-height:30px}.dashboard__counters__text{font-size:18px}.dashboard__counters__label{font-size:14px;color:#dde3ec;text-align:center;font-weight:500}.dashboard__widgets{display:flex;flex-wrap:wrap;margin:0 -5px}.dashboard__widgets>div{flex:0 0 33.333%;margin-bottom:20px}.dashboard__widgets>div>div{padding:0 5px}.dashboard__widgets a:not(.name-tag){color:#d9e1e8;font-weight:500;text-decoration:none}.compose-form .compose-form__modifiers .compose-form__upload-description input::placeholder{opacity:1}.rich-formatting a,.rich-formatting p a,.rich-formatting li a,.landing-page__short-description p a,.status__content a,.reply-indicator__content a{color:#5f86e2;text-decoration:underline}.rich-formatting a.mention,.rich-formatting p a.mention,.rich-formatting li a.mention,.landing-page__short-description p a.mention,.status__content a.mention,.reply-indicator__content a.mention{text-decoration:none}.rich-formatting a.mention span,.rich-formatting p a.mention span,.rich-formatting li a.mention span,.landing-page__short-description p a.mention span,.status__content a.mention span,.reply-indicator__content a.mention span{text-decoration:underline}.rich-formatting a.mention span:hover,.rich-formatting a.mention span:focus,.rich-formatting a.mention span:active,.rich-formatting p a.mention span:hover,.rich-formatting p a.mention span:focus,.rich-formatting p a.mention span:active,.rich-formatting li a.mention span:hover,.rich-formatting li a.mention span:focus,.rich-formatting li a.mention span:active,.landing-page__short-description p a.mention span:hover,.landing-page__short-description p a.mention span:focus,.landing-page__short-description p a.mention span:active,.status__content a.mention span:hover,.status__content a.mention span:focus,.status__content a.mention span:active,.reply-indicator__content a.mention span:hover,.reply-indicator__content a.mention span:focus,.reply-indicator__content a.mention span:active{text-decoration:none}.rich-formatting a:hover,.rich-formatting a:focus,.rich-formatting a:active,.rich-formatting p a:hover,.rich-formatting p a:focus,.rich-formatting p a:active,.rich-formatting li a:hover,.rich-formatting li a:focus,.rich-formatting li a:active,.landing-page__short-description p a:hover,.landing-page__short-description p a:focus,.landing-page__short-description p a:active,.status__content a:hover,.status__content a:focus,.status__content a:active,.reply-indicator__content a:hover,.reply-indicator__content a:focus,.reply-indicator__content a:active{text-decoration:none}.rich-formatting a.status__content__spoiler-link,.rich-formatting p a.status__content__spoiler-link,.rich-formatting li a.status__content__spoiler-link,.landing-page__short-description p a.status__content__spoiler-link,.status__content a.status__content__spoiler-link,.reply-indicator__content a.status__content__spoiler-link{color:#ecf0f4;text-decoration:none}.status__content__read-more-button{text-decoration:underline}.status__content__read-more-button:hover,.status__content__read-more-button:focus,.status__content__read-more-button:active{text-decoration:none}.getting-started__footer a{text-decoration:underline}.getting-started__footer a:hover,.getting-started__footer a:focus,.getting-started__footer a:active{text-decoration:none}.nothing-here{color:#dde3ec}.public-layout .public-account-header__tabs__tabs .counter.active::after{border-bottom:4px solid #2b5fd9}","/* http://meyerweb.com/eric/tools/css/reset/\n   v2.0 | 20110126\n   License: none (public domain)\n*/\n\nhtml, body, div, span, applet, object, iframe,\nh1, h2, h3, h4, h5, h6, p, blockquote, pre,\na, abbr, acronym, address, big, cite, code,\ndel, dfn, em, img, ins, kbd, q, s, samp,\nsmall, strike, strong, sub, sup, tt, var,\nb, u, i, center,\ndl, dt, dd, ol, ul, li,\nfieldset, form, label, legend,\ntable, caption, tbody, tfoot, thead, tr, th, td,\narticle, aside, canvas, details, embed,\nfigure, figcaption, footer, header, hgroup,\nmenu, nav, output, ruby, section, summary,\ntime, mark, audio, video {\n  margin: 0;\n  padding: 0;\n  border: 0;\n  font-size: 100%;\n  font: inherit;\n  vertical-align: baseline;\n}\n\n/* HTML5 display-role reset for older browsers */\narticle, aside, details, figcaption, figure,\nfooter, header, hgroup, menu, nav, section {\n  display: block;\n}\n\nbody {\n  line-height: 1;\n}\n\nol, ul {\n  list-style: none;\n}\n\nblockquote, q {\n  quotes: none;\n}\n\nblockquote:before, blockquote:after,\nq:before, q:after {\n  content: '';\n  content: none;\n}\n\ntable {\n  border-collapse: collapse;\n  border-spacing: 0;\n}\n\nhtml {\n  scrollbar-color: lighten($ui-base-color, 4%) rgba($base-overlay-background, 0.1);\n}\n\n::-webkit-scrollbar {\n  width: 12px;\n  height: 12px;\n}\n\n::-webkit-scrollbar-thumb {\n  background: lighten($ui-base-color, 4%);\n  border: 0px none $base-border-color;\n  border-radius: 50px;\n}\n\n::-webkit-scrollbar-thumb:hover {\n  background: lighten($ui-base-color, 6%);\n}\n\n::-webkit-scrollbar-thumb:active {\n  background: lighten($ui-base-color, 4%);\n}\n\n::-webkit-scrollbar-track {\n  border: 0px none $base-border-color;\n  border-radius: 0;\n  background: rgba($base-overlay-background, 0.1);\n}\n\n::-webkit-scrollbar-track:hover {\n  background: $ui-base-color;\n}\n\n::-webkit-scrollbar-track:active {\n  background: $ui-base-color;\n}\n\n::-webkit-scrollbar-corner {\n  background: transparent;\n}\n","// Dependent colors\n$black: #000000;\n\n$classic-base-color: #282c37;\n$classic-primary-color: #9baec8;\n$classic-secondary-color: #d9e1e8;\n$classic-highlight-color: #2b90d9;\n\n$ui-base-color: $classic-base-color !default;\n$ui-primary-color: $classic-primary-color !default;\n$ui-secondary-color: $classic-secondary-color !default;\n\n// Differences\n$ui-highlight-color: #2b5fd9;\n\n$darker-text-color: lighten($ui-primary-color, 20%) !default;\n$dark-text-color: lighten($ui-primary-color, 12%) !default;\n$secondary-text-color: lighten($ui-secondary-color, 6%) !default;\n$highlight-text-color: $classic-highlight-color !default;\n$action-button-color: #8d9ac2;\n\n$inverted-text-color: $black !default;\n$lighter-text-color: darken($ui-base-color,6%) !default;\n$light-text-color: darken($ui-primary-color, 40%) !default;\n","@function hex-color($color) {\n  @if type-of($color) == 'color' {\n    $color: str-slice(ie-hex-str($color), 4);\n  }\n  @return '%23' + unquote($color)\n}\n\nbody {\n  font-family: $font-sans-serif, sans-serif;\n  background: darken($ui-base-color, 7%);\n  font-size: 13px;\n  line-height: 18px;\n  font-weight: 400;\n  color: $primary-text-color;\n  text-rendering: optimizelegibility;\n  font-feature-settings: \"kern\";\n  text-size-adjust: none;\n  -webkit-tap-highlight-color: rgba(0,0,0,0);\n  -webkit-tap-highlight-color: transparent;\n\n  &.system-font {\n    // system-ui => standard property (Chrome/Android WebView 56+, Opera 43+, Safari 11+)\n    // -apple-system => Safari <11 specific\n    // BlinkMacSystemFont => Chrome <56 on macOS specific\n    // Segoe UI => Windows 7/8/10\n    // Oxygen => KDE\n    // Ubuntu => Unity/Ubuntu\n    // Cantarell => GNOME\n    // Fira Sans => Firefox OS\n    // Droid Sans => Older Androids (<4.0)\n    // Helvetica Neue => Older macOS <10.11\n    // $font-sans-serif => web-font (Roboto) fallback and newer Androids (>=4.0)\n    font-family: system-ui, -apple-system, BlinkMacSystemFont, \"Segoe UI\", \"Oxygen\", \"Ubuntu\", \"Cantarell\", \"Fira Sans\", \"Droid Sans\", \"Helvetica Neue\", $font-sans-serif, sans-serif;\n  }\n\n  &.app-body {\n    padding: 0;\n\n    &.layout-single-column {\n      height: auto;\n      min-height: 100vh;\n      overflow-y: scroll;\n    }\n\n    &.layout-multiple-columns {\n      position: absolute;\n      width: 100%;\n      height: 100%;\n    }\n\n    &.with-modals--active {\n      overflow-y: hidden;\n    }\n  }\n\n  &.lighter {\n    background: $ui-base-color;\n  }\n\n  &.with-modals {\n    overflow-x: hidden;\n    overflow-y: scroll;\n\n    &--active {\n      overflow-y: hidden;\n    }\n  }\n\n  &.embed {\n    background: lighten($ui-base-color, 4%);\n    margin: 0;\n    padding-bottom: 0;\n\n    .container {\n      position: absolute;\n      width: 100%;\n      height: 100%;\n      overflow: hidden;\n    }\n  }\n\n  &.admin {\n    background: darken($ui-base-color, 4%);\n    padding: 0;\n  }\n\n  &.error {\n    position: absolute;\n    text-align: center;\n    color: $darker-text-color;\n    background: $ui-base-color;\n    width: 100%;\n    height: 100%;\n    padding: 0;\n    display: flex;\n    justify-content: center;\n    align-items: center;\n\n    .dialog {\n      vertical-align: middle;\n      margin: 20px;\n\n      img {\n        display: block;\n        max-width: 470px;\n        width: 100%;\n        height: auto;\n        margin-top: -120px;\n      }\n\n      h1 {\n        font-size: 20px;\n        line-height: 28px;\n        font-weight: 400;\n      }\n    }\n  }\n}\n\nbutton {\n  font-family: inherit;\n  cursor: pointer;\n\n  &:focus {\n    outline: none;\n  }\n}\n\n.app-holder {\n  &,\n  & > div {\n    display: flex;\n    width: 100%;\n    align-items: center;\n    justify-content: center;\n    outline: 0 !important;\n  }\n}\n\n.layout-single-column .app-holder {\n  &,\n  & > div {\n    min-height: 100vh;\n  }\n}\n\n.layout-multiple-columns .app-holder {\n  &,\n  & > div {\n    height: 100%;\n  }\n}\n","// Commonly used web colors\n$black: #000000;            // Black\n$white: #ffffff;            // White\n$success-green: #79bd9a;    // Padua\n$error-red: #df405a;        // Cerise\n$warning-red: #ff5050;      // Sunset Orange\n$gold-star: #ca8f04;        // Dark Goldenrod\n\n$red-bookmark: $warning-red;\n\n// Pleroma-Dark colors\n$pleroma-bg: #121a24;\n$pleroma-fg: #182230;\n$pleroma-text: #b9b9ba;\n$pleroma-links: #d8a070;\n\n// Values from the classic Mastodon UI\n$classic-base-color: $pleroma-bg;\n$classic-primary-color: #9baec8;\n$classic-secondary-color: #d9e1e8;\n$classic-highlight-color: #d8a070;\n\n// Variables for defaults in UI\n$base-shadow-color: $black !default;\n$base-overlay-background: $black !default;\n$base-border-color: $white !default;\n$simple-background-color: $white !default;\n$valid-value-color: $success-green !default;\n$error-value-color: $error-red !default;\n\n// Tell UI to use selected colors\n$ui-base-color: $classic-base-color !default;                  // Darkest\n$ui-base-lighter-color: lighten($ui-base-color, 26%) !default; // Lighter darkest\n$ui-primary-color: $classic-primary-color !default;            // Lighter\n$ui-secondary-color: $classic-secondary-color !default;        // Lightest\n$ui-highlight-color: $classic-highlight-color !default;\n\n// Variables for texts\n$primary-text-color: $white !default;\n$darker-text-color: $ui-primary-color !default;\n$dark-text-color: $ui-base-lighter-color !default;\n$secondary-text-color: $ui-secondary-color !default;\n$highlight-text-color: $ui-highlight-color !default;\n$action-button-color: $ui-base-lighter-color !default;\n// For texts on inverted backgrounds\n$inverted-text-color: $ui-base-color !default;\n$lighter-text-color: $ui-base-lighter-color !default;\n$light-text-color: $ui-primary-color !default;\n\n// Language codes that uses CJK fonts\n$cjk-langs: ja, ko, zh-CN, zh-HK, zh-TW;\n\n// Variables for components\n$media-modal-media-max-width: 100%;\n// put margins on top and bottom of image to avoid the screen covered by image.\n$media-modal-media-max-height: 80%;\n\n$no-gap-breakpoint: 415px;\n\n$font-sans-serif: sans-serif !default;\n$font-display: sans-serif !default;\n$font-monospace: monospace !default;\n\n// Avatar border size (8% default, 100% for rounded avatars)\n$ui-avatar-border-size: 8%;\n\n// More variables\n$dismiss-overlay-width: 4rem;\n",".container-alt {\n  width: 700px;\n  margin: 0 auto;\n  margin-top: 40px;\n\n  @media screen and (max-width: 740px) {\n    width: 100%;\n    margin: 0;\n  }\n}\n\n.logo-container {\n  margin: 100px auto 50px;\n\n  @media screen and (max-width: 500px) {\n    margin: 40px auto 0;\n  }\n\n  h1 {\n    display: flex;\n    justify-content: center;\n    align-items: center;\n\n    svg {\n      fill: $primary-text-color;\n      height: 42px;\n      margin-right: 10px;\n    }\n\n    a {\n      display: flex;\n      justify-content: center;\n      align-items: center;\n      color: $primary-text-color;\n      text-decoration: none;\n      outline: 0;\n      padding: 12px 16px;\n      line-height: 32px;\n      font-family: $font-display, sans-serif;\n      font-weight: 500;\n      font-size: 14px;\n    }\n  }\n}\n\n.compose-standalone {\n  .compose-form {\n    width: 400px;\n    margin: 0 auto;\n    padding: 20px 0;\n    margin-top: 40px;\n    box-sizing: border-box;\n\n    @media screen and (max-width: 400px) {\n      width: 100%;\n      margin-top: 0;\n      padding: 20px;\n    }\n  }\n}\n\n.account-header {\n  width: 400px;\n  margin: 0 auto;\n  display: flex;\n  font-size: 13px;\n  line-height: 18px;\n  box-sizing: border-box;\n  padding: 20px 0;\n  padding-bottom: 0;\n  margin-bottom: -30px;\n  margin-top: 40px;\n\n  @media screen and (max-width: 440px) {\n    width: 100%;\n    margin: 0;\n    margin-bottom: 10px;\n    padding: 20px;\n    padding-bottom: 0;\n  }\n\n  .avatar {\n    width: 40px;\n    height: 40px;\n    @include avatar-size(40px);\n    margin-right: 8px;\n\n    img {\n      width: 100%;\n      height: 100%;\n      display: block;\n      margin: 0;\n      border-radius: 4px;\n      @include avatar-radius();\n    }\n  }\n\n  .name {\n    flex: 1 1 auto;\n    color: $secondary-text-color;\n    width: calc(100% - 88px);\n\n    .username {\n      display: block;\n      font-weight: 500;\n      text-overflow: ellipsis;\n      overflow: hidden;\n    }\n  }\n\n  .logout-link {\n    display: block;\n    font-size: 32px;\n    line-height: 40px;\n    margin-left: 8px;\n  }\n}\n\n.grid-3 {\n  display: grid;\n  grid-gap: 10px;\n  grid-template-columns: 3fr 1fr;\n  grid-auto-columns: 25%;\n  grid-auto-rows: max-content;\n\n  .column-0 {\n    grid-column: 1/3;\n    grid-row: 1;\n  }\n\n  .column-1 {\n    grid-column: 1;\n    grid-row: 2;\n  }\n\n  .column-2 {\n    grid-column: 2;\n    grid-row: 2;\n  }\n\n  .column-3 {\n    grid-column: 1/3;\n    grid-row: 3;\n  }\n\n  @media screen and (max-width: $no-gap-breakpoint) {\n    grid-gap: 0;\n    grid-template-columns: minmax(0, 100%);\n\n    .column-0 {\n      grid-column: 1;\n    }\n\n    .column-1 {\n      grid-column: 1;\n      grid-row: 3;\n    }\n\n    .column-2 {\n      grid-column: 1;\n      grid-row: 2;\n    }\n\n    .column-3 {\n      grid-column: 1;\n      grid-row: 4;\n    }\n  }\n}\n\n.grid-4 {\n  display: grid;\n  grid-gap: 10px;\n  grid-template-columns: repeat(4, minmax(0, 1fr));\n  grid-auto-columns: 25%;\n  grid-auto-rows: max-content;\n\n  .column-0 {\n    grid-column: 1 / 5;\n    grid-row: 1;\n  }\n\n  .column-1 {\n    grid-column: 1 / 4;\n    grid-row: 2;\n  }\n\n  .column-2 {\n    grid-column: 4;\n    grid-row: 2;\n  }\n\n  .column-3 {\n    grid-column: 2 / 5;\n    grid-row: 3;\n  }\n\n  .column-4 {\n    grid-column: 1;\n    grid-row: 3;\n  }\n\n  .landing-page__call-to-action {\n    min-height: 100%;\n  }\n\n  .flash-message {\n    margin-bottom: 10px;\n  }\n\n  @media screen and (max-width: 738px) {\n    grid-template-columns: minmax(0, 50%) minmax(0, 50%);\n\n    .landing-page__call-to-action {\n      padding: 20px;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n    }\n\n    .row__information-board {\n      width: 100%;\n      justify-content: center;\n      align-items: center;\n    }\n\n    .row__mascot {\n      display: none;\n    }\n  }\n\n  @media screen and (max-width: $no-gap-breakpoint) {\n    grid-gap: 0;\n    grid-template-columns: minmax(0, 100%);\n\n    .column-0 {\n      grid-column: 1;\n    }\n\n    .column-1 {\n      grid-column: 1;\n      grid-row: 3;\n    }\n\n    .column-2 {\n      grid-column: 1;\n      grid-row: 2;\n    }\n\n    .column-3 {\n      grid-column: 1;\n      grid-row: 5;\n    }\n\n    .column-4 {\n      grid-column: 1;\n      grid-row: 4;\n    }\n  }\n}\n\n.public-layout {\n  @media screen and (max-width: $no-gap-breakpoint) {\n    padding-top: 48px;\n  }\n\n  .container {\n    max-width: 960px;\n\n    @media screen and (max-width: $no-gap-breakpoint) {\n      padding: 0;\n    }\n  }\n\n  .header {\n    background: lighten($ui-base-color, 8%);\n    box-shadow: 0 0 15px rgba($base-shadow-color, 0.2);\n    border-radius: 4px;\n    height: 48px;\n    margin: 10px 0;\n    display: flex;\n    align-items: stretch;\n    justify-content: center;\n    flex-wrap: nowrap;\n    overflow: hidden;\n\n    @media screen and (max-width: $no-gap-breakpoint) {\n      position: fixed;\n      width: 100%;\n      top: 0;\n      left: 0;\n      margin: 0;\n      border-radius: 0;\n      box-shadow: none;\n      z-index: 110;\n    }\n\n    & > div {\n      flex: 1 1 33.3%;\n      min-height: 1px;\n    }\n\n    .nav-left {\n      display: flex;\n      align-items: stretch;\n      justify-content: flex-start;\n      flex-wrap: nowrap;\n    }\n\n    .nav-center {\n      display: flex;\n      align-items: stretch;\n      justify-content: center;\n      flex-wrap: nowrap;\n    }\n\n    .nav-right {\n      display: flex;\n      align-items: stretch;\n      justify-content: flex-end;\n      flex-wrap: nowrap;\n    }\n\n    .brand {\n      display: block;\n      padding: 15px;\n\n      svg {\n        display: block;\n        height: 18px;\n        width: auto;\n        position: relative;\n        bottom: -2px;\n        fill: $primary-text-color;\n\n        @media screen and (max-width: $no-gap-breakpoint) {\n          height: 20px;\n        }\n      }\n\n      &:hover,\n      &:focus,\n      &:active {\n        background: lighten($ui-base-color, 12%);\n      }\n    }\n\n    .nav-link {\n      display: flex;\n      align-items: center;\n      padding: 0 1rem;\n      font-size: 12px;\n      font-weight: 500;\n      text-decoration: none;\n      color: $darker-text-color;\n      white-space: nowrap;\n      text-align: center;\n\n      &:hover,\n      &:focus,\n      &:active {\n        text-decoration: underline;\n        color: $primary-text-color;\n      }\n\n      @media screen and (max-width: 550px) {\n        &.optional {\n          display: none;\n        }\n      }\n    }\n\n    .nav-button {\n      background: lighten($ui-base-color, 16%);\n      margin: 8px;\n      margin-left: 0;\n      border-radius: 4px;\n\n      &:hover,\n      &:focus,\n      &:active {\n        text-decoration: none;\n        background: lighten($ui-base-color, 20%);\n      }\n    }\n  }\n\n  $no-columns-breakpoint: 600px;\n\n  .grid {\n    display: grid;\n    grid-gap: 10px;\n    grid-template-columns: minmax(300px, 3fr) minmax(298px, 1fr);\n    grid-auto-columns: 25%;\n    grid-auto-rows: max-content;\n\n    .column-0 {\n      grid-row: 1;\n      grid-column: 1;\n    }\n\n    .column-1 {\n      grid-row: 1;\n      grid-column: 2;\n    }\n\n    @media screen and (max-width: $no-columns-breakpoint) {\n      grid-template-columns: 100%;\n      grid-gap: 0;\n\n      .column-1 {\n        display: none;\n      }\n    }\n  }\n\n  .directory__card {\n    border-radius: 4px;\n\n    @media screen and (max-width: $no-gap-breakpoint) {\n      border-radius: 0;\n    }\n  }\n\n  .page-header {\n    @media screen and (max-width: $no-gap-breakpoint) {\n      border-bottom: 0;\n    }\n  }\n\n  .public-account-header {\n    overflow: hidden;\n    margin-bottom: 10px;\n    box-shadow: 0 0 15px rgba($base-shadow-color, 0.2);\n\n    &.inactive {\n      opacity: 0.5;\n\n      .public-account-header__image,\n      .avatar {\n        filter: grayscale(100%);\n      }\n\n      .logo-button {\n        background-color: $secondary-text-color;\n      }\n    }\n\n    &__image {\n      border-radius: 4px 4px 0 0;\n      overflow: hidden;\n      height: 300px;\n      position: relative;\n      background: darken($ui-base-color, 12%);\n\n      &::after {\n        content: \"\";\n        display: block;\n        position: absolute;\n        width: 100%;\n        height: 100%;\n        box-shadow: inset 0 -1px 1px 1px rgba($base-shadow-color, 0.15);\n        top: 0;\n        left: 0;\n      }\n\n      img {\n        object-fit: cover;\n        display: block;\n        width: 100%;\n        height: 100%;\n        margin: 0;\n        border-radius: 4px 4px 0 0;\n      }\n\n      @media screen and (max-width: 600px) {\n        height: 200px;\n      }\n    }\n\n    &--no-bar {\n      margin-bottom: 0;\n\n      .public-account-header__image,\n      .public-account-header__image img {\n        border-radius: 4px;\n\n        @media screen and (max-width: $no-gap-breakpoint) {\n          border-radius: 0;\n        }\n      }\n    }\n\n    @media screen and (max-width: $no-gap-breakpoint) {\n      margin-bottom: 0;\n      box-shadow: none;\n\n      &__image::after {\n        display: none;\n      }\n\n      &__image,\n      &__image img {\n        border-radius: 0;\n      }\n    }\n\n    &__bar {\n      position: relative;\n      margin-top: -80px;\n      display: flex;\n      justify-content: flex-start;\n\n      &::before {\n        content: \"\";\n        display: block;\n        background: lighten($ui-base-color, 4%);\n        position: absolute;\n        bottom: 0;\n        left: 0;\n        right: 0;\n        height: 60px;\n        border-radius: 0 0 4px 4px;\n        z-index: -1;\n      }\n\n      .avatar {\n        display: block;\n        width: 120px;\n        height: 120px;\n        @include avatar-size(120px);\n        padding-left: 20px - 4px;\n        flex: 0 0 auto;\n\n        img {\n          display: block;\n          width: 100%;\n          height: 100%;\n          margin: 0;\n          border-radius: 50%;\n          border: 4px solid lighten($ui-base-color, 4%);\n          background: darken($ui-base-color, 8%);\n          @include avatar-radius();\n        }\n      }\n\n      @media screen and (max-width: 600px) {\n        margin-top: 0;\n        background: lighten($ui-base-color, 4%);\n        border-radius: 0 0 4px 4px;\n        padding: 5px;\n\n        &::before {\n          display: none;\n        }\n\n        .avatar {\n          width: 48px;\n          height: 48px;\n          @include avatar-size(48px);\n          padding: 7px 0;\n          padding-left: 10px;\n\n          img {\n            border: 0;\n            border-radius: 4px;\n            @include avatar-radius();\n          }\n\n          @media screen and (max-width: 360px) {\n            display: none;\n          }\n        }\n      }\n\n      @media screen and (max-width: $no-gap-breakpoint) {\n        border-radius: 0;\n      }\n\n      @media screen and (max-width: $no-columns-breakpoint) {\n        flex-wrap: wrap;\n      }\n    }\n\n    &__tabs {\n      flex: 1 1 auto;\n      margin-left: 20px;\n\n      &__name {\n        padding-top: 20px;\n        padding-bottom: 8px;\n\n        h1 {\n          font-size: 20px;\n          line-height: 18px * 1.5;\n          color: $primary-text-color;\n          font-weight: 500;\n          overflow: hidden;\n          white-space: nowrap;\n          text-overflow: ellipsis;\n          text-shadow: 1px 1px 1px $base-shadow-color;\n\n          small {\n            display: block;\n            font-size: 14px;\n            color: $primary-text-color;\n            font-weight: 400;\n            overflow: hidden;\n            text-overflow: ellipsis;\n          }\n        }\n      }\n\n      @media screen and (max-width: 600px) {\n        margin-left: 15px;\n        display: flex;\n        justify-content: space-between;\n        align-items: center;\n\n        &__name {\n          padding-top: 0;\n          padding-bottom: 0;\n\n          h1 {\n            font-size: 16px;\n            line-height: 24px;\n            text-shadow: none;\n\n            small {\n              color: $darker-text-color;\n            }\n          }\n        }\n      }\n\n      &__tabs {\n        display: flex;\n        justify-content: flex-start;\n        align-items: stretch;\n        height: 58px;\n\n        .details-counters {\n          display: flex;\n          flex-direction: row;\n          min-width: 300px;\n        }\n\n        @media screen and (max-width: $no-columns-breakpoint) {\n          .details-counters {\n            display: none;\n          }\n        }\n\n        .counter {\n          min-width: 33.3%;\n          box-sizing: border-box;\n          flex: 0 0 auto;\n          color: $darker-text-color;\n          padding: 10px;\n          border-right: 1px solid lighten($ui-base-color, 4%);\n          cursor: default;\n          text-align: center;\n          position: relative;\n\n          a {\n            display: block;\n          }\n\n          &:last-child {\n            border-right: 0;\n          }\n\n          &::after {\n            display: block;\n            content: \"\";\n            position: absolute;\n            bottom: 0;\n            left: 0;\n            width: 100%;\n            border-bottom: 4px solid $ui-primary-color;\n            opacity: 0.5;\n            transition: all 400ms ease;\n          }\n\n          &.active {\n            &::after {\n              border-bottom: 4px solid $highlight-text-color;\n              opacity: 1;\n            }\n\n            &.inactive::after {\n              border-bottom-color: $secondary-text-color;\n            }\n          }\n\n          &:hover {\n            &::after {\n              opacity: 1;\n              transition-duration: 100ms;\n            }\n          }\n\n          a {\n            text-decoration: none;\n            color: inherit;\n          }\n\n          .counter-label {\n            font-size: 12px;\n            display: block;\n          }\n\n          .counter-number {\n            font-weight: 500;\n            font-size: 18px;\n            margin-bottom: 5px;\n            color: $primary-text-color;\n            font-family: $font-display, sans-serif;\n          }\n        }\n\n        .spacer {\n          flex: 1 1 auto;\n          height: 1px;\n        }\n\n        &__buttons {\n          padding: 7px 8px;\n        }\n      }\n    }\n\n    &__extra {\n      display: none;\n      margin-top: 4px;\n\n      .public-account-bio {\n        border-radius: 0;\n        box-shadow: none;\n        background: transparent;\n        margin: 0 -5px;\n\n        .account__header__fields {\n          border-top: 1px solid lighten($ui-base-color, 12%);\n        }\n\n        .roles {\n          display: none;\n        }\n      }\n\n      &__links {\n        margin-top: -15px;\n        font-size: 14px;\n        color: $darker-text-color;\n\n        a {\n          display: inline-block;\n          color: $darker-text-color;\n          text-decoration: none;\n          padding: 15px;\n          font-weight: 500;\n\n          strong {\n            font-weight: 700;\n            color: $primary-text-color;\n          }\n        }\n      }\n\n      @media screen and (max-width: $no-columns-breakpoint) {\n        display: block;\n        flex: 100%;\n      }\n    }\n  }\n\n  .account__section-headline {\n    border-radius: 4px 4px 0 0;\n\n    @media screen and (max-width: $no-gap-breakpoint) {\n      border-radius: 0;\n    }\n  }\n\n  .detailed-status__meta {\n    margin-top: 25px;\n  }\n\n  .public-account-bio {\n    background: lighten($ui-base-color, 8%);\n    box-shadow: 0 0 15px rgba($base-shadow-color, 0.2);\n    border-radius: 4px;\n    overflow: hidden;\n    margin-bottom: 10px;\n\n    @media screen and (max-width: $no-gap-breakpoint) {\n      box-shadow: none;\n      margin-bottom: 0;\n      border-radius: 0;\n    }\n\n    .account__header__fields {\n      margin: 0;\n      border-top: 0;\n\n      a {\n        color: lighten($ui-highlight-color, 8%);\n      }\n\n      dl:first-child .verified {\n        border-radius: 0 4px 0 0;\n      }\n\n      .verified a {\n        color: $valid-value-color;\n      }\n    }\n\n    .account__header__content {\n      padding: 20px;\n      padding-bottom: 0;\n      color: $primary-text-color;\n    }\n\n    &__extra,\n    .roles {\n      padding: 20px;\n      font-size: 14px;\n      color: $darker-text-color;\n    }\n\n    .roles {\n      padding-bottom: 0;\n    }\n  }\n\n  .directory__list {\n    display: grid;\n    grid-gap: 10px;\n    grid-template-columns: minmax(0, 50%) minmax(0, 50%);\n\n    @media screen and (max-width: $no-gap-breakpoint) {\n      display: block;\n    }\n\n    .icon-button {\n      font-size: 18px;\n    }\n  }\n\n  .directory__card {\n    margin-bottom: 0;\n  }\n\n  .card-grid {\n    display: flex;\n    flex-wrap: wrap;\n    min-width: 100%;\n    margin: 0 -5px;\n\n    & > div {\n      box-sizing: border-box;\n      flex: 1 0 auto;\n      width: 300px;\n      padding: 0 5px;\n      margin-bottom: 10px;\n      max-width: 33.333%;\n\n      @media screen and (max-width: 900px) {\n        max-width: 50%;\n      }\n\n      @media screen and (max-width: 600px) {\n        max-width: 100%;\n      }\n    }\n\n    @media screen and (max-width: $no-gap-breakpoint) {\n      margin: 0;\n      border-top: 1px solid lighten($ui-base-color, 8%);\n\n      & > div {\n        width: 100%;\n        padding: 0;\n        margin-bottom: 0;\n        border-bottom: 1px solid lighten($ui-base-color, 8%);\n\n        &:last-child {\n          border-bottom: 0;\n        }\n\n        .card__bar {\n          background: $ui-base-color;\n\n          &:hover,\n          &:active,\n          &:focus {\n            background: lighten($ui-base-color, 4%);\n          }\n        }\n      }\n    }\n  }\n}\n","@mixin avatar-radius() {\n  border-radius: $ui-avatar-border-size;\n  background-position: 50%;\n  background-clip: padding-box;\n}\n\n@mixin avatar-size($size:48px) {\n  width: $size;\n  height: $size;\n  background-size: $size $size;\n}\n\n@mixin single-column($media, $parent: '&') {\n  .auto-columns #{$parent} {\n    @media #{$media} {\n      @content;\n    }\n  }\n  .single-column #{$parent} {\n    @content;\n  }\n}\n\n@mixin limited-single-column($media, $parent: '&') {\n  .auto-columns #{$parent}, .single-column #{$parent} {\n    @media #{$media} {\n      @content;\n    }\n  }\n}\n\n@mixin multi-columns($media, $parent: '&') {\n  .auto-columns #{$parent} {\n    @media #{$media} {\n      @content;\n    }\n  }\n  .multi-columns #{$parent} {\n    @content;\n  }\n}\n\n@mixin fullwidth-gallery {\n  &.full-width {\n    margin-left: -14px;\n    margin-right: -14px;\n    width: inherit;\n    max-width: none;\n    height: 250px;\n    border-radius: 0px;\n  }\n}\n\n@mixin search-input() {\n  outline: 0;\n  box-sizing: border-box;\n  width: 100%;\n  border: none;\n  box-shadow: none;\n  font-family: inherit;\n  background: $ui-base-color;\n  color: $darker-text-color;\n  font-size: 14px;\n  margin: 0;\n}\n\n@mixin search-popout() {\n  background: $simple-background-color;\n  border-radius: 4px;\n  padding: 10px 14px;\n  padding-bottom: 14px;\n  margin-top: 10px;\n  color: $light-text-color;\n  box-shadow: 2px 4px 15px rgba($base-shadow-color, 0.4);\n\n  h4 {\n    text-transform: uppercase;\n    color: $light-text-color;\n    font-size: 13px;\n    font-weight: 500;\n    margin-bottom: 10px;\n  }\n\n  li {\n    padding: 4px 0;\n  }\n\n  ul {\n    margin-bottom: 10px;\n  }\n\n  em {\n    font-weight: 500;\n    color: $inverted-text-color;\n  }\n}\n",".no-list {\n  list-style: none;\n\n  li {\n    display: inline-block;\n    margin: 0 5px;\n  }\n}\n\n.recovery-codes {\n  list-style: none;\n  margin: 0 auto;\n\n  li {\n    font-size: 125%;\n    line-height: 1.5;\n    letter-spacing: 1px;\n  }\n}\n",".modal-layout {\n  background: $ui-base-color url('data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 234.80078 31.757813\" width=\"234.80078\" height=\"31.757812\"><path d=\"M19.599609 0c-1.05 0-2.10039.375-2.90039 1.125L0 16.925781v14.832031h234.80078V17.025391l-16.5-15.900391c-1.6-1.5-4.20078-1.5-5.80078 0l-13.80078 13.099609c-1.6 1.5-4.19883 1.5-5.79883 0L179.09961 1.125c-1.6-1.5-4.19883-1.5-5.79883 0L159.5 14.224609c-1.6 1.5-4.20078 1.5-5.80078 0L139.90039 1.125c-1.6-1.5-4.20078-1.5-5.80078 0l-13.79883 13.099609c-1.6 1.5-4.20078 1.5-5.80078 0L100.69922 1.125c-1.600001-1.5-4.198829-1.5-5.798829 0l-13.59961 13.099609c-1.6 1.5-4.200781 1.5-5.800781 0L61.699219 1.125c-1.6-1.5-4.198828-1.5-5.798828 0L42.099609 14.224609c-1.6 1.5-4.198828 1.5-5.798828 0L22.5 1.125C21.7.375 20.649609 0 19.599609 0z\" fill=\"#{hex-color($ui-base-lighter-color)}\"/></svg>') repeat-x bottom fixed;\n  display: flex;\n  flex-direction: column;\n  height: 100vh;\n  padding: 0;\n}\n\n.modal-layout__mastodon {\n  display: flex;\n  flex: 1;\n  flex-direction: column;\n  justify-content: flex-end;\n\n  > * {\n    flex: 1;\n    max-height: 235px;\n  }\n}\n\n@media screen and (max-width: 600px) {\n  .account-header {\n    margin-top: 0;\n  }\n}\n",".public-layout {\n  .footer {\n    text-align: left;\n    padding-top: 20px;\n    padding-bottom: 60px;\n    font-size: 12px;\n    color: lighten($ui-base-color, 34%);\n\n    @media screen and (max-width: $no-gap-breakpoint) {\n      padding-left: 20px;\n      padding-right: 20px;\n    }\n\n    .grid {\n      display: grid;\n      grid-gap: 10px;\n      grid-template-columns: 1fr 1fr 2fr 1fr 1fr;\n\n      .column-0 {\n        grid-column: 1;\n        grid-row: 1;\n        min-width: 0;\n      }\n\n      .column-1 {\n        grid-column: 2;\n        grid-row: 1;\n        min-width: 0;\n      }\n\n      .column-2 {\n        grid-column: 3;\n        grid-row: 1;\n        min-width: 0;\n        text-align: center;\n\n        h4 a {\n          color: lighten($ui-base-color, 34%);\n        }\n      }\n\n      .column-3 {\n        grid-column: 4;\n        grid-row: 1;\n        min-width: 0;\n      }\n\n      .column-4 {\n        grid-column: 5;\n        grid-row: 1;\n        min-width: 0;\n      }\n\n      @media screen and (max-width: 690px) {\n        grid-template-columns: 1fr 2fr 1fr;\n\n        .column-0,\n        .column-1 {\n          grid-column: 1;\n        }\n\n        .column-1 {\n          grid-row: 2;\n        }\n\n        .column-2 {\n          grid-column: 2;\n        }\n\n        .column-3,\n        .column-4 {\n          grid-column: 3;\n        }\n\n        .column-4 {\n          grid-row: 2;\n        }\n      }\n\n      @media screen and (max-width: 600px) {\n        .column-1 {\n          display: block;\n        }\n      }\n\n      @media screen and (max-width: $no-gap-breakpoint) {\n        .column-0,\n        .column-1,\n        .column-3,\n        .column-4 {\n          display: none;\n        }\n      }\n    }\n\n    h4 {\n      text-transform: uppercase;\n      font-weight: 700;\n      margin-bottom: 8px;\n      color: $darker-text-color;\n\n      a {\n        color: inherit;\n        text-decoration: none;\n      }\n    }\n\n    ul a {\n      text-decoration: none;\n      color: lighten($ui-base-color, 34%);\n\n      &:hover,\n      &:active,\n      &:focus {\n        text-decoration: underline;\n      }\n    }\n\n    .brand {\n      svg {\n        display: block;\n        height: 36px;\n        width: auto;\n        margin: 0 auto;\n        fill: lighten($ui-base-color, 34%);\n      }\n\n      &:hover,\n      &:focus,\n      &:active {\n        svg {\n          fill: lighten($ui-base-color, 38%);\n        }\n      }\n    }\n  }\n}\n",".compact-header {\n  h1 {\n    font-size: 24px;\n    line-height: 28px;\n    color: $darker-text-color;\n    font-weight: 500;\n    margin-bottom: 20px;\n    padding: 0 10px;\n    word-wrap: break-word;\n\n    @media screen and (max-width: 740px) {\n      text-align: center;\n      padding: 20px 10px 0;\n    }\n\n    a {\n      color: inherit;\n      text-decoration: none;\n    }\n\n    small {\n      font-weight: 400;\n      color: $secondary-text-color;\n    }\n\n    img {\n      display: inline-block;\n      margin-bottom: -5px;\n      margin-right: 15px;\n      width: 36px;\n      height: 36px;\n    }\n  }\n}\n",".hero-widget {\n  margin-bottom: 10px;\n  box-shadow: 0 0 15px rgba($base-shadow-color, 0.2);\n\n  &__img {\n    width: 100%;\n    position: relative;\n    overflow: hidden;\n    border-radius: 4px 4px 0 0;\n    background: $base-shadow-color;\n\n    img {\n      object-fit: cover;\n      display: block;\n      width: 100%;\n      height: 100%;\n      margin: 0;\n      border-radius: 4px 4px 0 0;\n    }\n  }\n\n  &__text {\n    background: $ui-base-color;\n    padding: 20px;\n    border-radius: 0 0 4px 4px;\n    font-size: 15px;\n    color: $darker-text-color;\n    line-height: 20px;\n    word-wrap: break-word;\n    font-weight: 400;\n\n    .emojione {\n      width: 20px;\n      height: 20px;\n      margin: -3px 0 0;\n    }\n\n    p {\n      margin-bottom: 20px;\n\n      &:last-child {\n        margin-bottom: 0;\n      }\n    }\n\n    em {\n      display: inline;\n      margin: 0;\n      padding: 0;\n      font-weight: 700;\n      background: transparent;\n      font-family: inherit;\n      font-size: inherit;\n      line-height: inherit;\n      color: lighten($darker-text-color, 10%);\n    }\n\n    a {\n      color: $secondary-text-color;\n      text-decoration: none;\n\n      &:hover {\n        text-decoration: underline;\n      }\n    }\n  }\n\n  @media screen and (max-width: $no-gap-breakpoint) {\n    display: none;\n  }\n}\n\n.endorsements-widget {\n  margin-bottom: 10px;\n  padding-bottom: 10px;\n\n  h4 {\n    padding: 10px;\n    text-transform: uppercase;\n    font-weight: 700;\n    font-size: 13px;\n    color: $darker-text-color;\n  }\n\n  .account {\n    padding: 10px 0;\n\n    &:last-child {\n      border-bottom: 0;\n    }\n\n    .account__display-name {\n      display: flex;\n      align-items: center;\n    }\n\n    .account__avatar {\n      width: 44px;\n      height: 44px;\n      background-size: 44px 44px;\n    }\n  }\n\n  .trends__item {\n    padding: 10px;\n  }\n}\n\n.trends-widget {\n  h4 {\n    color: $darker-text-color;\n  }\n}\n\n.box-widget {\n  padding: 20px;\n  border-radius: 4px;\n  background: $ui-base-color;\n  box-shadow: 0 0 15px rgba($base-shadow-color, 0.2);\n}\n\n.placeholder-widget {\n  padding: 16px;\n  border-radius: 4px;\n  border: 2px dashed $dark-text-color;\n  text-align: center;\n  color: $darker-text-color;\n  margin-bottom: 10px;\n}\n\n.contact-widget {\n  min-height: 100%;\n  font-size: 15px;\n  color: $darker-text-color;\n  line-height: 20px;\n  word-wrap: break-word;\n  font-weight: 400;\n  padding: 0;\n\n  h4 {\n    padding: 10px;\n    text-transform: uppercase;\n    font-weight: 700;\n    font-size: 13px;\n    color: $darker-text-color;\n  }\n\n  .account {\n    border-bottom: 0;\n    padding: 10px 0;\n    padding-top: 5px;\n  }\n\n  & > a {\n    display: inline-block;\n    padding: 10px;\n    padding-top: 0;\n    color: $darker-text-color;\n    text-decoration: none;\n    white-space: nowrap;\n    overflow: hidden;\n    text-overflow: ellipsis;\n\n    &:hover,\n    &:focus,\n    &:active {\n      text-decoration: underline;\n    }\n  }\n}\n\n.moved-account-widget {\n  padding: 15px;\n  padding-bottom: 20px;\n  border-radius: 4px;\n  background: $ui-base-color;\n  box-shadow: 0 0 15px rgba($base-shadow-color, 0.2);\n  color: $secondary-text-color;\n  font-weight: 400;\n  margin-bottom: 10px;\n\n  strong,\n  a {\n    font-weight: 500;\n\n    @each $lang in $cjk-langs {\n      &:lang(#{$lang}) {\n        font-weight: 700;\n      }\n    }\n  }\n\n  a {\n    color: inherit;\n    text-decoration: underline;\n\n    &.mention {\n      text-decoration: none;\n\n      span {\n        text-decoration: none;\n      }\n\n      &:focus,\n      &:hover,\n      &:active {\n        text-decoration: none;\n\n        span {\n          text-decoration: underline;\n        }\n      }\n    }\n  }\n\n  &__message {\n    margin-bottom: 15px;\n\n    .fa {\n      margin-right: 5px;\n      color: $darker-text-color;\n    }\n  }\n\n  &__card {\n    .detailed-status__display-avatar {\n      position: relative;\n      cursor: pointer;\n    }\n\n    .detailed-status__display-name {\n      margin-bottom: 0;\n      text-decoration: none;\n\n      span {\n        font-weight: 400;\n      }\n    }\n  }\n}\n\n.memoriam-widget {\n  padding: 20px;\n  border-radius: 4px;\n  background: $base-shadow-color;\n  box-shadow: 0 0 15px rgba($base-shadow-color, 0.2);\n  font-size: 14px;\n  color: $darker-text-color;\n  margin-bottom: 10px;\n}\n\n.page-header {\n  background: lighten($ui-base-color, 8%);\n  box-shadow: 0 0 15px rgba($base-shadow-color, 0.2);\n  border-radius: 4px;\n  padding: 60px 15px;\n  text-align: center;\n  margin: 10px 0;\n\n  h1 {\n    color: $primary-text-color;\n    font-size: 36px;\n    line-height: 1.1;\n    font-weight: 700;\n    margin-bottom: 10px;\n  }\n\n  p {\n    font-size: 15px;\n    color: $darker-text-color;\n  }\n\n  @media screen and (max-width: $no-gap-breakpoint) {\n    margin-top: 0;\n    background: lighten($ui-base-color, 4%);\n\n    h1 {\n      font-size: 24px;\n    }\n  }\n}\n\n.directory {\n  background: $ui-base-color;\n  border-radius: 4px;\n  box-shadow: 0 0 15px rgba($base-shadow-color, 0.2);\n\n  &__tag {\n    box-sizing: border-box;\n    margin-bottom: 10px;\n\n    & > a,\n    & > div {\n      display: flex;\n      align-items: center;\n      justify-content: space-between;\n      background: $ui-base-color;\n      border-radius: 4px;\n      padding: 15px;\n      text-decoration: none;\n      color: inherit;\n      box-shadow: 0 0 15px rgba($base-shadow-color, 0.2);\n    }\n\n    & > a {\n      &:hover,\n      &:active,\n      &:focus {\n        background: lighten($ui-base-color, 8%);\n      }\n    }\n\n    &.active > a {\n      background: $ui-highlight-color;\n      cursor: default;\n    }\n\n    &.disabled > div {\n      opacity: 0.5;\n      cursor: default;\n    }\n\n    h4 {\n      flex: 1 1 auto;\n      font-size: 18px;\n      font-weight: 700;\n      color: $primary-text-color;\n      white-space: nowrap;\n      overflow: hidden;\n      text-overflow: ellipsis;\n\n      .fa {\n        color: $darker-text-color;\n      }\n\n      small {\n        display: block;\n        font-weight: 400;\n        font-size: 15px;\n        margin-top: 8px;\n        color: $darker-text-color;\n      }\n    }\n\n    &.active h4 {\n      &,\n      .fa,\n      small {\n        color: $primary-text-color;\n      }\n    }\n\n    .avatar-stack {\n      flex: 0 0 auto;\n      width: (36px + 4px) * 3;\n    }\n\n    &.active .avatar-stack .account__avatar {\n      border-color: $ui-highlight-color;\n    }\n  }\n}\n\n.avatar-stack {\n  display: flex;\n  justify-content: flex-end;\n\n  .account__avatar {\n    flex: 0 0 auto;\n    width: 36px;\n    height: 36px;\n    border-radius: 50%;\n    position: relative;\n    margin-left: -10px;\n    background: darken($ui-base-color, 8%);\n    border: 2px solid $ui-base-color;\n\n    &:nth-child(1) {\n      z-index: 1;\n    }\n\n    &:nth-child(2) {\n      z-index: 2;\n    }\n\n    &:nth-child(3) {\n      z-index: 3;\n    }\n  }\n}\n\n.accounts-table {\n  width: 100%;\n\n  .account {\n    padding: 0;\n    border: 0;\n  }\n\n  strong {\n    font-weight: 700;\n  }\n\n  thead th {\n    text-align: center;\n    text-transform: uppercase;\n    color: $darker-text-color;\n    font-weight: 700;\n    padding: 10px;\n\n    &:first-child {\n      text-align: left;\n    }\n  }\n\n  tbody td {\n    padding: 15px 0;\n    vertical-align: middle;\n    border-bottom: 1px solid lighten($ui-base-color, 8%);\n  }\n\n  tbody tr:last-child td {\n    border-bottom: 0;\n  }\n\n  &__count {\n    width: 120px;\n    text-align: center;\n    font-size: 15px;\n    font-weight: 500;\n    color: $primary-text-color;\n\n    small {\n      display: block;\n      color: $darker-text-color;\n      font-weight: 400;\n      font-size: 14px;\n    }\n  }\n\n  &__comment {\n    width: 50%;\n    vertical-align: initial !important;\n  }\n\n  @media screen and (max-width: $no-gap-breakpoint) {\n    tbody td.optional {\n      display: none;\n    }\n  }\n}\n\n.moved-account-widget,\n.memoriam-widget,\n.box-widget,\n.contact-widget,\n.landing-page__information.contact-widget,\n.directory,\n.page-header {\n  @media screen and (max-width: $no-gap-breakpoint) {\n    margin-bottom: 0;\n    box-shadow: none;\n    border-radius: 0;\n  }\n}\n\n$maximum-width: 1235px;\n$fluid-breakpoint: $maximum-width + 20px;\n\n.statuses-grid {\n  min-height: 600px;\n\n  @media screen and (max-width: 640px) {\n    width: 100% !important; // Masonry layout is unnecessary at this width\n  }\n\n  &__item {\n    width: (960px - 20px) / 3;\n\n    @media screen and (max-width: $fluid-breakpoint) {\n      width: (940px - 20px) / 3;\n    }\n\n    @media screen and (max-width: 640px) {\n      width: 100%;\n    }\n\n    @media screen and (max-width: $no-gap-breakpoint) {\n      width: 100vw;\n    }\n  }\n\n  .detailed-status {\n    border-radius: 4px;\n\n    @media screen and (max-width: $no-gap-breakpoint) {\n      border-top: 1px solid lighten($ui-base-color, 16%);\n    }\n\n    &.compact {\n      .detailed-status__meta {\n        margin-top: 15px;\n      }\n\n      .status__content {\n        font-size: 15px;\n        line-height: 20px;\n\n        .emojione {\n          width: 20px;\n          height: 20px;\n          margin: -3px 0 0;\n        }\n\n        .status__content__spoiler-link {\n          line-height: 20px;\n          margin: 0;\n        }\n      }\n\n      .media-gallery,\n      .status-card,\n      .video-player {\n        margin-top: 15px;\n      }\n    }\n  }\n}\n\n.notice-widget {\n  margin-bottom: 10px;\n  color: $darker-text-color;\n\n  p {\n    margin-bottom: 10px;\n\n    &:last-child {\n      margin-bottom: 0;\n    }\n  }\n\n  a {\n    font-size: 14px;\n    line-height: 20px;\n  }\n}\n\n.notice-widget,\n.placeholder-widget {\n  a {\n    text-decoration: none;\n    font-weight: 500;\n    color: $ui-highlight-color;\n\n    &:hover,\n    &:focus,\n    &:active {\n      text-decoration: underline;\n    }\n  }\n}\n\n.table-of-contents {\n  background: darken($ui-base-color, 4%);\n  min-height: 100%;\n  font-size: 14px;\n  border-radius: 4px;\n\n  li a {\n    display: block;\n    font-weight: 500;\n    padding: 15px;\n    overflow: hidden;\n    white-space: nowrap;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    text-decoration: none;\n    color: $primary-text-color;\n    border-bottom: 1px solid lighten($ui-base-color, 4%);\n\n    &:hover,\n    &:focus,\n    &:active {\n      text-decoration: underline;\n    }\n  }\n\n  li:last-child a {\n    border-bottom: 0;\n  }\n\n  li ul {\n    padding-left: 20px;\n    border-bottom: 1px solid lighten($ui-base-color, 4%);\n  }\n}\n","$no-columns-breakpoint: 600px;\n\ncode {\n  font-family: $font-monospace, monospace;\n  font-weight: 400;\n}\n\n.form-container {\n  max-width: 400px;\n  padding: 20px;\n  margin: 0 auto;\n}\n\n.simple_form {\n  .input {\n    margin-bottom: 15px;\n    overflow: hidden;\n\n    &.hidden {\n      margin: 0;\n    }\n\n    &.radio_buttons {\n      .radio {\n        margin-bottom: 15px;\n\n        &:last-child {\n          margin-bottom: 0;\n        }\n      }\n\n      .radio > label {\n        position: relative;\n        padding-left: 28px;\n\n        input {\n          position: absolute;\n          top: -2px;\n          left: 0;\n        }\n      }\n    }\n\n    &.boolean {\n      position: relative;\n      margin-bottom: 0;\n\n      .label_input > label {\n        font-family: inherit;\n        font-size: 14px;\n        padding-top: 5px;\n        color: $primary-text-color;\n        display: block;\n        width: auto;\n      }\n\n      .label_input,\n      .hint {\n        padding-left: 28px;\n      }\n\n      .label_input__wrapper {\n        position: static;\n      }\n\n      label.checkbox {\n        position: absolute;\n        top: 2px;\n        left: 0;\n      }\n\n      label a {\n        color: $highlight-text-color;\n        text-decoration: underline;\n\n        &:hover,\n        &:active,\n        &:focus {\n          text-decoration: none;\n        }\n      }\n\n      .recommended {\n        position: absolute;\n        margin: 0 4px;\n        margin-top: -2px;\n      }\n    }\n  }\n\n  .row {\n    display: flex;\n    margin: 0 -5px;\n\n    .input {\n      box-sizing: border-box;\n      flex: 1 1 auto;\n      width: 50%;\n      padding: 0 5px;\n    }\n  }\n\n  .hint {\n    color: $darker-text-color;\n\n    a {\n      color: $highlight-text-color;\n    }\n\n    code {\n      border-radius: 3px;\n      padding: 0.2em 0.4em;\n      background: darken($ui-base-color, 12%);\n    }\n  }\n\n  span.hint {\n    display: block;\n    font-size: 12px;\n    margin-top: 4px;\n  }\n\n  p.hint {\n    margin-bottom: 15px;\n    color: $darker-text-color;\n\n    &.subtle-hint {\n      text-align: center;\n      font-size: 12px;\n      line-height: 18px;\n      margin-top: 15px;\n      margin-bottom: 0;\n    }\n  }\n\n  .card {\n    margin-bottom: 15px;\n  }\n\n  strong {\n    font-weight: 500;\n\n    @each $lang in $cjk-langs {\n      &:lang(#{$lang}) {\n        font-weight: 700;\n      }\n    }\n  }\n\n  .input.with_floating_label {\n    .label_input {\n      display: flex;\n\n      & > label {\n        font-family: inherit;\n        font-size: 14px;\n        color: $primary-text-color;\n        font-weight: 500;\n        min-width: 150px;\n        flex: 0 0 auto;\n      }\n\n      input,\n      select {\n        flex: 1 1 auto;\n      }\n    }\n\n    &.select .hint {\n      margin-top: 6px;\n      margin-left: 150px;\n    }\n  }\n\n  .input.with_label {\n    .label_input > label {\n      font-family: inherit;\n      font-size: 14px;\n      color: $primary-text-color;\n      display: block;\n      margin-bottom: 8px;\n      word-wrap: break-word;\n      font-weight: 500;\n    }\n\n    .hint {\n      margin-top: 6px;\n    }\n\n    ul {\n      flex: 390px;\n    }\n  }\n\n  .input.with_block_label {\n    max-width: none;\n\n    & > label {\n      font-family: inherit;\n      font-size: 16px;\n      color: $primary-text-color;\n      display: block;\n      font-weight: 500;\n      padding-top: 5px;\n    }\n\n    .hint {\n      margin-bottom: 15px;\n    }\n\n    ul {\n      columns: 2;\n    }\n  }\n\n  .required abbr {\n    text-decoration: none;\n    color: lighten($error-value-color, 12%);\n  }\n\n  .fields-group {\n    margin-bottom: 25px;\n\n    .input:last-child {\n      margin-bottom: 0;\n    }\n  }\n\n  .fields-row {\n    display: flex;\n    margin: 0 -10px;\n    padding-top: 5px;\n    margin-bottom: 25px;\n\n    .input {\n      max-width: none;\n    }\n\n    &__column {\n      box-sizing: border-box;\n      padding: 0 10px;\n      flex: 1 1 auto;\n      min-height: 1px;\n\n      &-6 {\n        max-width: 50%;\n      }\n\n      .actions {\n        margin-top: 27px;\n      }\n    }\n\n    .fields-group:last-child,\n    .fields-row__column.fields-group {\n      margin-bottom: 0;\n    }\n\n    @media screen and (max-width: $no-columns-breakpoint) {\n      display: block;\n      margin-bottom: 0;\n\n      &__column {\n        max-width: none;\n      }\n\n      .fields-group:last-child,\n      .fields-row__column.fields-group,\n      .fields-row__column {\n        margin-bottom: 25px;\n      }\n    }\n  }\n\n  .input.radio_buttons .radio label {\n    margin-bottom: 5px;\n    font-family: inherit;\n    font-size: 14px;\n    color: $primary-text-color;\n    display: block;\n    width: auto;\n  }\n\n  .check_boxes {\n    .checkbox {\n      label {\n        font-family: inherit;\n        font-size: 14px;\n        color: $primary-text-color;\n        display: inline-block;\n        width: auto;\n        position: relative;\n        padding-top: 5px;\n        padding-left: 25px;\n        flex: 1 1 auto;\n      }\n\n      input[type=checkbox] {\n        position: absolute;\n        left: 0;\n        top: 5px;\n        margin: 0;\n      }\n    }\n  }\n\n  .input.static .label_input__wrapper {\n    font-size: 16px;\n    padding: 10px;\n    border: 1px solid $dark-text-color;\n    border-radius: 4px;\n  }\n\n  input[type=text],\n  input[type=number],\n  input[type=email],\n  input[type=password],\n  textarea {\n    box-sizing: border-box;\n    font-size: 16px;\n    color: $primary-text-color;\n    display: block;\n    width: 100%;\n    outline: 0;\n    font-family: inherit;\n    resize: vertical;\n    background: darken($ui-base-color, 10%);\n    border: 1px solid darken($ui-base-color, 14%);\n    border-radius: 4px;\n    padding: 10px;\n\n    &::placeholder {\n      color: lighten($darker-text-color, 4%);\n    }\n\n    &:invalid {\n      box-shadow: none;\n    }\n\n    &:focus:invalid:not(:placeholder-shown) {\n      border-color: lighten($error-red, 12%);\n    }\n\n    &:required:valid {\n      border-color: $valid-value-color;\n    }\n\n    &:hover {\n      border-color: darken($ui-base-color, 20%);\n    }\n\n    &:active,\n    &:focus {\n      border-color: $highlight-text-color;\n      background: darken($ui-base-color, 8%);\n    }\n  }\n\n  .input.field_with_errors {\n    label {\n      color: lighten($error-red, 12%);\n    }\n\n    input[type=text],\n    input[type=number],\n    input[type=email],\n    input[type=password],\n    textarea,\n    select {\n      border-color: lighten($error-red, 12%);\n    }\n\n    .error {\n      display: block;\n      font-weight: 500;\n      color: lighten($error-red, 12%);\n      margin-top: 4px;\n    }\n  }\n\n  .input.disabled {\n    opacity: 0.5;\n  }\n\n  .actions {\n    margin-top: 30px;\n    display: flex;\n\n    &.actions--top {\n      margin-top: 0;\n      margin-bottom: 30px;\n    }\n  }\n\n  button,\n  .button,\n  .block-button {\n    display: block;\n    width: 100%;\n    border: 0;\n    border-radius: 4px;\n    background: $ui-highlight-color;\n    color: $primary-text-color;\n    font-size: 18px;\n    line-height: inherit;\n    height: auto;\n    padding: 10px;\n    text-transform: uppercase;\n    text-decoration: none;\n    text-align: center;\n    box-sizing: border-box;\n    cursor: pointer;\n    font-weight: 500;\n    outline: 0;\n    margin-bottom: 10px;\n    margin-right: 10px;\n\n    &:last-child {\n      margin-right: 0;\n    }\n\n    &:hover {\n      background-color: lighten($ui-highlight-color, 5%);\n    }\n\n    &:active,\n    &:focus {\n      background-color: darken($ui-highlight-color, 5%);\n    }\n\n    &:disabled:hover {\n      background-color: $ui-primary-color;\n    }\n\n    &.negative {\n      background: $error-value-color;\n\n      &:hover {\n        background-color: lighten($error-value-color, 5%);\n      }\n\n      &:active,\n      &:focus {\n        background-color: darken($error-value-color, 5%);\n      }\n    }\n  }\n\n  select {\n    appearance: none;\n    box-sizing: border-box;\n    font-size: 16px;\n    color: $primary-text-color;\n    display: block;\n    width: 100%;\n    outline: 0;\n    font-family: inherit;\n    resize: vertical;\n    background: darken($ui-base-color, 10%) url(\"data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14.933 18.467' height='19.698' width='15.929'><path d='M3.467 14.967l-3.393-3.5H14.86l-3.392 3.5c-1.866 1.925-3.666 3.5-4 3.5-.335 0-2.135-1.575-4-3.5zm.266-11.234L7.467 0 11.2 3.733l3.733 3.734H0l3.733-3.734z' fill='#{hex-color(lighten($ui-base-color, 12%))}'/></svg>\") no-repeat right 8px center / auto 16px;\n    border: 1px solid darken($ui-base-color, 14%);\n    border-radius: 4px;\n    padding-left: 10px;\n    padding-right: 30px;\n    height: 41px;\n  }\n\n  h4 {\n    margin-bottom: 15px !important;\n  }\n\n  .label_input {\n    &__wrapper {\n      position: relative;\n    }\n\n    &__append {\n      position: absolute;\n      right: 3px;\n      top: 1px;\n      padding: 10px;\n      padding-bottom: 9px;\n      font-size: 16px;\n      color: $dark-text-color;\n      font-family: inherit;\n      pointer-events: none;\n      cursor: default;\n      max-width: 140px;\n      white-space: nowrap;\n      overflow: hidden;\n\n      &::after {\n        content: '';\n        display: block;\n        position: absolute;\n        top: 0;\n        right: 0;\n        bottom: 1px;\n        width: 5px;\n        background-image: linear-gradient(to right, rgba(darken($ui-base-color, 10%), 0), darken($ui-base-color, 10%));\n      }\n    }\n  }\n\n  &__overlay-area {\n    position: relative;\n\n    &__blurred form {\n      filter: blur(2px);\n    }\n\n    &__overlay {\n      position: absolute;\n      top: 0;\n      left: 0;\n      width: 100%;\n      height: 100%;\n      display: flex;\n      justify-content: center;\n      align-items: center;\n      background: rgba($ui-base-color, 0.65);\n      border-radius: 4px;\n      margin-left: -4px;\n      margin-top: -4px;\n      padding: 4px;\n\n      &__content {\n        text-align: center;\n\n        &.rich-formatting {\n          &,\n          p {\n            color: $primary-text-color;\n          }\n        }\n      }\n    }\n  }\n}\n\n.block-icon {\n  display: block;\n  margin: 0 auto;\n  margin-bottom: 10px;\n  font-size: 24px;\n}\n\n.flash-message {\n  background: lighten($ui-base-color, 8%);\n  color: $darker-text-color;\n  border-radius: 4px;\n  padding: 15px 10px;\n  margin-bottom: 30px;\n  text-align: center;\n\n  &.notice {\n    border: 1px solid rgba($valid-value-color, 0.5);\n    background: rgba($valid-value-color, 0.25);\n    color: $valid-value-color;\n  }\n\n  &.alert {\n    border: 1px solid rgba($error-value-color, 0.5);\n    background: rgba($error-value-color, 0.25);\n    color: $error-value-color;\n  }\n\n  a {\n    display: inline-block;\n    color: $darker-text-color;\n    text-decoration: none;\n\n    &:hover {\n      color: $primary-text-color;\n      text-decoration: underline;\n    }\n  }\n\n  p {\n    margin-bottom: 15px;\n  }\n\n  .oauth-code {\n    outline: 0;\n    box-sizing: border-box;\n    display: block;\n    width: 100%;\n    border: none;\n    padding: 10px;\n    font-family: $font-monospace, monospace;\n    background: $ui-base-color;\n    color: $primary-text-color;\n    font-size: 14px;\n    margin: 0;\n\n    &::-moz-focus-inner {\n      border: 0;\n    }\n\n    &::-moz-focus-inner,\n    &:focus,\n    &:active {\n      outline: 0 !important;\n    }\n\n    &:focus {\n      background: lighten($ui-base-color, 4%);\n    }\n  }\n\n  strong {\n    font-weight: 500;\n\n    @each $lang in $cjk-langs {\n      &:lang(#{$lang}) {\n        font-weight: 700;\n      }\n    }\n  }\n\n  @media screen and (max-width: 740px) and (min-width: 441px) {\n    margin-top: 40px;\n  }\n}\n\n.form-footer {\n  margin-top: 30px;\n  text-align: center;\n\n  a {\n    color: $darker-text-color;\n    text-decoration: none;\n\n    &:hover {\n      text-decoration: underline;\n    }\n  }\n}\n\n.quick-nav {\n  list-style: none;\n  margin-bottom: 25px;\n  font-size: 14px;\n\n  li {\n    display: inline-block;\n    margin-right: 10px;\n  }\n\n  a {\n    color: $highlight-text-color;\n    text-transform: uppercase;\n    text-decoration: none;\n    font-weight: 700;\n\n    &:hover,\n    &:focus,\n    &:active {\n      color: lighten($highlight-text-color, 8%);\n    }\n  }\n}\n\n.oauth-prompt,\n.follow-prompt {\n  margin-bottom: 30px;\n  color: $darker-text-color;\n\n  h2 {\n    font-size: 16px;\n    margin-bottom: 30px;\n    text-align: center;\n  }\n\n  strong {\n    color: $secondary-text-color;\n    font-weight: 500;\n\n    @each $lang in $cjk-langs {\n      &:lang(#{$lang}) {\n        font-weight: 700;\n      }\n    }\n  }\n\n  @media screen and (max-width: 740px) and (min-width: 441px) {\n    margin-top: 40px;\n  }\n}\n\n.qr-wrapper {\n  display: flex;\n  flex-wrap: wrap;\n  align-items: flex-start;\n}\n\n.qr-code {\n  flex: 0 0 auto;\n  background: $simple-background-color;\n  padding: 4px;\n  margin: 0 10px 20px 0;\n  box-shadow: 0 0 15px rgba($base-shadow-color, 0.2);\n  display: inline-block;\n\n  svg {\n    display: block;\n    margin: 0;\n  }\n}\n\n.qr-alternative {\n  margin-bottom: 20px;\n  color: $secondary-text-color;\n  flex: 150px;\n\n  samp {\n    display: block;\n    font-size: 14px;\n  }\n}\n\n.table-form {\n  p {\n    margin-bottom: 15px;\n\n    strong {\n      font-weight: 500;\n\n      @each $lang in $cjk-langs {\n        &:lang(#{$lang}) {\n          font-weight: 700;\n        }\n      }\n    }\n  }\n}\n\n.simple_form,\n.table-form {\n  .warning {\n    box-sizing: border-box;\n    background: rgba($error-value-color, 0.5);\n    color: $primary-text-color;\n    text-shadow: 1px 1px 0 rgba($base-shadow-color, 0.3);\n    box-shadow: 0 2px 6px rgba($base-shadow-color, 0.4);\n    border-radius: 4px;\n    padding: 10px;\n    margin-bottom: 15px;\n\n    a {\n      color: $primary-text-color;\n      text-decoration: underline;\n\n      &:hover,\n      &:focus,\n      &:active {\n        text-decoration: none;\n      }\n    }\n\n    strong {\n      font-weight: 600;\n      display: block;\n      margin-bottom: 5px;\n\n      @each $lang in $cjk-langs {\n        &:lang(#{$lang}) {\n          font-weight: 700;\n        }\n      }\n\n      .fa {\n        font-weight: 400;\n      }\n    }\n  }\n}\n\n.action-pagination {\n  display: flex;\n  flex-wrap: wrap;\n  align-items: center;\n\n  .actions,\n  .pagination {\n    flex: 1 1 auto;\n  }\n\n  .actions {\n    padding: 30px 0;\n    padding-right: 20px;\n    flex: 0 0 auto;\n  }\n}\n\n.post-follow-actions {\n  text-align: center;\n  color: $darker-text-color;\n\n  div {\n    margin-bottom: 4px;\n  }\n}\n\n.alternative-login {\n  margin-top: 20px;\n  margin-bottom: 20px;\n\n  h4 {\n    font-size: 16px;\n    color: $primary-text-color;\n    text-align: center;\n    margin-bottom: 20px;\n    border: 0;\n    padding: 0;\n  }\n\n  .button {\n    display: block;\n  }\n}\n\n.scope-danger {\n  color: $warning-red;\n}\n\n.form_admin_settings_site_short_description,\n.form_admin_settings_site_description,\n.form_admin_settings_site_extended_description,\n.form_admin_settings_site_terms,\n.form_admin_settings_custom_css,\n.form_admin_settings_closed_registrations_message {\n  textarea {\n    font-family: $font-monospace, monospace;\n  }\n}\n\n.input-copy {\n  background: darken($ui-base-color, 10%);\n  border: 1px solid darken($ui-base-color, 14%);\n  border-radius: 4px;\n  display: flex;\n  align-items: center;\n  padding-right: 4px;\n  position: relative;\n  top: 1px;\n  transition: border-color 300ms linear;\n\n  &__wrapper {\n    flex: 1 1 auto;\n  }\n\n  input[type=text] {\n    background: transparent;\n    border: 0;\n    padding: 10px;\n    font-size: 14px;\n    font-family: $font-monospace, monospace;\n  }\n\n  button {\n    flex: 0 0 auto;\n    margin: 4px;\n    text-transform: none;\n    font-weight: 400;\n    font-size: 14px;\n    padding: 7px 18px;\n    padding-bottom: 6px;\n    width: auto;\n    transition: background 300ms linear;\n  }\n\n  &.copied {\n    border-color: $valid-value-color;\n    transition: none;\n\n    button {\n      background: $valid-value-color;\n      transition: none;\n    }\n  }\n}\n\n.connection-prompt {\n  margin-bottom: 25px;\n\n  .fa-link {\n    background-color: darken($ui-base-color, 4%);\n    border-radius: 100%;\n    font-size: 24px;\n    padding: 10px;\n  }\n\n  &__column {\n    align-items: center;\n    display: flex;\n    flex: 1;\n    flex-direction: column;\n    flex-shrink: 1;\n    max-width: 50%;\n\n    &-sep {\n      align-self: center;\n      flex-grow: 0;\n      overflow: visible;\n      position: relative;\n      z-index: 1;\n    }\n\n    p {\n      word-break: break-word;\n    }\n  }\n\n  .account__avatar {\n    margin-bottom: 20px;\n  }\n\n  &__connection {\n    background-color: lighten($ui-base-color, 8%);\n    box-shadow: 0 0 15px rgba($base-shadow-color, 0.2);\n    border-radius: 4px;\n    padding: 25px 10px;\n    position: relative;\n    text-align: center;\n\n    &::after {\n      background-color: darken($ui-base-color, 4%);\n      content: '';\n      display: block;\n      height: 100%;\n      left: 50%;\n      position: absolute;\n      top: 0;\n      width: 1px;\n    }\n  }\n\n  &__row {\n    align-items: flex-start;\n    display: flex;\n    flex-direction: row;\n  }\n}\n",".card {\n  & > a {\n    display: block;\n    text-decoration: none;\n    color: inherit;\n    box-shadow: 0 0 15px rgba($base-shadow-color, 0.2);\n\n    @media screen and (max-width: $no-gap-breakpoint) {\n      box-shadow: none;\n    }\n\n    &:hover,\n    &:active,\n    &:focus {\n      .card__bar {\n        background: lighten($ui-base-color, 8%);\n      }\n    }\n  }\n\n  &__img {\n    height: 130px;\n    position: relative;\n    background: darken($ui-base-color, 12%);\n    border-radius: 4px 4px 0 0;\n\n    img {\n      display: block;\n      width: 100%;\n      height: 100%;\n      margin: 0;\n      object-fit: cover;\n      border-radius: 4px 4px 0 0;\n    }\n\n    @media screen and (max-width: 600px) {\n      height: 200px;\n    }\n\n    @media screen and (max-width: $no-gap-breakpoint) {\n      display: none;\n    }\n  }\n\n  &__bar {\n    position: relative;\n    padding: 15px;\n    display: flex;\n    justify-content: flex-start;\n    align-items: center;\n    background: lighten($ui-base-color, 4%);\n    border-radius: 0 0 4px 4px;\n\n    @media screen and (max-width: $no-gap-breakpoint) {\n      border-radius: 0;\n    }\n\n    .avatar {\n      flex: 0 0 auto;\n      width: 48px;\n      height: 48px;\n      @include avatar-size(48px);\n      padding-top: 2px;\n\n      img {\n        width: 100%;\n        height: 100%;\n        display: block;\n        margin: 0;\n        border-radius: 4px;\n        @include avatar-radius();\n        background: darken($ui-base-color, 8%);\n        object-fit: cover;\n      }\n    }\n\n    .display-name {\n      margin-left: 15px;\n      text-align: left;\n\n      strong {\n        font-size: 15px;\n        color: $primary-text-color;\n        font-weight: 500;\n        overflow: hidden;\n        text-overflow: ellipsis;\n      }\n\n      span {\n        display: block;\n        font-size: 14px;\n        color: $darker-text-color;\n        font-weight: 400;\n        overflow: hidden;\n        text-overflow: ellipsis;\n      }\n    }\n  }\n}\n\n.pagination {\n  padding: 30px 0;\n  text-align: center;\n  overflow: hidden;\n\n  a,\n  .current,\n  .newer,\n  .older,\n  .page,\n  .gap {\n    font-size: 14px;\n    color: $primary-text-color;\n    font-weight: 500;\n    display: inline-block;\n    padding: 6px 10px;\n    text-decoration: none;\n  }\n\n  .current {\n    background: $simple-background-color;\n    border-radius: 100px;\n    color: $inverted-text-color;\n    cursor: default;\n    margin: 0 10px;\n  }\n\n  .gap {\n    cursor: default;\n  }\n\n  .older,\n  .newer {\n    text-transform: uppercase;\n    color: $secondary-text-color;\n  }\n\n  .older {\n    float: left;\n    padding-left: 0;\n\n    .fa {\n      display: inline-block;\n      margin-right: 5px;\n    }\n  }\n\n  .newer {\n    float: right;\n    padding-right: 0;\n\n    .fa {\n      display: inline-block;\n      margin-left: 5px;\n    }\n  }\n\n  .disabled {\n    cursor: default;\n    color: lighten($inverted-text-color, 10%);\n  }\n\n  @media screen and (max-width: 700px) {\n    padding: 30px 20px;\n\n    .page {\n      display: none;\n    }\n\n    .newer,\n    .older {\n      display: inline-block;\n    }\n  }\n}\n\n.nothing-here {\n  background: $ui-base-color;\n  box-shadow: 0 0 15px rgba($base-shadow-color, 0.2);\n  color: $light-text-color;\n  font-size: 14px;\n  font-weight: 500;\n  text-align: center;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  cursor: default;\n  border-radius: 4px;\n  padding: 20px;\n  min-height: 30vh;\n\n  &--under-tabs {\n    border-radius: 0 0 4px 4px;\n  }\n\n  &--flexible {\n    box-sizing: border-box;\n    min-height: 100%;\n  }\n}\n\n.account-role,\n.simple_form .recommended {\n  display: inline-block;\n  padding: 4px 6px;\n  cursor: default;\n  border-radius: 3px;\n  font-size: 12px;\n  line-height: 12px;\n  font-weight: 500;\n  color: $ui-secondary-color;\n  background-color: rgba($ui-secondary-color, 0.1);\n  border: 1px solid rgba($ui-secondary-color, 0.5);\n\n  &.moderator {\n    color: $success-green;\n    background-color: rgba($success-green, 0.1);\n    border-color: rgba($success-green, 0.5);\n  }\n\n  &.admin {\n    color: lighten($error-red, 12%);\n    background-color: rgba(lighten($error-red, 12%), 0.1);\n    border-color: rgba(lighten($error-red, 12%), 0.5);\n  }\n}\n\n.account__header__fields {\n  max-width: 100vw;\n  padding: 0;\n  margin: 15px -15px -15px;\n  border: 0 none;\n  border-top: 1px solid lighten($ui-base-color, 12%);\n  border-bottom: 1px solid lighten($ui-base-color, 12%);\n  font-size: 14px;\n  line-height: 20px;\n\n  dl {\n    display: flex;\n    border-bottom: 1px solid lighten($ui-base-color, 12%);\n  }\n\n  dt,\n  dd {\n    box-sizing: border-box;\n    padding: 14px;\n    text-align: center;\n    max-height: 48px;\n    overflow: hidden;\n    white-space: nowrap;\n    text-overflow: ellipsis;\n  }\n\n  dt {\n    font-weight: 500;\n    width: 120px;\n    flex: 0 0 auto;\n    color: $secondary-text-color;\n    background: rgba(darken($ui-base-color, 8%), 0.5);\n  }\n\n  dd {\n    flex: 1 1 auto;\n    color: $darker-text-color;\n  }\n\n  a {\n    color: $highlight-text-color;\n    text-decoration: none;\n\n    &:hover,\n    &:focus,\n    &:active {\n      text-decoration: underline;\n    }\n  }\n\n  .verified {\n    border: 1px solid rgba($valid-value-color, 0.5);\n    background: rgba($valid-value-color, 0.25);\n\n    a {\n      color: $valid-value-color;\n      font-weight: 500;\n    }\n\n    &__mark {\n      color: $valid-value-color;\n    }\n  }\n\n  dl:last-child {\n    border-bottom: 0;\n  }\n}\n\n.directory__tag .trends__item__current {\n  width: auto;\n}\n\n.pending-account {\n  &__header {\n    color: $darker-text-color;\n\n    a {\n      color: $ui-secondary-color;\n      text-decoration: none;\n\n      &:hover,\n      &:active,\n      &:focus {\n        text-decoration: underline;\n      }\n    }\n\n    strong {\n      color: $primary-text-color;\n      font-weight: 700;\n    }\n  }\n\n  &__body {\n    margin-top: 10px;\n  }\n}\n",".activity-stream {\n  box-shadow: 0 0 15px rgba($base-shadow-color, 0.2);\n  border-radius: 4px;\n  overflow: hidden;\n  margin-bottom: 10px;\n\n  @media screen and (max-width: $no-gap-breakpoint) {\n    margin-bottom: 0;\n    border-radius: 0;\n    box-shadow: none;\n  }\n\n  &--headless {\n    border-radius: 0;\n    margin: 0;\n    box-shadow: none;\n\n    .detailed-status,\n    .status {\n      border-radius: 0 !important;\n    }\n  }\n\n  div[data-component] {\n    width: 100%;\n  }\n\n  .entry {\n    background: $ui-base-color;\n\n    .detailed-status,\n    .status,\n    .load-more {\n      animation: none;\n    }\n\n    &:last-child {\n      .detailed-status,\n      .status,\n      .load-more {\n        border-bottom: 0;\n        border-radius: 0 0 4px 4px;\n      }\n    }\n\n    &:first-child {\n      .detailed-status,\n      .status,\n      .load-more {\n        border-radius: 4px 4px 0 0;\n      }\n\n      &:last-child {\n        .detailed-status,\n        .status,\n        .load-more {\n          border-radius: 4px;\n        }\n      }\n    }\n\n    @media screen and (max-width: 740px) {\n      .detailed-status,\n      .status,\n      .load-more {\n        border-radius: 0 !important;\n      }\n    }\n  }\n\n  &--highlighted .entry {\n    background: lighten($ui-base-color, 8%);\n  }\n}\n\n.button.logo-button {\n  flex: 0 auto;\n  font-size: 14px;\n  background: $ui-highlight-color;\n  color: $primary-text-color;\n  text-transform: none;\n  line-height: 36px;\n  height: auto;\n  padding: 3px 15px;\n  border: 0;\n\n  svg {\n    width: 20px;\n    height: auto;\n    vertical-align: middle;\n    margin-right: 5px;\n    fill: $primary-text-color;\n  }\n\n  &:active,\n  &:focus,\n  &:hover {\n    background: lighten($ui-highlight-color, 10%);\n  }\n\n  &:disabled,\n  &.disabled {\n    &:active,\n    &:focus,\n    &:hover {\n      background: $ui-primary-color;\n    }\n  }\n\n  &.button--destructive {\n    &:active,\n    &:focus,\n    &:hover {\n      background: $error-red;\n    }\n  }\n\n  @media screen and (max-width: $no-gap-breakpoint) {\n    svg {\n      display: none;\n    }\n  }\n}\n\n.embed,\n.public-layout {\n  .detailed-status {\n    padding: 15px;\n  }\n\n  .status {\n    padding: 15px 15px 15px (48px + 15px * 2);\n    min-height: 48px + 2px;\n\n    &__avatar {\n      left: 15px;\n      top: 17px;\n    }\n\n    &__content {\n      padding-top: 5px;\n    }\n\n    &__prepend {\n      padding: 8px 0;\n      padding-bottom: 2px;\n      margin: initial;\n      margin-left: 48px + 15px * 2;\n      padding-top: 15px;\n    }\n\n    &__prepend-icon-wrapper {\n      position: absolute;\n      margin: initial;\n      float: initial;\n      width: auto;\n      left: -32px;\n    }\n\n    .media-gallery,\n    &__action-bar,\n    .video-player {\n      margin-top: 10px;\n    }\n  }\n}\n\n// Styling from upstream's WebUI, as public pages use the same layout\n.embed,\n.public-layout {\n  .status {\n    .status__info {\n      font-size: 15px;\n      display: initial;\n    }\n\n    .status__relative-time {\n      color: $dark-text-color;\n      float: right;\n      font-size: 14px;\n      width: auto;\n      margin: initial;\n      padding: initial;\n    }\n\n    .status__info .status__display-name {\n      display: block;\n      max-width: 100%;\n      padding: 6px 0;\n      padding-right: 25px;\n      margin: initial;\n\n      .display-name strong {\n        display: inline;\n      }\n    }\n\n    .status__avatar {\n      height: 48px;\n      position: absolute;\n      width: 48px;\n      margin: initial;\n    }\n  }\n}\n\n.rtl {\n  .embed,\n  .public-layout {\n    .status {\n      padding-left: 10px;\n      padding-right: 68px;\n\n      .status__info .status__display-name {\n        padding-left: 25px;\n        padding-right: 0;\n      }\n\n      .status__relative-time {\n        float: left;\n      }\n    }\n  }\n}\n",".app-body {\n  -webkit-overflow-scrolling: touch;\n  -ms-overflow-style: -ms-autohiding-scrollbar;\n}\n\n.link-button {\n  display: block;\n  font-size: 15px;\n  line-height: 20px;\n  color: $ui-highlight-color;\n  border: 0;\n  background: transparent;\n  padding: 0;\n  cursor: pointer;\n\n  &:hover,\n  &:active {\n    text-decoration: underline;\n  }\n\n  &:disabled {\n    color: $ui-primary-color;\n    cursor: default;\n  }\n}\n\n.button {\n  background-color: darken($ui-highlight-color, 3%);\n  border: 10px none;\n  border-radius: 4px;\n  box-sizing: border-box;\n  color: $primary-text-color;\n  cursor: pointer;\n  display: inline-block;\n  font-family: inherit;\n  font-size: 14px;\n  font-weight: 500;\n  height: 36px;\n  letter-spacing: 0;\n  line-height: 36px;\n  overflow: hidden;\n  padding: 0 16px;\n  position: relative;\n  text-align: center;\n  text-transform: uppercase;\n  text-decoration: none;\n  text-overflow: ellipsis;\n  transition: all 100ms ease-in;\n  transition-property: background-color;\n  white-space: nowrap;\n  width: auto;\n\n  &:active,\n  &:focus,\n  &:hover {\n    background-color: lighten($ui-highlight-color, 7%);\n    transition: all 200ms ease-out;\n    transition-property: background-color;\n  }\n\n  &--destructive {\n    transition: none;\n\n    &:active,\n    &:focus,\n    &:hover {\n      background-color: $error-red;\n      transition: none;\n    }\n  }\n\n  &:disabled {\n    background-color: $ui-primary-color;\n    cursor: default;\n  }\n\n  &.button-primary,\n  &.button-alternative,\n  &.button-secondary,\n  &.button-alternative-2 {\n    font-size: 16px;\n    line-height: 36px;\n    height: auto;\n    text-transform: none;\n    padding: 4px 16px;\n  }\n\n  &.button-alternative {\n    color: $inverted-text-color;\n    background: $ui-primary-color;\n\n    &:active,\n    &:focus,\n    &:hover {\n      background-color: lighten($ui-primary-color, 4%);\n    }\n  }\n\n  &.button-alternative-2 {\n    background: $ui-base-lighter-color;\n\n    &:active,\n    &:focus,\n    &:hover {\n      background-color: lighten($ui-base-lighter-color, 4%);\n    }\n  }\n\n  &.button-secondary {\n    font-size: 16px;\n    line-height: 36px;\n    height: auto;\n    color: $darker-text-color;\n    text-transform: none;\n    background: transparent;\n    padding: 3px 15px;\n    border-radius: 4px;\n    border: 1px solid $ui-primary-color;\n\n    &:active,\n    &:focus,\n    &:hover {\n      border-color: lighten($ui-primary-color, 4%);\n      color: lighten($darker-text-color, 4%);\n    }\n\n    &:disabled {\n      opacity: 0.5;\n    }\n  }\n\n  &.button--block {\n    display: block;\n    width: 100%;\n  }\n}\n\n.icon-button {\n  display: inline-block;\n  padding: 0;\n  color: $action-button-color;\n  border: 0;\n  border-radius: 4px;\n  background: transparent;\n  cursor: pointer;\n  transition: all 100ms ease-in;\n  transition-property: background-color, color;\n\n  &:hover,\n  &:active,\n  &:focus {\n    color: lighten($action-button-color, 7%);\n    background-color: rgba($action-button-color, 0.15);\n    transition: all 200ms ease-out;\n    transition-property: background-color, color;\n  }\n\n  &:focus {\n    background-color: rgba($action-button-color, 0.3);\n  }\n\n  &.disabled {\n    color: darken($action-button-color, 13%);\n    background-color: transparent;\n    cursor: default;\n  }\n\n  &.active {\n    color: $highlight-text-color;\n  }\n\n  &::-moz-focus-inner {\n    border: 0;\n  }\n\n  &::-moz-focus-inner,\n  &:focus,\n  &:active {\n    outline: 0 !important;\n  }\n\n  &.inverted {\n    color: $lighter-text-color;\n\n    &:hover,\n    &:active,\n    &:focus {\n      color: darken($lighter-text-color, 7%);\n      background-color: rgba($lighter-text-color, 0.15);\n    }\n\n    &:focus {\n      background-color: rgba($lighter-text-color, 0.3);\n    }\n\n    &.disabled {\n      color: lighten($lighter-text-color, 7%);\n      background-color: transparent;\n    }\n\n    &.active {\n      color: $highlight-text-color;\n\n      &.disabled {\n        color: lighten($highlight-text-color, 13%);\n      }\n    }\n  }\n\n  &.overlayed {\n    box-sizing: content-box;\n    background: rgba($base-overlay-background, 0.6);\n    color: rgba($primary-text-color, 0.7);\n    border-radius: 4px;\n    padding: 2px;\n\n    &:hover {\n      background: rgba($base-overlay-background, 0.9);\n    }\n  }\n}\n\n.text-icon-button {\n  color: $lighter-text-color;\n  border: 0;\n  border-radius: 4px;\n  background: transparent;\n  cursor: pointer;\n  font-weight: 600;\n  font-size: 11px;\n  padding: 0 3px;\n  line-height: 27px;\n  outline: 0;\n  transition: all 100ms ease-in;\n  transition-property: background-color, color;\n\n  &:hover,\n  &:active,\n  &:focus {\n    color: darken($lighter-text-color, 7%);\n    background-color: rgba($lighter-text-color, 0.15);\n    transition: all 200ms ease-out;\n    transition-property: background-color, color;\n  }\n\n  &:focus {\n    background-color: rgba($lighter-text-color, 0.3);\n  }\n\n  &.disabled {\n    color: lighten($lighter-text-color, 20%);\n    background-color: transparent;\n    cursor: default;\n  }\n\n  &.active {\n    color: $highlight-text-color;\n  }\n\n  &::-moz-focus-inner {\n    border: 0;\n  }\n\n  &::-moz-focus-inner,\n  &:focus,\n  &:active {\n    outline: 0 !important;\n  }\n}\n\n.dropdown-menu {\n  position: absolute;\n  transform-origin: 50% 0;\n}\n\n.invisible {\n  font-size: 0;\n  line-height: 0;\n  display: inline-block;\n  width: 0;\n  height: 0;\n  position: absolute;\n\n  img,\n  svg {\n    margin: 0 !important;\n    border: 0 !important;\n    padding: 0 !important;\n    width: 0 !important;\n    height: 0 !important;\n  }\n}\n\n.ellipsis {\n  &::after {\n    content: \"…\";\n  }\n}\n\n.notification__favourite-icon-wrapper {\n  left: 0;\n  position: absolute;\n\n  .fa.star-icon {\n    color: $gold-star;\n  }\n}\n\n.star-icon.active {\n  color: $gold-star;\n}\n\n.bookmark-icon.active {\n  color: $red-bookmark;\n}\n\n.no-reduce-motion .icon-button.star-icon {\n  &.activate {\n    & > .fa-star {\n      animation: spring-rotate-in 1s linear;\n    }\n  }\n\n  &.deactivate {\n    & > .fa-star {\n      animation: spring-rotate-out 1s linear;\n    }\n  }\n}\n\n.notification__display-name {\n  color: inherit;\n  font-weight: 500;\n  text-decoration: none;\n\n  &:hover {\n    color: $primary-text-color;\n    text-decoration: underline;\n  }\n}\n\n.display-name {\n  display: block;\n  max-width: 100%;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n\n  a {\n    color: inherit;\n    text-decoration: inherit;\n  }\n\n  strong {\n    height: 18px;\n    font-size: 16px;\n    font-weight: 500;\n    line-height: 18px;\n    text-overflow: ellipsis;\n    overflow: hidden;\n    white-space: nowrap;\n  }\n\n  span {\n    display: block;\n    height: 18px;\n    font-size: 15px;\n    line-height: 18px;\n    text-overflow: ellipsis;\n    overflow: hidden;\n    white-space: nowrap;\n  }\n\n  > a:hover {\n    strong {\n      text-decoration: underline;\n    }\n  }\n\n  &.inline {\n    padding: 0;\n    height: 18px;\n    font-size: 15px;\n    line-height: 18px;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n    overflow: hidden;\n\n    strong {\n      display: inline;\n      height: auto;\n      font-size: inherit;\n      line-height: inherit;\n    }\n\n    span {\n      display: inline;\n      height: auto;\n      font-size: inherit;\n      line-height: inherit;\n    }\n  }\n}\n\n.display-name__html {\n  font-weight: 500;\n}\n\n.display-name__account {\n  font-size: 14px;\n}\n\n.image-loader {\n  position: relative;\n  width: 100%;\n  height: 100%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  flex-direction: column;\n\n  .image-loader__preview-canvas {\n    max-width: $media-modal-media-max-width;\n    max-height: $media-modal-media-max-height;\n    background: url('~images/void.png') repeat;\n    object-fit: contain;\n  }\n\n  .loading-bar {\n    position: relative;\n  }\n\n  &.image-loader--amorphous .image-loader__preview-canvas {\n    display: none;\n  }\n}\n\n.zoomable-image {\n  position: relative;\n  width: 100%;\n  height: 100%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n\n  img {\n    max-width: $media-modal-media-max-width;\n    max-height: $media-modal-media-max-height;\n    width: auto;\n    height: auto;\n    object-fit: contain;\n  }\n}\n\n.dropdown {\n  display: inline-block;\n}\n\n.dropdown__content {\n  display: none;\n  position: absolute;\n}\n\n.dropdown-menu__separator {\n  border-bottom: 1px solid darken($ui-secondary-color, 8%);\n  margin: 5px 7px 6px;\n  height: 0;\n}\n\n.dropdown-menu {\n  background: $ui-secondary-color;\n  padding: 4px 0;\n  border-radius: 4px;\n  box-shadow: 2px 4px 15px rgba($base-shadow-color, 0.4);\n\n  ul {\n    list-style: none;\n  }\n}\n\n.dropdown-menu__arrow {\n  position: absolute;\n  width: 0;\n  height: 0;\n  border: 0 solid transparent;\n\n  &.left {\n    right: -5px;\n    margin-top: -5px;\n    border-width: 5px 0 5px 5px;\n    border-left-color: $ui-secondary-color;\n  }\n\n  &.top {\n    bottom: -5px;\n    margin-left: -7px;\n    border-width: 5px 7px 0;\n    border-top-color: $ui-secondary-color;\n  }\n\n  &.bottom {\n    top: -5px;\n    margin-left: -7px;\n    border-width: 0 7px 5px;\n    border-bottom-color: $ui-secondary-color;\n  }\n\n  &.right {\n    left: -5px;\n    margin-top: -5px;\n    border-width: 5px 5px 5px 0;\n    border-right-color: $ui-secondary-color;\n  }\n}\n\n.dropdown-menu__item {\n  a {\n    font-size: 13px;\n    line-height: 18px;\n    display: block;\n    padding: 4px 14px;\n    box-sizing: border-box;\n    text-decoration: none;\n    background: $ui-secondary-color;\n    color: $inverted-text-color;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n\n    &:focus,\n    &:hover,\n    &:active {\n      background: $ui-highlight-color;\n      color: $secondary-text-color;\n      outline: 0;\n    }\n  }\n}\n\n.dropdown--active .dropdown__content {\n  display: block;\n  line-height: 18px;\n  max-width: 311px;\n  right: 0;\n  text-align: left;\n  z-index: 9999;\n\n  & > ul {\n    list-style: none;\n    background: $ui-secondary-color;\n    padding: 4px 0;\n    border-radius: 4px;\n    box-shadow: 0 0 15px rgba($base-shadow-color, 0.4);\n    min-width: 140px;\n    position: relative;\n  }\n\n  &.dropdown__right {\n    right: 0;\n  }\n\n  &.dropdown__left {\n    & > ul {\n      left: -98px;\n    }\n  }\n\n  & > ul > li > a {\n    font-size: 13px;\n    line-height: 18px;\n    display: block;\n    padding: 4px 14px;\n    box-sizing: border-box;\n    text-decoration: none;\n    background: $ui-secondary-color;\n    color: $inverted-text-color;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n\n    &:focus {\n      outline: 0;\n    }\n\n    &:hover {\n      background: $ui-highlight-color;\n      color: $secondary-text-color;\n    }\n  }\n}\n\n.dropdown__icon {\n  vertical-align: middle;\n}\n\n.static-content {\n  padding: 10px;\n  padding-top: 20px;\n  color: $dark-text-color;\n\n  h1 {\n    font-size: 16px;\n    font-weight: 500;\n    margin-bottom: 40px;\n    text-align: center;\n  }\n\n  p {\n    font-size: 13px;\n    margin-bottom: 20px;\n  }\n}\n\n.column,\n.drawer {\n  flex: 1 1 100%;\n  overflow: hidden;\n}\n\n@media screen and (min-width: 631px) {\n  .columns-area {\n    padding: 0;\n  }\n\n  .column,\n  .drawer {\n    flex: 0 0 auto;\n    padding: 10px;\n    padding-left: 5px;\n    padding-right: 5px;\n\n    &:first-child {\n      padding-left: 10px;\n    }\n\n    &:last-child {\n      padding-right: 10px;\n    }\n  }\n\n  .columns-area > div {\n    .column,\n    .drawer {\n      padding-left: 5px;\n      padding-right: 5px;\n    }\n  }\n}\n\n.tabs-bar {\n  box-sizing: border-box;\n  display: flex;\n  background: lighten($ui-base-color, 8%);\n  flex: 0 0 auto;\n  overflow-y: auto;\n}\n\n.tabs-bar__link {\n  display: block;\n  flex: 1 1 auto;\n  padding: 15px 10px;\n  padding-bottom: 13px;\n  color: $primary-text-color;\n  text-decoration: none;\n  text-align: center;\n  font-size: 14px;\n  font-weight: 500;\n  border-bottom: 2px solid lighten($ui-base-color, 8%);\n  transition: all 50ms linear;\n  transition-property: border-bottom, background, color;\n\n  .fa {\n    font-weight: 400;\n    font-size: 16px;\n  }\n\n  &:hover,\n  &:focus,\n  &:active {\n    @include multi-columns('screen and (min-width: 631px)') {\n      background: lighten($ui-base-color, 14%);\n      border-bottom-color: lighten($ui-base-color, 14%);\n    }\n  }\n\n  &.active {\n    border-bottom: 2px solid $ui-highlight-color;\n    color: $highlight-text-color;\n  }\n\n  span {\n    margin-left: 5px;\n    display: none;\n  }\n\n  span.icon {\n    margin-left: 0;\n    display: inline;\n  }\n}\n\n.icon-with-badge {\n  position: relative;\n\n  &__badge {\n    position: absolute;\n    left: 9px;\n    top: -13px;\n    background: $ui-highlight-color;\n    border: 2px solid lighten($ui-base-color, 8%);\n    padding: 1px 6px;\n    border-radius: 6px;\n    font-size: 10px;\n    font-weight: 500;\n    line-height: 14px;\n    color: $primary-text-color;\n  }\n}\n\n.column-link--transparent .icon-with-badge__badge {\n  border-color: darken($ui-base-color, 8%);\n}\n\n.scrollable {\n  overflow-y: scroll;\n  overflow-x: hidden;\n  flex: 1 1 auto;\n  -webkit-overflow-scrolling: touch;\n\n  &.optionally-scrollable {\n    overflow-y: auto;\n  }\n\n  @supports(display: grid) { // hack to fix Chrome <57\n    contain: strict;\n  }\n\n  &--flex {\n    display: flex;\n    flex-direction: column;\n  }\n\n  &__append {\n    flex: 1 1 auto;\n    position: relative;\n    min-height: 120px;\n  }\n}\n\n.scrollable.fullscreen {\n  @supports(display: grid) { // hack to fix Chrome <57\n    contain: none;\n  }\n}\n\n.react-toggle {\n  display: inline-block;\n  position: relative;\n  cursor: pointer;\n  background-color: transparent;\n  border: 0;\n  padding: 0;\n  user-select: none;\n  -webkit-tap-highlight-color: rgba($base-overlay-background, 0);\n  -webkit-tap-highlight-color: transparent;\n}\n\n.react-toggle-screenreader-only {\n  border: 0;\n  clip: rect(0 0 0 0);\n  height: 1px;\n  margin: -1px;\n  overflow: hidden;\n  padding: 0;\n  position: absolute;\n  width: 1px;\n}\n\n.react-toggle--disabled {\n  cursor: not-allowed;\n  opacity: 0.5;\n  transition: opacity 0.25s;\n}\n\n.react-toggle-track {\n  width: 50px;\n  height: 24px;\n  padding: 0;\n  border-radius: 30px;\n  background-color: $ui-base-color;\n  transition: background-color 0.2s ease;\n}\n\n.react-toggle:hover:not(.react-toggle--disabled) .react-toggle-track {\n  background-color: darken($ui-base-color, 10%);\n}\n\n.react-toggle--checked .react-toggle-track {\n  background-color: $ui-highlight-color;\n}\n\n.react-toggle--checked:hover:not(.react-toggle--disabled) .react-toggle-track {\n  background-color: lighten($ui-highlight-color, 10%);\n}\n\n.react-toggle-track-check {\n  position: absolute;\n  width: 14px;\n  height: 10px;\n  top: 0;\n  bottom: 0;\n  margin-top: auto;\n  margin-bottom: auto;\n  line-height: 0;\n  left: 8px;\n  opacity: 0;\n  transition: opacity 0.25s ease;\n}\n\n.react-toggle--checked .react-toggle-track-check {\n  opacity: 1;\n  transition: opacity 0.25s ease;\n}\n\n.react-toggle-track-x {\n  position: absolute;\n  width: 10px;\n  height: 10px;\n  top: 0;\n  bottom: 0;\n  margin-top: auto;\n  margin-bottom: auto;\n  line-height: 0;\n  right: 10px;\n  opacity: 1;\n  transition: opacity 0.25s ease;\n}\n\n.react-toggle--checked .react-toggle-track-x {\n  opacity: 0;\n}\n\n.react-toggle-thumb {\n  position: absolute;\n  top: 1px;\n  left: 1px;\n  width: 22px;\n  height: 22px;\n  border: 1px solid $ui-base-color;\n  border-radius: 50%;\n  background-color: darken($simple-background-color, 2%);\n  box-sizing: border-box;\n  transition: all 0.25s ease;\n  transition-property: border-color, left;\n}\n\n.react-toggle--checked .react-toggle-thumb {\n  left: 27px;\n  border-color: $ui-highlight-color;\n}\n\n.getting-started__wrapper,\n.getting_started,\n.flex-spacer {\n  background: $ui-base-color;\n}\n\n.getting-started__wrapper {\n  position: relative;\n  overflow-y: auto;\n}\n\n.flex-spacer {\n  flex: 1 1 auto;\n}\n\n.getting-started {\n  background: $ui-base-color;\n  flex: 1 0 auto;\n\n  p {\n    color: $secondary-text-color;\n  }\n\n  a {\n    color: $dark-text-color;\n  }\n\n  &__panel {\n    height: min-content;\n  }\n\n  &__panel,\n  &__footer {\n    padding: 10px;\n    padding-top: 20px;\n    flex: 0 1 auto;\n\n    ul {\n      margin-bottom: 10px;\n    }\n\n    ul li {\n      display: inline;\n    }\n\n    p {\n      color: $dark-text-color;\n      font-size: 13px;\n\n      a {\n        color: $dark-text-color;\n        text-decoration: underline;\n      }\n    }\n\n    a {\n      text-decoration: none;\n      color: $darker-text-color;\n\n      &:hover,\n      &:focus,\n      &:active {\n        text-decoration: underline;\n      }\n    }\n  }\n\n  &__trends {\n    flex: 0 1 auto;\n    opacity: 1;\n    animation: fade 150ms linear;\n    margin-top: 10px;\n\n    h4 {\n      font-size: 12px;\n      text-transform: uppercase;\n      color: $darker-text-color;\n      padding: 10px;\n      font-weight: 500;\n      border-bottom: 1px solid lighten($ui-base-color, 8%);\n    }\n\n    @media screen and (max-height: 810px) {\n      .trends__item:nth-child(3) {\n        display: none;\n      }\n    }\n\n    @media screen and (max-height: 720px) {\n      .trends__item:nth-child(2) {\n        display: none;\n      }\n    }\n\n    @media screen and (max-height: 670px) {\n      display: none;\n    }\n\n    .trends__item {\n      border-bottom: 0;\n      padding: 10px;\n\n      &__current {\n        color: $darker-text-color;\n      }\n    }\n  }\n}\n\n.column-link__badge {\n  display: inline-block;\n  border-radius: 4px;\n  font-size: 12px;\n  line-height: 19px;\n  font-weight: 500;\n  background: $ui-base-color;\n  padding: 4px 8px;\n  margin: -6px 10px;\n}\n\n.keyboard-shortcuts {\n  padding: 8px 0 0;\n  overflow: hidden;\n\n  thead {\n    position: absolute;\n    left: -9999px;\n  }\n\n  td {\n    padding: 0 10px 8px;\n  }\n\n  kbd {\n    display: inline-block;\n    padding: 3px 5px;\n    background-color: lighten($ui-base-color, 8%);\n    border: 1px solid darken($ui-base-color, 4%);\n  }\n}\n\n.setting-text {\n  color: $darker-text-color;\n  background: transparent;\n  border: none;\n  border-bottom: 2px solid $ui-primary-color;\n  box-sizing: border-box;\n  display: block;\n  font-family: inherit;\n  margin-bottom: 10px;\n  padding: 7px 0;\n  width: 100%;\n\n  &:focus,\n  &:active {\n    color: $primary-text-color;\n    border-bottom-color: $ui-highlight-color;\n  }\n\n  @include limited-single-column('screen and (max-width: 600px)') {\n    font-size: 16px;\n  }\n\n  &.light {\n    color: $inverted-text-color;\n    border-bottom: 2px solid lighten($ui-base-color, 27%);\n\n    &:focus,\n    &:active {\n      color: $inverted-text-color;\n      border-bottom-color: $ui-highlight-color;\n    }\n  }\n}\n\n.no-reduce-motion button.icon-button i.fa-retweet {\n  background-position: 0 0;\n  height: 19px;\n  transition: background-position 0.9s steps(10);\n  transition-duration: 0s;\n  vertical-align: middle;\n  width: 22px;\n\n  &::before {\n    display: none !important;\n  }\n}\n\n.no-reduce-motion button.icon-button.active i.fa-retweet {\n  transition-duration: 0.9s;\n  background-position: 0 100%;\n}\n\n.reduce-motion button.icon-button i.fa-retweet {\n  color: $action-button-color;\n  transition: color 100ms ease-in;\n}\n\n.reduce-motion button.icon-button.active i.fa-retweet {\n  color: $highlight-text-color;\n}\n\n.reduce-motion button.icon-button.disabled i.fa-retweet {\n  color: darken($action-button-color, 13%);\n}\n\n.load-more {\n  display: block;\n  color: $dark-text-color;\n  background-color: transparent;\n  border: 0;\n  font-size: inherit;\n  text-align: center;\n  line-height: inherit;\n  margin: 0;\n  padding: 15px;\n  box-sizing: border-box;\n  width: 100%;\n  clear: both;\n  text-decoration: none;\n\n  &:hover {\n    background: lighten($ui-base-color, 2%);\n  }\n}\n\n.load-gap {\n  border-bottom: 1px solid lighten($ui-base-color, 8%);\n}\n\n.missing-indicator {\n  padding-top: 20px + 48px;\n}\n\n.scrollable > div > :first-child .notification__dismiss-overlay > .wrappy {\n  border-top: 1px solid $ui-base-color;\n}\n\n.notification__dismiss-overlay {\n  overflow: hidden;\n  position: absolute;\n  top: 0;\n  right: 0;\n  bottom: -1px;\n  padding-left: 15px; // space for the box shadow to be visible\n\n  z-index: 999;\n  align-items: center;\n  justify-content: flex-end;\n  cursor: pointer;\n\n  display: flex;\n\n  .wrappy {\n    width: $dismiss-overlay-width;\n    align-self: stretch;\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    justify-content: center;\n    background: lighten($ui-base-color, 8%);\n    border-left: 1px solid lighten($ui-base-color, 20%);\n    box-shadow: 0 0 5px black;\n    border-bottom: 1px solid $ui-base-color;\n  }\n\n  .ckbox {\n    border: 2px solid $ui-primary-color;\n    border-radius: 2px;\n    width: 30px;\n    height: 30px;\n    font-size: 20px;\n    color: $darker-text-color;\n    text-shadow: 0 0 5px black;\n    display: flex;\n    justify-content: center;\n    align-items: center;\n  }\n\n  &:focus {\n    outline: 0 !important;\n\n    .ckbox {\n      box-shadow: 0 0 1px 1px $ui-highlight-color;\n    }\n  }\n}\n\n.text-btn {\n  display: inline-block;\n  padding: 0;\n  font-family: inherit;\n  font-size: inherit;\n  color: inherit;\n  border: 0;\n  background: transparent;\n  cursor: pointer;\n}\n\n.loading-indicator {\n  color: $dark-text-color;\n  font-size: 12px;\n  font-weight: 400;\n  text-transform: uppercase;\n  overflow: visible;\n  position: absolute;\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n\n  span {\n    display: block;\n    float: left;\n    margin-left: 50%;\n    transform: translateX(-50%);\n    margin: 82px 0 0 50%;\n    white-space: nowrap;\n  }\n}\n\n.loading-indicator__figure {\n  position: absolute;\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n  width: 42px;\n  height: 42px;\n  box-sizing: border-box;\n  background-color: transparent;\n  border: 0 solid lighten($ui-base-color, 26%);\n  border-width: 6px;\n  border-radius: 50%;\n}\n\n.no-reduce-motion .loading-indicator span {\n  animation: loader-label 1.15s infinite cubic-bezier(0.215, 0.610, 0.355, 1.000);\n}\n\n.no-reduce-motion .loading-indicator__figure {\n  animation: loader-figure 1.15s infinite cubic-bezier(0.215, 0.610, 0.355, 1.000);\n}\n\n@keyframes spring-rotate-in {\n  0% {\n    transform: rotate(0deg);\n  }\n\n  30% {\n    transform: rotate(-484.8deg);\n  }\n\n  60% {\n    transform: rotate(-316.7deg);\n  }\n\n  90% {\n    transform: rotate(-375deg);\n  }\n\n  100% {\n    transform: rotate(-360deg);\n  }\n}\n\n@keyframes spring-rotate-out {\n  0% {\n    transform: rotate(-360deg);\n  }\n\n  30% {\n    transform: rotate(124.8deg);\n  }\n\n  60% {\n    transform: rotate(-43.27deg);\n  }\n\n  90% {\n    transform: rotate(15deg);\n  }\n\n  100% {\n    transform: rotate(0deg);\n  }\n}\n\n@keyframes loader-figure {\n  0% {\n    width: 0;\n    height: 0;\n    background-color: lighten($ui-base-color, 26%);\n  }\n\n  29% {\n    background-color: lighten($ui-base-color, 26%);\n  }\n\n  30% {\n    width: 42px;\n    height: 42px;\n    background-color: transparent;\n    border-width: 21px;\n    opacity: 1;\n  }\n\n  100% {\n    width: 42px;\n    height: 42px;\n    border-width: 0;\n    opacity: 0;\n    background-color: transparent;\n  }\n}\n\n@keyframes loader-label {\n  0% { opacity: 0.25; }\n  30% { opacity: 1; }\n  100% { opacity: 0.25; }\n}\n\n.spoiler-button {\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  position: absolute;\n  z-index: 100;\n\n  &--minified {\n    display: flex;\n    left: 4px;\n    top: 4px;\n    width: auto;\n    height: auto;\n    align-items: center;\n  }\n\n  &--click-thru {\n    pointer-events: none;\n  }\n\n  &--hidden {\n    display: none;\n  }\n\n  &__overlay {\n    display: block;\n    background: transparent;\n    width: 100%;\n    height: 100%;\n    border: 0;\n\n    &__label {\n      display: inline-block;\n      background: rgba($base-overlay-background, 0.5);\n      border-radius: 8px;\n      padding: 8px 12px;\n      color: $primary-text-color;\n      font-weight: 500;\n      font-size: 14px;\n    }\n\n    &:hover,\n    &:focus,\n    &:active {\n      .spoiler-button__overlay__label {\n        background: rgba($base-overlay-background, 0.8);\n      }\n    }\n\n    &:disabled {\n      .spoiler-button__overlay__label {\n        background: rgba($base-overlay-background, 0.5);\n      }\n    }\n  }\n}\n\n.setting-toggle {\n  display: block;\n  line-height: 24px;\n}\n\n.setting-toggle__label,\n.setting-radio__label,\n.setting-meta__label {\n  color: $darker-text-color;\n  display: inline-block;\n  margin-bottom: 14px;\n  margin-left: 8px;\n  vertical-align: middle;\n}\n\n.setting-radio {\n  display: block;\n  line-height: 18px;\n}\n\n.setting-radio__label {\n  margin-bottom: 0;\n}\n\n.column-settings__row legend {\n  color: $darker-text-color;\n  cursor: default;\n  display: block;\n  font-weight: 500;\n  margin-top: 10px;\n}\n\n.setting-radio__input {\n  vertical-align: middle;\n}\n\n.setting-meta__label {\n  float: right;\n}\n\n@keyframes heartbeat {\n  from {\n    transform: scale(1);\n    transform-origin: center center;\n    animation-timing-function: ease-out;\n  }\n\n  10% {\n    transform: scale(0.91);\n    animation-timing-function: ease-in;\n  }\n\n  17% {\n    transform: scale(0.98);\n    animation-timing-function: ease-out;\n  }\n\n  33% {\n    transform: scale(0.87);\n    animation-timing-function: ease-in;\n  }\n\n  45% {\n    transform: scale(1);\n    animation-timing-function: ease-out;\n  }\n}\n\n.pulse-loading {\n  animation: heartbeat 1.5s ease-in-out infinite both;\n}\n\n.upload-area {\n  align-items: center;\n  background: rgba($base-overlay-background, 0.8);\n  display: flex;\n  height: 100%;\n  justify-content: center;\n  left: 0;\n  opacity: 0;\n  position: absolute;\n  top: 0;\n  visibility: hidden;\n  width: 100%;\n  z-index: 2000;\n\n  * {\n    pointer-events: none;\n  }\n}\n\n.upload-area__drop {\n  width: 320px;\n  height: 160px;\n  display: flex;\n  box-sizing: border-box;\n  position: relative;\n  padding: 8px;\n}\n\n.upload-area__background {\n  position: absolute;\n  top: 0;\n  right: 0;\n  bottom: 0;\n  left: 0;\n  z-index: -1;\n  border-radius: 4px;\n  background: $ui-base-color;\n  box-shadow: 0 0 5px rgba($base-shadow-color, 0.2);\n}\n\n.upload-area__content {\n  flex: 1;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  color: $secondary-text-color;\n  font-size: 18px;\n  font-weight: 500;\n  border: 2px dashed $ui-base-lighter-color;\n  border-radius: 4px;\n}\n\n.dropdown--active .emoji-button img {\n  opacity: 1;\n  filter: none;\n}\n\n.loading-bar {\n  background-color: $ui-highlight-color;\n  height: 3px;\n  position: absolute;\n  top: 0;\n  left: 0;\n  z-index: 9999;\n}\n\n.icon-badge-wrapper {\n  position: relative;\n}\n\n.icon-badge {\n  position: absolute;\n  display: block;\n  right: -.25em;\n  top: -.25em;\n  background-color: $ui-highlight-color;\n  border-radius: 50%;\n  font-size: 75%;\n  width: 1em;\n  height: 1em;\n}\n\n.conversation {\n  display: flex;\n  border-bottom: 1px solid lighten($ui-base-color, 8%);\n  padding: 5px;\n  padding-bottom: 0;\n\n  &:focus {\n    background: lighten($ui-base-color, 2%);\n    outline: 0;\n  }\n\n  &__avatar {\n    flex: 0 0 auto;\n    padding: 10px;\n    padding-top: 12px;\n    position: relative;\n  }\n\n  &__unread {\n    display: inline-block;\n    background: $highlight-text-color;\n    border-radius: 50%;\n    width: 0.625rem;\n    height: 0.625rem;\n    margin: -.1ex .15em .1ex;\n  }\n\n  &__content {\n    flex: 1 1 auto;\n    padding: 10px 5px;\n    padding-right: 15px;\n    overflow: hidden;\n\n    &__info {\n      overflow: hidden;\n      display: flex;\n      flex-direction: row-reverse;\n      justify-content: space-between;\n    }\n\n    &__relative-time {\n      font-size: 15px;\n      color: $darker-text-color;\n      padding-left: 15px;\n    }\n\n    &__names {\n      color: $darker-text-color;\n      font-size: 15px;\n      white-space: nowrap;\n      overflow: hidden;\n      text-overflow: ellipsis;\n      margin-bottom: 4px;\n      flex-basis: 90px;\n      flex-grow: 1;\n\n      a {\n        color: $primary-text-color;\n        text-decoration: none;\n\n        &:hover,\n        &:focus,\n        &:active {\n          text-decoration: underline;\n        }\n      }\n    }\n\n    .status__content {\n      margin: 0;\n    }\n  }\n\n  &--unread {\n    background: lighten($ui-base-color, 2%);\n\n    &:focus {\n      background: lighten($ui-base-color, 4%);\n    }\n\n    .conversation__content__info {\n      font-weight: 700;\n    }\n\n    .conversation__content__relative-time {\n      color: $primary-text-color;\n    }\n  }\n}\n\n.ui .flash-message {\n  margin-top: 10px;\n  margin-left: auto;\n  margin-right: auto;\n  margin-bottom: 0;\n  min-width: 75%;\n}\n\n::-webkit-scrollbar-thumb {\n  border-radius: 0;\n}\n\nnoscript {\n  text-align: center;\n\n  img {\n    width: 200px;\n    opacity: 0.5;\n    animation: flicker 4s infinite;\n  }\n\n  div {\n    font-size: 14px;\n    margin: 30px auto;\n    color: $secondary-text-color;\n    max-width: 400px;\n\n    a {\n      color: $highlight-text-color;\n      text-decoration: underline;\n\n      &:hover {\n        text-decoration: none;\n      }\n    }\n\n    a {\n      word-break: break-word;\n    }\n  }\n}\n\n@keyframes flicker {\n  0% { opacity: 1; }\n  30% { opacity: 0.75; }\n  100% { opacity: 1; }\n}\n\n@import 'boost';\n@import 'accounts';\n@import 'domains';\n@import 'status';\n@import 'modal';\n@import 'composer';\n@import 'columns';\n@import 'regeneration_indicator';\n@import 'directory';\n@import 'search';\n@import 'emoji';\n@import 'doodle';\n@import 'drawer';\n@import 'media';\n@import 'sensitive';\n@import 'lists';\n@import 'emoji_picker';\n@import 'local_settings';\n@import 'error_boundary';\n@import 'single_column';\n","button.icon-button i.fa-retweet {\n  background-image: url(\"data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='22' height='209'><path d='M4.97 3.16c-.1.03-.17.1-.22.18L.8 8.24c-.2.3.03.78.4.8H3.6v2.68c0 4.26-.55 3.62 3.66 3.62h7.66l-2.3-2.84c-.03-.02-.03-.04-.05-.06H7.27c-.44 0-.72-.3-.72-.72v-2.7h2.5c.37.03.63-.48.4-.77L5.5 3.35c-.12-.17-.34-.25-.53-.2zm12.16.43c-.55-.02-1.32.02-2.4.02H7.1l2.32 2.85.03.06h5.25c.42 0 .72.28.72.72v2.7h-2.5c-.36.02-.56.54-.3.8l3.92 4.9c.18.25.6.25.78 0l3.94-4.9c.26-.28 0-.83-.37-.8H18.4v-2.7c0-3.15.4-3.62-1.25-3.66z' fill='#{hex-color($action-button-color)}' stroke-width='0'/><path d='M7.78 19.66c-.24.02-.44.25-.44.5v2.46h-.06c-1.08 0-1.86-.03-2.4-.03-1.64 0-1.25.43-1.25 3.65v4.47c0 4.26-.56 3.62 3.65 3.62H8.5l-1.3-1.06c-.1-.08-.18-.2-.2-.3-.02-.17.06-.35.2-.45l1.33-1.1H7.28c-.44 0-.72-.3-.72-.7v-4.48c0-.44.28-.72.72-.72h.06v2.5c0 .38.54.63.82.38l4.9-3.93c.25-.18.25-.6 0-.78l-4.9-3.92c-.1-.1-.24-.14-.38-.12zm9.34 2.93c-.54-.02-1.3.02-2.4.02h-1.25l1.3 1.07c.1.07.18.2.2.33.02.16-.06.3-.2.4l-1.33 1.1h1.28c.42 0 .72.28.72.72v4.47c0 .42-.3.72-.72.72h-.1v-2.47c0-.3-.3-.53-.6-.47-.07 0-.14.05-.2.1l-4.9 3.93c-.26.18-.26.6 0 .78l4.9 3.92c.27.25.82 0 .8-.38v-2.5h.1c4.27 0 3.65.67 3.65-3.62v-4.47c0-3.15.4-3.62-1.25-3.66zM10.34 38.66c-.24.02-.44.25-.43.5v2.47H7.3c-1.08 0-1.86-.04-2.4-.04-1.64 0-1.25.43-1.25 3.65v4.47c0 3.66-.23 3.7 2.34 3.66l-1.34-1.1c-.1-.08-.18-.2-.2-.3 0-.17.07-.35.2-.45l1.96-1.6c-.03-.06-.04-.13-.04-.2v-4.48c0-.44.28-.72.72-.72H9.9v2.5c0 .36.5.6.8.38l4.93-3.93c.24-.18.24-.6 0-.78l-4.94-3.92c-.1-.08-.23-.13-.36-.12zm5.63 2.93l1.34 1.1c.1.07.18.2.2.33.02.16-.03.3-.16.4l-1.96 1.6c.02.07.06.13.06.22v4.47c0 .42-.3.72-.72.72h-2.66v-2.47c0-.3-.3-.53-.6-.47-.06.02-.12.05-.18.1l-4.94 3.93c-.24.18-.24.6 0 .78l4.94 3.92c.28.22.78-.02.78-.38v-2.5h2.66c4.27 0 3.65.67 3.65-3.62v-4.47c0-3.66.34-3.7-2.4-3.66zM13.06 57.66c-.23.03-.4.26-.4.5v2.47H7.28c-1.08 0-1.86-.04-2.4-.04-1.64 0-1.25.43-1.25 3.65v4.87l2.93-2.37v-2.5c0-.44.28-.72.72-.72h5.38v2.5c0 .36.5.6.78.38l4.94-3.93c.24-.18.24-.6 0-.78l-4.94-3.92c-.1-.1-.24-.14-.38-.12zm5.3 6.15l-2.92 2.4v2.52c0 .42-.3.72-.72.72h-5.4v-2.47c0-.3-.32-.53-.6-.47-.07.02-.13.05-.2.1L3.6 70.52c-.25.18-.25.6 0 .78l4.93 3.92c.28.22.78-.02.78-.38v-2.5h5.42c4.27 0 3.65.67 3.65-3.62v-4.47-.44zM19.25 78.8c-.1.03-.2.1-.28.17l-.9.9c-.44-.3-1.36-.25-3.35-.25H7.28c-1.08 0-1.86-.03-2.4-.03-1.64 0-1.25.43-1.25 3.65v.7l2.93.3v-1c0-.44.28-.72.72-.72h7.44c.2 0 .37.08.5.2l-1.8 1.8c-.25.26-.08.76.27.8l6.27.7c.28.03.56-.25.53-.53l-.7-6.25c0-.27-.3-.48-.55-.44zm-17.2 6.1c-.2.07-.36.3-.33.54l.7 6.25c.02.36.58.55.83.27l.8-.8c.02 0 .04-.02.04 0 .46.24 1.37.17 3.18.17h7.44c4.27 0 3.65.67 3.65-3.62v-.75l-2.93-.3v1.05c0 .42-.3.72-.72.72H7.28c-.15 0-.3-.03-.4-.1L8.8 86.4c.3-.24.1-.8-.27-.84l-6.28-.65h-.2zM4.88 98.6c-1.33 0-1.34.48-1.3 2.3l1.14-1.37c.08-.1.22-.17.34-.2.16 0 .34.08.44.2l1.66 2.03c.04 0 .07-.03.12-.03h7.44c.34 0 .57.2.65.5h-2.43c-.34.05-.53.52-.3.78l3.92 4.95c.18.24.6.24.78 0l3.94-4.94c.22-.27-.02-.76-.37-.77H18.4c.02-3.9.6-3.4-3.66-3.4H7.28c-1.08 0-1.86-.04-2.4-.04zm.15 2.46c-.1.03-.2.1-.28.2l-3.94 4.9c-.2.28.03.77.4.78H3.6c-.02 3.94-.45 3.4 3.66 3.4h7.44c3.65 0 3.74.3 3.7-2.25l-1.1 1.34c-.1.1-.2.17-.32.2-.16 0-.34-.08-.44-.2l-1.65-2.03c-.06.02-.1.04-.18.04H7.28c-.35 0-.57-.2-.66-.5h2.44c.37 0 .63-.5.4-.78l-3.96-4.9c-.1-.15-.3-.23-.47-.2zM4.88 117.6c-1.16 0-1.3.3-1.3 1.56l1.14-1.38c.08-.1.22-.14.34-.16.16 0 .34.04.44.16l2.22 2.75h7c.42 0 .72.28.72.72v.53h-2.6c-.3.1-.43.54-.2.78l3.92 4.9c.18.25.6.25.78 0l3.94-4.9c.22-.28-.02-.77-.37-.78H18.4v-.53c0-4.2.72-3.63-3.66-3.63H7.28c-1.08 0-1.86-.03-2.4-.03zm.1 1.74c-.1.03-.17.1-.23.16L.8 124.44c-.2.28.03.77.4.78H3.6v.5c0 4.26-.55 3.62 3.66 3.62h7.44c1.03 0 1.74.02 2.28 0-.16.02-.34-.03-.44-.15l-2.22-2.76H7.28c-.44 0-.72-.3-.72-.72v-.5h2.5c.37.02.63-.5.4-.78L5.5 119.5c-.12-.15-.34-.22-.53-.16zm12.02 10c1.2-.02 1.4-.25 1.4-1.53l-1.1 1.36c-.07.1-.17.17-.3.18zM5.94 136.6l2.37 2.93h6.42c.42 0 .72.28.72.72v1.25h-2.6c-.3.1-.43.54-.2.78l3.92 4.9c.18.25.6.25.78 0l3.94-4.9c.22-.28-.02-.77-.37-.78H18.4v-1.25c0-4.2.72-3.63-3.66-3.63H7.28c-.6 0-.92-.02-1.34-.03zm-1.72.06c-.4.08-.54.3-.6.75l.6-.74zm.84.93c-.12 0-.24.08-.3.18l-3.95 4.9c-.24.3 0 .83.4.82H3.6v1.22c0 4.26-.55 3.62 3.66 3.62h7.44c.63 0 .97.02 1.4.03l-2.37-2.93H7.28c-.44 0-.72-.3-.72-.72v-1.22h2.5c.4.04.67-.53.4-.8l-3.96-4.92c-.1-.13-.27-.2-.44-.2zm13.28 10.03l-.56.7c.36-.07.5-.3.56-.7zM17.13 155.6c-.55-.02-1.32.03-2.4.03h-8.2l2.38 2.9h5.82c.42 0 .72.28.72.72v1.97H12.9c-.32.06-.48.52-.28.78l3.94 4.94c.2.23.6.22.78-.03l3.94-4.9c.22-.28-.02-.77-.37-.78H18.4v-1.97c0-3.15.4-3.62-1.25-3.66zm-12.1.28c-.1.02-.2.1-.28.18l-3.94 4.9c-.2.3.03.78.4.8H3.6v1.96c0 4.26-.55 3.62 3.66 3.62h8.24l-2.36-2.9H7.28c-.44 0-.72-.3-.72-.72v-1.97h2.5c.37.02.63-.5.4-.78l-3.96-4.9c-.1-.15-.3-.22-.47-.2zM5.13 174.5c-.15 0-.3.07-.38.2L.8 179.6c-.24.27 0 .82.4.8H3.6v2.32c0 4.26-.55 3.62 3.66 3.62h7.94l-2.35-2.9h-5.6c-.43 0-.7-.3-.7-.72v-2.3h2.5c.38.03.66-.54.4-.83l-3.97-4.9c-.1-.13-.23-.2-.38-.2zm12 .1c-.55-.02-1.32.03-2.4.03H6.83l2.35 2.9h5.52c.42 0 .72.28.72.72v2.34h-2.6c-.3.1-.43.53-.2.78l3.92 4.9c.18.24.6.24.78 0l3.94-4.9c.22-.3-.02-.78-.37-.8H18.4v-2.33c0-3.15.4-3.62-1.25-3.66zM4.97 193.16c-.1.03-.17.1-.22.18l-3.94 4.9c-.2.3.03.78.4.8H3.6v2.68c0 4.26-.55 3.62 3.66 3.62h7.66l-2.3-2.84c-.03-.02-.03-.04-.05-.06H7.27c-.44 0-.72-.3-.72-.72v-2.7h2.5c.37.03.63-.48.4-.77l-3.96-4.9c-.12-.17-.34-.25-.53-.2zm12.16.43c-.55-.02-1.32.03-2.4.03H7.1l2.32 2.84.03.06h5.25c.42 0 .72.28.72.72v2.7h-2.5c-.36.02-.56.54-.3.8l3.92 4.9c.18.25.6.25.78 0l3.94-4.9c.26-.28 0-.83-.37-.8H18.4v-2.7c0-3.15.4-3.62-1.25-3.66z' fill='#{hex-color($highlight-text-color)}' stroke-width='0'/></svg>\");\n\n  &:hover {\n    background-image: url(\"data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='22' height='209'><path d='M4.97 3.16c-.1.03-.17.1-.22.18L.8 8.24c-.2.3.03.78.4.8H3.6v2.68c0 4.26-.55 3.62 3.66 3.62h7.66l-2.3-2.84c-.03-.02-.03-.04-.05-.06H7.27c-.44 0-.72-.3-.72-.72v-2.7h2.5c.37.03.63-.48.4-.77L5.5 3.35c-.12-.17-.34-.25-.53-.2zm12.16.43c-.55-.02-1.32.02-2.4.02H7.1l2.32 2.85.03.06h5.25c.42 0 .72.28.72.72v2.7h-2.5c-.36.02-.56.54-.3.8l3.92 4.9c.18.25.6.25.78 0l3.94-4.9c.26-.28 0-.83-.37-.8H18.4v-2.7c0-3.15.4-3.62-1.25-3.66z' fill='#{hex-color(lighten($action-button-color, 7%))}' stroke-width='0'/><path d='M7.78 19.66c-.24.02-.44.25-.44.5v2.46h-.06c-1.08 0-1.86-.03-2.4-.03-1.64 0-1.25.43-1.25 3.65v4.47c0 4.26-.56 3.62 3.65 3.62H8.5l-1.3-1.06c-.1-.08-.18-.2-.2-.3-.02-.17.06-.35.2-.45l1.33-1.1H7.28c-.44 0-.72-.3-.72-.7v-4.48c0-.44.28-.72.72-.72h.06v2.5c0 .38.54.63.82.38l4.9-3.93c.25-.18.25-.6 0-.78l-4.9-3.92c-.1-.1-.24-.14-.38-.12zm9.34 2.93c-.54-.02-1.3.02-2.4.02h-1.25l1.3 1.07c.1.07.18.2.2.33.02.16-.06.3-.2.4l-1.33 1.1h1.28c.42 0 .72.28.72.72v4.47c0 .42-.3.72-.72.72h-.1v-2.47c0-.3-.3-.53-.6-.47-.07 0-.14.05-.2.1l-4.9 3.93c-.26.18-.26.6 0 .78l4.9 3.92c.27.25.82 0 .8-.38v-2.5h.1c4.27 0 3.65.67 3.65-3.62v-4.47c0-3.15.4-3.62-1.25-3.66zM10.34 38.66c-.24.02-.44.25-.43.5v2.47H7.3c-1.08 0-1.86-.04-2.4-.04-1.64 0-1.25.43-1.25 3.65v4.47c0 3.66-.23 3.7 2.34 3.66l-1.34-1.1c-.1-.08-.18-.2-.2-.3 0-.17.07-.35.2-.45l1.96-1.6c-.03-.06-.04-.13-.04-.2v-4.48c0-.44.28-.72.72-.72H9.9v2.5c0 .36.5.6.8.38l4.93-3.93c.24-.18.24-.6 0-.78l-4.94-3.92c-.1-.08-.23-.13-.36-.12zm5.63 2.93l1.34 1.1c.1.07.18.2.2.33.02.16-.03.3-.16.4l-1.96 1.6c.02.07.06.13.06.22v4.47c0 .42-.3.72-.72.72h-2.66v-2.47c0-.3-.3-.53-.6-.47-.06.02-.12.05-.18.1l-4.94 3.93c-.24.18-.24.6 0 .78l4.94 3.92c.28.22.78-.02.78-.38v-2.5h2.66c4.27 0 3.65.67 3.65-3.62v-4.47c0-3.66.34-3.7-2.4-3.66zM13.06 57.66c-.23.03-.4.26-.4.5v2.47H7.28c-1.08 0-1.86-.04-2.4-.04-1.64 0-1.25.43-1.25 3.65v4.87l2.93-2.37v-2.5c0-.44.28-.72.72-.72h5.38v2.5c0 .36.5.6.78.38l4.94-3.93c.24-.18.24-.6 0-.78l-4.94-3.92c-.1-.1-.24-.14-.38-.12zm5.3 6.15l-2.92 2.4v2.52c0 .42-.3.72-.72.72h-5.4v-2.47c0-.3-.32-.53-.6-.47-.07.02-.13.05-.2.1L3.6 70.52c-.25.18-.25.6 0 .78l4.93 3.92c.28.22.78-.02.78-.38v-2.5h5.42c4.27 0 3.65.67 3.65-3.62v-4.47-.44zM19.25 78.8c-.1.03-.2.1-.28.17l-.9.9c-.44-.3-1.36-.25-3.35-.25H7.28c-1.08 0-1.86-.03-2.4-.03-1.64 0-1.25.43-1.25 3.65v.7l2.93.3v-1c0-.44.28-.72.72-.72h7.44c.2 0 .37.08.5.2l-1.8 1.8c-.25.26-.08.76.27.8l6.27.7c.28.03.56-.25.53-.53l-.7-6.25c0-.27-.3-.48-.55-.44zm-17.2 6.1c-.2.07-.36.3-.33.54l.7 6.25c.02.36.58.55.83.27l.8-.8c.02 0 .04-.02.04 0 .46.24 1.37.17 3.18.17h7.44c4.27 0 3.65.67 3.65-3.62v-.75l-2.93-.3v1.05c0 .42-.3.72-.72.72H7.28c-.15 0-.3-.03-.4-.1L8.8 86.4c.3-.24.1-.8-.27-.84l-6.28-.65h-.2zM4.88 98.6c-1.33 0-1.34.48-1.3 2.3l1.14-1.37c.08-.1.22-.17.34-.2.16 0 .34.08.44.2l1.66 2.03c.04 0 .07-.03.12-.03h7.44c.34 0 .57.2.65.5h-2.43c-.34.05-.53.52-.3.78l3.92 4.95c.18.24.6.24.78 0l3.94-4.94c.22-.27-.02-.76-.37-.77H18.4c.02-3.9.6-3.4-3.66-3.4H7.28c-1.08 0-1.86-.04-2.4-.04zm.15 2.46c-.1.03-.2.1-.28.2l-3.94 4.9c-.2.28.03.77.4.78H3.6c-.02 3.94-.45 3.4 3.66 3.4h7.44c3.65 0 3.74.3 3.7-2.25l-1.1 1.34c-.1.1-.2.17-.32.2-.16 0-.34-.08-.44-.2l-1.65-2.03c-.06.02-.1.04-.18.04H7.28c-.35 0-.57-.2-.66-.5h2.44c.37 0 .63-.5.4-.78l-3.96-4.9c-.1-.15-.3-.23-.47-.2zM4.88 117.6c-1.16 0-1.3.3-1.3 1.56l1.14-1.38c.08-.1.22-.14.34-.16.16 0 .34.04.44.16l2.22 2.75h7c.42 0 .72.28.72.72v.53h-2.6c-.3.1-.43.54-.2.78l3.92 4.9c.18.25.6.25.78 0l3.94-4.9c.22-.28-.02-.77-.37-.78H18.4v-.53c0-4.2.72-3.63-3.66-3.63H7.28c-1.08 0-1.86-.03-2.4-.03zm.1 1.74c-.1.03-.17.1-.23.16L.8 124.44c-.2.28.03.77.4.78H3.6v.5c0 4.26-.55 3.62 3.66 3.62h7.44c1.03 0 1.74.02 2.28 0-.16.02-.34-.03-.44-.15l-2.22-2.76H7.28c-.44 0-.72-.3-.72-.72v-.5h2.5c.37.02.63-.5.4-.78L5.5 119.5c-.12-.15-.34-.22-.53-.16zm12.02 10c1.2-.02 1.4-.25 1.4-1.53l-1.1 1.36c-.07.1-.17.17-.3.18zM5.94 136.6l2.37 2.93h6.42c.42 0 .72.28.72.72v1.25h-2.6c-.3.1-.43.54-.2.78l3.92 4.9c.18.25.6.25.78 0l3.94-4.9c.22-.28-.02-.77-.37-.78H18.4v-1.25c0-4.2.72-3.63-3.66-3.63H7.28c-.6 0-.92-.02-1.34-.03zm-1.72.06c-.4.08-.54.3-.6.75l.6-.74zm.84.93c-.12 0-.24.08-.3.18l-3.95 4.9c-.24.3 0 .83.4.82H3.6v1.22c0 4.26-.55 3.62 3.66 3.62h7.44c.63 0 .97.02 1.4.03l-2.37-2.93H7.28c-.44 0-.72-.3-.72-.72v-1.22h2.5c.4.04.67-.53.4-.8l-3.96-4.92c-.1-.13-.27-.2-.44-.2zm13.28 10.03l-.56.7c.36-.07.5-.3.56-.7zM17.13 155.6c-.55-.02-1.32.03-2.4.03h-8.2l2.38 2.9h5.82c.42 0 .72.28.72.72v1.97H12.9c-.32.06-.48.52-.28.78l3.94 4.94c.2.23.6.22.78-.03l3.94-4.9c.22-.28-.02-.77-.37-.78H18.4v-1.97c0-3.15.4-3.62-1.25-3.66zm-12.1.28c-.1.02-.2.1-.28.18l-3.94 4.9c-.2.3.03.78.4.8H3.6v1.96c0 4.26-.55 3.62 3.66 3.62h8.24l-2.36-2.9H7.28c-.44 0-.72-.3-.72-.72v-1.97h2.5c.37.02.63-.5.4-.78l-3.96-4.9c-.1-.15-.3-.22-.47-.2zM5.13 174.5c-.15 0-.3.07-.38.2L.8 179.6c-.24.27 0 .82.4.8H3.6v2.32c0 4.26-.55 3.62 3.66 3.62h7.94l-2.35-2.9h-5.6c-.43 0-.7-.3-.7-.72v-2.3h2.5c.38.03.66-.54.4-.83l-3.97-4.9c-.1-.13-.23-.2-.38-.2zm12 .1c-.55-.02-1.32.03-2.4.03H6.83l2.35 2.9h5.52c.42 0 .72.28.72.72v2.34h-2.6c-.3.1-.43.53-.2.78l3.92 4.9c.18.24.6.24.78 0l3.94-4.9c.22-.3-.02-.78-.37-.8H18.4v-2.33c0-3.15.4-3.62-1.25-3.66zM4.97 193.16c-.1.03-.17.1-.22.18l-3.94 4.9c-.2.3.03.78.4.8H3.6v2.68c0 4.26-.55 3.62 3.66 3.62h7.66l-2.3-2.84c-.03-.02-.03-.04-.05-.06H7.27c-.44 0-.72-.3-.72-.72v-2.7h2.5c.37.03.63-.48.4-.77l-3.96-4.9c-.12-.17-.34-.25-.53-.2zm12.16.43c-.55-.02-1.32.03-2.4.03H7.1l2.32 2.84.03.06h5.25c.42 0 .72.28.72.72v2.7h-2.5c-.36.02-.56.54-.3.8l3.92 4.9c.18.25.6.25.78 0l3.94-4.9c.26-.28 0-.83-.37-.8H18.4v-2.7c0-3.15.4-3.62-1.25-3.66z' fill='#{hex-color($highlight-text-color)}' stroke-width='0'/></svg>\");\n  }\n}\n\n// Disabled variant\nbutton.icon-button.disabled i.fa-retweet {\n  &, &:hover {\n    background-image: url(\"data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='22' height='209'><path d='M4.97 3.16c-.1.03-.17.1-.22.18L.8 8.24c-.2.3.03.78.4.8H3.6v2.68c0 4.26-.55 3.62 3.66 3.62h7.66l-2.3-2.84c-.03-.02-.03-.04-.05-.06H7.27c-.44 0-.72-.3-.72-.72v-2.7h2.5c.37.03.63-.48.4-.77L5.5 3.35c-.12-.17-.34-.25-.53-.2zm12.16.43c-.55-.02-1.32.02-2.4.02H7.1l2.32 2.85.03.06h5.25c.42 0 .72.28.72.72v2.7h-2.5c-.36.02-.56.54-.3.8l3.92 4.9c.18.25.6.25.78 0l3.94-4.9c.26-.28 0-.83-.37-.8H18.4v-2.7c0-3.15.4-3.62-1.25-3.66z' fill='#{hex-color(darken($action-button-color, 13%))}' stroke-width='0'/></svg>\");\n  }\n}\n\n// Disabled variant for use with DMs\n.status-direct button.icon-button.disabled i.fa-retweet {\n  &, &:hover {\n    background-image: url(\"data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='22' height='209'><path d='M4.97 3.16c-.1.03-.17.1-.22.18L.8 8.24c-.2.3.03.78.4.8H3.6v2.68c0 4.26-.55 3.62 3.66 3.62h7.66l-2.3-2.84c-.03-.02-.03-.04-.05-.06H7.27c-.44 0-.72-.3-.72-.72v-2.7h2.5c.37.03.63-.48.4-.77L5.5 3.35c-.12-.17-.34-.25-.53-.2zm12.16.43c-.55-.02-1.32.02-2.4.02H7.1l2.32 2.85.03.06h5.25c.42 0 .72.28.72.72v2.7h-2.5c-.36.02-.56.54-.3.8l3.92 4.9c.18.25.6.25.78 0l3.94-4.9c.26-.28 0-.83-.37-.8H18.4v-2.7c0-3.15.4-3.62-1.25-3.66z' fill='#{hex-color(darken($action-button-color, 13%))}' stroke-width='0'/></svg>\");\n  }\n}\n",".account {\n  padding: 10px;\n  border-bottom: 1px solid lighten($ui-base-color, 8%);\n  color: inherit;\n  text-decoration: none;\n\n  .account__display-name {\n    flex: 1 1 auto;\n    display: block;\n    color: $darker-text-color;\n    overflow: hidden;\n    text-decoration: none;\n    font-size: 14px;\n  }\n\n  &.small {\n    border: none;\n    padding: 0;\n\n    & > .account__avatar-wrapper { margin: 0 8px 0 0 }\n\n    & > .display-name {\n      height: 24px;\n      line-height: 24px;\n    }\n  }\n}\n\n.account__wrapper {\n  display: flex;\n}\n\n.account__avatar-wrapper {\n  float: left;\n  margin-left: 12px;\n  margin-right: 12px;\n}\n\n.account__avatar {\n  @include avatar-radius();\n  position: relative;\n  cursor: pointer;\n\n  &-inline {\n    display: inline-block;\n    vertical-align: middle;\n    margin-right: 5px;\n  }\n\n  &-composite {\n    @include avatar-radius;\n    overflow: hidden;\n    position: relative;\n    cursor: default;\n\n    & div {\n      @include avatar-radius;\n      float: left;\n      position: relative;\n      box-sizing: border-box;\n    }\n\n    &__label {\n      display: block;\n      position: absolute;\n      top: 50%;\n      left: 50%;\n      transform: translate(-50%, -50%);\n      color: $primary-text-color;\n      text-shadow: 1px 1px 2px $base-shadow-color;\n      font-weight: 700;\n      font-size: 15px;\n    }\n  }\n}\n\n.account__avatar-overlay {\n  position: relative;\n  @include avatar-size(48px);\n\n  &-base {\n    @include avatar-radius();\n    @include avatar-size(36px);\n  }\n\n  &-overlay {\n    @include avatar-radius();\n    @include avatar-size(24px);\n\n    position: absolute;\n    bottom: 0;\n    right: 0;\n    z-index: 1;\n  }\n}\n\n.account__relationship {\n  height: 18px;\n  padding: 10px;\n  white-space: nowrap;\n}\n\n.account__header__wrapper {\n  flex: 0 0 auto;\n  background: lighten($ui-base-color, 4%);\n}\n\n.account__disclaimer {\n  padding: 10px;\n  color: $dark-text-color;\n\n  strong {\n    font-weight: 500;\n\n    @each $lang in $cjk-langs {\n      &:lang(#{$lang}) {\n        font-weight: 700;\n      }\n    }\n  }\n\n  a {\n    font-weight: 500;\n    color: inherit;\n    text-decoration: underline;\n\n    &:hover,\n    &:focus,\n    &:active {\n      text-decoration: none;\n    }\n  }\n}\n\n.account__action-bar {\n  border-top: 1px solid lighten($ui-base-color, 8%);\n  border-bottom: 1px solid lighten($ui-base-color, 8%);\n  line-height: 36px;\n  overflow: hidden;\n  flex: 0 0 auto;\n  display: flex;\n}\n\n.account__action-bar-links {\n  display: flex;\n  flex: 1 1 auto;\n  line-height: 18px;\n  text-align: center;\n}\n\n.account__action-bar__tab {\n  text-decoration: none;\n  overflow: hidden;\n  flex: 0 1 100%;\n  border-left: 1px solid lighten($ui-base-color, 8%);\n  padding: 10px 0;\n  border-bottom: 4px solid transparent;\n\n  &:first-child {\n    border-left: 0;\n  }\n\n  &.active {\n    border-bottom: 4px solid $ui-highlight-color;\n  }\n\n  & > span {\n    display: block;\n    text-transform: uppercase;\n    font-size: 11px;\n    color: $darker-text-color;\n  }\n\n  strong {\n    display: block;\n    font-size: 15px;\n    font-weight: 500;\n    color: $primary-text-color;\n\n    @each $lang in $cjk-langs {\n      &:lang(#{$lang}) {\n        font-weight: 700;\n      }\n    }\n  }\n\n  abbr {\n    color: $highlight-text-color;\n  }\n}\n\n.account-authorize {\n  padding: 14px 10px;\n\n  .detailed-status__display-name {\n    display: block;\n    margin-bottom: 15px;\n    overflow: hidden;\n  }\n}\n\n.account-authorize__avatar {\n  float: left;\n  margin-right: 10px;\n}\n\n.notification__message {\n  margin-left: 42px;\n  padding: 8px 0 0 26px;\n  cursor: default;\n  color: $darker-text-color;\n  font-size: 15px;\n  position: relative;\n\n  .fa {\n    color: $highlight-text-color;\n  }\n\n  > span {\n    display: block;\n    overflow: hidden;\n    text-overflow: ellipsis;\n  }\n}\n\n.account--panel {\n  background: lighten($ui-base-color, 4%);\n  border-top: 1px solid lighten($ui-base-color, 8%);\n  border-bottom: 1px solid lighten($ui-base-color, 8%);\n  display: flex;\n  flex-direction: row;\n  padding: 10px 0;\n}\n\n.account--panel__button,\n.detailed-status__button {\n  flex: 1 1 auto;\n  text-align: center;\n}\n\n.column-settings__outer {\n  background: lighten($ui-base-color, 8%);\n  padding: 15px;\n}\n\n.column-settings__section {\n  color: $darker-text-color;\n  cursor: default;\n  display: block;\n  font-weight: 500;\n  margin-bottom: 10px;\n}\n\n.column-settings__hashtags {\n  .column-settings__row {\n    margin-bottom: 15px;\n  }\n\n  .column-select {\n    &__control {\n      @include search-input();\n\n      &::placeholder {\n        color: lighten($darker-text-color, 4%);\n      }\n\n      &::-moz-focus-inner {\n        border: 0;\n      }\n\n      &::-moz-focus-inner,\n      &:focus,\n      &:active {\n        outline: 0 !important;\n      }\n\n      &:focus {\n        background: lighten($ui-base-color, 4%);\n      }\n\n      @media screen and (max-width: 600px) {\n        font-size: 16px;\n      }\n    }\n\n    &__placeholder {\n      color: $dark-text-color;\n      padding-left: 2px;\n      font-size: 12px;\n    }\n\n    &__value-container {\n      padding-left: 6px;\n    }\n\n    &__multi-value {\n      background: lighten($ui-base-color, 8%);\n\n      &__remove {\n        cursor: pointer;\n\n        &:hover,\n        &:active,\n        &:focus {\n          background: lighten($ui-base-color, 12%);\n          color: lighten($darker-text-color, 4%);\n        }\n      }\n    }\n\n    &__multi-value__label,\n    &__input {\n      color: $darker-text-color;\n    }\n\n    &__clear-indicator,\n    &__dropdown-indicator {\n      cursor: pointer;\n      transition: none;\n      color: $dark-text-color;\n\n      &:hover,\n      &:active,\n      &:focus {\n        color: lighten($dark-text-color, 4%);\n      }\n    }\n\n    &__indicator-separator {\n      background-color: lighten($ui-base-color, 8%);\n    }\n\n    &__menu {\n      @include search-popout();\n      padding: 0;\n      background: $ui-secondary-color;\n    }\n\n    &__menu-list {\n      padding: 6px;\n    }\n\n    &__option {\n      color: $inverted-text-color;\n      border-radius: 4px;\n      font-size: 14px;\n\n      &--is-focused,\n      &--is-selected {\n        background: darken($ui-secondary-color, 10%);\n      }\n    }\n  }\n}\n\n.column-settings__row {\n  .text-btn {\n    margin-bottom: 15px;\n  }\n}\n\n.relationship-tag {\n  color: $primary-text-color;\n  margin-bottom: 4px;\n  display: block;\n  vertical-align: top;\n  background-color: $base-overlay-background;\n  text-transform: uppercase;\n  font-size: 11px;\n  font-weight: 500;\n  padding: 4px;\n  border-radius: 4px;\n  opacity: 0.7;\n\n  &:hover {\n    opacity: 1;\n  }\n}\n\n.account-gallery__container {\n  display: flex;\n  flex-wrap: wrap;\n  padding: 4px 2px;\n}\n\n.account-gallery__item {\n  border: none;\n  box-sizing: border-box;\n  display: block;\n  position: relative;\n  border-radius: 4px;\n  overflow: hidden;\n  margin: 2px;\n\n  &__icons {\n    position: absolute;\n    top: 50%;\n    left: 50%;\n    transform: translate(-50%, -50%);\n    font-size: 24px;\n  }\n}\n\n.notification__filter-bar,\n.account__section-headline {\n  background: darken($ui-base-color, 4%);\n  border-bottom: 1px solid lighten($ui-base-color, 8%);\n  cursor: default;\n  display: flex;\n  flex-shrink: 0;\n\n  button {\n    background: darken($ui-base-color, 4%);\n    border: 0;\n    margin: 0;\n  }\n\n  button,\n  a {\n    display: block;\n    flex: 1 1 auto;\n    color: $darker-text-color;\n    padding: 15px 0;\n    font-size: 14px;\n    font-weight: 500;\n    text-align: center;\n    text-decoration: none;\n    position: relative;\n\n    &.active {\n      color: $secondary-text-color;\n\n      &::before,\n      &::after {\n        display: block;\n        content: \"\";\n        position: absolute;\n        bottom: 0;\n        left: 50%;\n        width: 0;\n        height: 0;\n        transform: translateX(-50%);\n        border-style: solid;\n        border-width: 0 10px 10px;\n        border-color: transparent transparent lighten($ui-base-color, 8%);\n      }\n\n      &::after {\n        bottom: -1px;\n        border-color: transparent transparent $ui-base-color;\n      }\n    }\n  }\n\n  &.directory__section-headline {\n    background: darken($ui-base-color, 2%);\n    border-bottom-color: transparent;\n\n    a,\n    button {\n      &.active {\n        &::before {\n          display: none;\n        }\n\n        &::after {\n          border-color: transparent transparent darken($ui-base-color, 7%);\n        }\n      }\n    }\n  }\n}\n\n.account__moved-note {\n  padding: 14px 10px;\n  padding-bottom: 16px;\n  background: lighten($ui-base-color, 4%);\n  border-top: 1px solid lighten($ui-base-color, 8%);\n  border-bottom: 1px solid lighten($ui-base-color, 8%);\n\n  &__message {\n    position: relative;\n    margin-left: 58px;\n    color: $dark-text-color;\n    padding: 8px 0;\n    padding-top: 0;\n    padding-bottom: 4px;\n    font-size: 14px;\n\n    > span {\n      display: block;\n      overflow: hidden;\n      text-overflow: ellipsis;\n    }\n  }\n\n  &__icon-wrapper {\n    left: -26px;\n    position: absolute;\n  }\n\n  .detailed-status__display-avatar {\n    position: relative;\n  }\n\n  .detailed-status__display-name {\n    margin-bottom: 0;\n  }\n}\n\n.account__header__content {\n  color: $darker-text-color;\n  font-size: 14px;\n  font-weight: 400;\n  overflow: hidden;\n  word-break: normal;\n  word-wrap: break-word;\n\n  p {\n    margin-bottom: 20px;\n\n    &:last-child {\n      margin-bottom: 0;\n    }\n  }\n\n  a {\n    color: inherit;\n    text-decoration: underline;\n\n    &:hover {\n      text-decoration: none;\n    }\n  }\n}\n\n.account__header {\n  overflow: hidden;\n\n  &.inactive {\n    opacity: 0.5;\n\n    .account__header__image,\n    .account__avatar {\n      filter: grayscale(100%);\n    }\n  }\n\n  &__info {\n    position: absolute;\n    top: 10px;\n    left: 10px;\n  }\n\n  &__image {\n    overflow: hidden;\n    height: 145px;\n    position: relative;\n    background: darken($ui-base-color, 4%);\n\n    img {\n      object-fit: cover;\n      display: block;\n      width: 100%;\n      height: 100%;\n      margin: 0;\n    }\n  }\n\n  &__bar {\n    position: relative;\n    background: lighten($ui-base-color, 4%);\n    padding: 5px;\n    border-bottom: 1px solid lighten($ui-base-color, 12%);\n\n    .avatar {\n      display: block;\n      flex: 0 0 auto;\n      width: 94px;\n      margin-left: -2px;\n\n      .account__avatar {\n        background: darken($ui-base-color, 8%);\n        border: 2px solid lighten($ui-base-color, 4%);\n      }\n    }\n  }\n\n  &__tabs {\n    display: flex;\n    align-items: flex-start;\n    padding: 7px 5px;\n    margin-top: -55px;\n\n    &__buttons {\n      display: flex;\n      align-items: center;\n      padding-top: 55px;\n      overflow: hidden;\n\n      .icon-button {\n        border: 1px solid lighten($ui-base-color, 12%);\n        border-radius: 4px;\n        box-sizing: content-box;\n        padding: 2px;\n      }\n\n      .button {\n        margin: 0 8px;\n      }\n    }\n\n    &__name {\n      padding: 5px;\n\n      .account-role {\n        vertical-align: top;\n      }\n\n      .emojione {\n        width: 22px;\n        height: 22px;\n      }\n\n      h1 {\n        font-size: 16px;\n        line-height: 24px;\n        color: $primary-text-color;\n        font-weight: 500;\n        overflow: hidden;\n        white-space: nowrap;\n        text-overflow: ellipsis;\n\n        small {\n          display: block;\n          font-size: 14px;\n          color: $darker-text-color;\n          font-weight: 400;\n          overflow: hidden;\n          text-overflow: ellipsis;\n        }\n      }\n    }\n\n    .spacer {\n      flex: 1 1 auto;\n    }\n  }\n\n  &__bio {\n    overflow: hidden;\n    margin: 0 -5px;\n\n    .account__header__content {\n      padding: 20px 15px;\n      padding-bottom: 5px;\n      color: $primary-text-color;\n    }\n\n    .account__header__fields {\n      margin: 0;\n      border-top: 1px solid lighten($ui-base-color, 12%);\n\n      a {\n        color: lighten($ui-highlight-color, 8%);\n      }\n\n      dl:first-child .verified {\n        border-radius: 0 4px 0 0;\n      }\n\n      .verified a {\n        color: $valid-value-color;\n      }\n    }\n  }\n\n  &__extra {\n    margin-top: 4px;\n\n    &__links {\n      font-size: 14px;\n      color: $darker-text-color;\n      padding: 10px 0;\n\n      a {\n        display: inline-block;\n        color: $darker-text-color;\n        text-decoration: none;\n        padding: 5px 10px;\n        font-weight: 500;\n\n        strong {\n          font-weight: 700;\n          color: $primary-text-color;\n        }\n      }\n    }\n  }\n}\n",".domain {\n  padding: 10px;\n  border-bottom: 1px solid lighten($ui-base-color, 8%);\n\n  .domain__domain-name {\n    flex: 1 1 auto;\n    display: block;\n    color: $primary-text-color;\n    text-decoration: none;\n    font-size: 14px;\n    font-weight: 500;\n  }\n}\n\n.domain__wrapper {\n  display: flex;\n}\n\n.domain_buttons {\n  height: 18px;\n  padding: 10px;\n  white-space: nowrap;\n}\n","@keyframes spring-flip-in {\n  0% {\n    transform: rotate(0deg);\n  }\n\n  30% {\n    transform: rotate(-242.4deg);\n  }\n\n  60% {\n    transform: rotate(-158.35deg);\n  }\n\n  90% {\n    transform: rotate(-187.5deg);\n  }\n\n  100% {\n    transform: rotate(-180deg);\n  }\n}\n\n@keyframes spring-flip-out {\n  0% {\n    transform: rotate(-180deg);\n  }\n\n  30% {\n    transform: rotate(62.4deg);\n  }\n\n  60% {\n    transform: rotate(-21.635deg);\n  }\n\n  90% {\n    transform: rotate(7.5deg);\n  }\n\n  100% {\n    transform: rotate(0deg);\n  }\n}\n\n.status__content--with-action {\n  cursor: pointer;\n}\n\n.status__content {\n  position: relative;\n  margin: 10px 0;\n  font-size: 15px;\n  line-height: 20px;\n  word-wrap: break-word;\n  font-weight: 400;\n  overflow: visible;\n  padding-top: 5px;\n\n  &:focus {\n    outline: 0;\n  }\n\n  .emojione {\n    width: 20px;\n    height: 20px;\n    margin: -3px 0 0;\n  }\n\n  img {\n    max-width: 100%;\n    max-height: 400px;\n    object-fit: contain;\n  }\n\n  p, pre, blockquote {\n    margin-bottom: 20px;\n    white-space: pre-wrap;\n\n    &:last-child {\n      margin-bottom: 0;\n    }\n  }\n\n  .status__content__text,\n  .e-content {\n    overflow: hidden;\n\n    & > ul,\n    & > ol {\n      margin-bottom: 20px;\n    }\n\n    h1, h2, h3, h4, h5 {\n      margin-top: 20px;\n      margin-bottom: 20px;\n    }\n\n    h1, h2 {\n      font-weight: 700;\n      font-size: 1.2em;\n    }\n\n    h2 {\n      font-size: 1.1em;\n    }\n\n    h3, h4, h5 {\n      font-weight: 500;\n    }\n\n    blockquote {\n      padding-left: 10px;\n      border-left: 3px solid $darker-text-color;\n      color: $darker-text-color;\n      white-space: normal;\n\n      p:last-child {\n        margin-bottom: 0;\n      }\n    }\n\n    b, strong {\n      font-weight: 700;\n    }\n\n    em, i {\n      font-style: italic;\n    }\n\n    sub {\n      font-size: smaller;\n      text-align: sub;\n    }\n\n    sup {\n      font-size: smaller;\n      vertical-align: super;\n    }\n\n    ul, ol {\n      margin-left: 1em;\n\n      p {\n        margin: 0;\n      }\n    }\n\n    ul {\n      list-style-type: disc;\n    }\n\n    ol {\n      list-style-type: decimal;\n    }\n  }\n\n  a {\n    color: $pleroma-links;\n    text-decoration: none;\n\n    &:hover {\n      text-decoration: underline;\n\n      .fa {\n        color: lighten($dark-text-color, 7%);\n      }\n    }\n\n    &.mention {\n      &:hover {\n        text-decoration: none;\n\n        span {\n          text-decoration: underline;\n        }\n      }\n    }\n\n    .fa {\n      color: $dark-text-color;\n    }\n  }\n\n  .status__content__spoiler {\n    display: none;\n\n    &.status__content__spoiler--visible {\n      display: block;\n    }\n  }\n\n  a.unhandled-link {\n    color: lighten($ui-highlight-color, 8%);\n\n    .link-origin-tag {\n      color: $gold-star;\n      font-size: 0.8em;\n    }\n  }\n\n  .status__content__spoiler-link {\n    background: lighten($ui-base-color, 30%);\n\n    &:hover {\n      background: lighten($ui-base-color, 33%);\n      text-decoration: none;\n    }\n  }\n}\n\n.status__content__spoiler-link {\n  display: inline-block;\n  border-radius: 2px;\n  background: lighten($ui-base-color, 30%);\n  border: none;\n  color: $inverted-text-color;\n  font-weight: 500;\n  font-size: 11px;\n  padding: 0 5px;\n  text-transform: uppercase;\n  line-height: inherit;\n  cursor: pointer;\n  vertical-align: bottom;\n\n  &:hover {\n    background: lighten($ui-base-color, 33%);\n    text-decoration: none;\n  }\n\n  .status__content__spoiler-icon {\n    display: inline-block;\n    margin: 0 0 0 5px;\n    border-left: 1px solid currentColor;\n    padding: 0 0 0 4px;\n    font-size: 16px;\n    vertical-align: -2px;\n  }\n}\n\n.notif-cleaning {\n  .status,\n  .notification-follow,\n  .notification-follow-request {\n    padding-right: ($dismiss-overlay-width + 0.5rem);\n  }\n}\n\n.status__wrapper--filtered {\n  color: $dark-text-color;\n  border: 0;\n  font-size: inherit;\n  text-align: center;\n  line-height: inherit;\n  margin: 0;\n  padding: 15px;\n  box-sizing: border-box;\n  width: 100%;\n  clear: both;\n  border-bottom: 1px solid lighten($ui-base-color, 8%);\n}\n\n.status__prepend-icon-wrapper {\n  left: -26px;\n  position: absolute;\n}\n\n.notification-follow,\n.notification-follow-request {\n  position: relative;\n\n  // same like Status\n  border-bottom: 1px solid lighten($ui-base-color, 8%);\n\n  .account {\n    border-bottom: 0 none;\n  }\n}\n\n.focusable {\n  &:focus {\n    outline: 0;\n    background: lighten($ui-base-color, 4%);\n\n    &.status.status-direct:not(.read) {\n      background: lighten($ui-base-color, 12%);\n\n      &.muted {\n        background: transparent;\n      }\n    }\n\n    .detailed-status,\n    .detailed-status__action-bar {\n      background: lighten($ui-base-color, 8%);\n    }\n  }\n}\n\n.status {\n  padding: 10px 14px;\n  position: relative;\n  height: auto;\n  border-bottom: 1px solid lighten($ui-base-color, 8%);\n  cursor: default;\n\n  @supports (-ms-overflow-style: -ms-autohiding-scrollbar) {\n    // Add margin to avoid Edge auto-hiding scrollbar appearing over content.\n    // On Edge 16 this is 16px and Edge <=15 it's 12px, so aim for 16px.\n    padding-right: 28px; // 12px + 16px\n  }\n\n  @keyframes fade {\n    0% { opacity: 0; }\n    100% { opacity: 1; }\n  }\n\n  opacity: 1;\n  animation: fade 150ms linear;\n\n  .video-player,\n  .audio-player {\n    margin-top: 8px;\n  }\n\n  &.status-direct:not(.read) {\n    background: lighten($ui-base-color, 8%);\n    border-bottom-color: lighten($ui-base-color, 12%);\n  }\n\n  &.light {\n    .status__relative-time {\n      color: $lighter-text-color;\n    }\n\n    .status__display-name {\n      color: $inverted-text-color;\n    }\n\n    .display-name {\n      strong {\n        color: $inverted-text-color;\n      }\n\n      span {\n        color: $lighter-text-color;\n      }\n    }\n\n    .status__content {\n      color: $inverted-text-color;\n\n      a {\n        color: $highlight-text-color;\n      }\n\n      a.status__content__spoiler-link {\n        color: $primary-text-color;\n        background: $ui-primary-color;\n\n        &:hover {\n          background: lighten($ui-primary-color, 8%);\n        }\n      }\n    }\n  }\n\n  &.collapsed {\n    background-position: center;\n    background-size: cover;\n    user-select: none;\n\n    &.has-background::before {\n      display: block;\n      position: absolute;\n      left: 0;\n      right: 0;\n      top: 0;\n      bottom: 0;\n      background-image: linear-gradient(to bottom, rgba($base-shadow-color, .75), rgba($base-shadow-color, .65) 24px, rgba($base-shadow-color, .8));\n      pointer-events: none;\n      content: \"\";\n    }\n\n    .display-name:hover .display-name__html {\n      text-decoration: none;\n    }\n\n    .status__content {\n      height: 20px;\n      overflow: hidden;\n      text-overflow: ellipsis;\n      padding-top: 0;\n\n      &:after {\n        content: \"\";\n        position: absolute;\n        top: 0; bottom: 0;\n        left: 0; right: 0;\n        background: linear-gradient(rgba($ui-base-color, 0), rgba($ui-base-color, 1));\n        pointer-events: none;\n      }\n      \n      a:hover {\n        text-decoration: none;\n      }\n    }\n    &:focus > .status__content:after {\n      background: linear-gradient(rgba(lighten($ui-base-color, 4%), 0), rgba(lighten($ui-base-color, 4%), 1));\n    }\n    &.status-direct:not(.read)> .status__content:after {\n      background: linear-gradient(rgba(lighten($ui-base-color, 8%), 0), rgba(lighten($ui-base-color, 8%), 1));\n    }\n\n    .notification__message {\n      margin-bottom: 0;\n    }\n\n    .status__info .notification__message > span {\n      white-space: nowrap;\n    }\n  }\n\n  .notification__message {\n    margin: -10px 0px 10px 0;\n  }\n}\n\n.notification-favourite {\n  .status.status-direct {\n    background: transparent;\n\n    .icon-button.disabled {\n      color: lighten($action-button-color, 13%);\n    }\n  }\n}\n\n.status__relative-time {\n  display: inline-block;\n  flex-grow: 1;\n  color: $dark-text-color;\n  font-size: 14px;\n  text-align: right;\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n}\n\n.status__display-name {\n  color: $dark-text-color;\n  overflow: hidden;\n}\n\n.status__info__account .status__display-name {\n  display: block;\n  max-width: 100%;\n}\n\n.status__info {\n  display: flex;\n  justify-content: space-between;\n  font-size: 15px;\n\n  > span {\n    text-overflow: ellipsis;\n    overflow: hidden;\n  }\n\n  .notification__message > span {\n    word-wrap: break-word;\n  }\n}\n\n.status__info__icons {\n  display: flex;\n  align-items: center;\n  height: 1em;\n  color: $action-button-color;\n\n  .status__media-icon,\n  .status__visibility-icon,\n  .status__reply-icon {\n    padding-left: 2px;\n    padding-right: 2px;\n  }\n\n  .status__collapse-button.active > .fa-angle-double-up {\n    transform: rotate(-180deg);\n  }\n}\n\n.no-reduce-motion .status__collapse-button {\n  &.activate {\n    & > .fa-angle-double-up {\n      animation: spring-flip-in 1s linear;\n    }\n  }\n\n  &.deactivate {\n    & > .fa-angle-double-up {\n      animation: spring-flip-out 1s linear;\n    }\n  }\n}\n\n.status__info__account {\n  display: flex;\n  align-items: center;\n  justify-content: flex-start;\n}\n\n.status-check-box {\n  border-bottom: 1px solid $ui-secondary-color;\n  display: flex;\n\n  .status-check-box__status {\n    margin: 10px 0 10px 10px;\n    flex: 1;\n\n    .media-gallery {\n      max-width: 250px;\n    }\n\n    .status__content {\n      padding: 0;\n      white-space: normal;\n    }\n\n    .video-player,\n    .audio-player {\n      margin-top: 8px;\n      max-width: 250px;\n    }\n\n    .media-gallery__item-thumbnail {\n      cursor: default;\n    }\n  }\n}\n\n.status-check-box-toggle {\n  align-items: center;\n  display: flex;\n  flex: 0 0 auto;\n  justify-content: center;\n  padding: 10px;\n}\n\n.status__prepend {\n  margin-top: -10px;\n  margin-bottom: 10px;\n  margin-left: 58px;\n  color: $dark-text-color;\n  padding: 8px 0;\n  padding-bottom: 2px;\n  font-size: 14px;\n  position: relative;\n\n  .status__display-name strong {\n    color: $dark-text-color;\n  }\n\n  > span {\n    display: block;\n    overflow: hidden;\n    text-overflow: ellipsis;\n  }\n}\n\n.status__action-bar {\n  align-items: center;\n  display: flex;\n  margin-top: 8px;\n\n  &__counter {\n    display: inline-flex;\n    margin-right: 11px;\n    align-items: center;\n\n    .status__action-bar-button {\n      margin-right: 4px;\n    }\n\n    &__label {\n      display: inline-block;\n      width: 14px;\n      font-size: 12px;\n      font-weight: 500;\n      color: $action-button-color;\n    }\n  }\n}\n\n.status__action-bar-button {\n  margin-right: 18px;\n}\n\n.status__action-bar-dropdown {\n  height: 23.15px;\n  width: 23.15px;\n}\n\n.detailed-status__action-bar-dropdown {\n  flex: 1 1 auto;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  position: relative;\n}\n\n.detailed-status {\n  background: lighten($ui-base-color, 4%);\n  padding: 14px 10px;\n\n  &--flex {\n    display: flex;\n    flex-wrap: wrap;\n    justify-content: space-between;\n    align-items: flex-start;\n\n    .status__content,\n    .detailed-status__meta {\n      flex: 100%;\n    }\n  }\n\n  .status__content {\n    font-size: 19px;\n    line-height: 24px;\n\n    .emojione {\n      width: 24px;\n      height: 24px;\n      margin: -1px 0 0;\n    }\n  }\n\n  .video-player,\n  .audio-player {\n    margin-top: 8px;\n  }\n}\n\n.detailed-status__meta {\n  margin-top: 15px;\n  color: $dark-text-color;\n  font-size: 14px;\n  line-height: 18px;\n}\n\n.detailed-status__action-bar {\n  background: lighten($ui-base-color, 4%);\n  border-top: 1px solid lighten($ui-base-color, 8%);\n  border-bottom: 1px solid lighten($ui-base-color, 8%);\n  display: flex;\n  flex-direction: row;\n  padding: 10px 0;\n}\n\n.detailed-status__link {\n  color: inherit;\n  text-decoration: none;\n}\n\n.detailed-status__favorites,\n.detailed-status__reblogs {\n  display: inline-block;\n  font-weight: 500;\n  font-size: 12px;\n  margin-left: 6px;\n}\n\n.status__display-name,\n.status__relative-time,\n.detailed-status__display-name,\n.detailed-status__datetime,\n.detailed-status__application,\n.account__display-name {\n  text-decoration: none;\n}\n\n.status__display-name,\n.account__display-name {\n  strong {\n    color: $primary-text-color;\n  }\n}\n\n.muted {\n  .emojione {\n    opacity: 0.5;\n  }\n}\n\na.status__display-name,\n.reply-indicator__display-name,\n.detailed-status__display-name,\n.account__display-name {\n  &:hover strong {\n    text-decoration: underline;\n  }\n}\n\n.account__display-name strong {\n  display: block;\n  overflow: hidden;\n  text-overflow: ellipsis;\n}\n\n.detailed-status__application,\n.detailed-status__datetime {\n  color: inherit;\n}\n\n.detailed-status .button.logo-button {\n  margin-bottom: 15px;\n}\n\n.detailed-status__display-name {\n  color: $secondary-text-color;\n  display: block;\n  line-height: 24px;\n  margin-bottom: 15px;\n  overflow: hidden;\n\n  strong,\n  span {\n    display: block;\n    text-overflow: ellipsis;\n    overflow: hidden;\n  }\n\n  strong {\n    font-size: 16px;\n    color: $primary-text-color;\n  }\n}\n\n.detailed-status__display-avatar {\n  float: left;\n  margin-right: 10px;\n}\n\n.status__avatar {\n  flex: none;\n  margin: 0 10px 0 0;\n  height: 48px;\n  width: 48px;\n}\n\n.muted {\n  .status__content,\n  .status__content p,\n  .status__content a,\n  .status__content__text {\n    color: $dark-text-color;\n  }\n\n  .status__display-name strong {\n    color: $dark-text-color;\n  }\n\n  .status__avatar {\n    opacity: 0.5;\n  }\n\n  a.status__content__spoiler-link {\n    background: $ui-base-lighter-color;\n    color: $inverted-text-color;\n\n    &:hover {\n      background: lighten($ui-base-color, 29%);\n      text-decoration: none;\n    }\n  }\n}\n\n.status__relative-time,\n.detailed-status__datetime {\n  &:hover {\n    text-decoration: underline;\n  }\n}\n\n.status-card {\n  display: flex;\n  font-size: 14px;\n  border: 1px solid lighten($ui-base-color, 8%);\n  border-radius: 4px;\n  color: $dark-text-color;\n  margin-top: 14px;\n  text-decoration: none;\n  overflow: hidden;\n\n  &__actions {\n    bottom: 0;\n    left: 0;\n    position: absolute;\n    right: 0;\n    top: 0;\n    display: flex;\n    justify-content: center;\n    align-items: center;\n\n    & > div {\n      background: rgba($base-shadow-color, 0.6);\n      border-radius: 8px;\n      padding: 12px 9px;\n      flex: 0 0 auto;\n      display: flex;\n      justify-content: center;\n      align-items: center;\n    }\n\n    button,\n    a {\n      display: inline;\n      color: $secondary-text-color;\n      background: transparent;\n      border: 0;\n      padding: 0 8px;\n      text-decoration: none;\n      font-size: 18px;\n      line-height: 18px;\n\n      &:hover,\n      &:active,\n      &:focus {\n        color: $primary-text-color;\n      }\n    }\n\n    a {\n      font-size: 19px;\n      position: relative;\n      bottom: -1px;\n    }\n\n    a .fa, a:hover .fa {\n      color: inherit;\n    }\n  }\n}\n\na.status-card {\n  cursor: pointer;\n\n  &:hover {\n    background: lighten($ui-base-color, 8%);\n  }\n}\n\n.status-card-photo {\n  cursor: zoom-in;\n  display: block;\n  text-decoration: none;\n    width: 100%;\n    height: auto;\n    margin: 0;\n}\n\n.status-card-video {\n  iframe {\n    width: 100%;\n    height: 100%;\n  }\n}\n\n.status-card__title {\n  display: block;\n  font-weight: 500;\n  margin-bottom: 5px;\n  color: $darker-text-color;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  text-decoration: none;\n}\n\n.status-card__content {\n  flex: 1 1 auto;\n  overflow: hidden;\n  padding: 14px 14px 14px 8px;\n}\n\n.status-card__description {\n  color: $darker-text-color;\n}\n\n.status-card__host {\n  display: block;\n  margin-top: 5px;\n  font-size: 13px;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n\n.status-card__image {\n  flex: 0 0 100px;\n  background: lighten($ui-base-color, 8%);\n  position: relative;\n\n  & > .fa {\n    font-size: 21px;\n    position: absolute;\n    transform-origin: 50% 50%;\n    top: 50%;\n    left: 50%;\n    transform: translate(-50%, -50%);\n  }\n}\n\n.status-card.horizontal {\n  display: block;\n\n  .status-card__image {\n    width: 100%;\n  }\n\n  .status-card__image-image {\n    border-radius: 4px 4px 0 0;\n  }\n\n  .status-card__title {\n    white-space: inherit;\n  }\n}\n\n.status-card.compact {\n  border-color: lighten($ui-base-color, 4%);\n\n  &.interactive {\n    border: 0;\n  }\n\n  .status-card__content {\n    padding: 8px;\n    padding-top: 10px;\n  }\n\n  .status-card__title {\n    white-space: nowrap;\n  }\n\n  .status-card__image {\n    flex: 0 0 60px;\n  }\n}\n\na.status-card.compact:hover {\n  background-color: lighten($ui-base-color, 4%);\n}\n\n.status-card__image-image {\n  border-radius: 4px 0 0 4px;\n  display: block;\n  margin: 0;\n  width: 100%;\n  height: 100%;\n  object-fit: cover;\n  background-size: cover;\n  background-position: center center;\n}\n\n.attachment-list {\n  display: flex;\n  font-size: 14px;\n  border: 1px solid lighten($ui-base-color, 8%);\n  border-radius: 4px;\n  margin-top: 14px;\n  overflow: hidden;\n\n  &__icon {\n    flex: 0 0 auto;\n    color: $dark-text-color;\n    padding: 8px 18px;\n    cursor: default;\n    border-right: 1px solid lighten($ui-base-color, 8%);\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    justify-content: center;\n    font-size: 26px;\n\n    .fa {\n      display: block;\n    }\n  }\n\n  &__list {\n    list-style: none;\n    padding: 4px 0;\n    padding-left: 8px;\n    display: flex;\n    flex-direction: column;\n    justify-content: center;\n\n    li {\n      display: block;\n      padding: 4px 0;\n    }\n\n    a {\n      text-decoration: none;\n      color: $dark-text-color;\n      font-weight: 500;\n\n      &:hover {\n        text-decoration: underline;\n      }\n    }\n  }\n\n  &.compact {\n    border: 0;\n    margin-top: 4px;\n\n    .attachment-list__list {\n      padding: 0;\n      display: block;\n    }\n\n    .fa {\n      color: $dark-text-color;\n    }\n  }\n}\n\n.status__wrapper--filtered__button {\n  display: inline;\n  color: lighten($ui-highlight-color, 8%);\n  border: 0;\n  background: transparent;\n  padding: 0;\n  font-size: inherit;\n  line-height: inherit;\n\n  &:hover,\n  &:active {\n    text-decoration: underline;\n  }\n}\n",".modal-container--preloader {\n  background: lighten($ui-base-color, 8%);\n}\n\n.modal-root {\n  position: relative;\n  transition: opacity 0.3s linear;\n  will-change: opacity;\n  z-index: 9999;\n}\n\n.modal-root__overlay {\n  position: fixed;\n  top: 0;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  background: rgba($base-overlay-background, 0.7);\n}\n\n.modal-root__container {\n  position: fixed;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  align-content: space-around;\n  z-index: 9999;\n  pointer-events: none;\n  user-select: none;\n}\n\n.modal-root__modal {\n  pointer-events: auto;\n  display: flex;\n  z-index: 9999;\n}\n\n.onboarding-modal,\n.error-modal,\n.embed-modal {\n  background: $ui-secondary-color;\n  color: $inverted-text-color;\n  border-radius: 8px;\n  overflow: hidden;\n  display: flex;\n  flex-direction: column;\n}\n\n.onboarding-modal__pager {\n  height: 80vh;\n  width: 80vw;\n  max-width: 520px;\n  max-height: 470px;\n\n  .react-swipeable-view-container > div {\n    width: 100%;\n    height: 100%;\n    box-sizing: border-box;\n    display: none;\n    flex-direction: column;\n    align-items: center;\n    justify-content: center;\n    display: flex;\n    user-select: text;\n  }\n}\n\n.error-modal__body {\n  height: 80vh;\n  width: 80vw;\n  max-width: 520px;\n  max-height: 420px;\n  position: relative;\n\n  & > div {\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n    box-sizing: border-box;\n    padding: 25px;\n    display: none;\n    flex-direction: column;\n    align-items: center;\n    justify-content: center;\n    display: flex;\n    opacity: 0;\n    user-select: text;\n  }\n}\n\n.error-modal__body {\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  align-items: center;\n  text-align: center;\n}\n\n@media screen and (max-width: 550px) {\n  .onboarding-modal {\n    width: 100%;\n    height: 100%;\n    border-radius: 0;\n  }\n\n  .onboarding-modal__pager {\n    width: 100%;\n    height: auto;\n    max-width: none;\n    max-height: none;\n    flex: 1 1 auto;\n  }\n}\n\n.onboarding-modal__paginator,\n.error-modal__footer {\n  flex: 0 0 auto;\n  background: darken($ui-secondary-color, 8%);\n  display: flex;\n  padding: 25px;\n\n  & > div {\n    min-width: 33px;\n  }\n\n  .onboarding-modal__nav,\n  .error-modal__nav {\n    color: $lighter-text-color;\n    border: 0;\n    font-size: 14px;\n    font-weight: 500;\n    padding: 10px 25px;\n    line-height: inherit;\n    height: auto;\n    margin: -10px;\n    border-radius: 4px;\n    background-color: transparent;\n\n    &:hover,\n    &:focus,\n    &:active {\n      color: darken($lighter-text-color, 4%);\n      background-color: darken($ui-secondary-color, 16%);\n    }\n\n    &.onboarding-modal__done,\n    &.onboarding-modal__next {\n      color: $inverted-text-color;\n\n      &:hover,\n      &:focus,\n      &:active {\n        color: lighten($inverted-text-color, 4%);\n      }\n    }\n  }\n}\n\n.error-modal__footer {\n  justify-content: center;\n}\n\n.onboarding-modal__dots {\n  flex: 1 1 auto;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n\n.onboarding-modal__dot {\n  width: 14px;\n  height: 14px;\n  border-radius: 14px;\n  background: darken($ui-secondary-color, 16%);\n  margin: 0 3px;\n  cursor: pointer;\n\n  &:hover {\n    background: darken($ui-secondary-color, 18%);\n  }\n\n  &.active {\n    cursor: default;\n    background: darken($ui-secondary-color, 24%);\n  }\n}\n\n.onboarding-modal__page__wrapper {\n  pointer-events: none;\n  padding: 25px;\n  padding-bottom: 0;\n\n  &.onboarding-modal__page__wrapper--active {\n    pointer-events: auto;\n  }\n}\n\n.onboarding-modal__page {\n  cursor: default;\n  line-height: 21px;\n\n  h1 {\n    font-size: 18px;\n    font-weight: 500;\n    color: $inverted-text-color;\n    margin-bottom: 20px;\n  }\n\n  a {\n    color: $highlight-text-color;\n\n    &:hover,\n    &:focus,\n    &:active {\n      color: lighten($highlight-text-color, 4%);\n    }\n  }\n\n  .navigation-bar a {\n    color: inherit;\n  }\n\n  p {\n    font-size: 16px;\n    color: $lighter-text-color;\n    margin-top: 10px;\n    margin-bottom: 10px;\n\n    &:last-child {\n      margin-bottom: 0;\n    }\n\n    strong {\n      font-weight: 500;\n      background: $ui-base-color;\n      color: $secondary-text-color;\n      border-radius: 4px;\n      font-size: 14px;\n      padding: 3px 6px;\n\n      @each $lang in $cjk-langs {\n        &:lang(#{$lang}) {\n          font-weight: 700;\n        }\n      }\n    }\n  }\n}\n\n.onboarding-modal__page__wrapper-0 {\n  height: 100%;\n  padding: 0;\n}\n\n.onboarding-modal__page-one {\n  &__lead {\n    padding: 65px;\n    padding-top: 45px;\n    padding-bottom: 0;\n    margin-bottom: 10px;\n\n    h1 {\n      font-size: 26px;\n      line-height: 36px;\n      margin-bottom: 8px;\n    }\n\n    p {\n      margin-bottom: 0;\n    }\n  }\n\n  &__extra {\n    padding-right: 65px;\n    padding-left: 185px;\n    text-align: center;\n  }\n}\n\n.display-case {\n  text-align: center;\n  font-size: 15px;\n  margin-bottom: 15px;\n\n  &__label {\n    font-weight: 500;\n    color: $inverted-text-color;\n    margin-bottom: 5px;\n    text-transform: uppercase;\n    font-size: 12px;\n  }\n\n  &__case {\n    background: $ui-base-color;\n    color: $secondary-text-color;\n    font-weight: 500;\n    padding: 10px;\n    border-radius: 4px;\n  }\n}\n\n.onboarding-modal__page-two,\n.onboarding-modal__page-three,\n.onboarding-modal__page-four,\n.onboarding-modal__page-five {\n  p {\n    text-align: left;\n  }\n\n  .figure {\n    background: darken($ui-base-color, 8%);\n    color: $secondary-text-color;\n    margin-bottom: 20px;\n    border-radius: 4px;\n    padding: 10px;\n    text-align: center;\n    font-size: 14px;\n    box-shadow: 1px 2px 6px rgba($base-shadow-color, 0.3);\n\n    .onboarding-modal__image {\n      border-radius: 4px;\n      margin-bottom: 10px;\n    }\n\n    &.non-interactive {\n      pointer-events: none;\n      text-align: left;\n    }\n  }\n}\n\n.onboarding-modal__page-four__columns {\n  .row {\n    display: flex;\n    margin-bottom: 20px;\n\n    & > div {\n      flex: 1 1 0;\n      margin: 0 10px;\n\n      &:first-child {\n        margin-left: 0;\n      }\n\n      &:last-child {\n        margin-right: 0;\n      }\n\n      p {\n        text-align: center;\n      }\n    }\n\n    &:last-child {\n      margin-bottom: 0;\n    }\n  }\n\n  .column-header {\n    color: $primary-text-color;\n  }\n}\n\n@media screen and (max-width: 320px) and (max-height: 600px) {\n  .onboarding-modal__page p {\n    font-size: 14px;\n    line-height: 20px;\n  }\n\n  .onboarding-modal__page-two .figure,\n  .onboarding-modal__page-three .figure,\n  .onboarding-modal__page-four .figure,\n  .onboarding-modal__page-five .figure {\n    font-size: 12px;\n    margin-bottom: 10px;\n  }\n\n  .onboarding-modal__page-four__columns .row {\n    margin-bottom: 10px;\n  }\n\n  .onboarding-modal__page-four__columns .column-header {\n    padding: 5px;\n    font-size: 12px;\n  }\n}\n\n.onboard-sliders {\n  display: inline-block;\n  max-width: 30px;\n  max-height: auto;\n  margin-left: 10px;\n}\n\n.boost-modal,\n.favourite-modal,\n.confirmation-modal,\n.report-modal,\n.actions-modal,\n.mute-modal,\n.block-modal {\n  background: lighten($ui-secondary-color, 8%);\n  color: $inverted-text-color;\n  border-radius: 8px;\n  overflow: hidden;\n  max-width: 90vw;\n  width: 480px;\n  position: relative;\n  flex-direction: column;\n\n  .status__relative-time {\n    color: $dark-text-color;\n    float: right;\n    font-size: 14px;\n    width: auto;\n    margin: initial;\n    padding: initial;\n  }\n\n  .status__display-name {\n    display: flex;\n  }\n\n  .status__avatar {\n    height: 48px;\n    width: 48px;\n  }\n\n  .status__content__spoiler-link {\n    color: lighten($secondary-text-color, 8%);\n  }\n}\n\n.actions-modal {\n  .status {\n    background: $white;\n    border-bottom-color: $ui-secondary-color;\n    padding-top: 10px;\n    padding-bottom: 10px;\n  }\n\n  .dropdown-menu__separator {\n    border-bottom-color: $ui-secondary-color;\n  }\n}\n\n.boost-modal__container,\n.favourite-modal__container {\n  overflow-x: scroll;\n  padding: 10px;\n\n  .status {\n    user-select: text;\n    border-bottom: 0;\n  }\n}\n\n.boost-modal__action-bar,\n.favourite-modal__action-bar,\n.confirmation-modal__action-bar,\n.mute-modal__action-bar,\n.block-modal__action-bar {\n  display: flex;\n  justify-content: space-between;\n  background: $ui-secondary-color;\n  padding: 10px;\n  line-height: 36px;\n\n  & > div {\n    flex: 1 1 auto;\n    text-align: right;\n    color: $lighter-text-color;\n    padding-right: 10px;\n  }\n\n  .button {\n    flex: 0 0 auto;\n  }\n}\n\n.boost-modal__status-header,\n.favourite-modal__status-header {\n  font-size: 15px;\n}\n\n.boost-modal__status-time,\n.favourite-modal__status-time {\n  float: right;\n  font-size: 14px;\n}\n\n.mute-modal,\n.block-modal {\n  line-height: 24px;\n}\n\n.mute-modal .react-toggle,\n.block-modal .react-toggle {\n  vertical-align: middle;\n}\n\n.report-modal {\n  width: 90vw;\n  max-width: 700px;\n}\n\n.report-modal__container {\n  display: flex;\n  border-top: 1px solid $ui-secondary-color;\n\n  @media screen and (max-width: 480px) {\n    flex-wrap: wrap;\n    overflow-y: auto;\n  }\n}\n\n.report-modal__statuses,\n.report-modal__comment {\n  box-sizing: border-box;\n  width: 50%;\n\n  @media screen and (max-width: 480px) {\n    width: 100%;\n  }\n}\n\n.report-modal__statuses,\n.focal-point-modal__content {\n  flex: 1 1 auto;\n  min-height: 20vh;\n  max-height: 80vh;\n  overflow-y: auto;\n  overflow-x: hidden;\n\n  .status__content a {\n    color: $highlight-text-color;\n  }\n\n  @media screen and (max-width: 480px) {\n    max-height: 10vh;\n  }\n}\n\n.focal-point-modal__content {\n  @media screen and (max-width: 480px) {\n    max-height: 40vh;\n  }\n}\n\n.report-modal__comment {\n  padding: 20px;\n  border-right: 1px solid $ui-secondary-color;\n  max-width: 320px;\n\n  p {\n    font-size: 14px;\n    line-height: 20px;\n    margin-bottom: 20px;\n  }\n\n  .setting-text {\n    display: block;\n    box-sizing: border-box;\n    width: 100%;\n    margin: 0;\n    color: $inverted-text-color;\n    background: $white;\n    padding: 10px;\n    font-family: inherit;\n    font-size: 14px;\n    resize: none;\n    border: 0;\n    outline: 0;\n    border-radius: 4px;\n    border: 1px solid $ui-secondary-color;\n    min-height: 100px;\n    max-height: 50vh;\n    margin-bottom: 10px;\n\n    &:focus {\n      border: 1px solid darken($ui-secondary-color, 8%);\n    }\n\n    &__wrapper {\n      background: $white;\n      border: 1px solid $ui-secondary-color;\n      margin-bottom: 10px;\n      border-radius: 4px;\n\n      .setting-text {\n        border: 0;\n        margin-bottom: 0;\n        border-radius: 0;\n\n        &:focus {\n          border: 0;\n        }\n      }\n\n      &__modifiers {\n        color: $inverted-text-color;\n        font-family: inherit;\n        font-size: 14px;\n        background: $white;\n      }\n    }\n\n    &__toolbar {\n      display: flex;\n      justify-content: space-between;\n      margin-bottom: 20px;\n    }\n  }\n\n  .setting-text-label {\n    display: block;\n    color: $inverted-text-color;\n    font-size: 14px;\n    font-weight: 500;\n    margin-bottom: 10px;\n  }\n\n  .setting-toggle {\n    margin-top: 20px;\n    margin-bottom: 24px;\n\n    &__label {\n      color: $inverted-text-color;\n      font-size: 14px;\n    }\n  }\n\n  @media screen and (max-width: 480px) {\n    padding: 10px;\n    max-width: 100%;\n    order: 2;\n\n    .setting-toggle {\n      margin-bottom: 4px;\n    }\n  }\n}\n\n.actions-modal {\n  .status {\n    overflow-y: auto;\n    max-height: 300px;\n  }\n\n  strong {\n    display: block;\n    font-weight: 500;\n  }\n\n  max-height: 80vh;\n  max-width: 80vw;\n\n  .actions-modal__item-label {\n    font-weight: 500;\n  }\n\n  ul {\n    overflow-y: auto;\n    flex-shrink: 0;\n    max-height: 80vh;\n\n    &.with-status {\n      max-height: calc(80vh - 75px);\n    }\n\n    li:empty {\n      margin: 0;\n    }\n\n    li:not(:empty) {\n      a {\n        color: $inverted-text-color;\n        display: flex;\n        padding: 12px 16px;\n        font-size: 15px;\n        align-items: center;\n        text-decoration: none;\n\n        &,\n        button {\n          transition: none;\n        }\n\n        &.active,\n        &:hover,\n        &:active,\n        &:focus {\n          &,\n          button {\n            background: $ui-highlight-color;\n            color: $primary-text-color;\n          }\n        }\n\n        & > .react-toggle,\n        & > .icon,\n        button:first-child {\n          margin-right: 10px;\n        }\n      }\n    }\n  }\n}\n\n.confirmation-modal__action-bar,\n.mute-modal__action-bar,\n.block-modal__action-bar {\n  .confirmation-modal__secondary-button {\n    flex-shrink: 1;\n  }\n}\n\n.confirmation-modal__secondary-button,\n.confirmation-modal__cancel-button,\n.mute-modal__cancel-button,\n.block-modal__cancel-button {\n  background-color: transparent;\n  color: $lighter-text-color;\n  font-size: 14px;\n  font-weight: 500;\n\n  &:hover,\n  &:focus,\n  &:active {\n    color: darken($lighter-text-color, 4%);\n    background-color: transparent;\n  }\n}\n\n.confirmation-modal__do_not_ask_again {\n  padding-left: 20px;\n  padding-right: 20px;\n  padding-bottom: 10px;\n\n  font-size: 14px;\n\n  label, input {\n    vertical-align: middle;\n  }\n}\n\n.confirmation-modal__container,\n.mute-modal__container,\n.block-modal__container,\n.report-modal__target {\n  padding: 30px;\n  font-size: 16px;\n\n  strong {\n    font-weight: 500;\n\n    @each $lang in $cjk-langs {\n      &:lang(#{$lang}) {\n        font-weight: 700;\n      }\n    }\n  }\n}\n\n.confirmation-modal__container,\n.report-modal__target {\n  text-align: center;\n}\n\n.block-modal,\n.mute-modal {\n  &__explanation {\n    margin-top: 20px;\n  }\n\n  .setting-toggle {\n    margin-top: 20px;\n    margin-bottom: 24px;\n    display: flex;\n    align-items: center;\n\n    &__label {\n      color: $inverted-text-color;\n      margin: 0;\n      margin-left: 8px;\n    }\n  }\n}\n\n.report-modal__target {\n  padding: 15px;\n\n  .media-modal__close {\n    top: 14px;\n    right: 15px;\n  }\n}\n\n.embed-modal {\n  width: auto;\n  max-width: 80vw;\n  max-height: 80vh;\n\n  h4 {\n    padding: 30px;\n    font-weight: 500;\n    font-size: 16px;\n    text-align: center;\n  }\n\n  .embed-modal__container {\n    padding: 10px;\n\n    .hint {\n      margin-bottom: 15px;\n    }\n\n    .embed-modal__html {\n      outline: 0;\n      box-sizing: border-box;\n      display: block;\n      width: 100%;\n      border: none;\n      padding: 10px;\n      font-family: 'mastodon-font-monospace', monospace;\n      background: $ui-base-color;\n      color: $primary-text-color;\n      font-size: 14px;\n      margin: 0;\n      margin-bottom: 15px;\n      border-radius: 4px;\n\n      &::-moz-focus-inner {\n        border: 0;\n      }\n\n      &::-moz-focus-inner,\n      &:focus,\n      &:active {\n        outline: 0 !important;\n      }\n\n      &:focus {\n        background: lighten($ui-base-color, 4%);\n      }\n\n      @media screen and (max-width: 600px) {\n        font-size: 16px;\n      }\n    }\n\n    .embed-modal__iframe {\n      width: 400px;\n      max-width: 100%;\n      overflow: hidden;\n      border: 0;\n      border-radius: 4px;\n    }\n  }\n}\n\n.focal-point {\n  position: relative;\n  cursor: move;\n  overflow: hidden;\n  height: 100%;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  background: $base-shadow-color;\n\n  img,\n  video,\n  canvas {\n    display: block;\n    max-height: 80vh;\n    width: 100%;\n    height: auto;\n    margin: 0;\n    object-fit: contain;\n    background: $base-shadow-color;\n  }\n\n  &__reticle {\n    position: absolute;\n    width: 100px;\n    height: 100px;\n    transform: translate(-50%, -50%);\n    background: url('~images/reticle.png') no-repeat 0 0;\n    border-radius: 50%;\n    box-shadow: 0 0 0 9999em rgba($base-shadow-color, 0.35);\n  }\n\n  &__overlay {\n    position: absolute;\n    width: 100%;\n    height: 100%;\n    top: 0;\n    left: 0;\n  }\n\n  &__preview {\n    position: absolute;\n    bottom: 10px;\n    right: 10px;\n    z-index: 2;\n    cursor: move;\n    transition: opacity 0.1s ease;\n\n    &:hover {\n      opacity: 0.5;\n    }\n\n    strong {\n      color: $primary-text-color;\n      font-size: 14px;\n      font-weight: 500;\n      display: block;\n      margin-bottom: 5px;\n    }\n\n    div {\n      border-radius: 4px;\n      box-shadow: 0 0 14px rgba($base-shadow-color, 0.2);\n    }\n  }\n\n  @media screen and (max-width: 480px) {\n    img,\n    video {\n      max-height: 100%;\n    }\n\n    &__preview {\n      display: none;\n    }\n  }\n}\n\n.filtered-status-info {\n  text-align: start;\n\n  .spoiler__text {\n    margin-top: 20px;\n  }\n\n  .account {\n    border-bottom: 0;\n  }\n\n  .account__display-name strong {\n    color: $inverted-text-color;\n  }\n\n  .status__content__spoiler {\n    display: none;\n\n    &--visible {\n      display: flex;\n    }\n  }\n\n  ul {\n    padding: 10px;\n    margin-left: 12px;\n    list-style: disc inside;\n  }\n\n  .filtered-status-edit-link {\n    color: $action-button-color;\n    text-decoration: none;\n\n    &:hover {\n      text-decoration: underline\n    }\n  }\n}\n",".composer {\n  padding: 10px;\n}\n\n.character-counter {\n  cursor: default;\n  font-family: $font-sans-serif, sans-serif;\n  font-size: 14px;\n  font-weight: 600;\n  color: $lighter-text-color;\n\n  &.character-counter--over {\n    color: $warning-red;\n  }\n}\n\n.no-reduce-motion .composer--spoiler {\n  transition: height 0.4s ease, opacity 0.4s ease;\n}\n\n.composer--spoiler {\n  height: 0;\n  transform-origin: bottom;\n  opacity: 0.0;\n\n  &.composer--spoiler--visible {\n    height: 36px;\n    margin-bottom: 11px;\n    opacity: 1.0;\n  }\n\n  input {\n    display: block;\n    box-sizing: border-box;\n    margin: 0;\n    border: none;\n    border-radius: 4px;\n    padding: 10px;\n    width: 100%;\n    outline: 0;\n    color: $inverted-text-color;\n    background: $simple-background-color;\n    font-size: 14px;\n    font-family: inherit;\n    resize: vertical;\n\n    &::placeholder {\n      color: $dark-text-color;\n    }\n\n    &:focus { outline: 0 }\n    @include single-column('screen and (max-width: 630px)') { font-size: 16px }\n  }\n}\n\n.composer--warning {\n  color: $inverted-text-color;\n  margin-bottom: 15px;\n  background: $ui-primary-color;\n  box-shadow: 0 2px 6px rgba($base-shadow-color, 0.3);\n  padding: 8px 10px;\n  border-radius: 4px;\n  font-size: 13px;\n  font-weight: 400;\n\n  a {\n    color: $lighter-text-color;\n    font-weight: 500;\n    text-decoration: underline;\n\n    &:active,\n    &:focus,\n    &:hover { text-decoration: none }\n  }\n}\n\n.compose-form__sensitive-button {\n  padding: 10px;\n  padding-top: 0;\n\n  font-size: 14px;\n  font-weight: 500;\n\n  &.active {\n    color: $highlight-text-color;\n  }\n\n  input[type=checkbox] {\n    display: none;\n  }\n\n  .checkbox {\n    display: inline-block;\n    position: relative;\n    border: 1px solid $ui-primary-color;\n    box-sizing: border-box;\n    width: 18px;\n    height: 18px;\n    flex: 0 0 auto;\n    margin-left: 5px;\n    margin-right: 10px;\n    top: -1px;\n    border-radius: 4px;\n    vertical-align: middle;\n\n    &.active {\n      border-color: $highlight-text-color;\n      background: $highlight-text-color;\n    }\n  }\n}\n\n.composer--reply {\n  margin: 0 0 10px;\n  border-radius: 4px;\n  padding: 10px;\n  background: $ui-primary-color;\n  min-height: 23px;\n  overflow-y: auto;\n  flex: 0 2 auto;\n\n  & > header {\n    margin-bottom: 5px;\n    overflow: hidden;\n\n    & > .account.small { color: $inverted-text-color; }\n\n    & > .cancel {\n      float: right;\n      line-height: 24px;\n    }\n  }\n\n  & > .content {\n    position: relative;\n    margin: 10px 0;\n    padding: 0 12px;\n    font-size: 14px;\n    line-height: 20px;\n    color: $inverted-text-color;\n    word-wrap: break-word;\n    font-weight: 400;\n    overflow: visible;\n    white-space: pre-wrap;\n    padding-top: 5px;\n    overflow: hidden;\n\n    p, pre, blockquote {\n      margin-bottom: 20px;\n      white-space: pre-wrap;\n\n      &:last-child {\n        margin-bottom: 0;\n      }\n    }\n\n    h1, h2, h3, h4, h5 {\n      margin-top: 20px;\n      margin-bottom: 20px;\n    }\n\n    h1, h2 {\n      font-weight: 700;\n      font-size: 18px;\n    }\n\n    h2 {\n      font-size: 16px;\n    }\n\n    h3, h4, h5 {\n      font-weight: 500;\n    }\n\n    blockquote {\n      padding-left: 10px;\n      border-left: 3px solid $inverted-text-color;\n      color: $inverted-text-color;\n      white-space: normal;\n\n      p:last-child {\n        margin-bottom: 0;\n      }\n    }\n\n    b, strong {\n      font-weight: 700;\n    }\n\n    em, i {\n      font-style: italic;\n    }\n\n    sub {\n      font-size: smaller;\n      text-align: sub;\n    }\n\n    ul, ol {\n      margin-left: 1em;\n\n      p {\n        margin: 0;\n      }\n    }\n\n    ul {\n      list-style-type: disc;\n    }\n\n    ol {\n      list-style-type: decimal;\n    }\n\n    a {\n      color: $lighter-text-color;\n      text-decoration: none;\n\n      &:hover { text-decoration: underline }\n\n      &.mention {\n        &:hover {\n          text-decoration: none;\n\n          span { text-decoration: underline }\n        }\n      }\n    }\n  }\n\n  .emojione {\n    width: 20px;\n    height: 20px;\n    margin: -5px 0 0;\n  }\n}\n\n.emoji-picker-dropdown {\n  position: absolute;\n  right: 5px;\n  top: 5px;\n\n  ::-webkit-scrollbar-track:hover,\n  ::-webkit-scrollbar-track:active {\n    background-color: rgba($base-overlay-background, 0.3);\n  }\n}\n\n.compose-form__autosuggest-wrapper,\n.autosuggest-input {\n  position: relative;\n  width: 100%;\n\n  label {\n    .autosuggest-textarea__textarea {\n      display: block;\n      box-sizing: border-box;\n      margin: 0;\n      border: none;\n      border-radius: 4px 4px 0 0;\n      padding: 10px 32px 0 10px;\n      width: 100%;\n      min-height: 100px;\n      outline: 0;\n      color: $inverted-text-color;\n      background: $simple-background-color;\n      font-size: 14px;\n      font-family: inherit;\n      resize: none;\n      scrollbar-color: initial;\n\n      &::placeholder {\n        color: $dark-text-color;\n      }\n\n      &::-webkit-scrollbar {\n        all: unset;\n      }\n\n      &:disabled { background: $ui-secondary-color }\n      &:focus { outline: 0 }\n      @include single-column('screen and (max-width: 630px)') { font-size: 16px }\n\n      @include limited-single-column('screen and (max-width: 600px)') {\n        height: 100px !important; // prevent auto-resize textarea\n        resize: vertical;\n      }\n    }\n  }\n}\n\n.composer--textarea--icons {\n  display: block;\n  position: absolute;\n  top: 29px;\n  right: 5px;\n  bottom: 5px;\n  overflow: hidden;\n\n  & > .textarea_icon {\n    display: block;\n    margin: 2px 0 0 2px;\n    width: 24px;\n    height: 24px;\n    color: $lighter-text-color;\n    font-size: 18px;\n    line-height: 24px;\n    text-align: center;\n    opacity: .8;\n  }\n}\n\n.autosuggest-textarea__suggestions-wrapper {\n  position: relative;\n  height: 0;\n}\n\n.autosuggest-textarea__suggestions {\n  display: block;\n  position: absolute;\n  box-sizing: border-box;\n  top: 100%;\n  border-radius: 0 0 4px 4px;\n  padding: 6px;\n  width: 100%;\n  color: $inverted-text-color;\n  background: $ui-secondary-color;\n  box-shadow: 4px 4px 6px rgba($base-shadow-color, 0.4);\n  font-size: 14px;\n  z-index: 99;\n  display: none;\n}\n\n.autosuggest-textarea__suggestions--visible {\n  display: block;\n}\n\n.autosuggest-textarea__suggestions__item {\n  padding: 10px;\n  cursor: pointer;\n  border-radius: 4px;\n\n  &:hover,\n  &:focus,\n  &:active,\n  &.selected { background: darken($ui-secondary-color, 10%) }\n\n  > .account,\n  > .emoji,\n  > .autosuggest-hashtag {\n    display: flex;\n    flex-direction: row;\n    align-items: center;\n    justify-content: flex-start;\n    line-height: 18px;\n    font-size: 14px;\n  }\n\n  .autosuggest-hashtag {\n    justify-content: space-between;\n\n    &__name {\n      flex: 1 1 auto;\n      overflow: hidden;\n      text-overflow: ellipsis;\n      white-space: nowrap;\n    }\n\n    strong {\n      font-weight: 500;\n    }\n\n    &__uses {\n      flex: 0 0 auto;\n      text-align: right;\n      overflow: hidden;\n      text-overflow: ellipsis;\n      white-space: nowrap;\n    }\n  }\n\n  & > .account.small {\n    .display-name {\n      & > span { color: $lighter-text-color }\n    }\n  }\n}\n\n.composer--upload_form {\n  overflow: hidden;\n\n  & > .content {\n    display: flex;\n    flex-direction: row;\n    flex-wrap: wrap;\n    font-family: inherit;\n    padding: 5px;\n    overflow: hidden;\n  }\n}\n\n.composer--upload_form--item {\n  flex: 1 1 0;\n  margin: 5px;\n  min-width: 40%;\n\n  & > div {\n    position: relative;\n    border-radius: 4px;\n    height: 140px;\n    width: 100%;\n    background-color: $base-shadow-color;\n    background-position: center;\n    background-size: cover;\n    background-repeat: no-repeat;\n    overflow: hidden;\n\n    textarea {\n      display: block;\n      position: absolute;\n      box-sizing: border-box;\n      bottom: 0;\n      left: 0;\n      margin: 0;\n      border: 0;\n      padding: 10px;\n      width: 100%;\n      color: $secondary-text-color;\n      background: linear-gradient(0deg, rgba($base-shadow-color, 0.8) 0, rgba($base-shadow-color, 0.35) 80%, transparent);\n      font-size: 14px;\n      font-family: inherit;\n      font-weight: 500;\n      opacity: 0;\n      z-index: 2;\n      transition: opacity .1s ease;\n\n      &:focus { color: $white }\n\n      &::placeholder {\n        opacity: 0.54;\n        color: $secondary-text-color;\n      }\n    }\n\n    & > .close { mix-blend-mode: difference }\n  }\n\n  &.active {\n    & > div {\n      textarea { opacity: 1 }\n    }\n  }\n}\n\n.composer--upload_form--actions {\n  background: linear-gradient(180deg, rgba($base-shadow-color, 0.8) 0, rgba($base-shadow-color, 0.35) 80%, transparent);\n  display: flex;\n  align-items: flex-start;\n  justify-content: space-between;\n  opacity: 0;\n  transition: opacity .1s ease;\n\n  .icon-button {\n    flex: 0 1 auto;\n    color: $ui-secondary-color;\n    font-size: 14px;\n    font-weight: 500;\n    padding: 10px;\n    font-family: inherit;\n\n    &:hover,\n    &:focus,\n    &:active {\n      color: lighten($ui-secondary-color, 4%);\n    }\n  }\n\n  &.active {\n    opacity: 1;\n  }\n}\n\n.composer--upload_form--progress {\n  display: flex;\n  padding: 10px;\n  color: $darker-text-color;\n  overflow: hidden;\n\n  & > .fa {\n    font-size: 34px;\n    margin-right: 10px;\n  }\n\n  & > .message {\n    flex: 1 1 auto;\n\n    & > span {\n      display: block;\n      font-size: 12px;\n      font-weight: 500;\n      text-transform: uppercase;\n    }\n\n    & > .backdrop {\n      position: relative;\n      margin-top: 5px;\n      border-radius: 6px;\n      width: 100%;\n      height: 6px;\n      background: $ui-base-lighter-color;\n\n      & > .tracker {\n        position: absolute;\n        top: 0;\n        left: 0;\n        height: 6px;\n        border-radius: 6px;\n        background: $ui-highlight-color;\n      }\n    }\n  }\n}\n\n.compose-form__modifiers {\n  color: $inverted-text-color;\n  font-family: inherit;\n  font-size: 14px;\n  background: $simple-background-color;\n}\n\n.composer--options-wrapper {\n  padding: 10px;\n  background: darken($simple-background-color, 8%);\n  border-radius: 0 0 4px 4px;\n  height: 27px;\n  display: flex;\n  justify-content: space-between;\n  flex: 0 0 auto;\n}\n\n.composer--options {\n  display: flex;\n  flex: 0 0 auto;\n\n  & > * {\n    display: inline-block;\n    box-sizing: content-box;\n    padding: 0 3px;\n    height: 27px;\n    line-height: 27px;\n    vertical-align: bottom;\n  }\n\n  & > hr {\n    display: inline-block;\n    margin: 0 3px;\n    border-width: 0 0 0 1px;\n    border-style: none none none solid;\n    border-color: transparent transparent transparent darken($simple-background-color, 24%);\n    padding: 0;\n    width: 0;\n    height: 27px;\n    background: transparent;\n  }\n}\n\n.compose--counter-wrapper {\n  align-self: center;\n  margin-right: 4px;\n}\n\n.composer--options--dropdown {\n  &.open {\n    & > .value {\n      border-radius: 4px 4px 0 0;\n      box-shadow: 0 -4px 4px rgba($base-shadow-color, 0.1);\n      color: $primary-text-color;\n      background: $ui-highlight-color;\n      transition: none;\n    }\n    &.top {\n      & > .value {\n        border-radius: 0 0 4px 4px;\n        box-shadow: 0 4px 4px rgba($base-shadow-color, 0.1);\n      }\n    }\n  }\n}\n\n.composer--options--dropdown--content {\n  position: absolute;\n  border-radius: 4px;\n  box-shadow: 2px 4px 15px rgba($base-shadow-color, 0.4);\n  background: $simple-background-color;\n  overflow: hidden;\n  transform-origin: 50% 0;\n}\n\n.composer--options--dropdown--content--item {\n  display: flex;\n  align-items: center;\n  padding: 10px;\n  color: $inverted-text-color;\n  cursor: pointer;\n\n  & > .content {\n    flex: 1 1 auto;\n    color: $lighter-text-color;\n\n    &:not(:first-child) { margin-left: 10px }\n\n    strong {\n      display: block;\n      color: $inverted-text-color;\n      font-weight: 500;\n    }\n  }\n\n  &:hover,\n  &.active {\n    background: $ui-highlight-color;\n    color: $primary-text-color;\n\n    & > .content {\n      color: $primary-text-color;\n\n      strong { color: $primary-text-color }\n    }\n  }\n\n  &.active:hover { background: lighten($ui-highlight-color, 4%) }\n}\n\n.composer--publisher {\n  padding-top: 10px;\n  text-align: right;\n  white-space: nowrap;\n  overflow: hidden;\n  justify-content: flex-end;\n  flex: 0 0 auto;\n\n  & > .primary {\n    display: inline-block;\n    margin: 0;\n    padding: 0 10px;\n    text-align: center;\n  }\n\n  & > .side_arm {\n    display: inline-block;\n    margin: 0 2px;\n    padding: 0;\n    width: 36px;\n    text-align: center;\n  }\n\n  &.over {\n    & > .count { color: $warning-red }\n  }\n}\n",".column__wrapper {\n  display: flex;\n  flex: 1 1 auto;\n  position: relative;\n}\n\n.columns-area {\n  display: flex;\n  flex: 1 1 auto;\n  flex-direction: row;\n  justify-content: flex-start;\n  overflow-x: auto;\n  position: relative;\n\n  &__panels {\n    display: flex;\n    justify-content: center;\n    width: 100%;\n    height: 100%;\n    min-height: 100vh;\n\n    &__pane {\n      height: 100%;\n      overflow: hidden;\n      pointer-events: none;\n      display: flex;\n      justify-content: flex-end;\n      min-width: 285px;\n\n      &--start {\n        justify-content: flex-start;\n      }\n\n      &__inner {\n        position: fixed;\n        width: 285px;\n        pointer-events: auto;\n        height: 100%;\n      }\n    }\n\n    &__main {\n      box-sizing: border-box;\n      width: 100%;\n      max-width: 600px;\n      flex: 0 0 auto;\n      display: flex;\n      flex-direction: column;\n\n      @media screen and (min-width: $no-gap-breakpoint) {\n        padding: 0 10px;\n      }\n    }\n  }\n}\n\n.tabs-bar__wrapper {\n  background: darken($ui-base-color, 8%);\n  position: sticky;\n  top: 0;\n  z-index: 2;\n  padding-top: 0;\n\n  @media screen and (min-width: $no-gap-breakpoint) {\n    padding-top: 10px;\n  }\n\n  .tabs-bar {\n    margin-bottom: 0;\n\n    @media screen and (min-width: $no-gap-breakpoint) {\n      margin-bottom: 10px;\n    }\n  }\n}\n\n.react-swipeable-view-container {\n  &,\n  .columns-area,\n  .column {\n    height: 100%;\n  }\n}\n\n.react-swipeable-view-container > * {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  height: 100%;\n}\n\n.column {\n  width: 330px;\n  position: relative;\n  box-sizing: border-box;\n  display: flex;\n  flex-direction: column;\n\n  > .scrollable {\n    background: $ui-base-color;\n  }\n}\n\n.ui {\n  flex: 0 0 auto;\n  display: flex;\n  flex-direction: column;\n  width: 100%;\n  height: 100%;\n}\n\n.column {\n  overflow: hidden;\n}\n\n.column-back-button {\n  box-sizing: border-box;\n  width: 100%;\n  background: lighten($ui-base-color, 4%);\n  color: $highlight-text-color;\n  cursor: pointer;\n  flex: 0 0 auto;\n  font-size: 16px;\n  border: 0;\n  text-align: unset;\n  padding: 15px;\n  margin: 0;\n  z-index: 3;\n\n  &:hover {\n    text-decoration: underline;\n  }\n}\n\n.column-header__back-button {\n  background: lighten($ui-base-color, 4%);\n  border: 0;\n  font-family: inherit;\n  color: $highlight-text-color;\n  cursor: pointer;\n  flex: 0 0 auto;\n  font-size: 16px;\n  padding: 0 5px 0 0;\n  z-index: 3;\n\n  &:hover {\n    text-decoration: underline;\n  }\n\n  &:last-child {\n    padding: 0 15px 0 0;\n  }\n}\n\n.column-back-button__icon {\n  display: inline-block;\n  margin-right: 5px;\n}\n\n.column-back-button--slim {\n  position: relative;\n}\n\n.column-back-button--slim-button {\n  cursor: pointer;\n  flex: 0 0 auto;\n  font-size: 16px;\n  padding: 15px;\n  position: absolute;\n  right: 0;\n  top: -48px;\n}\n\n.column-link {\n  background: lighten($ui-base-color, 8%);\n  color: $primary-text-color;\n  display: block;\n  font-size: 16px;\n  padding: 15px;\n  text-decoration: none;\n\n  &:hover,\n  &:focus,\n  &:active {\n    background: lighten($ui-base-color, 11%);\n  }\n\n  &:focus {\n    outline: 0;\n  }\n\n  &--transparent {\n    background: transparent;\n    color: $ui-secondary-color;\n\n    &:hover,\n    &:focus,\n    &:active {\n      background: transparent;\n      color: $primary-text-color;\n    }\n\n    &.active {\n      color: $ui-highlight-color;\n    }\n  }\n}\n\n.column-link__icon {\n  display: inline-block;\n  margin-right: 5px;\n}\n\n.column-subheading {\n  background: $ui-base-color;\n  color: $dark-text-color;\n  padding: 8px 20px;\n  font-size: 12px;\n  font-weight: 500;\n  text-transform: uppercase;\n  cursor: default;\n}\n\n.column-header__wrapper {\n  position: relative;\n  flex: 0 0 auto;\n\n  &.active {\n    &::before {\n      display: block;\n      content: \"\";\n      position: absolute;\n      top: 35px;\n      left: 0;\n      right: 0;\n      margin: 0 auto;\n      width: 60%;\n      pointer-events: none;\n      height: 28px;\n      z-index: 1;\n      background: radial-gradient(ellipse, rgba($ui-highlight-color, 0.23) 0%, rgba($ui-highlight-color, 0) 60%);\n    }\n  }\n}\n\n.column-header {\n  display: flex;\n  font-size: 16px;\n  background: lighten($ui-base-color, 4%);\n  flex: 0 0 auto;\n  cursor: pointer;\n  position: relative;\n  z-index: 2;\n  outline: 0;\n  overflow: hidden;\n\n  & > button {\n    margin: 0;\n    border: none;\n    padding: 15px;\n    color: inherit;\n    background: transparent;\n    font: inherit;\n    text-align: left;\n    text-overflow: ellipsis;\n    overflow: hidden;\n    white-space: nowrap;\n    flex: 1;\n  }\n\n  & > .column-header__back-button {\n    color: $highlight-text-color;\n  }\n\n  &.active {\n    box-shadow: 0 1px 0 rgba($ui-highlight-color, 0.3);\n\n    .column-header__icon {\n      color: $highlight-text-color;\n      text-shadow: 0 0 10px rgba($ui-highlight-color, 0.4);\n    }\n  }\n\n  &:focus,\n  &:active {\n    outline: 0;\n  }\n}\n\n.column {\n  width: 330px;\n  position: relative;\n  box-sizing: border-box;\n  display: flex;\n  flex-direction: column;\n  overflow: hidden;\n\n  .wide .columns-area:not(.columns-area--mobile) & {\n    flex: auto;\n    min-width: 330px;\n    max-width: 400px;\n  }\n\n  > .scrollable {\n    background: $ui-base-color;\n  }\n}\n\n.column-header__buttons {\n  height: 48px;\n  display: flex;\n  margin-left: 0;\n}\n\n.column-header__links {\n  margin-bottom: 14px;\n}\n\n.column-header__links .text-btn {\n  margin-right: 10px;\n}\n\n.column-header__button {\n  background: lighten($ui-base-color, 4%);\n  border: 0;\n  color: $darker-text-color;\n  cursor: pointer;\n  font-size: 16px;\n  padding: 0 15px;\n\n  &:hover {\n    color: lighten($darker-text-color, 7%);\n  }\n\n  &.active {\n    color: $primary-text-color;\n    background: lighten($ui-base-color, 8%);\n\n    &:hover {\n      color: $primary-text-color;\n      background: lighten($ui-base-color, 8%);\n    }\n  }\n\n  // glitch - added focus ring for keyboard navigation\n  &:focus {\n    text-shadow: 0 0 4px darken($ui-highlight-color, 5%);\n  }\n}\n\n.column-header__notif-cleaning-buttons {\n  display: flex;\n  align-items: stretch;\n  justify-content: space-around;\n\n  button {\n    @extend .column-header__button;\n    background: transparent;\n    text-align: center;\n    padding: 10px 0;\n    white-space: pre-wrap;\n  }\n\n  b {\n    font-weight: bold;\n  }\n}\n\n// The notifs drawer with no padding to have more space for the buttons\n.column-header__collapsible-inner.nopad-drawer {\n  padding: 0;\n}\n\n.column-header__collapsible {\n  max-height: 70vh;\n  overflow: hidden;\n  overflow-y: auto;\n  color: $darker-text-color;\n  transition: max-height 150ms ease-in-out, opacity 300ms linear;\n  opacity: 1;\n\n  &.collapsed {\n    max-height: 0;\n    opacity: 0.5;\n  }\n\n  &.animating {\n    overflow-y: hidden;\n  }\n\n  hr {\n    height: 0;\n    background: transparent;\n    border: 0;\n    border-top: 1px solid lighten($ui-base-color, 12%);\n    margin: 10px 0;\n  }\n\n  // notif cleaning drawer\n  &.ncd {\n    transition: none;\n    &.collapsed {\n      max-height: 0;\n      opacity: 0.7;\n    }\n  }\n}\n\n.column-header__collapsible-inner {\n  background: lighten($ui-base-color, 8%);\n  padding: 15px;\n}\n\n.column-header__setting-btn {\n  &:hover {\n    color: $darker-text-color;\n    text-decoration: underline;\n  }\n}\n\n.column-header__setting-arrows {\n  float: right;\n\n  .column-header__setting-btn {\n    padding: 0 10px;\n\n    &:last-child {\n      padding-right: 0;\n    }\n  }\n}\n\n.column-header__title {\n  display: inline-block;\n  text-overflow: ellipsis;\n  overflow: hidden;\n  white-space: nowrap;\n  flex: 1;\n}\n\n.column-header__icon {\n  display: inline-block;\n  margin-right: 5px;\n}\n\n.empty-column-indicator,\n.error-column {\n  color: $dark-text-color;\n  background: $ui-base-color;\n  text-align: center;\n  padding: 20px;\n  font-size: 15px;\n  font-weight: 400;\n  cursor: default;\n  display: flex;\n  flex: 1 1 auto;\n  align-items: center;\n  justify-content: center;\n  @supports(display: grid) { // hack to fix Chrome <57\n    contain: strict;\n  }\n\n  & > span {\n    max-width: 400px;\n  }\n\n  a {\n    color: $highlight-text-color;\n    text-decoration: none;\n\n    &:hover {\n      text-decoration: underline;\n    }\n  }\n}\n\n.error-column {\n  flex-direction: column;\n}\n\n// more fixes for the navbar-under mode\n@mixin fix-margins-for-navbar-under {\n  .tabs-bar {\n    margin-top: 0 !important;\n    margin-bottom: -6px !important;\n  }\n}\n\n.single-column.navbar-under {\n  @include fix-margins-for-navbar-under;\n}\n\n.auto-columns.navbar-under {\n  @media screen and (max-width: $no-gap-breakpoint) {\n    @include fix-margins-for-navbar-under;\n  }\n}\n\n.auto-columns.navbar-under .react-swipeable-view-container .columns-area,\n.single-column.navbar-under .react-swipeable-view-container .columns-area {\n  @media screen and (max-width: $no-gap-breakpoint) {\n    height: 100% !important;\n  }\n}\n\n.column-inline-form {\n  padding: 7px 15px;\n  padding-right: 5px;\n  display: flex;\n  justify-content: flex-start;\n  align-items: center;\n  background: lighten($ui-base-color, 4%);\n\n  label {\n    flex: 1 1 auto;\n\n    input {\n      width: 100%;\n      margin-bottom: 6px;\n\n      &:focus {\n        outline: 0;\n      }\n    }\n  }\n\n  .icon-button {\n    flex: 0 0 auto;\n    margin: 0 5px;\n  }\n}\n",".regeneration-indicator {\n  text-align: center;\n  font-size: 16px;\n  font-weight: 500;\n  color: $dark-text-color;\n  background: $ui-base-color;\n  cursor: default;\n  display: flex;\n  flex: 1 1 auto;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  padding: 20px;\n\n  &__figure {\n    &,\n    img {\n      display: block;\n      width: auto;\n      height: 160px;\n      margin: 0;\n    }\n  }\n\n  &--without-header {\n    padding-top: 20px + 48px;\n  }\n\n  &__label {\n    margin-top: 30px;\n\n    strong {\n      display: block;\n      margin-bottom: 10px;\n      color: $dark-text-color;\n    }\n\n    span {\n      font-size: 15px;\n      font-weight: 400;\n    }\n  }\n}\n",".directory {\n  &__list {\n    width: 100%;\n    margin: 10px 0;\n    transition: opacity 100ms ease-in;\n\n    &.loading {\n      opacity: 0.7;\n    }\n\n    @media screen and (max-width: $no-gap-breakpoint) {\n      margin: 0;\n    }\n  }\n\n  &__card {\n    box-sizing: border-box;\n    margin-bottom: 10px;\n\n    &__img {\n      height: 125px;\n      position: relative;\n      background: darken($ui-base-color, 12%);\n      overflow: hidden;\n\n      img {\n        display: block;\n        width: 100%;\n        height: 100%;\n        margin: 0;\n        object-fit: cover;\n      }\n    }\n\n    &__bar {\n      display: flex;\n      align-items: center;\n      background: lighten($ui-base-color, 4%);\n      padding: 10px;\n\n      &__name {\n        flex: 1 1 auto;\n        display: flex;\n        align-items: center;\n        text-decoration: none;\n        overflow: hidden;\n      }\n\n      &__relationship {\n        width: 23px;\n        min-height: 1px;\n        flex: 0 0 auto;\n      }\n\n      .avatar {\n        flex: 0 0 auto;\n        width: 48px;\n        height: 48px;\n        padding-top: 2px;\n\n        img {\n          width: 100%;\n          height: 100%;\n          display: block;\n          margin: 0;\n          border-radius: 4px;\n          background: darken($ui-base-color, 8%);\n          object-fit: cover;\n        }\n      }\n\n      .display-name {\n        margin-left: 15px;\n        text-align: left;\n\n        strong {\n          font-size: 15px;\n          color: $primary-text-color;\n          font-weight: 500;\n          overflow: hidden;\n          text-overflow: ellipsis;\n        }\n\n        span {\n          display: block;\n          font-size: 14px;\n          color: $darker-text-color;\n          font-weight: 400;\n          overflow: hidden;\n          text-overflow: ellipsis;\n        }\n      }\n    }\n\n    &__extra {\n      background: $ui-base-color;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n\n      .accounts-table__count {\n        width: 33.33%;\n        flex: 0 0 auto;\n        padding: 15px 0;\n      }\n\n      .account__header__content {\n        box-sizing: border-box;\n        padding: 15px 10px;\n        border-bottom: 1px solid lighten($ui-base-color, 8%);\n        width: 100%;\n        min-height: 18px + 30px;\n        white-space: nowrap;\n        overflow: hidden;\n        text-overflow: ellipsis;\n\n        p {\n          display: none;\n\n          &:first-child {\n            display: inline;\n          }\n        }\n\n        br {\n          display: none;\n        }\n      }\n    }\n  }\n}\n\n.filter-form {\n  background: $ui-base-color;\n\n  &__column {\n    padding: 10px 15px;\n  }\n\n  .radio-button {\n    display: block;\n  }\n}\n\n.radio-button {\n  font-size: 14px;\n  position: relative;\n  display: inline-block;\n  padding: 6px 0;\n  line-height: 18px;\n  cursor: default;\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  cursor: pointer;\n\n  input[type=radio],\n  input[type=checkbox] {\n    display: none;\n  }\n\n  &__input {\n    display: inline-block;\n    position: relative;\n    border: 1px solid $ui-primary-color;\n    box-sizing: border-box;\n    width: 18px;\n    height: 18px;\n    flex: 0 0 auto;\n    margin-right: 10px;\n    top: -1px;\n    border-radius: 50%;\n    vertical-align: middle;\n\n    &.checked {\n      border-color: lighten($ui-highlight-color, 8%);\n      background: lighten($ui-highlight-color, 8%);\n    }\n  }\n}\n",".search {\n  position: relative;\n}\n\n.search__input {\n  @include search-input();\n\n  display: block;\n  padding: 15px;\n  padding-right: 30px;\n  line-height: 18px;\n  font-size: 16px;\n\n  &::placeholder {\n    color: lighten($darker-text-color, 4%);\n  }\n\n  &::-moz-focus-inner {\n    border: 0;\n  }\n\n  &::-moz-focus-inner,\n  &:focus,\n  &:active {\n    outline: 0 !important;\n  }\n\n  &:focus {\n    background: lighten($ui-base-color, 4%);\n  }\n\n  @media screen and (max-width: 600px) {\n    font-size: 16px;\n  }\n}\n\n.search__icon {\n  &::-moz-focus-inner {\n    border: 0;\n  }\n\n  &::-moz-focus-inner,\n  &:focus {\n    outline: 0 !important;\n  }\n\n  .fa {\n    position: absolute;\n    top: 16px;\n    right: 10px;\n    z-index: 2;\n    display: inline-block;\n    opacity: 0;\n    transition: all 100ms linear;\n    transition-property: color, transform, opacity;\n    font-size: 18px;\n    width: 18px;\n    height: 18px;\n    color: $secondary-text-color;\n    cursor: default;\n    pointer-events: none;\n\n    &.active {\n      pointer-events: auto;\n      opacity: 0.3;\n    }\n  }\n\n  .fa-search {\n    transform: rotate(0deg);\n\n    &.active {\n      pointer-events: auto;\n      opacity: 0.3;\n    }\n  }\n\n  .fa-times-circle {\n    top: 17px;\n    transform: rotate(0deg);\n    color: $action-button-color;\n    cursor: pointer;\n\n    &.active {\n      transform: rotate(90deg);\n    }\n\n    &:hover {\n      color: lighten($action-button-color, 7%);\n    }\n  }\n}\n\n.search-results__header {\n  color: $dark-text-color;\n  background: lighten($ui-base-color, 2%);\n  border-bottom: 1px solid darken($ui-base-color, 4%);\n  padding: 15px 10px;\n  font-size: 14px;\n  font-weight: 500;\n}\n\n.search-results__info {\n  padding: 20px;\n  color: $darker-text-color;\n  text-align: center;\n}\n\n.trends {\n  &__header {\n    color: $dark-text-color;\n    background: lighten($ui-base-color, 2%);\n    border-bottom: 1px solid darken($ui-base-color, 4%);\n    font-weight: 500;\n    padding: 15px;\n    font-size: 16px;\n    cursor: default;\n\n    .fa {\n      display: inline-block;\n      margin-right: 5px;\n    }\n  }\n\n  &__item {\n    display: flex;\n    align-items: center;\n    padding: 15px;\n    border-bottom: 1px solid lighten($ui-base-color, 8%);\n\n    &:last-child {\n      border-bottom: 0;\n    }\n\n    &__name {\n      flex: 1 1 auto;\n      color: $dark-text-color;\n      overflow: hidden;\n      text-overflow: ellipsis;\n      white-space: nowrap;\n\n      strong {\n        font-weight: 500;\n      }\n\n      a {\n        color: $darker-text-color;\n        text-decoration: none;\n        font-size: 14px;\n        font-weight: 500;\n        display: block;\n        overflow: hidden;\n        text-overflow: ellipsis;\n        white-space: nowrap;\n\n        &:hover,\n        &:focus,\n        &:active {\n          span {\n            text-decoration: underline;\n          }\n        }\n      }\n    }\n\n    &__current {\n      flex: 0 0 auto;\n      font-size: 24px;\n      line-height: 36px;\n      font-weight: 500;\n      text-align: right;\n      padding-right: 15px;\n      margin-left: 5px;\n      color: $secondary-text-color;\n    }\n\n    &__sparkline {\n      flex: 0 0 auto;\n      width: 50px;\n\n      path:first-child {\n        fill: rgba($highlight-text-color, 0.25) !important;\n        fill-opacity: 1 !important;\n      }\n\n      path:last-child {\n        stroke: lighten($highlight-text-color, 6%) !important;\n      }\n    }\n  }\n}\n",null,".emojione {\n  font-size: inherit;\n  vertical-align: middle;\n  object-fit: contain;\n  margin: -.2ex .15em .2ex;\n  width: 16px;\n  height: 16px;\n\n  img {\n    width: auto;\n  }\n}\n\n.emoji-picker-dropdown__menu {\n  background: $simple-background-color;\n  position: absolute;\n  box-shadow: 4px 4px 6px rgba($base-shadow-color, 0.4);\n  border-radius: 4px;\n  margin-top: 5px;\n  z-index: 2;\n\n  .emoji-mart-scroll {\n    transition: opacity 200ms ease;\n  }\n\n  &.selecting .emoji-mart-scroll {\n    opacity: 0.5;\n  }\n}\n\n.emoji-picker-dropdown__modifiers {\n  position: absolute;\n  top: 60px;\n  right: 11px;\n  cursor: pointer;\n}\n\n.emoji-picker-dropdown__modifiers__menu {\n  position: absolute;\n  z-index: 4;\n  top: -4px;\n  left: -8px;\n  background: $simple-background-color;\n  border-radius: 4px;\n  box-shadow: 1px 2px 6px rgba($base-shadow-color, 0.2);\n  overflow: hidden;\n\n  button {\n    display: block;\n    cursor: pointer;\n    border: 0;\n    padding: 4px 8px;\n    background: transparent;\n\n    &:hover,\n    &:focus,\n    &:active {\n      background: rgba($ui-secondary-color, 0.4);\n    }\n  }\n\n  .emoji-mart-emoji {\n    height: 22px;\n  }\n}\n\n.emoji-mart-emoji {\n  span {\n    background-repeat: no-repeat;\n  }\n}\n\n.emoji-button {\n  display: block;\n  font-size: 24px;\n  line-height: 24px;\n  margin-left: 2px;\n  width: 24px;\n  outline: 0;\n  cursor: pointer;\n\n  &:active,\n  &:focus {\n    outline: 0 !important;\n  }\n\n  img {\n    filter: grayscale(100%);\n    opacity: 0.8;\n    display: block;\n    margin: 0;\n    width: 22px;\n    height: 22px;\n    margin-top: 2px;\n  }\n\n  &:hover,\n  &:active,\n  &:focus {\n    img {\n      opacity: 1;\n      filter: none;\n    }\n  }\n}\n","$doodleBg: #d9e1e8;\n.doodle-modal {\n  @extend .boost-modal;\n  width: unset;\n}\n\n.doodle-modal__container {\n  background: $doodleBg;\n  text-align: center;\n  line-height: 0; // remove weird gap under canvas\n  canvas {\n    border: 5px solid $doodleBg;\n  }\n}\n\n.doodle-modal__action-bar {\n  @extend .boost-modal__action-bar;\n\n  .filler {\n    flex-grow: 1;\n    margin: 0;\n    padding: 0;\n  }\n\n  .doodle-toolbar {\n    line-height: 1;\n\n    display: flex;\n    flex-direction: column;\n    flex-grow: 0;\n    justify-content: space-around;\n\n    &.with-inputs {\n      label {\n        display: inline-block;\n        width: 70px;\n        text-align: right;\n        margin-right: 2px;\n      }\n\n      input[type=\"number\"],input[type=\"text\"] {\n        width: 40px;\n      }\n      span.val {\n        display: inline-block;\n        text-align: left;\n        width: 50px;\n      }\n    }\n  }\n\n  .doodle-palette {\n    padding-right: 0 !important;\n    border: 1px solid black;\n    line-height: .2rem;\n    flex-grow: 0;\n    background: white;\n\n    button {\n      appearance: none;\n      width: 1rem;\n      height: 1rem;\n      margin: 0; padding: 0;\n      text-align: center;\n      color: black;\n      text-shadow: 0 0 1px white;\n      cursor: pointer;\n      box-shadow: inset 0 0 1px rgba(white, .5);\n      border: 1px solid black;\n      outline-offset:-1px;\n\n      &.foreground {\n        outline: 1px dashed white;\n      }\n\n      &.background {\n        outline: 1px dashed red;\n      }\n\n      &.foreground.background {\n        outline: 1px dashed red;\n        border-color: white;\n      }\n    }\n  }\n}\n",".drawer {\n  width: 300px;\n  box-sizing: border-box;\n  display: flex;\n  flex-direction: column;\n  overflow-y: hidden;\n  padding: 10px 5px;\n  flex: none;\n\n  &:first-child {\n    padding-left: 10px;\n  }\n\n  &:last-child {\n    padding-right: 10px;\n  }\n\n  @include single-column('screen and (max-width: 630px)') { flex: auto }\n\n  @include limited-single-column('screen and (max-width: 630px)') {\n    &, &:first-child, &:last-child { padding: 0 }\n  }\n\n  .wide & {\n    min-width: 300px;\n    max-width: 400px;\n    flex: 1 1 200px;\n  }\n\n  @include single-column('screen and (max-width: 630px)') {\n    :root & {  //  Overrides `.wide` for single-column view\n      flex: auto;\n      width: 100%;\n      min-width: 0;\n      max-width: none;\n      padding: 0;\n    }\n  }\n\n  .react-swipeable-view-container & { height: 100% }\n}\n\n.drawer--header {\n  display: flex;\n  flex-direction: row;\n  margin-bottom: 10px;\n  flex: none;\n  background: lighten($ui-base-color, 8%);\n  font-size: 16px;\n\n  & > * {\n    display: block;\n    box-sizing: border-box;\n    border-bottom: 2px solid transparent;\n    padding: 15px 5px 13px;\n    height: 48px;\n    flex: 1 1 auto;\n    color: $darker-text-color;\n    text-align: center;\n    text-decoration: none;\n    cursor: pointer;\n  }\n\n  a {\n    transition: background 100ms ease-in;\n\n    &:focus,\n    &:hover {\n      outline: none;\n      background: lighten($ui-base-color, 3%);\n      transition: background 200ms ease-out;\n    }\n  }\n}\n\n.search {\n  position: relative;\n  margin-bottom: 10px;\n  flex: none;\n\n  @include limited-single-column('screen and (max-width: #{$no-gap-breakpoint})') { margin-bottom: 0 }\n  @include single-column('screen and (max-width: 630px)') { font-size: 16px }\n}\n\n.search-popout {\n  @include search-popout();\n}\n\n.drawer--account {\n  padding: 10px;\n  color: $darker-text-color;\n  display: flex;\n  align-items: center;\n\n  a {\n    color: inherit;\n    text-decoration: none;\n  }\n\n  .acct {\n    display: block;\n    color: $secondary-text-color;\n    font-weight: 500;\n    white-space: nowrap;\n    overflow: hidden;\n    text-overflow: ellipsis;\n  }\n}\n\n.navigation-bar__profile {\n  flex: 1 1 auto;\n  margin-left: 8px;\n  overflow: hidden;\n}\n\n.drawer--results {\n  background: $ui-base-color;\n  overflow-x: hidden;\n  overflow-y: auto;\n\n  & > header {\n    color: $dark-text-color;\n    background: lighten($ui-base-color, 2%);\n    padding: 15px;\n    font-weight: 500;\n    font-size: 16px;\n    cursor: default;\n\n    .fa {\n      display: inline-block;\n      margin-right: 5px;\n    }\n  }\n\n  & > section {\n    margin-bottom: 5px;\n\n    h5 {\n      background: darken($ui-base-color, 4%);\n      border-bottom: 1px solid lighten($ui-base-color, 8%);\n      cursor: default;\n      display: flex;\n      padding: 15px;\n      font-weight: 500;\n      font-size: 16px;\n      color: $dark-text-color;\n\n      .fa {\n        display: inline-block;\n        margin-right: 5px;\n      }\n    }\n\n    .account:last-child,\n    & > div:last-child .status {\n      border-bottom: 0;\n    }\n\n    & > .hashtag {\n      display: block;\n      padding: 10px;\n      color: $secondary-text-color;\n      text-decoration: none;\n\n      &:hover,\n      &:active,\n      &:focus {\n        color: lighten($secondary-text-color, 4%);\n        text-decoration: underline;\n      }\n    }\n  }\n}\n\n.drawer__pager {\n  box-sizing: border-box;\n  padding: 0;\n  flex-grow: 1;\n  position: relative;\n  overflow: hidden;\n  display: flex;\n}\n\n.drawer__inner {\n  position: absolute;\n  top: 0;\n  left: 0;\n  background: lighten($ui-base-color, 13%);\n  box-sizing: border-box;\n  padding: 0;\n  display: flex;\n  flex-direction: column;\n  overflow: hidden;\n  overflow-y: auto;\n  width: 100%;\n  height: 100%;\n\n  &.darker {\n    background: $ui-base-color;\n  }\n}\n\n.drawer__inner__mastodon {\n  background: lighten($ui-base-color, 13%) url('data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 234.80078 31.757813\" width=\"234.80078\" height=\"31.757812\"><path d=\"M19.599609 0c-1.05 0-2.10039.375-2.90039 1.125L0 16.925781v14.832031h234.80078V17.025391l-16.5-15.900391c-1.6-1.5-4.20078-1.5-5.80078 0l-13.80078 13.099609c-1.6 1.5-4.19883 1.5-5.79883 0L179.09961 1.125c-1.6-1.5-4.19883-1.5-5.79883 0L159.5 14.224609c-1.6 1.5-4.20078 1.5-5.80078 0L139.90039 1.125c-1.6-1.5-4.20078-1.5-5.80078 0l-13.79883 13.099609c-1.6 1.5-4.20078 1.5-5.80078 0L100.69922 1.125c-1.600001-1.5-4.198829-1.5-5.798829 0l-13.59961 13.099609c-1.6 1.5-4.200781 1.5-5.800781 0L61.699219 1.125c-1.6-1.5-4.198828-1.5-5.798828 0L42.099609 14.224609c-1.6 1.5-4.198828 1.5-5.798828 0L22.5 1.125C21.7.375 20.649609 0 19.599609 0z\" fill=\"#{hex-color($ui-base-color)}\"/></svg>') no-repeat bottom / 100% auto;\n  flex: 1;\n  min-height: 47px;\n  display: none;\n\n  > img {\n    display: block;\n    object-fit: contain;\n    object-position: bottom left;\n    width: 100%;\n    height: 100%;\n    pointer-events: none;\n    user-drag: none;\n    user-select: none;\n  }\n\n  > .mastodon {\n    display: block;\n    width: 100%;\n    height: 100%;\n    border: none;\n    cursor: inherit;\n  }\n\n  @media screen and (min-height: 640px) {\n    display: block;\n  }\n}\n\n.pseudo-drawer {\n  background: lighten($ui-base-color, 13%);\n  font-size: 13px;\n  text-align: left;\n}\n\n.drawer__backdrop {\n  cursor: pointer;\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  background: rgba($base-overlay-background, 0.5);\n}\n",".video-error-cover {\n  align-items: center;\n  background: $base-overlay-background;\n  color: $primary-text-color;\n  cursor: pointer;\n  display: flex;\n  flex-direction: column;\n  height: 100%;\n  justify-content: center;\n  margin-top: 8px;\n  position: relative;\n  text-align: center;\n  z-index: 100;\n}\n\n.media-spoiler {\n  background: $base-overlay-background;\n  color: $darker-text-color;\n  border: 0;\n  width: 100%;\n  height: 100%;\n\n  &:hover,\n  &:active,\n  &:focus {\n    color: lighten($darker-text-color, 8%);\n  }\n\n  .status__content > & {\n    margin-top: 15px; // Add margin when used bare for NSFW video player\n  }\n  @include fullwidth-gallery;\n}\n\n.media-spoiler__warning {\n  display: block;\n  font-size: 14px;\n}\n\n.media-spoiler__trigger {\n  display: block;\n  font-size: 11px;\n  font-weight: 500;\n}\n\n.media-gallery__gifv__label {\n  display: block;\n  position: absolute;\n  color: $primary-text-color;\n  background: rgba($base-overlay-background, 0.5);\n  bottom: 6px;\n  left: 6px;\n  padding: 2px 6px;\n  border-radius: 2px;\n  font-size: 11px;\n  font-weight: 600;\n  z-index: 1;\n  pointer-events: none;\n  opacity: 0.9;\n  transition: opacity 0.1s ease;\n  line-height: 18px;\n}\n\n.media-gallery__gifv {\n  &.autoplay {\n    .media-gallery__gifv__label {\n      display: none;\n    }\n  }\n\n  &:hover {\n    .media-gallery__gifv__label {\n      opacity: 1;\n    }\n  }\n}\n\n.media-gallery__audio {\n  height: 100%;\n  display: flex;\n  flex-direction: column;\n\n  span {\n    text-align: center;\n    color: $darker-text-color;\n    display: flex;\n    height: 100%;\n    align-items: center;\n\n    p {\n      width: 100%;\n    }\n  }\n\n  audio {\n    width: 100%;\n  }\n}\n\n.media-gallery {\n  box-sizing: border-box;\n  margin-top: 8px;\n  overflow: hidden;\n  border-radius: 4px;\n  position: relative;\n  width: 100%;\n  height: 110px;\n\n  @include fullwidth-gallery;\n}\n\n.media-gallery__item {\n  border: none;\n  box-sizing: border-box;\n  display: block;\n  float: left;\n  position: relative;\n  border-radius: 4px;\n  overflow: hidden;\n\n  .full-width & {\n    border-radius: 0;\n  }\n\n  &.standalone {\n    .media-gallery__item-gifv-thumbnail {\n      transform: none;\n      top: 0;\n    }\n  }\n\n  &.letterbox {\n    background: $base-shadow-color;\n  }\n}\n\n.media-gallery__item-thumbnail {\n  cursor: zoom-in;\n  display: block;\n  text-decoration: none;\n  color: $secondary-text-color;\n  position: relative;\n  z-index: 1;\n\n  &,\n  img {\n    height: 100%;\n    width: 100%;\n    object-fit: contain;\n\n    &:not(.letterbox) {\n      height: 100%;\n      object-fit: cover;\n    }\n  }\n}\n\n.media-gallery__preview {\n  width: 100%;\n  height: 100%;\n  object-fit: cover;\n  position: absolute;\n  top: 0;\n  left: 0;\n  z-index: 0;\n  background: $base-overlay-background;\n\n  &--hidden {\n    display: none;\n  }\n}\n\n.media-gallery__gifv {\n  height: 100%;\n  overflow: hidden;\n  position: relative;\n  width: 100%;\n  display: flex;\n  justify-content: center;\n}\n\n.media-gallery__item-gifv-thumbnail {\n  cursor: zoom-in;\n  height: 100%;\n  width: 100%;\n  position: relative;\n  z-index: 1;\n  object-fit: contain;\n  user-select: none;\n\n  &:not(.letterbox) {\n    height: 100%;\n    object-fit: cover;\n  }\n}\n\n.media-gallery__item-thumbnail-label {\n  clip: rect(1px 1px 1px 1px); /* IE6, IE7 */\n  clip: rect(1px, 1px, 1px, 1px);\n  overflow: hidden;\n  position: absolute;\n}\n\n.video-modal__container {\n  max-width: 100vw;\n  max-height: 100vh;\n}\n\n.audio-modal__container {\n  width: 50vw;\n}\n\n.media-modal {\n  width: 100%;\n  height: 100%;\n  position: relative;\n\n  .extended-video-player {\n    width: 100%;\n    height: 100%;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n\n    video {\n      max-width: $media-modal-media-max-width;\n      max-height: $media-modal-media-max-height;\n    }\n  }\n}\n\n.media-modal__closer {\n  position: absolute;\n  top: 0;\n  left: 0;\n  right: 0;\n  bottom: 0;\n}\n\n.media-modal__navigation {\n  position: absolute;\n  top: 0;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  pointer-events: none;\n  transition: opacity 0.3s linear;\n  will-change: opacity;\n\n  * {\n    pointer-events: auto;\n  }\n\n  &.media-modal__navigation--hidden {\n    opacity: 0;\n\n    * {\n      pointer-events: none;\n    }\n  }\n}\n\n.media-modal__nav {\n  background: rgba($base-overlay-background, 0.5);\n  box-sizing: border-box;\n  border: 0;\n  color: $primary-text-color;\n  cursor: pointer;\n  display: flex;\n  align-items: center;\n  font-size: 24px;\n  height: 20vmax;\n  margin: auto 0;\n  padding: 30px 15px;\n  position: absolute;\n  top: 0;\n  bottom: 0;\n}\n\n.media-modal__nav--left {\n  left: 0;\n}\n\n.media-modal__nav--right {\n  right: 0;\n}\n\n.media-modal__pagination {\n  width: 100%;\n  text-align: center;\n  position: absolute;\n  left: 0;\n  bottom: 20px;\n  pointer-events: none;\n}\n\n.media-modal__meta {\n  text-align: center;\n  position: absolute;\n  left: 0;\n  bottom: 20px;\n  width: 100%;\n  pointer-events: none;\n\n  &--shifted {\n    bottom: 62px;\n  }\n\n  a {\n    pointer-events: auto;\n    text-decoration: none;\n    font-weight: 500;\n    color: $ui-secondary-color;\n\n    &:hover,\n    &:focus,\n    &:active {\n      text-decoration: underline;\n    }\n  }\n}\n\n.media-modal__page-dot {\n  display: inline-block;\n}\n\n.media-modal__button {\n  background-color: $white;\n  height: 12px;\n  width: 12px;\n  border-radius: 6px;\n  margin: 10px;\n  padding: 0;\n  border: 0;\n  font-size: 0;\n}\n\n.media-modal__button--active {\n  background-color: $ui-highlight-color;\n}\n\n.media-modal__close {\n  position: absolute;\n  right: 8px;\n  top: 8px;\n  z-index: 100;\n}\n\n.detailed,\n.fullscreen {\n  .video-player__volume__current,\n  .video-player__volume::before {\n    bottom: 27px;\n  }\n\n  .video-player__volume__handle {\n    bottom: 23px;\n  }\n\n}\n\n.audio-player {\n  box-sizing: border-box;\n  position: relative;\n  background: darken($ui-base-color, 8%);\n  border-radius: 4px;\n  padding-bottom: 44px;\n  direction: ltr;\n\n  &.editable {\n    border-radius: 0;\n    height: 100%;\n  }\n\n  &__waveform {\n    padding: 15px 0;\n    position: relative;\n    overflow: hidden;\n\n    &::before {\n      content: \"\";\n      display: block;\n      position: absolute;\n      border-top: 1px solid lighten($ui-base-color, 4%);\n      width: 100%;\n      height: 0;\n      left: 0;\n      top: calc(50% + 1px);\n    }\n  }\n\n  &__progress-placeholder {\n    background-color: rgba(lighten($ui-highlight-color, 8%), 0.5);\n  }\n\n  &__wave-placeholder {\n    background-color: lighten($ui-base-color, 16%);\n  }\n\n  .video-player__controls {\n    padding: 0 15px;\n    padding-top: 10px;\n    background: darken($ui-base-color, 8%);\n    border-top: 1px solid lighten($ui-base-color, 4%);\n    border-radius: 0 0 4px 4px;\n  }\n}\n\n.video-player {\n  overflow: hidden;\n  position: relative;\n  background: $base-shadow-color;\n  max-width: 100%;\n  border-radius: 4px;\n  box-sizing: border-box;\n  direction: ltr;\n\n  &.editable {\n    border-radius: 0;\n    height: 100% !important;\n  }\n\n  &:focus {\n    outline: 0;\n  }\n\n  .detailed-status & {\n    width: 100%;\n    height: 100%;\n  }\n\n  @include fullwidth-gallery;\n\n  video {\n    max-width: 100vw;\n    max-height: 80vh;\n    z-index: 1;\n    position: relative;\n  }\n\n  &.fullscreen {\n    width: 100% !important;\n    height: 100% !important;\n    margin: 0;\n\n    video {\n      max-width: 100% !important;\n      max-height: 100% !important;\n      width: 100% !important;\n      height: 100% !important;\n      outline: 0;\n    }\n  }\n\n  &.inline {\n    video {\n      object-fit: contain;\n      position: relative;\n      top: 50%;\n      transform: translateY(-50%);\n    }\n  }\n\n  &__controls {\n    position: absolute;\n    z-index: 2;\n    bottom: 0;\n    left: 0;\n    right: 0;\n    box-sizing: border-box;\n    background: linear-gradient(0deg, rgba($base-shadow-color, 0.85) 0, rgba($base-shadow-color, 0.45) 60%, transparent);\n    padding: 0 15px;\n    opacity: 0;\n    transition: opacity .1s ease;\n\n    &.active {\n      opacity: 1;\n    }\n  }\n\n  &.inactive {\n    video,\n    .video-player__controls {\n      visibility: hidden;\n    }\n  }\n\n  &__spoiler {\n    display: none;\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n    z-index: 4;\n    border: 0;\n    background: $base-shadow-color;\n    color: $darker-text-color;\n    transition: none;\n    pointer-events: none;\n\n    &.active {\n      display: block;\n      pointer-events: auto;\n\n      &:hover,\n      &:active,\n      &:focus {\n        color: lighten($darker-text-color, 7%);\n      }\n    }\n\n    &__title {\n      display: block;\n      font-size: 14px;\n    }\n\n    &__subtitle {\n      display: block;\n      font-size: 11px;\n      font-weight: 500;\n    }\n  }\n\n  &__buttons-bar {\n    display: flex;\n    justify-content: space-between;\n    padding-bottom: 10px;\n\n    .video-player__download__icon {\n      color: inherit;\n\n      .fa,\n      &:active .fa,\n      &:hover .fa,\n      &:focus .fa {\n        color: inherit;\n      }\n    }\n  }\n\n  &__buttons {\n    font-size: 16px;\n    white-space: nowrap;\n    overflow: hidden;\n    text-overflow: ellipsis;\n\n    &.left {\n      button {\n        padding-left: 0;\n      }\n    }\n\n    &.right {\n      button {\n        padding-right: 0;\n      }\n    }\n\n    button {\n      background: transparent;\n      padding: 2px 10px;\n      font-size: 16px;\n      border: 0;\n      color: rgba($white, 0.75);\n\n      &:active,\n      &:hover,\n      &:focus {\n        color: $white;\n      }\n    }\n  }\n\n  &__time-sep,\n  &__time-total,\n  &__time-current {\n    font-size: 14px;\n    font-weight: 500;\n  }\n\n  &__time-current {\n    color: $white;\n    margin-left: 60px;\n  }\n\n  &__time-sep {\n    display: inline-block;\n    margin: 0 6px;\n  }\n\n  &__time-sep,\n  &__time-total {\n    color: $white;\n  }\n\n  &__volume {\n    cursor: pointer;\n    height: 24px;\n    display: inline;\n\n    &::before {\n      content: \"\";\n      width: 50px;\n      background: rgba($white, 0.35);\n      border-radius: 4px;\n      display: block;\n      position: absolute;\n      height: 4px;\n      left: 70px;\n      bottom: 20px;\n    }\n\n    &__current {\n      display: block;\n      position: absolute;\n      height: 4px;\n      border-radius: 4px;\n      left: 70px;\n      bottom: 20px;\n      background: lighten($ui-highlight-color, 8%);\n    }\n\n    &__handle {\n      position: absolute;\n      z-index: 3;\n      border-radius: 50%;\n      width: 12px;\n      height: 12px;\n      bottom: 16px;\n      left: 70px;\n      transition: opacity .1s ease;\n      background: lighten($ui-highlight-color, 8%);\n      box-shadow: 1px 2px 6px rgba($base-shadow-color, 0.2);\n      pointer-events: none;\n    }\n  }\n\n  &__link {\n    padding: 2px 10px;\n\n    a {\n      text-decoration: none;\n      font-size: 14px;\n      font-weight: 500;\n      color: $white;\n\n      &:hover,\n      &:active,\n      &:focus {\n        text-decoration: underline;\n      }\n    }\n  }\n\n  &__seek {\n    cursor: pointer;\n    height: 24px;\n    position: relative;\n\n    &::before {\n      content: \"\";\n      width: 100%;\n      background: rgba($white, 0.35);\n      border-radius: 4px;\n      display: block;\n      position: absolute;\n      height: 4px;\n      top: 10px;\n    }\n\n    &__progress,\n    &__buffer {\n      display: block;\n      position: absolute;\n      height: 4px;\n      border-radius: 4px;\n      top: 10px;\n      background: lighten($ui-highlight-color, 8%);\n    }\n\n    &__buffer {\n      background: rgba($white, 0.2);\n    }\n\n    &__handle {\n      position: absolute;\n      z-index: 3;\n      opacity: 0;\n      border-radius: 50%;\n      width: 12px;\n      height: 12px;\n      top: 6px;\n      margin-left: -6px;\n      transition: opacity .1s ease;\n      background: lighten($ui-highlight-color, 8%);\n      box-shadow: 1px 2px 6px rgba($base-shadow-color, 0.2);\n      pointer-events: none;\n\n      &.active {\n        opacity: 1;\n      }\n    }\n\n    &:hover {\n      .video-player__seek__handle {\n        opacity: 1;\n      }\n    }\n  }\n\n  &.detailed,\n  &.fullscreen {\n    .video-player__buttons {\n      button {\n        padding-top: 10px;\n        padding-bottom: 10px;\n      }\n    }\n  }\n}\n",".sensitive-info {\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  position: absolute;\n  top: 4px;\n  left: 4px;\n  z-index: 100;\n}\n\n.sensitive-marker {\n  margin: 0 3px;\n  border-radius: 2px;\n  padding: 2px 6px;\n  color: rgba($primary-text-color, 0.8);\n  background: rgba($base-overlay-background, 0.5);\n  font-size: 12px;\n  line-height: 18px;\n  text-transform: uppercase;\n  opacity: .9;\n  transition: opacity .1s ease;\n\n  .media-gallery:hover & { opacity: 1 }\n}\n",".list-editor {\n  background: $ui-base-color;\n  flex-direction: column;\n  border-radius: 8px;\n  box-shadow: 2px 4px 15px rgba($base-shadow-color, 0.4);\n  width: 380px;\n  overflow: hidden;\n\n  @media screen and (max-width: 420px) {\n    width: 90%;\n  }\n\n  h4 {\n    padding: 15px 0;\n    background: lighten($ui-base-color, 13%);\n    font-weight: 500;\n    font-size: 16px;\n    text-align: center;\n    border-radius: 8px 8px 0 0;\n  }\n\n  .drawer__pager {\n    height: 50vh;\n  }\n\n  .drawer__inner {\n    border-radius: 0 0 8px 8px;\n\n    &.backdrop {\n      width: calc(100% - 60px);\n      box-shadow: 2px 4px 15px rgba($base-shadow-color, 0.4);\n      border-radius: 0 0 0 8px;\n    }\n  }\n\n  &__accounts {\n    overflow-y: auto;\n  }\n\n  .account__display-name {\n    &:hover strong {\n      text-decoration: none;\n    }\n  }\n\n  .account__avatar {\n    cursor: default;\n  }\n\n  .search {\n    margin-bottom: 0;\n  }\n}\n\n.list-adder {\n  background: $ui-base-color;\n  flex-direction: column;\n  border-radius: 8px;\n  box-shadow: 2px 4px 15px rgba($base-shadow-color, 0.4);\n  width: 380px;\n  overflow: hidden;\n\n  @media screen and (max-width: 420px) {\n    width: 90%;\n  }\n\n  &__account {\n    background: lighten($ui-base-color, 13%);\n  }\n\n  &__lists {\n    background: lighten($ui-base-color, 13%);\n    height: 50vh;\n    border-radius: 0 0 8px 8px;\n    overflow-y: auto;\n  }\n\n  .list {\n    padding: 10px;\n    border-bottom: 1px solid lighten($ui-base-color, 8%);\n  }\n\n  .list__wrapper {\n    display: flex;\n  }\n\n  .list__display-name {\n    flex: 1 1 auto;\n    overflow: hidden;\n    text-decoration: none;\n    font-size: 16px;\n    padding: 10px;\n  }\n}\n",".emoji-mart {\n  &,\n  * {\n    box-sizing: border-box;\n    line-height: 1.15;\n  }\n\n  font-size: 13px;\n  display: inline-block;\n  color: $inverted-text-color;\n\n  .emoji-mart-emoji {\n    padding: 6px;\n  }\n}\n\n.emoji-mart-bar {\n  border: 0 solid darken($ui-secondary-color, 8%);\n\n  &:first-child {\n    border-bottom-width: 1px;\n    border-top-left-radius: 5px;\n    border-top-right-radius: 5px;\n    background: $ui-secondary-color;\n  }\n\n  &:last-child {\n    border-top-width: 1px;\n    border-bottom-left-radius: 5px;\n    border-bottom-right-radius: 5px;\n    display: none;\n  }\n}\n\n.emoji-mart-anchors {\n  display: flex;\n  justify-content: space-between;\n  padding: 0 6px;\n  color: $lighter-text-color;\n  line-height: 0;\n}\n\n.emoji-mart-anchor {\n  position: relative;\n  flex: 1;\n  text-align: center;\n  padding: 12px 4px;\n  overflow: hidden;\n  transition: color .1s ease-out;\n  cursor: pointer;\n\n  &:hover {\n    color: darken($lighter-text-color, 4%);\n  }\n}\n\n.emoji-mart-anchor-selected {\n  color: $highlight-text-color;\n\n  &:hover {\n    color: darken($highlight-text-color, 4%);\n  }\n\n  .emoji-mart-anchor-bar {\n    bottom: 0;\n  }\n}\n\n.emoji-mart-anchor-bar {\n  position: absolute;\n  bottom: -3px;\n  left: 0;\n  width: 100%;\n  height: 3px;\n  background-color: darken($ui-highlight-color, 3%);\n}\n\n.emoji-mart-anchors {\n  i {\n    display: inline-block;\n    width: 100%;\n    max-width: 22px;\n  }\n\n  svg {\n    fill: currentColor;\n    max-height: 18px;\n  }\n}\n\n.emoji-mart-scroll {\n  overflow-y: scroll;\n  height: 270px;\n  max-height: 35vh;\n  padding: 0 6px 6px;\n  background: $simple-background-color;\n  will-change: transform;\n\n  &::-webkit-scrollbar-track:hover,\n  &::-webkit-scrollbar-track:active {\n    background-color: rgba($base-overlay-background, 0.3);\n  }\n}\n\n.emoji-mart-search {\n  padding: 10px;\n  padding-right: 45px;\n  background: $simple-background-color;\n\n  input {\n    font-size: 14px;\n    font-weight: 400;\n    padding: 7px 9px;\n    font-family: inherit;\n    display: block;\n    width: 100%;\n    background: rgba($ui-secondary-color, 0.3);\n    color: $inverted-text-color;\n    border: 1px solid $ui-secondary-color;\n    border-radius: 4px;\n\n    &::-moz-focus-inner {\n      border: 0;\n    }\n\n    &::-moz-focus-inner,\n    &:focus,\n    &:active {\n      outline: 0 !important;\n    }\n  }\n}\n\n.emoji-mart-category .emoji-mart-emoji {\n  cursor: pointer;\n\n  span {\n    z-index: 1;\n    position: relative;\n    text-align: center;\n  }\n\n  &:hover::before {\n    z-index: 0;\n    content: \"\";\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n    background-color: rgba($ui-secondary-color, 0.7);\n    border-radius: 100%;\n  }\n}\n\n.emoji-mart-category-label {\n  z-index: 2;\n  position: relative;\n  position: -webkit-sticky;\n  position: sticky;\n  top: 0;\n\n  span {\n    display: block;\n    width: 100%;\n    font-weight: 500;\n    padding: 5px 6px;\n    background: $simple-background-color;\n  }\n}\n\n.emoji-mart-emoji {\n  position: relative;\n  display: inline-block;\n  font-size: 0;\n\n  span {\n    width: 22px;\n    height: 22px;\n  }\n}\n\n.emoji-mart-no-results {\n  font-size: 14px;\n  text-align: center;\n  padding-top: 70px;\n  color: $light-text-color;\n\n  .emoji-mart-category-label {\n    display: none;\n  }\n\n  .emoji-mart-no-results-label {\n    margin-top: .2em;\n  }\n\n  .emoji-mart-emoji:hover::before {\n    content: none;\n  }\n}\n\n.emoji-mart-preview {\n  display: none;\n}\n",".glitch.local-settings {\n  position: relative;\n  display: flex;\n  flex-direction: row;\n  background: $ui-secondary-color;\n  color: $inverted-text-color;\n  border-radius: 8px;\n  height: 80vh;\n  width: 80vw;\n  max-width: 740px;\n  max-height: 450px;\n  overflow: hidden;\n\n  label, legend {\n    display: block;\n    font-size: 14px;\n  }\n\n  .boolean label, .radio_buttons label {\n    position: relative;\n    padding-left: 28px;\n    padding-top: 3px;\n\n    input {\n      position: absolute;\n      left: 0;\n      top: 0;\n    }\n  }\n\n  span.hint {\n    display: block;\n    color: $lighter-text-color;\n  }\n\n  h1 {\n    font-size: 18px;\n    font-weight: 500;\n    line-height: 24px;\n    margin-bottom: 20px;\n  }\n\n  h2 {\n    font-size: 15px;\n    font-weight: 500;\n    line-height: 20px;\n    margin-top: 20px;\n    margin-bottom: 10px;\n  }\n}\n\n.glitch.local-settings__navigation__item {\n  display: block;\n  padding: 15px 20px;\n  color: inherit;\n  background: lighten($ui-secondary-color, 8%);\n  border-bottom: 1px $ui-secondary-color solid;\n  cursor: pointer;\n  text-decoration: none;\n  outline: none;\n  transition: background .3s;\n\n  .text-icon-button {\n    color: inherit;\n    transition: unset;\n  }\n\n  &:hover {\n    background: $ui-secondary-color;\n  }\n\n  &.active {\n    background: $ui-highlight-color;\n    color: $primary-text-color;\n  }\n\n  &.close, &.close:hover {\n    background: $error-value-color;\n    color: $primary-text-color;\n  }\n}\n\n.glitch.local-settings__navigation {\n  background: lighten($ui-secondary-color, 8%);\n  width: 212px;\n  font-size: 15px;\n  line-height: 20px;\n  overflow-y: auto;\n}\n\n.glitch.local-settings__page {\n  display: block;\n  flex: auto;\n  padding: 15px 20px 15px 20px;\n  width: 360px;\n  overflow-y: auto;\n}\n\n.glitch.local-settings__page__item {\n  margin-bottom: 2px;\n}\n\n.glitch.local-settings__page__item.string,\n.glitch.local-settings__page__item.radio_buttons {\n  margin-top: 10px;\n  margin-bottom: 10px;\n}\n\n@media screen and (max-width: 630px) {\n  .glitch.local-settings__navigation {\n    width: 40px;\n    flex-shrink: 0;\n  }\n\n  .glitch.local-settings__navigation__item {\n    padding: 10px;\n\n    span:last-of-type {\n      display: none;\n    }\n  }\n}\n",".error-boundary {\n  color: $primary-text-color;\n  font-size: 15px;\n  line-height: 20px;\n\n  h1 {\n    font-size: 26px;\n    line-height: 36px;\n    font-weight: 400;\n    margin-bottom: 8px;\n  }\n\n  a {\n    color: $primary-text-color;\n    text-decoration: underline;\n  }\n\n  ul {\n    list-style: disc;\n    margin-left: 0;\n    padding-left: 1em;\n  }\n\n  textarea.web_app_crash-stacktrace {\n    width: 100%;\n    resize: none;\n    white-space: pre;\n    font-family: $font-monospace, monospace;\n  }\n}\n",".compose-panel {\n  width: 285px;\n  margin-top: 10px;\n  display: flex;\n  flex-direction: column;\n  height: calc(100% - 10px);\n  overflow-y: hidden;\n\n  .search__input {\n    line-height: 18px;\n    font-size: 16px;\n    padding: 15px;\n    padding-right: 30px;\n  }\n\n  .search__icon .fa {\n    top: 15px;\n  }\n\n  .drawer--account {\n    flex: 0 1 48px;\n  }\n\n  .flex-spacer {\n    background: transparent;\n  }\n\n  .composer {\n    flex: 1;\n    overflow-y: hidden;\n    display: flex;\n    flex-direction: column;\n    min-height: 310px;\n  }\n\n  .compose-form__autosuggest-wrapper {\n    overflow-y: auto;\n    background-color: $white;\n    border-radius: 4px 4px 0 0;\n    flex: 0 1 auto;\n  }\n\n  .autosuggest-textarea__textarea {\n    overflow-y: hidden;\n  }\n\n  .compose-form__upload-thumbnail {\n    height: 80px;\n  }\n}\n\n.navigation-panel {\n  margin-top: 10px;\n  margin-bottom: 10px;\n  height: calc(100% - 20px);\n  overflow-y: auto;\n  display: flex;\n  flex-direction: column;\n\n  & > a {\n    flex: 0 0 auto;\n  }\n\n  hr {\n    flex: 0 0 auto;\n    border: 0;\n    background: transparent;\n    border-top: 1px solid lighten($ui-base-color, 4%);\n    margin: 10px 0;\n  }\n\n  .flex-spacer {\n    background: transparent;\n  }\n}\n\n@media screen and (min-width: 600px) {\n  .tabs-bar__link {\n    span {\n      display: inline;\n    }\n  }\n}\n\n.columns-area--mobile {\n  flex-direction: column;\n  width: 100%;\n  margin: 0 auto;\n\n  .column,\n  .drawer {\n    width: 100%;\n    height: 100%;\n    padding: 0;\n  }\n\n  .directory__list {\n    display: grid;\n    grid-gap: 10px;\n    grid-template-columns: minmax(0, 50%) minmax(0, 50%);\n\n    @media screen and (max-width: $no-gap-breakpoint) {\n      display: block;\n    }\n  }\n\n  .directory__card {\n    margin-bottom: 0;\n  }\n\n  .filter-form {\n    display: flex;\n  }\n\n  .autosuggest-textarea__textarea {\n    font-size: 16px;\n  }\n\n  .search__input {\n    line-height: 18px;\n    font-size: 16px;\n    padding: 15px;\n    padding-right: 30px;\n  }\n\n  .search__icon .fa {\n    top: 15px;\n  }\n\n  .scrollable {\n    overflow: visible;\n\n    @supports(display: grid) {\n      contain: content;\n    }\n  }\n\n  @media screen and (min-width: $no-gap-breakpoint) {\n    padding: 10px 0;\n    padding-top: 0;\n  }\n\n  @media screen and (min-width: 630px) {\n    .detailed-status {\n      padding: 15px;\n\n      .media-gallery,\n      .video-player,\n      .audio-player {\n        margin-top: 15px;\n      }\n    }\n\n    .account__header__bar {\n      padding: 5px 10px;\n    }\n\n    .navigation-bar,\n    .compose-form {\n      padding: 15px;\n    }\n\n    .compose-form .compose-form__publish .compose-form__publish-button-wrapper {\n      padding-top: 15px;\n    }\n\n    .status {\n      padding: 15px;\n      min-height: 48px + 2px;\n\n      .media-gallery,\n      &__action-bar,\n      .video-player,\n      .audio-player {\n        margin-top: 10px;\n      }\n    }\n\n    .account {\n      padding: 15px 10px;\n\n      &__header__bio {\n        margin: 0 -10px;\n      }\n    }\n\n    .notification {\n      &__message {\n        padding-top: 15px;\n      }\n\n      .status {\n        padding-top: 8px;\n      }\n\n      .account {\n        padding-top: 8px;\n      }\n    }\n  }\n}\n\n.floating-action-button {\n  position: fixed;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  width: 3.9375rem;\n  height: 3.9375rem;\n  bottom: 1.3125rem;\n  right: 1.3125rem;\n  background: darken($ui-highlight-color, 3%);\n  color: $white;\n  border-radius: 50%;\n  font-size: 21px;\n  line-height: 21px;\n  text-decoration: none;\n  box-shadow: 2px 3px 9px rgba($base-shadow-color, 0.4);\n\n  &:hover,\n  &:focus,\n  &:active {\n    background: lighten($ui-highlight-color, 7%);\n  }\n}\n\n@media screen and (min-width: $no-gap-breakpoint) {\n  .tabs-bar {\n    width: 100%;\n  }\n\n  .react-swipeable-view-container .columns-area--mobile {\n    height: calc(100% - 10px) !important;\n  }\n\n  .getting-started__wrapper,\n  .search {\n    margin-bottom: 10px;\n  }\n}\n\n@media screen and (max-width: 600px + (285px * 1) + (10px * 1)) {\n  .columns-area__panels__pane--compositional {\n    display: none;\n  }\n}\n\n@media screen and (min-width: 600px + (285px * 1) + (10px * 1)) {\n  .floating-action-button,\n  .tabs-bar__link.optional {\n    display: none;\n  }\n\n  .search-page .search {\n    display: none;\n  }\n}\n\n@media screen and (max-width: 600px + (285px * 2) + (10px * 2)) {\n  .columns-area__panels__pane--navigational {\n    display: none;\n  }\n}\n\n@media screen and (min-width: 600px + (285px * 2) + (10px * 2)) {\n  .tabs-bar {\n    display: none;\n  }\n}\n",".poll {\n  margin-top: 16px;\n  font-size: 14px;\n\n  ul,\n  .e-content & ul {\n    margin: 0;\n    list-style: none;\n  }\n\n  li {\n    margin-bottom: 10px;\n    position: relative;\n  }\n\n  &__chart {\n    position: absolute;\n    top: 0;\n    left: 0;\n    height: 100%;\n    display: inline-block;\n    border-radius: 4px;\n    background: darken($ui-primary-color, 14%);\n\n    &.leading {\n      background: $ui-highlight-color;\n    }\n  }\n\n  &__text {\n    position: relative;\n    display: flex;\n    padding: 6px 0;\n    line-height: 18px;\n    cursor: default;\n    overflow: hidden;\n\n    input[type=radio],\n    input[type=checkbox] {\n      display: none;\n    }\n\n    .autossugest-input {\n      flex: 1 1 auto;\n    }\n\n    input[type=text] {\n      display: block;\n      box-sizing: border-box;\n      width: 100%;\n      font-size: 14px;\n      color: $inverted-text-color;\n      display: block;\n      outline: 0;\n      font-family: inherit;\n      background: $simple-background-color;\n      border: 1px solid darken($simple-background-color, 14%);\n      border-radius: 4px;\n      padding: 6px 10px;\n\n      &:focus {\n        border-color: $highlight-text-color;\n      }\n    }\n\n    &.selectable {\n      cursor: pointer;\n    }\n\n    &.editable {\n      display: flex;\n      align-items: center;\n      overflow: visible;\n    }\n  }\n\n  &__input {\n    display: inline-block;\n    position: relative;\n    border: 1px solid $ui-primary-color;\n    box-sizing: border-box;\n    width: 18px;\n    height: 18px;\n    flex: 0 0 auto;\n    margin-right: 10px;\n    top: -1px;\n    border-radius: 50%;\n    vertical-align: middle;\n    margin-top: auto;\n    margin-bottom: auto;\n    flex: 0 0 18px;\n\n    &.checkbox {\n      border-radius: 4px;\n    }\n\n    &.active {\n      border-color: $valid-value-color;\n      background: $valid-value-color;\n    }\n\n    &:active,\n    &:focus,\n    &:hover {\n      border-width: 4px;\n      background: none;\n    }\n\n    &::-moz-focus-inner {\n      outline: 0 !important;\n      border: 0;\n    }\n\n    &:focus,\n    &:active {\n      outline: 0 !important;\n    }\n  }\n\n  &__number {\n    display: inline-block;\n    width: 52px;\n    font-weight: 700;\n    padding: 0 10px;\n    padding-left: 8px;\n    text-align: right;\n    margin-top: auto;\n    margin-bottom: auto;\n    flex: 0 0 52px;\n  }\n\n  &__vote__mark {\n    float: left;\n    line-height: 18px;\n  }\n\n  &__footer {\n    padding-top: 6px;\n    padding-bottom: 5px;\n    color: $dark-text-color;\n  }\n\n  &__link {\n    display: inline;\n    background: transparent;\n    padding: 0;\n    margin: 0;\n    border: 0;\n    color: $dark-text-color;\n    text-decoration: underline;\n    font-size: inherit;\n\n    &:hover {\n      text-decoration: none;\n    }\n\n    &:active,\n    &:focus {\n      background-color: rgba($dark-text-color, .1);\n    }\n  }\n\n  .button {\n    height: 36px;\n    padding: 0 16px;\n    margin-right: 10px;\n    font-size: 14px;\n  }\n}\n\n.compose-form__poll-wrapper {\n  border-top: 1px solid darken($simple-background-color, 8%);\n\n  ul {\n    padding: 10px;\n  }\n\n  .poll__footer {\n    border-top: 1px solid darken($simple-background-color, 8%);\n    padding: 10px;\n    display: flex;\n    align-items: center;\n\n    button,\n    select {\n      width: 100%;\n      flex: 1 1 50%;\n\n      &:focus {\n        border-color: $highlight-text-color;\n      }\n    }\n  }\n\n  .button.button-secondary {\n    font-size: 14px;\n    font-weight: 400;\n    padding: 6px 10px;\n    height: auto;\n    line-height: inherit;\n    color: $action-button-color;\n    border-color: $action-button-color;\n    margin-right: 5px;\n  }\n\n  li {\n    display: flex;\n    align-items: center;\n\n    .poll__text {\n      flex: 0 0 auto;\n      width: calc(100% - (23px + 6px));\n      margin-right: 6px;\n    }\n  }\n\n  select {\n    appearance: none;\n    box-sizing: border-box;\n    font-size: 14px;\n    color: $inverted-text-color;\n    display: inline-block;\n    width: auto;\n    outline: 0;\n    font-family: inherit;\n    background: $simple-background-color url(\"data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14.933 18.467' height='19.698' width='15.929'><path d='M3.467 14.967l-3.393-3.5H14.86l-3.392 3.5c-1.866 1.925-3.666 3.5-4 3.5-.335 0-2.135-1.575-4-3.5zm.266-11.234L7.467 0 11.2 3.733l3.733 3.734H0l3.733-3.734z' fill='#{hex-color(darken($simple-background-color, 14%))}'/></svg>\") no-repeat right 8px center / auto 16px;\n    border: 1px solid darken($simple-background-color, 14%);\n    border-radius: 4px;\n    padding: 6px 10px;\n    padding-right: 30px;\n  }\n\n  .icon-button.disabled {\n    color: darken($simple-background-color, 14%);\n  }\n}\n\n.muted .poll {\n  color: $dark-text-color;\n\n  &__chart {\n    background: rgba(darken($ui-primary-color, 14%), 0.2);\n\n    &.leading {\n      background: rgba($ui-highlight-color, 0.2);\n    }\n  }\n}\n","$maximum-width: 1235px;\n$fluid-breakpoint: $maximum-width + 20px;\n$column-breakpoint: 700px;\n$small-breakpoint: 960px;\n\n.container {\n  box-sizing: border-box;\n  max-width: $maximum-width;\n  margin: 0 auto;\n  position: relative;\n\n  @media screen and (max-width: $fluid-breakpoint) {\n    width: 100%;\n    padding: 0 10px;\n  }\n}\n\n.rich-formatting {\n  font-family: $font-sans-serif, sans-serif;\n  font-size: 14px;\n  font-weight: 400;\n  line-height: 1.7;\n  word-wrap: break-word;\n  color: $darker-text-color;\n\n  a {\n    color: $highlight-text-color;\n    text-decoration: underline;\n\n    &:hover,\n    &:focus,\n    &:active {\n      text-decoration: none;\n    }\n  }\n\n  p,\n  li {\n    color: $darker-text-color;\n  }\n\n  p {\n    margin-top: 0;\n    margin-bottom: .85em;\n\n    &:last-child {\n      margin-bottom: 0;\n    }\n  }\n\n  strong {\n    font-weight: 700;\n    color: $secondary-text-color;\n  }\n\n  em {\n    font-style: italic;\n    color: $secondary-text-color;\n  }\n\n  code {\n    font-size: 0.85em;\n    background: darken($ui-base-color, 8%);\n    border-radius: 4px;\n    padding: 0.2em 0.3em;\n  }\n\n  h1,\n  h2,\n  h3,\n  h4,\n  h5,\n  h6 {\n    font-family: $font-display, sans-serif;\n    margin-top: 1.275em;\n    margin-bottom: .85em;\n    font-weight: 500;\n    color: $secondary-text-color;\n  }\n\n  h1 {\n    font-size: 2em;\n  }\n\n  h2 {\n    font-size: 1.75em;\n  }\n\n  h3 {\n    font-size: 1.5em;\n  }\n\n  h4 {\n    font-size: 1.25em;\n  }\n\n  h5,\n  h6 {\n    font-size: 1em;\n  }\n\n  ul {\n    list-style: disc;\n  }\n\n  ol {\n    list-style: decimal;\n  }\n\n  ul,\n  ol {\n    margin: 0;\n    padding: 0;\n    padding-left: 2em;\n    margin-bottom: 0.85em;\n\n    &[type='a'] {\n      list-style-type: lower-alpha;\n    }\n\n    &[type='i'] {\n      list-style-type: lower-roman;\n    }\n  }\n\n  hr {\n    width: 100%;\n    height: 0;\n    border: 0;\n    border-bottom: 1px solid lighten($ui-base-color, 4%);\n    margin: 1.7em 0;\n\n    &.spacer {\n      height: 1px;\n      border: 0;\n    }\n  }\n\n  table {\n    width: 100%;\n    border-collapse: collapse;\n    break-inside: auto;\n    margin-top: 24px;\n    margin-bottom: 32px;\n\n    thead tr,\n    tbody tr {\n      border-bottom: 1px solid lighten($ui-base-color, 4%);\n      font-size: 1em;\n      line-height: 1.625;\n      font-weight: 400;\n      text-align: left;\n      color: $darker-text-color;\n    }\n\n    thead tr {\n      border-bottom-width: 2px;\n      line-height: 1.5;\n      font-weight: 500;\n      color: $dark-text-color;\n    }\n\n    th,\n    td {\n      padding: 8px;\n      align-self: start;\n      align-items: start;\n      word-break: break-all;\n\n      &.nowrap {\n        width: 25%;\n        position: relative;\n\n        &::before {\n          content: '&nbsp;';\n          visibility: hidden;\n        }\n\n        span {\n          position: absolute;\n          left: 8px;\n          right: 8px;\n          white-space: nowrap;\n          overflow: hidden;\n          text-overflow: ellipsis;\n        }\n      }\n    }\n  }\n\n  & > :first-child {\n    margin-top: 0;\n  }\n}\n\n.information-board {\n  background: darken($ui-base-color, 4%);\n  padding: 20px 0;\n\n  .container-alt {\n    position: relative;\n    padding-right: 280px + 15px;\n  }\n\n  &__sections {\n    display: flex;\n    justify-content: space-between;\n    flex-wrap: wrap;\n  }\n\n  &__section {\n    flex: 1 0 0;\n    font-family: $font-sans-serif, sans-serif;\n    font-size: 16px;\n    line-height: 28px;\n    color: $primary-text-color;\n    text-align: right;\n    padding: 10px 15px;\n\n    span,\n    strong {\n      display: block;\n    }\n\n    span {\n      &:last-child {\n        color: $secondary-text-color;\n      }\n    }\n\n    strong {\n      font-family: $font-display, sans-serif;\n      font-weight: 500;\n      font-size: 32px;\n      line-height: 48px;\n    }\n\n    @media screen and (max-width: $column-breakpoint) {\n      text-align: center;\n    }\n  }\n\n  .panel {\n    position: absolute;\n    width: 280px;\n    box-sizing: border-box;\n    background: darken($ui-base-color, 8%);\n    padding: 20px;\n    padding-top: 10px;\n    border-radius: 4px 4px 0 0;\n    right: 0;\n    bottom: -40px;\n\n    .panel-header {\n      font-family: $font-display, sans-serif;\n      font-size: 14px;\n      line-height: 24px;\n      font-weight: 500;\n      color: $darker-text-color;\n      padding-bottom: 5px;\n      margin-bottom: 15px;\n      border-bottom: 1px solid lighten($ui-base-color, 4%);\n      text-overflow: ellipsis;\n      white-space: nowrap;\n      overflow: hidden;\n\n      a,\n      span {\n        font-weight: 400;\n        color: darken($darker-text-color, 10%);\n      }\n\n      a {\n        text-decoration: none;\n      }\n    }\n  }\n\n  .owner {\n    text-align: center;\n\n    .avatar {\n      width: 80px;\n      height: 80px;\n      @include avatar-size(80px);\n      margin: 0 auto;\n      margin-bottom: 15px;\n\n      img {\n        display: block;\n        width: 80px;\n        height: 80px;\n        border-radius: 48px;\n        @include avatar-radius();\n      }\n    }\n\n    .name {\n      font-size: 14px;\n\n      a {\n        display: block;\n        color: $primary-text-color;\n        text-decoration: none;\n\n        &:hover {\n          .display_name {\n            text-decoration: underline;\n          }\n        }\n      }\n\n      .username {\n        display: block;\n        color: $darker-text-color;\n      }\n    }\n  }\n}\n\n.landing-page {\n  p,\n  li {\n    font-family: $font-sans-serif, sans-serif;\n    font-size: 16px;\n    font-weight: 400;\n    font-size: 16px;\n    line-height: 30px;\n    margin-bottom: 12px;\n    color: $darker-text-color;\n\n    a {\n      color: $highlight-text-color;\n      text-decoration: underline;\n    }\n  }\n\n  em {\n    display: inline;\n    margin: 0;\n    padding: 0;\n    font-weight: 700;\n    background: transparent;\n    font-family: inherit;\n    font-size: inherit;\n    line-height: inherit;\n    color: lighten($darker-text-color, 10%);\n  }\n\n  h1 {\n    font-family: $font-display, sans-serif;\n    font-size: 26px;\n    line-height: 30px;\n    font-weight: 500;\n    margin-bottom: 20px;\n    color: $secondary-text-color;\n\n    small {\n      font-family: $font-sans-serif, sans-serif;\n      display: block;\n      font-size: 18px;\n      font-weight: 400;\n      color: lighten($darker-text-color, 10%);\n    }\n  }\n\n  h2 {\n    font-family: $font-display, sans-serif;\n    font-size: 22px;\n    line-height: 26px;\n    font-weight: 500;\n    margin-bottom: 20px;\n    color: $secondary-text-color;\n  }\n\n  h3 {\n    font-family: $font-display, sans-serif;\n    font-size: 18px;\n    line-height: 24px;\n    font-weight: 500;\n    margin-bottom: 20px;\n    color: $secondary-text-color;\n  }\n\n  h4 {\n    font-family: $font-display, sans-serif;\n    font-size: 16px;\n    line-height: 24px;\n    font-weight: 500;\n    margin-bottom: 20px;\n    color: $secondary-text-color;\n  }\n\n  h5 {\n    font-family: $font-display, sans-serif;\n    font-size: 14px;\n    line-height: 24px;\n    font-weight: 500;\n    margin-bottom: 20px;\n    color: $secondary-text-color;\n  }\n\n  h6 {\n    font-family: $font-display, sans-serif;\n    font-size: 12px;\n    line-height: 24px;\n    font-weight: 500;\n    margin-bottom: 20px;\n    color: $secondary-text-color;\n  }\n\n  ul,\n  ol {\n    margin-left: 20px;\n\n    &[type='a'] {\n      list-style-type: lower-alpha;\n    }\n\n    &[type='i'] {\n      list-style-type: lower-roman;\n    }\n  }\n\n  ul {\n    list-style: disc;\n  }\n\n  ol {\n    list-style: decimal;\n  }\n\n  li > ol,\n  li > ul {\n    margin-top: 6px;\n  }\n\n  hr {\n    width: 100%;\n    height: 0;\n    border: 0;\n    border-bottom: 1px solid rgba($ui-base-lighter-color, .6);\n    margin: 20px 0;\n\n    &.spacer {\n      height: 1px;\n      border: 0;\n    }\n  }\n\n  &__information,\n  &__forms {\n    padding: 20px;\n  }\n\n  &__call-to-action {\n    background: $ui-base-color;\n    border-radius: 4px;\n    padding: 25px 40px;\n    overflow: hidden;\n    box-sizing: border-box;\n\n    .row {\n      width: 100%;\n      display: flex;\n      flex-direction: row-reverse;\n      flex-wrap: nowrap;\n      justify-content: space-between;\n      align-items: center;\n    }\n\n    .row__information-board {\n      display: flex;\n      justify-content: flex-end;\n      align-items: flex-end;\n\n      .information-board__section {\n        flex: 1 0 auto;\n        padding: 0 10px;\n      }\n\n      @media screen and (max-width: $no-gap-breakpoint) {\n        width: 100%;\n        justify-content: space-between;\n      }\n    }\n\n    .row__mascot {\n      flex: 1;\n      margin: 10px -50px 0 0;\n\n      @media screen and (max-width: $no-gap-breakpoint) {\n        display: none;\n      }\n    }\n  }\n\n  &__logo {\n    margin-right: 20px;\n\n    img {\n      height: 50px;\n      width: auto;\n      mix-blend-mode: lighten;\n    }\n  }\n\n  &__information {\n    padding: 45px 40px;\n    margin-bottom: 10px;\n\n    &:last-child {\n      margin-bottom: 0;\n    }\n\n    strong {\n      font-weight: 500;\n      color: lighten($darker-text-color, 10%);\n    }\n\n    .account {\n      border-bottom: 0;\n      padding: 0;\n\n      &__display-name {\n        align-items: center;\n        display: flex;\n        margin-right: 5px;\n      }\n\n      div.account__display-name {\n        &:hover {\n          .display-name strong {\n            text-decoration: none;\n          }\n        }\n\n        .account__avatar {\n          cursor: default;\n        }\n      }\n\n      &__avatar-wrapper {\n        margin-left: 0;\n        flex: 0 0 auto;\n      }\n\n      &__avatar {\n        width: 44px;\n        height: 44px;\n        background-size: 44px 44px;\n        @include avatar-size(44px);\n      }\n\n      .display-name {\n        font-size: 15px;\n\n        &__account {\n          font-size: 14px;\n        }\n      }\n    }\n\n    @media screen and (max-width: $small-breakpoint) {\n      .contact {\n        margin-top: 30px;\n      }\n    }\n\n    @media screen and (max-width: $column-breakpoint) {\n      padding: 25px 20px;\n    }\n  }\n\n  &__information,\n  &__forms,\n  #mastodon-timeline {\n    box-sizing: border-box;\n    background: $ui-base-color;\n    border-radius: 4px;\n    box-shadow: 0 0 6px rgba($black, 0.1);\n  }\n\n  &__mascot {\n    height: 104px;\n    position: relative;\n    left: -40px;\n    bottom: 25px;\n\n    img {\n      height: 190px;\n      width: auto;\n    }\n  }\n\n  &__short-description {\n    .row {\n      display: flex;\n      flex-wrap: wrap;\n      align-items: center;\n      margin-bottom: 40px;\n    }\n\n    @media screen and (max-width: $column-breakpoint) {\n      .row {\n        margin-bottom: 20px;\n      }\n    }\n\n    p a {\n      color: $secondary-text-color;\n    }\n\n    h1 {\n      font-weight: 500;\n      color: $primary-text-color;\n      margin-bottom: 0;\n\n      small {\n        color: $darker-text-color;\n\n        span {\n          color: $secondary-text-color;\n        }\n      }\n    }\n\n    p:last-child {\n      margin-bottom: 0;\n    }\n  }\n\n  &__hero {\n    margin-bottom: 10px;\n\n    img {\n      display: block;\n      margin: 0;\n      max-width: 100%;\n      height: auto;\n      border-radius: 4px;\n    }\n  }\n\n  @media screen and (max-width: 840px) {\n    .information-board {\n      .container-alt {\n        padding-right: 20px;\n      }\n\n      .panel {\n        position: static;\n        margin-top: 20px;\n        width: 100%;\n        border-radius: 4px;\n\n        .panel-header {\n          text-align: center;\n        }\n      }\n    }\n  }\n\n  @media screen and (max-width: 675px) {\n    .header-wrapper {\n      padding-top: 0;\n\n      &.compact {\n        padding-bottom: 0;\n      }\n\n      &.compact .hero .heading {\n        text-align: initial;\n      }\n    }\n\n    .header .container-alt,\n    .features .container-alt {\n      display: block;\n    }\n  }\n\n  .cta {\n    margin: 20px;\n  }\n}\n\n.landing {\n  margin-bottom: 100px;\n\n  @media screen and (max-width: 738px) {\n    margin-bottom: 0;\n  }\n\n  &__brand {\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    padding: 50px;\n\n    svg {\n      fill: $primary-text-color;\n      height: 52px;\n    }\n\n    @media screen and (max-width: $no-gap-breakpoint) {\n      padding: 0;\n      margin-bottom: 30px;\n    }\n  }\n\n  .directory {\n    margin-top: 30px;\n    background: transparent;\n    box-shadow: none;\n    border-radius: 0;\n  }\n\n  .hero-widget {\n    margin-top: 30px;\n    margin-bottom: 0;\n\n    h4 {\n      padding: 10px;\n      text-transform: uppercase;\n      font-weight: 700;\n      font-size: 13px;\n      color: $darker-text-color;\n    }\n\n    &__text {\n      border-radius: 0;\n      padding-bottom: 0;\n    }\n\n    &__footer {\n      background: $ui-base-color;\n      padding: 10px;\n      border-radius: 0 0 4px 4px;\n      display: flex;\n\n      &__column {\n        flex: 1 1 50%;\n      }\n    }\n\n    .account {\n      padding: 10px 0;\n      border-bottom: 0;\n\n      .account__display-name {\n        display: flex;\n        align-items: center;\n      }\n\n      .account__avatar {\n        width: 44px;\n        height: 44px;\n        background-size: 44px 44px;\n      }\n    }\n\n    &__counter {\n      padding: 10px;\n\n      strong {\n        font-family: $font-display, sans-serif;\n        font-size: 15px;\n        font-weight: 700;\n        display: block;\n      }\n\n      span {\n        font-size: 14px;\n        color: $darker-text-color;\n      }\n    }\n  }\n\n  .simple_form .user_agreement .label_input > label {\n    font-weight: 400;\n    color: $darker-text-color;\n  }\n\n  .simple_form p.lead {\n    color: $darker-text-color;\n    font-size: 15px;\n    line-height: 20px;\n    font-weight: 400;\n    margin-bottom: 25px;\n  }\n\n  &__grid {\n    max-width: 960px;\n    margin: 0 auto;\n    display: grid;\n    grid-template-columns: minmax(0, 50%) minmax(0, 50%);\n    grid-gap: 30px;\n\n    @media screen and (max-width: 738px) {\n      grid-template-columns: minmax(0, 100%);\n      grid-gap: 10px;\n\n      &__column-login {\n        grid-row: 1;\n        display: flex;\n        flex-direction: column;\n\n        .box-widget {\n          order: 2;\n          flex: 0 0 auto;\n        }\n\n        .hero-widget {\n          margin-top: 0;\n          margin-bottom: 10px;\n          order: 1;\n          flex: 0 0 auto;\n        }\n      }\n\n      &__column-registration {\n        grid-row: 2;\n      }\n\n      .directory {\n        margin-top: 10px;\n      }\n    }\n\n    @media screen and (max-width: $no-gap-breakpoint) {\n      grid-gap: 0;\n\n      .hero-widget {\n        display: block;\n        margin-bottom: 0;\n        box-shadow: none;\n\n        &__img,\n        &__img img,\n        &__footer {\n          border-radius: 0;\n        }\n      }\n\n      .hero-widget,\n      .box-widget,\n      .directory__tag {\n        border-bottom: 1px solid lighten($ui-base-color, 8%);\n      }\n\n      .directory {\n        margin-top: 0;\n\n        &__tag {\n          margin-bottom: 0;\n\n          & > a,\n          & > div {\n            border-radius: 0;\n            box-shadow: none;\n          }\n\n          &:last-child {\n            border-bottom: 0;\n          }\n        }\n      }\n    }\n  }\n}\n\n.brand {\n  position: relative;\n  text-decoration: none;\n}\n\n.brand__tagline {\n  display: block;\n  position: absolute;\n  bottom: -10px;\n  left: 50px;\n  width: 300px;\n  color: $ui-primary-color;\n  text-decoration: none;\n  font-size: 14px;\n\n  @media screen and (max-width: $no-gap-breakpoint) {\n    position: static;\n    width: auto;\n    margin-top: 20px;\n    color: $dark-text-color;\n  }\n}\n\n",".table {\n  width: 100%;\n  max-width: 100%;\n  border-spacing: 0;\n  border-collapse: collapse;\n\n  th,\n  td {\n    padding: 8px;\n    line-height: 18px;\n    vertical-align: top;\n    border-top: 1px solid $ui-base-color;\n    text-align: left;\n    background: darken($ui-base-color, 4%);\n  }\n\n  & > thead > tr > th {\n    vertical-align: bottom;\n    border-bottom: 2px solid $ui-base-color;\n    border-top: 0;\n    font-weight: 500;\n  }\n\n  & > tbody > tr > th {\n    font-weight: 500;\n  }\n\n  & > tbody > tr:nth-child(odd) > td,\n  & > tbody > tr:nth-child(odd) > th {\n    background: $ui-base-color;\n  }\n\n  a {\n    color: $highlight-text-color;\n    text-decoration: underline;\n\n    &:hover {\n      text-decoration: none;\n    }\n  }\n\n  strong {\n    font-weight: 500;\n\n    @each $lang in $cjk-langs {\n      &:lang(#{$lang}) {\n        font-weight: 700;\n      }\n    }\n  }\n\n  &.inline-table {\n    & > tbody > tr:nth-child(odd) {\n      & > td,\n      & > th {\n        background: transparent;\n      }\n    }\n\n    & > tbody > tr:first-child {\n      & > td,\n      & > th {\n        border-top: 0;\n      }\n    }\n  }\n\n  &.batch-table {\n    & > thead > tr > th {\n      background: $ui-base-color;\n      border-top: 1px solid darken($ui-base-color, 8%);\n      border-bottom: 1px solid darken($ui-base-color, 8%);\n\n      &:first-child {\n        border-radius: 4px 0 0;\n        border-left: 1px solid darken($ui-base-color, 8%);\n      }\n\n      &:last-child {\n        border-radius: 0 4px 0 0;\n        border-right: 1px solid darken($ui-base-color, 8%);\n      }\n    }\n  }\n\n  &--invites tbody td {\n    vertical-align: middle;\n  }\n}\n\n.table-wrapper {\n  overflow: auto;\n  margin-bottom: 20px;\n}\n\nsamp {\n  font-family: $font-monospace, monospace;\n}\n\nbutton.table-action-link {\n  background: transparent;\n  border: 0;\n  font: inherit;\n}\n\nbutton.table-action-link,\na.table-action-link {\n  text-decoration: none;\n  display: inline-block;\n  margin-right: 5px;\n  padding: 0 10px;\n  color: $darker-text-color;\n  font-weight: 500;\n\n  &:hover {\n    color: $primary-text-color;\n  }\n\n  i.fa {\n    font-weight: 400;\n    margin-right: 5px;\n  }\n\n  &:first-child {\n    padding-left: 0;\n  }\n}\n\n.batch-table {\n  &__toolbar,\n  &__row {\n    display: flex;\n\n    &__select {\n      box-sizing: border-box;\n      padding: 8px 16px;\n      cursor: pointer;\n      min-height: 100%;\n\n      input {\n        margin-top: 8px;\n      }\n\n      &--aligned {\n        display: flex;\n        align-items: center;\n\n        input {\n          margin-top: 0;\n        }\n      }\n    }\n\n    &__actions,\n    &__content {\n      padding: 8px 0;\n      padding-right: 16px;\n      flex: 1 1 auto;\n    }\n  }\n\n  &__toolbar {\n    border: 1px solid darken($ui-base-color, 8%);\n    background: $ui-base-color;\n    border-radius: 4px 0 0;\n    height: 47px;\n    align-items: center;\n\n    &__actions {\n      text-align: right;\n      padding-right: 16px - 5px;\n    }\n  }\n\n  &__form {\n    padding: 16px;\n    border: 1px solid darken($ui-base-color, 8%);\n    border-top: 0;\n    background: $ui-base-color;\n\n    .fields-row {\n      padding-top: 0;\n      margin-bottom: 0;\n    }\n  }\n\n  &__row {\n    border: 1px solid darken($ui-base-color, 8%);\n    border-top: 0;\n    background: darken($ui-base-color, 4%);\n\n    @media screen and (max-width: $no-gap-breakpoint) {\n      .optional &:first-child {\n        border-top: 1px solid darken($ui-base-color, 8%);\n      }\n    }\n\n    &:hover {\n      background: darken($ui-base-color, 2%);\n    }\n\n    &:nth-child(even) {\n      background: $ui-base-color;\n\n      &:hover {\n        background: lighten($ui-base-color, 2%);\n      }\n    }\n\n    &__content {\n      padding-top: 12px;\n      padding-bottom: 16px;\n\n      &--unpadded {\n        padding: 0;\n      }\n\n      &--with-image {\n        display: flex;\n        align-items: center;\n      }\n\n      &__image {\n        flex: 0 0 auto;\n        display: flex;\n        justify-content: center;\n        align-items: center;\n        margin-right: 10px;\n\n        .emojione {\n          width: 32px;\n          height: 32px;\n        }\n      }\n\n      &__text {\n        flex: 1 1 auto;\n      }\n\n      &__extra {\n        flex: 0 0 auto;\n        text-align: right;\n        color: $darker-text-color;\n        font-weight: 500;\n      }\n    }\n\n    .directory__tag {\n      margin: 0;\n      width: 100%;\n\n      a {\n        background: transparent;\n        border-radius: 0;\n      }\n    }\n  }\n\n  &.optional .batch-table__toolbar,\n  &.optional .batch-table__row__select {\n    @media screen and (max-width: $no-gap-breakpoint) {\n      display: none;\n    }\n  }\n\n  .status__content {\n    padding-top: 0;\n\n    strong {\n      font-weight: 700;\n    }\n  }\n\n  .nothing-here {\n    border: 1px solid darken($ui-base-color, 8%);\n    border-top: 0;\n    box-shadow: none;\n\n    @media screen and (max-width: $no-gap-breakpoint) {\n      border-top: 1px solid darken($ui-base-color, 8%);\n    }\n  }\n\n  @media screen and (max-width: 870px) {\n    .accounts-table tbody td.optional {\n      display: none;\n    }\n  }\n}\n","$no-columns-breakpoint: 600px;\n$sidebar-width: 240px;\n$content-width: 840px;\n\n.admin-wrapper {\n  display: flex;\n  justify-content: center;\n  width: 100%;\n  min-height: 100vh;\n\n  .sidebar-wrapper {\n    min-height: 100vh;\n    overflow: hidden;\n    pointer-events: none;\n    flex: 1 1 auto;\n\n    &__inner {\n      display: flex;\n      justify-content: flex-end;\n      background: $ui-base-color;\n      height: 100%;\n    }\n  }\n\n  .sidebar {\n    width: $sidebar-width;\n    padding: 0;\n    pointer-events: auto;\n\n    &__toggle {\n      display: none;\n      background: lighten($ui-base-color, 8%);\n      height: 48px;\n\n      &__logo {\n        flex: 1 1 auto;\n\n        a {\n          display: inline-block;\n          padding: 15px;\n        }\n\n        svg {\n          fill: $primary-text-color;\n          height: 20px;\n          position: relative;\n          bottom: -2px;\n        }\n      }\n\n      &__icon {\n        display: block;\n        color: $darker-text-color;\n        text-decoration: none;\n        flex: 0 0 auto;\n        font-size: 20px;\n        padding: 15px;\n      }\n\n      a {\n        &:hover,\n        &:focus,\n        &:active {\n          background: lighten($ui-base-color, 12%);\n        }\n      }\n    }\n\n    .logo {\n      display: block;\n      margin: 40px auto;\n      width: 100px;\n      height: 100px;\n    }\n\n    @media screen and (max-width: $no-columns-breakpoint) {\n      & > a:first-child {\n        display: none;\n      }\n    }\n\n    ul {\n      list-style: none;\n      border-radius: 4px 0 0 4px;\n      overflow: hidden;\n      margin-bottom: 20px;\n\n      @media screen and (max-width: $no-columns-breakpoint) {\n        margin-bottom: 0;\n      }\n\n      a {\n        display: block;\n        padding: 15px;\n        color: $darker-text-color;\n        text-decoration: none;\n        transition: all 200ms linear;\n        transition-property: color, background-color;\n        border-radius: 4px 0 0 4px;\n        white-space: nowrap;\n        overflow: hidden;\n        text-overflow: ellipsis;\n\n        i.fa {\n          margin-right: 5px;\n        }\n\n        &:hover {\n          color: $primary-text-color;\n          background-color: darken($ui-base-color, 5%);\n          transition: all 100ms linear;\n          transition-property: color, background-color;\n        }\n\n        &.selected {\n          background: darken($ui-base-color, 2%);\n          border-radius: 4px 0 0;\n        }\n      }\n\n      ul {\n        background: darken($ui-base-color, 4%);\n        border-radius: 0 0 0 4px;\n        margin: 0;\n\n        a {\n          border: 0;\n          padding: 15px 35px;\n        }\n      }\n\n      .simple-navigation-active-leaf a {\n        color: $primary-text-color;\n        background-color: $ui-highlight-color;\n        border-bottom: 0;\n        border-radius: 0;\n\n        &:hover {\n          background-color: lighten($ui-highlight-color, 5%);\n        }\n      }\n    }\n\n    & > ul > .simple-navigation-active-leaf a {\n      border-radius: 4px 0 0 4px;\n    }\n  }\n\n  .content-wrapper {\n    box-sizing: border-box;\n    width: 100%;\n    max-width: $content-width;\n    flex: 1 1 auto;\n  }\n\n  @media screen and (max-width: $content-width + $sidebar-width) {\n    .sidebar-wrapper--empty {\n      display: none;\n    }\n\n    .sidebar-wrapper {\n      width: $sidebar-width;\n      flex: 0 0 auto;\n    }\n  }\n\n  @media screen and (max-width: $no-columns-breakpoint) {\n    .sidebar-wrapper {\n      width: 100%;\n    }\n  }\n\n  .content {\n    padding: 20px 15px;\n    padding-top: 60px;\n    padding-left: 25px;\n\n    @media screen and (max-width: $no-columns-breakpoint) {\n      max-width: none;\n      padding: 15px;\n      padding-top: 30px;\n    }\n\n    &-heading {\n      display: flex;\n\n      padding-bottom: 40px;\n      border-bottom: 1px solid lighten($ui-base-color, 8%);\n\n      margin: -15px -15px 40px 0;\n\n      flex-wrap: wrap;\n      align-items: center;\n      justify-content: space-between;\n\n      & > * {\n        margin-top: 15px;\n        margin-right: 15px;\n      }\n\n      &-actions {\n        display: inline-flex;\n\n        & > :not(:first-child) {\n          margin-left: 5px;\n        }\n      }\n\n      @media screen and (max-width: $no-columns-breakpoint) {\n        border-bottom: 0;\n        padding-bottom: 0;\n      }\n    }\n\n    h2 {\n      color: $secondary-text-color;\n      font-size: 24px;\n      line-height: 28px;\n      font-weight: 400;\n\n      @media screen and (max-width: $no-columns-breakpoint) {\n        font-weight: 700;\n      }\n    }\n\n    h3 {\n      color: $secondary-text-color;\n      font-size: 20px;\n      line-height: 28px;\n      font-weight: 400;\n      margin-bottom: 30px;\n    }\n\n    h4 {\n      text-transform: uppercase;\n      font-size: 13px;\n      font-weight: 700;\n      color: $darker-text-color;\n      padding-bottom: 8px;\n      margin-bottom: 8px;\n      border-bottom: 1px solid lighten($ui-base-color, 8%);\n    }\n\n    h6 {\n      font-size: 16px;\n      color: $secondary-text-color;\n      line-height: 28px;\n      font-weight: 500;\n    }\n\n    .fields-group h6 {\n      color: $primary-text-color;\n      font-weight: 500;\n    }\n\n    .directory__tag > a,\n    .directory__tag > div {\n      box-shadow: none;\n    }\n\n    .directory__tag .table-action-link .fa {\n      color: inherit;\n    }\n\n    .directory__tag h4 {\n      font-size: 18px;\n      font-weight: 700;\n      color: $primary-text-color;\n      text-transform: none;\n      padding-bottom: 0;\n      margin-bottom: 0;\n      border-bottom: none;\n    }\n\n    & > p {\n      font-size: 14px;\n      line-height: 21px;\n      color: $secondary-text-color;\n      margin-bottom: 20px;\n\n      strong {\n        color: $primary-text-color;\n        font-weight: 500;\n\n        @each $lang in $cjk-langs {\n          &:lang(#{$lang}) {\n            font-weight: 700;\n          }\n        }\n      }\n    }\n\n    hr {\n      width: 100%;\n      height: 0;\n      border: 0;\n      border-bottom: 1px solid rgba($ui-base-lighter-color, .6);\n      margin: 20px 0;\n\n      &.spacer {\n        height: 1px;\n        border: 0;\n      }\n    }\n  }\n\n  @media screen and (max-width: $no-columns-breakpoint) {\n    display: block;\n\n    .sidebar-wrapper {\n      min-height: 0;\n    }\n\n    .sidebar {\n      width: 100%;\n      padding: 0;\n      height: auto;\n\n      &__toggle {\n        display: flex;\n      }\n\n      & > ul {\n        display: none;\n      }\n\n      ul a,\n      ul ul a {\n        border-radius: 0;\n        border-bottom: 1px solid lighten($ui-base-color, 4%);\n        transition: none;\n\n        &:hover {\n          transition: none;\n        }\n      }\n\n      ul ul {\n        border-radius: 0;\n      }\n\n      ul .simple-navigation-active-leaf a {\n        border-bottom-color: $ui-highlight-color;\n      }\n    }\n  }\n}\n\nhr.spacer {\n  width: 100%;\n  border: 0;\n  margin: 20px 0;\n  height: 1px;\n}\n\nbody,\n.admin-wrapper .content {\n  .muted-hint {\n    color: $darker-text-color;\n\n    a {\n      color: $highlight-text-color;\n    }\n  }\n\n  .positive-hint {\n    color: $valid-value-color;\n    font-weight: 500;\n  }\n\n  .negative-hint {\n    color: $error-value-color;\n    font-weight: 500;\n  }\n\n  .neutral-hint {\n    color: $dark-text-color;\n    font-weight: 500;\n  }\n\n  .warning-hint {\n    color: $gold-star;\n    font-weight: 500;\n  }\n}\n\n.filters {\n  display: flex;\n  flex-wrap: wrap;\n\n  .filter-subset {\n    flex: 0 0 auto;\n    margin: 0 40px 20px 0;\n\n    &:last-child {\n      margin-bottom: 30px;\n    }\n\n    ul {\n      margin-top: 5px;\n      list-style: none;\n\n      li {\n        display: inline-block;\n        margin-right: 5px;\n      }\n    }\n\n    strong {\n      font-weight: 500;\n      text-transform: uppercase;\n      font-size: 12px;\n\n      @each $lang in $cjk-langs {\n        &:lang(#{$lang}) {\n          font-weight: 700;\n        }\n      }\n    }\n\n    a {\n      display: inline-block;\n      color: $darker-text-color;\n      text-decoration: none;\n      text-transform: uppercase;\n      font-size: 12px;\n      font-weight: 500;\n      border-bottom: 2px solid $ui-base-color;\n\n      &:hover {\n        color: $primary-text-color;\n        border-bottom: 2px solid lighten($ui-base-color, 5%);\n      }\n\n      &.selected {\n        color: $highlight-text-color;\n        border-bottom: 2px solid $ui-highlight-color;\n      }\n    }\n  }\n}\n\n.flavour-screen {\n  display: block;\n  margin: 10px auto;\n  max-width: 100%;\n}\n\n.flavour-description {\n  display: block;\n  font-size: 16px;\n  margin: 10px 0;\n\n  & > p {\n    margin: 10px 0;\n  }\n}\n\n.report-accounts {\n  display: flex;\n  flex-wrap: wrap;\n  margin-bottom: 20px;\n}\n\n.report-accounts__item {\n  display: flex;\n  flex: 250px;\n  flex-direction: column;\n  margin: 0 5px;\n\n  & > strong {\n    display: block;\n    margin: 0 0 10px -5px;\n    font-weight: 500;\n    font-size: 14px;\n    line-height: 18px;\n    color: $secondary-text-color;\n\n    @each $lang in $cjk-langs {\n      &:lang(#{$lang}) {\n        font-weight: 700;\n      }\n    }\n  }\n\n  .account-card {\n    flex: 1 1 auto;\n  }\n}\n\n.report-status,\n.account-status {\n  display: flex;\n  margin-bottom: 10px;\n\n  .activity-stream {\n    flex: 2 0 0;\n    margin-right: 20px;\n    max-width: calc(100% - 60px);\n\n    .entry {\n      border-radius: 4px;\n    }\n  }\n}\n\n.report-status__actions,\n.account-status__actions {\n  flex: 0 0 auto;\n  display: flex;\n  flex-direction: column;\n\n  .icon-button {\n    font-size: 24px;\n    width: 24px;\n    text-align: center;\n    margin-bottom: 10px;\n  }\n}\n\n.simple_form.new_report_note,\n.simple_form.new_account_moderation_note {\n  max-width: 100%;\n}\n\n.batch-form-box {\n  display: flex;\n  flex-wrap: wrap;\n  margin-bottom: 5px;\n\n  #form_status_batch_action {\n    margin: 0 5px 5px 0;\n    font-size: 14px;\n  }\n\n  input.button {\n    margin: 0 5px 5px 0;\n  }\n\n  .media-spoiler-toggle-buttons {\n    margin-left: auto;\n\n    .button {\n      overflow: visible;\n      margin: 0 0 5px 5px;\n      float: right;\n    }\n  }\n}\n\n.back-link {\n  margin-bottom: 10px;\n  font-size: 14px;\n\n  a {\n    color: $highlight-text-color;\n    text-decoration: none;\n\n    &:hover {\n      text-decoration: underline;\n    }\n  }\n}\n\n.spacer {\n  flex: 1 1 auto;\n}\n\n.log-entry {\n  margin-bottom: 20px;\n  line-height: 20px;\n\n  &__header {\n    display: flex;\n    justify-content: flex-start;\n    align-items: center;\n    padding: 10px;\n    background: $ui-base-color;\n    color: $darker-text-color;\n    border-radius: 4px 4px 0 0;\n    font-size: 14px;\n    position: relative;\n  }\n\n  &__avatar {\n    margin-right: 10px;\n\n    .avatar {\n      display: block;\n      margin: 0;\n      border-radius: 50%;\n      width: 40px;\n      height: 40px;\n    }\n  }\n\n  &__content {\n    max-width: calc(100% - 90px);\n  }\n\n  &__title {\n    word-wrap: break-word;\n  }\n\n  &__timestamp {\n    color: $dark-text-color;\n  }\n\n  &__extras {\n    background: lighten($ui-base-color, 6%);\n    border-radius: 0 0 4px 4px;\n    padding: 10px;\n    color: $darker-text-color;\n    font-family: $font-monospace, monospace;\n    font-size: 12px;\n    word-wrap: break-word;\n    min-height: 20px;\n  }\n\n  &__icon {\n    font-size: 28px;\n    margin-right: 10px;\n    color: $dark-text-color;\n  }\n\n  &__icon__overlay {\n    position: absolute;\n    top: 10px;\n    right: 10px;\n    width: 10px;\n    height: 10px;\n    border-radius: 50%;\n\n    &.positive {\n      background: $success-green;\n    }\n\n    &.negative {\n      background: lighten($error-red, 12%);\n    }\n\n    &.neutral {\n      background: $ui-highlight-color;\n    }\n  }\n\n  a,\n  .username,\n  .target {\n    color: $secondary-text-color;\n    text-decoration: none;\n    font-weight: 500;\n  }\n\n  .diff-old {\n    color: lighten($error-red, 12%);\n  }\n\n  .diff-neutral {\n    color: $secondary-text-color;\n  }\n\n  .diff-new {\n    color: $success-green;\n  }\n}\n\na.name-tag,\n.name-tag,\na.inline-name-tag,\n.inline-name-tag {\n  text-decoration: none;\n  color: $secondary-text-color;\n\n  .username {\n    font-weight: 500;\n  }\n\n  &.suspended {\n    .username {\n      text-decoration: line-through;\n      color: lighten($error-red, 12%);\n    }\n\n    .avatar {\n      filter: grayscale(100%);\n      opacity: 0.8;\n    }\n  }\n}\n\na.name-tag,\n.name-tag {\n  display: flex;\n  align-items: center;\n\n  .avatar {\n    display: block;\n    margin: 0;\n    margin-right: 5px;\n    border-radius: 50%;\n  }\n\n  &.suspended {\n    .avatar {\n      filter: grayscale(100%);\n      opacity: 0.8;\n    }\n  }\n}\n\n.speech-bubble {\n  margin-bottom: 20px;\n  border-left: 4px solid $ui-highlight-color;\n\n  &.positive {\n    border-left-color: $success-green;\n  }\n\n  &.negative {\n    border-left-color: lighten($error-red, 12%);\n  }\n\n  &.warning {\n    border-left-color: $gold-star;\n  }\n\n  &__bubble {\n    padding: 16px;\n    padding-left: 14px;\n    font-size: 15px;\n    line-height: 20px;\n    border-radius: 4px 4px 4px 0;\n    position: relative;\n    font-weight: 500;\n\n    a {\n      color: $darker-text-color;\n    }\n  }\n\n  &__owner {\n    padding: 8px;\n    padding-left: 12px;\n  }\n\n  time {\n    color: $dark-text-color;\n  }\n}\n\n.report-card {\n  background: $ui-base-color;\n  border-radius: 4px;\n  margin-bottom: 20px;\n\n  &__profile {\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    padding: 15px;\n\n    .account {\n      padding: 0;\n      border: 0;\n\n      &__avatar-wrapper {\n        margin-left: 0;\n      }\n    }\n\n    &__stats {\n      flex: 0 0 auto;\n      font-weight: 500;\n      color: $darker-text-color;\n      text-transform: uppercase;\n      text-align: right;\n\n      a {\n        color: inherit;\n        text-decoration: none;\n\n        &:focus,\n        &:hover,\n        &:active {\n          color: lighten($darker-text-color, 8%);\n        }\n      }\n\n      .red {\n        color: $error-value-color;\n      }\n    }\n  }\n\n  &__summary {\n    &__item {\n      display: flex;\n      justify-content: flex-start;\n      border-top: 1px solid darken($ui-base-color, 4%);\n\n      &:hover {\n        background: lighten($ui-base-color, 2%);\n      }\n\n      &__reported-by,\n      &__assigned {\n        padding: 15px;\n        flex: 0 0 auto;\n        box-sizing: border-box;\n        width: 150px;\n        color: $darker-text-color;\n\n        &,\n        .username {\n          white-space: nowrap;\n          overflow: hidden;\n          text-overflow: ellipsis;\n        }\n      }\n\n      &__content {\n        flex: 1 1 auto;\n        max-width: calc(100% - 300px);\n\n        &__icon {\n          color: $dark-text-color;\n          margin-right: 4px;\n          font-weight: 500;\n        }\n      }\n\n      &__content a {\n        display: block;\n        box-sizing: border-box;\n        width: 100%;\n        padding: 15px;\n        text-decoration: none;\n        color: $darker-text-color;\n      }\n    }\n  }\n}\n\n.one-line {\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n}\n\n.ellipsized-ip {\n  display: inline-block;\n  max-width: 120px;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  vertical-align: middle;\n}\n\n.admin-account-bio {\n  display: flex;\n  flex-wrap: wrap;\n  margin: 0 -5px;\n  margin-top: 20px;\n\n  > div {\n    box-sizing: border-box;\n    padding: 0 5px;\n    margin-bottom: 10px;\n    flex: 1 0 50%;\n  }\n\n  .account__header__fields,\n  .account__header__content {\n    background: lighten($ui-base-color, 8%);\n    border-radius: 4px;\n    height: 100%;\n  }\n\n  .account__header__fields {\n    margin: 0;\n    border: 0;\n\n    a {\n      color: lighten($ui-highlight-color, 8%);\n    }\n\n    dl:first-child .verified {\n      border-radius: 0 4px 0 0;\n    }\n\n    .verified a {\n      color: $valid-value-color;\n    }\n  }\n\n  .account__header__content {\n    box-sizing: border-box;\n    padding: 20px;\n    color: $primary-text-color;\n  }\n}\n\n.center-text {\n  text-align: center;\n}\n","$emojis-requiring-outlines: '8ball' 'ant' 'back' 'black_circle' 'black_heart' 'black_large_square' 'black_medium_small_square' 'black_medium_square' 'black_nib' 'black_small_square' 'bomb' 'bowling' 'bust_in_silhouette' 'busts_in_silhouette' 'camera' 'camera_with_flash' 'clubs' 'copyright' 'curly_loop' 'currency_exchange' 'dark_sunglasses' 'eight_pointed_black_star' 'electric_plug' 'end' 'female-guard' 'film_projector' 'fried_egg' 'gorilla' 'guardsman' 'heavy_check_mark' 'heavy_division_sign' 'heavy_dollar_sign' 'heavy_minus_sign' 'heavy_multiplication_x' 'heavy_plus_sign' 'hocho' 'hole' 'joystick' 'kaaba' 'lower_left_ballpoint_pen' 'lower_left_fountain_pen' 'male-guard' 'microphone' 'mortar_board' 'movie_camera' 'musical_score' 'on' 'registered' 'soon' 'spades' 'speaking_head_in_silhouette' 'spider' 'telephone_receiver' 'tm' 'top' 'tophat' 'turkey' 'vhs' 'video_camera' 'video_game' 'water_buffalo' 'waving_black_flag' 'wavy_dash' !default;\n\n%emoji-outline {\n  filter: drop-shadow(1px 1px 0 $primary-text-color) drop-shadow(-1px 1px 0 $primary-text-color) drop-shadow(1px -1px 0 $primary-text-color) drop-shadow(-1px -1px 0 $primary-text-color);\n}\n\n.emojione {\n  @each $emoji in $emojis-requiring-outlines {\n    &[title=':#{$emoji}:'] {\n      @extend %emoji-outline;\n    }\n  }\n}\n\n.hicolor-privacy-icons {\n  .status__visibility-icon.fa-globe,\n  .composer--options--dropdown--content--item .fa-globe {\n    color: #1976D2;\n  }\n\n  .status__visibility-icon.fa-unlock,\n  .composer--options--dropdown--content--item .fa-unlock {\n    color: #388E3C;\n  }\n\n  .status__visibility-icon.fa-lock,\n  .composer--options--dropdown--content--item .fa-lock {\n    color: #FFA000;\n  }\n\n  .status__visibility-icon.fa-envelope,\n  .composer--options--dropdown--content--item .fa-envelope {\n    color: #D32F2F;\n  }\n}\n","body.rtl {\n  direction: rtl;\n\n  .column-header > button {\n    text-align: right;\n    padding-left: 0;\n    padding-right: 15px;\n  }\n\n  .radio-button__input {\n    margin-right: 0;\n    margin-left: 10px;\n  }\n\n  .directory__card__bar .display-name {\n    margin-left: 0;\n    margin-right: 15px;\n  }\n\n  .display-name {\n    text-align: right;\n  }\n\n  .notification__message {\n    margin-left: 0;\n    margin-right: 68px;\n  }\n\n  .drawer__inner__mastodon > img {\n    transform: scaleX(-1);\n  }\n\n  .notification__favourite-icon-wrapper {\n    left: auto;\n    right: -26px;\n  }\n\n  .landing-page__logo {\n    margin-right: 0;\n    margin-left: 20px;\n  }\n\n  .landing-page .features-list .features-list__row .visual {\n    margin-left: 0;\n    margin-right: 15px;\n  }\n\n  .column-link__icon,\n  .column-header__icon {\n    margin-right: 0;\n    margin-left: 5px;\n  }\n\n  .compose-form .compose-form__buttons-wrapper .character-counter__wrapper {\n    margin-right: 0;\n    margin-left: 4px;\n  }\n\n  .composer--publisher {\n    text-align: left;\n  }\n\n  .boost-modal__status-time,\n  .favourite-modal__status-time {\n    float: left;\n  }\n\n  .navigation-bar__profile {\n    margin-left: 0;\n    margin-right: 8px;\n  }\n\n  .search__input {\n    padding-right: 10px;\n    padding-left: 30px;\n  }\n\n  .search__icon .fa {\n    right: auto;\n    left: 10px;\n  }\n\n  .columns-area {\n    direction: rtl;\n  }\n\n  .column-header__buttons {\n    left: 0;\n    right: auto;\n    margin-left: 0;\n    margin-right: -15px;\n  }\n\n  .column-inline-form .icon-button {\n    margin-left: 0;\n    margin-right: 5px;\n  }\n\n  .column-header__links .text-btn {\n    margin-left: 10px;\n    margin-right: 0;\n  }\n\n  .account__avatar-wrapper {\n    float: right;\n  }\n\n  .column-header__back-button {\n    padding-left: 5px;\n    padding-right: 0;\n  }\n\n  .column-header__setting-arrows {\n    float: left;\n  }\n\n  .setting-toggle__label {\n    margin-left: 0;\n    margin-right: 8px;\n  }\n\n  .setting-meta__label {\n    float: left;\n  }\n\n  .status__avatar {\n    margin-left: 10px;\n    margin-right: 0;\n\n    // Those are used for public pages\n    left: auto;\n    right: 10px;\n  }\n\n  .activity-stream .status.light {\n    padding-left: 10px;\n    padding-right: 68px;\n  }\n\n  .status__info .status__display-name,\n  .activity-stream .status.light .status__display-name {\n    padding-left: 25px;\n    padding-right: 0;\n  }\n\n  .activity-stream .pre-header {\n    padding-right: 68px;\n    padding-left: 0;\n  }\n\n  .status__prepend {\n    margin-left: 0;\n    margin-right: 58px;\n  }\n\n  .status__prepend-icon-wrapper {\n    left: auto;\n    right: -26px;\n  }\n\n  .activity-stream .pre-header .pre-header__icon {\n    left: auto;\n    right: 42px;\n  }\n\n  .account__avatar-overlay-overlay {\n    right: auto;\n    left: 0;\n  }\n\n  .column-back-button--slim-button {\n    right: auto;\n    left: 0;\n  }\n\n  .status__relative-time,\n  .activity-stream .status.light .status__header .status__meta {\n    float: left;\n    text-align: left;\n  }\n\n  .status__action-bar {\n    &__counter {\n      margin-right: 0;\n      margin-left: 11px;\n\n      .status__action-bar-button {\n        margin-right: 0;\n        margin-left: 4px;\n      }\n    }\n  }\n\n  .status__action-bar-button {\n    float: right;\n    margin-right: 0;\n    margin-left: 18px;\n  }\n\n  .status__action-bar-dropdown {\n    float: right;\n  }\n\n  .privacy-dropdown__dropdown {\n    margin-left: 0;\n    margin-right: 40px;\n  }\n\n  .privacy-dropdown__option__icon {\n    margin-left: 10px;\n    margin-right: 0;\n  }\n\n  .detailed-status__display-name .display-name {\n    text-align: right;\n  }\n\n  .detailed-status__display-avatar {\n    margin-right: 0;\n    margin-left: 10px;\n    float: right;\n  }\n\n  .detailed-status__favorites,\n  .detailed-status__reblogs {\n    margin-left: 0;\n    margin-right: 6px;\n  }\n\n  .fa-ul {\n    margin-left: 2.14285714em;\n  }\n\n  .fa-li {\n    left: auto;\n    right: -2.14285714em;\n  }\n\n  .admin-wrapper {\n    direction: rtl;\n  }\n\n  .admin-wrapper .sidebar ul a i.fa,\n  a.table-action-link i.fa {\n    margin-right: 0;\n    margin-left: 5px;\n  }\n\n  .simple_form .check_boxes .checkbox label {\n    padding-left: 0;\n    padding-right: 25px;\n  }\n\n  .simple_form .input.with_label.boolean label.checkbox {\n    padding-left: 25px;\n    padding-right: 0;\n  }\n\n  .simple_form .check_boxes .checkbox input[type=\"checkbox\"],\n  .simple_form .input.boolean input[type=\"checkbox\"] {\n    left: auto;\n    right: 0;\n  }\n\n  .simple_form .input.radio_buttons .radio {\n    left: auto;\n    right: 0;\n  }\n\n  .simple_form .input.radio_buttons .radio > label {\n    padding-right: 28px;\n    padding-left: 0;\n  }\n\n  .simple_form .input-with-append .input input {\n    padding-left: 142px;\n    padding-right: 0;\n  }\n\n  .simple_form .input.boolean label.checkbox {\n    left: auto;\n    right: 0;\n  }\n\n  .simple_form .input.boolean .label_input,\n  .simple_form .input.boolean .hint {\n    padding-left: 0;\n    padding-right: 28px;\n  }\n\n  .simple_form .label_input__append {\n    right: auto;\n    left: 3px;\n\n    &::after {\n      right: auto;\n      left: 0;\n      background-image: linear-gradient(to left, rgba(darken($ui-base-color, 10%), 0), darken($ui-base-color, 10%));\n    }\n  }\n\n  .simple_form select {\n    background: darken($ui-base-color, 10%) url(\"data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14.933 18.467' height='19.698' width='15.929'><path d='M3.467 14.967l-3.393-3.5H14.86l-3.392 3.5c-1.866 1.925-3.666 3.5-4 3.5-.335 0-2.135-1.575-4-3.5zm.266-11.234L7.467 0 11.2 3.733l3.733 3.734H0l3.733-3.734z' fill='#{hex-color(lighten($ui-base-color, 12%))}'/></svg>\") no-repeat left 8px center / auto 16px;\n  }\n\n  .table th,\n  .table td {\n    text-align: right;\n  }\n\n  .filters .filter-subset {\n    margin-right: 0;\n    margin-left: 45px;\n  }\n\n  .landing-page .header-wrapper .mascot {\n    right: 60px;\n    left: auto;\n  }\n\n  .landing-page__call-to-action .row__information-board {\n    direction: rtl;\n  }\n\n  .landing-page .header .hero .floats .float-1 {\n    left: -120px;\n    right: auto;\n  }\n\n  .landing-page .header .hero .floats .float-2 {\n    left: 210px;\n    right: auto;\n  }\n\n  .landing-page .header .hero .floats .float-3 {\n    left: 110px;\n    right: auto;\n  }\n\n  .landing-page .header .links .brand img {\n    left: 0;\n  }\n\n  .landing-page .fa-external-link {\n    padding-right: 5px;\n    padding-left: 0 !important;\n  }\n\n  .landing-page .features #mastodon-timeline {\n    margin-right: 0;\n    margin-left: 30px;\n  }\n\n  @media screen and (min-width: 631px) {\n    .column,\n    .drawer {\n      padding-left: 5px;\n      padding-right: 5px;\n\n      &:first-child {\n        padding-left: 5px;\n        padding-right: 10px;\n      }\n    }\n\n    .columns-area > div {\n      .column,\n      .drawer {\n        padding-left: 5px;\n        padding-right: 5px;\n      }\n    }\n  }\n\n  .columns-area--mobile .column,\n  .columns-area--mobile .drawer {\n    padding-left: 0;\n    padding-right: 0;\n  }\n\n  .public-layout {\n    .header {\n      .nav-button {\n        margin-left: 8px;\n        margin-right: 0;\n      }\n    }\n\n    .public-account-header__tabs {\n      margin-left: 0;\n      margin-right: 20px;\n    }\n  }\n\n  .landing-page__information {\n    .account__display-name {\n      margin-right: 0;\n      margin-left: 5px;\n    }\n\n    .account__avatar-wrapper {\n      margin-left: 12px;\n      margin-right: 0;\n    }\n  }\n\n  .card__bar .display-name {\n    margin-left: 0;\n    margin-right: 15px;\n    text-align: right;\n  }\n\n  .fa-chevron-left::before {\n    content: \"\\F054\";\n  }\n\n  .fa-chevron-right::before {\n    content: \"\\F053\";\n  }\n\n  .column-back-button__icon {\n    margin-right: 0;\n    margin-left: 5px;\n  }\n\n  .column-header__setting-arrows .column-header__setting-btn:last-child {\n    padding-left: 0;\n    padding-right: 10px;\n  }\n\n  .simple_form .input.radio_buttons .radio > label input {\n    left: auto;\n    right: 0;\n  }\n}\n",".dashboard__counters {\n  display: flex;\n  flex-wrap: wrap;\n  margin: 0 -5px;\n  margin-bottom: 20px;\n\n  & > div {\n    box-sizing: border-box;\n    flex: 0 0 33.333%;\n    padding: 0 5px;\n    margin-bottom: 10px;\n\n    & > div,\n    & > a {\n      padding: 20px;\n      background: lighten($ui-base-color, 4%);\n      border-radius: 4px;\n      box-sizing: border-box;\n      height: 100%;\n    }\n\n    & > a {\n      text-decoration: none;\n      color: inherit;\n      display: block;\n\n      &:hover,\n      &:focus,\n      &:active {\n        background: lighten($ui-base-color, 8%);\n      }\n    }\n  }\n\n  &__num,\n  &__text {\n    text-align: center;\n    font-weight: 500;\n    font-size: 24px;\n    line-height: 21px;\n    color: $primary-text-color;\n    font-family: $font-display, sans-serif;\n    margin-bottom: 20px;\n    line-height: 30px;\n  }\n\n  &__text {\n    font-size: 18px;\n  }\n\n  &__label {\n    font-size: 14px;\n    color: $darker-text-color;\n    text-align: center;\n    font-weight: 500;\n  }\n}\n\n.dashboard__widgets {\n  display: flex;\n  flex-wrap: wrap;\n  margin: 0 -5px;\n\n  & > div {\n    flex: 0 0 33.333%;\n    margin-bottom: 20px;\n\n    & > div {\n      padding: 0 5px;\n    }\n  }\n\n  a:not(.name-tag) {\n    color: $ui-secondary-color;\n    font-weight: 500;\n    text-decoration: none;\n  }\n}\n","// components.scss\n.compose-form {\n  .compose-form__modifiers {\n    .compose-form__upload {\n      &-description {\n        input {\n          &::placeholder {\n            opacity: 1.0;\n          }\n        }\n      }\n    }\n  }\n}\n\n.rich-formatting a,\n.rich-formatting p a,\n.rich-formatting li a,\n.landing-page__short-description p a,\n.status__content a,\n.reply-indicator__content a {\n  color: lighten($ui-highlight-color, 12%);\n  text-decoration: underline;\n\n  &.mention {\n    text-decoration: none;\n  }\n\n  &.mention span {\n    text-decoration: underline;\n\n    &:hover,\n    &:focus,\n    &:active {\n      text-decoration: none;\n    }\n  }\n\n  &:hover,\n  &:focus,\n  &:active {\n    text-decoration: none;\n  }\n\n  &.status__content__spoiler-link {\n    color: $secondary-text-color;\n    text-decoration: none;\n  }\n}\n\n.status__content__read-more-button {\n  text-decoration: underline;\n\n  &:hover,\n  &:focus,\n  &:active {\n    text-decoration: none;\n  }\n}\n\n.getting-started__footer a {\n  text-decoration: underline;\n\n  &:hover,\n  &:focus,\n  &:active {\n    text-decoration: none;\n  }\n}\n\n.nothing-here {\n  color: $darker-text-color;\n}\n\n.public-layout .public-account-header__tabs__tabs .counter.active::after {\n  border-bottom: 4px solid $ui-highlight-color;\n}\n"],"sourceRoot":""}
\ No newline at end of file
+{"version":3,"sources":["webpack:///common.scss","webpack:///./app/javascript/flavours/glitch/styles/reset.scss","webpack:///./app/javascript/flavours/glitch/styles/contrast/variables.scss","webpack:///./app/javascript/flavours/glitch/styles/basics.scss","webpack:///./app/javascript/flavours/glitch/styles/variables.scss","webpack:///./app/javascript/flavours/glitch/styles/containers.scss","webpack:///./app/javascript/flavours/glitch/styles/_mixins.scss","webpack:///./app/javascript/flavours/glitch/styles/lists.scss","webpack:///./app/javascript/flavours/glitch/styles/modal.scss","webpack:///./app/javascript/flavours/glitch/styles/footer.scss","webpack:///./app/javascript/flavours/glitch/styles/compact_header.scss","webpack:///./app/javascript/flavours/glitch/styles/widgets.scss","webpack:///./app/javascript/flavours/glitch/styles/forms.scss","webpack:///./app/javascript/flavours/glitch/styles/accounts.scss","webpack:///./app/javascript/flavours/glitch/styles/statuses.scss","webpack:///./app/javascript/flavours/glitch/styles/components/index.scss","webpack:///./app/javascript/flavours/glitch/styles/components/boost.scss","webpack:///./app/javascript/flavours/glitch/styles/components/accounts.scss","webpack:///./app/javascript/flavours/glitch/styles/components/domains.scss","webpack:///./app/javascript/flavours/glitch/styles/components/status.scss","webpack:///./app/javascript/flavours/glitch/styles/components/modal.scss","webpack:///./app/javascript/flavours/glitch/styles/components/composer.scss","webpack:///./app/javascript/flavours/glitch/styles/components/columns.scss","webpack:///./app/javascript/flavours/glitch/styles/components/regeneration_indicator.scss","webpack:///./app/javascript/flavours/glitch/styles/components/directory.scss","webpack:///./app/javascript/flavours/glitch/styles/components/search.scss","webpack:///<no source>","webpack:///./app/javascript/flavours/glitch/styles/components/emoji.scss","webpack:///./app/javascript/flavours/glitch/styles/components/doodle.scss","webpack:///./app/javascript/flavours/glitch/styles/components/drawer.scss","webpack:///./app/javascript/flavours/glitch/styles/components/media.scss","webpack:///./app/javascript/flavours/glitch/styles/components/sensitive.scss","webpack:///./app/javascript/flavours/glitch/styles/components/lists.scss","webpack:///./app/javascript/flavours/glitch/styles/components/emoji_picker.scss","webpack:///./app/javascript/flavours/glitch/styles/components/local_settings.scss","webpack:///./app/javascript/flavours/glitch/styles/components/error_boundary.scss","webpack:///./app/javascript/flavours/glitch/styles/components/single_column.scss","webpack:///./app/javascript/flavours/glitch/styles/components/announcements.scss","webpack:///./app/javascript/flavours/glitch/styles/polls.scss","webpack:///./app/javascript/flavours/glitch/styles/about.scss","webpack:///./app/javascript/flavours/glitch/styles/tables.scss","webpack:///./app/javascript/flavours/glitch/styles/admin.scss","webpack:///./app/javascript/flavours/glitch/styles/accessibility.scss","webpack:///./app/javascript/flavours/glitch/styles/rtl.scss","webpack:///./app/javascript/flavours/glitch/styles/dashboard.scss","webpack:///./app/javascript/flavours/glitch/styles/contrast/diff.scss"],"names":[],"mappings":"AAAA,2ZCKA,QAaE,UACA,SACA,eACA,aACA,wBACA,+EAIF,aAEE,MAGF,aACE,OAGF,eACE,cAGF,WACE,qDAGF,UAEE,aACA,OAGF,wBACE,iBACA,MAGF,sCACE,qBAGF,UACE,YACA,2BAGF,kBACE,cACA,mBACA,iCAGF,kBACE,kCAGF,kBACE,2BAGF,aACE,gBACA,0BACA,CC9EmB,iEDqFrB,kBCrFqB,4BDyFrB,sBACE,MEtFF,sBACE,mBACA,eACA,iBACA,gBACA,WCVM,kCDYN,6BACA,8BACA,CADA,0BACA,CADA,qBACA,0CACA,wCACA,kBAEA,sIAYE,eAGF,SACE,oCAEA,WACE,iBACA,kBACA,uCAGF,iBACE,WACA,YACA,mCAGF,iBACE,cAIJ,kBDpDmB,kBCwDnB,iBACE,kBACA,0BAEA,iBACE,YAIJ,kBACE,SACA,iBACA,uBAEA,iBACE,WACA,YACA,gBACA,YAIJ,kBACE,UACA,YAGF,iBACE,kBACA,cDzEgB,mBAZC,WCwFjB,YACA,UACA,aACA,uBACA,mBACA,oBAEA,qBACE,YACA,wBAEA,aACE,gBACA,WACA,YACA,kBACA,uBAGF,cACE,iBACA,gBACA,QAMR,mBACE,eACA,cAEA,YACE,6BAKF,YAEE,WACA,mBACA,uBACA,oBACA,yEAKF,gBAEE,+EAKF,WAEE,gBErJJ,WACE,CACA,kBACA,qCAEA,eALF,UAMI,SACA,kBAIJ,sBACE,qCAEA,gBAHF,kBAII,qBAGF,YACE,uBACA,mBACA,wBAEA,SDrBI,YCuBF,kBACA,sBAGF,YACE,uBACA,mBACA,WD9BE,qBCgCF,UACA,kBACA,iBACA,uBACA,gBACA,eACA,mCAMJ,WACE,CACA,cACA,mBACA,sBACA,qCAEA,kCAPF,UAQI,aACA,aACA,kBAKN,WACE,CACA,YACA,eACA,iBACA,sBACA,CACA,gBACA,CACA,sBACA,qCAEA,gBAZF,UAaI,CACA,eACA,CACA,mBACA,0BAKA,UACqB,sCC3EvB,iBD4EE,6BAEA,UACE,YACA,cACA,SACA,kBACA,iBD5BkB,wBE9DtB,4BACA,uBD8FA,aACE,cHjFmB,wBGmFnB,iCAEA,aACE,gBACA,uBACA,gBACA,8BAIJ,aACE,eACA,iBACA,gBACA,SAIJ,YACE,cACA,8BACA,sBACA,mCACA,CADA,0BACA,mBAEA,eACE,WACA,mBAGF,aACE,WACA,mBAGF,aACE,WACA,mBAGF,eACE,WACA,qCAGF,QA3BF,UA4BI,qCACA,mBAEA,aACE,mBAGF,aACE,WACA,mBAGF,aACE,WACA,mBAGF,aACE,WACA,UAKN,YACE,cACA,8CACA,sBACA,mCACA,CADA,0BACA,mBAEA,eACE,WACA,mBAGF,eACE,WACA,mBAGF,aACE,WACA,mBAGF,eACE,WACA,mBAGF,aACE,WACA,uCAGF,eACE,wBAGF,kBACE,qCAGF,QAxCF,iDAyCI,uCAEA,YACE,aACA,mBACA,uBACA,iCAGF,UACE,uBACA,mBACA,sBAGF,YACE,sCAIJ,QA7DF,UA8DI,qCACA,mBAEA,aACE,mBAGF,aACE,WACA,mBAGF,aACE,WACA,mBAGF,aACE,WACA,mBAGF,aACE,WACA,sCAMJ,eADF,gBAEI,4BAGF,eACE,qCAEA,0BAHF,SAII,yBAIJ,kBACE,mCACA,kBACA,YACA,cACA,aACA,oBACA,uBACA,iBACA,gBACA,qCAEA,uBAZF,cAaI,WACA,MACA,OACA,SACA,gBACA,gBACA,YACA,6BAGF,cACE,eACA,kCAGF,YACE,oBACA,2BACA,iBACA,oCAGF,YACE,oBACA,uBACA,iBACA,mCAGF,YACE,oBACA,yBACA,iBACA,+BAGF,aACE,aACA,mCAEA,aACE,YACA,WACA,kBACA,YACA,UD1UA,qCC6UA,kCARF,WASI,+GAIJ,kBAGE,kCAIJ,YACE,mBACA,eACA,eACA,gBACA,qBACA,cHlVc,mBGoVd,kBACA,uHAEA,yBAGE,WDvWA,qCC2WF,0CACE,YACE,qCAKN,kBACE,CACA,oBACA,kBACA,6HAEA,oBAGE,mBACA,sBAON,YACE,cACA,0DACA,sBACA,mCACA,CADA,0BACA,gCAEA,UACE,cACA,gCAGF,UACE,cACA,qCAGF,qBAjBF,0BAkBI,WACA,gCAEA,YACE,kCAKN,iBACE,qCAEA,gCAHF,eAII,sCAKF,4BADF,eAEI,wCAIJ,eACE,mBACA,mCACA,gDAEA,UACE,qIAEA,8BAEE,CAFF,sBAEE,6DAGF,wBH1aiB,8CG+anB,yBACE,gBACA,aACA,kBACA,mBACA,oDAEA,UACE,cACA,kBACA,WACA,YACA,gDACA,MACA,OACA,kDAGF,mBACE,CADF,8BACE,CADF,gBACE,cACA,WACA,YACA,SACA,0BACA,qCAGF,6CA3BF,YA4BI,gDAIJ,eACE,6JAEA,iBAEE,qCAEA,4JAJF,eAKI,sCAKN,sCA/DF,eAgEI,gBACA,oDAEA,YACE,+FAGF,eAEE,6CAIJ,iBACE,iBACA,aACA,2BACA,mDAEA,UACE,cACA,mBACA,kBACA,SACA,OACA,QACA,YACA,0BACA,WACA,oDAGF,aACE,CAEA,WACqB,yCCzgB3B,kBD0gBM,cACA,wDAEA,aACE,WACA,YACA,SACA,kBACA,yBACA,mBACA,iBD7dc,wBE9DtB,4BACA,qCD+hBI,2CAvCF,YAwCI,mBACA,0BACA,YACA,mDAEA,YACE,oDAKA,UACqB,sCCtiB7B,CDuiBQ,sBACA,wDAEA,QACE,kBACA,iBDrfY,wBE9DtB,4BACA,2DDsjBQ,mDAbF,YAcI,sCAKN,2CApEF,eAqEI,sCAGF,2CAxEF,cAyEI,8CAIJ,aACE,iBACA,mDAEA,gBACE,mBACA,sDAEA,cACE,iBACA,WDhlBF,gBCklBE,gBACA,mBACA,uBACA,6BACA,4DAEA,aACE,eACA,WD1lBJ,gBC4lBI,gBACA,uBACA,qCAKN,4CA7BF,gBA8BI,aACA,8BACA,mBACA,mDAEA,aACE,iBACA,sDAEA,cACE,iBACA,iBACA,4DAEA,aHrmBQ,oDG4mBd,YACE,2BACA,oBACA,YACA,qEAEA,YACE,mBACA,gBACA,qCAGF,oEACE,YACE,6DAIJ,eACE,sBACA,cACA,cHjoBU,aGmoBV,+BACA,eACA,kBACA,kBACA,8DAEA,aACE,uEAGF,cACE,kEAGF,aACE,WACA,kBACA,SACA,OACA,WACA,gCACA,WACA,wBACA,yEAIA,+BACE,UACA,kFAGF,2BHjqBW,wEGuqBX,SACE,wBACA,8DAIJ,oBACE,cACA,2EAGF,cACE,cACA,4EAGF,eACE,eACA,kBACA,WDzsBJ,uBC2sBI,2DAIJ,aACE,WACA,4DAGF,eACE,8CAKN,YACE,eACA,kEAEA,eACE,gBACA,uBACA,cACA,2FAEA,4BACE,yEAGF,YACE,qDAIJ,gBACE,eACA,cHluBY,uDGquBZ,oBACE,cHtuBU,qBGwuBV,aACA,gBACA,8DAEA,eACE,WD1vBJ,qCCgwBF,6CAtCF,aAuCI,UACA,4CAKN,yBACE,qCAEA,0CAHF,eAII,wCAIJ,eACE,oCAGF,kBACE,mCACA,kBACA,gBACA,mBACA,qCAEA,mCAPF,eAQI,gBACA,gBACA,8DAGF,QACE,aACA,+DAEA,aACE,sFAGF,uBACE,yEAGF,aD3yBU,8DCizBV,mBACA,WDnzBE,qFCuzBJ,YAEE,eACA,cH7yBc,2CGizBhB,gBACE,iCAIJ,YACE,cACA,kDACA,qCAEA,gCALF,aAMI,+CAGF,cACE,iCAIJ,eACE,2BAGF,YACE,eACA,eACA,cACA,+BAEA,qBACE,cACA,YACA,cACA,mBACA,kBACA,qCAEA,8BARF,aASI,sCAGF,8BAZF,cAaI,sCAIJ,0BAvBF,QAwBI,6BACA,+BAEA,UACE,UACA,gBACA,gCACA,0CAEA,eACE,0CAGF,kBHz3Ba,+IG43BX,kBAGE,WEl4BZ,eACE,aAEA,oBACE,aACA,iBAIJ,eACE,cACA,oBAEA,cACE,gBACA,mBACA,eChBJ,k1BACE,aACA,sBACA,aACA,UACA,yBAGF,YACE,OACA,sBACA,yBACA,2BAEA,MACE,iBACA,qCAIJ,gBACE,YACE,yBCrBF,eACE,iBACA,oBACA,eACA,cACA,qCAEA,uBAPF,iBAQI,mBACA,+BAGF,YACE,cACA,0CACA,wCAEA,aACE,WACA,YACA,wCAGF,aACE,WACA,YACA,wCAGF,aACE,WACA,YACA,kBACA,6CAEA,aACE,wCAIJ,aACE,WACA,YACA,wCAGF,aACE,WACA,YACA,qCAGF,6BAxCF,iCAyCI,+EAEA,aAEE,wCAGF,UACE,wCAGF,aACE,+EAGF,aAEE,wCAGF,UACE,sCAIJ,uCACE,aACE,sCAIJ,4JACE,YAIE,4BAKN,wBACE,gBACA,kBACA,cPnFc,6BOsFd,aACE,qBACA,6BAIJ,oBACE,cACA,wGAEA,yBAGE,mCAKF,aACE,YACA,WACA,cACA,aACA,0HAMA,YACE,oBClIR,cACE,iBACA,cRYgB,gBQVhB,mBACA,eACA,qBACA,qCAEA,mBATF,iBAUI,oBACA,uBAGF,aACE,qBACA,0BAGF,eACE,cRJiB,wBQQnB,oBACE,mBACA,kBACA,WACA,YACA,cC9BN,kBACE,mCACA,mBAEA,UACE,kBACA,gBACA,0BACA,gBPPI,uBOUJ,mBACE,CADF,8BACE,CADF,gBACE,cACA,WACA,YACA,SACA,0BACA,oBAIJ,kBTlBmB,aSoBjB,0BACA,eACA,cTVgB,iBSYhB,qBACA,gBACA,8BAEA,UACE,YACA,gBACA,sBAGF,kBACE,iCAEA,eACE,uBAIJ,cACE,SACA,UACA,gBACA,uBACA,oBACA,kBACA,oBACA,cACA,sBAGF,aTxCmB,qBS0CjB,4BAEA,yBACE,qCAKN,aAnEF,YAoEI,uBAIJ,kBACE,oBACA,yBAEA,YACE,yBACA,gBACA,eACA,cTjEgB,+BSqElB,cACE,0CAEA,eACE,sDAGF,YACE,mBACA,gDAGF,UACE,YACA,0BACA,oCAIJ,YACE,mBAKF,aT9FkB,aSmGpB,YACE,kBACA,mBTjHmB,mCSmHnB,qBAGF,YACE,kBACA,0BACA,kBACA,cT9GkB,mBSgHlB,iBAGF,eACE,eACA,cTrHkB,iBSuHlB,qBACA,gBACA,UACA,oBAEA,YACE,yBACA,gBACA,eACA,cThIgB,0BSoIlB,eACE,CACA,kBACA,mBAGF,oBACE,CACA,mBACA,cT7IgB,qBS+IhB,mBACA,gBACA,uBACA,0EAEA,yBAGE,uBAMJ,sBACA,kBACA,mBT3KmB,mCS6KnB,cT/JqB,gBSiKrB,mBACA,sDAEA,eAEE,CAII,qXADF,eACE,yBAKN,aACE,0BACA,CAMI,wLAGF,oBAGE,mIAEA,yBACE,gCAMR,kBACE,oCAEA,gBACE,cT5Mc,8DSkNhB,iBACE,eACA,4DAGF,eACE,qBACA,iEAEA,eACE,kBAMR,YACE,CACA,ePlPM,COoPN,cACA,cTvOkB,mBSyOlB,+BANA,iBACA,CPlPM,kCOgQN,CATA,aAGF,kBACE,CAEA,iBACA,kBACA,cACA,iBAEA,UPjQM,eOmQJ,gBACA,gBACA,mBACA,gBAGF,cACE,cT7PgB,qCSiQlB,aArBF,YAsBI,mBACA,iBAEA,cACE,aAKN,kBTvRqB,kBSyRnB,mCACA,iBAEA,qBACE,mBACA,uCAEA,YAEE,mBACA,8BACA,mBTpSe,kBSsSf,aACA,qBACA,cACA,mCACA,0EAIA,kBAGE,0BAIJ,kBT3SiB,eS6Sf,8BAGF,UACE,eACA,oBAGF,aACE,eACA,gBACA,WPnUE,mBOqUF,gBACA,uBACA,wBAEA,aT5Tc,0BSgUd,aACE,gBACA,eACA,eACA,cTpUY,yFS0Ud,UPvVE,+BO8VJ,aACE,YACA,uDAGF,oBTxViB,eS8VrB,YACE,yBACA,gCAEA,aACE,WACA,YACA,kBACA,kBACA,kBACA,mBACA,yBACA,4CAEA,SACE,6CAGF,SACE,6CAGF,SACE,iBAKN,UACE,0BAEA,SACE,SACA,wBAGF,eACE,0BAGF,iBACE,yBACA,cTtYgB,gBSwYhB,aACA,sCAEA,eACE,0BAIJ,cACE,sBACA,gCACA,wCAGF,eACE,wBAGF,WACE,kBACA,eACA,gBACA,WP3aI,8BO8aJ,aACE,cTlac,gBSoad,eACA,0BAIJ,SACE,iCACA,qCAGF,kCACE,YACE,sCAYJ,qIAPF,eAQI,gBACA,gBACA,iBAOJ,gBACE,qCAEA,eAHF,oBAII,uBAGF,sBACE,sCAEA,qBAHF,sBAII,sCAGF,qBAPF,UAQI,sCAGF,qBAXF,WAYI,kCAIJ,iBACE,qCAEA,gCAHF,4BAII,iEAIA,eACE,0DAGF,cACE,iBACA,oEAEA,UACE,YACA,gBACA,yFAGF,gBACE,SACA,mKAIJ,eAGE,gBAON,aTngBkB,iCSkgBpB,kBAKI,6BAEA,eACE,kBAIJ,cACE,iBACA,wCAMF,oBACE,gBACA,cT1hBiB,4JS6hBjB,yBAGE,oBAKN,kBACE,gBACA,eACA,kBACA,yBAEA,aACE,gBACA,aACA,CACA,kBACA,gBACA,uBACA,qBACA,WP9jBI,gCOgkBJ,4FAEA,yBAGE,oCAIJ,eACE,0BAGF,iBACE,gCACA,MC/kBJ,+BACE,gBACA,iBAGF,eACE,aACA,cACA,qBAIA,kBACE,gBACA,4BAEA,QACE,0CAIA,kBACE,qDAEA,eACE,gDAIJ,iBACE,kBACA,sDAEA,iBACE,SACA,OACA,6BAKN,iBACE,gBACA,gDAEA,mBACE,eACA,gBACA,WRhDA,cQkDA,WACA,4EAGF,iBAEE,mDAGF,eACE,4CAGF,iBACE,QACA,OACA,qCAGF,aVjEoB,0BUmElB,gIAEA,oBAGE,0CAIJ,iBACE,CACA,iBACA,mBAKN,YACE,cACA,0BAEA,qBACE,cACA,UACA,cACA,oBAIJ,aVvFkB,sBU0FhB,aVnGsB,yBUuGtB,iBACE,kBACA,mBACA,wBAIJ,aACE,eACA,eACA,qBAGF,kBACE,cV5GgB,iCU+GhB,iBACE,eACA,iBACA,gBACA,gBACA,oBAIJ,kBACE,qBAGF,eACE,CAII,0JADF,eACE,sDAMJ,YACE,4DAEA,mBACE,eACA,WRzJA,gBQ2JA,gBACA,cACA,wHAGF,aAEE,sDAIJ,cACE,kBACA,mDAKF,mBACE,eACA,WR/KE,cQiLF,kBACA,qBACA,gBACA,sCAGF,cACE,mCAGF,UACE,sCAIJ,cACE,4CAEA,mBACE,eACA,WRrME,cQuMF,gBACA,gBACA,4CAGF,kBACE,yCAGF,cACE,CADF,cACE,kDAIJ,oBACE,WACA,OACA,6BAGF,oBACE,cACA,4BAGF,kBACE,8CAEA,eACE,0BAIJ,YACE,CACA,eACA,oBACA,iCAEA,cACE,kCAGF,qBACE,eACA,cACA,eACA,oCAEA,aACE,2CAGF,eACE,6GAIJ,eAEE,qCAGF,yBA9BF,aA+BI,gBACA,kCAEA,cACE,0JAGF,kBAGE,iDAKN,iBACE,oBACA,eACA,WRzRI,cQ2RJ,WACA,2CAKE,mBACE,eACA,WRnSA,qBQqSA,WACA,kBACA,gBACA,kBACA,cACA,0DAGF,iBACE,OACA,QACA,SACA,kDAKN,cACE,aACA,yBACA,kBACA,sJAGF,qBAKE,eACA,WRnUI,cQqUJ,WACA,UACA,oBACA,gBACA,mBACA,yBACA,kBACA,aACA,6RAEA,aACE,CAHF,+OAEA,aACE,CAHF,mQAEA,aACE,CAHF,sNAEA,aACE,8LAGF,eACE,oVAGF,oBACE,iOAGF,oBR1VY,oLQ8VZ,iBACE,4WAGF,oBV/VsB,mBUkWpB,6CAKF,aACE,gUAGF,oBAME,8CAGF,aACE,gBACA,cACA,eACA,8BAIJ,UACE,uBAGF,eACE,aACA,oCAEA,YACE,mBACA,qEAIJ,aAGE,WACA,SACA,kBACA,mBVzYiB,WEXb,eQuZJ,oBACA,YACA,aACA,yBACA,qBACA,kBACA,sBACA,eACA,gBACA,UACA,mBACA,kBACA,sGAEA,cACE,uFAGF,wBACE,gLAGF,wBAEE,kHAGF,wBVhboB,gGUobpB,kBRpbQ,kHQubN,wBACE,sOAGF,wBAEE,qBAKN,uBACE,CADF,oBACE,CADF,eACE,sBACA,eACA,WRvcI,cQycJ,WACA,UACA,oBACA,gBACA,wXACA,yBACA,kBACA,kBACA,mBACA,YACA,iBAGF,4BACE,oCAIA,iBACE,mCAGF,iBACE,UACA,QACA,CACA,qBACA,eACA,cVvdY,oBUydZ,oBACA,eACA,gBACA,mBACA,gBACA,yCAEA,UACE,cACA,kBACA,MACA,QACA,WACA,UACA,iEACA,4BAKN,iBACE,0CAEA,wBACE,CADF,gBACE,qCAGF,iBACE,MACA,OACA,WACA,YACA,aACA,uBACA,mBACA,8BACA,kBACA,iBACA,gBACA,YACA,8CAEA,iBACE,6HAGE,URrhBF,aQ+hBR,aACE,CACA,kBACA,eACA,gBAGF,kBACE,cV1hBkB,kBU4hBlB,kBACA,mBACA,kBACA,uBAEA,qCACE,iCACA,cR/iBY,sBQmjBd,mCACE,+BACA,cRpjBQ,kBQwjBV,oBACE,cV9iBgB,qBUgjBhB,wBAEA,UR/jBI,0BQikBF,kBAIJ,kBACE,4BAGF,SACE,sBACA,cACA,WACA,YACA,aACA,gCACA,mBV/kBiB,WEDb,eQmlBJ,SACA,8CAEA,QACE,iHAGF,mBAGE,kCAGF,kBACE,uBAIJ,eACE,CAII,oKADF,eACE,0DAKN,eAzEF,eA0EI,eAIJ,eACE,kBACA,gBAEA,aV3mBkB,qBU6mBhB,sBAEA,yBACE,YAKN,eACE,mBACA,eACA,eAEA,oBACE,kBACA,cAGF,aVxoBwB,yBU0oBtB,qBACA,gBACA,2DAEA,aAGE,8BAKN,kBAEE,cV/oBkB,oCUkpBlB,cACE,mBACA,kBACA,4CAGF,aVtpBqB,gBUwpBnB,CAII,mUADF,eACE,0DAKN,6BAtBF,eAuBI,cAIJ,YACE,eACA,uBACA,UAGF,aACE,gBR5rBM,YQ8rBN,qBACA,mCACA,qBACA,cAEA,aACE,SACA,iBAIJ,kBACE,cV3rBqB,WU6rBrB,sBAEA,aACE,eACA,eAKF,kBACE,sBAEA,eACE,CAII,+JADF,eACE,4CASR,qBACE,8BACA,WRxuBI,qCQ0uBJ,oCACA,kBACA,aACA,mBACA,gDAEA,URhvBI,0BQkvBF,oLAEA,oBAGE,0DAIJ,eACE,cACA,kBACA,CAII,yYADF,eACE,kEAIJ,eACE,oBAMR,YACE,eACA,mBACA,4DAEA,aAEE,6BAIA,wBACA,cACA,sBAIJ,iBACE,cVlxBkB,0BUqxBlB,iBACE,oBAIJ,eACE,mBACA,uBAEA,cACE,WR5yBI,kBQ8yBJ,mBACA,SACA,UACA,4BAGF,aACE,eAIJ,aRtzBc,0SQg0BZ,+BACE,aAIJ,kBACE,yBACA,kBACA,aACA,mBACA,kBACA,kBACA,QACA,mCACA,sBAEA,aACE,8BAGF,sBACE,SACA,aACA,eACA,gCACA,oBAGF,aACE,WACA,oBACA,gBACA,eACA,CACA,oBACA,WACA,iCACA,oBAGF,oBR12Bc,gBQ42BZ,2BAEA,kBR92BY,gBQg3BV,oBAKN,kBACE,6BAEA,wBACE,mBACA,eACA,aACA,4BAGF,kBACE,aACA,OACA,sBACA,cACA,cACA,gCAEA,iBACE,YACA,iBACA,kBACA,UACA,8BAGF,qBACE,qCAIJ,kBACE,gCAGF,wBACE,mCACA,kBACA,kBACA,kBACA,kBACA,sCAEA,wBACE,WACA,cACA,YACA,SACA,kBACA,MACA,UACA,yBAIJ,sBACE,aACA,mBACA,SCj7BF,aACE,qBACA,cACA,mCACA,qCAEA,QANF,eAOI,8EAMA,kBACE,YAKN,YACE,kBACA,mBACA,0BACA,gBAEA,aACE,WACA,YACA,SACA,oBACA,CADA,8BACA,CADA,gBACA,0BACA,qCAGF,WAfF,YAgBI,sCAGF,WAnBF,YAoBI,aAIJ,iBACE,aACA,aACA,2BACA,mBACA,mBACA,0BACA,qCAEA,WATF,eAUI,qBAGF,aACE,CAEA,UACqB,sCPpDzB,gBOqDI,wBAEA,UACE,YACA,cACA,SACA,kBACA,iBTLgB,wBE9DtB,4BACA,mBOoEM,oBACA,CADA,8BACA,CADA,gBACA,0BAIJ,gBACE,gBACA,iCAEA,cACE,WT/EA,gBSiFA,gBACA,uBACA,+BAGF,aACE,eACA,cX3EY,gBW6EZ,gBACA,uBACA,aAMR,cACE,kBACA,gBACA,6GAEA,cAME,WT7GI,gBS+GJ,qBACA,iBACA,qBACA,sBAGF,eTrHM,oBSuHJ,WXxHI,eW0HJ,cACA,kBAGF,cACE,uCAGF,wBAEE,cXpHmB,oBWwHrB,UACE,eACA,wBAEA,oBACE,iBACA,oBAIJ,WACE,gBACA,wBAEA,oBACE,gBACA,uBAIJ,cACE,cACA,qCAGF,YA9DF,iBA+DI,mBAEA,YACE,uCAGF,oBAEE,gBAKN,kBX7KqB,mCW+KnB,cX3JiB,eW6JjB,gBACA,kBACA,aACA,uBACA,mBACA,eACA,kBACA,aACA,gBACA,2BAEA,yBACE,yBAGF,qBACE,gBACA,yCAIJ,oBAEE,gBACA,eACA,kBACA,eACA,iBACA,gBACA,cX5MwB,sCW8MxB,sCACA,6DAEA,aTnNc,sCSqNZ,kCACA,qDAGF,aACE,sCACA,kCACA,0BAIJ,eACE,UACA,wBACA,gBACA,CADA,YACA,CACA,iCACA,CADA,uBACA,CADA,kBACA,eACA,iBACA,6BAEA,YACE,gCACA,yDAGF,qBAEE,aACA,kBACA,gBACA,gBACA,mBACA,uBACA,6BAGF,eACE,YACA,cACA,cX/OmB,6BWiPnB,6BAGF,aACE,cXvPgB,4BW2PlB,aXpQwB,qBWsQtB,qGAEA,yBAGE,oCAIJ,qCACE,iCACA,sCAEA,aTtRY,gBSwRV,0CAGF,aT3RY,wCSgSd,eACE,wCAIJ,UACE,0BAIA,aX9RkB,4BWiShB,aX3SsB,qBW6SpB,qGAEA,yBAGE,iCAIJ,UTzTI,gBS2TF,wBAIJ,eACE,kBClUJ,kCACE,kBACA,gBACA,mBACA,qCAEA,iBANF,eAOI,gBACA,gBACA,6BAGF,eACE,SACA,gBACA,gFAEA,yBAEE,sCAIJ,UACE,yBAGF,kBZxBmB,6GY2BjB,sBAGE,CAHF,cAGE,8IAIA,eAGE,0BACA,iJAKF,yBAGE,kLAIA,iBAGE,qCAKN,4GACE,yBAGE,uCAKN,kBACE,qBAIJ,WACE,eACA,mBZhEmB,WEXb,oBU8EN,iBACA,YACA,iBACA,SACA,yBAEA,UACE,YACA,sBACA,iBACA,UVxFI,gFU4FN,kBAGE,qNAKA,kBZlGoB,4IY0GpB,kBV1GQ,qCUiHV,wBACE,YACE,0DAOJ,YACE,uCAGF,2BACE,gBACA,uDAEA,SACE,SACA,yDAGF,eACE,yDAKA,cACA,iBACA,mBACA,mFAGF,iBACE,eACA,WACA,WACA,WACA,qMAGF,eAGE,mEASF,cACE,gBACA,qFAGF,aZhKc,YYkKZ,eACA,WACA,eACA,gBACA,+GAGF,aACE,eACA,CACA,sBACA,eACA,yJAEA,cACE,uEAIJ,WACE,kBACA,WACA,eACA,iDAQF,iBACE,mBACA,yHAEA,iBACE,gBACA,+FAGF,UACE,oCAMR,aACE,eACA,iBACA,cACA,SACA,uBACA,CACA,eACA,qBACA,oFAEA,yBAEE,WC9OJ,gCACE,4CACA,kBAGF,mBACE,sBACA,oBACA,gBACA,kBACA,cAGF,aACE,eACA,iBACA,cbHmB,SaKnB,uBACA,UACA,eACA,wCAEA,yBAEE,uBAGF,abxBsB,ea0BpB,SAIJ,wBACE,YACA,kBACA,sBACA,WXpCM,eWsCN,qBACA,oBACA,eACA,gBACA,YACA,iBACA,iBACA,gBACA,eACA,kBACA,kBACA,yBACA,qBACA,uBACA,2BACA,qCACA,mBACA,WACA,4CAEA,wBAGE,4BACA,qCACA,sBAGF,eACE,mFAEA,wBXnEQ,gBWuEN,kBAIJ,wBb3EsB,ea6EpB,yGAGF,cAIE,iBACA,YACA,oBACA,iBACA,4BAGF,Ub9FM,mBAGgB,qGa+FpB,wBAGE,8BAIJ,kBX1EsB,2GW6EpB,wBAGE,0BAIJ,cACE,iBACA,YACA,cbxGgB,oBa0GhB,uBACA,iBACA,kBACA,yBACA,+FAEA,oBAGE,cACA,mCAGF,UACE,uBAIJ,aACE,WACA,cAIJ,oBACE,UACA,cbhIoB,SakIpB,kBACA,uBACA,eACA,2BACA,2CACA,2DAEA,aAGE,uCACA,4BACA,2CACA,oBAGF,qCACE,uBAGF,aACE,6BACA,eACA,qBAGF,abzKwB,gCa6KxB,QACE,uEAGF,mBAGE,uBAGF,abvKmB,sFa0KjB,aAGE,oCACA,6BAGF,kCACE,gCAGF,aACE,6BACA,8BAGF,ab1MsB,uCa6MpB,aACE,wBAKN,sBACE,0BACA,yBACA,kBACA,YACA,8BAEA,yBACE,mBAKN,abhNqB,SakNnB,kBACA,uBACA,eACA,gBACA,eACA,cACA,iBACA,UACA,2BACA,2CACA,0EAEA,aAGE,oCACA,4BACA,2CACA,yBAGF,kCACE,4BAGF,aACE,6BACA,eACA,0BAGF,abjQwB,qCaqQxB,QACE,sFAGF,mBAGE,gBAIJ,iBACE,uBACA,YAGF,WACE,cACA,qBACA,QACA,SACA,kBACA,+BAEA,kBAEE,mBACA,oBACA,kBACA,mBACA,iBAKF,WACE,uCAIJ,MACE,kBACA,CX/SU,sEWsTZ,aXtTY,uBW0TZ,aX3Tc,4DWiUV,4CACE,CADF,oCACE,8DAKF,6CACE,CADF,qCACE,6BAKN,aACE,gBACA,qBACA,mCAEA,UXrVM,0BWuVJ,eAIJ,aACE,eACA,gBACA,uBACA,mBACA,iBAEA,aACE,wBACA,sBAIA,cACA,gBAKA,yCAPF,WACE,CAEA,gBACA,uBACA,gBACA,mBAWA,CAVA,mBAGF,aACE,CACA,cAKA,8BAIA,yBACE,sBAIJ,SACE,YACA,eACA,iBACA,uBACA,mBACA,gBACA,CAME,sDAGF,cACE,YACA,kBACA,oBACA,qBAKN,eACE,wBAGF,cACE,eAGF,iBACE,WACA,YACA,aACA,mBACA,uBACA,sBACA,6CAEA,cXxX4B,eAEC,0DWyX3B,sBACA,CADA,gCACA,CADA,kBACA,4BAGF,iBACE,qEAGF,YACE,iBAIJ,iBACE,WACA,YACA,aACA,mBACA,uBACA,qBAEA,cXhZ4B,eAEC,WWiZ3B,YACA,sBACA,CADA,gCACA,CADA,kBACA,WAIJ,oBACE,oBAGF,YACE,kBACA,2BAGF,+BACE,mBACA,SACA,gBAGF,kBbxd0B,ca0dxB,kBACA,uCACA,mBAEA,eACE,uBAIJ,iBACE,QACA,SACA,2BACA,4BAEA,UACE,gBACA,2BACA,0Bb5esB,2BagfxB,WACE,iBACA,uBACA,yBbnfsB,8BaufxB,QACE,iBACA,uBACA,4Bb1fsB,6Ba8fxB,SACE,gBACA,2BACA,2BbjgBsB,wBaugBxB,cACE,iBACA,cACA,iBACA,sBACA,qBACA,mBb7gBsB,WAJlB,gBaohBJ,uBACA,mBACA,yFAEA,kBb5gBiB,cAIE,Ua6gBjB,sCAKN,aACE,iBACA,gBACA,QACA,gBACA,aACA,yCAEA,eACE,mBbviBsB,cayiBtB,kBACA,mCACA,gBACA,kBACA,sDAGF,OACE,wDAIA,UACE,8CAIJ,cACE,iBACA,cACA,iBACA,sBACA,qBACA,mBbhkBsB,WAJlB,gBaukBJ,uBACA,mBACA,oDAEA,SACE,oDAGF,kBbnkBiB,cAIE,iBaskBvB,qBACE,iBAIA,sBACA,cb7kBgB,oBaglBhB,cACE,gBACA,mBACA,kBACA,mBAGF,cACE,mBACA,iBAIJ,aAEE,gBACA,qCAGF,cACE,SACE,iBAGF,aAEE,CAEA,gBACA,yCAEA,iBACE,uCAGF,kBACE,qDAKF,gBAEE,kBACA,YAKN,qBACE,aACA,mBACA,cACA,gBACA,iBAGF,aACE,cACA,CACA,sBACA,WX3pBM,qBW6pBN,kBACA,eACA,gBACA,gCACA,2BACA,mDACA,qBAEA,eACE,eACA,qCTxoBA,6GADF,kBSgpBI,4BACA,kHT5oBJ,kBS2oBI,4BACA,wBAIJ,+BACE,cbhrBsB,sBaorBxB,eACE,aACA,2BAGF,aACE,eACA,kBAIJ,iBACE,yBAEA,iBACE,SACA,UACA,mBb9rBiB,yBagsBjB,gBACA,kBACA,eACA,gBACA,iBACA,WXhtBI,mDWqtBR,oBACE,aAGF,iBACE,kBACA,cACA,iCACA,mCAEA,eACE,yBAGF,YAVF,cAWI,oBAGF,YACE,sBACA,qBAGF,aACE,kBACA,iBACA,yBAKF,uBADF,YAEI,gBAIJ,oBACE,kBACA,eACA,6BACA,SACA,UACA,yBACA,CADA,qBACA,CADA,oBACA,CADA,gBACA,0CACA,wCACA,iCAGF,QACE,mBACA,WACA,YACA,gBACA,UACA,kBACA,UACA,yBAGF,kBACE,WACA,wBACA,qBAGF,UACE,YACA,UACA,mBACA,yBbzxBmB,qCa2xBnB,sEAGF,wBACE,4CAGF,wBbxxBqB,+Ea4xBrB,wBACE,2BAGF,iBACE,WACA,YACA,MACA,SACA,gBACA,mBACA,cACA,SACA,UACA,6BACA,CAKA,uEAFF,SACE,6BAeA,CAdA,sBAGF,iBACE,WACA,YACA,MACA,SACA,gBACA,mBACA,cACA,WAGA,8CAGF,SACE,qBAGF,iBACE,QACA,SACA,WACA,YACA,yBACA,kBACA,yBACA,sBACA,yBACA,sCACA,4CAGF,SACE,qBbp1BmB,yDaw1BrB,kBbl2BqB,2Baw2BrB,iBACE,gBACA,cAGF,aACE,kBAGF,kBbj3BqB,cam3BnB,oBAEA,abv2BqB,oBa22BrB,ab52BgB,yBag3BhB,0BACE,CADF,uBACE,CADF,kBACE,kDAKA,sBACA,cACA,wDAEA,kBACE,8DAGF,cACE,sDAGF,abl4Bc,eao4BZ,0DAEA,abt4BY,0Baw4BV,sDAIJ,oBACE,cb94Bc,sMai5Bd,yBAGE,0BAKN,aACE,UACA,mCACA,CADA,0BACA,gBACA,6BAEA,cACE,yBACA,cbj6Bc,aam6Bd,gBACA,gCACA,sCAGF,oDACE,YACE,uCAIJ,oDACE,YACE,uCAIJ,yBA3BF,YA4BI,yCAGF,eACE,aACA,iDAEA,ab57Bc,qBam8BpB,oBACE,kBACA,eACA,iBACA,gBACA,mBbp9BmB,gBas9BnB,iBACA,qBAGF,eACE,gBACA,2BAEA,iBACE,aACA,wBAGF,kBACE,yBAGF,oBACE,gBACA,yBACA,yBACA,eAIJ,abn+BoB,uBaq+BlB,CACA,WACA,CADA,+BACA,sBACA,cACA,oBACA,mBACA,cACA,WACA,0CAEA,UX5/BM,4BFWa,qCIYjB,yDADF,cS6+BE,sBAGF,UbvgCM,gCaygCJ,sDAEA,Ub3gCI,4BAYa,mDaugCrB,uBACE,YACA,6CACA,uBACA,sBACA,WACA,0DAEA,sBACE,0DAIJ,uBACE,2BACA,gDAGF,abnhCsB,6BaqhCpB,uDAGF,abriC0B,yDayiC1B,aACE,YAGF,aACE,cbpiCgB,6BasiChB,SACA,kBACA,kBACA,oBACA,SACA,aACA,sBACA,WACA,WACA,qBACA,kBAEA,kBACE,WAIJ,+BACE,oBAGF,gBACE,qEAGF,4BACE,gCAGF,eACE,kBACA,MACA,QACA,YACA,kBACA,YAEA,mBACA,yBACA,eACA,aAEA,wCAEA,UX/hCsB,mBWiiCpB,aACA,sBACA,mBACA,uBACA,mBACA,8BACA,wBACA,gCACA,uCAGF,wBACE,kBACA,WACA,YACA,eACA,cbrmCgB,yBaumChB,aACA,uBACA,mBACA,sCAGF,mBACE,6CAEA,8BACE,WAKN,oBACE,UACA,oBACA,kBACA,cACA,SACA,uBACA,eACA,oBAGF,abhoCkB,eakoChB,gBACA,yBACA,iBACA,kBACA,QACA,SACA,+BACA,yBAEA,aACE,WACA,CACA,0BACA,oBACA,mBACA,4BAIJ,iBACE,QACA,SACA,+BACA,WACA,YACA,sBACA,6BACA,CACA,wBACA,kBACA,2CAGF,2EACE,CADF,mEACE,8CAGF,4EACE,CADF,oEACE,qCAGF,GACE,sBACE,KAGF,2BACE,KAGF,2BACE,KAGF,yBACE,IAGF,wBACE,EArBF,4BAGF,GACE,sBACE,KAGF,2BACE,KAGF,2BACE,KAGF,yBACE,IAGF,wBACE,uCAIJ,GACE,wBACE,KAGF,0BACE,KAGF,2BACE,KAGF,uBACE,IAGF,sBACE,EAtBA,6BAIJ,GACE,wBACE,KAGF,0BACE,KAGF,2BACE,KAGF,uBACE,IAGF,sBACE,mCAIJ,GACE,OACE,SACA,yBACA,KAGF,wBACE,KAGF,UACE,YACA,6BACA,kBACA,UACA,IAGF,UACE,YACA,eACA,UACA,6BACA,EA5BA,yBAIJ,GACE,OACE,SACA,yBACA,KAGF,wBACE,KAGF,UACE,YACA,6BACA,kBACA,UACA,IAGF,UACE,YACA,eACA,UACA,6BACA,kCAIJ,GACE,gBACA,aACA,aAPE,wBAIJ,GACE,gBACA,aACA,6BAGF,KACE,OACA,WACA,YACA,kBACA,YACA,2BAEA,YACE,SACA,QACA,WACA,YACA,mBACA,6BAGF,mBACE,yBAGF,YACE,0BAGF,aACE,uBACA,WACA,YACA,SACA,iCAEA,oBACE,0BACA,kBACA,iBACA,WX3yCE,gBW6yCF,eACA,+LAMA,yBACE,mEAKF,yBACE,iBAMR,aACE,iBACA,mEAGF,abzzCoB,qBa6zClB,mBACA,gBACA,sBACA,gBAGF,aACE,iBACA,uBAGF,eACE,8BAGF,ab50CoB,ea80ClB,cACA,gBACA,gBACA,uBAGF,qBACE,sBAGF,WACE,8BAGF,GACE,kBACE,+BACA,2CACA,CADA,kCACA,KAGF,oBACE,0CACA,CADA,iCACA,KAGF,oBACE,2CACA,CADA,kCACA,KAGF,oBACE,0CACA,CADA,iCACA,KAGF,kBACE,2CACA,CADA,kCACA,EA3BF,qBAGF,GACE,kBACE,+BACA,2CACA,CADA,kCACA,KAGF,oBACE,0CACA,CADA,iCACA,KAGF,oBACE,2CACA,CADA,kCACA,KAGF,oBACE,0CACA,CADA,iCACA,KAGF,kBACE,2CACA,CADA,kCACA,iBAIJ,0DACE,CADF,kDACE,cAGF,kBACE,0BACA,aACA,YACA,uBACA,OACA,UACA,kBACA,MACA,kBACA,WACA,aACA,gBAEA,mBACE,oBAIJ,WACE,aACA,aACA,sBACA,kBACA,YACA,0BAGF,iBACE,MACA,QACA,SACA,OACA,WACA,kBACA,mBb36CmB,kCa66CnB,uBAGF,MACE,aACA,mBACA,uBACA,cbt6CqB,eaw6CrB,gBACA,0BACA,kBACA,qCAGF,SACE,oBACA,CADA,WACA,cAGF,wBbv7CqB,Way7CnB,kBACA,MACA,OACA,aACA,qBAGF,iBACE,aAGF,iBACE,cACA,aACA,WACA,yBbx8CmB,kBa08CnB,cACA,UACA,WACA,eAGF,YACE,gCACA,CACA,iBACA,qBAEA,kBACE,UACA,uBAGF,aACE,CACA,sBACA,kBACA,eACA,uBAGF,oBACE,mBb3+CsB,kBa6+CtB,cACA,eACA,wBACA,wBAGF,aACE,CACA,0BACA,gBACA,8BAEA,eACE,aACA,2BACA,8BACA,uCAGF,cACE,cbx/Cc,kBa0/Cd,+BAGF,ab7/CgB,ea+/Cd,mBACA,gBACA,uBACA,kBACA,gBACA,YACA,iCAEA,UXphDE,qBWshDA,oHAEA,yBAGE,yCAKN,QACE,uBAIJ,kBACE,6BAEA,kBACE,oDAGF,eACE,6DAGF,UXhjDI,oBWyjDN,kBACA,cACA,2BAGF,eACE,UAGF,iBACE,cAEA,WACE,WACA,sCACA,CADA,6BACA,cAGF,cACE,iBACA,cb9jDmB,gBagkDnB,gBAEA,ab7kDsB,0Ba+kDpB,sBAEA,oBACE,gBAIJ,qBACE,4BAKN,GACE,cACA,eACA,WARI,mBAKN,GACE,cACA,eACA,2CCrmDF,u+KACE,uCAEA,u+KACE,CAOA,8MAMF,okBACE,UClBJ,YACE,gCACA,cACA,qBACA,iCAEA,aACE,cACA,cfOgB,gBeLhB,qBACA,eACA,gBAGF,WACE,UACA,yCAEA,8CAEA,WACE,iBACA,mBAKN,YACE,0BAGF,UACE,iBACA,kBACA,kBAGF,gBb0BwB,wBE9DtB,4BACA,kBWqCA,eACA,yBAEA,oBACE,sBACA,iBACA,4BX3CF,eWiDE,2DAHF,gBbesB,wBE9DtB,4BACA,CWgDE,iBAOE,CANF,+BXjDF,UWqDI,CACA,qBACA,mCAGF,aACE,kBACA,QACA,SACA,+BACA,WbhEE,6BakEF,gBACA,eACA,0BAKN,iBACE,WACqB,sCXpErB,+BANA,UW8EuB,sCXxEvB,gEWsEA,gBbfsB,wBE9DtB,4BWyFE,CXlFF,iCANA,UWmFuB,sCX7EvB,kBW+EE,SACA,QACA,UACA,wBAIJ,WACE,aACA,mBACA,2BAGF,aACE,mBACA,sBAGF,YACE,cf3FgB,6Be8FhB,eACE,CAII,kMADF,eACE,wBAKN,eACE,cACA,0BACA,yFAEA,oBAGE,sBAKN,4BACE,gCACA,iBACA,gBACA,cACA,aACA,4BAGF,YACE,cACA,iBACA,kBACA,2BAGF,oBACE,gBACA,cACA,8BACA,eACA,oCACA,uCAEA,aACE,kCAGF,+BACE,gCAGF,aACE,yBACA,eACA,cfzJgB,kCe6JlB,aACE,eACA,gBACA,Wb7KI,CakLA,2NADF,eACE,gCAKN,afnLwB,oBewL1B,iBACE,mDAEA,aACE,mBACA,gBACA,4BAIJ,UACE,kBACA,wBAGF,gBACE,qBACA,eACA,cfjMkB,eemMlB,kBACA,4BAEA,af/MwB,6BemNxB,aACE,gBACA,uBACA,iBAIJ,kBACE,6BACA,gCACA,aACA,mBACA,eACA,kDAGF,aAEE,kBACA,yBAGF,kBACE,aACA,2BAGF,afrOoB,eeuOlB,cACA,gBACA,mBACA,kDAIA,kBACE,oDAIA,SX5MF,sBACA,WACA,YACA,gBACA,oBACA,mBJxDmB,cAYD,eI+ClB,SACA,+EWsMI,aACE,CXvMN,qEWsMI,aACE,CXvMN,yEWsMI,aACE,CXvMN,gEWsMI,aACE,sEAGF,QACE,yLAGF,mBAGE,0DAGF,kBACE,qCAGF,mDArBF,cAsBI,yDAIJ,af5Qc,iBe8QZ,eACA,4DAGF,gBACE,wDAGF,kBACE,gEAEA,cACE,iNAEA,kBAGE,cACA,gHAKN,aftSgB,0He2ShB,cAEE,gBACA,cf7SY,kZegTZ,aAGE,gEAIJ,wBACE,iDAGF,ebzUI,kBEkEN,CAEA,eACA,cJhDiB,uCIkDjB,UWoQI,mBfxUoB,oDIsExB,wBACE,cJrDe,eIuDf,gBACA,mBACA,oDAGF,aACE,oDAGF,kBACE,oDAGF,eACE,WJ3FI,sDegVJ,WACE,mDAGF,UfpVI,kBesVF,eACA,8HAEA,kBAEE,iCAON,kBACE,mBAIJ,UbtWQ,kBawWN,cACA,mBACA,sBb3WM,yBa6WN,eACA,gBACA,YACA,kBACA,WACA,yBAEA,SACE,6BAIJ,YACE,eACA,gBACA,wBAGF,WACE,sBACA,cACA,kBACA,kBACA,gBACA,WACA,+BAEA,iBACE,QACA,SACA,+BACA,eACA,sDAIJ,kBAEE,gCACA,eACA,aACA,cACA,oEAEA,kBACE,SACA,SACA,6HAGF,aAEE,cACA,cfpZgB,eesZhB,eACA,gBACA,kBACA,qBACA,kBACA,yJAEA,af3ZmB,qWe8ZjB,aAEE,WACA,kBACA,SACA,SACA,QACA,SACA,2BACA,CAEA,4CACA,CADA,kBACA,CADA,wBACA,iLAGF,WACE,6CACA,8GAKN,kBACE,gCACA,qSAKI,YACE,iSAGF,4CACE,sBAQR,sBACA,mBACA,6BACA,gCACA,+BAEA,iBACE,iBACA,cfjdc,Ceodd,eACA,eACA,oCAEA,aACE,gBACA,uBACA,oCAIJ,UACE,kBACA,uDAGF,iBACE,qDAGF,eACE,2BAIJ,af9eoB,eegflB,gBACA,gBACA,kBACA,qBACA,6BAEA,kBACE,wCAEA,eACE,6BAIJ,aACE,0BACA,mCAEA,oBACE,kBAKN,eACE,2BAEA,UACE,8FAEA,8BAEE,CAFF,sBAEE,wBAIJ,iBACE,SACA,UACA,yBAGF,eACE,aACA,kBACA,mBACA,6BAEA,mBACE,CADF,8BACE,CADF,gBACE,cACA,WACA,YACA,SACA,uBAIJ,iBACE,mBACA,YACA,gCACA,+BAEA,aACE,cACA,WACA,iBACA,gDAEA,kBACE,yBACA,wBAKN,YACE,uBACA,gBACA,iBACA,iCAEA,YACE,mBACA,iBACA,gBACA,8CAEA,wBACE,kBACA,uBACA,YACA,yCAGF,YACE,8BAIJ,WACE,4CAEA,kBACE,wCAGF,UACE,YACA,iCAGF,cACE,iBACA,Wb/mBA,gBainBA,gBACA,mBACA,uBACA,uCAEA,aACE,eACA,cf3mBU,gBe6mBV,gBACA,uBACA,gCAKN,aACE,uBAIJ,eACE,cACA,iDAGE,qBACA,Wb5oBE,gDagpBJ,QACE,6BACA,kDAEA,aACE,yEAGF,uBACE,4DAGF,ab3pBU,yBaiqBd,cACE,gCAEA,cACE,cfzpBc,ee2pBd,kCAEA,oBACE,cf9pBY,qBegqBZ,iBACA,gBACA,yCAEA,eACE,WblrBF,ScFR,YACE,gCACA,8BAEA,aACE,cACA,WdJI,qBcMJ,eACA,gBACA,kBAIJ,YACE,iBAGF,WACE,aACA,mBACA,mCCrBF,GACE,sBACE,KAGF,2BACE,KAGF,4BACE,KAGF,2BACE,IAGF,yBACE,EDGF,0BCrBF,GACE,sBACE,KAGF,2BACE,KAGF,4BACE,KAGF,2BACE,IAGF,yBACE,qCAIJ,GACE,yBACE,KAGF,yBACE,KAGF,4BACE,KAGF,wBACE,IAGF,sBACE,EAtBA,2BAIJ,GACE,yBACE,KAGF,yBACE,KAGF,4BACE,KAGF,wBACE,IAGF,sBACE,gCAIJ,cACE,kBAGF,iBACE,cACA,eACA,iBACA,qBACA,gBACA,iBACA,gBACA,wBAEA,SACE,4BAGF,UACE,YACA,gBACA,sBAGF,cACE,iBACA,sBACA,CADA,gCACA,CADA,kBACA,qEAGF,kBACE,qBACA,sGAEA,eACE,qEAIJ,eAEE,qJAEA,kBAEE,mXAGF,eACE,mBACA,qJAGF,eACE,gBACA,2EAGF,eACE,+NAGF,eACE,2FAGF,iBACE,8BACA,cjBjGc,mBiBmGd,qHAEA,eACE,2JAIJ,eACE,mJAGF,iBACE,6EAGF,iBACE,eACA,6EAGF,iBACE,qBACA,qJAGF,eACE,6JAEA,QACE,2EAIJ,oBACE,2EAGF,uBACE,oBAIJ,af9Ic,qBegJZ,0BAEA,yBACE,8BAEA,aACE,kCAKF,oBACE,uCAEA,yBACE,wBAKN,ajBlKc,4CiBuKhB,YACE,8EAEA,aACE,mCAIJ,aACE,oDAEA,af5LQ,ee8LN,iDAIJ,kBACE,uDAEA,kBACE,qBACA,gCAKN,oBACE,kBACA,mBACA,YACA,WjBrNM,gBiBuNN,eACA,cACA,yBACA,oBACA,eACA,sBACA,sCAEA,kBACE,qBACA,+DAGF,oBACE,iBACA,sBACA,kBACA,eACA,oBACA,2GAKF,oBAGE,4BAIJ,ajBvOkB,SiByOhB,kBACA,kBACA,oBACA,SACA,aACA,sBACA,WACA,WACA,gCACA,+BAGF,UACE,kBACA,mDAGF,iBAEE,gCAGA,qEAEA,eACE,kBAKF,SACE,mBACA,kDAEA,kBACE,wDAEA,sBACE,iFAIJ,kBAEE,SAKN,iBACE,kBACA,YACA,gCACA,eACA,UAaA,mCACA,CADA,0BACA,wDAZA,QAPF,kBAUI,0BAGF,GACE,aACA,WALA,gBAGF,GACE,aACA,uDAMF,cAEE,kCAGF,kBACE,4BACA,sCAIA,ajBpTiB,qCiBwTjB,UjB7UI,6BiBiVJ,ajB3Te,CAtBX,kEiByVJ,UjBzVI,kCiB4VF,ajBvVoB,gEiB2VpB,Uf/VE,mBFEgB,sEiBiWhB,kBACE,mBAMR,uBACE,sBACA,yBACA,CADA,qBACA,CADA,oBACA,CADA,gBACA,yCAEA,aACE,kBACA,OACA,QACA,MACA,SACA,6FACA,oBACA,WACA,2DAGF,oBACE,oCAGF,WACE,gBACA,uBACA,cACA,0CAEA,UACE,kBACA,MACA,gBACA,6DACA,oBACA,4CAGF,oBACE,gDAGJ,oDACE,mEAEF,oDACE,0CAGF,eACE,6DAGF,kBACE,gCAIJ,mBACE,+CAKF,sBACE,qEAEA,aACE,wBAKN,oBACE,YACA,CjBragB,ciBuahB,iBACA,mBACA,CACA,sBACA,8CANA,ajBragB,CiByahB,eAOA,8CAGF,aACE,eACA,eAGF,YACE,8BACA,eACA,oBAEA,sBACE,gBACA,2CAGF,oBACE,sBAIJ,YACE,mBACA,WACA,cjBvcoB,iIiB0cpB,gBAGE,kBACA,0EAGF,yBACE,yEAMA,0CACE,CADF,kCACE,2EAKF,2CACE,CADF,mCACE,wBAKN,YACE,mBACA,2BACA,mBAGF,+BACE,aACA,6CAEA,uBACE,OACA,gBACA,4DAEA,eACE,8DAGF,SACE,mBACA,qHAGF,cAEE,gBACA,4EAGF,cACE,0BAKN,kBACE,aACA,cACA,uBACA,aACA,kBAGF,gBACE,mBACA,iBACA,cjBthBgB,CiBwhBhB,iBACA,eACA,kBACA,+CAEA,ajB7hBgB,uBiBiiBhB,aACE,gBACA,uBACA,qBAIJ,kBACE,aACA,eACA,8BAEA,mBACE,kBACA,mBACA,yDAEA,gBACE,qCAGF,oBACE,WACA,eACA,gBACA,cjBvjBgB,4BiB6jBtB,iBACE,8BAGF,cACE,cACA,uCAGF,aACE,aACA,mBACA,uBACA,kBACA,kBAGF,kBACE,kBACA,wBAEA,YACE,eACA,8BACA,uBACA,uFAEA,SAEE,mCAIJ,cACE,iBACA,6CAEA,UACE,YACA,gBACA,+DAIJ,cAEE,wBAIJ,eACE,cjBnnBgB,eiBqnBhB,iBACA,8BAGF,kBACE,6BACA,gCACA,aACA,mBACA,eACA,wBAGF,aACE,qBACA,uDAGF,oBAEE,gBACA,eACA,gBACA,6JAGF,oBAME,4DAKA,UfxqBM,kBe8qBN,UACE,iKAQF,yBACE,+BAIJ,aACE,gBACA,uBACA,0DAGF,aAEE,sCAGF,kBACE,gCAGF,ajB5rBuB,ciB8rBrB,iBACA,mBACA,gBACA,2EAEA,aAEE,uBACA,gBACA,uCAGF,cACE,Wf1tBI,kCe+tBR,UACE,kBACA,iBAGF,SACE,kBACA,YACA,WACA,CjB1tBgB,8IiBquBhB,ajBruBgB,wBiByuBhB,UACE,wCAGF,kBf7tBsB,WF/BhB,8CiBgwBJ,kBACE,qBACA,+DAOJ,yBACE,cAIJ,YACE,eACA,yBACA,kBACA,cjBnwBgB,gBiBqwBhB,qBACA,gBACA,uBAEA,QACE,OACA,kBACA,QACA,MAIA,iDAHA,YACA,uBACA,mBAUE,CATF,0BAEA,yBACE,kBACA,iBACA,cAIA,sDAGF,cAEE,cjB9xBiB,uBiBgyBjB,SACA,cACA,qBACA,eACA,iBACA,sMAEA,UftzBE,yBe6zBJ,cACE,kBACA,YACA,+DAGF,aACE,eAKN,cACE,qBAEA,kBACE,oBAIJ,cACE,cACA,qBACA,WACE,YACA,SACA,2BAIF,UACE,YACA,qBAIJ,aACE,gBACA,kBACA,cjBv1BkB,gBiBy1BlB,uBACA,mBACA,qBACA,uBAGF,aACE,gBACA,2BACA,2BAGF,ajBr2BoB,oBiBy2BpB,aACE,eACA,eACA,gBACA,uBACA,mBACA,qBAGF,cACE,mBACA,kBACA,yBAEA,cACE,kBACA,yBACA,QACA,SACA,+BACA,yBAIJ,aACE,6CAEA,UACE,mDAGF,yBACE,6CAGF,mBACE,sBAIJ,oBACE,kCAEA,QACE,4CAIA,oBACA,0CAGF,kBACE,0CAGF,aACE,6BAIJ,wBACE,2BAGF,yBACE,cACA,SACA,WACA,YACA,oBACA,CADA,8BACA,CADA,gBACA,sBACA,wBACA,kBAGF,YACE,eACA,yBACA,kBACA,gBACA,gBACA,wBAEA,aACE,cjB77Bc,iBiB+7Bd,eACA,+BACA,aACA,sBACA,mBACA,uBACA,eACA,4BAEA,aACE,wBAIJ,eACE,CACA,qBACA,aACA,sBACA,uBACA,2BAEA,aACE,cACA,0BAGF,oBACE,cjB39BY,gBiB69BZ,gCAEA,yBACE,0BAKN,QACE,eACA,iDAEA,SACE,cACA,8BAGF,ajB9+Bc,oCiBo/BlB,cACE,cACA,SACA,uBACA,UACA,kBACA,oBACA,oFAEA,yBAEE,6BC/gCJ,kBACE,aAGF,iBACE,8BACA,oBACA,aACA,sBAGF,cACE,MACA,OACA,QACA,SACA,0BACA,wBAGF,cACE,MACA,OACA,WACA,YACA,aACA,sBACA,mBACA,uBACA,2BACA,aACA,oBACA,yBACA,CADA,qBACA,CADA,oBACA,CADA,gBACA,oBAGF,mBACE,aACA,aACA,6CAGF,kBlBrC0B,WAJlB,kBkB8CN,gBACA,aACA,sBACA,0BAGF,WACE,WACA,gBACA,iBACA,8DAEA,UACE,YACA,sBACA,aACA,sBACA,mBACA,uBACA,aACA,yBACA,CADA,qBACA,CADA,oBACA,CADA,gBACA,oBAIJ,WACE,WACA,gBACA,iBACA,kBACA,wBAEA,iBACE,MACA,OACA,WACA,YACA,sBACA,aACA,aACA,CAGA,YACA,UACA,yBACA,CADA,qBACA,CADA,oBACA,CADA,gBACA,2CANA,qBACA,mBACA,uBAaF,CATE,mBAIJ,YACE,CAGA,iBACA,qCAGF,kBACE,UACE,YACA,gBACA,0BAGF,UACE,YACA,eACA,gBACA,cACA,oDAIJ,aAEE,mBACA,aACA,aACA,2DAEA,cACE,uLAGF,alB9GmB,SkBiHjB,eACA,gBACA,kBACA,oBACA,YACA,aACA,kBACA,6BACA,+mBAEA,aAGE,yBACA,qiBAGF,UlBvJI,qwDkB2JF,aAGE,sBAMR,sBACE,yBAGF,aACE,aACA,mBACA,uBACA,wBAGF,UACE,YACA,mBACA,mBACA,aACA,eACA,8BAEA,kBACE,+BAGF,cACE,mBACA,kCAIJ,mBACE,CACA,mBACA,0EAEA,mBACE,yBAIJ,cACE,iBACA,4BAEA,cACE,gBACA,WlBjNI,mBkBmNJ,2BAGF,alBjNwB,kGkBoNtB,aAGE,2CAIJ,aACE,2BAGF,cACE,clBhNiB,gBkBkNjB,mBACA,sCAEA,eACE,kCAGF,eACE,mBlB7Oe,cAcE,kBkBkOjB,eACA,gBACA,CAII,2NADF,eACE,oCAOV,WACE,UACA,mCAME,mBACA,mBACA,sCAEA,cACE,iBACA,kBACA,qCAGF,eACE,oCAIJ,kBACE,mBACA,kBACA,eAIJ,iBACE,eACA,mBACA,sBAEA,eACE,WlBnSI,kBkBqSJ,yBACA,eACA,qBAGF,kBlBxSmB,cAcE,gBkB6RnB,aACA,kBACA,6HAQF,eACE,qJAGF,kBACE,clB5SmB,mBkB8SnB,kBACA,aACA,kBACA,eACA,sCACA,yPAEA,iBACE,mBACA,qNAGF,mBACE,gBACA,4CAMJ,YACE,mBACA,gDAEA,UACE,cACA,4DAEA,aACE,2DAGF,cACE,kDAGF,iBACE,uDAIJ,eACE,sDAIJ,UhB3WM,2DgBgXR,0BACE,cACE,iBACA,qJAGF,cAIE,mBACA,4CAGF,kBACE,sDAGF,WACE,eACA,mBAIJ,oBACE,eACA,gBACA,iBACA,uHAGF,kBAOE,WlBvZM,kBkByZN,gBACA,eACA,YACA,kBACA,sBACA,+SAEA,alBjZgB,YkBmZd,eACA,WACA,eACA,gBACA,uSAGF,YACE,uPAGF,WACE,WACA,+WAGF,UACE,wBAKF,ehBvbM,CFGkB,gBkBubtB,oBACA,iEhB3bI,2BFGkB,qDkBgc1B,iBAEE,aACA,qEAEA,wBACE,CADF,qBACE,CADF,oBACE,CADF,gBACE,gBACA,kKAIJ,YAKE,8BACA,mBlBjdwB,akBmdxB,iBACA,0LAEA,aACE,iBACA,clBvciB,mBkBycjB,kNAGF,aACE,6DAIJ,cAEE,yDAGF,WAEE,eACA,0BAGF,gBAEE,sDAGF,qBAEE,eAGF,UACE,gBACA,0BAGF,YACE,6BACA,qCAEA,yBAJF,cAKI,gBACA,iDAIJ,qBAEE,UACA,qCAEA,+CALF,UAMI,sDAIJ,aAEE,gBACA,gBACA,gBACA,kBACA,2FAEA,alBvhBwB,qCkB2hBxB,oDAZF,eAaI,sCAKF,4BADF,eAEI,yBAIJ,YACE,+BACA,gBACA,0BAEA,cACE,iBACA,mBACA,sCAGF,aACE,sBACA,WACA,CACA,UlB1jBI,gBECA,agB4jBJ,oBACA,eACA,YACA,CACA,SACA,kBACA,yBACA,iBACA,gBACA,gBACA,4CAEA,wBACE,+CAGF,ehB5kBI,yBgB8kBF,mBACA,kBACA,6DAEA,QACE,gBACA,gBACA,mEAEA,QACE,0DAIJ,UlB7lBE,oBkB+lBA,eACA,gBhB/lBA,+CgBomBJ,YACE,8BACA,mBACA,4CAIJ,aACE,WlB7mBI,ekB+mBJ,gBACA,mBACA,wCAGF,eACE,mBACA,+CAEA,UlBxnBI,ekB0nBF,qCAIJ,uBAnFF,YAoFI,eACA,QACA,wCAEA,iBACE,iBAKN,eAWE,eACA,wBAXA,eACE,iBACA,uBAGF,aACE,gBACA,2CAMF,eACE,mBAGF,eACE,cACA,gBACA,+BAEA,4BACE,4BAGF,QACE,oCAIA,UlBzqBE,akB2qBA,kBACA,eACA,mBACA,qBACA,8EAEA,eAEE,yWAOA,kBlB9qBW,WEXb,iJgBgsBA,iBAGE,oMAUR,aACE,iIAIJ,4BAIE,clBlsBmB,ekBosBnB,gBACA,6cAEA,aAGE,6BACA,uCAIJ,iBACE,mBACA,oBACA,eAEA,yFAEA,qBACE,qGAIJ,YAIE,eACA,iIAEA,eACE,CAII,w1BADF,eACE,sDAMR,iBAEE,oDAKA,eACE,0DAGF,eACE,mBACA,aACA,mBACA,wEAEA,UlBnxBI,CkBqxBF,gBACA,uBAKN,YACE,2CAEA,QACE,WACA,cAIJ,UACE,eACA,gBACA,iBAEA,YACE,gBACA,eACA,kBACA,sCAGF,YACE,4CAEA,kBACE,yDAGF,SACE,sBACA,cACA,WACA,YACA,aACA,gDACA,mBlB5zBe,WEDb,egBg0BF,CACA,eACA,kBACA,2EAEA,QACE,wMAGF,mBAGE,+DAGF,kBACE,qCAGF,wDA7BF,cA8BI,4DAIJ,WACE,eACA,gBACA,SACA,kBACA,cAKN,iBACE,YACA,gBACA,YACA,aACA,uBACA,mBACA,gBhB12BM,yDgB62BN,aAGE,gBACA,WACA,YACA,SACA,sBACA,CADA,gCACA,CADA,kBACA,gBhBr3BI,uBgBy3BN,iBACE,YACA,aACA,+BACA,iEACA,kBACA,wCACA,uBAGF,iBACE,WACA,YACA,MACA,OACA,uBAGF,iBACE,YACA,WACA,UACA,YACA,4BACA,6BAEA,UACE,8BAGF,UhBt5BI,egBw5BF,gBACA,cACA,kBACA,2BAGF,iBACE,mCACA,qCAIJ,oCACE,eAEE,uBAGF,YACE,wBAKN,gBACE,sCAEA,eACE,gCAGF,eACE,qDAGF,UlB57BM,iDkBg8BN,YACE,0DAEA,YACE,0BAIJ,YACE,iBACA,uBACA,kDAGF,alB57BoB,qBkB87BlB,wDAEA,yBACE,WCp9BN,YACE,kCAEA,iBACE,MACA,QACA,oIAEA,+BAEE,oBAKN,cACE,uBACA,eACA,gBACA,cnBGmB,yDEjBP,sCiBsBd,2CACE,oBAGF,QACE,wBACA,UACA,+CAEA,WACE,mBACA,UACA,0BAGF,aACE,sBACA,SACA,YACA,kBACA,aACA,WACA,UACA,WnBjDI,gBECA,eiBmDJ,oBACA,gBACA,qDAEA,anBzCc,CmBuCd,2CAEA,anBzCc,CmBuCd,+CAEA,anBzCc,CmBuCd,sCAEA,anBzCc,gCmB6Cd,8Cf/CA,uCADF,ceiD4D,0Cf5C5D,ce4C4D,oBAI9D,UnBjEQ,mBmBmEN,mBnBhEsB,oCmBkEtB,iBACA,kBACA,eACA,gBACA,sBAEA,anBtDmB,gBmBwDjB,0BACA,mFAEA,oBAEU,iCAKZ,mBACA,eAEA,gBACA,wCAEA,anBxFwB,sDmB4FxB,YACE,2CAGF,oBACE,kBACA,yBACA,sBACA,WACA,YACA,cACA,gBACA,kBACA,SACA,kBACA,sBACA,kDAEA,oBnB9GsB,qCmBqH1B,eACE,kBACA,aACA,mBnB1HsB,gBmB4HtB,gBACA,cACA,yBAEA,iBACE,gBACA,wCAEA,UnBvII,iCmByIJ,WACE,iBACA,2BAIJ,iBACE,cACA,CACA,cACA,iBACA,WnBpJI,qBmBsJJ,gBACA,iBACA,qBACA,mBACA,gBACA,gGAEA,kBACE,qBACA,iIAEA,eACE,kJAIJ,eACE,mBACA,2DAGF,eACE,eACA,8BAGF,cACE,wFAGF,eACE,sCAGF,iBACE,2BACA,WnB1LE,mBmB4LF,mDAEA,eACE,8DAIJ,eACE,0DAGF,iBACE,+BAGF,iBACE,eACA,2DAGF,eACE,+DAEA,QACE,8BAIJ,oBACE,8BAGF,uBACE,6BAGF,anB3MiB,qBmB6Mf,mCAEA,oEAGE,oBACE,gDAEA,qDAMR,UACE,YACA,gBACA,uDAIJ,iBAEE,WACA,mIAGE,aACE,sBACA,SACA,YACA,0BACA,yBACA,WACA,iBACA,UACA,WnBtQE,gBECA,eiBwQF,oBACA,YACA,qBACA,yLAEA,anB/PY,CmB6PZ,sKAEA,anB/PY,CmB6PZ,8KAEA,anB/PY,CmB6PZ,4JAEA,anB/PY,yKmBmQZ,SACE,qJAGF,kBnBlRoB,+ImBmRpB,8Cf1QF,8JADF,ce4Q8D,kKfvQ9D,ceuQ8D,qCfhQ5D,8TADF,sBeoQM,gBACA,6BAMR,aACE,kBACA,SACA,UACA,WACA,gBACA,2CAEA,aACE,mBACA,WACA,YACA,cnBzRiB,emB2RjB,iBACA,kBACA,WACA,4CAIJ,iBACE,SACA,oCAGF,aACE,kBACA,sBACA,SACA,0BACA,YACA,WACA,WnBnUM,mBAIkB,sCmBkUxB,eACA,WACA,aACA,6CAGF,aACE,0CAGF,YACE,eACA,kBACA,iMAEA,kBAGa,iKAEb,YAGE,mBACA,mBACA,2BACA,iBACA,eACA,+DAGF,6BACE,qEAEA,aACE,gBACA,uBACA,mBACA,sEAGF,eACE,qEAGF,aACE,iBACA,gBACA,uBACA,mBACA,4EAMA,anBzWe,wBmB8WrB,eACE,iCAEA,YACE,mBACA,eACA,oBACA,YACA,gBACA,8BAIJ,UACE,WACA,cACA,kCAEA,iBACE,kBACA,aACA,WACA,sBjBzZI,wBiB2ZJ,sBACA,4BACA,gBACA,2CAEA,aACE,kBACA,sBACA,SACA,OACA,SACA,SACA,aACA,WACA,cnBzZiB,gFmB2ZjB,eACA,oBACA,gBACA,UACA,UACA,4BACA,iDAEA,UjBlbE,sEiBobF,WACE,cnBtae,CEff,4DiBobF,WACE,cnBtae,CEff,gEiBobF,WACE,cnBtae,CEff,uDiBobF,WACE,cnBtae,yCmB2anB,2EAKE,0CAKN,iFACE,aACA,uBACA,8BACA,UACA,4BACA,8CAEA,aACE,cnB1csB,emB4ctB,gBACA,aACA,oBACA,2JAEA,aAGE,wCAIJ,SACE,kCAIJ,YACE,aACA,cnBrdkB,gBmBudlB,sCAEA,cACE,kBACA,2CAGF,aACE,gDAEA,aACE,eACA,gBACA,yBACA,qDAGF,iBACE,eACA,kBACA,WACA,WACA,mBjB5dkB,8DiB+dlB,iBACE,MACA,OACA,WACA,kBACA,mBnBvfa,0BmB8frB,UnB1gBQ,oBmB4gBN,eACA,gBjB5gBM,4BiBghBR,YACE,mBACA,0BACA,YACA,aACA,8BACA,cACA,oBAGF,YACE,cACA,sBAEA,oBACE,uBACA,cACA,YACA,iBACA,sBACA,uBAGF,oBACE,aACA,CAEA,oBACA,CADA,6BACA,UACA,QACA,YACA,uBACA,2BAIJ,iBACE,iBACA,0CAKE,yBACE,qCACA,WjB7jBE,mBFWa,gBmBqjBf,8CAGA,yBACE,oCACA,uCAMR,iBACE,kBACA,uCACA,gBjB9kBM,gBiBglBN,uBACA,6CAGF,YACE,mBACA,aACA,WnBxlBM,emB0lBN,sDAEA,aACE,cnBxkBiB,wEmB2kBjB,6EAEA,aACE,WnBnmBE,gBmBqmBF,sGAIJ,kBnB7lBmB,WEXb,6PiBgnBF,UjBhnBE,0DiBonBN,wCAGF,gBACE,iBACA,mBACA,gBACA,yBACA,cACA,+BAEA,oBACE,SACA,eACA,kBACA,gCAGF,oBACE,aACA,UACA,WACA,kBACA,kCAIA,ajB5oBU,CkBFZ,+BAHF,YACE,cACA,kBAUA,CATA,cAKA,kBACA,2BACA,gBAEA,uBAEA,YACE,uBACA,WACA,YACA,iBACA,6BAEA,WACE,gBACA,oBACA,aACA,yBACA,gBACA,oCAEA,0BACE,oCAGF,cACE,YACA,oBACA,YACA,6BAIJ,qBACE,WACA,gBACA,cACA,aACA,sBACA,qCAEA,4BARF,cASI,qBAMR,kBACE,wBACA,CADA,eACA,MACA,UACA,cACA,qCAEA,mBAPF,gBAQI,+BAGF,eACE,qCAEA,6BAHF,kBAII,wHAMJ,WAGE,mCAIJ,YACE,mBACA,uBACA,YACA,CpBrFmB,IoBoGrB,aACE,aACA,sBACA,WACA,YACA,CAIA,oBAGF,qBACE,WACA,mBACA,cpBhHwB,eoBkHxB,cACA,eACA,SACA,iBACA,aACA,SACA,UACA,2BAEA,yBACE,6BAIJ,kBACE,SACA,oBACA,cpBnIwB,eoBqIxB,cACA,eACA,kBACA,UACA,mCAEA,yBACE,wCAGF,kBACE,2BAIJ,oBACE,iBACA,2BAGF,iBACE,kCAGF,cACE,cACA,eACA,aACA,kBACA,QACA,UACA,cAGF,kBACE,WlB5KM,ckB8KN,eACA,aACA,qBACA,2DAEA,kBAGE,oBAGF,SACE,2BAGF,sBACE,cpB3LsB,kGoB8LtB,sBAGE,WlBpME,kCkBwMJ,apB7LiB,oBoBmMrB,oBACE,iBACA,oBAGF,kBpBlNqB,cAaH,iBoBwMhB,eACA,gBACA,yBACA,eACA,yBAGF,iBACE,cACA,UACA,gCAEA,sCACE,uCAEA,aACE,WACA,kBACA,aACA,OACA,QACA,cACA,UACA,oBACA,YACA,UACA,gFACA,wCAIJ,SACE,kBACA,gBAIJ,YACE,eACA,mBACA,cACA,eACA,kBACA,UACA,UACA,gBACA,uBAEA,QACE,YACA,aACA,cACA,uBACA,aACA,gBACA,uBACA,gBACA,mBACA,OACA,4CAGF,apBhRwB,4CoBqRtB,apBrRsB,wCoBuRpB,4CAIJ,SAEE,SAIJ,WACE,kBACA,sBACA,aACA,sBACA,gBACA,wDAEA,SACE,gBACA,gBACA,qBAGF,kBpBlTmB,yBoBuTrB,WACE,aACA,cACA,uBAGF,kBACE,iCAGF,iBACE,sEAGF,kBACE,SACA,cpB3TkB,eoB6TlB,eACA,eACA,kFAEA,aACE,CAKA,kLAEA,UlBtVI,mBkBwVF,kFAKJ,2BACE,wCAIJ,YACE,oBACA,6BACA,+CAEA,sBAEE,kBACA,eACA,qBACA,0CAGF,eACE,gDAKJ,SACE,6BAGF,eACE,gBACA,gBACA,cpB/WkB,0DoBiXlB,UACA,UACA,kBACA,uCAEA,YACE,WACA,uCAGF,iBACE,gCAGF,QACE,uBACA,SACA,6BACA,cACA,iCAIF,eACE,2CACA,YACE,WACA,mCAKN,kBACE,aACA,mCAIA,apBvZkB,0BoByZhB,gCAIJ,WACE,4DAEA,cACE,uEAEA,eACE,uBAKN,oBACE,uBACA,gBACA,mBACA,OACA,sBAGF,oBACE,iBACA,6EAGF,apBrbkB,mBAbG,kBoBucnB,aACA,eACA,gBACA,eACA,aACA,cACA,mBACA,uBACA,yBACA,4EAdF,cAeI,6FAGF,eACE,mFAGF,apBrdwB,qBoBudtB,qGAEA,yBACE,uCAKN,kBACE,aACA,eAGF,qBACE,uCAKA,sBACE,6BACA,qCASF,qCAXA,sBACE,6BACA,sCAgBF,mJAFF,qBAGI,sBAKF,wBACA,aACA,2BACA,mBACA,mBACA,2BAEA,aACE,iCAEA,UACE,kBACA,uCAEA,SACE,kCAKN,aACE,aACA,yBC9hBJ,iBACE,eACA,gBACA,crBagB,mBAbG,eqBGnB,aACA,cACA,sBACA,mBACA,uBACA,aACA,qEAGE,aAEE,WACA,aACA,SACA,yCAIJ,gBACE,gCAGF,eACE,uCAEA,aACE,mBACA,crBjBY,qCqBqBd,cACE,gBACA,kBCtCJ,UACE,cACA,+BACA,0BAEA,UACE,qCAGF,iBATF,QAUI,mBAIJ,qBACE,mBACA,uBAEA,YACE,kBACA,mBACA,gBACA,2BAEA,aACE,WACA,YACA,SACA,oBACA,CADA,8BACA,CADA,gBACA,uBAIJ,YACE,mBACA,mBACA,aACA,6BAEA,aACE,aACA,mBACA,qBACA,gBACA,qCAGF,UACE,eACA,cACA,+BAGF,aACE,WACA,YACA,gBACA,mCAEA,UACE,YACA,cACA,SACA,kBACA,mBACA,oBACA,CADA,8BACA,CADA,gBACA,qCAIJ,gBACE,gBACA,4CAEA,cACE,WpB1EF,gBoB4EE,gBACA,uBACA,0CAGF,aACE,eACA,ctBtEU,gBsBwEV,gBACA,uBACA,yBAKN,kBtB3FiB,asB6Ff,mBACA,uBACA,gDAEA,YACE,cACA,eACA,mDAGF,qBACE,kBACA,gCACA,WACA,gBACA,mBACA,gBACA,uBACA,qDAEA,YACE,iEAEA,cACE,sDAIJ,YACE,cAOV,kBtBjIqB,sBsBoInB,iBACE,4BAGF,aACE,eAIJ,cACE,kBACA,qBACA,cACA,iBACA,eACA,mBACA,gBACA,uBACA,eACA,oEAEA,YAEE,sBAGF,oBACE,kBACA,yBACA,sBACA,WACA,YACA,cACA,kBACA,SACA,kBACA,sBACA,8BAEA,oBACE,mBACA,CC/KJ,eAGF,SnBkDE,sBACA,WACA,YACA,gBACA,oBACA,mBJxDmB,cAYD,eI+ClB,SACA,cmBxDA,CACA,2BACA,iBACA,eACA,2CAEA,aACE,CAHF,iCAEA,aACE,CAHF,qCAEA,aACE,CAHF,4BAEA,aACE,kCAGF,QACE,6EAGF,mBAGE,sBAGF,kBACE,qCAGF,eA3BF,cA4BI,kCAKF,QACE,qDAGF,mBAEE,mBAGF,iBACE,SACA,WACA,UACA,qBACA,UACA,0BACA,4CACA,eACA,WACA,YACA,cvBxCmB,euB0CnB,oBACA,0BAEA,mBACE,WACA,0BAIJ,sBACE,iCAEA,mBACE,WACA,gCAIJ,QACE,uBACA,cvB5DkB,euB8DlB,uCAEA,uBACE,sCAGF,aACE,yBAKN,avB7EkB,mBuB+EhB,gCACA,kBACA,eACA,gBACA,uBAGF,YACE,cvBxFkB,kBuB0FlB,iBAIA,avB7FgB,mBuB+Fd,gCACA,gBACA,aACA,eACA,eACA,qBAEA,oBACE,iBACA,eAIJ,YACE,mBACA,aACA,gCACA,0BAEA,eACE,qBAGF,aACE,cvBvHY,gBuByHZ,uBACA,mBACA,4BAEA,eACE,uBAGF,avBlIc,qBuBoIZ,eACA,gBACA,cACA,gBACA,uBACA,mBACA,qGAKE,yBACE,wBAMR,aACE,eACA,iBACA,gBACA,iBACA,mBACA,gBACA,cvB3JiB,0BuB+JnB,aACE,WACA,2CAEA,mCACE,yBACA,0CAGF,wBACE,WC1LR,yCCCE,qBACA,sBACA,CADA,kBACA,wBACA,WACA,YACA,eAEA,UACE,8BAIJ,evBXQ,kBuBaN,sCACA,kBACA,eACA,UACA,iDAEA,2BACE,2DAGF,UACE,mCAIJ,iBACE,SACA,WACA,eACA,yCAGF,iBACE,UACA,SACA,UACA,gBvBvCM,kBuByCN,sCACA,gBACA,gDAEA,aACE,eACA,SACA,gBACA,uBACA,iKAEA,+BAGE,2DAIJ,WACE,wBAKF,2BACE,eAIJ,aACE,wBACA,UACA,eACA,0CAEA,mBAEE,mBAGF,8BACE,CADF,sBACE,WACA,cACA,SACA,WACA,YACA,0EAMA,SACE,oBACA,CADA,WACA,eChGN,WAEE,0BAGF,kBANW,kBAQT,cACA,iCACA,wBACE,mCAOF,WACE,SACA,UACA,2CAGF,aACE,aAEA,sBACA,YACA,6BACA,6DAGE,oBACE,WACA,iBACA,iBACA,iJAGF,UACE,gEAEF,oBACE,gBACA,WACA,2CAKN,yBACE,sBACA,kBACA,YACA,gBACA,kDAEA,uBACE,CADF,oBACE,CADF,eACE,WACA,YACA,SACA,4BACA,WACA,yBACA,eACA,4CACA,sBACA,oBACA,6DAEA,uBACE,6DAGF,sBACE,wEAGF,sBACE,kBACA,SCjFR,WACE,sBACA,aACA,sBACA,kBACA,iBACA,UACA,qBAEA,iBACE,oBAGF,kBACE,2DvBDF,SuBI0D,yBvBC1D,SuBD0D,qCvBQxD,qLuBLA,yBAGF,eACE,gBACA,eACA,qCvBZA,4BuBgBA,SACE,WACA,YACA,eACA,UACA,+BALF,SACE,WACA,YACA,eACA,UACA,yCAIJ,4BAGF,YACE,mBACA,mBACA,UACA,mBACA,eACA,mBAEA,aACE,sBACA,oCACA,sBACA,YACA,cACA,c3BzCgB,kB2B2ChB,qBACA,eACA,mBAGF,iCACE,iDAEA,YAEE,mBACA,mCACA,SAKN,iBACE,mBACA,UACA,qCvBrDE,6CADF,euBwDkF,sCvBlEhF,sBADF,cuBoE0D,yBvB/D1D,cuB+D0D,gBAG5D,ezBlFQ,kBEkEN,CACA,sBACA,gBACA,cJhDiB,uCIkDjB,mBAEA,wBACE,cJrDe,eIuDf,gBACA,mBACA,mBAGF,aACE,mBAGF,kBACE,mBAGF,eACE,WJ3FI,kB2BuFR,YACE,c3B1EkB,a2B4ElB,mBACA,oBAEA,aACE,qBACA,wBAGF,aACE,c3BnFmB,gB2BqFnB,mBACA,gBACA,uBACA,0BAIJ,aACE,gBACA,gBACA,kBAGF,kB3BhHqB,kB2BkHnB,gBACA,yBAEA,a3BxGgB,mB2B0Gd,aACA,gBACA,eACA,eACA,6BAEA,oBACE,iBACA,0BAIJ,iBACE,6BAEA,kBACE,gCACA,eACA,aACA,aACA,gBACA,eACA,c3BhIY,iC2BmIZ,oBACE,iBACA,8FAIJ,eAEE,mCAGF,aACE,aACA,c3B/IiB,qB2BiJjB,0HAEA,aAGE,0BACA,gBAQN,WACA,kBAGA,+BANF,qBACE,UACA,CAEA,eACA,aAgBA,CAfA,eAGF,iBACE,MACA,OACA,mBACA,CAGA,qBACA,CACA,eACA,WACA,YACA,uBAEA,kB3BlMmB,0B2BuMrB,u1BACE,OACA,gBACA,aACA,8BAEA,aACE,sBACA,CADA,4DACA,CADA,kBACA,+BACA,CADA,2BACA,UACA,YACA,oBACA,eACA,yBACA,CADA,qBACA,CADA,oBACA,CADA,gBACA,oCAGF,aACE,WACA,YACA,YACA,eACA,sCAGF,yBAzBF,aA0BI,iBAIJ,kBACE,eACA,gBACA,mBAGF,cACE,kBACA,MACA,OACA,WACA,YACA,0BACA,oBCrPF,kBACE,gB1BAM,WACA,e0BEN,aACA,sBACA,YACA,uBACA,eACA,kBACA,kBACA,YACA,gBAGF,e1BdQ,cFcY,S4BGlB,WACA,YACA,iEAEA,aAGE,iCAGF,eACE,2BxBcF,iBACE,mBACA,cACA,eACA,aACA,gBACA,yBwBfJ,aACE,eACA,yBAGF,aACE,eACA,gBACA,6BAGF,aACE,kBACA,W1B7CM,0B0B+CN,WACA,SACA,gBACA,kBACA,eACA,gBACA,UACA,oBACA,WACA,4BACA,iBACA,wDAKE,SACE,uBAKN,WACE,aACA,sBACA,4BAEA,iBACE,c5B9DgB,a4BgEhB,YACA,mBACA,CAGE,yDAIJ,UACE,gBAIJ,qBACE,eACA,gBACA,kBACA,kBACA,WACA,aACA,2BxBzDA,iBACE,mBACA,cACA,eACA,aACA,gBACA,sBwBwDJ,WACE,sBACA,cACA,WACA,kBACA,kBACA,gBACA,kCAEA,eACE,qEAIA,cACE,MACA,gCAIJ,e1B5HM,gC0BiIR,cACE,cACA,qBACA,c5BpHqB,kB4BsHrB,UACA,mEAEA,WAEE,WACA,sBACA,CADA,gCACA,CADA,kBACA,CAIE,0HAFF,WACE,oBACA,CADA,8BACA,CADA,gB1BhJE,C0BiJF,wBAKN,UACE,CAEA,iBACA,MACA,OACA,UACA,gB1B7JM,iC0BgKN,YACE,sBAIJ,WACE,gBACA,kBACA,WACA,aACA,uBACA,qCAGF,cACE,YACA,WACA,kBACA,UACA,sBACA,CADA,gCACA,CADA,kBACA,yBACA,CADA,qBACA,CADA,oBACA,CADA,gBACA,qDAEA,WACE,oBACA,CADA,8BACA,CADA,gBACA,sCAIJ,0BACE,2BACA,gBACA,kBACA,yBAGF,eACE,iBACA,yBAGF,UACE,cAGF,UACE,YACA,kBACA,qCAEA,UACE,YACA,aACA,mBACA,uBACA,2CAEA,c1BrK0B,eAEC,C0B+K7B,8CALF,iBACE,MACA,OACA,QACA,SAYA,CAXA,yBAQA,mBACA,8BACA,oBACA,4BAEA,mBACE,0DAGF,SACE,4DAEA,mBACE,mBAKN,yBACE,sBACA,SACA,W1BjQM,e0BmQN,aACA,mBACA,eACA,cACA,cACA,kBACA,kBACA,MACA,SACA,yBAGF,MACE,0BAGF,OACE,CASA,4CANF,UACE,kBACA,kBACA,OACA,YACA,oBAUA,6BAEA,WACE,sBAGF,mBACE,qBACA,gBACA,c5B5SsB,mF4B+StB,yBAGE,wBAKN,oBACE,sBAGF,qB1B9TQ,Y0BgUN,WACA,kBACA,YACA,UACA,SACA,YACA,8BAGF,wB5B9TqB,qB4BkUrB,iBACE,UACA,QACA,YACA,qKAKA,WAEE,mFAGF,WACE,eAKJ,qBACE,kBACA,mBACA,kBACA,oBACA,cACA,wBAEA,eACE,YACA,yBAGF,cACE,kBACA,gBACA,gCAEA,UACE,cACA,kBACA,6BACA,WACA,SACA,OACA,oBACA,qCAIJ,oCACE,iCAGF,wBACE,uCAIA,mBACA,mBACA,6BACA,0BACA,eAIJ,eACE,kBACA,gB1BnZM,e0BqZN,kBACA,sBACA,cACA,wBAEA,eACE,sBACA,qBAGF,SACE,gCAGF,UACE,YACA,0BxB3XF,iBACE,mBACA,cACA,eACA,aACA,gBACA,qBwB0XF,eACE,gBACA,UACA,kBACA,0BAGF,oBACE,sBACA,SACA,gCAEA,wBACE,0BACA,qBACA,sBACA,UACA,4BAKF,qBACE,CADF,gCACE,CADF,kBACE,kBACA,QACA,2BACA,yBAIJ,iBACE,UACA,SACA,OACA,QACA,sBACA,iFACA,eACA,UACA,4BACA,gCAEA,SACE,6EAKF,iBAEE,wBAIJ,YACE,kBACA,MACA,OACA,WACA,YACA,UACA,SACA,gB1BxeI,cFcY,gB4B6dhB,oBACA,+BAEA,aACE,oBACA,8GAEA,aAGE,+BAIJ,aACE,eACA,kCAGF,aACE,eACA,gBACA,4BAIJ,YACE,8BACA,oBACA,CAGE,gUAEA,aAIE,wBAKN,cACE,mBACA,gBACA,uBACA,oCAGE,cACE,qCAKF,eACE,+BAIJ,sBACE,iBACA,eACA,SACA,0BACA,8GAEA,U1B9iBE,+E0BsjBN,cAGE,gBACA,6BAGF,U1B7jBM,iB0B+jBJ,yBAGF,oBACE,aACA,mDAGF,U1BvkBM,uB0B4kBN,cACE,YACA,eACA,8BAEA,UACE,WACA,+BAOA,6DANA,iBACA,cACA,kBACA,WACA,UACA,YAWA,CAVA,+BASA,kBACA,+BAGF,iBACE,UACA,kBACA,WACA,YACA,YACA,UACA,4BACA,mBACA,sCACA,oBACA,qBAIJ,gBACE,uBAEA,oBACE,eACA,gBACA,W1B5nBE,sF0B+nBF,yBAGE,qBAKN,cACE,YACA,kBACA,4BAEA,UACE,WACA,+BACA,kBACA,cACA,kBACA,WACA,SACA,2DAGF,aAEE,kBACA,WACA,kBACA,SACA,mBACA,6BAGF,6BACE,6BAGF,iBACE,UACA,UACA,kBACA,WACA,YACA,QACA,iBACA,4BACA,mBACA,sCACA,oBACA,CAGE,yFAKF,SACE,6GAQF,gBACE,oBACA,iBCtsBR,YACE,mBACA,mBACA,kBACA,QACA,SACA,YACA,mBAGF,YACE,kBACA,gBACA,yBACA,0BACA,eACA,iBACA,yBACA,WACA,4BACA,wCAEA,uBCtBF,kB9BGqB,sB8BDnB,kBACA,uCACA,YACA,gBACA,qCAEA,aARF,SASI,kBAGF,cACE,mBACA,gBACA,eACA,kBACA,0BACA,6BAGF,WACE,6BAGF,yBACE,sCAEA,uBACE,uCACA,wBACA,wBAIJ,eACE,kDAIA,oBACE,+BAIJ,cACE,sBAGF,eACE,aAIJ,kB9BnDqB,sB8BqDnB,kBACA,uCACA,YACA,gBACA,qCAEA,YARF,SASI,uBAGF,kBACE,oBAGF,kBACE,YACA,0BACA,gBACA,mBAGF,YACE,gCACA,4BAGF,YACE,iCAGF,aACE,gBACA,qBACA,eACA,aACA,aC3FJ,cAOE,qBACA,W/BPM,gD+BEJ,iBACA,+BAOF,WACE,iBAIJ,sBACE,6BAEA,uBACE,2BACA,4BACA,mB/BjBsB,4B+BqBxB,oBACE,8BACA,+BACA,aACA,qBAIJ,YACE,8BACA,cACA,c/BfmB,c+BiBnB,oBAGF,iBACE,OACA,kBACA,iBACA,gBACA,8BACA,eACA,0BAEA,aACE,6BAIJ,a/BlD0B,mC+BqDxB,aACE,oDAGF,QACE,wBAIJ,iBACE,YACA,OACA,WACA,WACA,yBACA,uBAIA,oBACE,WACA,eACA,yBAGF,iBACE,gBACA,oBAIJ,iBACE,aACA,gBACA,kBACA,gB7B5FM,sB6B8FN,sGAEA,+BAEE,oBAKF,2BACA,gB7BxGM,0B6B2GN,cACE,gBACA,gBACA,oBACA,cACA,WACA,gCACA,W/BnHI,yB+BqHJ,kBACA,4CAEA,QACE,2GAGF,mBAGE,wCAKN,cACE,6CAEA,SACE,kBACA,kBACA,qDAGF,SACE,WACA,kBACA,MACA,OACA,WACA,YACA,sCACA,mBACA,4BAIJ,SACE,kBACA,wBACA,gBACA,MACA,iCAEA,aACE,WACA,gBACA,gBACA,gB7BpKI,mB6ByKR,iBACE,qBACA,YACA,wBAEA,UACE,YACA,wBAIJ,cACE,kBACA,iBACA,c/BlKiB,mD+BqKjB,YACE,qDAGF,eACE,uDAGF,YACE,qBAIJ,YACE,wBC1MF,iBACE,aACA,mBACA,mBhCEwB,WAJlB,kBgCKN,YACA,WACA,gBACA,iBACA,gBACA,4DAEA,aACE,eACA,mFAGF,iBACE,kBACA,gBACA,+FAEA,iBACE,OACA,MACA,kCAIJ,aACE,chCTiB,2BgCanB,cACE,gBACA,iBACA,mBACA,2BAGF,cACE,gBACA,iBACA,gBACA,mBACA,0CAIJ,aACE,kBACA,cACA,mBACA,gCACA,eACA,qBACA,aACA,0BACA,4DAEA,aACE,iBACA,gDAGF,kBhC9DwB,iDgCkExB,kBhC1DmB,WEXb,qG8B0EN,kB9BxEU,WAFJ,oC8BgFR,kBACE,YACA,eACA,iBACA,gBACA,8BAGF,aACE,UACA,kBACA,YACA,gBACA,oCAGF,iBACE,4FAGF,eAEE,mBACA,qCAGF,mCACE,UACE,cACA,0CAGF,YACE,4DAEA,YACE,kBCtHN,U/BEQ,gC+BCN,oBAEA,cACE,iBACA,gBACA,kBACA,mBAGF,U/BVM,0B+BYJ,oBAGF,eACE,cACA,iBACA,mDAGF,UACE,YACA,gBACA,gCACA,gBC3BJ,WACE,gBACA,aACA,sBACA,yBACA,kBACA,+BAEA,gBACE,eACA,CACA,2BACA,kCAGF,QACE,iCAGF,aACE,6BAGF,sBACE,0BAGF,MACE,kBACA,aACA,sBACA,iBACA,mDAGF,eACE,sBhClCI,0BgCoCJ,cACA,gDAGF,iBACE,gDAGF,WACE,mBAIJ,eACE,mBACA,yBACA,gBACA,aACA,sBACA,qBAEA,aACE,sBAGF,aACE,SACA,CACA,4BACA,cACA,qDAHA,sBAOA,qCAIJ,qBAEI,cACE,wBAKN,qBACE,WACA,cACA,6DAEA,UAEE,YACA,UACA,wCAGF,YACE,cACA,kDACA,qCAEA,uCALF,aAMI,yCAIJ,eACE,oCAGF,YACE,uDAGF,cACE,sCAGF,gBACE,eACA,CACA,2BACA,yCAGF,QACE,mCAGF,gBACE,yBAEA,kCAHF,eAII,sCAIJ,sBACE,gBACA,sCAGF,uCACE,YACE,iKAEA,eAGE,6CAIJ,gBACE,2EAGF,YAEE,kGAGF,gBACE,+BAGF,YACE,gBACA,gLAEA,eAIE,gCAIJ,iBACE,6CAEA,cACE,8CAKF,gBACE,CAIA,yFAGF,eACE,0BAMR,cACE,aACA,uBACA,mBACA,gBACA,iBACA,iBACA,gBACA,mBACA,WhCjNM,kBgCmNN,eACA,iBACA,qBACA,sCACA,4FAEA,kBAGE,qCAIJ,UACE,UACE,uDAGF,kCACE,mCAGF,kBAEE,sCAIJ,2CACE,YACE,sCAOA,sEAGF,YACE,uCAIJ,0CACE,YACE,uCAIJ,UACE,YACE,gCC1QJ,oBACE,gBACA,yCAEA,UACE,YACA,gBACA,iCAGF,kBACE,qBACA,4CAEA,eACE,iCAIJ,anCFqB,qBmCInB,uCAEA,yBACE,+CAIA,oBACE,oDAEA,yBACE,gDAKN,aACE,gBAKN,kBACE,eACA,aACA,qBACA,0BAEA,WACE,cACA,qCAEA,yBAJF,YAKI,4BAIJ,wBACE,cACA,kBACA,qCAEA,0BALF,UAMI,uBAIJ,qBACE,WACA,aACA,kBACA,eACA,iBACA,qBACA,gBACA,gBACA,gBACA,aACA,sBACA,6BAEA,aACE,gBACA,mBACA,mBACA,8BAGF,iBACE,SACA,WACA,cACA,mBnCvFoB,kBmCyFpB,cACA,eACA,4BAIJ,YACE,cnCvFgB,kBmCyFhB,WACA,QACA,mDAIJ,YACE,oDAGF,UACE,gBAGF,YACE,eACA,mBACA,gBACA,iBACA,wBACA,sBAEA,aACE,mBACA,SACA,kBACA,WACA,eACA,yBACA,CADA,qBACA,CADA,oBACA,CADA,gBACA,cACA,aACA,mBACA,2BACA,2CACA,6BAEA,aACE,aACA,WACA,YACA,iCAEA,aACE,SACA,WACA,YACA,eACA,gBACA,sBACA,sBACA,CADA,gCACA,CADA,kBACA,6BAIJ,aACE,cACA,eACA,gBACA,kBACA,gBACA,cnCrJc,mFmCyJhB,kBAGE,4BACA,2CACA,wGAEA,aACE,6BAIJ,0BACE,2CACA,yBACA,yDAEA,aACE,uCAKN,UACE,oCAGF,WACE,8BAGF,anCxLkB,SmC0LhB,eACA,WACA,cACA,cACA,YACA,aACA,mBACA,WACA,2BACA,2CACA,2GAEA,SAGE,cACA,4BACA,2CACA,qCAKF,SACE,OCjON,eACE,eACA,8BAEA,QAEE,gBACA,UAGF,kBACE,kBACA,cAGF,iBACE,cACA,mBACA,WACA,aACA,sBAEA,kBpCTiB,eoCcnB,iBACE,aACA,cACA,iBACA,eACA,gBACA,qBAEA,oBACE,qBACA,yBACA,4BACA,oEAGF,YAEE,kCAGF,aACE,gCAIA,qBACA,WACA,eACA,WpCtDE,coCwDF,UACA,oBACA,gBlCzDE,yBkC2DF,kBACA,iBACA,sCAEA,oBpC3DoB,0BoCgEtB,cACE,wBAGF,YACE,mBACA,iBACA,cAIJ,oBACE,kBACA,yBACA,sBACA,WACA,YACA,cACA,kBACA,SACA,kBACA,sBACA,gBACA,mBACA,cACA,uBAEA,iBACE,qBAGF,oBlClGY,8EkCuGZ,oBAGE,iBACA,gCAGF,mBACE,SACA,wCAGF,mBAEE,eAIJ,oBACE,WACA,gBACA,cACA,cAGF,aACE,qBACA,oBAEA,cACE,eAIJ,eACE,mBACA,cpC9Hc,aoCkIhB,cACE,uBACA,UACA,SACA,SACA,cpCvIc,0BoCyId,kBACA,mBAEA,oBACE,sCAGF,qCAEE,eAIJ,WACE,eACA,kBACA,eACA,6BAIJ,4BACE,kBACA,gCAEA,YACE,2CAGF,4BACE,aACA,aACA,mBACA,mGAEA,UAEE,aACA,+GAEA,oBpC3LoB,sDoCiMxB,cACE,gBACA,iBACA,YACA,oBACA,cpCzLkB,sCoC4LlB,gCAGF,YACE,mBACA,8CAEA,aACE,wBACA,iBACA,oCAIJ,uBACE,CADF,oBACE,CADF,eACE,sBACA,eACA,WpC/NI,qBoCiOJ,WACA,UACA,oBACA,qXACA,yBACA,kBACA,CACA,yBACA,mDAGF,aACE,cAIJ,apClOkB,qBoCqOhB,+BACE,6BAEA,6BACE,YCpPN,qBACE,iBANc,cAQd,kBACA,sCAEA,WANF,UAOI,eACA,mBAIJ,sBACE,eACA,gBACA,gBACA,qBACA,crCPkB,oBqCUlB,arCnBwB,0BqCqBtB,6EAEA,oBAGE,wCAIJ,arCrBkB,oBqC0BlB,YACE,oBACA,+BAEA,eACE,yBAIJ,eACE,crClCmB,qBqCsCrB,iBACE,crCvCmB,uBqC2CrB,eACE,mBACA,kBACA,kBACA,yHAGF,sBAME,mBACA,oBACA,gBACA,crC3DmB,qBqC+DrB,aACE,qBAGF,gBACE,qBAGF,eACE,qBAGF,gBACE,yCAGF,aAEE,qBAGF,eACE,qBAGF,kBACE,yCAMA,iBACA,iBACA,yDAEA,2BACE,yDAGF,2BACE,qBAIJ,UACE,SACA,SACA,gCACA,eACA,4BAEA,UACE,SACA,wBAIJ,UACE,yBACA,8BACA,CADA,iBACA,gBACA,mBACA,iEAEA,+BAEE,cACA,kBACA,gBACA,gBACA,crCxIc,iCqC4IhB,uBACE,gBACA,gBACA,crC9IY,qDqCkJd,WAEE,iBACA,kBACA,qBACA,mEAEA,SACE,kBACA,iFAEA,gBACE,kBACA,6EAGF,iBACE,SACA,UACA,mBACA,gBACA,uBACA,+BAMR,YACE,oBAIJ,kBACE,eACA,mCAEA,iBACE,oBACA,8BAGF,YACE,8BACA,eACA,6BAGF,UACE,uBACA,eACA,iBACA,WnCpNI,iBmCsNJ,kBACA,qEAEA,aAEE,6CAIA,arChNiB,oCqCqNnB,sBACE,gBACA,eACA,iBACA,qCAGF,4BA3BF,iBA4BI,4BAIJ,iBACE,YACA,sBACA,mBACA,CACA,sBACA,0BACA,QACA,aACA,yCAEA,sBACE,eACA,iBACA,gBACA,crClPc,mBqCoPd,mBACA,gCACA,uBACA,mBACA,gBACA,wFAEA,eAEE,cACA,2CAGF,oBACE,2BAKN,iBACE,mCAIE,UACqB,sCjCnRzB,CiCoRI,kBACA,uCAEA,aACE,WACA,YACA,mBACA,iBnCpOgB,wBE9DtB,4BACA,iCiCsSE,cACE,mCAEA,aACE,WnC3SA,qBmC6SA,uDAGE,yBACE,2CAKN,aACE,crC1SY,kCqCkTlB,sBAEE,CACA,eACA,eACA,iBACA,mBACA,crCzTgB,sCqC4ThB,arCrUsB,0BqCuUpB,kBAIJ,cACE,SACA,UACA,gBACA,uBACA,oBACA,kBACA,oBACA,cACA,kBAGF,sBACE,eACA,iBACA,gBACA,mBACA,crCjVmB,wBqCoVnB,sBACE,cACA,eACA,gBACA,cACA,kBAKF,cACA,iBrC/VmB,mCqC6VrB,sBACE,CAEA,eACA,mBACA,crClWmB,kBqCuWnB,cACA,iBrCxWmB,kBqCgXnB,crChXmB,mCqC+WrB,sBACE,CACA,gBACA,gBACA,mBACA,crCpXmB,kBqCyXnB,crCzXmB,kBqCiYrB,sBACE,eACA,iBACA,gBACA,mBACA,crCtYmB,mCqC0YrB,gBAEE,mDAEA,2BACE,mDAGF,2BACE,kBAIJ,eACE,kBAGF,kBACE,yCAGF,cAEE,kBAGF,UACE,SACA,SACA,4CACA,cACA,yBAEA,UACE,SACA,iDAIJ,YAEE,+BAGF,kBrCpcmB,kBqCscjB,kBACA,gBACA,sBACA,oCAEA,UACE,aACA,2BACA,iBACA,8BACA,mBACA,uDAGF,YACE,yBACA,qBACA,mFAEA,aACE,eACA,qCAGF,sDAVF,UAWI,8BACA,6CAIJ,MACE,sBACA,qCAEA,2CAJF,YAKI,sBAKN,iBACE,yBAEA,WACE,WACA,uBACA,4BAIJ,iBACE,mBACA,uCAEA,eACE,mCAGF,eACE,cACA,qCAGF,eACE,UACA,mDAEA,kBACE,aACA,iBACA,0FAKE,oBACE,gFAIJ,cACE,qDAIJ,aACE,cACA,6CAMA,UACqB,sCjC9hB3B,mDiCiiBI,cACE,4DAEA,cACE,qCAKN,oCACE,eACE,sCAIJ,2BA9DF,iBA+DI,mFAIJ,qBAGE,mBrC9jBiB,kBqCgkBjB,kCACA,uBAGF,YACE,kBACA,WACA,YACA,2BAEA,YACE,WACA,uCAKF,YACE,eACA,mBACA,mBACA,qCAGF,sCACE,kBACE,uCAIJ,arChlBmB,qCqColBnB,eACE,WnCpmBE,gBmCsmBF,2CAEA,arC3lBc,gDqC8lBZ,arC5lBe,+CqCkmBnB,eACE,qBAIJ,kBACE,yBAEA,aACE,SACA,eACA,YACA,kBACA,qCAIJ,gDAEI,kBACE,yCAGF,eACE,gBACA,WACA,kBACA,uDAEA,iBACE,sCAMR,8BACE,aACE,uCAEA,gBACE,sDAGF,kBACE,6EAIJ,aAEE,qBAIJ,WACE,UAIJ,mBACE,qCAEA,SAHF,eAII,kBAGF,YACE,uBACA,mBACA,aACA,qBAEA,SnC1rBI,YmC4rBF,qCAGF,gBAXF,SAYI,mBACA,sBAIJ,eACE,uBACA,gBACA,gBACA,uBAGF,eACE,gBACA,0BAEA,YACE,yBACA,gBACA,eACA,crCvsBc,6BqC2sBhB,eACE,iBACA,+BAGF,kBrC5tBiB,aqC8tBf,0BACA,aACA,uCAEA,YACE,gCAIJ,cACE,gBACA,uDAEA,YACE,mBACA,iDAGF,UACE,YACA,0BACA,gCAIJ,YACE,uCAEA,sBACE,eACA,gBACA,cACA,qCAGF,cACE,crCtvBY,uFqC4vBlB,eACE,cASA,CrCtwBgB,2CqCmwBhB,iBACA,CACA,kBACA,gBAGF,eACE,cACA,aACA,kDACA,cACA,qCAEA,eAPF,oCAQI,cACA,8BAEA,UACE,aACA,sBACA,0CAEA,OACE,cACA,2CAGF,YACE,mBACA,QACA,cACA,qCAIJ,UACE,2BAGF,eACE,sCAIJ,eAtCF,UAuCI,6BAEA,aACE,gBACA,gBACA,2GAEA,eAGE,uFAIJ,+BAGE,2BAGF,YACE,gCAEA,eACE,qEAEA,eAEE,gBACA,2CAGF,eACE,SAQZ,iBACE,qBACA,iBAGF,aACE,kBACA,aACA,UACA,YACA,crC92BsB,qBqCg3BtB,eACA,qCAEA,gBAVF,eAWI,WACA,gBACA,crC12Bc,SsChBlB,UACE,eACA,iBACA,yBACA,qBAEA,WAEE,iBACA,mBACA,6BACA,gBACA,mBACA,oBAGF,qBACE,gCACA,aACA,gBACA,oBAGF,eACE,qEAGF,kBtCxBmB,UsC6BnB,atC1BwB,0BsC4BtB,gBAEA,oBACE,eAIJ,eACE,CAII,4HADF,eACE,+FAOF,sBAEE,yFAKF,YAEE,gCAMJ,kBtCjEiB,6BsCmEf,gCACA,4CAEA,qBACE,8BACA,2CAGF,uBACE,+BACA,0BAKN,qBACE,gBAIJ,aACE,mBACA,MAGF,+BACE,0BAGF,sBACE,SACA,aACA,8CAGF,oBAEE,qBACA,iBACA,eACA,ctC/FkB,gBsCiGlB,0DAEA,UpChHM,wDoCoHN,eACE,iBACA,sEAGF,cACE,yCAKF,YAEE,yDAEA,qBACE,iBACA,eACA,gBACA,qEAEA,cACE,2EAGF,YACE,mBACA,uFAEA,YACE,qHAOJ,sBACA,cACA,uBAIJ,wBACE,mBtC/JiB,sBsCiKjB,YACA,mBACA,gCAEA,gBACE,mBACA,oBAIJ,YACE,yBACA,aACA,mBtC9KiB,gCsCiLjB,aACE,gBACA,mBAIJ,wBACE,aACA,mBACA,qCAEA,wCACE,4BACE,0BAIJ,kBACE,iCAGF,kBtCtMiB,uCsCyMf,kBACE,4BAIJ,gBACE,oBACA,sCAEA,SACE,wCAGF,YACE,mBACA,mCAGF,aACE,aACA,uBACA,mBACA,kBACA,6CAEA,UACE,YACA,kCAIJ,aACE,mCAGF,aACE,iBACA,ctClOY,gBsCoOZ,mCAIJ,QACE,WACA,qCAEA,sBACE,gBACA,qCAOJ,4FAFF,YAGI,gCAIJ,aACE,sCAEA,eACE,4BAIJ,wBACE,aACA,gBACA,qCAEA,2BALF,4BAMI,sCAIJ,+CACE,YACE,iBCzRN,YACE,uBACA,WACA,iBACA,iCAEA,gBACE,gBACA,oBACA,cACA,wCAEA,YACE,yBACA,mBvCfe,YuCiBf,yBAIJ,WAvBc,UAyBZ,oBACA,iCAEA,YACE,mBACA,YACA,uCAEA,aACE,yCAEA,oBACE,aACA,2CAGF,SrCxCA,YqC0CE,kBACA,YACA,uCAIJ,aACE,cvCpCY,qBuCsCZ,cACA,eACA,aACA,0HAIA,kBAGE,+BAKN,aACE,iBACA,YACA,aACA,qCAGF,sCACE,YACE,6BAIJ,eACE,0BACA,gBACA,mBACA,qCAEA,2BANF,eAOI,+BAGF,aACE,aACA,cvC9EY,qBuCgFZ,0BACA,2CACA,0BACA,mBACA,gBACA,uBACA,mCAEA,gBACE,oCAGF,UrCzGA,yBqC2GE,0BACA,2CACA,uCAGF,kBACE,sBACA,+BAIJ,kBACE,wBACA,SACA,iCAEA,QACE,kBACA,6DAIJ,UrCjIE,yBFWa,gBuCyHb,gBACA,mEAEA,wBACE,6DAKN,yBACE,iCAIJ,qBACE,WACA,gBApJY,cAsJZ,sCAGF,uCACE,YACE,iCAGF,WA/JY,cAiKV,sCAIJ,gCACE,UACE,0BAMF,2BACA,qCAEA,wBALF,cAMI,CACA,sBACA,kCAGF,YACE,oBAEA,gCACA,0BAEA,eAEA,mBACA,8BACA,mCAEA,eACE,kBACA,yCAGF,mBACE,4DAEA,eACE,qCAIJ,gCAzBF,eA0BI,iBACA,6BAIJ,avCrMmB,euCuMjB,iBACA,gBACA,qCAEA,2BANF,eAOI,6BAIJ,avChNmB,euCkNjB,iBACA,gBACA,mBACA,4BAGF,wBACE,eACA,gBACA,cvC7Nc,mBuC+Nd,kBACA,gCACA,4BAGF,cACE,cvCnOiB,iBuCqOjB,gBACA,0CAGF,UrCxPI,gBqC0PF,uFAGF,eAEE,gEAGF,aACE,4CAGF,cACE,gBACA,WrCxQE,oBqC0QF,iBACA,gBACA,mBACA,2BAGF,cACE,iBACA,cvCnQiB,mBuCqQjB,kCAEA,UrCtRE,gBqCwRA,CAII,2NADF,eACE,4BAMR,UACE,SACA,SACA,4CACA,cACA,mCAEA,UACE,SACA,qCAKN,eA9SF,aA+SI,iCAEA,YACE,yBAGF,UACE,UACA,YACA,iCAEA,YACE,4BAGF,YACE,8DAGF,eAEE,gCACA,gBACA,0EAEA,eACE,+BAIJ,eACE,6DAGF,2BvCxUe,YuC+UrB,UACE,SACA,cACA,WACA,sDAKA,avCtVkB,0DuCyVhB,avClWsB,4DuCuWxB,arC1Wc,gBqC4WZ,4DAGF,arC9WU,gBqCgXR,0DAGF,avCvWgB,gBuCyWd,0DAGF,arCtXU,gBqCwXR,UAIJ,YACE,eACA,yBAEA,aACE,qBACA,oCAEA,kBACE,4BAGF,cACE,gBACA,+BAEA,oBACE,iBACA,gCAIJ,eACE,yBACA,eACA,CAII,iNADF,eACE,6CAKN,aACE,mBACA,2BAGF,oBACE,cvC3Zc,qBuC6Zd,yBACA,eACA,gBACA,gCACA,iCAEA,UrChbE,gCqCkbA,oCAGF,avCjboB,gCuCmblB,iBAMR,aACE,iBACA,eACA,sBAGF,aACE,eACA,cACA,wBAEA,aACE,kBAIJ,YACE,eACA,mBACA,wBAGF,YACE,WACA,sBACA,aACA,+BAEA,aACE,qBACA,gBACA,eACA,iBACA,cvC/cmB,CuCodf,4MADF,eACE,sCAKN,aACE,gCAIJ,YAEE,mBACA,kEAEA,UACE,kBACA,4BACA,gFAEA,iBACE,kDAKN,aAEE,aACA,sBACA,4EAEA,cACE,WACA,kBACA,mBACA,uEAIJ,cAEE,iBAGF,YACE,eACA,kBACA,2CAEA,kBACE,eACA,8BAGF,kBACE,+CAGF,gBACE,uDAEA,gBACE,mBACA,YACA,YAKN,kBACE,eACA,cAEA,avCziBwB,qBuC2iBtB,oBAEA,yBACE,SAKN,aACE,YAGF,gBACE,eACA,mBvC5jBmB,gCuC8jBnB,uBAEA,eACE,oBAGF,YACE,2BACA,mBACA,cvC3jBgB,euC6jBhB,eACA,oBAGF,iBACE,4BAEA,aACE,SACA,kBACA,WACA,YACA,qBAIJ,2BACE,mBAGF,oBACE,uBAGF,avCplBgB,sDuCwlBhB,avCvlBqB,qBuC2lBnB,gBACA,yDAIJ,oBAIE,cvCpmBqB,iGuCumBrB,eACE,yIAIA,4BACE,cACA,iIAGF,8BACE,CADF,sBACE,WACA,sBAKN,YAEE,mBACA,sCAEA,aACE,CACA,gBACA,kBACA,0DAIA,8BACE,CADF,sBACE,WACA,gBAKN,kBACE,8BACA,yBAEA,yBrC9pBc,yBqCkqBd,yBACE,wBAGF,yBrCnqBU,wBqCwqBR,2BACA,eACA,iBACA,4BACA,kBACA,gBACA,0BAEA,avCvqBgB,uBuC6qBhB,wBACA,qBAGF,avChrBgB,cuCqrBlB,kBvClsBqB,kBuCosBnB,mBACA,uBAEA,YACE,8BACA,mBACA,aACA,gCAEA,SACE,SACA,gDAEA,aACE,8BAIJ,aACE,gBACA,cvC5sBc,yBuC8sBd,iBACA,gCAEA,aACE,qBACA,iHAEA,aAGE,mCAIJ,arCvuBM,6BqC8uBR,YACE,2BACA,6BACA,mCAEA,kBACE,gFAGF,YAEE,cACA,sBACA,YACA,cvCjvBY,mLuCovBZ,kBAEE,gBACA,uBACA,sCAIJ,aACE,6BACA,4CAEA,avC/vBU,iBuCiwBR,gBACA,wCAIJ,aACE,sBACA,WACA,aACA,qBACA,cvC5wBY,WuCmxBpB,kBAGE,0BAFA,eACA,uBASA,CARA,eAGF,oBACE,gBACA,CAEA,qBACA,oBAGF,YACE,eACA,CACA,kBACA,wBAEA,qBACE,cACA,mBACA,aACA,0FAGF,kBAEE,kBACA,YACA,6CAGF,QACE,SACA,+CAEA,aACE,sEAGF,uBACE,yDAGF,arC70BY,8CqCk1Bd,qBACE,aACA,WrCr1BI,cqC01BR,iBACE,qBAGF,wBACE,kBACA,2BAEA,cACE,mBvCl2BiB,gCuCo2BjB,kCAEA,cACE,cACA,gBACA,eACA,gBACA,cvC71BiB,qBuC+1BjB,mBACA,uHAEA,UrCj3BE,iCqCw3BJ,cACE,cvC32BY,uCuC+2Bd,YACE,8BACA,mBACA,sCAGF,eACE,kkECp4BN,kIACE,CADF,sIACE,uIAYA,aAEE,yIAGF,aAEE,qIAGF,aAEE,6IAGF,aAEE,UChCJ,aACE,gCAEA,gBACE,eACA,mBACA,+BAGF,cACE,iBACA,8CAGF,aACE,kBACA,wBAGF,gBACE,iCAGF,aACE,kBACA,uCAGF,oBACE,gDAGF,SACE,YACA,8BAGF,cACE,iBACA,mEAGF,aACE,kBACA,2DAGF,cAEE,gBACA,mFAGF,cACE,gBACA,+BAGF,eACE,2EAGF,UAEE,mCAGF,aACE,iBACA,yBAGF,kBACE,kBACA,4BAGF,UACE,UACA,wBAGF,aACE,kCAGF,MACE,WACA,cACA,mBACA,2CAGF,aACE,iBACA,0CAGF,gBACE,eACA,mCAGF,WACE,sCAGF,gBACE,gBACA,yCAGF,UACE,iCAGF,aACE,iBACA,+BAGF,UACE,0BAGF,gBACE,eACA,UAGA,WACA,yCAGF,iBACE,mBACA,4GAGF,iBAEE,gBACA,uCAGF,kBACE,eACA,2BAGF,aACE,kBACA,wCAGF,SACE,YACA,yDAGF,SACE,WACA,CAKA,oFAGF,UACE,OACA,uGAGF,UAEE,gBACA,uCAIA,cACE,iBACA,kEAEA,cACE,gBACA,qCAKN,WACE,eACA,iBACA,uCAGF,WACE,sCAGF,aACE,kBACA,0CAGF,gBACE,eACA,uDAGF,gBACE,2CAGF,cACE,iBACA,YACA,yEAGF,aAEE,iBACA,iBAGF,wBACE,iBAGF,SACE,oBACA,yBAGF,aACE,8EAGF,cAEE,gBACA,oDAGF,cACE,mBACA,gEAGF,iBACE,gBACA,CAMA,8KAGF,SACE,QACA,yDAGF,kBACE,eACA,uDAGF,kBACE,gBACA,qDAGF,SACE,QACA,8FAGF,cAEE,mBACA,4CAGF,UACE,SACA,kDAEA,UACE,OACA,kEACA,8BAIJ,sXACE,uCAGF,gBAEE,kCAGF,cACE,iBACA,gDAGF,UACE,UACA,gEAGF,aACE,uDAGF,WACE,WACA,uDAGF,UACE,WACA,uDAGF,UACE,WACA,kDAGF,MACE,0CAGF,iBACE,yBACA,qDAGF,cACE,iBACA,qCAGF,kCACE,gBAEE,kBACA,2DAEA,gBACE,mBACA,uEAKF,gBAEE,kBACA,gFAKN,cAEE,gBACA,6CAKE,eACE,eACA,sDAIJ,aACE,kBACA,4DAKF,cACE,gBACA,8DAGF,gBACE,eACA,mCAIJ,aACE,kBACA,iBACA,kCAGF,WACE,mCAGF,WACE,oCAGF,cACE,gBACA,gFAGF,cACE,mBACA,+DAGF,SACE,QACA,sBChbJ,YACE,eACA,CACA,kBACA,0BAEA,qBACE,iBACA,cACA,mBACA,yDAEA,YAEE,mBACA,kBACA,sBACA,YACA,4BAGF,oBACE,cACA,cACA,qGAEA,kBAGE,sDAKN,iBAEE,gBACA,eACA,iBACA,WxCrCI,uBwCuCJ,mBACA,iBACA,4BAGF,cACE,6BAGF,cACE,c1CpCgB,kB0CsChB,gBACA,qBAIJ,YACE,eACA,cACA,yBAEA,gBACE,mBACA,6BAEA,aACE,sCAIJ,a1CnEwB,gB0CqEtB,qBACA,2GCrEM,SACE,CDoER,iGCrEM,SACE,CDoER,qGCrEM,SACE,CDoER,4FCrEM,SACE,mJAQZ,aAME,0BACA,mMAEA,oBACE,iOAGF,yBACE,CAKE,0zCAIJ,oBAGE,uUAGF,a3C3BqB,qB2C6BnB,oCAIJ,yBACE,6HAEA,oBAGE,4BAIJ,yBACE,qGAEA,oBAGE,eAIJ,a3CvDoB,yE2C2DpB,+BACE,0D","file":"skins/glitch/contrast/common.css","sourcesContent":["html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:\"\";content:none}table{border-collapse:collapse;border-spacing:0}html{scrollbar-color:#313543 rgba(0,0,0,.1)}::-webkit-scrollbar{width:12px;height:12px}::-webkit-scrollbar-thumb{background:#313543;border:0px none #fff;border-radius:50px}::-webkit-scrollbar-thumb:hover{background:#353a49}::-webkit-scrollbar-thumb:active{background:#313543}::-webkit-scrollbar-track{border:0px none #fff;border-radius:0;background:rgba(0,0,0,.1)}::-webkit-scrollbar-track:hover{background:#282c37}::-webkit-scrollbar-track:active{background:#282c37}::-webkit-scrollbar-corner{background:transparent}body{font-family:sans-serif,sans-serif;background:#191b22;font-size:13px;line-height:18px;font-weight:400;color:#fff;text-rendering:optimizelegibility;font-feature-settings:\"kern\";text-size-adjust:none;-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-tap-highlight-color:transparent}body.system-font{font-family:system-ui,-apple-system,BlinkMacSystemFont,\"Segoe UI\",\"Oxygen\",\"Ubuntu\",\"Cantarell\",\"Fira Sans\",\"Droid Sans\",\"Helvetica Neue\",sans-serif,sans-serif}body.app-body{padding:0}body.app-body.layout-single-column{height:auto;min-height:100vh;overflow-y:scroll}body.app-body.layout-multiple-columns{position:absolute;width:100%;height:100%}body.app-body.with-modals--active{overflow-y:hidden}body.lighter{background:#282c37}body.with-modals{overflow-x:hidden;overflow-y:scroll}body.with-modals--active{overflow-y:hidden}body.embed{background:#313543;margin:0;padding-bottom:0}body.embed .container{position:absolute;width:100%;height:100%;overflow:hidden}body.admin{background:#1f232b;padding:0}body.error{position:absolute;text-align:center;color:#dde3ec;background:#282c37;width:100%;height:100%;padding:0;display:flex;justify-content:center;align-items:center}body.error .dialog{vertical-align:middle;margin:20px}body.error .dialog img{display:block;max-width:470px;width:100%;height:auto;margin-top:-120px}body.error .dialog h1{font-size:20px;line-height:28px;font-weight:400}button{font-family:inherit;cursor:pointer}button:focus{outline:none}.app-holder,.app-holder>div{display:flex;width:100%;align-items:center;justify-content:center;outline:0 !important}.layout-single-column .app-holder,.layout-single-column .app-holder>div{min-height:100vh}.layout-multiple-columns .app-holder,.layout-multiple-columns .app-holder>div{height:100%}.container-alt{width:700px;margin:0 auto;margin-top:40px}@media screen and (max-width: 740px){.container-alt{width:100%;margin:0}}.logo-container{margin:100px auto 50px}@media screen and (max-width: 500px){.logo-container{margin:40px auto 0}}.logo-container h1{display:flex;justify-content:center;align-items:center}.logo-container h1 svg{fill:#fff;height:42px;margin-right:10px}.logo-container h1 a{display:flex;justify-content:center;align-items:center;color:#fff;text-decoration:none;outline:0;padding:12px 16px;line-height:32px;font-family:sans-serif,sans-serif;font-weight:500;font-size:14px}.compose-standalone .compose-form{width:400px;margin:0 auto;padding:20px 0;margin-top:40px;box-sizing:border-box}@media screen and (max-width: 400px){.compose-standalone .compose-form{width:100%;margin-top:0;padding:20px}}.account-header{width:400px;margin:0 auto;display:flex;font-size:13px;line-height:18px;box-sizing:border-box;padding:20px 0;padding-bottom:0;margin-bottom:-30px;margin-top:40px}@media screen and (max-width: 440px){.account-header{width:100%;margin:0;margin-bottom:10px;padding:20px;padding-bottom:0}}.account-header .avatar{width:40px;height:40px;width:40px;height:40px;background-size:40px 40px;margin-right:8px}.account-header .avatar img{width:100%;height:100%;display:block;margin:0;border-radius:4px;border-radius:8%;background-position:50%;background-clip:padding-box}.account-header .name{flex:1 1 auto;color:#ecf0f4;width:calc(100% - 88px)}.account-header .name .username{display:block;font-weight:500;text-overflow:ellipsis;overflow:hidden}.account-header .logout-link{display:block;font-size:32px;line-height:40px;margin-left:8px}.grid-3{display:grid;grid-gap:10px;grid-template-columns:3fr 1fr;grid-auto-columns:25%;grid-auto-rows:max-content}.grid-3 .column-0{grid-column:1/3;grid-row:1}.grid-3 .column-1{grid-column:1;grid-row:2}.grid-3 .column-2{grid-column:2;grid-row:2}.grid-3 .column-3{grid-column:1/3;grid-row:3}@media screen and (max-width: 415px){.grid-3{grid-gap:0;grid-template-columns:minmax(0, 100%)}.grid-3 .column-0{grid-column:1}.grid-3 .column-1{grid-column:1;grid-row:3}.grid-3 .column-2{grid-column:1;grid-row:2}.grid-3 .column-3{grid-column:1;grid-row:4}}.grid-4{display:grid;grid-gap:10px;grid-template-columns:repeat(4, minmax(0, 1fr));grid-auto-columns:25%;grid-auto-rows:max-content}.grid-4 .column-0{grid-column:1/5;grid-row:1}.grid-4 .column-1{grid-column:1/4;grid-row:2}.grid-4 .column-2{grid-column:4;grid-row:2}.grid-4 .column-3{grid-column:2/5;grid-row:3}.grid-4 .column-4{grid-column:1;grid-row:3}.grid-4 .landing-page__call-to-action{min-height:100%}.grid-4 .flash-message{margin-bottom:10px}@media screen and (max-width: 738px){.grid-4{grid-template-columns:minmax(0, 50%) minmax(0, 50%)}.grid-4 .landing-page__call-to-action{padding:20px;display:flex;align-items:center;justify-content:center}.grid-4 .row__information-board{width:100%;justify-content:center;align-items:center}.grid-4 .row__mascot{display:none}}@media screen and (max-width: 415px){.grid-4{grid-gap:0;grid-template-columns:minmax(0, 100%)}.grid-4 .column-0{grid-column:1}.grid-4 .column-1{grid-column:1;grid-row:3}.grid-4 .column-2{grid-column:1;grid-row:2}.grid-4 .column-3{grid-column:1;grid-row:5}.grid-4 .column-4{grid-column:1;grid-row:4}}@media screen and (max-width: 415px){.public-layout{padding-top:48px}}.public-layout .container{max-width:960px}@media screen and (max-width: 415px){.public-layout .container{padding:0}}.public-layout .header{background:#393f4f;box-shadow:0 0 15px rgba(0,0,0,.2);border-radius:4px;height:48px;margin:10px 0;display:flex;align-items:stretch;justify-content:center;flex-wrap:nowrap;overflow:hidden}@media screen and (max-width: 415px){.public-layout .header{position:fixed;width:100%;top:0;left:0;margin:0;border-radius:0;box-shadow:none;z-index:110}}.public-layout .header>div{flex:1 1 33.3%;min-height:1px}.public-layout .header .nav-left{display:flex;align-items:stretch;justify-content:flex-start;flex-wrap:nowrap}.public-layout .header .nav-center{display:flex;align-items:stretch;justify-content:center;flex-wrap:nowrap}.public-layout .header .nav-right{display:flex;align-items:stretch;justify-content:flex-end;flex-wrap:nowrap}.public-layout .header .brand{display:block;padding:15px}.public-layout .header .brand svg{display:block;height:18px;width:auto;position:relative;bottom:-2px;fill:#fff}@media screen and (max-width: 415px){.public-layout .header .brand svg{height:20px}}.public-layout .header .brand:hover,.public-layout .header .brand:focus,.public-layout .header .brand:active{background:#42485a}.public-layout .header .nav-link{display:flex;align-items:center;padding:0 1rem;font-size:12px;font-weight:500;text-decoration:none;color:#dde3ec;white-space:nowrap;text-align:center}.public-layout .header .nav-link:hover,.public-layout .header .nav-link:focus,.public-layout .header .nav-link:active{text-decoration:underline;color:#fff}@media screen and (max-width: 550px){.public-layout .header .nav-link.optional{display:none}}.public-layout .header .nav-button{background:#4a5266;margin:8px;margin-left:0;border-radius:4px}.public-layout .header .nav-button:hover,.public-layout .header .nav-button:focus,.public-layout .header .nav-button:active{text-decoration:none;background:#535b72}.public-layout .grid{display:grid;grid-gap:10px;grid-template-columns:minmax(300px, 3fr) minmax(298px, 1fr);grid-auto-columns:25%;grid-auto-rows:max-content}.public-layout .grid .column-0{grid-row:1;grid-column:1}.public-layout .grid .column-1{grid-row:1;grid-column:2}@media screen and (max-width: 600px){.public-layout .grid{grid-template-columns:100%;grid-gap:0}.public-layout .grid .column-1{display:none}}.public-layout .directory__card{border-radius:4px}@media screen and (max-width: 415px){.public-layout .directory__card{border-radius:0}}@media screen and (max-width: 415px){.public-layout .page-header{border-bottom:0}}.public-layout .public-account-header{overflow:hidden;margin-bottom:10px;box-shadow:0 0 15px rgba(0,0,0,.2)}.public-layout .public-account-header.inactive{opacity:.5}.public-layout .public-account-header.inactive .public-account-header__image,.public-layout .public-account-header.inactive .avatar{filter:grayscale(100%)}.public-layout .public-account-header.inactive .logo-button{background-color:#ecf0f4}.public-layout .public-account-header__image{border-radius:4px 4px 0 0;overflow:hidden;height:300px;position:relative;background:#0e1014}.public-layout .public-account-header__image::after{content:\"\";display:block;position:absolute;width:100%;height:100%;box-shadow:inset 0 -1px 1px 1px rgba(0,0,0,.15);top:0;left:0}.public-layout .public-account-header__image img{object-fit:cover;display:block;width:100%;height:100%;margin:0;border-radius:4px 4px 0 0}@media screen and (max-width: 600px){.public-layout .public-account-header__image{height:200px}}.public-layout .public-account-header--no-bar{margin-bottom:0}.public-layout .public-account-header--no-bar .public-account-header__image,.public-layout .public-account-header--no-bar .public-account-header__image img{border-radius:4px}@media screen and (max-width: 415px){.public-layout .public-account-header--no-bar .public-account-header__image,.public-layout .public-account-header--no-bar .public-account-header__image img{border-radius:0}}@media screen and (max-width: 415px){.public-layout .public-account-header{margin-bottom:0;box-shadow:none}.public-layout .public-account-header__image::after{display:none}.public-layout .public-account-header__image,.public-layout .public-account-header__image img{border-radius:0}}.public-layout .public-account-header__bar{position:relative;margin-top:-80px;display:flex;justify-content:flex-start}.public-layout .public-account-header__bar::before{content:\"\";display:block;background:#313543;position:absolute;bottom:0;left:0;right:0;height:60px;border-radius:0 0 4px 4px;z-index:-1}.public-layout .public-account-header__bar .avatar{display:block;width:120px;height:120px;width:120px;height:120px;background-size:120px 120px;padding-left:16px;flex:0 0 auto}.public-layout .public-account-header__bar .avatar img{display:block;width:100%;height:100%;margin:0;border-radius:50%;border:4px solid #313543;background:#17191f;border-radius:8%;background-position:50%;background-clip:padding-box}@media screen and (max-width: 600px){.public-layout .public-account-header__bar{margin-top:0;background:#313543;border-radius:0 0 4px 4px;padding:5px}.public-layout .public-account-header__bar::before{display:none}.public-layout .public-account-header__bar .avatar{width:48px;height:48px;width:48px;height:48px;background-size:48px 48px;padding:7px 0;padding-left:10px}.public-layout .public-account-header__bar .avatar img{border:0;border-radius:4px;border-radius:8%;background-position:50%;background-clip:padding-box}}@media screen and (max-width: 600px)and (max-width: 360px){.public-layout .public-account-header__bar .avatar{display:none}}@media screen and (max-width: 415px){.public-layout .public-account-header__bar{border-radius:0}}@media screen and (max-width: 600px){.public-layout .public-account-header__bar{flex-wrap:wrap}}.public-layout .public-account-header__tabs{flex:1 1 auto;margin-left:20px}.public-layout .public-account-header__tabs__name{padding-top:20px;padding-bottom:8px}.public-layout .public-account-header__tabs__name h1{font-size:20px;line-height:27px;color:#fff;font-weight:500;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;text-shadow:1px 1px 1px #000}.public-layout .public-account-header__tabs__name h1 small{display:block;font-size:14px;color:#fff;font-weight:400;overflow:hidden;text-overflow:ellipsis}@media screen and (max-width: 600px){.public-layout .public-account-header__tabs{margin-left:15px;display:flex;justify-content:space-between;align-items:center}.public-layout .public-account-header__tabs__name{padding-top:0;padding-bottom:0}.public-layout .public-account-header__tabs__name h1{font-size:16px;line-height:24px;text-shadow:none}.public-layout .public-account-header__tabs__name h1 small{color:#dde3ec}}.public-layout .public-account-header__tabs__tabs{display:flex;justify-content:flex-start;align-items:stretch;height:58px}.public-layout .public-account-header__tabs__tabs .details-counters{display:flex;flex-direction:row;min-width:300px}@media screen and (max-width: 600px){.public-layout .public-account-header__tabs__tabs .details-counters{display:none}}.public-layout .public-account-header__tabs__tabs .counter{min-width:33.3%;box-sizing:border-box;flex:0 0 auto;color:#dde3ec;padding:10px;border-right:1px solid #313543;cursor:default;text-align:center;position:relative}.public-layout .public-account-header__tabs__tabs .counter a{display:block}.public-layout .public-account-header__tabs__tabs .counter:last-child{border-right:0}.public-layout .public-account-header__tabs__tabs .counter::after{display:block;content:\"\";position:absolute;bottom:0;left:0;width:100%;border-bottom:4px solid #9baec8;opacity:.5;transition:all 400ms ease}.public-layout .public-account-header__tabs__tabs .counter.active::after{border-bottom:4px solid #2b90d9;opacity:1}.public-layout .public-account-header__tabs__tabs .counter.active.inactive::after{border-bottom-color:#ecf0f4}.public-layout .public-account-header__tabs__tabs .counter:hover::after{opacity:1;transition-duration:100ms}.public-layout .public-account-header__tabs__tabs .counter a{text-decoration:none;color:inherit}.public-layout .public-account-header__tabs__tabs .counter .counter-label{font-size:12px;display:block}.public-layout .public-account-header__tabs__tabs .counter .counter-number{font-weight:500;font-size:18px;margin-bottom:5px;color:#fff;font-family:sans-serif,sans-serif}.public-layout .public-account-header__tabs__tabs .spacer{flex:1 1 auto;height:1px}.public-layout .public-account-header__tabs__tabs__buttons{padding:7px 8px}.public-layout .public-account-header__extra{display:none;margin-top:4px}.public-layout .public-account-header__extra .public-account-bio{border-radius:0;box-shadow:none;background:transparent;margin:0 -5px}.public-layout .public-account-header__extra .public-account-bio .account__header__fields{border-top:1px solid #42485a}.public-layout .public-account-header__extra .public-account-bio .roles{display:none}.public-layout .public-account-header__extra__links{margin-top:-15px;font-size:14px;color:#dde3ec}.public-layout .public-account-header__extra__links a{display:inline-block;color:#dde3ec;text-decoration:none;padding:15px;font-weight:500}.public-layout .public-account-header__extra__links a strong{font-weight:700;color:#fff}@media screen and (max-width: 600px){.public-layout .public-account-header__extra{display:block;flex:100%}}.public-layout .account__section-headline{border-radius:4px 4px 0 0}@media screen and (max-width: 415px){.public-layout .account__section-headline{border-radius:0}}.public-layout .detailed-status__meta{margin-top:25px}.public-layout .public-account-bio{background:#393f4f;box-shadow:0 0 15px rgba(0,0,0,.2);border-radius:4px;overflow:hidden;margin-bottom:10px}@media screen and (max-width: 415px){.public-layout .public-account-bio{box-shadow:none;margin-bottom:0;border-radius:0}}.public-layout .public-account-bio .account__header__fields{margin:0;border-top:0}.public-layout .public-account-bio .account__header__fields a{color:#4e79df}.public-layout .public-account-bio .account__header__fields dl:first-child .verified{border-radius:0 4px 0 0}.public-layout .public-account-bio .account__header__fields .verified a{color:#79bd9a}.public-layout .public-account-bio .account__header__content{padding:20px;padding-bottom:0;color:#fff}.public-layout .public-account-bio__extra,.public-layout .public-account-bio .roles{padding:20px;font-size:14px;color:#dde3ec}.public-layout .public-account-bio .roles{padding-bottom:0}.public-layout .directory__list{display:grid;grid-gap:10px;grid-template-columns:minmax(0, 50%) minmax(0, 50%)}@media screen and (max-width: 415px){.public-layout .directory__list{display:block}}.public-layout .directory__list .icon-button{font-size:18px}.public-layout .directory__card{margin-bottom:0}.public-layout .card-grid{display:flex;flex-wrap:wrap;min-width:100%;margin:0 -5px}.public-layout .card-grid>div{box-sizing:border-box;flex:1 0 auto;width:300px;padding:0 5px;margin-bottom:10px;max-width:33.333%}@media screen and (max-width: 900px){.public-layout .card-grid>div{max-width:50%}}@media screen and (max-width: 600px){.public-layout .card-grid>div{max-width:100%}}@media screen and (max-width: 415px){.public-layout .card-grid{margin:0;border-top:1px solid #393f4f}.public-layout .card-grid>div{width:100%;padding:0;margin-bottom:0;border-bottom:1px solid #393f4f}.public-layout .card-grid>div:last-child{border-bottom:0}.public-layout .card-grid>div .card__bar{background:#282c37}.public-layout .card-grid>div .card__bar:hover,.public-layout .card-grid>div .card__bar:active,.public-layout .card-grid>div .card__bar:focus{background:#313543}}.no-list{list-style:none}.no-list li{display:inline-block;margin:0 5px}.recovery-codes{list-style:none;margin:0 auto}.recovery-codes li{font-size:125%;line-height:1.5;letter-spacing:1px}.modal-layout{background:#282c37 url('data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 234.80078 31.757813\" width=\"234.80078\" height=\"31.757812\"><path d=\"M19.599609 0c-1.05 0-2.10039.375-2.90039 1.125L0 16.925781v14.832031h234.80078V17.025391l-16.5-15.900391c-1.6-1.5-4.20078-1.5-5.80078 0l-13.80078 13.099609c-1.6 1.5-4.19883 1.5-5.79883 0L179.09961 1.125c-1.6-1.5-4.19883-1.5-5.79883 0L159.5 14.224609c-1.6 1.5-4.20078 1.5-5.80078 0L139.90039 1.125c-1.6-1.5-4.20078-1.5-5.80078 0l-13.79883 13.099609c-1.6 1.5-4.20078 1.5-5.80078 0L100.69922 1.125c-1.600001-1.5-4.198829-1.5-5.798829 0l-13.59961 13.099609c-1.6 1.5-4.200781 1.5-5.800781 0L61.699219 1.125c-1.6-1.5-4.198828-1.5-5.798828 0L42.099609 14.224609c-1.6 1.5-4.198828 1.5-5.798828 0L22.5 1.125C21.7.375 20.649609 0 19.599609 0z\" fill=\"%23606984\"/></svg>') repeat-x bottom fixed;display:flex;flex-direction:column;height:100vh;padding:0}.modal-layout__mastodon{display:flex;flex:1;flex-direction:column;justify-content:flex-end}.modal-layout__mastodon>*{flex:1;max-height:235px}@media screen and (max-width: 600px){.account-header{margin-top:0}}.public-layout .footer{text-align:left;padding-top:20px;padding-bottom:60px;font-size:12px;color:#737d99}@media screen and (max-width: 415px){.public-layout .footer{padding-left:20px;padding-right:20px}}.public-layout .footer .grid{display:grid;grid-gap:10px;grid-template-columns:1fr 1fr 2fr 1fr 1fr}.public-layout .footer .grid .column-0{grid-column:1;grid-row:1;min-width:0}.public-layout .footer .grid .column-1{grid-column:2;grid-row:1;min-width:0}.public-layout .footer .grid .column-2{grid-column:3;grid-row:1;min-width:0;text-align:center}.public-layout .footer .grid .column-2 h4 a{color:#737d99}.public-layout .footer .grid .column-3{grid-column:4;grid-row:1;min-width:0}.public-layout .footer .grid .column-4{grid-column:5;grid-row:1;min-width:0}@media screen and (max-width: 690px){.public-layout .footer .grid{grid-template-columns:1fr 2fr 1fr}.public-layout .footer .grid .column-0,.public-layout .footer .grid .column-1{grid-column:1}.public-layout .footer .grid .column-1{grid-row:2}.public-layout .footer .grid .column-2{grid-column:2}.public-layout .footer .grid .column-3,.public-layout .footer .grid .column-4{grid-column:3}.public-layout .footer .grid .column-4{grid-row:2}}@media screen and (max-width: 600px){.public-layout .footer .grid .column-1{display:block}}@media screen and (max-width: 415px){.public-layout .footer .grid .column-0,.public-layout .footer .grid .column-1,.public-layout .footer .grid .column-3,.public-layout .footer .grid .column-4{display:none}}.public-layout .footer h4{text-transform:uppercase;font-weight:700;margin-bottom:8px;color:#dde3ec}.public-layout .footer h4 a{color:inherit;text-decoration:none}.public-layout .footer ul a{text-decoration:none;color:#737d99}.public-layout .footer ul a:hover,.public-layout .footer ul a:active,.public-layout .footer ul a:focus{text-decoration:underline}.public-layout .footer .brand svg{display:block;height:36px;width:auto;margin:0 auto;fill:#737d99}.public-layout .footer .brand:hover svg,.public-layout .footer .brand:focus svg,.public-layout .footer .brand:active svg{fill:#7f88a2}.compact-header h1{font-size:24px;line-height:28px;color:#dde3ec;font-weight:500;margin-bottom:20px;padding:0 10px;word-wrap:break-word}@media screen and (max-width: 740px){.compact-header h1{text-align:center;padding:20px 10px 0}}.compact-header h1 a{color:inherit;text-decoration:none}.compact-header h1 small{font-weight:400;color:#ecf0f4}.compact-header h1 img{display:inline-block;margin-bottom:-5px;margin-right:15px;width:36px;height:36px}.hero-widget{margin-bottom:10px;box-shadow:0 0 15px rgba(0,0,0,.2)}.hero-widget__img{width:100%;position:relative;overflow:hidden;border-radius:4px 4px 0 0;background:#000}.hero-widget__img img{object-fit:cover;display:block;width:100%;height:100%;margin:0;border-radius:4px 4px 0 0}.hero-widget__text{background:#282c37;padding:20px;border-radius:0 0 4px 4px;font-size:15px;color:#dde3ec;line-height:20px;word-wrap:break-word;font-weight:400}.hero-widget__text .emojione{width:20px;height:20px;margin:-3px 0 0}.hero-widget__text p{margin-bottom:20px}.hero-widget__text p:last-child{margin-bottom:0}.hero-widget__text em{display:inline;margin:0;padding:0;font-weight:700;background:transparent;font-family:inherit;font-size:inherit;line-height:inherit;color:#fefefe}.hero-widget__text a{color:#ecf0f4;text-decoration:none}.hero-widget__text a:hover{text-decoration:underline}@media screen and (max-width: 415px){.hero-widget{display:none}}.endorsements-widget{margin-bottom:10px;padding-bottom:10px}.endorsements-widget h4{padding:10px;text-transform:uppercase;font-weight:700;font-size:13px;color:#dde3ec}.endorsements-widget .account{padding:10px 0}.endorsements-widget .account:last-child{border-bottom:0}.endorsements-widget .account .account__display-name{display:flex;align-items:center}.endorsements-widget .account .account__avatar{width:44px;height:44px;background-size:44px 44px}.endorsements-widget .trends__item{padding:10px}.trends-widget h4{color:#dde3ec}.box-widget{padding:20px;border-radius:4px;background:#282c37;box-shadow:0 0 15px rgba(0,0,0,.2)}.placeholder-widget{padding:16px;border-radius:4px;border:2px dashed #c2cede;text-align:center;color:#dde3ec;margin-bottom:10px}.contact-widget{min-height:100%;font-size:15px;color:#dde3ec;line-height:20px;word-wrap:break-word;font-weight:400;padding:0}.contact-widget h4{padding:10px;text-transform:uppercase;font-weight:700;font-size:13px;color:#dde3ec}.contact-widget .account{border-bottom:0;padding:10px 0;padding-top:5px}.contact-widget>a{display:inline-block;padding:10px;padding-top:0;color:#dde3ec;text-decoration:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.contact-widget>a:hover,.contact-widget>a:focus,.contact-widget>a:active{text-decoration:underline}.moved-account-widget{padding:15px;padding-bottom:20px;border-radius:4px;background:#282c37;box-shadow:0 0 15px rgba(0,0,0,.2);color:#ecf0f4;font-weight:400;margin-bottom:10px}.moved-account-widget strong,.moved-account-widget a{font-weight:500}.moved-account-widget strong:lang(ja),.moved-account-widget a:lang(ja){font-weight:700}.moved-account-widget strong:lang(ko),.moved-account-widget a:lang(ko){font-weight:700}.moved-account-widget strong:lang(zh-CN),.moved-account-widget a:lang(zh-CN){font-weight:700}.moved-account-widget strong:lang(zh-HK),.moved-account-widget a:lang(zh-HK){font-weight:700}.moved-account-widget strong:lang(zh-TW),.moved-account-widget a:lang(zh-TW){font-weight:700}.moved-account-widget a{color:inherit;text-decoration:underline}.moved-account-widget a.mention{text-decoration:none}.moved-account-widget a.mention span{text-decoration:none}.moved-account-widget a.mention:focus,.moved-account-widget a.mention:hover,.moved-account-widget a.mention:active{text-decoration:none}.moved-account-widget a.mention:focus span,.moved-account-widget a.mention:hover span,.moved-account-widget a.mention:active span{text-decoration:underline}.moved-account-widget__message{margin-bottom:15px}.moved-account-widget__message .fa{margin-right:5px;color:#dde3ec}.moved-account-widget__card .detailed-status__display-avatar{position:relative;cursor:pointer}.moved-account-widget__card .detailed-status__display-name{margin-bottom:0;text-decoration:none}.moved-account-widget__card .detailed-status__display-name span{font-weight:400}.memoriam-widget{padding:20px;border-radius:4px;background:#000;box-shadow:0 0 15px rgba(0,0,0,.2);font-size:14px;color:#dde3ec;margin-bottom:10px}.page-header{background:#393f4f;box-shadow:0 0 15px rgba(0,0,0,.2);border-radius:4px;padding:60px 15px;text-align:center;margin:10px 0}.page-header h1{color:#fff;font-size:36px;line-height:1.1;font-weight:700;margin-bottom:10px}.page-header p{font-size:15px;color:#dde3ec}@media screen and (max-width: 415px){.page-header{margin-top:0;background:#313543}.page-header h1{font-size:24px}}.directory{background:#282c37;border-radius:4px;box-shadow:0 0 15px rgba(0,0,0,.2)}.directory__tag{box-sizing:border-box;margin-bottom:10px}.directory__tag>a,.directory__tag>div{display:flex;align-items:center;justify-content:space-between;background:#282c37;border-radius:4px;padding:15px;text-decoration:none;color:inherit;box-shadow:0 0 15px rgba(0,0,0,.2)}.directory__tag>a:hover,.directory__tag>a:active,.directory__tag>a:focus{background:#393f4f}.directory__tag.active>a{background:#2b5fd9;cursor:default}.directory__tag.disabled>div{opacity:.5;cursor:default}.directory__tag h4{flex:1 1 auto;font-size:18px;font-weight:700;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.directory__tag h4 .fa{color:#dde3ec}.directory__tag h4 small{display:block;font-weight:400;font-size:15px;margin-top:8px;color:#dde3ec}.directory__tag.active h4,.directory__tag.active h4 .fa,.directory__tag.active h4 small{color:#fff}.directory__tag .avatar-stack{flex:0 0 auto;width:120px}.directory__tag.active .avatar-stack .account__avatar{border-color:#2b5fd9}.avatar-stack{display:flex;justify-content:flex-end}.avatar-stack .account__avatar{flex:0 0 auto;width:36px;height:36px;border-radius:50%;position:relative;margin-left:-10px;background:#17191f;border:2px solid #282c37}.avatar-stack .account__avatar:nth-child(1){z-index:1}.avatar-stack .account__avatar:nth-child(2){z-index:2}.avatar-stack .account__avatar:nth-child(3){z-index:3}.accounts-table{width:100%}.accounts-table .account{padding:0;border:0}.accounts-table strong{font-weight:700}.accounts-table thead th{text-align:center;text-transform:uppercase;color:#dde3ec;font-weight:700;padding:10px}.accounts-table thead th:first-child{text-align:left}.accounts-table tbody td{padding:15px 0;vertical-align:middle;border-bottom:1px solid #393f4f}.accounts-table tbody tr:last-child td{border-bottom:0}.accounts-table__count{width:120px;text-align:center;font-size:15px;font-weight:500;color:#fff}.accounts-table__count small{display:block;color:#dde3ec;font-weight:400;font-size:14px}.accounts-table__comment{width:50%;vertical-align:initial !important}@media screen and (max-width: 415px){.accounts-table tbody td.optional{display:none}}@media screen and (max-width: 415px){.moved-account-widget,.memoriam-widget,.box-widget,.contact-widget,.landing-page__information.contact-widget,.directory,.page-header{margin-bottom:0;box-shadow:none;border-radius:0}}.statuses-grid{min-height:600px}@media screen and (max-width: 640px){.statuses-grid{width:100% !important}}.statuses-grid__item{width:313.3333333333px}@media screen and (max-width: 1255px){.statuses-grid__item{width:306.6666666667px}}@media screen and (max-width: 640px){.statuses-grid__item{width:100%}}@media screen and (max-width: 415px){.statuses-grid__item{width:100vw}}.statuses-grid .detailed-status{border-radius:4px}@media screen and (max-width: 415px){.statuses-grid .detailed-status{border-top:1px solid #4a5266}}.statuses-grid .detailed-status.compact .detailed-status__meta{margin-top:15px}.statuses-grid .detailed-status.compact .status__content{font-size:15px;line-height:20px}.statuses-grid .detailed-status.compact .status__content .emojione{width:20px;height:20px;margin:-3px 0 0}.statuses-grid .detailed-status.compact .status__content .status__content__spoiler-link{line-height:20px;margin:0}.statuses-grid .detailed-status.compact .media-gallery,.statuses-grid .detailed-status.compact .status-card,.statuses-grid .detailed-status.compact .video-player{margin-top:15px}.notice-widget{margin-bottom:10px;color:#dde3ec}.notice-widget p{margin-bottom:10px}.notice-widget p:last-child{margin-bottom:0}.notice-widget a{font-size:14px;line-height:20px}.notice-widget a,.placeholder-widget a{text-decoration:none;font-weight:500;color:#2b5fd9}.notice-widget a:hover,.notice-widget a:focus,.notice-widget a:active,.placeholder-widget a:hover,.placeholder-widget a:focus,.placeholder-widget a:active{text-decoration:underline}.table-of-contents{background:#1f232b;min-height:100%;font-size:14px;border-radius:4px}.table-of-contents li a{display:block;font-weight:500;padding:15px;overflow:hidden;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-decoration:none;color:#fff;border-bottom:1px solid #313543}.table-of-contents li a:hover,.table-of-contents li a:focus,.table-of-contents li a:active{text-decoration:underline}.table-of-contents li:last-child a{border-bottom:0}.table-of-contents li ul{padding-left:20px;border-bottom:1px solid #313543}code{font-family:monospace,monospace;font-weight:400}.form-container{max-width:400px;padding:20px;margin:0 auto}.simple_form .input{margin-bottom:15px;overflow:hidden}.simple_form .input.hidden{margin:0}.simple_form .input.radio_buttons .radio{margin-bottom:15px}.simple_form .input.radio_buttons .radio:last-child{margin-bottom:0}.simple_form .input.radio_buttons .radio>label{position:relative;padding-left:28px}.simple_form .input.radio_buttons .radio>label input{position:absolute;top:-2px;left:0}.simple_form .input.boolean{position:relative;margin-bottom:0}.simple_form .input.boolean .label_input>label{font-family:inherit;font-size:14px;padding-top:5px;color:#fff;display:block;width:auto}.simple_form .input.boolean .label_input,.simple_form .input.boolean .hint{padding-left:28px}.simple_form .input.boolean .label_input__wrapper{position:static}.simple_form .input.boolean label.checkbox{position:absolute;top:2px;left:0}.simple_form .input.boolean label a{color:#2b90d9;text-decoration:underline}.simple_form .input.boolean label a:hover,.simple_form .input.boolean label a:active,.simple_form .input.boolean label a:focus{text-decoration:none}.simple_form .input.boolean .recommended{position:absolute;margin:0 4px;margin-top:-2px}.simple_form .row{display:flex;margin:0 -5px}.simple_form .row .input{box-sizing:border-box;flex:1 1 auto;width:50%;padding:0 5px}.simple_form .hint{color:#dde3ec}.simple_form .hint a{color:#2b90d9}.simple_form .hint code{border-radius:3px;padding:.2em .4em;background:#0e1014}.simple_form span.hint{display:block;font-size:12px;margin-top:4px}.simple_form p.hint{margin-bottom:15px;color:#dde3ec}.simple_form p.hint.subtle-hint{text-align:center;font-size:12px;line-height:18px;margin-top:15px;margin-bottom:0}.simple_form .card{margin-bottom:15px}.simple_form strong{font-weight:500}.simple_form strong:lang(ja){font-weight:700}.simple_form strong:lang(ko){font-weight:700}.simple_form strong:lang(zh-CN){font-weight:700}.simple_form strong:lang(zh-HK){font-weight:700}.simple_form strong:lang(zh-TW){font-weight:700}.simple_form .input.with_floating_label .label_input{display:flex}.simple_form .input.with_floating_label .label_input>label{font-family:inherit;font-size:14px;color:#fff;font-weight:500;min-width:150px;flex:0 0 auto}.simple_form .input.with_floating_label .label_input input,.simple_form .input.with_floating_label .label_input select{flex:1 1 auto}.simple_form .input.with_floating_label.select .hint{margin-top:6px;margin-left:150px}.simple_form .input.with_label .label_input>label{font-family:inherit;font-size:14px;color:#fff;display:block;margin-bottom:8px;word-wrap:break-word;font-weight:500}.simple_form .input.with_label .hint{margin-top:6px}.simple_form .input.with_label ul{flex:390px}.simple_form .input.with_block_label{max-width:none}.simple_form .input.with_block_label>label{font-family:inherit;font-size:16px;color:#fff;display:block;font-weight:500;padding-top:5px}.simple_form .input.with_block_label .hint{margin-bottom:15px}.simple_form .input.with_block_label ul{columns:2}.simple_form .input.datetime .label_input select{display:inline-block;width:auto;flex:0}.simple_form .required abbr{text-decoration:none;color:#e87487}.simple_form .fields-group{margin-bottom:25px}.simple_form .fields-group .input:last-child{margin-bottom:0}.simple_form .fields-row{display:flex;margin:0 -10px;padding-top:5px;margin-bottom:25px}.simple_form .fields-row .input{max-width:none}.simple_form .fields-row__column{box-sizing:border-box;padding:0 10px;flex:1 1 auto;min-height:1px}.simple_form .fields-row__column-6{max-width:50%}.simple_form .fields-row__column .actions{margin-top:27px}.simple_form .fields-row .fields-group:last-child,.simple_form .fields-row .fields-row__column.fields-group{margin-bottom:0}@media screen and (max-width: 600px){.simple_form .fields-row{display:block;margin-bottom:0}.simple_form .fields-row__column{max-width:none}.simple_form .fields-row .fields-group:last-child,.simple_form .fields-row .fields-row__column.fields-group,.simple_form .fields-row .fields-row__column{margin-bottom:25px}}.simple_form .input.radio_buttons .radio label{margin-bottom:5px;font-family:inherit;font-size:14px;color:#fff;display:block;width:auto}.simple_form .check_boxes .checkbox label{font-family:inherit;font-size:14px;color:#fff;display:inline-block;width:auto;position:relative;padding-top:5px;padding-left:25px;flex:1 1 auto}.simple_form .check_boxes .checkbox input[type=checkbox]{position:absolute;left:0;top:5px;margin:0}.simple_form .input.static .label_input__wrapper{font-size:16px;padding:10px;border:1px solid #c2cede;border-radius:4px}.simple_form input[type=text],.simple_form input[type=number],.simple_form input[type=email],.simple_form input[type=password],.simple_form textarea{box-sizing:border-box;font-size:16px;color:#fff;display:block;width:100%;outline:0;font-family:inherit;resize:vertical;background:#131419;border:1px solid #0a0b0e;border-radius:4px;padding:10px}.simple_form input[type=text]::placeholder,.simple_form input[type=number]::placeholder,.simple_form input[type=email]::placeholder,.simple_form input[type=password]::placeholder,.simple_form textarea::placeholder{color:#eaeef3}.simple_form input[type=text]:invalid,.simple_form input[type=number]:invalid,.simple_form input[type=email]:invalid,.simple_form input[type=password]:invalid,.simple_form textarea:invalid{box-shadow:none}.simple_form input[type=text]:focus:invalid:not(:placeholder-shown),.simple_form input[type=number]:focus:invalid:not(:placeholder-shown),.simple_form input[type=email]:focus:invalid:not(:placeholder-shown),.simple_form input[type=password]:focus:invalid:not(:placeholder-shown),.simple_form textarea:focus:invalid:not(:placeholder-shown){border-color:#e87487}.simple_form input[type=text]:required:valid,.simple_form input[type=number]:required:valid,.simple_form input[type=email]:required:valid,.simple_form input[type=password]:required:valid,.simple_form textarea:required:valid{border-color:#79bd9a}.simple_form input[type=text]:hover,.simple_form input[type=number]:hover,.simple_form input[type=email]:hover,.simple_form input[type=password]:hover,.simple_form textarea:hover{border-color:#000}.simple_form input[type=text]:active,.simple_form input[type=text]:focus,.simple_form input[type=number]:active,.simple_form input[type=number]:focus,.simple_form input[type=email]:active,.simple_form input[type=email]:focus,.simple_form input[type=password]:active,.simple_form input[type=password]:focus,.simple_form textarea:active,.simple_form textarea:focus{border-color:#2b90d9;background:#17191f}.simple_form .input.field_with_errors label{color:#e87487}.simple_form .input.field_with_errors input[type=text],.simple_form .input.field_with_errors input[type=number],.simple_form .input.field_with_errors input[type=email],.simple_form .input.field_with_errors input[type=password],.simple_form .input.field_with_errors textarea,.simple_form .input.field_with_errors select{border-color:#e87487}.simple_form .input.field_with_errors .error{display:block;font-weight:500;color:#e87487;margin-top:4px}.simple_form .input.disabled{opacity:.5}.simple_form .actions{margin-top:30px;display:flex}.simple_form .actions.actions--top{margin-top:0;margin-bottom:30px}.simple_form button,.simple_form .button,.simple_form .block-button{display:block;width:100%;border:0;border-radius:4px;background:#2b5fd9;color:#fff;font-size:18px;line-height:inherit;height:auto;padding:10px;text-transform:uppercase;text-decoration:none;text-align:center;box-sizing:border-box;cursor:pointer;font-weight:500;outline:0;margin-bottom:10px;margin-right:10px}.simple_form button:last-child,.simple_form .button:last-child,.simple_form .block-button:last-child{margin-right:0}.simple_form button:hover,.simple_form .button:hover,.simple_form .block-button:hover{background-color:#416fdd}.simple_form button:active,.simple_form button:focus,.simple_form .button:active,.simple_form .button:focus,.simple_form .block-button:active,.simple_form .block-button:focus{background-color:#2454c7}.simple_form button:disabled:hover,.simple_form .button:disabled:hover,.simple_form .block-button:disabled:hover{background-color:#9baec8}.simple_form button.negative,.simple_form .button.negative,.simple_form .block-button.negative{background:#df405a}.simple_form button.negative:hover,.simple_form .button.negative:hover,.simple_form .block-button.negative:hover{background-color:#e3566d}.simple_form button.negative:active,.simple_form button.negative:focus,.simple_form .button.negative:active,.simple_form .button.negative:focus,.simple_form .block-button.negative:active,.simple_form .block-button.negative:focus{background-color:#db2a47}.simple_form select{appearance:none;box-sizing:border-box;font-size:16px;color:#fff;display:block;width:100%;outline:0;font-family:inherit;resize:vertical;background:#131419 url(\"data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14.933 18.467' height='19.698' width='15.929'><path d='M3.467 14.967l-3.393-3.5H14.86l-3.392 3.5c-1.866 1.925-3.666 3.5-4 3.5-.335 0-2.135-1.575-4-3.5zm.266-11.234L7.467 0 11.2 3.733l3.733 3.734H0l3.733-3.734z' fill='%2342485A'/></svg>\") no-repeat right 8px center/auto 16px;border:1px solid #0a0b0e;border-radius:4px;padding-left:10px;padding-right:30px;height:41px}.simple_form h4{margin-bottom:15px !important}.simple_form .label_input__wrapper{position:relative}.simple_form .label_input__append{position:absolute;right:3px;top:1px;padding:10px;padding-bottom:9px;font-size:16px;color:#c2cede;font-family:inherit;pointer-events:none;cursor:default;max-width:140px;white-space:nowrap;overflow:hidden}.simple_form .label_input__append::after{content:\"\";display:block;position:absolute;top:0;right:0;bottom:1px;width:5px;background-image:linear-gradient(to right, rgba(19, 20, 25, 0), #131419)}.simple_form__overlay-area{position:relative}.simple_form__overlay-area__blurred form{filter:blur(2px)}.simple_form__overlay-area__overlay{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;justify-content:center;align-items:center;background:rgba(40,44,55,.65);border-radius:4px;margin-left:-4px;margin-top:-4px;padding:4px}.simple_form__overlay-area__overlay__content{text-align:center}.simple_form__overlay-area__overlay__content.rich-formatting,.simple_form__overlay-area__overlay__content.rich-formatting p{color:#fff}.block-icon{display:block;margin:0 auto;margin-bottom:10px;font-size:24px}.flash-message{background:#393f4f;color:#dde3ec;border-radius:4px;padding:15px 10px;margin-bottom:30px;text-align:center}.flash-message.notice{border:1px solid rgba(121,189,154,.5);background:rgba(121,189,154,.25);color:#79bd9a}.flash-message.alert{border:1px solid rgba(223,64,90,.5);background:rgba(223,64,90,.25);color:#df405a}.flash-message a{display:inline-block;color:#dde3ec;text-decoration:none}.flash-message a:hover{color:#fff;text-decoration:underline}.flash-message p{margin-bottom:15px}.flash-message .oauth-code{outline:0;box-sizing:border-box;display:block;width:100%;border:none;padding:10px;font-family:monospace,monospace;background:#282c37;color:#fff;font-size:14px;margin:0}.flash-message .oauth-code::-moz-focus-inner{border:0}.flash-message .oauth-code::-moz-focus-inner,.flash-message .oauth-code:focus,.flash-message .oauth-code:active{outline:0 !important}.flash-message .oauth-code:focus{background:#313543}.flash-message strong{font-weight:500}.flash-message strong:lang(ja){font-weight:700}.flash-message strong:lang(ko){font-weight:700}.flash-message strong:lang(zh-CN){font-weight:700}.flash-message strong:lang(zh-HK){font-weight:700}.flash-message strong:lang(zh-TW){font-weight:700}@media screen and (max-width: 740px)and (min-width: 441px){.flash-message{margin-top:40px}}.form-footer{margin-top:30px;text-align:center}.form-footer a{color:#dde3ec;text-decoration:none}.form-footer a:hover{text-decoration:underline}.quick-nav{list-style:none;margin-bottom:25px;font-size:14px}.quick-nav li{display:inline-block;margin-right:10px}.quick-nav a{color:#2b90d9;text-transform:uppercase;text-decoration:none;font-weight:700}.quick-nav a:hover,.quick-nav a:focus,.quick-nav a:active{color:#4ea2df}.oauth-prompt,.follow-prompt{margin-bottom:30px;color:#dde3ec}.oauth-prompt h2,.follow-prompt h2{font-size:16px;margin-bottom:30px;text-align:center}.oauth-prompt strong,.follow-prompt strong{color:#ecf0f4;font-weight:500}.oauth-prompt strong:lang(ja),.follow-prompt strong:lang(ja){font-weight:700}.oauth-prompt strong:lang(ko),.follow-prompt strong:lang(ko){font-weight:700}.oauth-prompt strong:lang(zh-CN),.follow-prompt strong:lang(zh-CN){font-weight:700}.oauth-prompt strong:lang(zh-HK),.follow-prompt strong:lang(zh-HK){font-weight:700}.oauth-prompt strong:lang(zh-TW),.follow-prompt strong:lang(zh-TW){font-weight:700}@media screen and (max-width: 740px)and (min-width: 441px){.oauth-prompt,.follow-prompt{margin-top:40px}}.qr-wrapper{display:flex;flex-wrap:wrap;align-items:flex-start}.qr-code{flex:0 0 auto;background:#fff;padding:4px;margin:0 10px 20px 0;box-shadow:0 0 15px rgba(0,0,0,.2);display:inline-block}.qr-code svg{display:block;margin:0}.qr-alternative{margin-bottom:20px;color:#ecf0f4;flex:150px}.qr-alternative samp{display:block;font-size:14px}.table-form p{margin-bottom:15px}.table-form p strong{font-weight:500}.table-form p strong:lang(ja){font-weight:700}.table-form p strong:lang(ko){font-weight:700}.table-form p strong:lang(zh-CN){font-weight:700}.table-form p strong:lang(zh-HK){font-weight:700}.table-form p strong:lang(zh-TW){font-weight:700}.simple_form .warning,.table-form .warning{box-sizing:border-box;background:rgba(223,64,90,.5);color:#fff;text-shadow:1px 1px 0 rgba(0,0,0,.3);box-shadow:0 2px 6px rgba(0,0,0,.4);border-radius:4px;padding:10px;margin-bottom:15px}.simple_form .warning a,.table-form .warning a{color:#fff;text-decoration:underline}.simple_form .warning a:hover,.simple_form .warning a:focus,.simple_form .warning a:active,.table-form .warning a:hover,.table-form .warning a:focus,.table-form .warning a:active{text-decoration:none}.simple_form .warning strong,.table-form .warning strong{font-weight:600;display:block;margin-bottom:5px}.simple_form .warning strong:lang(ja),.table-form .warning strong:lang(ja){font-weight:700}.simple_form .warning strong:lang(ko),.table-form .warning strong:lang(ko){font-weight:700}.simple_form .warning strong:lang(zh-CN),.table-form .warning strong:lang(zh-CN){font-weight:700}.simple_form .warning strong:lang(zh-HK),.table-form .warning strong:lang(zh-HK){font-weight:700}.simple_form .warning strong:lang(zh-TW),.table-form .warning strong:lang(zh-TW){font-weight:700}.simple_form .warning strong .fa,.table-form .warning strong .fa{font-weight:400}.action-pagination{display:flex;flex-wrap:wrap;align-items:center}.action-pagination .actions,.action-pagination .pagination{flex:1 1 auto}.action-pagination .actions{padding:30px 0;padding-right:20px;flex:0 0 auto}.post-follow-actions{text-align:center;color:#dde3ec}.post-follow-actions div{margin-bottom:4px}.alternative-login{margin-top:20px;margin-bottom:20px}.alternative-login h4{font-size:16px;color:#fff;text-align:center;margin-bottom:20px;border:0;padding:0}.alternative-login .button{display:block}.scope-danger{color:#ff5050}.form_admin_settings_site_short_description textarea,.form_admin_settings_site_description textarea,.form_admin_settings_site_extended_description textarea,.form_admin_settings_site_terms textarea,.form_admin_settings_custom_css textarea,.form_admin_settings_closed_registrations_message textarea{font-family:monospace,monospace}.input-copy{background:#131419;border:1px solid #0a0b0e;border-radius:4px;display:flex;align-items:center;padding-right:4px;position:relative;top:1px;transition:border-color 300ms linear}.input-copy__wrapper{flex:1 1 auto}.input-copy input[type=text]{background:transparent;border:0;padding:10px;font-size:14px;font-family:monospace,monospace}.input-copy button{flex:0 0 auto;margin:4px;text-transform:none;font-weight:400;font-size:14px;padding:7px 18px;padding-bottom:6px;width:auto;transition:background 300ms linear}.input-copy.copied{border-color:#79bd9a;transition:none}.input-copy.copied button{background:#79bd9a;transition:none}.connection-prompt{margin-bottom:25px}.connection-prompt .fa-link{background-color:#1f232b;border-radius:100%;font-size:24px;padding:10px}.connection-prompt__column{align-items:center;display:flex;flex:1;flex-direction:column;flex-shrink:1;max-width:50%}.connection-prompt__column-sep{align-self:center;flex-grow:0;overflow:visible;position:relative;z-index:1}.connection-prompt__column p{word-break:break-word}.connection-prompt .account__avatar{margin-bottom:20px}.connection-prompt__connection{background-color:#393f4f;box-shadow:0 0 15px rgba(0,0,0,.2);border-radius:4px;padding:25px 10px;position:relative;text-align:center}.connection-prompt__connection::after{background-color:#1f232b;content:\"\";display:block;height:100%;left:50%;position:absolute;top:0;width:1px}.connection-prompt__row{align-items:flex-start;display:flex;flex-direction:row}.card>a{display:block;text-decoration:none;color:inherit;box-shadow:0 0 15px rgba(0,0,0,.2)}@media screen and (max-width: 415px){.card>a{box-shadow:none}}.card>a:hover .card__bar,.card>a:active .card__bar,.card>a:focus .card__bar{background:#393f4f}.card__img{height:130px;position:relative;background:#0e1014;border-radius:4px 4px 0 0}.card__img img{display:block;width:100%;height:100%;margin:0;object-fit:cover;border-radius:4px 4px 0 0}@media screen and (max-width: 600px){.card__img{height:200px}}@media screen and (max-width: 415px){.card__img{display:none}}.card__bar{position:relative;padding:15px;display:flex;justify-content:flex-start;align-items:center;background:#313543;border-radius:0 0 4px 4px}@media screen and (max-width: 415px){.card__bar{border-radius:0}}.card__bar .avatar{flex:0 0 auto;width:48px;height:48px;width:48px;height:48px;background-size:48px 48px;padding-top:2px}.card__bar .avatar img{width:100%;height:100%;display:block;margin:0;border-radius:4px;border-radius:8%;background-position:50%;background-clip:padding-box;background:#17191f;object-fit:cover}.card__bar .display-name{margin-left:15px;text-align:left}.card__bar .display-name strong{font-size:15px;color:#fff;font-weight:500;overflow:hidden;text-overflow:ellipsis}.card__bar .display-name span{display:block;font-size:14px;color:#dde3ec;font-weight:400;overflow:hidden;text-overflow:ellipsis}.pagination{padding:30px 0;text-align:center;overflow:hidden}.pagination a,.pagination .current,.pagination .newer,.pagination .older,.pagination .page,.pagination .gap{font-size:14px;color:#fff;font-weight:500;display:inline-block;padding:6px 10px;text-decoration:none}.pagination .current{background:#fff;border-radius:100px;color:#000;cursor:default;margin:0 10px}.pagination .gap{cursor:default}.pagination .older,.pagination .newer{text-transform:uppercase;color:#ecf0f4}.pagination .older{float:left;padding-left:0}.pagination .older .fa{display:inline-block;margin-right:5px}.pagination .newer{float:right;padding-right:0}.pagination .newer .fa{display:inline-block;margin-left:5px}.pagination .disabled{cursor:default;color:#1a1a1a}@media screen and (max-width: 700px){.pagination{padding:30px 20px}.pagination .page{display:none}.pagination .newer,.pagination .older{display:inline-block}}.nothing-here{background:#282c37;box-shadow:0 0 15px rgba(0,0,0,.2);color:#364861;font-size:14px;font-weight:500;text-align:center;display:flex;justify-content:center;align-items:center;cursor:default;border-radius:4px;padding:20px;min-height:30vh}.nothing-here--under-tabs{border-radius:0 0 4px 4px}.nothing-here--flexible{box-sizing:border-box;min-height:100%}.account-role,.simple_form .recommended{display:inline-block;padding:4px 6px;cursor:default;border-radius:3px;font-size:12px;line-height:12px;font-weight:500;color:#d9e1e8;background-color:rgba(217,225,232,.1);border:1px solid rgba(217,225,232,.5)}.account-role.moderator,.simple_form .recommended.moderator{color:#79bd9a;background-color:rgba(121,189,154,.1);border-color:rgba(121,189,154,.5)}.account-role.admin,.simple_form .recommended.admin{color:#e87487;background-color:rgba(232,116,135,.1);border-color:rgba(232,116,135,.5)}.account__header__fields{max-width:100vw;padding:0;margin:15px -15px -15px;border:0 none;border-top:1px solid #42485a;border-bottom:1px solid #42485a;font-size:14px;line-height:20px}.account__header__fields dl{display:flex;border-bottom:1px solid #42485a}.account__header__fields dt,.account__header__fields dd{box-sizing:border-box;padding:14px;text-align:center;max-height:48px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.account__header__fields dt{font-weight:500;width:120px;flex:0 0 auto;color:#ecf0f4;background:rgba(23,25,31,.5)}.account__header__fields dd{flex:1 1 auto;color:#dde3ec}.account__header__fields a{color:#2b90d9;text-decoration:none}.account__header__fields a:hover,.account__header__fields a:focus,.account__header__fields a:active{text-decoration:underline}.account__header__fields .verified{border:1px solid rgba(121,189,154,.5);background:rgba(121,189,154,.25)}.account__header__fields .verified a{color:#79bd9a;font-weight:500}.account__header__fields .verified__mark{color:#79bd9a}.account__header__fields dl:last-child{border-bottom:0}.directory__tag .trends__item__current{width:auto}.pending-account__header{color:#dde3ec}.pending-account__header a{color:#d9e1e8;text-decoration:none}.pending-account__header a:hover,.pending-account__header a:active,.pending-account__header a:focus{text-decoration:underline}.pending-account__header strong{color:#fff;font-weight:700}.pending-account__body{margin-top:10px}.activity-stream{box-shadow:0 0 15px rgba(0,0,0,.2);border-radius:4px;overflow:hidden;margin-bottom:10px}@media screen and (max-width: 415px){.activity-stream{margin-bottom:0;border-radius:0;box-shadow:none}}.activity-stream--headless{border-radius:0;margin:0;box-shadow:none}.activity-stream--headless .detailed-status,.activity-stream--headless .status{border-radius:0 !important}.activity-stream div[data-component]{width:100%}.activity-stream .entry{background:#282c37}.activity-stream .entry .detailed-status,.activity-stream .entry .status,.activity-stream .entry .load-more{animation:none}.activity-stream .entry:last-child .detailed-status,.activity-stream .entry:last-child .status,.activity-stream .entry:last-child .load-more{border-bottom:0;border-radius:0 0 4px 4px}.activity-stream .entry:first-child .detailed-status,.activity-stream .entry:first-child .status,.activity-stream .entry:first-child .load-more{border-radius:4px 4px 0 0}.activity-stream .entry:first-child:last-child .detailed-status,.activity-stream .entry:first-child:last-child .status,.activity-stream .entry:first-child:last-child .load-more{border-radius:4px}@media screen and (max-width: 740px){.activity-stream .entry .detailed-status,.activity-stream .entry .status,.activity-stream .entry .load-more{border-radius:0 !important}}.activity-stream--highlighted .entry{background:#393f4f}.button.logo-button{flex:0 auto;font-size:14px;background:#2b5fd9;color:#fff;text-transform:none;line-height:36px;height:auto;padding:3px 15px;border:0}.button.logo-button svg{width:20px;height:auto;vertical-align:middle;margin-right:5px;fill:#fff}.button.logo-button:active,.button.logo-button:focus,.button.logo-button:hover{background:#5680e1}.button.logo-button:disabled:active,.button.logo-button:disabled:focus,.button.logo-button:disabled:hover,.button.logo-button.disabled:active,.button.logo-button.disabled:focus,.button.logo-button.disabled:hover{background:#9baec8}.button.logo-button.button--destructive:active,.button.logo-button.button--destructive:focus,.button.logo-button.button--destructive:hover{background:#df405a}@media screen and (max-width: 415px){.button.logo-button svg{display:none}}.embed .detailed-status,.public-layout .detailed-status{padding:15px}.embed .status,.public-layout .status{padding:15px 15px 15px 78px;min-height:50px}.embed .status__avatar,.public-layout .status__avatar{left:15px;top:17px}.embed .status__content,.public-layout .status__content{padding-top:5px}.embed .status__prepend,.public-layout .status__prepend{padding:8px 0;padding-bottom:2px;margin:initial;margin-left:78px;padding-top:15px}.embed .status__prepend-icon-wrapper,.public-layout .status__prepend-icon-wrapper{position:absolute;margin:initial;float:initial;width:auto;left:-32px}.embed .status .media-gallery,.embed .status__action-bar,.embed .status .video-player,.public-layout .status .media-gallery,.public-layout .status__action-bar,.public-layout .status .video-player{margin-top:10px}.embed .status .status__info,.public-layout .status .status__info{font-size:15px;display:initial}.embed .status .status__relative-time,.public-layout .status .status__relative-time{color:#c2cede;float:right;font-size:14px;width:auto;margin:initial;padding:initial}.embed .status .status__info .status__display-name,.public-layout .status .status__info .status__display-name{display:block;max-width:100%;padding:6px 0;padding-right:25px;margin:initial}.embed .status .status__info .status__display-name .display-name strong,.public-layout .status .status__info .status__display-name .display-name strong{display:inline}.embed .status .status__avatar,.public-layout .status .status__avatar{height:48px;position:absolute;width:48px;margin:initial}.rtl .embed .status,.rtl .public-layout .status{padding-left:10px;padding-right:68px}.rtl .embed .status .status__info .status__display-name,.rtl .public-layout .status .status__info .status__display-name{padding-left:25px;padding-right:0}.rtl .embed .status .status__relative-time,.rtl .public-layout .status .status__relative-time{float:left}.status__content__read-more-button{display:block;font-size:15px;line-height:20px;color:#4e79df;border:0;background:transparent;padding:0;padding-top:8px;text-decoration:none}.status__content__read-more-button:hover,.status__content__read-more-button:active{text-decoration:underline}.app-body{-webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar}.animated-number{display:inline-flex;flex-direction:column;align-items:stretch;overflow:hidden;position:relative}.link-button{display:block;font-size:15px;line-height:20px;color:#2b5fd9;border:0;background:transparent;padding:0;cursor:pointer}.link-button:hover,.link-button:active{text-decoration:underline}.link-button:disabled{color:#9baec8;cursor:default}.button{background-color:#2558d0;border:10px none;border-radius:4px;box-sizing:border-box;color:#fff;cursor:pointer;display:inline-block;font-family:inherit;font-size:14px;font-weight:500;height:36px;letter-spacing:0;line-height:36px;overflow:hidden;padding:0 16px;position:relative;text-align:center;text-transform:uppercase;text-decoration:none;text-overflow:ellipsis;transition:all 100ms ease-in;transition-property:background-color;white-space:nowrap;width:auto}.button:active,.button:focus,.button:hover{background-color:#4976de;transition:all 200ms ease-out;transition-property:background-color}.button--destructive{transition:none}.button--destructive:active,.button--destructive:focus,.button--destructive:hover{background-color:#df405a;transition:none}.button:disabled{background-color:#9baec8;cursor:default}.button.button-primary,.button.button-alternative,.button.button-secondary,.button.button-alternative-2{font-size:16px;line-height:36px;height:auto;text-transform:none;padding:4px 16px}.button.button-alternative{color:#000;background:#9baec8}.button.button-alternative:active,.button.button-alternative:focus,.button.button-alternative:hover{background-color:#a8b9cf}.button.button-alternative-2{background:#606984}.button.button-alternative-2:active,.button.button-alternative-2:focus,.button.button-alternative-2:hover{background-color:#687390}.button.button-secondary{font-size:16px;line-height:36px;height:auto;color:#dde3ec;text-transform:none;background:transparent;padding:3px 15px;border-radius:4px;border:1px solid #9baec8}.button.button-secondary:active,.button.button-secondary:focus,.button.button-secondary:hover{border-color:#a8b9cf;color:#eaeef3}.button.button-secondary:disabled{opacity:.5}.button.button--block{display:block;width:100%}.icon-button{display:inline-block;padding:0;color:#8d9ac2;border:0;border-radius:4px;background:transparent;cursor:pointer;transition:all 100ms ease-in;transition-property:background-color,color}.icon-button:hover,.icon-button:active,.icon-button:focus{color:#a4afce;background-color:rgba(141,154,194,.15);transition:all 200ms ease-out;transition-property:background-color,color}.icon-button:focus{background-color:rgba(141,154,194,.3)}.icon-button.disabled{color:#6274ab;background-color:transparent;cursor:default}.icon-button.active{color:#2b90d9}.icon-button::-moz-focus-inner{border:0}.icon-button::-moz-focus-inner,.icon-button:focus,.icon-button:active{outline:0 !important}.icon-button.inverted{color:#1b1e25}.icon-button.inverted:hover,.icon-button.inverted:active,.icon-button.inverted:focus{color:#0c0d11;background-color:rgba(27,30,37,.15)}.icon-button.inverted:focus{background-color:rgba(27,30,37,.3)}.icon-button.inverted.disabled{color:#2a2e3a;background-color:transparent}.icon-button.inverted.active{color:#2b90d9}.icon-button.inverted.active.disabled{color:#63ade3}.icon-button.overlayed{box-sizing:content-box;background:rgba(0,0,0,.6);color:rgba(255,255,255,.7);border-radius:4px;padding:2px}.icon-button.overlayed:hover{background:rgba(0,0,0,.9)}.text-icon-button{color:#1b1e25;border:0;border-radius:4px;background:transparent;cursor:pointer;font-weight:600;font-size:11px;padding:0 3px;line-height:27px;outline:0;transition:all 100ms ease-in;transition-property:background-color,color}.text-icon-button:hover,.text-icon-button:active,.text-icon-button:focus{color:#0c0d11;background-color:rgba(27,30,37,.15);transition:all 200ms ease-out;transition-property:background-color,color}.text-icon-button:focus{background-color:rgba(27,30,37,.3)}.text-icon-button.disabled{color:#464d60;background-color:transparent;cursor:default}.text-icon-button.active{color:#2b90d9}.text-icon-button::-moz-focus-inner{border:0}.text-icon-button::-moz-focus-inner,.text-icon-button:focus,.text-icon-button:active{outline:0 !important}.dropdown-menu{position:absolute;transform-origin:50% 0}.invisible{font-size:0;line-height:0;display:inline-block;width:0;height:0;position:absolute}.invisible img,.invisible svg{margin:0 !important;border:0 !important;padding:0 !important;width:0 !important;height:0 !important}.ellipsis::after{content:\"…\"}.notification__favourite-icon-wrapper{left:0;position:absolute}.notification__favourite-icon-wrapper .fa.star-icon{color:#ca8f04}.star-icon.active{color:#ca8f04}.bookmark-icon.active{color:#ff5050}.no-reduce-motion .icon-button.star-icon.activate>.fa-star{animation:spring-rotate-in 1s linear}.no-reduce-motion .icon-button.star-icon.deactivate>.fa-star{animation:spring-rotate-out 1s linear}.notification__display-name{color:inherit;font-weight:500;text-decoration:none}.notification__display-name:hover{color:#fff;text-decoration:underline}.display-name{display:block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.display-name a{color:inherit;text-decoration:inherit}.display-name strong{height:18px;font-size:16px;font-weight:500;line-height:18px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.display-name span{display:block;height:18px;font-size:15px;line-height:18px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.display-name>a:hover strong{text-decoration:underline}.display-name.inline{padding:0;height:18px;font-size:15px;line-height:18px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.display-name.inline strong{display:inline;height:auto;font-size:inherit;line-height:inherit}.display-name.inline span{display:inline;height:auto;font-size:inherit;line-height:inherit}.display-name__html{font-weight:500}.display-name__account{font-size:14px}.image-loader{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center;flex-direction:column}.image-loader .image-loader__preview-canvas{max-width:100%;max-height:80%;background:url(\"~images/void.png\") repeat;object-fit:contain}.image-loader .loading-bar{position:relative}.image-loader.image-loader--amorphous .image-loader__preview-canvas{display:none}.zoomable-image{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center}.zoomable-image img{max-width:100%;max-height:80%;width:auto;height:auto;object-fit:contain}.dropdown{display:inline-block}.dropdown__content{display:none;position:absolute}.dropdown-menu__separator{border-bottom:1px solid #c0cdd9;margin:5px 7px 6px;height:0}.dropdown-menu{background:#d9e1e8;padding:4px 0;border-radius:4px;box-shadow:2px 4px 15px rgba(0,0,0,.4)}.dropdown-menu ul{list-style:none}.dropdown-menu__arrow{position:absolute;width:0;height:0;border:0 solid transparent}.dropdown-menu__arrow.left{right:-5px;margin-top:-5px;border-width:5px 0 5px 5px;border-left-color:#d9e1e8}.dropdown-menu__arrow.top{bottom:-5px;margin-left:-7px;border-width:5px 7px 0;border-top-color:#d9e1e8}.dropdown-menu__arrow.bottom{top:-5px;margin-left:-7px;border-width:0 7px 5px;border-bottom-color:#d9e1e8}.dropdown-menu__arrow.right{left:-5px;margin-top:-5px;border-width:5px 5px 5px 0;border-right-color:#d9e1e8}.dropdown-menu__item a{font-size:13px;line-height:18px;display:block;padding:4px 14px;box-sizing:border-box;text-decoration:none;background:#d9e1e8;color:#000;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dropdown-menu__item a:focus,.dropdown-menu__item a:hover,.dropdown-menu__item a:active{background:#2b5fd9;color:#ecf0f4;outline:0}.dropdown--active .dropdown__content{display:block;line-height:18px;max-width:311px;right:0;text-align:left;z-index:9999}.dropdown--active .dropdown__content>ul{list-style:none;background:#d9e1e8;padding:4px 0;border-radius:4px;box-shadow:0 0 15px rgba(0,0,0,.4);min-width:140px;position:relative}.dropdown--active .dropdown__content.dropdown__right{right:0}.dropdown--active .dropdown__content.dropdown__left>ul{left:-98px}.dropdown--active .dropdown__content>ul>li>a{font-size:13px;line-height:18px;display:block;padding:4px 14px;box-sizing:border-box;text-decoration:none;background:#d9e1e8;color:#000;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dropdown--active .dropdown__content>ul>li>a:focus{outline:0}.dropdown--active .dropdown__content>ul>li>a:hover{background:#2b5fd9;color:#ecf0f4}.dropdown__icon{vertical-align:middle}.static-content{padding:10px;padding-top:20px;color:#c2cede}.static-content h1{font-size:16px;font-weight:500;margin-bottom:40px;text-align:center}.static-content p{font-size:13px;margin-bottom:20px}.column,.drawer{flex:1 1 100%;overflow:hidden}@media screen and (min-width: 631px){.columns-area{padding:0}.column,.drawer{flex:0 0 auto;padding:10px;padding-left:5px;padding-right:5px}.column:first-child,.drawer:first-child{padding-left:10px}.column:last-child,.drawer:last-child{padding-right:10px}.columns-area>div .column,.columns-area>div .drawer{padding-left:5px;padding-right:5px}}.tabs-bar{box-sizing:border-box;display:flex;background:#393f4f;flex:0 0 auto;overflow-y:auto}.tabs-bar__link{display:block;flex:1 1 auto;padding:15px 10px;padding-bottom:13px;color:#fff;text-decoration:none;text-align:center;font-size:14px;font-weight:500;border-bottom:2px solid #393f4f;transition:all 50ms linear;transition-property:border-bottom,background,color}.tabs-bar__link .fa{font-weight:400;font-size:16px}@media screen and (min-width: 631px){.auto-columns .tabs-bar__link:hover,.auto-columns .tabs-bar__link:focus,.auto-columns .tabs-bar__link:active{background:#464d60;border-bottom-color:#464d60}}.multi-columns .tabs-bar__link:hover,.multi-columns .tabs-bar__link:focus,.multi-columns .tabs-bar__link:active{background:#464d60;border-bottom-color:#464d60}.tabs-bar__link.active{border-bottom:2px solid #2b5fd9;color:#2b90d9}.tabs-bar__link span{margin-left:5px;display:none}.tabs-bar__link span.icon{margin-left:0;display:inline}.icon-with-badge{position:relative}.icon-with-badge__badge{position:absolute;left:9px;top:-13px;background:#2b5fd9;border:2px solid #393f4f;padding:1px 6px;border-radius:6px;font-size:10px;font-weight:500;line-height:14px;color:#fff}.column-link--transparent .icon-with-badge__badge{border-color:#17191f}.scrollable{overflow-y:scroll;overflow-x:hidden;flex:1 1 auto;-webkit-overflow-scrolling:touch}.scrollable.optionally-scrollable{overflow-y:auto}@supports(display: grid){.scrollable{contain:strict}}.scrollable--flex{display:flex;flex-direction:column}.scrollable__append{flex:1 1 auto;position:relative;min-height:120px}@supports(display: grid){.scrollable.fullscreen{contain:none}}.react-toggle{display:inline-block;position:relative;cursor:pointer;background-color:transparent;border:0;padding:0;user-select:none;-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-tap-highlight-color:transparent}.react-toggle-screenreader-only{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.react-toggle--disabled{cursor:not-allowed;opacity:.5;transition:opacity .25s}.react-toggle-track{width:50px;height:24px;padding:0;border-radius:30px;background-color:#282c37;transition:background-color .2s ease}.react-toggle:hover:not(.react-toggle--disabled) .react-toggle-track{background-color:#131419}.react-toggle--checked .react-toggle-track{background-color:#2b5fd9}.react-toggle--checked:hover:not(.react-toggle--disabled) .react-toggle-track{background-color:#5680e1}.react-toggle-track-check{position:absolute;width:14px;height:10px;top:0;bottom:0;margin-top:auto;margin-bottom:auto;line-height:0;left:8px;opacity:0;transition:opacity .25s ease}.react-toggle--checked .react-toggle-track-check{opacity:1;transition:opacity .25s ease}.react-toggle-track-x{position:absolute;width:10px;height:10px;top:0;bottom:0;margin-top:auto;margin-bottom:auto;line-height:0;right:10px;opacity:1;transition:opacity .25s ease}.react-toggle--checked .react-toggle-track-x{opacity:0}.react-toggle-thumb{position:absolute;top:1px;left:1px;width:22px;height:22px;border:1px solid #282c37;border-radius:50%;background-color:#fafafa;box-sizing:border-box;transition:all .25s ease;transition-property:border-color,left}.react-toggle--checked .react-toggle-thumb{left:27px;border-color:#2b5fd9}.getting-started__wrapper,.getting_started,.flex-spacer{background:#282c37}.getting-started__wrapper{position:relative;overflow-y:auto}.flex-spacer{flex:1 1 auto}.getting-started{background:#282c37;flex:1 0 auto}.getting-started p{color:#ecf0f4}.getting-started a{color:#c2cede}.getting-started__panel{height:min-content}.getting-started__panel,.getting-started__footer{padding:10px;padding-top:20px;flex:0 1 auto}.getting-started__panel ul,.getting-started__footer ul{margin-bottom:10px}.getting-started__panel ul li,.getting-started__footer ul li{display:inline}.getting-started__panel p,.getting-started__footer p{color:#c2cede;font-size:13px}.getting-started__panel p a,.getting-started__footer p a{color:#c2cede;text-decoration:underline}.getting-started__panel a,.getting-started__footer a{text-decoration:none;color:#dde3ec}.getting-started__panel a:hover,.getting-started__panel a:focus,.getting-started__panel a:active,.getting-started__footer a:hover,.getting-started__footer a:focus,.getting-started__footer a:active{text-decoration:underline}.getting-started__trends{flex:0 1 auto;opacity:1;animation:fade 150ms linear;margin-top:10px}.getting-started__trends h4{font-size:12px;text-transform:uppercase;color:#dde3ec;padding:10px;font-weight:500;border-bottom:1px solid #393f4f}@media screen and (max-height: 810px){.getting-started__trends .trends__item:nth-child(3){display:none}}@media screen and (max-height: 720px){.getting-started__trends .trends__item:nth-child(2){display:none}}@media screen and (max-height: 670px){.getting-started__trends{display:none}}.getting-started__trends .trends__item{border-bottom:0;padding:10px}.getting-started__trends .trends__item__current{color:#dde3ec}.column-link__badge{display:inline-block;border-radius:4px;font-size:12px;line-height:19px;font-weight:500;background:#282c37;padding:4px 8px;margin:-6px 10px}.keyboard-shortcuts{padding:8px 0 0;overflow:hidden}.keyboard-shortcuts thead{position:absolute;left:-9999px}.keyboard-shortcuts td{padding:0 10px 8px}.keyboard-shortcuts kbd{display:inline-block;padding:3px 5px;background-color:#393f4f;border:1px solid #1f232b}.setting-text{color:#dde3ec;background:transparent;border:none;border-bottom:2px solid #9baec8;box-sizing:border-box;display:block;font-family:inherit;margin-bottom:10px;padding:7px 0;width:100%}.setting-text:focus,.setting-text:active{color:#fff;border-bottom-color:#2b5fd9}@media screen and (max-width: 600px){.auto-columns .setting-text,.single-column .setting-text{font-size:16px}}.setting-text.light{color:#000;border-bottom:2px solid #626c87}.setting-text.light:focus,.setting-text.light:active{color:#000;border-bottom-color:#2b5fd9}.no-reduce-motion button.icon-button i.fa-retweet{background-position:0 0;height:19px;transition:background-position .9s steps(10);transition-duration:0s;vertical-align:middle;width:22px}.no-reduce-motion button.icon-button i.fa-retweet::before{display:none !important}.no-reduce-motion button.icon-button.active i.fa-retweet{transition-duration:.9s;background-position:0 100%}.reduce-motion button.icon-button i.fa-retweet{color:#8d9ac2;transition:color 100ms ease-in}.reduce-motion button.icon-button.active i.fa-retweet{color:#2b90d9}.reduce-motion button.icon-button.disabled i.fa-retweet{color:#6274ab}.load-more{display:block;color:#c2cede;background-color:transparent;border:0;font-size:inherit;text-align:center;line-height:inherit;margin:0;padding:15px;box-sizing:border-box;width:100%;clear:both;text-decoration:none}.load-more:hover{background:#2c313d}.load-gap{border-bottom:1px solid #393f4f}.missing-indicator{padding-top:68px}.scrollable>div>:first-child .notification__dismiss-overlay>.wrappy{border-top:1px solid #282c37}.notification__dismiss-overlay{overflow:hidden;position:absolute;top:0;right:0;bottom:-1px;padding-left:15px;z-index:999;align-items:center;justify-content:flex-end;cursor:pointer;display:flex}.notification__dismiss-overlay .wrappy{width:4rem;align-self:stretch;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#393f4f;border-left:1px solid #535b72;box-shadow:0 0 5px #000;border-bottom:1px solid #282c37}.notification__dismiss-overlay .ckbox{border:2px solid #9baec8;border-radius:2px;width:30px;height:30px;font-size:20px;color:#dde3ec;text-shadow:0 0 5px #000;display:flex;justify-content:center;align-items:center}.notification__dismiss-overlay:focus{outline:0 !important}.notification__dismiss-overlay:focus .ckbox{box-shadow:0 0 1px 1px #2b5fd9}.text-btn{display:inline-block;padding:0;font-family:inherit;font-size:inherit;color:inherit;border:0;background:transparent;cursor:pointer}.loading-indicator{color:#c2cede;font-size:12px;font-weight:400;text-transform:uppercase;overflow:visible;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%)}.loading-indicator span{display:block;float:left;margin-left:50%;transform:translateX(-50%);margin:82px 0 0 50%;white-space:nowrap}.loading-indicator__figure{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:42px;height:42px;box-sizing:border-box;background-color:transparent;border:0 solid #606984;border-width:6px;border-radius:50%}.no-reduce-motion .loading-indicator span{animation:loader-label 1.15s infinite cubic-bezier(0.215, 0.61, 0.355, 1)}.no-reduce-motion .loading-indicator__figure{animation:loader-figure 1.15s infinite cubic-bezier(0.215, 0.61, 0.355, 1)}@keyframes spring-rotate-in{0%{transform:rotate(0deg)}30%{transform:rotate(-484.8deg)}60%{transform:rotate(-316.7deg)}90%{transform:rotate(-375deg)}100%{transform:rotate(-360deg)}}@keyframes spring-rotate-out{0%{transform:rotate(-360deg)}30%{transform:rotate(124.8deg)}60%{transform:rotate(-43.27deg)}90%{transform:rotate(15deg)}100%{transform:rotate(0deg)}}@keyframes loader-figure{0%{width:0;height:0;background-color:#606984}29%{background-color:#606984}30%{width:42px;height:42px;background-color:transparent;border-width:21px;opacity:1}100%{width:42px;height:42px;border-width:0;opacity:0;background-color:transparent}}@keyframes loader-label{0%{opacity:.25}30%{opacity:1}100%{opacity:.25}}.spoiler-button{top:0;left:0;width:100%;height:100%;position:absolute;z-index:100}.spoiler-button--minified{display:flex;left:4px;top:4px;width:auto;height:auto;align-items:center}.spoiler-button--click-thru{pointer-events:none}.spoiler-button--hidden{display:none}.spoiler-button__overlay{display:block;background:transparent;width:100%;height:100%;border:0}.spoiler-button__overlay__label{display:inline-block;background:rgba(0,0,0,.5);border-radius:8px;padding:8px 12px;color:#fff;font-weight:500;font-size:14px}.spoiler-button__overlay:hover .spoiler-button__overlay__label,.spoiler-button__overlay:focus .spoiler-button__overlay__label,.spoiler-button__overlay:active .spoiler-button__overlay__label{background:rgba(0,0,0,.8)}.spoiler-button__overlay:disabled .spoiler-button__overlay__label{background:rgba(0,0,0,.5)}.setting-toggle{display:block;line-height:24px}.setting-toggle__label,.setting-radio__label,.setting-meta__label{color:#dde3ec;display:inline-block;margin-bottom:14px;margin-left:8px;vertical-align:middle}.setting-radio{display:block;line-height:18px}.setting-radio__label{margin-bottom:0}.column-settings__row legend{color:#dde3ec;cursor:default;display:block;font-weight:500;margin-top:10px}.setting-radio__input{vertical-align:middle}.setting-meta__label{float:right}@keyframes heartbeat{from{transform:scale(1);transform-origin:center center;animation-timing-function:ease-out}10%{transform:scale(0.91);animation-timing-function:ease-in}17%{transform:scale(0.98);animation-timing-function:ease-out}33%{transform:scale(0.87);animation-timing-function:ease-in}45%{transform:scale(1);animation-timing-function:ease-out}}.pulse-loading{animation:heartbeat 1.5s ease-in-out infinite both}.upload-area{align-items:center;background:rgba(0,0,0,.8);display:flex;height:100%;justify-content:center;left:0;opacity:0;position:absolute;top:0;visibility:hidden;width:100%;z-index:2000}.upload-area *{pointer-events:none}.upload-area__drop{width:320px;height:160px;display:flex;box-sizing:border-box;position:relative;padding:8px}.upload-area__background{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;border-radius:4px;background:#282c37;box-shadow:0 0 5px rgba(0,0,0,.2)}.upload-area__content{flex:1;display:flex;align-items:center;justify-content:center;color:#ecf0f4;font-size:18px;font-weight:500;border:2px dashed #606984;border-radius:4px}.dropdown--active .emoji-button img{opacity:1;filter:none}.loading-bar{background-color:#2b5fd9;height:3px;position:absolute;top:0;left:0;z-index:9999}.icon-badge-wrapper{position:relative}.icon-badge{position:absolute;display:block;right:-0.25em;top:-0.25em;background-color:#2b5fd9;border-radius:50%;font-size:75%;width:1em;height:1em}.conversation{display:flex;border-bottom:1px solid #393f4f;padding:5px;padding-bottom:0}.conversation:focus{background:#2c313d;outline:0}.conversation__avatar{flex:0 0 auto;padding:10px;padding-top:12px;position:relative;cursor:pointer}.conversation__unread{display:inline-block;background:#2b90d9;border-radius:50%;width:.625rem;height:.625rem;margin:-0.1ex .15em .1ex}.conversation__content{flex:1 1 auto;padding:10px 5px;padding-right:15px;overflow:hidden}.conversation__content__info{overflow:hidden;display:flex;flex-direction:row-reverse;justify-content:space-between}.conversation__content__relative-time{font-size:15px;color:#dde3ec;padding-left:15px}.conversation__content__names{color:#dde3ec;font-size:15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:4px;flex-basis:90px;flex-grow:1}.conversation__content__names a{color:#fff;text-decoration:none}.conversation__content__names a:hover,.conversation__content__names a:focus,.conversation__content__names a:active{text-decoration:underline}.conversation__content .status__content{margin:0}.conversation--unread{background:#2c313d}.conversation--unread:focus{background:#313543}.conversation--unread .conversation__content__info{font-weight:700}.conversation--unread .conversation__content__relative-time{color:#fff}.ui .flash-message{margin-top:10px;margin-left:auto;margin-right:auto;margin-bottom:0;min-width:75%}::-webkit-scrollbar-thumb{border-radius:0}noscript{text-align:center}noscript img{width:200px;opacity:.5;animation:flicker 4s infinite}noscript div{font-size:14px;margin:30px auto;color:#ecf0f4;max-width:400px}noscript div a{color:#2b90d9;text-decoration:underline}noscript div a:hover{text-decoration:none}noscript div a{word-break:break-word}@keyframes flicker{0%{opacity:1}30%{opacity:.75}100%{opacity:1}}button.icon-button i.fa-retweet{background-image:url(\"data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='22' height='209'><path d='M4.97 3.16c-.1.03-.17.1-.22.18L.8 8.24c-.2.3.03.78.4.8H3.6v2.68c0 4.26-.55 3.62 3.66 3.62h7.66l-2.3-2.84c-.03-.02-.03-.04-.05-.06H7.27c-.44 0-.72-.3-.72-.72v-2.7h2.5c.37.03.63-.48.4-.77L5.5 3.35c-.12-.17-.34-.25-.53-.2zm12.16.43c-.55-.02-1.32.02-2.4.02H7.1l2.32 2.85.03.06h5.25c.42 0 .72.28.72.72v2.7h-2.5c-.36.02-.56.54-.3.8l3.92 4.9c.18.25.6.25.78 0l3.94-4.9c.26-.28 0-.83-.37-.8H18.4v-2.7c0-3.15.4-3.62-1.25-3.66z' fill='%238D9AC2' stroke-width='0'/><path d='M7.78 19.66c-.24.02-.44.25-.44.5v2.46h-.06c-1.08 0-1.86-.03-2.4-.03-1.64 0-1.25.43-1.25 3.65v4.47c0 4.26-.56 3.62 3.65 3.62H8.5l-1.3-1.06c-.1-.08-.18-.2-.2-.3-.02-.17.06-.35.2-.45l1.33-1.1H7.28c-.44 0-.72-.3-.72-.7v-4.48c0-.44.28-.72.72-.72h.06v2.5c0 .38.54.63.82.38l4.9-3.93c.25-.18.25-.6 0-.78l-4.9-3.92c-.1-.1-.24-.14-.38-.12zm9.34 2.93c-.54-.02-1.3.02-2.4.02h-1.25l1.3 1.07c.1.07.18.2.2.33.02.16-.06.3-.2.4l-1.33 1.1h1.28c.42 0 .72.28.72.72v4.47c0 .42-.3.72-.72.72h-.1v-2.47c0-.3-.3-.53-.6-.47-.07 0-.14.05-.2.1l-4.9 3.93c-.26.18-.26.6 0 .78l4.9 3.92c.27.25.82 0 .8-.38v-2.5h.1c4.27 0 3.65.67 3.65-3.62v-4.47c0-3.15.4-3.62-1.25-3.66zM10.34 38.66c-.24.02-.44.25-.43.5v2.47H7.3c-1.08 0-1.86-.04-2.4-.04-1.64 0-1.25.43-1.25 3.65v4.47c0 3.66-.23 3.7 2.34 3.66l-1.34-1.1c-.1-.08-.18-.2-.2-.3 0-.17.07-.35.2-.45l1.96-1.6c-.03-.06-.04-.13-.04-.2v-4.48c0-.44.28-.72.72-.72H9.9v2.5c0 .36.5.6.8.38l4.93-3.93c.24-.18.24-.6 0-.78l-4.94-3.92c-.1-.08-.23-.13-.36-.12zm5.63 2.93l1.34 1.1c.1.07.18.2.2.33.02.16-.03.3-.16.4l-1.96 1.6c.02.07.06.13.06.22v4.47c0 .42-.3.72-.72.72h-2.66v-2.47c0-.3-.3-.53-.6-.47-.06.02-.12.05-.18.1l-4.94 3.93c-.24.18-.24.6 0 .78l4.94 3.92c.28.22.78-.02.78-.38v-2.5h2.66c4.27 0 3.65.67 3.65-3.62v-4.47c0-3.66.34-3.7-2.4-3.66zM13.06 57.66c-.23.03-.4.26-.4.5v2.47H7.28c-1.08 0-1.86-.04-2.4-.04-1.64 0-1.25.43-1.25 3.65v4.87l2.93-2.37v-2.5c0-.44.28-.72.72-.72h5.38v2.5c0 .36.5.6.78.38l4.94-3.93c.24-.18.24-.6 0-.78l-4.94-3.92c-.1-.1-.24-.14-.38-.12zm5.3 6.15l-2.92 2.4v2.52c0 .42-.3.72-.72.72h-5.4v-2.47c0-.3-.32-.53-.6-.47-.07.02-.13.05-.2.1L3.6 70.52c-.25.18-.25.6 0 .78l4.93 3.92c.28.22.78-.02.78-.38v-2.5h5.42c4.27 0 3.65.67 3.65-3.62v-4.47-.44zM19.25 78.8c-.1.03-.2.1-.28.17l-.9.9c-.44-.3-1.36-.25-3.35-.25H7.28c-1.08 0-1.86-.03-2.4-.03-1.64 0-1.25.43-1.25 3.65v.7l2.93.3v-1c0-.44.28-.72.72-.72h7.44c.2 0 .37.08.5.2l-1.8 1.8c-.25.26-.08.76.27.8l6.27.7c.28.03.56-.25.53-.53l-.7-6.25c0-.27-.3-.48-.55-.44zm-17.2 6.1c-.2.07-.36.3-.33.54l.7 6.25c.02.36.58.55.83.27l.8-.8c.02 0 .04-.02.04 0 .46.24 1.37.17 3.18.17h7.44c4.27 0 3.65.67 3.65-3.62v-.75l-2.93-.3v1.05c0 .42-.3.72-.72.72H7.28c-.15 0-.3-.03-.4-.1L8.8 86.4c.3-.24.1-.8-.27-.84l-6.28-.65h-.2zM4.88 98.6c-1.33 0-1.34.48-1.3 2.3l1.14-1.37c.08-.1.22-.17.34-.2.16 0 .34.08.44.2l1.66 2.03c.04 0 .07-.03.12-.03h7.44c.34 0 .57.2.65.5h-2.43c-.34.05-.53.52-.3.78l3.92 4.95c.18.24.6.24.78 0l3.94-4.94c.22-.27-.02-.76-.37-.77H18.4c.02-3.9.6-3.4-3.66-3.4H7.28c-1.08 0-1.86-.04-2.4-.04zm.15 2.46c-.1.03-.2.1-.28.2l-3.94 4.9c-.2.28.03.77.4.78H3.6c-.02 3.94-.45 3.4 3.66 3.4h7.44c3.65 0 3.74.3 3.7-2.25l-1.1 1.34c-.1.1-.2.17-.32.2-.16 0-.34-.08-.44-.2l-1.65-2.03c-.06.02-.1.04-.18.04H7.28c-.35 0-.57-.2-.66-.5h2.44c.37 0 .63-.5.4-.78l-3.96-4.9c-.1-.15-.3-.23-.47-.2zM4.88 117.6c-1.16 0-1.3.3-1.3 1.56l1.14-1.38c.08-.1.22-.14.34-.16.16 0 .34.04.44.16l2.22 2.75h7c.42 0 .72.28.72.72v.53h-2.6c-.3.1-.43.54-.2.78l3.92 4.9c.18.25.6.25.78 0l3.94-4.9c.22-.28-.02-.77-.37-.78H18.4v-.53c0-4.2.72-3.63-3.66-3.63H7.28c-1.08 0-1.86-.03-2.4-.03zm.1 1.74c-.1.03-.17.1-.23.16L.8 124.44c-.2.28.03.77.4.78H3.6v.5c0 4.26-.55 3.62 3.66 3.62h7.44c1.03 0 1.74.02 2.28 0-.16.02-.34-.03-.44-.15l-2.22-2.76H7.28c-.44 0-.72-.3-.72-.72v-.5h2.5c.37.02.63-.5.4-.78L5.5 119.5c-.12-.15-.34-.22-.53-.16zm12.02 10c1.2-.02 1.4-.25 1.4-1.53l-1.1 1.36c-.07.1-.17.17-.3.18zM5.94 136.6l2.37 2.93h6.42c.42 0 .72.28.72.72v1.25h-2.6c-.3.1-.43.54-.2.78l3.92 4.9c.18.25.6.25.78 0l3.94-4.9c.22-.28-.02-.77-.37-.78H18.4v-1.25c0-4.2.72-3.63-3.66-3.63H7.28c-.6 0-.92-.02-1.34-.03zm-1.72.06c-.4.08-.54.3-.6.75l.6-.74zm.84.93c-.12 0-.24.08-.3.18l-3.95 4.9c-.24.3 0 .83.4.82H3.6v1.22c0 4.26-.55 3.62 3.66 3.62h7.44c.63 0 .97.02 1.4.03l-2.37-2.93H7.28c-.44 0-.72-.3-.72-.72v-1.22h2.5c.4.04.67-.53.4-.8l-3.96-4.92c-.1-.13-.27-.2-.44-.2zm13.28 10.03l-.56.7c.36-.07.5-.3.56-.7zM17.13 155.6c-.55-.02-1.32.03-2.4.03h-8.2l2.38 2.9h5.82c.42 0 .72.28.72.72v1.97H12.9c-.32.06-.48.52-.28.78l3.94 4.94c.2.23.6.22.78-.03l3.94-4.9c.22-.28-.02-.77-.37-.78H18.4v-1.97c0-3.15.4-3.62-1.25-3.66zm-12.1.28c-.1.02-.2.1-.28.18l-3.94 4.9c-.2.3.03.78.4.8H3.6v1.96c0 4.26-.55 3.62 3.66 3.62h8.24l-2.36-2.9H7.28c-.44 0-.72-.3-.72-.72v-1.97h2.5c.37.02.63-.5.4-.78l-3.96-4.9c-.1-.15-.3-.22-.47-.2zM5.13 174.5c-.15 0-.3.07-.38.2L.8 179.6c-.24.27 0 .82.4.8H3.6v2.32c0 4.26-.55 3.62 3.66 3.62h7.94l-2.35-2.9h-5.6c-.43 0-.7-.3-.7-.72v-2.3h2.5c.38.03.66-.54.4-.83l-3.97-4.9c-.1-.13-.23-.2-.38-.2zm12 .1c-.55-.02-1.32.03-2.4.03H6.83l2.35 2.9h5.52c.42 0 .72.28.72.72v2.34h-2.6c-.3.1-.43.53-.2.78l3.92 4.9c.18.24.6.24.78 0l3.94-4.9c.22-.3-.02-.78-.37-.8H18.4v-2.33c0-3.15.4-3.62-1.25-3.66zM4.97 193.16c-.1.03-.17.1-.22.18l-3.94 4.9c-.2.3.03.78.4.8H3.6v2.68c0 4.26-.55 3.62 3.66 3.62h7.66l-2.3-2.84c-.03-.02-.03-.04-.05-.06H7.27c-.44 0-.72-.3-.72-.72v-2.7h2.5c.37.03.63-.48.4-.77l-3.96-4.9c-.12-.17-.34-.25-.53-.2zm12.16.43c-.55-.02-1.32.03-2.4.03H7.1l2.32 2.84.03.06h5.25c.42 0 .72.28.72.72v2.7h-2.5c-.36.02-.56.54-.3.8l3.92 4.9c.18.25.6.25.78 0l3.94-4.9c.26-.28 0-.83-.37-.8H18.4v-2.7c0-3.15.4-3.62-1.25-3.66z' fill='%232B90D9' stroke-width='0'/></svg>\")}button.icon-button i.fa-retweet:hover{background-image:url(\"data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='22' height='209'><path d='M4.97 3.16c-.1.03-.17.1-.22.18L.8 8.24c-.2.3.03.78.4.8H3.6v2.68c0 4.26-.55 3.62 3.66 3.62h7.66l-2.3-2.84c-.03-.02-.03-.04-.05-.06H7.27c-.44 0-.72-.3-.72-.72v-2.7h2.5c.37.03.63-.48.4-.77L5.5 3.35c-.12-.17-.34-.25-.53-.2zm12.16.43c-.55-.02-1.32.02-2.4.02H7.1l2.32 2.85.03.06h5.25c.42 0 .72.28.72.72v2.7h-2.5c-.36.02-.56.54-.3.8l3.92 4.9c.18.25.6.25.78 0l3.94-4.9c.26-.28 0-.83-.37-.8H18.4v-2.7c0-3.15.4-3.62-1.25-3.66z' fill='%23A4AFCE' stroke-width='0'/><path d='M7.78 19.66c-.24.02-.44.25-.44.5v2.46h-.06c-1.08 0-1.86-.03-2.4-.03-1.64 0-1.25.43-1.25 3.65v4.47c0 4.26-.56 3.62 3.65 3.62H8.5l-1.3-1.06c-.1-.08-.18-.2-.2-.3-.02-.17.06-.35.2-.45l1.33-1.1H7.28c-.44 0-.72-.3-.72-.7v-4.48c0-.44.28-.72.72-.72h.06v2.5c0 .38.54.63.82.38l4.9-3.93c.25-.18.25-.6 0-.78l-4.9-3.92c-.1-.1-.24-.14-.38-.12zm9.34 2.93c-.54-.02-1.3.02-2.4.02h-1.25l1.3 1.07c.1.07.18.2.2.33.02.16-.06.3-.2.4l-1.33 1.1h1.28c.42 0 .72.28.72.72v4.47c0 .42-.3.72-.72.72h-.1v-2.47c0-.3-.3-.53-.6-.47-.07 0-.14.05-.2.1l-4.9 3.93c-.26.18-.26.6 0 .78l4.9 3.92c.27.25.82 0 .8-.38v-2.5h.1c4.27 0 3.65.67 3.65-3.62v-4.47c0-3.15.4-3.62-1.25-3.66zM10.34 38.66c-.24.02-.44.25-.43.5v2.47H7.3c-1.08 0-1.86-.04-2.4-.04-1.64 0-1.25.43-1.25 3.65v4.47c0 3.66-.23 3.7 2.34 3.66l-1.34-1.1c-.1-.08-.18-.2-.2-.3 0-.17.07-.35.2-.45l1.96-1.6c-.03-.06-.04-.13-.04-.2v-4.48c0-.44.28-.72.72-.72H9.9v2.5c0 .36.5.6.8.38l4.93-3.93c.24-.18.24-.6 0-.78l-4.94-3.92c-.1-.08-.23-.13-.36-.12zm5.63 2.93l1.34 1.1c.1.07.18.2.2.33.02.16-.03.3-.16.4l-1.96 1.6c.02.07.06.13.06.22v4.47c0 .42-.3.72-.72.72h-2.66v-2.47c0-.3-.3-.53-.6-.47-.06.02-.12.05-.18.1l-4.94 3.93c-.24.18-.24.6 0 .78l4.94 3.92c.28.22.78-.02.78-.38v-2.5h2.66c4.27 0 3.65.67 3.65-3.62v-4.47c0-3.66.34-3.7-2.4-3.66zM13.06 57.66c-.23.03-.4.26-.4.5v2.47H7.28c-1.08 0-1.86-.04-2.4-.04-1.64 0-1.25.43-1.25 3.65v4.87l2.93-2.37v-2.5c0-.44.28-.72.72-.72h5.38v2.5c0 .36.5.6.78.38l4.94-3.93c.24-.18.24-.6 0-.78l-4.94-3.92c-.1-.1-.24-.14-.38-.12zm5.3 6.15l-2.92 2.4v2.52c0 .42-.3.72-.72.72h-5.4v-2.47c0-.3-.32-.53-.6-.47-.07.02-.13.05-.2.1L3.6 70.52c-.25.18-.25.6 0 .78l4.93 3.92c.28.22.78-.02.78-.38v-2.5h5.42c4.27 0 3.65.67 3.65-3.62v-4.47-.44zM19.25 78.8c-.1.03-.2.1-.28.17l-.9.9c-.44-.3-1.36-.25-3.35-.25H7.28c-1.08 0-1.86-.03-2.4-.03-1.64 0-1.25.43-1.25 3.65v.7l2.93.3v-1c0-.44.28-.72.72-.72h7.44c.2 0 .37.08.5.2l-1.8 1.8c-.25.26-.08.76.27.8l6.27.7c.28.03.56-.25.53-.53l-.7-6.25c0-.27-.3-.48-.55-.44zm-17.2 6.1c-.2.07-.36.3-.33.54l.7 6.25c.02.36.58.55.83.27l.8-.8c.02 0 .04-.02.04 0 .46.24 1.37.17 3.18.17h7.44c4.27 0 3.65.67 3.65-3.62v-.75l-2.93-.3v1.05c0 .42-.3.72-.72.72H7.28c-.15 0-.3-.03-.4-.1L8.8 86.4c.3-.24.1-.8-.27-.84l-6.28-.65h-.2zM4.88 98.6c-1.33 0-1.34.48-1.3 2.3l1.14-1.37c.08-.1.22-.17.34-.2.16 0 .34.08.44.2l1.66 2.03c.04 0 .07-.03.12-.03h7.44c.34 0 .57.2.65.5h-2.43c-.34.05-.53.52-.3.78l3.92 4.95c.18.24.6.24.78 0l3.94-4.94c.22-.27-.02-.76-.37-.77H18.4c.02-3.9.6-3.4-3.66-3.4H7.28c-1.08 0-1.86-.04-2.4-.04zm.15 2.46c-.1.03-.2.1-.28.2l-3.94 4.9c-.2.28.03.77.4.78H3.6c-.02 3.94-.45 3.4 3.66 3.4h7.44c3.65 0 3.74.3 3.7-2.25l-1.1 1.34c-.1.1-.2.17-.32.2-.16 0-.34-.08-.44-.2l-1.65-2.03c-.06.02-.1.04-.18.04H7.28c-.35 0-.57-.2-.66-.5h2.44c.37 0 .63-.5.4-.78l-3.96-4.9c-.1-.15-.3-.23-.47-.2zM4.88 117.6c-1.16 0-1.3.3-1.3 1.56l1.14-1.38c.08-.1.22-.14.34-.16.16 0 .34.04.44.16l2.22 2.75h7c.42 0 .72.28.72.72v.53h-2.6c-.3.1-.43.54-.2.78l3.92 4.9c.18.25.6.25.78 0l3.94-4.9c.22-.28-.02-.77-.37-.78H18.4v-.53c0-4.2.72-3.63-3.66-3.63H7.28c-1.08 0-1.86-.03-2.4-.03zm.1 1.74c-.1.03-.17.1-.23.16L.8 124.44c-.2.28.03.77.4.78H3.6v.5c0 4.26-.55 3.62 3.66 3.62h7.44c1.03 0 1.74.02 2.28 0-.16.02-.34-.03-.44-.15l-2.22-2.76H7.28c-.44 0-.72-.3-.72-.72v-.5h2.5c.37.02.63-.5.4-.78L5.5 119.5c-.12-.15-.34-.22-.53-.16zm12.02 10c1.2-.02 1.4-.25 1.4-1.53l-1.1 1.36c-.07.1-.17.17-.3.18zM5.94 136.6l2.37 2.93h6.42c.42 0 .72.28.72.72v1.25h-2.6c-.3.1-.43.54-.2.78l3.92 4.9c.18.25.6.25.78 0l3.94-4.9c.22-.28-.02-.77-.37-.78H18.4v-1.25c0-4.2.72-3.63-3.66-3.63H7.28c-.6 0-.92-.02-1.34-.03zm-1.72.06c-.4.08-.54.3-.6.75l.6-.74zm.84.93c-.12 0-.24.08-.3.18l-3.95 4.9c-.24.3 0 .83.4.82H3.6v1.22c0 4.26-.55 3.62 3.66 3.62h7.44c.63 0 .97.02 1.4.03l-2.37-2.93H7.28c-.44 0-.72-.3-.72-.72v-1.22h2.5c.4.04.67-.53.4-.8l-3.96-4.92c-.1-.13-.27-.2-.44-.2zm13.28 10.03l-.56.7c.36-.07.5-.3.56-.7zM17.13 155.6c-.55-.02-1.32.03-2.4.03h-8.2l2.38 2.9h5.82c.42 0 .72.28.72.72v1.97H12.9c-.32.06-.48.52-.28.78l3.94 4.94c.2.23.6.22.78-.03l3.94-4.9c.22-.28-.02-.77-.37-.78H18.4v-1.97c0-3.15.4-3.62-1.25-3.66zm-12.1.28c-.1.02-.2.1-.28.18l-3.94 4.9c-.2.3.03.78.4.8H3.6v1.96c0 4.26-.55 3.62 3.66 3.62h8.24l-2.36-2.9H7.28c-.44 0-.72-.3-.72-.72v-1.97h2.5c.37.02.63-.5.4-.78l-3.96-4.9c-.1-.15-.3-.22-.47-.2zM5.13 174.5c-.15 0-.3.07-.38.2L.8 179.6c-.24.27 0 .82.4.8H3.6v2.32c0 4.26-.55 3.62 3.66 3.62h7.94l-2.35-2.9h-5.6c-.43 0-.7-.3-.7-.72v-2.3h2.5c.38.03.66-.54.4-.83l-3.97-4.9c-.1-.13-.23-.2-.38-.2zm12 .1c-.55-.02-1.32.03-2.4.03H6.83l2.35 2.9h5.52c.42 0 .72.28.72.72v2.34h-2.6c-.3.1-.43.53-.2.78l3.92 4.9c.18.24.6.24.78 0l3.94-4.9c.22-.3-.02-.78-.37-.8H18.4v-2.33c0-3.15.4-3.62-1.25-3.66zM4.97 193.16c-.1.03-.17.1-.22.18l-3.94 4.9c-.2.3.03.78.4.8H3.6v2.68c0 4.26-.55 3.62 3.66 3.62h7.66l-2.3-2.84c-.03-.02-.03-.04-.05-.06H7.27c-.44 0-.72-.3-.72-.72v-2.7h2.5c.37.03.63-.48.4-.77l-3.96-4.9c-.12-.17-.34-.25-.53-.2zm12.16.43c-.55-.02-1.32.03-2.4.03H7.1l2.32 2.84.03.06h5.25c.42 0 .72.28.72.72v2.7h-2.5c-.36.02-.56.54-.3.8l3.92 4.9c.18.25.6.25.78 0l3.94-4.9c.26-.28 0-.83-.37-.8H18.4v-2.7c0-3.15.4-3.62-1.25-3.66z' fill='%232B90D9' stroke-width='0'/></svg>\")}button.icon-button.disabled i.fa-retweet,button.icon-button.disabled i.fa-retweet:hover{background-image:url(\"data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='22' height='209'><path d='M4.97 3.16c-.1.03-.17.1-.22.18L.8 8.24c-.2.3.03.78.4.8H3.6v2.68c0 4.26-.55 3.62 3.66 3.62h7.66l-2.3-2.84c-.03-.02-.03-.04-.05-.06H7.27c-.44 0-.72-.3-.72-.72v-2.7h2.5c.37.03.63-.48.4-.77L5.5 3.35c-.12-.17-.34-.25-.53-.2zm12.16.43c-.55-.02-1.32.02-2.4.02H7.1l2.32 2.85.03.06h5.25c.42 0 .72.28.72.72v2.7h-2.5c-.36.02-.56.54-.3.8l3.92 4.9c.18.25.6.25.78 0l3.94-4.9c.26-.28 0-.83-.37-.8H18.4v-2.7c0-3.15.4-3.62-1.25-3.66z' fill='%236274AB' stroke-width='0'/></svg>\")}.status-direct button.icon-button.disabled i.fa-retweet,.status-direct button.icon-button.disabled i.fa-retweet:hover{background-image:url(\"data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='22' height='209'><path d='M4.97 3.16c-.1.03-.17.1-.22.18L.8 8.24c-.2.3.03.78.4.8H3.6v2.68c0 4.26-.55 3.62 3.66 3.62h7.66l-2.3-2.84c-.03-.02-.03-.04-.05-.06H7.27c-.44 0-.72-.3-.72-.72v-2.7h2.5c.37.03.63-.48.4-.77L5.5 3.35c-.12-.17-.34-.25-.53-.2zm12.16.43c-.55-.02-1.32.02-2.4.02H7.1l2.32 2.85.03.06h5.25c.42 0 .72.28.72.72v2.7h-2.5c-.36.02-.56.54-.3.8l3.92 4.9c.18.25.6.25.78 0l3.94-4.9c.26-.28 0-.83-.37-.8H18.4v-2.7c0-3.15.4-3.62-1.25-3.66z' fill='%236274AB' stroke-width='0'/></svg>\")}.account{padding:10px;border-bottom:1px solid #393f4f;color:inherit;text-decoration:none}.account .account__display-name{flex:1 1 auto;display:block;color:#dde3ec;overflow:hidden;text-decoration:none;font-size:14px}.account.small{border:none;padding:0}.account.small>.account__avatar-wrapper{margin:0 8px 0 0}.account.small>.display-name{height:24px;line-height:24px}.account__wrapper{display:flex}.account__avatar-wrapper{float:left;margin-left:12px;margin-right:12px}.account__avatar{border-radius:8%;background-position:50%;background-clip:padding-box;position:relative;cursor:pointer}.account__avatar-inline{display:inline-block;vertical-align:middle;margin-right:5px}.account__avatar-composite{border-radius:8%;background-position:50%;background-clip:padding-box;overflow:hidden;position:relative}.account__avatar-composite div{border-radius:8%;background-position:50%;background-clip:padding-box;float:left;position:relative;box-sizing:border-box}.account__avatar-composite__label{display:block;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);color:#fff;text-shadow:1px 1px 2px #000;font-weight:700;font-size:15px}.account__avatar-overlay{position:relative;width:48px;height:48px;background-size:48px 48px}.account__avatar-overlay-base{border-radius:8%;background-position:50%;background-clip:padding-box;width:36px;height:36px;background-size:36px 36px}.account__avatar-overlay-overlay{border-radius:8%;background-position:50%;background-clip:padding-box;width:24px;height:24px;background-size:24px 24px;position:absolute;bottom:0;right:0;z-index:1}.account__relationship{height:18px;padding:10px;white-space:nowrap}.account__header__wrapper{flex:0 0 auto;background:#313543}.account__disclaimer{padding:10px;color:#c2cede}.account__disclaimer strong{font-weight:500}.account__disclaimer strong:lang(ja){font-weight:700}.account__disclaimer strong:lang(ko){font-weight:700}.account__disclaimer strong:lang(zh-CN){font-weight:700}.account__disclaimer strong:lang(zh-HK){font-weight:700}.account__disclaimer strong:lang(zh-TW){font-weight:700}.account__disclaimer a{font-weight:500;color:inherit;text-decoration:underline}.account__disclaimer a:hover,.account__disclaimer a:focus,.account__disclaimer a:active{text-decoration:none}.account__action-bar{border-top:1px solid #393f4f;border-bottom:1px solid #393f4f;line-height:36px;overflow:hidden;flex:0 0 auto;display:flex}.account__action-bar-links{display:flex;flex:1 1 auto;line-height:18px;text-align:center}.account__action-bar__tab{text-decoration:none;overflow:hidden;flex:0 1 100%;border-left:1px solid #393f4f;padding:10px 0;border-bottom:4px solid transparent}.account__action-bar__tab:first-child{border-left:0}.account__action-bar__tab.active{border-bottom:4px solid #2b5fd9}.account__action-bar__tab>span{display:block;text-transform:uppercase;font-size:11px;color:#dde3ec}.account__action-bar__tab strong{display:block;font-size:15px;font-weight:500;color:#fff}.account__action-bar__tab strong:lang(ja){font-weight:700}.account__action-bar__tab strong:lang(ko){font-weight:700}.account__action-bar__tab strong:lang(zh-CN){font-weight:700}.account__action-bar__tab strong:lang(zh-HK){font-weight:700}.account__action-bar__tab strong:lang(zh-TW){font-weight:700}.account__action-bar__tab abbr{color:#2b90d9}.account-authorize{padding:14px 10px}.account-authorize .detailed-status__display-name{display:block;margin-bottom:15px;overflow:hidden}.account-authorize__avatar{float:left;margin-right:10px}.notification__message{margin-left:42px;padding:8px 0 0 26px;cursor:default;color:#dde3ec;font-size:15px;position:relative}.notification__message .fa{color:#2b90d9}.notification__message>span{display:block;overflow:hidden;text-overflow:ellipsis}.account--panel{background:#313543;border-top:1px solid #393f4f;border-bottom:1px solid #393f4f;display:flex;flex-direction:row;padding:10px 0}.account--panel__button,.detailed-status__button{flex:1 1 auto;text-align:center}.column-settings__outer{background:#393f4f;padding:15px}.column-settings__section{color:#dde3ec;cursor:default;display:block;font-weight:500;margin-bottom:10px}.column-settings__hashtags .column-settings__row{margin-bottom:15px}.column-settings__hashtags .column-select__control{outline:0;box-sizing:border-box;width:100%;border:none;box-shadow:none;font-family:inherit;background:#282c37;color:#dde3ec;font-size:14px;margin:0}.column-settings__hashtags .column-select__control::placeholder{color:#eaeef3}.column-settings__hashtags .column-select__control::-moz-focus-inner{border:0}.column-settings__hashtags .column-select__control::-moz-focus-inner,.column-settings__hashtags .column-select__control:focus,.column-settings__hashtags .column-select__control:active{outline:0 !important}.column-settings__hashtags .column-select__control:focus{background:#313543}@media screen and (max-width: 600px){.column-settings__hashtags .column-select__control{font-size:16px}}.column-settings__hashtags .column-select__placeholder{color:#c2cede;padding-left:2px;font-size:12px}.column-settings__hashtags .column-select__value-container{padding-left:6px}.column-settings__hashtags .column-select__multi-value{background:#393f4f}.column-settings__hashtags .column-select__multi-value__remove{cursor:pointer}.column-settings__hashtags .column-select__multi-value__remove:hover,.column-settings__hashtags .column-select__multi-value__remove:active,.column-settings__hashtags .column-select__multi-value__remove:focus{background:#42485a;color:#eaeef3}.column-settings__hashtags .column-select__multi-value__label,.column-settings__hashtags .column-select__input{color:#dde3ec}.column-settings__hashtags .column-select__clear-indicator,.column-settings__hashtags .column-select__dropdown-indicator{cursor:pointer;transition:none;color:#c2cede}.column-settings__hashtags .column-select__clear-indicator:hover,.column-settings__hashtags .column-select__clear-indicator:active,.column-settings__hashtags .column-select__clear-indicator:focus,.column-settings__hashtags .column-select__dropdown-indicator:hover,.column-settings__hashtags .column-select__dropdown-indicator:active,.column-settings__hashtags .column-select__dropdown-indicator:focus{color:#d0d9e5}.column-settings__hashtags .column-select__indicator-separator{background-color:#393f4f}.column-settings__hashtags .column-select__menu{background:#fff;border-radius:4px;padding:10px 14px;padding-bottom:14px;margin-top:10px;color:#364861;box-shadow:2px 4px 15px rgba(0,0,0,.4);padding:0;background:#d9e1e8}.column-settings__hashtags .column-select__menu h4{text-transform:uppercase;color:#364861;font-size:13px;font-weight:500;margin-bottom:10px}.column-settings__hashtags .column-select__menu li{padding:4px 0}.column-settings__hashtags .column-select__menu ul{margin-bottom:10px}.column-settings__hashtags .column-select__menu em{font-weight:500;color:#000}.column-settings__hashtags .column-select__menu-list{padding:6px}.column-settings__hashtags .column-select__option{color:#000;border-radius:4px;font-size:14px}.column-settings__hashtags .column-select__option--is-focused,.column-settings__hashtags .column-select__option--is-selected{background:#b9c8d5}.column-settings__row .text-btn{margin-bottom:15px}.relationship-tag{color:#fff;margin-bottom:4px;display:block;vertical-align:top;background-color:#000;text-transform:uppercase;font-size:11px;font-weight:500;padding:4px;border-radius:4px;opacity:.7}.relationship-tag:hover{opacity:1}.account-gallery__container{display:flex;flex-wrap:wrap;padding:4px 2px}.account-gallery__item{border:none;box-sizing:border-box;display:block;position:relative;border-radius:4px;overflow:hidden;margin:2px}.account-gallery__item__icons{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);font-size:24px}.notification__filter-bar,.account__section-headline{background:#1f232b;border-bottom:1px solid #393f4f;cursor:default;display:flex;flex-shrink:0}.notification__filter-bar button,.account__section-headline button{background:#1f232b;border:0;margin:0}.notification__filter-bar button,.notification__filter-bar a,.account__section-headline button,.account__section-headline a{display:block;flex:1 1 auto;color:#dde3ec;padding:15px 0;font-size:14px;font-weight:500;text-align:center;text-decoration:none;position:relative}.notification__filter-bar button.active,.notification__filter-bar a.active,.account__section-headline button.active,.account__section-headline a.active{color:#ecf0f4}.notification__filter-bar button.active::before,.notification__filter-bar button.active::after,.notification__filter-bar a.active::before,.notification__filter-bar a.active::after,.account__section-headline button.active::before,.account__section-headline button.active::after,.account__section-headline a.active::before,.account__section-headline a.active::after{display:block;content:\"\";position:absolute;bottom:0;left:50%;width:0;height:0;transform:translateX(-50%);border-style:solid;border-width:0 10px 10px;border-color:transparent transparent #393f4f}.notification__filter-bar button.active::after,.notification__filter-bar a.active::after,.account__section-headline button.active::after,.account__section-headline a.active::after{bottom:-1px;border-color:transparent transparent #282c37}.notification__filter-bar.directory__section-headline,.account__section-headline.directory__section-headline{background:#242731;border-bottom-color:transparent}.notification__filter-bar.directory__section-headline a.active::before,.notification__filter-bar.directory__section-headline button.active::before,.account__section-headline.directory__section-headline a.active::before,.account__section-headline.directory__section-headline button.active::before{display:none}.notification__filter-bar.directory__section-headline a.active::after,.notification__filter-bar.directory__section-headline button.active::after,.account__section-headline.directory__section-headline a.active::after,.account__section-headline.directory__section-headline button.active::after{border-color:transparent transparent #191b22}.account__moved-note{padding:14px 10px;padding-bottom:16px;background:#313543;border-top:1px solid #393f4f;border-bottom:1px solid #393f4f}.account__moved-note__message{position:relative;margin-left:58px;color:#c2cede;padding:8px 0;padding-top:0;padding-bottom:4px;font-size:14px}.account__moved-note__message>span{display:block;overflow:hidden;text-overflow:ellipsis}.account__moved-note__icon-wrapper{left:-26px;position:absolute}.account__moved-note .detailed-status__display-avatar{position:relative}.account__moved-note .detailed-status__display-name{margin-bottom:0}.account__header__content{color:#dde3ec;font-size:14px;font-weight:400;overflow:hidden;word-break:normal;word-wrap:break-word}.account__header__content p{margin-bottom:20px}.account__header__content p:last-child{margin-bottom:0}.account__header__content a{color:inherit;text-decoration:underline}.account__header__content a:hover{text-decoration:none}.account__header{overflow:hidden}.account__header.inactive{opacity:.5}.account__header.inactive .account__header__image,.account__header.inactive .account__avatar{filter:grayscale(100%)}.account__header__info{position:absolute;top:10px;left:10px}.account__header__image{overflow:hidden;height:145px;position:relative;background:#1f232b}.account__header__image img{object-fit:cover;display:block;width:100%;height:100%;margin:0}.account__header__bar{position:relative;background:#313543;padding:5px;border-bottom:1px solid #42485a}.account__header__bar .avatar{display:block;flex:0 0 auto;width:94px;margin-left:-2px}.account__header__bar .avatar .account__avatar{background:#17191f;border:2px solid #313543}.account__header__tabs{display:flex;align-items:flex-start;padding:7px 5px;margin-top:-55px}.account__header__tabs__buttons{display:flex;align-items:center;padding-top:55px;overflow:hidden}.account__header__tabs__buttons .icon-button{border:1px solid #42485a;border-radius:4px;box-sizing:content-box;padding:2px}.account__header__tabs__buttons .button{margin:0 8px}.account__header__tabs__name{padding:5px}.account__header__tabs__name .account-role{vertical-align:top}.account__header__tabs__name .emojione{width:22px;height:22px}.account__header__tabs__name h1{font-size:16px;line-height:24px;color:#fff;font-weight:500;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.account__header__tabs__name h1 small{display:block;font-size:14px;color:#dde3ec;font-weight:400;overflow:hidden;text-overflow:ellipsis}.account__header__tabs .spacer{flex:1 1 auto}.account__header__bio{overflow:hidden;margin:0 -5px}.account__header__bio .account__header__content{padding:20px 15px;padding-bottom:5px;color:#fff}.account__header__bio .account__header__fields{margin:0;border-top:1px solid #42485a}.account__header__bio .account__header__fields a{color:#4e79df}.account__header__bio .account__header__fields dl:first-child .verified{border-radius:0 4px 0 0}.account__header__bio .account__header__fields .verified a{color:#79bd9a}.account__header__extra{margin-top:4px}.account__header__extra__links{font-size:14px;color:#dde3ec;padding:10px 0}.account__header__extra__links a{display:inline-block;color:#dde3ec;text-decoration:none;padding:5px 10px;font-weight:500}.account__header__extra__links a strong{font-weight:700;color:#fff}.domain{padding:10px;border-bottom:1px solid #393f4f}.domain .domain__domain-name{flex:1 1 auto;display:block;color:#fff;text-decoration:none;font-size:14px;font-weight:500}.domain__wrapper{display:flex}.domain_buttons{height:18px;padding:10px;white-space:nowrap}@keyframes spring-flip-in{0%{transform:rotate(0deg)}30%{transform:rotate(-242.4deg)}60%{transform:rotate(-158.35deg)}90%{transform:rotate(-187.5deg)}100%{transform:rotate(-180deg)}}@keyframes spring-flip-out{0%{transform:rotate(-180deg)}30%{transform:rotate(62.4deg)}60%{transform:rotate(-21.635deg)}90%{transform:rotate(7.5deg)}100%{transform:rotate(0deg)}}.status__content--with-action{cursor:pointer}.status__content{position:relative;margin:10px 0;font-size:15px;line-height:20px;word-wrap:break-word;font-weight:400;overflow:visible;padding-top:5px}.status__content:focus{outline:0}.status__content .emojione{width:20px;height:20px;margin:-3px 0 0}.status__content img{max-width:100%;max-height:400px;object-fit:contain}.status__content p,.status__content pre,.status__content blockquote{margin-bottom:20px;white-space:pre-wrap}.status__content p:last-child,.status__content pre:last-child,.status__content blockquote:last-child{margin-bottom:0}.status__content .status__content__text,.status__content .e-content{overflow:hidden}.status__content .status__content__text>ul,.status__content .status__content__text>ol,.status__content .e-content>ul,.status__content .e-content>ol{margin-bottom:20px}.status__content .status__content__text h1,.status__content .status__content__text h2,.status__content .status__content__text h3,.status__content .status__content__text h4,.status__content .status__content__text h5,.status__content .e-content h1,.status__content .e-content h2,.status__content .e-content h3,.status__content .e-content h4,.status__content .e-content h5{margin-top:20px;margin-bottom:20px}.status__content .status__content__text h1,.status__content .status__content__text h2,.status__content .e-content h1,.status__content .e-content h2{font-weight:700;font-size:1.2em}.status__content .status__content__text h2,.status__content .e-content h2{font-size:1.1em}.status__content .status__content__text h3,.status__content .status__content__text h4,.status__content .status__content__text h5,.status__content .e-content h3,.status__content .e-content h4,.status__content .e-content h5{font-weight:500}.status__content .status__content__text blockquote,.status__content .e-content blockquote{padding-left:10px;border-left:3px solid #dde3ec;color:#dde3ec;white-space:normal}.status__content .status__content__text blockquote p:last-child,.status__content .e-content blockquote p:last-child{margin-bottom:0}.status__content .status__content__text b,.status__content .status__content__text strong,.status__content .e-content b,.status__content .e-content strong{font-weight:700}.status__content .status__content__text em,.status__content .status__content__text i,.status__content .e-content em,.status__content .e-content i{font-style:italic}.status__content .status__content__text sub,.status__content .e-content sub{font-size:smaller;text-align:sub}.status__content .status__content__text sup,.status__content .e-content sup{font-size:smaller;vertical-align:super}.status__content .status__content__text ul,.status__content .status__content__text ol,.status__content .e-content ul,.status__content .e-content ol{margin-left:1em}.status__content .status__content__text ul p,.status__content .status__content__text ol p,.status__content .e-content ul p,.status__content .e-content ol p{margin:0}.status__content .status__content__text ul,.status__content .e-content ul{list-style-type:disc}.status__content .status__content__text ol,.status__content .e-content ol{list-style-type:decimal}.status__content a{color:#d8a070;text-decoration:none}.status__content a:hover{text-decoration:underline}.status__content a:hover .fa{color:#dae1ea}.status__content a.mention:hover{text-decoration:none}.status__content a.mention:hover span{text-decoration:underline}.status__content a .fa{color:#c2cede}.status__content .status__content__spoiler{display:none}.status__content .status__content__spoiler.status__content__spoiler--visible{display:block}.status__content a.unhandled-link{color:#4e79df}.status__content a.unhandled-link .link-origin-tag{color:#ca8f04;font-size:.8em}.status__content .status__content__spoiler-link{background:#687390}.status__content .status__content__spoiler-link:hover{background:#707b97;text-decoration:none}.status__content__spoiler-link{display:inline-block;border-radius:2px;background:#687390;border:none;color:#000;font-weight:500;font-size:11px;padding:0 5px;text-transform:uppercase;line-height:inherit;cursor:pointer;vertical-align:bottom}.status__content__spoiler-link:hover{background:#707b97;text-decoration:none}.status__content__spoiler-link .status__content__spoiler-icon{display:inline-block;margin:0 0 0 5px;border-left:1px solid currentColor;padding:0 0 0 4px;font-size:16px;vertical-align:-2px}.notif-cleaning .status,.notif-cleaning .notification-follow,.notif-cleaning .notification-follow-request{padding-right:4.5rem}.status__wrapper--filtered{color:#c2cede;border:0;font-size:inherit;text-align:center;line-height:inherit;margin:0;padding:15px;box-sizing:border-box;width:100%;clear:both;border-bottom:1px solid #393f4f}.status__prepend-icon-wrapper{left:-26px;position:absolute}.notification-follow,.notification-follow-request{position:relative;border-bottom:1px solid #393f4f}.notification-follow .account,.notification-follow-request .account{border-bottom:0 none}.focusable:focus{outline:0;background:#313543}.focusable:focus.status.status-direct:not(.read){background:#42485a}.focusable:focus.status.status-direct:not(.read).muted{background:transparent}.focusable:focus .detailed-status,.focusable:focus .detailed-status__action-bar{background:#393f4f}.status{padding:10px 14px;position:relative;height:auto;border-bottom:1px solid #393f4f;cursor:default;opacity:1;animation:fade 150ms linear}@supports(-ms-overflow-style: -ms-autohiding-scrollbar){.status{padding-right:28px}}@keyframes fade{0%{opacity:0}100%{opacity:1}}.status .video-player,.status .audio-player{margin-top:8px}.status.status-direct:not(.read){background:#393f4f;border-bottom-color:#42485a}.status.light .status__relative-time{color:#1b1e25}.status.light .status__display-name{color:#000}.status.light .display-name{color:#364861}.status.light .display-name strong{color:#000}.status.light .status__content{color:#000}.status.light .status__content a{color:#2b90d9}.status.light .status__content a.status__content__spoiler-link{color:#fff;background:#9baec8}.status.light .status__content a.status__content__spoiler-link:hover{background:#b5c3d6}.status.collapsed{background-position:center;background-size:cover;user-select:none}.status.collapsed.has-background::before{display:block;position:absolute;left:0;right:0;top:0;bottom:0;background-image:linear-gradient(to bottom, rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0.65) 24px, rgba(0, 0, 0, 0.8));pointer-events:none;content:\"\"}.status.collapsed .display-name:hover .display-name__html{text-decoration:none}.status.collapsed .status__content{height:20px;overflow:hidden;text-overflow:ellipsis;padding-top:0}.status.collapsed .status__content:after{content:\"\";position:absolute;top:0;bottom:0;left:0;right:0;background:linear-gradient(rgba(40, 44, 55, 0), #282c37);pointer-events:none}.status.collapsed .status__content a:hover{text-decoration:none}.status.collapsed:focus>.status__content:after{background:linear-gradient(rgba(49, 53, 67, 0), #313543)}.status.collapsed.status-direct:not(.read)>.status__content:after{background:linear-gradient(rgba(57, 63, 79, 0), #393f4f)}.status.collapsed .notification__message{margin-bottom:0}.status.collapsed .status__info .notification__message>span{white-space:nowrap}.status .notification__message{margin:-10px 0px 10px 0}.notification-favourite .status.status-direct{background:transparent}.notification-favourite .status.status-direct .icon-button.disabled{color:#b8c0d9}.status__relative-time{display:inline-block;flex-grow:1;color:#c2cede;font-size:14px;text-align:right;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.status__display-name{color:#c2cede;overflow:hidden}.status__info__account .status__display-name{display:block;max-width:100%}.status__info{display:flex;justify-content:space-between;font-size:15px}.status__info>span{text-overflow:ellipsis;overflow:hidden}.status__info .notification__message>span{word-wrap:break-word}.status__info__icons{display:flex;align-items:center;height:1em;color:#8d9ac2}.status__info__icons .status__media-icon,.status__info__icons .status__visibility-icon,.status__info__icons .status__reply-icon{padding-left:2px;padding-right:2px}.status__info__icons .status__collapse-button.active>.fa-angle-double-up{transform:rotate(-180deg)}.no-reduce-motion .status__collapse-button.activate>.fa-angle-double-up{animation:spring-flip-in 1s linear}.no-reduce-motion .status__collapse-button.deactivate>.fa-angle-double-up{animation:spring-flip-out 1s linear}.status__info__account{display:flex;align-items:center;justify-content:flex-start}.status-check-box{border-bottom:1px solid #d9e1e8;display:flex}.status-check-box .status-check-box__status{margin:10px 0 10px 10px;flex:1;overflow:hidden}.status-check-box .status-check-box__status .media-gallery{max-width:250px}.status-check-box .status-check-box__status .status__content{padding:0;white-space:normal}.status-check-box .status-check-box__status .video-player,.status-check-box .status-check-box__status .audio-player{margin-top:8px;max-width:250px}.status-check-box .status-check-box__status .media-gallery__item-thumbnail{cursor:default}.status-check-box-toggle{align-items:center;display:flex;flex:0 0 auto;justify-content:center;padding:10px}.status__prepend{margin-top:-10px;margin-bottom:10px;margin-left:58px;color:#c2cede;padding:8px 0;padding-bottom:2px;font-size:14px;position:relative}.status__prepend .status__display-name strong{color:#c2cede}.status__prepend>span{display:block;overflow:hidden;text-overflow:ellipsis}.status__action-bar{align-items:center;display:flex;margin-top:8px}.status__action-bar__counter{display:inline-flex;margin-right:11px;align-items:center}.status__action-bar__counter .status__action-bar-button{margin-right:4px}.status__action-bar__counter__label{display:inline-block;width:14px;font-size:12px;font-weight:500;color:#8d9ac2}.status__action-bar-button{margin-right:18px}.status__action-bar-dropdown{height:23.15px;width:23.15px}.detailed-status__action-bar-dropdown{flex:1 1 auto;display:flex;align-items:center;justify-content:center;position:relative}.detailed-status{background:#313543;padding:14px 10px}.detailed-status--flex{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-start}.detailed-status--flex .status__content,.detailed-status--flex .detailed-status__meta{flex:100%}.detailed-status .status__content{font-size:19px;line-height:24px}.detailed-status .status__content .emojione{width:24px;height:24px;margin:-1px 0 0}.detailed-status .video-player,.detailed-status .audio-player{margin-top:8px}.detailed-status__meta{margin-top:15px;color:#c2cede;font-size:14px;line-height:18px}.detailed-status__action-bar{background:#313543;border-top:1px solid #393f4f;border-bottom:1px solid #393f4f;display:flex;flex-direction:row;padding:10px 0}.detailed-status__link{color:inherit;text-decoration:none}.detailed-status__favorites,.detailed-status__reblogs{display:inline-block;font-weight:500;font-size:12px;margin-left:6px}.status__display-name,.status__relative-time,.detailed-status__display-name,.detailed-status__datetime,.detailed-status__application,.account__display-name{text-decoration:none}.status__display-name strong,.account__display-name strong{color:#fff}.muted .emojione{opacity:.5}a.status__display-name:hover strong,.reply-indicator__display-name:hover strong,.detailed-status__display-name:hover strong,.account__display-name:hover strong{text-decoration:underline}.account__display-name strong{display:block;overflow:hidden;text-overflow:ellipsis}.detailed-status__application,.detailed-status__datetime{color:inherit}.detailed-status .button.logo-button{margin-bottom:15px}.detailed-status__display-name{color:#ecf0f4;display:block;line-height:24px;margin-bottom:15px;overflow:hidden}.detailed-status__display-name strong,.detailed-status__display-name span{display:block;text-overflow:ellipsis;overflow:hidden}.detailed-status__display-name strong{font-size:16px;color:#fff}.detailed-status__display-avatar{float:left;margin-right:10px}.status__avatar{flex:none;margin:0 10px 0 0;height:48px;width:48px}.muted .status__content,.muted .status__content p,.muted .status__content a,.muted .status__content__text{color:#c2cede}.muted .status__display-name strong{color:#c2cede}.muted .status__avatar{opacity:.5}.muted a.status__content__spoiler-link{background:#606984;color:#000}.muted a.status__content__spoiler-link:hover{background:#66718d;text-decoration:none}.status__relative-time:hover,.detailed-status__datetime:hover{text-decoration:underline}.status-card{display:flex;font-size:14px;border:1px solid #393f4f;border-radius:4px;color:#c2cede;margin-top:14px;text-decoration:none;overflow:hidden}.status-card__actions{bottom:0;left:0;position:absolute;right:0;top:0;display:flex;justify-content:center;align-items:center}.status-card__actions>div{background:rgba(0,0,0,.6);border-radius:8px;padding:12px 9px;flex:0 0 auto;display:flex;justify-content:center;align-items:center}.status-card__actions button,.status-card__actions a{display:inline;color:#ecf0f4;background:transparent;border:0;padding:0 8px;text-decoration:none;font-size:18px;line-height:18px}.status-card__actions button:hover,.status-card__actions button:active,.status-card__actions button:focus,.status-card__actions a:hover,.status-card__actions a:active,.status-card__actions a:focus{color:#fff}.status-card__actions a{font-size:19px;position:relative;bottom:-1px}.status-card__actions a .fa,.status-card__actions a:hover .fa{color:inherit}a.status-card{cursor:pointer}a.status-card:hover{background:#393f4f}.status-card-photo{cursor:zoom-in;display:block;text-decoration:none;width:100%;height:auto;margin:0}.status-card-video iframe{width:100%;height:100%}.status-card__title{display:block;font-weight:500;margin-bottom:5px;color:#dde3ec;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-decoration:none}.status-card__content{flex:1 1 auto;overflow:hidden;padding:14px 14px 14px 8px}.status-card__description{color:#dde3ec}.status-card__host{display:block;margin-top:5px;font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.status-card__image{flex:0 0 100px;background:#393f4f;position:relative}.status-card__image>.fa{font-size:21px;position:absolute;transform-origin:50% 50%;top:50%;left:50%;transform:translate(-50%, -50%)}.status-card.horizontal{display:block}.status-card.horizontal .status-card__image{width:100%}.status-card.horizontal .status-card__image-image{border-radius:4px 4px 0 0}.status-card.horizontal .status-card__title{white-space:inherit}.status-card.compact{border-color:#313543}.status-card.compact.interactive{border:0}.status-card.compact .status-card__content{padding:8px;padding-top:10px}.status-card.compact .status-card__title{white-space:nowrap}.status-card.compact .status-card__image{flex:0 0 60px}a.status-card.compact:hover{background-color:#313543}.status-card__image-image{border-radius:4px 0 0 4px;display:block;margin:0;width:100%;height:100%;object-fit:cover;background-size:cover;background-position:center center}.attachment-list{display:flex;font-size:14px;border:1px solid #393f4f;border-radius:4px;margin-top:14px;overflow:hidden}.attachment-list__icon{flex:0 0 auto;color:#c2cede;padding:8px 18px;cursor:default;border-right:1px solid #393f4f;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:26px}.attachment-list__icon .fa{display:block}.attachment-list__list{list-style:none;padding:4px 0;padding-left:8px;display:flex;flex-direction:column;justify-content:center}.attachment-list__list li{display:block;padding:4px 0}.attachment-list__list a{text-decoration:none;color:#c2cede;font-weight:500}.attachment-list__list a:hover{text-decoration:underline}.attachment-list.compact{border:0;margin-top:4px}.attachment-list.compact .attachment-list__list{padding:0;display:block}.attachment-list.compact .fa{color:#c2cede}.status__wrapper--filtered__button{display:inline;color:#4e79df;border:0;background:transparent;padding:0;font-size:inherit;line-height:inherit}.status__wrapper--filtered__button:hover,.status__wrapper--filtered__button:active{text-decoration:underline}.modal-container--preloader{background:#393f4f}.modal-root{position:relative;transition:opacity .3s linear;will-change:opacity;z-index:9999}.modal-root__overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.7)}.modal-root__container{position:fixed;top:0;left:0;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;align-content:space-around;z-index:9999;pointer-events:none;user-select:none}.modal-root__modal{pointer-events:auto;display:flex;z-index:9999}.onboarding-modal,.error-modal,.embed-modal{background:#d9e1e8;color:#000;border-radius:8px;overflow:hidden;display:flex;flex-direction:column}.onboarding-modal__pager{height:80vh;width:80vw;max-width:520px;max-height:470px}.onboarding-modal__pager .react-swipeable-view-container>div{width:100%;height:100%;box-sizing:border-box;display:none;flex-direction:column;align-items:center;justify-content:center;display:flex;user-select:text}.error-modal__body{height:80vh;width:80vw;max-width:520px;max-height:420px;position:relative}.error-modal__body>div{position:absolute;top:0;left:0;width:100%;height:100%;box-sizing:border-box;padding:25px;display:none;flex-direction:column;align-items:center;justify-content:center;display:flex;opacity:0;user-select:text}.error-modal__body{display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center}@media screen and (max-width: 550px){.onboarding-modal{width:100%;height:100%;border-radius:0}.onboarding-modal__pager{width:100%;height:auto;max-width:none;max-height:none;flex:1 1 auto}}.onboarding-modal__paginator,.error-modal__footer{flex:0 0 auto;background:#c0cdd9;display:flex;padding:25px}.onboarding-modal__paginator>div,.error-modal__footer>div{min-width:33px}.onboarding-modal__paginator .onboarding-modal__nav,.onboarding-modal__paginator .error-modal__nav,.error-modal__footer .onboarding-modal__nav,.error-modal__footer .error-modal__nav{color:#1b1e25;border:0;font-size:14px;font-weight:500;padding:10px 25px;line-height:inherit;height:auto;margin:-10px;border-radius:4px;background-color:transparent}.onboarding-modal__paginator .onboarding-modal__nav:hover,.onboarding-modal__paginator .onboarding-modal__nav:focus,.onboarding-modal__paginator .onboarding-modal__nav:active,.onboarding-modal__paginator .error-modal__nav:hover,.onboarding-modal__paginator .error-modal__nav:focus,.onboarding-modal__paginator .error-modal__nav:active,.error-modal__footer .onboarding-modal__nav:hover,.error-modal__footer .onboarding-modal__nav:focus,.error-modal__footer .onboarding-modal__nav:active,.error-modal__footer .error-modal__nav:hover,.error-modal__footer .error-modal__nav:focus,.error-modal__footer .error-modal__nav:active{color:#131419;background-color:#a6b9c9}.onboarding-modal__paginator .onboarding-modal__nav.onboarding-modal__done,.onboarding-modal__paginator .onboarding-modal__nav.onboarding-modal__next,.onboarding-modal__paginator .error-modal__nav.onboarding-modal__done,.onboarding-modal__paginator .error-modal__nav.onboarding-modal__next,.error-modal__footer .onboarding-modal__nav.onboarding-modal__done,.error-modal__footer .onboarding-modal__nav.onboarding-modal__next,.error-modal__footer .error-modal__nav.onboarding-modal__done,.error-modal__footer .error-modal__nav.onboarding-modal__next{color:#000}.onboarding-modal__paginator .onboarding-modal__nav.onboarding-modal__done:hover,.onboarding-modal__paginator .onboarding-modal__nav.onboarding-modal__done:focus,.onboarding-modal__paginator .onboarding-modal__nav.onboarding-modal__done:active,.onboarding-modal__paginator .onboarding-modal__nav.onboarding-modal__next:hover,.onboarding-modal__paginator .onboarding-modal__nav.onboarding-modal__next:focus,.onboarding-modal__paginator .onboarding-modal__nav.onboarding-modal__next:active,.onboarding-modal__paginator .error-modal__nav.onboarding-modal__done:hover,.onboarding-modal__paginator .error-modal__nav.onboarding-modal__done:focus,.onboarding-modal__paginator .error-modal__nav.onboarding-modal__done:active,.onboarding-modal__paginator .error-modal__nav.onboarding-modal__next:hover,.onboarding-modal__paginator .error-modal__nav.onboarding-modal__next:focus,.onboarding-modal__paginator .error-modal__nav.onboarding-modal__next:active,.error-modal__footer .onboarding-modal__nav.onboarding-modal__done:hover,.error-modal__footer .onboarding-modal__nav.onboarding-modal__done:focus,.error-modal__footer .onboarding-modal__nav.onboarding-modal__done:active,.error-modal__footer .onboarding-modal__nav.onboarding-modal__next:hover,.error-modal__footer .onboarding-modal__nav.onboarding-modal__next:focus,.error-modal__footer .onboarding-modal__nav.onboarding-modal__next:active,.error-modal__footer .error-modal__nav.onboarding-modal__done:hover,.error-modal__footer .error-modal__nav.onboarding-modal__done:focus,.error-modal__footer .error-modal__nav.onboarding-modal__done:active,.error-modal__footer .error-modal__nav.onboarding-modal__next:hover,.error-modal__footer .error-modal__nav.onboarding-modal__next:focus,.error-modal__footer .error-modal__nav.onboarding-modal__next:active{color:#0a0a0a}.error-modal__footer{justify-content:center}.onboarding-modal__dots{flex:1 1 auto;display:flex;align-items:center;justify-content:center}.onboarding-modal__dot{width:14px;height:14px;border-radius:14px;background:#a6b9c9;margin:0 3px;cursor:pointer}.onboarding-modal__dot:hover{background:#a0b4c5}.onboarding-modal__dot.active{cursor:default;background:#8da5ba}.onboarding-modal__page__wrapper{pointer-events:none;padding:25px;padding-bottom:0}.onboarding-modal__page__wrapper.onboarding-modal__page__wrapper--active{pointer-events:auto}.onboarding-modal__page{cursor:default;line-height:21px}.onboarding-modal__page h1{font-size:18px;font-weight:500;color:#000;margin-bottom:20px}.onboarding-modal__page a{color:#2b90d9}.onboarding-modal__page a:hover,.onboarding-modal__page a:focus,.onboarding-modal__page a:active{color:#3c99dc}.onboarding-modal__page .navigation-bar a{color:inherit}.onboarding-modal__page p{font-size:16px;color:#1b1e25;margin-top:10px;margin-bottom:10px}.onboarding-modal__page p:last-child{margin-bottom:0}.onboarding-modal__page p strong{font-weight:500;background:#282c37;color:#ecf0f4;border-radius:4px;font-size:14px;padding:3px 6px}.onboarding-modal__page p strong:lang(ja){font-weight:700}.onboarding-modal__page p strong:lang(ko){font-weight:700}.onboarding-modal__page p strong:lang(zh-CN){font-weight:700}.onboarding-modal__page p strong:lang(zh-HK){font-weight:700}.onboarding-modal__page p strong:lang(zh-TW){font-weight:700}.onboarding-modal__page__wrapper-0{height:100%;padding:0}.onboarding-modal__page-one__lead{padding:65px;padding-top:45px;padding-bottom:0;margin-bottom:10px}.onboarding-modal__page-one__lead h1{font-size:26px;line-height:36px;margin-bottom:8px}.onboarding-modal__page-one__lead p{margin-bottom:0}.onboarding-modal__page-one__extra{padding-right:65px;padding-left:185px;text-align:center}.display-case{text-align:center;font-size:15px;margin-bottom:15px}.display-case__label{font-weight:500;color:#000;margin-bottom:5px;text-transform:uppercase;font-size:12px}.display-case__case{background:#282c37;color:#ecf0f4;font-weight:500;padding:10px;border-radius:4px}.onboarding-modal__page-two p,.onboarding-modal__page-three p,.onboarding-modal__page-four p,.onboarding-modal__page-five p{text-align:left}.onboarding-modal__page-two .figure,.onboarding-modal__page-three .figure,.onboarding-modal__page-four .figure,.onboarding-modal__page-five .figure{background:#17191f;color:#ecf0f4;margin-bottom:20px;border-radius:4px;padding:10px;text-align:center;font-size:14px;box-shadow:1px 2px 6px rgba(0,0,0,.3)}.onboarding-modal__page-two .figure .onboarding-modal__image,.onboarding-modal__page-three .figure .onboarding-modal__image,.onboarding-modal__page-four .figure .onboarding-modal__image,.onboarding-modal__page-five .figure .onboarding-modal__image{border-radius:4px;margin-bottom:10px}.onboarding-modal__page-two .figure.non-interactive,.onboarding-modal__page-three .figure.non-interactive,.onboarding-modal__page-four .figure.non-interactive,.onboarding-modal__page-five .figure.non-interactive{pointer-events:none;text-align:left}.onboarding-modal__page-four__columns .row{display:flex;margin-bottom:20px}.onboarding-modal__page-four__columns .row>div{flex:1 1 0;margin:0 10px}.onboarding-modal__page-four__columns .row>div:first-child{margin-left:0}.onboarding-modal__page-four__columns .row>div:last-child{margin-right:0}.onboarding-modal__page-four__columns .row>div p{text-align:center}.onboarding-modal__page-four__columns .row:last-child{margin-bottom:0}.onboarding-modal__page-four__columns .column-header{color:#fff}@media screen and (max-width: 320px)and (max-height: 600px){.onboarding-modal__page p{font-size:14px;line-height:20px}.onboarding-modal__page-two .figure,.onboarding-modal__page-three .figure,.onboarding-modal__page-four .figure,.onboarding-modal__page-five .figure{font-size:12px;margin-bottom:10px}.onboarding-modal__page-four__columns .row{margin-bottom:10px}.onboarding-modal__page-four__columns .column-header{padding:5px;font-size:12px}}.onboard-sliders{display:inline-block;max-width:30px;max-height:auto;margin-left:10px}.boost-modal,.doodle-modal,.favourite-modal,.confirmation-modal,.report-modal,.actions-modal,.mute-modal,.block-modal{background:#f2f5f7;color:#000;border-radius:8px;overflow:hidden;max-width:90vw;width:480px;position:relative;flex-direction:column}.boost-modal .status__relative-time,.doodle-modal .status__relative-time,.favourite-modal .status__relative-time,.confirmation-modal .status__relative-time,.report-modal .status__relative-time,.actions-modal .status__relative-time,.mute-modal .status__relative-time,.block-modal .status__relative-time{color:#c2cede;float:right;font-size:14px;width:auto;margin:initial;padding:initial}.boost-modal .status__display-name,.doodle-modal .status__display-name,.favourite-modal .status__display-name,.confirmation-modal .status__display-name,.report-modal .status__display-name,.actions-modal .status__display-name,.mute-modal .status__display-name,.block-modal .status__display-name{display:flex}.boost-modal .status__avatar,.doodle-modal .status__avatar,.favourite-modal .status__avatar,.confirmation-modal .status__avatar,.report-modal .status__avatar,.actions-modal .status__avatar,.mute-modal .status__avatar,.block-modal .status__avatar{height:48px;width:48px}.boost-modal .status__content__spoiler-link,.doodle-modal .status__content__spoiler-link,.favourite-modal .status__content__spoiler-link,.confirmation-modal .status__content__spoiler-link,.report-modal .status__content__spoiler-link,.actions-modal .status__content__spoiler-link,.mute-modal .status__content__spoiler-link,.block-modal .status__content__spoiler-link{color:#fff}.actions-modal .status{background:#fff;border-bottom-color:#d9e1e8;padding-top:10px;padding-bottom:10px}.actions-modal .dropdown-menu__separator{border-bottom-color:#d9e1e8}.boost-modal__container,.favourite-modal__container{overflow-x:scroll;padding:10px}.boost-modal__container .status,.favourite-modal__container .status{user-select:text;border-bottom:0}.boost-modal__action-bar,.doodle-modal__action-bar,.favourite-modal__action-bar,.confirmation-modal__action-bar,.mute-modal__action-bar,.block-modal__action-bar{display:flex;justify-content:space-between;background:#d9e1e8;padding:10px;line-height:36px}.boost-modal__action-bar>div,.doodle-modal__action-bar>div,.favourite-modal__action-bar>div,.confirmation-modal__action-bar>div,.mute-modal__action-bar>div,.block-modal__action-bar>div{flex:1 1 auto;text-align:right;color:#1b1e25;padding-right:10px}.boost-modal__action-bar .button,.doodle-modal__action-bar .button,.favourite-modal__action-bar .button,.confirmation-modal__action-bar .button,.mute-modal__action-bar .button,.block-modal__action-bar .button{flex:0 0 auto}.boost-modal__status-header,.favourite-modal__status-header{font-size:15px}.boost-modal__status-time,.favourite-modal__status-time{float:right;font-size:14px}.mute-modal,.block-modal{line-height:24px}.mute-modal .react-toggle,.block-modal .react-toggle{vertical-align:middle}.report-modal{width:90vw;max-width:700px}.report-modal__container{display:flex;border-top:1px solid #d9e1e8}@media screen and (max-width: 480px){.report-modal__container{flex-wrap:wrap;overflow-y:auto}}.report-modal__statuses,.report-modal__comment{box-sizing:border-box;width:50%}@media screen and (max-width: 480px){.report-modal__statuses,.report-modal__comment{width:100%}}.report-modal__statuses,.focal-point-modal__content{flex:1 1 auto;min-height:20vh;max-height:80vh;overflow-y:auto;overflow-x:hidden}.report-modal__statuses .status__content a,.focal-point-modal__content .status__content a{color:#2b90d9}@media screen and (max-width: 480px){.report-modal__statuses,.focal-point-modal__content{max-height:10vh}}@media screen and (max-width: 480px){.focal-point-modal__content{max-height:40vh}}.report-modal__comment{padding:20px;border-right:1px solid #d9e1e8;max-width:320px}.report-modal__comment p{font-size:14px;line-height:20px;margin-bottom:20px}.report-modal__comment .setting-text{display:block;box-sizing:border-box;width:100%;margin:0;color:#000;background:#fff;padding:10px;font-family:inherit;font-size:14px;resize:none;border:0;outline:0;border-radius:4px;border:1px solid #d9e1e8;min-height:100px;max-height:50vh;margin-bottom:10px}.report-modal__comment .setting-text:focus{border:1px solid #c0cdd9}.report-modal__comment .setting-text__wrapper{background:#fff;border:1px solid #d9e1e8;margin-bottom:10px;border-radius:4px}.report-modal__comment .setting-text__wrapper .setting-text{border:0;margin-bottom:0;border-radius:0}.report-modal__comment .setting-text__wrapper .setting-text:focus{border:0}.report-modal__comment .setting-text__wrapper__modifiers{color:#000;font-family:inherit;font-size:14px;background:#fff}.report-modal__comment .setting-text__toolbar{display:flex;justify-content:space-between;margin-bottom:20px}.report-modal__comment .setting-text-label{display:block;color:#000;font-size:14px;font-weight:500;margin-bottom:10px}.report-modal__comment .setting-toggle{margin-top:20px;margin-bottom:24px}.report-modal__comment .setting-toggle__label{color:#000;font-size:14px}@media screen and (max-width: 480px){.report-modal__comment{padding:10px;max-width:100%;order:2}.report-modal__comment .setting-toggle{margin-bottom:4px}}.actions-modal{max-height:80vh;max-width:80vw}.actions-modal .status{overflow-y:auto;max-height:300px}.actions-modal strong{display:block;font-weight:500}.actions-modal .actions-modal__item-label{font-weight:500}.actions-modal ul{overflow-y:auto;flex-shrink:0;max-height:80vh}.actions-modal ul.with-status{max-height:calc(80vh - 75px)}.actions-modal ul li:empty{margin:0}.actions-modal ul li:not(:empty) a{color:#000;display:flex;padding:12px 16px;font-size:15px;align-items:center;text-decoration:none}.actions-modal ul li:not(:empty) a,.actions-modal ul li:not(:empty) a button{transition:none}.actions-modal ul li:not(:empty) a.active,.actions-modal ul li:not(:empty) a.active button,.actions-modal ul li:not(:empty) a:hover,.actions-modal ul li:not(:empty) a:hover button,.actions-modal ul li:not(:empty) a:active,.actions-modal ul li:not(:empty) a:active button,.actions-modal ul li:not(:empty) a:focus,.actions-modal ul li:not(:empty) a:focus button{background:#2b5fd9;color:#fff}.actions-modal ul li:not(:empty) a>.react-toggle,.actions-modal ul li:not(:empty) a>.icon,.actions-modal ul li:not(:empty) a button:first-child{margin-right:10px}.confirmation-modal__action-bar .confirmation-modal__secondary-button,.mute-modal__action-bar .confirmation-modal__secondary-button,.block-modal__action-bar .confirmation-modal__secondary-button{flex-shrink:1}.confirmation-modal__secondary-button,.confirmation-modal__cancel-button,.mute-modal__cancel-button,.block-modal__cancel-button{background-color:transparent;color:#1b1e25;font-size:14px;font-weight:500}.confirmation-modal__secondary-button:hover,.confirmation-modal__secondary-button:focus,.confirmation-modal__secondary-button:active,.confirmation-modal__cancel-button:hover,.confirmation-modal__cancel-button:focus,.confirmation-modal__cancel-button:active,.mute-modal__cancel-button:hover,.mute-modal__cancel-button:focus,.mute-modal__cancel-button:active,.block-modal__cancel-button:hover,.block-modal__cancel-button:focus,.block-modal__cancel-button:active{color:#131419;background-color:transparent}.confirmation-modal__do_not_ask_again{padding-left:20px;padding-right:20px;padding-bottom:10px;font-size:14px}.confirmation-modal__do_not_ask_again label,.confirmation-modal__do_not_ask_again input{vertical-align:middle}.confirmation-modal__container,.mute-modal__container,.block-modal__container,.report-modal__target{padding:30px;font-size:16px}.confirmation-modal__container strong,.mute-modal__container strong,.block-modal__container strong,.report-modal__target strong{font-weight:500}.confirmation-modal__container strong:lang(ja),.mute-modal__container strong:lang(ja),.block-modal__container strong:lang(ja),.report-modal__target strong:lang(ja){font-weight:700}.confirmation-modal__container strong:lang(ko),.mute-modal__container strong:lang(ko),.block-modal__container strong:lang(ko),.report-modal__target strong:lang(ko){font-weight:700}.confirmation-modal__container strong:lang(zh-CN),.mute-modal__container strong:lang(zh-CN),.block-modal__container strong:lang(zh-CN),.report-modal__target strong:lang(zh-CN){font-weight:700}.confirmation-modal__container strong:lang(zh-HK),.mute-modal__container strong:lang(zh-HK),.block-modal__container strong:lang(zh-HK),.report-modal__target strong:lang(zh-HK){font-weight:700}.confirmation-modal__container strong:lang(zh-TW),.mute-modal__container strong:lang(zh-TW),.block-modal__container strong:lang(zh-TW),.report-modal__target strong:lang(zh-TW){font-weight:700}.confirmation-modal__container,.report-modal__target{text-align:center}.block-modal__explanation,.mute-modal__explanation{margin-top:20px}.block-modal .setting-toggle,.mute-modal .setting-toggle{margin-top:20px;margin-bottom:24px;display:flex;align-items:center}.block-modal .setting-toggle__label,.mute-modal .setting-toggle__label{color:#000;margin:0;margin-left:8px}.report-modal__target{padding:15px}.report-modal__target .media-modal__close{top:14px;right:15px}.embed-modal{width:auto;max-width:80vw;max-height:80vh}.embed-modal h4{padding:30px;font-weight:500;font-size:16px;text-align:center}.embed-modal .embed-modal__container{padding:10px}.embed-modal .embed-modal__container .hint{margin-bottom:15px}.embed-modal .embed-modal__container .embed-modal__html{outline:0;box-sizing:border-box;display:block;width:100%;border:none;padding:10px;font-family:\"mastodon-font-monospace\",monospace;background:#282c37;color:#fff;font-size:14px;margin:0;margin-bottom:15px;border-radius:4px}.embed-modal .embed-modal__container .embed-modal__html::-moz-focus-inner{border:0}.embed-modal .embed-modal__container .embed-modal__html::-moz-focus-inner,.embed-modal .embed-modal__container .embed-modal__html:focus,.embed-modal .embed-modal__container .embed-modal__html:active{outline:0 !important}.embed-modal .embed-modal__container .embed-modal__html:focus{background:#313543}@media screen and (max-width: 600px){.embed-modal .embed-modal__container .embed-modal__html{font-size:16px}}.embed-modal .embed-modal__container .embed-modal__iframe{width:400px;max-width:100%;overflow:hidden;border:0;border-radius:4px}.focal-point{position:relative;cursor:move;overflow:hidden;height:100%;display:flex;justify-content:center;align-items:center;background:#000}.focal-point img,.focal-point video,.focal-point canvas{display:block;max-height:80vh;width:100%;height:auto;margin:0;object-fit:contain;background:#000}.focal-point__reticle{position:absolute;width:100px;height:100px;transform:translate(-50%, -50%);background:url(\"~images/reticle.png\") no-repeat 0 0;border-radius:50%;box-shadow:0 0 0 9999em rgba(0,0,0,.35)}.focal-point__overlay{position:absolute;width:100%;height:100%;top:0;left:0}.focal-point__preview{position:absolute;bottom:10px;right:10px;z-index:2;cursor:move;transition:opacity .1s ease}.focal-point__preview:hover{opacity:.5}.focal-point__preview strong{color:#fff;font-size:14px;font-weight:500;display:block;margin-bottom:5px}.focal-point__preview div{border-radius:4px;box-shadow:0 0 14px rgba(0,0,0,.2)}@media screen and (max-width: 480px){.focal-point img,.focal-point video{max-height:100%}.focal-point__preview{display:none}}.filtered-status-info{text-align:start}.filtered-status-info .spoiler__text{margin-top:20px}.filtered-status-info .account{border-bottom:0}.filtered-status-info .account__display-name strong{color:#000}.filtered-status-info .status__content__spoiler{display:none}.filtered-status-info .status__content__spoiler--visible{display:flex}.filtered-status-info ul{padding:10px;margin-left:12px;list-style:disc inside}.filtered-status-info .filtered-status-edit-link{color:#8d9ac2;text-decoration:none}.filtered-status-info .filtered-status-edit-link:hover{text-decoration:underline}.composer{padding:10px}.composer .emoji-picker-dropdown{position:absolute;top:0;right:0}.composer .emoji-picker-dropdown ::-webkit-scrollbar-track:hover,.composer .emoji-picker-dropdown ::-webkit-scrollbar-track:active{background-color:rgba(0,0,0,.3)}.character-counter{cursor:default;font-family:sans-serif,sans-serif;font-size:14px;font-weight:600;color:#1b1e25}.character-counter.character-counter--over{color:#ff5050}.no-reduce-motion .composer--spoiler{transition:height .4s ease,opacity .4s ease}.composer--spoiler{height:0;transform-origin:bottom;opacity:0}.composer--spoiler.composer--spoiler--visible{height:36px;margin-bottom:11px;opacity:1}.composer--spoiler input{display:block;box-sizing:border-box;margin:0;border:none;border-radius:4px;padding:10px;width:100%;outline:0;color:#000;background:#fff;font-size:14px;font-family:inherit;resize:vertical}.composer--spoiler input::placeholder{color:#c2cede}.composer--spoiler input:focus{outline:0}@media screen and (max-width: 630px){.auto-columns .composer--spoiler input{font-size:16px}}.single-column .composer--spoiler input{font-size:16px}.composer--warning{color:#000;margin-bottom:15px;background:#9baec8;box-shadow:0 2px 6px rgba(0,0,0,.3);padding:8px 10px;border-radius:4px;font-size:13px;font-weight:400}.composer--warning a{color:#1b1e25;font-weight:500;text-decoration:underline}.composer--warning a:active,.composer--warning a:focus,.composer--warning a:hover{text-decoration:none}.compose-form__sensitive-button{padding:10px;padding-top:0;font-size:14px;font-weight:500}.compose-form__sensitive-button.active{color:#2b90d9}.compose-form__sensitive-button input[type=checkbox]{display:none}.compose-form__sensitive-button .checkbox{display:inline-block;position:relative;border:1px solid #9baec8;box-sizing:border-box;width:18px;height:18px;flex:0 0 auto;margin-left:5px;margin-right:10px;top:-1px;border-radius:4px;vertical-align:middle}.compose-form__sensitive-button .checkbox.active{border-color:#2b90d9;background:#2b90d9}.composer--reply{margin:0 0 10px;border-radius:4px;padding:10px;background:#9baec8;min-height:23px;overflow-y:auto;flex:0 2 auto}.composer--reply>header{margin-bottom:5px;overflow:hidden}.composer--reply>header>.account.small{color:#000}.composer--reply>header>.cancel{float:right;line-height:24px}.composer--reply>.content{position:relative;margin:10px 0;padding:0 12px;font-size:14px;line-height:20px;color:#000;word-wrap:break-word;font-weight:400;overflow:visible;white-space:pre-wrap;padding-top:5px;overflow:hidden}.composer--reply>.content p,.composer--reply>.content pre,.composer--reply>.content blockquote{margin-bottom:20px;white-space:pre-wrap}.composer--reply>.content p:last-child,.composer--reply>.content pre:last-child,.composer--reply>.content blockquote:last-child{margin-bottom:0}.composer--reply>.content h1,.composer--reply>.content h2,.composer--reply>.content h3,.composer--reply>.content h4,.composer--reply>.content h5{margin-top:20px;margin-bottom:20px}.composer--reply>.content h1,.composer--reply>.content h2{font-weight:700;font-size:18px}.composer--reply>.content h2{font-size:16px}.composer--reply>.content h3,.composer--reply>.content h4,.composer--reply>.content h5{font-weight:500}.composer--reply>.content blockquote{padding-left:10px;border-left:3px solid #000;color:#000;white-space:normal}.composer--reply>.content blockquote p:last-child{margin-bottom:0}.composer--reply>.content b,.composer--reply>.content strong{font-weight:700}.composer--reply>.content em,.composer--reply>.content i{font-style:italic}.composer--reply>.content sub{font-size:smaller;text-align:sub}.composer--reply>.content ul,.composer--reply>.content ol{margin-left:1em}.composer--reply>.content ul p,.composer--reply>.content ol p{margin:0}.composer--reply>.content ul{list-style-type:disc}.composer--reply>.content ol{list-style-type:decimal}.composer--reply>.content a{color:#1b1e25;text-decoration:none}.composer--reply>.content a:hover{text-decoration:underline}.composer--reply>.content a.mention:hover{text-decoration:none}.composer--reply>.content a.mention:hover span{text-decoration:underline}.composer--reply .emojione{width:20px;height:20px;margin:-5px 0 0}.compose-form__autosuggest-wrapper,.autosuggest-input{position:relative;width:100%}.compose-form__autosuggest-wrapper label .autosuggest-textarea__textarea,.autosuggest-input label .autosuggest-textarea__textarea{display:block;box-sizing:border-box;margin:0;border:none;border-radius:4px 4px 0 0;padding:10px 32px 0 10px;width:100%;min-height:100px;outline:0;color:#000;background:#fff;font-size:14px;font-family:inherit;resize:none;scrollbar-color:initial}.compose-form__autosuggest-wrapper label .autosuggest-textarea__textarea::placeholder,.autosuggest-input label .autosuggest-textarea__textarea::placeholder{color:#c2cede}.compose-form__autosuggest-wrapper label .autosuggest-textarea__textarea::-webkit-scrollbar,.autosuggest-input label .autosuggest-textarea__textarea::-webkit-scrollbar{all:unset}.compose-form__autosuggest-wrapper label .autosuggest-textarea__textarea:disabled,.autosuggest-input label .autosuggest-textarea__textarea:disabled{background:#d9e1e8}.compose-form__autosuggest-wrapper label .autosuggest-textarea__textarea:focus,.autosuggest-input label .autosuggest-textarea__textarea:focus{outline:0}@media screen and (max-width: 630px){.auto-columns .compose-form__autosuggest-wrapper label .autosuggest-textarea__textarea,.auto-columns .autosuggest-input label .autosuggest-textarea__textarea{font-size:16px}}.single-column .compose-form__autosuggest-wrapper label .autosuggest-textarea__textarea,.single-column .autosuggest-input label .autosuggest-textarea__textarea{font-size:16px}@media screen and (max-width: 600px){.auto-columns .compose-form__autosuggest-wrapper label .autosuggest-textarea__textarea,.single-column .compose-form__autosuggest-wrapper label .autosuggest-textarea__textarea,.auto-columns .autosuggest-input label .autosuggest-textarea__textarea,.single-column .autosuggest-input label .autosuggest-textarea__textarea{height:100px !important;resize:vertical}}.composer--textarea--icons{display:block;position:absolute;top:29px;right:5px;bottom:5px;overflow:hidden}.composer--textarea--icons>.textarea_icon{display:block;margin:2px 0 0 2px;width:24px;height:24px;color:#1b1e25;font-size:18px;line-height:24px;text-align:center;opacity:.8}.autosuggest-textarea__suggestions-wrapper{position:relative;height:0}.autosuggest-textarea__suggestions{display:block;position:absolute;box-sizing:border-box;top:100%;border-radius:0 0 4px 4px;padding:6px;width:100%;color:#000;background:#d9e1e8;box-shadow:4px 4px 6px rgba(0,0,0,.4);font-size:14px;z-index:99;display:none}.autosuggest-textarea__suggestions--visible{display:block}.autosuggest-textarea__suggestions__item{padding:10px;cursor:pointer;border-radius:4px}.autosuggest-textarea__suggestions__item:hover,.autosuggest-textarea__suggestions__item:focus,.autosuggest-textarea__suggestions__item:active,.autosuggest-textarea__suggestions__item.selected{background:#b9c8d5}.autosuggest-textarea__suggestions__item>.account,.autosuggest-textarea__suggestions__item>.emoji,.autosuggest-textarea__suggestions__item>.autosuggest-hashtag{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;line-height:18px;font-size:14px}.autosuggest-textarea__suggestions__item .autosuggest-hashtag{justify-content:space-between}.autosuggest-textarea__suggestions__item .autosuggest-hashtag__name{flex:1 1 auto;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.autosuggest-textarea__suggestions__item .autosuggest-hashtag strong{font-weight:500}.autosuggest-textarea__suggestions__item .autosuggest-hashtag__uses{flex:0 0 auto;text-align:right;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.autosuggest-textarea__suggestions__item>.account.small .display-name>span{color:#1b1e25}.composer--upload_form{overflow:hidden}.composer--upload_form>.content{display:flex;flex-direction:row;flex-wrap:wrap;font-family:inherit;padding:5px;overflow:hidden}.composer--upload_form--item{flex:1 1 0;margin:5px;min-width:40%}.composer--upload_form--item>div{position:relative;border-radius:4px;height:140px;width:100%;background-color:#000;background-position:center;background-size:cover;background-repeat:no-repeat;overflow:hidden}.composer--upload_form--item>div textarea{display:block;position:absolute;box-sizing:border-box;bottom:0;left:0;margin:0;border:0;padding:10px;width:100%;color:#ecf0f4;background:linear-gradient(0deg, rgba(0, 0, 0, 0.8) 0, rgba(0, 0, 0, 0.35) 80%, transparent);font-size:14px;font-family:inherit;font-weight:500;opacity:0;z-index:2;transition:opacity .1s ease}.composer--upload_form--item>div textarea:focus{color:#fff}.composer--upload_form--item>div textarea::placeholder{opacity:.54;color:#ecf0f4}.composer--upload_form--item>div>.close{mix-blend-mode:difference}.composer--upload_form--item.active>div textarea{opacity:1}.composer--upload_form--actions{background:linear-gradient(180deg, rgba(0, 0, 0, 0.8) 0, rgba(0, 0, 0, 0.35) 80%, transparent);display:flex;align-items:flex-start;justify-content:space-between;opacity:0;transition:opacity .1s ease}.composer--upload_form--actions .icon-button{flex:0 1 auto;color:#d9e1e8;font-size:14px;font-weight:500;padding:10px;font-family:inherit}.composer--upload_form--actions .icon-button:hover,.composer--upload_form--actions .icon-button:focus,.composer--upload_form--actions .icon-button:active{color:#e6ebf0}.composer--upload_form--actions.active{opacity:1}.composer--upload_form--progress{display:flex;padding:10px;color:#dde3ec;overflow:hidden}.composer--upload_form--progress>.fa{font-size:34px;margin-right:10px}.composer--upload_form--progress>.message{flex:1 1 auto}.composer--upload_form--progress>.message>span{display:block;font-size:12px;font-weight:500;text-transform:uppercase}.composer--upload_form--progress>.message>.backdrop{position:relative;margin-top:5px;border-radius:6px;width:100%;height:6px;background:#606984}.composer--upload_form--progress>.message>.backdrop>.tracker{position:absolute;top:0;left:0;height:6px;border-radius:6px;background:#2b5fd9}.compose-form__modifiers{color:#000;font-family:inherit;font-size:14px;background:#fff}.composer--options-wrapper{padding:10px;background:#ebebeb;border-radius:0 0 4px 4px;height:27px;display:flex;justify-content:space-between;flex:0 0 auto}.composer--options{display:flex;flex:0 0 auto}.composer--options>*{display:inline-block;box-sizing:content-box;padding:0 3px;height:27px;line-height:27px;vertical-align:bottom}.composer--options>hr{display:inline-block;margin:0 3px;border-width:0 0 0 1px;border-style:none none none solid;border-color:transparent transparent transparent #c2c2c2;padding:0;width:0;height:27px;background:transparent}.compose--counter-wrapper{align-self:center;margin-right:4px}.composer--options--dropdown.open>.value{border-radius:4px 4px 0 0;box-shadow:0 -4px 4px rgba(0,0,0,.1);color:#fff;background:#2b5fd9;transition:none}.composer--options--dropdown.open.top>.value{border-radius:0 0 4px 4px;box-shadow:0 4px 4px rgba(0,0,0,.1)}.composer--options--dropdown--content{position:absolute;border-radius:4px;box-shadow:2px 4px 15px rgba(0,0,0,.4);background:#fff;overflow:hidden;transform-origin:50% 0}.composer--options--dropdown--content--item{display:flex;align-items:center;padding:10px;color:#000;cursor:pointer}.composer--options--dropdown--content--item>.content{flex:1 1 auto;color:#1b1e25}.composer--options--dropdown--content--item>.content:not(:first-child){margin-left:10px}.composer--options--dropdown--content--item>.content strong{display:block;color:#000;font-weight:500}.composer--options--dropdown--content--item:hover,.composer--options--dropdown--content--item.active{background:#2b5fd9;color:#fff}.composer--options--dropdown--content--item:hover>.content,.composer--options--dropdown--content--item.active>.content{color:#fff}.composer--options--dropdown--content--item:hover>.content strong,.composer--options--dropdown--content--item.active>.content strong{color:#fff}.composer--options--dropdown--content--item.active:hover{background:#3c6cdc}.composer--publisher{padding-top:10px;text-align:right;white-space:nowrap;overflow:hidden;justify-content:flex-end;flex:0 0 auto}.composer--publisher>.primary{display:inline-block;margin:0;padding:0 10px;text-align:center}.composer--publisher>.side_arm{display:inline-block;margin:0 2px;padding:0;width:36px;text-align:center}.composer--publisher.over>.count{color:#ff5050}.column__wrapper{display:flex;flex:1 1 auto;position:relative}.columns-area{display:flex;flex:1 1 auto;flex-direction:row;justify-content:flex-start;overflow-x:auto;position:relative}.columns-area__panels{display:flex;justify-content:center;width:100%;height:100%;min-height:100vh}.columns-area__panels__pane{height:100%;overflow:hidden;pointer-events:none;display:flex;justify-content:flex-end;min-width:285px}.columns-area__panels__pane--start{justify-content:flex-start}.columns-area__panels__pane__inner{position:fixed;width:285px;pointer-events:auto;height:100%}.columns-area__panels__main{box-sizing:border-box;width:100%;max-width:600px;flex:0 0 auto;display:flex;flex-direction:column}@media screen and (min-width: 415px){.columns-area__panels__main{padding:0 10px}}.tabs-bar__wrapper{background:#17191f;position:sticky;top:0;z-index:2;padding-top:0}@media screen and (min-width: 415px){.tabs-bar__wrapper{padding-top:10px}}.tabs-bar__wrapper .tabs-bar{margin-bottom:0}@media screen and (min-width: 415px){.tabs-bar__wrapper .tabs-bar{margin-bottom:10px}}.react-swipeable-view-container,.react-swipeable-view-container .columns-area,.react-swipeable-view-container .column{height:100%}.react-swipeable-view-container>*{display:flex;align-items:center;justify-content:center;height:100%}.column{width:330px;position:relative;box-sizing:border-box;display:flex;flex-direction:column}.column>.scrollable{background:#282c37}.ui{flex:0 0 auto;display:flex;flex-direction:column;width:100%;height:100%}.column{overflow:hidden}.column-back-button{box-sizing:border-box;width:100%;background:#313543;color:#2b90d9;cursor:pointer;flex:0 0 auto;font-size:16px;border:0;text-align:unset;padding:15px;margin:0;z-index:3}.column-back-button:hover{text-decoration:underline}.column-header__back-button{background:#313543;border:0;font-family:inherit;color:#2b90d9;cursor:pointer;flex:0 0 auto;font-size:16px;padding:0 5px 0 0;z-index:3}.column-header__back-button:hover{text-decoration:underline}.column-header__back-button:last-child{padding:0 15px 0 0}.column-back-button__icon{display:inline-block;margin-right:5px}.column-back-button--slim{position:relative}.column-back-button--slim-button{cursor:pointer;flex:0 0 auto;font-size:16px;padding:15px;position:absolute;right:0;top:-48px}.column-link{background:#393f4f;color:#fff;display:block;font-size:16px;padding:15px;text-decoration:none}.column-link:hover,.column-link:focus,.column-link:active{background:#404657}.column-link:focus{outline:0}.column-link--transparent{background:transparent;color:#d9e1e8}.column-link--transparent:hover,.column-link--transparent:focus,.column-link--transparent:active{background:transparent;color:#fff}.column-link--transparent.active{color:#2b5fd9}.column-link__icon{display:inline-block;margin-right:5px}.column-subheading{background:#282c37;color:#c2cede;padding:8px 20px;font-size:12px;font-weight:500;text-transform:uppercase;cursor:default}.column-header__wrapper{position:relative;flex:0 0 auto;z-index:1}.column-header__wrapper.active{box-shadow:0 1px 0 rgba(43,144,217,.3)}.column-header__wrapper.active::before{display:block;content:\"\";position:absolute;bottom:-13px;left:0;right:0;margin:0 auto;width:60%;pointer-events:none;height:28px;z-index:1;background:radial-gradient(ellipse, rgba(43, 95, 217, 0.23) 0%, rgba(43, 95, 217, 0) 60%)}.column-header__wrapper .announcements{z-index:1;position:relative}.column-header{display:flex;font-size:16px;background:#313543;flex:0 0 auto;cursor:pointer;position:relative;z-index:2;outline:0;overflow:hidden}.column-header>button{margin:0;border:none;padding:15px;color:inherit;background:transparent;font:inherit;text-align:left;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;flex:1}.column-header>.column-header__back-button{color:#2b90d9}.column-header.active .column-header__icon{color:#2b90d9;text-shadow:0 0 10px rgba(43,95,217,.4)}.column-header:focus,.column-header:active{outline:0}.column{width:330px;position:relative;box-sizing:border-box;display:flex;flex-direction:column;overflow:hidden}.wide .columns-area:not(.columns-area--mobile) .column{flex:auto;min-width:330px;max-width:400px}.column>.scrollable{background:#282c37}.column-header__buttons{height:48px;display:flex;margin-left:0}.column-header__links{margin-bottom:14px}.column-header__links .text-btn{margin-right:10px}.column-header__button,.column-header__notif-cleaning-buttons button{background:#313543;border:0;color:#dde3ec;cursor:pointer;font-size:16px;padding:0 15px}.column-header__button:hover,.column-header__notif-cleaning-buttons button:hover{color:#f4f6f9}.column-header__button.active,.column-header__notif-cleaning-buttons button.active{color:#fff;background:#393f4f}.column-header__button.active:hover,.column-header__notif-cleaning-buttons button.active:hover{color:#fff;background:#393f4f}.column-header__button:focus,.column-header__notif-cleaning-buttons button:focus{text-shadow:0 0 4px #2454c7}.column-header__notif-cleaning-buttons{display:flex;align-items:stretch;justify-content:space-around}.column-header__notif-cleaning-buttons button{background:transparent;text-align:center;padding:10px 0;white-space:pre-wrap}.column-header__notif-cleaning-buttons b{font-weight:bold}.column-header__collapsible-inner.nopad-drawer{padding:0}.column-header__collapsible{max-height:70vh;overflow:hidden;overflow-y:auto;color:#dde3ec;transition:max-height 150ms ease-in-out,opacity 300ms linear;opacity:1;z-index:1;position:relative}.column-header__collapsible.collapsed{max-height:0;opacity:.5}.column-header__collapsible.animating{overflow-y:hidden}.column-header__collapsible hr{height:0;background:transparent;border:0;border-top:1px solid #42485a;margin:10px 0}.column-header__collapsible.ncd{transition:none}.column-header__collapsible.ncd.collapsed{max-height:0;opacity:.7}.column-header__collapsible-inner{background:#393f4f;padding:15px}.column-header__setting-btn:hover{color:#dde3ec;text-decoration:underline}.column-header__setting-arrows{float:right}.column-header__setting-arrows .column-header__setting-btn{padding:0 10px}.column-header__setting-arrows .column-header__setting-btn:last-child{padding-right:0}.column-header__title{display:inline-block;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;flex:1}.column-header__icon{display:inline-block;margin-right:5px}.empty-column-indicator,.error-column,.follow_requests-unlocked_explanation{color:#c2cede;background:#282c37;text-align:center;padding:20px;font-size:15px;font-weight:400;cursor:default;display:flex;flex:1 1 auto;align-items:center;justify-content:center}@supports(display: grid){.empty-column-indicator,.error-column,.follow_requests-unlocked_explanation{contain:strict}}.empty-column-indicator>span,.error-column>span,.follow_requests-unlocked_explanation>span{max-width:400px}.empty-column-indicator a,.error-column a,.follow_requests-unlocked_explanation a{color:#2b90d9;text-decoration:none}.empty-column-indicator a:hover,.error-column a:hover,.follow_requests-unlocked_explanation a:hover{text-decoration:underline}.follow_requests-unlocked_explanation{background:#1f232b;contain:initial}.error-column{flex-direction:column}.single-column.navbar-under .tabs-bar{margin-top:0 !important;margin-bottom:-6px !important}@media screen and (max-width: 415px){.auto-columns.navbar-under .tabs-bar{margin-top:0 !important;margin-bottom:-6px !important}}@media screen and (max-width: 415px){.auto-columns.navbar-under .react-swipeable-view-container .columns-area,.single-column.navbar-under .react-swipeable-view-container .columns-area{height:100% !important}}.column-inline-form{padding:7px 15px;padding-right:5px;display:flex;justify-content:flex-start;align-items:center;background:#313543}.column-inline-form label{flex:1 1 auto}.column-inline-form label input{width:100%;margin-bottom:6px}.column-inline-form label input:focus{outline:0}.column-inline-form .icon-button{flex:0 0 auto;margin:0 5px}.regeneration-indicator{text-align:center;font-size:16px;font-weight:500;color:#c2cede;background:#282c37;cursor:default;display:flex;flex:1 1 auto;flex-direction:column;align-items:center;justify-content:center;padding:20px}.regeneration-indicator__figure,.regeneration-indicator__figure img{display:block;width:auto;height:160px;margin:0}.regeneration-indicator--without-header{padding-top:68px}.regeneration-indicator__label{margin-top:30px}.regeneration-indicator__label strong{display:block;margin-bottom:10px;color:#c2cede}.regeneration-indicator__label span{font-size:15px;font-weight:400}.directory__list{width:100%;margin:10px 0;transition:opacity 100ms ease-in}.directory__list.loading{opacity:.7}@media screen and (max-width: 415px){.directory__list{margin:0}}.directory__card{box-sizing:border-box;margin-bottom:10px}.directory__card__img{height:125px;position:relative;background:#0e1014;overflow:hidden}.directory__card__img img{display:block;width:100%;height:100%;margin:0;object-fit:cover}.directory__card__bar{display:flex;align-items:center;background:#313543;padding:10px}.directory__card__bar__name{flex:1 1 auto;display:flex;align-items:center;text-decoration:none;overflow:hidden}.directory__card__bar__relationship{width:23px;min-height:1px;flex:0 0 auto}.directory__card__bar .avatar{flex:0 0 auto;width:48px;height:48px;padding-top:2px}.directory__card__bar .avatar img{width:100%;height:100%;display:block;margin:0;border-radius:4px;background:#17191f;object-fit:cover}.directory__card__bar .display-name{margin-left:15px;text-align:left}.directory__card__bar .display-name strong{font-size:15px;color:#fff;font-weight:500;overflow:hidden;text-overflow:ellipsis}.directory__card__bar .display-name span{display:block;font-size:14px;color:#dde3ec;font-weight:400;overflow:hidden;text-overflow:ellipsis}.directory__card__extra{background:#282c37;display:flex;align-items:center;justify-content:center}.directory__card__extra .accounts-table__count{width:33.33%;flex:0 0 auto;padding:15px 0}.directory__card__extra .account__header__content{box-sizing:border-box;padding:15px 10px;border-bottom:1px solid #393f4f;width:100%;min-height:48px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.directory__card__extra .account__header__content p{display:none}.directory__card__extra .account__header__content p:first-child{display:inline}.directory__card__extra .account__header__content br{display:none}.filter-form{background:#282c37}.filter-form__column{padding:10px 15px}.filter-form .radio-button{display:block}.radio-button{font-size:14px;position:relative;display:inline-block;padding:6px 0;line-height:18px;cursor:default;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;cursor:pointer}.radio-button input[type=radio],.radio-button input[type=checkbox]{display:none}.radio-button__input{display:inline-block;position:relative;border:1px solid #9baec8;box-sizing:border-box;width:18px;height:18px;flex:0 0 auto;margin-right:10px;top:-1px;border-radius:50%;vertical-align:middle}.radio-button__input.checked{border-color:#4e79df;background:#4e79df}.search{position:relative}.search__input{outline:0;box-sizing:border-box;width:100%;border:none;box-shadow:none;font-family:inherit;background:#282c37;color:#dde3ec;font-size:14px;margin:0;display:block;padding:15px;padding-right:30px;line-height:18px;font-size:16px}.search__input::placeholder{color:#eaeef3}.search__input::-moz-focus-inner{border:0}.search__input::-moz-focus-inner,.search__input:focus,.search__input:active{outline:0 !important}.search__input:focus{background:#313543}@media screen and (max-width: 600px){.search__input{font-size:16px}}.search__icon::-moz-focus-inner{border:0}.search__icon::-moz-focus-inner,.search__icon:focus{outline:0 !important}.search__icon .fa{position:absolute;top:16px;right:10px;z-index:2;display:inline-block;opacity:0;transition:all 100ms linear;transition-property:color,transform,opacity;font-size:18px;width:18px;height:18px;color:#ecf0f4;cursor:default;pointer-events:none}.search__icon .fa.active{pointer-events:auto;opacity:.3}.search__icon .fa-search{transform:rotate(0deg)}.search__icon .fa-search.active{pointer-events:auto;opacity:.3}.search__icon .fa-times-circle{top:17px;transform:rotate(0deg);color:#8d9ac2;cursor:pointer}.search__icon .fa-times-circle.active{transform:rotate(90deg)}.search__icon .fa-times-circle:hover{color:#a4afce}.search-results__header{color:#c2cede;background:#2c313d;border-bottom:1px solid #1f232b;padding:15px 10px;font-size:14px;font-weight:500}.search-results__info{padding:20px;color:#dde3ec;text-align:center}.trends__header{color:#c2cede;background:#2c313d;border-bottom:1px solid #1f232b;font-weight:500;padding:15px;font-size:16px;cursor:default}.trends__header .fa{display:inline-block;margin-right:5px}.trends__item{display:flex;align-items:center;padding:15px;border-bottom:1px solid #393f4f}.trends__item:last-child{border-bottom:0}.trends__item__name{flex:1 1 auto;color:#c2cede;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.trends__item__name strong{font-weight:500}.trends__item__name a{color:#dde3ec;text-decoration:none;font-size:14px;font-weight:500;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.trends__item__name a:hover span,.trends__item__name a:focus span,.trends__item__name a:active span{text-decoration:underline}.trends__item__current{flex:0 0 auto;font-size:24px;line-height:36px;font-weight:500;text-align:right;padding-right:15px;margin-left:5px;color:#ecf0f4}.trends__item__sparkline{flex:0 0 auto;width:50px}.trends__item__sparkline path:first-child{fill:rgba(43,144,217,.25) !important;fill-opacity:1 !important}.trends__item__sparkline path:last-child{stroke:#459ede !important}.emojione{font-size:inherit;vertical-align:middle;object-fit:contain;margin:-0.2ex .15em .2ex;width:16px;height:16px}.emojione img{width:auto}.emoji-picker-dropdown__menu{background:#fff;position:absolute;box-shadow:4px 4px 6px rgba(0,0,0,.4);border-radius:4px;margin-top:5px;z-index:2}.emoji-picker-dropdown__menu .emoji-mart-scroll{transition:opacity 200ms ease}.emoji-picker-dropdown__menu.selecting .emoji-mart-scroll{opacity:.5}.emoji-picker-dropdown__modifiers{position:absolute;top:60px;right:11px;cursor:pointer}.emoji-picker-dropdown__modifiers__menu{position:absolute;z-index:4;top:-4px;left:-8px;background:#fff;border-radius:4px;box-shadow:1px 2px 6px rgba(0,0,0,.2);overflow:hidden}.emoji-picker-dropdown__modifiers__menu button{display:block;cursor:pointer;border:0;padding:4px 8px;background:transparent}.emoji-picker-dropdown__modifiers__menu button:hover,.emoji-picker-dropdown__modifiers__menu button:focus,.emoji-picker-dropdown__modifiers__menu button:active{background:rgba(217,225,232,.4)}.emoji-picker-dropdown__modifiers__menu .emoji-mart-emoji{height:22px}.emoji-mart-emoji span{background-repeat:no-repeat}.emoji-button{display:block;padding:5px 5px 2px 2px;outline:0;cursor:pointer}.emoji-button:active,.emoji-button:focus{outline:0 !important}.emoji-button img{filter:grayscale(100%);opacity:.8;display:block;margin:0;width:22px;height:22px}.emoji-button:hover img,.emoji-button:active img,.emoji-button:focus img{opacity:1;filter:none}.doodle-modal{width:unset}.doodle-modal__container{background:#d9e1e8;text-align:center;line-height:0}.doodle-modal__container canvas{border:5px solid #d9e1e8}.doodle-modal__action-bar .filler{flex-grow:1;margin:0;padding:0}.doodle-modal__action-bar .doodle-toolbar{line-height:1;display:flex;flex-direction:column;flex-grow:0;justify-content:space-around}.doodle-modal__action-bar .doodle-toolbar.with-inputs label{display:inline-block;width:70px;text-align:right;margin-right:2px}.doodle-modal__action-bar .doodle-toolbar.with-inputs input[type=number],.doodle-modal__action-bar .doodle-toolbar.with-inputs input[type=text]{width:40px}.doodle-modal__action-bar .doodle-toolbar.with-inputs span.val{display:inline-block;text-align:left;width:50px}.doodle-modal__action-bar .doodle-palette{padding-right:0 !important;border:1px solid #000;line-height:.2rem;flex-grow:0;background:#fff}.doodle-modal__action-bar .doodle-palette button{appearance:none;width:1rem;height:1rem;margin:0;padding:0;text-align:center;color:#000;text-shadow:0 0 1px #fff;cursor:pointer;box-shadow:inset 0 0 1px rgba(255,255,255,.5);border:1px solid #000;outline-offset:-1px}.doodle-modal__action-bar .doodle-palette button.foreground{outline:1px dashed #fff}.doodle-modal__action-bar .doodle-palette button.background{outline:1px dashed red}.doodle-modal__action-bar .doodle-palette button.foreground.background{outline:1px dashed red;border-color:#fff}.drawer{width:300px;box-sizing:border-box;display:flex;flex-direction:column;overflow-y:hidden;padding:10px 5px;flex:none}.drawer:first-child{padding-left:10px}.drawer:last-child{padding-right:10px}@media screen and (max-width: 630px){.auto-columns .drawer{flex:auto}}.single-column .drawer{flex:auto}@media screen and (max-width: 630px){.auto-columns .drawer,.auto-columns .drawer:first-child,.auto-columns .drawer:last-child,.single-column .drawer,.single-column .drawer:first-child,.single-column .drawer:last-child{padding:0}}.wide .drawer{min-width:300px;max-width:400px;flex:1 1 200px}@media screen and (max-width: 630px){:root .auto-columns .drawer{flex:auto;width:100%;min-width:0;max-width:none;padding:0}}:root .single-column .drawer{flex:auto;width:100%;min-width:0;max-width:none;padding:0}.react-swipeable-view-container .drawer{height:100%}.drawer--header{display:flex;flex-direction:row;margin-bottom:10px;flex:none;background:#393f4f;font-size:16px}.drawer--header>*{display:block;box-sizing:border-box;border-bottom:2px solid transparent;padding:15px 5px 13px;height:48px;flex:1 1 auto;color:#dde3ec;text-align:center;text-decoration:none;cursor:pointer}.drawer--header a{transition:background 100ms ease-in}.drawer--header a:focus,.drawer--header a:hover{outline:none;background:#2e3340;transition:background 200ms ease-out}.search{position:relative;margin-bottom:10px;flex:none}@media screen and (max-width: 415px){.auto-columns .search,.single-column .search{margin-bottom:0}}@media screen and (max-width: 630px){.auto-columns .search{font-size:16px}}.single-column .search{font-size:16px}.search-popout{background:#fff;border-radius:4px;padding:10px 14px;padding-bottom:14px;margin-top:10px;color:#364861;box-shadow:2px 4px 15px rgba(0,0,0,.4)}.search-popout h4{text-transform:uppercase;color:#364861;font-size:13px;font-weight:500;margin-bottom:10px}.search-popout li{padding:4px 0}.search-popout ul{margin-bottom:10px}.search-popout em{font-weight:500;color:#000}.drawer--account{padding:10px;color:#dde3ec;display:flex;align-items:center}.drawer--account a{color:inherit;text-decoration:none}.drawer--account .acct{display:block;color:#ecf0f4;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.navigation-bar__profile{flex:1 1 auto;margin-left:8px;overflow:hidden}.drawer--results{background:#282c37;overflow-x:hidden;overflow-y:auto}.drawer--results>header{color:#c2cede;background:#2c313d;padding:15px;font-weight:500;font-size:16px;cursor:default}.drawer--results>header .fa{display:inline-block;margin-right:5px}.drawer--results>section{margin-bottom:5px}.drawer--results>section h5{background:#1f232b;border-bottom:1px solid #393f4f;cursor:default;display:flex;padding:15px;font-weight:500;font-size:16px;color:#c2cede}.drawer--results>section h5 .fa{display:inline-block;margin-right:5px}.drawer--results>section .account:last-child,.drawer--results>section>div:last-child .status{border-bottom:0}.drawer--results>section>.hashtag{display:block;padding:10px;color:#ecf0f4;text-decoration:none}.drawer--results>section>.hashtag:hover,.drawer--results>section>.hashtag:active,.drawer--results>section>.hashtag:focus{color:#f9fafb;text-decoration:underline}.drawer__pager{box-sizing:border-box;padding:0;flex-grow:1;position:relative;overflow:hidden;display:flex}.drawer__inner{position:absolute;top:0;left:0;background:#444b5d;box-sizing:border-box;padding:0;display:flex;flex-direction:column;overflow:hidden;overflow-y:auto;width:100%;height:100%}.drawer__inner.darker{background:#282c37}.drawer__inner__mastodon{background:#444b5d url('data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 234.80078 31.757813\" width=\"234.80078\" height=\"31.757812\"><path d=\"M19.599609 0c-1.05 0-2.10039.375-2.90039 1.125L0 16.925781v14.832031h234.80078V17.025391l-16.5-15.900391c-1.6-1.5-4.20078-1.5-5.80078 0l-13.80078 13.099609c-1.6 1.5-4.19883 1.5-5.79883 0L179.09961 1.125c-1.6-1.5-4.19883-1.5-5.79883 0L159.5 14.224609c-1.6 1.5-4.20078 1.5-5.80078 0L139.90039 1.125c-1.6-1.5-4.20078-1.5-5.80078 0l-13.79883 13.099609c-1.6 1.5-4.20078 1.5-5.80078 0L100.69922 1.125c-1.600001-1.5-4.198829-1.5-5.798829 0l-13.59961 13.099609c-1.6 1.5-4.200781 1.5-5.800781 0L61.699219 1.125c-1.6-1.5-4.198828-1.5-5.798828 0L42.099609 14.224609c-1.6 1.5-4.198828 1.5-5.798828 0L22.5 1.125C21.7.375 20.649609 0 19.599609 0z\" fill=\"%23282C37\"/></svg>') no-repeat bottom/100% auto;flex:1;min-height:47px;display:none}.drawer__inner__mastodon>img{display:block;object-fit:contain;object-position:bottom left;width:85%;height:100%;pointer-events:none;user-drag:none;user-select:none}.drawer__inner__mastodon>.mastodon{display:block;width:100%;height:100%;border:none;cursor:inherit}@media screen and (min-height: 640px){.drawer__inner__mastodon{display:block}}.pseudo-drawer{background:#444b5d;font-size:13px;text-align:left}.drawer__backdrop{cursor:pointer;position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.5)}.video-error-cover{align-items:center;background:#000;color:#fff;cursor:pointer;display:flex;flex-direction:column;height:100%;justify-content:center;margin-top:8px;position:relative;text-align:center;z-index:100}.media-spoiler{background:#000;color:#dde3ec;border:0;width:100%;height:100%}.media-spoiler:hover,.media-spoiler:active,.media-spoiler:focus{color:#f7f9fb}.status__content>.media-spoiler{margin-top:15px}.media-spoiler.full-width{margin-left:-14px;margin-right:-14px;width:inherit;max-width:none;height:250px;border-radius:0px}.media-spoiler__warning{display:block;font-size:14px}.media-spoiler__trigger{display:block;font-size:11px;font-weight:500}.media-gallery__gifv__label{display:block;position:absolute;color:#fff;background:rgba(0,0,0,.5);bottom:6px;left:6px;padding:2px 6px;border-radius:2px;font-size:11px;font-weight:600;z-index:1;pointer-events:none;opacity:.9;transition:opacity .1s ease;line-height:18px}.media-gallery__gifv:hover .media-gallery__gifv__label{opacity:1}.media-gallery__audio{height:100%;display:flex;flex-direction:column}.media-gallery__audio span{text-align:center;color:#dde3ec;display:flex;height:100%;align-items:center}.media-gallery__audio span p{width:100%}.media-gallery__audio audio{width:100%}.media-gallery{box-sizing:border-box;margin-top:8px;overflow:hidden;border-radius:4px;position:relative;width:100%;height:110px}.media-gallery.full-width{margin-left:-14px;margin-right:-14px;width:inherit;max-width:none;height:250px;border-radius:0px}.media-gallery__item{border:none;box-sizing:border-box;display:block;float:left;position:relative;border-radius:4px;overflow:hidden}.full-width .media-gallery__item{border-radius:0}.media-gallery__item.standalone .media-gallery__item-gifv-thumbnail{transform:none;top:0}.media-gallery__item.letterbox{background:#000}.media-gallery__item-thumbnail{cursor:zoom-in;display:block;text-decoration:none;color:#ecf0f4;position:relative;z-index:1}.media-gallery__item-thumbnail,.media-gallery__item-thumbnail img{height:100%;width:100%;object-fit:contain}.media-gallery__item-thumbnail:not(.letterbox),.media-gallery__item-thumbnail img:not(.letterbox){height:100%;object-fit:cover}.media-gallery__preview{width:100%;height:100%;object-fit:cover;position:absolute;top:0;left:0;z-index:0;background:#000}.media-gallery__preview--hidden{display:none}.media-gallery__gifv{height:100%;overflow:hidden;position:relative;width:100%;display:flex;justify-content:center}.media-gallery__item-gifv-thumbnail{cursor:zoom-in;height:100%;width:100%;position:relative;z-index:1;object-fit:contain;user-select:none}.media-gallery__item-gifv-thumbnail:not(.letterbox){height:100%;object-fit:cover}.media-gallery__item-thumbnail-label{clip:rect(1px 1px 1px 1px);clip:rect(1px, 1px, 1px, 1px);overflow:hidden;position:absolute}.video-modal__container{max-width:100vw;max-height:100vh}.audio-modal__container{width:50vw}.media-modal{width:100%;height:100%;position:relative}.media-modal .extended-video-player{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.media-modal .extended-video-player video{max-width:100%;max-height:80%}.media-modal__closer{position:absolute;top:0;left:0;right:0;bottom:0}.media-modal__navigation{position:absolute;top:0;left:0;right:0;bottom:0;pointer-events:none;transition:opacity .3s linear;will-change:opacity}.media-modal__navigation *{pointer-events:auto}.media-modal__navigation.media-modal__navigation--hidden{opacity:0}.media-modal__navigation.media-modal__navigation--hidden *{pointer-events:none}.media-modal__nav{background:rgba(0,0,0,.5);box-sizing:border-box;border:0;color:#fff;cursor:pointer;display:flex;align-items:center;font-size:24px;height:20vmax;margin:auto 0;padding:30px 15px;position:absolute;top:0;bottom:0}.media-modal__nav--left{left:0}.media-modal__nav--right{right:0}.media-modal__pagination{width:100%;text-align:center;position:absolute;left:0;bottom:20px;pointer-events:none}.media-modal__meta{text-align:center;position:absolute;left:0;bottom:20px;width:100%;pointer-events:none}.media-modal__meta--shifted{bottom:62px}.media-modal__meta a{pointer-events:auto;text-decoration:none;font-weight:500;color:#d9e1e8}.media-modal__meta a:hover,.media-modal__meta a:focus,.media-modal__meta a:active{text-decoration:underline}.media-modal__page-dot{display:inline-block}.media-modal__button{background-color:#fff;height:12px;width:12px;border-radius:6px;margin:10px;padding:0;border:0;font-size:0}.media-modal__button--active{background-color:#2b5fd9}.media-modal__close{position:absolute;right:8px;top:8px;z-index:100}.detailed .video-player__volume__current,.detailed .video-player__volume::before,.fullscreen .video-player__volume__current,.fullscreen .video-player__volume::before{bottom:27px}.detailed .video-player__volume__handle,.fullscreen .video-player__volume__handle{bottom:23px}.audio-player{box-sizing:border-box;position:relative;background:#17191f;border-radius:4px;padding-bottom:44px;direction:ltr}.audio-player.editable{border-radius:0;height:100%}.audio-player__waveform{padding:15px 0;position:relative;overflow:hidden}.audio-player__waveform::before{content:\"\";display:block;position:absolute;border-top:1px solid #313543;width:100%;height:0;left:0;top:calc(50% + 1px)}.audio-player__progress-placeholder{background-color:rgba(78,121,223,.5)}.audio-player__wave-placeholder{background-color:#4a5266}.audio-player .video-player__controls{padding:0 15px;padding-top:10px;background:#17191f;border-top:1px solid #313543;border-radius:0 0 4px 4px}.video-player{overflow:hidden;position:relative;background:#000;max-width:100%;border-radius:4px;box-sizing:border-box;direction:ltr}.video-player.editable{border-radius:0;height:100% !important}.video-player:focus{outline:0}.detailed-status .video-player{width:100%;height:100%}.video-player.full-width{margin-left:-14px;margin-right:-14px;width:inherit;max-width:none;height:250px;border-radius:0px}.video-player video{max-width:100vw;max-height:80vh;z-index:1;position:relative}.video-player.fullscreen{width:100% !important;height:100% !important;margin:0}.video-player.fullscreen video{max-width:100% !important;max-height:100% !important;width:100% !important;height:100% !important;outline:0}.video-player.inline video{object-fit:contain;position:relative;top:50%;transform:translateY(-50%)}.video-player__controls{position:absolute;z-index:2;bottom:0;left:0;right:0;box-sizing:border-box;background:linear-gradient(0deg, rgba(0, 0, 0, 0.85) 0, rgba(0, 0, 0, 0.45) 60%, transparent);padding:0 15px;opacity:0;transition:opacity .1s ease}.video-player__controls.active{opacity:1}.video-player.inactive video,.video-player.inactive .video-player__controls{visibility:hidden}.video-player__spoiler{display:none;position:absolute;top:0;left:0;width:100%;height:100%;z-index:4;border:0;background:#000;color:#dde3ec;transition:none;pointer-events:none}.video-player__spoiler.active{display:block;pointer-events:auto}.video-player__spoiler.active:hover,.video-player__spoiler.active:active,.video-player__spoiler.active:focus{color:#f4f6f9}.video-player__spoiler__title{display:block;font-size:14px}.video-player__spoiler__subtitle{display:block;font-size:11px;font-weight:500}.video-player__buttons-bar{display:flex;justify-content:space-between;padding-bottom:10px}.video-player__buttons-bar .video-player__download__icon{color:inherit}.video-player__buttons-bar .video-player__download__icon .fa,.video-player__buttons-bar .video-player__download__icon:active .fa,.video-player__buttons-bar .video-player__download__icon:hover .fa,.video-player__buttons-bar .video-player__download__icon:focus .fa{color:inherit}.video-player__buttons{font-size:16px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.video-player__buttons.left button{padding-left:0}.video-player__buttons.right button{padding-right:0}.video-player__buttons button{background:transparent;padding:2px 10px;font-size:16px;border:0;color:rgba(255,255,255,.75)}.video-player__buttons button:active,.video-player__buttons button:hover,.video-player__buttons button:focus{color:#fff}.video-player__time-sep,.video-player__time-total,.video-player__time-current{font-size:14px;font-weight:500}.video-player__time-current{color:#fff;margin-left:60px}.video-player__time-sep{display:inline-block;margin:0 6px}.video-player__time-sep,.video-player__time-total{color:#fff}.video-player__volume{cursor:pointer;height:24px;display:inline}.video-player__volume::before{content:\"\";width:50px;background:rgba(255,255,255,.35);border-radius:4px;display:block;position:absolute;height:4px;left:70px;bottom:20px}.video-player__volume__current{display:block;position:absolute;height:4px;border-radius:4px;left:70px;bottom:20px;background:#4e79df}.video-player__volume__handle{position:absolute;z-index:3;border-radius:50%;width:12px;height:12px;bottom:16px;left:70px;transition:opacity .1s ease;background:#4e79df;box-shadow:1px 2px 6px rgba(0,0,0,.2);pointer-events:none}.video-player__link{padding:2px 10px}.video-player__link a{text-decoration:none;font-size:14px;font-weight:500;color:#fff}.video-player__link a:hover,.video-player__link a:active,.video-player__link a:focus{text-decoration:underline}.video-player__seek{cursor:pointer;height:24px;position:relative}.video-player__seek::before{content:\"\";width:100%;background:rgba(255,255,255,.35);border-radius:4px;display:block;position:absolute;height:4px;top:10px}.video-player__seek__progress,.video-player__seek__buffer{display:block;position:absolute;height:4px;border-radius:4px;top:10px;background:#4e79df}.video-player__seek__buffer{background:rgba(255,255,255,.2)}.video-player__seek__handle{position:absolute;z-index:3;opacity:0;border-radius:50%;width:12px;height:12px;top:6px;margin-left:-6px;transition:opacity .1s ease;background:#4e79df;box-shadow:1px 2px 6px rgba(0,0,0,.2);pointer-events:none}.video-player__seek__handle.active{opacity:1}.video-player__seek:hover .video-player__seek__handle{opacity:1}.video-player.detailed .video-player__buttons button,.video-player.fullscreen .video-player__buttons button{padding-top:10px;padding-bottom:10px}.sensitive-info{display:flex;flex-direction:row;align-items:center;position:absolute;top:4px;left:4px;z-index:100}.sensitive-marker{margin:0 3px;border-radius:2px;padding:2px 6px;color:rgba(255,255,255,.8);background:rgba(0,0,0,.5);font-size:12px;line-height:18px;text-transform:uppercase;opacity:.9;transition:opacity .1s ease}.media-gallery:hover .sensitive-marker{opacity:1}.list-editor{background:#282c37;flex-direction:column;border-radius:8px;box-shadow:2px 4px 15px rgba(0,0,0,.4);width:380px;overflow:hidden}@media screen and (max-width: 420px){.list-editor{width:90%}}.list-editor h4{padding:15px 0;background:#444b5d;font-weight:500;font-size:16px;text-align:center;border-radius:8px 8px 0 0}.list-editor .drawer__pager{height:50vh}.list-editor .drawer__inner{border-radius:0 0 8px 8px}.list-editor .drawer__inner.backdrop{width:calc(100% - 60px);box-shadow:2px 4px 15px rgba(0,0,0,.4);border-radius:0 0 0 8px}.list-editor__accounts{overflow-y:auto}.list-editor .account__display-name:hover strong{text-decoration:none}.list-editor .account__avatar{cursor:default}.list-editor .search{margin-bottom:0}.list-adder{background:#282c37;flex-direction:column;border-radius:8px;box-shadow:2px 4px 15px rgba(0,0,0,.4);width:380px;overflow:hidden}@media screen and (max-width: 420px){.list-adder{width:90%}}.list-adder__account{background:#444b5d}.list-adder__lists{background:#444b5d;height:50vh;border-radius:0 0 8px 8px;overflow-y:auto}.list-adder .list{padding:10px;border-bottom:1px solid #393f4f}.list-adder .list__wrapper{display:flex}.list-adder .list__display-name{flex:1 1 auto;overflow:hidden;text-decoration:none;font-size:16px;padding:10px}.emoji-mart{font-size:13px;display:inline-block;color:#000}.emoji-mart,.emoji-mart *{box-sizing:border-box;line-height:1.15}.emoji-mart .emoji-mart-emoji{padding:6px}.emoji-mart-bar{border:0 solid #c0cdd9}.emoji-mart-bar:first-child{border-bottom-width:1px;border-top-left-radius:5px;border-top-right-radius:5px;background:#d9e1e8}.emoji-mart-bar:last-child{border-top-width:1px;border-bottom-left-radius:5px;border-bottom-right-radius:5px;display:none}.emoji-mart-anchors{display:flex;justify-content:space-between;padding:0 6px;color:#1b1e25;line-height:0}.emoji-mart-anchor{position:relative;flex:1;text-align:center;padding:12px 4px;overflow:hidden;transition:color .1s ease-out;cursor:pointer}.emoji-mart-anchor:hover{color:#131419}.emoji-mart-anchor-selected{color:#2b90d9}.emoji-mart-anchor-selected:hover{color:#2485cb}.emoji-mart-anchor-selected .emoji-mart-anchor-bar{bottom:0}.emoji-mart-anchor-bar{position:absolute;bottom:-3px;left:0;width:100%;height:3px;background-color:#2558d0}.emoji-mart-anchors i{display:inline-block;width:100%;max-width:22px}.emoji-mart-anchors svg{fill:currentColor;max-height:18px}.emoji-mart-scroll{overflow-y:scroll;height:270px;max-height:35vh;padding:0 6px 6px;background:#fff;will-change:transform}.emoji-mart-scroll::-webkit-scrollbar-track:hover,.emoji-mart-scroll::-webkit-scrollbar-track:active{background-color:rgba(0,0,0,.3)}.emoji-mart-search{padding:10px;padding-right:45px;background:#fff}.emoji-mart-search input{font-size:14px;font-weight:400;padding:7px 9px;font-family:inherit;display:block;width:100%;background:rgba(217,225,232,.3);color:#000;border:1px solid #d9e1e8;border-radius:4px}.emoji-mart-search input::-moz-focus-inner{border:0}.emoji-mart-search input::-moz-focus-inner,.emoji-mart-search input:focus,.emoji-mart-search input:active{outline:0 !important}.emoji-mart-category .emoji-mart-emoji{cursor:pointer}.emoji-mart-category .emoji-mart-emoji span{z-index:1;position:relative;text-align:center}.emoji-mart-category .emoji-mart-emoji:hover::before{z-index:0;content:\"\";position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(217,225,232,.7);border-radius:100%}.emoji-mart-category-label{z-index:2;position:relative;position:-webkit-sticky;position:sticky;top:0}.emoji-mart-category-label span{display:block;width:100%;font-weight:500;padding:5px 6px;background:#fff}.emoji-mart-emoji{position:relative;display:inline-block;font-size:0}.emoji-mart-emoji span{width:22px;height:22px}.emoji-mart-no-results{font-size:14px;text-align:center;padding-top:70px;color:#364861}.emoji-mart-no-results .emoji-mart-category-label{display:none}.emoji-mart-no-results .emoji-mart-no-results-label{margin-top:.2em}.emoji-mart-no-results .emoji-mart-emoji:hover::before{content:none}.emoji-mart-preview{display:none}.glitch.local-settings{position:relative;display:flex;flex-direction:row;background:#d9e1e8;color:#000;border-radius:8px;height:80vh;width:80vw;max-width:740px;max-height:450px;overflow:hidden}.glitch.local-settings label,.glitch.local-settings legend{display:block;font-size:14px}.glitch.local-settings .boolean label,.glitch.local-settings .radio_buttons label{position:relative;padding-left:28px;padding-top:3px}.glitch.local-settings .boolean label input,.glitch.local-settings .radio_buttons label input{position:absolute;left:0;top:0}.glitch.local-settings span.hint{display:block;color:#1b1e25}.glitch.local-settings h1{font-size:18px;font-weight:500;line-height:24px;margin-bottom:20px}.glitch.local-settings h2{font-size:15px;font-weight:500;line-height:20px;margin-top:20px;margin-bottom:10px}.glitch.local-settings__navigation__item{display:block;padding:15px 20px;color:inherit;background:#f2f5f7;border-bottom:1px #d9e1e8 solid;cursor:pointer;text-decoration:none;outline:none;transition:background .3s}.glitch.local-settings__navigation__item .text-icon-button{color:inherit;transition:unset}.glitch.local-settings__navigation__item:hover{background:#d9e1e8}.glitch.local-settings__navigation__item.active{background:#2b5fd9;color:#fff}.glitch.local-settings__navigation__item.close,.glitch.local-settings__navigation__item.close:hover{background:#df405a;color:#fff}.glitch.local-settings__navigation{background:#f2f5f7;width:212px;font-size:15px;line-height:20px;overflow-y:auto}.glitch.local-settings__page{display:block;flex:auto;padding:15px 20px 15px 20px;width:360px;overflow-y:auto}.glitch.local-settings__page__item{margin-bottom:2px}.glitch.local-settings__page__item.string,.glitch.local-settings__page__item.radio_buttons{margin-top:10px;margin-bottom:10px}@media screen and (max-width: 630px){.glitch.local-settings__navigation{width:40px;flex-shrink:0}.glitch.local-settings__navigation__item{padding:10px}.glitch.local-settings__navigation__item span:last-of-type{display:none}}.error-boundary{color:#fff;font-size:15px;line-height:20px}.error-boundary h1{font-size:26px;line-height:36px;font-weight:400;margin-bottom:8px}.error-boundary a{color:#fff;text-decoration:underline}.error-boundary ul{list-style:disc;margin-left:0;padding-left:1em}.error-boundary textarea.web_app_crash-stacktrace{width:100%;resize:none;white-space:pre;font-family:monospace,monospace}.compose-panel{width:285px;margin-top:10px;display:flex;flex-direction:column;height:calc(100% - 10px);overflow-y:hidden}.compose-panel .search__input{line-height:18px;font-size:16px;padding:15px;padding-right:30px}.compose-panel .search__icon .fa{top:15px}.compose-panel .drawer--account{flex:0 1 48px}.compose-panel .flex-spacer{background:transparent}.compose-panel .composer{flex:1;overflow-y:hidden;display:flex;flex-direction:column;min-height:310px}.compose-panel .compose-form__autosuggest-wrapper{overflow-y:auto;background-color:#fff;border-radius:4px 4px 0 0;flex:0 1 auto}.compose-panel .autosuggest-textarea__textarea{overflow-y:hidden}.compose-panel .compose-form__upload-thumbnail{height:80px}.navigation-panel{margin-top:10px;margin-bottom:10px;height:calc(100% - 20px);overflow-y:auto;display:flex;flex-direction:column}.navigation-panel>a{flex:0 0 auto}.navigation-panel hr{flex:0 0 auto;border:0;background:transparent;border-top:1px solid #313543;margin:10px 0}.navigation-panel .flex-spacer{background:transparent}@media screen and (min-width: 600px){.tabs-bar__link span{display:inline}}.columns-area--mobile{flex-direction:column;width:100%;margin:0 auto}.columns-area--mobile .column,.columns-area--mobile .drawer{width:100%;height:100%;padding:0}.columns-area--mobile .directory__list{display:grid;grid-gap:10px;grid-template-columns:minmax(0, 50%) minmax(0, 50%)}@media screen and (max-width: 415px){.columns-area--mobile .directory__list{display:block}}.columns-area--mobile .directory__card{margin-bottom:0}.columns-area--mobile .filter-form{display:flex}.columns-area--mobile .autosuggest-textarea__textarea{font-size:16px}.columns-area--mobile .search__input{line-height:18px;font-size:16px;padding:15px;padding-right:30px}.columns-area--mobile .search__icon .fa{top:15px}.columns-area--mobile .scrollable{overflow:visible}@supports(display: grid){.columns-area--mobile .scrollable{contain:content}}@media screen and (min-width: 415px){.columns-area--mobile{padding:10px 0;padding-top:0}}@media screen and (min-width: 630px){.columns-area--mobile .detailed-status{padding:15px}.columns-area--mobile .detailed-status .media-gallery,.columns-area--mobile .detailed-status .video-player,.columns-area--mobile .detailed-status .audio-player{margin-top:15px}.columns-area--mobile .account__header__bar{padding:5px 10px}.columns-area--mobile .navigation-bar,.columns-area--mobile .compose-form{padding:15px}.columns-area--mobile .compose-form .compose-form__publish .compose-form__publish-button-wrapper{padding-top:15px}.columns-area--mobile .status{padding:15px;min-height:50px}.columns-area--mobile .status .media-gallery,.columns-area--mobile .status__action-bar,.columns-area--mobile .status .video-player,.columns-area--mobile .status .audio-player{margin-top:10px}.columns-area--mobile .account{padding:15px 10px}.columns-area--mobile .account__header__bio{margin:0 -10px}.columns-area--mobile .notification__message{padding-top:15px}.columns-area--mobile .notification .status{padding-top:8px}.columns-area--mobile .notification .account{padding-top:8px}}.floating-action-button{position:fixed;display:flex;justify-content:center;align-items:center;width:3.9375rem;height:3.9375rem;bottom:1.3125rem;right:1.3125rem;background:#2558d0;color:#fff;border-radius:50%;font-size:21px;line-height:21px;text-decoration:none;box-shadow:2px 3px 9px rgba(0,0,0,.4)}.floating-action-button:hover,.floating-action-button:focus,.floating-action-button:active{background:#4976de}@media screen and (min-width: 415px){.tabs-bar{width:100%}.react-swipeable-view-container .columns-area--mobile{height:calc(100% - 10px) !important}.getting-started__wrapper,.search{margin-bottom:10px}}@media screen and (max-width: 895px){.columns-area__panels__pane--compositional{display:none}}@media screen and (min-width: 895px){.floating-action-button,.tabs-bar__link.optional{display:none}.search-page .search{display:none}}@media screen and (max-width: 1190px){.columns-area__panels__pane--navigational{display:none}}@media screen and (min-width: 1190px){.tabs-bar{display:none}}.announcements__item__content{word-wrap:break-word;overflow-y:auto}.announcements__item__content .emojione{width:20px;height:20px;margin:-3px 0 0}.announcements__item__content p{margin-bottom:10px;white-space:pre-wrap}.announcements__item__content p:last-child{margin-bottom:0}.announcements__item__content a{color:#ecf0f4;text-decoration:none}.announcements__item__content a:hover{text-decoration:underline}.announcements__item__content a.mention:hover{text-decoration:none}.announcements__item__content a.mention:hover span{text-decoration:underline}.announcements__item__content a.unhandled-link{color:#4e79df}.announcements{background:#393f4f;font-size:13px;display:flex;align-items:flex-end}.announcements__mastodon{width:124px;flex:0 0 auto}@media screen and (max-width: 424px){.announcements__mastodon{display:none}}.announcements__container{width:calc(100% - 124px);flex:0 0 auto;position:relative}@media screen and (max-width: 424px){.announcements__container{width:100%}}.announcements__item{box-sizing:border-box;width:100%;padding:15px;position:relative;font-size:15px;line-height:20px;word-wrap:break-word;font-weight:400;max-height:50vh;overflow:hidden;display:flex;flex-direction:column}.announcements__item__range{display:block;font-weight:500;margin-bottom:10px;padding-right:18px}.announcements__item__unread{position:absolute;top:19px;right:19px;display:block;background:#2b90d9;border-radius:50%;width:.625rem;height:.625rem}.announcements__pagination{padding:15px;color:#dde3ec;position:absolute;bottom:3px;right:0}.layout-multiple-columns .announcements__mastodon{display:none}.layout-multiple-columns .announcements__container{width:100%}.reactions-bar{display:flex;flex-wrap:wrap;align-items:center;margin-top:15px;margin-left:-2px;width:calc(100% - (90px - 33px))}.reactions-bar__item{flex-shrink:0;background:#42485a;border:0;border-radius:3px;margin:2px;cursor:pointer;user-select:none;padding:0 6px;display:flex;align-items:center;transition:all 100ms ease-in;transition-property:background-color,color}.reactions-bar__item__emoji{display:block;margin:3px 0;width:16px;height:16px}.reactions-bar__item__emoji img{display:block;margin:0;width:100%;height:100%;min-width:auto;min-height:auto;vertical-align:bottom;object-fit:contain}.reactions-bar__item__count{display:block;min-width:9px;font-size:13px;font-weight:500;text-align:center;margin-left:6px;color:#dde3ec}.reactions-bar__item:hover,.reactions-bar__item:focus,.reactions-bar__item:active{background:#4a5266;transition:all 200ms ease-out;transition-property:background-color,color}.reactions-bar__item:hover__count,.reactions-bar__item:focus__count,.reactions-bar__item:active__count{color:#eaeef3}.reactions-bar__item.active{transition:all 100ms ease-in;transition-property:background-color,color;background-color:#3d4d73}.reactions-bar__item.active .reactions-bar__item__count{color:#4ea2df}.reactions-bar .emoji-picker-dropdown{margin:2px}.reactions-bar:hover .emoji-button{opacity:.85}.reactions-bar .emoji-button{color:#dde3ec;margin:0;font-size:16px;width:auto;flex-shrink:0;padding:0 6px;height:22px;display:flex;align-items:center;opacity:.5;transition:all 100ms ease-in;transition-property:background-color,color}.reactions-bar .emoji-button:hover,.reactions-bar .emoji-button:active,.reactions-bar .emoji-button:focus{opacity:1;color:#eaeef3;transition:all 200ms ease-out;transition-property:background-color,color}.reactions-bar--empty .emoji-button{padding:0}.poll{margin-top:16px;font-size:14px}.poll ul,.e-content .poll ul{margin:0;list-style:none}.poll li{margin-bottom:10px;position:relative}.poll__chart{border-radius:4px;display:block;background:#8ba1bf;height:5px;min-width:1%}.poll__chart.leading{background:#2b5fd9}.poll__option{position:relative;display:flex;padding:6px 0;line-height:18px;cursor:default;overflow:hidden}.poll__option__text{display:inline-block;word-wrap:break-word;overflow-wrap:break-word;max-width:calc(100% - 45px - 25px)}.poll__option input[type=radio],.poll__option input[type=checkbox]{display:none}.poll__option .autossugest-input{flex:1 1 auto}.poll__option input[type=text]{display:block;box-sizing:border-box;width:100%;font-size:14px;color:#000;display:block;outline:0;font-family:inherit;background:#fff;border:1px solid #dbdbdb;border-radius:4px;padding:6px 10px}.poll__option input[type=text]:focus{border-color:#2b90d9}.poll__option.selectable{cursor:pointer}.poll__option.editable{display:flex;align-items:center;overflow:visible}.poll__input{display:inline-block;position:relative;border:1px solid #9baec8;box-sizing:border-box;width:18px;height:18px;flex:0 0 auto;margin-right:10px;top:-1px;border-radius:50%;vertical-align:middle;margin-top:auto;margin-bottom:auto;flex:0 0 18px}.poll__input.checkbox{border-radius:4px}.poll__input.active{border-color:#79bd9a;background:#79bd9a}.poll__input:active,.poll__input:focus,.poll__input:hover{border-color:#acd6c1;border-width:4px}.poll__input::-moz-focus-inner{outline:0 !important;border:0}.poll__input:focus,.poll__input:active{outline:0 !important}.poll__number{display:inline-block;width:45px;font-weight:700;flex:0 0 45px}.poll__voted{padding:0 5px;display:inline-block}.poll__voted__mark{font-size:18px}.poll__footer{padding-top:6px;padding-bottom:5px;color:#c2cede}.poll__link{display:inline;background:transparent;padding:0;margin:0;border:0;color:#c2cede;text-decoration:underline;font-size:inherit}.poll__link:hover{text-decoration:none}.poll__link:active,.poll__link:focus{background-color:rgba(194,206,222,.1)}.poll .button{height:36px;padding:0 16px;margin-right:10px;font-size:14px}.compose-form__poll-wrapper{border-top:1px solid #ebebeb;overflow-x:hidden}.compose-form__poll-wrapper ul{padding:10px}.compose-form__poll-wrapper .poll__footer{border-top:1px solid #ebebeb;padding:10px;display:flex;align-items:center}.compose-form__poll-wrapper .poll__footer button,.compose-form__poll-wrapper .poll__footer select{width:100%;flex:1 1 50%}.compose-form__poll-wrapper .poll__footer button:focus,.compose-form__poll-wrapper .poll__footer select:focus{border-color:#2b90d9}.compose-form__poll-wrapper .button.button-secondary{font-size:14px;font-weight:400;padding:6px 10px;height:auto;line-height:inherit;color:#8d9ac2;border-color:#8d9ac2;margin-right:5px}.compose-form__poll-wrapper li{display:flex;align-items:center}.compose-form__poll-wrapper li .poll__option{flex:0 0 auto;width:calc(100% - (23px + 6px));margin-right:6px}.compose-form__poll-wrapper select{appearance:none;box-sizing:border-box;font-size:14px;color:#000;display:inline-block;width:auto;outline:0;font-family:inherit;background:#fff url(\"data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14.933 18.467' height='19.698' width='15.929'><path d='M3.467 14.967l-3.393-3.5H14.86l-3.392 3.5c-1.866 1.925-3.666 3.5-4 3.5-.335 0-2.135-1.575-4-3.5zm.266-11.234L7.467 0 11.2 3.733l3.733 3.734H0l3.733-3.734z' fill='%23DBDBDB'/></svg>\") no-repeat right 8px center/auto 16px;border:1px solid #dbdbdb;border-radius:4px;padding:6px 10px;padding-right:30px}.compose-form__poll-wrapper .icon-button.disabled{color:#dbdbdb}.muted .poll{color:#c2cede}.muted .poll__chart{background:rgba(109,137,175,.2)}.muted .poll__chart.leading{background:rgba(43,95,217,.2)}.container{box-sizing:border-box;max-width:1235px;margin:0 auto;position:relative}@media screen and (max-width: 1255px){.container{width:100%;padding:0 10px}}.rich-formatting{font-family:sans-serif,sans-serif;font-size:14px;font-weight:400;line-height:1.7;word-wrap:break-word;color:#dde3ec}.rich-formatting a{color:#2b90d9;text-decoration:underline}.rich-formatting a:hover,.rich-formatting a:focus,.rich-formatting a:active{text-decoration:none}.rich-formatting p,.rich-formatting li{color:#dde3ec}.rich-formatting p{margin-top:0;margin-bottom:.85em}.rich-formatting p:last-child{margin-bottom:0}.rich-formatting strong{font-weight:700;color:#ecf0f4}.rich-formatting em{font-style:italic;color:#ecf0f4}.rich-formatting code{font-size:.85em;background:#17191f;border-radius:4px;padding:.2em .3em}.rich-formatting h1,.rich-formatting h2,.rich-formatting h3,.rich-formatting h4,.rich-formatting h5,.rich-formatting h6{font-family:sans-serif,sans-serif;margin-top:1.275em;margin-bottom:.85em;font-weight:500;color:#ecf0f4}.rich-formatting h1{font-size:2em}.rich-formatting h2{font-size:1.75em}.rich-formatting h3{font-size:1.5em}.rich-formatting h4{font-size:1.25em}.rich-formatting h5,.rich-formatting h6{font-size:1em}.rich-formatting ul{list-style:disc}.rich-formatting ol{list-style:decimal}.rich-formatting ul,.rich-formatting ol{margin:0;padding:0;padding-left:2em;margin-bottom:.85em}.rich-formatting ul[type=a],.rich-formatting ol[type=a]{list-style-type:lower-alpha}.rich-formatting ul[type=i],.rich-formatting ol[type=i]{list-style-type:lower-roman}.rich-formatting hr{width:100%;height:0;border:0;border-bottom:1px solid #313543;margin:1.7em 0}.rich-formatting hr.spacer{height:1px;border:0}.rich-formatting table{width:100%;border-collapse:collapse;break-inside:auto;margin-top:24px;margin-bottom:32px}.rich-formatting table thead tr,.rich-formatting table tbody tr{border-bottom:1px solid #313543;font-size:1em;line-height:1.625;font-weight:400;text-align:left;color:#dde3ec}.rich-formatting table thead tr{border-bottom-width:2px;line-height:1.5;font-weight:500;color:#c2cede}.rich-formatting table th,.rich-formatting table td{padding:8px;align-self:start;align-items:start;word-break:break-all}.rich-formatting table th.nowrap,.rich-formatting table td.nowrap{width:25%;position:relative}.rich-formatting table th.nowrap::before,.rich-formatting table td.nowrap::before{content:\"&nbsp;\";visibility:hidden}.rich-formatting table th.nowrap span,.rich-formatting table td.nowrap span{position:absolute;left:8px;right:8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.rich-formatting>:first-child{margin-top:0}.information-board{background:#1f232b;padding:20px 0}.information-board .container-alt{position:relative;padding-right:295px}.information-board__sections{display:flex;justify-content:space-between;flex-wrap:wrap}.information-board__section{flex:1 0 0;font-family:sans-serif,sans-serif;font-size:16px;line-height:28px;color:#fff;text-align:right;padding:10px 15px}.information-board__section span,.information-board__section strong{display:block}.information-board__section span:last-child{color:#ecf0f4}.information-board__section strong{font-family:sans-serif,sans-serif;font-weight:500;font-size:32px;line-height:48px}@media screen and (max-width: 700px){.information-board__section{text-align:center}}.information-board .panel{position:absolute;width:280px;box-sizing:border-box;background:#17191f;padding:20px;padding-top:10px;border-radius:4px 4px 0 0;right:0;bottom:-40px}.information-board .panel .panel-header{font-family:sans-serif,sans-serif;font-size:14px;line-height:24px;font-weight:500;color:#dde3ec;padding-bottom:5px;margin-bottom:15px;border-bottom:1px solid #313543;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.information-board .panel .panel-header a,.information-board .panel .panel-header span{font-weight:400;color:#bcc9da}.information-board .panel .panel-header a{text-decoration:none}.information-board .owner{text-align:center}.information-board .owner .avatar{width:80px;height:80px;width:80px;height:80px;background-size:80px 80px;margin:0 auto;margin-bottom:15px}.information-board .owner .avatar img{display:block;width:80px;height:80px;border-radius:48px;border-radius:8%;background-position:50%;background-clip:padding-box}.information-board .owner .name{font-size:14px}.information-board .owner .name a{display:block;color:#fff;text-decoration:none}.information-board .owner .name a:hover .display_name{text-decoration:underline}.information-board .owner .name .username{display:block;color:#dde3ec}.landing-page p,.landing-page li{font-family:sans-serif,sans-serif;font-size:16px;font-weight:400;font-size:16px;line-height:30px;margin-bottom:12px;color:#dde3ec}.landing-page p a,.landing-page li a{color:#2b90d9;text-decoration:underline}.landing-page em{display:inline;margin:0;padding:0;font-weight:700;background:transparent;font-family:inherit;font-size:inherit;line-height:inherit;color:#fefefe}.landing-page h1{font-family:sans-serif,sans-serif;font-size:26px;line-height:30px;font-weight:500;margin-bottom:20px;color:#ecf0f4}.landing-page h1 small{font-family:sans-serif,sans-serif;display:block;font-size:18px;font-weight:400;color:#fefefe}.landing-page h2{font-family:sans-serif,sans-serif;font-size:22px;line-height:26px;font-weight:500;margin-bottom:20px;color:#ecf0f4}.landing-page h3{font-family:sans-serif,sans-serif;font-size:18px;line-height:24px;font-weight:500;margin-bottom:20px;color:#ecf0f4}.landing-page h4{font-family:sans-serif,sans-serif;font-size:16px;line-height:24px;font-weight:500;margin-bottom:20px;color:#ecf0f4}.landing-page h5{font-family:sans-serif,sans-serif;font-size:14px;line-height:24px;font-weight:500;margin-bottom:20px;color:#ecf0f4}.landing-page h6{font-family:sans-serif,sans-serif;font-size:12px;line-height:24px;font-weight:500;margin-bottom:20px;color:#ecf0f4}.landing-page ul,.landing-page ol{margin-left:20px}.landing-page ul[type=a],.landing-page ol[type=a]{list-style-type:lower-alpha}.landing-page ul[type=i],.landing-page ol[type=i]{list-style-type:lower-roman}.landing-page ul{list-style:disc}.landing-page ol{list-style:decimal}.landing-page li>ol,.landing-page li>ul{margin-top:6px}.landing-page hr{width:100%;height:0;border:0;border-bottom:1px solid rgba(96,105,132,.6);margin:20px 0}.landing-page hr.spacer{height:1px;border:0}.landing-page__information,.landing-page__forms{padding:20px}.landing-page__call-to-action{background:#282c37;border-radius:4px;padding:25px 40px;overflow:hidden;box-sizing:border-box}.landing-page__call-to-action .row{width:100%;display:flex;flex-direction:row-reverse;flex-wrap:nowrap;justify-content:space-between;align-items:center}.landing-page__call-to-action .row__information-board{display:flex;justify-content:flex-end;align-items:flex-end}.landing-page__call-to-action .row__information-board .information-board__section{flex:1 0 auto;padding:0 10px}@media screen and (max-width: 415px){.landing-page__call-to-action .row__information-board{width:100%;justify-content:space-between}}.landing-page__call-to-action .row__mascot{flex:1;margin:10px -50px 0 0}@media screen and (max-width: 415px){.landing-page__call-to-action .row__mascot{display:none}}.landing-page__logo{margin-right:20px}.landing-page__logo img{height:50px;width:auto;mix-blend-mode:lighten}.landing-page__information{padding:45px 40px;margin-bottom:10px}.landing-page__information:last-child{margin-bottom:0}.landing-page__information strong{font-weight:500;color:#fefefe}.landing-page__information .account{border-bottom:0;padding:0}.landing-page__information .account__display-name{align-items:center;display:flex;margin-right:5px}.landing-page__information .account div.account__display-name:hover .display-name strong{text-decoration:none}.landing-page__information .account div.account__display-name .account__avatar{cursor:default}.landing-page__information .account__avatar-wrapper{margin-left:0;flex:0 0 auto}.landing-page__information .account__avatar{width:44px;height:44px;background-size:44px 44px;width:44px;height:44px;background-size:44px 44px}.landing-page__information .account .display-name{font-size:15px}.landing-page__information .account .display-name__account{font-size:14px}@media screen and (max-width: 960px){.landing-page__information .contact{margin-top:30px}}@media screen and (max-width: 700px){.landing-page__information{padding:25px 20px}}.landing-page__information,.landing-page__forms,.landing-page #mastodon-timeline{box-sizing:border-box;background:#282c37;border-radius:4px;box-shadow:0 0 6px rgba(0,0,0,.1)}.landing-page__mascot{height:104px;position:relative;left:-40px;bottom:25px}.landing-page__mascot img{height:190px;width:auto}.landing-page__short-description .row{display:flex;flex-wrap:wrap;align-items:center;margin-bottom:40px}@media screen and (max-width: 700px){.landing-page__short-description .row{margin-bottom:20px}}.landing-page__short-description p a{color:#ecf0f4}.landing-page__short-description h1{font-weight:500;color:#fff;margin-bottom:0}.landing-page__short-description h1 small{color:#dde3ec}.landing-page__short-description h1 small span{color:#ecf0f4}.landing-page__short-description p:last-child{margin-bottom:0}.landing-page__hero{margin-bottom:10px}.landing-page__hero img{display:block;margin:0;max-width:100%;height:auto;border-radius:4px}@media screen and (max-width: 840px){.landing-page .information-board .container-alt{padding-right:20px}.landing-page .information-board .panel{position:static;margin-top:20px;width:100%;border-radius:4px}.landing-page .information-board .panel .panel-header{text-align:center}}@media screen and (max-width: 675px){.landing-page .header-wrapper{padding-top:0}.landing-page .header-wrapper.compact{padding-bottom:0}.landing-page .header-wrapper.compact .hero .heading{text-align:initial}.landing-page .header .container-alt,.landing-page .features .container-alt{display:block}}.landing-page .cta{margin:20px}.landing{margin-bottom:100px}@media screen and (max-width: 738px){.landing{margin-bottom:0}}.landing__brand{display:flex;justify-content:center;align-items:center;padding:50px}.landing__brand svg{fill:#fff;height:52px}@media screen and (max-width: 415px){.landing__brand{padding:0;margin-bottom:30px}}.landing .directory{margin-top:30px;background:transparent;box-shadow:none;border-radius:0}.landing .hero-widget{margin-top:30px;margin-bottom:0}.landing .hero-widget h4{padding:10px;text-transform:uppercase;font-weight:700;font-size:13px;color:#dde3ec}.landing .hero-widget__text{border-radius:0;padding-bottom:0}.landing .hero-widget__footer{background:#282c37;padding:10px;border-radius:0 0 4px 4px;display:flex}.landing .hero-widget__footer__column{flex:1 1 50%}.landing .hero-widget .account{padding:10px 0;border-bottom:0}.landing .hero-widget .account .account__display-name{display:flex;align-items:center}.landing .hero-widget .account .account__avatar{width:44px;height:44px;background-size:44px 44px}.landing .hero-widget__counter{padding:10px}.landing .hero-widget__counter strong{font-family:sans-serif,sans-serif;font-size:15px;font-weight:700;display:block}.landing .hero-widget__counter span{font-size:14px;color:#dde3ec}.landing .simple_form .user_agreement .label_input>label{font-weight:400;color:#dde3ec}.landing .simple_form p.lead{color:#dde3ec;font-size:15px;line-height:20px;font-weight:400;margin-bottom:25px}.landing__grid{max-width:960px;margin:0 auto;display:grid;grid-template-columns:minmax(0, 50%) minmax(0, 50%);grid-gap:30px}@media screen and (max-width: 738px){.landing__grid{grid-template-columns:minmax(0, 100%);grid-gap:10px}.landing__grid__column-login{grid-row:1;display:flex;flex-direction:column}.landing__grid__column-login .box-widget{order:2;flex:0 0 auto}.landing__grid__column-login .hero-widget{margin-top:0;margin-bottom:10px;order:1;flex:0 0 auto}.landing__grid__column-registration{grid-row:2}.landing__grid .directory{margin-top:10px}}@media screen and (max-width: 415px){.landing__grid{grid-gap:0}.landing__grid .hero-widget{display:block;margin-bottom:0;box-shadow:none}.landing__grid .hero-widget__img,.landing__grid .hero-widget__img img,.landing__grid .hero-widget__footer{border-radius:0}.landing__grid .hero-widget,.landing__grid .box-widget,.landing__grid .directory__tag{border-bottom:1px solid #393f4f}.landing__grid .directory{margin-top:0}.landing__grid .directory__tag{margin-bottom:0}.landing__grid .directory__tag>a,.landing__grid .directory__tag>div{border-radius:0;box-shadow:none}.landing__grid .directory__tag:last-child{border-bottom:0}}.brand{position:relative;text-decoration:none}.brand__tagline{display:block;position:absolute;bottom:-10px;left:50px;width:300px;color:#9baec8;text-decoration:none;font-size:14px}@media screen and (max-width: 415px){.brand__tagline{position:static;width:auto;margin-top:20px;color:#c2cede}}.table{width:100%;max-width:100%;border-spacing:0;border-collapse:collapse}.table th,.table td{padding:8px;line-height:18px;vertical-align:top;border-top:1px solid #282c37;text-align:left;background:#1f232b}.table>thead>tr>th{vertical-align:bottom;border-bottom:2px solid #282c37;border-top:0;font-weight:500}.table>tbody>tr>th{font-weight:500}.table>tbody>tr:nth-child(odd)>td,.table>tbody>tr:nth-child(odd)>th{background:#282c37}.table a{color:#2b90d9;text-decoration:underline}.table a:hover{text-decoration:none}.table strong{font-weight:500}.table strong:lang(ja){font-weight:700}.table strong:lang(ko){font-weight:700}.table strong:lang(zh-CN){font-weight:700}.table strong:lang(zh-HK){font-weight:700}.table strong:lang(zh-TW){font-weight:700}.table.inline-table>tbody>tr:nth-child(odd)>td,.table.inline-table>tbody>tr:nth-child(odd)>th{background:transparent}.table.inline-table>tbody>tr:first-child>td,.table.inline-table>tbody>tr:first-child>th{border-top:0}.table.batch-table>thead>tr>th{background:#282c37;border-top:1px solid #17191f;border-bottom:1px solid #17191f}.table.batch-table>thead>tr>th:first-child{border-radius:4px 0 0;border-left:1px solid #17191f}.table.batch-table>thead>tr>th:last-child{border-radius:0 4px 0 0;border-right:1px solid #17191f}.table--invites tbody td{vertical-align:middle}.table-wrapper{overflow:auto;margin-bottom:20px}samp{font-family:monospace,monospace}button.table-action-link{background:transparent;border:0;font:inherit}button.table-action-link,a.table-action-link{text-decoration:none;display:inline-block;margin-right:5px;padding:0 10px;color:#dde3ec;font-weight:500}button.table-action-link:hover,a.table-action-link:hover{color:#fff}button.table-action-link i.fa,a.table-action-link i.fa{font-weight:400;margin-right:5px}button.table-action-link:first-child,a.table-action-link:first-child{padding-left:0}.batch-table__toolbar,.batch-table__row{display:flex}.batch-table__toolbar__select,.batch-table__row__select{box-sizing:border-box;padding:8px 16px;cursor:pointer;min-height:100%}.batch-table__toolbar__select input,.batch-table__row__select input{margin-top:8px}.batch-table__toolbar__select--aligned,.batch-table__row__select--aligned{display:flex;align-items:center}.batch-table__toolbar__select--aligned input,.batch-table__row__select--aligned input{margin-top:0}.batch-table__toolbar__actions,.batch-table__toolbar__content,.batch-table__row__actions,.batch-table__row__content{padding:8px 0;padding-right:16px;flex:1 1 auto}.batch-table__toolbar{border:1px solid #17191f;background:#282c37;border-radius:4px 0 0;height:47px;align-items:center}.batch-table__toolbar__actions{text-align:right;padding-right:11px}.batch-table__form{padding:16px;border:1px solid #17191f;border-top:0;background:#282c37}.batch-table__form .fields-row{padding-top:0;margin-bottom:0}.batch-table__row{border:1px solid #17191f;border-top:0;background:#1f232b}@media screen and (max-width: 415px){.optional .batch-table__row:first-child{border-top:1px solid #17191f}}.batch-table__row:hover{background:#242731}.batch-table__row:nth-child(even){background:#282c37}.batch-table__row:nth-child(even):hover{background:#2c313d}.batch-table__row__content{padding-top:12px;padding-bottom:16px}.batch-table__row__content--unpadded{padding:0}.batch-table__row__content--with-image{display:flex;align-items:center}.batch-table__row__content__image{flex:0 0 auto;display:flex;justify-content:center;align-items:center;margin-right:10px}.batch-table__row__content__image .emojione{width:32px;height:32px}.batch-table__row__content__text{flex:1 1 auto}.batch-table__row__content__extra{flex:0 0 auto;text-align:right;color:#dde3ec;font-weight:500}.batch-table__row .directory__tag{margin:0;width:100%}.batch-table__row .directory__tag a{background:transparent;border-radius:0}@media screen and (max-width: 415px){.batch-table.optional .batch-table__toolbar,.batch-table.optional .batch-table__row__select{display:none}}.batch-table .status__content{padding-top:0}.batch-table .status__content strong{font-weight:700}.batch-table .nothing-here{border:1px solid #17191f;border-top:0;box-shadow:none}@media screen and (max-width: 415px){.batch-table .nothing-here{border-top:1px solid #17191f}}@media screen and (max-width: 870px){.batch-table .accounts-table tbody td.optional{display:none}}.admin-wrapper{display:flex;justify-content:center;width:100%;min-height:100vh}.admin-wrapper .sidebar-wrapper{min-height:100vh;overflow:hidden;pointer-events:none;flex:1 1 auto}.admin-wrapper .sidebar-wrapper__inner{display:flex;justify-content:flex-end;background:#282c37;height:100%}.admin-wrapper .sidebar{width:240px;padding:0;pointer-events:auto}.admin-wrapper .sidebar__toggle{display:none;background:#393f4f;height:48px}.admin-wrapper .sidebar__toggle__logo{flex:1 1 auto}.admin-wrapper .sidebar__toggle__logo a{display:inline-block;padding:15px}.admin-wrapper .sidebar__toggle__logo svg{fill:#fff;height:20px;position:relative;bottom:-2px}.admin-wrapper .sidebar__toggle__icon{display:block;color:#dde3ec;text-decoration:none;flex:0 0 auto;font-size:20px;padding:15px}.admin-wrapper .sidebar__toggle a:hover,.admin-wrapper .sidebar__toggle a:focus,.admin-wrapper .sidebar__toggle a:active{background:#42485a}.admin-wrapper .sidebar .logo{display:block;margin:40px auto;width:100px;height:100px}@media screen and (max-width: 600px){.admin-wrapper .sidebar>a:first-child{display:none}}.admin-wrapper .sidebar ul{list-style:none;border-radius:4px 0 0 4px;overflow:hidden;margin-bottom:20px}@media screen and (max-width: 600px){.admin-wrapper .sidebar ul{margin-bottom:0}}.admin-wrapper .sidebar ul a{display:block;padding:15px;color:#dde3ec;text-decoration:none;transition:all 200ms linear;transition-property:color,background-color;border-radius:4px 0 0 4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.admin-wrapper .sidebar ul a i.fa{margin-right:5px}.admin-wrapper .sidebar ul a:hover{color:#fff;background-color:#1d2028;transition:all 100ms linear;transition-property:color,background-color}.admin-wrapper .sidebar ul a.selected{background:#242731;border-radius:4px 0 0}.admin-wrapper .sidebar ul ul{background:#1f232b;border-radius:0 0 0 4px;margin:0}.admin-wrapper .sidebar ul ul a{border:0;padding:15px 35px}.admin-wrapper .sidebar ul .simple-navigation-active-leaf a{color:#fff;background-color:#2b5fd9;border-bottom:0;border-radius:0}.admin-wrapper .sidebar ul .simple-navigation-active-leaf a:hover{background-color:#416fdd}.admin-wrapper .sidebar>ul>.simple-navigation-active-leaf a{border-radius:4px 0 0 4px}.admin-wrapper .content-wrapper{box-sizing:border-box;width:100%;max-width:840px;flex:1 1 auto}@media screen and (max-width: 1080px){.admin-wrapper .sidebar-wrapper--empty{display:none}.admin-wrapper .sidebar-wrapper{width:240px;flex:0 0 auto}}@media screen and (max-width: 600px){.admin-wrapper .sidebar-wrapper{width:100%}}.admin-wrapper .content{padding:20px 15px;padding-top:60px;padding-left:25px}@media screen and (max-width: 600px){.admin-wrapper .content{max-width:none;padding:15px;padding-top:30px}}.admin-wrapper .content-heading{display:flex;padding-bottom:40px;border-bottom:1px solid #393f4f;margin:-15px -15px 40px 0;flex-wrap:wrap;align-items:center;justify-content:space-between}.admin-wrapper .content-heading>*{margin-top:15px;margin-right:15px}.admin-wrapper .content-heading-actions{display:inline-flex}.admin-wrapper .content-heading-actions>:not(:first-child){margin-left:5px}@media screen and (max-width: 600px){.admin-wrapper .content-heading{border-bottom:0;padding-bottom:0}}.admin-wrapper .content h2{color:#ecf0f4;font-size:24px;line-height:28px;font-weight:400}@media screen and (max-width: 600px){.admin-wrapper .content h2{font-weight:700}}.admin-wrapper .content h3{color:#ecf0f4;font-size:20px;line-height:28px;font-weight:400;margin-bottom:30px}.admin-wrapper .content h4{text-transform:uppercase;font-size:13px;font-weight:700;color:#dde3ec;padding-bottom:8px;margin-bottom:8px;border-bottom:1px solid #393f4f}.admin-wrapper .content h6{font-size:16px;color:#ecf0f4;line-height:28px;font-weight:500}.admin-wrapper .content .fields-group h6{color:#fff;font-weight:500}.admin-wrapper .content .directory__tag>a,.admin-wrapper .content .directory__tag>div{box-shadow:none}.admin-wrapper .content .directory__tag .table-action-link .fa{color:inherit}.admin-wrapper .content .directory__tag h4{font-size:18px;font-weight:700;color:#fff;text-transform:none;padding-bottom:0;margin-bottom:0;border-bottom:none}.admin-wrapper .content>p{font-size:14px;line-height:21px;color:#ecf0f4;margin-bottom:20px}.admin-wrapper .content>p strong{color:#fff;font-weight:500}.admin-wrapper .content>p strong:lang(ja){font-weight:700}.admin-wrapper .content>p strong:lang(ko){font-weight:700}.admin-wrapper .content>p strong:lang(zh-CN){font-weight:700}.admin-wrapper .content>p strong:lang(zh-HK){font-weight:700}.admin-wrapper .content>p strong:lang(zh-TW){font-weight:700}.admin-wrapper .content hr{width:100%;height:0;border:0;border-bottom:1px solid rgba(96,105,132,.6);margin:20px 0}.admin-wrapper .content hr.spacer{height:1px;border:0}@media screen and (max-width: 600px){.admin-wrapper{display:block}.admin-wrapper .sidebar-wrapper{min-height:0}.admin-wrapper .sidebar{width:100%;padding:0;height:auto}.admin-wrapper .sidebar__toggle{display:flex}.admin-wrapper .sidebar>ul{display:none}.admin-wrapper .sidebar ul a,.admin-wrapper .sidebar ul ul a{border-radius:0;border-bottom:1px solid #313543;transition:none}.admin-wrapper .sidebar ul a:hover,.admin-wrapper .sidebar ul ul a:hover{transition:none}.admin-wrapper .sidebar ul ul{border-radius:0}.admin-wrapper .sidebar ul .simple-navigation-active-leaf a{border-bottom-color:#2b5fd9}}hr.spacer{width:100%;border:0;margin:20px 0;height:1px}body .muted-hint,.admin-wrapper .content .muted-hint{color:#dde3ec}body .muted-hint a,.admin-wrapper .content .muted-hint a{color:#2b90d9}body .positive-hint,.admin-wrapper .content .positive-hint{color:#79bd9a;font-weight:500}body .negative-hint,.admin-wrapper .content .negative-hint{color:#df405a;font-weight:500}body .neutral-hint,.admin-wrapper .content .neutral-hint{color:#c2cede;font-weight:500}body .warning-hint,.admin-wrapper .content .warning-hint{color:#ca8f04;font-weight:500}.filters{display:flex;flex-wrap:wrap}.filters .filter-subset{flex:0 0 auto;margin:0 40px 20px 0}.filters .filter-subset:last-child{margin-bottom:30px}.filters .filter-subset ul{margin-top:5px;list-style:none}.filters .filter-subset ul li{display:inline-block;margin-right:5px}.filters .filter-subset strong{font-weight:500;text-transform:uppercase;font-size:12px}.filters .filter-subset strong:lang(ja){font-weight:700}.filters .filter-subset strong:lang(ko){font-weight:700}.filters .filter-subset strong:lang(zh-CN){font-weight:700}.filters .filter-subset strong:lang(zh-HK){font-weight:700}.filters .filter-subset strong:lang(zh-TW){font-weight:700}.filters .filter-subset--with-select strong{display:block;margin-bottom:10px}.filters .filter-subset a{display:inline-block;color:#dde3ec;text-decoration:none;text-transform:uppercase;font-size:12px;font-weight:500;border-bottom:2px solid #282c37}.filters .filter-subset a:hover{color:#fff;border-bottom:2px solid #333846}.filters .filter-subset a.selected{color:#2b90d9;border-bottom:2px solid #2b5fd9}.flavour-screen{display:block;margin:10px auto;max-width:100%}.flavour-description{display:block;font-size:16px;margin:10px 0}.flavour-description>p{margin:10px 0}.report-accounts{display:flex;flex-wrap:wrap;margin-bottom:20px}.report-accounts__item{display:flex;flex:250px;flex-direction:column;margin:0 5px}.report-accounts__item>strong{display:block;margin:0 0 10px -5px;font-weight:500;font-size:14px;line-height:18px;color:#ecf0f4}.report-accounts__item>strong:lang(ja){font-weight:700}.report-accounts__item>strong:lang(ko){font-weight:700}.report-accounts__item>strong:lang(zh-CN){font-weight:700}.report-accounts__item>strong:lang(zh-HK){font-weight:700}.report-accounts__item>strong:lang(zh-TW){font-weight:700}.report-accounts__item .account-card{flex:1 1 auto}.report-status,.account-status{display:flex;margin-bottom:10px}.report-status .activity-stream,.account-status .activity-stream{flex:2 0 0;margin-right:20px;max-width:calc(100% - 60px)}.report-status .activity-stream .entry,.account-status .activity-stream .entry{border-radius:4px}.report-status__actions,.account-status__actions{flex:0 0 auto;display:flex;flex-direction:column}.report-status__actions .icon-button,.account-status__actions .icon-button{font-size:24px;width:24px;text-align:center;margin-bottom:10px}.simple_form.new_report_note,.simple_form.new_account_moderation_note{max-width:100%}.batch-form-box{display:flex;flex-wrap:wrap;margin-bottom:5px}.batch-form-box #form_status_batch_action{margin:0 5px 5px 0;font-size:14px}.batch-form-box input.button{margin:0 5px 5px 0}.batch-form-box .media-spoiler-toggle-buttons{margin-left:auto}.batch-form-box .media-spoiler-toggle-buttons .button{overflow:visible;margin:0 0 5px 5px;float:right}.back-link{margin-bottom:10px;font-size:14px}.back-link a{color:#2b90d9;text-decoration:none}.back-link a:hover{text-decoration:underline}.spacer{flex:1 1 auto}.log-entry{line-height:20px;padding:15px 0;background:#282c37;border-bottom:1px solid #313543}.log-entry:last-child{border-bottom:0}.log-entry__header{display:flex;justify-content:flex-start;align-items:center;color:#dde3ec;font-size:14px;padding:0 10px}.log-entry__avatar{margin-right:10px}.log-entry__avatar .avatar{display:block;margin:0;border-radius:50%;width:40px;height:40px}.log-entry__content{max-width:calc(100% - 90px)}.log-entry__title{word-wrap:break-word}.log-entry__timestamp{color:#c2cede}.log-entry a,.log-entry .username,.log-entry .target{color:#ecf0f4;text-decoration:none;font-weight:500}a.name-tag,.name-tag,a.inline-name-tag,.inline-name-tag{text-decoration:none;color:#ecf0f4}a.name-tag .username,.name-tag .username,a.inline-name-tag .username,.inline-name-tag .username{font-weight:500}a.name-tag.suspended .username,.name-tag.suspended .username,a.inline-name-tag.suspended .username,.inline-name-tag.suspended .username{text-decoration:line-through;color:#e87487}a.name-tag.suspended .avatar,.name-tag.suspended .avatar,a.inline-name-tag.suspended .avatar,.inline-name-tag.suspended .avatar{filter:grayscale(100%);opacity:.8}a.name-tag,.name-tag{display:flex;align-items:center}a.name-tag .avatar,.name-tag .avatar{display:block;margin:0;margin-right:5px;border-radius:50%}a.name-tag.suspended .avatar,.name-tag.suspended .avatar{filter:grayscale(100%);opacity:.8}.speech-bubble{margin-bottom:20px;border-left:4px solid #2b5fd9}.speech-bubble.positive{border-left-color:#79bd9a}.speech-bubble.negative{border-left-color:#e87487}.speech-bubble.warning{border-left-color:#ca8f04}.speech-bubble__bubble{padding:16px;padding-left:14px;font-size:15px;line-height:20px;border-radius:4px 4px 4px 0;position:relative;font-weight:500}.speech-bubble__bubble a{color:#dde3ec}.speech-bubble__owner{padding:8px;padding-left:12px}.speech-bubble time{color:#c2cede}.report-card{background:#282c37;border-radius:4px;margin-bottom:20px}.report-card__profile{display:flex;justify-content:space-between;align-items:center;padding:15px}.report-card__profile .account{padding:0;border:0}.report-card__profile .account__avatar-wrapper{margin-left:0}.report-card__profile__stats{flex:0 0 auto;font-weight:500;color:#dde3ec;text-transform:uppercase;text-align:right}.report-card__profile__stats a{color:inherit;text-decoration:none}.report-card__profile__stats a:focus,.report-card__profile__stats a:hover,.report-card__profile__stats a:active{color:#f7f9fb}.report-card__profile__stats .red{color:#df405a}.report-card__summary__item{display:flex;justify-content:flex-start;border-top:1px solid #1f232b}.report-card__summary__item:hover{background:#2c313d}.report-card__summary__item__reported-by,.report-card__summary__item__assigned{padding:15px;flex:0 0 auto;box-sizing:border-box;width:150px;color:#dde3ec}.report-card__summary__item__reported-by,.report-card__summary__item__reported-by .username,.report-card__summary__item__assigned,.report-card__summary__item__assigned .username{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.report-card__summary__item__content{flex:1 1 auto;max-width:calc(100% - 300px)}.report-card__summary__item__content__icon{color:#c2cede;margin-right:4px;font-weight:500}.report-card__summary__item__content a{display:block;box-sizing:border-box;width:100%;padding:15px;text-decoration:none;color:#dde3ec}.one-line{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ellipsized-ip{display:inline-block;max-width:120px;overflow:hidden;text-overflow:ellipsis;vertical-align:middle}.admin-account-bio{display:flex;flex-wrap:wrap;margin:0 -5px;margin-top:20px}.admin-account-bio>div{box-sizing:border-box;padding:0 5px;margin-bottom:10px;flex:1 0 50%}.admin-account-bio .account__header__fields,.admin-account-bio .account__header__content{background:#393f4f;border-radius:4px;height:100%}.admin-account-bio .account__header__fields{margin:0;border:0}.admin-account-bio .account__header__fields a{color:#4e79df}.admin-account-bio .account__header__fields dl:first-child .verified{border-radius:0 4px 0 0}.admin-account-bio .account__header__fields .verified a{color:#79bd9a}.admin-account-bio .account__header__content{box-sizing:border-box;padding:20px;color:#fff}.center-text{text-align:center}.announcements-list{border:1px solid #313543;border-radius:4px}.announcements-list__item{padding:15px 0;background:#282c37;border-bottom:1px solid #313543}.announcements-list__item__title{padding:0 15px;display:block;font-weight:500;font-size:18px;line-height:1.5;color:#ecf0f4;text-decoration:none;margin-bottom:10px}.announcements-list__item__title:hover,.announcements-list__item__title:focus,.announcements-list__item__title:active{color:#fff}.announcements-list__item__meta{padding:0 15px;color:#c2cede}.announcements-list__item__action-bar{display:flex;justify-content:space-between;align-items:center}.announcements-list__item:last-child{border-bottom:0}.emojione[title=\":wavy_dash:\"],.emojione[title=\":waving_black_flag:\"],.emojione[title=\":water_buffalo:\"],.emojione[title=\":video_game:\"],.emojione[title=\":video_camera:\"],.emojione[title=\":vhs:\"],.emojione[title=\":turkey:\"],.emojione[title=\":tophat:\"],.emojione[title=\":top:\"],.emojione[title=\":tm:\"],.emojione[title=\":telephone_receiver:\"],.emojione[title=\":spider:\"],.emojione[title=\":speaking_head_in_silhouette:\"],.emojione[title=\":spades:\"],.emojione[title=\":soon:\"],.emojione[title=\":registered:\"],.emojione[title=\":on:\"],.emojione[title=\":musical_score:\"],.emojione[title=\":movie_camera:\"],.emojione[title=\":mortar_board:\"],.emojione[title=\":microphone:\"],.emojione[title=\":male-guard:\"],.emojione[title=\":lower_left_fountain_pen:\"],.emojione[title=\":lower_left_ballpoint_pen:\"],.emojione[title=\":kaaba:\"],.emojione[title=\":joystick:\"],.emojione[title=\":hole:\"],.emojione[title=\":hocho:\"],.emojione[title=\":heavy_plus_sign:\"],.emojione[title=\":heavy_multiplication_x:\"],.emojione[title=\":heavy_minus_sign:\"],.emojione[title=\":heavy_dollar_sign:\"],.emojione[title=\":heavy_division_sign:\"],.emojione[title=\":heavy_check_mark:\"],.emojione[title=\":guardsman:\"],.emojione[title=\":gorilla:\"],.emojione[title=\":fried_egg:\"],.emojione[title=\":film_projector:\"],.emojione[title=\":female-guard:\"],.emojione[title=\":end:\"],.emojione[title=\":electric_plug:\"],.emojione[title=\":eight_pointed_black_star:\"],.emojione[title=\":dark_sunglasses:\"],.emojione[title=\":currency_exchange:\"],.emojione[title=\":curly_loop:\"],.emojione[title=\":copyright:\"],.emojione[title=\":clubs:\"],.emojione[title=\":camera_with_flash:\"],.emojione[title=\":camera:\"],.emojione[title=\":busts_in_silhouette:\"],.emojione[title=\":bust_in_silhouette:\"],.emojione[title=\":bowling:\"],.emojione[title=\":bomb:\"],.emojione[title=\":black_small_square:\"],.emojione[title=\":black_nib:\"],.emojione[title=\":black_medium_square:\"],.emojione[title=\":black_medium_small_square:\"],.emojione[title=\":black_large_square:\"],.emojione[title=\":black_heart:\"],.emojione[title=\":black_circle:\"],.emojione[title=\":back:\"],.emojione[title=\":ant:\"],.emojione[title=\":8ball:\"]{filter:drop-shadow(1px 1px 0 #ffffff) drop-shadow(-1px 1px 0 #ffffff) drop-shadow(1px -1px 0 #ffffff) drop-shadow(-1px -1px 0 #ffffff)}.hicolor-privacy-icons .status__visibility-icon.fa-globe,.hicolor-privacy-icons .composer--options--dropdown--content--item .fa-globe{color:#1976d2}.hicolor-privacy-icons .status__visibility-icon.fa-unlock,.hicolor-privacy-icons .composer--options--dropdown--content--item .fa-unlock{color:#388e3c}.hicolor-privacy-icons .status__visibility-icon.fa-lock,.hicolor-privacy-icons .composer--options--dropdown--content--item .fa-lock{color:#ffa000}.hicolor-privacy-icons .status__visibility-icon.fa-envelope,.hicolor-privacy-icons .composer--options--dropdown--content--item .fa-envelope{color:#d32f2f}body.rtl{direction:rtl}body.rtl .column-header>button{text-align:right;padding-left:0;padding-right:15px}body.rtl .radio-button__input{margin-right:0;margin-left:10px}body.rtl .directory__card__bar .display-name{margin-left:0;margin-right:15px}body.rtl .display-name{text-align:right}body.rtl .notification__message{margin-left:0;margin-right:68px}body.rtl .drawer__inner__mastodon>img{transform:scaleX(-1)}body.rtl .notification__favourite-icon-wrapper{left:auto;right:-26px}body.rtl .landing-page__logo{margin-right:0;margin-left:20px}body.rtl .landing-page .features-list .features-list__row .visual{margin-left:0;margin-right:15px}body.rtl .column-link__icon,body.rtl .column-header__icon{margin-right:0;margin-left:5px}body.rtl .compose-form .compose-form__buttons-wrapper .character-counter__wrapper{margin-right:0;margin-left:4px}body.rtl .composer--publisher{text-align:left}body.rtl .boost-modal__status-time,body.rtl .favourite-modal__status-time{float:left}body.rtl .navigation-bar__profile{margin-left:0;margin-right:8px}body.rtl .search__input{padding-right:10px;padding-left:30px}body.rtl .search__icon .fa{right:auto;left:10px}body.rtl .columns-area{direction:rtl}body.rtl .column-header__buttons{left:0;right:auto;margin-left:0;margin-right:-15px}body.rtl .column-inline-form .icon-button{margin-left:0;margin-right:5px}body.rtl .column-header__links .text-btn{margin-left:10px;margin-right:0}body.rtl .account__avatar-wrapper{float:right}body.rtl .column-header__back-button{padding-left:5px;padding-right:0}body.rtl .column-header__setting-arrows{float:left}body.rtl .setting-toggle__label{margin-left:0;margin-right:8px}body.rtl .setting-meta__label{float:left}body.rtl .status__avatar{margin-left:10px;margin-right:0;left:auto;right:10px}body.rtl .activity-stream .status.light{padding-left:10px;padding-right:68px}body.rtl .status__info .status__display-name,body.rtl .activity-stream .status.light .status__display-name{padding-left:25px;padding-right:0}body.rtl .activity-stream .pre-header{padding-right:68px;padding-left:0}body.rtl .status__prepend{margin-left:0;margin-right:58px}body.rtl .status__prepend-icon-wrapper{left:auto;right:-26px}body.rtl .activity-stream .pre-header .pre-header__icon{left:auto;right:42px}body.rtl .account__avatar-overlay-overlay{right:auto;left:0}body.rtl .column-back-button--slim-button{right:auto;left:0}body.rtl .status__relative-time,body.rtl .activity-stream .status.light .status__header .status__meta{float:left;text-align:left}body.rtl .status__action-bar__counter{margin-right:0;margin-left:11px}body.rtl .status__action-bar__counter .status__action-bar-button{margin-right:0;margin-left:4px}body.rtl .status__action-bar-button{float:right;margin-right:0;margin-left:18px}body.rtl .status__action-bar-dropdown{float:right}body.rtl .privacy-dropdown__dropdown{margin-left:0;margin-right:40px}body.rtl .privacy-dropdown__option__icon{margin-left:10px;margin-right:0}body.rtl .detailed-status__display-name .display-name{text-align:right}body.rtl .detailed-status__display-avatar{margin-right:0;margin-left:10px;float:right}body.rtl .detailed-status__favorites,body.rtl .detailed-status__reblogs{margin-left:0;margin-right:6px}body.rtl .fa-ul{margin-left:2.14285714em}body.rtl .fa-li{left:auto;right:-2.14285714em}body.rtl .admin-wrapper{direction:rtl}body.rtl .admin-wrapper .sidebar ul a i.fa,body.rtl a.table-action-link i.fa{margin-right:0;margin-left:5px}body.rtl .simple_form .check_boxes .checkbox label{padding-left:0;padding-right:25px}body.rtl .simple_form .input.with_label.boolean label.checkbox{padding-left:25px;padding-right:0}body.rtl .simple_form .check_boxes .checkbox input[type=checkbox],body.rtl .simple_form .input.boolean input[type=checkbox]{left:auto;right:0}body.rtl .simple_form .input.radio_buttons .radio{left:auto;right:0}body.rtl .simple_form .input.radio_buttons .radio>label{padding-right:28px;padding-left:0}body.rtl .simple_form .input-with-append .input input{padding-left:142px;padding-right:0}body.rtl .simple_form .input.boolean label.checkbox{left:auto;right:0}body.rtl .simple_form .input.boolean .label_input,body.rtl .simple_form .input.boolean .hint{padding-left:0;padding-right:28px}body.rtl .simple_form .label_input__append{right:auto;left:3px}body.rtl .simple_form .label_input__append::after{right:auto;left:0;background-image:linear-gradient(to left, rgba(19, 20, 25, 0), #131419)}body.rtl .simple_form select{background:#131419 url(\"data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14.933 18.467' height='19.698' width='15.929'><path d='M3.467 14.967l-3.393-3.5H14.86l-3.392 3.5c-1.866 1.925-3.666 3.5-4 3.5-.335 0-2.135-1.575-4-3.5zm.266-11.234L7.467 0 11.2 3.733l3.733 3.734H0l3.733-3.734z' fill='%2342485A'/></svg>\") no-repeat left 8px center/auto 16px}body.rtl .table th,body.rtl .table td{text-align:right}body.rtl .filters .filter-subset{margin-right:0;margin-left:45px}body.rtl .landing-page .header-wrapper .mascot{right:60px;left:auto}body.rtl .landing-page__call-to-action .row__information-board{direction:rtl}body.rtl .landing-page .header .hero .floats .float-1{left:-120px;right:auto}body.rtl .landing-page .header .hero .floats .float-2{left:210px;right:auto}body.rtl .landing-page .header .hero .floats .float-3{left:110px;right:auto}body.rtl .landing-page .header .links .brand img{left:0}body.rtl .landing-page .fa-external-link{padding-right:5px;padding-left:0 !important}body.rtl .landing-page .features #mastodon-timeline{margin-right:0;margin-left:30px}@media screen and (min-width: 631px){body.rtl .column,body.rtl .drawer{padding-left:5px;padding-right:5px}body.rtl .column:first-child,body.rtl .drawer:first-child{padding-left:5px;padding-right:10px}body.rtl .columns-area>div .column,body.rtl .columns-area>div .drawer{padding-left:5px;padding-right:5px}}body.rtl .columns-area--mobile .column,body.rtl .columns-area--mobile .drawer{padding-left:0;padding-right:0}body.rtl .public-layout .header .nav-button{margin-left:8px;margin-right:0}body.rtl .public-layout .public-account-header__tabs{margin-left:0;margin-right:20px}body.rtl .landing-page__information .account__display-name{margin-right:0;margin-left:5px}body.rtl .landing-page__information .account__avatar-wrapper{margin-left:12px;margin-right:0}body.rtl .card__bar .display-name{margin-left:0;margin-right:15px;text-align:right}body.rtl .fa-chevron-left::before{content:\"\"}body.rtl .fa-chevron-right::before{content:\"\"}body.rtl .column-back-button__icon{margin-right:0;margin-left:5px}body.rtl .column-header__setting-arrows .column-header__setting-btn:last-child{padding-left:0;padding-right:10px}body.rtl .simple_form .input.radio_buttons .radio>label input{left:auto;right:0}.dashboard__counters{display:flex;flex-wrap:wrap;margin:0 -5px;margin-bottom:20px}.dashboard__counters>div{box-sizing:border-box;flex:0 0 33.333%;padding:0 5px;margin-bottom:10px}.dashboard__counters>div>div,.dashboard__counters>div>a{padding:20px;background:#313543;border-radius:4px;box-sizing:border-box;height:100%}.dashboard__counters>div>a{text-decoration:none;color:inherit;display:block}.dashboard__counters>div>a:hover,.dashboard__counters>div>a:focus,.dashboard__counters>div>a:active{background:#393f4f}.dashboard__counters__num,.dashboard__counters__text{text-align:center;font-weight:500;font-size:24px;line-height:21px;color:#fff;font-family:sans-serif,sans-serif;margin-bottom:20px;line-height:30px}.dashboard__counters__text{font-size:18px}.dashboard__counters__label{font-size:14px;color:#dde3ec;text-align:center;font-weight:500}.dashboard__widgets{display:flex;flex-wrap:wrap;margin:0 -5px}.dashboard__widgets>div{flex:0 0 33.333%;margin-bottom:20px}.dashboard__widgets>div>div{padding:0 5px}.dashboard__widgets a:not(.name-tag){color:#d9e1e8;font-weight:500;text-decoration:none}.compose-form .compose-form__modifiers .compose-form__upload-description input::placeholder{opacity:1}.rich-formatting a,.rich-formatting p a,.rich-formatting li a,.landing-page__short-description p a,.status__content a,.reply-indicator__content a{color:#5f86e2;text-decoration:underline}.rich-formatting a.mention,.rich-formatting p a.mention,.rich-formatting li a.mention,.landing-page__short-description p a.mention,.status__content a.mention,.reply-indicator__content a.mention{text-decoration:none}.rich-formatting a.mention span,.rich-formatting p a.mention span,.rich-formatting li a.mention span,.landing-page__short-description p a.mention span,.status__content a.mention span,.reply-indicator__content a.mention span{text-decoration:underline}.rich-formatting a.mention span:hover,.rich-formatting a.mention span:focus,.rich-formatting a.mention span:active,.rich-formatting p a.mention span:hover,.rich-formatting p a.mention span:focus,.rich-formatting p a.mention span:active,.rich-formatting li a.mention span:hover,.rich-formatting li a.mention span:focus,.rich-formatting li a.mention span:active,.landing-page__short-description p a.mention span:hover,.landing-page__short-description p a.mention span:focus,.landing-page__short-description p a.mention span:active,.status__content a.mention span:hover,.status__content a.mention span:focus,.status__content a.mention span:active,.reply-indicator__content a.mention span:hover,.reply-indicator__content a.mention span:focus,.reply-indicator__content a.mention span:active{text-decoration:none}.rich-formatting a:hover,.rich-formatting a:focus,.rich-formatting a:active,.rich-formatting p a:hover,.rich-formatting p a:focus,.rich-formatting p a:active,.rich-formatting li a:hover,.rich-formatting li a:focus,.rich-formatting li a:active,.landing-page__short-description p a:hover,.landing-page__short-description p a:focus,.landing-page__short-description p a:active,.status__content a:hover,.status__content a:focus,.status__content a:active,.reply-indicator__content a:hover,.reply-indicator__content a:focus,.reply-indicator__content a:active{text-decoration:none}.rich-formatting a.status__content__spoiler-link,.rich-formatting p a.status__content__spoiler-link,.rich-formatting li a.status__content__spoiler-link,.landing-page__short-description p a.status__content__spoiler-link,.status__content a.status__content__spoiler-link,.reply-indicator__content a.status__content__spoiler-link{color:#ecf0f4;text-decoration:none}.status__content__read-more-button{text-decoration:underline}.status__content__read-more-button:hover,.status__content__read-more-button:focus,.status__content__read-more-button:active{text-decoration:none}.getting-started__footer a{text-decoration:underline}.getting-started__footer a:hover,.getting-started__footer a:focus,.getting-started__footer a:active{text-decoration:none}.nothing-here{color:#dde3ec}.public-layout .public-account-header__tabs__tabs .counter.active::after{border-bottom:4px solid #2b5fd9}","/* http://meyerweb.com/eric/tools/css/reset/\n   v2.0 | 20110126\n   License: none (public domain)\n*/\n\nhtml, body, div, span, applet, object, iframe,\nh1, h2, h3, h4, h5, h6, p, blockquote, pre,\na, abbr, acronym, address, big, cite, code,\ndel, dfn, em, img, ins, kbd, q, s, samp,\nsmall, strike, strong, sub, sup, tt, var,\nb, u, i, center,\ndl, dt, dd, ol, ul, li,\nfieldset, form, label, legend,\ntable, caption, tbody, tfoot, thead, tr, th, td,\narticle, aside, canvas, details, embed,\nfigure, figcaption, footer, header, hgroup,\nmenu, nav, output, ruby, section, summary,\ntime, mark, audio, video {\n  margin: 0;\n  padding: 0;\n  border: 0;\n  font-size: 100%;\n  font: inherit;\n  vertical-align: baseline;\n}\n\n/* HTML5 display-role reset for older browsers */\narticle, aside, details, figcaption, figure,\nfooter, header, hgroup, menu, nav, section {\n  display: block;\n}\n\nbody {\n  line-height: 1;\n}\n\nol, ul {\n  list-style: none;\n}\n\nblockquote, q {\n  quotes: none;\n}\n\nblockquote:before, blockquote:after,\nq:before, q:after {\n  content: '';\n  content: none;\n}\n\ntable {\n  border-collapse: collapse;\n  border-spacing: 0;\n}\n\nhtml {\n  scrollbar-color: lighten($ui-base-color, 4%) rgba($base-overlay-background, 0.1);\n}\n\n::-webkit-scrollbar {\n  width: 12px;\n  height: 12px;\n}\n\n::-webkit-scrollbar-thumb {\n  background: lighten($ui-base-color, 4%);\n  border: 0px none $base-border-color;\n  border-radius: 50px;\n}\n\n::-webkit-scrollbar-thumb:hover {\n  background: lighten($ui-base-color, 6%);\n}\n\n::-webkit-scrollbar-thumb:active {\n  background: lighten($ui-base-color, 4%);\n}\n\n::-webkit-scrollbar-track {\n  border: 0px none $base-border-color;\n  border-radius: 0;\n  background: rgba($base-overlay-background, 0.1);\n}\n\n::-webkit-scrollbar-track:hover {\n  background: $ui-base-color;\n}\n\n::-webkit-scrollbar-track:active {\n  background: $ui-base-color;\n}\n\n::-webkit-scrollbar-corner {\n  background: transparent;\n}\n","// Dependent colors\n$black: #000000;\n\n$classic-base-color: #282c37;\n$classic-primary-color: #9baec8;\n$classic-secondary-color: #d9e1e8;\n$classic-highlight-color: #2b90d9;\n\n$ui-base-color: $classic-base-color !default;\n$ui-primary-color: $classic-primary-color !default;\n$ui-secondary-color: $classic-secondary-color !default;\n\n// Differences\n$ui-highlight-color: #2b5fd9;\n\n$darker-text-color: lighten($ui-primary-color, 20%) !default;\n$dark-text-color: lighten($ui-primary-color, 12%) !default;\n$secondary-text-color: lighten($ui-secondary-color, 6%) !default;\n$highlight-text-color: $classic-highlight-color !default;\n$action-button-color: #8d9ac2;\n\n$inverted-text-color: $black !default;\n$lighter-text-color: darken($ui-base-color,6%) !default;\n$light-text-color: darken($ui-primary-color, 40%) !default;\n","@function hex-color($color) {\n  @if type-of($color) == 'color' {\n    $color: str-slice(ie-hex-str($color), 4);\n  }\n  @return '%23' + unquote($color)\n}\n\nbody {\n  font-family: $font-sans-serif, sans-serif;\n  background: darken($ui-base-color, 7%);\n  font-size: 13px;\n  line-height: 18px;\n  font-weight: 400;\n  color: $primary-text-color;\n  text-rendering: optimizelegibility;\n  font-feature-settings: \"kern\";\n  text-size-adjust: none;\n  -webkit-tap-highlight-color: rgba(0,0,0,0);\n  -webkit-tap-highlight-color: transparent;\n\n  &.system-font {\n    // system-ui => standard property (Chrome/Android WebView 56+, Opera 43+, Safari 11+)\n    // -apple-system => Safari <11 specific\n    // BlinkMacSystemFont => Chrome <56 on macOS specific\n    // Segoe UI => Windows 7/8/10\n    // Oxygen => KDE\n    // Ubuntu => Unity/Ubuntu\n    // Cantarell => GNOME\n    // Fira Sans => Firefox OS\n    // Droid Sans => Older Androids (<4.0)\n    // Helvetica Neue => Older macOS <10.11\n    // $font-sans-serif => web-font (Roboto) fallback and newer Androids (>=4.0)\n    font-family: system-ui, -apple-system, BlinkMacSystemFont, \"Segoe UI\", \"Oxygen\", \"Ubuntu\", \"Cantarell\", \"Fira Sans\", \"Droid Sans\", \"Helvetica Neue\", $font-sans-serif, sans-serif;\n  }\n\n  &.app-body {\n    padding: 0;\n\n    &.layout-single-column {\n      height: auto;\n      min-height: 100vh;\n      overflow-y: scroll;\n    }\n\n    &.layout-multiple-columns {\n      position: absolute;\n      width: 100%;\n      height: 100%;\n    }\n\n    &.with-modals--active {\n      overflow-y: hidden;\n    }\n  }\n\n  &.lighter {\n    background: $ui-base-color;\n  }\n\n  &.with-modals {\n    overflow-x: hidden;\n    overflow-y: scroll;\n\n    &--active {\n      overflow-y: hidden;\n    }\n  }\n\n  &.embed {\n    background: lighten($ui-base-color, 4%);\n    margin: 0;\n    padding-bottom: 0;\n\n    .container {\n      position: absolute;\n      width: 100%;\n      height: 100%;\n      overflow: hidden;\n    }\n  }\n\n  &.admin {\n    background: darken($ui-base-color, 4%);\n    padding: 0;\n  }\n\n  &.error {\n    position: absolute;\n    text-align: center;\n    color: $darker-text-color;\n    background: $ui-base-color;\n    width: 100%;\n    height: 100%;\n    padding: 0;\n    display: flex;\n    justify-content: center;\n    align-items: center;\n\n    .dialog {\n      vertical-align: middle;\n      margin: 20px;\n\n      img {\n        display: block;\n        max-width: 470px;\n        width: 100%;\n        height: auto;\n        margin-top: -120px;\n      }\n\n      h1 {\n        font-size: 20px;\n        line-height: 28px;\n        font-weight: 400;\n      }\n    }\n  }\n}\n\nbutton {\n  font-family: inherit;\n  cursor: pointer;\n\n  &:focus {\n    outline: none;\n  }\n}\n\n.app-holder {\n  &,\n  & > div {\n    display: flex;\n    width: 100%;\n    align-items: center;\n    justify-content: center;\n    outline: 0 !important;\n  }\n}\n\n.layout-single-column .app-holder {\n  &,\n  & > div {\n    min-height: 100vh;\n  }\n}\n\n.layout-multiple-columns .app-holder {\n  &,\n  & > div {\n    height: 100%;\n  }\n}\n","// Commonly used web colors\n$black: #000000;            // Black\n$white: #ffffff;            // White\n$success-green: #79bd9a;    // Padua\n$error-red: #df405a;        // Cerise\n$warning-red: #ff5050;      // Sunset Orange\n$gold-star: #ca8f04;        // Dark Goldenrod\n\n$red-bookmark: $warning-red;\n\n// Pleroma-Dark colors\n$pleroma-bg: #121a24;\n$pleroma-fg: #182230;\n$pleroma-text: #b9b9ba;\n$pleroma-links: #d8a070;\n\n// Values from the classic Mastodon UI\n$classic-base-color: $pleroma-bg;\n$classic-primary-color: #9baec8;\n$classic-secondary-color: #d9e1e8;\n$classic-highlight-color: #d8a070;\n\n// Variables for defaults in UI\n$base-shadow-color: $black !default;\n$base-overlay-background: $black !default;\n$base-border-color: $white !default;\n$simple-background-color: $white !default;\n$valid-value-color: $success-green !default;\n$error-value-color: $error-red !default;\n\n// Tell UI to use selected colors\n$ui-base-color: $classic-base-color !default;                  // Darkest\n$ui-base-lighter-color: lighten($ui-base-color, 26%) !default; // Lighter darkest\n$ui-primary-color: $classic-primary-color !default;            // Lighter\n$ui-secondary-color: $classic-secondary-color !default;        // Lightest\n$ui-highlight-color: $classic-highlight-color !default;\n\n// Variables for texts\n$primary-text-color: $white !default;\n$darker-text-color: $ui-primary-color !default;\n$dark-text-color: $ui-base-lighter-color !default;\n$secondary-text-color: $ui-secondary-color !default;\n$highlight-text-color: $ui-highlight-color !default;\n$action-button-color: $ui-base-lighter-color !default;\n// For texts on inverted backgrounds\n$inverted-text-color: $ui-base-color !default;\n$lighter-text-color: $ui-base-lighter-color !default;\n$light-text-color: $ui-primary-color !default;\n\n// Language codes that uses CJK fonts\n$cjk-langs: ja, ko, zh-CN, zh-HK, zh-TW;\n\n// Variables for components\n$media-modal-media-max-width: 100%;\n// put margins on top and bottom of image to avoid the screen covered by image.\n$media-modal-media-max-height: 80%;\n\n$no-gap-breakpoint: 415px;\n\n$font-sans-serif: sans-serif !default;\n$font-display: sans-serif !default;\n$font-monospace: monospace !default;\n\n// Avatar border size (8% default, 100% for rounded avatars)\n$ui-avatar-border-size: 8%;\n\n// More variables\n$dismiss-overlay-width: 4rem;\n",".container-alt {\n  width: 700px;\n  margin: 0 auto;\n  margin-top: 40px;\n\n  @media screen and (max-width: 740px) {\n    width: 100%;\n    margin: 0;\n  }\n}\n\n.logo-container {\n  margin: 100px auto 50px;\n\n  @media screen and (max-width: 500px) {\n    margin: 40px auto 0;\n  }\n\n  h1 {\n    display: flex;\n    justify-content: center;\n    align-items: center;\n\n    svg {\n      fill: $primary-text-color;\n      height: 42px;\n      margin-right: 10px;\n    }\n\n    a {\n      display: flex;\n      justify-content: center;\n      align-items: center;\n      color: $primary-text-color;\n      text-decoration: none;\n      outline: 0;\n      padding: 12px 16px;\n      line-height: 32px;\n      font-family: $font-display, sans-serif;\n      font-weight: 500;\n      font-size: 14px;\n    }\n  }\n}\n\n.compose-standalone {\n  .compose-form {\n    width: 400px;\n    margin: 0 auto;\n    padding: 20px 0;\n    margin-top: 40px;\n    box-sizing: border-box;\n\n    @media screen and (max-width: 400px) {\n      width: 100%;\n      margin-top: 0;\n      padding: 20px;\n    }\n  }\n}\n\n.account-header {\n  width: 400px;\n  margin: 0 auto;\n  display: flex;\n  font-size: 13px;\n  line-height: 18px;\n  box-sizing: border-box;\n  padding: 20px 0;\n  padding-bottom: 0;\n  margin-bottom: -30px;\n  margin-top: 40px;\n\n  @media screen and (max-width: 440px) {\n    width: 100%;\n    margin: 0;\n    margin-bottom: 10px;\n    padding: 20px;\n    padding-bottom: 0;\n  }\n\n  .avatar {\n    width: 40px;\n    height: 40px;\n    @include avatar-size(40px);\n    margin-right: 8px;\n\n    img {\n      width: 100%;\n      height: 100%;\n      display: block;\n      margin: 0;\n      border-radius: 4px;\n      @include avatar-radius();\n    }\n  }\n\n  .name {\n    flex: 1 1 auto;\n    color: $secondary-text-color;\n    width: calc(100% - 88px);\n\n    .username {\n      display: block;\n      font-weight: 500;\n      text-overflow: ellipsis;\n      overflow: hidden;\n    }\n  }\n\n  .logout-link {\n    display: block;\n    font-size: 32px;\n    line-height: 40px;\n    margin-left: 8px;\n  }\n}\n\n.grid-3 {\n  display: grid;\n  grid-gap: 10px;\n  grid-template-columns: 3fr 1fr;\n  grid-auto-columns: 25%;\n  grid-auto-rows: max-content;\n\n  .column-0 {\n    grid-column: 1/3;\n    grid-row: 1;\n  }\n\n  .column-1 {\n    grid-column: 1;\n    grid-row: 2;\n  }\n\n  .column-2 {\n    grid-column: 2;\n    grid-row: 2;\n  }\n\n  .column-3 {\n    grid-column: 1/3;\n    grid-row: 3;\n  }\n\n  @media screen and (max-width: $no-gap-breakpoint) {\n    grid-gap: 0;\n    grid-template-columns: minmax(0, 100%);\n\n    .column-0 {\n      grid-column: 1;\n    }\n\n    .column-1 {\n      grid-column: 1;\n      grid-row: 3;\n    }\n\n    .column-2 {\n      grid-column: 1;\n      grid-row: 2;\n    }\n\n    .column-3 {\n      grid-column: 1;\n      grid-row: 4;\n    }\n  }\n}\n\n.grid-4 {\n  display: grid;\n  grid-gap: 10px;\n  grid-template-columns: repeat(4, minmax(0, 1fr));\n  grid-auto-columns: 25%;\n  grid-auto-rows: max-content;\n\n  .column-0 {\n    grid-column: 1 / 5;\n    grid-row: 1;\n  }\n\n  .column-1 {\n    grid-column: 1 / 4;\n    grid-row: 2;\n  }\n\n  .column-2 {\n    grid-column: 4;\n    grid-row: 2;\n  }\n\n  .column-3 {\n    grid-column: 2 / 5;\n    grid-row: 3;\n  }\n\n  .column-4 {\n    grid-column: 1;\n    grid-row: 3;\n  }\n\n  .landing-page__call-to-action {\n    min-height: 100%;\n  }\n\n  .flash-message {\n    margin-bottom: 10px;\n  }\n\n  @media screen and (max-width: 738px) {\n    grid-template-columns: minmax(0, 50%) minmax(0, 50%);\n\n    .landing-page__call-to-action {\n      padding: 20px;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n    }\n\n    .row__information-board {\n      width: 100%;\n      justify-content: center;\n      align-items: center;\n    }\n\n    .row__mascot {\n      display: none;\n    }\n  }\n\n  @media screen and (max-width: $no-gap-breakpoint) {\n    grid-gap: 0;\n    grid-template-columns: minmax(0, 100%);\n\n    .column-0 {\n      grid-column: 1;\n    }\n\n    .column-1 {\n      grid-column: 1;\n      grid-row: 3;\n    }\n\n    .column-2 {\n      grid-column: 1;\n      grid-row: 2;\n    }\n\n    .column-3 {\n      grid-column: 1;\n      grid-row: 5;\n    }\n\n    .column-4 {\n      grid-column: 1;\n      grid-row: 4;\n    }\n  }\n}\n\n.public-layout {\n  @media screen and (max-width: $no-gap-breakpoint) {\n    padding-top: 48px;\n  }\n\n  .container {\n    max-width: 960px;\n\n    @media screen and (max-width: $no-gap-breakpoint) {\n      padding: 0;\n    }\n  }\n\n  .header {\n    background: lighten($ui-base-color, 8%);\n    box-shadow: 0 0 15px rgba($base-shadow-color, 0.2);\n    border-radius: 4px;\n    height: 48px;\n    margin: 10px 0;\n    display: flex;\n    align-items: stretch;\n    justify-content: center;\n    flex-wrap: nowrap;\n    overflow: hidden;\n\n    @media screen and (max-width: $no-gap-breakpoint) {\n      position: fixed;\n      width: 100%;\n      top: 0;\n      left: 0;\n      margin: 0;\n      border-radius: 0;\n      box-shadow: none;\n      z-index: 110;\n    }\n\n    & > div {\n      flex: 1 1 33.3%;\n      min-height: 1px;\n    }\n\n    .nav-left {\n      display: flex;\n      align-items: stretch;\n      justify-content: flex-start;\n      flex-wrap: nowrap;\n    }\n\n    .nav-center {\n      display: flex;\n      align-items: stretch;\n      justify-content: center;\n      flex-wrap: nowrap;\n    }\n\n    .nav-right {\n      display: flex;\n      align-items: stretch;\n      justify-content: flex-end;\n      flex-wrap: nowrap;\n    }\n\n    .brand {\n      display: block;\n      padding: 15px;\n\n      svg {\n        display: block;\n        height: 18px;\n        width: auto;\n        position: relative;\n        bottom: -2px;\n        fill: $primary-text-color;\n\n        @media screen and (max-width: $no-gap-breakpoint) {\n          height: 20px;\n        }\n      }\n\n      &:hover,\n      &:focus,\n      &:active {\n        background: lighten($ui-base-color, 12%);\n      }\n    }\n\n    .nav-link {\n      display: flex;\n      align-items: center;\n      padding: 0 1rem;\n      font-size: 12px;\n      font-weight: 500;\n      text-decoration: none;\n      color: $darker-text-color;\n      white-space: nowrap;\n      text-align: center;\n\n      &:hover,\n      &:focus,\n      &:active {\n        text-decoration: underline;\n        color: $primary-text-color;\n      }\n\n      @media screen and (max-width: 550px) {\n        &.optional {\n          display: none;\n        }\n      }\n    }\n\n    .nav-button {\n      background: lighten($ui-base-color, 16%);\n      margin: 8px;\n      margin-left: 0;\n      border-radius: 4px;\n\n      &:hover,\n      &:focus,\n      &:active {\n        text-decoration: none;\n        background: lighten($ui-base-color, 20%);\n      }\n    }\n  }\n\n  $no-columns-breakpoint: 600px;\n\n  .grid {\n    display: grid;\n    grid-gap: 10px;\n    grid-template-columns: minmax(300px, 3fr) minmax(298px, 1fr);\n    grid-auto-columns: 25%;\n    grid-auto-rows: max-content;\n\n    .column-0 {\n      grid-row: 1;\n      grid-column: 1;\n    }\n\n    .column-1 {\n      grid-row: 1;\n      grid-column: 2;\n    }\n\n    @media screen and (max-width: $no-columns-breakpoint) {\n      grid-template-columns: 100%;\n      grid-gap: 0;\n\n      .column-1 {\n        display: none;\n      }\n    }\n  }\n\n  .directory__card {\n    border-radius: 4px;\n\n    @media screen and (max-width: $no-gap-breakpoint) {\n      border-radius: 0;\n    }\n  }\n\n  .page-header {\n    @media screen and (max-width: $no-gap-breakpoint) {\n      border-bottom: 0;\n    }\n  }\n\n  .public-account-header {\n    overflow: hidden;\n    margin-bottom: 10px;\n    box-shadow: 0 0 15px rgba($base-shadow-color, 0.2);\n\n    &.inactive {\n      opacity: 0.5;\n\n      .public-account-header__image,\n      .avatar {\n        filter: grayscale(100%);\n      }\n\n      .logo-button {\n        background-color: $secondary-text-color;\n      }\n    }\n\n    &__image {\n      border-radius: 4px 4px 0 0;\n      overflow: hidden;\n      height: 300px;\n      position: relative;\n      background: darken($ui-base-color, 12%);\n\n      &::after {\n        content: \"\";\n        display: block;\n        position: absolute;\n        width: 100%;\n        height: 100%;\n        box-shadow: inset 0 -1px 1px 1px rgba($base-shadow-color, 0.15);\n        top: 0;\n        left: 0;\n      }\n\n      img {\n        object-fit: cover;\n        display: block;\n        width: 100%;\n        height: 100%;\n        margin: 0;\n        border-radius: 4px 4px 0 0;\n      }\n\n      @media screen and (max-width: 600px) {\n        height: 200px;\n      }\n    }\n\n    &--no-bar {\n      margin-bottom: 0;\n\n      .public-account-header__image,\n      .public-account-header__image img {\n        border-radius: 4px;\n\n        @media screen and (max-width: $no-gap-breakpoint) {\n          border-radius: 0;\n        }\n      }\n    }\n\n    @media screen and (max-width: $no-gap-breakpoint) {\n      margin-bottom: 0;\n      box-shadow: none;\n\n      &__image::after {\n        display: none;\n      }\n\n      &__image,\n      &__image img {\n        border-radius: 0;\n      }\n    }\n\n    &__bar {\n      position: relative;\n      margin-top: -80px;\n      display: flex;\n      justify-content: flex-start;\n\n      &::before {\n        content: \"\";\n        display: block;\n        background: lighten($ui-base-color, 4%);\n        position: absolute;\n        bottom: 0;\n        left: 0;\n        right: 0;\n        height: 60px;\n        border-radius: 0 0 4px 4px;\n        z-index: -1;\n      }\n\n      .avatar {\n        display: block;\n        width: 120px;\n        height: 120px;\n        @include avatar-size(120px);\n        padding-left: 20px - 4px;\n        flex: 0 0 auto;\n\n        img {\n          display: block;\n          width: 100%;\n          height: 100%;\n          margin: 0;\n          border-radius: 50%;\n          border: 4px solid lighten($ui-base-color, 4%);\n          background: darken($ui-base-color, 8%);\n          @include avatar-radius();\n        }\n      }\n\n      @media screen and (max-width: 600px) {\n        margin-top: 0;\n        background: lighten($ui-base-color, 4%);\n        border-radius: 0 0 4px 4px;\n        padding: 5px;\n\n        &::before {\n          display: none;\n        }\n\n        .avatar {\n          width: 48px;\n          height: 48px;\n          @include avatar-size(48px);\n          padding: 7px 0;\n          padding-left: 10px;\n\n          img {\n            border: 0;\n            border-radius: 4px;\n            @include avatar-radius();\n          }\n\n          @media screen and (max-width: 360px) {\n            display: none;\n          }\n        }\n      }\n\n      @media screen and (max-width: $no-gap-breakpoint) {\n        border-radius: 0;\n      }\n\n      @media screen and (max-width: $no-columns-breakpoint) {\n        flex-wrap: wrap;\n      }\n    }\n\n    &__tabs {\n      flex: 1 1 auto;\n      margin-left: 20px;\n\n      &__name {\n        padding-top: 20px;\n        padding-bottom: 8px;\n\n        h1 {\n          font-size: 20px;\n          line-height: 18px * 1.5;\n          color: $primary-text-color;\n          font-weight: 500;\n          overflow: hidden;\n          white-space: nowrap;\n          text-overflow: ellipsis;\n          text-shadow: 1px 1px 1px $base-shadow-color;\n\n          small {\n            display: block;\n            font-size: 14px;\n            color: $primary-text-color;\n            font-weight: 400;\n            overflow: hidden;\n            text-overflow: ellipsis;\n          }\n        }\n      }\n\n      @media screen and (max-width: 600px) {\n        margin-left: 15px;\n        display: flex;\n        justify-content: space-between;\n        align-items: center;\n\n        &__name {\n          padding-top: 0;\n          padding-bottom: 0;\n\n          h1 {\n            font-size: 16px;\n            line-height: 24px;\n            text-shadow: none;\n\n            small {\n              color: $darker-text-color;\n            }\n          }\n        }\n      }\n\n      &__tabs {\n        display: flex;\n        justify-content: flex-start;\n        align-items: stretch;\n        height: 58px;\n\n        .details-counters {\n          display: flex;\n          flex-direction: row;\n          min-width: 300px;\n        }\n\n        @media screen and (max-width: $no-columns-breakpoint) {\n          .details-counters {\n            display: none;\n          }\n        }\n\n        .counter {\n          min-width: 33.3%;\n          box-sizing: border-box;\n          flex: 0 0 auto;\n          color: $darker-text-color;\n          padding: 10px;\n          border-right: 1px solid lighten($ui-base-color, 4%);\n          cursor: default;\n          text-align: center;\n          position: relative;\n\n          a {\n            display: block;\n          }\n\n          &:last-child {\n            border-right: 0;\n          }\n\n          &::after {\n            display: block;\n            content: \"\";\n            position: absolute;\n            bottom: 0;\n            left: 0;\n            width: 100%;\n            border-bottom: 4px solid $ui-primary-color;\n            opacity: 0.5;\n            transition: all 400ms ease;\n          }\n\n          &.active {\n            &::after {\n              border-bottom: 4px solid $highlight-text-color;\n              opacity: 1;\n            }\n\n            &.inactive::after {\n              border-bottom-color: $secondary-text-color;\n            }\n          }\n\n          &:hover {\n            &::after {\n              opacity: 1;\n              transition-duration: 100ms;\n            }\n          }\n\n          a {\n            text-decoration: none;\n            color: inherit;\n          }\n\n          .counter-label {\n            font-size: 12px;\n            display: block;\n          }\n\n          .counter-number {\n            font-weight: 500;\n            font-size: 18px;\n            margin-bottom: 5px;\n            color: $primary-text-color;\n            font-family: $font-display, sans-serif;\n          }\n        }\n\n        .spacer {\n          flex: 1 1 auto;\n          height: 1px;\n        }\n\n        &__buttons {\n          padding: 7px 8px;\n        }\n      }\n    }\n\n    &__extra {\n      display: none;\n      margin-top: 4px;\n\n      .public-account-bio {\n        border-radius: 0;\n        box-shadow: none;\n        background: transparent;\n        margin: 0 -5px;\n\n        .account__header__fields {\n          border-top: 1px solid lighten($ui-base-color, 12%);\n        }\n\n        .roles {\n          display: none;\n        }\n      }\n\n      &__links {\n        margin-top: -15px;\n        font-size: 14px;\n        color: $darker-text-color;\n\n        a {\n          display: inline-block;\n          color: $darker-text-color;\n          text-decoration: none;\n          padding: 15px;\n          font-weight: 500;\n\n          strong {\n            font-weight: 700;\n            color: $primary-text-color;\n          }\n        }\n      }\n\n      @media screen and (max-width: $no-columns-breakpoint) {\n        display: block;\n        flex: 100%;\n      }\n    }\n  }\n\n  .account__section-headline {\n    border-radius: 4px 4px 0 0;\n\n    @media screen and (max-width: $no-gap-breakpoint) {\n      border-radius: 0;\n    }\n  }\n\n  .detailed-status__meta {\n    margin-top: 25px;\n  }\n\n  .public-account-bio {\n    background: lighten($ui-base-color, 8%);\n    box-shadow: 0 0 15px rgba($base-shadow-color, 0.2);\n    border-radius: 4px;\n    overflow: hidden;\n    margin-bottom: 10px;\n\n    @media screen and (max-width: $no-gap-breakpoint) {\n      box-shadow: none;\n      margin-bottom: 0;\n      border-radius: 0;\n    }\n\n    .account__header__fields {\n      margin: 0;\n      border-top: 0;\n\n      a {\n        color: lighten($ui-highlight-color, 8%);\n      }\n\n      dl:first-child .verified {\n        border-radius: 0 4px 0 0;\n      }\n\n      .verified a {\n        color: $valid-value-color;\n      }\n    }\n\n    .account__header__content {\n      padding: 20px;\n      padding-bottom: 0;\n      color: $primary-text-color;\n    }\n\n    &__extra,\n    .roles {\n      padding: 20px;\n      font-size: 14px;\n      color: $darker-text-color;\n    }\n\n    .roles {\n      padding-bottom: 0;\n    }\n  }\n\n  .directory__list {\n    display: grid;\n    grid-gap: 10px;\n    grid-template-columns: minmax(0, 50%) minmax(0, 50%);\n\n    @media screen and (max-width: $no-gap-breakpoint) {\n      display: block;\n    }\n\n    .icon-button {\n      font-size: 18px;\n    }\n  }\n\n  .directory__card {\n    margin-bottom: 0;\n  }\n\n  .card-grid {\n    display: flex;\n    flex-wrap: wrap;\n    min-width: 100%;\n    margin: 0 -5px;\n\n    & > div {\n      box-sizing: border-box;\n      flex: 1 0 auto;\n      width: 300px;\n      padding: 0 5px;\n      margin-bottom: 10px;\n      max-width: 33.333%;\n\n      @media screen and (max-width: 900px) {\n        max-width: 50%;\n      }\n\n      @media screen and (max-width: 600px) {\n        max-width: 100%;\n      }\n    }\n\n    @media screen and (max-width: $no-gap-breakpoint) {\n      margin: 0;\n      border-top: 1px solid lighten($ui-base-color, 8%);\n\n      & > div {\n        width: 100%;\n        padding: 0;\n        margin-bottom: 0;\n        border-bottom: 1px solid lighten($ui-base-color, 8%);\n\n        &:last-child {\n          border-bottom: 0;\n        }\n\n        .card__bar {\n          background: $ui-base-color;\n\n          &:hover,\n          &:active,\n          &:focus {\n            background: lighten($ui-base-color, 4%);\n          }\n        }\n      }\n    }\n  }\n}\n","@mixin avatar-radius() {\n  border-radius: $ui-avatar-border-size;\n  background-position: 50%;\n  background-clip: padding-box;\n}\n\n@mixin avatar-size($size:48px) {\n  width: $size;\n  height: $size;\n  background-size: $size $size;\n}\n\n@mixin single-column($media, $parent: '&') {\n  .auto-columns #{$parent} {\n    @media #{$media} {\n      @content;\n    }\n  }\n  .single-column #{$parent} {\n    @content;\n  }\n}\n\n@mixin limited-single-column($media, $parent: '&') {\n  .auto-columns #{$parent}, .single-column #{$parent} {\n    @media #{$media} {\n      @content;\n    }\n  }\n}\n\n@mixin multi-columns($media, $parent: '&') {\n  .auto-columns #{$parent} {\n    @media #{$media} {\n      @content;\n    }\n  }\n  .multi-columns #{$parent} {\n    @content;\n  }\n}\n\n@mixin fullwidth-gallery {\n  &.full-width {\n    margin-left: -14px;\n    margin-right: -14px;\n    width: inherit;\n    max-width: none;\n    height: 250px;\n    border-radius: 0px;\n  }\n}\n\n@mixin search-input() {\n  outline: 0;\n  box-sizing: border-box;\n  width: 100%;\n  border: none;\n  box-shadow: none;\n  font-family: inherit;\n  background: $ui-base-color;\n  color: $darker-text-color;\n  font-size: 14px;\n  margin: 0;\n}\n\n@mixin search-popout() {\n  background: $simple-background-color;\n  border-radius: 4px;\n  padding: 10px 14px;\n  padding-bottom: 14px;\n  margin-top: 10px;\n  color: $light-text-color;\n  box-shadow: 2px 4px 15px rgba($base-shadow-color, 0.4);\n\n  h4 {\n    text-transform: uppercase;\n    color: $light-text-color;\n    font-size: 13px;\n    font-weight: 500;\n    margin-bottom: 10px;\n  }\n\n  li {\n    padding: 4px 0;\n  }\n\n  ul {\n    margin-bottom: 10px;\n  }\n\n  em {\n    font-weight: 500;\n    color: $inverted-text-color;\n  }\n}\n",".no-list {\n  list-style: none;\n\n  li {\n    display: inline-block;\n    margin: 0 5px;\n  }\n}\n\n.recovery-codes {\n  list-style: none;\n  margin: 0 auto;\n\n  li {\n    font-size: 125%;\n    line-height: 1.5;\n    letter-spacing: 1px;\n  }\n}\n",".modal-layout {\n  background: $ui-base-color url('data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 234.80078 31.757813\" width=\"234.80078\" height=\"31.757812\"><path d=\"M19.599609 0c-1.05 0-2.10039.375-2.90039 1.125L0 16.925781v14.832031h234.80078V17.025391l-16.5-15.900391c-1.6-1.5-4.20078-1.5-5.80078 0l-13.80078 13.099609c-1.6 1.5-4.19883 1.5-5.79883 0L179.09961 1.125c-1.6-1.5-4.19883-1.5-5.79883 0L159.5 14.224609c-1.6 1.5-4.20078 1.5-5.80078 0L139.90039 1.125c-1.6-1.5-4.20078-1.5-5.80078 0l-13.79883 13.099609c-1.6 1.5-4.20078 1.5-5.80078 0L100.69922 1.125c-1.600001-1.5-4.198829-1.5-5.798829 0l-13.59961 13.099609c-1.6 1.5-4.200781 1.5-5.800781 0L61.699219 1.125c-1.6-1.5-4.198828-1.5-5.798828 0L42.099609 14.224609c-1.6 1.5-4.198828 1.5-5.798828 0L22.5 1.125C21.7.375 20.649609 0 19.599609 0z\" fill=\"#{hex-color($ui-base-lighter-color)}\"/></svg>') repeat-x bottom fixed;\n  display: flex;\n  flex-direction: column;\n  height: 100vh;\n  padding: 0;\n}\n\n.modal-layout__mastodon {\n  display: flex;\n  flex: 1;\n  flex-direction: column;\n  justify-content: flex-end;\n\n  > * {\n    flex: 1;\n    max-height: 235px;\n  }\n}\n\n@media screen and (max-width: 600px) {\n  .account-header {\n    margin-top: 0;\n  }\n}\n",".public-layout {\n  .footer {\n    text-align: left;\n    padding-top: 20px;\n    padding-bottom: 60px;\n    font-size: 12px;\n    color: lighten($ui-base-color, 34%);\n\n    @media screen and (max-width: $no-gap-breakpoint) {\n      padding-left: 20px;\n      padding-right: 20px;\n    }\n\n    .grid {\n      display: grid;\n      grid-gap: 10px;\n      grid-template-columns: 1fr 1fr 2fr 1fr 1fr;\n\n      .column-0 {\n        grid-column: 1;\n        grid-row: 1;\n        min-width: 0;\n      }\n\n      .column-1 {\n        grid-column: 2;\n        grid-row: 1;\n        min-width: 0;\n      }\n\n      .column-2 {\n        grid-column: 3;\n        grid-row: 1;\n        min-width: 0;\n        text-align: center;\n\n        h4 a {\n          color: lighten($ui-base-color, 34%);\n        }\n      }\n\n      .column-3 {\n        grid-column: 4;\n        grid-row: 1;\n        min-width: 0;\n      }\n\n      .column-4 {\n        grid-column: 5;\n        grid-row: 1;\n        min-width: 0;\n      }\n\n      @media screen and (max-width: 690px) {\n        grid-template-columns: 1fr 2fr 1fr;\n\n        .column-0,\n        .column-1 {\n          grid-column: 1;\n        }\n\n        .column-1 {\n          grid-row: 2;\n        }\n\n        .column-2 {\n          grid-column: 2;\n        }\n\n        .column-3,\n        .column-4 {\n          grid-column: 3;\n        }\n\n        .column-4 {\n          grid-row: 2;\n        }\n      }\n\n      @media screen and (max-width: 600px) {\n        .column-1 {\n          display: block;\n        }\n      }\n\n      @media screen and (max-width: $no-gap-breakpoint) {\n        .column-0,\n        .column-1,\n        .column-3,\n        .column-4 {\n          display: none;\n        }\n      }\n    }\n\n    h4 {\n      text-transform: uppercase;\n      font-weight: 700;\n      margin-bottom: 8px;\n      color: $darker-text-color;\n\n      a {\n        color: inherit;\n        text-decoration: none;\n      }\n    }\n\n    ul a {\n      text-decoration: none;\n      color: lighten($ui-base-color, 34%);\n\n      &:hover,\n      &:active,\n      &:focus {\n        text-decoration: underline;\n      }\n    }\n\n    .brand {\n      svg {\n        display: block;\n        height: 36px;\n        width: auto;\n        margin: 0 auto;\n        fill: lighten($ui-base-color, 34%);\n      }\n\n      &:hover,\n      &:focus,\n      &:active {\n        svg {\n          fill: lighten($ui-base-color, 38%);\n        }\n      }\n    }\n  }\n}\n",".compact-header {\n  h1 {\n    font-size: 24px;\n    line-height: 28px;\n    color: $darker-text-color;\n    font-weight: 500;\n    margin-bottom: 20px;\n    padding: 0 10px;\n    word-wrap: break-word;\n\n    @media screen and (max-width: 740px) {\n      text-align: center;\n      padding: 20px 10px 0;\n    }\n\n    a {\n      color: inherit;\n      text-decoration: none;\n    }\n\n    small {\n      font-weight: 400;\n      color: $secondary-text-color;\n    }\n\n    img {\n      display: inline-block;\n      margin-bottom: -5px;\n      margin-right: 15px;\n      width: 36px;\n      height: 36px;\n    }\n  }\n}\n",".hero-widget {\n  margin-bottom: 10px;\n  box-shadow: 0 0 15px rgba($base-shadow-color, 0.2);\n\n  &__img {\n    width: 100%;\n    position: relative;\n    overflow: hidden;\n    border-radius: 4px 4px 0 0;\n    background: $base-shadow-color;\n\n    img {\n      object-fit: cover;\n      display: block;\n      width: 100%;\n      height: 100%;\n      margin: 0;\n      border-radius: 4px 4px 0 0;\n    }\n  }\n\n  &__text {\n    background: $ui-base-color;\n    padding: 20px;\n    border-radius: 0 0 4px 4px;\n    font-size: 15px;\n    color: $darker-text-color;\n    line-height: 20px;\n    word-wrap: break-word;\n    font-weight: 400;\n\n    .emojione {\n      width: 20px;\n      height: 20px;\n      margin: -3px 0 0;\n    }\n\n    p {\n      margin-bottom: 20px;\n\n      &:last-child {\n        margin-bottom: 0;\n      }\n    }\n\n    em {\n      display: inline;\n      margin: 0;\n      padding: 0;\n      font-weight: 700;\n      background: transparent;\n      font-family: inherit;\n      font-size: inherit;\n      line-height: inherit;\n      color: lighten($darker-text-color, 10%);\n    }\n\n    a {\n      color: $secondary-text-color;\n      text-decoration: none;\n\n      &:hover {\n        text-decoration: underline;\n      }\n    }\n  }\n\n  @media screen and (max-width: $no-gap-breakpoint) {\n    display: none;\n  }\n}\n\n.endorsements-widget {\n  margin-bottom: 10px;\n  padding-bottom: 10px;\n\n  h4 {\n    padding: 10px;\n    text-transform: uppercase;\n    font-weight: 700;\n    font-size: 13px;\n    color: $darker-text-color;\n  }\n\n  .account {\n    padding: 10px 0;\n\n    &:last-child {\n      border-bottom: 0;\n    }\n\n    .account__display-name {\n      display: flex;\n      align-items: center;\n    }\n\n    .account__avatar {\n      width: 44px;\n      height: 44px;\n      background-size: 44px 44px;\n    }\n  }\n\n  .trends__item {\n    padding: 10px;\n  }\n}\n\n.trends-widget {\n  h4 {\n    color: $darker-text-color;\n  }\n}\n\n.box-widget {\n  padding: 20px;\n  border-radius: 4px;\n  background: $ui-base-color;\n  box-shadow: 0 0 15px rgba($base-shadow-color, 0.2);\n}\n\n.placeholder-widget {\n  padding: 16px;\n  border-radius: 4px;\n  border: 2px dashed $dark-text-color;\n  text-align: center;\n  color: $darker-text-color;\n  margin-bottom: 10px;\n}\n\n.contact-widget {\n  min-height: 100%;\n  font-size: 15px;\n  color: $darker-text-color;\n  line-height: 20px;\n  word-wrap: break-word;\n  font-weight: 400;\n  padding: 0;\n\n  h4 {\n    padding: 10px;\n    text-transform: uppercase;\n    font-weight: 700;\n    font-size: 13px;\n    color: $darker-text-color;\n  }\n\n  .account {\n    border-bottom: 0;\n    padding: 10px 0;\n    padding-top: 5px;\n  }\n\n  & > a {\n    display: inline-block;\n    padding: 10px;\n    padding-top: 0;\n    color: $darker-text-color;\n    text-decoration: none;\n    white-space: nowrap;\n    overflow: hidden;\n    text-overflow: ellipsis;\n\n    &:hover,\n    &:focus,\n    &:active {\n      text-decoration: underline;\n    }\n  }\n}\n\n.moved-account-widget {\n  padding: 15px;\n  padding-bottom: 20px;\n  border-radius: 4px;\n  background: $ui-base-color;\n  box-shadow: 0 0 15px rgba($base-shadow-color, 0.2);\n  color: $secondary-text-color;\n  font-weight: 400;\n  margin-bottom: 10px;\n\n  strong,\n  a {\n    font-weight: 500;\n\n    @each $lang in $cjk-langs {\n      &:lang(#{$lang}) {\n        font-weight: 700;\n      }\n    }\n  }\n\n  a {\n    color: inherit;\n    text-decoration: underline;\n\n    &.mention {\n      text-decoration: none;\n\n      span {\n        text-decoration: none;\n      }\n\n      &:focus,\n      &:hover,\n      &:active {\n        text-decoration: none;\n\n        span {\n          text-decoration: underline;\n        }\n      }\n    }\n  }\n\n  &__message {\n    margin-bottom: 15px;\n\n    .fa {\n      margin-right: 5px;\n      color: $darker-text-color;\n    }\n  }\n\n  &__card {\n    .detailed-status__display-avatar {\n      position: relative;\n      cursor: pointer;\n    }\n\n    .detailed-status__display-name {\n      margin-bottom: 0;\n      text-decoration: none;\n\n      span {\n        font-weight: 400;\n      }\n    }\n  }\n}\n\n.memoriam-widget {\n  padding: 20px;\n  border-radius: 4px;\n  background: $base-shadow-color;\n  box-shadow: 0 0 15px rgba($base-shadow-color, 0.2);\n  font-size: 14px;\n  color: $darker-text-color;\n  margin-bottom: 10px;\n}\n\n.page-header {\n  background: lighten($ui-base-color, 8%);\n  box-shadow: 0 0 15px rgba($base-shadow-color, 0.2);\n  border-radius: 4px;\n  padding: 60px 15px;\n  text-align: center;\n  margin: 10px 0;\n\n  h1 {\n    color: $primary-text-color;\n    font-size: 36px;\n    line-height: 1.1;\n    font-weight: 700;\n    margin-bottom: 10px;\n  }\n\n  p {\n    font-size: 15px;\n    color: $darker-text-color;\n  }\n\n  @media screen and (max-width: $no-gap-breakpoint) {\n    margin-top: 0;\n    background: lighten($ui-base-color, 4%);\n\n    h1 {\n      font-size: 24px;\n    }\n  }\n}\n\n.directory {\n  background: $ui-base-color;\n  border-radius: 4px;\n  box-shadow: 0 0 15px rgba($base-shadow-color, 0.2);\n\n  &__tag {\n    box-sizing: border-box;\n    margin-bottom: 10px;\n\n    & > a,\n    & > div {\n      display: flex;\n      align-items: center;\n      justify-content: space-between;\n      background: $ui-base-color;\n      border-radius: 4px;\n      padding: 15px;\n      text-decoration: none;\n      color: inherit;\n      box-shadow: 0 0 15px rgba($base-shadow-color, 0.2);\n    }\n\n    & > a {\n      &:hover,\n      &:active,\n      &:focus {\n        background: lighten($ui-base-color, 8%);\n      }\n    }\n\n    &.active > a {\n      background: $ui-highlight-color;\n      cursor: default;\n    }\n\n    &.disabled > div {\n      opacity: 0.5;\n      cursor: default;\n    }\n\n    h4 {\n      flex: 1 1 auto;\n      font-size: 18px;\n      font-weight: 700;\n      color: $primary-text-color;\n      white-space: nowrap;\n      overflow: hidden;\n      text-overflow: ellipsis;\n\n      .fa {\n        color: $darker-text-color;\n      }\n\n      small {\n        display: block;\n        font-weight: 400;\n        font-size: 15px;\n        margin-top: 8px;\n        color: $darker-text-color;\n      }\n    }\n\n    &.active h4 {\n      &,\n      .fa,\n      small {\n        color: $primary-text-color;\n      }\n    }\n\n    .avatar-stack {\n      flex: 0 0 auto;\n      width: (36px + 4px) * 3;\n    }\n\n    &.active .avatar-stack .account__avatar {\n      border-color: $ui-highlight-color;\n    }\n  }\n}\n\n.avatar-stack {\n  display: flex;\n  justify-content: flex-end;\n\n  .account__avatar {\n    flex: 0 0 auto;\n    width: 36px;\n    height: 36px;\n    border-radius: 50%;\n    position: relative;\n    margin-left: -10px;\n    background: darken($ui-base-color, 8%);\n    border: 2px solid $ui-base-color;\n\n    &:nth-child(1) {\n      z-index: 1;\n    }\n\n    &:nth-child(2) {\n      z-index: 2;\n    }\n\n    &:nth-child(3) {\n      z-index: 3;\n    }\n  }\n}\n\n.accounts-table {\n  width: 100%;\n\n  .account {\n    padding: 0;\n    border: 0;\n  }\n\n  strong {\n    font-weight: 700;\n  }\n\n  thead th {\n    text-align: center;\n    text-transform: uppercase;\n    color: $darker-text-color;\n    font-weight: 700;\n    padding: 10px;\n\n    &:first-child {\n      text-align: left;\n    }\n  }\n\n  tbody td {\n    padding: 15px 0;\n    vertical-align: middle;\n    border-bottom: 1px solid lighten($ui-base-color, 8%);\n  }\n\n  tbody tr:last-child td {\n    border-bottom: 0;\n  }\n\n  &__count {\n    width: 120px;\n    text-align: center;\n    font-size: 15px;\n    font-weight: 500;\n    color: $primary-text-color;\n\n    small {\n      display: block;\n      color: $darker-text-color;\n      font-weight: 400;\n      font-size: 14px;\n    }\n  }\n\n  &__comment {\n    width: 50%;\n    vertical-align: initial !important;\n  }\n\n  @media screen and (max-width: $no-gap-breakpoint) {\n    tbody td.optional {\n      display: none;\n    }\n  }\n}\n\n.moved-account-widget,\n.memoriam-widget,\n.box-widget,\n.contact-widget,\n.landing-page__information.contact-widget,\n.directory,\n.page-header {\n  @media screen and (max-width: $no-gap-breakpoint) {\n    margin-bottom: 0;\n    box-shadow: none;\n    border-radius: 0;\n  }\n}\n\n$maximum-width: 1235px;\n$fluid-breakpoint: $maximum-width + 20px;\n\n.statuses-grid {\n  min-height: 600px;\n\n  @media screen and (max-width: 640px) {\n    width: 100% !important; // Masonry layout is unnecessary at this width\n  }\n\n  &__item {\n    width: (960px - 20px) / 3;\n\n    @media screen and (max-width: $fluid-breakpoint) {\n      width: (940px - 20px) / 3;\n    }\n\n    @media screen and (max-width: 640px) {\n      width: 100%;\n    }\n\n    @media screen and (max-width: $no-gap-breakpoint) {\n      width: 100vw;\n    }\n  }\n\n  .detailed-status {\n    border-radius: 4px;\n\n    @media screen and (max-width: $no-gap-breakpoint) {\n      border-top: 1px solid lighten($ui-base-color, 16%);\n    }\n\n    &.compact {\n      .detailed-status__meta {\n        margin-top: 15px;\n      }\n\n      .status__content {\n        font-size: 15px;\n        line-height: 20px;\n\n        .emojione {\n          width: 20px;\n          height: 20px;\n          margin: -3px 0 0;\n        }\n\n        .status__content__spoiler-link {\n          line-height: 20px;\n          margin: 0;\n        }\n      }\n\n      .media-gallery,\n      .status-card,\n      .video-player {\n        margin-top: 15px;\n      }\n    }\n  }\n}\n\n.notice-widget {\n  margin-bottom: 10px;\n  color: $darker-text-color;\n\n  p {\n    margin-bottom: 10px;\n\n    &:last-child {\n      margin-bottom: 0;\n    }\n  }\n\n  a {\n    font-size: 14px;\n    line-height: 20px;\n  }\n}\n\n.notice-widget,\n.placeholder-widget {\n  a {\n    text-decoration: none;\n    font-weight: 500;\n    color: $ui-highlight-color;\n\n    &:hover,\n    &:focus,\n    &:active {\n      text-decoration: underline;\n    }\n  }\n}\n\n.table-of-contents {\n  background: darken($ui-base-color, 4%);\n  min-height: 100%;\n  font-size: 14px;\n  border-radius: 4px;\n\n  li a {\n    display: block;\n    font-weight: 500;\n    padding: 15px;\n    overflow: hidden;\n    white-space: nowrap;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    text-decoration: none;\n    color: $primary-text-color;\n    border-bottom: 1px solid lighten($ui-base-color, 4%);\n\n    &:hover,\n    &:focus,\n    &:active {\n      text-decoration: underline;\n    }\n  }\n\n  li:last-child a {\n    border-bottom: 0;\n  }\n\n  li ul {\n    padding-left: 20px;\n    border-bottom: 1px solid lighten($ui-base-color, 4%);\n  }\n}\n","$no-columns-breakpoint: 600px;\n\ncode {\n  font-family: $font-monospace, monospace;\n  font-weight: 400;\n}\n\n.form-container {\n  max-width: 400px;\n  padding: 20px;\n  margin: 0 auto;\n}\n\n.simple_form {\n  .input {\n    margin-bottom: 15px;\n    overflow: hidden;\n\n    &.hidden {\n      margin: 0;\n    }\n\n    &.radio_buttons {\n      .radio {\n        margin-bottom: 15px;\n\n        &:last-child {\n          margin-bottom: 0;\n        }\n      }\n\n      .radio > label {\n        position: relative;\n        padding-left: 28px;\n\n        input {\n          position: absolute;\n          top: -2px;\n          left: 0;\n        }\n      }\n    }\n\n    &.boolean {\n      position: relative;\n      margin-bottom: 0;\n\n      .label_input > label {\n        font-family: inherit;\n        font-size: 14px;\n        padding-top: 5px;\n        color: $primary-text-color;\n        display: block;\n        width: auto;\n      }\n\n      .label_input,\n      .hint {\n        padding-left: 28px;\n      }\n\n      .label_input__wrapper {\n        position: static;\n      }\n\n      label.checkbox {\n        position: absolute;\n        top: 2px;\n        left: 0;\n      }\n\n      label a {\n        color: $highlight-text-color;\n        text-decoration: underline;\n\n        &:hover,\n        &:active,\n        &:focus {\n          text-decoration: none;\n        }\n      }\n\n      .recommended {\n        position: absolute;\n        margin: 0 4px;\n        margin-top: -2px;\n      }\n    }\n  }\n\n  .row {\n    display: flex;\n    margin: 0 -5px;\n\n    .input {\n      box-sizing: border-box;\n      flex: 1 1 auto;\n      width: 50%;\n      padding: 0 5px;\n    }\n  }\n\n  .hint {\n    color: $darker-text-color;\n\n    a {\n      color: $highlight-text-color;\n    }\n\n    code {\n      border-radius: 3px;\n      padding: 0.2em 0.4em;\n      background: darken($ui-base-color, 12%);\n    }\n  }\n\n  span.hint {\n    display: block;\n    font-size: 12px;\n    margin-top: 4px;\n  }\n\n  p.hint {\n    margin-bottom: 15px;\n    color: $darker-text-color;\n\n    &.subtle-hint {\n      text-align: center;\n      font-size: 12px;\n      line-height: 18px;\n      margin-top: 15px;\n      margin-bottom: 0;\n    }\n  }\n\n  .card {\n    margin-bottom: 15px;\n  }\n\n  strong {\n    font-weight: 500;\n\n    @each $lang in $cjk-langs {\n      &:lang(#{$lang}) {\n        font-weight: 700;\n      }\n    }\n  }\n\n  .input.with_floating_label {\n    .label_input {\n      display: flex;\n\n      & > label {\n        font-family: inherit;\n        font-size: 14px;\n        color: $primary-text-color;\n        font-weight: 500;\n        min-width: 150px;\n        flex: 0 0 auto;\n      }\n\n      input,\n      select {\n        flex: 1 1 auto;\n      }\n    }\n\n    &.select .hint {\n      margin-top: 6px;\n      margin-left: 150px;\n    }\n  }\n\n  .input.with_label {\n    .label_input > label {\n      font-family: inherit;\n      font-size: 14px;\n      color: $primary-text-color;\n      display: block;\n      margin-bottom: 8px;\n      word-wrap: break-word;\n      font-weight: 500;\n    }\n\n    .hint {\n      margin-top: 6px;\n    }\n\n    ul {\n      flex: 390px;\n    }\n  }\n\n  .input.with_block_label {\n    max-width: none;\n\n    & > label {\n      font-family: inherit;\n      font-size: 16px;\n      color: $primary-text-color;\n      display: block;\n      font-weight: 500;\n      padding-top: 5px;\n    }\n\n    .hint {\n      margin-bottom: 15px;\n    }\n\n    ul {\n      columns: 2;\n    }\n  }\n\n  .input.datetime .label_input select {\n    display: inline-block;\n    width: auto;\n    flex: 0;\n  }\n\n  .required abbr {\n    text-decoration: none;\n    color: lighten($error-value-color, 12%);\n  }\n\n  .fields-group {\n    margin-bottom: 25px;\n\n    .input:last-child {\n      margin-bottom: 0;\n    }\n  }\n\n  .fields-row {\n    display: flex;\n    margin: 0 -10px;\n    padding-top: 5px;\n    margin-bottom: 25px;\n\n    .input {\n      max-width: none;\n    }\n\n    &__column {\n      box-sizing: border-box;\n      padding: 0 10px;\n      flex: 1 1 auto;\n      min-height: 1px;\n\n      &-6 {\n        max-width: 50%;\n      }\n\n      .actions {\n        margin-top: 27px;\n      }\n    }\n\n    .fields-group:last-child,\n    .fields-row__column.fields-group {\n      margin-bottom: 0;\n    }\n\n    @media screen and (max-width: $no-columns-breakpoint) {\n      display: block;\n      margin-bottom: 0;\n\n      &__column {\n        max-width: none;\n      }\n\n      .fields-group:last-child,\n      .fields-row__column.fields-group,\n      .fields-row__column {\n        margin-bottom: 25px;\n      }\n    }\n  }\n\n  .input.radio_buttons .radio label {\n    margin-bottom: 5px;\n    font-family: inherit;\n    font-size: 14px;\n    color: $primary-text-color;\n    display: block;\n    width: auto;\n  }\n\n  .check_boxes {\n    .checkbox {\n      label {\n        font-family: inherit;\n        font-size: 14px;\n        color: $primary-text-color;\n        display: inline-block;\n        width: auto;\n        position: relative;\n        padding-top: 5px;\n        padding-left: 25px;\n        flex: 1 1 auto;\n      }\n\n      input[type=checkbox] {\n        position: absolute;\n        left: 0;\n        top: 5px;\n        margin: 0;\n      }\n    }\n  }\n\n  .input.static .label_input__wrapper {\n    font-size: 16px;\n    padding: 10px;\n    border: 1px solid $dark-text-color;\n    border-radius: 4px;\n  }\n\n  input[type=text],\n  input[type=number],\n  input[type=email],\n  input[type=password],\n  textarea {\n    box-sizing: border-box;\n    font-size: 16px;\n    color: $primary-text-color;\n    display: block;\n    width: 100%;\n    outline: 0;\n    font-family: inherit;\n    resize: vertical;\n    background: darken($ui-base-color, 10%);\n    border: 1px solid darken($ui-base-color, 14%);\n    border-radius: 4px;\n    padding: 10px;\n\n    &::placeholder {\n      color: lighten($darker-text-color, 4%);\n    }\n\n    &:invalid {\n      box-shadow: none;\n    }\n\n    &:focus:invalid:not(:placeholder-shown) {\n      border-color: lighten($error-red, 12%);\n    }\n\n    &:required:valid {\n      border-color: $valid-value-color;\n    }\n\n    &:hover {\n      border-color: darken($ui-base-color, 20%);\n    }\n\n    &:active,\n    &:focus {\n      border-color: $highlight-text-color;\n      background: darken($ui-base-color, 8%);\n    }\n  }\n\n  .input.field_with_errors {\n    label {\n      color: lighten($error-red, 12%);\n    }\n\n    input[type=text],\n    input[type=number],\n    input[type=email],\n    input[type=password],\n    textarea,\n    select {\n      border-color: lighten($error-red, 12%);\n    }\n\n    .error {\n      display: block;\n      font-weight: 500;\n      color: lighten($error-red, 12%);\n      margin-top: 4px;\n    }\n  }\n\n  .input.disabled {\n    opacity: 0.5;\n  }\n\n  .actions {\n    margin-top: 30px;\n    display: flex;\n\n    &.actions--top {\n      margin-top: 0;\n      margin-bottom: 30px;\n    }\n  }\n\n  button,\n  .button,\n  .block-button {\n    display: block;\n    width: 100%;\n    border: 0;\n    border-radius: 4px;\n    background: $ui-highlight-color;\n    color: $primary-text-color;\n    font-size: 18px;\n    line-height: inherit;\n    height: auto;\n    padding: 10px;\n    text-transform: uppercase;\n    text-decoration: none;\n    text-align: center;\n    box-sizing: border-box;\n    cursor: pointer;\n    font-weight: 500;\n    outline: 0;\n    margin-bottom: 10px;\n    margin-right: 10px;\n\n    &:last-child {\n      margin-right: 0;\n    }\n\n    &:hover {\n      background-color: lighten($ui-highlight-color, 5%);\n    }\n\n    &:active,\n    &:focus {\n      background-color: darken($ui-highlight-color, 5%);\n    }\n\n    &:disabled:hover {\n      background-color: $ui-primary-color;\n    }\n\n    &.negative {\n      background: $error-value-color;\n\n      &:hover {\n        background-color: lighten($error-value-color, 5%);\n      }\n\n      &:active,\n      &:focus {\n        background-color: darken($error-value-color, 5%);\n      }\n    }\n  }\n\n  select {\n    appearance: none;\n    box-sizing: border-box;\n    font-size: 16px;\n    color: $primary-text-color;\n    display: block;\n    width: 100%;\n    outline: 0;\n    font-family: inherit;\n    resize: vertical;\n    background: darken($ui-base-color, 10%) url(\"data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14.933 18.467' height='19.698' width='15.929'><path d='M3.467 14.967l-3.393-3.5H14.86l-3.392 3.5c-1.866 1.925-3.666 3.5-4 3.5-.335 0-2.135-1.575-4-3.5zm.266-11.234L7.467 0 11.2 3.733l3.733 3.734H0l3.733-3.734z' fill='#{hex-color(lighten($ui-base-color, 12%))}'/></svg>\") no-repeat right 8px center / auto 16px;\n    border: 1px solid darken($ui-base-color, 14%);\n    border-radius: 4px;\n    padding-left: 10px;\n    padding-right: 30px;\n    height: 41px;\n  }\n\n  h4 {\n    margin-bottom: 15px !important;\n  }\n\n  .label_input {\n    &__wrapper {\n      position: relative;\n    }\n\n    &__append {\n      position: absolute;\n      right: 3px;\n      top: 1px;\n      padding: 10px;\n      padding-bottom: 9px;\n      font-size: 16px;\n      color: $dark-text-color;\n      font-family: inherit;\n      pointer-events: none;\n      cursor: default;\n      max-width: 140px;\n      white-space: nowrap;\n      overflow: hidden;\n\n      &::after {\n        content: '';\n        display: block;\n        position: absolute;\n        top: 0;\n        right: 0;\n        bottom: 1px;\n        width: 5px;\n        background-image: linear-gradient(to right, rgba(darken($ui-base-color, 10%), 0), darken($ui-base-color, 10%));\n      }\n    }\n  }\n\n  &__overlay-area {\n    position: relative;\n\n    &__blurred form {\n      filter: blur(2px);\n    }\n\n    &__overlay {\n      position: absolute;\n      top: 0;\n      left: 0;\n      width: 100%;\n      height: 100%;\n      display: flex;\n      justify-content: center;\n      align-items: center;\n      background: rgba($ui-base-color, 0.65);\n      border-radius: 4px;\n      margin-left: -4px;\n      margin-top: -4px;\n      padding: 4px;\n\n      &__content {\n        text-align: center;\n\n        &.rich-formatting {\n          &,\n          p {\n            color: $primary-text-color;\n          }\n        }\n      }\n    }\n  }\n}\n\n.block-icon {\n  display: block;\n  margin: 0 auto;\n  margin-bottom: 10px;\n  font-size: 24px;\n}\n\n.flash-message {\n  background: lighten($ui-base-color, 8%);\n  color: $darker-text-color;\n  border-radius: 4px;\n  padding: 15px 10px;\n  margin-bottom: 30px;\n  text-align: center;\n\n  &.notice {\n    border: 1px solid rgba($valid-value-color, 0.5);\n    background: rgba($valid-value-color, 0.25);\n    color: $valid-value-color;\n  }\n\n  &.alert {\n    border: 1px solid rgba($error-value-color, 0.5);\n    background: rgba($error-value-color, 0.25);\n    color: $error-value-color;\n  }\n\n  a {\n    display: inline-block;\n    color: $darker-text-color;\n    text-decoration: none;\n\n    &:hover {\n      color: $primary-text-color;\n      text-decoration: underline;\n    }\n  }\n\n  p {\n    margin-bottom: 15px;\n  }\n\n  .oauth-code {\n    outline: 0;\n    box-sizing: border-box;\n    display: block;\n    width: 100%;\n    border: none;\n    padding: 10px;\n    font-family: $font-monospace, monospace;\n    background: $ui-base-color;\n    color: $primary-text-color;\n    font-size: 14px;\n    margin: 0;\n\n    &::-moz-focus-inner {\n      border: 0;\n    }\n\n    &::-moz-focus-inner,\n    &:focus,\n    &:active {\n      outline: 0 !important;\n    }\n\n    &:focus {\n      background: lighten($ui-base-color, 4%);\n    }\n  }\n\n  strong {\n    font-weight: 500;\n\n    @each $lang in $cjk-langs {\n      &:lang(#{$lang}) {\n        font-weight: 700;\n      }\n    }\n  }\n\n  @media screen and (max-width: 740px) and (min-width: 441px) {\n    margin-top: 40px;\n  }\n}\n\n.form-footer {\n  margin-top: 30px;\n  text-align: center;\n\n  a {\n    color: $darker-text-color;\n    text-decoration: none;\n\n    &:hover {\n      text-decoration: underline;\n    }\n  }\n}\n\n.quick-nav {\n  list-style: none;\n  margin-bottom: 25px;\n  font-size: 14px;\n\n  li {\n    display: inline-block;\n    margin-right: 10px;\n  }\n\n  a {\n    color: $highlight-text-color;\n    text-transform: uppercase;\n    text-decoration: none;\n    font-weight: 700;\n\n    &:hover,\n    &:focus,\n    &:active {\n      color: lighten($highlight-text-color, 8%);\n    }\n  }\n}\n\n.oauth-prompt,\n.follow-prompt {\n  margin-bottom: 30px;\n  color: $darker-text-color;\n\n  h2 {\n    font-size: 16px;\n    margin-bottom: 30px;\n    text-align: center;\n  }\n\n  strong {\n    color: $secondary-text-color;\n    font-weight: 500;\n\n    @each $lang in $cjk-langs {\n      &:lang(#{$lang}) {\n        font-weight: 700;\n      }\n    }\n  }\n\n  @media screen and (max-width: 740px) and (min-width: 441px) {\n    margin-top: 40px;\n  }\n}\n\n.qr-wrapper {\n  display: flex;\n  flex-wrap: wrap;\n  align-items: flex-start;\n}\n\n.qr-code {\n  flex: 0 0 auto;\n  background: $simple-background-color;\n  padding: 4px;\n  margin: 0 10px 20px 0;\n  box-shadow: 0 0 15px rgba($base-shadow-color, 0.2);\n  display: inline-block;\n\n  svg {\n    display: block;\n    margin: 0;\n  }\n}\n\n.qr-alternative {\n  margin-bottom: 20px;\n  color: $secondary-text-color;\n  flex: 150px;\n\n  samp {\n    display: block;\n    font-size: 14px;\n  }\n}\n\n.table-form {\n  p {\n    margin-bottom: 15px;\n\n    strong {\n      font-weight: 500;\n\n      @each $lang in $cjk-langs {\n        &:lang(#{$lang}) {\n          font-weight: 700;\n        }\n      }\n    }\n  }\n}\n\n.simple_form,\n.table-form {\n  .warning {\n    box-sizing: border-box;\n    background: rgba($error-value-color, 0.5);\n    color: $primary-text-color;\n    text-shadow: 1px 1px 0 rgba($base-shadow-color, 0.3);\n    box-shadow: 0 2px 6px rgba($base-shadow-color, 0.4);\n    border-radius: 4px;\n    padding: 10px;\n    margin-bottom: 15px;\n\n    a {\n      color: $primary-text-color;\n      text-decoration: underline;\n\n      &:hover,\n      &:focus,\n      &:active {\n        text-decoration: none;\n      }\n    }\n\n    strong {\n      font-weight: 600;\n      display: block;\n      margin-bottom: 5px;\n\n      @each $lang in $cjk-langs {\n        &:lang(#{$lang}) {\n          font-weight: 700;\n        }\n      }\n\n      .fa {\n        font-weight: 400;\n      }\n    }\n  }\n}\n\n.action-pagination {\n  display: flex;\n  flex-wrap: wrap;\n  align-items: center;\n\n  .actions,\n  .pagination {\n    flex: 1 1 auto;\n  }\n\n  .actions {\n    padding: 30px 0;\n    padding-right: 20px;\n    flex: 0 0 auto;\n  }\n}\n\n.post-follow-actions {\n  text-align: center;\n  color: $darker-text-color;\n\n  div {\n    margin-bottom: 4px;\n  }\n}\n\n.alternative-login {\n  margin-top: 20px;\n  margin-bottom: 20px;\n\n  h4 {\n    font-size: 16px;\n    color: $primary-text-color;\n    text-align: center;\n    margin-bottom: 20px;\n    border: 0;\n    padding: 0;\n  }\n\n  .button {\n    display: block;\n  }\n}\n\n.scope-danger {\n  color: $warning-red;\n}\n\n.form_admin_settings_site_short_description,\n.form_admin_settings_site_description,\n.form_admin_settings_site_extended_description,\n.form_admin_settings_site_terms,\n.form_admin_settings_custom_css,\n.form_admin_settings_closed_registrations_message {\n  textarea {\n    font-family: $font-monospace, monospace;\n  }\n}\n\n.input-copy {\n  background: darken($ui-base-color, 10%);\n  border: 1px solid darken($ui-base-color, 14%);\n  border-radius: 4px;\n  display: flex;\n  align-items: center;\n  padding-right: 4px;\n  position: relative;\n  top: 1px;\n  transition: border-color 300ms linear;\n\n  &__wrapper {\n    flex: 1 1 auto;\n  }\n\n  input[type=text] {\n    background: transparent;\n    border: 0;\n    padding: 10px;\n    font-size: 14px;\n    font-family: $font-monospace, monospace;\n  }\n\n  button {\n    flex: 0 0 auto;\n    margin: 4px;\n    text-transform: none;\n    font-weight: 400;\n    font-size: 14px;\n    padding: 7px 18px;\n    padding-bottom: 6px;\n    width: auto;\n    transition: background 300ms linear;\n  }\n\n  &.copied {\n    border-color: $valid-value-color;\n    transition: none;\n\n    button {\n      background: $valid-value-color;\n      transition: none;\n    }\n  }\n}\n\n.connection-prompt {\n  margin-bottom: 25px;\n\n  .fa-link {\n    background-color: darken($ui-base-color, 4%);\n    border-radius: 100%;\n    font-size: 24px;\n    padding: 10px;\n  }\n\n  &__column {\n    align-items: center;\n    display: flex;\n    flex: 1;\n    flex-direction: column;\n    flex-shrink: 1;\n    max-width: 50%;\n\n    &-sep {\n      align-self: center;\n      flex-grow: 0;\n      overflow: visible;\n      position: relative;\n      z-index: 1;\n    }\n\n    p {\n      word-break: break-word;\n    }\n  }\n\n  .account__avatar {\n    margin-bottom: 20px;\n  }\n\n  &__connection {\n    background-color: lighten($ui-base-color, 8%);\n    box-shadow: 0 0 15px rgba($base-shadow-color, 0.2);\n    border-radius: 4px;\n    padding: 25px 10px;\n    position: relative;\n    text-align: center;\n\n    &::after {\n      background-color: darken($ui-base-color, 4%);\n      content: '';\n      display: block;\n      height: 100%;\n      left: 50%;\n      position: absolute;\n      top: 0;\n      width: 1px;\n    }\n  }\n\n  &__row {\n    align-items: flex-start;\n    display: flex;\n    flex-direction: row;\n  }\n}\n",".card {\n  & > a {\n    display: block;\n    text-decoration: none;\n    color: inherit;\n    box-shadow: 0 0 15px rgba($base-shadow-color, 0.2);\n\n    @media screen and (max-width: $no-gap-breakpoint) {\n      box-shadow: none;\n    }\n\n    &:hover,\n    &:active,\n    &:focus {\n      .card__bar {\n        background: lighten($ui-base-color, 8%);\n      }\n    }\n  }\n\n  &__img {\n    height: 130px;\n    position: relative;\n    background: darken($ui-base-color, 12%);\n    border-radius: 4px 4px 0 0;\n\n    img {\n      display: block;\n      width: 100%;\n      height: 100%;\n      margin: 0;\n      object-fit: cover;\n      border-radius: 4px 4px 0 0;\n    }\n\n    @media screen and (max-width: 600px) {\n      height: 200px;\n    }\n\n    @media screen and (max-width: $no-gap-breakpoint) {\n      display: none;\n    }\n  }\n\n  &__bar {\n    position: relative;\n    padding: 15px;\n    display: flex;\n    justify-content: flex-start;\n    align-items: center;\n    background: lighten($ui-base-color, 4%);\n    border-radius: 0 0 4px 4px;\n\n    @media screen and (max-width: $no-gap-breakpoint) {\n      border-radius: 0;\n    }\n\n    .avatar {\n      flex: 0 0 auto;\n      width: 48px;\n      height: 48px;\n      @include avatar-size(48px);\n      padding-top: 2px;\n\n      img {\n        width: 100%;\n        height: 100%;\n        display: block;\n        margin: 0;\n        border-radius: 4px;\n        @include avatar-radius();\n        background: darken($ui-base-color, 8%);\n        object-fit: cover;\n      }\n    }\n\n    .display-name {\n      margin-left: 15px;\n      text-align: left;\n\n      strong {\n        font-size: 15px;\n        color: $primary-text-color;\n        font-weight: 500;\n        overflow: hidden;\n        text-overflow: ellipsis;\n      }\n\n      span {\n        display: block;\n        font-size: 14px;\n        color: $darker-text-color;\n        font-weight: 400;\n        overflow: hidden;\n        text-overflow: ellipsis;\n      }\n    }\n  }\n}\n\n.pagination {\n  padding: 30px 0;\n  text-align: center;\n  overflow: hidden;\n\n  a,\n  .current,\n  .newer,\n  .older,\n  .page,\n  .gap {\n    font-size: 14px;\n    color: $primary-text-color;\n    font-weight: 500;\n    display: inline-block;\n    padding: 6px 10px;\n    text-decoration: none;\n  }\n\n  .current {\n    background: $simple-background-color;\n    border-radius: 100px;\n    color: $inverted-text-color;\n    cursor: default;\n    margin: 0 10px;\n  }\n\n  .gap {\n    cursor: default;\n  }\n\n  .older,\n  .newer {\n    text-transform: uppercase;\n    color: $secondary-text-color;\n  }\n\n  .older {\n    float: left;\n    padding-left: 0;\n\n    .fa {\n      display: inline-block;\n      margin-right: 5px;\n    }\n  }\n\n  .newer {\n    float: right;\n    padding-right: 0;\n\n    .fa {\n      display: inline-block;\n      margin-left: 5px;\n    }\n  }\n\n  .disabled {\n    cursor: default;\n    color: lighten($inverted-text-color, 10%);\n  }\n\n  @media screen and (max-width: 700px) {\n    padding: 30px 20px;\n\n    .page {\n      display: none;\n    }\n\n    .newer,\n    .older {\n      display: inline-block;\n    }\n  }\n}\n\n.nothing-here {\n  background: $ui-base-color;\n  box-shadow: 0 0 15px rgba($base-shadow-color, 0.2);\n  color: $light-text-color;\n  font-size: 14px;\n  font-weight: 500;\n  text-align: center;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  cursor: default;\n  border-radius: 4px;\n  padding: 20px;\n  min-height: 30vh;\n\n  &--under-tabs {\n    border-radius: 0 0 4px 4px;\n  }\n\n  &--flexible {\n    box-sizing: border-box;\n    min-height: 100%;\n  }\n}\n\n.account-role,\n.simple_form .recommended {\n  display: inline-block;\n  padding: 4px 6px;\n  cursor: default;\n  border-radius: 3px;\n  font-size: 12px;\n  line-height: 12px;\n  font-weight: 500;\n  color: $ui-secondary-color;\n  background-color: rgba($ui-secondary-color, 0.1);\n  border: 1px solid rgba($ui-secondary-color, 0.5);\n\n  &.moderator {\n    color: $success-green;\n    background-color: rgba($success-green, 0.1);\n    border-color: rgba($success-green, 0.5);\n  }\n\n  &.admin {\n    color: lighten($error-red, 12%);\n    background-color: rgba(lighten($error-red, 12%), 0.1);\n    border-color: rgba(lighten($error-red, 12%), 0.5);\n  }\n}\n\n.account__header__fields {\n  max-width: 100vw;\n  padding: 0;\n  margin: 15px -15px -15px;\n  border: 0 none;\n  border-top: 1px solid lighten($ui-base-color, 12%);\n  border-bottom: 1px solid lighten($ui-base-color, 12%);\n  font-size: 14px;\n  line-height: 20px;\n\n  dl {\n    display: flex;\n    border-bottom: 1px solid lighten($ui-base-color, 12%);\n  }\n\n  dt,\n  dd {\n    box-sizing: border-box;\n    padding: 14px;\n    text-align: center;\n    max-height: 48px;\n    overflow: hidden;\n    white-space: nowrap;\n    text-overflow: ellipsis;\n  }\n\n  dt {\n    font-weight: 500;\n    width: 120px;\n    flex: 0 0 auto;\n    color: $secondary-text-color;\n    background: rgba(darken($ui-base-color, 8%), 0.5);\n  }\n\n  dd {\n    flex: 1 1 auto;\n    color: $darker-text-color;\n  }\n\n  a {\n    color: $highlight-text-color;\n    text-decoration: none;\n\n    &:hover,\n    &:focus,\n    &:active {\n      text-decoration: underline;\n    }\n  }\n\n  .verified {\n    border: 1px solid rgba($valid-value-color, 0.5);\n    background: rgba($valid-value-color, 0.25);\n\n    a {\n      color: $valid-value-color;\n      font-weight: 500;\n    }\n\n    &__mark {\n      color: $valid-value-color;\n    }\n  }\n\n  dl:last-child {\n    border-bottom: 0;\n  }\n}\n\n.directory__tag .trends__item__current {\n  width: auto;\n}\n\n.pending-account {\n  &__header {\n    color: $darker-text-color;\n\n    a {\n      color: $ui-secondary-color;\n      text-decoration: none;\n\n      &:hover,\n      &:active,\n      &:focus {\n        text-decoration: underline;\n      }\n    }\n\n    strong {\n      color: $primary-text-color;\n      font-weight: 700;\n    }\n  }\n\n  &__body {\n    margin-top: 10px;\n  }\n}\n",".activity-stream {\n  box-shadow: 0 0 15px rgba($base-shadow-color, 0.2);\n  border-radius: 4px;\n  overflow: hidden;\n  margin-bottom: 10px;\n\n  @media screen and (max-width: $no-gap-breakpoint) {\n    margin-bottom: 0;\n    border-radius: 0;\n    box-shadow: none;\n  }\n\n  &--headless {\n    border-radius: 0;\n    margin: 0;\n    box-shadow: none;\n\n    .detailed-status,\n    .status {\n      border-radius: 0 !important;\n    }\n  }\n\n  div[data-component] {\n    width: 100%;\n  }\n\n  .entry {\n    background: $ui-base-color;\n\n    .detailed-status,\n    .status,\n    .load-more {\n      animation: none;\n    }\n\n    &:last-child {\n      .detailed-status,\n      .status,\n      .load-more {\n        border-bottom: 0;\n        border-radius: 0 0 4px 4px;\n      }\n    }\n\n    &:first-child {\n      .detailed-status,\n      .status,\n      .load-more {\n        border-radius: 4px 4px 0 0;\n      }\n\n      &:last-child {\n        .detailed-status,\n        .status,\n        .load-more {\n          border-radius: 4px;\n        }\n      }\n    }\n\n    @media screen and (max-width: 740px) {\n      .detailed-status,\n      .status,\n      .load-more {\n        border-radius: 0 !important;\n      }\n    }\n  }\n\n  &--highlighted .entry {\n    background: lighten($ui-base-color, 8%);\n  }\n}\n\n.button.logo-button {\n  flex: 0 auto;\n  font-size: 14px;\n  background: $ui-highlight-color;\n  color: $primary-text-color;\n  text-transform: none;\n  line-height: 36px;\n  height: auto;\n  padding: 3px 15px;\n  border: 0;\n\n  svg {\n    width: 20px;\n    height: auto;\n    vertical-align: middle;\n    margin-right: 5px;\n    fill: $primary-text-color;\n  }\n\n  &:active,\n  &:focus,\n  &:hover {\n    background: lighten($ui-highlight-color, 10%);\n  }\n\n  &:disabled,\n  &.disabled {\n    &:active,\n    &:focus,\n    &:hover {\n      background: $ui-primary-color;\n    }\n  }\n\n  &.button--destructive {\n    &:active,\n    &:focus,\n    &:hover {\n      background: $error-red;\n    }\n  }\n\n  @media screen and (max-width: $no-gap-breakpoint) {\n    svg {\n      display: none;\n    }\n  }\n}\n\n.embed,\n.public-layout {\n  .detailed-status {\n    padding: 15px;\n  }\n\n  .status {\n    padding: 15px 15px 15px (48px + 15px * 2);\n    min-height: 48px + 2px;\n\n    &__avatar {\n      left: 15px;\n      top: 17px;\n    }\n\n    &__content {\n      padding-top: 5px;\n    }\n\n    &__prepend {\n      padding: 8px 0;\n      padding-bottom: 2px;\n      margin: initial;\n      margin-left: 48px + 15px * 2;\n      padding-top: 15px;\n    }\n\n    &__prepend-icon-wrapper {\n      position: absolute;\n      margin: initial;\n      float: initial;\n      width: auto;\n      left: -32px;\n    }\n\n    .media-gallery,\n    &__action-bar,\n    .video-player {\n      margin-top: 10px;\n    }\n  }\n}\n\n// Styling from upstream's WebUI, as public pages use the same layout\n.embed,\n.public-layout {\n  .status {\n    .status__info {\n      font-size: 15px;\n      display: initial;\n    }\n\n    .status__relative-time {\n      color: $dark-text-color;\n      float: right;\n      font-size: 14px;\n      width: auto;\n      margin: initial;\n      padding: initial;\n    }\n\n    .status__info .status__display-name {\n      display: block;\n      max-width: 100%;\n      padding: 6px 0;\n      padding-right: 25px;\n      margin: initial;\n\n      .display-name strong {\n        display: inline;\n      }\n    }\n\n    .status__avatar {\n      height: 48px;\n      position: absolute;\n      width: 48px;\n      margin: initial;\n    }\n  }\n}\n\n.rtl {\n  .embed,\n  .public-layout {\n    .status {\n      padding-left: 10px;\n      padding-right: 68px;\n\n      .status__info .status__display-name {\n        padding-left: 25px;\n        padding-right: 0;\n      }\n\n      .status__relative-time {\n        float: left;\n      }\n    }\n  }\n}\n\n.status__content__read-more-button {\n  display: block;\n  font-size: 15px;\n  line-height: 20px;\n  color: lighten($ui-highlight-color, 8%);\n  border: 0;\n  background: transparent;\n  padding: 0;\n  padding-top: 8px;\n  text-decoration: none;\n\n  &:hover,\n  &:active {\n    text-decoration: underline;\n  }\n}\n",".app-body {\n  -webkit-overflow-scrolling: touch;\n  -ms-overflow-style: -ms-autohiding-scrollbar;\n}\n\n.animated-number {\n  display: inline-flex;\n  flex-direction: column;\n  align-items: stretch;\n  overflow: hidden;\n  position: relative;\n}\n\n.link-button {\n  display: block;\n  font-size: 15px;\n  line-height: 20px;\n  color: $ui-highlight-color;\n  border: 0;\n  background: transparent;\n  padding: 0;\n  cursor: pointer;\n\n  &:hover,\n  &:active {\n    text-decoration: underline;\n  }\n\n  &:disabled {\n    color: $ui-primary-color;\n    cursor: default;\n  }\n}\n\n.button {\n  background-color: darken($ui-highlight-color, 3%);\n  border: 10px none;\n  border-radius: 4px;\n  box-sizing: border-box;\n  color: $primary-text-color;\n  cursor: pointer;\n  display: inline-block;\n  font-family: inherit;\n  font-size: 14px;\n  font-weight: 500;\n  height: 36px;\n  letter-spacing: 0;\n  line-height: 36px;\n  overflow: hidden;\n  padding: 0 16px;\n  position: relative;\n  text-align: center;\n  text-transform: uppercase;\n  text-decoration: none;\n  text-overflow: ellipsis;\n  transition: all 100ms ease-in;\n  transition-property: background-color;\n  white-space: nowrap;\n  width: auto;\n\n  &:active,\n  &:focus,\n  &:hover {\n    background-color: lighten($ui-highlight-color, 7%);\n    transition: all 200ms ease-out;\n    transition-property: background-color;\n  }\n\n  &--destructive {\n    transition: none;\n\n    &:active,\n    &:focus,\n    &:hover {\n      background-color: $error-red;\n      transition: none;\n    }\n  }\n\n  &:disabled {\n    background-color: $ui-primary-color;\n    cursor: default;\n  }\n\n  &.button-primary,\n  &.button-alternative,\n  &.button-secondary,\n  &.button-alternative-2 {\n    font-size: 16px;\n    line-height: 36px;\n    height: auto;\n    text-transform: none;\n    padding: 4px 16px;\n  }\n\n  &.button-alternative {\n    color: $inverted-text-color;\n    background: $ui-primary-color;\n\n    &:active,\n    &:focus,\n    &:hover {\n      background-color: lighten($ui-primary-color, 4%);\n    }\n  }\n\n  &.button-alternative-2 {\n    background: $ui-base-lighter-color;\n\n    &:active,\n    &:focus,\n    &:hover {\n      background-color: lighten($ui-base-lighter-color, 4%);\n    }\n  }\n\n  &.button-secondary {\n    font-size: 16px;\n    line-height: 36px;\n    height: auto;\n    color: $darker-text-color;\n    text-transform: none;\n    background: transparent;\n    padding: 3px 15px;\n    border-radius: 4px;\n    border: 1px solid $ui-primary-color;\n\n    &:active,\n    &:focus,\n    &:hover {\n      border-color: lighten($ui-primary-color, 4%);\n      color: lighten($darker-text-color, 4%);\n    }\n\n    &:disabled {\n      opacity: 0.5;\n    }\n  }\n\n  &.button--block {\n    display: block;\n    width: 100%;\n  }\n}\n\n.icon-button {\n  display: inline-block;\n  padding: 0;\n  color: $action-button-color;\n  border: 0;\n  border-radius: 4px;\n  background: transparent;\n  cursor: pointer;\n  transition: all 100ms ease-in;\n  transition-property: background-color, color;\n\n  &:hover,\n  &:active,\n  &:focus {\n    color: lighten($action-button-color, 7%);\n    background-color: rgba($action-button-color, 0.15);\n    transition: all 200ms ease-out;\n    transition-property: background-color, color;\n  }\n\n  &:focus {\n    background-color: rgba($action-button-color, 0.3);\n  }\n\n  &.disabled {\n    color: darken($action-button-color, 13%);\n    background-color: transparent;\n    cursor: default;\n  }\n\n  &.active {\n    color: $highlight-text-color;\n  }\n\n  &::-moz-focus-inner {\n    border: 0;\n  }\n\n  &::-moz-focus-inner,\n  &:focus,\n  &:active {\n    outline: 0 !important;\n  }\n\n  &.inverted {\n    color: $lighter-text-color;\n\n    &:hover,\n    &:active,\n    &:focus {\n      color: darken($lighter-text-color, 7%);\n      background-color: rgba($lighter-text-color, 0.15);\n    }\n\n    &:focus {\n      background-color: rgba($lighter-text-color, 0.3);\n    }\n\n    &.disabled {\n      color: lighten($lighter-text-color, 7%);\n      background-color: transparent;\n    }\n\n    &.active {\n      color: $highlight-text-color;\n\n      &.disabled {\n        color: lighten($highlight-text-color, 13%);\n      }\n    }\n  }\n\n  &.overlayed {\n    box-sizing: content-box;\n    background: rgba($base-overlay-background, 0.6);\n    color: rgba($primary-text-color, 0.7);\n    border-radius: 4px;\n    padding: 2px;\n\n    &:hover {\n      background: rgba($base-overlay-background, 0.9);\n    }\n  }\n}\n\n.text-icon-button {\n  color: $lighter-text-color;\n  border: 0;\n  border-radius: 4px;\n  background: transparent;\n  cursor: pointer;\n  font-weight: 600;\n  font-size: 11px;\n  padding: 0 3px;\n  line-height: 27px;\n  outline: 0;\n  transition: all 100ms ease-in;\n  transition-property: background-color, color;\n\n  &:hover,\n  &:active,\n  &:focus {\n    color: darken($lighter-text-color, 7%);\n    background-color: rgba($lighter-text-color, 0.15);\n    transition: all 200ms ease-out;\n    transition-property: background-color, color;\n  }\n\n  &:focus {\n    background-color: rgba($lighter-text-color, 0.3);\n  }\n\n  &.disabled {\n    color: lighten($lighter-text-color, 20%);\n    background-color: transparent;\n    cursor: default;\n  }\n\n  &.active {\n    color: $highlight-text-color;\n  }\n\n  &::-moz-focus-inner {\n    border: 0;\n  }\n\n  &::-moz-focus-inner,\n  &:focus,\n  &:active {\n    outline: 0 !important;\n  }\n}\n\n.dropdown-menu {\n  position: absolute;\n  transform-origin: 50% 0;\n}\n\n.invisible {\n  font-size: 0;\n  line-height: 0;\n  display: inline-block;\n  width: 0;\n  height: 0;\n  position: absolute;\n\n  img,\n  svg {\n    margin: 0 !important;\n    border: 0 !important;\n    padding: 0 !important;\n    width: 0 !important;\n    height: 0 !important;\n  }\n}\n\n.ellipsis {\n  &::after {\n    content: \"…\";\n  }\n}\n\n.notification__favourite-icon-wrapper {\n  left: 0;\n  position: absolute;\n\n  .fa.star-icon {\n    color: $gold-star;\n  }\n}\n\n.star-icon.active {\n  color: $gold-star;\n}\n\n.bookmark-icon.active {\n  color: $red-bookmark;\n}\n\n.no-reduce-motion .icon-button.star-icon {\n  &.activate {\n    & > .fa-star {\n      animation: spring-rotate-in 1s linear;\n    }\n  }\n\n  &.deactivate {\n    & > .fa-star {\n      animation: spring-rotate-out 1s linear;\n    }\n  }\n}\n\n.notification__display-name {\n  color: inherit;\n  font-weight: 500;\n  text-decoration: none;\n\n  &:hover {\n    color: $primary-text-color;\n    text-decoration: underline;\n  }\n}\n\n.display-name {\n  display: block;\n  max-width: 100%;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n\n  a {\n    color: inherit;\n    text-decoration: inherit;\n  }\n\n  strong {\n    height: 18px;\n    font-size: 16px;\n    font-weight: 500;\n    line-height: 18px;\n    text-overflow: ellipsis;\n    overflow: hidden;\n    white-space: nowrap;\n  }\n\n  span {\n    display: block;\n    height: 18px;\n    font-size: 15px;\n    line-height: 18px;\n    text-overflow: ellipsis;\n    overflow: hidden;\n    white-space: nowrap;\n  }\n\n  > a:hover {\n    strong {\n      text-decoration: underline;\n    }\n  }\n\n  &.inline {\n    padding: 0;\n    height: 18px;\n    font-size: 15px;\n    line-height: 18px;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n    overflow: hidden;\n\n    strong {\n      display: inline;\n      height: auto;\n      font-size: inherit;\n      line-height: inherit;\n    }\n\n    span {\n      display: inline;\n      height: auto;\n      font-size: inherit;\n      line-height: inherit;\n    }\n  }\n}\n\n.display-name__html {\n  font-weight: 500;\n}\n\n.display-name__account {\n  font-size: 14px;\n}\n\n.image-loader {\n  position: relative;\n  width: 100%;\n  height: 100%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  flex-direction: column;\n\n  .image-loader__preview-canvas {\n    max-width: $media-modal-media-max-width;\n    max-height: $media-modal-media-max-height;\n    background: url('~images/void.png') repeat;\n    object-fit: contain;\n  }\n\n  .loading-bar {\n    position: relative;\n  }\n\n  &.image-loader--amorphous .image-loader__preview-canvas {\n    display: none;\n  }\n}\n\n.zoomable-image {\n  position: relative;\n  width: 100%;\n  height: 100%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n\n  img {\n    max-width: $media-modal-media-max-width;\n    max-height: $media-modal-media-max-height;\n    width: auto;\n    height: auto;\n    object-fit: contain;\n  }\n}\n\n.dropdown {\n  display: inline-block;\n}\n\n.dropdown__content {\n  display: none;\n  position: absolute;\n}\n\n.dropdown-menu__separator {\n  border-bottom: 1px solid darken($ui-secondary-color, 8%);\n  margin: 5px 7px 6px;\n  height: 0;\n}\n\n.dropdown-menu {\n  background: $ui-secondary-color;\n  padding: 4px 0;\n  border-radius: 4px;\n  box-shadow: 2px 4px 15px rgba($base-shadow-color, 0.4);\n\n  ul {\n    list-style: none;\n  }\n}\n\n.dropdown-menu__arrow {\n  position: absolute;\n  width: 0;\n  height: 0;\n  border: 0 solid transparent;\n\n  &.left {\n    right: -5px;\n    margin-top: -5px;\n    border-width: 5px 0 5px 5px;\n    border-left-color: $ui-secondary-color;\n  }\n\n  &.top {\n    bottom: -5px;\n    margin-left: -7px;\n    border-width: 5px 7px 0;\n    border-top-color: $ui-secondary-color;\n  }\n\n  &.bottom {\n    top: -5px;\n    margin-left: -7px;\n    border-width: 0 7px 5px;\n    border-bottom-color: $ui-secondary-color;\n  }\n\n  &.right {\n    left: -5px;\n    margin-top: -5px;\n    border-width: 5px 5px 5px 0;\n    border-right-color: $ui-secondary-color;\n  }\n}\n\n.dropdown-menu__item {\n  a {\n    font-size: 13px;\n    line-height: 18px;\n    display: block;\n    padding: 4px 14px;\n    box-sizing: border-box;\n    text-decoration: none;\n    background: $ui-secondary-color;\n    color: $inverted-text-color;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n\n    &:focus,\n    &:hover,\n    &:active {\n      background: $ui-highlight-color;\n      color: $secondary-text-color;\n      outline: 0;\n    }\n  }\n}\n\n.dropdown--active .dropdown__content {\n  display: block;\n  line-height: 18px;\n  max-width: 311px;\n  right: 0;\n  text-align: left;\n  z-index: 9999;\n\n  & > ul {\n    list-style: none;\n    background: $ui-secondary-color;\n    padding: 4px 0;\n    border-radius: 4px;\n    box-shadow: 0 0 15px rgba($base-shadow-color, 0.4);\n    min-width: 140px;\n    position: relative;\n  }\n\n  &.dropdown__right {\n    right: 0;\n  }\n\n  &.dropdown__left {\n    & > ul {\n      left: -98px;\n    }\n  }\n\n  & > ul > li > a {\n    font-size: 13px;\n    line-height: 18px;\n    display: block;\n    padding: 4px 14px;\n    box-sizing: border-box;\n    text-decoration: none;\n    background: $ui-secondary-color;\n    color: $inverted-text-color;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n\n    &:focus {\n      outline: 0;\n    }\n\n    &:hover {\n      background: $ui-highlight-color;\n      color: $secondary-text-color;\n    }\n  }\n}\n\n.dropdown__icon {\n  vertical-align: middle;\n}\n\n.static-content {\n  padding: 10px;\n  padding-top: 20px;\n  color: $dark-text-color;\n\n  h1 {\n    font-size: 16px;\n    font-weight: 500;\n    margin-bottom: 40px;\n    text-align: center;\n  }\n\n  p {\n    font-size: 13px;\n    margin-bottom: 20px;\n  }\n}\n\n.column,\n.drawer {\n  flex: 1 1 100%;\n  overflow: hidden;\n}\n\n@media screen and (min-width: 631px) {\n  .columns-area {\n    padding: 0;\n  }\n\n  .column,\n  .drawer {\n    flex: 0 0 auto;\n    padding: 10px;\n    padding-left: 5px;\n    padding-right: 5px;\n\n    &:first-child {\n      padding-left: 10px;\n    }\n\n    &:last-child {\n      padding-right: 10px;\n    }\n  }\n\n  .columns-area > div {\n    .column,\n    .drawer {\n      padding-left: 5px;\n      padding-right: 5px;\n    }\n  }\n}\n\n.tabs-bar {\n  box-sizing: border-box;\n  display: flex;\n  background: lighten($ui-base-color, 8%);\n  flex: 0 0 auto;\n  overflow-y: auto;\n}\n\n.tabs-bar__link {\n  display: block;\n  flex: 1 1 auto;\n  padding: 15px 10px;\n  padding-bottom: 13px;\n  color: $primary-text-color;\n  text-decoration: none;\n  text-align: center;\n  font-size: 14px;\n  font-weight: 500;\n  border-bottom: 2px solid lighten($ui-base-color, 8%);\n  transition: all 50ms linear;\n  transition-property: border-bottom, background, color;\n\n  .fa {\n    font-weight: 400;\n    font-size: 16px;\n  }\n\n  &:hover,\n  &:focus,\n  &:active {\n    @include multi-columns('screen and (min-width: 631px)') {\n      background: lighten($ui-base-color, 14%);\n      border-bottom-color: lighten($ui-base-color, 14%);\n    }\n  }\n\n  &.active {\n    border-bottom: 2px solid $ui-highlight-color;\n    color: $highlight-text-color;\n  }\n\n  span {\n    margin-left: 5px;\n    display: none;\n  }\n\n  span.icon {\n    margin-left: 0;\n    display: inline;\n  }\n}\n\n.icon-with-badge {\n  position: relative;\n\n  &__badge {\n    position: absolute;\n    left: 9px;\n    top: -13px;\n    background: $ui-highlight-color;\n    border: 2px solid lighten($ui-base-color, 8%);\n    padding: 1px 6px;\n    border-radius: 6px;\n    font-size: 10px;\n    font-weight: 500;\n    line-height: 14px;\n    color: $primary-text-color;\n  }\n}\n\n.column-link--transparent .icon-with-badge__badge {\n  border-color: darken($ui-base-color, 8%);\n}\n\n.scrollable {\n  overflow-y: scroll;\n  overflow-x: hidden;\n  flex: 1 1 auto;\n  -webkit-overflow-scrolling: touch;\n\n  &.optionally-scrollable {\n    overflow-y: auto;\n  }\n\n  @supports(display: grid) { // hack to fix Chrome <57\n    contain: strict;\n  }\n\n  &--flex {\n    display: flex;\n    flex-direction: column;\n  }\n\n  &__append {\n    flex: 1 1 auto;\n    position: relative;\n    min-height: 120px;\n  }\n}\n\n.scrollable.fullscreen {\n  @supports(display: grid) { // hack to fix Chrome <57\n    contain: none;\n  }\n}\n\n.react-toggle {\n  display: inline-block;\n  position: relative;\n  cursor: pointer;\n  background-color: transparent;\n  border: 0;\n  padding: 0;\n  user-select: none;\n  -webkit-tap-highlight-color: rgba($base-overlay-background, 0);\n  -webkit-tap-highlight-color: transparent;\n}\n\n.react-toggle-screenreader-only {\n  border: 0;\n  clip: rect(0 0 0 0);\n  height: 1px;\n  margin: -1px;\n  overflow: hidden;\n  padding: 0;\n  position: absolute;\n  width: 1px;\n}\n\n.react-toggle--disabled {\n  cursor: not-allowed;\n  opacity: 0.5;\n  transition: opacity 0.25s;\n}\n\n.react-toggle-track {\n  width: 50px;\n  height: 24px;\n  padding: 0;\n  border-radius: 30px;\n  background-color: $ui-base-color;\n  transition: background-color 0.2s ease;\n}\n\n.react-toggle:hover:not(.react-toggle--disabled) .react-toggle-track {\n  background-color: darken($ui-base-color, 10%);\n}\n\n.react-toggle--checked .react-toggle-track {\n  background-color: $ui-highlight-color;\n}\n\n.react-toggle--checked:hover:not(.react-toggle--disabled) .react-toggle-track {\n  background-color: lighten($ui-highlight-color, 10%);\n}\n\n.react-toggle-track-check {\n  position: absolute;\n  width: 14px;\n  height: 10px;\n  top: 0;\n  bottom: 0;\n  margin-top: auto;\n  margin-bottom: auto;\n  line-height: 0;\n  left: 8px;\n  opacity: 0;\n  transition: opacity 0.25s ease;\n}\n\n.react-toggle--checked .react-toggle-track-check {\n  opacity: 1;\n  transition: opacity 0.25s ease;\n}\n\n.react-toggle-track-x {\n  position: absolute;\n  width: 10px;\n  height: 10px;\n  top: 0;\n  bottom: 0;\n  margin-top: auto;\n  margin-bottom: auto;\n  line-height: 0;\n  right: 10px;\n  opacity: 1;\n  transition: opacity 0.25s ease;\n}\n\n.react-toggle--checked .react-toggle-track-x {\n  opacity: 0;\n}\n\n.react-toggle-thumb {\n  position: absolute;\n  top: 1px;\n  left: 1px;\n  width: 22px;\n  height: 22px;\n  border: 1px solid $ui-base-color;\n  border-radius: 50%;\n  background-color: darken($simple-background-color, 2%);\n  box-sizing: border-box;\n  transition: all 0.25s ease;\n  transition-property: border-color, left;\n}\n\n.react-toggle--checked .react-toggle-thumb {\n  left: 27px;\n  border-color: $ui-highlight-color;\n}\n\n.getting-started__wrapper,\n.getting_started,\n.flex-spacer {\n  background: $ui-base-color;\n}\n\n.getting-started__wrapper {\n  position: relative;\n  overflow-y: auto;\n}\n\n.flex-spacer {\n  flex: 1 1 auto;\n}\n\n.getting-started {\n  background: $ui-base-color;\n  flex: 1 0 auto;\n\n  p {\n    color: $secondary-text-color;\n  }\n\n  a {\n    color: $dark-text-color;\n  }\n\n  &__panel {\n    height: min-content;\n  }\n\n  &__panel,\n  &__footer {\n    padding: 10px;\n    padding-top: 20px;\n    flex: 0 1 auto;\n\n    ul {\n      margin-bottom: 10px;\n    }\n\n    ul li {\n      display: inline;\n    }\n\n    p {\n      color: $dark-text-color;\n      font-size: 13px;\n\n      a {\n        color: $dark-text-color;\n        text-decoration: underline;\n      }\n    }\n\n    a {\n      text-decoration: none;\n      color: $darker-text-color;\n\n      &:hover,\n      &:focus,\n      &:active {\n        text-decoration: underline;\n      }\n    }\n  }\n\n  &__trends {\n    flex: 0 1 auto;\n    opacity: 1;\n    animation: fade 150ms linear;\n    margin-top: 10px;\n\n    h4 {\n      font-size: 12px;\n      text-transform: uppercase;\n      color: $darker-text-color;\n      padding: 10px;\n      font-weight: 500;\n      border-bottom: 1px solid lighten($ui-base-color, 8%);\n    }\n\n    @media screen and (max-height: 810px) {\n      .trends__item:nth-child(3) {\n        display: none;\n      }\n    }\n\n    @media screen and (max-height: 720px) {\n      .trends__item:nth-child(2) {\n        display: none;\n      }\n    }\n\n    @media screen and (max-height: 670px) {\n      display: none;\n    }\n\n    .trends__item {\n      border-bottom: 0;\n      padding: 10px;\n\n      &__current {\n        color: $darker-text-color;\n      }\n    }\n  }\n}\n\n.column-link__badge {\n  display: inline-block;\n  border-radius: 4px;\n  font-size: 12px;\n  line-height: 19px;\n  font-weight: 500;\n  background: $ui-base-color;\n  padding: 4px 8px;\n  margin: -6px 10px;\n}\n\n.keyboard-shortcuts {\n  padding: 8px 0 0;\n  overflow: hidden;\n\n  thead {\n    position: absolute;\n    left: -9999px;\n  }\n\n  td {\n    padding: 0 10px 8px;\n  }\n\n  kbd {\n    display: inline-block;\n    padding: 3px 5px;\n    background-color: lighten($ui-base-color, 8%);\n    border: 1px solid darken($ui-base-color, 4%);\n  }\n}\n\n.setting-text {\n  color: $darker-text-color;\n  background: transparent;\n  border: none;\n  border-bottom: 2px solid $ui-primary-color;\n  box-sizing: border-box;\n  display: block;\n  font-family: inherit;\n  margin-bottom: 10px;\n  padding: 7px 0;\n  width: 100%;\n\n  &:focus,\n  &:active {\n    color: $primary-text-color;\n    border-bottom-color: $ui-highlight-color;\n  }\n\n  @include limited-single-column('screen and (max-width: 600px)') {\n    font-size: 16px;\n  }\n\n  &.light {\n    color: $inverted-text-color;\n    border-bottom: 2px solid lighten($ui-base-color, 27%);\n\n    &:focus,\n    &:active {\n      color: $inverted-text-color;\n      border-bottom-color: $ui-highlight-color;\n    }\n  }\n}\n\n.no-reduce-motion button.icon-button i.fa-retweet {\n  background-position: 0 0;\n  height: 19px;\n  transition: background-position 0.9s steps(10);\n  transition-duration: 0s;\n  vertical-align: middle;\n  width: 22px;\n\n  &::before {\n    display: none !important;\n  }\n}\n\n.no-reduce-motion button.icon-button.active i.fa-retweet {\n  transition-duration: 0.9s;\n  background-position: 0 100%;\n}\n\n.reduce-motion button.icon-button i.fa-retweet {\n  color: $action-button-color;\n  transition: color 100ms ease-in;\n}\n\n.reduce-motion button.icon-button.active i.fa-retweet {\n  color: $highlight-text-color;\n}\n\n.reduce-motion button.icon-button.disabled i.fa-retweet {\n  color: darken($action-button-color, 13%);\n}\n\n.load-more {\n  display: block;\n  color: $dark-text-color;\n  background-color: transparent;\n  border: 0;\n  font-size: inherit;\n  text-align: center;\n  line-height: inherit;\n  margin: 0;\n  padding: 15px;\n  box-sizing: border-box;\n  width: 100%;\n  clear: both;\n  text-decoration: none;\n\n  &:hover {\n    background: lighten($ui-base-color, 2%);\n  }\n}\n\n.load-gap {\n  border-bottom: 1px solid lighten($ui-base-color, 8%);\n}\n\n.missing-indicator {\n  padding-top: 20px + 48px;\n}\n\n.scrollable > div > :first-child .notification__dismiss-overlay > .wrappy {\n  border-top: 1px solid $ui-base-color;\n}\n\n.notification__dismiss-overlay {\n  overflow: hidden;\n  position: absolute;\n  top: 0;\n  right: 0;\n  bottom: -1px;\n  padding-left: 15px; // space for the box shadow to be visible\n\n  z-index: 999;\n  align-items: center;\n  justify-content: flex-end;\n  cursor: pointer;\n\n  display: flex;\n\n  .wrappy {\n    width: $dismiss-overlay-width;\n    align-self: stretch;\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    justify-content: center;\n    background: lighten($ui-base-color, 8%);\n    border-left: 1px solid lighten($ui-base-color, 20%);\n    box-shadow: 0 0 5px black;\n    border-bottom: 1px solid $ui-base-color;\n  }\n\n  .ckbox {\n    border: 2px solid $ui-primary-color;\n    border-radius: 2px;\n    width: 30px;\n    height: 30px;\n    font-size: 20px;\n    color: $darker-text-color;\n    text-shadow: 0 0 5px black;\n    display: flex;\n    justify-content: center;\n    align-items: center;\n  }\n\n  &:focus {\n    outline: 0 !important;\n\n    .ckbox {\n      box-shadow: 0 0 1px 1px $ui-highlight-color;\n    }\n  }\n}\n\n.text-btn {\n  display: inline-block;\n  padding: 0;\n  font-family: inherit;\n  font-size: inherit;\n  color: inherit;\n  border: 0;\n  background: transparent;\n  cursor: pointer;\n}\n\n.loading-indicator {\n  color: $dark-text-color;\n  font-size: 12px;\n  font-weight: 400;\n  text-transform: uppercase;\n  overflow: visible;\n  position: absolute;\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n\n  span {\n    display: block;\n    float: left;\n    margin-left: 50%;\n    transform: translateX(-50%);\n    margin: 82px 0 0 50%;\n    white-space: nowrap;\n  }\n}\n\n.loading-indicator__figure {\n  position: absolute;\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n  width: 42px;\n  height: 42px;\n  box-sizing: border-box;\n  background-color: transparent;\n  border: 0 solid lighten($ui-base-color, 26%);\n  border-width: 6px;\n  border-radius: 50%;\n}\n\n.no-reduce-motion .loading-indicator span {\n  animation: loader-label 1.15s infinite cubic-bezier(0.215, 0.610, 0.355, 1.000);\n}\n\n.no-reduce-motion .loading-indicator__figure {\n  animation: loader-figure 1.15s infinite cubic-bezier(0.215, 0.610, 0.355, 1.000);\n}\n\n@keyframes spring-rotate-in {\n  0% {\n    transform: rotate(0deg);\n  }\n\n  30% {\n    transform: rotate(-484.8deg);\n  }\n\n  60% {\n    transform: rotate(-316.7deg);\n  }\n\n  90% {\n    transform: rotate(-375deg);\n  }\n\n  100% {\n    transform: rotate(-360deg);\n  }\n}\n\n@keyframes spring-rotate-out {\n  0% {\n    transform: rotate(-360deg);\n  }\n\n  30% {\n    transform: rotate(124.8deg);\n  }\n\n  60% {\n    transform: rotate(-43.27deg);\n  }\n\n  90% {\n    transform: rotate(15deg);\n  }\n\n  100% {\n    transform: rotate(0deg);\n  }\n}\n\n@keyframes loader-figure {\n  0% {\n    width: 0;\n    height: 0;\n    background-color: lighten($ui-base-color, 26%);\n  }\n\n  29% {\n    background-color: lighten($ui-base-color, 26%);\n  }\n\n  30% {\n    width: 42px;\n    height: 42px;\n    background-color: transparent;\n    border-width: 21px;\n    opacity: 1;\n  }\n\n  100% {\n    width: 42px;\n    height: 42px;\n    border-width: 0;\n    opacity: 0;\n    background-color: transparent;\n  }\n}\n\n@keyframes loader-label {\n  0% { opacity: 0.25; }\n  30% { opacity: 1; }\n  100% { opacity: 0.25; }\n}\n\n.spoiler-button {\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  position: absolute;\n  z-index: 100;\n\n  &--minified {\n    display: flex;\n    left: 4px;\n    top: 4px;\n    width: auto;\n    height: auto;\n    align-items: center;\n  }\n\n  &--click-thru {\n    pointer-events: none;\n  }\n\n  &--hidden {\n    display: none;\n  }\n\n  &__overlay {\n    display: block;\n    background: transparent;\n    width: 100%;\n    height: 100%;\n    border: 0;\n\n    &__label {\n      display: inline-block;\n      background: rgba($base-overlay-background, 0.5);\n      border-radius: 8px;\n      padding: 8px 12px;\n      color: $primary-text-color;\n      font-weight: 500;\n      font-size: 14px;\n    }\n\n    &:hover,\n    &:focus,\n    &:active {\n      .spoiler-button__overlay__label {\n        background: rgba($base-overlay-background, 0.8);\n      }\n    }\n\n    &:disabled {\n      .spoiler-button__overlay__label {\n        background: rgba($base-overlay-background, 0.5);\n      }\n    }\n  }\n}\n\n.setting-toggle {\n  display: block;\n  line-height: 24px;\n}\n\n.setting-toggle__label,\n.setting-radio__label,\n.setting-meta__label {\n  color: $darker-text-color;\n  display: inline-block;\n  margin-bottom: 14px;\n  margin-left: 8px;\n  vertical-align: middle;\n}\n\n.setting-radio {\n  display: block;\n  line-height: 18px;\n}\n\n.setting-radio__label {\n  margin-bottom: 0;\n}\n\n.column-settings__row legend {\n  color: $darker-text-color;\n  cursor: default;\n  display: block;\n  font-weight: 500;\n  margin-top: 10px;\n}\n\n.setting-radio__input {\n  vertical-align: middle;\n}\n\n.setting-meta__label {\n  float: right;\n}\n\n@keyframes heartbeat {\n  from {\n    transform: scale(1);\n    transform-origin: center center;\n    animation-timing-function: ease-out;\n  }\n\n  10% {\n    transform: scale(0.91);\n    animation-timing-function: ease-in;\n  }\n\n  17% {\n    transform: scale(0.98);\n    animation-timing-function: ease-out;\n  }\n\n  33% {\n    transform: scale(0.87);\n    animation-timing-function: ease-in;\n  }\n\n  45% {\n    transform: scale(1);\n    animation-timing-function: ease-out;\n  }\n}\n\n.pulse-loading {\n  animation: heartbeat 1.5s ease-in-out infinite both;\n}\n\n.upload-area {\n  align-items: center;\n  background: rgba($base-overlay-background, 0.8);\n  display: flex;\n  height: 100%;\n  justify-content: center;\n  left: 0;\n  opacity: 0;\n  position: absolute;\n  top: 0;\n  visibility: hidden;\n  width: 100%;\n  z-index: 2000;\n\n  * {\n    pointer-events: none;\n  }\n}\n\n.upload-area__drop {\n  width: 320px;\n  height: 160px;\n  display: flex;\n  box-sizing: border-box;\n  position: relative;\n  padding: 8px;\n}\n\n.upload-area__background {\n  position: absolute;\n  top: 0;\n  right: 0;\n  bottom: 0;\n  left: 0;\n  z-index: -1;\n  border-radius: 4px;\n  background: $ui-base-color;\n  box-shadow: 0 0 5px rgba($base-shadow-color, 0.2);\n}\n\n.upload-area__content {\n  flex: 1;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  color: $secondary-text-color;\n  font-size: 18px;\n  font-weight: 500;\n  border: 2px dashed $ui-base-lighter-color;\n  border-radius: 4px;\n}\n\n.dropdown--active .emoji-button img {\n  opacity: 1;\n  filter: none;\n}\n\n.loading-bar {\n  background-color: $ui-highlight-color;\n  height: 3px;\n  position: absolute;\n  top: 0;\n  left: 0;\n  z-index: 9999;\n}\n\n.icon-badge-wrapper {\n  position: relative;\n}\n\n.icon-badge {\n  position: absolute;\n  display: block;\n  right: -.25em;\n  top: -.25em;\n  background-color: $ui-highlight-color;\n  border-radius: 50%;\n  font-size: 75%;\n  width: 1em;\n  height: 1em;\n}\n\n.conversation {\n  display: flex;\n  border-bottom: 1px solid lighten($ui-base-color, 8%);\n  padding: 5px;\n  padding-bottom: 0;\n\n  &:focus {\n    background: lighten($ui-base-color, 2%);\n    outline: 0;\n  }\n\n  &__avatar {\n    flex: 0 0 auto;\n    padding: 10px;\n    padding-top: 12px;\n    position: relative;\n    cursor: pointer;\n  }\n\n  &__unread {\n    display: inline-block;\n    background: $highlight-text-color;\n    border-radius: 50%;\n    width: 0.625rem;\n    height: 0.625rem;\n    margin: -.1ex .15em .1ex;\n  }\n\n  &__content {\n    flex: 1 1 auto;\n    padding: 10px 5px;\n    padding-right: 15px;\n    overflow: hidden;\n\n    &__info {\n      overflow: hidden;\n      display: flex;\n      flex-direction: row-reverse;\n      justify-content: space-between;\n    }\n\n    &__relative-time {\n      font-size: 15px;\n      color: $darker-text-color;\n      padding-left: 15px;\n    }\n\n    &__names {\n      color: $darker-text-color;\n      font-size: 15px;\n      white-space: nowrap;\n      overflow: hidden;\n      text-overflow: ellipsis;\n      margin-bottom: 4px;\n      flex-basis: 90px;\n      flex-grow: 1;\n\n      a {\n        color: $primary-text-color;\n        text-decoration: none;\n\n        &:hover,\n        &:focus,\n        &:active {\n          text-decoration: underline;\n        }\n      }\n    }\n\n    .status__content {\n      margin: 0;\n    }\n  }\n\n  &--unread {\n    background: lighten($ui-base-color, 2%);\n\n    &:focus {\n      background: lighten($ui-base-color, 4%);\n    }\n\n    .conversation__content__info {\n      font-weight: 700;\n    }\n\n    .conversation__content__relative-time {\n      color: $primary-text-color;\n    }\n  }\n}\n\n.ui .flash-message {\n  margin-top: 10px;\n  margin-left: auto;\n  margin-right: auto;\n  margin-bottom: 0;\n  min-width: 75%;\n}\n\n::-webkit-scrollbar-thumb {\n  border-radius: 0;\n}\n\nnoscript {\n  text-align: center;\n\n  img {\n    width: 200px;\n    opacity: 0.5;\n    animation: flicker 4s infinite;\n  }\n\n  div {\n    font-size: 14px;\n    margin: 30px auto;\n    color: $secondary-text-color;\n    max-width: 400px;\n\n    a {\n      color: $highlight-text-color;\n      text-decoration: underline;\n\n      &:hover {\n        text-decoration: none;\n      }\n    }\n\n    a {\n      word-break: break-word;\n    }\n  }\n}\n\n@keyframes flicker {\n  0% { opacity: 1; }\n  30% { opacity: 0.75; }\n  100% { opacity: 1; }\n}\n\n@import 'boost';\n@import 'accounts';\n@import 'domains';\n@import 'status';\n@import 'modal';\n@import 'composer';\n@import 'columns';\n@import 'regeneration_indicator';\n@import 'directory';\n@import 'search';\n@import 'emoji';\n@import 'doodle';\n@import 'drawer';\n@import 'media';\n@import 'sensitive';\n@import 'lists';\n@import 'emoji_picker';\n@import 'local_settings';\n@import 'error_boundary';\n@import 'single_column';\n@import 'announcements';\n","button.icon-button i.fa-retweet {\n  background-image: url(\"data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='22' height='209'><path d='M4.97 3.16c-.1.03-.17.1-.22.18L.8 8.24c-.2.3.03.78.4.8H3.6v2.68c0 4.26-.55 3.62 3.66 3.62h7.66l-2.3-2.84c-.03-.02-.03-.04-.05-.06H7.27c-.44 0-.72-.3-.72-.72v-2.7h2.5c.37.03.63-.48.4-.77L5.5 3.35c-.12-.17-.34-.25-.53-.2zm12.16.43c-.55-.02-1.32.02-2.4.02H7.1l2.32 2.85.03.06h5.25c.42 0 .72.28.72.72v2.7h-2.5c-.36.02-.56.54-.3.8l3.92 4.9c.18.25.6.25.78 0l3.94-4.9c.26-.28 0-.83-.37-.8H18.4v-2.7c0-3.15.4-3.62-1.25-3.66z' fill='#{hex-color($action-button-color)}' stroke-width='0'/><path d='M7.78 19.66c-.24.02-.44.25-.44.5v2.46h-.06c-1.08 0-1.86-.03-2.4-.03-1.64 0-1.25.43-1.25 3.65v4.47c0 4.26-.56 3.62 3.65 3.62H8.5l-1.3-1.06c-.1-.08-.18-.2-.2-.3-.02-.17.06-.35.2-.45l1.33-1.1H7.28c-.44 0-.72-.3-.72-.7v-4.48c0-.44.28-.72.72-.72h.06v2.5c0 .38.54.63.82.38l4.9-3.93c.25-.18.25-.6 0-.78l-4.9-3.92c-.1-.1-.24-.14-.38-.12zm9.34 2.93c-.54-.02-1.3.02-2.4.02h-1.25l1.3 1.07c.1.07.18.2.2.33.02.16-.06.3-.2.4l-1.33 1.1h1.28c.42 0 .72.28.72.72v4.47c0 .42-.3.72-.72.72h-.1v-2.47c0-.3-.3-.53-.6-.47-.07 0-.14.05-.2.1l-4.9 3.93c-.26.18-.26.6 0 .78l4.9 3.92c.27.25.82 0 .8-.38v-2.5h.1c4.27 0 3.65.67 3.65-3.62v-4.47c0-3.15.4-3.62-1.25-3.66zM10.34 38.66c-.24.02-.44.25-.43.5v2.47H7.3c-1.08 0-1.86-.04-2.4-.04-1.64 0-1.25.43-1.25 3.65v4.47c0 3.66-.23 3.7 2.34 3.66l-1.34-1.1c-.1-.08-.18-.2-.2-.3 0-.17.07-.35.2-.45l1.96-1.6c-.03-.06-.04-.13-.04-.2v-4.48c0-.44.28-.72.72-.72H9.9v2.5c0 .36.5.6.8.38l4.93-3.93c.24-.18.24-.6 0-.78l-4.94-3.92c-.1-.08-.23-.13-.36-.12zm5.63 2.93l1.34 1.1c.1.07.18.2.2.33.02.16-.03.3-.16.4l-1.96 1.6c.02.07.06.13.06.22v4.47c0 .42-.3.72-.72.72h-2.66v-2.47c0-.3-.3-.53-.6-.47-.06.02-.12.05-.18.1l-4.94 3.93c-.24.18-.24.6 0 .78l4.94 3.92c.28.22.78-.02.78-.38v-2.5h2.66c4.27 0 3.65.67 3.65-3.62v-4.47c0-3.66.34-3.7-2.4-3.66zM13.06 57.66c-.23.03-.4.26-.4.5v2.47H7.28c-1.08 0-1.86-.04-2.4-.04-1.64 0-1.25.43-1.25 3.65v4.87l2.93-2.37v-2.5c0-.44.28-.72.72-.72h5.38v2.5c0 .36.5.6.78.38l4.94-3.93c.24-.18.24-.6 0-.78l-4.94-3.92c-.1-.1-.24-.14-.38-.12zm5.3 6.15l-2.92 2.4v2.52c0 .42-.3.72-.72.72h-5.4v-2.47c0-.3-.32-.53-.6-.47-.07.02-.13.05-.2.1L3.6 70.52c-.25.18-.25.6 0 .78l4.93 3.92c.28.22.78-.02.78-.38v-2.5h5.42c4.27 0 3.65.67 3.65-3.62v-4.47-.44zM19.25 78.8c-.1.03-.2.1-.28.17l-.9.9c-.44-.3-1.36-.25-3.35-.25H7.28c-1.08 0-1.86-.03-2.4-.03-1.64 0-1.25.43-1.25 3.65v.7l2.93.3v-1c0-.44.28-.72.72-.72h7.44c.2 0 .37.08.5.2l-1.8 1.8c-.25.26-.08.76.27.8l6.27.7c.28.03.56-.25.53-.53l-.7-6.25c0-.27-.3-.48-.55-.44zm-17.2 6.1c-.2.07-.36.3-.33.54l.7 6.25c.02.36.58.55.83.27l.8-.8c.02 0 .04-.02.04 0 .46.24 1.37.17 3.18.17h7.44c4.27 0 3.65.67 3.65-3.62v-.75l-2.93-.3v1.05c0 .42-.3.72-.72.72H7.28c-.15 0-.3-.03-.4-.1L8.8 86.4c.3-.24.1-.8-.27-.84l-6.28-.65h-.2zM4.88 98.6c-1.33 0-1.34.48-1.3 2.3l1.14-1.37c.08-.1.22-.17.34-.2.16 0 .34.08.44.2l1.66 2.03c.04 0 .07-.03.12-.03h7.44c.34 0 .57.2.65.5h-2.43c-.34.05-.53.52-.3.78l3.92 4.95c.18.24.6.24.78 0l3.94-4.94c.22-.27-.02-.76-.37-.77H18.4c.02-3.9.6-3.4-3.66-3.4H7.28c-1.08 0-1.86-.04-2.4-.04zm.15 2.46c-.1.03-.2.1-.28.2l-3.94 4.9c-.2.28.03.77.4.78H3.6c-.02 3.94-.45 3.4 3.66 3.4h7.44c3.65 0 3.74.3 3.7-2.25l-1.1 1.34c-.1.1-.2.17-.32.2-.16 0-.34-.08-.44-.2l-1.65-2.03c-.06.02-.1.04-.18.04H7.28c-.35 0-.57-.2-.66-.5h2.44c.37 0 .63-.5.4-.78l-3.96-4.9c-.1-.15-.3-.23-.47-.2zM4.88 117.6c-1.16 0-1.3.3-1.3 1.56l1.14-1.38c.08-.1.22-.14.34-.16.16 0 .34.04.44.16l2.22 2.75h7c.42 0 .72.28.72.72v.53h-2.6c-.3.1-.43.54-.2.78l3.92 4.9c.18.25.6.25.78 0l3.94-4.9c.22-.28-.02-.77-.37-.78H18.4v-.53c0-4.2.72-3.63-3.66-3.63H7.28c-1.08 0-1.86-.03-2.4-.03zm.1 1.74c-.1.03-.17.1-.23.16L.8 124.44c-.2.28.03.77.4.78H3.6v.5c0 4.26-.55 3.62 3.66 3.62h7.44c1.03 0 1.74.02 2.28 0-.16.02-.34-.03-.44-.15l-2.22-2.76H7.28c-.44 0-.72-.3-.72-.72v-.5h2.5c.37.02.63-.5.4-.78L5.5 119.5c-.12-.15-.34-.22-.53-.16zm12.02 10c1.2-.02 1.4-.25 1.4-1.53l-1.1 1.36c-.07.1-.17.17-.3.18zM5.94 136.6l2.37 2.93h6.42c.42 0 .72.28.72.72v1.25h-2.6c-.3.1-.43.54-.2.78l3.92 4.9c.18.25.6.25.78 0l3.94-4.9c.22-.28-.02-.77-.37-.78H18.4v-1.25c0-4.2.72-3.63-3.66-3.63H7.28c-.6 0-.92-.02-1.34-.03zm-1.72.06c-.4.08-.54.3-.6.75l.6-.74zm.84.93c-.12 0-.24.08-.3.18l-3.95 4.9c-.24.3 0 .83.4.82H3.6v1.22c0 4.26-.55 3.62 3.66 3.62h7.44c.63 0 .97.02 1.4.03l-2.37-2.93H7.28c-.44 0-.72-.3-.72-.72v-1.22h2.5c.4.04.67-.53.4-.8l-3.96-4.92c-.1-.13-.27-.2-.44-.2zm13.28 10.03l-.56.7c.36-.07.5-.3.56-.7zM17.13 155.6c-.55-.02-1.32.03-2.4.03h-8.2l2.38 2.9h5.82c.42 0 .72.28.72.72v1.97H12.9c-.32.06-.48.52-.28.78l3.94 4.94c.2.23.6.22.78-.03l3.94-4.9c.22-.28-.02-.77-.37-.78H18.4v-1.97c0-3.15.4-3.62-1.25-3.66zm-12.1.28c-.1.02-.2.1-.28.18l-3.94 4.9c-.2.3.03.78.4.8H3.6v1.96c0 4.26-.55 3.62 3.66 3.62h8.24l-2.36-2.9H7.28c-.44 0-.72-.3-.72-.72v-1.97h2.5c.37.02.63-.5.4-.78l-3.96-4.9c-.1-.15-.3-.22-.47-.2zM5.13 174.5c-.15 0-.3.07-.38.2L.8 179.6c-.24.27 0 .82.4.8H3.6v2.32c0 4.26-.55 3.62 3.66 3.62h7.94l-2.35-2.9h-5.6c-.43 0-.7-.3-.7-.72v-2.3h2.5c.38.03.66-.54.4-.83l-3.97-4.9c-.1-.13-.23-.2-.38-.2zm12 .1c-.55-.02-1.32.03-2.4.03H6.83l2.35 2.9h5.52c.42 0 .72.28.72.72v2.34h-2.6c-.3.1-.43.53-.2.78l3.92 4.9c.18.24.6.24.78 0l3.94-4.9c.22-.3-.02-.78-.37-.8H18.4v-2.33c0-3.15.4-3.62-1.25-3.66zM4.97 193.16c-.1.03-.17.1-.22.18l-3.94 4.9c-.2.3.03.78.4.8H3.6v2.68c0 4.26-.55 3.62 3.66 3.62h7.66l-2.3-2.84c-.03-.02-.03-.04-.05-.06H7.27c-.44 0-.72-.3-.72-.72v-2.7h2.5c.37.03.63-.48.4-.77l-3.96-4.9c-.12-.17-.34-.25-.53-.2zm12.16.43c-.55-.02-1.32.03-2.4.03H7.1l2.32 2.84.03.06h5.25c.42 0 .72.28.72.72v2.7h-2.5c-.36.02-.56.54-.3.8l3.92 4.9c.18.25.6.25.78 0l3.94-4.9c.26-.28 0-.83-.37-.8H18.4v-2.7c0-3.15.4-3.62-1.25-3.66z' fill='#{hex-color($highlight-text-color)}' stroke-width='0'/></svg>\");\n\n  &:hover {\n    background-image: url(\"data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='22' height='209'><path d='M4.97 3.16c-.1.03-.17.1-.22.18L.8 8.24c-.2.3.03.78.4.8H3.6v2.68c0 4.26-.55 3.62 3.66 3.62h7.66l-2.3-2.84c-.03-.02-.03-.04-.05-.06H7.27c-.44 0-.72-.3-.72-.72v-2.7h2.5c.37.03.63-.48.4-.77L5.5 3.35c-.12-.17-.34-.25-.53-.2zm12.16.43c-.55-.02-1.32.02-2.4.02H7.1l2.32 2.85.03.06h5.25c.42 0 .72.28.72.72v2.7h-2.5c-.36.02-.56.54-.3.8l3.92 4.9c.18.25.6.25.78 0l3.94-4.9c.26-.28 0-.83-.37-.8H18.4v-2.7c0-3.15.4-3.62-1.25-3.66z' fill='#{hex-color(lighten($action-button-color, 7%))}' stroke-width='0'/><path d='M7.78 19.66c-.24.02-.44.25-.44.5v2.46h-.06c-1.08 0-1.86-.03-2.4-.03-1.64 0-1.25.43-1.25 3.65v4.47c0 4.26-.56 3.62 3.65 3.62H8.5l-1.3-1.06c-.1-.08-.18-.2-.2-.3-.02-.17.06-.35.2-.45l1.33-1.1H7.28c-.44 0-.72-.3-.72-.7v-4.48c0-.44.28-.72.72-.72h.06v2.5c0 .38.54.63.82.38l4.9-3.93c.25-.18.25-.6 0-.78l-4.9-3.92c-.1-.1-.24-.14-.38-.12zm9.34 2.93c-.54-.02-1.3.02-2.4.02h-1.25l1.3 1.07c.1.07.18.2.2.33.02.16-.06.3-.2.4l-1.33 1.1h1.28c.42 0 .72.28.72.72v4.47c0 .42-.3.72-.72.72h-.1v-2.47c0-.3-.3-.53-.6-.47-.07 0-.14.05-.2.1l-4.9 3.93c-.26.18-.26.6 0 .78l4.9 3.92c.27.25.82 0 .8-.38v-2.5h.1c4.27 0 3.65.67 3.65-3.62v-4.47c0-3.15.4-3.62-1.25-3.66zM10.34 38.66c-.24.02-.44.25-.43.5v2.47H7.3c-1.08 0-1.86-.04-2.4-.04-1.64 0-1.25.43-1.25 3.65v4.47c0 3.66-.23 3.7 2.34 3.66l-1.34-1.1c-.1-.08-.18-.2-.2-.3 0-.17.07-.35.2-.45l1.96-1.6c-.03-.06-.04-.13-.04-.2v-4.48c0-.44.28-.72.72-.72H9.9v2.5c0 .36.5.6.8.38l4.93-3.93c.24-.18.24-.6 0-.78l-4.94-3.92c-.1-.08-.23-.13-.36-.12zm5.63 2.93l1.34 1.1c.1.07.18.2.2.33.02.16-.03.3-.16.4l-1.96 1.6c.02.07.06.13.06.22v4.47c0 .42-.3.72-.72.72h-2.66v-2.47c0-.3-.3-.53-.6-.47-.06.02-.12.05-.18.1l-4.94 3.93c-.24.18-.24.6 0 .78l4.94 3.92c.28.22.78-.02.78-.38v-2.5h2.66c4.27 0 3.65.67 3.65-3.62v-4.47c0-3.66.34-3.7-2.4-3.66zM13.06 57.66c-.23.03-.4.26-.4.5v2.47H7.28c-1.08 0-1.86-.04-2.4-.04-1.64 0-1.25.43-1.25 3.65v4.87l2.93-2.37v-2.5c0-.44.28-.72.72-.72h5.38v2.5c0 .36.5.6.78.38l4.94-3.93c.24-.18.24-.6 0-.78l-4.94-3.92c-.1-.1-.24-.14-.38-.12zm5.3 6.15l-2.92 2.4v2.52c0 .42-.3.72-.72.72h-5.4v-2.47c0-.3-.32-.53-.6-.47-.07.02-.13.05-.2.1L3.6 70.52c-.25.18-.25.6 0 .78l4.93 3.92c.28.22.78-.02.78-.38v-2.5h5.42c4.27 0 3.65.67 3.65-3.62v-4.47-.44zM19.25 78.8c-.1.03-.2.1-.28.17l-.9.9c-.44-.3-1.36-.25-3.35-.25H7.28c-1.08 0-1.86-.03-2.4-.03-1.64 0-1.25.43-1.25 3.65v.7l2.93.3v-1c0-.44.28-.72.72-.72h7.44c.2 0 .37.08.5.2l-1.8 1.8c-.25.26-.08.76.27.8l6.27.7c.28.03.56-.25.53-.53l-.7-6.25c0-.27-.3-.48-.55-.44zm-17.2 6.1c-.2.07-.36.3-.33.54l.7 6.25c.02.36.58.55.83.27l.8-.8c.02 0 .04-.02.04 0 .46.24 1.37.17 3.18.17h7.44c4.27 0 3.65.67 3.65-3.62v-.75l-2.93-.3v1.05c0 .42-.3.72-.72.72H7.28c-.15 0-.3-.03-.4-.1L8.8 86.4c.3-.24.1-.8-.27-.84l-6.28-.65h-.2zM4.88 98.6c-1.33 0-1.34.48-1.3 2.3l1.14-1.37c.08-.1.22-.17.34-.2.16 0 .34.08.44.2l1.66 2.03c.04 0 .07-.03.12-.03h7.44c.34 0 .57.2.65.5h-2.43c-.34.05-.53.52-.3.78l3.92 4.95c.18.24.6.24.78 0l3.94-4.94c.22-.27-.02-.76-.37-.77H18.4c.02-3.9.6-3.4-3.66-3.4H7.28c-1.08 0-1.86-.04-2.4-.04zm.15 2.46c-.1.03-.2.1-.28.2l-3.94 4.9c-.2.28.03.77.4.78H3.6c-.02 3.94-.45 3.4 3.66 3.4h7.44c3.65 0 3.74.3 3.7-2.25l-1.1 1.34c-.1.1-.2.17-.32.2-.16 0-.34-.08-.44-.2l-1.65-2.03c-.06.02-.1.04-.18.04H7.28c-.35 0-.57-.2-.66-.5h2.44c.37 0 .63-.5.4-.78l-3.96-4.9c-.1-.15-.3-.23-.47-.2zM4.88 117.6c-1.16 0-1.3.3-1.3 1.56l1.14-1.38c.08-.1.22-.14.34-.16.16 0 .34.04.44.16l2.22 2.75h7c.42 0 .72.28.72.72v.53h-2.6c-.3.1-.43.54-.2.78l3.92 4.9c.18.25.6.25.78 0l3.94-4.9c.22-.28-.02-.77-.37-.78H18.4v-.53c0-4.2.72-3.63-3.66-3.63H7.28c-1.08 0-1.86-.03-2.4-.03zm.1 1.74c-.1.03-.17.1-.23.16L.8 124.44c-.2.28.03.77.4.78H3.6v.5c0 4.26-.55 3.62 3.66 3.62h7.44c1.03 0 1.74.02 2.28 0-.16.02-.34-.03-.44-.15l-2.22-2.76H7.28c-.44 0-.72-.3-.72-.72v-.5h2.5c.37.02.63-.5.4-.78L5.5 119.5c-.12-.15-.34-.22-.53-.16zm12.02 10c1.2-.02 1.4-.25 1.4-1.53l-1.1 1.36c-.07.1-.17.17-.3.18zM5.94 136.6l2.37 2.93h6.42c.42 0 .72.28.72.72v1.25h-2.6c-.3.1-.43.54-.2.78l3.92 4.9c.18.25.6.25.78 0l3.94-4.9c.22-.28-.02-.77-.37-.78H18.4v-1.25c0-4.2.72-3.63-3.66-3.63H7.28c-.6 0-.92-.02-1.34-.03zm-1.72.06c-.4.08-.54.3-.6.75l.6-.74zm.84.93c-.12 0-.24.08-.3.18l-3.95 4.9c-.24.3 0 .83.4.82H3.6v1.22c0 4.26-.55 3.62 3.66 3.62h7.44c.63 0 .97.02 1.4.03l-2.37-2.93H7.28c-.44 0-.72-.3-.72-.72v-1.22h2.5c.4.04.67-.53.4-.8l-3.96-4.92c-.1-.13-.27-.2-.44-.2zm13.28 10.03l-.56.7c.36-.07.5-.3.56-.7zM17.13 155.6c-.55-.02-1.32.03-2.4.03h-8.2l2.38 2.9h5.82c.42 0 .72.28.72.72v1.97H12.9c-.32.06-.48.52-.28.78l3.94 4.94c.2.23.6.22.78-.03l3.94-4.9c.22-.28-.02-.77-.37-.78H18.4v-1.97c0-3.15.4-3.62-1.25-3.66zm-12.1.28c-.1.02-.2.1-.28.18l-3.94 4.9c-.2.3.03.78.4.8H3.6v1.96c0 4.26-.55 3.62 3.66 3.62h8.24l-2.36-2.9H7.28c-.44 0-.72-.3-.72-.72v-1.97h2.5c.37.02.63-.5.4-.78l-3.96-4.9c-.1-.15-.3-.22-.47-.2zM5.13 174.5c-.15 0-.3.07-.38.2L.8 179.6c-.24.27 0 .82.4.8H3.6v2.32c0 4.26-.55 3.62 3.66 3.62h7.94l-2.35-2.9h-5.6c-.43 0-.7-.3-.7-.72v-2.3h2.5c.38.03.66-.54.4-.83l-3.97-4.9c-.1-.13-.23-.2-.38-.2zm12 .1c-.55-.02-1.32.03-2.4.03H6.83l2.35 2.9h5.52c.42 0 .72.28.72.72v2.34h-2.6c-.3.1-.43.53-.2.78l3.92 4.9c.18.24.6.24.78 0l3.94-4.9c.22-.3-.02-.78-.37-.8H18.4v-2.33c0-3.15.4-3.62-1.25-3.66zM4.97 193.16c-.1.03-.17.1-.22.18l-3.94 4.9c-.2.3.03.78.4.8H3.6v2.68c0 4.26-.55 3.62 3.66 3.62h7.66l-2.3-2.84c-.03-.02-.03-.04-.05-.06H7.27c-.44 0-.72-.3-.72-.72v-2.7h2.5c.37.03.63-.48.4-.77l-3.96-4.9c-.12-.17-.34-.25-.53-.2zm12.16.43c-.55-.02-1.32.03-2.4.03H7.1l2.32 2.84.03.06h5.25c.42 0 .72.28.72.72v2.7h-2.5c-.36.02-.56.54-.3.8l3.92 4.9c.18.25.6.25.78 0l3.94-4.9c.26-.28 0-.83-.37-.8H18.4v-2.7c0-3.15.4-3.62-1.25-3.66z' fill='#{hex-color($highlight-text-color)}' stroke-width='0'/></svg>\");\n  }\n}\n\n// Disabled variant\nbutton.icon-button.disabled i.fa-retweet {\n  &, &:hover {\n    background-image: url(\"data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='22' height='209'><path d='M4.97 3.16c-.1.03-.17.1-.22.18L.8 8.24c-.2.3.03.78.4.8H3.6v2.68c0 4.26-.55 3.62 3.66 3.62h7.66l-2.3-2.84c-.03-.02-.03-.04-.05-.06H7.27c-.44 0-.72-.3-.72-.72v-2.7h2.5c.37.03.63-.48.4-.77L5.5 3.35c-.12-.17-.34-.25-.53-.2zm12.16.43c-.55-.02-1.32.02-2.4.02H7.1l2.32 2.85.03.06h5.25c.42 0 .72.28.72.72v2.7h-2.5c-.36.02-.56.54-.3.8l3.92 4.9c.18.25.6.25.78 0l3.94-4.9c.26-.28 0-.83-.37-.8H18.4v-2.7c0-3.15.4-3.62-1.25-3.66z' fill='#{hex-color(darken($action-button-color, 13%))}' stroke-width='0'/></svg>\");\n  }\n}\n\n// Disabled variant for use with DMs\n.status-direct button.icon-button.disabled i.fa-retweet {\n  &, &:hover {\n    background-image: url(\"data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='22' height='209'><path d='M4.97 3.16c-.1.03-.17.1-.22.18L.8 8.24c-.2.3.03.78.4.8H3.6v2.68c0 4.26-.55 3.62 3.66 3.62h7.66l-2.3-2.84c-.03-.02-.03-.04-.05-.06H7.27c-.44 0-.72-.3-.72-.72v-2.7h2.5c.37.03.63-.48.4-.77L5.5 3.35c-.12-.17-.34-.25-.53-.2zm12.16.43c-.55-.02-1.32.02-2.4.02H7.1l2.32 2.85.03.06h5.25c.42 0 .72.28.72.72v2.7h-2.5c-.36.02-.56.54-.3.8l3.92 4.9c.18.25.6.25.78 0l3.94-4.9c.26-.28 0-.83-.37-.8H18.4v-2.7c0-3.15.4-3.62-1.25-3.66z' fill='#{hex-color(darken($action-button-color, 13%))}' stroke-width='0'/></svg>\");\n  }\n}\n",".account {\n  padding: 10px;\n  border-bottom: 1px solid lighten($ui-base-color, 8%);\n  color: inherit;\n  text-decoration: none;\n\n  .account__display-name {\n    flex: 1 1 auto;\n    display: block;\n    color: $darker-text-color;\n    overflow: hidden;\n    text-decoration: none;\n    font-size: 14px;\n  }\n\n  &.small {\n    border: none;\n    padding: 0;\n\n    & > .account__avatar-wrapper { margin: 0 8px 0 0 }\n\n    & > .display-name {\n      height: 24px;\n      line-height: 24px;\n    }\n  }\n}\n\n.account__wrapper {\n  display: flex;\n}\n\n.account__avatar-wrapper {\n  float: left;\n  margin-left: 12px;\n  margin-right: 12px;\n}\n\n.account__avatar {\n  @include avatar-radius();\n  position: relative;\n  cursor: pointer;\n\n  &-inline {\n    display: inline-block;\n    vertical-align: middle;\n    margin-right: 5px;\n  }\n\n  &-composite {\n    @include avatar-radius;\n    overflow: hidden;\n    position: relative;\n\n    & div {\n      @include avatar-radius;\n      float: left;\n      position: relative;\n      box-sizing: border-box;\n    }\n\n    &__label {\n      display: block;\n      position: absolute;\n      top: 50%;\n      left: 50%;\n      transform: translate(-50%, -50%);\n      color: $primary-text-color;\n      text-shadow: 1px 1px 2px $base-shadow-color;\n      font-weight: 700;\n      font-size: 15px;\n    }\n  }\n}\n\n.account__avatar-overlay {\n  position: relative;\n  @include avatar-size(48px);\n\n  &-base {\n    @include avatar-radius();\n    @include avatar-size(36px);\n  }\n\n  &-overlay {\n    @include avatar-radius();\n    @include avatar-size(24px);\n\n    position: absolute;\n    bottom: 0;\n    right: 0;\n    z-index: 1;\n  }\n}\n\n.account__relationship {\n  height: 18px;\n  padding: 10px;\n  white-space: nowrap;\n}\n\n.account__header__wrapper {\n  flex: 0 0 auto;\n  background: lighten($ui-base-color, 4%);\n}\n\n.account__disclaimer {\n  padding: 10px;\n  color: $dark-text-color;\n\n  strong {\n    font-weight: 500;\n\n    @each $lang in $cjk-langs {\n      &:lang(#{$lang}) {\n        font-weight: 700;\n      }\n    }\n  }\n\n  a {\n    font-weight: 500;\n    color: inherit;\n    text-decoration: underline;\n\n    &:hover,\n    &:focus,\n    &:active {\n      text-decoration: none;\n    }\n  }\n}\n\n.account__action-bar {\n  border-top: 1px solid lighten($ui-base-color, 8%);\n  border-bottom: 1px solid lighten($ui-base-color, 8%);\n  line-height: 36px;\n  overflow: hidden;\n  flex: 0 0 auto;\n  display: flex;\n}\n\n.account__action-bar-links {\n  display: flex;\n  flex: 1 1 auto;\n  line-height: 18px;\n  text-align: center;\n}\n\n.account__action-bar__tab {\n  text-decoration: none;\n  overflow: hidden;\n  flex: 0 1 100%;\n  border-left: 1px solid lighten($ui-base-color, 8%);\n  padding: 10px 0;\n  border-bottom: 4px solid transparent;\n\n  &:first-child {\n    border-left: 0;\n  }\n\n  &.active {\n    border-bottom: 4px solid $ui-highlight-color;\n  }\n\n  & > span {\n    display: block;\n    text-transform: uppercase;\n    font-size: 11px;\n    color: $darker-text-color;\n  }\n\n  strong {\n    display: block;\n    font-size: 15px;\n    font-weight: 500;\n    color: $primary-text-color;\n\n    @each $lang in $cjk-langs {\n      &:lang(#{$lang}) {\n        font-weight: 700;\n      }\n    }\n  }\n\n  abbr {\n    color: $highlight-text-color;\n  }\n}\n\n.account-authorize {\n  padding: 14px 10px;\n\n  .detailed-status__display-name {\n    display: block;\n    margin-bottom: 15px;\n    overflow: hidden;\n  }\n}\n\n.account-authorize__avatar {\n  float: left;\n  margin-right: 10px;\n}\n\n.notification__message {\n  margin-left: 42px;\n  padding: 8px 0 0 26px;\n  cursor: default;\n  color: $darker-text-color;\n  font-size: 15px;\n  position: relative;\n\n  .fa {\n    color: $highlight-text-color;\n  }\n\n  > span {\n    display: block;\n    overflow: hidden;\n    text-overflow: ellipsis;\n  }\n}\n\n.account--panel {\n  background: lighten($ui-base-color, 4%);\n  border-top: 1px solid lighten($ui-base-color, 8%);\n  border-bottom: 1px solid lighten($ui-base-color, 8%);\n  display: flex;\n  flex-direction: row;\n  padding: 10px 0;\n}\n\n.account--panel__button,\n.detailed-status__button {\n  flex: 1 1 auto;\n  text-align: center;\n}\n\n.column-settings__outer {\n  background: lighten($ui-base-color, 8%);\n  padding: 15px;\n}\n\n.column-settings__section {\n  color: $darker-text-color;\n  cursor: default;\n  display: block;\n  font-weight: 500;\n  margin-bottom: 10px;\n}\n\n.column-settings__hashtags {\n  .column-settings__row {\n    margin-bottom: 15px;\n  }\n\n  .column-select {\n    &__control {\n      @include search-input();\n\n      &::placeholder {\n        color: lighten($darker-text-color, 4%);\n      }\n\n      &::-moz-focus-inner {\n        border: 0;\n      }\n\n      &::-moz-focus-inner,\n      &:focus,\n      &:active {\n        outline: 0 !important;\n      }\n\n      &:focus {\n        background: lighten($ui-base-color, 4%);\n      }\n\n      @media screen and (max-width: 600px) {\n        font-size: 16px;\n      }\n    }\n\n    &__placeholder {\n      color: $dark-text-color;\n      padding-left: 2px;\n      font-size: 12px;\n    }\n\n    &__value-container {\n      padding-left: 6px;\n    }\n\n    &__multi-value {\n      background: lighten($ui-base-color, 8%);\n\n      &__remove {\n        cursor: pointer;\n\n        &:hover,\n        &:active,\n        &:focus {\n          background: lighten($ui-base-color, 12%);\n          color: lighten($darker-text-color, 4%);\n        }\n      }\n    }\n\n    &__multi-value__label,\n    &__input {\n      color: $darker-text-color;\n    }\n\n    &__clear-indicator,\n    &__dropdown-indicator {\n      cursor: pointer;\n      transition: none;\n      color: $dark-text-color;\n\n      &:hover,\n      &:active,\n      &:focus {\n        color: lighten($dark-text-color, 4%);\n      }\n    }\n\n    &__indicator-separator {\n      background-color: lighten($ui-base-color, 8%);\n    }\n\n    &__menu {\n      @include search-popout();\n      padding: 0;\n      background: $ui-secondary-color;\n    }\n\n    &__menu-list {\n      padding: 6px;\n    }\n\n    &__option {\n      color: $inverted-text-color;\n      border-radius: 4px;\n      font-size: 14px;\n\n      &--is-focused,\n      &--is-selected {\n        background: darken($ui-secondary-color, 10%);\n      }\n    }\n  }\n}\n\n.column-settings__row {\n  .text-btn {\n    margin-bottom: 15px;\n  }\n}\n\n.relationship-tag {\n  color: $primary-text-color;\n  margin-bottom: 4px;\n  display: block;\n  vertical-align: top;\n  background-color: $base-overlay-background;\n  text-transform: uppercase;\n  font-size: 11px;\n  font-weight: 500;\n  padding: 4px;\n  border-radius: 4px;\n  opacity: 0.7;\n\n  &:hover {\n    opacity: 1;\n  }\n}\n\n.account-gallery__container {\n  display: flex;\n  flex-wrap: wrap;\n  padding: 4px 2px;\n}\n\n.account-gallery__item {\n  border: none;\n  box-sizing: border-box;\n  display: block;\n  position: relative;\n  border-radius: 4px;\n  overflow: hidden;\n  margin: 2px;\n\n  &__icons {\n    position: absolute;\n    top: 50%;\n    left: 50%;\n    transform: translate(-50%, -50%);\n    font-size: 24px;\n  }\n}\n\n.notification__filter-bar,\n.account__section-headline {\n  background: darken($ui-base-color, 4%);\n  border-bottom: 1px solid lighten($ui-base-color, 8%);\n  cursor: default;\n  display: flex;\n  flex-shrink: 0;\n\n  button {\n    background: darken($ui-base-color, 4%);\n    border: 0;\n    margin: 0;\n  }\n\n  button,\n  a {\n    display: block;\n    flex: 1 1 auto;\n    color: $darker-text-color;\n    padding: 15px 0;\n    font-size: 14px;\n    font-weight: 500;\n    text-align: center;\n    text-decoration: none;\n    position: relative;\n\n    &.active {\n      color: $secondary-text-color;\n\n      &::before,\n      &::after {\n        display: block;\n        content: \"\";\n        position: absolute;\n        bottom: 0;\n        left: 50%;\n        width: 0;\n        height: 0;\n        transform: translateX(-50%);\n        border-style: solid;\n        border-width: 0 10px 10px;\n        border-color: transparent transparent lighten($ui-base-color, 8%);\n      }\n\n      &::after {\n        bottom: -1px;\n        border-color: transparent transparent $ui-base-color;\n      }\n    }\n  }\n\n  &.directory__section-headline {\n    background: darken($ui-base-color, 2%);\n    border-bottom-color: transparent;\n\n    a,\n    button {\n      &.active {\n        &::before {\n          display: none;\n        }\n\n        &::after {\n          border-color: transparent transparent darken($ui-base-color, 7%);\n        }\n      }\n    }\n  }\n}\n\n.account__moved-note {\n  padding: 14px 10px;\n  padding-bottom: 16px;\n  background: lighten($ui-base-color, 4%);\n  border-top: 1px solid lighten($ui-base-color, 8%);\n  border-bottom: 1px solid lighten($ui-base-color, 8%);\n\n  &__message {\n    position: relative;\n    margin-left: 58px;\n    color: $dark-text-color;\n    padding: 8px 0;\n    padding-top: 0;\n    padding-bottom: 4px;\n    font-size: 14px;\n\n    > span {\n      display: block;\n      overflow: hidden;\n      text-overflow: ellipsis;\n    }\n  }\n\n  &__icon-wrapper {\n    left: -26px;\n    position: absolute;\n  }\n\n  .detailed-status__display-avatar {\n    position: relative;\n  }\n\n  .detailed-status__display-name {\n    margin-bottom: 0;\n  }\n}\n\n.account__header__content {\n  color: $darker-text-color;\n  font-size: 14px;\n  font-weight: 400;\n  overflow: hidden;\n  word-break: normal;\n  word-wrap: break-word;\n\n  p {\n    margin-bottom: 20px;\n\n    &:last-child {\n      margin-bottom: 0;\n    }\n  }\n\n  a {\n    color: inherit;\n    text-decoration: underline;\n\n    &:hover {\n      text-decoration: none;\n    }\n  }\n}\n\n.account__header {\n  overflow: hidden;\n\n  &.inactive {\n    opacity: 0.5;\n\n    .account__header__image,\n    .account__avatar {\n      filter: grayscale(100%);\n    }\n  }\n\n  &__info {\n    position: absolute;\n    top: 10px;\n    left: 10px;\n  }\n\n  &__image {\n    overflow: hidden;\n    height: 145px;\n    position: relative;\n    background: darken($ui-base-color, 4%);\n\n    img {\n      object-fit: cover;\n      display: block;\n      width: 100%;\n      height: 100%;\n      margin: 0;\n    }\n  }\n\n  &__bar {\n    position: relative;\n    background: lighten($ui-base-color, 4%);\n    padding: 5px;\n    border-bottom: 1px solid lighten($ui-base-color, 12%);\n\n    .avatar {\n      display: block;\n      flex: 0 0 auto;\n      width: 94px;\n      margin-left: -2px;\n\n      .account__avatar {\n        background: darken($ui-base-color, 8%);\n        border: 2px solid lighten($ui-base-color, 4%);\n      }\n    }\n  }\n\n  &__tabs {\n    display: flex;\n    align-items: flex-start;\n    padding: 7px 5px;\n    margin-top: -55px;\n\n    &__buttons {\n      display: flex;\n      align-items: center;\n      padding-top: 55px;\n      overflow: hidden;\n\n      .icon-button {\n        border: 1px solid lighten($ui-base-color, 12%);\n        border-radius: 4px;\n        box-sizing: content-box;\n        padding: 2px;\n      }\n\n      .button {\n        margin: 0 8px;\n      }\n    }\n\n    &__name {\n      padding: 5px;\n\n      .account-role {\n        vertical-align: top;\n      }\n\n      .emojione {\n        width: 22px;\n        height: 22px;\n      }\n\n      h1 {\n        font-size: 16px;\n        line-height: 24px;\n        color: $primary-text-color;\n        font-weight: 500;\n        overflow: hidden;\n        white-space: nowrap;\n        text-overflow: ellipsis;\n\n        small {\n          display: block;\n          font-size: 14px;\n          color: $darker-text-color;\n          font-weight: 400;\n          overflow: hidden;\n          text-overflow: ellipsis;\n        }\n      }\n    }\n\n    .spacer {\n      flex: 1 1 auto;\n    }\n  }\n\n  &__bio {\n    overflow: hidden;\n    margin: 0 -5px;\n\n    .account__header__content {\n      padding: 20px 15px;\n      padding-bottom: 5px;\n      color: $primary-text-color;\n    }\n\n    .account__header__fields {\n      margin: 0;\n      border-top: 1px solid lighten($ui-base-color, 12%);\n\n      a {\n        color: lighten($ui-highlight-color, 8%);\n      }\n\n      dl:first-child .verified {\n        border-radius: 0 4px 0 0;\n      }\n\n      .verified a {\n        color: $valid-value-color;\n      }\n    }\n  }\n\n  &__extra {\n    margin-top: 4px;\n\n    &__links {\n      font-size: 14px;\n      color: $darker-text-color;\n      padding: 10px 0;\n\n      a {\n        display: inline-block;\n        color: $darker-text-color;\n        text-decoration: none;\n        padding: 5px 10px;\n        font-weight: 500;\n\n        strong {\n          font-weight: 700;\n          color: $primary-text-color;\n        }\n      }\n    }\n  }\n}\n",".domain {\n  padding: 10px;\n  border-bottom: 1px solid lighten($ui-base-color, 8%);\n\n  .domain__domain-name {\n    flex: 1 1 auto;\n    display: block;\n    color: $primary-text-color;\n    text-decoration: none;\n    font-size: 14px;\n    font-weight: 500;\n  }\n}\n\n.domain__wrapper {\n  display: flex;\n}\n\n.domain_buttons {\n  height: 18px;\n  padding: 10px;\n  white-space: nowrap;\n}\n","@keyframes spring-flip-in {\n  0% {\n    transform: rotate(0deg);\n  }\n\n  30% {\n    transform: rotate(-242.4deg);\n  }\n\n  60% {\n    transform: rotate(-158.35deg);\n  }\n\n  90% {\n    transform: rotate(-187.5deg);\n  }\n\n  100% {\n    transform: rotate(-180deg);\n  }\n}\n\n@keyframes spring-flip-out {\n  0% {\n    transform: rotate(-180deg);\n  }\n\n  30% {\n    transform: rotate(62.4deg);\n  }\n\n  60% {\n    transform: rotate(-21.635deg);\n  }\n\n  90% {\n    transform: rotate(7.5deg);\n  }\n\n  100% {\n    transform: rotate(0deg);\n  }\n}\n\n.status__content--with-action {\n  cursor: pointer;\n}\n\n.status__content {\n  position: relative;\n  margin: 10px 0;\n  font-size: 15px;\n  line-height: 20px;\n  word-wrap: break-word;\n  font-weight: 400;\n  overflow: visible;\n  padding-top: 5px;\n\n  &:focus {\n    outline: 0;\n  }\n\n  .emojione {\n    width: 20px;\n    height: 20px;\n    margin: -3px 0 0;\n  }\n\n  img {\n    max-width: 100%;\n    max-height: 400px;\n    object-fit: contain;\n  }\n\n  p, pre, blockquote {\n    margin-bottom: 20px;\n    white-space: pre-wrap;\n\n    &:last-child {\n      margin-bottom: 0;\n    }\n  }\n\n  .status__content__text,\n  .e-content {\n    overflow: hidden;\n\n    & > ul,\n    & > ol {\n      margin-bottom: 20px;\n    }\n\n    h1, h2, h3, h4, h5 {\n      margin-top: 20px;\n      margin-bottom: 20px;\n    }\n\n    h1, h2 {\n      font-weight: 700;\n      font-size: 1.2em;\n    }\n\n    h2 {\n      font-size: 1.1em;\n    }\n\n    h3, h4, h5 {\n      font-weight: 500;\n    }\n\n    blockquote {\n      padding-left: 10px;\n      border-left: 3px solid $darker-text-color;\n      color: $darker-text-color;\n      white-space: normal;\n\n      p:last-child {\n        margin-bottom: 0;\n      }\n    }\n\n    b, strong {\n      font-weight: 700;\n    }\n\n    em, i {\n      font-style: italic;\n    }\n\n    sub {\n      font-size: smaller;\n      text-align: sub;\n    }\n\n    sup {\n      font-size: smaller;\n      vertical-align: super;\n    }\n\n    ul, ol {\n      margin-left: 1em;\n\n      p {\n        margin: 0;\n      }\n    }\n\n    ul {\n      list-style-type: disc;\n    }\n\n    ol {\n      list-style-type: decimal;\n    }\n  }\n\n  a {\n    color: $pleroma-links;\n    text-decoration: none;\n\n    &:hover {\n      text-decoration: underline;\n\n      .fa {\n        color: lighten($dark-text-color, 7%);\n      }\n    }\n\n    &.mention {\n      &:hover {\n        text-decoration: none;\n\n        span {\n          text-decoration: underline;\n        }\n      }\n    }\n\n    .fa {\n      color: $dark-text-color;\n    }\n  }\n\n  .status__content__spoiler {\n    display: none;\n\n    &.status__content__spoiler--visible {\n      display: block;\n    }\n  }\n\n  a.unhandled-link {\n    color: lighten($ui-highlight-color, 8%);\n\n    .link-origin-tag {\n      color: $gold-star;\n      font-size: 0.8em;\n    }\n  }\n\n  .status__content__spoiler-link {\n    background: lighten($ui-base-color, 30%);\n\n    &:hover {\n      background: lighten($ui-base-color, 33%);\n      text-decoration: none;\n    }\n  }\n}\n\n.status__content__spoiler-link {\n  display: inline-block;\n  border-radius: 2px;\n  background: lighten($ui-base-color, 30%);\n  border: none;\n  color: $inverted-text-color;\n  font-weight: 500;\n  font-size: 11px;\n  padding: 0 5px;\n  text-transform: uppercase;\n  line-height: inherit;\n  cursor: pointer;\n  vertical-align: bottom;\n\n  &:hover {\n    background: lighten($ui-base-color, 33%);\n    text-decoration: none;\n  }\n\n  .status__content__spoiler-icon {\n    display: inline-block;\n    margin: 0 0 0 5px;\n    border-left: 1px solid currentColor;\n    padding: 0 0 0 4px;\n    font-size: 16px;\n    vertical-align: -2px;\n  }\n}\n\n.notif-cleaning {\n  .status,\n  .notification-follow,\n  .notification-follow-request {\n    padding-right: ($dismiss-overlay-width + 0.5rem);\n  }\n}\n\n.status__wrapper--filtered {\n  color: $dark-text-color;\n  border: 0;\n  font-size: inherit;\n  text-align: center;\n  line-height: inherit;\n  margin: 0;\n  padding: 15px;\n  box-sizing: border-box;\n  width: 100%;\n  clear: both;\n  border-bottom: 1px solid lighten($ui-base-color, 8%);\n}\n\n.status__prepend-icon-wrapper {\n  left: -26px;\n  position: absolute;\n}\n\n.notification-follow,\n.notification-follow-request {\n  position: relative;\n\n  // same like Status\n  border-bottom: 1px solid lighten($ui-base-color, 8%);\n\n  .account {\n    border-bottom: 0 none;\n  }\n}\n\n.focusable {\n  &:focus {\n    outline: 0;\n    background: lighten($ui-base-color, 4%);\n\n    &.status.status-direct:not(.read) {\n      background: lighten($ui-base-color, 12%);\n\n      &.muted {\n        background: transparent;\n      }\n    }\n\n    .detailed-status,\n    .detailed-status__action-bar {\n      background: lighten($ui-base-color, 8%);\n    }\n  }\n}\n\n.status {\n  padding: 10px 14px;\n  position: relative;\n  height: auto;\n  border-bottom: 1px solid lighten($ui-base-color, 8%);\n  cursor: default;\n\n  @supports (-ms-overflow-style: -ms-autohiding-scrollbar) {\n    // Add margin to avoid Edge auto-hiding scrollbar appearing over content.\n    // On Edge 16 this is 16px and Edge <=15 it's 12px, so aim for 16px.\n    padding-right: 28px; // 12px + 16px\n  }\n\n  @keyframes fade {\n    0% { opacity: 0; }\n    100% { opacity: 1; }\n  }\n\n  opacity: 1;\n  animation: fade 150ms linear;\n\n  .video-player,\n  .audio-player {\n    margin-top: 8px;\n  }\n\n  &.status-direct:not(.read) {\n    background: lighten($ui-base-color, 8%);\n    border-bottom-color: lighten($ui-base-color, 12%);\n  }\n\n  &.light {\n    .status__relative-time {\n      color: $lighter-text-color;\n    }\n\n    .status__display-name {\n      color: $inverted-text-color;\n    }\n\n    .display-name {\n      color: $light-text-color;\n\n      strong {\n        color: $inverted-text-color;\n      }\n    }\n\n    .status__content {\n      color: $inverted-text-color;\n\n      a {\n        color: $highlight-text-color;\n      }\n\n      a.status__content__spoiler-link {\n        color: $primary-text-color;\n        background: $ui-primary-color;\n\n        &:hover {\n          background: lighten($ui-primary-color, 8%);\n        }\n      }\n    }\n  }\n\n  &.collapsed {\n    background-position: center;\n    background-size: cover;\n    user-select: none;\n\n    &.has-background::before {\n      display: block;\n      position: absolute;\n      left: 0;\n      right: 0;\n      top: 0;\n      bottom: 0;\n      background-image: linear-gradient(to bottom, rgba($base-shadow-color, .75), rgba($base-shadow-color, .65) 24px, rgba($base-shadow-color, .8));\n      pointer-events: none;\n      content: \"\";\n    }\n\n    .display-name:hover .display-name__html {\n      text-decoration: none;\n    }\n\n    .status__content {\n      height: 20px;\n      overflow: hidden;\n      text-overflow: ellipsis;\n      padding-top: 0;\n\n      &:after {\n        content: \"\";\n        position: absolute;\n        top: 0; bottom: 0;\n        left: 0; right: 0;\n        background: linear-gradient(rgba($ui-base-color, 0), rgba($ui-base-color, 1));\n        pointer-events: none;\n      }\n      \n      a:hover {\n        text-decoration: none;\n      }\n    }\n    &:focus > .status__content:after {\n      background: linear-gradient(rgba(lighten($ui-base-color, 4%), 0), rgba(lighten($ui-base-color, 4%), 1));\n    }\n    &.status-direct:not(.read)> .status__content:after {\n      background: linear-gradient(rgba(lighten($ui-base-color, 8%), 0), rgba(lighten($ui-base-color, 8%), 1));\n    }\n\n    .notification__message {\n      margin-bottom: 0;\n    }\n\n    .status__info .notification__message > span {\n      white-space: nowrap;\n    }\n  }\n\n  .notification__message {\n    margin: -10px 0px 10px 0;\n  }\n}\n\n.notification-favourite {\n  .status.status-direct {\n    background: transparent;\n\n    .icon-button.disabled {\n      color: lighten($action-button-color, 13%);\n    }\n  }\n}\n\n.status__relative-time {\n  display: inline-block;\n  flex-grow: 1;\n  color: $dark-text-color;\n  font-size: 14px;\n  text-align: right;\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n}\n\n.status__display-name {\n  color: $dark-text-color;\n  overflow: hidden;\n}\n\n.status__info__account .status__display-name {\n  display: block;\n  max-width: 100%;\n}\n\n.status__info {\n  display: flex;\n  justify-content: space-between;\n  font-size: 15px;\n\n  > span {\n    text-overflow: ellipsis;\n    overflow: hidden;\n  }\n\n  .notification__message > span {\n    word-wrap: break-word;\n  }\n}\n\n.status__info__icons {\n  display: flex;\n  align-items: center;\n  height: 1em;\n  color: $action-button-color;\n\n  .status__media-icon,\n  .status__visibility-icon,\n  .status__reply-icon {\n    padding-left: 2px;\n    padding-right: 2px;\n  }\n\n  .status__collapse-button.active > .fa-angle-double-up {\n    transform: rotate(-180deg);\n  }\n}\n\n.no-reduce-motion .status__collapse-button {\n  &.activate {\n    & > .fa-angle-double-up {\n      animation: spring-flip-in 1s linear;\n    }\n  }\n\n  &.deactivate {\n    & > .fa-angle-double-up {\n      animation: spring-flip-out 1s linear;\n    }\n  }\n}\n\n.status__info__account {\n  display: flex;\n  align-items: center;\n  justify-content: flex-start;\n}\n\n.status-check-box {\n  border-bottom: 1px solid $ui-secondary-color;\n  display: flex;\n\n  .status-check-box__status {\n    margin: 10px 0 10px 10px;\n    flex: 1;\n    overflow: hidden;\n\n    .media-gallery {\n      max-width: 250px;\n    }\n\n    .status__content {\n      padding: 0;\n      white-space: normal;\n    }\n\n    .video-player,\n    .audio-player {\n      margin-top: 8px;\n      max-width: 250px;\n    }\n\n    .media-gallery__item-thumbnail {\n      cursor: default;\n    }\n  }\n}\n\n.status-check-box-toggle {\n  align-items: center;\n  display: flex;\n  flex: 0 0 auto;\n  justify-content: center;\n  padding: 10px;\n}\n\n.status__prepend {\n  margin-top: -10px;\n  margin-bottom: 10px;\n  margin-left: 58px;\n  color: $dark-text-color;\n  padding: 8px 0;\n  padding-bottom: 2px;\n  font-size: 14px;\n  position: relative;\n\n  .status__display-name strong {\n    color: $dark-text-color;\n  }\n\n  > span {\n    display: block;\n    overflow: hidden;\n    text-overflow: ellipsis;\n  }\n}\n\n.status__action-bar {\n  align-items: center;\n  display: flex;\n  margin-top: 8px;\n\n  &__counter {\n    display: inline-flex;\n    margin-right: 11px;\n    align-items: center;\n\n    .status__action-bar-button {\n      margin-right: 4px;\n    }\n\n    &__label {\n      display: inline-block;\n      width: 14px;\n      font-size: 12px;\n      font-weight: 500;\n      color: $action-button-color;\n    }\n  }\n}\n\n.status__action-bar-button {\n  margin-right: 18px;\n}\n\n.status__action-bar-dropdown {\n  height: 23.15px;\n  width: 23.15px;\n}\n\n.detailed-status__action-bar-dropdown {\n  flex: 1 1 auto;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  position: relative;\n}\n\n.detailed-status {\n  background: lighten($ui-base-color, 4%);\n  padding: 14px 10px;\n\n  &--flex {\n    display: flex;\n    flex-wrap: wrap;\n    justify-content: space-between;\n    align-items: flex-start;\n\n    .status__content,\n    .detailed-status__meta {\n      flex: 100%;\n    }\n  }\n\n  .status__content {\n    font-size: 19px;\n    line-height: 24px;\n\n    .emojione {\n      width: 24px;\n      height: 24px;\n      margin: -1px 0 0;\n    }\n  }\n\n  .video-player,\n  .audio-player {\n    margin-top: 8px;\n  }\n}\n\n.detailed-status__meta {\n  margin-top: 15px;\n  color: $dark-text-color;\n  font-size: 14px;\n  line-height: 18px;\n}\n\n.detailed-status__action-bar {\n  background: lighten($ui-base-color, 4%);\n  border-top: 1px solid lighten($ui-base-color, 8%);\n  border-bottom: 1px solid lighten($ui-base-color, 8%);\n  display: flex;\n  flex-direction: row;\n  padding: 10px 0;\n}\n\n.detailed-status__link {\n  color: inherit;\n  text-decoration: none;\n}\n\n.detailed-status__favorites,\n.detailed-status__reblogs {\n  display: inline-block;\n  font-weight: 500;\n  font-size: 12px;\n  margin-left: 6px;\n}\n\n.status__display-name,\n.status__relative-time,\n.detailed-status__display-name,\n.detailed-status__datetime,\n.detailed-status__application,\n.account__display-name {\n  text-decoration: none;\n}\n\n.status__display-name,\n.account__display-name {\n  strong {\n    color: $primary-text-color;\n  }\n}\n\n.muted {\n  .emojione {\n    opacity: 0.5;\n  }\n}\n\na.status__display-name,\n.reply-indicator__display-name,\n.detailed-status__display-name,\n.account__display-name {\n  &:hover strong {\n    text-decoration: underline;\n  }\n}\n\n.account__display-name strong {\n  display: block;\n  overflow: hidden;\n  text-overflow: ellipsis;\n}\n\n.detailed-status__application,\n.detailed-status__datetime {\n  color: inherit;\n}\n\n.detailed-status .button.logo-button {\n  margin-bottom: 15px;\n}\n\n.detailed-status__display-name {\n  color: $secondary-text-color;\n  display: block;\n  line-height: 24px;\n  margin-bottom: 15px;\n  overflow: hidden;\n\n  strong,\n  span {\n    display: block;\n    text-overflow: ellipsis;\n    overflow: hidden;\n  }\n\n  strong {\n    font-size: 16px;\n    color: $primary-text-color;\n  }\n}\n\n.detailed-status__display-avatar {\n  float: left;\n  margin-right: 10px;\n}\n\n.status__avatar {\n  flex: none;\n  margin: 0 10px 0 0;\n  height: 48px;\n  width: 48px;\n}\n\n.muted {\n  .status__content,\n  .status__content p,\n  .status__content a,\n  .status__content__text {\n    color: $dark-text-color;\n  }\n\n  .status__display-name strong {\n    color: $dark-text-color;\n  }\n\n  .status__avatar {\n    opacity: 0.5;\n  }\n\n  a.status__content__spoiler-link {\n    background: $ui-base-lighter-color;\n    color: $inverted-text-color;\n\n    &:hover {\n      background: lighten($ui-base-color, 29%);\n      text-decoration: none;\n    }\n  }\n}\n\n.status__relative-time,\n.detailed-status__datetime {\n  &:hover {\n    text-decoration: underline;\n  }\n}\n\n.status-card {\n  display: flex;\n  font-size: 14px;\n  border: 1px solid lighten($ui-base-color, 8%);\n  border-radius: 4px;\n  color: $dark-text-color;\n  margin-top: 14px;\n  text-decoration: none;\n  overflow: hidden;\n\n  &__actions {\n    bottom: 0;\n    left: 0;\n    position: absolute;\n    right: 0;\n    top: 0;\n    display: flex;\n    justify-content: center;\n    align-items: center;\n\n    & > div {\n      background: rgba($base-shadow-color, 0.6);\n      border-radius: 8px;\n      padding: 12px 9px;\n      flex: 0 0 auto;\n      display: flex;\n      justify-content: center;\n      align-items: center;\n    }\n\n    button,\n    a {\n      display: inline;\n      color: $secondary-text-color;\n      background: transparent;\n      border: 0;\n      padding: 0 8px;\n      text-decoration: none;\n      font-size: 18px;\n      line-height: 18px;\n\n      &:hover,\n      &:active,\n      &:focus {\n        color: $primary-text-color;\n      }\n    }\n\n    a {\n      font-size: 19px;\n      position: relative;\n      bottom: -1px;\n    }\n\n    a .fa, a:hover .fa {\n      color: inherit;\n    }\n  }\n}\n\na.status-card {\n  cursor: pointer;\n\n  &:hover {\n    background: lighten($ui-base-color, 8%);\n  }\n}\n\n.status-card-photo {\n  cursor: zoom-in;\n  display: block;\n  text-decoration: none;\n    width: 100%;\n    height: auto;\n    margin: 0;\n}\n\n.status-card-video {\n  iframe {\n    width: 100%;\n    height: 100%;\n  }\n}\n\n.status-card__title {\n  display: block;\n  font-weight: 500;\n  margin-bottom: 5px;\n  color: $darker-text-color;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  text-decoration: none;\n}\n\n.status-card__content {\n  flex: 1 1 auto;\n  overflow: hidden;\n  padding: 14px 14px 14px 8px;\n}\n\n.status-card__description {\n  color: $darker-text-color;\n}\n\n.status-card__host {\n  display: block;\n  margin-top: 5px;\n  font-size: 13px;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n\n.status-card__image {\n  flex: 0 0 100px;\n  background: lighten($ui-base-color, 8%);\n  position: relative;\n\n  & > .fa {\n    font-size: 21px;\n    position: absolute;\n    transform-origin: 50% 50%;\n    top: 50%;\n    left: 50%;\n    transform: translate(-50%, -50%);\n  }\n}\n\n.status-card.horizontal {\n  display: block;\n\n  .status-card__image {\n    width: 100%;\n  }\n\n  .status-card__image-image {\n    border-radius: 4px 4px 0 0;\n  }\n\n  .status-card__title {\n    white-space: inherit;\n  }\n}\n\n.status-card.compact {\n  border-color: lighten($ui-base-color, 4%);\n\n  &.interactive {\n    border: 0;\n  }\n\n  .status-card__content {\n    padding: 8px;\n    padding-top: 10px;\n  }\n\n  .status-card__title {\n    white-space: nowrap;\n  }\n\n  .status-card__image {\n    flex: 0 0 60px;\n  }\n}\n\na.status-card.compact:hover {\n  background-color: lighten($ui-base-color, 4%);\n}\n\n.status-card__image-image {\n  border-radius: 4px 0 0 4px;\n  display: block;\n  margin: 0;\n  width: 100%;\n  height: 100%;\n  object-fit: cover;\n  background-size: cover;\n  background-position: center center;\n}\n\n.attachment-list {\n  display: flex;\n  font-size: 14px;\n  border: 1px solid lighten($ui-base-color, 8%);\n  border-radius: 4px;\n  margin-top: 14px;\n  overflow: hidden;\n\n  &__icon {\n    flex: 0 0 auto;\n    color: $dark-text-color;\n    padding: 8px 18px;\n    cursor: default;\n    border-right: 1px solid lighten($ui-base-color, 8%);\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    justify-content: center;\n    font-size: 26px;\n\n    .fa {\n      display: block;\n    }\n  }\n\n  &__list {\n    list-style: none;\n    padding: 4px 0;\n    padding-left: 8px;\n    display: flex;\n    flex-direction: column;\n    justify-content: center;\n\n    li {\n      display: block;\n      padding: 4px 0;\n    }\n\n    a {\n      text-decoration: none;\n      color: $dark-text-color;\n      font-weight: 500;\n\n      &:hover {\n        text-decoration: underline;\n      }\n    }\n  }\n\n  &.compact {\n    border: 0;\n    margin-top: 4px;\n\n    .attachment-list__list {\n      padding: 0;\n      display: block;\n    }\n\n    .fa {\n      color: $dark-text-color;\n    }\n  }\n}\n\n.status__wrapper--filtered__button {\n  display: inline;\n  color: lighten($ui-highlight-color, 8%);\n  border: 0;\n  background: transparent;\n  padding: 0;\n  font-size: inherit;\n  line-height: inherit;\n\n  &:hover,\n  &:active {\n    text-decoration: underline;\n  }\n}\n",".modal-container--preloader {\n  background: lighten($ui-base-color, 8%);\n}\n\n.modal-root {\n  position: relative;\n  transition: opacity 0.3s linear;\n  will-change: opacity;\n  z-index: 9999;\n}\n\n.modal-root__overlay {\n  position: fixed;\n  top: 0;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  background: rgba($base-overlay-background, 0.7);\n}\n\n.modal-root__container {\n  position: fixed;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  align-content: space-around;\n  z-index: 9999;\n  pointer-events: none;\n  user-select: none;\n}\n\n.modal-root__modal {\n  pointer-events: auto;\n  display: flex;\n  z-index: 9999;\n}\n\n.onboarding-modal,\n.error-modal,\n.embed-modal {\n  background: $ui-secondary-color;\n  color: $inverted-text-color;\n  border-radius: 8px;\n  overflow: hidden;\n  display: flex;\n  flex-direction: column;\n}\n\n.onboarding-modal__pager {\n  height: 80vh;\n  width: 80vw;\n  max-width: 520px;\n  max-height: 470px;\n\n  .react-swipeable-view-container > div {\n    width: 100%;\n    height: 100%;\n    box-sizing: border-box;\n    display: none;\n    flex-direction: column;\n    align-items: center;\n    justify-content: center;\n    display: flex;\n    user-select: text;\n  }\n}\n\n.error-modal__body {\n  height: 80vh;\n  width: 80vw;\n  max-width: 520px;\n  max-height: 420px;\n  position: relative;\n\n  & > div {\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n    box-sizing: border-box;\n    padding: 25px;\n    display: none;\n    flex-direction: column;\n    align-items: center;\n    justify-content: center;\n    display: flex;\n    opacity: 0;\n    user-select: text;\n  }\n}\n\n.error-modal__body {\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  align-items: center;\n  text-align: center;\n}\n\n@media screen and (max-width: 550px) {\n  .onboarding-modal {\n    width: 100%;\n    height: 100%;\n    border-radius: 0;\n  }\n\n  .onboarding-modal__pager {\n    width: 100%;\n    height: auto;\n    max-width: none;\n    max-height: none;\n    flex: 1 1 auto;\n  }\n}\n\n.onboarding-modal__paginator,\n.error-modal__footer {\n  flex: 0 0 auto;\n  background: darken($ui-secondary-color, 8%);\n  display: flex;\n  padding: 25px;\n\n  & > div {\n    min-width: 33px;\n  }\n\n  .onboarding-modal__nav,\n  .error-modal__nav {\n    color: $lighter-text-color;\n    border: 0;\n    font-size: 14px;\n    font-weight: 500;\n    padding: 10px 25px;\n    line-height: inherit;\n    height: auto;\n    margin: -10px;\n    border-radius: 4px;\n    background-color: transparent;\n\n    &:hover,\n    &:focus,\n    &:active {\n      color: darken($lighter-text-color, 4%);\n      background-color: darken($ui-secondary-color, 16%);\n    }\n\n    &.onboarding-modal__done,\n    &.onboarding-modal__next {\n      color: $inverted-text-color;\n\n      &:hover,\n      &:focus,\n      &:active {\n        color: lighten($inverted-text-color, 4%);\n      }\n    }\n  }\n}\n\n.error-modal__footer {\n  justify-content: center;\n}\n\n.onboarding-modal__dots {\n  flex: 1 1 auto;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n\n.onboarding-modal__dot {\n  width: 14px;\n  height: 14px;\n  border-radius: 14px;\n  background: darken($ui-secondary-color, 16%);\n  margin: 0 3px;\n  cursor: pointer;\n\n  &:hover {\n    background: darken($ui-secondary-color, 18%);\n  }\n\n  &.active {\n    cursor: default;\n    background: darken($ui-secondary-color, 24%);\n  }\n}\n\n.onboarding-modal__page__wrapper {\n  pointer-events: none;\n  padding: 25px;\n  padding-bottom: 0;\n\n  &.onboarding-modal__page__wrapper--active {\n    pointer-events: auto;\n  }\n}\n\n.onboarding-modal__page {\n  cursor: default;\n  line-height: 21px;\n\n  h1 {\n    font-size: 18px;\n    font-weight: 500;\n    color: $inverted-text-color;\n    margin-bottom: 20px;\n  }\n\n  a {\n    color: $highlight-text-color;\n\n    &:hover,\n    &:focus,\n    &:active {\n      color: lighten($highlight-text-color, 4%);\n    }\n  }\n\n  .navigation-bar a {\n    color: inherit;\n  }\n\n  p {\n    font-size: 16px;\n    color: $lighter-text-color;\n    margin-top: 10px;\n    margin-bottom: 10px;\n\n    &:last-child {\n      margin-bottom: 0;\n    }\n\n    strong {\n      font-weight: 500;\n      background: $ui-base-color;\n      color: $secondary-text-color;\n      border-radius: 4px;\n      font-size: 14px;\n      padding: 3px 6px;\n\n      @each $lang in $cjk-langs {\n        &:lang(#{$lang}) {\n          font-weight: 700;\n        }\n      }\n    }\n  }\n}\n\n.onboarding-modal__page__wrapper-0 {\n  height: 100%;\n  padding: 0;\n}\n\n.onboarding-modal__page-one {\n  &__lead {\n    padding: 65px;\n    padding-top: 45px;\n    padding-bottom: 0;\n    margin-bottom: 10px;\n\n    h1 {\n      font-size: 26px;\n      line-height: 36px;\n      margin-bottom: 8px;\n    }\n\n    p {\n      margin-bottom: 0;\n    }\n  }\n\n  &__extra {\n    padding-right: 65px;\n    padding-left: 185px;\n    text-align: center;\n  }\n}\n\n.display-case {\n  text-align: center;\n  font-size: 15px;\n  margin-bottom: 15px;\n\n  &__label {\n    font-weight: 500;\n    color: $inverted-text-color;\n    margin-bottom: 5px;\n    text-transform: uppercase;\n    font-size: 12px;\n  }\n\n  &__case {\n    background: $ui-base-color;\n    color: $secondary-text-color;\n    font-weight: 500;\n    padding: 10px;\n    border-radius: 4px;\n  }\n}\n\n.onboarding-modal__page-two,\n.onboarding-modal__page-three,\n.onboarding-modal__page-four,\n.onboarding-modal__page-five {\n  p {\n    text-align: left;\n  }\n\n  .figure {\n    background: darken($ui-base-color, 8%);\n    color: $secondary-text-color;\n    margin-bottom: 20px;\n    border-radius: 4px;\n    padding: 10px;\n    text-align: center;\n    font-size: 14px;\n    box-shadow: 1px 2px 6px rgba($base-shadow-color, 0.3);\n\n    .onboarding-modal__image {\n      border-radius: 4px;\n      margin-bottom: 10px;\n    }\n\n    &.non-interactive {\n      pointer-events: none;\n      text-align: left;\n    }\n  }\n}\n\n.onboarding-modal__page-four__columns {\n  .row {\n    display: flex;\n    margin-bottom: 20px;\n\n    & > div {\n      flex: 1 1 0;\n      margin: 0 10px;\n\n      &:first-child {\n        margin-left: 0;\n      }\n\n      &:last-child {\n        margin-right: 0;\n      }\n\n      p {\n        text-align: center;\n      }\n    }\n\n    &:last-child {\n      margin-bottom: 0;\n    }\n  }\n\n  .column-header {\n    color: $primary-text-color;\n  }\n}\n\n@media screen and (max-width: 320px) and (max-height: 600px) {\n  .onboarding-modal__page p {\n    font-size: 14px;\n    line-height: 20px;\n  }\n\n  .onboarding-modal__page-two .figure,\n  .onboarding-modal__page-three .figure,\n  .onboarding-modal__page-four .figure,\n  .onboarding-modal__page-five .figure {\n    font-size: 12px;\n    margin-bottom: 10px;\n  }\n\n  .onboarding-modal__page-four__columns .row {\n    margin-bottom: 10px;\n  }\n\n  .onboarding-modal__page-four__columns .column-header {\n    padding: 5px;\n    font-size: 12px;\n  }\n}\n\n.onboard-sliders {\n  display: inline-block;\n  max-width: 30px;\n  max-height: auto;\n  margin-left: 10px;\n}\n\n.boost-modal,\n.favourite-modal,\n.confirmation-modal,\n.report-modal,\n.actions-modal,\n.mute-modal,\n.block-modal {\n  background: lighten($ui-secondary-color, 8%);\n  color: $inverted-text-color;\n  border-radius: 8px;\n  overflow: hidden;\n  max-width: 90vw;\n  width: 480px;\n  position: relative;\n  flex-direction: column;\n\n  .status__relative-time {\n    color: $dark-text-color;\n    float: right;\n    font-size: 14px;\n    width: auto;\n    margin: initial;\n    padding: initial;\n  }\n\n  .status__display-name {\n    display: flex;\n  }\n\n  .status__avatar {\n    height: 48px;\n    width: 48px;\n  }\n\n  .status__content__spoiler-link {\n    color: lighten($secondary-text-color, 8%);\n  }\n}\n\n.actions-modal {\n  .status {\n    background: $white;\n    border-bottom-color: $ui-secondary-color;\n    padding-top: 10px;\n    padding-bottom: 10px;\n  }\n\n  .dropdown-menu__separator {\n    border-bottom-color: $ui-secondary-color;\n  }\n}\n\n.boost-modal__container,\n.favourite-modal__container {\n  overflow-x: scroll;\n  padding: 10px;\n\n  .status {\n    user-select: text;\n    border-bottom: 0;\n  }\n}\n\n.boost-modal__action-bar,\n.favourite-modal__action-bar,\n.confirmation-modal__action-bar,\n.mute-modal__action-bar,\n.block-modal__action-bar {\n  display: flex;\n  justify-content: space-between;\n  background: $ui-secondary-color;\n  padding: 10px;\n  line-height: 36px;\n\n  & > div {\n    flex: 1 1 auto;\n    text-align: right;\n    color: $lighter-text-color;\n    padding-right: 10px;\n  }\n\n  .button {\n    flex: 0 0 auto;\n  }\n}\n\n.boost-modal__status-header,\n.favourite-modal__status-header {\n  font-size: 15px;\n}\n\n.boost-modal__status-time,\n.favourite-modal__status-time {\n  float: right;\n  font-size: 14px;\n}\n\n.mute-modal,\n.block-modal {\n  line-height: 24px;\n}\n\n.mute-modal .react-toggle,\n.block-modal .react-toggle {\n  vertical-align: middle;\n}\n\n.report-modal {\n  width: 90vw;\n  max-width: 700px;\n}\n\n.report-modal__container {\n  display: flex;\n  border-top: 1px solid $ui-secondary-color;\n\n  @media screen and (max-width: 480px) {\n    flex-wrap: wrap;\n    overflow-y: auto;\n  }\n}\n\n.report-modal__statuses,\n.report-modal__comment {\n  box-sizing: border-box;\n  width: 50%;\n\n  @media screen and (max-width: 480px) {\n    width: 100%;\n  }\n}\n\n.report-modal__statuses,\n.focal-point-modal__content {\n  flex: 1 1 auto;\n  min-height: 20vh;\n  max-height: 80vh;\n  overflow-y: auto;\n  overflow-x: hidden;\n\n  .status__content a {\n    color: $highlight-text-color;\n  }\n\n  @media screen and (max-width: 480px) {\n    max-height: 10vh;\n  }\n}\n\n.focal-point-modal__content {\n  @media screen and (max-width: 480px) {\n    max-height: 40vh;\n  }\n}\n\n.report-modal__comment {\n  padding: 20px;\n  border-right: 1px solid $ui-secondary-color;\n  max-width: 320px;\n\n  p {\n    font-size: 14px;\n    line-height: 20px;\n    margin-bottom: 20px;\n  }\n\n  .setting-text {\n    display: block;\n    box-sizing: border-box;\n    width: 100%;\n    margin: 0;\n    color: $inverted-text-color;\n    background: $white;\n    padding: 10px;\n    font-family: inherit;\n    font-size: 14px;\n    resize: none;\n    border: 0;\n    outline: 0;\n    border-radius: 4px;\n    border: 1px solid $ui-secondary-color;\n    min-height: 100px;\n    max-height: 50vh;\n    margin-bottom: 10px;\n\n    &:focus {\n      border: 1px solid darken($ui-secondary-color, 8%);\n    }\n\n    &__wrapper {\n      background: $white;\n      border: 1px solid $ui-secondary-color;\n      margin-bottom: 10px;\n      border-radius: 4px;\n\n      .setting-text {\n        border: 0;\n        margin-bottom: 0;\n        border-radius: 0;\n\n        &:focus {\n          border: 0;\n        }\n      }\n\n      &__modifiers {\n        color: $inverted-text-color;\n        font-family: inherit;\n        font-size: 14px;\n        background: $white;\n      }\n    }\n\n    &__toolbar {\n      display: flex;\n      justify-content: space-between;\n      margin-bottom: 20px;\n    }\n  }\n\n  .setting-text-label {\n    display: block;\n    color: $inverted-text-color;\n    font-size: 14px;\n    font-weight: 500;\n    margin-bottom: 10px;\n  }\n\n  .setting-toggle {\n    margin-top: 20px;\n    margin-bottom: 24px;\n\n    &__label {\n      color: $inverted-text-color;\n      font-size: 14px;\n    }\n  }\n\n  @media screen and (max-width: 480px) {\n    padding: 10px;\n    max-width: 100%;\n    order: 2;\n\n    .setting-toggle {\n      margin-bottom: 4px;\n    }\n  }\n}\n\n.actions-modal {\n  .status {\n    overflow-y: auto;\n    max-height: 300px;\n  }\n\n  strong {\n    display: block;\n    font-weight: 500;\n  }\n\n  max-height: 80vh;\n  max-width: 80vw;\n\n  .actions-modal__item-label {\n    font-weight: 500;\n  }\n\n  ul {\n    overflow-y: auto;\n    flex-shrink: 0;\n    max-height: 80vh;\n\n    &.with-status {\n      max-height: calc(80vh - 75px);\n    }\n\n    li:empty {\n      margin: 0;\n    }\n\n    li:not(:empty) {\n      a {\n        color: $inverted-text-color;\n        display: flex;\n        padding: 12px 16px;\n        font-size: 15px;\n        align-items: center;\n        text-decoration: none;\n\n        &,\n        button {\n          transition: none;\n        }\n\n        &.active,\n        &:hover,\n        &:active,\n        &:focus {\n          &,\n          button {\n            background: $ui-highlight-color;\n            color: $primary-text-color;\n          }\n        }\n\n        & > .react-toggle,\n        & > .icon,\n        button:first-child {\n          margin-right: 10px;\n        }\n      }\n    }\n  }\n}\n\n.confirmation-modal__action-bar,\n.mute-modal__action-bar,\n.block-modal__action-bar {\n  .confirmation-modal__secondary-button {\n    flex-shrink: 1;\n  }\n}\n\n.confirmation-modal__secondary-button,\n.confirmation-modal__cancel-button,\n.mute-modal__cancel-button,\n.block-modal__cancel-button {\n  background-color: transparent;\n  color: $lighter-text-color;\n  font-size: 14px;\n  font-weight: 500;\n\n  &:hover,\n  &:focus,\n  &:active {\n    color: darken($lighter-text-color, 4%);\n    background-color: transparent;\n  }\n}\n\n.confirmation-modal__do_not_ask_again {\n  padding-left: 20px;\n  padding-right: 20px;\n  padding-bottom: 10px;\n\n  font-size: 14px;\n\n  label, input {\n    vertical-align: middle;\n  }\n}\n\n.confirmation-modal__container,\n.mute-modal__container,\n.block-modal__container,\n.report-modal__target {\n  padding: 30px;\n  font-size: 16px;\n\n  strong {\n    font-weight: 500;\n\n    @each $lang in $cjk-langs {\n      &:lang(#{$lang}) {\n        font-weight: 700;\n      }\n    }\n  }\n}\n\n.confirmation-modal__container,\n.report-modal__target {\n  text-align: center;\n}\n\n.block-modal,\n.mute-modal {\n  &__explanation {\n    margin-top: 20px;\n  }\n\n  .setting-toggle {\n    margin-top: 20px;\n    margin-bottom: 24px;\n    display: flex;\n    align-items: center;\n\n    &__label {\n      color: $inverted-text-color;\n      margin: 0;\n      margin-left: 8px;\n    }\n  }\n}\n\n.report-modal__target {\n  padding: 15px;\n\n  .media-modal__close {\n    top: 14px;\n    right: 15px;\n  }\n}\n\n.embed-modal {\n  width: auto;\n  max-width: 80vw;\n  max-height: 80vh;\n\n  h4 {\n    padding: 30px;\n    font-weight: 500;\n    font-size: 16px;\n    text-align: center;\n  }\n\n  .embed-modal__container {\n    padding: 10px;\n\n    .hint {\n      margin-bottom: 15px;\n    }\n\n    .embed-modal__html {\n      outline: 0;\n      box-sizing: border-box;\n      display: block;\n      width: 100%;\n      border: none;\n      padding: 10px;\n      font-family: 'mastodon-font-monospace', monospace;\n      background: $ui-base-color;\n      color: $primary-text-color;\n      font-size: 14px;\n      margin: 0;\n      margin-bottom: 15px;\n      border-radius: 4px;\n\n      &::-moz-focus-inner {\n        border: 0;\n      }\n\n      &::-moz-focus-inner,\n      &:focus,\n      &:active {\n        outline: 0 !important;\n      }\n\n      &:focus {\n        background: lighten($ui-base-color, 4%);\n      }\n\n      @media screen and (max-width: 600px) {\n        font-size: 16px;\n      }\n    }\n\n    .embed-modal__iframe {\n      width: 400px;\n      max-width: 100%;\n      overflow: hidden;\n      border: 0;\n      border-radius: 4px;\n    }\n  }\n}\n\n.focal-point {\n  position: relative;\n  cursor: move;\n  overflow: hidden;\n  height: 100%;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  background: $base-shadow-color;\n\n  img,\n  video,\n  canvas {\n    display: block;\n    max-height: 80vh;\n    width: 100%;\n    height: auto;\n    margin: 0;\n    object-fit: contain;\n    background: $base-shadow-color;\n  }\n\n  &__reticle {\n    position: absolute;\n    width: 100px;\n    height: 100px;\n    transform: translate(-50%, -50%);\n    background: url('~images/reticle.png') no-repeat 0 0;\n    border-radius: 50%;\n    box-shadow: 0 0 0 9999em rgba($base-shadow-color, 0.35);\n  }\n\n  &__overlay {\n    position: absolute;\n    width: 100%;\n    height: 100%;\n    top: 0;\n    left: 0;\n  }\n\n  &__preview {\n    position: absolute;\n    bottom: 10px;\n    right: 10px;\n    z-index: 2;\n    cursor: move;\n    transition: opacity 0.1s ease;\n\n    &:hover {\n      opacity: 0.5;\n    }\n\n    strong {\n      color: $primary-text-color;\n      font-size: 14px;\n      font-weight: 500;\n      display: block;\n      margin-bottom: 5px;\n    }\n\n    div {\n      border-radius: 4px;\n      box-shadow: 0 0 14px rgba($base-shadow-color, 0.2);\n    }\n  }\n\n  @media screen and (max-width: 480px) {\n    img,\n    video {\n      max-height: 100%;\n    }\n\n    &__preview {\n      display: none;\n    }\n  }\n}\n\n.filtered-status-info {\n  text-align: start;\n\n  .spoiler__text {\n    margin-top: 20px;\n  }\n\n  .account {\n    border-bottom: 0;\n  }\n\n  .account__display-name strong {\n    color: $inverted-text-color;\n  }\n\n  .status__content__spoiler {\n    display: none;\n\n    &--visible {\n      display: flex;\n    }\n  }\n\n  ul {\n    padding: 10px;\n    margin-left: 12px;\n    list-style: disc inside;\n  }\n\n  .filtered-status-edit-link {\n    color: $action-button-color;\n    text-decoration: none;\n\n    &:hover {\n      text-decoration: underline\n    }\n  }\n}\n",".composer {\n  padding: 10px;\n\n  .emoji-picker-dropdown {\n    position: absolute;\n    top: 0;\n    right: 0;\n\n    ::-webkit-scrollbar-track:hover,\n    ::-webkit-scrollbar-track:active {\n      background-color: rgba($base-overlay-background, 0.3);\n    }\n  }\n}\n\n.character-counter {\n  cursor: default;\n  font-family: $font-sans-serif, sans-serif;\n  font-size: 14px;\n  font-weight: 600;\n  color: $lighter-text-color;\n\n  &.character-counter--over {\n    color: $warning-red;\n  }\n}\n\n.no-reduce-motion .composer--spoiler {\n  transition: height 0.4s ease, opacity 0.4s ease;\n}\n\n.composer--spoiler {\n  height: 0;\n  transform-origin: bottom;\n  opacity: 0.0;\n\n  &.composer--spoiler--visible {\n    height: 36px;\n    margin-bottom: 11px;\n    opacity: 1.0;\n  }\n\n  input {\n    display: block;\n    box-sizing: border-box;\n    margin: 0;\n    border: none;\n    border-radius: 4px;\n    padding: 10px;\n    width: 100%;\n    outline: 0;\n    color: $inverted-text-color;\n    background: $simple-background-color;\n    font-size: 14px;\n    font-family: inherit;\n    resize: vertical;\n\n    &::placeholder {\n      color: $dark-text-color;\n    }\n\n    &:focus { outline: 0 }\n    @include single-column('screen and (max-width: 630px)') { font-size: 16px }\n  }\n}\n\n.composer--warning {\n  color: $inverted-text-color;\n  margin-bottom: 15px;\n  background: $ui-primary-color;\n  box-shadow: 0 2px 6px rgba($base-shadow-color, 0.3);\n  padding: 8px 10px;\n  border-radius: 4px;\n  font-size: 13px;\n  font-weight: 400;\n\n  a {\n    color: $lighter-text-color;\n    font-weight: 500;\n    text-decoration: underline;\n\n    &:active,\n    &:focus,\n    &:hover { text-decoration: none }\n  }\n}\n\n.compose-form__sensitive-button {\n  padding: 10px;\n  padding-top: 0;\n\n  font-size: 14px;\n  font-weight: 500;\n\n  &.active {\n    color: $highlight-text-color;\n  }\n\n  input[type=checkbox] {\n    display: none;\n  }\n\n  .checkbox {\n    display: inline-block;\n    position: relative;\n    border: 1px solid $ui-primary-color;\n    box-sizing: border-box;\n    width: 18px;\n    height: 18px;\n    flex: 0 0 auto;\n    margin-left: 5px;\n    margin-right: 10px;\n    top: -1px;\n    border-radius: 4px;\n    vertical-align: middle;\n\n    &.active {\n      border-color: $highlight-text-color;\n      background: $highlight-text-color;\n    }\n  }\n}\n\n.composer--reply {\n  margin: 0 0 10px;\n  border-radius: 4px;\n  padding: 10px;\n  background: $ui-primary-color;\n  min-height: 23px;\n  overflow-y: auto;\n  flex: 0 2 auto;\n\n  & > header {\n    margin-bottom: 5px;\n    overflow: hidden;\n\n    & > .account.small { color: $inverted-text-color; }\n\n    & > .cancel {\n      float: right;\n      line-height: 24px;\n    }\n  }\n\n  & > .content {\n    position: relative;\n    margin: 10px 0;\n    padding: 0 12px;\n    font-size: 14px;\n    line-height: 20px;\n    color: $inverted-text-color;\n    word-wrap: break-word;\n    font-weight: 400;\n    overflow: visible;\n    white-space: pre-wrap;\n    padding-top: 5px;\n    overflow: hidden;\n\n    p, pre, blockquote {\n      margin-bottom: 20px;\n      white-space: pre-wrap;\n\n      &:last-child {\n        margin-bottom: 0;\n      }\n    }\n\n    h1, h2, h3, h4, h5 {\n      margin-top: 20px;\n      margin-bottom: 20px;\n    }\n\n    h1, h2 {\n      font-weight: 700;\n      font-size: 18px;\n    }\n\n    h2 {\n      font-size: 16px;\n    }\n\n    h3, h4, h5 {\n      font-weight: 500;\n    }\n\n    blockquote {\n      padding-left: 10px;\n      border-left: 3px solid $inverted-text-color;\n      color: $inverted-text-color;\n      white-space: normal;\n\n      p:last-child {\n        margin-bottom: 0;\n      }\n    }\n\n    b, strong {\n      font-weight: 700;\n    }\n\n    em, i {\n      font-style: italic;\n    }\n\n    sub {\n      font-size: smaller;\n      text-align: sub;\n    }\n\n    ul, ol {\n      margin-left: 1em;\n\n      p {\n        margin: 0;\n      }\n    }\n\n    ul {\n      list-style-type: disc;\n    }\n\n    ol {\n      list-style-type: decimal;\n    }\n\n    a {\n      color: $lighter-text-color;\n      text-decoration: none;\n\n      &:hover { text-decoration: underline }\n\n      &.mention {\n        &:hover {\n          text-decoration: none;\n\n          span { text-decoration: underline }\n        }\n      }\n    }\n  }\n\n  .emojione {\n    width: 20px;\n    height: 20px;\n    margin: -5px 0 0;\n  }\n}\n\n.compose-form__autosuggest-wrapper,\n.autosuggest-input {\n  position: relative;\n  width: 100%;\n\n  label {\n    .autosuggest-textarea__textarea {\n      display: block;\n      box-sizing: border-box;\n      margin: 0;\n      border: none;\n      border-radius: 4px 4px 0 0;\n      padding: 10px 32px 0 10px;\n      width: 100%;\n      min-height: 100px;\n      outline: 0;\n      color: $inverted-text-color;\n      background: $simple-background-color;\n      font-size: 14px;\n      font-family: inherit;\n      resize: none;\n      scrollbar-color: initial;\n\n      &::placeholder {\n        color: $dark-text-color;\n      }\n\n      &::-webkit-scrollbar {\n        all: unset;\n      }\n\n      &:disabled { background: $ui-secondary-color }\n      &:focus { outline: 0 }\n      @include single-column('screen and (max-width: 630px)') { font-size: 16px }\n\n      @include limited-single-column('screen and (max-width: 600px)') {\n        height: 100px !important; // prevent auto-resize textarea\n        resize: vertical;\n      }\n    }\n  }\n}\n\n.composer--textarea--icons {\n  display: block;\n  position: absolute;\n  top: 29px;\n  right: 5px;\n  bottom: 5px;\n  overflow: hidden;\n\n  & > .textarea_icon {\n    display: block;\n    margin: 2px 0 0 2px;\n    width: 24px;\n    height: 24px;\n    color: $lighter-text-color;\n    font-size: 18px;\n    line-height: 24px;\n    text-align: center;\n    opacity: .8;\n  }\n}\n\n.autosuggest-textarea__suggestions-wrapper {\n  position: relative;\n  height: 0;\n}\n\n.autosuggest-textarea__suggestions {\n  display: block;\n  position: absolute;\n  box-sizing: border-box;\n  top: 100%;\n  border-radius: 0 0 4px 4px;\n  padding: 6px;\n  width: 100%;\n  color: $inverted-text-color;\n  background: $ui-secondary-color;\n  box-shadow: 4px 4px 6px rgba($base-shadow-color, 0.4);\n  font-size: 14px;\n  z-index: 99;\n  display: none;\n}\n\n.autosuggest-textarea__suggestions--visible {\n  display: block;\n}\n\n.autosuggest-textarea__suggestions__item {\n  padding: 10px;\n  cursor: pointer;\n  border-radius: 4px;\n\n  &:hover,\n  &:focus,\n  &:active,\n  &.selected { background: darken($ui-secondary-color, 10%) }\n\n  > .account,\n  > .emoji,\n  > .autosuggest-hashtag {\n    display: flex;\n    flex-direction: row;\n    align-items: center;\n    justify-content: flex-start;\n    line-height: 18px;\n    font-size: 14px;\n  }\n\n  .autosuggest-hashtag {\n    justify-content: space-between;\n\n    &__name {\n      flex: 1 1 auto;\n      overflow: hidden;\n      text-overflow: ellipsis;\n      white-space: nowrap;\n    }\n\n    strong {\n      font-weight: 500;\n    }\n\n    &__uses {\n      flex: 0 0 auto;\n      text-align: right;\n      overflow: hidden;\n      text-overflow: ellipsis;\n      white-space: nowrap;\n    }\n  }\n\n  & > .account.small {\n    .display-name {\n      & > span { color: $lighter-text-color }\n    }\n  }\n}\n\n.composer--upload_form {\n  overflow: hidden;\n\n  & > .content {\n    display: flex;\n    flex-direction: row;\n    flex-wrap: wrap;\n    font-family: inherit;\n    padding: 5px;\n    overflow: hidden;\n  }\n}\n\n.composer--upload_form--item {\n  flex: 1 1 0;\n  margin: 5px;\n  min-width: 40%;\n\n  & > div {\n    position: relative;\n    border-radius: 4px;\n    height: 140px;\n    width: 100%;\n    background-color: $base-shadow-color;\n    background-position: center;\n    background-size: cover;\n    background-repeat: no-repeat;\n    overflow: hidden;\n\n    textarea {\n      display: block;\n      position: absolute;\n      box-sizing: border-box;\n      bottom: 0;\n      left: 0;\n      margin: 0;\n      border: 0;\n      padding: 10px;\n      width: 100%;\n      color: $secondary-text-color;\n      background: linear-gradient(0deg, rgba($base-shadow-color, 0.8) 0, rgba($base-shadow-color, 0.35) 80%, transparent);\n      font-size: 14px;\n      font-family: inherit;\n      font-weight: 500;\n      opacity: 0;\n      z-index: 2;\n      transition: opacity .1s ease;\n\n      &:focus { color: $white }\n\n      &::placeholder {\n        opacity: 0.54;\n        color: $secondary-text-color;\n      }\n    }\n\n    & > .close { mix-blend-mode: difference }\n  }\n\n  &.active {\n    & > div {\n      textarea { opacity: 1 }\n    }\n  }\n}\n\n.composer--upload_form--actions {\n  background: linear-gradient(180deg, rgba($base-shadow-color, 0.8) 0, rgba($base-shadow-color, 0.35) 80%, transparent);\n  display: flex;\n  align-items: flex-start;\n  justify-content: space-between;\n  opacity: 0;\n  transition: opacity .1s ease;\n\n  .icon-button {\n    flex: 0 1 auto;\n    color: $ui-secondary-color;\n    font-size: 14px;\n    font-weight: 500;\n    padding: 10px;\n    font-family: inherit;\n\n    &:hover,\n    &:focus,\n    &:active {\n      color: lighten($ui-secondary-color, 4%);\n    }\n  }\n\n  &.active {\n    opacity: 1;\n  }\n}\n\n.composer--upload_form--progress {\n  display: flex;\n  padding: 10px;\n  color: $darker-text-color;\n  overflow: hidden;\n\n  & > .fa {\n    font-size: 34px;\n    margin-right: 10px;\n  }\n\n  & > .message {\n    flex: 1 1 auto;\n\n    & > span {\n      display: block;\n      font-size: 12px;\n      font-weight: 500;\n      text-transform: uppercase;\n    }\n\n    & > .backdrop {\n      position: relative;\n      margin-top: 5px;\n      border-radius: 6px;\n      width: 100%;\n      height: 6px;\n      background: $ui-base-lighter-color;\n\n      & > .tracker {\n        position: absolute;\n        top: 0;\n        left: 0;\n        height: 6px;\n        border-radius: 6px;\n        background: $ui-highlight-color;\n      }\n    }\n  }\n}\n\n.compose-form__modifiers {\n  color: $inverted-text-color;\n  font-family: inherit;\n  font-size: 14px;\n  background: $simple-background-color;\n}\n\n.composer--options-wrapper {\n  padding: 10px;\n  background: darken($simple-background-color, 8%);\n  border-radius: 0 0 4px 4px;\n  height: 27px;\n  display: flex;\n  justify-content: space-between;\n  flex: 0 0 auto;\n}\n\n.composer--options {\n  display: flex;\n  flex: 0 0 auto;\n\n  & > * {\n    display: inline-block;\n    box-sizing: content-box;\n    padding: 0 3px;\n    height: 27px;\n    line-height: 27px;\n    vertical-align: bottom;\n  }\n\n  & > hr {\n    display: inline-block;\n    margin: 0 3px;\n    border-width: 0 0 0 1px;\n    border-style: none none none solid;\n    border-color: transparent transparent transparent darken($simple-background-color, 24%);\n    padding: 0;\n    width: 0;\n    height: 27px;\n    background: transparent;\n  }\n}\n\n.compose--counter-wrapper {\n  align-self: center;\n  margin-right: 4px;\n}\n\n.composer--options--dropdown {\n  &.open {\n    & > .value {\n      border-radius: 4px 4px 0 0;\n      box-shadow: 0 -4px 4px rgba($base-shadow-color, 0.1);\n      color: $primary-text-color;\n      background: $ui-highlight-color;\n      transition: none;\n    }\n    &.top {\n      & > .value {\n        border-radius: 0 0 4px 4px;\n        box-shadow: 0 4px 4px rgba($base-shadow-color, 0.1);\n      }\n    }\n  }\n}\n\n.composer--options--dropdown--content {\n  position: absolute;\n  border-radius: 4px;\n  box-shadow: 2px 4px 15px rgba($base-shadow-color, 0.4);\n  background: $simple-background-color;\n  overflow: hidden;\n  transform-origin: 50% 0;\n}\n\n.composer--options--dropdown--content--item {\n  display: flex;\n  align-items: center;\n  padding: 10px;\n  color: $inverted-text-color;\n  cursor: pointer;\n\n  & > .content {\n    flex: 1 1 auto;\n    color: $lighter-text-color;\n\n    &:not(:first-child) { margin-left: 10px }\n\n    strong {\n      display: block;\n      color: $inverted-text-color;\n      font-weight: 500;\n    }\n  }\n\n  &:hover,\n  &.active {\n    background: $ui-highlight-color;\n    color: $primary-text-color;\n\n    & > .content {\n      color: $primary-text-color;\n\n      strong { color: $primary-text-color }\n    }\n  }\n\n  &.active:hover { background: lighten($ui-highlight-color, 4%) }\n}\n\n.composer--publisher {\n  padding-top: 10px;\n  text-align: right;\n  white-space: nowrap;\n  overflow: hidden;\n  justify-content: flex-end;\n  flex: 0 0 auto;\n\n  & > .primary {\n    display: inline-block;\n    margin: 0;\n    padding: 0 10px;\n    text-align: center;\n  }\n\n  & > .side_arm {\n    display: inline-block;\n    margin: 0 2px;\n    padding: 0;\n    width: 36px;\n    text-align: center;\n  }\n\n  &.over {\n    & > .count { color: $warning-red }\n  }\n}\n",".column__wrapper {\n  display: flex;\n  flex: 1 1 auto;\n  position: relative;\n}\n\n.columns-area {\n  display: flex;\n  flex: 1 1 auto;\n  flex-direction: row;\n  justify-content: flex-start;\n  overflow-x: auto;\n  position: relative;\n\n  &__panels {\n    display: flex;\n    justify-content: center;\n    width: 100%;\n    height: 100%;\n    min-height: 100vh;\n\n    &__pane {\n      height: 100%;\n      overflow: hidden;\n      pointer-events: none;\n      display: flex;\n      justify-content: flex-end;\n      min-width: 285px;\n\n      &--start {\n        justify-content: flex-start;\n      }\n\n      &__inner {\n        position: fixed;\n        width: 285px;\n        pointer-events: auto;\n        height: 100%;\n      }\n    }\n\n    &__main {\n      box-sizing: border-box;\n      width: 100%;\n      max-width: 600px;\n      flex: 0 0 auto;\n      display: flex;\n      flex-direction: column;\n\n      @media screen and (min-width: $no-gap-breakpoint) {\n        padding: 0 10px;\n      }\n    }\n  }\n}\n\n.tabs-bar__wrapper {\n  background: darken($ui-base-color, 8%);\n  position: sticky;\n  top: 0;\n  z-index: 2;\n  padding-top: 0;\n\n  @media screen and (min-width: $no-gap-breakpoint) {\n    padding-top: 10px;\n  }\n\n  .tabs-bar {\n    margin-bottom: 0;\n\n    @media screen and (min-width: $no-gap-breakpoint) {\n      margin-bottom: 10px;\n    }\n  }\n}\n\n.react-swipeable-view-container {\n  &,\n  .columns-area,\n  .column {\n    height: 100%;\n  }\n}\n\n.react-swipeable-view-container > * {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  height: 100%;\n}\n\n.column {\n  width: 330px;\n  position: relative;\n  box-sizing: border-box;\n  display: flex;\n  flex-direction: column;\n\n  > .scrollable {\n    background: $ui-base-color;\n  }\n}\n\n.ui {\n  flex: 0 0 auto;\n  display: flex;\n  flex-direction: column;\n  width: 100%;\n  height: 100%;\n}\n\n.column {\n  overflow: hidden;\n}\n\n.column-back-button {\n  box-sizing: border-box;\n  width: 100%;\n  background: lighten($ui-base-color, 4%);\n  color: $highlight-text-color;\n  cursor: pointer;\n  flex: 0 0 auto;\n  font-size: 16px;\n  border: 0;\n  text-align: unset;\n  padding: 15px;\n  margin: 0;\n  z-index: 3;\n\n  &:hover {\n    text-decoration: underline;\n  }\n}\n\n.column-header__back-button {\n  background: lighten($ui-base-color, 4%);\n  border: 0;\n  font-family: inherit;\n  color: $highlight-text-color;\n  cursor: pointer;\n  flex: 0 0 auto;\n  font-size: 16px;\n  padding: 0 5px 0 0;\n  z-index: 3;\n\n  &:hover {\n    text-decoration: underline;\n  }\n\n  &:last-child {\n    padding: 0 15px 0 0;\n  }\n}\n\n.column-back-button__icon {\n  display: inline-block;\n  margin-right: 5px;\n}\n\n.column-back-button--slim {\n  position: relative;\n}\n\n.column-back-button--slim-button {\n  cursor: pointer;\n  flex: 0 0 auto;\n  font-size: 16px;\n  padding: 15px;\n  position: absolute;\n  right: 0;\n  top: -48px;\n}\n\n.column-link {\n  background: lighten($ui-base-color, 8%);\n  color: $primary-text-color;\n  display: block;\n  font-size: 16px;\n  padding: 15px;\n  text-decoration: none;\n\n  &:hover,\n  &:focus,\n  &:active {\n    background: lighten($ui-base-color, 11%);\n  }\n\n  &:focus {\n    outline: 0;\n  }\n\n  &--transparent {\n    background: transparent;\n    color: $ui-secondary-color;\n\n    &:hover,\n    &:focus,\n    &:active {\n      background: transparent;\n      color: $primary-text-color;\n    }\n\n    &.active {\n      color: $ui-highlight-color;\n    }\n  }\n}\n\n.column-link__icon {\n  display: inline-block;\n  margin-right: 5px;\n}\n\n.column-subheading {\n  background: $ui-base-color;\n  color: $dark-text-color;\n  padding: 8px 20px;\n  font-size: 12px;\n  font-weight: 500;\n  text-transform: uppercase;\n  cursor: default;\n}\n\n.column-header__wrapper {\n  position: relative;\n  flex: 0 0 auto;\n  z-index: 1;\n\n  &.active {\n    box-shadow: 0 1px 0 rgba($highlight-text-color, 0.3);\n\n    &::before {\n      display: block;\n      content: \"\";\n      position: absolute;\n      bottom: -13px;\n      left: 0;\n      right: 0;\n      margin: 0 auto;\n      width: 60%;\n      pointer-events: none;\n      height: 28px;\n      z-index: 1;\n      background: radial-gradient(ellipse, rgba($ui-highlight-color, 0.23) 0%, rgba($ui-highlight-color, 0) 60%);\n    }\n  }\n\n  .announcements {\n    z-index: 1;\n    position: relative;\n  }\n}\n\n.column-header {\n  display: flex;\n  font-size: 16px;\n  background: lighten($ui-base-color, 4%);\n  flex: 0 0 auto;\n  cursor: pointer;\n  position: relative;\n  z-index: 2;\n  outline: 0;\n  overflow: hidden;\n\n  & > button {\n    margin: 0;\n    border: none;\n    padding: 15px;\n    color: inherit;\n    background: transparent;\n    font: inherit;\n    text-align: left;\n    text-overflow: ellipsis;\n    overflow: hidden;\n    white-space: nowrap;\n    flex: 1;\n  }\n\n  & > .column-header__back-button {\n    color: $highlight-text-color;\n  }\n\n  &.active {\n    .column-header__icon {\n      color: $highlight-text-color;\n      text-shadow: 0 0 10px rgba($ui-highlight-color, 0.4);\n    }\n  }\n\n  &:focus,\n  &:active {\n    outline: 0;\n  }\n}\n\n.column {\n  width: 330px;\n  position: relative;\n  box-sizing: border-box;\n  display: flex;\n  flex-direction: column;\n  overflow: hidden;\n\n  .wide .columns-area:not(.columns-area--mobile) & {\n    flex: auto;\n    min-width: 330px;\n    max-width: 400px;\n  }\n\n  > .scrollable {\n    background: $ui-base-color;\n  }\n}\n\n.column-header__buttons {\n  height: 48px;\n  display: flex;\n  margin-left: 0;\n}\n\n.column-header__links {\n  margin-bottom: 14px;\n}\n\n.column-header__links .text-btn {\n  margin-right: 10px;\n}\n\n.column-header__button {\n  background: lighten($ui-base-color, 4%);\n  border: 0;\n  color: $darker-text-color;\n  cursor: pointer;\n  font-size: 16px;\n  padding: 0 15px;\n\n  &:hover {\n    color: lighten($darker-text-color, 7%);\n  }\n\n  &.active {\n    color: $primary-text-color;\n    background: lighten($ui-base-color, 8%);\n\n    &:hover {\n      color: $primary-text-color;\n      background: lighten($ui-base-color, 8%);\n    }\n  }\n\n  // glitch - added focus ring for keyboard navigation\n  &:focus {\n    text-shadow: 0 0 4px darken($ui-highlight-color, 5%);\n  }\n}\n\n.column-header__notif-cleaning-buttons {\n  display: flex;\n  align-items: stretch;\n  justify-content: space-around;\n\n  button {\n    @extend .column-header__button;\n    background: transparent;\n    text-align: center;\n    padding: 10px 0;\n    white-space: pre-wrap;\n  }\n\n  b {\n    font-weight: bold;\n  }\n}\n\n// The notifs drawer with no padding to have more space for the buttons\n.column-header__collapsible-inner.nopad-drawer {\n  padding: 0;\n}\n\n.column-header__collapsible {\n  max-height: 70vh;\n  overflow: hidden;\n  overflow-y: auto;\n  color: $darker-text-color;\n  transition: max-height 150ms ease-in-out, opacity 300ms linear;\n  opacity: 1;\n  z-index: 1;\n  position: relative;\n\n  &.collapsed {\n    max-height: 0;\n    opacity: 0.5;\n  }\n\n  &.animating {\n    overflow-y: hidden;\n  }\n\n  hr {\n    height: 0;\n    background: transparent;\n    border: 0;\n    border-top: 1px solid lighten($ui-base-color, 12%);\n    margin: 10px 0;\n  }\n\n  // notif cleaning drawer\n  &.ncd {\n    transition: none;\n    &.collapsed {\n      max-height: 0;\n      opacity: 0.7;\n    }\n  }\n}\n\n.column-header__collapsible-inner {\n  background: lighten($ui-base-color, 8%);\n  padding: 15px;\n}\n\n.column-header__setting-btn {\n  &:hover {\n    color: $darker-text-color;\n    text-decoration: underline;\n  }\n}\n\n.column-header__setting-arrows {\n  float: right;\n\n  .column-header__setting-btn {\n    padding: 0 10px;\n\n    &:last-child {\n      padding-right: 0;\n    }\n  }\n}\n\n.column-header__title {\n  display: inline-block;\n  text-overflow: ellipsis;\n  overflow: hidden;\n  white-space: nowrap;\n  flex: 1;\n}\n\n.column-header__icon {\n  display: inline-block;\n  margin-right: 5px;\n}\n\n.empty-column-indicator,\n.error-column,\n.follow_requests-unlocked_explanation {\n  color: $dark-text-color;\n  background: $ui-base-color;\n  text-align: center;\n  padding: 20px;\n  font-size: 15px;\n  font-weight: 400;\n  cursor: default;\n  display: flex;\n  flex: 1 1 auto;\n  align-items: center;\n  justify-content: center;\n  @supports(display: grid) { // hack to fix Chrome <57\n    contain: strict;\n  }\n\n  & > span {\n    max-width: 400px;\n  }\n\n  a {\n    color: $highlight-text-color;\n    text-decoration: none;\n\n    &:hover {\n      text-decoration: underline;\n    }\n  }\n}\n\n.follow_requests-unlocked_explanation {\n  background: darken($ui-base-color, 4%);\n  contain: initial;\n}\n\n.error-column {\n  flex-direction: column;\n}\n\n// more fixes for the navbar-under mode\n@mixin fix-margins-for-navbar-under {\n  .tabs-bar {\n    margin-top: 0 !important;\n    margin-bottom: -6px !important;\n  }\n}\n\n.single-column.navbar-under {\n  @include fix-margins-for-navbar-under;\n}\n\n.auto-columns.navbar-under {\n  @media screen and (max-width: $no-gap-breakpoint) {\n    @include fix-margins-for-navbar-under;\n  }\n}\n\n.auto-columns.navbar-under .react-swipeable-view-container .columns-area,\n.single-column.navbar-under .react-swipeable-view-container .columns-area {\n  @media screen and (max-width: $no-gap-breakpoint) {\n    height: 100% !important;\n  }\n}\n\n.column-inline-form {\n  padding: 7px 15px;\n  padding-right: 5px;\n  display: flex;\n  justify-content: flex-start;\n  align-items: center;\n  background: lighten($ui-base-color, 4%);\n\n  label {\n    flex: 1 1 auto;\n\n    input {\n      width: 100%;\n      margin-bottom: 6px;\n\n      &:focus {\n        outline: 0;\n      }\n    }\n  }\n\n  .icon-button {\n    flex: 0 0 auto;\n    margin: 0 5px;\n  }\n}\n",".regeneration-indicator {\n  text-align: center;\n  font-size: 16px;\n  font-weight: 500;\n  color: $dark-text-color;\n  background: $ui-base-color;\n  cursor: default;\n  display: flex;\n  flex: 1 1 auto;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  padding: 20px;\n\n  &__figure {\n    &,\n    img {\n      display: block;\n      width: auto;\n      height: 160px;\n      margin: 0;\n    }\n  }\n\n  &--without-header {\n    padding-top: 20px + 48px;\n  }\n\n  &__label {\n    margin-top: 30px;\n\n    strong {\n      display: block;\n      margin-bottom: 10px;\n      color: $dark-text-color;\n    }\n\n    span {\n      font-size: 15px;\n      font-weight: 400;\n    }\n  }\n}\n",".directory {\n  &__list {\n    width: 100%;\n    margin: 10px 0;\n    transition: opacity 100ms ease-in;\n\n    &.loading {\n      opacity: 0.7;\n    }\n\n    @media screen and (max-width: $no-gap-breakpoint) {\n      margin: 0;\n    }\n  }\n\n  &__card {\n    box-sizing: border-box;\n    margin-bottom: 10px;\n\n    &__img {\n      height: 125px;\n      position: relative;\n      background: darken($ui-base-color, 12%);\n      overflow: hidden;\n\n      img {\n        display: block;\n        width: 100%;\n        height: 100%;\n        margin: 0;\n        object-fit: cover;\n      }\n    }\n\n    &__bar {\n      display: flex;\n      align-items: center;\n      background: lighten($ui-base-color, 4%);\n      padding: 10px;\n\n      &__name {\n        flex: 1 1 auto;\n        display: flex;\n        align-items: center;\n        text-decoration: none;\n        overflow: hidden;\n      }\n\n      &__relationship {\n        width: 23px;\n        min-height: 1px;\n        flex: 0 0 auto;\n      }\n\n      .avatar {\n        flex: 0 0 auto;\n        width: 48px;\n        height: 48px;\n        padding-top: 2px;\n\n        img {\n          width: 100%;\n          height: 100%;\n          display: block;\n          margin: 0;\n          border-radius: 4px;\n          background: darken($ui-base-color, 8%);\n          object-fit: cover;\n        }\n      }\n\n      .display-name {\n        margin-left: 15px;\n        text-align: left;\n\n        strong {\n          font-size: 15px;\n          color: $primary-text-color;\n          font-weight: 500;\n          overflow: hidden;\n          text-overflow: ellipsis;\n        }\n\n        span {\n          display: block;\n          font-size: 14px;\n          color: $darker-text-color;\n          font-weight: 400;\n          overflow: hidden;\n          text-overflow: ellipsis;\n        }\n      }\n    }\n\n    &__extra {\n      background: $ui-base-color;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n\n      .accounts-table__count {\n        width: 33.33%;\n        flex: 0 0 auto;\n        padding: 15px 0;\n      }\n\n      .account__header__content {\n        box-sizing: border-box;\n        padding: 15px 10px;\n        border-bottom: 1px solid lighten($ui-base-color, 8%);\n        width: 100%;\n        min-height: 18px + 30px;\n        white-space: nowrap;\n        overflow: hidden;\n        text-overflow: ellipsis;\n\n        p {\n          display: none;\n\n          &:first-child {\n            display: inline;\n          }\n        }\n\n        br {\n          display: none;\n        }\n      }\n    }\n  }\n}\n\n.filter-form {\n  background: $ui-base-color;\n\n  &__column {\n    padding: 10px 15px;\n  }\n\n  .radio-button {\n    display: block;\n  }\n}\n\n.radio-button {\n  font-size: 14px;\n  position: relative;\n  display: inline-block;\n  padding: 6px 0;\n  line-height: 18px;\n  cursor: default;\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  cursor: pointer;\n\n  input[type=radio],\n  input[type=checkbox] {\n    display: none;\n  }\n\n  &__input {\n    display: inline-block;\n    position: relative;\n    border: 1px solid $ui-primary-color;\n    box-sizing: border-box;\n    width: 18px;\n    height: 18px;\n    flex: 0 0 auto;\n    margin-right: 10px;\n    top: -1px;\n    border-radius: 50%;\n    vertical-align: middle;\n\n    &.checked {\n      border-color: lighten($ui-highlight-color, 8%);\n      background: lighten($ui-highlight-color, 8%);\n    }\n  }\n}\n",".search {\n  position: relative;\n}\n\n.search__input {\n  @include search-input();\n\n  display: block;\n  padding: 15px;\n  padding-right: 30px;\n  line-height: 18px;\n  font-size: 16px;\n\n  &::placeholder {\n    color: lighten($darker-text-color, 4%);\n  }\n\n  &::-moz-focus-inner {\n    border: 0;\n  }\n\n  &::-moz-focus-inner,\n  &:focus,\n  &:active {\n    outline: 0 !important;\n  }\n\n  &:focus {\n    background: lighten($ui-base-color, 4%);\n  }\n\n  @media screen and (max-width: 600px) {\n    font-size: 16px;\n  }\n}\n\n.search__icon {\n  &::-moz-focus-inner {\n    border: 0;\n  }\n\n  &::-moz-focus-inner,\n  &:focus {\n    outline: 0 !important;\n  }\n\n  .fa {\n    position: absolute;\n    top: 16px;\n    right: 10px;\n    z-index: 2;\n    display: inline-block;\n    opacity: 0;\n    transition: all 100ms linear;\n    transition-property: color, transform, opacity;\n    font-size: 18px;\n    width: 18px;\n    height: 18px;\n    color: $secondary-text-color;\n    cursor: default;\n    pointer-events: none;\n\n    &.active {\n      pointer-events: auto;\n      opacity: 0.3;\n    }\n  }\n\n  .fa-search {\n    transform: rotate(0deg);\n\n    &.active {\n      pointer-events: auto;\n      opacity: 0.3;\n    }\n  }\n\n  .fa-times-circle {\n    top: 17px;\n    transform: rotate(0deg);\n    color: $action-button-color;\n    cursor: pointer;\n\n    &.active {\n      transform: rotate(90deg);\n    }\n\n    &:hover {\n      color: lighten($action-button-color, 7%);\n    }\n  }\n}\n\n.search-results__header {\n  color: $dark-text-color;\n  background: lighten($ui-base-color, 2%);\n  border-bottom: 1px solid darken($ui-base-color, 4%);\n  padding: 15px 10px;\n  font-size: 14px;\n  font-weight: 500;\n}\n\n.search-results__info {\n  padding: 20px;\n  color: $darker-text-color;\n  text-align: center;\n}\n\n.trends {\n  &__header {\n    color: $dark-text-color;\n    background: lighten($ui-base-color, 2%);\n    border-bottom: 1px solid darken($ui-base-color, 4%);\n    font-weight: 500;\n    padding: 15px;\n    font-size: 16px;\n    cursor: default;\n\n    .fa {\n      display: inline-block;\n      margin-right: 5px;\n    }\n  }\n\n  &__item {\n    display: flex;\n    align-items: center;\n    padding: 15px;\n    border-bottom: 1px solid lighten($ui-base-color, 8%);\n\n    &:last-child {\n      border-bottom: 0;\n    }\n\n    &__name {\n      flex: 1 1 auto;\n      color: $dark-text-color;\n      overflow: hidden;\n      text-overflow: ellipsis;\n      white-space: nowrap;\n\n      strong {\n        font-weight: 500;\n      }\n\n      a {\n        color: $darker-text-color;\n        text-decoration: none;\n        font-size: 14px;\n        font-weight: 500;\n        display: block;\n        overflow: hidden;\n        text-overflow: ellipsis;\n        white-space: nowrap;\n\n        &:hover,\n        &:focus,\n        &:active {\n          span {\n            text-decoration: underline;\n          }\n        }\n      }\n    }\n\n    &__current {\n      flex: 0 0 auto;\n      font-size: 24px;\n      line-height: 36px;\n      font-weight: 500;\n      text-align: right;\n      padding-right: 15px;\n      margin-left: 5px;\n      color: $secondary-text-color;\n    }\n\n    &__sparkline {\n      flex: 0 0 auto;\n      width: 50px;\n\n      path:first-child {\n        fill: rgba($highlight-text-color, 0.25) !important;\n        fill-opacity: 1 !important;\n      }\n\n      path:last-child {\n        stroke: lighten($highlight-text-color, 6%) !important;\n      }\n    }\n  }\n}\n",null,".emojione {\n  font-size: inherit;\n  vertical-align: middle;\n  object-fit: contain;\n  margin: -.2ex .15em .2ex;\n  width: 16px;\n  height: 16px;\n\n  img {\n    width: auto;\n  }\n}\n\n.emoji-picker-dropdown__menu {\n  background: $simple-background-color;\n  position: absolute;\n  box-shadow: 4px 4px 6px rgba($base-shadow-color, 0.4);\n  border-radius: 4px;\n  margin-top: 5px;\n  z-index: 2;\n\n  .emoji-mart-scroll {\n    transition: opacity 200ms ease;\n  }\n\n  &.selecting .emoji-mart-scroll {\n    opacity: 0.5;\n  }\n}\n\n.emoji-picker-dropdown__modifiers {\n  position: absolute;\n  top: 60px;\n  right: 11px;\n  cursor: pointer;\n}\n\n.emoji-picker-dropdown__modifiers__menu {\n  position: absolute;\n  z-index: 4;\n  top: -4px;\n  left: -8px;\n  background: $simple-background-color;\n  border-radius: 4px;\n  box-shadow: 1px 2px 6px rgba($base-shadow-color, 0.2);\n  overflow: hidden;\n\n  button {\n    display: block;\n    cursor: pointer;\n    border: 0;\n    padding: 4px 8px;\n    background: transparent;\n\n    &:hover,\n    &:focus,\n    &:active {\n      background: rgba($ui-secondary-color, 0.4);\n    }\n  }\n\n  .emoji-mart-emoji {\n    height: 22px;\n  }\n}\n\n.emoji-mart-emoji {\n  span {\n    background-repeat: no-repeat;\n  }\n}\n\n.emoji-button {\n  display: block;\n  padding: 5px 5px 2px 2px;\n  outline: 0;\n  cursor: pointer;\n\n  &:active,\n  &:focus {\n    outline: 0 !important;\n  }\n\n  img {\n    filter: grayscale(100%);\n    opacity: 0.8;\n    display: block;\n    margin: 0;\n    width: 22px;\n    height: 22px;\n  }\n\n  &:hover,\n  &:active,\n  &:focus {\n    img {\n      opacity: 1;\n      filter: none;\n    }\n  }\n}\n","$doodleBg: #d9e1e8;\n.doodle-modal {\n  @extend .boost-modal;\n  width: unset;\n}\n\n.doodle-modal__container {\n  background: $doodleBg;\n  text-align: center;\n  line-height: 0; // remove weird gap under canvas\n  canvas {\n    border: 5px solid $doodleBg;\n  }\n}\n\n.doodle-modal__action-bar {\n  @extend .boost-modal__action-bar;\n\n  .filler {\n    flex-grow: 1;\n    margin: 0;\n    padding: 0;\n  }\n\n  .doodle-toolbar {\n    line-height: 1;\n\n    display: flex;\n    flex-direction: column;\n    flex-grow: 0;\n    justify-content: space-around;\n\n    &.with-inputs {\n      label {\n        display: inline-block;\n        width: 70px;\n        text-align: right;\n        margin-right: 2px;\n      }\n\n      input[type=\"number\"],input[type=\"text\"] {\n        width: 40px;\n      }\n      span.val {\n        display: inline-block;\n        text-align: left;\n        width: 50px;\n      }\n    }\n  }\n\n  .doodle-palette {\n    padding-right: 0 !important;\n    border: 1px solid black;\n    line-height: .2rem;\n    flex-grow: 0;\n    background: white;\n\n    button {\n      appearance: none;\n      width: 1rem;\n      height: 1rem;\n      margin: 0; padding: 0;\n      text-align: center;\n      color: black;\n      text-shadow: 0 0 1px white;\n      cursor: pointer;\n      box-shadow: inset 0 0 1px rgba(white, .5);\n      border: 1px solid black;\n      outline-offset:-1px;\n\n      &.foreground {\n        outline: 1px dashed white;\n      }\n\n      &.background {\n        outline: 1px dashed red;\n      }\n\n      &.foreground.background {\n        outline: 1px dashed red;\n        border-color: white;\n      }\n    }\n  }\n}\n",".drawer {\n  width: 300px;\n  box-sizing: border-box;\n  display: flex;\n  flex-direction: column;\n  overflow-y: hidden;\n  padding: 10px 5px;\n  flex: none;\n\n  &:first-child {\n    padding-left: 10px;\n  }\n\n  &:last-child {\n    padding-right: 10px;\n  }\n\n  @include single-column('screen and (max-width: 630px)') { flex: auto }\n\n  @include limited-single-column('screen and (max-width: 630px)') {\n    &, &:first-child, &:last-child { padding: 0 }\n  }\n\n  .wide & {\n    min-width: 300px;\n    max-width: 400px;\n    flex: 1 1 200px;\n  }\n\n  @include single-column('screen and (max-width: 630px)') {\n    :root & {  //  Overrides `.wide` for single-column view\n      flex: auto;\n      width: 100%;\n      min-width: 0;\n      max-width: none;\n      padding: 0;\n    }\n  }\n\n  .react-swipeable-view-container & { height: 100% }\n}\n\n.drawer--header {\n  display: flex;\n  flex-direction: row;\n  margin-bottom: 10px;\n  flex: none;\n  background: lighten($ui-base-color, 8%);\n  font-size: 16px;\n\n  & > * {\n    display: block;\n    box-sizing: border-box;\n    border-bottom: 2px solid transparent;\n    padding: 15px 5px 13px;\n    height: 48px;\n    flex: 1 1 auto;\n    color: $darker-text-color;\n    text-align: center;\n    text-decoration: none;\n    cursor: pointer;\n  }\n\n  a {\n    transition: background 100ms ease-in;\n\n    &:focus,\n    &:hover {\n      outline: none;\n      background: lighten($ui-base-color, 3%);\n      transition: background 200ms ease-out;\n    }\n  }\n}\n\n.search {\n  position: relative;\n  margin-bottom: 10px;\n  flex: none;\n\n  @include limited-single-column('screen and (max-width: #{$no-gap-breakpoint})') { margin-bottom: 0 }\n  @include single-column('screen and (max-width: 630px)') { font-size: 16px }\n}\n\n.search-popout {\n  @include search-popout();\n}\n\n.drawer--account {\n  padding: 10px;\n  color: $darker-text-color;\n  display: flex;\n  align-items: center;\n\n  a {\n    color: inherit;\n    text-decoration: none;\n  }\n\n  .acct {\n    display: block;\n    color: $secondary-text-color;\n    font-weight: 500;\n    white-space: nowrap;\n    overflow: hidden;\n    text-overflow: ellipsis;\n  }\n}\n\n.navigation-bar__profile {\n  flex: 1 1 auto;\n  margin-left: 8px;\n  overflow: hidden;\n}\n\n.drawer--results {\n  background: $ui-base-color;\n  overflow-x: hidden;\n  overflow-y: auto;\n\n  & > header {\n    color: $dark-text-color;\n    background: lighten($ui-base-color, 2%);\n    padding: 15px;\n    font-weight: 500;\n    font-size: 16px;\n    cursor: default;\n\n    .fa {\n      display: inline-block;\n      margin-right: 5px;\n    }\n  }\n\n  & > section {\n    margin-bottom: 5px;\n\n    h5 {\n      background: darken($ui-base-color, 4%);\n      border-bottom: 1px solid lighten($ui-base-color, 8%);\n      cursor: default;\n      display: flex;\n      padding: 15px;\n      font-weight: 500;\n      font-size: 16px;\n      color: $dark-text-color;\n\n      .fa {\n        display: inline-block;\n        margin-right: 5px;\n      }\n    }\n\n    .account:last-child,\n    & > div:last-child .status {\n      border-bottom: 0;\n    }\n\n    & > .hashtag {\n      display: block;\n      padding: 10px;\n      color: $secondary-text-color;\n      text-decoration: none;\n\n      &:hover,\n      &:active,\n      &:focus {\n        color: lighten($secondary-text-color, 4%);\n        text-decoration: underline;\n      }\n    }\n  }\n}\n\n.drawer__pager {\n  box-sizing: border-box;\n  padding: 0;\n  flex-grow: 1;\n  position: relative;\n  overflow: hidden;\n  display: flex;\n}\n\n.drawer__inner {\n  position: absolute;\n  top: 0;\n  left: 0;\n  background: lighten($ui-base-color, 13%);\n  box-sizing: border-box;\n  padding: 0;\n  display: flex;\n  flex-direction: column;\n  overflow: hidden;\n  overflow-y: auto;\n  width: 100%;\n  height: 100%;\n\n  &.darker {\n    background: $ui-base-color;\n  }\n}\n\n.drawer__inner__mastodon {\n  background: lighten($ui-base-color, 13%) url('data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 234.80078 31.757813\" width=\"234.80078\" height=\"31.757812\"><path d=\"M19.599609 0c-1.05 0-2.10039.375-2.90039 1.125L0 16.925781v14.832031h234.80078V17.025391l-16.5-15.900391c-1.6-1.5-4.20078-1.5-5.80078 0l-13.80078 13.099609c-1.6 1.5-4.19883 1.5-5.79883 0L179.09961 1.125c-1.6-1.5-4.19883-1.5-5.79883 0L159.5 14.224609c-1.6 1.5-4.20078 1.5-5.80078 0L139.90039 1.125c-1.6-1.5-4.20078-1.5-5.80078 0l-13.79883 13.099609c-1.6 1.5-4.20078 1.5-5.80078 0L100.69922 1.125c-1.600001-1.5-4.198829-1.5-5.798829 0l-13.59961 13.099609c-1.6 1.5-4.200781 1.5-5.800781 0L61.699219 1.125c-1.6-1.5-4.198828-1.5-5.798828 0L42.099609 14.224609c-1.6 1.5-4.198828 1.5-5.798828 0L22.5 1.125C21.7.375 20.649609 0 19.599609 0z\" fill=\"#{hex-color($ui-base-color)}\"/></svg>') no-repeat bottom / 100% auto;\n  flex: 1;\n  min-height: 47px;\n  display: none;\n\n  > img {\n    display: block;\n    object-fit: contain;\n    object-position: bottom left;\n    width: 85%;\n    height: 100%;\n    pointer-events: none;\n    user-drag: none;\n    user-select: none;\n  }\n\n  > .mastodon {\n    display: block;\n    width: 100%;\n    height: 100%;\n    border: none;\n    cursor: inherit;\n  }\n\n  @media screen and (min-height: 640px) {\n    display: block;\n  }\n}\n\n.pseudo-drawer {\n  background: lighten($ui-base-color, 13%);\n  font-size: 13px;\n  text-align: left;\n}\n\n.drawer__backdrop {\n  cursor: pointer;\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  background: rgba($base-overlay-background, 0.5);\n}\n",".video-error-cover {\n  align-items: center;\n  background: $base-overlay-background;\n  color: $primary-text-color;\n  cursor: pointer;\n  display: flex;\n  flex-direction: column;\n  height: 100%;\n  justify-content: center;\n  margin-top: 8px;\n  position: relative;\n  text-align: center;\n  z-index: 100;\n}\n\n.media-spoiler {\n  background: $base-overlay-background;\n  color: $darker-text-color;\n  border: 0;\n  width: 100%;\n  height: 100%;\n\n  &:hover,\n  &:active,\n  &:focus {\n    color: lighten($darker-text-color, 8%);\n  }\n\n  .status__content > & {\n    margin-top: 15px; // Add margin when used bare for NSFW video player\n  }\n  @include fullwidth-gallery;\n}\n\n.media-spoiler__warning {\n  display: block;\n  font-size: 14px;\n}\n\n.media-spoiler__trigger {\n  display: block;\n  font-size: 11px;\n  font-weight: 500;\n}\n\n.media-gallery__gifv__label {\n  display: block;\n  position: absolute;\n  color: $primary-text-color;\n  background: rgba($base-overlay-background, 0.5);\n  bottom: 6px;\n  left: 6px;\n  padding: 2px 6px;\n  border-radius: 2px;\n  font-size: 11px;\n  font-weight: 600;\n  z-index: 1;\n  pointer-events: none;\n  opacity: 0.9;\n  transition: opacity 0.1s ease;\n  line-height: 18px;\n}\n\n.media-gallery__gifv {\n  &:hover {\n    .media-gallery__gifv__label {\n      opacity: 1;\n    }\n  }\n}\n\n.media-gallery__audio {\n  height: 100%;\n  display: flex;\n  flex-direction: column;\n\n  span {\n    text-align: center;\n    color: $darker-text-color;\n    display: flex;\n    height: 100%;\n    align-items: center;\n\n    p {\n      width: 100%;\n    }\n  }\n\n  audio {\n    width: 100%;\n  }\n}\n\n.media-gallery {\n  box-sizing: border-box;\n  margin-top: 8px;\n  overflow: hidden;\n  border-radius: 4px;\n  position: relative;\n  width: 100%;\n  height: 110px;\n\n  @include fullwidth-gallery;\n}\n\n.media-gallery__item {\n  border: none;\n  box-sizing: border-box;\n  display: block;\n  float: left;\n  position: relative;\n  border-radius: 4px;\n  overflow: hidden;\n\n  .full-width & {\n    border-radius: 0;\n  }\n\n  &.standalone {\n    .media-gallery__item-gifv-thumbnail {\n      transform: none;\n      top: 0;\n    }\n  }\n\n  &.letterbox {\n    background: $base-shadow-color;\n  }\n}\n\n.media-gallery__item-thumbnail {\n  cursor: zoom-in;\n  display: block;\n  text-decoration: none;\n  color: $secondary-text-color;\n  position: relative;\n  z-index: 1;\n\n  &,\n  img {\n    height: 100%;\n    width: 100%;\n    object-fit: contain;\n\n    &:not(.letterbox) {\n      height: 100%;\n      object-fit: cover;\n    }\n  }\n}\n\n.media-gallery__preview {\n  width: 100%;\n  height: 100%;\n  object-fit: cover;\n  position: absolute;\n  top: 0;\n  left: 0;\n  z-index: 0;\n  background: $base-overlay-background;\n\n  &--hidden {\n    display: none;\n  }\n}\n\n.media-gallery__gifv {\n  height: 100%;\n  overflow: hidden;\n  position: relative;\n  width: 100%;\n  display: flex;\n  justify-content: center;\n}\n\n.media-gallery__item-gifv-thumbnail {\n  cursor: zoom-in;\n  height: 100%;\n  width: 100%;\n  position: relative;\n  z-index: 1;\n  object-fit: contain;\n  user-select: none;\n\n  &:not(.letterbox) {\n    height: 100%;\n    object-fit: cover;\n  }\n}\n\n.media-gallery__item-thumbnail-label {\n  clip: rect(1px 1px 1px 1px); /* IE6, IE7 */\n  clip: rect(1px, 1px, 1px, 1px);\n  overflow: hidden;\n  position: absolute;\n}\n\n.video-modal__container {\n  max-width: 100vw;\n  max-height: 100vh;\n}\n\n.audio-modal__container {\n  width: 50vw;\n}\n\n.media-modal {\n  width: 100%;\n  height: 100%;\n  position: relative;\n\n  .extended-video-player {\n    width: 100%;\n    height: 100%;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n\n    video {\n      max-width: $media-modal-media-max-width;\n      max-height: $media-modal-media-max-height;\n    }\n  }\n}\n\n.media-modal__closer {\n  position: absolute;\n  top: 0;\n  left: 0;\n  right: 0;\n  bottom: 0;\n}\n\n.media-modal__navigation {\n  position: absolute;\n  top: 0;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  pointer-events: none;\n  transition: opacity 0.3s linear;\n  will-change: opacity;\n\n  * {\n    pointer-events: auto;\n  }\n\n  &.media-modal__navigation--hidden {\n    opacity: 0;\n\n    * {\n      pointer-events: none;\n    }\n  }\n}\n\n.media-modal__nav {\n  background: rgba($base-overlay-background, 0.5);\n  box-sizing: border-box;\n  border: 0;\n  color: $primary-text-color;\n  cursor: pointer;\n  display: flex;\n  align-items: center;\n  font-size: 24px;\n  height: 20vmax;\n  margin: auto 0;\n  padding: 30px 15px;\n  position: absolute;\n  top: 0;\n  bottom: 0;\n}\n\n.media-modal__nav--left {\n  left: 0;\n}\n\n.media-modal__nav--right {\n  right: 0;\n}\n\n.media-modal__pagination {\n  width: 100%;\n  text-align: center;\n  position: absolute;\n  left: 0;\n  bottom: 20px;\n  pointer-events: none;\n}\n\n.media-modal__meta {\n  text-align: center;\n  position: absolute;\n  left: 0;\n  bottom: 20px;\n  width: 100%;\n  pointer-events: none;\n\n  &--shifted {\n    bottom: 62px;\n  }\n\n  a {\n    pointer-events: auto;\n    text-decoration: none;\n    font-weight: 500;\n    color: $ui-secondary-color;\n\n    &:hover,\n    &:focus,\n    &:active {\n      text-decoration: underline;\n    }\n  }\n}\n\n.media-modal__page-dot {\n  display: inline-block;\n}\n\n.media-modal__button {\n  background-color: $white;\n  height: 12px;\n  width: 12px;\n  border-radius: 6px;\n  margin: 10px;\n  padding: 0;\n  border: 0;\n  font-size: 0;\n}\n\n.media-modal__button--active {\n  background-color: $ui-highlight-color;\n}\n\n.media-modal__close {\n  position: absolute;\n  right: 8px;\n  top: 8px;\n  z-index: 100;\n}\n\n.detailed,\n.fullscreen {\n  .video-player__volume__current,\n  .video-player__volume::before {\n    bottom: 27px;\n  }\n\n  .video-player__volume__handle {\n    bottom: 23px;\n  }\n\n}\n\n.audio-player {\n  box-sizing: border-box;\n  position: relative;\n  background: darken($ui-base-color, 8%);\n  border-radius: 4px;\n  padding-bottom: 44px;\n  direction: ltr;\n\n  &.editable {\n    border-radius: 0;\n    height: 100%;\n  }\n\n  &__waveform {\n    padding: 15px 0;\n    position: relative;\n    overflow: hidden;\n\n    &::before {\n      content: \"\";\n      display: block;\n      position: absolute;\n      border-top: 1px solid lighten($ui-base-color, 4%);\n      width: 100%;\n      height: 0;\n      left: 0;\n      top: calc(50% + 1px);\n    }\n  }\n\n  &__progress-placeholder {\n    background-color: rgba(lighten($ui-highlight-color, 8%), 0.5);\n  }\n\n  &__wave-placeholder {\n    background-color: lighten($ui-base-color, 16%);\n  }\n\n  .video-player__controls {\n    padding: 0 15px;\n    padding-top: 10px;\n    background: darken($ui-base-color, 8%);\n    border-top: 1px solid lighten($ui-base-color, 4%);\n    border-radius: 0 0 4px 4px;\n  }\n}\n\n.video-player {\n  overflow: hidden;\n  position: relative;\n  background: $base-shadow-color;\n  max-width: 100%;\n  border-radius: 4px;\n  box-sizing: border-box;\n  direction: ltr;\n\n  &.editable {\n    border-radius: 0;\n    height: 100% !important;\n  }\n\n  &:focus {\n    outline: 0;\n  }\n\n  .detailed-status & {\n    width: 100%;\n    height: 100%;\n  }\n\n  @include fullwidth-gallery;\n\n  video {\n    max-width: 100vw;\n    max-height: 80vh;\n    z-index: 1;\n    position: relative;\n  }\n\n  &.fullscreen {\n    width: 100% !important;\n    height: 100% !important;\n    margin: 0;\n\n    video {\n      max-width: 100% !important;\n      max-height: 100% !important;\n      width: 100% !important;\n      height: 100% !important;\n      outline: 0;\n    }\n  }\n\n  &.inline {\n    video {\n      object-fit: contain;\n      position: relative;\n      top: 50%;\n      transform: translateY(-50%);\n    }\n  }\n\n  &__controls {\n    position: absolute;\n    z-index: 2;\n    bottom: 0;\n    left: 0;\n    right: 0;\n    box-sizing: border-box;\n    background: linear-gradient(0deg, rgba($base-shadow-color, 0.85) 0, rgba($base-shadow-color, 0.45) 60%, transparent);\n    padding: 0 15px;\n    opacity: 0;\n    transition: opacity .1s ease;\n\n    &.active {\n      opacity: 1;\n    }\n  }\n\n  &.inactive {\n    video,\n    .video-player__controls {\n      visibility: hidden;\n    }\n  }\n\n  &__spoiler {\n    display: none;\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n    z-index: 4;\n    border: 0;\n    background: $base-shadow-color;\n    color: $darker-text-color;\n    transition: none;\n    pointer-events: none;\n\n    &.active {\n      display: block;\n      pointer-events: auto;\n\n      &:hover,\n      &:active,\n      &:focus {\n        color: lighten($darker-text-color, 7%);\n      }\n    }\n\n    &__title {\n      display: block;\n      font-size: 14px;\n    }\n\n    &__subtitle {\n      display: block;\n      font-size: 11px;\n      font-weight: 500;\n    }\n  }\n\n  &__buttons-bar {\n    display: flex;\n    justify-content: space-between;\n    padding-bottom: 10px;\n\n    .video-player__download__icon {\n      color: inherit;\n\n      .fa,\n      &:active .fa,\n      &:hover .fa,\n      &:focus .fa {\n        color: inherit;\n      }\n    }\n  }\n\n  &__buttons {\n    font-size: 16px;\n    white-space: nowrap;\n    overflow: hidden;\n    text-overflow: ellipsis;\n\n    &.left {\n      button {\n        padding-left: 0;\n      }\n    }\n\n    &.right {\n      button {\n        padding-right: 0;\n      }\n    }\n\n    button {\n      background: transparent;\n      padding: 2px 10px;\n      font-size: 16px;\n      border: 0;\n      color: rgba($white, 0.75);\n\n      &:active,\n      &:hover,\n      &:focus {\n        color: $white;\n      }\n    }\n  }\n\n  &__time-sep,\n  &__time-total,\n  &__time-current {\n    font-size: 14px;\n    font-weight: 500;\n  }\n\n  &__time-current {\n    color: $white;\n    margin-left: 60px;\n  }\n\n  &__time-sep {\n    display: inline-block;\n    margin: 0 6px;\n  }\n\n  &__time-sep,\n  &__time-total {\n    color: $white;\n  }\n\n  &__volume {\n    cursor: pointer;\n    height: 24px;\n    display: inline;\n\n    &::before {\n      content: \"\";\n      width: 50px;\n      background: rgba($white, 0.35);\n      border-radius: 4px;\n      display: block;\n      position: absolute;\n      height: 4px;\n      left: 70px;\n      bottom: 20px;\n    }\n\n    &__current {\n      display: block;\n      position: absolute;\n      height: 4px;\n      border-radius: 4px;\n      left: 70px;\n      bottom: 20px;\n      background: lighten($ui-highlight-color, 8%);\n    }\n\n    &__handle {\n      position: absolute;\n      z-index: 3;\n      border-radius: 50%;\n      width: 12px;\n      height: 12px;\n      bottom: 16px;\n      left: 70px;\n      transition: opacity .1s ease;\n      background: lighten($ui-highlight-color, 8%);\n      box-shadow: 1px 2px 6px rgba($base-shadow-color, 0.2);\n      pointer-events: none;\n    }\n  }\n\n  &__link {\n    padding: 2px 10px;\n\n    a {\n      text-decoration: none;\n      font-size: 14px;\n      font-weight: 500;\n      color: $white;\n\n      &:hover,\n      &:active,\n      &:focus {\n        text-decoration: underline;\n      }\n    }\n  }\n\n  &__seek {\n    cursor: pointer;\n    height: 24px;\n    position: relative;\n\n    &::before {\n      content: \"\";\n      width: 100%;\n      background: rgba($white, 0.35);\n      border-radius: 4px;\n      display: block;\n      position: absolute;\n      height: 4px;\n      top: 10px;\n    }\n\n    &__progress,\n    &__buffer {\n      display: block;\n      position: absolute;\n      height: 4px;\n      border-radius: 4px;\n      top: 10px;\n      background: lighten($ui-highlight-color, 8%);\n    }\n\n    &__buffer {\n      background: rgba($white, 0.2);\n    }\n\n    &__handle {\n      position: absolute;\n      z-index: 3;\n      opacity: 0;\n      border-radius: 50%;\n      width: 12px;\n      height: 12px;\n      top: 6px;\n      margin-left: -6px;\n      transition: opacity .1s ease;\n      background: lighten($ui-highlight-color, 8%);\n      box-shadow: 1px 2px 6px rgba($base-shadow-color, 0.2);\n      pointer-events: none;\n\n      &.active {\n        opacity: 1;\n      }\n    }\n\n    &:hover {\n      .video-player__seek__handle {\n        opacity: 1;\n      }\n    }\n  }\n\n  &.detailed,\n  &.fullscreen {\n    .video-player__buttons {\n      button {\n        padding-top: 10px;\n        padding-bottom: 10px;\n      }\n    }\n  }\n}\n",".sensitive-info {\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  position: absolute;\n  top: 4px;\n  left: 4px;\n  z-index: 100;\n}\n\n.sensitive-marker {\n  margin: 0 3px;\n  border-radius: 2px;\n  padding: 2px 6px;\n  color: rgba($primary-text-color, 0.8);\n  background: rgba($base-overlay-background, 0.5);\n  font-size: 12px;\n  line-height: 18px;\n  text-transform: uppercase;\n  opacity: .9;\n  transition: opacity .1s ease;\n\n  .media-gallery:hover & { opacity: 1 }\n}\n",".list-editor {\n  background: $ui-base-color;\n  flex-direction: column;\n  border-radius: 8px;\n  box-shadow: 2px 4px 15px rgba($base-shadow-color, 0.4);\n  width: 380px;\n  overflow: hidden;\n\n  @media screen and (max-width: 420px) {\n    width: 90%;\n  }\n\n  h4 {\n    padding: 15px 0;\n    background: lighten($ui-base-color, 13%);\n    font-weight: 500;\n    font-size: 16px;\n    text-align: center;\n    border-radius: 8px 8px 0 0;\n  }\n\n  .drawer__pager {\n    height: 50vh;\n  }\n\n  .drawer__inner {\n    border-radius: 0 0 8px 8px;\n\n    &.backdrop {\n      width: calc(100% - 60px);\n      box-shadow: 2px 4px 15px rgba($base-shadow-color, 0.4);\n      border-radius: 0 0 0 8px;\n    }\n  }\n\n  &__accounts {\n    overflow-y: auto;\n  }\n\n  .account__display-name {\n    &:hover strong {\n      text-decoration: none;\n    }\n  }\n\n  .account__avatar {\n    cursor: default;\n  }\n\n  .search {\n    margin-bottom: 0;\n  }\n}\n\n.list-adder {\n  background: $ui-base-color;\n  flex-direction: column;\n  border-radius: 8px;\n  box-shadow: 2px 4px 15px rgba($base-shadow-color, 0.4);\n  width: 380px;\n  overflow: hidden;\n\n  @media screen and (max-width: 420px) {\n    width: 90%;\n  }\n\n  &__account {\n    background: lighten($ui-base-color, 13%);\n  }\n\n  &__lists {\n    background: lighten($ui-base-color, 13%);\n    height: 50vh;\n    border-radius: 0 0 8px 8px;\n    overflow-y: auto;\n  }\n\n  .list {\n    padding: 10px;\n    border-bottom: 1px solid lighten($ui-base-color, 8%);\n  }\n\n  .list__wrapper {\n    display: flex;\n  }\n\n  .list__display-name {\n    flex: 1 1 auto;\n    overflow: hidden;\n    text-decoration: none;\n    font-size: 16px;\n    padding: 10px;\n  }\n}\n",".emoji-mart {\n  &,\n  * {\n    box-sizing: border-box;\n    line-height: 1.15;\n  }\n\n  font-size: 13px;\n  display: inline-block;\n  color: $inverted-text-color;\n\n  .emoji-mart-emoji {\n    padding: 6px;\n  }\n}\n\n.emoji-mart-bar {\n  border: 0 solid darken($ui-secondary-color, 8%);\n\n  &:first-child {\n    border-bottom-width: 1px;\n    border-top-left-radius: 5px;\n    border-top-right-radius: 5px;\n    background: $ui-secondary-color;\n  }\n\n  &:last-child {\n    border-top-width: 1px;\n    border-bottom-left-radius: 5px;\n    border-bottom-right-radius: 5px;\n    display: none;\n  }\n}\n\n.emoji-mart-anchors {\n  display: flex;\n  justify-content: space-between;\n  padding: 0 6px;\n  color: $lighter-text-color;\n  line-height: 0;\n}\n\n.emoji-mart-anchor {\n  position: relative;\n  flex: 1;\n  text-align: center;\n  padding: 12px 4px;\n  overflow: hidden;\n  transition: color .1s ease-out;\n  cursor: pointer;\n\n  &:hover {\n    color: darken($lighter-text-color, 4%);\n  }\n}\n\n.emoji-mart-anchor-selected {\n  color: $highlight-text-color;\n\n  &:hover {\n    color: darken($highlight-text-color, 4%);\n  }\n\n  .emoji-mart-anchor-bar {\n    bottom: 0;\n  }\n}\n\n.emoji-mart-anchor-bar {\n  position: absolute;\n  bottom: -3px;\n  left: 0;\n  width: 100%;\n  height: 3px;\n  background-color: darken($ui-highlight-color, 3%);\n}\n\n.emoji-mart-anchors {\n  i {\n    display: inline-block;\n    width: 100%;\n    max-width: 22px;\n  }\n\n  svg {\n    fill: currentColor;\n    max-height: 18px;\n  }\n}\n\n.emoji-mart-scroll {\n  overflow-y: scroll;\n  height: 270px;\n  max-height: 35vh;\n  padding: 0 6px 6px;\n  background: $simple-background-color;\n  will-change: transform;\n\n  &::-webkit-scrollbar-track:hover,\n  &::-webkit-scrollbar-track:active {\n    background-color: rgba($base-overlay-background, 0.3);\n  }\n}\n\n.emoji-mart-search {\n  padding: 10px;\n  padding-right: 45px;\n  background: $simple-background-color;\n\n  input {\n    font-size: 14px;\n    font-weight: 400;\n    padding: 7px 9px;\n    font-family: inherit;\n    display: block;\n    width: 100%;\n    background: rgba($ui-secondary-color, 0.3);\n    color: $inverted-text-color;\n    border: 1px solid $ui-secondary-color;\n    border-radius: 4px;\n\n    &::-moz-focus-inner {\n      border: 0;\n    }\n\n    &::-moz-focus-inner,\n    &:focus,\n    &:active {\n      outline: 0 !important;\n    }\n  }\n}\n\n.emoji-mart-category .emoji-mart-emoji {\n  cursor: pointer;\n\n  span {\n    z-index: 1;\n    position: relative;\n    text-align: center;\n  }\n\n  &:hover::before {\n    z-index: 0;\n    content: \"\";\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n    background-color: rgba($ui-secondary-color, 0.7);\n    border-radius: 100%;\n  }\n}\n\n.emoji-mart-category-label {\n  z-index: 2;\n  position: relative;\n  position: -webkit-sticky;\n  position: sticky;\n  top: 0;\n\n  span {\n    display: block;\n    width: 100%;\n    font-weight: 500;\n    padding: 5px 6px;\n    background: $simple-background-color;\n  }\n}\n\n.emoji-mart-emoji {\n  position: relative;\n  display: inline-block;\n  font-size: 0;\n\n  span {\n    width: 22px;\n    height: 22px;\n  }\n}\n\n.emoji-mart-no-results {\n  font-size: 14px;\n  text-align: center;\n  padding-top: 70px;\n  color: $light-text-color;\n\n  .emoji-mart-category-label {\n    display: none;\n  }\n\n  .emoji-mart-no-results-label {\n    margin-top: .2em;\n  }\n\n  .emoji-mart-emoji:hover::before {\n    content: none;\n  }\n}\n\n.emoji-mart-preview {\n  display: none;\n}\n",".glitch.local-settings {\n  position: relative;\n  display: flex;\n  flex-direction: row;\n  background: $ui-secondary-color;\n  color: $inverted-text-color;\n  border-radius: 8px;\n  height: 80vh;\n  width: 80vw;\n  max-width: 740px;\n  max-height: 450px;\n  overflow: hidden;\n\n  label, legend {\n    display: block;\n    font-size: 14px;\n  }\n\n  .boolean label, .radio_buttons label {\n    position: relative;\n    padding-left: 28px;\n    padding-top: 3px;\n\n    input {\n      position: absolute;\n      left: 0;\n      top: 0;\n    }\n  }\n\n  span.hint {\n    display: block;\n    color: $lighter-text-color;\n  }\n\n  h1 {\n    font-size: 18px;\n    font-weight: 500;\n    line-height: 24px;\n    margin-bottom: 20px;\n  }\n\n  h2 {\n    font-size: 15px;\n    font-weight: 500;\n    line-height: 20px;\n    margin-top: 20px;\n    margin-bottom: 10px;\n  }\n}\n\n.glitch.local-settings__navigation__item {\n  display: block;\n  padding: 15px 20px;\n  color: inherit;\n  background: lighten($ui-secondary-color, 8%);\n  border-bottom: 1px $ui-secondary-color solid;\n  cursor: pointer;\n  text-decoration: none;\n  outline: none;\n  transition: background .3s;\n\n  .text-icon-button {\n    color: inherit;\n    transition: unset;\n  }\n\n  &:hover {\n    background: $ui-secondary-color;\n  }\n\n  &.active {\n    background: $ui-highlight-color;\n    color: $primary-text-color;\n  }\n\n  &.close, &.close:hover {\n    background: $error-value-color;\n    color: $primary-text-color;\n  }\n}\n\n.glitch.local-settings__navigation {\n  background: lighten($ui-secondary-color, 8%);\n  width: 212px;\n  font-size: 15px;\n  line-height: 20px;\n  overflow-y: auto;\n}\n\n.glitch.local-settings__page {\n  display: block;\n  flex: auto;\n  padding: 15px 20px 15px 20px;\n  width: 360px;\n  overflow-y: auto;\n}\n\n.glitch.local-settings__page__item {\n  margin-bottom: 2px;\n}\n\n.glitch.local-settings__page__item.string,\n.glitch.local-settings__page__item.radio_buttons {\n  margin-top: 10px;\n  margin-bottom: 10px;\n}\n\n@media screen and (max-width: 630px) {\n  .glitch.local-settings__navigation {\n    width: 40px;\n    flex-shrink: 0;\n  }\n\n  .glitch.local-settings__navigation__item {\n    padding: 10px;\n\n    span:last-of-type {\n      display: none;\n    }\n  }\n}\n",".error-boundary {\n  color: $primary-text-color;\n  font-size: 15px;\n  line-height: 20px;\n\n  h1 {\n    font-size: 26px;\n    line-height: 36px;\n    font-weight: 400;\n    margin-bottom: 8px;\n  }\n\n  a {\n    color: $primary-text-color;\n    text-decoration: underline;\n  }\n\n  ul {\n    list-style: disc;\n    margin-left: 0;\n    padding-left: 1em;\n  }\n\n  textarea.web_app_crash-stacktrace {\n    width: 100%;\n    resize: none;\n    white-space: pre;\n    font-family: $font-monospace, monospace;\n  }\n}\n",".compose-panel {\n  width: 285px;\n  margin-top: 10px;\n  display: flex;\n  flex-direction: column;\n  height: calc(100% - 10px);\n  overflow-y: hidden;\n\n  .search__input {\n    line-height: 18px;\n    font-size: 16px;\n    padding: 15px;\n    padding-right: 30px;\n  }\n\n  .search__icon .fa {\n    top: 15px;\n  }\n\n  .drawer--account {\n    flex: 0 1 48px;\n  }\n\n  .flex-spacer {\n    background: transparent;\n  }\n\n  .composer {\n    flex: 1;\n    overflow-y: hidden;\n    display: flex;\n    flex-direction: column;\n    min-height: 310px;\n  }\n\n  .compose-form__autosuggest-wrapper {\n    overflow-y: auto;\n    background-color: $white;\n    border-radius: 4px 4px 0 0;\n    flex: 0 1 auto;\n  }\n\n  .autosuggest-textarea__textarea {\n    overflow-y: hidden;\n  }\n\n  .compose-form__upload-thumbnail {\n    height: 80px;\n  }\n}\n\n.navigation-panel {\n  margin-top: 10px;\n  margin-bottom: 10px;\n  height: calc(100% - 20px);\n  overflow-y: auto;\n  display: flex;\n  flex-direction: column;\n\n  & > a {\n    flex: 0 0 auto;\n  }\n\n  hr {\n    flex: 0 0 auto;\n    border: 0;\n    background: transparent;\n    border-top: 1px solid lighten($ui-base-color, 4%);\n    margin: 10px 0;\n  }\n\n  .flex-spacer {\n    background: transparent;\n  }\n}\n\n@media screen and (min-width: 600px) {\n  .tabs-bar__link {\n    span {\n      display: inline;\n    }\n  }\n}\n\n.columns-area--mobile {\n  flex-direction: column;\n  width: 100%;\n  margin: 0 auto;\n\n  .column,\n  .drawer {\n    width: 100%;\n    height: 100%;\n    padding: 0;\n  }\n\n  .directory__list {\n    display: grid;\n    grid-gap: 10px;\n    grid-template-columns: minmax(0, 50%) minmax(0, 50%);\n\n    @media screen and (max-width: $no-gap-breakpoint) {\n      display: block;\n    }\n  }\n\n  .directory__card {\n    margin-bottom: 0;\n  }\n\n  .filter-form {\n    display: flex;\n  }\n\n  .autosuggest-textarea__textarea {\n    font-size: 16px;\n  }\n\n  .search__input {\n    line-height: 18px;\n    font-size: 16px;\n    padding: 15px;\n    padding-right: 30px;\n  }\n\n  .search__icon .fa {\n    top: 15px;\n  }\n\n  .scrollable {\n    overflow: visible;\n\n    @supports(display: grid) {\n      contain: content;\n    }\n  }\n\n  @media screen and (min-width: $no-gap-breakpoint) {\n    padding: 10px 0;\n    padding-top: 0;\n  }\n\n  @media screen and (min-width: 630px) {\n    .detailed-status {\n      padding: 15px;\n\n      .media-gallery,\n      .video-player,\n      .audio-player {\n        margin-top: 15px;\n      }\n    }\n\n    .account__header__bar {\n      padding: 5px 10px;\n    }\n\n    .navigation-bar,\n    .compose-form {\n      padding: 15px;\n    }\n\n    .compose-form .compose-form__publish .compose-form__publish-button-wrapper {\n      padding-top: 15px;\n    }\n\n    .status {\n      padding: 15px;\n      min-height: 48px + 2px;\n\n      .media-gallery,\n      &__action-bar,\n      .video-player,\n      .audio-player {\n        margin-top: 10px;\n      }\n    }\n\n    .account {\n      padding: 15px 10px;\n\n      &__header__bio {\n        margin: 0 -10px;\n      }\n    }\n\n    .notification {\n      &__message {\n        padding-top: 15px;\n      }\n\n      .status {\n        padding-top: 8px;\n      }\n\n      .account {\n        padding-top: 8px;\n      }\n    }\n  }\n}\n\n.floating-action-button {\n  position: fixed;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  width: 3.9375rem;\n  height: 3.9375rem;\n  bottom: 1.3125rem;\n  right: 1.3125rem;\n  background: darken($ui-highlight-color, 3%);\n  color: $white;\n  border-radius: 50%;\n  font-size: 21px;\n  line-height: 21px;\n  text-decoration: none;\n  box-shadow: 2px 3px 9px rgba($base-shadow-color, 0.4);\n\n  &:hover,\n  &:focus,\n  &:active {\n    background: lighten($ui-highlight-color, 7%);\n  }\n}\n\n@media screen and (min-width: $no-gap-breakpoint) {\n  .tabs-bar {\n    width: 100%;\n  }\n\n  .react-swipeable-view-container .columns-area--mobile {\n    height: calc(100% - 10px) !important;\n  }\n\n  .getting-started__wrapper,\n  .search {\n    margin-bottom: 10px;\n  }\n}\n\n@media screen and (max-width: 600px + (285px * 1) + (10px * 1)) {\n  .columns-area__panels__pane--compositional {\n    display: none;\n  }\n}\n\n@media screen and (min-width: 600px + (285px * 1) + (10px * 1)) {\n  .floating-action-button,\n  .tabs-bar__link.optional {\n    display: none;\n  }\n\n  .search-page .search {\n    display: none;\n  }\n}\n\n@media screen and (max-width: 600px + (285px * 2) + (10px * 2)) {\n  .columns-area__panels__pane--navigational {\n    display: none;\n  }\n}\n\n@media screen and (min-width: 600px + (285px * 2) + (10px * 2)) {\n  .tabs-bar {\n    display: none;\n  }\n}\n",".announcements__item__content {\n  word-wrap: break-word;\n  overflow-y: auto;\n\n  .emojione {\n    width: 20px;\n    height: 20px;\n    margin: -3px 0 0;\n  }\n\n  p {\n    margin-bottom: 10px;\n    white-space: pre-wrap;\n\n    &:last-child {\n      margin-bottom: 0;\n    }\n  }\n\n  a {\n    color: $secondary-text-color;\n    text-decoration: none;\n\n    &:hover {\n      text-decoration: underline;\n    }\n\n    &.mention {\n      &:hover {\n        text-decoration: none;\n\n        span {\n          text-decoration: underline;\n        }\n      }\n    }\n\n    &.unhandled-link {\n      color: lighten($ui-highlight-color, 8%);\n    }\n  }\n}\n\n.announcements {\n  background: lighten($ui-base-color, 8%);\n  font-size: 13px;\n  display: flex;\n  align-items: flex-end;\n\n  &__mastodon {\n    width: 124px;\n    flex: 0 0 auto;\n\n    @media screen and (max-width: 124px + 300px) {\n      display: none;\n    }\n  }\n\n  &__container {\n    width: calc(100% - 124px);\n    flex: 0 0 auto;\n    position: relative;\n\n    @media screen and (max-width: 124px + 300px) {\n      width: 100%;\n    }\n  }\n\n  &__item {\n    box-sizing: border-box;\n    width: 100%;\n    padding: 15px;\n    position: relative;\n    font-size: 15px;\n    line-height: 20px;\n    word-wrap: break-word;\n    font-weight: 400;\n    max-height: 50vh;\n    overflow: hidden;\n    display: flex;\n    flex-direction: column;\n\n    &__range {\n      display: block;\n      font-weight: 500;\n      margin-bottom: 10px;\n      padding-right: 18px;\n    }\n\n    &__unread {\n      position: absolute;\n      top: 19px;\n      right: 19px;\n      display: block;\n      background: $highlight-text-color;\n      border-radius: 50%;\n      width: 0.625rem;\n      height: 0.625rem;\n    }\n  }\n\n  &__pagination {\n    padding: 15px;\n    color: $darker-text-color;\n    position: absolute;\n    bottom: 3px;\n    right: 0;\n  }\n}\n\n.layout-multiple-columns .announcements__mastodon {\n  display: none;\n}\n\n.layout-multiple-columns .announcements__container {\n  width: 100%;\n}\n\n.reactions-bar {\n  display: flex;\n  flex-wrap: wrap;\n  align-items: center;\n  margin-top: 15px;\n  margin-left: -2px;\n  width: calc(100% - (90px - 33px));\n\n  &__item {\n    flex-shrink: 0;\n    background: lighten($ui-base-color, 12%);\n    border: 0;\n    border-radius: 3px;\n    margin: 2px;\n    cursor: pointer;\n    user-select: none;\n    padding: 0 6px;\n    display: flex;\n    align-items: center;\n    transition: all 100ms ease-in;\n    transition-property: background-color, color;\n\n    &__emoji {\n      display: block;\n      margin: 3px 0;\n      width: 16px;\n      height: 16px;\n\n      img {\n        display: block;\n        margin: 0;\n        width: 100%;\n        height: 100%;\n        min-width: auto;\n        min-height: auto;\n        vertical-align: bottom;\n        object-fit: contain;\n      }\n    }\n\n    &__count {\n      display: block;\n      min-width: 9px;\n      font-size: 13px;\n      font-weight: 500;\n      text-align: center;\n      margin-left: 6px;\n      color: $darker-text-color;\n    }\n\n    &:hover,\n    &:focus,\n    &:active {\n      background: lighten($ui-base-color, 16%);\n      transition: all 200ms ease-out;\n      transition-property: background-color, color;\n\n      &__count {\n        color: lighten($darker-text-color, 4%);\n      }\n    }\n\n    &.active {\n      transition: all 100ms ease-in;\n      transition-property: background-color, color;\n      background-color: mix(lighten($ui-base-color, 12%), $ui-highlight-color, 80%);\n\n      .reactions-bar__item__count {\n        color: lighten($highlight-text-color, 8%);\n      }\n    }\n  }\n\n  .emoji-picker-dropdown {\n    margin: 2px;\n  }\n\n  &:hover .emoji-button {\n    opacity: 0.85;\n  }\n\n  .emoji-button {\n    color: $darker-text-color;\n    margin: 0;\n    font-size: 16px;\n    width: auto;\n    flex-shrink: 0;\n    padding: 0 6px;\n    height: 22px;\n    display: flex;\n    align-items: center;\n    opacity: 0.5;\n    transition: all 100ms ease-in;\n    transition-property: background-color, color;\n\n    &:hover,\n    &:active,\n    &:focus {\n      opacity: 1;\n      color: lighten($darker-text-color, 4%);\n      transition: all 200ms ease-out;\n      transition-property: background-color, color;\n    }\n  }\n\n  &--empty {\n    .emoji-button {\n      padding: 0;\n    }\n  }\n}\n",".poll {\n  margin-top: 16px;\n  font-size: 14px;\n\n  ul,\n  .e-content & ul {\n    margin: 0;\n    list-style: none;\n  }\n\n  li {\n    margin-bottom: 10px;\n    position: relative;\n  }\n\n  &__chart {\n    border-radius: 4px;\n    display: block;\n    background: darken($ui-primary-color, 5%);\n    height: 5px;\n    min-width: 1%;\n\n    &.leading {\n      background: $ui-highlight-color;\n    }\n  }\n\n  &__option {\n    position: relative;\n    display: flex;\n    padding: 6px 0;\n    line-height: 18px;\n    cursor: default;\n    overflow: hidden;\n\n    &__text {\n      display: inline-block;\n      word-wrap: break-word;\n      overflow-wrap: break-word;\n      max-width: calc(100% - 45px - 25px);\n    }\n\n    input[type=radio],\n    input[type=checkbox] {\n      display: none;\n    }\n\n    .autossugest-input {\n      flex: 1 1 auto;\n    }\n\n    input[type=text] {\n      display: block;\n      box-sizing: border-box;\n      width: 100%;\n      font-size: 14px;\n      color: $inverted-text-color;\n      display: block;\n      outline: 0;\n      font-family: inherit;\n      background: $simple-background-color;\n      border: 1px solid darken($simple-background-color, 14%);\n      border-radius: 4px;\n      padding: 6px 10px;\n\n      &:focus {\n        border-color: $highlight-text-color;\n      }\n    }\n\n    &.selectable {\n      cursor: pointer;\n    }\n\n    &.editable {\n      display: flex;\n      align-items: center;\n      overflow: visible;\n    }\n  }\n\n  &__input {\n    display: inline-block;\n    position: relative;\n    border: 1px solid $ui-primary-color;\n    box-sizing: border-box;\n    width: 18px;\n    height: 18px;\n    flex: 0 0 auto;\n    margin-right: 10px;\n    top: -1px;\n    border-radius: 50%;\n    vertical-align: middle;\n    margin-top: auto;\n    margin-bottom: auto;\n    flex: 0 0 18px;\n\n    &.checkbox {\n      border-radius: 4px;\n    }\n\n    &.active {\n      border-color: $valid-value-color;\n      background: $valid-value-color;\n    }\n\n    &:active,\n    &:focus,\n    &:hover {\n      border-color: lighten($valid-value-color, 15%);\n      border-width: 4px;\n    }\n\n    &::-moz-focus-inner {\n      outline: 0 !important;\n      border: 0;\n    }\n\n    &:focus,\n    &:active {\n      outline: 0 !important;\n    }\n  }\n\n  &__number {\n    display: inline-block;\n    width: 45px;\n    font-weight: 700;\n    flex: 0 0 45px;\n  }\n\n  &__voted {\n    padding: 0 5px;\n    display: inline-block;\n\n    &__mark {\n      font-size: 18px;\n    }\n  }\n\n  &__footer {\n    padding-top: 6px;\n    padding-bottom: 5px;\n    color: $dark-text-color;\n  }\n\n  &__link {\n    display: inline;\n    background: transparent;\n    padding: 0;\n    margin: 0;\n    border: 0;\n    color: $dark-text-color;\n    text-decoration: underline;\n    font-size: inherit;\n\n    &:hover {\n      text-decoration: none;\n    }\n\n    &:active,\n    &:focus {\n      background-color: rgba($dark-text-color, .1);\n    }\n  }\n\n  .button {\n    height: 36px;\n    padding: 0 16px;\n    margin-right: 10px;\n    font-size: 14px;\n  }\n}\n\n.compose-form__poll-wrapper {\n  border-top: 1px solid darken($simple-background-color, 8%);\n  overflow-x: hidden;\n\n  ul {\n    padding: 10px;\n  }\n\n  .poll__footer {\n    border-top: 1px solid darken($simple-background-color, 8%);\n    padding: 10px;\n    display: flex;\n    align-items: center;\n\n    button,\n    select {\n      width: 100%;\n      flex: 1 1 50%;\n\n      &:focus {\n        border-color: $highlight-text-color;\n      }\n    }\n  }\n\n  .button.button-secondary {\n    font-size: 14px;\n    font-weight: 400;\n    padding: 6px 10px;\n    height: auto;\n    line-height: inherit;\n    color: $action-button-color;\n    border-color: $action-button-color;\n    margin-right: 5px;\n  }\n\n  li {\n    display: flex;\n    align-items: center;\n\n    .poll__option {\n      flex: 0 0 auto;\n      width: calc(100% - (23px + 6px));\n      margin-right: 6px;\n    }\n  }\n\n  select {\n    appearance: none;\n    box-sizing: border-box;\n    font-size: 14px;\n    color: $inverted-text-color;\n    display: inline-block;\n    width: auto;\n    outline: 0;\n    font-family: inherit;\n    background: $simple-background-color url(\"data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14.933 18.467' height='19.698' width='15.929'><path d='M3.467 14.967l-3.393-3.5H14.86l-3.392 3.5c-1.866 1.925-3.666 3.5-4 3.5-.335 0-2.135-1.575-4-3.5zm.266-11.234L7.467 0 11.2 3.733l3.733 3.734H0l3.733-3.734z' fill='#{hex-color(darken($simple-background-color, 14%))}'/></svg>\") no-repeat right 8px center / auto 16px;\n    border: 1px solid darken($simple-background-color, 14%);\n    border-radius: 4px;\n    padding: 6px 10px;\n    padding-right: 30px;\n  }\n\n  .icon-button.disabled {\n    color: darken($simple-background-color, 14%);\n  }\n}\n\n.muted .poll {\n  color: $dark-text-color;\n\n  &__chart {\n    background: rgba(darken($ui-primary-color, 14%), 0.2);\n\n    &.leading {\n      background: rgba($ui-highlight-color, 0.2);\n    }\n  }\n}\n","$maximum-width: 1235px;\n$fluid-breakpoint: $maximum-width + 20px;\n$column-breakpoint: 700px;\n$small-breakpoint: 960px;\n\n.container {\n  box-sizing: border-box;\n  max-width: $maximum-width;\n  margin: 0 auto;\n  position: relative;\n\n  @media screen and (max-width: $fluid-breakpoint) {\n    width: 100%;\n    padding: 0 10px;\n  }\n}\n\n.rich-formatting {\n  font-family: $font-sans-serif, sans-serif;\n  font-size: 14px;\n  font-weight: 400;\n  line-height: 1.7;\n  word-wrap: break-word;\n  color: $darker-text-color;\n\n  a {\n    color: $highlight-text-color;\n    text-decoration: underline;\n\n    &:hover,\n    &:focus,\n    &:active {\n      text-decoration: none;\n    }\n  }\n\n  p,\n  li {\n    color: $darker-text-color;\n  }\n\n  p {\n    margin-top: 0;\n    margin-bottom: .85em;\n\n    &:last-child {\n      margin-bottom: 0;\n    }\n  }\n\n  strong {\n    font-weight: 700;\n    color: $secondary-text-color;\n  }\n\n  em {\n    font-style: italic;\n    color: $secondary-text-color;\n  }\n\n  code {\n    font-size: 0.85em;\n    background: darken($ui-base-color, 8%);\n    border-radius: 4px;\n    padding: 0.2em 0.3em;\n  }\n\n  h1,\n  h2,\n  h3,\n  h4,\n  h5,\n  h6 {\n    font-family: $font-display, sans-serif;\n    margin-top: 1.275em;\n    margin-bottom: .85em;\n    font-weight: 500;\n    color: $secondary-text-color;\n  }\n\n  h1 {\n    font-size: 2em;\n  }\n\n  h2 {\n    font-size: 1.75em;\n  }\n\n  h3 {\n    font-size: 1.5em;\n  }\n\n  h4 {\n    font-size: 1.25em;\n  }\n\n  h5,\n  h6 {\n    font-size: 1em;\n  }\n\n  ul {\n    list-style: disc;\n  }\n\n  ol {\n    list-style: decimal;\n  }\n\n  ul,\n  ol {\n    margin: 0;\n    padding: 0;\n    padding-left: 2em;\n    margin-bottom: 0.85em;\n\n    &[type='a'] {\n      list-style-type: lower-alpha;\n    }\n\n    &[type='i'] {\n      list-style-type: lower-roman;\n    }\n  }\n\n  hr {\n    width: 100%;\n    height: 0;\n    border: 0;\n    border-bottom: 1px solid lighten($ui-base-color, 4%);\n    margin: 1.7em 0;\n\n    &.spacer {\n      height: 1px;\n      border: 0;\n    }\n  }\n\n  table {\n    width: 100%;\n    border-collapse: collapse;\n    break-inside: auto;\n    margin-top: 24px;\n    margin-bottom: 32px;\n\n    thead tr,\n    tbody tr {\n      border-bottom: 1px solid lighten($ui-base-color, 4%);\n      font-size: 1em;\n      line-height: 1.625;\n      font-weight: 400;\n      text-align: left;\n      color: $darker-text-color;\n    }\n\n    thead tr {\n      border-bottom-width: 2px;\n      line-height: 1.5;\n      font-weight: 500;\n      color: $dark-text-color;\n    }\n\n    th,\n    td {\n      padding: 8px;\n      align-self: start;\n      align-items: start;\n      word-break: break-all;\n\n      &.nowrap {\n        width: 25%;\n        position: relative;\n\n        &::before {\n          content: '&nbsp;';\n          visibility: hidden;\n        }\n\n        span {\n          position: absolute;\n          left: 8px;\n          right: 8px;\n          white-space: nowrap;\n          overflow: hidden;\n          text-overflow: ellipsis;\n        }\n      }\n    }\n  }\n\n  & > :first-child {\n    margin-top: 0;\n  }\n}\n\n.information-board {\n  background: darken($ui-base-color, 4%);\n  padding: 20px 0;\n\n  .container-alt {\n    position: relative;\n    padding-right: 280px + 15px;\n  }\n\n  &__sections {\n    display: flex;\n    justify-content: space-between;\n    flex-wrap: wrap;\n  }\n\n  &__section {\n    flex: 1 0 0;\n    font-family: $font-sans-serif, sans-serif;\n    font-size: 16px;\n    line-height: 28px;\n    color: $primary-text-color;\n    text-align: right;\n    padding: 10px 15px;\n\n    span,\n    strong {\n      display: block;\n    }\n\n    span {\n      &:last-child {\n        color: $secondary-text-color;\n      }\n    }\n\n    strong {\n      font-family: $font-display, sans-serif;\n      font-weight: 500;\n      font-size: 32px;\n      line-height: 48px;\n    }\n\n    @media screen and (max-width: $column-breakpoint) {\n      text-align: center;\n    }\n  }\n\n  .panel {\n    position: absolute;\n    width: 280px;\n    box-sizing: border-box;\n    background: darken($ui-base-color, 8%);\n    padding: 20px;\n    padding-top: 10px;\n    border-radius: 4px 4px 0 0;\n    right: 0;\n    bottom: -40px;\n\n    .panel-header {\n      font-family: $font-display, sans-serif;\n      font-size: 14px;\n      line-height: 24px;\n      font-weight: 500;\n      color: $darker-text-color;\n      padding-bottom: 5px;\n      margin-bottom: 15px;\n      border-bottom: 1px solid lighten($ui-base-color, 4%);\n      text-overflow: ellipsis;\n      white-space: nowrap;\n      overflow: hidden;\n\n      a,\n      span {\n        font-weight: 400;\n        color: darken($darker-text-color, 10%);\n      }\n\n      a {\n        text-decoration: none;\n      }\n    }\n  }\n\n  .owner {\n    text-align: center;\n\n    .avatar {\n      width: 80px;\n      height: 80px;\n      @include avatar-size(80px);\n      margin: 0 auto;\n      margin-bottom: 15px;\n\n      img {\n        display: block;\n        width: 80px;\n        height: 80px;\n        border-radius: 48px;\n        @include avatar-radius();\n      }\n    }\n\n    .name {\n      font-size: 14px;\n\n      a {\n        display: block;\n        color: $primary-text-color;\n        text-decoration: none;\n\n        &:hover {\n          .display_name {\n            text-decoration: underline;\n          }\n        }\n      }\n\n      .username {\n        display: block;\n        color: $darker-text-color;\n      }\n    }\n  }\n}\n\n.landing-page {\n  p,\n  li {\n    font-family: $font-sans-serif, sans-serif;\n    font-size: 16px;\n    font-weight: 400;\n    font-size: 16px;\n    line-height: 30px;\n    margin-bottom: 12px;\n    color: $darker-text-color;\n\n    a {\n      color: $highlight-text-color;\n      text-decoration: underline;\n    }\n  }\n\n  em {\n    display: inline;\n    margin: 0;\n    padding: 0;\n    font-weight: 700;\n    background: transparent;\n    font-family: inherit;\n    font-size: inherit;\n    line-height: inherit;\n    color: lighten($darker-text-color, 10%);\n  }\n\n  h1 {\n    font-family: $font-display, sans-serif;\n    font-size: 26px;\n    line-height: 30px;\n    font-weight: 500;\n    margin-bottom: 20px;\n    color: $secondary-text-color;\n\n    small {\n      font-family: $font-sans-serif, sans-serif;\n      display: block;\n      font-size: 18px;\n      font-weight: 400;\n      color: lighten($darker-text-color, 10%);\n    }\n  }\n\n  h2 {\n    font-family: $font-display, sans-serif;\n    font-size: 22px;\n    line-height: 26px;\n    font-weight: 500;\n    margin-bottom: 20px;\n    color: $secondary-text-color;\n  }\n\n  h3 {\n    font-family: $font-display, sans-serif;\n    font-size: 18px;\n    line-height: 24px;\n    font-weight: 500;\n    margin-bottom: 20px;\n    color: $secondary-text-color;\n  }\n\n  h4 {\n    font-family: $font-display, sans-serif;\n    font-size: 16px;\n    line-height: 24px;\n    font-weight: 500;\n    margin-bottom: 20px;\n    color: $secondary-text-color;\n  }\n\n  h5 {\n    font-family: $font-display, sans-serif;\n    font-size: 14px;\n    line-height: 24px;\n    font-weight: 500;\n    margin-bottom: 20px;\n    color: $secondary-text-color;\n  }\n\n  h6 {\n    font-family: $font-display, sans-serif;\n    font-size: 12px;\n    line-height: 24px;\n    font-weight: 500;\n    margin-bottom: 20px;\n    color: $secondary-text-color;\n  }\n\n  ul,\n  ol {\n    margin-left: 20px;\n\n    &[type='a'] {\n      list-style-type: lower-alpha;\n    }\n\n    &[type='i'] {\n      list-style-type: lower-roman;\n    }\n  }\n\n  ul {\n    list-style: disc;\n  }\n\n  ol {\n    list-style: decimal;\n  }\n\n  li > ol,\n  li > ul {\n    margin-top: 6px;\n  }\n\n  hr {\n    width: 100%;\n    height: 0;\n    border: 0;\n    border-bottom: 1px solid rgba($ui-base-lighter-color, .6);\n    margin: 20px 0;\n\n    &.spacer {\n      height: 1px;\n      border: 0;\n    }\n  }\n\n  &__information,\n  &__forms {\n    padding: 20px;\n  }\n\n  &__call-to-action {\n    background: $ui-base-color;\n    border-radius: 4px;\n    padding: 25px 40px;\n    overflow: hidden;\n    box-sizing: border-box;\n\n    .row {\n      width: 100%;\n      display: flex;\n      flex-direction: row-reverse;\n      flex-wrap: nowrap;\n      justify-content: space-between;\n      align-items: center;\n    }\n\n    .row__information-board {\n      display: flex;\n      justify-content: flex-end;\n      align-items: flex-end;\n\n      .information-board__section {\n        flex: 1 0 auto;\n        padding: 0 10px;\n      }\n\n      @media screen and (max-width: $no-gap-breakpoint) {\n        width: 100%;\n        justify-content: space-between;\n      }\n    }\n\n    .row__mascot {\n      flex: 1;\n      margin: 10px -50px 0 0;\n\n      @media screen and (max-width: $no-gap-breakpoint) {\n        display: none;\n      }\n    }\n  }\n\n  &__logo {\n    margin-right: 20px;\n\n    img {\n      height: 50px;\n      width: auto;\n      mix-blend-mode: lighten;\n    }\n  }\n\n  &__information {\n    padding: 45px 40px;\n    margin-bottom: 10px;\n\n    &:last-child {\n      margin-bottom: 0;\n    }\n\n    strong {\n      font-weight: 500;\n      color: lighten($darker-text-color, 10%);\n    }\n\n    .account {\n      border-bottom: 0;\n      padding: 0;\n\n      &__display-name {\n        align-items: center;\n        display: flex;\n        margin-right: 5px;\n      }\n\n      div.account__display-name {\n        &:hover {\n          .display-name strong {\n            text-decoration: none;\n          }\n        }\n\n        .account__avatar {\n          cursor: default;\n        }\n      }\n\n      &__avatar-wrapper {\n        margin-left: 0;\n        flex: 0 0 auto;\n      }\n\n      &__avatar {\n        width: 44px;\n        height: 44px;\n        background-size: 44px 44px;\n        @include avatar-size(44px);\n      }\n\n      .display-name {\n        font-size: 15px;\n\n        &__account {\n          font-size: 14px;\n        }\n      }\n    }\n\n    @media screen and (max-width: $small-breakpoint) {\n      .contact {\n        margin-top: 30px;\n      }\n    }\n\n    @media screen and (max-width: $column-breakpoint) {\n      padding: 25px 20px;\n    }\n  }\n\n  &__information,\n  &__forms,\n  #mastodon-timeline {\n    box-sizing: border-box;\n    background: $ui-base-color;\n    border-radius: 4px;\n    box-shadow: 0 0 6px rgba($black, 0.1);\n  }\n\n  &__mascot {\n    height: 104px;\n    position: relative;\n    left: -40px;\n    bottom: 25px;\n\n    img {\n      height: 190px;\n      width: auto;\n    }\n  }\n\n  &__short-description {\n    .row {\n      display: flex;\n      flex-wrap: wrap;\n      align-items: center;\n      margin-bottom: 40px;\n    }\n\n    @media screen and (max-width: $column-breakpoint) {\n      .row {\n        margin-bottom: 20px;\n      }\n    }\n\n    p a {\n      color: $secondary-text-color;\n    }\n\n    h1 {\n      font-weight: 500;\n      color: $primary-text-color;\n      margin-bottom: 0;\n\n      small {\n        color: $darker-text-color;\n\n        span {\n          color: $secondary-text-color;\n        }\n      }\n    }\n\n    p:last-child {\n      margin-bottom: 0;\n    }\n  }\n\n  &__hero {\n    margin-bottom: 10px;\n\n    img {\n      display: block;\n      margin: 0;\n      max-width: 100%;\n      height: auto;\n      border-radius: 4px;\n    }\n  }\n\n  @media screen and (max-width: 840px) {\n    .information-board {\n      .container-alt {\n        padding-right: 20px;\n      }\n\n      .panel {\n        position: static;\n        margin-top: 20px;\n        width: 100%;\n        border-radius: 4px;\n\n        .panel-header {\n          text-align: center;\n        }\n      }\n    }\n  }\n\n  @media screen and (max-width: 675px) {\n    .header-wrapper {\n      padding-top: 0;\n\n      &.compact {\n        padding-bottom: 0;\n      }\n\n      &.compact .hero .heading {\n        text-align: initial;\n      }\n    }\n\n    .header .container-alt,\n    .features .container-alt {\n      display: block;\n    }\n  }\n\n  .cta {\n    margin: 20px;\n  }\n}\n\n.landing {\n  margin-bottom: 100px;\n\n  @media screen and (max-width: 738px) {\n    margin-bottom: 0;\n  }\n\n  &__brand {\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    padding: 50px;\n\n    svg {\n      fill: $primary-text-color;\n      height: 52px;\n    }\n\n    @media screen and (max-width: $no-gap-breakpoint) {\n      padding: 0;\n      margin-bottom: 30px;\n    }\n  }\n\n  .directory {\n    margin-top: 30px;\n    background: transparent;\n    box-shadow: none;\n    border-radius: 0;\n  }\n\n  .hero-widget {\n    margin-top: 30px;\n    margin-bottom: 0;\n\n    h4 {\n      padding: 10px;\n      text-transform: uppercase;\n      font-weight: 700;\n      font-size: 13px;\n      color: $darker-text-color;\n    }\n\n    &__text {\n      border-radius: 0;\n      padding-bottom: 0;\n    }\n\n    &__footer {\n      background: $ui-base-color;\n      padding: 10px;\n      border-radius: 0 0 4px 4px;\n      display: flex;\n\n      &__column {\n        flex: 1 1 50%;\n      }\n    }\n\n    .account {\n      padding: 10px 0;\n      border-bottom: 0;\n\n      .account__display-name {\n        display: flex;\n        align-items: center;\n      }\n\n      .account__avatar {\n        width: 44px;\n        height: 44px;\n        background-size: 44px 44px;\n      }\n    }\n\n    &__counter {\n      padding: 10px;\n\n      strong {\n        font-family: $font-display, sans-serif;\n        font-size: 15px;\n        font-weight: 700;\n        display: block;\n      }\n\n      span {\n        font-size: 14px;\n        color: $darker-text-color;\n      }\n    }\n  }\n\n  .simple_form .user_agreement .label_input > label {\n    font-weight: 400;\n    color: $darker-text-color;\n  }\n\n  .simple_form p.lead {\n    color: $darker-text-color;\n    font-size: 15px;\n    line-height: 20px;\n    font-weight: 400;\n    margin-bottom: 25px;\n  }\n\n  &__grid {\n    max-width: 960px;\n    margin: 0 auto;\n    display: grid;\n    grid-template-columns: minmax(0, 50%) minmax(0, 50%);\n    grid-gap: 30px;\n\n    @media screen and (max-width: 738px) {\n      grid-template-columns: minmax(0, 100%);\n      grid-gap: 10px;\n\n      &__column-login {\n        grid-row: 1;\n        display: flex;\n        flex-direction: column;\n\n        .box-widget {\n          order: 2;\n          flex: 0 0 auto;\n        }\n\n        .hero-widget {\n          margin-top: 0;\n          margin-bottom: 10px;\n          order: 1;\n          flex: 0 0 auto;\n        }\n      }\n\n      &__column-registration {\n        grid-row: 2;\n      }\n\n      .directory {\n        margin-top: 10px;\n      }\n    }\n\n    @media screen and (max-width: $no-gap-breakpoint) {\n      grid-gap: 0;\n\n      .hero-widget {\n        display: block;\n        margin-bottom: 0;\n        box-shadow: none;\n\n        &__img,\n        &__img img,\n        &__footer {\n          border-radius: 0;\n        }\n      }\n\n      .hero-widget,\n      .box-widget,\n      .directory__tag {\n        border-bottom: 1px solid lighten($ui-base-color, 8%);\n      }\n\n      .directory {\n        margin-top: 0;\n\n        &__tag {\n          margin-bottom: 0;\n\n          & > a,\n          & > div {\n            border-radius: 0;\n            box-shadow: none;\n          }\n\n          &:last-child {\n            border-bottom: 0;\n          }\n        }\n      }\n    }\n  }\n}\n\n.brand {\n  position: relative;\n  text-decoration: none;\n}\n\n.brand__tagline {\n  display: block;\n  position: absolute;\n  bottom: -10px;\n  left: 50px;\n  width: 300px;\n  color: $ui-primary-color;\n  text-decoration: none;\n  font-size: 14px;\n\n  @media screen and (max-width: $no-gap-breakpoint) {\n    position: static;\n    width: auto;\n    margin-top: 20px;\n    color: $dark-text-color;\n  }\n}\n\n",".table {\n  width: 100%;\n  max-width: 100%;\n  border-spacing: 0;\n  border-collapse: collapse;\n\n  th,\n  td {\n    padding: 8px;\n    line-height: 18px;\n    vertical-align: top;\n    border-top: 1px solid $ui-base-color;\n    text-align: left;\n    background: darken($ui-base-color, 4%);\n  }\n\n  & > thead > tr > th {\n    vertical-align: bottom;\n    border-bottom: 2px solid $ui-base-color;\n    border-top: 0;\n    font-weight: 500;\n  }\n\n  & > tbody > tr > th {\n    font-weight: 500;\n  }\n\n  & > tbody > tr:nth-child(odd) > td,\n  & > tbody > tr:nth-child(odd) > th {\n    background: $ui-base-color;\n  }\n\n  a {\n    color: $highlight-text-color;\n    text-decoration: underline;\n\n    &:hover {\n      text-decoration: none;\n    }\n  }\n\n  strong {\n    font-weight: 500;\n\n    @each $lang in $cjk-langs {\n      &:lang(#{$lang}) {\n        font-weight: 700;\n      }\n    }\n  }\n\n  &.inline-table {\n    & > tbody > tr:nth-child(odd) {\n      & > td,\n      & > th {\n        background: transparent;\n      }\n    }\n\n    & > tbody > tr:first-child {\n      & > td,\n      & > th {\n        border-top: 0;\n      }\n    }\n  }\n\n  &.batch-table {\n    & > thead > tr > th {\n      background: $ui-base-color;\n      border-top: 1px solid darken($ui-base-color, 8%);\n      border-bottom: 1px solid darken($ui-base-color, 8%);\n\n      &:first-child {\n        border-radius: 4px 0 0;\n        border-left: 1px solid darken($ui-base-color, 8%);\n      }\n\n      &:last-child {\n        border-radius: 0 4px 0 0;\n        border-right: 1px solid darken($ui-base-color, 8%);\n      }\n    }\n  }\n\n  &--invites tbody td {\n    vertical-align: middle;\n  }\n}\n\n.table-wrapper {\n  overflow: auto;\n  margin-bottom: 20px;\n}\n\nsamp {\n  font-family: $font-monospace, monospace;\n}\n\nbutton.table-action-link {\n  background: transparent;\n  border: 0;\n  font: inherit;\n}\n\nbutton.table-action-link,\na.table-action-link {\n  text-decoration: none;\n  display: inline-block;\n  margin-right: 5px;\n  padding: 0 10px;\n  color: $darker-text-color;\n  font-weight: 500;\n\n  &:hover {\n    color: $primary-text-color;\n  }\n\n  i.fa {\n    font-weight: 400;\n    margin-right: 5px;\n  }\n\n  &:first-child {\n    padding-left: 0;\n  }\n}\n\n.batch-table {\n  &__toolbar,\n  &__row {\n    display: flex;\n\n    &__select {\n      box-sizing: border-box;\n      padding: 8px 16px;\n      cursor: pointer;\n      min-height: 100%;\n\n      input {\n        margin-top: 8px;\n      }\n\n      &--aligned {\n        display: flex;\n        align-items: center;\n\n        input {\n          margin-top: 0;\n        }\n      }\n    }\n\n    &__actions,\n    &__content {\n      padding: 8px 0;\n      padding-right: 16px;\n      flex: 1 1 auto;\n    }\n  }\n\n  &__toolbar {\n    border: 1px solid darken($ui-base-color, 8%);\n    background: $ui-base-color;\n    border-radius: 4px 0 0;\n    height: 47px;\n    align-items: center;\n\n    &__actions {\n      text-align: right;\n      padding-right: 16px - 5px;\n    }\n  }\n\n  &__form {\n    padding: 16px;\n    border: 1px solid darken($ui-base-color, 8%);\n    border-top: 0;\n    background: $ui-base-color;\n\n    .fields-row {\n      padding-top: 0;\n      margin-bottom: 0;\n    }\n  }\n\n  &__row {\n    border: 1px solid darken($ui-base-color, 8%);\n    border-top: 0;\n    background: darken($ui-base-color, 4%);\n\n    @media screen and (max-width: $no-gap-breakpoint) {\n      .optional &:first-child {\n        border-top: 1px solid darken($ui-base-color, 8%);\n      }\n    }\n\n    &:hover {\n      background: darken($ui-base-color, 2%);\n    }\n\n    &:nth-child(even) {\n      background: $ui-base-color;\n\n      &:hover {\n        background: lighten($ui-base-color, 2%);\n      }\n    }\n\n    &__content {\n      padding-top: 12px;\n      padding-bottom: 16px;\n\n      &--unpadded {\n        padding: 0;\n      }\n\n      &--with-image {\n        display: flex;\n        align-items: center;\n      }\n\n      &__image {\n        flex: 0 0 auto;\n        display: flex;\n        justify-content: center;\n        align-items: center;\n        margin-right: 10px;\n\n        .emojione {\n          width: 32px;\n          height: 32px;\n        }\n      }\n\n      &__text {\n        flex: 1 1 auto;\n      }\n\n      &__extra {\n        flex: 0 0 auto;\n        text-align: right;\n        color: $darker-text-color;\n        font-weight: 500;\n      }\n    }\n\n    .directory__tag {\n      margin: 0;\n      width: 100%;\n\n      a {\n        background: transparent;\n        border-radius: 0;\n      }\n    }\n  }\n\n  &.optional .batch-table__toolbar,\n  &.optional .batch-table__row__select {\n    @media screen and (max-width: $no-gap-breakpoint) {\n      display: none;\n    }\n  }\n\n  .status__content {\n    padding-top: 0;\n\n    strong {\n      font-weight: 700;\n    }\n  }\n\n  .nothing-here {\n    border: 1px solid darken($ui-base-color, 8%);\n    border-top: 0;\n    box-shadow: none;\n\n    @media screen and (max-width: $no-gap-breakpoint) {\n      border-top: 1px solid darken($ui-base-color, 8%);\n    }\n  }\n\n  @media screen and (max-width: 870px) {\n    .accounts-table tbody td.optional {\n      display: none;\n    }\n  }\n}\n","$no-columns-breakpoint: 600px;\n$sidebar-width: 240px;\n$content-width: 840px;\n\n.admin-wrapper {\n  display: flex;\n  justify-content: center;\n  width: 100%;\n  min-height: 100vh;\n\n  .sidebar-wrapper {\n    min-height: 100vh;\n    overflow: hidden;\n    pointer-events: none;\n    flex: 1 1 auto;\n\n    &__inner {\n      display: flex;\n      justify-content: flex-end;\n      background: $ui-base-color;\n      height: 100%;\n    }\n  }\n\n  .sidebar {\n    width: $sidebar-width;\n    padding: 0;\n    pointer-events: auto;\n\n    &__toggle {\n      display: none;\n      background: lighten($ui-base-color, 8%);\n      height: 48px;\n\n      &__logo {\n        flex: 1 1 auto;\n\n        a {\n          display: inline-block;\n          padding: 15px;\n        }\n\n        svg {\n          fill: $primary-text-color;\n          height: 20px;\n          position: relative;\n          bottom: -2px;\n        }\n      }\n\n      &__icon {\n        display: block;\n        color: $darker-text-color;\n        text-decoration: none;\n        flex: 0 0 auto;\n        font-size: 20px;\n        padding: 15px;\n      }\n\n      a {\n        &:hover,\n        &:focus,\n        &:active {\n          background: lighten($ui-base-color, 12%);\n        }\n      }\n    }\n\n    .logo {\n      display: block;\n      margin: 40px auto;\n      width: 100px;\n      height: 100px;\n    }\n\n    @media screen and (max-width: $no-columns-breakpoint) {\n      & > a:first-child {\n        display: none;\n      }\n    }\n\n    ul {\n      list-style: none;\n      border-radius: 4px 0 0 4px;\n      overflow: hidden;\n      margin-bottom: 20px;\n\n      @media screen and (max-width: $no-columns-breakpoint) {\n        margin-bottom: 0;\n      }\n\n      a {\n        display: block;\n        padding: 15px;\n        color: $darker-text-color;\n        text-decoration: none;\n        transition: all 200ms linear;\n        transition-property: color, background-color;\n        border-radius: 4px 0 0 4px;\n        white-space: nowrap;\n        overflow: hidden;\n        text-overflow: ellipsis;\n\n        i.fa {\n          margin-right: 5px;\n        }\n\n        &:hover {\n          color: $primary-text-color;\n          background-color: darken($ui-base-color, 5%);\n          transition: all 100ms linear;\n          transition-property: color, background-color;\n        }\n\n        &.selected {\n          background: darken($ui-base-color, 2%);\n          border-radius: 4px 0 0;\n        }\n      }\n\n      ul {\n        background: darken($ui-base-color, 4%);\n        border-radius: 0 0 0 4px;\n        margin: 0;\n\n        a {\n          border: 0;\n          padding: 15px 35px;\n        }\n      }\n\n      .simple-navigation-active-leaf a {\n        color: $primary-text-color;\n        background-color: $ui-highlight-color;\n        border-bottom: 0;\n        border-radius: 0;\n\n        &:hover {\n          background-color: lighten($ui-highlight-color, 5%);\n        }\n      }\n    }\n\n    & > ul > .simple-navigation-active-leaf a {\n      border-radius: 4px 0 0 4px;\n    }\n  }\n\n  .content-wrapper {\n    box-sizing: border-box;\n    width: 100%;\n    max-width: $content-width;\n    flex: 1 1 auto;\n  }\n\n  @media screen and (max-width: $content-width + $sidebar-width) {\n    .sidebar-wrapper--empty {\n      display: none;\n    }\n\n    .sidebar-wrapper {\n      width: $sidebar-width;\n      flex: 0 0 auto;\n    }\n  }\n\n  @media screen and (max-width: $no-columns-breakpoint) {\n    .sidebar-wrapper {\n      width: 100%;\n    }\n  }\n\n  .content {\n    padding: 20px 15px;\n    padding-top: 60px;\n    padding-left: 25px;\n\n    @media screen and (max-width: $no-columns-breakpoint) {\n      max-width: none;\n      padding: 15px;\n      padding-top: 30px;\n    }\n\n    &-heading {\n      display: flex;\n\n      padding-bottom: 40px;\n      border-bottom: 1px solid lighten($ui-base-color, 8%);\n\n      margin: -15px -15px 40px 0;\n\n      flex-wrap: wrap;\n      align-items: center;\n      justify-content: space-between;\n\n      & > * {\n        margin-top: 15px;\n        margin-right: 15px;\n      }\n\n      &-actions {\n        display: inline-flex;\n\n        & > :not(:first-child) {\n          margin-left: 5px;\n        }\n      }\n\n      @media screen and (max-width: $no-columns-breakpoint) {\n        border-bottom: 0;\n        padding-bottom: 0;\n      }\n    }\n\n    h2 {\n      color: $secondary-text-color;\n      font-size: 24px;\n      line-height: 28px;\n      font-weight: 400;\n\n      @media screen and (max-width: $no-columns-breakpoint) {\n        font-weight: 700;\n      }\n    }\n\n    h3 {\n      color: $secondary-text-color;\n      font-size: 20px;\n      line-height: 28px;\n      font-weight: 400;\n      margin-bottom: 30px;\n    }\n\n    h4 {\n      text-transform: uppercase;\n      font-size: 13px;\n      font-weight: 700;\n      color: $darker-text-color;\n      padding-bottom: 8px;\n      margin-bottom: 8px;\n      border-bottom: 1px solid lighten($ui-base-color, 8%);\n    }\n\n    h6 {\n      font-size: 16px;\n      color: $secondary-text-color;\n      line-height: 28px;\n      font-weight: 500;\n    }\n\n    .fields-group h6 {\n      color: $primary-text-color;\n      font-weight: 500;\n    }\n\n    .directory__tag > a,\n    .directory__tag > div {\n      box-shadow: none;\n    }\n\n    .directory__tag .table-action-link .fa {\n      color: inherit;\n    }\n\n    .directory__tag h4 {\n      font-size: 18px;\n      font-weight: 700;\n      color: $primary-text-color;\n      text-transform: none;\n      padding-bottom: 0;\n      margin-bottom: 0;\n      border-bottom: none;\n    }\n\n    & > p {\n      font-size: 14px;\n      line-height: 21px;\n      color: $secondary-text-color;\n      margin-bottom: 20px;\n\n      strong {\n        color: $primary-text-color;\n        font-weight: 500;\n\n        @each $lang in $cjk-langs {\n          &:lang(#{$lang}) {\n            font-weight: 700;\n          }\n        }\n      }\n    }\n\n    hr {\n      width: 100%;\n      height: 0;\n      border: 0;\n      border-bottom: 1px solid rgba($ui-base-lighter-color, .6);\n      margin: 20px 0;\n\n      &.spacer {\n        height: 1px;\n        border: 0;\n      }\n    }\n  }\n\n  @media screen and (max-width: $no-columns-breakpoint) {\n    display: block;\n\n    .sidebar-wrapper {\n      min-height: 0;\n    }\n\n    .sidebar {\n      width: 100%;\n      padding: 0;\n      height: auto;\n\n      &__toggle {\n        display: flex;\n      }\n\n      & > ul {\n        display: none;\n      }\n\n      ul a,\n      ul ul a {\n        border-radius: 0;\n        border-bottom: 1px solid lighten($ui-base-color, 4%);\n        transition: none;\n\n        &:hover {\n          transition: none;\n        }\n      }\n\n      ul ul {\n        border-radius: 0;\n      }\n\n      ul .simple-navigation-active-leaf a {\n        border-bottom-color: $ui-highlight-color;\n      }\n    }\n  }\n}\n\nhr.spacer {\n  width: 100%;\n  border: 0;\n  margin: 20px 0;\n  height: 1px;\n}\n\nbody,\n.admin-wrapper .content {\n  .muted-hint {\n    color: $darker-text-color;\n\n    a {\n      color: $highlight-text-color;\n    }\n  }\n\n  .positive-hint {\n    color: $valid-value-color;\n    font-weight: 500;\n  }\n\n  .negative-hint {\n    color: $error-value-color;\n    font-weight: 500;\n  }\n\n  .neutral-hint {\n    color: $dark-text-color;\n    font-weight: 500;\n  }\n\n  .warning-hint {\n    color: $gold-star;\n    font-weight: 500;\n  }\n}\n\n.filters {\n  display: flex;\n  flex-wrap: wrap;\n\n  .filter-subset {\n    flex: 0 0 auto;\n    margin: 0 40px 20px 0;\n\n    &:last-child {\n      margin-bottom: 30px;\n    }\n\n    ul {\n      margin-top: 5px;\n      list-style: none;\n\n      li {\n        display: inline-block;\n        margin-right: 5px;\n      }\n    }\n\n    strong {\n      font-weight: 500;\n      text-transform: uppercase;\n      font-size: 12px;\n\n      @each $lang in $cjk-langs {\n        &:lang(#{$lang}) {\n          font-weight: 700;\n        }\n      }\n    }\n\n    &--with-select strong {\n      display: block;\n      margin-bottom: 10px;\n    }\n\n    a {\n      display: inline-block;\n      color: $darker-text-color;\n      text-decoration: none;\n      text-transform: uppercase;\n      font-size: 12px;\n      font-weight: 500;\n      border-bottom: 2px solid $ui-base-color;\n\n      &:hover {\n        color: $primary-text-color;\n        border-bottom: 2px solid lighten($ui-base-color, 5%);\n      }\n\n      &.selected {\n        color: $highlight-text-color;\n        border-bottom: 2px solid $ui-highlight-color;\n      }\n    }\n  }\n}\n\n.flavour-screen {\n  display: block;\n  margin: 10px auto;\n  max-width: 100%;\n}\n\n.flavour-description {\n  display: block;\n  font-size: 16px;\n  margin: 10px 0;\n\n  & > p {\n    margin: 10px 0;\n  }\n}\n\n.report-accounts {\n  display: flex;\n  flex-wrap: wrap;\n  margin-bottom: 20px;\n}\n\n.report-accounts__item {\n  display: flex;\n  flex: 250px;\n  flex-direction: column;\n  margin: 0 5px;\n\n  & > strong {\n    display: block;\n    margin: 0 0 10px -5px;\n    font-weight: 500;\n    font-size: 14px;\n    line-height: 18px;\n    color: $secondary-text-color;\n\n    @each $lang in $cjk-langs {\n      &:lang(#{$lang}) {\n        font-weight: 700;\n      }\n    }\n  }\n\n  .account-card {\n    flex: 1 1 auto;\n  }\n}\n\n.report-status,\n.account-status {\n  display: flex;\n  margin-bottom: 10px;\n\n  .activity-stream {\n    flex: 2 0 0;\n    margin-right: 20px;\n    max-width: calc(100% - 60px);\n\n    .entry {\n      border-radius: 4px;\n    }\n  }\n}\n\n.report-status__actions,\n.account-status__actions {\n  flex: 0 0 auto;\n  display: flex;\n  flex-direction: column;\n\n  .icon-button {\n    font-size: 24px;\n    width: 24px;\n    text-align: center;\n    margin-bottom: 10px;\n  }\n}\n\n.simple_form.new_report_note,\n.simple_form.new_account_moderation_note {\n  max-width: 100%;\n}\n\n.batch-form-box {\n  display: flex;\n  flex-wrap: wrap;\n  margin-bottom: 5px;\n\n  #form_status_batch_action {\n    margin: 0 5px 5px 0;\n    font-size: 14px;\n  }\n\n  input.button {\n    margin: 0 5px 5px 0;\n  }\n\n  .media-spoiler-toggle-buttons {\n    margin-left: auto;\n\n    .button {\n      overflow: visible;\n      margin: 0 0 5px 5px;\n      float: right;\n    }\n  }\n}\n\n.back-link {\n  margin-bottom: 10px;\n  font-size: 14px;\n\n  a {\n    color: $highlight-text-color;\n    text-decoration: none;\n\n    &:hover {\n      text-decoration: underline;\n    }\n  }\n}\n\n.spacer {\n  flex: 1 1 auto;\n}\n\n.log-entry {\n  line-height: 20px;\n  padding: 15px 0;\n  background: $ui-base-color;\n  border-bottom: 1px solid lighten($ui-base-color, 4%);\n\n  &:last-child {\n    border-bottom: 0;\n  }\n\n  &__header {\n    display: flex;\n    justify-content: flex-start;\n    align-items: center;\n    color: $darker-text-color;\n    font-size: 14px;\n    padding: 0 10px;\n  }\n\n  &__avatar {\n    margin-right: 10px;\n\n    .avatar {\n      display: block;\n      margin: 0;\n      border-radius: 50%;\n      width: 40px;\n      height: 40px;\n    }\n  }\n\n  &__content {\n    max-width: calc(100% - 90px);\n  }\n\n  &__title {\n    word-wrap: break-word;\n  }\n\n  &__timestamp {\n    color: $dark-text-color;\n  }\n\n  a,\n  .username,\n  .target {\n    color: $secondary-text-color;\n    text-decoration: none;\n    font-weight: 500;\n  }\n}\n\na.name-tag,\n.name-tag,\na.inline-name-tag,\n.inline-name-tag {\n  text-decoration: none;\n  color: $secondary-text-color;\n\n  .username {\n    font-weight: 500;\n  }\n\n  &.suspended {\n    .username {\n      text-decoration: line-through;\n      color: lighten($error-red, 12%);\n    }\n\n    .avatar {\n      filter: grayscale(100%);\n      opacity: 0.8;\n    }\n  }\n}\n\na.name-tag,\n.name-tag {\n  display: flex;\n  align-items: center;\n\n  .avatar {\n    display: block;\n    margin: 0;\n    margin-right: 5px;\n    border-radius: 50%;\n  }\n\n  &.suspended {\n    .avatar {\n      filter: grayscale(100%);\n      opacity: 0.8;\n    }\n  }\n}\n\n.speech-bubble {\n  margin-bottom: 20px;\n  border-left: 4px solid $ui-highlight-color;\n\n  &.positive {\n    border-left-color: $success-green;\n  }\n\n  &.negative {\n    border-left-color: lighten($error-red, 12%);\n  }\n\n  &.warning {\n    border-left-color: $gold-star;\n  }\n\n  &__bubble {\n    padding: 16px;\n    padding-left: 14px;\n    font-size: 15px;\n    line-height: 20px;\n    border-radius: 4px 4px 4px 0;\n    position: relative;\n    font-weight: 500;\n\n    a {\n      color: $darker-text-color;\n    }\n  }\n\n  &__owner {\n    padding: 8px;\n    padding-left: 12px;\n  }\n\n  time {\n    color: $dark-text-color;\n  }\n}\n\n.report-card {\n  background: $ui-base-color;\n  border-radius: 4px;\n  margin-bottom: 20px;\n\n  &__profile {\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    padding: 15px;\n\n    .account {\n      padding: 0;\n      border: 0;\n\n      &__avatar-wrapper {\n        margin-left: 0;\n      }\n    }\n\n    &__stats {\n      flex: 0 0 auto;\n      font-weight: 500;\n      color: $darker-text-color;\n      text-transform: uppercase;\n      text-align: right;\n\n      a {\n        color: inherit;\n        text-decoration: none;\n\n        &:focus,\n        &:hover,\n        &:active {\n          color: lighten($darker-text-color, 8%);\n        }\n      }\n\n      .red {\n        color: $error-value-color;\n      }\n    }\n  }\n\n  &__summary {\n    &__item {\n      display: flex;\n      justify-content: flex-start;\n      border-top: 1px solid darken($ui-base-color, 4%);\n\n      &:hover {\n        background: lighten($ui-base-color, 2%);\n      }\n\n      &__reported-by,\n      &__assigned {\n        padding: 15px;\n        flex: 0 0 auto;\n        box-sizing: border-box;\n        width: 150px;\n        color: $darker-text-color;\n\n        &,\n        .username {\n          white-space: nowrap;\n          overflow: hidden;\n          text-overflow: ellipsis;\n        }\n      }\n\n      &__content {\n        flex: 1 1 auto;\n        max-width: calc(100% - 300px);\n\n        &__icon {\n          color: $dark-text-color;\n          margin-right: 4px;\n          font-weight: 500;\n        }\n      }\n\n      &__content a {\n        display: block;\n        box-sizing: border-box;\n        width: 100%;\n        padding: 15px;\n        text-decoration: none;\n        color: $darker-text-color;\n      }\n    }\n  }\n}\n\n.one-line {\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n}\n\n.ellipsized-ip {\n  display: inline-block;\n  max-width: 120px;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  vertical-align: middle;\n}\n\n.admin-account-bio {\n  display: flex;\n  flex-wrap: wrap;\n  margin: 0 -5px;\n  margin-top: 20px;\n\n  > div {\n    box-sizing: border-box;\n    padding: 0 5px;\n    margin-bottom: 10px;\n    flex: 1 0 50%;\n  }\n\n  .account__header__fields,\n  .account__header__content {\n    background: lighten($ui-base-color, 8%);\n    border-radius: 4px;\n    height: 100%;\n  }\n\n  .account__header__fields {\n    margin: 0;\n    border: 0;\n\n    a {\n      color: lighten($ui-highlight-color, 8%);\n    }\n\n    dl:first-child .verified {\n      border-radius: 0 4px 0 0;\n    }\n\n    .verified a {\n      color: $valid-value-color;\n    }\n  }\n\n  .account__header__content {\n    box-sizing: border-box;\n    padding: 20px;\n    color: $primary-text-color;\n  }\n}\n\n.center-text {\n  text-align: center;\n}\n\n.announcements-list {\n  border: 1px solid lighten($ui-base-color, 4%);\n  border-radius: 4px;\n\n  &__item {\n    padding: 15px 0;\n    background: $ui-base-color;\n    border-bottom: 1px solid lighten($ui-base-color, 4%);\n\n    &__title {\n      padding: 0 15px;\n      display: block;\n      font-weight: 500;\n      font-size: 18px;\n      line-height: 1.5;\n      color: $secondary-text-color;\n      text-decoration: none;\n      margin-bottom: 10px;\n\n      &:hover,\n      &:focus,\n      &:active {\n        color: $primary-text-color;\n      }\n    }\n\n    &__meta {\n      padding: 0 15px;\n      color: $dark-text-color;\n    }\n\n    &__action-bar {\n      display: flex;\n      justify-content: space-between;\n      align-items: center;\n    }\n\n    &:last-child {\n      border-bottom: 0;\n    }\n  }\n}\n","$emojis-requiring-outlines: '8ball' 'ant' 'back' 'black_circle' 'black_heart' 'black_large_square' 'black_medium_small_square' 'black_medium_square' 'black_nib' 'black_small_square' 'bomb' 'bowling' 'bust_in_silhouette' 'busts_in_silhouette' 'camera' 'camera_with_flash' 'clubs' 'copyright' 'curly_loop' 'currency_exchange' 'dark_sunglasses' 'eight_pointed_black_star' 'electric_plug' 'end' 'female-guard' 'film_projector' 'fried_egg' 'gorilla' 'guardsman' 'heavy_check_mark' 'heavy_division_sign' 'heavy_dollar_sign' 'heavy_minus_sign' 'heavy_multiplication_x' 'heavy_plus_sign' 'hocho' 'hole' 'joystick' 'kaaba' 'lower_left_ballpoint_pen' 'lower_left_fountain_pen' 'male-guard' 'microphone' 'mortar_board' 'movie_camera' 'musical_score' 'on' 'registered' 'soon' 'spades' 'speaking_head_in_silhouette' 'spider' 'telephone_receiver' 'tm' 'top' 'tophat' 'turkey' 'vhs' 'video_camera' 'video_game' 'water_buffalo' 'waving_black_flag' 'wavy_dash' !default;\n\n%emoji-outline {\n  filter: drop-shadow(1px 1px 0 $primary-text-color) drop-shadow(-1px 1px 0 $primary-text-color) drop-shadow(1px -1px 0 $primary-text-color) drop-shadow(-1px -1px 0 $primary-text-color);\n}\n\n.emojione {\n  @each $emoji in $emojis-requiring-outlines {\n    &[title=':#{$emoji}:'] {\n      @extend %emoji-outline;\n    }\n  }\n}\n\n.hicolor-privacy-icons {\n  .status__visibility-icon.fa-globe,\n  .composer--options--dropdown--content--item .fa-globe {\n    color: #1976D2;\n  }\n\n  .status__visibility-icon.fa-unlock,\n  .composer--options--dropdown--content--item .fa-unlock {\n    color: #388E3C;\n  }\n\n  .status__visibility-icon.fa-lock,\n  .composer--options--dropdown--content--item .fa-lock {\n    color: #FFA000;\n  }\n\n  .status__visibility-icon.fa-envelope,\n  .composer--options--dropdown--content--item .fa-envelope {\n    color: #D32F2F;\n  }\n}\n","body.rtl {\n  direction: rtl;\n\n  .column-header > button {\n    text-align: right;\n    padding-left: 0;\n    padding-right: 15px;\n  }\n\n  .radio-button__input {\n    margin-right: 0;\n    margin-left: 10px;\n  }\n\n  .directory__card__bar .display-name {\n    margin-left: 0;\n    margin-right: 15px;\n  }\n\n  .display-name {\n    text-align: right;\n  }\n\n  .notification__message {\n    margin-left: 0;\n    margin-right: 68px;\n  }\n\n  .drawer__inner__mastodon > img {\n    transform: scaleX(-1);\n  }\n\n  .notification__favourite-icon-wrapper {\n    left: auto;\n    right: -26px;\n  }\n\n  .landing-page__logo {\n    margin-right: 0;\n    margin-left: 20px;\n  }\n\n  .landing-page .features-list .features-list__row .visual {\n    margin-left: 0;\n    margin-right: 15px;\n  }\n\n  .column-link__icon,\n  .column-header__icon {\n    margin-right: 0;\n    margin-left: 5px;\n  }\n\n  .compose-form .compose-form__buttons-wrapper .character-counter__wrapper {\n    margin-right: 0;\n    margin-left: 4px;\n  }\n\n  .composer--publisher {\n    text-align: left;\n  }\n\n  .boost-modal__status-time,\n  .favourite-modal__status-time {\n    float: left;\n  }\n\n  .navigation-bar__profile {\n    margin-left: 0;\n    margin-right: 8px;\n  }\n\n  .search__input {\n    padding-right: 10px;\n    padding-left: 30px;\n  }\n\n  .search__icon .fa {\n    right: auto;\n    left: 10px;\n  }\n\n  .columns-area {\n    direction: rtl;\n  }\n\n  .column-header__buttons {\n    left: 0;\n    right: auto;\n    margin-left: 0;\n    margin-right: -15px;\n  }\n\n  .column-inline-form .icon-button {\n    margin-left: 0;\n    margin-right: 5px;\n  }\n\n  .column-header__links .text-btn {\n    margin-left: 10px;\n    margin-right: 0;\n  }\n\n  .account__avatar-wrapper {\n    float: right;\n  }\n\n  .column-header__back-button {\n    padding-left: 5px;\n    padding-right: 0;\n  }\n\n  .column-header__setting-arrows {\n    float: left;\n  }\n\n  .setting-toggle__label {\n    margin-left: 0;\n    margin-right: 8px;\n  }\n\n  .setting-meta__label {\n    float: left;\n  }\n\n  .status__avatar {\n    margin-left: 10px;\n    margin-right: 0;\n\n    // Those are used for public pages\n    left: auto;\n    right: 10px;\n  }\n\n  .activity-stream .status.light {\n    padding-left: 10px;\n    padding-right: 68px;\n  }\n\n  .status__info .status__display-name,\n  .activity-stream .status.light .status__display-name {\n    padding-left: 25px;\n    padding-right: 0;\n  }\n\n  .activity-stream .pre-header {\n    padding-right: 68px;\n    padding-left: 0;\n  }\n\n  .status__prepend {\n    margin-left: 0;\n    margin-right: 58px;\n  }\n\n  .status__prepend-icon-wrapper {\n    left: auto;\n    right: -26px;\n  }\n\n  .activity-stream .pre-header .pre-header__icon {\n    left: auto;\n    right: 42px;\n  }\n\n  .account__avatar-overlay-overlay {\n    right: auto;\n    left: 0;\n  }\n\n  .column-back-button--slim-button {\n    right: auto;\n    left: 0;\n  }\n\n  .status__relative-time,\n  .activity-stream .status.light .status__header .status__meta {\n    float: left;\n    text-align: left;\n  }\n\n  .status__action-bar {\n    &__counter {\n      margin-right: 0;\n      margin-left: 11px;\n\n      .status__action-bar-button {\n        margin-right: 0;\n        margin-left: 4px;\n      }\n    }\n  }\n\n  .status__action-bar-button {\n    float: right;\n    margin-right: 0;\n    margin-left: 18px;\n  }\n\n  .status__action-bar-dropdown {\n    float: right;\n  }\n\n  .privacy-dropdown__dropdown {\n    margin-left: 0;\n    margin-right: 40px;\n  }\n\n  .privacy-dropdown__option__icon {\n    margin-left: 10px;\n    margin-right: 0;\n  }\n\n  .detailed-status__display-name .display-name {\n    text-align: right;\n  }\n\n  .detailed-status__display-avatar {\n    margin-right: 0;\n    margin-left: 10px;\n    float: right;\n  }\n\n  .detailed-status__favorites,\n  .detailed-status__reblogs {\n    margin-left: 0;\n    margin-right: 6px;\n  }\n\n  .fa-ul {\n    margin-left: 2.14285714em;\n  }\n\n  .fa-li {\n    left: auto;\n    right: -2.14285714em;\n  }\n\n  .admin-wrapper {\n    direction: rtl;\n  }\n\n  .admin-wrapper .sidebar ul a i.fa,\n  a.table-action-link i.fa {\n    margin-right: 0;\n    margin-left: 5px;\n  }\n\n  .simple_form .check_boxes .checkbox label {\n    padding-left: 0;\n    padding-right: 25px;\n  }\n\n  .simple_form .input.with_label.boolean label.checkbox {\n    padding-left: 25px;\n    padding-right: 0;\n  }\n\n  .simple_form .check_boxes .checkbox input[type=\"checkbox\"],\n  .simple_form .input.boolean input[type=\"checkbox\"] {\n    left: auto;\n    right: 0;\n  }\n\n  .simple_form .input.radio_buttons .radio {\n    left: auto;\n    right: 0;\n  }\n\n  .simple_form .input.radio_buttons .radio > label {\n    padding-right: 28px;\n    padding-left: 0;\n  }\n\n  .simple_form .input-with-append .input input {\n    padding-left: 142px;\n    padding-right: 0;\n  }\n\n  .simple_form .input.boolean label.checkbox {\n    left: auto;\n    right: 0;\n  }\n\n  .simple_form .input.boolean .label_input,\n  .simple_form .input.boolean .hint {\n    padding-left: 0;\n    padding-right: 28px;\n  }\n\n  .simple_form .label_input__append {\n    right: auto;\n    left: 3px;\n\n    &::after {\n      right: auto;\n      left: 0;\n      background-image: linear-gradient(to left, rgba(darken($ui-base-color, 10%), 0), darken($ui-base-color, 10%));\n    }\n  }\n\n  .simple_form select {\n    background: darken($ui-base-color, 10%) url(\"data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14.933 18.467' height='19.698' width='15.929'><path d='M3.467 14.967l-3.393-3.5H14.86l-3.392 3.5c-1.866 1.925-3.666 3.5-4 3.5-.335 0-2.135-1.575-4-3.5zm.266-11.234L7.467 0 11.2 3.733l3.733 3.734H0l3.733-3.734z' fill='#{hex-color(lighten($ui-base-color, 12%))}'/></svg>\") no-repeat left 8px center / auto 16px;\n  }\n\n  .table th,\n  .table td {\n    text-align: right;\n  }\n\n  .filters .filter-subset {\n    margin-right: 0;\n    margin-left: 45px;\n  }\n\n  .landing-page .header-wrapper .mascot {\n    right: 60px;\n    left: auto;\n  }\n\n  .landing-page__call-to-action .row__information-board {\n    direction: rtl;\n  }\n\n  .landing-page .header .hero .floats .float-1 {\n    left: -120px;\n    right: auto;\n  }\n\n  .landing-page .header .hero .floats .float-2 {\n    left: 210px;\n    right: auto;\n  }\n\n  .landing-page .header .hero .floats .float-3 {\n    left: 110px;\n    right: auto;\n  }\n\n  .landing-page .header .links .brand img {\n    left: 0;\n  }\n\n  .landing-page .fa-external-link {\n    padding-right: 5px;\n    padding-left: 0 !important;\n  }\n\n  .landing-page .features #mastodon-timeline {\n    margin-right: 0;\n    margin-left: 30px;\n  }\n\n  @media screen and (min-width: 631px) {\n    .column,\n    .drawer {\n      padding-left: 5px;\n      padding-right: 5px;\n\n      &:first-child {\n        padding-left: 5px;\n        padding-right: 10px;\n      }\n    }\n\n    .columns-area > div {\n      .column,\n      .drawer {\n        padding-left: 5px;\n        padding-right: 5px;\n      }\n    }\n  }\n\n  .columns-area--mobile .column,\n  .columns-area--mobile .drawer {\n    padding-left: 0;\n    padding-right: 0;\n  }\n\n  .public-layout {\n    .header {\n      .nav-button {\n        margin-left: 8px;\n        margin-right: 0;\n      }\n    }\n\n    .public-account-header__tabs {\n      margin-left: 0;\n      margin-right: 20px;\n    }\n  }\n\n  .landing-page__information {\n    .account__display-name {\n      margin-right: 0;\n      margin-left: 5px;\n    }\n\n    .account__avatar-wrapper {\n      margin-left: 12px;\n      margin-right: 0;\n    }\n  }\n\n  .card__bar .display-name {\n    margin-left: 0;\n    margin-right: 15px;\n    text-align: right;\n  }\n\n  .fa-chevron-left::before {\n    content: \"\\F054\";\n  }\n\n  .fa-chevron-right::before {\n    content: \"\\F053\";\n  }\n\n  .column-back-button__icon {\n    margin-right: 0;\n    margin-left: 5px;\n  }\n\n  .column-header__setting-arrows .column-header__setting-btn:last-child {\n    padding-left: 0;\n    padding-right: 10px;\n  }\n\n  .simple_form .input.radio_buttons .radio > label input {\n    left: auto;\n    right: 0;\n  }\n}\n",".dashboard__counters {\n  display: flex;\n  flex-wrap: wrap;\n  margin: 0 -5px;\n  margin-bottom: 20px;\n\n  & > div {\n    box-sizing: border-box;\n    flex: 0 0 33.333%;\n    padding: 0 5px;\n    margin-bottom: 10px;\n\n    & > div,\n    & > a {\n      padding: 20px;\n      background: lighten($ui-base-color, 4%);\n      border-radius: 4px;\n      box-sizing: border-box;\n      height: 100%;\n    }\n\n    & > a {\n      text-decoration: none;\n      color: inherit;\n      display: block;\n\n      &:hover,\n      &:focus,\n      &:active {\n        background: lighten($ui-base-color, 8%);\n      }\n    }\n  }\n\n  &__num,\n  &__text {\n    text-align: center;\n    font-weight: 500;\n    font-size: 24px;\n    line-height: 21px;\n    color: $primary-text-color;\n    font-family: $font-display, sans-serif;\n    margin-bottom: 20px;\n    line-height: 30px;\n  }\n\n  &__text {\n    font-size: 18px;\n  }\n\n  &__label {\n    font-size: 14px;\n    color: $darker-text-color;\n    text-align: center;\n    font-weight: 500;\n  }\n}\n\n.dashboard__widgets {\n  display: flex;\n  flex-wrap: wrap;\n  margin: 0 -5px;\n\n  & > div {\n    flex: 0 0 33.333%;\n    margin-bottom: 20px;\n\n    & > div {\n      padding: 0 5px;\n    }\n  }\n\n  a:not(.name-tag) {\n    color: $ui-secondary-color;\n    font-weight: 500;\n    text-decoration: none;\n  }\n}\n","// components.scss\n.compose-form {\n  .compose-form__modifiers {\n    .compose-form__upload {\n      &-description {\n        input {\n          &::placeholder {\n            opacity: 1.0;\n          }\n        }\n      }\n    }\n  }\n}\n\n.rich-formatting a,\n.rich-formatting p a,\n.rich-formatting li a,\n.landing-page__short-description p a,\n.status__content a,\n.reply-indicator__content a {\n  color: lighten($ui-highlight-color, 12%);\n  text-decoration: underline;\n\n  &.mention {\n    text-decoration: none;\n  }\n\n  &.mention span {\n    text-decoration: underline;\n\n    &:hover,\n    &:focus,\n    &:active {\n      text-decoration: none;\n    }\n  }\n\n  &:hover,\n  &:focus,\n  &:active {\n    text-decoration: none;\n  }\n\n  &.status__content__spoiler-link {\n    color: $secondary-text-color;\n    text-decoration: none;\n  }\n}\n\n.status__content__read-more-button {\n  text-decoration: underline;\n\n  &:hover,\n  &:focus,\n  &:active {\n    text-decoration: none;\n  }\n}\n\n.getting-started__footer a {\n  text-decoration: underline;\n\n  &:hover,\n  &:focus,\n  &:active {\n    text-decoration: none;\n  }\n}\n\n.nothing-here {\n  color: $darker-text-color;\n}\n\n.public-layout .public-account-header__tabs__tabs .counter.active::after {\n  border-bottom: 4px solid $ui-highlight-color;\n}\n"],"sourceRoot":""}
\ No newline at end of file
diff --git a/priv/static/packs/skins/glitch/contrast/common.js b/priv/static/packs/skins/glitch/contrast/common.js
index af82696b8..adca386cf 100644
Binary files a/priv/static/packs/skins/glitch/contrast/common.js and b/priv/static/packs/skins/glitch/contrast/common.js differ
diff --git a/priv/static/packs/skins/glitch/mastodon-light/common.css b/priv/static/packs/skins/glitch/mastodon-light/common.css
index 4f1274786..90aa2181c 100644
Binary files a/priv/static/packs/skins/glitch/mastodon-light/common.css and b/priv/static/packs/skins/glitch/mastodon-light/common.css differ
diff --git a/priv/static/packs/skins/glitch/mastodon-light/common.css.map b/priv/static/packs/skins/glitch/mastodon-light/common.css.map
index 049a2d972..88fa5f09b 100644
--- a/priv/static/packs/skins/glitch/mastodon-light/common.css.map
+++ b/priv/static/packs/skins/glitch/mastodon-light/common.css.map
@@ -1 +1 @@
-{"version":3,"sources":["webpack:///common.scss","webpack:///./app/javascript/flavours/glitch/styles/reset.scss","webpack:///./app/javascript/flavours/glitch/styles/mastodon-light/variables.scss","webpack:///./app/javascript/flavours/glitch/styles/basics.scss","webpack:///./app/javascript/flavours/glitch/styles/containers.scss","webpack:///./app/javascript/flavours/glitch/styles/_mixins.scss","webpack:///./app/javascript/flavours/glitch/styles/variables.scss","webpack:///./app/javascript/flavours/glitch/styles/lists.scss","webpack:///./app/javascript/flavours/glitch/styles/modal.scss","webpack:///./app/javascript/flavours/glitch/styles/footer.scss","webpack:///./app/javascript/flavours/glitch/styles/compact_header.scss","webpack:///./app/javascript/flavours/glitch/styles/widgets.scss","webpack:///./app/javascript/flavours/glitch/styles/forms.scss","webpack:///./app/javascript/flavours/glitch/styles/accounts.scss","webpack:///./app/javascript/flavours/glitch/styles/statuses.scss","webpack:///./app/javascript/flavours/glitch/styles/components/index.scss","webpack:///./app/javascript/flavours/glitch/styles/components/boost.scss","webpack:///./app/javascript/flavours/glitch/styles/components/accounts.scss","webpack:///./app/javascript/flavours/glitch/styles/components/domains.scss","webpack:///./app/javascript/flavours/glitch/styles/components/status.scss","webpack:///./app/javascript/flavours/glitch/styles/components/modal.scss","webpack:///./app/javascript/flavours/glitch/styles/components/composer.scss","webpack:///./app/javascript/flavours/glitch/styles/components/columns.scss","webpack:///./app/javascript/flavours/glitch/styles/components/regeneration_indicator.scss","webpack:///./app/javascript/flavours/glitch/styles/components/directory.scss","webpack:///./app/javascript/flavours/glitch/styles/components/search.scss","webpack:///<no source>","webpack:///./app/javascript/flavours/glitch/styles/components/emoji.scss","webpack:///./app/javascript/flavours/glitch/styles/components/doodle.scss","webpack:///./app/javascript/flavours/glitch/styles/components/drawer.scss","webpack:///./app/javascript/flavours/glitch/styles/components/media.scss","webpack:///./app/javascript/flavours/glitch/styles/components/sensitive.scss","webpack:///./app/javascript/flavours/glitch/styles/components/lists.scss","webpack:///./app/javascript/flavours/glitch/styles/components/emoji_picker.scss","webpack:///./app/javascript/flavours/glitch/styles/components/local_settings.scss","webpack:///./app/javascript/flavours/glitch/styles/components/error_boundary.scss","webpack:///./app/javascript/flavours/glitch/styles/components/single_column.scss","webpack:///./app/javascript/flavours/glitch/styles/polls.scss","webpack:///./app/javascript/flavours/glitch/styles/about.scss","webpack:///./app/javascript/flavours/glitch/styles/tables.scss","webpack:///./app/javascript/flavours/glitch/styles/admin.scss","webpack:///./app/javascript/flavours/glitch/styles/accessibility.scss","webpack:///./app/javascript/flavours/glitch/styles/rtl.scss","webpack:///./app/javascript/flavours/glitch/styles/dashboard.scss","webpack:///./app/javascript/flavours/glitch/styles/mastodon-light/diff.scss"],"names":[],"mappings":"AAAA,2ZCKA,QAaE,UACA,SACA,eACA,aACA,wBACA,+EAIF,aAEE,MAGF,aACE,OAGF,eACE,cAGF,WACE,qDAGF,UAEE,aACA,OAGF,wBACE,iBACA,MAGF,0CACE,qBAGF,UACE,YACA,2BAGF,kBACE,cACA,mBACA,iCAGF,kBACE,kCAGF,kBACE,2BAGF,aACE,gBACA,8BACA,CC3EwB,iEDkF1B,kBClF0B,4BDsF1B,sBACE,MEtFF,sBACE,mBACA,eACA,iBACA,gBACA,WDXM,kCCaN,6BACA,8BACA,CADA,0BACA,CADA,yBACA,CADA,qBACA,0CACA,wCACA,kBAEA,sIAYE,eAGF,SACE,oCAEA,WACE,iBACA,kBACA,uCAGF,iBACE,WACA,YACA,mCAGF,iBACE,cAIJ,kBDjDwB,kBCqDxB,iBACE,kBACA,0BAEA,iBACE,YAIJ,kBACE,SACA,iBACA,uBAEA,iBACE,WACA,YACA,gBACA,YAIJ,kBACE,UACA,YAGF,iBACE,kBACA,cDpFiB,mBAEK,WCqFtB,YACA,UACA,aACA,uBACA,mBACA,oBAEA,qBACE,YACA,wBAEA,aACE,gBACA,WACA,YACA,kBACA,uBAGF,cACE,iBACA,gBACA,QAMR,mBACE,eACA,cAEA,YACE,6BAKF,YAEE,WACA,mBACA,uBACA,oBACA,yEAKF,gBAEE,+EAKF,WAEE,gBCrJJ,WACE,CACA,kBACA,qCAEA,eALF,UAMI,SACA,kBAIJ,sBACE,qCAEA,gBAHF,kBAII,qBAGF,YACE,uBACA,mBACA,wBAEA,SFtBI,YEwBF,kBACA,sBAGF,YACE,uBACA,mBACA,WF/BE,qBEiCF,UACA,kBACA,iBACA,uBACA,gBACA,eACA,mCAMJ,WACE,CACA,cACA,mBACA,sBACA,qCAEA,kCAPF,UAQI,aACA,aACA,kBAKN,WACE,CACA,YACA,eACA,iBACA,sBACA,CACA,gBACA,CACA,sBACA,qCAEA,gBAZF,UAaI,CACA,eACA,CACA,mBACA,0BAKA,UACqB,sCC3EvB,iBD4EE,6BAEA,UACE,YACA,cACA,SACA,kBACA,iBE5BkB,wBD9DtB,4BACA,uBD8FA,aACE,cF9FiB,wBEgGjB,iCAEA,aACE,gBACA,uBACA,gBACA,8BAIJ,aACE,eACA,iBACA,gBACA,SAIJ,YACE,cACA,8BACA,sBACA,mCACA,CADA,0BACA,mBAEA,eACE,WACA,mBAGF,aACE,WACA,mBAGF,aACE,WACA,mBAGF,eACE,WACA,qCAGF,QA3BF,UA4BI,qCACA,mBAEA,aACE,mBAGF,aACE,WACA,mBAGF,aACE,WACA,mBAGF,aACE,WACA,UAKN,YACE,cACA,8CACA,sBACA,mCACA,CADA,0BACA,mBAEA,eACE,WACA,mBAGF,eACE,WACA,mBAGF,aACE,WACA,mBAGF,eACE,WACA,mBAGF,aACE,WACA,uCAGF,eACE,wBAGF,kBACE,qCAGF,QAxCF,iDAyCI,uCAEA,YACE,aACA,mBACA,uBACA,iCAGF,UACE,uBACA,mBACA,sBAGF,YACE,sCAIJ,QA7DF,UA8DI,qCACA,mBAEA,aACE,mBAGF,aACE,WACA,mBAGF,aACE,WACA,mBAGF,aACE,WACA,mBAGF,aACE,WACA,sCAMJ,eADF,gBAEI,4BAGF,eACE,qCAEA,0BAHF,SAII,yBAIJ,kBACE,mCACA,kBACA,YACA,cACA,aACA,oBACA,uBACA,iBACA,gBACA,qCAEA,uBAZF,cAaI,WACA,MACA,OACA,SACA,gBACA,gBACA,YACA,6BAGF,cACE,eACA,kCAGF,YACE,oBACA,2BACA,iBACA,oCAGF,YACE,oBACA,uBACA,iBACA,mCAGF,YACE,oBACA,yBACA,iBACA,+BAGF,aACE,aACA,mCAEA,aACE,YACA,WACA,kBACA,YACA,UF3UA,qCE8UA,kCARF,WASI,+GAIJ,kBAGE,kCAIJ,YACE,mBACA,eACA,eACA,gBACA,qBACA,cF7Ve,mBE+Vf,kBACA,uHAEA,yBAGE,WFxWA,qCE4WF,0CACE,YACE,qCAKN,kBACE,CACA,oBACA,kBACA,6HAEA,oBAGE,mBACA,sBAON,YACE,cACA,0DACA,sBACA,mCACA,CADA,0BACA,gCAEA,UACE,cACA,gCAGF,UACE,cACA,qCAGF,qBAjBF,0BAkBI,WACA,gCAEA,YACE,kCAKN,iBACE,qCAEA,gCAHF,eAII,sCAKF,4BADF,eAEI,wCAIJ,eACE,mBACA,mCACA,gDAEA,UACE,qIAEA,8BAEE,CAFF,sBAEE,6DAGF,wBFvbe,8CE4bjB,yBACE,gBACA,aACA,kBACA,gBACA,oDAEA,UACE,cACA,kBACA,WACA,YACA,gDACA,MACA,OACA,kDAGF,mBACE,CADF,8BACE,CADF,gBACE,cACA,WACA,YACA,SACA,0BACA,qCAGF,6CA3BF,YA4BI,gDAIJ,eACE,6JAEA,iBAEE,qCAEA,4JAJF,eAKI,sCAKN,sCA/DF,eAgEI,gBACA,oDAEA,YACE,+FAGF,eAEE,6CAIJ,iBACE,iBACA,aACA,2BACA,mDAEA,UACE,cACA,mBACA,kBACA,SACA,OACA,QACA,YACA,0BACA,WACA,oDAGF,aACE,CAEA,WACqB,yCCzgB3B,kBD0gBM,cACA,wDAEA,aACE,WACA,YACA,SACA,kBACA,yBACA,mBACA,iBE7dc,wBD9DtB,4BACA,qCD+hBI,2CAvCF,YAwCI,mBACA,0BACA,YACA,mDAEA,YACE,oDAKA,UACqB,sCCtiB7B,CDuiBQ,sBACA,wDAEA,QACE,kBACA,iBErfY,wBD9DtB,4BACA,2DDsjBQ,mDAbF,YAcI,sCAKN,2CApEF,eAqEI,sCAGF,2CAxEF,cAyEI,8CAIJ,aACE,iBACA,mDAEA,gBACE,mBACA,sDAEA,cACE,iBACA,WFjlBF,gBEmlBE,gBACA,mBACA,uBACA,6BACA,4DAEA,aACE,eACA,WF3lBJ,gBE6lBI,gBACA,uBACA,qCAKN,4CA7BF,gBA8BI,aACA,8BACA,mBACA,mDAEA,aACE,iBACA,sDAEA,cACE,iBACA,iBACA,4DAEA,aFhnBS,oDEunBf,YACE,2BACA,oBACA,YACA,qEAEA,YACE,mBACA,gBACA,qCAGF,oEACE,YACE,6DAIJ,eACE,sBACA,cACA,cF5oBW,aE8oBX,+BACA,eACA,kBACA,kBACA,8DAEA,aACE,uEAGF,cACE,kEAGF,aACE,WACA,kBACA,SACA,OACA,WACA,gCACA,WACA,wBACA,yEAIA,+BACE,UACA,kFAGF,2BF9qBS,wEEorBT,SACE,wBACA,8DAIJ,oBACE,cACA,2EAGF,cACE,cACA,4EAGF,eACE,eACA,kBACA,WF1sBJ,uBE4sBI,2DAIJ,aACE,WACA,4DAGF,eACE,8CAKN,YACE,eACA,kEAEA,eACE,gBACA,uBACA,cACA,2FAEA,4BACE,yEAGF,YACE,qDAIJ,gBACE,eACA,cF7uBa,uDEgvBb,oBACE,cFjvBW,qBEmvBX,aACA,gBACA,8DAEA,eACE,WF3vBJ,qCEiwBF,6CAtCF,aAuCI,UACA,4CAKN,yBACE,qCAEA,0CAHF,eAII,wCAIJ,eACE,oCAGF,kBACE,mCACA,kBACA,gBACA,mBACA,qCAEA,mCAPF,eAQI,gBACA,gBACA,8DAGF,QACE,aACA,+DAEA,aACE,sFAGF,uBACE,yEAGF,aE3yBU,8DFizBV,mBACA,WFpzBE,qFEwzBJ,YAEE,eACA,cFxzBe,2CE4zBjB,gBACE,iCAIJ,YACE,cACA,kDACA,qCAEA,gCALF,aAMI,+CAGF,cACE,iCAIJ,eACE,2BAGF,YACE,eACA,eACA,cACA,+BAEA,qBACE,cACA,YACA,cACA,mBACA,kBACA,qCAEA,8BARF,aASI,sCAGF,8BAZF,cAaI,sCAIJ,0BAvBF,QAwBI,6BACA,+BAEA,UACE,UACA,gBACA,gCACA,0CAEA,eACE,0CAGF,kBFt3BkB,+IEy3BhB,kBAGE,WGl4BZ,eACE,aAEA,oBACE,aACA,iBAIJ,eACE,cACA,oBAEA,cACE,gBACA,mBACA,eChBJ,k1BACE,aACA,sBACA,aACA,UACA,yBAGF,YACE,OACA,sBACA,yBACA,2BAEA,MACE,iBACA,qCAIJ,gBACE,YACE,yBCrBF,eACE,iBACA,oBACA,eACA,cACA,qCAEA,uBAPF,iBAQI,mBACA,+BAGF,YACE,cACA,0CACA,wCAEA,aACE,WACA,YACA,wCAGF,aACE,WACA,YACA,wCAGF,aACE,WACA,YACA,kBACA,6CAEA,aACE,wCAIJ,aACE,WACA,YACA,wCAGF,aACE,WACA,YACA,qCAGF,6BAxCF,iCAyCI,+EAEA,aAEE,wCAGF,UACE,wCAGF,aACE,+EAGF,aAEE,wCAGF,UACE,sCAIJ,uCACE,aACE,sCAIJ,4JACE,YAIE,4BAKN,wBACE,gBACA,kBACA,cP9Fe,6BOiGf,aACE,qBACA,6BAIJ,oBACE,cACA,wGAEA,yBAGE,mCAKF,aACE,YACA,WACA,cACA,aACA,0HAMA,YACE,oBClIR,cACE,iBACA,cACA,gBACA,mBACA,eACA,qBACA,qCAEA,mBATF,iBAUI,oBACA,uBAGF,aACE,qBACA,0BAGF,eACE,cRjBe,wBQqBjB,oBACE,mBACA,kBACA,WACA,YACA,cC9BN,kBACE,mCACA,mBAEA,UACE,kBACA,gBACA,0BACA,gBLPI,uBKUJ,mBACE,CADF,8BACE,CADF,gBACE,cACA,WACA,YACA,SACA,0BACA,oBAIJ,kBTfwB,aSiBtB,0BACA,eACA,cTrBiB,iBSuBjB,qBACA,gBACA,8BAEA,UACE,YACA,gBACA,sBAGF,kBACE,iCAEA,eACE,uBAIJ,cACE,SACA,UACA,gBACA,uBACA,oBACA,kBACA,oBACA,cACA,sBAGF,aTrDiB,qBSuDf,4BAEA,yBACE,qCAKN,aAnEF,YAoEI,uBAIJ,kBACE,oBACA,yBAEA,YACE,yBACA,gBACA,eACA,cT5EiB,+BSgFnB,cACE,0CAEA,eACE,sDAGF,YACE,mBACA,gDAGF,UACE,YACA,0BACA,oCAIJ,YACE,mBAKF,aTzGmB,aS8GrB,YACE,kBACA,mBT9GwB,mCSgHxB,qBAGF,YACE,kBACA,0BACA,kBACA,cTzHmB,mBS2HnB,iBAGF,eACE,eACA,cThImB,iBSkInB,qBACA,gBACA,UACA,oBAEA,YACE,yBACA,gBACA,eACA,cT3IiB,0BS+InB,eACE,CACA,kBACA,mBAGF,oBACE,CACA,mBACA,cTxJiB,qBS0JjB,mBACA,gBACA,uBACA,0EAEA,yBAGE,uBAMJ,sBACA,kBACA,mBTxKwB,mCS0KxB,cT5KmB,gBS8KnB,mBACA,sDAEA,eAEE,CAII,qXADF,eACE,yBAKN,aACE,0BACA,CAMI,wLAGF,oBAGE,mIAEA,yBACE,gCAMR,kBACE,oCAEA,gBACE,cTvNe,8DS6NjB,iBACE,eACA,4DAGF,eACE,qBACA,iEAEA,eACE,kBAMR,YACE,CACA,eLlPM,CKoPN,cACA,cTlPmB,mBSoPnB,+BANA,iBACA,CLlPM,kCKgQN,CATA,aAGF,kBACE,CAEA,iBACA,kBACA,cACA,iBAEA,UTlQM,eSoQJ,gBACA,gBACA,mBACA,gBAGF,cACE,cTxQiB,qCS4QnB,aArBF,YAsBI,mBACA,iBAEA,cACE,aAKN,kBTpR0B,kBSsRxB,mCACA,iBAEA,qBACE,mBACA,uCAEA,YAEE,mBACA,8BACA,mBTjSoB,kBSmSpB,aACA,qBACA,cACA,mCACA,0EAIA,kBAGE,0BAIJ,kBTjTsB,eSmTpB,8BAGF,UACE,eACA,oBAGF,aACE,eACA,gBACA,WTpUE,mBSsUF,gBACA,uBACA,wBAEA,aTvUe,0BS2Uf,aACE,gBACA,eACA,eACA,cT/Ua,yFSqVf,UTxVE,+BS+VJ,aACE,YACA,uDAGF,oBT9VsB,eSoW1B,YACE,yBACA,gCAEA,aACE,WACA,YACA,kBACA,kBACA,kBACA,mBACA,yBACA,4CAEA,SACE,6CAGF,SACE,6CAGF,SACE,iBAKN,UACE,0BAEA,SACE,SACA,wBAGF,eACE,0BAGF,iBACE,yBACA,cTjZiB,gBSmZjB,aACA,sCAEA,eACE,0BAIJ,cACE,sBACA,gCACA,wCAGF,eACE,wBAGF,WACE,kBACA,eACA,gBACA,WT5aI,8BS+aJ,aACE,cT7ae,gBS+af,eACA,0BAIJ,SACE,iCACA,qCAGF,kCACE,YACE,sCAYJ,qIAPF,eAQI,gBACA,gBACA,iBAOJ,gBACE,qCAEA,eAHF,oBAII,uBAGF,sBACE,sCAEA,qBAHF,sBAII,sCAGF,qBAPF,UAQI,sCAGF,qBAXF,WAYI,kCAIJ,iBACE,qCAEA,gCAHF,4BAII,iEAIA,eACE,0DAGF,cACE,iBACA,oEAEA,UACE,YACA,gBACA,yFAGF,gBACE,SACA,mKAIJ,eAGE,gBAON,aT9gBmB,iCS6gBrB,kBAKI,6BAEA,eACE,kBAIJ,cACE,iBACA,wCAMF,oBACE,gBACA,cThiBsB,4JSmiBtB,yBAGE,oBAKN,kBACE,gBACA,eACA,kBACA,yBAEA,aACE,gBACA,aACA,CACA,kBACA,gBACA,uBACA,qBACA,WT/jBI,gCSikBJ,4FAEA,yBAGE,oCAIJ,eACE,0BAGF,iBACE,gCACA,MC/kBJ,+BACE,gBACA,iBAGF,eACE,aACA,cACA,qBAIA,kBACE,gBACA,4BAEA,QACE,0CAIA,kBACE,qDAEA,eACE,gDAIJ,iBACE,kBACA,sDAEA,iBACE,SACA,OACA,6BAKN,iBACE,gBACA,gDAEA,mBACE,eACA,gBACA,WVjDA,cUmDA,WACA,4EAGF,iBAEE,mDAGF,eACE,4CAGF,iBACE,QACA,OACA,qCAGF,aVhEoB,0BUkElB,gIAEA,oBAGE,0CAIJ,iBACE,CACA,iBACA,mBAKN,YACE,cACA,0BAEA,qBACE,cACA,UACA,cACA,oBAIJ,aVlGmB,sBUqGjB,aVlGsB,yBUsGtB,iBACE,kBACA,gBACA,wBAIJ,aACE,eACA,eACA,qBAGF,kBACE,cVvHiB,iCU0HjB,iBACE,eACA,iBACA,gBACA,gBACA,oBAIJ,kBACE,qBAGF,eACE,CAII,0JADF,eACE,sDAMJ,YACE,4DAEA,mBACE,eACA,WV1JA,gBU4JA,gBACA,cACA,wHAGF,aAEE,sDAIJ,cACE,kBACA,mDAKF,mBACE,eACA,WVhLE,cUkLF,kBACA,qBACA,gBACA,sCAGF,cACE,mCAGF,UACE,sCAIJ,cACE,4CAEA,mBACE,eACA,WVtME,cUwMF,gBACA,gBACA,4CAGF,kBACE,yCAGF,cACE,CADF,cACE,6BAIJ,oBACE,cACA,4BAGF,kBACE,8CAEA,eACE,0BAIJ,YACE,CACA,eACA,oBACA,iCAEA,cACE,kCAGF,qBACE,eACA,cACA,eACA,oCAEA,aACE,2CAGF,eACE,6GAIJ,eAEE,qCAGF,yBA9BF,aA+BI,gBACA,kCAEA,cACE,0JAGF,kBAGE,iDAKN,iBACE,oBACA,eACA,WVpRI,cUsRJ,WACA,2CAKE,mBACE,eACA,WV9RA,qBUgSA,WACA,kBACA,gBACA,kBACA,cACA,0DAGF,iBACE,OACA,QACA,SACA,kDAKN,cACE,aACA,yBACA,kBACA,sJAGF,qBAKE,eACA,WV9TI,cUgUJ,WACA,UACA,oBACA,gBACA,mBACA,sBACA,kBACA,aACA,6RAEA,aACE,CAHF,+OAEA,aACE,CAHF,mQAEA,aACE,CAHF,wQAEA,aACE,CAHF,sNAEA,aACE,8LAGF,eACE,oVAGF,oBACE,iOAGF,oBNpVY,oLMwVZ,iBACE,4WAGF,oBVxVsB,mBU2VpB,6CAKF,aACE,gUAGF,oBAME,8CAGF,aACE,gBACA,cACA,eACA,8BAIJ,UACE,uBAGF,eACE,aACA,oCAEA,YACE,mBACA,qEAIJ,aAGE,WACA,SACA,kBACA,mBVzYsB,WANlB,eUkZJ,oBACA,YACA,aACA,yBACA,qBACA,kBACA,sBACA,eACA,gBACA,UACA,mBACA,kBACA,sGAEA,cACE,uFAGF,wBACE,gLAGF,wBAEE,kHAGF,wBVzaoB,gGU6apB,kBN9aQ,kHMibN,wBACE,sOAGF,wBAEE,qBAKN,uBACE,CADF,oBACE,CADF,eACE,sBACA,eACA,WVlcI,cUocJ,WACA,UACA,oBACA,gBACA,wXACA,sBACA,kBACA,kBACA,mBACA,YACA,iBAGF,4BACE,oCAIA,iBACE,mCAGF,iBACE,UACA,QACA,CACA,qBACA,eACA,cVhdY,oBUkdZ,oBACA,eACA,gBACA,mBACA,gBACA,yCAEA,UACE,cACA,kBACA,MACA,QACA,WACA,UACA,oEACA,4BAKN,iBACE,0CAEA,wBACE,CADF,gBACE,qCAGF,iBACE,MACA,OACA,WACA,YACA,aACA,uBACA,mBACA,iCACA,kBACA,iBACA,gBACA,YACA,8CAEA,iBACE,6HAGE,UVhhBF,aU0hBR,aACE,CACA,kBACA,eACA,gBAGF,kBACE,cV/hBmB,kBUiiBnB,kBACA,mBACA,kBACA,uBAEA,qCACE,iCACA,cNziBY,sBM6iBd,mCACE,+BACA,cN9iBQ,kBMkjBV,oBACE,cVnjBiB,qBUqjBjB,wBAEA,UV1jBI,0BU4jBF,kBAIJ,kBACE,4BAGF,SACE,sBACA,cACA,WACA,YACA,aACA,gCACA,mBVtkBsB,WALlB,eU8kBJ,SACA,8CAEA,QACE,iHAGF,mBAGE,kCAGF,kBACE,uBAIJ,eACE,CAII,oKADF,eACE,0DAKN,eAzEF,eA0EI,eAIJ,eACE,kBACA,gBAEA,aVhnBmB,qBUknBjB,sBAEA,yBACE,YAKN,eACE,mBACA,eACA,eAEA,oBACE,kBACA,cAGF,aVjoBwB,yBUmoBtB,qBACA,gBACA,2DAEA,aAGE,8BAKN,kBAEE,cVppBmB,oCUupBnB,cACE,mBACA,kBACA,4CAGF,aV7pBmB,gBU+pBjB,CAII,mUADF,eACE,0DAKN,6BAtBF,eAuBI,cAIJ,YACE,eACA,uBACA,UAGF,aACE,gBNtrBM,YMwrBN,qBACA,mCACA,qBACA,cAEA,aACE,SACA,iBAIJ,kBACE,cVlsBmB,WUosBnB,sBAEA,aACE,eACA,eAKF,kBACE,sBAEA,eACE,CAII,+JADF,eACE,4CASR,qBACE,8BACA,WVnuBI,qCUquBJ,oCACA,kBACA,aACA,mBACA,gDAEA,UV3uBI,0BU6uBF,oLAEA,oBAGE,0DAIJ,eACE,cACA,kBACA,CAII,yYADF,eACE,kEAIJ,eACE,oBAMR,YACE,eACA,mBACA,4DAEA,aAEE,6BAIA,wBACA,cACA,sBAIJ,iBACE,cVvxBmB,0BU0xBnB,iBACE,oBAIJ,eACE,mBACA,uBAEA,cACE,WVvyBI,kBUyyBJ,mBACA,SACA,UACA,4BAGF,aACE,eAIJ,aNhzBc,0SM0zBZ,+BACE,aAIJ,kBACE,sBACA,kBACA,aACA,mBACA,kBACA,kBACA,QACA,mCACA,sBAEA,aACE,8BAGF,sBACE,SACA,aACA,eACA,gCACA,oBAGF,aACE,WACA,oBACA,gBACA,eACA,CACA,oBACA,WACA,iCACA,oBAGF,oBNp2Bc,gBMs2BZ,2BAEA,kBNx2BY,gBM02BV,oBAKN,kBACE,6BAEA,wBACE,mBACA,eACA,aACA,4BAGF,kBACE,aACA,OACA,sBACA,cACA,cACA,gCAEA,iBACE,YACA,iBACA,kBACA,UACA,8BAGF,qBACE,qCAIJ,kBACE,gCAGF,wBACE,mCACA,kBACA,kBACA,kBACA,kBACA,sCAEA,wBACE,WACA,cACA,YACA,SACA,kBACA,MACA,UACA,yBAIJ,sBACE,aACA,mBACA,SC36BF,aACE,qBACA,cACA,mCACA,qCAEA,QANF,eAOI,8EAMA,kBACE,YAKN,YACE,kBACA,gBACA,0BACA,gBAEA,aACE,WACA,YACA,SACA,oBACA,CADA,8BACA,CADA,gBACA,0BACA,qCAGF,WAfF,YAgBI,sCAGF,WAnBF,YAoBI,aAIJ,iBACE,aACA,aACA,2BACA,mBACA,mBACA,0BACA,qCAEA,WATF,eAUI,qBAGF,aACE,CAEA,UACqB,sCRpDzB,gBQqDI,wBAEA,UACE,YACA,cACA,SACA,kBACA,iBPLgB,wBD9DtB,4BACA,mBQoEM,oBACA,CADA,8BACA,CADA,gBACA,0BAIJ,gBACE,gBACA,iCAEA,cACE,WXhFA,gBWkFA,gBACA,uBACA,+BAGF,aACE,eACA,cXtFa,gBWwFb,gBACA,uBACA,aAMR,cACE,kBACA,gBACA,6GAEA,cAME,WX9GI,gBWgHJ,qBACA,iBACA,qBACA,sBAGF,ePrHM,oBOuHJ,WXxHI,eW0HJ,cACA,kBAGF,cACE,uCAGF,wBAEE,cXjIiB,oBWqInB,UACE,eACA,wBAEA,oBACE,iBACA,oBAIJ,WACE,gBACA,wBAEA,oBACE,gBACA,uBAIJ,cACE,WACA,qCAGF,YA9DF,iBA+DI,mBAEA,YACE,uCAGF,oBAEE,gBAKN,kBX1K0B,mCW4KxB,cXxJiB,eW0JjB,gBACA,kBACA,aACA,uBACA,mBACA,eACA,kBACA,aACA,gBACA,2BAEA,yBACE,yBAGF,qBACE,gBACA,yCAIJ,oBAEE,gBACA,eACA,kBACA,eACA,iBACA,gBACA,cX7MmB,mCW+MnB,mCACA,6DAEA,aPnNc,sCOqNZ,kCACA,qDAGF,aACE,oCACA,gCACA,0BAIJ,eACE,UACA,wBACA,gBACA,CADA,YACA,CACA,iCACA,CADA,uBACA,CADA,kBACA,eACA,iBACA,6BAEA,YACE,gCACA,yDAGF,qBAEE,aACA,kBACA,gBACA,gBACA,mBACA,uBACA,6BAGF,eACE,YACA,cACA,cX5PiB,gCW8PjB,6BAGF,aACE,cXlQiB,4BWsQnB,aXnQwB,qBWqQtB,qGAEA,yBAGE,oCAIJ,qCACE,iCACA,sCAEA,aPtRY,gBOwRV,0CAGF,aP3RY,wCOgSd,eACE,wCAIJ,UACE,0BAIA,aXzSmB,4BW4SjB,aX5SiB,qBW8Sf,qGAEA,yBAGE,iCAIJ,UX1TI,gBW4TF,wBAIJ,eACE,kBClUJ,kCACE,kBACA,gBACA,mBACA,qCAEA,iBANF,eAOI,gBACA,gBACA,6BAGF,eACE,SACA,gBACA,gFAEA,yBAEE,sCAIJ,UACE,yBAGF,kBZrBwB,6GYwBtB,sBAGE,CAHF,cAGE,8IAIA,eAGE,0BACA,iJAKF,yBAGE,kLAIA,iBAGE,qCAKN,4GACE,yBAGE,uCAKN,kBACE,qBAIJ,WACE,eACA,mBZtEwB,WANlB,oBY+EN,iBACA,YACA,iBACA,SACA,yBAEA,UACE,YACA,sBACA,iBACA,UZzFI,gFY6FN,kBAGE,qNAKA,kBZjGoB,4IYyGpB,kBR1GQ,qCQiHV,wBACE,YACE,0DAOJ,YACE,uCAGF,2BACE,gBACA,uDAEA,SACE,SACA,yDAGF,eACE,yDAKA,cACA,iBACA,mBACA,mFAGF,iBACE,eACA,WACA,WACA,WACA,qMAGF,eAGE,mEASF,cACE,gBACA,qFAGF,aZ/Jc,YYiKZ,eACA,WACA,eACA,gBACA,+GAGF,aACE,eACA,CACA,sBACA,eACA,yJAEA,cACE,uEAIJ,WACE,kBACA,WACA,eACA,iDAQF,iBACE,mBACA,yHAEA,iBACE,gBACA,+FAGF,UACE,WC3NR,gCACE,4CACA,cAGF,aACE,eACA,iBACA,cbDwB,SaGxB,uBACA,UACA,eACA,wCAEA,yBAEE,uBAGF,abfsB,eaiBpB,SAIJ,wBACE,YACA,kBACA,sBACA,Wb7BM,ea+BN,qBACA,oBACA,eACA,gBACA,YACA,iBACA,iBACA,gBACA,eACA,kBACA,kBACA,yBACA,qBACA,uBACA,2BACA,qCACA,mBACA,WACA,4CAEA,wBAGE,4BACA,qCACA,sBAGF,eACE,mFAEA,wBT3DQ,gBS+DN,kBAIJ,wBblEsB,eaoEpB,yGAGF,cAIE,iBACA,YACA,oBACA,iBACA,4BAGF,UbtFM,mBAIgB,qGasFpB,wBAGE,8BAIJ,kBbxFsB,2Ga2FpB,wBAGE,0BAIJ,cACE,iBACA,YACA,cb3GiB,oBa6GjB,uBACA,iBACA,kBACA,yBACA,+FAEA,oBAGE,cACA,mCAGF,UACE,uBAIJ,aACE,WACA,cAIJ,oBACE,UACA,cbzHoB,Sa2HpB,kBACA,uBACA,eACA,2BACA,2CACA,2DAEA,aAGE,sCACA,4BACA,2CACA,oBAGF,oCACE,uBAGF,aACE,6BACA,eACA,qBAGF,abhKwB,gCaoKxB,QACE,uEAGF,mBAGE,uBAGF,abjLmB,sFaoLjB,aAGE,oCACA,6BAGF,kCACE,gCAGF,aACE,6BACA,8BAGF,abjMsB,uCaoMpB,aACE,wBAKN,sBACE,8BACA,qBACA,kBACA,YACA,8BAEA,6BACE,mBAKN,ab1NqB,Sa4NnB,kBACA,uBACA,eACA,gBACA,eACA,cACA,iBACA,UACA,2BACA,2CACA,0EAEA,aAGE,oCACA,4BACA,2CACA,yBAGF,kCACE,4BAGF,UACE,6BACA,eACA,0BAGF,abxPwB,qCa4PxB,QACE,sFAGF,mBAGE,gBAIJ,iBACE,uBACA,YAGF,WACE,cACA,qBACA,QACA,SACA,kBACA,+BAEA,kBAEE,mBACA,oBACA,kBACA,mBACA,iBAKF,WACE,uCAIJ,MACE,kBACA,CTvSU,sES8SZ,aT9SY,uBSkTZ,aTnTc,4DSyTV,4CACE,CADF,oCACE,8DAKF,6CACE,CADF,qCACE,6BAKN,aACE,gBACA,qBACA,mCAEA,Ub9UM,0BagVJ,eAIJ,aACE,eACA,gBACA,uBACA,mBACA,iBAEA,aACE,wBACA,sBAIA,cACA,gBAKA,yCAPF,WACE,CAEA,gBACA,uBACA,gBACA,mBAWA,CAVA,mBAGF,aACE,CACA,cAKA,8BAIA,yBACE,sBAIJ,SACE,YACA,eACA,iBACA,uBACA,mBACA,gBACA,CAME,sDAGF,cACE,YACA,kBACA,oBACA,qBAKN,eACE,wBAGF,cACE,eAGF,iBACE,WACA,YACA,aACA,mBACA,uBACA,sBACA,6CAEA,cThX4B,eAEC,0DSiX3B,sBACA,CADA,gCACA,CADA,kBACA,4BAGF,iBACE,qEAGF,YACE,iBAIJ,iBACE,WACA,YACA,aACA,mBACA,uBACA,qBAEA,cTxY4B,eAEC,WSyY3B,YACA,sBACA,CADA,gCACA,CADA,kBACA,WAIJ,oBACE,oBAGF,YACE,kBACA,2BAGF,+BACE,mBACA,SACA,gBAGF,kBbjdqB,camdnB,kBACA,uCACA,mBAEA,eACE,uBAIJ,iBACE,QACA,SACA,2BACA,4BAEA,UACE,gBACA,2BACA,0BbreiB,2BayenB,WACE,iBACA,uBACA,yBb5eiB,8BagfnB,QACE,iBACA,uBACA,4BbnfiB,6BaufnB,SACE,gBACA,2BACA,2Bb1fiB,wBaggBnB,cACE,iBACA,cACA,iBACA,sBACA,qBACA,mBbtgBiB,WAHb,gBa4gBJ,uBACA,mBACA,yFAEA,kBb1gBsB,cAHL,UakhBf,sCAKN,aACE,iBACA,gBACA,QACA,gBACA,aACA,yCAEA,eACE,mBbhiBiB,cakiBjB,kBACA,mCACA,gBACA,kBACA,sDAGF,OACE,wDAIA,UACE,8CAIJ,cACE,iBACA,cACA,iBACA,sBACA,qBACA,mBbzjBiB,WAHb,gBa+jBJ,uBACA,mBACA,oDAEA,SACE,oDAGF,kBbjkBsB,cAHL,iBa2kBrB,qBACE,iBAIA,sBACA,cbpkBgB,oBaukBhB,cACE,gBACA,mBACA,kBACA,mBAGF,cACE,mBACA,iBAIJ,aAEE,gBACA,qCAGF,cACE,SACE,iBAGF,aAEE,CAEA,gBACA,yCAEA,iBACE,uCAGF,kBACE,qDAKF,gBAEE,kBACA,YAKN,qBACE,aACA,mBACA,cACA,gBACA,iBAGF,aACE,cACA,CACA,sBACA,WbppBM,qBaspBN,kBACA,eACA,gBACA,gCACA,2BACA,mDACA,qBAEA,eACE,eACA,qCVhoBA,6GADF,kBUwoBI,4BACA,kHVpoBJ,kBUmoBI,4BACA,wBAIJ,+BACE,cbvqBsB,sBa2qBxB,eACE,aACA,2BAGF,aACE,eACA,kBAIJ,iBACE,yBAEA,iBACE,SACA,UACA,mBb5rBsB,yBa8rBtB,gBACA,kBACA,eACA,gBACA,iBACA,WbzsBI,mDa8sBR,oBACE,aAGF,iBACE,kBACA,cACA,iCACA,mCAEA,eACE,yBAGF,YAVF,cAWI,oBAGF,YACE,sBACA,qBAGF,aACE,kBACA,iBACA,yBAKF,uBADF,YAEI,gBAIJ,oBACE,kBACA,eACA,6BACA,SACA,UACA,yBACA,CADA,qBACA,CADA,oBACA,CADA,gBACA,gDACA,wCACA,iCAGF,QACE,mBACA,WACA,YACA,gBACA,UACA,kBACA,UACA,yBAGF,kBACE,WACA,wBACA,qBAGF,UACE,YACA,UACA,mBACA,yBb9wBwB,qCagxBxB,sEAGF,wBACE,4CAGF,wBbtxB0B,+Ea0xB1B,wBACE,2BAGF,iBACE,WACA,YACA,MACA,SACA,gBACA,mBACA,cACA,SACA,UACA,6BACA,CAKA,uEAFF,SACE,6BAeA,CAdA,sBAGF,iBACE,WACA,YACA,MACA,SACA,gBACA,mBACA,cACA,WAGA,8CAGF,SACE,qBAGF,iBACE,QACA,SACA,WACA,YACA,yBACA,kBACA,sBACA,sBACA,yBACA,sCACA,4CAGF,SACE,qBbl1BwB,yDas1B1B,kBbv1B0B,2Ba61B1B,iBACE,gBACA,cAGF,aACE,kBAGF,kBbt2B0B,caw2BxB,oBAEA,ab52BmB,oBag3BnB,abn2BgB,yBau2BhB,0BACE,CADF,uBACE,CADF,kBACE,kDAKA,sBACA,cACA,wDAEA,kBACE,8DAGF,cACE,sDAGF,abz3Bc,ea23BZ,0DAEA,ab73BY,0Ba+3BV,sDAIJ,oBACE,cbj5Be,sMao5Bf,yBAGE,0BAKN,aACE,UACA,mCACA,CADA,0BACA,gBACA,6BAEA,cACE,yBACA,cbp6Be,aas6Bf,gBACA,gCACA,sCAGF,oDACE,YACE,uCAIJ,oDACE,YACE,uCAIJ,yBA3BF,YA4BI,yCAGF,eACE,aACA,iDAEA,ab/7Be,qBas8BrB,oBACE,kBACA,eACA,iBACA,gBACA,mBbz8BwB,gBa28BxB,iBACA,qBAGF,eACE,gBACA,2BAEA,iBACE,aACA,wBAGF,kBACE,yBAGF,oBACE,gBACA,yBACA,yBACA,eAIJ,abt+BqB,uBaw+BnB,CACA,WACA,CADA,+BACA,sBACA,cACA,oBACA,mBACA,cACA,WACA,0CAEA,Ubr/BM,4BAMkB,qCGkBtB,yDADF,cUq+BE,sBAGF,Ub//BM,gCaigCJ,sDAEA,UbngCI,4BAMkB,mDaqgC1B,uBACE,YACA,6CACA,uBACA,sBACA,WACA,0DAEA,sBACE,0DAIJ,uBACE,2BACA,gDAGF,ab5gCsB,6Ba8gCpB,uDAGF,ab5hC0B,yDagiC1B,aACE,YAGF,aACE,cb3hCgB,6Ba6hChB,SACA,kBACA,kBACA,oBACA,SACA,aACA,sBACA,WACA,WACA,qBACA,kBAEA,kBACE,WAIJ,+BACE,oBAGF,gBACE,qEAGF,4BACE,gCAGF,eACE,kBACA,MACA,QACA,YACA,kBACA,YAEA,mBACA,yBACA,eACA,aAEA,wCAEA,UTvhCsB,mBSyhCpB,aACA,sBACA,mBACA,uBACA,mBACA,8BACA,wBACA,gCACA,uCAGF,wBACE,kBACA,WACA,YACA,eACA,cbxmCiB,yBa0mCjB,aACA,uBACA,mBACA,sCAGF,mBACE,6CAEA,8BACE,WAKN,oBACE,UACA,oBACA,kBACA,cACA,SACA,uBACA,eACA,oBAGF,abvnCkB,eaynChB,gBACA,yBACA,iBACA,kBACA,QACA,SACA,+BACA,yBAEA,aACE,WACA,CACA,0BACA,oBACA,mBACA,4BAIJ,iBACE,QACA,SACA,+BACA,WACA,YACA,sBACA,6BACA,CACA,wBACA,kBACA,2CAGF,2EACE,CADF,mEACE,8CAGF,4EACE,CADF,oEACE,qCAGF,GACE,sBACE,KAGF,2BACE,KAGF,2BACE,KAGF,yBACE,IAGF,wBACE,EArBF,4BAGF,GACE,sBACE,KAGF,2BACE,KAGF,2BACE,KAGF,yBACE,IAGF,wBACE,uCAIJ,GACE,wBACE,KAGF,0BACE,KAGF,2BACE,KAGF,uBACE,IAGF,sBACE,EAtBA,6BAIJ,GACE,wBACE,KAGF,0BACE,KAGF,2BACE,KAGF,uBACE,IAGF,sBACE,mCAIJ,GACE,OACE,SACA,yBACA,KAGF,wBACE,KAGF,UACE,YACA,6BACA,kBACA,UACA,IAGF,UACE,YACA,eACA,UACA,6BACA,EA5BA,yBAIJ,GACE,OACE,SACA,yBACA,KAGF,wBACE,KAGF,UACE,YACA,6BACA,kBACA,UACA,IAGF,UACE,YACA,eACA,UACA,6BACA,kCAIJ,GACE,gBACA,aACA,aAPE,wBAIJ,GACE,gBACA,aACA,6BAGF,KACE,OACA,WACA,YACA,kBACA,YACA,2BAEA,YACE,SACA,QACA,WACA,YACA,mBACA,6BAGF,mBACE,yBAGF,YACE,0BAGF,aACE,uBACA,WACA,YACA,SACA,iCAEA,oBACE,8BACA,kBACA,iBACA,WbpyCE,gBasyCF,eACA,+LAMA,6BACE,mEAKF,6BACE,iBAMR,aACE,iBACA,mEAGF,ab5zCqB,qBag0CnB,mBACA,gBACA,sBACA,gBAGF,aACE,iBACA,uBAGF,eACE,8BAGF,ab/0CqB,eai1CnB,cACA,gBACA,gBACA,uBAGF,qBACE,sBAGF,WACE,8BAGF,GACE,kBACE,+BACA,2CACA,CADA,kCACA,KAGF,oBACE,0CACA,CADA,iCACA,KAGF,oBACE,2CACA,CADA,kCACA,KAGF,oBACE,0CACA,CADA,iCACA,KAGF,kBACE,2CACA,CADA,kCACA,EA3BF,qBAGF,GACE,kBACE,+BACA,2CACA,CADA,kCACA,KAGF,oBACE,0CACA,CADA,iCACA,KAGF,oBACE,2CACA,CADA,kCACA,KAGF,oBACE,0CACA,CADA,iCACA,KAGF,kBACE,2CACA,CADA,kCACA,iBAIJ,0DACE,CADF,kDACE,cAGF,kBACE,8BACA,aACA,YACA,uBACA,OACA,UACA,kBACA,MACA,kBACA,WACA,aACA,gBAEA,mBACE,oBAIJ,WACE,aACA,aACA,sBACA,kBACA,YACA,0BAGF,iBACE,MACA,QACA,SACA,OACA,WACA,kBACA,mBbh6CwB,kCak6CxB,uBAGF,MACE,aACA,mBACA,uBACA,cb36CmB,ea66CnB,gBACA,0BACA,kBACA,qCAGF,SACE,oBACA,CADA,WACA,cAGF,wBbr7C0B,Wau7CxB,kBACA,MACA,OACA,aACA,qBAGF,iBACE,aAGF,iBACE,cACA,aACA,WACA,yBbt8CwB,kBaw8CxB,cACA,UACA,WACA,eAGF,YACE,gCACA,CACA,iBACA,qBAEA,kBACE,UACA,uBAGF,aACE,CACA,sBACA,kBACA,uBAGF,oBACE,mBbj+CsB,kBam+CtB,cACA,eACA,wBACA,wBAGF,aACE,CACA,0BACA,gBACA,8BAEA,eACE,aACA,2BACA,8BACA,uCAGF,cACE,cb1/Ce,kBa4/Cf,+BAGF,ab//CiB,eaigDf,mBACA,gBACA,uBACA,kBACA,gBACA,YACA,iCAEA,Ub5gDE,qBa8gDA,oHAEA,yBAGE,yCAKN,QACE,uBAIJ,kBACE,6BAEA,kBACE,oDAGF,eACE,6DAGF,UbxiDI,oBaijDN,kBACA,cACA,2BAGF,eACE,UAGF,iBACE,cAEA,WACE,WACA,sCACA,CADA,6BACA,cAGF,cACE,iBACA,cblkDiB,gBaokDjB,gBAEA,abnkDsB,0BaqkDpB,sBAEA,oBACE,gBAIJ,qBACE,4BAKN,GACE,cACA,eACA,WARI,mBAKN,GACE,cACA,eACA,2CC5lDF,u+KACE,uCAEA,u+KACE,CAOA,8MAMF,okBACE,UClBJ,YACE,gCACA,cACA,qBACA,iCAEA,aACE,cACA,cfJiB,gBeMjB,qBACA,eACA,gBAGF,WACE,UACA,yCAEA,8CAEA,WACE,iBACA,mBAKN,YACE,0BAGF,UACE,iBACA,kBACA,kBAGF,gBX0BwB,wBD9DtB,4BACA,kBYqCA,eACA,yBAEA,oBACE,sBACA,iBACA,4BZ3CF,eYgDE,CACA,cACA,2DAJF,gBXesB,wBD9DtB,4BACA,CYgDE,iBAQE,CANF,+BZlDF,UYsDI,CACA,qBACA,mCAGF,aACE,kBACA,QACA,SACA,+BACA,WflEE,6BeoEF,gBACA,eACA,0BAKN,iBACE,WACqB,sCZrErB,+BANA,UY+EuB,sCZzEvB,gEYuEA,gBXhBsB,wBD9DtB,4BY0FE,CZnFF,iCANA,UYoFuB,sCZ9EvB,kBYgFE,SACA,QACA,UACA,wBAIJ,WACE,aACA,mBACA,2BAGF,aACE,mBACA,sBAGF,YACE,cf3FgB,6Be8FhB,eACE,CAII,kMADF,eACE,wBAKN,eACE,cACA,0BACA,yFAEA,oBAGE,sBAKN,4BACE,gCACA,iBACA,gBACA,cACA,aACA,4BAGF,YACE,cACA,iBACA,kBACA,2BAGF,oBACE,gBACA,cACA,8BACA,eACA,oCACA,uCAEA,aACE,kCAGF,+BACE,gCAGF,aACE,yBACA,eACA,cfrKiB,kCeyKnB,aACE,eACA,gBACA,Wf/KI,CeoLA,2NADF,eACE,gCAKN,afnLwB,oBewL1B,iBACE,mDAEA,aACE,mBACA,gBACA,4BAIJ,UACE,kBACA,wBAGF,gBACE,qBACA,eACA,cf7MmB,ee+MnB,kBACA,4BAEA,af/MwB,6BemNxB,aACE,gBACA,uBACA,iBAIJ,kBACE,6BACA,gCACA,aACA,mBACA,eACA,kDAGF,aAEE,kBACA,yBAGF,kBACE,aACA,2BAGF,afjPqB,eemPnB,cACA,gBACA,mBACA,kDAIA,kBACE,oDAIA,SZ7MF,sBACA,WACA,YACA,gBACA,oBACA,mBHrDwB,cAFL,eG0DnB,SACA,+EYuMI,aACE,CZxMN,qEYuMI,aACE,CZxMN,yEYuMI,aACE,CZxMN,0EYuMI,aACE,CZxMN,gEYuMI,aACE,sEAGF,QACE,yLAGF,mBAGE,0DAGF,kBACE,qCAGF,mDArBF,cAsBI,yDAIJ,af5Qc,iBe8QZ,eACA,4DAGF,gBACE,wDAGF,kBACE,gEAEA,cACE,iNAEA,kBAGE,cACA,gHAKN,aflTiB,0HeuTjB,cAEE,gBACA,cf7SY,kZegTZ,aAGE,gEAIJ,wBACE,iDAGF,eX1UI,kBDkEN,CAEA,eACA,cH7CiB,uCG+CjB,UYqQI,mBf1Ue,oDGuEnB,wBACE,cHlDe,eGoDf,gBACA,mBACA,oDAGF,aACE,oDAGF,kBACE,oDAGF,eACE,WH3FI,sDeiVJ,WACE,mDAGF,UfrVI,kBeuVF,eACA,8HAEA,kBAEE,iCAON,kBACE,mBAIJ,UfxWQ,kBe0WN,cACA,mBACA,sBf3WM,yBe6WN,eACA,gBACA,YACA,kBACA,WACA,yBAEA,SACE,6BAIJ,YACE,eACA,gBACA,wBAGF,WACE,sBACA,cACA,kBACA,kBACA,gBACA,WACA,+BAEA,iBACE,QACA,SACA,+BACA,eACA,sDAIJ,kBAEE,gCACA,eACA,aACA,cACA,oEAEA,kBACE,SACA,SACA,6HAGF,aAEE,cACA,cfhaiB,eekajB,eACA,gBACA,kBACA,qBACA,kBACA,yJAEA,afzaiB,qWe4af,aAEE,WACA,kBACA,SACA,SACA,QACA,SACA,2BACA,CAEA,4CACA,CADA,kBACA,CADA,wBACA,iLAGF,WACE,6CACA,8GAKN,kBACE,gCACA,qSAKI,YACE,iSAGF,4CACE,sBAQR,sBACA,mBACA,6BACA,gCACA,+BAEA,iBACE,iBACA,cfjdc,Ceodd,eACA,eACA,oCAEA,aACE,gBACA,uBACA,oCAIJ,UACE,kBACA,uDAGF,iBACE,qDAGF,eACE,2BAIJ,af1fqB,ee4fnB,gBACA,gBACA,kBACA,qBACA,6BAEA,kBACE,wCAEA,eACE,6BAIJ,aACE,0BACA,mCAEA,oBACE,kBAKN,eACE,2BAEA,UACE,8FAEA,8BAEE,CAFF,sBAEE,wBAIJ,iBACE,SACA,UACA,yBAGF,eACE,aACA,kBACA,mBACA,6BAEA,mBACE,CADF,8BACE,CADF,gBACE,cACA,WACA,YACA,SACA,uBAIJ,iBACE,mBACA,YACA,gCACA,+BAEA,aACE,cACA,WACA,iBACA,gDAEA,kBACE,yBACA,wBAKN,YACE,uBACA,gBACA,iBACA,iCAEA,YACE,mBACA,iBACA,gBACA,8CAEA,wBACE,kBACA,uBACA,YACA,yCAGF,YACE,8BAIJ,WACE,4CAEA,kBACE,wCAGF,UACE,YACA,iCAGF,cACE,iBACA,WfjnBA,gBemnBA,gBACA,mBACA,uBACA,uCAEA,aACE,eACA,cfvnBW,gBeynBX,gBACA,uBACA,gCAKN,aACE,uBAIJ,eACE,cACA,iDAGE,qBACA,Wf9oBE,gDekpBJ,QACE,6BACA,kDAEA,aACE,yEAGF,uBACE,4DAGF,aX5pBU,yBWkqBd,cACE,gCAEA,cACE,cfrqBe,eeuqBf,kCAEA,oBACE,cf1qBa,qBe4qBb,iBACA,gBACA,yCAEA,eACE,WfprBF,SgBDR,YACE,gCACA,8BAEA,aACE,cACA,WhBLI,qBgBOJ,eACA,gBACA,kBAIJ,YACE,iBAGF,WACE,aACA,mBACA,mCCrBF,GACE,sBACE,KAGF,2BACE,KAGF,4BACE,KAGF,2BACE,IAGF,yBACE,EDGF,0BCrBF,GACE,sBACE,KAGF,2BACE,KAGF,4BACE,KAGF,2BACE,IAGF,yBACE,qCAIJ,GACE,yBACE,KAGF,yBACE,KAGF,4BACE,KAGF,wBACE,IAGF,sBACE,EAtBA,2BAIJ,GACE,yBACE,KAGF,yBACE,KAGF,4BACE,KAGF,wBACE,IAGF,sBACE,gCAIJ,cACE,kBAGF,iBACE,cACA,eACA,iBACA,qBACA,gBACA,iBACA,gBACA,wBAEA,SACE,4BAGF,UACE,YACA,gBACA,sBAGF,cACE,iBACA,sBACA,CADA,gCACA,CADA,kBACA,qEAGF,kBACE,qBACA,sGAEA,eACE,qEAIJ,eAEE,qJAEA,kBAEE,mXAGF,eACE,mBACA,qJAGF,eACE,gBACA,2EAGF,eACE,+NAGF,eACE,2FAGF,iBACE,8BACA,cjB5Ge,mBiB8Gf,qHAEA,eACE,2JAIJ,eACE,mJAGF,iBACE,6EAGF,iBACE,eACA,6EAGF,iBACE,qBACA,qJAGF,eACE,6JAEA,QACE,2EAIJ,oBACE,2EAGF,uBACE,oBAIJ,ab9Ic,qBagJZ,0BAEA,yBACE,8BAEA,aACE,kCAKF,oBACE,uCAEA,yBACE,wBAKN,ajBjKc,4CiBsKhB,YACE,8EAEA,aACE,mCAIJ,aACE,oDAEA,ab5LQ,ea8LN,CAKF,sDAEA,kBAEE,gCAKN,oBACE,kBACA,mBACA,YACA,WjBrNM,gBiBuNN,eACA,cACA,yBACA,oBACA,eACA,sBACA,sCAEA,kBACE,qBACA,+DAGF,oBACE,iBACA,sBACA,kBACA,eACA,oBACA,2GAKF,oBAGE,4BAIJ,ajBtOkB,SiBwOhB,kBACA,kBACA,oBACA,SACA,aACA,sBACA,WACA,WACA,gCACA,+BAGF,UACE,kBACA,mDAGF,iBAEE,gCAGA,qEAEA,eACE,kBAKF,SACE,mBACA,kDAEA,kBACE,wDAEA,sBACE,iFAIJ,kBAEE,SAKN,iBACE,kBACA,YACA,gCACA,eACA,UAaA,mCACA,CADA,0BACA,wDAZA,QAPF,kBAUI,0BAGF,GACE,aACA,WALA,gBAGF,GACE,aACA,uDAMF,cAEE,kCAGF,kBACE,4BACA,sCAIA,ajBtUiB,CAHb,uEiBkVF,UjBlVE,kCiBsVF,ajBnVe,gCiBwVjB,UjB3VI,kCiB8VF,ajBxVoB,gEiB4VpB,UjBlWE,mBAIgB,sEiBkWhB,kBACE,mBAMR,uBACE,sBACA,yBACA,CADA,qBACA,CADA,oBACA,CADA,gBACA,yCAEA,aACE,kBACA,OACA,QACA,MACA,SACA,6FACA,oBACA,WACA,2DAGF,oBACE,oCAGF,WACE,gBACA,uBACA,cACA,0CAEA,UACE,kBACA,MACA,gBACA,gEACA,oBACA,4CAGF,oBACE,gDAGJ,uDACE,mEAEF,uDACE,0CAGF,eACE,6DAGF,kBACE,gCAIJ,mBACE,+CAKF,sBACE,qEAEA,aACE,wBAKN,oBACE,YACA,CjBtagB,ciBwahB,iBACA,mBACA,CACA,sBACA,8CANA,ajBtagB,CiB0ahB,eAOA,8CAGF,aACE,eACA,eAGF,YACE,8BACA,eACA,oBAEA,sBACE,gBACA,2CAGF,oBACE,sBAIJ,YACE,mBACA,WACA,cjB1coB,iIiB6cpB,gBAGE,kBACA,0EAGF,yBACE,yEAMA,0CACE,CADF,kCACE,2EAKF,2CACE,CADF,mCACE,wBAKN,YACE,mBACA,2BACA,mBAGF,+BACE,aACA,6CAEA,uBACE,OACA,4DAEA,eACE,8DAGF,SACE,mBACA,qHAGF,cAEE,gBACA,4EAGF,cACE,0BAKN,kBACE,aACA,cACA,uBACA,aACA,kBAGF,gBACE,mBACA,iBACA,cjBthBgB,CiBwhBhB,iBACA,eACA,kBACA,+CAEA,ajB7hBgB,uBiBiiBhB,aACE,gBACA,uBACA,qBAIJ,kBACE,aACA,eACA,8BAEA,mBACE,kBACA,mBACA,yDAEA,gBACE,qCAGF,oBACE,WACA,eACA,gBACA,cjBzjBgB,4BiB+jBtB,iBACE,8BAGF,cACE,cACA,uCAGF,aACE,aACA,mBACA,uBACA,kBACA,kBAGF,kBACE,kBACA,wBAEA,YACE,eACA,8BACA,uBACA,uFAEA,SAEE,mCAIJ,cACE,iBACA,6CAEA,UACE,YACA,gBACA,+DAIJ,cAEE,wBAIJ,eACE,cjBnnBgB,eiBqnBhB,iBACA,8BAGF,kBACE,6BACA,gCACA,aACA,mBACA,eACA,wBAGF,aACE,qBACA,uDAGF,oBAEE,gBACA,eACA,gBACA,6JAGF,oBAME,4DAKA,UjB1qBM,kBiBgrBN,UACE,iKAQF,yBACE,+BAIJ,aACE,gBACA,uBACA,0DAGF,aAEE,sCAGF,kBACE,gCAGF,ajB1sBqB,ciB4sBnB,iBACA,mBACA,gBACA,2EAEA,aAEE,uBACA,gBACA,uCAGF,cACE,WjB5tBI,kCiBiuBR,UACE,kBACA,iBAGF,SACE,kBACA,YACA,WACA,CjB1tBgB,8IiBquBhB,ajBruBgB,wBiByuBhB,UACE,wCAGF,kBjBpvBsB,WAThB,8CiBiwBJ,kBACE,qBACA,+DAOJ,yBACE,cAIJ,YACE,eACA,yBACA,kBACA,cjBnwBgB,gBiBqwBhB,qBACA,gBACA,uBAEA,QACE,OACA,kBACA,QACA,MAIA,iDAHA,YACA,uBACA,mBAUE,CATF,0BAEA,yBACE,kBACA,iBACA,cAIA,sDAGF,cAEE,cjB5yBe,uBiB8yBf,SACA,cACA,qBACA,eACA,iBACA,sMAEA,UjBxzBE,yBiB+zBJ,cACE,kBACA,YACA,+DAGF,aACE,eAKN,cACE,qBAEA,kBACE,oBAIJ,cACE,cACA,qBACA,WACE,YACA,SACA,2BAIF,UACE,YACA,qBAIJ,aACE,gBACA,kBACA,cjBn2BmB,gBiBq2BnB,uBACA,mBACA,qBACA,uBAGF,aACE,gBACA,2BACA,2BAGF,ajBj3BqB,oBiBq3BrB,aACE,eACA,eACA,gBACA,uBACA,mBACA,qBAGF,cACE,mBACA,kBACA,yBAEA,cACE,kBACA,yBACA,QACA,SACA,+BACA,yBAIJ,aACE,6CAEA,UACE,mDAGF,yBACE,6CAGF,mBACE,sBAIJ,oBACE,kCAEA,QACE,4CAIA,oBACA,0CAGF,kBACE,0CAGF,aACE,6BAIJ,wBACE,2BAGF,yBACE,cACA,SACA,WACA,YACA,oBACA,CADA,8BACA,CADA,gBACA,sBACA,wBACA,kBAGF,YACE,eACA,yBACA,kBACA,gBACA,gBACA,wBAEA,aACE,cjB77Bc,iBiB+7Bd,eACA,+BACA,aACA,sBACA,mBACA,uBACA,eACA,4BAEA,aACE,wBAIJ,eACE,CACA,qBACA,aACA,sBACA,uBACA,2BAEA,aACE,cACA,0BAGF,oBACE,cjB39BY,gBiB69BZ,gCAEA,yBACE,0BAKN,QACE,eACA,iDAEA,SACE,cACA,8BAGF,ajB9+Bc,oCiBo/BlB,cACE,cACA,SACA,uBACA,UACA,kBACA,oBACA,oFAEA,yBAEE,6BChhCJ,kBACE,aAGF,iBACE,8BACA,oBACA,aACA,sBAGF,cACE,MACA,OACA,QACA,SACA,8BACA,wBAGF,cACE,MACA,OACA,WACA,YACA,aACA,sBACA,mBACA,uBACA,2BACA,aACA,oBACA,yBACA,CADA,qBACA,CADA,oBACA,CADA,gBACA,oBAGF,mBACE,aACA,aACA,6CAGF,kBlBtCqB,WAHb,kBkB8CN,gBACA,aACA,sBACA,0BAGF,WACE,WACA,gBACA,iBACA,8DAEA,UACE,YACA,sBACA,aACA,sBACA,mBACA,uBACA,aACA,yBACA,CADA,qBACA,CADA,oBACA,CADA,gBACA,oBAIJ,WACE,WACA,gBACA,iBACA,kBACA,wBAEA,iBACE,MACA,OACA,WACA,YACA,sBACA,aACA,aACA,CAGA,YACA,UACA,yBACA,CADA,qBACA,CADA,oBACA,CADA,gBACA,2CANA,qBACA,mBACA,uBAaF,CATE,mBAIJ,YACE,CAGA,iBACA,qCAGF,kBACE,UACE,YACA,gBACA,0BAGF,UACE,YACA,eACA,gBACA,cACA,oDAIJ,aAEE,mBACA,aACA,aACA,2DAEA,cACE,uLAGF,alBhImB,SkBmIjB,eACA,gBACA,kBACA,oBACA,YACA,aACA,kBACA,6BACA,+mBAEA,aAGE,yBACA,ClBpJE,wyEkB2JF,UAGE,sBAMR,sBACE,yBAGF,aACE,aACA,mBACA,uBACA,wBAGF,UACE,YACA,mBACA,mBACA,aACA,eACA,8BAEA,kBACE,+BAGF,cACE,mBACA,kCAIJ,mBACE,CACA,mBACA,0EAEA,mBACE,yBAIJ,cACE,iBACA,4BAEA,cACE,gBACA,WlBjNI,mBkBmNJ,2BAGF,alBhNwB,kGkBmNtB,aAGE,2CAIJ,aACE,2BAGF,cACE,clBlOiB,gBkBoOjB,mBACA,sCAEA,eACE,kCAGF,eACE,mBlB1OoB,cAFL,kBkB+Of,eACA,gBACA,CAII,2NADF,eACE,oCAOV,WACE,UACA,mCAME,mBACA,mBACA,sCAEA,cACE,iBACA,kBACA,qCAGF,eACE,oCAIJ,kBACE,mBACA,kBACA,eAIJ,iBACE,eACA,mBACA,sBAEA,eACE,WlBnSI,kBkBqSJ,yBACA,eACA,qBAGF,kBlBrSwB,cAFL,gBkB0SjB,aACA,kBACA,6HAQF,eACE,qJAGF,kBACE,clBzTiB,mBkB2TjB,kBACA,aACA,kBACA,eACA,sCACA,yPAEA,iBACE,mBACA,qNAGF,mBACE,gBACA,4CAMJ,YACE,mBACA,gDAEA,UACE,cACA,4DAEA,aACE,2DAGF,cACE,kDAGF,iBACE,uDAIJ,eACE,sDAIJ,UlB5WM,2DkBiXR,0BACE,cACE,iBACA,qJAGF,cAIE,mBACA,4CAGF,kBACE,sDAGF,WACE,eACA,mBAIJ,oBACE,eACA,gBACA,iBACA,uHAGF,kBAOE,WlBvZM,kBkByZN,gBACA,eACA,YACA,kBACA,sBACA,+SAEA,alBhZgB,YkBkZd,eACA,WACA,eACA,gBACA,uSAGF,YACE,uPAGF,WACE,WACA,+WAGF,aACE,wBAKF,edvbM,CJEa,gBkBwbjB,oBACA,iEd3bI,2BJEa,qDkBicrB,iBAEE,aACA,qEAEA,wBACE,CADF,qBACE,CADF,oBACE,CADF,gBACE,gBACA,kKAIJ,YAKE,8BACA,mBlBldmB,akBodnB,iBACA,0LAEA,aACE,iBACA,clBzdiB,mBkB2djB,kNAGF,aACE,6DAIJ,cAEE,yDAGF,WAEE,eACA,0BAGF,gBAEE,sDAGF,qBAEE,eAGF,UACE,gBACA,0BAGF,YACE,6BACA,qCAEA,yBAJF,cAKI,gBACA,iDAIJ,qBAEE,UACA,qCAEA,+CALF,UAMI,sDAIJ,aAEE,gBACA,gBACA,gBACA,kBACA,2FAEA,alBthBwB,qCkB0hBxB,oDAZF,eAaI,sCAKF,4BADF,eAEI,yBAIJ,YACE,+BACA,gBACA,0BAEA,cACE,iBACA,mBACA,sCAGF,aACE,sBACA,WACA,CACA,UlB1jBI,gBICA,ac4jBJ,oBACA,eACA,YACA,CACA,SACA,kBACA,yBACA,iBACA,gBACA,gBACA,4CAEA,wBACE,+CAGF,ed5kBI,yBc8kBF,mBACA,kBACA,6DAEA,QACE,gBACA,gBACA,mEAEA,QACE,0DAIJ,UlB7lBE,oBkB+lBA,eACA,gBd/lBA,+CcomBJ,YACE,8BACA,mBACA,4CAIJ,aACE,WlB7mBI,ekB+mBJ,gBACA,mBACA,wCAGF,eACE,mBACA,+CAEA,UlBxnBI,ekB0nBF,qCAIJ,uBAnFF,YAoFI,eACA,QACA,wCAEA,iBACE,iBAKN,eAWE,eACA,wBAXA,eACE,iBACA,uBAGF,aACE,gBACA,2CAMF,eACE,mBAGF,eACE,cACA,gBACA,+BAEA,4BACE,4BAGF,QACE,oCAIA,UlBzqBE,akB2qBA,kBACA,eACA,mBACA,qBACA,8EAEA,eAEE,yWAOA,kBlBprBgB,WANlB,iJkBisBA,iBAGE,oMAUR,aACE,iIAIJ,4BAIE,clBptBmB,ekBstBnB,gBACA,6cAEA,aAGE,6BACA,uCAIJ,iBACE,mBACA,oBACA,eAEA,yFAEA,qBACE,qGAIJ,YAIE,eACA,iIAEA,eACE,CAII,w1BADF,eACE,sDAMR,iBAEE,oDAKA,eACE,0DAGF,eACE,mBACA,aACA,mBACA,wEAEA,UlBnxBI,CkBqxBF,gBACA,uBAKN,YACE,2CAEA,QACE,WACA,cAIJ,UACE,eACA,gBACA,iBAEA,YACE,gBACA,eACA,kBACA,sCAGF,YACE,4CAEA,kBACE,yDAGF,SACE,sBACA,cACA,WACA,YACA,aACA,gDACA,mBlBzzBoB,WALlB,ekBi0BF,CACA,eACA,kBACA,2EAEA,QACE,wMAGF,mBAGE,+DAGF,kBACE,qCAGF,wDA7BF,cA8BI,4DAIJ,WACE,eACA,gBACA,SACA,kBACA,cAKN,iBACE,YACA,gBACA,YACA,aACA,uBACA,mBACA,gBd12BM,yDc62BN,aAGE,gBACA,WACA,YACA,SACA,sBACA,CADA,gCACA,CADA,kBACA,gBdr3BI,uBcy3BN,iBACE,YACA,aACA,+BACA,iEACA,kBACA,wCACA,uBAGF,iBACE,WACA,YACA,MACA,OACA,uBAGF,iBACE,YACA,WACA,UACA,YACA,4BACA,6BAEA,UACE,8BAGF,UlBv5BI,ekBy5BF,gBACA,cACA,kBACA,2BAGF,iBACE,mCACA,qCAIJ,oCACE,eAEE,uBAGF,YACE,wBAKN,gBACE,sCAEA,eACE,gCAGF,eACE,qDAGF,UlB57BM,iDkBg8BN,YACE,0DAEA,YACE,0BAIJ,YACE,iBACA,uBACA,kDAGF,alB77BoB,qBkB+7BlB,wDAEA,yBACE,WCp9BN,YACE,oBAGF,cACE,uBACA,eACA,gBACA,cnBJmB,4CmBOnB,afNY,sCeWd,2CACE,oBAGF,QACE,wBACA,UACA,+CAEA,WACE,mBACA,UACA,0BAGF,aACE,sBACA,SACA,YACA,kBACA,aACA,WACA,UACA,WnBtCI,gBICA,eewCJ,oBACA,gBACA,qDAEA,anB7Bc,CmB2Bd,2CAEA,anB7Bc,CmB2Bd,+CAEA,anB7Bc,CmB2Bd,gDAEA,anB7Bc,CmB2Bd,sCAEA,anB7Bc,gCmBiCd,8ChBpCA,uCADF,cgBsC4D,0ChBjC5D,cgBiC4D,oBAI9D,UnBtDQ,mBmBwDN,mBnBpDsB,oCmBsDtB,iBACA,kBACA,eACA,gBACA,sBAEA,anB7DmB,gBmB+DjB,0BACA,mFAEA,oBAEU,iCAKZ,mBACA,eAEA,gBACA,wCAEA,anB5EwB,sDmBgFxB,YACE,2CAGF,oBACE,kBACA,yBACA,sBACA,WACA,YACA,cACA,gBACA,kBACA,SACA,kBACA,sBACA,kDAEA,oBnBlGsB,qCmByG1B,eACE,kBACA,aACA,mBnB9GsB,gBmBgHtB,gBACA,cACA,yBAEA,iBACE,gBACA,wCAEA,UnB5HI,iCmB8HJ,WACE,iBACA,2BAIJ,iBACE,cACA,CACA,cACA,iBACA,WnBzII,qBmB2IJ,gBACA,iBACA,qBACA,mBACA,gBACA,gGAEA,kBACE,qBACA,iIAEA,eACE,kJAIJ,eACE,mBACA,2DAGF,eACE,eACA,8BAGF,cACE,wFAGF,eACE,sCAGF,iBACE,2BACA,WnB/KE,mBmBiLF,mDAEA,eACE,8DAIJ,eACE,0DAGF,iBACE,+BAGF,iBACE,eACA,2DAGF,eACE,+DAEA,QACE,8BAIJ,oBACE,8BAGF,uBACE,6BAGF,anBlNiB,qBmBoNf,mCAEA,oEAGE,oBACE,gDAEA,qDAMR,UACE,YACA,gBACA,wBAIJ,iBACE,UACA,QACA,gHAEA,mCAEE,uDAIJ,iBAEE,WACA,mIAGE,aACE,sBACA,SACA,YACA,0BACA,yBACA,WACA,iBACA,UACA,WnBtQE,gBICA,eewQF,oBACA,YACA,qBACA,yLAEA,anB9PY,CmB4PZ,sKAEA,anB9PY,CmB4PZ,8KAEA,anB9PY,CmB4PZ,gLAEA,anB9PY,CmB4PZ,4JAEA,anB9PY,yKmBkQZ,SACE,qJAGF,kBnBnRe,+ImBoRf,8ChB1QF,8JADF,cgB4Q8D,kKhBvQ9D,cgBuQ8D,qChBhQ5D,8TADF,sBgBoQM,gBACA,6BAMR,aACE,kBACA,SACA,UACA,WACA,gBACA,2CAEA,aACE,mBACA,WACA,YACA,cnB3SiB,emB6SjB,iBACA,kBACA,WACA,4CAIJ,iBACE,SACA,oCAGF,aACE,kBACA,sBACA,SACA,0BACA,YACA,WACA,WnBnUM,mBAGa,sCmBmUnB,eACA,WACA,aACA,6CAGF,aACE,0CAGF,YACE,eACA,kBACA,iMAEA,kBAGa,iKAEb,YAGE,mBACA,mBACA,2BACA,iBACA,eACA,+DAGF,6BACE,qEAEA,aACE,gBACA,uBACA,mBACA,sEAGF,eACE,qEAGF,aACE,iBACA,gBACA,uBACA,mBACA,4EAMA,anB3Xe,wBmBgYrB,eACE,iCAEA,YACE,mBACA,eACA,oBACA,YACA,gBACA,8BAIJ,UACE,WACA,cACA,kCAEA,iBACE,kBACA,aACA,WACA,sBfzZI,wBe2ZJ,sBACA,4BACA,gBACA,2CAEA,aACE,kBACA,sBACA,SACA,OACA,SACA,SACA,aACA,WACA,cnBtae,gFmBwaf,eACA,oBACA,gBACA,UACA,UACA,4BACA,iDAEA,UflbE,sEeobF,WACE,cnBnba,CIFb,4DeobF,WACE,cnBnba,CIFb,gEeobF,WACE,cnBnba,CIFb,iEeobF,WACE,cnBnba,CIFb,uDeobF,WACE,cnBnba,yCmBwbjB,2EAKE,0CAKN,iFACE,aACA,uBACA,8BACA,UACA,4BACA,8CAEA,aACE,cnB3ciB,emB6cjB,gBACA,aACA,oBACA,2JAEA,aAGE,wCAIJ,SACE,kCAIJ,YACE,aACA,cnBhemB,gBmBkenB,sCAEA,cACE,kBACA,2CAGF,aACE,gDAEA,aACE,eACA,gBACA,yBACA,qDAGF,iBACE,eACA,kBACA,WACA,WACA,mBnBlfkB,8DmBqflB,iBACE,MACA,OACA,WACA,kBACA,mBnB7fkB,0BmBogB1B,UnB1gBQ,oBmB4gBN,eACA,gBf5gBM,4BeghBR,YACE,gBACA,0BACA,YACA,aACA,8BACA,cACA,oBAGF,YACE,cACA,sBAEA,oBACE,uBACA,cACA,YACA,iBACA,sBACA,uBAGF,oBACE,aACA,CAEA,oBACA,CADA,0BACA,UACA,QACA,YACA,uBACA,2BAIJ,iBACE,iBACA,0CAKE,yBACE,qCACA,WnB9jBE,mBAMkB,gBmB2jBpB,8CAGA,yBACE,oCACA,uCAMR,iBACE,kBACA,uCACA,gBf9kBM,gBeglBN,uBACA,6CAGF,YACE,mBACA,aACA,WnBxlBM,emB0lBN,sDAEA,aACE,cnB1lBiB,wEmB6lBjB,6EAEA,aACE,WnBnmBE,gBmBqmBF,sGAIJ,kBnBnmBwB,WANlB,6PmBinBF,UnBjnBE,0DmBqnBN,wCAGF,gBACE,iBACA,mBACA,gBACA,yBACA,cACA,+BAEA,oBACE,SACA,eACA,kBACA,gCAGF,oBACE,aACA,UACA,WACA,kBACA,kCAIA,af5oBU,CgBFZ,+BAHF,YACE,cACA,kBAUA,CATA,cAKA,kBACA,2BACA,gBAEA,uBAEA,YACE,uBACA,WACA,YACA,iBACA,6BAEA,WACE,gBACA,oBACA,aACA,yBACA,gBACA,oCAEA,0BACE,oCAGF,cACE,YACA,oBACA,YACA,6BAIJ,qBACE,WACA,gBACA,cACA,aACA,sBACA,qCAEA,4BARF,cASI,qBAMR,kBACE,wBACA,CADA,eACA,MACA,UACA,cACA,qCAEA,mBAPF,gBAQI,+BAGF,eACE,qCAEA,6BAHF,kBAII,wHAMJ,WAGE,mCAIJ,YACE,mBACA,uBACA,YACA,CpBlFwB,IoBiG1B,aACE,aACA,sBACA,WACA,YACA,CAIA,oBAGF,qBACE,WACA,mBACA,cpB/GwB,eoBiHxB,cACA,eACA,SACA,iBACA,aACA,SACA,UACA,2BAEA,yBACE,6BAIJ,kBACE,SACA,oBACA,cpBlIwB,eoBoIxB,cACA,eACA,kBACA,UACA,mCAEA,yBACE,wCAGF,kBACE,2BAIJ,oBACE,iBACA,2BAGF,iBACE,kCAGF,cACE,cACA,eACA,aACA,kBACA,QACA,UACA,cAGF,kBACE,WpB7KM,coB+KN,eACA,aACA,qBACA,2DAEA,kBAGE,oBAGF,SACE,2BAGF,sBACE,cpB5LiB,kGoB+LjB,sBAGE,WpBrME,kCoByMJ,apBnMsB,oBoByM1B,oBACE,iBACA,oBAGF,kBpB/M0B,cAWR,iBoBuMhB,eACA,gBACA,yBACA,eACA,yBAGF,iBACE,cACA,uCAGE,aACE,WACA,kBACA,SACA,OACA,QACA,cACA,UACA,oBACA,YACA,UACA,kFACA,gBAKN,YACE,eACA,mBACA,cACA,eACA,kBACA,UACA,UACA,gBACA,uBAEA,QACE,YACA,aACA,cACA,uBACA,aACA,gBACA,uBACA,gBACA,mBACA,OACA,4CAGF,apBvQwB,uBoB2QxB,sCACE,4CAEA,apB9QsB,yCoBgRpB,4CAIJ,SAEE,SAIJ,WACE,kBACA,sBACA,aACA,sBACA,gBACA,wDAEA,SACE,gBACA,gBACA,qBAGF,kBpBzSwB,yBoB8S1B,WACE,aACA,cACA,uBAGF,kBACE,iCAGF,iBACE,sEAGF,kBACE,SACA,cpBhUmB,eoBkUnB,eACA,eACA,kFAEA,aACE,CAKA,kLAEA,UpBjVI,mBoBmVF,kFAKJ,2BACE,wCAIJ,YACE,oBACA,6BACA,+CAEA,sBAEE,kBACA,eACA,qBACA,0CAGF,eACE,gDAKJ,SACE,6BAGF,eACE,gBACA,gBACA,cpBpXmB,0DoBsXnB,UACA,uCAEA,YACE,WACA,uCAGF,iBACE,gCAGF,QACE,uBACA,SACA,6BACA,cACA,iCAIF,eACE,2CACA,YACE,WACA,mCAKN,kBACE,aACA,mCAIA,apB1ZmB,0BoB4ZjB,gCAIJ,WACE,4DAEA,cACE,uEAEA,eACE,uBAKN,oBACE,uBACA,gBACA,mBACA,OACA,sBAGF,oBACE,iBACA,uCAGF,apB5akB,mBAXQ,kBoB2bxB,aACA,eACA,gBACA,eACA,aACA,cACA,mBACA,uBACA,yBACA,sCAbF,cAcI,kDAGF,eACE,2CAGF,apB3cwB,qBoB6ctB,uDAEA,yBACE,eAKN,qBACE,uCAKA,sBACE,6BACA,qCASF,qCAXA,sBACE,6BACA,sCAgBF,mJAFF,qBAGI,sBAKF,wBACA,aACA,2BACA,mBACA,mBACA,2BAEA,aACE,iCAEA,UACE,kBACA,uCAEA,SACE,kCAKN,aACE,aACA,yBChhBJ,iBACE,eACA,gBACA,crBcgB,mBAXQ,4BqBCxB,cACA,sBACA,mBACA,uBACA,aACA,qEAGE,aAEE,WACA,aACA,SACA,yCAIJ,gBACE,gCAGF,eACE,uCAEA,aACE,mBACA,crBhBY,qCqBoBd,cACE,gBACA,kBCtCJ,UACE,cACA,+BACA,0BAEA,UACE,qCAGF,iBATF,QAUI,mBAIJ,qBACE,mBACA,uBAEA,YACE,kBACA,gBACA,gBACA,2BAEA,aACE,WACA,YACA,SACA,oBACA,CADA,8BACA,CADA,gBACA,uBAIJ,YACE,mBACA,mBACA,aACA,6BAEA,aACE,aACA,mBACA,qBACA,gBACA,qCAGF,UACE,eACA,cACA,+BAGF,aACE,WACA,YACA,gBACA,mCAEA,UACE,YACA,cACA,SACA,kBACA,mBACA,oBACA,CADA,8BACA,CADA,gBACA,qCAIJ,gBACE,gBACA,4CAEA,cACE,WtB3EF,gBsB6EE,gBACA,uBACA,0CAGF,aACE,eACA,ctBjFW,gBsBmFX,gBACA,uBACA,yBAKN,kBtBxFsB,asB0FpB,mBACA,uBACA,gDAEA,YACE,cACA,eACA,mDAGF,qBACE,kBACA,gCACA,WACA,gBACA,mBACA,gBACA,uBACA,qDAEA,YACE,iEAEA,cACE,sDAIJ,YACE,cAOV,kBtB9H0B,sBsBiIxB,iBACE,4BAGF,aACE,eAIJ,cACE,kBACA,qBACA,cACA,iBACA,eACA,mBACA,gBACA,uBACA,eACA,oEAEA,YAEE,sBAGF,oBACE,kBACA,yBACA,sBACA,WACA,YACA,cACA,kBACA,SACA,kBACA,sBACA,8BAEA,oBACE,mBACA,CC/KJ,eAGF,SpBkDE,sBACA,WACA,YACA,gBACA,oBACA,mBHrDwB,cAFL,eG0DnB,SACA,coBxDA,CACA,2BACA,iBACA,eACA,2CAEA,aACE,CAHF,iCAEA,aACE,CAHF,qCAEA,aACE,CAHF,sCAEA,aACE,CAHF,4BAEA,aACE,kCAGF,QACE,6EAGF,mBAGE,sBAGF,kBACE,qCAGF,eA3BF,cA4BI,kCAKF,QACE,qDAGF,mBAEE,mBAGF,iBACE,SACA,WACA,UACA,qBACA,UACA,0BACA,4CACA,eACA,WACA,YACA,cvBrDiB,euBuDjB,oBACA,0BAEA,mBACE,WACA,0BAIJ,sBACE,iCAEA,mBACE,WACA,gCAIJ,QACE,uBACA,cvB7DkB,euB+DlB,uCAEA,uBACE,sCAGF,aACE,yBAKN,avB5EkB,mBuB8EhB,gCACA,kBACA,eACA,gBACA,uBAGF,YACE,cvBnGmB,kBuBqGnB,iBAIA,avB5FgB,mBuB8Fd,gCACA,gBACA,aACA,eACA,eACA,qBAEA,oBACE,iBACA,eAIJ,YACE,mBACA,aACA,gCACA,0BAEA,eACE,qBAGF,aACE,cvBtHY,gBuBwHZ,uBACA,mBACA,4BAEA,eACE,uBAGF,avB7Ie,qBuB+Ib,eACA,gBACA,cACA,gBACA,uBACA,mBACA,qGAKE,yBACE,wBAMR,aACE,eACA,iBACA,gBACA,iBACA,mBACA,gBACA,cvBxKe,0BuB4KjB,aACE,WACA,2CAEA,mCACE,yBACA,0CAGF,wBACE,WC1LR,yCCCE,qBACA,sBACA,CADA,kBACA,wBACA,WACA,YACA,eAEA,UACE,8BAIJ,erBXQ,kBqBaN,sCACA,kBACA,eACA,UACA,iDAEA,2BACE,2DAGF,UACE,mCAIJ,iBACE,SACA,WACA,eACA,yCAGF,iBACE,UACA,SACA,UACA,gBrBvCM,kBqByCN,sCACA,gBACA,gDAEA,aACE,eACA,SACA,gBACA,uBACA,iKAEA,4BAGE,2DAIJ,WACE,wBAKF,2BACE,eAIJ,aACE,eACA,iBACA,gBACA,WACA,UACA,eACA,0CAEA,mBAEE,mBAGF,8BACE,CADF,sBACE,WACA,cACA,CACA,UACA,YACA,eACA,0EAMA,SACE,oBACA,CADA,WACA,eCpGN,WAEE,0BAGF,kBANW,kBAQT,cACA,iCACA,wBACE,mCAOF,WACE,SACA,UACA,2CAGF,aACE,aAEA,sBACA,YACA,6BACA,6DAGE,oBACE,WACA,iBACA,iBACA,iJAGF,UACE,gEAEF,oBACE,gBACA,WACA,2CAKN,yBACE,sBACA,kBACA,YACA,gBACA,kDAEA,uBACE,CADF,oBACE,CADF,eACE,WACA,YACA,SACA,4BACA,WACA,yBACA,eACA,4CACA,sBACA,oBACA,6DAEA,uBACE,6DAGF,sBACE,wEAGF,sBACE,kBACA,SCjFR,WACE,sBACA,aACA,sBACA,kBACA,iBACA,UACA,qBAEA,iBACE,oBAGF,kBACE,2DxBDF,SwBI0D,yBxBC1D,SwBD0D,qCxBQxD,qLwBLA,yBAGF,eACE,gBACA,eACA,qCxBZA,4BwBgBA,SACE,WACA,YACA,eACA,UACA,+BALF,SACE,WACA,YACA,eACA,UACA,yCAIJ,4BAGF,YACE,mBACA,mBACA,UACA,mBACA,eACA,mBAEA,aACE,sBACA,oCACA,sBACA,YACA,cACA,c3BpDiB,kB2BsDjB,qBACA,eACA,mBAGF,iCACE,iDAEA,YAEE,mBACA,mCACA,SAKN,iBACE,mBACA,UACA,qCxBrDE,6CADF,ewBwDkF,sCxBlEhF,sBADF,cwBoE0D,yBxB/D1D,cwB+D0D,gBAG5D,evBlFQ,kBDkEN,CACA,sBACA,gBACA,cH7CiB,uCG+CjB,mBAEA,wBACE,cHlDe,eGoDf,gBACA,mBACA,mBAGF,aACE,mBAGF,kBACE,mBAGF,eACE,WH3FI,kB2BuFR,YACE,c3BrFmB,a2BuFnB,mBACA,oBAEA,aACE,qBACA,wBAGF,aACE,c3BhGiB,gB2BkGjB,mBACA,gBACA,uBACA,0BAIJ,aACE,gBACA,gBACA,kBAGF,kB3B7G0B,kB2B+GxB,gBACA,yBAEA,a3BvGgB,mB2ByGd,aACA,gBACA,eACA,eACA,6BAEA,oBACE,iBACA,0BAIJ,iBACE,6BAEA,kBACE,gCACA,eACA,aACA,aACA,gBACA,eACA,c3B/HY,iC2BkIZ,oBACE,iBACA,8FAIJ,eAEE,mCAGF,aACE,aACA,c3B5Je,qB2B8Jf,0HAEA,aAGE,0BACA,gBAQN,WACA,kBAGA,+BANF,qBACE,UACA,CAEA,eACA,aAgBA,CAfA,eAGF,iBACE,MACA,OACA,mBACA,CAGA,qBACA,CACA,eACA,WACA,YACA,uBAEA,kB3B/LwB,0B2BoM1B,u1BACE,OACA,gBACA,aACA,8BAEA,aACE,sBACA,CADA,4DACA,CADA,kBACA,+BACA,CADA,2BACA,WACA,YACA,oBACA,eACA,yBACA,CADA,qBACA,CADA,oBACA,CADA,gBACA,oCAGF,aACE,WACA,YACA,YACA,eACA,sCAGF,yBAzBF,aA0BI,iBAIJ,kBACE,eACA,gBACA,mBAGF,cACE,kBACA,MACA,OACA,WACA,YACA,8BACA,oBCrPF,kBACE,gBACA,W5BDM,e4BGN,aACA,sBACA,YACA,uBACA,eACA,kBACA,kBACA,YACA,gBAGF,e5BbQ,cAEa,S4BcnB,WACA,YACA,iEAEA,aAGE,iCAGF,eACE,2BzBcF,iBACE,mBACA,cACA,eACA,aACA,gBACA,yByBfJ,aACE,eACA,yBAGF,aACE,eACA,gBACA,6BAGF,aACE,kBACA,W5B9CM,8B4BgDN,WACA,SACA,gBACA,kBACA,eACA,gBACA,UACA,oBACA,WACA,4BACA,iBACA,2DAKE,YACE,wDAKF,SACE,uBAKN,WACE,aACA,sBACA,4BAEA,iBACE,c5B/EiB,a4BiFjB,YACA,mBACA,CAGE,yDAIJ,UACE,gBAIJ,qBACE,eACA,gBACA,kBACA,kBACA,WACA,aACA,2BzB/DA,iBACE,mBACA,cACA,eACA,aACA,gBACA,sByB8DJ,WACE,sBACA,cACA,WACA,kBACA,kBACA,gBACA,kCAEA,eACE,qEAIA,cACE,MACA,gCAIJ,exBlIM,gCwBuIR,cACE,cACA,qBACA,c5BvImB,kB4ByInB,UACA,mEAEA,WAEE,WACA,sBACA,CADA,gCACA,CADA,kBACA,CAIE,0HAFF,WACE,oBACA,CADA,8BACA,CADA,gB5BrJE,C4BsJF,wBAKN,UACE,CAEA,iBACA,MACA,OACA,UACA,gB5BlKM,iC4BqKN,YACE,sBAIJ,WACE,gBACA,kBACA,WACA,aACA,uBACA,qCAGF,cACE,YACA,WACA,kBACA,UACA,sBACA,CADA,gCACA,CADA,kBACA,yBACA,CADA,qBACA,CADA,oBACA,CADA,gBACA,qDAEA,WACE,oBACA,CADA,8BACA,CADA,gBACA,sCAIJ,0BACE,2BACA,gBACA,kBACA,yBAGF,eACE,iBACA,yBAGF,UACE,cAGF,UACE,YACA,kBACA,qCAEA,UACE,YACA,aACA,mBACA,uBACA,2CAEA,cxB3K0B,eAEC,CwBqL7B,8CALF,iBACE,MACA,OACA,QACA,SAYA,CAXA,yBAQA,mBACA,8BACA,oBACA,4BAEA,mBACE,0DAGF,SACE,4DAEA,mBACE,mBAKN,6BACE,sBACA,SACA,W5BxQM,e4B0QN,aACA,mBACA,eACA,cACA,cACA,kBACA,kBACA,MACA,SACA,yBAGF,MACE,0BAGF,OACE,CASA,4CANF,UACE,kBACA,kBACA,OACA,YACA,oBAUA,6BAEA,WACE,sBAGF,mBACE,qBACA,gBACA,c5BnTiB,mF4BsTjB,yBAGE,wBAKN,oBACE,sBAGF,qBxBpUQ,YwBsUN,WACA,kBACA,YACA,UACA,SACA,YACA,8BAGF,wB5B1U0B,qB4B8U1B,iBACE,UACA,QACA,YACA,qKAKA,WAEE,mFAGF,WACE,eAKJ,qBACE,kBACA,mBACA,kBACA,oBACA,cACA,wBAEA,eACE,YACA,yBAGF,cACE,kBACA,gBACA,gCAEA,UACE,cACA,kBACA,6BACA,WACA,SACA,OACA,oBACA,qCAIJ,oCACE,iCAGF,wBACE,uCAIA,mBACA,mBACA,6BACA,0BACA,eAIJ,eACE,kBACA,gBxBzZM,ewB2ZN,kBACA,sBACA,cACA,wBAEA,eACE,sBACA,qBAGF,SACE,gCAGF,UACE,YACA,0BzBjYF,iBACE,mBACA,cACA,eACA,aACA,gBACA,qByBgYF,eACE,gBACA,UACA,kBACA,0BAGF,oBACE,sBACA,SACA,gCAEA,wBACE,0BACA,qBACA,sBACA,UACA,4BAKF,qBACE,CADF,gCACE,CADF,kBACE,kBACA,QACA,2BACA,yBAIJ,iBACE,UACA,SACA,OACA,QACA,sBACA,iFACA,eACA,UACA,4BACA,gCAEA,SACE,6EAKF,iBAEE,wBAIJ,YACE,kBACA,MACA,OACA,WACA,YACA,UACA,SACA,gBxB9eI,cJGa,gB4B8ejB,oBACA,+BAEA,aACE,oBACA,8GAEA,aAGE,+BAIJ,aACE,eACA,kCAGF,aACE,eACA,gBACA,4BAIJ,YACE,8BACA,oBACA,CAGE,gUAEA,aAIE,wBAKN,cACE,mBACA,gBACA,uBACA,oCAGE,cACE,qCAKF,eACE,+BAIJ,sBACE,iBACA,eACA,SACA,0BACA,8GAEA,UxBpjBE,+EwB4jBN,cAGE,gBACA,6BAGF,UxBnkBM,iBwBqkBJ,yBAGF,oBACE,aACA,mDAGF,UxB7kBM,uBwBklBN,cACE,YACA,eACA,8BAEA,UACE,WACA,+BAOA,6DANA,iBACA,cACA,kBACA,WACA,UACA,YAWA,CAVA,+BASA,kBACA,+BAGF,iBACE,UACA,kBACA,WACA,YACA,YACA,UACA,4BACA,mBACA,sCACA,oBACA,qBAIJ,gBACE,uBAEA,oBACE,eACA,gBACA,WxBloBE,sFwBqoBF,yBAGE,qBAKN,cACE,YACA,kBACA,4BAEA,UACE,WACA,+BACA,kBACA,cACA,kBACA,WACA,SACA,2DAGF,aAEE,kBACA,WACA,kBACA,SACA,mBACA,6BAGF,6BACE,6BAGF,iBACE,UACA,UACA,kBACA,WACA,YACA,QACA,iBACA,4BACA,mBACA,sCACA,oBACA,CAGE,yFAKF,SACE,6GAQF,gBACE,oBACA,iBC5sBR,YACE,mBACA,mBACA,kBACA,QACA,SACA,YACA,mBAGF,YACE,kBACA,gBACA,qBACA,8BACA,eACA,iBACA,yBACA,WACA,4BACA,wCAEA,uBCtBF,kB9BM0B,sB8BJxB,kBACA,uCACA,YACA,gBACA,qCAEA,aARF,SASI,kBAGF,cACE,mBACA,gBACA,eACA,kBACA,0BACA,6BAGF,WACE,6BAGF,yBACE,sCAEA,uBACE,uCACA,wBACA,wBAIJ,eACE,kDAIA,oBACE,+BAIJ,cACE,sBAGF,eACE,aAIJ,kB9BhD0B,sB8BkDxB,kBACA,uCACA,YACA,gBACA,qCAEA,YARF,SASI,uBAGF,kBACE,oBAGF,kBACE,YACA,0BACA,gBACA,mBAGF,YACE,gCACA,4BAGF,YACE,iCAGF,aACE,gBACA,qBACA,eACA,aACA,aC3FJ,cAOE,qBACA,W/BPM,gD+BEJ,iBACA,+BAOF,WACE,iBAIJ,sBACE,6BAEA,uBACE,2BACA,4BACA,mB/BlBiB,4B+BsBnB,oBACE,8BACA,+BACA,aACA,qBAIJ,YACE,8BACA,cACA,c/BjCmB,c+BmCnB,oBAGF,iBACE,OACA,kBACA,iBACA,gBACA,8BACA,eACA,0BAEA,aACE,6BAIJ,a/BjD0B,mC+BoDxB,aACE,oDAGF,QACE,wBAIJ,iBACE,YACA,OACA,WACA,WACA,yBACA,uBAIA,oBACE,WACA,eACA,yBAGF,iBACE,gBACA,oBAIJ,iBACE,aACA,gBACA,kBACA,gB3B5FM,sB2B8FN,sGAEA,mCAEE,oBAKF,2BACA,gB3BxGM,0B2B2GN,cACE,gBACA,gBACA,oBACA,cACA,WACA,6BACA,W/BnHI,yB+BqHJ,kBACA,4CAEA,QACE,2GAGF,mBAGE,wCAKN,cACE,6CAEA,SACE,kBACA,kBACA,qDAGF,SACE,WACA,kBACA,MACA,OACA,WACA,YACA,mCACA,mBACA,4BAIJ,SACE,kBACA,wBACA,gBACA,MACA,iCAEA,aACE,WACA,gBACA,gBACA,gB3BpKI,mB2ByKR,iBACE,qBACA,YACA,wBAEA,UACE,YACA,wBAIJ,cACE,kBACA,iBACA,c/B/JiB,mD+BkKjB,YACE,qDAGF,eACE,uDAGF,YACE,qBAIJ,YACE,wBC1MF,iBACE,aACA,mBACA,mBACA,WhCHM,kBgCKN,YACA,WACA,gBACA,iBACA,gBACA,4DAEA,aACE,eACA,mFAGF,iBACE,kBACA,gBACA,+FAEA,iBACE,OACA,MACA,kCAIJ,aACE,chC3BiB,2BgC+BnB,cACE,gBACA,iBACA,mBACA,2BAGF,cACE,gBACA,iBACA,gBACA,mBACA,0CAIJ,aACE,kBACA,cACA,mBACA,gCACA,eACA,qBACA,aACA,0BACA,4DAEA,aACE,iBACA,gDAGF,kBhC/DmB,iDgCmEnB,kBhChEwB,WANlB,qGgC2EN,kB5BxEU,WJHJ,oCgCiFR,kBACE,YACA,eACA,iBACA,gBACA,8BAGF,aACE,UACA,kBACA,YACA,gBACA,oCAGF,iBACE,4FAGF,eAEE,mBACA,qCAGF,mCACE,UACE,cACA,0CAGF,YACE,4DAEA,YACE,kBCtHN,UACE,eACA,iBACA,oBAEA,cACE,iBACA,gBACA,kBACA,mBAGF,UjCXM,0BiCaJ,oBAGF,eACE,cACA,iBACA,mDAGF,UACE,YACA,gBACA,gCACA,gBC3BJ,WACE,gBACA,aACA,sBACA,yBACA,kBACA,+BAEA,gBACE,eACA,CACA,2BACA,kCAGF,QACE,iCAGF,aACE,6BAGF,sBACE,0BAGF,MACE,kBACA,aACA,sBACA,iBACA,mDAGF,eACE,sB9BlCI,0B8BoCJ,cACA,gDAGF,iBACE,gDAGF,WACE,mBAIJ,eACE,mBACA,yBACA,gBACA,aACA,sBACA,qBAEA,aACE,sBAGF,aACE,SACA,CACA,4BACA,cACA,qDAHA,sBAOA,qCAIJ,qBAEI,cACE,wBAKN,qBACE,WACA,cACA,6DAEA,UAEE,YACA,UACA,wCAGF,YACE,cACA,kDACA,qCAEA,uCALF,aAMI,yCAIJ,eACE,oCAGF,YACE,uDAGF,cACE,sCAGF,gBACE,eACA,CACA,2BACA,yCAGF,QACE,mCAGF,gBACE,yBAEA,kCAHF,eAII,sCAIJ,sBACE,gBACA,sCAGF,uCACE,YACE,iKAEA,eAGE,6CAIJ,gBACE,2EAGF,YAEE,kGAGF,gBACE,+BAGF,YACE,gBACA,gLAEA,eAIE,gCAIJ,iBACE,6CAEA,cACE,8CAKF,gBACE,CAIA,yFAGF,eACE,0BAMR,cACE,aACA,uBACA,mBACA,gBACA,iBACA,iBACA,gBACA,mBACA,W9BjNM,kB8BmNN,eACA,iBACA,qBACA,sCACA,4FAEA,kBAGE,qCAIJ,UACE,UACE,uDAGF,kCACE,mCAGF,kBAEE,sCAIJ,2CACE,YACE,sCAOA,sEAGF,YACE,uCAIJ,0CACE,YACE,uCAIJ,UACE,YACE,QC1QJ,eACE,eACA,8BAEA,QAEE,gBACA,UAGF,kBACE,kBACA,cAGF,iBACE,MACA,OACA,YACA,qBACA,kBACA,mBACA,sBAEA,kBnCjBsB,amCsBxB,iBACE,aACA,cACA,iBACA,eACA,gBACA,gEAEA,YAEE,gCAGF,aACE,8BAIA,qBACA,WACA,eACA,WnCjDE,cmCmDF,UACA,oBACA,gB/BpDE,sB+BsDF,kBACA,iBACA,oCAEA,oBnCrDoB,wBmC0DtB,cACE,sBAGF,YACE,mBACA,iBACA,cAIJ,oBACE,kBACA,yBACA,sBACA,WACA,YACA,cACA,kBACA,SACA,kBACA,sBACA,gBACA,mBACA,cACA,uBAEA,iBACE,qBAGF,oB/B7FY,8E+BkGZ,gBAGE,gBACA,gCAGF,mBACE,SACA,wCAGF,mBAEE,eAIJ,oBACE,WACA,gBACA,CACA,oBACA,iBACA,gBACA,mBACA,cACA,mBAGF,UACE,iBACA,eAGF,eACE,mBACA,cnCzHc,amC6HhB,cACE,uBACA,UACA,SACA,SACA,cnClIc,0BmCoId,kBACA,mBAEA,oBACE,sCAGF,kCAEE,eAIJ,WACE,eACA,kBACA,eACA,6BAIJ,yBACE,gCAEA,YACE,2CAGF,yBACE,aACA,aACA,mBACA,mGAEA,UAEE,aACA,+GAEA,oBnCrLoB,sDmC2LxB,cACE,gBACA,iBACA,YACA,oBACA,cnCrLkB,sCmCwLlB,gCAGF,YACE,mBACA,4CAEA,aACE,wBACA,iBACA,oCAIJ,uBACE,CADF,oBACE,CADF,eACE,sBACA,eACA,WnC1NI,qBmC4NJ,WACA,UACA,oBACA,qXACA,sBACA,kBACA,CACA,yBACA,mDAGF,UACE,cAIJ,anC5NkB,qBmC+NhB,+BACE,6BAEA,8BACE,YC/ON,qBACE,iBANc,cAQd,kBACA,sCAEA,WANF,UAOI,eACA,mBAIJ,sBACE,eACA,gBACA,gBACA,qBACA,cpClBmB,oBoCqBnB,apClBwB,0BoCoBtB,6EAEA,oBAGE,wCAIJ,apChCmB,oBoCqCnB,YACE,oBACA,+BAEA,eACE,yBAIJ,eACE,cpC/CiB,qBoCmDnB,iBACE,cpCpDiB,uBoCwDnB,eACE,mBACA,kBACA,kBACA,yHAGF,sBAME,mBACA,oBACA,gBACA,cpCxEiB,qBoC4EnB,aACE,qBAGF,gBACE,qBAGF,eACE,qBAGF,gBACE,yCAGF,aAEE,qBAGF,eACE,qBAGF,kBACE,yCAMA,iBACA,iBACA,yDAEA,2BACE,yDAGF,2BACE,qBAIJ,UACE,SACA,SACA,gCACA,eACA,4BAEA,UACE,SACA,wBAIJ,UACE,yBACA,8BACA,CADA,iBACA,gBACA,mBACA,iEAEA,+BAEE,cACA,kBACA,gBACA,gBACA,cpCnJe,iCoCuJjB,uBACE,gBACA,gBACA,cpC7IY,qDoCiJd,WAEE,iBACA,kBACA,qBACA,mEAEA,SACE,kBACA,iFAEA,gBACE,kBACA,6EAGF,iBACE,SACA,UACA,mBACA,gBACA,uBACA,+BAMR,YACE,oBAIJ,kBACE,eACA,mCAEA,iBACE,oBACA,8BAGF,YACE,8BACA,eACA,6BAGF,UACE,uBACA,eACA,iBACA,WpCrNI,iBoCuNJ,kBACA,qEAEA,aAEE,6CAIA,apC7Ne,oCoCkOjB,sBACE,gBACA,eACA,iBACA,qCAGF,4BA3BF,iBA4BI,4BAIJ,iBACE,YACA,sBACA,mBACA,CACA,sBACA,0BACA,QACA,aACA,yCAEA,sBACE,eACA,iBACA,gBACA,cpC7Pe,mBoC+Pf,mBACA,gCACA,uBACA,mBACA,gBACA,wFAEA,eAEE,cACA,2CAGF,oBACE,2BAKN,iBACE,mCAIE,UACqB,sCjCnRzB,CiCoRI,kBACA,uCAEA,aACE,WACA,YACA,mBACA,iBhCpOgB,wBD9DtB,4BACA,iCiCsSE,cACE,mCAEA,aACE,WpC5SA,qBoC8SA,uDAGE,yBACE,2CAKN,aACE,cpCrTa,kCoC6TnB,sBAEE,CACA,eACA,eACA,iBACA,mBACA,cpCpUiB,sCoCuUjB,apCpUsB,0BoCsUpB,kBAIJ,cACE,SACA,UACA,gBACA,uBACA,oBACA,kBACA,oBACA,cACA,kBAGF,sBACE,eACA,iBACA,gBACA,mBACA,cpC9ViB,wBoCiWjB,sBACE,cACA,eACA,gBACA,cACA,kBAKF,cACA,iBpC5WiB,mCoC0WnB,sBACE,CAEA,eACA,mBACA,cpC/WiB,kBoCoXjB,cACA,iBpCrXiB,kBoC6XjB,cpC7XiB,mCoC4XnB,sBACE,CACA,gBACA,gBACA,mBACA,cpCjYiB,kBoCsYjB,cpCtYiB,kBoC8YnB,sBACE,eACA,iBACA,gBACA,mBACA,cpCnZiB,mCoCuZnB,gBAEE,mDAEA,2BACE,mDAGF,2BACE,kBAIJ,eACE,kBAGF,kBACE,yCAGF,cAEE,kBAGF,UACE,SACA,SACA,0CACA,cACA,yBAEA,UACE,SACA,iDAIJ,YAEE,+BAGF,kBpCjcwB,kBoCmctB,kBACA,gBACA,sBACA,oCAEA,UACE,aACA,2BACA,iBACA,8BACA,mBACA,uDAGF,YACE,yBACA,qBACA,mFAEA,aACE,eACA,qCAGF,sDAVF,UAWI,8BACA,6CAIJ,MACE,sBACA,qCAEA,2CAJF,YAKI,sBAKN,iBACE,yBAEA,WACE,WACA,uBACA,4BAIJ,iBACE,mBACA,uCAEA,eACE,mCAGF,eACE,cACA,qCAGF,eACE,UACA,mDAEA,kBACE,aACA,iBACA,0FAKE,oBACE,gFAIJ,cACE,qDAIJ,aACE,cACA,6CAMA,UACqB,sCjC9hB3B,mDiCiiBI,cACE,4DAEA,cACE,qCAKN,oCACE,eACE,sCAIJ,2BA9DF,iBA+DI,mFAIJ,qBAGE,mBpC3jBsB,kBoC6jBtB,kCACA,uBAGF,YACE,kBACA,WACA,YACA,2BAEA,YACE,WACA,uCAKF,YACE,eACA,mBACA,mBACA,qCAGF,sCACE,kBACE,uCAIJ,apC7lBiB,qCoCimBjB,eACE,WpCrmBE,gBoCumBF,CpCpmBe,yFoCymBb,apCzmBa,+CoC+mBjB,eACE,qBAIJ,kBACE,yBAEA,aACE,SACA,eACA,YACA,kBACA,qCAIJ,gDAEI,kBACE,yCAGF,eACE,gBACA,WACA,kBACA,uDAEA,iBACE,sCAMR,8BACE,aACE,uCAEA,gBACE,sDAGF,kBACE,6EAIJ,aAEE,qBAIJ,WACE,UAIJ,mBACE,qCAEA,SAHF,eAII,kBAGF,YACE,uBACA,mBACA,aACA,qBAEA,SpC3rBI,YoC6rBF,qCAGF,gBAXF,SAYI,mBACA,sBAIJ,eACE,uBACA,gBACA,gBACA,uBAGF,eACE,gBACA,0BAEA,YACE,yBACA,gBACA,eACA,cpCltBe,6BoCstBjB,eACE,iBACA,+BAGF,kBpCztBsB,aoC2tBpB,0BACA,aACA,uCAEA,YACE,gCAIJ,cACE,gBACA,uDAEA,YACE,mBACA,iDAGF,UACE,YACA,0BACA,gCAIJ,YACE,uCAEA,sBACE,eACA,gBACA,cACA,qCAGF,cACE,cpCjwBa,uFoCuwBnB,eACE,cASA,CpCjxBiB,2CoC8wBjB,iBACA,CACA,kBACA,gBAGF,eACE,cACA,aACA,kDACA,cACA,qCAEA,eAPF,oCAQI,cACA,8BAEA,UACE,aACA,sBACA,0CAEA,OACE,cACA,2CAGF,YACE,mBACA,QACA,cACA,qCAIJ,UACE,2BAGF,eACE,sCAIJ,eAtCF,UAuCI,6BAEA,aACE,gBACA,gBACA,2GAEA,eAGE,uFAIJ,+BAGE,2BAGF,YACE,gCAEA,eACE,qEAEA,eAEE,gBACA,2CAGF,eACE,SAQZ,iBACE,qBACA,iBAGF,aACE,kBACA,aACA,UACA,YACA,cpC72BsB,qBoC+2BtB,eACA,qCAEA,gBAVF,eAWI,WACA,gBACA,cpCz2Bc,SqCjBlB,UACE,eACA,iBACA,yBACA,qBAEA,WAEE,iBACA,mBACA,6BACA,gBACA,mBACA,oBAGF,qBACE,gCACA,aACA,gBACA,oBAGF,eACE,qEAGF,kBrCrBwB,UqC0BxB,arCzBwB,0BqC2BtB,gBAEA,oBACE,eAIJ,eACE,CAII,4HADF,eACE,+FAOF,sBAEE,yFAKF,YAEE,gCAMJ,kBrC9DsB,6BqCgEpB,gCACA,4CAEA,qBACE,8BACA,2CAGF,uBACE,+BACA,0BAKN,qBACE,gBAIJ,aACE,mBACA,MAGF,+BACE,0BAGF,sBACE,SACA,aACA,8CAGF,oBAEE,qBACA,iBACA,eACA,crC1GmB,gBqC4GnB,0DAEA,UrCjHM,wDqCqHN,eACE,iBACA,sEAGF,cACE,yCAKF,YAEE,yDAEA,qBACE,iBACA,eACA,gBACA,qEAEA,cACE,2EAGF,YACE,mBACA,uFAEA,YACE,qHAOJ,sBACA,cACA,uBAIJ,wBACE,mBrC5JsB,sBqC8JtB,YACA,mBACA,gCAEA,gBACE,mBACA,oBAIJ,YACE,yBACA,aACA,mBrC3KsB,gCqC8KtB,aACE,gBACA,mBAIJ,wBACE,aACA,mBACA,qCAEA,wCACE,4BACE,0BAIJ,kBACE,iCAGF,kBrCnMsB,uCqCsMpB,kBACE,4BAIJ,gBACE,oBACA,sCAEA,SACE,wCAGF,YACE,mBACA,mCAGF,aACE,aACA,uBACA,mBACA,kBACA,6CAEA,UACE,YACA,kCAIJ,aACE,mCAGF,aACE,iBACA,crC7Oa,gBqC+Ob,mCAIJ,QACE,WACA,qCAEA,sBACE,gBACA,qCAOJ,4FAFF,YAGI,gCAIJ,aACE,sCAEA,eACE,4BAIJ,wBACE,aACA,gBACA,qCAEA,2BALF,4BAMI,sCAIJ,+CACE,YACE,iBCzRN,YACE,uBACA,WACA,iBACA,iCAEA,gBACE,gBACA,oBACA,cACA,wCAEA,YACE,yBACA,mBtCZoB,YsCcpB,yBAIJ,WAvBc,UAyBZ,oBACA,iCAEA,YACE,mBACA,YACA,uCAEA,aACE,yCAEA,oBACE,aACA,2CAGF,StCzCA,YsC2CE,kBACA,YACA,uCAIJ,aACE,ctC/Ca,qBsCiDb,cACA,eACA,aACA,0HAIA,kBAGE,+BAKN,aACE,iBACA,YACA,aACA,qCAGF,sCACE,YACE,6BAIJ,eACE,0BACA,gBACA,mBACA,qCAEA,2BANF,eAOI,+BAGF,aACE,aACA,ctCzFa,qBsC2Fb,0BACA,2CACA,0BACA,mBACA,gBACA,uBACA,mCAEA,gBACE,oCAGF,UtC1GA,yBsC4GE,0BACA,2CACA,uCAGF,kBACE,sBACA,+BAIJ,kBACE,wBACA,SACA,iCAEA,QACE,kBACA,6DAIJ,UtClIE,yBAMkB,gBsC+HlB,gBACA,mEAEA,wBACE,6DAKN,yBACE,iCAIJ,qBACE,WACA,gBApJY,cAsJZ,sCAGF,uCACE,YACE,iCAGF,WA/JY,cAiKV,sCAIJ,gCACE,UACE,0BAMF,2BACA,qCAEA,wBALF,cAMI,CACA,sBACA,kCAGF,YACE,oBAEA,gCACA,0BAEA,eAEA,mBACA,8BACA,mCAEA,eACE,kBACA,yCAGF,mBACE,4DAEA,eACE,qCAIJ,gCAzBF,eA0BI,iBACA,6BAIJ,atClNiB,esCoNf,iBACA,gBACA,qCAEA,2BANF,eAOI,6BAIJ,atC7NiB,esC+Nf,iBACA,gBACA,mBACA,4BAGF,wBACE,eACA,gBACA,ctCxOe,mBsC0Of,kBACA,gCACA,4BAGF,cACE,ctChPe,iBsCkPf,gBACA,0CAGF,UtCzPI,gBsC2PF,uFAGF,eAEE,gEAGF,aACE,4CAGF,cACE,gBACA,WtCzQE,oBsC2QF,iBACA,gBACA,mBACA,2BAGF,cACE,iBACA,ctChRe,mBsCkRf,kCAEA,UtCvRE,gBsCyRA,CAII,2NADF,eACE,4BAMR,UACE,SACA,SACA,0CACA,cACA,mCAEA,UACE,SACA,qCAKN,eA9SF,aA+SI,iCAEA,YACE,yBAGF,UACE,UACA,YACA,iCAEA,YACE,4BAGF,YACE,8DAGF,eAEE,gCACA,gBACA,0EAEA,eACE,+BAIJ,eACE,6DAGF,2BtC9UoB,YsCqV1B,UACE,SACA,cACA,WACA,sDAKA,atCjWmB,0DsCoWjB,atCjWsB,4DsCsWxB,alC1Wc,gBkC4WZ,4DAGF,alC9WU,gBkCgXR,0DAGF,atCtWgB,gBsCwWd,0DAGF,alCtXU,gBkCwXR,UAIJ,YACE,eACA,yBAEA,aACE,qBACA,oCAEA,kBACE,4BAGF,cACE,gBACA,+BAEA,oBACE,iBACA,gCAIJ,eACE,yBACA,eACA,CAII,iNADF,eACE,2BAKN,oBACE,ctCjae,qBsCmaf,yBACA,eACA,gBACA,gCACA,iCAEA,UtC5aE,gCsC8aA,oCAGF,atC3aoB,gCsC6alB,iBAMR,aACE,iBACA,eACA,sBAGF,aACE,eACA,cACA,wBAEA,aACE,kBAIJ,YACE,eACA,mBACA,wBAGF,YACE,WACA,sBACA,aACA,+BAEA,aACE,qBACA,gBACA,eACA,iBACA,ctCvdiB,CsC4db,4MADF,eACE,sCAKN,aACE,gCAIJ,YAEE,mBACA,kEAEA,UACE,kBACA,4BACA,gFAEA,iBACE,kDAKN,aAEE,aACA,sBACA,4EAEA,cACE,WACA,kBACA,mBACA,uEAIJ,cAEE,iBAGF,YACE,eACA,kBACA,2CAEA,kBACE,eACA,8BAGF,kBACE,+CAGF,gBACE,uDAEA,gBACE,mBACA,YACA,YAKN,kBACE,eACA,cAEA,atCniBwB,qBsCqiBtB,oBAEA,yBACE,SAKN,aACE,YAGF,kBACE,iBACA,oBAEA,YACE,2BACA,mBACA,aACA,mBtC1jBsB,cAFL,0BsC+jBjB,eACA,kBACA,oBAGF,iBACE,4BAEA,aACE,SACA,kBACA,WACA,YACA,qBAIJ,2BACE,mBAGF,oBACE,uBAGF,atC3kBgB,oBsC+kBhB,kBACE,0BACA,aACA,ctC/lBiB,gCsCimBjB,eACA,qBACA,gBACA,kBAGF,cACE,kBACA,ctC5lBc,2BsCgmBhB,iBACE,SACA,WACA,WACA,YACA,kBACA,oCAEA,kBlCtnBY,oCkC0nBZ,kBACE,mCAGF,kBtC1nBsB,sDsC+nBxB,atCloBmB,qBsCsoBjB,gBACA,sBAGF,aACE,0BAGF,atC9oBmB,sBsCkpBnB,alCnpBc,yDkCwpBhB,oBAIE,ctC3pBmB,iGsC8pBnB,eACE,yIAIA,4BACE,cACA,iIAGF,8BACE,CADF,sBACE,WACA,sBAKN,YAEE,mBACA,sCAEA,aACE,CACA,gBACA,kBACA,0DAIA,8BACE,CADF,sBACE,WACA,gBAKN,kBACE,8BACA,yBAEA,yBlCxsBc,yBkC4sBd,yBACE,wBAGF,yBlC7sBU,wBkCktBR,2BACA,eACA,iBACA,4BACA,kBACA,gBACA,0BAEA,atC5tBiB,uBsCkuBjB,wBACA,qBAGF,atCztBgB,csC8tBlB,kBtCzuB0B,kBsC2uBxB,mBACA,uBAEA,YACE,8BACA,mBACA,aACA,gCAEA,SACE,SACA,gDAEA,aACE,8BAIJ,aACE,gBACA,ctCjwBe,yBsCmwBf,iBACA,gCAEA,aACE,qBACA,iHAEA,aAGE,mCAIJ,alCjxBM,6BkCwxBR,YACE,2BACA,6BACA,mCAEA,kBACE,gFAGF,YAEE,cACA,sBACA,YACA,ctCtyBa,mLsCyyBb,kBAEE,gBACA,uBACA,sCAIJ,aACE,6BACA,4CAEA,atCxyBU,iBsC0yBR,gBACA,wCAIJ,aACE,sBACA,WACA,aACA,qBACA,ctCj0Ba,WsCw0BrB,kBAGE,0BAFA,eACA,uBASA,CARA,eAGF,oBACE,gBACA,CAEA,qBACA,oBAGF,YACE,eACA,CACA,kBACA,wBAEA,qBACE,cACA,mBACA,aACA,0FAGF,kBAEE,kBACA,YACA,6CAGF,QACE,SACA,+CAEA,aACE,sEAGF,uBACE,yDAGF,alCv3BY,8CkC43Bd,qBACE,aACA,WtCh4BI,csCq4BR,iBACE,0pDCr4BF,kIACE,CADF,sIACE,uIAYA,aAEE,yIAGF,aAEE,qIAGF,aAEE,6IAGF,aAEE,UChCJ,aACE,gCAEA,gBACE,eACA,mBACA,+BAGF,cACE,iBACA,8CAGF,aACE,kBACA,wBAGF,gBACE,iCAGF,aACE,kBACA,uCAGF,oBACE,gDAGF,SACE,YACA,8BAGF,cACE,iBACA,mEAGF,aACE,kBACA,2DAGF,cAEE,gBACA,mFAGF,cACE,gBACA,+BAGF,eACE,2EAGF,UAEE,mCAGF,aACE,iBACA,yBAGF,kBACE,kBACA,4BAGF,UACE,UACA,wBAGF,aACE,kCAGF,MACE,WACA,cACA,mBACA,2CAGF,aACE,iBACA,0CAGF,gBACE,eACA,mCAGF,WACE,sCAGF,gBACE,gBACA,yCAGF,UACE,iCAGF,aACE,iBACA,+BAGF,UACE,0BAGF,gBACE,eACA,UAGA,WACA,yCAGF,iBACE,mBACA,4GAGF,iBAEE,gBACA,uCAGF,kBACE,eACA,2BAGF,aACE,kBACA,wCAGF,SACE,YACA,yDAGF,SACE,WACA,CAKA,oFAGF,UACE,OACA,uGAGF,UAEE,gBACA,uCAIA,cACE,iBACA,kEAEA,cACE,gBACA,qCAKN,WACE,eACA,iBACA,uCAGF,WACE,sCAGF,aACE,kBACA,0CAGF,gBACE,eACA,uDAGF,gBACE,2CAGF,cACE,iBACA,YACA,yEAGF,aAEE,iBACA,iBAGF,wBACE,iBAGF,SACE,oBACA,yBAGF,aACE,8EAGF,cAEE,gBACA,oDAGF,cACE,mBACA,gEAGF,iBACE,gBACA,CAMA,8KAGF,SACE,QACA,yDAGF,kBACE,eACA,uDAGF,kBACE,gBACA,qDAGF,SACE,QACA,8FAGF,cAEE,mBACA,4CAGF,UACE,SACA,kDAEA,UACE,OACA,qEACA,8BAIJ,sXACE,uCAGF,gBAEE,kCAGF,cACE,iBACA,gDAGF,UACE,UACA,gEAGF,aACE,uDAGF,WACE,WACA,uDAGF,UACE,WACA,uDAGF,UACE,WACA,kDAGF,MACE,0CAGF,iBACE,yBACA,qDAGF,cACE,iBACA,qCAGF,kCACE,gBAEE,kBACA,2DAEA,gBACE,mBACA,uEAKF,gBAEE,kBACA,gFAKN,cAEE,gBACA,6CAKE,eACE,eACA,sDAIJ,aACE,kBACA,4DAKF,cACE,gBACA,8DAGF,gBACE,eACA,mCAIJ,aACE,kBACA,iBACA,kCAGF,WACE,mCAGF,WACE,oCAGF,cACE,gBACA,gFAGF,cACE,mBACA,+DAGF,SACE,QACA,sBChbJ,YACE,eACA,CACA,kBACA,0BAEA,qBACE,iBACA,cACA,mBACA,yDAEA,YAEE,mBACA,kBACA,sBACA,YACA,4BAGF,oBACE,cACA,cACA,qGAEA,kBAGE,sDAKN,iBAEE,gBACA,eACA,iBACA,WzCtCI,uByCwCJ,mBACA,iBACA,4BAGF,cACE,6BAGF,cACE,czC/CiB,kByCiDjB,gBACA,qBAIJ,YACE,eACA,cACA,yBAEA,gBACE,mBACA,6BAEA,aACE,sCAIJ,azCpEmB,gByCsEjB,qBACA,wBCxEJ,kB1CG0B,C0CCtB,4EAGF,kBACE,gDAEA,kB1CPsB,wC0CcxB,gBACE,uCAGF,iBACE,kCAIJ,kBACE,yBACA,mEAEA,uDACE,kDAIJ,kBACE,mFAEA,uDACE,qBAMF,eACE,0CAIJ,kDACE,gBAGF,kB1CnD0B,0B0CuD1B,i2BACE,oCAEA,sDACE,CADF,8CACE,iDAOF,kBAEE,uDAEA,kBACE,qBACA,C1CxEoB,8E0CuF1B,kB1CvF0B,4B0C6FxB,yB1C7FwB,2B0CiGxB,wB1CjGwB,8B0CqGxB,2B1CrGwB,6B0CyGxB,0B1CzGwB,wB0CgHxB,kB1ChHwB,cAFL,0F0C2HnB,aACE,4GAEA,kKAEA,aACE,CAHF,6HAEA,aACE,CAHF,qIAEA,aACE,CAHF,uIAEA,aACE,CAHF,mHAEA,aACE,sCAIJ,kBACE,iCAGF,YACE,C1CzIoB,mH0C+IpB,a1C/IoB,8C0CuJxB,aACE,2JAEA,UtC7JM,wCsCoKR,aACE,mEAEA,aACE,CAHF,yDAEA,aACE,CAHF,6DAEA,aACE,CAHF,8DAEA,aACE,CAHF,oDAEA,aACE,2BAIJ,2BACE,gDAKA,a1C7KwB,iB0CkL1B,oBACE,6BAEA,kBACE,0BAIJ,+BACE,qB1C5LwB,oC0CgM1B,kBACE,iMAIA,kBAIE,qBAIJ,kB1C/MqB,sE0CmNrB,kBACE,4FAGF,kBACE,qOAIF,etC9NQ,yBsC0ON,wBAGF,0BACE,0BAGF,wBACE,uLAGF,kBAME,4qEAIE,qBAGE,uCAMN,aAEE,uBAIF,e1C9QQ,gC0CmRJ,a1ChRoB,yB0CyRtB,e1C5RM,CADA,oG0CwSF,U1CxSE,0D0CqTF,a1ClTe,2C0CwTf,U1C3TE,6C0CgUJ,a1C7TiB,6D0CiUjB,U1CpUI,qB0C2UR,UtC1UQ,yBsC6UN,StC7UM,iGsCmVN,eAGE,CAIA,oEAIA,kBACE,oDAEA,eACE,iHAMA,UtCxWA,2CsCiXR,yCACE,gMAGF,eAUE,sKAGF,U1CnYQ,0D","file":"skins/glitch/mastodon-light/common.css","sourcesContent":["html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:\"\";content:none}table{border-collapse:collapse;border-spacing:0}html{scrollbar-color:#ccd7e0 rgba(255,255,255,.1)}::-webkit-scrollbar{width:12px;height:12px}::-webkit-scrollbar-thumb{background:#ccd7e0;border:0px none #fff;border-radius:50px}::-webkit-scrollbar-thumb:hover{background:#c6d2dc}::-webkit-scrollbar-thumb:active{background:#ccd7e0}::-webkit-scrollbar-track{border:0px none #fff;border-radius:0;background:rgba(255,255,255,.1)}::-webkit-scrollbar-track:hover{background:#d9e1e8}::-webkit-scrollbar-track:active{background:#d9e1e8}::-webkit-scrollbar-corner{background:transparent}body{font-family:sans-serif,sans-serif;background:#eff3f5;font-size:13px;line-height:18px;font-weight:400;color:#000;text-rendering:optimizelegibility;font-feature-settings:\"kern\";text-size-adjust:none;-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-tap-highlight-color:transparent}body.system-font{font-family:system-ui,-apple-system,BlinkMacSystemFont,\"Segoe UI\",\"Oxygen\",\"Ubuntu\",\"Cantarell\",\"Fira Sans\",\"Droid Sans\",\"Helvetica Neue\",sans-serif,sans-serif}body.app-body{padding:0}body.app-body.layout-single-column{height:auto;min-height:100vh;overflow-y:scroll}body.app-body.layout-multiple-columns{position:absolute;width:100%;height:100%}body.app-body.with-modals--active{overflow-y:hidden}body.lighter{background:#d9e1e8}body.with-modals{overflow-x:hidden;overflow-y:scroll}body.with-modals--active{overflow-y:hidden}body.embed{background:#ccd7e0;margin:0;padding-bottom:0}body.embed .container{position:absolute;width:100%;height:100%;overflow:hidden}body.admin{background:#e6ebf0;padding:0}body.error{position:absolute;text-align:center;color:#282c37;background:#d9e1e8;width:100%;height:100%;padding:0;display:flex;justify-content:center;align-items:center}body.error .dialog{vertical-align:middle;margin:20px}body.error .dialog img{display:block;max-width:470px;width:100%;height:auto;margin-top:-120px}body.error .dialog h1{font-size:20px;line-height:28px;font-weight:400}button{font-family:inherit;cursor:pointer}button:focus{outline:none}.app-holder,.app-holder>div{display:flex;width:100%;align-items:center;justify-content:center;outline:0 !important}.layout-single-column .app-holder,.layout-single-column .app-holder>div{min-height:100vh}.layout-multiple-columns .app-holder,.layout-multiple-columns .app-holder>div{height:100%}.container-alt{width:700px;margin:0 auto;margin-top:40px}@media screen and (max-width: 740px){.container-alt{width:100%;margin:0}}.logo-container{margin:100px auto 50px}@media screen and (max-width: 500px){.logo-container{margin:40px auto 0}}.logo-container h1{display:flex;justify-content:center;align-items:center}.logo-container h1 svg{fill:#000;height:42px;margin-right:10px}.logo-container h1 a{display:flex;justify-content:center;align-items:center;color:#000;text-decoration:none;outline:0;padding:12px 16px;line-height:32px;font-family:sans-serif,sans-serif;font-weight:500;font-size:14px}.compose-standalone .compose-form{width:400px;margin:0 auto;padding:20px 0;margin-top:40px;box-sizing:border-box}@media screen and (max-width: 400px){.compose-standalone .compose-form{width:100%;margin-top:0;padding:20px}}.account-header{width:400px;margin:0 auto;display:flex;font-size:13px;line-height:18px;box-sizing:border-box;padding:20px 0;padding-bottom:0;margin-bottom:-30px;margin-top:40px}@media screen and (max-width: 440px){.account-header{width:100%;margin:0;margin-bottom:10px;padding:20px;padding-bottom:0}}.account-header .avatar{width:40px;height:40px;width:40px;height:40px;background-size:40px 40px;margin-right:8px}.account-header .avatar img{width:100%;height:100%;display:block;margin:0;border-radius:4px;border-radius:8%;background-position:50%;background-clip:padding-box}.account-header .name{flex:1 1 auto;color:#282c37;width:calc(100% - 88px)}.account-header .name .username{display:block;font-weight:500;text-overflow:ellipsis;overflow:hidden}.account-header .logout-link{display:block;font-size:32px;line-height:40px;margin-left:8px}.grid-3{display:grid;grid-gap:10px;grid-template-columns:3fr 1fr;grid-auto-columns:25%;grid-auto-rows:max-content}.grid-3 .column-0{grid-column:1/3;grid-row:1}.grid-3 .column-1{grid-column:1;grid-row:2}.grid-3 .column-2{grid-column:2;grid-row:2}.grid-3 .column-3{grid-column:1/3;grid-row:3}@media screen and (max-width: 415px){.grid-3{grid-gap:0;grid-template-columns:minmax(0, 100%)}.grid-3 .column-0{grid-column:1}.grid-3 .column-1{grid-column:1;grid-row:3}.grid-3 .column-2{grid-column:1;grid-row:2}.grid-3 .column-3{grid-column:1;grid-row:4}}.grid-4{display:grid;grid-gap:10px;grid-template-columns:repeat(4, minmax(0, 1fr));grid-auto-columns:25%;grid-auto-rows:max-content}.grid-4 .column-0{grid-column:1/5;grid-row:1}.grid-4 .column-1{grid-column:1/4;grid-row:2}.grid-4 .column-2{grid-column:4;grid-row:2}.grid-4 .column-3{grid-column:2/5;grid-row:3}.grid-4 .column-4{grid-column:1;grid-row:3}.grid-4 .landing-page__call-to-action{min-height:100%}.grid-4 .flash-message{margin-bottom:10px}@media screen and (max-width: 738px){.grid-4{grid-template-columns:minmax(0, 50%) minmax(0, 50%)}.grid-4 .landing-page__call-to-action{padding:20px;display:flex;align-items:center;justify-content:center}.grid-4 .row__information-board{width:100%;justify-content:center;align-items:center}.grid-4 .row__mascot{display:none}}@media screen and (max-width: 415px){.grid-4{grid-gap:0;grid-template-columns:minmax(0, 100%)}.grid-4 .column-0{grid-column:1}.grid-4 .column-1{grid-column:1;grid-row:3}.grid-4 .column-2{grid-column:1;grid-row:2}.grid-4 .column-3{grid-column:1;grid-row:5}.grid-4 .column-4{grid-column:1;grid-row:4}}@media screen and (max-width: 415px){.public-layout{padding-top:48px}}.public-layout .container{max-width:960px}@media screen and (max-width: 415px){.public-layout .container{padding:0}}.public-layout .header{background:#c0cdd9;box-shadow:0 0 15px rgba(0,0,0,.2);border-radius:4px;height:48px;margin:10px 0;display:flex;align-items:stretch;justify-content:center;flex-wrap:nowrap;overflow:hidden}@media screen and (max-width: 415px){.public-layout .header{position:fixed;width:100%;top:0;left:0;margin:0;border-radius:0;box-shadow:none;z-index:110}}.public-layout .header>div{flex:1 1 33.3%;min-height:1px}.public-layout .header .nav-left{display:flex;align-items:stretch;justify-content:flex-start;flex-wrap:nowrap}.public-layout .header .nav-center{display:flex;align-items:stretch;justify-content:center;flex-wrap:nowrap}.public-layout .header .nav-right{display:flex;align-items:stretch;justify-content:flex-end;flex-wrap:nowrap}.public-layout .header .brand{display:block;padding:15px}.public-layout .header .brand svg{display:block;height:18px;width:auto;position:relative;bottom:-2px;fill:#000}@media screen and (max-width: 415px){.public-layout .header .brand svg{height:20px}}.public-layout .header .brand:hover,.public-layout .header .brand:focus,.public-layout .header .brand:active{background:#b3c3d1}.public-layout .header .nav-link{display:flex;align-items:center;padding:0 1rem;font-size:12px;font-weight:500;text-decoration:none;color:#282c37;white-space:nowrap;text-align:center}.public-layout .header .nav-link:hover,.public-layout .header .nav-link:focus,.public-layout .header .nav-link:active{text-decoration:underline;color:#000}@media screen and (max-width: 550px){.public-layout .header .nav-link.optional{display:none}}.public-layout .header .nav-button{background:#a6b9c9;margin:8px;margin-left:0;border-radius:4px}.public-layout .header .nav-button:hover,.public-layout .header .nav-button:focus,.public-layout .header .nav-button:active{text-decoration:none;background:#99afc2}.public-layout .grid{display:grid;grid-gap:10px;grid-template-columns:minmax(300px, 3fr) minmax(298px, 1fr);grid-auto-columns:25%;grid-auto-rows:max-content}.public-layout .grid .column-0{grid-row:1;grid-column:1}.public-layout .grid .column-1{grid-row:1;grid-column:2}@media screen and (max-width: 600px){.public-layout .grid{grid-template-columns:100%;grid-gap:0}.public-layout .grid .column-1{display:none}}.public-layout .directory__card{border-radius:4px}@media screen and (max-width: 415px){.public-layout .directory__card{border-radius:0}}@media screen and (max-width: 415px){.public-layout .page-header{border-bottom:0}}.public-layout .public-account-header{overflow:hidden;margin-bottom:10px;box-shadow:0 0 15px rgba(0,0,0,.2)}.public-layout .public-account-header.inactive{opacity:.5}.public-layout .public-account-header.inactive .public-account-header__image,.public-layout .public-account-header.inactive .avatar{filter:grayscale(100%)}.public-layout .public-account-header.inactive .logo-button{background-color:#282c37}.public-layout .public-account-header__image{border-radius:4px 4px 0 0;overflow:hidden;height:300px;position:relative;background:#fff}.public-layout .public-account-header__image::after{content:\"\";display:block;position:absolute;width:100%;height:100%;box-shadow:inset 0 -1px 1px 1px rgba(0,0,0,.15);top:0;left:0}.public-layout .public-account-header__image img{object-fit:cover;display:block;width:100%;height:100%;margin:0;border-radius:4px 4px 0 0}@media screen and (max-width: 600px){.public-layout .public-account-header__image{height:200px}}.public-layout .public-account-header--no-bar{margin-bottom:0}.public-layout .public-account-header--no-bar .public-account-header__image,.public-layout .public-account-header--no-bar .public-account-header__image img{border-radius:4px}@media screen and (max-width: 415px){.public-layout .public-account-header--no-bar .public-account-header__image,.public-layout .public-account-header--no-bar .public-account-header__image img{border-radius:0}}@media screen and (max-width: 415px){.public-layout .public-account-header{margin-bottom:0;box-shadow:none}.public-layout .public-account-header__image::after{display:none}.public-layout .public-account-header__image,.public-layout .public-account-header__image img{border-radius:0}}.public-layout .public-account-header__bar{position:relative;margin-top:-80px;display:flex;justify-content:flex-start}.public-layout .public-account-header__bar::before{content:\"\";display:block;background:#ccd7e0;position:absolute;bottom:0;left:0;right:0;height:60px;border-radius:0 0 4px 4px;z-index:-1}.public-layout .public-account-header__bar .avatar{display:block;width:120px;height:120px;width:120px;height:120px;background-size:120px 120px;padding-left:16px;flex:0 0 auto}.public-layout .public-account-header__bar .avatar img{display:block;width:100%;height:100%;margin:0;border-radius:50%;border:4px solid #ccd7e0;background:#f2f5f7;border-radius:8%;background-position:50%;background-clip:padding-box}@media screen and (max-width: 600px){.public-layout .public-account-header__bar{margin-top:0;background:#ccd7e0;border-radius:0 0 4px 4px;padding:5px}.public-layout .public-account-header__bar::before{display:none}.public-layout .public-account-header__bar .avatar{width:48px;height:48px;width:48px;height:48px;background-size:48px 48px;padding:7px 0;padding-left:10px}.public-layout .public-account-header__bar .avatar img{border:0;border-radius:4px;border-radius:8%;background-position:50%;background-clip:padding-box}}@media screen and (max-width: 600px)and (max-width: 360px){.public-layout .public-account-header__bar .avatar{display:none}}@media screen and (max-width: 415px){.public-layout .public-account-header__bar{border-radius:0}}@media screen and (max-width: 600px){.public-layout .public-account-header__bar{flex-wrap:wrap}}.public-layout .public-account-header__tabs{flex:1 1 auto;margin-left:20px}.public-layout .public-account-header__tabs__name{padding-top:20px;padding-bottom:8px}.public-layout .public-account-header__tabs__name h1{font-size:20px;line-height:27px;color:#000;font-weight:500;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;text-shadow:1px 1px 1px #000}.public-layout .public-account-header__tabs__name h1 small{display:block;font-size:14px;color:#000;font-weight:400;overflow:hidden;text-overflow:ellipsis}@media screen and (max-width: 600px){.public-layout .public-account-header__tabs{margin-left:15px;display:flex;justify-content:space-between;align-items:center}.public-layout .public-account-header__tabs__name{padding-top:0;padding-bottom:0}.public-layout .public-account-header__tabs__name h1{font-size:16px;line-height:24px;text-shadow:none}.public-layout .public-account-header__tabs__name h1 small{color:#282c37}}.public-layout .public-account-header__tabs__tabs{display:flex;justify-content:flex-start;align-items:stretch;height:58px}.public-layout .public-account-header__tabs__tabs .details-counters{display:flex;flex-direction:row;min-width:300px}@media screen and (max-width: 600px){.public-layout .public-account-header__tabs__tabs .details-counters{display:none}}.public-layout .public-account-header__tabs__tabs .counter{min-width:33.3%;box-sizing:border-box;flex:0 0 auto;color:#282c37;padding:10px;border-right:1px solid #ccd7e0;cursor:default;text-align:center;position:relative}.public-layout .public-account-header__tabs__tabs .counter a{display:block}.public-layout .public-account-header__tabs__tabs .counter:last-child{border-right:0}.public-layout .public-account-header__tabs__tabs .counter::after{display:block;content:\"\";position:absolute;bottom:0;left:0;width:100%;border-bottom:4px solid #9baec8;opacity:.5;transition:all 400ms ease}.public-layout .public-account-header__tabs__tabs .counter.active::after{border-bottom:4px solid #2b90d9;opacity:1}.public-layout .public-account-header__tabs__tabs .counter.active.inactive::after{border-bottom-color:#282c37}.public-layout .public-account-header__tabs__tabs .counter:hover::after{opacity:1;transition-duration:100ms}.public-layout .public-account-header__tabs__tabs .counter a{text-decoration:none;color:inherit}.public-layout .public-account-header__tabs__tabs .counter .counter-label{font-size:12px;display:block}.public-layout .public-account-header__tabs__tabs .counter .counter-number{font-weight:500;font-size:18px;margin-bottom:5px;color:#000;font-family:sans-serif,sans-serif}.public-layout .public-account-header__tabs__tabs .spacer{flex:1 1 auto;height:1px}.public-layout .public-account-header__tabs__tabs__buttons{padding:7px 8px}.public-layout .public-account-header__extra{display:none;margin-top:4px}.public-layout .public-account-header__extra .public-account-bio{border-radius:0;box-shadow:none;background:transparent;margin:0 -5px}.public-layout .public-account-header__extra .public-account-bio .account__header__fields{border-top:1px solid #b3c3d1}.public-layout .public-account-header__extra .public-account-bio .roles{display:none}.public-layout .public-account-header__extra__links{margin-top:-15px;font-size:14px;color:#282c37}.public-layout .public-account-header__extra__links a{display:inline-block;color:#282c37;text-decoration:none;padding:15px;font-weight:500}.public-layout .public-account-header__extra__links a strong{font-weight:700;color:#000}@media screen and (max-width: 600px){.public-layout .public-account-header__extra{display:block;flex:100%}}.public-layout .account__section-headline{border-radius:4px 4px 0 0}@media screen and (max-width: 415px){.public-layout .account__section-headline{border-radius:0}}.public-layout .detailed-status__meta{margin-top:25px}.public-layout .public-account-bio{background:#c0cdd9;box-shadow:0 0 15px rgba(0,0,0,.2);border-radius:4px;overflow:hidden;margin-bottom:10px}@media screen and (max-width: 415px){.public-layout .public-account-bio{box-shadow:none;margin-bottom:0;border-radius:0}}.public-layout .public-account-bio .account__header__fields{margin:0;border-top:0}.public-layout .public-account-bio .account__header__fields a{color:#217aba}.public-layout .public-account-bio .account__header__fields dl:first-child .verified{border-radius:0 4px 0 0}.public-layout .public-account-bio .account__header__fields .verified a{color:#79bd9a}.public-layout .public-account-bio .account__header__content{padding:20px;padding-bottom:0;color:#000}.public-layout .public-account-bio__extra,.public-layout .public-account-bio .roles{padding:20px;font-size:14px;color:#282c37}.public-layout .public-account-bio .roles{padding-bottom:0}.public-layout .directory__list{display:grid;grid-gap:10px;grid-template-columns:minmax(0, 50%) minmax(0, 50%)}@media screen and (max-width: 415px){.public-layout .directory__list{display:block}}.public-layout .directory__list .icon-button{font-size:18px}.public-layout .directory__card{margin-bottom:0}.public-layout .card-grid{display:flex;flex-wrap:wrap;min-width:100%;margin:0 -5px}.public-layout .card-grid>div{box-sizing:border-box;flex:1 0 auto;width:300px;padding:0 5px;margin-bottom:10px;max-width:33.333%}@media screen and (max-width: 900px){.public-layout .card-grid>div{max-width:50%}}@media screen and (max-width: 600px){.public-layout .card-grid>div{max-width:100%}}@media screen and (max-width: 415px){.public-layout .card-grid{margin:0;border-top:1px solid #c0cdd9}.public-layout .card-grid>div{width:100%;padding:0;margin-bottom:0;border-bottom:1px solid #c0cdd9}.public-layout .card-grid>div:last-child{border-bottom:0}.public-layout .card-grid>div .card__bar{background:#d9e1e8}.public-layout .card-grid>div .card__bar:hover,.public-layout .card-grid>div .card__bar:active,.public-layout .card-grid>div .card__bar:focus{background:#ccd7e0}}.no-list{list-style:none}.no-list li{display:inline-block;margin:0 5px}.recovery-codes{list-style:none;margin:0 auto}.recovery-codes li{font-size:125%;line-height:1.5;letter-spacing:1px}.modal-layout{background:#d9e1e8 url('data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 234.80078 31.757813\" width=\"234.80078\" height=\"31.757812\"><path d=\"M19.599609 0c-1.05 0-2.10039.375-2.90039 1.125L0 16.925781v14.832031h234.80078V17.025391l-16.5-15.900391c-1.6-1.5-4.20078-1.5-5.80078 0l-13.80078 13.099609c-1.6 1.5-4.19883 1.5-5.79883 0L179.09961 1.125c-1.6-1.5-4.19883-1.5-5.79883 0L159.5 14.224609c-1.6 1.5-4.20078 1.5-5.80078 0L139.90039 1.125c-1.6-1.5-4.20078-1.5-5.80078 0l-13.79883 13.099609c-1.6 1.5-4.20078 1.5-5.80078 0L100.69922 1.125c-1.600001-1.5-4.198829-1.5-5.798829 0l-13.59961 13.099609c-1.6 1.5-4.200781 1.5-5.800781 0L61.699219 1.125c-1.6-1.5-4.198828-1.5-5.798828 0L42.099609 14.224609c-1.6 1.5-4.198828 1.5-5.798828 0L22.5 1.125C21.7.375 20.649609 0 19.599609 0z\" fill=\"%233C5063\"/></svg>') repeat-x bottom fixed;display:flex;flex-direction:column;height:100vh;padding:0}.modal-layout__mastodon{display:flex;flex:1;flex-direction:column;justify-content:flex-end}.modal-layout__mastodon>*{flex:1;max-height:235px}@media screen and (max-width: 600px){.account-header{margin-top:0}}.public-layout .footer{text-align:left;padding-top:20px;padding-bottom:60px;font-size:12px;color:#6d8ca7}@media screen and (max-width: 415px){.public-layout .footer{padding-left:20px;padding-right:20px}}.public-layout .footer .grid{display:grid;grid-gap:10px;grid-template-columns:1fr 1fr 2fr 1fr 1fr}.public-layout .footer .grid .column-0{grid-column:1;grid-row:1;min-width:0}.public-layout .footer .grid .column-1{grid-column:2;grid-row:1;min-width:0}.public-layout .footer .grid .column-2{grid-column:3;grid-row:1;min-width:0;text-align:center}.public-layout .footer .grid .column-2 h4 a{color:#6d8ca7}.public-layout .footer .grid .column-3{grid-column:4;grid-row:1;min-width:0}.public-layout .footer .grid .column-4{grid-column:5;grid-row:1;min-width:0}@media screen and (max-width: 690px){.public-layout .footer .grid{grid-template-columns:1fr 2fr 1fr}.public-layout .footer .grid .column-0,.public-layout .footer .grid .column-1{grid-column:1}.public-layout .footer .grid .column-1{grid-row:2}.public-layout .footer .grid .column-2{grid-column:2}.public-layout .footer .grid .column-3,.public-layout .footer .grid .column-4{grid-column:3}.public-layout .footer .grid .column-4{grid-row:2}}@media screen and (max-width: 600px){.public-layout .footer .grid .column-1{display:block}}@media screen and (max-width: 415px){.public-layout .footer .grid .column-0,.public-layout .footer .grid .column-1,.public-layout .footer .grid .column-3,.public-layout .footer .grid .column-4{display:none}}.public-layout .footer h4{text-transform:uppercase;font-weight:700;margin-bottom:8px;color:#282c37}.public-layout .footer h4 a{color:inherit;text-decoration:none}.public-layout .footer ul a{text-decoration:none;color:#6d8ca7}.public-layout .footer ul a:hover,.public-layout .footer ul a:active,.public-layout .footer ul a:focus{text-decoration:underline}.public-layout .footer .brand svg{display:block;height:36px;width:auto;margin:0 auto;fill:#6d8ca7}.public-layout .footer .brand:hover svg,.public-layout .footer .brand:focus svg,.public-layout .footer .brand:active svg{fill:#60829f}.compact-header h1{font-size:24px;line-height:28px;color:#282c37;font-weight:500;margin-bottom:20px;padding:0 10px;word-wrap:break-word}@media screen and (max-width: 740px){.compact-header h1{text-align:center;padding:20px 10px 0}}.compact-header h1 a{color:inherit;text-decoration:none}.compact-header h1 small{font-weight:400;color:#282c37}.compact-header h1 img{display:inline-block;margin-bottom:-5px;margin-right:15px;width:36px;height:36px}.hero-widget{margin-bottom:10px;box-shadow:0 0 15px rgba(0,0,0,.2)}.hero-widget__img{width:100%;position:relative;overflow:hidden;border-radius:4px 4px 0 0;background:#000}.hero-widget__img img{object-fit:cover;display:block;width:100%;height:100%;margin:0;border-radius:4px 4px 0 0}.hero-widget__text{background:#d9e1e8;padding:20px;border-radius:0 0 4px 4px;font-size:15px;color:#282c37;line-height:20px;word-wrap:break-word;font-weight:400}.hero-widget__text .emojione{width:20px;height:20px;margin:-3px 0 0}.hero-widget__text p{margin-bottom:20px}.hero-widget__text p:last-child{margin-bottom:0}.hero-widget__text em{display:inline;margin:0;padding:0;font-weight:700;background:transparent;font-family:inherit;font-size:inherit;line-height:inherit;color:#131419}.hero-widget__text a{color:#282c37;text-decoration:none}.hero-widget__text a:hover{text-decoration:underline}@media screen and (max-width: 415px){.hero-widget{display:none}}.endorsements-widget{margin-bottom:10px;padding-bottom:10px}.endorsements-widget h4{padding:10px;text-transform:uppercase;font-weight:700;font-size:13px;color:#282c37}.endorsements-widget .account{padding:10px 0}.endorsements-widget .account:last-child{border-bottom:0}.endorsements-widget .account .account__display-name{display:flex;align-items:center}.endorsements-widget .account .account__avatar{width:44px;height:44px;background-size:44px 44px}.endorsements-widget .trends__item{padding:10px}.trends-widget h4{color:#282c37}.box-widget{padding:20px;border-radius:4px;background:#d9e1e8;box-shadow:0 0 15px rgba(0,0,0,.2)}.placeholder-widget{padding:16px;border-radius:4px;border:2px dashed #444b5d;text-align:center;color:#282c37;margin-bottom:10px}.contact-widget{min-height:100%;font-size:15px;color:#282c37;line-height:20px;word-wrap:break-word;font-weight:400;padding:0}.contact-widget h4{padding:10px;text-transform:uppercase;font-weight:700;font-size:13px;color:#282c37}.contact-widget .account{border-bottom:0;padding:10px 0;padding-top:5px}.contact-widget>a{display:inline-block;padding:10px;padding-top:0;color:#282c37;text-decoration:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.contact-widget>a:hover,.contact-widget>a:focus,.contact-widget>a:active{text-decoration:underline}.moved-account-widget{padding:15px;padding-bottom:20px;border-radius:4px;background:#d9e1e8;box-shadow:0 0 15px rgba(0,0,0,.2);color:#282c37;font-weight:400;margin-bottom:10px}.moved-account-widget strong,.moved-account-widget a{font-weight:500}.moved-account-widget strong:lang(ja),.moved-account-widget a:lang(ja){font-weight:700}.moved-account-widget strong:lang(ko),.moved-account-widget a:lang(ko){font-weight:700}.moved-account-widget strong:lang(zh-CN),.moved-account-widget a:lang(zh-CN){font-weight:700}.moved-account-widget strong:lang(zh-HK),.moved-account-widget a:lang(zh-HK){font-weight:700}.moved-account-widget strong:lang(zh-TW),.moved-account-widget a:lang(zh-TW){font-weight:700}.moved-account-widget a{color:inherit;text-decoration:underline}.moved-account-widget a.mention{text-decoration:none}.moved-account-widget a.mention span{text-decoration:none}.moved-account-widget a.mention:focus,.moved-account-widget a.mention:hover,.moved-account-widget a.mention:active{text-decoration:none}.moved-account-widget a.mention:focus span,.moved-account-widget a.mention:hover span,.moved-account-widget a.mention:active span{text-decoration:underline}.moved-account-widget__message{margin-bottom:15px}.moved-account-widget__message .fa{margin-right:5px;color:#282c37}.moved-account-widget__card .detailed-status__display-avatar{position:relative;cursor:pointer}.moved-account-widget__card .detailed-status__display-name{margin-bottom:0;text-decoration:none}.moved-account-widget__card .detailed-status__display-name span{font-weight:400}.memoriam-widget{padding:20px;border-radius:4px;background:#000;box-shadow:0 0 15px rgba(0,0,0,.2);font-size:14px;color:#282c37;margin-bottom:10px}.page-header{background:#c0cdd9;box-shadow:0 0 15px rgba(0,0,0,.2);border-radius:4px;padding:60px 15px;text-align:center;margin:10px 0}.page-header h1{color:#000;font-size:36px;line-height:1.1;font-weight:700;margin-bottom:10px}.page-header p{font-size:15px;color:#282c37}@media screen and (max-width: 415px){.page-header{margin-top:0;background:#ccd7e0}.page-header h1{font-size:24px}}.directory{background:#d9e1e8;border-radius:4px;box-shadow:0 0 15px rgba(0,0,0,.2)}.directory__tag{box-sizing:border-box;margin-bottom:10px}.directory__tag>a,.directory__tag>div{display:flex;align-items:center;justify-content:space-between;background:#d9e1e8;border-radius:4px;padding:15px;text-decoration:none;color:inherit;box-shadow:0 0 15px rgba(0,0,0,.2)}.directory__tag>a:hover,.directory__tag>a:active,.directory__tag>a:focus{background:#c0cdd9}.directory__tag.active>a{background:#2b90d9;cursor:default}.directory__tag.disabled>div{opacity:.5;cursor:default}.directory__tag h4{flex:1 1 auto;font-size:18px;font-weight:700;color:#000;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.directory__tag h4 .fa{color:#282c37}.directory__tag h4 small{display:block;font-weight:400;font-size:15px;margin-top:8px;color:#282c37}.directory__tag.active h4,.directory__tag.active h4 .fa,.directory__tag.active h4 small{color:#000}.directory__tag .avatar-stack{flex:0 0 auto;width:120px}.directory__tag.active .avatar-stack .account__avatar{border-color:#2b90d9}.avatar-stack{display:flex;justify-content:flex-end}.avatar-stack .account__avatar{flex:0 0 auto;width:36px;height:36px;border-radius:50%;position:relative;margin-left:-10px;background:#f2f5f7;border:2px solid #d9e1e8}.avatar-stack .account__avatar:nth-child(1){z-index:1}.avatar-stack .account__avatar:nth-child(2){z-index:2}.avatar-stack .account__avatar:nth-child(3){z-index:3}.accounts-table{width:100%}.accounts-table .account{padding:0;border:0}.accounts-table strong{font-weight:700}.accounts-table thead th{text-align:center;text-transform:uppercase;color:#282c37;font-weight:700;padding:10px}.accounts-table thead th:first-child{text-align:left}.accounts-table tbody td{padding:15px 0;vertical-align:middle;border-bottom:1px solid #c0cdd9}.accounts-table tbody tr:last-child td{border-bottom:0}.accounts-table__count{width:120px;text-align:center;font-size:15px;font-weight:500;color:#000}.accounts-table__count small{display:block;color:#282c37;font-weight:400;font-size:14px}.accounts-table__comment{width:50%;vertical-align:initial !important}@media screen and (max-width: 415px){.accounts-table tbody td.optional{display:none}}@media screen and (max-width: 415px){.moved-account-widget,.memoriam-widget,.box-widget,.contact-widget,.landing-page__information.contact-widget,.directory,.page-header{margin-bottom:0;box-shadow:none;border-radius:0}}.statuses-grid{min-height:600px}@media screen and (max-width: 640px){.statuses-grid{width:100% !important}}.statuses-grid__item{width:313.3333333333px}@media screen and (max-width: 1255px){.statuses-grid__item{width:306.6666666667px}}@media screen and (max-width: 640px){.statuses-grid__item{width:100%}}@media screen and (max-width: 415px){.statuses-grid__item{width:100vw}}.statuses-grid .detailed-status{border-radius:4px}@media screen and (max-width: 415px){.statuses-grid .detailed-status{border-top:1px solid #a6b9c9}}.statuses-grid .detailed-status.compact .detailed-status__meta{margin-top:15px}.statuses-grid .detailed-status.compact .status__content{font-size:15px;line-height:20px}.statuses-grid .detailed-status.compact .status__content .emojione{width:20px;height:20px;margin:-3px 0 0}.statuses-grid .detailed-status.compact .status__content .status__content__spoiler-link{line-height:20px;margin:0}.statuses-grid .detailed-status.compact .media-gallery,.statuses-grid .detailed-status.compact .status-card,.statuses-grid .detailed-status.compact .video-player{margin-top:15px}.notice-widget{margin-bottom:10px;color:#282c37}.notice-widget p{margin-bottom:10px}.notice-widget p:last-child{margin-bottom:0}.notice-widget a{font-size:14px;line-height:20px}.notice-widget a,.placeholder-widget a{text-decoration:none;font-weight:500;color:#2b90d9}.notice-widget a:hover,.notice-widget a:focus,.notice-widget a:active,.placeholder-widget a:hover,.placeholder-widget a:focus,.placeholder-widget a:active{text-decoration:underline}.table-of-contents{background:#e6ebf0;min-height:100%;font-size:14px;border-radius:4px}.table-of-contents li a{display:block;font-weight:500;padding:15px;overflow:hidden;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-decoration:none;color:#000;border-bottom:1px solid #ccd7e0}.table-of-contents li a:hover,.table-of-contents li a:focus,.table-of-contents li a:active{text-decoration:underline}.table-of-contents li:last-child a{border-bottom:0}.table-of-contents li ul{padding-left:20px;border-bottom:1px solid #ccd7e0}code{font-family:monospace,monospace;font-weight:400}.form-container{max-width:400px;padding:20px;margin:0 auto}.simple_form .input{margin-bottom:15px;overflow:hidden}.simple_form .input.hidden{margin:0}.simple_form .input.radio_buttons .radio{margin-bottom:15px}.simple_form .input.radio_buttons .radio:last-child{margin-bottom:0}.simple_form .input.radio_buttons .radio>label{position:relative;padding-left:28px}.simple_form .input.radio_buttons .radio>label input{position:absolute;top:-2px;left:0}.simple_form .input.boolean{position:relative;margin-bottom:0}.simple_form .input.boolean .label_input>label{font-family:inherit;font-size:14px;padding-top:5px;color:#000;display:block;width:auto}.simple_form .input.boolean .label_input,.simple_form .input.boolean .hint{padding-left:28px}.simple_form .input.boolean .label_input__wrapper{position:static}.simple_form .input.boolean label.checkbox{position:absolute;top:2px;left:0}.simple_form .input.boolean label a{color:#2b90d9;text-decoration:underline}.simple_form .input.boolean label a:hover,.simple_form .input.boolean label a:active,.simple_form .input.boolean label a:focus{text-decoration:none}.simple_form .input.boolean .recommended{position:absolute;margin:0 4px;margin-top:-2px}.simple_form .row{display:flex;margin:0 -5px}.simple_form .row .input{box-sizing:border-box;flex:1 1 auto;width:50%;padding:0 5px}.simple_form .hint{color:#282c37}.simple_form .hint a{color:#2b90d9}.simple_form .hint code{border-radius:3px;padding:.2em .4em;background:#fff}.simple_form span.hint{display:block;font-size:12px;margin-top:4px}.simple_form p.hint{margin-bottom:15px;color:#282c37}.simple_form p.hint.subtle-hint{text-align:center;font-size:12px;line-height:18px;margin-top:15px;margin-bottom:0}.simple_form .card{margin-bottom:15px}.simple_form strong{font-weight:500}.simple_form strong:lang(ja){font-weight:700}.simple_form strong:lang(ko){font-weight:700}.simple_form strong:lang(zh-CN){font-weight:700}.simple_form strong:lang(zh-HK){font-weight:700}.simple_form strong:lang(zh-TW){font-weight:700}.simple_form .input.with_floating_label .label_input{display:flex}.simple_form .input.with_floating_label .label_input>label{font-family:inherit;font-size:14px;color:#000;font-weight:500;min-width:150px;flex:0 0 auto}.simple_form .input.with_floating_label .label_input input,.simple_form .input.with_floating_label .label_input select{flex:1 1 auto}.simple_form .input.with_floating_label.select .hint{margin-top:6px;margin-left:150px}.simple_form .input.with_label .label_input>label{font-family:inherit;font-size:14px;color:#000;display:block;margin-bottom:8px;word-wrap:break-word;font-weight:500}.simple_form .input.with_label .hint{margin-top:6px}.simple_form .input.with_label ul{flex:390px}.simple_form .input.with_block_label{max-width:none}.simple_form .input.with_block_label>label{font-family:inherit;font-size:16px;color:#000;display:block;font-weight:500;padding-top:5px}.simple_form .input.with_block_label .hint{margin-bottom:15px}.simple_form .input.with_block_label ul{columns:2}.simple_form .required abbr{text-decoration:none;color:#c1203b}.simple_form .fields-group{margin-bottom:25px}.simple_form .fields-group .input:last-child{margin-bottom:0}.simple_form .fields-row{display:flex;margin:0 -10px;padding-top:5px;margin-bottom:25px}.simple_form .fields-row .input{max-width:none}.simple_form .fields-row__column{box-sizing:border-box;padding:0 10px;flex:1 1 auto;min-height:1px}.simple_form .fields-row__column-6{max-width:50%}.simple_form .fields-row__column .actions{margin-top:27px}.simple_form .fields-row .fields-group:last-child,.simple_form .fields-row .fields-row__column.fields-group{margin-bottom:0}@media screen and (max-width: 600px){.simple_form .fields-row{display:block;margin-bottom:0}.simple_form .fields-row__column{max-width:none}.simple_form .fields-row .fields-group:last-child,.simple_form .fields-row .fields-row__column.fields-group,.simple_form .fields-row .fields-row__column{margin-bottom:25px}}.simple_form .input.radio_buttons .radio label{margin-bottom:5px;font-family:inherit;font-size:14px;color:#000;display:block;width:auto}.simple_form .check_boxes .checkbox label{font-family:inherit;font-size:14px;color:#000;display:inline-block;width:auto;position:relative;padding-top:5px;padding-left:25px;flex:1 1 auto}.simple_form .check_boxes .checkbox input[type=checkbox]{position:absolute;left:0;top:5px;margin:0}.simple_form .input.static .label_input__wrapper{font-size:16px;padding:10px;border:1px solid #444b5d;border-radius:4px}.simple_form input[type=text],.simple_form input[type=number],.simple_form input[type=email],.simple_form input[type=password],.simple_form textarea{box-sizing:border-box;font-size:16px;color:#000;display:block;width:100%;outline:0;font-family:inherit;resize:vertical;background:#f9fafb;border:1px solid #fff;border-radius:4px;padding:10px}.simple_form input[type=text]::placeholder,.simple_form input[type=number]::placeholder,.simple_form input[type=email]::placeholder,.simple_form input[type=password]::placeholder,.simple_form textarea::placeholder{color:#1f232b}.simple_form input[type=text]:invalid,.simple_form input[type=number]:invalid,.simple_form input[type=email]:invalid,.simple_form input[type=password]:invalid,.simple_form textarea:invalid{box-shadow:none}.simple_form input[type=text]:focus:invalid:not(:placeholder-shown),.simple_form input[type=number]:focus:invalid:not(:placeholder-shown),.simple_form input[type=email]:focus:invalid:not(:placeholder-shown),.simple_form input[type=password]:focus:invalid:not(:placeholder-shown),.simple_form textarea:focus:invalid:not(:placeholder-shown){border-color:#c1203b}.simple_form input[type=text]:required:valid,.simple_form input[type=number]:required:valid,.simple_form input[type=email]:required:valid,.simple_form input[type=password]:required:valid,.simple_form textarea:required:valid{border-color:#79bd9a}.simple_form input[type=text]:hover,.simple_form input[type=number]:hover,.simple_form input[type=email]:hover,.simple_form input[type=password]:hover,.simple_form textarea:hover{border-color:#fff}.simple_form input[type=text]:active,.simple_form input[type=text]:focus,.simple_form input[type=number]:active,.simple_form input[type=number]:focus,.simple_form input[type=email]:active,.simple_form input[type=email]:focus,.simple_form input[type=password]:active,.simple_form input[type=password]:focus,.simple_form textarea:active,.simple_form textarea:focus{border-color:#2b90d9;background:#f2f5f7}.simple_form .input.field_with_errors label{color:#c1203b}.simple_form .input.field_with_errors input[type=text],.simple_form .input.field_with_errors input[type=number],.simple_form .input.field_with_errors input[type=email],.simple_form .input.field_with_errors input[type=password],.simple_form .input.field_with_errors textarea,.simple_form .input.field_with_errors select{border-color:#c1203b}.simple_form .input.field_with_errors .error{display:block;font-weight:500;color:#c1203b;margin-top:4px}.simple_form .input.disabled{opacity:.5}.simple_form .actions{margin-top:30px;display:flex}.simple_form .actions.actions--top{margin-top:0;margin-bottom:30px}.simple_form button,.simple_form .button,.simple_form .block-button{display:block;width:100%;border:0;border-radius:4px;background:#2b90d9;color:#000;font-size:18px;line-height:inherit;height:auto;padding:10px;text-transform:uppercase;text-decoration:none;text-align:center;box-sizing:border-box;cursor:pointer;font-weight:500;outline:0;margin-bottom:10px;margin-right:10px}.simple_form button:last-child,.simple_form .button:last-child,.simple_form .block-button:last-child{margin-right:0}.simple_form button:hover,.simple_form .button:hover,.simple_form .block-button:hover{background-color:#2482c7}.simple_form button:active,.simple_form button:focus,.simple_form .button:active,.simple_form .button:focus,.simple_form .block-button:active,.simple_form .block-button:focus{background-color:#419bdd}.simple_form button:disabled:hover,.simple_form .button:disabled:hover,.simple_form .block-button:disabled:hover{background-color:#9baec8}.simple_form button.negative,.simple_form .button.negative,.simple_form .block-button.negative{background:#df405a}.simple_form button.negative:hover,.simple_form .button.negative:hover,.simple_form .block-button.negative:hover{background-color:#db2a47}.simple_form button.negative:active,.simple_form button.negative:focus,.simple_form .button.negative:active,.simple_form .button.negative:focus,.simple_form .block-button.negative:active,.simple_form .block-button.negative:focus{background-color:#e3566d}.simple_form select{appearance:none;box-sizing:border-box;font-size:16px;color:#000;display:block;width:100%;outline:0;font-family:inherit;resize:vertical;background:#f9fafb url(\"data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14.933 18.467' height='19.698' width='15.929'><path d='M3.467 14.967l-3.393-3.5H14.86l-3.392 3.5c-1.866 1.925-3.666 3.5-4 3.5-.335 0-2.135-1.575-4-3.5zm.266-11.234L7.467 0 11.2 3.733l3.733 3.734H0l3.733-3.734z' fill='%23B3C3D1'/></svg>\") no-repeat right 8px center/auto 16px;border:1px solid #fff;border-radius:4px;padding-left:10px;padding-right:30px;height:41px}.simple_form h4{margin-bottom:15px !important}.simple_form .label_input__wrapper{position:relative}.simple_form .label_input__append{position:absolute;right:3px;top:1px;padding:10px;padding-bottom:9px;font-size:16px;color:#444b5d;font-family:inherit;pointer-events:none;cursor:default;max-width:140px;white-space:nowrap;overflow:hidden}.simple_form .label_input__append::after{content:\"\";display:block;position:absolute;top:0;right:0;bottom:1px;width:5px;background-image:linear-gradient(to right, rgba(249, 250, 251, 0), #f9fafb)}.simple_form__overlay-area{position:relative}.simple_form__overlay-area__blurred form{filter:blur(2px)}.simple_form__overlay-area__overlay{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;justify-content:center;align-items:center;background:rgba(217,225,232,.65);border-radius:4px;margin-left:-4px;margin-top:-4px;padding:4px}.simple_form__overlay-area__overlay__content{text-align:center}.simple_form__overlay-area__overlay__content.rich-formatting,.simple_form__overlay-area__overlay__content.rich-formatting p{color:#000}.block-icon{display:block;margin:0 auto;margin-bottom:10px;font-size:24px}.flash-message{background:#c0cdd9;color:#282c37;border-radius:4px;padding:15px 10px;margin-bottom:30px;text-align:center}.flash-message.notice{border:1px solid rgba(121,189,154,.5);background:rgba(121,189,154,.25);color:#79bd9a}.flash-message.alert{border:1px solid rgba(223,64,90,.5);background:rgba(223,64,90,.25);color:#df405a}.flash-message a{display:inline-block;color:#282c37;text-decoration:none}.flash-message a:hover{color:#000;text-decoration:underline}.flash-message p{margin-bottom:15px}.flash-message .oauth-code{outline:0;box-sizing:border-box;display:block;width:100%;border:none;padding:10px;font-family:monospace,monospace;background:#d9e1e8;color:#000;font-size:14px;margin:0}.flash-message .oauth-code::-moz-focus-inner{border:0}.flash-message .oauth-code::-moz-focus-inner,.flash-message .oauth-code:focus,.flash-message .oauth-code:active{outline:0 !important}.flash-message .oauth-code:focus{background:#ccd7e0}.flash-message strong{font-weight:500}.flash-message strong:lang(ja){font-weight:700}.flash-message strong:lang(ko){font-weight:700}.flash-message strong:lang(zh-CN){font-weight:700}.flash-message strong:lang(zh-HK){font-weight:700}.flash-message strong:lang(zh-TW){font-weight:700}@media screen and (max-width: 740px)and (min-width: 441px){.flash-message{margin-top:40px}}.form-footer{margin-top:30px;text-align:center}.form-footer a{color:#282c37;text-decoration:none}.form-footer a:hover{text-decoration:underline}.quick-nav{list-style:none;margin-bottom:25px;font-size:14px}.quick-nav li{display:inline-block;margin-right:10px}.quick-nav a{color:#2b90d9;text-transform:uppercase;text-decoration:none;font-weight:700}.quick-nav a:hover,.quick-nav a:focus,.quick-nav a:active{color:#217aba}.oauth-prompt,.follow-prompt{margin-bottom:30px;color:#282c37}.oauth-prompt h2,.follow-prompt h2{font-size:16px;margin-bottom:30px;text-align:center}.oauth-prompt strong,.follow-prompt strong{color:#282c37;font-weight:500}.oauth-prompt strong:lang(ja),.follow-prompt strong:lang(ja){font-weight:700}.oauth-prompt strong:lang(ko),.follow-prompt strong:lang(ko){font-weight:700}.oauth-prompt strong:lang(zh-CN),.follow-prompt strong:lang(zh-CN){font-weight:700}.oauth-prompt strong:lang(zh-HK),.follow-prompt strong:lang(zh-HK){font-weight:700}.oauth-prompt strong:lang(zh-TW),.follow-prompt strong:lang(zh-TW){font-weight:700}@media screen and (max-width: 740px)and (min-width: 441px){.oauth-prompt,.follow-prompt{margin-top:40px}}.qr-wrapper{display:flex;flex-wrap:wrap;align-items:flex-start}.qr-code{flex:0 0 auto;background:#fff;padding:4px;margin:0 10px 20px 0;box-shadow:0 0 15px rgba(0,0,0,.2);display:inline-block}.qr-code svg{display:block;margin:0}.qr-alternative{margin-bottom:20px;color:#282c37;flex:150px}.qr-alternative samp{display:block;font-size:14px}.table-form p{margin-bottom:15px}.table-form p strong{font-weight:500}.table-form p strong:lang(ja){font-weight:700}.table-form p strong:lang(ko){font-weight:700}.table-form p strong:lang(zh-CN){font-weight:700}.table-form p strong:lang(zh-HK){font-weight:700}.table-form p strong:lang(zh-TW){font-weight:700}.simple_form .warning,.table-form .warning{box-sizing:border-box;background:rgba(223,64,90,.5);color:#000;text-shadow:1px 1px 0 rgba(0,0,0,.3);box-shadow:0 2px 6px rgba(0,0,0,.4);border-radius:4px;padding:10px;margin-bottom:15px}.simple_form .warning a,.table-form .warning a{color:#000;text-decoration:underline}.simple_form .warning a:hover,.simple_form .warning a:focus,.simple_form .warning a:active,.table-form .warning a:hover,.table-form .warning a:focus,.table-form .warning a:active{text-decoration:none}.simple_form .warning strong,.table-form .warning strong{font-weight:600;display:block;margin-bottom:5px}.simple_form .warning strong:lang(ja),.table-form .warning strong:lang(ja){font-weight:700}.simple_form .warning strong:lang(ko),.table-form .warning strong:lang(ko){font-weight:700}.simple_form .warning strong:lang(zh-CN),.table-form .warning strong:lang(zh-CN){font-weight:700}.simple_form .warning strong:lang(zh-HK),.table-form .warning strong:lang(zh-HK){font-weight:700}.simple_form .warning strong:lang(zh-TW),.table-form .warning strong:lang(zh-TW){font-weight:700}.simple_form .warning strong .fa,.table-form .warning strong .fa{font-weight:400}.action-pagination{display:flex;flex-wrap:wrap;align-items:center}.action-pagination .actions,.action-pagination .pagination{flex:1 1 auto}.action-pagination .actions{padding:30px 0;padding-right:20px;flex:0 0 auto}.post-follow-actions{text-align:center;color:#282c37}.post-follow-actions div{margin-bottom:4px}.alternative-login{margin-top:20px;margin-bottom:20px}.alternative-login h4{font-size:16px;color:#000;text-align:center;margin-bottom:20px;border:0;padding:0}.alternative-login .button{display:block}.scope-danger{color:#ff5050}.form_admin_settings_site_short_description textarea,.form_admin_settings_site_description textarea,.form_admin_settings_site_extended_description textarea,.form_admin_settings_site_terms textarea,.form_admin_settings_custom_css textarea,.form_admin_settings_closed_registrations_message textarea{font-family:monospace,monospace}.input-copy{background:#f9fafb;border:1px solid #fff;border-radius:4px;display:flex;align-items:center;padding-right:4px;position:relative;top:1px;transition:border-color 300ms linear}.input-copy__wrapper{flex:1 1 auto}.input-copy input[type=text]{background:transparent;border:0;padding:10px;font-size:14px;font-family:monospace,monospace}.input-copy button{flex:0 0 auto;margin:4px;text-transform:none;font-weight:400;font-size:14px;padding:7px 18px;padding-bottom:6px;width:auto;transition:background 300ms linear}.input-copy.copied{border-color:#79bd9a;transition:none}.input-copy.copied button{background:#79bd9a;transition:none}.connection-prompt{margin-bottom:25px}.connection-prompt .fa-link{background-color:#e6ebf0;border-radius:100%;font-size:24px;padding:10px}.connection-prompt__column{align-items:center;display:flex;flex:1;flex-direction:column;flex-shrink:1;max-width:50%}.connection-prompt__column-sep{align-self:center;flex-grow:0;overflow:visible;position:relative;z-index:1}.connection-prompt__column p{word-break:break-word}.connection-prompt .account__avatar{margin-bottom:20px}.connection-prompt__connection{background-color:#c0cdd9;box-shadow:0 0 15px rgba(0,0,0,.2);border-radius:4px;padding:25px 10px;position:relative;text-align:center}.connection-prompt__connection::after{background-color:#e6ebf0;content:\"\";display:block;height:100%;left:50%;position:absolute;top:0;width:1px}.connection-prompt__row{align-items:flex-start;display:flex;flex-direction:row}.card>a{display:block;text-decoration:none;color:inherit;box-shadow:0 0 15px rgba(0,0,0,.2)}@media screen and (max-width: 415px){.card>a{box-shadow:none}}.card>a:hover .card__bar,.card>a:active .card__bar,.card>a:focus .card__bar{background:#c0cdd9}.card__img{height:130px;position:relative;background:#fff;border-radius:4px 4px 0 0}.card__img img{display:block;width:100%;height:100%;margin:0;object-fit:cover;border-radius:4px 4px 0 0}@media screen and (max-width: 600px){.card__img{height:200px}}@media screen and (max-width: 415px){.card__img{display:none}}.card__bar{position:relative;padding:15px;display:flex;justify-content:flex-start;align-items:center;background:#ccd7e0;border-radius:0 0 4px 4px}@media screen and (max-width: 415px){.card__bar{border-radius:0}}.card__bar .avatar{flex:0 0 auto;width:48px;height:48px;width:48px;height:48px;background-size:48px 48px;padding-top:2px}.card__bar .avatar img{width:100%;height:100%;display:block;margin:0;border-radius:4px;border-radius:8%;background-position:50%;background-clip:padding-box;background:#f2f5f7;object-fit:cover}.card__bar .display-name{margin-left:15px;text-align:left}.card__bar .display-name strong{font-size:15px;color:#000;font-weight:500;overflow:hidden;text-overflow:ellipsis}.card__bar .display-name span{display:block;font-size:14px;color:#282c37;font-weight:400;overflow:hidden;text-overflow:ellipsis}.pagination{padding:30px 0;text-align:center;overflow:hidden}.pagination a,.pagination .current,.pagination .newer,.pagination .older,.pagination .page,.pagination .gap{font-size:14px;color:#000;font-weight:500;display:inline-block;padding:6px 10px;text-decoration:none}.pagination .current{background:#fff;border-radius:100px;color:#000;cursor:default;margin:0 10px}.pagination .gap{cursor:default}.pagination .older,.pagination .newer{text-transform:uppercase;color:#282c37}.pagination .older{float:left;padding-left:0}.pagination .older .fa{display:inline-block;margin-right:5px}.pagination .newer{float:right;padding-right:0}.pagination .newer .fa{display:inline-block;margin-left:5px}.pagination .disabled{cursor:default;color:#000}@media screen and (max-width: 700px){.pagination{padding:30px 20px}.pagination .page{display:none}.pagination .newer,.pagination .older{display:inline-block}}.nothing-here{background:#d9e1e8;box-shadow:0 0 15px rgba(0,0,0,.2);color:#444b5d;font-size:14px;font-weight:500;text-align:center;display:flex;justify-content:center;align-items:center;cursor:default;border-radius:4px;padding:20px;min-height:30vh}.nothing-here--under-tabs{border-radius:0 0 4px 4px}.nothing-here--flexible{box-sizing:border-box;min-height:100%}.account-role,.simple_form .recommended{display:inline-block;padding:4px 6px;cursor:default;border-radius:3px;font-size:12px;line-height:12px;font-weight:500;color:#282c37;background-color:rgba(40,44,55,.1);border:1px solid rgba(40,44,55,.5)}.account-role.moderator,.simple_form .recommended.moderator{color:#79bd9a;background-color:rgba(121,189,154,.1);border-color:rgba(121,189,154,.5)}.account-role.admin,.simple_form .recommended.admin{color:#c1203b;background-color:rgba(193,32,59,.1);border-color:rgba(193,32,59,.5)}.account__header__fields{max-width:100vw;padding:0;margin:15px -15px -15px;border:0 none;border-top:1px solid #b3c3d1;border-bottom:1px solid #b3c3d1;font-size:14px;line-height:20px}.account__header__fields dl{display:flex;border-bottom:1px solid #b3c3d1}.account__header__fields dt,.account__header__fields dd{box-sizing:border-box;padding:14px;text-align:center;max-height:48px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.account__header__fields dt{font-weight:500;width:120px;flex:0 0 auto;color:#282c37;background:rgba(242,245,247,.5)}.account__header__fields dd{flex:1 1 auto;color:#282c37}.account__header__fields a{color:#2b90d9;text-decoration:none}.account__header__fields a:hover,.account__header__fields a:focus,.account__header__fields a:active{text-decoration:underline}.account__header__fields .verified{border:1px solid rgba(121,189,154,.5);background:rgba(121,189,154,.25)}.account__header__fields .verified a{color:#79bd9a;font-weight:500}.account__header__fields .verified__mark{color:#79bd9a}.account__header__fields dl:last-child{border-bottom:0}.directory__tag .trends__item__current{width:auto}.pending-account__header{color:#282c37}.pending-account__header a{color:#282c37;text-decoration:none}.pending-account__header a:hover,.pending-account__header a:active,.pending-account__header a:focus{text-decoration:underline}.pending-account__header strong{color:#000;font-weight:700}.pending-account__body{margin-top:10px}.activity-stream{box-shadow:0 0 15px rgba(0,0,0,.2);border-radius:4px;overflow:hidden;margin-bottom:10px}@media screen and (max-width: 415px){.activity-stream{margin-bottom:0;border-radius:0;box-shadow:none}}.activity-stream--headless{border-radius:0;margin:0;box-shadow:none}.activity-stream--headless .detailed-status,.activity-stream--headless .status{border-radius:0 !important}.activity-stream div[data-component]{width:100%}.activity-stream .entry{background:#d9e1e8}.activity-stream .entry .detailed-status,.activity-stream .entry .status,.activity-stream .entry .load-more{animation:none}.activity-stream .entry:last-child .detailed-status,.activity-stream .entry:last-child .status,.activity-stream .entry:last-child .load-more{border-bottom:0;border-radius:0 0 4px 4px}.activity-stream .entry:first-child .detailed-status,.activity-stream .entry:first-child .status,.activity-stream .entry:first-child .load-more{border-radius:4px 4px 0 0}.activity-stream .entry:first-child:last-child .detailed-status,.activity-stream .entry:first-child:last-child .status,.activity-stream .entry:first-child:last-child .load-more{border-radius:4px}@media screen and (max-width: 740px){.activity-stream .entry .detailed-status,.activity-stream .entry .status,.activity-stream .entry .load-more{border-radius:0 !important}}.activity-stream--highlighted .entry{background:#c0cdd9}.button.logo-button{flex:0 auto;font-size:14px;background:#2b90d9;color:#000;text-transform:none;line-height:36px;height:auto;padding:3px 15px;border:0}.button.logo-button svg{width:20px;height:auto;vertical-align:middle;margin-right:5px;fill:#000}.button.logo-button:active,.button.logo-button:focus,.button.logo-button:hover{background:#2074b1}.button.logo-button:disabled:active,.button.logo-button:disabled:focus,.button.logo-button:disabled:hover,.button.logo-button.disabled:active,.button.logo-button.disabled:focus,.button.logo-button.disabled:hover{background:#9baec8}.button.logo-button.button--destructive:active,.button.logo-button.button--destructive:focus,.button.logo-button.button--destructive:hover{background:#df405a}@media screen and (max-width: 415px){.button.logo-button svg{display:none}}.embed .detailed-status,.public-layout .detailed-status{padding:15px}.embed .status,.public-layout .status{padding:15px 15px 15px 78px;min-height:50px}.embed .status__avatar,.public-layout .status__avatar{left:15px;top:17px}.embed .status__content,.public-layout .status__content{padding-top:5px}.embed .status__prepend,.public-layout .status__prepend{padding:8px 0;padding-bottom:2px;margin:initial;margin-left:78px;padding-top:15px}.embed .status__prepend-icon-wrapper,.public-layout .status__prepend-icon-wrapper{position:absolute;margin:initial;float:initial;width:auto;left:-32px}.embed .status .media-gallery,.embed .status__action-bar,.embed .status .video-player,.public-layout .status .media-gallery,.public-layout .status__action-bar,.public-layout .status .video-player{margin-top:10px}.embed .status .status__info,.public-layout .status .status__info{font-size:15px;display:initial}.embed .status .status__relative-time,.public-layout .status .status__relative-time{color:#444b5d;float:right;font-size:14px;width:auto;margin:initial;padding:initial}.embed .status .status__info .status__display-name,.public-layout .status .status__info .status__display-name{display:block;max-width:100%;padding:6px 0;padding-right:25px;margin:initial}.embed .status .status__info .status__display-name .display-name strong,.public-layout .status .status__info .status__display-name .display-name strong{display:inline}.embed .status .status__avatar,.public-layout .status .status__avatar{height:48px;position:absolute;width:48px;margin:initial}.rtl .embed .status,.rtl .public-layout .status{padding-left:10px;padding-right:68px}.rtl .embed .status .status__info .status__display-name,.rtl .public-layout .status .status__info .status__display-name{padding-left:25px;padding-right:0}.rtl .embed .status .status__relative-time,.rtl .public-layout .status .status__relative-time{float:left}.app-body{-webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar}.link-button{display:block;font-size:15px;line-height:20px;color:#2b90d9;border:0;background:transparent;padding:0;cursor:pointer}.link-button:hover,.link-button:active{text-decoration:underline}.link-button:disabled{color:#9baec8;cursor:default}.button{background-color:#3897db;border:10px none;border-radius:4px;box-sizing:border-box;color:#000;cursor:pointer;display:inline-block;font-family:inherit;font-size:14px;font-weight:500;height:36px;letter-spacing:0;line-height:36px;overflow:hidden;padding:0 16px;position:relative;text-align:center;text-transform:uppercase;text-decoration:none;text-overflow:ellipsis;transition:all 100ms ease-in;transition-property:background-color;white-space:nowrap;width:auto}.button:active,.button:focus,.button:hover{background-color:#227dbe;transition:all 200ms ease-out;transition-property:background-color}.button--destructive{transition:none}.button--destructive:active,.button--destructive:focus,.button--destructive:hover{background-color:#df405a;transition:none}.button:disabled{background-color:#9baec8;cursor:default}.button.button-primary,.button.button-alternative,.button.button-secondary,.button.button-alternative-2{font-size:16px;line-height:36px;height:auto;text-transform:none;padding:4px 16px}.button.button-alternative{color:#000;background:#9baec8}.button.button-alternative:active,.button.button-alternative:focus,.button.button-alternative:hover{background-color:#8ea3c1}.button.button-alternative-2{background:#3c5063}.button.button-alternative-2:active,.button.button-alternative-2:focus,.button.button-alternative-2:hover{background-color:#344656}.button.button-secondary{font-size:16px;line-height:36px;height:auto;color:#282c37;text-transform:none;background:transparent;padding:3px 15px;border-radius:4px;border:1px solid #9baec8}.button.button-secondary:active,.button.button-secondary:focus,.button.button-secondary:hover{border-color:#8ea3c1;color:#1f232b}.button.button-secondary:disabled{opacity:.5}.button.button--block{display:block;width:100%}.icon-button{display:inline-block;padding:0;color:#606984;border:0;border-radius:4px;background:transparent;cursor:pointer;transition:all 100ms ease-in;transition-property:background-color,color}.icon-button:hover,.icon-button:active,.icon-button:focus{color:#51596f;background-color:rgba(96,105,132,.15);transition:all 200ms ease-out;transition-property:background-color,color}.icon-button:focus{background-color:rgba(96,105,132,.3)}.icon-button.disabled{color:#828ba4;background-color:transparent;cursor:default}.icon-button.active{color:#2b90d9}.icon-button::-moz-focus-inner{border:0}.icon-button::-moz-focus-inner,.icon-button:focus,.icon-button:active{outline:0 !important}.icon-button.inverted{color:#282c37}.icon-button.inverted:hover,.icon-button.inverted:active,.icon-button.inverted:focus{color:#373d4c;background-color:rgba(40,44,55,.15)}.icon-button.inverted:focus{background-color:rgba(40,44,55,.3)}.icon-button.inverted.disabled{color:#191b22;background-color:transparent}.icon-button.inverted.active{color:#2b90d9}.icon-button.inverted.active.disabled{color:#1d6ca4}.icon-button.overlayed{box-sizing:content-box;background:rgba(255,255,255,.6);color:rgba(0,0,0,.7);border-radius:4px;padding:2px}.icon-button.overlayed:hover{background:rgba(255,255,255,.9)}.text-icon-button{color:#282c37;border:0;border-radius:4px;background:transparent;cursor:pointer;font-weight:600;font-size:11px;padding:0 3px;line-height:27px;outline:0;transition:all 100ms ease-in;transition-property:background-color,color}.text-icon-button:hover,.text-icon-button:active,.text-icon-button:focus{color:#373d4c;background-color:rgba(40,44,55,.15);transition:all 200ms ease-out;transition-property:background-color,color}.text-icon-button:focus{background-color:rgba(40,44,55,.3)}.text-icon-button.disabled{color:#000;background-color:transparent;cursor:default}.text-icon-button.active{color:#2b90d9}.text-icon-button::-moz-focus-inner{border:0}.text-icon-button::-moz-focus-inner,.text-icon-button:focus,.text-icon-button:active{outline:0 !important}.dropdown-menu{position:absolute;transform-origin:50% 0}.invisible{font-size:0;line-height:0;display:inline-block;width:0;height:0;position:absolute}.invisible img,.invisible svg{margin:0 !important;border:0 !important;padding:0 !important;width:0 !important;height:0 !important}.ellipsis::after{content:\"…\"}.notification__favourite-icon-wrapper{left:0;position:absolute}.notification__favourite-icon-wrapper .fa.star-icon{color:#ca8f04}.star-icon.active{color:#ca8f04}.bookmark-icon.active{color:#ff5050}.no-reduce-motion .icon-button.star-icon.activate>.fa-star{animation:spring-rotate-in 1s linear}.no-reduce-motion .icon-button.star-icon.deactivate>.fa-star{animation:spring-rotate-out 1s linear}.notification__display-name{color:inherit;font-weight:500;text-decoration:none}.notification__display-name:hover{color:#000;text-decoration:underline}.display-name{display:block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.display-name a{color:inherit;text-decoration:inherit}.display-name strong{height:18px;font-size:16px;font-weight:500;line-height:18px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.display-name span{display:block;height:18px;font-size:15px;line-height:18px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.display-name>a:hover strong{text-decoration:underline}.display-name.inline{padding:0;height:18px;font-size:15px;line-height:18px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.display-name.inline strong{display:inline;height:auto;font-size:inherit;line-height:inherit}.display-name.inline span{display:inline;height:auto;font-size:inherit;line-height:inherit}.display-name__html{font-weight:500}.display-name__account{font-size:14px}.image-loader{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center;flex-direction:column}.image-loader .image-loader__preview-canvas{max-width:100%;max-height:80%;background:url(\"~images/void.png\") repeat;object-fit:contain}.image-loader .loading-bar{position:relative}.image-loader.image-loader--amorphous .image-loader__preview-canvas{display:none}.zoomable-image{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center}.zoomable-image img{max-width:100%;max-height:80%;width:auto;height:auto;object-fit:contain}.dropdown{display:inline-block}.dropdown__content{display:none;position:absolute}.dropdown-menu__separator{border-bottom:1px solid #393f4f;margin:5px 7px 6px;height:0}.dropdown-menu{background:#282c37;padding:4px 0;border-radius:4px;box-shadow:2px 4px 15px rgba(0,0,0,.4)}.dropdown-menu ul{list-style:none}.dropdown-menu__arrow{position:absolute;width:0;height:0;border:0 solid transparent}.dropdown-menu__arrow.left{right:-5px;margin-top:-5px;border-width:5px 0 5px 5px;border-left-color:#282c37}.dropdown-menu__arrow.top{bottom:-5px;margin-left:-7px;border-width:5px 7px 0;border-top-color:#282c37}.dropdown-menu__arrow.bottom{top:-5px;margin-left:-7px;border-width:0 7px 5px;border-bottom-color:#282c37}.dropdown-menu__arrow.right{left:-5px;margin-top:-5px;border-width:5px 5px 5px 0;border-right-color:#282c37}.dropdown-menu__item a{font-size:13px;line-height:18px;display:block;padding:4px 14px;box-sizing:border-box;text-decoration:none;background:#282c37;color:#000;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dropdown-menu__item a:focus,.dropdown-menu__item a:hover,.dropdown-menu__item a:active{background:#2b90d9;color:#282c37;outline:0}.dropdown--active .dropdown__content{display:block;line-height:18px;max-width:311px;right:0;text-align:left;z-index:9999}.dropdown--active .dropdown__content>ul{list-style:none;background:#282c37;padding:4px 0;border-radius:4px;box-shadow:0 0 15px rgba(0,0,0,.4);min-width:140px;position:relative}.dropdown--active .dropdown__content.dropdown__right{right:0}.dropdown--active .dropdown__content.dropdown__left>ul{left:-98px}.dropdown--active .dropdown__content>ul>li>a{font-size:13px;line-height:18px;display:block;padding:4px 14px;box-sizing:border-box;text-decoration:none;background:#282c37;color:#000;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dropdown--active .dropdown__content>ul>li>a:focus{outline:0}.dropdown--active .dropdown__content>ul>li>a:hover{background:#2b90d9;color:#282c37}.dropdown__icon{vertical-align:middle}.static-content{padding:10px;padding-top:20px;color:#444b5d}.static-content h1{font-size:16px;font-weight:500;margin-bottom:40px;text-align:center}.static-content p{font-size:13px;margin-bottom:20px}.column,.drawer{flex:1 1 100%;overflow:hidden}@media screen and (min-width: 631px){.columns-area{padding:0}.column,.drawer{flex:0 0 auto;padding:10px;padding-left:5px;padding-right:5px}.column:first-child,.drawer:first-child{padding-left:10px}.column:last-child,.drawer:last-child{padding-right:10px}.columns-area>div .column,.columns-area>div .drawer{padding-left:5px;padding-right:5px}}.tabs-bar{box-sizing:border-box;display:flex;background:#c0cdd9;flex:0 0 auto;overflow-y:auto}.tabs-bar__link{display:block;flex:1 1 auto;padding:15px 10px;padding-bottom:13px;color:#000;text-decoration:none;text-align:center;font-size:14px;font-weight:500;border-bottom:2px solid #c0cdd9;transition:all 50ms linear;transition-property:border-bottom,background,color}.tabs-bar__link .fa{font-weight:400;font-size:16px}@media screen and (min-width: 631px){.auto-columns .tabs-bar__link:hover,.auto-columns .tabs-bar__link:focus,.auto-columns .tabs-bar__link:active{background:#adbecd;border-bottom-color:#adbecd}}.multi-columns .tabs-bar__link:hover,.multi-columns .tabs-bar__link:focus,.multi-columns .tabs-bar__link:active{background:#adbecd;border-bottom-color:#adbecd}.tabs-bar__link.active{border-bottom:2px solid #2b90d9;color:#2b90d9}.tabs-bar__link span{margin-left:5px;display:none}.tabs-bar__link span.icon{margin-left:0;display:inline}.icon-with-badge{position:relative}.icon-with-badge__badge{position:absolute;left:9px;top:-13px;background:#2b90d9;border:2px solid #c0cdd9;padding:1px 6px;border-radius:6px;font-size:10px;font-weight:500;line-height:14px;color:#000}.column-link--transparent .icon-with-badge__badge{border-color:#f2f5f7}.scrollable{overflow-y:scroll;overflow-x:hidden;flex:1 1 auto;-webkit-overflow-scrolling:touch}.scrollable.optionally-scrollable{overflow-y:auto}@supports(display: grid){.scrollable{contain:strict}}.scrollable--flex{display:flex;flex-direction:column}.scrollable__append{flex:1 1 auto;position:relative;min-height:120px}@supports(display: grid){.scrollable.fullscreen{contain:none}}.react-toggle{display:inline-block;position:relative;cursor:pointer;background-color:transparent;border:0;padding:0;user-select:none;-webkit-tap-highlight-color:rgba(255,255,255,0);-webkit-tap-highlight-color:transparent}.react-toggle-screenreader-only{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.react-toggle--disabled{cursor:not-allowed;opacity:.5;transition:opacity .25s}.react-toggle-track{width:50px;height:24px;padding:0;border-radius:30px;background-color:#d9e1e8;transition:background-color .2s ease}.react-toggle:hover:not(.react-toggle--disabled) .react-toggle-track{background-color:#f9fafb}.react-toggle--checked .react-toggle-track{background-color:#2b90d9}.react-toggle--checked:hover:not(.react-toggle--disabled) .react-toggle-track{background-color:#2074b1}.react-toggle-track-check{position:absolute;width:14px;height:10px;top:0;bottom:0;margin-top:auto;margin-bottom:auto;line-height:0;left:8px;opacity:0;transition:opacity .25s ease}.react-toggle--checked .react-toggle-track-check{opacity:1;transition:opacity .25s ease}.react-toggle-track-x{position:absolute;width:10px;height:10px;top:0;bottom:0;margin-top:auto;margin-bottom:auto;line-height:0;right:10px;opacity:1;transition:opacity .25s ease}.react-toggle--checked .react-toggle-track-x{opacity:0}.react-toggle-thumb{position:absolute;top:1px;left:1px;width:22px;height:22px;border:1px solid #d9e1e8;border-radius:50%;background-color:#fff;box-sizing:border-box;transition:all .25s ease;transition-property:border-color,left}.react-toggle--checked .react-toggle-thumb{left:27px;border-color:#2b90d9}.getting-started__wrapper,.getting_started,.flex-spacer{background:#d9e1e8}.getting-started__wrapper{position:relative;overflow-y:auto}.flex-spacer{flex:1 1 auto}.getting-started{background:#d9e1e8;flex:1 0 auto}.getting-started p{color:#282c37}.getting-started a{color:#444b5d}.getting-started__panel{height:min-content}.getting-started__panel,.getting-started__footer{padding:10px;padding-top:20px;flex:0 1 auto}.getting-started__panel ul,.getting-started__footer ul{margin-bottom:10px}.getting-started__panel ul li,.getting-started__footer ul li{display:inline}.getting-started__panel p,.getting-started__footer p{color:#444b5d;font-size:13px}.getting-started__panel p a,.getting-started__footer p a{color:#444b5d;text-decoration:underline}.getting-started__panel a,.getting-started__footer a{text-decoration:none;color:#282c37}.getting-started__panel a:hover,.getting-started__panel a:focus,.getting-started__panel a:active,.getting-started__footer a:hover,.getting-started__footer a:focus,.getting-started__footer a:active{text-decoration:underline}.getting-started__trends{flex:0 1 auto;opacity:1;animation:fade 150ms linear;margin-top:10px}.getting-started__trends h4{font-size:12px;text-transform:uppercase;color:#282c37;padding:10px;font-weight:500;border-bottom:1px solid #c0cdd9}@media screen and (max-height: 810px){.getting-started__trends .trends__item:nth-child(3){display:none}}@media screen and (max-height: 720px){.getting-started__trends .trends__item:nth-child(2){display:none}}@media screen and (max-height: 670px){.getting-started__trends{display:none}}.getting-started__trends .trends__item{border-bottom:0;padding:10px}.getting-started__trends .trends__item__current{color:#282c37}.column-link__badge{display:inline-block;border-radius:4px;font-size:12px;line-height:19px;font-weight:500;background:#d9e1e8;padding:4px 8px;margin:-6px 10px}.keyboard-shortcuts{padding:8px 0 0;overflow:hidden}.keyboard-shortcuts thead{position:absolute;left:-9999px}.keyboard-shortcuts td{padding:0 10px 8px}.keyboard-shortcuts kbd{display:inline-block;padding:3px 5px;background-color:#c0cdd9;border:1px solid #e6ebf0}.setting-text{color:#282c37;background:transparent;border:none;border-bottom:2px solid #9baec8;box-sizing:border-box;display:block;font-family:inherit;margin-bottom:10px;padding:7px 0;width:100%}.setting-text:focus,.setting-text:active{color:#000;border-bottom-color:#2b90d9}@media screen and (max-width: 600px){.auto-columns .setting-text,.single-column .setting-text{font-size:16px}}.setting-text.light{color:#000;border-bottom:2px solid #839db4}.setting-text.light:focus,.setting-text.light:active{color:#000;border-bottom-color:#2b90d9}.no-reduce-motion button.icon-button i.fa-retweet{background-position:0 0;height:19px;transition:background-position .9s steps(10);transition-duration:0s;vertical-align:middle;width:22px}.no-reduce-motion button.icon-button i.fa-retweet::before{display:none !important}.no-reduce-motion button.icon-button.active i.fa-retweet{transition-duration:.9s;background-position:0 100%}.reduce-motion button.icon-button i.fa-retweet{color:#606984;transition:color 100ms ease-in}.reduce-motion button.icon-button.active i.fa-retweet{color:#2b90d9}.reduce-motion button.icon-button.disabled i.fa-retweet{color:#828ba4}.load-more{display:block;color:#444b5d;background-color:transparent;border:0;font-size:inherit;text-align:center;line-height:inherit;margin:0;padding:15px;box-sizing:border-box;width:100%;clear:both;text-decoration:none}.load-more:hover{background:#d3dce4}.load-gap{border-bottom:1px solid #c0cdd9}.missing-indicator{padding-top:68px}.scrollable>div>:first-child .notification__dismiss-overlay>.wrappy{border-top:1px solid #d9e1e8}.notification__dismiss-overlay{overflow:hidden;position:absolute;top:0;right:0;bottom:-1px;padding-left:15px;z-index:999;align-items:center;justify-content:flex-end;cursor:pointer;display:flex}.notification__dismiss-overlay .wrappy{width:4rem;align-self:stretch;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#c0cdd9;border-left:1px solid #99afc2;box-shadow:0 0 5px #000;border-bottom:1px solid #d9e1e8}.notification__dismiss-overlay .ckbox{border:2px solid #9baec8;border-radius:2px;width:30px;height:30px;font-size:20px;color:#282c37;text-shadow:0 0 5px #000;display:flex;justify-content:center;align-items:center}.notification__dismiss-overlay:focus{outline:0 !important}.notification__dismiss-overlay:focus .ckbox{box-shadow:0 0 1px 1px #2b90d9}.text-btn{display:inline-block;padding:0;font-family:inherit;font-size:inherit;color:inherit;border:0;background:transparent;cursor:pointer}.loading-indicator{color:#444b5d;font-size:12px;font-weight:400;text-transform:uppercase;overflow:visible;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%)}.loading-indicator span{display:block;float:left;margin-left:50%;transform:translateX(-50%);margin:82px 0 0 50%;white-space:nowrap}.loading-indicator__figure{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:42px;height:42px;box-sizing:border-box;background-color:transparent;border:0 solid #86a0b6;border-width:6px;border-radius:50%}.no-reduce-motion .loading-indicator span{animation:loader-label 1.15s infinite cubic-bezier(0.215, 0.61, 0.355, 1)}.no-reduce-motion .loading-indicator__figure{animation:loader-figure 1.15s infinite cubic-bezier(0.215, 0.61, 0.355, 1)}@keyframes spring-rotate-in{0%{transform:rotate(0deg)}30%{transform:rotate(-484.8deg)}60%{transform:rotate(-316.7deg)}90%{transform:rotate(-375deg)}100%{transform:rotate(-360deg)}}@keyframes spring-rotate-out{0%{transform:rotate(-360deg)}30%{transform:rotate(124.8deg)}60%{transform:rotate(-43.27deg)}90%{transform:rotate(15deg)}100%{transform:rotate(0deg)}}@keyframes loader-figure{0%{width:0;height:0;background-color:#86a0b6}29%{background-color:#86a0b6}30%{width:42px;height:42px;background-color:transparent;border-width:21px;opacity:1}100%{width:42px;height:42px;border-width:0;opacity:0;background-color:transparent}}@keyframes loader-label{0%{opacity:.25}30%{opacity:1}100%{opacity:.25}}.spoiler-button{top:0;left:0;width:100%;height:100%;position:absolute;z-index:100}.spoiler-button--minified{display:flex;left:4px;top:4px;width:auto;height:auto;align-items:center}.spoiler-button--click-thru{pointer-events:none}.spoiler-button--hidden{display:none}.spoiler-button__overlay{display:block;background:transparent;width:100%;height:100%;border:0}.spoiler-button__overlay__label{display:inline-block;background:rgba(255,255,255,.5);border-radius:8px;padding:8px 12px;color:#000;font-weight:500;font-size:14px}.spoiler-button__overlay:hover .spoiler-button__overlay__label,.spoiler-button__overlay:focus .spoiler-button__overlay__label,.spoiler-button__overlay:active .spoiler-button__overlay__label{background:rgba(255,255,255,.8)}.spoiler-button__overlay:disabled .spoiler-button__overlay__label{background:rgba(255,255,255,.5)}.setting-toggle{display:block;line-height:24px}.setting-toggle__label,.setting-radio__label,.setting-meta__label{color:#282c37;display:inline-block;margin-bottom:14px;margin-left:8px;vertical-align:middle}.setting-radio{display:block;line-height:18px}.setting-radio__label{margin-bottom:0}.column-settings__row legend{color:#282c37;cursor:default;display:block;font-weight:500;margin-top:10px}.setting-radio__input{vertical-align:middle}.setting-meta__label{float:right}@keyframes heartbeat{from{transform:scale(1);transform-origin:center center;animation-timing-function:ease-out}10%{transform:scale(0.91);animation-timing-function:ease-in}17%{transform:scale(0.98);animation-timing-function:ease-out}33%{transform:scale(0.87);animation-timing-function:ease-in}45%{transform:scale(1);animation-timing-function:ease-out}}.pulse-loading{animation:heartbeat 1.5s ease-in-out infinite both}.upload-area{align-items:center;background:rgba(255,255,255,.8);display:flex;height:100%;justify-content:center;left:0;opacity:0;position:absolute;top:0;visibility:hidden;width:100%;z-index:2000}.upload-area *{pointer-events:none}.upload-area__drop{width:320px;height:160px;display:flex;box-sizing:border-box;position:relative;padding:8px}.upload-area__background{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;border-radius:4px;background:#d9e1e8;box-shadow:0 0 5px rgba(0,0,0,.2)}.upload-area__content{flex:1;display:flex;align-items:center;justify-content:center;color:#282c37;font-size:18px;font-weight:500;border:2px dashed #3c5063;border-radius:4px}.dropdown--active .emoji-button img{opacity:1;filter:none}.loading-bar{background-color:#2b90d9;height:3px;position:absolute;top:0;left:0;z-index:9999}.icon-badge-wrapper{position:relative}.icon-badge{position:absolute;display:block;right:-0.25em;top:-0.25em;background-color:#2b90d9;border-radius:50%;font-size:75%;width:1em;height:1em}.conversation{display:flex;border-bottom:1px solid #c0cdd9;padding:5px;padding-bottom:0}.conversation:focus{background:#d3dce4;outline:0}.conversation__avatar{flex:0 0 auto;padding:10px;padding-top:12px;position:relative}.conversation__unread{display:inline-block;background:#2b90d9;border-radius:50%;width:.625rem;height:.625rem;margin:-0.1ex .15em .1ex}.conversation__content{flex:1 1 auto;padding:10px 5px;padding-right:15px;overflow:hidden}.conversation__content__info{overflow:hidden;display:flex;flex-direction:row-reverse;justify-content:space-between}.conversation__content__relative-time{font-size:15px;color:#282c37;padding-left:15px}.conversation__content__names{color:#282c37;font-size:15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:4px;flex-basis:90px;flex-grow:1}.conversation__content__names a{color:#000;text-decoration:none}.conversation__content__names a:hover,.conversation__content__names a:focus,.conversation__content__names a:active{text-decoration:underline}.conversation__content .status__content{margin:0}.conversation--unread{background:#d3dce4}.conversation--unread:focus{background:#ccd7e0}.conversation--unread .conversation__content__info{font-weight:700}.conversation--unread .conversation__content__relative-time{color:#000}.ui .flash-message{margin-top:10px;margin-left:auto;margin-right:auto;margin-bottom:0;min-width:75%}::-webkit-scrollbar-thumb{border-radius:0}noscript{text-align:center}noscript img{width:200px;opacity:.5;animation:flicker 4s infinite}noscript div{font-size:14px;margin:30px auto;color:#282c37;max-width:400px}noscript div a{color:#2b90d9;text-decoration:underline}noscript div a:hover{text-decoration:none}noscript div a{word-break:break-word}@keyframes flicker{0%{opacity:1}30%{opacity:.75}100%{opacity:1}}button.icon-button i.fa-retweet{background-image:url(\"data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='22' height='209'><path d='M4.97 3.16c-.1.03-.17.1-.22.18L.8 8.24c-.2.3.03.78.4.8H3.6v2.68c0 4.26-.55 3.62 3.66 3.62h7.66l-2.3-2.84c-.03-.02-.03-.04-.05-.06H7.27c-.44 0-.72-.3-.72-.72v-2.7h2.5c.37.03.63-.48.4-.77L5.5 3.35c-.12-.17-.34-.25-.53-.2zm12.16.43c-.55-.02-1.32.02-2.4.02H7.1l2.32 2.85.03.06h5.25c.42 0 .72.28.72.72v2.7h-2.5c-.36.02-.56.54-.3.8l3.92 4.9c.18.25.6.25.78 0l3.94-4.9c.26-.28 0-.83-.37-.8H18.4v-2.7c0-3.15.4-3.62-1.25-3.66z' fill='%23606984' stroke-width='0'/><path d='M7.78 19.66c-.24.02-.44.25-.44.5v2.46h-.06c-1.08 0-1.86-.03-2.4-.03-1.64 0-1.25.43-1.25 3.65v4.47c0 4.26-.56 3.62 3.65 3.62H8.5l-1.3-1.06c-.1-.08-.18-.2-.2-.3-.02-.17.06-.35.2-.45l1.33-1.1H7.28c-.44 0-.72-.3-.72-.7v-4.48c0-.44.28-.72.72-.72h.06v2.5c0 .38.54.63.82.38l4.9-3.93c.25-.18.25-.6 0-.78l-4.9-3.92c-.1-.1-.24-.14-.38-.12zm9.34 2.93c-.54-.02-1.3.02-2.4.02h-1.25l1.3 1.07c.1.07.18.2.2.33.02.16-.06.3-.2.4l-1.33 1.1h1.28c.42 0 .72.28.72.72v4.47c0 .42-.3.72-.72.72h-.1v-2.47c0-.3-.3-.53-.6-.47-.07 0-.14.05-.2.1l-4.9 3.93c-.26.18-.26.6 0 .78l4.9 3.92c.27.25.82 0 .8-.38v-2.5h.1c4.27 0 3.65.67 3.65-3.62v-4.47c0-3.15.4-3.62-1.25-3.66zM10.34 38.66c-.24.02-.44.25-.43.5v2.47H7.3c-1.08 0-1.86-.04-2.4-.04-1.64 0-1.25.43-1.25 3.65v4.47c0 3.66-.23 3.7 2.34 3.66l-1.34-1.1c-.1-.08-.18-.2-.2-.3 0-.17.07-.35.2-.45l1.96-1.6c-.03-.06-.04-.13-.04-.2v-4.48c0-.44.28-.72.72-.72H9.9v2.5c0 .36.5.6.8.38l4.93-3.93c.24-.18.24-.6 0-.78l-4.94-3.92c-.1-.08-.23-.13-.36-.12zm5.63 2.93l1.34 1.1c.1.07.18.2.2.33.02.16-.03.3-.16.4l-1.96 1.6c.02.07.06.13.06.22v4.47c0 .42-.3.72-.72.72h-2.66v-2.47c0-.3-.3-.53-.6-.47-.06.02-.12.05-.18.1l-4.94 3.93c-.24.18-.24.6 0 .78l4.94 3.92c.28.22.78-.02.78-.38v-2.5h2.66c4.27 0 3.65.67 3.65-3.62v-4.47c0-3.66.34-3.7-2.4-3.66zM13.06 57.66c-.23.03-.4.26-.4.5v2.47H7.28c-1.08 0-1.86-.04-2.4-.04-1.64 0-1.25.43-1.25 3.65v4.87l2.93-2.37v-2.5c0-.44.28-.72.72-.72h5.38v2.5c0 .36.5.6.78.38l4.94-3.93c.24-.18.24-.6 0-.78l-4.94-3.92c-.1-.1-.24-.14-.38-.12zm5.3 6.15l-2.92 2.4v2.52c0 .42-.3.72-.72.72h-5.4v-2.47c0-.3-.32-.53-.6-.47-.07.02-.13.05-.2.1L3.6 70.52c-.25.18-.25.6 0 .78l4.93 3.92c.28.22.78-.02.78-.38v-2.5h5.42c4.27 0 3.65.67 3.65-3.62v-4.47-.44zM19.25 78.8c-.1.03-.2.1-.28.17l-.9.9c-.44-.3-1.36-.25-3.35-.25H7.28c-1.08 0-1.86-.03-2.4-.03-1.64 0-1.25.43-1.25 3.65v.7l2.93.3v-1c0-.44.28-.72.72-.72h7.44c.2 0 .37.08.5.2l-1.8 1.8c-.25.26-.08.76.27.8l6.27.7c.28.03.56-.25.53-.53l-.7-6.25c0-.27-.3-.48-.55-.44zm-17.2 6.1c-.2.07-.36.3-.33.54l.7 6.25c.02.36.58.55.83.27l.8-.8c.02 0 .04-.02.04 0 .46.24 1.37.17 3.18.17h7.44c4.27 0 3.65.67 3.65-3.62v-.75l-2.93-.3v1.05c0 .42-.3.72-.72.72H7.28c-.15 0-.3-.03-.4-.1L8.8 86.4c.3-.24.1-.8-.27-.84l-6.28-.65h-.2zM4.88 98.6c-1.33 0-1.34.48-1.3 2.3l1.14-1.37c.08-.1.22-.17.34-.2.16 0 .34.08.44.2l1.66 2.03c.04 0 .07-.03.12-.03h7.44c.34 0 .57.2.65.5h-2.43c-.34.05-.53.52-.3.78l3.92 4.95c.18.24.6.24.78 0l3.94-4.94c.22-.27-.02-.76-.37-.77H18.4c.02-3.9.6-3.4-3.66-3.4H7.28c-1.08 0-1.86-.04-2.4-.04zm.15 2.46c-.1.03-.2.1-.28.2l-3.94 4.9c-.2.28.03.77.4.78H3.6c-.02 3.94-.45 3.4 3.66 3.4h7.44c3.65 0 3.74.3 3.7-2.25l-1.1 1.34c-.1.1-.2.17-.32.2-.16 0-.34-.08-.44-.2l-1.65-2.03c-.06.02-.1.04-.18.04H7.28c-.35 0-.57-.2-.66-.5h2.44c.37 0 .63-.5.4-.78l-3.96-4.9c-.1-.15-.3-.23-.47-.2zM4.88 117.6c-1.16 0-1.3.3-1.3 1.56l1.14-1.38c.08-.1.22-.14.34-.16.16 0 .34.04.44.16l2.22 2.75h7c.42 0 .72.28.72.72v.53h-2.6c-.3.1-.43.54-.2.78l3.92 4.9c.18.25.6.25.78 0l3.94-4.9c.22-.28-.02-.77-.37-.78H18.4v-.53c0-4.2.72-3.63-3.66-3.63H7.28c-1.08 0-1.86-.03-2.4-.03zm.1 1.74c-.1.03-.17.1-.23.16L.8 124.44c-.2.28.03.77.4.78H3.6v.5c0 4.26-.55 3.62 3.66 3.62h7.44c1.03 0 1.74.02 2.28 0-.16.02-.34-.03-.44-.15l-2.22-2.76H7.28c-.44 0-.72-.3-.72-.72v-.5h2.5c.37.02.63-.5.4-.78L5.5 119.5c-.12-.15-.34-.22-.53-.16zm12.02 10c1.2-.02 1.4-.25 1.4-1.53l-1.1 1.36c-.07.1-.17.17-.3.18zM5.94 136.6l2.37 2.93h6.42c.42 0 .72.28.72.72v1.25h-2.6c-.3.1-.43.54-.2.78l3.92 4.9c.18.25.6.25.78 0l3.94-4.9c.22-.28-.02-.77-.37-.78H18.4v-1.25c0-4.2.72-3.63-3.66-3.63H7.28c-.6 0-.92-.02-1.34-.03zm-1.72.06c-.4.08-.54.3-.6.75l.6-.74zm.84.93c-.12 0-.24.08-.3.18l-3.95 4.9c-.24.3 0 .83.4.82H3.6v1.22c0 4.26-.55 3.62 3.66 3.62h7.44c.63 0 .97.02 1.4.03l-2.37-2.93H7.28c-.44 0-.72-.3-.72-.72v-1.22h2.5c.4.04.67-.53.4-.8l-3.96-4.92c-.1-.13-.27-.2-.44-.2zm13.28 10.03l-.56.7c.36-.07.5-.3.56-.7zM17.13 155.6c-.55-.02-1.32.03-2.4.03h-8.2l2.38 2.9h5.82c.42 0 .72.28.72.72v1.97H12.9c-.32.06-.48.52-.28.78l3.94 4.94c.2.23.6.22.78-.03l3.94-4.9c.22-.28-.02-.77-.37-.78H18.4v-1.97c0-3.15.4-3.62-1.25-3.66zm-12.1.28c-.1.02-.2.1-.28.18l-3.94 4.9c-.2.3.03.78.4.8H3.6v1.96c0 4.26-.55 3.62 3.66 3.62h8.24l-2.36-2.9H7.28c-.44 0-.72-.3-.72-.72v-1.97h2.5c.37.02.63-.5.4-.78l-3.96-4.9c-.1-.15-.3-.22-.47-.2zM5.13 174.5c-.15 0-.3.07-.38.2L.8 179.6c-.24.27 0 .82.4.8H3.6v2.32c0 4.26-.55 3.62 3.66 3.62h7.94l-2.35-2.9h-5.6c-.43 0-.7-.3-.7-.72v-2.3h2.5c.38.03.66-.54.4-.83l-3.97-4.9c-.1-.13-.23-.2-.38-.2zm12 .1c-.55-.02-1.32.03-2.4.03H6.83l2.35 2.9h5.52c.42 0 .72.28.72.72v2.34h-2.6c-.3.1-.43.53-.2.78l3.92 4.9c.18.24.6.24.78 0l3.94-4.9c.22-.3-.02-.78-.37-.8H18.4v-2.33c0-3.15.4-3.62-1.25-3.66zM4.97 193.16c-.1.03-.17.1-.22.18l-3.94 4.9c-.2.3.03.78.4.8H3.6v2.68c0 4.26-.55 3.62 3.66 3.62h7.66l-2.3-2.84c-.03-.02-.03-.04-.05-.06H7.27c-.44 0-.72-.3-.72-.72v-2.7h2.5c.37.03.63-.48.4-.77l-3.96-4.9c-.12-.17-.34-.25-.53-.2zm12.16.43c-.55-.02-1.32.03-2.4.03H7.1l2.32 2.84.03.06h5.25c.42 0 .72.28.72.72v2.7h-2.5c-.36.02-.56.54-.3.8l3.92 4.9c.18.25.6.25.78 0l3.94-4.9c.26-.28 0-.83-.37-.8H18.4v-2.7c0-3.15.4-3.62-1.25-3.66z' fill='%232B90D9' stroke-width='0'/></svg>\")}button.icon-button i.fa-retweet:hover{background-image:url(\"data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='22' height='209'><path d='M4.97 3.16c-.1.03-.17.1-.22.18L.8 8.24c-.2.3.03.78.4.8H3.6v2.68c0 4.26-.55 3.62 3.66 3.62h7.66l-2.3-2.84c-.03-.02-.03-.04-.05-.06H7.27c-.44 0-.72-.3-.72-.72v-2.7h2.5c.37.03.63-.48.4-.77L5.5 3.35c-.12-.17-.34-.25-.53-.2zm12.16.43c-.55-.02-1.32.02-2.4.02H7.1l2.32 2.85.03.06h5.25c.42 0 .72.28.72.72v2.7h-2.5c-.36.02-.56.54-.3.8l3.92 4.9c.18.25.6.25.78 0l3.94-4.9c.26-.28 0-.83-.37-.8H18.4v-2.7c0-3.15.4-3.62-1.25-3.66z' fill='%2351596F' stroke-width='0'/><path d='M7.78 19.66c-.24.02-.44.25-.44.5v2.46h-.06c-1.08 0-1.86-.03-2.4-.03-1.64 0-1.25.43-1.25 3.65v4.47c0 4.26-.56 3.62 3.65 3.62H8.5l-1.3-1.06c-.1-.08-.18-.2-.2-.3-.02-.17.06-.35.2-.45l1.33-1.1H7.28c-.44 0-.72-.3-.72-.7v-4.48c0-.44.28-.72.72-.72h.06v2.5c0 .38.54.63.82.38l4.9-3.93c.25-.18.25-.6 0-.78l-4.9-3.92c-.1-.1-.24-.14-.38-.12zm9.34 2.93c-.54-.02-1.3.02-2.4.02h-1.25l1.3 1.07c.1.07.18.2.2.33.02.16-.06.3-.2.4l-1.33 1.1h1.28c.42 0 .72.28.72.72v4.47c0 .42-.3.72-.72.72h-.1v-2.47c0-.3-.3-.53-.6-.47-.07 0-.14.05-.2.1l-4.9 3.93c-.26.18-.26.6 0 .78l4.9 3.92c.27.25.82 0 .8-.38v-2.5h.1c4.27 0 3.65.67 3.65-3.62v-4.47c0-3.15.4-3.62-1.25-3.66zM10.34 38.66c-.24.02-.44.25-.43.5v2.47H7.3c-1.08 0-1.86-.04-2.4-.04-1.64 0-1.25.43-1.25 3.65v4.47c0 3.66-.23 3.7 2.34 3.66l-1.34-1.1c-.1-.08-.18-.2-.2-.3 0-.17.07-.35.2-.45l1.96-1.6c-.03-.06-.04-.13-.04-.2v-4.48c0-.44.28-.72.72-.72H9.9v2.5c0 .36.5.6.8.38l4.93-3.93c.24-.18.24-.6 0-.78l-4.94-3.92c-.1-.08-.23-.13-.36-.12zm5.63 2.93l1.34 1.1c.1.07.18.2.2.33.02.16-.03.3-.16.4l-1.96 1.6c.02.07.06.13.06.22v4.47c0 .42-.3.72-.72.72h-2.66v-2.47c0-.3-.3-.53-.6-.47-.06.02-.12.05-.18.1l-4.94 3.93c-.24.18-.24.6 0 .78l4.94 3.92c.28.22.78-.02.78-.38v-2.5h2.66c4.27 0 3.65.67 3.65-3.62v-4.47c0-3.66.34-3.7-2.4-3.66zM13.06 57.66c-.23.03-.4.26-.4.5v2.47H7.28c-1.08 0-1.86-.04-2.4-.04-1.64 0-1.25.43-1.25 3.65v4.87l2.93-2.37v-2.5c0-.44.28-.72.72-.72h5.38v2.5c0 .36.5.6.78.38l4.94-3.93c.24-.18.24-.6 0-.78l-4.94-3.92c-.1-.1-.24-.14-.38-.12zm5.3 6.15l-2.92 2.4v2.52c0 .42-.3.72-.72.72h-5.4v-2.47c0-.3-.32-.53-.6-.47-.07.02-.13.05-.2.1L3.6 70.52c-.25.18-.25.6 0 .78l4.93 3.92c.28.22.78-.02.78-.38v-2.5h5.42c4.27 0 3.65.67 3.65-3.62v-4.47-.44zM19.25 78.8c-.1.03-.2.1-.28.17l-.9.9c-.44-.3-1.36-.25-3.35-.25H7.28c-1.08 0-1.86-.03-2.4-.03-1.64 0-1.25.43-1.25 3.65v.7l2.93.3v-1c0-.44.28-.72.72-.72h7.44c.2 0 .37.08.5.2l-1.8 1.8c-.25.26-.08.76.27.8l6.27.7c.28.03.56-.25.53-.53l-.7-6.25c0-.27-.3-.48-.55-.44zm-17.2 6.1c-.2.07-.36.3-.33.54l.7 6.25c.02.36.58.55.83.27l.8-.8c.02 0 .04-.02.04 0 .46.24 1.37.17 3.18.17h7.44c4.27 0 3.65.67 3.65-3.62v-.75l-2.93-.3v1.05c0 .42-.3.72-.72.72H7.28c-.15 0-.3-.03-.4-.1L8.8 86.4c.3-.24.1-.8-.27-.84l-6.28-.65h-.2zM4.88 98.6c-1.33 0-1.34.48-1.3 2.3l1.14-1.37c.08-.1.22-.17.34-.2.16 0 .34.08.44.2l1.66 2.03c.04 0 .07-.03.12-.03h7.44c.34 0 .57.2.65.5h-2.43c-.34.05-.53.52-.3.78l3.92 4.95c.18.24.6.24.78 0l3.94-4.94c.22-.27-.02-.76-.37-.77H18.4c.02-3.9.6-3.4-3.66-3.4H7.28c-1.08 0-1.86-.04-2.4-.04zm.15 2.46c-.1.03-.2.1-.28.2l-3.94 4.9c-.2.28.03.77.4.78H3.6c-.02 3.94-.45 3.4 3.66 3.4h7.44c3.65 0 3.74.3 3.7-2.25l-1.1 1.34c-.1.1-.2.17-.32.2-.16 0-.34-.08-.44-.2l-1.65-2.03c-.06.02-.1.04-.18.04H7.28c-.35 0-.57-.2-.66-.5h2.44c.37 0 .63-.5.4-.78l-3.96-4.9c-.1-.15-.3-.23-.47-.2zM4.88 117.6c-1.16 0-1.3.3-1.3 1.56l1.14-1.38c.08-.1.22-.14.34-.16.16 0 .34.04.44.16l2.22 2.75h7c.42 0 .72.28.72.72v.53h-2.6c-.3.1-.43.54-.2.78l3.92 4.9c.18.25.6.25.78 0l3.94-4.9c.22-.28-.02-.77-.37-.78H18.4v-.53c0-4.2.72-3.63-3.66-3.63H7.28c-1.08 0-1.86-.03-2.4-.03zm.1 1.74c-.1.03-.17.1-.23.16L.8 124.44c-.2.28.03.77.4.78H3.6v.5c0 4.26-.55 3.62 3.66 3.62h7.44c1.03 0 1.74.02 2.28 0-.16.02-.34-.03-.44-.15l-2.22-2.76H7.28c-.44 0-.72-.3-.72-.72v-.5h2.5c.37.02.63-.5.4-.78L5.5 119.5c-.12-.15-.34-.22-.53-.16zm12.02 10c1.2-.02 1.4-.25 1.4-1.53l-1.1 1.36c-.07.1-.17.17-.3.18zM5.94 136.6l2.37 2.93h6.42c.42 0 .72.28.72.72v1.25h-2.6c-.3.1-.43.54-.2.78l3.92 4.9c.18.25.6.25.78 0l3.94-4.9c.22-.28-.02-.77-.37-.78H18.4v-1.25c0-4.2.72-3.63-3.66-3.63H7.28c-.6 0-.92-.02-1.34-.03zm-1.72.06c-.4.08-.54.3-.6.75l.6-.74zm.84.93c-.12 0-.24.08-.3.18l-3.95 4.9c-.24.3 0 .83.4.82H3.6v1.22c0 4.26-.55 3.62 3.66 3.62h7.44c.63 0 .97.02 1.4.03l-2.37-2.93H7.28c-.44 0-.72-.3-.72-.72v-1.22h2.5c.4.04.67-.53.4-.8l-3.96-4.92c-.1-.13-.27-.2-.44-.2zm13.28 10.03l-.56.7c.36-.07.5-.3.56-.7zM17.13 155.6c-.55-.02-1.32.03-2.4.03h-8.2l2.38 2.9h5.82c.42 0 .72.28.72.72v1.97H12.9c-.32.06-.48.52-.28.78l3.94 4.94c.2.23.6.22.78-.03l3.94-4.9c.22-.28-.02-.77-.37-.78H18.4v-1.97c0-3.15.4-3.62-1.25-3.66zm-12.1.28c-.1.02-.2.1-.28.18l-3.94 4.9c-.2.3.03.78.4.8H3.6v1.96c0 4.26-.55 3.62 3.66 3.62h8.24l-2.36-2.9H7.28c-.44 0-.72-.3-.72-.72v-1.97h2.5c.37.02.63-.5.4-.78l-3.96-4.9c-.1-.15-.3-.22-.47-.2zM5.13 174.5c-.15 0-.3.07-.38.2L.8 179.6c-.24.27 0 .82.4.8H3.6v2.32c0 4.26-.55 3.62 3.66 3.62h7.94l-2.35-2.9h-5.6c-.43 0-.7-.3-.7-.72v-2.3h2.5c.38.03.66-.54.4-.83l-3.97-4.9c-.1-.13-.23-.2-.38-.2zm12 .1c-.55-.02-1.32.03-2.4.03H6.83l2.35 2.9h5.52c.42 0 .72.28.72.72v2.34h-2.6c-.3.1-.43.53-.2.78l3.92 4.9c.18.24.6.24.78 0l3.94-4.9c.22-.3-.02-.78-.37-.8H18.4v-2.33c0-3.15.4-3.62-1.25-3.66zM4.97 193.16c-.1.03-.17.1-.22.18l-3.94 4.9c-.2.3.03.78.4.8H3.6v2.68c0 4.26-.55 3.62 3.66 3.62h7.66l-2.3-2.84c-.03-.02-.03-.04-.05-.06H7.27c-.44 0-.72-.3-.72-.72v-2.7h2.5c.37.03.63-.48.4-.77l-3.96-4.9c-.12-.17-.34-.25-.53-.2zm12.16.43c-.55-.02-1.32.03-2.4.03H7.1l2.32 2.84.03.06h5.25c.42 0 .72.28.72.72v2.7h-2.5c-.36.02-.56.54-.3.8l3.92 4.9c.18.25.6.25.78 0l3.94-4.9c.26-.28 0-.83-.37-.8H18.4v-2.7c0-3.15.4-3.62-1.25-3.66z' fill='%232B90D9' stroke-width='0'/></svg>\")}button.icon-button.disabled i.fa-retweet,button.icon-button.disabled i.fa-retweet:hover{background-image:url(\"data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='22' height='209'><path d='M4.97 3.16c-.1.03-.17.1-.22.18L.8 8.24c-.2.3.03.78.4.8H3.6v2.68c0 4.26-.55 3.62 3.66 3.62h7.66l-2.3-2.84c-.03-.02-.03-.04-.05-.06H7.27c-.44 0-.72-.3-.72-.72v-2.7h2.5c.37.03.63-.48.4-.77L5.5 3.35c-.12-.17-.34-.25-.53-.2zm12.16.43c-.55-.02-1.32.02-2.4.02H7.1l2.32 2.85.03.06h5.25c.42 0 .72.28.72.72v2.7h-2.5c-.36.02-.56.54-.3.8l3.92 4.9c.18.25.6.25.78 0l3.94-4.9c.26-.28 0-.83-.37-.8H18.4v-2.7c0-3.15.4-3.62-1.25-3.66z' fill='%23828BA4' stroke-width='0'/></svg>\")}.status-direct button.icon-button.disabled i.fa-retweet,.status-direct button.icon-button.disabled i.fa-retweet:hover{background-image:url(\"data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='22' height='209'><path d='M4.97 3.16c-.1.03-.17.1-.22.18L.8 8.24c-.2.3.03.78.4.8H3.6v2.68c0 4.26-.55 3.62 3.66 3.62h7.66l-2.3-2.84c-.03-.02-.03-.04-.05-.06H7.27c-.44 0-.72-.3-.72-.72v-2.7h2.5c.37.03.63-.48.4-.77L5.5 3.35c-.12-.17-.34-.25-.53-.2zm12.16.43c-.55-.02-1.32.02-2.4.02H7.1l2.32 2.85.03.06h5.25c.42 0 .72.28.72.72v2.7h-2.5c-.36.02-.56.54-.3.8l3.92 4.9c.18.25.6.25.78 0l3.94-4.9c.26-.28 0-.83-.37-.8H18.4v-2.7c0-3.15.4-3.62-1.25-3.66z' fill='%23828BA4' stroke-width='0'/></svg>\")}.account{padding:10px;border-bottom:1px solid #c0cdd9;color:inherit;text-decoration:none}.account .account__display-name{flex:1 1 auto;display:block;color:#282c37;overflow:hidden;text-decoration:none;font-size:14px}.account.small{border:none;padding:0}.account.small>.account__avatar-wrapper{margin:0 8px 0 0}.account.small>.display-name{height:24px;line-height:24px}.account__wrapper{display:flex}.account__avatar-wrapper{float:left;margin-left:12px;margin-right:12px}.account__avatar{border-radius:8%;background-position:50%;background-clip:padding-box;position:relative;cursor:pointer}.account__avatar-inline{display:inline-block;vertical-align:middle;margin-right:5px}.account__avatar-composite{border-radius:8%;background-position:50%;background-clip:padding-box;overflow:hidden;position:relative;cursor:default}.account__avatar-composite div{border-radius:8%;background-position:50%;background-clip:padding-box;float:left;position:relative;box-sizing:border-box}.account__avatar-composite__label{display:block;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);color:#000;text-shadow:1px 1px 2px #000;font-weight:700;font-size:15px}.account__avatar-overlay{position:relative;width:48px;height:48px;background-size:48px 48px}.account__avatar-overlay-base{border-radius:8%;background-position:50%;background-clip:padding-box;width:36px;height:36px;background-size:36px 36px}.account__avatar-overlay-overlay{border-radius:8%;background-position:50%;background-clip:padding-box;width:24px;height:24px;background-size:24px 24px;position:absolute;bottom:0;right:0;z-index:1}.account__relationship{height:18px;padding:10px;white-space:nowrap}.account__header__wrapper{flex:0 0 auto;background:#ccd7e0}.account__disclaimer{padding:10px;color:#444b5d}.account__disclaimer strong{font-weight:500}.account__disclaimer strong:lang(ja){font-weight:700}.account__disclaimer strong:lang(ko){font-weight:700}.account__disclaimer strong:lang(zh-CN){font-weight:700}.account__disclaimer strong:lang(zh-HK){font-weight:700}.account__disclaimer strong:lang(zh-TW){font-weight:700}.account__disclaimer a{font-weight:500;color:inherit;text-decoration:underline}.account__disclaimer a:hover,.account__disclaimer a:focus,.account__disclaimer a:active{text-decoration:none}.account__action-bar{border-top:1px solid #c0cdd9;border-bottom:1px solid #c0cdd9;line-height:36px;overflow:hidden;flex:0 0 auto;display:flex}.account__action-bar-links{display:flex;flex:1 1 auto;line-height:18px;text-align:center}.account__action-bar__tab{text-decoration:none;overflow:hidden;flex:0 1 100%;border-left:1px solid #c0cdd9;padding:10px 0;border-bottom:4px solid transparent}.account__action-bar__tab:first-child{border-left:0}.account__action-bar__tab.active{border-bottom:4px solid #2b90d9}.account__action-bar__tab>span{display:block;text-transform:uppercase;font-size:11px;color:#282c37}.account__action-bar__tab strong{display:block;font-size:15px;font-weight:500;color:#000}.account__action-bar__tab strong:lang(ja){font-weight:700}.account__action-bar__tab strong:lang(ko){font-weight:700}.account__action-bar__tab strong:lang(zh-CN){font-weight:700}.account__action-bar__tab strong:lang(zh-HK){font-weight:700}.account__action-bar__tab strong:lang(zh-TW){font-weight:700}.account__action-bar__tab abbr{color:#2b90d9}.account-authorize{padding:14px 10px}.account-authorize .detailed-status__display-name{display:block;margin-bottom:15px;overflow:hidden}.account-authorize__avatar{float:left;margin-right:10px}.notification__message{margin-left:42px;padding:8px 0 0 26px;cursor:default;color:#282c37;font-size:15px;position:relative}.notification__message .fa{color:#2b90d9}.notification__message>span{display:block;overflow:hidden;text-overflow:ellipsis}.account--panel{background:#ccd7e0;border-top:1px solid #c0cdd9;border-bottom:1px solid #c0cdd9;display:flex;flex-direction:row;padding:10px 0}.account--panel__button,.detailed-status__button{flex:1 1 auto;text-align:center}.column-settings__outer{background:#c0cdd9;padding:15px}.column-settings__section{color:#282c37;cursor:default;display:block;font-weight:500;margin-bottom:10px}.column-settings__hashtags .column-settings__row{margin-bottom:15px}.column-settings__hashtags .column-select__control{outline:0;box-sizing:border-box;width:100%;border:none;box-shadow:none;font-family:inherit;background:#d9e1e8;color:#282c37;font-size:14px;margin:0}.column-settings__hashtags .column-select__control::placeholder{color:#1f232b}.column-settings__hashtags .column-select__control::-moz-focus-inner{border:0}.column-settings__hashtags .column-select__control::-moz-focus-inner,.column-settings__hashtags .column-select__control:focus,.column-settings__hashtags .column-select__control:active{outline:0 !important}.column-settings__hashtags .column-select__control:focus{background:#ccd7e0}@media screen and (max-width: 600px){.column-settings__hashtags .column-select__control{font-size:16px}}.column-settings__hashtags .column-select__placeholder{color:#444b5d;padding-left:2px;font-size:12px}.column-settings__hashtags .column-select__value-container{padding-left:6px}.column-settings__hashtags .column-select__multi-value{background:#c0cdd9}.column-settings__hashtags .column-select__multi-value__remove{cursor:pointer}.column-settings__hashtags .column-select__multi-value__remove:hover,.column-settings__hashtags .column-select__multi-value__remove:active,.column-settings__hashtags .column-select__multi-value__remove:focus{background:#b3c3d1;color:#1f232b}.column-settings__hashtags .column-select__multi-value__label,.column-settings__hashtags .column-select__input{color:#282c37}.column-settings__hashtags .column-select__clear-indicator,.column-settings__hashtags .column-select__dropdown-indicator{cursor:pointer;transition:none;color:#444b5d}.column-settings__hashtags .column-select__clear-indicator:hover,.column-settings__hashtags .column-select__clear-indicator:active,.column-settings__hashtags .column-select__clear-indicator:focus,.column-settings__hashtags .column-select__dropdown-indicator:hover,.column-settings__hashtags .column-select__dropdown-indicator:active,.column-settings__hashtags .column-select__dropdown-indicator:focus{color:#3b4151}.column-settings__hashtags .column-select__indicator-separator{background-color:#c0cdd9}.column-settings__hashtags .column-select__menu{background:#fff;border-radius:4px;padding:10px 14px;padding-bottom:14px;margin-top:10px;color:#444b5d;box-shadow:2px 4px 15px rgba(0,0,0,.4);padding:0;background:#282c37}.column-settings__hashtags .column-select__menu h4{text-transform:uppercase;color:#444b5d;font-size:13px;font-weight:500;margin-bottom:10px}.column-settings__hashtags .column-select__menu li{padding:4px 0}.column-settings__hashtags .column-select__menu ul{margin-bottom:10px}.column-settings__hashtags .column-select__menu em{font-weight:500;color:#000}.column-settings__hashtags .column-select__menu-list{padding:6px}.column-settings__hashtags .column-select__option{color:#000;border-radius:4px;font-size:14px}.column-settings__hashtags .column-select__option--is-focused,.column-settings__hashtags .column-select__option--is-selected{background:#3d4455}.column-settings__row .text-btn{margin-bottom:15px}.relationship-tag{color:#000;margin-bottom:4px;display:block;vertical-align:top;background-color:#fff;text-transform:uppercase;font-size:11px;font-weight:500;padding:4px;border-radius:4px;opacity:.7}.relationship-tag:hover{opacity:1}.account-gallery__container{display:flex;flex-wrap:wrap;padding:4px 2px}.account-gallery__item{border:none;box-sizing:border-box;display:block;position:relative;border-radius:4px;overflow:hidden;margin:2px}.account-gallery__item__icons{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);font-size:24px}.notification__filter-bar,.account__section-headline{background:#e6ebf0;border-bottom:1px solid #c0cdd9;cursor:default;display:flex;flex-shrink:0}.notification__filter-bar button,.account__section-headline button{background:#e6ebf0;border:0;margin:0}.notification__filter-bar button,.notification__filter-bar a,.account__section-headline button,.account__section-headline a{display:block;flex:1 1 auto;color:#282c37;padding:15px 0;font-size:14px;font-weight:500;text-align:center;text-decoration:none;position:relative}.notification__filter-bar button.active,.notification__filter-bar a.active,.account__section-headline button.active,.account__section-headline a.active{color:#282c37}.notification__filter-bar button.active::before,.notification__filter-bar button.active::after,.notification__filter-bar a.active::before,.notification__filter-bar a.active::after,.account__section-headline button.active::before,.account__section-headline button.active::after,.account__section-headline a.active::before,.account__section-headline a.active::after{display:block;content:\"\";position:absolute;bottom:0;left:50%;width:0;height:0;transform:translateX(-50%);border-style:solid;border-width:0 10px 10px;border-color:transparent transparent #c0cdd9}.notification__filter-bar button.active::after,.notification__filter-bar a.active::after,.account__section-headline button.active::after,.account__section-headline a.active::after{bottom:-1px;border-color:transparent transparent #d9e1e8}.notification__filter-bar.directory__section-headline,.account__section-headline.directory__section-headline{background:#dfe6ec;border-bottom-color:transparent}.notification__filter-bar.directory__section-headline a.active::before,.notification__filter-bar.directory__section-headline button.active::before,.account__section-headline.directory__section-headline a.active::before,.account__section-headline.directory__section-headline button.active::before{display:none}.notification__filter-bar.directory__section-headline a.active::after,.notification__filter-bar.directory__section-headline button.active::after,.account__section-headline.directory__section-headline a.active::after,.account__section-headline.directory__section-headline button.active::after{border-color:transparent transparent #eff3f5}.account__moved-note{padding:14px 10px;padding-bottom:16px;background:#ccd7e0;border-top:1px solid #c0cdd9;border-bottom:1px solid #c0cdd9}.account__moved-note__message{position:relative;margin-left:58px;color:#444b5d;padding:8px 0;padding-top:0;padding-bottom:4px;font-size:14px}.account__moved-note__message>span{display:block;overflow:hidden;text-overflow:ellipsis}.account__moved-note__icon-wrapper{left:-26px;position:absolute}.account__moved-note .detailed-status__display-avatar{position:relative}.account__moved-note .detailed-status__display-name{margin-bottom:0}.account__header__content{color:#282c37;font-size:14px;font-weight:400;overflow:hidden;word-break:normal;word-wrap:break-word}.account__header__content p{margin-bottom:20px}.account__header__content p:last-child{margin-bottom:0}.account__header__content a{color:inherit;text-decoration:underline}.account__header__content a:hover{text-decoration:none}.account__header{overflow:hidden}.account__header.inactive{opacity:.5}.account__header.inactive .account__header__image,.account__header.inactive .account__avatar{filter:grayscale(100%)}.account__header__info{position:absolute;top:10px;left:10px}.account__header__image{overflow:hidden;height:145px;position:relative;background:#e6ebf0}.account__header__image img{object-fit:cover;display:block;width:100%;height:100%;margin:0}.account__header__bar{position:relative;background:#ccd7e0;padding:5px;border-bottom:1px solid #b3c3d1}.account__header__bar .avatar{display:block;flex:0 0 auto;width:94px;margin-left:-2px}.account__header__bar .avatar .account__avatar{background:#f2f5f7;border:2px solid #ccd7e0}.account__header__tabs{display:flex;align-items:flex-start;padding:7px 5px;margin-top:-55px}.account__header__tabs__buttons{display:flex;align-items:center;padding-top:55px;overflow:hidden}.account__header__tabs__buttons .icon-button{border:1px solid #b3c3d1;border-radius:4px;box-sizing:content-box;padding:2px}.account__header__tabs__buttons .button{margin:0 8px}.account__header__tabs__name{padding:5px}.account__header__tabs__name .account-role{vertical-align:top}.account__header__tabs__name .emojione{width:22px;height:22px}.account__header__tabs__name h1{font-size:16px;line-height:24px;color:#000;font-weight:500;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.account__header__tabs__name h1 small{display:block;font-size:14px;color:#282c37;font-weight:400;overflow:hidden;text-overflow:ellipsis}.account__header__tabs .spacer{flex:1 1 auto}.account__header__bio{overflow:hidden;margin:0 -5px}.account__header__bio .account__header__content{padding:20px 15px;padding-bottom:5px;color:#000}.account__header__bio .account__header__fields{margin:0;border-top:1px solid #b3c3d1}.account__header__bio .account__header__fields a{color:#217aba}.account__header__bio .account__header__fields dl:first-child .verified{border-radius:0 4px 0 0}.account__header__bio .account__header__fields .verified a{color:#79bd9a}.account__header__extra{margin-top:4px}.account__header__extra__links{font-size:14px;color:#282c37;padding:10px 0}.account__header__extra__links a{display:inline-block;color:#282c37;text-decoration:none;padding:5px 10px;font-weight:500}.account__header__extra__links a strong{font-weight:700;color:#000}.domain{padding:10px;border-bottom:1px solid #c0cdd9}.domain .domain__domain-name{flex:1 1 auto;display:block;color:#000;text-decoration:none;font-size:14px;font-weight:500}.domain__wrapper{display:flex}.domain_buttons{height:18px;padding:10px;white-space:nowrap}@keyframes spring-flip-in{0%{transform:rotate(0deg)}30%{transform:rotate(-242.4deg)}60%{transform:rotate(-158.35deg)}90%{transform:rotate(-187.5deg)}100%{transform:rotate(-180deg)}}@keyframes spring-flip-out{0%{transform:rotate(-180deg)}30%{transform:rotate(62.4deg)}60%{transform:rotate(-21.635deg)}90%{transform:rotate(7.5deg)}100%{transform:rotate(0deg)}}.status__content--with-action{cursor:pointer}.status__content{position:relative;margin:10px 0;font-size:15px;line-height:20px;word-wrap:break-word;font-weight:400;overflow:visible;padding-top:5px}.status__content:focus{outline:0}.status__content .emojione{width:20px;height:20px;margin:-3px 0 0}.status__content img{max-width:100%;max-height:400px;object-fit:contain}.status__content p,.status__content pre,.status__content blockquote{margin-bottom:20px;white-space:pre-wrap}.status__content p:last-child,.status__content pre:last-child,.status__content blockquote:last-child{margin-bottom:0}.status__content .status__content__text,.status__content .e-content{overflow:hidden}.status__content .status__content__text>ul,.status__content .status__content__text>ol,.status__content .e-content>ul,.status__content .e-content>ol{margin-bottom:20px}.status__content .status__content__text h1,.status__content .status__content__text h2,.status__content .status__content__text h3,.status__content .status__content__text h4,.status__content .status__content__text h5,.status__content .e-content h1,.status__content .e-content h2,.status__content .e-content h3,.status__content .e-content h4,.status__content .e-content h5{margin-top:20px;margin-bottom:20px}.status__content .status__content__text h1,.status__content .status__content__text h2,.status__content .e-content h1,.status__content .e-content h2{font-weight:700;font-size:1.2em}.status__content .status__content__text h2,.status__content .e-content h2{font-size:1.1em}.status__content .status__content__text h3,.status__content .status__content__text h4,.status__content .status__content__text h5,.status__content .e-content h3,.status__content .e-content h4,.status__content .e-content h5{font-weight:500}.status__content .status__content__text blockquote,.status__content .e-content blockquote{padding-left:10px;border-left:3px solid #282c37;color:#282c37;white-space:normal}.status__content .status__content__text blockquote p:last-child,.status__content .e-content blockquote p:last-child{margin-bottom:0}.status__content .status__content__text b,.status__content .status__content__text strong,.status__content .e-content b,.status__content .e-content strong{font-weight:700}.status__content .status__content__text em,.status__content .status__content__text i,.status__content .e-content em,.status__content .e-content i{font-style:italic}.status__content .status__content__text sub,.status__content .e-content sub{font-size:smaller;text-align:sub}.status__content .status__content__text sup,.status__content .e-content sup{font-size:smaller;vertical-align:super}.status__content .status__content__text ul,.status__content .status__content__text ol,.status__content .e-content ul,.status__content .e-content ol{margin-left:1em}.status__content .status__content__text ul p,.status__content .status__content__text ol p,.status__content .e-content ul p,.status__content .e-content ol p{margin:0}.status__content .status__content__text ul,.status__content .e-content ul{list-style-type:disc}.status__content .status__content__text ol,.status__content .e-content ol{list-style-type:decimal}.status__content a{color:#d8a070;text-decoration:none}.status__content a:hover{text-decoration:underline}.status__content a:hover .fa{color:#353a48}.status__content a.mention:hover{text-decoration:none}.status__content a.mention:hover span{text-decoration:underline}.status__content a .fa{color:#444b5d}.status__content .status__content__spoiler{display:none}.status__content .status__content__spoiler.status__content__spoiler--visible{display:block}.status__content a.unhandled-link{color:#217aba}.status__content a.unhandled-link .link-origin-tag{color:#ca8f04;font-size:.8em}.status__content .status__content__spoiler-link{background:#7a96ae}.status__content .status__content__spoiler-link:hover{background:#708ea9;text-decoration:none}.status__content__spoiler-link{display:inline-block;border-radius:2px;background:#7a96ae;border:none;color:#000;font-weight:500;font-size:11px;padding:0 5px;text-transform:uppercase;line-height:inherit;cursor:pointer;vertical-align:bottom}.status__content__spoiler-link:hover{background:#708ea9;text-decoration:none}.status__content__spoiler-link .status__content__spoiler-icon{display:inline-block;margin:0 0 0 5px;border-left:1px solid currentColor;padding:0 0 0 4px;font-size:16px;vertical-align:-2px}.notif-cleaning .status,.notif-cleaning .notification-follow,.notif-cleaning .notification-follow-request{padding-right:4.5rem}.status__wrapper--filtered{color:#444b5d;border:0;font-size:inherit;text-align:center;line-height:inherit;margin:0;padding:15px;box-sizing:border-box;width:100%;clear:both;border-bottom:1px solid #c0cdd9}.status__prepend-icon-wrapper{left:-26px;position:absolute}.notification-follow,.notification-follow-request{position:relative;border-bottom:1px solid #c0cdd9}.notification-follow .account,.notification-follow-request .account{border-bottom:0 none}.focusable:focus{outline:0;background:#ccd7e0}.focusable:focus.status.status-direct:not(.read){background:#b3c3d1}.focusable:focus.status.status-direct:not(.read).muted{background:transparent}.focusable:focus .detailed-status,.focusable:focus .detailed-status__action-bar{background:#c0cdd9}.status{padding:10px 14px;position:relative;height:auto;border-bottom:1px solid #c0cdd9;cursor:default;opacity:1;animation:fade 150ms linear}@supports(-ms-overflow-style: -ms-autohiding-scrollbar){.status{padding-right:28px}}@keyframes fade{0%{opacity:0}100%{opacity:1}}.status .video-player,.status .audio-player{margin-top:8px}.status.status-direct:not(.read){background:#c0cdd9;border-bottom-color:#b3c3d1}.status.light .status__relative-time{color:#282c37}.status.light .status__display-name{color:#000}.status.light .display-name strong{color:#000}.status.light .display-name span{color:#282c37}.status.light .status__content{color:#000}.status.light .status__content a{color:#2b90d9}.status.light .status__content a.status__content__spoiler-link{color:#000;background:#9baec8}.status.light .status__content a.status__content__spoiler-link:hover{background:#8199ba}.status.collapsed{background-position:center;background-size:cover;user-select:none}.status.collapsed.has-background::before{display:block;position:absolute;left:0;right:0;top:0;bottom:0;background-image:linear-gradient(to bottom, rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0.65) 24px, rgba(0, 0, 0, 0.8));pointer-events:none;content:\"\"}.status.collapsed .display-name:hover .display-name__html{text-decoration:none}.status.collapsed .status__content{height:20px;overflow:hidden;text-overflow:ellipsis;padding-top:0}.status.collapsed .status__content:after{content:\"\";position:absolute;top:0;bottom:0;left:0;right:0;background:linear-gradient(rgba(217, 225, 232, 0), #d9e1e8);pointer-events:none}.status.collapsed .status__content a:hover{text-decoration:none}.status.collapsed:focus>.status__content:after{background:linear-gradient(rgba(204, 215, 224, 0), #ccd7e0)}.status.collapsed.status-direct:not(.read)>.status__content:after{background:linear-gradient(rgba(192, 205, 217, 0), #c0cdd9)}.status.collapsed .notification__message{margin-bottom:0}.status.collapsed .status__info .notification__message>span{white-space:nowrap}.status .notification__message{margin:-10px 0px 10px 0}.notification-favourite .status.status-direct{background:transparent}.notification-favourite .status.status-direct .icon-button.disabled{color:#444a5e}.status__relative-time{display:inline-block;flex-grow:1;color:#444b5d;font-size:14px;text-align:right;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.status__display-name{color:#444b5d;overflow:hidden}.status__info__account .status__display-name{display:block;max-width:100%}.status__info{display:flex;justify-content:space-between;font-size:15px}.status__info>span{text-overflow:ellipsis;overflow:hidden}.status__info .notification__message>span{word-wrap:break-word}.status__info__icons{display:flex;align-items:center;height:1em;color:#606984}.status__info__icons .status__media-icon,.status__info__icons .status__visibility-icon,.status__info__icons .status__reply-icon{padding-left:2px;padding-right:2px}.status__info__icons .status__collapse-button.active>.fa-angle-double-up{transform:rotate(-180deg)}.no-reduce-motion .status__collapse-button.activate>.fa-angle-double-up{animation:spring-flip-in 1s linear}.no-reduce-motion .status__collapse-button.deactivate>.fa-angle-double-up{animation:spring-flip-out 1s linear}.status__info__account{display:flex;align-items:center;justify-content:flex-start}.status-check-box{border-bottom:1px solid #282c37;display:flex}.status-check-box .status-check-box__status{margin:10px 0 10px 10px;flex:1}.status-check-box .status-check-box__status .media-gallery{max-width:250px}.status-check-box .status-check-box__status .status__content{padding:0;white-space:normal}.status-check-box .status-check-box__status .video-player,.status-check-box .status-check-box__status .audio-player{margin-top:8px;max-width:250px}.status-check-box .status-check-box__status .media-gallery__item-thumbnail{cursor:default}.status-check-box-toggle{align-items:center;display:flex;flex:0 0 auto;justify-content:center;padding:10px}.status__prepend{margin-top:-10px;margin-bottom:10px;margin-left:58px;color:#444b5d;padding:8px 0;padding-bottom:2px;font-size:14px;position:relative}.status__prepend .status__display-name strong{color:#444b5d}.status__prepend>span{display:block;overflow:hidden;text-overflow:ellipsis}.status__action-bar{align-items:center;display:flex;margin-top:8px}.status__action-bar__counter{display:inline-flex;margin-right:11px;align-items:center}.status__action-bar__counter .status__action-bar-button{margin-right:4px}.status__action-bar__counter__label{display:inline-block;width:14px;font-size:12px;font-weight:500;color:#606984}.status__action-bar-button{margin-right:18px}.status__action-bar-dropdown{height:23.15px;width:23.15px}.detailed-status__action-bar-dropdown{flex:1 1 auto;display:flex;align-items:center;justify-content:center;position:relative}.detailed-status{background:#ccd7e0;padding:14px 10px}.detailed-status--flex{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-start}.detailed-status--flex .status__content,.detailed-status--flex .detailed-status__meta{flex:100%}.detailed-status .status__content{font-size:19px;line-height:24px}.detailed-status .status__content .emojione{width:24px;height:24px;margin:-1px 0 0}.detailed-status .video-player,.detailed-status .audio-player{margin-top:8px}.detailed-status__meta{margin-top:15px;color:#444b5d;font-size:14px;line-height:18px}.detailed-status__action-bar{background:#ccd7e0;border-top:1px solid #c0cdd9;border-bottom:1px solid #c0cdd9;display:flex;flex-direction:row;padding:10px 0}.detailed-status__link{color:inherit;text-decoration:none}.detailed-status__favorites,.detailed-status__reblogs{display:inline-block;font-weight:500;font-size:12px;margin-left:6px}.status__display-name,.status__relative-time,.detailed-status__display-name,.detailed-status__datetime,.detailed-status__application,.account__display-name{text-decoration:none}.status__display-name strong,.account__display-name strong{color:#000}.muted .emojione{opacity:.5}a.status__display-name:hover strong,.reply-indicator__display-name:hover strong,.detailed-status__display-name:hover strong,.account__display-name:hover strong{text-decoration:underline}.account__display-name strong{display:block;overflow:hidden;text-overflow:ellipsis}.detailed-status__application,.detailed-status__datetime{color:inherit}.detailed-status .button.logo-button{margin-bottom:15px}.detailed-status__display-name{color:#282c37;display:block;line-height:24px;margin-bottom:15px;overflow:hidden}.detailed-status__display-name strong,.detailed-status__display-name span{display:block;text-overflow:ellipsis;overflow:hidden}.detailed-status__display-name strong{font-size:16px;color:#000}.detailed-status__display-avatar{float:left;margin-right:10px}.status__avatar{flex:none;margin:0 10px 0 0;height:48px;width:48px}.muted .status__content,.muted .status__content p,.muted .status__content a,.muted .status__content__text{color:#444b5d}.muted .status__display-name strong{color:#444b5d}.muted .status__avatar{opacity:.5}.muted a.status__content__spoiler-link{background:#3c5063;color:#000}.muted a.status__content__spoiler-link:hover{background:#7d98b0;text-decoration:none}.status__relative-time:hover,.detailed-status__datetime:hover{text-decoration:underline}.status-card{display:flex;font-size:14px;border:1px solid #c0cdd9;border-radius:4px;color:#444b5d;margin-top:14px;text-decoration:none;overflow:hidden}.status-card__actions{bottom:0;left:0;position:absolute;right:0;top:0;display:flex;justify-content:center;align-items:center}.status-card__actions>div{background:rgba(0,0,0,.6);border-radius:8px;padding:12px 9px;flex:0 0 auto;display:flex;justify-content:center;align-items:center}.status-card__actions button,.status-card__actions a{display:inline;color:#282c37;background:transparent;border:0;padding:0 8px;text-decoration:none;font-size:18px;line-height:18px}.status-card__actions button:hover,.status-card__actions button:active,.status-card__actions button:focus,.status-card__actions a:hover,.status-card__actions a:active,.status-card__actions a:focus{color:#000}.status-card__actions a{font-size:19px;position:relative;bottom:-1px}.status-card__actions a .fa,.status-card__actions a:hover .fa{color:inherit}a.status-card{cursor:pointer}a.status-card:hover{background:#c0cdd9}.status-card-photo{cursor:zoom-in;display:block;text-decoration:none;width:100%;height:auto;margin:0}.status-card-video iframe{width:100%;height:100%}.status-card__title{display:block;font-weight:500;margin-bottom:5px;color:#282c37;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-decoration:none}.status-card__content{flex:1 1 auto;overflow:hidden;padding:14px 14px 14px 8px}.status-card__description{color:#282c37}.status-card__host{display:block;margin-top:5px;font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.status-card__image{flex:0 0 100px;background:#c0cdd9;position:relative}.status-card__image>.fa{font-size:21px;position:absolute;transform-origin:50% 50%;top:50%;left:50%;transform:translate(-50%, -50%)}.status-card.horizontal{display:block}.status-card.horizontal .status-card__image{width:100%}.status-card.horizontal .status-card__image-image{border-radius:4px 4px 0 0}.status-card.horizontal .status-card__title{white-space:inherit}.status-card.compact{border-color:#ccd7e0}.status-card.compact.interactive{border:0}.status-card.compact .status-card__content{padding:8px;padding-top:10px}.status-card.compact .status-card__title{white-space:nowrap}.status-card.compact .status-card__image{flex:0 0 60px}a.status-card.compact:hover{background-color:#ccd7e0}.status-card__image-image{border-radius:4px 0 0 4px;display:block;margin:0;width:100%;height:100%;object-fit:cover;background-size:cover;background-position:center center}.attachment-list{display:flex;font-size:14px;border:1px solid #c0cdd9;border-radius:4px;margin-top:14px;overflow:hidden}.attachment-list__icon{flex:0 0 auto;color:#444b5d;padding:8px 18px;cursor:default;border-right:1px solid #c0cdd9;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:26px}.attachment-list__icon .fa{display:block}.attachment-list__list{list-style:none;padding:4px 0;padding-left:8px;display:flex;flex-direction:column;justify-content:center}.attachment-list__list li{display:block;padding:4px 0}.attachment-list__list a{text-decoration:none;color:#444b5d;font-weight:500}.attachment-list__list a:hover{text-decoration:underline}.attachment-list.compact{border:0;margin-top:4px}.attachment-list.compact .attachment-list__list{padding:0;display:block}.attachment-list.compact .fa{color:#444b5d}.status__wrapper--filtered__button{display:inline;color:#217aba;border:0;background:transparent;padding:0;font-size:inherit;line-height:inherit}.status__wrapper--filtered__button:hover,.status__wrapper--filtered__button:active{text-decoration:underline}.modal-container--preloader{background:#c0cdd9}.modal-root{position:relative;transition:opacity .3s linear;will-change:opacity;z-index:9999}.modal-root__overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(255,255,255,.7)}.modal-root__container{position:fixed;top:0;left:0;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;align-content:space-around;z-index:9999;pointer-events:none;user-select:none}.modal-root__modal{pointer-events:auto;display:flex;z-index:9999}.onboarding-modal,.error-modal,.embed-modal{background:#282c37;color:#000;border-radius:8px;overflow:hidden;display:flex;flex-direction:column}.onboarding-modal__pager{height:80vh;width:80vw;max-width:520px;max-height:470px}.onboarding-modal__pager .react-swipeable-view-container>div{width:100%;height:100%;box-sizing:border-box;display:none;flex-direction:column;align-items:center;justify-content:center;display:flex;user-select:text}.error-modal__body{height:80vh;width:80vw;max-width:520px;max-height:420px;position:relative}.error-modal__body>div{position:absolute;top:0;left:0;width:100%;height:100%;box-sizing:border-box;padding:25px;display:none;flex-direction:column;align-items:center;justify-content:center;display:flex;opacity:0;user-select:text}.error-modal__body{display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center}@media screen and (max-width: 550px){.onboarding-modal{width:100%;height:100%;border-radius:0}.onboarding-modal__pager{width:100%;height:auto;max-width:none;max-height:none;flex:1 1 auto}}.onboarding-modal__paginator,.error-modal__footer{flex:0 0 auto;background:#393f4f;display:flex;padding:25px}.onboarding-modal__paginator>div,.error-modal__footer>div{min-width:33px}.onboarding-modal__paginator .onboarding-modal__nav,.onboarding-modal__paginator .error-modal__nav,.error-modal__footer .onboarding-modal__nav,.error-modal__footer .error-modal__nav{color:#282c37;border:0;font-size:14px;font-weight:500;padding:10px 25px;line-height:inherit;height:auto;margin:-10px;border-radius:4px;background-color:transparent}.onboarding-modal__paginator .onboarding-modal__nav:hover,.onboarding-modal__paginator .onboarding-modal__nav:focus,.onboarding-modal__paginator .onboarding-modal__nav:active,.onboarding-modal__paginator .error-modal__nav:hover,.onboarding-modal__paginator .error-modal__nav:focus,.onboarding-modal__paginator .error-modal__nav:active,.error-modal__footer .onboarding-modal__nav:hover,.error-modal__footer .onboarding-modal__nav:focus,.error-modal__footer .onboarding-modal__nav:active,.error-modal__footer .error-modal__nav:hover,.error-modal__footer .error-modal__nav:focus,.error-modal__footer .error-modal__nav:active{color:#313543;background-color:#4a5266}.onboarding-modal__paginator .onboarding-modal__nav.onboarding-modal__done,.onboarding-modal__paginator .onboarding-modal__nav.onboarding-modal__next,.onboarding-modal__paginator .error-modal__nav.onboarding-modal__done,.onboarding-modal__paginator .error-modal__nav.onboarding-modal__next,.error-modal__footer .onboarding-modal__nav.onboarding-modal__done,.error-modal__footer .onboarding-modal__nav.onboarding-modal__next,.error-modal__footer .error-modal__nav.onboarding-modal__done,.error-modal__footer .error-modal__nav.onboarding-modal__next{color:#000}.onboarding-modal__paginator .onboarding-modal__nav.onboarding-modal__done:hover,.onboarding-modal__paginator .onboarding-modal__nav.onboarding-modal__done:focus,.onboarding-modal__paginator .onboarding-modal__nav.onboarding-modal__done:active,.onboarding-modal__paginator .onboarding-modal__nav.onboarding-modal__next:hover,.onboarding-modal__paginator .onboarding-modal__nav.onboarding-modal__next:focus,.onboarding-modal__paginator .onboarding-modal__nav.onboarding-modal__next:active,.onboarding-modal__paginator .error-modal__nav.onboarding-modal__done:hover,.onboarding-modal__paginator .error-modal__nav.onboarding-modal__done:focus,.onboarding-modal__paginator .error-modal__nav.onboarding-modal__done:active,.onboarding-modal__paginator .error-modal__nav.onboarding-modal__next:hover,.onboarding-modal__paginator .error-modal__nav.onboarding-modal__next:focus,.onboarding-modal__paginator .error-modal__nav.onboarding-modal__next:active,.error-modal__footer .onboarding-modal__nav.onboarding-modal__done:hover,.error-modal__footer .onboarding-modal__nav.onboarding-modal__done:focus,.error-modal__footer .onboarding-modal__nav.onboarding-modal__done:active,.error-modal__footer .onboarding-modal__nav.onboarding-modal__next:hover,.error-modal__footer .onboarding-modal__nav.onboarding-modal__next:focus,.error-modal__footer .onboarding-modal__nav.onboarding-modal__next:active,.error-modal__footer .error-modal__nav.onboarding-modal__done:hover,.error-modal__footer .error-modal__nav.onboarding-modal__done:focus,.error-modal__footer .error-modal__nav.onboarding-modal__done:active,.error-modal__footer .error-modal__nav.onboarding-modal__next:hover,.error-modal__footer .error-modal__nav.onboarding-modal__next:focus,.error-modal__footer .error-modal__nav.onboarding-modal__next:active{color:#000}.error-modal__footer{justify-content:center}.onboarding-modal__dots{flex:1 1 auto;display:flex;align-items:center;justify-content:center}.onboarding-modal__dot{width:14px;height:14px;border-radius:14px;background:#4a5266;margin:0 3px;cursor:pointer}.onboarding-modal__dot:hover{background:#4f576c}.onboarding-modal__dot.active{cursor:default;background:#5c657e}.onboarding-modal__page__wrapper{pointer-events:none;padding:25px;padding-bottom:0}.onboarding-modal__page__wrapper.onboarding-modal__page__wrapper--active{pointer-events:auto}.onboarding-modal__page{cursor:default;line-height:21px}.onboarding-modal__page h1{font-size:18px;font-weight:500;color:#000;margin-bottom:20px}.onboarding-modal__page a{color:#2b90d9}.onboarding-modal__page a:hover,.onboarding-modal__page a:focus,.onboarding-modal__page a:active{color:#2485cb}.onboarding-modal__page .navigation-bar a{color:inherit}.onboarding-modal__page p{font-size:16px;color:#282c37;margin-top:10px;margin-bottom:10px}.onboarding-modal__page p:last-child{margin-bottom:0}.onboarding-modal__page p strong{font-weight:500;background:#d9e1e8;color:#282c37;border-radius:4px;font-size:14px;padding:3px 6px}.onboarding-modal__page p strong:lang(ja){font-weight:700}.onboarding-modal__page p strong:lang(ko){font-weight:700}.onboarding-modal__page p strong:lang(zh-CN){font-weight:700}.onboarding-modal__page p strong:lang(zh-HK){font-weight:700}.onboarding-modal__page p strong:lang(zh-TW){font-weight:700}.onboarding-modal__page__wrapper-0{height:100%;padding:0}.onboarding-modal__page-one__lead{padding:65px;padding-top:45px;padding-bottom:0;margin-bottom:10px}.onboarding-modal__page-one__lead h1{font-size:26px;line-height:36px;margin-bottom:8px}.onboarding-modal__page-one__lead p{margin-bottom:0}.onboarding-modal__page-one__extra{padding-right:65px;padding-left:185px;text-align:center}.display-case{text-align:center;font-size:15px;margin-bottom:15px}.display-case__label{font-weight:500;color:#000;margin-bottom:5px;text-transform:uppercase;font-size:12px}.display-case__case{background:#d9e1e8;color:#282c37;font-weight:500;padding:10px;border-radius:4px}.onboarding-modal__page-two p,.onboarding-modal__page-three p,.onboarding-modal__page-four p,.onboarding-modal__page-five p{text-align:left}.onboarding-modal__page-two .figure,.onboarding-modal__page-three .figure,.onboarding-modal__page-four .figure,.onboarding-modal__page-five .figure{background:#f2f5f7;color:#282c37;margin-bottom:20px;border-radius:4px;padding:10px;text-align:center;font-size:14px;box-shadow:1px 2px 6px rgba(0,0,0,.3)}.onboarding-modal__page-two .figure .onboarding-modal__image,.onboarding-modal__page-three .figure .onboarding-modal__image,.onboarding-modal__page-four .figure .onboarding-modal__image,.onboarding-modal__page-five .figure .onboarding-modal__image{border-radius:4px;margin-bottom:10px}.onboarding-modal__page-two .figure.non-interactive,.onboarding-modal__page-three .figure.non-interactive,.onboarding-modal__page-four .figure.non-interactive,.onboarding-modal__page-five .figure.non-interactive{pointer-events:none;text-align:left}.onboarding-modal__page-four__columns .row{display:flex;margin-bottom:20px}.onboarding-modal__page-four__columns .row>div{flex:1 1 0;margin:0 10px}.onboarding-modal__page-four__columns .row>div:first-child{margin-left:0}.onboarding-modal__page-four__columns .row>div:last-child{margin-right:0}.onboarding-modal__page-four__columns .row>div p{text-align:center}.onboarding-modal__page-four__columns .row:last-child{margin-bottom:0}.onboarding-modal__page-four__columns .column-header{color:#000}@media screen and (max-width: 320px)and (max-height: 600px){.onboarding-modal__page p{font-size:14px;line-height:20px}.onboarding-modal__page-two .figure,.onboarding-modal__page-three .figure,.onboarding-modal__page-four .figure,.onboarding-modal__page-five .figure{font-size:12px;margin-bottom:10px}.onboarding-modal__page-four__columns .row{margin-bottom:10px}.onboarding-modal__page-four__columns .column-header{padding:5px;font-size:12px}}.onboard-sliders{display:inline-block;max-width:30px;max-height:auto;margin-left:10px}.boost-modal,.doodle-modal,.favourite-modal,.confirmation-modal,.report-modal,.actions-modal,.mute-modal,.block-modal{background:#17191f;color:#000;border-radius:8px;overflow:hidden;max-width:90vw;width:480px;position:relative;flex-direction:column}.boost-modal .status__relative-time,.doodle-modal .status__relative-time,.favourite-modal .status__relative-time,.confirmation-modal .status__relative-time,.report-modal .status__relative-time,.actions-modal .status__relative-time,.mute-modal .status__relative-time,.block-modal .status__relative-time{color:#444b5d;float:right;font-size:14px;width:auto;margin:initial;padding:initial}.boost-modal .status__display-name,.doodle-modal .status__display-name,.favourite-modal .status__display-name,.confirmation-modal .status__display-name,.report-modal .status__display-name,.actions-modal .status__display-name,.mute-modal .status__display-name,.block-modal .status__display-name{display:flex}.boost-modal .status__avatar,.doodle-modal .status__avatar,.favourite-modal .status__avatar,.confirmation-modal .status__avatar,.report-modal .status__avatar,.actions-modal .status__avatar,.mute-modal .status__avatar,.block-modal .status__avatar{height:48px;width:48px}.boost-modal .status__content__spoiler-link,.doodle-modal .status__content__spoiler-link,.favourite-modal .status__content__spoiler-link,.confirmation-modal .status__content__spoiler-link,.report-modal .status__content__spoiler-link,.actions-modal .status__content__spoiler-link,.mute-modal .status__content__spoiler-link,.block-modal .status__content__spoiler-link{color:#17191f}.actions-modal .status{background:#fff;border-bottom-color:#282c37;padding-top:10px;padding-bottom:10px}.actions-modal .dropdown-menu__separator{border-bottom-color:#282c37}.boost-modal__container,.favourite-modal__container{overflow-x:scroll;padding:10px}.boost-modal__container .status,.favourite-modal__container .status{user-select:text;border-bottom:0}.boost-modal__action-bar,.doodle-modal__action-bar,.favourite-modal__action-bar,.confirmation-modal__action-bar,.mute-modal__action-bar,.block-modal__action-bar{display:flex;justify-content:space-between;background:#282c37;padding:10px;line-height:36px}.boost-modal__action-bar>div,.doodle-modal__action-bar>div,.favourite-modal__action-bar>div,.confirmation-modal__action-bar>div,.mute-modal__action-bar>div,.block-modal__action-bar>div{flex:1 1 auto;text-align:right;color:#282c37;padding-right:10px}.boost-modal__action-bar .button,.doodle-modal__action-bar .button,.favourite-modal__action-bar .button,.confirmation-modal__action-bar .button,.mute-modal__action-bar .button,.block-modal__action-bar .button{flex:0 0 auto}.boost-modal__status-header,.favourite-modal__status-header{font-size:15px}.boost-modal__status-time,.favourite-modal__status-time{float:right;font-size:14px}.mute-modal,.block-modal{line-height:24px}.mute-modal .react-toggle,.block-modal .react-toggle{vertical-align:middle}.report-modal{width:90vw;max-width:700px}.report-modal__container{display:flex;border-top:1px solid #282c37}@media screen and (max-width: 480px){.report-modal__container{flex-wrap:wrap;overflow-y:auto}}.report-modal__statuses,.report-modal__comment{box-sizing:border-box;width:50%}@media screen and (max-width: 480px){.report-modal__statuses,.report-modal__comment{width:100%}}.report-modal__statuses,.focal-point-modal__content{flex:1 1 auto;min-height:20vh;max-height:80vh;overflow-y:auto;overflow-x:hidden}.report-modal__statuses .status__content a,.focal-point-modal__content .status__content a{color:#2b90d9}@media screen and (max-width: 480px){.report-modal__statuses,.focal-point-modal__content{max-height:10vh}}@media screen and (max-width: 480px){.focal-point-modal__content{max-height:40vh}}.report-modal__comment{padding:20px;border-right:1px solid #282c37;max-width:320px}.report-modal__comment p{font-size:14px;line-height:20px;margin-bottom:20px}.report-modal__comment .setting-text{display:block;box-sizing:border-box;width:100%;margin:0;color:#000;background:#fff;padding:10px;font-family:inherit;font-size:14px;resize:none;border:0;outline:0;border-radius:4px;border:1px solid #282c37;min-height:100px;max-height:50vh;margin-bottom:10px}.report-modal__comment .setting-text:focus{border:1px solid #393f4f}.report-modal__comment .setting-text__wrapper{background:#fff;border:1px solid #282c37;margin-bottom:10px;border-radius:4px}.report-modal__comment .setting-text__wrapper .setting-text{border:0;margin-bottom:0;border-radius:0}.report-modal__comment .setting-text__wrapper .setting-text:focus{border:0}.report-modal__comment .setting-text__wrapper__modifiers{color:#000;font-family:inherit;font-size:14px;background:#fff}.report-modal__comment .setting-text__toolbar{display:flex;justify-content:space-between;margin-bottom:20px}.report-modal__comment .setting-text-label{display:block;color:#000;font-size:14px;font-weight:500;margin-bottom:10px}.report-modal__comment .setting-toggle{margin-top:20px;margin-bottom:24px}.report-modal__comment .setting-toggle__label{color:#000;font-size:14px}@media screen and (max-width: 480px){.report-modal__comment{padding:10px;max-width:100%;order:2}.report-modal__comment .setting-toggle{margin-bottom:4px}}.actions-modal{max-height:80vh;max-width:80vw}.actions-modal .status{overflow-y:auto;max-height:300px}.actions-modal strong{display:block;font-weight:500}.actions-modal .actions-modal__item-label{font-weight:500}.actions-modal ul{overflow-y:auto;flex-shrink:0;max-height:80vh}.actions-modal ul.with-status{max-height:calc(80vh - 75px)}.actions-modal ul li:empty{margin:0}.actions-modal ul li:not(:empty) a{color:#000;display:flex;padding:12px 16px;font-size:15px;align-items:center;text-decoration:none}.actions-modal ul li:not(:empty) a,.actions-modal ul li:not(:empty) a button{transition:none}.actions-modal ul li:not(:empty) a.active,.actions-modal ul li:not(:empty) a.active button,.actions-modal ul li:not(:empty) a:hover,.actions-modal ul li:not(:empty) a:hover button,.actions-modal ul li:not(:empty) a:active,.actions-modal ul li:not(:empty) a:active button,.actions-modal ul li:not(:empty) a:focus,.actions-modal ul li:not(:empty) a:focus button{background:#2b90d9;color:#000}.actions-modal ul li:not(:empty) a>.react-toggle,.actions-modal ul li:not(:empty) a>.icon,.actions-modal ul li:not(:empty) a button:first-child{margin-right:10px}.confirmation-modal__action-bar .confirmation-modal__secondary-button,.mute-modal__action-bar .confirmation-modal__secondary-button,.block-modal__action-bar .confirmation-modal__secondary-button{flex-shrink:1}.confirmation-modal__secondary-button,.confirmation-modal__cancel-button,.mute-modal__cancel-button,.block-modal__cancel-button{background-color:transparent;color:#282c37;font-size:14px;font-weight:500}.confirmation-modal__secondary-button:hover,.confirmation-modal__secondary-button:focus,.confirmation-modal__secondary-button:active,.confirmation-modal__cancel-button:hover,.confirmation-modal__cancel-button:focus,.confirmation-modal__cancel-button:active,.mute-modal__cancel-button:hover,.mute-modal__cancel-button:focus,.mute-modal__cancel-button:active,.block-modal__cancel-button:hover,.block-modal__cancel-button:focus,.block-modal__cancel-button:active{color:#313543;background-color:transparent}.confirmation-modal__do_not_ask_again{padding-left:20px;padding-right:20px;padding-bottom:10px;font-size:14px}.confirmation-modal__do_not_ask_again label,.confirmation-modal__do_not_ask_again input{vertical-align:middle}.confirmation-modal__container,.mute-modal__container,.block-modal__container,.report-modal__target{padding:30px;font-size:16px}.confirmation-modal__container strong,.mute-modal__container strong,.block-modal__container strong,.report-modal__target strong{font-weight:500}.confirmation-modal__container strong:lang(ja),.mute-modal__container strong:lang(ja),.block-modal__container strong:lang(ja),.report-modal__target strong:lang(ja){font-weight:700}.confirmation-modal__container strong:lang(ko),.mute-modal__container strong:lang(ko),.block-modal__container strong:lang(ko),.report-modal__target strong:lang(ko){font-weight:700}.confirmation-modal__container strong:lang(zh-CN),.mute-modal__container strong:lang(zh-CN),.block-modal__container strong:lang(zh-CN),.report-modal__target strong:lang(zh-CN){font-weight:700}.confirmation-modal__container strong:lang(zh-HK),.mute-modal__container strong:lang(zh-HK),.block-modal__container strong:lang(zh-HK),.report-modal__target strong:lang(zh-HK){font-weight:700}.confirmation-modal__container strong:lang(zh-TW),.mute-modal__container strong:lang(zh-TW),.block-modal__container strong:lang(zh-TW),.report-modal__target strong:lang(zh-TW){font-weight:700}.confirmation-modal__container,.report-modal__target{text-align:center}.block-modal__explanation,.mute-modal__explanation{margin-top:20px}.block-modal .setting-toggle,.mute-modal .setting-toggle{margin-top:20px;margin-bottom:24px;display:flex;align-items:center}.block-modal .setting-toggle__label,.mute-modal .setting-toggle__label{color:#000;margin:0;margin-left:8px}.report-modal__target{padding:15px}.report-modal__target .media-modal__close{top:14px;right:15px}.embed-modal{width:auto;max-width:80vw;max-height:80vh}.embed-modal h4{padding:30px;font-weight:500;font-size:16px;text-align:center}.embed-modal .embed-modal__container{padding:10px}.embed-modal .embed-modal__container .hint{margin-bottom:15px}.embed-modal .embed-modal__container .embed-modal__html{outline:0;box-sizing:border-box;display:block;width:100%;border:none;padding:10px;font-family:\"mastodon-font-monospace\",monospace;background:#d9e1e8;color:#000;font-size:14px;margin:0;margin-bottom:15px;border-radius:4px}.embed-modal .embed-modal__container .embed-modal__html::-moz-focus-inner{border:0}.embed-modal .embed-modal__container .embed-modal__html::-moz-focus-inner,.embed-modal .embed-modal__container .embed-modal__html:focus,.embed-modal .embed-modal__container .embed-modal__html:active{outline:0 !important}.embed-modal .embed-modal__container .embed-modal__html:focus{background:#ccd7e0}@media screen and (max-width: 600px){.embed-modal .embed-modal__container .embed-modal__html{font-size:16px}}.embed-modal .embed-modal__container .embed-modal__iframe{width:400px;max-width:100%;overflow:hidden;border:0;border-radius:4px}.focal-point{position:relative;cursor:move;overflow:hidden;height:100%;display:flex;justify-content:center;align-items:center;background:#000}.focal-point img,.focal-point video,.focal-point canvas{display:block;max-height:80vh;width:100%;height:auto;margin:0;object-fit:contain;background:#000}.focal-point__reticle{position:absolute;width:100px;height:100px;transform:translate(-50%, -50%);background:url(\"~images/reticle.png\") no-repeat 0 0;border-radius:50%;box-shadow:0 0 0 9999em rgba(0,0,0,.35)}.focal-point__overlay{position:absolute;width:100%;height:100%;top:0;left:0}.focal-point__preview{position:absolute;bottom:10px;right:10px;z-index:2;cursor:move;transition:opacity .1s ease}.focal-point__preview:hover{opacity:.5}.focal-point__preview strong{color:#000;font-size:14px;font-weight:500;display:block;margin-bottom:5px}.focal-point__preview div{border-radius:4px;box-shadow:0 0 14px rgba(0,0,0,.2)}@media screen and (max-width: 480px){.focal-point img,.focal-point video{max-height:100%}.focal-point__preview{display:none}}.filtered-status-info{text-align:start}.filtered-status-info .spoiler__text{margin-top:20px}.filtered-status-info .account{border-bottom:0}.filtered-status-info .account__display-name strong{color:#000}.filtered-status-info .status__content__spoiler{display:none}.filtered-status-info .status__content__spoiler--visible{display:flex}.filtered-status-info ul{padding:10px;margin-left:12px;list-style:disc inside}.filtered-status-info .filtered-status-edit-link{color:#606984;text-decoration:none}.filtered-status-info .filtered-status-edit-link:hover{text-decoration:underline}.composer{padding:10px}.character-counter{cursor:default;font-family:sans-serif,sans-serif;font-size:14px;font-weight:600;color:#282c37}.character-counter.character-counter--over{color:#ff5050}.no-reduce-motion .composer--spoiler{transition:height .4s ease,opacity .4s ease}.composer--spoiler{height:0;transform-origin:bottom;opacity:0}.composer--spoiler.composer--spoiler--visible{height:36px;margin-bottom:11px;opacity:1}.composer--spoiler input{display:block;box-sizing:border-box;margin:0;border:none;border-radius:4px;padding:10px;width:100%;outline:0;color:#000;background:#fff;font-size:14px;font-family:inherit;resize:vertical}.composer--spoiler input::placeholder{color:#444b5d}.composer--spoiler input:focus{outline:0}@media screen and (max-width: 630px){.auto-columns .composer--spoiler input{font-size:16px}}.single-column .composer--spoiler input{font-size:16px}.composer--warning{color:#000;margin-bottom:15px;background:#9baec8;box-shadow:0 2px 6px rgba(0,0,0,.3);padding:8px 10px;border-radius:4px;font-size:13px;font-weight:400}.composer--warning a{color:#282c37;font-weight:500;text-decoration:underline}.composer--warning a:active,.composer--warning a:focus,.composer--warning a:hover{text-decoration:none}.compose-form__sensitive-button{padding:10px;padding-top:0;font-size:14px;font-weight:500}.compose-form__sensitive-button.active{color:#2b90d9}.compose-form__sensitive-button input[type=checkbox]{display:none}.compose-form__sensitive-button .checkbox{display:inline-block;position:relative;border:1px solid #9baec8;box-sizing:border-box;width:18px;height:18px;flex:0 0 auto;margin-left:5px;margin-right:10px;top:-1px;border-radius:4px;vertical-align:middle}.compose-form__sensitive-button .checkbox.active{border-color:#2b90d9;background:#2b90d9}.composer--reply{margin:0 0 10px;border-radius:4px;padding:10px;background:#9baec8;min-height:23px;overflow-y:auto;flex:0 2 auto}.composer--reply>header{margin-bottom:5px;overflow:hidden}.composer--reply>header>.account.small{color:#000}.composer--reply>header>.cancel{float:right;line-height:24px}.composer--reply>.content{position:relative;margin:10px 0;padding:0 12px;font-size:14px;line-height:20px;color:#000;word-wrap:break-word;font-weight:400;overflow:visible;white-space:pre-wrap;padding-top:5px;overflow:hidden}.composer--reply>.content p,.composer--reply>.content pre,.composer--reply>.content blockquote{margin-bottom:20px;white-space:pre-wrap}.composer--reply>.content p:last-child,.composer--reply>.content pre:last-child,.composer--reply>.content blockquote:last-child{margin-bottom:0}.composer--reply>.content h1,.composer--reply>.content h2,.composer--reply>.content h3,.composer--reply>.content h4,.composer--reply>.content h5{margin-top:20px;margin-bottom:20px}.composer--reply>.content h1,.composer--reply>.content h2{font-weight:700;font-size:18px}.composer--reply>.content h2{font-size:16px}.composer--reply>.content h3,.composer--reply>.content h4,.composer--reply>.content h5{font-weight:500}.composer--reply>.content blockquote{padding-left:10px;border-left:3px solid #000;color:#000;white-space:normal}.composer--reply>.content blockquote p:last-child{margin-bottom:0}.composer--reply>.content b,.composer--reply>.content strong{font-weight:700}.composer--reply>.content em,.composer--reply>.content i{font-style:italic}.composer--reply>.content sub{font-size:smaller;text-align:sub}.composer--reply>.content ul,.composer--reply>.content ol{margin-left:1em}.composer--reply>.content ul p,.composer--reply>.content ol p{margin:0}.composer--reply>.content ul{list-style-type:disc}.composer--reply>.content ol{list-style-type:decimal}.composer--reply>.content a{color:#282c37;text-decoration:none}.composer--reply>.content a:hover{text-decoration:underline}.composer--reply>.content a.mention:hover{text-decoration:none}.composer--reply>.content a.mention:hover span{text-decoration:underline}.composer--reply .emojione{width:20px;height:20px;margin:-5px 0 0}.emoji-picker-dropdown{position:absolute;right:5px;top:5px}.emoji-picker-dropdown ::-webkit-scrollbar-track:hover,.emoji-picker-dropdown ::-webkit-scrollbar-track:active{background-color:rgba(255,255,255,.3)}.compose-form__autosuggest-wrapper,.autosuggest-input{position:relative;width:100%}.compose-form__autosuggest-wrapper label .autosuggest-textarea__textarea,.autosuggest-input label .autosuggest-textarea__textarea{display:block;box-sizing:border-box;margin:0;border:none;border-radius:4px 4px 0 0;padding:10px 32px 0 10px;width:100%;min-height:100px;outline:0;color:#000;background:#fff;font-size:14px;font-family:inherit;resize:none;scrollbar-color:initial}.compose-form__autosuggest-wrapper label .autosuggest-textarea__textarea::placeholder,.autosuggest-input label .autosuggest-textarea__textarea::placeholder{color:#444b5d}.compose-form__autosuggest-wrapper label .autosuggest-textarea__textarea::-webkit-scrollbar,.autosuggest-input label .autosuggest-textarea__textarea::-webkit-scrollbar{all:unset}.compose-form__autosuggest-wrapper label .autosuggest-textarea__textarea:disabled,.autosuggest-input label .autosuggest-textarea__textarea:disabled{background:#282c37}.compose-form__autosuggest-wrapper label .autosuggest-textarea__textarea:focus,.autosuggest-input label .autosuggest-textarea__textarea:focus{outline:0}@media screen and (max-width: 630px){.auto-columns .compose-form__autosuggest-wrapper label .autosuggest-textarea__textarea,.auto-columns .autosuggest-input label .autosuggest-textarea__textarea{font-size:16px}}.single-column .compose-form__autosuggest-wrapper label .autosuggest-textarea__textarea,.single-column .autosuggest-input label .autosuggest-textarea__textarea{font-size:16px}@media screen and (max-width: 600px){.auto-columns .compose-form__autosuggest-wrapper label .autosuggest-textarea__textarea,.single-column .compose-form__autosuggest-wrapper label .autosuggest-textarea__textarea,.auto-columns .autosuggest-input label .autosuggest-textarea__textarea,.single-column .autosuggest-input label .autosuggest-textarea__textarea{height:100px !important;resize:vertical}}.composer--textarea--icons{display:block;position:absolute;top:29px;right:5px;bottom:5px;overflow:hidden}.composer--textarea--icons>.textarea_icon{display:block;margin:2px 0 0 2px;width:24px;height:24px;color:#282c37;font-size:18px;line-height:24px;text-align:center;opacity:.8}.autosuggest-textarea__suggestions-wrapper{position:relative;height:0}.autosuggest-textarea__suggestions{display:block;position:absolute;box-sizing:border-box;top:100%;border-radius:0 0 4px 4px;padding:6px;width:100%;color:#000;background:#282c37;box-shadow:4px 4px 6px rgba(0,0,0,.4);font-size:14px;z-index:99;display:none}.autosuggest-textarea__suggestions--visible{display:block}.autosuggest-textarea__suggestions__item{padding:10px;cursor:pointer;border-radius:4px}.autosuggest-textarea__suggestions__item:hover,.autosuggest-textarea__suggestions__item:focus,.autosuggest-textarea__suggestions__item:active,.autosuggest-textarea__suggestions__item.selected{background:#3d4455}.autosuggest-textarea__suggestions__item>.account,.autosuggest-textarea__suggestions__item>.emoji,.autosuggest-textarea__suggestions__item>.autosuggest-hashtag{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;line-height:18px;font-size:14px}.autosuggest-textarea__suggestions__item .autosuggest-hashtag{justify-content:space-between}.autosuggest-textarea__suggestions__item .autosuggest-hashtag__name{flex:1 1 auto;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.autosuggest-textarea__suggestions__item .autosuggest-hashtag strong{font-weight:500}.autosuggest-textarea__suggestions__item .autosuggest-hashtag__uses{flex:0 0 auto;text-align:right;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.autosuggest-textarea__suggestions__item>.account.small .display-name>span{color:#282c37}.composer--upload_form{overflow:hidden}.composer--upload_form>.content{display:flex;flex-direction:row;flex-wrap:wrap;font-family:inherit;padding:5px;overflow:hidden}.composer--upload_form--item{flex:1 1 0;margin:5px;min-width:40%}.composer--upload_form--item>div{position:relative;border-radius:4px;height:140px;width:100%;background-color:#000;background-position:center;background-size:cover;background-repeat:no-repeat;overflow:hidden}.composer--upload_form--item>div textarea{display:block;position:absolute;box-sizing:border-box;bottom:0;left:0;margin:0;border:0;padding:10px;width:100%;color:#282c37;background:linear-gradient(0deg, rgba(0, 0, 0, 0.8) 0, rgba(0, 0, 0, 0.35) 80%, transparent);font-size:14px;font-family:inherit;font-weight:500;opacity:0;z-index:2;transition:opacity .1s ease}.composer--upload_form--item>div textarea:focus{color:#fff}.composer--upload_form--item>div textarea::placeholder{opacity:.54;color:#282c37}.composer--upload_form--item>div>.close{mix-blend-mode:difference}.composer--upload_form--item.active>div textarea{opacity:1}.composer--upload_form--actions{background:linear-gradient(180deg, rgba(0, 0, 0, 0.8) 0, rgba(0, 0, 0, 0.35) 80%, transparent);display:flex;align-items:flex-start;justify-content:space-between;opacity:0;transition:opacity .1s ease}.composer--upload_form--actions .icon-button{flex:0 1 auto;color:#282c37;font-size:14px;font-weight:500;padding:10px;font-family:inherit}.composer--upload_form--actions .icon-button:hover,.composer--upload_form--actions .icon-button:focus,.composer--upload_form--actions .icon-button:active{color:#1f232b}.composer--upload_form--actions.active{opacity:1}.composer--upload_form--progress{display:flex;padding:10px;color:#282c37;overflow:hidden}.composer--upload_form--progress>.fa{font-size:34px;margin-right:10px}.composer--upload_form--progress>.message{flex:1 1 auto}.composer--upload_form--progress>.message>span{display:block;font-size:12px;font-weight:500;text-transform:uppercase}.composer--upload_form--progress>.message>.backdrop{position:relative;margin-top:5px;border-radius:6px;width:100%;height:6px;background:#3c5063}.composer--upload_form--progress>.message>.backdrop>.tracker{position:absolute;top:0;left:0;height:6px;border-radius:6px;background:#2b90d9}.compose-form__modifiers{color:#000;font-family:inherit;font-size:14px;background:#fff}.composer--options-wrapper{padding:10px;background:#fff;border-radius:0 0 4px 4px;height:27px;display:flex;justify-content:space-between;flex:0 0 auto}.composer--options{display:flex;flex:0 0 auto}.composer--options>*{display:inline-block;box-sizing:content-box;padding:0 3px;height:27px;line-height:27px;vertical-align:bottom}.composer--options>hr{display:inline-block;margin:0 3px;border-width:0 0 0 1px;border-style:none none none solid;border-color:transparent transparent transparent #fff;padding:0;width:0;height:27px;background:transparent}.compose--counter-wrapper{align-self:center;margin-right:4px}.composer--options--dropdown.open>.value{border-radius:4px 4px 0 0;box-shadow:0 -4px 4px rgba(0,0,0,.1);color:#000;background:#2b90d9;transition:none}.composer--options--dropdown.open.top>.value{border-radius:0 0 4px 4px;box-shadow:0 4px 4px rgba(0,0,0,.1)}.composer--options--dropdown--content{position:absolute;border-radius:4px;box-shadow:2px 4px 15px rgba(0,0,0,.4);background:#fff;overflow:hidden;transform-origin:50% 0}.composer--options--dropdown--content--item{display:flex;align-items:center;padding:10px;color:#000;cursor:pointer}.composer--options--dropdown--content--item>.content{flex:1 1 auto;color:#282c37}.composer--options--dropdown--content--item>.content:not(:first-child){margin-left:10px}.composer--options--dropdown--content--item>.content strong{display:block;color:#000;font-weight:500}.composer--options--dropdown--content--item:hover,.composer--options--dropdown--content--item.active{background:#2b90d9;color:#000}.composer--options--dropdown--content--item:hover>.content,.composer--options--dropdown--content--item.active>.content{color:#000}.composer--options--dropdown--content--item:hover>.content strong,.composer--options--dropdown--content--item.active>.content strong{color:#000}.composer--options--dropdown--content--item.active:hover{background:#2485cb}.composer--publisher{padding-top:10px;text-align:right;white-space:nowrap;overflow:hidden;justify-content:flex-end;flex:0 0 auto}.composer--publisher>.primary{display:inline-block;margin:0;padding:0 10px;text-align:center}.composer--publisher>.side_arm{display:inline-block;margin:0 2px;padding:0;width:36px;text-align:center}.composer--publisher.over>.count{color:#ff5050}.column__wrapper{display:flex;flex:1 1 auto;position:relative}.columns-area{display:flex;flex:1 1 auto;flex-direction:row;justify-content:flex-start;overflow-x:auto;position:relative}.columns-area__panels{display:flex;justify-content:center;width:100%;height:100%;min-height:100vh}.columns-area__panels__pane{height:100%;overflow:hidden;pointer-events:none;display:flex;justify-content:flex-end;min-width:285px}.columns-area__panels__pane--start{justify-content:flex-start}.columns-area__panels__pane__inner{position:fixed;width:285px;pointer-events:auto;height:100%}.columns-area__panels__main{box-sizing:border-box;width:100%;max-width:600px;flex:0 0 auto;display:flex;flex-direction:column}@media screen and (min-width: 415px){.columns-area__panels__main{padding:0 10px}}.tabs-bar__wrapper{background:#f2f5f7;position:sticky;top:0;z-index:2;padding-top:0}@media screen and (min-width: 415px){.tabs-bar__wrapper{padding-top:10px}}.tabs-bar__wrapper .tabs-bar{margin-bottom:0}@media screen and (min-width: 415px){.tabs-bar__wrapper .tabs-bar{margin-bottom:10px}}.react-swipeable-view-container,.react-swipeable-view-container .columns-area,.react-swipeable-view-container .column{height:100%}.react-swipeable-view-container>*{display:flex;align-items:center;justify-content:center;height:100%}.column{width:330px;position:relative;box-sizing:border-box;display:flex;flex-direction:column}.column>.scrollable{background:#d9e1e8}.ui{flex:0 0 auto;display:flex;flex-direction:column;width:100%;height:100%}.column{overflow:hidden}.column-back-button{box-sizing:border-box;width:100%;background:#ccd7e0;color:#2b90d9;cursor:pointer;flex:0 0 auto;font-size:16px;border:0;text-align:unset;padding:15px;margin:0;z-index:3}.column-back-button:hover{text-decoration:underline}.column-header__back-button{background:#ccd7e0;border:0;font-family:inherit;color:#2b90d9;cursor:pointer;flex:0 0 auto;font-size:16px;padding:0 5px 0 0;z-index:3}.column-header__back-button:hover{text-decoration:underline}.column-header__back-button:last-child{padding:0 15px 0 0}.column-back-button__icon{display:inline-block;margin-right:5px}.column-back-button--slim{position:relative}.column-back-button--slim-button{cursor:pointer;flex:0 0 auto;font-size:16px;padding:15px;position:absolute;right:0;top:-48px}.column-link{background:#c0cdd9;color:#000;display:block;font-size:16px;padding:15px;text-decoration:none}.column-link:hover,.column-link:focus,.column-link:active{background:#b6c5d3}.column-link:focus{outline:0}.column-link--transparent{background:transparent;color:#282c37}.column-link--transparent:hover,.column-link--transparent:focus,.column-link--transparent:active{background:transparent;color:#000}.column-link--transparent.active{color:#2b90d9}.column-link__icon{display:inline-block;margin-right:5px}.column-subheading{background:#d9e1e8;color:#444b5d;padding:8px 20px;font-size:12px;font-weight:500;text-transform:uppercase;cursor:default}.column-header__wrapper{position:relative;flex:0 0 auto}.column-header__wrapper.active::before{display:block;content:\"\";position:absolute;top:35px;left:0;right:0;margin:0 auto;width:60%;pointer-events:none;height:28px;z-index:1;background:radial-gradient(ellipse, rgba(43, 144, 217, 0.23) 0%, rgba(43, 144, 217, 0) 60%)}.column-header{display:flex;font-size:16px;background:#ccd7e0;flex:0 0 auto;cursor:pointer;position:relative;z-index:2;outline:0;overflow:hidden}.column-header>button{margin:0;border:none;padding:15px;color:inherit;background:transparent;font:inherit;text-align:left;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;flex:1}.column-header>.column-header__back-button{color:#2b90d9}.column-header.active{box-shadow:0 1px 0 rgba(43,144,217,.3)}.column-header.active .column-header__icon{color:#2b90d9;text-shadow:0 0 10px rgba(43,144,217,.4)}.column-header:focus,.column-header:active{outline:0}.column{width:330px;position:relative;box-sizing:border-box;display:flex;flex-direction:column;overflow:hidden}.wide .columns-area:not(.columns-area--mobile) .column{flex:auto;min-width:330px;max-width:400px}.column>.scrollable{background:#d9e1e8}.column-header__buttons{height:48px;display:flex;margin-left:0}.column-header__links{margin-bottom:14px}.column-header__links .text-btn{margin-right:10px}.column-header__button,.column-header__notif-cleaning-buttons button{background:#ccd7e0;border:0;color:#282c37;cursor:pointer;font-size:16px;padding:0 15px}.column-header__button:hover,.column-header__notif-cleaning-buttons button:hover{color:#191b22}.column-header__button.active,.column-header__notif-cleaning-buttons button.active{color:#000;background:#c0cdd9}.column-header__button.active:hover,.column-header__notif-cleaning-buttons button.active:hover{color:#000;background:#c0cdd9}.column-header__button:focus,.column-header__notif-cleaning-buttons button:focus{text-shadow:0 0 4px #419bdd}.column-header__notif-cleaning-buttons{display:flex;align-items:stretch;justify-content:space-around}.column-header__notif-cleaning-buttons button{background:transparent;text-align:center;padding:10px 0;white-space:pre-wrap}.column-header__notif-cleaning-buttons b{font-weight:bold}.column-header__collapsible-inner.nopad-drawer{padding:0}.column-header__collapsible{max-height:70vh;overflow:hidden;overflow-y:auto;color:#282c37;transition:max-height 150ms ease-in-out,opacity 300ms linear;opacity:1}.column-header__collapsible.collapsed{max-height:0;opacity:.5}.column-header__collapsible.animating{overflow-y:hidden}.column-header__collapsible hr{height:0;background:transparent;border:0;border-top:1px solid #b3c3d1;margin:10px 0}.column-header__collapsible.ncd{transition:none}.column-header__collapsible.ncd.collapsed{max-height:0;opacity:.7}.column-header__collapsible-inner{background:#c0cdd9;padding:15px}.column-header__setting-btn:hover{color:#282c37;text-decoration:underline}.column-header__setting-arrows{float:right}.column-header__setting-arrows .column-header__setting-btn{padding:0 10px}.column-header__setting-arrows .column-header__setting-btn:last-child{padding-right:0}.column-header__title{display:inline-block;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;flex:1}.column-header__icon{display:inline-block;margin-right:5px}.empty-column-indicator,.error-column{color:#444b5d;background:#d9e1e8;text-align:center;padding:20px;font-size:15px;font-weight:400;cursor:default;display:flex;flex:1 1 auto;align-items:center;justify-content:center}@supports(display: grid){.empty-column-indicator,.error-column{contain:strict}}.empty-column-indicator>span,.error-column>span{max-width:400px}.empty-column-indicator a,.error-column a{color:#2b90d9;text-decoration:none}.empty-column-indicator a:hover,.error-column a:hover{text-decoration:underline}.error-column{flex-direction:column}.single-column.navbar-under .tabs-bar{margin-top:0 !important;margin-bottom:-6px !important}@media screen and (max-width: 415px){.auto-columns.navbar-under .tabs-bar{margin-top:0 !important;margin-bottom:-6px !important}}@media screen and (max-width: 415px){.auto-columns.navbar-under .react-swipeable-view-container .columns-area,.single-column.navbar-under .react-swipeable-view-container .columns-area{height:100% !important}}.column-inline-form{padding:7px 15px;padding-right:5px;display:flex;justify-content:flex-start;align-items:center;background:#ccd7e0}.column-inline-form label{flex:1 1 auto}.column-inline-form label input{width:100%;margin-bottom:6px}.column-inline-form label input:focus{outline:0}.column-inline-form .icon-button{flex:0 0 auto;margin:0 5px}.regeneration-indicator{text-align:center;font-size:16px;font-weight:500;color:#444b5d;background:#d9e1e8;cursor:default;display:flex;flex:1 1 auto;flex-direction:column;align-items:center;justify-content:center;padding:20px}.regeneration-indicator__figure,.regeneration-indicator__figure img{display:block;width:auto;height:160px;margin:0}.regeneration-indicator--without-header{padding-top:68px}.regeneration-indicator__label{margin-top:30px}.regeneration-indicator__label strong{display:block;margin-bottom:10px;color:#444b5d}.regeneration-indicator__label span{font-size:15px;font-weight:400}.directory__list{width:100%;margin:10px 0;transition:opacity 100ms ease-in}.directory__list.loading{opacity:.7}@media screen and (max-width: 415px){.directory__list{margin:0}}.directory__card{box-sizing:border-box;margin-bottom:10px}.directory__card__img{height:125px;position:relative;background:#fff;overflow:hidden}.directory__card__img img{display:block;width:100%;height:100%;margin:0;object-fit:cover}.directory__card__bar{display:flex;align-items:center;background:#ccd7e0;padding:10px}.directory__card__bar__name{flex:1 1 auto;display:flex;align-items:center;text-decoration:none;overflow:hidden}.directory__card__bar__relationship{width:23px;min-height:1px;flex:0 0 auto}.directory__card__bar .avatar{flex:0 0 auto;width:48px;height:48px;padding-top:2px}.directory__card__bar .avatar img{width:100%;height:100%;display:block;margin:0;border-radius:4px;background:#f2f5f7;object-fit:cover}.directory__card__bar .display-name{margin-left:15px;text-align:left}.directory__card__bar .display-name strong{font-size:15px;color:#000;font-weight:500;overflow:hidden;text-overflow:ellipsis}.directory__card__bar .display-name span{display:block;font-size:14px;color:#282c37;font-weight:400;overflow:hidden;text-overflow:ellipsis}.directory__card__extra{background:#d9e1e8;display:flex;align-items:center;justify-content:center}.directory__card__extra .accounts-table__count{width:33.33%;flex:0 0 auto;padding:15px 0}.directory__card__extra .account__header__content{box-sizing:border-box;padding:15px 10px;border-bottom:1px solid #c0cdd9;width:100%;min-height:48px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.directory__card__extra .account__header__content p{display:none}.directory__card__extra .account__header__content p:first-child{display:inline}.directory__card__extra .account__header__content br{display:none}.filter-form{background:#d9e1e8}.filter-form__column{padding:10px 15px}.filter-form .radio-button{display:block}.radio-button{font-size:14px;position:relative;display:inline-block;padding:6px 0;line-height:18px;cursor:default;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;cursor:pointer}.radio-button input[type=radio],.radio-button input[type=checkbox]{display:none}.radio-button__input{display:inline-block;position:relative;border:1px solid #9baec8;box-sizing:border-box;width:18px;height:18px;flex:0 0 auto;margin-right:10px;top:-1px;border-radius:50%;vertical-align:middle}.radio-button__input.checked{border-color:#217aba;background:#217aba}.search{position:relative}.search__input{outline:0;box-sizing:border-box;width:100%;border:none;box-shadow:none;font-family:inherit;background:#d9e1e8;color:#282c37;font-size:14px;margin:0;display:block;padding:15px;padding-right:30px;line-height:18px;font-size:16px}.search__input::placeholder{color:#1f232b}.search__input::-moz-focus-inner{border:0}.search__input::-moz-focus-inner,.search__input:focus,.search__input:active{outline:0 !important}.search__input:focus{background:#ccd7e0}@media screen and (max-width: 600px){.search__input{font-size:16px}}.search__icon::-moz-focus-inner{border:0}.search__icon::-moz-focus-inner,.search__icon:focus{outline:0 !important}.search__icon .fa{position:absolute;top:16px;right:10px;z-index:2;display:inline-block;opacity:0;transition:all 100ms linear;transition-property:color,transform,opacity;font-size:18px;width:18px;height:18px;color:#282c37;cursor:default;pointer-events:none}.search__icon .fa.active{pointer-events:auto;opacity:.3}.search__icon .fa-search{transform:rotate(0deg)}.search__icon .fa-search.active{pointer-events:auto;opacity:.3}.search__icon .fa-times-circle{top:17px;transform:rotate(0deg);color:#606984;cursor:pointer}.search__icon .fa-times-circle.active{transform:rotate(90deg)}.search__icon .fa-times-circle:hover{color:#51596f}.search-results__header{color:#444b5d;background:#d3dce4;border-bottom:1px solid #e6ebf0;padding:15px 10px;font-size:14px;font-weight:500}.search-results__info{padding:20px;color:#282c37;text-align:center}.trends__header{color:#444b5d;background:#d3dce4;border-bottom:1px solid #e6ebf0;font-weight:500;padding:15px;font-size:16px;cursor:default}.trends__header .fa{display:inline-block;margin-right:5px}.trends__item{display:flex;align-items:center;padding:15px;border-bottom:1px solid #c0cdd9}.trends__item:last-child{border-bottom:0}.trends__item__name{flex:1 1 auto;color:#444b5d;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.trends__item__name strong{font-weight:500}.trends__item__name a{color:#282c37;text-decoration:none;font-size:14px;font-weight:500;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.trends__item__name a:hover span,.trends__item__name a:focus span,.trends__item__name a:active span{text-decoration:underline}.trends__item__current{flex:0 0 auto;font-size:24px;line-height:36px;font-weight:500;text-align:right;padding-right:15px;margin-left:5px;color:#282c37}.trends__item__sparkline{flex:0 0 auto;width:50px}.trends__item__sparkline path:first-child{fill:rgba(43,144,217,.25) !important;fill-opacity:1 !important}.trends__item__sparkline path:last-child{stroke:#2380c3 !important}.emojione{font-size:inherit;vertical-align:middle;object-fit:contain;margin:-0.2ex .15em .2ex;width:16px;height:16px}.emojione img{width:auto}.emoji-picker-dropdown__menu{background:#fff;position:absolute;box-shadow:4px 4px 6px rgba(0,0,0,.4);border-radius:4px;margin-top:5px;z-index:2}.emoji-picker-dropdown__menu .emoji-mart-scroll{transition:opacity 200ms ease}.emoji-picker-dropdown__menu.selecting .emoji-mart-scroll{opacity:.5}.emoji-picker-dropdown__modifiers{position:absolute;top:60px;right:11px;cursor:pointer}.emoji-picker-dropdown__modifiers__menu{position:absolute;z-index:4;top:-4px;left:-8px;background:#fff;border-radius:4px;box-shadow:1px 2px 6px rgba(0,0,0,.2);overflow:hidden}.emoji-picker-dropdown__modifiers__menu button{display:block;cursor:pointer;border:0;padding:4px 8px;background:transparent}.emoji-picker-dropdown__modifiers__menu button:hover,.emoji-picker-dropdown__modifiers__menu button:focus,.emoji-picker-dropdown__modifiers__menu button:active{background:rgba(40,44,55,.4)}.emoji-picker-dropdown__modifiers__menu .emoji-mart-emoji{height:22px}.emoji-mart-emoji span{background-repeat:no-repeat}.emoji-button{display:block;font-size:24px;line-height:24px;margin-left:2px;width:24px;outline:0;cursor:pointer}.emoji-button:active,.emoji-button:focus{outline:0 !important}.emoji-button img{filter:grayscale(100%);opacity:.8;display:block;margin:0;width:22px;height:22px;margin-top:2px}.emoji-button:hover img,.emoji-button:active img,.emoji-button:focus img{opacity:1;filter:none}.doodle-modal{width:unset}.doodle-modal__container{background:#d9e1e8;text-align:center;line-height:0}.doodle-modal__container canvas{border:5px solid #d9e1e8}.doodle-modal__action-bar .filler{flex-grow:1;margin:0;padding:0}.doodle-modal__action-bar .doodle-toolbar{line-height:1;display:flex;flex-direction:column;flex-grow:0;justify-content:space-around}.doodle-modal__action-bar .doodle-toolbar.with-inputs label{display:inline-block;width:70px;text-align:right;margin-right:2px}.doodle-modal__action-bar .doodle-toolbar.with-inputs input[type=number],.doodle-modal__action-bar .doodle-toolbar.with-inputs input[type=text]{width:40px}.doodle-modal__action-bar .doodle-toolbar.with-inputs span.val{display:inline-block;text-align:left;width:50px}.doodle-modal__action-bar .doodle-palette{padding-right:0 !important;border:1px solid #000;line-height:.2rem;flex-grow:0;background:#fff}.doodle-modal__action-bar .doodle-palette button{appearance:none;width:1rem;height:1rem;margin:0;padding:0;text-align:center;color:#000;text-shadow:0 0 1px #fff;cursor:pointer;box-shadow:inset 0 0 1px rgba(255,255,255,.5);border:1px solid #000;outline-offset:-1px}.doodle-modal__action-bar .doodle-palette button.foreground{outline:1px dashed #fff}.doodle-modal__action-bar .doodle-palette button.background{outline:1px dashed red}.doodle-modal__action-bar .doodle-palette button.foreground.background{outline:1px dashed red;border-color:#fff}.drawer{width:300px;box-sizing:border-box;display:flex;flex-direction:column;overflow-y:hidden;padding:10px 5px;flex:none}.drawer:first-child{padding-left:10px}.drawer:last-child{padding-right:10px}@media screen and (max-width: 630px){.auto-columns .drawer{flex:auto}}.single-column .drawer{flex:auto}@media screen and (max-width: 630px){.auto-columns .drawer,.auto-columns .drawer:first-child,.auto-columns .drawer:last-child,.single-column .drawer,.single-column .drawer:first-child,.single-column .drawer:last-child{padding:0}}.wide .drawer{min-width:300px;max-width:400px;flex:1 1 200px}@media screen and (max-width: 630px){:root .auto-columns .drawer{flex:auto;width:100%;min-width:0;max-width:none;padding:0}}:root .single-column .drawer{flex:auto;width:100%;min-width:0;max-width:none;padding:0}.react-swipeable-view-container .drawer{height:100%}.drawer--header{display:flex;flex-direction:row;margin-bottom:10px;flex:none;background:#c0cdd9;font-size:16px}.drawer--header>*{display:block;box-sizing:border-box;border-bottom:2px solid transparent;padding:15px 5px 13px;height:48px;flex:1 1 auto;color:#282c37;text-align:center;text-decoration:none;cursor:pointer}.drawer--header a{transition:background 100ms ease-in}.drawer--header a:focus,.drawer--header a:hover{outline:none;background:#cfd9e2;transition:background 200ms ease-out}.search{position:relative;margin-bottom:10px;flex:none}@media screen and (max-width: 415px){.auto-columns .search,.single-column .search{margin-bottom:0}}@media screen and (max-width: 630px){.auto-columns .search{font-size:16px}}.single-column .search{font-size:16px}.search-popout{background:#fff;border-radius:4px;padding:10px 14px;padding-bottom:14px;margin-top:10px;color:#444b5d;box-shadow:2px 4px 15px rgba(0,0,0,.4)}.search-popout h4{text-transform:uppercase;color:#444b5d;font-size:13px;font-weight:500;margin-bottom:10px}.search-popout li{padding:4px 0}.search-popout ul{margin-bottom:10px}.search-popout em{font-weight:500;color:#000}.drawer--account{padding:10px;color:#282c37;display:flex;align-items:center}.drawer--account a{color:inherit;text-decoration:none}.drawer--account .acct{display:block;color:#282c37;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.navigation-bar__profile{flex:1 1 auto;margin-left:8px;overflow:hidden}.drawer--results{background:#d9e1e8;overflow-x:hidden;overflow-y:auto}.drawer--results>header{color:#444b5d;background:#d3dce4;padding:15px;font-weight:500;font-size:16px;cursor:default}.drawer--results>header .fa{display:inline-block;margin-right:5px}.drawer--results>section{margin-bottom:5px}.drawer--results>section h5{background:#e6ebf0;border-bottom:1px solid #c0cdd9;cursor:default;display:flex;padding:15px;font-weight:500;font-size:16px;color:#444b5d}.drawer--results>section h5 .fa{display:inline-block;margin-right:5px}.drawer--results>section .account:last-child,.drawer--results>section>div:last-child .status{border-bottom:0}.drawer--results>section>.hashtag{display:block;padding:10px;color:#282c37;text-decoration:none}.drawer--results>section>.hashtag:hover,.drawer--results>section>.hashtag:active,.drawer--results>section>.hashtag:focus{color:#1f232b;text-decoration:underline}.drawer__pager{box-sizing:border-box;padding:0;flex-grow:1;position:relative;overflow:hidden;display:flex}.drawer__inner{position:absolute;top:0;left:0;background:#b0c0cf;box-sizing:border-box;padding:0;display:flex;flex-direction:column;overflow:hidden;overflow-y:auto;width:100%;height:100%}.drawer__inner.darker{background:#d9e1e8}.drawer__inner__mastodon{background:#b0c0cf url('data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 234.80078 31.757813\" width=\"234.80078\" height=\"31.757812\"><path d=\"M19.599609 0c-1.05 0-2.10039.375-2.90039 1.125L0 16.925781v14.832031h234.80078V17.025391l-16.5-15.900391c-1.6-1.5-4.20078-1.5-5.80078 0l-13.80078 13.099609c-1.6 1.5-4.19883 1.5-5.79883 0L179.09961 1.125c-1.6-1.5-4.19883-1.5-5.79883 0L159.5 14.224609c-1.6 1.5-4.20078 1.5-5.80078 0L139.90039 1.125c-1.6-1.5-4.20078-1.5-5.80078 0l-13.79883 13.099609c-1.6 1.5-4.20078 1.5-5.80078 0L100.69922 1.125c-1.600001-1.5-4.198829-1.5-5.798829 0l-13.59961 13.099609c-1.6 1.5-4.200781 1.5-5.800781 0L61.699219 1.125c-1.6-1.5-4.198828-1.5-5.798828 0L42.099609 14.224609c-1.6 1.5-4.198828 1.5-5.798828 0L22.5 1.125C21.7.375 20.649609 0 19.599609 0z\" fill=\"%23D9E1E8\"/></svg>') no-repeat bottom/100% auto;flex:1;min-height:47px;display:none}.drawer__inner__mastodon>img{display:block;object-fit:contain;object-position:bottom left;width:100%;height:100%;pointer-events:none;user-drag:none;user-select:none}.drawer__inner__mastodon>.mastodon{display:block;width:100%;height:100%;border:none;cursor:inherit}@media screen and (min-height: 640px){.drawer__inner__mastodon{display:block}}.pseudo-drawer{background:#b0c0cf;font-size:13px;text-align:left}.drawer__backdrop{cursor:pointer;position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(255,255,255,.5)}.video-error-cover{align-items:center;background:#fff;color:#000;cursor:pointer;display:flex;flex-direction:column;height:100%;justify-content:center;margin-top:8px;position:relative;text-align:center;z-index:100}.media-spoiler{background:#fff;color:#282c37;border:0;width:100%;height:100%}.media-spoiler:hover,.media-spoiler:active,.media-spoiler:focus{color:#17191f}.status__content>.media-spoiler{margin-top:15px}.media-spoiler.full-width{margin-left:-14px;margin-right:-14px;width:inherit;max-width:none;height:250px;border-radius:0px}.media-spoiler__warning{display:block;font-size:14px}.media-spoiler__trigger{display:block;font-size:11px;font-weight:500}.media-gallery__gifv__label{display:block;position:absolute;color:#000;background:rgba(255,255,255,.5);bottom:6px;left:6px;padding:2px 6px;border-radius:2px;font-size:11px;font-weight:600;z-index:1;pointer-events:none;opacity:.9;transition:opacity .1s ease;line-height:18px}.media-gallery__gifv.autoplay .media-gallery__gifv__label{display:none}.media-gallery__gifv:hover .media-gallery__gifv__label{opacity:1}.media-gallery__audio{height:100%;display:flex;flex-direction:column}.media-gallery__audio span{text-align:center;color:#282c37;display:flex;height:100%;align-items:center}.media-gallery__audio span p{width:100%}.media-gallery__audio audio{width:100%}.media-gallery{box-sizing:border-box;margin-top:8px;overflow:hidden;border-radius:4px;position:relative;width:100%;height:110px}.media-gallery.full-width{margin-left:-14px;margin-right:-14px;width:inherit;max-width:none;height:250px;border-radius:0px}.media-gallery__item{border:none;box-sizing:border-box;display:block;float:left;position:relative;border-radius:4px;overflow:hidden}.full-width .media-gallery__item{border-radius:0}.media-gallery__item.standalone .media-gallery__item-gifv-thumbnail{transform:none;top:0}.media-gallery__item.letterbox{background:#000}.media-gallery__item-thumbnail{cursor:zoom-in;display:block;text-decoration:none;color:#282c37;position:relative;z-index:1}.media-gallery__item-thumbnail,.media-gallery__item-thumbnail img{height:100%;width:100%;object-fit:contain}.media-gallery__item-thumbnail:not(.letterbox),.media-gallery__item-thumbnail img:not(.letterbox){height:100%;object-fit:cover}.media-gallery__preview{width:100%;height:100%;object-fit:cover;position:absolute;top:0;left:0;z-index:0;background:#fff}.media-gallery__preview--hidden{display:none}.media-gallery__gifv{height:100%;overflow:hidden;position:relative;width:100%;display:flex;justify-content:center}.media-gallery__item-gifv-thumbnail{cursor:zoom-in;height:100%;width:100%;position:relative;z-index:1;object-fit:contain;user-select:none}.media-gallery__item-gifv-thumbnail:not(.letterbox){height:100%;object-fit:cover}.media-gallery__item-thumbnail-label{clip:rect(1px 1px 1px 1px);clip:rect(1px, 1px, 1px, 1px);overflow:hidden;position:absolute}.video-modal__container{max-width:100vw;max-height:100vh}.audio-modal__container{width:50vw}.media-modal{width:100%;height:100%;position:relative}.media-modal .extended-video-player{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.media-modal .extended-video-player video{max-width:100%;max-height:80%}.media-modal__closer{position:absolute;top:0;left:0;right:0;bottom:0}.media-modal__navigation{position:absolute;top:0;left:0;right:0;bottom:0;pointer-events:none;transition:opacity .3s linear;will-change:opacity}.media-modal__navigation *{pointer-events:auto}.media-modal__navigation.media-modal__navigation--hidden{opacity:0}.media-modal__navigation.media-modal__navigation--hidden *{pointer-events:none}.media-modal__nav{background:rgba(255,255,255,.5);box-sizing:border-box;border:0;color:#000;cursor:pointer;display:flex;align-items:center;font-size:24px;height:20vmax;margin:auto 0;padding:30px 15px;position:absolute;top:0;bottom:0}.media-modal__nav--left{left:0}.media-modal__nav--right{right:0}.media-modal__pagination{width:100%;text-align:center;position:absolute;left:0;bottom:20px;pointer-events:none}.media-modal__meta{text-align:center;position:absolute;left:0;bottom:20px;width:100%;pointer-events:none}.media-modal__meta--shifted{bottom:62px}.media-modal__meta a{pointer-events:auto;text-decoration:none;font-weight:500;color:#282c37}.media-modal__meta a:hover,.media-modal__meta a:focus,.media-modal__meta a:active{text-decoration:underline}.media-modal__page-dot{display:inline-block}.media-modal__button{background-color:#fff;height:12px;width:12px;border-radius:6px;margin:10px;padding:0;border:0;font-size:0}.media-modal__button--active{background-color:#2b90d9}.media-modal__close{position:absolute;right:8px;top:8px;z-index:100}.detailed .video-player__volume__current,.detailed .video-player__volume::before,.fullscreen .video-player__volume__current,.fullscreen .video-player__volume::before{bottom:27px}.detailed .video-player__volume__handle,.fullscreen .video-player__volume__handle{bottom:23px}.audio-player{box-sizing:border-box;position:relative;background:#f2f5f7;border-radius:4px;padding-bottom:44px;direction:ltr}.audio-player.editable{border-radius:0;height:100%}.audio-player__waveform{padding:15px 0;position:relative;overflow:hidden}.audio-player__waveform::before{content:\"\";display:block;position:absolute;border-top:1px solid #ccd7e0;width:100%;height:0;left:0;top:calc(50% + 1px)}.audio-player__progress-placeholder{background-color:rgba(33,122,186,.5)}.audio-player__wave-placeholder{background-color:#a6b9c9}.audio-player .video-player__controls{padding:0 15px;padding-top:10px;background:#f2f5f7;border-top:1px solid #ccd7e0;border-radius:0 0 4px 4px}.video-player{overflow:hidden;position:relative;background:#000;max-width:100%;border-radius:4px;box-sizing:border-box;direction:ltr}.video-player.editable{border-radius:0;height:100% !important}.video-player:focus{outline:0}.detailed-status .video-player{width:100%;height:100%}.video-player.full-width{margin-left:-14px;margin-right:-14px;width:inherit;max-width:none;height:250px;border-radius:0px}.video-player video{max-width:100vw;max-height:80vh;z-index:1;position:relative}.video-player.fullscreen{width:100% !important;height:100% !important;margin:0}.video-player.fullscreen video{max-width:100% !important;max-height:100% !important;width:100% !important;height:100% !important;outline:0}.video-player.inline video{object-fit:contain;position:relative;top:50%;transform:translateY(-50%)}.video-player__controls{position:absolute;z-index:2;bottom:0;left:0;right:0;box-sizing:border-box;background:linear-gradient(0deg, rgba(0, 0, 0, 0.85) 0, rgba(0, 0, 0, 0.45) 60%, transparent);padding:0 15px;opacity:0;transition:opacity .1s ease}.video-player__controls.active{opacity:1}.video-player.inactive video,.video-player.inactive .video-player__controls{visibility:hidden}.video-player__spoiler{display:none;position:absolute;top:0;left:0;width:100%;height:100%;z-index:4;border:0;background:#000;color:#282c37;transition:none;pointer-events:none}.video-player__spoiler.active{display:block;pointer-events:auto}.video-player__spoiler.active:hover,.video-player__spoiler.active:active,.video-player__spoiler.active:focus{color:#191b22}.video-player__spoiler__title{display:block;font-size:14px}.video-player__spoiler__subtitle{display:block;font-size:11px;font-weight:500}.video-player__buttons-bar{display:flex;justify-content:space-between;padding-bottom:10px}.video-player__buttons-bar .video-player__download__icon{color:inherit}.video-player__buttons-bar .video-player__download__icon .fa,.video-player__buttons-bar .video-player__download__icon:active .fa,.video-player__buttons-bar .video-player__download__icon:hover .fa,.video-player__buttons-bar .video-player__download__icon:focus .fa{color:inherit}.video-player__buttons{font-size:16px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.video-player__buttons.left button{padding-left:0}.video-player__buttons.right button{padding-right:0}.video-player__buttons button{background:transparent;padding:2px 10px;font-size:16px;border:0;color:rgba(255,255,255,.75)}.video-player__buttons button:active,.video-player__buttons button:hover,.video-player__buttons button:focus{color:#fff}.video-player__time-sep,.video-player__time-total,.video-player__time-current{font-size:14px;font-weight:500}.video-player__time-current{color:#fff;margin-left:60px}.video-player__time-sep{display:inline-block;margin:0 6px}.video-player__time-sep,.video-player__time-total{color:#fff}.video-player__volume{cursor:pointer;height:24px;display:inline}.video-player__volume::before{content:\"\";width:50px;background:rgba(255,255,255,.35);border-radius:4px;display:block;position:absolute;height:4px;left:70px;bottom:20px}.video-player__volume__current{display:block;position:absolute;height:4px;border-radius:4px;left:70px;bottom:20px;background:#217aba}.video-player__volume__handle{position:absolute;z-index:3;border-radius:50%;width:12px;height:12px;bottom:16px;left:70px;transition:opacity .1s ease;background:#217aba;box-shadow:1px 2px 6px rgba(0,0,0,.2);pointer-events:none}.video-player__link{padding:2px 10px}.video-player__link a{text-decoration:none;font-size:14px;font-weight:500;color:#fff}.video-player__link a:hover,.video-player__link a:active,.video-player__link a:focus{text-decoration:underline}.video-player__seek{cursor:pointer;height:24px;position:relative}.video-player__seek::before{content:\"\";width:100%;background:rgba(255,255,255,.35);border-radius:4px;display:block;position:absolute;height:4px;top:10px}.video-player__seek__progress,.video-player__seek__buffer{display:block;position:absolute;height:4px;border-radius:4px;top:10px;background:#217aba}.video-player__seek__buffer{background:rgba(255,255,255,.2)}.video-player__seek__handle{position:absolute;z-index:3;opacity:0;border-radius:50%;width:12px;height:12px;top:6px;margin-left:-6px;transition:opacity .1s ease;background:#217aba;box-shadow:1px 2px 6px rgba(0,0,0,.2);pointer-events:none}.video-player__seek__handle.active{opacity:1}.video-player__seek:hover .video-player__seek__handle{opacity:1}.video-player.detailed .video-player__buttons button,.video-player.fullscreen .video-player__buttons button{padding-top:10px;padding-bottom:10px}.sensitive-info{display:flex;flex-direction:row;align-items:center;position:absolute;top:4px;left:4px;z-index:100}.sensitive-marker{margin:0 3px;border-radius:2px;padding:2px 6px;color:rgba(0,0,0,.8);background:rgba(255,255,255,.5);font-size:12px;line-height:18px;text-transform:uppercase;opacity:.9;transition:opacity .1s ease}.media-gallery:hover .sensitive-marker{opacity:1}.list-editor{background:#d9e1e8;flex-direction:column;border-radius:8px;box-shadow:2px 4px 15px rgba(0,0,0,.4);width:380px;overflow:hidden}@media screen and (max-width: 420px){.list-editor{width:90%}}.list-editor h4{padding:15px 0;background:#b0c0cf;font-weight:500;font-size:16px;text-align:center;border-radius:8px 8px 0 0}.list-editor .drawer__pager{height:50vh}.list-editor .drawer__inner{border-radius:0 0 8px 8px}.list-editor .drawer__inner.backdrop{width:calc(100% - 60px);box-shadow:2px 4px 15px rgba(0,0,0,.4);border-radius:0 0 0 8px}.list-editor__accounts{overflow-y:auto}.list-editor .account__display-name:hover strong{text-decoration:none}.list-editor .account__avatar{cursor:default}.list-editor .search{margin-bottom:0}.list-adder{background:#d9e1e8;flex-direction:column;border-radius:8px;box-shadow:2px 4px 15px rgba(0,0,0,.4);width:380px;overflow:hidden}@media screen and (max-width: 420px){.list-adder{width:90%}}.list-adder__account{background:#b0c0cf}.list-adder__lists{background:#b0c0cf;height:50vh;border-radius:0 0 8px 8px;overflow-y:auto}.list-adder .list{padding:10px;border-bottom:1px solid #c0cdd9}.list-adder .list__wrapper{display:flex}.list-adder .list__display-name{flex:1 1 auto;overflow:hidden;text-decoration:none;font-size:16px;padding:10px}.emoji-mart{font-size:13px;display:inline-block;color:#000}.emoji-mart,.emoji-mart *{box-sizing:border-box;line-height:1.15}.emoji-mart .emoji-mart-emoji{padding:6px}.emoji-mart-bar{border:0 solid #393f4f}.emoji-mart-bar:first-child{border-bottom-width:1px;border-top-left-radius:5px;border-top-right-radius:5px;background:#282c37}.emoji-mart-bar:last-child{border-top-width:1px;border-bottom-left-radius:5px;border-bottom-right-radius:5px;display:none}.emoji-mart-anchors{display:flex;justify-content:space-between;padding:0 6px;color:#282c37;line-height:0}.emoji-mart-anchor{position:relative;flex:1;text-align:center;padding:12px 4px;overflow:hidden;transition:color .1s ease-out;cursor:pointer}.emoji-mart-anchor:hover{color:#313543}.emoji-mart-anchor-selected{color:#2b90d9}.emoji-mart-anchor-selected:hover{color:#3c99dc}.emoji-mart-anchor-selected .emoji-mart-anchor-bar{bottom:0}.emoji-mart-anchor-bar{position:absolute;bottom:-3px;left:0;width:100%;height:3px;background-color:#3897db}.emoji-mart-anchors i{display:inline-block;width:100%;max-width:22px}.emoji-mart-anchors svg{fill:currentColor;max-height:18px}.emoji-mart-scroll{overflow-y:scroll;height:270px;max-height:35vh;padding:0 6px 6px;background:#fff;will-change:transform}.emoji-mart-scroll::-webkit-scrollbar-track:hover,.emoji-mart-scroll::-webkit-scrollbar-track:active{background-color:rgba(255,255,255,.3)}.emoji-mart-search{padding:10px;padding-right:45px;background:#fff}.emoji-mart-search input{font-size:14px;font-weight:400;padding:7px 9px;font-family:inherit;display:block;width:100%;background:rgba(40,44,55,.3);color:#000;border:1px solid #282c37;border-radius:4px}.emoji-mart-search input::-moz-focus-inner{border:0}.emoji-mart-search input::-moz-focus-inner,.emoji-mart-search input:focus,.emoji-mart-search input:active{outline:0 !important}.emoji-mart-category .emoji-mart-emoji{cursor:pointer}.emoji-mart-category .emoji-mart-emoji span{z-index:1;position:relative;text-align:center}.emoji-mart-category .emoji-mart-emoji:hover::before{z-index:0;content:\"\";position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(40,44,55,.7);border-radius:100%}.emoji-mart-category-label{z-index:2;position:relative;position:-webkit-sticky;position:sticky;top:0}.emoji-mart-category-label span{display:block;width:100%;font-weight:500;padding:5px 6px;background:#fff}.emoji-mart-emoji{position:relative;display:inline-block;font-size:0}.emoji-mart-emoji span{width:22px;height:22px}.emoji-mart-no-results{font-size:14px;text-align:center;padding-top:70px;color:#444b5d}.emoji-mart-no-results .emoji-mart-category-label{display:none}.emoji-mart-no-results .emoji-mart-no-results-label{margin-top:.2em}.emoji-mart-no-results .emoji-mart-emoji:hover::before{content:none}.emoji-mart-preview{display:none}.glitch.local-settings{position:relative;display:flex;flex-direction:row;background:#282c37;color:#000;border-radius:8px;height:80vh;width:80vw;max-width:740px;max-height:450px;overflow:hidden}.glitch.local-settings label,.glitch.local-settings legend{display:block;font-size:14px}.glitch.local-settings .boolean label,.glitch.local-settings .radio_buttons label{position:relative;padding-left:28px;padding-top:3px}.glitch.local-settings .boolean label input,.glitch.local-settings .radio_buttons label input{position:absolute;left:0;top:0}.glitch.local-settings span.hint{display:block;color:#282c37}.glitch.local-settings h1{font-size:18px;font-weight:500;line-height:24px;margin-bottom:20px}.glitch.local-settings h2{font-size:15px;font-weight:500;line-height:20px;margin-top:20px;margin-bottom:10px}.glitch.local-settings__navigation__item{display:block;padding:15px 20px;color:inherit;background:#17191f;border-bottom:1px #282c37 solid;cursor:pointer;text-decoration:none;outline:none;transition:background .3s}.glitch.local-settings__navigation__item .text-icon-button{color:inherit;transition:unset}.glitch.local-settings__navigation__item:hover{background:#282c37}.glitch.local-settings__navigation__item.active{background:#2b90d9;color:#000}.glitch.local-settings__navigation__item.close,.glitch.local-settings__navigation__item.close:hover{background:#df405a;color:#000}.glitch.local-settings__navigation{background:#17191f;width:212px;font-size:15px;line-height:20px;overflow-y:auto}.glitch.local-settings__page{display:block;flex:auto;padding:15px 20px 15px 20px;width:360px;overflow-y:auto}.glitch.local-settings__page__item{margin-bottom:2px}.glitch.local-settings__page__item.string,.glitch.local-settings__page__item.radio_buttons{margin-top:10px;margin-bottom:10px}@media screen and (max-width: 630px){.glitch.local-settings__navigation{width:40px;flex-shrink:0}.glitch.local-settings__navigation__item{padding:10px}.glitch.local-settings__navigation__item span:last-of-type{display:none}}.error-boundary{color:#000;font-size:15px;line-height:20px}.error-boundary h1{font-size:26px;line-height:36px;font-weight:400;margin-bottom:8px}.error-boundary a{color:#000;text-decoration:underline}.error-boundary ul{list-style:disc;margin-left:0;padding-left:1em}.error-boundary textarea.web_app_crash-stacktrace{width:100%;resize:none;white-space:pre;font-family:monospace,monospace}.compose-panel{width:285px;margin-top:10px;display:flex;flex-direction:column;height:calc(100% - 10px);overflow-y:hidden}.compose-panel .search__input{line-height:18px;font-size:16px;padding:15px;padding-right:30px}.compose-panel .search__icon .fa{top:15px}.compose-panel .drawer--account{flex:0 1 48px}.compose-panel .flex-spacer{background:transparent}.compose-panel .composer{flex:1;overflow-y:hidden;display:flex;flex-direction:column;min-height:310px}.compose-panel .compose-form__autosuggest-wrapper{overflow-y:auto;background-color:#fff;border-radius:4px 4px 0 0;flex:0 1 auto}.compose-panel .autosuggest-textarea__textarea{overflow-y:hidden}.compose-panel .compose-form__upload-thumbnail{height:80px}.navigation-panel{margin-top:10px;margin-bottom:10px;height:calc(100% - 20px);overflow-y:auto;display:flex;flex-direction:column}.navigation-panel>a{flex:0 0 auto}.navigation-panel hr{flex:0 0 auto;border:0;background:transparent;border-top:1px solid #ccd7e0;margin:10px 0}.navigation-panel .flex-spacer{background:transparent}@media screen and (min-width: 600px){.tabs-bar__link span{display:inline}}.columns-area--mobile{flex-direction:column;width:100%;margin:0 auto}.columns-area--mobile .column,.columns-area--mobile .drawer{width:100%;height:100%;padding:0}.columns-area--mobile .directory__list{display:grid;grid-gap:10px;grid-template-columns:minmax(0, 50%) minmax(0, 50%)}@media screen and (max-width: 415px){.columns-area--mobile .directory__list{display:block}}.columns-area--mobile .directory__card{margin-bottom:0}.columns-area--mobile .filter-form{display:flex}.columns-area--mobile .autosuggest-textarea__textarea{font-size:16px}.columns-area--mobile .search__input{line-height:18px;font-size:16px;padding:15px;padding-right:30px}.columns-area--mobile .search__icon .fa{top:15px}.columns-area--mobile .scrollable{overflow:visible}@supports(display: grid){.columns-area--mobile .scrollable{contain:content}}@media screen and (min-width: 415px){.columns-area--mobile{padding:10px 0;padding-top:0}}@media screen and (min-width: 630px){.columns-area--mobile .detailed-status{padding:15px}.columns-area--mobile .detailed-status .media-gallery,.columns-area--mobile .detailed-status .video-player,.columns-area--mobile .detailed-status .audio-player{margin-top:15px}.columns-area--mobile .account__header__bar{padding:5px 10px}.columns-area--mobile .navigation-bar,.columns-area--mobile .compose-form{padding:15px}.columns-area--mobile .compose-form .compose-form__publish .compose-form__publish-button-wrapper{padding-top:15px}.columns-area--mobile .status{padding:15px;min-height:50px}.columns-area--mobile .status .media-gallery,.columns-area--mobile .status__action-bar,.columns-area--mobile .status .video-player,.columns-area--mobile .status .audio-player{margin-top:10px}.columns-area--mobile .account{padding:15px 10px}.columns-area--mobile .account__header__bio{margin:0 -10px}.columns-area--mobile .notification__message{padding-top:15px}.columns-area--mobile .notification .status{padding-top:8px}.columns-area--mobile .notification .account{padding-top:8px}}.floating-action-button{position:fixed;display:flex;justify-content:center;align-items:center;width:3.9375rem;height:3.9375rem;bottom:1.3125rem;right:1.3125rem;background:#3897db;color:#fff;border-radius:50%;font-size:21px;line-height:21px;text-decoration:none;box-shadow:2px 3px 9px rgba(0,0,0,.4)}.floating-action-button:hover,.floating-action-button:focus,.floating-action-button:active{background:#227dbe}@media screen and (min-width: 415px){.tabs-bar{width:100%}.react-swipeable-view-container .columns-area--mobile{height:calc(100% - 10px) !important}.getting-started__wrapper,.search{margin-bottom:10px}}@media screen and (max-width: 895px){.columns-area__panels__pane--compositional{display:none}}@media screen and (min-width: 895px){.floating-action-button,.tabs-bar__link.optional{display:none}.search-page .search{display:none}}@media screen and (max-width: 1190px){.columns-area__panels__pane--navigational{display:none}}@media screen and (min-width: 1190px){.tabs-bar{display:none}}.poll{margin-top:16px;font-size:14px}.poll ul,.e-content .poll ul{margin:0;list-style:none}.poll li{margin-bottom:10px;position:relative}.poll__chart{position:absolute;top:0;left:0;height:100%;display:inline-block;border-radius:4px;background:#c9d3e1}.poll__chart.leading{background:#2b90d9}.poll__text{position:relative;display:flex;padding:6px 0;line-height:18px;cursor:default;overflow:hidden}.poll__text input[type=radio],.poll__text input[type=checkbox]{display:none}.poll__text .autossugest-input{flex:1 1 auto}.poll__text input[type=text]{display:block;box-sizing:border-box;width:100%;font-size:14px;color:#000;display:block;outline:0;font-family:inherit;background:#fff;border:1px solid #fff;border-radius:4px;padding:6px 10px}.poll__text input[type=text]:focus{border-color:#2b90d9}.poll__text.selectable{cursor:pointer}.poll__text.editable{display:flex;align-items:center;overflow:visible}.poll__input{display:inline-block;position:relative;border:1px solid #9baec8;box-sizing:border-box;width:18px;height:18px;flex:0 0 auto;margin-right:10px;top:-1px;border-radius:50%;vertical-align:middle;margin-top:auto;margin-bottom:auto;flex:0 0 18px}.poll__input.checkbox{border-radius:4px}.poll__input.active{border-color:#79bd9a;background:#79bd9a}.poll__input:active,.poll__input:focus,.poll__input:hover{border-width:4px;background:none}.poll__input::-moz-focus-inner{outline:0 !important;border:0}.poll__input:focus,.poll__input:active{outline:0 !important}.poll__number{display:inline-block;width:52px;font-weight:700;padding:0 10px;padding-left:8px;text-align:right;margin-top:auto;margin-bottom:auto;flex:0 0 52px}.poll__vote__mark{float:left;line-height:18px}.poll__footer{padding-top:6px;padding-bottom:5px;color:#444b5d}.poll__link{display:inline;background:transparent;padding:0;margin:0;border:0;color:#444b5d;text-decoration:underline;font-size:inherit}.poll__link:hover{text-decoration:none}.poll__link:active,.poll__link:focus{background-color:rgba(68,75,93,.1)}.poll .button{height:36px;padding:0 16px;margin-right:10px;font-size:14px}.compose-form__poll-wrapper{border-top:1px solid #fff}.compose-form__poll-wrapper ul{padding:10px}.compose-form__poll-wrapper .poll__footer{border-top:1px solid #fff;padding:10px;display:flex;align-items:center}.compose-form__poll-wrapper .poll__footer button,.compose-form__poll-wrapper .poll__footer select{width:100%;flex:1 1 50%}.compose-form__poll-wrapper .poll__footer button:focus,.compose-form__poll-wrapper .poll__footer select:focus{border-color:#2b90d9}.compose-form__poll-wrapper .button.button-secondary{font-size:14px;font-weight:400;padding:6px 10px;height:auto;line-height:inherit;color:#606984;border-color:#606984;margin-right:5px}.compose-form__poll-wrapper li{display:flex;align-items:center}.compose-form__poll-wrapper li .poll__text{flex:0 0 auto;width:calc(100% - (23px + 6px));margin-right:6px}.compose-form__poll-wrapper select{appearance:none;box-sizing:border-box;font-size:14px;color:#000;display:inline-block;width:auto;outline:0;font-family:inherit;background:#fff url(\"data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14.933 18.467' height='19.698' width='15.929'><path d='M3.467 14.967l-3.393-3.5H14.86l-3.392 3.5c-1.866 1.925-3.666 3.5-4 3.5-.335 0-2.135-1.575-4-3.5zm.266-11.234L7.467 0 11.2 3.733l3.733 3.734H0l3.733-3.734z' fill='%23FFFFFF'/></svg>\") no-repeat right 8px center/auto 16px;border:1px solid #fff;border-radius:4px;padding:6px 10px;padding-right:30px}.compose-form__poll-wrapper .icon-button.disabled{color:#fff}.muted .poll{color:#444b5d}.muted .poll__chart{background:rgba(201,211,225,.2)}.muted .poll__chart.leading{background:rgba(43,144,217,.2)}.container{box-sizing:border-box;max-width:1235px;margin:0 auto;position:relative}@media screen and (max-width: 1255px){.container{width:100%;padding:0 10px}}.rich-formatting{font-family:sans-serif,sans-serif;font-size:14px;font-weight:400;line-height:1.7;word-wrap:break-word;color:#282c37}.rich-formatting a{color:#2b90d9;text-decoration:underline}.rich-formatting a:hover,.rich-formatting a:focus,.rich-formatting a:active{text-decoration:none}.rich-formatting p,.rich-formatting li{color:#282c37}.rich-formatting p{margin-top:0;margin-bottom:.85em}.rich-formatting p:last-child{margin-bottom:0}.rich-formatting strong{font-weight:700;color:#282c37}.rich-formatting em{font-style:italic;color:#282c37}.rich-formatting code{font-size:.85em;background:#f2f5f7;border-radius:4px;padding:.2em .3em}.rich-formatting h1,.rich-formatting h2,.rich-formatting h3,.rich-formatting h4,.rich-formatting h5,.rich-formatting h6{font-family:sans-serif,sans-serif;margin-top:1.275em;margin-bottom:.85em;font-weight:500;color:#282c37}.rich-formatting h1{font-size:2em}.rich-formatting h2{font-size:1.75em}.rich-formatting h3{font-size:1.5em}.rich-formatting h4{font-size:1.25em}.rich-formatting h5,.rich-formatting h6{font-size:1em}.rich-formatting ul{list-style:disc}.rich-formatting ol{list-style:decimal}.rich-formatting ul,.rich-formatting ol{margin:0;padding:0;padding-left:2em;margin-bottom:.85em}.rich-formatting ul[type=a],.rich-formatting ol[type=a]{list-style-type:lower-alpha}.rich-formatting ul[type=i],.rich-formatting ol[type=i]{list-style-type:lower-roman}.rich-formatting hr{width:100%;height:0;border:0;border-bottom:1px solid #ccd7e0;margin:1.7em 0}.rich-formatting hr.spacer{height:1px;border:0}.rich-formatting table{width:100%;border-collapse:collapse;break-inside:auto;margin-top:24px;margin-bottom:32px}.rich-formatting table thead tr,.rich-formatting table tbody tr{border-bottom:1px solid #ccd7e0;font-size:1em;line-height:1.625;font-weight:400;text-align:left;color:#282c37}.rich-formatting table thead tr{border-bottom-width:2px;line-height:1.5;font-weight:500;color:#444b5d}.rich-formatting table th,.rich-formatting table td{padding:8px;align-self:start;align-items:start;word-break:break-all}.rich-formatting table th.nowrap,.rich-formatting table td.nowrap{width:25%;position:relative}.rich-formatting table th.nowrap::before,.rich-formatting table td.nowrap::before{content:\"&nbsp;\";visibility:hidden}.rich-formatting table th.nowrap span,.rich-formatting table td.nowrap span{position:absolute;left:8px;right:8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.rich-formatting>:first-child{margin-top:0}.information-board{background:#e6ebf0;padding:20px 0}.information-board .container-alt{position:relative;padding-right:295px}.information-board__sections{display:flex;justify-content:space-between;flex-wrap:wrap}.information-board__section{flex:1 0 0;font-family:sans-serif,sans-serif;font-size:16px;line-height:28px;color:#000;text-align:right;padding:10px 15px}.information-board__section span,.information-board__section strong{display:block}.information-board__section span:last-child{color:#282c37}.information-board__section strong{font-family:sans-serif,sans-serif;font-weight:500;font-size:32px;line-height:48px}@media screen and (max-width: 700px){.information-board__section{text-align:center}}.information-board .panel{position:absolute;width:280px;box-sizing:border-box;background:#f2f5f7;padding:20px;padding-top:10px;border-radius:4px 4px 0 0;right:0;bottom:-40px}.information-board .panel .panel-header{font-family:sans-serif,sans-serif;font-size:14px;line-height:24px;font-weight:500;color:#282c37;padding-bottom:5px;margin-bottom:15px;border-bottom:1px solid #ccd7e0;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.information-board .panel .panel-header a,.information-board .panel .panel-header span{font-weight:400;color:#3d4455}.information-board .panel .panel-header a{text-decoration:none}.information-board .owner{text-align:center}.information-board .owner .avatar{width:80px;height:80px;width:80px;height:80px;background-size:80px 80px;margin:0 auto;margin-bottom:15px}.information-board .owner .avatar img{display:block;width:80px;height:80px;border-radius:48px;border-radius:8%;background-position:50%;background-clip:padding-box}.information-board .owner .name{font-size:14px}.information-board .owner .name a{display:block;color:#000;text-decoration:none}.information-board .owner .name a:hover .display_name{text-decoration:underline}.information-board .owner .name .username{display:block;color:#282c37}.landing-page p,.landing-page li{font-family:sans-serif,sans-serif;font-size:16px;font-weight:400;font-size:16px;line-height:30px;margin-bottom:12px;color:#282c37}.landing-page p a,.landing-page li a{color:#2b90d9;text-decoration:underline}.landing-page em{display:inline;margin:0;padding:0;font-weight:700;background:transparent;font-family:inherit;font-size:inherit;line-height:inherit;color:#131419}.landing-page h1{font-family:sans-serif,sans-serif;font-size:26px;line-height:30px;font-weight:500;margin-bottom:20px;color:#282c37}.landing-page h1 small{font-family:sans-serif,sans-serif;display:block;font-size:18px;font-weight:400;color:#131419}.landing-page h2{font-family:sans-serif,sans-serif;font-size:22px;line-height:26px;font-weight:500;margin-bottom:20px;color:#282c37}.landing-page h3{font-family:sans-serif,sans-serif;font-size:18px;line-height:24px;font-weight:500;margin-bottom:20px;color:#282c37}.landing-page h4{font-family:sans-serif,sans-serif;font-size:16px;line-height:24px;font-weight:500;margin-bottom:20px;color:#282c37}.landing-page h5{font-family:sans-serif,sans-serif;font-size:14px;line-height:24px;font-weight:500;margin-bottom:20px;color:#282c37}.landing-page h6{font-family:sans-serif,sans-serif;font-size:12px;line-height:24px;font-weight:500;margin-bottom:20px;color:#282c37}.landing-page ul,.landing-page ol{margin-left:20px}.landing-page ul[type=a],.landing-page ol[type=a]{list-style-type:lower-alpha}.landing-page ul[type=i],.landing-page ol[type=i]{list-style-type:lower-roman}.landing-page ul{list-style:disc}.landing-page ol{list-style:decimal}.landing-page li>ol,.landing-page li>ul{margin-top:6px}.landing-page hr{width:100%;height:0;border:0;border-bottom:1px solid rgba(60,80,99,.6);margin:20px 0}.landing-page hr.spacer{height:1px;border:0}.landing-page__information,.landing-page__forms{padding:20px}.landing-page__call-to-action{background:#d9e1e8;border-radius:4px;padding:25px 40px;overflow:hidden;box-sizing:border-box}.landing-page__call-to-action .row{width:100%;display:flex;flex-direction:row-reverse;flex-wrap:nowrap;justify-content:space-between;align-items:center}.landing-page__call-to-action .row__information-board{display:flex;justify-content:flex-end;align-items:flex-end}.landing-page__call-to-action .row__information-board .information-board__section{flex:1 0 auto;padding:0 10px}@media screen and (max-width: 415px){.landing-page__call-to-action .row__information-board{width:100%;justify-content:space-between}}.landing-page__call-to-action .row__mascot{flex:1;margin:10px -50px 0 0}@media screen and (max-width: 415px){.landing-page__call-to-action .row__mascot{display:none}}.landing-page__logo{margin-right:20px}.landing-page__logo img{height:50px;width:auto;mix-blend-mode:lighten}.landing-page__information{padding:45px 40px;margin-bottom:10px}.landing-page__information:last-child{margin-bottom:0}.landing-page__information strong{font-weight:500;color:#131419}.landing-page__information .account{border-bottom:0;padding:0}.landing-page__information .account__display-name{align-items:center;display:flex;margin-right:5px}.landing-page__information .account div.account__display-name:hover .display-name strong{text-decoration:none}.landing-page__information .account div.account__display-name .account__avatar{cursor:default}.landing-page__information .account__avatar-wrapper{margin-left:0;flex:0 0 auto}.landing-page__information .account__avatar{width:44px;height:44px;background-size:44px 44px;width:44px;height:44px;background-size:44px 44px}.landing-page__information .account .display-name{font-size:15px}.landing-page__information .account .display-name__account{font-size:14px}@media screen and (max-width: 960px){.landing-page__information .contact{margin-top:30px}}@media screen and (max-width: 700px){.landing-page__information{padding:25px 20px}}.landing-page__information,.landing-page__forms,.landing-page #mastodon-timeline{box-sizing:border-box;background:#d9e1e8;border-radius:4px;box-shadow:0 0 6px rgba(0,0,0,.1)}.landing-page__mascot{height:104px;position:relative;left:-40px;bottom:25px}.landing-page__mascot img{height:190px;width:auto}.landing-page__short-description .row{display:flex;flex-wrap:wrap;align-items:center;margin-bottom:40px}@media screen and (max-width: 700px){.landing-page__short-description .row{margin-bottom:20px}}.landing-page__short-description p a{color:#282c37}.landing-page__short-description h1{font-weight:500;color:#000;margin-bottom:0}.landing-page__short-description h1 small{color:#282c37}.landing-page__short-description h1 small span{color:#282c37}.landing-page__short-description p:last-child{margin-bottom:0}.landing-page__hero{margin-bottom:10px}.landing-page__hero img{display:block;margin:0;max-width:100%;height:auto;border-radius:4px}@media screen and (max-width: 840px){.landing-page .information-board .container-alt{padding-right:20px}.landing-page .information-board .panel{position:static;margin-top:20px;width:100%;border-radius:4px}.landing-page .information-board .panel .panel-header{text-align:center}}@media screen and (max-width: 675px){.landing-page .header-wrapper{padding-top:0}.landing-page .header-wrapper.compact{padding-bottom:0}.landing-page .header-wrapper.compact .hero .heading{text-align:initial}.landing-page .header .container-alt,.landing-page .features .container-alt{display:block}}.landing-page .cta{margin:20px}.landing{margin-bottom:100px}@media screen and (max-width: 738px){.landing{margin-bottom:0}}.landing__brand{display:flex;justify-content:center;align-items:center;padding:50px}.landing__brand svg{fill:#000;height:52px}@media screen and (max-width: 415px){.landing__brand{padding:0;margin-bottom:30px}}.landing .directory{margin-top:30px;background:transparent;box-shadow:none;border-radius:0}.landing .hero-widget{margin-top:30px;margin-bottom:0}.landing .hero-widget h4{padding:10px;text-transform:uppercase;font-weight:700;font-size:13px;color:#282c37}.landing .hero-widget__text{border-radius:0;padding-bottom:0}.landing .hero-widget__footer{background:#d9e1e8;padding:10px;border-radius:0 0 4px 4px;display:flex}.landing .hero-widget__footer__column{flex:1 1 50%}.landing .hero-widget .account{padding:10px 0;border-bottom:0}.landing .hero-widget .account .account__display-name{display:flex;align-items:center}.landing .hero-widget .account .account__avatar{width:44px;height:44px;background-size:44px 44px}.landing .hero-widget__counter{padding:10px}.landing .hero-widget__counter strong{font-family:sans-serif,sans-serif;font-size:15px;font-weight:700;display:block}.landing .hero-widget__counter span{font-size:14px;color:#282c37}.landing .simple_form .user_agreement .label_input>label{font-weight:400;color:#282c37}.landing .simple_form p.lead{color:#282c37;font-size:15px;line-height:20px;font-weight:400;margin-bottom:25px}.landing__grid{max-width:960px;margin:0 auto;display:grid;grid-template-columns:minmax(0, 50%) minmax(0, 50%);grid-gap:30px}@media screen and (max-width: 738px){.landing__grid{grid-template-columns:minmax(0, 100%);grid-gap:10px}.landing__grid__column-login{grid-row:1;display:flex;flex-direction:column}.landing__grid__column-login .box-widget{order:2;flex:0 0 auto}.landing__grid__column-login .hero-widget{margin-top:0;margin-bottom:10px;order:1;flex:0 0 auto}.landing__grid__column-registration{grid-row:2}.landing__grid .directory{margin-top:10px}}@media screen and (max-width: 415px){.landing__grid{grid-gap:0}.landing__grid .hero-widget{display:block;margin-bottom:0;box-shadow:none}.landing__grid .hero-widget__img,.landing__grid .hero-widget__img img,.landing__grid .hero-widget__footer{border-radius:0}.landing__grid .hero-widget,.landing__grid .box-widget,.landing__grid .directory__tag{border-bottom:1px solid #c0cdd9}.landing__grid .directory{margin-top:0}.landing__grid .directory__tag{margin-bottom:0}.landing__grid .directory__tag>a,.landing__grid .directory__tag>div{border-radius:0;box-shadow:none}.landing__grid .directory__tag:last-child{border-bottom:0}}.brand{position:relative;text-decoration:none}.brand__tagline{display:block;position:absolute;bottom:-10px;left:50px;width:300px;color:#9baec8;text-decoration:none;font-size:14px}@media screen and (max-width: 415px){.brand__tagline{position:static;width:auto;margin-top:20px;color:#444b5d}}.table{width:100%;max-width:100%;border-spacing:0;border-collapse:collapse}.table th,.table td{padding:8px;line-height:18px;vertical-align:top;border-top:1px solid #d9e1e8;text-align:left;background:#e6ebf0}.table>thead>tr>th{vertical-align:bottom;border-bottom:2px solid #d9e1e8;border-top:0;font-weight:500}.table>tbody>tr>th{font-weight:500}.table>tbody>tr:nth-child(odd)>td,.table>tbody>tr:nth-child(odd)>th{background:#d9e1e8}.table a{color:#2b90d9;text-decoration:underline}.table a:hover{text-decoration:none}.table strong{font-weight:500}.table strong:lang(ja){font-weight:700}.table strong:lang(ko){font-weight:700}.table strong:lang(zh-CN){font-weight:700}.table strong:lang(zh-HK){font-weight:700}.table strong:lang(zh-TW){font-weight:700}.table.inline-table>tbody>tr:nth-child(odd)>td,.table.inline-table>tbody>tr:nth-child(odd)>th{background:transparent}.table.inline-table>tbody>tr:first-child>td,.table.inline-table>tbody>tr:first-child>th{border-top:0}.table.batch-table>thead>tr>th{background:#d9e1e8;border-top:1px solid #f2f5f7;border-bottom:1px solid #f2f5f7}.table.batch-table>thead>tr>th:first-child{border-radius:4px 0 0;border-left:1px solid #f2f5f7}.table.batch-table>thead>tr>th:last-child{border-radius:0 4px 0 0;border-right:1px solid #f2f5f7}.table--invites tbody td{vertical-align:middle}.table-wrapper{overflow:auto;margin-bottom:20px}samp{font-family:monospace,monospace}button.table-action-link{background:transparent;border:0;font:inherit}button.table-action-link,a.table-action-link{text-decoration:none;display:inline-block;margin-right:5px;padding:0 10px;color:#282c37;font-weight:500}button.table-action-link:hover,a.table-action-link:hover{color:#000}button.table-action-link i.fa,a.table-action-link i.fa{font-weight:400;margin-right:5px}button.table-action-link:first-child,a.table-action-link:first-child{padding-left:0}.batch-table__toolbar,.batch-table__row{display:flex}.batch-table__toolbar__select,.batch-table__row__select{box-sizing:border-box;padding:8px 16px;cursor:pointer;min-height:100%}.batch-table__toolbar__select input,.batch-table__row__select input{margin-top:8px}.batch-table__toolbar__select--aligned,.batch-table__row__select--aligned{display:flex;align-items:center}.batch-table__toolbar__select--aligned input,.batch-table__row__select--aligned input{margin-top:0}.batch-table__toolbar__actions,.batch-table__toolbar__content,.batch-table__row__actions,.batch-table__row__content{padding:8px 0;padding-right:16px;flex:1 1 auto}.batch-table__toolbar{border:1px solid #f2f5f7;background:#d9e1e8;border-radius:4px 0 0;height:47px;align-items:center}.batch-table__toolbar__actions{text-align:right;padding-right:11px}.batch-table__form{padding:16px;border:1px solid #f2f5f7;border-top:0;background:#d9e1e8}.batch-table__form .fields-row{padding-top:0;margin-bottom:0}.batch-table__row{border:1px solid #f2f5f7;border-top:0;background:#e6ebf0}@media screen and (max-width: 415px){.optional .batch-table__row:first-child{border-top:1px solid #f2f5f7}}.batch-table__row:hover{background:#dfe6ec}.batch-table__row:nth-child(even){background:#d9e1e8}.batch-table__row:nth-child(even):hover{background:#d3dce4}.batch-table__row__content{padding-top:12px;padding-bottom:16px}.batch-table__row__content--unpadded{padding:0}.batch-table__row__content--with-image{display:flex;align-items:center}.batch-table__row__content__image{flex:0 0 auto;display:flex;justify-content:center;align-items:center;margin-right:10px}.batch-table__row__content__image .emojione{width:32px;height:32px}.batch-table__row__content__text{flex:1 1 auto}.batch-table__row__content__extra{flex:0 0 auto;text-align:right;color:#282c37;font-weight:500}.batch-table__row .directory__tag{margin:0;width:100%}.batch-table__row .directory__tag a{background:transparent;border-radius:0}@media screen and (max-width: 415px){.batch-table.optional .batch-table__toolbar,.batch-table.optional .batch-table__row__select{display:none}}.batch-table .status__content{padding-top:0}.batch-table .status__content strong{font-weight:700}.batch-table .nothing-here{border:1px solid #f2f5f7;border-top:0;box-shadow:none}@media screen and (max-width: 415px){.batch-table .nothing-here{border-top:1px solid #f2f5f7}}@media screen and (max-width: 870px){.batch-table .accounts-table tbody td.optional{display:none}}.admin-wrapper{display:flex;justify-content:center;width:100%;min-height:100vh}.admin-wrapper .sidebar-wrapper{min-height:100vh;overflow:hidden;pointer-events:none;flex:1 1 auto}.admin-wrapper .sidebar-wrapper__inner{display:flex;justify-content:flex-end;background:#d9e1e8;height:100%}.admin-wrapper .sidebar{width:240px;padding:0;pointer-events:auto}.admin-wrapper .sidebar__toggle{display:none;background:#c0cdd9;height:48px}.admin-wrapper .sidebar__toggle__logo{flex:1 1 auto}.admin-wrapper .sidebar__toggle__logo a{display:inline-block;padding:15px}.admin-wrapper .sidebar__toggle__logo svg{fill:#000;height:20px;position:relative;bottom:-2px}.admin-wrapper .sidebar__toggle__icon{display:block;color:#282c37;text-decoration:none;flex:0 0 auto;font-size:20px;padding:15px}.admin-wrapper .sidebar__toggle a:hover,.admin-wrapper .sidebar__toggle a:focus,.admin-wrapper .sidebar__toggle a:active{background:#b3c3d1}.admin-wrapper .sidebar .logo{display:block;margin:40px auto;width:100px;height:100px}@media screen and (max-width: 600px){.admin-wrapper .sidebar>a:first-child{display:none}}.admin-wrapper .sidebar ul{list-style:none;border-radius:4px 0 0 4px;overflow:hidden;margin-bottom:20px}@media screen and (max-width: 600px){.admin-wrapper .sidebar ul{margin-bottom:0}}.admin-wrapper .sidebar ul a{display:block;padding:15px;color:#282c37;text-decoration:none;transition:all 200ms linear;transition-property:color,background-color;border-radius:4px 0 0 4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.admin-wrapper .sidebar ul a i.fa{margin-right:5px}.admin-wrapper .sidebar ul a:hover{color:#000;background-color:#e9eef2;transition:all 100ms linear;transition-property:color,background-color}.admin-wrapper .sidebar ul a.selected{background:#dfe6ec;border-radius:4px 0 0}.admin-wrapper .sidebar ul ul{background:#e6ebf0;border-radius:0 0 0 4px;margin:0}.admin-wrapper .sidebar ul ul a{border:0;padding:15px 35px}.admin-wrapper .sidebar ul .simple-navigation-active-leaf a{color:#000;background-color:#2b90d9;border-bottom:0;border-radius:0}.admin-wrapper .sidebar ul .simple-navigation-active-leaf a:hover{background-color:#2482c7}.admin-wrapper .sidebar>ul>.simple-navigation-active-leaf a{border-radius:4px 0 0 4px}.admin-wrapper .content-wrapper{box-sizing:border-box;width:100%;max-width:840px;flex:1 1 auto}@media screen and (max-width: 1080px){.admin-wrapper .sidebar-wrapper--empty{display:none}.admin-wrapper .sidebar-wrapper{width:240px;flex:0 0 auto}}@media screen and (max-width: 600px){.admin-wrapper .sidebar-wrapper{width:100%}}.admin-wrapper .content{padding:20px 15px;padding-top:60px;padding-left:25px}@media screen and (max-width: 600px){.admin-wrapper .content{max-width:none;padding:15px;padding-top:30px}}.admin-wrapper .content-heading{display:flex;padding-bottom:40px;border-bottom:1px solid #c0cdd9;margin:-15px -15px 40px 0;flex-wrap:wrap;align-items:center;justify-content:space-between}.admin-wrapper .content-heading>*{margin-top:15px;margin-right:15px}.admin-wrapper .content-heading-actions{display:inline-flex}.admin-wrapper .content-heading-actions>:not(:first-child){margin-left:5px}@media screen and (max-width: 600px){.admin-wrapper .content-heading{border-bottom:0;padding-bottom:0}}.admin-wrapper .content h2{color:#282c37;font-size:24px;line-height:28px;font-weight:400}@media screen and (max-width: 600px){.admin-wrapper .content h2{font-weight:700}}.admin-wrapper .content h3{color:#282c37;font-size:20px;line-height:28px;font-weight:400;margin-bottom:30px}.admin-wrapper .content h4{text-transform:uppercase;font-size:13px;font-weight:700;color:#282c37;padding-bottom:8px;margin-bottom:8px;border-bottom:1px solid #c0cdd9}.admin-wrapper .content h6{font-size:16px;color:#282c37;line-height:28px;font-weight:500}.admin-wrapper .content .fields-group h6{color:#000;font-weight:500}.admin-wrapper .content .directory__tag>a,.admin-wrapper .content .directory__tag>div{box-shadow:none}.admin-wrapper .content .directory__tag .table-action-link .fa{color:inherit}.admin-wrapper .content .directory__tag h4{font-size:18px;font-weight:700;color:#000;text-transform:none;padding-bottom:0;margin-bottom:0;border-bottom:none}.admin-wrapper .content>p{font-size:14px;line-height:21px;color:#282c37;margin-bottom:20px}.admin-wrapper .content>p strong{color:#000;font-weight:500}.admin-wrapper .content>p strong:lang(ja){font-weight:700}.admin-wrapper .content>p strong:lang(ko){font-weight:700}.admin-wrapper .content>p strong:lang(zh-CN){font-weight:700}.admin-wrapper .content>p strong:lang(zh-HK){font-weight:700}.admin-wrapper .content>p strong:lang(zh-TW){font-weight:700}.admin-wrapper .content hr{width:100%;height:0;border:0;border-bottom:1px solid rgba(60,80,99,.6);margin:20px 0}.admin-wrapper .content hr.spacer{height:1px;border:0}@media screen and (max-width: 600px){.admin-wrapper{display:block}.admin-wrapper .sidebar-wrapper{min-height:0}.admin-wrapper .sidebar{width:100%;padding:0;height:auto}.admin-wrapper .sidebar__toggle{display:flex}.admin-wrapper .sidebar>ul{display:none}.admin-wrapper .sidebar ul a,.admin-wrapper .sidebar ul ul a{border-radius:0;border-bottom:1px solid #ccd7e0;transition:none}.admin-wrapper .sidebar ul a:hover,.admin-wrapper .sidebar ul ul a:hover{transition:none}.admin-wrapper .sidebar ul ul{border-radius:0}.admin-wrapper .sidebar ul .simple-navigation-active-leaf a{border-bottom-color:#2b90d9}}hr.spacer{width:100%;border:0;margin:20px 0;height:1px}body .muted-hint,.admin-wrapper .content .muted-hint{color:#282c37}body .muted-hint a,.admin-wrapper .content .muted-hint a{color:#2b90d9}body .positive-hint,.admin-wrapper .content .positive-hint{color:#79bd9a;font-weight:500}body .negative-hint,.admin-wrapper .content .negative-hint{color:#df405a;font-weight:500}body .neutral-hint,.admin-wrapper .content .neutral-hint{color:#444b5d;font-weight:500}body .warning-hint,.admin-wrapper .content .warning-hint{color:#ca8f04;font-weight:500}.filters{display:flex;flex-wrap:wrap}.filters .filter-subset{flex:0 0 auto;margin:0 40px 20px 0}.filters .filter-subset:last-child{margin-bottom:30px}.filters .filter-subset ul{margin-top:5px;list-style:none}.filters .filter-subset ul li{display:inline-block;margin-right:5px}.filters .filter-subset strong{font-weight:500;text-transform:uppercase;font-size:12px}.filters .filter-subset strong:lang(ja){font-weight:700}.filters .filter-subset strong:lang(ko){font-weight:700}.filters .filter-subset strong:lang(zh-CN){font-weight:700}.filters .filter-subset strong:lang(zh-HK){font-weight:700}.filters .filter-subset strong:lang(zh-TW){font-weight:700}.filters .filter-subset a{display:inline-block;color:#282c37;text-decoration:none;text-transform:uppercase;font-size:12px;font-weight:500;border-bottom:2px solid #d9e1e8}.filters .filter-subset a:hover{color:#000;border-bottom:2px solid #c9d4de}.filters .filter-subset a.selected{color:#2b90d9;border-bottom:2px solid #2b90d9}.flavour-screen{display:block;margin:10px auto;max-width:100%}.flavour-description{display:block;font-size:16px;margin:10px 0}.flavour-description>p{margin:10px 0}.report-accounts{display:flex;flex-wrap:wrap;margin-bottom:20px}.report-accounts__item{display:flex;flex:250px;flex-direction:column;margin:0 5px}.report-accounts__item>strong{display:block;margin:0 0 10px -5px;font-weight:500;font-size:14px;line-height:18px;color:#282c37}.report-accounts__item>strong:lang(ja){font-weight:700}.report-accounts__item>strong:lang(ko){font-weight:700}.report-accounts__item>strong:lang(zh-CN){font-weight:700}.report-accounts__item>strong:lang(zh-HK){font-weight:700}.report-accounts__item>strong:lang(zh-TW){font-weight:700}.report-accounts__item .account-card{flex:1 1 auto}.report-status,.account-status{display:flex;margin-bottom:10px}.report-status .activity-stream,.account-status .activity-stream{flex:2 0 0;margin-right:20px;max-width:calc(100% - 60px)}.report-status .activity-stream .entry,.account-status .activity-stream .entry{border-radius:4px}.report-status__actions,.account-status__actions{flex:0 0 auto;display:flex;flex-direction:column}.report-status__actions .icon-button,.account-status__actions .icon-button{font-size:24px;width:24px;text-align:center;margin-bottom:10px}.simple_form.new_report_note,.simple_form.new_account_moderation_note{max-width:100%}.batch-form-box{display:flex;flex-wrap:wrap;margin-bottom:5px}.batch-form-box #form_status_batch_action{margin:0 5px 5px 0;font-size:14px}.batch-form-box input.button{margin:0 5px 5px 0}.batch-form-box .media-spoiler-toggle-buttons{margin-left:auto}.batch-form-box .media-spoiler-toggle-buttons .button{overflow:visible;margin:0 0 5px 5px;float:right}.back-link{margin-bottom:10px;font-size:14px}.back-link a{color:#2b90d9;text-decoration:none}.back-link a:hover{text-decoration:underline}.spacer{flex:1 1 auto}.log-entry{margin-bottom:20px;line-height:20px}.log-entry__header{display:flex;justify-content:flex-start;align-items:center;padding:10px;background:#d9e1e8;color:#282c37;border-radius:4px 4px 0 0;font-size:14px;position:relative}.log-entry__avatar{margin-right:10px}.log-entry__avatar .avatar{display:block;margin:0;border-radius:50%;width:40px;height:40px}.log-entry__content{max-width:calc(100% - 90px)}.log-entry__title{word-wrap:break-word}.log-entry__timestamp{color:#444b5d}.log-entry__extras{background:#c6d2dc;border-radius:0 0 4px 4px;padding:10px;color:#282c37;font-family:monospace,monospace;font-size:12px;word-wrap:break-word;min-height:20px}.log-entry__icon{font-size:28px;margin-right:10px;color:#444b5d}.log-entry__icon__overlay{position:absolute;top:10px;right:10px;width:10px;height:10px;border-radius:50%}.log-entry__icon__overlay.positive{background:#79bd9a}.log-entry__icon__overlay.negative{background:#c1203b}.log-entry__icon__overlay.neutral{background:#2b90d9}.log-entry a,.log-entry .username,.log-entry .target{color:#282c37;text-decoration:none;font-weight:500}.log-entry .diff-old{color:#c1203b}.log-entry .diff-neutral{color:#282c37}.log-entry .diff-new{color:#79bd9a}a.name-tag,.name-tag,a.inline-name-tag,.inline-name-tag{text-decoration:none;color:#282c37}a.name-tag .username,.name-tag .username,a.inline-name-tag .username,.inline-name-tag .username{font-weight:500}a.name-tag.suspended .username,.name-tag.suspended .username,a.inline-name-tag.suspended .username,.inline-name-tag.suspended .username{text-decoration:line-through;color:#c1203b}a.name-tag.suspended .avatar,.name-tag.suspended .avatar,a.inline-name-tag.suspended .avatar,.inline-name-tag.suspended .avatar{filter:grayscale(100%);opacity:.8}a.name-tag,.name-tag{display:flex;align-items:center}a.name-tag .avatar,.name-tag .avatar{display:block;margin:0;margin-right:5px;border-radius:50%}a.name-tag.suspended .avatar,.name-tag.suspended .avatar{filter:grayscale(100%);opacity:.8}.speech-bubble{margin-bottom:20px;border-left:4px solid #2b90d9}.speech-bubble.positive{border-left-color:#79bd9a}.speech-bubble.negative{border-left-color:#c1203b}.speech-bubble.warning{border-left-color:#ca8f04}.speech-bubble__bubble{padding:16px;padding-left:14px;font-size:15px;line-height:20px;border-radius:4px 4px 4px 0;position:relative;font-weight:500}.speech-bubble__bubble a{color:#282c37}.speech-bubble__owner{padding:8px;padding-left:12px}.speech-bubble time{color:#444b5d}.report-card{background:#d9e1e8;border-radius:4px;margin-bottom:20px}.report-card__profile{display:flex;justify-content:space-between;align-items:center;padding:15px}.report-card__profile .account{padding:0;border:0}.report-card__profile .account__avatar-wrapper{margin-left:0}.report-card__profile__stats{flex:0 0 auto;font-weight:500;color:#282c37;text-transform:uppercase;text-align:right}.report-card__profile__stats a{color:inherit;text-decoration:none}.report-card__profile__stats a:focus,.report-card__profile__stats a:hover,.report-card__profile__stats a:active{color:#17191f}.report-card__profile__stats .red{color:#df405a}.report-card__summary__item{display:flex;justify-content:flex-start;border-top:1px solid #e6ebf0}.report-card__summary__item:hover{background:#d3dce4}.report-card__summary__item__reported-by,.report-card__summary__item__assigned{padding:15px;flex:0 0 auto;box-sizing:border-box;width:150px;color:#282c37}.report-card__summary__item__reported-by,.report-card__summary__item__reported-by .username,.report-card__summary__item__assigned,.report-card__summary__item__assigned .username{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.report-card__summary__item__content{flex:1 1 auto;max-width:calc(100% - 300px)}.report-card__summary__item__content__icon{color:#444b5d;margin-right:4px;font-weight:500}.report-card__summary__item__content a{display:block;box-sizing:border-box;width:100%;padding:15px;text-decoration:none;color:#282c37}.one-line{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ellipsized-ip{display:inline-block;max-width:120px;overflow:hidden;text-overflow:ellipsis;vertical-align:middle}.admin-account-bio{display:flex;flex-wrap:wrap;margin:0 -5px;margin-top:20px}.admin-account-bio>div{box-sizing:border-box;padding:0 5px;margin-bottom:10px;flex:1 0 50%}.admin-account-bio .account__header__fields,.admin-account-bio .account__header__content{background:#c0cdd9;border-radius:4px;height:100%}.admin-account-bio .account__header__fields{margin:0;border:0}.admin-account-bio .account__header__fields a{color:#217aba}.admin-account-bio .account__header__fields dl:first-child .verified{border-radius:0 4px 0 0}.admin-account-bio .account__header__fields .verified a{color:#79bd9a}.admin-account-bio .account__header__content{box-sizing:border-box;padding:20px;color:#000}.center-text{text-align:center}.emojione[title=\":wind_blowing_face:\"],.emojione[title=\":white_small_square:\"],.emojione[title=\":white_medium_square:\"],.emojione[title=\":white_medium_small_square:\"],.emojione[title=\":white_large_square:\"],.emojione[title=\":white_circle:\"],.emojione[title=\":waxing_crescent_moon:\"],.emojione[title=\":waving_white_flag:\"],.emojione[title=\":waning_gibbous_moon:\"],.emojione[title=\":waning_crescent_moon:\"],.emojione[title=\":volleyball:\"],.emojione[title=\":thought_balloon:\"],.emojione[title=\":speech_balloon:\"],.emojione[title=\":speaker:\"],.emojione[title=\":sound:\"],.emojione[title=\":snow_cloud:\"],.emojione[title=\":skull_and_crossbones:\"],.emojione[title=\":skull:\"],.emojione[title=\":sheep:\"],.emojione[title=\":rooster:\"],.emojione[title=\":rice_ball:\"],.emojione[title=\":rice:\"],.emojione[title=\":ram:\"],.emojione[title=\":rain_cloud:\"],.emojione[title=\":page_with_curl:\"],.emojione[title=\":mute:\"],.emojione[title=\":moon:\"],.emojione[title=\":loud_sound:\"],.emojione[title=\":lightning:\"],.emojione[title=\":last_quarter_moon_with_face:\"],.emojione[title=\":last_quarter_moon:\"],.emojione[title=\":ice_skate:\"],.emojione[title=\":grey_question:\"],.emojione[title=\":grey_exclamation:\"],.emojione[title=\":goat:\"],.emojione[title=\":ghost:\"],.emojione[title=\":full_moon_with_face:\"],.emojione[title=\":full_moon:\"],.emojione[title=\":fish_cake:\"],.emojione[title=\":first_quarter_moon_with_face:\"],.emojione[title=\":first_quarter_moon:\"],.emojione[title=\":eyes:\"],.emojione[title=\":dove_of_peace:\"],.emojione[title=\":dash:\"],.emojione[title=\":crescent_moon:\"],.emojione[title=\":cloud:\"],.emojione[title=\":chicken:\"],.emojione[title=\":chains:\"],.emojione[title=\":baseball:\"],.emojione[title=\":alien:\"]{filter:drop-shadow(1px 1px 0 #000000) drop-shadow(-1px 1px 0 #000000) drop-shadow(1px -1px 0 #000000) drop-shadow(-1px -1px 0 #000000)}.hicolor-privacy-icons .status__visibility-icon.fa-globe,.hicolor-privacy-icons .composer--options--dropdown--content--item .fa-globe{color:#1976d2}.hicolor-privacy-icons .status__visibility-icon.fa-unlock,.hicolor-privacy-icons .composer--options--dropdown--content--item .fa-unlock{color:#388e3c}.hicolor-privacy-icons .status__visibility-icon.fa-lock,.hicolor-privacy-icons .composer--options--dropdown--content--item .fa-lock{color:#ffa000}.hicolor-privacy-icons .status__visibility-icon.fa-envelope,.hicolor-privacy-icons .composer--options--dropdown--content--item .fa-envelope{color:#d32f2f}body.rtl{direction:rtl}body.rtl .column-header>button{text-align:right;padding-left:0;padding-right:15px}body.rtl .radio-button__input{margin-right:0;margin-left:10px}body.rtl .directory__card__bar .display-name{margin-left:0;margin-right:15px}body.rtl .display-name{text-align:right}body.rtl .notification__message{margin-left:0;margin-right:68px}body.rtl .drawer__inner__mastodon>img{transform:scaleX(-1)}body.rtl .notification__favourite-icon-wrapper{left:auto;right:-26px}body.rtl .landing-page__logo{margin-right:0;margin-left:20px}body.rtl .landing-page .features-list .features-list__row .visual{margin-left:0;margin-right:15px}body.rtl .column-link__icon,body.rtl .column-header__icon{margin-right:0;margin-left:5px}body.rtl .compose-form .compose-form__buttons-wrapper .character-counter__wrapper{margin-right:0;margin-left:4px}body.rtl .composer--publisher{text-align:left}body.rtl .boost-modal__status-time,body.rtl .favourite-modal__status-time{float:left}body.rtl .navigation-bar__profile{margin-left:0;margin-right:8px}body.rtl .search__input{padding-right:10px;padding-left:30px}body.rtl .search__icon .fa{right:auto;left:10px}body.rtl .columns-area{direction:rtl}body.rtl .column-header__buttons{left:0;right:auto;margin-left:0;margin-right:-15px}body.rtl .column-inline-form .icon-button{margin-left:0;margin-right:5px}body.rtl .column-header__links .text-btn{margin-left:10px;margin-right:0}body.rtl .account__avatar-wrapper{float:right}body.rtl .column-header__back-button{padding-left:5px;padding-right:0}body.rtl .column-header__setting-arrows{float:left}body.rtl .setting-toggle__label{margin-left:0;margin-right:8px}body.rtl .setting-meta__label{float:left}body.rtl .status__avatar{margin-left:10px;margin-right:0;left:auto;right:10px}body.rtl .activity-stream .status.light{padding-left:10px;padding-right:68px}body.rtl .status__info .status__display-name,body.rtl .activity-stream .status.light .status__display-name{padding-left:25px;padding-right:0}body.rtl .activity-stream .pre-header{padding-right:68px;padding-left:0}body.rtl .status__prepend{margin-left:0;margin-right:58px}body.rtl .status__prepend-icon-wrapper{left:auto;right:-26px}body.rtl .activity-stream .pre-header .pre-header__icon{left:auto;right:42px}body.rtl .account__avatar-overlay-overlay{right:auto;left:0}body.rtl .column-back-button--slim-button{right:auto;left:0}body.rtl .status__relative-time,body.rtl .activity-stream .status.light .status__header .status__meta{float:left;text-align:left}body.rtl .status__action-bar__counter{margin-right:0;margin-left:11px}body.rtl .status__action-bar__counter .status__action-bar-button{margin-right:0;margin-left:4px}body.rtl .status__action-bar-button{float:right;margin-right:0;margin-left:18px}body.rtl .status__action-bar-dropdown{float:right}body.rtl .privacy-dropdown__dropdown{margin-left:0;margin-right:40px}body.rtl .privacy-dropdown__option__icon{margin-left:10px;margin-right:0}body.rtl .detailed-status__display-name .display-name{text-align:right}body.rtl .detailed-status__display-avatar{margin-right:0;margin-left:10px;float:right}body.rtl .detailed-status__favorites,body.rtl .detailed-status__reblogs{margin-left:0;margin-right:6px}body.rtl .fa-ul{margin-left:2.14285714em}body.rtl .fa-li{left:auto;right:-2.14285714em}body.rtl .admin-wrapper{direction:rtl}body.rtl .admin-wrapper .sidebar ul a i.fa,body.rtl a.table-action-link i.fa{margin-right:0;margin-left:5px}body.rtl .simple_form .check_boxes .checkbox label{padding-left:0;padding-right:25px}body.rtl .simple_form .input.with_label.boolean label.checkbox{padding-left:25px;padding-right:0}body.rtl .simple_form .check_boxes .checkbox input[type=checkbox],body.rtl .simple_form .input.boolean input[type=checkbox]{left:auto;right:0}body.rtl .simple_form .input.radio_buttons .radio{left:auto;right:0}body.rtl .simple_form .input.radio_buttons .radio>label{padding-right:28px;padding-left:0}body.rtl .simple_form .input-with-append .input input{padding-left:142px;padding-right:0}body.rtl .simple_form .input.boolean label.checkbox{left:auto;right:0}body.rtl .simple_form .input.boolean .label_input,body.rtl .simple_form .input.boolean .hint{padding-left:0;padding-right:28px}body.rtl .simple_form .label_input__append{right:auto;left:3px}body.rtl .simple_form .label_input__append::after{right:auto;left:0;background-image:linear-gradient(to left, rgba(249, 250, 251, 0), #f9fafb)}body.rtl .simple_form select{background:#f9fafb url(\"data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14.933 18.467' height='19.698' width='15.929'><path d='M3.467 14.967l-3.393-3.5H14.86l-3.392 3.5c-1.866 1.925-3.666 3.5-4 3.5-.335 0-2.135-1.575-4-3.5zm.266-11.234L7.467 0 11.2 3.733l3.733 3.734H0l3.733-3.734z' fill='%23B3C3D1'/></svg>\") no-repeat left 8px center/auto 16px}body.rtl .table th,body.rtl .table td{text-align:right}body.rtl .filters .filter-subset{margin-right:0;margin-left:45px}body.rtl .landing-page .header-wrapper .mascot{right:60px;left:auto}body.rtl .landing-page__call-to-action .row__information-board{direction:rtl}body.rtl .landing-page .header .hero .floats .float-1{left:-120px;right:auto}body.rtl .landing-page .header .hero .floats .float-2{left:210px;right:auto}body.rtl .landing-page .header .hero .floats .float-3{left:110px;right:auto}body.rtl .landing-page .header .links .brand img{left:0}body.rtl .landing-page .fa-external-link{padding-right:5px;padding-left:0 !important}body.rtl .landing-page .features #mastodon-timeline{margin-right:0;margin-left:30px}@media screen and (min-width: 631px){body.rtl .column,body.rtl .drawer{padding-left:5px;padding-right:5px}body.rtl .column:first-child,body.rtl .drawer:first-child{padding-left:5px;padding-right:10px}body.rtl .columns-area>div .column,body.rtl .columns-area>div .drawer{padding-left:5px;padding-right:5px}}body.rtl .columns-area--mobile .column,body.rtl .columns-area--mobile .drawer{padding-left:0;padding-right:0}body.rtl .public-layout .header .nav-button{margin-left:8px;margin-right:0}body.rtl .public-layout .public-account-header__tabs{margin-left:0;margin-right:20px}body.rtl .landing-page__information .account__display-name{margin-right:0;margin-left:5px}body.rtl .landing-page__information .account__avatar-wrapper{margin-left:12px;margin-right:0}body.rtl .card__bar .display-name{margin-left:0;margin-right:15px;text-align:right}body.rtl .fa-chevron-left::before{content:\"\"}body.rtl .fa-chevron-right::before{content:\"\"}body.rtl .column-back-button__icon{margin-right:0;margin-left:5px}body.rtl .column-header__setting-arrows .column-header__setting-btn:last-child{padding-left:0;padding-right:10px}body.rtl .simple_form .input.radio_buttons .radio>label input{left:auto;right:0}.dashboard__counters{display:flex;flex-wrap:wrap;margin:0 -5px;margin-bottom:20px}.dashboard__counters>div{box-sizing:border-box;flex:0 0 33.333%;padding:0 5px;margin-bottom:10px}.dashboard__counters>div>div,.dashboard__counters>div>a{padding:20px;background:#ccd7e0;border-radius:4px;box-sizing:border-box;height:100%}.dashboard__counters>div>a{text-decoration:none;color:inherit;display:block}.dashboard__counters>div>a:hover,.dashboard__counters>div>a:focus,.dashboard__counters>div>a:active{background:#c0cdd9}.dashboard__counters__num,.dashboard__counters__text{text-align:center;font-weight:500;font-size:24px;line-height:21px;color:#000;font-family:sans-serif,sans-serif;margin-bottom:20px;line-height:30px}.dashboard__counters__text{font-size:18px}.dashboard__counters__label{font-size:14px;color:#282c37;text-align:center;font-weight:500}.dashboard__widgets{display:flex;flex-wrap:wrap;margin:0 -5px}.dashboard__widgets>div{flex:0 0 33.333%;margin-bottom:20px}.dashboard__widgets>div>div{padding:0 5px}.dashboard__widgets a:not(.name-tag){color:#282c37;font-weight:500;text-decoration:none}.glitch.local-settings{background:#d9e1e8}.glitch.local-settings__navigation{background:#f2f5f7}.glitch.local-settings__navigation__item{background:#f2f5f7}.glitch.local-settings__navigation__item:hover{background:#d9e1e8}.notification__dismiss-overlay .wrappy{box-shadow:unset}.notification__dismiss-overlay .ckbox{text-shadow:unset}.status.status-direct:not(.read){background:#f2f5f7;border-bottom-color:#fff}.status.status-direct:not(.read).collapsed>.status__content:after{background:linear-gradient(rgba(242, 245, 247, 0), #f2f5f7)}.focusable:focus.status.status-direct:not(.read){background:#e6ebf0}.focusable:focus.status.status-direct:not(.read).collapsed>.status__content:after{background:linear-gradient(rgba(230, 235, 240, 0), #e6ebf0)}.column>.scrollable{background:#fff}.status.collapsed .status__content:after{background:linear-gradient(rgba(255, 255, 255, 0), white)}.drawer__inner{background:#d9e1e8}.drawer__inner__mastodon{background:#d9e1e8 url('data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 234.80078 31.757813\" width=\"234.80078\" height=\"31.757812\"><path d=\"M19.599609 0c-1.05 0-2.10039.375-2.90039 1.125L0 16.925781v14.832031h234.80078V17.025391l-16.5-15.900391c-1.6-1.5-4.20078-1.5-5.80078 0l-13.80078 13.099609c-1.6 1.5-4.19883 1.5-5.79883 0L179.09961 1.125c-1.6-1.5-4.19883-1.5-5.79883 0L159.5 14.224609c-1.6 1.5-4.20078 1.5-5.80078 0L139.90039 1.125c-1.6-1.5-4.20078-1.5-5.80078 0l-13.79883 13.099609c-1.6 1.5-4.20078 1.5-5.80078 0L100.69922 1.125c-1.600001-1.5-4.198829-1.5-5.798829 0l-13.59961 13.099609c-1.6 1.5-4.200781 1.5-5.800781 0L61.699219 1.125c-1.6-1.5-4.198828-1.5-5.798828 0L42.099609 14.224609c-1.6 1.5-4.198828 1.5-5.798828 0L22.5 1.125C21.7.375 20.649609 0 19.599609 0z\" fill=\"%23FFFFFF\"/></svg>') no-repeat bottom/100% auto !important}.drawer__inner__mastodon .mastodon{filter:contrast(75%) brightness(75%) !important}.status__content .status__content__spoiler-link{background:#7a96ae}.status__content .status__content__spoiler-link:hover{background:#6a89a5;text-decoration:none}.media-spoiler,.video-player__spoiler,.account-gallery__item a{background:#d9e1e8}.dropdown-menu{background:#d9e1e8}.dropdown-menu__arrow.left{border-left-color:#d9e1e8}.dropdown-menu__arrow.top{border-top-color:#d9e1e8}.dropdown-menu__arrow.bottom{border-bottom-color:#d9e1e8}.dropdown-menu__arrow.right{border-right-color:#d9e1e8}.dropdown-menu__item a{background:#d9e1e8;color:#282c37}.composer .composer--spoiler input,.composer .compose-form__autosuggest-wrapper textarea{color:#0f151a}.composer .composer--spoiler input:disabled,.composer .compose-form__autosuggest-wrapper textarea:disabled{background:#e6e6e6}.composer .composer--spoiler input::placeholder,.composer .compose-form__autosuggest-wrapper textarea::placeholder{color:#232f39}.composer .composer--options-wrapper{background:#b9c8d5}.composer .composer--options>hr{display:none}.composer .composer--options--dropdown--content--item{color:#9baec8}.composer .composer--options--dropdown--content--item strong{color:#9baec8}.composer--upload_form--actions .icon-button{color:#ededed}.composer--upload_form--actions .icon-button:active,.composer--upload_form--actions .icon-button:focus,.composer--upload_form--actions .icon-button:hover{color:#fff}.composer--upload_form--item>div input{color:#ededed}.composer--upload_form--item>div input::placeholder{color:#e6e6e6}.dropdown-menu__separator{border-bottom-color:#b3c3d1}.status__content a,.reply-indicator__content a{color:#2b90d9}.emoji-mart-bar{border-color:#e6ebf0}.emoji-mart-bar:first-child{background:#b9c8d5}.emoji-mart-search input{background:rgba(217,225,232,.3);border-color:#d9e1e8}.autosuggest-textarea__suggestions{background:#b9c8d5}.autosuggest-textarea__suggestions__item:hover,.autosuggest-textarea__suggestions__item:focus,.autosuggest-textarea__suggestions__item:active,.autosuggest-textarea__suggestions__item.selected{background:#e6ebf0}.react-toggle-track{background:#282c37}.react-toggle:hover:not(.react-toggle--disabled) .react-toggle-track{background:#131419}.react-toggle.react-toggle--checked:hover:not(.react-toggle--disabled) .react-toggle-track{background:#56a7e1}.actions-modal,.boost-modal,.doodle-modal,.confirmation-modal,.mute-modal,.block-modal,.report-modal,.embed-modal,.error-modal,.onboarding-modal,.report-modal__comment .setting-text__wrapper,.report-modal__comment .setting-text{background:#fff;border:1px solid #c0cdd9}.report-modal__comment{border-right-color:#c0cdd9}.report-modal__container{border-top-color:#c0cdd9}.boost-modal__action-bar,.doodle-modal__action-bar,.confirmation-modal__action-bar,.mute-modal__action-bar,.block-modal__action-bar,.onboarding-modal__paginator,.error-modal__footer{background:#ecf0f4}.boost-modal__action-bar .onboarding-modal__nav:hover,.doodle-modal__action-bar .onboarding-modal__nav:hover,.boost-modal__action-bar .onboarding-modal__nav:focus,.doodle-modal__action-bar .onboarding-modal__nav:focus,.boost-modal__action-bar .onboarding-modal__nav:active,.doodle-modal__action-bar .onboarding-modal__nav:active,.boost-modal__action-bar .error-modal__nav:hover,.doodle-modal__action-bar .error-modal__nav:hover,.boost-modal__action-bar .error-modal__nav:focus,.doodle-modal__action-bar .error-modal__nav:focus,.boost-modal__action-bar .error-modal__nav:active,.doodle-modal__action-bar .error-modal__nav:active,.confirmation-modal__action-bar .onboarding-modal__nav:hover,.confirmation-modal__action-bar .onboarding-modal__nav:focus,.confirmation-modal__action-bar .onboarding-modal__nav:active,.confirmation-modal__action-bar .error-modal__nav:hover,.confirmation-modal__action-bar .error-modal__nav:focus,.confirmation-modal__action-bar .error-modal__nav:active,.mute-modal__action-bar .onboarding-modal__nav:hover,.mute-modal__action-bar .onboarding-modal__nav:focus,.mute-modal__action-bar .onboarding-modal__nav:active,.mute-modal__action-bar .error-modal__nav:hover,.mute-modal__action-bar .error-modal__nav:focus,.mute-modal__action-bar .error-modal__nav:active,.block-modal__action-bar .onboarding-modal__nav:hover,.block-modal__action-bar .onboarding-modal__nav:focus,.block-modal__action-bar .onboarding-modal__nav:active,.block-modal__action-bar .error-modal__nav:hover,.block-modal__action-bar .error-modal__nav:focus,.block-modal__action-bar .error-modal__nav:active,.onboarding-modal__paginator .onboarding-modal__nav:hover,.onboarding-modal__paginator .onboarding-modal__nav:focus,.onboarding-modal__paginator .onboarding-modal__nav:active,.onboarding-modal__paginator .error-modal__nav:hover,.onboarding-modal__paginator .error-modal__nav:focus,.onboarding-modal__paginator .error-modal__nav:active,.error-modal__footer .onboarding-modal__nav:hover,.error-modal__footer .onboarding-modal__nav:focus,.error-modal__footer .onboarding-modal__nav:active,.error-modal__footer .error-modal__nav:hover,.error-modal__footer .error-modal__nav:focus,.error-modal__footer .error-modal__nav:active{background-color:#fff}.empty-column-indicator,.error-column{color:#364959}.activity-stream-tabs{background:#fff}.activity-stream-tabs a.active{color:#9baec8}.activity-stream .entry{background:#fff}.activity-stream .status.light .status__content{color:#000}.activity-stream .status.light .display-name strong{color:#000}.accounts-grid .account-grid-card .controls .icon-button{color:#282c37}.accounts-grid .account-grid-card .name a{color:#000}.accounts-grid .account-grid-card .username{color:#282c37}.accounts-grid .account-grid-card .account__header__content{color:#000}.button.logo-button{color:#fff}.button.logo-button svg{fill:#fff}.public-layout .header,.public-layout .public-account-header,.public-layout .public-account-bio{box-shadow:none}.public-layout .header{background:#b3c3d1}.public-layout .public-account-header__image{background:#b3c3d1}.public-layout .public-account-header__image::after{box-shadow:none}.public-layout .public-account-header__tabs__name h1,.public-layout .public-account-header__tabs__name h1 small{color:#fff}.account__section-headline a.active::after{border-color:transparent transparent #fff}.hero-widget,.box-widget,.contact-widget,.landing-page__information.contact-widget,.moved-account-widget,.memoriam-widget,.activity-stream,.nothing-here,.directory__tag>a,.directory__tag>div{box-shadow:none}.audio-player .video-player__controls button,.audio-player .video-player__time-sep,.audio-player .video-player__time-current,.audio-player .video-player__time-total{color:#000}","/* http://meyerweb.com/eric/tools/css/reset/\n   v2.0 | 20110126\n   License: none (public domain)\n*/\n\nhtml, body, div, span, applet, object, iframe,\nh1, h2, h3, h4, h5, h6, p, blockquote, pre,\na, abbr, acronym, address, big, cite, code,\ndel, dfn, em, img, ins, kbd, q, s, samp,\nsmall, strike, strong, sub, sup, tt, var,\nb, u, i, center,\ndl, dt, dd, ol, ul, li,\nfieldset, form, label, legend,\ntable, caption, tbody, tfoot, thead, tr, th, td,\narticle, aside, canvas, details, embed,\nfigure, figcaption, footer, header, hgroup,\nmenu, nav, output, ruby, section, summary,\ntime, mark, audio, video {\n  margin: 0;\n  padding: 0;\n  border: 0;\n  font-size: 100%;\n  font: inherit;\n  vertical-align: baseline;\n}\n\n/* HTML5 display-role reset for older browsers */\narticle, aside, details, figcaption, figure,\nfooter, header, hgroup, menu, nav, section {\n  display: block;\n}\n\nbody {\n  line-height: 1;\n}\n\nol, ul {\n  list-style: none;\n}\n\nblockquote, q {\n  quotes: none;\n}\n\nblockquote:before, blockquote:after,\nq:before, q:after {\n  content: '';\n  content: none;\n}\n\ntable {\n  border-collapse: collapse;\n  border-spacing: 0;\n}\n\nhtml {\n  scrollbar-color: lighten($ui-base-color, 4%) rgba($base-overlay-background, 0.1);\n}\n\n::-webkit-scrollbar {\n  width: 12px;\n  height: 12px;\n}\n\n::-webkit-scrollbar-thumb {\n  background: lighten($ui-base-color, 4%);\n  border: 0px none $base-border-color;\n  border-radius: 50px;\n}\n\n::-webkit-scrollbar-thumb:hover {\n  background: lighten($ui-base-color, 6%);\n}\n\n::-webkit-scrollbar-thumb:active {\n  background: lighten($ui-base-color, 4%);\n}\n\n::-webkit-scrollbar-track {\n  border: 0px none $base-border-color;\n  border-radius: 0;\n  background: rgba($base-overlay-background, 0.1);\n}\n\n::-webkit-scrollbar-track:hover {\n  background: $ui-base-color;\n}\n\n::-webkit-scrollbar-track:active {\n  background: $ui-base-color;\n}\n\n::-webkit-scrollbar-corner {\n  background: transparent;\n}\n","// Dependent colors\n$black: #000000;\n$white: #ffffff;\n\n$classic-base-color: #282c37;\n$classic-primary-color: #9baec8;\n$classic-secondary-color: #d9e1e8;\n$classic-highlight-color: #2b90d9;\n\n$ui-base-color: $classic-secondary-color !default;\n$ui-base-lighter-color: darken($ui-base-color, 57%);\n$ui-highlight-color: $classic-highlight-color !default;\n$ui-primary-color: $classic-primary-color !default;\n$ui-secondary-color: $classic-base-color !default;\n\n$primary-text-color: $black !default;\n$darker-text-color: $classic-base-color !default;\n$dark-text-color: #444b5d;\n$action-button-color: #606984;\n\n$success-green: lighten(#3c754d, 8%);\n\n$base-overlay-background: $white !default;\n\n$inverted-text-color: $black !default;\n$lighter-text-color: $classic-base-color !default;\n$light-text-color: #444b5d;\n\n$account-background-color: $white !default;\n\n//Invert darkened and lightened colors\n@function darken($color, $amount) {\n  @return hsl(hue($color), saturation($color), lightness($color) + $amount);\n}\n\n@function lighten($color, $amount) {\n  @return hsl(hue($color), saturation($color), lightness($color) - $amount);\n}\n\n$emojis-requiring-outlines: 'alien' 'baseball' 'chains' 'chicken' 'cloud' 'crescent_moon' 'dash' 'dove_of_peace' 'eyes' 'first_quarter_moon' 'first_quarter_moon_with_face' 'fish_cake' 'full_moon' 'full_moon_with_face' 'ghost' 'goat' 'grey_exclamation' 'grey_question' 'ice_skate' 'last_quarter_moon' 'last_quarter_moon_with_face' 'lightning' 'loud_sound' 'moon' 'mute' 'page_with_curl' 'rain_cloud' 'ram' 'rice' 'rice_ball' 'rooster' 'sheep' 'skull' 'skull_and_crossbones' 'snow_cloud' 'sound' 'speaker' 'speech_balloon' 'thought_balloon' 'volleyball' 'waning_crescent_moon' 'waning_gibbous_moon' 'waving_white_flag' 'waxing_crescent_moon' 'white_circle' 'white_large_square' 'white_medium_small_square' 'white_medium_square' 'white_small_square' 'wind_blowing_face';\n","@function hex-color($color) {\n  @if type-of($color) == 'color' {\n    $color: str-slice(ie-hex-str($color), 4);\n  }\n  @return '%23' + unquote($color)\n}\n\nbody {\n  font-family: $font-sans-serif, sans-serif;\n  background: darken($ui-base-color, 7%);\n  font-size: 13px;\n  line-height: 18px;\n  font-weight: 400;\n  color: $primary-text-color;\n  text-rendering: optimizelegibility;\n  font-feature-settings: \"kern\";\n  text-size-adjust: none;\n  -webkit-tap-highlight-color: rgba(0,0,0,0);\n  -webkit-tap-highlight-color: transparent;\n\n  &.system-font {\n    // system-ui => standard property (Chrome/Android WebView 56+, Opera 43+, Safari 11+)\n    // -apple-system => Safari <11 specific\n    // BlinkMacSystemFont => Chrome <56 on macOS specific\n    // Segoe UI => Windows 7/8/10\n    // Oxygen => KDE\n    // Ubuntu => Unity/Ubuntu\n    // Cantarell => GNOME\n    // Fira Sans => Firefox OS\n    // Droid Sans => Older Androids (<4.0)\n    // Helvetica Neue => Older macOS <10.11\n    // $font-sans-serif => web-font (Roboto) fallback and newer Androids (>=4.0)\n    font-family: system-ui, -apple-system, BlinkMacSystemFont, \"Segoe UI\", \"Oxygen\", \"Ubuntu\", \"Cantarell\", \"Fira Sans\", \"Droid Sans\", \"Helvetica Neue\", $font-sans-serif, sans-serif;\n  }\n\n  &.app-body {\n    padding: 0;\n\n    &.layout-single-column {\n      height: auto;\n      min-height: 100vh;\n      overflow-y: scroll;\n    }\n\n    &.layout-multiple-columns {\n      position: absolute;\n      width: 100%;\n      height: 100%;\n    }\n\n    &.with-modals--active {\n      overflow-y: hidden;\n    }\n  }\n\n  &.lighter {\n    background: $ui-base-color;\n  }\n\n  &.with-modals {\n    overflow-x: hidden;\n    overflow-y: scroll;\n\n    &--active {\n      overflow-y: hidden;\n    }\n  }\n\n  &.embed {\n    background: lighten($ui-base-color, 4%);\n    margin: 0;\n    padding-bottom: 0;\n\n    .container {\n      position: absolute;\n      width: 100%;\n      height: 100%;\n      overflow: hidden;\n    }\n  }\n\n  &.admin {\n    background: darken($ui-base-color, 4%);\n    padding: 0;\n  }\n\n  &.error {\n    position: absolute;\n    text-align: center;\n    color: $darker-text-color;\n    background: $ui-base-color;\n    width: 100%;\n    height: 100%;\n    padding: 0;\n    display: flex;\n    justify-content: center;\n    align-items: center;\n\n    .dialog {\n      vertical-align: middle;\n      margin: 20px;\n\n      img {\n        display: block;\n        max-width: 470px;\n        width: 100%;\n        height: auto;\n        margin-top: -120px;\n      }\n\n      h1 {\n        font-size: 20px;\n        line-height: 28px;\n        font-weight: 400;\n      }\n    }\n  }\n}\n\nbutton {\n  font-family: inherit;\n  cursor: pointer;\n\n  &:focus {\n    outline: none;\n  }\n}\n\n.app-holder {\n  &,\n  & > div {\n    display: flex;\n    width: 100%;\n    align-items: center;\n    justify-content: center;\n    outline: 0 !important;\n  }\n}\n\n.layout-single-column .app-holder {\n  &,\n  & > div {\n    min-height: 100vh;\n  }\n}\n\n.layout-multiple-columns .app-holder {\n  &,\n  & > div {\n    height: 100%;\n  }\n}\n",".container-alt {\n  width: 700px;\n  margin: 0 auto;\n  margin-top: 40px;\n\n  @media screen and (max-width: 740px) {\n    width: 100%;\n    margin: 0;\n  }\n}\n\n.logo-container {\n  margin: 100px auto 50px;\n\n  @media screen and (max-width: 500px) {\n    margin: 40px auto 0;\n  }\n\n  h1 {\n    display: flex;\n    justify-content: center;\n    align-items: center;\n\n    svg {\n      fill: $primary-text-color;\n      height: 42px;\n      margin-right: 10px;\n    }\n\n    a {\n      display: flex;\n      justify-content: center;\n      align-items: center;\n      color: $primary-text-color;\n      text-decoration: none;\n      outline: 0;\n      padding: 12px 16px;\n      line-height: 32px;\n      font-family: $font-display, sans-serif;\n      font-weight: 500;\n      font-size: 14px;\n    }\n  }\n}\n\n.compose-standalone {\n  .compose-form {\n    width: 400px;\n    margin: 0 auto;\n    padding: 20px 0;\n    margin-top: 40px;\n    box-sizing: border-box;\n\n    @media screen and (max-width: 400px) {\n      width: 100%;\n      margin-top: 0;\n      padding: 20px;\n    }\n  }\n}\n\n.account-header {\n  width: 400px;\n  margin: 0 auto;\n  display: flex;\n  font-size: 13px;\n  line-height: 18px;\n  box-sizing: border-box;\n  padding: 20px 0;\n  padding-bottom: 0;\n  margin-bottom: -30px;\n  margin-top: 40px;\n\n  @media screen and (max-width: 440px) {\n    width: 100%;\n    margin: 0;\n    margin-bottom: 10px;\n    padding: 20px;\n    padding-bottom: 0;\n  }\n\n  .avatar {\n    width: 40px;\n    height: 40px;\n    @include avatar-size(40px);\n    margin-right: 8px;\n\n    img {\n      width: 100%;\n      height: 100%;\n      display: block;\n      margin: 0;\n      border-radius: 4px;\n      @include avatar-radius();\n    }\n  }\n\n  .name {\n    flex: 1 1 auto;\n    color: $secondary-text-color;\n    width: calc(100% - 88px);\n\n    .username {\n      display: block;\n      font-weight: 500;\n      text-overflow: ellipsis;\n      overflow: hidden;\n    }\n  }\n\n  .logout-link {\n    display: block;\n    font-size: 32px;\n    line-height: 40px;\n    margin-left: 8px;\n  }\n}\n\n.grid-3 {\n  display: grid;\n  grid-gap: 10px;\n  grid-template-columns: 3fr 1fr;\n  grid-auto-columns: 25%;\n  grid-auto-rows: max-content;\n\n  .column-0 {\n    grid-column: 1/3;\n    grid-row: 1;\n  }\n\n  .column-1 {\n    grid-column: 1;\n    grid-row: 2;\n  }\n\n  .column-2 {\n    grid-column: 2;\n    grid-row: 2;\n  }\n\n  .column-3 {\n    grid-column: 1/3;\n    grid-row: 3;\n  }\n\n  @media screen and (max-width: $no-gap-breakpoint) {\n    grid-gap: 0;\n    grid-template-columns: minmax(0, 100%);\n\n    .column-0 {\n      grid-column: 1;\n    }\n\n    .column-1 {\n      grid-column: 1;\n      grid-row: 3;\n    }\n\n    .column-2 {\n      grid-column: 1;\n      grid-row: 2;\n    }\n\n    .column-3 {\n      grid-column: 1;\n      grid-row: 4;\n    }\n  }\n}\n\n.grid-4 {\n  display: grid;\n  grid-gap: 10px;\n  grid-template-columns: repeat(4, minmax(0, 1fr));\n  grid-auto-columns: 25%;\n  grid-auto-rows: max-content;\n\n  .column-0 {\n    grid-column: 1 / 5;\n    grid-row: 1;\n  }\n\n  .column-1 {\n    grid-column: 1 / 4;\n    grid-row: 2;\n  }\n\n  .column-2 {\n    grid-column: 4;\n    grid-row: 2;\n  }\n\n  .column-3 {\n    grid-column: 2 / 5;\n    grid-row: 3;\n  }\n\n  .column-4 {\n    grid-column: 1;\n    grid-row: 3;\n  }\n\n  .landing-page__call-to-action {\n    min-height: 100%;\n  }\n\n  .flash-message {\n    margin-bottom: 10px;\n  }\n\n  @media screen and (max-width: 738px) {\n    grid-template-columns: minmax(0, 50%) minmax(0, 50%);\n\n    .landing-page__call-to-action {\n      padding: 20px;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n    }\n\n    .row__information-board {\n      width: 100%;\n      justify-content: center;\n      align-items: center;\n    }\n\n    .row__mascot {\n      display: none;\n    }\n  }\n\n  @media screen and (max-width: $no-gap-breakpoint) {\n    grid-gap: 0;\n    grid-template-columns: minmax(0, 100%);\n\n    .column-0 {\n      grid-column: 1;\n    }\n\n    .column-1 {\n      grid-column: 1;\n      grid-row: 3;\n    }\n\n    .column-2 {\n      grid-column: 1;\n      grid-row: 2;\n    }\n\n    .column-3 {\n      grid-column: 1;\n      grid-row: 5;\n    }\n\n    .column-4 {\n      grid-column: 1;\n      grid-row: 4;\n    }\n  }\n}\n\n.public-layout {\n  @media screen and (max-width: $no-gap-breakpoint) {\n    padding-top: 48px;\n  }\n\n  .container {\n    max-width: 960px;\n\n    @media screen and (max-width: $no-gap-breakpoint) {\n      padding: 0;\n    }\n  }\n\n  .header {\n    background: lighten($ui-base-color, 8%);\n    box-shadow: 0 0 15px rgba($base-shadow-color, 0.2);\n    border-radius: 4px;\n    height: 48px;\n    margin: 10px 0;\n    display: flex;\n    align-items: stretch;\n    justify-content: center;\n    flex-wrap: nowrap;\n    overflow: hidden;\n\n    @media screen and (max-width: $no-gap-breakpoint) {\n      position: fixed;\n      width: 100%;\n      top: 0;\n      left: 0;\n      margin: 0;\n      border-radius: 0;\n      box-shadow: none;\n      z-index: 110;\n    }\n\n    & > div {\n      flex: 1 1 33.3%;\n      min-height: 1px;\n    }\n\n    .nav-left {\n      display: flex;\n      align-items: stretch;\n      justify-content: flex-start;\n      flex-wrap: nowrap;\n    }\n\n    .nav-center {\n      display: flex;\n      align-items: stretch;\n      justify-content: center;\n      flex-wrap: nowrap;\n    }\n\n    .nav-right {\n      display: flex;\n      align-items: stretch;\n      justify-content: flex-end;\n      flex-wrap: nowrap;\n    }\n\n    .brand {\n      display: block;\n      padding: 15px;\n\n      svg {\n        display: block;\n        height: 18px;\n        width: auto;\n        position: relative;\n        bottom: -2px;\n        fill: $primary-text-color;\n\n        @media screen and (max-width: $no-gap-breakpoint) {\n          height: 20px;\n        }\n      }\n\n      &:hover,\n      &:focus,\n      &:active {\n        background: lighten($ui-base-color, 12%);\n      }\n    }\n\n    .nav-link {\n      display: flex;\n      align-items: center;\n      padding: 0 1rem;\n      font-size: 12px;\n      font-weight: 500;\n      text-decoration: none;\n      color: $darker-text-color;\n      white-space: nowrap;\n      text-align: center;\n\n      &:hover,\n      &:focus,\n      &:active {\n        text-decoration: underline;\n        color: $primary-text-color;\n      }\n\n      @media screen and (max-width: 550px) {\n        &.optional {\n          display: none;\n        }\n      }\n    }\n\n    .nav-button {\n      background: lighten($ui-base-color, 16%);\n      margin: 8px;\n      margin-left: 0;\n      border-radius: 4px;\n\n      &:hover,\n      &:focus,\n      &:active {\n        text-decoration: none;\n        background: lighten($ui-base-color, 20%);\n      }\n    }\n  }\n\n  $no-columns-breakpoint: 600px;\n\n  .grid {\n    display: grid;\n    grid-gap: 10px;\n    grid-template-columns: minmax(300px, 3fr) minmax(298px, 1fr);\n    grid-auto-columns: 25%;\n    grid-auto-rows: max-content;\n\n    .column-0 {\n      grid-row: 1;\n      grid-column: 1;\n    }\n\n    .column-1 {\n      grid-row: 1;\n      grid-column: 2;\n    }\n\n    @media screen and (max-width: $no-columns-breakpoint) {\n      grid-template-columns: 100%;\n      grid-gap: 0;\n\n      .column-1 {\n        display: none;\n      }\n    }\n  }\n\n  .directory__card {\n    border-radius: 4px;\n\n    @media screen and (max-width: $no-gap-breakpoint) {\n      border-radius: 0;\n    }\n  }\n\n  .page-header {\n    @media screen and (max-width: $no-gap-breakpoint) {\n      border-bottom: 0;\n    }\n  }\n\n  .public-account-header {\n    overflow: hidden;\n    margin-bottom: 10px;\n    box-shadow: 0 0 15px rgba($base-shadow-color, 0.2);\n\n    &.inactive {\n      opacity: 0.5;\n\n      .public-account-header__image,\n      .avatar {\n        filter: grayscale(100%);\n      }\n\n      .logo-button {\n        background-color: $secondary-text-color;\n      }\n    }\n\n    &__image {\n      border-radius: 4px 4px 0 0;\n      overflow: hidden;\n      height: 300px;\n      position: relative;\n      background: darken($ui-base-color, 12%);\n\n      &::after {\n        content: \"\";\n        display: block;\n        position: absolute;\n        width: 100%;\n        height: 100%;\n        box-shadow: inset 0 -1px 1px 1px rgba($base-shadow-color, 0.15);\n        top: 0;\n        left: 0;\n      }\n\n      img {\n        object-fit: cover;\n        display: block;\n        width: 100%;\n        height: 100%;\n        margin: 0;\n        border-radius: 4px 4px 0 0;\n      }\n\n      @media screen and (max-width: 600px) {\n        height: 200px;\n      }\n    }\n\n    &--no-bar {\n      margin-bottom: 0;\n\n      .public-account-header__image,\n      .public-account-header__image img {\n        border-radius: 4px;\n\n        @media screen and (max-width: $no-gap-breakpoint) {\n          border-radius: 0;\n        }\n      }\n    }\n\n    @media screen and (max-width: $no-gap-breakpoint) {\n      margin-bottom: 0;\n      box-shadow: none;\n\n      &__image::after {\n        display: none;\n      }\n\n      &__image,\n      &__image img {\n        border-radius: 0;\n      }\n    }\n\n    &__bar {\n      position: relative;\n      margin-top: -80px;\n      display: flex;\n      justify-content: flex-start;\n\n      &::before {\n        content: \"\";\n        display: block;\n        background: lighten($ui-base-color, 4%);\n        position: absolute;\n        bottom: 0;\n        left: 0;\n        right: 0;\n        height: 60px;\n        border-radius: 0 0 4px 4px;\n        z-index: -1;\n      }\n\n      .avatar {\n        display: block;\n        width: 120px;\n        height: 120px;\n        @include avatar-size(120px);\n        padding-left: 20px - 4px;\n        flex: 0 0 auto;\n\n        img {\n          display: block;\n          width: 100%;\n          height: 100%;\n          margin: 0;\n          border-radius: 50%;\n          border: 4px solid lighten($ui-base-color, 4%);\n          background: darken($ui-base-color, 8%);\n          @include avatar-radius();\n        }\n      }\n\n      @media screen and (max-width: 600px) {\n        margin-top: 0;\n        background: lighten($ui-base-color, 4%);\n        border-radius: 0 0 4px 4px;\n        padding: 5px;\n\n        &::before {\n          display: none;\n        }\n\n        .avatar {\n          width: 48px;\n          height: 48px;\n          @include avatar-size(48px);\n          padding: 7px 0;\n          padding-left: 10px;\n\n          img {\n            border: 0;\n            border-radius: 4px;\n            @include avatar-radius();\n          }\n\n          @media screen and (max-width: 360px) {\n            display: none;\n          }\n        }\n      }\n\n      @media screen and (max-width: $no-gap-breakpoint) {\n        border-radius: 0;\n      }\n\n      @media screen and (max-width: $no-columns-breakpoint) {\n        flex-wrap: wrap;\n      }\n    }\n\n    &__tabs {\n      flex: 1 1 auto;\n      margin-left: 20px;\n\n      &__name {\n        padding-top: 20px;\n        padding-bottom: 8px;\n\n        h1 {\n          font-size: 20px;\n          line-height: 18px * 1.5;\n          color: $primary-text-color;\n          font-weight: 500;\n          overflow: hidden;\n          white-space: nowrap;\n          text-overflow: ellipsis;\n          text-shadow: 1px 1px 1px $base-shadow-color;\n\n          small {\n            display: block;\n            font-size: 14px;\n            color: $primary-text-color;\n            font-weight: 400;\n            overflow: hidden;\n            text-overflow: ellipsis;\n          }\n        }\n      }\n\n      @media screen and (max-width: 600px) {\n        margin-left: 15px;\n        display: flex;\n        justify-content: space-between;\n        align-items: center;\n\n        &__name {\n          padding-top: 0;\n          padding-bottom: 0;\n\n          h1 {\n            font-size: 16px;\n            line-height: 24px;\n            text-shadow: none;\n\n            small {\n              color: $darker-text-color;\n            }\n          }\n        }\n      }\n\n      &__tabs {\n        display: flex;\n        justify-content: flex-start;\n        align-items: stretch;\n        height: 58px;\n\n        .details-counters {\n          display: flex;\n          flex-direction: row;\n          min-width: 300px;\n        }\n\n        @media screen and (max-width: $no-columns-breakpoint) {\n          .details-counters {\n            display: none;\n          }\n        }\n\n        .counter {\n          min-width: 33.3%;\n          box-sizing: border-box;\n          flex: 0 0 auto;\n          color: $darker-text-color;\n          padding: 10px;\n          border-right: 1px solid lighten($ui-base-color, 4%);\n          cursor: default;\n          text-align: center;\n          position: relative;\n\n          a {\n            display: block;\n          }\n\n          &:last-child {\n            border-right: 0;\n          }\n\n          &::after {\n            display: block;\n            content: \"\";\n            position: absolute;\n            bottom: 0;\n            left: 0;\n            width: 100%;\n            border-bottom: 4px solid $ui-primary-color;\n            opacity: 0.5;\n            transition: all 400ms ease;\n          }\n\n          &.active {\n            &::after {\n              border-bottom: 4px solid $highlight-text-color;\n              opacity: 1;\n            }\n\n            &.inactive::after {\n              border-bottom-color: $secondary-text-color;\n            }\n          }\n\n          &:hover {\n            &::after {\n              opacity: 1;\n              transition-duration: 100ms;\n            }\n          }\n\n          a {\n            text-decoration: none;\n            color: inherit;\n          }\n\n          .counter-label {\n            font-size: 12px;\n            display: block;\n          }\n\n          .counter-number {\n            font-weight: 500;\n            font-size: 18px;\n            margin-bottom: 5px;\n            color: $primary-text-color;\n            font-family: $font-display, sans-serif;\n          }\n        }\n\n        .spacer {\n          flex: 1 1 auto;\n          height: 1px;\n        }\n\n        &__buttons {\n          padding: 7px 8px;\n        }\n      }\n    }\n\n    &__extra {\n      display: none;\n      margin-top: 4px;\n\n      .public-account-bio {\n        border-radius: 0;\n        box-shadow: none;\n        background: transparent;\n        margin: 0 -5px;\n\n        .account__header__fields {\n          border-top: 1px solid lighten($ui-base-color, 12%);\n        }\n\n        .roles {\n          display: none;\n        }\n      }\n\n      &__links {\n        margin-top: -15px;\n        font-size: 14px;\n        color: $darker-text-color;\n\n        a {\n          display: inline-block;\n          color: $darker-text-color;\n          text-decoration: none;\n          padding: 15px;\n          font-weight: 500;\n\n          strong {\n            font-weight: 700;\n            color: $primary-text-color;\n          }\n        }\n      }\n\n      @media screen and (max-width: $no-columns-breakpoint) {\n        display: block;\n        flex: 100%;\n      }\n    }\n  }\n\n  .account__section-headline {\n    border-radius: 4px 4px 0 0;\n\n    @media screen and (max-width: $no-gap-breakpoint) {\n      border-radius: 0;\n    }\n  }\n\n  .detailed-status__meta {\n    margin-top: 25px;\n  }\n\n  .public-account-bio {\n    background: lighten($ui-base-color, 8%);\n    box-shadow: 0 0 15px rgba($base-shadow-color, 0.2);\n    border-radius: 4px;\n    overflow: hidden;\n    margin-bottom: 10px;\n\n    @media screen and (max-width: $no-gap-breakpoint) {\n      box-shadow: none;\n      margin-bottom: 0;\n      border-radius: 0;\n    }\n\n    .account__header__fields {\n      margin: 0;\n      border-top: 0;\n\n      a {\n        color: lighten($ui-highlight-color, 8%);\n      }\n\n      dl:first-child .verified {\n        border-radius: 0 4px 0 0;\n      }\n\n      .verified a {\n        color: $valid-value-color;\n      }\n    }\n\n    .account__header__content {\n      padding: 20px;\n      padding-bottom: 0;\n      color: $primary-text-color;\n    }\n\n    &__extra,\n    .roles {\n      padding: 20px;\n      font-size: 14px;\n      color: $darker-text-color;\n    }\n\n    .roles {\n      padding-bottom: 0;\n    }\n  }\n\n  .directory__list {\n    display: grid;\n    grid-gap: 10px;\n    grid-template-columns: minmax(0, 50%) minmax(0, 50%);\n\n    @media screen and (max-width: $no-gap-breakpoint) {\n      display: block;\n    }\n\n    .icon-button {\n      font-size: 18px;\n    }\n  }\n\n  .directory__card {\n    margin-bottom: 0;\n  }\n\n  .card-grid {\n    display: flex;\n    flex-wrap: wrap;\n    min-width: 100%;\n    margin: 0 -5px;\n\n    & > div {\n      box-sizing: border-box;\n      flex: 1 0 auto;\n      width: 300px;\n      padding: 0 5px;\n      margin-bottom: 10px;\n      max-width: 33.333%;\n\n      @media screen and (max-width: 900px) {\n        max-width: 50%;\n      }\n\n      @media screen and (max-width: 600px) {\n        max-width: 100%;\n      }\n    }\n\n    @media screen and (max-width: $no-gap-breakpoint) {\n      margin: 0;\n      border-top: 1px solid lighten($ui-base-color, 8%);\n\n      & > div {\n        width: 100%;\n        padding: 0;\n        margin-bottom: 0;\n        border-bottom: 1px solid lighten($ui-base-color, 8%);\n\n        &:last-child {\n          border-bottom: 0;\n        }\n\n        .card__bar {\n          background: $ui-base-color;\n\n          &:hover,\n          &:active,\n          &:focus {\n            background: lighten($ui-base-color, 4%);\n          }\n        }\n      }\n    }\n  }\n}\n","@mixin avatar-radius() {\n  border-radius: $ui-avatar-border-size;\n  background-position: 50%;\n  background-clip: padding-box;\n}\n\n@mixin avatar-size($size:48px) {\n  width: $size;\n  height: $size;\n  background-size: $size $size;\n}\n\n@mixin single-column($media, $parent: '&') {\n  .auto-columns #{$parent} {\n    @media #{$media} {\n      @content;\n    }\n  }\n  .single-column #{$parent} {\n    @content;\n  }\n}\n\n@mixin limited-single-column($media, $parent: '&') {\n  .auto-columns #{$parent}, .single-column #{$parent} {\n    @media #{$media} {\n      @content;\n    }\n  }\n}\n\n@mixin multi-columns($media, $parent: '&') {\n  .auto-columns #{$parent} {\n    @media #{$media} {\n      @content;\n    }\n  }\n  .multi-columns #{$parent} {\n    @content;\n  }\n}\n\n@mixin fullwidth-gallery {\n  &.full-width {\n    margin-left: -14px;\n    margin-right: -14px;\n    width: inherit;\n    max-width: none;\n    height: 250px;\n    border-radius: 0px;\n  }\n}\n\n@mixin search-input() {\n  outline: 0;\n  box-sizing: border-box;\n  width: 100%;\n  border: none;\n  box-shadow: none;\n  font-family: inherit;\n  background: $ui-base-color;\n  color: $darker-text-color;\n  font-size: 14px;\n  margin: 0;\n}\n\n@mixin search-popout() {\n  background: $simple-background-color;\n  border-radius: 4px;\n  padding: 10px 14px;\n  padding-bottom: 14px;\n  margin-top: 10px;\n  color: $light-text-color;\n  box-shadow: 2px 4px 15px rgba($base-shadow-color, 0.4);\n\n  h4 {\n    text-transform: uppercase;\n    color: $light-text-color;\n    font-size: 13px;\n    font-weight: 500;\n    margin-bottom: 10px;\n  }\n\n  li {\n    padding: 4px 0;\n  }\n\n  ul {\n    margin-bottom: 10px;\n  }\n\n  em {\n    font-weight: 500;\n    color: $inverted-text-color;\n  }\n}\n","// Commonly used web colors\n$black: #000000;            // Black\n$white: #ffffff;            // White\n$success-green: #79bd9a;    // Padua\n$error-red: #df405a;        // Cerise\n$warning-red: #ff5050;      // Sunset Orange\n$gold-star: #ca8f04;        // Dark Goldenrod\n\n$red-bookmark: $warning-red;\n\n// Pleroma-Dark colors\n$pleroma-bg: #121a24;\n$pleroma-fg: #182230;\n$pleroma-text: #b9b9ba;\n$pleroma-links: #d8a070;\n\n// Values from the classic Mastodon UI\n$classic-base-color: $pleroma-bg;\n$classic-primary-color: #9baec8;\n$classic-secondary-color: #d9e1e8;\n$classic-highlight-color: #d8a070;\n\n// Variables for defaults in UI\n$base-shadow-color: $black !default;\n$base-overlay-background: $black !default;\n$base-border-color: $white !default;\n$simple-background-color: $white !default;\n$valid-value-color: $success-green !default;\n$error-value-color: $error-red !default;\n\n// Tell UI to use selected colors\n$ui-base-color: $classic-base-color !default;                  // Darkest\n$ui-base-lighter-color: lighten($ui-base-color, 26%) !default; // Lighter darkest\n$ui-primary-color: $classic-primary-color !default;            // Lighter\n$ui-secondary-color: $classic-secondary-color !default;        // Lightest\n$ui-highlight-color: $classic-highlight-color !default;\n\n// Variables for texts\n$primary-text-color: $white !default;\n$darker-text-color: $ui-primary-color !default;\n$dark-text-color: $ui-base-lighter-color !default;\n$secondary-text-color: $ui-secondary-color !default;\n$highlight-text-color: $ui-highlight-color !default;\n$action-button-color: $ui-base-lighter-color !default;\n// For texts on inverted backgrounds\n$inverted-text-color: $ui-base-color !default;\n$lighter-text-color: $ui-base-lighter-color !default;\n$light-text-color: $ui-primary-color !default;\n\n// Language codes that uses CJK fonts\n$cjk-langs: ja, ko, zh-CN, zh-HK, zh-TW;\n\n// Variables for components\n$media-modal-media-max-width: 100%;\n// put margins on top and bottom of image to avoid the screen covered by image.\n$media-modal-media-max-height: 80%;\n\n$no-gap-breakpoint: 415px;\n\n$font-sans-serif: sans-serif !default;\n$font-display: sans-serif !default;\n$font-monospace: monospace !default;\n\n// Avatar border size (8% default, 100% for rounded avatars)\n$ui-avatar-border-size: 8%;\n\n// More variables\n$dismiss-overlay-width: 4rem;\n",".no-list {\n  list-style: none;\n\n  li {\n    display: inline-block;\n    margin: 0 5px;\n  }\n}\n\n.recovery-codes {\n  list-style: none;\n  margin: 0 auto;\n\n  li {\n    font-size: 125%;\n    line-height: 1.5;\n    letter-spacing: 1px;\n  }\n}\n",".modal-layout {\n  background: $ui-base-color url('data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 234.80078 31.757813\" width=\"234.80078\" height=\"31.757812\"><path d=\"M19.599609 0c-1.05 0-2.10039.375-2.90039 1.125L0 16.925781v14.832031h234.80078V17.025391l-16.5-15.900391c-1.6-1.5-4.20078-1.5-5.80078 0l-13.80078 13.099609c-1.6 1.5-4.19883 1.5-5.79883 0L179.09961 1.125c-1.6-1.5-4.19883-1.5-5.79883 0L159.5 14.224609c-1.6 1.5-4.20078 1.5-5.80078 0L139.90039 1.125c-1.6-1.5-4.20078-1.5-5.80078 0l-13.79883 13.099609c-1.6 1.5-4.20078 1.5-5.80078 0L100.69922 1.125c-1.600001-1.5-4.198829-1.5-5.798829 0l-13.59961 13.099609c-1.6 1.5-4.200781 1.5-5.800781 0L61.699219 1.125c-1.6-1.5-4.198828-1.5-5.798828 0L42.099609 14.224609c-1.6 1.5-4.198828 1.5-5.798828 0L22.5 1.125C21.7.375 20.649609 0 19.599609 0z\" fill=\"#{hex-color($ui-base-lighter-color)}\"/></svg>') repeat-x bottom fixed;\n  display: flex;\n  flex-direction: column;\n  height: 100vh;\n  padding: 0;\n}\n\n.modal-layout__mastodon {\n  display: flex;\n  flex: 1;\n  flex-direction: column;\n  justify-content: flex-end;\n\n  > * {\n    flex: 1;\n    max-height: 235px;\n  }\n}\n\n@media screen and (max-width: 600px) {\n  .account-header {\n    margin-top: 0;\n  }\n}\n",".public-layout {\n  .footer {\n    text-align: left;\n    padding-top: 20px;\n    padding-bottom: 60px;\n    font-size: 12px;\n    color: lighten($ui-base-color, 34%);\n\n    @media screen and (max-width: $no-gap-breakpoint) {\n      padding-left: 20px;\n      padding-right: 20px;\n    }\n\n    .grid {\n      display: grid;\n      grid-gap: 10px;\n      grid-template-columns: 1fr 1fr 2fr 1fr 1fr;\n\n      .column-0 {\n        grid-column: 1;\n        grid-row: 1;\n        min-width: 0;\n      }\n\n      .column-1 {\n        grid-column: 2;\n        grid-row: 1;\n        min-width: 0;\n      }\n\n      .column-2 {\n        grid-column: 3;\n        grid-row: 1;\n        min-width: 0;\n        text-align: center;\n\n        h4 a {\n          color: lighten($ui-base-color, 34%);\n        }\n      }\n\n      .column-3 {\n        grid-column: 4;\n        grid-row: 1;\n        min-width: 0;\n      }\n\n      .column-4 {\n        grid-column: 5;\n        grid-row: 1;\n        min-width: 0;\n      }\n\n      @media screen and (max-width: 690px) {\n        grid-template-columns: 1fr 2fr 1fr;\n\n        .column-0,\n        .column-1 {\n          grid-column: 1;\n        }\n\n        .column-1 {\n          grid-row: 2;\n        }\n\n        .column-2 {\n          grid-column: 2;\n        }\n\n        .column-3,\n        .column-4 {\n          grid-column: 3;\n        }\n\n        .column-4 {\n          grid-row: 2;\n        }\n      }\n\n      @media screen and (max-width: 600px) {\n        .column-1 {\n          display: block;\n        }\n      }\n\n      @media screen and (max-width: $no-gap-breakpoint) {\n        .column-0,\n        .column-1,\n        .column-3,\n        .column-4 {\n          display: none;\n        }\n      }\n    }\n\n    h4 {\n      text-transform: uppercase;\n      font-weight: 700;\n      margin-bottom: 8px;\n      color: $darker-text-color;\n\n      a {\n        color: inherit;\n        text-decoration: none;\n      }\n    }\n\n    ul a {\n      text-decoration: none;\n      color: lighten($ui-base-color, 34%);\n\n      &:hover,\n      &:active,\n      &:focus {\n        text-decoration: underline;\n      }\n    }\n\n    .brand {\n      svg {\n        display: block;\n        height: 36px;\n        width: auto;\n        margin: 0 auto;\n        fill: lighten($ui-base-color, 34%);\n      }\n\n      &:hover,\n      &:focus,\n      &:active {\n        svg {\n          fill: lighten($ui-base-color, 38%);\n        }\n      }\n    }\n  }\n}\n",".compact-header {\n  h1 {\n    font-size: 24px;\n    line-height: 28px;\n    color: $darker-text-color;\n    font-weight: 500;\n    margin-bottom: 20px;\n    padding: 0 10px;\n    word-wrap: break-word;\n\n    @media screen and (max-width: 740px) {\n      text-align: center;\n      padding: 20px 10px 0;\n    }\n\n    a {\n      color: inherit;\n      text-decoration: none;\n    }\n\n    small {\n      font-weight: 400;\n      color: $secondary-text-color;\n    }\n\n    img {\n      display: inline-block;\n      margin-bottom: -5px;\n      margin-right: 15px;\n      width: 36px;\n      height: 36px;\n    }\n  }\n}\n",".hero-widget {\n  margin-bottom: 10px;\n  box-shadow: 0 0 15px rgba($base-shadow-color, 0.2);\n\n  &__img {\n    width: 100%;\n    position: relative;\n    overflow: hidden;\n    border-radius: 4px 4px 0 0;\n    background: $base-shadow-color;\n\n    img {\n      object-fit: cover;\n      display: block;\n      width: 100%;\n      height: 100%;\n      margin: 0;\n      border-radius: 4px 4px 0 0;\n    }\n  }\n\n  &__text {\n    background: $ui-base-color;\n    padding: 20px;\n    border-radius: 0 0 4px 4px;\n    font-size: 15px;\n    color: $darker-text-color;\n    line-height: 20px;\n    word-wrap: break-word;\n    font-weight: 400;\n\n    .emojione {\n      width: 20px;\n      height: 20px;\n      margin: -3px 0 0;\n    }\n\n    p {\n      margin-bottom: 20px;\n\n      &:last-child {\n        margin-bottom: 0;\n      }\n    }\n\n    em {\n      display: inline;\n      margin: 0;\n      padding: 0;\n      font-weight: 700;\n      background: transparent;\n      font-family: inherit;\n      font-size: inherit;\n      line-height: inherit;\n      color: lighten($darker-text-color, 10%);\n    }\n\n    a {\n      color: $secondary-text-color;\n      text-decoration: none;\n\n      &:hover {\n        text-decoration: underline;\n      }\n    }\n  }\n\n  @media screen and (max-width: $no-gap-breakpoint) {\n    display: none;\n  }\n}\n\n.endorsements-widget {\n  margin-bottom: 10px;\n  padding-bottom: 10px;\n\n  h4 {\n    padding: 10px;\n    text-transform: uppercase;\n    font-weight: 700;\n    font-size: 13px;\n    color: $darker-text-color;\n  }\n\n  .account {\n    padding: 10px 0;\n\n    &:last-child {\n      border-bottom: 0;\n    }\n\n    .account__display-name {\n      display: flex;\n      align-items: center;\n    }\n\n    .account__avatar {\n      width: 44px;\n      height: 44px;\n      background-size: 44px 44px;\n    }\n  }\n\n  .trends__item {\n    padding: 10px;\n  }\n}\n\n.trends-widget {\n  h4 {\n    color: $darker-text-color;\n  }\n}\n\n.box-widget {\n  padding: 20px;\n  border-radius: 4px;\n  background: $ui-base-color;\n  box-shadow: 0 0 15px rgba($base-shadow-color, 0.2);\n}\n\n.placeholder-widget {\n  padding: 16px;\n  border-radius: 4px;\n  border: 2px dashed $dark-text-color;\n  text-align: center;\n  color: $darker-text-color;\n  margin-bottom: 10px;\n}\n\n.contact-widget {\n  min-height: 100%;\n  font-size: 15px;\n  color: $darker-text-color;\n  line-height: 20px;\n  word-wrap: break-word;\n  font-weight: 400;\n  padding: 0;\n\n  h4 {\n    padding: 10px;\n    text-transform: uppercase;\n    font-weight: 700;\n    font-size: 13px;\n    color: $darker-text-color;\n  }\n\n  .account {\n    border-bottom: 0;\n    padding: 10px 0;\n    padding-top: 5px;\n  }\n\n  & > a {\n    display: inline-block;\n    padding: 10px;\n    padding-top: 0;\n    color: $darker-text-color;\n    text-decoration: none;\n    white-space: nowrap;\n    overflow: hidden;\n    text-overflow: ellipsis;\n\n    &:hover,\n    &:focus,\n    &:active {\n      text-decoration: underline;\n    }\n  }\n}\n\n.moved-account-widget {\n  padding: 15px;\n  padding-bottom: 20px;\n  border-radius: 4px;\n  background: $ui-base-color;\n  box-shadow: 0 0 15px rgba($base-shadow-color, 0.2);\n  color: $secondary-text-color;\n  font-weight: 400;\n  margin-bottom: 10px;\n\n  strong,\n  a {\n    font-weight: 500;\n\n    @each $lang in $cjk-langs {\n      &:lang(#{$lang}) {\n        font-weight: 700;\n      }\n    }\n  }\n\n  a {\n    color: inherit;\n    text-decoration: underline;\n\n    &.mention {\n      text-decoration: none;\n\n      span {\n        text-decoration: none;\n      }\n\n      &:focus,\n      &:hover,\n      &:active {\n        text-decoration: none;\n\n        span {\n          text-decoration: underline;\n        }\n      }\n    }\n  }\n\n  &__message {\n    margin-bottom: 15px;\n\n    .fa {\n      margin-right: 5px;\n      color: $darker-text-color;\n    }\n  }\n\n  &__card {\n    .detailed-status__display-avatar {\n      position: relative;\n      cursor: pointer;\n    }\n\n    .detailed-status__display-name {\n      margin-bottom: 0;\n      text-decoration: none;\n\n      span {\n        font-weight: 400;\n      }\n    }\n  }\n}\n\n.memoriam-widget {\n  padding: 20px;\n  border-radius: 4px;\n  background: $base-shadow-color;\n  box-shadow: 0 0 15px rgba($base-shadow-color, 0.2);\n  font-size: 14px;\n  color: $darker-text-color;\n  margin-bottom: 10px;\n}\n\n.page-header {\n  background: lighten($ui-base-color, 8%);\n  box-shadow: 0 0 15px rgba($base-shadow-color, 0.2);\n  border-radius: 4px;\n  padding: 60px 15px;\n  text-align: center;\n  margin: 10px 0;\n\n  h1 {\n    color: $primary-text-color;\n    font-size: 36px;\n    line-height: 1.1;\n    font-weight: 700;\n    margin-bottom: 10px;\n  }\n\n  p {\n    font-size: 15px;\n    color: $darker-text-color;\n  }\n\n  @media screen and (max-width: $no-gap-breakpoint) {\n    margin-top: 0;\n    background: lighten($ui-base-color, 4%);\n\n    h1 {\n      font-size: 24px;\n    }\n  }\n}\n\n.directory {\n  background: $ui-base-color;\n  border-radius: 4px;\n  box-shadow: 0 0 15px rgba($base-shadow-color, 0.2);\n\n  &__tag {\n    box-sizing: border-box;\n    margin-bottom: 10px;\n\n    & > a,\n    & > div {\n      display: flex;\n      align-items: center;\n      justify-content: space-between;\n      background: $ui-base-color;\n      border-radius: 4px;\n      padding: 15px;\n      text-decoration: none;\n      color: inherit;\n      box-shadow: 0 0 15px rgba($base-shadow-color, 0.2);\n    }\n\n    & > a {\n      &:hover,\n      &:active,\n      &:focus {\n        background: lighten($ui-base-color, 8%);\n      }\n    }\n\n    &.active > a {\n      background: $ui-highlight-color;\n      cursor: default;\n    }\n\n    &.disabled > div {\n      opacity: 0.5;\n      cursor: default;\n    }\n\n    h4 {\n      flex: 1 1 auto;\n      font-size: 18px;\n      font-weight: 700;\n      color: $primary-text-color;\n      white-space: nowrap;\n      overflow: hidden;\n      text-overflow: ellipsis;\n\n      .fa {\n        color: $darker-text-color;\n      }\n\n      small {\n        display: block;\n        font-weight: 400;\n        font-size: 15px;\n        margin-top: 8px;\n        color: $darker-text-color;\n      }\n    }\n\n    &.active h4 {\n      &,\n      .fa,\n      small {\n        color: $primary-text-color;\n      }\n    }\n\n    .avatar-stack {\n      flex: 0 0 auto;\n      width: (36px + 4px) * 3;\n    }\n\n    &.active .avatar-stack .account__avatar {\n      border-color: $ui-highlight-color;\n    }\n  }\n}\n\n.avatar-stack {\n  display: flex;\n  justify-content: flex-end;\n\n  .account__avatar {\n    flex: 0 0 auto;\n    width: 36px;\n    height: 36px;\n    border-radius: 50%;\n    position: relative;\n    margin-left: -10px;\n    background: darken($ui-base-color, 8%);\n    border: 2px solid $ui-base-color;\n\n    &:nth-child(1) {\n      z-index: 1;\n    }\n\n    &:nth-child(2) {\n      z-index: 2;\n    }\n\n    &:nth-child(3) {\n      z-index: 3;\n    }\n  }\n}\n\n.accounts-table {\n  width: 100%;\n\n  .account {\n    padding: 0;\n    border: 0;\n  }\n\n  strong {\n    font-weight: 700;\n  }\n\n  thead th {\n    text-align: center;\n    text-transform: uppercase;\n    color: $darker-text-color;\n    font-weight: 700;\n    padding: 10px;\n\n    &:first-child {\n      text-align: left;\n    }\n  }\n\n  tbody td {\n    padding: 15px 0;\n    vertical-align: middle;\n    border-bottom: 1px solid lighten($ui-base-color, 8%);\n  }\n\n  tbody tr:last-child td {\n    border-bottom: 0;\n  }\n\n  &__count {\n    width: 120px;\n    text-align: center;\n    font-size: 15px;\n    font-weight: 500;\n    color: $primary-text-color;\n\n    small {\n      display: block;\n      color: $darker-text-color;\n      font-weight: 400;\n      font-size: 14px;\n    }\n  }\n\n  &__comment {\n    width: 50%;\n    vertical-align: initial !important;\n  }\n\n  @media screen and (max-width: $no-gap-breakpoint) {\n    tbody td.optional {\n      display: none;\n    }\n  }\n}\n\n.moved-account-widget,\n.memoriam-widget,\n.box-widget,\n.contact-widget,\n.landing-page__information.contact-widget,\n.directory,\n.page-header {\n  @media screen and (max-width: $no-gap-breakpoint) {\n    margin-bottom: 0;\n    box-shadow: none;\n    border-radius: 0;\n  }\n}\n\n$maximum-width: 1235px;\n$fluid-breakpoint: $maximum-width + 20px;\n\n.statuses-grid {\n  min-height: 600px;\n\n  @media screen and (max-width: 640px) {\n    width: 100% !important; // Masonry layout is unnecessary at this width\n  }\n\n  &__item {\n    width: (960px - 20px) / 3;\n\n    @media screen and (max-width: $fluid-breakpoint) {\n      width: (940px - 20px) / 3;\n    }\n\n    @media screen and (max-width: 640px) {\n      width: 100%;\n    }\n\n    @media screen and (max-width: $no-gap-breakpoint) {\n      width: 100vw;\n    }\n  }\n\n  .detailed-status {\n    border-radius: 4px;\n\n    @media screen and (max-width: $no-gap-breakpoint) {\n      border-top: 1px solid lighten($ui-base-color, 16%);\n    }\n\n    &.compact {\n      .detailed-status__meta {\n        margin-top: 15px;\n      }\n\n      .status__content {\n        font-size: 15px;\n        line-height: 20px;\n\n        .emojione {\n          width: 20px;\n          height: 20px;\n          margin: -3px 0 0;\n        }\n\n        .status__content__spoiler-link {\n          line-height: 20px;\n          margin: 0;\n        }\n      }\n\n      .media-gallery,\n      .status-card,\n      .video-player {\n        margin-top: 15px;\n      }\n    }\n  }\n}\n\n.notice-widget {\n  margin-bottom: 10px;\n  color: $darker-text-color;\n\n  p {\n    margin-bottom: 10px;\n\n    &:last-child {\n      margin-bottom: 0;\n    }\n  }\n\n  a {\n    font-size: 14px;\n    line-height: 20px;\n  }\n}\n\n.notice-widget,\n.placeholder-widget {\n  a {\n    text-decoration: none;\n    font-weight: 500;\n    color: $ui-highlight-color;\n\n    &:hover,\n    &:focus,\n    &:active {\n      text-decoration: underline;\n    }\n  }\n}\n\n.table-of-contents {\n  background: darken($ui-base-color, 4%);\n  min-height: 100%;\n  font-size: 14px;\n  border-radius: 4px;\n\n  li a {\n    display: block;\n    font-weight: 500;\n    padding: 15px;\n    overflow: hidden;\n    white-space: nowrap;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    text-decoration: none;\n    color: $primary-text-color;\n    border-bottom: 1px solid lighten($ui-base-color, 4%);\n\n    &:hover,\n    &:focus,\n    &:active {\n      text-decoration: underline;\n    }\n  }\n\n  li:last-child a {\n    border-bottom: 0;\n  }\n\n  li ul {\n    padding-left: 20px;\n    border-bottom: 1px solid lighten($ui-base-color, 4%);\n  }\n}\n","$no-columns-breakpoint: 600px;\n\ncode {\n  font-family: $font-monospace, monospace;\n  font-weight: 400;\n}\n\n.form-container {\n  max-width: 400px;\n  padding: 20px;\n  margin: 0 auto;\n}\n\n.simple_form {\n  .input {\n    margin-bottom: 15px;\n    overflow: hidden;\n\n    &.hidden {\n      margin: 0;\n    }\n\n    &.radio_buttons {\n      .radio {\n        margin-bottom: 15px;\n\n        &:last-child {\n          margin-bottom: 0;\n        }\n      }\n\n      .radio > label {\n        position: relative;\n        padding-left: 28px;\n\n        input {\n          position: absolute;\n          top: -2px;\n          left: 0;\n        }\n      }\n    }\n\n    &.boolean {\n      position: relative;\n      margin-bottom: 0;\n\n      .label_input > label {\n        font-family: inherit;\n        font-size: 14px;\n        padding-top: 5px;\n        color: $primary-text-color;\n        display: block;\n        width: auto;\n      }\n\n      .label_input,\n      .hint {\n        padding-left: 28px;\n      }\n\n      .label_input__wrapper {\n        position: static;\n      }\n\n      label.checkbox {\n        position: absolute;\n        top: 2px;\n        left: 0;\n      }\n\n      label a {\n        color: $highlight-text-color;\n        text-decoration: underline;\n\n        &:hover,\n        &:active,\n        &:focus {\n          text-decoration: none;\n        }\n      }\n\n      .recommended {\n        position: absolute;\n        margin: 0 4px;\n        margin-top: -2px;\n      }\n    }\n  }\n\n  .row {\n    display: flex;\n    margin: 0 -5px;\n\n    .input {\n      box-sizing: border-box;\n      flex: 1 1 auto;\n      width: 50%;\n      padding: 0 5px;\n    }\n  }\n\n  .hint {\n    color: $darker-text-color;\n\n    a {\n      color: $highlight-text-color;\n    }\n\n    code {\n      border-radius: 3px;\n      padding: 0.2em 0.4em;\n      background: darken($ui-base-color, 12%);\n    }\n  }\n\n  span.hint {\n    display: block;\n    font-size: 12px;\n    margin-top: 4px;\n  }\n\n  p.hint {\n    margin-bottom: 15px;\n    color: $darker-text-color;\n\n    &.subtle-hint {\n      text-align: center;\n      font-size: 12px;\n      line-height: 18px;\n      margin-top: 15px;\n      margin-bottom: 0;\n    }\n  }\n\n  .card {\n    margin-bottom: 15px;\n  }\n\n  strong {\n    font-weight: 500;\n\n    @each $lang in $cjk-langs {\n      &:lang(#{$lang}) {\n        font-weight: 700;\n      }\n    }\n  }\n\n  .input.with_floating_label {\n    .label_input {\n      display: flex;\n\n      & > label {\n        font-family: inherit;\n        font-size: 14px;\n        color: $primary-text-color;\n        font-weight: 500;\n        min-width: 150px;\n        flex: 0 0 auto;\n      }\n\n      input,\n      select {\n        flex: 1 1 auto;\n      }\n    }\n\n    &.select .hint {\n      margin-top: 6px;\n      margin-left: 150px;\n    }\n  }\n\n  .input.with_label {\n    .label_input > label {\n      font-family: inherit;\n      font-size: 14px;\n      color: $primary-text-color;\n      display: block;\n      margin-bottom: 8px;\n      word-wrap: break-word;\n      font-weight: 500;\n    }\n\n    .hint {\n      margin-top: 6px;\n    }\n\n    ul {\n      flex: 390px;\n    }\n  }\n\n  .input.with_block_label {\n    max-width: none;\n\n    & > label {\n      font-family: inherit;\n      font-size: 16px;\n      color: $primary-text-color;\n      display: block;\n      font-weight: 500;\n      padding-top: 5px;\n    }\n\n    .hint {\n      margin-bottom: 15px;\n    }\n\n    ul {\n      columns: 2;\n    }\n  }\n\n  .required abbr {\n    text-decoration: none;\n    color: lighten($error-value-color, 12%);\n  }\n\n  .fields-group {\n    margin-bottom: 25px;\n\n    .input:last-child {\n      margin-bottom: 0;\n    }\n  }\n\n  .fields-row {\n    display: flex;\n    margin: 0 -10px;\n    padding-top: 5px;\n    margin-bottom: 25px;\n\n    .input {\n      max-width: none;\n    }\n\n    &__column {\n      box-sizing: border-box;\n      padding: 0 10px;\n      flex: 1 1 auto;\n      min-height: 1px;\n\n      &-6 {\n        max-width: 50%;\n      }\n\n      .actions {\n        margin-top: 27px;\n      }\n    }\n\n    .fields-group:last-child,\n    .fields-row__column.fields-group {\n      margin-bottom: 0;\n    }\n\n    @media screen and (max-width: $no-columns-breakpoint) {\n      display: block;\n      margin-bottom: 0;\n\n      &__column {\n        max-width: none;\n      }\n\n      .fields-group:last-child,\n      .fields-row__column.fields-group,\n      .fields-row__column {\n        margin-bottom: 25px;\n      }\n    }\n  }\n\n  .input.radio_buttons .radio label {\n    margin-bottom: 5px;\n    font-family: inherit;\n    font-size: 14px;\n    color: $primary-text-color;\n    display: block;\n    width: auto;\n  }\n\n  .check_boxes {\n    .checkbox {\n      label {\n        font-family: inherit;\n        font-size: 14px;\n        color: $primary-text-color;\n        display: inline-block;\n        width: auto;\n        position: relative;\n        padding-top: 5px;\n        padding-left: 25px;\n        flex: 1 1 auto;\n      }\n\n      input[type=checkbox] {\n        position: absolute;\n        left: 0;\n        top: 5px;\n        margin: 0;\n      }\n    }\n  }\n\n  .input.static .label_input__wrapper {\n    font-size: 16px;\n    padding: 10px;\n    border: 1px solid $dark-text-color;\n    border-radius: 4px;\n  }\n\n  input[type=text],\n  input[type=number],\n  input[type=email],\n  input[type=password],\n  textarea {\n    box-sizing: border-box;\n    font-size: 16px;\n    color: $primary-text-color;\n    display: block;\n    width: 100%;\n    outline: 0;\n    font-family: inherit;\n    resize: vertical;\n    background: darken($ui-base-color, 10%);\n    border: 1px solid darken($ui-base-color, 14%);\n    border-radius: 4px;\n    padding: 10px;\n\n    &::placeholder {\n      color: lighten($darker-text-color, 4%);\n    }\n\n    &:invalid {\n      box-shadow: none;\n    }\n\n    &:focus:invalid:not(:placeholder-shown) {\n      border-color: lighten($error-red, 12%);\n    }\n\n    &:required:valid {\n      border-color: $valid-value-color;\n    }\n\n    &:hover {\n      border-color: darken($ui-base-color, 20%);\n    }\n\n    &:active,\n    &:focus {\n      border-color: $highlight-text-color;\n      background: darken($ui-base-color, 8%);\n    }\n  }\n\n  .input.field_with_errors {\n    label {\n      color: lighten($error-red, 12%);\n    }\n\n    input[type=text],\n    input[type=number],\n    input[type=email],\n    input[type=password],\n    textarea,\n    select {\n      border-color: lighten($error-red, 12%);\n    }\n\n    .error {\n      display: block;\n      font-weight: 500;\n      color: lighten($error-red, 12%);\n      margin-top: 4px;\n    }\n  }\n\n  .input.disabled {\n    opacity: 0.5;\n  }\n\n  .actions {\n    margin-top: 30px;\n    display: flex;\n\n    &.actions--top {\n      margin-top: 0;\n      margin-bottom: 30px;\n    }\n  }\n\n  button,\n  .button,\n  .block-button {\n    display: block;\n    width: 100%;\n    border: 0;\n    border-radius: 4px;\n    background: $ui-highlight-color;\n    color: $primary-text-color;\n    font-size: 18px;\n    line-height: inherit;\n    height: auto;\n    padding: 10px;\n    text-transform: uppercase;\n    text-decoration: none;\n    text-align: center;\n    box-sizing: border-box;\n    cursor: pointer;\n    font-weight: 500;\n    outline: 0;\n    margin-bottom: 10px;\n    margin-right: 10px;\n\n    &:last-child {\n      margin-right: 0;\n    }\n\n    &:hover {\n      background-color: lighten($ui-highlight-color, 5%);\n    }\n\n    &:active,\n    &:focus {\n      background-color: darken($ui-highlight-color, 5%);\n    }\n\n    &:disabled:hover {\n      background-color: $ui-primary-color;\n    }\n\n    &.negative {\n      background: $error-value-color;\n\n      &:hover {\n        background-color: lighten($error-value-color, 5%);\n      }\n\n      &:active,\n      &:focus {\n        background-color: darken($error-value-color, 5%);\n      }\n    }\n  }\n\n  select {\n    appearance: none;\n    box-sizing: border-box;\n    font-size: 16px;\n    color: $primary-text-color;\n    display: block;\n    width: 100%;\n    outline: 0;\n    font-family: inherit;\n    resize: vertical;\n    background: darken($ui-base-color, 10%) url(\"data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14.933 18.467' height='19.698' width='15.929'><path d='M3.467 14.967l-3.393-3.5H14.86l-3.392 3.5c-1.866 1.925-3.666 3.5-4 3.5-.335 0-2.135-1.575-4-3.5zm.266-11.234L7.467 0 11.2 3.733l3.733 3.734H0l3.733-3.734z' fill='#{hex-color(lighten($ui-base-color, 12%))}'/></svg>\") no-repeat right 8px center / auto 16px;\n    border: 1px solid darken($ui-base-color, 14%);\n    border-radius: 4px;\n    padding-left: 10px;\n    padding-right: 30px;\n    height: 41px;\n  }\n\n  h4 {\n    margin-bottom: 15px !important;\n  }\n\n  .label_input {\n    &__wrapper {\n      position: relative;\n    }\n\n    &__append {\n      position: absolute;\n      right: 3px;\n      top: 1px;\n      padding: 10px;\n      padding-bottom: 9px;\n      font-size: 16px;\n      color: $dark-text-color;\n      font-family: inherit;\n      pointer-events: none;\n      cursor: default;\n      max-width: 140px;\n      white-space: nowrap;\n      overflow: hidden;\n\n      &::after {\n        content: '';\n        display: block;\n        position: absolute;\n        top: 0;\n        right: 0;\n        bottom: 1px;\n        width: 5px;\n        background-image: linear-gradient(to right, rgba(darken($ui-base-color, 10%), 0), darken($ui-base-color, 10%));\n      }\n    }\n  }\n\n  &__overlay-area {\n    position: relative;\n\n    &__blurred form {\n      filter: blur(2px);\n    }\n\n    &__overlay {\n      position: absolute;\n      top: 0;\n      left: 0;\n      width: 100%;\n      height: 100%;\n      display: flex;\n      justify-content: center;\n      align-items: center;\n      background: rgba($ui-base-color, 0.65);\n      border-radius: 4px;\n      margin-left: -4px;\n      margin-top: -4px;\n      padding: 4px;\n\n      &__content {\n        text-align: center;\n\n        &.rich-formatting {\n          &,\n          p {\n            color: $primary-text-color;\n          }\n        }\n      }\n    }\n  }\n}\n\n.block-icon {\n  display: block;\n  margin: 0 auto;\n  margin-bottom: 10px;\n  font-size: 24px;\n}\n\n.flash-message {\n  background: lighten($ui-base-color, 8%);\n  color: $darker-text-color;\n  border-radius: 4px;\n  padding: 15px 10px;\n  margin-bottom: 30px;\n  text-align: center;\n\n  &.notice {\n    border: 1px solid rgba($valid-value-color, 0.5);\n    background: rgba($valid-value-color, 0.25);\n    color: $valid-value-color;\n  }\n\n  &.alert {\n    border: 1px solid rgba($error-value-color, 0.5);\n    background: rgba($error-value-color, 0.25);\n    color: $error-value-color;\n  }\n\n  a {\n    display: inline-block;\n    color: $darker-text-color;\n    text-decoration: none;\n\n    &:hover {\n      color: $primary-text-color;\n      text-decoration: underline;\n    }\n  }\n\n  p {\n    margin-bottom: 15px;\n  }\n\n  .oauth-code {\n    outline: 0;\n    box-sizing: border-box;\n    display: block;\n    width: 100%;\n    border: none;\n    padding: 10px;\n    font-family: $font-monospace, monospace;\n    background: $ui-base-color;\n    color: $primary-text-color;\n    font-size: 14px;\n    margin: 0;\n\n    &::-moz-focus-inner {\n      border: 0;\n    }\n\n    &::-moz-focus-inner,\n    &:focus,\n    &:active {\n      outline: 0 !important;\n    }\n\n    &:focus {\n      background: lighten($ui-base-color, 4%);\n    }\n  }\n\n  strong {\n    font-weight: 500;\n\n    @each $lang in $cjk-langs {\n      &:lang(#{$lang}) {\n        font-weight: 700;\n      }\n    }\n  }\n\n  @media screen and (max-width: 740px) and (min-width: 441px) {\n    margin-top: 40px;\n  }\n}\n\n.form-footer {\n  margin-top: 30px;\n  text-align: center;\n\n  a {\n    color: $darker-text-color;\n    text-decoration: none;\n\n    &:hover {\n      text-decoration: underline;\n    }\n  }\n}\n\n.quick-nav {\n  list-style: none;\n  margin-bottom: 25px;\n  font-size: 14px;\n\n  li {\n    display: inline-block;\n    margin-right: 10px;\n  }\n\n  a {\n    color: $highlight-text-color;\n    text-transform: uppercase;\n    text-decoration: none;\n    font-weight: 700;\n\n    &:hover,\n    &:focus,\n    &:active {\n      color: lighten($highlight-text-color, 8%);\n    }\n  }\n}\n\n.oauth-prompt,\n.follow-prompt {\n  margin-bottom: 30px;\n  color: $darker-text-color;\n\n  h2 {\n    font-size: 16px;\n    margin-bottom: 30px;\n    text-align: center;\n  }\n\n  strong {\n    color: $secondary-text-color;\n    font-weight: 500;\n\n    @each $lang in $cjk-langs {\n      &:lang(#{$lang}) {\n        font-weight: 700;\n      }\n    }\n  }\n\n  @media screen and (max-width: 740px) and (min-width: 441px) {\n    margin-top: 40px;\n  }\n}\n\n.qr-wrapper {\n  display: flex;\n  flex-wrap: wrap;\n  align-items: flex-start;\n}\n\n.qr-code {\n  flex: 0 0 auto;\n  background: $simple-background-color;\n  padding: 4px;\n  margin: 0 10px 20px 0;\n  box-shadow: 0 0 15px rgba($base-shadow-color, 0.2);\n  display: inline-block;\n\n  svg {\n    display: block;\n    margin: 0;\n  }\n}\n\n.qr-alternative {\n  margin-bottom: 20px;\n  color: $secondary-text-color;\n  flex: 150px;\n\n  samp {\n    display: block;\n    font-size: 14px;\n  }\n}\n\n.table-form {\n  p {\n    margin-bottom: 15px;\n\n    strong {\n      font-weight: 500;\n\n      @each $lang in $cjk-langs {\n        &:lang(#{$lang}) {\n          font-weight: 700;\n        }\n      }\n    }\n  }\n}\n\n.simple_form,\n.table-form {\n  .warning {\n    box-sizing: border-box;\n    background: rgba($error-value-color, 0.5);\n    color: $primary-text-color;\n    text-shadow: 1px 1px 0 rgba($base-shadow-color, 0.3);\n    box-shadow: 0 2px 6px rgba($base-shadow-color, 0.4);\n    border-radius: 4px;\n    padding: 10px;\n    margin-bottom: 15px;\n\n    a {\n      color: $primary-text-color;\n      text-decoration: underline;\n\n      &:hover,\n      &:focus,\n      &:active {\n        text-decoration: none;\n      }\n    }\n\n    strong {\n      font-weight: 600;\n      display: block;\n      margin-bottom: 5px;\n\n      @each $lang in $cjk-langs {\n        &:lang(#{$lang}) {\n          font-weight: 700;\n        }\n      }\n\n      .fa {\n        font-weight: 400;\n      }\n    }\n  }\n}\n\n.action-pagination {\n  display: flex;\n  flex-wrap: wrap;\n  align-items: center;\n\n  .actions,\n  .pagination {\n    flex: 1 1 auto;\n  }\n\n  .actions {\n    padding: 30px 0;\n    padding-right: 20px;\n    flex: 0 0 auto;\n  }\n}\n\n.post-follow-actions {\n  text-align: center;\n  color: $darker-text-color;\n\n  div {\n    margin-bottom: 4px;\n  }\n}\n\n.alternative-login {\n  margin-top: 20px;\n  margin-bottom: 20px;\n\n  h4 {\n    font-size: 16px;\n    color: $primary-text-color;\n    text-align: center;\n    margin-bottom: 20px;\n    border: 0;\n    padding: 0;\n  }\n\n  .button {\n    display: block;\n  }\n}\n\n.scope-danger {\n  color: $warning-red;\n}\n\n.form_admin_settings_site_short_description,\n.form_admin_settings_site_description,\n.form_admin_settings_site_extended_description,\n.form_admin_settings_site_terms,\n.form_admin_settings_custom_css,\n.form_admin_settings_closed_registrations_message {\n  textarea {\n    font-family: $font-monospace, monospace;\n  }\n}\n\n.input-copy {\n  background: darken($ui-base-color, 10%);\n  border: 1px solid darken($ui-base-color, 14%);\n  border-radius: 4px;\n  display: flex;\n  align-items: center;\n  padding-right: 4px;\n  position: relative;\n  top: 1px;\n  transition: border-color 300ms linear;\n\n  &__wrapper {\n    flex: 1 1 auto;\n  }\n\n  input[type=text] {\n    background: transparent;\n    border: 0;\n    padding: 10px;\n    font-size: 14px;\n    font-family: $font-monospace, monospace;\n  }\n\n  button {\n    flex: 0 0 auto;\n    margin: 4px;\n    text-transform: none;\n    font-weight: 400;\n    font-size: 14px;\n    padding: 7px 18px;\n    padding-bottom: 6px;\n    width: auto;\n    transition: background 300ms linear;\n  }\n\n  &.copied {\n    border-color: $valid-value-color;\n    transition: none;\n\n    button {\n      background: $valid-value-color;\n      transition: none;\n    }\n  }\n}\n\n.connection-prompt {\n  margin-bottom: 25px;\n\n  .fa-link {\n    background-color: darken($ui-base-color, 4%);\n    border-radius: 100%;\n    font-size: 24px;\n    padding: 10px;\n  }\n\n  &__column {\n    align-items: center;\n    display: flex;\n    flex: 1;\n    flex-direction: column;\n    flex-shrink: 1;\n    max-width: 50%;\n\n    &-sep {\n      align-self: center;\n      flex-grow: 0;\n      overflow: visible;\n      position: relative;\n      z-index: 1;\n    }\n\n    p {\n      word-break: break-word;\n    }\n  }\n\n  .account__avatar {\n    margin-bottom: 20px;\n  }\n\n  &__connection {\n    background-color: lighten($ui-base-color, 8%);\n    box-shadow: 0 0 15px rgba($base-shadow-color, 0.2);\n    border-radius: 4px;\n    padding: 25px 10px;\n    position: relative;\n    text-align: center;\n\n    &::after {\n      background-color: darken($ui-base-color, 4%);\n      content: '';\n      display: block;\n      height: 100%;\n      left: 50%;\n      position: absolute;\n      top: 0;\n      width: 1px;\n    }\n  }\n\n  &__row {\n    align-items: flex-start;\n    display: flex;\n    flex-direction: row;\n  }\n}\n",".card {\n  & > a {\n    display: block;\n    text-decoration: none;\n    color: inherit;\n    box-shadow: 0 0 15px rgba($base-shadow-color, 0.2);\n\n    @media screen and (max-width: $no-gap-breakpoint) {\n      box-shadow: none;\n    }\n\n    &:hover,\n    &:active,\n    &:focus {\n      .card__bar {\n        background: lighten($ui-base-color, 8%);\n      }\n    }\n  }\n\n  &__img {\n    height: 130px;\n    position: relative;\n    background: darken($ui-base-color, 12%);\n    border-radius: 4px 4px 0 0;\n\n    img {\n      display: block;\n      width: 100%;\n      height: 100%;\n      margin: 0;\n      object-fit: cover;\n      border-radius: 4px 4px 0 0;\n    }\n\n    @media screen and (max-width: 600px) {\n      height: 200px;\n    }\n\n    @media screen and (max-width: $no-gap-breakpoint) {\n      display: none;\n    }\n  }\n\n  &__bar {\n    position: relative;\n    padding: 15px;\n    display: flex;\n    justify-content: flex-start;\n    align-items: center;\n    background: lighten($ui-base-color, 4%);\n    border-radius: 0 0 4px 4px;\n\n    @media screen and (max-width: $no-gap-breakpoint) {\n      border-radius: 0;\n    }\n\n    .avatar {\n      flex: 0 0 auto;\n      width: 48px;\n      height: 48px;\n      @include avatar-size(48px);\n      padding-top: 2px;\n\n      img {\n        width: 100%;\n        height: 100%;\n        display: block;\n        margin: 0;\n        border-radius: 4px;\n        @include avatar-radius();\n        background: darken($ui-base-color, 8%);\n        object-fit: cover;\n      }\n    }\n\n    .display-name {\n      margin-left: 15px;\n      text-align: left;\n\n      strong {\n        font-size: 15px;\n        color: $primary-text-color;\n        font-weight: 500;\n        overflow: hidden;\n        text-overflow: ellipsis;\n      }\n\n      span {\n        display: block;\n        font-size: 14px;\n        color: $darker-text-color;\n        font-weight: 400;\n        overflow: hidden;\n        text-overflow: ellipsis;\n      }\n    }\n  }\n}\n\n.pagination {\n  padding: 30px 0;\n  text-align: center;\n  overflow: hidden;\n\n  a,\n  .current,\n  .newer,\n  .older,\n  .page,\n  .gap {\n    font-size: 14px;\n    color: $primary-text-color;\n    font-weight: 500;\n    display: inline-block;\n    padding: 6px 10px;\n    text-decoration: none;\n  }\n\n  .current {\n    background: $simple-background-color;\n    border-radius: 100px;\n    color: $inverted-text-color;\n    cursor: default;\n    margin: 0 10px;\n  }\n\n  .gap {\n    cursor: default;\n  }\n\n  .older,\n  .newer {\n    text-transform: uppercase;\n    color: $secondary-text-color;\n  }\n\n  .older {\n    float: left;\n    padding-left: 0;\n\n    .fa {\n      display: inline-block;\n      margin-right: 5px;\n    }\n  }\n\n  .newer {\n    float: right;\n    padding-right: 0;\n\n    .fa {\n      display: inline-block;\n      margin-left: 5px;\n    }\n  }\n\n  .disabled {\n    cursor: default;\n    color: lighten($inverted-text-color, 10%);\n  }\n\n  @media screen and (max-width: 700px) {\n    padding: 30px 20px;\n\n    .page {\n      display: none;\n    }\n\n    .newer,\n    .older {\n      display: inline-block;\n    }\n  }\n}\n\n.nothing-here {\n  background: $ui-base-color;\n  box-shadow: 0 0 15px rgba($base-shadow-color, 0.2);\n  color: $light-text-color;\n  font-size: 14px;\n  font-weight: 500;\n  text-align: center;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  cursor: default;\n  border-radius: 4px;\n  padding: 20px;\n  min-height: 30vh;\n\n  &--under-tabs {\n    border-radius: 0 0 4px 4px;\n  }\n\n  &--flexible {\n    box-sizing: border-box;\n    min-height: 100%;\n  }\n}\n\n.account-role,\n.simple_form .recommended {\n  display: inline-block;\n  padding: 4px 6px;\n  cursor: default;\n  border-radius: 3px;\n  font-size: 12px;\n  line-height: 12px;\n  font-weight: 500;\n  color: $ui-secondary-color;\n  background-color: rgba($ui-secondary-color, 0.1);\n  border: 1px solid rgba($ui-secondary-color, 0.5);\n\n  &.moderator {\n    color: $success-green;\n    background-color: rgba($success-green, 0.1);\n    border-color: rgba($success-green, 0.5);\n  }\n\n  &.admin {\n    color: lighten($error-red, 12%);\n    background-color: rgba(lighten($error-red, 12%), 0.1);\n    border-color: rgba(lighten($error-red, 12%), 0.5);\n  }\n}\n\n.account__header__fields {\n  max-width: 100vw;\n  padding: 0;\n  margin: 15px -15px -15px;\n  border: 0 none;\n  border-top: 1px solid lighten($ui-base-color, 12%);\n  border-bottom: 1px solid lighten($ui-base-color, 12%);\n  font-size: 14px;\n  line-height: 20px;\n\n  dl {\n    display: flex;\n    border-bottom: 1px solid lighten($ui-base-color, 12%);\n  }\n\n  dt,\n  dd {\n    box-sizing: border-box;\n    padding: 14px;\n    text-align: center;\n    max-height: 48px;\n    overflow: hidden;\n    white-space: nowrap;\n    text-overflow: ellipsis;\n  }\n\n  dt {\n    font-weight: 500;\n    width: 120px;\n    flex: 0 0 auto;\n    color: $secondary-text-color;\n    background: rgba(darken($ui-base-color, 8%), 0.5);\n  }\n\n  dd {\n    flex: 1 1 auto;\n    color: $darker-text-color;\n  }\n\n  a {\n    color: $highlight-text-color;\n    text-decoration: none;\n\n    &:hover,\n    &:focus,\n    &:active {\n      text-decoration: underline;\n    }\n  }\n\n  .verified {\n    border: 1px solid rgba($valid-value-color, 0.5);\n    background: rgba($valid-value-color, 0.25);\n\n    a {\n      color: $valid-value-color;\n      font-weight: 500;\n    }\n\n    &__mark {\n      color: $valid-value-color;\n    }\n  }\n\n  dl:last-child {\n    border-bottom: 0;\n  }\n}\n\n.directory__tag .trends__item__current {\n  width: auto;\n}\n\n.pending-account {\n  &__header {\n    color: $darker-text-color;\n\n    a {\n      color: $ui-secondary-color;\n      text-decoration: none;\n\n      &:hover,\n      &:active,\n      &:focus {\n        text-decoration: underline;\n      }\n    }\n\n    strong {\n      color: $primary-text-color;\n      font-weight: 700;\n    }\n  }\n\n  &__body {\n    margin-top: 10px;\n  }\n}\n",".activity-stream {\n  box-shadow: 0 0 15px rgba($base-shadow-color, 0.2);\n  border-radius: 4px;\n  overflow: hidden;\n  margin-bottom: 10px;\n\n  @media screen and (max-width: $no-gap-breakpoint) {\n    margin-bottom: 0;\n    border-radius: 0;\n    box-shadow: none;\n  }\n\n  &--headless {\n    border-radius: 0;\n    margin: 0;\n    box-shadow: none;\n\n    .detailed-status,\n    .status {\n      border-radius: 0 !important;\n    }\n  }\n\n  div[data-component] {\n    width: 100%;\n  }\n\n  .entry {\n    background: $ui-base-color;\n\n    .detailed-status,\n    .status,\n    .load-more {\n      animation: none;\n    }\n\n    &:last-child {\n      .detailed-status,\n      .status,\n      .load-more {\n        border-bottom: 0;\n        border-radius: 0 0 4px 4px;\n      }\n    }\n\n    &:first-child {\n      .detailed-status,\n      .status,\n      .load-more {\n        border-radius: 4px 4px 0 0;\n      }\n\n      &:last-child {\n        .detailed-status,\n        .status,\n        .load-more {\n          border-radius: 4px;\n        }\n      }\n    }\n\n    @media screen and (max-width: 740px) {\n      .detailed-status,\n      .status,\n      .load-more {\n        border-radius: 0 !important;\n      }\n    }\n  }\n\n  &--highlighted .entry {\n    background: lighten($ui-base-color, 8%);\n  }\n}\n\n.button.logo-button {\n  flex: 0 auto;\n  font-size: 14px;\n  background: $ui-highlight-color;\n  color: $primary-text-color;\n  text-transform: none;\n  line-height: 36px;\n  height: auto;\n  padding: 3px 15px;\n  border: 0;\n\n  svg {\n    width: 20px;\n    height: auto;\n    vertical-align: middle;\n    margin-right: 5px;\n    fill: $primary-text-color;\n  }\n\n  &:active,\n  &:focus,\n  &:hover {\n    background: lighten($ui-highlight-color, 10%);\n  }\n\n  &:disabled,\n  &.disabled {\n    &:active,\n    &:focus,\n    &:hover {\n      background: $ui-primary-color;\n    }\n  }\n\n  &.button--destructive {\n    &:active,\n    &:focus,\n    &:hover {\n      background: $error-red;\n    }\n  }\n\n  @media screen and (max-width: $no-gap-breakpoint) {\n    svg {\n      display: none;\n    }\n  }\n}\n\n.embed,\n.public-layout {\n  .detailed-status {\n    padding: 15px;\n  }\n\n  .status {\n    padding: 15px 15px 15px (48px + 15px * 2);\n    min-height: 48px + 2px;\n\n    &__avatar {\n      left: 15px;\n      top: 17px;\n    }\n\n    &__content {\n      padding-top: 5px;\n    }\n\n    &__prepend {\n      padding: 8px 0;\n      padding-bottom: 2px;\n      margin: initial;\n      margin-left: 48px + 15px * 2;\n      padding-top: 15px;\n    }\n\n    &__prepend-icon-wrapper {\n      position: absolute;\n      margin: initial;\n      float: initial;\n      width: auto;\n      left: -32px;\n    }\n\n    .media-gallery,\n    &__action-bar,\n    .video-player {\n      margin-top: 10px;\n    }\n  }\n}\n\n// Styling from upstream's WebUI, as public pages use the same layout\n.embed,\n.public-layout {\n  .status {\n    .status__info {\n      font-size: 15px;\n      display: initial;\n    }\n\n    .status__relative-time {\n      color: $dark-text-color;\n      float: right;\n      font-size: 14px;\n      width: auto;\n      margin: initial;\n      padding: initial;\n    }\n\n    .status__info .status__display-name {\n      display: block;\n      max-width: 100%;\n      padding: 6px 0;\n      padding-right: 25px;\n      margin: initial;\n\n      .display-name strong {\n        display: inline;\n      }\n    }\n\n    .status__avatar {\n      height: 48px;\n      position: absolute;\n      width: 48px;\n      margin: initial;\n    }\n  }\n}\n\n.rtl {\n  .embed,\n  .public-layout {\n    .status {\n      padding-left: 10px;\n      padding-right: 68px;\n\n      .status__info .status__display-name {\n        padding-left: 25px;\n        padding-right: 0;\n      }\n\n      .status__relative-time {\n        float: left;\n      }\n    }\n  }\n}\n",".app-body {\n  -webkit-overflow-scrolling: touch;\n  -ms-overflow-style: -ms-autohiding-scrollbar;\n}\n\n.link-button {\n  display: block;\n  font-size: 15px;\n  line-height: 20px;\n  color: $ui-highlight-color;\n  border: 0;\n  background: transparent;\n  padding: 0;\n  cursor: pointer;\n\n  &:hover,\n  &:active {\n    text-decoration: underline;\n  }\n\n  &:disabled {\n    color: $ui-primary-color;\n    cursor: default;\n  }\n}\n\n.button {\n  background-color: darken($ui-highlight-color, 3%);\n  border: 10px none;\n  border-radius: 4px;\n  box-sizing: border-box;\n  color: $primary-text-color;\n  cursor: pointer;\n  display: inline-block;\n  font-family: inherit;\n  font-size: 14px;\n  font-weight: 500;\n  height: 36px;\n  letter-spacing: 0;\n  line-height: 36px;\n  overflow: hidden;\n  padding: 0 16px;\n  position: relative;\n  text-align: center;\n  text-transform: uppercase;\n  text-decoration: none;\n  text-overflow: ellipsis;\n  transition: all 100ms ease-in;\n  transition-property: background-color;\n  white-space: nowrap;\n  width: auto;\n\n  &:active,\n  &:focus,\n  &:hover {\n    background-color: lighten($ui-highlight-color, 7%);\n    transition: all 200ms ease-out;\n    transition-property: background-color;\n  }\n\n  &--destructive {\n    transition: none;\n\n    &:active,\n    &:focus,\n    &:hover {\n      background-color: $error-red;\n      transition: none;\n    }\n  }\n\n  &:disabled {\n    background-color: $ui-primary-color;\n    cursor: default;\n  }\n\n  &.button-primary,\n  &.button-alternative,\n  &.button-secondary,\n  &.button-alternative-2 {\n    font-size: 16px;\n    line-height: 36px;\n    height: auto;\n    text-transform: none;\n    padding: 4px 16px;\n  }\n\n  &.button-alternative {\n    color: $inverted-text-color;\n    background: $ui-primary-color;\n\n    &:active,\n    &:focus,\n    &:hover {\n      background-color: lighten($ui-primary-color, 4%);\n    }\n  }\n\n  &.button-alternative-2 {\n    background: $ui-base-lighter-color;\n\n    &:active,\n    &:focus,\n    &:hover {\n      background-color: lighten($ui-base-lighter-color, 4%);\n    }\n  }\n\n  &.button-secondary {\n    font-size: 16px;\n    line-height: 36px;\n    height: auto;\n    color: $darker-text-color;\n    text-transform: none;\n    background: transparent;\n    padding: 3px 15px;\n    border-radius: 4px;\n    border: 1px solid $ui-primary-color;\n\n    &:active,\n    &:focus,\n    &:hover {\n      border-color: lighten($ui-primary-color, 4%);\n      color: lighten($darker-text-color, 4%);\n    }\n\n    &:disabled {\n      opacity: 0.5;\n    }\n  }\n\n  &.button--block {\n    display: block;\n    width: 100%;\n  }\n}\n\n.icon-button {\n  display: inline-block;\n  padding: 0;\n  color: $action-button-color;\n  border: 0;\n  border-radius: 4px;\n  background: transparent;\n  cursor: pointer;\n  transition: all 100ms ease-in;\n  transition-property: background-color, color;\n\n  &:hover,\n  &:active,\n  &:focus {\n    color: lighten($action-button-color, 7%);\n    background-color: rgba($action-button-color, 0.15);\n    transition: all 200ms ease-out;\n    transition-property: background-color, color;\n  }\n\n  &:focus {\n    background-color: rgba($action-button-color, 0.3);\n  }\n\n  &.disabled {\n    color: darken($action-button-color, 13%);\n    background-color: transparent;\n    cursor: default;\n  }\n\n  &.active {\n    color: $highlight-text-color;\n  }\n\n  &::-moz-focus-inner {\n    border: 0;\n  }\n\n  &::-moz-focus-inner,\n  &:focus,\n  &:active {\n    outline: 0 !important;\n  }\n\n  &.inverted {\n    color: $lighter-text-color;\n\n    &:hover,\n    &:active,\n    &:focus {\n      color: darken($lighter-text-color, 7%);\n      background-color: rgba($lighter-text-color, 0.15);\n    }\n\n    &:focus {\n      background-color: rgba($lighter-text-color, 0.3);\n    }\n\n    &.disabled {\n      color: lighten($lighter-text-color, 7%);\n      background-color: transparent;\n    }\n\n    &.active {\n      color: $highlight-text-color;\n\n      &.disabled {\n        color: lighten($highlight-text-color, 13%);\n      }\n    }\n  }\n\n  &.overlayed {\n    box-sizing: content-box;\n    background: rgba($base-overlay-background, 0.6);\n    color: rgba($primary-text-color, 0.7);\n    border-radius: 4px;\n    padding: 2px;\n\n    &:hover {\n      background: rgba($base-overlay-background, 0.9);\n    }\n  }\n}\n\n.text-icon-button {\n  color: $lighter-text-color;\n  border: 0;\n  border-radius: 4px;\n  background: transparent;\n  cursor: pointer;\n  font-weight: 600;\n  font-size: 11px;\n  padding: 0 3px;\n  line-height: 27px;\n  outline: 0;\n  transition: all 100ms ease-in;\n  transition-property: background-color, color;\n\n  &:hover,\n  &:active,\n  &:focus {\n    color: darken($lighter-text-color, 7%);\n    background-color: rgba($lighter-text-color, 0.15);\n    transition: all 200ms ease-out;\n    transition-property: background-color, color;\n  }\n\n  &:focus {\n    background-color: rgba($lighter-text-color, 0.3);\n  }\n\n  &.disabled {\n    color: lighten($lighter-text-color, 20%);\n    background-color: transparent;\n    cursor: default;\n  }\n\n  &.active {\n    color: $highlight-text-color;\n  }\n\n  &::-moz-focus-inner {\n    border: 0;\n  }\n\n  &::-moz-focus-inner,\n  &:focus,\n  &:active {\n    outline: 0 !important;\n  }\n}\n\n.dropdown-menu {\n  position: absolute;\n  transform-origin: 50% 0;\n}\n\n.invisible {\n  font-size: 0;\n  line-height: 0;\n  display: inline-block;\n  width: 0;\n  height: 0;\n  position: absolute;\n\n  img,\n  svg {\n    margin: 0 !important;\n    border: 0 !important;\n    padding: 0 !important;\n    width: 0 !important;\n    height: 0 !important;\n  }\n}\n\n.ellipsis {\n  &::after {\n    content: \"…\";\n  }\n}\n\n.notification__favourite-icon-wrapper {\n  left: 0;\n  position: absolute;\n\n  .fa.star-icon {\n    color: $gold-star;\n  }\n}\n\n.star-icon.active {\n  color: $gold-star;\n}\n\n.bookmark-icon.active {\n  color: $red-bookmark;\n}\n\n.no-reduce-motion .icon-button.star-icon {\n  &.activate {\n    & > .fa-star {\n      animation: spring-rotate-in 1s linear;\n    }\n  }\n\n  &.deactivate {\n    & > .fa-star {\n      animation: spring-rotate-out 1s linear;\n    }\n  }\n}\n\n.notification__display-name {\n  color: inherit;\n  font-weight: 500;\n  text-decoration: none;\n\n  &:hover {\n    color: $primary-text-color;\n    text-decoration: underline;\n  }\n}\n\n.display-name {\n  display: block;\n  max-width: 100%;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n\n  a {\n    color: inherit;\n    text-decoration: inherit;\n  }\n\n  strong {\n    height: 18px;\n    font-size: 16px;\n    font-weight: 500;\n    line-height: 18px;\n    text-overflow: ellipsis;\n    overflow: hidden;\n    white-space: nowrap;\n  }\n\n  span {\n    display: block;\n    height: 18px;\n    font-size: 15px;\n    line-height: 18px;\n    text-overflow: ellipsis;\n    overflow: hidden;\n    white-space: nowrap;\n  }\n\n  > a:hover {\n    strong {\n      text-decoration: underline;\n    }\n  }\n\n  &.inline {\n    padding: 0;\n    height: 18px;\n    font-size: 15px;\n    line-height: 18px;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n    overflow: hidden;\n\n    strong {\n      display: inline;\n      height: auto;\n      font-size: inherit;\n      line-height: inherit;\n    }\n\n    span {\n      display: inline;\n      height: auto;\n      font-size: inherit;\n      line-height: inherit;\n    }\n  }\n}\n\n.display-name__html {\n  font-weight: 500;\n}\n\n.display-name__account {\n  font-size: 14px;\n}\n\n.image-loader {\n  position: relative;\n  width: 100%;\n  height: 100%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  flex-direction: column;\n\n  .image-loader__preview-canvas {\n    max-width: $media-modal-media-max-width;\n    max-height: $media-modal-media-max-height;\n    background: url('~images/void.png') repeat;\n    object-fit: contain;\n  }\n\n  .loading-bar {\n    position: relative;\n  }\n\n  &.image-loader--amorphous .image-loader__preview-canvas {\n    display: none;\n  }\n}\n\n.zoomable-image {\n  position: relative;\n  width: 100%;\n  height: 100%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n\n  img {\n    max-width: $media-modal-media-max-width;\n    max-height: $media-modal-media-max-height;\n    width: auto;\n    height: auto;\n    object-fit: contain;\n  }\n}\n\n.dropdown {\n  display: inline-block;\n}\n\n.dropdown__content {\n  display: none;\n  position: absolute;\n}\n\n.dropdown-menu__separator {\n  border-bottom: 1px solid darken($ui-secondary-color, 8%);\n  margin: 5px 7px 6px;\n  height: 0;\n}\n\n.dropdown-menu {\n  background: $ui-secondary-color;\n  padding: 4px 0;\n  border-radius: 4px;\n  box-shadow: 2px 4px 15px rgba($base-shadow-color, 0.4);\n\n  ul {\n    list-style: none;\n  }\n}\n\n.dropdown-menu__arrow {\n  position: absolute;\n  width: 0;\n  height: 0;\n  border: 0 solid transparent;\n\n  &.left {\n    right: -5px;\n    margin-top: -5px;\n    border-width: 5px 0 5px 5px;\n    border-left-color: $ui-secondary-color;\n  }\n\n  &.top {\n    bottom: -5px;\n    margin-left: -7px;\n    border-width: 5px 7px 0;\n    border-top-color: $ui-secondary-color;\n  }\n\n  &.bottom {\n    top: -5px;\n    margin-left: -7px;\n    border-width: 0 7px 5px;\n    border-bottom-color: $ui-secondary-color;\n  }\n\n  &.right {\n    left: -5px;\n    margin-top: -5px;\n    border-width: 5px 5px 5px 0;\n    border-right-color: $ui-secondary-color;\n  }\n}\n\n.dropdown-menu__item {\n  a {\n    font-size: 13px;\n    line-height: 18px;\n    display: block;\n    padding: 4px 14px;\n    box-sizing: border-box;\n    text-decoration: none;\n    background: $ui-secondary-color;\n    color: $inverted-text-color;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n\n    &:focus,\n    &:hover,\n    &:active {\n      background: $ui-highlight-color;\n      color: $secondary-text-color;\n      outline: 0;\n    }\n  }\n}\n\n.dropdown--active .dropdown__content {\n  display: block;\n  line-height: 18px;\n  max-width: 311px;\n  right: 0;\n  text-align: left;\n  z-index: 9999;\n\n  & > ul {\n    list-style: none;\n    background: $ui-secondary-color;\n    padding: 4px 0;\n    border-radius: 4px;\n    box-shadow: 0 0 15px rgba($base-shadow-color, 0.4);\n    min-width: 140px;\n    position: relative;\n  }\n\n  &.dropdown__right {\n    right: 0;\n  }\n\n  &.dropdown__left {\n    & > ul {\n      left: -98px;\n    }\n  }\n\n  & > ul > li > a {\n    font-size: 13px;\n    line-height: 18px;\n    display: block;\n    padding: 4px 14px;\n    box-sizing: border-box;\n    text-decoration: none;\n    background: $ui-secondary-color;\n    color: $inverted-text-color;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n\n    &:focus {\n      outline: 0;\n    }\n\n    &:hover {\n      background: $ui-highlight-color;\n      color: $secondary-text-color;\n    }\n  }\n}\n\n.dropdown__icon {\n  vertical-align: middle;\n}\n\n.static-content {\n  padding: 10px;\n  padding-top: 20px;\n  color: $dark-text-color;\n\n  h1 {\n    font-size: 16px;\n    font-weight: 500;\n    margin-bottom: 40px;\n    text-align: center;\n  }\n\n  p {\n    font-size: 13px;\n    margin-bottom: 20px;\n  }\n}\n\n.column,\n.drawer {\n  flex: 1 1 100%;\n  overflow: hidden;\n}\n\n@media screen and (min-width: 631px) {\n  .columns-area {\n    padding: 0;\n  }\n\n  .column,\n  .drawer {\n    flex: 0 0 auto;\n    padding: 10px;\n    padding-left: 5px;\n    padding-right: 5px;\n\n    &:first-child {\n      padding-left: 10px;\n    }\n\n    &:last-child {\n      padding-right: 10px;\n    }\n  }\n\n  .columns-area > div {\n    .column,\n    .drawer {\n      padding-left: 5px;\n      padding-right: 5px;\n    }\n  }\n}\n\n.tabs-bar {\n  box-sizing: border-box;\n  display: flex;\n  background: lighten($ui-base-color, 8%);\n  flex: 0 0 auto;\n  overflow-y: auto;\n}\n\n.tabs-bar__link {\n  display: block;\n  flex: 1 1 auto;\n  padding: 15px 10px;\n  padding-bottom: 13px;\n  color: $primary-text-color;\n  text-decoration: none;\n  text-align: center;\n  font-size: 14px;\n  font-weight: 500;\n  border-bottom: 2px solid lighten($ui-base-color, 8%);\n  transition: all 50ms linear;\n  transition-property: border-bottom, background, color;\n\n  .fa {\n    font-weight: 400;\n    font-size: 16px;\n  }\n\n  &:hover,\n  &:focus,\n  &:active {\n    @include multi-columns('screen and (min-width: 631px)') {\n      background: lighten($ui-base-color, 14%);\n      border-bottom-color: lighten($ui-base-color, 14%);\n    }\n  }\n\n  &.active {\n    border-bottom: 2px solid $ui-highlight-color;\n    color: $highlight-text-color;\n  }\n\n  span {\n    margin-left: 5px;\n    display: none;\n  }\n\n  span.icon {\n    margin-left: 0;\n    display: inline;\n  }\n}\n\n.icon-with-badge {\n  position: relative;\n\n  &__badge {\n    position: absolute;\n    left: 9px;\n    top: -13px;\n    background: $ui-highlight-color;\n    border: 2px solid lighten($ui-base-color, 8%);\n    padding: 1px 6px;\n    border-radius: 6px;\n    font-size: 10px;\n    font-weight: 500;\n    line-height: 14px;\n    color: $primary-text-color;\n  }\n}\n\n.column-link--transparent .icon-with-badge__badge {\n  border-color: darken($ui-base-color, 8%);\n}\n\n.scrollable {\n  overflow-y: scroll;\n  overflow-x: hidden;\n  flex: 1 1 auto;\n  -webkit-overflow-scrolling: touch;\n\n  &.optionally-scrollable {\n    overflow-y: auto;\n  }\n\n  @supports(display: grid) { // hack to fix Chrome <57\n    contain: strict;\n  }\n\n  &--flex {\n    display: flex;\n    flex-direction: column;\n  }\n\n  &__append {\n    flex: 1 1 auto;\n    position: relative;\n    min-height: 120px;\n  }\n}\n\n.scrollable.fullscreen {\n  @supports(display: grid) { // hack to fix Chrome <57\n    contain: none;\n  }\n}\n\n.react-toggle {\n  display: inline-block;\n  position: relative;\n  cursor: pointer;\n  background-color: transparent;\n  border: 0;\n  padding: 0;\n  user-select: none;\n  -webkit-tap-highlight-color: rgba($base-overlay-background, 0);\n  -webkit-tap-highlight-color: transparent;\n}\n\n.react-toggle-screenreader-only {\n  border: 0;\n  clip: rect(0 0 0 0);\n  height: 1px;\n  margin: -1px;\n  overflow: hidden;\n  padding: 0;\n  position: absolute;\n  width: 1px;\n}\n\n.react-toggle--disabled {\n  cursor: not-allowed;\n  opacity: 0.5;\n  transition: opacity 0.25s;\n}\n\n.react-toggle-track {\n  width: 50px;\n  height: 24px;\n  padding: 0;\n  border-radius: 30px;\n  background-color: $ui-base-color;\n  transition: background-color 0.2s ease;\n}\n\n.react-toggle:hover:not(.react-toggle--disabled) .react-toggle-track {\n  background-color: darken($ui-base-color, 10%);\n}\n\n.react-toggle--checked .react-toggle-track {\n  background-color: $ui-highlight-color;\n}\n\n.react-toggle--checked:hover:not(.react-toggle--disabled) .react-toggle-track {\n  background-color: lighten($ui-highlight-color, 10%);\n}\n\n.react-toggle-track-check {\n  position: absolute;\n  width: 14px;\n  height: 10px;\n  top: 0;\n  bottom: 0;\n  margin-top: auto;\n  margin-bottom: auto;\n  line-height: 0;\n  left: 8px;\n  opacity: 0;\n  transition: opacity 0.25s ease;\n}\n\n.react-toggle--checked .react-toggle-track-check {\n  opacity: 1;\n  transition: opacity 0.25s ease;\n}\n\n.react-toggle-track-x {\n  position: absolute;\n  width: 10px;\n  height: 10px;\n  top: 0;\n  bottom: 0;\n  margin-top: auto;\n  margin-bottom: auto;\n  line-height: 0;\n  right: 10px;\n  opacity: 1;\n  transition: opacity 0.25s ease;\n}\n\n.react-toggle--checked .react-toggle-track-x {\n  opacity: 0;\n}\n\n.react-toggle-thumb {\n  position: absolute;\n  top: 1px;\n  left: 1px;\n  width: 22px;\n  height: 22px;\n  border: 1px solid $ui-base-color;\n  border-radius: 50%;\n  background-color: darken($simple-background-color, 2%);\n  box-sizing: border-box;\n  transition: all 0.25s ease;\n  transition-property: border-color, left;\n}\n\n.react-toggle--checked .react-toggle-thumb {\n  left: 27px;\n  border-color: $ui-highlight-color;\n}\n\n.getting-started__wrapper,\n.getting_started,\n.flex-spacer {\n  background: $ui-base-color;\n}\n\n.getting-started__wrapper {\n  position: relative;\n  overflow-y: auto;\n}\n\n.flex-spacer {\n  flex: 1 1 auto;\n}\n\n.getting-started {\n  background: $ui-base-color;\n  flex: 1 0 auto;\n\n  p {\n    color: $secondary-text-color;\n  }\n\n  a {\n    color: $dark-text-color;\n  }\n\n  &__panel {\n    height: min-content;\n  }\n\n  &__panel,\n  &__footer {\n    padding: 10px;\n    padding-top: 20px;\n    flex: 0 1 auto;\n\n    ul {\n      margin-bottom: 10px;\n    }\n\n    ul li {\n      display: inline;\n    }\n\n    p {\n      color: $dark-text-color;\n      font-size: 13px;\n\n      a {\n        color: $dark-text-color;\n        text-decoration: underline;\n      }\n    }\n\n    a {\n      text-decoration: none;\n      color: $darker-text-color;\n\n      &:hover,\n      &:focus,\n      &:active {\n        text-decoration: underline;\n      }\n    }\n  }\n\n  &__trends {\n    flex: 0 1 auto;\n    opacity: 1;\n    animation: fade 150ms linear;\n    margin-top: 10px;\n\n    h4 {\n      font-size: 12px;\n      text-transform: uppercase;\n      color: $darker-text-color;\n      padding: 10px;\n      font-weight: 500;\n      border-bottom: 1px solid lighten($ui-base-color, 8%);\n    }\n\n    @media screen and (max-height: 810px) {\n      .trends__item:nth-child(3) {\n        display: none;\n      }\n    }\n\n    @media screen and (max-height: 720px) {\n      .trends__item:nth-child(2) {\n        display: none;\n      }\n    }\n\n    @media screen and (max-height: 670px) {\n      display: none;\n    }\n\n    .trends__item {\n      border-bottom: 0;\n      padding: 10px;\n\n      &__current {\n        color: $darker-text-color;\n      }\n    }\n  }\n}\n\n.column-link__badge {\n  display: inline-block;\n  border-radius: 4px;\n  font-size: 12px;\n  line-height: 19px;\n  font-weight: 500;\n  background: $ui-base-color;\n  padding: 4px 8px;\n  margin: -6px 10px;\n}\n\n.keyboard-shortcuts {\n  padding: 8px 0 0;\n  overflow: hidden;\n\n  thead {\n    position: absolute;\n    left: -9999px;\n  }\n\n  td {\n    padding: 0 10px 8px;\n  }\n\n  kbd {\n    display: inline-block;\n    padding: 3px 5px;\n    background-color: lighten($ui-base-color, 8%);\n    border: 1px solid darken($ui-base-color, 4%);\n  }\n}\n\n.setting-text {\n  color: $darker-text-color;\n  background: transparent;\n  border: none;\n  border-bottom: 2px solid $ui-primary-color;\n  box-sizing: border-box;\n  display: block;\n  font-family: inherit;\n  margin-bottom: 10px;\n  padding: 7px 0;\n  width: 100%;\n\n  &:focus,\n  &:active {\n    color: $primary-text-color;\n    border-bottom-color: $ui-highlight-color;\n  }\n\n  @include limited-single-column('screen and (max-width: 600px)') {\n    font-size: 16px;\n  }\n\n  &.light {\n    color: $inverted-text-color;\n    border-bottom: 2px solid lighten($ui-base-color, 27%);\n\n    &:focus,\n    &:active {\n      color: $inverted-text-color;\n      border-bottom-color: $ui-highlight-color;\n    }\n  }\n}\n\n.no-reduce-motion button.icon-button i.fa-retweet {\n  background-position: 0 0;\n  height: 19px;\n  transition: background-position 0.9s steps(10);\n  transition-duration: 0s;\n  vertical-align: middle;\n  width: 22px;\n\n  &::before {\n    display: none !important;\n  }\n}\n\n.no-reduce-motion button.icon-button.active i.fa-retweet {\n  transition-duration: 0.9s;\n  background-position: 0 100%;\n}\n\n.reduce-motion button.icon-button i.fa-retweet {\n  color: $action-button-color;\n  transition: color 100ms ease-in;\n}\n\n.reduce-motion button.icon-button.active i.fa-retweet {\n  color: $highlight-text-color;\n}\n\n.reduce-motion button.icon-button.disabled i.fa-retweet {\n  color: darken($action-button-color, 13%);\n}\n\n.load-more {\n  display: block;\n  color: $dark-text-color;\n  background-color: transparent;\n  border: 0;\n  font-size: inherit;\n  text-align: center;\n  line-height: inherit;\n  margin: 0;\n  padding: 15px;\n  box-sizing: border-box;\n  width: 100%;\n  clear: both;\n  text-decoration: none;\n\n  &:hover {\n    background: lighten($ui-base-color, 2%);\n  }\n}\n\n.load-gap {\n  border-bottom: 1px solid lighten($ui-base-color, 8%);\n}\n\n.missing-indicator {\n  padding-top: 20px + 48px;\n}\n\n.scrollable > div > :first-child .notification__dismiss-overlay > .wrappy {\n  border-top: 1px solid $ui-base-color;\n}\n\n.notification__dismiss-overlay {\n  overflow: hidden;\n  position: absolute;\n  top: 0;\n  right: 0;\n  bottom: -1px;\n  padding-left: 15px; // space for the box shadow to be visible\n\n  z-index: 999;\n  align-items: center;\n  justify-content: flex-end;\n  cursor: pointer;\n\n  display: flex;\n\n  .wrappy {\n    width: $dismiss-overlay-width;\n    align-self: stretch;\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    justify-content: center;\n    background: lighten($ui-base-color, 8%);\n    border-left: 1px solid lighten($ui-base-color, 20%);\n    box-shadow: 0 0 5px black;\n    border-bottom: 1px solid $ui-base-color;\n  }\n\n  .ckbox {\n    border: 2px solid $ui-primary-color;\n    border-radius: 2px;\n    width: 30px;\n    height: 30px;\n    font-size: 20px;\n    color: $darker-text-color;\n    text-shadow: 0 0 5px black;\n    display: flex;\n    justify-content: center;\n    align-items: center;\n  }\n\n  &:focus {\n    outline: 0 !important;\n\n    .ckbox {\n      box-shadow: 0 0 1px 1px $ui-highlight-color;\n    }\n  }\n}\n\n.text-btn {\n  display: inline-block;\n  padding: 0;\n  font-family: inherit;\n  font-size: inherit;\n  color: inherit;\n  border: 0;\n  background: transparent;\n  cursor: pointer;\n}\n\n.loading-indicator {\n  color: $dark-text-color;\n  font-size: 12px;\n  font-weight: 400;\n  text-transform: uppercase;\n  overflow: visible;\n  position: absolute;\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n\n  span {\n    display: block;\n    float: left;\n    margin-left: 50%;\n    transform: translateX(-50%);\n    margin: 82px 0 0 50%;\n    white-space: nowrap;\n  }\n}\n\n.loading-indicator__figure {\n  position: absolute;\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n  width: 42px;\n  height: 42px;\n  box-sizing: border-box;\n  background-color: transparent;\n  border: 0 solid lighten($ui-base-color, 26%);\n  border-width: 6px;\n  border-radius: 50%;\n}\n\n.no-reduce-motion .loading-indicator span {\n  animation: loader-label 1.15s infinite cubic-bezier(0.215, 0.610, 0.355, 1.000);\n}\n\n.no-reduce-motion .loading-indicator__figure {\n  animation: loader-figure 1.15s infinite cubic-bezier(0.215, 0.610, 0.355, 1.000);\n}\n\n@keyframes spring-rotate-in {\n  0% {\n    transform: rotate(0deg);\n  }\n\n  30% {\n    transform: rotate(-484.8deg);\n  }\n\n  60% {\n    transform: rotate(-316.7deg);\n  }\n\n  90% {\n    transform: rotate(-375deg);\n  }\n\n  100% {\n    transform: rotate(-360deg);\n  }\n}\n\n@keyframes spring-rotate-out {\n  0% {\n    transform: rotate(-360deg);\n  }\n\n  30% {\n    transform: rotate(124.8deg);\n  }\n\n  60% {\n    transform: rotate(-43.27deg);\n  }\n\n  90% {\n    transform: rotate(15deg);\n  }\n\n  100% {\n    transform: rotate(0deg);\n  }\n}\n\n@keyframes loader-figure {\n  0% {\n    width: 0;\n    height: 0;\n    background-color: lighten($ui-base-color, 26%);\n  }\n\n  29% {\n    background-color: lighten($ui-base-color, 26%);\n  }\n\n  30% {\n    width: 42px;\n    height: 42px;\n    background-color: transparent;\n    border-width: 21px;\n    opacity: 1;\n  }\n\n  100% {\n    width: 42px;\n    height: 42px;\n    border-width: 0;\n    opacity: 0;\n    background-color: transparent;\n  }\n}\n\n@keyframes loader-label {\n  0% { opacity: 0.25; }\n  30% { opacity: 1; }\n  100% { opacity: 0.25; }\n}\n\n.spoiler-button {\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  position: absolute;\n  z-index: 100;\n\n  &--minified {\n    display: flex;\n    left: 4px;\n    top: 4px;\n    width: auto;\n    height: auto;\n    align-items: center;\n  }\n\n  &--click-thru {\n    pointer-events: none;\n  }\n\n  &--hidden {\n    display: none;\n  }\n\n  &__overlay {\n    display: block;\n    background: transparent;\n    width: 100%;\n    height: 100%;\n    border: 0;\n\n    &__label {\n      display: inline-block;\n      background: rgba($base-overlay-background, 0.5);\n      border-radius: 8px;\n      padding: 8px 12px;\n      color: $primary-text-color;\n      font-weight: 500;\n      font-size: 14px;\n    }\n\n    &:hover,\n    &:focus,\n    &:active {\n      .spoiler-button__overlay__label {\n        background: rgba($base-overlay-background, 0.8);\n      }\n    }\n\n    &:disabled {\n      .spoiler-button__overlay__label {\n        background: rgba($base-overlay-background, 0.5);\n      }\n    }\n  }\n}\n\n.setting-toggle {\n  display: block;\n  line-height: 24px;\n}\n\n.setting-toggle__label,\n.setting-radio__label,\n.setting-meta__label {\n  color: $darker-text-color;\n  display: inline-block;\n  margin-bottom: 14px;\n  margin-left: 8px;\n  vertical-align: middle;\n}\n\n.setting-radio {\n  display: block;\n  line-height: 18px;\n}\n\n.setting-radio__label {\n  margin-bottom: 0;\n}\n\n.column-settings__row legend {\n  color: $darker-text-color;\n  cursor: default;\n  display: block;\n  font-weight: 500;\n  margin-top: 10px;\n}\n\n.setting-radio__input {\n  vertical-align: middle;\n}\n\n.setting-meta__label {\n  float: right;\n}\n\n@keyframes heartbeat {\n  from {\n    transform: scale(1);\n    transform-origin: center center;\n    animation-timing-function: ease-out;\n  }\n\n  10% {\n    transform: scale(0.91);\n    animation-timing-function: ease-in;\n  }\n\n  17% {\n    transform: scale(0.98);\n    animation-timing-function: ease-out;\n  }\n\n  33% {\n    transform: scale(0.87);\n    animation-timing-function: ease-in;\n  }\n\n  45% {\n    transform: scale(1);\n    animation-timing-function: ease-out;\n  }\n}\n\n.pulse-loading {\n  animation: heartbeat 1.5s ease-in-out infinite both;\n}\n\n.upload-area {\n  align-items: center;\n  background: rgba($base-overlay-background, 0.8);\n  display: flex;\n  height: 100%;\n  justify-content: center;\n  left: 0;\n  opacity: 0;\n  position: absolute;\n  top: 0;\n  visibility: hidden;\n  width: 100%;\n  z-index: 2000;\n\n  * {\n    pointer-events: none;\n  }\n}\n\n.upload-area__drop {\n  width: 320px;\n  height: 160px;\n  display: flex;\n  box-sizing: border-box;\n  position: relative;\n  padding: 8px;\n}\n\n.upload-area__background {\n  position: absolute;\n  top: 0;\n  right: 0;\n  bottom: 0;\n  left: 0;\n  z-index: -1;\n  border-radius: 4px;\n  background: $ui-base-color;\n  box-shadow: 0 0 5px rgba($base-shadow-color, 0.2);\n}\n\n.upload-area__content {\n  flex: 1;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  color: $secondary-text-color;\n  font-size: 18px;\n  font-weight: 500;\n  border: 2px dashed $ui-base-lighter-color;\n  border-radius: 4px;\n}\n\n.dropdown--active .emoji-button img {\n  opacity: 1;\n  filter: none;\n}\n\n.loading-bar {\n  background-color: $ui-highlight-color;\n  height: 3px;\n  position: absolute;\n  top: 0;\n  left: 0;\n  z-index: 9999;\n}\n\n.icon-badge-wrapper {\n  position: relative;\n}\n\n.icon-badge {\n  position: absolute;\n  display: block;\n  right: -.25em;\n  top: -.25em;\n  background-color: $ui-highlight-color;\n  border-radius: 50%;\n  font-size: 75%;\n  width: 1em;\n  height: 1em;\n}\n\n.conversation {\n  display: flex;\n  border-bottom: 1px solid lighten($ui-base-color, 8%);\n  padding: 5px;\n  padding-bottom: 0;\n\n  &:focus {\n    background: lighten($ui-base-color, 2%);\n    outline: 0;\n  }\n\n  &__avatar {\n    flex: 0 0 auto;\n    padding: 10px;\n    padding-top: 12px;\n    position: relative;\n  }\n\n  &__unread {\n    display: inline-block;\n    background: $highlight-text-color;\n    border-radius: 50%;\n    width: 0.625rem;\n    height: 0.625rem;\n    margin: -.1ex .15em .1ex;\n  }\n\n  &__content {\n    flex: 1 1 auto;\n    padding: 10px 5px;\n    padding-right: 15px;\n    overflow: hidden;\n\n    &__info {\n      overflow: hidden;\n      display: flex;\n      flex-direction: row-reverse;\n      justify-content: space-between;\n    }\n\n    &__relative-time {\n      font-size: 15px;\n      color: $darker-text-color;\n      padding-left: 15px;\n    }\n\n    &__names {\n      color: $darker-text-color;\n      font-size: 15px;\n      white-space: nowrap;\n      overflow: hidden;\n      text-overflow: ellipsis;\n      margin-bottom: 4px;\n      flex-basis: 90px;\n      flex-grow: 1;\n\n      a {\n        color: $primary-text-color;\n        text-decoration: none;\n\n        &:hover,\n        &:focus,\n        &:active {\n          text-decoration: underline;\n        }\n      }\n    }\n\n    .status__content {\n      margin: 0;\n    }\n  }\n\n  &--unread {\n    background: lighten($ui-base-color, 2%);\n\n    &:focus {\n      background: lighten($ui-base-color, 4%);\n    }\n\n    .conversation__content__info {\n      font-weight: 700;\n    }\n\n    .conversation__content__relative-time {\n      color: $primary-text-color;\n    }\n  }\n}\n\n.ui .flash-message {\n  margin-top: 10px;\n  margin-left: auto;\n  margin-right: auto;\n  margin-bottom: 0;\n  min-width: 75%;\n}\n\n::-webkit-scrollbar-thumb {\n  border-radius: 0;\n}\n\nnoscript {\n  text-align: center;\n\n  img {\n    width: 200px;\n    opacity: 0.5;\n    animation: flicker 4s infinite;\n  }\n\n  div {\n    font-size: 14px;\n    margin: 30px auto;\n    color: $secondary-text-color;\n    max-width: 400px;\n\n    a {\n      color: $highlight-text-color;\n      text-decoration: underline;\n\n      &:hover {\n        text-decoration: none;\n      }\n    }\n\n    a {\n      word-break: break-word;\n    }\n  }\n}\n\n@keyframes flicker {\n  0% { opacity: 1; }\n  30% { opacity: 0.75; }\n  100% { opacity: 1; }\n}\n\n@import 'boost';\n@import 'accounts';\n@import 'domains';\n@import 'status';\n@import 'modal';\n@import 'composer';\n@import 'columns';\n@import 'regeneration_indicator';\n@import 'directory';\n@import 'search';\n@import 'emoji';\n@import 'doodle';\n@import 'drawer';\n@import 'media';\n@import 'sensitive';\n@import 'lists';\n@import 'emoji_picker';\n@import 'local_settings';\n@import 'error_boundary';\n@import 'single_column';\n","button.icon-button i.fa-retweet {\n  background-image: url(\"data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='22' height='209'><path d='M4.97 3.16c-.1.03-.17.1-.22.18L.8 8.24c-.2.3.03.78.4.8H3.6v2.68c0 4.26-.55 3.62 3.66 3.62h7.66l-2.3-2.84c-.03-.02-.03-.04-.05-.06H7.27c-.44 0-.72-.3-.72-.72v-2.7h2.5c.37.03.63-.48.4-.77L5.5 3.35c-.12-.17-.34-.25-.53-.2zm12.16.43c-.55-.02-1.32.02-2.4.02H7.1l2.32 2.85.03.06h5.25c.42 0 .72.28.72.72v2.7h-2.5c-.36.02-.56.54-.3.8l3.92 4.9c.18.25.6.25.78 0l3.94-4.9c.26-.28 0-.83-.37-.8H18.4v-2.7c0-3.15.4-3.62-1.25-3.66z' fill='#{hex-color($action-button-color)}' stroke-width='0'/><path d='M7.78 19.66c-.24.02-.44.25-.44.5v2.46h-.06c-1.08 0-1.86-.03-2.4-.03-1.64 0-1.25.43-1.25 3.65v4.47c0 4.26-.56 3.62 3.65 3.62H8.5l-1.3-1.06c-.1-.08-.18-.2-.2-.3-.02-.17.06-.35.2-.45l1.33-1.1H7.28c-.44 0-.72-.3-.72-.7v-4.48c0-.44.28-.72.72-.72h.06v2.5c0 .38.54.63.82.38l4.9-3.93c.25-.18.25-.6 0-.78l-4.9-3.92c-.1-.1-.24-.14-.38-.12zm9.34 2.93c-.54-.02-1.3.02-2.4.02h-1.25l1.3 1.07c.1.07.18.2.2.33.02.16-.06.3-.2.4l-1.33 1.1h1.28c.42 0 .72.28.72.72v4.47c0 .42-.3.72-.72.72h-.1v-2.47c0-.3-.3-.53-.6-.47-.07 0-.14.05-.2.1l-4.9 3.93c-.26.18-.26.6 0 .78l4.9 3.92c.27.25.82 0 .8-.38v-2.5h.1c4.27 0 3.65.67 3.65-3.62v-4.47c0-3.15.4-3.62-1.25-3.66zM10.34 38.66c-.24.02-.44.25-.43.5v2.47H7.3c-1.08 0-1.86-.04-2.4-.04-1.64 0-1.25.43-1.25 3.65v4.47c0 3.66-.23 3.7 2.34 3.66l-1.34-1.1c-.1-.08-.18-.2-.2-.3 0-.17.07-.35.2-.45l1.96-1.6c-.03-.06-.04-.13-.04-.2v-4.48c0-.44.28-.72.72-.72H9.9v2.5c0 .36.5.6.8.38l4.93-3.93c.24-.18.24-.6 0-.78l-4.94-3.92c-.1-.08-.23-.13-.36-.12zm5.63 2.93l1.34 1.1c.1.07.18.2.2.33.02.16-.03.3-.16.4l-1.96 1.6c.02.07.06.13.06.22v4.47c0 .42-.3.72-.72.72h-2.66v-2.47c0-.3-.3-.53-.6-.47-.06.02-.12.05-.18.1l-4.94 3.93c-.24.18-.24.6 0 .78l4.94 3.92c.28.22.78-.02.78-.38v-2.5h2.66c4.27 0 3.65.67 3.65-3.62v-4.47c0-3.66.34-3.7-2.4-3.66zM13.06 57.66c-.23.03-.4.26-.4.5v2.47H7.28c-1.08 0-1.86-.04-2.4-.04-1.64 0-1.25.43-1.25 3.65v4.87l2.93-2.37v-2.5c0-.44.28-.72.72-.72h5.38v2.5c0 .36.5.6.78.38l4.94-3.93c.24-.18.24-.6 0-.78l-4.94-3.92c-.1-.1-.24-.14-.38-.12zm5.3 6.15l-2.92 2.4v2.52c0 .42-.3.72-.72.72h-5.4v-2.47c0-.3-.32-.53-.6-.47-.07.02-.13.05-.2.1L3.6 70.52c-.25.18-.25.6 0 .78l4.93 3.92c.28.22.78-.02.78-.38v-2.5h5.42c4.27 0 3.65.67 3.65-3.62v-4.47-.44zM19.25 78.8c-.1.03-.2.1-.28.17l-.9.9c-.44-.3-1.36-.25-3.35-.25H7.28c-1.08 0-1.86-.03-2.4-.03-1.64 0-1.25.43-1.25 3.65v.7l2.93.3v-1c0-.44.28-.72.72-.72h7.44c.2 0 .37.08.5.2l-1.8 1.8c-.25.26-.08.76.27.8l6.27.7c.28.03.56-.25.53-.53l-.7-6.25c0-.27-.3-.48-.55-.44zm-17.2 6.1c-.2.07-.36.3-.33.54l.7 6.25c.02.36.58.55.83.27l.8-.8c.02 0 .04-.02.04 0 .46.24 1.37.17 3.18.17h7.44c4.27 0 3.65.67 3.65-3.62v-.75l-2.93-.3v1.05c0 .42-.3.72-.72.72H7.28c-.15 0-.3-.03-.4-.1L8.8 86.4c.3-.24.1-.8-.27-.84l-6.28-.65h-.2zM4.88 98.6c-1.33 0-1.34.48-1.3 2.3l1.14-1.37c.08-.1.22-.17.34-.2.16 0 .34.08.44.2l1.66 2.03c.04 0 .07-.03.12-.03h7.44c.34 0 .57.2.65.5h-2.43c-.34.05-.53.52-.3.78l3.92 4.95c.18.24.6.24.78 0l3.94-4.94c.22-.27-.02-.76-.37-.77H18.4c.02-3.9.6-3.4-3.66-3.4H7.28c-1.08 0-1.86-.04-2.4-.04zm.15 2.46c-.1.03-.2.1-.28.2l-3.94 4.9c-.2.28.03.77.4.78H3.6c-.02 3.94-.45 3.4 3.66 3.4h7.44c3.65 0 3.74.3 3.7-2.25l-1.1 1.34c-.1.1-.2.17-.32.2-.16 0-.34-.08-.44-.2l-1.65-2.03c-.06.02-.1.04-.18.04H7.28c-.35 0-.57-.2-.66-.5h2.44c.37 0 .63-.5.4-.78l-3.96-4.9c-.1-.15-.3-.23-.47-.2zM4.88 117.6c-1.16 0-1.3.3-1.3 1.56l1.14-1.38c.08-.1.22-.14.34-.16.16 0 .34.04.44.16l2.22 2.75h7c.42 0 .72.28.72.72v.53h-2.6c-.3.1-.43.54-.2.78l3.92 4.9c.18.25.6.25.78 0l3.94-4.9c.22-.28-.02-.77-.37-.78H18.4v-.53c0-4.2.72-3.63-3.66-3.63H7.28c-1.08 0-1.86-.03-2.4-.03zm.1 1.74c-.1.03-.17.1-.23.16L.8 124.44c-.2.28.03.77.4.78H3.6v.5c0 4.26-.55 3.62 3.66 3.62h7.44c1.03 0 1.74.02 2.28 0-.16.02-.34-.03-.44-.15l-2.22-2.76H7.28c-.44 0-.72-.3-.72-.72v-.5h2.5c.37.02.63-.5.4-.78L5.5 119.5c-.12-.15-.34-.22-.53-.16zm12.02 10c1.2-.02 1.4-.25 1.4-1.53l-1.1 1.36c-.07.1-.17.17-.3.18zM5.94 136.6l2.37 2.93h6.42c.42 0 .72.28.72.72v1.25h-2.6c-.3.1-.43.54-.2.78l3.92 4.9c.18.25.6.25.78 0l3.94-4.9c.22-.28-.02-.77-.37-.78H18.4v-1.25c0-4.2.72-3.63-3.66-3.63H7.28c-.6 0-.92-.02-1.34-.03zm-1.72.06c-.4.08-.54.3-.6.75l.6-.74zm.84.93c-.12 0-.24.08-.3.18l-3.95 4.9c-.24.3 0 .83.4.82H3.6v1.22c0 4.26-.55 3.62 3.66 3.62h7.44c.63 0 .97.02 1.4.03l-2.37-2.93H7.28c-.44 0-.72-.3-.72-.72v-1.22h2.5c.4.04.67-.53.4-.8l-3.96-4.92c-.1-.13-.27-.2-.44-.2zm13.28 10.03l-.56.7c.36-.07.5-.3.56-.7zM17.13 155.6c-.55-.02-1.32.03-2.4.03h-8.2l2.38 2.9h5.82c.42 0 .72.28.72.72v1.97H12.9c-.32.06-.48.52-.28.78l3.94 4.94c.2.23.6.22.78-.03l3.94-4.9c.22-.28-.02-.77-.37-.78H18.4v-1.97c0-3.15.4-3.62-1.25-3.66zm-12.1.28c-.1.02-.2.1-.28.18l-3.94 4.9c-.2.3.03.78.4.8H3.6v1.96c0 4.26-.55 3.62 3.66 3.62h8.24l-2.36-2.9H7.28c-.44 0-.72-.3-.72-.72v-1.97h2.5c.37.02.63-.5.4-.78l-3.96-4.9c-.1-.15-.3-.22-.47-.2zM5.13 174.5c-.15 0-.3.07-.38.2L.8 179.6c-.24.27 0 .82.4.8H3.6v2.32c0 4.26-.55 3.62 3.66 3.62h7.94l-2.35-2.9h-5.6c-.43 0-.7-.3-.7-.72v-2.3h2.5c.38.03.66-.54.4-.83l-3.97-4.9c-.1-.13-.23-.2-.38-.2zm12 .1c-.55-.02-1.32.03-2.4.03H6.83l2.35 2.9h5.52c.42 0 .72.28.72.72v2.34h-2.6c-.3.1-.43.53-.2.78l3.92 4.9c.18.24.6.24.78 0l3.94-4.9c.22-.3-.02-.78-.37-.8H18.4v-2.33c0-3.15.4-3.62-1.25-3.66zM4.97 193.16c-.1.03-.17.1-.22.18l-3.94 4.9c-.2.3.03.78.4.8H3.6v2.68c0 4.26-.55 3.62 3.66 3.62h7.66l-2.3-2.84c-.03-.02-.03-.04-.05-.06H7.27c-.44 0-.72-.3-.72-.72v-2.7h2.5c.37.03.63-.48.4-.77l-3.96-4.9c-.12-.17-.34-.25-.53-.2zm12.16.43c-.55-.02-1.32.03-2.4.03H7.1l2.32 2.84.03.06h5.25c.42 0 .72.28.72.72v2.7h-2.5c-.36.02-.56.54-.3.8l3.92 4.9c.18.25.6.25.78 0l3.94-4.9c.26-.28 0-.83-.37-.8H18.4v-2.7c0-3.15.4-3.62-1.25-3.66z' fill='#{hex-color($highlight-text-color)}' stroke-width='0'/></svg>\");\n\n  &:hover {\n    background-image: url(\"data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='22' height='209'><path d='M4.97 3.16c-.1.03-.17.1-.22.18L.8 8.24c-.2.3.03.78.4.8H3.6v2.68c0 4.26-.55 3.62 3.66 3.62h7.66l-2.3-2.84c-.03-.02-.03-.04-.05-.06H7.27c-.44 0-.72-.3-.72-.72v-2.7h2.5c.37.03.63-.48.4-.77L5.5 3.35c-.12-.17-.34-.25-.53-.2zm12.16.43c-.55-.02-1.32.02-2.4.02H7.1l2.32 2.85.03.06h5.25c.42 0 .72.28.72.72v2.7h-2.5c-.36.02-.56.54-.3.8l3.92 4.9c.18.25.6.25.78 0l3.94-4.9c.26-.28 0-.83-.37-.8H18.4v-2.7c0-3.15.4-3.62-1.25-3.66z' fill='#{hex-color(lighten($action-button-color, 7%))}' stroke-width='0'/><path d='M7.78 19.66c-.24.02-.44.25-.44.5v2.46h-.06c-1.08 0-1.86-.03-2.4-.03-1.64 0-1.25.43-1.25 3.65v4.47c0 4.26-.56 3.62 3.65 3.62H8.5l-1.3-1.06c-.1-.08-.18-.2-.2-.3-.02-.17.06-.35.2-.45l1.33-1.1H7.28c-.44 0-.72-.3-.72-.7v-4.48c0-.44.28-.72.72-.72h.06v2.5c0 .38.54.63.82.38l4.9-3.93c.25-.18.25-.6 0-.78l-4.9-3.92c-.1-.1-.24-.14-.38-.12zm9.34 2.93c-.54-.02-1.3.02-2.4.02h-1.25l1.3 1.07c.1.07.18.2.2.33.02.16-.06.3-.2.4l-1.33 1.1h1.28c.42 0 .72.28.72.72v4.47c0 .42-.3.72-.72.72h-.1v-2.47c0-.3-.3-.53-.6-.47-.07 0-.14.05-.2.1l-4.9 3.93c-.26.18-.26.6 0 .78l4.9 3.92c.27.25.82 0 .8-.38v-2.5h.1c4.27 0 3.65.67 3.65-3.62v-4.47c0-3.15.4-3.62-1.25-3.66zM10.34 38.66c-.24.02-.44.25-.43.5v2.47H7.3c-1.08 0-1.86-.04-2.4-.04-1.64 0-1.25.43-1.25 3.65v4.47c0 3.66-.23 3.7 2.34 3.66l-1.34-1.1c-.1-.08-.18-.2-.2-.3 0-.17.07-.35.2-.45l1.96-1.6c-.03-.06-.04-.13-.04-.2v-4.48c0-.44.28-.72.72-.72H9.9v2.5c0 .36.5.6.8.38l4.93-3.93c.24-.18.24-.6 0-.78l-4.94-3.92c-.1-.08-.23-.13-.36-.12zm5.63 2.93l1.34 1.1c.1.07.18.2.2.33.02.16-.03.3-.16.4l-1.96 1.6c.02.07.06.13.06.22v4.47c0 .42-.3.72-.72.72h-2.66v-2.47c0-.3-.3-.53-.6-.47-.06.02-.12.05-.18.1l-4.94 3.93c-.24.18-.24.6 0 .78l4.94 3.92c.28.22.78-.02.78-.38v-2.5h2.66c4.27 0 3.65.67 3.65-3.62v-4.47c0-3.66.34-3.7-2.4-3.66zM13.06 57.66c-.23.03-.4.26-.4.5v2.47H7.28c-1.08 0-1.86-.04-2.4-.04-1.64 0-1.25.43-1.25 3.65v4.87l2.93-2.37v-2.5c0-.44.28-.72.72-.72h5.38v2.5c0 .36.5.6.78.38l4.94-3.93c.24-.18.24-.6 0-.78l-4.94-3.92c-.1-.1-.24-.14-.38-.12zm5.3 6.15l-2.92 2.4v2.52c0 .42-.3.72-.72.72h-5.4v-2.47c0-.3-.32-.53-.6-.47-.07.02-.13.05-.2.1L3.6 70.52c-.25.18-.25.6 0 .78l4.93 3.92c.28.22.78-.02.78-.38v-2.5h5.42c4.27 0 3.65.67 3.65-3.62v-4.47-.44zM19.25 78.8c-.1.03-.2.1-.28.17l-.9.9c-.44-.3-1.36-.25-3.35-.25H7.28c-1.08 0-1.86-.03-2.4-.03-1.64 0-1.25.43-1.25 3.65v.7l2.93.3v-1c0-.44.28-.72.72-.72h7.44c.2 0 .37.08.5.2l-1.8 1.8c-.25.26-.08.76.27.8l6.27.7c.28.03.56-.25.53-.53l-.7-6.25c0-.27-.3-.48-.55-.44zm-17.2 6.1c-.2.07-.36.3-.33.54l.7 6.25c.02.36.58.55.83.27l.8-.8c.02 0 .04-.02.04 0 .46.24 1.37.17 3.18.17h7.44c4.27 0 3.65.67 3.65-3.62v-.75l-2.93-.3v1.05c0 .42-.3.72-.72.72H7.28c-.15 0-.3-.03-.4-.1L8.8 86.4c.3-.24.1-.8-.27-.84l-6.28-.65h-.2zM4.88 98.6c-1.33 0-1.34.48-1.3 2.3l1.14-1.37c.08-.1.22-.17.34-.2.16 0 .34.08.44.2l1.66 2.03c.04 0 .07-.03.12-.03h7.44c.34 0 .57.2.65.5h-2.43c-.34.05-.53.52-.3.78l3.92 4.95c.18.24.6.24.78 0l3.94-4.94c.22-.27-.02-.76-.37-.77H18.4c.02-3.9.6-3.4-3.66-3.4H7.28c-1.08 0-1.86-.04-2.4-.04zm.15 2.46c-.1.03-.2.1-.28.2l-3.94 4.9c-.2.28.03.77.4.78H3.6c-.02 3.94-.45 3.4 3.66 3.4h7.44c3.65 0 3.74.3 3.7-2.25l-1.1 1.34c-.1.1-.2.17-.32.2-.16 0-.34-.08-.44-.2l-1.65-2.03c-.06.02-.1.04-.18.04H7.28c-.35 0-.57-.2-.66-.5h2.44c.37 0 .63-.5.4-.78l-3.96-4.9c-.1-.15-.3-.23-.47-.2zM4.88 117.6c-1.16 0-1.3.3-1.3 1.56l1.14-1.38c.08-.1.22-.14.34-.16.16 0 .34.04.44.16l2.22 2.75h7c.42 0 .72.28.72.72v.53h-2.6c-.3.1-.43.54-.2.78l3.92 4.9c.18.25.6.25.78 0l3.94-4.9c.22-.28-.02-.77-.37-.78H18.4v-.53c0-4.2.72-3.63-3.66-3.63H7.28c-1.08 0-1.86-.03-2.4-.03zm.1 1.74c-.1.03-.17.1-.23.16L.8 124.44c-.2.28.03.77.4.78H3.6v.5c0 4.26-.55 3.62 3.66 3.62h7.44c1.03 0 1.74.02 2.28 0-.16.02-.34-.03-.44-.15l-2.22-2.76H7.28c-.44 0-.72-.3-.72-.72v-.5h2.5c.37.02.63-.5.4-.78L5.5 119.5c-.12-.15-.34-.22-.53-.16zm12.02 10c1.2-.02 1.4-.25 1.4-1.53l-1.1 1.36c-.07.1-.17.17-.3.18zM5.94 136.6l2.37 2.93h6.42c.42 0 .72.28.72.72v1.25h-2.6c-.3.1-.43.54-.2.78l3.92 4.9c.18.25.6.25.78 0l3.94-4.9c.22-.28-.02-.77-.37-.78H18.4v-1.25c0-4.2.72-3.63-3.66-3.63H7.28c-.6 0-.92-.02-1.34-.03zm-1.72.06c-.4.08-.54.3-.6.75l.6-.74zm.84.93c-.12 0-.24.08-.3.18l-3.95 4.9c-.24.3 0 .83.4.82H3.6v1.22c0 4.26-.55 3.62 3.66 3.62h7.44c.63 0 .97.02 1.4.03l-2.37-2.93H7.28c-.44 0-.72-.3-.72-.72v-1.22h2.5c.4.04.67-.53.4-.8l-3.96-4.92c-.1-.13-.27-.2-.44-.2zm13.28 10.03l-.56.7c.36-.07.5-.3.56-.7zM17.13 155.6c-.55-.02-1.32.03-2.4.03h-8.2l2.38 2.9h5.82c.42 0 .72.28.72.72v1.97H12.9c-.32.06-.48.52-.28.78l3.94 4.94c.2.23.6.22.78-.03l3.94-4.9c.22-.28-.02-.77-.37-.78H18.4v-1.97c0-3.15.4-3.62-1.25-3.66zm-12.1.28c-.1.02-.2.1-.28.18l-3.94 4.9c-.2.3.03.78.4.8H3.6v1.96c0 4.26-.55 3.62 3.66 3.62h8.24l-2.36-2.9H7.28c-.44 0-.72-.3-.72-.72v-1.97h2.5c.37.02.63-.5.4-.78l-3.96-4.9c-.1-.15-.3-.22-.47-.2zM5.13 174.5c-.15 0-.3.07-.38.2L.8 179.6c-.24.27 0 .82.4.8H3.6v2.32c0 4.26-.55 3.62 3.66 3.62h7.94l-2.35-2.9h-5.6c-.43 0-.7-.3-.7-.72v-2.3h2.5c.38.03.66-.54.4-.83l-3.97-4.9c-.1-.13-.23-.2-.38-.2zm12 .1c-.55-.02-1.32.03-2.4.03H6.83l2.35 2.9h5.52c.42 0 .72.28.72.72v2.34h-2.6c-.3.1-.43.53-.2.78l3.92 4.9c.18.24.6.24.78 0l3.94-4.9c.22-.3-.02-.78-.37-.8H18.4v-2.33c0-3.15.4-3.62-1.25-3.66zM4.97 193.16c-.1.03-.17.1-.22.18l-3.94 4.9c-.2.3.03.78.4.8H3.6v2.68c0 4.26-.55 3.62 3.66 3.62h7.66l-2.3-2.84c-.03-.02-.03-.04-.05-.06H7.27c-.44 0-.72-.3-.72-.72v-2.7h2.5c.37.03.63-.48.4-.77l-3.96-4.9c-.12-.17-.34-.25-.53-.2zm12.16.43c-.55-.02-1.32.03-2.4.03H7.1l2.32 2.84.03.06h5.25c.42 0 .72.28.72.72v2.7h-2.5c-.36.02-.56.54-.3.8l3.92 4.9c.18.25.6.25.78 0l3.94-4.9c.26-.28 0-.83-.37-.8H18.4v-2.7c0-3.15.4-3.62-1.25-3.66z' fill='#{hex-color($highlight-text-color)}' stroke-width='0'/></svg>\");\n  }\n}\n\n// Disabled variant\nbutton.icon-button.disabled i.fa-retweet {\n  &, &:hover {\n    background-image: url(\"data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='22' height='209'><path d='M4.97 3.16c-.1.03-.17.1-.22.18L.8 8.24c-.2.3.03.78.4.8H3.6v2.68c0 4.26-.55 3.62 3.66 3.62h7.66l-2.3-2.84c-.03-.02-.03-.04-.05-.06H7.27c-.44 0-.72-.3-.72-.72v-2.7h2.5c.37.03.63-.48.4-.77L5.5 3.35c-.12-.17-.34-.25-.53-.2zm12.16.43c-.55-.02-1.32.02-2.4.02H7.1l2.32 2.85.03.06h5.25c.42 0 .72.28.72.72v2.7h-2.5c-.36.02-.56.54-.3.8l3.92 4.9c.18.25.6.25.78 0l3.94-4.9c.26-.28 0-.83-.37-.8H18.4v-2.7c0-3.15.4-3.62-1.25-3.66z' fill='#{hex-color(darken($action-button-color, 13%))}' stroke-width='0'/></svg>\");\n  }\n}\n\n// Disabled variant for use with DMs\n.status-direct button.icon-button.disabled i.fa-retweet {\n  &, &:hover {\n    background-image: url(\"data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='22' height='209'><path d='M4.97 3.16c-.1.03-.17.1-.22.18L.8 8.24c-.2.3.03.78.4.8H3.6v2.68c0 4.26-.55 3.62 3.66 3.62h7.66l-2.3-2.84c-.03-.02-.03-.04-.05-.06H7.27c-.44 0-.72-.3-.72-.72v-2.7h2.5c.37.03.63-.48.4-.77L5.5 3.35c-.12-.17-.34-.25-.53-.2zm12.16.43c-.55-.02-1.32.02-2.4.02H7.1l2.32 2.85.03.06h5.25c.42 0 .72.28.72.72v2.7h-2.5c-.36.02-.56.54-.3.8l3.92 4.9c.18.25.6.25.78 0l3.94-4.9c.26-.28 0-.83-.37-.8H18.4v-2.7c0-3.15.4-3.62-1.25-3.66z' fill='#{hex-color(darken($action-button-color, 13%))}' stroke-width='0'/></svg>\");\n  }\n}\n",".account {\n  padding: 10px;\n  border-bottom: 1px solid lighten($ui-base-color, 8%);\n  color: inherit;\n  text-decoration: none;\n\n  .account__display-name {\n    flex: 1 1 auto;\n    display: block;\n    color: $darker-text-color;\n    overflow: hidden;\n    text-decoration: none;\n    font-size: 14px;\n  }\n\n  &.small {\n    border: none;\n    padding: 0;\n\n    & > .account__avatar-wrapper { margin: 0 8px 0 0 }\n\n    & > .display-name {\n      height: 24px;\n      line-height: 24px;\n    }\n  }\n}\n\n.account__wrapper {\n  display: flex;\n}\n\n.account__avatar-wrapper {\n  float: left;\n  margin-left: 12px;\n  margin-right: 12px;\n}\n\n.account__avatar {\n  @include avatar-radius();\n  position: relative;\n  cursor: pointer;\n\n  &-inline {\n    display: inline-block;\n    vertical-align: middle;\n    margin-right: 5px;\n  }\n\n  &-composite {\n    @include avatar-radius;\n    overflow: hidden;\n    position: relative;\n    cursor: default;\n\n    & div {\n      @include avatar-radius;\n      float: left;\n      position: relative;\n      box-sizing: border-box;\n    }\n\n    &__label {\n      display: block;\n      position: absolute;\n      top: 50%;\n      left: 50%;\n      transform: translate(-50%, -50%);\n      color: $primary-text-color;\n      text-shadow: 1px 1px 2px $base-shadow-color;\n      font-weight: 700;\n      font-size: 15px;\n    }\n  }\n}\n\n.account__avatar-overlay {\n  position: relative;\n  @include avatar-size(48px);\n\n  &-base {\n    @include avatar-radius();\n    @include avatar-size(36px);\n  }\n\n  &-overlay {\n    @include avatar-radius();\n    @include avatar-size(24px);\n\n    position: absolute;\n    bottom: 0;\n    right: 0;\n    z-index: 1;\n  }\n}\n\n.account__relationship {\n  height: 18px;\n  padding: 10px;\n  white-space: nowrap;\n}\n\n.account__header__wrapper {\n  flex: 0 0 auto;\n  background: lighten($ui-base-color, 4%);\n}\n\n.account__disclaimer {\n  padding: 10px;\n  color: $dark-text-color;\n\n  strong {\n    font-weight: 500;\n\n    @each $lang in $cjk-langs {\n      &:lang(#{$lang}) {\n        font-weight: 700;\n      }\n    }\n  }\n\n  a {\n    font-weight: 500;\n    color: inherit;\n    text-decoration: underline;\n\n    &:hover,\n    &:focus,\n    &:active {\n      text-decoration: none;\n    }\n  }\n}\n\n.account__action-bar {\n  border-top: 1px solid lighten($ui-base-color, 8%);\n  border-bottom: 1px solid lighten($ui-base-color, 8%);\n  line-height: 36px;\n  overflow: hidden;\n  flex: 0 0 auto;\n  display: flex;\n}\n\n.account__action-bar-links {\n  display: flex;\n  flex: 1 1 auto;\n  line-height: 18px;\n  text-align: center;\n}\n\n.account__action-bar__tab {\n  text-decoration: none;\n  overflow: hidden;\n  flex: 0 1 100%;\n  border-left: 1px solid lighten($ui-base-color, 8%);\n  padding: 10px 0;\n  border-bottom: 4px solid transparent;\n\n  &:first-child {\n    border-left: 0;\n  }\n\n  &.active {\n    border-bottom: 4px solid $ui-highlight-color;\n  }\n\n  & > span {\n    display: block;\n    text-transform: uppercase;\n    font-size: 11px;\n    color: $darker-text-color;\n  }\n\n  strong {\n    display: block;\n    font-size: 15px;\n    font-weight: 500;\n    color: $primary-text-color;\n\n    @each $lang in $cjk-langs {\n      &:lang(#{$lang}) {\n        font-weight: 700;\n      }\n    }\n  }\n\n  abbr {\n    color: $highlight-text-color;\n  }\n}\n\n.account-authorize {\n  padding: 14px 10px;\n\n  .detailed-status__display-name {\n    display: block;\n    margin-bottom: 15px;\n    overflow: hidden;\n  }\n}\n\n.account-authorize__avatar {\n  float: left;\n  margin-right: 10px;\n}\n\n.notification__message {\n  margin-left: 42px;\n  padding: 8px 0 0 26px;\n  cursor: default;\n  color: $darker-text-color;\n  font-size: 15px;\n  position: relative;\n\n  .fa {\n    color: $highlight-text-color;\n  }\n\n  > span {\n    display: block;\n    overflow: hidden;\n    text-overflow: ellipsis;\n  }\n}\n\n.account--panel {\n  background: lighten($ui-base-color, 4%);\n  border-top: 1px solid lighten($ui-base-color, 8%);\n  border-bottom: 1px solid lighten($ui-base-color, 8%);\n  display: flex;\n  flex-direction: row;\n  padding: 10px 0;\n}\n\n.account--panel__button,\n.detailed-status__button {\n  flex: 1 1 auto;\n  text-align: center;\n}\n\n.column-settings__outer {\n  background: lighten($ui-base-color, 8%);\n  padding: 15px;\n}\n\n.column-settings__section {\n  color: $darker-text-color;\n  cursor: default;\n  display: block;\n  font-weight: 500;\n  margin-bottom: 10px;\n}\n\n.column-settings__hashtags {\n  .column-settings__row {\n    margin-bottom: 15px;\n  }\n\n  .column-select {\n    &__control {\n      @include search-input();\n\n      &::placeholder {\n        color: lighten($darker-text-color, 4%);\n      }\n\n      &::-moz-focus-inner {\n        border: 0;\n      }\n\n      &::-moz-focus-inner,\n      &:focus,\n      &:active {\n        outline: 0 !important;\n      }\n\n      &:focus {\n        background: lighten($ui-base-color, 4%);\n      }\n\n      @media screen and (max-width: 600px) {\n        font-size: 16px;\n      }\n    }\n\n    &__placeholder {\n      color: $dark-text-color;\n      padding-left: 2px;\n      font-size: 12px;\n    }\n\n    &__value-container {\n      padding-left: 6px;\n    }\n\n    &__multi-value {\n      background: lighten($ui-base-color, 8%);\n\n      &__remove {\n        cursor: pointer;\n\n        &:hover,\n        &:active,\n        &:focus {\n          background: lighten($ui-base-color, 12%);\n          color: lighten($darker-text-color, 4%);\n        }\n      }\n    }\n\n    &__multi-value__label,\n    &__input {\n      color: $darker-text-color;\n    }\n\n    &__clear-indicator,\n    &__dropdown-indicator {\n      cursor: pointer;\n      transition: none;\n      color: $dark-text-color;\n\n      &:hover,\n      &:active,\n      &:focus {\n        color: lighten($dark-text-color, 4%);\n      }\n    }\n\n    &__indicator-separator {\n      background-color: lighten($ui-base-color, 8%);\n    }\n\n    &__menu {\n      @include search-popout();\n      padding: 0;\n      background: $ui-secondary-color;\n    }\n\n    &__menu-list {\n      padding: 6px;\n    }\n\n    &__option {\n      color: $inverted-text-color;\n      border-radius: 4px;\n      font-size: 14px;\n\n      &--is-focused,\n      &--is-selected {\n        background: darken($ui-secondary-color, 10%);\n      }\n    }\n  }\n}\n\n.column-settings__row {\n  .text-btn {\n    margin-bottom: 15px;\n  }\n}\n\n.relationship-tag {\n  color: $primary-text-color;\n  margin-bottom: 4px;\n  display: block;\n  vertical-align: top;\n  background-color: $base-overlay-background;\n  text-transform: uppercase;\n  font-size: 11px;\n  font-weight: 500;\n  padding: 4px;\n  border-radius: 4px;\n  opacity: 0.7;\n\n  &:hover {\n    opacity: 1;\n  }\n}\n\n.account-gallery__container {\n  display: flex;\n  flex-wrap: wrap;\n  padding: 4px 2px;\n}\n\n.account-gallery__item {\n  border: none;\n  box-sizing: border-box;\n  display: block;\n  position: relative;\n  border-radius: 4px;\n  overflow: hidden;\n  margin: 2px;\n\n  &__icons {\n    position: absolute;\n    top: 50%;\n    left: 50%;\n    transform: translate(-50%, -50%);\n    font-size: 24px;\n  }\n}\n\n.notification__filter-bar,\n.account__section-headline {\n  background: darken($ui-base-color, 4%);\n  border-bottom: 1px solid lighten($ui-base-color, 8%);\n  cursor: default;\n  display: flex;\n  flex-shrink: 0;\n\n  button {\n    background: darken($ui-base-color, 4%);\n    border: 0;\n    margin: 0;\n  }\n\n  button,\n  a {\n    display: block;\n    flex: 1 1 auto;\n    color: $darker-text-color;\n    padding: 15px 0;\n    font-size: 14px;\n    font-weight: 500;\n    text-align: center;\n    text-decoration: none;\n    position: relative;\n\n    &.active {\n      color: $secondary-text-color;\n\n      &::before,\n      &::after {\n        display: block;\n        content: \"\";\n        position: absolute;\n        bottom: 0;\n        left: 50%;\n        width: 0;\n        height: 0;\n        transform: translateX(-50%);\n        border-style: solid;\n        border-width: 0 10px 10px;\n        border-color: transparent transparent lighten($ui-base-color, 8%);\n      }\n\n      &::after {\n        bottom: -1px;\n        border-color: transparent transparent $ui-base-color;\n      }\n    }\n  }\n\n  &.directory__section-headline {\n    background: darken($ui-base-color, 2%);\n    border-bottom-color: transparent;\n\n    a,\n    button {\n      &.active {\n        &::before {\n          display: none;\n        }\n\n        &::after {\n          border-color: transparent transparent darken($ui-base-color, 7%);\n        }\n      }\n    }\n  }\n}\n\n.account__moved-note {\n  padding: 14px 10px;\n  padding-bottom: 16px;\n  background: lighten($ui-base-color, 4%);\n  border-top: 1px solid lighten($ui-base-color, 8%);\n  border-bottom: 1px solid lighten($ui-base-color, 8%);\n\n  &__message {\n    position: relative;\n    margin-left: 58px;\n    color: $dark-text-color;\n    padding: 8px 0;\n    padding-top: 0;\n    padding-bottom: 4px;\n    font-size: 14px;\n\n    > span {\n      display: block;\n      overflow: hidden;\n      text-overflow: ellipsis;\n    }\n  }\n\n  &__icon-wrapper {\n    left: -26px;\n    position: absolute;\n  }\n\n  .detailed-status__display-avatar {\n    position: relative;\n  }\n\n  .detailed-status__display-name {\n    margin-bottom: 0;\n  }\n}\n\n.account__header__content {\n  color: $darker-text-color;\n  font-size: 14px;\n  font-weight: 400;\n  overflow: hidden;\n  word-break: normal;\n  word-wrap: break-word;\n\n  p {\n    margin-bottom: 20px;\n\n    &:last-child {\n      margin-bottom: 0;\n    }\n  }\n\n  a {\n    color: inherit;\n    text-decoration: underline;\n\n    &:hover {\n      text-decoration: none;\n    }\n  }\n}\n\n.account__header {\n  overflow: hidden;\n\n  &.inactive {\n    opacity: 0.5;\n\n    .account__header__image,\n    .account__avatar {\n      filter: grayscale(100%);\n    }\n  }\n\n  &__info {\n    position: absolute;\n    top: 10px;\n    left: 10px;\n  }\n\n  &__image {\n    overflow: hidden;\n    height: 145px;\n    position: relative;\n    background: darken($ui-base-color, 4%);\n\n    img {\n      object-fit: cover;\n      display: block;\n      width: 100%;\n      height: 100%;\n      margin: 0;\n    }\n  }\n\n  &__bar {\n    position: relative;\n    background: lighten($ui-base-color, 4%);\n    padding: 5px;\n    border-bottom: 1px solid lighten($ui-base-color, 12%);\n\n    .avatar {\n      display: block;\n      flex: 0 0 auto;\n      width: 94px;\n      margin-left: -2px;\n\n      .account__avatar {\n        background: darken($ui-base-color, 8%);\n        border: 2px solid lighten($ui-base-color, 4%);\n      }\n    }\n  }\n\n  &__tabs {\n    display: flex;\n    align-items: flex-start;\n    padding: 7px 5px;\n    margin-top: -55px;\n\n    &__buttons {\n      display: flex;\n      align-items: center;\n      padding-top: 55px;\n      overflow: hidden;\n\n      .icon-button {\n        border: 1px solid lighten($ui-base-color, 12%);\n        border-radius: 4px;\n        box-sizing: content-box;\n        padding: 2px;\n      }\n\n      .button {\n        margin: 0 8px;\n      }\n    }\n\n    &__name {\n      padding: 5px;\n\n      .account-role {\n        vertical-align: top;\n      }\n\n      .emojione {\n        width: 22px;\n        height: 22px;\n      }\n\n      h1 {\n        font-size: 16px;\n        line-height: 24px;\n        color: $primary-text-color;\n        font-weight: 500;\n        overflow: hidden;\n        white-space: nowrap;\n        text-overflow: ellipsis;\n\n        small {\n          display: block;\n          font-size: 14px;\n          color: $darker-text-color;\n          font-weight: 400;\n          overflow: hidden;\n          text-overflow: ellipsis;\n        }\n      }\n    }\n\n    .spacer {\n      flex: 1 1 auto;\n    }\n  }\n\n  &__bio {\n    overflow: hidden;\n    margin: 0 -5px;\n\n    .account__header__content {\n      padding: 20px 15px;\n      padding-bottom: 5px;\n      color: $primary-text-color;\n    }\n\n    .account__header__fields {\n      margin: 0;\n      border-top: 1px solid lighten($ui-base-color, 12%);\n\n      a {\n        color: lighten($ui-highlight-color, 8%);\n      }\n\n      dl:first-child .verified {\n        border-radius: 0 4px 0 0;\n      }\n\n      .verified a {\n        color: $valid-value-color;\n      }\n    }\n  }\n\n  &__extra {\n    margin-top: 4px;\n\n    &__links {\n      font-size: 14px;\n      color: $darker-text-color;\n      padding: 10px 0;\n\n      a {\n        display: inline-block;\n        color: $darker-text-color;\n        text-decoration: none;\n        padding: 5px 10px;\n        font-weight: 500;\n\n        strong {\n          font-weight: 700;\n          color: $primary-text-color;\n        }\n      }\n    }\n  }\n}\n",".domain {\n  padding: 10px;\n  border-bottom: 1px solid lighten($ui-base-color, 8%);\n\n  .domain__domain-name {\n    flex: 1 1 auto;\n    display: block;\n    color: $primary-text-color;\n    text-decoration: none;\n    font-size: 14px;\n    font-weight: 500;\n  }\n}\n\n.domain__wrapper {\n  display: flex;\n}\n\n.domain_buttons {\n  height: 18px;\n  padding: 10px;\n  white-space: nowrap;\n}\n","@keyframes spring-flip-in {\n  0% {\n    transform: rotate(0deg);\n  }\n\n  30% {\n    transform: rotate(-242.4deg);\n  }\n\n  60% {\n    transform: rotate(-158.35deg);\n  }\n\n  90% {\n    transform: rotate(-187.5deg);\n  }\n\n  100% {\n    transform: rotate(-180deg);\n  }\n}\n\n@keyframes spring-flip-out {\n  0% {\n    transform: rotate(-180deg);\n  }\n\n  30% {\n    transform: rotate(62.4deg);\n  }\n\n  60% {\n    transform: rotate(-21.635deg);\n  }\n\n  90% {\n    transform: rotate(7.5deg);\n  }\n\n  100% {\n    transform: rotate(0deg);\n  }\n}\n\n.status__content--with-action {\n  cursor: pointer;\n}\n\n.status__content {\n  position: relative;\n  margin: 10px 0;\n  font-size: 15px;\n  line-height: 20px;\n  word-wrap: break-word;\n  font-weight: 400;\n  overflow: visible;\n  padding-top: 5px;\n\n  &:focus {\n    outline: 0;\n  }\n\n  .emojione {\n    width: 20px;\n    height: 20px;\n    margin: -3px 0 0;\n  }\n\n  img {\n    max-width: 100%;\n    max-height: 400px;\n    object-fit: contain;\n  }\n\n  p, pre, blockquote {\n    margin-bottom: 20px;\n    white-space: pre-wrap;\n\n    &:last-child {\n      margin-bottom: 0;\n    }\n  }\n\n  .status__content__text,\n  .e-content {\n    overflow: hidden;\n\n    & > ul,\n    & > ol {\n      margin-bottom: 20px;\n    }\n\n    h1, h2, h3, h4, h5 {\n      margin-top: 20px;\n      margin-bottom: 20px;\n    }\n\n    h1, h2 {\n      font-weight: 700;\n      font-size: 1.2em;\n    }\n\n    h2 {\n      font-size: 1.1em;\n    }\n\n    h3, h4, h5 {\n      font-weight: 500;\n    }\n\n    blockquote {\n      padding-left: 10px;\n      border-left: 3px solid $darker-text-color;\n      color: $darker-text-color;\n      white-space: normal;\n\n      p:last-child {\n        margin-bottom: 0;\n      }\n    }\n\n    b, strong {\n      font-weight: 700;\n    }\n\n    em, i {\n      font-style: italic;\n    }\n\n    sub {\n      font-size: smaller;\n      text-align: sub;\n    }\n\n    sup {\n      font-size: smaller;\n      vertical-align: super;\n    }\n\n    ul, ol {\n      margin-left: 1em;\n\n      p {\n        margin: 0;\n      }\n    }\n\n    ul {\n      list-style-type: disc;\n    }\n\n    ol {\n      list-style-type: decimal;\n    }\n  }\n\n  a {\n    color: $pleroma-links;\n    text-decoration: none;\n\n    &:hover {\n      text-decoration: underline;\n\n      .fa {\n        color: lighten($dark-text-color, 7%);\n      }\n    }\n\n    &.mention {\n      &:hover {\n        text-decoration: none;\n\n        span {\n          text-decoration: underline;\n        }\n      }\n    }\n\n    .fa {\n      color: $dark-text-color;\n    }\n  }\n\n  .status__content__spoiler {\n    display: none;\n\n    &.status__content__spoiler--visible {\n      display: block;\n    }\n  }\n\n  a.unhandled-link {\n    color: lighten($ui-highlight-color, 8%);\n\n    .link-origin-tag {\n      color: $gold-star;\n      font-size: 0.8em;\n    }\n  }\n\n  .status__content__spoiler-link {\n    background: lighten($ui-base-color, 30%);\n\n    &:hover {\n      background: lighten($ui-base-color, 33%);\n      text-decoration: none;\n    }\n  }\n}\n\n.status__content__spoiler-link {\n  display: inline-block;\n  border-radius: 2px;\n  background: lighten($ui-base-color, 30%);\n  border: none;\n  color: $inverted-text-color;\n  font-weight: 500;\n  font-size: 11px;\n  padding: 0 5px;\n  text-transform: uppercase;\n  line-height: inherit;\n  cursor: pointer;\n  vertical-align: bottom;\n\n  &:hover {\n    background: lighten($ui-base-color, 33%);\n    text-decoration: none;\n  }\n\n  .status__content__spoiler-icon {\n    display: inline-block;\n    margin: 0 0 0 5px;\n    border-left: 1px solid currentColor;\n    padding: 0 0 0 4px;\n    font-size: 16px;\n    vertical-align: -2px;\n  }\n}\n\n.notif-cleaning {\n  .status,\n  .notification-follow,\n  .notification-follow-request {\n    padding-right: ($dismiss-overlay-width + 0.5rem);\n  }\n}\n\n.status__wrapper--filtered {\n  color: $dark-text-color;\n  border: 0;\n  font-size: inherit;\n  text-align: center;\n  line-height: inherit;\n  margin: 0;\n  padding: 15px;\n  box-sizing: border-box;\n  width: 100%;\n  clear: both;\n  border-bottom: 1px solid lighten($ui-base-color, 8%);\n}\n\n.status__prepend-icon-wrapper {\n  left: -26px;\n  position: absolute;\n}\n\n.notification-follow,\n.notification-follow-request {\n  position: relative;\n\n  // same like Status\n  border-bottom: 1px solid lighten($ui-base-color, 8%);\n\n  .account {\n    border-bottom: 0 none;\n  }\n}\n\n.focusable {\n  &:focus {\n    outline: 0;\n    background: lighten($ui-base-color, 4%);\n\n    &.status.status-direct:not(.read) {\n      background: lighten($ui-base-color, 12%);\n\n      &.muted {\n        background: transparent;\n      }\n    }\n\n    .detailed-status,\n    .detailed-status__action-bar {\n      background: lighten($ui-base-color, 8%);\n    }\n  }\n}\n\n.status {\n  padding: 10px 14px;\n  position: relative;\n  height: auto;\n  border-bottom: 1px solid lighten($ui-base-color, 8%);\n  cursor: default;\n\n  @supports (-ms-overflow-style: -ms-autohiding-scrollbar) {\n    // Add margin to avoid Edge auto-hiding scrollbar appearing over content.\n    // On Edge 16 this is 16px and Edge <=15 it's 12px, so aim for 16px.\n    padding-right: 28px; // 12px + 16px\n  }\n\n  @keyframes fade {\n    0% { opacity: 0; }\n    100% { opacity: 1; }\n  }\n\n  opacity: 1;\n  animation: fade 150ms linear;\n\n  .video-player,\n  .audio-player {\n    margin-top: 8px;\n  }\n\n  &.status-direct:not(.read) {\n    background: lighten($ui-base-color, 8%);\n    border-bottom-color: lighten($ui-base-color, 12%);\n  }\n\n  &.light {\n    .status__relative-time {\n      color: $lighter-text-color;\n    }\n\n    .status__display-name {\n      color: $inverted-text-color;\n    }\n\n    .display-name {\n      strong {\n        color: $inverted-text-color;\n      }\n\n      span {\n        color: $lighter-text-color;\n      }\n    }\n\n    .status__content {\n      color: $inverted-text-color;\n\n      a {\n        color: $highlight-text-color;\n      }\n\n      a.status__content__spoiler-link {\n        color: $primary-text-color;\n        background: $ui-primary-color;\n\n        &:hover {\n          background: lighten($ui-primary-color, 8%);\n        }\n      }\n    }\n  }\n\n  &.collapsed {\n    background-position: center;\n    background-size: cover;\n    user-select: none;\n\n    &.has-background::before {\n      display: block;\n      position: absolute;\n      left: 0;\n      right: 0;\n      top: 0;\n      bottom: 0;\n      background-image: linear-gradient(to bottom, rgba($base-shadow-color, .75), rgba($base-shadow-color, .65) 24px, rgba($base-shadow-color, .8));\n      pointer-events: none;\n      content: \"\";\n    }\n\n    .display-name:hover .display-name__html {\n      text-decoration: none;\n    }\n\n    .status__content {\n      height: 20px;\n      overflow: hidden;\n      text-overflow: ellipsis;\n      padding-top: 0;\n\n      &:after {\n        content: \"\";\n        position: absolute;\n        top: 0; bottom: 0;\n        left: 0; right: 0;\n        background: linear-gradient(rgba($ui-base-color, 0), rgba($ui-base-color, 1));\n        pointer-events: none;\n      }\n      \n      a:hover {\n        text-decoration: none;\n      }\n    }\n    &:focus > .status__content:after {\n      background: linear-gradient(rgba(lighten($ui-base-color, 4%), 0), rgba(lighten($ui-base-color, 4%), 1));\n    }\n    &.status-direct:not(.read)> .status__content:after {\n      background: linear-gradient(rgba(lighten($ui-base-color, 8%), 0), rgba(lighten($ui-base-color, 8%), 1));\n    }\n\n    .notification__message {\n      margin-bottom: 0;\n    }\n\n    .status__info .notification__message > span {\n      white-space: nowrap;\n    }\n  }\n\n  .notification__message {\n    margin: -10px 0px 10px 0;\n  }\n}\n\n.notification-favourite {\n  .status.status-direct {\n    background: transparent;\n\n    .icon-button.disabled {\n      color: lighten($action-button-color, 13%);\n    }\n  }\n}\n\n.status__relative-time {\n  display: inline-block;\n  flex-grow: 1;\n  color: $dark-text-color;\n  font-size: 14px;\n  text-align: right;\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n}\n\n.status__display-name {\n  color: $dark-text-color;\n  overflow: hidden;\n}\n\n.status__info__account .status__display-name {\n  display: block;\n  max-width: 100%;\n}\n\n.status__info {\n  display: flex;\n  justify-content: space-between;\n  font-size: 15px;\n\n  > span {\n    text-overflow: ellipsis;\n    overflow: hidden;\n  }\n\n  .notification__message > span {\n    word-wrap: break-word;\n  }\n}\n\n.status__info__icons {\n  display: flex;\n  align-items: center;\n  height: 1em;\n  color: $action-button-color;\n\n  .status__media-icon,\n  .status__visibility-icon,\n  .status__reply-icon {\n    padding-left: 2px;\n    padding-right: 2px;\n  }\n\n  .status__collapse-button.active > .fa-angle-double-up {\n    transform: rotate(-180deg);\n  }\n}\n\n.no-reduce-motion .status__collapse-button {\n  &.activate {\n    & > .fa-angle-double-up {\n      animation: spring-flip-in 1s linear;\n    }\n  }\n\n  &.deactivate {\n    & > .fa-angle-double-up {\n      animation: spring-flip-out 1s linear;\n    }\n  }\n}\n\n.status__info__account {\n  display: flex;\n  align-items: center;\n  justify-content: flex-start;\n}\n\n.status-check-box {\n  border-bottom: 1px solid $ui-secondary-color;\n  display: flex;\n\n  .status-check-box__status {\n    margin: 10px 0 10px 10px;\n    flex: 1;\n\n    .media-gallery {\n      max-width: 250px;\n    }\n\n    .status__content {\n      padding: 0;\n      white-space: normal;\n    }\n\n    .video-player,\n    .audio-player {\n      margin-top: 8px;\n      max-width: 250px;\n    }\n\n    .media-gallery__item-thumbnail {\n      cursor: default;\n    }\n  }\n}\n\n.status-check-box-toggle {\n  align-items: center;\n  display: flex;\n  flex: 0 0 auto;\n  justify-content: center;\n  padding: 10px;\n}\n\n.status__prepend {\n  margin-top: -10px;\n  margin-bottom: 10px;\n  margin-left: 58px;\n  color: $dark-text-color;\n  padding: 8px 0;\n  padding-bottom: 2px;\n  font-size: 14px;\n  position: relative;\n\n  .status__display-name strong {\n    color: $dark-text-color;\n  }\n\n  > span {\n    display: block;\n    overflow: hidden;\n    text-overflow: ellipsis;\n  }\n}\n\n.status__action-bar {\n  align-items: center;\n  display: flex;\n  margin-top: 8px;\n\n  &__counter {\n    display: inline-flex;\n    margin-right: 11px;\n    align-items: center;\n\n    .status__action-bar-button {\n      margin-right: 4px;\n    }\n\n    &__label {\n      display: inline-block;\n      width: 14px;\n      font-size: 12px;\n      font-weight: 500;\n      color: $action-button-color;\n    }\n  }\n}\n\n.status__action-bar-button {\n  margin-right: 18px;\n}\n\n.status__action-bar-dropdown {\n  height: 23.15px;\n  width: 23.15px;\n}\n\n.detailed-status__action-bar-dropdown {\n  flex: 1 1 auto;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  position: relative;\n}\n\n.detailed-status {\n  background: lighten($ui-base-color, 4%);\n  padding: 14px 10px;\n\n  &--flex {\n    display: flex;\n    flex-wrap: wrap;\n    justify-content: space-between;\n    align-items: flex-start;\n\n    .status__content,\n    .detailed-status__meta {\n      flex: 100%;\n    }\n  }\n\n  .status__content {\n    font-size: 19px;\n    line-height: 24px;\n\n    .emojione {\n      width: 24px;\n      height: 24px;\n      margin: -1px 0 0;\n    }\n  }\n\n  .video-player,\n  .audio-player {\n    margin-top: 8px;\n  }\n}\n\n.detailed-status__meta {\n  margin-top: 15px;\n  color: $dark-text-color;\n  font-size: 14px;\n  line-height: 18px;\n}\n\n.detailed-status__action-bar {\n  background: lighten($ui-base-color, 4%);\n  border-top: 1px solid lighten($ui-base-color, 8%);\n  border-bottom: 1px solid lighten($ui-base-color, 8%);\n  display: flex;\n  flex-direction: row;\n  padding: 10px 0;\n}\n\n.detailed-status__link {\n  color: inherit;\n  text-decoration: none;\n}\n\n.detailed-status__favorites,\n.detailed-status__reblogs {\n  display: inline-block;\n  font-weight: 500;\n  font-size: 12px;\n  margin-left: 6px;\n}\n\n.status__display-name,\n.status__relative-time,\n.detailed-status__display-name,\n.detailed-status__datetime,\n.detailed-status__application,\n.account__display-name {\n  text-decoration: none;\n}\n\n.status__display-name,\n.account__display-name {\n  strong {\n    color: $primary-text-color;\n  }\n}\n\n.muted {\n  .emojione {\n    opacity: 0.5;\n  }\n}\n\na.status__display-name,\n.reply-indicator__display-name,\n.detailed-status__display-name,\n.account__display-name {\n  &:hover strong {\n    text-decoration: underline;\n  }\n}\n\n.account__display-name strong {\n  display: block;\n  overflow: hidden;\n  text-overflow: ellipsis;\n}\n\n.detailed-status__application,\n.detailed-status__datetime {\n  color: inherit;\n}\n\n.detailed-status .button.logo-button {\n  margin-bottom: 15px;\n}\n\n.detailed-status__display-name {\n  color: $secondary-text-color;\n  display: block;\n  line-height: 24px;\n  margin-bottom: 15px;\n  overflow: hidden;\n\n  strong,\n  span {\n    display: block;\n    text-overflow: ellipsis;\n    overflow: hidden;\n  }\n\n  strong {\n    font-size: 16px;\n    color: $primary-text-color;\n  }\n}\n\n.detailed-status__display-avatar {\n  float: left;\n  margin-right: 10px;\n}\n\n.status__avatar {\n  flex: none;\n  margin: 0 10px 0 0;\n  height: 48px;\n  width: 48px;\n}\n\n.muted {\n  .status__content,\n  .status__content p,\n  .status__content a,\n  .status__content__text {\n    color: $dark-text-color;\n  }\n\n  .status__display-name strong {\n    color: $dark-text-color;\n  }\n\n  .status__avatar {\n    opacity: 0.5;\n  }\n\n  a.status__content__spoiler-link {\n    background: $ui-base-lighter-color;\n    color: $inverted-text-color;\n\n    &:hover {\n      background: lighten($ui-base-color, 29%);\n      text-decoration: none;\n    }\n  }\n}\n\n.status__relative-time,\n.detailed-status__datetime {\n  &:hover {\n    text-decoration: underline;\n  }\n}\n\n.status-card {\n  display: flex;\n  font-size: 14px;\n  border: 1px solid lighten($ui-base-color, 8%);\n  border-radius: 4px;\n  color: $dark-text-color;\n  margin-top: 14px;\n  text-decoration: none;\n  overflow: hidden;\n\n  &__actions {\n    bottom: 0;\n    left: 0;\n    position: absolute;\n    right: 0;\n    top: 0;\n    display: flex;\n    justify-content: center;\n    align-items: center;\n\n    & > div {\n      background: rgba($base-shadow-color, 0.6);\n      border-radius: 8px;\n      padding: 12px 9px;\n      flex: 0 0 auto;\n      display: flex;\n      justify-content: center;\n      align-items: center;\n    }\n\n    button,\n    a {\n      display: inline;\n      color: $secondary-text-color;\n      background: transparent;\n      border: 0;\n      padding: 0 8px;\n      text-decoration: none;\n      font-size: 18px;\n      line-height: 18px;\n\n      &:hover,\n      &:active,\n      &:focus {\n        color: $primary-text-color;\n      }\n    }\n\n    a {\n      font-size: 19px;\n      position: relative;\n      bottom: -1px;\n    }\n\n    a .fa, a:hover .fa {\n      color: inherit;\n    }\n  }\n}\n\na.status-card {\n  cursor: pointer;\n\n  &:hover {\n    background: lighten($ui-base-color, 8%);\n  }\n}\n\n.status-card-photo {\n  cursor: zoom-in;\n  display: block;\n  text-decoration: none;\n    width: 100%;\n    height: auto;\n    margin: 0;\n}\n\n.status-card-video {\n  iframe {\n    width: 100%;\n    height: 100%;\n  }\n}\n\n.status-card__title {\n  display: block;\n  font-weight: 500;\n  margin-bottom: 5px;\n  color: $darker-text-color;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  text-decoration: none;\n}\n\n.status-card__content {\n  flex: 1 1 auto;\n  overflow: hidden;\n  padding: 14px 14px 14px 8px;\n}\n\n.status-card__description {\n  color: $darker-text-color;\n}\n\n.status-card__host {\n  display: block;\n  margin-top: 5px;\n  font-size: 13px;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n\n.status-card__image {\n  flex: 0 0 100px;\n  background: lighten($ui-base-color, 8%);\n  position: relative;\n\n  & > .fa {\n    font-size: 21px;\n    position: absolute;\n    transform-origin: 50% 50%;\n    top: 50%;\n    left: 50%;\n    transform: translate(-50%, -50%);\n  }\n}\n\n.status-card.horizontal {\n  display: block;\n\n  .status-card__image {\n    width: 100%;\n  }\n\n  .status-card__image-image {\n    border-radius: 4px 4px 0 0;\n  }\n\n  .status-card__title {\n    white-space: inherit;\n  }\n}\n\n.status-card.compact {\n  border-color: lighten($ui-base-color, 4%);\n\n  &.interactive {\n    border: 0;\n  }\n\n  .status-card__content {\n    padding: 8px;\n    padding-top: 10px;\n  }\n\n  .status-card__title {\n    white-space: nowrap;\n  }\n\n  .status-card__image {\n    flex: 0 0 60px;\n  }\n}\n\na.status-card.compact:hover {\n  background-color: lighten($ui-base-color, 4%);\n}\n\n.status-card__image-image {\n  border-radius: 4px 0 0 4px;\n  display: block;\n  margin: 0;\n  width: 100%;\n  height: 100%;\n  object-fit: cover;\n  background-size: cover;\n  background-position: center center;\n}\n\n.attachment-list {\n  display: flex;\n  font-size: 14px;\n  border: 1px solid lighten($ui-base-color, 8%);\n  border-radius: 4px;\n  margin-top: 14px;\n  overflow: hidden;\n\n  &__icon {\n    flex: 0 0 auto;\n    color: $dark-text-color;\n    padding: 8px 18px;\n    cursor: default;\n    border-right: 1px solid lighten($ui-base-color, 8%);\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    justify-content: center;\n    font-size: 26px;\n\n    .fa {\n      display: block;\n    }\n  }\n\n  &__list {\n    list-style: none;\n    padding: 4px 0;\n    padding-left: 8px;\n    display: flex;\n    flex-direction: column;\n    justify-content: center;\n\n    li {\n      display: block;\n      padding: 4px 0;\n    }\n\n    a {\n      text-decoration: none;\n      color: $dark-text-color;\n      font-weight: 500;\n\n      &:hover {\n        text-decoration: underline;\n      }\n    }\n  }\n\n  &.compact {\n    border: 0;\n    margin-top: 4px;\n\n    .attachment-list__list {\n      padding: 0;\n      display: block;\n    }\n\n    .fa {\n      color: $dark-text-color;\n    }\n  }\n}\n\n.status__wrapper--filtered__button {\n  display: inline;\n  color: lighten($ui-highlight-color, 8%);\n  border: 0;\n  background: transparent;\n  padding: 0;\n  font-size: inherit;\n  line-height: inherit;\n\n  &:hover,\n  &:active {\n    text-decoration: underline;\n  }\n}\n",".modal-container--preloader {\n  background: lighten($ui-base-color, 8%);\n}\n\n.modal-root {\n  position: relative;\n  transition: opacity 0.3s linear;\n  will-change: opacity;\n  z-index: 9999;\n}\n\n.modal-root__overlay {\n  position: fixed;\n  top: 0;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  background: rgba($base-overlay-background, 0.7);\n}\n\n.modal-root__container {\n  position: fixed;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  align-content: space-around;\n  z-index: 9999;\n  pointer-events: none;\n  user-select: none;\n}\n\n.modal-root__modal {\n  pointer-events: auto;\n  display: flex;\n  z-index: 9999;\n}\n\n.onboarding-modal,\n.error-modal,\n.embed-modal {\n  background: $ui-secondary-color;\n  color: $inverted-text-color;\n  border-radius: 8px;\n  overflow: hidden;\n  display: flex;\n  flex-direction: column;\n}\n\n.onboarding-modal__pager {\n  height: 80vh;\n  width: 80vw;\n  max-width: 520px;\n  max-height: 470px;\n\n  .react-swipeable-view-container > div {\n    width: 100%;\n    height: 100%;\n    box-sizing: border-box;\n    display: none;\n    flex-direction: column;\n    align-items: center;\n    justify-content: center;\n    display: flex;\n    user-select: text;\n  }\n}\n\n.error-modal__body {\n  height: 80vh;\n  width: 80vw;\n  max-width: 520px;\n  max-height: 420px;\n  position: relative;\n\n  & > div {\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n    box-sizing: border-box;\n    padding: 25px;\n    display: none;\n    flex-direction: column;\n    align-items: center;\n    justify-content: center;\n    display: flex;\n    opacity: 0;\n    user-select: text;\n  }\n}\n\n.error-modal__body {\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  align-items: center;\n  text-align: center;\n}\n\n@media screen and (max-width: 550px) {\n  .onboarding-modal {\n    width: 100%;\n    height: 100%;\n    border-radius: 0;\n  }\n\n  .onboarding-modal__pager {\n    width: 100%;\n    height: auto;\n    max-width: none;\n    max-height: none;\n    flex: 1 1 auto;\n  }\n}\n\n.onboarding-modal__paginator,\n.error-modal__footer {\n  flex: 0 0 auto;\n  background: darken($ui-secondary-color, 8%);\n  display: flex;\n  padding: 25px;\n\n  & > div {\n    min-width: 33px;\n  }\n\n  .onboarding-modal__nav,\n  .error-modal__nav {\n    color: $lighter-text-color;\n    border: 0;\n    font-size: 14px;\n    font-weight: 500;\n    padding: 10px 25px;\n    line-height: inherit;\n    height: auto;\n    margin: -10px;\n    border-radius: 4px;\n    background-color: transparent;\n\n    &:hover,\n    &:focus,\n    &:active {\n      color: darken($lighter-text-color, 4%);\n      background-color: darken($ui-secondary-color, 16%);\n    }\n\n    &.onboarding-modal__done,\n    &.onboarding-modal__next {\n      color: $inverted-text-color;\n\n      &:hover,\n      &:focus,\n      &:active {\n        color: lighten($inverted-text-color, 4%);\n      }\n    }\n  }\n}\n\n.error-modal__footer {\n  justify-content: center;\n}\n\n.onboarding-modal__dots {\n  flex: 1 1 auto;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n\n.onboarding-modal__dot {\n  width: 14px;\n  height: 14px;\n  border-radius: 14px;\n  background: darken($ui-secondary-color, 16%);\n  margin: 0 3px;\n  cursor: pointer;\n\n  &:hover {\n    background: darken($ui-secondary-color, 18%);\n  }\n\n  &.active {\n    cursor: default;\n    background: darken($ui-secondary-color, 24%);\n  }\n}\n\n.onboarding-modal__page__wrapper {\n  pointer-events: none;\n  padding: 25px;\n  padding-bottom: 0;\n\n  &.onboarding-modal__page__wrapper--active {\n    pointer-events: auto;\n  }\n}\n\n.onboarding-modal__page {\n  cursor: default;\n  line-height: 21px;\n\n  h1 {\n    font-size: 18px;\n    font-weight: 500;\n    color: $inverted-text-color;\n    margin-bottom: 20px;\n  }\n\n  a {\n    color: $highlight-text-color;\n\n    &:hover,\n    &:focus,\n    &:active {\n      color: lighten($highlight-text-color, 4%);\n    }\n  }\n\n  .navigation-bar a {\n    color: inherit;\n  }\n\n  p {\n    font-size: 16px;\n    color: $lighter-text-color;\n    margin-top: 10px;\n    margin-bottom: 10px;\n\n    &:last-child {\n      margin-bottom: 0;\n    }\n\n    strong {\n      font-weight: 500;\n      background: $ui-base-color;\n      color: $secondary-text-color;\n      border-radius: 4px;\n      font-size: 14px;\n      padding: 3px 6px;\n\n      @each $lang in $cjk-langs {\n        &:lang(#{$lang}) {\n          font-weight: 700;\n        }\n      }\n    }\n  }\n}\n\n.onboarding-modal__page__wrapper-0 {\n  height: 100%;\n  padding: 0;\n}\n\n.onboarding-modal__page-one {\n  &__lead {\n    padding: 65px;\n    padding-top: 45px;\n    padding-bottom: 0;\n    margin-bottom: 10px;\n\n    h1 {\n      font-size: 26px;\n      line-height: 36px;\n      margin-bottom: 8px;\n    }\n\n    p {\n      margin-bottom: 0;\n    }\n  }\n\n  &__extra {\n    padding-right: 65px;\n    padding-left: 185px;\n    text-align: center;\n  }\n}\n\n.display-case {\n  text-align: center;\n  font-size: 15px;\n  margin-bottom: 15px;\n\n  &__label {\n    font-weight: 500;\n    color: $inverted-text-color;\n    margin-bottom: 5px;\n    text-transform: uppercase;\n    font-size: 12px;\n  }\n\n  &__case {\n    background: $ui-base-color;\n    color: $secondary-text-color;\n    font-weight: 500;\n    padding: 10px;\n    border-radius: 4px;\n  }\n}\n\n.onboarding-modal__page-two,\n.onboarding-modal__page-three,\n.onboarding-modal__page-four,\n.onboarding-modal__page-five {\n  p {\n    text-align: left;\n  }\n\n  .figure {\n    background: darken($ui-base-color, 8%);\n    color: $secondary-text-color;\n    margin-bottom: 20px;\n    border-radius: 4px;\n    padding: 10px;\n    text-align: center;\n    font-size: 14px;\n    box-shadow: 1px 2px 6px rgba($base-shadow-color, 0.3);\n\n    .onboarding-modal__image {\n      border-radius: 4px;\n      margin-bottom: 10px;\n    }\n\n    &.non-interactive {\n      pointer-events: none;\n      text-align: left;\n    }\n  }\n}\n\n.onboarding-modal__page-four__columns {\n  .row {\n    display: flex;\n    margin-bottom: 20px;\n\n    & > div {\n      flex: 1 1 0;\n      margin: 0 10px;\n\n      &:first-child {\n        margin-left: 0;\n      }\n\n      &:last-child {\n        margin-right: 0;\n      }\n\n      p {\n        text-align: center;\n      }\n    }\n\n    &:last-child {\n      margin-bottom: 0;\n    }\n  }\n\n  .column-header {\n    color: $primary-text-color;\n  }\n}\n\n@media screen and (max-width: 320px) and (max-height: 600px) {\n  .onboarding-modal__page p {\n    font-size: 14px;\n    line-height: 20px;\n  }\n\n  .onboarding-modal__page-two .figure,\n  .onboarding-modal__page-three .figure,\n  .onboarding-modal__page-four .figure,\n  .onboarding-modal__page-five .figure {\n    font-size: 12px;\n    margin-bottom: 10px;\n  }\n\n  .onboarding-modal__page-four__columns .row {\n    margin-bottom: 10px;\n  }\n\n  .onboarding-modal__page-four__columns .column-header {\n    padding: 5px;\n    font-size: 12px;\n  }\n}\n\n.onboard-sliders {\n  display: inline-block;\n  max-width: 30px;\n  max-height: auto;\n  margin-left: 10px;\n}\n\n.boost-modal,\n.favourite-modal,\n.confirmation-modal,\n.report-modal,\n.actions-modal,\n.mute-modal,\n.block-modal {\n  background: lighten($ui-secondary-color, 8%);\n  color: $inverted-text-color;\n  border-radius: 8px;\n  overflow: hidden;\n  max-width: 90vw;\n  width: 480px;\n  position: relative;\n  flex-direction: column;\n\n  .status__relative-time {\n    color: $dark-text-color;\n    float: right;\n    font-size: 14px;\n    width: auto;\n    margin: initial;\n    padding: initial;\n  }\n\n  .status__display-name {\n    display: flex;\n  }\n\n  .status__avatar {\n    height: 48px;\n    width: 48px;\n  }\n\n  .status__content__spoiler-link {\n    color: lighten($secondary-text-color, 8%);\n  }\n}\n\n.actions-modal {\n  .status {\n    background: $white;\n    border-bottom-color: $ui-secondary-color;\n    padding-top: 10px;\n    padding-bottom: 10px;\n  }\n\n  .dropdown-menu__separator {\n    border-bottom-color: $ui-secondary-color;\n  }\n}\n\n.boost-modal__container,\n.favourite-modal__container {\n  overflow-x: scroll;\n  padding: 10px;\n\n  .status {\n    user-select: text;\n    border-bottom: 0;\n  }\n}\n\n.boost-modal__action-bar,\n.favourite-modal__action-bar,\n.confirmation-modal__action-bar,\n.mute-modal__action-bar,\n.block-modal__action-bar {\n  display: flex;\n  justify-content: space-between;\n  background: $ui-secondary-color;\n  padding: 10px;\n  line-height: 36px;\n\n  & > div {\n    flex: 1 1 auto;\n    text-align: right;\n    color: $lighter-text-color;\n    padding-right: 10px;\n  }\n\n  .button {\n    flex: 0 0 auto;\n  }\n}\n\n.boost-modal__status-header,\n.favourite-modal__status-header {\n  font-size: 15px;\n}\n\n.boost-modal__status-time,\n.favourite-modal__status-time {\n  float: right;\n  font-size: 14px;\n}\n\n.mute-modal,\n.block-modal {\n  line-height: 24px;\n}\n\n.mute-modal .react-toggle,\n.block-modal .react-toggle {\n  vertical-align: middle;\n}\n\n.report-modal {\n  width: 90vw;\n  max-width: 700px;\n}\n\n.report-modal__container {\n  display: flex;\n  border-top: 1px solid $ui-secondary-color;\n\n  @media screen and (max-width: 480px) {\n    flex-wrap: wrap;\n    overflow-y: auto;\n  }\n}\n\n.report-modal__statuses,\n.report-modal__comment {\n  box-sizing: border-box;\n  width: 50%;\n\n  @media screen and (max-width: 480px) {\n    width: 100%;\n  }\n}\n\n.report-modal__statuses,\n.focal-point-modal__content {\n  flex: 1 1 auto;\n  min-height: 20vh;\n  max-height: 80vh;\n  overflow-y: auto;\n  overflow-x: hidden;\n\n  .status__content a {\n    color: $highlight-text-color;\n  }\n\n  @media screen and (max-width: 480px) {\n    max-height: 10vh;\n  }\n}\n\n.focal-point-modal__content {\n  @media screen and (max-width: 480px) {\n    max-height: 40vh;\n  }\n}\n\n.report-modal__comment {\n  padding: 20px;\n  border-right: 1px solid $ui-secondary-color;\n  max-width: 320px;\n\n  p {\n    font-size: 14px;\n    line-height: 20px;\n    margin-bottom: 20px;\n  }\n\n  .setting-text {\n    display: block;\n    box-sizing: border-box;\n    width: 100%;\n    margin: 0;\n    color: $inverted-text-color;\n    background: $white;\n    padding: 10px;\n    font-family: inherit;\n    font-size: 14px;\n    resize: none;\n    border: 0;\n    outline: 0;\n    border-radius: 4px;\n    border: 1px solid $ui-secondary-color;\n    min-height: 100px;\n    max-height: 50vh;\n    margin-bottom: 10px;\n\n    &:focus {\n      border: 1px solid darken($ui-secondary-color, 8%);\n    }\n\n    &__wrapper {\n      background: $white;\n      border: 1px solid $ui-secondary-color;\n      margin-bottom: 10px;\n      border-radius: 4px;\n\n      .setting-text {\n        border: 0;\n        margin-bottom: 0;\n        border-radius: 0;\n\n        &:focus {\n          border: 0;\n        }\n      }\n\n      &__modifiers {\n        color: $inverted-text-color;\n        font-family: inherit;\n        font-size: 14px;\n        background: $white;\n      }\n    }\n\n    &__toolbar {\n      display: flex;\n      justify-content: space-between;\n      margin-bottom: 20px;\n    }\n  }\n\n  .setting-text-label {\n    display: block;\n    color: $inverted-text-color;\n    font-size: 14px;\n    font-weight: 500;\n    margin-bottom: 10px;\n  }\n\n  .setting-toggle {\n    margin-top: 20px;\n    margin-bottom: 24px;\n\n    &__label {\n      color: $inverted-text-color;\n      font-size: 14px;\n    }\n  }\n\n  @media screen and (max-width: 480px) {\n    padding: 10px;\n    max-width: 100%;\n    order: 2;\n\n    .setting-toggle {\n      margin-bottom: 4px;\n    }\n  }\n}\n\n.actions-modal {\n  .status {\n    overflow-y: auto;\n    max-height: 300px;\n  }\n\n  strong {\n    display: block;\n    font-weight: 500;\n  }\n\n  max-height: 80vh;\n  max-width: 80vw;\n\n  .actions-modal__item-label {\n    font-weight: 500;\n  }\n\n  ul {\n    overflow-y: auto;\n    flex-shrink: 0;\n    max-height: 80vh;\n\n    &.with-status {\n      max-height: calc(80vh - 75px);\n    }\n\n    li:empty {\n      margin: 0;\n    }\n\n    li:not(:empty) {\n      a {\n        color: $inverted-text-color;\n        display: flex;\n        padding: 12px 16px;\n        font-size: 15px;\n        align-items: center;\n        text-decoration: none;\n\n        &,\n        button {\n          transition: none;\n        }\n\n        &.active,\n        &:hover,\n        &:active,\n        &:focus {\n          &,\n          button {\n            background: $ui-highlight-color;\n            color: $primary-text-color;\n          }\n        }\n\n        & > .react-toggle,\n        & > .icon,\n        button:first-child {\n          margin-right: 10px;\n        }\n      }\n    }\n  }\n}\n\n.confirmation-modal__action-bar,\n.mute-modal__action-bar,\n.block-modal__action-bar {\n  .confirmation-modal__secondary-button {\n    flex-shrink: 1;\n  }\n}\n\n.confirmation-modal__secondary-button,\n.confirmation-modal__cancel-button,\n.mute-modal__cancel-button,\n.block-modal__cancel-button {\n  background-color: transparent;\n  color: $lighter-text-color;\n  font-size: 14px;\n  font-weight: 500;\n\n  &:hover,\n  &:focus,\n  &:active {\n    color: darken($lighter-text-color, 4%);\n    background-color: transparent;\n  }\n}\n\n.confirmation-modal__do_not_ask_again {\n  padding-left: 20px;\n  padding-right: 20px;\n  padding-bottom: 10px;\n\n  font-size: 14px;\n\n  label, input {\n    vertical-align: middle;\n  }\n}\n\n.confirmation-modal__container,\n.mute-modal__container,\n.block-modal__container,\n.report-modal__target {\n  padding: 30px;\n  font-size: 16px;\n\n  strong {\n    font-weight: 500;\n\n    @each $lang in $cjk-langs {\n      &:lang(#{$lang}) {\n        font-weight: 700;\n      }\n    }\n  }\n}\n\n.confirmation-modal__container,\n.report-modal__target {\n  text-align: center;\n}\n\n.block-modal,\n.mute-modal {\n  &__explanation {\n    margin-top: 20px;\n  }\n\n  .setting-toggle {\n    margin-top: 20px;\n    margin-bottom: 24px;\n    display: flex;\n    align-items: center;\n\n    &__label {\n      color: $inverted-text-color;\n      margin: 0;\n      margin-left: 8px;\n    }\n  }\n}\n\n.report-modal__target {\n  padding: 15px;\n\n  .media-modal__close {\n    top: 14px;\n    right: 15px;\n  }\n}\n\n.embed-modal {\n  width: auto;\n  max-width: 80vw;\n  max-height: 80vh;\n\n  h4 {\n    padding: 30px;\n    font-weight: 500;\n    font-size: 16px;\n    text-align: center;\n  }\n\n  .embed-modal__container {\n    padding: 10px;\n\n    .hint {\n      margin-bottom: 15px;\n    }\n\n    .embed-modal__html {\n      outline: 0;\n      box-sizing: border-box;\n      display: block;\n      width: 100%;\n      border: none;\n      padding: 10px;\n      font-family: 'mastodon-font-monospace', monospace;\n      background: $ui-base-color;\n      color: $primary-text-color;\n      font-size: 14px;\n      margin: 0;\n      margin-bottom: 15px;\n      border-radius: 4px;\n\n      &::-moz-focus-inner {\n        border: 0;\n      }\n\n      &::-moz-focus-inner,\n      &:focus,\n      &:active {\n        outline: 0 !important;\n      }\n\n      &:focus {\n        background: lighten($ui-base-color, 4%);\n      }\n\n      @media screen and (max-width: 600px) {\n        font-size: 16px;\n      }\n    }\n\n    .embed-modal__iframe {\n      width: 400px;\n      max-width: 100%;\n      overflow: hidden;\n      border: 0;\n      border-radius: 4px;\n    }\n  }\n}\n\n.focal-point {\n  position: relative;\n  cursor: move;\n  overflow: hidden;\n  height: 100%;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  background: $base-shadow-color;\n\n  img,\n  video,\n  canvas {\n    display: block;\n    max-height: 80vh;\n    width: 100%;\n    height: auto;\n    margin: 0;\n    object-fit: contain;\n    background: $base-shadow-color;\n  }\n\n  &__reticle {\n    position: absolute;\n    width: 100px;\n    height: 100px;\n    transform: translate(-50%, -50%);\n    background: url('~images/reticle.png') no-repeat 0 0;\n    border-radius: 50%;\n    box-shadow: 0 0 0 9999em rgba($base-shadow-color, 0.35);\n  }\n\n  &__overlay {\n    position: absolute;\n    width: 100%;\n    height: 100%;\n    top: 0;\n    left: 0;\n  }\n\n  &__preview {\n    position: absolute;\n    bottom: 10px;\n    right: 10px;\n    z-index: 2;\n    cursor: move;\n    transition: opacity 0.1s ease;\n\n    &:hover {\n      opacity: 0.5;\n    }\n\n    strong {\n      color: $primary-text-color;\n      font-size: 14px;\n      font-weight: 500;\n      display: block;\n      margin-bottom: 5px;\n    }\n\n    div {\n      border-radius: 4px;\n      box-shadow: 0 0 14px rgba($base-shadow-color, 0.2);\n    }\n  }\n\n  @media screen and (max-width: 480px) {\n    img,\n    video {\n      max-height: 100%;\n    }\n\n    &__preview {\n      display: none;\n    }\n  }\n}\n\n.filtered-status-info {\n  text-align: start;\n\n  .spoiler__text {\n    margin-top: 20px;\n  }\n\n  .account {\n    border-bottom: 0;\n  }\n\n  .account__display-name strong {\n    color: $inverted-text-color;\n  }\n\n  .status__content__spoiler {\n    display: none;\n\n    &--visible {\n      display: flex;\n    }\n  }\n\n  ul {\n    padding: 10px;\n    margin-left: 12px;\n    list-style: disc inside;\n  }\n\n  .filtered-status-edit-link {\n    color: $action-button-color;\n    text-decoration: none;\n\n    &:hover {\n      text-decoration: underline\n    }\n  }\n}\n",".composer {\n  padding: 10px;\n}\n\n.character-counter {\n  cursor: default;\n  font-family: $font-sans-serif, sans-serif;\n  font-size: 14px;\n  font-weight: 600;\n  color: $lighter-text-color;\n\n  &.character-counter--over {\n    color: $warning-red;\n  }\n}\n\n.no-reduce-motion .composer--spoiler {\n  transition: height 0.4s ease, opacity 0.4s ease;\n}\n\n.composer--spoiler {\n  height: 0;\n  transform-origin: bottom;\n  opacity: 0.0;\n\n  &.composer--spoiler--visible {\n    height: 36px;\n    margin-bottom: 11px;\n    opacity: 1.0;\n  }\n\n  input {\n    display: block;\n    box-sizing: border-box;\n    margin: 0;\n    border: none;\n    border-radius: 4px;\n    padding: 10px;\n    width: 100%;\n    outline: 0;\n    color: $inverted-text-color;\n    background: $simple-background-color;\n    font-size: 14px;\n    font-family: inherit;\n    resize: vertical;\n\n    &::placeholder {\n      color: $dark-text-color;\n    }\n\n    &:focus { outline: 0 }\n    @include single-column('screen and (max-width: 630px)') { font-size: 16px }\n  }\n}\n\n.composer--warning {\n  color: $inverted-text-color;\n  margin-bottom: 15px;\n  background: $ui-primary-color;\n  box-shadow: 0 2px 6px rgba($base-shadow-color, 0.3);\n  padding: 8px 10px;\n  border-radius: 4px;\n  font-size: 13px;\n  font-weight: 400;\n\n  a {\n    color: $lighter-text-color;\n    font-weight: 500;\n    text-decoration: underline;\n\n    &:active,\n    &:focus,\n    &:hover { text-decoration: none }\n  }\n}\n\n.compose-form__sensitive-button {\n  padding: 10px;\n  padding-top: 0;\n\n  font-size: 14px;\n  font-weight: 500;\n\n  &.active {\n    color: $highlight-text-color;\n  }\n\n  input[type=checkbox] {\n    display: none;\n  }\n\n  .checkbox {\n    display: inline-block;\n    position: relative;\n    border: 1px solid $ui-primary-color;\n    box-sizing: border-box;\n    width: 18px;\n    height: 18px;\n    flex: 0 0 auto;\n    margin-left: 5px;\n    margin-right: 10px;\n    top: -1px;\n    border-radius: 4px;\n    vertical-align: middle;\n\n    &.active {\n      border-color: $highlight-text-color;\n      background: $highlight-text-color;\n    }\n  }\n}\n\n.composer--reply {\n  margin: 0 0 10px;\n  border-radius: 4px;\n  padding: 10px;\n  background: $ui-primary-color;\n  min-height: 23px;\n  overflow-y: auto;\n  flex: 0 2 auto;\n\n  & > header {\n    margin-bottom: 5px;\n    overflow: hidden;\n\n    & > .account.small { color: $inverted-text-color; }\n\n    & > .cancel {\n      float: right;\n      line-height: 24px;\n    }\n  }\n\n  & > .content {\n    position: relative;\n    margin: 10px 0;\n    padding: 0 12px;\n    font-size: 14px;\n    line-height: 20px;\n    color: $inverted-text-color;\n    word-wrap: break-word;\n    font-weight: 400;\n    overflow: visible;\n    white-space: pre-wrap;\n    padding-top: 5px;\n    overflow: hidden;\n\n    p, pre, blockquote {\n      margin-bottom: 20px;\n      white-space: pre-wrap;\n\n      &:last-child {\n        margin-bottom: 0;\n      }\n    }\n\n    h1, h2, h3, h4, h5 {\n      margin-top: 20px;\n      margin-bottom: 20px;\n    }\n\n    h1, h2 {\n      font-weight: 700;\n      font-size: 18px;\n    }\n\n    h2 {\n      font-size: 16px;\n    }\n\n    h3, h4, h5 {\n      font-weight: 500;\n    }\n\n    blockquote {\n      padding-left: 10px;\n      border-left: 3px solid $inverted-text-color;\n      color: $inverted-text-color;\n      white-space: normal;\n\n      p:last-child {\n        margin-bottom: 0;\n      }\n    }\n\n    b, strong {\n      font-weight: 700;\n    }\n\n    em, i {\n      font-style: italic;\n    }\n\n    sub {\n      font-size: smaller;\n      text-align: sub;\n    }\n\n    ul, ol {\n      margin-left: 1em;\n\n      p {\n        margin: 0;\n      }\n    }\n\n    ul {\n      list-style-type: disc;\n    }\n\n    ol {\n      list-style-type: decimal;\n    }\n\n    a {\n      color: $lighter-text-color;\n      text-decoration: none;\n\n      &:hover { text-decoration: underline }\n\n      &.mention {\n        &:hover {\n          text-decoration: none;\n\n          span { text-decoration: underline }\n        }\n      }\n    }\n  }\n\n  .emojione {\n    width: 20px;\n    height: 20px;\n    margin: -5px 0 0;\n  }\n}\n\n.emoji-picker-dropdown {\n  position: absolute;\n  right: 5px;\n  top: 5px;\n\n  ::-webkit-scrollbar-track:hover,\n  ::-webkit-scrollbar-track:active {\n    background-color: rgba($base-overlay-background, 0.3);\n  }\n}\n\n.compose-form__autosuggest-wrapper,\n.autosuggest-input {\n  position: relative;\n  width: 100%;\n\n  label {\n    .autosuggest-textarea__textarea {\n      display: block;\n      box-sizing: border-box;\n      margin: 0;\n      border: none;\n      border-radius: 4px 4px 0 0;\n      padding: 10px 32px 0 10px;\n      width: 100%;\n      min-height: 100px;\n      outline: 0;\n      color: $inverted-text-color;\n      background: $simple-background-color;\n      font-size: 14px;\n      font-family: inherit;\n      resize: none;\n      scrollbar-color: initial;\n\n      &::placeholder {\n        color: $dark-text-color;\n      }\n\n      &::-webkit-scrollbar {\n        all: unset;\n      }\n\n      &:disabled { background: $ui-secondary-color }\n      &:focus { outline: 0 }\n      @include single-column('screen and (max-width: 630px)') { font-size: 16px }\n\n      @include limited-single-column('screen and (max-width: 600px)') {\n        height: 100px !important; // prevent auto-resize textarea\n        resize: vertical;\n      }\n    }\n  }\n}\n\n.composer--textarea--icons {\n  display: block;\n  position: absolute;\n  top: 29px;\n  right: 5px;\n  bottom: 5px;\n  overflow: hidden;\n\n  & > .textarea_icon {\n    display: block;\n    margin: 2px 0 0 2px;\n    width: 24px;\n    height: 24px;\n    color: $lighter-text-color;\n    font-size: 18px;\n    line-height: 24px;\n    text-align: center;\n    opacity: .8;\n  }\n}\n\n.autosuggest-textarea__suggestions-wrapper {\n  position: relative;\n  height: 0;\n}\n\n.autosuggest-textarea__suggestions {\n  display: block;\n  position: absolute;\n  box-sizing: border-box;\n  top: 100%;\n  border-radius: 0 0 4px 4px;\n  padding: 6px;\n  width: 100%;\n  color: $inverted-text-color;\n  background: $ui-secondary-color;\n  box-shadow: 4px 4px 6px rgba($base-shadow-color, 0.4);\n  font-size: 14px;\n  z-index: 99;\n  display: none;\n}\n\n.autosuggest-textarea__suggestions--visible {\n  display: block;\n}\n\n.autosuggest-textarea__suggestions__item {\n  padding: 10px;\n  cursor: pointer;\n  border-radius: 4px;\n\n  &:hover,\n  &:focus,\n  &:active,\n  &.selected { background: darken($ui-secondary-color, 10%) }\n\n  > .account,\n  > .emoji,\n  > .autosuggest-hashtag {\n    display: flex;\n    flex-direction: row;\n    align-items: center;\n    justify-content: flex-start;\n    line-height: 18px;\n    font-size: 14px;\n  }\n\n  .autosuggest-hashtag {\n    justify-content: space-between;\n\n    &__name {\n      flex: 1 1 auto;\n      overflow: hidden;\n      text-overflow: ellipsis;\n      white-space: nowrap;\n    }\n\n    strong {\n      font-weight: 500;\n    }\n\n    &__uses {\n      flex: 0 0 auto;\n      text-align: right;\n      overflow: hidden;\n      text-overflow: ellipsis;\n      white-space: nowrap;\n    }\n  }\n\n  & > .account.small {\n    .display-name {\n      & > span { color: $lighter-text-color }\n    }\n  }\n}\n\n.composer--upload_form {\n  overflow: hidden;\n\n  & > .content {\n    display: flex;\n    flex-direction: row;\n    flex-wrap: wrap;\n    font-family: inherit;\n    padding: 5px;\n    overflow: hidden;\n  }\n}\n\n.composer--upload_form--item {\n  flex: 1 1 0;\n  margin: 5px;\n  min-width: 40%;\n\n  & > div {\n    position: relative;\n    border-radius: 4px;\n    height: 140px;\n    width: 100%;\n    background-color: $base-shadow-color;\n    background-position: center;\n    background-size: cover;\n    background-repeat: no-repeat;\n    overflow: hidden;\n\n    textarea {\n      display: block;\n      position: absolute;\n      box-sizing: border-box;\n      bottom: 0;\n      left: 0;\n      margin: 0;\n      border: 0;\n      padding: 10px;\n      width: 100%;\n      color: $secondary-text-color;\n      background: linear-gradient(0deg, rgba($base-shadow-color, 0.8) 0, rgba($base-shadow-color, 0.35) 80%, transparent);\n      font-size: 14px;\n      font-family: inherit;\n      font-weight: 500;\n      opacity: 0;\n      z-index: 2;\n      transition: opacity .1s ease;\n\n      &:focus { color: $white }\n\n      &::placeholder {\n        opacity: 0.54;\n        color: $secondary-text-color;\n      }\n    }\n\n    & > .close { mix-blend-mode: difference }\n  }\n\n  &.active {\n    & > div {\n      textarea { opacity: 1 }\n    }\n  }\n}\n\n.composer--upload_form--actions {\n  background: linear-gradient(180deg, rgba($base-shadow-color, 0.8) 0, rgba($base-shadow-color, 0.35) 80%, transparent);\n  display: flex;\n  align-items: flex-start;\n  justify-content: space-between;\n  opacity: 0;\n  transition: opacity .1s ease;\n\n  .icon-button {\n    flex: 0 1 auto;\n    color: $ui-secondary-color;\n    font-size: 14px;\n    font-weight: 500;\n    padding: 10px;\n    font-family: inherit;\n\n    &:hover,\n    &:focus,\n    &:active {\n      color: lighten($ui-secondary-color, 4%);\n    }\n  }\n\n  &.active {\n    opacity: 1;\n  }\n}\n\n.composer--upload_form--progress {\n  display: flex;\n  padding: 10px;\n  color: $darker-text-color;\n  overflow: hidden;\n\n  & > .fa {\n    font-size: 34px;\n    margin-right: 10px;\n  }\n\n  & > .message {\n    flex: 1 1 auto;\n\n    & > span {\n      display: block;\n      font-size: 12px;\n      font-weight: 500;\n      text-transform: uppercase;\n    }\n\n    & > .backdrop {\n      position: relative;\n      margin-top: 5px;\n      border-radius: 6px;\n      width: 100%;\n      height: 6px;\n      background: $ui-base-lighter-color;\n\n      & > .tracker {\n        position: absolute;\n        top: 0;\n        left: 0;\n        height: 6px;\n        border-radius: 6px;\n        background: $ui-highlight-color;\n      }\n    }\n  }\n}\n\n.compose-form__modifiers {\n  color: $inverted-text-color;\n  font-family: inherit;\n  font-size: 14px;\n  background: $simple-background-color;\n}\n\n.composer--options-wrapper {\n  padding: 10px;\n  background: darken($simple-background-color, 8%);\n  border-radius: 0 0 4px 4px;\n  height: 27px;\n  display: flex;\n  justify-content: space-between;\n  flex: 0 0 auto;\n}\n\n.composer--options {\n  display: flex;\n  flex: 0 0 auto;\n\n  & > * {\n    display: inline-block;\n    box-sizing: content-box;\n    padding: 0 3px;\n    height: 27px;\n    line-height: 27px;\n    vertical-align: bottom;\n  }\n\n  & > hr {\n    display: inline-block;\n    margin: 0 3px;\n    border-width: 0 0 0 1px;\n    border-style: none none none solid;\n    border-color: transparent transparent transparent darken($simple-background-color, 24%);\n    padding: 0;\n    width: 0;\n    height: 27px;\n    background: transparent;\n  }\n}\n\n.compose--counter-wrapper {\n  align-self: center;\n  margin-right: 4px;\n}\n\n.composer--options--dropdown {\n  &.open {\n    & > .value {\n      border-radius: 4px 4px 0 0;\n      box-shadow: 0 -4px 4px rgba($base-shadow-color, 0.1);\n      color: $primary-text-color;\n      background: $ui-highlight-color;\n      transition: none;\n    }\n    &.top {\n      & > .value {\n        border-radius: 0 0 4px 4px;\n        box-shadow: 0 4px 4px rgba($base-shadow-color, 0.1);\n      }\n    }\n  }\n}\n\n.composer--options--dropdown--content {\n  position: absolute;\n  border-radius: 4px;\n  box-shadow: 2px 4px 15px rgba($base-shadow-color, 0.4);\n  background: $simple-background-color;\n  overflow: hidden;\n  transform-origin: 50% 0;\n}\n\n.composer--options--dropdown--content--item {\n  display: flex;\n  align-items: center;\n  padding: 10px;\n  color: $inverted-text-color;\n  cursor: pointer;\n\n  & > .content {\n    flex: 1 1 auto;\n    color: $lighter-text-color;\n\n    &:not(:first-child) { margin-left: 10px }\n\n    strong {\n      display: block;\n      color: $inverted-text-color;\n      font-weight: 500;\n    }\n  }\n\n  &:hover,\n  &.active {\n    background: $ui-highlight-color;\n    color: $primary-text-color;\n\n    & > .content {\n      color: $primary-text-color;\n\n      strong { color: $primary-text-color }\n    }\n  }\n\n  &.active:hover { background: lighten($ui-highlight-color, 4%) }\n}\n\n.composer--publisher {\n  padding-top: 10px;\n  text-align: right;\n  white-space: nowrap;\n  overflow: hidden;\n  justify-content: flex-end;\n  flex: 0 0 auto;\n\n  & > .primary {\n    display: inline-block;\n    margin: 0;\n    padding: 0 10px;\n    text-align: center;\n  }\n\n  & > .side_arm {\n    display: inline-block;\n    margin: 0 2px;\n    padding: 0;\n    width: 36px;\n    text-align: center;\n  }\n\n  &.over {\n    & > .count { color: $warning-red }\n  }\n}\n",".column__wrapper {\n  display: flex;\n  flex: 1 1 auto;\n  position: relative;\n}\n\n.columns-area {\n  display: flex;\n  flex: 1 1 auto;\n  flex-direction: row;\n  justify-content: flex-start;\n  overflow-x: auto;\n  position: relative;\n\n  &__panels {\n    display: flex;\n    justify-content: center;\n    width: 100%;\n    height: 100%;\n    min-height: 100vh;\n\n    &__pane {\n      height: 100%;\n      overflow: hidden;\n      pointer-events: none;\n      display: flex;\n      justify-content: flex-end;\n      min-width: 285px;\n\n      &--start {\n        justify-content: flex-start;\n      }\n\n      &__inner {\n        position: fixed;\n        width: 285px;\n        pointer-events: auto;\n        height: 100%;\n      }\n    }\n\n    &__main {\n      box-sizing: border-box;\n      width: 100%;\n      max-width: 600px;\n      flex: 0 0 auto;\n      display: flex;\n      flex-direction: column;\n\n      @media screen and (min-width: $no-gap-breakpoint) {\n        padding: 0 10px;\n      }\n    }\n  }\n}\n\n.tabs-bar__wrapper {\n  background: darken($ui-base-color, 8%);\n  position: sticky;\n  top: 0;\n  z-index: 2;\n  padding-top: 0;\n\n  @media screen and (min-width: $no-gap-breakpoint) {\n    padding-top: 10px;\n  }\n\n  .tabs-bar {\n    margin-bottom: 0;\n\n    @media screen and (min-width: $no-gap-breakpoint) {\n      margin-bottom: 10px;\n    }\n  }\n}\n\n.react-swipeable-view-container {\n  &,\n  .columns-area,\n  .column {\n    height: 100%;\n  }\n}\n\n.react-swipeable-view-container > * {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  height: 100%;\n}\n\n.column {\n  width: 330px;\n  position: relative;\n  box-sizing: border-box;\n  display: flex;\n  flex-direction: column;\n\n  > .scrollable {\n    background: $ui-base-color;\n  }\n}\n\n.ui {\n  flex: 0 0 auto;\n  display: flex;\n  flex-direction: column;\n  width: 100%;\n  height: 100%;\n}\n\n.column {\n  overflow: hidden;\n}\n\n.column-back-button {\n  box-sizing: border-box;\n  width: 100%;\n  background: lighten($ui-base-color, 4%);\n  color: $highlight-text-color;\n  cursor: pointer;\n  flex: 0 0 auto;\n  font-size: 16px;\n  border: 0;\n  text-align: unset;\n  padding: 15px;\n  margin: 0;\n  z-index: 3;\n\n  &:hover {\n    text-decoration: underline;\n  }\n}\n\n.column-header__back-button {\n  background: lighten($ui-base-color, 4%);\n  border: 0;\n  font-family: inherit;\n  color: $highlight-text-color;\n  cursor: pointer;\n  flex: 0 0 auto;\n  font-size: 16px;\n  padding: 0 5px 0 0;\n  z-index: 3;\n\n  &:hover {\n    text-decoration: underline;\n  }\n\n  &:last-child {\n    padding: 0 15px 0 0;\n  }\n}\n\n.column-back-button__icon {\n  display: inline-block;\n  margin-right: 5px;\n}\n\n.column-back-button--slim {\n  position: relative;\n}\n\n.column-back-button--slim-button {\n  cursor: pointer;\n  flex: 0 0 auto;\n  font-size: 16px;\n  padding: 15px;\n  position: absolute;\n  right: 0;\n  top: -48px;\n}\n\n.column-link {\n  background: lighten($ui-base-color, 8%);\n  color: $primary-text-color;\n  display: block;\n  font-size: 16px;\n  padding: 15px;\n  text-decoration: none;\n\n  &:hover,\n  &:focus,\n  &:active {\n    background: lighten($ui-base-color, 11%);\n  }\n\n  &:focus {\n    outline: 0;\n  }\n\n  &--transparent {\n    background: transparent;\n    color: $ui-secondary-color;\n\n    &:hover,\n    &:focus,\n    &:active {\n      background: transparent;\n      color: $primary-text-color;\n    }\n\n    &.active {\n      color: $ui-highlight-color;\n    }\n  }\n}\n\n.column-link__icon {\n  display: inline-block;\n  margin-right: 5px;\n}\n\n.column-subheading {\n  background: $ui-base-color;\n  color: $dark-text-color;\n  padding: 8px 20px;\n  font-size: 12px;\n  font-weight: 500;\n  text-transform: uppercase;\n  cursor: default;\n}\n\n.column-header__wrapper {\n  position: relative;\n  flex: 0 0 auto;\n\n  &.active {\n    &::before {\n      display: block;\n      content: \"\";\n      position: absolute;\n      top: 35px;\n      left: 0;\n      right: 0;\n      margin: 0 auto;\n      width: 60%;\n      pointer-events: none;\n      height: 28px;\n      z-index: 1;\n      background: radial-gradient(ellipse, rgba($ui-highlight-color, 0.23) 0%, rgba($ui-highlight-color, 0) 60%);\n    }\n  }\n}\n\n.column-header {\n  display: flex;\n  font-size: 16px;\n  background: lighten($ui-base-color, 4%);\n  flex: 0 0 auto;\n  cursor: pointer;\n  position: relative;\n  z-index: 2;\n  outline: 0;\n  overflow: hidden;\n\n  & > button {\n    margin: 0;\n    border: none;\n    padding: 15px;\n    color: inherit;\n    background: transparent;\n    font: inherit;\n    text-align: left;\n    text-overflow: ellipsis;\n    overflow: hidden;\n    white-space: nowrap;\n    flex: 1;\n  }\n\n  & > .column-header__back-button {\n    color: $highlight-text-color;\n  }\n\n  &.active {\n    box-shadow: 0 1px 0 rgba($ui-highlight-color, 0.3);\n\n    .column-header__icon {\n      color: $highlight-text-color;\n      text-shadow: 0 0 10px rgba($ui-highlight-color, 0.4);\n    }\n  }\n\n  &:focus,\n  &:active {\n    outline: 0;\n  }\n}\n\n.column {\n  width: 330px;\n  position: relative;\n  box-sizing: border-box;\n  display: flex;\n  flex-direction: column;\n  overflow: hidden;\n\n  .wide .columns-area:not(.columns-area--mobile) & {\n    flex: auto;\n    min-width: 330px;\n    max-width: 400px;\n  }\n\n  > .scrollable {\n    background: $ui-base-color;\n  }\n}\n\n.column-header__buttons {\n  height: 48px;\n  display: flex;\n  margin-left: 0;\n}\n\n.column-header__links {\n  margin-bottom: 14px;\n}\n\n.column-header__links .text-btn {\n  margin-right: 10px;\n}\n\n.column-header__button {\n  background: lighten($ui-base-color, 4%);\n  border: 0;\n  color: $darker-text-color;\n  cursor: pointer;\n  font-size: 16px;\n  padding: 0 15px;\n\n  &:hover {\n    color: lighten($darker-text-color, 7%);\n  }\n\n  &.active {\n    color: $primary-text-color;\n    background: lighten($ui-base-color, 8%);\n\n    &:hover {\n      color: $primary-text-color;\n      background: lighten($ui-base-color, 8%);\n    }\n  }\n\n  // glitch - added focus ring for keyboard navigation\n  &:focus {\n    text-shadow: 0 0 4px darken($ui-highlight-color, 5%);\n  }\n}\n\n.column-header__notif-cleaning-buttons {\n  display: flex;\n  align-items: stretch;\n  justify-content: space-around;\n\n  button {\n    @extend .column-header__button;\n    background: transparent;\n    text-align: center;\n    padding: 10px 0;\n    white-space: pre-wrap;\n  }\n\n  b {\n    font-weight: bold;\n  }\n}\n\n// The notifs drawer with no padding to have more space for the buttons\n.column-header__collapsible-inner.nopad-drawer {\n  padding: 0;\n}\n\n.column-header__collapsible {\n  max-height: 70vh;\n  overflow: hidden;\n  overflow-y: auto;\n  color: $darker-text-color;\n  transition: max-height 150ms ease-in-out, opacity 300ms linear;\n  opacity: 1;\n\n  &.collapsed {\n    max-height: 0;\n    opacity: 0.5;\n  }\n\n  &.animating {\n    overflow-y: hidden;\n  }\n\n  hr {\n    height: 0;\n    background: transparent;\n    border: 0;\n    border-top: 1px solid lighten($ui-base-color, 12%);\n    margin: 10px 0;\n  }\n\n  // notif cleaning drawer\n  &.ncd {\n    transition: none;\n    &.collapsed {\n      max-height: 0;\n      opacity: 0.7;\n    }\n  }\n}\n\n.column-header__collapsible-inner {\n  background: lighten($ui-base-color, 8%);\n  padding: 15px;\n}\n\n.column-header__setting-btn {\n  &:hover {\n    color: $darker-text-color;\n    text-decoration: underline;\n  }\n}\n\n.column-header__setting-arrows {\n  float: right;\n\n  .column-header__setting-btn {\n    padding: 0 10px;\n\n    &:last-child {\n      padding-right: 0;\n    }\n  }\n}\n\n.column-header__title {\n  display: inline-block;\n  text-overflow: ellipsis;\n  overflow: hidden;\n  white-space: nowrap;\n  flex: 1;\n}\n\n.column-header__icon {\n  display: inline-block;\n  margin-right: 5px;\n}\n\n.empty-column-indicator,\n.error-column {\n  color: $dark-text-color;\n  background: $ui-base-color;\n  text-align: center;\n  padding: 20px;\n  font-size: 15px;\n  font-weight: 400;\n  cursor: default;\n  display: flex;\n  flex: 1 1 auto;\n  align-items: center;\n  justify-content: center;\n  @supports(display: grid) { // hack to fix Chrome <57\n    contain: strict;\n  }\n\n  & > span {\n    max-width: 400px;\n  }\n\n  a {\n    color: $highlight-text-color;\n    text-decoration: none;\n\n    &:hover {\n      text-decoration: underline;\n    }\n  }\n}\n\n.error-column {\n  flex-direction: column;\n}\n\n// more fixes for the navbar-under mode\n@mixin fix-margins-for-navbar-under {\n  .tabs-bar {\n    margin-top: 0 !important;\n    margin-bottom: -6px !important;\n  }\n}\n\n.single-column.navbar-under {\n  @include fix-margins-for-navbar-under;\n}\n\n.auto-columns.navbar-under {\n  @media screen and (max-width: $no-gap-breakpoint) {\n    @include fix-margins-for-navbar-under;\n  }\n}\n\n.auto-columns.navbar-under .react-swipeable-view-container .columns-area,\n.single-column.navbar-under .react-swipeable-view-container .columns-area {\n  @media screen and (max-width: $no-gap-breakpoint) {\n    height: 100% !important;\n  }\n}\n\n.column-inline-form {\n  padding: 7px 15px;\n  padding-right: 5px;\n  display: flex;\n  justify-content: flex-start;\n  align-items: center;\n  background: lighten($ui-base-color, 4%);\n\n  label {\n    flex: 1 1 auto;\n\n    input {\n      width: 100%;\n      margin-bottom: 6px;\n\n      &:focus {\n        outline: 0;\n      }\n    }\n  }\n\n  .icon-button {\n    flex: 0 0 auto;\n    margin: 0 5px;\n  }\n}\n",".regeneration-indicator {\n  text-align: center;\n  font-size: 16px;\n  font-weight: 500;\n  color: $dark-text-color;\n  background: $ui-base-color;\n  cursor: default;\n  display: flex;\n  flex: 1 1 auto;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  padding: 20px;\n\n  &__figure {\n    &,\n    img {\n      display: block;\n      width: auto;\n      height: 160px;\n      margin: 0;\n    }\n  }\n\n  &--without-header {\n    padding-top: 20px + 48px;\n  }\n\n  &__label {\n    margin-top: 30px;\n\n    strong {\n      display: block;\n      margin-bottom: 10px;\n      color: $dark-text-color;\n    }\n\n    span {\n      font-size: 15px;\n      font-weight: 400;\n    }\n  }\n}\n",".directory {\n  &__list {\n    width: 100%;\n    margin: 10px 0;\n    transition: opacity 100ms ease-in;\n\n    &.loading {\n      opacity: 0.7;\n    }\n\n    @media screen and (max-width: $no-gap-breakpoint) {\n      margin: 0;\n    }\n  }\n\n  &__card {\n    box-sizing: border-box;\n    margin-bottom: 10px;\n\n    &__img {\n      height: 125px;\n      position: relative;\n      background: darken($ui-base-color, 12%);\n      overflow: hidden;\n\n      img {\n        display: block;\n        width: 100%;\n        height: 100%;\n        margin: 0;\n        object-fit: cover;\n      }\n    }\n\n    &__bar {\n      display: flex;\n      align-items: center;\n      background: lighten($ui-base-color, 4%);\n      padding: 10px;\n\n      &__name {\n        flex: 1 1 auto;\n        display: flex;\n        align-items: center;\n        text-decoration: none;\n        overflow: hidden;\n      }\n\n      &__relationship {\n        width: 23px;\n        min-height: 1px;\n        flex: 0 0 auto;\n      }\n\n      .avatar {\n        flex: 0 0 auto;\n        width: 48px;\n        height: 48px;\n        padding-top: 2px;\n\n        img {\n          width: 100%;\n          height: 100%;\n          display: block;\n          margin: 0;\n          border-radius: 4px;\n          background: darken($ui-base-color, 8%);\n          object-fit: cover;\n        }\n      }\n\n      .display-name {\n        margin-left: 15px;\n        text-align: left;\n\n        strong {\n          font-size: 15px;\n          color: $primary-text-color;\n          font-weight: 500;\n          overflow: hidden;\n          text-overflow: ellipsis;\n        }\n\n        span {\n          display: block;\n          font-size: 14px;\n          color: $darker-text-color;\n          font-weight: 400;\n          overflow: hidden;\n          text-overflow: ellipsis;\n        }\n      }\n    }\n\n    &__extra {\n      background: $ui-base-color;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n\n      .accounts-table__count {\n        width: 33.33%;\n        flex: 0 0 auto;\n        padding: 15px 0;\n      }\n\n      .account__header__content {\n        box-sizing: border-box;\n        padding: 15px 10px;\n        border-bottom: 1px solid lighten($ui-base-color, 8%);\n        width: 100%;\n        min-height: 18px + 30px;\n        white-space: nowrap;\n        overflow: hidden;\n        text-overflow: ellipsis;\n\n        p {\n          display: none;\n\n          &:first-child {\n            display: inline;\n          }\n        }\n\n        br {\n          display: none;\n        }\n      }\n    }\n  }\n}\n\n.filter-form {\n  background: $ui-base-color;\n\n  &__column {\n    padding: 10px 15px;\n  }\n\n  .radio-button {\n    display: block;\n  }\n}\n\n.radio-button {\n  font-size: 14px;\n  position: relative;\n  display: inline-block;\n  padding: 6px 0;\n  line-height: 18px;\n  cursor: default;\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  cursor: pointer;\n\n  input[type=radio],\n  input[type=checkbox] {\n    display: none;\n  }\n\n  &__input {\n    display: inline-block;\n    position: relative;\n    border: 1px solid $ui-primary-color;\n    box-sizing: border-box;\n    width: 18px;\n    height: 18px;\n    flex: 0 0 auto;\n    margin-right: 10px;\n    top: -1px;\n    border-radius: 50%;\n    vertical-align: middle;\n\n    &.checked {\n      border-color: lighten($ui-highlight-color, 8%);\n      background: lighten($ui-highlight-color, 8%);\n    }\n  }\n}\n",".search {\n  position: relative;\n}\n\n.search__input {\n  @include search-input();\n\n  display: block;\n  padding: 15px;\n  padding-right: 30px;\n  line-height: 18px;\n  font-size: 16px;\n\n  &::placeholder {\n    color: lighten($darker-text-color, 4%);\n  }\n\n  &::-moz-focus-inner {\n    border: 0;\n  }\n\n  &::-moz-focus-inner,\n  &:focus,\n  &:active {\n    outline: 0 !important;\n  }\n\n  &:focus {\n    background: lighten($ui-base-color, 4%);\n  }\n\n  @media screen and (max-width: 600px) {\n    font-size: 16px;\n  }\n}\n\n.search__icon {\n  &::-moz-focus-inner {\n    border: 0;\n  }\n\n  &::-moz-focus-inner,\n  &:focus {\n    outline: 0 !important;\n  }\n\n  .fa {\n    position: absolute;\n    top: 16px;\n    right: 10px;\n    z-index: 2;\n    display: inline-block;\n    opacity: 0;\n    transition: all 100ms linear;\n    transition-property: color, transform, opacity;\n    font-size: 18px;\n    width: 18px;\n    height: 18px;\n    color: $secondary-text-color;\n    cursor: default;\n    pointer-events: none;\n\n    &.active {\n      pointer-events: auto;\n      opacity: 0.3;\n    }\n  }\n\n  .fa-search {\n    transform: rotate(0deg);\n\n    &.active {\n      pointer-events: auto;\n      opacity: 0.3;\n    }\n  }\n\n  .fa-times-circle {\n    top: 17px;\n    transform: rotate(0deg);\n    color: $action-button-color;\n    cursor: pointer;\n\n    &.active {\n      transform: rotate(90deg);\n    }\n\n    &:hover {\n      color: lighten($action-button-color, 7%);\n    }\n  }\n}\n\n.search-results__header {\n  color: $dark-text-color;\n  background: lighten($ui-base-color, 2%);\n  border-bottom: 1px solid darken($ui-base-color, 4%);\n  padding: 15px 10px;\n  font-size: 14px;\n  font-weight: 500;\n}\n\n.search-results__info {\n  padding: 20px;\n  color: $darker-text-color;\n  text-align: center;\n}\n\n.trends {\n  &__header {\n    color: $dark-text-color;\n    background: lighten($ui-base-color, 2%);\n    border-bottom: 1px solid darken($ui-base-color, 4%);\n    font-weight: 500;\n    padding: 15px;\n    font-size: 16px;\n    cursor: default;\n\n    .fa {\n      display: inline-block;\n      margin-right: 5px;\n    }\n  }\n\n  &__item {\n    display: flex;\n    align-items: center;\n    padding: 15px;\n    border-bottom: 1px solid lighten($ui-base-color, 8%);\n\n    &:last-child {\n      border-bottom: 0;\n    }\n\n    &__name {\n      flex: 1 1 auto;\n      color: $dark-text-color;\n      overflow: hidden;\n      text-overflow: ellipsis;\n      white-space: nowrap;\n\n      strong {\n        font-weight: 500;\n      }\n\n      a {\n        color: $darker-text-color;\n        text-decoration: none;\n        font-size: 14px;\n        font-weight: 500;\n        display: block;\n        overflow: hidden;\n        text-overflow: ellipsis;\n        white-space: nowrap;\n\n        &:hover,\n        &:focus,\n        &:active {\n          span {\n            text-decoration: underline;\n          }\n        }\n      }\n    }\n\n    &__current {\n      flex: 0 0 auto;\n      font-size: 24px;\n      line-height: 36px;\n      font-weight: 500;\n      text-align: right;\n      padding-right: 15px;\n      margin-left: 5px;\n      color: $secondary-text-color;\n    }\n\n    &__sparkline {\n      flex: 0 0 auto;\n      width: 50px;\n\n      path:first-child {\n        fill: rgba($highlight-text-color, 0.25) !important;\n        fill-opacity: 1 !important;\n      }\n\n      path:last-child {\n        stroke: lighten($highlight-text-color, 6%) !important;\n      }\n    }\n  }\n}\n",null,".emojione {\n  font-size: inherit;\n  vertical-align: middle;\n  object-fit: contain;\n  margin: -.2ex .15em .2ex;\n  width: 16px;\n  height: 16px;\n\n  img {\n    width: auto;\n  }\n}\n\n.emoji-picker-dropdown__menu {\n  background: $simple-background-color;\n  position: absolute;\n  box-shadow: 4px 4px 6px rgba($base-shadow-color, 0.4);\n  border-radius: 4px;\n  margin-top: 5px;\n  z-index: 2;\n\n  .emoji-mart-scroll {\n    transition: opacity 200ms ease;\n  }\n\n  &.selecting .emoji-mart-scroll {\n    opacity: 0.5;\n  }\n}\n\n.emoji-picker-dropdown__modifiers {\n  position: absolute;\n  top: 60px;\n  right: 11px;\n  cursor: pointer;\n}\n\n.emoji-picker-dropdown__modifiers__menu {\n  position: absolute;\n  z-index: 4;\n  top: -4px;\n  left: -8px;\n  background: $simple-background-color;\n  border-radius: 4px;\n  box-shadow: 1px 2px 6px rgba($base-shadow-color, 0.2);\n  overflow: hidden;\n\n  button {\n    display: block;\n    cursor: pointer;\n    border: 0;\n    padding: 4px 8px;\n    background: transparent;\n\n    &:hover,\n    &:focus,\n    &:active {\n      background: rgba($ui-secondary-color, 0.4);\n    }\n  }\n\n  .emoji-mart-emoji {\n    height: 22px;\n  }\n}\n\n.emoji-mart-emoji {\n  span {\n    background-repeat: no-repeat;\n  }\n}\n\n.emoji-button {\n  display: block;\n  font-size: 24px;\n  line-height: 24px;\n  margin-left: 2px;\n  width: 24px;\n  outline: 0;\n  cursor: pointer;\n\n  &:active,\n  &:focus {\n    outline: 0 !important;\n  }\n\n  img {\n    filter: grayscale(100%);\n    opacity: 0.8;\n    display: block;\n    margin: 0;\n    width: 22px;\n    height: 22px;\n    margin-top: 2px;\n  }\n\n  &:hover,\n  &:active,\n  &:focus {\n    img {\n      opacity: 1;\n      filter: none;\n    }\n  }\n}\n","$doodleBg: #d9e1e8;\n.doodle-modal {\n  @extend .boost-modal;\n  width: unset;\n}\n\n.doodle-modal__container {\n  background: $doodleBg;\n  text-align: center;\n  line-height: 0; // remove weird gap under canvas\n  canvas {\n    border: 5px solid $doodleBg;\n  }\n}\n\n.doodle-modal__action-bar {\n  @extend .boost-modal__action-bar;\n\n  .filler {\n    flex-grow: 1;\n    margin: 0;\n    padding: 0;\n  }\n\n  .doodle-toolbar {\n    line-height: 1;\n\n    display: flex;\n    flex-direction: column;\n    flex-grow: 0;\n    justify-content: space-around;\n\n    &.with-inputs {\n      label {\n        display: inline-block;\n        width: 70px;\n        text-align: right;\n        margin-right: 2px;\n      }\n\n      input[type=\"number\"],input[type=\"text\"] {\n        width: 40px;\n      }\n      span.val {\n        display: inline-block;\n        text-align: left;\n        width: 50px;\n      }\n    }\n  }\n\n  .doodle-palette {\n    padding-right: 0 !important;\n    border: 1px solid black;\n    line-height: .2rem;\n    flex-grow: 0;\n    background: white;\n\n    button {\n      appearance: none;\n      width: 1rem;\n      height: 1rem;\n      margin: 0; padding: 0;\n      text-align: center;\n      color: black;\n      text-shadow: 0 0 1px white;\n      cursor: pointer;\n      box-shadow: inset 0 0 1px rgba(white, .5);\n      border: 1px solid black;\n      outline-offset:-1px;\n\n      &.foreground {\n        outline: 1px dashed white;\n      }\n\n      &.background {\n        outline: 1px dashed red;\n      }\n\n      &.foreground.background {\n        outline: 1px dashed red;\n        border-color: white;\n      }\n    }\n  }\n}\n",".drawer {\n  width: 300px;\n  box-sizing: border-box;\n  display: flex;\n  flex-direction: column;\n  overflow-y: hidden;\n  padding: 10px 5px;\n  flex: none;\n\n  &:first-child {\n    padding-left: 10px;\n  }\n\n  &:last-child {\n    padding-right: 10px;\n  }\n\n  @include single-column('screen and (max-width: 630px)') { flex: auto }\n\n  @include limited-single-column('screen and (max-width: 630px)') {\n    &, &:first-child, &:last-child { padding: 0 }\n  }\n\n  .wide & {\n    min-width: 300px;\n    max-width: 400px;\n    flex: 1 1 200px;\n  }\n\n  @include single-column('screen and (max-width: 630px)') {\n    :root & {  //  Overrides `.wide` for single-column view\n      flex: auto;\n      width: 100%;\n      min-width: 0;\n      max-width: none;\n      padding: 0;\n    }\n  }\n\n  .react-swipeable-view-container & { height: 100% }\n}\n\n.drawer--header {\n  display: flex;\n  flex-direction: row;\n  margin-bottom: 10px;\n  flex: none;\n  background: lighten($ui-base-color, 8%);\n  font-size: 16px;\n\n  & > * {\n    display: block;\n    box-sizing: border-box;\n    border-bottom: 2px solid transparent;\n    padding: 15px 5px 13px;\n    height: 48px;\n    flex: 1 1 auto;\n    color: $darker-text-color;\n    text-align: center;\n    text-decoration: none;\n    cursor: pointer;\n  }\n\n  a {\n    transition: background 100ms ease-in;\n\n    &:focus,\n    &:hover {\n      outline: none;\n      background: lighten($ui-base-color, 3%);\n      transition: background 200ms ease-out;\n    }\n  }\n}\n\n.search {\n  position: relative;\n  margin-bottom: 10px;\n  flex: none;\n\n  @include limited-single-column('screen and (max-width: #{$no-gap-breakpoint})') { margin-bottom: 0 }\n  @include single-column('screen and (max-width: 630px)') { font-size: 16px }\n}\n\n.search-popout {\n  @include search-popout();\n}\n\n.drawer--account {\n  padding: 10px;\n  color: $darker-text-color;\n  display: flex;\n  align-items: center;\n\n  a {\n    color: inherit;\n    text-decoration: none;\n  }\n\n  .acct {\n    display: block;\n    color: $secondary-text-color;\n    font-weight: 500;\n    white-space: nowrap;\n    overflow: hidden;\n    text-overflow: ellipsis;\n  }\n}\n\n.navigation-bar__profile {\n  flex: 1 1 auto;\n  margin-left: 8px;\n  overflow: hidden;\n}\n\n.drawer--results {\n  background: $ui-base-color;\n  overflow-x: hidden;\n  overflow-y: auto;\n\n  & > header {\n    color: $dark-text-color;\n    background: lighten($ui-base-color, 2%);\n    padding: 15px;\n    font-weight: 500;\n    font-size: 16px;\n    cursor: default;\n\n    .fa {\n      display: inline-block;\n      margin-right: 5px;\n    }\n  }\n\n  & > section {\n    margin-bottom: 5px;\n\n    h5 {\n      background: darken($ui-base-color, 4%);\n      border-bottom: 1px solid lighten($ui-base-color, 8%);\n      cursor: default;\n      display: flex;\n      padding: 15px;\n      font-weight: 500;\n      font-size: 16px;\n      color: $dark-text-color;\n\n      .fa {\n        display: inline-block;\n        margin-right: 5px;\n      }\n    }\n\n    .account:last-child,\n    & > div:last-child .status {\n      border-bottom: 0;\n    }\n\n    & > .hashtag {\n      display: block;\n      padding: 10px;\n      color: $secondary-text-color;\n      text-decoration: none;\n\n      &:hover,\n      &:active,\n      &:focus {\n        color: lighten($secondary-text-color, 4%);\n        text-decoration: underline;\n      }\n    }\n  }\n}\n\n.drawer__pager {\n  box-sizing: border-box;\n  padding: 0;\n  flex-grow: 1;\n  position: relative;\n  overflow: hidden;\n  display: flex;\n}\n\n.drawer__inner {\n  position: absolute;\n  top: 0;\n  left: 0;\n  background: lighten($ui-base-color, 13%);\n  box-sizing: border-box;\n  padding: 0;\n  display: flex;\n  flex-direction: column;\n  overflow: hidden;\n  overflow-y: auto;\n  width: 100%;\n  height: 100%;\n\n  &.darker {\n    background: $ui-base-color;\n  }\n}\n\n.drawer__inner__mastodon {\n  background: lighten($ui-base-color, 13%) url('data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 234.80078 31.757813\" width=\"234.80078\" height=\"31.757812\"><path d=\"M19.599609 0c-1.05 0-2.10039.375-2.90039 1.125L0 16.925781v14.832031h234.80078V17.025391l-16.5-15.900391c-1.6-1.5-4.20078-1.5-5.80078 0l-13.80078 13.099609c-1.6 1.5-4.19883 1.5-5.79883 0L179.09961 1.125c-1.6-1.5-4.19883-1.5-5.79883 0L159.5 14.224609c-1.6 1.5-4.20078 1.5-5.80078 0L139.90039 1.125c-1.6-1.5-4.20078-1.5-5.80078 0l-13.79883 13.099609c-1.6 1.5-4.20078 1.5-5.80078 0L100.69922 1.125c-1.600001-1.5-4.198829-1.5-5.798829 0l-13.59961 13.099609c-1.6 1.5-4.200781 1.5-5.800781 0L61.699219 1.125c-1.6-1.5-4.198828-1.5-5.798828 0L42.099609 14.224609c-1.6 1.5-4.198828 1.5-5.798828 0L22.5 1.125C21.7.375 20.649609 0 19.599609 0z\" fill=\"#{hex-color($ui-base-color)}\"/></svg>') no-repeat bottom / 100% auto;\n  flex: 1;\n  min-height: 47px;\n  display: none;\n\n  > img {\n    display: block;\n    object-fit: contain;\n    object-position: bottom left;\n    width: 100%;\n    height: 100%;\n    pointer-events: none;\n    user-drag: none;\n    user-select: none;\n  }\n\n  > .mastodon {\n    display: block;\n    width: 100%;\n    height: 100%;\n    border: none;\n    cursor: inherit;\n  }\n\n  @media screen and (min-height: 640px) {\n    display: block;\n  }\n}\n\n.pseudo-drawer {\n  background: lighten($ui-base-color, 13%);\n  font-size: 13px;\n  text-align: left;\n}\n\n.drawer__backdrop {\n  cursor: pointer;\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  background: rgba($base-overlay-background, 0.5);\n}\n",".video-error-cover {\n  align-items: center;\n  background: $base-overlay-background;\n  color: $primary-text-color;\n  cursor: pointer;\n  display: flex;\n  flex-direction: column;\n  height: 100%;\n  justify-content: center;\n  margin-top: 8px;\n  position: relative;\n  text-align: center;\n  z-index: 100;\n}\n\n.media-spoiler {\n  background: $base-overlay-background;\n  color: $darker-text-color;\n  border: 0;\n  width: 100%;\n  height: 100%;\n\n  &:hover,\n  &:active,\n  &:focus {\n    color: lighten($darker-text-color, 8%);\n  }\n\n  .status__content > & {\n    margin-top: 15px; // Add margin when used bare for NSFW video player\n  }\n  @include fullwidth-gallery;\n}\n\n.media-spoiler__warning {\n  display: block;\n  font-size: 14px;\n}\n\n.media-spoiler__trigger {\n  display: block;\n  font-size: 11px;\n  font-weight: 500;\n}\n\n.media-gallery__gifv__label {\n  display: block;\n  position: absolute;\n  color: $primary-text-color;\n  background: rgba($base-overlay-background, 0.5);\n  bottom: 6px;\n  left: 6px;\n  padding: 2px 6px;\n  border-radius: 2px;\n  font-size: 11px;\n  font-weight: 600;\n  z-index: 1;\n  pointer-events: none;\n  opacity: 0.9;\n  transition: opacity 0.1s ease;\n  line-height: 18px;\n}\n\n.media-gallery__gifv {\n  &.autoplay {\n    .media-gallery__gifv__label {\n      display: none;\n    }\n  }\n\n  &:hover {\n    .media-gallery__gifv__label {\n      opacity: 1;\n    }\n  }\n}\n\n.media-gallery__audio {\n  height: 100%;\n  display: flex;\n  flex-direction: column;\n\n  span {\n    text-align: center;\n    color: $darker-text-color;\n    display: flex;\n    height: 100%;\n    align-items: center;\n\n    p {\n      width: 100%;\n    }\n  }\n\n  audio {\n    width: 100%;\n  }\n}\n\n.media-gallery {\n  box-sizing: border-box;\n  margin-top: 8px;\n  overflow: hidden;\n  border-radius: 4px;\n  position: relative;\n  width: 100%;\n  height: 110px;\n\n  @include fullwidth-gallery;\n}\n\n.media-gallery__item {\n  border: none;\n  box-sizing: border-box;\n  display: block;\n  float: left;\n  position: relative;\n  border-radius: 4px;\n  overflow: hidden;\n\n  .full-width & {\n    border-radius: 0;\n  }\n\n  &.standalone {\n    .media-gallery__item-gifv-thumbnail {\n      transform: none;\n      top: 0;\n    }\n  }\n\n  &.letterbox {\n    background: $base-shadow-color;\n  }\n}\n\n.media-gallery__item-thumbnail {\n  cursor: zoom-in;\n  display: block;\n  text-decoration: none;\n  color: $secondary-text-color;\n  position: relative;\n  z-index: 1;\n\n  &,\n  img {\n    height: 100%;\n    width: 100%;\n    object-fit: contain;\n\n    &:not(.letterbox) {\n      height: 100%;\n      object-fit: cover;\n    }\n  }\n}\n\n.media-gallery__preview {\n  width: 100%;\n  height: 100%;\n  object-fit: cover;\n  position: absolute;\n  top: 0;\n  left: 0;\n  z-index: 0;\n  background: $base-overlay-background;\n\n  &--hidden {\n    display: none;\n  }\n}\n\n.media-gallery__gifv {\n  height: 100%;\n  overflow: hidden;\n  position: relative;\n  width: 100%;\n  display: flex;\n  justify-content: center;\n}\n\n.media-gallery__item-gifv-thumbnail {\n  cursor: zoom-in;\n  height: 100%;\n  width: 100%;\n  position: relative;\n  z-index: 1;\n  object-fit: contain;\n  user-select: none;\n\n  &:not(.letterbox) {\n    height: 100%;\n    object-fit: cover;\n  }\n}\n\n.media-gallery__item-thumbnail-label {\n  clip: rect(1px 1px 1px 1px); /* IE6, IE7 */\n  clip: rect(1px, 1px, 1px, 1px);\n  overflow: hidden;\n  position: absolute;\n}\n\n.video-modal__container {\n  max-width: 100vw;\n  max-height: 100vh;\n}\n\n.audio-modal__container {\n  width: 50vw;\n}\n\n.media-modal {\n  width: 100%;\n  height: 100%;\n  position: relative;\n\n  .extended-video-player {\n    width: 100%;\n    height: 100%;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n\n    video {\n      max-width: $media-modal-media-max-width;\n      max-height: $media-modal-media-max-height;\n    }\n  }\n}\n\n.media-modal__closer {\n  position: absolute;\n  top: 0;\n  left: 0;\n  right: 0;\n  bottom: 0;\n}\n\n.media-modal__navigation {\n  position: absolute;\n  top: 0;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  pointer-events: none;\n  transition: opacity 0.3s linear;\n  will-change: opacity;\n\n  * {\n    pointer-events: auto;\n  }\n\n  &.media-modal__navigation--hidden {\n    opacity: 0;\n\n    * {\n      pointer-events: none;\n    }\n  }\n}\n\n.media-modal__nav {\n  background: rgba($base-overlay-background, 0.5);\n  box-sizing: border-box;\n  border: 0;\n  color: $primary-text-color;\n  cursor: pointer;\n  display: flex;\n  align-items: center;\n  font-size: 24px;\n  height: 20vmax;\n  margin: auto 0;\n  padding: 30px 15px;\n  position: absolute;\n  top: 0;\n  bottom: 0;\n}\n\n.media-modal__nav--left {\n  left: 0;\n}\n\n.media-modal__nav--right {\n  right: 0;\n}\n\n.media-modal__pagination {\n  width: 100%;\n  text-align: center;\n  position: absolute;\n  left: 0;\n  bottom: 20px;\n  pointer-events: none;\n}\n\n.media-modal__meta {\n  text-align: center;\n  position: absolute;\n  left: 0;\n  bottom: 20px;\n  width: 100%;\n  pointer-events: none;\n\n  &--shifted {\n    bottom: 62px;\n  }\n\n  a {\n    pointer-events: auto;\n    text-decoration: none;\n    font-weight: 500;\n    color: $ui-secondary-color;\n\n    &:hover,\n    &:focus,\n    &:active {\n      text-decoration: underline;\n    }\n  }\n}\n\n.media-modal__page-dot {\n  display: inline-block;\n}\n\n.media-modal__button {\n  background-color: $white;\n  height: 12px;\n  width: 12px;\n  border-radius: 6px;\n  margin: 10px;\n  padding: 0;\n  border: 0;\n  font-size: 0;\n}\n\n.media-modal__button--active {\n  background-color: $ui-highlight-color;\n}\n\n.media-modal__close {\n  position: absolute;\n  right: 8px;\n  top: 8px;\n  z-index: 100;\n}\n\n.detailed,\n.fullscreen {\n  .video-player__volume__current,\n  .video-player__volume::before {\n    bottom: 27px;\n  }\n\n  .video-player__volume__handle {\n    bottom: 23px;\n  }\n\n}\n\n.audio-player {\n  box-sizing: border-box;\n  position: relative;\n  background: darken($ui-base-color, 8%);\n  border-radius: 4px;\n  padding-bottom: 44px;\n  direction: ltr;\n\n  &.editable {\n    border-radius: 0;\n    height: 100%;\n  }\n\n  &__waveform {\n    padding: 15px 0;\n    position: relative;\n    overflow: hidden;\n\n    &::before {\n      content: \"\";\n      display: block;\n      position: absolute;\n      border-top: 1px solid lighten($ui-base-color, 4%);\n      width: 100%;\n      height: 0;\n      left: 0;\n      top: calc(50% + 1px);\n    }\n  }\n\n  &__progress-placeholder {\n    background-color: rgba(lighten($ui-highlight-color, 8%), 0.5);\n  }\n\n  &__wave-placeholder {\n    background-color: lighten($ui-base-color, 16%);\n  }\n\n  .video-player__controls {\n    padding: 0 15px;\n    padding-top: 10px;\n    background: darken($ui-base-color, 8%);\n    border-top: 1px solid lighten($ui-base-color, 4%);\n    border-radius: 0 0 4px 4px;\n  }\n}\n\n.video-player {\n  overflow: hidden;\n  position: relative;\n  background: $base-shadow-color;\n  max-width: 100%;\n  border-radius: 4px;\n  box-sizing: border-box;\n  direction: ltr;\n\n  &.editable {\n    border-radius: 0;\n    height: 100% !important;\n  }\n\n  &:focus {\n    outline: 0;\n  }\n\n  .detailed-status & {\n    width: 100%;\n    height: 100%;\n  }\n\n  @include fullwidth-gallery;\n\n  video {\n    max-width: 100vw;\n    max-height: 80vh;\n    z-index: 1;\n    position: relative;\n  }\n\n  &.fullscreen {\n    width: 100% !important;\n    height: 100% !important;\n    margin: 0;\n\n    video {\n      max-width: 100% !important;\n      max-height: 100% !important;\n      width: 100% !important;\n      height: 100% !important;\n      outline: 0;\n    }\n  }\n\n  &.inline {\n    video {\n      object-fit: contain;\n      position: relative;\n      top: 50%;\n      transform: translateY(-50%);\n    }\n  }\n\n  &__controls {\n    position: absolute;\n    z-index: 2;\n    bottom: 0;\n    left: 0;\n    right: 0;\n    box-sizing: border-box;\n    background: linear-gradient(0deg, rgba($base-shadow-color, 0.85) 0, rgba($base-shadow-color, 0.45) 60%, transparent);\n    padding: 0 15px;\n    opacity: 0;\n    transition: opacity .1s ease;\n\n    &.active {\n      opacity: 1;\n    }\n  }\n\n  &.inactive {\n    video,\n    .video-player__controls {\n      visibility: hidden;\n    }\n  }\n\n  &__spoiler {\n    display: none;\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n    z-index: 4;\n    border: 0;\n    background: $base-shadow-color;\n    color: $darker-text-color;\n    transition: none;\n    pointer-events: none;\n\n    &.active {\n      display: block;\n      pointer-events: auto;\n\n      &:hover,\n      &:active,\n      &:focus {\n        color: lighten($darker-text-color, 7%);\n      }\n    }\n\n    &__title {\n      display: block;\n      font-size: 14px;\n    }\n\n    &__subtitle {\n      display: block;\n      font-size: 11px;\n      font-weight: 500;\n    }\n  }\n\n  &__buttons-bar {\n    display: flex;\n    justify-content: space-between;\n    padding-bottom: 10px;\n\n    .video-player__download__icon {\n      color: inherit;\n\n      .fa,\n      &:active .fa,\n      &:hover .fa,\n      &:focus .fa {\n        color: inherit;\n      }\n    }\n  }\n\n  &__buttons {\n    font-size: 16px;\n    white-space: nowrap;\n    overflow: hidden;\n    text-overflow: ellipsis;\n\n    &.left {\n      button {\n        padding-left: 0;\n      }\n    }\n\n    &.right {\n      button {\n        padding-right: 0;\n      }\n    }\n\n    button {\n      background: transparent;\n      padding: 2px 10px;\n      font-size: 16px;\n      border: 0;\n      color: rgba($white, 0.75);\n\n      &:active,\n      &:hover,\n      &:focus {\n        color: $white;\n      }\n    }\n  }\n\n  &__time-sep,\n  &__time-total,\n  &__time-current {\n    font-size: 14px;\n    font-weight: 500;\n  }\n\n  &__time-current {\n    color: $white;\n    margin-left: 60px;\n  }\n\n  &__time-sep {\n    display: inline-block;\n    margin: 0 6px;\n  }\n\n  &__time-sep,\n  &__time-total {\n    color: $white;\n  }\n\n  &__volume {\n    cursor: pointer;\n    height: 24px;\n    display: inline;\n\n    &::before {\n      content: \"\";\n      width: 50px;\n      background: rgba($white, 0.35);\n      border-radius: 4px;\n      display: block;\n      position: absolute;\n      height: 4px;\n      left: 70px;\n      bottom: 20px;\n    }\n\n    &__current {\n      display: block;\n      position: absolute;\n      height: 4px;\n      border-radius: 4px;\n      left: 70px;\n      bottom: 20px;\n      background: lighten($ui-highlight-color, 8%);\n    }\n\n    &__handle {\n      position: absolute;\n      z-index: 3;\n      border-radius: 50%;\n      width: 12px;\n      height: 12px;\n      bottom: 16px;\n      left: 70px;\n      transition: opacity .1s ease;\n      background: lighten($ui-highlight-color, 8%);\n      box-shadow: 1px 2px 6px rgba($base-shadow-color, 0.2);\n      pointer-events: none;\n    }\n  }\n\n  &__link {\n    padding: 2px 10px;\n\n    a {\n      text-decoration: none;\n      font-size: 14px;\n      font-weight: 500;\n      color: $white;\n\n      &:hover,\n      &:active,\n      &:focus {\n        text-decoration: underline;\n      }\n    }\n  }\n\n  &__seek {\n    cursor: pointer;\n    height: 24px;\n    position: relative;\n\n    &::before {\n      content: \"\";\n      width: 100%;\n      background: rgba($white, 0.35);\n      border-radius: 4px;\n      display: block;\n      position: absolute;\n      height: 4px;\n      top: 10px;\n    }\n\n    &__progress,\n    &__buffer {\n      display: block;\n      position: absolute;\n      height: 4px;\n      border-radius: 4px;\n      top: 10px;\n      background: lighten($ui-highlight-color, 8%);\n    }\n\n    &__buffer {\n      background: rgba($white, 0.2);\n    }\n\n    &__handle {\n      position: absolute;\n      z-index: 3;\n      opacity: 0;\n      border-radius: 50%;\n      width: 12px;\n      height: 12px;\n      top: 6px;\n      margin-left: -6px;\n      transition: opacity .1s ease;\n      background: lighten($ui-highlight-color, 8%);\n      box-shadow: 1px 2px 6px rgba($base-shadow-color, 0.2);\n      pointer-events: none;\n\n      &.active {\n        opacity: 1;\n      }\n    }\n\n    &:hover {\n      .video-player__seek__handle {\n        opacity: 1;\n      }\n    }\n  }\n\n  &.detailed,\n  &.fullscreen {\n    .video-player__buttons {\n      button {\n        padding-top: 10px;\n        padding-bottom: 10px;\n      }\n    }\n  }\n}\n",".sensitive-info {\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  position: absolute;\n  top: 4px;\n  left: 4px;\n  z-index: 100;\n}\n\n.sensitive-marker {\n  margin: 0 3px;\n  border-radius: 2px;\n  padding: 2px 6px;\n  color: rgba($primary-text-color, 0.8);\n  background: rgba($base-overlay-background, 0.5);\n  font-size: 12px;\n  line-height: 18px;\n  text-transform: uppercase;\n  opacity: .9;\n  transition: opacity .1s ease;\n\n  .media-gallery:hover & { opacity: 1 }\n}\n",".list-editor {\n  background: $ui-base-color;\n  flex-direction: column;\n  border-radius: 8px;\n  box-shadow: 2px 4px 15px rgba($base-shadow-color, 0.4);\n  width: 380px;\n  overflow: hidden;\n\n  @media screen and (max-width: 420px) {\n    width: 90%;\n  }\n\n  h4 {\n    padding: 15px 0;\n    background: lighten($ui-base-color, 13%);\n    font-weight: 500;\n    font-size: 16px;\n    text-align: center;\n    border-radius: 8px 8px 0 0;\n  }\n\n  .drawer__pager {\n    height: 50vh;\n  }\n\n  .drawer__inner {\n    border-radius: 0 0 8px 8px;\n\n    &.backdrop {\n      width: calc(100% - 60px);\n      box-shadow: 2px 4px 15px rgba($base-shadow-color, 0.4);\n      border-radius: 0 0 0 8px;\n    }\n  }\n\n  &__accounts {\n    overflow-y: auto;\n  }\n\n  .account__display-name {\n    &:hover strong {\n      text-decoration: none;\n    }\n  }\n\n  .account__avatar {\n    cursor: default;\n  }\n\n  .search {\n    margin-bottom: 0;\n  }\n}\n\n.list-adder {\n  background: $ui-base-color;\n  flex-direction: column;\n  border-radius: 8px;\n  box-shadow: 2px 4px 15px rgba($base-shadow-color, 0.4);\n  width: 380px;\n  overflow: hidden;\n\n  @media screen and (max-width: 420px) {\n    width: 90%;\n  }\n\n  &__account {\n    background: lighten($ui-base-color, 13%);\n  }\n\n  &__lists {\n    background: lighten($ui-base-color, 13%);\n    height: 50vh;\n    border-radius: 0 0 8px 8px;\n    overflow-y: auto;\n  }\n\n  .list {\n    padding: 10px;\n    border-bottom: 1px solid lighten($ui-base-color, 8%);\n  }\n\n  .list__wrapper {\n    display: flex;\n  }\n\n  .list__display-name {\n    flex: 1 1 auto;\n    overflow: hidden;\n    text-decoration: none;\n    font-size: 16px;\n    padding: 10px;\n  }\n}\n",".emoji-mart {\n  &,\n  * {\n    box-sizing: border-box;\n    line-height: 1.15;\n  }\n\n  font-size: 13px;\n  display: inline-block;\n  color: $inverted-text-color;\n\n  .emoji-mart-emoji {\n    padding: 6px;\n  }\n}\n\n.emoji-mart-bar {\n  border: 0 solid darken($ui-secondary-color, 8%);\n\n  &:first-child {\n    border-bottom-width: 1px;\n    border-top-left-radius: 5px;\n    border-top-right-radius: 5px;\n    background: $ui-secondary-color;\n  }\n\n  &:last-child {\n    border-top-width: 1px;\n    border-bottom-left-radius: 5px;\n    border-bottom-right-radius: 5px;\n    display: none;\n  }\n}\n\n.emoji-mart-anchors {\n  display: flex;\n  justify-content: space-between;\n  padding: 0 6px;\n  color: $lighter-text-color;\n  line-height: 0;\n}\n\n.emoji-mart-anchor {\n  position: relative;\n  flex: 1;\n  text-align: center;\n  padding: 12px 4px;\n  overflow: hidden;\n  transition: color .1s ease-out;\n  cursor: pointer;\n\n  &:hover {\n    color: darken($lighter-text-color, 4%);\n  }\n}\n\n.emoji-mart-anchor-selected {\n  color: $highlight-text-color;\n\n  &:hover {\n    color: darken($highlight-text-color, 4%);\n  }\n\n  .emoji-mart-anchor-bar {\n    bottom: 0;\n  }\n}\n\n.emoji-mart-anchor-bar {\n  position: absolute;\n  bottom: -3px;\n  left: 0;\n  width: 100%;\n  height: 3px;\n  background-color: darken($ui-highlight-color, 3%);\n}\n\n.emoji-mart-anchors {\n  i {\n    display: inline-block;\n    width: 100%;\n    max-width: 22px;\n  }\n\n  svg {\n    fill: currentColor;\n    max-height: 18px;\n  }\n}\n\n.emoji-mart-scroll {\n  overflow-y: scroll;\n  height: 270px;\n  max-height: 35vh;\n  padding: 0 6px 6px;\n  background: $simple-background-color;\n  will-change: transform;\n\n  &::-webkit-scrollbar-track:hover,\n  &::-webkit-scrollbar-track:active {\n    background-color: rgba($base-overlay-background, 0.3);\n  }\n}\n\n.emoji-mart-search {\n  padding: 10px;\n  padding-right: 45px;\n  background: $simple-background-color;\n\n  input {\n    font-size: 14px;\n    font-weight: 400;\n    padding: 7px 9px;\n    font-family: inherit;\n    display: block;\n    width: 100%;\n    background: rgba($ui-secondary-color, 0.3);\n    color: $inverted-text-color;\n    border: 1px solid $ui-secondary-color;\n    border-radius: 4px;\n\n    &::-moz-focus-inner {\n      border: 0;\n    }\n\n    &::-moz-focus-inner,\n    &:focus,\n    &:active {\n      outline: 0 !important;\n    }\n  }\n}\n\n.emoji-mart-category .emoji-mart-emoji {\n  cursor: pointer;\n\n  span {\n    z-index: 1;\n    position: relative;\n    text-align: center;\n  }\n\n  &:hover::before {\n    z-index: 0;\n    content: \"\";\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n    background-color: rgba($ui-secondary-color, 0.7);\n    border-radius: 100%;\n  }\n}\n\n.emoji-mart-category-label {\n  z-index: 2;\n  position: relative;\n  position: -webkit-sticky;\n  position: sticky;\n  top: 0;\n\n  span {\n    display: block;\n    width: 100%;\n    font-weight: 500;\n    padding: 5px 6px;\n    background: $simple-background-color;\n  }\n}\n\n.emoji-mart-emoji {\n  position: relative;\n  display: inline-block;\n  font-size: 0;\n\n  span {\n    width: 22px;\n    height: 22px;\n  }\n}\n\n.emoji-mart-no-results {\n  font-size: 14px;\n  text-align: center;\n  padding-top: 70px;\n  color: $light-text-color;\n\n  .emoji-mart-category-label {\n    display: none;\n  }\n\n  .emoji-mart-no-results-label {\n    margin-top: .2em;\n  }\n\n  .emoji-mart-emoji:hover::before {\n    content: none;\n  }\n}\n\n.emoji-mart-preview {\n  display: none;\n}\n",".glitch.local-settings {\n  position: relative;\n  display: flex;\n  flex-direction: row;\n  background: $ui-secondary-color;\n  color: $inverted-text-color;\n  border-radius: 8px;\n  height: 80vh;\n  width: 80vw;\n  max-width: 740px;\n  max-height: 450px;\n  overflow: hidden;\n\n  label, legend {\n    display: block;\n    font-size: 14px;\n  }\n\n  .boolean label, .radio_buttons label {\n    position: relative;\n    padding-left: 28px;\n    padding-top: 3px;\n\n    input {\n      position: absolute;\n      left: 0;\n      top: 0;\n    }\n  }\n\n  span.hint {\n    display: block;\n    color: $lighter-text-color;\n  }\n\n  h1 {\n    font-size: 18px;\n    font-weight: 500;\n    line-height: 24px;\n    margin-bottom: 20px;\n  }\n\n  h2 {\n    font-size: 15px;\n    font-weight: 500;\n    line-height: 20px;\n    margin-top: 20px;\n    margin-bottom: 10px;\n  }\n}\n\n.glitch.local-settings__navigation__item {\n  display: block;\n  padding: 15px 20px;\n  color: inherit;\n  background: lighten($ui-secondary-color, 8%);\n  border-bottom: 1px $ui-secondary-color solid;\n  cursor: pointer;\n  text-decoration: none;\n  outline: none;\n  transition: background .3s;\n\n  .text-icon-button {\n    color: inherit;\n    transition: unset;\n  }\n\n  &:hover {\n    background: $ui-secondary-color;\n  }\n\n  &.active {\n    background: $ui-highlight-color;\n    color: $primary-text-color;\n  }\n\n  &.close, &.close:hover {\n    background: $error-value-color;\n    color: $primary-text-color;\n  }\n}\n\n.glitch.local-settings__navigation {\n  background: lighten($ui-secondary-color, 8%);\n  width: 212px;\n  font-size: 15px;\n  line-height: 20px;\n  overflow-y: auto;\n}\n\n.glitch.local-settings__page {\n  display: block;\n  flex: auto;\n  padding: 15px 20px 15px 20px;\n  width: 360px;\n  overflow-y: auto;\n}\n\n.glitch.local-settings__page__item {\n  margin-bottom: 2px;\n}\n\n.glitch.local-settings__page__item.string,\n.glitch.local-settings__page__item.radio_buttons {\n  margin-top: 10px;\n  margin-bottom: 10px;\n}\n\n@media screen and (max-width: 630px) {\n  .glitch.local-settings__navigation {\n    width: 40px;\n    flex-shrink: 0;\n  }\n\n  .glitch.local-settings__navigation__item {\n    padding: 10px;\n\n    span:last-of-type {\n      display: none;\n    }\n  }\n}\n",".error-boundary {\n  color: $primary-text-color;\n  font-size: 15px;\n  line-height: 20px;\n\n  h1 {\n    font-size: 26px;\n    line-height: 36px;\n    font-weight: 400;\n    margin-bottom: 8px;\n  }\n\n  a {\n    color: $primary-text-color;\n    text-decoration: underline;\n  }\n\n  ul {\n    list-style: disc;\n    margin-left: 0;\n    padding-left: 1em;\n  }\n\n  textarea.web_app_crash-stacktrace {\n    width: 100%;\n    resize: none;\n    white-space: pre;\n    font-family: $font-monospace, monospace;\n  }\n}\n",".compose-panel {\n  width: 285px;\n  margin-top: 10px;\n  display: flex;\n  flex-direction: column;\n  height: calc(100% - 10px);\n  overflow-y: hidden;\n\n  .search__input {\n    line-height: 18px;\n    font-size: 16px;\n    padding: 15px;\n    padding-right: 30px;\n  }\n\n  .search__icon .fa {\n    top: 15px;\n  }\n\n  .drawer--account {\n    flex: 0 1 48px;\n  }\n\n  .flex-spacer {\n    background: transparent;\n  }\n\n  .composer {\n    flex: 1;\n    overflow-y: hidden;\n    display: flex;\n    flex-direction: column;\n    min-height: 310px;\n  }\n\n  .compose-form__autosuggest-wrapper {\n    overflow-y: auto;\n    background-color: $white;\n    border-radius: 4px 4px 0 0;\n    flex: 0 1 auto;\n  }\n\n  .autosuggest-textarea__textarea {\n    overflow-y: hidden;\n  }\n\n  .compose-form__upload-thumbnail {\n    height: 80px;\n  }\n}\n\n.navigation-panel {\n  margin-top: 10px;\n  margin-bottom: 10px;\n  height: calc(100% - 20px);\n  overflow-y: auto;\n  display: flex;\n  flex-direction: column;\n\n  & > a {\n    flex: 0 0 auto;\n  }\n\n  hr {\n    flex: 0 0 auto;\n    border: 0;\n    background: transparent;\n    border-top: 1px solid lighten($ui-base-color, 4%);\n    margin: 10px 0;\n  }\n\n  .flex-spacer {\n    background: transparent;\n  }\n}\n\n@media screen and (min-width: 600px) {\n  .tabs-bar__link {\n    span {\n      display: inline;\n    }\n  }\n}\n\n.columns-area--mobile {\n  flex-direction: column;\n  width: 100%;\n  margin: 0 auto;\n\n  .column,\n  .drawer {\n    width: 100%;\n    height: 100%;\n    padding: 0;\n  }\n\n  .directory__list {\n    display: grid;\n    grid-gap: 10px;\n    grid-template-columns: minmax(0, 50%) minmax(0, 50%);\n\n    @media screen and (max-width: $no-gap-breakpoint) {\n      display: block;\n    }\n  }\n\n  .directory__card {\n    margin-bottom: 0;\n  }\n\n  .filter-form {\n    display: flex;\n  }\n\n  .autosuggest-textarea__textarea {\n    font-size: 16px;\n  }\n\n  .search__input {\n    line-height: 18px;\n    font-size: 16px;\n    padding: 15px;\n    padding-right: 30px;\n  }\n\n  .search__icon .fa {\n    top: 15px;\n  }\n\n  .scrollable {\n    overflow: visible;\n\n    @supports(display: grid) {\n      contain: content;\n    }\n  }\n\n  @media screen and (min-width: $no-gap-breakpoint) {\n    padding: 10px 0;\n    padding-top: 0;\n  }\n\n  @media screen and (min-width: 630px) {\n    .detailed-status {\n      padding: 15px;\n\n      .media-gallery,\n      .video-player,\n      .audio-player {\n        margin-top: 15px;\n      }\n    }\n\n    .account__header__bar {\n      padding: 5px 10px;\n    }\n\n    .navigation-bar,\n    .compose-form {\n      padding: 15px;\n    }\n\n    .compose-form .compose-form__publish .compose-form__publish-button-wrapper {\n      padding-top: 15px;\n    }\n\n    .status {\n      padding: 15px;\n      min-height: 48px + 2px;\n\n      .media-gallery,\n      &__action-bar,\n      .video-player,\n      .audio-player {\n        margin-top: 10px;\n      }\n    }\n\n    .account {\n      padding: 15px 10px;\n\n      &__header__bio {\n        margin: 0 -10px;\n      }\n    }\n\n    .notification {\n      &__message {\n        padding-top: 15px;\n      }\n\n      .status {\n        padding-top: 8px;\n      }\n\n      .account {\n        padding-top: 8px;\n      }\n    }\n  }\n}\n\n.floating-action-button {\n  position: fixed;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  width: 3.9375rem;\n  height: 3.9375rem;\n  bottom: 1.3125rem;\n  right: 1.3125rem;\n  background: darken($ui-highlight-color, 3%);\n  color: $white;\n  border-radius: 50%;\n  font-size: 21px;\n  line-height: 21px;\n  text-decoration: none;\n  box-shadow: 2px 3px 9px rgba($base-shadow-color, 0.4);\n\n  &:hover,\n  &:focus,\n  &:active {\n    background: lighten($ui-highlight-color, 7%);\n  }\n}\n\n@media screen and (min-width: $no-gap-breakpoint) {\n  .tabs-bar {\n    width: 100%;\n  }\n\n  .react-swipeable-view-container .columns-area--mobile {\n    height: calc(100% - 10px) !important;\n  }\n\n  .getting-started__wrapper,\n  .search {\n    margin-bottom: 10px;\n  }\n}\n\n@media screen and (max-width: 600px + (285px * 1) + (10px * 1)) {\n  .columns-area__panels__pane--compositional {\n    display: none;\n  }\n}\n\n@media screen and (min-width: 600px + (285px * 1) + (10px * 1)) {\n  .floating-action-button,\n  .tabs-bar__link.optional {\n    display: none;\n  }\n\n  .search-page .search {\n    display: none;\n  }\n}\n\n@media screen and (max-width: 600px + (285px * 2) + (10px * 2)) {\n  .columns-area__panels__pane--navigational {\n    display: none;\n  }\n}\n\n@media screen and (min-width: 600px + (285px * 2) + (10px * 2)) {\n  .tabs-bar {\n    display: none;\n  }\n}\n",".poll {\n  margin-top: 16px;\n  font-size: 14px;\n\n  ul,\n  .e-content & ul {\n    margin: 0;\n    list-style: none;\n  }\n\n  li {\n    margin-bottom: 10px;\n    position: relative;\n  }\n\n  &__chart {\n    position: absolute;\n    top: 0;\n    left: 0;\n    height: 100%;\n    display: inline-block;\n    border-radius: 4px;\n    background: darken($ui-primary-color, 14%);\n\n    &.leading {\n      background: $ui-highlight-color;\n    }\n  }\n\n  &__text {\n    position: relative;\n    display: flex;\n    padding: 6px 0;\n    line-height: 18px;\n    cursor: default;\n    overflow: hidden;\n\n    input[type=radio],\n    input[type=checkbox] {\n      display: none;\n    }\n\n    .autossugest-input {\n      flex: 1 1 auto;\n    }\n\n    input[type=text] {\n      display: block;\n      box-sizing: border-box;\n      width: 100%;\n      font-size: 14px;\n      color: $inverted-text-color;\n      display: block;\n      outline: 0;\n      font-family: inherit;\n      background: $simple-background-color;\n      border: 1px solid darken($simple-background-color, 14%);\n      border-radius: 4px;\n      padding: 6px 10px;\n\n      &:focus {\n        border-color: $highlight-text-color;\n      }\n    }\n\n    &.selectable {\n      cursor: pointer;\n    }\n\n    &.editable {\n      display: flex;\n      align-items: center;\n      overflow: visible;\n    }\n  }\n\n  &__input {\n    display: inline-block;\n    position: relative;\n    border: 1px solid $ui-primary-color;\n    box-sizing: border-box;\n    width: 18px;\n    height: 18px;\n    flex: 0 0 auto;\n    margin-right: 10px;\n    top: -1px;\n    border-radius: 50%;\n    vertical-align: middle;\n    margin-top: auto;\n    margin-bottom: auto;\n    flex: 0 0 18px;\n\n    &.checkbox {\n      border-radius: 4px;\n    }\n\n    &.active {\n      border-color: $valid-value-color;\n      background: $valid-value-color;\n    }\n\n    &:active,\n    &:focus,\n    &:hover {\n      border-width: 4px;\n      background: none;\n    }\n\n    &::-moz-focus-inner {\n      outline: 0 !important;\n      border: 0;\n    }\n\n    &:focus,\n    &:active {\n      outline: 0 !important;\n    }\n  }\n\n  &__number {\n    display: inline-block;\n    width: 52px;\n    font-weight: 700;\n    padding: 0 10px;\n    padding-left: 8px;\n    text-align: right;\n    margin-top: auto;\n    margin-bottom: auto;\n    flex: 0 0 52px;\n  }\n\n  &__vote__mark {\n    float: left;\n    line-height: 18px;\n  }\n\n  &__footer {\n    padding-top: 6px;\n    padding-bottom: 5px;\n    color: $dark-text-color;\n  }\n\n  &__link {\n    display: inline;\n    background: transparent;\n    padding: 0;\n    margin: 0;\n    border: 0;\n    color: $dark-text-color;\n    text-decoration: underline;\n    font-size: inherit;\n\n    &:hover {\n      text-decoration: none;\n    }\n\n    &:active,\n    &:focus {\n      background-color: rgba($dark-text-color, .1);\n    }\n  }\n\n  .button {\n    height: 36px;\n    padding: 0 16px;\n    margin-right: 10px;\n    font-size: 14px;\n  }\n}\n\n.compose-form__poll-wrapper {\n  border-top: 1px solid darken($simple-background-color, 8%);\n\n  ul {\n    padding: 10px;\n  }\n\n  .poll__footer {\n    border-top: 1px solid darken($simple-background-color, 8%);\n    padding: 10px;\n    display: flex;\n    align-items: center;\n\n    button,\n    select {\n      width: 100%;\n      flex: 1 1 50%;\n\n      &:focus {\n        border-color: $highlight-text-color;\n      }\n    }\n  }\n\n  .button.button-secondary {\n    font-size: 14px;\n    font-weight: 400;\n    padding: 6px 10px;\n    height: auto;\n    line-height: inherit;\n    color: $action-button-color;\n    border-color: $action-button-color;\n    margin-right: 5px;\n  }\n\n  li {\n    display: flex;\n    align-items: center;\n\n    .poll__text {\n      flex: 0 0 auto;\n      width: calc(100% - (23px + 6px));\n      margin-right: 6px;\n    }\n  }\n\n  select {\n    appearance: none;\n    box-sizing: border-box;\n    font-size: 14px;\n    color: $inverted-text-color;\n    display: inline-block;\n    width: auto;\n    outline: 0;\n    font-family: inherit;\n    background: $simple-background-color url(\"data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14.933 18.467' height='19.698' width='15.929'><path d='M3.467 14.967l-3.393-3.5H14.86l-3.392 3.5c-1.866 1.925-3.666 3.5-4 3.5-.335 0-2.135-1.575-4-3.5zm.266-11.234L7.467 0 11.2 3.733l3.733 3.734H0l3.733-3.734z' fill='#{hex-color(darken($simple-background-color, 14%))}'/></svg>\") no-repeat right 8px center / auto 16px;\n    border: 1px solid darken($simple-background-color, 14%);\n    border-radius: 4px;\n    padding: 6px 10px;\n    padding-right: 30px;\n  }\n\n  .icon-button.disabled {\n    color: darken($simple-background-color, 14%);\n  }\n}\n\n.muted .poll {\n  color: $dark-text-color;\n\n  &__chart {\n    background: rgba(darken($ui-primary-color, 14%), 0.2);\n\n    &.leading {\n      background: rgba($ui-highlight-color, 0.2);\n    }\n  }\n}\n","$maximum-width: 1235px;\n$fluid-breakpoint: $maximum-width + 20px;\n$column-breakpoint: 700px;\n$small-breakpoint: 960px;\n\n.container {\n  box-sizing: border-box;\n  max-width: $maximum-width;\n  margin: 0 auto;\n  position: relative;\n\n  @media screen and (max-width: $fluid-breakpoint) {\n    width: 100%;\n    padding: 0 10px;\n  }\n}\n\n.rich-formatting {\n  font-family: $font-sans-serif, sans-serif;\n  font-size: 14px;\n  font-weight: 400;\n  line-height: 1.7;\n  word-wrap: break-word;\n  color: $darker-text-color;\n\n  a {\n    color: $highlight-text-color;\n    text-decoration: underline;\n\n    &:hover,\n    &:focus,\n    &:active {\n      text-decoration: none;\n    }\n  }\n\n  p,\n  li {\n    color: $darker-text-color;\n  }\n\n  p {\n    margin-top: 0;\n    margin-bottom: .85em;\n\n    &:last-child {\n      margin-bottom: 0;\n    }\n  }\n\n  strong {\n    font-weight: 700;\n    color: $secondary-text-color;\n  }\n\n  em {\n    font-style: italic;\n    color: $secondary-text-color;\n  }\n\n  code {\n    font-size: 0.85em;\n    background: darken($ui-base-color, 8%);\n    border-radius: 4px;\n    padding: 0.2em 0.3em;\n  }\n\n  h1,\n  h2,\n  h3,\n  h4,\n  h5,\n  h6 {\n    font-family: $font-display, sans-serif;\n    margin-top: 1.275em;\n    margin-bottom: .85em;\n    font-weight: 500;\n    color: $secondary-text-color;\n  }\n\n  h1 {\n    font-size: 2em;\n  }\n\n  h2 {\n    font-size: 1.75em;\n  }\n\n  h3 {\n    font-size: 1.5em;\n  }\n\n  h4 {\n    font-size: 1.25em;\n  }\n\n  h5,\n  h6 {\n    font-size: 1em;\n  }\n\n  ul {\n    list-style: disc;\n  }\n\n  ol {\n    list-style: decimal;\n  }\n\n  ul,\n  ol {\n    margin: 0;\n    padding: 0;\n    padding-left: 2em;\n    margin-bottom: 0.85em;\n\n    &[type='a'] {\n      list-style-type: lower-alpha;\n    }\n\n    &[type='i'] {\n      list-style-type: lower-roman;\n    }\n  }\n\n  hr {\n    width: 100%;\n    height: 0;\n    border: 0;\n    border-bottom: 1px solid lighten($ui-base-color, 4%);\n    margin: 1.7em 0;\n\n    &.spacer {\n      height: 1px;\n      border: 0;\n    }\n  }\n\n  table {\n    width: 100%;\n    border-collapse: collapse;\n    break-inside: auto;\n    margin-top: 24px;\n    margin-bottom: 32px;\n\n    thead tr,\n    tbody tr {\n      border-bottom: 1px solid lighten($ui-base-color, 4%);\n      font-size: 1em;\n      line-height: 1.625;\n      font-weight: 400;\n      text-align: left;\n      color: $darker-text-color;\n    }\n\n    thead tr {\n      border-bottom-width: 2px;\n      line-height: 1.5;\n      font-weight: 500;\n      color: $dark-text-color;\n    }\n\n    th,\n    td {\n      padding: 8px;\n      align-self: start;\n      align-items: start;\n      word-break: break-all;\n\n      &.nowrap {\n        width: 25%;\n        position: relative;\n\n        &::before {\n          content: '&nbsp;';\n          visibility: hidden;\n        }\n\n        span {\n          position: absolute;\n          left: 8px;\n          right: 8px;\n          white-space: nowrap;\n          overflow: hidden;\n          text-overflow: ellipsis;\n        }\n      }\n    }\n  }\n\n  & > :first-child {\n    margin-top: 0;\n  }\n}\n\n.information-board {\n  background: darken($ui-base-color, 4%);\n  padding: 20px 0;\n\n  .container-alt {\n    position: relative;\n    padding-right: 280px + 15px;\n  }\n\n  &__sections {\n    display: flex;\n    justify-content: space-between;\n    flex-wrap: wrap;\n  }\n\n  &__section {\n    flex: 1 0 0;\n    font-family: $font-sans-serif, sans-serif;\n    font-size: 16px;\n    line-height: 28px;\n    color: $primary-text-color;\n    text-align: right;\n    padding: 10px 15px;\n\n    span,\n    strong {\n      display: block;\n    }\n\n    span {\n      &:last-child {\n        color: $secondary-text-color;\n      }\n    }\n\n    strong {\n      font-family: $font-display, sans-serif;\n      font-weight: 500;\n      font-size: 32px;\n      line-height: 48px;\n    }\n\n    @media screen and (max-width: $column-breakpoint) {\n      text-align: center;\n    }\n  }\n\n  .panel {\n    position: absolute;\n    width: 280px;\n    box-sizing: border-box;\n    background: darken($ui-base-color, 8%);\n    padding: 20px;\n    padding-top: 10px;\n    border-radius: 4px 4px 0 0;\n    right: 0;\n    bottom: -40px;\n\n    .panel-header {\n      font-family: $font-display, sans-serif;\n      font-size: 14px;\n      line-height: 24px;\n      font-weight: 500;\n      color: $darker-text-color;\n      padding-bottom: 5px;\n      margin-bottom: 15px;\n      border-bottom: 1px solid lighten($ui-base-color, 4%);\n      text-overflow: ellipsis;\n      white-space: nowrap;\n      overflow: hidden;\n\n      a,\n      span {\n        font-weight: 400;\n        color: darken($darker-text-color, 10%);\n      }\n\n      a {\n        text-decoration: none;\n      }\n    }\n  }\n\n  .owner {\n    text-align: center;\n\n    .avatar {\n      width: 80px;\n      height: 80px;\n      @include avatar-size(80px);\n      margin: 0 auto;\n      margin-bottom: 15px;\n\n      img {\n        display: block;\n        width: 80px;\n        height: 80px;\n        border-radius: 48px;\n        @include avatar-radius();\n      }\n    }\n\n    .name {\n      font-size: 14px;\n\n      a {\n        display: block;\n        color: $primary-text-color;\n        text-decoration: none;\n\n        &:hover {\n          .display_name {\n            text-decoration: underline;\n          }\n        }\n      }\n\n      .username {\n        display: block;\n        color: $darker-text-color;\n      }\n    }\n  }\n}\n\n.landing-page {\n  p,\n  li {\n    font-family: $font-sans-serif, sans-serif;\n    font-size: 16px;\n    font-weight: 400;\n    font-size: 16px;\n    line-height: 30px;\n    margin-bottom: 12px;\n    color: $darker-text-color;\n\n    a {\n      color: $highlight-text-color;\n      text-decoration: underline;\n    }\n  }\n\n  em {\n    display: inline;\n    margin: 0;\n    padding: 0;\n    font-weight: 700;\n    background: transparent;\n    font-family: inherit;\n    font-size: inherit;\n    line-height: inherit;\n    color: lighten($darker-text-color, 10%);\n  }\n\n  h1 {\n    font-family: $font-display, sans-serif;\n    font-size: 26px;\n    line-height: 30px;\n    font-weight: 500;\n    margin-bottom: 20px;\n    color: $secondary-text-color;\n\n    small {\n      font-family: $font-sans-serif, sans-serif;\n      display: block;\n      font-size: 18px;\n      font-weight: 400;\n      color: lighten($darker-text-color, 10%);\n    }\n  }\n\n  h2 {\n    font-family: $font-display, sans-serif;\n    font-size: 22px;\n    line-height: 26px;\n    font-weight: 500;\n    margin-bottom: 20px;\n    color: $secondary-text-color;\n  }\n\n  h3 {\n    font-family: $font-display, sans-serif;\n    font-size: 18px;\n    line-height: 24px;\n    font-weight: 500;\n    margin-bottom: 20px;\n    color: $secondary-text-color;\n  }\n\n  h4 {\n    font-family: $font-display, sans-serif;\n    font-size: 16px;\n    line-height: 24px;\n    font-weight: 500;\n    margin-bottom: 20px;\n    color: $secondary-text-color;\n  }\n\n  h5 {\n    font-family: $font-display, sans-serif;\n    font-size: 14px;\n    line-height: 24px;\n    font-weight: 500;\n    margin-bottom: 20px;\n    color: $secondary-text-color;\n  }\n\n  h6 {\n    font-family: $font-display, sans-serif;\n    font-size: 12px;\n    line-height: 24px;\n    font-weight: 500;\n    margin-bottom: 20px;\n    color: $secondary-text-color;\n  }\n\n  ul,\n  ol {\n    margin-left: 20px;\n\n    &[type='a'] {\n      list-style-type: lower-alpha;\n    }\n\n    &[type='i'] {\n      list-style-type: lower-roman;\n    }\n  }\n\n  ul {\n    list-style: disc;\n  }\n\n  ol {\n    list-style: decimal;\n  }\n\n  li > ol,\n  li > ul {\n    margin-top: 6px;\n  }\n\n  hr {\n    width: 100%;\n    height: 0;\n    border: 0;\n    border-bottom: 1px solid rgba($ui-base-lighter-color, .6);\n    margin: 20px 0;\n\n    &.spacer {\n      height: 1px;\n      border: 0;\n    }\n  }\n\n  &__information,\n  &__forms {\n    padding: 20px;\n  }\n\n  &__call-to-action {\n    background: $ui-base-color;\n    border-radius: 4px;\n    padding: 25px 40px;\n    overflow: hidden;\n    box-sizing: border-box;\n\n    .row {\n      width: 100%;\n      display: flex;\n      flex-direction: row-reverse;\n      flex-wrap: nowrap;\n      justify-content: space-between;\n      align-items: center;\n    }\n\n    .row__information-board {\n      display: flex;\n      justify-content: flex-end;\n      align-items: flex-end;\n\n      .information-board__section {\n        flex: 1 0 auto;\n        padding: 0 10px;\n      }\n\n      @media screen and (max-width: $no-gap-breakpoint) {\n        width: 100%;\n        justify-content: space-between;\n      }\n    }\n\n    .row__mascot {\n      flex: 1;\n      margin: 10px -50px 0 0;\n\n      @media screen and (max-width: $no-gap-breakpoint) {\n        display: none;\n      }\n    }\n  }\n\n  &__logo {\n    margin-right: 20px;\n\n    img {\n      height: 50px;\n      width: auto;\n      mix-blend-mode: lighten;\n    }\n  }\n\n  &__information {\n    padding: 45px 40px;\n    margin-bottom: 10px;\n\n    &:last-child {\n      margin-bottom: 0;\n    }\n\n    strong {\n      font-weight: 500;\n      color: lighten($darker-text-color, 10%);\n    }\n\n    .account {\n      border-bottom: 0;\n      padding: 0;\n\n      &__display-name {\n        align-items: center;\n        display: flex;\n        margin-right: 5px;\n      }\n\n      div.account__display-name {\n        &:hover {\n          .display-name strong {\n            text-decoration: none;\n          }\n        }\n\n        .account__avatar {\n          cursor: default;\n        }\n      }\n\n      &__avatar-wrapper {\n        margin-left: 0;\n        flex: 0 0 auto;\n      }\n\n      &__avatar {\n        width: 44px;\n        height: 44px;\n        background-size: 44px 44px;\n        @include avatar-size(44px);\n      }\n\n      .display-name {\n        font-size: 15px;\n\n        &__account {\n          font-size: 14px;\n        }\n      }\n    }\n\n    @media screen and (max-width: $small-breakpoint) {\n      .contact {\n        margin-top: 30px;\n      }\n    }\n\n    @media screen and (max-width: $column-breakpoint) {\n      padding: 25px 20px;\n    }\n  }\n\n  &__information,\n  &__forms,\n  #mastodon-timeline {\n    box-sizing: border-box;\n    background: $ui-base-color;\n    border-radius: 4px;\n    box-shadow: 0 0 6px rgba($black, 0.1);\n  }\n\n  &__mascot {\n    height: 104px;\n    position: relative;\n    left: -40px;\n    bottom: 25px;\n\n    img {\n      height: 190px;\n      width: auto;\n    }\n  }\n\n  &__short-description {\n    .row {\n      display: flex;\n      flex-wrap: wrap;\n      align-items: center;\n      margin-bottom: 40px;\n    }\n\n    @media screen and (max-width: $column-breakpoint) {\n      .row {\n        margin-bottom: 20px;\n      }\n    }\n\n    p a {\n      color: $secondary-text-color;\n    }\n\n    h1 {\n      font-weight: 500;\n      color: $primary-text-color;\n      margin-bottom: 0;\n\n      small {\n        color: $darker-text-color;\n\n        span {\n          color: $secondary-text-color;\n        }\n      }\n    }\n\n    p:last-child {\n      margin-bottom: 0;\n    }\n  }\n\n  &__hero {\n    margin-bottom: 10px;\n\n    img {\n      display: block;\n      margin: 0;\n      max-width: 100%;\n      height: auto;\n      border-radius: 4px;\n    }\n  }\n\n  @media screen and (max-width: 840px) {\n    .information-board {\n      .container-alt {\n        padding-right: 20px;\n      }\n\n      .panel {\n        position: static;\n        margin-top: 20px;\n        width: 100%;\n        border-radius: 4px;\n\n        .panel-header {\n          text-align: center;\n        }\n      }\n    }\n  }\n\n  @media screen and (max-width: 675px) {\n    .header-wrapper {\n      padding-top: 0;\n\n      &.compact {\n        padding-bottom: 0;\n      }\n\n      &.compact .hero .heading {\n        text-align: initial;\n      }\n    }\n\n    .header .container-alt,\n    .features .container-alt {\n      display: block;\n    }\n  }\n\n  .cta {\n    margin: 20px;\n  }\n}\n\n.landing {\n  margin-bottom: 100px;\n\n  @media screen and (max-width: 738px) {\n    margin-bottom: 0;\n  }\n\n  &__brand {\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    padding: 50px;\n\n    svg {\n      fill: $primary-text-color;\n      height: 52px;\n    }\n\n    @media screen and (max-width: $no-gap-breakpoint) {\n      padding: 0;\n      margin-bottom: 30px;\n    }\n  }\n\n  .directory {\n    margin-top: 30px;\n    background: transparent;\n    box-shadow: none;\n    border-radius: 0;\n  }\n\n  .hero-widget {\n    margin-top: 30px;\n    margin-bottom: 0;\n\n    h4 {\n      padding: 10px;\n      text-transform: uppercase;\n      font-weight: 700;\n      font-size: 13px;\n      color: $darker-text-color;\n    }\n\n    &__text {\n      border-radius: 0;\n      padding-bottom: 0;\n    }\n\n    &__footer {\n      background: $ui-base-color;\n      padding: 10px;\n      border-radius: 0 0 4px 4px;\n      display: flex;\n\n      &__column {\n        flex: 1 1 50%;\n      }\n    }\n\n    .account {\n      padding: 10px 0;\n      border-bottom: 0;\n\n      .account__display-name {\n        display: flex;\n        align-items: center;\n      }\n\n      .account__avatar {\n        width: 44px;\n        height: 44px;\n        background-size: 44px 44px;\n      }\n    }\n\n    &__counter {\n      padding: 10px;\n\n      strong {\n        font-family: $font-display, sans-serif;\n        font-size: 15px;\n        font-weight: 700;\n        display: block;\n      }\n\n      span {\n        font-size: 14px;\n        color: $darker-text-color;\n      }\n    }\n  }\n\n  .simple_form .user_agreement .label_input > label {\n    font-weight: 400;\n    color: $darker-text-color;\n  }\n\n  .simple_form p.lead {\n    color: $darker-text-color;\n    font-size: 15px;\n    line-height: 20px;\n    font-weight: 400;\n    margin-bottom: 25px;\n  }\n\n  &__grid {\n    max-width: 960px;\n    margin: 0 auto;\n    display: grid;\n    grid-template-columns: minmax(0, 50%) minmax(0, 50%);\n    grid-gap: 30px;\n\n    @media screen and (max-width: 738px) {\n      grid-template-columns: minmax(0, 100%);\n      grid-gap: 10px;\n\n      &__column-login {\n        grid-row: 1;\n        display: flex;\n        flex-direction: column;\n\n        .box-widget {\n          order: 2;\n          flex: 0 0 auto;\n        }\n\n        .hero-widget {\n          margin-top: 0;\n          margin-bottom: 10px;\n          order: 1;\n          flex: 0 0 auto;\n        }\n      }\n\n      &__column-registration {\n        grid-row: 2;\n      }\n\n      .directory {\n        margin-top: 10px;\n      }\n    }\n\n    @media screen and (max-width: $no-gap-breakpoint) {\n      grid-gap: 0;\n\n      .hero-widget {\n        display: block;\n        margin-bottom: 0;\n        box-shadow: none;\n\n        &__img,\n        &__img img,\n        &__footer {\n          border-radius: 0;\n        }\n      }\n\n      .hero-widget,\n      .box-widget,\n      .directory__tag {\n        border-bottom: 1px solid lighten($ui-base-color, 8%);\n      }\n\n      .directory {\n        margin-top: 0;\n\n        &__tag {\n          margin-bottom: 0;\n\n          & > a,\n          & > div {\n            border-radius: 0;\n            box-shadow: none;\n          }\n\n          &:last-child {\n            border-bottom: 0;\n          }\n        }\n      }\n    }\n  }\n}\n\n.brand {\n  position: relative;\n  text-decoration: none;\n}\n\n.brand__tagline {\n  display: block;\n  position: absolute;\n  bottom: -10px;\n  left: 50px;\n  width: 300px;\n  color: $ui-primary-color;\n  text-decoration: none;\n  font-size: 14px;\n\n  @media screen and (max-width: $no-gap-breakpoint) {\n    position: static;\n    width: auto;\n    margin-top: 20px;\n    color: $dark-text-color;\n  }\n}\n\n",".table {\n  width: 100%;\n  max-width: 100%;\n  border-spacing: 0;\n  border-collapse: collapse;\n\n  th,\n  td {\n    padding: 8px;\n    line-height: 18px;\n    vertical-align: top;\n    border-top: 1px solid $ui-base-color;\n    text-align: left;\n    background: darken($ui-base-color, 4%);\n  }\n\n  & > thead > tr > th {\n    vertical-align: bottom;\n    border-bottom: 2px solid $ui-base-color;\n    border-top: 0;\n    font-weight: 500;\n  }\n\n  & > tbody > tr > th {\n    font-weight: 500;\n  }\n\n  & > tbody > tr:nth-child(odd) > td,\n  & > tbody > tr:nth-child(odd) > th {\n    background: $ui-base-color;\n  }\n\n  a {\n    color: $highlight-text-color;\n    text-decoration: underline;\n\n    &:hover {\n      text-decoration: none;\n    }\n  }\n\n  strong {\n    font-weight: 500;\n\n    @each $lang in $cjk-langs {\n      &:lang(#{$lang}) {\n        font-weight: 700;\n      }\n    }\n  }\n\n  &.inline-table {\n    & > tbody > tr:nth-child(odd) {\n      & > td,\n      & > th {\n        background: transparent;\n      }\n    }\n\n    & > tbody > tr:first-child {\n      & > td,\n      & > th {\n        border-top: 0;\n      }\n    }\n  }\n\n  &.batch-table {\n    & > thead > tr > th {\n      background: $ui-base-color;\n      border-top: 1px solid darken($ui-base-color, 8%);\n      border-bottom: 1px solid darken($ui-base-color, 8%);\n\n      &:first-child {\n        border-radius: 4px 0 0;\n        border-left: 1px solid darken($ui-base-color, 8%);\n      }\n\n      &:last-child {\n        border-radius: 0 4px 0 0;\n        border-right: 1px solid darken($ui-base-color, 8%);\n      }\n    }\n  }\n\n  &--invites tbody td {\n    vertical-align: middle;\n  }\n}\n\n.table-wrapper {\n  overflow: auto;\n  margin-bottom: 20px;\n}\n\nsamp {\n  font-family: $font-monospace, monospace;\n}\n\nbutton.table-action-link {\n  background: transparent;\n  border: 0;\n  font: inherit;\n}\n\nbutton.table-action-link,\na.table-action-link {\n  text-decoration: none;\n  display: inline-block;\n  margin-right: 5px;\n  padding: 0 10px;\n  color: $darker-text-color;\n  font-weight: 500;\n\n  &:hover {\n    color: $primary-text-color;\n  }\n\n  i.fa {\n    font-weight: 400;\n    margin-right: 5px;\n  }\n\n  &:first-child {\n    padding-left: 0;\n  }\n}\n\n.batch-table {\n  &__toolbar,\n  &__row {\n    display: flex;\n\n    &__select {\n      box-sizing: border-box;\n      padding: 8px 16px;\n      cursor: pointer;\n      min-height: 100%;\n\n      input {\n        margin-top: 8px;\n      }\n\n      &--aligned {\n        display: flex;\n        align-items: center;\n\n        input {\n          margin-top: 0;\n        }\n      }\n    }\n\n    &__actions,\n    &__content {\n      padding: 8px 0;\n      padding-right: 16px;\n      flex: 1 1 auto;\n    }\n  }\n\n  &__toolbar {\n    border: 1px solid darken($ui-base-color, 8%);\n    background: $ui-base-color;\n    border-radius: 4px 0 0;\n    height: 47px;\n    align-items: center;\n\n    &__actions {\n      text-align: right;\n      padding-right: 16px - 5px;\n    }\n  }\n\n  &__form {\n    padding: 16px;\n    border: 1px solid darken($ui-base-color, 8%);\n    border-top: 0;\n    background: $ui-base-color;\n\n    .fields-row {\n      padding-top: 0;\n      margin-bottom: 0;\n    }\n  }\n\n  &__row {\n    border: 1px solid darken($ui-base-color, 8%);\n    border-top: 0;\n    background: darken($ui-base-color, 4%);\n\n    @media screen and (max-width: $no-gap-breakpoint) {\n      .optional &:first-child {\n        border-top: 1px solid darken($ui-base-color, 8%);\n      }\n    }\n\n    &:hover {\n      background: darken($ui-base-color, 2%);\n    }\n\n    &:nth-child(even) {\n      background: $ui-base-color;\n\n      &:hover {\n        background: lighten($ui-base-color, 2%);\n      }\n    }\n\n    &__content {\n      padding-top: 12px;\n      padding-bottom: 16px;\n\n      &--unpadded {\n        padding: 0;\n      }\n\n      &--with-image {\n        display: flex;\n        align-items: center;\n      }\n\n      &__image {\n        flex: 0 0 auto;\n        display: flex;\n        justify-content: center;\n        align-items: center;\n        margin-right: 10px;\n\n        .emojione {\n          width: 32px;\n          height: 32px;\n        }\n      }\n\n      &__text {\n        flex: 1 1 auto;\n      }\n\n      &__extra {\n        flex: 0 0 auto;\n        text-align: right;\n        color: $darker-text-color;\n        font-weight: 500;\n      }\n    }\n\n    .directory__tag {\n      margin: 0;\n      width: 100%;\n\n      a {\n        background: transparent;\n        border-radius: 0;\n      }\n    }\n  }\n\n  &.optional .batch-table__toolbar,\n  &.optional .batch-table__row__select {\n    @media screen and (max-width: $no-gap-breakpoint) {\n      display: none;\n    }\n  }\n\n  .status__content {\n    padding-top: 0;\n\n    strong {\n      font-weight: 700;\n    }\n  }\n\n  .nothing-here {\n    border: 1px solid darken($ui-base-color, 8%);\n    border-top: 0;\n    box-shadow: none;\n\n    @media screen and (max-width: $no-gap-breakpoint) {\n      border-top: 1px solid darken($ui-base-color, 8%);\n    }\n  }\n\n  @media screen and (max-width: 870px) {\n    .accounts-table tbody td.optional {\n      display: none;\n    }\n  }\n}\n","$no-columns-breakpoint: 600px;\n$sidebar-width: 240px;\n$content-width: 840px;\n\n.admin-wrapper {\n  display: flex;\n  justify-content: center;\n  width: 100%;\n  min-height: 100vh;\n\n  .sidebar-wrapper {\n    min-height: 100vh;\n    overflow: hidden;\n    pointer-events: none;\n    flex: 1 1 auto;\n\n    &__inner {\n      display: flex;\n      justify-content: flex-end;\n      background: $ui-base-color;\n      height: 100%;\n    }\n  }\n\n  .sidebar {\n    width: $sidebar-width;\n    padding: 0;\n    pointer-events: auto;\n\n    &__toggle {\n      display: none;\n      background: lighten($ui-base-color, 8%);\n      height: 48px;\n\n      &__logo {\n        flex: 1 1 auto;\n\n        a {\n          display: inline-block;\n          padding: 15px;\n        }\n\n        svg {\n          fill: $primary-text-color;\n          height: 20px;\n          position: relative;\n          bottom: -2px;\n        }\n      }\n\n      &__icon {\n        display: block;\n        color: $darker-text-color;\n        text-decoration: none;\n        flex: 0 0 auto;\n        font-size: 20px;\n        padding: 15px;\n      }\n\n      a {\n        &:hover,\n        &:focus,\n        &:active {\n          background: lighten($ui-base-color, 12%);\n        }\n      }\n    }\n\n    .logo {\n      display: block;\n      margin: 40px auto;\n      width: 100px;\n      height: 100px;\n    }\n\n    @media screen and (max-width: $no-columns-breakpoint) {\n      & > a:first-child {\n        display: none;\n      }\n    }\n\n    ul {\n      list-style: none;\n      border-radius: 4px 0 0 4px;\n      overflow: hidden;\n      margin-bottom: 20px;\n\n      @media screen and (max-width: $no-columns-breakpoint) {\n        margin-bottom: 0;\n      }\n\n      a {\n        display: block;\n        padding: 15px;\n        color: $darker-text-color;\n        text-decoration: none;\n        transition: all 200ms linear;\n        transition-property: color, background-color;\n        border-radius: 4px 0 0 4px;\n        white-space: nowrap;\n        overflow: hidden;\n        text-overflow: ellipsis;\n\n        i.fa {\n          margin-right: 5px;\n        }\n\n        &:hover {\n          color: $primary-text-color;\n          background-color: darken($ui-base-color, 5%);\n          transition: all 100ms linear;\n          transition-property: color, background-color;\n        }\n\n        &.selected {\n          background: darken($ui-base-color, 2%);\n          border-radius: 4px 0 0;\n        }\n      }\n\n      ul {\n        background: darken($ui-base-color, 4%);\n        border-radius: 0 0 0 4px;\n        margin: 0;\n\n        a {\n          border: 0;\n          padding: 15px 35px;\n        }\n      }\n\n      .simple-navigation-active-leaf a {\n        color: $primary-text-color;\n        background-color: $ui-highlight-color;\n        border-bottom: 0;\n        border-radius: 0;\n\n        &:hover {\n          background-color: lighten($ui-highlight-color, 5%);\n        }\n      }\n    }\n\n    & > ul > .simple-navigation-active-leaf a {\n      border-radius: 4px 0 0 4px;\n    }\n  }\n\n  .content-wrapper {\n    box-sizing: border-box;\n    width: 100%;\n    max-width: $content-width;\n    flex: 1 1 auto;\n  }\n\n  @media screen and (max-width: $content-width + $sidebar-width) {\n    .sidebar-wrapper--empty {\n      display: none;\n    }\n\n    .sidebar-wrapper {\n      width: $sidebar-width;\n      flex: 0 0 auto;\n    }\n  }\n\n  @media screen and (max-width: $no-columns-breakpoint) {\n    .sidebar-wrapper {\n      width: 100%;\n    }\n  }\n\n  .content {\n    padding: 20px 15px;\n    padding-top: 60px;\n    padding-left: 25px;\n\n    @media screen and (max-width: $no-columns-breakpoint) {\n      max-width: none;\n      padding: 15px;\n      padding-top: 30px;\n    }\n\n    &-heading {\n      display: flex;\n\n      padding-bottom: 40px;\n      border-bottom: 1px solid lighten($ui-base-color, 8%);\n\n      margin: -15px -15px 40px 0;\n\n      flex-wrap: wrap;\n      align-items: center;\n      justify-content: space-between;\n\n      & > * {\n        margin-top: 15px;\n        margin-right: 15px;\n      }\n\n      &-actions {\n        display: inline-flex;\n\n        & > :not(:first-child) {\n          margin-left: 5px;\n        }\n      }\n\n      @media screen and (max-width: $no-columns-breakpoint) {\n        border-bottom: 0;\n        padding-bottom: 0;\n      }\n    }\n\n    h2 {\n      color: $secondary-text-color;\n      font-size: 24px;\n      line-height: 28px;\n      font-weight: 400;\n\n      @media screen and (max-width: $no-columns-breakpoint) {\n        font-weight: 700;\n      }\n    }\n\n    h3 {\n      color: $secondary-text-color;\n      font-size: 20px;\n      line-height: 28px;\n      font-weight: 400;\n      margin-bottom: 30px;\n    }\n\n    h4 {\n      text-transform: uppercase;\n      font-size: 13px;\n      font-weight: 700;\n      color: $darker-text-color;\n      padding-bottom: 8px;\n      margin-bottom: 8px;\n      border-bottom: 1px solid lighten($ui-base-color, 8%);\n    }\n\n    h6 {\n      font-size: 16px;\n      color: $secondary-text-color;\n      line-height: 28px;\n      font-weight: 500;\n    }\n\n    .fields-group h6 {\n      color: $primary-text-color;\n      font-weight: 500;\n    }\n\n    .directory__tag > a,\n    .directory__tag > div {\n      box-shadow: none;\n    }\n\n    .directory__tag .table-action-link .fa {\n      color: inherit;\n    }\n\n    .directory__tag h4 {\n      font-size: 18px;\n      font-weight: 700;\n      color: $primary-text-color;\n      text-transform: none;\n      padding-bottom: 0;\n      margin-bottom: 0;\n      border-bottom: none;\n    }\n\n    & > p {\n      font-size: 14px;\n      line-height: 21px;\n      color: $secondary-text-color;\n      margin-bottom: 20px;\n\n      strong {\n        color: $primary-text-color;\n        font-weight: 500;\n\n        @each $lang in $cjk-langs {\n          &:lang(#{$lang}) {\n            font-weight: 700;\n          }\n        }\n      }\n    }\n\n    hr {\n      width: 100%;\n      height: 0;\n      border: 0;\n      border-bottom: 1px solid rgba($ui-base-lighter-color, .6);\n      margin: 20px 0;\n\n      &.spacer {\n        height: 1px;\n        border: 0;\n      }\n    }\n  }\n\n  @media screen and (max-width: $no-columns-breakpoint) {\n    display: block;\n\n    .sidebar-wrapper {\n      min-height: 0;\n    }\n\n    .sidebar {\n      width: 100%;\n      padding: 0;\n      height: auto;\n\n      &__toggle {\n        display: flex;\n      }\n\n      & > ul {\n        display: none;\n      }\n\n      ul a,\n      ul ul a {\n        border-radius: 0;\n        border-bottom: 1px solid lighten($ui-base-color, 4%);\n        transition: none;\n\n        &:hover {\n          transition: none;\n        }\n      }\n\n      ul ul {\n        border-radius: 0;\n      }\n\n      ul .simple-navigation-active-leaf a {\n        border-bottom-color: $ui-highlight-color;\n      }\n    }\n  }\n}\n\nhr.spacer {\n  width: 100%;\n  border: 0;\n  margin: 20px 0;\n  height: 1px;\n}\n\nbody,\n.admin-wrapper .content {\n  .muted-hint {\n    color: $darker-text-color;\n\n    a {\n      color: $highlight-text-color;\n    }\n  }\n\n  .positive-hint {\n    color: $valid-value-color;\n    font-weight: 500;\n  }\n\n  .negative-hint {\n    color: $error-value-color;\n    font-weight: 500;\n  }\n\n  .neutral-hint {\n    color: $dark-text-color;\n    font-weight: 500;\n  }\n\n  .warning-hint {\n    color: $gold-star;\n    font-weight: 500;\n  }\n}\n\n.filters {\n  display: flex;\n  flex-wrap: wrap;\n\n  .filter-subset {\n    flex: 0 0 auto;\n    margin: 0 40px 20px 0;\n\n    &:last-child {\n      margin-bottom: 30px;\n    }\n\n    ul {\n      margin-top: 5px;\n      list-style: none;\n\n      li {\n        display: inline-block;\n        margin-right: 5px;\n      }\n    }\n\n    strong {\n      font-weight: 500;\n      text-transform: uppercase;\n      font-size: 12px;\n\n      @each $lang in $cjk-langs {\n        &:lang(#{$lang}) {\n          font-weight: 700;\n        }\n      }\n    }\n\n    a {\n      display: inline-block;\n      color: $darker-text-color;\n      text-decoration: none;\n      text-transform: uppercase;\n      font-size: 12px;\n      font-weight: 500;\n      border-bottom: 2px solid $ui-base-color;\n\n      &:hover {\n        color: $primary-text-color;\n        border-bottom: 2px solid lighten($ui-base-color, 5%);\n      }\n\n      &.selected {\n        color: $highlight-text-color;\n        border-bottom: 2px solid $ui-highlight-color;\n      }\n    }\n  }\n}\n\n.flavour-screen {\n  display: block;\n  margin: 10px auto;\n  max-width: 100%;\n}\n\n.flavour-description {\n  display: block;\n  font-size: 16px;\n  margin: 10px 0;\n\n  & > p {\n    margin: 10px 0;\n  }\n}\n\n.report-accounts {\n  display: flex;\n  flex-wrap: wrap;\n  margin-bottom: 20px;\n}\n\n.report-accounts__item {\n  display: flex;\n  flex: 250px;\n  flex-direction: column;\n  margin: 0 5px;\n\n  & > strong {\n    display: block;\n    margin: 0 0 10px -5px;\n    font-weight: 500;\n    font-size: 14px;\n    line-height: 18px;\n    color: $secondary-text-color;\n\n    @each $lang in $cjk-langs {\n      &:lang(#{$lang}) {\n        font-weight: 700;\n      }\n    }\n  }\n\n  .account-card {\n    flex: 1 1 auto;\n  }\n}\n\n.report-status,\n.account-status {\n  display: flex;\n  margin-bottom: 10px;\n\n  .activity-stream {\n    flex: 2 0 0;\n    margin-right: 20px;\n    max-width: calc(100% - 60px);\n\n    .entry {\n      border-radius: 4px;\n    }\n  }\n}\n\n.report-status__actions,\n.account-status__actions {\n  flex: 0 0 auto;\n  display: flex;\n  flex-direction: column;\n\n  .icon-button {\n    font-size: 24px;\n    width: 24px;\n    text-align: center;\n    margin-bottom: 10px;\n  }\n}\n\n.simple_form.new_report_note,\n.simple_form.new_account_moderation_note {\n  max-width: 100%;\n}\n\n.batch-form-box {\n  display: flex;\n  flex-wrap: wrap;\n  margin-bottom: 5px;\n\n  #form_status_batch_action {\n    margin: 0 5px 5px 0;\n    font-size: 14px;\n  }\n\n  input.button {\n    margin: 0 5px 5px 0;\n  }\n\n  .media-spoiler-toggle-buttons {\n    margin-left: auto;\n\n    .button {\n      overflow: visible;\n      margin: 0 0 5px 5px;\n      float: right;\n    }\n  }\n}\n\n.back-link {\n  margin-bottom: 10px;\n  font-size: 14px;\n\n  a {\n    color: $highlight-text-color;\n    text-decoration: none;\n\n    &:hover {\n      text-decoration: underline;\n    }\n  }\n}\n\n.spacer {\n  flex: 1 1 auto;\n}\n\n.log-entry {\n  margin-bottom: 20px;\n  line-height: 20px;\n\n  &__header {\n    display: flex;\n    justify-content: flex-start;\n    align-items: center;\n    padding: 10px;\n    background: $ui-base-color;\n    color: $darker-text-color;\n    border-radius: 4px 4px 0 0;\n    font-size: 14px;\n    position: relative;\n  }\n\n  &__avatar {\n    margin-right: 10px;\n\n    .avatar {\n      display: block;\n      margin: 0;\n      border-radius: 50%;\n      width: 40px;\n      height: 40px;\n    }\n  }\n\n  &__content {\n    max-width: calc(100% - 90px);\n  }\n\n  &__title {\n    word-wrap: break-word;\n  }\n\n  &__timestamp {\n    color: $dark-text-color;\n  }\n\n  &__extras {\n    background: lighten($ui-base-color, 6%);\n    border-radius: 0 0 4px 4px;\n    padding: 10px;\n    color: $darker-text-color;\n    font-family: $font-monospace, monospace;\n    font-size: 12px;\n    word-wrap: break-word;\n    min-height: 20px;\n  }\n\n  &__icon {\n    font-size: 28px;\n    margin-right: 10px;\n    color: $dark-text-color;\n  }\n\n  &__icon__overlay {\n    position: absolute;\n    top: 10px;\n    right: 10px;\n    width: 10px;\n    height: 10px;\n    border-radius: 50%;\n\n    &.positive {\n      background: $success-green;\n    }\n\n    &.negative {\n      background: lighten($error-red, 12%);\n    }\n\n    &.neutral {\n      background: $ui-highlight-color;\n    }\n  }\n\n  a,\n  .username,\n  .target {\n    color: $secondary-text-color;\n    text-decoration: none;\n    font-weight: 500;\n  }\n\n  .diff-old {\n    color: lighten($error-red, 12%);\n  }\n\n  .diff-neutral {\n    color: $secondary-text-color;\n  }\n\n  .diff-new {\n    color: $success-green;\n  }\n}\n\na.name-tag,\n.name-tag,\na.inline-name-tag,\n.inline-name-tag {\n  text-decoration: none;\n  color: $secondary-text-color;\n\n  .username {\n    font-weight: 500;\n  }\n\n  &.suspended {\n    .username {\n      text-decoration: line-through;\n      color: lighten($error-red, 12%);\n    }\n\n    .avatar {\n      filter: grayscale(100%);\n      opacity: 0.8;\n    }\n  }\n}\n\na.name-tag,\n.name-tag {\n  display: flex;\n  align-items: center;\n\n  .avatar {\n    display: block;\n    margin: 0;\n    margin-right: 5px;\n    border-radius: 50%;\n  }\n\n  &.suspended {\n    .avatar {\n      filter: grayscale(100%);\n      opacity: 0.8;\n    }\n  }\n}\n\n.speech-bubble {\n  margin-bottom: 20px;\n  border-left: 4px solid $ui-highlight-color;\n\n  &.positive {\n    border-left-color: $success-green;\n  }\n\n  &.negative {\n    border-left-color: lighten($error-red, 12%);\n  }\n\n  &.warning {\n    border-left-color: $gold-star;\n  }\n\n  &__bubble {\n    padding: 16px;\n    padding-left: 14px;\n    font-size: 15px;\n    line-height: 20px;\n    border-radius: 4px 4px 4px 0;\n    position: relative;\n    font-weight: 500;\n\n    a {\n      color: $darker-text-color;\n    }\n  }\n\n  &__owner {\n    padding: 8px;\n    padding-left: 12px;\n  }\n\n  time {\n    color: $dark-text-color;\n  }\n}\n\n.report-card {\n  background: $ui-base-color;\n  border-radius: 4px;\n  margin-bottom: 20px;\n\n  &__profile {\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    padding: 15px;\n\n    .account {\n      padding: 0;\n      border: 0;\n\n      &__avatar-wrapper {\n        margin-left: 0;\n      }\n    }\n\n    &__stats {\n      flex: 0 0 auto;\n      font-weight: 500;\n      color: $darker-text-color;\n      text-transform: uppercase;\n      text-align: right;\n\n      a {\n        color: inherit;\n        text-decoration: none;\n\n        &:focus,\n        &:hover,\n        &:active {\n          color: lighten($darker-text-color, 8%);\n        }\n      }\n\n      .red {\n        color: $error-value-color;\n      }\n    }\n  }\n\n  &__summary {\n    &__item {\n      display: flex;\n      justify-content: flex-start;\n      border-top: 1px solid darken($ui-base-color, 4%);\n\n      &:hover {\n        background: lighten($ui-base-color, 2%);\n      }\n\n      &__reported-by,\n      &__assigned {\n        padding: 15px;\n        flex: 0 0 auto;\n        box-sizing: border-box;\n        width: 150px;\n        color: $darker-text-color;\n\n        &,\n        .username {\n          white-space: nowrap;\n          overflow: hidden;\n          text-overflow: ellipsis;\n        }\n      }\n\n      &__content {\n        flex: 1 1 auto;\n        max-width: calc(100% - 300px);\n\n        &__icon {\n          color: $dark-text-color;\n          margin-right: 4px;\n          font-weight: 500;\n        }\n      }\n\n      &__content a {\n        display: block;\n        box-sizing: border-box;\n        width: 100%;\n        padding: 15px;\n        text-decoration: none;\n        color: $darker-text-color;\n      }\n    }\n  }\n}\n\n.one-line {\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n}\n\n.ellipsized-ip {\n  display: inline-block;\n  max-width: 120px;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  vertical-align: middle;\n}\n\n.admin-account-bio {\n  display: flex;\n  flex-wrap: wrap;\n  margin: 0 -5px;\n  margin-top: 20px;\n\n  > div {\n    box-sizing: border-box;\n    padding: 0 5px;\n    margin-bottom: 10px;\n    flex: 1 0 50%;\n  }\n\n  .account__header__fields,\n  .account__header__content {\n    background: lighten($ui-base-color, 8%);\n    border-radius: 4px;\n    height: 100%;\n  }\n\n  .account__header__fields {\n    margin: 0;\n    border: 0;\n\n    a {\n      color: lighten($ui-highlight-color, 8%);\n    }\n\n    dl:first-child .verified {\n      border-radius: 0 4px 0 0;\n    }\n\n    .verified a {\n      color: $valid-value-color;\n    }\n  }\n\n  .account__header__content {\n    box-sizing: border-box;\n    padding: 20px;\n    color: $primary-text-color;\n  }\n}\n\n.center-text {\n  text-align: center;\n}\n","$emojis-requiring-outlines: '8ball' 'ant' 'back' 'black_circle' 'black_heart' 'black_large_square' 'black_medium_small_square' 'black_medium_square' 'black_nib' 'black_small_square' 'bomb' 'bowling' 'bust_in_silhouette' 'busts_in_silhouette' 'camera' 'camera_with_flash' 'clubs' 'copyright' 'curly_loop' 'currency_exchange' 'dark_sunglasses' 'eight_pointed_black_star' 'electric_plug' 'end' 'female-guard' 'film_projector' 'fried_egg' 'gorilla' 'guardsman' 'heavy_check_mark' 'heavy_division_sign' 'heavy_dollar_sign' 'heavy_minus_sign' 'heavy_multiplication_x' 'heavy_plus_sign' 'hocho' 'hole' 'joystick' 'kaaba' 'lower_left_ballpoint_pen' 'lower_left_fountain_pen' 'male-guard' 'microphone' 'mortar_board' 'movie_camera' 'musical_score' 'on' 'registered' 'soon' 'spades' 'speaking_head_in_silhouette' 'spider' 'telephone_receiver' 'tm' 'top' 'tophat' 'turkey' 'vhs' 'video_camera' 'video_game' 'water_buffalo' 'waving_black_flag' 'wavy_dash' !default;\n\n%emoji-outline {\n  filter: drop-shadow(1px 1px 0 $primary-text-color) drop-shadow(-1px 1px 0 $primary-text-color) drop-shadow(1px -1px 0 $primary-text-color) drop-shadow(-1px -1px 0 $primary-text-color);\n}\n\n.emojione {\n  @each $emoji in $emojis-requiring-outlines {\n    &[title=':#{$emoji}:'] {\n      @extend %emoji-outline;\n    }\n  }\n}\n\n.hicolor-privacy-icons {\n  .status__visibility-icon.fa-globe,\n  .composer--options--dropdown--content--item .fa-globe {\n    color: #1976D2;\n  }\n\n  .status__visibility-icon.fa-unlock,\n  .composer--options--dropdown--content--item .fa-unlock {\n    color: #388E3C;\n  }\n\n  .status__visibility-icon.fa-lock,\n  .composer--options--dropdown--content--item .fa-lock {\n    color: #FFA000;\n  }\n\n  .status__visibility-icon.fa-envelope,\n  .composer--options--dropdown--content--item .fa-envelope {\n    color: #D32F2F;\n  }\n}\n","body.rtl {\n  direction: rtl;\n\n  .column-header > button {\n    text-align: right;\n    padding-left: 0;\n    padding-right: 15px;\n  }\n\n  .radio-button__input {\n    margin-right: 0;\n    margin-left: 10px;\n  }\n\n  .directory__card__bar .display-name {\n    margin-left: 0;\n    margin-right: 15px;\n  }\n\n  .display-name {\n    text-align: right;\n  }\n\n  .notification__message {\n    margin-left: 0;\n    margin-right: 68px;\n  }\n\n  .drawer__inner__mastodon > img {\n    transform: scaleX(-1);\n  }\n\n  .notification__favourite-icon-wrapper {\n    left: auto;\n    right: -26px;\n  }\n\n  .landing-page__logo {\n    margin-right: 0;\n    margin-left: 20px;\n  }\n\n  .landing-page .features-list .features-list__row .visual {\n    margin-left: 0;\n    margin-right: 15px;\n  }\n\n  .column-link__icon,\n  .column-header__icon {\n    margin-right: 0;\n    margin-left: 5px;\n  }\n\n  .compose-form .compose-form__buttons-wrapper .character-counter__wrapper {\n    margin-right: 0;\n    margin-left: 4px;\n  }\n\n  .composer--publisher {\n    text-align: left;\n  }\n\n  .boost-modal__status-time,\n  .favourite-modal__status-time {\n    float: left;\n  }\n\n  .navigation-bar__profile {\n    margin-left: 0;\n    margin-right: 8px;\n  }\n\n  .search__input {\n    padding-right: 10px;\n    padding-left: 30px;\n  }\n\n  .search__icon .fa {\n    right: auto;\n    left: 10px;\n  }\n\n  .columns-area {\n    direction: rtl;\n  }\n\n  .column-header__buttons {\n    left: 0;\n    right: auto;\n    margin-left: 0;\n    margin-right: -15px;\n  }\n\n  .column-inline-form .icon-button {\n    margin-left: 0;\n    margin-right: 5px;\n  }\n\n  .column-header__links .text-btn {\n    margin-left: 10px;\n    margin-right: 0;\n  }\n\n  .account__avatar-wrapper {\n    float: right;\n  }\n\n  .column-header__back-button {\n    padding-left: 5px;\n    padding-right: 0;\n  }\n\n  .column-header__setting-arrows {\n    float: left;\n  }\n\n  .setting-toggle__label {\n    margin-left: 0;\n    margin-right: 8px;\n  }\n\n  .setting-meta__label {\n    float: left;\n  }\n\n  .status__avatar {\n    margin-left: 10px;\n    margin-right: 0;\n\n    // Those are used for public pages\n    left: auto;\n    right: 10px;\n  }\n\n  .activity-stream .status.light {\n    padding-left: 10px;\n    padding-right: 68px;\n  }\n\n  .status__info .status__display-name,\n  .activity-stream .status.light .status__display-name {\n    padding-left: 25px;\n    padding-right: 0;\n  }\n\n  .activity-stream .pre-header {\n    padding-right: 68px;\n    padding-left: 0;\n  }\n\n  .status__prepend {\n    margin-left: 0;\n    margin-right: 58px;\n  }\n\n  .status__prepend-icon-wrapper {\n    left: auto;\n    right: -26px;\n  }\n\n  .activity-stream .pre-header .pre-header__icon {\n    left: auto;\n    right: 42px;\n  }\n\n  .account__avatar-overlay-overlay {\n    right: auto;\n    left: 0;\n  }\n\n  .column-back-button--slim-button {\n    right: auto;\n    left: 0;\n  }\n\n  .status__relative-time,\n  .activity-stream .status.light .status__header .status__meta {\n    float: left;\n    text-align: left;\n  }\n\n  .status__action-bar {\n    &__counter {\n      margin-right: 0;\n      margin-left: 11px;\n\n      .status__action-bar-button {\n        margin-right: 0;\n        margin-left: 4px;\n      }\n    }\n  }\n\n  .status__action-bar-button {\n    float: right;\n    margin-right: 0;\n    margin-left: 18px;\n  }\n\n  .status__action-bar-dropdown {\n    float: right;\n  }\n\n  .privacy-dropdown__dropdown {\n    margin-left: 0;\n    margin-right: 40px;\n  }\n\n  .privacy-dropdown__option__icon {\n    margin-left: 10px;\n    margin-right: 0;\n  }\n\n  .detailed-status__display-name .display-name {\n    text-align: right;\n  }\n\n  .detailed-status__display-avatar {\n    margin-right: 0;\n    margin-left: 10px;\n    float: right;\n  }\n\n  .detailed-status__favorites,\n  .detailed-status__reblogs {\n    margin-left: 0;\n    margin-right: 6px;\n  }\n\n  .fa-ul {\n    margin-left: 2.14285714em;\n  }\n\n  .fa-li {\n    left: auto;\n    right: -2.14285714em;\n  }\n\n  .admin-wrapper {\n    direction: rtl;\n  }\n\n  .admin-wrapper .sidebar ul a i.fa,\n  a.table-action-link i.fa {\n    margin-right: 0;\n    margin-left: 5px;\n  }\n\n  .simple_form .check_boxes .checkbox label {\n    padding-left: 0;\n    padding-right: 25px;\n  }\n\n  .simple_form .input.with_label.boolean label.checkbox {\n    padding-left: 25px;\n    padding-right: 0;\n  }\n\n  .simple_form .check_boxes .checkbox input[type=\"checkbox\"],\n  .simple_form .input.boolean input[type=\"checkbox\"] {\n    left: auto;\n    right: 0;\n  }\n\n  .simple_form .input.radio_buttons .radio {\n    left: auto;\n    right: 0;\n  }\n\n  .simple_form .input.radio_buttons .radio > label {\n    padding-right: 28px;\n    padding-left: 0;\n  }\n\n  .simple_form .input-with-append .input input {\n    padding-left: 142px;\n    padding-right: 0;\n  }\n\n  .simple_form .input.boolean label.checkbox {\n    left: auto;\n    right: 0;\n  }\n\n  .simple_form .input.boolean .label_input,\n  .simple_form .input.boolean .hint {\n    padding-left: 0;\n    padding-right: 28px;\n  }\n\n  .simple_form .label_input__append {\n    right: auto;\n    left: 3px;\n\n    &::after {\n      right: auto;\n      left: 0;\n      background-image: linear-gradient(to left, rgba(darken($ui-base-color, 10%), 0), darken($ui-base-color, 10%));\n    }\n  }\n\n  .simple_form select {\n    background: darken($ui-base-color, 10%) url(\"data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14.933 18.467' height='19.698' width='15.929'><path d='M3.467 14.967l-3.393-3.5H14.86l-3.392 3.5c-1.866 1.925-3.666 3.5-4 3.5-.335 0-2.135-1.575-4-3.5zm.266-11.234L7.467 0 11.2 3.733l3.733 3.734H0l3.733-3.734z' fill='#{hex-color(lighten($ui-base-color, 12%))}'/></svg>\") no-repeat left 8px center / auto 16px;\n  }\n\n  .table th,\n  .table td {\n    text-align: right;\n  }\n\n  .filters .filter-subset {\n    margin-right: 0;\n    margin-left: 45px;\n  }\n\n  .landing-page .header-wrapper .mascot {\n    right: 60px;\n    left: auto;\n  }\n\n  .landing-page__call-to-action .row__information-board {\n    direction: rtl;\n  }\n\n  .landing-page .header .hero .floats .float-1 {\n    left: -120px;\n    right: auto;\n  }\n\n  .landing-page .header .hero .floats .float-2 {\n    left: 210px;\n    right: auto;\n  }\n\n  .landing-page .header .hero .floats .float-3 {\n    left: 110px;\n    right: auto;\n  }\n\n  .landing-page .header .links .brand img {\n    left: 0;\n  }\n\n  .landing-page .fa-external-link {\n    padding-right: 5px;\n    padding-left: 0 !important;\n  }\n\n  .landing-page .features #mastodon-timeline {\n    margin-right: 0;\n    margin-left: 30px;\n  }\n\n  @media screen and (min-width: 631px) {\n    .column,\n    .drawer {\n      padding-left: 5px;\n      padding-right: 5px;\n\n      &:first-child {\n        padding-left: 5px;\n        padding-right: 10px;\n      }\n    }\n\n    .columns-area > div {\n      .column,\n      .drawer {\n        padding-left: 5px;\n        padding-right: 5px;\n      }\n    }\n  }\n\n  .columns-area--mobile .column,\n  .columns-area--mobile .drawer {\n    padding-left: 0;\n    padding-right: 0;\n  }\n\n  .public-layout {\n    .header {\n      .nav-button {\n        margin-left: 8px;\n        margin-right: 0;\n      }\n    }\n\n    .public-account-header__tabs {\n      margin-left: 0;\n      margin-right: 20px;\n    }\n  }\n\n  .landing-page__information {\n    .account__display-name {\n      margin-right: 0;\n      margin-left: 5px;\n    }\n\n    .account__avatar-wrapper {\n      margin-left: 12px;\n      margin-right: 0;\n    }\n  }\n\n  .card__bar .display-name {\n    margin-left: 0;\n    margin-right: 15px;\n    text-align: right;\n  }\n\n  .fa-chevron-left::before {\n    content: \"\\F054\";\n  }\n\n  .fa-chevron-right::before {\n    content: \"\\F053\";\n  }\n\n  .column-back-button__icon {\n    margin-right: 0;\n    margin-left: 5px;\n  }\n\n  .column-header__setting-arrows .column-header__setting-btn:last-child {\n    padding-left: 0;\n    padding-right: 10px;\n  }\n\n  .simple_form .input.radio_buttons .radio > label input {\n    left: auto;\n    right: 0;\n  }\n}\n",".dashboard__counters {\n  display: flex;\n  flex-wrap: wrap;\n  margin: 0 -5px;\n  margin-bottom: 20px;\n\n  & > div {\n    box-sizing: border-box;\n    flex: 0 0 33.333%;\n    padding: 0 5px;\n    margin-bottom: 10px;\n\n    & > div,\n    & > a {\n      padding: 20px;\n      background: lighten($ui-base-color, 4%);\n      border-radius: 4px;\n      box-sizing: border-box;\n      height: 100%;\n    }\n\n    & > a {\n      text-decoration: none;\n      color: inherit;\n      display: block;\n\n      &:hover,\n      &:focus,\n      &:active {\n        background: lighten($ui-base-color, 8%);\n      }\n    }\n  }\n\n  &__num,\n  &__text {\n    text-align: center;\n    font-weight: 500;\n    font-size: 24px;\n    line-height: 21px;\n    color: $primary-text-color;\n    font-family: $font-display, sans-serif;\n    margin-bottom: 20px;\n    line-height: 30px;\n  }\n\n  &__text {\n    font-size: 18px;\n  }\n\n  &__label {\n    font-size: 14px;\n    color: $darker-text-color;\n    text-align: center;\n    font-weight: 500;\n  }\n}\n\n.dashboard__widgets {\n  display: flex;\n  flex-wrap: wrap;\n  margin: 0 -5px;\n\n  & > div {\n    flex: 0 0 33.333%;\n    margin-bottom: 20px;\n\n    & > div {\n      padding: 0 5px;\n    }\n  }\n\n  a:not(.name-tag) {\n    color: $ui-secondary-color;\n    font-weight: 500;\n    text-decoration: none;\n  }\n}\n","// Notes!\n// Sass color functions, \"darken\" and \"lighten\" are automatically replaced.\n\n.glitch.local-settings {\n  background: $ui-base-color;\n\n  &__navigation {\n    background: darken($ui-base-color, 8%);\n  }\n\n  &__navigation__item {\n    background: darken($ui-base-color, 8%);\n\n    &:hover {\n      background: $ui-base-color;\n    }\n  }\n}\n\n.notification__dismiss-overlay {\n  .wrappy {\n    box-shadow: unset;\n  }\n\n  .ckbox {\n    text-shadow: unset;\n  }\n}\n\n.status.status-direct:not(.read) {\n  background: darken($ui-base-color, 8%);\n  border-bottom-color: darken($ui-base-color, 12%);\n\n  &.collapsed> .status__content:after {\n    background: linear-gradient(rgba(darken($ui-base-color, 8%), 0), rgba(darken($ui-base-color, 8%), 1));\n  }\n}\n\n.focusable:focus.status.status-direct:not(.read) {\n  background: darken($ui-base-color, 4%);\n\n  &.collapsed> .status__content:after {\n    background: linear-gradient(rgba(darken($ui-base-color, 4%), 0), rgba(darken($ui-base-color, 4%), 1));\n  }\n}\n\n// Change columns' default background colors\n.column {\n  > .scrollable {\n    background: darken($ui-base-color, 13%);\n  }\n}\n\n.status.collapsed .status__content:after {\n  background: linear-gradient(rgba(darken($ui-base-color, 13%), 0), rgba(darken($ui-base-color, 13%), 1));\n}\n\n.drawer__inner {\n  background: $ui-base-color;\n}\n\n.drawer__inner__mastodon {\n  background: $ui-base-color url('data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 234.80078 31.757813\" width=\"234.80078\" height=\"31.757812\"><path d=\"M19.599609 0c-1.05 0-2.10039.375-2.90039 1.125L0 16.925781v14.832031h234.80078V17.025391l-16.5-15.900391c-1.6-1.5-4.20078-1.5-5.80078 0l-13.80078 13.099609c-1.6 1.5-4.19883 1.5-5.79883 0L179.09961 1.125c-1.6-1.5-4.19883-1.5-5.79883 0L159.5 14.224609c-1.6 1.5-4.20078 1.5-5.80078 0L139.90039 1.125c-1.6-1.5-4.20078-1.5-5.80078 0l-13.79883 13.099609c-1.6 1.5-4.20078 1.5-5.80078 0L100.69922 1.125c-1.600001-1.5-4.198829-1.5-5.798829 0l-13.59961 13.099609c-1.6 1.5-4.200781 1.5-5.800781 0L61.699219 1.125c-1.6-1.5-4.198828-1.5-5.798828 0L42.099609 14.224609c-1.6 1.5-4.198828 1.5-5.798828 0L22.5 1.125C21.7.375 20.649609 0 19.599609 0z\" fill=\"#{hex-color(darken($ui-base-color, 13%))}\"/></svg>') no-repeat bottom / 100% auto !important;\n\n  .mastodon {\n    filter: contrast(75%) brightness(75%) !important;\n  }\n}\n\n// Change the default appearance of the content warning button\n.status__content {\n\n  .status__content__spoiler-link {\n\n    background: lighten($ui-base-color, 30%);\n\n    &:hover {\n      background: lighten($ui-base-color, 35%);\n      text-decoration: none;\n    }\n\n  }\n\n}\n\n// Change the background colors of media and video spoilers\n.media-spoiler,\n.video-player__spoiler,\n.account-gallery__item a {\n  background: $ui-base-color;\n}\n\n// Change the colors used in the dropdown menu\n.dropdown-menu {\n  background: $ui-base-color;\n}\n\n.dropdown-menu__arrow {\n\n  &.left {\n    border-left-color: $ui-base-color;\n  }\n\n  &.top {\n    border-top-color: $ui-base-color;\n  }\n\n  &.bottom {\n    border-bottom-color: $ui-base-color;\n  }\n\n  &.right {\n    border-right-color: $ui-base-color;\n  }\n\n}\n\n.dropdown-menu__item {\n  a {\n    background: $ui-base-color;\n    color: $ui-secondary-color;\n  }\n}\n\n// Change the default color of several parts of the compose form\n.composer {\n\n  .composer--spoiler input, .compose-form__autosuggest-wrapper textarea {\n    color: lighten($ui-base-color, 80%);\n\n    &:disabled { background: lighten($simple-background-color, 10%) }\n\n    &::placeholder {\n      color: lighten($ui-base-color, 70%);\n    }\n  }\n\n  .composer--options-wrapper {\n    background: lighten($ui-base-color, 10%);\n  }\n\n  .composer--options > hr {\n    display: none;\n  }\n\n  .composer--options--dropdown--content--item {\n    color: $ui-primary-color;\n    \n    strong {\n      color: $ui-primary-color;\n    }\n\n  }\n\n}\n\n.composer--upload_form--actions .icon-button {\n  color: lighten($white, 7%);\n\n  &:active,\n  &:focus,\n  &:hover {\n    color: $white;\n  }\n}\n\n.composer--upload_form--item > div input {\n  color: lighten($white, 7%);\n\n  &::placeholder {\n    color: lighten($white, 10%);\n  }\n}\n\n.dropdown-menu__separator {\n  border-bottom-color: lighten($ui-base-color, 12%);\n}\n\n.status__content,\n.reply-indicator__content {\n  a {\n    color: $highlight-text-color;\n  }\n}\n\n.emoji-mart-bar {\n  border-color: darken($ui-base-color, 4%);\n\n  &:first-child {\n    background: lighten($ui-base-color, 10%);\n  }\n}\n\n.emoji-mart-search input {\n  background: rgba($ui-base-color, 0.3);\n  border-color: $ui-base-color;\n}\n\n.autosuggest-textarea__suggestions {\n  background: lighten($ui-base-color, 10%)\n}\n\n.autosuggest-textarea__suggestions__item {\n  &:hover,\n  &:focus,\n  &:active,\n  &.selected {\n    background: darken($ui-base-color, 4%);\n  }\n}\n\n.react-toggle-track {\n  background: $ui-secondary-color;\n}\n\n.react-toggle:hover:not(.react-toggle--disabled) .react-toggle-track {\n  background: lighten($ui-secondary-color, 10%);\n}\n\n.react-toggle.react-toggle--checked:hover:not(.react-toggle--disabled) .react-toggle-track {\n  background: darken($ui-highlight-color, 10%);\n}\n\n// Change the background colors of modals\n.actions-modal,\n.boost-modal,\n.confirmation-modal,\n.mute-modal,\n.block-modal,\n.report-modal,\n.embed-modal,\n.error-modal,\n.onboarding-modal,\n.report-modal__comment .setting-text__wrapper,\n.report-modal__comment .setting-text {\n  background: $white;\n  border: 1px solid lighten($ui-base-color, 8%);\n}\n\n.report-modal__comment {\n  border-right-color: lighten($ui-base-color, 8%);\n}\n\n.report-modal__container {\n  border-top-color: lighten($ui-base-color, 8%);\n}\n\n.boost-modal__action-bar,\n.confirmation-modal__action-bar,\n.mute-modal__action-bar,\n.block-modal__action-bar,\n.onboarding-modal__paginator,\n.error-modal__footer {\n  background: darken($ui-base-color, 6%);\n\n  .onboarding-modal__nav,\n  .error-modal__nav {\n    &:hover,\n    &:focus,\n    &:active {\n      background-color: darken($ui-base-color, 12%);\n    }\n  }\n}\n\n// Change the default color used for the text in an empty column or on the error column\n.empty-column-indicator,\n.error-column {\n  color: lighten($ui-base-color, 60%);\n}\n\n// Change the default colors used on some parts of the profile pages\n.activity-stream-tabs {\n\n  background: $account-background-color;\n\n  a {\n    &.active {\n      color: $ui-primary-color;\n      }\n  }\n\n}\n\n.activity-stream {\n\n  .entry {\n    background: $account-background-color;\n  }\n\n  .status.light {\n\n    .status__content {\n      color: $primary-text-color;\n    }\n\n    .display-name {\n      strong {\n        color: $primary-text-color;\n      }\n    }\n\n  }\n\n}\n\n.accounts-grid {\n  .account-grid-card {\n\n    .controls {\n      .icon-button {\n        color: $ui-secondary-color;\n      }\n    }\n\n    .name {\n      a {\n        color: $primary-text-color;\n      }\n    }\n\n    .username {\n      color: $ui-secondary-color;\n    }\n\n    .account__header__content {\n      color: $primary-text-color;\n    }\n\n  }\n}\n\n.button.logo-button {\n  color: $white;\n\n  svg {\n    fill: $white;\n  }\n}\n\n.public-layout {\n  .header,\n  .public-account-header,\n  .public-account-bio {\n    box-shadow: none;\n  }\n\n  .header {\n    background: lighten($ui-base-color, 12%);\n  }\n\n  .public-account-header {\n    &__image {\n      background: lighten($ui-base-color, 12%);\n\n      &::after {\n        box-shadow: none;\n      }\n    }\n\n    &__tabs {\n      &__name {\n        h1,\n        h1 small {\n          color: $white;\n        }\n      }\n    }\n  }\n}\n\n.account__section-headline a.active::after {\n  border-color: transparent transparent $white;\n}\n\n.hero-widget,\n.box-widget,\n.contact-widget,\n.landing-page__information.contact-widget,\n.moved-account-widget,\n.memoriam-widget,\n.activity-stream,\n.nothing-here,\n.directory__tag > a,\n.directory__tag > div {\n  box-shadow: none;\n}\n\n.audio-player .video-player__controls button,\n.audio-player .video-player__time-sep,\n.audio-player .video-player__time-current,\n.audio-player .video-player__time-total {\n  color: $primary-text-color;\n}\n"],"sourceRoot":""}
\ No newline at end of file
+{"version":3,"sources":["webpack:///common.scss","webpack:///./app/javascript/flavours/glitch/styles/reset.scss","webpack:///./app/javascript/flavours/glitch/styles/mastodon-light/variables.scss","webpack:///./app/javascript/flavours/glitch/styles/basics.scss","webpack:///./app/javascript/flavours/glitch/styles/containers.scss","webpack:///./app/javascript/flavours/glitch/styles/_mixins.scss","webpack:///./app/javascript/flavours/glitch/styles/variables.scss","webpack:///./app/javascript/flavours/glitch/styles/lists.scss","webpack:///./app/javascript/flavours/glitch/styles/modal.scss","webpack:///./app/javascript/flavours/glitch/styles/footer.scss","webpack:///./app/javascript/flavours/glitch/styles/compact_header.scss","webpack:///./app/javascript/flavours/glitch/styles/widgets.scss","webpack:///./app/javascript/flavours/glitch/styles/forms.scss","webpack:///./app/javascript/flavours/glitch/styles/accounts.scss","webpack:///./app/javascript/flavours/glitch/styles/statuses.scss","webpack:///./app/javascript/flavours/glitch/styles/components/index.scss","webpack:///./app/javascript/flavours/glitch/styles/components/boost.scss","webpack:///./app/javascript/flavours/glitch/styles/components/accounts.scss","webpack:///./app/javascript/flavours/glitch/styles/components/domains.scss","webpack:///./app/javascript/flavours/glitch/styles/components/status.scss","webpack:///./app/javascript/flavours/glitch/styles/components/modal.scss","webpack:///./app/javascript/flavours/glitch/styles/components/composer.scss","webpack:///./app/javascript/flavours/glitch/styles/components/columns.scss","webpack:///./app/javascript/flavours/glitch/styles/components/regeneration_indicator.scss","webpack:///./app/javascript/flavours/glitch/styles/components/directory.scss","webpack:///./app/javascript/flavours/glitch/styles/components/search.scss","webpack:///<no source>","webpack:///./app/javascript/flavours/glitch/styles/components/emoji.scss","webpack:///./app/javascript/flavours/glitch/styles/components/doodle.scss","webpack:///./app/javascript/flavours/glitch/styles/components/drawer.scss","webpack:///./app/javascript/flavours/glitch/styles/components/media.scss","webpack:///./app/javascript/flavours/glitch/styles/components/sensitive.scss","webpack:///./app/javascript/flavours/glitch/styles/components/lists.scss","webpack:///./app/javascript/flavours/glitch/styles/components/emoji_picker.scss","webpack:///./app/javascript/flavours/glitch/styles/components/local_settings.scss","webpack:///./app/javascript/flavours/glitch/styles/components/error_boundary.scss","webpack:///./app/javascript/flavours/glitch/styles/components/single_column.scss","webpack:///./app/javascript/flavours/glitch/styles/components/announcements.scss","webpack:///./app/javascript/flavours/glitch/styles/polls.scss","webpack:///./app/javascript/flavours/glitch/styles/about.scss","webpack:///./app/javascript/flavours/glitch/styles/tables.scss","webpack:///./app/javascript/flavours/glitch/styles/admin.scss","webpack:///./app/javascript/flavours/glitch/styles/accessibility.scss","webpack:///./app/javascript/flavours/glitch/styles/rtl.scss","webpack:///./app/javascript/flavours/glitch/styles/dashboard.scss","webpack:///./app/javascript/flavours/glitch/styles/mastodon-light/diff.scss"],"names":[],"mappings":"AAAA,2ZCKA,QAaE,UACA,SACA,eACA,aACA,wBACA,+EAIF,aAEE,MAGF,aACE,OAGF,eACE,cAGF,WACE,qDAGF,UAEE,aACA,OAGF,wBACE,iBACA,MAGF,0CACE,qBAGF,UACE,YACA,2BAGF,kBACE,cACA,mBACA,iCAGF,kBACE,kCAGF,kBACE,2BAGF,aACE,gBACA,8BACA,CC3EwB,iEDkF1B,kBClF0B,4BDsF1B,sBACE,MEtFF,sBACE,mBACA,eACA,iBACA,gBACA,WDXM,kCCaN,6BACA,8BACA,CADA,0BACA,CADA,qBACA,0CACA,wCACA,kBAEA,sIAYE,eAGF,SACE,oCAEA,WACE,iBACA,kBACA,uCAGF,iBACE,WACA,YACA,mCAGF,iBACE,cAIJ,kBDjDwB,kBCqDxB,iBACE,kBACA,0BAEA,iBACE,YAIJ,kBACE,SACA,iBACA,uBAEA,iBACE,WACA,YACA,gBACA,YAIJ,kBACE,UACA,YAGF,iBACE,kBACA,cDpFiB,mBAEK,WCqFtB,YACA,UACA,aACA,uBACA,mBACA,oBAEA,qBACE,YACA,wBAEA,aACE,gBACA,WACA,YACA,kBACA,uBAGF,cACE,iBACA,gBACA,QAMR,mBACE,eACA,cAEA,YACE,6BAKF,YAEE,WACA,mBACA,uBACA,oBACA,yEAKF,gBAEE,+EAKF,WAEE,gBCrJJ,WACE,CACA,kBACA,qCAEA,eALF,UAMI,SACA,kBAIJ,sBACE,qCAEA,gBAHF,kBAII,qBAGF,YACE,uBACA,mBACA,wBAEA,SFtBI,YEwBF,kBACA,sBAGF,YACE,uBACA,mBACA,WF/BE,qBEiCF,UACA,kBACA,iBACA,uBACA,gBACA,eACA,mCAMJ,WACE,CACA,cACA,mBACA,sBACA,qCAEA,kCAPF,UAQI,aACA,aACA,kBAKN,WACE,CACA,YACA,eACA,iBACA,sBACA,CACA,gBACA,CACA,sBACA,qCAEA,gBAZF,UAaI,CACA,eACA,CACA,mBACA,0BAKA,UACqB,sCC3EvB,iBD4EE,6BAEA,UACE,YACA,cACA,SACA,kBACA,iBE5BkB,wBD9DtB,4BACA,uBD8FA,aACE,cF9FiB,wBEgGjB,iCAEA,aACE,gBACA,uBACA,gBACA,8BAIJ,aACE,eACA,iBACA,gBACA,SAIJ,YACE,cACA,8BACA,sBACA,mCACA,CADA,0BACA,mBAEA,eACE,WACA,mBAGF,aACE,WACA,mBAGF,aACE,WACA,mBAGF,eACE,WACA,qCAGF,QA3BF,UA4BI,qCACA,mBAEA,aACE,mBAGF,aACE,WACA,mBAGF,aACE,WACA,mBAGF,aACE,WACA,UAKN,YACE,cACA,8CACA,sBACA,mCACA,CADA,0BACA,mBAEA,eACE,WACA,mBAGF,eACE,WACA,mBAGF,aACE,WACA,mBAGF,eACE,WACA,mBAGF,aACE,WACA,uCAGF,eACE,wBAGF,kBACE,qCAGF,QAxCF,iDAyCI,uCAEA,YACE,aACA,mBACA,uBACA,iCAGF,UACE,uBACA,mBACA,sBAGF,YACE,sCAIJ,QA7DF,UA8DI,qCACA,mBAEA,aACE,mBAGF,aACE,WACA,mBAGF,aACE,WACA,mBAGF,aACE,WACA,mBAGF,aACE,WACA,sCAMJ,eADF,gBAEI,4BAGF,eACE,qCAEA,0BAHF,SAII,yBAIJ,kBACE,mCACA,kBACA,YACA,cACA,aACA,oBACA,uBACA,iBACA,gBACA,qCAEA,uBAZF,cAaI,WACA,MACA,OACA,SACA,gBACA,gBACA,YACA,6BAGF,cACE,eACA,kCAGF,YACE,oBACA,2BACA,iBACA,oCAGF,YACE,oBACA,uBACA,iBACA,mCAGF,YACE,oBACA,yBACA,iBACA,+BAGF,aACE,aACA,mCAEA,aACE,YACA,WACA,kBACA,YACA,UF3UA,qCE8UA,kCARF,WASI,+GAIJ,kBAGE,kCAIJ,YACE,mBACA,eACA,eACA,gBACA,qBACA,cF7Ve,mBE+Vf,kBACA,uHAEA,yBAGE,WFxWA,qCE4WF,0CACE,YACE,qCAKN,kBACE,CACA,oBACA,kBACA,6HAEA,oBAGE,mBACA,sBAON,YACE,cACA,0DACA,sBACA,mCACA,CADA,0BACA,gCAEA,UACE,cACA,gCAGF,UACE,cACA,qCAGF,qBAjBF,0BAkBI,WACA,gCAEA,YACE,kCAKN,iBACE,qCAEA,gCAHF,eAII,sCAKF,4BADF,eAEI,wCAIJ,eACE,mBACA,mCACA,gDAEA,UACE,qIAEA,8BAEE,CAFF,sBAEE,6DAGF,wBFvbe,8CE4bjB,yBACE,gBACA,aACA,kBACA,gBACA,oDAEA,UACE,cACA,kBACA,WACA,YACA,gDACA,MACA,OACA,kDAGF,mBACE,CADF,8BACE,CADF,gBACE,cACA,WACA,YACA,SACA,0BACA,qCAGF,6CA3BF,YA4BI,gDAIJ,eACE,6JAEA,iBAEE,qCAEA,4JAJF,eAKI,sCAKN,sCA/DF,eAgEI,gBACA,oDAEA,YACE,+FAGF,eAEE,6CAIJ,iBACE,iBACA,aACA,2BACA,mDAEA,UACE,cACA,mBACA,kBACA,SACA,OACA,QACA,YACA,0BACA,WACA,oDAGF,aACE,CAEA,WACqB,yCCzgB3B,kBD0gBM,cACA,wDAEA,aACE,WACA,YACA,SACA,kBACA,yBACA,mBACA,iBE7dc,wBD9DtB,4BACA,qCD+hBI,2CAvCF,YAwCI,mBACA,0BACA,YACA,mDAEA,YACE,oDAKA,UACqB,sCCtiB7B,CDuiBQ,sBACA,wDAEA,QACE,kBACA,iBErfY,wBD9DtB,4BACA,2DDsjBQ,mDAbF,YAcI,sCAKN,2CApEF,eAqEI,sCAGF,2CAxEF,cAyEI,8CAIJ,aACE,iBACA,mDAEA,gBACE,mBACA,sDAEA,cACE,iBACA,WFjlBF,gBEmlBE,gBACA,mBACA,uBACA,6BACA,4DAEA,aACE,eACA,WF3lBJ,gBE6lBI,gBACA,uBACA,qCAKN,4CA7BF,gBA8BI,aACA,8BACA,mBACA,mDAEA,aACE,iBACA,sDAEA,cACE,iBACA,iBACA,4DAEA,aFhnBS,oDEunBf,YACE,2BACA,oBACA,YACA,qEAEA,YACE,mBACA,gBACA,qCAGF,oEACE,YACE,6DAIJ,eACE,sBACA,cACA,cF5oBW,aE8oBX,+BACA,eACA,kBACA,kBACA,8DAEA,aACE,uEAGF,cACE,kEAGF,aACE,WACA,kBACA,SACA,OACA,WACA,gCACA,WACA,wBACA,yEAIA,+BACE,UACA,kFAGF,2BF9qBS,wEEorBT,SACE,wBACA,8DAIJ,oBACE,cACA,2EAGF,cACE,cACA,4EAGF,eACE,eACA,kBACA,WF1sBJ,uBE4sBI,2DAIJ,aACE,WACA,4DAGF,eACE,8CAKN,YACE,eACA,kEAEA,eACE,gBACA,uBACA,cACA,2FAEA,4BACE,yEAGF,YACE,qDAIJ,gBACE,eACA,cF7uBa,uDEgvBb,oBACE,cFjvBW,qBEmvBX,aACA,gBACA,8DAEA,eACE,WF3vBJ,qCEiwBF,6CAtCF,aAuCI,UACA,4CAKN,yBACE,qCAEA,0CAHF,eAII,wCAIJ,eACE,oCAGF,kBACE,mCACA,kBACA,gBACA,mBACA,qCAEA,mCAPF,eAQI,gBACA,gBACA,8DAGF,QACE,aACA,+DAEA,aACE,sFAGF,uBACE,yEAGF,aE3yBU,8DFizBV,mBACA,WFpzBE,qFEwzBJ,YAEE,eACA,cFxzBe,2CE4zBjB,gBACE,iCAIJ,YACE,cACA,kDACA,qCAEA,gCALF,aAMI,+CAGF,cACE,iCAIJ,eACE,2BAGF,YACE,eACA,eACA,cACA,+BAEA,qBACE,cACA,YACA,cACA,mBACA,kBACA,qCAEA,8BARF,aASI,sCAGF,8BAZF,cAaI,sCAIJ,0BAvBF,QAwBI,6BACA,+BAEA,UACE,UACA,gBACA,gCACA,0CAEA,eACE,0CAGF,kBFt3BkB,+IEy3BhB,kBAGE,WGl4BZ,eACE,aAEA,oBACE,aACA,iBAIJ,eACE,cACA,oBAEA,cACE,gBACA,mBACA,eChBJ,k1BACE,aACA,sBACA,aACA,UACA,yBAGF,YACE,OACA,sBACA,yBACA,2BAEA,MACE,iBACA,qCAIJ,gBACE,YACE,yBCrBF,eACE,iBACA,oBACA,eACA,cACA,qCAEA,uBAPF,iBAQI,mBACA,+BAGF,YACE,cACA,0CACA,wCAEA,aACE,WACA,YACA,wCAGF,aACE,WACA,YACA,wCAGF,aACE,WACA,YACA,kBACA,6CAEA,aACE,wCAIJ,aACE,WACA,YACA,wCAGF,aACE,WACA,YACA,qCAGF,6BAxCF,iCAyCI,+EAEA,aAEE,wCAGF,UACE,wCAGF,aACE,+EAGF,aAEE,wCAGF,UACE,sCAIJ,uCACE,aACE,sCAIJ,4JACE,YAIE,4BAKN,wBACE,gBACA,kBACA,cP9Fe,6BOiGf,aACE,qBACA,6BAIJ,oBACE,cACA,wGAEA,yBAGE,mCAKF,aACE,YACA,WACA,cACA,aACA,0HAMA,YACE,oBClIR,cACE,iBACA,cACA,gBACA,mBACA,eACA,qBACA,qCAEA,mBATF,iBAUI,oBACA,uBAGF,aACE,qBACA,0BAGF,eACE,cRjBe,wBQqBjB,oBACE,mBACA,kBACA,WACA,YACA,cC9BN,kBACE,mCACA,mBAEA,UACE,kBACA,gBACA,0BACA,gBLPI,uBKUJ,mBACE,CADF,8BACE,CADF,gBACE,cACA,WACA,YACA,SACA,0BACA,oBAIJ,kBTfwB,aSiBtB,0BACA,eACA,cTrBiB,iBSuBjB,qBACA,gBACA,8BAEA,UACE,YACA,gBACA,sBAGF,kBACE,iCAEA,eACE,uBAIJ,cACE,SACA,UACA,gBACA,uBACA,oBACA,kBACA,oBACA,cACA,sBAGF,aTrDiB,qBSuDf,4BAEA,yBACE,qCAKN,aAnEF,YAoEI,uBAIJ,kBACE,oBACA,yBAEA,YACE,yBACA,gBACA,eACA,cT5EiB,+BSgFnB,cACE,0CAEA,eACE,sDAGF,YACE,mBACA,gDAGF,UACE,YACA,0BACA,oCAIJ,YACE,mBAKF,aTzGmB,aS8GrB,YACE,kBACA,mBT9GwB,mCSgHxB,qBAGF,YACE,kBACA,0BACA,kBACA,cTzHmB,mBS2HnB,iBAGF,eACE,eACA,cThImB,iBSkInB,qBACA,gBACA,UACA,oBAEA,YACE,yBACA,gBACA,eACA,cT3IiB,0BS+InB,eACE,CACA,kBACA,mBAGF,oBACE,CACA,mBACA,cTxJiB,qBS0JjB,mBACA,gBACA,uBACA,0EAEA,yBAGE,uBAMJ,sBACA,kBACA,mBTxKwB,mCS0KxB,cT5KmB,gBS8KnB,mBACA,sDAEA,eAEE,CAII,qXADF,eACE,yBAKN,aACE,0BACA,CAMI,wLAGF,oBAGE,mIAEA,yBACE,gCAMR,kBACE,oCAEA,gBACE,cTvNe,8DS6NjB,iBACE,eACA,4DAGF,eACE,qBACA,iEAEA,eACE,kBAMR,YACE,CACA,eLlPM,CKoPN,cACA,cTlPmB,mBSoPnB,+BANA,iBACA,CLlPM,kCKgQN,CATA,aAGF,kBACE,CAEA,iBACA,kBACA,cACA,iBAEA,UTlQM,eSoQJ,gBACA,gBACA,mBACA,gBAGF,cACE,cTxQiB,qCS4QnB,aArBF,YAsBI,mBACA,iBAEA,cACE,aAKN,kBTpR0B,kBSsRxB,mCACA,iBAEA,qBACE,mBACA,uCAEA,YAEE,mBACA,8BACA,mBTjSoB,kBSmSpB,aACA,qBACA,cACA,mCACA,0EAIA,kBAGE,0BAIJ,kBTjTsB,eSmTpB,8BAGF,UACE,eACA,oBAGF,aACE,eACA,gBACA,WTpUE,mBSsUF,gBACA,uBACA,wBAEA,aTvUe,0BS2Uf,aACE,gBACA,eACA,eACA,cT/Ua,yFSqVf,UTxVE,+BS+VJ,aACE,YACA,uDAGF,oBT9VsB,eSoW1B,YACE,yBACA,gCAEA,aACE,WACA,YACA,kBACA,kBACA,kBACA,mBACA,yBACA,4CAEA,SACE,6CAGF,SACE,6CAGF,SACE,iBAKN,UACE,0BAEA,SACE,SACA,wBAGF,eACE,0BAGF,iBACE,yBACA,cTjZiB,gBSmZjB,aACA,sCAEA,eACE,0BAIJ,cACE,sBACA,gCACA,wCAGF,eACE,wBAGF,WACE,kBACA,eACA,gBACA,WT5aI,8BS+aJ,aACE,cT7ae,gBS+af,eACA,0BAIJ,SACE,iCACA,qCAGF,kCACE,YACE,sCAYJ,qIAPF,eAQI,gBACA,gBACA,iBAOJ,gBACE,qCAEA,eAHF,oBAII,uBAGF,sBACE,sCAEA,qBAHF,sBAII,sCAGF,qBAPF,UAQI,sCAGF,qBAXF,WAYI,kCAIJ,iBACE,qCAEA,gCAHF,4BAII,iEAIA,eACE,0DAGF,cACE,iBACA,oEAEA,UACE,YACA,gBACA,yFAGF,gBACE,SACA,mKAIJ,eAGE,gBAON,aT9gBmB,iCS6gBrB,kBAKI,6BAEA,eACE,kBAIJ,cACE,iBACA,wCAMF,oBACE,gBACA,cThiBsB,4JSmiBtB,yBAGE,oBAKN,kBACE,gBACA,eACA,kBACA,yBAEA,aACE,gBACA,aACA,CACA,kBACA,gBACA,uBACA,qBACA,WT/jBI,gCSikBJ,4FAEA,yBAGE,oCAIJ,eACE,0BAGF,iBACE,gCACA,MC/kBJ,+BACE,gBACA,iBAGF,eACE,aACA,cACA,qBAIA,kBACE,gBACA,4BAEA,QACE,0CAIA,kBACE,qDAEA,eACE,gDAIJ,iBACE,kBACA,sDAEA,iBACE,SACA,OACA,6BAKN,iBACE,gBACA,gDAEA,mBACE,eACA,gBACA,WVjDA,cUmDA,WACA,4EAGF,iBAEE,mDAGF,eACE,4CAGF,iBACE,QACA,OACA,qCAGF,aVhEoB,0BUkElB,gIAEA,oBAGE,0CAIJ,iBACE,CACA,iBACA,mBAKN,YACE,cACA,0BAEA,qBACE,cACA,UACA,cACA,oBAIJ,aVlGmB,sBUqGjB,aVlGsB,yBUsGtB,iBACE,kBACA,gBACA,wBAIJ,aACE,eACA,eACA,qBAGF,kBACE,cVvHiB,iCU0HjB,iBACE,eACA,iBACA,gBACA,gBACA,oBAIJ,kBACE,qBAGF,eACE,CAII,0JADF,eACE,sDAMJ,YACE,4DAEA,mBACE,eACA,WV1JA,gBU4JA,gBACA,cACA,wHAGF,aAEE,sDAIJ,cACE,kBACA,mDAKF,mBACE,eACA,WVhLE,cUkLF,kBACA,qBACA,gBACA,sCAGF,cACE,mCAGF,UACE,sCAIJ,cACE,4CAEA,mBACE,eACA,WVtME,cUwMF,gBACA,gBACA,4CAGF,kBACE,yCAGF,cACE,CADF,cACE,kDAIJ,oBACE,WACA,OACA,6BAGF,oBACE,cACA,4BAGF,kBACE,8CAEA,eACE,0BAIJ,YACE,CACA,eACA,oBACA,iCAEA,cACE,kCAGF,qBACE,eACA,cACA,eACA,oCAEA,aACE,2CAGF,eACE,6GAIJ,eAEE,qCAGF,yBA9BF,aA+BI,gBACA,kCAEA,cACE,0JAGF,kBAGE,iDAKN,iBACE,oBACA,eACA,WV1RI,cU4RJ,WACA,2CAKE,mBACE,eACA,WVpSA,qBUsSA,WACA,kBACA,gBACA,kBACA,cACA,0DAGF,iBACE,OACA,QACA,SACA,kDAKN,cACE,aACA,yBACA,kBACA,sJAGF,qBAKE,eACA,WVpUI,cUsUJ,WACA,UACA,oBACA,gBACA,mBACA,sBACA,kBACA,aACA,6RAEA,aACE,CAHF,+OAEA,aACE,CAHF,mQAEA,aACE,CAHF,sNAEA,aACE,8LAGF,eACE,oVAGF,oBACE,iOAGF,oBN1VY,oLM8VZ,iBACE,4WAGF,oBV9VsB,mBUiWpB,6CAKF,aACE,gUAGF,oBAME,8CAGF,aACE,gBACA,cACA,eACA,8BAIJ,UACE,uBAGF,eACE,aACA,oCAEA,YACE,mBACA,qEAIJ,aAGE,WACA,SACA,kBACA,mBV/YsB,WANlB,eUwZJ,oBACA,YACA,aACA,yBACA,qBACA,kBACA,sBACA,eACA,gBACA,UACA,mBACA,kBACA,sGAEA,cACE,uFAGF,wBACE,gLAGF,wBAEE,kHAGF,wBV/aoB,gGUmbpB,kBNpbQ,kHMubN,wBACE,sOAGF,wBAEE,qBAKN,uBACE,CADF,oBACE,CADF,eACE,sBACA,eACA,WVxcI,cU0cJ,WACA,UACA,oBACA,gBACA,wXACA,sBACA,kBACA,kBACA,mBACA,YACA,iBAGF,4BACE,oCAIA,iBACE,mCAGF,iBACE,UACA,QACA,CACA,qBACA,eACA,cVtdY,oBUwdZ,oBACA,eACA,gBACA,mBACA,gBACA,yCAEA,UACE,cACA,kBACA,MACA,QACA,WACA,UACA,oEACA,4BAKN,iBACE,0CAEA,wBACE,CADF,gBACE,qCAGF,iBACE,MACA,OACA,WACA,YACA,aACA,uBACA,mBACA,iCACA,kBACA,iBACA,gBACA,YACA,8CAEA,iBACE,6HAGE,UVthBF,aUgiBR,aACE,CACA,kBACA,eACA,gBAGF,kBACE,cVriBmB,kBUuiBnB,kBACA,mBACA,kBACA,uBAEA,qCACE,iCACA,cN/iBY,sBMmjBd,mCACE,+BACA,cNpjBQ,kBMwjBV,oBACE,cVzjBiB,qBU2jBjB,wBAEA,UVhkBI,0BUkkBF,kBAIJ,kBACE,4BAGF,SACE,sBACA,cACA,WACA,YACA,aACA,gCACA,mBV5kBsB,WALlB,eUolBJ,SACA,8CAEA,QACE,iHAGF,mBAGE,kCAGF,kBACE,uBAIJ,eACE,CAII,oKADF,eACE,0DAKN,eAzEF,eA0EI,eAIJ,eACE,kBACA,gBAEA,aVtnBmB,qBUwnBjB,sBAEA,yBACE,YAKN,eACE,mBACA,eACA,eAEA,oBACE,kBACA,cAGF,aVvoBwB,yBUyoBtB,qBACA,gBACA,2DAEA,aAGE,8BAKN,kBAEE,cV1pBmB,oCU6pBnB,cACE,mBACA,kBACA,4CAGF,aVnqBmB,gBUqqBjB,CAII,mUADF,eACE,0DAKN,6BAtBF,eAuBI,cAIJ,YACE,eACA,uBACA,UAGF,aACE,gBN5rBM,YM8rBN,qBACA,mCACA,qBACA,cAEA,aACE,SACA,iBAIJ,kBACE,cVxsBmB,WU0sBnB,sBAEA,aACE,eACA,eAKF,kBACE,sBAEA,eACE,CAII,+JADF,eACE,4CASR,qBACE,8BACA,WVzuBI,qCU2uBJ,oCACA,kBACA,aACA,mBACA,gDAEA,UVjvBI,0BUmvBF,oLAEA,oBAGE,0DAIJ,eACE,cACA,kBACA,CAII,yYADF,eACE,kEAIJ,eACE,oBAMR,YACE,eACA,mBACA,4DAEA,aAEE,6BAIA,wBACA,cACA,sBAIJ,iBACE,cV7xBmB,0BUgyBnB,iBACE,oBAIJ,eACE,mBACA,uBAEA,cACE,WV7yBI,kBU+yBJ,mBACA,SACA,UACA,4BAGF,aACE,eAIJ,aNtzBc,0SMg0BZ,+BACE,aAIJ,kBACE,sBACA,kBACA,aACA,mBACA,kBACA,kBACA,QACA,mCACA,sBAEA,aACE,8BAGF,sBACE,SACA,aACA,eACA,gCACA,oBAGF,aACE,WACA,oBACA,gBACA,eACA,CACA,oBACA,WACA,iCACA,oBAGF,oBN12Bc,gBM42BZ,2BAEA,kBN92BY,gBMg3BV,oBAKN,kBACE,6BAEA,wBACE,mBACA,eACA,aACA,4BAGF,kBACE,aACA,OACA,sBACA,cACA,cACA,gCAEA,iBACE,YACA,iBACA,kBACA,UACA,8BAGF,qBACE,qCAIJ,kBACE,gCAGF,wBACE,mCACA,kBACA,kBACA,kBACA,kBACA,sCAEA,wBACE,WACA,cACA,YACA,SACA,kBACA,MACA,UACA,yBAIJ,sBACE,aACA,mBACA,SCj7BF,aACE,qBACA,cACA,mCACA,qCAEA,QANF,eAOI,8EAMA,kBACE,YAKN,YACE,kBACA,gBACA,0BACA,gBAEA,aACE,WACA,YACA,SACA,oBACA,CADA,8BACA,CADA,gBACA,0BACA,qCAGF,WAfF,YAgBI,sCAGF,WAnBF,YAoBI,aAIJ,iBACE,aACA,aACA,2BACA,mBACA,mBACA,0BACA,qCAEA,WATF,eAUI,qBAGF,aACE,CAEA,UACqB,sCRpDzB,gBQqDI,wBAEA,UACE,YACA,cACA,SACA,kBACA,iBPLgB,wBD9DtB,4BACA,mBQoEM,oBACA,CADA,8BACA,CADA,gBACA,0BAIJ,gBACE,gBACA,iCAEA,cACE,WXhFA,gBWkFA,gBACA,uBACA,+BAGF,aACE,eACA,cXtFa,gBWwFb,gBACA,uBACA,aAMR,cACE,kBACA,gBACA,6GAEA,cAME,WX9GI,gBWgHJ,qBACA,iBACA,qBACA,sBAGF,ePrHM,oBOuHJ,WXxHI,eW0HJ,cACA,kBAGF,cACE,uCAGF,wBAEE,cXjIiB,oBWqInB,UACE,eACA,wBAEA,oBACE,iBACA,oBAIJ,WACE,gBACA,wBAEA,oBACE,gBACA,uBAIJ,cACE,WACA,qCAGF,YA9DF,iBA+DI,mBAEA,YACE,uCAGF,oBAEE,gBAKN,kBX1K0B,mCW4KxB,cXxJiB,eW0JjB,gBACA,kBACA,aACA,uBACA,mBACA,eACA,kBACA,aACA,gBACA,2BAEA,yBACE,yBAGF,qBACE,gBACA,yCAIJ,oBAEE,gBACA,eACA,kBACA,eACA,iBACA,gBACA,cX7MmB,mCW+MnB,mCACA,6DAEA,aPnNc,sCOqNZ,kCACA,qDAGF,aACE,oCACA,gCACA,0BAIJ,eACE,UACA,wBACA,gBACA,CADA,YACA,CACA,iCACA,CADA,uBACA,CADA,kBACA,eACA,iBACA,6BAEA,YACE,gCACA,yDAGF,qBAEE,aACA,kBACA,gBACA,gBACA,mBACA,uBACA,6BAGF,eACE,YACA,cACA,cX5PiB,gCW8PjB,6BAGF,aACE,cXlQiB,4BWsQnB,aXnQwB,qBWqQtB,qGAEA,yBAGE,oCAIJ,qCACE,iCACA,sCAEA,aPtRY,gBOwRV,0CAGF,aP3RY,wCOgSd,eACE,wCAIJ,UACE,0BAIA,aXzSmB,4BW4SjB,aX5SiB,qBW8Sf,qGAEA,yBAGE,iCAIJ,UX1TI,gBW4TF,wBAIJ,eACE,kBClUJ,kCACE,kBACA,gBACA,mBACA,qCAEA,iBANF,eAOI,gBACA,gBACA,6BAGF,eACE,SACA,gBACA,gFAEA,yBAEE,sCAIJ,UACE,yBAGF,kBZrBwB,6GYwBtB,sBAGE,CAHF,cAGE,8IAIA,eAGE,0BACA,iJAKF,yBAGE,kLAIA,iBAGE,qCAKN,4GACE,yBAGE,uCAKN,kBACE,qBAIJ,WACE,eACA,mBZtEwB,WANlB,oBY+EN,iBACA,YACA,iBACA,SACA,yBAEA,UACE,YACA,sBACA,iBACA,UZzFI,gFY6FN,kBAGE,qNAKA,kBZjGoB,4IYyGpB,kBR1GQ,qCQiHV,wBACE,YACE,0DAOJ,YACE,uCAGF,2BACE,gBACA,uDAEA,SACE,SACA,yDAGF,eACE,yDAKA,cACA,iBACA,mBACA,mFAGF,iBACE,eACA,WACA,WACA,WACA,qMAGF,eAGE,mEASF,cACE,gBACA,qFAGF,aZ/Jc,YYiKZ,eACA,WACA,eACA,gBACA,+GAGF,aACE,eACA,CACA,sBACA,eACA,yJAEA,cACE,uEAIJ,WACE,kBACA,WACA,eACA,iDAQF,iBACE,mBACA,yHAEA,iBACE,gBACA,+FAGF,UACE,oCAMR,aACE,eACA,iBACA,cACA,SACA,uBACA,CACA,eACA,qBACA,oFAEA,yBAEE,WC9OJ,gCACE,4CACA,kBAGF,mBACE,sBACA,oBACA,gBACA,kBACA,cAGF,aACE,eACA,iBACA,cbTwB,SaWxB,uBACA,UACA,eACA,wCAEA,yBAEE,uBAGF,abvBsB,eayBpB,SAIJ,wBACE,YACA,kBACA,sBACA,WbrCM,eauCN,qBACA,oBACA,eACA,gBACA,YACA,iBACA,iBACA,gBACA,eACA,kBACA,kBACA,yBACA,qBACA,uBACA,2BACA,qCACA,mBACA,WACA,4CAEA,wBAGE,4BACA,qCACA,sBAGF,eACE,mFAEA,wBTnEQ,gBSuEN,kBAIJ,wBb1EsB,ea4EpB,yGAGF,cAIE,iBACA,YACA,oBACA,iBACA,4BAGF,Ub9FM,mBAIgB,qGa8FpB,wBAGE,8BAIJ,kBbhGsB,2GamGpB,wBAGE,0BAIJ,cACE,iBACA,YACA,cbnHiB,oBaqHjB,uBACA,iBACA,kBACA,yBACA,+FAEA,oBAGE,cACA,mCAGF,UACE,uBAIJ,aACE,WACA,cAIJ,oBACE,UACA,cbjIoB,SamIpB,kBACA,uBACA,eACA,2BACA,2CACA,2DAEA,aAGE,sCACA,4BACA,2CACA,oBAGF,oCACE,uBAGF,aACE,6BACA,eACA,qBAGF,abxKwB,gCa4KxB,QACE,uEAGF,mBAGE,uBAGF,abzLmB,sFa4LjB,aAGE,oCACA,6BAGF,kCACE,gCAGF,aACE,6BACA,8BAGF,abzMsB,uCa4MpB,aACE,wBAKN,sBACE,8BACA,qBACA,kBACA,YACA,8BAEA,6BACE,mBAKN,ablOqB,SaoOnB,kBACA,uBACA,eACA,gBACA,eACA,cACA,iBACA,UACA,2BACA,2CACA,0EAEA,aAGE,oCACA,4BACA,2CACA,yBAGF,kCACE,4BAGF,UACE,6BACA,eACA,0BAGF,abhQwB,qCaoQxB,QACE,sFAGF,mBAGE,gBAIJ,iBACE,uBACA,YAGF,WACE,cACA,qBACA,QACA,SACA,kBACA,+BAEA,kBAEE,mBACA,oBACA,kBACA,mBACA,iBAKF,WACE,uCAIJ,MACE,kBACA,CT/SU,sESsTZ,aTtTY,uBS0TZ,aT3Tc,4DSiUV,4CACE,CADF,oCACE,8DAKF,6CACE,CADF,qCACE,6BAKN,aACE,gBACA,qBACA,mCAEA,UbtVM,0BawVJ,eAIJ,aACE,eACA,gBACA,uBACA,mBACA,iBAEA,aACE,wBACA,sBAIA,cACA,gBAKA,yCAPF,WACE,CAEA,gBACA,uBACA,gBACA,mBAWA,CAVA,mBAGF,aACE,CACA,cAKA,8BAIA,yBACE,sBAIJ,SACE,YACA,eACA,iBACA,uBACA,mBACA,gBACA,CAME,sDAGF,cACE,YACA,kBACA,oBACA,qBAKN,eACE,wBAGF,cACE,eAGF,iBACE,WACA,YACA,aACA,mBACA,uBACA,sBACA,6CAEA,cTxX4B,eAEC,0DSyX3B,sBACA,CADA,gCACA,CADA,kBACA,4BAGF,iBACE,qEAGF,YACE,iBAIJ,iBACE,WACA,YACA,aACA,mBACA,uBACA,qBAEA,cThZ4B,eAEC,WSiZ3B,YACA,sBACA,CADA,gCACA,CADA,kBACA,WAIJ,oBACE,oBAGF,YACE,kBACA,2BAGF,+BACE,mBACA,SACA,gBAGF,kBbzdqB,ca2dnB,kBACA,uCACA,mBAEA,eACE,uBAIJ,iBACE,QACA,SACA,2BACA,4BAEA,UACE,gBACA,2BACA,0Bb7eiB,2BaifnB,WACE,iBACA,uBACA,yBbpfiB,8BawfnB,QACE,iBACA,uBACA,4Bb3fiB,6Ba+fnB,SACE,gBACA,2BACA,2BblgBiB,wBawgBnB,cACE,iBACA,cACA,iBACA,sBACA,qBACA,mBb9gBiB,WAHb,gBaohBJ,uBACA,mBACA,yFAEA,kBblhBsB,cAHL,Ua0hBf,sCAKN,aACE,iBACA,gBACA,QACA,gBACA,aACA,yCAEA,eACE,mBbxiBiB,ca0iBjB,kBACA,mCACA,gBACA,kBACA,sDAGF,OACE,wDAIA,UACE,8CAIJ,cACE,iBACA,cACA,iBACA,sBACA,qBACA,mBbjkBiB,WAHb,gBaukBJ,uBACA,mBACA,oDAEA,SACE,oDAGF,kBbzkBsB,cAHL,iBamlBrB,qBACE,iBAIA,sBACA,cb5kBgB,oBa+kBhB,cACE,gBACA,mBACA,kBACA,mBAGF,cACE,mBACA,iBAIJ,aAEE,gBACA,qCAGF,cACE,SACE,iBAGF,aAEE,CAEA,gBACA,yCAEA,iBACE,uCAGF,kBACE,qDAKF,gBAEE,kBACA,YAKN,qBACE,aACA,mBACA,cACA,gBACA,iBAGF,aACE,cACA,CACA,sBACA,Wb5pBM,qBa8pBN,kBACA,eACA,gBACA,gCACA,2BACA,mDACA,qBAEA,eACE,eACA,qCVxoBA,6GADF,kBUgpBI,4BACA,kHV5oBJ,kBU2oBI,4BACA,wBAIJ,+BACE,cb/qBsB,sBamrBxB,eACE,aACA,2BAGF,aACE,eACA,kBAIJ,iBACE,yBAEA,iBACE,SACA,UACA,mBbpsBsB,yBassBtB,gBACA,kBACA,eACA,gBACA,iBACA,WbjtBI,mDastBR,oBACE,aAGF,iBACE,kBACA,cACA,iCACA,mCAEA,eACE,yBAGF,YAVF,cAWI,oBAGF,YACE,sBACA,qBAGF,aACE,kBACA,iBACA,yBAKF,uBADF,YAEI,gBAIJ,oBACE,kBACA,eACA,6BACA,SACA,UACA,yBACA,CADA,qBACA,CADA,oBACA,CADA,gBACA,gDACA,wCACA,iCAGF,QACE,mBACA,WACA,YACA,gBACA,UACA,kBACA,UACA,yBAGF,kBACE,WACA,wBACA,qBAGF,UACE,YACA,UACA,mBACA,yBbtxBwB,qCawxBxB,sEAGF,wBACE,4CAGF,wBb9xB0B,+EakyB1B,wBACE,2BAGF,iBACE,WACA,YACA,MACA,SACA,gBACA,mBACA,cACA,SACA,UACA,6BACA,CAKA,uEAFF,SACE,6BAeA,CAdA,sBAGF,iBACE,WACA,YACA,MACA,SACA,gBACA,mBACA,cACA,WAGA,8CAGF,SACE,qBAGF,iBACE,QACA,SACA,WACA,YACA,yBACA,kBACA,sBACA,sBACA,yBACA,sCACA,4CAGF,SACE,qBb11BwB,yDa81B1B,kBb/1B0B,2Baq2B1B,iBACE,gBACA,cAGF,aACE,kBAGF,kBb92B0B,cag3BxB,oBAEA,abp3BmB,oBaw3BnB,ab32BgB,yBa+2BhB,0BACE,CADF,uBACE,CADF,kBACE,kDAKA,sBACA,cACA,wDAEA,kBACE,8DAGF,cACE,sDAGF,abj4Bc,eam4BZ,0DAEA,abr4BY,0Bau4BV,sDAIJ,oBACE,cbz5Be,sMa45Bf,yBAGE,0BAKN,aACE,UACA,mCACA,CADA,0BACA,gBACA,6BAEA,cACE,yBACA,cb56Be,aa86Bf,gBACA,gCACA,sCAGF,oDACE,YACE,uCAIJ,oDACE,YACE,uCAIJ,yBA3BF,YA4BI,yCAGF,eACE,aACA,iDAEA,abv8Be,qBa88BrB,oBACE,kBACA,eACA,iBACA,gBACA,mBbj9BwB,gBam9BxB,iBACA,qBAGF,eACE,gBACA,2BAEA,iBACE,aACA,wBAGF,kBACE,yBAGF,oBACE,gBACA,yBACA,yBACA,eAIJ,ab9+BqB,uBag/BnB,CACA,WACA,CADA,+BACA,sBACA,cACA,oBACA,mBACA,cACA,WACA,0CAEA,Ub7/BM,4BAMkB,qCGkBtB,yDADF,cU6+BE,sBAGF,UbvgCM,gCaygCJ,sDAEA,Ub3gCI,4BAMkB,mDa6gC1B,uBACE,YACA,6CACA,uBACA,sBACA,WACA,0DAEA,sBACE,0DAIJ,uBACE,2BACA,gDAGF,abphCsB,6BashCpB,uDAGF,abpiC0B,yDawiC1B,aACE,YAGF,aACE,cbniCgB,6BaqiChB,SACA,kBACA,kBACA,oBACA,SACA,aACA,sBACA,WACA,WACA,qBACA,kBAEA,kBACE,WAIJ,+BACE,oBAGF,gBACE,qEAGF,4BACE,gCAGF,eACE,kBACA,MACA,QACA,YACA,kBACA,YAEA,mBACA,yBACA,eACA,aAEA,wCAEA,UT/hCsB,mBSiiCpB,aACA,sBACA,mBACA,uBACA,mBACA,8BACA,wBACA,gCACA,uCAGF,wBACE,kBACA,WACA,YACA,eACA,cbhnCiB,yBaknCjB,aACA,uBACA,mBACA,sCAGF,mBACE,6CAEA,8BACE,WAKN,oBACE,UACA,oBACA,kBACA,cACA,SACA,uBACA,eACA,oBAGF,ab/nCkB,eaioChB,gBACA,yBACA,iBACA,kBACA,QACA,SACA,+BACA,yBAEA,aACE,WACA,CACA,0BACA,oBACA,mBACA,4BAIJ,iBACE,QACA,SACA,+BACA,WACA,YACA,sBACA,6BACA,CACA,wBACA,kBACA,2CAGF,2EACE,CADF,mEACE,8CAGF,4EACE,CADF,oEACE,qCAGF,GACE,sBACE,KAGF,2BACE,KAGF,2BACE,KAGF,yBACE,IAGF,wBACE,EArBF,4BAGF,GACE,sBACE,KAGF,2BACE,KAGF,2BACE,KAGF,yBACE,IAGF,wBACE,uCAIJ,GACE,wBACE,KAGF,0BACE,KAGF,2BACE,KAGF,uBACE,IAGF,sBACE,EAtBA,6BAIJ,GACE,wBACE,KAGF,0BACE,KAGF,2BACE,KAGF,uBACE,IAGF,sBACE,mCAIJ,GACE,OACE,SACA,yBACA,KAGF,wBACE,KAGF,UACE,YACA,6BACA,kBACA,UACA,IAGF,UACE,YACA,eACA,UACA,6BACA,EA5BA,yBAIJ,GACE,OACE,SACA,yBACA,KAGF,wBACE,KAGF,UACE,YACA,6BACA,kBACA,UACA,IAGF,UACE,YACA,eACA,UACA,6BACA,kCAIJ,GACE,gBACA,aACA,aAPE,wBAIJ,GACE,gBACA,aACA,6BAGF,KACE,OACA,WACA,YACA,kBACA,YACA,2BAEA,YACE,SACA,QACA,WACA,YACA,mBACA,6BAGF,mBACE,yBAGF,YACE,0BAGF,aACE,uBACA,WACA,YACA,SACA,iCAEA,oBACE,8BACA,kBACA,iBACA,Wb5yCE,gBa8yCF,eACA,+LAMA,6BACE,mEAKF,6BACE,iBAMR,aACE,iBACA,mEAGF,abp0CqB,qBaw0CnB,mBACA,gBACA,sBACA,gBAGF,aACE,iBACA,uBAGF,eACE,8BAGF,abv1CqB,eay1CnB,cACA,gBACA,gBACA,uBAGF,qBACE,sBAGF,WACE,8BAGF,GACE,kBACE,+BACA,2CACA,CADA,kCACA,KAGF,oBACE,0CACA,CADA,iCACA,KAGF,oBACE,2CACA,CADA,kCACA,KAGF,oBACE,0CACA,CADA,iCACA,KAGF,kBACE,2CACA,CADA,kCACA,EA3BF,qBAGF,GACE,kBACE,+BACA,2CACA,CADA,kCACA,KAGF,oBACE,0CACA,CADA,iCACA,KAGF,oBACE,2CACA,CADA,kCACA,KAGF,oBACE,0CACA,CADA,iCACA,KAGF,kBACE,2CACA,CADA,kCACA,iBAIJ,0DACE,CADF,kDACE,cAGF,kBACE,8BACA,aACA,YACA,uBACA,OACA,UACA,kBACA,MACA,kBACA,WACA,aACA,gBAEA,mBACE,oBAIJ,WACE,aACA,aACA,sBACA,kBACA,YACA,0BAGF,iBACE,MACA,QACA,SACA,OACA,WACA,kBACA,mBbx6CwB,kCa06CxB,uBAGF,MACE,aACA,mBACA,uBACA,cbn7CmB,eaq7CnB,gBACA,0BACA,kBACA,qCAGF,SACE,oBACA,CADA,WACA,cAGF,wBb77C0B,Wa+7CxB,kBACA,MACA,OACA,aACA,qBAGF,iBACE,aAGF,iBACE,cACA,aACA,WACA,yBb98CwB,kBag9CxB,cACA,UACA,WACA,eAGF,YACE,gCACA,CACA,iBACA,qBAEA,kBACE,UACA,uBAGF,aACE,CACA,sBACA,kBACA,eACA,uBAGF,oBACE,mBb1+CsB,kBa4+CtB,cACA,eACA,wBACA,wBAGF,aACE,CACA,0BACA,gBACA,8BAEA,eACE,aACA,2BACA,8BACA,uCAGF,cACE,cbngDe,kBaqgDf,+BAGF,abxgDiB,ea0gDf,mBACA,gBACA,uBACA,kBACA,gBACA,YACA,iCAEA,UbrhDE,qBauhDA,oHAEA,yBAGE,yCAKN,QACE,uBAIJ,kBACE,6BAEA,kBACE,oDAGF,eACE,6DAGF,UbjjDI,oBa0jDN,kBACA,cACA,2BAGF,eACE,UAGF,iBACE,cAEA,WACE,WACA,sCACA,CADA,6BACA,cAGF,cACE,iBACA,cb3kDiB,gBa6kDjB,gBAEA,ab5kDsB,0Ba8kDpB,sBAEA,oBACE,gBAIJ,qBACE,4BAKN,GACE,cACA,eACA,WARI,mBAKN,GACE,cACA,eACA,2CCrmDF,u+KACE,uCAEA,u+KACE,CAOA,8MAMF,okBACE,UClBJ,YACE,gCACA,cACA,qBACA,iCAEA,aACE,cACA,cfJiB,gBeMjB,qBACA,eACA,gBAGF,WACE,UACA,yCAEA,8CAEA,WACE,iBACA,mBAKN,YACE,0BAGF,UACE,iBACA,kBACA,kBAGF,gBX0BwB,wBD9DtB,4BACA,kBYqCA,eACA,yBAEA,oBACE,sBACA,iBACA,4BZ3CF,eYiDE,2DAHF,gBXesB,wBD9DtB,4BACA,CYgDE,iBAOE,CANF,+BZjDF,UYqDI,CACA,qBACA,mCAGF,aACE,kBACA,QACA,SACA,+BACA,WfjEE,6BemEF,gBACA,eACA,0BAKN,iBACE,WACqB,sCZpErB,+BANA,UY8EuB,sCZxEvB,gEYsEA,gBXfsB,wBD9DtB,4BYyFE,CZlFF,iCANA,UYmFuB,sCZ7EvB,kBY+EE,SACA,QACA,UACA,wBAIJ,WACE,aACA,mBACA,2BAGF,aACE,mBACA,sBAGF,YACE,cf1FgB,6Be6FhB,eACE,CAII,kMADF,eACE,wBAKN,eACE,cACA,0BACA,yFAEA,oBAGE,sBAKN,4BACE,gCACA,iBACA,gBACA,cACA,aACA,4BAGF,YACE,cACA,iBACA,kBACA,2BAGF,oBACE,gBACA,cACA,8BACA,eACA,oCACA,uCAEA,aACE,kCAGF,+BACE,gCAGF,aACE,yBACA,eACA,cfpKiB,kCewKnB,aACE,eACA,gBACA,Wf9KI,CemLA,2NADF,eACE,gCAKN,aflLwB,oBeuL1B,iBACE,mDAEA,aACE,mBACA,gBACA,4BAIJ,UACE,kBACA,wBAGF,gBACE,qBACA,eACA,cf5MmB,ee8MnB,kBACA,4BAEA,af9MwB,6BekNxB,aACE,gBACA,uBACA,iBAIJ,kBACE,6BACA,gCACA,aACA,mBACA,eACA,kDAGF,aAEE,kBACA,yBAGF,kBACE,aACA,2BAGF,afhPqB,eekPnB,cACA,gBACA,mBACA,kDAIA,kBACE,oDAIA,SZ5MF,sBACA,WACA,YACA,gBACA,oBACA,mBHrDwB,cAFL,eG0DnB,SACA,+EYsMI,aACE,CZvMN,qEYsMI,aACE,CZvMN,yEYsMI,aACE,CZvMN,gEYsMI,aACE,sEAGF,QACE,yLAGF,mBAGE,0DAGF,kBACE,qCAGF,mDArBF,cAsBI,yDAIJ,af3Qc,iBe6QZ,eACA,4DAGF,gBACE,wDAGF,kBACE,gEAEA,cACE,iNAEA,kBAGE,cACA,gHAKN,afjTiB,0HesTjB,cAEE,gBACA,cf5SY,kZe+SZ,aAGE,gEAIJ,wBACE,iDAGF,eXzUI,kBDkEN,CAEA,eACA,cH7CiB,uCG+CjB,UYoQI,mBfzUe,oDGuEnB,wBACE,cHlDe,eGoDf,gBACA,mBACA,oDAGF,aACE,oDAGF,kBACE,oDAGF,eACE,WH3FI,sDegVJ,WACE,mDAGF,UfpVI,kBesVF,eACA,8HAEA,kBAEE,iCAON,kBACE,mBAIJ,UfvWQ,kBeyWN,cACA,mBACA,sBf1WM,yBe4WN,eACA,gBACA,YACA,kBACA,WACA,yBAEA,SACE,6BAIJ,YACE,eACA,gBACA,wBAGF,WACE,sBACA,cACA,kBACA,kBACA,gBACA,WACA,+BAEA,iBACE,QACA,SACA,+BACA,eACA,sDAIJ,kBAEE,gCACA,eACA,aACA,cACA,oEAEA,kBACE,SACA,SACA,6HAGF,aAEE,cACA,cf/ZiB,eeiajB,eACA,gBACA,kBACA,qBACA,kBACA,yJAEA,afxaiB,qWe2af,aAEE,WACA,kBACA,SACA,SACA,QACA,SACA,2BACA,CAEA,4CACA,CADA,kBACA,CADA,wBACA,iLAGF,WACE,6CACA,8GAKN,kBACE,gCACA,qSAKI,YACE,iSAGF,4CACE,sBAQR,sBACA,mBACA,6BACA,gCACA,+BAEA,iBACE,iBACA,cfhdc,Cemdd,eACA,eACA,oCAEA,aACE,gBACA,uBACA,oCAIJ,UACE,kBACA,uDAGF,iBACE,qDAGF,eACE,2BAIJ,afzfqB,ee2fnB,gBACA,gBACA,kBACA,qBACA,6BAEA,kBACE,wCAEA,eACE,6BAIJ,aACE,0BACA,mCAEA,oBACE,kBAKN,eACE,2BAEA,UACE,8FAEA,8BAEE,CAFF,sBAEE,wBAIJ,iBACE,SACA,UACA,yBAGF,eACE,aACA,kBACA,mBACA,6BAEA,mBACE,CADF,8BACE,CADF,gBACE,cACA,WACA,YACA,SACA,uBAIJ,iBACE,mBACA,YACA,gCACA,+BAEA,aACE,cACA,WACA,iBACA,gDAEA,kBACE,yBACA,wBAKN,YACE,uBACA,gBACA,iBACA,iCAEA,YACE,mBACA,iBACA,gBACA,8CAEA,wBACE,kBACA,uBACA,YACA,yCAGF,YACE,8BAIJ,WACE,4CAEA,kBACE,wCAGF,UACE,YACA,iCAGF,cACE,iBACA,WfhnBA,gBeknBA,gBACA,mBACA,uBACA,uCAEA,aACE,eACA,cftnBW,gBewnBX,gBACA,uBACA,gCAKN,aACE,uBAIJ,eACE,cACA,iDAGE,qBACA,Wf7oBE,gDeipBJ,QACE,6BACA,kDAEA,aACE,yEAGF,uBACE,4DAGF,aX3pBU,yBWiqBd,cACE,gCAEA,cACE,cfpqBe,eesqBf,kCAEA,oBACE,cfzqBa,qBe2qBb,iBACA,gBACA,yCAEA,eACE,WfnrBF,SgBDR,YACE,gCACA,8BAEA,aACE,cACA,WhBLI,qBgBOJ,eACA,gBACA,kBAIJ,YACE,iBAGF,WACE,aACA,mBACA,mCCrBF,GACE,sBACE,KAGF,2BACE,KAGF,4BACE,KAGF,2BACE,IAGF,yBACE,EDGF,0BCrBF,GACE,sBACE,KAGF,2BACE,KAGF,4BACE,KAGF,2BACE,IAGF,yBACE,qCAIJ,GACE,yBACE,KAGF,yBACE,KAGF,4BACE,KAGF,wBACE,IAGF,sBACE,EAtBA,2BAIJ,GACE,yBACE,KAGF,yBACE,KAGF,4BACE,KAGF,wBACE,IAGF,sBACE,gCAIJ,cACE,kBAGF,iBACE,cACA,eACA,iBACA,qBACA,gBACA,iBACA,gBACA,wBAEA,SACE,4BAGF,UACE,YACA,gBACA,sBAGF,cACE,iBACA,sBACA,CADA,gCACA,CADA,kBACA,qEAGF,kBACE,qBACA,sGAEA,eACE,qEAIJ,eAEE,qJAEA,kBAEE,mXAGF,eACE,mBACA,qJAGF,eACE,gBACA,2EAGF,eACE,+NAGF,eACE,2FAGF,iBACE,8BACA,cjB5Ge,mBiB8Gf,qHAEA,eACE,2JAIJ,eACE,mJAGF,iBACE,6EAGF,iBACE,eACA,6EAGF,iBACE,qBACA,qJAGF,eACE,6JAEA,QACE,2EAIJ,oBACE,2EAGF,uBACE,oBAIJ,ab9Ic,qBagJZ,0BAEA,yBACE,8BAEA,aACE,kCAKF,oBACE,uCAEA,yBACE,wBAKN,ajBjKc,4CiBsKhB,YACE,8EAEA,aACE,mCAIJ,aACE,oDAEA,ab5LQ,ea8LN,CAKF,sDAEA,kBAEE,gCAKN,oBACE,kBACA,mBACA,YACA,WjBrNM,gBiBuNN,eACA,cACA,yBACA,oBACA,eACA,sBACA,sCAEA,kBACE,qBACA,+DAGF,oBACE,iBACA,sBACA,kBACA,eACA,oBACA,2GAKF,oBAGE,4BAIJ,ajBtOkB,SiBwOhB,kBACA,kBACA,oBACA,SACA,aACA,sBACA,WACA,WACA,gCACA,+BAGF,UACE,kBACA,mDAGF,iBAEE,gCAGA,qEAEA,eACE,kBAKF,SACE,mBACA,kDAEA,kBACE,wDAEA,sBACE,iFAIJ,kBAEE,SAKN,iBACE,kBACA,YACA,gCACA,eACA,UAaA,mCACA,CADA,0BACA,wDAZA,QAPF,kBAUI,0BAGF,GACE,aACA,WALA,gBAGF,GACE,aACA,uDAMF,cAEE,kCAGF,kBACE,4BACA,sCAIA,ajBtUiB,qCiB0UjB,UjB7UI,6BiBiVJ,ajBxTe,CAzBX,kEiByVJ,UjBzVI,kCiB4VF,ajBtVoB,gEiB0VpB,UjBhWE,mBAIgB,sEiBgWhB,kBACE,mBAMR,uBACE,sBACA,yBACA,CADA,qBACA,CADA,oBACA,CADA,gBACA,yCAEA,aACE,kBACA,OACA,QACA,MACA,SACA,6FACA,oBACA,WACA,2DAGF,oBACE,oCAGF,WACE,gBACA,uBACA,cACA,0CAEA,UACE,kBACA,MACA,gBACA,gEACA,oBACA,4CAGF,oBACE,gDAGJ,uDACE,mEAEF,uDACE,0CAGF,eACE,6DAGF,kBACE,gCAIJ,mBACE,+CAKF,sBACE,qEAEA,aACE,wBAKN,oBACE,YACA,CjBpagB,ciBsahB,iBACA,mBACA,CACA,sBACA,8CANA,ajBpagB,CiBwahB,eAOA,8CAGF,aACE,eACA,eAGF,YACE,8BACA,eACA,oBAEA,sBACE,gBACA,2CAGF,oBACE,sBAIJ,YACE,mBACA,WACA,cjBxcoB,iIiB2cpB,gBAGE,kBACA,0EAGF,yBACE,yEAMA,0CACE,CADF,kCACE,2EAKF,2CACE,CADF,mCACE,wBAKN,YACE,mBACA,2BACA,mBAGF,+BACE,aACA,6CAEA,uBACE,OACA,gBACA,4DAEA,eACE,8DAGF,SACE,mBACA,qHAGF,cAEE,gBACA,4EAGF,cACE,0BAKN,kBACE,aACA,cACA,uBACA,aACA,kBAGF,gBACE,mBACA,iBACA,cjBrhBgB,CiBuhBhB,iBACA,eACA,kBACA,+CAEA,ajB5hBgB,uBiBgiBhB,aACE,gBACA,uBACA,qBAIJ,kBACE,aACA,eACA,8BAEA,mBACE,kBACA,mBACA,yDAEA,gBACE,qCAGF,oBACE,WACA,eACA,gBACA,cjBxjBgB,4BiB8jBtB,iBACE,8BAGF,cACE,cACA,uCAGF,aACE,aACA,mBACA,uBACA,kBACA,kBAGF,kBACE,kBACA,wBAEA,YACE,eACA,8BACA,uBACA,uFAEA,SAEE,mCAIJ,cACE,iBACA,6CAEA,UACE,YACA,gBACA,+DAIJ,cAEE,wBAIJ,eACE,cjBlnBgB,eiBonBhB,iBACA,8BAGF,kBACE,6BACA,gCACA,aACA,mBACA,eACA,wBAGF,aACE,qBACA,uDAGF,oBAEE,gBACA,eACA,gBACA,6JAGF,oBAME,4DAKA,UjBzqBM,kBiB+qBN,UACE,iKAQF,yBACE,+BAIJ,aACE,gBACA,uBACA,0DAGF,aAEE,sCAGF,kBACE,gCAGF,ajBzsBqB,ciB2sBnB,iBACA,mBACA,gBACA,2EAEA,aAEE,uBACA,gBACA,uCAGF,cACE,WjB3tBI,kCiBguBR,UACE,kBACA,iBAGF,SACE,kBACA,YACA,WACA,CjBztBgB,8IiBouBhB,ajBpuBgB,wBiBwuBhB,UACE,wCAGF,kBjBnvBsB,WAThB,8CiBgwBJ,kBACE,qBACA,+DAOJ,yBACE,cAIJ,YACE,eACA,yBACA,kBACA,cjBlwBgB,gBiBowBhB,qBACA,gBACA,uBAEA,QACE,OACA,kBACA,QACA,MAIA,iDAHA,YACA,uBACA,mBAUE,CATF,0BAEA,yBACE,kBACA,iBACA,cAIA,sDAGF,cAEE,cjB3yBe,uBiB6yBf,SACA,cACA,qBACA,eACA,iBACA,sMAEA,UjBvzBE,yBiB8zBJ,cACE,kBACA,YACA,+DAGF,aACE,eAKN,cACE,qBAEA,kBACE,oBAIJ,cACE,cACA,qBACA,WACE,YACA,SACA,2BAIF,UACE,YACA,qBAIJ,aACE,gBACA,kBACA,cjBl2BmB,gBiBo2BnB,uBACA,mBACA,qBACA,uBAGF,aACE,gBACA,2BACA,2BAGF,ajBh3BqB,oBiBo3BrB,aACE,eACA,eACA,gBACA,uBACA,mBACA,qBAGF,cACE,mBACA,kBACA,yBAEA,cACE,kBACA,yBACA,QACA,SACA,+BACA,yBAIJ,aACE,6CAEA,UACE,mDAGF,yBACE,6CAGF,mBACE,sBAIJ,oBACE,kCAEA,QACE,4CAIA,oBACA,0CAGF,kBACE,0CAGF,aACE,6BAIJ,wBACE,2BAGF,yBACE,cACA,SACA,WACA,YACA,oBACA,CADA,8BACA,CADA,gBACA,sBACA,wBACA,kBAGF,YACE,eACA,yBACA,kBACA,gBACA,gBACA,wBAEA,aACE,cjB57Bc,iBiB87Bd,eACA,+BACA,aACA,sBACA,mBACA,uBACA,eACA,4BAEA,aACE,wBAIJ,eACE,CACA,qBACA,aACA,sBACA,uBACA,2BAEA,aACE,cACA,0BAGF,oBACE,cjB19BY,gBiB49BZ,gCAEA,yBACE,0BAKN,QACE,eACA,iDAEA,SACE,cACA,8BAGF,ajB7+Bc,oCiBm/BlB,cACE,cACA,SACA,uBACA,UACA,kBACA,oBACA,oFAEA,yBAEE,6BC/gCJ,kBACE,aAGF,iBACE,8BACA,oBACA,aACA,sBAGF,cACE,MACA,OACA,QACA,SACA,8BACA,wBAGF,cACE,MACA,OACA,WACA,YACA,aACA,sBACA,mBACA,uBACA,2BACA,aACA,oBACA,yBACA,CADA,qBACA,CADA,oBACA,CADA,gBACA,oBAGF,mBACE,aACA,aACA,6CAGF,kBlBtCqB,WAHb,kBkB8CN,gBACA,aACA,sBACA,0BAGF,WACE,WACA,gBACA,iBACA,8DAEA,UACE,YACA,sBACA,aACA,sBACA,mBACA,uBACA,aACA,yBACA,CADA,qBACA,CADA,oBACA,CADA,gBACA,oBAIJ,WACE,WACA,gBACA,iBACA,kBACA,wBAEA,iBACE,MACA,OACA,WACA,YACA,sBACA,aACA,aACA,CAGA,YACA,UACA,yBACA,CADA,qBACA,CADA,oBACA,CADA,gBACA,2CANA,qBACA,mBACA,uBAaF,CATE,mBAIJ,YACE,CAGA,iBACA,qCAGF,kBACE,UACE,YACA,gBACA,0BAGF,UACE,YACA,eACA,gBACA,cACA,oDAIJ,aAEE,mBACA,aACA,aACA,2DAEA,cACE,uLAGF,alBhImB,SkBmIjB,eACA,gBACA,kBACA,oBACA,YACA,aACA,kBACA,6BACA,+mBAEA,aAGE,yBACA,ClBpJE,wyEkB2JF,UAGE,sBAMR,sBACE,yBAGF,aACE,aACA,mBACA,uBACA,wBAGF,UACE,YACA,mBACA,mBACA,aACA,eACA,8BAEA,kBACE,+BAGF,cACE,mBACA,kCAIJ,mBACE,CACA,mBACA,0EAEA,mBACE,yBAIJ,cACE,iBACA,4BAEA,cACE,gBACA,WlBjNI,mBkBmNJ,2BAGF,alBhNwB,kGkBmNtB,aAGE,2CAIJ,aACE,2BAGF,cACE,clBlOiB,gBkBoOjB,mBACA,sCAEA,eACE,kCAGF,eACE,mBlB1OoB,cAFL,kBkB+Of,eACA,gBACA,CAII,2NADF,eACE,oCAOV,WACE,UACA,mCAME,mBACA,mBACA,sCAEA,cACE,iBACA,kBACA,qCAGF,eACE,oCAIJ,kBACE,mBACA,kBACA,eAIJ,iBACE,eACA,mBACA,sBAEA,eACE,WlBnSI,kBkBqSJ,yBACA,eACA,qBAGF,kBlBrSwB,cAFL,gBkB0SjB,aACA,kBACA,6HAQF,eACE,qJAGF,kBACE,clBzTiB,mBkB2TjB,kBACA,aACA,kBACA,eACA,sCACA,yPAEA,iBACE,mBACA,qNAGF,mBACE,gBACA,4CAMJ,YACE,mBACA,gDAEA,UACE,cACA,4DAEA,aACE,2DAGF,cACE,kDAGF,iBACE,uDAIJ,eACE,sDAIJ,UlB5WM,2DkBiXR,0BACE,cACE,iBACA,qJAGF,cAIE,mBACA,4CAGF,kBACE,sDAGF,WACE,eACA,mBAIJ,oBACE,eACA,gBACA,iBACA,uHAGF,kBAOE,WlBvZM,kBkByZN,gBACA,eACA,YACA,kBACA,sBACA,+SAEA,alBhZgB,YkBkZd,eACA,WACA,eACA,gBACA,uSAGF,YACE,uPAGF,WACE,WACA,+WAGF,aACE,wBAKF,edvbM,CJEa,gBkBwbjB,oBACA,iEd3bI,2BJEa,qDkBicrB,iBAEE,aACA,qEAEA,wBACE,CADF,qBACE,CADF,oBACE,CADF,gBACE,gBACA,kKAIJ,YAKE,8BACA,mBlBldmB,akBodnB,iBACA,0LAEA,aACE,iBACA,clBzdiB,mBkB2djB,kNAGF,aACE,6DAIJ,cAEE,yDAGF,WAEE,eACA,0BAGF,gBAEE,sDAGF,qBAEE,eAGF,UACE,gBACA,0BAGF,YACE,6BACA,qCAEA,yBAJF,cAKI,gBACA,iDAIJ,qBAEE,UACA,qCAEA,+CALF,UAMI,sDAIJ,aAEE,gBACA,gBACA,gBACA,kBACA,2FAEA,alBthBwB,qCkB0hBxB,oDAZF,eAaI,sCAKF,4BADF,eAEI,yBAIJ,YACE,+BACA,gBACA,0BAEA,cACE,iBACA,mBACA,sCAGF,aACE,sBACA,WACA,CACA,UlB1jBI,gBICA,ac4jBJ,oBACA,eACA,YACA,CACA,SACA,kBACA,yBACA,iBACA,gBACA,gBACA,4CAEA,wBACE,+CAGF,ed5kBI,yBc8kBF,mBACA,kBACA,6DAEA,QACE,gBACA,gBACA,mEAEA,QACE,0DAIJ,UlB7lBE,oBkB+lBA,eACA,gBd/lBA,+CcomBJ,YACE,8BACA,mBACA,4CAIJ,aACE,WlB7mBI,ekB+mBJ,gBACA,mBACA,wCAGF,eACE,mBACA,+CAEA,UlBxnBI,ekB0nBF,qCAIJ,uBAnFF,YAoFI,eACA,QACA,wCAEA,iBACE,iBAKN,eAWE,eACA,wBAXA,eACE,iBACA,uBAGF,aACE,gBACA,2CAMF,eACE,mBAGF,eACE,cACA,gBACA,+BAEA,4BACE,4BAGF,QACE,oCAIA,UlBzqBE,akB2qBA,kBACA,eACA,mBACA,qBACA,8EAEA,eAEE,yWAOA,kBlBprBgB,WANlB,iJkBisBA,iBAGE,oMAUR,aACE,iIAIJ,4BAIE,clBptBmB,ekBstBnB,gBACA,6cAEA,aAGE,6BACA,uCAIJ,iBACE,mBACA,oBACA,eAEA,yFAEA,qBACE,qGAIJ,YAIE,eACA,iIAEA,eACE,CAII,w1BADF,eACE,sDAMR,iBAEE,oDAKA,eACE,0DAGF,eACE,mBACA,aACA,mBACA,wEAEA,UlBnxBI,CkBqxBF,gBACA,uBAKN,YACE,2CAEA,QACE,WACA,cAIJ,UACE,eACA,gBACA,iBAEA,YACE,gBACA,eACA,kBACA,sCAGF,YACE,4CAEA,kBACE,yDAGF,SACE,sBACA,cACA,WACA,YACA,aACA,gDACA,mBlBzzBoB,WALlB,ekBi0BF,CACA,eACA,kBACA,2EAEA,QACE,wMAGF,mBAGE,+DAGF,kBACE,qCAGF,wDA7BF,cA8BI,4DAIJ,WACE,eACA,gBACA,SACA,kBACA,cAKN,iBACE,YACA,gBACA,YACA,aACA,uBACA,mBACA,gBd12BM,yDc62BN,aAGE,gBACA,WACA,YACA,SACA,sBACA,CADA,gCACA,CADA,kBACA,gBdr3BI,uBcy3BN,iBACE,YACA,aACA,+BACA,iEACA,kBACA,wCACA,uBAGF,iBACE,WACA,YACA,MACA,OACA,uBAGF,iBACE,YACA,WACA,UACA,YACA,4BACA,6BAEA,UACE,8BAGF,UlBv5BI,ekBy5BF,gBACA,cACA,kBACA,2BAGF,iBACE,mCACA,qCAIJ,oCACE,eAEE,uBAGF,YACE,wBAKN,gBACE,sCAEA,eACE,gCAGF,eACE,qDAGF,UlB57BM,iDkBg8BN,YACE,0DAEA,YACE,0BAIJ,YACE,iBACA,uBACA,kDAGF,alB77BoB,qBkB+7BlB,wDAEA,yBACE,WCp9BN,YACE,kCAEA,iBACE,MACA,QACA,oIAEA,mCAEE,oBAKN,cACE,uBACA,eACA,gBACA,cnBfmB,4CmBkBnB,afjBY,sCesBd,2CACE,oBAGF,QACE,wBACA,UACA,+CAEA,WACE,mBACA,UACA,0BAGF,aACE,sBACA,SACA,YACA,kBACA,aACA,WACA,UACA,WnBjDI,gBICA,eemDJ,oBACA,gBACA,qDAEA,anBxCc,CmBsCd,2CAEA,anBxCc,CmBsCd,+CAEA,anBxCc,CmBsCd,sCAEA,anBxCc,gCmB4Cd,8ChB/CA,uCADF,cgBiD4D,0ChB5C5D,cgB4C4D,oBAI9D,UnBjEQ,mBmBmEN,mBnB/DsB,oCmBiEtB,iBACA,kBACA,eACA,gBACA,sBAEA,anBxEmB,gBmB0EjB,0BACA,mFAEA,oBAEU,iCAKZ,mBACA,eAEA,gBACA,wCAEA,anBvFwB,sDmB2FxB,YACE,2CAGF,oBACE,kBACA,yBACA,sBACA,WACA,YACA,cACA,gBACA,kBACA,SACA,kBACA,sBACA,kDAEA,oBnB7GsB,qCmBoH1B,eACE,kBACA,aACA,mBnBzHsB,gBmB2HtB,gBACA,cACA,yBAEA,iBACE,gBACA,wCAEA,UnBvII,iCmByIJ,WACE,iBACA,2BAIJ,iBACE,cACA,CACA,cACA,iBACA,WnBpJI,qBmBsJJ,gBACA,iBACA,qBACA,mBACA,gBACA,gGAEA,kBACE,qBACA,iIAEA,eACE,kJAIJ,eACE,mBACA,2DAGF,eACE,eACA,8BAGF,cACE,wFAGF,eACE,sCAGF,iBACE,2BACA,WnB1LE,mBmB4LF,mDAEA,eACE,8DAIJ,eACE,0DAGF,iBACE,+BAGF,iBACE,eACA,2DAGF,eACE,+DAEA,QACE,8BAIJ,oBACE,8BAGF,uBACE,6BAGF,anB7NiB,qBmB+Nf,mCAEA,oEAGE,oBACE,gDAEA,qDAMR,UACE,YACA,gBACA,uDAIJ,iBAEE,WACA,mIAGE,aACE,sBACA,SACA,YACA,0BACA,yBACA,WACA,iBACA,UACA,WnBtQE,gBICA,eewQF,oBACA,YACA,qBACA,yLAEA,anB9PY,CmB4PZ,sKAEA,anB9PY,CmB4PZ,8KAEA,anB9PY,CmB4PZ,4JAEA,anB9PY,yKmBkQZ,SACE,qJAGF,kBnBnRe,+ImBoRf,8ChB1QF,8JADF,cgB4Q8D,kKhBvQ9D,cgBuQ8D,qChBhQ5D,8TADF,sBgBoQM,gBACA,6BAMR,aACE,kBACA,SACA,UACA,WACA,gBACA,2CAEA,aACE,mBACA,WACA,YACA,cnB3SiB,emB6SjB,iBACA,kBACA,WACA,4CAIJ,iBACE,SACA,oCAGF,aACE,kBACA,sBACA,SACA,0BACA,YACA,WACA,WnBnUM,mBAGa,sCmBmUnB,eACA,WACA,aACA,6CAGF,aACE,0CAGF,YACE,eACA,kBACA,iMAEA,kBAGa,iKAEb,YAGE,mBACA,mBACA,2BACA,iBACA,eACA,+DAGF,6BACE,qEAEA,aACE,gBACA,uBACA,mBACA,sEAGF,eACE,qEAGF,aACE,iBACA,gBACA,uBACA,mBACA,4EAMA,anB3Xe,wBmBgYrB,eACE,iCAEA,YACE,mBACA,eACA,oBACA,YACA,gBACA,8BAIJ,UACE,WACA,cACA,kCAEA,iBACE,kBACA,aACA,WACA,sBfzZI,wBe2ZJ,sBACA,4BACA,gBACA,2CAEA,aACE,kBACA,sBACA,SACA,OACA,SACA,SACA,aACA,WACA,cnBtae,gFmBwaf,eACA,oBACA,gBACA,UACA,UACA,4BACA,iDAEA,UflbE,sEeobF,WACE,cnBnba,CIFb,4DeobF,WACE,cnBnba,CIFb,gEeobF,WACE,cnBnba,CIFb,uDeobF,WACE,cnBnba,yCmBwbjB,2EAKE,0CAKN,iFACE,aACA,uBACA,8BACA,UACA,4BACA,8CAEA,aACE,cnB3ciB,emB6cjB,gBACA,aACA,oBACA,2JAEA,aAGE,wCAIJ,SACE,kCAIJ,YACE,aACA,cnBhemB,gBmBkenB,sCAEA,cACE,kBACA,2CAGF,aACE,gDAEA,aACE,eACA,gBACA,yBACA,qDAGF,iBACE,eACA,kBACA,WACA,WACA,mBnBlfkB,8DmBqflB,iBACE,MACA,OACA,WACA,kBACA,mBnB7fkB,0BmBogB1B,UnB1gBQ,oBmB4gBN,eACA,gBf5gBM,4BeghBR,YACE,gBACA,0BACA,YACA,aACA,8BACA,cACA,oBAGF,YACE,cACA,sBAEA,oBACE,uBACA,cACA,YACA,iBACA,sBACA,uBAGF,oBACE,aACA,CAEA,oBACA,CADA,0BACA,UACA,QACA,YACA,uBACA,2BAIJ,iBACE,iBACA,0CAKE,yBACE,qCACA,WnB9jBE,mBAMkB,gBmB2jBpB,8CAGA,yBACE,oCACA,uCAMR,iBACE,kBACA,uCACA,gBf9kBM,gBeglBN,uBACA,6CAGF,YACE,mBACA,aACA,WnBxlBM,emB0lBN,sDAEA,aACE,cnB1lBiB,wEmB6lBjB,6EAEA,aACE,WnBnmBE,gBmBqmBF,sGAIJ,kBnBnmBwB,WANlB,6PmBinBF,UnBjnBE,0DmBqnBN,wCAGF,gBACE,iBACA,mBACA,gBACA,yBACA,cACA,+BAEA,oBACE,SACA,eACA,kBACA,gCAGF,oBACE,aACA,UACA,WACA,kBACA,kCAIA,af5oBU,CgBFZ,+BAHF,YACE,cACA,kBAUA,CATA,cAKA,kBACA,2BACA,gBAEA,uBAEA,YACE,uBACA,WACA,YACA,iBACA,6BAEA,WACE,gBACA,oBACA,aACA,yBACA,gBACA,oCAEA,0BACE,oCAGF,cACE,YACA,oBACA,YACA,6BAIJ,qBACE,WACA,gBACA,cACA,aACA,sBACA,qCAEA,4BARF,cASI,qBAMR,kBACE,wBACA,CADA,eACA,MACA,UACA,cACA,qCAEA,mBAPF,gBAQI,+BAGF,eACE,qCAEA,6BAHF,kBAII,wHAMJ,WAGE,mCAIJ,YACE,mBACA,uBACA,YACA,CpBlFwB,IoBiG1B,aACE,aACA,sBACA,WACA,YACA,CAIA,oBAGF,qBACE,WACA,mBACA,cpB/GwB,eoBiHxB,cACA,eACA,SACA,iBACA,aACA,SACA,UACA,2BAEA,yBACE,6BAIJ,kBACE,SACA,oBACA,cpBlIwB,eoBoIxB,cACA,eACA,kBACA,UACA,mCAEA,yBACE,wCAGF,kBACE,2BAIJ,oBACE,iBACA,2BAGF,iBACE,kCAGF,cACE,cACA,eACA,aACA,kBACA,QACA,UACA,cAGF,kBACE,WpB7KM,coB+KN,eACA,aACA,qBACA,2DAEA,kBAGE,oBAGF,SACE,2BAGF,sBACE,cpB5LiB,kGoB+LjB,sBAGE,WpBrME,kCoByMJ,apBnMsB,oBoByM1B,oBACE,iBACA,oBAGF,kBpB/M0B,cAWR,iBoBuMhB,eACA,gBACA,yBACA,eACA,yBAGF,iBACE,cACA,UACA,gCAEA,sCACE,uCAEA,aACE,WACA,kBACA,aACA,OACA,QACA,cACA,UACA,oBACA,YACA,UACA,kFACA,wCAIJ,SACE,kBACA,gBAIJ,YACE,eACA,mBACA,cACA,eACA,kBACA,UACA,UACA,gBACA,uBAEA,QACE,YACA,aACA,cACA,uBACA,aACA,gBACA,uBACA,gBACA,mBACA,OACA,4CAGF,apB/QwB,4CoBoRtB,apBpRsB,yCoBsRpB,4CAIJ,SAEE,SAIJ,WACE,kBACA,sBACA,aACA,sBACA,gBACA,wDAEA,SACE,gBACA,gBACA,qBAGF,kBpB/SwB,yBoBoT1B,WACE,aACA,cACA,uBAGF,kBACE,iCAGF,iBACE,sEAGF,kBACE,SACA,cpBtUmB,eoBwUnB,eACA,eACA,kFAEA,aACE,CAKA,kLAEA,UpBvVI,mBoByVF,kFAKJ,2BACE,wCAIJ,YACE,oBACA,6BACA,+CAEA,sBAEE,kBACA,eACA,qBACA,0CAGF,eACE,gDAKJ,SACE,6BAGF,eACE,gBACA,gBACA,cpB1XmB,0DoB4XnB,UACA,UACA,kBACA,uCAEA,YACE,WACA,uCAGF,iBACE,gCAGF,QACE,uBACA,SACA,6BACA,cACA,iCAIF,eACE,2CACA,YACE,WACA,mCAKN,kBACE,aACA,mCAIA,apBlamB,0BoBoajB,gCAIJ,WACE,4DAEA,cACE,uEAEA,eACE,uBAKN,oBACE,uBACA,gBACA,mBACA,OACA,sBAGF,oBACE,iBACA,6EAGF,apBpbkB,mBAXQ,kBoBocxB,aACA,eACA,gBACA,eACA,aACA,cACA,mBACA,uBACA,yBACA,4EAdF,cAeI,6FAGF,eACE,mFAGF,apBpdwB,qBoBsdtB,qGAEA,yBACE,uCAKN,kBACE,aACA,eAGF,qBACE,uCAKA,sBACE,6BACA,qCASF,qCAXA,sBACE,6BACA,sCAgBF,mJAFF,qBAGI,sBAKF,wBACA,aACA,2BACA,mBACA,mBACA,2BAEA,aACE,iCAEA,UACE,kBACA,uCAEA,SACE,kCAKN,aACE,aACA,yBC9hBJ,iBACE,eACA,gBACA,crBcgB,mBAXQ,4BqBCxB,cACA,sBACA,mBACA,uBACA,aACA,qEAGE,aAEE,WACA,aACA,SACA,yCAIJ,gBACE,gCAGF,eACE,uCAEA,aACE,mBACA,crBhBY,qCqBoBd,cACE,gBACA,kBCtCJ,UACE,cACA,+BACA,0BAEA,UACE,qCAGF,iBATF,QAUI,mBAIJ,qBACE,mBACA,uBAEA,YACE,kBACA,gBACA,gBACA,2BAEA,aACE,WACA,YACA,SACA,oBACA,CADA,8BACA,CADA,gBACA,uBAIJ,YACE,mBACA,mBACA,aACA,6BAEA,aACE,aACA,mBACA,qBACA,gBACA,qCAGF,UACE,eACA,cACA,+BAGF,aACE,WACA,YACA,gBACA,mCAEA,UACE,YACA,cACA,SACA,kBACA,mBACA,oBACA,CADA,8BACA,CADA,gBACA,qCAIJ,gBACE,gBACA,4CAEA,cACE,WtB3EF,gBsB6EE,gBACA,uBACA,0CAGF,aACE,eACA,ctBjFW,gBsBmFX,gBACA,uBACA,yBAKN,kBtBxFsB,asB0FpB,mBACA,uBACA,gDAEA,YACE,cACA,eACA,mDAGF,qBACE,kBACA,gCACA,WACA,gBACA,mBACA,gBACA,uBACA,qDAEA,YACE,iEAEA,cACE,sDAIJ,YACE,cAOV,kBtB9H0B,sBsBiIxB,iBACE,4BAGF,aACE,eAIJ,cACE,kBACA,qBACA,cACA,iBACA,eACA,mBACA,gBACA,uBACA,eACA,oEAEA,YAEE,sBAGF,oBACE,kBACA,yBACA,sBACA,WACA,YACA,cACA,kBACA,SACA,kBACA,sBACA,8BAEA,oBACE,mBACA,CC/KJ,eAGF,SpBkDE,sBACA,WACA,YACA,gBACA,oBACA,mBHrDwB,cAFL,eG0DnB,SACA,coBxDA,CACA,2BACA,iBACA,eACA,2CAEA,aACE,CAHF,iCAEA,aACE,CAHF,qCAEA,aACE,CAHF,4BAEA,aACE,kCAGF,QACE,6EAGF,mBAGE,sBAGF,kBACE,qCAGF,eA3BF,cA4BI,kCAKF,QACE,qDAGF,mBAEE,mBAGF,iBACE,SACA,WACA,UACA,qBACA,UACA,0BACA,4CACA,eACA,WACA,YACA,cvBrDiB,euBuDjB,oBACA,0BAEA,mBACE,WACA,0BAIJ,sBACE,iCAEA,mBACE,WACA,gCAIJ,QACE,uBACA,cvB7DkB,euB+DlB,uCAEA,uBACE,sCAGF,aACE,yBAKN,avB5EkB,mBuB8EhB,gCACA,kBACA,eACA,gBACA,uBAGF,YACE,cvBnGmB,kBuBqGnB,iBAIA,avB5FgB,mBuB8Fd,gCACA,gBACA,aACA,eACA,eACA,qBAEA,oBACE,iBACA,eAIJ,YACE,mBACA,aACA,gCACA,0BAEA,eACE,qBAGF,aACE,cvBtHY,gBuBwHZ,uBACA,mBACA,4BAEA,eACE,uBAGF,avB7Ie,qBuB+Ib,eACA,gBACA,cACA,gBACA,uBACA,mBACA,qGAKE,yBACE,wBAMR,aACE,eACA,iBACA,gBACA,iBACA,mBACA,gBACA,cvBxKe,0BuB4KjB,aACE,WACA,2CAEA,mCACE,yBACA,0CAGF,wBACE,WC1LR,yCCCE,qBACA,sBACA,CADA,kBACA,wBACA,WACA,YACA,eAEA,UACE,8BAIJ,erBXQ,kBqBaN,sCACA,kBACA,eACA,UACA,iDAEA,2BACE,2DAGF,UACE,mCAIJ,iBACE,SACA,WACA,eACA,yCAGF,iBACE,UACA,SACA,UACA,gBrBvCM,kBqByCN,sCACA,gBACA,gDAEA,aACE,eACA,SACA,gBACA,uBACA,iKAEA,4BAGE,2DAIJ,WACE,wBAKF,2BACE,eAIJ,aACE,wBACA,UACA,eACA,0CAEA,mBAEE,mBAGF,8BACE,CADF,sBACE,WACA,cACA,SACA,WACA,YACA,0EAMA,SACE,oBACA,CADA,WACA,eChGN,WAEE,0BAGF,kBANW,kBAQT,cACA,iCACA,wBACE,mCAOF,WACE,SACA,UACA,2CAGF,aACE,aAEA,sBACA,YACA,6BACA,6DAGE,oBACE,WACA,iBACA,iBACA,iJAGF,UACE,gEAEF,oBACE,gBACA,WACA,2CAKN,yBACE,sBACA,kBACA,YACA,gBACA,kDAEA,uBACE,CADF,oBACE,CADF,eACE,WACA,YACA,SACA,4BACA,WACA,yBACA,eACA,4CACA,sBACA,oBACA,6DAEA,uBACE,6DAGF,sBACE,wEAGF,sBACE,kBACA,SCjFR,WACE,sBACA,aACA,sBACA,kBACA,iBACA,UACA,qBAEA,iBACE,oBAGF,kBACE,2DxBDF,SwBI0D,yBxBC1D,SwBD0D,qCxBQxD,qLwBLA,yBAGF,eACE,gBACA,eACA,qCxBZA,4BwBgBA,SACE,WACA,YACA,eACA,UACA,+BALF,SACE,WACA,YACA,eACA,UACA,yCAIJ,4BAGF,YACE,mBACA,mBACA,UACA,mBACA,eACA,mBAEA,aACE,sBACA,oCACA,sBACA,YACA,cACA,c3BpDiB,kB2BsDjB,qBACA,eACA,mBAGF,iCACE,iDAEA,YAEE,mBACA,mCACA,SAKN,iBACE,mBACA,UACA,qCxBrDE,6CADF,ewBwDkF,sCxBlEhF,sBADF,cwBoE0D,yBxB/D1D,cwB+D0D,gBAG5D,evBlFQ,kBDkEN,CACA,sBACA,gBACA,cH7CiB,uCG+CjB,mBAEA,wBACE,cHlDe,eGoDf,gBACA,mBACA,mBAGF,aACE,mBAGF,kBACE,mBAGF,eACE,WH3FI,kB2BuFR,YACE,c3BrFmB,a2BuFnB,mBACA,oBAEA,aACE,qBACA,wBAGF,aACE,c3BhGiB,gB2BkGjB,mBACA,gBACA,uBACA,0BAIJ,aACE,gBACA,gBACA,kBAGF,kB3B7G0B,kB2B+GxB,gBACA,yBAEA,a3BvGgB,mB2ByGd,aACA,gBACA,eACA,eACA,6BAEA,oBACE,iBACA,0BAIJ,iBACE,6BAEA,kBACE,gCACA,eACA,aACA,aACA,gBACA,eACA,c3B/HY,iC2BkIZ,oBACE,iBACA,8FAIJ,eAEE,mCAGF,aACE,aACA,c3B5Je,qB2B8Jf,0HAEA,aAGE,0BACA,gBAQN,WACA,kBAGA,+BANF,qBACE,UACA,CAEA,eACA,aAgBA,CAfA,eAGF,iBACE,MACA,OACA,mBACA,CAGA,qBACA,CACA,eACA,WACA,YACA,uBAEA,kB3B/LwB,0B2BoM1B,u1BACE,OACA,gBACA,aACA,8BAEA,aACE,sBACA,CADA,4DACA,CADA,kBACA,+BACA,CADA,2BACA,UACA,YACA,oBACA,eACA,yBACA,CADA,qBACA,CADA,oBACA,CADA,gBACA,oCAGF,aACE,WACA,YACA,YACA,eACA,sCAGF,yBAzBF,aA0BI,iBAIJ,kBACE,eACA,gBACA,mBAGF,cACE,kBACA,MACA,OACA,WACA,YACA,8BACA,oBCrPF,kBACE,gBACA,W5BDM,e4BGN,aACA,sBACA,YACA,uBACA,eACA,kBACA,kBACA,YACA,gBAGF,e5BbQ,cAEa,S4BcnB,WACA,YACA,iEAEA,aAGE,iCAGF,eACE,2BzBcF,iBACE,mBACA,cACA,eACA,aACA,gBACA,yByBfJ,aACE,eACA,yBAGF,aACE,eACA,gBACA,6BAGF,aACE,kBACA,W5B9CM,8B4BgDN,WACA,SACA,gBACA,kBACA,eACA,gBACA,UACA,oBACA,WACA,4BACA,iBACA,wDAKE,SACE,uBAKN,WACE,aACA,sBACA,4BAEA,iBACE,c5BzEiB,a4B2EjB,YACA,mBACA,CAGE,yDAIJ,UACE,gBAIJ,qBACE,eACA,gBACA,kBACA,kBACA,WACA,aACA,2BzBzDA,iBACE,mBACA,cACA,eACA,aACA,gBACA,sByBwDJ,WACE,sBACA,cACA,WACA,kBACA,kBACA,gBACA,kCAEA,eACE,qEAIA,cACE,MACA,gCAIJ,exB5HM,gCwBiIR,cACE,cACA,qBACA,c5BjImB,kB4BmInB,UACA,mEAEA,WAEE,WACA,sBACA,CADA,gCACA,CADA,kBACA,CAIE,0HAFF,WACE,oBACA,CADA,8BACA,CADA,gB5B/IE,C4BgJF,wBAKN,UACE,CAEA,iBACA,MACA,OACA,UACA,gB5B5JM,iC4B+JN,YACE,sBAIJ,WACE,gBACA,kBACA,WACA,aACA,uBACA,qCAGF,cACE,YACA,WACA,kBACA,UACA,sBACA,CADA,gCACA,CADA,kBACA,yBACA,CADA,qBACA,CADA,oBACA,CADA,gBACA,qDAEA,WACE,oBACA,CADA,8BACA,CADA,gBACA,sCAIJ,0BACE,2BACA,gBACA,kBACA,yBAGF,eACE,iBACA,yBAGF,UACE,cAGF,UACE,YACA,kBACA,qCAEA,UACE,YACA,aACA,mBACA,uBACA,2CAEA,cxBrK0B,eAEC,CwB+K7B,8CALF,iBACE,MACA,OACA,QACA,SAYA,CAXA,yBAQA,mBACA,8BACA,oBACA,4BAEA,mBACE,0DAGF,SACE,4DAEA,mBACE,mBAKN,6BACE,sBACA,SACA,W5BlQM,e4BoQN,aACA,mBACA,eACA,cACA,cACA,kBACA,kBACA,MACA,SACA,yBAGF,MACE,0BAGF,OACE,CASA,4CANF,UACE,kBACA,kBACA,OACA,YACA,oBAUA,6BAEA,WACE,sBAGF,mBACE,qBACA,gBACA,c5B7SiB,mF4BgTjB,yBAGE,wBAKN,oBACE,sBAGF,qBxB9TQ,YwBgUN,WACA,kBACA,YACA,UACA,SACA,YACA,8BAGF,wB5BpU0B,qB4BwU1B,iBACE,UACA,QACA,YACA,qKAKA,WAEE,mFAGF,WACE,eAKJ,qBACE,kBACA,mBACA,kBACA,oBACA,cACA,wBAEA,eACE,YACA,yBAGF,cACE,kBACA,gBACA,gCAEA,UACE,cACA,kBACA,6BACA,WACA,SACA,OACA,oBACA,qCAIJ,oCACE,iCAGF,wBACE,uCAIA,mBACA,mBACA,6BACA,0BACA,eAIJ,eACE,kBACA,gBxBnZM,ewBqZN,kBACA,sBACA,cACA,wBAEA,eACE,sBACA,qBAGF,SACE,gCAGF,UACE,YACA,0BzB3XF,iBACE,mBACA,cACA,eACA,aACA,gBACA,qByB0XF,eACE,gBACA,UACA,kBACA,0BAGF,oBACE,sBACA,SACA,gCAEA,wBACE,0BACA,qBACA,sBACA,UACA,4BAKF,qBACE,CADF,gCACE,CADF,kBACE,kBACA,QACA,2BACA,yBAIJ,iBACE,UACA,SACA,OACA,QACA,sBACA,iFACA,eACA,UACA,4BACA,gCAEA,SACE,6EAKF,iBAEE,wBAIJ,YACE,kBACA,MACA,OACA,WACA,YACA,UACA,SACA,gBxBxeI,cJGa,gB4BwejB,oBACA,+BAEA,aACE,oBACA,8GAEA,aAGE,+BAIJ,aACE,eACA,kCAGF,aACE,eACA,gBACA,4BAIJ,YACE,8BACA,oBACA,CAGE,gUAEA,aAIE,wBAKN,cACE,mBACA,gBACA,uBACA,oCAGE,cACE,qCAKF,eACE,+BAIJ,sBACE,iBACA,eACA,SACA,0BACA,8GAEA,UxB9iBE,+EwBsjBN,cAGE,gBACA,6BAGF,UxB7jBM,iBwB+jBJ,yBAGF,oBACE,aACA,mDAGF,UxBvkBM,uBwB4kBN,cACE,YACA,eACA,8BAEA,UACE,WACA,+BAOA,6DANA,iBACA,cACA,kBACA,WACA,UACA,YAWA,CAVA,+BASA,kBACA,+BAGF,iBACE,UACA,kBACA,WACA,YACA,YACA,UACA,4BACA,mBACA,sCACA,oBACA,qBAIJ,gBACE,uBAEA,oBACE,eACA,gBACA,WxB5nBE,sFwB+nBF,yBAGE,qBAKN,cACE,YACA,kBACA,4BAEA,UACE,WACA,+BACA,kBACA,cACA,kBACA,WACA,SACA,2DAGF,aAEE,kBACA,WACA,kBACA,SACA,mBACA,6BAGF,6BACE,6BAGF,iBACE,UACA,UACA,kBACA,WACA,YACA,QACA,iBACA,4BACA,mBACA,sCACA,oBACA,CAGE,yFAKF,SACE,6GAQF,gBACE,oBACA,iBCtsBR,YACE,mBACA,mBACA,kBACA,QACA,SACA,YACA,mBAGF,YACE,kBACA,gBACA,qBACA,8BACA,eACA,iBACA,yBACA,WACA,4BACA,wCAEA,uBCtBF,kB9BM0B,sB8BJxB,kBACA,uCACA,YACA,gBACA,qCAEA,aARF,SASI,kBAGF,cACE,mBACA,gBACA,eACA,kBACA,0BACA,6BAGF,WACE,6BAGF,yBACE,sCAEA,uBACE,uCACA,wBACA,wBAIJ,eACE,kDAIA,oBACE,+BAIJ,cACE,sBAGF,eACE,aAIJ,kB9BhD0B,sB8BkDxB,kBACA,uCACA,YACA,gBACA,qCAEA,YARF,SASI,uBAGF,kBACE,oBAGF,kBACE,YACA,0BACA,gBACA,mBAGF,YACE,gCACA,4BAGF,YACE,iCAGF,aACE,gBACA,qBACA,eACA,aACA,aC3FJ,cAOE,qBACA,W/BPM,gD+BEJ,iBACA,+BAOF,WACE,iBAIJ,sBACE,6BAEA,uBACE,2BACA,4BACA,mB/BlBiB,4B+BsBnB,oBACE,8BACA,+BACA,aACA,qBAIJ,YACE,8BACA,cACA,c/BjCmB,c+BmCnB,oBAGF,iBACE,OACA,kBACA,iBACA,gBACA,8BACA,eACA,0BAEA,aACE,6BAIJ,a/BjD0B,mC+BoDxB,aACE,oDAGF,QACE,wBAIJ,iBACE,YACA,OACA,WACA,WACA,yBACA,uBAIA,oBACE,WACA,eACA,yBAGF,iBACE,gBACA,oBAIJ,iBACE,aACA,gBACA,kBACA,gB3B5FM,sB2B8FN,sGAEA,mCAEE,oBAKF,2BACA,gB3BxGM,0B2B2GN,cACE,gBACA,gBACA,oBACA,cACA,WACA,6BACA,W/BnHI,yB+BqHJ,kBACA,4CAEA,QACE,2GAGF,mBAGE,wCAKN,cACE,6CAEA,SACE,kBACA,kBACA,qDAGF,SACE,WACA,kBACA,MACA,OACA,WACA,YACA,mCACA,mBACA,4BAIJ,SACE,kBACA,wBACA,gBACA,MACA,iCAEA,aACE,WACA,gBACA,gBACA,gB3BpKI,mB2ByKR,iBACE,qBACA,YACA,wBAEA,UACE,YACA,wBAIJ,cACE,kBACA,iBACA,c/B/JiB,mD+BkKjB,YACE,qDAGF,eACE,uDAGF,YACE,qBAIJ,YACE,wBC1MF,iBACE,aACA,mBACA,mBACA,WhCHM,kBgCKN,YACA,WACA,gBACA,iBACA,gBACA,4DAEA,aACE,eACA,mFAGF,iBACE,kBACA,gBACA,+FAEA,iBACE,OACA,MACA,kCAIJ,aACE,chC3BiB,2BgC+BnB,cACE,gBACA,iBACA,mBACA,2BAGF,cACE,gBACA,iBACA,gBACA,mBACA,0CAIJ,aACE,kBACA,cACA,mBACA,gCACA,eACA,qBACA,aACA,0BACA,4DAEA,aACE,iBACA,gDAGF,kBhC/DmB,iDgCmEnB,kBhChEwB,WANlB,qGgC2EN,kB5BxEU,WJHJ,oCgCiFR,kBACE,YACA,eACA,iBACA,gBACA,8BAGF,aACE,UACA,kBACA,YACA,gBACA,oCAGF,iBACE,4FAGF,eAEE,mBACA,qCAGF,mCACE,UACE,cACA,0CAGF,YACE,4DAEA,YACE,kBCtHN,UACE,eACA,iBACA,oBAEA,cACE,iBACA,gBACA,kBACA,mBAGF,UjCXM,0BiCaJ,oBAGF,eACE,cACA,iBACA,mDAGF,UACE,YACA,gBACA,gCACA,gBC3BJ,WACE,gBACA,aACA,sBACA,yBACA,kBACA,+BAEA,gBACE,eACA,CACA,2BACA,kCAGF,QACE,iCAGF,aACE,6BAGF,sBACE,0BAGF,MACE,kBACA,aACA,sBACA,iBACA,mDAGF,eACE,sB9BlCI,0B8BoCJ,cACA,gDAGF,iBACE,gDAGF,WACE,mBAIJ,eACE,mBACA,yBACA,gBACA,aACA,sBACA,qBAEA,aACE,sBAGF,aACE,SACA,CACA,4BACA,cACA,qDAHA,sBAOA,qCAIJ,qBAEI,cACE,wBAKN,qBACE,WACA,cACA,6DAEA,UAEE,YACA,UACA,wCAGF,YACE,cACA,kDACA,qCAEA,uCALF,aAMI,yCAIJ,eACE,oCAGF,YACE,uDAGF,cACE,sCAGF,gBACE,eACA,CACA,2BACA,yCAGF,QACE,mCAGF,gBACE,yBAEA,kCAHF,eAII,sCAIJ,sBACE,gBACA,sCAGF,uCACE,YACE,iKAEA,eAGE,6CAIJ,gBACE,2EAGF,YAEE,kGAGF,gBACE,+BAGF,YACE,gBACA,gLAEA,eAIE,gCAIJ,iBACE,6CAEA,cACE,8CAKF,gBACE,CAIA,yFAGF,eACE,0BAMR,cACE,aACA,uBACA,mBACA,gBACA,iBACA,iBACA,gBACA,mBACA,W9BjNM,kB8BmNN,eACA,iBACA,qBACA,sCACA,4FAEA,kBAGE,qCAIJ,UACE,UACE,uDAGF,kCACE,mCAGF,kBAEE,sCAIJ,2CACE,YACE,sCAOA,sEAGF,YACE,uCAIJ,0CACE,YACE,uCAIJ,UACE,YACE,gCC1QJ,oBACE,gBACA,yCAEA,UACE,YACA,gBACA,iCAGF,kBACE,qBACA,4CAEA,eACE,iCAIJ,anCfmB,qBmCiBjB,uCAEA,yBACE,+CAIA,oBACE,oDAEA,yBACE,gDAKN,aACE,gBAKN,kBACE,eACA,aACA,qBACA,0BAEA,WACE,cACA,qCAEA,yBAJF,YAKI,4BAIJ,wBACE,cACA,kBACA,qCAEA,0BALF,UAMI,uBAIJ,qBACE,WACA,aACA,kBACA,eACA,iBACA,qBACA,gBACA,gBACA,gBACA,aACA,sBACA,6BAEA,aACE,gBACA,mBACA,mBACA,8BAGF,iBACE,SACA,WACA,cACA,mBnCtFoB,kBmCwFpB,cACA,eACA,4BAIJ,YACE,cnClGiB,kBmCoGjB,WACA,QACA,mDAIJ,YACE,oDAGF,UACE,gBAGF,YACE,eACA,mBACA,gBACA,iBACA,wBACA,sBAEA,aACE,mBACA,SACA,kBACA,WACA,eACA,yBACA,CADA,qBACA,CADA,oBACA,CADA,gBACA,cACA,aACA,mBACA,2BACA,2CACA,6BAEA,aACE,aACA,WACA,YACA,iCAEA,aACE,SACA,WACA,YACA,eACA,gBACA,sBACA,sBACA,CADA,gCACA,CADA,kBACA,6BAIJ,aACE,cACA,eACA,gBACA,kBACA,gBACA,cnChKe,mFmCoKjB,kBAGE,4BACA,2CACA,wGAEA,aACE,6BAIJ,0BACE,2CACA,yBACA,yDAEA,aACE,uCAKN,UACE,oCAGF,WACE,8BAGF,anCnMmB,SmCqMjB,eACA,WACA,cACA,cACA,YACA,aACA,mBACA,WACA,2BACA,2CACA,2GAEA,SAGE,cACA,4BACA,2CACA,qCAKF,SACE,OCjON,eACE,eACA,8BAEA,QAEE,gBACA,UAGF,kBACE,kBACA,cAGF,iBACE,cACA,mBACA,WACA,aACA,sBAEA,kBpCfsB,eoCoBxB,iBACE,aACA,cACA,iBACA,eACA,gBACA,qBAEA,oBACE,qBACA,yBACA,4BACA,oEAGF,YAEE,kCAGF,aACE,gCAIA,qBACA,WACA,eACA,WpCtDE,coCwDF,UACA,oBACA,gBhCzDE,sBgC2DF,kBACA,iBACA,sCAEA,oBpC1DoB,0BoC+DtB,cACE,wBAGF,YACE,mBACA,iBACA,cAIJ,oBACE,kBACA,yBACA,sBACA,WACA,YACA,cACA,kBACA,SACA,kBACA,sBACA,gBACA,mBACA,cACA,uBAEA,iBACE,qBAGF,oBhClGY,8EgCuGZ,oBAGE,iBACA,gCAGF,mBACE,SACA,wCAGF,mBAEE,eAIJ,oBACE,WACA,gBACA,cACA,cAGF,aACE,qBACA,oBAEA,cACE,eAIJ,eACE,mBACA,cpC7Hc,aoCiIhB,cACE,uBACA,UACA,SACA,SACA,cpCtIc,0BoCwId,kBACA,mBAEA,oBACE,sCAGF,kCAEE,eAIJ,WACE,eACA,kBACA,eACA,6BAIJ,yBACE,kBACA,gCAEA,YACE,2CAGF,yBACE,aACA,aACA,mBACA,mGAEA,UAEE,aACA,+GAEA,oBpC1LoB,sDoCgMxB,cACE,gBACA,iBACA,YACA,oBACA,cpC1LkB,sCoC6LlB,gCAGF,YACE,mBACA,8CAEA,aACE,wBACA,iBACA,oCAIJ,uBACE,CADF,oBACE,CADF,eACE,sBACA,eACA,WpC/NI,qBoCiOJ,WACA,UACA,oBACA,qXACA,sBACA,kBACA,CACA,yBACA,mDAGF,UACE,cAIJ,apCjOkB,qBoCoOhB,+BACE,6BAEA,8BACE,YCpPN,qBACE,iBANc,cAQd,kBACA,sCAEA,WANF,UAOI,eACA,mBAIJ,sBACE,eACA,gBACA,gBACA,qBACA,crClBmB,oBqCqBnB,arClBwB,0BqCoBtB,6EAEA,oBAGE,wCAIJ,arChCmB,oBqCqCnB,YACE,oBACA,+BAEA,eACE,yBAIJ,eACE,crC/CiB,qBqCmDnB,iBACE,crCpDiB,uBqCwDnB,eACE,mBACA,kBACA,kBACA,yHAGF,sBAME,mBACA,oBACA,gBACA,crCxEiB,qBqC4EnB,aACE,qBAGF,gBACE,qBAGF,eACE,qBAGF,gBACE,yCAGF,aAEE,qBAGF,eACE,qBAGF,kBACE,yCAMA,iBACA,iBACA,yDAEA,2BACE,yDAGF,2BACE,qBAIJ,UACE,SACA,SACA,gCACA,eACA,4BAEA,UACE,SACA,wBAIJ,UACE,yBACA,8BACA,CADA,iBACA,gBACA,mBACA,iEAEA,+BAEE,cACA,kBACA,gBACA,gBACA,crCnJe,iCqCuJjB,uBACE,gBACA,gBACA,crC7IY,qDqCiJd,WAEE,iBACA,kBACA,qBACA,mEAEA,SACE,kBACA,iFAEA,gBACE,kBACA,6EAGF,iBACE,SACA,UACA,mBACA,gBACA,uBACA,+BAMR,YACE,oBAIJ,kBACE,eACA,mCAEA,iBACE,oBACA,8BAGF,YACE,8BACA,eACA,6BAGF,UACE,uBACA,eACA,iBACA,WrCrNI,iBqCuNJ,kBACA,qEAEA,aAEE,6CAIA,arC7Ne,oCqCkOjB,sBACE,gBACA,eACA,iBACA,qCAGF,4BA3BF,iBA4BI,4BAIJ,iBACE,YACA,sBACA,mBACA,CACA,sBACA,0BACA,QACA,aACA,yCAEA,sBACE,eACA,iBACA,gBACA,crC7Pe,mBqC+Pf,mBACA,gCACA,uBACA,mBACA,gBACA,wFAEA,eAEE,cACA,2CAGF,oBACE,2BAKN,iBACE,mCAIE,UACqB,sClCnRzB,CkCoRI,kBACA,uCAEA,aACE,WACA,YACA,mBACA,iBjCpOgB,wBD9DtB,4BACA,iCkCsSE,cACE,mCAEA,aACE,WrC5SA,qBqC8SA,uDAGE,yBACE,2CAKN,aACE,crCrTa,kCqC6TnB,sBAEE,CACA,eACA,eACA,iBACA,mBACA,crCpUiB,sCqCuUjB,arCpUsB,0BqCsUpB,kBAIJ,cACE,SACA,UACA,gBACA,uBACA,oBACA,kBACA,oBACA,cACA,kBAGF,sBACE,eACA,iBACA,gBACA,mBACA,crC9ViB,wBqCiWjB,sBACE,cACA,eACA,gBACA,cACA,kBAKF,cACA,iBrC5WiB,mCqC0WnB,sBACE,CAEA,eACA,mBACA,crC/WiB,kBqCoXjB,cACA,iBrCrXiB,kBqC6XjB,crC7XiB,mCqC4XnB,sBACE,CACA,gBACA,gBACA,mBACA,crCjYiB,kBqCsYjB,crCtYiB,kBqC8YnB,sBACE,eACA,iBACA,gBACA,mBACA,crCnZiB,mCqCuZnB,gBAEE,mDAEA,2BACE,mDAGF,2BACE,kBAIJ,eACE,kBAGF,kBACE,yCAGF,cAEE,kBAGF,UACE,SACA,SACA,0CACA,cACA,yBAEA,UACE,SACA,iDAIJ,YAEE,+BAGF,kBrCjcwB,kBqCmctB,kBACA,gBACA,sBACA,oCAEA,UACE,aACA,2BACA,iBACA,8BACA,mBACA,uDAGF,YACE,yBACA,qBACA,mFAEA,aACE,eACA,qCAGF,sDAVF,UAWI,8BACA,6CAIJ,MACE,sBACA,qCAEA,2CAJF,YAKI,sBAKN,iBACE,yBAEA,WACE,WACA,uBACA,4BAIJ,iBACE,mBACA,uCAEA,eACE,mCAGF,eACE,cACA,qCAGF,eACE,UACA,mDAEA,kBACE,aACA,iBACA,0FAKE,oBACE,gFAIJ,cACE,qDAIJ,aACE,cACA,6CAMA,UACqB,sClC9hB3B,mDkCiiBI,cACE,4DAEA,cACE,qCAKN,oCACE,eACE,sCAIJ,2BA9DF,iBA+DI,mFAIJ,qBAGE,mBrC3jBsB,kBqC6jBtB,kCACA,uBAGF,YACE,kBACA,WACA,YACA,2BAEA,YACE,WACA,uCAKF,YACE,eACA,mBACA,mBACA,qCAGF,sCACE,kBACE,uCAIJ,arC7lBiB,qCqCimBjB,eACE,WrCrmBE,gBqCumBF,CrCpmBe,yFqCymBb,arCzmBa,+CqC+mBjB,eACE,qBAIJ,kBACE,yBAEA,aACE,SACA,eACA,YACA,kBACA,qCAIJ,gDAEI,kBACE,yCAGF,eACE,gBACA,WACA,kBACA,uDAEA,iBACE,sCAMR,8BACE,aACE,uCAEA,gBACE,sDAGF,kBACE,6EAIJ,aAEE,qBAIJ,WACE,UAIJ,mBACE,qCAEA,SAHF,eAII,kBAGF,YACE,uBACA,mBACA,aACA,qBAEA,SrC3rBI,YqC6rBF,qCAGF,gBAXF,SAYI,mBACA,sBAIJ,eACE,uBACA,gBACA,gBACA,uBAGF,eACE,gBACA,0BAEA,YACE,yBACA,gBACA,eACA,crCltBe,6BqCstBjB,eACE,iBACA,+BAGF,kBrCztBsB,aqC2tBpB,0BACA,aACA,uCAEA,YACE,gCAIJ,cACE,gBACA,uDAEA,YACE,mBACA,iDAGF,UACE,YACA,0BACA,gCAIJ,YACE,uCAEA,sBACE,eACA,gBACA,cACA,qCAGF,cACE,crCjwBa,uFqCuwBnB,eACE,cASA,CrCjxBiB,2CqC8wBjB,iBACA,CACA,kBACA,gBAGF,eACE,cACA,aACA,kDACA,cACA,qCAEA,eAPF,oCAQI,cACA,8BAEA,UACE,aACA,sBACA,0CAEA,OACE,cACA,2CAGF,YACE,mBACA,QACA,cACA,qCAIJ,UACE,2BAGF,eACE,sCAIJ,eAtCF,UAuCI,6BAEA,aACE,gBACA,gBACA,2GAEA,eAGE,uFAIJ,+BAGE,2BAGF,YACE,gCAEA,eACE,qEAEA,eAEE,gBACA,2CAGF,eACE,SAQZ,iBACE,qBACA,iBAGF,aACE,kBACA,aACA,UACA,YACA,crC72BsB,qBqC+2BtB,eACA,qCAEA,gBAVF,eAWI,WACA,gBACA,crCz2Bc,SsCjBlB,UACE,eACA,iBACA,yBACA,qBAEA,WAEE,iBACA,mBACA,6BACA,gBACA,mBACA,oBAGF,qBACE,gCACA,aACA,gBACA,oBAGF,eACE,qEAGF,kBtCrBwB,UsC0BxB,atCzBwB,0BsC2BtB,gBAEA,oBACE,eAIJ,eACE,CAII,4HADF,eACE,+FAOF,sBAEE,yFAKF,YAEE,gCAMJ,kBtC9DsB,6BsCgEpB,gCACA,4CAEA,qBACE,8BACA,2CAGF,uBACE,+BACA,0BAKN,qBACE,gBAIJ,aACE,mBACA,MAGF,+BACE,0BAGF,sBACE,SACA,aACA,8CAGF,oBAEE,qBACA,iBACA,eACA,ctC1GmB,gBsC4GnB,0DAEA,UtCjHM,wDsCqHN,eACE,iBACA,sEAGF,cACE,yCAKF,YAEE,yDAEA,qBACE,iBACA,eACA,gBACA,qEAEA,cACE,2EAGF,YACE,mBACA,uFAEA,YACE,qHAOJ,sBACA,cACA,uBAIJ,wBACE,mBtC5JsB,sBsC8JtB,YACA,mBACA,gCAEA,gBACE,mBACA,oBAIJ,YACE,yBACA,aACA,mBtC3KsB,gCsC8KtB,aACE,gBACA,mBAIJ,wBACE,aACA,mBACA,qCAEA,wCACE,4BACE,0BAIJ,kBACE,iCAGF,kBtCnMsB,uCsCsMpB,kBACE,4BAIJ,gBACE,oBACA,sCAEA,SACE,wCAGF,YACE,mBACA,mCAGF,aACE,aACA,uBACA,mBACA,kBACA,6CAEA,UACE,YACA,kCAIJ,aACE,mCAGF,aACE,iBACA,ctC7Oa,gBsC+Ob,mCAIJ,QACE,WACA,qCAEA,sBACE,gBACA,qCAOJ,4FAFF,YAGI,gCAIJ,aACE,sCAEA,eACE,4BAIJ,wBACE,aACA,gBACA,qCAEA,2BALF,4BAMI,sCAIJ,+CACE,YACE,iBCzRN,YACE,uBACA,WACA,iBACA,iCAEA,gBACE,gBACA,oBACA,cACA,wCAEA,YACE,yBACA,mBvCZoB,YuCcpB,yBAIJ,WAvBc,UAyBZ,oBACA,iCAEA,YACE,mBACA,YACA,uCAEA,aACE,yCAEA,oBACE,aACA,2CAGF,SvCzCA,YuC2CE,kBACA,YACA,uCAIJ,aACE,cvC/Ca,qBuCiDb,cACA,eACA,aACA,0HAIA,kBAGE,+BAKN,aACE,iBACA,YACA,aACA,qCAGF,sCACE,YACE,6BAIJ,eACE,0BACA,gBACA,mBACA,qCAEA,2BANF,eAOI,+BAGF,aACE,aACA,cvCzFa,qBuC2Fb,0BACA,2CACA,0BACA,mBACA,gBACA,uBACA,mCAEA,gBACE,oCAGF,UvC1GA,yBuC4GE,0BACA,2CACA,uCAGF,kBACE,sBACA,+BAIJ,kBACE,wBACA,SACA,iCAEA,QACE,kBACA,6DAIJ,UvClIE,yBAMkB,gBuC+HlB,gBACA,mEAEA,wBACE,6DAKN,yBACE,iCAIJ,qBACE,WACA,gBApJY,cAsJZ,sCAGF,uCACE,YACE,iCAGF,WA/JY,cAiKV,sCAIJ,gCACE,UACE,0BAMF,2BACA,qCAEA,wBALF,cAMI,CACA,sBACA,kCAGF,YACE,oBAEA,gCACA,0BAEA,eAEA,mBACA,8BACA,mCAEA,eACE,kBACA,yCAGF,mBACE,4DAEA,eACE,qCAIJ,gCAzBF,eA0BI,iBACA,6BAIJ,avClNiB,euCoNf,iBACA,gBACA,qCAEA,2BANF,eAOI,6BAIJ,avC7NiB,euC+Nf,iBACA,gBACA,mBACA,4BAGF,wBACE,eACA,gBACA,cvCxOe,mBuC0Of,kBACA,gCACA,4BAGF,cACE,cvChPe,iBuCkPf,gBACA,0CAGF,UvCzPI,gBuC2PF,uFAGF,eAEE,gEAGF,aACE,4CAGF,cACE,gBACA,WvCzQE,oBuC2QF,iBACA,gBACA,mBACA,2BAGF,cACE,iBACA,cvChRe,mBuCkRf,kCAEA,UvCvRE,gBuCyRA,CAII,2NADF,eACE,4BAMR,UACE,SACA,SACA,0CACA,cACA,mCAEA,UACE,SACA,qCAKN,eA9SF,aA+SI,iCAEA,YACE,yBAGF,UACE,UACA,YACA,iCAEA,YACE,4BAGF,YACE,8DAGF,eAEE,gCACA,gBACA,0EAEA,eACE,+BAIJ,eACE,6DAGF,2BvC9UoB,YuCqV1B,UACE,SACA,cACA,WACA,sDAKA,avCjWmB,0DuCoWjB,avCjWsB,4DuCsWxB,anC1Wc,gBmC4WZ,4DAGF,anC9WU,gBmCgXR,0DAGF,avCtWgB,gBuCwWd,0DAGF,anCtXU,gBmCwXR,UAIJ,YACE,eACA,yBAEA,aACE,qBACA,oCAEA,kBACE,4BAGF,cACE,gBACA,+BAEA,oBACE,iBACA,gCAIJ,eACE,yBACA,eACA,CAII,iNADF,eACE,6CAKN,aACE,mBACA,2BAGF,oBACE,cvCtae,qBuCwaf,yBACA,eACA,gBACA,gCACA,iCAEA,UvCjbE,gCuCmbA,oCAGF,avChboB,gCuCkblB,iBAMR,aACE,iBACA,eACA,sBAGF,aACE,eACA,cACA,wBAEA,aACE,kBAIJ,YACE,eACA,mBACA,wBAGF,YACE,WACA,sBACA,aACA,+BAEA,aACE,qBACA,gBACA,eACA,iBACA,cvC5diB,CuCieb,4MADF,eACE,sCAKN,aACE,gCAIJ,YAEE,mBACA,kEAEA,UACE,kBACA,4BACA,gFAEA,iBACE,kDAKN,aAEE,aACA,sBACA,4EAEA,cACE,WACA,kBACA,mBACA,uEAIJ,cAEE,iBAGF,YACE,eACA,kBACA,2CAEA,kBACE,eACA,8BAGF,kBACE,+CAGF,gBACE,uDAEA,gBACE,mBACA,YACA,YAKN,kBACE,eACA,cAEA,avCxiBwB,qBuC0iBtB,oBAEA,yBACE,SAKN,aACE,YAGF,gBACE,eACA,mBvCzjBwB,gCuC2jBxB,uBAEA,eACE,oBAGF,YACE,2BACA,mBACA,cvCtkBiB,euCwkBjB,eACA,oBAGF,iBACE,4BAEA,aACE,SACA,kBACA,WACA,YACA,qBAIJ,2BACE,mBAGF,oBACE,uBAGF,avCnlBgB,sDuCulBhB,avCpmBmB,qBuCwmBjB,gBACA,yDAIJ,oBAIE,cvCjnBmB,iGuConBnB,eACE,yIAIA,4BACE,cACA,iIAGF,8BACE,CADF,sBACE,WACA,sBAKN,YAEE,mBACA,sCAEA,aACE,CACA,gBACA,kBACA,0DAIA,8BACE,CADF,sBACE,WACA,gBAKN,kBACE,8BACA,yBAEA,yBnC9pBc,yBmCkqBd,yBACE,wBAGF,yBnCnqBU,wBmCwqBR,2BACA,eACA,iBACA,4BACA,kBACA,gBACA,0BAEA,avClrBiB,uBuCwrBjB,wBACA,qBAGF,avC/qBgB,cuCorBlB,kBvC/rB0B,kBuCisBxB,mBACA,uBAEA,YACE,8BACA,mBACA,aACA,gCAEA,SACE,SACA,gDAEA,aACE,8BAIJ,aACE,gBACA,cvCvtBe,yBuCytBf,iBACA,gCAEA,aACE,qBACA,iHAEA,aAGE,mCAIJ,anCvuBM,6BmC8uBR,YACE,2BACA,6BACA,mCAEA,kBACE,gFAGF,YAEE,cACA,sBACA,YACA,cvC5vBa,mLuC+vBb,kBAEE,gBACA,uBACA,sCAIJ,aACE,6BACA,4CAEA,avC9vBU,iBuCgwBR,gBACA,wCAIJ,aACE,sBACA,WACA,aACA,qBACA,cvCvxBa,WuC8xBrB,kBAGE,0BAFA,eACA,uBASA,CARA,eAGF,oBACE,gBACA,CAEA,qBACA,oBAGF,YACE,eACA,CACA,kBACA,wBAEA,qBACE,cACA,mBACA,aACA,0FAGF,kBAEE,kBACA,YACA,6CAGF,QACE,SACA,+CAEA,aACE,sEAGF,uBACE,yDAGF,anC70BY,8CmCk1Bd,qBACE,aACA,WvCt1BI,cuC21BR,iBACE,qBAGF,wBACE,kBACA,2BAEA,cACE,mBvC/1BsB,gCuCi2BtB,kCAEA,cACE,cACA,gBACA,eACA,gBACA,cvC12Be,qBuC42Bf,mBACA,uHAEA,UvCl3BE,iCuCy3BJ,cACE,cvC12BY,uCuC82Bd,YACE,8BACA,mBACA,sCAGF,eACE,0pDCp4BN,kIACE,CADF,sIACE,uIAYA,aAEE,yIAGF,aAEE,qIAGF,aAEE,6IAGF,aAEE,UChCJ,aACE,gCAEA,gBACE,eACA,mBACA,+BAGF,cACE,iBACA,8CAGF,aACE,kBACA,wBAGF,gBACE,iCAGF,aACE,kBACA,uCAGF,oBACE,gDAGF,SACE,YACA,8BAGF,cACE,iBACA,mEAGF,aACE,kBACA,2DAGF,cAEE,gBACA,mFAGF,cACE,gBACA,+BAGF,eACE,2EAGF,UAEE,mCAGF,aACE,iBACA,yBAGF,kBACE,kBACA,4BAGF,UACE,UACA,wBAGF,aACE,kCAGF,MACE,WACA,cACA,mBACA,2CAGF,aACE,iBACA,0CAGF,gBACE,eACA,mCAGF,WACE,sCAGF,gBACE,gBACA,yCAGF,UACE,iCAGF,aACE,iBACA,+BAGF,UACE,0BAGF,gBACE,eACA,UAGA,WACA,yCAGF,iBACE,mBACA,4GAGF,iBAEE,gBACA,uCAGF,kBACE,eACA,2BAGF,aACE,kBACA,wCAGF,SACE,YACA,yDAGF,SACE,WACA,CAKA,oFAGF,UACE,OACA,uGAGF,UAEE,gBACA,uCAIA,cACE,iBACA,kEAEA,cACE,gBACA,qCAKN,WACE,eACA,iBACA,uCAGF,WACE,sCAGF,aACE,kBACA,0CAGF,gBACE,eACA,uDAGF,gBACE,2CAGF,cACE,iBACA,YACA,yEAGF,aAEE,iBACA,iBAGF,wBACE,iBAGF,SACE,oBACA,yBAGF,aACE,8EAGF,cAEE,gBACA,oDAGF,cACE,mBACA,gEAGF,iBACE,gBACA,CAMA,8KAGF,SACE,QACA,yDAGF,kBACE,eACA,uDAGF,kBACE,gBACA,qDAGF,SACE,QACA,8FAGF,cAEE,mBACA,4CAGF,UACE,SACA,kDAEA,UACE,OACA,qEACA,8BAIJ,sXACE,uCAGF,gBAEE,kCAGF,cACE,iBACA,gDAGF,UACE,UACA,gEAGF,aACE,uDAGF,WACE,WACA,uDAGF,UACE,WACA,uDAGF,UACE,WACA,kDAGF,MACE,0CAGF,iBACE,yBACA,qDAGF,cACE,iBACA,qCAGF,kCACE,gBAEE,kBACA,2DAEA,gBACE,mBACA,uEAKF,gBAEE,kBACA,gFAKN,cAEE,gBACA,6CAKE,eACE,eACA,sDAIJ,aACE,kBACA,4DAKF,cACE,gBACA,8DAGF,gBACE,eACA,mCAIJ,aACE,kBACA,iBACA,kCAGF,WACE,mCAGF,WACE,oCAGF,cACE,gBACA,gFAGF,cACE,mBACA,+DAGF,SACE,QACA,sBChbJ,YACE,eACA,CACA,kBACA,0BAEA,qBACE,iBACA,cACA,mBACA,yDAEA,YAEE,mBACA,kBACA,sBACA,YACA,4BAGF,oBACE,cACA,cACA,qGAEA,kBAGE,sDAKN,iBAEE,gBACA,eACA,iBACA,W1CtCI,uB0CwCJ,mBACA,iBACA,4BAGF,cACE,6BAGF,cACE,c1C/CiB,kB0CiDjB,gBACA,qBAIJ,YACE,eACA,cACA,yBAEA,gBACE,mBACA,6BAEA,aACE,sCAIJ,a1CpEmB,gB0CsEjB,qBACA,wBCxEJ,kB3CG0B,C2CCtB,4EAGF,kBACE,gDAEA,kB3CPsB,wC2CcxB,gBACE,uCAGF,iBACE,kCAIJ,kBACE,yBACA,mEAEA,uDACE,kDAIJ,kBACE,mFAEA,uDACE,qBAMF,eACE,0CAIJ,kDACE,gBAGF,kB3CnD0B,0B2CuD1B,i2BACE,oCAEA,sDACE,CADF,8CACE,iDAOF,kBAEE,uDAEA,kBACE,qBACA,C3CxEoB,8E2CuF1B,kB3CvF0B,4B2C6FxB,yB3C7FwB,2B2CiGxB,wB3CjGwB,8B2CqGxB,2B3CrGwB,6B2CyGxB,0B3CzGwB,wB2CgHxB,kB3ChHwB,cAFL,0F2C2HnB,aACE,4GAEA,kKAEA,aACE,CAHF,6HAEA,aACE,CAHF,qIAEA,aACE,CAHF,mHAEA,aACE,sCAIJ,kBACE,iCAGF,YACE,C3CzIoB,mH2C+IpB,a3C/IoB,8C2CuJxB,aACE,2JAEA,UvC7JM,wCuCoKR,aACE,mEAEA,aACE,CAHF,yDAEA,aACE,CAHF,6DAEA,aACE,CAHF,oDAEA,aACE,2BAIJ,2BACE,gDAKA,a3C7KwB,iB2CkL1B,oBACE,6BAEA,kBACE,0BAIJ,+BACE,qB3C5LwB,oC2CgM1B,kBACE,iMAIA,kBAIE,qBAIJ,kB3C/MqB,sE2CmNrB,kBACE,4FAGF,kBACE,qOAIF,evC9NQ,yBuC0ON,wBAGF,0BACE,0BAGF,wBACE,uLAGF,kBAME,4qEAIE,qBAGE,uCAMN,aAEE,uBAIF,e3C9QQ,gC2CmRJ,a3ChRoB,yB2CyRtB,e3C5RM,CADA,oG2CwSF,U3CxSE,0D2CqTF,a3ClTe,2C2CwTf,U3C3TE,6C2CgUJ,a3C7TiB,6D2CiUjB,U3CpUI,qB2C2UR,UvC1UQ,yBuC6UN,SvC7UM,iGuCmVN,eAGE,CAIA,oEAIA,kBACE,oDAEA,eACE,iHAMA,UvCxWA,2CuCiXR,yCACE,gMAGF,eAUE,sKAGF,U3CnYQ,0D","file":"skins/glitch/mastodon-light/common.css","sourcesContent":["html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:\"\";content:none}table{border-collapse:collapse;border-spacing:0}html{scrollbar-color:#ccd7e0 rgba(255,255,255,.1)}::-webkit-scrollbar{width:12px;height:12px}::-webkit-scrollbar-thumb{background:#ccd7e0;border:0px none #fff;border-radius:50px}::-webkit-scrollbar-thumb:hover{background:#c6d2dc}::-webkit-scrollbar-thumb:active{background:#ccd7e0}::-webkit-scrollbar-track{border:0px none #fff;border-radius:0;background:rgba(255,255,255,.1)}::-webkit-scrollbar-track:hover{background:#d9e1e8}::-webkit-scrollbar-track:active{background:#d9e1e8}::-webkit-scrollbar-corner{background:transparent}body{font-family:sans-serif,sans-serif;background:#eff3f5;font-size:13px;line-height:18px;font-weight:400;color:#000;text-rendering:optimizelegibility;font-feature-settings:\"kern\";text-size-adjust:none;-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-tap-highlight-color:transparent}body.system-font{font-family:system-ui,-apple-system,BlinkMacSystemFont,\"Segoe UI\",\"Oxygen\",\"Ubuntu\",\"Cantarell\",\"Fira Sans\",\"Droid Sans\",\"Helvetica Neue\",sans-serif,sans-serif}body.app-body{padding:0}body.app-body.layout-single-column{height:auto;min-height:100vh;overflow-y:scroll}body.app-body.layout-multiple-columns{position:absolute;width:100%;height:100%}body.app-body.with-modals--active{overflow-y:hidden}body.lighter{background:#d9e1e8}body.with-modals{overflow-x:hidden;overflow-y:scroll}body.with-modals--active{overflow-y:hidden}body.embed{background:#ccd7e0;margin:0;padding-bottom:0}body.embed .container{position:absolute;width:100%;height:100%;overflow:hidden}body.admin{background:#e6ebf0;padding:0}body.error{position:absolute;text-align:center;color:#282c37;background:#d9e1e8;width:100%;height:100%;padding:0;display:flex;justify-content:center;align-items:center}body.error .dialog{vertical-align:middle;margin:20px}body.error .dialog img{display:block;max-width:470px;width:100%;height:auto;margin-top:-120px}body.error .dialog h1{font-size:20px;line-height:28px;font-weight:400}button{font-family:inherit;cursor:pointer}button:focus{outline:none}.app-holder,.app-holder>div{display:flex;width:100%;align-items:center;justify-content:center;outline:0 !important}.layout-single-column .app-holder,.layout-single-column .app-holder>div{min-height:100vh}.layout-multiple-columns .app-holder,.layout-multiple-columns .app-holder>div{height:100%}.container-alt{width:700px;margin:0 auto;margin-top:40px}@media screen and (max-width: 740px){.container-alt{width:100%;margin:0}}.logo-container{margin:100px auto 50px}@media screen and (max-width: 500px){.logo-container{margin:40px auto 0}}.logo-container h1{display:flex;justify-content:center;align-items:center}.logo-container h1 svg{fill:#000;height:42px;margin-right:10px}.logo-container h1 a{display:flex;justify-content:center;align-items:center;color:#000;text-decoration:none;outline:0;padding:12px 16px;line-height:32px;font-family:sans-serif,sans-serif;font-weight:500;font-size:14px}.compose-standalone .compose-form{width:400px;margin:0 auto;padding:20px 0;margin-top:40px;box-sizing:border-box}@media screen and (max-width: 400px){.compose-standalone .compose-form{width:100%;margin-top:0;padding:20px}}.account-header{width:400px;margin:0 auto;display:flex;font-size:13px;line-height:18px;box-sizing:border-box;padding:20px 0;padding-bottom:0;margin-bottom:-30px;margin-top:40px}@media screen and (max-width: 440px){.account-header{width:100%;margin:0;margin-bottom:10px;padding:20px;padding-bottom:0}}.account-header .avatar{width:40px;height:40px;width:40px;height:40px;background-size:40px 40px;margin-right:8px}.account-header .avatar img{width:100%;height:100%;display:block;margin:0;border-radius:4px;border-radius:8%;background-position:50%;background-clip:padding-box}.account-header .name{flex:1 1 auto;color:#282c37;width:calc(100% - 88px)}.account-header .name .username{display:block;font-weight:500;text-overflow:ellipsis;overflow:hidden}.account-header .logout-link{display:block;font-size:32px;line-height:40px;margin-left:8px}.grid-3{display:grid;grid-gap:10px;grid-template-columns:3fr 1fr;grid-auto-columns:25%;grid-auto-rows:max-content}.grid-3 .column-0{grid-column:1/3;grid-row:1}.grid-3 .column-1{grid-column:1;grid-row:2}.grid-3 .column-2{grid-column:2;grid-row:2}.grid-3 .column-3{grid-column:1/3;grid-row:3}@media screen and (max-width: 415px){.grid-3{grid-gap:0;grid-template-columns:minmax(0, 100%)}.grid-3 .column-0{grid-column:1}.grid-3 .column-1{grid-column:1;grid-row:3}.grid-3 .column-2{grid-column:1;grid-row:2}.grid-3 .column-3{grid-column:1;grid-row:4}}.grid-4{display:grid;grid-gap:10px;grid-template-columns:repeat(4, minmax(0, 1fr));grid-auto-columns:25%;grid-auto-rows:max-content}.grid-4 .column-0{grid-column:1/5;grid-row:1}.grid-4 .column-1{grid-column:1/4;grid-row:2}.grid-4 .column-2{grid-column:4;grid-row:2}.grid-4 .column-3{grid-column:2/5;grid-row:3}.grid-4 .column-4{grid-column:1;grid-row:3}.grid-4 .landing-page__call-to-action{min-height:100%}.grid-4 .flash-message{margin-bottom:10px}@media screen and (max-width: 738px){.grid-4{grid-template-columns:minmax(0, 50%) minmax(0, 50%)}.grid-4 .landing-page__call-to-action{padding:20px;display:flex;align-items:center;justify-content:center}.grid-4 .row__information-board{width:100%;justify-content:center;align-items:center}.grid-4 .row__mascot{display:none}}@media screen and (max-width: 415px){.grid-4{grid-gap:0;grid-template-columns:minmax(0, 100%)}.grid-4 .column-0{grid-column:1}.grid-4 .column-1{grid-column:1;grid-row:3}.grid-4 .column-2{grid-column:1;grid-row:2}.grid-4 .column-3{grid-column:1;grid-row:5}.grid-4 .column-4{grid-column:1;grid-row:4}}@media screen and (max-width: 415px){.public-layout{padding-top:48px}}.public-layout .container{max-width:960px}@media screen and (max-width: 415px){.public-layout .container{padding:0}}.public-layout .header{background:#c0cdd9;box-shadow:0 0 15px rgba(0,0,0,.2);border-radius:4px;height:48px;margin:10px 0;display:flex;align-items:stretch;justify-content:center;flex-wrap:nowrap;overflow:hidden}@media screen and (max-width: 415px){.public-layout .header{position:fixed;width:100%;top:0;left:0;margin:0;border-radius:0;box-shadow:none;z-index:110}}.public-layout .header>div{flex:1 1 33.3%;min-height:1px}.public-layout .header .nav-left{display:flex;align-items:stretch;justify-content:flex-start;flex-wrap:nowrap}.public-layout .header .nav-center{display:flex;align-items:stretch;justify-content:center;flex-wrap:nowrap}.public-layout .header .nav-right{display:flex;align-items:stretch;justify-content:flex-end;flex-wrap:nowrap}.public-layout .header .brand{display:block;padding:15px}.public-layout .header .brand svg{display:block;height:18px;width:auto;position:relative;bottom:-2px;fill:#000}@media screen and (max-width: 415px){.public-layout .header .brand svg{height:20px}}.public-layout .header .brand:hover,.public-layout .header .brand:focus,.public-layout .header .brand:active{background:#b3c3d1}.public-layout .header .nav-link{display:flex;align-items:center;padding:0 1rem;font-size:12px;font-weight:500;text-decoration:none;color:#282c37;white-space:nowrap;text-align:center}.public-layout .header .nav-link:hover,.public-layout .header .nav-link:focus,.public-layout .header .nav-link:active{text-decoration:underline;color:#000}@media screen and (max-width: 550px){.public-layout .header .nav-link.optional{display:none}}.public-layout .header .nav-button{background:#a6b9c9;margin:8px;margin-left:0;border-radius:4px}.public-layout .header .nav-button:hover,.public-layout .header .nav-button:focus,.public-layout .header .nav-button:active{text-decoration:none;background:#99afc2}.public-layout .grid{display:grid;grid-gap:10px;grid-template-columns:minmax(300px, 3fr) minmax(298px, 1fr);grid-auto-columns:25%;grid-auto-rows:max-content}.public-layout .grid .column-0{grid-row:1;grid-column:1}.public-layout .grid .column-1{grid-row:1;grid-column:2}@media screen and (max-width: 600px){.public-layout .grid{grid-template-columns:100%;grid-gap:0}.public-layout .grid .column-1{display:none}}.public-layout .directory__card{border-radius:4px}@media screen and (max-width: 415px){.public-layout .directory__card{border-radius:0}}@media screen and (max-width: 415px){.public-layout .page-header{border-bottom:0}}.public-layout .public-account-header{overflow:hidden;margin-bottom:10px;box-shadow:0 0 15px rgba(0,0,0,.2)}.public-layout .public-account-header.inactive{opacity:.5}.public-layout .public-account-header.inactive .public-account-header__image,.public-layout .public-account-header.inactive .avatar{filter:grayscale(100%)}.public-layout .public-account-header.inactive .logo-button{background-color:#282c37}.public-layout .public-account-header__image{border-radius:4px 4px 0 0;overflow:hidden;height:300px;position:relative;background:#fff}.public-layout .public-account-header__image::after{content:\"\";display:block;position:absolute;width:100%;height:100%;box-shadow:inset 0 -1px 1px 1px rgba(0,0,0,.15);top:0;left:0}.public-layout .public-account-header__image img{object-fit:cover;display:block;width:100%;height:100%;margin:0;border-radius:4px 4px 0 0}@media screen and (max-width: 600px){.public-layout .public-account-header__image{height:200px}}.public-layout .public-account-header--no-bar{margin-bottom:0}.public-layout .public-account-header--no-bar .public-account-header__image,.public-layout .public-account-header--no-bar .public-account-header__image img{border-radius:4px}@media screen and (max-width: 415px){.public-layout .public-account-header--no-bar .public-account-header__image,.public-layout .public-account-header--no-bar .public-account-header__image img{border-radius:0}}@media screen and (max-width: 415px){.public-layout .public-account-header{margin-bottom:0;box-shadow:none}.public-layout .public-account-header__image::after{display:none}.public-layout .public-account-header__image,.public-layout .public-account-header__image img{border-radius:0}}.public-layout .public-account-header__bar{position:relative;margin-top:-80px;display:flex;justify-content:flex-start}.public-layout .public-account-header__bar::before{content:\"\";display:block;background:#ccd7e0;position:absolute;bottom:0;left:0;right:0;height:60px;border-radius:0 0 4px 4px;z-index:-1}.public-layout .public-account-header__bar .avatar{display:block;width:120px;height:120px;width:120px;height:120px;background-size:120px 120px;padding-left:16px;flex:0 0 auto}.public-layout .public-account-header__bar .avatar img{display:block;width:100%;height:100%;margin:0;border-radius:50%;border:4px solid #ccd7e0;background:#f2f5f7;border-radius:8%;background-position:50%;background-clip:padding-box}@media screen and (max-width: 600px){.public-layout .public-account-header__bar{margin-top:0;background:#ccd7e0;border-radius:0 0 4px 4px;padding:5px}.public-layout .public-account-header__bar::before{display:none}.public-layout .public-account-header__bar .avatar{width:48px;height:48px;width:48px;height:48px;background-size:48px 48px;padding:7px 0;padding-left:10px}.public-layout .public-account-header__bar .avatar img{border:0;border-radius:4px;border-radius:8%;background-position:50%;background-clip:padding-box}}@media screen and (max-width: 600px)and (max-width: 360px){.public-layout .public-account-header__bar .avatar{display:none}}@media screen and (max-width: 415px){.public-layout .public-account-header__bar{border-radius:0}}@media screen and (max-width: 600px){.public-layout .public-account-header__bar{flex-wrap:wrap}}.public-layout .public-account-header__tabs{flex:1 1 auto;margin-left:20px}.public-layout .public-account-header__tabs__name{padding-top:20px;padding-bottom:8px}.public-layout .public-account-header__tabs__name h1{font-size:20px;line-height:27px;color:#000;font-weight:500;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;text-shadow:1px 1px 1px #000}.public-layout .public-account-header__tabs__name h1 small{display:block;font-size:14px;color:#000;font-weight:400;overflow:hidden;text-overflow:ellipsis}@media screen and (max-width: 600px){.public-layout .public-account-header__tabs{margin-left:15px;display:flex;justify-content:space-between;align-items:center}.public-layout .public-account-header__tabs__name{padding-top:0;padding-bottom:0}.public-layout .public-account-header__tabs__name h1{font-size:16px;line-height:24px;text-shadow:none}.public-layout .public-account-header__tabs__name h1 small{color:#282c37}}.public-layout .public-account-header__tabs__tabs{display:flex;justify-content:flex-start;align-items:stretch;height:58px}.public-layout .public-account-header__tabs__tabs .details-counters{display:flex;flex-direction:row;min-width:300px}@media screen and (max-width: 600px){.public-layout .public-account-header__tabs__tabs .details-counters{display:none}}.public-layout .public-account-header__tabs__tabs .counter{min-width:33.3%;box-sizing:border-box;flex:0 0 auto;color:#282c37;padding:10px;border-right:1px solid #ccd7e0;cursor:default;text-align:center;position:relative}.public-layout .public-account-header__tabs__tabs .counter a{display:block}.public-layout .public-account-header__tabs__tabs .counter:last-child{border-right:0}.public-layout .public-account-header__tabs__tabs .counter::after{display:block;content:\"\";position:absolute;bottom:0;left:0;width:100%;border-bottom:4px solid #9baec8;opacity:.5;transition:all 400ms ease}.public-layout .public-account-header__tabs__tabs .counter.active::after{border-bottom:4px solid #2b90d9;opacity:1}.public-layout .public-account-header__tabs__tabs .counter.active.inactive::after{border-bottom-color:#282c37}.public-layout .public-account-header__tabs__tabs .counter:hover::after{opacity:1;transition-duration:100ms}.public-layout .public-account-header__tabs__tabs .counter a{text-decoration:none;color:inherit}.public-layout .public-account-header__tabs__tabs .counter .counter-label{font-size:12px;display:block}.public-layout .public-account-header__tabs__tabs .counter .counter-number{font-weight:500;font-size:18px;margin-bottom:5px;color:#000;font-family:sans-serif,sans-serif}.public-layout .public-account-header__tabs__tabs .spacer{flex:1 1 auto;height:1px}.public-layout .public-account-header__tabs__tabs__buttons{padding:7px 8px}.public-layout .public-account-header__extra{display:none;margin-top:4px}.public-layout .public-account-header__extra .public-account-bio{border-radius:0;box-shadow:none;background:transparent;margin:0 -5px}.public-layout .public-account-header__extra .public-account-bio .account__header__fields{border-top:1px solid #b3c3d1}.public-layout .public-account-header__extra .public-account-bio .roles{display:none}.public-layout .public-account-header__extra__links{margin-top:-15px;font-size:14px;color:#282c37}.public-layout .public-account-header__extra__links a{display:inline-block;color:#282c37;text-decoration:none;padding:15px;font-weight:500}.public-layout .public-account-header__extra__links a strong{font-weight:700;color:#000}@media screen and (max-width: 600px){.public-layout .public-account-header__extra{display:block;flex:100%}}.public-layout .account__section-headline{border-radius:4px 4px 0 0}@media screen and (max-width: 415px){.public-layout .account__section-headline{border-radius:0}}.public-layout .detailed-status__meta{margin-top:25px}.public-layout .public-account-bio{background:#c0cdd9;box-shadow:0 0 15px rgba(0,0,0,.2);border-radius:4px;overflow:hidden;margin-bottom:10px}@media screen and (max-width: 415px){.public-layout .public-account-bio{box-shadow:none;margin-bottom:0;border-radius:0}}.public-layout .public-account-bio .account__header__fields{margin:0;border-top:0}.public-layout .public-account-bio .account__header__fields a{color:#217aba}.public-layout .public-account-bio .account__header__fields dl:first-child .verified{border-radius:0 4px 0 0}.public-layout .public-account-bio .account__header__fields .verified a{color:#79bd9a}.public-layout .public-account-bio .account__header__content{padding:20px;padding-bottom:0;color:#000}.public-layout .public-account-bio__extra,.public-layout .public-account-bio .roles{padding:20px;font-size:14px;color:#282c37}.public-layout .public-account-bio .roles{padding-bottom:0}.public-layout .directory__list{display:grid;grid-gap:10px;grid-template-columns:minmax(0, 50%) minmax(0, 50%)}@media screen and (max-width: 415px){.public-layout .directory__list{display:block}}.public-layout .directory__list .icon-button{font-size:18px}.public-layout .directory__card{margin-bottom:0}.public-layout .card-grid{display:flex;flex-wrap:wrap;min-width:100%;margin:0 -5px}.public-layout .card-grid>div{box-sizing:border-box;flex:1 0 auto;width:300px;padding:0 5px;margin-bottom:10px;max-width:33.333%}@media screen and (max-width: 900px){.public-layout .card-grid>div{max-width:50%}}@media screen and (max-width: 600px){.public-layout .card-grid>div{max-width:100%}}@media screen and (max-width: 415px){.public-layout .card-grid{margin:0;border-top:1px solid #c0cdd9}.public-layout .card-grid>div{width:100%;padding:0;margin-bottom:0;border-bottom:1px solid #c0cdd9}.public-layout .card-grid>div:last-child{border-bottom:0}.public-layout .card-grid>div .card__bar{background:#d9e1e8}.public-layout .card-grid>div .card__bar:hover,.public-layout .card-grid>div .card__bar:active,.public-layout .card-grid>div .card__bar:focus{background:#ccd7e0}}.no-list{list-style:none}.no-list li{display:inline-block;margin:0 5px}.recovery-codes{list-style:none;margin:0 auto}.recovery-codes li{font-size:125%;line-height:1.5;letter-spacing:1px}.modal-layout{background:#d9e1e8 url('data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 234.80078 31.757813\" width=\"234.80078\" height=\"31.757812\"><path d=\"M19.599609 0c-1.05 0-2.10039.375-2.90039 1.125L0 16.925781v14.832031h234.80078V17.025391l-16.5-15.900391c-1.6-1.5-4.20078-1.5-5.80078 0l-13.80078 13.099609c-1.6 1.5-4.19883 1.5-5.79883 0L179.09961 1.125c-1.6-1.5-4.19883-1.5-5.79883 0L159.5 14.224609c-1.6 1.5-4.20078 1.5-5.80078 0L139.90039 1.125c-1.6-1.5-4.20078-1.5-5.80078 0l-13.79883 13.099609c-1.6 1.5-4.20078 1.5-5.80078 0L100.69922 1.125c-1.600001-1.5-4.198829-1.5-5.798829 0l-13.59961 13.099609c-1.6 1.5-4.200781 1.5-5.800781 0L61.699219 1.125c-1.6-1.5-4.198828-1.5-5.798828 0L42.099609 14.224609c-1.6 1.5-4.198828 1.5-5.798828 0L22.5 1.125C21.7.375 20.649609 0 19.599609 0z\" fill=\"%233C5063\"/></svg>') repeat-x bottom fixed;display:flex;flex-direction:column;height:100vh;padding:0}.modal-layout__mastodon{display:flex;flex:1;flex-direction:column;justify-content:flex-end}.modal-layout__mastodon>*{flex:1;max-height:235px}@media screen and (max-width: 600px){.account-header{margin-top:0}}.public-layout .footer{text-align:left;padding-top:20px;padding-bottom:60px;font-size:12px;color:#6d8ca7}@media screen and (max-width: 415px){.public-layout .footer{padding-left:20px;padding-right:20px}}.public-layout .footer .grid{display:grid;grid-gap:10px;grid-template-columns:1fr 1fr 2fr 1fr 1fr}.public-layout .footer .grid .column-0{grid-column:1;grid-row:1;min-width:0}.public-layout .footer .grid .column-1{grid-column:2;grid-row:1;min-width:0}.public-layout .footer .grid .column-2{grid-column:3;grid-row:1;min-width:0;text-align:center}.public-layout .footer .grid .column-2 h4 a{color:#6d8ca7}.public-layout .footer .grid .column-3{grid-column:4;grid-row:1;min-width:0}.public-layout .footer .grid .column-4{grid-column:5;grid-row:1;min-width:0}@media screen and (max-width: 690px){.public-layout .footer .grid{grid-template-columns:1fr 2fr 1fr}.public-layout .footer .grid .column-0,.public-layout .footer .grid .column-1{grid-column:1}.public-layout .footer .grid .column-1{grid-row:2}.public-layout .footer .grid .column-2{grid-column:2}.public-layout .footer .grid .column-3,.public-layout .footer .grid .column-4{grid-column:3}.public-layout .footer .grid .column-4{grid-row:2}}@media screen and (max-width: 600px){.public-layout .footer .grid .column-1{display:block}}@media screen and (max-width: 415px){.public-layout .footer .grid .column-0,.public-layout .footer .grid .column-1,.public-layout .footer .grid .column-3,.public-layout .footer .grid .column-4{display:none}}.public-layout .footer h4{text-transform:uppercase;font-weight:700;margin-bottom:8px;color:#282c37}.public-layout .footer h4 a{color:inherit;text-decoration:none}.public-layout .footer ul a{text-decoration:none;color:#6d8ca7}.public-layout .footer ul a:hover,.public-layout .footer ul a:active,.public-layout .footer ul a:focus{text-decoration:underline}.public-layout .footer .brand svg{display:block;height:36px;width:auto;margin:0 auto;fill:#6d8ca7}.public-layout .footer .brand:hover svg,.public-layout .footer .brand:focus svg,.public-layout .footer .brand:active svg{fill:#60829f}.compact-header h1{font-size:24px;line-height:28px;color:#282c37;font-weight:500;margin-bottom:20px;padding:0 10px;word-wrap:break-word}@media screen and (max-width: 740px){.compact-header h1{text-align:center;padding:20px 10px 0}}.compact-header h1 a{color:inherit;text-decoration:none}.compact-header h1 small{font-weight:400;color:#282c37}.compact-header h1 img{display:inline-block;margin-bottom:-5px;margin-right:15px;width:36px;height:36px}.hero-widget{margin-bottom:10px;box-shadow:0 0 15px rgba(0,0,0,.2)}.hero-widget__img{width:100%;position:relative;overflow:hidden;border-radius:4px 4px 0 0;background:#000}.hero-widget__img img{object-fit:cover;display:block;width:100%;height:100%;margin:0;border-radius:4px 4px 0 0}.hero-widget__text{background:#d9e1e8;padding:20px;border-radius:0 0 4px 4px;font-size:15px;color:#282c37;line-height:20px;word-wrap:break-word;font-weight:400}.hero-widget__text .emojione{width:20px;height:20px;margin:-3px 0 0}.hero-widget__text p{margin-bottom:20px}.hero-widget__text p:last-child{margin-bottom:0}.hero-widget__text em{display:inline;margin:0;padding:0;font-weight:700;background:transparent;font-family:inherit;font-size:inherit;line-height:inherit;color:#131419}.hero-widget__text a{color:#282c37;text-decoration:none}.hero-widget__text a:hover{text-decoration:underline}@media screen and (max-width: 415px){.hero-widget{display:none}}.endorsements-widget{margin-bottom:10px;padding-bottom:10px}.endorsements-widget h4{padding:10px;text-transform:uppercase;font-weight:700;font-size:13px;color:#282c37}.endorsements-widget .account{padding:10px 0}.endorsements-widget .account:last-child{border-bottom:0}.endorsements-widget .account .account__display-name{display:flex;align-items:center}.endorsements-widget .account .account__avatar{width:44px;height:44px;background-size:44px 44px}.endorsements-widget .trends__item{padding:10px}.trends-widget h4{color:#282c37}.box-widget{padding:20px;border-radius:4px;background:#d9e1e8;box-shadow:0 0 15px rgba(0,0,0,.2)}.placeholder-widget{padding:16px;border-radius:4px;border:2px dashed #444b5d;text-align:center;color:#282c37;margin-bottom:10px}.contact-widget{min-height:100%;font-size:15px;color:#282c37;line-height:20px;word-wrap:break-word;font-weight:400;padding:0}.contact-widget h4{padding:10px;text-transform:uppercase;font-weight:700;font-size:13px;color:#282c37}.contact-widget .account{border-bottom:0;padding:10px 0;padding-top:5px}.contact-widget>a{display:inline-block;padding:10px;padding-top:0;color:#282c37;text-decoration:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.contact-widget>a:hover,.contact-widget>a:focus,.contact-widget>a:active{text-decoration:underline}.moved-account-widget{padding:15px;padding-bottom:20px;border-radius:4px;background:#d9e1e8;box-shadow:0 0 15px rgba(0,0,0,.2);color:#282c37;font-weight:400;margin-bottom:10px}.moved-account-widget strong,.moved-account-widget a{font-weight:500}.moved-account-widget strong:lang(ja),.moved-account-widget a:lang(ja){font-weight:700}.moved-account-widget strong:lang(ko),.moved-account-widget a:lang(ko){font-weight:700}.moved-account-widget strong:lang(zh-CN),.moved-account-widget a:lang(zh-CN){font-weight:700}.moved-account-widget strong:lang(zh-HK),.moved-account-widget a:lang(zh-HK){font-weight:700}.moved-account-widget strong:lang(zh-TW),.moved-account-widget a:lang(zh-TW){font-weight:700}.moved-account-widget a{color:inherit;text-decoration:underline}.moved-account-widget a.mention{text-decoration:none}.moved-account-widget a.mention span{text-decoration:none}.moved-account-widget a.mention:focus,.moved-account-widget a.mention:hover,.moved-account-widget a.mention:active{text-decoration:none}.moved-account-widget a.mention:focus span,.moved-account-widget a.mention:hover span,.moved-account-widget a.mention:active span{text-decoration:underline}.moved-account-widget__message{margin-bottom:15px}.moved-account-widget__message .fa{margin-right:5px;color:#282c37}.moved-account-widget__card .detailed-status__display-avatar{position:relative;cursor:pointer}.moved-account-widget__card .detailed-status__display-name{margin-bottom:0;text-decoration:none}.moved-account-widget__card .detailed-status__display-name span{font-weight:400}.memoriam-widget{padding:20px;border-radius:4px;background:#000;box-shadow:0 0 15px rgba(0,0,0,.2);font-size:14px;color:#282c37;margin-bottom:10px}.page-header{background:#c0cdd9;box-shadow:0 0 15px rgba(0,0,0,.2);border-radius:4px;padding:60px 15px;text-align:center;margin:10px 0}.page-header h1{color:#000;font-size:36px;line-height:1.1;font-weight:700;margin-bottom:10px}.page-header p{font-size:15px;color:#282c37}@media screen and (max-width: 415px){.page-header{margin-top:0;background:#ccd7e0}.page-header h1{font-size:24px}}.directory{background:#d9e1e8;border-radius:4px;box-shadow:0 0 15px rgba(0,0,0,.2)}.directory__tag{box-sizing:border-box;margin-bottom:10px}.directory__tag>a,.directory__tag>div{display:flex;align-items:center;justify-content:space-between;background:#d9e1e8;border-radius:4px;padding:15px;text-decoration:none;color:inherit;box-shadow:0 0 15px rgba(0,0,0,.2)}.directory__tag>a:hover,.directory__tag>a:active,.directory__tag>a:focus{background:#c0cdd9}.directory__tag.active>a{background:#2b90d9;cursor:default}.directory__tag.disabled>div{opacity:.5;cursor:default}.directory__tag h4{flex:1 1 auto;font-size:18px;font-weight:700;color:#000;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.directory__tag h4 .fa{color:#282c37}.directory__tag h4 small{display:block;font-weight:400;font-size:15px;margin-top:8px;color:#282c37}.directory__tag.active h4,.directory__tag.active h4 .fa,.directory__tag.active h4 small{color:#000}.directory__tag .avatar-stack{flex:0 0 auto;width:120px}.directory__tag.active .avatar-stack .account__avatar{border-color:#2b90d9}.avatar-stack{display:flex;justify-content:flex-end}.avatar-stack .account__avatar{flex:0 0 auto;width:36px;height:36px;border-radius:50%;position:relative;margin-left:-10px;background:#f2f5f7;border:2px solid #d9e1e8}.avatar-stack .account__avatar:nth-child(1){z-index:1}.avatar-stack .account__avatar:nth-child(2){z-index:2}.avatar-stack .account__avatar:nth-child(3){z-index:3}.accounts-table{width:100%}.accounts-table .account{padding:0;border:0}.accounts-table strong{font-weight:700}.accounts-table thead th{text-align:center;text-transform:uppercase;color:#282c37;font-weight:700;padding:10px}.accounts-table thead th:first-child{text-align:left}.accounts-table tbody td{padding:15px 0;vertical-align:middle;border-bottom:1px solid #c0cdd9}.accounts-table tbody tr:last-child td{border-bottom:0}.accounts-table__count{width:120px;text-align:center;font-size:15px;font-weight:500;color:#000}.accounts-table__count small{display:block;color:#282c37;font-weight:400;font-size:14px}.accounts-table__comment{width:50%;vertical-align:initial !important}@media screen and (max-width: 415px){.accounts-table tbody td.optional{display:none}}@media screen and (max-width: 415px){.moved-account-widget,.memoriam-widget,.box-widget,.contact-widget,.landing-page__information.contact-widget,.directory,.page-header{margin-bottom:0;box-shadow:none;border-radius:0}}.statuses-grid{min-height:600px}@media screen and (max-width: 640px){.statuses-grid{width:100% !important}}.statuses-grid__item{width:313.3333333333px}@media screen and (max-width: 1255px){.statuses-grid__item{width:306.6666666667px}}@media screen and (max-width: 640px){.statuses-grid__item{width:100%}}@media screen and (max-width: 415px){.statuses-grid__item{width:100vw}}.statuses-grid .detailed-status{border-radius:4px}@media screen and (max-width: 415px){.statuses-grid .detailed-status{border-top:1px solid #a6b9c9}}.statuses-grid .detailed-status.compact .detailed-status__meta{margin-top:15px}.statuses-grid .detailed-status.compact .status__content{font-size:15px;line-height:20px}.statuses-grid .detailed-status.compact .status__content .emojione{width:20px;height:20px;margin:-3px 0 0}.statuses-grid .detailed-status.compact .status__content .status__content__spoiler-link{line-height:20px;margin:0}.statuses-grid .detailed-status.compact .media-gallery,.statuses-grid .detailed-status.compact .status-card,.statuses-grid .detailed-status.compact .video-player{margin-top:15px}.notice-widget{margin-bottom:10px;color:#282c37}.notice-widget p{margin-bottom:10px}.notice-widget p:last-child{margin-bottom:0}.notice-widget a{font-size:14px;line-height:20px}.notice-widget a,.placeholder-widget a{text-decoration:none;font-weight:500;color:#2b90d9}.notice-widget a:hover,.notice-widget a:focus,.notice-widget a:active,.placeholder-widget a:hover,.placeholder-widget a:focus,.placeholder-widget a:active{text-decoration:underline}.table-of-contents{background:#e6ebf0;min-height:100%;font-size:14px;border-radius:4px}.table-of-contents li a{display:block;font-weight:500;padding:15px;overflow:hidden;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-decoration:none;color:#000;border-bottom:1px solid #ccd7e0}.table-of-contents li a:hover,.table-of-contents li a:focus,.table-of-contents li a:active{text-decoration:underline}.table-of-contents li:last-child a{border-bottom:0}.table-of-contents li ul{padding-left:20px;border-bottom:1px solid #ccd7e0}code{font-family:monospace,monospace;font-weight:400}.form-container{max-width:400px;padding:20px;margin:0 auto}.simple_form .input{margin-bottom:15px;overflow:hidden}.simple_form .input.hidden{margin:0}.simple_form .input.radio_buttons .radio{margin-bottom:15px}.simple_form .input.radio_buttons .radio:last-child{margin-bottom:0}.simple_form .input.radio_buttons .radio>label{position:relative;padding-left:28px}.simple_form .input.radio_buttons .radio>label input{position:absolute;top:-2px;left:0}.simple_form .input.boolean{position:relative;margin-bottom:0}.simple_form .input.boolean .label_input>label{font-family:inherit;font-size:14px;padding-top:5px;color:#000;display:block;width:auto}.simple_form .input.boolean .label_input,.simple_form .input.boolean .hint{padding-left:28px}.simple_form .input.boolean .label_input__wrapper{position:static}.simple_form .input.boolean label.checkbox{position:absolute;top:2px;left:0}.simple_form .input.boolean label a{color:#2b90d9;text-decoration:underline}.simple_form .input.boolean label a:hover,.simple_form .input.boolean label a:active,.simple_form .input.boolean label a:focus{text-decoration:none}.simple_form .input.boolean .recommended{position:absolute;margin:0 4px;margin-top:-2px}.simple_form .row{display:flex;margin:0 -5px}.simple_form .row .input{box-sizing:border-box;flex:1 1 auto;width:50%;padding:0 5px}.simple_form .hint{color:#282c37}.simple_form .hint a{color:#2b90d9}.simple_form .hint code{border-radius:3px;padding:.2em .4em;background:#fff}.simple_form span.hint{display:block;font-size:12px;margin-top:4px}.simple_form p.hint{margin-bottom:15px;color:#282c37}.simple_form p.hint.subtle-hint{text-align:center;font-size:12px;line-height:18px;margin-top:15px;margin-bottom:0}.simple_form .card{margin-bottom:15px}.simple_form strong{font-weight:500}.simple_form strong:lang(ja){font-weight:700}.simple_form strong:lang(ko){font-weight:700}.simple_form strong:lang(zh-CN){font-weight:700}.simple_form strong:lang(zh-HK){font-weight:700}.simple_form strong:lang(zh-TW){font-weight:700}.simple_form .input.with_floating_label .label_input{display:flex}.simple_form .input.with_floating_label .label_input>label{font-family:inherit;font-size:14px;color:#000;font-weight:500;min-width:150px;flex:0 0 auto}.simple_form .input.with_floating_label .label_input input,.simple_form .input.with_floating_label .label_input select{flex:1 1 auto}.simple_form .input.with_floating_label.select .hint{margin-top:6px;margin-left:150px}.simple_form .input.with_label .label_input>label{font-family:inherit;font-size:14px;color:#000;display:block;margin-bottom:8px;word-wrap:break-word;font-weight:500}.simple_form .input.with_label .hint{margin-top:6px}.simple_form .input.with_label ul{flex:390px}.simple_form .input.with_block_label{max-width:none}.simple_form .input.with_block_label>label{font-family:inherit;font-size:16px;color:#000;display:block;font-weight:500;padding-top:5px}.simple_form .input.with_block_label .hint{margin-bottom:15px}.simple_form .input.with_block_label ul{columns:2}.simple_form .input.datetime .label_input select{display:inline-block;width:auto;flex:0}.simple_form .required abbr{text-decoration:none;color:#c1203b}.simple_form .fields-group{margin-bottom:25px}.simple_form .fields-group .input:last-child{margin-bottom:0}.simple_form .fields-row{display:flex;margin:0 -10px;padding-top:5px;margin-bottom:25px}.simple_form .fields-row .input{max-width:none}.simple_form .fields-row__column{box-sizing:border-box;padding:0 10px;flex:1 1 auto;min-height:1px}.simple_form .fields-row__column-6{max-width:50%}.simple_form .fields-row__column .actions{margin-top:27px}.simple_form .fields-row .fields-group:last-child,.simple_form .fields-row .fields-row__column.fields-group{margin-bottom:0}@media screen and (max-width: 600px){.simple_form .fields-row{display:block;margin-bottom:0}.simple_form .fields-row__column{max-width:none}.simple_form .fields-row .fields-group:last-child,.simple_form .fields-row .fields-row__column.fields-group,.simple_form .fields-row .fields-row__column{margin-bottom:25px}}.simple_form .input.radio_buttons .radio label{margin-bottom:5px;font-family:inherit;font-size:14px;color:#000;display:block;width:auto}.simple_form .check_boxes .checkbox label{font-family:inherit;font-size:14px;color:#000;display:inline-block;width:auto;position:relative;padding-top:5px;padding-left:25px;flex:1 1 auto}.simple_form .check_boxes .checkbox input[type=checkbox]{position:absolute;left:0;top:5px;margin:0}.simple_form .input.static .label_input__wrapper{font-size:16px;padding:10px;border:1px solid #444b5d;border-radius:4px}.simple_form input[type=text],.simple_form input[type=number],.simple_form input[type=email],.simple_form input[type=password],.simple_form textarea{box-sizing:border-box;font-size:16px;color:#000;display:block;width:100%;outline:0;font-family:inherit;resize:vertical;background:#f9fafb;border:1px solid #fff;border-radius:4px;padding:10px}.simple_form input[type=text]::placeholder,.simple_form input[type=number]::placeholder,.simple_form input[type=email]::placeholder,.simple_form input[type=password]::placeholder,.simple_form textarea::placeholder{color:#1f232b}.simple_form input[type=text]:invalid,.simple_form input[type=number]:invalid,.simple_form input[type=email]:invalid,.simple_form input[type=password]:invalid,.simple_form textarea:invalid{box-shadow:none}.simple_form input[type=text]:focus:invalid:not(:placeholder-shown),.simple_form input[type=number]:focus:invalid:not(:placeholder-shown),.simple_form input[type=email]:focus:invalid:not(:placeholder-shown),.simple_form input[type=password]:focus:invalid:not(:placeholder-shown),.simple_form textarea:focus:invalid:not(:placeholder-shown){border-color:#c1203b}.simple_form input[type=text]:required:valid,.simple_form input[type=number]:required:valid,.simple_form input[type=email]:required:valid,.simple_form input[type=password]:required:valid,.simple_form textarea:required:valid{border-color:#79bd9a}.simple_form input[type=text]:hover,.simple_form input[type=number]:hover,.simple_form input[type=email]:hover,.simple_form input[type=password]:hover,.simple_form textarea:hover{border-color:#fff}.simple_form input[type=text]:active,.simple_form input[type=text]:focus,.simple_form input[type=number]:active,.simple_form input[type=number]:focus,.simple_form input[type=email]:active,.simple_form input[type=email]:focus,.simple_form input[type=password]:active,.simple_form input[type=password]:focus,.simple_form textarea:active,.simple_form textarea:focus{border-color:#2b90d9;background:#f2f5f7}.simple_form .input.field_with_errors label{color:#c1203b}.simple_form .input.field_with_errors input[type=text],.simple_form .input.field_with_errors input[type=number],.simple_form .input.field_with_errors input[type=email],.simple_form .input.field_with_errors input[type=password],.simple_form .input.field_with_errors textarea,.simple_form .input.field_with_errors select{border-color:#c1203b}.simple_form .input.field_with_errors .error{display:block;font-weight:500;color:#c1203b;margin-top:4px}.simple_form .input.disabled{opacity:.5}.simple_form .actions{margin-top:30px;display:flex}.simple_form .actions.actions--top{margin-top:0;margin-bottom:30px}.simple_form button,.simple_form .button,.simple_form .block-button{display:block;width:100%;border:0;border-radius:4px;background:#2b90d9;color:#000;font-size:18px;line-height:inherit;height:auto;padding:10px;text-transform:uppercase;text-decoration:none;text-align:center;box-sizing:border-box;cursor:pointer;font-weight:500;outline:0;margin-bottom:10px;margin-right:10px}.simple_form button:last-child,.simple_form .button:last-child,.simple_form .block-button:last-child{margin-right:0}.simple_form button:hover,.simple_form .button:hover,.simple_form .block-button:hover{background-color:#2482c7}.simple_form button:active,.simple_form button:focus,.simple_form .button:active,.simple_form .button:focus,.simple_form .block-button:active,.simple_form .block-button:focus{background-color:#419bdd}.simple_form button:disabled:hover,.simple_form .button:disabled:hover,.simple_form .block-button:disabled:hover{background-color:#9baec8}.simple_form button.negative,.simple_form .button.negative,.simple_form .block-button.negative{background:#df405a}.simple_form button.negative:hover,.simple_form .button.negative:hover,.simple_form .block-button.negative:hover{background-color:#db2a47}.simple_form button.negative:active,.simple_form button.negative:focus,.simple_form .button.negative:active,.simple_form .button.negative:focus,.simple_form .block-button.negative:active,.simple_form .block-button.negative:focus{background-color:#e3566d}.simple_form select{appearance:none;box-sizing:border-box;font-size:16px;color:#000;display:block;width:100%;outline:0;font-family:inherit;resize:vertical;background:#f9fafb url(\"data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14.933 18.467' height='19.698' width='15.929'><path d='M3.467 14.967l-3.393-3.5H14.86l-3.392 3.5c-1.866 1.925-3.666 3.5-4 3.5-.335 0-2.135-1.575-4-3.5zm.266-11.234L7.467 0 11.2 3.733l3.733 3.734H0l3.733-3.734z' fill='%23B3C3D1'/></svg>\") no-repeat right 8px center/auto 16px;border:1px solid #fff;border-radius:4px;padding-left:10px;padding-right:30px;height:41px}.simple_form h4{margin-bottom:15px !important}.simple_form .label_input__wrapper{position:relative}.simple_form .label_input__append{position:absolute;right:3px;top:1px;padding:10px;padding-bottom:9px;font-size:16px;color:#444b5d;font-family:inherit;pointer-events:none;cursor:default;max-width:140px;white-space:nowrap;overflow:hidden}.simple_form .label_input__append::after{content:\"\";display:block;position:absolute;top:0;right:0;bottom:1px;width:5px;background-image:linear-gradient(to right, rgba(249, 250, 251, 0), #f9fafb)}.simple_form__overlay-area{position:relative}.simple_form__overlay-area__blurred form{filter:blur(2px)}.simple_form__overlay-area__overlay{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;justify-content:center;align-items:center;background:rgba(217,225,232,.65);border-radius:4px;margin-left:-4px;margin-top:-4px;padding:4px}.simple_form__overlay-area__overlay__content{text-align:center}.simple_form__overlay-area__overlay__content.rich-formatting,.simple_form__overlay-area__overlay__content.rich-formatting p{color:#000}.block-icon{display:block;margin:0 auto;margin-bottom:10px;font-size:24px}.flash-message{background:#c0cdd9;color:#282c37;border-radius:4px;padding:15px 10px;margin-bottom:30px;text-align:center}.flash-message.notice{border:1px solid rgba(121,189,154,.5);background:rgba(121,189,154,.25);color:#79bd9a}.flash-message.alert{border:1px solid rgba(223,64,90,.5);background:rgba(223,64,90,.25);color:#df405a}.flash-message a{display:inline-block;color:#282c37;text-decoration:none}.flash-message a:hover{color:#000;text-decoration:underline}.flash-message p{margin-bottom:15px}.flash-message .oauth-code{outline:0;box-sizing:border-box;display:block;width:100%;border:none;padding:10px;font-family:monospace,monospace;background:#d9e1e8;color:#000;font-size:14px;margin:0}.flash-message .oauth-code::-moz-focus-inner{border:0}.flash-message .oauth-code::-moz-focus-inner,.flash-message .oauth-code:focus,.flash-message .oauth-code:active{outline:0 !important}.flash-message .oauth-code:focus{background:#ccd7e0}.flash-message strong{font-weight:500}.flash-message strong:lang(ja){font-weight:700}.flash-message strong:lang(ko){font-weight:700}.flash-message strong:lang(zh-CN){font-weight:700}.flash-message strong:lang(zh-HK){font-weight:700}.flash-message strong:lang(zh-TW){font-weight:700}@media screen and (max-width: 740px)and (min-width: 441px){.flash-message{margin-top:40px}}.form-footer{margin-top:30px;text-align:center}.form-footer a{color:#282c37;text-decoration:none}.form-footer a:hover{text-decoration:underline}.quick-nav{list-style:none;margin-bottom:25px;font-size:14px}.quick-nav li{display:inline-block;margin-right:10px}.quick-nav a{color:#2b90d9;text-transform:uppercase;text-decoration:none;font-weight:700}.quick-nav a:hover,.quick-nav a:focus,.quick-nav a:active{color:#217aba}.oauth-prompt,.follow-prompt{margin-bottom:30px;color:#282c37}.oauth-prompt h2,.follow-prompt h2{font-size:16px;margin-bottom:30px;text-align:center}.oauth-prompt strong,.follow-prompt strong{color:#282c37;font-weight:500}.oauth-prompt strong:lang(ja),.follow-prompt strong:lang(ja){font-weight:700}.oauth-prompt strong:lang(ko),.follow-prompt strong:lang(ko){font-weight:700}.oauth-prompt strong:lang(zh-CN),.follow-prompt strong:lang(zh-CN){font-weight:700}.oauth-prompt strong:lang(zh-HK),.follow-prompt strong:lang(zh-HK){font-weight:700}.oauth-prompt strong:lang(zh-TW),.follow-prompt strong:lang(zh-TW){font-weight:700}@media screen and (max-width: 740px)and (min-width: 441px){.oauth-prompt,.follow-prompt{margin-top:40px}}.qr-wrapper{display:flex;flex-wrap:wrap;align-items:flex-start}.qr-code{flex:0 0 auto;background:#fff;padding:4px;margin:0 10px 20px 0;box-shadow:0 0 15px rgba(0,0,0,.2);display:inline-block}.qr-code svg{display:block;margin:0}.qr-alternative{margin-bottom:20px;color:#282c37;flex:150px}.qr-alternative samp{display:block;font-size:14px}.table-form p{margin-bottom:15px}.table-form p strong{font-weight:500}.table-form p strong:lang(ja){font-weight:700}.table-form p strong:lang(ko){font-weight:700}.table-form p strong:lang(zh-CN){font-weight:700}.table-form p strong:lang(zh-HK){font-weight:700}.table-form p strong:lang(zh-TW){font-weight:700}.simple_form .warning,.table-form .warning{box-sizing:border-box;background:rgba(223,64,90,.5);color:#000;text-shadow:1px 1px 0 rgba(0,0,0,.3);box-shadow:0 2px 6px rgba(0,0,0,.4);border-radius:4px;padding:10px;margin-bottom:15px}.simple_form .warning a,.table-form .warning a{color:#000;text-decoration:underline}.simple_form .warning a:hover,.simple_form .warning a:focus,.simple_form .warning a:active,.table-form .warning a:hover,.table-form .warning a:focus,.table-form .warning a:active{text-decoration:none}.simple_form .warning strong,.table-form .warning strong{font-weight:600;display:block;margin-bottom:5px}.simple_form .warning strong:lang(ja),.table-form .warning strong:lang(ja){font-weight:700}.simple_form .warning strong:lang(ko),.table-form .warning strong:lang(ko){font-weight:700}.simple_form .warning strong:lang(zh-CN),.table-form .warning strong:lang(zh-CN){font-weight:700}.simple_form .warning strong:lang(zh-HK),.table-form .warning strong:lang(zh-HK){font-weight:700}.simple_form .warning strong:lang(zh-TW),.table-form .warning strong:lang(zh-TW){font-weight:700}.simple_form .warning strong .fa,.table-form .warning strong .fa{font-weight:400}.action-pagination{display:flex;flex-wrap:wrap;align-items:center}.action-pagination .actions,.action-pagination .pagination{flex:1 1 auto}.action-pagination .actions{padding:30px 0;padding-right:20px;flex:0 0 auto}.post-follow-actions{text-align:center;color:#282c37}.post-follow-actions div{margin-bottom:4px}.alternative-login{margin-top:20px;margin-bottom:20px}.alternative-login h4{font-size:16px;color:#000;text-align:center;margin-bottom:20px;border:0;padding:0}.alternative-login .button{display:block}.scope-danger{color:#ff5050}.form_admin_settings_site_short_description textarea,.form_admin_settings_site_description textarea,.form_admin_settings_site_extended_description textarea,.form_admin_settings_site_terms textarea,.form_admin_settings_custom_css textarea,.form_admin_settings_closed_registrations_message textarea{font-family:monospace,monospace}.input-copy{background:#f9fafb;border:1px solid #fff;border-radius:4px;display:flex;align-items:center;padding-right:4px;position:relative;top:1px;transition:border-color 300ms linear}.input-copy__wrapper{flex:1 1 auto}.input-copy input[type=text]{background:transparent;border:0;padding:10px;font-size:14px;font-family:monospace,monospace}.input-copy button{flex:0 0 auto;margin:4px;text-transform:none;font-weight:400;font-size:14px;padding:7px 18px;padding-bottom:6px;width:auto;transition:background 300ms linear}.input-copy.copied{border-color:#79bd9a;transition:none}.input-copy.copied button{background:#79bd9a;transition:none}.connection-prompt{margin-bottom:25px}.connection-prompt .fa-link{background-color:#e6ebf0;border-radius:100%;font-size:24px;padding:10px}.connection-prompt__column{align-items:center;display:flex;flex:1;flex-direction:column;flex-shrink:1;max-width:50%}.connection-prompt__column-sep{align-self:center;flex-grow:0;overflow:visible;position:relative;z-index:1}.connection-prompt__column p{word-break:break-word}.connection-prompt .account__avatar{margin-bottom:20px}.connection-prompt__connection{background-color:#c0cdd9;box-shadow:0 0 15px rgba(0,0,0,.2);border-radius:4px;padding:25px 10px;position:relative;text-align:center}.connection-prompt__connection::after{background-color:#e6ebf0;content:\"\";display:block;height:100%;left:50%;position:absolute;top:0;width:1px}.connection-prompt__row{align-items:flex-start;display:flex;flex-direction:row}.card>a{display:block;text-decoration:none;color:inherit;box-shadow:0 0 15px rgba(0,0,0,.2)}@media screen and (max-width: 415px){.card>a{box-shadow:none}}.card>a:hover .card__bar,.card>a:active .card__bar,.card>a:focus .card__bar{background:#c0cdd9}.card__img{height:130px;position:relative;background:#fff;border-radius:4px 4px 0 0}.card__img img{display:block;width:100%;height:100%;margin:0;object-fit:cover;border-radius:4px 4px 0 0}@media screen and (max-width: 600px){.card__img{height:200px}}@media screen and (max-width: 415px){.card__img{display:none}}.card__bar{position:relative;padding:15px;display:flex;justify-content:flex-start;align-items:center;background:#ccd7e0;border-radius:0 0 4px 4px}@media screen and (max-width: 415px){.card__bar{border-radius:0}}.card__bar .avatar{flex:0 0 auto;width:48px;height:48px;width:48px;height:48px;background-size:48px 48px;padding-top:2px}.card__bar .avatar img{width:100%;height:100%;display:block;margin:0;border-radius:4px;border-radius:8%;background-position:50%;background-clip:padding-box;background:#f2f5f7;object-fit:cover}.card__bar .display-name{margin-left:15px;text-align:left}.card__bar .display-name strong{font-size:15px;color:#000;font-weight:500;overflow:hidden;text-overflow:ellipsis}.card__bar .display-name span{display:block;font-size:14px;color:#282c37;font-weight:400;overflow:hidden;text-overflow:ellipsis}.pagination{padding:30px 0;text-align:center;overflow:hidden}.pagination a,.pagination .current,.pagination .newer,.pagination .older,.pagination .page,.pagination .gap{font-size:14px;color:#000;font-weight:500;display:inline-block;padding:6px 10px;text-decoration:none}.pagination .current{background:#fff;border-radius:100px;color:#000;cursor:default;margin:0 10px}.pagination .gap{cursor:default}.pagination .older,.pagination .newer{text-transform:uppercase;color:#282c37}.pagination .older{float:left;padding-left:0}.pagination .older .fa{display:inline-block;margin-right:5px}.pagination .newer{float:right;padding-right:0}.pagination .newer .fa{display:inline-block;margin-left:5px}.pagination .disabled{cursor:default;color:#000}@media screen and (max-width: 700px){.pagination{padding:30px 20px}.pagination .page{display:none}.pagination .newer,.pagination .older{display:inline-block}}.nothing-here{background:#d9e1e8;box-shadow:0 0 15px rgba(0,0,0,.2);color:#444b5d;font-size:14px;font-weight:500;text-align:center;display:flex;justify-content:center;align-items:center;cursor:default;border-radius:4px;padding:20px;min-height:30vh}.nothing-here--under-tabs{border-radius:0 0 4px 4px}.nothing-here--flexible{box-sizing:border-box;min-height:100%}.account-role,.simple_form .recommended{display:inline-block;padding:4px 6px;cursor:default;border-radius:3px;font-size:12px;line-height:12px;font-weight:500;color:#282c37;background-color:rgba(40,44,55,.1);border:1px solid rgba(40,44,55,.5)}.account-role.moderator,.simple_form .recommended.moderator{color:#79bd9a;background-color:rgba(121,189,154,.1);border-color:rgba(121,189,154,.5)}.account-role.admin,.simple_form .recommended.admin{color:#c1203b;background-color:rgba(193,32,59,.1);border-color:rgba(193,32,59,.5)}.account__header__fields{max-width:100vw;padding:0;margin:15px -15px -15px;border:0 none;border-top:1px solid #b3c3d1;border-bottom:1px solid #b3c3d1;font-size:14px;line-height:20px}.account__header__fields dl{display:flex;border-bottom:1px solid #b3c3d1}.account__header__fields dt,.account__header__fields dd{box-sizing:border-box;padding:14px;text-align:center;max-height:48px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.account__header__fields dt{font-weight:500;width:120px;flex:0 0 auto;color:#282c37;background:rgba(242,245,247,.5)}.account__header__fields dd{flex:1 1 auto;color:#282c37}.account__header__fields a{color:#2b90d9;text-decoration:none}.account__header__fields a:hover,.account__header__fields a:focus,.account__header__fields a:active{text-decoration:underline}.account__header__fields .verified{border:1px solid rgba(121,189,154,.5);background:rgba(121,189,154,.25)}.account__header__fields .verified a{color:#79bd9a;font-weight:500}.account__header__fields .verified__mark{color:#79bd9a}.account__header__fields dl:last-child{border-bottom:0}.directory__tag .trends__item__current{width:auto}.pending-account__header{color:#282c37}.pending-account__header a{color:#282c37;text-decoration:none}.pending-account__header a:hover,.pending-account__header a:active,.pending-account__header a:focus{text-decoration:underline}.pending-account__header strong{color:#000;font-weight:700}.pending-account__body{margin-top:10px}.activity-stream{box-shadow:0 0 15px rgba(0,0,0,.2);border-radius:4px;overflow:hidden;margin-bottom:10px}@media screen and (max-width: 415px){.activity-stream{margin-bottom:0;border-radius:0;box-shadow:none}}.activity-stream--headless{border-radius:0;margin:0;box-shadow:none}.activity-stream--headless .detailed-status,.activity-stream--headless .status{border-radius:0 !important}.activity-stream div[data-component]{width:100%}.activity-stream .entry{background:#d9e1e8}.activity-stream .entry .detailed-status,.activity-stream .entry .status,.activity-stream .entry .load-more{animation:none}.activity-stream .entry:last-child .detailed-status,.activity-stream .entry:last-child .status,.activity-stream .entry:last-child .load-more{border-bottom:0;border-radius:0 0 4px 4px}.activity-stream .entry:first-child .detailed-status,.activity-stream .entry:first-child .status,.activity-stream .entry:first-child .load-more{border-radius:4px 4px 0 0}.activity-stream .entry:first-child:last-child .detailed-status,.activity-stream .entry:first-child:last-child .status,.activity-stream .entry:first-child:last-child .load-more{border-radius:4px}@media screen and (max-width: 740px){.activity-stream .entry .detailed-status,.activity-stream .entry .status,.activity-stream .entry .load-more{border-radius:0 !important}}.activity-stream--highlighted .entry{background:#c0cdd9}.button.logo-button{flex:0 auto;font-size:14px;background:#2b90d9;color:#000;text-transform:none;line-height:36px;height:auto;padding:3px 15px;border:0}.button.logo-button svg{width:20px;height:auto;vertical-align:middle;margin-right:5px;fill:#000}.button.logo-button:active,.button.logo-button:focus,.button.logo-button:hover{background:#2074b1}.button.logo-button:disabled:active,.button.logo-button:disabled:focus,.button.logo-button:disabled:hover,.button.logo-button.disabled:active,.button.logo-button.disabled:focus,.button.logo-button.disabled:hover{background:#9baec8}.button.logo-button.button--destructive:active,.button.logo-button.button--destructive:focus,.button.logo-button.button--destructive:hover{background:#df405a}@media screen and (max-width: 415px){.button.logo-button svg{display:none}}.embed .detailed-status,.public-layout .detailed-status{padding:15px}.embed .status,.public-layout .status{padding:15px 15px 15px 78px;min-height:50px}.embed .status__avatar,.public-layout .status__avatar{left:15px;top:17px}.embed .status__content,.public-layout .status__content{padding-top:5px}.embed .status__prepend,.public-layout .status__prepend{padding:8px 0;padding-bottom:2px;margin:initial;margin-left:78px;padding-top:15px}.embed .status__prepend-icon-wrapper,.public-layout .status__prepend-icon-wrapper{position:absolute;margin:initial;float:initial;width:auto;left:-32px}.embed .status .media-gallery,.embed .status__action-bar,.embed .status .video-player,.public-layout .status .media-gallery,.public-layout .status__action-bar,.public-layout .status .video-player{margin-top:10px}.embed .status .status__info,.public-layout .status .status__info{font-size:15px;display:initial}.embed .status .status__relative-time,.public-layout .status .status__relative-time{color:#444b5d;float:right;font-size:14px;width:auto;margin:initial;padding:initial}.embed .status .status__info .status__display-name,.public-layout .status .status__info .status__display-name{display:block;max-width:100%;padding:6px 0;padding-right:25px;margin:initial}.embed .status .status__info .status__display-name .display-name strong,.public-layout .status .status__info .status__display-name .display-name strong{display:inline}.embed .status .status__avatar,.public-layout .status .status__avatar{height:48px;position:absolute;width:48px;margin:initial}.rtl .embed .status,.rtl .public-layout .status{padding-left:10px;padding-right:68px}.rtl .embed .status .status__info .status__display-name,.rtl .public-layout .status .status__info .status__display-name{padding-left:25px;padding-right:0}.rtl .embed .status .status__relative-time,.rtl .public-layout .status .status__relative-time{float:left}.status__content__read-more-button{display:block;font-size:15px;line-height:20px;color:#217aba;border:0;background:transparent;padding:0;padding-top:8px;text-decoration:none}.status__content__read-more-button:hover,.status__content__read-more-button:active{text-decoration:underline}.app-body{-webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar}.animated-number{display:inline-flex;flex-direction:column;align-items:stretch;overflow:hidden;position:relative}.link-button{display:block;font-size:15px;line-height:20px;color:#2b90d9;border:0;background:transparent;padding:0;cursor:pointer}.link-button:hover,.link-button:active{text-decoration:underline}.link-button:disabled{color:#9baec8;cursor:default}.button{background-color:#3897db;border:10px none;border-radius:4px;box-sizing:border-box;color:#000;cursor:pointer;display:inline-block;font-family:inherit;font-size:14px;font-weight:500;height:36px;letter-spacing:0;line-height:36px;overflow:hidden;padding:0 16px;position:relative;text-align:center;text-transform:uppercase;text-decoration:none;text-overflow:ellipsis;transition:all 100ms ease-in;transition-property:background-color;white-space:nowrap;width:auto}.button:active,.button:focus,.button:hover{background-color:#227dbe;transition:all 200ms ease-out;transition-property:background-color}.button--destructive{transition:none}.button--destructive:active,.button--destructive:focus,.button--destructive:hover{background-color:#df405a;transition:none}.button:disabled{background-color:#9baec8;cursor:default}.button.button-primary,.button.button-alternative,.button.button-secondary,.button.button-alternative-2{font-size:16px;line-height:36px;height:auto;text-transform:none;padding:4px 16px}.button.button-alternative{color:#000;background:#9baec8}.button.button-alternative:active,.button.button-alternative:focus,.button.button-alternative:hover{background-color:#8ea3c1}.button.button-alternative-2{background:#3c5063}.button.button-alternative-2:active,.button.button-alternative-2:focus,.button.button-alternative-2:hover{background-color:#344656}.button.button-secondary{font-size:16px;line-height:36px;height:auto;color:#282c37;text-transform:none;background:transparent;padding:3px 15px;border-radius:4px;border:1px solid #9baec8}.button.button-secondary:active,.button.button-secondary:focus,.button.button-secondary:hover{border-color:#8ea3c1;color:#1f232b}.button.button-secondary:disabled{opacity:.5}.button.button--block{display:block;width:100%}.icon-button{display:inline-block;padding:0;color:#606984;border:0;border-radius:4px;background:transparent;cursor:pointer;transition:all 100ms ease-in;transition-property:background-color,color}.icon-button:hover,.icon-button:active,.icon-button:focus{color:#51596f;background-color:rgba(96,105,132,.15);transition:all 200ms ease-out;transition-property:background-color,color}.icon-button:focus{background-color:rgba(96,105,132,.3)}.icon-button.disabled{color:#828ba4;background-color:transparent;cursor:default}.icon-button.active{color:#2b90d9}.icon-button::-moz-focus-inner{border:0}.icon-button::-moz-focus-inner,.icon-button:focus,.icon-button:active{outline:0 !important}.icon-button.inverted{color:#282c37}.icon-button.inverted:hover,.icon-button.inverted:active,.icon-button.inverted:focus{color:#373d4c;background-color:rgba(40,44,55,.15)}.icon-button.inverted:focus{background-color:rgba(40,44,55,.3)}.icon-button.inverted.disabled{color:#191b22;background-color:transparent}.icon-button.inverted.active{color:#2b90d9}.icon-button.inverted.active.disabled{color:#1d6ca4}.icon-button.overlayed{box-sizing:content-box;background:rgba(255,255,255,.6);color:rgba(0,0,0,.7);border-radius:4px;padding:2px}.icon-button.overlayed:hover{background:rgba(255,255,255,.9)}.text-icon-button{color:#282c37;border:0;border-radius:4px;background:transparent;cursor:pointer;font-weight:600;font-size:11px;padding:0 3px;line-height:27px;outline:0;transition:all 100ms ease-in;transition-property:background-color,color}.text-icon-button:hover,.text-icon-button:active,.text-icon-button:focus{color:#373d4c;background-color:rgba(40,44,55,.15);transition:all 200ms ease-out;transition-property:background-color,color}.text-icon-button:focus{background-color:rgba(40,44,55,.3)}.text-icon-button.disabled{color:#000;background-color:transparent;cursor:default}.text-icon-button.active{color:#2b90d9}.text-icon-button::-moz-focus-inner{border:0}.text-icon-button::-moz-focus-inner,.text-icon-button:focus,.text-icon-button:active{outline:0 !important}.dropdown-menu{position:absolute;transform-origin:50% 0}.invisible{font-size:0;line-height:0;display:inline-block;width:0;height:0;position:absolute}.invisible img,.invisible svg{margin:0 !important;border:0 !important;padding:0 !important;width:0 !important;height:0 !important}.ellipsis::after{content:\"…\"}.notification__favourite-icon-wrapper{left:0;position:absolute}.notification__favourite-icon-wrapper .fa.star-icon{color:#ca8f04}.star-icon.active{color:#ca8f04}.bookmark-icon.active{color:#ff5050}.no-reduce-motion .icon-button.star-icon.activate>.fa-star{animation:spring-rotate-in 1s linear}.no-reduce-motion .icon-button.star-icon.deactivate>.fa-star{animation:spring-rotate-out 1s linear}.notification__display-name{color:inherit;font-weight:500;text-decoration:none}.notification__display-name:hover{color:#000;text-decoration:underline}.display-name{display:block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.display-name a{color:inherit;text-decoration:inherit}.display-name strong{height:18px;font-size:16px;font-weight:500;line-height:18px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.display-name span{display:block;height:18px;font-size:15px;line-height:18px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.display-name>a:hover strong{text-decoration:underline}.display-name.inline{padding:0;height:18px;font-size:15px;line-height:18px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.display-name.inline strong{display:inline;height:auto;font-size:inherit;line-height:inherit}.display-name.inline span{display:inline;height:auto;font-size:inherit;line-height:inherit}.display-name__html{font-weight:500}.display-name__account{font-size:14px}.image-loader{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center;flex-direction:column}.image-loader .image-loader__preview-canvas{max-width:100%;max-height:80%;background:url(\"~images/void.png\") repeat;object-fit:contain}.image-loader .loading-bar{position:relative}.image-loader.image-loader--amorphous .image-loader__preview-canvas{display:none}.zoomable-image{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center}.zoomable-image img{max-width:100%;max-height:80%;width:auto;height:auto;object-fit:contain}.dropdown{display:inline-block}.dropdown__content{display:none;position:absolute}.dropdown-menu__separator{border-bottom:1px solid #393f4f;margin:5px 7px 6px;height:0}.dropdown-menu{background:#282c37;padding:4px 0;border-radius:4px;box-shadow:2px 4px 15px rgba(0,0,0,.4)}.dropdown-menu ul{list-style:none}.dropdown-menu__arrow{position:absolute;width:0;height:0;border:0 solid transparent}.dropdown-menu__arrow.left{right:-5px;margin-top:-5px;border-width:5px 0 5px 5px;border-left-color:#282c37}.dropdown-menu__arrow.top{bottom:-5px;margin-left:-7px;border-width:5px 7px 0;border-top-color:#282c37}.dropdown-menu__arrow.bottom{top:-5px;margin-left:-7px;border-width:0 7px 5px;border-bottom-color:#282c37}.dropdown-menu__arrow.right{left:-5px;margin-top:-5px;border-width:5px 5px 5px 0;border-right-color:#282c37}.dropdown-menu__item a{font-size:13px;line-height:18px;display:block;padding:4px 14px;box-sizing:border-box;text-decoration:none;background:#282c37;color:#000;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dropdown-menu__item a:focus,.dropdown-menu__item a:hover,.dropdown-menu__item a:active{background:#2b90d9;color:#282c37;outline:0}.dropdown--active .dropdown__content{display:block;line-height:18px;max-width:311px;right:0;text-align:left;z-index:9999}.dropdown--active .dropdown__content>ul{list-style:none;background:#282c37;padding:4px 0;border-radius:4px;box-shadow:0 0 15px rgba(0,0,0,.4);min-width:140px;position:relative}.dropdown--active .dropdown__content.dropdown__right{right:0}.dropdown--active .dropdown__content.dropdown__left>ul{left:-98px}.dropdown--active .dropdown__content>ul>li>a{font-size:13px;line-height:18px;display:block;padding:4px 14px;box-sizing:border-box;text-decoration:none;background:#282c37;color:#000;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dropdown--active .dropdown__content>ul>li>a:focus{outline:0}.dropdown--active .dropdown__content>ul>li>a:hover{background:#2b90d9;color:#282c37}.dropdown__icon{vertical-align:middle}.static-content{padding:10px;padding-top:20px;color:#444b5d}.static-content h1{font-size:16px;font-weight:500;margin-bottom:40px;text-align:center}.static-content p{font-size:13px;margin-bottom:20px}.column,.drawer{flex:1 1 100%;overflow:hidden}@media screen and (min-width: 631px){.columns-area{padding:0}.column,.drawer{flex:0 0 auto;padding:10px;padding-left:5px;padding-right:5px}.column:first-child,.drawer:first-child{padding-left:10px}.column:last-child,.drawer:last-child{padding-right:10px}.columns-area>div .column,.columns-area>div .drawer{padding-left:5px;padding-right:5px}}.tabs-bar{box-sizing:border-box;display:flex;background:#c0cdd9;flex:0 0 auto;overflow-y:auto}.tabs-bar__link{display:block;flex:1 1 auto;padding:15px 10px;padding-bottom:13px;color:#000;text-decoration:none;text-align:center;font-size:14px;font-weight:500;border-bottom:2px solid #c0cdd9;transition:all 50ms linear;transition-property:border-bottom,background,color}.tabs-bar__link .fa{font-weight:400;font-size:16px}@media screen and (min-width: 631px){.auto-columns .tabs-bar__link:hover,.auto-columns .tabs-bar__link:focus,.auto-columns .tabs-bar__link:active{background:#adbecd;border-bottom-color:#adbecd}}.multi-columns .tabs-bar__link:hover,.multi-columns .tabs-bar__link:focus,.multi-columns .tabs-bar__link:active{background:#adbecd;border-bottom-color:#adbecd}.tabs-bar__link.active{border-bottom:2px solid #2b90d9;color:#2b90d9}.tabs-bar__link span{margin-left:5px;display:none}.tabs-bar__link span.icon{margin-left:0;display:inline}.icon-with-badge{position:relative}.icon-with-badge__badge{position:absolute;left:9px;top:-13px;background:#2b90d9;border:2px solid #c0cdd9;padding:1px 6px;border-radius:6px;font-size:10px;font-weight:500;line-height:14px;color:#000}.column-link--transparent .icon-with-badge__badge{border-color:#f2f5f7}.scrollable{overflow-y:scroll;overflow-x:hidden;flex:1 1 auto;-webkit-overflow-scrolling:touch}.scrollable.optionally-scrollable{overflow-y:auto}@supports(display: grid){.scrollable{contain:strict}}.scrollable--flex{display:flex;flex-direction:column}.scrollable__append{flex:1 1 auto;position:relative;min-height:120px}@supports(display: grid){.scrollable.fullscreen{contain:none}}.react-toggle{display:inline-block;position:relative;cursor:pointer;background-color:transparent;border:0;padding:0;user-select:none;-webkit-tap-highlight-color:rgba(255,255,255,0);-webkit-tap-highlight-color:transparent}.react-toggle-screenreader-only{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.react-toggle--disabled{cursor:not-allowed;opacity:.5;transition:opacity .25s}.react-toggle-track{width:50px;height:24px;padding:0;border-radius:30px;background-color:#d9e1e8;transition:background-color .2s ease}.react-toggle:hover:not(.react-toggle--disabled) .react-toggle-track{background-color:#f9fafb}.react-toggle--checked .react-toggle-track{background-color:#2b90d9}.react-toggle--checked:hover:not(.react-toggle--disabled) .react-toggle-track{background-color:#2074b1}.react-toggle-track-check{position:absolute;width:14px;height:10px;top:0;bottom:0;margin-top:auto;margin-bottom:auto;line-height:0;left:8px;opacity:0;transition:opacity .25s ease}.react-toggle--checked .react-toggle-track-check{opacity:1;transition:opacity .25s ease}.react-toggle-track-x{position:absolute;width:10px;height:10px;top:0;bottom:0;margin-top:auto;margin-bottom:auto;line-height:0;right:10px;opacity:1;transition:opacity .25s ease}.react-toggle--checked .react-toggle-track-x{opacity:0}.react-toggle-thumb{position:absolute;top:1px;left:1px;width:22px;height:22px;border:1px solid #d9e1e8;border-radius:50%;background-color:#fff;box-sizing:border-box;transition:all .25s ease;transition-property:border-color,left}.react-toggle--checked .react-toggle-thumb{left:27px;border-color:#2b90d9}.getting-started__wrapper,.getting_started,.flex-spacer{background:#d9e1e8}.getting-started__wrapper{position:relative;overflow-y:auto}.flex-spacer{flex:1 1 auto}.getting-started{background:#d9e1e8;flex:1 0 auto}.getting-started p{color:#282c37}.getting-started a{color:#444b5d}.getting-started__panel{height:min-content}.getting-started__panel,.getting-started__footer{padding:10px;padding-top:20px;flex:0 1 auto}.getting-started__panel ul,.getting-started__footer ul{margin-bottom:10px}.getting-started__panel ul li,.getting-started__footer ul li{display:inline}.getting-started__panel p,.getting-started__footer p{color:#444b5d;font-size:13px}.getting-started__panel p a,.getting-started__footer p a{color:#444b5d;text-decoration:underline}.getting-started__panel a,.getting-started__footer a{text-decoration:none;color:#282c37}.getting-started__panel a:hover,.getting-started__panel a:focus,.getting-started__panel a:active,.getting-started__footer a:hover,.getting-started__footer a:focus,.getting-started__footer a:active{text-decoration:underline}.getting-started__trends{flex:0 1 auto;opacity:1;animation:fade 150ms linear;margin-top:10px}.getting-started__trends h4{font-size:12px;text-transform:uppercase;color:#282c37;padding:10px;font-weight:500;border-bottom:1px solid #c0cdd9}@media screen and (max-height: 810px){.getting-started__trends .trends__item:nth-child(3){display:none}}@media screen and (max-height: 720px){.getting-started__trends .trends__item:nth-child(2){display:none}}@media screen and (max-height: 670px){.getting-started__trends{display:none}}.getting-started__trends .trends__item{border-bottom:0;padding:10px}.getting-started__trends .trends__item__current{color:#282c37}.column-link__badge{display:inline-block;border-radius:4px;font-size:12px;line-height:19px;font-weight:500;background:#d9e1e8;padding:4px 8px;margin:-6px 10px}.keyboard-shortcuts{padding:8px 0 0;overflow:hidden}.keyboard-shortcuts thead{position:absolute;left:-9999px}.keyboard-shortcuts td{padding:0 10px 8px}.keyboard-shortcuts kbd{display:inline-block;padding:3px 5px;background-color:#c0cdd9;border:1px solid #e6ebf0}.setting-text{color:#282c37;background:transparent;border:none;border-bottom:2px solid #9baec8;box-sizing:border-box;display:block;font-family:inherit;margin-bottom:10px;padding:7px 0;width:100%}.setting-text:focus,.setting-text:active{color:#000;border-bottom-color:#2b90d9}@media screen and (max-width: 600px){.auto-columns .setting-text,.single-column .setting-text{font-size:16px}}.setting-text.light{color:#000;border-bottom:2px solid #839db4}.setting-text.light:focus,.setting-text.light:active{color:#000;border-bottom-color:#2b90d9}.no-reduce-motion button.icon-button i.fa-retweet{background-position:0 0;height:19px;transition:background-position .9s steps(10);transition-duration:0s;vertical-align:middle;width:22px}.no-reduce-motion button.icon-button i.fa-retweet::before{display:none !important}.no-reduce-motion button.icon-button.active i.fa-retweet{transition-duration:.9s;background-position:0 100%}.reduce-motion button.icon-button i.fa-retweet{color:#606984;transition:color 100ms ease-in}.reduce-motion button.icon-button.active i.fa-retweet{color:#2b90d9}.reduce-motion button.icon-button.disabled i.fa-retweet{color:#828ba4}.load-more{display:block;color:#444b5d;background-color:transparent;border:0;font-size:inherit;text-align:center;line-height:inherit;margin:0;padding:15px;box-sizing:border-box;width:100%;clear:both;text-decoration:none}.load-more:hover{background:#d3dce4}.load-gap{border-bottom:1px solid #c0cdd9}.missing-indicator{padding-top:68px}.scrollable>div>:first-child .notification__dismiss-overlay>.wrappy{border-top:1px solid #d9e1e8}.notification__dismiss-overlay{overflow:hidden;position:absolute;top:0;right:0;bottom:-1px;padding-left:15px;z-index:999;align-items:center;justify-content:flex-end;cursor:pointer;display:flex}.notification__dismiss-overlay .wrappy{width:4rem;align-self:stretch;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#c0cdd9;border-left:1px solid #99afc2;box-shadow:0 0 5px #000;border-bottom:1px solid #d9e1e8}.notification__dismiss-overlay .ckbox{border:2px solid #9baec8;border-radius:2px;width:30px;height:30px;font-size:20px;color:#282c37;text-shadow:0 0 5px #000;display:flex;justify-content:center;align-items:center}.notification__dismiss-overlay:focus{outline:0 !important}.notification__dismiss-overlay:focus .ckbox{box-shadow:0 0 1px 1px #2b90d9}.text-btn{display:inline-block;padding:0;font-family:inherit;font-size:inherit;color:inherit;border:0;background:transparent;cursor:pointer}.loading-indicator{color:#444b5d;font-size:12px;font-weight:400;text-transform:uppercase;overflow:visible;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%)}.loading-indicator span{display:block;float:left;margin-left:50%;transform:translateX(-50%);margin:82px 0 0 50%;white-space:nowrap}.loading-indicator__figure{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:42px;height:42px;box-sizing:border-box;background-color:transparent;border:0 solid #86a0b6;border-width:6px;border-radius:50%}.no-reduce-motion .loading-indicator span{animation:loader-label 1.15s infinite cubic-bezier(0.215, 0.61, 0.355, 1)}.no-reduce-motion .loading-indicator__figure{animation:loader-figure 1.15s infinite cubic-bezier(0.215, 0.61, 0.355, 1)}@keyframes spring-rotate-in{0%{transform:rotate(0deg)}30%{transform:rotate(-484.8deg)}60%{transform:rotate(-316.7deg)}90%{transform:rotate(-375deg)}100%{transform:rotate(-360deg)}}@keyframes spring-rotate-out{0%{transform:rotate(-360deg)}30%{transform:rotate(124.8deg)}60%{transform:rotate(-43.27deg)}90%{transform:rotate(15deg)}100%{transform:rotate(0deg)}}@keyframes loader-figure{0%{width:0;height:0;background-color:#86a0b6}29%{background-color:#86a0b6}30%{width:42px;height:42px;background-color:transparent;border-width:21px;opacity:1}100%{width:42px;height:42px;border-width:0;opacity:0;background-color:transparent}}@keyframes loader-label{0%{opacity:.25}30%{opacity:1}100%{opacity:.25}}.spoiler-button{top:0;left:0;width:100%;height:100%;position:absolute;z-index:100}.spoiler-button--minified{display:flex;left:4px;top:4px;width:auto;height:auto;align-items:center}.spoiler-button--click-thru{pointer-events:none}.spoiler-button--hidden{display:none}.spoiler-button__overlay{display:block;background:transparent;width:100%;height:100%;border:0}.spoiler-button__overlay__label{display:inline-block;background:rgba(255,255,255,.5);border-radius:8px;padding:8px 12px;color:#000;font-weight:500;font-size:14px}.spoiler-button__overlay:hover .spoiler-button__overlay__label,.spoiler-button__overlay:focus .spoiler-button__overlay__label,.spoiler-button__overlay:active .spoiler-button__overlay__label{background:rgba(255,255,255,.8)}.spoiler-button__overlay:disabled .spoiler-button__overlay__label{background:rgba(255,255,255,.5)}.setting-toggle{display:block;line-height:24px}.setting-toggle__label,.setting-radio__label,.setting-meta__label{color:#282c37;display:inline-block;margin-bottom:14px;margin-left:8px;vertical-align:middle}.setting-radio{display:block;line-height:18px}.setting-radio__label{margin-bottom:0}.column-settings__row legend{color:#282c37;cursor:default;display:block;font-weight:500;margin-top:10px}.setting-radio__input{vertical-align:middle}.setting-meta__label{float:right}@keyframes heartbeat{from{transform:scale(1);transform-origin:center center;animation-timing-function:ease-out}10%{transform:scale(0.91);animation-timing-function:ease-in}17%{transform:scale(0.98);animation-timing-function:ease-out}33%{transform:scale(0.87);animation-timing-function:ease-in}45%{transform:scale(1);animation-timing-function:ease-out}}.pulse-loading{animation:heartbeat 1.5s ease-in-out infinite both}.upload-area{align-items:center;background:rgba(255,255,255,.8);display:flex;height:100%;justify-content:center;left:0;opacity:0;position:absolute;top:0;visibility:hidden;width:100%;z-index:2000}.upload-area *{pointer-events:none}.upload-area__drop{width:320px;height:160px;display:flex;box-sizing:border-box;position:relative;padding:8px}.upload-area__background{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;border-radius:4px;background:#d9e1e8;box-shadow:0 0 5px rgba(0,0,0,.2)}.upload-area__content{flex:1;display:flex;align-items:center;justify-content:center;color:#282c37;font-size:18px;font-weight:500;border:2px dashed #3c5063;border-radius:4px}.dropdown--active .emoji-button img{opacity:1;filter:none}.loading-bar{background-color:#2b90d9;height:3px;position:absolute;top:0;left:0;z-index:9999}.icon-badge-wrapper{position:relative}.icon-badge{position:absolute;display:block;right:-0.25em;top:-0.25em;background-color:#2b90d9;border-radius:50%;font-size:75%;width:1em;height:1em}.conversation{display:flex;border-bottom:1px solid #c0cdd9;padding:5px;padding-bottom:0}.conversation:focus{background:#d3dce4;outline:0}.conversation__avatar{flex:0 0 auto;padding:10px;padding-top:12px;position:relative;cursor:pointer}.conversation__unread{display:inline-block;background:#2b90d9;border-radius:50%;width:.625rem;height:.625rem;margin:-0.1ex .15em .1ex}.conversation__content{flex:1 1 auto;padding:10px 5px;padding-right:15px;overflow:hidden}.conversation__content__info{overflow:hidden;display:flex;flex-direction:row-reverse;justify-content:space-between}.conversation__content__relative-time{font-size:15px;color:#282c37;padding-left:15px}.conversation__content__names{color:#282c37;font-size:15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:4px;flex-basis:90px;flex-grow:1}.conversation__content__names a{color:#000;text-decoration:none}.conversation__content__names a:hover,.conversation__content__names a:focus,.conversation__content__names a:active{text-decoration:underline}.conversation__content .status__content{margin:0}.conversation--unread{background:#d3dce4}.conversation--unread:focus{background:#ccd7e0}.conversation--unread .conversation__content__info{font-weight:700}.conversation--unread .conversation__content__relative-time{color:#000}.ui .flash-message{margin-top:10px;margin-left:auto;margin-right:auto;margin-bottom:0;min-width:75%}::-webkit-scrollbar-thumb{border-radius:0}noscript{text-align:center}noscript img{width:200px;opacity:.5;animation:flicker 4s infinite}noscript div{font-size:14px;margin:30px auto;color:#282c37;max-width:400px}noscript div a{color:#2b90d9;text-decoration:underline}noscript div a:hover{text-decoration:none}noscript div a{word-break:break-word}@keyframes flicker{0%{opacity:1}30%{opacity:.75}100%{opacity:1}}button.icon-button i.fa-retweet{background-image:url(\"data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='22' height='209'><path d='M4.97 3.16c-.1.03-.17.1-.22.18L.8 8.24c-.2.3.03.78.4.8H3.6v2.68c0 4.26-.55 3.62 3.66 3.62h7.66l-2.3-2.84c-.03-.02-.03-.04-.05-.06H7.27c-.44 0-.72-.3-.72-.72v-2.7h2.5c.37.03.63-.48.4-.77L5.5 3.35c-.12-.17-.34-.25-.53-.2zm12.16.43c-.55-.02-1.32.02-2.4.02H7.1l2.32 2.85.03.06h5.25c.42 0 .72.28.72.72v2.7h-2.5c-.36.02-.56.54-.3.8l3.92 4.9c.18.25.6.25.78 0l3.94-4.9c.26-.28 0-.83-.37-.8H18.4v-2.7c0-3.15.4-3.62-1.25-3.66z' fill='%23606984' stroke-width='0'/><path d='M7.78 19.66c-.24.02-.44.25-.44.5v2.46h-.06c-1.08 0-1.86-.03-2.4-.03-1.64 0-1.25.43-1.25 3.65v4.47c0 4.26-.56 3.62 3.65 3.62H8.5l-1.3-1.06c-.1-.08-.18-.2-.2-.3-.02-.17.06-.35.2-.45l1.33-1.1H7.28c-.44 0-.72-.3-.72-.7v-4.48c0-.44.28-.72.72-.72h.06v2.5c0 .38.54.63.82.38l4.9-3.93c.25-.18.25-.6 0-.78l-4.9-3.92c-.1-.1-.24-.14-.38-.12zm9.34 2.93c-.54-.02-1.3.02-2.4.02h-1.25l1.3 1.07c.1.07.18.2.2.33.02.16-.06.3-.2.4l-1.33 1.1h1.28c.42 0 .72.28.72.72v4.47c0 .42-.3.72-.72.72h-.1v-2.47c0-.3-.3-.53-.6-.47-.07 0-.14.05-.2.1l-4.9 3.93c-.26.18-.26.6 0 .78l4.9 3.92c.27.25.82 0 .8-.38v-2.5h.1c4.27 0 3.65.67 3.65-3.62v-4.47c0-3.15.4-3.62-1.25-3.66zM10.34 38.66c-.24.02-.44.25-.43.5v2.47H7.3c-1.08 0-1.86-.04-2.4-.04-1.64 0-1.25.43-1.25 3.65v4.47c0 3.66-.23 3.7 2.34 3.66l-1.34-1.1c-.1-.08-.18-.2-.2-.3 0-.17.07-.35.2-.45l1.96-1.6c-.03-.06-.04-.13-.04-.2v-4.48c0-.44.28-.72.72-.72H9.9v2.5c0 .36.5.6.8.38l4.93-3.93c.24-.18.24-.6 0-.78l-4.94-3.92c-.1-.08-.23-.13-.36-.12zm5.63 2.93l1.34 1.1c.1.07.18.2.2.33.02.16-.03.3-.16.4l-1.96 1.6c.02.07.06.13.06.22v4.47c0 .42-.3.72-.72.72h-2.66v-2.47c0-.3-.3-.53-.6-.47-.06.02-.12.05-.18.1l-4.94 3.93c-.24.18-.24.6 0 .78l4.94 3.92c.28.22.78-.02.78-.38v-2.5h2.66c4.27 0 3.65.67 3.65-3.62v-4.47c0-3.66.34-3.7-2.4-3.66zM13.06 57.66c-.23.03-.4.26-.4.5v2.47H7.28c-1.08 0-1.86-.04-2.4-.04-1.64 0-1.25.43-1.25 3.65v4.87l2.93-2.37v-2.5c0-.44.28-.72.72-.72h5.38v2.5c0 .36.5.6.78.38l4.94-3.93c.24-.18.24-.6 0-.78l-4.94-3.92c-.1-.1-.24-.14-.38-.12zm5.3 6.15l-2.92 2.4v2.52c0 .42-.3.72-.72.72h-5.4v-2.47c0-.3-.32-.53-.6-.47-.07.02-.13.05-.2.1L3.6 70.52c-.25.18-.25.6 0 .78l4.93 3.92c.28.22.78-.02.78-.38v-2.5h5.42c4.27 0 3.65.67 3.65-3.62v-4.47-.44zM19.25 78.8c-.1.03-.2.1-.28.17l-.9.9c-.44-.3-1.36-.25-3.35-.25H7.28c-1.08 0-1.86-.03-2.4-.03-1.64 0-1.25.43-1.25 3.65v.7l2.93.3v-1c0-.44.28-.72.72-.72h7.44c.2 0 .37.08.5.2l-1.8 1.8c-.25.26-.08.76.27.8l6.27.7c.28.03.56-.25.53-.53l-.7-6.25c0-.27-.3-.48-.55-.44zm-17.2 6.1c-.2.07-.36.3-.33.54l.7 6.25c.02.36.58.55.83.27l.8-.8c.02 0 .04-.02.04 0 .46.24 1.37.17 3.18.17h7.44c4.27 0 3.65.67 3.65-3.62v-.75l-2.93-.3v1.05c0 .42-.3.72-.72.72H7.28c-.15 0-.3-.03-.4-.1L8.8 86.4c.3-.24.1-.8-.27-.84l-6.28-.65h-.2zM4.88 98.6c-1.33 0-1.34.48-1.3 2.3l1.14-1.37c.08-.1.22-.17.34-.2.16 0 .34.08.44.2l1.66 2.03c.04 0 .07-.03.12-.03h7.44c.34 0 .57.2.65.5h-2.43c-.34.05-.53.52-.3.78l3.92 4.95c.18.24.6.24.78 0l3.94-4.94c.22-.27-.02-.76-.37-.77H18.4c.02-3.9.6-3.4-3.66-3.4H7.28c-1.08 0-1.86-.04-2.4-.04zm.15 2.46c-.1.03-.2.1-.28.2l-3.94 4.9c-.2.28.03.77.4.78H3.6c-.02 3.94-.45 3.4 3.66 3.4h7.44c3.65 0 3.74.3 3.7-2.25l-1.1 1.34c-.1.1-.2.17-.32.2-.16 0-.34-.08-.44-.2l-1.65-2.03c-.06.02-.1.04-.18.04H7.28c-.35 0-.57-.2-.66-.5h2.44c.37 0 .63-.5.4-.78l-3.96-4.9c-.1-.15-.3-.23-.47-.2zM4.88 117.6c-1.16 0-1.3.3-1.3 1.56l1.14-1.38c.08-.1.22-.14.34-.16.16 0 .34.04.44.16l2.22 2.75h7c.42 0 .72.28.72.72v.53h-2.6c-.3.1-.43.54-.2.78l3.92 4.9c.18.25.6.25.78 0l3.94-4.9c.22-.28-.02-.77-.37-.78H18.4v-.53c0-4.2.72-3.63-3.66-3.63H7.28c-1.08 0-1.86-.03-2.4-.03zm.1 1.74c-.1.03-.17.1-.23.16L.8 124.44c-.2.28.03.77.4.78H3.6v.5c0 4.26-.55 3.62 3.66 3.62h7.44c1.03 0 1.74.02 2.28 0-.16.02-.34-.03-.44-.15l-2.22-2.76H7.28c-.44 0-.72-.3-.72-.72v-.5h2.5c.37.02.63-.5.4-.78L5.5 119.5c-.12-.15-.34-.22-.53-.16zm12.02 10c1.2-.02 1.4-.25 1.4-1.53l-1.1 1.36c-.07.1-.17.17-.3.18zM5.94 136.6l2.37 2.93h6.42c.42 0 .72.28.72.72v1.25h-2.6c-.3.1-.43.54-.2.78l3.92 4.9c.18.25.6.25.78 0l3.94-4.9c.22-.28-.02-.77-.37-.78H18.4v-1.25c0-4.2.72-3.63-3.66-3.63H7.28c-.6 0-.92-.02-1.34-.03zm-1.72.06c-.4.08-.54.3-.6.75l.6-.74zm.84.93c-.12 0-.24.08-.3.18l-3.95 4.9c-.24.3 0 .83.4.82H3.6v1.22c0 4.26-.55 3.62 3.66 3.62h7.44c.63 0 .97.02 1.4.03l-2.37-2.93H7.28c-.44 0-.72-.3-.72-.72v-1.22h2.5c.4.04.67-.53.4-.8l-3.96-4.92c-.1-.13-.27-.2-.44-.2zm13.28 10.03l-.56.7c.36-.07.5-.3.56-.7zM17.13 155.6c-.55-.02-1.32.03-2.4.03h-8.2l2.38 2.9h5.82c.42 0 .72.28.72.72v1.97H12.9c-.32.06-.48.52-.28.78l3.94 4.94c.2.23.6.22.78-.03l3.94-4.9c.22-.28-.02-.77-.37-.78H18.4v-1.97c0-3.15.4-3.62-1.25-3.66zm-12.1.28c-.1.02-.2.1-.28.18l-3.94 4.9c-.2.3.03.78.4.8H3.6v1.96c0 4.26-.55 3.62 3.66 3.62h8.24l-2.36-2.9H7.28c-.44 0-.72-.3-.72-.72v-1.97h2.5c.37.02.63-.5.4-.78l-3.96-4.9c-.1-.15-.3-.22-.47-.2zM5.13 174.5c-.15 0-.3.07-.38.2L.8 179.6c-.24.27 0 .82.4.8H3.6v2.32c0 4.26-.55 3.62 3.66 3.62h7.94l-2.35-2.9h-5.6c-.43 0-.7-.3-.7-.72v-2.3h2.5c.38.03.66-.54.4-.83l-3.97-4.9c-.1-.13-.23-.2-.38-.2zm12 .1c-.55-.02-1.32.03-2.4.03H6.83l2.35 2.9h5.52c.42 0 .72.28.72.72v2.34h-2.6c-.3.1-.43.53-.2.78l3.92 4.9c.18.24.6.24.78 0l3.94-4.9c.22-.3-.02-.78-.37-.8H18.4v-2.33c0-3.15.4-3.62-1.25-3.66zM4.97 193.16c-.1.03-.17.1-.22.18l-3.94 4.9c-.2.3.03.78.4.8H3.6v2.68c0 4.26-.55 3.62 3.66 3.62h7.66l-2.3-2.84c-.03-.02-.03-.04-.05-.06H7.27c-.44 0-.72-.3-.72-.72v-2.7h2.5c.37.03.63-.48.4-.77l-3.96-4.9c-.12-.17-.34-.25-.53-.2zm12.16.43c-.55-.02-1.32.03-2.4.03H7.1l2.32 2.84.03.06h5.25c.42 0 .72.28.72.72v2.7h-2.5c-.36.02-.56.54-.3.8l3.92 4.9c.18.25.6.25.78 0l3.94-4.9c.26-.28 0-.83-.37-.8H18.4v-2.7c0-3.15.4-3.62-1.25-3.66z' fill='%232B90D9' stroke-width='0'/></svg>\")}button.icon-button i.fa-retweet:hover{background-image:url(\"data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='22' height='209'><path d='M4.97 3.16c-.1.03-.17.1-.22.18L.8 8.24c-.2.3.03.78.4.8H3.6v2.68c0 4.26-.55 3.62 3.66 3.62h7.66l-2.3-2.84c-.03-.02-.03-.04-.05-.06H7.27c-.44 0-.72-.3-.72-.72v-2.7h2.5c.37.03.63-.48.4-.77L5.5 3.35c-.12-.17-.34-.25-.53-.2zm12.16.43c-.55-.02-1.32.02-2.4.02H7.1l2.32 2.85.03.06h5.25c.42 0 .72.28.72.72v2.7h-2.5c-.36.02-.56.54-.3.8l3.92 4.9c.18.25.6.25.78 0l3.94-4.9c.26-.28 0-.83-.37-.8H18.4v-2.7c0-3.15.4-3.62-1.25-3.66z' fill='%2351596F' stroke-width='0'/><path d='M7.78 19.66c-.24.02-.44.25-.44.5v2.46h-.06c-1.08 0-1.86-.03-2.4-.03-1.64 0-1.25.43-1.25 3.65v4.47c0 4.26-.56 3.62 3.65 3.62H8.5l-1.3-1.06c-.1-.08-.18-.2-.2-.3-.02-.17.06-.35.2-.45l1.33-1.1H7.28c-.44 0-.72-.3-.72-.7v-4.48c0-.44.28-.72.72-.72h.06v2.5c0 .38.54.63.82.38l4.9-3.93c.25-.18.25-.6 0-.78l-4.9-3.92c-.1-.1-.24-.14-.38-.12zm9.34 2.93c-.54-.02-1.3.02-2.4.02h-1.25l1.3 1.07c.1.07.18.2.2.33.02.16-.06.3-.2.4l-1.33 1.1h1.28c.42 0 .72.28.72.72v4.47c0 .42-.3.72-.72.72h-.1v-2.47c0-.3-.3-.53-.6-.47-.07 0-.14.05-.2.1l-4.9 3.93c-.26.18-.26.6 0 .78l4.9 3.92c.27.25.82 0 .8-.38v-2.5h.1c4.27 0 3.65.67 3.65-3.62v-4.47c0-3.15.4-3.62-1.25-3.66zM10.34 38.66c-.24.02-.44.25-.43.5v2.47H7.3c-1.08 0-1.86-.04-2.4-.04-1.64 0-1.25.43-1.25 3.65v4.47c0 3.66-.23 3.7 2.34 3.66l-1.34-1.1c-.1-.08-.18-.2-.2-.3 0-.17.07-.35.2-.45l1.96-1.6c-.03-.06-.04-.13-.04-.2v-4.48c0-.44.28-.72.72-.72H9.9v2.5c0 .36.5.6.8.38l4.93-3.93c.24-.18.24-.6 0-.78l-4.94-3.92c-.1-.08-.23-.13-.36-.12zm5.63 2.93l1.34 1.1c.1.07.18.2.2.33.02.16-.03.3-.16.4l-1.96 1.6c.02.07.06.13.06.22v4.47c0 .42-.3.72-.72.72h-2.66v-2.47c0-.3-.3-.53-.6-.47-.06.02-.12.05-.18.1l-4.94 3.93c-.24.18-.24.6 0 .78l4.94 3.92c.28.22.78-.02.78-.38v-2.5h2.66c4.27 0 3.65.67 3.65-3.62v-4.47c0-3.66.34-3.7-2.4-3.66zM13.06 57.66c-.23.03-.4.26-.4.5v2.47H7.28c-1.08 0-1.86-.04-2.4-.04-1.64 0-1.25.43-1.25 3.65v4.87l2.93-2.37v-2.5c0-.44.28-.72.72-.72h5.38v2.5c0 .36.5.6.78.38l4.94-3.93c.24-.18.24-.6 0-.78l-4.94-3.92c-.1-.1-.24-.14-.38-.12zm5.3 6.15l-2.92 2.4v2.52c0 .42-.3.72-.72.72h-5.4v-2.47c0-.3-.32-.53-.6-.47-.07.02-.13.05-.2.1L3.6 70.52c-.25.18-.25.6 0 .78l4.93 3.92c.28.22.78-.02.78-.38v-2.5h5.42c4.27 0 3.65.67 3.65-3.62v-4.47-.44zM19.25 78.8c-.1.03-.2.1-.28.17l-.9.9c-.44-.3-1.36-.25-3.35-.25H7.28c-1.08 0-1.86-.03-2.4-.03-1.64 0-1.25.43-1.25 3.65v.7l2.93.3v-1c0-.44.28-.72.72-.72h7.44c.2 0 .37.08.5.2l-1.8 1.8c-.25.26-.08.76.27.8l6.27.7c.28.03.56-.25.53-.53l-.7-6.25c0-.27-.3-.48-.55-.44zm-17.2 6.1c-.2.07-.36.3-.33.54l.7 6.25c.02.36.58.55.83.27l.8-.8c.02 0 .04-.02.04 0 .46.24 1.37.17 3.18.17h7.44c4.27 0 3.65.67 3.65-3.62v-.75l-2.93-.3v1.05c0 .42-.3.72-.72.72H7.28c-.15 0-.3-.03-.4-.1L8.8 86.4c.3-.24.1-.8-.27-.84l-6.28-.65h-.2zM4.88 98.6c-1.33 0-1.34.48-1.3 2.3l1.14-1.37c.08-.1.22-.17.34-.2.16 0 .34.08.44.2l1.66 2.03c.04 0 .07-.03.12-.03h7.44c.34 0 .57.2.65.5h-2.43c-.34.05-.53.52-.3.78l3.92 4.95c.18.24.6.24.78 0l3.94-4.94c.22-.27-.02-.76-.37-.77H18.4c.02-3.9.6-3.4-3.66-3.4H7.28c-1.08 0-1.86-.04-2.4-.04zm.15 2.46c-.1.03-.2.1-.28.2l-3.94 4.9c-.2.28.03.77.4.78H3.6c-.02 3.94-.45 3.4 3.66 3.4h7.44c3.65 0 3.74.3 3.7-2.25l-1.1 1.34c-.1.1-.2.17-.32.2-.16 0-.34-.08-.44-.2l-1.65-2.03c-.06.02-.1.04-.18.04H7.28c-.35 0-.57-.2-.66-.5h2.44c.37 0 .63-.5.4-.78l-3.96-4.9c-.1-.15-.3-.23-.47-.2zM4.88 117.6c-1.16 0-1.3.3-1.3 1.56l1.14-1.38c.08-.1.22-.14.34-.16.16 0 .34.04.44.16l2.22 2.75h7c.42 0 .72.28.72.72v.53h-2.6c-.3.1-.43.54-.2.78l3.92 4.9c.18.25.6.25.78 0l3.94-4.9c.22-.28-.02-.77-.37-.78H18.4v-.53c0-4.2.72-3.63-3.66-3.63H7.28c-1.08 0-1.86-.03-2.4-.03zm.1 1.74c-.1.03-.17.1-.23.16L.8 124.44c-.2.28.03.77.4.78H3.6v.5c0 4.26-.55 3.62 3.66 3.62h7.44c1.03 0 1.74.02 2.28 0-.16.02-.34-.03-.44-.15l-2.22-2.76H7.28c-.44 0-.72-.3-.72-.72v-.5h2.5c.37.02.63-.5.4-.78L5.5 119.5c-.12-.15-.34-.22-.53-.16zm12.02 10c1.2-.02 1.4-.25 1.4-1.53l-1.1 1.36c-.07.1-.17.17-.3.18zM5.94 136.6l2.37 2.93h6.42c.42 0 .72.28.72.72v1.25h-2.6c-.3.1-.43.54-.2.78l3.92 4.9c.18.25.6.25.78 0l3.94-4.9c.22-.28-.02-.77-.37-.78H18.4v-1.25c0-4.2.72-3.63-3.66-3.63H7.28c-.6 0-.92-.02-1.34-.03zm-1.72.06c-.4.08-.54.3-.6.75l.6-.74zm.84.93c-.12 0-.24.08-.3.18l-3.95 4.9c-.24.3 0 .83.4.82H3.6v1.22c0 4.26-.55 3.62 3.66 3.62h7.44c.63 0 .97.02 1.4.03l-2.37-2.93H7.28c-.44 0-.72-.3-.72-.72v-1.22h2.5c.4.04.67-.53.4-.8l-3.96-4.92c-.1-.13-.27-.2-.44-.2zm13.28 10.03l-.56.7c.36-.07.5-.3.56-.7zM17.13 155.6c-.55-.02-1.32.03-2.4.03h-8.2l2.38 2.9h5.82c.42 0 .72.28.72.72v1.97H12.9c-.32.06-.48.52-.28.78l3.94 4.94c.2.23.6.22.78-.03l3.94-4.9c.22-.28-.02-.77-.37-.78H18.4v-1.97c0-3.15.4-3.62-1.25-3.66zm-12.1.28c-.1.02-.2.1-.28.18l-3.94 4.9c-.2.3.03.78.4.8H3.6v1.96c0 4.26-.55 3.62 3.66 3.62h8.24l-2.36-2.9H7.28c-.44 0-.72-.3-.72-.72v-1.97h2.5c.37.02.63-.5.4-.78l-3.96-4.9c-.1-.15-.3-.22-.47-.2zM5.13 174.5c-.15 0-.3.07-.38.2L.8 179.6c-.24.27 0 .82.4.8H3.6v2.32c0 4.26-.55 3.62 3.66 3.62h7.94l-2.35-2.9h-5.6c-.43 0-.7-.3-.7-.72v-2.3h2.5c.38.03.66-.54.4-.83l-3.97-4.9c-.1-.13-.23-.2-.38-.2zm12 .1c-.55-.02-1.32.03-2.4.03H6.83l2.35 2.9h5.52c.42 0 .72.28.72.72v2.34h-2.6c-.3.1-.43.53-.2.78l3.92 4.9c.18.24.6.24.78 0l3.94-4.9c.22-.3-.02-.78-.37-.8H18.4v-2.33c0-3.15.4-3.62-1.25-3.66zM4.97 193.16c-.1.03-.17.1-.22.18l-3.94 4.9c-.2.3.03.78.4.8H3.6v2.68c0 4.26-.55 3.62 3.66 3.62h7.66l-2.3-2.84c-.03-.02-.03-.04-.05-.06H7.27c-.44 0-.72-.3-.72-.72v-2.7h2.5c.37.03.63-.48.4-.77l-3.96-4.9c-.12-.17-.34-.25-.53-.2zm12.16.43c-.55-.02-1.32.03-2.4.03H7.1l2.32 2.84.03.06h5.25c.42 0 .72.28.72.72v2.7h-2.5c-.36.02-.56.54-.3.8l3.92 4.9c.18.25.6.25.78 0l3.94-4.9c.26-.28 0-.83-.37-.8H18.4v-2.7c0-3.15.4-3.62-1.25-3.66z' fill='%232B90D9' stroke-width='0'/></svg>\")}button.icon-button.disabled i.fa-retweet,button.icon-button.disabled i.fa-retweet:hover{background-image:url(\"data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='22' height='209'><path d='M4.97 3.16c-.1.03-.17.1-.22.18L.8 8.24c-.2.3.03.78.4.8H3.6v2.68c0 4.26-.55 3.62 3.66 3.62h7.66l-2.3-2.84c-.03-.02-.03-.04-.05-.06H7.27c-.44 0-.72-.3-.72-.72v-2.7h2.5c.37.03.63-.48.4-.77L5.5 3.35c-.12-.17-.34-.25-.53-.2zm12.16.43c-.55-.02-1.32.02-2.4.02H7.1l2.32 2.85.03.06h5.25c.42 0 .72.28.72.72v2.7h-2.5c-.36.02-.56.54-.3.8l3.92 4.9c.18.25.6.25.78 0l3.94-4.9c.26-.28 0-.83-.37-.8H18.4v-2.7c0-3.15.4-3.62-1.25-3.66z' fill='%23828BA4' stroke-width='0'/></svg>\")}.status-direct button.icon-button.disabled i.fa-retweet,.status-direct button.icon-button.disabled i.fa-retweet:hover{background-image:url(\"data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='22' height='209'><path d='M4.97 3.16c-.1.03-.17.1-.22.18L.8 8.24c-.2.3.03.78.4.8H3.6v2.68c0 4.26-.55 3.62 3.66 3.62h7.66l-2.3-2.84c-.03-.02-.03-.04-.05-.06H7.27c-.44 0-.72-.3-.72-.72v-2.7h2.5c.37.03.63-.48.4-.77L5.5 3.35c-.12-.17-.34-.25-.53-.2zm12.16.43c-.55-.02-1.32.02-2.4.02H7.1l2.32 2.85.03.06h5.25c.42 0 .72.28.72.72v2.7h-2.5c-.36.02-.56.54-.3.8l3.92 4.9c.18.25.6.25.78 0l3.94-4.9c.26-.28 0-.83-.37-.8H18.4v-2.7c0-3.15.4-3.62-1.25-3.66z' fill='%23828BA4' stroke-width='0'/></svg>\")}.account{padding:10px;border-bottom:1px solid #c0cdd9;color:inherit;text-decoration:none}.account .account__display-name{flex:1 1 auto;display:block;color:#282c37;overflow:hidden;text-decoration:none;font-size:14px}.account.small{border:none;padding:0}.account.small>.account__avatar-wrapper{margin:0 8px 0 0}.account.small>.display-name{height:24px;line-height:24px}.account__wrapper{display:flex}.account__avatar-wrapper{float:left;margin-left:12px;margin-right:12px}.account__avatar{border-radius:8%;background-position:50%;background-clip:padding-box;position:relative;cursor:pointer}.account__avatar-inline{display:inline-block;vertical-align:middle;margin-right:5px}.account__avatar-composite{border-radius:8%;background-position:50%;background-clip:padding-box;overflow:hidden;position:relative}.account__avatar-composite div{border-radius:8%;background-position:50%;background-clip:padding-box;float:left;position:relative;box-sizing:border-box}.account__avatar-composite__label{display:block;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);color:#000;text-shadow:1px 1px 2px #000;font-weight:700;font-size:15px}.account__avatar-overlay{position:relative;width:48px;height:48px;background-size:48px 48px}.account__avatar-overlay-base{border-radius:8%;background-position:50%;background-clip:padding-box;width:36px;height:36px;background-size:36px 36px}.account__avatar-overlay-overlay{border-radius:8%;background-position:50%;background-clip:padding-box;width:24px;height:24px;background-size:24px 24px;position:absolute;bottom:0;right:0;z-index:1}.account__relationship{height:18px;padding:10px;white-space:nowrap}.account__header__wrapper{flex:0 0 auto;background:#ccd7e0}.account__disclaimer{padding:10px;color:#444b5d}.account__disclaimer strong{font-weight:500}.account__disclaimer strong:lang(ja){font-weight:700}.account__disclaimer strong:lang(ko){font-weight:700}.account__disclaimer strong:lang(zh-CN){font-weight:700}.account__disclaimer strong:lang(zh-HK){font-weight:700}.account__disclaimer strong:lang(zh-TW){font-weight:700}.account__disclaimer a{font-weight:500;color:inherit;text-decoration:underline}.account__disclaimer a:hover,.account__disclaimer a:focus,.account__disclaimer a:active{text-decoration:none}.account__action-bar{border-top:1px solid #c0cdd9;border-bottom:1px solid #c0cdd9;line-height:36px;overflow:hidden;flex:0 0 auto;display:flex}.account__action-bar-links{display:flex;flex:1 1 auto;line-height:18px;text-align:center}.account__action-bar__tab{text-decoration:none;overflow:hidden;flex:0 1 100%;border-left:1px solid #c0cdd9;padding:10px 0;border-bottom:4px solid transparent}.account__action-bar__tab:first-child{border-left:0}.account__action-bar__tab.active{border-bottom:4px solid #2b90d9}.account__action-bar__tab>span{display:block;text-transform:uppercase;font-size:11px;color:#282c37}.account__action-bar__tab strong{display:block;font-size:15px;font-weight:500;color:#000}.account__action-bar__tab strong:lang(ja){font-weight:700}.account__action-bar__tab strong:lang(ko){font-weight:700}.account__action-bar__tab strong:lang(zh-CN){font-weight:700}.account__action-bar__tab strong:lang(zh-HK){font-weight:700}.account__action-bar__tab strong:lang(zh-TW){font-weight:700}.account__action-bar__tab abbr{color:#2b90d9}.account-authorize{padding:14px 10px}.account-authorize .detailed-status__display-name{display:block;margin-bottom:15px;overflow:hidden}.account-authorize__avatar{float:left;margin-right:10px}.notification__message{margin-left:42px;padding:8px 0 0 26px;cursor:default;color:#282c37;font-size:15px;position:relative}.notification__message .fa{color:#2b90d9}.notification__message>span{display:block;overflow:hidden;text-overflow:ellipsis}.account--panel{background:#ccd7e0;border-top:1px solid #c0cdd9;border-bottom:1px solid #c0cdd9;display:flex;flex-direction:row;padding:10px 0}.account--panel__button,.detailed-status__button{flex:1 1 auto;text-align:center}.column-settings__outer{background:#c0cdd9;padding:15px}.column-settings__section{color:#282c37;cursor:default;display:block;font-weight:500;margin-bottom:10px}.column-settings__hashtags .column-settings__row{margin-bottom:15px}.column-settings__hashtags .column-select__control{outline:0;box-sizing:border-box;width:100%;border:none;box-shadow:none;font-family:inherit;background:#d9e1e8;color:#282c37;font-size:14px;margin:0}.column-settings__hashtags .column-select__control::placeholder{color:#1f232b}.column-settings__hashtags .column-select__control::-moz-focus-inner{border:0}.column-settings__hashtags .column-select__control::-moz-focus-inner,.column-settings__hashtags .column-select__control:focus,.column-settings__hashtags .column-select__control:active{outline:0 !important}.column-settings__hashtags .column-select__control:focus{background:#ccd7e0}@media screen and (max-width: 600px){.column-settings__hashtags .column-select__control{font-size:16px}}.column-settings__hashtags .column-select__placeholder{color:#444b5d;padding-left:2px;font-size:12px}.column-settings__hashtags .column-select__value-container{padding-left:6px}.column-settings__hashtags .column-select__multi-value{background:#c0cdd9}.column-settings__hashtags .column-select__multi-value__remove{cursor:pointer}.column-settings__hashtags .column-select__multi-value__remove:hover,.column-settings__hashtags .column-select__multi-value__remove:active,.column-settings__hashtags .column-select__multi-value__remove:focus{background:#b3c3d1;color:#1f232b}.column-settings__hashtags .column-select__multi-value__label,.column-settings__hashtags .column-select__input{color:#282c37}.column-settings__hashtags .column-select__clear-indicator,.column-settings__hashtags .column-select__dropdown-indicator{cursor:pointer;transition:none;color:#444b5d}.column-settings__hashtags .column-select__clear-indicator:hover,.column-settings__hashtags .column-select__clear-indicator:active,.column-settings__hashtags .column-select__clear-indicator:focus,.column-settings__hashtags .column-select__dropdown-indicator:hover,.column-settings__hashtags .column-select__dropdown-indicator:active,.column-settings__hashtags .column-select__dropdown-indicator:focus{color:#3b4151}.column-settings__hashtags .column-select__indicator-separator{background-color:#c0cdd9}.column-settings__hashtags .column-select__menu{background:#fff;border-radius:4px;padding:10px 14px;padding-bottom:14px;margin-top:10px;color:#444b5d;box-shadow:2px 4px 15px rgba(0,0,0,.4);padding:0;background:#282c37}.column-settings__hashtags .column-select__menu h4{text-transform:uppercase;color:#444b5d;font-size:13px;font-weight:500;margin-bottom:10px}.column-settings__hashtags .column-select__menu li{padding:4px 0}.column-settings__hashtags .column-select__menu ul{margin-bottom:10px}.column-settings__hashtags .column-select__menu em{font-weight:500;color:#000}.column-settings__hashtags .column-select__menu-list{padding:6px}.column-settings__hashtags .column-select__option{color:#000;border-radius:4px;font-size:14px}.column-settings__hashtags .column-select__option--is-focused,.column-settings__hashtags .column-select__option--is-selected{background:#3d4455}.column-settings__row .text-btn{margin-bottom:15px}.relationship-tag{color:#000;margin-bottom:4px;display:block;vertical-align:top;background-color:#fff;text-transform:uppercase;font-size:11px;font-weight:500;padding:4px;border-radius:4px;opacity:.7}.relationship-tag:hover{opacity:1}.account-gallery__container{display:flex;flex-wrap:wrap;padding:4px 2px}.account-gallery__item{border:none;box-sizing:border-box;display:block;position:relative;border-radius:4px;overflow:hidden;margin:2px}.account-gallery__item__icons{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);font-size:24px}.notification__filter-bar,.account__section-headline{background:#e6ebf0;border-bottom:1px solid #c0cdd9;cursor:default;display:flex;flex-shrink:0}.notification__filter-bar button,.account__section-headline button{background:#e6ebf0;border:0;margin:0}.notification__filter-bar button,.notification__filter-bar a,.account__section-headline button,.account__section-headline a{display:block;flex:1 1 auto;color:#282c37;padding:15px 0;font-size:14px;font-weight:500;text-align:center;text-decoration:none;position:relative}.notification__filter-bar button.active,.notification__filter-bar a.active,.account__section-headline button.active,.account__section-headline a.active{color:#282c37}.notification__filter-bar button.active::before,.notification__filter-bar button.active::after,.notification__filter-bar a.active::before,.notification__filter-bar a.active::after,.account__section-headline button.active::before,.account__section-headline button.active::after,.account__section-headline a.active::before,.account__section-headline a.active::after{display:block;content:\"\";position:absolute;bottom:0;left:50%;width:0;height:0;transform:translateX(-50%);border-style:solid;border-width:0 10px 10px;border-color:transparent transparent #c0cdd9}.notification__filter-bar button.active::after,.notification__filter-bar a.active::after,.account__section-headline button.active::after,.account__section-headline a.active::after{bottom:-1px;border-color:transparent transparent #d9e1e8}.notification__filter-bar.directory__section-headline,.account__section-headline.directory__section-headline{background:#dfe6ec;border-bottom-color:transparent}.notification__filter-bar.directory__section-headline a.active::before,.notification__filter-bar.directory__section-headline button.active::before,.account__section-headline.directory__section-headline a.active::before,.account__section-headline.directory__section-headline button.active::before{display:none}.notification__filter-bar.directory__section-headline a.active::after,.notification__filter-bar.directory__section-headline button.active::after,.account__section-headline.directory__section-headline a.active::after,.account__section-headline.directory__section-headline button.active::after{border-color:transparent transparent #eff3f5}.account__moved-note{padding:14px 10px;padding-bottom:16px;background:#ccd7e0;border-top:1px solid #c0cdd9;border-bottom:1px solid #c0cdd9}.account__moved-note__message{position:relative;margin-left:58px;color:#444b5d;padding:8px 0;padding-top:0;padding-bottom:4px;font-size:14px}.account__moved-note__message>span{display:block;overflow:hidden;text-overflow:ellipsis}.account__moved-note__icon-wrapper{left:-26px;position:absolute}.account__moved-note .detailed-status__display-avatar{position:relative}.account__moved-note .detailed-status__display-name{margin-bottom:0}.account__header__content{color:#282c37;font-size:14px;font-weight:400;overflow:hidden;word-break:normal;word-wrap:break-word}.account__header__content p{margin-bottom:20px}.account__header__content p:last-child{margin-bottom:0}.account__header__content a{color:inherit;text-decoration:underline}.account__header__content a:hover{text-decoration:none}.account__header{overflow:hidden}.account__header.inactive{opacity:.5}.account__header.inactive .account__header__image,.account__header.inactive .account__avatar{filter:grayscale(100%)}.account__header__info{position:absolute;top:10px;left:10px}.account__header__image{overflow:hidden;height:145px;position:relative;background:#e6ebf0}.account__header__image img{object-fit:cover;display:block;width:100%;height:100%;margin:0}.account__header__bar{position:relative;background:#ccd7e0;padding:5px;border-bottom:1px solid #b3c3d1}.account__header__bar .avatar{display:block;flex:0 0 auto;width:94px;margin-left:-2px}.account__header__bar .avatar .account__avatar{background:#f2f5f7;border:2px solid #ccd7e0}.account__header__tabs{display:flex;align-items:flex-start;padding:7px 5px;margin-top:-55px}.account__header__tabs__buttons{display:flex;align-items:center;padding-top:55px;overflow:hidden}.account__header__tabs__buttons .icon-button{border:1px solid #b3c3d1;border-radius:4px;box-sizing:content-box;padding:2px}.account__header__tabs__buttons .button{margin:0 8px}.account__header__tabs__name{padding:5px}.account__header__tabs__name .account-role{vertical-align:top}.account__header__tabs__name .emojione{width:22px;height:22px}.account__header__tabs__name h1{font-size:16px;line-height:24px;color:#000;font-weight:500;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.account__header__tabs__name h1 small{display:block;font-size:14px;color:#282c37;font-weight:400;overflow:hidden;text-overflow:ellipsis}.account__header__tabs .spacer{flex:1 1 auto}.account__header__bio{overflow:hidden;margin:0 -5px}.account__header__bio .account__header__content{padding:20px 15px;padding-bottom:5px;color:#000}.account__header__bio .account__header__fields{margin:0;border-top:1px solid #b3c3d1}.account__header__bio .account__header__fields a{color:#217aba}.account__header__bio .account__header__fields dl:first-child .verified{border-radius:0 4px 0 0}.account__header__bio .account__header__fields .verified a{color:#79bd9a}.account__header__extra{margin-top:4px}.account__header__extra__links{font-size:14px;color:#282c37;padding:10px 0}.account__header__extra__links a{display:inline-block;color:#282c37;text-decoration:none;padding:5px 10px;font-weight:500}.account__header__extra__links a strong{font-weight:700;color:#000}.domain{padding:10px;border-bottom:1px solid #c0cdd9}.domain .domain__domain-name{flex:1 1 auto;display:block;color:#000;text-decoration:none;font-size:14px;font-weight:500}.domain__wrapper{display:flex}.domain_buttons{height:18px;padding:10px;white-space:nowrap}@keyframes spring-flip-in{0%{transform:rotate(0deg)}30%{transform:rotate(-242.4deg)}60%{transform:rotate(-158.35deg)}90%{transform:rotate(-187.5deg)}100%{transform:rotate(-180deg)}}@keyframes spring-flip-out{0%{transform:rotate(-180deg)}30%{transform:rotate(62.4deg)}60%{transform:rotate(-21.635deg)}90%{transform:rotate(7.5deg)}100%{transform:rotate(0deg)}}.status__content--with-action{cursor:pointer}.status__content{position:relative;margin:10px 0;font-size:15px;line-height:20px;word-wrap:break-word;font-weight:400;overflow:visible;padding-top:5px}.status__content:focus{outline:0}.status__content .emojione{width:20px;height:20px;margin:-3px 0 0}.status__content img{max-width:100%;max-height:400px;object-fit:contain}.status__content p,.status__content pre,.status__content blockquote{margin-bottom:20px;white-space:pre-wrap}.status__content p:last-child,.status__content pre:last-child,.status__content blockquote:last-child{margin-bottom:0}.status__content .status__content__text,.status__content .e-content{overflow:hidden}.status__content .status__content__text>ul,.status__content .status__content__text>ol,.status__content .e-content>ul,.status__content .e-content>ol{margin-bottom:20px}.status__content .status__content__text h1,.status__content .status__content__text h2,.status__content .status__content__text h3,.status__content .status__content__text h4,.status__content .status__content__text h5,.status__content .e-content h1,.status__content .e-content h2,.status__content .e-content h3,.status__content .e-content h4,.status__content .e-content h5{margin-top:20px;margin-bottom:20px}.status__content .status__content__text h1,.status__content .status__content__text h2,.status__content .e-content h1,.status__content .e-content h2{font-weight:700;font-size:1.2em}.status__content .status__content__text h2,.status__content .e-content h2{font-size:1.1em}.status__content .status__content__text h3,.status__content .status__content__text h4,.status__content .status__content__text h5,.status__content .e-content h3,.status__content .e-content h4,.status__content .e-content h5{font-weight:500}.status__content .status__content__text blockquote,.status__content .e-content blockquote{padding-left:10px;border-left:3px solid #282c37;color:#282c37;white-space:normal}.status__content .status__content__text blockquote p:last-child,.status__content .e-content blockquote p:last-child{margin-bottom:0}.status__content .status__content__text b,.status__content .status__content__text strong,.status__content .e-content b,.status__content .e-content strong{font-weight:700}.status__content .status__content__text em,.status__content .status__content__text i,.status__content .e-content em,.status__content .e-content i{font-style:italic}.status__content .status__content__text sub,.status__content .e-content sub{font-size:smaller;text-align:sub}.status__content .status__content__text sup,.status__content .e-content sup{font-size:smaller;vertical-align:super}.status__content .status__content__text ul,.status__content .status__content__text ol,.status__content .e-content ul,.status__content .e-content ol{margin-left:1em}.status__content .status__content__text ul p,.status__content .status__content__text ol p,.status__content .e-content ul p,.status__content .e-content ol p{margin:0}.status__content .status__content__text ul,.status__content .e-content ul{list-style-type:disc}.status__content .status__content__text ol,.status__content .e-content ol{list-style-type:decimal}.status__content a{color:#d8a070;text-decoration:none}.status__content a:hover{text-decoration:underline}.status__content a:hover .fa{color:#353a48}.status__content a.mention:hover{text-decoration:none}.status__content a.mention:hover span{text-decoration:underline}.status__content a .fa{color:#444b5d}.status__content .status__content__spoiler{display:none}.status__content .status__content__spoiler.status__content__spoiler--visible{display:block}.status__content a.unhandled-link{color:#217aba}.status__content a.unhandled-link .link-origin-tag{color:#ca8f04;font-size:.8em}.status__content .status__content__spoiler-link{background:#7a96ae}.status__content .status__content__spoiler-link:hover{background:#708ea9;text-decoration:none}.status__content__spoiler-link{display:inline-block;border-radius:2px;background:#7a96ae;border:none;color:#000;font-weight:500;font-size:11px;padding:0 5px;text-transform:uppercase;line-height:inherit;cursor:pointer;vertical-align:bottom}.status__content__spoiler-link:hover{background:#708ea9;text-decoration:none}.status__content__spoiler-link .status__content__spoiler-icon{display:inline-block;margin:0 0 0 5px;border-left:1px solid currentColor;padding:0 0 0 4px;font-size:16px;vertical-align:-2px}.notif-cleaning .status,.notif-cleaning .notification-follow,.notif-cleaning .notification-follow-request{padding-right:4.5rem}.status__wrapper--filtered{color:#444b5d;border:0;font-size:inherit;text-align:center;line-height:inherit;margin:0;padding:15px;box-sizing:border-box;width:100%;clear:both;border-bottom:1px solid #c0cdd9}.status__prepend-icon-wrapper{left:-26px;position:absolute}.notification-follow,.notification-follow-request{position:relative;border-bottom:1px solid #c0cdd9}.notification-follow .account,.notification-follow-request .account{border-bottom:0 none}.focusable:focus{outline:0;background:#ccd7e0}.focusable:focus.status.status-direct:not(.read){background:#b3c3d1}.focusable:focus.status.status-direct:not(.read).muted{background:transparent}.focusable:focus .detailed-status,.focusable:focus .detailed-status__action-bar{background:#c0cdd9}.status{padding:10px 14px;position:relative;height:auto;border-bottom:1px solid #c0cdd9;cursor:default;opacity:1;animation:fade 150ms linear}@supports(-ms-overflow-style: -ms-autohiding-scrollbar){.status{padding-right:28px}}@keyframes fade{0%{opacity:0}100%{opacity:1}}.status .video-player,.status .audio-player{margin-top:8px}.status.status-direct:not(.read){background:#c0cdd9;border-bottom-color:#b3c3d1}.status.light .status__relative-time{color:#282c37}.status.light .status__display-name{color:#000}.status.light .display-name{color:#444b5d}.status.light .display-name strong{color:#000}.status.light .status__content{color:#000}.status.light .status__content a{color:#2b90d9}.status.light .status__content a.status__content__spoiler-link{color:#000;background:#9baec8}.status.light .status__content a.status__content__spoiler-link:hover{background:#8199ba}.status.collapsed{background-position:center;background-size:cover;user-select:none}.status.collapsed.has-background::before{display:block;position:absolute;left:0;right:0;top:0;bottom:0;background-image:linear-gradient(to bottom, rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0.65) 24px, rgba(0, 0, 0, 0.8));pointer-events:none;content:\"\"}.status.collapsed .display-name:hover .display-name__html{text-decoration:none}.status.collapsed .status__content{height:20px;overflow:hidden;text-overflow:ellipsis;padding-top:0}.status.collapsed .status__content:after{content:\"\";position:absolute;top:0;bottom:0;left:0;right:0;background:linear-gradient(rgba(217, 225, 232, 0), #d9e1e8);pointer-events:none}.status.collapsed .status__content a:hover{text-decoration:none}.status.collapsed:focus>.status__content:after{background:linear-gradient(rgba(204, 215, 224, 0), #ccd7e0)}.status.collapsed.status-direct:not(.read)>.status__content:after{background:linear-gradient(rgba(192, 205, 217, 0), #c0cdd9)}.status.collapsed .notification__message{margin-bottom:0}.status.collapsed .status__info .notification__message>span{white-space:nowrap}.status .notification__message{margin:-10px 0px 10px 0}.notification-favourite .status.status-direct{background:transparent}.notification-favourite .status.status-direct .icon-button.disabled{color:#444a5e}.status__relative-time{display:inline-block;flex-grow:1;color:#444b5d;font-size:14px;text-align:right;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.status__display-name{color:#444b5d;overflow:hidden}.status__info__account .status__display-name{display:block;max-width:100%}.status__info{display:flex;justify-content:space-between;font-size:15px}.status__info>span{text-overflow:ellipsis;overflow:hidden}.status__info .notification__message>span{word-wrap:break-word}.status__info__icons{display:flex;align-items:center;height:1em;color:#606984}.status__info__icons .status__media-icon,.status__info__icons .status__visibility-icon,.status__info__icons .status__reply-icon{padding-left:2px;padding-right:2px}.status__info__icons .status__collapse-button.active>.fa-angle-double-up{transform:rotate(-180deg)}.no-reduce-motion .status__collapse-button.activate>.fa-angle-double-up{animation:spring-flip-in 1s linear}.no-reduce-motion .status__collapse-button.deactivate>.fa-angle-double-up{animation:spring-flip-out 1s linear}.status__info__account{display:flex;align-items:center;justify-content:flex-start}.status-check-box{border-bottom:1px solid #282c37;display:flex}.status-check-box .status-check-box__status{margin:10px 0 10px 10px;flex:1;overflow:hidden}.status-check-box .status-check-box__status .media-gallery{max-width:250px}.status-check-box .status-check-box__status .status__content{padding:0;white-space:normal}.status-check-box .status-check-box__status .video-player,.status-check-box .status-check-box__status .audio-player{margin-top:8px;max-width:250px}.status-check-box .status-check-box__status .media-gallery__item-thumbnail{cursor:default}.status-check-box-toggle{align-items:center;display:flex;flex:0 0 auto;justify-content:center;padding:10px}.status__prepend{margin-top:-10px;margin-bottom:10px;margin-left:58px;color:#444b5d;padding:8px 0;padding-bottom:2px;font-size:14px;position:relative}.status__prepend .status__display-name strong{color:#444b5d}.status__prepend>span{display:block;overflow:hidden;text-overflow:ellipsis}.status__action-bar{align-items:center;display:flex;margin-top:8px}.status__action-bar__counter{display:inline-flex;margin-right:11px;align-items:center}.status__action-bar__counter .status__action-bar-button{margin-right:4px}.status__action-bar__counter__label{display:inline-block;width:14px;font-size:12px;font-weight:500;color:#606984}.status__action-bar-button{margin-right:18px}.status__action-bar-dropdown{height:23.15px;width:23.15px}.detailed-status__action-bar-dropdown{flex:1 1 auto;display:flex;align-items:center;justify-content:center;position:relative}.detailed-status{background:#ccd7e0;padding:14px 10px}.detailed-status--flex{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-start}.detailed-status--flex .status__content,.detailed-status--flex .detailed-status__meta{flex:100%}.detailed-status .status__content{font-size:19px;line-height:24px}.detailed-status .status__content .emojione{width:24px;height:24px;margin:-1px 0 0}.detailed-status .video-player,.detailed-status .audio-player{margin-top:8px}.detailed-status__meta{margin-top:15px;color:#444b5d;font-size:14px;line-height:18px}.detailed-status__action-bar{background:#ccd7e0;border-top:1px solid #c0cdd9;border-bottom:1px solid #c0cdd9;display:flex;flex-direction:row;padding:10px 0}.detailed-status__link{color:inherit;text-decoration:none}.detailed-status__favorites,.detailed-status__reblogs{display:inline-block;font-weight:500;font-size:12px;margin-left:6px}.status__display-name,.status__relative-time,.detailed-status__display-name,.detailed-status__datetime,.detailed-status__application,.account__display-name{text-decoration:none}.status__display-name strong,.account__display-name strong{color:#000}.muted .emojione{opacity:.5}a.status__display-name:hover strong,.reply-indicator__display-name:hover strong,.detailed-status__display-name:hover strong,.account__display-name:hover strong{text-decoration:underline}.account__display-name strong{display:block;overflow:hidden;text-overflow:ellipsis}.detailed-status__application,.detailed-status__datetime{color:inherit}.detailed-status .button.logo-button{margin-bottom:15px}.detailed-status__display-name{color:#282c37;display:block;line-height:24px;margin-bottom:15px;overflow:hidden}.detailed-status__display-name strong,.detailed-status__display-name span{display:block;text-overflow:ellipsis;overflow:hidden}.detailed-status__display-name strong{font-size:16px;color:#000}.detailed-status__display-avatar{float:left;margin-right:10px}.status__avatar{flex:none;margin:0 10px 0 0;height:48px;width:48px}.muted .status__content,.muted .status__content p,.muted .status__content a,.muted .status__content__text{color:#444b5d}.muted .status__display-name strong{color:#444b5d}.muted .status__avatar{opacity:.5}.muted a.status__content__spoiler-link{background:#3c5063;color:#000}.muted a.status__content__spoiler-link:hover{background:#7d98b0;text-decoration:none}.status__relative-time:hover,.detailed-status__datetime:hover{text-decoration:underline}.status-card{display:flex;font-size:14px;border:1px solid #c0cdd9;border-radius:4px;color:#444b5d;margin-top:14px;text-decoration:none;overflow:hidden}.status-card__actions{bottom:0;left:0;position:absolute;right:0;top:0;display:flex;justify-content:center;align-items:center}.status-card__actions>div{background:rgba(0,0,0,.6);border-radius:8px;padding:12px 9px;flex:0 0 auto;display:flex;justify-content:center;align-items:center}.status-card__actions button,.status-card__actions a{display:inline;color:#282c37;background:transparent;border:0;padding:0 8px;text-decoration:none;font-size:18px;line-height:18px}.status-card__actions button:hover,.status-card__actions button:active,.status-card__actions button:focus,.status-card__actions a:hover,.status-card__actions a:active,.status-card__actions a:focus{color:#000}.status-card__actions a{font-size:19px;position:relative;bottom:-1px}.status-card__actions a .fa,.status-card__actions a:hover .fa{color:inherit}a.status-card{cursor:pointer}a.status-card:hover{background:#c0cdd9}.status-card-photo{cursor:zoom-in;display:block;text-decoration:none;width:100%;height:auto;margin:0}.status-card-video iframe{width:100%;height:100%}.status-card__title{display:block;font-weight:500;margin-bottom:5px;color:#282c37;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-decoration:none}.status-card__content{flex:1 1 auto;overflow:hidden;padding:14px 14px 14px 8px}.status-card__description{color:#282c37}.status-card__host{display:block;margin-top:5px;font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.status-card__image{flex:0 0 100px;background:#c0cdd9;position:relative}.status-card__image>.fa{font-size:21px;position:absolute;transform-origin:50% 50%;top:50%;left:50%;transform:translate(-50%, -50%)}.status-card.horizontal{display:block}.status-card.horizontal .status-card__image{width:100%}.status-card.horizontal .status-card__image-image{border-radius:4px 4px 0 0}.status-card.horizontal .status-card__title{white-space:inherit}.status-card.compact{border-color:#ccd7e0}.status-card.compact.interactive{border:0}.status-card.compact .status-card__content{padding:8px;padding-top:10px}.status-card.compact .status-card__title{white-space:nowrap}.status-card.compact .status-card__image{flex:0 0 60px}a.status-card.compact:hover{background-color:#ccd7e0}.status-card__image-image{border-radius:4px 0 0 4px;display:block;margin:0;width:100%;height:100%;object-fit:cover;background-size:cover;background-position:center center}.attachment-list{display:flex;font-size:14px;border:1px solid #c0cdd9;border-radius:4px;margin-top:14px;overflow:hidden}.attachment-list__icon{flex:0 0 auto;color:#444b5d;padding:8px 18px;cursor:default;border-right:1px solid #c0cdd9;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:26px}.attachment-list__icon .fa{display:block}.attachment-list__list{list-style:none;padding:4px 0;padding-left:8px;display:flex;flex-direction:column;justify-content:center}.attachment-list__list li{display:block;padding:4px 0}.attachment-list__list a{text-decoration:none;color:#444b5d;font-weight:500}.attachment-list__list a:hover{text-decoration:underline}.attachment-list.compact{border:0;margin-top:4px}.attachment-list.compact .attachment-list__list{padding:0;display:block}.attachment-list.compact .fa{color:#444b5d}.status__wrapper--filtered__button{display:inline;color:#217aba;border:0;background:transparent;padding:0;font-size:inherit;line-height:inherit}.status__wrapper--filtered__button:hover,.status__wrapper--filtered__button:active{text-decoration:underline}.modal-container--preloader{background:#c0cdd9}.modal-root{position:relative;transition:opacity .3s linear;will-change:opacity;z-index:9999}.modal-root__overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(255,255,255,.7)}.modal-root__container{position:fixed;top:0;left:0;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;align-content:space-around;z-index:9999;pointer-events:none;user-select:none}.modal-root__modal{pointer-events:auto;display:flex;z-index:9999}.onboarding-modal,.error-modal,.embed-modal{background:#282c37;color:#000;border-radius:8px;overflow:hidden;display:flex;flex-direction:column}.onboarding-modal__pager{height:80vh;width:80vw;max-width:520px;max-height:470px}.onboarding-modal__pager .react-swipeable-view-container>div{width:100%;height:100%;box-sizing:border-box;display:none;flex-direction:column;align-items:center;justify-content:center;display:flex;user-select:text}.error-modal__body{height:80vh;width:80vw;max-width:520px;max-height:420px;position:relative}.error-modal__body>div{position:absolute;top:0;left:0;width:100%;height:100%;box-sizing:border-box;padding:25px;display:none;flex-direction:column;align-items:center;justify-content:center;display:flex;opacity:0;user-select:text}.error-modal__body{display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center}@media screen and (max-width: 550px){.onboarding-modal{width:100%;height:100%;border-radius:0}.onboarding-modal__pager{width:100%;height:auto;max-width:none;max-height:none;flex:1 1 auto}}.onboarding-modal__paginator,.error-modal__footer{flex:0 0 auto;background:#393f4f;display:flex;padding:25px}.onboarding-modal__paginator>div,.error-modal__footer>div{min-width:33px}.onboarding-modal__paginator .onboarding-modal__nav,.onboarding-modal__paginator .error-modal__nav,.error-modal__footer .onboarding-modal__nav,.error-modal__footer .error-modal__nav{color:#282c37;border:0;font-size:14px;font-weight:500;padding:10px 25px;line-height:inherit;height:auto;margin:-10px;border-radius:4px;background-color:transparent}.onboarding-modal__paginator .onboarding-modal__nav:hover,.onboarding-modal__paginator .onboarding-modal__nav:focus,.onboarding-modal__paginator .onboarding-modal__nav:active,.onboarding-modal__paginator .error-modal__nav:hover,.onboarding-modal__paginator .error-modal__nav:focus,.onboarding-modal__paginator .error-modal__nav:active,.error-modal__footer .onboarding-modal__nav:hover,.error-modal__footer .onboarding-modal__nav:focus,.error-modal__footer .onboarding-modal__nav:active,.error-modal__footer .error-modal__nav:hover,.error-modal__footer .error-modal__nav:focus,.error-modal__footer .error-modal__nav:active{color:#313543;background-color:#4a5266}.onboarding-modal__paginator .onboarding-modal__nav.onboarding-modal__done,.onboarding-modal__paginator .onboarding-modal__nav.onboarding-modal__next,.onboarding-modal__paginator .error-modal__nav.onboarding-modal__done,.onboarding-modal__paginator .error-modal__nav.onboarding-modal__next,.error-modal__footer .onboarding-modal__nav.onboarding-modal__done,.error-modal__footer .onboarding-modal__nav.onboarding-modal__next,.error-modal__footer .error-modal__nav.onboarding-modal__done,.error-modal__footer .error-modal__nav.onboarding-modal__next{color:#000}.onboarding-modal__paginator .onboarding-modal__nav.onboarding-modal__done:hover,.onboarding-modal__paginator .onboarding-modal__nav.onboarding-modal__done:focus,.onboarding-modal__paginator .onboarding-modal__nav.onboarding-modal__done:active,.onboarding-modal__paginator .onboarding-modal__nav.onboarding-modal__next:hover,.onboarding-modal__paginator .onboarding-modal__nav.onboarding-modal__next:focus,.onboarding-modal__paginator .onboarding-modal__nav.onboarding-modal__next:active,.onboarding-modal__paginator .error-modal__nav.onboarding-modal__done:hover,.onboarding-modal__paginator .error-modal__nav.onboarding-modal__done:focus,.onboarding-modal__paginator .error-modal__nav.onboarding-modal__done:active,.onboarding-modal__paginator .error-modal__nav.onboarding-modal__next:hover,.onboarding-modal__paginator .error-modal__nav.onboarding-modal__next:focus,.onboarding-modal__paginator .error-modal__nav.onboarding-modal__next:active,.error-modal__footer .onboarding-modal__nav.onboarding-modal__done:hover,.error-modal__footer .onboarding-modal__nav.onboarding-modal__done:focus,.error-modal__footer .onboarding-modal__nav.onboarding-modal__done:active,.error-modal__footer .onboarding-modal__nav.onboarding-modal__next:hover,.error-modal__footer .onboarding-modal__nav.onboarding-modal__next:focus,.error-modal__footer .onboarding-modal__nav.onboarding-modal__next:active,.error-modal__footer .error-modal__nav.onboarding-modal__done:hover,.error-modal__footer .error-modal__nav.onboarding-modal__done:focus,.error-modal__footer .error-modal__nav.onboarding-modal__done:active,.error-modal__footer .error-modal__nav.onboarding-modal__next:hover,.error-modal__footer .error-modal__nav.onboarding-modal__next:focus,.error-modal__footer .error-modal__nav.onboarding-modal__next:active{color:#000}.error-modal__footer{justify-content:center}.onboarding-modal__dots{flex:1 1 auto;display:flex;align-items:center;justify-content:center}.onboarding-modal__dot{width:14px;height:14px;border-radius:14px;background:#4a5266;margin:0 3px;cursor:pointer}.onboarding-modal__dot:hover{background:#4f576c}.onboarding-modal__dot.active{cursor:default;background:#5c657e}.onboarding-modal__page__wrapper{pointer-events:none;padding:25px;padding-bottom:0}.onboarding-modal__page__wrapper.onboarding-modal__page__wrapper--active{pointer-events:auto}.onboarding-modal__page{cursor:default;line-height:21px}.onboarding-modal__page h1{font-size:18px;font-weight:500;color:#000;margin-bottom:20px}.onboarding-modal__page a{color:#2b90d9}.onboarding-modal__page a:hover,.onboarding-modal__page a:focus,.onboarding-modal__page a:active{color:#2485cb}.onboarding-modal__page .navigation-bar a{color:inherit}.onboarding-modal__page p{font-size:16px;color:#282c37;margin-top:10px;margin-bottom:10px}.onboarding-modal__page p:last-child{margin-bottom:0}.onboarding-modal__page p strong{font-weight:500;background:#d9e1e8;color:#282c37;border-radius:4px;font-size:14px;padding:3px 6px}.onboarding-modal__page p strong:lang(ja){font-weight:700}.onboarding-modal__page p strong:lang(ko){font-weight:700}.onboarding-modal__page p strong:lang(zh-CN){font-weight:700}.onboarding-modal__page p strong:lang(zh-HK){font-weight:700}.onboarding-modal__page p strong:lang(zh-TW){font-weight:700}.onboarding-modal__page__wrapper-0{height:100%;padding:0}.onboarding-modal__page-one__lead{padding:65px;padding-top:45px;padding-bottom:0;margin-bottom:10px}.onboarding-modal__page-one__lead h1{font-size:26px;line-height:36px;margin-bottom:8px}.onboarding-modal__page-one__lead p{margin-bottom:0}.onboarding-modal__page-one__extra{padding-right:65px;padding-left:185px;text-align:center}.display-case{text-align:center;font-size:15px;margin-bottom:15px}.display-case__label{font-weight:500;color:#000;margin-bottom:5px;text-transform:uppercase;font-size:12px}.display-case__case{background:#d9e1e8;color:#282c37;font-weight:500;padding:10px;border-radius:4px}.onboarding-modal__page-two p,.onboarding-modal__page-three p,.onboarding-modal__page-four p,.onboarding-modal__page-five p{text-align:left}.onboarding-modal__page-two .figure,.onboarding-modal__page-three .figure,.onboarding-modal__page-four .figure,.onboarding-modal__page-five .figure{background:#f2f5f7;color:#282c37;margin-bottom:20px;border-radius:4px;padding:10px;text-align:center;font-size:14px;box-shadow:1px 2px 6px rgba(0,0,0,.3)}.onboarding-modal__page-two .figure .onboarding-modal__image,.onboarding-modal__page-three .figure .onboarding-modal__image,.onboarding-modal__page-four .figure .onboarding-modal__image,.onboarding-modal__page-five .figure .onboarding-modal__image{border-radius:4px;margin-bottom:10px}.onboarding-modal__page-two .figure.non-interactive,.onboarding-modal__page-three .figure.non-interactive,.onboarding-modal__page-four .figure.non-interactive,.onboarding-modal__page-five .figure.non-interactive{pointer-events:none;text-align:left}.onboarding-modal__page-four__columns .row{display:flex;margin-bottom:20px}.onboarding-modal__page-four__columns .row>div{flex:1 1 0;margin:0 10px}.onboarding-modal__page-four__columns .row>div:first-child{margin-left:0}.onboarding-modal__page-four__columns .row>div:last-child{margin-right:0}.onboarding-modal__page-four__columns .row>div p{text-align:center}.onboarding-modal__page-four__columns .row:last-child{margin-bottom:0}.onboarding-modal__page-four__columns .column-header{color:#000}@media screen and (max-width: 320px)and (max-height: 600px){.onboarding-modal__page p{font-size:14px;line-height:20px}.onboarding-modal__page-two .figure,.onboarding-modal__page-three .figure,.onboarding-modal__page-four .figure,.onboarding-modal__page-five .figure{font-size:12px;margin-bottom:10px}.onboarding-modal__page-four__columns .row{margin-bottom:10px}.onboarding-modal__page-four__columns .column-header{padding:5px;font-size:12px}}.onboard-sliders{display:inline-block;max-width:30px;max-height:auto;margin-left:10px}.boost-modal,.doodle-modal,.favourite-modal,.confirmation-modal,.report-modal,.actions-modal,.mute-modal,.block-modal{background:#17191f;color:#000;border-radius:8px;overflow:hidden;max-width:90vw;width:480px;position:relative;flex-direction:column}.boost-modal .status__relative-time,.doodle-modal .status__relative-time,.favourite-modal .status__relative-time,.confirmation-modal .status__relative-time,.report-modal .status__relative-time,.actions-modal .status__relative-time,.mute-modal .status__relative-time,.block-modal .status__relative-time{color:#444b5d;float:right;font-size:14px;width:auto;margin:initial;padding:initial}.boost-modal .status__display-name,.doodle-modal .status__display-name,.favourite-modal .status__display-name,.confirmation-modal .status__display-name,.report-modal .status__display-name,.actions-modal .status__display-name,.mute-modal .status__display-name,.block-modal .status__display-name{display:flex}.boost-modal .status__avatar,.doodle-modal .status__avatar,.favourite-modal .status__avatar,.confirmation-modal .status__avatar,.report-modal .status__avatar,.actions-modal .status__avatar,.mute-modal .status__avatar,.block-modal .status__avatar{height:48px;width:48px}.boost-modal .status__content__spoiler-link,.doodle-modal .status__content__spoiler-link,.favourite-modal .status__content__spoiler-link,.confirmation-modal .status__content__spoiler-link,.report-modal .status__content__spoiler-link,.actions-modal .status__content__spoiler-link,.mute-modal .status__content__spoiler-link,.block-modal .status__content__spoiler-link{color:#17191f}.actions-modal .status{background:#fff;border-bottom-color:#282c37;padding-top:10px;padding-bottom:10px}.actions-modal .dropdown-menu__separator{border-bottom-color:#282c37}.boost-modal__container,.favourite-modal__container{overflow-x:scroll;padding:10px}.boost-modal__container .status,.favourite-modal__container .status{user-select:text;border-bottom:0}.boost-modal__action-bar,.doodle-modal__action-bar,.favourite-modal__action-bar,.confirmation-modal__action-bar,.mute-modal__action-bar,.block-modal__action-bar{display:flex;justify-content:space-between;background:#282c37;padding:10px;line-height:36px}.boost-modal__action-bar>div,.doodle-modal__action-bar>div,.favourite-modal__action-bar>div,.confirmation-modal__action-bar>div,.mute-modal__action-bar>div,.block-modal__action-bar>div{flex:1 1 auto;text-align:right;color:#282c37;padding-right:10px}.boost-modal__action-bar .button,.doodle-modal__action-bar .button,.favourite-modal__action-bar .button,.confirmation-modal__action-bar .button,.mute-modal__action-bar .button,.block-modal__action-bar .button{flex:0 0 auto}.boost-modal__status-header,.favourite-modal__status-header{font-size:15px}.boost-modal__status-time,.favourite-modal__status-time{float:right;font-size:14px}.mute-modal,.block-modal{line-height:24px}.mute-modal .react-toggle,.block-modal .react-toggle{vertical-align:middle}.report-modal{width:90vw;max-width:700px}.report-modal__container{display:flex;border-top:1px solid #282c37}@media screen and (max-width: 480px){.report-modal__container{flex-wrap:wrap;overflow-y:auto}}.report-modal__statuses,.report-modal__comment{box-sizing:border-box;width:50%}@media screen and (max-width: 480px){.report-modal__statuses,.report-modal__comment{width:100%}}.report-modal__statuses,.focal-point-modal__content{flex:1 1 auto;min-height:20vh;max-height:80vh;overflow-y:auto;overflow-x:hidden}.report-modal__statuses .status__content a,.focal-point-modal__content .status__content a{color:#2b90d9}@media screen and (max-width: 480px){.report-modal__statuses,.focal-point-modal__content{max-height:10vh}}@media screen and (max-width: 480px){.focal-point-modal__content{max-height:40vh}}.report-modal__comment{padding:20px;border-right:1px solid #282c37;max-width:320px}.report-modal__comment p{font-size:14px;line-height:20px;margin-bottom:20px}.report-modal__comment .setting-text{display:block;box-sizing:border-box;width:100%;margin:0;color:#000;background:#fff;padding:10px;font-family:inherit;font-size:14px;resize:none;border:0;outline:0;border-radius:4px;border:1px solid #282c37;min-height:100px;max-height:50vh;margin-bottom:10px}.report-modal__comment .setting-text:focus{border:1px solid #393f4f}.report-modal__comment .setting-text__wrapper{background:#fff;border:1px solid #282c37;margin-bottom:10px;border-radius:4px}.report-modal__comment .setting-text__wrapper .setting-text{border:0;margin-bottom:0;border-radius:0}.report-modal__comment .setting-text__wrapper .setting-text:focus{border:0}.report-modal__comment .setting-text__wrapper__modifiers{color:#000;font-family:inherit;font-size:14px;background:#fff}.report-modal__comment .setting-text__toolbar{display:flex;justify-content:space-between;margin-bottom:20px}.report-modal__comment .setting-text-label{display:block;color:#000;font-size:14px;font-weight:500;margin-bottom:10px}.report-modal__comment .setting-toggle{margin-top:20px;margin-bottom:24px}.report-modal__comment .setting-toggle__label{color:#000;font-size:14px}@media screen and (max-width: 480px){.report-modal__comment{padding:10px;max-width:100%;order:2}.report-modal__comment .setting-toggle{margin-bottom:4px}}.actions-modal{max-height:80vh;max-width:80vw}.actions-modal .status{overflow-y:auto;max-height:300px}.actions-modal strong{display:block;font-weight:500}.actions-modal .actions-modal__item-label{font-weight:500}.actions-modal ul{overflow-y:auto;flex-shrink:0;max-height:80vh}.actions-modal ul.with-status{max-height:calc(80vh - 75px)}.actions-modal ul li:empty{margin:0}.actions-modal ul li:not(:empty) a{color:#000;display:flex;padding:12px 16px;font-size:15px;align-items:center;text-decoration:none}.actions-modal ul li:not(:empty) a,.actions-modal ul li:not(:empty) a button{transition:none}.actions-modal ul li:not(:empty) a.active,.actions-modal ul li:not(:empty) a.active button,.actions-modal ul li:not(:empty) a:hover,.actions-modal ul li:not(:empty) a:hover button,.actions-modal ul li:not(:empty) a:active,.actions-modal ul li:not(:empty) a:active button,.actions-modal ul li:not(:empty) a:focus,.actions-modal ul li:not(:empty) a:focus button{background:#2b90d9;color:#000}.actions-modal ul li:not(:empty) a>.react-toggle,.actions-modal ul li:not(:empty) a>.icon,.actions-modal ul li:not(:empty) a button:first-child{margin-right:10px}.confirmation-modal__action-bar .confirmation-modal__secondary-button,.mute-modal__action-bar .confirmation-modal__secondary-button,.block-modal__action-bar .confirmation-modal__secondary-button{flex-shrink:1}.confirmation-modal__secondary-button,.confirmation-modal__cancel-button,.mute-modal__cancel-button,.block-modal__cancel-button{background-color:transparent;color:#282c37;font-size:14px;font-weight:500}.confirmation-modal__secondary-button:hover,.confirmation-modal__secondary-button:focus,.confirmation-modal__secondary-button:active,.confirmation-modal__cancel-button:hover,.confirmation-modal__cancel-button:focus,.confirmation-modal__cancel-button:active,.mute-modal__cancel-button:hover,.mute-modal__cancel-button:focus,.mute-modal__cancel-button:active,.block-modal__cancel-button:hover,.block-modal__cancel-button:focus,.block-modal__cancel-button:active{color:#313543;background-color:transparent}.confirmation-modal__do_not_ask_again{padding-left:20px;padding-right:20px;padding-bottom:10px;font-size:14px}.confirmation-modal__do_not_ask_again label,.confirmation-modal__do_not_ask_again input{vertical-align:middle}.confirmation-modal__container,.mute-modal__container,.block-modal__container,.report-modal__target{padding:30px;font-size:16px}.confirmation-modal__container strong,.mute-modal__container strong,.block-modal__container strong,.report-modal__target strong{font-weight:500}.confirmation-modal__container strong:lang(ja),.mute-modal__container strong:lang(ja),.block-modal__container strong:lang(ja),.report-modal__target strong:lang(ja){font-weight:700}.confirmation-modal__container strong:lang(ko),.mute-modal__container strong:lang(ko),.block-modal__container strong:lang(ko),.report-modal__target strong:lang(ko){font-weight:700}.confirmation-modal__container strong:lang(zh-CN),.mute-modal__container strong:lang(zh-CN),.block-modal__container strong:lang(zh-CN),.report-modal__target strong:lang(zh-CN){font-weight:700}.confirmation-modal__container strong:lang(zh-HK),.mute-modal__container strong:lang(zh-HK),.block-modal__container strong:lang(zh-HK),.report-modal__target strong:lang(zh-HK){font-weight:700}.confirmation-modal__container strong:lang(zh-TW),.mute-modal__container strong:lang(zh-TW),.block-modal__container strong:lang(zh-TW),.report-modal__target strong:lang(zh-TW){font-weight:700}.confirmation-modal__container,.report-modal__target{text-align:center}.block-modal__explanation,.mute-modal__explanation{margin-top:20px}.block-modal .setting-toggle,.mute-modal .setting-toggle{margin-top:20px;margin-bottom:24px;display:flex;align-items:center}.block-modal .setting-toggle__label,.mute-modal .setting-toggle__label{color:#000;margin:0;margin-left:8px}.report-modal__target{padding:15px}.report-modal__target .media-modal__close{top:14px;right:15px}.embed-modal{width:auto;max-width:80vw;max-height:80vh}.embed-modal h4{padding:30px;font-weight:500;font-size:16px;text-align:center}.embed-modal .embed-modal__container{padding:10px}.embed-modal .embed-modal__container .hint{margin-bottom:15px}.embed-modal .embed-modal__container .embed-modal__html{outline:0;box-sizing:border-box;display:block;width:100%;border:none;padding:10px;font-family:\"mastodon-font-monospace\",monospace;background:#d9e1e8;color:#000;font-size:14px;margin:0;margin-bottom:15px;border-radius:4px}.embed-modal .embed-modal__container .embed-modal__html::-moz-focus-inner{border:0}.embed-modal .embed-modal__container .embed-modal__html::-moz-focus-inner,.embed-modal .embed-modal__container .embed-modal__html:focus,.embed-modal .embed-modal__container .embed-modal__html:active{outline:0 !important}.embed-modal .embed-modal__container .embed-modal__html:focus{background:#ccd7e0}@media screen and (max-width: 600px){.embed-modal .embed-modal__container .embed-modal__html{font-size:16px}}.embed-modal .embed-modal__container .embed-modal__iframe{width:400px;max-width:100%;overflow:hidden;border:0;border-radius:4px}.focal-point{position:relative;cursor:move;overflow:hidden;height:100%;display:flex;justify-content:center;align-items:center;background:#000}.focal-point img,.focal-point video,.focal-point canvas{display:block;max-height:80vh;width:100%;height:auto;margin:0;object-fit:contain;background:#000}.focal-point__reticle{position:absolute;width:100px;height:100px;transform:translate(-50%, -50%);background:url(\"~images/reticle.png\") no-repeat 0 0;border-radius:50%;box-shadow:0 0 0 9999em rgba(0,0,0,.35)}.focal-point__overlay{position:absolute;width:100%;height:100%;top:0;left:0}.focal-point__preview{position:absolute;bottom:10px;right:10px;z-index:2;cursor:move;transition:opacity .1s ease}.focal-point__preview:hover{opacity:.5}.focal-point__preview strong{color:#000;font-size:14px;font-weight:500;display:block;margin-bottom:5px}.focal-point__preview div{border-radius:4px;box-shadow:0 0 14px rgba(0,0,0,.2)}@media screen and (max-width: 480px){.focal-point img,.focal-point video{max-height:100%}.focal-point__preview{display:none}}.filtered-status-info{text-align:start}.filtered-status-info .spoiler__text{margin-top:20px}.filtered-status-info .account{border-bottom:0}.filtered-status-info .account__display-name strong{color:#000}.filtered-status-info .status__content__spoiler{display:none}.filtered-status-info .status__content__spoiler--visible{display:flex}.filtered-status-info ul{padding:10px;margin-left:12px;list-style:disc inside}.filtered-status-info .filtered-status-edit-link{color:#606984;text-decoration:none}.filtered-status-info .filtered-status-edit-link:hover{text-decoration:underline}.composer{padding:10px}.composer .emoji-picker-dropdown{position:absolute;top:0;right:0}.composer .emoji-picker-dropdown ::-webkit-scrollbar-track:hover,.composer .emoji-picker-dropdown ::-webkit-scrollbar-track:active{background-color:rgba(255,255,255,.3)}.character-counter{cursor:default;font-family:sans-serif,sans-serif;font-size:14px;font-weight:600;color:#282c37}.character-counter.character-counter--over{color:#ff5050}.no-reduce-motion .composer--spoiler{transition:height .4s ease,opacity .4s ease}.composer--spoiler{height:0;transform-origin:bottom;opacity:0}.composer--spoiler.composer--spoiler--visible{height:36px;margin-bottom:11px;opacity:1}.composer--spoiler input{display:block;box-sizing:border-box;margin:0;border:none;border-radius:4px;padding:10px;width:100%;outline:0;color:#000;background:#fff;font-size:14px;font-family:inherit;resize:vertical}.composer--spoiler input::placeholder{color:#444b5d}.composer--spoiler input:focus{outline:0}@media screen and (max-width: 630px){.auto-columns .composer--spoiler input{font-size:16px}}.single-column .composer--spoiler input{font-size:16px}.composer--warning{color:#000;margin-bottom:15px;background:#9baec8;box-shadow:0 2px 6px rgba(0,0,0,.3);padding:8px 10px;border-radius:4px;font-size:13px;font-weight:400}.composer--warning a{color:#282c37;font-weight:500;text-decoration:underline}.composer--warning a:active,.composer--warning a:focus,.composer--warning a:hover{text-decoration:none}.compose-form__sensitive-button{padding:10px;padding-top:0;font-size:14px;font-weight:500}.compose-form__sensitive-button.active{color:#2b90d9}.compose-form__sensitive-button input[type=checkbox]{display:none}.compose-form__sensitive-button .checkbox{display:inline-block;position:relative;border:1px solid #9baec8;box-sizing:border-box;width:18px;height:18px;flex:0 0 auto;margin-left:5px;margin-right:10px;top:-1px;border-radius:4px;vertical-align:middle}.compose-form__sensitive-button .checkbox.active{border-color:#2b90d9;background:#2b90d9}.composer--reply{margin:0 0 10px;border-radius:4px;padding:10px;background:#9baec8;min-height:23px;overflow-y:auto;flex:0 2 auto}.composer--reply>header{margin-bottom:5px;overflow:hidden}.composer--reply>header>.account.small{color:#000}.composer--reply>header>.cancel{float:right;line-height:24px}.composer--reply>.content{position:relative;margin:10px 0;padding:0 12px;font-size:14px;line-height:20px;color:#000;word-wrap:break-word;font-weight:400;overflow:visible;white-space:pre-wrap;padding-top:5px;overflow:hidden}.composer--reply>.content p,.composer--reply>.content pre,.composer--reply>.content blockquote{margin-bottom:20px;white-space:pre-wrap}.composer--reply>.content p:last-child,.composer--reply>.content pre:last-child,.composer--reply>.content blockquote:last-child{margin-bottom:0}.composer--reply>.content h1,.composer--reply>.content h2,.composer--reply>.content h3,.composer--reply>.content h4,.composer--reply>.content h5{margin-top:20px;margin-bottom:20px}.composer--reply>.content h1,.composer--reply>.content h2{font-weight:700;font-size:18px}.composer--reply>.content h2{font-size:16px}.composer--reply>.content h3,.composer--reply>.content h4,.composer--reply>.content h5{font-weight:500}.composer--reply>.content blockquote{padding-left:10px;border-left:3px solid #000;color:#000;white-space:normal}.composer--reply>.content blockquote p:last-child{margin-bottom:0}.composer--reply>.content b,.composer--reply>.content strong{font-weight:700}.composer--reply>.content em,.composer--reply>.content i{font-style:italic}.composer--reply>.content sub{font-size:smaller;text-align:sub}.composer--reply>.content ul,.composer--reply>.content ol{margin-left:1em}.composer--reply>.content ul p,.composer--reply>.content ol p{margin:0}.composer--reply>.content ul{list-style-type:disc}.composer--reply>.content ol{list-style-type:decimal}.composer--reply>.content a{color:#282c37;text-decoration:none}.composer--reply>.content a:hover{text-decoration:underline}.composer--reply>.content a.mention:hover{text-decoration:none}.composer--reply>.content a.mention:hover span{text-decoration:underline}.composer--reply .emojione{width:20px;height:20px;margin:-5px 0 0}.compose-form__autosuggest-wrapper,.autosuggest-input{position:relative;width:100%}.compose-form__autosuggest-wrapper label .autosuggest-textarea__textarea,.autosuggest-input label .autosuggest-textarea__textarea{display:block;box-sizing:border-box;margin:0;border:none;border-radius:4px 4px 0 0;padding:10px 32px 0 10px;width:100%;min-height:100px;outline:0;color:#000;background:#fff;font-size:14px;font-family:inherit;resize:none;scrollbar-color:initial}.compose-form__autosuggest-wrapper label .autosuggest-textarea__textarea::placeholder,.autosuggest-input label .autosuggest-textarea__textarea::placeholder{color:#444b5d}.compose-form__autosuggest-wrapper label .autosuggest-textarea__textarea::-webkit-scrollbar,.autosuggest-input label .autosuggest-textarea__textarea::-webkit-scrollbar{all:unset}.compose-form__autosuggest-wrapper label .autosuggest-textarea__textarea:disabled,.autosuggest-input label .autosuggest-textarea__textarea:disabled{background:#282c37}.compose-form__autosuggest-wrapper label .autosuggest-textarea__textarea:focus,.autosuggest-input label .autosuggest-textarea__textarea:focus{outline:0}@media screen and (max-width: 630px){.auto-columns .compose-form__autosuggest-wrapper label .autosuggest-textarea__textarea,.auto-columns .autosuggest-input label .autosuggest-textarea__textarea{font-size:16px}}.single-column .compose-form__autosuggest-wrapper label .autosuggest-textarea__textarea,.single-column .autosuggest-input label .autosuggest-textarea__textarea{font-size:16px}@media screen and (max-width: 600px){.auto-columns .compose-form__autosuggest-wrapper label .autosuggest-textarea__textarea,.single-column .compose-form__autosuggest-wrapper label .autosuggest-textarea__textarea,.auto-columns .autosuggest-input label .autosuggest-textarea__textarea,.single-column .autosuggest-input label .autosuggest-textarea__textarea{height:100px !important;resize:vertical}}.composer--textarea--icons{display:block;position:absolute;top:29px;right:5px;bottom:5px;overflow:hidden}.composer--textarea--icons>.textarea_icon{display:block;margin:2px 0 0 2px;width:24px;height:24px;color:#282c37;font-size:18px;line-height:24px;text-align:center;opacity:.8}.autosuggest-textarea__suggestions-wrapper{position:relative;height:0}.autosuggest-textarea__suggestions{display:block;position:absolute;box-sizing:border-box;top:100%;border-radius:0 0 4px 4px;padding:6px;width:100%;color:#000;background:#282c37;box-shadow:4px 4px 6px rgba(0,0,0,.4);font-size:14px;z-index:99;display:none}.autosuggest-textarea__suggestions--visible{display:block}.autosuggest-textarea__suggestions__item{padding:10px;cursor:pointer;border-radius:4px}.autosuggest-textarea__suggestions__item:hover,.autosuggest-textarea__suggestions__item:focus,.autosuggest-textarea__suggestions__item:active,.autosuggest-textarea__suggestions__item.selected{background:#3d4455}.autosuggest-textarea__suggestions__item>.account,.autosuggest-textarea__suggestions__item>.emoji,.autosuggest-textarea__suggestions__item>.autosuggest-hashtag{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;line-height:18px;font-size:14px}.autosuggest-textarea__suggestions__item .autosuggest-hashtag{justify-content:space-between}.autosuggest-textarea__suggestions__item .autosuggest-hashtag__name{flex:1 1 auto;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.autosuggest-textarea__suggestions__item .autosuggest-hashtag strong{font-weight:500}.autosuggest-textarea__suggestions__item .autosuggest-hashtag__uses{flex:0 0 auto;text-align:right;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.autosuggest-textarea__suggestions__item>.account.small .display-name>span{color:#282c37}.composer--upload_form{overflow:hidden}.composer--upload_form>.content{display:flex;flex-direction:row;flex-wrap:wrap;font-family:inherit;padding:5px;overflow:hidden}.composer--upload_form--item{flex:1 1 0;margin:5px;min-width:40%}.composer--upload_form--item>div{position:relative;border-radius:4px;height:140px;width:100%;background-color:#000;background-position:center;background-size:cover;background-repeat:no-repeat;overflow:hidden}.composer--upload_form--item>div textarea{display:block;position:absolute;box-sizing:border-box;bottom:0;left:0;margin:0;border:0;padding:10px;width:100%;color:#282c37;background:linear-gradient(0deg, rgba(0, 0, 0, 0.8) 0, rgba(0, 0, 0, 0.35) 80%, transparent);font-size:14px;font-family:inherit;font-weight:500;opacity:0;z-index:2;transition:opacity .1s ease}.composer--upload_form--item>div textarea:focus{color:#fff}.composer--upload_form--item>div textarea::placeholder{opacity:.54;color:#282c37}.composer--upload_form--item>div>.close{mix-blend-mode:difference}.composer--upload_form--item.active>div textarea{opacity:1}.composer--upload_form--actions{background:linear-gradient(180deg, rgba(0, 0, 0, 0.8) 0, rgba(0, 0, 0, 0.35) 80%, transparent);display:flex;align-items:flex-start;justify-content:space-between;opacity:0;transition:opacity .1s ease}.composer--upload_form--actions .icon-button{flex:0 1 auto;color:#282c37;font-size:14px;font-weight:500;padding:10px;font-family:inherit}.composer--upload_form--actions .icon-button:hover,.composer--upload_form--actions .icon-button:focus,.composer--upload_form--actions .icon-button:active{color:#1f232b}.composer--upload_form--actions.active{opacity:1}.composer--upload_form--progress{display:flex;padding:10px;color:#282c37;overflow:hidden}.composer--upload_form--progress>.fa{font-size:34px;margin-right:10px}.composer--upload_form--progress>.message{flex:1 1 auto}.composer--upload_form--progress>.message>span{display:block;font-size:12px;font-weight:500;text-transform:uppercase}.composer--upload_form--progress>.message>.backdrop{position:relative;margin-top:5px;border-radius:6px;width:100%;height:6px;background:#3c5063}.composer--upload_form--progress>.message>.backdrop>.tracker{position:absolute;top:0;left:0;height:6px;border-radius:6px;background:#2b90d9}.compose-form__modifiers{color:#000;font-family:inherit;font-size:14px;background:#fff}.composer--options-wrapper{padding:10px;background:#fff;border-radius:0 0 4px 4px;height:27px;display:flex;justify-content:space-between;flex:0 0 auto}.composer--options{display:flex;flex:0 0 auto}.composer--options>*{display:inline-block;box-sizing:content-box;padding:0 3px;height:27px;line-height:27px;vertical-align:bottom}.composer--options>hr{display:inline-block;margin:0 3px;border-width:0 0 0 1px;border-style:none none none solid;border-color:transparent transparent transparent #fff;padding:0;width:0;height:27px;background:transparent}.compose--counter-wrapper{align-self:center;margin-right:4px}.composer--options--dropdown.open>.value{border-radius:4px 4px 0 0;box-shadow:0 -4px 4px rgba(0,0,0,.1);color:#000;background:#2b90d9;transition:none}.composer--options--dropdown.open.top>.value{border-radius:0 0 4px 4px;box-shadow:0 4px 4px rgba(0,0,0,.1)}.composer--options--dropdown--content{position:absolute;border-radius:4px;box-shadow:2px 4px 15px rgba(0,0,0,.4);background:#fff;overflow:hidden;transform-origin:50% 0}.composer--options--dropdown--content--item{display:flex;align-items:center;padding:10px;color:#000;cursor:pointer}.composer--options--dropdown--content--item>.content{flex:1 1 auto;color:#282c37}.composer--options--dropdown--content--item>.content:not(:first-child){margin-left:10px}.composer--options--dropdown--content--item>.content strong{display:block;color:#000;font-weight:500}.composer--options--dropdown--content--item:hover,.composer--options--dropdown--content--item.active{background:#2b90d9;color:#000}.composer--options--dropdown--content--item:hover>.content,.composer--options--dropdown--content--item.active>.content{color:#000}.composer--options--dropdown--content--item:hover>.content strong,.composer--options--dropdown--content--item.active>.content strong{color:#000}.composer--options--dropdown--content--item.active:hover{background:#2485cb}.composer--publisher{padding-top:10px;text-align:right;white-space:nowrap;overflow:hidden;justify-content:flex-end;flex:0 0 auto}.composer--publisher>.primary{display:inline-block;margin:0;padding:0 10px;text-align:center}.composer--publisher>.side_arm{display:inline-block;margin:0 2px;padding:0;width:36px;text-align:center}.composer--publisher.over>.count{color:#ff5050}.column__wrapper{display:flex;flex:1 1 auto;position:relative}.columns-area{display:flex;flex:1 1 auto;flex-direction:row;justify-content:flex-start;overflow-x:auto;position:relative}.columns-area__panels{display:flex;justify-content:center;width:100%;height:100%;min-height:100vh}.columns-area__panels__pane{height:100%;overflow:hidden;pointer-events:none;display:flex;justify-content:flex-end;min-width:285px}.columns-area__panels__pane--start{justify-content:flex-start}.columns-area__panels__pane__inner{position:fixed;width:285px;pointer-events:auto;height:100%}.columns-area__panels__main{box-sizing:border-box;width:100%;max-width:600px;flex:0 0 auto;display:flex;flex-direction:column}@media screen and (min-width: 415px){.columns-area__panels__main{padding:0 10px}}.tabs-bar__wrapper{background:#f2f5f7;position:sticky;top:0;z-index:2;padding-top:0}@media screen and (min-width: 415px){.tabs-bar__wrapper{padding-top:10px}}.tabs-bar__wrapper .tabs-bar{margin-bottom:0}@media screen and (min-width: 415px){.tabs-bar__wrapper .tabs-bar{margin-bottom:10px}}.react-swipeable-view-container,.react-swipeable-view-container .columns-area,.react-swipeable-view-container .column{height:100%}.react-swipeable-view-container>*{display:flex;align-items:center;justify-content:center;height:100%}.column{width:330px;position:relative;box-sizing:border-box;display:flex;flex-direction:column}.column>.scrollable{background:#d9e1e8}.ui{flex:0 0 auto;display:flex;flex-direction:column;width:100%;height:100%}.column{overflow:hidden}.column-back-button{box-sizing:border-box;width:100%;background:#ccd7e0;color:#2b90d9;cursor:pointer;flex:0 0 auto;font-size:16px;border:0;text-align:unset;padding:15px;margin:0;z-index:3}.column-back-button:hover{text-decoration:underline}.column-header__back-button{background:#ccd7e0;border:0;font-family:inherit;color:#2b90d9;cursor:pointer;flex:0 0 auto;font-size:16px;padding:0 5px 0 0;z-index:3}.column-header__back-button:hover{text-decoration:underline}.column-header__back-button:last-child{padding:0 15px 0 0}.column-back-button__icon{display:inline-block;margin-right:5px}.column-back-button--slim{position:relative}.column-back-button--slim-button{cursor:pointer;flex:0 0 auto;font-size:16px;padding:15px;position:absolute;right:0;top:-48px}.column-link{background:#c0cdd9;color:#000;display:block;font-size:16px;padding:15px;text-decoration:none}.column-link:hover,.column-link:focus,.column-link:active{background:#b6c5d3}.column-link:focus{outline:0}.column-link--transparent{background:transparent;color:#282c37}.column-link--transparent:hover,.column-link--transparent:focus,.column-link--transparent:active{background:transparent;color:#000}.column-link--transparent.active{color:#2b90d9}.column-link__icon{display:inline-block;margin-right:5px}.column-subheading{background:#d9e1e8;color:#444b5d;padding:8px 20px;font-size:12px;font-weight:500;text-transform:uppercase;cursor:default}.column-header__wrapper{position:relative;flex:0 0 auto;z-index:1}.column-header__wrapper.active{box-shadow:0 1px 0 rgba(43,144,217,.3)}.column-header__wrapper.active::before{display:block;content:\"\";position:absolute;bottom:-13px;left:0;right:0;margin:0 auto;width:60%;pointer-events:none;height:28px;z-index:1;background:radial-gradient(ellipse, rgba(43, 144, 217, 0.23) 0%, rgba(43, 144, 217, 0) 60%)}.column-header__wrapper .announcements{z-index:1;position:relative}.column-header{display:flex;font-size:16px;background:#ccd7e0;flex:0 0 auto;cursor:pointer;position:relative;z-index:2;outline:0;overflow:hidden}.column-header>button{margin:0;border:none;padding:15px;color:inherit;background:transparent;font:inherit;text-align:left;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;flex:1}.column-header>.column-header__back-button{color:#2b90d9}.column-header.active .column-header__icon{color:#2b90d9;text-shadow:0 0 10px rgba(43,144,217,.4)}.column-header:focus,.column-header:active{outline:0}.column{width:330px;position:relative;box-sizing:border-box;display:flex;flex-direction:column;overflow:hidden}.wide .columns-area:not(.columns-area--mobile) .column{flex:auto;min-width:330px;max-width:400px}.column>.scrollable{background:#d9e1e8}.column-header__buttons{height:48px;display:flex;margin-left:0}.column-header__links{margin-bottom:14px}.column-header__links .text-btn{margin-right:10px}.column-header__button,.column-header__notif-cleaning-buttons button{background:#ccd7e0;border:0;color:#282c37;cursor:pointer;font-size:16px;padding:0 15px}.column-header__button:hover,.column-header__notif-cleaning-buttons button:hover{color:#191b22}.column-header__button.active,.column-header__notif-cleaning-buttons button.active{color:#000;background:#c0cdd9}.column-header__button.active:hover,.column-header__notif-cleaning-buttons button.active:hover{color:#000;background:#c0cdd9}.column-header__button:focus,.column-header__notif-cleaning-buttons button:focus{text-shadow:0 0 4px #419bdd}.column-header__notif-cleaning-buttons{display:flex;align-items:stretch;justify-content:space-around}.column-header__notif-cleaning-buttons button{background:transparent;text-align:center;padding:10px 0;white-space:pre-wrap}.column-header__notif-cleaning-buttons b{font-weight:bold}.column-header__collapsible-inner.nopad-drawer{padding:0}.column-header__collapsible{max-height:70vh;overflow:hidden;overflow-y:auto;color:#282c37;transition:max-height 150ms ease-in-out,opacity 300ms linear;opacity:1;z-index:1;position:relative}.column-header__collapsible.collapsed{max-height:0;opacity:.5}.column-header__collapsible.animating{overflow-y:hidden}.column-header__collapsible hr{height:0;background:transparent;border:0;border-top:1px solid #b3c3d1;margin:10px 0}.column-header__collapsible.ncd{transition:none}.column-header__collapsible.ncd.collapsed{max-height:0;opacity:.7}.column-header__collapsible-inner{background:#c0cdd9;padding:15px}.column-header__setting-btn:hover{color:#282c37;text-decoration:underline}.column-header__setting-arrows{float:right}.column-header__setting-arrows .column-header__setting-btn{padding:0 10px}.column-header__setting-arrows .column-header__setting-btn:last-child{padding-right:0}.column-header__title{display:inline-block;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;flex:1}.column-header__icon{display:inline-block;margin-right:5px}.empty-column-indicator,.error-column,.follow_requests-unlocked_explanation{color:#444b5d;background:#d9e1e8;text-align:center;padding:20px;font-size:15px;font-weight:400;cursor:default;display:flex;flex:1 1 auto;align-items:center;justify-content:center}@supports(display: grid){.empty-column-indicator,.error-column,.follow_requests-unlocked_explanation{contain:strict}}.empty-column-indicator>span,.error-column>span,.follow_requests-unlocked_explanation>span{max-width:400px}.empty-column-indicator a,.error-column a,.follow_requests-unlocked_explanation a{color:#2b90d9;text-decoration:none}.empty-column-indicator a:hover,.error-column a:hover,.follow_requests-unlocked_explanation a:hover{text-decoration:underline}.follow_requests-unlocked_explanation{background:#e6ebf0;contain:initial}.error-column{flex-direction:column}.single-column.navbar-under .tabs-bar{margin-top:0 !important;margin-bottom:-6px !important}@media screen and (max-width: 415px){.auto-columns.navbar-under .tabs-bar{margin-top:0 !important;margin-bottom:-6px !important}}@media screen and (max-width: 415px){.auto-columns.navbar-under .react-swipeable-view-container .columns-area,.single-column.navbar-under .react-swipeable-view-container .columns-area{height:100% !important}}.column-inline-form{padding:7px 15px;padding-right:5px;display:flex;justify-content:flex-start;align-items:center;background:#ccd7e0}.column-inline-form label{flex:1 1 auto}.column-inline-form label input{width:100%;margin-bottom:6px}.column-inline-form label input:focus{outline:0}.column-inline-form .icon-button{flex:0 0 auto;margin:0 5px}.regeneration-indicator{text-align:center;font-size:16px;font-weight:500;color:#444b5d;background:#d9e1e8;cursor:default;display:flex;flex:1 1 auto;flex-direction:column;align-items:center;justify-content:center;padding:20px}.regeneration-indicator__figure,.regeneration-indicator__figure img{display:block;width:auto;height:160px;margin:0}.regeneration-indicator--without-header{padding-top:68px}.regeneration-indicator__label{margin-top:30px}.regeneration-indicator__label strong{display:block;margin-bottom:10px;color:#444b5d}.regeneration-indicator__label span{font-size:15px;font-weight:400}.directory__list{width:100%;margin:10px 0;transition:opacity 100ms ease-in}.directory__list.loading{opacity:.7}@media screen and (max-width: 415px){.directory__list{margin:0}}.directory__card{box-sizing:border-box;margin-bottom:10px}.directory__card__img{height:125px;position:relative;background:#fff;overflow:hidden}.directory__card__img img{display:block;width:100%;height:100%;margin:0;object-fit:cover}.directory__card__bar{display:flex;align-items:center;background:#ccd7e0;padding:10px}.directory__card__bar__name{flex:1 1 auto;display:flex;align-items:center;text-decoration:none;overflow:hidden}.directory__card__bar__relationship{width:23px;min-height:1px;flex:0 0 auto}.directory__card__bar .avatar{flex:0 0 auto;width:48px;height:48px;padding-top:2px}.directory__card__bar .avatar img{width:100%;height:100%;display:block;margin:0;border-radius:4px;background:#f2f5f7;object-fit:cover}.directory__card__bar .display-name{margin-left:15px;text-align:left}.directory__card__bar .display-name strong{font-size:15px;color:#000;font-weight:500;overflow:hidden;text-overflow:ellipsis}.directory__card__bar .display-name span{display:block;font-size:14px;color:#282c37;font-weight:400;overflow:hidden;text-overflow:ellipsis}.directory__card__extra{background:#d9e1e8;display:flex;align-items:center;justify-content:center}.directory__card__extra .accounts-table__count{width:33.33%;flex:0 0 auto;padding:15px 0}.directory__card__extra .account__header__content{box-sizing:border-box;padding:15px 10px;border-bottom:1px solid #c0cdd9;width:100%;min-height:48px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.directory__card__extra .account__header__content p{display:none}.directory__card__extra .account__header__content p:first-child{display:inline}.directory__card__extra .account__header__content br{display:none}.filter-form{background:#d9e1e8}.filter-form__column{padding:10px 15px}.filter-form .radio-button{display:block}.radio-button{font-size:14px;position:relative;display:inline-block;padding:6px 0;line-height:18px;cursor:default;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;cursor:pointer}.radio-button input[type=radio],.radio-button input[type=checkbox]{display:none}.radio-button__input{display:inline-block;position:relative;border:1px solid #9baec8;box-sizing:border-box;width:18px;height:18px;flex:0 0 auto;margin-right:10px;top:-1px;border-radius:50%;vertical-align:middle}.radio-button__input.checked{border-color:#217aba;background:#217aba}.search{position:relative}.search__input{outline:0;box-sizing:border-box;width:100%;border:none;box-shadow:none;font-family:inherit;background:#d9e1e8;color:#282c37;font-size:14px;margin:0;display:block;padding:15px;padding-right:30px;line-height:18px;font-size:16px}.search__input::placeholder{color:#1f232b}.search__input::-moz-focus-inner{border:0}.search__input::-moz-focus-inner,.search__input:focus,.search__input:active{outline:0 !important}.search__input:focus{background:#ccd7e0}@media screen and (max-width: 600px){.search__input{font-size:16px}}.search__icon::-moz-focus-inner{border:0}.search__icon::-moz-focus-inner,.search__icon:focus{outline:0 !important}.search__icon .fa{position:absolute;top:16px;right:10px;z-index:2;display:inline-block;opacity:0;transition:all 100ms linear;transition-property:color,transform,opacity;font-size:18px;width:18px;height:18px;color:#282c37;cursor:default;pointer-events:none}.search__icon .fa.active{pointer-events:auto;opacity:.3}.search__icon .fa-search{transform:rotate(0deg)}.search__icon .fa-search.active{pointer-events:auto;opacity:.3}.search__icon .fa-times-circle{top:17px;transform:rotate(0deg);color:#606984;cursor:pointer}.search__icon .fa-times-circle.active{transform:rotate(90deg)}.search__icon .fa-times-circle:hover{color:#51596f}.search-results__header{color:#444b5d;background:#d3dce4;border-bottom:1px solid #e6ebf0;padding:15px 10px;font-size:14px;font-weight:500}.search-results__info{padding:20px;color:#282c37;text-align:center}.trends__header{color:#444b5d;background:#d3dce4;border-bottom:1px solid #e6ebf0;font-weight:500;padding:15px;font-size:16px;cursor:default}.trends__header .fa{display:inline-block;margin-right:5px}.trends__item{display:flex;align-items:center;padding:15px;border-bottom:1px solid #c0cdd9}.trends__item:last-child{border-bottom:0}.trends__item__name{flex:1 1 auto;color:#444b5d;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.trends__item__name strong{font-weight:500}.trends__item__name a{color:#282c37;text-decoration:none;font-size:14px;font-weight:500;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.trends__item__name a:hover span,.trends__item__name a:focus span,.trends__item__name a:active span{text-decoration:underline}.trends__item__current{flex:0 0 auto;font-size:24px;line-height:36px;font-weight:500;text-align:right;padding-right:15px;margin-left:5px;color:#282c37}.trends__item__sparkline{flex:0 0 auto;width:50px}.trends__item__sparkline path:first-child{fill:rgba(43,144,217,.25) !important;fill-opacity:1 !important}.trends__item__sparkline path:last-child{stroke:#2380c3 !important}.emojione{font-size:inherit;vertical-align:middle;object-fit:contain;margin:-0.2ex .15em .2ex;width:16px;height:16px}.emojione img{width:auto}.emoji-picker-dropdown__menu{background:#fff;position:absolute;box-shadow:4px 4px 6px rgba(0,0,0,.4);border-radius:4px;margin-top:5px;z-index:2}.emoji-picker-dropdown__menu .emoji-mart-scroll{transition:opacity 200ms ease}.emoji-picker-dropdown__menu.selecting .emoji-mart-scroll{opacity:.5}.emoji-picker-dropdown__modifiers{position:absolute;top:60px;right:11px;cursor:pointer}.emoji-picker-dropdown__modifiers__menu{position:absolute;z-index:4;top:-4px;left:-8px;background:#fff;border-radius:4px;box-shadow:1px 2px 6px rgba(0,0,0,.2);overflow:hidden}.emoji-picker-dropdown__modifiers__menu button{display:block;cursor:pointer;border:0;padding:4px 8px;background:transparent}.emoji-picker-dropdown__modifiers__menu button:hover,.emoji-picker-dropdown__modifiers__menu button:focus,.emoji-picker-dropdown__modifiers__menu button:active{background:rgba(40,44,55,.4)}.emoji-picker-dropdown__modifiers__menu .emoji-mart-emoji{height:22px}.emoji-mart-emoji span{background-repeat:no-repeat}.emoji-button{display:block;padding:5px 5px 2px 2px;outline:0;cursor:pointer}.emoji-button:active,.emoji-button:focus{outline:0 !important}.emoji-button img{filter:grayscale(100%);opacity:.8;display:block;margin:0;width:22px;height:22px}.emoji-button:hover img,.emoji-button:active img,.emoji-button:focus img{opacity:1;filter:none}.doodle-modal{width:unset}.doodle-modal__container{background:#d9e1e8;text-align:center;line-height:0}.doodle-modal__container canvas{border:5px solid #d9e1e8}.doodle-modal__action-bar .filler{flex-grow:1;margin:0;padding:0}.doodle-modal__action-bar .doodle-toolbar{line-height:1;display:flex;flex-direction:column;flex-grow:0;justify-content:space-around}.doodle-modal__action-bar .doodle-toolbar.with-inputs label{display:inline-block;width:70px;text-align:right;margin-right:2px}.doodle-modal__action-bar .doodle-toolbar.with-inputs input[type=number],.doodle-modal__action-bar .doodle-toolbar.with-inputs input[type=text]{width:40px}.doodle-modal__action-bar .doodle-toolbar.with-inputs span.val{display:inline-block;text-align:left;width:50px}.doodle-modal__action-bar .doodle-palette{padding-right:0 !important;border:1px solid #000;line-height:.2rem;flex-grow:0;background:#fff}.doodle-modal__action-bar .doodle-palette button{appearance:none;width:1rem;height:1rem;margin:0;padding:0;text-align:center;color:#000;text-shadow:0 0 1px #fff;cursor:pointer;box-shadow:inset 0 0 1px rgba(255,255,255,.5);border:1px solid #000;outline-offset:-1px}.doodle-modal__action-bar .doodle-palette button.foreground{outline:1px dashed #fff}.doodle-modal__action-bar .doodle-palette button.background{outline:1px dashed red}.doodle-modal__action-bar .doodle-palette button.foreground.background{outline:1px dashed red;border-color:#fff}.drawer{width:300px;box-sizing:border-box;display:flex;flex-direction:column;overflow-y:hidden;padding:10px 5px;flex:none}.drawer:first-child{padding-left:10px}.drawer:last-child{padding-right:10px}@media screen and (max-width: 630px){.auto-columns .drawer{flex:auto}}.single-column .drawer{flex:auto}@media screen and (max-width: 630px){.auto-columns .drawer,.auto-columns .drawer:first-child,.auto-columns .drawer:last-child,.single-column .drawer,.single-column .drawer:first-child,.single-column .drawer:last-child{padding:0}}.wide .drawer{min-width:300px;max-width:400px;flex:1 1 200px}@media screen and (max-width: 630px){:root .auto-columns .drawer{flex:auto;width:100%;min-width:0;max-width:none;padding:0}}:root .single-column .drawer{flex:auto;width:100%;min-width:0;max-width:none;padding:0}.react-swipeable-view-container .drawer{height:100%}.drawer--header{display:flex;flex-direction:row;margin-bottom:10px;flex:none;background:#c0cdd9;font-size:16px}.drawer--header>*{display:block;box-sizing:border-box;border-bottom:2px solid transparent;padding:15px 5px 13px;height:48px;flex:1 1 auto;color:#282c37;text-align:center;text-decoration:none;cursor:pointer}.drawer--header a{transition:background 100ms ease-in}.drawer--header a:focus,.drawer--header a:hover{outline:none;background:#cfd9e2;transition:background 200ms ease-out}.search{position:relative;margin-bottom:10px;flex:none}@media screen and (max-width: 415px){.auto-columns .search,.single-column .search{margin-bottom:0}}@media screen and (max-width: 630px){.auto-columns .search{font-size:16px}}.single-column .search{font-size:16px}.search-popout{background:#fff;border-radius:4px;padding:10px 14px;padding-bottom:14px;margin-top:10px;color:#444b5d;box-shadow:2px 4px 15px rgba(0,0,0,.4)}.search-popout h4{text-transform:uppercase;color:#444b5d;font-size:13px;font-weight:500;margin-bottom:10px}.search-popout li{padding:4px 0}.search-popout ul{margin-bottom:10px}.search-popout em{font-weight:500;color:#000}.drawer--account{padding:10px;color:#282c37;display:flex;align-items:center}.drawer--account a{color:inherit;text-decoration:none}.drawer--account .acct{display:block;color:#282c37;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.navigation-bar__profile{flex:1 1 auto;margin-left:8px;overflow:hidden}.drawer--results{background:#d9e1e8;overflow-x:hidden;overflow-y:auto}.drawer--results>header{color:#444b5d;background:#d3dce4;padding:15px;font-weight:500;font-size:16px;cursor:default}.drawer--results>header .fa{display:inline-block;margin-right:5px}.drawer--results>section{margin-bottom:5px}.drawer--results>section h5{background:#e6ebf0;border-bottom:1px solid #c0cdd9;cursor:default;display:flex;padding:15px;font-weight:500;font-size:16px;color:#444b5d}.drawer--results>section h5 .fa{display:inline-block;margin-right:5px}.drawer--results>section .account:last-child,.drawer--results>section>div:last-child .status{border-bottom:0}.drawer--results>section>.hashtag{display:block;padding:10px;color:#282c37;text-decoration:none}.drawer--results>section>.hashtag:hover,.drawer--results>section>.hashtag:active,.drawer--results>section>.hashtag:focus{color:#1f232b;text-decoration:underline}.drawer__pager{box-sizing:border-box;padding:0;flex-grow:1;position:relative;overflow:hidden;display:flex}.drawer__inner{position:absolute;top:0;left:0;background:#b0c0cf;box-sizing:border-box;padding:0;display:flex;flex-direction:column;overflow:hidden;overflow-y:auto;width:100%;height:100%}.drawer__inner.darker{background:#d9e1e8}.drawer__inner__mastodon{background:#b0c0cf url('data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 234.80078 31.757813\" width=\"234.80078\" height=\"31.757812\"><path d=\"M19.599609 0c-1.05 0-2.10039.375-2.90039 1.125L0 16.925781v14.832031h234.80078V17.025391l-16.5-15.900391c-1.6-1.5-4.20078-1.5-5.80078 0l-13.80078 13.099609c-1.6 1.5-4.19883 1.5-5.79883 0L179.09961 1.125c-1.6-1.5-4.19883-1.5-5.79883 0L159.5 14.224609c-1.6 1.5-4.20078 1.5-5.80078 0L139.90039 1.125c-1.6-1.5-4.20078-1.5-5.80078 0l-13.79883 13.099609c-1.6 1.5-4.20078 1.5-5.80078 0L100.69922 1.125c-1.600001-1.5-4.198829-1.5-5.798829 0l-13.59961 13.099609c-1.6 1.5-4.200781 1.5-5.800781 0L61.699219 1.125c-1.6-1.5-4.198828-1.5-5.798828 0L42.099609 14.224609c-1.6 1.5-4.198828 1.5-5.798828 0L22.5 1.125C21.7.375 20.649609 0 19.599609 0z\" fill=\"%23D9E1E8\"/></svg>') no-repeat bottom/100% auto;flex:1;min-height:47px;display:none}.drawer__inner__mastodon>img{display:block;object-fit:contain;object-position:bottom left;width:85%;height:100%;pointer-events:none;user-drag:none;user-select:none}.drawer__inner__mastodon>.mastodon{display:block;width:100%;height:100%;border:none;cursor:inherit}@media screen and (min-height: 640px){.drawer__inner__mastodon{display:block}}.pseudo-drawer{background:#b0c0cf;font-size:13px;text-align:left}.drawer__backdrop{cursor:pointer;position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(255,255,255,.5)}.video-error-cover{align-items:center;background:#fff;color:#000;cursor:pointer;display:flex;flex-direction:column;height:100%;justify-content:center;margin-top:8px;position:relative;text-align:center;z-index:100}.media-spoiler{background:#fff;color:#282c37;border:0;width:100%;height:100%}.media-spoiler:hover,.media-spoiler:active,.media-spoiler:focus{color:#17191f}.status__content>.media-spoiler{margin-top:15px}.media-spoiler.full-width{margin-left:-14px;margin-right:-14px;width:inherit;max-width:none;height:250px;border-radius:0px}.media-spoiler__warning{display:block;font-size:14px}.media-spoiler__trigger{display:block;font-size:11px;font-weight:500}.media-gallery__gifv__label{display:block;position:absolute;color:#000;background:rgba(255,255,255,.5);bottom:6px;left:6px;padding:2px 6px;border-radius:2px;font-size:11px;font-weight:600;z-index:1;pointer-events:none;opacity:.9;transition:opacity .1s ease;line-height:18px}.media-gallery__gifv:hover .media-gallery__gifv__label{opacity:1}.media-gallery__audio{height:100%;display:flex;flex-direction:column}.media-gallery__audio span{text-align:center;color:#282c37;display:flex;height:100%;align-items:center}.media-gallery__audio span p{width:100%}.media-gallery__audio audio{width:100%}.media-gallery{box-sizing:border-box;margin-top:8px;overflow:hidden;border-radius:4px;position:relative;width:100%;height:110px}.media-gallery.full-width{margin-left:-14px;margin-right:-14px;width:inherit;max-width:none;height:250px;border-radius:0px}.media-gallery__item{border:none;box-sizing:border-box;display:block;float:left;position:relative;border-radius:4px;overflow:hidden}.full-width .media-gallery__item{border-radius:0}.media-gallery__item.standalone .media-gallery__item-gifv-thumbnail{transform:none;top:0}.media-gallery__item.letterbox{background:#000}.media-gallery__item-thumbnail{cursor:zoom-in;display:block;text-decoration:none;color:#282c37;position:relative;z-index:1}.media-gallery__item-thumbnail,.media-gallery__item-thumbnail img{height:100%;width:100%;object-fit:contain}.media-gallery__item-thumbnail:not(.letterbox),.media-gallery__item-thumbnail img:not(.letterbox){height:100%;object-fit:cover}.media-gallery__preview{width:100%;height:100%;object-fit:cover;position:absolute;top:0;left:0;z-index:0;background:#fff}.media-gallery__preview--hidden{display:none}.media-gallery__gifv{height:100%;overflow:hidden;position:relative;width:100%;display:flex;justify-content:center}.media-gallery__item-gifv-thumbnail{cursor:zoom-in;height:100%;width:100%;position:relative;z-index:1;object-fit:contain;user-select:none}.media-gallery__item-gifv-thumbnail:not(.letterbox){height:100%;object-fit:cover}.media-gallery__item-thumbnail-label{clip:rect(1px 1px 1px 1px);clip:rect(1px, 1px, 1px, 1px);overflow:hidden;position:absolute}.video-modal__container{max-width:100vw;max-height:100vh}.audio-modal__container{width:50vw}.media-modal{width:100%;height:100%;position:relative}.media-modal .extended-video-player{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.media-modal .extended-video-player video{max-width:100%;max-height:80%}.media-modal__closer{position:absolute;top:0;left:0;right:0;bottom:0}.media-modal__navigation{position:absolute;top:0;left:0;right:0;bottom:0;pointer-events:none;transition:opacity .3s linear;will-change:opacity}.media-modal__navigation *{pointer-events:auto}.media-modal__navigation.media-modal__navigation--hidden{opacity:0}.media-modal__navigation.media-modal__navigation--hidden *{pointer-events:none}.media-modal__nav{background:rgba(255,255,255,.5);box-sizing:border-box;border:0;color:#000;cursor:pointer;display:flex;align-items:center;font-size:24px;height:20vmax;margin:auto 0;padding:30px 15px;position:absolute;top:0;bottom:0}.media-modal__nav--left{left:0}.media-modal__nav--right{right:0}.media-modal__pagination{width:100%;text-align:center;position:absolute;left:0;bottom:20px;pointer-events:none}.media-modal__meta{text-align:center;position:absolute;left:0;bottom:20px;width:100%;pointer-events:none}.media-modal__meta--shifted{bottom:62px}.media-modal__meta a{pointer-events:auto;text-decoration:none;font-weight:500;color:#282c37}.media-modal__meta a:hover,.media-modal__meta a:focus,.media-modal__meta a:active{text-decoration:underline}.media-modal__page-dot{display:inline-block}.media-modal__button{background-color:#fff;height:12px;width:12px;border-radius:6px;margin:10px;padding:0;border:0;font-size:0}.media-modal__button--active{background-color:#2b90d9}.media-modal__close{position:absolute;right:8px;top:8px;z-index:100}.detailed .video-player__volume__current,.detailed .video-player__volume::before,.fullscreen .video-player__volume__current,.fullscreen .video-player__volume::before{bottom:27px}.detailed .video-player__volume__handle,.fullscreen .video-player__volume__handle{bottom:23px}.audio-player{box-sizing:border-box;position:relative;background:#f2f5f7;border-radius:4px;padding-bottom:44px;direction:ltr}.audio-player.editable{border-radius:0;height:100%}.audio-player__waveform{padding:15px 0;position:relative;overflow:hidden}.audio-player__waveform::before{content:\"\";display:block;position:absolute;border-top:1px solid #ccd7e0;width:100%;height:0;left:0;top:calc(50% + 1px)}.audio-player__progress-placeholder{background-color:rgba(33,122,186,.5)}.audio-player__wave-placeholder{background-color:#a6b9c9}.audio-player .video-player__controls{padding:0 15px;padding-top:10px;background:#f2f5f7;border-top:1px solid #ccd7e0;border-radius:0 0 4px 4px}.video-player{overflow:hidden;position:relative;background:#000;max-width:100%;border-radius:4px;box-sizing:border-box;direction:ltr}.video-player.editable{border-radius:0;height:100% !important}.video-player:focus{outline:0}.detailed-status .video-player{width:100%;height:100%}.video-player.full-width{margin-left:-14px;margin-right:-14px;width:inherit;max-width:none;height:250px;border-radius:0px}.video-player video{max-width:100vw;max-height:80vh;z-index:1;position:relative}.video-player.fullscreen{width:100% !important;height:100% !important;margin:0}.video-player.fullscreen video{max-width:100% !important;max-height:100% !important;width:100% !important;height:100% !important;outline:0}.video-player.inline video{object-fit:contain;position:relative;top:50%;transform:translateY(-50%)}.video-player__controls{position:absolute;z-index:2;bottom:0;left:0;right:0;box-sizing:border-box;background:linear-gradient(0deg, rgba(0, 0, 0, 0.85) 0, rgba(0, 0, 0, 0.45) 60%, transparent);padding:0 15px;opacity:0;transition:opacity .1s ease}.video-player__controls.active{opacity:1}.video-player.inactive video,.video-player.inactive .video-player__controls{visibility:hidden}.video-player__spoiler{display:none;position:absolute;top:0;left:0;width:100%;height:100%;z-index:4;border:0;background:#000;color:#282c37;transition:none;pointer-events:none}.video-player__spoiler.active{display:block;pointer-events:auto}.video-player__spoiler.active:hover,.video-player__spoiler.active:active,.video-player__spoiler.active:focus{color:#191b22}.video-player__spoiler__title{display:block;font-size:14px}.video-player__spoiler__subtitle{display:block;font-size:11px;font-weight:500}.video-player__buttons-bar{display:flex;justify-content:space-between;padding-bottom:10px}.video-player__buttons-bar .video-player__download__icon{color:inherit}.video-player__buttons-bar .video-player__download__icon .fa,.video-player__buttons-bar .video-player__download__icon:active .fa,.video-player__buttons-bar .video-player__download__icon:hover .fa,.video-player__buttons-bar .video-player__download__icon:focus .fa{color:inherit}.video-player__buttons{font-size:16px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.video-player__buttons.left button{padding-left:0}.video-player__buttons.right button{padding-right:0}.video-player__buttons button{background:transparent;padding:2px 10px;font-size:16px;border:0;color:rgba(255,255,255,.75)}.video-player__buttons button:active,.video-player__buttons button:hover,.video-player__buttons button:focus{color:#fff}.video-player__time-sep,.video-player__time-total,.video-player__time-current{font-size:14px;font-weight:500}.video-player__time-current{color:#fff;margin-left:60px}.video-player__time-sep{display:inline-block;margin:0 6px}.video-player__time-sep,.video-player__time-total{color:#fff}.video-player__volume{cursor:pointer;height:24px;display:inline}.video-player__volume::before{content:\"\";width:50px;background:rgba(255,255,255,.35);border-radius:4px;display:block;position:absolute;height:4px;left:70px;bottom:20px}.video-player__volume__current{display:block;position:absolute;height:4px;border-radius:4px;left:70px;bottom:20px;background:#217aba}.video-player__volume__handle{position:absolute;z-index:3;border-radius:50%;width:12px;height:12px;bottom:16px;left:70px;transition:opacity .1s ease;background:#217aba;box-shadow:1px 2px 6px rgba(0,0,0,.2);pointer-events:none}.video-player__link{padding:2px 10px}.video-player__link a{text-decoration:none;font-size:14px;font-weight:500;color:#fff}.video-player__link a:hover,.video-player__link a:active,.video-player__link a:focus{text-decoration:underline}.video-player__seek{cursor:pointer;height:24px;position:relative}.video-player__seek::before{content:\"\";width:100%;background:rgba(255,255,255,.35);border-radius:4px;display:block;position:absolute;height:4px;top:10px}.video-player__seek__progress,.video-player__seek__buffer{display:block;position:absolute;height:4px;border-radius:4px;top:10px;background:#217aba}.video-player__seek__buffer{background:rgba(255,255,255,.2)}.video-player__seek__handle{position:absolute;z-index:3;opacity:0;border-radius:50%;width:12px;height:12px;top:6px;margin-left:-6px;transition:opacity .1s ease;background:#217aba;box-shadow:1px 2px 6px rgba(0,0,0,.2);pointer-events:none}.video-player__seek__handle.active{opacity:1}.video-player__seek:hover .video-player__seek__handle{opacity:1}.video-player.detailed .video-player__buttons button,.video-player.fullscreen .video-player__buttons button{padding-top:10px;padding-bottom:10px}.sensitive-info{display:flex;flex-direction:row;align-items:center;position:absolute;top:4px;left:4px;z-index:100}.sensitive-marker{margin:0 3px;border-radius:2px;padding:2px 6px;color:rgba(0,0,0,.8);background:rgba(255,255,255,.5);font-size:12px;line-height:18px;text-transform:uppercase;opacity:.9;transition:opacity .1s ease}.media-gallery:hover .sensitive-marker{opacity:1}.list-editor{background:#d9e1e8;flex-direction:column;border-radius:8px;box-shadow:2px 4px 15px rgba(0,0,0,.4);width:380px;overflow:hidden}@media screen and (max-width: 420px){.list-editor{width:90%}}.list-editor h4{padding:15px 0;background:#b0c0cf;font-weight:500;font-size:16px;text-align:center;border-radius:8px 8px 0 0}.list-editor .drawer__pager{height:50vh}.list-editor .drawer__inner{border-radius:0 0 8px 8px}.list-editor .drawer__inner.backdrop{width:calc(100% - 60px);box-shadow:2px 4px 15px rgba(0,0,0,.4);border-radius:0 0 0 8px}.list-editor__accounts{overflow-y:auto}.list-editor .account__display-name:hover strong{text-decoration:none}.list-editor .account__avatar{cursor:default}.list-editor .search{margin-bottom:0}.list-adder{background:#d9e1e8;flex-direction:column;border-radius:8px;box-shadow:2px 4px 15px rgba(0,0,0,.4);width:380px;overflow:hidden}@media screen and (max-width: 420px){.list-adder{width:90%}}.list-adder__account{background:#b0c0cf}.list-adder__lists{background:#b0c0cf;height:50vh;border-radius:0 0 8px 8px;overflow-y:auto}.list-adder .list{padding:10px;border-bottom:1px solid #c0cdd9}.list-adder .list__wrapper{display:flex}.list-adder .list__display-name{flex:1 1 auto;overflow:hidden;text-decoration:none;font-size:16px;padding:10px}.emoji-mart{font-size:13px;display:inline-block;color:#000}.emoji-mart,.emoji-mart *{box-sizing:border-box;line-height:1.15}.emoji-mart .emoji-mart-emoji{padding:6px}.emoji-mart-bar{border:0 solid #393f4f}.emoji-mart-bar:first-child{border-bottom-width:1px;border-top-left-radius:5px;border-top-right-radius:5px;background:#282c37}.emoji-mart-bar:last-child{border-top-width:1px;border-bottom-left-radius:5px;border-bottom-right-radius:5px;display:none}.emoji-mart-anchors{display:flex;justify-content:space-between;padding:0 6px;color:#282c37;line-height:0}.emoji-mart-anchor{position:relative;flex:1;text-align:center;padding:12px 4px;overflow:hidden;transition:color .1s ease-out;cursor:pointer}.emoji-mart-anchor:hover{color:#313543}.emoji-mart-anchor-selected{color:#2b90d9}.emoji-mart-anchor-selected:hover{color:#3c99dc}.emoji-mart-anchor-selected .emoji-mart-anchor-bar{bottom:0}.emoji-mart-anchor-bar{position:absolute;bottom:-3px;left:0;width:100%;height:3px;background-color:#3897db}.emoji-mart-anchors i{display:inline-block;width:100%;max-width:22px}.emoji-mart-anchors svg{fill:currentColor;max-height:18px}.emoji-mart-scroll{overflow-y:scroll;height:270px;max-height:35vh;padding:0 6px 6px;background:#fff;will-change:transform}.emoji-mart-scroll::-webkit-scrollbar-track:hover,.emoji-mart-scroll::-webkit-scrollbar-track:active{background-color:rgba(255,255,255,.3)}.emoji-mart-search{padding:10px;padding-right:45px;background:#fff}.emoji-mart-search input{font-size:14px;font-weight:400;padding:7px 9px;font-family:inherit;display:block;width:100%;background:rgba(40,44,55,.3);color:#000;border:1px solid #282c37;border-radius:4px}.emoji-mart-search input::-moz-focus-inner{border:0}.emoji-mart-search input::-moz-focus-inner,.emoji-mart-search input:focus,.emoji-mart-search input:active{outline:0 !important}.emoji-mart-category .emoji-mart-emoji{cursor:pointer}.emoji-mart-category .emoji-mart-emoji span{z-index:1;position:relative;text-align:center}.emoji-mart-category .emoji-mart-emoji:hover::before{z-index:0;content:\"\";position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(40,44,55,.7);border-radius:100%}.emoji-mart-category-label{z-index:2;position:relative;position:-webkit-sticky;position:sticky;top:0}.emoji-mart-category-label span{display:block;width:100%;font-weight:500;padding:5px 6px;background:#fff}.emoji-mart-emoji{position:relative;display:inline-block;font-size:0}.emoji-mart-emoji span{width:22px;height:22px}.emoji-mart-no-results{font-size:14px;text-align:center;padding-top:70px;color:#444b5d}.emoji-mart-no-results .emoji-mart-category-label{display:none}.emoji-mart-no-results .emoji-mart-no-results-label{margin-top:.2em}.emoji-mart-no-results .emoji-mart-emoji:hover::before{content:none}.emoji-mart-preview{display:none}.glitch.local-settings{position:relative;display:flex;flex-direction:row;background:#282c37;color:#000;border-radius:8px;height:80vh;width:80vw;max-width:740px;max-height:450px;overflow:hidden}.glitch.local-settings label,.glitch.local-settings legend{display:block;font-size:14px}.glitch.local-settings .boolean label,.glitch.local-settings .radio_buttons label{position:relative;padding-left:28px;padding-top:3px}.glitch.local-settings .boolean label input,.glitch.local-settings .radio_buttons label input{position:absolute;left:0;top:0}.glitch.local-settings span.hint{display:block;color:#282c37}.glitch.local-settings h1{font-size:18px;font-weight:500;line-height:24px;margin-bottom:20px}.glitch.local-settings h2{font-size:15px;font-weight:500;line-height:20px;margin-top:20px;margin-bottom:10px}.glitch.local-settings__navigation__item{display:block;padding:15px 20px;color:inherit;background:#17191f;border-bottom:1px #282c37 solid;cursor:pointer;text-decoration:none;outline:none;transition:background .3s}.glitch.local-settings__navigation__item .text-icon-button{color:inherit;transition:unset}.glitch.local-settings__navigation__item:hover{background:#282c37}.glitch.local-settings__navigation__item.active{background:#2b90d9;color:#000}.glitch.local-settings__navigation__item.close,.glitch.local-settings__navigation__item.close:hover{background:#df405a;color:#000}.glitch.local-settings__navigation{background:#17191f;width:212px;font-size:15px;line-height:20px;overflow-y:auto}.glitch.local-settings__page{display:block;flex:auto;padding:15px 20px 15px 20px;width:360px;overflow-y:auto}.glitch.local-settings__page__item{margin-bottom:2px}.glitch.local-settings__page__item.string,.glitch.local-settings__page__item.radio_buttons{margin-top:10px;margin-bottom:10px}@media screen and (max-width: 630px){.glitch.local-settings__navigation{width:40px;flex-shrink:0}.glitch.local-settings__navigation__item{padding:10px}.glitch.local-settings__navigation__item span:last-of-type{display:none}}.error-boundary{color:#000;font-size:15px;line-height:20px}.error-boundary h1{font-size:26px;line-height:36px;font-weight:400;margin-bottom:8px}.error-boundary a{color:#000;text-decoration:underline}.error-boundary ul{list-style:disc;margin-left:0;padding-left:1em}.error-boundary textarea.web_app_crash-stacktrace{width:100%;resize:none;white-space:pre;font-family:monospace,monospace}.compose-panel{width:285px;margin-top:10px;display:flex;flex-direction:column;height:calc(100% - 10px);overflow-y:hidden}.compose-panel .search__input{line-height:18px;font-size:16px;padding:15px;padding-right:30px}.compose-panel .search__icon .fa{top:15px}.compose-panel .drawer--account{flex:0 1 48px}.compose-panel .flex-spacer{background:transparent}.compose-panel .composer{flex:1;overflow-y:hidden;display:flex;flex-direction:column;min-height:310px}.compose-panel .compose-form__autosuggest-wrapper{overflow-y:auto;background-color:#fff;border-radius:4px 4px 0 0;flex:0 1 auto}.compose-panel .autosuggest-textarea__textarea{overflow-y:hidden}.compose-panel .compose-form__upload-thumbnail{height:80px}.navigation-panel{margin-top:10px;margin-bottom:10px;height:calc(100% - 20px);overflow-y:auto;display:flex;flex-direction:column}.navigation-panel>a{flex:0 0 auto}.navigation-panel hr{flex:0 0 auto;border:0;background:transparent;border-top:1px solid #ccd7e0;margin:10px 0}.navigation-panel .flex-spacer{background:transparent}@media screen and (min-width: 600px){.tabs-bar__link span{display:inline}}.columns-area--mobile{flex-direction:column;width:100%;margin:0 auto}.columns-area--mobile .column,.columns-area--mobile .drawer{width:100%;height:100%;padding:0}.columns-area--mobile .directory__list{display:grid;grid-gap:10px;grid-template-columns:minmax(0, 50%) minmax(0, 50%)}@media screen and (max-width: 415px){.columns-area--mobile .directory__list{display:block}}.columns-area--mobile .directory__card{margin-bottom:0}.columns-area--mobile .filter-form{display:flex}.columns-area--mobile .autosuggest-textarea__textarea{font-size:16px}.columns-area--mobile .search__input{line-height:18px;font-size:16px;padding:15px;padding-right:30px}.columns-area--mobile .search__icon .fa{top:15px}.columns-area--mobile .scrollable{overflow:visible}@supports(display: grid){.columns-area--mobile .scrollable{contain:content}}@media screen and (min-width: 415px){.columns-area--mobile{padding:10px 0;padding-top:0}}@media screen and (min-width: 630px){.columns-area--mobile .detailed-status{padding:15px}.columns-area--mobile .detailed-status .media-gallery,.columns-area--mobile .detailed-status .video-player,.columns-area--mobile .detailed-status .audio-player{margin-top:15px}.columns-area--mobile .account__header__bar{padding:5px 10px}.columns-area--mobile .navigation-bar,.columns-area--mobile .compose-form{padding:15px}.columns-area--mobile .compose-form .compose-form__publish .compose-form__publish-button-wrapper{padding-top:15px}.columns-area--mobile .status{padding:15px;min-height:50px}.columns-area--mobile .status .media-gallery,.columns-area--mobile .status__action-bar,.columns-area--mobile .status .video-player,.columns-area--mobile .status .audio-player{margin-top:10px}.columns-area--mobile .account{padding:15px 10px}.columns-area--mobile .account__header__bio{margin:0 -10px}.columns-area--mobile .notification__message{padding-top:15px}.columns-area--mobile .notification .status{padding-top:8px}.columns-area--mobile .notification .account{padding-top:8px}}.floating-action-button{position:fixed;display:flex;justify-content:center;align-items:center;width:3.9375rem;height:3.9375rem;bottom:1.3125rem;right:1.3125rem;background:#3897db;color:#fff;border-radius:50%;font-size:21px;line-height:21px;text-decoration:none;box-shadow:2px 3px 9px rgba(0,0,0,.4)}.floating-action-button:hover,.floating-action-button:focus,.floating-action-button:active{background:#227dbe}@media screen and (min-width: 415px){.tabs-bar{width:100%}.react-swipeable-view-container .columns-area--mobile{height:calc(100% - 10px) !important}.getting-started__wrapper,.search{margin-bottom:10px}}@media screen and (max-width: 895px){.columns-area__panels__pane--compositional{display:none}}@media screen and (min-width: 895px){.floating-action-button,.tabs-bar__link.optional{display:none}.search-page .search{display:none}}@media screen and (max-width: 1190px){.columns-area__panels__pane--navigational{display:none}}@media screen and (min-width: 1190px){.tabs-bar{display:none}}.announcements__item__content{word-wrap:break-word;overflow-y:auto}.announcements__item__content .emojione{width:20px;height:20px;margin:-3px 0 0}.announcements__item__content p{margin-bottom:10px;white-space:pre-wrap}.announcements__item__content p:last-child{margin-bottom:0}.announcements__item__content a{color:#282c37;text-decoration:none}.announcements__item__content a:hover{text-decoration:underline}.announcements__item__content a.mention:hover{text-decoration:none}.announcements__item__content a.mention:hover span{text-decoration:underline}.announcements__item__content a.unhandled-link{color:#217aba}.announcements{background:#c0cdd9;font-size:13px;display:flex;align-items:flex-end}.announcements__mastodon{width:124px;flex:0 0 auto}@media screen and (max-width: 424px){.announcements__mastodon{display:none}}.announcements__container{width:calc(100% - 124px);flex:0 0 auto;position:relative}@media screen and (max-width: 424px){.announcements__container{width:100%}}.announcements__item{box-sizing:border-box;width:100%;padding:15px;position:relative;font-size:15px;line-height:20px;word-wrap:break-word;font-weight:400;max-height:50vh;overflow:hidden;display:flex;flex-direction:column}.announcements__item__range{display:block;font-weight:500;margin-bottom:10px;padding-right:18px}.announcements__item__unread{position:absolute;top:19px;right:19px;display:block;background:#2b90d9;border-radius:50%;width:.625rem;height:.625rem}.announcements__pagination{padding:15px;color:#282c37;position:absolute;bottom:3px;right:0}.layout-multiple-columns .announcements__mastodon{display:none}.layout-multiple-columns .announcements__container{width:100%}.reactions-bar{display:flex;flex-wrap:wrap;align-items:center;margin-top:15px;margin-left:-2px;width:calc(100% - (90px - 33px))}.reactions-bar__item{flex-shrink:0;background:#b3c3d1;border:0;border-radius:3px;margin:2px;cursor:pointer;user-select:none;padding:0 6px;display:flex;align-items:center;transition:all 100ms ease-in;transition-property:background-color,color}.reactions-bar__item__emoji{display:block;margin:3px 0;width:16px;height:16px}.reactions-bar__item__emoji img{display:block;margin:0;width:100%;height:100%;min-width:auto;min-height:auto;vertical-align:bottom;object-fit:contain}.reactions-bar__item__count{display:block;min-width:9px;font-size:13px;font-weight:500;text-align:center;margin-left:6px;color:#282c37}.reactions-bar__item:hover,.reactions-bar__item:focus,.reactions-bar__item:active{background:#a6b9c9;transition:all 200ms ease-out;transition-property:background-color,color}.reactions-bar__item:hover__count,.reactions-bar__item:focus__count,.reactions-bar__item:active__count{color:#1f232b}.reactions-bar__item.active{transition:all 100ms ease-in;transition-property:background-color,color;background-color:#98b9d3}.reactions-bar__item.active .reactions-bar__item__count{color:#217aba}.reactions-bar .emoji-picker-dropdown{margin:2px}.reactions-bar:hover .emoji-button{opacity:.85}.reactions-bar .emoji-button{color:#282c37;margin:0;font-size:16px;width:auto;flex-shrink:0;padding:0 6px;height:22px;display:flex;align-items:center;opacity:.5;transition:all 100ms ease-in;transition-property:background-color,color}.reactions-bar .emoji-button:hover,.reactions-bar .emoji-button:active,.reactions-bar .emoji-button:focus{opacity:1;color:#1f232b;transition:all 200ms ease-out;transition-property:background-color,color}.reactions-bar--empty .emoji-button{padding:0}.poll{margin-top:16px;font-size:14px}.poll ul,.e-content .poll ul{margin:0;list-style:none}.poll li{margin-bottom:10px;position:relative}.poll__chart{border-radius:4px;display:block;background:#abbbd1;height:5px;min-width:1%}.poll__chart.leading{background:#2b90d9}.poll__option{position:relative;display:flex;padding:6px 0;line-height:18px;cursor:default;overflow:hidden}.poll__option__text{display:inline-block;word-wrap:break-word;overflow-wrap:break-word;max-width:calc(100% - 45px - 25px)}.poll__option input[type=radio],.poll__option input[type=checkbox]{display:none}.poll__option .autossugest-input{flex:1 1 auto}.poll__option input[type=text]{display:block;box-sizing:border-box;width:100%;font-size:14px;color:#000;display:block;outline:0;font-family:inherit;background:#fff;border:1px solid #fff;border-radius:4px;padding:6px 10px}.poll__option input[type=text]:focus{border-color:#2b90d9}.poll__option.selectable{cursor:pointer}.poll__option.editable{display:flex;align-items:center;overflow:visible}.poll__input{display:inline-block;position:relative;border:1px solid #9baec8;box-sizing:border-box;width:18px;height:18px;flex:0 0 auto;margin-right:10px;top:-1px;border-radius:50%;vertical-align:middle;margin-top:auto;margin-bottom:auto;flex:0 0 18px}.poll__input.checkbox{border-radius:4px}.poll__input.active{border-color:#79bd9a;background:#79bd9a}.poll__input:active,.poll__input:focus,.poll__input:hover{border-color:#4d9c74;border-width:4px}.poll__input::-moz-focus-inner{outline:0 !important;border:0}.poll__input:focus,.poll__input:active{outline:0 !important}.poll__number{display:inline-block;width:45px;font-weight:700;flex:0 0 45px}.poll__voted{padding:0 5px;display:inline-block}.poll__voted__mark{font-size:18px}.poll__footer{padding-top:6px;padding-bottom:5px;color:#444b5d}.poll__link{display:inline;background:transparent;padding:0;margin:0;border:0;color:#444b5d;text-decoration:underline;font-size:inherit}.poll__link:hover{text-decoration:none}.poll__link:active,.poll__link:focus{background-color:rgba(68,75,93,.1)}.poll .button{height:36px;padding:0 16px;margin-right:10px;font-size:14px}.compose-form__poll-wrapper{border-top:1px solid #fff;overflow-x:hidden}.compose-form__poll-wrapper ul{padding:10px}.compose-form__poll-wrapper .poll__footer{border-top:1px solid #fff;padding:10px;display:flex;align-items:center}.compose-form__poll-wrapper .poll__footer button,.compose-form__poll-wrapper .poll__footer select{width:100%;flex:1 1 50%}.compose-form__poll-wrapper .poll__footer button:focus,.compose-form__poll-wrapper .poll__footer select:focus{border-color:#2b90d9}.compose-form__poll-wrapper .button.button-secondary{font-size:14px;font-weight:400;padding:6px 10px;height:auto;line-height:inherit;color:#606984;border-color:#606984;margin-right:5px}.compose-form__poll-wrapper li{display:flex;align-items:center}.compose-form__poll-wrapper li .poll__option{flex:0 0 auto;width:calc(100% - (23px + 6px));margin-right:6px}.compose-form__poll-wrapper select{appearance:none;box-sizing:border-box;font-size:14px;color:#000;display:inline-block;width:auto;outline:0;font-family:inherit;background:#fff url(\"data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14.933 18.467' height='19.698' width='15.929'><path d='M3.467 14.967l-3.393-3.5H14.86l-3.392 3.5c-1.866 1.925-3.666 3.5-4 3.5-.335 0-2.135-1.575-4-3.5zm.266-11.234L7.467 0 11.2 3.733l3.733 3.734H0l3.733-3.734z' fill='%23FFFFFF'/></svg>\") no-repeat right 8px center/auto 16px;border:1px solid #fff;border-radius:4px;padding:6px 10px;padding-right:30px}.compose-form__poll-wrapper .icon-button.disabled{color:#fff}.muted .poll{color:#444b5d}.muted .poll__chart{background:rgba(201,211,225,.2)}.muted .poll__chart.leading{background:rgba(43,144,217,.2)}.container{box-sizing:border-box;max-width:1235px;margin:0 auto;position:relative}@media screen and (max-width: 1255px){.container{width:100%;padding:0 10px}}.rich-formatting{font-family:sans-serif,sans-serif;font-size:14px;font-weight:400;line-height:1.7;word-wrap:break-word;color:#282c37}.rich-formatting a{color:#2b90d9;text-decoration:underline}.rich-formatting a:hover,.rich-formatting a:focus,.rich-formatting a:active{text-decoration:none}.rich-formatting p,.rich-formatting li{color:#282c37}.rich-formatting p{margin-top:0;margin-bottom:.85em}.rich-formatting p:last-child{margin-bottom:0}.rich-formatting strong{font-weight:700;color:#282c37}.rich-formatting em{font-style:italic;color:#282c37}.rich-formatting code{font-size:.85em;background:#f2f5f7;border-radius:4px;padding:.2em .3em}.rich-formatting h1,.rich-formatting h2,.rich-formatting h3,.rich-formatting h4,.rich-formatting h5,.rich-formatting h6{font-family:sans-serif,sans-serif;margin-top:1.275em;margin-bottom:.85em;font-weight:500;color:#282c37}.rich-formatting h1{font-size:2em}.rich-formatting h2{font-size:1.75em}.rich-formatting h3{font-size:1.5em}.rich-formatting h4{font-size:1.25em}.rich-formatting h5,.rich-formatting h6{font-size:1em}.rich-formatting ul{list-style:disc}.rich-formatting ol{list-style:decimal}.rich-formatting ul,.rich-formatting ol{margin:0;padding:0;padding-left:2em;margin-bottom:.85em}.rich-formatting ul[type=a],.rich-formatting ol[type=a]{list-style-type:lower-alpha}.rich-formatting ul[type=i],.rich-formatting ol[type=i]{list-style-type:lower-roman}.rich-formatting hr{width:100%;height:0;border:0;border-bottom:1px solid #ccd7e0;margin:1.7em 0}.rich-formatting hr.spacer{height:1px;border:0}.rich-formatting table{width:100%;border-collapse:collapse;break-inside:auto;margin-top:24px;margin-bottom:32px}.rich-formatting table thead tr,.rich-formatting table tbody tr{border-bottom:1px solid #ccd7e0;font-size:1em;line-height:1.625;font-weight:400;text-align:left;color:#282c37}.rich-formatting table thead tr{border-bottom-width:2px;line-height:1.5;font-weight:500;color:#444b5d}.rich-formatting table th,.rich-formatting table td{padding:8px;align-self:start;align-items:start;word-break:break-all}.rich-formatting table th.nowrap,.rich-formatting table td.nowrap{width:25%;position:relative}.rich-formatting table th.nowrap::before,.rich-formatting table td.nowrap::before{content:\"&nbsp;\";visibility:hidden}.rich-formatting table th.nowrap span,.rich-formatting table td.nowrap span{position:absolute;left:8px;right:8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.rich-formatting>:first-child{margin-top:0}.information-board{background:#e6ebf0;padding:20px 0}.information-board .container-alt{position:relative;padding-right:295px}.information-board__sections{display:flex;justify-content:space-between;flex-wrap:wrap}.information-board__section{flex:1 0 0;font-family:sans-serif,sans-serif;font-size:16px;line-height:28px;color:#000;text-align:right;padding:10px 15px}.information-board__section span,.information-board__section strong{display:block}.information-board__section span:last-child{color:#282c37}.information-board__section strong{font-family:sans-serif,sans-serif;font-weight:500;font-size:32px;line-height:48px}@media screen and (max-width: 700px){.information-board__section{text-align:center}}.information-board .panel{position:absolute;width:280px;box-sizing:border-box;background:#f2f5f7;padding:20px;padding-top:10px;border-radius:4px 4px 0 0;right:0;bottom:-40px}.information-board .panel .panel-header{font-family:sans-serif,sans-serif;font-size:14px;line-height:24px;font-weight:500;color:#282c37;padding-bottom:5px;margin-bottom:15px;border-bottom:1px solid #ccd7e0;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.information-board .panel .panel-header a,.information-board .panel .panel-header span{font-weight:400;color:#3d4455}.information-board .panel .panel-header a{text-decoration:none}.information-board .owner{text-align:center}.information-board .owner .avatar{width:80px;height:80px;width:80px;height:80px;background-size:80px 80px;margin:0 auto;margin-bottom:15px}.information-board .owner .avatar img{display:block;width:80px;height:80px;border-radius:48px;border-radius:8%;background-position:50%;background-clip:padding-box}.information-board .owner .name{font-size:14px}.information-board .owner .name a{display:block;color:#000;text-decoration:none}.information-board .owner .name a:hover .display_name{text-decoration:underline}.information-board .owner .name .username{display:block;color:#282c37}.landing-page p,.landing-page li{font-family:sans-serif,sans-serif;font-size:16px;font-weight:400;font-size:16px;line-height:30px;margin-bottom:12px;color:#282c37}.landing-page p a,.landing-page li a{color:#2b90d9;text-decoration:underline}.landing-page em{display:inline;margin:0;padding:0;font-weight:700;background:transparent;font-family:inherit;font-size:inherit;line-height:inherit;color:#131419}.landing-page h1{font-family:sans-serif,sans-serif;font-size:26px;line-height:30px;font-weight:500;margin-bottom:20px;color:#282c37}.landing-page h1 small{font-family:sans-serif,sans-serif;display:block;font-size:18px;font-weight:400;color:#131419}.landing-page h2{font-family:sans-serif,sans-serif;font-size:22px;line-height:26px;font-weight:500;margin-bottom:20px;color:#282c37}.landing-page h3{font-family:sans-serif,sans-serif;font-size:18px;line-height:24px;font-weight:500;margin-bottom:20px;color:#282c37}.landing-page h4{font-family:sans-serif,sans-serif;font-size:16px;line-height:24px;font-weight:500;margin-bottom:20px;color:#282c37}.landing-page h5{font-family:sans-serif,sans-serif;font-size:14px;line-height:24px;font-weight:500;margin-bottom:20px;color:#282c37}.landing-page h6{font-family:sans-serif,sans-serif;font-size:12px;line-height:24px;font-weight:500;margin-bottom:20px;color:#282c37}.landing-page ul,.landing-page ol{margin-left:20px}.landing-page ul[type=a],.landing-page ol[type=a]{list-style-type:lower-alpha}.landing-page ul[type=i],.landing-page ol[type=i]{list-style-type:lower-roman}.landing-page ul{list-style:disc}.landing-page ol{list-style:decimal}.landing-page li>ol,.landing-page li>ul{margin-top:6px}.landing-page hr{width:100%;height:0;border:0;border-bottom:1px solid rgba(60,80,99,.6);margin:20px 0}.landing-page hr.spacer{height:1px;border:0}.landing-page__information,.landing-page__forms{padding:20px}.landing-page__call-to-action{background:#d9e1e8;border-radius:4px;padding:25px 40px;overflow:hidden;box-sizing:border-box}.landing-page__call-to-action .row{width:100%;display:flex;flex-direction:row-reverse;flex-wrap:nowrap;justify-content:space-between;align-items:center}.landing-page__call-to-action .row__information-board{display:flex;justify-content:flex-end;align-items:flex-end}.landing-page__call-to-action .row__information-board .information-board__section{flex:1 0 auto;padding:0 10px}@media screen and (max-width: 415px){.landing-page__call-to-action .row__information-board{width:100%;justify-content:space-between}}.landing-page__call-to-action .row__mascot{flex:1;margin:10px -50px 0 0}@media screen and (max-width: 415px){.landing-page__call-to-action .row__mascot{display:none}}.landing-page__logo{margin-right:20px}.landing-page__logo img{height:50px;width:auto;mix-blend-mode:lighten}.landing-page__information{padding:45px 40px;margin-bottom:10px}.landing-page__information:last-child{margin-bottom:0}.landing-page__information strong{font-weight:500;color:#131419}.landing-page__information .account{border-bottom:0;padding:0}.landing-page__information .account__display-name{align-items:center;display:flex;margin-right:5px}.landing-page__information .account div.account__display-name:hover .display-name strong{text-decoration:none}.landing-page__information .account div.account__display-name .account__avatar{cursor:default}.landing-page__information .account__avatar-wrapper{margin-left:0;flex:0 0 auto}.landing-page__information .account__avatar{width:44px;height:44px;background-size:44px 44px;width:44px;height:44px;background-size:44px 44px}.landing-page__information .account .display-name{font-size:15px}.landing-page__information .account .display-name__account{font-size:14px}@media screen and (max-width: 960px){.landing-page__information .contact{margin-top:30px}}@media screen and (max-width: 700px){.landing-page__information{padding:25px 20px}}.landing-page__information,.landing-page__forms,.landing-page #mastodon-timeline{box-sizing:border-box;background:#d9e1e8;border-radius:4px;box-shadow:0 0 6px rgba(0,0,0,.1)}.landing-page__mascot{height:104px;position:relative;left:-40px;bottom:25px}.landing-page__mascot img{height:190px;width:auto}.landing-page__short-description .row{display:flex;flex-wrap:wrap;align-items:center;margin-bottom:40px}@media screen and (max-width: 700px){.landing-page__short-description .row{margin-bottom:20px}}.landing-page__short-description p a{color:#282c37}.landing-page__short-description h1{font-weight:500;color:#000;margin-bottom:0}.landing-page__short-description h1 small{color:#282c37}.landing-page__short-description h1 small span{color:#282c37}.landing-page__short-description p:last-child{margin-bottom:0}.landing-page__hero{margin-bottom:10px}.landing-page__hero img{display:block;margin:0;max-width:100%;height:auto;border-radius:4px}@media screen and (max-width: 840px){.landing-page .information-board .container-alt{padding-right:20px}.landing-page .information-board .panel{position:static;margin-top:20px;width:100%;border-radius:4px}.landing-page .information-board .panel .panel-header{text-align:center}}@media screen and (max-width: 675px){.landing-page .header-wrapper{padding-top:0}.landing-page .header-wrapper.compact{padding-bottom:0}.landing-page .header-wrapper.compact .hero .heading{text-align:initial}.landing-page .header .container-alt,.landing-page .features .container-alt{display:block}}.landing-page .cta{margin:20px}.landing{margin-bottom:100px}@media screen and (max-width: 738px){.landing{margin-bottom:0}}.landing__brand{display:flex;justify-content:center;align-items:center;padding:50px}.landing__brand svg{fill:#000;height:52px}@media screen and (max-width: 415px){.landing__brand{padding:0;margin-bottom:30px}}.landing .directory{margin-top:30px;background:transparent;box-shadow:none;border-radius:0}.landing .hero-widget{margin-top:30px;margin-bottom:0}.landing .hero-widget h4{padding:10px;text-transform:uppercase;font-weight:700;font-size:13px;color:#282c37}.landing .hero-widget__text{border-radius:0;padding-bottom:0}.landing .hero-widget__footer{background:#d9e1e8;padding:10px;border-radius:0 0 4px 4px;display:flex}.landing .hero-widget__footer__column{flex:1 1 50%}.landing .hero-widget .account{padding:10px 0;border-bottom:0}.landing .hero-widget .account .account__display-name{display:flex;align-items:center}.landing .hero-widget .account .account__avatar{width:44px;height:44px;background-size:44px 44px}.landing .hero-widget__counter{padding:10px}.landing .hero-widget__counter strong{font-family:sans-serif,sans-serif;font-size:15px;font-weight:700;display:block}.landing .hero-widget__counter span{font-size:14px;color:#282c37}.landing .simple_form .user_agreement .label_input>label{font-weight:400;color:#282c37}.landing .simple_form p.lead{color:#282c37;font-size:15px;line-height:20px;font-weight:400;margin-bottom:25px}.landing__grid{max-width:960px;margin:0 auto;display:grid;grid-template-columns:minmax(0, 50%) minmax(0, 50%);grid-gap:30px}@media screen and (max-width: 738px){.landing__grid{grid-template-columns:minmax(0, 100%);grid-gap:10px}.landing__grid__column-login{grid-row:1;display:flex;flex-direction:column}.landing__grid__column-login .box-widget{order:2;flex:0 0 auto}.landing__grid__column-login .hero-widget{margin-top:0;margin-bottom:10px;order:1;flex:0 0 auto}.landing__grid__column-registration{grid-row:2}.landing__grid .directory{margin-top:10px}}@media screen and (max-width: 415px){.landing__grid{grid-gap:0}.landing__grid .hero-widget{display:block;margin-bottom:0;box-shadow:none}.landing__grid .hero-widget__img,.landing__grid .hero-widget__img img,.landing__grid .hero-widget__footer{border-radius:0}.landing__grid .hero-widget,.landing__grid .box-widget,.landing__grid .directory__tag{border-bottom:1px solid #c0cdd9}.landing__grid .directory{margin-top:0}.landing__grid .directory__tag{margin-bottom:0}.landing__grid .directory__tag>a,.landing__grid .directory__tag>div{border-radius:0;box-shadow:none}.landing__grid .directory__tag:last-child{border-bottom:0}}.brand{position:relative;text-decoration:none}.brand__tagline{display:block;position:absolute;bottom:-10px;left:50px;width:300px;color:#9baec8;text-decoration:none;font-size:14px}@media screen and (max-width: 415px){.brand__tagline{position:static;width:auto;margin-top:20px;color:#444b5d}}.table{width:100%;max-width:100%;border-spacing:0;border-collapse:collapse}.table th,.table td{padding:8px;line-height:18px;vertical-align:top;border-top:1px solid #d9e1e8;text-align:left;background:#e6ebf0}.table>thead>tr>th{vertical-align:bottom;border-bottom:2px solid #d9e1e8;border-top:0;font-weight:500}.table>tbody>tr>th{font-weight:500}.table>tbody>tr:nth-child(odd)>td,.table>tbody>tr:nth-child(odd)>th{background:#d9e1e8}.table a{color:#2b90d9;text-decoration:underline}.table a:hover{text-decoration:none}.table strong{font-weight:500}.table strong:lang(ja){font-weight:700}.table strong:lang(ko){font-weight:700}.table strong:lang(zh-CN){font-weight:700}.table strong:lang(zh-HK){font-weight:700}.table strong:lang(zh-TW){font-weight:700}.table.inline-table>tbody>tr:nth-child(odd)>td,.table.inline-table>tbody>tr:nth-child(odd)>th{background:transparent}.table.inline-table>tbody>tr:first-child>td,.table.inline-table>tbody>tr:first-child>th{border-top:0}.table.batch-table>thead>tr>th{background:#d9e1e8;border-top:1px solid #f2f5f7;border-bottom:1px solid #f2f5f7}.table.batch-table>thead>tr>th:first-child{border-radius:4px 0 0;border-left:1px solid #f2f5f7}.table.batch-table>thead>tr>th:last-child{border-radius:0 4px 0 0;border-right:1px solid #f2f5f7}.table--invites tbody td{vertical-align:middle}.table-wrapper{overflow:auto;margin-bottom:20px}samp{font-family:monospace,monospace}button.table-action-link{background:transparent;border:0;font:inherit}button.table-action-link,a.table-action-link{text-decoration:none;display:inline-block;margin-right:5px;padding:0 10px;color:#282c37;font-weight:500}button.table-action-link:hover,a.table-action-link:hover{color:#000}button.table-action-link i.fa,a.table-action-link i.fa{font-weight:400;margin-right:5px}button.table-action-link:first-child,a.table-action-link:first-child{padding-left:0}.batch-table__toolbar,.batch-table__row{display:flex}.batch-table__toolbar__select,.batch-table__row__select{box-sizing:border-box;padding:8px 16px;cursor:pointer;min-height:100%}.batch-table__toolbar__select input,.batch-table__row__select input{margin-top:8px}.batch-table__toolbar__select--aligned,.batch-table__row__select--aligned{display:flex;align-items:center}.batch-table__toolbar__select--aligned input,.batch-table__row__select--aligned input{margin-top:0}.batch-table__toolbar__actions,.batch-table__toolbar__content,.batch-table__row__actions,.batch-table__row__content{padding:8px 0;padding-right:16px;flex:1 1 auto}.batch-table__toolbar{border:1px solid #f2f5f7;background:#d9e1e8;border-radius:4px 0 0;height:47px;align-items:center}.batch-table__toolbar__actions{text-align:right;padding-right:11px}.batch-table__form{padding:16px;border:1px solid #f2f5f7;border-top:0;background:#d9e1e8}.batch-table__form .fields-row{padding-top:0;margin-bottom:0}.batch-table__row{border:1px solid #f2f5f7;border-top:0;background:#e6ebf0}@media screen and (max-width: 415px){.optional .batch-table__row:first-child{border-top:1px solid #f2f5f7}}.batch-table__row:hover{background:#dfe6ec}.batch-table__row:nth-child(even){background:#d9e1e8}.batch-table__row:nth-child(even):hover{background:#d3dce4}.batch-table__row__content{padding-top:12px;padding-bottom:16px}.batch-table__row__content--unpadded{padding:0}.batch-table__row__content--with-image{display:flex;align-items:center}.batch-table__row__content__image{flex:0 0 auto;display:flex;justify-content:center;align-items:center;margin-right:10px}.batch-table__row__content__image .emojione{width:32px;height:32px}.batch-table__row__content__text{flex:1 1 auto}.batch-table__row__content__extra{flex:0 0 auto;text-align:right;color:#282c37;font-weight:500}.batch-table__row .directory__tag{margin:0;width:100%}.batch-table__row .directory__tag a{background:transparent;border-radius:0}@media screen and (max-width: 415px){.batch-table.optional .batch-table__toolbar,.batch-table.optional .batch-table__row__select{display:none}}.batch-table .status__content{padding-top:0}.batch-table .status__content strong{font-weight:700}.batch-table .nothing-here{border:1px solid #f2f5f7;border-top:0;box-shadow:none}@media screen and (max-width: 415px){.batch-table .nothing-here{border-top:1px solid #f2f5f7}}@media screen and (max-width: 870px){.batch-table .accounts-table tbody td.optional{display:none}}.admin-wrapper{display:flex;justify-content:center;width:100%;min-height:100vh}.admin-wrapper .sidebar-wrapper{min-height:100vh;overflow:hidden;pointer-events:none;flex:1 1 auto}.admin-wrapper .sidebar-wrapper__inner{display:flex;justify-content:flex-end;background:#d9e1e8;height:100%}.admin-wrapper .sidebar{width:240px;padding:0;pointer-events:auto}.admin-wrapper .sidebar__toggle{display:none;background:#c0cdd9;height:48px}.admin-wrapper .sidebar__toggle__logo{flex:1 1 auto}.admin-wrapper .sidebar__toggle__logo a{display:inline-block;padding:15px}.admin-wrapper .sidebar__toggle__logo svg{fill:#000;height:20px;position:relative;bottom:-2px}.admin-wrapper .sidebar__toggle__icon{display:block;color:#282c37;text-decoration:none;flex:0 0 auto;font-size:20px;padding:15px}.admin-wrapper .sidebar__toggle a:hover,.admin-wrapper .sidebar__toggle a:focus,.admin-wrapper .sidebar__toggle a:active{background:#b3c3d1}.admin-wrapper .sidebar .logo{display:block;margin:40px auto;width:100px;height:100px}@media screen and (max-width: 600px){.admin-wrapper .sidebar>a:first-child{display:none}}.admin-wrapper .sidebar ul{list-style:none;border-radius:4px 0 0 4px;overflow:hidden;margin-bottom:20px}@media screen and (max-width: 600px){.admin-wrapper .sidebar ul{margin-bottom:0}}.admin-wrapper .sidebar ul a{display:block;padding:15px;color:#282c37;text-decoration:none;transition:all 200ms linear;transition-property:color,background-color;border-radius:4px 0 0 4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.admin-wrapper .sidebar ul a i.fa{margin-right:5px}.admin-wrapper .sidebar ul a:hover{color:#000;background-color:#e9eef2;transition:all 100ms linear;transition-property:color,background-color}.admin-wrapper .sidebar ul a.selected{background:#dfe6ec;border-radius:4px 0 0}.admin-wrapper .sidebar ul ul{background:#e6ebf0;border-radius:0 0 0 4px;margin:0}.admin-wrapper .sidebar ul ul a{border:0;padding:15px 35px}.admin-wrapper .sidebar ul .simple-navigation-active-leaf a{color:#000;background-color:#2b90d9;border-bottom:0;border-radius:0}.admin-wrapper .sidebar ul .simple-navigation-active-leaf a:hover{background-color:#2482c7}.admin-wrapper .sidebar>ul>.simple-navigation-active-leaf a{border-radius:4px 0 0 4px}.admin-wrapper .content-wrapper{box-sizing:border-box;width:100%;max-width:840px;flex:1 1 auto}@media screen and (max-width: 1080px){.admin-wrapper .sidebar-wrapper--empty{display:none}.admin-wrapper .sidebar-wrapper{width:240px;flex:0 0 auto}}@media screen and (max-width: 600px){.admin-wrapper .sidebar-wrapper{width:100%}}.admin-wrapper .content{padding:20px 15px;padding-top:60px;padding-left:25px}@media screen and (max-width: 600px){.admin-wrapper .content{max-width:none;padding:15px;padding-top:30px}}.admin-wrapper .content-heading{display:flex;padding-bottom:40px;border-bottom:1px solid #c0cdd9;margin:-15px -15px 40px 0;flex-wrap:wrap;align-items:center;justify-content:space-between}.admin-wrapper .content-heading>*{margin-top:15px;margin-right:15px}.admin-wrapper .content-heading-actions{display:inline-flex}.admin-wrapper .content-heading-actions>:not(:first-child){margin-left:5px}@media screen and (max-width: 600px){.admin-wrapper .content-heading{border-bottom:0;padding-bottom:0}}.admin-wrapper .content h2{color:#282c37;font-size:24px;line-height:28px;font-weight:400}@media screen and (max-width: 600px){.admin-wrapper .content h2{font-weight:700}}.admin-wrapper .content h3{color:#282c37;font-size:20px;line-height:28px;font-weight:400;margin-bottom:30px}.admin-wrapper .content h4{text-transform:uppercase;font-size:13px;font-weight:700;color:#282c37;padding-bottom:8px;margin-bottom:8px;border-bottom:1px solid #c0cdd9}.admin-wrapper .content h6{font-size:16px;color:#282c37;line-height:28px;font-weight:500}.admin-wrapper .content .fields-group h6{color:#000;font-weight:500}.admin-wrapper .content .directory__tag>a,.admin-wrapper .content .directory__tag>div{box-shadow:none}.admin-wrapper .content .directory__tag .table-action-link .fa{color:inherit}.admin-wrapper .content .directory__tag h4{font-size:18px;font-weight:700;color:#000;text-transform:none;padding-bottom:0;margin-bottom:0;border-bottom:none}.admin-wrapper .content>p{font-size:14px;line-height:21px;color:#282c37;margin-bottom:20px}.admin-wrapper .content>p strong{color:#000;font-weight:500}.admin-wrapper .content>p strong:lang(ja){font-weight:700}.admin-wrapper .content>p strong:lang(ko){font-weight:700}.admin-wrapper .content>p strong:lang(zh-CN){font-weight:700}.admin-wrapper .content>p strong:lang(zh-HK){font-weight:700}.admin-wrapper .content>p strong:lang(zh-TW){font-weight:700}.admin-wrapper .content hr{width:100%;height:0;border:0;border-bottom:1px solid rgba(60,80,99,.6);margin:20px 0}.admin-wrapper .content hr.spacer{height:1px;border:0}@media screen and (max-width: 600px){.admin-wrapper{display:block}.admin-wrapper .sidebar-wrapper{min-height:0}.admin-wrapper .sidebar{width:100%;padding:0;height:auto}.admin-wrapper .sidebar__toggle{display:flex}.admin-wrapper .sidebar>ul{display:none}.admin-wrapper .sidebar ul a,.admin-wrapper .sidebar ul ul a{border-radius:0;border-bottom:1px solid #ccd7e0;transition:none}.admin-wrapper .sidebar ul a:hover,.admin-wrapper .sidebar ul ul a:hover{transition:none}.admin-wrapper .sidebar ul ul{border-radius:0}.admin-wrapper .sidebar ul .simple-navigation-active-leaf a{border-bottom-color:#2b90d9}}hr.spacer{width:100%;border:0;margin:20px 0;height:1px}body .muted-hint,.admin-wrapper .content .muted-hint{color:#282c37}body .muted-hint a,.admin-wrapper .content .muted-hint a{color:#2b90d9}body .positive-hint,.admin-wrapper .content .positive-hint{color:#79bd9a;font-weight:500}body .negative-hint,.admin-wrapper .content .negative-hint{color:#df405a;font-weight:500}body .neutral-hint,.admin-wrapper .content .neutral-hint{color:#444b5d;font-weight:500}body .warning-hint,.admin-wrapper .content .warning-hint{color:#ca8f04;font-weight:500}.filters{display:flex;flex-wrap:wrap}.filters .filter-subset{flex:0 0 auto;margin:0 40px 20px 0}.filters .filter-subset:last-child{margin-bottom:30px}.filters .filter-subset ul{margin-top:5px;list-style:none}.filters .filter-subset ul li{display:inline-block;margin-right:5px}.filters .filter-subset strong{font-weight:500;text-transform:uppercase;font-size:12px}.filters .filter-subset strong:lang(ja){font-weight:700}.filters .filter-subset strong:lang(ko){font-weight:700}.filters .filter-subset strong:lang(zh-CN){font-weight:700}.filters .filter-subset strong:lang(zh-HK){font-weight:700}.filters .filter-subset strong:lang(zh-TW){font-weight:700}.filters .filter-subset--with-select strong{display:block;margin-bottom:10px}.filters .filter-subset a{display:inline-block;color:#282c37;text-decoration:none;text-transform:uppercase;font-size:12px;font-weight:500;border-bottom:2px solid #d9e1e8}.filters .filter-subset a:hover{color:#000;border-bottom:2px solid #c9d4de}.filters .filter-subset a.selected{color:#2b90d9;border-bottom:2px solid #2b90d9}.flavour-screen{display:block;margin:10px auto;max-width:100%}.flavour-description{display:block;font-size:16px;margin:10px 0}.flavour-description>p{margin:10px 0}.report-accounts{display:flex;flex-wrap:wrap;margin-bottom:20px}.report-accounts__item{display:flex;flex:250px;flex-direction:column;margin:0 5px}.report-accounts__item>strong{display:block;margin:0 0 10px -5px;font-weight:500;font-size:14px;line-height:18px;color:#282c37}.report-accounts__item>strong:lang(ja){font-weight:700}.report-accounts__item>strong:lang(ko){font-weight:700}.report-accounts__item>strong:lang(zh-CN){font-weight:700}.report-accounts__item>strong:lang(zh-HK){font-weight:700}.report-accounts__item>strong:lang(zh-TW){font-weight:700}.report-accounts__item .account-card{flex:1 1 auto}.report-status,.account-status{display:flex;margin-bottom:10px}.report-status .activity-stream,.account-status .activity-stream{flex:2 0 0;margin-right:20px;max-width:calc(100% - 60px)}.report-status .activity-stream .entry,.account-status .activity-stream .entry{border-radius:4px}.report-status__actions,.account-status__actions{flex:0 0 auto;display:flex;flex-direction:column}.report-status__actions .icon-button,.account-status__actions .icon-button{font-size:24px;width:24px;text-align:center;margin-bottom:10px}.simple_form.new_report_note,.simple_form.new_account_moderation_note{max-width:100%}.batch-form-box{display:flex;flex-wrap:wrap;margin-bottom:5px}.batch-form-box #form_status_batch_action{margin:0 5px 5px 0;font-size:14px}.batch-form-box input.button{margin:0 5px 5px 0}.batch-form-box .media-spoiler-toggle-buttons{margin-left:auto}.batch-form-box .media-spoiler-toggle-buttons .button{overflow:visible;margin:0 0 5px 5px;float:right}.back-link{margin-bottom:10px;font-size:14px}.back-link a{color:#2b90d9;text-decoration:none}.back-link a:hover{text-decoration:underline}.spacer{flex:1 1 auto}.log-entry{line-height:20px;padding:15px 0;background:#d9e1e8;border-bottom:1px solid #ccd7e0}.log-entry:last-child{border-bottom:0}.log-entry__header{display:flex;justify-content:flex-start;align-items:center;color:#282c37;font-size:14px;padding:0 10px}.log-entry__avatar{margin-right:10px}.log-entry__avatar .avatar{display:block;margin:0;border-radius:50%;width:40px;height:40px}.log-entry__content{max-width:calc(100% - 90px)}.log-entry__title{word-wrap:break-word}.log-entry__timestamp{color:#444b5d}.log-entry a,.log-entry .username,.log-entry .target{color:#282c37;text-decoration:none;font-weight:500}a.name-tag,.name-tag,a.inline-name-tag,.inline-name-tag{text-decoration:none;color:#282c37}a.name-tag .username,.name-tag .username,a.inline-name-tag .username,.inline-name-tag .username{font-weight:500}a.name-tag.suspended .username,.name-tag.suspended .username,a.inline-name-tag.suspended .username,.inline-name-tag.suspended .username{text-decoration:line-through;color:#c1203b}a.name-tag.suspended .avatar,.name-tag.suspended .avatar,a.inline-name-tag.suspended .avatar,.inline-name-tag.suspended .avatar{filter:grayscale(100%);opacity:.8}a.name-tag,.name-tag{display:flex;align-items:center}a.name-tag .avatar,.name-tag .avatar{display:block;margin:0;margin-right:5px;border-radius:50%}a.name-tag.suspended .avatar,.name-tag.suspended .avatar{filter:grayscale(100%);opacity:.8}.speech-bubble{margin-bottom:20px;border-left:4px solid #2b90d9}.speech-bubble.positive{border-left-color:#79bd9a}.speech-bubble.negative{border-left-color:#c1203b}.speech-bubble.warning{border-left-color:#ca8f04}.speech-bubble__bubble{padding:16px;padding-left:14px;font-size:15px;line-height:20px;border-radius:4px 4px 4px 0;position:relative;font-weight:500}.speech-bubble__bubble a{color:#282c37}.speech-bubble__owner{padding:8px;padding-left:12px}.speech-bubble time{color:#444b5d}.report-card{background:#d9e1e8;border-radius:4px;margin-bottom:20px}.report-card__profile{display:flex;justify-content:space-between;align-items:center;padding:15px}.report-card__profile .account{padding:0;border:0}.report-card__profile .account__avatar-wrapper{margin-left:0}.report-card__profile__stats{flex:0 0 auto;font-weight:500;color:#282c37;text-transform:uppercase;text-align:right}.report-card__profile__stats a{color:inherit;text-decoration:none}.report-card__profile__stats a:focus,.report-card__profile__stats a:hover,.report-card__profile__stats a:active{color:#17191f}.report-card__profile__stats .red{color:#df405a}.report-card__summary__item{display:flex;justify-content:flex-start;border-top:1px solid #e6ebf0}.report-card__summary__item:hover{background:#d3dce4}.report-card__summary__item__reported-by,.report-card__summary__item__assigned{padding:15px;flex:0 0 auto;box-sizing:border-box;width:150px;color:#282c37}.report-card__summary__item__reported-by,.report-card__summary__item__reported-by .username,.report-card__summary__item__assigned,.report-card__summary__item__assigned .username{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.report-card__summary__item__content{flex:1 1 auto;max-width:calc(100% - 300px)}.report-card__summary__item__content__icon{color:#444b5d;margin-right:4px;font-weight:500}.report-card__summary__item__content a{display:block;box-sizing:border-box;width:100%;padding:15px;text-decoration:none;color:#282c37}.one-line{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ellipsized-ip{display:inline-block;max-width:120px;overflow:hidden;text-overflow:ellipsis;vertical-align:middle}.admin-account-bio{display:flex;flex-wrap:wrap;margin:0 -5px;margin-top:20px}.admin-account-bio>div{box-sizing:border-box;padding:0 5px;margin-bottom:10px;flex:1 0 50%}.admin-account-bio .account__header__fields,.admin-account-bio .account__header__content{background:#c0cdd9;border-radius:4px;height:100%}.admin-account-bio .account__header__fields{margin:0;border:0}.admin-account-bio .account__header__fields a{color:#217aba}.admin-account-bio .account__header__fields dl:first-child .verified{border-radius:0 4px 0 0}.admin-account-bio .account__header__fields .verified a{color:#79bd9a}.admin-account-bio .account__header__content{box-sizing:border-box;padding:20px;color:#000}.center-text{text-align:center}.announcements-list{border:1px solid #ccd7e0;border-radius:4px}.announcements-list__item{padding:15px 0;background:#d9e1e8;border-bottom:1px solid #ccd7e0}.announcements-list__item__title{padding:0 15px;display:block;font-weight:500;font-size:18px;line-height:1.5;color:#282c37;text-decoration:none;margin-bottom:10px}.announcements-list__item__title:hover,.announcements-list__item__title:focus,.announcements-list__item__title:active{color:#000}.announcements-list__item__meta{padding:0 15px;color:#444b5d}.announcements-list__item__action-bar{display:flex;justify-content:space-between;align-items:center}.announcements-list__item:last-child{border-bottom:0}.emojione[title=\":wind_blowing_face:\"],.emojione[title=\":white_small_square:\"],.emojione[title=\":white_medium_square:\"],.emojione[title=\":white_medium_small_square:\"],.emojione[title=\":white_large_square:\"],.emojione[title=\":white_circle:\"],.emojione[title=\":waxing_crescent_moon:\"],.emojione[title=\":waving_white_flag:\"],.emojione[title=\":waning_gibbous_moon:\"],.emojione[title=\":waning_crescent_moon:\"],.emojione[title=\":volleyball:\"],.emojione[title=\":thought_balloon:\"],.emojione[title=\":speech_balloon:\"],.emojione[title=\":speaker:\"],.emojione[title=\":sound:\"],.emojione[title=\":snow_cloud:\"],.emojione[title=\":skull_and_crossbones:\"],.emojione[title=\":skull:\"],.emojione[title=\":sheep:\"],.emojione[title=\":rooster:\"],.emojione[title=\":rice_ball:\"],.emojione[title=\":rice:\"],.emojione[title=\":ram:\"],.emojione[title=\":rain_cloud:\"],.emojione[title=\":page_with_curl:\"],.emojione[title=\":mute:\"],.emojione[title=\":moon:\"],.emojione[title=\":loud_sound:\"],.emojione[title=\":lightning:\"],.emojione[title=\":last_quarter_moon_with_face:\"],.emojione[title=\":last_quarter_moon:\"],.emojione[title=\":ice_skate:\"],.emojione[title=\":grey_question:\"],.emojione[title=\":grey_exclamation:\"],.emojione[title=\":goat:\"],.emojione[title=\":ghost:\"],.emojione[title=\":full_moon_with_face:\"],.emojione[title=\":full_moon:\"],.emojione[title=\":fish_cake:\"],.emojione[title=\":first_quarter_moon_with_face:\"],.emojione[title=\":first_quarter_moon:\"],.emojione[title=\":eyes:\"],.emojione[title=\":dove_of_peace:\"],.emojione[title=\":dash:\"],.emojione[title=\":crescent_moon:\"],.emojione[title=\":cloud:\"],.emojione[title=\":chicken:\"],.emojione[title=\":chains:\"],.emojione[title=\":baseball:\"],.emojione[title=\":alien:\"]{filter:drop-shadow(1px 1px 0 #000000) drop-shadow(-1px 1px 0 #000000) drop-shadow(1px -1px 0 #000000) drop-shadow(-1px -1px 0 #000000)}.hicolor-privacy-icons .status__visibility-icon.fa-globe,.hicolor-privacy-icons .composer--options--dropdown--content--item .fa-globe{color:#1976d2}.hicolor-privacy-icons .status__visibility-icon.fa-unlock,.hicolor-privacy-icons .composer--options--dropdown--content--item .fa-unlock{color:#388e3c}.hicolor-privacy-icons .status__visibility-icon.fa-lock,.hicolor-privacy-icons .composer--options--dropdown--content--item .fa-lock{color:#ffa000}.hicolor-privacy-icons .status__visibility-icon.fa-envelope,.hicolor-privacy-icons .composer--options--dropdown--content--item .fa-envelope{color:#d32f2f}body.rtl{direction:rtl}body.rtl .column-header>button{text-align:right;padding-left:0;padding-right:15px}body.rtl .radio-button__input{margin-right:0;margin-left:10px}body.rtl .directory__card__bar .display-name{margin-left:0;margin-right:15px}body.rtl .display-name{text-align:right}body.rtl .notification__message{margin-left:0;margin-right:68px}body.rtl .drawer__inner__mastodon>img{transform:scaleX(-1)}body.rtl .notification__favourite-icon-wrapper{left:auto;right:-26px}body.rtl .landing-page__logo{margin-right:0;margin-left:20px}body.rtl .landing-page .features-list .features-list__row .visual{margin-left:0;margin-right:15px}body.rtl .column-link__icon,body.rtl .column-header__icon{margin-right:0;margin-left:5px}body.rtl .compose-form .compose-form__buttons-wrapper .character-counter__wrapper{margin-right:0;margin-left:4px}body.rtl .composer--publisher{text-align:left}body.rtl .boost-modal__status-time,body.rtl .favourite-modal__status-time{float:left}body.rtl .navigation-bar__profile{margin-left:0;margin-right:8px}body.rtl .search__input{padding-right:10px;padding-left:30px}body.rtl .search__icon .fa{right:auto;left:10px}body.rtl .columns-area{direction:rtl}body.rtl .column-header__buttons{left:0;right:auto;margin-left:0;margin-right:-15px}body.rtl .column-inline-form .icon-button{margin-left:0;margin-right:5px}body.rtl .column-header__links .text-btn{margin-left:10px;margin-right:0}body.rtl .account__avatar-wrapper{float:right}body.rtl .column-header__back-button{padding-left:5px;padding-right:0}body.rtl .column-header__setting-arrows{float:left}body.rtl .setting-toggle__label{margin-left:0;margin-right:8px}body.rtl .setting-meta__label{float:left}body.rtl .status__avatar{margin-left:10px;margin-right:0;left:auto;right:10px}body.rtl .activity-stream .status.light{padding-left:10px;padding-right:68px}body.rtl .status__info .status__display-name,body.rtl .activity-stream .status.light .status__display-name{padding-left:25px;padding-right:0}body.rtl .activity-stream .pre-header{padding-right:68px;padding-left:0}body.rtl .status__prepend{margin-left:0;margin-right:58px}body.rtl .status__prepend-icon-wrapper{left:auto;right:-26px}body.rtl .activity-stream .pre-header .pre-header__icon{left:auto;right:42px}body.rtl .account__avatar-overlay-overlay{right:auto;left:0}body.rtl .column-back-button--slim-button{right:auto;left:0}body.rtl .status__relative-time,body.rtl .activity-stream .status.light .status__header .status__meta{float:left;text-align:left}body.rtl .status__action-bar__counter{margin-right:0;margin-left:11px}body.rtl .status__action-bar__counter .status__action-bar-button{margin-right:0;margin-left:4px}body.rtl .status__action-bar-button{float:right;margin-right:0;margin-left:18px}body.rtl .status__action-bar-dropdown{float:right}body.rtl .privacy-dropdown__dropdown{margin-left:0;margin-right:40px}body.rtl .privacy-dropdown__option__icon{margin-left:10px;margin-right:0}body.rtl .detailed-status__display-name .display-name{text-align:right}body.rtl .detailed-status__display-avatar{margin-right:0;margin-left:10px;float:right}body.rtl .detailed-status__favorites,body.rtl .detailed-status__reblogs{margin-left:0;margin-right:6px}body.rtl .fa-ul{margin-left:2.14285714em}body.rtl .fa-li{left:auto;right:-2.14285714em}body.rtl .admin-wrapper{direction:rtl}body.rtl .admin-wrapper .sidebar ul a i.fa,body.rtl a.table-action-link i.fa{margin-right:0;margin-left:5px}body.rtl .simple_form .check_boxes .checkbox label{padding-left:0;padding-right:25px}body.rtl .simple_form .input.with_label.boolean label.checkbox{padding-left:25px;padding-right:0}body.rtl .simple_form .check_boxes .checkbox input[type=checkbox],body.rtl .simple_form .input.boolean input[type=checkbox]{left:auto;right:0}body.rtl .simple_form .input.radio_buttons .radio{left:auto;right:0}body.rtl .simple_form .input.radio_buttons .radio>label{padding-right:28px;padding-left:0}body.rtl .simple_form .input-with-append .input input{padding-left:142px;padding-right:0}body.rtl .simple_form .input.boolean label.checkbox{left:auto;right:0}body.rtl .simple_form .input.boolean .label_input,body.rtl .simple_form .input.boolean .hint{padding-left:0;padding-right:28px}body.rtl .simple_form .label_input__append{right:auto;left:3px}body.rtl .simple_form .label_input__append::after{right:auto;left:0;background-image:linear-gradient(to left, rgba(249, 250, 251, 0), #f9fafb)}body.rtl .simple_form select{background:#f9fafb url(\"data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14.933 18.467' height='19.698' width='15.929'><path d='M3.467 14.967l-3.393-3.5H14.86l-3.392 3.5c-1.866 1.925-3.666 3.5-4 3.5-.335 0-2.135-1.575-4-3.5zm.266-11.234L7.467 0 11.2 3.733l3.733 3.734H0l3.733-3.734z' fill='%23B3C3D1'/></svg>\") no-repeat left 8px center/auto 16px}body.rtl .table th,body.rtl .table td{text-align:right}body.rtl .filters .filter-subset{margin-right:0;margin-left:45px}body.rtl .landing-page .header-wrapper .mascot{right:60px;left:auto}body.rtl .landing-page__call-to-action .row__information-board{direction:rtl}body.rtl .landing-page .header .hero .floats .float-1{left:-120px;right:auto}body.rtl .landing-page .header .hero .floats .float-2{left:210px;right:auto}body.rtl .landing-page .header .hero .floats .float-3{left:110px;right:auto}body.rtl .landing-page .header .links .brand img{left:0}body.rtl .landing-page .fa-external-link{padding-right:5px;padding-left:0 !important}body.rtl .landing-page .features #mastodon-timeline{margin-right:0;margin-left:30px}@media screen and (min-width: 631px){body.rtl .column,body.rtl .drawer{padding-left:5px;padding-right:5px}body.rtl .column:first-child,body.rtl .drawer:first-child{padding-left:5px;padding-right:10px}body.rtl .columns-area>div .column,body.rtl .columns-area>div .drawer{padding-left:5px;padding-right:5px}}body.rtl .columns-area--mobile .column,body.rtl .columns-area--mobile .drawer{padding-left:0;padding-right:0}body.rtl .public-layout .header .nav-button{margin-left:8px;margin-right:0}body.rtl .public-layout .public-account-header__tabs{margin-left:0;margin-right:20px}body.rtl .landing-page__information .account__display-name{margin-right:0;margin-left:5px}body.rtl .landing-page__information .account__avatar-wrapper{margin-left:12px;margin-right:0}body.rtl .card__bar .display-name{margin-left:0;margin-right:15px;text-align:right}body.rtl .fa-chevron-left::before{content:\"\"}body.rtl .fa-chevron-right::before{content:\"\"}body.rtl .column-back-button__icon{margin-right:0;margin-left:5px}body.rtl .column-header__setting-arrows .column-header__setting-btn:last-child{padding-left:0;padding-right:10px}body.rtl .simple_form .input.radio_buttons .radio>label input{left:auto;right:0}.dashboard__counters{display:flex;flex-wrap:wrap;margin:0 -5px;margin-bottom:20px}.dashboard__counters>div{box-sizing:border-box;flex:0 0 33.333%;padding:0 5px;margin-bottom:10px}.dashboard__counters>div>div,.dashboard__counters>div>a{padding:20px;background:#ccd7e0;border-radius:4px;box-sizing:border-box;height:100%}.dashboard__counters>div>a{text-decoration:none;color:inherit;display:block}.dashboard__counters>div>a:hover,.dashboard__counters>div>a:focus,.dashboard__counters>div>a:active{background:#c0cdd9}.dashboard__counters__num,.dashboard__counters__text{text-align:center;font-weight:500;font-size:24px;line-height:21px;color:#000;font-family:sans-serif,sans-serif;margin-bottom:20px;line-height:30px}.dashboard__counters__text{font-size:18px}.dashboard__counters__label{font-size:14px;color:#282c37;text-align:center;font-weight:500}.dashboard__widgets{display:flex;flex-wrap:wrap;margin:0 -5px}.dashboard__widgets>div{flex:0 0 33.333%;margin-bottom:20px}.dashboard__widgets>div>div{padding:0 5px}.dashboard__widgets a:not(.name-tag){color:#282c37;font-weight:500;text-decoration:none}.glitch.local-settings{background:#d9e1e8}.glitch.local-settings__navigation{background:#f2f5f7}.glitch.local-settings__navigation__item{background:#f2f5f7}.glitch.local-settings__navigation__item:hover{background:#d9e1e8}.notification__dismiss-overlay .wrappy{box-shadow:unset}.notification__dismiss-overlay .ckbox{text-shadow:unset}.status.status-direct:not(.read){background:#f2f5f7;border-bottom-color:#fff}.status.status-direct:not(.read).collapsed>.status__content:after{background:linear-gradient(rgba(242, 245, 247, 0), #f2f5f7)}.focusable:focus.status.status-direct:not(.read){background:#e6ebf0}.focusable:focus.status.status-direct:not(.read).collapsed>.status__content:after{background:linear-gradient(rgba(230, 235, 240, 0), #e6ebf0)}.column>.scrollable{background:#fff}.status.collapsed .status__content:after{background:linear-gradient(rgba(255, 255, 255, 0), white)}.drawer__inner{background:#d9e1e8}.drawer__inner__mastodon{background:#d9e1e8 url('data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 234.80078 31.757813\" width=\"234.80078\" height=\"31.757812\"><path d=\"M19.599609 0c-1.05 0-2.10039.375-2.90039 1.125L0 16.925781v14.832031h234.80078V17.025391l-16.5-15.900391c-1.6-1.5-4.20078-1.5-5.80078 0l-13.80078 13.099609c-1.6 1.5-4.19883 1.5-5.79883 0L179.09961 1.125c-1.6-1.5-4.19883-1.5-5.79883 0L159.5 14.224609c-1.6 1.5-4.20078 1.5-5.80078 0L139.90039 1.125c-1.6-1.5-4.20078-1.5-5.80078 0l-13.79883 13.099609c-1.6 1.5-4.20078 1.5-5.80078 0L100.69922 1.125c-1.600001-1.5-4.198829-1.5-5.798829 0l-13.59961 13.099609c-1.6 1.5-4.200781 1.5-5.800781 0L61.699219 1.125c-1.6-1.5-4.198828-1.5-5.798828 0L42.099609 14.224609c-1.6 1.5-4.198828 1.5-5.798828 0L22.5 1.125C21.7.375 20.649609 0 19.599609 0z\" fill=\"%23FFFFFF\"/></svg>') no-repeat bottom/100% auto !important}.drawer__inner__mastodon .mastodon{filter:contrast(75%) brightness(75%) !important}.status__content .status__content__spoiler-link{background:#7a96ae}.status__content .status__content__spoiler-link:hover{background:#6a89a5;text-decoration:none}.media-spoiler,.video-player__spoiler,.account-gallery__item a{background:#d9e1e8}.dropdown-menu{background:#d9e1e8}.dropdown-menu__arrow.left{border-left-color:#d9e1e8}.dropdown-menu__arrow.top{border-top-color:#d9e1e8}.dropdown-menu__arrow.bottom{border-bottom-color:#d9e1e8}.dropdown-menu__arrow.right{border-right-color:#d9e1e8}.dropdown-menu__item a{background:#d9e1e8;color:#282c37}.composer .composer--spoiler input,.composer .compose-form__autosuggest-wrapper textarea{color:#0f151a}.composer .composer--spoiler input:disabled,.composer .compose-form__autosuggest-wrapper textarea:disabled{background:#e6e6e6}.composer .composer--spoiler input::placeholder,.composer .compose-form__autosuggest-wrapper textarea::placeholder{color:#232f39}.composer .composer--options-wrapper{background:#b9c8d5}.composer .composer--options>hr{display:none}.composer .composer--options--dropdown--content--item{color:#9baec8}.composer .composer--options--dropdown--content--item strong{color:#9baec8}.composer--upload_form--actions .icon-button{color:#ededed}.composer--upload_form--actions .icon-button:active,.composer--upload_form--actions .icon-button:focus,.composer--upload_form--actions .icon-button:hover{color:#fff}.composer--upload_form--item>div input{color:#ededed}.composer--upload_form--item>div input::placeholder{color:#e6e6e6}.dropdown-menu__separator{border-bottom-color:#b3c3d1}.status__content a,.reply-indicator__content a{color:#2b90d9}.emoji-mart-bar{border-color:#e6ebf0}.emoji-mart-bar:first-child{background:#b9c8d5}.emoji-mart-search input{background:rgba(217,225,232,.3);border-color:#d9e1e8}.autosuggest-textarea__suggestions{background:#b9c8d5}.autosuggest-textarea__suggestions__item:hover,.autosuggest-textarea__suggestions__item:focus,.autosuggest-textarea__suggestions__item:active,.autosuggest-textarea__suggestions__item.selected{background:#e6ebf0}.react-toggle-track{background:#282c37}.react-toggle:hover:not(.react-toggle--disabled) .react-toggle-track{background:#131419}.react-toggle.react-toggle--checked:hover:not(.react-toggle--disabled) .react-toggle-track{background:#56a7e1}.actions-modal,.boost-modal,.doodle-modal,.confirmation-modal,.mute-modal,.block-modal,.report-modal,.embed-modal,.error-modal,.onboarding-modal,.report-modal__comment .setting-text__wrapper,.report-modal__comment .setting-text{background:#fff;border:1px solid #c0cdd9}.report-modal__comment{border-right-color:#c0cdd9}.report-modal__container{border-top-color:#c0cdd9}.boost-modal__action-bar,.doodle-modal__action-bar,.confirmation-modal__action-bar,.mute-modal__action-bar,.block-modal__action-bar,.onboarding-modal__paginator,.error-modal__footer{background:#ecf0f4}.boost-modal__action-bar .onboarding-modal__nav:hover,.doodle-modal__action-bar .onboarding-modal__nav:hover,.boost-modal__action-bar .onboarding-modal__nav:focus,.doodle-modal__action-bar .onboarding-modal__nav:focus,.boost-modal__action-bar .onboarding-modal__nav:active,.doodle-modal__action-bar .onboarding-modal__nav:active,.boost-modal__action-bar .error-modal__nav:hover,.doodle-modal__action-bar .error-modal__nav:hover,.boost-modal__action-bar .error-modal__nav:focus,.doodle-modal__action-bar .error-modal__nav:focus,.boost-modal__action-bar .error-modal__nav:active,.doodle-modal__action-bar .error-modal__nav:active,.confirmation-modal__action-bar .onboarding-modal__nav:hover,.confirmation-modal__action-bar .onboarding-modal__nav:focus,.confirmation-modal__action-bar .onboarding-modal__nav:active,.confirmation-modal__action-bar .error-modal__nav:hover,.confirmation-modal__action-bar .error-modal__nav:focus,.confirmation-modal__action-bar .error-modal__nav:active,.mute-modal__action-bar .onboarding-modal__nav:hover,.mute-modal__action-bar .onboarding-modal__nav:focus,.mute-modal__action-bar .onboarding-modal__nav:active,.mute-modal__action-bar .error-modal__nav:hover,.mute-modal__action-bar .error-modal__nav:focus,.mute-modal__action-bar .error-modal__nav:active,.block-modal__action-bar .onboarding-modal__nav:hover,.block-modal__action-bar .onboarding-modal__nav:focus,.block-modal__action-bar .onboarding-modal__nav:active,.block-modal__action-bar .error-modal__nav:hover,.block-modal__action-bar .error-modal__nav:focus,.block-modal__action-bar .error-modal__nav:active,.onboarding-modal__paginator .onboarding-modal__nav:hover,.onboarding-modal__paginator .onboarding-modal__nav:focus,.onboarding-modal__paginator .onboarding-modal__nav:active,.onboarding-modal__paginator .error-modal__nav:hover,.onboarding-modal__paginator .error-modal__nav:focus,.onboarding-modal__paginator .error-modal__nav:active,.error-modal__footer .onboarding-modal__nav:hover,.error-modal__footer .onboarding-modal__nav:focus,.error-modal__footer .onboarding-modal__nav:active,.error-modal__footer .error-modal__nav:hover,.error-modal__footer .error-modal__nav:focus,.error-modal__footer .error-modal__nav:active{background-color:#fff}.empty-column-indicator,.error-column{color:#364959}.activity-stream-tabs{background:#fff}.activity-stream-tabs a.active{color:#9baec8}.activity-stream .entry{background:#fff}.activity-stream .status.light .status__content{color:#000}.activity-stream .status.light .display-name strong{color:#000}.accounts-grid .account-grid-card .controls .icon-button{color:#282c37}.accounts-grid .account-grid-card .name a{color:#000}.accounts-grid .account-grid-card .username{color:#282c37}.accounts-grid .account-grid-card .account__header__content{color:#000}.button.logo-button{color:#fff}.button.logo-button svg{fill:#fff}.public-layout .header,.public-layout .public-account-header,.public-layout .public-account-bio{box-shadow:none}.public-layout .header{background:#b3c3d1}.public-layout .public-account-header__image{background:#b3c3d1}.public-layout .public-account-header__image::after{box-shadow:none}.public-layout .public-account-header__tabs__name h1,.public-layout .public-account-header__tabs__name h1 small{color:#fff}.account__section-headline a.active::after{border-color:transparent transparent #fff}.hero-widget,.box-widget,.contact-widget,.landing-page__information.contact-widget,.moved-account-widget,.memoriam-widget,.activity-stream,.nothing-here,.directory__tag>a,.directory__tag>div{box-shadow:none}.audio-player .video-player__controls button,.audio-player .video-player__time-sep,.audio-player .video-player__time-current,.audio-player .video-player__time-total{color:#000}","/* http://meyerweb.com/eric/tools/css/reset/\n   v2.0 | 20110126\n   License: none (public domain)\n*/\n\nhtml, body, div, span, applet, object, iframe,\nh1, h2, h3, h4, h5, h6, p, blockquote, pre,\na, abbr, acronym, address, big, cite, code,\ndel, dfn, em, img, ins, kbd, q, s, samp,\nsmall, strike, strong, sub, sup, tt, var,\nb, u, i, center,\ndl, dt, dd, ol, ul, li,\nfieldset, form, label, legend,\ntable, caption, tbody, tfoot, thead, tr, th, td,\narticle, aside, canvas, details, embed,\nfigure, figcaption, footer, header, hgroup,\nmenu, nav, output, ruby, section, summary,\ntime, mark, audio, video {\n  margin: 0;\n  padding: 0;\n  border: 0;\n  font-size: 100%;\n  font: inherit;\n  vertical-align: baseline;\n}\n\n/* HTML5 display-role reset for older browsers */\narticle, aside, details, figcaption, figure,\nfooter, header, hgroup, menu, nav, section {\n  display: block;\n}\n\nbody {\n  line-height: 1;\n}\n\nol, ul {\n  list-style: none;\n}\n\nblockquote, q {\n  quotes: none;\n}\n\nblockquote:before, blockquote:after,\nq:before, q:after {\n  content: '';\n  content: none;\n}\n\ntable {\n  border-collapse: collapse;\n  border-spacing: 0;\n}\n\nhtml {\n  scrollbar-color: lighten($ui-base-color, 4%) rgba($base-overlay-background, 0.1);\n}\n\n::-webkit-scrollbar {\n  width: 12px;\n  height: 12px;\n}\n\n::-webkit-scrollbar-thumb {\n  background: lighten($ui-base-color, 4%);\n  border: 0px none $base-border-color;\n  border-radius: 50px;\n}\n\n::-webkit-scrollbar-thumb:hover {\n  background: lighten($ui-base-color, 6%);\n}\n\n::-webkit-scrollbar-thumb:active {\n  background: lighten($ui-base-color, 4%);\n}\n\n::-webkit-scrollbar-track {\n  border: 0px none $base-border-color;\n  border-radius: 0;\n  background: rgba($base-overlay-background, 0.1);\n}\n\n::-webkit-scrollbar-track:hover {\n  background: $ui-base-color;\n}\n\n::-webkit-scrollbar-track:active {\n  background: $ui-base-color;\n}\n\n::-webkit-scrollbar-corner {\n  background: transparent;\n}\n","// Dependent colors\n$black: #000000;\n$white: #ffffff;\n\n$classic-base-color: #282c37;\n$classic-primary-color: #9baec8;\n$classic-secondary-color: #d9e1e8;\n$classic-highlight-color: #2b90d9;\n\n$ui-base-color: $classic-secondary-color !default;\n$ui-base-lighter-color: darken($ui-base-color, 57%);\n$ui-highlight-color: $classic-highlight-color !default;\n$ui-primary-color: $classic-primary-color !default;\n$ui-secondary-color: $classic-base-color !default;\n\n$primary-text-color: $black !default;\n$darker-text-color: $classic-base-color !default;\n$dark-text-color: #444b5d;\n$action-button-color: #606984;\n\n$success-green: lighten(#3c754d, 8%);\n\n$base-overlay-background: $white !default;\n\n$inverted-text-color: $black !default;\n$lighter-text-color: $classic-base-color !default;\n$light-text-color: #444b5d;\n\n$account-background-color: $white !default;\n\n//Invert darkened and lightened colors\n@function darken($color, $amount) {\n  @return hsl(hue($color), saturation($color), lightness($color) + $amount);\n}\n\n@function lighten($color, $amount) {\n  @return hsl(hue($color), saturation($color), lightness($color) - $amount);\n}\n\n$emojis-requiring-outlines: 'alien' 'baseball' 'chains' 'chicken' 'cloud' 'crescent_moon' 'dash' 'dove_of_peace' 'eyes' 'first_quarter_moon' 'first_quarter_moon_with_face' 'fish_cake' 'full_moon' 'full_moon_with_face' 'ghost' 'goat' 'grey_exclamation' 'grey_question' 'ice_skate' 'last_quarter_moon' 'last_quarter_moon_with_face' 'lightning' 'loud_sound' 'moon' 'mute' 'page_with_curl' 'rain_cloud' 'ram' 'rice' 'rice_ball' 'rooster' 'sheep' 'skull' 'skull_and_crossbones' 'snow_cloud' 'sound' 'speaker' 'speech_balloon' 'thought_balloon' 'volleyball' 'waning_crescent_moon' 'waning_gibbous_moon' 'waving_white_flag' 'waxing_crescent_moon' 'white_circle' 'white_large_square' 'white_medium_small_square' 'white_medium_square' 'white_small_square' 'wind_blowing_face';\n","@function hex-color($color) {\n  @if type-of($color) == 'color' {\n    $color: str-slice(ie-hex-str($color), 4);\n  }\n  @return '%23' + unquote($color)\n}\n\nbody {\n  font-family: $font-sans-serif, sans-serif;\n  background: darken($ui-base-color, 7%);\n  font-size: 13px;\n  line-height: 18px;\n  font-weight: 400;\n  color: $primary-text-color;\n  text-rendering: optimizelegibility;\n  font-feature-settings: \"kern\";\n  text-size-adjust: none;\n  -webkit-tap-highlight-color: rgba(0,0,0,0);\n  -webkit-tap-highlight-color: transparent;\n\n  &.system-font {\n    // system-ui => standard property (Chrome/Android WebView 56+, Opera 43+, Safari 11+)\n    // -apple-system => Safari <11 specific\n    // BlinkMacSystemFont => Chrome <56 on macOS specific\n    // Segoe UI => Windows 7/8/10\n    // Oxygen => KDE\n    // Ubuntu => Unity/Ubuntu\n    // Cantarell => GNOME\n    // Fira Sans => Firefox OS\n    // Droid Sans => Older Androids (<4.0)\n    // Helvetica Neue => Older macOS <10.11\n    // $font-sans-serif => web-font (Roboto) fallback and newer Androids (>=4.0)\n    font-family: system-ui, -apple-system, BlinkMacSystemFont, \"Segoe UI\", \"Oxygen\", \"Ubuntu\", \"Cantarell\", \"Fira Sans\", \"Droid Sans\", \"Helvetica Neue\", $font-sans-serif, sans-serif;\n  }\n\n  &.app-body {\n    padding: 0;\n\n    &.layout-single-column {\n      height: auto;\n      min-height: 100vh;\n      overflow-y: scroll;\n    }\n\n    &.layout-multiple-columns {\n      position: absolute;\n      width: 100%;\n      height: 100%;\n    }\n\n    &.with-modals--active {\n      overflow-y: hidden;\n    }\n  }\n\n  &.lighter {\n    background: $ui-base-color;\n  }\n\n  &.with-modals {\n    overflow-x: hidden;\n    overflow-y: scroll;\n\n    &--active {\n      overflow-y: hidden;\n    }\n  }\n\n  &.embed {\n    background: lighten($ui-base-color, 4%);\n    margin: 0;\n    padding-bottom: 0;\n\n    .container {\n      position: absolute;\n      width: 100%;\n      height: 100%;\n      overflow: hidden;\n    }\n  }\n\n  &.admin {\n    background: darken($ui-base-color, 4%);\n    padding: 0;\n  }\n\n  &.error {\n    position: absolute;\n    text-align: center;\n    color: $darker-text-color;\n    background: $ui-base-color;\n    width: 100%;\n    height: 100%;\n    padding: 0;\n    display: flex;\n    justify-content: center;\n    align-items: center;\n\n    .dialog {\n      vertical-align: middle;\n      margin: 20px;\n\n      img {\n        display: block;\n        max-width: 470px;\n        width: 100%;\n        height: auto;\n        margin-top: -120px;\n      }\n\n      h1 {\n        font-size: 20px;\n        line-height: 28px;\n        font-weight: 400;\n      }\n    }\n  }\n}\n\nbutton {\n  font-family: inherit;\n  cursor: pointer;\n\n  &:focus {\n    outline: none;\n  }\n}\n\n.app-holder {\n  &,\n  & > div {\n    display: flex;\n    width: 100%;\n    align-items: center;\n    justify-content: center;\n    outline: 0 !important;\n  }\n}\n\n.layout-single-column .app-holder {\n  &,\n  & > div {\n    min-height: 100vh;\n  }\n}\n\n.layout-multiple-columns .app-holder {\n  &,\n  & > div {\n    height: 100%;\n  }\n}\n",".container-alt {\n  width: 700px;\n  margin: 0 auto;\n  margin-top: 40px;\n\n  @media screen and (max-width: 740px) {\n    width: 100%;\n    margin: 0;\n  }\n}\n\n.logo-container {\n  margin: 100px auto 50px;\n\n  @media screen and (max-width: 500px) {\n    margin: 40px auto 0;\n  }\n\n  h1 {\n    display: flex;\n    justify-content: center;\n    align-items: center;\n\n    svg {\n      fill: $primary-text-color;\n      height: 42px;\n      margin-right: 10px;\n    }\n\n    a {\n      display: flex;\n      justify-content: center;\n      align-items: center;\n      color: $primary-text-color;\n      text-decoration: none;\n      outline: 0;\n      padding: 12px 16px;\n      line-height: 32px;\n      font-family: $font-display, sans-serif;\n      font-weight: 500;\n      font-size: 14px;\n    }\n  }\n}\n\n.compose-standalone {\n  .compose-form {\n    width: 400px;\n    margin: 0 auto;\n    padding: 20px 0;\n    margin-top: 40px;\n    box-sizing: border-box;\n\n    @media screen and (max-width: 400px) {\n      width: 100%;\n      margin-top: 0;\n      padding: 20px;\n    }\n  }\n}\n\n.account-header {\n  width: 400px;\n  margin: 0 auto;\n  display: flex;\n  font-size: 13px;\n  line-height: 18px;\n  box-sizing: border-box;\n  padding: 20px 0;\n  padding-bottom: 0;\n  margin-bottom: -30px;\n  margin-top: 40px;\n\n  @media screen and (max-width: 440px) {\n    width: 100%;\n    margin: 0;\n    margin-bottom: 10px;\n    padding: 20px;\n    padding-bottom: 0;\n  }\n\n  .avatar {\n    width: 40px;\n    height: 40px;\n    @include avatar-size(40px);\n    margin-right: 8px;\n\n    img {\n      width: 100%;\n      height: 100%;\n      display: block;\n      margin: 0;\n      border-radius: 4px;\n      @include avatar-radius();\n    }\n  }\n\n  .name {\n    flex: 1 1 auto;\n    color: $secondary-text-color;\n    width: calc(100% - 88px);\n\n    .username {\n      display: block;\n      font-weight: 500;\n      text-overflow: ellipsis;\n      overflow: hidden;\n    }\n  }\n\n  .logout-link {\n    display: block;\n    font-size: 32px;\n    line-height: 40px;\n    margin-left: 8px;\n  }\n}\n\n.grid-3 {\n  display: grid;\n  grid-gap: 10px;\n  grid-template-columns: 3fr 1fr;\n  grid-auto-columns: 25%;\n  grid-auto-rows: max-content;\n\n  .column-0 {\n    grid-column: 1/3;\n    grid-row: 1;\n  }\n\n  .column-1 {\n    grid-column: 1;\n    grid-row: 2;\n  }\n\n  .column-2 {\n    grid-column: 2;\n    grid-row: 2;\n  }\n\n  .column-3 {\n    grid-column: 1/3;\n    grid-row: 3;\n  }\n\n  @media screen and (max-width: $no-gap-breakpoint) {\n    grid-gap: 0;\n    grid-template-columns: minmax(0, 100%);\n\n    .column-0 {\n      grid-column: 1;\n    }\n\n    .column-1 {\n      grid-column: 1;\n      grid-row: 3;\n    }\n\n    .column-2 {\n      grid-column: 1;\n      grid-row: 2;\n    }\n\n    .column-3 {\n      grid-column: 1;\n      grid-row: 4;\n    }\n  }\n}\n\n.grid-4 {\n  display: grid;\n  grid-gap: 10px;\n  grid-template-columns: repeat(4, minmax(0, 1fr));\n  grid-auto-columns: 25%;\n  grid-auto-rows: max-content;\n\n  .column-0 {\n    grid-column: 1 / 5;\n    grid-row: 1;\n  }\n\n  .column-1 {\n    grid-column: 1 / 4;\n    grid-row: 2;\n  }\n\n  .column-2 {\n    grid-column: 4;\n    grid-row: 2;\n  }\n\n  .column-3 {\n    grid-column: 2 / 5;\n    grid-row: 3;\n  }\n\n  .column-4 {\n    grid-column: 1;\n    grid-row: 3;\n  }\n\n  .landing-page__call-to-action {\n    min-height: 100%;\n  }\n\n  .flash-message {\n    margin-bottom: 10px;\n  }\n\n  @media screen and (max-width: 738px) {\n    grid-template-columns: minmax(0, 50%) minmax(0, 50%);\n\n    .landing-page__call-to-action {\n      padding: 20px;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n    }\n\n    .row__information-board {\n      width: 100%;\n      justify-content: center;\n      align-items: center;\n    }\n\n    .row__mascot {\n      display: none;\n    }\n  }\n\n  @media screen and (max-width: $no-gap-breakpoint) {\n    grid-gap: 0;\n    grid-template-columns: minmax(0, 100%);\n\n    .column-0 {\n      grid-column: 1;\n    }\n\n    .column-1 {\n      grid-column: 1;\n      grid-row: 3;\n    }\n\n    .column-2 {\n      grid-column: 1;\n      grid-row: 2;\n    }\n\n    .column-3 {\n      grid-column: 1;\n      grid-row: 5;\n    }\n\n    .column-4 {\n      grid-column: 1;\n      grid-row: 4;\n    }\n  }\n}\n\n.public-layout {\n  @media screen and (max-width: $no-gap-breakpoint) {\n    padding-top: 48px;\n  }\n\n  .container {\n    max-width: 960px;\n\n    @media screen and (max-width: $no-gap-breakpoint) {\n      padding: 0;\n    }\n  }\n\n  .header {\n    background: lighten($ui-base-color, 8%);\n    box-shadow: 0 0 15px rgba($base-shadow-color, 0.2);\n    border-radius: 4px;\n    height: 48px;\n    margin: 10px 0;\n    display: flex;\n    align-items: stretch;\n    justify-content: center;\n    flex-wrap: nowrap;\n    overflow: hidden;\n\n    @media screen and (max-width: $no-gap-breakpoint) {\n      position: fixed;\n      width: 100%;\n      top: 0;\n      left: 0;\n      margin: 0;\n      border-radius: 0;\n      box-shadow: none;\n      z-index: 110;\n    }\n\n    & > div {\n      flex: 1 1 33.3%;\n      min-height: 1px;\n    }\n\n    .nav-left {\n      display: flex;\n      align-items: stretch;\n      justify-content: flex-start;\n      flex-wrap: nowrap;\n    }\n\n    .nav-center {\n      display: flex;\n      align-items: stretch;\n      justify-content: center;\n      flex-wrap: nowrap;\n    }\n\n    .nav-right {\n      display: flex;\n      align-items: stretch;\n      justify-content: flex-end;\n      flex-wrap: nowrap;\n    }\n\n    .brand {\n      display: block;\n      padding: 15px;\n\n      svg {\n        display: block;\n        height: 18px;\n        width: auto;\n        position: relative;\n        bottom: -2px;\n        fill: $primary-text-color;\n\n        @media screen and (max-width: $no-gap-breakpoint) {\n          height: 20px;\n        }\n      }\n\n      &:hover,\n      &:focus,\n      &:active {\n        background: lighten($ui-base-color, 12%);\n      }\n    }\n\n    .nav-link {\n      display: flex;\n      align-items: center;\n      padding: 0 1rem;\n      font-size: 12px;\n      font-weight: 500;\n      text-decoration: none;\n      color: $darker-text-color;\n      white-space: nowrap;\n      text-align: center;\n\n      &:hover,\n      &:focus,\n      &:active {\n        text-decoration: underline;\n        color: $primary-text-color;\n      }\n\n      @media screen and (max-width: 550px) {\n        &.optional {\n          display: none;\n        }\n      }\n    }\n\n    .nav-button {\n      background: lighten($ui-base-color, 16%);\n      margin: 8px;\n      margin-left: 0;\n      border-radius: 4px;\n\n      &:hover,\n      &:focus,\n      &:active {\n        text-decoration: none;\n        background: lighten($ui-base-color, 20%);\n      }\n    }\n  }\n\n  $no-columns-breakpoint: 600px;\n\n  .grid {\n    display: grid;\n    grid-gap: 10px;\n    grid-template-columns: minmax(300px, 3fr) minmax(298px, 1fr);\n    grid-auto-columns: 25%;\n    grid-auto-rows: max-content;\n\n    .column-0 {\n      grid-row: 1;\n      grid-column: 1;\n    }\n\n    .column-1 {\n      grid-row: 1;\n      grid-column: 2;\n    }\n\n    @media screen and (max-width: $no-columns-breakpoint) {\n      grid-template-columns: 100%;\n      grid-gap: 0;\n\n      .column-1 {\n        display: none;\n      }\n    }\n  }\n\n  .directory__card {\n    border-radius: 4px;\n\n    @media screen and (max-width: $no-gap-breakpoint) {\n      border-radius: 0;\n    }\n  }\n\n  .page-header {\n    @media screen and (max-width: $no-gap-breakpoint) {\n      border-bottom: 0;\n    }\n  }\n\n  .public-account-header {\n    overflow: hidden;\n    margin-bottom: 10px;\n    box-shadow: 0 0 15px rgba($base-shadow-color, 0.2);\n\n    &.inactive {\n      opacity: 0.5;\n\n      .public-account-header__image,\n      .avatar {\n        filter: grayscale(100%);\n      }\n\n      .logo-button {\n        background-color: $secondary-text-color;\n      }\n    }\n\n    &__image {\n      border-radius: 4px 4px 0 0;\n      overflow: hidden;\n      height: 300px;\n      position: relative;\n      background: darken($ui-base-color, 12%);\n\n      &::after {\n        content: \"\";\n        display: block;\n        position: absolute;\n        width: 100%;\n        height: 100%;\n        box-shadow: inset 0 -1px 1px 1px rgba($base-shadow-color, 0.15);\n        top: 0;\n        left: 0;\n      }\n\n      img {\n        object-fit: cover;\n        display: block;\n        width: 100%;\n        height: 100%;\n        margin: 0;\n        border-radius: 4px 4px 0 0;\n      }\n\n      @media screen and (max-width: 600px) {\n        height: 200px;\n      }\n    }\n\n    &--no-bar {\n      margin-bottom: 0;\n\n      .public-account-header__image,\n      .public-account-header__image img {\n        border-radius: 4px;\n\n        @media screen and (max-width: $no-gap-breakpoint) {\n          border-radius: 0;\n        }\n      }\n    }\n\n    @media screen and (max-width: $no-gap-breakpoint) {\n      margin-bottom: 0;\n      box-shadow: none;\n\n      &__image::after {\n        display: none;\n      }\n\n      &__image,\n      &__image img {\n        border-radius: 0;\n      }\n    }\n\n    &__bar {\n      position: relative;\n      margin-top: -80px;\n      display: flex;\n      justify-content: flex-start;\n\n      &::before {\n        content: \"\";\n        display: block;\n        background: lighten($ui-base-color, 4%);\n        position: absolute;\n        bottom: 0;\n        left: 0;\n        right: 0;\n        height: 60px;\n        border-radius: 0 0 4px 4px;\n        z-index: -1;\n      }\n\n      .avatar {\n        display: block;\n        width: 120px;\n        height: 120px;\n        @include avatar-size(120px);\n        padding-left: 20px - 4px;\n        flex: 0 0 auto;\n\n        img {\n          display: block;\n          width: 100%;\n          height: 100%;\n          margin: 0;\n          border-radius: 50%;\n          border: 4px solid lighten($ui-base-color, 4%);\n          background: darken($ui-base-color, 8%);\n          @include avatar-radius();\n        }\n      }\n\n      @media screen and (max-width: 600px) {\n        margin-top: 0;\n        background: lighten($ui-base-color, 4%);\n        border-radius: 0 0 4px 4px;\n        padding: 5px;\n\n        &::before {\n          display: none;\n        }\n\n        .avatar {\n          width: 48px;\n          height: 48px;\n          @include avatar-size(48px);\n          padding: 7px 0;\n          padding-left: 10px;\n\n          img {\n            border: 0;\n            border-radius: 4px;\n            @include avatar-radius();\n          }\n\n          @media screen and (max-width: 360px) {\n            display: none;\n          }\n        }\n      }\n\n      @media screen and (max-width: $no-gap-breakpoint) {\n        border-radius: 0;\n      }\n\n      @media screen and (max-width: $no-columns-breakpoint) {\n        flex-wrap: wrap;\n      }\n    }\n\n    &__tabs {\n      flex: 1 1 auto;\n      margin-left: 20px;\n\n      &__name {\n        padding-top: 20px;\n        padding-bottom: 8px;\n\n        h1 {\n          font-size: 20px;\n          line-height: 18px * 1.5;\n          color: $primary-text-color;\n          font-weight: 500;\n          overflow: hidden;\n          white-space: nowrap;\n          text-overflow: ellipsis;\n          text-shadow: 1px 1px 1px $base-shadow-color;\n\n          small {\n            display: block;\n            font-size: 14px;\n            color: $primary-text-color;\n            font-weight: 400;\n            overflow: hidden;\n            text-overflow: ellipsis;\n          }\n        }\n      }\n\n      @media screen and (max-width: 600px) {\n        margin-left: 15px;\n        display: flex;\n        justify-content: space-between;\n        align-items: center;\n\n        &__name {\n          padding-top: 0;\n          padding-bottom: 0;\n\n          h1 {\n            font-size: 16px;\n            line-height: 24px;\n            text-shadow: none;\n\n            small {\n              color: $darker-text-color;\n            }\n          }\n        }\n      }\n\n      &__tabs {\n        display: flex;\n        justify-content: flex-start;\n        align-items: stretch;\n        height: 58px;\n\n        .details-counters {\n          display: flex;\n          flex-direction: row;\n          min-width: 300px;\n        }\n\n        @media screen and (max-width: $no-columns-breakpoint) {\n          .details-counters {\n            display: none;\n          }\n        }\n\n        .counter {\n          min-width: 33.3%;\n          box-sizing: border-box;\n          flex: 0 0 auto;\n          color: $darker-text-color;\n          padding: 10px;\n          border-right: 1px solid lighten($ui-base-color, 4%);\n          cursor: default;\n          text-align: center;\n          position: relative;\n\n          a {\n            display: block;\n          }\n\n          &:last-child {\n            border-right: 0;\n          }\n\n          &::after {\n            display: block;\n            content: \"\";\n            position: absolute;\n            bottom: 0;\n            left: 0;\n            width: 100%;\n            border-bottom: 4px solid $ui-primary-color;\n            opacity: 0.5;\n            transition: all 400ms ease;\n          }\n\n          &.active {\n            &::after {\n              border-bottom: 4px solid $highlight-text-color;\n              opacity: 1;\n            }\n\n            &.inactive::after {\n              border-bottom-color: $secondary-text-color;\n            }\n          }\n\n          &:hover {\n            &::after {\n              opacity: 1;\n              transition-duration: 100ms;\n            }\n          }\n\n          a {\n            text-decoration: none;\n            color: inherit;\n          }\n\n          .counter-label {\n            font-size: 12px;\n            display: block;\n          }\n\n          .counter-number {\n            font-weight: 500;\n            font-size: 18px;\n            margin-bottom: 5px;\n            color: $primary-text-color;\n            font-family: $font-display, sans-serif;\n          }\n        }\n\n        .spacer {\n          flex: 1 1 auto;\n          height: 1px;\n        }\n\n        &__buttons {\n          padding: 7px 8px;\n        }\n      }\n    }\n\n    &__extra {\n      display: none;\n      margin-top: 4px;\n\n      .public-account-bio {\n        border-radius: 0;\n        box-shadow: none;\n        background: transparent;\n        margin: 0 -5px;\n\n        .account__header__fields {\n          border-top: 1px solid lighten($ui-base-color, 12%);\n        }\n\n        .roles {\n          display: none;\n        }\n      }\n\n      &__links {\n        margin-top: -15px;\n        font-size: 14px;\n        color: $darker-text-color;\n\n        a {\n          display: inline-block;\n          color: $darker-text-color;\n          text-decoration: none;\n          padding: 15px;\n          font-weight: 500;\n\n          strong {\n            font-weight: 700;\n            color: $primary-text-color;\n          }\n        }\n      }\n\n      @media screen and (max-width: $no-columns-breakpoint) {\n        display: block;\n        flex: 100%;\n      }\n    }\n  }\n\n  .account__section-headline {\n    border-radius: 4px 4px 0 0;\n\n    @media screen and (max-width: $no-gap-breakpoint) {\n      border-radius: 0;\n    }\n  }\n\n  .detailed-status__meta {\n    margin-top: 25px;\n  }\n\n  .public-account-bio {\n    background: lighten($ui-base-color, 8%);\n    box-shadow: 0 0 15px rgba($base-shadow-color, 0.2);\n    border-radius: 4px;\n    overflow: hidden;\n    margin-bottom: 10px;\n\n    @media screen and (max-width: $no-gap-breakpoint) {\n      box-shadow: none;\n      margin-bottom: 0;\n      border-radius: 0;\n    }\n\n    .account__header__fields {\n      margin: 0;\n      border-top: 0;\n\n      a {\n        color: lighten($ui-highlight-color, 8%);\n      }\n\n      dl:first-child .verified {\n        border-radius: 0 4px 0 0;\n      }\n\n      .verified a {\n        color: $valid-value-color;\n      }\n    }\n\n    .account__header__content {\n      padding: 20px;\n      padding-bottom: 0;\n      color: $primary-text-color;\n    }\n\n    &__extra,\n    .roles {\n      padding: 20px;\n      font-size: 14px;\n      color: $darker-text-color;\n    }\n\n    .roles {\n      padding-bottom: 0;\n    }\n  }\n\n  .directory__list {\n    display: grid;\n    grid-gap: 10px;\n    grid-template-columns: minmax(0, 50%) minmax(0, 50%);\n\n    @media screen and (max-width: $no-gap-breakpoint) {\n      display: block;\n    }\n\n    .icon-button {\n      font-size: 18px;\n    }\n  }\n\n  .directory__card {\n    margin-bottom: 0;\n  }\n\n  .card-grid {\n    display: flex;\n    flex-wrap: wrap;\n    min-width: 100%;\n    margin: 0 -5px;\n\n    & > div {\n      box-sizing: border-box;\n      flex: 1 0 auto;\n      width: 300px;\n      padding: 0 5px;\n      margin-bottom: 10px;\n      max-width: 33.333%;\n\n      @media screen and (max-width: 900px) {\n        max-width: 50%;\n      }\n\n      @media screen and (max-width: 600px) {\n        max-width: 100%;\n      }\n    }\n\n    @media screen and (max-width: $no-gap-breakpoint) {\n      margin: 0;\n      border-top: 1px solid lighten($ui-base-color, 8%);\n\n      & > div {\n        width: 100%;\n        padding: 0;\n        margin-bottom: 0;\n        border-bottom: 1px solid lighten($ui-base-color, 8%);\n\n        &:last-child {\n          border-bottom: 0;\n        }\n\n        .card__bar {\n          background: $ui-base-color;\n\n          &:hover,\n          &:active,\n          &:focus {\n            background: lighten($ui-base-color, 4%);\n          }\n        }\n      }\n    }\n  }\n}\n","@mixin avatar-radius() {\n  border-radius: $ui-avatar-border-size;\n  background-position: 50%;\n  background-clip: padding-box;\n}\n\n@mixin avatar-size($size:48px) {\n  width: $size;\n  height: $size;\n  background-size: $size $size;\n}\n\n@mixin single-column($media, $parent: '&') {\n  .auto-columns #{$parent} {\n    @media #{$media} {\n      @content;\n    }\n  }\n  .single-column #{$parent} {\n    @content;\n  }\n}\n\n@mixin limited-single-column($media, $parent: '&') {\n  .auto-columns #{$parent}, .single-column #{$parent} {\n    @media #{$media} {\n      @content;\n    }\n  }\n}\n\n@mixin multi-columns($media, $parent: '&') {\n  .auto-columns #{$parent} {\n    @media #{$media} {\n      @content;\n    }\n  }\n  .multi-columns #{$parent} {\n    @content;\n  }\n}\n\n@mixin fullwidth-gallery {\n  &.full-width {\n    margin-left: -14px;\n    margin-right: -14px;\n    width: inherit;\n    max-width: none;\n    height: 250px;\n    border-radius: 0px;\n  }\n}\n\n@mixin search-input() {\n  outline: 0;\n  box-sizing: border-box;\n  width: 100%;\n  border: none;\n  box-shadow: none;\n  font-family: inherit;\n  background: $ui-base-color;\n  color: $darker-text-color;\n  font-size: 14px;\n  margin: 0;\n}\n\n@mixin search-popout() {\n  background: $simple-background-color;\n  border-radius: 4px;\n  padding: 10px 14px;\n  padding-bottom: 14px;\n  margin-top: 10px;\n  color: $light-text-color;\n  box-shadow: 2px 4px 15px rgba($base-shadow-color, 0.4);\n\n  h4 {\n    text-transform: uppercase;\n    color: $light-text-color;\n    font-size: 13px;\n    font-weight: 500;\n    margin-bottom: 10px;\n  }\n\n  li {\n    padding: 4px 0;\n  }\n\n  ul {\n    margin-bottom: 10px;\n  }\n\n  em {\n    font-weight: 500;\n    color: $inverted-text-color;\n  }\n}\n","// Commonly used web colors\n$black: #000000;            // Black\n$white: #ffffff;            // White\n$success-green: #79bd9a;    // Padua\n$error-red: #df405a;        // Cerise\n$warning-red: #ff5050;      // Sunset Orange\n$gold-star: #ca8f04;        // Dark Goldenrod\n\n$red-bookmark: $warning-red;\n\n// Pleroma-Dark colors\n$pleroma-bg: #121a24;\n$pleroma-fg: #182230;\n$pleroma-text: #b9b9ba;\n$pleroma-links: #d8a070;\n\n// Values from the classic Mastodon UI\n$classic-base-color: $pleroma-bg;\n$classic-primary-color: #9baec8;\n$classic-secondary-color: #d9e1e8;\n$classic-highlight-color: #d8a070;\n\n// Variables for defaults in UI\n$base-shadow-color: $black !default;\n$base-overlay-background: $black !default;\n$base-border-color: $white !default;\n$simple-background-color: $white !default;\n$valid-value-color: $success-green !default;\n$error-value-color: $error-red !default;\n\n// Tell UI to use selected colors\n$ui-base-color: $classic-base-color !default;                  // Darkest\n$ui-base-lighter-color: lighten($ui-base-color, 26%) !default; // Lighter darkest\n$ui-primary-color: $classic-primary-color !default;            // Lighter\n$ui-secondary-color: $classic-secondary-color !default;        // Lightest\n$ui-highlight-color: $classic-highlight-color !default;\n\n// Variables for texts\n$primary-text-color: $white !default;\n$darker-text-color: $ui-primary-color !default;\n$dark-text-color: $ui-base-lighter-color !default;\n$secondary-text-color: $ui-secondary-color !default;\n$highlight-text-color: $ui-highlight-color !default;\n$action-button-color: $ui-base-lighter-color !default;\n// For texts on inverted backgrounds\n$inverted-text-color: $ui-base-color !default;\n$lighter-text-color: $ui-base-lighter-color !default;\n$light-text-color: $ui-primary-color !default;\n\n// Language codes that uses CJK fonts\n$cjk-langs: ja, ko, zh-CN, zh-HK, zh-TW;\n\n// Variables for components\n$media-modal-media-max-width: 100%;\n// put margins on top and bottom of image to avoid the screen covered by image.\n$media-modal-media-max-height: 80%;\n\n$no-gap-breakpoint: 415px;\n\n$font-sans-serif: sans-serif !default;\n$font-display: sans-serif !default;\n$font-monospace: monospace !default;\n\n// Avatar border size (8% default, 100% for rounded avatars)\n$ui-avatar-border-size: 8%;\n\n// More variables\n$dismiss-overlay-width: 4rem;\n",".no-list {\n  list-style: none;\n\n  li {\n    display: inline-block;\n    margin: 0 5px;\n  }\n}\n\n.recovery-codes {\n  list-style: none;\n  margin: 0 auto;\n\n  li {\n    font-size: 125%;\n    line-height: 1.5;\n    letter-spacing: 1px;\n  }\n}\n",".modal-layout {\n  background: $ui-base-color url('data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 234.80078 31.757813\" width=\"234.80078\" height=\"31.757812\"><path d=\"M19.599609 0c-1.05 0-2.10039.375-2.90039 1.125L0 16.925781v14.832031h234.80078V17.025391l-16.5-15.900391c-1.6-1.5-4.20078-1.5-5.80078 0l-13.80078 13.099609c-1.6 1.5-4.19883 1.5-5.79883 0L179.09961 1.125c-1.6-1.5-4.19883-1.5-5.79883 0L159.5 14.224609c-1.6 1.5-4.20078 1.5-5.80078 0L139.90039 1.125c-1.6-1.5-4.20078-1.5-5.80078 0l-13.79883 13.099609c-1.6 1.5-4.20078 1.5-5.80078 0L100.69922 1.125c-1.600001-1.5-4.198829-1.5-5.798829 0l-13.59961 13.099609c-1.6 1.5-4.200781 1.5-5.800781 0L61.699219 1.125c-1.6-1.5-4.198828-1.5-5.798828 0L42.099609 14.224609c-1.6 1.5-4.198828 1.5-5.798828 0L22.5 1.125C21.7.375 20.649609 0 19.599609 0z\" fill=\"#{hex-color($ui-base-lighter-color)}\"/></svg>') repeat-x bottom fixed;\n  display: flex;\n  flex-direction: column;\n  height: 100vh;\n  padding: 0;\n}\n\n.modal-layout__mastodon {\n  display: flex;\n  flex: 1;\n  flex-direction: column;\n  justify-content: flex-end;\n\n  > * {\n    flex: 1;\n    max-height: 235px;\n  }\n}\n\n@media screen and (max-width: 600px) {\n  .account-header {\n    margin-top: 0;\n  }\n}\n",".public-layout {\n  .footer {\n    text-align: left;\n    padding-top: 20px;\n    padding-bottom: 60px;\n    font-size: 12px;\n    color: lighten($ui-base-color, 34%);\n\n    @media screen and (max-width: $no-gap-breakpoint) {\n      padding-left: 20px;\n      padding-right: 20px;\n    }\n\n    .grid {\n      display: grid;\n      grid-gap: 10px;\n      grid-template-columns: 1fr 1fr 2fr 1fr 1fr;\n\n      .column-0 {\n        grid-column: 1;\n        grid-row: 1;\n        min-width: 0;\n      }\n\n      .column-1 {\n        grid-column: 2;\n        grid-row: 1;\n        min-width: 0;\n      }\n\n      .column-2 {\n        grid-column: 3;\n        grid-row: 1;\n        min-width: 0;\n        text-align: center;\n\n        h4 a {\n          color: lighten($ui-base-color, 34%);\n        }\n      }\n\n      .column-3 {\n        grid-column: 4;\n        grid-row: 1;\n        min-width: 0;\n      }\n\n      .column-4 {\n        grid-column: 5;\n        grid-row: 1;\n        min-width: 0;\n      }\n\n      @media screen and (max-width: 690px) {\n        grid-template-columns: 1fr 2fr 1fr;\n\n        .column-0,\n        .column-1 {\n          grid-column: 1;\n        }\n\n        .column-1 {\n          grid-row: 2;\n        }\n\n        .column-2 {\n          grid-column: 2;\n        }\n\n        .column-3,\n        .column-4 {\n          grid-column: 3;\n        }\n\n        .column-4 {\n          grid-row: 2;\n        }\n      }\n\n      @media screen and (max-width: 600px) {\n        .column-1 {\n          display: block;\n        }\n      }\n\n      @media screen and (max-width: $no-gap-breakpoint) {\n        .column-0,\n        .column-1,\n        .column-3,\n        .column-4 {\n          display: none;\n        }\n      }\n    }\n\n    h4 {\n      text-transform: uppercase;\n      font-weight: 700;\n      margin-bottom: 8px;\n      color: $darker-text-color;\n\n      a {\n        color: inherit;\n        text-decoration: none;\n      }\n    }\n\n    ul a {\n      text-decoration: none;\n      color: lighten($ui-base-color, 34%);\n\n      &:hover,\n      &:active,\n      &:focus {\n        text-decoration: underline;\n      }\n    }\n\n    .brand {\n      svg {\n        display: block;\n        height: 36px;\n        width: auto;\n        margin: 0 auto;\n        fill: lighten($ui-base-color, 34%);\n      }\n\n      &:hover,\n      &:focus,\n      &:active {\n        svg {\n          fill: lighten($ui-base-color, 38%);\n        }\n      }\n    }\n  }\n}\n",".compact-header {\n  h1 {\n    font-size: 24px;\n    line-height: 28px;\n    color: $darker-text-color;\n    font-weight: 500;\n    margin-bottom: 20px;\n    padding: 0 10px;\n    word-wrap: break-word;\n\n    @media screen and (max-width: 740px) {\n      text-align: center;\n      padding: 20px 10px 0;\n    }\n\n    a {\n      color: inherit;\n      text-decoration: none;\n    }\n\n    small {\n      font-weight: 400;\n      color: $secondary-text-color;\n    }\n\n    img {\n      display: inline-block;\n      margin-bottom: -5px;\n      margin-right: 15px;\n      width: 36px;\n      height: 36px;\n    }\n  }\n}\n",".hero-widget {\n  margin-bottom: 10px;\n  box-shadow: 0 0 15px rgba($base-shadow-color, 0.2);\n\n  &__img {\n    width: 100%;\n    position: relative;\n    overflow: hidden;\n    border-radius: 4px 4px 0 0;\n    background: $base-shadow-color;\n\n    img {\n      object-fit: cover;\n      display: block;\n      width: 100%;\n      height: 100%;\n      margin: 0;\n      border-radius: 4px 4px 0 0;\n    }\n  }\n\n  &__text {\n    background: $ui-base-color;\n    padding: 20px;\n    border-radius: 0 0 4px 4px;\n    font-size: 15px;\n    color: $darker-text-color;\n    line-height: 20px;\n    word-wrap: break-word;\n    font-weight: 400;\n\n    .emojione {\n      width: 20px;\n      height: 20px;\n      margin: -3px 0 0;\n    }\n\n    p {\n      margin-bottom: 20px;\n\n      &:last-child {\n        margin-bottom: 0;\n      }\n    }\n\n    em {\n      display: inline;\n      margin: 0;\n      padding: 0;\n      font-weight: 700;\n      background: transparent;\n      font-family: inherit;\n      font-size: inherit;\n      line-height: inherit;\n      color: lighten($darker-text-color, 10%);\n    }\n\n    a {\n      color: $secondary-text-color;\n      text-decoration: none;\n\n      &:hover {\n        text-decoration: underline;\n      }\n    }\n  }\n\n  @media screen and (max-width: $no-gap-breakpoint) {\n    display: none;\n  }\n}\n\n.endorsements-widget {\n  margin-bottom: 10px;\n  padding-bottom: 10px;\n\n  h4 {\n    padding: 10px;\n    text-transform: uppercase;\n    font-weight: 700;\n    font-size: 13px;\n    color: $darker-text-color;\n  }\n\n  .account {\n    padding: 10px 0;\n\n    &:last-child {\n      border-bottom: 0;\n    }\n\n    .account__display-name {\n      display: flex;\n      align-items: center;\n    }\n\n    .account__avatar {\n      width: 44px;\n      height: 44px;\n      background-size: 44px 44px;\n    }\n  }\n\n  .trends__item {\n    padding: 10px;\n  }\n}\n\n.trends-widget {\n  h4 {\n    color: $darker-text-color;\n  }\n}\n\n.box-widget {\n  padding: 20px;\n  border-radius: 4px;\n  background: $ui-base-color;\n  box-shadow: 0 0 15px rgba($base-shadow-color, 0.2);\n}\n\n.placeholder-widget {\n  padding: 16px;\n  border-radius: 4px;\n  border: 2px dashed $dark-text-color;\n  text-align: center;\n  color: $darker-text-color;\n  margin-bottom: 10px;\n}\n\n.contact-widget {\n  min-height: 100%;\n  font-size: 15px;\n  color: $darker-text-color;\n  line-height: 20px;\n  word-wrap: break-word;\n  font-weight: 400;\n  padding: 0;\n\n  h4 {\n    padding: 10px;\n    text-transform: uppercase;\n    font-weight: 700;\n    font-size: 13px;\n    color: $darker-text-color;\n  }\n\n  .account {\n    border-bottom: 0;\n    padding: 10px 0;\n    padding-top: 5px;\n  }\n\n  & > a {\n    display: inline-block;\n    padding: 10px;\n    padding-top: 0;\n    color: $darker-text-color;\n    text-decoration: none;\n    white-space: nowrap;\n    overflow: hidden;\n    text-overflow: ellipsis;\n\n    &:hover,\n    &:focus,\n    &:active {\n      text-decoration: underline;\n    }\n  }\n}\n\n.moved-account-widget {\n  padding: 15px;\n  padding-bottom: 20px;\n  border-radius: 4px;\n  background: $ui-base-color;\n  box-shadow: 0 0 15px rgba($base-shadow-color, 0.2);\n  color: $secondary-text-color;\n  font-weight: 400;\n  margin-bottom: 10px;\n\n  strong,\n  a {\n    font-weight: 500;\n\n    @each $lang in $cjk-langs {\n      &:lang(#{$lang}) {\n        font-weight: 700;\n      }\n    }\n  }\n\n  a {\n    color: inherit;\n    text-decoration: underline;\n\n    &.mention {\n      text-decoration: none;\n\n      span {\n        text-decoration: none;\n      }\n\n      &:focus,\n      &:hover,\n      &:active {\n        text-decoration: none;\n\n        span {\n          text-decoration: underline;\n        }\n      }\n    }\n  }\n\n  &__message {\n    margin-bottom: 15px;\n\n    .fa {\n      margin-right: 5px;\n      color: $darker-text-color;\n    }\n  }\n\n  &__card {\n    .detailed-status__display-avatar {\n      position: relative;\n      cursor: pointer;\n    }\n\n    .detailed-status__display-name {\n      margin-bottom: 0;\n      text-decoration: none;\n\n      span {\n        font-weight: 400;\n      }\n    }\n  }\n}\n\n.memoriam-widget {\n  padding: 20px;\n  border-radius: 4px;\n  background: $base-shadow-color;\n  box-shadow: 0 0 15px rgba($base-shadow-color, 0.2);\n  font-size: 14px;\n  color: $darker-text-color;\n  margin-bottom: 10px;\n}\n\n.page-header {\n  background: lighten($ui-base-color, 8%);\n  box-shadow: 0 0 15px rgba($base-shadow-color, 0.2);\n  border-radius: 4px;\n  padding: 60px 15px;\n  text-align: center;\n  margin: 10px 0;\n\n  h1 {\n    color: $primary-text-color;\n    font-size: 36px;\n    line-height: 1.1;\n    font-weight: 700;\n    margin-bottom: 10px;\n  }\n\n  p {\n    font-size: 15px;\n    color: $darker-text-color;\n  }\n\n  @media screen and (max-width: $no-gap-breakpoint) {\n    margin-top: 0;\n    background: lighten($ui-base-color, 4%);\n\n    h1 {\n      font-size: 24px;\n    }\n  }\n}\n\n.directory {\n  background: $ui-base-color;\n  border-radius: 4px;\n  box-shadow: 0 0 15px rgba($base-shadow-color, 0.2);\n\n  &__tag {\n    box-sizing: border-box;\n    margin-bottom: 10px;\n\n    & > a,\n    & > div {\n      display: flex;\n      align-items: center;\n      justify-content: space-between;\n      background: $ui-base-color;\n      border-radius: 4px;\n      padding: 15px;\n      text-decoration: none;\n      color: inherit;\n      box-shadow: 0 0 15px rgba($base-shadow-color, 0.2);\n    }\n\n    & > a {\n      &:hover,\n      &:active,\n      &:focus {\n        background: lighten($ui-base-color, 8%);\n      }\n    }\n\n    &.active > a {\n      background: $ui-highlight-color;\n      cursor: default;\n    }\n\n    &.disabled > div {\n      opacity: 0.5;\n      cursor: default;\n    }\n\n    h4 {\n      flex: 1 1 auto;\n      font-size: 18px;\n      font-weight: 700;\n      color: $primary-text-color;\n      white-space: nowrap;\n      overflow: hidden;\n      text-overflow: ellipsis;\n\n      .fa {\n        color: $darker-text-color;\n      }\n\n      small {\n        display: block;\n        font-weight: 400;\n        font-size: 15px;\n        margin-top: 8px;\n        color: $darker-text-color;\n      }\n    }\n\n    &.active h4 {\n      &,\n      .fa,\n      small {\n        color: $primary-text-color;\n      }\n    }\n\n    .avatar-stack {\n      flex: 0 0 auto;\n      width: (36px + 4px) * 3;\n    }\n\n    &.active .avatar-stack .account__avatar {\n      border-color: $ui-highlight-color;\n    }\n  }\n}\n\n.avatar-stack {\n  display: flex;\n  justify-content: flex-end;\n\n  .account__avatar {\n    flex: 0 0 auto;\n    width: 36px;\n    height: 36px;\n    border-radius: 50%;\n    position: relative;\n    margin-left: -10px;\n    background: darken($ui-base-color, 8%);\n    border: 2px solid $ui-base-color;\n\n    &:nth-child(1) {\n      z-index: 1;\n    }\n\n    &:nth-child(2) {\n      z-index: 2;\n    }\n\n    &:nth-child(3) {\n      z-index: 3;\n    }\n  }\n}\n\n.accounts-table {\n  width: 100%;\n\n  .account {\n    padding: 0;\n    border: 0;\n  }\n\n  strong {\n    font-weight: 700;\n  }\n\n  thead th {\n    text-align: center;\n    text-transform: uppercase;\n    color: $darker-text-color;\n    font-weight: 700;\n    padding: 10px;\n\n    &:first-child {\n      text-align: left;\n    }\n  }\n\n  tbody td {\n    padding: 15px 0;\n    vertical-align: middle;\n    border-bottom: 1px solid lighten($ui-base-color, 8%);\n  }\n\n  tbody tr:last-child td {\n    border-bottom: 0;\n  }\n\n  &__count {\n    width: 120px;\n    text-align: center;\n    font-size: 15px;\n    font-weight: 500;\n    color: $primary-text-color;\n\n    small {\n      display: block;\n      color: $darker-text-color;\n      font-weight: 400;\n      font-size: 14px;\n    }\n  }\n\n  &__comment {\n    width: 50%;\n    vertical-align: initial !important;\n  }\n\n  @media screen and (max-width: $no-gap-breakpoint) {\n    tbody td.optional {\n      display: none;\n    }\n  }\n}\n\n.moved-account-widget,\n.memoriam-widget,\n.box-widget,\n.contact-widget,\n.landing-page__information.contact-widget,\n.directory,\n.page-header {\n  @media screen and (max-width: $no-gap-breakpoint) {\n    margin-bottom: 0;\n    box-shadow: none;\n    border-radius: 0;\n  }\n}\n\n$maximum-width: 1235px;\n$fluid-breakpoint: $maximum-width + 20px;\n\n.statuses-grid {\n  min-height: 600px;\n\n  @media screen and (max-width: 640px) {\n    width: 100% !important; // Masonry layout is unnecessary at this width\n  }\n\n  &__item {\n    width: (960px - 20px) / 3;\n\n    @media screen and (max-width: $fluid-breakpoint) {\n      width: (940px - 20px) / 3;\n    }\n\n    @media screen and (max-width: 640px) {\n      width: 100%;\n    }\n\n    @media screen and (max-width: $no-gap-breakpoint) {\n      width: 100vw;\n    }\n  }\n\n  .detailed-status {\n    border-radius: 4px;\n\n    @media screen and (max-width: $no-gap-breakpoint) {\n      border-top: 1px solid lighten($ui-base-color, 16%);\n    }\n\n    &.compact {\n      .detailed-status__meta {\n        margin-top: 15px;\n      }\n\n      .status__content {\n        font-size: 15px;\n        line-height: 20px;\n\n        .emojione {\n          width: 20px;\n          height: 20px;\n          margin: -3px 0 0;\n        }\n\n        .status__content__spoiler-link {\n          line-height: 20px;\n          margin: 0;\n        }\n      }\n\n      .media-gallery,\n      .status-card,\n      .video-player {\n        margin-top: 15px;\n      }\n    }\n  }\n}\n\n.notice-widget {\n  margin-bottom: 10px;\n  color: $darker-text-color;\n\n  p {\n    margin-bottom: 10px;\n\n    &:last-child {\n      margin-bottom: 0;\n    }\n  }\n\n  a {\n    font-size: 14px;\n    line-height: 20px;\n  }\n}\n\n.notice-widget,\n.placeholder-widget {\n  a {\n    text-decoration: none;\n    font-weight: 500;\n    color: $ui-highlight-color;\n\n    &:hover,\n    &:focus,\n    &:active {\n      text-decoration: underline;\n    }\n  }\n}\n\n.table-of-contents {\n  background: darken($ui-base-color, 4%);\n  min-height: 100%;\n  font-size: 14px;\n  border-radius: 4px;\n\n  li a {\n    display: block;\n    font-weight: 500;\n    padding: 15px;\n    overflow: hidden;\n    white-space: nowrap;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    text-decoration: none;\n    color: $primary-text-color;\n    border-bottom: 1px solid lighten($ui-base-color, 4%);\n\n    &:hover,\n    &:focus,\n    &:active {\n      text-decoration: underline;\n    }\n  }\n\n  li:last-child a {\n    border-bottom: 0;\n  }\n\n  li ul {\n    padding-left: 20px;\n    border-bottom: 1px solid lighten($ui-base-color, 4%);\n  }\n}\n","$no-columns-breakpoint: 600px;\n\ncode {\n  font-family: $font-monospace, monospace;\n  font-weight: 400;\n}\n\n.form-container {\n  max-width: 400px;\n  padding: 20px;\n  margin: 0 auto;\n}\n\n.simple_form {\n  .input {\n    margin-bottom: 15px;\n    overflow: hidden;\n\n    &.hidden {\n      margin: 0;\n    }\n\n    &.radio_buttons {\n      .radio {\n        margin-bottom: 15px;\n\n        &:last-child {\n          margin-bottom: 0;\n        }\n      }\n\n      .radio > label {\n        position: relative;\n        padding-left: 28px;\n\n        input {\n          position: absolute;\n          top: -2px;\n          left: 0;\n        }\n      }\n    }\n\n    &.boolean {\n      position: relative;\n      margin-bottom: 0;\n\n      .label_input > label {\n        font-family: inherit;\n        font-size: 14px;\n        padding-top: 5px;\n        color: $primary-text-color;\n        display: block;\n        width: auto;\n      }\n\n      .label_input,\n      .hint {\n        padding-left: 28px;\n      }\n\n      .label_input__wrapper {\n        position: static;\n      }\n\n      label.checkbox {\n        position: absolute;\n        top: 2px;\n        left: 0;\n      }\n\n      label a {\n        color: $highlight-text-color;\n        text-decoration: underline;\n\n        &:hover,\n        &:active,\n        &:focus {\n          text-decoration: none;\n        }\n      }\n\n      .recommended {\n        position: absolute;\n        margin: 0 4px;\n        margin-top: -2px;\n      }\n    }\n  }\n\n  .row {\n    display: flex;\n    margin: 0 -5px;\n\n    .input {\n      box-sizing: border-box;\n      flex: 1 1 auto;\n      width: 50%;\n      padding: 0 5px;\n    }\n  }\n\n  .hint {\n    color: $darker-text-color;\n\n    a {\n      color: $highlight-text-color;\n    }\n\n    code {\n      border-radius: 3px;\n      padding: 0.2em 0.4em;\n      background: darken($ui-base-color, 12%);\n    }\n  }\n\n  span.hint {\n    display: block;\n    font-size: 12px;\n    margin-top: 4px;\n  }\n\n  p.hint {\n    margin-bottom: 15px;\n    color: $darker-text-color;\n\n    &.subtle-hint {\n      text-align: center;\n      font-size: 12px;\n      line-height: 18px;\n      margin-top: 15px;\n      margin-bottom: 0;\n    }\n  }\n\n  .card {\n    margin-bottom: 15px;\n  }\n\n  strong {\n    font-weight: 500;\n\n    @each $lang in $cjk-langs {\n      &:lang(#{$lang}) {\n        font-weight: 700;\n      }\n    }\n  }\n\n  .input.with_floating_label {\n    .label_input {\n      display: flex;\n\n      & > label {\n        font-family: inherit;\n        font-size: 14px;\n        color: $primary-text-color;\n        font-weight: 500;\n        min-width: 150px;\n        flex: 0 0 auto;\n      }\n\n      input,\n      select {\n        flex: 1 1 auto;\n      }\n    }\n\n    &.select .hint {\n      margin-top: 6px;\n      margin-left: 150px;\n    }\n  }\n\n  .input.with_label {\n    .label_input > label {\n      font-family: inherit;\n      font-size: 14px;\n      color: $primary-text-color;\n      display: block;\n      margin-bottom: 8px;\n      word-wrap: break-word;\n      font-weight: 500;\n    }\n\n    .hint {\n      margin-top: 6px;\n    }\n\n    ul {\n      flex: 390px;\n    }\n  }\n\n  .input.with_block_label {\n    max-width: none;\n\n    & > label {\n      font-family: inherit;\n      font-size: 16px;\n      color: $primary-text-color;\n      display: block;\n      font-weight: 500;\n      padding-top: 5px;\n    }\n\n    .hint {\n      margin-bottom: 15px;\n    }\n\n    ul {\n      columns: 2;\n    }\n  }\n\n  .input.datetime .label_input select {\n    display: inline-block;\n    width: auto;\n    flex: 0;\n  }\n\n  .required abbr {\n    text-decoration: none;\n    color: lighten($error-value-color, 12%);\n  }\n\n  .fields-group {\n    margin-bottom: 25px;\n\n    .input:last-child {\n      margin-bottom: 0;\n    }\n  }\n\n  .fields-row {\n    display: flex;\n    margin: 0 -10px;\n    padding-top: 5px;\n    margin-bottom: 25px;\n\n    .input {\n      max-width: none;\n    }\n\n    &__column {\n      box-sizing: border-box;\n      padding: 0 10px;\n      flex: 1 1 auto;\n      min-height: 1px;\n\n      &-6 {\n        max-width: 50%;\n      }\n\n      .actions {\n        margin-top: 27px;\n      }\n    }\n\n    .fields-group:last-child,\n    .fields-row__column.fields-group {\n      margin-bottom: 0;\n    }\n\n    @media screen and (max-width: $no-columns-breakpoint) {\n      display: block;\n      margin-bottom: 0;\n\n      &__column {\n        max-width: none;\n      }\n\n      .fields-group:last-child,\n      .fields-row__column.fields-group,\n      .fields-row__column {\n        margin-bottom: 25px;\n      }\n    }\n  }\n\n  .input.radio_buttons .radio label {\n    margin-bottom: 5px;\n    font-family: inherit;\n    font-size: 14px;\n    color: $primary-text-color;\n    display: block;\n    width: auto;\n  }\n\n  .check_boxes {\n    .checkbox {\n      label {\n        font-family: inherit;\n        font-size: 14px;\n        color: $primary-text-color;\n        display: inline-block;\n        width: auto;\n        position: relative;\n        padding-top: 5px;\n        padding-left: 25px;\n        flex: 1 1 auto;\n      }\n\n      input[type=checkbox] {\n        position: absolute;\n        left: 0;\n        top: 5px;\n        margin: 0;\n      }\n    }\n  }\n\n  .input.static .label_input__wrapper {\n    font-size: 16px;\n    padding: 10px;\n    border: 1px solid $dark-text-color;\n    border-radius: 4px;\n  }\n\n  input[type=text],\n  input[type=number],\n  input[type=email],\n  input[type=password],\n  textarea {\n    box-sizing: border-box;\n    font-size: 16px;\n    color: $primary-text-color;\n    display: block;\n    width: 100%;\n    outline: 0;\n    font-family: inherit;\n    resize: vertical;\n    background: darken($ui-base-color, 10%);\n    border: 1px solid darken($ui-base-color, 14%);\n    border-radius: 4px;\n    padding: 10px;\n\n    &::placeholder {\n      color: lighten($darker-text-color, 4%);\n    }\n\n    &:invalid {\n      box-shadow: none;\n    }\n\n    &:focus:invalid:not(:placeholder-shown) {\n      border-color: lighten($error-red, 12%);\n    }\n\n    &:required:valid {\n      border-color: $valid-value-color;\n    }\n\n    &:hover {\n      border-color: darken($ui-base-color, 20%);\n    }\n\n    &:active,\n    &:focus {\n      border-color: $highlight-text-color;\n      background: darken($ui-base-color, 8%);\n    }\n  }\n\n  .input.field_with_errors {\n    label {\n      color: lighten($error-red, 12%);\n    }\n\n    input[type=text],\n    input[type=number],\n    input[type=email],\n    input[type=password],\n    textarea,\n    select {\n      border-color: lighten($error-red, 12%);\n    }\n\n    .error {\n      display: block;\n      font-weight: 500;\n      color: lighten($error-red, 12%);\n      margin-top: 4px;\n    }\n  }\n\n  .input.disabled {\n    opacity: 0.5;\n  }\n\n  .actions {\n    margin-top: 30px;\n    display: flex;\n\n    &.actions--top {\n      margin-top: 0;\n      margin-bottom: 30px;\n    }\n  }\n\n  button,\n  .button,\n  .block-button {\n    display: block;\n    width: 100%;\n    border: 0;\n    border-radius: 4px;\n    background: $ui-highlight-color;\n    color: $primary-text-color;\n    font-size: 18px;\n    line-height: inherit;\n    height: auto;\n    padding: 10px;\n    text-transform: uppercase;\n    text-decoration: none;\n    text-align: center;\n    box-sizing: border-box;\n    cursor: pointer;\n    font-weight: 500;\n    outline: 0;\n    margin-bottom: 10px;\n    margin-right: 10px;\n\n    &:last-child {\n      margin-right: 0;\n    }\n\n    &:hover {\n      background-color: lighten($ui-highlight-color, 5%);\n    }\n\n    &:active,\n    &:focus {\n      background-color: darken($ui-highlight-color, 5%);\n    }\n\n    &:disabled:hover {\n      background-color: $ui-primary-color;\n    }\n\n    &.negative {\n      background: $error-value-color;\n\n      &:hover {\n        background-color: lighten($error-value-color, 5%);\n      }\n\n      &:active,\n      &:focus {\n        background-color: darken($error-value-color, 5%);\n      }\n    }\n  }\n\n  select {\n    appearance: none;\n    box-sizing: border-box;\n    font-size: 16px;\n    color: $primary-text-color;\n    display: block;\n    width: 100%;\n    outline: 0;\n    font-family: inherit;\n    resize: vertical;\n    background: darken($ui-base-color, 10%) url(\"data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14.933 18.467' height='19.698' width='15.929'><path d='M3.467 14.967l-3.393-3.5H14.86l-3.392 3.5c-1.866 1.925-3.666 3.5-4 3.5-.335 0-2.135-1.575-4-3.5zm.266-11.234L7.467 0 11.2 3.733l3.733 3.734H0l3.733-3.734z' fill='#{hex-color(lighten($ui-base-color, 12%))}'/></svg>\") no-repeat right 8px center / auto 16px;\n    border: 1px solid darken($ui-base-color, 14%);\n    border-radius: 4px;\n    padding-left: 10px;\n    padding-right: 30px;\n    height: 41px;\n  }\n\n  h4 {\n    margin-bottom: 15px !important;\n  }\n\n  .label_input {\n    &__wrapper {\n      position: relative;\n    }\n\n    &__append {\n      position: absolute;\n      right: 3px;\n      top: 1px;\n      padding: 10px;\n      padding-bottom: 9px;\n      font-size: 16px;\n      color: $dark-text-color;\n      font-family: inherit;\n      pointer-events: none;\n      cursor: default;\n      max-width: 140px;\n      white-space: nowrap;\n      overflow: hidden;\n\n      &::after {\n        content: '';\n        display: block;\n        position: absolute;\n        top: 0;\n        right: 0;\n        bottom: 1px;\n        width: 5px;\n        background-image: linear-gradient(to right, rgba(darken($ui-base-color, 10%), 0), darken($ui-base-color, 10%));\n      }\n    }\n  }\n\n  &__overlay-area {\n    position: relative;\n\n    &__blurred form {\n      filter: blur(2px);\n    }\n\n    &__overlay {\n      position: absolute;\n      top: 0;\n      left: 0;\n      width: 100%;\n      height: 100%;\n      display: flex;\n      justify-content: center;\n      align-items: center;\n      background: rgba($ui-base-color, 0.65);\n      border-radius: 4px;\n      margin-left: -4px;\n      margin-top: -4px;\n      padding: 4px;\n\n      &__content {\n        text-align: center;\n\n        &.rich-formatting {\n          &,\n          p {\n            color: $primary-text-color;\n          }\n        }\n      }\n    }\n  }\n}\n\n.block-icon {\n  display: block;\n  margin: 0 auto;\n  margin-bottom: 10px;\n  font-size: 24px;\n}\n\n.flash-message {\n  background: lighten($ui-base-color, 8%);\n  color: $darker-text-color;\n  border-radius: 4px;\n  padding: 15px 10px;\n  margin-bottom: 30px;\n  text-align: center;\n\n  &.notice {\n    border: 1px solid rgba($valid-value-color, 0.5);\n    background: rgba($valid-value-color, 0.25);\n    color: $valid-value-color;\n  }\n\n  &.alert {\n    border: 1px solid rgba($error-value-color, 0.5);\n    background: rgba($error-value-color, 0.25);\n    color: $error-value-color;\n  }\n\n  a {\n    display: inline-block;\n    color: $darker-text-color;\n    text-decoration: none;\n\n    &:hover {\n      color: $primary-text-color;\n      text-decoration: underline;\n    }\n  }\n\n  p {\n    margin-bottom: 15px;\n  }\n\n  .oauth-code {\n    outline: 0;\n    box-sizing: border-box;\n    display: block;\n    width: 100%;\n    border: none;\n    padding: 10px;\n    font-family: $font-monospace, monospace;\n    background: $ui-base-color;\n    color: $primary-text-color;\n    font-size: 14px;\n    margin: 0;\n\n    &::-moz-focus-inner {\n      border: 0;\n    }\n\n    &::-moz-focus-inner,\n    &:focus,\n    &:active {\n      outline: 0 !important;\n    }\n\n    &:focus {\n      background: lighten($ui-base-color, 4%);\n    }\n  }\n\n  strong {\n    font-weight: 500;\n\n    @each $lang in $cjk-langs {\n      &:lang(#{$lang}) {\n        font-weight: 700;\n      }\n    }\n  }\n\n  @media screen and (max-width: 740px) and (min-width: 441px) {\n    margin-top: 40px;\n  }\n}\n\n.form-footer {\n  margin-top: 30px;\n  text-align: center;\n\n  a {\n    color: $darker-text-color;\n    text-decoration: none;\n\n    &:hover {\n      text-decoration: underline;\n    }\n  }\n}\n\n.quick-nav {\n  list-style: none;\n  margin-bottom: 25px;\n  font-size: 14px;\n\n  li {\n    display: inline-block;\n    margin-right: 10px;\n  }\n\n  a {\n    color: $highlight-text-color;\n    text-transform: uppercase;\n    text-decoration: none;\n    font-weight: 700;\n\n    &:hover,\n    &:focus,\n    &:active {\n      color: lighten($highlight-text-color, 8%);\n    }\n  }\n}\n\n.oauth-prompt,\n.follow-prompt {\n  margin-bottom: 30px;\n  color: $darker-text-color;\n\n  h2 {\n    font-size: 16px;\n    margin-bottom: 30px;\n    text-align: center;\n  }\n\n  strong {\n    color: $secondary-text-color;\n    font-weight: 500;\n\n    @each $lang in $cjk-langs {\n      &:lang(#{$lang}) {\n        font-weight: 700;\n      }\n    }\n  }\n\n  @media screen and (max-width: 740px) and (min-width: 441px) {\n    margin-top: 40px;\n  }\n}\n\n.qr-wrapper {\n  display: flex;\n  flex-wrap: wrap;\n  align-items: flex-start;\n}\n\n.qr-code {\n  flex: 0 0 auto;\n  background: $simple-background-color;\n  padding: 4px;\n  margin: 0 10px 20px 0;\n  box-shadow: 0 0 15px rgba($base-shadow-color, 0.2);\n  display: inline-block;\n\n  svg {\n    display: block;\n    margin: 0;\n  }\n}\n\n.qr-alternative {\n  margin-bottom: 20px;\n  color: $secondary-text-color;\n  flex: 150px;\n\n  samp {\n    display: block;\n    font-size: 14px;\n  }\n}\n\n.table-form {\n  p {\n    margin-bottom: 15px;\n\n    strong {\n      font-weight: 500;\n\n      @each $lang in $cjk-langs {\n        &:lang(#{$lang}) {\n          font-weight: 700;\n        }\n      }\n    }\n  }\n}\n\n.simple_form,\n.table-form {\n  .warning {\n    box-sizing: border-box;\n    background: rgba($error-value-color, 0.5);\n    color: $primary-text-color;\n    text-shadow: 1px 1px 0 rgba($base-shadow-color, 0.3);\n    box-shadow: 0 2px 6px rgba($base-shadow-color, 0.4);\n    border-radius: 4px;\n    padding: 10px;\n    margin-bottom: 15px;\n\n    a {\n      color: $primary-text-color;\n      text-decoration: underline;\n\n      &:hover,\n      &:focus,\n      &:active {\n        text-decoration: none;\n      }\n    }\n\n    strong {\n      font-weight: 600;\n      display: block;\n      margin-bottom: 5px;\n\n      @each $lang in $cjk-langs {\n        &:lang(#{$lang}) {\n          font-weight: 700;\n        }\n      }\n\n      .fa {\n        font-weight: 400;\n      }\n    }\n  }\n}\n\n.action-pagination {\n  display: flex;\n  flex-wrap: wrap;\n  align-items: center;\n\n  .actions,\n  .pagination {\n    flex: 1 1 auto;\n  }\n\n  .actions {\n    padding: 30px 0;\n    padding-right: 20px;\n    flex: 0 0 auto;\n  }\n}\n\n.post-follow-actions {\n  text-align: center;\n  color: $darker-text-color;\n\n  div {\n    margin-bottom: 4px;\n  }\n}\n\n.alternative-login {\n  margin-top: 20px;\n  margin-bottom: 20px;\n\n  h4 {\n    font-size: 16px;\n    color: $primary-text-color;\n    text-align: center;\n    margin-bottom: 20px;\n    border: 0;\n    padding: 0;\n  }\n\n  .button {\n    display: block;\n  }\n}\n\n.scope-danger {\n  color: $warning-red;\n}\n\n.form_admin_settings_site_short_description,\n.form_admin_settings_site_description,\n.form_admin_settings_site_extended_description,\n.form_admin_settings_site_terms,\n.form_admin_settings_custom_css,\n.form_admin_settings_closed_registrations_message {\n  textarea {\n    font-family: $font-monospace, monospace;\n  }\n}\n\n.input-copy {\n  background: darken($ui-base-color, 10%);\n  border: 1px solid darken($ui-base-color, 14%);\n  border-radius: 4px;\n  display: flex;\n  align-items: center;\n  padding-right: 4px;\n  position: relative;\n  top: 1px;\n  transition: border-color 300ms linear;\n\n  &__wrapper {\n    flex: 1 1 auto;\n  }\n\n  input[type=text] {\n    background: transparent;\n    border: 0;\n    padding: 10px;\n    font-size: 14px;\n    font-family: $font-monospace, monospace;\n  }\n\n  button {\n    flex: 0 0 auto;\n    margin: 4px;\n    text-transform: none;\n    font-weight: 400;\n    font-size: 14px;\n    padding: 7px 18px;\n    padding-bottom: 6px;\n    width: auto;\n    transition: background 300ms linear;\n  }\n\n  &.copied {\n    border-color: $valid-value-color;\n    transition: none;\n\n    button {\n      background: $valid-value-color;\n      transition: none;\n    }\n  }\n}\n\n.connection-prompt {\n  margin-bottom: 25px;\n\n  .fa-link {\n    background-color: darken($ui-base-color, 4%);\n    border-radius: 100%;\n    font-size: 24px;\n    padding: 10px;\n  }\n\n  &__column {\n    align-items: center;\n    display: flex;\n    flex: 1;\n    flex-direction: column;\n    flex-shrink: 1;\n    max-width: 50%;\n\n    &-sep {\n      align-self: center;\n      flex-grow: 0;\n      overflow: visible;\n      position: relative;\n      z-index: 1;\n    }\n\n    p {\n      word-break: break-word;\n    }\n  }\n\n  .account__avatar {\n    margin-bottom: 20px;\n  }\n\n  &__connection {\n    background-color: lighten($ui-base-color, 8%);\n    box-shadow: 0 0 15px rgba($base-shadow-color, 0.2);\n    border-radius: 4px;\n    padding: 25px 10px;\n    position: relative;\n    text-align: center;\n\n    &::after {\n      background-color: darken($ui-base-color, 4%);\n      content: '';\n      display: block;\n      height: 100%;\n      left: 50%;\n      position: absolute;\n      top: 0;\n      width: 1px;\n    }\n  }\n\n  &__row {\n    align-items: flex-start;\n    display: flex;\n    flex-direction: row;\n  }\n}\n",".card {\n  & > a {\n    display: block;\n    text-decoration: none;\n    color: inherit;\n    box-shadow: 0 0 15px rgba($base-shadow-color, 0.2);\n\n    @media screen and (max-width: $no-gap-breakpoint) {\n      box-shadow: none;\n    }\n\n    &:hover,\n    &:active,\n    &:focus {\n      .card__bar {\n        background: lighten($ui-base-color, 8%);\n      }\n    }\n  }\n\n  &__img {\n    height: 130px;\n    position: relative;\n    background: darken($ui-base-color, 12%);\n    border-radius: 4px 4px 0 0;\n\n    img {\n      display: block;\n      width: 100%;\n      height: 100%;\n      margin: 0;\n      object-fit: cover;\n      border-radius: 4px 4px 0 0;\n    }\n\n    @media screen and (max-width: 600px) {\n      height: 200px;\n    }\n\n    @media screen and (max-width: $no-gap-breakpoint) {\n      display: none;\n    }\n  }\n\n  &__bar {\n    position: relative;\n    padding: 15px;\n    display: flex;\n    justify-content: flex-start;\n    align-items: center;\n    background: lighten($ui-base-color, 4%);\n    border-radius: 0 0 4px 4px;\n\n    @media screen and (max-width: $no-gap-breakpoint) {\n      border-radius: 0;\n    }\n\n    .avatar {\n      flex: 0 0 auto;\n      width: 48px;\n      height: 48px;\n      @include avatar-size(48px);\n      padding-top: 2px;\n\n      img {\n        width: 100%;\n        height: 100%;\n        display: block;\n        margin: 0;\n        border-radius: 4px;\n        @include avatar-radius();\n        background: darken($ui-base-color, 8%);\n        object-fit: cover;\n      }\n    }\n\n    .display-name {\n      margin-left: 15px;\n      text-align: left;\n\n      strong {\n        font-size: 15px;\n        color: $primary-text-color;\n        font-weight: 500;\n        overflow: hidden;\n        text-overflow: ellipsis;\n      }\n\n      span {\n        display: block;\n        font-size: 14px;\n        color: $darker-text-color;\n        font-weight: 400;\n        overflow: hidden;\n        text-overflow: ellipsis;\n      }\n    }\n  }\n}\n\n.pagination {\n  padding: 30px 0;\n  text-align: center;\n  overflow: hidden;\n\n  a,\n  .current,\n  .newer,\n  .older,\n  .page,\n  .gap {\n    font-size: 14px;\n    color: $primary-text-color;\n    font-weight: 500;\n    display: inline-block;\n    padding: 6px 10px;\n    text-decoration: none;\n  }\n\n  .current {\n    background: $simple-background-color;\n    border-radius: 100px;\n    color: $inverted-text-color;\n    cursor: default;\n    margin: 0 10px;\n  }\n\n  .gap {\n    cursor: default;\n  }\n\n  .older,\n  .newer {\n    text-transform: uppercase;\n    color: $secondary-text-color;\n  }\n\n  .older {\n    float: left;\n    padding-left: 0;\n\n    .fa {\n      display: inline-block;\n      margin-right: 5px;\n    }\n  }\n\n  .newer {\n    float: right;\n    padding-right: 0;\n\n    .fa {\n      display: inline-block;\n      margin-left: 5px;\n    }\n  }\n\n  .disabled {\n    cursor: default;\n    color: lighten($inverted-text-color, 10%);\n  }\n\n  @media screen and (max-width: 700px) {\n    padding: 30px 20px;\n\n    .page {\n      display: none;\n    }\n\n    .newer,\n    .older {\n      display: inline-block;\n    }\n  }\n}\n\n.nothing-here {\n  background: $ui-base-color;\n  box-shadow: 0 0 15px rgba($base-shadow-color, 0.2);\n  color: $light-text-color;\n  font-size: 14px;\n  font-weight: 500;\n  text-align: center;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  cursor: default;\n  border-radius: 4px;\n  padding: 20px;\n  min-height: 30vh;\n\n  &--under-tabs {\n    border-radius: 0 0 4px 4px;\n  }\n\n  &--flexible {\n    box-sizing: border-box;\n    min-height: 100%;\n  }\n}\n\n.account-role,\n.simple_form .recommended {\n  display: inline-block;\n  padding: 4px 6px;\n  cursor: default;\n  border-radius: 3px;\n  font-size: 12px;\n  line-height: 12px;\n  font-weight: 500;\n  color: $ui-secondary-color;\n  background-color: rgba($ui-secondary-color, 0.1);\n  border: 1px solid rgba($ui-secondary-color, 0.5);\n\n  &.moderator {\n    color: $success-green;\n    background-color: rgba($success-green, 0.1);\n    border-color: rgba($success-green, 0.5);\n  }\n\n  &.admin {\n    color: lighten($error-red, 12%);\n    background-color: rgba(lighten($error-red, 12%), 0.1);\n    border-color: rgba(lighten($error-red, 12%), 0.5);\n  }\n}\n\n.account__header__fields {\n  max-width: 100vw;\n  padding: 0;\n  margin: 15px -15px -15px;\n  border: 0 none;\n  border-top: 1px solid lighten($ui-base-color, 12%);\n  border-bottom: 1px solid lighten($ui-base-color, 12%);\n  font-size: 14px;\n  line-height: 20px;\n\n  dl {\n    display: flex;\n    border-bottom: 1px solid lighten($ui-base-color, 12%);\n  }\n\n  dt,\n  dd {\n    box-sizing: border-box;\n    padding: 14px;\n    text-align: center;\n    max-height: 48px;\n    overflow: hidden;\n    white-space: nowrap;\n    text-overflow: ellipsis;\n  }\n\n  dt {\n    font-weight: 500;\n    width: 120px;\n    flex: 0 0 auto;\n    color: $secondary-text-color;\n    background: rgba(darken($ui-base-color, 8%), 0.5);\n  }\n\n  dd {\n    flex: 1 1 auto;\n    color: $darker-text-color;\n  }\n\n  a {\n    color: $highlight-text-color;\n    text-decoration: none;\n\n    &:hover,\n    &:focus,\n    &:active {\n      text-decoration: underline;\n    }\n  }\n\n  .verified {\n    border: 1px solid rgba($valid-value-color, 0.5);\n    background: rgba($valid-value-color, 0.25);\n\n    a {\n      color: $valid-value-color;\n      font-weight: 500;\n    }\n\n    &__mark {\n      color: $valid-value-color;\n    }\n  }\n\n  dl:last-child {\n    border-bottom: 0;\n  }\n}\n\n.directory__tag .trends__item__current {\n  width: auto;\n}\n\n.pending-account {\n  &__header {\n    color: $darker-text-color;\n\n    a {\n      color: $ui-secondary-color;\n      text-decoration: none;\n\n      &:hover,\n      &:active,\n      &:focus {\n        text-decoration: underline;\n      }\n    }\n\n    strong {\n      color: $primary-text-color;\n      font-weight: 700;\n    }\n  }\n\n  &__body {\n    margin-top: 10px;\n  }\n}\n",".activity-stream {\n  box-shadow: 0 0 15px rgba($base-shadow-color, 0.2);\n  border-radius: 4px;\n  overflow: hidden;\n  margin-bottom: 10px;\n\n  @media screen and (max-width: $no-gap-breakpoint) {\n    margin-bottom: 0;\n    border-radius: 0;\n    box-shadow: none;\n  }\n\n  &--headless {\n    border-radius: 0;\n    margin: 0;\n    box-shadow: none;\n\n    .detailed-status,\n    .status {\n      border-radius: 0 !important;\n    }\n  }\n\n  div[data-component] {\n    width: 100%;\n  }\n\n  .entry {\n    background: $ui-base-color;\n\n    .detailed-status,\n    .status,\n    .load-more {\n      animation: none;\n    }\n\n    &:last-child {\n      .detailed-status,\n      .status,\n      .load-more {\n        border-bottom: 0;\n        border-radius: 0 0 4px 4px;\n      }\n    }\n\n    &:first-child {\n      .detailed-status,\n      .status,\n      .load-more {\n        border-radius: 4px 4px 0 0;\n      }\n\n      &:last-child {\n        .detailed-status,\n        .status,\n        .load-more {\n          border-radius: 4px;\n        }\n      }\n    }\n\n    @media screen and (max-width: 740px) {\n      .detailed-status,\n      .status,\n      .load-more {\n        border-radius: 0 !important;\n      }\n    }\n  }\n\n  &--highlighted .entry {\n    background: lighten($ui-base-color, 8%);\n  }\n}\n\n.button.logo-button {\n  flex: 0 auto;\n  font-size: 14px;\n  background: $ui-highlight-color;\n  color: $primary-text-color;\n  text-transform: none;\n  line-height: 36px;\n  height: auto;\n  padding: 3px 15px;\n  border: 0;\n\n  svg {\n    width: 20px;\n    height: auto;\n    vertical-align: middle;\n    margin-right: 5px;\n    fill: $primary-text-color;\n  }\n\n  &:active,\n  &:focus,\n  &:hover {\n    background: lighten($ui-highlight-color, 10%);\n  }\n\n  &:disabled,\n  &.disabled {\n    &:active,\n    &:focus,\n    &:hover {\n      background: $ui-primary-color;\n    }\n  }\n\n  &.button--destructive {\n    &:active,\n    &:focus,\n    &:hover {\n      background: $error-red;\n    }\n  }\n\n  @media screen and (max-width: $no-gap-breakpoint) {\n    svg {\n      display: none;\n    }\n  }\n}\n\n.embed,\n.public-layout {\n  .detailed-status {\n    padding: 15px;\n  }\n\n  .status {\n    padding: 15px 15px 15px (48px + 15px * 2);\n    min-height: 48px + 2px;\n\n    &__avatar {\n      left: 15px;\n      top: 17px;\n    }\n\n    &__content {\n      padding-top: 5px;\n    }\n\n    &__prepend {\n      padding: 8px 0;\n      padding-bottom: 2px;\n      margin: initial;\n      margin-left: 48px + 15px * 2;\n      padding-top: 15px;\n    }\n\n    &__prepend-icon-wrapper {\n      position: absolute;\n      margin: initial;\n      float: initial;\n      width: auto;\n      left: -32px;\n    }\n\n    .media-gallery,\n    &__action-bar,\n    .video-player {\n      margin-top: 10px;\n    }\n  }\n}\n\n// Styling from upstream's WebUI, as public pages use the same layout\n.embed,\n.public-layout {\n  .status {\n    .status__info {\n      font-size: 15px;\n      display: initial;\n    }\n\n    .status__relative-time {\n      color: $dark-text-color;\n      float: right;\n      font-size: 14px;\n      width: auto;\n      margin: initial;\n      padding: initial;\n    }\n\n    .status__info .status__display-name {\n      display: block;\n      max-width: 100%;\n      padding: 6px 0;\n      padding-right: 25px;\n      margin: initial;\n\n      .display-name strong {\n        display: inline;\n      }\n    }\n\n    .status__avatar {\n      height: 48px;\n      position: absolute;\n      width: 48px;\n      margin: initial;\n    }\n  }\n}\n\n.rtl {\n  .embed,\n  .public-layout {\n    .status {\n      padding-left: 10px;\n      padding-right: 68px;\n\n      .status__info .status__display-name {\n        padding-left: 25px;\n        padding-right: 0;\n      }\n\n      .status__relative-time {\n        float: left;\n      }\n    }\n  }\n}\n\n.status__content__read-more-button {\n  display: block;\n  font-size: 15px;\n  line-height: 20px;\n  color: lighten($ui-highlight-color, 8%);\n  border: 0;\n  background: transparent;\n  padding: 0;\n  padding-top: 8px;\n  text-decoration: none;\n\n  &:hover,\n  &:active {\n    text-decoration: underline;\n  }\n}\n",".app-body {\n  -webkit-overflow-scrolling: touch;\n  -ms-overflow-style: -ms-autohiding-scrollbar;\n}\n\n.animated-number {\n  display: inline-flex;\n  flex-direction: column;\n  align-items: stretch;\n  overflow: hidden;\n  position: relative;\n}\n\n.link-button {\n  display: block;\n  font-size: 15px;\n  line-height: 20px;\n  color: $ui-highlight-color;\n  border: 0;\n  background: transparent;\n  padding: 0;\n  cursor: pointer;\n\n  &:hover,\n  &:active {\n    text-decoration: underline;\n  }\n\n  &:disabled {\n    color: $ui-primary-color;\n    cursor: default;\n  }\n}\n\n.button {\n  background-color: darken($ui-highlight-color, 3%);\n  border: 10px none;\n  border-radius: 4px;\n  box-sizing: border-box;\n  color: $primary-text-color;\n  cursor: pointer;\n  display: inline-block;\n  font-family: inherit;\n  font-size: 14px;\n  font-weight: 500;\n  height: 36px;\n  letter-spacing: 0;\n  line-height: 36px;\n  overflow: hidden;\n  padding: 0 16px;\n  position: relative;\n  text-align: center;\n  text-transform: uppercase;\n  text-decoration: none;\n  text-overflow: ellipsis;\n  transition: all 100ms ease-in;\n  transition-property: background-color;\n  white-space: nowrap;\n  width: auto;\n\n  &:active,\n  &:focus,\n  &:hover {\n    background-color: lighten($ui-highlight-color, 7%);\n    transition: all 200ms ease-out;\n    transition-property: background-color;\n  }\n\n  &--destructive {\n    transition: none;\n\n    &:active,\n    &:focus,\n    &:hover {\n      background-color: $error-red;\n      transition: none;\n    }\n  }\n\n  &:disabled {\n    background-color: $ui-primary-color;\n    cursor: default;\n  }\n\n  &.button-primary,\n  &.button-alternative,\n  &.button-secondary,\n  &.button-alternative-2 {\n    font-size: 16px;\n    line-height: 36px;\n    height: auto;\n    text-transform: none;\n    padding: 4px 16px;\n  }\n\n  &.button-alternative {\n    color: $inverted-text-color;\n    background: $ui-primary-color;\n\n    &:active,\n    &:focus,\n    &:hover {\n      background-color: lighten($ui-primary-color, 4%);\n    }\n  }\n\n  &.button-alternative-2 {\n    background: $ui-base-lighter-color;\n\n    &:active,\n    &:focus,\n    &:hover {\n      background-color: lighten($ui-base-lighter-color, 4%);\n    }\n  }\n\n  &.button-secondary {\n    font-size: 16px;\n    line-height: 36px;\n    height: auto;\n    color: $darker-text-color;\n    text-transform: none;\n    background: transparent;\n    padding: 3px 15px;\n    border-radius: 4px;\n    border: 1px solid $ui-primary-color;\n\n    &:active,\n    &:focus,\n    &:hover {\n      border-color: lighten($ui-primary-color, 4%);\n      color: lighten($darker-text-color, 4%);\n    }\n\n    &:disabled {\n      opacity: 0.5;\n    }\n  }\n\n  &.button--block {\n    display: block;\n    width: 100%;\n  }\n}\n\n.icon-button {\n  display: inline-block;\n  padding: 0;\n  color: $action-button-color;\n  border: 0;\n  border-radius: 4px;\n  background: transparent;\n  cursor: pointer;\n  transition: all 100ms ease-in;\n  transition-property: background-color, color;\n\n  &:hover,\n  &:active,\n  &:focus {\n    color: lighten($action-button-color, 7%);\n    background-color: rgba($action-button-color, 0.15);\n    transition: all 200ms ease-out;\n    transition-property: background-color, color;\n  }\n\n  &:focus {\n    background-color: rgba($action-button-color, 0.3);\n  }\n\n  &.disabled {\n    color: darken($action-button-color, 13%);\n    background-color: transparent;\n    cursor: default;\n  }\n\n  &.active {\n    color: $highlight-text-color;\n  }\n\n  &::-moz-focus-inner {\n    border: 0;\n  }\n\n  &::-moz-focus-inner,\n  &:focus,\n  &:active {\n    outline: 0 !important;\n  }\n\n  &.inverted {\n    color: $lighter-text-color;\n\n    &:hover,\n    &:active,\n    &:focus {\n      color: darken($lighter-text-color, 7%);\n      background-color: rgba($lighter-text-color, 0.15);\n    }\n\n    &:focus {\n      background-color: rgba($lighter-text-color, 0.3);\n    }\n\n    &.disabled {\n      color: lighten($lighter-text-color, 7%);\n      background-color: transparent;\n    }\n\n    &.active {\n      color: $highlight-text-color;\n\n      &.disabled {\n        color: lighten($highlight-text-color, 13%);\n      }\n    }\n  }\n\n  &.overlayed {\n    box-sizing: content-box;\n    background: rgba($base-overlay-background, 0.6);\n    color: rgba($primary-text-color, 0.7);\n    border-radius: 4px;\n    padding: 2px;\n\n    &:hover {\n      background: rgba($base-overlay-background, 0.9);\n    }\n  }\n}\n\n.text-icon-button {\n  color: $lighter-text-color;\n  border: 0;\n  border-radius: 4px;\n  background: transparent;\n  cursor: pointer;\n  font-weight: 600;\n  font-size: 11px;\n  padding: 0 3px;\n  line-height: 27px;\n  outline: 0;\n  transition: all 100ms ease-in;\n  transition-property: background-color, color;\n\n  &:hover,\n  &:active,\n  &:focus {\n    color: darken($lighter-text-color, 7%);\n    background-color: rgba($lighter-text-color, 0.15);\n    transition: all 200ms ease-out;\n    transition-property: background-color, color;\n  }\n\n  &:focus {\n    background-color: rgba($lighter-text-color, 0.3);\n  }\n\n  &.disabled {\n    color: lighten($lighter-text-color, 20%);\n    background-color: transparent;\n    cursor: default;\n  }\n\n  &.active {\n    color: $highlight-text-color;\n  }\n\n  &::-moz-focus-inner {\n    border: 0;\n  }\n\n  &::-moz-focus-inner,\n  &:focus,\n  &:active {\n    outline: 0 !important;\n  }\n}\n\n.dropdown-menu {\n  position: absolute;\n  transform-origin: 50% 0;\n}\n\n.invisible {\n  font-size: 0;\n  line-height: 0;\n  display: inline-block;\n  width: 0;\n  height: 0;\n  position: absolute;\n\n  img,\n  svg {\n    margin: 0 !important;\n    border: 0 !important;\n    padding: 0 !important;\n    width: 0 !important;\n    height: 0 !important;\n  }\n}\n\n.ellipsis {\n  &::after {\n    content: \"…\";\n  }\n}\n\n.notification__favourite-icon-wrapper {\n  left: 0;\n  position: absolute;\n\n  .fa.star-icon {\n    color: $gold-star;\n  }\n}\n\n.star-icon.active {\n  color: $gold-star;\n}\n\n.bookmark-icon.active {\n  color: $red-bookmark;\n}\n\n.no-reduce-motion .icon-button.star-icon {\n  &.activate {\n    & > .fa-star {\n      animation: spring-rotate-in 1s linear;\n    }\n  }\n\n  &.deactivate {\n    & > .fa-star {\n      animation: spring-rotate-out 1s linear;\n    }\n  }\n}\n\n.notification__display-name {\n  color: inherit;\n  font-weight: 500;\n  text-decoration: none;\n\n  &:hover {\n    color: $primary-text-color;\n    text-decoration: underline;\n  }\n}\n\n.display-name {\n  display: block;\n  max-width: 100%;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n\n  a {\n    color: inherit;\n    text-decoration: inherit;\n  }\n\n  strong {\n    height: 18px;\n    font-size: 16px;\n    font-weight: 500;\n    line-height: 18px;\n    text-overflow: ellipsis;\n    overflow: hidden;\n    white-space: nowrap;\n  }\n\n  span {\n    display: block;\n    height: 18px;\n    font-size: 15px;\n    line-height: 18px;\n    text-overflow: ellipsis;\n    overflow: hidden;\n    white-space: nowrap;\n  }\n\n  > a:hover {\n    strong {\n      text-decoration: underline;\n    }\n  }\n\n  &.inline {\n    padding: 0;\n    height: 18px;\n    font-size: 15px;\n    line-height: 18px;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n    overflow: hidden;\n\n    strong {\n      display: inline;\n      height: auto;\n      font-size: inherit;\n      line-height: inherit;\n    }\n\n    span {\n      display: inline;\n      height: auto;\n      font-size: inherit;\n      line-height: inherit;\n    }\n  }\n}\n\n.display-name__html {\n  font-weight: 500;\n}\n\n.display-name__account {\n  font-size: 14px;\n}\n\n.image-loader {\n  position: relative;\n  width: 100%;\n  height: 100%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  flex-direction: column;\n\n  .image-loader__preview-canvas {\n    max-width: $media-modal-media-max-width;\n    max-height: $media-modal-media-max-height;\n    background: url('~images/void.png') repeat;\n    object-fit: contain;\n  }\n\n  .loading-bar {\n    position: relative;\n  }\n\n  &.image-loader--amorphous .image-loader__preview-canvas {\n    display: none;\n  }\n}\n\n.zoomable-image {\n  position: relative;\n  width: 100%;\n  height: 100%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n\n  img {\n    max-width: $media-modal-media-max-width;\n    max-height: $media-modal-media-max-height;\n    width: auto;\n    height: auto;\n    object-fit: contain;\n  }\n}\n\n.dropdown {\n  display: inline-block;\n}\n\n.dropdown__content {\n  display: none;\n  position: absolute;\n}\n\n.dropdown-menu__separator {\n  border-bottom: 1px solid darken($ui-secondary-color, 8%);\n  margin: 5px 7px 6px;\n  height: 0;\n}\n\n.dropdown-menu {\n  background: $ui-secondary-color;\n  padding: 4px 0;\n  border-radius: 4px;\n  box-shadow: 2px 4px 15px rgba($base-shadow-color, 0.4);\n\n  ul {\n    list-style: none;\n  }\n}\n\n.dropdown-menu__arrow {\n  position: absolute;\n  width: 0;\n  height: 0;\n  border: 0 solid transparent;\n\n  &.left {\n    right: -5px;\n    margin-top: -5px;\n    border-width: 5px 0 5px 5px;\n    border-left-color: $ui-secondary-color;\n  }\n\n  &.top {\n    bottom: -5px;\n    margin-left: -7px;\n    border-width: 5px 7px 0;\n    border-top-color: $ui-secondary-color;\n  }\n\n  &.bottom {\n    top: -5px;\n    margin-left: -7px;\n    border-width: 0 7px 5px;\n    border-bottom-color: $ui-secondary-color;\n  }\n\n  &.right {\n    left: -5px;\n    margin-top: -5px;\n    border-width: 5px 5px 5px 0;\n    border-right-color: $ui-secondary-color;\n  }\n}\n\n.dropdown-menu__item {\n  a {\n    font-size: 13px;\n    line-height: 18px;\n    display: block;\n    padding: 4px 14px;\n    box-sizing: border-box;\n    text-decoration: none;\n    background: $ui-secondary-color;\n    color: $inverted-text-color;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n\n    &:focus,\n    &:hover,\n    &:active {\n      background: $ui-highlight-color;\n      color: $secondary-text-color;\n      outline: 0;\n    }\n  }\n}\n\n.dropdown--active .dropdown__content {\n  display: block;\n  line-height: 18px;\n  max-width: 311px;\n  right: 0;\n  text-align: left;\n  z-index: 9999;\n\n  & > ul {\n    list-style: none;\n    background: $ui-secondary-color;\n    padding: 4px 0;\n    border-radius: 4px;\n    box-shadow: 0 0 15px rgba($base-shadow-color, 0.4);\n    min-width: 140px;\n    position: relative;\n  }\n\n  &.dropdown__right {\n    right: 0;\n  }\n\n  &.dropdown__left {\n    & > ul {\n      left: -98px;\n    }\n  }\n\n  & > ul > li > a {\n    font-size: 13px;\n    line-height: 18px;\n    display: block;\n    padding: 4px 14px;\n    box-sizing: border-box;\n    text-decoration: none;\n    background: $ui-secondary-color;\n    color: $inverted-text-color;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n\n    &:focus {\n      outline: 0;\n    }\n\n    &:hover {\n      background: $ui-highlight-color;\n      color: $secondary-text-color;\n    }\n  }\n}\n\n.dropdown__icon {\n  vertical-align: middle;\n}\n\n.static-content {\n  padding: 10px;\n  padding-top: 20px;\n  color: $dark-text-color;\n\n  h1 {\n    font-size: 16px;\n    font-weight: 500;\n    margin-bottom: 40px;\n    text-align: center;\n  }\n\n  p {\n    font-size: 13px;\n    margin-bottom: 20px;\n  }\n}\n\n.column,\n.drawer {\n  flex: 1 1 100%;\n  overflow: hidden;\n}\n\n@media screen and (min-width: 631px) {\n  .columns-area {\n    padding: 0;\n  }\n\n  .column,\n  .drawer {\n    flex: 0 0 auto;\n    padding: 10px;\n    padding-left: 5px;\n    padding-right: 5px;\n\n    &:first-child {\n      padding-left: 10px;\n    }\n\n    &:last-child {\n      padding-right: 10px;\n    }\n  }\n\n  .columns-area > div {\n    .column,\n    .drawer {\n      padding-left: 5px;\n      padding-right: 5px;\n    }\n  }\n}\n\n.tabs-bar {\n  box-sizing: border-box;\n  display: flex;\n  background: lighten($ui-base-color, 8%);\n  flex: 0 0 auto;\n  overflow-y: auto;\n}\n\n.tabs-bar__link {\n  display: block;\n  flex: 1 1 auto;\n  padding: 15px 10px;\n  padding-bottom: 13px;\n  color: $primary-text-color;\n  text-decoration: none;\n  text-align: center;\n  font-size: 14px;\n  font-weight: 500;\n  border-bottom: 2px solid lighten($ui-base-color, 8%);\n  transition: all 50ms linear;\n  transition-property: border-bottom, background, color;\n\n  .fa {\n    font-weight: 400;\n    font-size: 16px;\n  }\n\n  &:hover,\n  &:focus,\n  &:active {\n    @include multi-columns('screen and (min-width: 631px)') {\n      background: lighten($ui-base-color, 14%);\n      border-bottom-color: lighten($ui-base-color, 14%);\n    }\n  }\n\n  &.active {\n    border-bottom: 2px solid $ui-highlight-color;\n    color: $highlight-text-color;\n  }\n\n  span {\n    margin-left: 5px;\n    display: none;\n  }\n\n  span.icon {\n    margin-left: 0;\n    display: inline;\n  }\n}\n\n.icon-with-badge {\n  position: relative;\n\n  &__badge {\n    position: absolute;\n    left: 9px;\n    top: -13px;\n    background: $ui-highlight-color;\n    border: 2px solid lighten($ui-base-color, 8%);\n    padding: 1px 6px;\n    border-radius: 6px;\n    font-size: 10px;\n    font-weight: 500;\n    line-height: 14px;\n    color: $primary-text-color;\n  }\n}\n\n.column-link--transparent .icon-with-badge__badge {\n  border-color: darken($ui-base-color, 8%);\n}\n\n.scrollable {\n  overflow-y: scroll;\n  overflow-x: hidden;\n  flex: 1 1 auto;\n  -webkit-overflow-scrolling: touch;\n\n  &.optionally-scrollable {\n    overflow-y: auto;\n  }\n\n  @supports(display: grid) { // hack to fix Chrome <57\n    contain: strict;\n  }\n\n  &--flex {\n    display: flex;\n    flex-direction: column;\n  }\n\n  &__append {\n    flex: 1 1 auto;\n    position: relative;\n    min-height: 120px;\n  }\n}\n\n.scrollable.fullscreen {\n  @supports(display: grid) { // hack to fix Chrome <57\n    contain: none;\n  }\n}\n\n.react-toggle {\n  display: inline-block;\n  position: relative;\n  cursor: pointer;\n  background-color: transparent;\n  border: 0;\n  padding: 0;\n  user-select: none;\n  -webkit-tap-highlight-color: rgba($base-overlay-background, 0);\n  -webkit-tap-highlight-color: transparent;\n}\n\n.react-toggle-screenreader-only {\n  border: 0;\n  clip: rect(0 0 0 0);\n  height: 1px;\n  margin: -1px;\n  overflow: hidden;\n  padding: 0;\n  position: absolute;\n  width: 1px;\n}\n\n.react-toggle--disabled {\n  cursor: not-allowed;\n  opacity: 0.5;\n  transition: opacity 0.25s;\n}\n\n.react-toggle-track {\n  width: 50px;\n  height: 24px;\n  padding: 0;\n  border-radius: 30px;\n  background-color: $ui-base-color;\n  transition: background-color 0.2s ease;\n}\n\n.react-toggle:hover:not(.react-toggle--disabled) .react-toggle-track {\n  background-color: darken($ui-base-color, 10%);\n}\n\n.react-toggle--checked .react-toggle-track {\n  background-color: $ui-highlight-color;\n}\n\n.react-toggle--checked:hover:not(.react-toggle--disabled) .react-toggle-track {\n  background-color: lighten($ui-highlight-color, 10%);\n}\n\n.react-toggle-track-check {\n  position: absolute;\n  width: 14px;\n  height: 10px;\n  top: 0;\n  bottom: 0;\n  margin-top: auto;\n  margin-bottom: auto;\n  line-height: 0;\n  left: 8px;\n  opacity: 0;\n  transition: opacity 0.25s ease;\n}\n\n.react-toggle--checked .react-toggle-track-check {\n  opacity: 1;\n  transition: opacity 0.25s ease;\n}\n\n.react-toggle-track-x {\n  position: absolute;\n  width: 10px;\n  height: 10px;\n  top: 0;\n  bottom: 0;\n  margin-top: auto;\n  margin-bottom: auto;\n  line-height: 0;\n  right: 10px;\n  opacity: 1;\n  transition: opacity 0.25s ease;\n}\n\n.react-toggle--checked .react-toggle-track-x {\n  opacity: 0;\n}\n\n.react-toggle-thumb {\n  position: absolute;\n  top: 1px;\n  left: 1px;\n  width: 22px;\n  height: 22px;\n  border: 1px solid $ui-base-color;\n  border-radius: 50%;\n  background-color: darken($simple-background-color, 2%);\n  box-sizing: border-box;\n  transition: all 0.25s ease;\n  transition-property: border-color, left;\n}\n\n.react-toggle--checked .react-toggle-thumb {\n  left: 27px;\n  border-color: $ui-highlight-color;\n}\n\n.getting-started__wrapper,\n.getting_started,\n.flex-spacer {\n  background: $ui-base-color;\n}\n\n.getting-started__wrapper {\n  position: relative;\n  overflow-y: auto;\n}\n\n.flex-spacer {\n  flex: 1 1 auto;\n}\n\n.getting-started {\n  background: $ui-base-color;\n  flex: 1 0 auto;\n\n  p {\n    color: $secondary-text-color;\n  }\n\n  a {\n    color: $dark-text-color;\n  }\n\n  &__panel {\n    height: min-content;\n  }\n\n  &__panel,\n  &__footer {\n    padding: 10px;\n    padding-top: 20px;\n    flex: 0 1 auto;\n\n    ul {\n      margin-bottom: 10px;\n    }\n\n    ul li {\n      display: inline;\n    }\n\n    p {\n      color: $dark-text-color;\n      font-size: 13px;\n\n      a {\n        color: $dark-text-color;\n        text-decoration: underline;\n      }\n    }\n\n    a {\n      text-decoration: none;\n      color: $darker-text-color;\n\n      &:hover,\n      &:focus,\n      &:active {\n        text-decoration: underline;\n      }\n    }\n  }\n\n  &__trends {\n    flex: 0 1 auto;\n    opacity: 1;\n    animation: fade 150ms linear;\n    margin-top: 10px;\n\n    h4 {\n      font-size: 12px;\n      text-transform: uppercase;\n      color: $darker-text-color;\n      padding: 10px;\n      font-weight: 500;\n      border-bottom: 1px solid lighten($ui-base-color, 8%);\n    }\n\n    @media screen and (max-height: 810px) {\n      .trends__item:nth-child(3) {\n        display: none;\n      }\n    }\n\n    @media screen and (max-height: 720px) {\n      .trends__item:nth-child(2) {\n        display: none;\n      }\n    }\n\n    @media screen and (max-height: 670px) {\n      display: none;\n    }\n\n    .trends__item {\n      border-bottom: 0;\n      padding: 10px;\n\n      &__current {\n        color: $darker-text-color;\n      }\n    }\n  }\n}\n\n.column-link__badge {\n  display: inline-block;\n  border-radius: 4px;\n  font-size: 12px;\n  line-height: 19px;\n  font-weight: 500;\n  background: $ui-base-color;\n  padding: 4px 8px;\n  margin: -6px 10px;\n}\n\n.keyboard-shortcuts {\n  padding: 8px 0 0;\n  overflow: hidden;\n\n  thead {\n    position: absolute;\n    left: -9999px;\n  }\n\n  td {\n    padding: 0 10px 8px;\n  }\n\n  kbd {\n    display: inline-block;\n    padding: 3px 5px;\n    background-color: lighten($ui-base-color, 8%);\n    border: 1px solid darken($ui-base-color, 4%);\n  }\n}\n\n.setting-text {\n  color: $darker-text-color;\n  background: transparent;\n  border: none;\n  border-bottom: 2px solid $ui-primary-color;\n  box-sizing: border-box;\n  display: block;\n  font-family: inherit;\n  margin-bottom: 10px;\n  padding: 7px 0;\n  width: 100%;\n\n  &:focus,\n  &:active {\n    color: $primary-text-color;\n    border-bottom-color: $ui-highlight-color;\n  }\n\n  @include limited-single-column('screen and (max-width: 600px)') {\n    font-size: 16px;\n  }\n\n  &.light {\n    color: $inverted-text-color;\n    border-bottom: 2px solid lighten($ui-base-color, 27%);\n\n    &:focus,\n    &:active {\n      color: $inverted-text-color;\n      border-bottom-color: $ui-highlight-color;\n    }\n  }\n}\n\n.no-reduce-motion button.icon-button i.fa-retweet {\n  background-position: 0 0;\n  height: 19px;\n  transition: background-position 0.9s steps(10);\n  transition-duration: 0s;\n  vertical-align: middle;\n  width: 22px;\n\n  &::before {\n    display: none !important;\n  }\n}\n\n.no-reduce-motion button.icon-button.active i.fa-retweet {\n  transition-duration: 0.9s;\n  background-position: 0 100%;\n}\n\n.reduce-motion button.icon-button i.fa-retweet {\n  color: $action-button-color;\n  transition: color 100ms ease-in;\n}\n\n.reduce-motion button.icon-button.active i.fa-retweet {\n  color: $highlight-text-color;\n}\n\n.reduce-motion button.icon-button.disabled i.fa-retweet {\n  color: darken($action-button-color, 13%);\n}\n\n.load-more {\n  display: block;\n  color: $dark-text-color;\n  background-color: transparent;\n  border: 0;\n  font-size: inherit;\n  text-align: center;\n  line-height: inherit;\n  margin: 0;\n  padding: 15px;\n  box-sizing: border-box;\n  width: 100%;\n  clear: both;\n  text-decoration: none;\n\n  &:hover {\n    background: lighten($ui-base-color, 2%);\n  }\n}\n\n.load-gap {\n  border-bottom: 1px solid lighten($ui-base-color, 8%);\n}\n\n.missing-indicator {\n  padding-top: 20px + 48px;\n}\n\n.scrollable > div > :first-child .notification__dismiss-overlay > .wrappy {\n  border-top: 1px solid $ui-base-color;\n}\n\n.notification__dismiss-overlay {\n  overflow: hidden;\n  position: absolute;\n  top: 0;\n  right: 0;\n  bottom: -1px;\n  padding-left: 15px; // space for the box shadow to be visible\n\n  z-index: 999;\n  align-items: center;\n  justify-content: flex-end;\n  cursor: pointer;\n\n  display: flex;\n\n  .wrappy {\n    width: $dismiss-overlay-width;\n    align-self: stretch;\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    justify-content: center;\n    background: lighten($ui-base-color, 8%);\n    border-left: 1px solid lighten($ui-base-color, 20%);\n    box-shadow: 0 0 5px black;\n    border-bottom: 1px solid $ui-base-color;\n  }\n\n  .ckbox {\n    border: 2px solid $ui-primary-color;\n    border-radius: 2px;\n    width: 30px;\n    height: 30px;\n    font-size: 20px;\n    color: $darker-text-color;\n    text-shadow: 0 0 5px black;\n    display: flex;\n    justify-content: center;\n    align-items: center;\n  }\n\n  &:focus {\n    outline: 0 !important;\n\n    .ckbox {\n      box-shadow: 0 0 1px 1px $ui-highlight-color;\n    }\n  }\n}\n\n.text-btn {\n  display: inline-block;\n  padding: 0;\n  font-family: inherit;\n  font-size: inherit;\n  color: inherit;\n  border: 0;\n  background: transparent;\n  cursor: pointer;\n}\n\n.loading-indicator {\n  color: $dark-text-color;\n  font-size: 12px;\n  font-weight: 400;\n  text-transform: uppercase;\n  overflow: visible;\n  position: absolute;\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n\n  span {\n    display: block;\n    float: left;\n    margin-left: 50%;\n    transform: translateX(-50%);\n    margin: 82px 0 0 50%;\n    white-space: nowrap;\n  }\n}\n\n.loading-indicator__figure {\n  position: absolute;\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n  width: 42px;\n  height: 42px;\n  box-sizing: border-box;\n  background-color: transparent;\n  border: 0 solid lighten($ui-base-color, 26%);\n  border-width: 6px;\n  border-radius: 50%;\n}\n\n.no-reduce-motion .loading-indicator span {\n  animation: loader-label 1.15s infinite cubic-bezier(0.215, 0.610, 0.355, 1.000);\n}\n\n.no-reduce-motion .loading-indicator__figure {\n  animation: loader-figure 1.15s infinite cubic-bezier(0.215, 0.610, 0.355, 1.000);\n}\n\n@keyframes spring-rotate-in {\n  0% {\n    transform: rotate(0deg);\n  }\n\n  30% {\n    transform: rotate(-484.8deg);\n  }\n\n  60% {\n    transform: rotate(-316.7deg);\n  }\n\n  90% {\n    transform: rotate(-375deg);\n  }\n\n  100% {\n    transform: rotate(-360deg);\n  }\n}\n\n@keyframes spring-rotate-out {\n  0% {\n    transform: rotate(-360deg);\n  }\n\n  30% {\n    transform: rotate(124.8deg);\n  }\n\n  60% {\n    transform: rotate(-43.27deg);\n  }\n\n  90% {\n    transform: rotate(15deg);\n  }\n\n  100% {\n    transform: rotate(0deg);\n  }\n}\n\n@keyframes loader-figure {\n  0% {\n    width: 0;\n    height: 0;\n    background-color: lighten($ui-base-color, 26%);\n  }\n\n  29% {\n    background-color: lighten($ui-base-color, 26%);\n  }\n\n  30% {\n    width: 42px;\n    height: 42px;\n    background-color: transparent;\n    border-width: 21px;\n    opacity: 1;\n  }\n\n  100% {\n    width: 42px;\n    height: 42px;\n    border-width: 0;\n    opacity: 0;\n    background-color: transparent;\n  }\n}\n\n@keyframes loader-label {\n  0% { opacity: 0.25; }\n  30% { opacity: 1; }\n  100% { opacity: 0.25; }\n}\n\n.spoiler-button {\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  position: absolute;\n  z-index: 100;\n\n  &--minified {\n    display: flex;\n    left: 4px;\n    top: 4px;\n    width: auto;\n    height: auto;\n    align-items: center;\n  }\n\n  &--click-thru {\n    pointer-events: none;\n  }\n\n  &--hidden {\n    display: none;\n  }\n\n  &__overlay {\n    display: block;\n    background: transparent;\n    width: 100%;\n    height: 100%;\n    border: 0;\n\n    &__label {\n      display: inline-block;\n      background: rgba($base-overlay-background, 0.5);\n      border-radius: 8px;\n      padding: 8px 12px;\n      color: $primary-text-color;\n      font-weight: 500;\n      font-size: 14px;\n    }\n\n    &:hover,\n    &:focus,\n    &:active {\n      .spoiler-button__overlay__label {\n        background: rgba($base-overlay-background, 0.8);\n      }\n    }\n\n    &:disabled {\n      .spoiler-button__overlay__label {\n        background: rgba($base-overlay-background, 0.5);\n      }\n    }\n  }\n}\n\n.setting-toggle {\n  display: block;\n  line-height: 24px;\n}\n\n.setting-toggle__label,\n.setting-radio__label,\n.setting-meta__label {\n  color: $darker-text-color;\n  display: inline-block;\n  margin-bottom: 14px;\n  margin-left: 8px;\n  vertical-align: middle;\n}\n\n.setting-radio {\n  display: block;\n  line-height: 18px;\n}\n\n.setting-radio__label {\n  margin-bottom: 0;\n}\n\n.column-settings__row legend {\n  color: $darker-text-color;\n  cursor: default;\n  display: block;\n  font-weight: 500;\n  margin-top: 10px;\n}\n\n.setting-radio__input {\n  vertical-align: middle;\n}\n\n.setting-meta__label {\n  float: right;\n}\n\n@keyframes heartbeat {\n  from {\n    transform: scale(1);\n    transform-origin: center center;\n    animation-timing-function: ease-out;\n  }\n\n  10% {\n    transform: scale(0.91);\n    animation-timing-function: ease-in;\n  }\n\n  17% {\n    transform: scale(0.98);\n    animation-timing-function: ease-out;\n  }\n\n  33% {\n    transform: scale(0.87);\n    animation-timing-function: ease-in;\n  }\n\n  45% {\n    transform: scale(1);\n    animation-timing-function: ease-out;\n  }\n}\n\n.pulse-loading {\n  animation: heartbeat 1.5s ease-in-out infinite both;\n}\n\n.upload-area {\n  align-items: center;\n  background: rgba($base-overlay-background, 0.8);\n  display: flex;\n  height: 100%;\n  justify-content: center;\n  left: 0;\n  opacity: 0;\n  position: absolute;\n  top: 0;\n  visibility: hidden;\n  width: 100%;\n  z-index: 2000;\n\n  * {\n    pointer-events: none;\n  }\n}\n\n.upload-area__drop {\n  width: 320px;\n  height: 160px;\n  display: flex;\n  box-sizing: border-box;\n  position: relative;\n  padding: 8px;\n}\n\n.upload-area__background {\n  position: absolute;\n  top: 0;\n  right: 0;\n  bottom: 0;\n  left: 0;\n  z-index: -1;\n  border-radius: 4px;\n  background: $ui-base-color;\n  box-shadow: 0 0 5px rgba($base-shadow-color, 0.2);\n}\n\n.upload-area__content {\n  flex: 1;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  color: $secondary-text-color;\n  font-size: 18px;\n  font-weight: 500;\n  border: 2px dashed $ui-base-lighter-color;\n  border-radius: 4px;\n}\n\n.dropdown--active .emoji-button img {\n  opacity: 1;\n  filter: none;\n}\n\n.loading-bar {\n  background-color: $ui-highlight-color;\n  height: 3px;\n  position: absolute;\n  top: 0;\n  left: 0;\n  z-index: 9999;\n}\n\n.icon-badge-wrapper {\n  position: relative;\n}\n\n.icon-badge {\n  position: absolute;\n  display: block;\n  right: -.25em;\n  top: -.25em;\n  background-color: $ui-highlight-color;\n  border-radius: 50%;\n  font-size: 75%;\n  width: 1em;\n  height: 1em;\n}\n\n.conversation {\n  display: flex;\n  border-bottom: 1px solid lighten($ui-base-color, 8%);\n  padding: 5px;\n  padding-bottom: 0;\n\n  &:focus {\n    background: lighten($ui-base-color, 2%);\n    outline: 0;\n  }\n\n  &__avatar {\n    flex: 0 0 auto;\n    padding: 10px;\n    padding-top: 12px;\n    position: relative;\n    cursor: pointer;\n  }\n\n  &__unread {\n    display: inline-block;\n    background: $highlight-text-color;\n    border-radius: 50%;\n    width: 0.625rem;\n    height: 0.625rem;\n    margin: -.1ex .15em .1ex;\n  }\n\n  &__content {\n    flex: 1 1 auto;\n    padding: 10px 5px;\n    padding-right: 15px;\n    overflow: hidden;\n\n    &__info {\n      overflow: hidden;\n      display: flex;\n      flex-direction: row-reverse;\n      justify-content: space-between;\n    }\n\n    &__relative-time {\n      font-size: 15px;\n      color: $darker-text-color;\n      padding-left: 15px;\n    }\n\n    &__names {\n      color: $darker-text-color;\n      font-size: 15px;\n      white-space: nowrap;\n      overflow: hidden;\n      text-overflow: ellipsis;\n      margin-bottom: 4px;\n      flex-basis: 90px;\n      flex-grow: 1;\n\n      a {\n        color: $primary-text-color;\n        text-decoration: none;\n\n        &:hover,\n        &:focus,\n        &:active {\n          text-decoration: underline;\n        }\n      }\n    }\n\n    .status__content {\n      margin: 0;\n    }\n  }\n\n  &--unread {\n    background: lighten($ui-base-color, 2%);\n\n    &:focus {\n      background: lighten($ui-base-color, 4%);\n    }\n\n    .conversation__content__info {\n      font-weight: 700;\n    }\n\n    .conversation__content__relative-time {\n      color: $primary-text-color;\n    }\n  }\n}\n\n.ui .flash-message {\n  margin-top: 10px;\n  margin-left: auto;\n  margin-right: auto;\n  margin-bottom: 0;\n  min-width: 75%;\n}\n\n::-webkit-scrollbar-thumb {\n  border-radius: 0;\n}\n\nnoscript {\n  text-align: center;\n\n  img {\n    width: 200px;\n    opacity: 0.5;\n    animation: flicker 4s infinite;\n  }\n\n  div {\n    font-size: 14px;\n    margin: 30px auto;\n    color: $secondary-text-color;\n    max-width: 400px;\n\n    a {\n      color: $highlight-text-color;\n      text-decoration: underline;\n\n      &:hover {\n        text-decoration: none;\n      }\n    }\n\n    a {\n      word-break: break-word;\n    }\n  }\n}\n\n@keyframes flicker {\n  0% { opacity: 1; }\n  30% { opacity: 0.75; }\n  100% { opacity: 1; }\n}\n\n@import 'boost';\n@import 'accounts';\n@import 'domains';\n@import 'status';\n@import 'modal';\n@import 'composer';\n@import 'columns';\n@import 'regeneration_indicator';\n@import 'directory';\n@import 'search';\n@import 'emoji';\n@import 'doodle';\n@import 'drawer';\n@import 'media';\n@import 'sensitive';\n@import 'lists';\n@import 'emoji_picker';\n@import 'local_settings';\n@import 'error_boundary';\n@import 'single_column';\n@import 'announcements';\n","button.icon-button i.fa-retweet {\n  background-image: url(\"data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='22' height='209'><path d='M4.97 3.16c-.1.03-.17.1-.22.18L.8 8.24c-.2.3.03.78.4.8H3.6v2.68c0 4.26-.55 3.62 3.66 3.62h7.66l-2.3-2.84c-.03-.02-.03-.04-.05-.06H7.27c-.44 0-.72-.3-.72-.72v-2.7h2.5c.37.03.63-.48.4-.77L5.5 3.35c-.12-.17-.34-.25-.53-.2zm12.16.43c-.55-.02-1.32.02-2.4.02H7.1l2.32 2.85.03.06h5.25c.42 0 .72.28.72.72v2.7h-2.5c-.36.02-.56.54-.3.8l3.92 4.9c.18.25.6.25.78 0l3.94-4.9c.26-.28 0-.83-.37-.8H18.4v-2.7c0-3.15.4-3.62-1.25-3.66z' fill='#{hex-color($action-button-color)}' stroke-width='0'/><path d='M7.78 19.66c-.24.02-.44.25-.44.5v2.46h-.06c-1.08 0-1.86-.03-2.4-.03-1.64 0-1.25.43-1.25 3.65v4.47c0 4.26-.56 3.62 3.65 3.62H8.5l-1.3-1.06c-.1-.08-.18-.2-.2-.3-.02-.17.06-.35.2-.45l1.33-1.1H7.28c-.44 0-.72-.3-.72-.7v-4.48c0-.44.28-.72.72-.72h.06v2.5c0 .38.54.63.82.38l4.9-3.93c.25-.18.25-.6 0-.78l-4.9-3.92c-.1-.1-.24-.14-.38-.12zm9.34 2.93c-.54-.02-1.3.02-2.4.02h-1.25l1.3 1.07c.1.07.18.2.2.33.02.16-.06.3-.2.4l-1.33 1.1h1.28c.42 0 .72.28.72.72v4.47c0 .42-.3.72-.72.72h-.1v-2.47c0-.3-.3-.53-.6-.47-.07 0-.14.05-.2.1l-4.9 3.93c-.26.18-.26.6 0 .78l4.9 3.92c.27.25.82 0 .8-.38v-2.5h.1c4.27 0 3.65.67 3.65-3.62v-4.47c0-3.15.4-3.62-1.25-3.66zM10.34 38.66c-.24.02-.44.25-.43.5v2.47H7.3c-1.08 0-1.86-.04-2.4-.04-1.64 0-1.25.43-1.25 3.65v4.47c0 3.66-.23 3.7 2.34 3.66l-1.34-1.1c-.1-.08-.18-.2-.2-.3 0-.17.07-.35.2-.45l1.96-1.6c-.03-.06-.04-.13-.04-.2v-4.48c0-.44.28-.72.72-.72H9.9v2.5c0 .36.5.6.8.38l4.93-3.93c.24-.18.24-.6 0-.78l-4.94-3.92c-.1-.08-.23-.13-.36-.12zm5.63 2.93l1.34 1.1c.1.07.18.2.2.33.02.16-.03.3-.16.4l-1.96 1.6c.02.07.06.13.06.22v4.47c0 .42-.3.72-.72.72h-2.66v-2.47c0-.3-.3-.53-.6-.47-.06.02-.12.05-.18.1l-4.94 3.93c-.24.18-.24.6 0 .78l4.94 3.92c.28.22.78-.02.78-.38v-2.5h2.66c4.27 0 3.65.67 3.65-3.62v-4.47c0-3.66.34-3.7-2.4-3.66zM13.06 57.66c-.23.03-.4.26-.4.5v2.47H7.28c-1.08 0-1.86-.04-2.4-.04-1.64 0-1.25.43-1.25 3.65v4.87l2.93-2.37v-2.5c0-.44.28-.72.72-.72h5.38v2.5c0 .36.5.6.78.38l4.94-3.93c.24-.18.24-.6 0-.78l-4.94-3.92c-.1-.1-.24-.14-.38-.12zm5.3 6.15l-2.92 2.4v2.52c0 .42-.3.72-.72.72h-5.4v-2.47c0-.3-.32-.53-.6-.47-.07.02-.13.05-.2.1L3.6 70.52c-.25.18-.25.6 0 .78l4.93 3.92c.28.22.78-.02.78-.38v-2.5h5.42c4.27 0 3.65.67 3.65-3.62v-4.47-.44zM19.25 78.8c-.1.03-.2.1-.28.17l-.9.9c-.44-.3-1.36-.25-3.35-.25H7.28c-1.08 0-1.86-.03-2.4-.03-1.64 0-1.25.43-1.25 3.65v.7l2.93.3v-1c0-.44.28-.72.72-.72h7.44c.2 0 .37.08.5.2l-1.8 1.8c-.25.26-.08.76.27.8l6.27.7c.28.03.56-.25.53-.53l-.7-6.25c0-.27-.3-.48-.55-.44zm-17.2 6.1c-.2.07-.36.3-.33.54l.7 6.25c.02.36.58.55.83.27l.8-.8c.02 0 .04-.02.04 0 .46.24 1.37.17 3.18.17h7.44c4.27 0 3.65.67 3.65-3.62v-.75l-2.93-.3v1.05c0 .42-.3.72-.72.72H7.28c-.15 0-.3-.03-.4-.1L8.8 86.4c.3-.24.1-.8-.27-.84l-6.28-.65h-.2zM4.88 98.6c-1.33 0-1.34.48-1.3 2.3l1.14-1.37c.08-.1.22-.17.34-.2.16 0 .34.08.44.2l1.66 2.03c.04 0 .07-.03.12-.03h7.44c.34 0 .57.2.65.5h-2.43c-.34.05-.53.52-.3.78l3.92 4.95c.18.24.6.24.78 0l3.94-4.94c.22-.27-.02-.76-.37-.77H18.4c.02-3.9.6-3.4-3.66-3.4H7.28c-1.08 0-1.86-.04-2.4-.04zm.15 2.46c-.1.03-.2.1-.28.2l-3.94 4.9c-.2.28.03.77.4.78H3.6c-.02 3.94-.45 3.4 3.66 3.4h7.44c3.65 0 3.74.3 3.7-2.25l-1.1 1.34c-.1.1-.2.17-.32.2-.16 0-.34-.08-.44-.2l-1.65-2.03c-.06.02-.1.04-.18.04H7.28c-.35 0-.57-.2-.66-.5h2.44c.37 0 .63-.5.4-.78l-3.96-4.9c-.1-.15-.3-.23-.47-.2zM4.88 117.6c-1.16 0-1.3.3-1.3 1.56l1.14-1.38c.08-.1.22-.14.34-.16.16 0 .34.04.44.16l2.22 2.75h7c.42 0 .72.28.72.72v.53h-2.6c-.3.1-.43.54-.2.78l3.92 4.9c.18.25.6.25.78 0l3.94-4.9c.22-.28-.02-.77-.37-.78H18.4v-.53c0-4.2.72-3.63-3.66-3.63H7.28c-1.08 0-1.86-.03-2.4-.03zm.1 1.74c-.1.03-.17.1-.23.16L.8 124.44c-.2.28.03.77.4.78H3.6v.5c0 4.26-.55 3.62 3.66 3.62h7.44c1.03 0 1.74.02 2.28 0-.16.02-.34-.03-.44-.15l-2.22-2.76H7.28c-.44 0-.72-.3-.72-.72v-.5h2.5c.37.02.63-.5.4-.78L5.5 119.5c-.12-.15-.34-.22-.53-.16zm12.02 10c1.2-.02 1.4-.25 1.4-1.53l-1.1 1.36c-.07.1-.17.17-.3.18zM5.94 136.6l2.37 2.93h6.42c.42 0 .72.28.72.72v1.25h-2.6c-.3.1-.43.54-.2.78l3.92 4.9c.18.25.6.25.78 0l3.94-4.9c.22-.28-.02-.77-.37-.78H18.4v-1.25c0-4.2.72-3.63-3.66-3.63H7.28c-.6 0-.92-.02-1.34-.03zm-1.72.06c-.4.08-.54.3-.6.75l.6-.74zm.84.93c-.12 0-.24.08-.3.18l-3.95 4.9c-.24.3 0 .83.4.82H3.6v1.22c0 4.26-.55 3.62 3.66 3.62h7.44c.63 0 .97.02 1.4.03l-2.37-2.93H7.28c-.44 0-.72-.3-.72-.72v-1.22h2.5c.4.04.67-.53.4-.8l-3.96-4.92c-.1-.13-.27-.2-.44-.2zm13.28 10.03l-.56.7c.36-.07.5-.3.56-.7zM17.13 155.6c-.55-.02-1.32.03-2.4.03h-8.2l2.38 2.9h5.82c.42 0 .72.28.72.72v1.97H12.9c-.32.06-.48.52-.28.78l3.94 4.94c.2.23.6.22.78-.03l3.94-4.9c.22-.28-.02-.77-.37-.78H18.4v-1.97c0-3.15.4-3.62-1.25-3.66zm-12.1.28c-.1.02-.2.1-.28.18l-3.94 4.9c-.2.3.03.78.4.8H3.6v1.96c0 4.26-.55 3.62 3.66 3.62h8.24l-2.36-2.9H7.28c-.44 0-.72-.3-.72-.72v-1.97h2.5c.37.02.63-.5.4-.78l-3.96-4.9c-.1-.15-.3-.22-.47-.2zM5.13 174.5c-.15 0-.3.07-.38.2L.8 179.6c-.24.27 0 .82.4.8H3.6v2.32c0 4.26-.55 3.62 3.66 3.62h7.94l-2.35-2.9h-5.6c-.43 0-.7-.3-.7-.72v-2.3h2.5c.38.03.66-.54.4-.83l-3.97-4.9c-.1-.13-.23-.2-.38-.2zm12 .1c-.55-.02-1.32.03-2.4.03H6.83l2.35 2.9h5.52c.42 0 .72.28.72.72v2.34h-2.6c-.3.1-.43.53-.2.78l3.92 4.9c.18.24.6.24.78 0l3.94-4.9c.22-.3-.02-.78-.37-.8H18.4v-2.33c0-3.15.4-3.62-1.25-3.66zM4.97 193.16c-.1.03-.17.1-.22.18l-3.94 4.9c-.2.3.03.78.4.8H3.6v2.68c0 4.26-.55 3.62 3.66 3.62h7.66l-2.3-2.84c-.03-.02-.03-.04-.05-.06H7.27c-.44 0-.72-.3-.72-.72v-2.7h2.5c.37.03.63-.48.4-.77l-3.96-4.9c-.12-.17-.34-.25-.53-.2zm12.16.43c-.55-.02-1.32.03-2.4.03H7.1l2.32 2.84.03.06h5.25c.42 0 .72.28.72.72v2.7h-2.5c-.36.02-.56.54-.3.8l3.92 4.9c.18.25.6.25.78 0l3.94-4.9c.26-.28 0-.83-.37-.8H18.4v-2.7c0-3.15.4-3.62-1.25-3.66z' fill='#{hex-color($highlight-text-color)}' stroke-width='0'/></svg>\");\n\n  &:hover {\n    background-image: url(\"data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='22' height='209'><path d='M4.97 3.16c-.1.03-.17.1-.22.18L.8 8.24c-.2.3.03.78.4.8H3.6v2.68c0 4.26-.55 3.62 3.66 3.62h7.66l-2.3-2.84c-.03-.02-.03-.04-.05-.06H7.27c-.44 0-.72-.3-.72-.72v-2.7h2.5c.37.03.63-.48.4-.77L5.5 3.35c-.12-.17-.34-.25-.53-.2zm12.16.43c-.55-.02-1.32.02-2.4.02H7.1l2.32 2.85.03.06h5.25c.42 0 .72.28.72.72v2.7h-2.5c-.36.02-.56.54-.3.8l3.92 4.9c.18.25.6.25.78 0l3.94-4.9c.26-.28 0-.83-.37-.8H18.4v-2.7c0-3.15.4-3.62-1.25-3.66z' fill='#{hex-color(lighten($action-button-color, 7%))}' stroke-width='0'/><path d='M7.78 19.66c-.24.02-.44.25-.44.5v2.46h-.06c-1.08 0-1.86-.03-2.4-.03-1.64 0-1.25.43-1.25 3.65v4.47c0 4.26-.56 3.62 3.65 3.62H8.5l-1.3-1.06c-.1-.08-.18-.2-.2-.3-.02-.17.06-.35.2-.45l1.33-1.1H7.28c-.44 0-.72-.3-.72-.7v-4.48c0-.44.28-.72.72-.72h.06v2.5c0 .38.54.63.82.38l4.9-3.93c.25-.18.25-.6 0-.78l-4.9-3.92c-.1-.1-.24-.14-.38-.12zm9.34 2.93c-.54-.02-1.3.02-2.4.02h-1.25l1.3 1.07c.1.07.18.2.2.33.02.16-.06.3-.2.4l-1.33 1.1h1.28c.42 0 .72.28.72.72v4.47c0 .42-.3.72-.72.72h-.1v-2.47c0-.3-.3-.53-.6-.47-.07 0-.14.05-.2.1l-4.9 3.93c-.26.18-.26.6 0 .78l4.9 3.92c.27.25.82 0 .8-.38v-2.5h.1c4.27 0 3.65.67 3.65-3.62v-4.47c0-3.15.4-3.62-1.25-3.66zM10.34 38.66c-.24.02-.44.25-.43.5v2.47H7.3c-1.08 0-1.86-.04-2.4-.04-1.64 0-1.25.43-1.25 3.65v4.47c0 3.66-.23 3.7 2.34 3.66l-1.34-1.1c-.1-.08-.18-.2-.2-.3 0-.17.07-.35.2-.45l1.96-1.6c-.03-.06-.04-.13-.04-.2v-4.48c0-.44.28-.72.72-.72H9.9v2.5c0 .36.5.6.8.38l4.93-3.93c.24-.18.24-.6 0-.78l-4.94-3.92c-.1-.08-.23-.13-.36-.12zm5.63 2.93l1.34 1.1c.1.07.18.2.2.33.02.16-.03.3-.16.4l-1.96 1.6c.02.07.06.13.06.22v4.47c0 .42-.3.72-.72.72h-2.66v-2.47c0-.3-.3-.53-.6-.47-.06.02-.12.05-.18.1l-4.94 3.93c-.24.18-.24.6 0 .78l4.94 3.92c.28.22.78-.02.78-.38v-2.5h2.66c4.27 0 3.65.67 3.65-3.62v-4.47c0-3.66.34-3.7-2.4-3.66zM13.06 57.66c-.23.03-.4.26-.4.5v2.47H7.28c-1.08 0-1.86-.04-2.4-.04-1.64 0-1.25.43-1.25 3.65v4.87l2.93-2.37v-2.5c0-.44.28-.72.72-.72h5.38v2.5c0 .36.5.6.78.38l4.94-3.93c.24-.18.24-.6 0-.78l-4.94-3.92c-.1-.1-.24-.14-.38-.12zm5.3 6.15l-2.92 2.4v2.52c0 .42-.3.72-.72.72h-5.4v-2.47c0-.3-.32-.53-.6-.47-.07.02-.13.05-.2.1L3.6 70.52c-.25.18-.25.6 0 .78l4.93 3.92c.28.22.78-.02.78-.38v-2.5h5.42c4.27 0 3.65.67 3.65-3.62v-4.47-.44zM19.25 78.8c-.1.03-.2.1-.28.17l-.9.9c-.44-.3-1.36-.25-3.35-.25H7.28c-1.08 0-1.86-.03-2.4-.03-1.64 0-1.25.43-1.25 3.65v.7l2.93.3v-1c0-.44.28-.72.72-.72h7.44c.2 0 .37.08.5.2l-1.8 1.8c-.25.26-.08.76.27.8l6.27.7c.28.03.56-.25.53-.53l-.7-6.25c0-.27-.3-.48-.55-.44zm-17.2 6.1c-.2.07-.36.3-.33.54l.7 6.25c.02.36.58.55.83.27l.8-.8c.02 0 .04-.02.04 0 .46.24 1.37.17 3.18.17h7.44c4.27 0 3.65.67 3.65-3.62v-.75l-2.93-.3v1.05c0 .42-.3.72-.72.72H7.28c-.15 0-.3-.03-.4-.1L8.8 86.4c.3-.24.1-.8-.27-.84l-6.28-.65h-.2zM4.88 98.6c-1.33 0-1.34.48-1.3 2.3l1.14-1.37c.08-.1.22-.17.34-.2.16 0 .34.08.44.2l1.66 2.03c.04 0 .07-.03.12-.03h7.44c.34 0 .57.2.65.5h-2.43c-.34.05-.53.52-.3.78l3.92 4.95c.18.24.6.24.78 0l3.94-4.94c.22-.27-.02-.76-.37-.77H18.4c.02-3.9.6-3.4-3.66-3.4H7.28c-1.08 0-1.86-.04-2.4-.04zm.15 2.46c-.1.03-.2.1-.28.2l-3.94 4.9c-.2.28.03.77.4.78H3.6c-.02 3.94-.45 3.4 3.66 3.4h7.44c3.65 0 3.74.3 3.7-2.25l-1.1 1.34c-.1.1-.2.17-.32.2-.16 0-.34-.08-.44-.2l-1.65-2.03c-.06.02-.1.04-.18.04H7.28c-.35 0-.57-.2-.66-.5h2.44c.37 0 .63-.5.4-.78l-3.96-4.9c-.1-.15-.3-.23-.47-.2zM4.88 117.6c-1.16 0-1.3.3-1.3 1.56l1.14-1.38c.08-.1.22-.14.34-.16.16 0 .34.04.44.16l2.22 2.75h7c.42 0 .72.28.72.72v.53h-2.6c-.3.1-.43.54-.2.78l3.92 4.9c.18.25.6.25.78 0l3.94-4.9c.22-.28-.02-.77-.37-.78H18.4v-.53c0-4.2.72-3.63-3.66-3.63H7.28c-1.08 0-1.86-.03-2.4-.03zm.1 1.74c-.1.03-.17.1-.23.16L.8 124.44c-.2.28.03.77.4.78H3.6v.5c0 4.26-.55 3.62 3.66 3.62h7.44c1.03 0 1.74.02 2.28 0-.16.02-.34-.03-.44-.15l-2.22-2.76H7.28c-.44 0-.72-.3-.72-.72v-.5h2.5c.37.02.63-.5.4-.78L5.5 119.5c-.12-.15-.34-.22-.53-.16zm12.02 10c1.2-.02 1.4-.25 1.4-1.53l-1.1 1.36c-.07.1-.17.17-.3.18zM5.94 136.6l2.37 2.93h6.42c.42 0 .72.28.72.72v1.25h-2.6c-.3.1-.43.54-.2.78l3.92 4.9c.18.25.6.25.78 0l3.94-4.9c.22-.28-.02-.77-.37-.78H18.4v-1.25c0-4.2.72-3.63-3.66-3.63H7.28c-.6 0-.92-.02-1.34-.03zm-1.72.06c-.4.08-.54.3-.6.75l.6-.74zm.84.93c-.12 0-.24.08-.3.18l-3.95 4.9c-.24.3 0 .83.4.82H3.6v1.22c0 4.26-.55 3.62 3.66 3.62h7.44c.63 0 .97.02 1.4.03l-2.37-2.93H7.28c-.44 0-.72-.3-.72-.72v-1.22h2.5c.4.04.67-.53.4-.8l-3.96-4.92c-.1-.13-.27-.2-.44-.2zm13.28 10.03l-.56.7c.36-.07.5-.3.56-.7zM17.13 155.6c-.55-.02-1.32.03-2.4.03h-8.2l2.38 2.9h5.82c.42 0 .72.28.72.72v1.97H12.9c-.32.06-.48.52-.28.78l3.94 4.94c.2.23.6.22.78-.03l3.94-4.9c.22-.28-.02-.77-.37-.78H18.4v-1.97c0-3.15.4-3.62-1.25-3.66zm-12.1.28c-.1.02-.2.1-.28.18l-3.94 4.9c-.2.3.03.78.4.8H3.6v1.96c0 4.26-.55 3.62 3.66 3.62h8.24l-2.36-2.9H7.28c-.44 0-.72-.3-.72-.72v-1.97h2.5c.37.02.63-.5.4-.78l-3.96-4.9c-.1-.15-.3-.22-.47-.2zM5.13 174.5c-.15 0-.3.07-.38.2L.8 179.6c-.24.27 0 .82.4.8H3.6v2.32c0 4.26-.55 3.62 3.66 3.62h7.94l-2.35-2.9h-5.6c-.43 0-.7-.3-.7-.72v-2.3h2.5c.38.03.66-.54.4-.83l-3.97-4.9c-.1-.13-.23-.2-.38-.2zm12 .1c-.55-.02-1.32.03-2.4.03H6.83l2.35 2.9h5.52c.42 0 .72.28.72.72v2.34h-2.6c-.3.1-.43.53-.2.78l3.92 4.9c.18.24.6.24.78 0l3.94-4.9c.22-.3-.02-.78-.37-.8H18.4v-2.33c0-3.15.4-3.62-1.25-3.66zM4.97 193.16c-.1.03-.17.1-.22.18l-3.94 4.9c-.2.3.03.78.4.8H3.6v2.68c0 4.26-.55 3.62 3.66 3.62h7.66l-2.3-2.84c-.03-.02-.03-.04-.05-.06H7.27c-.44 0-.72-.3-.72-.72v-2.7h2.5c.37.03.63-.48.4-.77l-3.96-4.9c-.12-.17-.34-.25-.53-.2zm12.16.43c-.55-.02-1.32.03-2.4.03H7.1l2.32 2.84.03.06h5.25c.42 0 .72.28.72.72v2.7h-2.5c-.36.02-.56.54-.3.8l3.92 4.9c.18.25.6.25.78 0l3.94-4.9c.26-.28 0-.83-.37-.8H18.4v-2.7c0-3.15.4-3.62-1.25-3.66z' fill='#{hex-color($highlight-text-color)}' stroke-width='0'/></svg>\");\n  }\n}\n\n// Disabled variant\nbutton.icon-button.disabled i.fa-retweet {\n  &, &:hover {\n    background-image: url(\"data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='22' height='209'><path d='M4.97 3.16c-.1.03-.17.1-.22.18L.8 8.24c-.2.3.03.78.4.8H3.6v2.68c0 4.26-.55 3.62 3.66 3.62h7.66l-2.3-2.84c-.03-.02-.03-.04-.05-.06H7.27c-.44 0-.72-.3-.72-.72v-2.7h2.5c.37.03.63-.48.4-.77L5.5 3.35c-.12-.17-.34-.25-.53-.2zm12.16.43c-.55-.02-1.32.02-2.4.02H7.1l2.32 2.85.03.06h5.25c.42 0 .72.28.72.72v2.7h-2.5c-.36.02-.56.54-.3.8l3.92 4.9c.18.25.6.25.78 0l3.94-4.9c.26-.28 0-.83-.37-.8H18.4v-2.7c0-3.15.4-3.62-1.25-3.66z' fill='#{hex-color(darken($action-button-color, 13%))}' stroke-width='0'/></svg>\");\n  }\n}\n\n// Disabled variant for use with DMs\n.status-direct button.icon-button.disabled i.fa-retweet {\n  &, &:hover {\n    background-image: url(\"data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='22' height='209'><path d='M4.97 3.16c-.1.03-.17.1-.22.18L.8 8.24c-.2.3.03.78.4.8H3.6v2.68c0 4.26-.55 3.62 3.66 3.62h7.66l-2.3-2.84c-.03-.02-.03-.04-.05-.06H7.27c-.44 0-.72-.3-.72-.72v-2.7h2.5c.37.03.63-.48.4-.77L5.5 3.35c-.12-.17-.34-.25-.53-.2zm12.16.43c-.55-.02-1.32.02-2.4.02H7.1l2.32 2.85.03.06h5.25c.42 0 .72.28.72.72v2.7h-2.5c-.36.02-.56.54-.3.8l3.92 4.9c.18.25.6.25.78 0l3.94-4.9c.26-.28 0-.83-.37-.8H18.4v-2.7c0-3.15.4-3.62-1.25-3.66z' fill='#{hex-color(darken($action-button-color, 13%))}' stroke-width='0'/></svg>\");\n  }\n}\n",".account {\n  padding: 10px;\n  border-bottom: 1px solid lighten($ui-base-color, 8%);\n  color: inherit;\n  text-decoration: none;\n\n  .account__display-name {\n    flex: 1 1 auto;\n    display: block;\n    color: $darker-text-color;\n    overflow: hidden;\n    text-decoration: none;\n    font-size: 14px;\n  }\n\n  &.small {\n    border: none;\n    padding: 0;\n\n    & > .account__avatar-wrapper { margin: 0 8px 0 0 }\n\n    & > .display-name {\n      height: 24px;\n      line-height: 24px;\n    }\n  }\n}\n\n.account__wrapper {\n  display: flex;\n}\n\n.account__avatar-wrapper {\n  float: left;\n  margin-left: 12px;\n  margin-right: 12px;\n}\n\n.account__avatar {\n  @include avatar-radius();\n  position: relative;\n  cursor: pointer;\n\n  &-inline {\n    display: inline-block;\n    vertical-align: middle;\n    margin-right: 5px;\n  }\n\n  &-composite {\n    @include avatar-radius;\n    overflow: hidden;\n    position: relative;\n\n    & div {\n      @include avatar-radius;\n      float: left;\n      position: relative;\n      box-sizing: border-box;\n    }\n\n    &__label {\n      display: block;\n      position: absolute;\n      top: 50%;\n      left: 50%;\n      transform: translate(-50%, -50%);\n      color: $primary-text-color;\n      text-shadow: 1px 1px 2px $base-shadow-color;\n      font-weight: 700;\n      font-size: 15px;\n    }\n  }\n}\n\n.account__avatar-overlay {\n  position: relative;\n  @include avatar-size(48px);\n\n  &-base {\n    @include avatar-radius();\n    @include avatar-size(36px);\n  }\n\n  &-overlay {\n    @include avatar-radius();\n    @include avatar-size(24px);\n\n    position: absolute;\n    bottom: 0;\n    right: 0;\n    z-index: 1;\n  }\n}\n\n.account__relationship {\n  height: 18px;\n  padding: 10px;\n  white-space: nowrap;\n}\n\n.account__header__wrapper {\n  flex: 0 0 auto;\n  background: lighten($ui-base-color, 4%);\n}\n\n.account__disclaimer {\n  padding: 10px;\n  color: $dark-text-color;\n\n  strong {\n    font-weight: 500;\n\n    @each $lang in $cjk-langs {\n      &:lang(#{$lang}) {\n        font-weight: 700;\n      }\n    }\n  }\n\n  a {\n    font-weight: 500;\n    color: inherit;\n    text-decoration: underline;\n\n    &:hover,\n    &:focus,\n    &:active {\n      text-decoration: none;\n    }\n  }\n}\n\n.account__action-bar {\n  border-top: 1px solid lighten($ui-base-color, 8%);\n  border-bottom: 1px solid lighten($ui-base-color, 8%);\n  line-height: 36px;\n  overflow: hidden;\n  flex: 0 0 auto;\n  display: flex;\n}\n\n.account__action-bar-links {\n  display: flex;\n  flex: 1 1 auto;\n  line-height: 18px;\n  text-align: center;\n}\n\n.account__action-bar__tab {\n  text-decoration: none;\n  overflow: hidden;\n  flex: 0 1 100%;\n  border-left: 1px solid lighten($ui-base-color, 8%);\n  padding: 10px 0;\n  border-bottom: 4px solid transparent;\n\n  &:first-child {\n    border-left: 0;\n  }\n\n  &.active {\n    border-bottom: 4px solid $ui-highlight-color;\n  }\n\n  & > span {\n    display: block;\n    text-transform: uppercase;\n    font-size: 11px;\n    color: $darker-text-color;\n  }\n\n  strong {\n    display: block;\n    font-size: 15px;\n    font-weight: 500;\n    color: $primary-text-color;\n\n    @each $lang in $cjk-langs {\n      &:lang(#{$lang}) {\n        font-weight: 700;\n      }\n    }\n  }\n\n  abbr {\n    color: $highlight-text-color;\n  }\n}\n\n.account-authorize {\n  padding: 14px 10px;\n\n  .detailed-status__display-name {\n    display: block;\n    margin-bottom: 15px;\n    overflow: hidden;\n  }\n}\n\n.account-authorize__avatar {\n  float: left;\n  margin-right: 10px;\n}\n\n.notification__message {\n  margin-left: 42px;\n  padding: 8px 0 0 26px;\n  cursor: default;\n  color: $darker-text-color;\n  font-size: 15px;\n  position: relative;\n\n  .fa {\n    color: $highlight-text-color;\n  }\n\n  > span {\n    display: block;\n    overflow: hidden;\n    text-overflow: ellipsis;\n  }\n}\n\n.account--panel {\n  background: lighten($ui-base-color, 4%);\n  border-top: 1px solid lighten($ui-base-color, 8%);\n  border-bottom: 1px solid lighten($ui-base-color, 8%);\n  display: flex;\n  flex-direction: row;\n  padding: 10px 0;\n}\n\n.account--panel__button,\n.detailed-status__button {\n  flex: 1 1 auto;\n  text-align: center;\n}\n\n.column-settings__outer {\n  background: lighten($ui-base-color, 8%);\n  padding: 15px;\n}\n\n.column-settings__section {\n  color: $darker-text-color;\n  cursor: default;\n  display: block;\n  font-weight: 500;\n  margin-bottom: 10px;\n}\n\n.column-settings__hashtags {\n  .column-settings__row {\n    margin-bottom: 15px;\n  }\n\n  .column-select {\n    &__control {\n      @include search-input();\n\n      &::placeholder {\n        color: lighten($darker-text-color, 4%);\n      }\n\n      &::-moz-focus-inner {\n        border: 0;\n      }\n\n      &::-moz-focus-inner,\n      &:focus,\n      &:active {\n        outline: 0 !important;\n      }\n\n      &:focus {\n        background: lighten($ui-base-color, 4%);\n      }\n\n      @media screen and (max-width: 600px) {\n        font-size: 16px;\n      }\n    }\n\n    &__placeholder {\n      color: $dark-text-color;\n      padding-left: 2px;\n      font-size: 12px;\n    }\n\n    &__value-container {\n      padding-left: 6px;\n    }\n\n    &__multi-value {\n      background: lighten($ui-base-color, 8%);\n\n      &__remove {\n        cursor: pointer;\n\n        &:hover,\n        &:active,\n        &:focus {\n          background: lighten($ui-base-color, 12%);\n          color: lighten($darker-text-color, 4%);\n        }\n      }\n    }\n\n    &__multi-value__label,\n    &__input {\n      color: $darker-text-color;\n    }\n\n    &__clear-indicator,\n    &__dropdown-indicator {\n      cursor: pointer;\n      transition: none;\n      color: $dark-text-color;\n\n      &:hover,\n      &:active,\n      &:focus {\n        color: lighten($dark-text-color, 4%);\n      }\n    }\n\n    &__indicator-separator {\n      background-color: lighten($ui-base-color, 8%);\n    }\n\n    &__menu {\n      @include search-popout();\n      padding: 0;\n      background: $ui-secondary-color;\n    }\n\n    &__menu-list {\n      padding: 6px;\n    }\n\n    &__option {\n      color: $inverted-text-color;\n      border-radius: 4px;\n      font-size: 14px;\n\n      &--is-focused,\n      &--is-selected {\n        background: darken($ui-secondary-color, 10%);\n      }\n    }\n  }\n}\n\n.column-settings__row {\n  .text-btn {\n    margin-bottom: 15px;\n  }\n}\n\n.relationship-tag {\n  color: $primary-text-color;\n  margin-bottom: 4px;\n  display: block;\n  vertical-align: top;\n  background-color: $base-overlay-background;\n  text-transform: uppercase;\n  font-size: 11px;\n  font-weight: 500;\n  padding: 4px;\n  border-radius: 4px;\n  opacity: 0.7;\n\n  &:hover {\n    opacity: 1;\n  }\n}\n\n.account-gallery__container {\n  display: flex;\n  flex-wrap: wrap;\n  padding: 4px 2px;\n}\n\n.account-gallery__item {\n  border: none;\n  box-sizing: border-box;\n  display: block;\n  position: relative;\n  border-radius: 4px;\n  overflow: hidden;\n  margin: 2px;\n\n  &__icons {\n    position: absolute;\n    top: 50%;\n    left: 50%;\n    transform: translate(-50%, -50%);\n    font-size: 24px;\n  }\n}\n\n.notification__filter-bar,\n.account__section-headline {\n  background: darken($ui-base-color, 4%);\n  border-bottom: 1px solid lighten($ui-base-color, 8%);\n  cursor: default;\n  display: flex;\n  flex-shrink: 0;\n\n  button {\n    background: darken($ui-base-color, 4%);\n    border: 0;\n    margin: 0;\n  }\n\n  button,\n  a {\n    display: block;\n    flex: 1 1 auto;\n    color: $darker-text-color;\n    padding: 15px 0;\n    font-size: 14px;\n    font-weight: 500;\n    text-align: center;\n    text-decoration: none;\n    position: relative;\n\n    &.active {\n      color: $secondary-text-color;\n\n      &::before,\n      &::after {\n        display: block;\n        content: \"\";\n        position: absolute;\n        bottom: 0;\n        left: 50%;\n        width: 0;\n        height: 0;\n        transform: translateX(-50%);\n        border-style: solid;\n        border-width: 0 10px 10px;\n        border-color: transparent transparent lighten($ui-base-color, 8%);\n      }\n\n      &::after {\n        bottom: -1px;\n        border-color: transparent transparent $ui-base-color;\n      }\n    }\n  }\n\n  &.directory__section-headline {\n    background: darken($ui-base-color, 2%);\n    border-bottom-color: transparent;\n\n    a,\n    button {\n      &.active {\n        &::before {\n          display: none;\n        }\n\n        &::after {\n          border-color: transparent transparent darken($ui-base-color, 7%);\n        }\n      }\n    }\n  }\n}\n\n.account__moved-note {\n  padding: 14px 10px;\n  padding-bottom: 16px;\n  background: lighten($ui-base-color, 4%);\n  border-top: 1px solid lighten($ui-base-color, 8%);\n  border-bottom: 1px solid lighten($ui-base-color, 8%);\n\n  &__message {\n    position: relative;\n    margin-left: 58px;\n    color: $dark-text-color;\n    padding: 8px 0;\n    padding-top: 0;\n    padding-bottom: 4px;\n    font-size: 14px;\n\n    > span {\n      display: block;\n      overflow: hidden;\n      text-overflow: ellipsis;\n    }\n  }\n\n  &__icon-wrapper {\n    left: -26px;\n    position: absolute;\n  }\n\n  .detailed-status__display-avatar {\n    position: relative;\n  }\n\n  .detailed-status__display-name {\n    margin-bottom: 0;\n  }\n}\n\n.account__header__content {\n  color: $darker-text-color;\n  font-size: 14px;\n  font-weight: 400;\n  overflow: hidden;\n  word-break: normal;\n  word-wrap: break-word;\n\n  p {\n    margin-bottom: 20px;\n\n    &:last-child {\n      margin-bottom: 0;\n    }\n  }\n\n  a {\n    color: inherit;\n    text-decoration: underline;\n\n    &:hover {\n      text-decoration: none;\n    }\n  }\n}\n\n.account__header {\n  overflow: hidden;\n\n  &.inactive {\n    opacity: 0.5;\n\n    .account__header__image,\n    .account__avatar {\n      filter: grayscale(100%);\n    }\n  }\n\n  &__info {\n    position: absolute;\n    top: 10px;\n    left: 10px;\n  }\n\n  &__image {\n    overflow: hidden;\n    height: 145px;\n    position: relative;\n    background: darken($ui-base-color, 4%);\n\n    img {\n      object-fit: cover;\n      display: block;\n      width: 100%;\n      height: 100%;\n      margin: 0;\n    }\n  }\n\n  &__bar {\n    position: relative;\n    background: lighten($ui-base-color, 4%);\n    padding: 5px;\n    border-bottom: 1px solid lighten($ui-base-color, 12%);\n\n    .avatar {\n      display: block;\n      flex: 0 0 auto;\n      width: 94px;\n      margin-left: -2px;\n\n      .account__avatar {\n        background: darken($ui-base-color, 8%);\n        border: 2px solid lighten($ui-base-color, 4%);\n      }\n    }\n  }\n\n  &__tabs {\n    display: flex;\n    align-items: flex-start;\n    padding: 7px 5px;\n    margin-top: -55px;\n\n    &__buttons {\n      display: flex;\n      align-items: center;\n      padding-top: 55px;\n      overflow: hidden;\n\n      .icon-button {\n        border: 1px solid lighten($ui-base-color, 12%);\n        border-radius: 4px;\n        box-sizing: content-box;\n        padding: 2px;\n      }\n\n      .button {\n        margin: 0 8px;\n      }\n    }\n\n    &__name {\n      padding: 5px;\n\n      .account-role {\n        vertical-align: top;\n      }\n\n      .emojione {\n        width: 22px;\n        height: 22px;\n      }\n\n      h1 {\n        font-size: 16px;\n        line-height: 24px;\n        color: $primary-text-color;\n        font-weight: 500;\n        overflow: hidden;\n        white-space: nowrap;\n        text-overflow: ellipsis;\n\n        small {\n          display: block;\n          font-size: 14px;\n          color: $darker-text-color;\n          font-weight: 400;\n          overflow: hidden;\n          text-overflow: ellipsis;\n        }\n      }\n    }\n\n    .spacer {\n      flex: 1 1 auto;\n    }\n  }\n\n  &__bio {\n    overflow: hidden;\n    margin: 0 -5px;\n\n    .account__header__content {\n      padding: 20px 15px;\n      padding-bottom: 5px;\n      color: $primary-text-color;\n    }\n\n    .account__header__fields {\n      margin: 0;\n      border-top: 1px solid lighten($ui-base-color, 12%);\n\n      a {\n        color: lighten($ui-highlight-color, 8%);\n      }\n\n      dl:first-child .verified {\n        border-radius: 0 4px 0 0;\n      }\n\n      .verified a {\n        color: $valid-value-color;\n      }\n    }\n  }\n\n  &__extra {\n    margin-top: 4px;\n\n    &__links {\n      font-size: 14px;\n      color: $darker-text-color;\n      padding: 10px 0;\n\n      a {\n        display: inline-block;\n        color: $darker-text-color;\n        text-decoration: none;\n        padding: 5px 10px;\n        font-weight: 500;\n\n        strong {\n          font-weight: 700;\n          color: $primary-text-color;\n        }\n      }\n    }\n  }\n}\n",".domain {\n  padding: 10px;\n  border-bottom: 1px solid lighten($ui-base-color, 8%);\n\n  .domain__domain-name {\n    flex: 1 1 auto;\n    display: block;\n    color: $primary-text-color;\n    text-decoration: none;\n    font-size: 14px;\n    font-weight: 500;\n  }\n}\n\n.domain__wrapper {\n  display: flex;\n}\n\n.domain_buttons {\n  height: 18px;\n  padding: 10px;\n  white-space: nowrap;\n}\n","@keyframes spring-flip-in {\n  0% {\n    transform: rotate(0deg);\n  }\n\n  30% {\n    transform: rotate(-242.4deg);\n  }\n\n  60% {\n    transform: rotate(-158.35deg);\n  }\n\n  90% {\n    transform: rotate(-187.5deg);\n  }\n\n  100% {\n    transform: rotate(-180deg);\n  }\n}\n\n@keyframes spring-flip-out {\n  0% {\n    transform: rotate(-180deg);\n  }\n\n  30% {\n    transform: rotate(62.4deg);\n  }\n\n  60% {\n    transform: rotate(-21.635deg);\n  }\n\n  90% {\n    transform: rotate(7.5deg);\n  }\n\n  100% {\n    transform: rotate(0deg);\n  }\n}\n\n.status__content--with-action {\n  cursor: pointer;\n}\n\n.status__content {\n  position: relative;\n  margin: 10px 0;\n  font-size: 15px;\n  line-height: 20px;\n  word-wrap: break-word;\n  font-weight: 400;\n  overflow: visible;\n  padding-top: 5px;\n\n  &:focus {\n    outline: 0;\n  }\n\n  .emojione {\n    width: 20px;\n    height: 20px;\n    margin: -3px 0 0;\n  }\n\n  img {\n    max-width: 100%;\n    max-height: 400px;\n    object-fit: contain;\n  }\n\n  p, pre, blockquote {\n    margin-bottom: 20px;\n    white-space: pre-wrap;\n\n    &:last-child {\n      margin-bottom: 0;\n    }\n  }\n\n  .status__content__text,\n  .e-content {\n    overflow: hidden;\n\n    & > ul,\n    & > ol {\n      margin-bottom: 20px;\n    }\n\n    h1, h2, h3, h4, h5 {\n      margin-top: 20px;\n      margin-bottom: 20px;\n    }\n\n    h1, h2 {\n      font-weight: 700;\n      font-size: 1.2em;\n    }\n\n    h2 {\n      font-size: 1.1em;\n    }\n\n    h3, h4, h5 {\n      font-weight: 500;\n    }\n\n    blockquote {\n      padding-left: 10px;\n      border-left: 3px solid $darker-text-color;\n      color: $darker-text-color;\n      white-space: normal;\n\n      p:last-child {\n        margin-bottom: 0;\n      }\n    }\n\n    b, strong {\n      font-weight: 700;\n    }\n\n    em, i {\n      font-style: italic;\n    }\n\n    sub {\n      font-size: smaller;\n      text-align: sub;\n    }\n\n    sup {\n      font-size: smaller;\n      vertical-align: super;\n    }\n\n    ul, ol {\n      margin-left: 1em;\n\n      p {\n        margin: 0;\n      }\n    }\n\n    ul {\n      list-style-type: disc;\n    }\n\n    ol {\n      list-style-type: decimal;\n    }\n  }\n\n  a {\n    color: $pleroma-links;\n    text-decoration: none;\n\n    &:hover {\n      text-decoration: underline;\n\n      .fa {\n        color: lighten($dark-text-color, 7%);\n      }\n    }\n\n    &.mention {\n      &:hover {\n        text-decoration: none;\n\n        span {\n          text-decoration: underline;\n        }\n      }\n    }\n\n    .fa {\n      color: $dark-text-color;\n    }\n  }\n\n  .status__content__spoiler {\n    display: none;\n\n    &.status__content__spoiler--visible {\n      display: block;\n    }\n  }\n\n  a.unhandled-link {\n    color: lighten($ui-highlight-color, 8%);\n\n    .link-origin-tag {\n      color: $gold-star;\n      font-size: 0.8em;\n    }\n  }\n\n  .status__content__spoiler-link {\n    background: lighten($ui-base-color, 30%);\n\n    &:hover {\n      background: lighten($ui-base-color, 33%);\n      text-decoration: none;\n    }\n  }\n}\n\n.status__content__spoiler-link {\n  display: inline-block;\n  border-radius: 2px;\n  background: lighten($ui-base-color, 30%);\n  border: none;\n  color: $inverted-text-color;\n  font-weight: 500;\n  font-size: 11px;\n  padding: 0 5px;\n  text-transform: uppercase;\n  line-height: inherit;\n  cursor: pointer;\n  vertical-align: bottom;\n\n  &:hover {\n    background: lighten($ui-base-color, 33%);\n    text-decoration: none;\n  }\n\n  .status__content__spoiler-icon {\n    display: inline-block;\n    margin: 0 0 0 5px;\n    border-left: 1px solid currentColor;\n    padding: 0 0 0 4px;\n    font-size: 16px;\n    vertical-align: -2px;\n  }\n}\n\n.notif-cleaning {\n  .status,\n  .notification-follow,\n  .notification-follow-request {\n    padding-right: ($dismiss-overlay-width + 0.5rem);\n  }\n}\n\n.status__wrapper--filtered {\n  color: $dark-text-color;\n  border: 0;\n  font-size: inherit;\n  text-align: center;\n  line-height: inherit;\n  margin: 0;\n  padding: 15px;\n  box-sizing: border-box;\n  width: 100%;\n  clear: both;\n  border-bottom: 1px solid lighten($ui-base-color, 8%);\n}\n\n.status__prepend-icon-wrapper {\n  left: -26px;\n  position: absolute;\n}\n\n.notification-follow,\n.notification-follow-request {\n  position: relative;\n\n  // same like Status\n  border-bottom: 1px solid lighten($ui-base-color, 8%);\n\n  .account {\n    border-bottom: 0 none;\n  }\n}\n\n.focusable {\n  &:focus {\n    outline: 0;\n    background: lighten($ui-base-color, 4%);\n\n    &.status.status-direct:not(.read) {\n      background: lighten($ui-base-color, 12%);\n\n      &.muted {\n        background: transparent;\n      }\n    }\n\n    .detailed-status,\n    .detailed-status__action-bar {\n      background: lighten($ui-base-color, 8%);\n    }\n  }\n}\n\n.status {\n  padding: 10px 14px;\n  position: relative;\n  height: auto;\n  border-bottom: 1px solid lighten($ui-base-color, 8%);\n  cursor: default;\n\n  @supports (-ms-overflow-style: -ms-autohiding-scrollbar) {\n    // Add margin to avoid Edge auto-hiding scrollbar appearing over content.\n    // On Edge 16 this is 16px and Edge <=15 it's 12px, so aim for 16px.\n    padding-right: 28px; // 12px + 16px\n  }\n\n  @keyframes fade {\n    0% { opacity: 0; }\n    100% { opacity: 1; }\n  }\n\n  opacity: 1;\n  animation: fade 150ms linear;\n\n  .video-player,\n  .audio-player {\n    margin-top: 8px;\n  }\n\n  &.status-direct:not(.read) {\n    background: lighten($ui-base-color, 8%);\n    border-bottom-color: lighten($ui-base-color, 12%);\n  }\n\n  &.light {\n    .status__relative-time {\n      color: $lighter-text-color;\n    }\n\n    .status__display-name {\n      color: $inverted-text-color;\n    }\n\n    .display-name {\n      color: $light-text-color;\n\n      strong {\n        color: $inverted-text-color;\n      }\n    }\n\n    .status__content {\n      color: $inverted-text-color;\n\n      a {\n        color: $highlight-text-color;\n      }\n\n      a.status__content__spoiler-link {\n        color: $primary-text-color;\n        background: $ui-primary-color;\n\n        &:hover {\n          background: lighten($ui-primary-color, 8%);\n        }\n      }\n    }\n  }\n\n  &.collapsed {\n    background-position: center;\n    background-size: cover;\n    user-select: none;\n\n    &.has-background::before {\n      display: block;\n      position: absolute;\n      left: 0;\n      right: 0;\n      top: 0;\n      bottom: 0;\n      background-image: linear-gradient(to bottom, rgba($base-shadow-color, .75), rgba($base-shadow-color, .65) 24px, rgba($base-shadow-color, .8));\n      pointer-events: none;\n      content: \"\";\n    }\n\n    .display-name:hover .display-name__html {\n      text-decoration: none;\n    }\n\n    .status__content {\n      height: 20px;\n      overflow: hidden;\n      text-overflow: ellipsis;\n      padding-top: 0;\n\n      &:after {\n        content: \"\";\n        position: absolute;\n        top: 0; bottom: 0;\n        left: 0; right: 0;\n        background: linear-gradient(rgba($ui-base-color, 0), rgba($ui-base-color, 1));\n        pointer-events: none;\n      }\n      \n      a:hover {\n        text-decoration: none;\n      }\n    }\n    &:focus > .status__content:after {\n      background: linear-gradient(rgba(lighten($ui-base-color, 4%), 0), rgba(lighten($ui-base-color, 4%), 1));\n    }\n    &.status-direct:not(.read)> .status__content:after {\n      background: linear-gradient(rgba(lighten($ui-base-color, 8%), 0), rgba(lighten($ui-base-color, 8%), 1));\n    }\n\n    .notification__message {\n      margin-bottom: 0;\n    }\n\n    .status__info .notification__message > span {\n      white-space: nowrap;\n    }\n  }\n\n  .notification__message {\n    margin: -10px 0px 10px 0;\n  }\n}\n\n.notification-favourite {\n  .status.status-direct {\n    background: transparent;\n\n    .icon-button.disabled {\n      color: lighten($action-button-color, 13%);\n    }\n  }\n}\n\n.status__relative-time {\n  display: inline-block;\n  flex-grow: 1;\n  color: $dark-text-color;\n  font-size: 14px;\n  text-align: right;\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n}\n\n.status__display-name {\n  color: $dark-text-color;\n  overflow: hidden;\n}\n\n.status__info__account .status__display-name {\n  display: block;\n  max-width: 100%;\n}\n\n.status__info {\n  display: flex;\n  justify-content: space-between;\n  font-size: 15px;\n\n  > span {\n    text-overflow: ellipsis;\n    overflow: hidden;\n  }\n\n  .notification__message > span {\n    word-wrap: break-word;\n  }\n}\n\n.status__info__icons {\n  display: flex;\n  align-items: center;\n  height: 1em;\n  color: $action-button-color;\n\n  .status__media-icon,\n  .status__visibility-icon,\n  .status__reply-icon {\n    padding-left: 2px;\n    padding-right: 2px;\n  }\n\n  .status__collapse-button.active > .fa-angle-double-up {\n    transform: rotate(-180deg);\n  }\n}\n\n.no-reduce-motion .status__collapse-button {\n  &.activate {\n    & > .fa-angle-double-up {\n      animation: spring-flip-in 1s linear;\n    }\n  }\n\n  &.deactivate {\n    & > .fa-angle-double-up {\n      animation: spring-flip-out 1s linear;\n    }\n  }\n}\n\n.status__info__account {\n  display: flex;\n  align-items: center;\n  justify-content: flex-start;\n}\n\n.status-check-box {\n  border-bottom: 1px solid $ui-secondary-color;\n  display: flex;\n\n  .status-check-box__status {\n    margin: 10px 0 10px 10px;\n    flex: 1;\n    overflow: hidden;\n\n    .media-gallery {\n      max-width: 250px;\n    }\n\n    .status__content {\n      padding: 0;\n      white-space: normal;\n    }\n\n    .video-player,\n    .audio-player {\n      margin-top: 8px;\n      max-width: 250px;\n    }\n\n    .media-gallery__item-thumbnail {\n      cursor: default;\n    }\n  }\n}\n\n.status-check-box-toggle {\n  align-items: center;\n  display: flex;\n  flex: 0 0 auto;\n  justify-content: center;\n  padding: 10px;\n}\n\n.status__prepend {\n  margin-top: -10px;\n  margin-bottom: 10px;\n  margin-left: 58px;\n  color: $dark-text-color;\n  padding: 8px 0;\n  padding-bottom: 2px;\n  font-size: 14px;\n  position: relative;\n\n  .status__display-name strong {\n    color: $dark-text-color;\n  }\n\n  > span {\n    display: block;\n    overflow: hidden;\n    text-overflow: ellipsis;\n  }\n}\n\n.status__action-bar {\n  align-items: center;\n  display: flex;\n  margin-top: 8px;\n\n  &__counter {\n    display: inline-flex;\n    margin-right: 11px;\n    align-items: center;\n\n    .status__action-bar-button {\n      margin-right: 4px;\n    }\n\n    &__label {\n      display: inline-block;\n      width: 14px;\n      font-size: 12px;\n      font-weight: 500;\n      color: $action-button-color;\n    }\n  }\n}\n\n.status__action-bar-button {\n  margin-right: 18px;\n}\n\n.status__action-bar-dropdown {\n  height: 23.15px;\n  width: 23.15px;\n}\n\n.detailed-status__action-bar-dropdown {\n  flex: 1 1 auto;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  position: relative;\n}\n\n.detailed-status {\n  background: lighten($ui-base-color, 4%);\n  padding: 14px 10px;\n\n  &--flex {\n    display: flex;\n    flex-wrap: wrap;\n    justify-content: space-between;\n    align-items: flex-start;\n\n    .status__content,\n    .detailed-status__meta {\n      flex: 100%;\n    }\n  }\n\n  .status__content {\n    font-size: 19px;\n    line-height: 24px;\n\n    .emojione {\n      width: 24px;\n      height: 24px;\n      margin: -1px 0 0;\n    }\n  }\n\n  .video-player,\n  .audio-player {\n    margin-top: 8px;\n  }\n}\n\n.detailed-status__meta {\n  margin-top: 15px;\n  color: $dark-text-color;\n  font-size: 14px;\n  line-height: 18px;\n}\n\n.detailed-status__action-bar {\n  background: lighten($ui-base-color, 4%);\n  border-top: 1px solid lighten($ui-base-color, 8%);\n  border-bottom: 1px solid lighten($ui-base-color, 8%);\n  display: flex;\n  flex-direction: row;\n  padding: 10px 0;\n}\n\n.detailed-status__link {\n  color: inherit;\n  text-decoration: none;\n}\n\n.detailed-status__favorites,\n.detailed-status__reblogs {\n  display: inline-block;\n  font-weight: 500;\n  font-size: 12px;\n  margin-left: 6px;\n}\n\n.status__display-name,\n.status__relative-time,\n.detailed-status__display-name,\n.detailed-status__datetime,\n.detailed-status__application,\n.account__display-name {\n  text-decoration: none;\n}\n\n.status__display-name,\n.account__display-name {\n  strong {\n    color: $primary-text-color;\n  }\n}\n\n.muted {\n  .emojione {\n    opacity: 0.5;\n  }\n}\n\na.status__display-name,\n.reply-indicator__display-name,\n.detailed-status__display-name,\n.account__display-name {\n  &:hover strong {\n    text-decoration: underline;\n  }\n}\n\n.account__display-name strong {\n  display: block;\n  overflow: hidden;\n  text-overflow: ellipsis;\n}\n\n.detailed-status__application,\n.detailed-status__datetime {\n  color: inherit;\n}\n\n.detailed-status .button.logo-button {\n  margin-bottom: 15px;\n}\n\n.detailed-status__display-name {\n  color: $secondary-text-color;\n  display: block;\n  line-height: 24px;\n  margin-bottom: 15px;\n  overflow: hidden;\n\n  strong,\n  span {\n    display: block;\n    text-overflow: ellipsis;\n    overflow: hidden;\n  }\n\n  strong {\n    font-size: 16px;\n    color: $primary-text-color;\n  }\n}\n\n.detailed-status__display-avatar {\n  float: left;\n  margin-right: 10px;\n}\n\n.status__avatar {\n  flex: none;\n  margin: 0 10px 0 0;\n  height: 48px;\n  width: 48px;\n}\n\n.muted {\n  .status__content,\n  .status__content p,\n  .status__content a,\n  .status__content__text {\n    color: $dark-text-color;\n  }\n\n  .status__display-name strong {\n    color: $dark-text-color;\n  }\n\n  .status__avatar {\n    opacity: 0.5;\n  }\n\n  a.status__content__spoiler-link {\n    background: $ui-base-lighter-color;\n    color: $inverted-text-color;\n\n    &:hover {\n      background: lighten($ui-base-color, 29%);\n      text-decoration: none;\n    }\n  }\n}\n\n.status__relative-time,\n.detailed-status__datetime {\n  &:hover {\n    text-decoration: underline;\n  }\n}\n\n.status-card {\n  display: flex;\n  font-size: 14px;\n  border: 1px solid lighten($ui-base-color, 8%);\n  border-radius: 4px;\n  color: $dark-text-color;\n  margin-top: 14px;\n  text-decoration: none;\n  overflow: hidden;\n\n  &__actions {\n    bottom: 0;\n    left: 0;\n    position: absolute;\n    right: 0;\n    top: 0;\n    display: flex;\n    justify-content: center;\n    align-items: center;\n\n    & > div {\n      background: rgba($base-shadow-color, 0.6);\n      border-radius: 8px;\n      padding: 12px 9px;\n      flex: 0 0 auto;\n      display: flex;\n      justify-content: center;\n      align-items: center;\n    }\n\n    button,\n    a {\n      display: inline;\n      color: $secondary-text-color;\n      background: transparent;\n      border: 0;\n      padding: 0 8px;\n      text-decoration: none;\n      font-size: 18px;\n      line-height: 18px;\n\n      &:hover,\n      &:active,\n      &:focus {\n        color: $primary-text-color;\n      }\n    }\n\n    a {\n      font-size: 19px;\n      position: relative;\n      bottom: -1px;\n    }\n\n    a .fa, a:hover .fa {\n      color: inherit;\n    }\n  }\n}\n\na.status-card {\n  cursor: pointer;\n\n  &:hover {\n    background: lighten($ui-base-color, 8%);\n  }\n}\n\n.status-card-photo {\n  cursor: zoom-in;\n  display: block;\n  text-decoration: none;\n    width: 100%;\n    height: auto;\n    margin: 0;\n}\n\n.status-card-video {\n  iframe {\n    width: 100%;\n    height: 100%;\n  }\n}\n\n.status-card__title {\n  display: block;\n  font-weight: 500;\n  margin-bottom: 5px;\n  color: $darker-text-color;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  text-decoration: none;\n}\n\n.status-card__content {\n  flex: 1 1 auto;\n  overflow: hidden;\n  padding: 14px 14px 14px 8px;\n}\n\n.status-card__description {\n  color: $darker-text-color;\n}\n\n.status-card__host {\n  display: block;\n  margin-top: 5px;\n  font-size: 13px;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n\n.status-card__image {\n  flex: 0 0 100px;\n  background: lighten($ui-base-color, 8%);\n  position: relative;\n\n  & > .fa {\n    font-size: 21px;\n    position: absolute;\n    transform-origin: 50% 50%;\n    top: 50%;\n    left: 50%;\n    transform: translate(-50%, -50%);\n  }\n}\n\n.status-card.horizontal {\n  display: block;\n\n  .status-card__image {\n    width: 100%;\n  }\n\n  .status-card__image-image {\n    border-radius: 4px 4px 0 0;\n  }\n\n  .status-card__title {\n    white-space: inherit;\n  }\n}\n\n.status-card.compact {\n  border-color: lighten($ui-base-color, 4%);\n\n  &.interactive {\n    border: 0;\n  }\n\n  .status-card__content {\n    padding: 8px;\n    padding-top: 10px;\n  }\n\n  .status-card__title {\n    white-space: nowrap;\n  }\n\n  .status-card__image {\n    flex: 0 0 60px;\n  }\n}\n\na.status-card.compact:hover {\n  background-color: lighten($ui-base-color, 4%);\n}\n\n.status-card__image-image {\n  border-radius: 4px 0 0 4px;\n  display: block;\n  margin: 0;\n  width: 100%;\n  height: 100%;\n  object-fit: cover;\n  background-size: cover;\n  background-position: center center;\n}\n\n.attachment-list {\n  display: flex;\n  font-size: 14px;\n  border: 1px solid lighten($ui-base-color, 8%);\n  border-radius: 4px;\n  margin-top: 14px;\n  overflow: hidden;\n\n  &__icon {\n    flex: 0 0 auto;\n    color: $dark-text-color;\n    padding: 8px 18px;\n    cursor: default;\n    border-right: 1px solid lighten($ui-base-color, 8%);\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    justify-content: center;\n    font-size: 26px;\n\n    .fa {\n      display: block;\n    }\n  }\n\n  &__list {\n    list-style: none;\n    padding: 4px 0;\n    padding-left: 8px;\n    display: flex;\n    flex-direction: column;\n    justify-content: center;\n\n    li {\n      display: block;\n      padding: 4px 0;\n    }\n\n    a {\n      text-decoration: none;\n      color: $dark-text-color;\n      font-weight: 500;\n\n      &:hover {\n        text-decoration: underline;\n      }\n    }\n  }\n\n  &.compact {\n    border: 0;\n    margin-top: 4px;\n\n    .attachment-list__list {\n      padding: 0;\n      display: block;\n    }\n\n    .fa {\n      color: $dark-text-color;\n    }\n  }\n}\n\n.status__wrapper--filtered__button {\n  display: inline;\n  color: lighten($ui-highlight-color, 8%);\n  border: 0;\n  background: transparent;\n  padding: 0;\n  font-size: inherit;\n  line-height: inherit;\n\n  &:hover,\n  &:active {\n    text-decoration: underline;\n  }\n}\n",".modal-container--preloader {\n  background: lighten($ui-base-color, 8%);\n}\n\n.modal-root {\n  position: relative;\n  transition: opacity 0.3s linear;\n  will-change: opacity;\n  z-index: 9999;\n}\n\n.modal-root__overlay {\n  position: fixed;\n  top: 0;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  background: rgba($base-overlay-background, 0.7);\n}\n\n.modal-root__container {\n  position: fixed;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  align-content: space-around;\n  z-index: 9999;\n  pointer-events: none;\n  user-select: none;\n}\n\n.modal-root__modal {\n  pointer-events: auto;\n  display: flex;\n  z-index: 9999;\n}\n\n.onboarding-modal,\n.error-modal,\n.embed-modal {\n  background: $ui-secondary-color;\n  color: $inverted-text-color;\n  border-radius: 8px;\n  overflow: hidden;\n  display: flex;\n  flex-direction: column;\n}\n\n.onboarding-modal__pager {\n  height: 80vh;\n  width: 80vw;\n  max-width: 520px;\n  max-height: 470px;\n\n  .react-swipeable-view-container > div {\n    width: 100%;\n    height: 100%;\n    box-sizing: border-box;\n    display: none;\n    flex-direction: column;\n    align-items: center;\n    justify-content: center;\n    display: flex;\n    user-select: text;\n  }\n}\n\n.error-modal__body {\n  height: 80vh;\n  width: 80vw;\n  max-width: 520px;\n  max-height: 420px;\n  position: relative;\n\n  & > div {\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n    box-sizing: border-box;\n    padding: 25px;\n    display: none;\n    flex-direction: column;\n    align-items: center;\n    justify-content: center;\n    display: flex;\n    opacity: 0;\n    user-select: text;\n  }\n}\n\n.error-modal__body {\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  align-items: center;\n  text-align: center;\n}\n\n@media screen and (max-width: 550px) {\n  .onboarding-modal {\n    width: 100%;\n    height: 100%;\n    border-radius: 0;\n  }\n\n  .onboarding-modal__pager {\n    width: 100%;\n    height: auto;\n    max-width: none;\n    max-height: none;\n    flex: 1 1 auto;\n  }\n}\n\n.onboarding-modal__paginator,\n.error-modal__footer {\n  flex: 0 0 auto;\n  background: darken($ui-secondary-color, 8%);\n  display: flex;\n  padding: 25px;\n\n  & > div {\n    min-width: 33px;\n  }\n\n  .onboarding-modal__nav,\n  .error-modal__nav {\n    color: $lighter-text-color;\n    border: 0;\n    font-size: 14px;\n    font-weight: 500;\n    padding: 10px 25px;\n    line-height: inherit;\n    height: auto;\n    margin: -10px;\n    border-radius: 4px;\n    background-color: transparent;\n\n    &:hover,\n    &:focus,\n    &:active {\n      color: darken($lighter-text-color, 4%);\n      background-color: darken($ui-secondary-color, 16%);\n    }\n\n    &.onboarding-modal__done,\n    &.onboarding-modal__next {\n      color: $inverted-text-color;\n\n      &:hover,\n      &:focus,\n      &:active {\n        color: lighten($inverted-text-color, 4%);\n      }\n    }\n  }\n}\n\n.error-modal__footer {\n  justify-content: center;\n}\n\n.onboarding-modal__dots {\n  flex: 1 1 auto;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n\n.onboarding-modal__dot {\n  width: 14px;\n  height: 14px;\n  border-radius: 14px;\n  background: darken($ui-secondary-color, 16%);\n  margin: 0 3px;\n  cursor: pointer;\n\n  &:hover {\n    background: darken($ui-secondary-color, 18%);\n  }\n\n  &.active {\n    cursor: default;\n    background: darken($ui-secondary-color, 24%);\n  }\n}\n\n.onboarding-modal__page__wrapper {\n  pointer-events: none;\n  padding: 25px;\n  padding-bottom: 0;\n\n  &.onboarding-modal__page__wrapper--active {\n    pointer-events: auto;\n  }\n}\n\n.onboarding-modal__page {\n  cursor: default;\n  line-height: 21px;\n\n  h1 {\n    font-size: 18px;\n    font-weight: 500;\n    color: $inverted-text-color;\n    margin-bottom: 20px;\n  }\n\n  a {\n    color: $highlight-text-color;\n\n    &:hover,\n    &:focus,\n    &:active {\n      color: lighten($highlight-text-color, 4%);\n    }\n  }\n\n  .navigation-bar a {\n    color: inherit;\n  }\n\n  p {\n    font-size: 16px;\n    color: $lighter-text-color;\n    margin-top: 10px;\n    margin-bottom: 10px;\n\n    &:last-child {\n      margin-bottom: 0;\n    }\n\n    strong {\n      font-weight: 500;\n      background: $ui-base-color;\n      color: $secondary-text-color;\n      border-radius: 4px;\n      font-size: 14px;\n      padding: 3px 6px;\n\n      @each $lang in $cjk-langs {\n        &:lang(#{$lang}) {\n          font-weight: 700;\n        }\n      }\n    }\n  }\n}\n\n.onboarding-modal__page__wrapper-0 {\n  height: 100%;\n  padding: 0;\n}\n\n.onboarding-modal__page-one {\n  &__lead {\n    padding: 65px;\n    padding-top: 45px;\n    padding-bottom: 0;\n    margin-bottom: 10px;\n\n    h1 {\n      font-size: 26px;\n      line-height: 36px;\n      margin-bottom: 8px;\n    }\n\n    p {\n      margin-bottom: 0;\n    }\n  }\n\n  &__extra {\n    padding-right: 65px;\n    padding-left: 185px;\n    text-align: center;\n  }\n}\n\n.display-case {\n  text-align: center;\n  font-size: 15px;\n  margin-bottom: 15px;\n\n  &__label {\n    font-weight: 500;\n    color: $inverted-text-color;\n    margin-bottom: 5px;\n    text-transform: uppercase;\n    font-size: 12px;\n  }\n\n  &__case {\n    background: $ui-base-color;\n    color: $secondary-text-color;\n    font-weight: 500;\n    padding: 10px;\n    border-radius: 4px;\n  }\n}\n\n.onboarding-modal__page-two,\n.onboarding-modal__page-three,\n.onboarding-modal__page-four,\n.onboarding-modal__page-five {\n  p {\n    text-align: left;\n  }\n\n  .figure {\n    background: darken($ui-base-color, 8%);\n    color: $secondary-text-color;\n    margin-bottom: 20px;\n    border-radius: 4px;\n    padding: 10px;\n    text-align: center;\n    font-size: 14px;\n    box-shadow: 1px 2px 6px rgba($base-shadow-color, 0.3);\n\n    .onboarding-modal__image {\n      border-radius: 4px;\n      margin-bottom: 10px;\n    }\n\n    &.non-interactive {\n      pointer-events: none;\n      text-align: left;\n    }\n  }\n}\n\n.onboarding-modal__page-four__columns {\n  .row {\n    display: flex;\n    margin-bottom: 20px;\n\n    & > div {\n      flex: 1 1 0;\n      margin: 0 10px;\n\n      &:first-child {\n        margin-left: 0;\n      }\n\n      &:last-child {\n        margin-right: 0;\n      }\n\n      p {\n        text-align: center;\n      }\n    }\n\n    &:last-child {\n      margin-bottom: 0;\n    }\n  }\n\n  .column-header {\n    color: $primary-text-color;\n  }\n}\n\n@media screen and (max-width: 320px) and (max-height: 600px) {\n  .onboarding-modal__page p {\n    font-size: 14px;\n    line-height: 20px;\n  }\n\n  .onboarding-modal__page-two .figure,\n  .onboarding-modal__page-three .figure,\n  .onboarding-modal__page-four .figure,\n  .onboarding-modal__page-five .figure {\n    font-size: 12px;\n    margin-bottom: 10px;\n  }\n\n  .onboarding-modal__page-four__columns .row {\n    margin-bottom: 10px;\n  }\n\n  .onboarding-modal__page-four__columns .column-header {\n    padding: 5px;\n    font-size: 12px;\n  }\n}\n\n.onboard-sliders {\n  display: inline-block;\n  max-width: 30px;\n  max-height: auto;\n  margin-left: 10px;\n}\n\n.boost-modal,\n.favourite-modal,\n.confirmation-modal,\n.report-modal,\n.actions-modal,\n.mute-modal,\n.block-modal {\n  background: lighten($ui-secondary-color, 8%);\n  color: $inverted-text-color;\n  border-radius: 8px;\n  overflow: hidden;\n  max-width: 90vw;\n  width: 480px;\n  position: relative;\n  flex-direction: column;\n\n  .status__relative-time {\n    color: $dark-text-color;\n    float: right;\n    font-size: 14px;\n    width: auto;\n    margin: initial;\n    padding: initial;\n  }\n\n  .status__display-name {\n    display: flex;\n  }\n\n  .status__avatar {\n    height: 48px;\n    width: 48px;\n  }\n\n  .status__content__spoiler-link {\n    color: lighten($secondary-text-color, 8%);\n  }\n}\n\n.actions-modal {\n  .status {\n    background: $white;\n    border-bottom-color: $ui-secondary-color;\n    padding-top: 10px;\n    padding-bottom: 10px;\n  }\n\n  .dropdown-menu__separator {\n    border-bottom-color: $ui-secondary-color;\n  }\n}\n\n.boost-modal__container,\n.favourite-modal__container {\n  overflow-x: scroll;\n  padding: 10px;\n\n  .status {\n    user-select: text;\n    border-bottom: 0;\n  }\n}\n\n.boost-modal__action-bar,\n.favourite-modal__action-bar,\n.confirmation-modal__action-bar,\n.mute-modal__action-bar,\n.block-modal__action-bar {\n  display: flex;\n  justify-content: space-between;\n  background: $ui-secondary-color;\n  padding: 10px;\n  line-height: 36px;\n\n  & > div {\n    flex: 1 1 auto;\n    text-align: right;\n    color: $lighter-text-color;\n    padding-right: 10px;\n  }\n\n  .button {\n    flex: 0 0 auto;\n  }\n}\n\n.boost-modal__status-header,\n.favourite-modal__status-header {\n  font-size: 15px;\n}\n\n.boost-modal__status-time,\n.favourite-modal__status-time {\n  float: right;\n  font-size: 14px;\n}\n\n.mute-modal,\n.block-modal {\n  line-height: 24px;\n}\n\n.mute-modal .react-toggle,\n.block-modal .react-toggle {\n  vertical-align: middle;\n}\n\n.report-modal {\n  width: 90vw;\n  max-width: 700px;\n}\n\n.report-modal__container {\n  display: flex;\n  border-top: 1px solid $ui-secondary-color;\n\n  @media screen and (max-width: 480px) {\n    flex-wrap: wrap;\n    overflow-y: auto;\n  }\n}\n\n.report-modal__statuses,\n.report-modal__comment {\n  box-sizing: border-box;\n  width: 50%;\n\n  @media screen and (max-width: 480px) {\n    width: 100%;\n  }\n}\n\n.report-modal__statuses,\n.focal-point-modal__content {\n  flex: 1 1 auto;\n  min-height: 20vh;\n  max-height: 80vh;\n  overflow-y: auto;\n  overflow-x: hidden;\n\n  .status__content a {\n    color: $highlight-text-color;\n  }\n\n  @media screen and (max-width: 480px) {\n    max-height: 10vh;\n  }\n}\n\n.focal-point-modal__content {\n  @media screen and (max-width: 480px) {\n    max-height: 40vh;\n  }\n}\n\n.report-modal__comment {\n  padding: 20px;\n  border-right: 1px solid $ui-secondary-color;\n  max-width: 320px;\n\n  p {\n    font-size: 14px;\n    line-height: 20px;\n    margin-bottom: 20px;\n  }\n\n  .setting-text {\n    display: block;\n    box-sizing: border-box;\n    width: 100%;\n    margin: 0;\n    color: $inverted-text-color;\n    background: $white;\n    padding: 10px;\n    font-family: inherit;\n    font-size: 14px;\n    resize: none;\n    border: 0;\n    outline: 0;\n    border-radius: 4px;\n    border: 1px solid $ui-secondary-color;\n    min-height: 100px;\n    max-height: 50vh;\n    margin-bottom: 10px;\n\n    &:focus {\n      border: 1px solid darken($ui-secondary-color, 8%);\n    }\n\n    &__wrapper {\n      background: $white;\n      border: 1px solid $ui-secondary-color;\n      margin-bottom: 10px;\n      border-radius: 4px;\n\n      .setting-text {\n        border: 0;\n        margin-bottom: 0;\n        border-radius: 0;\n\n        &:focus {\n          border: 0;\n        }\n      }\n\n      &__modifiers {\n        color: $inverted-text-color;\n        font-family: inherit;\n        font-size: 14px;\n        background: $white;\n      }\n    }\n\n    &__toolbar {\n      display: flex;\n      justify-content: space-between;\n      margin-bottom: 20px;\n    }\n  }\n\n  .setting-text-label {\n    display: block;\n    color: $inverted-text-color;\n    font-size: 14px;\n    font-weight: 500;\n    margin-bottom: 10px;\n  }\n\n  .setting-toggle {\n    margin-top: 20px;\n    margin-bottom: 24px;\n\n    &__label {\n      color: $inverted-text-color;\n      font-size: 14px;\n    }\n  }\n\n  @media screen and (max-width: 480px) {\n    padding: 10px;\n    max-width: 100%;\n    order: 2;\n\n    .setting-toggle {\n      margin-bottom: 4px;\n    }\n  }\n}\n\n.actions-modal {\n  .status {\n    overflow-y: auto;\n    max-height: 300px;\n  }\n\n  strong {\n    display: block;\n    font-weight: 500;\n  }\n\n  max-height: 80vh;\n  max-width: 80vw;\n\n  .actions-modal__item-label {\n    font-weight: 500;\n  }\n\n  ul {\n    overflow-y: auto;\n    flex-shrink: 0;\n    max-height: 80vh;\n\n    &.with-status {\n      max-height: calc(80vh - 75px);\n    }\n\n    li:empty {\n      margin: 0;\n    }\n\n    li:not(:empty) {\n      a {\n        color: $inverted-text-color;\n        display: flex;\n        padding: 12px 16px;\n        font-size: 15px;\n        align-items: center;\n        text-decoration: none;\n\n        &,\n        button {\n          transition: none;\n        }\n\n        &.active,\n        &:hover,\n        &:active,\n        &:focus {\n          &,\n          button {\n            background: $ui-highlight-color;\n            color: $primary-text-color;\n          }\n        }\n\n        & > .react-toggle,\n        & > .icon,\n        button:first-child {\n          margin-right: 10px;\n        }\n      }\n    }\n  }\n}\n\n.confirmation-modal__action-bar,\n.mute-modal__action-bar,\n.block-modal__action-bar {\n  .confirmation-modal__secondary-button {\n    flex-shrink: 1;\n  }\n}\n\n.confirmation-modal__secondary-button,\n.confirmation-modal__cancel-button,\n.mute-modal__cancel-button,\n.block-modal__cancel-button {\n  background-color: transparent;\n  color: $lighter-text-color;\n  font-size: 14px;\n  font-weight: 500;\n\n  &:hover,\n  &:focus,\n  &:active {\n    color: darken($lighter-text-color, 4%);\n    background-color: transparent;\n  }\n}\n\n.confirmation-modal__do_not_ask_again {\n  padding-left: 20px;\n  padding-right: 20px;\n  padding-bottom: 10px;\n\n  font-size: 14px;\n\n  label, input {\n    vertical-align: middle;\n  }\n}\n\n.confirmation-modal__container,\n.mute-modal__container,\n.block-modal__container,\n.report-modal__target {\n  padding: 30px;\n  font-size: 16px;\n\n  strong {\n    font-weight: 500;\n\n    @each $lang in $cjk-langs {\n      &:lang(#{$lang}) {\n        font-weight: 700;\n      }\n    }\n  }\n}\n\n.confirmation-modal__container,\n.report-modal__target {\n  text-align: center;\n}\n\n.block-modal,\n.mute-modal {\n  &__explanation {\n    margin-top: 20px;\n  }\n\n  .setting-toggle {\n    margin-top: 20px;\n    margin-bottom: 24px;\n    display: flex;\n    align-items: center;\n\n    &__label {\n      color: $inverted-text-color;\n      margin: 0;\n      margin-left: 8px;\n    }\n  }\n}\n\n.report-modal__target {\n  padding: 15px;\n\n  .media-modal__close {\n    top: 14px;\n    right: 15px;\n  }\n}\n\n.embed-modal {\n  width: auto;\n  max-width: 80vw;\n  max-height: 80vh;\n\n  h4 {\n    padding: 30px;\n    font-weight: 500;\n    font-size: 16px;\n    text-align: center;\n  }\n\n  .embed-modal__container {\n    padding: 10px;\n\n    .hint {\n      margin-bottom: 15px;\n    }\n\n    .embed-modal__html {\n      outline: 0;\n      box-sizing: border-box;\n      display: block;\n      width: 100%;\n      border: none;\n      padding: 10px;\n      font-family: 'mastodon-font-monospace', monospace;\n      background: $ui-base-color;\n      color: $primary-text-color;\n      font-size: 14px;\n      margin: 0;\n      margin-bottom: 15px;\n      border-radius: 4px;\n\n      &::-moz-focus-inner {\n        border: 0;\n      }\n\n      &::-moz-focus-inner,\n      &:focus,\n      &:active {\n        outline: 0 !important;\n      }\n\n      &:focus {\n        background: lighten($ui-base-color, 4%);\n      }\n\n      @media screen and (max-width: 600px) {\n        font-size: 16px;\n      }\n    }\n\n    .embed-modal__iframe {\n      width: 400px;\n      max-width: 100%;\n      overflow: hidden;\n      border: 0;\n      border-radius: 4px;\n    }\n  }\n}\n\n.focal-point {\n  position: relative;\n  cursor: move;\n  overflow: hidden;\n  height: 100%;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  background: $base-shadow-color;\n\n  img,\n  video,\n  canvas {\n    display: block;\n    max-height: 80vh;\n    width: 100%;\n    height: auto;\n    margin: 0;\n    object-fit: contain;\n    background: $base-shadow-color;\n  }\n\n  &__reticle {\n    position: absolute;\n    width: 100px;\n    height: 100px;\n    transform: translate(-50%, -50%);\n    background: url('~images/reticle.png') no-repeat 0 0;\n    border-radius: 50%;\n    box-shadow: 0 0 0 9999em rgba($base-shadow-color, 0.35);\n  }\n\n  &__overlay {\n    position: absolute;\n    width: 100%;\n    height: 100%;\n    top: 0;\n    left: 0;\n  }\n\n  &__preview {\n    position: absolute;\n    bottom: 10px;\n    right: 10px;\n    z-index: 2;\n    cursor: move;\n    transition: opacity 0.1s ease;\n\n    &:hover {\n      opacity: 0.5;\n    }\n\n    strong {\n      color: $primary-text-color;\n      font-size: 14px;\n      font-weight: 500;\n      display: block;\n      margin-bottom: 5px;\n    }\n\n    div {\n      border-radius: 4px;\n      box-shadow: 0 0 14px rgba($base-shadow-color, 0.2);\n    }\n  }\n\n  @media screen and (max-width: 480px) {\n    img,\n    video {\n      max-height: 100%;\n    }\n\n    &__preview {\n      display: none;\n    }\n  }\n}\n\n.filtered-status-info {\n  text-align: start;\n\n  .spoiler__text {\n    margin-top: 20px;\n  }\n\n  .account {\n    border-bottom: 0;\n  }\n\n  .account__display-name strong {\n    color: $inverted-text-color;\n  }\n\n  .status__content__spoiler {\n    display: none;\n\n    &--visible {\n      display: flex;\n    }\n  }\n\n  ul {\n    padding: 10px;\n    margin-left: 12px;\n    list-style: disc inside;\n  }\n\n  .filtered-status-edit-link {\n    color: $action-button-color;\n    text-decoration: none;\n\n    &:hover {\n      text-decoration: underline\n    }\n  }\n}\n",".composer {\n  padding: 10px;\n\n  .emoji-picker-dropdown {\n    position: absolute;\n    top: 0;\n    right: 0;\n\n    ::-webkit-scrollbar-track:hover,\n    ::-webkit-scrollbar-track:active {\n      background-color: rgba($base-overlay-background, 0.3);\n    }\n  }\n}\n\n.character-counter {\n  cursor: default;\n  font-family: $font-sans-serif, sans-serif;\n  font-size: 14px;\n  font-weight: 600;\n  color: $lighter-text-color;\n\n  &.character-counter--over {\n    color: $warning-red;\n  }\n}\n\n.no-reduce-motion .composer--spoiler {\n  transition: height 0.4s ease, opacity 0.4s ease;\n}\n\n.composer--spoiler {\n  height: 0;\n  transform-origin: bottom;\n  opacity: 0.0;\n\n  &.composer--spoiler--visible {\n    height: 36px;\n    margin-bottom: 11px;\n    opacity: 1.0;\n  }\n\n  input {\n    display: block;\n    box-sizing: border-box;\n    margin: 0;\n    border: none;\n    border-radius: 4px;\n    padding: 10px;\n    width: 100%;\n    outline: 0;\n    color: $inverted-text-color;\n    background: $simple-background-color;\n    font-size: 14px;\n    font-family: inherit;\n    resize: vertical;\n\n    &::placeholder {\n      color: $dark-text-color;\n    }\n\n    &:focus { outline: 0 }\n    @include single-column('screen and (max-width: 630px)') { font-size: 16px }\n  }\n}\n\n.composer--warning {\n  color: $inverted-text-color;\n  margin-bottom: 15px;\n  background: $ui-primary-color;\n  box-shadow: 0 2px 6px rgba($base-shadow-color, 0.3);\n  padding: 8px 10px;\n  border-radius: 4px;\n  font-size: 13px;\n  font-weight: 400;\n\n  a {\n    color: $lighter-text-color;\n    font-weight: 500;\n    text-decoration: underline;\n\n    &:active,\n    &:focus,\n    &:hover { text-decoration: none }\n  }\n}\n\n.compose-form__sensitive-button {\n  padding: 10px;\n  padding-top: 0;\n\n  font-size: 14px;\n  font-weight: 500;\n\n  &.active {\n    color: $highlight-text-color;\n  }\n\n  input[type=checkbox] {\n    display: none;\n  }\n\n  .checkbox {\n    display: inline-block;\n    position: relative;\n    border: 1px solid $ui-primary-color;\n    box-sizing: border-box;\n    width: 18px;\n    height: 18px;\n    flex: 0 0 auto;\n    margin-left: 5px;\n    margin-right: 10px;\n    top: -1px;\n    border-radius: 4px;\n    vertical-align: middle;\n\n    &.active {\n      border-color: $highlight-text-color;\n      background: $highlight-text-color;\n    }\n  }\n}\n\n.composer--reply {\n  margin: 0 0 10px;\n  border-radius: 4px;\n  padding: 10px;\n  background: $ui-primary-color;\n  min-height: 23px;\n  overflow-y: auto;\n  flex: 0 2 auto;\n\n  & > header {\n    margin-bottom: 5px;\n    overflow: hidden;\n\n    & > .account.small { color: $inverted-text-color; }\n\n    & > .cancel {\n      float: right;\n      line-height: 24px;\n    }\n  }\n\n  & > .content {\n    position: relative;\n    margin: 10px 0;\n    padding: 0 12px;\n    font-size: 14px;\n    line-height: 20px;\n    color: $inverted-text-color;\n    word-wrap: break-word;\n    font-weight: 400;\n    overflow: visible;\n    white-space: pre-wrap;\n    padding-top: 5px;\n    overflow: hidden;\n\n    p, pre, blockquote {\n      margin-bottom: 20px;\n      white-space: pre-wrap;\n\n      &:last-child {\n        margin-bottom: 0;\n      }\n    }\n\n    h1, h2, h3, h4, h5 {\n      margin-top: 20px;\n      margin-bottom: 20px;\n    }\n\n    h1, h2 {\n      font-weight: 700;\n      font-size: 18px;\n    }\n\n    h2 {\n      font-size: 16px;\n    }\n\n    h3, h4, h5 {\n      font-weight: 500;\n    }\n\n    blockquote {\n      padding-left: 10px;\n      border-left: 3px solid $inverted-text-color;\n      color: $inverted-text-color;\n      white-space: normal;\n\n      p:last-child {\n        margin-bottom: 0;\n      }\n    }\n\n    b, strong {\n      font-weight: 700;\n    }\n\n    em, i {\n      font-style: italic;\n    }\n\n    sub {\n      font-size: smaller;\n      text-align: sub;\n    }\n\n    ul, ol {\n      margin-left: 1em;\n\n      p {\n        margin: 0;\n      }\n    }\n\n    ul {\n      list-style-type: disc;\n    }\n\n    ol {\n      list-style-type: decimal;\n    }\n\n    a {\n      color: $lighter-text-color;\n      text-decoration: none;\n\n      &:hover { text-decoration: underline }\n\n      &.mention {\n        &:hover {\n          text-decoration: none;\n\n          span { text-decoration: underline }\n        }\n      }\n    }\n  }\n\n  .emojione {\n    width: 20px;\n    height: 20px;\n    margin: -5px 0 0;\n  }\n}\n\n.compose-form__autosuggest-wrapper,\n.autosuggest-input {\n  position: relative;\n  width: 100%;\n\n  label {\n    .autosuggest-textarea__textarea {\n      display: block;\n      box-sizing: border-box;\n      margin: 0;\n      border: none;\n      border-radius: 4px 4px 0 0;\n      padding: 10px 32px 0 10px;\n      width: 100%;\n      min-height: 100px;\n      outline: 0;\n      color: $inverted-text-color;\n      background: $simple-background-color;\n      font-size: 14px;\n      font-family: inherit;\n      resize: none;\n      scrollbar-color: initial;\n\n      &::placeholder {\n        color: $dark-text-color;\n      }\n\n      &::-webkit-scrollbar {\n        all: unset;\n      }\n\n      &:disabled { background: $ui-secondary-color }\n      &:focus { outline: 0 }\n      @include single-column('screen and (max-width: 630px)') { font-size: 16px }\n\n      @include limited-single-column('screen and (max-width: 600px)') {\n        height: 100px !important; // prevent auto-resize textarea\n        resize: vertical;\n      }\n    }\n  }\n}\n\n.composer--textarea--icons {\n  display: block;\n  position: absolute;\n  top: 29px;\n  right: 5px;\n  bottom: 5px;\n  overflow: hidden;\n\n  & > .textarea_icon {\n    display: block;\n    margin: 2px 0 0 2px;\n    width: 24px;\n    height: 24px;\n    color: $lighter-text-color;\n    font-size: 18px;\n    line-height: 24px;\n    text-align: center;\n    opacity: .8;\n  }\n}\n\n.autosuggest-textarea__suggestions-wrapper {\n  position: relative;\n  height: 0;\n}\n\n.autosuggest-textarea__suggestions {\n  display: block;\n  position: absolute;\n  box-sizing: border-box;\n  top: 100%;\n  border-radius: 0 0 4px 4px;\n  padding: 6px;\n  width: 100%;\n  color: $inverted-text-color;\n  background: $ui-secondary-color;\n  box-shadow: 4px 4px 6px rgba($base-shadow-color, 0.4);\n  font-size: 14px;\n  z-index: 99;\n  display: none;\n}\n\n.autosuggest-textarea__suggestions--visible {\n  display: block;\n}\n\n.autosuggest-textarea__suggestions__item {\n  padding: 10px;\n  cursor: pointer;\n  border-radius: 4px;\n\n  &:hover,\n  &:focus,\n  &:active,\n  &.selected { background: darken($ui-secondary-color, 10%) }\n\n  > .account,\n  > .emoji,\n  > .autosuggest-hashtag {\n    display: flex;\n    flex-direction: row;\n    align-items: center;\n    justify-content: flex-start;\n    line-height: 18px;\n    font-size: 14px;\n  }\n\n  .autosuggest-hashtag {\n    justify-content: space-between;\n\n    &__name {\n      flex: 1 1 auto;\n      overflow: hidden;\n      text-overflow: ellipsis;\n      white-space: nowrap;\n    }\n\n    strong {\n      font-weight: 500;\n    }\n\n    &__uses {\n      flex: 0 0 auto;\n      text-align: right;\n      overflow: hidden;\n      text-overflow: ellipsis;\n      white-space: nowrap;\n    }\n  }\n\n  & > .account.small {\n    .display-name {\n      & > span { color: $lighter-text-color }\n    }\n  }\n}\n\n.composer--upload_form {\n  overflow: hidden;\n\n  & > .content {\n    display: flex;\n    flex-direction: row;\n    flex-wrap: wrap;\n    font-family: inherit;\n    padding: 5px;\n    overflow: hidden;\n  }\n}\n\n.composer--upload_form--item {\n  flex: 1 1 0;\n  margin: 5px;\n  min-width: 40%;\n\n  & > div {\n    position: relative;\n    border-radius: 4px;\n    height: 140px;\n    width: 100%;\n    background-color: $base-shadow-color;\n    background-position: center;\n    background-size: cover;\n    background-repeat: no-repeat;\n    overflow: hidden;\n\n    textarea {\n      display: block;\n      position: absolute;\n      box-sizing: border-box;\n      bottom: 0;\n      left: 0;\n      margin: 0;\n      border: 0;\n      padding: 10px;\n      width: 100%;\n      color: $secondary-text-color;\n      background: linear-gradient(0deg, rgba($base-shadow-color, 0.8) 0, rgba($base-shadow-color, 0.35) 80%, transparent);\n      font-size: 14px;\n      font-family: inherit;\n      font-weight: 500;\n      opacity: 0;\n      z-index: 2;\n      transition: opacity .1s ease;\n\n      &:focus { color: $white }\n\n      &::placeholder {\n        opacity: 0.54;\n        color: $secondary-text-color;\n      }\n    }\n\n    & > .close { mix-blend-mode: difference }\n  }\n\n  &.active {\n    & > div {\n      textarea { opacity: 1 }\n    }\n  }\n}\n\n.composer--upload_form--actions {\n  background: linear-gradient(180deg, rgba($base-shadow-color, 0.8) 0, rgba($base-shadow-color, 0.35) 80%, transparent);\n  display: flex;\n  align-items: flex-start;\n  justify-content: space-between;\n  opacity: 0;\n  transition: opacity .1s ease;\n\n  .icon-button {\n    flex: 0 1 auto;\n    color: $ui-secondary-color;\n    font-size: 14px;\n    font-weight: 500;\n    padding: 10px;\n    font-family: inherit;\n\n    &:hover,\n    &:focus,\n    &:active {\n      color: lighten($ui-secondary-color, 4%);\n    }\n  }\n\n  &.active {\n    opacity: 1;\n  }\n}\n\n.composer--upload_form--progress {\n  display: flex;\n  padding: 10px;\n  color: $darker-text-color;\n  overflow: hidden;\n\n  & > .fa {\n    font-size: 34px;\n    margin-right: 10px;\n  }\n\n  & > .message {\n    flex: 1 1 auto;\n\n    & > span {\n      display: block;\n      font-size: 12px;\n      font-weight: 500;\n      text-transform: uppercase;\n    }\n\n    & > .backdrop {\n      position: relative;\n      margin-top: 5px;\n      border-radius: 6px;\n      width: 100%;\n      height: 6px;\n      background: $ui-base-lighter-color;\n\n      & > .tracker {\n        position: absolute;\n        top: 0;\n        left: 0;\n        height: 6px;\n        border-radius: 6px;\n        background: $ui-highlight-color;\n      }\n    }\n  }\n}\n\n.compose-form__modifiers {\n  color: $inverted-text-color;\n  font-family: inherit;\n  font-size: 14px;\n  background: $simple-background-color;\n}\n\n.composer--options-wrapper {\n  padding: 10px;\n  background: darken($simple-background-color, 8%);\n  border-radius: 0 0 4px 4px;\n  height: 27px;\n  display: flex;\n  justify-content: space-between;\n  flex: 0 0 auto;\n}\n\n.composer--options {\n  display: flex;\n  flex: 0 0 auto;\n\n  & > * {\n    display: inline-block;\n    box-sizing: content-box;\n    padding: 0 3px;\n    height: 27px;\n    line-height: 27px;\n    vertical-align: bottom;\n  }\n\n  & > hr {\n    display: inline-block;\n    margin: 0 3px;\n    border-width: 0 0 0 1px;\n    border-style: none none none solid;\n    border-color: transparent transparent transparent darken($simple-background-color, 24%);\n    padding: 0;\n    width: 0;\n    height: 27px;\n    background: transparent;\n  }\n}\n\n.compose--counter-wrapper {\n  align-self: center;\n  margin-right: 4px;\n}\n\n.composer--options--dropdown {\n  &.open {\n    & > .value {\n      border-radius: 4px 4px 0 0;\n      box-shadow: 0 -4px 4px rgba($base-shadow-color, 0.1);\n      color: $primary-text-color;\n      background: $ui-highlight-color;\n      transition: none;\n    }\n    &.top {\n      & > .value {\n        border-radius: 0 0 4px 4px;\n        box-shadow: 0 4px 4px rgba($base-shadow-color, 0.1);\n      }\n    }\n  }\n}\n\n.composer--options--dropdown--content {\n  position: absolute;\n  border-radius: 4px;\n  box-shadow: 2px 4px 15px rgba($base-shadow-color, 0.4);\n  background: $simple-background-color;\n  overflow: hidden;\n  transform-origin: 50% 0;\n}\n\n.composer--options--dropdown--content--item {\n  display: flex;\n  align-items: center;\n  padding: 10px;\n  color: $inverted-text-color;\n  cursor: pointer;\n\n  & > .content {\n    flex: 1 1 auto;\n    color: $lighter-text-color;\n\n    &:not(:first-child) { margin-left: 10px }\n\n    strong {\n      display: block;\n      color: $inverted-text-color;\n      font-weight: 500;\n    }\n  }\n\n  &:hover,\n  &.active {\n    background: $ui-highlight-color;\n    color: $primary-text-color;\n\n    & > .content {\n      color: $primary-text-color;\n\n      strong { color: $primary-text-color }\n    }\n  }\n\n  &.active:hover { background: lighten($ui-highlight-color, 4%) }\n}\n\n.composer--publisher {\n  padding-top: 10px;\n  text-align: right;\n  white-space: nowrap;\n  overflow: hidden;\n  justify-content: flex-end;\n  flex: 0 0 auto;\n\n  & > .primary {\n    display: inline-block;\n    margin: 0;\n    padding: 0 10px;\n    text-align: center;\n  }\n\n  & > .side_arm {\n    display: inline-block;\n    margin: 0 2px;\n    padding: 0;\n    width: 36px;\n    text-align: center;\n  }\n\n  &.over {\n    & > .count { color: $warning-red }\n  }\n}\n",".column__wrapper {\n  display: flex;\n  flex: 1 1 auto;\n  position: relative;\n}\n\n.columns-area {\n  display: flex;\n  flex: 1 1 auto;\n  flex-direction: row;\n  justify-content: flex-start;\n  overflow-x: auto;\n  position: relative;\n\n  &__panels {\n    display: flex;\n    justify-content: center;\n    width: 100%;\n    height: 100%;\n    min-height: 100vh;\n\n    &__pane {\n      height: 100%;\n      overflow: hidden;\n      pointer-events: none;\n      display: flex;\n      justify-content: flex-end;\n      min-width: 285px;\n\n      &--start {\n        justify-content: flex-start;\n      }\n\n      &__inner {\n        position: fixed;\n        width: 285px;\n        pointer-events: auto;\n        height: 100%;\n      }\n    }\n\n    &__main {\n      box-sizing: border-box;\n      width: 100%;\n      max-width: 600px;\n      flex: 0 0 auto;\n      display: flex;\n      flex-direction: column;\n\n      @media screen and (min-width: $no-gap-breakpoint) {\n        padding: 0 10px;\n      }\n    }\n  }\n}\n\n.tabs-bar__wrapper {\n  background: darken($ui-base-color, 8%);\n  position: sticky;\n  top: 0;\n  z-index: 2;\n  padding-top: 0;\n\n  @media screen and (min-width: $no-gap-breakpoint) {\n    padding-top: 10px;\n  }\n\n  .tabs-bar {\n    margin-bottom: 0;\n\n    @media screen and (min-width: $no-gap-breakpoint) {\n      margin-bottom: 10px;\n    }\n  }\n}\n\n.react-swipeable-view-container {\n  &,\n  .columns-area,\n  .column {\n    height: 100%;\n  }\n}\n\n.react-swipeable-view-container > * {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  height: 100%;\n}\n\n.column {\n  width: 330px;\n  position: relative;\n  box-sizing: border-box;\n  display: flex;\n  flex-direction: column;\n\n  > .scrollable {\n    background: $ui-base-color;\n  }\n}\n\n.ui {\n  flex: 0 0 auto;\n  display: flex;\n  flex-direction: column;\n  width: 100%;\n  height: 100%;\n}\n\n.column {\n  overflow: hidden;\n}\n\n.column-back-button {\n  box-sizing: border-box;\n  width: 100%;\n  background: lighten($ui-base-color, 4%);\n  color: $highlight-text-color;\n  cursor: pointer;\n  flex: 0 0 auto;\n  font-size: 16px;\n  border: 0;\n  text-align: unset;\n  padding: 15px;\n  margin: 0;\n  z-index: 3;\n\n  &:hover {\n    text-decoration: underline;\n  }\n}\n\n.column-header__back-button {\n  background: lighten($ui-base-color, 4%);\n  border: 0;\n  font-family: inherit;\n  color: $highlight-text-color;\n  cursor: pointer;\n  flex: 0 0 auto;\n  font-size: 16px;\n  padding: 0 5px 0 0;\n  z-index: 3;\n\n  &:hover {\n    text-decoration: underline;\n  }\n\n  &:last-child {\n    padding: 0 15px 0 0;\n  }\n}\n\n.column-back-button__icon {\n  display: inline-block;\n  margin-right: 5px;\n}\n\n.column-back-button--slim {\n  position: relative;\n}\n\n.column-back-button--slim-button {\n  cursor: pointer;\n  flex: 0 0 auto;\n  font-size: 16px;\n  padding: 15px;\n  position: absolute;\n  right: 0;\n  top: -48px;\n}\n\n.column-link {\n  background: lighten($ui-base-color, 8%);\n  color: $primary-text-color;\n  display: block;\n  font-size: 16px;\n  padding: 15px;\n  text-decoration: none;\n\n  &:hover,\n  &:focus,\n  &:active {\n    background: lighten($ui-base-color, 11%);\n  }\n\n  &:focus {\n    outline: 0;\n  }\n\n  &--transparent {\n    background: transparent;\n    color: $ui-secondary-color;\n\n    &:hover,\n    &:focus,\n    &:active {\n      background: transparent;\n      color: $primary-text-color;\n    }\n\n    &.active {\n      color: $ui-highlight-color;\n    }\n  }\n}\n\n.column-link__icon {\n  display: inline-block;\n  margin-right: 5px;\n}\n\n.column-subheading {\n  background: $ui-base-color;\n  color: $dark-text-color;\n  padding: 8px 20px;\n  font-size: 12px;\n  font-weight: 500;\n  text-transform: uppercase;\n  cursor: default;\n}\n\n.column-header__wrapper {\n  position: relative;\n  flex: 0 0 auto;\n  z-index: 1;\n\n  &.active {\n    box-shadow: 0 1px 0 rgba($highlight-text-color, 0.3);\n\n    &::before {\n      display: block;\n      content: \"\";\n      position: absolute;\n      bottom: -13px;\n      left: 0;\n      right: 0;\n      margin: 0 auto;\n      width: 60%;\n      pointer-events: none;\n      height: 28px;\n      z-index: 1;\n      background: radial-gradient(ellipse, rgba($ui-highlight-color, 0.23) 0%, rgba($ui-highlight-color, 0) 60%);\n    }\n  }\n\n  .announcements {\n    z-index: 1;\n    position: relative;\n  }\n}\n\n.column-header {\n  display: flex;\n  font-size: 16px;\n  background: lighten($ui-base-color, 4%);\n  flex: 0 0 auto;\n  cursor: pointer;\n  position: relative;\n  z-index: 2;\n  outline: 0;\n  overflow: hidden;\n\n  & > button {\n    margin: 0;\n    border: none;\n    padding: 15px;\n    color: inherit;\n    background: transparent;\n    font: inherit;\n    text-align: left;\n    text-overflow: ellipsis;\n    overflow: hidden;\n    white-space: nowrap;\n    flex: 1;\n  }\n\n  & > .column-header__back-button {\n    color: $highlight-text-color;\n  }\n\n  &.active {\n    .column-header__icon {\n      color: $highlight-text-color;\n      text-shadow: 0 0 10px rgba($ui-highlight-color, 0.4);\n    }\n  }\n\n  &:focus,\n  &:active {\n    outline: 0;\n  }\n}\n\n.column {\n  width: 330px;\n  position: relative;\n  box-sizing: border-box;\n  display: flex;\n  flex-direction: column;\n  overflow: hidden;\n\n  .wide .columns-area:not(.columns-area--mobile) & {\n    flex: auto;\n    min-width: 330px;\n    max-width: 400px;\n  }\n\n  > .scrollable {\n    background: $ui-base-color;\n  }\n}\n\n.column-header__buttons {\n  height: 48px;\n  display: flex;\n  margin-left: 0;\n}\n\n.column-header__links {\n  margin-bottom: 14px;\n}\n\n.column-header__links .text-btn {\n  margin-right: 10px;\n}\n\n.column-header__button {\n  background: lighten($ui-base-color, 4%);\n  border: 0;\n  color: $darker-text-color;\n  cursor: pointer;\n  font-size: 16px;\n  padding: 0 15px;\n\n  &:hover {\n    color: lighten($darker-text-color, 7%);\n  }\n\n  &.active {\n    color: $primary-text-color;\n    background: lighten($ui-base-color, 8%);\n\n    &:hover {\n      color: $primary-text-color;\n      background: lighten($ui-base-color, 8%);\n    }\n  }\n\n  // glitch - added focus ring for keyboard navigation\n  &:focus {\n    text-shadow: 0 0 4px darken($ui-highlight-color, 5%);\n  }\n}\n\n.column-header__notif-cleaning-buttons {\n  display: flex;\n  align-items: stretch;\n  justify-content: space-around;\n\n  button {\n    @extend .column-header__button;\n    background: transparent;\n    text-align: center;\n    padding: 10px 0;\n    white-space: pre-wrap;\n  }\n\n  b {\n    font-weight: bold;\n  }\n}\n\n// The notifs drawer with no padding to have more space for the buttons\n.column-header__collapsible-inner.nopad-drawer {\n  padding: 0;\n}\n\n.column-header__collapsible {\n  max-height: 70vh;\n  overflow: hidden;\n  overflow-y: auto;\n  color: $darker-text-color;\n  transition: max-height 150ms ease-in-out, opacity 300ms linear;\n  opacity: 1;\n  z-index: 1;\n  position: relative;\n\n  &.collapsed {\n    max-height: 0;\n    opacity: 0.5;\n  }\n\n  &.animating {\n    overflow-y: hidden;\n  }\n\n  hr {\n    height: 0;\n    background: transparent;\n    border: 0;\n    border-top: 1px solid lighten($ui-base-color, 12%);\n    margin: 10px 0;\n  }\n\n  // notif cleaning drawer\n  &.ncd {\n    transition: none;\n    &.collapsed {\n      max-height: 0;\n      opacity: 0.7;\n    }\n  }\n}\n\n.column-header__collapsible-inner {\n  background: lighten($ui-base-color, 8%);\n  padding: 15px;\n}\n\n.column-header__setting-btn {\n  &:hover {\n    color: $darker-text-color;\n    text-decoration: underline;\n  }\n}\n\n.column-header__setting-arrows {\n  float: right;\n\n  .column-header__setting-btn {\n    padding: 0 10px;\n\n    &:last-child {\n      padding-right: 0;\n    }\n  }\n}\n\n.column-header__title {\n  display: inline-block;\n  text-overflow: ellipsis;\n  overflow: hidden;\n  white-space: nowrap;\n  flex: 1;\n}\n\n.column-header__icon {\n  display: inline-block;\n  margin-right: 5px;\n}\n\n.empty-column-indicator,\n.error-column,\n.follow_requests-unlocked_explanation {\n  color: $dark-text-color;\n  background: $ui-base-color;\n  text-align: center;\n  padding: 20px;\n  font-size: 15px;\n  font-weight: 400;\n  cursor: default;\n  display: flex;\n  flex: 1 1 auto;\n  align-items: center;\n  justify-content: center;\n  @supports(display: grid) { // hack to fix Chrome <57\n    contain: strict;\n  }\n\n  & > span {\n    max-width: 400px;\n  }\n\n  a {\n    color: $highlight-text-color;\n    text-decoration: none;\n\n    &:hover {\n      text-decoration: underline;\n    }\n  }\n}\n\n.follow_requests-unlocked_explanation {\n  background: darken($ui-base-color, 4%);\n  contain: initial;\n}\n\n.error-column {\n  flex-direction: column;\n}\n\n// more fixes for the navbar-under mode\n@mixin fix-margins-for-navbar-under {\n  .tabs-bar {\n    margin-top: 0 !important;\n    margin-bottom: -6px !important;\n  }\n}\n\n.single-column.navbar-under {\n  @include fix-margins-for-navbar-under;\n}\n\n.auto-columns.navbar-under {\n  @media screen and (max-width: $no-gap-breakpoint) {\n    @include fix-margins-for-navbar-under;\n  }\n}\n\n.auto-columns.navbar-under .react-swipeable-view-container .columns-area,\n.single-column.navbar-under .react-swipeable-view-container .columns-area {\n  @media screen and (max-width: $no-gap-breakpoint) {\n    height: 100% !important;\n  }\n}\n\n.column-inline-form {\n  padding: 7px 15px;\n  padding-right: 5px;\n  display: flex;\n  justify-content: flex-start;\n  align-items: center;\n  background: lighten($ui-base-color, 4%);\n\n  label {\n    flex: 1 1 auto;\n\n    input {\n      width: 100%;\n      margin-bottom: 6px;\n\n      &:focus {\n        outline: 0;\n      }\n    }\n  }\n\n  .icon-button {\n    flex: 0 0 auto;\n    margin: 0 5px;\n  }\n}\n",".regeneration-indicator {\n  text-align: center;\n  font-size: 16px;\n  font-weight: 500;\n  color: $dark-text-color;\n  background: $ui-base-color;\n  cursor: default;\n  display: flex;\n  flex: 1 1 auto;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  padding: 20px;\n\n  &__figure {\n    &,\n    img {\n      display: block;\n      width: auto;\n      height: 160px;\n      margin: 0;\n    }\n  }\n\n  &--without-header {\n    padding-top: 20px + 48px;\n  }\n\n  &__label {\n    margin-top: 30px;\n\n    strong {\n      display: block;\n      margin-bottom: 10px;\n      color: $dark-text-color;\n    }\n\n    span {\n      font-size: 15px;\n      font-weight: 400;\n    }\n  }\n}\n",".directory {\n  &__list {\n    width: 100%;\n    margin: 10px 0;\n    transition: opacity 100ms ease-in;\n\n    &.loading {\n      opacity: 0.7;\n    }\n\n    @media screen and (max-width: $no-gap-breakpoint) {\n      margin: 0;\n    }\n  }\n\n  &__card {\n    box-sizing: border-box;\n    margin-bottom: 10px;\n\n    &__img {\n      height: 125px;\n      position: relative;\n      background: darken($ui-base-color, 12%);\n      overflow: hidden;\n\n      img {\n        display: block;\n        width: 100%;\n        height: 100%;\n        margin: 0;\n        object-fit: cover;\n      }\n    }\n\n    &__bar {\n      display: flex;\n      align-items: center;\n      background: lighten($ui-base-color, 4%);\n      padding: 10px;\n\n      &__name {\n        flex: 1 1 auto;\n        display: flex;\n        align-items: center;\n        text-decoration: none;\n        overflow: hidden;\n      }\n\n      &__relationship {\n        width: 23px;\n        min-height: 1px;\n        flex: 0 0 auto;\n      }\n\n      .avatar {\n        flex: 0 0 auto;\n        width: 48px;\n        height: 48px;\n        padding-top: 2px;\n\n        img {\n          width: 100%;\n          height: 100%;\n          display: block;\n          margin: 0;\n          border-radius: 4px;\n          background: darken($ui-base-color, 8%);\n          object-fit: cover;\n        }\n      }\n\n      .display-name {\n        margin-left: 15px;\n        text-align: left;\n\n        strong {\n          font-size: 15px;\n          color: $primary-text-color;\n          font-weight: 500;\n          overflow: hidden;\n          text-overflow: ellipsis;\n        }\n\n        span {\n          display: block;\n          font-size: 14px;\n          color: $darker-text-color;\n          font-weight: 400;\n          overflow: hidden;\n          text-overflow: ellipsis;\n        }\n      }\n    }\n\n    &__extra {\n      background: $ui-base-color;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n\n      .accounts-table__count {\n        width: 33.33%;\n        flex: 0 0 auto;\n        padding: 15px 0;\n      }\n\n      .account__header__content {\n        box-sizing: border-box;\n        padding: 15px 10px;\n        border-bottom: 1px solid lighten($ui-base-color, 8%);\n        width: 100%;\n        min-height: 18px + 30px;\n        white-space: nowrap;\n        overflow: hidden;\n        text-overflow: ellipsis;\n\n        p {\n          display: none;\n\n          &:first-child {\n            display: inline;\n          }\n        }\n\n        br {\n          display: none;\n        }\n      }\n    }\n  }\n}\n\n.filter-form {\n  background: $ui-base-color;\n\n  &__column {\n    padding: 10px 15px;\n  }\n\n  .radio-button {\n    display: block;\n  }\n}\n\n.radio-button {\n  font-size: 14px;\n  position: relative;\n  display: inline-block;\n  padding: 6px 0;\n  line-height: 18px;\n  cursor: default;\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  cursor: pointer;\n\n  input[type=radio],\n  input[type=checkbox] {\n    display: none;\n  }\n\n  &__input {\n    display: inline-block;\n    position: relative;\n    border: 1px solid $ui-primary-color;\n    box-sizing: border-box;\n    width: 18px;\n    height: 18px;\n    flex: 0 0 auto;\n    margin-right: 10px;\n    top: -1px;\n    border-radius: 50%;\n    vertical-align: middle;\n\n    &.checked {\n      border-color: lighten($ui-highlight-color, 8%);\n      background: lighten($ui-highlight-color, 8%);\n    }\n  }\n}\n",".search {\n  position: relative;\n}\n\n.search__input {\n  @include search-input();\n\n  display: block;\n  padding: 15px;\n  padding-right: 30px;\n  line-height: 18px;\n  font-size: 16px;\n\n  &::placeholder {\n    color: lighten($darker-text-color, 4%);\n  }\n\n  &::-moz-focus-inner {\n    border: 0;\n  }\n\n  &::-moz-focus-inner,\n  &:focus,\n  &:active {\n    outline: 0 !important;\n  }\n\n  &:focus {\n    background: lighten($ui-base-color, 4%);\n  }\n\n  @media screen and (max-width: 600px) {\n    font-size: 16px;\n  }\n}\n\n.search__icon {\n  &::-moz-focus-inner {\n    border: 0;\n  }\n\n  &::-moz-focus-inner,\n  &:focus {\n    outline: 0 !important;\n  }\n\n  .fa {\n    position: absolute;\n    top: 16px;\n    right: 10px;\n    z-index: 2;\n    display: inline-block;\n    opacity: 0;\n    transition: all 100ms linear;\n    transition-property: color, transform, opacity;\n    font-size: 18px;\n    width: 18px;\n    height: 18px;\n    color: $secondary-text-color;\n    cursor: default;\n    pointer-events: none;\n\n    &.active {\n      pointer-events: auto;\n      opacity: 0.3;\n    }\n  }\n\n  .fa-search {\n    transform: rotate(0deg);\n\n    &.active {\n      pointer-events: auto;\n      opacity: 0.3;\n    }\n  }\n\n  .fa-times-circle {\n    top: 17px;\n    transform: rotate(0deg);\n    color: $action-button-color;\n    cursor: pointer;\n\n    &.active {\n      transform: rotate(90deg);\n    }\n\n    &:hover {\n      color: lighten($action-button-color, 7%);\n    }\n  }\n}\n\n.search-results__header {\n  color: $dark-text-color;\n  background: lighten($ui-base-color, 2%);\n  border-bottom: 1px solid darken($ui-base-color, 4%);\n  padding: 15px 10px;\n  font-size: 14px;\n  font-weight: 500;\n}\n\n.search-results__info {\n  padding: 20px;\n  color: $darker-text-color;\n  text-align: center;\n}\n\n.trends {\n  &__header {\n    color: $dark-text-color;\n    background: lighten($ui-base-color, 2%);\n    border-bottom: 1px solid darken($ui-base-color, 4%);\n    font-weight: 500;\n    padding: 15px;\n    font-size: 16px;\n    cursor: default;\n\n    .fa {\n      display: inline-block;\n      margin-right: 5px;\n    }\n  }\n\n  &__item {\n    display: flex;\n    align-items: center;\n    padding: 15px;\n    border-bottom: 1px solid lighten($ui-base-color, 8%);\n\n    &:last-child {\n      border-bottom: 0;\n    }\n\n    &__name {\n      flex: 1 1 auto;\n      color: $dark-text-color;\n      overflow: hidden;\n      text-overflow: ellipsis;\n      white-space: nowrap;\n\n      strong {\n        font-weight: 500;\n      }\n\n      a {\n        color: $darker-text-color;\n        text-decoration: none;\n        font-size: 14px;\n        font-weight: 500;\n        display: block;\n        overflow: hidden;\n        text-overflow: ellipsis;\n        white-space: nowrap;\n\n        &:hover,\n        &:focus,\n        &:active {\n          span {\n            text-decoration: underline;\n          }\n        }\n      }\n    }\n\n    &__current {\n      flex: 0 0 auto;\n      font-size: 24px;\n      line-height: 36px;\n      font-weight: 500;\n      text-align: right;\n      padding-right: 15px;\n      margin-left: 5px;\n      color: $secondary-text-color;\n    }\n\n    &__sparkline {\n      flex: 0 0 auto;\n      width: 50px;\n\n      path:first-child {\n        fill: rgba($highlight-text-color, 0.25) !important;\n        fill-opacity: 1 !important;\n      }\n\n      path:last-child {\n        stroke: lighten($highlight-text-color, 6%) !important;\n      }\n    }\n  }\n}\n",null,".emojione {\n  font-size: inherit;\n  vertical-align: middle;\n  object-fit: contain;\n  margin: -.2ex .15em .2ex;\n  width: 16px;\n  height: 16px;\n\n  img {\n    width: auto;\n  }\n}\n\n.emoji-picker-dropdown__menu {\n  background: $simple-background-color;\n  position: absolute;\n  box-shadow: 4px 4px 6px rgba($base-shadow-color, 0.4);\n  border-radius: 4px;\n  margin-top: 5px;\n  z-index: 2;\n\n  .emoji-mart-scroll {\n    transition: opacity 200ms ease;\n  }\n\n  &.selecting .emoji-mart-scroll {\n    opacity: 0.5;\n  }\n}\n\n.emoji-picker-dropdown__modifiers {\n  position: absolute;\n  top: 60px;\n  right: 11px;\n  cursor: pointer;\n}\n\n.emoji-picker-dropdown__modifiers__menu {\n  position: absolute;\n  z-index: 4;\n  top: -4px;\n  left: -8px;\n  background: $simple-background-color;\n  border-radius: 4px;\n  box-shadow: 1px 2px 6px rgba($base-shadow-color, 0.2);\n  overflow: hidden;\n\n  button {\n    display: block;\n    cursor: pointer;\n    border: 0;\n    padding: 4px 8px;\n    background: transparent;\n\n    &:hover,\n    &:focus,\n    &:active {\n      background: rgba($ui-secondary-color, 0.4);\n    }\n  }\n\n  .emoji-mart-emoji {\n    height: 22px;\n  }\n}\n\n.emoji-mart-emoji {\n  span {\n    background-repeat: no-repeat;\n  }\n}\n\n.emoji-button {\n  display: block;\n  padding: 5px 5px 2px 2px;\n  outline: 0;\n  cursor: pointer;\n\n  &:active,\n  &:focus {\n    outline: 0 !important;\n  }\n\n  img {\n    filter: grayscale(100%);\n    opacity: 0.8;\n    display: block;\n    margin: 0;\n    width: 22px;\n    height: 22px;\n  }\n\n  &:hover,\n  &:active,\n  &:focus {\n    img {\n      opacity: 1;\n      filter: none;\n    }\n  }\n}\n","$doodleBg: #d9e1e8;\n.doodle-modal {\n  @extend .boost-modal;\n  width: unset;\n}\n\n.doodle-modal__container {\n  background: $doodleBg;\n  text-align: center;\n  line-height: 0; // remove weird gap under canvas\n  canvas {\n    border: 5px solid $doodleBg;\n  }\n}\n\n.doodle-modal__action-bar {\n  @extend .boost-modal__action-bar;\n\n  .filler {\n    flex-grow: 1;\n    margin: 0;\n    padding: 0;\n  }\n\n  .doodle-toolbar {\n    line-height: 1;\n\n    display: flex;\n    flex-direction: column;\n    flex-grow: 0;\n    justify-content: space-around;\n\n    &.with-inputs {\n      label {\n        display: inline-block;\n        width: 70px;\n        text-align: right;\n        margin-right: 2px;\n      }\n\n      input[type=\"number\"],input[type=\"text\"] {\n        width: 40px;\n      }\n      span.val {\n        display: inline-block;\n        text-align: left;\n        width: 50px;\n      }\n    }\n  }\n\n  .doodle-palette {\n    padding-right: 0 !important;\n    border: 1px solid black;\n    line-height: .2rem;\n    flex-grow: 0;\n    background: white;\n\n    button {\n      appearance: none;\n      width: 1rem;\n      height: 1rem;\n      margin: 0; padding: 0;\n      text-align: center;\n      color: black;\n      text-shadow: 0 0 1px white;\n      cursor: pointer;\n      box-shadow: inset 0 0 1px rgba(white, .5);\n      border: 1px solid black;\n      outline-offset:-1px;\n\n      &.foreground {\n        outline: 1px dashed white;\n      }\n\n      &.background {\n        outline: 1px dashed red;\n      }\n\n      &.foreground.background {\n        outline: 1px dashed red;\n        border-color: white;\n      }\n    }\n  }\n}\n",".drawer {\n  width: 300px;\n  box-sizing: border-box;\n  display: flex;\n  flex-direction: column;\n  overflow-y: hidden;\n  padding: 10px 5px;\n  flex: none;\n\n  &:first-child {\n    padding-left: 10px;\n  }\n\n  &:last-child {\n    padding-right: 10px;\n  }\n\n  @include single-column('screen and (max-width: 630px)') { flex: auto }\n\n  @include limited-single-column('screen and (max-width: 630px)') {\n    &, &:first-child, &:last-child { padding: 0 }\n  }\n\n  .wide & {\n    min-width: 300px;\n    max-width: 400px;\n    flex: 1 1 200px;\n  }\n\n  @include single-column('screen and (max-width: 630px)') {\n    :root & {  //  Overrides `.wide` for single-column view\n      flex: auto;\n      width: 100%;\n      min-width: 0;\n      max-width: none;\n      padding: 0;\n    }\n  }\n\n  .react-swipeable-view-container & { height: 100% }\n}\n\n.drawer--header {\n  display: flex;\n  flex-direction: row;\n  margin-bottom: 10px;\n  flex: none;\n  background: lighten($ui-base-color, 8%);\n  font-size: 16px;\n\n  & > * {\n    display: block;\n    box-sizing: border-box;\n    border-bottom: 2px solid transparent;\n    padding: 15px 5px 13px;\n    height: 48px;\n    flex: 1 1 auto;\n    color: $darker-text-color;\n    text-align: center;\n    text-decoration: none;\n    cursor: pointer;\n  }\n\n  a {\n    transition: background 100ms ease-in;\n\n    &:focus,\n    &:hover {\n      outline: none;\n      background: lighten($ui-base-color, 3%);\n      transition: background 200ms ease-out;\n    }\n  }\n}\n\n.search {\n  position: relative;\n  margin-bottom: 10px;\n  flex: none;\n\n  @include limited-single-column('screen and (max-width: #{$no-gap-breakpoint})') { margin-bottom: 0 }\n  @include single-column('screen and (max-width: 630px)') { font-size: 16px }\n}\n\n.search-popout {\n  @include search-popout();\n}\n\n.drawer--account {\n  padding: 10px;\n  color: $darker-text-color;\n  display: flex;\n  align-items: center;\n\n  a {\n    color: inherit;\n    text-decoration: none;\n  }\n\n  .acct {\n    display: block;\n    color: $secondary-text-color;\n    font-weight: 500;\n    white-space: nowrap;\n    overflow: hidden;\n    text-overflow: ellipsis;\n  }\n}\n\n.navigation-bar__profile {\n  flex: 1 1 auto;\n  margin-left: 8px;\n  overflow: hidden;\n}\n\n.drawer--results {\n  background: $ui-base-color;\n  overflow-x: hidden;\n  overflow-y: auto;\n\n  & > header {\n    color: $dark-text-color;\n    background: lighten($ui-base-color, 2%);\n    padding: 15px;\n    font-weight: 500;\n    font-size: 16px;\n    cursor: default;\n\n    .fa {\n      display: inline-block;\n      margin-right: 5px;\n    }\n  }\n\n  & > section {\n    margin-bottom: 5px;\n\n    h5 {\n      background: darken($ui-base-color, 4%);\n      border-bottom: 1px solid lighten($ui-base-color, 8%);\n      cursor: default;\n      display: flex;\n      padding: 15px;\n      font-weight: 500;\n      font-size: 16px;\n      color: $dark-text-color;\n\n      .fa {\n        display: inline-block;\n        margin-right: 5px;\n      }\n    }\n\n    .account:last-child,\n    & > div:last-child .status {\n      border-bottom: 0;\n    }\n\n    & > .hashtag {\n      display: block;\n      padding: 10px;\n      color: $secondary-text-color;\n      text-decoration: none;\n\n      &:hover,\n      &:active,\n      &:focus {\n        color: lighten($secondary-text-color, 4%);\n        text-decoration: underline;\n      }\n    }\n  }\n}\n\n.drawer__pager {\n  box-sizing: border-box;\n  padding: 0;\n  flex-grow: 1;\n  position: relative;\n  overflow: hidden;\n  display: flex;\n}\n\n.drawer__inner {\n  position: absolute;\n  top: 0;\n  left: 0;\n  background: lighten($ui-base-color, 13%);\n  box-sizing: border-box;\n  padding: 0;\n  display: flex;\n  flex-direction: column;\n  overflow: hidden;\n  overflow-y: auto;\n  width: 100%;\n  height: 100%;\n\n  &.darker {\n    background: $ui-base-color;\n  }\n}\n\n.drawer__inner__mastodon {\n  background: lighten($ui-base-color, 13%) url('data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 234.80078 31.757813\" width=\"234.80078\" height=\"31.757812\"><path d=\"M19.599609 0c-1.05 0-2.10039.375-2.90039 1.125L0 16.925781v14.832031h234.80078V17.025391l-16.5-15.900391c-1.6-1.5-4.20078-1.5-5.80078 0l-13.80078 13.099609c-1.6 1.5-4.19883 1.5-5.79883 0L179.09961 1.125c-1.6-1.5-4.19883-1.5-5.79883 0L159.5 14.224609c-1.6 1.5-4.20078 1.5-5.80078 0L139.90039 1.125c-1.6-1.5-4.20078-1.5-5.80078 0l-13.79883 13.099609c-1.6 1.5-4.20078 1.5-5.80078 0L100.69922 1.125c-1.600001-1.5-4.198829-1.5-5.798829 0l-13.59961 13.099609c-1.6 1.5-4.200781 1.5-5.800781 0L61.699219 1.125c-1.6-1.5-4.198828-1.5-5.798828 0L42.099609 14.224609c-1.6 1.5-4.198828 1.5-5.798828 0L22.5 1.125C21.7.375 20.649609 0 19.599609 0z\" fill=\"#{hex-color($ui-base-color)}\"/></svg>') no-repeat bottom / 100% auto;\n  flex: 1;\n  min-height: 47px;\n  display: none;\n\n  > img {\n    display: block;\n    object-fit: contain;\n    object-position: bottom left;\n    width: 85%;\n    height: 100%;\n    pointer-events: none;\n    user-drag: none;\n    user-select: none;\n  }\n\n  > .mastodon {\n    display: block;\n    width: 100%;\n    height: 100%;\n    border: none;\n    cursor: inherit;\n  }\n\n  @media screen and (min-height: 640px) {\n    display: block;\n  }\n}\n\n.pseudo-drawer {\n  background: lighten($ui-base-color, 13%);\n  font-size: 13px;\n  text-align: left;\n}\n\n.drawer__backdrop {\n  cursor: pointer;\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  background: rgba($base-overlay-background, 0.5);\n}\n",".video-error-cover {\n  align-items: center;\n  background: $base-overlay-background;\n  color: $primary-text-color;\n  cursor: pointer;\n  display: flex;\n  flex-direction: column;\n  height: 100%;\n  justify-content: center;\n  margin-top: 8px;\n  position: relative;\n  text-align: center;\n  z-index: 100;\n}\n\n.media-spoiler {\n  background: $base-overlay-background;\n  color: $darker-text-color;\n  border: 0;\n  width: 100%;\n  height: 100%;\n\n  &:hover,\n  &:active,\n  &:focus {\n    color: lighten($darker-text-color, 8%);\n  }\n\n  .status__content > & {\n    margin-top: 15px; // Add margin when used bare for NSFW video player\n  }\n  @include fullwidth-gallery;\n}\n\n.media-spoiler__warning {\n  display: block;\n  font-size: 14px;\n}\n\n.media-spoiler__trigger {\n  display: block;\n  font-size: 11px;\n  font-weight: 500;\n}\n\n.media-gallery__gifv__label {\n  display: block;\n  position: absolute;\n  color: $primary-text-color;\n  background: rgba($base-overlay-background, 0.5);\n  bottom: 6px;\n  left: 6px;\n  padding: 2px 6px;\n  border-radius: 2px;\n  font-size: 11px;\n  font-weight: 600;\n  z-index: 1;\n  pointer-events: none;\n  opacity: 0.9;\n  transition: opacity 0.1s ease;\n  line-height: 18px;\n}\n\n.media-gallery__gifv {\n  &:hover {\n    .media-gallery__gifv__label {\n      opacity: 1;\n    }\n  }\n}\n\n.media-gallery__audio {\n  height: 100%;\n  display: flex;\n  flex-direction: column;\n\n  span {\n    text-align: center;\n    color: $darker-text-color;\n    display: flex;\n    height: 100%;\n    align-items: center;\n\n    p {\n      width: 100%;\n    }\n  }\n\n  audio {\n    width: 100%;\n  }\n}\n\n.media-gallery {\n  box-sizing: border-box;\n  margin-top: 8px;\n  overflow: hidden;\n  border-radius: 4px;\n  position: relative;\n  width: 100%;\n  height: 110px;\n\n  @include fullwidth-gallery;\n}\n\n.media-gallery__item {\n  border: none;\n  box-sizing: border-box;\n  display: block;\n  float: left;\n  position: relative;\n  border-radius: 4px;\n  overflow: hidden;\n\n  .full-width & {\n    border-radius: 0;\n  }\n\n  &.standalone {\n    .media-gallery__item-gifv-thumbnail {\n      transform: none;\n      top: 0;\n    }\n  }\n\n  &.letterbox {\n    background: $base-shadow-color;\n  }\n}\n\n.media-gallery__item-thumbnail {\n  cursor: zoom-in;\n  display: block;\n  text-decoration: none;\n  color: $secondary-text-color;\n  position: relative;\n  z-index: 1;\n\n  &,\n  img {\n    height: 100%;\n    width: 100%;\n    object-fit: contain;\n\n    &:not(.letterbox) {\n      height: 100%;\n      object-fit: cover;\n    }\n  }\n}\n\n.media-gallery__preview {\n  width: 100%;\n  height: 100%;\n  object-fit: cover;\n  position: absolute;\n  top: 0;\n  left: 0;\n  z-index: 0;\n  background: $base-overlay-background;\n\n  &--hidden {\n    display: none;\n  }\n}\n\n.media-gallery__gifv {\n  height: 100%;\n  overflow: hidden;\n  position: relative;\n  width: 100%;\n  display: flex;\n  justify-content: center;\n}\n\n.media-gallery__item-gifv-thumbnail {\n  cursor: zoom-in;\n  height: 100%;\n  width: 100%;\n  position: relative;\n  z-index: 1;\n  object-fit: contain;\n  user-select: none;\n\n  &:not(.letterbox) {\n    height: 100%;\n    object-fit: cover;\n  }\n}\n\n.media-gallery__item-thumbnail-label {\n  clip: rect(1px 1px 1px 1px); /* IE6, IE7 */\n  clip: rect(1px, 1px, 1px, 1px);\n  overflow: hidden;\n  position: absolute;\n}\n\n.video-modal__container {\n  max-width: 100vw;\n  max-height: 100vh;\n}\n\n.audio-modal__container {\n  width: 50vw;\n}\n\n.media-modal {\n  width: 100%;\n  height: 100%;\n  position: relative;\n\n  .extended-video-player {\n    width: 100%;\n    height: 100%;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n\n    video {\n      max-width: $media-modal-media-max-width;\n      max-height: $media-modal-media-max-height;\n    }\n  }\n}\n\n.media-modal__closer {\n  position: absolute;\n  top: 0;\n  left: 0;\n  right: 0;\n  bottom: 0;\n}\n\n.media-modal__navigation {\n  position: absolute;\n  top: 0;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  pointer-events: none;\n  transition: opacity 0.3s linear;\n  will-change: opacity;\n\n  * {\n    pointer-events: auto;\n  }\n\n  &.media-modal__navigation--hidden {\n    opacity: 0;\n\n    * {\n      pointer-events: none;\n    }\n  }\n}\n\n.media-modal__nav {\n  background: rgba($base-overlay-background, 0.5);\n  box-sizing: border-box;\n  border: 0;\n  color: $primary-text-color;\n  cursor: pointer;\n  display: flex;\n  align-items: center;\n  font-size: 24px;\n  height: 20vmax;\n  margin: auto 0;\n  padding: 30px 15px;\n  position: absolute;\n  top: 0;\n  bottom: 0;\n}\n\n.media-modal__nav--left {\n  left: 0;\n}\n\n.media-modal__nav--right {\n  right: 0;\n}\n\n.media-modal__pagination {\n  width: 100%;\n  text-align: center;\n  position: absolute;\n  left: 0;\n  bottom: 20px;\n  pointer-events: none;\n}\n\n.media-modal__meta {\n  text-align: center;\n  position: absolute;\n  left: 0;\n  bottom: 20px;\n  width: 100%;\n  pointer-events: none;\n\n  &--shifted {\n    bottom: 62px;\n  }\n\n  a {\n    pointer-events: auto;\n    text-decoration: none;\n    font-weight: 500;\n    color: $ui-secondary-color;\n\n    &:hover,\n    &:focus,\n    &:active {\n      text-decoration: underline;\n    }\n  }\n}\n\n.media-modal__page-dot {\n  display: inline-block;\n}\n\n.media-modal__button {\n  background-color: $white;\n  height: 12px;\n  width: 12px;\n  border-radius: 6px;\n  margin: 10px;\n  padding: 0;\n  border: 0;\n  font-size: 0;\n}\n\n.media-modal__button--active {\n  background-color: $ui-highlight-color;\n}\n\n.media-modal__close {\n  position: absolute;\n  right: 8px;\n  top: 8px;\n  z-index: 100;\n}\n\n.detailed,\n.fullscreen {\n  .video-player__volume__current,\n  .video-player__volume::before {\n    bottom: 27px;\n  }\n\n  .video-player__volume__handle {\n    bottom: 23px;\n  }\n\n}\n\n.audio-player {\n  box-sizing: border-box;\n  position: relative;\n  background: darken($ui-base-color, 8%);\n  border-radius: 4px;\n  padding-bottom: 44px;\n  direction: ltr;\n\n  &.editable {\n    border-radius: 0;\n    height: 100%;\n  }\n\n  &__waveform {\n    padding: 15px 0;\n    position: relative;\n    overflow: hidden;\n\n    &::before {\n      content: \"\";\n      display: block;\n      position: absolute;\n      border-top: 1px solid lighten($ui-base-color, 4%);\n      width: 100%;\n      height: 0;\n      left: 0;\n      top: calc(50% + 1px);\n    }\n  }\n\n  &__progress-placeholder {\n    background-color: rgba(lighten($ui-highlight-color, 8%), 0.5);\n  }\n\n  &__wave-placeholder {\n    background-color: lighten($ui-base-color, 16%);\n  }\n\n  .video-player__controls {\n    padding: 0 15px;\n    padding-top: 10px;\n    background: darken($ui-base-color, 8%);\n    border-top: 1px solid lighten($ui-base-color, 4%);\n    border-radius: 0 0 4px 4px;\n  }\n}\n\n.video-player {\n  overflow: hidden;\n  position: relative;\n  background: $base-shadow-color;\n  max-width: 100%;\n  border-radius: 4px;\n  box-sizing: border-box;\n  direction: ltr;\n\n  &.editable {\n    border-radius: 0;\n    height: 100% !important;\n  }\n\n  &:focus {\n    outline: 0;\n  }\n\n  .detailed-status & {\n    width: 100%;\n    height: 100%;\n  }\n\n  @include fullwidth-gallery;\n\n  video {\n    max-width: 100vw;\n    max-height: 80vh;\n    z-index: 1;\n    position: relative;\n  }\n\n  &.fullscreen {\n    width: 100% !important;\n    height: 100% !important;\n    margin: 0;\n\n    video {\n      max-width: 100% !important;\n      max-height: 100% !important;\n      width: 100% !important;\n      height: 100% !important;\n      outline: 0;\n    }\n  }\n\n  &.inline {\n    video {\n      object-fit: contain;\n      position: relative;\n      top: 50%;\n      transform: translateY(-50%);\n    }\n  }\n\n  &__controls {\n    position: absolute;\n    z-index: 2;\n    bottom: 0;\n    left: 0;\n    right: 0;\n    box-sizing: border-box;\n    background: linear-gradient(0deg, rgba($base-shadow-color, 0.85) 0, rgba($base-shadow-color, 0.45) 60%, transparent);\n    padding: 0 15px;\n    opacity: 0;\n    transition: opacity .1s ease;\n\n    &.active {\n      opacity: 1;\n    }\n  }\n\n  &.inactive {\n    video,\n    .video-player__controls {\n      visibility: hidden;\n    }\n  }\n\n  &__spoiler {\n    display: none;\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n    z-index: 4;\n    border: 0;\n    background: $base-shadow-color;\n    color: $darker-text-color;\n    transition: none;\n    pointer-events: none;\n\n    &.active {\n      display: block;\n      pointer-events: auto;\n\n      &:hover,\n      &:active,\n      &:focus {\n        color: lighten($darker-text-color, 7%);\n      }\n    }\n\n    &__title {\n      display: block;\n      font-size: 14px;\n    }\n\n    &__subtitle {\n      display: block;\n      font-size: 11px;\n      font-weight: 500;\n    }\n  }\n\n  &__buttons-bar {\n    display: flex;\n    justify-content: space-between;\n    padding-bottom: 10px;\n\n    .video-player__download__icon {\n      color: inherit;\n\n      .fa,\n      &:active .fa,\n      &:hover .fa,\n      &:focus .fa {\n        color: inherit;\n      }\n    }\n  }\n\n  &__buttons {\n    font-size: 16px;\n    white-space: nowrap;\n    overflow: hidden;\n    text-overflow: ellipsis;\n\n    &.left {\n      button {\n        padding-left: 0;\n      }\n    }\n\n    &.right {\n      button {\n        padding-right: 0;\n      }\n    }\n\n    button {\n      background: transparent;\n      padding: 2px 10px;\n      font-size: 16px;\n      border: 0;\n      color: rgba($white, 0.75);\n\n      &:active,\n      &:hover,\n      &:focus {\n        color: $white;\n      }\n    }\n  }\n\n  &__time-sep,\n  &__time-total,\n  &__time-current {\n    font-size: 14px;\n    font-weight: 500;\n  }\n\n  &__time-current {\n    color: $white;\n    margin-left: 60px;\n  }\n\n  &__time-sep {\n    display: inline-block;\n    margin: 0 6px;\n  }\n\n  &__time-sep,\n  &__time-total {\n    color: $white;\n  }\n\n  &__volume {\n    cursor: pointer;\n    height: 24px;\n    display: inline;\n\n    &::before {\n      content: \"\";\n      width: 50px;\n      background: rgba($white, 0.35);\n      border-radius: 4px;\n      display: block;\n      position: absolute;\n      height: 4px;\n      left: 70px;\n      bottom: 20px;\n    }\n\n    &__current {\n      display: block;\n      position: absolute;\n      height: 4px;\n      border-radius: 4px;\n      left: 70px;\n      bottom: 20px;\n      background: lighten($ui-highlight-color, 8%);\n    }\n\n    &__handle {\n      position: absolute;\n      z-index: 3;\n      border-radius: 50%;\n      width: 12px;\n      height: 12px;\n      bottom: 16px;\n      left: 70px;\n      transition: opacity .1s ease;\n      background: lighten($ui-highlight-color, 8%);\n      box-shadow: 1px 2px 6px rgba($base-shadow-color, 0.2);\n      pointer-events: none;\n    }\n  }\n\n  &__link {\n    padding: 2px 10px;\n\n    a {\n      text-decoration: none;\n      font-size: 14px;\n      font-weight: 500;\n      color: $white;\n\n      &:hover,\n      &:active,\n      &:focus {\n        text-decoration: underline;\n      }\n    }\n  }\n\n  &__seek {\n    cursor: pointer;\n    height: 24px;\n    position: relative;\n\n    &::before {\n      content: \"\";\n      width: 100%;\n      background: rgba($white, 0.35);\n      border-radius: 4px;\n      display: block;\n      position: absolute;\n      height: 4px;\n      top: 10px;\n    }\n\n    &__progress,\n    &__buffer {\n      display: block;\n      position: absolute;\n      height: 4px;\n      border-radius: 4px;\n      top: 10px;\n      background: lighten($ui-highlight-color, 8%);\n    }\n\n    &__buffer {\n      background: rgba($white, 0.2);\n    }\n\n    &__handle {\n      position: absolute;\n      z-index: 3;\n      opacity: 0;\n      border-radius: 50%;\n      width: 12px;\n      height: 12px;\n      top: 6px;\n      margin-left: -6px;\n      transition: opacity .1s ease;\n      background: lighten($ui-highlight-color, 8%);\n      box-shadow: 1px 2px 6px rgba($base-shadow-color, 0.2);\n      pointer-events: none;\n\n      &.active {\n        opacity: 1;\n      }\n    }\n\n    &:hover {\n      .video-player__seek__handle {\n        opacity: 1;\n      }\n    }\n  }\n\n  &.detailed,\n  &.fullscreen {\n    .video-player__buttons {\n      button {\n        padding-top: 10px;\n        padding-bottom: 10px;\n      }\n    }\n  }\n}\n",".sensitive-info {\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  position: absolute;\n  top: 4px;\n  left: 4px;\n  z-index: 100;\n}\n\n.sensitive-marker {\n  margin: 0 3px;\n  border-radius: 2px;\n  padding: 2px 6px;\n  color: rgba($primary-text-color, 0.8);\n  background: rgba($base-overlay-background, 0.5);\n  font-size: 12px;\n  line-height: 18px;\n  text-transform: uppercase;\n  opacity: .9;\n  transition: opacity .1s ease;\n\n  .media-gallery:hover & { opacity: 1 }\n}\n",".list-editor {\n  background: $ui-base-color;\n  flex-direction: column;\n  border-radius: 8px;\n  box-shadow: 2px 4px 15px rgba($base-shadow-color, 0.4);\n  width: 380px;\n  overflow: hidden;\n\n  @media screen and (max-width: 420px) {\n    width: 90%;\n  }\n\n  h4 {\n    padding: 15px 0;\n    background: lighten($ui-base-color, 13%);\n    font-weight: 500;\n    font-size: 16px;\n    text-align: center;\n    border-radius: 8px 8px 0 0;\n  }\n\n  .drawer__pager {\n    height: 50vh;\n  }\n\n  .drawer__inner {\n    border-radius: 0 0 8px 8px;\n\n    &.backdrop {\n      width: calc(100% - 60px);\n      box-shadow: 2px 4px 15px rgba($base-shadow-color, 0.4);\n      border-radius: 0 0 0 8px;\n    }\n  }\n\n  &__accounts {\n    overflow-y: auto;\n  }\n\n  .account__display-name {\n    &:hover strong {\n      text-decoration: none;\n    }\n  }\n\n  .account__avatar {\n    cursor: default;\n  }\n\n  .search {\n    margin-bottom: 0;\n  }\n}\n\n.list-adder {\n  background: $ui-base-color;\n  flex-direction: column;\n  border-radius: 8px;\n  box-shadow: 2px 4px 15px rgba($base-shadow-color, 0.4);\n  width: 380px;\n  overflow: hidden;\n\n  @media screen and (max-width: 420px) {\n    width: 90%;\n  }\n\n  &__account {\n    background: lighten($ui-base-color, 13%);\n  }\n\n  &__lists {\n    background: lighten($ui-base-color, 13%);\n    height: 50vh;\n    border-radius: 0 0 8px 8px;\n    overflow-y: auto;\n  }\n\n  .list {\n    padding: 10px;\n    border-bottom: 1px solid lighten($ui-base-color, 8%);\n  }\n\n  .list__wrapper {\n    display: flex;\n  }\n\n  .list__display-name {\n    flex: 1 1 auto;\n    overflow: hidden;\n    text-decoration: none;\n    font-size: 16px;\n    padding: 10px;\n  }\n}\n",".emoji-mart {\n  &,\n  * {\n    box-sizing: border-box;\n    line-height: 1.15;\n  }\n\n  font-size: 13px;\n  display: inline-block;\n  color: $inverted-text-color;\n\n  .emoji-mart-emoji {\n    padding: 6px;\n  }\n}\n\n.emoji-mart-bar {\n  border: 0 solid darken($ui-secondary-color, 8%);\n\n  &:first-child {\n    border-bottom-width: 1px;\n    border-top-left-radius: 5px;\n    border-top-right-radius: 5px;\n    background: $ui-secondary-color;\n  }\n\n  &:last-child {\n    border-top-width: 1px;\n    border-bottom-left-radius: 5px;\n    border-bottom-right-radius: 5px;\n    display: none;\n  }\n}\n\n.emoji-mart-anchors {\n  display: flex;\n  justify-content: space-between;\n  padding: 0 6px;\n  color: $lighter-text-color;\n  line-height: 0;\n}\n\n.emoji-mart-anchor {\n  position: relative;\n  flex: 1;\n  text-align: center;\n  padding: 12px 4px;\n  overflow: hidden;\n  transition: color .1s ease-out;\n  cursor: pointer;\n\n  &:hover {\n    color: darken($lighter-text-color, 4%);\n  }\n}\n\n.emoji-mart-anchor-selected {\n  color: $highlight-text-color;\n\n  &:hover {\n    color: darken($highlight-text-color, 4%);\n  }\n\n  .emoji-mart-anchor-bar {\n    bottom: 0;\n  }\n}\n\n.emoji-mart-anchor-bar {\n  position: absolute;\n  bottom: -3px;\n  left: 0;\n  width: 100%;\n  height: 3px;\n  background-color: darken($ui-highlight-color, 3%);\n}\n\n.emoji-mart-anchors {\n  i {\n    display: inline-block;\n    width: 100%;\n    max-width: 22px;\n  }\n\n  svg {\n    fill: currentColor;\n    max-height: 18px;\n  }\n}\n\n.emoji-mart-scroll {\n  overflow-y: scroll;\n  height: 270px;\n  max-height: 35vh;\n  padding: 0 6px 6px;\n  background: $simple-background-color;\n  will-change: transform;\n\n  &::-webkit-scrollbar-track:hover,\n  &::-webkit-scrollbar-track:active {\n    background-color: rgba($base-overlay-background, 0.3);\n  }\n}\n\n.emoji-mart-search {\n  padding: 10px;\n  padding-right: 45px;\n  background: $simple-background-color;\n\n  input {\n    font-size: 14px;\n    font-weight: 400;\n    padding: 7px 9px;\n    font-family: inherit;\n    display: block;\n    width: 100%;\n    background: rgba($ui-secondary-color, 0.3);\n    color: $inverted-text-color;\n    border: 1px solid $ui-secondary-color;\n    border-radius: 4px;\n\n    &::-moz-focus-inner {\n      border: 0;\n    }\n\n    &::-moz-focus-inner,\n    &:focus,\n    &:active {\n      outline: 0 !important;\n    }\n  }\n}\n\n.emoji-mart-category .emoji-mart-emoji {\n  cursor: pointer;\n\n  span {\n    z-index: 1;\n    position: relative;\n    text-align: center;\n  }\n\n  &:hover::before {\n    z-index: 0;\n    content: \"\";\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n    background-color: rgba($ui-secondary-color, 0.7);\n    border-radius: 100%;\n  }\n}\n\n.emoji-mart-category-label {\n  z-index: 2;\n  position: relative;\n  position: -webkit-sticky;\n  position: sticky;\n  top: 0;\n\n  span {\n    display: block;\n    width: 100%;\n    font-weight: 500;\n    padding: 5px 6px;\n    background: $simple-background-color;\n  }\n}\n\n.emoji-mart-emoji {\n  position: relative;\n  display: inline-block;\n  font-size: 0;\n\n  span {\n    width: 22px;\n    height: 22px;\n  }\n}\n\n.emoji-mart-no-results {\n  font-size: 14px;\n  text-align: center;\n  padding-top: 70px;\n  color: $light-text-color;\n\n  .emoji-mart-category-label {\n    display: none;\n  }\n\n  .emoji-mart-no-results-label {\n    margin-top: .2em;\n  }\n\n  .emoji-mart-emoji:hover::before {\n    content: none;\n  }\n}\n\n.emoji-mart-preview {\n  display: none;\n}\n",".glitch.local-settings {\n  position: relative;\n  display: flex;\n  flex-direction: row;\n  background: $ui-secondary-color;\n  color: $inverted-text-color;\n  border-radius: 8px;\n  height: 80vh;\n  width: 80vw;\n  max-width: 740px;\n  max-height: 450px;\n  overflow: hidden;\n\n  label, legend {\n    display: block;\n    font-size: 14px;\n  }\n\n  .boolean label, .radio_buttons label {\n    position: relative;\n    padding-left: 28px;\n    padding-top: 3px;\n\n    input {\n      position: absolute;\n      left: 0;\n      top: 0;\n    }\n  }\n\n  span.hint {\n    display: block;\n    color: $lighter-text-color;\n  }\n\n  h1 {\n    font-size: 18px;\n    font-weight: 500;\n    line-height: 24px;\n    margin-bottom: 20px;\n  }\n\n  h2 {\n    font-size: 15px;\n    font-weight: 500;\n    line-height: 20px;\n    margin-top: 20px;\n    margin-bottom: 10px;\n  }\n}\n\n.glitch.local-settings__navigation__item {\n  display: block;\n  padding: 15px 20px;\n  color: inherit;\n  background: lighten($ui-secondary-color, 8%);\n  border-bottom: 1px $ui-secondary-color solid;\n  cursor: pointer;\n  text-decoration: none;\n  outline: none;\n  transition: background .3s;\n\n  .text-icon-button {\n    color: inherit;\n    transition: unset;\n  }\n\n  &:hover {\n    background: $ui-secondary-color;\n  }\n\n  &.active {\n    background: $ui-highlight-color;\n    color: $primary-text-color;\n  }\n\n  &.close, &.close:hover {\n    background: $error-value-color;\n    color: $primary-text-color;\n  }\n}\n\n.glitch.local-settings__navigation {\n  background: lighten($ui-secondary-color, 8%);\n  width: 212px;\n  font-size: 15px;\n  line-height: 20px;\n  overflow-y: auto;\n}\n\n.glitch.local-settings__page {\n  display: block;\n  flex: auto;\n  padding: 15px 20px 15px 20px;\n  width: 360px;\n  overflow-y: auto;\n}\n\n.glitch.local-settings__page__item {\n  margin-bottom: 2px;\n}\n\n.glitch.local-settings__page__item.string,\n.glitch.local-settings__page__item.radio_buttons {\n  margin-top: 10px;\n  margin-bottom: 10px;\n}\n\n@media screen and (max-width: 630px) {\n  .glitch.local-settings__navigation {\n    width: 40px;\n    flex-shrink: 0;\n  }\n\n  .glitch.local-settings__navigation__item {\n    padding: 10px;\n\n    span:last-of-type {\n      display: none;\n    }\n  }\n}\n",".error-boundary {\n  color: $primary-text-color;\n  font-size: 15px;\n  line-height: 20px;\n\n  h1 {\n    font-size: 26px;\n    line-height: 36px;\n    font-weight: 400;\n    margin-bottom: 8px;\n  }\n\n  a {\n    color: $primary-text-color;\n    text-decoration: underline;\n  }\n\n  ul {\n    list-style: disc;\n    margin-left: 0;\n    padding-left: 1em;\n  }\n\n  textarea.web_app_crash-stacktrace {\n    width: 100%;\n    resize: none;\n    white-space: pre;\n    font-family: $font-monospace, monospace;\n  }\n}\n",".compose-panel {\n  width: 285px;\n  margin-top: 10px;\n  display: flex;\n  flex-direction: column;\n  height: calc(100% - 10px);\n  overflow-y: hidden;\n\n  .search__input {\n    line-height: 18px;\n    font-size: 16px;\n    padding: 15px;\n    padding-right: 30px;\n  }\n\n  .search__icon .fa {\n    top: 15px;\n  }\n\n  .drawer--account {\n    flex: 0 1 48px;\n  }\n\n  .flex-spacer {\n    background: transparent;\n  }\n\n  .composer {\n    flex: 1;\n    overflow-y: hidden;\n    display: flex;\n    flex-direction: column;\n    min-height: 310px;\n  }\n\n  .compose-form__autosuggest-wrapper {\n    overflow-y: auto;\n    background-color: $white;\n    border-radius: 4px 4px 0 0;\n    flex: 0 1 auto;\n  }\n\n  .autosuggest-textarea__textarea {\n    overflow-y: hidden;\n  }\n\n  .compose-form__upload-thumbnail {\n    height: 80px;\n  }\n}\n\n.navigation-panel {\n  margin-top: 10px;\n  margin-bottom: 10px;\n  height: calc(100% - 20px);\n  overflow-y: auto;\n  display: flex;\n  flex-direction: column;\n\n  & > a {\n    flex: 0 0 auto;\n  }\n\n  hr {\n    flex: 0 0 auto;\n    border: 0;\n    background: transparent;\n    border-top: 1px solid lighten($ui-base-color, 4%);\n    margin: 10px 0;\n  }\n\n  .flex-spacer {\n    background: transparent;\n  }\n}\n\n@media screen and (min-width: 600px) {\n  .tabs-bar__link {\n    span {\n      display: inline;\n    }\n  }\n}\n\n.columns-area--mobile {\n  flex-direction: column;\n  width: 100%;\n  margin: 0 auto;\n\n  .column,\n  .drawer {\n    width: 100%;\n    height: 100%;\n    padding: 0;\n  }\n\n  .directory__list {\n    display: grid;\n    grid-gap: 10px;\n    grid-template-columns: minmax(0, 50%) minmax(0, 50%);\n\n    @media screen and (max-width: $no-gap-breakpoint) {\n      display: block;\n    }\n  }\n\n  .directory__card {\n    margin-bottom: 0;\n  }\n\n  .filter-form {\n    display: flex;\n  }\n\n  .autosuggest-textarea__textarea {\n    font-size: 16px;\n  }\n\n  .search__input {\n    line-height: 18px;\n    font-size: 16px;\n    padding: 15px;\n    padding-right: 30px;\n  }\n\n  .search__icon .fa {\n    top: 15px;\n  }\n\n  .scrollable {\n    overflow: visible;\n\n    @supports(display: grid) {\n      contain: content;\n    }\n  }\n\n  @media screen and (min-width: $no-gap-breakpoint) {\n    padding: 10px 0;\n    padding-top: 0;\n  }\n\n  @media screen and (min-width: 630px) {\n    .detailed-status {\n      padding: 15px;\n\n      .media-gallery,\n      .video-player,\n      .audio-player {\n        margin-top: 15px;\n      }\n    }\n\n    .account__header__bar {\n      padding: 5px 10px;\n    }\n\n    .navigation-bar,\n    .compose-form {\n      padding: 15px;\n    }\n\n    .compose-form .compose-form__publish .compose-form__publish-button-wrapper {\n      padding-top: 15px;\n    }\n\n    .status {\n      padding: 15px;\n      min-height: 48px + 2px;\n\n      .media-gallery,\n      &__action-bar,\n      .video-player,\n      .audio-player {\n        margin-top: 10px;\n      }\n    }\n\n    .account {\n      padding: 15px 10px;\n\n      &__header__bio {\n        margin: 0 -10px;\n      }\n    }\n\n    .notification {\n      &__message {\n        padding-top: 15px;\n      }\n\n      .status {\n        padding-top: 8px;\n      }\n\n      .account {\n        padding-top: 8px;\n      }\n    }\n  }\n}\n\n.floating-action-button {\n  position: fixed;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  width: 3.9375rem;\n  height: 3.9375rem;\n  bottom: 1.3125rem;\n  right: 1.3125rem;\n  background: darken($ui-highlight-color, 3%);\n  color: $white;\n  border-radius: 50%;\n  font-size: 21px;\n  line-height: 21px;\n  text-decoration: none;\n  box-shadow: 2px 3px 9px rgba($base-shadow-color, 0.4);\n\n  &:hover,\n  &:focus,\n  &:active {\n    background: lighten($ui-highlight-color, 7%);\n  }\n}\n\n@media screen and (min-width: $no-gap-breakpoint) {\n  .tabs-bar {\n    width: 100%;\n  }\n\n  .react-swipeable-view-container .columns-area--mobile {\n    height: calc(100% - 10px) !important;\n  }\n\n  .getting-started__wrapper,\n  .search {\n    margin-bottom: 10px;\n  }\n}\n\n@media screen and (max-width: 600px + (285px * 1) + (10px * 1)) {\n  .columns-area__panels__pane--compositional {\n    display: none;\n  }\n}\n\n@media screen and (min-width: 600px + (285px * 1) + (10px * 1)) {\n  .floating-action-button,\n  .tabs-bar__link.optional {\n    display: none;\n  }\n\n  .search-page .search {\n    display: none;\n  }\n}\n\n@media screen and (max-width: 600px + (285px * 2) + (10px * 2)) {\n  .columns-area__panels__pane--navigational {\n    display: none;\n  }\n}\n\n@media screen and (min-width: 600px + (285px * 2) + (10px * 2)) {\n  .tabs-bar {\n    display: none;\n  }\n}\n",".announcements__item__content {\n  word-wrap: break-word;\n  overflow-y: auto;\n\n  .emojione {\n    width: 20px;\n    height: 20px;\n    margin: -3px 0 0;\n  }\n\n  p {\n    margin-bottom: 10px;\n    white-space: pre-wrap;\n\n    &:last-child {\n      margin-bottom: 0;\n    }\n  }\n\n  a {\n    color: $secondary-text-color;\n    text-decoration: none;\n\n    &:hover {\n      text-decoration: underline;\n    }\n\n    &.mention {\n      &:hover {\n        text-decoration: none;\n\n        span {\n          text-decoration: underline;\n        }\n      }\n    }\n\n    &.unhandled-link {\n      color: lighten($ui-highlight-color, 8%);\n    }\n  }\n}\n\n.announcements {\n  background: lighten($ui-base-color, 8%);\n  font-size: 13px;\n  display: flex;\n  align-items: flex-end;\n\n  &__mastodon {\n    width: 124px;\n    flex: 0 0 auto;\n\n    @media screen and (max-width: 124px + 300px) {\n      display: none;\n    }\n  }\n\n  &__container {\n    width: calc(100% - 124px);\n    flex: 0 0 auto;\n    position: relative;\n\n    @media screen and (max-width: 124px + 300px) {\n      width: 100%;\n    }\n  }\n\n  &__item {\n    box-sizing: border-box;\n    width: 100%;\n    padding: 15px;\n    position: relative;\n    font-size: 15px;\n    line-height: 20px;\n    word-wrap: break-word;\n    font-weight: 400;\n    max-height: 50vh;\n    overflow: hidden;\n    display: flex;\n    flex-direction: column;\n\n    &__range {\n      display: block;\n      font-weight: 500;\n      margin-bottom: 10px;\n      padding-right: 18px;\n    }\n\n    &__unread {\n      position: absolute;\n      top: 19px;\n      right: 19px;\n      display: block;\n      background: $highlight-text-color;\n      border-radius: 50%;\n      width: 0.625rem;\n      height: 0.625rem;\n    }\n  }\n\n  &__pagination {\n    padding: 15px;\n    color: $darker-text-color;\n    position: absolute;\n    bottom: 3px;\n    right: 0;\n  }\n}\n\n.layout-multiple-columns .announcements__mastodon {\n  display: none;\n}\n\n.layout-multiple-columns .announcements__container {\n  width: 100%;\n}\n\n.reactions-bar {\n  display: flex;\n  flex-wrap: wrap;\n  align-items: center;\n  margin-top: 15px;\n  margin-left: -2px;\n  width: calc(100% - (90px - 33px));\n\n  &__item {\n    flex-shrink: 0;\n    background: lighten($ui-base-color, 12%);\n    border: 0;\n    border-radius: 3px;\n    margin: 2px;\n    cursor: pointer;\n    user-select: none;\n    padding: 0 6px;\n    display: flex;\n    align-items: center;\n    transition: all 100ms ease-in;\n    transition-property: background-color, color;\n\n    &__emoji {\n      display: block;\n      margin: 3px 0;\n      width: 16px;\n      height: 16px;\n\n      img {\n        display: block;\n        margin: 0;\n        width: 100%;\n        height: 100%;\n        min-width: auto;\n        min-height: auto;\n        vertical-align: bottom;\n        object-fit: contain;\n      }\n    }\n\n    &__count {\n      display: block;\n      min-width: 9px;\n      font-size: 13px;\n      font-weight: 500;\n      text-align: center;\n      margin-left: 6px;\n      color: $darker-text-color;\n    }\n\n    &:hover,\n    &:focus,\n    &:active {\n      background: lighten($ui-base-color, 16%);\n      transition: all 200ms ease-out;\n      transition-property: background-color, color;\n\n      &__count {\n        color: lighten($darker-text-color, 4%);\n      }\n    }\n\n    &.active {\n      transition: all 100ms ease-in;\n      transition-property: background-color, color;\n      background-color: mix(lighten($ui-base-color, 12%), $ui-highlight-color, 80%);\n\n      .reactions-bar__item__count {\n        color: lighten($highlight-text-color, 8%);\n      }\n    }\n  }\n\n  .emoji-picker-dropdown {\n    margin: 2px;\n  }\n\n  &:hover .emoji-button {\n    opacity: 0.85;\n  }\n\n  .emoji-button {\n    color: $darker-text-color;\n    margin: 0;\n    font-size: 16px;\n    width: auto;\n    flex-shrink: 0;\n    padding: 0 6px;\n    height: 22px;\n    display: flex;\n    align-items: center;\n    opacity: 0.5;\n    transition: all 100ms ease-in;\n    transition-property: background-color, color;\n\n    &:hover,\n    &:active,\n    &:focus {\n      opacity: 1;\n      color: lighten($darker-text-color, 4%);\n      transition: all 200ms ease-out;\n      transition-property: background-color, color;\n    }\n  }\n\n  &--empty {\n    .emoji-button {\n      padding: 0;\n    }\n  }\n}\n",".poll {\n  margin-top: 16px;\n  font-size: 14px;\n\n  ul,\n  .e-content & ul {\n    margin: 0;\n    list-style: none;\n  }\n\n  li {\n    margin-bottom: 10px;\n    position: relative;\n  }\n\n  &__chart {\n    border-radius: 4px;\n    display: block;\n    background: darken($ui-primary-color, 5%);\n    height: 5px;\n    min-width: 1%;\n\n    &.leading {\n      background: $ui-highlight-color;\n    }\n  }\n\n  &__option {\n    position: relative;\n    display: flex;\n    padding: 6px 0;\n    line-height: 18px;\n    cursor: default;\n    overflow: hidden;\n\n    &__text {\n      display: inline-block;\n      word-wrap: break-word;\n      overflow-wrap: break-word;\n      max-width: calc(100% - 45px - 25px);\n    }\n\n    input[type=radio],\n    input[type=checkbox] {\n      display: none;\n    }\n\n    .autossugest-input {\n      flex: 1 1 auto;\n    }\n\n    input[type=text] {\n      display: block;\n      box-sizing: border-box;\n      width: 100%;\n      font-size: 14px;\n      color: $inverted-text-color;\n      display: block;\n      outline: 0;\n      font-family: inherit;\n      background: $simple-background-color;\n      border: 1px solid darken($simple-background-color, 14%);\n      border-radius: 4px;\n      padding: 6px 10px;\n\n      &:focus {\n        border-color: $highlight-text-color;\n      }\n    }\n\n    &.selectable {\n      cursor: pointer;\n    }\n\n    &.editable {\n      display: flex;\n      align-items: center;\n      overflow: visible;\n    }\n  }\n\n  &__input {\n    display: inline-block;\n    position: relative;\n    border: 1px solid $ui-primary-color;\n    box-sizing: border-box;\n    width: 18px;\n    height: 18px;\n    flex: 0 0 auto;\n    margin-right: 10px;\n    top: -1px;\n    border-radius: 50%;\n    vertical-align: middle;\n    margin-top: auto;\n    margin-bottom: auto;\n    flex: 0 0 18px;\n\n    &.checkbox {\n      border-radius: 4px;\n    }\n\n    &.active {\n      border-color: $valid-value-color;\n      background: $valid-value-color;\n    }\n\n    &:active,\n    &:focus,\n    &:hover {\n      border-color: lighten($valid-value-color, 15%);\n      border-width: 4px;\n    }\n\n    &::-moz-focus-inner {\n      outline: 0 !important;\n      border: 0;\n    }\n\n    &:focus,\n    &:active {\n      outline: 0 !important;\n    }\n  }\n\n  &__number {\n    display: inline-block;\n    width: 45px;\n    font-weight: 700;\n    flex: 0 0 45px;\n  }\n\n  &__voted {\n    padding: 0 5px;\n    display: inline-block;\n\n    &__mark {\n      font-size: 18px;\n    }\n  }\n\n  &__footer {\n    padding-top: 6px;\n    padding-bottom: 5px;\n    color: $dark-text-color;\n  }\n\n  &__link {\n    display: inline;\n    background: transparent;\n    padding: 0;\n    margin: 0;\n    border: 0;\n    color: $dark-text-color;\n    text-decoration: underline;\n    font-size: inherit;\n\n    &:hover {\n      text-decoration: none;\n    }\n\n    &:active,\n    &:focus {\n      background-color: rgba($dark-text-color, .1);\n    }\n  }\n\n  .button {\n    height: 36px;\n    padding: 0 16px;\n    margin-right: 10px;\n    font-size: 14px;\n  }\n}\n\n.compose-form__poll-wrapper {\n  border-top: 1px solid darken($simple-background-color, 8%);\n  overflow-x: hidden;\n\n  ul {\n    padding: 10px;\n  }\n\n  .poll__footer {\n    border-top: 1px solid darken($simple-background-color, 8%);\n    padding: 10px;\n    display: flex;\n    align-items: center;\n\n    button,\n    select {\n      width: 100%;\n      flex: 1 1 50%;\n\n      &:focus {\n        border-color: $highlight-text-color;\n      }\n    }\n  }\n\n  .button.button-secondary {\n    font-size: 14px;\n    font-weight: 400;\n    padding: 6px 10px;\n    height: auto;\n    line-height: inherit;\n    color: $action-button-color;\n    border-color: $action-button-color;\n    margin-right: 5px;\n  }\n\n  li {\n    display: flex;\n    align-items: center;\n\n    .poll__option {\n      flex: 0 0 auto;\n      width: calc(100% - (23px + 6px));\n      margin-right: 6px;\n    }\n  }\n\n  select {\n    appearance: none;\n    box-sizing: border-box;\n    font-size: 14px;\n    color: $inverted-text-color;\n    display: inline-block;\n    width: auto;\n    outline: 0;\n    font-family: inherit;\n    background: $simple-background-color url(\"data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14.933 18.467' height='19.698' width='15.929'><path d='M3.467 14.967l-3.393-3.5H14.86l-3.392 3.5c-1.866 1.925-3.666 3.5-4 3.5-.335 0-2.135-1.575-4-3.5zm.266-11.234L7.467 0 11.2 3.733l3.733 3.734H0l3.733-3.734z' fill='#{hex-color(darken($simple-background-color, 14%))}'/></svg>\") no-repeat right 8px center / auto 16px;\n    border: 1px solid darken($simple-background-color, 14%);\n    border-radius: 4px;\n    padding: 6px 10px;\n    padding-right: 30px;\n  }\n\n  .icon-button.disabled {\n    color: darken($simple-background-color, 14%);\n  }\n}\n\n.muted .poll {\n  color: $dark-text-color;\n\n  &__chart {\n    background: rgba(darken($ui-primary-color, 14%), 0.2);\n\n    &.leading {\n      background: rgba($ui-highlight-color, 0.2);\n    }\n  }\n}\n","$maximum-width: 1235px;\n$fluid-breakpoint: $maximum-width + 20px;\n$column-breakpoint: 700px;\n$small-breakpoint: 960px;\n\n.container {\n  box-sizing: border-box;\n  max-width: $maximum-width;\n  margin: 0 auto;\n  position: relative;\n\n  @media screen and (max-width: $fluid-breakpoint) {\n    width: 100%;\n    padding: 0 10px;\n  }\n}\n\n.rich-formatting {\n  font-family: $font-sans-serif, sans-serif;\n  font-size: 14px;\n  font-weight: 400;\n  line-height: 1.7;\n  word-wrap: break-word;\n  color: $darker-text-color;\n\n  a {\n    color: $highlight-text-color;\n    text-decoration: underline;\n\n    &:hover,\n    &:focus,\n    &:active {\n      text-decoration: none;\n    }\n  }\n\n  p,\n  li {\n    color: $darker-text-color;\n  }\n\n  p {\n    margin-top: 0;\n    margin-bottom: .85em;\n\n    &:last-child {\n      margin-bottom: 0;\n    }\n  }\n\n  strong {\n    font-weight: 700;\n    color: $secondary-text-color;\n  }\n\n  em {\n    font-style: italic;\n    color: $secondary-text-color;\n  }\n\n  code {\n    font-size: 0.85em;\n    background: darken($ui-base-color, 8%);\n    border-radius: 4px;\n    padding: 0.2em 0.3em;\n  }\n\n  h1,\n  h2,\n  h3,\n  h4,\n  h5,\n  h6 {\n    font-family: $font-display, sans-serif;\n    margin-top: 1.275em;\n    margin-bottom: .85em;\n    font-weight: 500;\n    color: $secondary-text-color;\n  }\n\n  h1 {\n    font-size: 2em;\n  }\n\n  h2 {\n    font-size: 1.75em;\n  }\n\n  h3 {\n    font-size: 1.5em;\n  }\n\n  h4 {\n    font-size: 1.25em;\n  }\n\n  h5,\n  h6 {\n    font-size: 1em;\n  }\n\n  ul {\n    list-style: disc;\n  }\n\n  ol {\n    list-style: decimal;\n  }\n\n  ul,\n  ol {\n    margin: 0;\n    padding: 0;\n    padding-left: 2em;\n    margin-bottom: 0.85em;\n\n    &[type='a'] {\n      list-style-type: lower-alpha;\n    }\n\n    &[type='i'] {\n      list-style-type: lower-roman;\n    }\n  }\n\n  hr {\n    width: 100%;\n    height: 0;\n    border: 0;\n    border-bottom: 1px solid lighten($ui-base-color, 4%);\n    margin: 1.7em 0;\n\n    &.spacer {\n      height: 1px;\n      border: 0;\n    }\n  }\n\n  table {\n    width: 100%;\n    border-collapse: collapse;\n    break-inside: auto;\n    margin-top: 24px;\n    margin-bottom: 32px;\n\n    thead tr,\n    tbody tr {\n      border-bottom: 1px solid lighten($ui-base-color, 4%);\n      font-size: 1em;\n      line-height: 1.625;\n      font-weight: 400;\n      text-align: left;\n      color: $darker-text-color;\n    }\n\n    thead tr {\n      border-bottom-width: 2px;\n      line-height: 1.5;\n      font-weight: 500;\n      color: $dark-text-color;\n    }\n\n    th,\n    td {\n      padding: 8px;\n      align-self: start;\n      align-items: start;\n      word-break: break-all;\n\n      &.nowrap {\n        width: 25%;\n        position: relative;\n\n        &::before {\n          content: '&nbsp;';\n          visibility: hidden;\n        }\n\n        span {\n          position: absolute;\n          left: 8px;\n          right: 8px;\n          white-space: nowrap;\n          overflow: hidden;\n          text-overflow: ellipsis;\n        }\n      }\n    }\n  }\n\n  & > :first-child {\n    margin-top: 0;\n  }\n}\n\n.information-board {\n  background: darken($ui-base-color, 4%);\n  padding: 20px 0;\n\n  .container-alt {\n    position: relative;\n    padding-right: 280px + 15px;\n  }\n\n  &__sections {\n    display: flex;\n    justify-content: space-between;\n    flex-wrap: wrap;\n  }\n\n  &__section {\n    flex: 1 0 0;\n    font-family: $font-sans-serif, sans-serif;\n    font-size: 16px;\n    line-height: 28px;\n    color: $primary-text-color;\n    text-align: right;\n    padding: 10px 15px;\n\n    span,\n    strong {\n      display: block;\n    }\n\n    span {\n      &:last-child {\n        color: $secondary-text-color;\n      }\n    }\n\n    strong {\n      font-family: $font-display, sans-serif;\n      font-weight: 500;\n      font-size: 32px;\n      line-height: 48px;\n    }\n\n    @media screen and (max-width: $column-breakpoint) {\n      text-align: center;\n    }\n  }\n\n  .panel {\n    position: absolute;\n    width: 280px;\n    box-sizing: border-box;\n    background: darken($ui-base-color, 8%);\n    padding: 20px;\n    padding-top: 10px;\n    border-radius: 4px 4px 0 0;\n    right: 0;\n    bottom: -40px;\n\n    .panel-header {\n      font-family: $font-display, sans-serif;\n      font-size: 14px;\n      line-height: 24px;\n      font-weight: 500;\n      color: $darker-text-color;\n      padding-bottom: 5px;\n      margin-bottom: 15px;\n      border-bottom: 1px solid lighten($ui-base-color, 4%);\n      text-overflow: ellipsis;\n      white-space: nowrap;\n      overflow: hidden;\n\n      a,\n      span {\n        font-weight: 400;\n        color: darken($darker-text-color, 10%);\n      }\n\n      a {\n        text-decoration: none;\n      }\n    }\n  }\n\n  .owner {\n    text-align: center;\n\n    .avatar {\n      width: 80px;\n      height: 80px;\n      @include avatar-size(80px);\n      margin: 0 auto;\n      margin-bottom: 15px;\n\n      img {\n        display: block;\n        width: 80px;\n        height: 80px;\n        border-radius: 48px;\n        @include avatar-radius();\n      }\n    }\n\n    .name {\n      font-size: 14px;\n\n      a {\n        display: block;\n        color: $primary-text-color;\n        text-decoration: none;\n\n        &:hover {\n          .display_name {\n            text-decoration: underline;\n          }\n        }\n      }\n\n      .username {\n        display: block;\n        color: $darker-text-color;\n      }\n    }\n  }\n}\n\n.landing-page {\n  p,\n  li {\n    font-family: $font-sans-serif, sans-serif;\n    font-size: 16px;\n    font-weight: 400;\n    font-size: 16px;\n    line-height: 30px;\n    margin-bottom: 12px;\n    color: $darker-text-color;\n\n    a {\n      color: $highlight-text-color;\n      text-decoration: underline;\n    }\n  }\n\n  em {\n    display: inline;\n    margin: 0;\n    padding: 0;\n    font-weight: 700;\n    background: transparent;\n    font-family: inherit;\n    font-size: inherit;\n    line-height: inherit;\n    color: lighten($darker-text-color, 10%);\n  }\n\n  h1 {\n    font-family: $font-display, sans-serif;\n    font-size: 26px;\n    line-height: 30px;\n    font-weight: 500;\n    margin-bottom: 20px;\n    color: $secondary-text-color;\n\n    small {\n      font-family: $font-sans-serif, sans-serif;\n      display: block;\n      font-size: 18px;\n      font-weight: 400;\n      color: lighten($darker-text-color, 10%);\n    }\n  }\n\n  h2 {\n    font-family: $font-display, sans-serif;\n    font-size: 22px;\n    line-height: 26px;\n    font-weight: 500;\n    margin-bottom: 20px;\n    color: $secondary-text-color;\n  }\n\n  h3 {\n    font-family: $font-display, sans-serif;\n    font-size: 18px;\n    line-height: 24px;\n    font-weight: 500;\n    margin-bottom: 20px;\n    color: $secondary-text-color;\n  }\n\n  h4 {\n    font-family: $font-display, sans-serif;\n    font-size: 16px;\n    line-height: 24px;\n    font-weight: 500;\n    margin-bottom: 20px;\n    color: $secondary-text-color;\n  }\n\n  h5 {\n    font-family: $font-display, sans-serif;\n    font-size: 14px;\n    line-height: 24px;\n    font-weight: 500;\n    margin-bottom: 20px;\n    color: $secondary-text-color;\n  }\n\n  h6 {\n    font-family: $font-display, sans-serif;\n    font-size: 12px;\n    line-height: 24px;\n    font-weight: 500;\n    margin-bottom: 20px;\n    color: $secondary-text-color;\n  }\n\n  ul,\n  ol {\n    margin-left: 20px;\n\n    &[type='a'] {\n      list-style-type: lower-alpha;\n    }\n\n    &[type='i'] {\n      list-style-type: lower-roman;\n    }\n  }\n\n  ul {\n    list-style: disc;\n  }\n\n  ol {\n    list-style: decimal;\n  }\n\n  li > ol,\n  li > ul {\n    margin-top: 6px;\n  }\n\n  hr {\n    width: 100%;\n    height: 0;\n    border: 0;\n    border-bottom: 1px solid rgba($ui-base-lighter-color, .6);\n    margin: 20px 0;\n\n    &.spacer {\n      height: 1px;\n      border: 0;\n    }\n  }\n\n  &__information,\n  &__forms {\n    padding: 20px;\n  }\n\n  &__call-to-action {\n    background: $ui-base-color;\n    border-radius: 4px;\n    padding: 25px 40px;\n    overflow: hidden;\n    box-sizing: border-box;\n\n    .row {\n      width: 100%;\n      display: flex;\n      flex-direction: row-reverse;\n      flex-wrap: nowrap;\n      justify-content: space-between;\n      align-items: center;\n    }\n\n    .row__information-board {\n      display: flex;\n      justify-content: flex-end;\n      align-items: flex-end;\n\n      .information-board__section {\n        flex: 1 0 auto;\n        padding: 0 10px;\n      }\n\n      @media screen and (max-width: $no-gap-breakpoint) {\n        width: 100%;\n        justify-content: space-between;\n      }\n    }\n\n    .row__mascot {\n      flex: 1;\n      margin: 10px -50px 0 0;\n\n      @media screen and (max-width: $no-gap-breakpoint) {\n        display: none;\n      }\n    }\n  }\n\n  &__logo {\n    margin-right: 20px;\n\n    img {\n      height: 50px;\n      width: auto;\n      mix-blend-mode: lighten;\n    }\n  }\n\n  &__information {\n    padding: 45px 40px;\n    margin-bottom: 10px;\n\n    &:last-child {\n      margin-bottom: 0;\n    }\n\n    strong {\n      font-weight: 500;\n      color: lighten($darker-text-color, 10%);\n    }\n\n    .account {\n      border-bottom: 0;\n      padding: 0;\n\n      &__display-name {\n        align-items: center;\n        display: flex;\n        margin-right: 5px;\n      }\n\n      div.account__display-name {\n        &:hover {\n          .display-name strong {\n            text-decoration: none;\n          }\n        }\n\n        .account__avatar {\n          cursor: default;\n        }\n      }\n\n      &__avatar-wrapper {\n        margin-left: 0;\n        flex: 0 0 auto;\n      }\n\n      &__avatar {\n        width: 44px;\n        height: 44px;\n        background-size: 44px 44px;\n        @include avatar-size(44px);\n      }\n\n      .display-name {\n        font-size: 15px;\n\n        &__account {\n          font-size: 14px;\n        }\n      }\n    }\n\n    @media screen and (max-width: $small-breakpoint) {\n      .contact {\n        margin-top: 30px;\n      }\n    }\n\n    @media screen and (max-width: $column-breakpoint) {\n      padding: 25px 20px;\n    }\n  }\n\n  &__information,\n  &__forms,\n  #mastodon-timeline {\n    box-sizing: border-box;\n    background: $ui-base-color;\n    border-radius: 4px;\n    box-shadow: 0 0 6px rgba($black, 0.1);\n  }\n\n  &__mascot {\n    height: 104px;\n    position: relative;\n    left: -40px;\n    bottom: 25px;\n\n    img {\n      height: 190px;\n      width: auto;\n    }\n  }\n\n  &__short-description {\n    .row {\n      display: flex;\n      flex-wrap: wrap;\n      align-items: center;\n      margin-bottom: 40px;\n    }\n\n    @media screen and (max-width: $column-breakpoint) {\n      .row {\n        margin-bottom: 20px;\n      }\n    }\n\n    p a {\n      color: $secondary-text-color;\n    }\n\n    h1 {\n      font-weight: 500;\n      color: $primary-text-color;\n      margin-bottom: 0;\n\n      small {\n        color: $darker-text-color;\n\n        span {\n          color: $secondary-text-color;\n        }\n      }\n    }\n\n    p:last-child {\n      margin-bottom: 0;\n    }\n  }\n\n  &__hero {\n    margin-bottom: 10px;\n\n    img {\n      display: block;\n      margin: 0;\n      max-width: 100%;\n      height: auto;\n      border-radius: 4px;\n    }\n  }\n\n  @media screen and (max-width: 840px) {\n    .information-board {\n      .container-alt {\n        padding-right: 20px;\n      }\n\n      .panel {\n        position: static;\n        margin-top: 20px;\n        width: 100%;\n        border-radius: 4px;\n\n        .panel-header {\n          text-align: center;\n        }\n      }\n    }\n  }\n\n  @media screen and (max-width: 675px) {\n    .header-wrapper {\n      padding-top: 0;\n\n      &.compact {\n        padding-bottom: 0;\n      }\n\n      &.compact .hero .heading {\n        text-align: initial;\n      }\n    }\n\n    .header .container-alt,\n    .features .container-alt {\n      display: block;\n    }\n  }\n\n  .cta {\n    margin: 20px;\n  }\n}\n\n.landing {\n  margin-bottom: 100px;\n\n  @media screen and (max-width: 738px) {\n    margin-bottom: 0;\n  }\n\n  &__brand {\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    padding: 50px;\n\n    svg {\n      fill: $primary-text-color;\n      height: 52px;\n    }\n\n    @media screen and (max-width: $no-gap-breakpoint) {\n      padding: 0;\n      margin-bottom: 30px;\n    }\n  }\n\n  .directory {\n    margin-top: 30px;\n    background: transparent;\n    box-shadow: none;\n    border-radius: 0;\n  }\n\n  .hero-widget {\n    margin-top: 30px;\n    margin-bottom: 0;\n\n    h4 {\n      padding: 10px;\n      text-transform: uppercase;\n      font-weight: 700;\n      font-size: 13px;\n      color: $darker-text-color;\n    }\n\n    &__text {\n      border-radius: 0;\n      padding-bottom: 0;\n    }\n\n    &__footer {\n      background: $ui-base-color;\n      padding: 10px;\n      border-radius: 0 0 4px 4px;\n      display: flex;\n\n      &__column {\n        flex: 1 1 50%;\n      }\n    }\n\n    .account {\n      padding: 10px 0;\n      border-bottom: 0;\n\n      .account__display-name {\n        display: flex;\n        align-items: center;\n      }\n\n      .account__avatar {\n        width: 44px;\n        height: 44px;\n        background-size: 44px 44px;\n      }\n    }\n\n    &__counter {\n      padding: 10px;\n\n      strong {\n        font-family: $font-display, sans-serif;\n        font-size: 15px;\n        font-weight: 700;\n        display: block;\n      }\n\n      span {\n        font-size: 14px;\n        color: $darker-text-color;\n      }\n    }\n  }\n\n  .simple_form .user_agreement .label_input > label {\n    font-weight: 400;\n    color: $darker-text-color;\n  }\n\n  .simple_form p.lead {\n    color: $darker-text-color;\n    font-size: 15px;\n    line-height: 20px;\n    font-weight: 400;\n    margin-bottom: 25px;\n  }\n\n  &__grid {\n    max-width: 960px;\n    margin: 0 auto;\n    display: grid;\n    grid-template-columns: minmax(0, 50%) minmax(0, 50%);\n    grid-gap: 30px;\n\n    @media screen and (max-width: 738px) {\n      grid-template-columns: minmax(0, 100%);\n      grid-gap: 10px;\n\n      &__column-login {\n        grid-row: 1;\n        display: flex;\n        flex-direction: column;\n\n        .box-widget {\n          order: 2;\n          flex: 0 0 auto;\n        }\n\n        .hero-widget {\n          margin-top: 0;\n          margin-bottom: 10px;\n          order: 1;\n          flex: 0 0 auto;\n        }\n      }\n\n      &__column-registration {\n        grid-row: 2;\n      }\n\n      .directory {\n        margin-top: 10px;\n      }\n    }\n\n    @media screen and (max-width: $no-gap-breakpoint) {\n      grid-gap: 0;\n\n      .hero-widget {\n        display: block;\n        margin-bottom: 0;\n        box-shadow: none;\n\n        &__img,\n        &__img img,\n        &__footer {\n          border-radius: 0;\n        }\n      }\n\n      .hero-widget,\n      .box-widget,\n      .directory__tag {\n        border-bottom: 1px solid lighten($ui-base-color, 8%);\n      }\n\n      .directory {\n        margin-top: 0;\n\n        &__tag {\n          margin-bottom: 0;\n\n          & > a,\n          & > div {\n            border-radius: 0;\n            box-shadow: none;\n          }\n\n          &:last-child {\n            border-bottom: 0;\n          }\n        }\n      }\n    }\n  }\n}\n\n.brand {\n  position: relative;\n  text-decoration: none;\n}\n\n.brand__tagline {\n  display: block;\n  position: absolute;\n  bottom: -10px;\n  left: 50px;\n  width: 300px;\n  color: $ui-primary-color;\n  text-decoration: none;\n  font-size: 14px;\n\n  @media screen and (max-width: $no-gap-breakpoint) {\n    position: static;\n    width: auto;\n    margin-top: 20px;\n    color: $dark-text-color;\n  }\n}\n\n",".table {\n  width: 100%;\n  max-width: 100%;\n  border-spacing: 0;\n  border-collapse: collapse;\n\n  th,\n  td {\n    padding: 8px;\n    line-height: 18px;\n    vertical-align: top;\n    border-top: 1px solid $ui-base-color;\n    text-align: left;\n    background: darken($ui-base-color, 4%);\n  }\n\n  & > thead > tr > th {\n    vertical-align: bottom;\n    border-bottom: 2px solid $ui-base-color;\n    border-top: 0;\n    font-weight: 500;\n  }\n\n  & > tbody > tr > th {\n    font-weight: 500;\n  }\n\n  & > tbody > tr:nth-child(odd) > td,\n  & > tbody > tr:nth-child(odd) > th {\n    background: $ui-base-color;\n  }\n\n  a {\n    color: $highlight-text-color;\n    text-decoration: underline;\n\n    &:hover {\n      text-decoration: none;\n    }\n  }\n\n  strong {\n    font-weight: 500;\n\n    @each $lang in $cjk-langs {\n      &:lang(#{$lang}) {\n        font-weight: 700;\n      }\n    }\n  }\n\n  &.inline-table {\n    & > tbody > tr:nth-child(odd) {\n      & > td,\n      & > th {\n        background: transparent;\n      }\n    }\n\n    & > tbody > tr:first-child {\n      & > td,\n      & > th {\n        border-top: 0;\n      }\n    }\n  }\n\n  &.batch-table {\n    & > thead > tr > th {\n      background: $ui-base-color;\n      border-top: 1px solid darken($ui-base-color, 8%);\n      border-bottom: 1px solid darken($ui-base-color, 8%);\n\n      &:first-child {\n        border-radius: 4px 0 0;\n        border-left: 1px solid darken($ui-base-color, 8%);\n      }\n\n      &:last-child {\n        border-radius: 0 4px 0 0;\n        border-right: 1px solid darken($ui-base-color, 8%);\n      }\n    }\n  }\n\n  &--invites tbody td {\n    vertical-align: middle;\n  }\n}\n\n.table-wrapper {\n  overflow: auto;\n  margin-bottom: 20px;\n}\n\nsamp {\n  font-family: $font-monospace, monospace;\n}\n\nbutton.table-action-link {\n  background: transparent;\n  border: 0;\n  font: inherit;\n}\n\nbutton.table-action-link,\na.table-action-link {\n  text-decoration: none;\n  display: inline-block;\n  margin-right: 5px;\n  padding: 0 10px;\n  color: $darker-text-color;\n  font-weight: 500;\n\n  &:hover {\n    color: $primary-text-color;\n  }\n\n  i.fa {\n    font-weight: 400;\n    margin-right: 5px;\n  }\n\n  &:first-child {\n    padding-left: 0;\n  }\n}\n\n.batch-table {\n  &__toolbar,\n  &__row {\n    display: flex;\n\n    &__select {\n      box-sizing: border-box;\n      padding: 8px 16px;\n      cursor: pointer;\n      min-height: 100%;\n\n      input {\n        margin-top: 8px;\n      }\n\n      &--aligned {\n        display: flex;\n        align-items: center;\n\n        input {\n          margin-top: 0;\n        }\n      }\n    }\n\n    &__actions,\n    &__content {\n      padding: 8px 0;\n      padding-right: 16px;\n      flex: 1 1 auto;\n    }\n  }\n\n  &__toolbar {\n    border: 1px solid darken($ui-base-color, 8%);\n    background: $ui-base-color;\n    border-radius: 4px 0 0;\n    height: 47px;\n    align-items: center;\n\n    &__actions {\n      text-align: right;\n      padding-right: 16px - 5px;\n    }\n  }\n\n  &__form {\n    padding: 16px;\n    border: 1px solid darken($ui-base-color, 8%);\n    border-top: 0;\n    background: $ui-base-color;\n\n    .fields-row {\n      padding-top: 0;\n      margin-bottom: 0;\n    }\n  }\n\n  &__row {\n    border: 1px solid darken($ui-base-color, 8%);\n    border-top: 0;\n    background: darken($ui-base-color, 4%);\n\n    @media screen and (max-width: $no-gap-breakpoint) {\n      .optional &:first-child {\n        border-top: 1px solid darken($ui-base-color, 8%);\n      }\n    }\n\n    &:hover {\n      background: darken($ui-base-color, 2%);\n    }\n\n    &:nth-child(even) {\n      background: $ui-base-color;\n\n      &:hover {\n        background: lighten($ui-base-color, 2%);\n      }\n    }\n\n    &__content {\n      padding-top: 12px;\n      padding-bottom: 16px;\n\n      &--unpadded {\n        padding: 0;\n      }\n\n      &--with-image {\n        display: flex;\n        align-items: center;\n      }\n\n      &__image {\n        flex: 0 0 auto;\n        display: flex;\n        justify-content: center;\n        align-items: center;\n        margin-right: 10px;\n\n        .emojione {\n          width: 32px;\n          height: 32px;\n        }\n      }\n\n      &__text {\n        flex: 1 1 auto;\n      }\n\n      &__extra {\n        flex: 0 0 auto;\n        text-align: right;\n        color: $darker-text-color;\n        font-weight: 500;\n      }\n    }\n\n    .directory__tag {\n      margin: 0;\n      width: 100%;\n\n      a {\n        background: transparent;\n        border-radius: 0;\n      }\n    }\n  }\n\n  &.optional .batch-table__toolbar,\n  &.optional .batch-table__row__select {\n    @media screen and (max-width: $no-gap-breakpoint) {\n      display: none;\n    }\n  }\n\n  .status__content {\n    padding-top: 0;\n\n    strong {\n      font-weight: 700;\n    }\n  }\n\n  .nothing-here {\n    border: 1px solid darken($ui-base-color, 8%);\n    border-top: 0;\n    box-shadow: none;\n\n    @media screen and (max-width: $no-gap-breakpoint) {\n      border-top: 1px solid darken($ui-base-color, 8%);\n    }\n  }\n\n  @media screen and (max-width: 870px) {\n    .accounts-table tbody td.optional {\n      display: none;\n    }\n  }\n}\n","$no-columns-breakpoint: 600px;\n$sidebar-width: 240px;\n$content-width: 840px;\n\n.admin-wrapper {\n  display: flex;\n  justify-content: center;\n  width: 100%;\n  min-height: 100vh;\n\n  .sidebar-wrapper {\n    min-height: 100vh;\n    overflow: hidden;\n    pointer-events: none;\n    flex: 1 1 auto;\n\n    &__inner {\n      display: flex;\n      justify-content: flex-end;\n      background: $ui-base-color;\n      height: 100%;\n    }\n  }\n\n  .sidebar {\n    width: $sidebar-width;\n    padding: 0;\n    pointer-events: auto;\n\n    &__toggle {\n      display: none;\n      background: lighten($ui-base-color, 8%);\n      height: 48px;\n\n      &__logo {\n        flex: 1 1 auto;\n\n        a {\n          display: inline-block;\n          padding: 15px;\n        }\n\n        svg {\n          fill: $primary-text-color;\n          height: 20px;\n          position: relative;\n          bottom: -2px;\n        }\n      }\n\n      &__icon {\n        display: block;\n        color: $darker-text-color;\n        text-decoration: none;\n        flex: 0 0 auto;\n        font-size: 20px;\n        padding: 15px;\n      }\n\n      a {\n        &:hover,\n        &:focus,\n        &:active {\n          background: lighten($ui-base-color, 12%);\n        }\n      }\n    }\n\n    .logo {\n      display: block;\n      margin: 40px auto;\n      width: 100px;\n      height: 100px;\n    }\n\n    @media screen and (max-width: $no-columns-breakpoint) {\n      & > a:first-child {\n        display: none;\n      }\n    }\n\n    ul {\n      list-style: none;\n      border-radius: 4px 0 0 4px;\n      overflow: hidden;\n      margin-bottom: 20px;\n\n      @media screen and (max-width: $no-columns-breakpoint) {\n        margin-bottom: 0;\n      }\n\n      a {\n        display: block;\n        padding: 15px;\n        color: $darker-text-color;\n        text-decoration: none;\n        transition: all 200ms linear;\n        transition-property: color, background-color;\n        border-radius: 4px 0 0 4px;\n        white-space: nowrap;\n        overflow: hidden;\n        text-overflow: ellipsis;\n\n        i.fa {\n          margin-right: 5px;\n        }\n\n        &:hover {\n          color: $primary-text-color;\n          background-color: darken($ui-base-color, 5%);\n          transition: all 100ms linear;\n          transition-property: color, background-color;\n        }\n\n        &.selected {\n          background: darken($ui-base-color, 2%);\n          border-radius: 4px 0 0;\n        }\n      }\n\n      ul {\n        background: darken($ui-base-color, 4%);\n        border-radius: 0 0 0 4px;\n        margin: 0;\n\n        a {\n          border: 0;\n          padding: 15px 35px;\n        }\n      }\n\n      .simple-navigation-active-leaf a {\n        color: $primary-text-color;\n        background-color: $ui-highlight-color;\n        border-bottom: 0;\n        border-radius: 0;\n\n        &:hover {\n          background-color: lighten($ui-highlight-color, 5%);\n        }\n      }\n    }\n\n    & > ul > .simple-navigation-active-leaf a {\n      border-radius: 4px 0 0 4px;\n    }\n  }\n\n  .content-wrapper {\n    box-sizing: border-box;\n    width: 100%;\n    max-width: $content-width;\n    flex: 1 1 auto;\n  }\n\n  @media screen and (max-width: $content-width + $sidebar-width) {\n    .sidebar-wrapper--empty {\n      display: none;\n    }\n\n    .sidebar-wrapper {\n      width: $sidebar-width;\n      flex: 0 0 auto;\n    }\n  }\n\n  @media screen and (max-width: $no-columns-breakpoint) {\n    .sidebar-wrapper {\n      width: 100%;\n    }\n  }\n\n  .content {\n    padding: 20px 15px;\n    padding-top: 60px;\n    padding-left: 25px;\n\n    @media screen and (max-width: $no-columns-breakpoint) {\n      max-width: none;\n      padding: 15px;\n      padding-top: 30px;\n    }\n\n    &-heading {\n      display: flex;\n\n      padding-bottom: 40px;\n      border-bottom: 1px solid lighten($ui-base-color, 8%);\n\n      margin: -15px -15px 40px 0;\n\n      flex-wrap: wrap;\n      align-items: center;\n      justify-content: space-between;\n\n      & > * {\n        margin-top: 15px;\n        margin-right: 15px;\n      }\n\n      &-actions {\n        display: inline-flex;\n\n        & > :not(:first-child) {\n          margin-left: 5px;\n        }\n      }\n\n      @media screen and (max-width: $no-columns-breakpoint) {\n        border-bottom: 0;\n        padding-bottom: 0;\n      }\n    }\n\n    h2 {\n      color: $secondary-text-color;\n      font-size: 24px;\n      line-height: 28px;\n      font-weight: 400;\n\n      @media screen and (max-width: $no-columns-breakpoint) {\n        font-weight: 700;\n      }\n    }\n\n    h3 {\n      color: $secondary-text-color;\n      font-size: 20px;\n      line-height: 28px;\n      font-weight: 400;\n      margin-bottom: 30px;\n    }\n\n    h4 {\n      text-transform: uppercase;\n      font-size: 13px;\n      font-weight: 700;\n      color: $darker-text-color;\n      padding-bottom: 8px;\n      margin-bottom: 8px;\n      border-bottom: 1px solid lighten($ui-base-color, 8%);\n    }\n\n    h6 {\n      font-size: 16px;\n      color: $secondary-text-color;\n      line-height: 28px;\n      font-weight: 500;\n    }\n\n    .fields-group h6 {\n      color: $primary-text-color;\n      font-weight: 500;\n    }\n\n    .directory__tag > a,\n    .directory__tag > div {\n      box-shadow: none;\n    }\n\n    .directory__tag .table-action-link .fa {\n      color: inherit;\n    }\n\n    .directory__tag h4 {\n      font-size: 18px;\n      font-weight: 700;\n      color: $primary-text-color;\n      text-transform: none;\n      padding-bottom: 0;\n      margin-bottom: 0;\n      border-bottom: none;\n    }\n\n    & > p {\n      font-size: 14px;\n      line-height: 21px;\n      color: $secondary-text-color;\n      margin-bottom: 20px;\n\n      strong {\n        color: $primary-text-color;\n        font-weight: 500;\n\n        @each $lang in $cjk-langs {\n          &:lang(#{$lang}) {\n            font-weight: 700;\n          }\n        }\n      }\n    }\n\n    hr {\n      width: 100%;\n      height: 0;\n      border: 0;\n      border-bottom: 1px solid rgba($ui-base-lighter-color, .6);\n      margin: 20px 0;\n\n      &.spacer {\n        height: 1px;\n        border: 0;\n      }\n    }\n  }\n\n  @media screen and (max-width: $no-columns-breakpoint) {\n    display: block;\n\n    .sidebar-wrapper {\n      min-height: 0;\n    }\n\n    .sidebar {\n      width: 100%;\n      padding: 0;\n      height: auto;\n\n      &__toggle {\n        display: flex;\n      }\n\n      & > ul {\n        display: none;\n      }\n\n      ul a,\n      ul ul a {\n        border-radius: 0;\n        border-bottom: 1px solid lighten($ui-base-color, 4%);\n        transition: none;\n\n        &:hover {\n          transition: none;\n        }\n      }\n\n      ul ul {\n        border-radius: 0;\n      }\n\n      ul .simple-navigation-active-leaf a {\n        border-bottom-color: $ui-highlight-color;\n      }\n    }\n  }\n}\n\nhr.spacer {\n  width: 100%;\n  border: 0;\n  margin: 20px 0;\n  height: 1px;\n}\n\nbody,\n.admin-wrapper .content {\n  .muted-hint {\n    color: $darker-text-color;\n\n    a {\n      color: $highlight-text-color;\n    }\n  }\n\n  .positive-hint {\n    color: $valid-value-color;\n    font-weight: 500;\n  }\n\n  .negative-hint {\n    color: $error-value-color;\n    font-weight: 500;\n  }\n\n  .neutral-hint {\n    color: $dark-text-color;\n    font-weight: 500;\n  }\n\n  .warning-hint {\n    color: $gold-star;\n    font-weight: 500;\n  }\n}\n\n.filters {\n  display: flex;\n  flex-wrap: wrap;\n\n  .filter-subset {\n    flex: 0 0 auto;\n    margin: 0 40px 20px 0;\n\n    &:last-child {\n      margin-bottom: 30px;\n    }\n\n    ul {\n      margin-top: 5px;\n      list-style: none;\n\n      li {\n        display: inline-block;\n        margin-right: 5px;\n      }\n    }\n\n    strong {\n      font-weight: 500;\n      text-transform: uppercase;\n      font-size: 12px;\n\n      @each $lang in $cjk-langs {\n        &:lang(#{$lang}) {\n          font-weight: 700;\n        }\n      }\n    }\n\n    &--with-select strong {\n      display: block;\n      margin-bottom: 10px;\n    }\n\n    a {\n      display: inline-block;\n      color: $darker-text-color;\n      text-decoration: none;\n      text-transform: uppercase;\n      font-size: 12px;\n      font-weight: 500;\n      border-bottom: 2px solid $ui-base-color;\n\n      &:hover {\n        color: $primary-text-color;\n        border-bottom: 2px solid lighten($ui-base-color, 5%);\n      }\n\n      &.selected {\n        color: $highlight-text-color;\n        border-bottom: 2px solid $ui-highlight-color;\n      }\n    }\n  }\n}\n\n.flavour-screen {\n  display: block;\n  margin: 10px auto;\n  max-width: 100%;\n}\n\n.flavour-description {\n  display: block;\n  font-size: 16px;\n  margin: 10px 0;\n\n  & > p {\n    margin: 10px 0;\n  }\n}\n\n.report-accounts {\n  display: flex;\n  flex-wrap: wrap;\n  margin-bottom: 20px;\n}\n\n.report-accounts__item {\n  display: flex;\n  flex: 250px;\n  flex-direction: column;\n  margin: 0 5px;\n\n  & > strong {\n    display: block;\n    margin: 0 0 10px -5px;\n    font-weight: 500;\n    font-size: 14px;\n    line-height: 18px;\n    color: $secondary-text-color;\n\n    @each $lang in $cjk-langs {\n      &:lang(#{$lang}) {\n        font-weight: 700;\n      }\n    }\n  }\n\n  .account-card {\n    flex: 1 1 auto;\n  }\n}\n\n.report-status,\n.account-status {\n  display: flex;\n  margin-bottom: 10px;\n\n  .activity-stream {\n    flex: 2 0 0;\n    margin-right: 20px;\n    max-width: calc(100% - 60px);\n\n    .entry {\n      border-radius: 4px;\n    }\n  }\n}\n\n.report-status__actions,\n.account-status__actions {\n  flex: 0 0 auto;\n  display: flex;\n  flex-direction: column;\n\n  .icon-button {\n    font-size: 24px;\n    width: 24px;\n    text-align: center;\n    margin-bottom: 10px;\n  }\n}\n\n.simple_form.new_report_note,\n.simple_form.new_account_moderation_note {\n  max-width: 100%;\n}\n\n.batch-form-box {\n  display: flex;\n  flex-wrap: wrap;\n  margin-bottom: 5px;\n\n  #form_status_batch_action {\n    margin: 0 5px 5px 0;\n    font-size: 14px;\n  }\n\n  input.button {\n    margin: 0 5px 5px 0;\n  }\n\n  .media-spoiler-toggle-buttons {\n    margin-left: auto;\n\n    .button {\n      overflow: visible;\n      margin: 0 0 5px 5px;\n      float: right;\n    }\n  }\n}\n\n.back-link {\n  margin-bottom: 10px;\n  font-size: 14px;\n\n  a {\n    color: $highlight-text-color;\n    text-decoration: none;\n\n    &:hover {\n      text-decoration: underline;\n    }\n  }\n}\n\n.spacer {\n  flex: 1 1 auto;\n}\n\n.log-entry {\n  line-height: 20px;\n  padding: 15px 0;\n  background: $ui-base-color;\n  border-bottom: 1px solid lighten($ui-base-color, 4%);\n\n  &:last-child {\n    border-bottom: 0;\n  }\n\n  &__header {\n    display: flex;\n    justify-content: flex-start;\n    align-items: center;\n    color: $darker-text-color;\n    font-size: 14px;\n    padding: 0 10px;\n  }\n\n  &__avatar {\n    margin-right: 10px;\n\n    .avatar {\n      display: block;\n      margin: 0;\n      border-radius: 50%;\n      width: 40px;\n      height: 40px;\n    }\n  }\n\n  &__content {\n    max-width: calc(100% - 90px);\n  }\n\n  &__title {\n    word-wrap: break-word;\n  }\n\n  &__timestamp {\n    color: $dark-text-color;\n  }\n\n  a,\n  .username,\n  .target {\n    color: $secondary-text-color;\n    text-decoration: none;\n    font-weight: 500;\n  }\n}\n\na.name-tag,\n.name-tag,\na.inline-name-tag,\n.inline-name-tag {\n  text-decoration: none;\n  color: $secondary-text-color;\n\n  .username {\n    font-weight: 500;\n  }\n\n  &.suspended {\n    .username {\n      text-decoration: line-through;\n      color: lighten($error-red, 12%);\n    }\n\n    .avatar {\n      filter: grayscale(100%);\n      opacity: 0.8;\n    }\n  }\n}\n\na.name-tag,\n.name-tag {\n  display: flex;\n  align-items: center;\n\n  .avatar {\n    display: block;\n    margin: 0;\n    margin-right: 5px;\n    border-radius: 50%;\n  }\n\n  &.suspended {\n    .avatar {\n      filter: grayscale(100%);\n      opacity: 0.8;\n    }\n  }\n}\n\n.speech-bubble {\n  margin-bottom: 20px;\n  border-left: 4px solid $ui-highlight-color;\n\n  &.positive {\n    border-left-color: $success-green;\n  }\n\n  &.negative {\n    border-left-color: lighten($error-red, 12%);\n  }\n\n  &.warning {\n    border-left-color: $gold-star;\n  }\n\n  &__bubble {\n    padding: 16px;\n    padding-left: 14px;\n    font-size: 15px;\n    line-height: 20px;\n    border-radius: 4px 4px 4px 0;\n    position: relative;\n    font-weight: 500;\n\n    a {\n      color: $darker-text-color;\n    }\n  }\n\n  &__owner {\n    padding: 8px;\n    padding-left: 12px;\n  }\n\n  time {\n    color: $dark-text-color;\n  }\n}\n\n.report-card {\n  background: $ui-base-color;\n  border-radius: 4px;\n  margin-bottom: 20px;\n\n  &__profile {\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    padding: 15px;\n\n    .account {\n      padding: 0;\n      border: 0;\n\n      &__avatar-wrapper {\n        margin-left: 0;\n      }\n    }\n\n    &__stats {\n      flex: 0 0 auto;\n      font-weight: 500;\n      color: $darker-text-color;\n      text-transform: uppercase;\n      text-align: right;\n\n      a {\n        color: inherit;\n        text-decoration: none;\n\n        &:focus,\n        &:hover,\n        &:active {\n          color: lighten($darker-text-color, 8%);\n        }\n      }\n\n      .red {\n        color: $error-value-color;\n      }\n    }\n  }\n\n  &__summary {\n    &__item {\n      display: flex;\n      justify-content: flex-start;\n      border-top: 1px solid darken($ui-base-color, 4%);\n\n      &:hover {\n        background: lighten($ui-base-color, 2%);\n      }\n\n      &__reported-by,\n      &__assigned {\n        padding: 15px;\n        flex: 0 0 auto;\n        box-sizing: border-box;\n        width: 150px;\n        color: $darker-text-color;\n\n        &,\n        .username {\n          white-space: nowrap;\n          overflow: hidden;\n          text-overflow: ellipsis;\n        }\n      }\n\n      &__content {\n        flex: 1 1 auto;\n        max-width: calc(100% - 300px);\n\n        &__icon {\n          color: $dark-text-color;\n          margin-right: 4px;\n          font-weight: 500;\n        }\n      }\n\n      &__content a {\n        display: block;\n        box-sizing: border-box;\n        width: 100%;\n        padding: 15px;\n        text-decoration: none;\n        color: $darker-text-color;\n      }\n    }\n  }\n}\n\n.one-line {\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n}\n\n.ellipsized-ip {\n  display: inline-block;\n  max-width: 120px;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  vertical-align: middle;\n}\n\n.admin-account-bio {\n  display: flex;\n  flex-wrap: wrap;\n  margin: 0 -5px;\n  margin-top: 20px;\n\n  > div {\n    box-sizing: border-box;\n    padding: 0 5px;\n    margin-bottom: 10px;\n    flex: 1 0 50%;\n  }\n\n  .account__header__fields,\n  .account__header__content {\n    background: lighten($ui-base-color, 8%);\n    border-radius: 4px;\n    height: 100%;\n  }\n\n  .account__header__fields {\n    margin: 0;\n    border: 0;\n\n    a {\n      color: lighten($ui-highlight-color, 8%);\n    }\n\n    dl:first-child .verified {\n      border-radius: 0 4px 0 0;\n    }\n\n    .verified a {\n      color: $valid-value-color;\n    }\n  }\n\n  .account__header__content {\n    box-sizing: border-box;\n    padding: 20px;\n    color: $primary-text-color;\n  }\n}\n\n.center-text {\n  text-align: center;\n}\n\n.announcements-list {\n  border: 1px solid lighten($ui-base-color, 4%);\n  border-radius: 4px;\n\n  &__item {\n    padding: 15px 0;\n    background: $ui-base-color;\n    border-bottom: 1px solid lighten($ui-base-color, 4%);\n\n    &__title {\n      padding: 0 15px;\n      display: block;\n      font-weight: 500;\n      font-size: 18px;\n      line-height: 1.5;\n      color: $secondary-text-color;\n      text-decoration: none;\n      margin-bottom: 10px;\n\n      &:hover,\n      &:focus,\n      &:active {\n        color: $primary-text-color;\n      }\n    }\n\n    &__meta {\n      padding: 0 15px;\n      color: $dark-text-color;\n    }\n\n    &__action-bar {\n      display: flex;\n      justify-content: space-between;\n      align-items: center;\n    }\n\n    &:last-child {\n      border-bottom: 0;\n    }\n  }\n}\n","$emojis-requiring-outlines: '8ball' 'ant' 'back' 'black_circle' 'black_heart' 'black_large_square' 'black_medium_small_square' 'black_medium_square' 'black_nib' 'black_small_square' 'bomb' 'bowling' 'bust_in_silhouette' 'busts_in_silhouette' 'camera' 'camera_with_flash' 'clubs' 'copyright' 'curly_loop' 'currency_exchange' 'dark_sunglasses' 'eight_pointed_black_star' 'electric_plug' 'end' 'female-guard' 'film_projector' 'fried_egg' 'gorilla' 'guardsman' 'heavy_check_mark' 'heavy_division_sign' 'heavy_dollar_sign' 'heavy_minus_sign' 'heavy_multiplication_x' 'heavy_plus_sign' 'hocho' 'hole' 'joystick' 'kaaba' 'lower_left_ballpoint_pen' 'lower_left_fountain_pen' 'male-guard' 'microphone' 'mortar_board' 'movie_camera' 'musical_score' 'on' 'registered' 'soon' 'spades' 'speaking_head_in_silhouette' 'spider' 'telephone_receiver' 'tm' 'top' 'tophat' 'turkey' 'vhs' 'video_camera' 'video_game' 'water_buffalo' 'waving_black_flag' 'wavy_dash' !default;\n\n%emoji-outline {\n  filter: drop-shadow(1px 1px 0 $primary-text-color) drop-shadow(-1px 1px 0 $primary-text-color) drop-shadow(1px -1px 0 $primary-text-color) drop-shadow(-1px -1px 0 $primary-text-color);\n}\n\n.emojione {\n  @each $emoji in $emojis-requiring-outlines {\n    &[title=':#{$emoji}:'] {\n      @extend %emoji-outline;\n    }\n  }\n}\n\n.hicolor-privacy-icons {\n  .status__visibility-icon.fa-globe,\n  .composer--options--dropdown--content--item .fa-globe {\n    color: #1976D2;\n  }\n\n  .status__visibility-icon.fa-unlock,\n  .composer--options--dropdown--content--item .fa-unlock {\n    color: #388E3C;\n  }\n\n  .status__visibility-icon.fa-lock,\n  .composer--options--dropdown--content--item .fa-lock {\n    color: #FFA000;\n  }\n\n  .status__visibility-icon.fa-envelope,\n  .composer--options--dropdown--content--item .fa-envelope {\n    color: #D32F2F;\n  }\n}\n","body.rtl {\n  direction: rtl;\n\n  .column-header > button {\n    text-align: right;\n    padding-left: 0;\n    padding-right: 15px;\n  }\n\n  .radio-button__input {\n    margin-right: 0;\n    margin-left: 10px;\n  }\n\n  .directory__card__bar .display-name {\n    margin-left: 0;\n    margin-right: 15px;\n  }\n\n  .display-name {\n    text-align: right;\n  }\n\n  .notification__message {\n    margin-left: 0;\n    margin-right: 68px;\n  }\n\n  .drawer__inner__mastodon > img {\n    transform: scaleX(-1);\n  }\n\n  .notification__favourite-icon-wrapper {\n    left: auto;\n    right: -26px;\n  }\n\n  .landing-page__logo {\n    margin-right: 0;\n    margin-left: 20px;\n  }\n\n  .landing-page .features-list .features-list__row .visual {\n    margin-left: 0;\n    margin-right: 15px;\n  }\n\n  .column-link__icon,\n  .column-header__icon {\n    margin-right: 0;\n    margin-left: 5px;\n  }\n\n  .compose-form .compose-form__buttons-wrapper .character-counter__wrapper {\n    margin-right: 0;\n    margin-left: 4px;\n  }\n\n  .composer--publisher {\n    text-align: left;\n  }\n\n  .boost-modal__status-time,\n  .favourite-modal__status-time {\n    float: left;\n  }\n\n  .navigation-bar__profile {\n    margin-left: 0;\n    margin-right: 8px;\n  }\n\n  .search__input {\n    padding-right: 10px;\n    padding-left: 30px;\n  }\n\n  .search__icon .fa {\n    right: auto;\n    left: 10px;\n  }\n\n  .columns-area {\n    direction: rtl;\n  }\n\n  .column-header__buttons {\n    left: 0;\n    right: auto;\n    margin-left: 0;\n    margin-right: -15px;\n  }\n\n  .column-inline-form .icon-button {\n    margin-left: 0;\n    margin-right: 5px;\n  }\n\n  .column-header__links .text-btn {\n    margin-left: 10px;\n    margin-right: 0;\n  }\n\n  .account__avatar-wrapper {\n    float: right;\n  }\n\n  .column-header__back-button {\n    padding-left: 5px;\n    padding-right: 0;\n  }\n\n  .column-header__setting-arrows {\n    float: left;\n  }\n\n  .setting-toggle__label {\n    margin-left: 0;\n    margin-right: 8px;\n  }\n\n  .setting-meta__label {\n    float: left;\n  }\n\n  .status__avatar {\n    margin-left: 10px;\n    margin-right: 0;\n\n    // Those are used for public pages\n    left: auto;\n    right: 10px;\n  }\n\n  .activity-stream .status.light {\n    padding-left: 10px;\n    padding-right: 68px;\n  }\n\n  .status__info .status__display-name,\n  .activity-stream .status.light .status__display-name {\n    padding-left: 25px;\n    padding-right: 0;\n  }\n\n  .activity-stream .pre-header {\n    padding-right: 68px;\n    padding-left: 0;\n  }\n\n  .status__prepend {\n    margin-left: 0;\n    margin-right: 58px;\n  }\n\n  .status__prepend-icon-wrapper {\n    left: auto;\n    right: -26px;\n  }\n\n  .activity-stream .pre-header .pre-header__icon {\n    left: auto;\n    right: 42px;\n  }\n\n  .account__avatar-overlay-overlay {\n    right: auto;\n    left: 0;\n  }\n\n  .column-back-button--slim-button {\n    right: auto;\n    left: 0;\n  }\n\n  .status__relative-time,\n  .activity-stream .status.light .status__header .status__meta {\n    float: left;\n    text-align: left;\n  }\n\n  .status__action-bar {\n    &__counter {\n      margin-right: 0;\n      margin-left: 11px;\n\n      .status__action-bar-button {\n        margin-right: 0;\n        margin-left: 4px;\n      }\n    }\n  }\n\n  .status__action-bar-button {\n    float: right;\n    margin-right: 0;\n    margin-left: 18px;\n  }\n\n  .status__action-bar-dropdown {\n    float: right;\n  }\n\n  .privacy-dropdown__dropdown {\n    margin-left: 0;\n    margin-right: 40px;\n  }\n\n  .privacy-dropdown__option__icon {\n    margin-left: 10px;\n    margin-right: 0;\n  }\n\n  .detailed-status__display-name .display-name {\n    text-align: right;\n  }\n\n  .detailed-status__display-avatar {\n    margin-right: 0;\n    margin-left: 10px;\n    float: right;\n  }\n\n  .detailed-status__favorites,\n  .detailed-status__reblogs {\n    margin-left: 0;\n    margin-right: 6px;\n  }\n\n  .fa-ul {\n    margin-left: 2.14285714em;\n  }\n\n  .fa-li {\n    left: auto;\n    right: -2.14285714em;\n  }\n\n  .admin-wrapper {\n    direction: rtl;\n  }\n\n  .admin-wrapper .sidebar ul a i.fa,\n  a.table-action-link i.fa {\n    margin-right: 0;\n    margin-left: 5px;\n  }\n\n  .simple_form .check_boxes .checkbox label {\n    padding-left: 0;\n    padding-right: 25px;\n  }\n\n  .simple_form .input.with_label.boolean label.checkbox {\n    padding-left: 25px;\n    padding-right: 0;\n  }\n\n  .simple_form .check_boxes .checkbox input[type=\"checkbox\"],\n  .simple_form .input.boolean input[type=\"checkbox\"] {\n    left: auto;\n    right: 0;\n  }\n\n  .simple_form .input.radio_buttons .radio {\n    left: auto;\n    right: 0;\n  }\n\n  .simple_form .input.radio_buttons .radio > label {\n    padding-right: 28px;\n    padding-left: 0;\n  }\n\n  .simple_form .input-with-append .input input {\n    padding-left: 142px;\n    padding-right: 0;\n  }\n\n  .simple_form .input.boolean label.checkbox {\n    left: auto;\n    right: 0;\n  }\n\n  .simple_form .input.boolean .label_input,\n  .simple_form .input.boolean .hint {\n    padding-left: 0;\n    padding-right: 28px;\n  }\n\n  .simple_form .label_input__append {\n    right: auto;\n    left: 3px;\n\n    &::after {\n      right: auto;\n      left: 0;\n      background-image: linear-gradient(to left, rgba(darken($ui-base-color, 10%), 0), darken($ui-base-color, 10%));\n    }\n  }\n\n  .simple_form select {\n    background: darken($ui-base-color, 10%) url(\"data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14.933 18.467' height='19.698' width='15.929'><path d='M3.467 14.967l-3.393-3.5H14.86l-3.392 3.5c-1.866 1.925-3.666 3.5-4 3.5-.335 0-2.135-1.575-4-3.5zm.266-11.234L7.467 0 11.2 3.733l3.733 3.734H0l3.733-3.734z' fill='#{hex-color(lighten($ui-base-color, 12%))}'/></svg>\") no-repeat left 8px center / auto 16px;\n  }\n\n  .table th,\n  .table td {\n    text-align: right;\n  }\n\n  .filters .filter-subset {\n    margin-right: 0;\n    margin-left: 45px;\n  }\n\n  .landing-page .header-wrapper .mascot {\n    right: 60px;\n    left: auto;\n  }\n\n  .landing-page__call-to-action .row__information-board {\n    direction: rtl;\n  }\n\n  .landing-page .header .hero .floats .float-1 {\n    left: -120px;\n    right: auto;\n  }\n\n  .landing-page .header .hero .floats .float-2 {\n    left: 210px;\n    right: auto;\n  }\n\n  .landing-page .header .hero .floats .float-3 {\n    left: 110px;\n    right: auto;\n  }\n\n  .landing-page .header .links .brand img {\n    left: 0;\n  }\n\n  .landing-page .fa-external-link {\n    padding-right: 5px;\n    padding-left: 0 !important;\n  }\n\n  .landing-page .features #mastodon-timeline {\n    margin-right: 0;\n    margin-left: 30px;\n  }\n\n  @media screen and (min-width: 631px) {\n    .column,\n    .drawer {\n      padding-left: 5px;\n      padding-right: 5px;\n\n      &:first-child {\n        padding-left: 5px;\n        padding-right: 10px;\n      }\n    }\n\n    .columns-area > div {\n      .column,\n      .drawer {\n        padding-left: 5px;\n        padding-right: 5px;\n      }\n    }\n  }\n\n  .columns-area--mobile .column,\n  .columns-area--mobile .drawer {\n    padding-left: 0;\n    padding-right: 0;\n  }\n\n  .public-layout {\n    .header {\n      .nav-button {\n        margin-left: 8px;\n        margin-right: 0;\n      }\n    }\n\n    .public-account-header__tabs {\n      margin-left: 0;\n      margin-right: 20px;\n    }\n  }\n\n  .landing-page__information {\n    .account__display-name {\n      margin-right: 0;\n      margin-left: 5px;\n    }\n\n    .account__avatar-wrapper {\n      margin-left: 12px;\n      margin-right: 0;\n    }\n  }\n\n  .card__bar .display-name {\n    margin-left: 0;\n    margin-right: 15px;\n    text-align: right;\n  }\n\n  .fa-chevron-left::before {\n    content: \"\\F054\";\n  }\n\n  .fa-chevron-right::before {\n    content: \"\\F053\";\n  }\n\n  .column-back-button__icon {\n    margin-right: 0;\n    margin-left: 5px;\n  }\n\n  .column-header__setting-arrows .column-header__setting-btn:last-child {\n    padding-left: 0;\n    padding-right: 10px;\n  }\n\n  .simple_form .input.radio_buttons .radio > label input {\n    left: auto;\n    right: 0;\n  }\n}\n",".dashboard__counters {\n  display: flex;\n  flex-wrap: wrap;\n  margin: 0 -5px;\n  margin-bottom: 20px;\n\n  & > div {\n    box-sizing: border-box;\n    flex: 0 0 33.333%;\n    padding: 0 5px;\n    margin-bottom: 10px;\n\n    & > div,\n    & > a {\n      padding: 20px;\n      background: lighten($ui-base-color, 4%);\n      border-radius: 4px;\n      box-sizing: border-box;\n      height: 100%;\n    }\n\n    & > a {\n      text-decoration: none;\n      color: inherit;\n      display: block;\n\n      &:hover,\n      &:focus,\n      &:active {\n        background: lighten($ui-base-color, 8%);\n      }\n    }\n  }\n\n  &__num,\n  &__text {\n    text-align: center;\n    font-weight: 500;\n    font-size: 24px;\n    line-height: 21px;\n    color: $primary-text-color;\n    font-family: $font-display, sans-serif;\n    margin-bottom: 20px;\n    line-height: 30px;\n  }\n\n  &__text {\n    font-size: 18px;\n  }\n\n  &__label {\n    font-size: 14px;\n    color: $darker-text-color;\n    text-align: center;\n    font-weight: 500;\n  }\n}\n\n.dashboard__widgets {\n  display: flex;\n  flex-wrap: wrap;\n  margin: 0 -5px;\n\n  & > div {\n    flex: 0 0 33.333%;\n    margin-bottom: 20px;\n\n    & > div {\n      padding: 0 5px;\n    }\n  }\n\n  a:not(.name-tag) {\n    color: $ui-secondary-color;\n    font-weight: 500;\n    text-decoration: none;\n  }\n}\n","// Notes!\n// Sass color functions, \"darken\" and \"lighten\" are automatically replaced.\n\n.glitch.local-settings {\n  background: $ui-base-color;\n\n  &__navigation {\n    background: darken($ui-base-color, 8%);\n  }\n\n  &__navigation__item {\n    background: darken($ui-base-color, 8%);\n\n    &:hover {\n      background: $ui-base-color;\n    }\n  }\n}\n\n.notification__dismiss-overlay {\n  .wrappy {\n    box-shadow: unset;\n  }\n\n  .ckbox {\n    text-shadow: unset;\n  }\n}\n\n.status.status-direct:not(.read) {\n  background: darken($ui-base-color, 8%);\n  border-bottom-color: darken($ui-base-color, 12%);\n\n  &.collapsed> .status__content:after {\n    background: linear-gradient(rgba(darken($ui-base-color, 8%), 0), rgba(darken($ui-base-color, 8%), 1));\n  }\n}\n\n.focusable:focus.status.status-direct:not(.read) {\n  background: darken($ui-base-color, 4%);\n\n  &.collapsed> .status__content:after {\n    background: linear-gradient(rgba(darken($ui-base-color, 4%), 0), rgba(darken($ui-base-color, 4%), 1));\n  }\n}\n\n// Change columns' default background colors\n.column {\n  > .scrollable {\n    background: darken($ui-base-color, 13%);\n  }\n}\n\n.status.collapsed .status__content:after {\n  background: linear-gradient(rgba(darken($ui-base-color, 13%), 0), rgba(darken($ui-base-color, 13%), 1));\n}\n\n.drawer__inner {\n  background: $ui-base-color;\n}\n\n.drawer__inner__mastodon {\n  background: $ui-base-color url('data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 234.80078 31.757813\" width=\"234.80078\" height=\"31.757812\"><path d=\"M19.599609 0c-1.05 0-2.10039.375-2.90039 1.125L0 16.925781v14.832031h234.80078V17.025391l-16.5-15.900391c-1.6-1.5-4.20078-1.5-5.80078 0l-13.80078 13.099609c-1.6 1.5-4.19883 1.5-5.79883 0L179.09961 1.125c-1.6-1.5-4.19883-1.5-5.79883 0L159.5 14.224609c-1.6 1.5-4.20078 1.5-5.80078 0L139.90039 1.125c-1.6-1.5-4.20078-1.5-5.80078 0l-13.79883 13.099609c-1.6 1.5-4.20078 1.5-5.80078 0L100.69922 1.125c-1.600001-1.5-4.198829-1.5-5.798829 0l-13.59961 13.099609c-1.6 1.5-4.200781 1.5-5.800781 0L61.699219 1.125c-1.6-1.5-4.198828-1.5-5.798828 0L42.099609 14.224609c-1.6 1.5-4.198828 1.5-5.798828 0L22.5 1.125C21.7.375 20.649609 0 19.599609 0z\" fill=\"#{hex-color(darken($ui-base-color, 13%))}\"/></svg>') no-repeat bottom / 100% auto !important;\n\n  .mastodon {\n    filter: contrast(75%) brightness(75%) !important;\n  }\n}\n\n// Change the default appearance of the content warning button\n.status__content {\n\n  .status__content__spoiler-link {\n\n    background: lighten($ui-base-color, 30%);\n\n    &:hover {\n      background: lighten($ui-base-color, 35%);\n      text-decoration: none;\n    }\n\n  }\n\n}\n\n// Change the background colors of media and video spoilers\n.media-spoiler,\n.video-player__spoiler,\n.account-gallery__item a {\n  background: $ui-base-color;\n}\n\n// Change the colors used in the dropdown menu\n.dropdown-menu {\n  background: $ui-base-color;\n}\n\n.dropdown-menu__arrow {\n\n  &.left {\n    border-left-color: $ui-base-color;\n  }\n\n  &.top {\n    border-top-color: $ui-base-color;\n  }\n\n  &.bottom {\n    border-bottom-color: $ui-base-color;\n  }\n\n  &.right {\n    border-right-color: $ui-base-color;\n  }\n\n}\n\n.dropdown-menu__item {\n  a {\n    background: $ui-base-color;\n    color: $ui-secondary-color;\n  }\n}\n\n// Change the default color of several parts of the compose form\n.composer {\n\n  .composer--spoiler input, .compose-form__autosuggest-wrapper textarea {\n    color: lighten($ui-base-color, 80%);\n\n    &:disabled { background: lighten($simple-background-color, 10%) }\n\n    &::placeholder {\n      color: lighten($ui-base-color, 70%);\n    }\n  }\n\n  .composer--options-wrapper {\n    background: lighten($ui-base-color, 10%);\n  }\n\n  .composer--options > hr {\n    display: none;\n  }\n\n  .composer--options--dropdown--content--item {\n    color: $ui-primary-color;\n    \n    strong {\n      color: $ui-primary-color;\n    }\n\n  }\n\n}\n\n.composer--upload_form--actions .icon-button {\n  color: lighten($white, 7%);\n\n  &:active,\n  &:focus,\n  &:hover {\n    color: $white;\n  }\n}\n\n.composer--upload_form--item > div input {\n  color: lighten($white, 7%);\n\n  &::placeholder {\n    color: lighten($white, 10%);\n  }\n}\n\n.dropdown-menu__separator {\n  border-bottom-color: lighten($ui-base-color, 12%);\n}\n\n.status__content,\n.reply-indicator__content {\n  a {\n    color: $highlight-text-color;\n  }\n}\n\n.emoji-mart-bar {\n  border-color: darken($ui-base-color, 4%);\n\n  &:first-child {\n    background: lighten($ui-base-color, 10%);\n  }\n}\n\n.emoji-mart-search input {\n  background: rgba($ui-base-color, 0.3);\n  border-color: $ui-base-color;\n}\n\n.autosuggest-textarea__suggestions {\n  background: lighten($ui-base-color, 10%)\n}\n\n.autosuggest-textarea__suggestions__item {\n  &:hover,\n  &:focus,\n  &:active,\n  &.selected {\n    background: darken($ui-base-color, 4%);\n  }\n}\n\n.react-toggle-track {\n  background: $ui-secondary-color;\n}\n\n.react-toggle:hover:not(.react-toggle--disabled) .react-toggle-track {\n  background: lighten($ui-secondary-color, 10%);\n}\n\n.react-toggle.react-toggle--checked:hover:not(.react-toggle--disabled) .react-toggle-track {\n  background: darken($ui-highlight-color, 10%);\n}\n\n// Change the background colors of modals\n.actions-modal,\n.boost-modal,\n.confirmation-modal,\n.mute-modal,\n.block-modal,\n.report-modal,\n.embed-modal,\n.error-modal,\n.onboarding-modal,\n.report-modal__comment .setting-text__wrapper,\n.report-modal__comment .setting-text {\n  background: $white;\n  border: 1px solid lighten($ui-base-color, 8%);\n}\n\n.report-modal__comment {\n  border-right-color: lighten($ui-base-color, 8%);\n}\n\n.report-modal__container {\n  border-top-color: lighten($ui-base-color, 8%);\n}\n\n.boost-modal__action-bar,\n.confirmation-modal__action-bar,\n.mute-modal__action-bar,\n.block-modal__action-bar,\n.onboarding-modal__paginator,\n.error-modal__footer {\n  background: darken($ui-base-color, 6%);\n\n  .onboarding-modal__nav,\n  .error-modal__nav {\n    &:hover,\n    &:focus,\n    &:active {\n      background-color: darken($ui-base-color, 12%);\n    }\n  }\n}\n\n// Change the default color used for the text in an empty column or on the error column\n.empty-column-indicator,\n.error-column {\n  color: lighten($ui-base-color, 60%);\n}\n\n// Change the default colors used on some parts of the profile pages\n.activity-stream-tabs {\n\n  background: $account-background-color;\n\n  a {\n    &.active {\n      color: $ui-primary-color;\n      }\n  }\n\n}\n\n.activity-stream {\n\n  .entry {\n    background: $account-background-color;\n  }\n\n  .status.light {\n\n    .status__content {\n      color: $primary-text-color;\n    }\n\n    .display-name {\n      strong {\n        color: $primary-text-color;\n      }\n    }\n\n  }\n\n}\n\n.accounts-grid {\n  .account-grid-card {\n\n    .controls {\n      .icon-button {\n        color: $ui-secondary-color;\n      }\n    }\n\n    .name {\n      a {\n        color: $primary-text-color;\n      }\n    }\n\n    .username {\n      color: $ui-secondary-color;\n    }\n\n    .account__header__content {\n      color: $primary-text-color;\n    }\n\n  }\n}\n\n.button.logo-button {\n  color: $white;\n\n  svg {\n    fill: $white;\n  }\n}\n\n.public-layout {\n  .header,\n  .public-account-header,\n  .public-account-bio {\n    box-shadow: none;\n  }\n\n  .header {\n    background: lighten($ui-base-color, 12%);\n  }\n\n  .public-account-header {\n    &__image {\n      background: lighten($ui-base-color, 12%);\n\n      &::after {\n        box-shadow: none;\n      }\n    }\n\n    &__tabs {\n      &__name {\n        h1,\n        h1 small {\n          color: $white;\n        }\n      }\n    }\n  }\n}\n\n.account__section-headline a.active::after {\n  border-color: transparent transparent $white;\n}\n\n.hero-widget,\n.box-widget,\n.contact-widget,\n.landing-page__information.contact-widget,\n.moved-account-widget,\n.memoriam-widget,\n.activity-stream,\n.nothing-here,\n.directory__tag > a,\n.directory__tag > div {\n  box-shadow: none;\n}\n\n.audio-player .video-player__controls button,\n.audio-player .video-player__time-sep,\n.audio-player .video-player__time-current,\n.audio-player .video-player__time-total {\n  color: $primary-text-color;\n}\n"],"sourceRoot":""}
\ No newline at end of file
diff --git a/priv/static/packs/skins/glitch/mastodon-light/common.js b/priv/static/packs/skins/glitch/mastodon-light/common.js
index ba27beac9..0477e20b0 100644
Binary files a/priv/static/packs/skins/glitch/mastodon-light/common.js and b/priv/static/packs/skins/glitch/mastodon-light/common.js differ
diff --git a/priv/static/packs/skins/vanilla/contrast/common.css b/priv/static/packs/skins/vanilla/contrast/common.css
index fe14d9031..166981fe7 100644
Binary files a/priv/static/packs/skins/vanilla/contrast/common.css and b/priv/static/packs/skins/vanilla/contrast/common.css differ
diff --git a/priv/static/packs/skins/vanilla/contrast/common.css.map b/priv/static/packs/skins/vanilla/contrast/common.css.map
index 9db5f296a..55ba6a017 100644
--- a/priv/static/packs/skins/vanilla/contrast/common.css.map
+++ b/priv/static/packs/skins/vanilla/contrast/common.css.map
@@ -1 +1 @@
-{"version":3,"sources":["webpack:///common.scss","webpack:///./app/javascript/styles/mastodon/reset.scss","webpack:///./app/javascript/styles/contrast/variables.scss","webpack:///./app/javascript/styles/mastodon/basics.scss","webpack:///./app/javascript/styles/mastodon/variables.scss","webpack:///./app/javascript/styles/mastodon/containers.scss","webpack:///./app/javascript/styles/mastodon/lists.scss","webpack:///./app/javascript/styles/mastodon/footer.scss","webpack:///./app/javascript/styles/mastodon/compact_header.scss","webpack:///./app/javascript/styles/mastodon/widgets.scss","webpack:///./app/javascript/styles/mastodon/forms.scss","webpack:///./app/javascript/styles/mastodon/accounts.scss","webpack:///./app/javascript/styles/mastodon/statuses.scss","webpack:///./app/javascript/styles/mastodon/boost.scss","webpack:///./app/javascript/styles/mastodon/components.scss","webpack:///<no source>","webpack:///./app/javascript/styles/mastodon/_mixins.scss","webpack:///./app/javascript/styles/mastodon/polls.scss","webpack:///./app/javascript/styles/mastodon/modal.scss","webpack:///./app/javascript/styles/mastodon/emoji_picker.scss","webpack:///./app/javascript/styles/mastodon/about.scss","webpack:///./app/javascript/styles/mastodon/tables.scss","webpack:///./app/javascript/styles/mastodon/admin.scss","webpack:///./app/javascript/styles/mastodon/dashboard.scss","webpack:///./app/javascript/styles/mastodon/rtl.scss","webpack:///./app/javascript/styles/mastodon/accessibility.scss","webpack:///./app/javascript/styles/contrast/diff.scss"],"names":[],"mappings":"AAAA,2ZCKA,QAaE,UACA,SACA,eACA,aACA,wBACA,+EAIF,aAEE,MAGF,aACE,OAGF,eACE,cAGF,WACE,qDAGF,UAEE,aACA,OAGF,wBACE,iBACA,MAGF,sCACE,qBAGF,UACE,YACA,2BAGF,kBACE,cACA,mBACA,iCAGF,kBACE,kCAGF,kBACE,2BAGF,aACE,gBACA,0BACA,CC9EmB,iEDqFrB,kBCrFqB,4BDyFrB,sBACE,MErFF,iDACE,mBACA,eACA,iBACA,gBACA,WCXM,kCDaN,6BACA,8BACA,CADA,0BACA,CADA,yBACA,CADA,qBACA,0CACA,wCACA,kBAEA,iKAYE,eAGF,SACE,oCAEA,WACE,iBACA,kBACA,uCAGF,iBACE,WACA,YACA,mCAGF,iBACE,cAIJ,kBDrDmB,kBCyDnB,iBACE,kBACA,0BAEA,iBACE,aAIJ,iBACE,YAGF,kBACE,SACA,iBACA,uBAEA,iBACE,WACA,YACA,gBACA,YAIJ,kBACE,UACA,YAGF,iBACE,kBACA,cD9EgB,mBAZC,WC6FjB,YACA,UACA,aACA,uBACA,mBACA,oBAEA,qBACE,YACA,sCAGE,aACE,gBACA,WACA,YACA,kBACA,uBAIJ,cACE,iBACA,gBACA,QAMR,mBACE,eACA,cAEA,YACE,kDAKF,YAGE,WACA,mBACA,uBACA,oBACA,sBAGF,YACE,yEAKF,gBAEE,+EAKF,WAEE,sCAIJ,qBAEE,eACA,gBACA,gBACA,cACA,kBACA,8CAEA,eACE,0CAGF,mBACE,gEAEA,eACE,0CAIJ,aDpLwB,kKCuLtB,oBAGE,sDAIJ,aDpLgB,eCsLd,0DAEA,aDxLc,oDC6LhB,cACE,SACA,uBACA,cDhMc,aCkMd,UACA,SACA,oBACA,eACA,UACA,4BACA,0BACA,gMAEA,oBAGE,kEAGF,aC9NY,gBDgOV,gBEnON,WACE,CACA,kBACA,qCAEA,eALF,UAMI,SACA,kBAIJ,sBACE,qCAEA,gBAHF,kBAII,qBAGF,YACE,uBACA,mBACA,wBAEA,SDrBI,YCuBF,kBACA,sBAGF,YACE,uBACA,mBACA,WD9BE,qBCgCF,UACA,kBACA,iBACA,6CACA,gBACA,eACA,mCAMJ,WACE,CACA,cACA,mBACA,sBACA,qCAEA,kCAPF,UAQI,aACA,aACA,kBAKN,WACE,CACA,YACA,eACA,iBACA,sBACA,CACA,gBACA,CACA,sBACA,qCAEA,gBAZF,UAaI,CACA,eACA,CACA,mBACA,0BAGF,UACE,YACA,iBACA,6BAEA,UACE,YACA,cACA,SACA,kBACA,uBAIJ,aACE,cH/EmB,wBGiFnB,iCAEA,aACE,gBACA,uBACA,gBACA,8BAIJ,aACE,eACA,iBACA,gBACA,SAIJ,YACE,cACA,8BACA,sBACA,mCACA,CADA,0BACA,mBAEA,eACE,WACA,mBAGF,aACE,WACA,mBAGF,aACE,WACA,mBAGF,eACE,WACA,qCAGF,QA3BF,UA4BI,qCACA,mBAEA,aACE,mBAGF,aACE,WACA,mBAGF,aACE,WACA,mBAGF,aACE,WACA,UAKN,YACE,cACA,8CACA,sBACA,mCACA,CADA,0BACA,mBAEA,eACE,WACA,mBAGF,eACE,WACA,mBAGF,aACE,WACA,mBAGF,eACE,WACA,mBAGF,aACE,WACA,uCAGF,eACE,wBAGF,kBACE,qCAGF,QAxCF,iDAyCI,uCAEA,YACE,aACA,mBACA,uBACA,iCAGF,UACE,uBACA,mBACA,sBAGF,YACE,sCAIJ,QA7DF,UA8DI,qCACA,mBAEA,aACE,mBAGF,aACE,WACA,mBAGF,aACE,WACA,mBAGF,aACE,WACA,mBAGF,aACE,WACA,sCAMJ,eADF,gBAEI,4BAGF,eACE,qCAEA,0BAHF,SAII,yBAIJ,kBACE,mCACA,kBACA,YACA,cACA,aACA,oBACA,uBACA,iBACA,gBACA,qCAEA,uBAZF,cAaI,WACA,MACA,OACA,SACA,gBACA,gBACA,YACA,6BAGF,cACE,eACA,kCAGF,YACE,oBACA,2BACA,iBACA,oCAGF,YACE,oBACA,uBACA,iBACA,mCAGF,YACE,oBACA,yBACA,iBACA,+BAGF,aACE,aACA,mCAEA,aACE,YACA,WACA,kBACA,YACA,UDxUA,qCC2UA,kCARF,WASI,+GAIJ,kBAGE,kCAIJ,YACE,mBACA,eACA,eACA,gBACA,qBACA,cHhVc,mBGkVd,kBACA,uHAEA,yBAGE,WDrWA,qCCyWF,0CACE,YACE,qCAKN,kBACE,CACA,oBACA,kBACA,6HAEA,oBAGE,mBACA,sBAON,YACE,cACA,0DACA,sBACA,mCACA,CADA,0BACA,gCAEA,UACE,cACA,gCAGF,UACE,cACA,qCAGF,qBAjBF,0BAkBI,WACA,gCAEA,YACE,kCAKN,iBACE,qCAEA,gCAHF,eAII,sCAKF,4BADF,eAEI,wCAIJ,eACE,mBACA,mCACA,gDAEA,UACE,qIAEA,8BAEE,CAFF,sBAEE,6DAGF,wBHxaiB,8CG6anB,yBACE,gBACA,aACA,kBACA,mBACA,oDAEA,UACE,cACA,kBACA,WACA,YACA,gDACA,MACA,OACA,kDAGF,mBACE,CADF,8BACE,CADF,gBACE,cACA,WACA,YACA,SACA,0BACA,qCAGF,6CA3BF,YA4BI,gDAIJ,eACE,6JAEA,iBAEE,qCAEA,4JAJF,eAKI,sCAKN,sCA/DF,eAgEI,gBACA,oDAEA,YACE,+FAGF,eAEE,6CAIJ,iBACE,iBACA,aACA,2BACA,mDAEA,UACE,cACA,mBACA,kBACA,SACA,OACA,QACA,YACA,0BACA,WACA,oDAGF,aACE,YACA,aACA,kBACA,cACA,wDAEA,aACE,WACA,YACA,SACA,kBACA,yBACA,mBACA,qCAIJ,2CArCF,YAsCI,mBACA,0BACA,YACA,mDAEA,YACE,oDAGF,UACE,YACA,CACA,sBACA,wDAEA,QACE,kBACA,2DAGF,mDAXF,YAYI,sCAKN,2CAhEF,eAiEI,sCAGF,2CApEF,cAqEI,8CAIJ,aACE,iBACA,mDAEA,gBACE,mBACA,sDAEA,cACE,iBACA,WD1kBF,gBC4kBE,gBACA,mBACA,uBACA,6BACA,4DAEA,aACE,eACA,WDplBJ,gBCslBI,gBACA,uBACA,qCAKN,4CA7BF,gBA8BI,aACA,8BACA,mBACA,mDAEA,aACE,iBACA,sDAEA,cACE,iBACA,iBACA,4DAEA,aH/lBQ,oDGsmBd,YACE,2BACA,oBACA,YACA,qEAEA,YACE,mBACA,gBACA,qCAGF,oEACE,YACE,6DAIJ,eACE,sBACA,cACA,cH3nBU,aG6nBV,+BACA,eACA,kBACA,kBACA,8DAEA,aACE,uEAGF,cACE,kEAGF,aACE,WACA,kBACA,SACA,OACA,WACA,gCACA,WACA,wBACA,yEAIA,+BACE,UACA,kFAGF,2BH3pBW,wEGiqBX,SACE,wBACA,8DAIJ,oBACE,cACA,2EAGF,cACE,cACA,4EAGF,eACE,eACA,kBACA,WDnsBJ,6CCqsBI,2DAIJ,aACE,WACA,4DAGF,eACE,8CAKN,YACE,eACA,kEAEA,eACE,gBACA,uBACA,cACA,2FAEA,4BACE,yEAGF,YACE,qDAIJ,gBACE,eACA,cH5tBY,uDG+tBZ,oBACE,cHhuBU,qBGkuBV,aACA,gBACA,8DAEA,eACE,WDpvBJ,qCC0vBF,6CAtCF,aAuCI,UACA,4CAKN,yBACE,qCAEA,0CAHF,eAII,wCAIJ,eACE,oCAGF,kBACE,mCACA,kBACA,gBACA,mBACA,qCAEA,mCAPF,eAQI,gBACA,gBACA,8DAGF,QACE,aACA,+DAEA,aACE,sFAGF,uBACE,yEAGF,aDryBU,8DC2yBV,mBACA,WD7yBE,qFCizBJ,YAEE,eACA,cHvyBc,2CG2yBhB,gBACE,iCAIJ,YACE,cACA,kDACA,qCAEA,gCALF,aAMI,+CAGF,cACE,iCAIJ,eACE,2BAGF,YACE,eACA,eACA,cACA,+BAEA,qBACE,cACA,YACA,cACA,mBACA,kBACA,qCAEA,8BARF,aASI,sCAGF,8BAZF,cAaI,sCAIJ,0BAvBF,QAwBI,6BACA,+BAEA,UACE,UACA,gBACA,gCACA,0CAEA,eACE,0CAGF,kBHn3Ba,+IGs3BX,kBAGE,WC53BZ,eACE,aAEA,oBACE,aACA,iBAIJ,eACE,cACA,oBAEA,cACE,gBACA,mBACA,wBCfF,eACE,iBACA,oBACA,eACA,cACA,qCAEA,uBAPF,iBAQI,mBACA,+BAGF,YACE,cACA,0CACA,wCAEA,aACE,WACA,YACA,wCAGF,aACE,WACA,YACA,wCAGF,aACE,WACA,YACA,kBACA,6CAEA,aACE,wCAIJ,aACE,WACA,YACA,wCAGF,aACE,WACA,YACA,qCAGF,6BAxCF,iCAyCI,+EAEA,aAEE,wCAGF,UACE,wCAGF,aACE,+EAGF,aAEE,wCAGF,UACE,sCAIJ,uCACE,aACE,sCAIJ,4JACE,YAIE,4BAKN,eACE,kBACA,cLlFc,6BKqFd,aACE,qBACA,6BAIJ,oBACE,cACA,wGAEA,yBAGE,mCAKF,aACE,YACA,WACA,cACA,aACA,0HAMA,YACE,oBCjIR,cACE,iBACA,cNYgB,gBMVhB,mBACA,eACA,qBACA,qCAEA,mBATF,iBAUI,oBACA,uBAGF,aACE,qBACA,0BAGF,eACE,cNJiB,wBMQnB,oBACE,mBACA,kBACA,WACA,YACA,cC9BN,kBACE,mCACA,mBAEA,UACE,kBACA,gBACA,0BACA,gBLPI,uBKUJ,mBACE,CADF,8BACE,CADF,gBACE,cACA,WACA,YACA,SACA,0BACA,oBAIJ,kBPlBmB,aOoBjB,0BACA,eACA,cPVgB,iBOYhB,qBACA,gBACA,8BAEA,UACE,YACA,gBACA,sBAGF,kBACE,iCAEA,eACE,uBAIJ,cACE,SACA,UACA,gBACA,uBACA,oBACA,kBACA,oBACA,cACA,sBAGF,aPxCmB,qBO0CjB,4BAEA,yBACE,qCAKN,aAnEF,YAoEI,uBAIJ,kBACE,oBACA,yBAEA,YACE,gBACA,eACA,cPhEgB,+BOoElB,cACE,0CAEA,eACE,sDAGF,YACE,mBACA,gDAGF,UACE,YACA,0BACA,oCAIJ,YACE,mBAKF,aP7FkB,aOkGpB,YACE,kBACA,mBPhHmB,mCOkHnB,qBAGF,YACE,kBACA,0BACA,kBACA,cP7GkB,mBO+GlB,iBAGF,eACE,eACA,cPpHkB,iBOsHlB,qBACA,gBACA,UACA,oBAEA,YACE,gBACA,eACA,cP9HgB,0BOkIlB,eACE,CACA,kBACA,mBAGF,oBACE,CACA,mBACA,cP3IgB,qBO6IhB,mBACA,gBACA,uBACA,0EAEA,yBAGE,uBAMJ,sBACA,kBACA,mBPzKmB,mCO2KnB,cP7JqB,gBO+JrB,mBACA,sDAEA,eAEE,CAII,qXADF,eACE,yBAKN,aACE,0BACA,CAMI,wLAGF,oBAGE,mIAEA,yBACE,gCAMR,kBACE,oCAEA,gBACE,cP1Mc,8DOgNhB,iBACE,eACA,4DAGF,eACE,qBACA,iEAEA,eACE,kBAMR,YACE,CACA,eLhPM,CKkPN,cACA,cPrOkB,mBOuOlB,+BANA,iBACA,CLhPM,kCK8PN,CATA,aAGF,kBACE,CAEA,iBACA,kBACA,cACA,iBAEA,UL/PM,eKiQJ,gBACA,gBACA,mBACA,gBAGF,cACE,cP3PgB,qCO+PlB,aArBF,YAsBI,mBACA,iBAEA,cACE,aAKN,kBPrRqB,kBOuRnB,mCACA,iBAEA,qBACE,mBACA,uCAEA,YAEE,mBACA,8BACA,mBPlSe,kBOoSf,aACA,qBACA,cACA,mCACA,0EAIA,kBAGE,0BAIJ,kBPzSiB,eO2Sf,8BAGF,UACE,eACA,oBAGF,aACE,eACA,gBACA,WLjUE,mBKmUF,gBACA,uBACA,wBAEA,aP1Tc,0BO8Td,aACE,gBACA,eACA,eACA,cPlUY,0IOwUd,ULrVE,+BK6VJ,aACE,YACA,uDAGF,oBPvViB,wCO2VjB,eACE,eAKN,YACE,yBACA,gCAEA,aACE,WACA,YACA,kBACA,kBACA,kBACA,mBACA,yBACA,4CAEA,SACE,6CAGF,SACE,6CAGF,SACE,iBAKN,UACE,0BAEA,SACE,SACA,wBAGF,eACE,0BAGF,iBACE,cPxYgB,gBO0YhB,aACA,sCAEA,eACE,0BAIJ,cACE,sBACA,gCACA,wCAGF,eACE,wBAGF,WACE,kBACA,eACA,gBACA,WL7aI,8BKgbJ,aACE,cPpac,gBOsad,eACA,0BAIJ,SACE,iCACA,qCAGF,kCACE,YACE,sCAYJ,qIAPF,eAQI,gBACA,gBACA,iBAOJ,gBACE,qCAEA,eAHF,oBAII,uBAGF,sBACE,sCAEA,qBAHF,sBAII,sCAGF,qBAPF,UAQI,sCAGF,qBAXF,WAYI,kCAIJ,iBACE,qCAEA,gCAHF,4BAII,iEAIA,eACE,0DAGF,cACE,iBACA,oEAEA,UACE,YACA,gBACA,yFAGF,gBACE,SACA,mKAIJ,eAGE,gBAON,aPrgBkB,iCOogBpB,kBAKI,6BAEA,eACE,kBAIJ,cACE,iBACA,wCAMF,oBACE,gBACA,cP5hBiB,4JO+hBjB,yBAGE,oBAKN,kBACE,gBACA,eACA,kBACA,yBAEA,aACE,gBACA,aACA,CACA,kBACA,gBACA,uBACA,qBACA,WLhkBI,gCKkkBJ,4FAEA,yBAGE,oCAIJ,eACE,0BAGF,iBACE,gCACA,MCjlBJ,+CACE,gBACA,iBAGF,eACE,aACA,cACA,qBAIA,kBACE,gBACA,4BAEA,QACE,0CAIA,kBACE,qDAEA,eACE,gDAIJ,iBACE,kBACA,sDAEA,iBACE,SACA,OACA,6BAKN,iBACE,gBACA,gDAEA,mBACE,eACA,gBACA,WNhDA,cMkDA,WACA,4EAGF,iBAEE,mDAGF,eACE,4CAGF,iBACE,QACA,OACA,qCAGF,aRjEoB,0BQmElB,gIAEA,oBAGE,0CAIJ,iBACE,CACA,iBACA,mBAKN,YACE,cACA,0BAEA,qBACE,cACA,UACA,cACA,oBAIJ,aRvFkB,sBQ0FhB,aRnGsB,yBQuGtB,iBACE,kBACA,mBACA,uBAGF,eACE,iBACA,sBAIJ,kBACE,wBAGF,aACE,eACA,eACA,qBAGF,kBACE,cRrHgB,iCQwHhB,iBACE,eACA,iBACA,gBACA,gBACA,oBAIJ,kBACE,qBAGF,eACE,CAII,0JADF,eACE,sDAMJ,YACE,4DAEA,mBACE,eACA,WNlKA,gBMoKA,gBACA,cACA,wHAGF,aAEE,sDAIJ,cACE,kBACA,mDAKF,mBACE,eACA,WNxLE,cM0LF,kBACA,qBACA,gBACA,sCAGF,cACE,mCAGF,UACE,sCAIJ,cACE,4CAEA,mBACE,eACA,WN9ME,cMgNF,gBACA,gBACA,4CAGF,kBACE,yCAGF,cACE,CADF,cACE,6BAIJ,oBACE,cACA,4BAGF,kBACE,8CAEA,eACE,0BAIJ,YACE,CACA,eACA,oBACA,iCAEA,cACE,kCAGF,qBACE,eACA,cACA,eACA,oCAEA,aACE,2CAGF,eACE,6GAIJ,eAEE,qCAGF,yBA9BF,aA+BI,gBACA,kCAEA,cACE,0JAGF,kBAGE,iDAKN,iBACE,oBACA,eACA,WN5RI,cM8RJ,WACA,2CAKE,mBACE,eACA,WNtSA,qBMwSA,WACA,kBACA,gBACA,kBACA,cACA,0DAGF,iBACE,OACA,QACA,SACA,kDAKN,cACE,aACA,yBACA,kBACA,sJAGF,qBAKE,eACA,WNtUI,cMwUJ,WACA,UACA,oBACA,gBACA,mBACA,yBACA,kBACA,aACA,6RAEA,aACE,CAHF,+OAEA,aACE,CAHF,mQAEA,aACE,CAHF,wQAEA,aACE,CAHF,sNAEA,aACE,8LAGF,eACE,oVAGF,oBACE,iOAGF,oBN7VY,oLMiWZ,iBACE,4WAGF,oBRlWsB,mBQqWpB,6CAKF,aACE,gUAGF,oBAME,8CAGF,aACE,gBACA,cACA,eACA,8BAIJ,UACE,uBAGF,eACE,aACA,oCAEA,YACE,mBACA,qEAIJ,aAGE,WACA,SACA,kBACA,mBR5YiB,WEXb,eM0ZJ,oBACA,YACA,aACA,qBACA,kBACA,sBACA,eACA,gBACA,UACA,mBACA,kBACA,sGAEA,cACE,uFAGF,wBACE,gLAGF,wBAEE,kHAGF,wBRlboB,gGQsbpB,kBNtbQ,kHMybN,wBACE,sOAGF,wBAEE,qBAKN,uBACE,CADF,oBACE,CADF,eACE,sBACA,eACA,WNzcI,cM2cJ,WACA,UACA,oBACA,gBACA,wXACA,yBACA,kBACA,kBACA,mBACA,YACA,iBAGF,4BACE,oCAIA,iBACE,mCAGF,iBACE,UACA,QACA,CACA,qBACA,eACA,cRzdY,oBQ2dZ,oBACA,eACA,gBACA,mBACA,gBACA,yCAEA,UACE,cACA,kBACA,MACA,QACA,WACA,UACA,iEACA,4BAKN,iBACE,0CAEA,wBACE,CADF,gBACE,qCAGF,iBACE,MACA,OACA,WACA,YACA,aACA,uBACA,mBACA,8BACA,kBACA,iBACA,gBACA,YACA,8CAEA,iBACE,6HAGE,UNvhBF,aMiiBR,aACE,CACA,kBACA,eACA,gBAGF,kBACE,cR5hBkB,kBQ8hBlB,kBACA,mBACA,kBACA,uBAEA,qCACE,iCACA,cNjjBY,sBMqjBd,mCACE,+BACA,cNtjBQ,kBM0jBV,oBACE,cRhjBgB,qBQkjBhB,wBAEA,UNjkBI,0BMmkBF,kBAIJ,kBACE,4BAGF,SACE,sBACA,cACA,WACA,SACA,aACA,gDACA,mBRjlBiB,WEDb,eMqlBJ,SACA,8CAEA,QACE,iHAGF,mBAGE,kCAGF,kBACE,uBAIJ,eACE,CAII,oKADF,eACE,0DAKN,eAzEF,eA0EI,eAIJ,eACE,kBACA,gBAEA,aR7mBkB,qBQ+mBhB,sBAEA,yBACE,YAKN,eACE,mBACA,eACA,eAEA,oBACE,kBACA,cAGF,aR1oBwB,qBQ4oBtB,gBACA,2DAEA,aAGE,8BAKN,kBAEE,cRhpBkB,oCQmpBlB,cACE,mBACA,kBACA,4CAGF,aRvpBqB,gBQypBnB,CAII,mUADF,eACE,0DAKN,6BAtBF,eAuBI,cAIJ,YACE,eACA,uBACA,UAGF,aACE,gBN7rBM,YM+rBN,qBACA,mCACA,qBACA,cAEA,aACE,SACA,iBAIJ,kBACE,cR5rBqB,WQ8rBrB,sBAEA,aACE,eACA,eAKF,kBACE,sBAEA,eACE,CAII,+JADF,eACE,4CASR,qBACE,8BACA,WNzuBI,qCM2uBJ,oCACA,kBACA,aACA,mBACA,gDAEA,UNjvBI,0BMmvBF,oLAEA,oBAGE,0DAIJ,eACE,cACA,kBACA,CAII,yYADF,eACE,kEAIJ,eACE,oBAMR,YACE,eACA,mBACA,4DAEA,aAEE,6BAIA,wBACA,cACA,sBAIJ,iBACE,cRnxBkB,0BQsxBlB,iBACE,oBAIJ,eACE,mBACA,uBAEA,cACE,WN7yBI,kBM+yBJ,mBACA,SACA,UACA,4BAGF,aACE,eAIJ,aNvzBc,0SMi0BZ,+CACE,aAIJ,kBACE,yBACA,kBACA,aACA,mBACA,kBACA,kBACA,QACA,mCACA,sBAEA,aACE,8BAGF,sBACE,SACA,aACA,eACA,gDACA,oBAGF,aACE,WACA,oBACA,gBACA,eACA,CACA,oBACA,WACA,iCACA,oBAGF,oBN32Bc,gBM62BZ,2BAEA,kBN/2BY,gBMi3BV,oBAKN,kBACE,6BAEA,wBACE,mBACA,eACA,aACA,4BAGF,kBACE,aACA,OACA,sBACA,cACA,cACA,gCAEA,iBACE,YACA,iBACA,kBACA,UACA,8BAGF,qBACE,qCAIJ,kBACE,gCAGF,wBACE,mCACA,kBACA,kBACA,kBACA,kBACA,sCAEA,wBACE,WACA,cACA,YACA,SACA,kBACA,MACA,UACA,yBAIJ,sBACE,aACA,mBACA,SCl7BF,aACE,qBACA,cACA,mCACA,qCAEA,QANF,eAOI,8EAMA,kBACE,YAKN,YACE,kBACA,mBACA,0BACA,gBAEA,aACE,WACA,YACA,SACA,oBACA,CADA,8BACA,CADA,gBACA,0BACA,qCAGF,WAfF,YAgBI,sCAGF,WAnBF,YAoBI,aAIJ,iBACE,aACA,aACA,2BACA,mBACA,mBACA,0BACA,qCAEA,WATF,eAUI,qBAGF,aACE,WACA,YACA,gBACA,wBAEA,UACE,YACA,cACA,SACA,kBACA,mBACA,oBACA,CADA,8BACA,CADA,gBACA,0BAIJ,gBACE,gBACA,iCAEA,cACE,WP7EA,gBO+EA,gBACA,uBACA,+BAGF,aACE,eACA,cTzEY,gBS2EZ,gBACA,uBACA,aAMR,cACE,kBACA,gBACA,6GAEA,cAME,WP3GI,gBO6GJ,qBACA,iBACA,qBACA,sBAGF,ePnHM,oBOqHJ,WTtHI,eSwHJ,cACA,kBAGF,cACE,uCAGF,aThHqB,oBSqHrB,UACE,eACA,wBAEA,oBACE,iBACA,oBAIJ,WACE,gBACA,wBAEA,oBACE,gBACA,uBAIJ,cACE,cACA,qCAGF,YA7DF,iBA8DI,mBAEA,YACE,uCAGF,oBAEE,gBAKN,kBT1KqB,mCS4KnB,cTxJiB,eS0JjB,gBACA,kBACA,aACA,uBACA,mBACA,eACA,kBACA,aACA,gBACA,2BAEA,yBACE,yBAGF,qBACE,gBACA,yCAIJ,oBAEE,gBACA,eACA,kBACA,eACA,iBACA,gBACA,cTzMwB,sCS2MxB,sCACA,6DAEA,aPhNc,sCOkNZ,kCACA,qDAGF,aACE,sCACA,kCACA,0BAIJ,eACE,UACA,wBACA,gBACA,CADA,YACA,CACA,iCACA,CADA,uBACA,CADA,kBACA,eACA,iBACA,6BAEA,YACE,gCACA,yDAGF,qBAEE,aACA,kBACA,gBACA,gBACA,mBACA,uBACA,6BAGF,eACE,YACA,cACA,cT5OmB,6BS8OnB,6BAGF,aACE,cTpPgB,4BSwPlB,aTjQwB,qBSmQtB,qGAEA,yBAGE,oCAIJ,qCACE,iCACA,sCAEA,aPnRY,gBOqRV,0CAGF,aPxRY,wCO6Rd,eACE,wCAIJ,UACE,0BAIA,aT3RkB,4BS8RhB,aTxSsB,qBS0SpB,qGAEA,yBAGE,iCAIJ,UPtTI,gBOwTF,wBAIJ,eACE,kBC/TJ,kCACE,kBACA,gBACA,mBACA,8BAEA,yBACE,qCAGF,iBAVF,eAWI,gBACA,gBACA,6BAGF,eACE,SACA,gBACA,gFAEA,yBAEE,sCAIJ,UACE,yBAGF,kBV5BmB,6GU+BjB,sBAGE,CAHF,cAGE,8IAIA,eAGE,0BACA,iJAKF,yBAGE,kLAIA,iBAGE,qCAKN,4GACE,yBAGE,uCAKN,kBACE,qBAIJ,WACE,eACA,mBVpEmB,WEXb,oBQkFN,iBACA,YACA,iBACA,SACA,yBAEA,UACE,YACA,sBACA,iBACA,UR5FI,gFQgGN,kBAGE,qNAKA,kBVtGoB,4IU8GpB,kBR9GQ,qCQqHV,wBACE,YACE,0DAOJ,YACE,uCAGF,2BACE,gBACA,uDAEA,SACE,SACA,yDAGF,eACE,yDAGF,gBACE,iBACA,mFAGF,UACE,qMAGF,eAGE,iCC/JN,u+KACE,uCAEA,u+KACE,0CAIJ,u+KACE,WCTF,gCACE,4CACA,cAGF,aACE,eACA,iBACA,cZKmB,SYHnB,uBACA,UACA,eACA,wCAEA,yBAEE,uBAGF,aZhBsB,eYkBpB,SAIJ,wBZbqB,YYenB,kBACA,sBACA,WV5BM,eU8BN,qBACA,oBACA,eACA,gBACA,YACA,iBACA,iBACA,gBACA,eACA,kBACA,kBACA,qBACA,uBACA,2BACA,mBACA,WACA,4CAEA,wBAGE,4BACA,sBAGF,eACE,mFAEA,wBVxDQ,gBU4DN,mCAIJ,wBZhEsB,eYmEpB,2BAGF,QACE,wDAGF,mBAGE,yGAGF,cAIE,iBACA,YACA,oBACA,iBACA,4BAGF,UZ9FM,mBAGgB,qGY+FpB,wBAGE,8BAIJ,kBV1EsB,2GU6EpB,wBAGE,0BAIJ,aZrGkB,uBYuGhB,iBACA,yBACA,+FAEA,oBAGE,cACA,mCAGF,UACE,uBAIJ,aACE,WACA,kBAIJ,YACE,cACA,kBACA,cAGF,oBACE,UACA,cZjIoB,SYmIpB,kBACA,uBACA,eACA,2BACA,2CACA,2DAEA,aAGE,uCACA,4BACA,2CACA,oBAGF,qCACE,uBAGF,aACE,6BACA,eACA,qBAGF,aZ1KwB,gCY8KxB,QACE,uEAGF,mBAGE,uBAGF,aZxKmB,sFY2KjB,aAGE,oCACA,6BAGF,kCACE,gCAGF,aACE,6BACA,8BAGF,aZ3MsB,uCY8MpB,aACE,wBAKN,sBACE,0BACA,yBACA,kBACA,YACA,8BAEA,yBACE,mBAKN,aZjNqB,SYmNnB,kBACA,uBACA,eACA,gBACA,eACA,cACA,iBACA,UACA,2BACA,2CACA,0EAEA,aAGE,oCACA,4BACA,2CACA,yBAGF,kCACE,4BAGF,aACE,6BACA,eACA,0BAGF,aZlQwB,qCYsQxB,QACE,sFAGF,mBAGE,CAKF,0BADF,iBAUE,CATA,WAGF,WACE,cACA,qBACA,QACA,SAEA,+BAEA,kBAEE,mBACA,oBACA,kBACA,mBACA,iBAKF,WACE,eAIJ,YACE,iCAGE,mBACA,eAEA,gBACA,wCAEA,aZvTsB,sDY2TtB,YACE,2CAGF,oBACE,kBACA,yBACA,sBACA,WACA,YACA,cACA,kBACA,SACA,kBACA,sBACA,kDAEA,oBZ5UoB,yDYmVxB,UZxVM,mBY0VJ,mBZvVoB,oCYyVpB,iBACA,kBACA,eACA,gBACA,6CAEA,UZlWI,gBYoWF,CAII,kRADF,eACE,wCAKN,aZxViB,gBY0Vf,0BACA,yIAEA,oBAGE,sCAKN,iBACE,QACA,UACA,kDAGF,iBACE,mGAGF,iBAGE,WACA,8BAGF,QACE,wBACA,UACA,qDAEA,WACE,mBACA,UACA,mFAIJ,aAEE,sBACA,WACA,SACA,WZ5ZI,gBECA,aU8ZJ,oBACA,eACA,gBACA,SACA,UACA,yIAEA,aZvZc,CYqZd,sHAEA,aZvZc,CYqZd,8HAEA,aZvZc,CYqZd,gIAEA,aZvZc,CYqZd,4GAEA,aZvZc,+FY2Zd,SACE,qCAGF,kFAvBF,cAwBI,sCAIJ,iBACE,+CAGF,gBACE,0BACA,iBACA,mBACA,YACA,qBACA,kEAEA,SACE,qCAGF,8CAZF,sBAaI,gBACA,2DAIJ,iBACE,SACA,kDAGF,qBACE,aACA,kBACA,SACA,WACA,WACA,sCACA,mBZjdsB,0BYmdtB,WZvdI,eYydJ,YACA,6FAEA,aACE,wDAIJ,YACE,eACA,kBACA,yPAEA,kBAIE,wGAIJ,YAGE,mBACA,mBACA,2BACA,iBACA,eACA,oCAGF,6BACE,0CAEA,aACE,gBACA,uBACA,mBACA,2CAGF,eACE,0CAGF,aACE,iBACA,gBACA,uBACA,mBACA,8EAIJ,aAEE,iBACA,WACA,YACA,2DAGF,aZngBmB,wCYugBnB,UZ5hBM,oBY8hBJ,eACA,gBV9hBI,sEUiiBJ,eACE,uEAGF,YACE,mBACA,YACA,eACA,8DAGF,UACE,cACA,WACA,uEAEA,iFACE,aACA,uBACA,8BACA,UACA,4BACA,oFAEA,aACE,cZ3iBa,eY6iBb,gBACA,aACA,oBACA,6QAEA,UAGE,8EAIJ,SACE,0EAIJ,iBACE,UACA,SACA,OACA,QACA,sBACA,gFACA,aACA,UACA,4BACA,mFAEA,sBACE,cZ3kBa,SY6kBb,UACA,SACA,WACA,oBACA,eACA,gBACA,yFAEA,UVpmBF,8GUwmBE,WACE,cZ1lBW,CEff,oGUwmBE,WACE,cZ1lBW,CEff,wGUwmBE,WACE,cZ1lBW,CEff,yGUwmBE,WACE,cZ1lBW,CEff,+FUwmBE,WACE,cZ1lBW,iFY+lBf,SACE,wEAKN,iBACE,sBVtnBE,wBUwnBF,sBACA,4BACA,aACA,WACA,gBACA,8CAIJ,YACE,mBACA,0BACA,aACA,8BACA,cACA,qEAEA,YACE,uGAEA,gBACE,qGAGF,YACE,6IAEA,aACE,2IAGF,gBACE,0HAKN,sBAEE,cACA,0EAGF,iBACE,iBACA,sCAIJ,YACE,yBACA,YACA,cACA,4EAEA,eACE,iBACA,oBAKN,cACE,kDACA,eACA,gBACA,cZrqBmB,4CYwqBnB,aVzrBY,kCU8rBd,2CACE,WCpsBF,8DDysBE,sBACA,CADA,kBACA,wBACA,WACA,YACA,eAEA,UACE,kBAIJ,iBACE,mBACA,mBZltBsB,aYotBtB,gBACA,gBACA,cACA,0BAGF,iBACE,gBACA,0BAGF,WACE,iBACA,gCAGF,UZvuBQ,cYyuBN,eACA,iBACA,gBACA,mBACA,qBACA,kCAGF,UACE,iBACA,+BAGF,cACE,4CAGF,iBAEE,eACA,iBACA,qBACA,gBACA,gBACA,uBACA,gBACA,WVlwBM,wDUqwBN,SACE,wGAGF,kBACE,sJAEA,oBACE,gEAIJ,UACE,YACA,gBACA,oDAGF,cACE,iBACA,sBACA,CADA,gCACA,CADA,kBACA,gDAGF,kBACE,qBACA,sEAEA,eACE,gDAIJ,aV1xBc,qBU4xBZ,4DAEA,yBACE,oEAEA,aACE,4EAKF,oBACE,sFAEA,yBACE,wDAKN,aZ9yBc,8EYmzBhB,aACE,0GAGF,kBZpzBoB,sHYuzBlB,kBACE,qBACA,8IAGF,QACE,0XAGF,mBAGE,0FAIJ,YACE,wJAEA,aACE,6CAKN,gBACE,oCAGF,aACE,eACA,iBACA,cACA,SACA,uBACA,CACA,eACA,oFAEA,yBAEE,gCAIJ,oBACE,kBACA,uBACA,SACA,WZ13BM,gBY43BN,eACA,cACA,iBACA,eACA,sBACA,4BAGF,aZr3BkB,SYu3BhB,kBACA,kBACA,oBACA,SACA,aACA,sBACA,WACA,WACA,gCACA,+BAGF,UACE,kBACA,kBAIA,SACE,mBACA,wCAEA,kBACE,8CAEA,sBACE,iFAIJ,kBAEE,SAMJ,yBACA,kBACA,gBACA,gCACA,eACA,UAaA,mCACA,CADA,0BACA,wDAZA,QARF,kBAWI,0BAGF,GACE,aACA,WALA,gBAGF,GACE,aACA,uDAMF,cAEE,kCAGF,kBACE,4BACA,sCAIA,aZt7Be,CAtBX,uEYq9BF,UZr9BE,kCYy9BF,aZn8Ba,gCYw8Bf,UZ99BI,kCYi+BF,aZ59BoB,gEYg+BpB,UVp+BE,mBFEgB,sEYs+BhB,kBACE,+CAQR,sBACE,qEAEA,aACE,qDAKN,aZ5+BkB,YY++BhB,eACA,uBAGF,aZn/BkB,qCYu/BlB,aACE,eACA,mBACA,eAGF,cACE,mBAGF,+BACE,aACA,6CAEA,uBACE,OACA,4DAEA,eACE,8DAGF,SACE,mBACA,qHAGF,cAEE,gBACA,4EAGF,cACE,0BAKN,kBACE,aACA,cACA,uBACA,aACA,kBAGF,gBACE,cZviCgB,CYyiChB,iBACA,eACA,kBACA,+CAEA,aZ9iCgB,uBYkjChB,aACE,gBACA,uBACA,qBAIJ,kBACE,aACA,eACA,8BAEA,mBACE,kBACA,mBACA,yDAEA,gBACE,qCAGF,oBACE,WACA,eACA,gBACA,cZxkCgB,4BY8kCtB,iBACE,8BAGF,cACE,cACA,uCAGF,aACE,aACA,mBACA,uBACA,kBACA,kBAGF,kBACE,kBACA,wBAEA,YACE,eACA,8BACA,uBACA,uFAEA,SAEE,mCAIJ,cACE,iBACA,6CAEA,UACE,YACA,gBACA,kEAGF,gBACE,gBACA,+DAIJ,cAEE,wBAIJ,eACE,cZzoCgB,eY2oChB,iBACA,8BAGF,kBACE,6BACA,gCACA,aACA,mBACA,eACA,wBAGF,aACE,qBACA,uDAGF,oBAEE,gBACA,eACA,gBACA,2BAGF,UZprCQ,eYsrCN,6BAEA,aZnqCmB,SYwqCrB,YACE,gCACA,8BAEA,aACE,cACA,WVlsCI,qBUosCJ,eACA,gBACA,kBAIJ,YACE,iBAGF,WACE,aACA,mBACA,UAGF,YACE,gCACA,kBAEA,SACE,gBACA,2CAEA,aACE,iCAIJ,aACE,cACA,cZttCgB,gBYwtChB,qBACA,eACA,mBAIJ,YACE,0BAGF,UACE,iBACA,kBACA,kBAGF,iBEtvCE,iCACA,wBACA,4BACA,kBFqvCA,yBAEA,oBACE,sBACA,iBACA,4BAGF,iBEhwCA,iCACA,wBACA,4BACA,kBF+vCE,gBACA,kBACA,eACA,gCAEA,UACE,kBACA,sBACA,mCAGF,aACE,kBACA,QACA,SACA,+BACA,WVjxCE,6BUmxCF,gBACA,eACA,oBAKN,cACE,0BAGF,UACuB,sCEvxCrB,+BFyxCA,iBElyCA,iCACA,wBACA,4BACA,WFiyCuB,sCE3xCvB,kCF8xCA,iBEvyCA,iCACA,wBACA,4BACA,WFsyCuB,sCEhyCvB,kBFkyCE,SACA,QACA,UACA,wBAIJ,WACE,aACA,mBACA,sBAGF,YACE,6BACA,cZ3yCgB,6BY8yChB,eACE,CAII,kMADF,eACE,wBAKN,eACE,cACA,0BACA,yFAEA,oBAGE,sBAKN,4BACE,gCACA,iBACA,gBACA,cACA,aACA,+BAGF,YACE,4CAEA,qBACE,oFAIA,QACE,WACA,uDAGF,WACE,iBACA,gBACA,WACA,4BAKN,YACE,cACA,iBACA,kBACA,2BAGF,oBACE,gBACA,cACA,+BACA,eACA,oCACA,kCAEA,+BACE,gCAGF,aACE,eACA,cZ13CgB,kCY83ClB,aACE,eACA,gBACA,WV94CI,CUm5CA,2NADF,eACE,oBAMR,iBACE,mDAEA,aACE,mBACA,gBACA,4BAIJ,UACE,kBACA,6JAGF,oBAME,4DAKA,UVn7CM,kBUy7CN,UACE,iKAQF,yBACE,+BAIJ,aACE,gBACA,uBACA,0DAGF,aAEE,sCAGF,kBACE,gCAGF,aZv8CuB,cYy8CrB,iBACA,mBACA,gBACA,2EAEA,aAEE,uBACA,gBACA,uCAGF,cACE,WVr+CI,kCU0+CR,UACE,kBACA,iBAGF,WACE,UACA,kBACA,SACA,WACA,iBAGF,UACE,kBACA,OACA,MACA,YACA,eACA,CZ/+CgB,gHYy/ChB,aZz/CgB,wBY6/ChB,UACE,wCAGF,kBVj/CsB,WF/BhB,8CYohDJ,kBACE,qBACA,wBAKN,oBACE,gBACA,eACA,cZhhDkB,eYkhDlB,iBACA,kBACA,4BAEA,aZ/hDwB,6BYmiDxB,cACE,gBACA,uBACA,uCAIJ,UACE,kBACA,CV5iDU,mEUmjDZ,aVnjDY,uBUujDZ,aVxjDc,4DU8jDV,4CACE,CADF,oCACE,8DAKF,6CACE,CADF,qCACE,6BAKN,aACE,gBACA,qBACA,mCAEA,UVllDM,0BUolDJ,8BAIJ,WACE,eAGF,aACE,eACA,gBACA,uBACA,mBACA,qBAGF,eACE,wBAGF,cACE,+DAKA,yBACE,eAIJ,iBACE,WACA,YACA,aACA,mBACA,uBACA,sBACA,6CAEA,cVzkD4B,eAEC,0DU0kD3B,sBACA,CADA,gCACA,CADA,kBACA,4BAGF,iBACE,qEAGF,YACE,iBAIJ,iBACE,WACA,YACA,aACA,mBACA,uBACA,qBAEA,cVjmD4B,eAEC,WUkmD3B,YACA,sBACA,CADA,gCACA,CADA,kBACA,iBAIJ,YACE,aACA,mBACA,cACA,eACA,cZrpDkB,wBYwpDlB,aZtpDqB,mBY0pDrB,aACE,4BAGF,oBACE,0CAGF,iBACE,6DAEA,iBACE,oBACA,qCACA,UACA,4EAGF,mBACE,gCACA,UACA,0BAKN,aACE,gBACA,iBACA,gBACA,gBACA,kCAGF,aACE,gBACA,gBACA,uBACA,+BAGF,aACE,qBACA,WAGF,oBACE,oBAGF,YACE,kBACA,2BAGF,+BACE,mBACA,SACA,gBAGF,kBZnuD0B,cYquDxB,kBACA,uCACA,aACA,mBAEA,eACE,qBAGF,yBACE,oBAGF,yBACE,uBAGF,sBACE,sBAGF,sBACE,uBAIJ,iBACE,QACA,SACA,2BACA,4BAEA,UACE,gBACA,2BACA,0BZxwDsB,2BY4wDxB,WACE,iBACA,uBACA,yBZ/wDsB,8BYmxDxB,QACE,iBACA,uBACA,4BZtxDsB,6BY0xDxB,SACE,gBACA,2BACA,2BZ7xDsB,wBYmyDxB,cACE,iBACA,cACA,iBACA,sBACA,qBACA,mBZzyDsB,WAJlB,gBYgzDJ,uBACA,mBACA,yFAEA,kBZxyDiB,cAIE,UYyyDjB,sCAKN,aACE,iBACA,gBACA,QACA,gBACA,aACA,yCAEA,eACE,mBZn0DsB,cYq0DtB,kBACA,mCACA,gBACA,kBACA,sDAGF,OACE,wDAIA,UACE,8CAIJ,cACE,iBACA,cACA,iBACA,sBACA,qBACA,mBZ51DsB,WAJlB,gBYm2DJ,uBACA,mBACA,oDAEA,SACE,oDAGF,kBZ/1DiB,cAIE,iBYk2DvB,qBACE,eAGF,YACE,cACA,mBACA,2BACA,gBACA,kBACA,4BAEA,iBACE,uBAGF,YACE,uBACA,WACA,YACA,iBACA,6BAEA,WACE,gBACA,oBACA,aACA,yBACA,gBACA,oCAEA,0BACE,oCAGF,cACE,YACA,oBACA,YACA,6BAIJ,qBACE,WACA,gBACA,cACA,aACA,sBACA,qCAEA,4BARF,cASI,qBAMR,kBACE,wBACA,CADA,eACA,MACA,UACA,cACA,qCAEA,mBAPF,gBAQI,+BAGF,eACE,qCAEA,6BAHF,kBAII,gKAMJ,WAIE,mCAIJ,YACE,mBACA,uBACA,YACA,SAGF,WACE,kBACA,sBACA,aACA,sBACA,qBAEA,kBZr9DmB,8BYu9DjB,+BACA,KAIJ,aACE,CACA,qBACA,WACA,YACA,aAJA,YAYA,CARA,QAGF,WACE,sBACA,CACA,qBACA,kBACA,cAGF,aACE,cACA,sBACA,cZn+DkB,qBYq+DlB,kBACA,eACA,oCACA,iBAGF,aAEE,gBACA,qCAGF,cACE,SACE,iBAGF,aAEE,CAEA,gBACA,yCAEA,iBACE,uCAGF,kBACE,qDAKF,gBAEE,kBACA,YAKN,qBACE,aACA,mBACA,cACA,gBACA,iBAGF,aACE,cACA,CACA,sBACA,WVxiEM,qBU0iEN,kBACA,eACA,gBACA,gCACA,2BACA,mDACA,qBAEA,eACE,eACA,qCAMA,mEAHF,kBAII,4BACA,yBAIJ,+BACE,cZ7jEsB,sBYikExB,eACE,aACA,qCAIJ,qBAEI,cACE,wBAKN,qBACE,WACA,YACA,cACA,6DAEA,UAEE,YACA,UACA,wCAGF,YACE,cACA,kDACA,qCAEA,uCALF,aAMI,yCAIJ,eACE,oCAGF,YACE,uDAGF,cACE,sCAGF,gBACE,eACA,CACA,2BACA,yCAGF,QACE,mCAGF,gBACE,yBAEA,kCAHF,eAII,sCAIJ,sBACE,gBACA,sCAGF,uCACE,YACE,iKAEA,eAGE,6CAIJ,gBACE,2EAGF,YAEE,kGAGF,gBACE,+BAGF,2BACE,gBACA,uCAEA,SACE,SACA,wCAGF,eACE,wCAGF,gBACE,iBACA,qDAGF,UACE,gLAGF,eAIE,gCAIJ,iBACE,6CAEA,cACE,8CAKF,gBACE,iBACA,6DAGF,UACE,CAIA,yFAGF,eACE,8DAGF,gBACE,kBACA,0BAMR,cACE,aACA,uBACA,mBACA,gBACA,iBACA,iBACA,gBACA,mBACA,WV/uEM,kBUivEN,eACA,iBACA,qBACA,sCACA,4FAEA,kBAGE,qCAIJ,UACE,UACE,uDAGF,kCACE,4DAGF,kBAGE,yBAGF,aACE,iBAGF,eAEE,sCAIJ,2CACE,YACE,sCAOA,sEAGF,YACE,uCAIJ,0CACE,YACE,uCAIJ,UACE,YACE,mBAIJ,iBACE,yBAEA,iBACE,SACA,UACA,mBZ/yEiB,yBYizEjB,gBACA,kBACA,eACA,gBACA,iBACA,WVj0EI,mDUs0ER,oBACE,gBAGF,WACE,gBACA,aACA,sBACA,yBACA,kBACA,gCAEA,gBACE,oBACA,cACA,gBACA,6BAGF,sBACE,8BAGF,MACE,kBACA,aACA,sBACA,iBACA,oBACA,oBACA,mDAGF,eACE,sBVx2EI,0BU02EJ,cACA,gDAGF,iBACE,gDAGF,WACE,mBAIJ,eACE,mBACA,yBACA,gBACA,aACA,sBACA,qBAEA,aACE,sBAGF,aACE,SACA,CACA,4BACA,cACA,qDAHA,sBAOA,gBAMF,WACA,kBAGA,+BANF,qBACE,UACA,CAEA,eACA,aAiBA,CAhBA,eAGF,iBACE,MACA,OACA,mBACA,CAGA,qBACA,CACA,eACA,WACA,YACA,kBACA,uBAEA,kBZv6EmB,0BY46ErB,u1BACE,OACA,gBACA,aACA,8BAEA,aACE,sBACA,CADA,4DACA,CADA,kBACA,+BACA,CADA,2BACA,WACA,YACA,oBACA,eACA,yBACA,CADA,qBACA,CADA,oBACA,CADA,gBACA,sCAGF,yBAjBF,aAkBI,iBAIJ,kBACE,eACA,gBACA,iBAGF,aACE,eACA,mBACA,mBACA,aACA,mBACA,kBACA,mBAEA,iCACE,yBAEA,kBACE,mCACA,aAKN,iBACE,kBACA,cACA,iCACA,mCAEA,eACE,yBAGF,YAVF,cAWI,oBAGF,YACE,sBACA,qBAGF,aACE,kBACA,iBACA,yBAKF,uBADF,YAEI,sBAIJ,qBACE,WACA,mBACA,cZ3/EwB,eY6/ExB,cACA,eACA,oBACA,SACA,iBACA,aACA,SACA,UACA,UACA,2BAEA,yBACE,6BAIJ,kBACE,SACA,oBACA,cZhhFwB,eYkhFxB,mBACA,eACA,kBACA,UACA,mCAEA,yBACE,wCAGF,kBACE,2BAIJ,oBACE,iBACA,2BAGF,iBACE,kCAGF,cACE,cACA,eACA,aACA,kBACA,QACA,UACA,eAGF,oBACE,kBACA,eACA,6BACA,SACA,UACA,yBACA,CADA,qBACA,CADA,oBACA,CADA,gBACA,0CACA,wCACA,iCAGF,QACE,mBACA,WACA,YACA,gBACA,UACA,kBACA,UACA,yBAGF,kBACE,WACA,wBACA,qBAGF,UACE,YACA,UACA,mBACA,yBZxlFmB,qCY0lFnB,sEAGF,wBACE,4CAGF,wBZvlFqB,+EY2lFrB,wBACE,2BAGF,iBACE,WACA,YACA,MACA,SACA,gBACA,mBACA,cACA,SACA,UACA,6BACA,CAKA,uEAFF,SACE,6BAeA,CAdA,sBAGF,iBACE,WACA,YACA,MACA,SACA,gBACA,mBACA,cACA,WAGA,8CAGF,SACE,qBAGF,iBACE,QACA,SACA,WACA,YACA,yBACA,kBACA,yBACA,sBACA,yBACA,sCACA,4CAGF,SACE,qBZnpFmB,cYupFrB,kBACE,WVnqFM,cUqqFN,eACA,aACA,qBACA,2DAEA,kBAGE,oBAGF,SACE,2BAGF,sBACE,cZlrFsB,kGYqrFtB,sBAGE,WV3rFE,kCU+rFJ,aZprFiB,oBY0rFrB,oBACE,iBACA,qBAGF,oBACE,kBACA,eACA,iBACA,gBACA,mBZ9sFmB,gBYgtFnB,iBACA,oBAGF,kBZptFqB,cAaH,iBY0sFhB,eACA,gBACA,eACA,yDAGF,kBZ7tFqB,cYmuFrB,aACE,kBAGF,aZ1tFkB,cY4tFhB,8BACA,+BACA,4EAEA,0BAGE,CAHF,uBAGE,CAHF,kBAGE,kDAMA,sBACA,YACA,wDAEA,kBACE,8DAGF,cACE,sDAGF,cACE,0DAEA,aZxvFY,0BY0vFV,sDAIJ,oBACE,cZhwFc,sMYmwFd,yBAGE,oDAKN,aZ1wFgB,0BYgxFhB,aACE,UACA,mCACA,CADA,0BACA,gBACA,6BAEA,cACE,cZxxFc,aY0xFd,gBACA,gCACA,sCAGF,oDACE,YACE,uCAIJ,oDACE,YACE,uCAIJ,yBA1BF,YA2BI,yCAGF,eACE,aACA,iDAEA,aZnzFc,qBY0zFpB,eACE,gBACA,2BAEA,iBACE,aACA,wBAGF,kBACE,yBAGF,oBACE,gBACA,yBACA,yBACA,eAIJ,aACE,sBACA,WACA,SACA,WZj2FM,gBECA,aUm2FN,oBACA,eACA,gBACA,SACA,UACA,kBACA,qBAEA,SACE,qCAGF,cAnBF,cAoBI,oDAIJ,uBACE,YACA,6CACA,uBACA,sBACA,WACA,0DAEA,sBACE,0DAKJ,uBACE,2BACA,gDAGF,aZt3FsB,6BYw3FpB,uDAGF,aZx4F0B,cY44F1B,YACE,eACA,yBACA,kBACA,cZt4FgB,gBYw4FhB,qBACA,gBACA,uBAEA,QACE,OACA,kBACA,QACA,MAIA,iDAHA,YACA,uBACA,mBAUE,CATF,0BAEA,yBACE,kBACA,iBACA,cAIA,sDAGF,cAEE,cZj6FiB,uBYm6FjB,SACA,cACA,qBACA,eACA,iBACA,sMAEA,UVz7FE,yBUg8FJ,cACE,kBACA,YACA,eAKN,cACE,qBAEA,kBACE,oBAIJ,cACE,cACA,qBACA,WACA,YACA,SACA,2BAIA,UACE,YACA,qBAIJ,aACE,gBACA,kBACA,cZt9FkB,gBYw9FlB,uBACA,mBACA,qBACA,uBAGF,aACE,gBACA,2BACA,2BAGF,aZp+FoB,oBYw+FpB,aACE,eACA,eACA,gBACA,uBACA,mBACA,qBAGF,cACE,mBACA,kBACA,yBAEA,cACE,kBACA,yBACA,QACA,SACA,+BACA,yBAIJ,aACE,6CAEA,UACE,mDAGF,yBACE,6CAGF,mBACE,sBAIJ,oBACE,kCAEA,QACE,4CAIA,oBACA,0CAGF,kBACE,0CAGF,aACE,6BAIJ,wBACE,2BAGF,yBACE,cACA,SACA,WACA,YACA,oBACA,CADA,8BACA,CADA,gBACA,sBACA,wBACA,YAGF,aACE,cZpjGgB,6BYsjGhB,SACA,kBACA,kBACA,oBACA,SACA,aACA,sBACA,WACA,WACA,qBACA,kBAEA,kBACE,WAIJ,+BACE,yBAGF,iBACE,eACA,gBACA,cZ9kGgB,mBAbG,eY8lGnB,aACA,cACA,sBACA,mBACA,uBACA,aACA,qEAGE,aAEE,WACA,aACA,SACA,yCAIJ,gBACE,gCAGF,eACE,uCAEA,aACE,mBACA,cZ5mGY,qCYgnGd,cACE,gBACA,yBAKN,iBACE,cACA,uCAGE,aACE,WACA,kBACA,SACA,OACA,QACA,cACA,UACA,oBACA,YACA,UACA,gFACA,gBAKN,YACE,eACA,mBACA,cACA,eACA,kBACA,UACA,UACA,gBACA,2BACA,4BACA,uBAEA,QACE,SACA,yBACA,cACA,uBACA,aACA,gBACA,uBACA,gBACA,mBACA,OACA,4CAGF,aZlrGwB,uBYsrGxB,sCACE,4CAEA,aZzrGsB,yCY2rGpB,4CAIJ,SAEE,yBAIJ,WACE,aACA,uBAGF,kBACE,iCAGF,iBACE,wBAGF,kBACE,SACA,cZ3sGkB,eY6sGlB,eACA,eACA,8BAEA,aACE,CAKA,kEAEA,UVtuGI,mBUwuGF,6BAKN,eACE,gBACA,gBACA,cZnuGkB,0DYquGlB,UACA,uCAEA,YACE,WACA,uCAGF,iBACE,gCAGF,QACE,uBACA,SACA,6BACA,cACA,mCAIJ,kBACE,aACA,mCAIA,aZhwGkB,0BYkwGhB,gCAIJ,WACE,4DAEA,cACE,uEAEA,eACE,WAKN,oBACE,UACA,oBACA,kBACA,cACA,SACA,uBACA,eACA,sBAGF,oBACE,iBACA,oBAGF,aZjyGkB,eYmyGhB,gBACA,iBACA,kBACA,QACA,SACA,+BACA,yBAEA,aACE,WACA,CACA,0BACA,oBACA,mBACA,4BAIJ,iBACE,QACA,SACA,+BACA,WACA,YACA,sBACA,6BACA,CACA,wBACA,kBACA,2CAGF,2EACE,CADF,mEACE,8CAGF,4EACE,CADF,oEACE,qCAGF,GACE,sBACE,KAGF,2BACE,KAGF,2BACE,KAGF,yBACE,IAGF,wBACE,EArBF,4BAGF,GACE,sBACE,KAGF,2BACE,KAGF,2BACE,KAGF,yBACE,IAGF,wBACE,uCAIJ,GACE,wBACE,KAGF,0BACE,KAGF,2BACE,KAGF,uBACE,IAGF,sBACE,EAtBA,6BAIJ,GACE,wBACE,KAGF,0BACE,KAGF,2BACE,KAGF,uBACE,IAGF,sBACE,mCAIJ,GACE,OACE,SACA,yBACA,KAGF,wBACE,KAGF,UACE,YACA,6BACA,kBACA,UACA,IAGF,UACE,YACA,eACA,UACA,6BACA,EA5BA,yBAIJ,GACE,OACE,SACA,yBACA,KAGF,wBACE,KAGF,UACE,YACA,6BACA,kBACA,UACA,IAGF,UACE,YACA,eACA,UACA,6BACA,kCAIJ,GACE,gBACA,aACA,aAPE,wBAIJ,GACE,gBACA,aACA,gCAGF,kBACE,gBVz6GM,WACA,eU26GN,aACA,sBACA,YACA,uBACA,eACA,kBACA,kBACA,YACA,gBAGF,eVv7GQ,cFcY,SY46GlB,UACA,WACA,YACA,kBACA,wBACA,CADA,oBACA,CADA,eACA,iEAEA,SAGE,cACA,yBAIJ,aACE,eACA,yBAGF,aACE,eACA,gBACA,iBAGF,KACE,OACA,WACA,YACA,kBACA,YACA,2BAEA,aACE,SACA,QACA,WACA,YACA,6BAGF,mBACE,yBAGF,YACE,0BAGF,aACE,uBACA,WACA,YACA,SACA,iCAEA,oBACE,0BACA,kBACA,iBACA,WVt/GE,gBUw/GF,eACA,+LAMA,yBACE,mEAKF,yBACE,6BAMR,kBACE,iBAGF,kBACE,6BACA,gCACA,aACA,mBACA,eACA,kDAGF,aAEE,kBACA,yBAGF,kBACE,aACA,2BAGF,aZvhHoB,eYyhHlB,cACA,gBACA,mBACA,kDAIA,kBACE,oDAIA,SEtiHF,sBACA,WACA,SACA,gBACA,oBACA,mBdhBmB,cAYD,ecOlB,SACA,+EFgiHI,aACE,CEjiHN,qEFgiHI,aACE,CEjiHN,yEFgiHI,aACE,CEjiHN,0EFgiHI,aACE,CEjiHN,gEFgiHI,aACE,sEAGF,QACE,yLAGF,mBAGE,0DAGF,kBACE,qCAGF,mDArBF,cAsBI,yDAIJ,aZ9jHc,iBYgkHZ,eACA,4DAGF,gBACE,wDAGF,kBACE,gEAEA,cACE,iNAEA,kBAGE,cACA,gHAKN,aZxlHgB,0HY6lHhB,cAEE,gBACA,cZ/lHY,kZYkmHZ,aAGE,gEAIJ,wBACE,iDAGF,eV3nHI,kBY0BN,CAEA,eACA,cdRiB,uCcUjB,UF8lHI,mBZ1nHoB,oDc8BxB,adZiB,eccf,gBACA,mBACA,oDAGF,aACE,oDAGF,kBACE,oDAGF,eACE,WdlDI,sDYkoHJ,WACE,mDAGF,UZtoHI,kBYwoHF,eACA,8HAEA,kBAEE,iCAON,kBACE,mBAIJ,UVxpHQ,kBU0pHN,cACA,mBACA,sBV7pHM,eU+pHN,gBACA,YACA,kBACA,WACA,yBAEA,SACE,iBAIJ,aACE,iBACA,wBAGF,aZjqHoB,qBYmqHlB,mBACA,gBACA,sBACA,uCAGF,aZxqHkB,mBAbG,kBYyrHnB,aACA,eACA,gBACA,eACA,aACA,cACA,mBACA,uBACA,yBAEA,sCAdF,cAeI,kDAGF,eACE,2CAGF,aZxsHwB,qBY0sHtB,uDAEA,yBACE,eAKN,qBACE,8BAGF,GACE,kBACE,2CACA,CADA,kCACA,KAGF,oBACE,0CACA,CADA,iCACA,KAGF,oBACE,2CACA,CADA,kCACA,KAGF,oBACE,0CACA,CADA,iCACA,KAGF,kBACE,2CACA,CADA,kCACA,EA1BF,qBAGF,GACE,kBACE,2CACA,CADA,kCACA,KAGF,oBACE,0CACA,CADA,iCACA,KAGF,oBACE,2CACA,CADA,kCACA,KAGF,oBACE,0CACA,CADA,iCACA,KAGF,kBACE,2CACA,CADA,kCACA,mCAIJ,8BACE,2DACA,CADA,kDACA,iCAGF,MACE,sBAEE,0BACA,KAGF,sBACE,aAGF,uBAGE,aAGF,sBAGE,KAGF,uBACE,KAGF,sBACE,EA/BF,wBAGF,MACE,sBAEE,0BACA,KAGF,sBACE,aAGF,uBAGE,aAGF,sBAGE,KAGF,uBACE,KAGF,sBACE,kCAIJ,yBACE,8EACA,CADA,qEACA,8BAGF,eV/xHQ,kBUiyHN,sCACA,kBACA,eACA,UACA,iDAEA,2BACE,2DAGF,UACE,mCAIJ,iBACE,SACA,WACA,eACA,yCAGF,iBACE,UACA,SACA,UACA,gBV3zHM,kBU6zHN,sCACA,gBACA,gDAEA,aACE,eACA,SACA,gBACA,uBACA,iKAEA,+BAGE,2DAIJ,WACE,wBAKF,2BACE,cAIJ,kBACE,0BACA,aACA,YACA,uBACA,OACA,UACA,kBACA,MACA,kBACA,WACA,aACA,gBAEA,mBACE,oBAIJ,WACE,aACA,aACA,sBACA,kBACA,YACA,0BAGF,iBACE,MACA,QACA,SACA,OACA,WACA,kBACA,mBZ53HmB,kCY83HnB,uBAGF,MACE,aACA,mBACA,uBACA,cZv3HqB,eYy3HrB,gBACA,0BACA,kBACA,kBAGF,YACE,cZ33HmB,gBY63HnB,aACA,sBAEA,cACE,kBACA,uBAGF,cACE,gBACA,cACA,0BAIJ,aACE,4BAGF,UACE,WACA,kBACA,mBVz4HsB,kBU24HtB,eACA,2BAGF,iBACE,OACA,MACA,WACA,mBZt6HmB,kBYw6HnB,eAGF,aACE,eACA,iBACA,gBACA,WACA,UACA,eACA,0CAEA,mBAEE,mBAGF,8BACE,CADF,sBACE,WACA,cACA,CACA,UACA,YACA,eACA,CAQE,6GAKN,SACE,oBACA,CADA,WACA,6BAGF,iBACE,gBV99HM,uCUg+HN,kBACA,iBACA,gBACA,iCAEA,yBACE,oCAGF,sBACE,2BAIJ,UZ/+HQ,aYi/HN,eACA,aACA,kEAEA,kBZz+HmB,WEXb,UUw/HJ,CVx/HI,4RU6/HF,UV7/HE,wCUmgIN,kBACE,iCAIJ,YACE,mBACA,uBACA,kBACA,oCAGF,aACE,cZ5/HmB,2CY+/HnB,eACE,cACA,WZthII,CY2hIA,wQADF,eACE,mDAON,eVjiIM,0BUmiIJ,qCACA,gEAEA,eACE,0DAGF,kBZ/hIiB,uEYkiIf,UV7iIE,uDUmjIN,yBACE,sDAGF,aACE,sCACA,SAIJ,iBACE,gBAGF,SErjIE,sBACA,WACA,SACA,gBACA,oBACA,mBdhBmB,cAYD,ecOlB,SACA,cF+iIA,CACA,2BACA,iBACA,eACA,2CAEA,aACE,CAHF,iCAEA,aACE,CAHF,qCAEA,aACE,CAHF,sCAEA,aACE,CAHF,4BAEA,aACE,kCAGF,QACE,6EAGF,mBAGE,sBAGF,kBACE,qCAGF,eA3BF,cA4BI,kCAKF,QACE,qDAGF,mBAEE,mBAGF,iBACE,SACA,WACA,UACA,qBACA,UACA,0BACA,sCACA,eACA,WACA,YACA,cZvmImB,eYymInB,oBACA,0BAEA,mBACE,WACA,0BAIJ,uBACE,iCAEA,mBACE,uBACA,gCAIJ,QACE,uBACA,cZ3nIkB,eY6nIlB,uCAEA,uBACE,sCAGF,aACE,yBAKN,aZ5oIkB,mBY8oIhB,aACA,gBACA,eACA,eACA,6BAEA,oBACE,iBACA,0BAIJ,iBACE,6BAEA,kBACE,gCACA,eACA,aACA,aACA,gBACA,eACA,cZpqIc,iCYuqId,oBACE,iBACA,8FAIJ,eAEE,0BAIJ,aACE,aACA,cZprIqB,qBYsrIrB,+FAEA,aAGE,0BACA,uBAIJ,YACE,cZnsIkB,kBYqsIlB,aAGF,iBACE,8BACA,oBACA,aACA,sBAGF,cACE,MACA,OACA,QACA,SACA,0BACA,wBAGF,cACE,MACA,OACA,WACA,YACA,aACA,sBACA,mBACA,uBACA,2BACA,aACA,oBACA,yBACA,CADA,qBACA,CADA,oBACA,CADA,gBACA,oBAGF,mBACE,aACA,aACA,yBAGF,eACE,iBACA,yBAGF,UACE,cAGF,UACE,YACA,kBACA,qCAEA,UACE,YACA,aACA,mBACA,uBACA,2CAEA,cV7tI0B,eAEC,CUuuI7B,8CALF,iBACE,MACA,OACA,QACA,SAYA,CAXA,yBAQA,mBACA,8BACA,oBACA,4BAEA,mBACE,0DAGF,SACE,4DAEA,mBACE,mBAKN,yBACE,sBACA,SACA,WVzzIM,eU2zIN,aACA,mBACA,eACA,cACA,cACA,kBACA,kBACA,MACA,SACA,yBAGF,MACE,0BAGF,OACE,CASA,4CANF,UACE,kBACA,kBACA,OACA,YACA,oBAUA,6BAEA,WACE,sBAGF,mBACE,qBACA,gBACA,cZp2IsB,mFYu2ItB,yBAGE,wBAKN,oBACE,sBAGF,qBVt3IQ,YUw3IN,WACA,kBACA,YACA,UACA,SACA,YACA,8BAGF,wBZ73I0B,qBYi4I1B,iBACE,UACA,QACA,YACA,6CAGF,kBZz4I0B,WAJlB,kBYk5IN,gBACA,aACA,sBACA,oBAGF,WACE,WACA,gBACA,iBACA,kBACA,wBAEA,iBACE,MACA,OACA,WACA,YACA,sBACA,aACA,aACA,CAGA,YACA,UACA,yBACA,CADA,qBACA,CADA,oBACA,CADA,gBACA,2CANA,qBACA,mBACA,uBAaF,CATE,mBAIJ,YACE,CAGA,iBACA,mDAGF,aAEE,mBACA,aACA,aACA,2DAEA,cACE,uLAGF,aZ/6ImB,SYk7IjB,eACA,gBACA,kBACA,oBACA,YACA,aACA,kBACA,6BACA,+mBAEA,aAGE,yBACA,qiBAGF,UZx9II,qwDY49IF,aAGE,sBAMR,sBACE,eAGF,iBACE,eACA,mBACA,sBAEA,eACE,WZ/+II,kBYi/IJ,eACA,qBAGF,kBZn/ImB,cAcE,gBYw+InB,aACA,kBACA,kBAIJ,oBACE,eACA,gBACA,iBACA,wFAGF,kBAME,WZ3gJM,kBY6gJN,gBACA,eACA,YACA,kBACA,sBACA,4NAEA,aACE,eACA,mBACA,wLAGF,WACE,UACA,kBACA,SACA,WACA,kRAGF,UACE,wBAKF,eVviJM,CFGkB,gBYuiJtB,oBACA,iEV3iJI,2BFGkB,yBYgjJ1B,iBACE,aACA,iCAEA,wBACE,CADF,qBACE,CADF,oBACE,CADF,gBACE,gBACA,2GAIJ,YAIE,8BACA,mBZ/jJwB,aYikJxB,iBACA,2HAEA,aACE,iBACA,cZrjJiB,mBYujJjB,2IAGF,aACE,6BAIJ,cACE,2BAGF,WACE,eACA,0BAGF,gBAEE,sDAGF,qBAEE,eAGF,UACE,gBACA,0BAGF,YACE,6BACA,qCAEA,yBAJF,cAKI,gBACA,iDAIJ,qBAEE,UACA,qCAEA,+CALF,UAMI,sDAIJ,aAEE,gBACA,gBACA,gBACA,kBACA,2FAEA,aZnoJwB,iLYuoJxB,UZ5oJM,qCYipJN,oDAjBF,eAkBI,sCAKF,4BADF,eAEI,yBAIJ,YACE,+BACA,gBACA,0BAEA,cACE,iBACA,mBACA,sCAGF,aACE,sBACA,WACA,CACA,UZ3qJI,gBECA,aU6qJJ,oBACA,eACA,YACA,CACA,SACA,kBACA,yBACA,iBACA,gBACA,gBACA,4CAEA,wBACE,+CAGF,eV7rJI,yBU+rJF,mBACA,kBACA,6DAEA,QACE,gBACA,gBACA,mEAEA,QACE,0DAIJ,UZ9sJE,oBYgtJA,eACA,gBVhtJA,+CUqtJJ,YACE,8BACA,mBACA,4CAIJ,aACE,WZ9tJI,eYguJJ,gBACA,mBACA,wCAGF,eACE,mBACA,+CAEA,UZzuJI,eY2uJF,qCAIJ,uBAnFF,YAoFI,eACA,QACA,wCAEA,iBACE,iBAKN,eACE,eACA,wBAEA,eACE,iBACA,2CAGF,eACE,mBAGF,eACE,cACA,gBACA,+BAEA,4BACE,4BAGF,QACE,oCAIA,UZrxJE,aYuxJA,kBACA,eACA,mBACA,qBACA,8EAEA,eAEE,yWAOA,kBZ1xJW,WEXb,uDU4yJA,iBACE,oMAUR,aACE,iIAIJ,4BAIE,cZ5yJmB,eY8yJnB,gBACA,6cAEA,aAGE,6BACA,qGAIJ,YAIE,eACA,iIAEA,eACE,CAII,w1BADF,eACE,sDAMR,iBAEE,oDAKA,eACE,0DAGF,eACE,mBACA,aACA,mBACA,wEAEA,UZj3JI,CYm3JF,gBACA,uBAKN,YACE,2CAEA,QACE,WACA,cAIJ,wBZ73J0B,WY+3JxB,kBACA,MACA,OACA,aACA,6BAGF,aACE,kBACA,WV54JM,0BU84JN,WACA,SACA,gBACA,kBACA,eACA,gBACA,UACA,oBACA,WACA,4BACA,iBACA,2DAKE,YACE,wDAKF,SACE,uBAKN,eACE,6BAEA,UACE,kBAIJ,YACE,eACA,yBACA,kBACA,gBACA,gBACA,wBAEA,aACE,cZ76Jc,iBY+6Jd,eACA,+BACA,aACA,sBACA,mBACA,uBACA,eACA,4BAEA,aACE,wBAIJ,eACE,CACA,qBACA,aACA,sBACA,uBACA,2BAEA,aACE,cACA,0BAGF,oBACE,cZ38JY,gBY68JZ,gCAEA,yBACE,0BAKN,QACE,eACA,iDAEA,SACE,cACA,8BAGF,aZ99Jc,gBYs+JhB,cACA,CACA,iBACA,CACA,UACA,qCANF,qBACE,CACA,eACA,CACA,iBAYA,CAVA,qBAGF,QACE,CACA,aACA,WACA,CACA,iBAEA,qEAGE,cACE,MACA,gCAKN,cACE,cACA,qBACA,cZjgKqB,kBYmgKrB,UACA,mEAEA,WAEE,WACA,CAIA,2DADF,mBACE,CADF,8BACE,CADF,gBV5hKM,CU6hKJ,wBAIJ,UACE,YACA,CACA,iBACA,MACA,OACA,UACA,gBVxiKM,iCU2iKN,YACE,sBAIJ,WACE,gBACA,kBACA,WACA,qCAGF,cACE,YACA,oBACA,CADA,8BACA,CADA,gBACA,kBACA,QACA,2BACA,WACA,UACA,sCAGF,0BACE,2BACA,gBACA,kBACA,qKAMA,WAEE,mFAGF,WACE,eAKJ,qBACE,kBACA,mBACA,kBACA,oBACA,cACA,wBAEA,eACE,YACA,yBAGF,cACE,kBACA,gBACA,gCAEA,UACE,cACA,kBACA,6BACA,WACA,SACA,OACA,oBACA,qCAIJ,oCACE,iCAGF,wBACE,uCAIA,mBACA,mBACA,6BACA,0BACA,eAIJ,eACE,kBACA,gBVxoKM,eU0oKN,kBACA,sBACA,cACA,wBAEA,eACE,sBACA,qBAGF,SACE,qBAGF,eACE,gBACA,UACA,0BAGF,oBACE,sBACA,SACA,gCAEA,wBACE,0BACA,qBACA,sBACA,UACA,4BAKF,qBACE,CADF,gCACE,CADF,kBACE,kBACA,QACA,2BACA,yBAIJ,iBACE,UACA,SACA,OACA,QACA,sBACA,iFACA,eACA,UACA,4BACA,gCAEA,SACE,6EAKF,iBAEE,wBAIJ,YACE,kBACA,MACA,OACA,WACA,YACA,UACA,SACA,gBVrtKI,cFcY,gBY0sKhB,oBACA,+BAEA,aACE,oBACA,8GAEA,aAGE,+BAIJ,aACE,eACA,kCAGF,aACE,eACA,gBACA,4BAIJ,YACE,8BACA,oBACA,0DAEA,aACE,wBAIJ,cACE,mBACA,gBACA,uBACA,oCAGE,cACE,qCAKF,eACE,+BAIJ,sBACE,iBACA,eACA,SACA,0BACA,8GAEA,UVpxKE,+EU4xKN,cAGE,gBACA,6BAGF,UVnyKM,iBUqyKJ,yBAGF,oBACE,aACA,mDAGF,UV7yKM,uBUkzKN,cACE,YACA,eACA,8BAEA,UACE,WACA,+BAOA,6DANA,iBACA,cACA,kBACA,WACA,UACA,YAWA,CAVA,+BASA,kBACA,+BAGF,iBACE,UACA,kBACA,WACA,YACA,YACA,UACA,4BACA,mBACA,sCACA,oBACA,qBAIJ,gBACE,uBAEA,oBACE,eACA,gBACA,WVl2KE,sFUq2KF,yBAGE,qBAKN,cACE,YACA,kBACA,4BAEA,UACE,WACA,+BACA,kBACA,cACA,kBACA,WACA,SACA,2DAGF,aAEE,kBACA,WACA,kBACA,SACA,mBACA,6BAGF,6BACE,6BAGF,iBACE,UACA,UACA,kBACA,WACA,YACA,QACA,iBACA,4BACA,mBACA,sCACA,oBACA,CAGE,yFAKF,SACE,6GAQF,gBACE,oBACA,kBAON,UACE,cACA,+BACA,0BAEA,UACE,qCAGF,iBATF,QAUI,mBAIJ,qBACE,mBACA,uBAEA,YACE,kBACA,mBACA,gBACA,2BAEA,aACE,WACA,YACA,SACA,oBACA,CADA,8BACA,CADA,gBACA,uBAIJ,YACE,mBACA,mBACA,aACA,6BAEA,aACE,aACA,mBACA,qBACA,gBACA,qCAGF,UACE,eACA,cACA,+BAGF,aACE,WACA,YACA,gBACA,mCAEA,UACE,YACA,cACA,SACA,kBACA,mBACA,oBACA,CADA,8BACA,CADA,gBACA,qCAIJ,gBACE,gBACA,4CAEA,cACE,WV5/KF,gBU8/KE,gBACA,uBACA,0CAGF,aACE,eACA,cZx/KU,gBY0/KV,gBACA,uBACA,yBAKN,kBZ7gLiB,aY+gLf,mBACA,uBACA,gDAEA,YACE,cACA,eACA,mDAGF,qBACE,kBACA,gCACA,WACA,gBACA,mBACA,gBACA,uBACA,qDAEA,YACE,iEAEA,cACE,sDAIJ,YACE,6BAOV,YACE,eACA,gBACA,wBAGF,QACE,sBACA,cACA,kBACA,kBACA,gBACA,WACA,+BAEA,iBACE,QACA,SACA,+BACA,eACA,sDAIJ,kBAEE,gCACA,eACA,aACA,cACA,oEAEA,kBACE,SACA,SACA,6HAGF,aAEE,cACA,cZhlLgB,eYklLhB,eACA,gBACA,kBACA,qBACA,kBACA,yJAEA,aZvlLmB,qWY0lLjB,aAEE,WACA,kBACA,SACA,SACA,QACA,SACA,2BACA,CAEA,4CACA,CADA,kBACA,CADA,wBACA,iLAGF,WACE,6CACA,8GAKN,kBACE,gCACA,qSAKI,YACE,iSAGF,4CACE,cAOV,kBZjpLqB,sBYopLnB,iBACE,4BAGF,aACE,eAIJ,cACE,kBACA,qBACA,cACA,iBACA,eACA,mBACA,gBACA,uBACA,eACA,oEAEA,YAEE,sBAGF,oBACE,kBACA,yBACA,sBACA,WACA,YACA,cACA,kBACA,SACA,kBACA,sBACA,8BAEA,oBACE,mBACA,2BAKN,eACE,gBAGF,eVvsLQ,kBY0BN,CACA,sBACA,gBACA,cdRiB,uCcUjB,mBAEA,adZiB,eccf,gBACA,mBACA,mBAGF,aACE,mBAGF,kBACE,mBAGF,eACE,WdlDI,UY4sLR,iBACE,cAEA,WACE,WACA,sCACA,CADA,6BACA,cAGF,cACE,iBACA,cZvsLmB,gBYysLnB,gBAEA,aZttLsB,0BYwtLpB,sBAEA,oBACE,4BAMR,GACE,cACA,eACA,WATM,mBAMR,GACE,cACA,eACA,qEAGF,kBAIE,sBAEE,8BACA,iBAGF,0BACE,kCACA,+BAIA,qDACE,uEACA,+CAGF,sBACE,8BACA,6DAIA,6BACE,6CACA,4EAIF,6BACE,6CACA,+CAOJ,gBAEE,+BAGF,gBACE,6CAEA,0BACE,wDAGF,eACE,6DAGF,iBACE,iBACA,2EAIA,mBACE,UACA,gCACA,WACA,0FAGF,mBACE,UACA,oCACA,eAOV,UACE,eACA,gBACA,iBAEA,YACE,gBACA,eACA,kBACA,sCAGF,YACE,4CAEA,kBACE,yDAGF,SACE,sBACA,cACA,WACA,SACA,aACA,gDACA,mBZr1Le,WEDb,eUy1LF,CACA,eACA,kBACA,2EAEA,QACE,wMAGF,mBAGE,+DAGF,kBACE,qCAGF,wDA7BF,cA8BI,4DAIJ,WACE,eACA,gBACA,SACA,kBACA,sBAMJ,sBACA,mBACA,6BACA,gCACA,+BAEA,iBACE,iBACA,cZt3Lc,CYy3Ld,eACA,eACA,oCAEA,aACE,gBACA,uBACA,oCAIJ,UACE,kBACA,uDAGF,iBACE,qDAGF,eACE,qBAKF,wBACA,aACA,2BACA,mBACA,mBACA,2BAEA,aACE,iCAEA,UACE,uCAEA,SACE,kCAKN,aACE,cACA,mBAIJ,cACE,kBACA,MACA,OACA,WACA,YACA,0BACA,cAGF,kBZn8LqB,sBYq8LnB,kBACA,uCACA,YACA,gBACA,qCAEA,aARF,SASI,kBAGF,cACE,mBACA,gBACA,eACA,kBACA,0BACA,6BAGF,WACE,6BAGF,yBACE,sCAEA,uBACE,uCACA,wBACA,wBAIJ,eACE,kDAIA,oBACE,+BAIJ,cACE,sBAGF,eACE,aAIJ,kBZz/LqB,sBY2/LnB,kBACA,uCACA,YACA,gBACA,qCAEA,YARF,SASI,uBAGF,kBACE,oBAGF,kBACE,YACA,0BACA,gBACA,mBAGF,YACE,gCACA,4BAGF,YACE,iCAGF,aACE,gBACA,qBACA,eACA,aACA,cAIJ,iBACE,YACA,gBACA,YACA,aACA,uBACA,mBACA,gBV3iMM,yDU8iMN,aAGE,gBACA,WACA,YACA,SACA,sBACA,CADA,gCACA,CADA,kBACA,gBVtjMI,uBU0jMN,iBACE,YACA,aACA,+BACA,iEACA,kBACA,wCACA,uBAGF,iBACE,WACA,YACA,MACA,OACA,uBAGF,iBACE,YACA,WACA,UACA,YACA,4BACA,6BAEA,UACE,8BAGF,UVvlMI,eUylMF,gBACA,cACA,kBACA,2BAGF,iBACE,mCACA,qCAIJ,oCACE,eAEE,uBAGF,YACE,4BAKN,aZpmMoB,eYsmMlB,gBACA,gBACA,kBACA,qBACA,6BAEA,kBACE,wCAEA,eACE,6BAIJ,aACE,0BACA,mCAEA,oBACE,kBAKN,eACE,2BAEA,UACE,8FAEA,8BAEE,CAFF,sBAEE,wBAIJ,iBACE,SACA,UACA,yBAGF,eACE,aACA,kBACA,mBACA,6BAEA,mBACE,CADF,8BACE,CADF,gBACE,cACA,WACA,YACA,SACA,uBAIJ,iBACE,mBACA,YACA,gCACA,+BAEA,aACE,cACA,WACA,iBACA,gDAEA,kBACE,yBACA,wBAKN,YACE,uBACA,gBACA,iBACA,iCAEA,YACE,mBACA,iBACA,gBACA,8CAEA,wBACE,kBACA,uBACA,YACA,yCAGF,YACE,8BAIJ,WACE,4CAEA,kBACE,wCAGF,UACE,YACA,iCAGF,cACE,iBACA,WVruMA,gBUuuMA,gBACA,mBACA,uBACA,uCAEA,aACE,eACA,cZjuMU,gBYmuMV,gBACA,uBACA,gCAKN,aACE,uBAIJ,eACE,cACA,iDAGE,qBACA,WVlwME,gDUswMJ,QACE,6BACA,kDAEA,aACE,yEAGF,uBACE,4DAGF,aVjxMU,yBUuxMd,cACE,gCAEA,cACE,cZ/wMc,eYixMd,kCAEA,oBACE,cZpxMY,qBYsxMZ,iBACA,gBACA,yCAEA,eACE,WVxyMF,iBUizMN,aZnyMgB,mBYqyMd,gCACA,gBACA,aACA,eACA,eACA,qBAEA,oBACE,iBACA,eAIJ,YACE,mBACA,aACA,gCACA,0BAEA,eACE,qBAGF,aACE,cZ7zMY,gBY+zMZ,uBACA,mBACA,4BAEA,eACE,uBAGF,aZx0Mc,qBY00MZ,eACA,gBACA,cACA,gBACA,uBACA,mBACA,qGAKE,yBACE,wBAMR,aACE,eACA,iBACA,gBACA,iBACA,mBACA,gBACA,cZj2MiB,0BYq2MnB,aACE,WACA,2CAEA,mCACE,yBACA,0CAGF,wBACE,eAMR,YACE,gCACA,CACA,iBACA,qBAEA,kBACE,UACA,uBAGF,aACE,CACA,sBACA,kBACA,uBAGF,oBACE,mBZn5MsB,kBYq5MtB,cACA,eACA,wBACA,wBAGF,aACE,CACA,0BACA,gBACA,8BAEA,eACE,aACA,2BACA,8BACA,uCAGF,cACE,cZh6Mc,kBYk6Md,+BAGF,aZr6MgB,eYu6Md,mBACA,gBACA,uBACA,kBACA,gBACA,YACA,iCAEA,UV57ME,qBU87MA,oHAEA,yBAGE,0BAKN,qBACE,uBAIJ,kBACE,6BAEA,kBACE,oDAGF,eACE,6DAGF,UVx9MI,OaFR,eACE,eACA,UAEA,kBACE,kBACA,cAGF,iBACE,MACA,OACA,YACA,qBACA,kBACA,mBACA,sBAEA,kBfLiB,aeUnB,iBACE,aACA,cACA,iBACA,eACA,gBACA,gEAEA,YAEE,gCAGF,aACE,8BAGF,aACE,sBACA,WACA,eACA,Wf3CE,Ue6CF,oBACA,gBb7CE,yBa+CF,kBACA,iBACA,oCAEA,oBf/CoB,wBeoDtB,cACE,sBAGF,YACE,mBACA,iBACA,cAIJ,oBACE,kBACA,yBACA,sBACA,WACA,YACA,cACA,kBACA,SACA,kBACA,sBACA,gBACA,mBACA,cACA,uBAEA,iBACE,qBAGF,oBbtFY,8Ea2FZ,gBAGE,gBACA,gCAGF,mBACE,SACA,wCAGF,mBAEE,eAIJ,oBACE,WACA,gBACA,CACA,oBACA,iBACA,gBACA,mBACA,cACA,mBAGF,UACE,iBACA,eAGF,eACE,mBACA,cfnHc,aeuHhB,cACE,uBACA,UACA,SACA,SACA,cf5Hc,0Be8Hd,kBACA,mBAEA,oBACE,sCAGF,qCAEE,eAIJ,WACE,eACA,kBACA,eACA,6BAIJ,4BACE,gCAEA,YACE,2CAGF,4BACE,aACA,aACA,mBACA,mGAEA,YAEE,+GAEA,oBf9KoB,sDeoLxB,cACE,gBACA,iBACA,YACA,oBACA,cf5KkB,sCe+KlB,gCAGF,YACE,mBACA,4CAEA,aACE,wBACA,iBACA,oCAIJ,uBACE,CADF,oBACE,CADF,eACE,sBACA,eACA,WflNI,qBeoNJ,WACA,UACA,oBACA,qXACA,yBACA,kBACA,CACA,yBACA,mDAGF,aACE,cAIJ,afrNkB,qBewNhB,+BACE,6BAEA,6BACE,eC5ON,k1BACE,aACA,sBACA,aACA,UACA,yBAGF,YACE,OACA,sBACA,yBACA,2BAEA,MACE,iBACA,qCAIJ,gBACE,YACE,cCtBJ,cACE,qBACA,WjBDM,2BiBIN,qBAEE,iBACA,+BAGF,WACE,iBAIJ,sBACE,6BAEA,uBACE,2BACA,4BACA,mBjBjBsB,4BiBqBxB,oBACE,8BACA,+BACA,aACA,qBAIJ,YACE,8BACA,cACA,cjBfmB,ciBiBnB,oBAGF,iBACE,OACA,kBACA,iBACA,gBACA,8BACA,eACA,0BAEA,aACE,6BAIJ,ajBlD0B,mCiBqDxB,aACE,oDAGF,WACE,wBAIJ,iBACE,YACA,OACA,WACA,WACA,yBjBnEwB,uBiBwExB,oBACE,WACA,eACA,yBAGF,iBACE,gBACA,oBAIJ,iBACE,aACA,gBACA,kBACA,gBf5FM,sBe8FN,sGAEA,+BAEE,oBAKF,2BACA,gBfxGM,0Be2GN,cACE,gBACA,gBACA,oBACA,cACA,WACA,gCACA,WjBnHI,yBiBqHJ,kBACA,4CAEA,QACE,2GAGF,mBAGE,wCAKN,cACE,6CAEA,SACE,kBACA,kBACA,qDAGF,SACE,WACA,kBACA,MACA,OACA,WACA,YACA,sCACA,mBACA,4BAIJ,SACE,kBACA,wBACA,gBACA,MACA,iCAEA,aACE,WACA,gBACA,gBACA,gBfpKI,mBeyKR,iBACE,qBACA,YACA,wBAEA,UACE,YACA,wBAIJ,cACE,kBACA,iBACA,cjBlKiB,mDiBqKjB,YACE,qDAGF,eACE,uDAGF,YACE,qBAIJ,YACE,YCrMF,qBACE,iBANc,cAQd,kBACA,sCAEA,WANF,UAOI,eACA,mBAIJ,iDACE,eACA,gBACA,gBACA,qBACA,clBPkB,oBkBUlB,alBnBwB,0BkBqBtB,6EAEA,oBAGE,wCAIJ,alBrBkB,oBkB0BlB,YACE,oBACA,+BAEA,eACE,yBAIJ,eACE,clBlCmB,qBkBsCrB,iBACE,clBvCmB,uBkB2CrB,eACE,mBACA,kBACA,kBACA,yHAGF,4CAME,mBACA,oBACA,gBACA,clB3DmB,qBkB+DrB,aACE,qBAGF,gBACE,qBAGF,eACE,qBAGF,gBACE,yCAGF,aAEE,qBAGF,eACE,qBAGF,kBACE,yCAMA,iBACA,iBACA,yDAEA,2BACE,yDAGF,2BACE,qBAIJ,UACE,SACA,SACA,gCACA,eACA,4BAEA,UACE,SACA,wBAIJ,UACE,yBACA,8BACA,CADA,iBACA,gBACA,mBACA,iEAEA,+BAEE,cACA,kBACA,gBACA,gBACA,clBxIc,iCkB4IhB,uBACE,gBACA,gBACA,clB9IY,qDkBkJd,WAEE,iBACA,kBACA,qBACA,mEAEA,SACE,kBACA,iFAEA,gBACE,kBACA,6EAGF,iBACE,SACA,UACA,mBACA,gBACA,uBACA,+BAMR,YACE,oBAIJ,kBACE,eACA,mCAEA,iBACE,oBACA,8BAGF,YACE,8BACA,eACA,6BAGF,UACE,kDACA,eACA,iBACA,WhBpNI,iBgBsNJ,kBACA,qEAEA,aAEE,6CAIA,alBhNiB,oCkBqNnB,4CACE,gBACA,eACA,iBACA,qCAGF,4BA3BF,iBA4BI,4BAIJ,iBACE,YACA,sBACA,mBACA,CACA,sBACA,0BACA,QACA,aACA,yCAEA,4CACE,eACA,iBACA,gBACA,clBlPc,mBkBoPd,mBACA,gCACA,uBACA,mBACA,gBACA,wFAEA,eAEE,cACA,2CAGF,oBACE,2BAKN,iBACE,mCAEA,UACE,YACA,CACA,kBACA,uCAEA,aACE,WACA,YACA,mBACA,iCAIJ,cACE,mCAEA,aACE,WhBzSA,qBgB2SA,uDAGE,yBACE,2CAKN,aACE,clBxSY,kCkBgTlB,iDAEE,CACA,eACA,eACA,iBACA,mBACA,clBvTgB,sCkB0ThB,alBnUsB,0BkBqUpB,kBAIJ,cACE,SACA,UACA,gBACA,uBACA,oBACA,kBACA,oBACA,cACA,kBAGF,4CACE,eACA,iBACA,gBACA,mBACA,clB/UmB,wBkBkVnB,iDACE,cACA,eACA,gBACA,cACA,kBAIJ,4CACE,eACA,iBACA,gBACA,mBACA,clBhWmB,kBkBqWnB,clBrWmB,mCkBoWrB,4CACE,CACA,gBACA,gBACA,mBACA,clBzWmB,kBkB8WnB,clB9WmB,kBkBuXnB,clBvXmB,mCkBsXrB,4CACE,CACA,gBACA,gBACA,mBACA,clB3XmB,kBkBgYnB,clBhYmB,mCkBwYrB,gBAEE,mDAEA,2BACE,mDAGF,2BACE,kBAIJ,eACE,kBAGF,kBACE,yCAGF,cAEE,kBAGF,UACE,SACA,SACA,4CACA,cACA,yBAEA,UACE,SACA,iDAIJ,YAEE,+BAGF,kBlBlcmB,kBkBocjB,kBACA,gBACA,sBACA,oCAEA,UACE,aACA,2BACA,iBACA,8BACA,mBACA,uDAGF,YACE,yBACA,qBACA,mFAEA,aACE,eACA,qCAGF,sDAVF,UAWI,8BACA,6CAIJ,MACE,sBACA,qCAEA,2CAJF,YAKI,sBAKN,iBACE,yBAEA,WACE,WACA,uBACA,4BAIJ,iBACE,mBACA,uCAEA,eACE,mCAGF,eACE,cACA,qCAGF,eACE,UACA,mDAEA,kBACE,aACA,iBACA,0FAKE,oBACE,gFAIJ,cACE,qDAIJ,aACE,cACA,6CAGF,UACE,YACA,0BACA,mDAGF,cACE,4DAEA,cACE,qCAKN,oCACE,eACE,sCAIJ,2BA7DF,iBA8DI,mFAIJ,qBAGE,mBlB3jBiB,kBkB6jBjB,kCACA,uBAGF,YACE,kBACA,WACA,YACA,2BAEA,YACE,WACA,uCAKF,YACE,eACA,mBACA,mBACA,qCAGF,sCACE,kBACE,uCAIJ,alB7kBmB,qCkBilBnB,eACE,WhBjmBE,gBgBmmBF,2CAEA,alBxlBc,gDkB2lBZ,alBzlBe,+CkB+lBnB,eACE,qBAIJ,kBACE,yBAEA,aACE,SACA,eACA,YACA,kBACA,qCAIJ,gDAEI,kBACE,yCAGF,eACE,gBACA,WACA,kBACA,uDAEA,iBACE,sCAMR,8BACE,aACE,uCAEA,gBACE,sDAGF,kBACE,6EAIJ,aAEE,qBAIJ,WACE,UAIJ,mBACE,qCAEA,SAHF,eAII,kBAGF,YACE,uBACA,mBACA,aACA,qBAEA,ShBvrBI,YgByrBF,qCAGF,gBAXF,SAYI,mBACA,sBAIJ,eACE,uBACA,gBACA,gBACA,uBAGF,eACE,gBACA,0BAEA,YACE,gBACA,eACA,clBnsBc,6BkBusBhB,eACE,iBACA,+BAGF,kBlBxtBiB,akB0tBf,0BACA,aACA,uCAEA,YACE,gCAIJ,cACE,gBACA,uDAEA,YACE,mBACA,iDAGF,UACE,YACA,0BACA,gCAIJ,YACE,uCAEA,4CACE,eACA,gBACA,cACA,qCAGF,cACE,clBlvBY,uFkBwvBlB,eACE,cASA,ClBlwBgB,2CkB+vBhB,iBACA,CACA,kBACA,gBAGF,eACE,cACA,aACA,kDACA,cACA,qCAEA,eAPF,oCAQI,cACA,8BAEA,UACE,aACA,sBACA,0CAEA,OACE,cACA,2CAGF,YACE,mBACA,QACA,cACA,qCAIJ,UACE,2BAGF,eACE,sCAIJ,eAtCF,UAuCI,6BAEA,aACE,gBACA,gBACA,2GAEA,eAGE,uFAIJ,+BAGE,2BAGF,YACE,gCAEA,eACE,qEAEA,eAEE,gBACA,2CAGF,eACE,SAQZ,iBACE,qBACA,iBAGF,aACE,kBACA,aACA,UACA,YACA,clB12BsB,qBkB42BtB,eACA,qCAEA,gBAVF,eAWI,WACA,gBACA,clBt2Bc,SmBhBlB,UACE,eACA,iBACA,yBACA,qBAEA,WAEE,iBACA,mBACA,6BACA,gBACA,mBACA,oBAGF,qBACE,gCACA,aACA,gBACA,oBAGF,eACE,qEAGF,kBnBxBmB,UmB6BnB,anB1BwB,0BmB4BtB,gBAEA,oBACE,eAIJ,eACE,CAII,4HADF,eACE,+FAOF,sBAEE,yFAKF,YAEE,gCAMJ,kBnBjEiB,6BmBmEf,gCACA,4CAEA,qBACE,8BACA,2CAGF,uBACE,+BACA,0BAKN,qBACE,gBAIJ,aACE,mBACA,MAGF,+CACE,0BAGF,sBACE,SACA,aACA,8CAGF,oBAEE,qBACA,iBACA,eACA,cnB/FkB,gBmBiGlB,0DAEA,UjBhHM,wDiBoHN,eACE,iBACA,sEAGF,cACE,yCAKF,YAEE,yDAEA,qBACE,iBACA,eACA,gBACA,qEAEA,cACE,2EAGF,YACE,mBACA,uFAEA,YACE,qHAOJ,sBACA,cACA,uBAIJ,wBACE,mBnB/JiB,sBmBiKjB,YACA,mBACA,gCAEA,gBACE,mBACA,oBAIJ,YACE,yBACA,aACA,mBnB9KiB,gCmBiLjB,aACE,gBACA,mBAIJ,wBACE,aACA,mBACA,qCAEA,wCACE,4BACE,0BAIJ,kBACE,iCAGF,kBnBtMiB,uCmByMf,kBACE,4BAIJ,gBACE,oBACA,sCAEA,SACE,wCAGF,YACE,mBACA,mCAGF,aACE,aACA,uBACA,mBACA,kBACA,6CAEA,UACE,YACA,kCAIJ,aACE,mCAGF,aACE,iBACA,cnBlOY,gBmBoOZ,mCAIJ,QACE,WACA,qCAEA,sBACE,gBACA,qCAOJ,4FAFF,YAGI,gCAIJ,aACE,uCAEA,iBACE,sCAGF,eACE,4BAIJ,wBACE,aACA,gBACA,qCAEA,2BALF,4BAMI,sCAIJ,+CACE,YACE,iBC7RN,YACE,uBACA,WACA,iBACA,iCAEA,gBACE,gBACA,oBACA,cACA,wCAEA,YACE,yBACA,mBpBfe,YoBiBf,yBAIJ,WAvBc,UAyBZ,oBACA,iCAEA,YACE,mBACA,YACA,uCAEA,aACE,yCAEA,oBACE,aACA,2CAGF,SlBxCA,YkB0CE,kBACA,YACA,uCAIJ,aACE,cpBpCY,qBoBsCZ,cACA,eACA,aACA,0HAIA,kBAGE,+BAKN,aACE,iBACA,YACA,aACA,qCAGF,sCACE,YACE,6BAIJ,eACE,0BACA,gBACA,mBACA,qCAEA,2BANF,eAOI,+BAGF,aACE,aACA,cpB9EY,qBoBgFZ,0BACA,2CACA,0BACA,mBACA,gBACA,uBACA,mCAEA,gBACE,oCAGF,UlBzGA,yBkB2GE,0BACA,2CACA,uCAGF,kBACE,sBACA,+BAIJ,kBACE,wBACA,SACA,iCAEA,QACE,kBACA,6DAIJ,UlBjIE,yBFWa,gBoByHb,gBACA,mEAEA,wBACE,6DAKN,yBACE,iCAIJ,qBACE,WACA,gBApJY,cAsJZ,sCAGF,uCACE,YACE,iCAGF,WA/JY,cAiKV,sCAIJ,gCACE,UACE,0BAMF,2BACA,qCAEA,wBALF,cAMI,CACA,sBACA,kCAGF,YACE,oBAEA,gCACA,0BAEA,eAEA,mBACA,8BACA,mCAEA,eACE,kBACA,yCAGF,mBACE,4DAEA,eACE,qCAIJ,gCAzBF,eA0BI,iBACA,6BAIJ,apBrMmB,eoBuMjB,iBACA,gBACA,qCAEA,2BANF,eAOI,6BAIJ,apBhNmB,eoBkNjB,iBACA,gBACA,mBACA,4BAGF,cACE,gBACA,cpB5Nc,mBoB8Nd,kBACA,gCACA,4BAGF,cACE,cpBlOiB,iBoBoOjB,gBACA,0CAGF,UlBvPI,gBkByPF,uFAGF,eAEE,gEAGF,aACE,4CAGF,cACE,gBACA,WlBvQE,oBkByQF,iBACA,gBACA,gBACA,2BAGF,cACE,iBACA,cpBlQiB,mBoBoQjB,kCAEA,UlBrRE,gBkBuRA,CAII,2NADF,eACE,4BAMR,UACE,SACA,SACA,4CACA,cACA,mCAEA,UACE,SACA,qCAKN,eA7SF,aA8SI,iCAEA,YACE,yBAGF,UACE,UACA,YACA,iCAEA,YACE,4BAGF,YACE,8DAGF,eAEE,gCACA,gBACA,0EAEA,eACE,+BAIJ,eACE,6DAGF,2BpBvUe,YoB8UrB,UACE,SACA,cACA,WACA,sDAKA,apBrVkB,0DoBwVhB,apBjWsB,4DoBsWxB,alBzWc,gBkB2WZ,4DAGF,alB7WU,gBkB+WR,0DAGF,apBtWgB,gBoBwWd,0DAGF,alBrXU,gBkBuXR,UAIJ,YACE,eACA,yBAEA,aACE,qBACA,oCAEA,kBACE,4BAGF,cACE,gBACA,+BAEA,oBACE,iBACA,gCAIJ,eACE,eACA,CAII,iNADF,eACE,2BAKN,oBACE,cpBpZc,qBoBsZd,eACA,gBACA,gCACA,iCAEA,UlBxaE,gCkB0aA,oCAGF,apBzaoB,gCoB2alB,CAkBJ,gBAIJ,aACE,iBACA,eACA,sBAGF,aACE,eACA,cACA,wBAEA,aACE,kBAIJ,YACE,eACA,mBACA,wBAGF,YACE,WACA,sBACA,aACA,+BAEA,aACE,qBACA,gBACA,eACA,iBACA,cpBvdmB,CoB4df,4MADF,eACE,sCAKN,aACE,gCAIJ,YAEE,mBACA,kEAEA,UACE,kBACA,4BACA,gFAEA,iBACE,kDAKN,aAEE,aACA,sBACA,4EAEA,cACE,WACA,kBACA,mBACA,uEAIJ,cAEE,iBAGF,YACE,eACA,kBACA,2CAEA,kBACE,eACA,8BAGF,kBACE,+CAGF,gBACE,uDAEA,gBACE,mBACA,YACA,YAKN,kBACE,eACA,cAEA,apBjjBwB,qBoBmjBtB,oBAEA,yBACE,SAKN,aACE,YAGF,kBACE,iBACA,oBAEA,YACE,2BACA,mBACA,aACA,mBpB1kBiB,cAYD,0BoBikBhB,eACA,kBACA,oBAGF,iBACE,4BAEA,aACE,SACA,kBACA,WACA,YACA,qBAIJ,2BACE,mBAGF,oBACE,uBAGF,apBzlBgB,oBoB6lBhB,kBACE,0BACA,aACA,cpBjmBgB,gDoBmmBhB,eACA,qBACA,gBACA,kBAGF,cACE,kBACA,cpB1mBc,2BoB8mBhB,iBACE,SACA,WACA,WACA,YACA,kBACA,oCAEA,kBlBnoBY,oCkBuoBZ,kBACE,mCAGF,kBpBjoBiB,sDoBsoBnB,apBloBqB,qBoBsoBnB,gBACA,sBAGF,aACE,0BAGF,apB9oBqB,sBoBkpBrB,alBhqBc,yDkBqqBhB,oBAIE,cpB3pBqB,iGoB8pBrB,eACE,yIAIA,4BACE,cACA,iIAGF,8BACE,CADF,sBACE,WACA,sBAKN,YAEE,mBACA,sCAEA,aACE,CACA,gBACA,kBACA,0DAIA,8BACE,CADF,sBACE,WACA,gBAKN,kBACE,8BACA,yBAEA,yBlBrtBc,yBkBytBd,yBACE,wBAGF,yBlB1tBU,wBkB+tBR,2BACA,eACA,iBACA,4BACA,kBACA,gBACA,0BAEA,apB9tBgB,uBoBouBhB,wBACA,qBAGF,apBvuBgB,coB4uBlB,kBpBzvBqB,kBoB2vBnB,mBACA,uBAEA,YACE,8BACA,mBACA,aACA,gCAEA,SACE,SACA,gDAEA,aACE,8BAIJ,aACE,gBACA,cpBnwBc,iBoBqwBd,gCAEA,aACE,qBACA,iHAEA,aAGE,mCAIJ,alB7xBM,6BkBoyBR,YACE,2BACA,6BACA,mCAEA,kBACE,gFAGF,YAEE,cACA,sBACA,YACA,cpBvyBY,mLoB0yBZ,kBAEE,gBACA,uBACA,sCAIJ,aACE,6BACA,4CAEA,apBrzBU,iBoBuzBR,gBACA,wCAIJ,aACE,sBACA,WACA,aACA,qBACA,cpBl0BY,WoBy0BpB,kBAGE,0BAFA,eACA,uBASA,CARA,eAGF,oBACE,gBACA,CAEA,qBACA,oBAGF,YACE,eACA,CACA,kBACA,wBAEA,qBACE,cACA,mBACA,aACA,0FAGF,kBAEE,kBACA,YACA,6CAGF,QACE,SACA,+CAEA,aACE,sEAGF,uBACE,yDAGF,alBn4BY,8CkBw4Bd,qBACE,aACA,WlB34BI,ckBg5BR,iBACE,sBCn5BF,YACE,eACA,CACA,kBACA,0BAEA,qBACE,iBACA,cACA,mBACA,yDAEA,YAEE,mBACA,kBACA,sBACA,YACA,4BAGF,oBACE,cACA,cACA,qGAEA,kBAGE,sDAKN,iBAEE,gBACA,eACA,iBACA,WnBrCI,6CmBuCJ,mBACA,iBACA,4BAGF,cACE,6BAGF,cACE,crBpCgB,kBqBsChB,gBACA,qBAIJ,YACE,eACA,cACA,yBAEA,gBACE,mBACA,6BAEA,aACE,sCAIJ,arBnEwB,gBqBqEtB,qBACA,UC3EJ,aACE,gCAEA,gBACE,eACA,mBACA,+BAGF,cACE,iBACA,8CAGF,aACE,kBACA,wBAGF,gBACE,iCAGF,aACE,kBACA,uCAGF,oBACE,gDAGF,SACE,YACA,8BAGF,cACE,iBACA,mEAGF,aACE,kBACA,2DAGF,cAEE,gBACA,mFAGF,cACE,gBACA,mCAGF,aACE,iBACA,yBAGF,kBACE,kBACA,4BAGF,UACE,UACA,wBAGF,aACE,kCAGF,MACE,WACA,cACA,mBACA,2CAGF,aACE,iBACA,0CAGF,gBACE,eACA,mCAGF,WACE,sCAGF,gBACE,gBACA,yCAGF,UACE,iCAGF,aACE,iBACA,0BAGF,SACE,WACA,0DAGF,iBAEE,mBACA,4GAGF,iBAEE,gBACA,uCAGF,kBACE,eACA,2BAGF,aACE,kBACA,wCAGF,SACE,YACA,yDAGF,SACE,WACA,CAKA,oFAGF,UACE,OACA,uGAGF,UAEE,uCAIA,cACE,iBACA,kEAEA,cACE,gBACA,qCAKN,WACE,eACA,iBACA,uCAGF,WACE,sCAGF,aACE,kBACA,0CAGF,gBACE,eACA,uDAGF,gBACE,2CAGF,cACE,iBACA,YACA,yEAGF,aAEE,iBACA,iBAGF,wBACE,iBAGF,SACE,oBACA,yBAGF,aACE,8EAGF,cAEE,gBACA,oDAGF,cACE,mBACA,gEAGF,iBACE,gBACA,CAMA,8KAGF,SACE,QACA,yDAGF,kBACE,eACA,uDAGF,kBACE,gBACA,qDAGF,SACE,QACA,8FAGF,cAEE,mBACA,4CAGF,UACE,SACA,kDAEA,UACE,OACA,kEACA,8BAIJ,sXACE,uCAGF,gBAEE,kCAGF,cACE,iBACA,gDAGF,UACE,UACA,gEAGF,aACE,uDAGF,WACE,WACA,uDAGF,UACE,WACA,uDAGF,UACE,WACA,kDAGF,MACE,0CAGF,iBACE,yBACA,qDAGF,cACE,iBACA,qCAGF,kCACE,gBAEE,kBACA,2DAEA,gBACE,mBACA,uEAKF,gBAEE,kBACA,gFAKN,cAEE,gBACA,6CAKE,eACE,eACA,sDAIJ,aACE,kBACA,4DAKF,cACE,gBACA,8DAGF,gBACE,eACA,mCAIJ,aACE,kBACA,iBACA,kCAGF,WACE,mCAGF,WACE,oCAGF,cACE,gBACA,gFAGF,cACE,mBACA,+DAGF,SACE,QACA,kkEC7ZJ,kIACE,CADF,sIACE,qBACA,2GCEQ,SACE,CDHV,iGCEQ,SACE,CDHV,qGCEQ,SACE,CDHV,sGCEQ,SACE,CDHV,4FCEQ,SACE,mJAQZ,aAME,0BACA,mMAEA,oBACE,iOAGF,yBACE,CAKE,0zCAIJ,oBAGE,uUAGF,axB3BqB,qBwB6BnB,oCAIJ,yBACE,6HAEA,oBAGE,4BAIJ,yBACE,qGAEA,oBAGE,eAIJ,axBvDoB,yEwB2DpB,+BACE,0D","file":"skins/vanilla/contrast/common.css","sourcesContent":["html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:\"\";content:none}table{border-collapse:collapse;border-spacing:0}html{scrollbar-color:#313543 rgba(0,0,0,.1)}::-webkit-scrollbar{width:12px;height:12px}::-webkit-scrollbar-thumb{background:#313543;border:0px none #fff;border-radius:50px}::-webkit-scrollbar-thumb:hover{background:#353a49}::-webkit-scrollbar-thumb:active{background:#313543}::-webkit-scrollbar-track{border:0px none #fff;border-radius:0;background:rgba(0,0,0,.1)}::-webkit-scrollbar-track:hover{background:#282c37}::-webkit-scrollbar-track:active{background:#282c37}::-webkit-scrollbar-corner{background:transparent}body{font-family:\"mastodon-font-sans-serif\",sans-serif;background:#191b22;font-size:13px;line-height:18px;font-weight:400;color:#fff;text-rendering:optimizelegibility;font-feature-settings:\"kern\";text-size-adjust:none;-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-tap-highlight-color:transparent}body.system-font{font-family:system-ui,-apple-system,BlinkMacSystemFont,\"Segoe UI\",\"Oxygen\",\"Ubuntu\",\"Cantarell\",\"Fira Sans\",\"Droid Sans\",\"Helvetica Neue\",\"mastodon-font-sans-serif\",sans-serif}body.app-body{padding:0}body.app-body.layout-single-column{height:auto;min-height:100vh;overflow-y:scroll}body.app-body.layout-multiple-columns{position:absolute;width:100%;height:100%}body.app-body.with-modals--active{overflow-y:hidden}body.lighter{background:#282c37}body.with-modals{overflow-x:hidden;overflow-y:scroll}body.with-modals--active{overflow-y:hidden}body.player{text-align:center}body.embed{background:#313543;margin:0;padding-bottom:0}body.embed .container{position:absolute;width:100%;height:100%;overflow:hidden}body.admin{background:#1f232b;padding:0}body.error{position:absolute;text-align:center;color:#dde3ec;background:#282c37;width:100%;height:100%;padding:0;display:flex;justify-content:center;align-items:center}body.error .dialog{vertical-align:middle;margin:20px}body.error .dialog__illustration img{display:block;max-width:470px;width:100%;height:auto;margin-top:-120px}body.error .dialog h1{font-size:20px;line-height:28px;font-weight:400}button{font-family:inherit;cursor:pointer}button:focus{outline:none}.app-holder,.app-holder>div,.app-holder>noscript{display:flex;width:100%;align-items:center;justify-content:center;outline:0 !important}.app-holder>noscript{height:100vh}.layout-single-column .app-holder,.layout-single-column .app-holder>div{min-height:100vh}.layout-multiple-columns .app-holder,.layout-multiple-columns .app-holder>div{height:100%}.error-boundary,.app-holder noscript{flex-direction:column;font-size:16px;font-weight:400;line-height:1.7;color:#e25169;text-align:center}.error-boundary>div,.app-holder noscript>div{max-width:500px}.error-boundary p,.app-holder noscript p{margin-bottom:.85em}.error-boundary p:last-child,.app-holder noscript p:last-child{margin-bottom:0}.error-boundary a,.app-holder noscript a{color:#2b90d9}.error-boundary a:hover,.error-boundary a:focus,.error-boundary a:active,.app-holder noscript a:hover,.app-holder noscript a:focus,.app-holder noscript a:active{text-decoration:none}.error-boundary__footer,.app-holder noscript__footer{color:#c2cede;font-size:13px}.error-boundary__footer a,.app-holder noscript__footer a{color:#c2cede}.error-boundary button,.app-holder noscript button{display:inline;border:0;background:transparent;color:#c2cede;font:inherit;padding:0;margin:0;line-height:inherit;cursor:pointer;outline:0;transition:color 300ms linear;text-decoration:underline}.error-boundary button:hover,.error-boundary button:focus,.error-boundary button:active,.app-holder noscript button:hover,.app-holder noscript button:focus,.app-holder noscript button:active{text-decoration:none}.error-boundary button.copied,.app-holder noscript button.copied{color:#79bd9a;transition:none}.container-alt{width:700px;margin:0 auto;margin-top:40px}@media screen and (max-width: 740px){.container-alt{width:100%;margin:0}}.logo-container{margin:100px auto 50px}@media screen and (max-width: 500px){.logo-container{margin:40px auto 0}}.logo-container h1{display:flex;justify-content:center;align-items:center}.logo-container h1 svg{fill:#fff;height:42px;margin-right:10px}.logo-container h1 a{display:flex;justify-content:center;align-items:center;color:#fff;text-decoration:none;outline:0;padding:12px 16px;line-height:32px;font-family:\"mastodon-font-display\",sans-serif;font-weight:500;font-size:14px}.compose-standalone .compose-form{width:400px;margin:0 auto;padding:20px 0;margin-top:40px;box-sizing:border-box}@media screen and (max-width: 400px){.compose-standalone .compose-form{width:100%;margin-top:0;padding:20px}}.account-header{width:400px;margin:0 auto;display:flex;font-size:13px;line-height:18px;box-sizing:border-box;padding:20px 0;padding-bottom:0;margin-bottom:-30px;margin-top:40px}@media screen and (max-width: 440px){.account-header{width:100%;margin:0;margin-bottom:10px;padding:20px;padding-bottom:0}}.account-header .avatar{width:40px;height:40px;margin-right:8px}.account-header .avatar img{width:100%;height:100%;display:block;margin:0;border-radius:4px}.account-header .name{flex:1 1 auto;color:#ecf0f4;width:calc(100% - 88px)}.account-header .name .username{display:block;font-weight:500;text-overflow:ellipsis;overflow:hidden}.account-header .logout-link{display:block;font-size:32px;line-height:40px;margin-left:8px}.grid-3{display:grid;grid-gap:10px;grid-template-columns:3fr 1fr;grid-auto-columns:25%;grid-auto-rows:max-content}.grid-3 .column-0{grid-column:1/3;grid-row:1}.grid-3 .column-1{grid-column:1;grid-row:2}.grid-3 .column-2{grid-column:2;grid-row:2}.grid-3 .column-3{grid-column:1/3;grid-row:3}@media screen and (max-width: 415px){.grid-3{grid-gap:0;grid-template-columns:minmax(0, 100%)}.grid-3 .column-0{grid-column:1}.grid-3 .column-1{grid-column:1;grid-row:3}.grid-3 .column-2{grid-column:1;grid-row:2}.grid-3 .column-3{grid-column:1;grid-row:4}}.grid-4{display:grid;grid-gap:10px;grid-template-columns:repeat(4, minmax(0, 1fr));grid-auto-columns:25%;grid-auto-rows:max-content}.grid-4 .column-0{grid-column:1/5;grid-row:1}.grid-4 .column-1{grid-column:1/4;grid-row:2}.grid-4 .column-2{grid-column:4;grid-row:2}.grid-4 .column-3{grid-column:2/5;grid-row:3}.grid-4 .column-4{grid-column:1;grid-row:3}.grid-4 .landing-page__call-to-action{min-height:100%}.grid-4 .flash-message{margin-bottom:10px}@media screen and (max-width: 738px){.grid-4{grid-template-columns:minmax(0, 50%) minmax(0, 50%)}.grid-4 .landing-page__call-to-action{padding:20px;display:flex;align-items:center;justify-content:center}.grid-4 .row__information-board{width:100%;justify-content:center;align-items:center}.grid-4 .row__mascot{display:none}}@media screen and (max-width: 415px){.grid-4{grid-gap:0;grid-template-columns:minmax(0, 100%)}.grid-4 .column-0{grid-column:1}.grid-4 .column-1{grid-column:1;grid-row:3}.grid-4 .column-2{grid-column:1;grid-row:2}.grid-4 .column-3{grid-column:1;grid-row:5}.grid-4 .column-4{grid-column:1;grid-row:4}}@media screen and (max-width: 415px){.public-layout{padding-top:48px}}.public-layout .container{max-width:960px}@media screen and (max-width: 415px){.public-layout .container{padding:0}}.public-layout .header{background:#393f4f;box-shadow:0 0 15px rgba(0,0,0,.2);border-radius:4px;height:48px;margin:10px 0;display:flex;align-items:stretch;justify-content:center;flex-wrap:nowrap;overflow:hidden}@media screen and (max-width: 415px){.public-layout .header{position:fixed;width:100%;top:0;left:0;margin:0;border-radius:0;box-shadow:none;z-index:110}}.public-layout .header>div{flex:1 1 33.3%;min-height:1px}.public-layout .header .nav-left{display:flex;align-items:stretch;justify-content:flex-start;flex-wrap:nowrap}.public-layout .header .nav-center{display:flex;align-items:stretch;justify-content:center;flex-wrap:nowrap}.public-layout .header .nav-right{display:flex;align-items:stretch;justify-content:flex-end;flex-wrap:nowrap}.public-layout .header .brand{display:block;padding:15px}.public-layout .header .brand svg{display:block;height:18px;width:auto;position:relative;bottom:-2px;fill:#fff}@media screen and (max-width: 415px){.public-layout .header .brand svg{height:20px}}.public-layout .header .brand:hover,.public-layout .header .brand:focus,.public-layout .header .brand:active{background:#42485a}.public-layout .header .nav-link{display:flex;align-items:center;padding:0 1rem;font-size:12px;font-weight:500;text-decoration:none;color:#dde3ec;white-space:nowrap;text-align:center}.public-layout .header .nav-link:hover,.public-layout .header .nav-link:focus,.public-layout .header .nav-link:active{text-decoration:underline;color:#fff}@media screen and (max-width: 550px){.public-layout .header .nav-link.optional{display:none}}.public-layout .header .nav-button{background:#4a5266;margin:8px;margin-left:0;border-radius:4px}.public-layout .header .nav-button:hover,.public-layout .header .nav-button:focus,.public-layout .header .nav-button:active{text-decoration:none;background:#535b72}.public-layout .grid{display:grid;grid-gap:10px;grid-template-columns:minmax(300px, 3fr) minmax(298px, 1fr);grid-auto-columns:25%;grid-auto-rows:max-content}.public-layout .grid .column-0{grid-row:1;grid-column:1}.public-layout .grid .column-1{grid-row:1;grid-column:2}@media screen and (max-width: 600px){.public-layout .grid{grid-template-columns:100%;grid-gap:0}.public-layout .grid .column-1{display:none}}.public-layout .directory__card{border-radius:4px}@media screen and (max-width: 415px){.public-layout .directory__card{border-radius:0}}@media screen and (max-width: 415px){.public-layout .page-header{border-bottom:0}}.public-layout .public-account-header{overflow:hidden;margin-bottom:10px;box-shadow:0 0 15px rgba(0,0,0,.2)}.public-layout .public-account-header.inactive{opacity:.5}.public-layout .public-account-header.inactive .public-account-header__image,.public-layout .public-account-header.inactive .avatar{filter:grayscale(100%)}.public-layout .public-account-header.inactive .logo-button{background-color:#ecf0f4}.public-layout .public-account-header__image{border-radius:4px 4px 0 0;overflow:hidden;height:300px;position:relative;background:#0e1014}.public-layout .public-account-header__image::after{content:\"\";display:block;position:absolute;width:100%;height:100%;box-shadow:inset 0 -1px 1px 1px rgba(0,0,0,.15);top:0;left:0}.public-layout .public-account-header__image img{object-fit:cover;display:block;width:100%;height:100%;margin:0;border-radius:4px 4px 0 0}@media screen and (max-width: 600px){.public-layout .public-account-header__image{height:200px}}.public-layout .public-account-header--no-bar{margin-bottom:0}.public-layout .public-account-header--no-bar .public-account-header__image,.public-layout .public-account-header--no-bar .public-account-header__image img{border-radius:4px}@media screen and (max-width: 415px){.public-layout .public-account-header--no-bar .public-account-header__image,.public-layout .public-account-header--no-bar .public-account-header__image img{border-radius:0}}@media screen and (max-width: 415px){.public-layout .public-account-header{margin-bottom:0;box-shadow:none}.public-layout .public-account-header__image::after{display:none}.public-layout .public-account-header__image,.public-layout .public-account-header__image img{border-radius:0}}.public-layout .public-account-header__bar{position:relative;margin-top:-80px;display:flex;justify-content:flex-start}.public-layout .public-account-header__bar::before{content:\"\";display:block;background:#313543;position:absolute;bottom:0;left:0;right:0;height:60px;border-radius:0 0 4px 4px;z-index:-1}.public-layout .public-account-header__bar .avatar{display:block;width:120px;height:120px;padding-left:16px;flex:0 0 auto}.public-layout .public-account-header__bar .avatar img{display:block;width:100%;height:100%;margin:0;border-radius:50%;border:4px solid #313543;background:#17191f}@media screen and (max-width: 600px){.public-layout .public-account-header__bar{margin-top:0;background:#313543;border-radius:0 0 4px 4px;padding:5px}.public-layout .public-account-header__bar::before{display:none}.public-layout .public-account-header__bar .avatar{width:48px;height:48px;padding:7px 0;padding-left:10px}.public-layout .public-account-header__bar .avatar img{border:0;border-radius:4px}}@media screen and (max-width: 600px)and (max-width: 360px){.public-layout .public-account-header__bar .avatar{display:none}}@media screen and (max-width: 415px){.public-layout .public-account-header__bar{border-radius:0}}@media screen and (max-width: 600px){.public-layout .public-account-header__bar{flex-wrap:wrap}}.public-layout .public-account-header__tabs{flex:1 1 auto;margin-left:20px}.public-layout .public-account-header__tabs__name{padding-top:20px;padding-bottom:8px}.public-layout .public-account-header__tabs__name h1{font-size:20px;line-height:27px;color:#fff;font-weight:500;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;text-shadow:1px 1px 1px #000}.public-layout .public-account-header__tabs__name h1 small{display:block;font-size:14px;color:#fff;font-weight:400;overflow:hidden;text-overflow:ellipsis}@media screen and (max-width: 600px){.public-layout .public-account-header__tabs{margin-left:15px;display:flex;justify-content:space-between;align-items:center}.public-layout .public-account-header__tabs__name{padding-top:0;padding-bottom:0}.public-layout .public-account-header__tabs__name h1{font-size:16px;line-height:24px;text-shadow:none}.public-layout .public-account-header__tabs__name h1 small{color:#dde3ec}}.public-layout .public-account-header__tabs__tabs{display:flex;justify-content:flex-start;align-items:stretch;height:58px}.public-layout .public-account-header__tabs__tabs .details-counters{display:flex;flex-direction:row;min-width:300px}@media screen and (max-width: 600px){.public-layout .public-account-header__tabs__tabs .details-counters{display:none}}.public-layout .public-account-header__tabs__tabs .counter{min-width:33.3%;box-sizing:border-box;flex:0 0 auto;color:#dde3ec;padding:10px;border-right:1px solid #313543;cursor:default;text-align:center;position:relative}.public-layout .public-account-header__tabs__tabs .counter a{display:block}.public-layout .public-account-header__tabs__tabs .counter:last-child{border-right:0}.public-layout .public-account-header__tabs__tabs .counter::after{display:block;content:\"\";position:absolute;bottom:0;left:0;width:100%;border-bottom:4px solid #9baec8;opacity:.5;transition:all 400ms ease}.public-layout .public-account-header__tabs__tabs .counter.active::after{border-bottom:4px solid #2b90d9;opacity:1}.public-layout .public-account-header__tabs__tabs .counter.active.inactive::after{border-bottom-color:#ecf0f4}.public-layout .public-account-header__tabs__tabs .counter:hover::after{opacity:1;transition-duration:100ms}.public-layout .public-account-header__tabs__tabs .counter a{text-decoration:none;color:inherit}.public-layout .public-account-header__tabs__tabs .counter .counter-label{font-size:12px;display:block}.public-layout .public-account-header__tabs__tabs .counter .counter-number{font-weight:500;font-size:18px;margin-bottom:5px;color:#fff;font-family:\"mastodon-font-display\",sans-serif}.public-layout .public-account-header__tabs__tabs .spacer{flex:1 1 auto;height:1px}.public-layout .public-account-header__tabs__tabs__buttons{padding:7px 8px}.public-layout .public-account-header__extra{display:none;margin-top:4px}.public-layout .public-account-header__extra .public-account-bio{border-radius:0;box-shadow:none;background:transparent;margin:0 -5px}.public-layout .public-account-header__extra .public-account-bio .account__header__fields{border-top:1px solid #42485a}.public-layout .public-account-header__extra .public-account-bio .roles{display:none}.public-layout .public-account-header__extra__links{margin-top:-15px;font-size:14px;color:#dde3ec}.public-layout .public-account-header__extra__links a{display:inline-block;color:#dde3ec;text-decoration:none;padding:15px;font-weight:500}.public-layout .public-account-header__extra__links a strong{font-weight:700;color:#fff}@media screen and (max-width: 600px){.public-layout .public-account-header__extra{display:block;flex:100%}}.public-layout .account__section-headline{border-radius:4px 4px 0 0}@media screen and (max-width: 415px){.public-layout .account__section-headline{border-radius:0}}.public-layout .detailed-status__meta{margin-top:25px}.public-layout .public-account-bio{background:#393f4f;box-shadow:0 0 15px rgba(0,0,0,.2);border-radius:4px;overflow:hidden;margin-bottom:10px}@media screen and (max-width: 415px){.public-layout .public-account-bio{box-shadow:none;margin-bottom:0;border-radius:0}}.public-layout .public-account-bio .account__header__fields{margin:0;border-top:0}.public-layout .public-account-bio .account__header__fields a{color:#4e79df}.public-layout .public-account-bio .account__header__fields dl:first-child .verified{border-radius:0 4px 0 0}.public-layout .public-account-bio .account__header__fields .verified a{color:#79bd9a}.public-layout .public-account-bio .account__header__content{padding:20px;padding-bottom:0;color:#fff}.public-layout .public-account-bio__extra,.public-layout .public-account-bio .roles{padding:20px;font-size:14px;color:#dde3ec}.public-layout .public-account-bio .roles{padding-bottom:0}.public-layout .directory__list{display:grid;grid-gap:10px;grid-template-columns:minmax(0, 50%) minmax(0, 50%)}@media screen and (max-width: 415px){.public-layout .directory__list{display:block}}.public-layout .directory__list .icon-button{font-size:18px}.public-layout .directory__card{margin-bottom:0}.public-layout .card-grid{display:flex;flex-wrap:wrap;min-width:100%;margin:0 -5px}.public-layout .card-grid>div{box-sizing:border-box;flex:1 0 auto;width:300px;padding:0 5px;margin-bottom:10px;max-width:33.333%}@media screen and (max-width: 900px){.public-layout .card-grid>div{max-width:50%}}@media screen and (max-width: 600px){.public-layout .card-grid>div{max-width:100%}}@media screen and (max-width: 415px){.public-layout .card-grid{margin:0;border-top:1px solid #393f4f}.public-layout .card-grid>div{width:100%;padding:0;margin-bottom:0;border-bottom:1px solid #393f4f}.public-layout .card-grid>div:last-child{border-bottom:0}.public-layout .card-grid>div .card__bar{background:#282c37}.public-layout .card-grid>div .card__bar:hover,.public-layout .card-grid>div .card__bar:active,.public-layout .card-grid>div .card__bar:focus{background:#313543}}.no-list{list-style:none}.no-list li{display:inline-block;margin:0 5px}.recovery-codes{list-style:none;margin:0 auto}.recovery-codes li{font-size:125%;line-height:1.5;letter-spacing:1px}.public-layout .footer{text-align:left;padding-top:20px;padding-bottom:60px;font-size:12px;color:#737d99}@media screen and (max-width: 415px){.public-layout .footer{padding-left:20px;padding-right:20px}}.public-layout .footer .grid{display:grid;grid-gap:10px;grid-template-columns:1fr 1fr 2fr 1fr 1fr}.public-layout .footer .grid .column-0{grid-column:1;grid-row:1;min-width:0}.public-layout .footer .grid .column-1{grid-column:2;grid-row:1;min-width:0}.public-layout .footer .grid .column-2{grid-column:3;grid-row:1;min-width:0;text-align:center}.public-layout .footer .grid .column-2 h4 a{color:#737d99}.public-layout .footer .grid .column-3{grid-column:4;grid-row:1;min-width:0}.public-layout .footer .grid .column-4{grid-column:5;grid-row:1;min-width:0}@media screen and (max-width: 690px){.public-layout .footer .grid{grid-template-columns:1fr 2fr 1fr}.public-layout .footer .grid .column-0,.public-layout .footer .grid .column-1{grid-column:1}.public-layout .footer .grid .column-1{grid-row:2}.public-layout .footer .grid .column-2{grid-column:2}.public-layout .footer .grid .column-3,.public-layout .footer .grid .column-4{grid-column:3}.public-layout .footer .grid .column-4{grid-row:2}}@media screen and (max-width: 600px){.public-layout .footer .grid .column-1{display:block}}@media screen and (max-width: 415px){.public-layout .footer .grid .column-0,.public-layout .footer .grid .column-1,.public-layout .footer .grid .column-3,.public-layout .footer .grid .column-4{display:none}}.public-layout .footer h4{font-weight:700;margin-bottom:8px;color:#dde3ec}.public-layout .footer h4 a{color:inherit;text-decoration:none}.public-layout .footer ul a{text-decoration:none;color:#737d99}.public-layout .footer ul a:hover,.public-layout .footer ul a:active,.public-layout .footer ul a:focus{text-decoration:underline}.public-layout .footer .brand svg{display:block;height:36px;width:auto;margin:0 auto;fill:#737d99}.public-layout .footer .brand:hover svg,.public-layout .footer .brand:focus svg,.public-layout .footer .brand:active svg{fill:#7f88a2}.compact-header h1{font-size:24px;line-height:28px;color:#dde3ec;font-weight:500;margin-bottom:20px;padding:0 10px;word-wrap:break-word}@media screen and (max-width: 740px){.compact-header h1{text-align:center;padding:20px 10px 0}}.compact-header h1 a{color:inherit;text-decoration:none}.compact-header h1 small{font-weight:400;color:#ecf0f4}.compact-header h1 img{display:inline-block;margin-bottom:-5px;margin-right:15px;width:36px;height:36px}.hero-widget{margin-bottom:10px;box-shadow:0 0 15px rgba(0,0,0,.2)}.hero-widget__img{width:100%;position:relative;overflow:hidden;border-radius:4px 4px 0 0;background:#000}.hero-widget__img img{object-fit:cover;display:block;width:100%;height:100%;margin:0;border-radius:4px 4px 0 0}.hero-widget__text{background:#282c37;padding:20px;border-radius:0 0 4px 4px;font-size:15px;color:#dde3ec;line-height:20px;word-wrap:break-word;font-weight:400}.hero-widget__text .emojione{width:20px;height:20px;margin:-3px 0 0}.hero-widget__text p{margin-bottom:20px}.hero-widget__text p:last-child{margin-bottom:0}.hero-widget__text em{display:inline;margin:0;padding:0;font-weight:700;background:transparent;font-family:inherit;font-size:inherit;line-height:inherit;color:#fefefe}.hero-widget__text a{color:#ecf0f4;text-decoration:none}.hero-widget__text a:hover{text-decoration:underline}@media screen and (max-width: 415px){.hero-widget{display:none}}.endorsements-widget{margin-bottom:10px;padding-bottom:10px}.endorsements-widget h4{padding:10px;font-weight:700;font-size:14px;color:#dde3ec}.endorsements-widget .account{padding:10px 0}.endorsements-widget .account:last-child{border-bottom:0}.endorsements-widget .account .account__display-name{display:flex;align-items:center}.endorsements-widget .account .account__avatar{width:44px;height:44px;background-size:44px 44px}.endorsements-widget .trends__item{padding:10px}.trends-widget h4{color:#dde3ec}.box-widget{padding:20px;border-radius:4px;background:#282c37;box-shadow:0 0 15px rgba(0,0,0,.2)}.placeholder-widget{padding:16px;border-radius:4px;border:2px dashed #c2cede;text-align:center;color:#dde3ec;margin-bottom:10px}.contact-widget{min-height:100%;font-size:15px;color:#dde3ec;line-height:20px;word-wrap:break-word;font-weight:400;padding:0}.contact-widget h4{padding:10px;font-weight:700;font-size:14px;color:#dde3ec}.contact-widget .account{border-bottom:0;padding:10px 0;padding-top:5px}.contact-widget>a{display:inline-block;padding:10px;padding-top:0;color:#dde3ec;text-decoration:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.contact-widget>a:hover,.contact-widget>a:focus,.contact-widget>a:active{text-decoration:underline}.moved-account-widget{padding:15px;padding-bottom:20px;border-radius:4px;background:#282c37;box-shadow:0 0 15px rgba(0,0,0,.2);color:#ecf0f4;font-weight:400;margin-bottom:10px}.moved-account-widget strong,.moved-account-widget a{font-weight:500}.moved-account-widget strong:lang(ja),.moved-account-widget a:lang(ja){font-weight:700}.moved-account-widget strong:lang(ko),.moved-account-widget a:lang(ko){font-weight:700}.moved-account-widget strong:lang(zh-CN),.moved-account-widget a:lang(zh-CN){font-weight:700}.moved-account-widget strong:lang(zh-HK),.moved-account-widget a:lang(zh-HK){font-weight:700}.moved-account-widget strong:lang(zh-TW),.moved-account-widget a:lang(zh-TW){font-weight:700}.moved-account-widget a{color:inherit;text-decoration:underline}.moved-account-widget a.mention{text-decoration:none}.moved-account-widget a.mention span{text-decoration:none}.moved-account-widget a.mention:focus,.moved-account-widget a.mention:hover,.moved-account-widget a.mention:active{text-decoration:none}.moved-account-widget a.mention:focus span,.moved-account-widget a.mention:hover span,.moved-account-widget a.mention:active span{text-decoration:underline}.moved-account-widget__message{margin-bottom:15px}.moved-account-widget__message .fa{margin-right:5px;color:#dde3ec}.moved-account-widget__card .detailed-status__display-avatar{position:relative;cursor:pointer}.moved-account-widget__card .detailed-status__display-name{margin-bottom:0;text-decoration:none}.moved-account-widget__card .detailed-status__display-name span{font-weight:400}.memoriam-widget{padding:20px;border-radius:4px;background:#000;box-shadow:0 0 15px rgba(0,0,0,.2);font-size:14px;color:#dde3ec;margin-bottom:10px}.page-header{background:#393f4f;box-shadow:0 0 15px rgba(0,0,0,.2);border-radius:4px;padding:60px 15px;text-align:center;margin:10px 0}.page-header h1{color:#fff;font-size:36px;line-height:1.1;font-weight:700;margin-bottom:10px}.page-header p{font-size:15px;color:#dde3ec}@media screen and (max-width: 415px){.page-header{margin-top:0;background:#313543}.page-header h1{font-size:24px}}.directory{background:#282c37;border-radius:4px;box-shadow:0 0 15px rgba(0,0,0,.2)}.directory__tag{box-sizing:border-box;margin-bottom:10px}.directory__tag>a,.directory__tag>div{display:flex;align-items:center;justify-content:space-between;background:#282c37;border-radius:4px;padding:15px;text-decoration:none;color:inherit;box-shadow:0 0 15px rgba(0,0,0,.2)}.directory__tag>a:hover,.directory__tag>a:active,.directory__tag>a:focus{background:#393f4f}.directory__tag.active>a{background:#2b5fd9;cursor:default}.directory__tag.disabled>div{opacity:.5;cursor:default}.directory__tag h4{flex:1 1 auto;font-size:18px;font-weight:700;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.directory__tag h4 .fa{color:#dde3ec}.directory__tag h4 small{display:block;font-weight:400;font-size:15px;margin-top:8px;color:#dde3ec}.directory__tag.active h4,.directory__tag.active h4 .fa,.directory__tag.active h4 small,.directory__tag.active h4 .trends__item__current{color:#fff}.directory__tag .avatar-stack{flex:0 0 auto;width:120px}.directory__tag.active .avatar-stack .account__avatar{border-color:#2b5fd9}.directory__tag .trends__item__current{padding-right:0}.avatar-stack{display:flex;justify-content:flex-end}.avatar-stack .account__avatar{flex:0 0 auto;width:36px;height:36px;border-radius:50%;position:relative;margin-left:-10px;background:#17191f;border:2px solid #282c37}.avatar-stack .account__avatar:nth-child(1){z-index:1}.avatar-stack .account__avatar:nth-child(2){z-index:2}.avatar-stack .account__avatar:nth-child(3){z-index:3}.accounts-table{width:100%}.accounts-table .account{padding:0;border:0}.accounts-table strong{font-weight:700}.accounts-table thead th{text-align:center;color:#dde3ec;font-weight:700;padding:10px}.accounts-table thead th:first-child{text-align:left}.accounts-table tbody td{padding:15px 0;vertical-align:middle;border-bottom:1px solid #393f4f}.accounts-table tbody tr:last-child td{border-bottom:0}.accounts-table__count{width:120px;text-align:center;font-size:15px;font-weight:500;color:#fff}.accounts-table__count small{display:block;color:#dde3ec;font-weight:400;font-size:14px}.accounts-table__comment{width:50%;vertical-align:initial !important}@media screen and (max-width: 415px){.accounts-table tbody td.optional{display:none}}@media screen and (max-width: 415px){.moved-account-widget,.memoriam-widget,.box-widget,.contact-widget,.landing-page__information.contact-widget,.directory,.page-header{margin-bottom:0;box-shadow:none;border-radius:0}}.statuses-grid{min-height:600px}@media screen and (max-width: 640px){.statuses-grid{width:100% !important}}.statuses-grid__item{width:313.3333333333px}@media screen and (max-width: 1255px){.statuses-grid__item{width:306.6666666667px}}@media screen and (max-width: 640px){.statuses-grid__item{width:100%}}@media screen and (max-width: 415px){.statuses-grid__item{width:100vw}}.statuses-grid .detailed-status{border-radius:4px}@media screen and (max-width: 415px){.statuses-grid .detailed-status{border-top:1px solid #4a5266}}.statuses-grid .detailed-status.compact .detailed-status__meta{margin-top:15px}.statuses-grid .detailed-status.compact .status__content{font-size:15px;line-height:20px}.statuses-grid .detailed-status.compact .status__content .emojione{width:20px;height:20px;margin:-3px 0 0}.statuses-grid .detailed-status.compact .status__content .status__content__spoiler-link{line-height:20px;margin:0}.statuses-grid .detailed-status.compact .media-gallery,.statuses-grid .detailed-status.compact .status-card,.statuses-grid .detailed-status.compact .video-player{margin-top:15px}.notice-widget{margin-bottom:10px;color:#dde3ec}.notice-widget p{margin-bottom:10px}.notice-widget p:last-child{margin-bottom:0}.notice-widget a{font-size:14px;line-height:20px}.notice-widget a,.placeholder-widget a{text-decoration:none;font-weight:500;color:#2b5fd9}.notice-widget a:hover,.notice-widget a:focus,.notice-widget a:active,.placeholder-widget a:hover,.placeholder-widget a:focus,.placeholder-widget a:active{text-decoration:underline}.table-of-contents{background:#1f232b;min-height:100%;font-size:14px;border-radius:4px}.table-of-contents li a{display:block;font-weight:500;padding:15px;overflow:hidden;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-decoration:none;color:#fff;border-bottom:1px solid #313543}.table-of-contents li a:hover,.table-of-contents li a:focus,.table-of-contents li a:active{text-decoration:underline}.table-of-contents li:last-child a{border-bottom:0}.table-of-contents li ul{padding-left:20px;border-bottom:1px solid #313543}code{font-family:\"mastodon-font-monospace\",monospace;font-weight:400}.form-container{max-width:400px;padding:20px;margin:0 auto}.simple_form .input{margin-bottom:15px;overflow:hidden}.simple_form .input.hidden{margin:0}.simple_form .input.radio_buttons .radio{margin-bottom:15px}.simple_form .input.radio_buttons .radio:last-child{margin-bottom:0}.simple_form .input.radio_buttons .radio>label{position:relative;padding-left:28px}.simple_form .input.radio_buttons .radio>label input{position:absolute;top:-2px;left:0}.simple_form .input.boolean{position:relative;margin-bottom:0}.simple_form .input.boolean .label_input>label{font-family:inherit;font-size:14px;padding-top:5px;color:#fff;display:block;width:auto}.simple_form .input.boolean .label_input,.simple_form .input.boolean .hint{padding-left:28px}.simple_form .input.boolean .label_input__wrapper{position:static}.simple_form .input.boolean label.checkbox{position:absolute;top:2px;left:0}.simple_form .input.boolean label a{color:#2b90d9;text-decoration:underline}.simple_form .input.boolean label a:hover,.simple_form .input.boolean label a:active,.simple_form .input.boolean label a:focus{text-decoration:none}.simple_form .input.boolean .recommended{position:absolute;margin:0 4px;margin-top:-2px}.simple_form .row{display:flex;margin:0 -5px}.simple_form .row .input{box-sizing:border-box;flex:1 1 auto;width:50%;padding:0 5px}.simple_form .hint{color:#dde3ec}.simple_form .hint a{color:#2b90d9}.simple_form .hint code{border-radius:3px;padding:.2em .4em;background:#0e1014}.simple_form .hint li{list-style:disc;margin-left:18px}.simple_form ul.hint{margin-bottom:15px}.simple_form span.hint{display:block;font-size:12px;margin-top:4px}.simple_form p.hint{margin-bottom:15px;color:#dde3ec}.simple_form p.hint.subtle-hint{text-align:center;font-size:12px;line-height:18px;margin-top:15px;margin-bottom:0}.simple_form .card{margin-bottom:15px}.simple_form strong{font-weight:500}.simple_form strong:lang(ja){font-weight:700}.simple_form strong:lang(ko){font-weight:700}.simple_form strong:lang(zh-CN){font-weight:700}.simple_form strong:lang(zh-HK){font-weight:700}.simple_form strong:lang(zh-TW){font-weight:700}.simple_form .input.with_floating_label .label_input{display:flex}.simple_form .input.with_floating_label .label_input>label{font-family:inherit;font-size:14px;color:#fff;font-weight:500;min-width:150px;flex:0 0 auto}.simple_form .input.with_floating_label .label_input input,.simple_form .input.with_floating_label .label_input select{flex:1 1 auto}.simple_form .input.with_floating_label.select .hint{margin-top:6px;margin-left:150px}.simple_form .input.with_label .label_input>label{font-family:inherit;font-size:14px;color:#fff;display:block;margin-bottom:8px;word-wrap:break-word;font-weight:500}.simple_form .input.with_label .hint{margin-top:6px}.simple_form .input.with_label ul{flex:390px}.simple_form .input.with_block_label{max-width:none}.simple_form .input.with_block_label>label{font-family:inherit;font-size:16px;color:#fff;display:block;font-weight:500;padding-top:5px}.simple_form .input.with_block_label .hint{margin-bottom:15px}.simple_form .input.with_block_label ul{columns:2}.simple_form .required abbr{text-decoration:none;color:#e87487}.simple_form .fields-group{margin-bottom:25px}.simple_form .fields-group .input:last-child{margin-bottom:0}.simple_form .fields-row{display:flex;margin:0 -10px;padding-top:5px;margin-bottom:25px}.simple_form .fields-row .input{max-width:none}.simple_form .fields-row__column{box-sizing:border-box;padding:0 10px;flex:1 1 auto;min-height:1px}.simple_form .fields-row__column-6{max-width:50%}.simple_form .fields-row__column .actions{margin-top:27px}.simple_form .fields-row .fields-group:last-child,.simple_form .fields-row .fields-row__column.fields-group{margin-bottom:0}@media screen and (max-width: 600px){.simple_form .fields-row{display:block;margin-bottom:0}.simple_form .fields-row__column{max-width:none}.simple_form .fields-row .fields-group:last-child,.simple_form .fields-row .fields-row__column.fields-group,.simple_form .fields-row .fields-row__column{margin-bottom:25px}}.simple_form .input.radio_buttons .radio label{margin-bottom:5px;font-family:inherit;font-size:14px;color:#fff;display:block;width:auto}.simple_form .check_boxes .checkbox label{font-family:inherit;font-size:14px;color:#fff;display:inline-block;width:auto;position:relative;padding-top:5px;padding-left:25px;flex:1 1 auto}.simple_form .check_boxes .checkbox input[type=checkbox]{position:absolute;left:0;top:5px;margin:0}.simple_form .input.static .label_input__wrapper{font-size:16px;padding:10px;border:1px solid #c2cede;border-radius:4px}.simple_form input[type=text],.simple_form input[type=number],.simple_form input[type=email],.simple_form input[type=password],.simple_form textarea{box-sizing:border-box;font-size:16px;color:#fff;display:block;width:100%;outline:0;font-family:inherit;resize:vertical;background:#131419;border:1px solid #0a0b0e;border-radius:4px;padding:10px}.simple_form input[type=text]::placeholder,.simple_form input[type=number]::placeholder,.simple_form input[type=email]::placeholder,.simple_form input[type=password]::placeholder,.simple_form textarea::placeholder{color:#eaeef3}.simple_form input[type=text]:invalid,.simple_form input[type=number]:invalid,.simple_form input[type=email]:invalid,.simple_form input[type=password]:invalid,.simple_form textarea:invalid{box-shadow:none}.simple_form input[type=text]:focus:invalid:not(:placeholder-shown),.simple_form input[type=number]:focus:invalid:not(:placeholder-shown),.simple_form input[type=email]:focus:invalid:not(:placeholder-shown),.simple_form input[type=password]:focus:invalid:not(:placeholder-shown),.simple_form textarea:focus:invalid:not(:placeholder-shown){border-color:#e87487}.simple_form input[type=text]:required:valid,.simple_form input[type=number]:required:valid,.simple_form input[type=email]:required:valid,.simple_form input[type=password]:required:valid,.simple_form textarea:required:valid{border-color:#79bd9a}.simple_form input[type=text]:hover,.simple_form input[type=number]:hover,.simple_form input[type=email]:hover,.simple_form input[type=password]:hover,.simple_form textarea:hover{border-color:#000}.simple_form input[type=text]:active,.simple_form input[type=text]:focus,.simple_form input[type=number]:active,.simple_form input[type=number]:focus,.simple_form input[type=email]:active,.simple_form input[type=email]:focus,.simple_form input[type=password]:active,.simple_form input[type=password]:focus,.simple_form textarea:active,.simple_form textarea:focus{border-color:#2b90d9;background:#17191f}.simple_form .input.field_with_errors label{color:#e87487}.simple_form .input.field_with_errors input[type=text],.simple_form .input.field_with_errors input[type=number],.simple_form .input.field_with_errors input[type=email],.simple_form .input.field_with_errors input[type=password],.simple_form .input.field_with_errors textarea,.simple_form .input.field_with_errors select{border-color:#e87487}.simple_form .input.field_with_errors .error{display:block;font-weight:500;color:#e87487;margin-top:4px}.simple_form .input.disabled{opacity:.5}.simple_form .actions{margin-top:30px;display:flex}.simple_form .actions.actions--top{margin-top:0;margin-bottom:30px}.simple_form button,.simple_form .button,.simple_form .block-button{display:block;width:100%;border:0;border-radius:4px;background:#2b5fd9;color:#fff;font-size:18px;line-height:inherit;height:auto;padding:10px;text-decoration:none;text-align:center;box-sizing:border-box;cursor:pointer;font-weight:500;outline:0;margin-bottom:10px;margin-right:10px}.simple_form button:last-child,.simple_form .button:last-child,.simple_form .block-button:last-child{margin-right:0}.simple_form button:hover,.simple_form .button:hover,.simple_form .block-button:hover{background-color:#416fdd}.simple_form button:active,.simple_form button:focus,.simple_form .button:active,.simple_form .button:focus,.simple_form .block-button:active,.simple_form .block-button:focus{background-color:#2454c7}.simple_form button:disabled:hover,.simple_form .button:disabled:hover,.simple_form .block-button:disabled:hover{background-color:#9baec8}.simple_form button.negative,.simple_form .button.negative,.simple_form .block-button.negative{background:#df405a}.simple_form button.negative:hover,.simple_form .button.negative:hover,.simple_form .block-button.negative:hover{background-color:#e3566d}.simple_form button.negative:active,.simple_form button.negative:focus,.simple_form .button.negative:active,.simple_form .button.negative:focus,.simple_form .block-button.negative:active,.simple_form .block-button.negative:focus{background-color:#db2a47}.simple_form select{appearance:none;box-sizing:border-box;font-size:16px;color:#fff;display:block;width:100%;outline:0;font-family:inherit;resize:vertical;background:#131419 url(\"data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14.933 18.467' height='19.698' width='15.929'><path d='M3.467 14.967l-3.393-3.5H14.86l-3.392 3.5c-1.866 1.925-3.666 3.5-4 3.5-.335 0-2.135-1.575-4-3.5zm.266-11.234L7.467 0 11.2 3.733l3.733 3.734H0l3.733-3.734z' fill='%2342485A'/></svg>\") no-repeat right 8px center/auto 16px;border:1px solid #0a0b0e;border-radius:4px;padding-left:10px;padding-right:30px;height:41px}.simple_form h4{margin-bottom:15px !important}.simple_form .label_input__wrapper{position:relative}.simple_form .label_input__append{position:absolute;right:3px;top:1px;padding:10px;padding-bottom:9px;font-size:16px;color:#c2cede;font-family:inherit;pointer-events:none;cursor:default;max-width:140px;white-space:nowrap;overflow:hidden}.simple_form .label_input__append::after{content:\"\";display:block;position:absolute;top:0;right:0;bottom:1px;width:5px;background-image:linear-gradient(to right, rgba(19, 20, 25, 0), #131419)}.simple_form__overlay-area{position:relative}.simple_form__overlay-area__blurred form{filter:blur(2px)}.simple_form__overlay-area__overlay{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;justify-content:center;align-items:center;background:rgba(40,44,55,.65);border-radius:4px;margin-left:-4px;margin-top:-4px;padding:4px}.simple_form__overlay-area__overlay__content{text-align:center}.simple_form__overlay-area__overlay__content.rich-formatting,.simple_form__overlay-area__overlay__content.rich-formatting p{color:#fff}.block-icon{display:block;margin:0 auto;margin-bottom:10px;font-size:24px}.flash-message{background:#393f4f;color:#dde3ec;border-radius:4px;padding:15px 10px;margin-bottom:30px;text-align:center}.flash-message.notice{border:1px solid rgba(121,189,154,.5);background:rgba(121,189,154,.25);color:#79bd9a}.flash-message.alert{border:1px solid rgba(223,64,90,.5);background:rgba(223,64,90,.25);color:#df405a}.flash-message a{display:inline-block;color:#dde3ec;text-decoration:none}.flash-message a:hover{color:#fff;text-decoration:underline}.flash-message p{margin-bottom:15px}.flash-message .oauth-code{outline:0;box-sizing:border-box;display:block;width:100%;border:0;padding:10px;font-family:\"mastodon-font-monospace\",monospace;background:#282c37;color:#fff;font-size:14px;margin:0}.flash-message .oauth-code::-moz-focus-inner{border:0}.flash-message .oauth-code::-moz-focus-inner,.flash-message .oauth-code:focus,.flash-message .oauth-code:active{outline:0 !important}.flash-message .oauth-code:focus{background:#313543}.flash-message strong{font-weight:500}.flash-message strong:lang(ja){font-weight:700}.flash-message strong:lang(ko){font-weight:700}.flash-message strong:lang(zh-CN){font-weight:700}.flash-message strong:lang(zh-HK){font-weight:700}.flash-message strong:lang(zh-TW){font-weight:700}@media screen and (max-width: 740px)and (min-width: 441px){.flash-message{margin-top:40px}}.form-footer{margin-top:30px;text-align:center}.form-footer a{color:#dde3ec;text-decoration:none}.form-footer a:hover{text-decoration:underline}.quick-nav{list-style:none;margin-bottom:25px;font-size:14px}.quick-nav li{display:inline-block;margin-right:10px}.quick-nav a{color:#2b90d9;text-decoration:none;font-weight:700}.quick-nav a:hover,.quick-nav a:focus,.quick-nav a:active{color:#4ea2df}.oauth-prompt,.follow-prompt{margin-bottom:30px;color:#dde3ec}.oauth-prompt h2,.follow-prompt h2{font-size:16px;margin-bottom:30px;text-align:center}.oauth-prompt strong,.follow-prompt strong{color:#ecf0f4;font-weight:500}.oauth-prompt strong:lang(ja),.follow-prompt strong:lang(ja){font-weight:700}.oauth-prompt strong:lang(ko),.follow-prompt strong:lang(ko){font-weight:700}.oauth-prompt strong:lang(zh-CN),.follow-prompt strong:lang(zh-CN){font-weight:700}.oauth-prompt strong:lang(zh-HK),.follow-prompt strong:lang(zh-HK){font-weight:700}.oauth-prompt strong:lang(zh-TW),.follow-prompt strong:lang(zh-TW){font-weight:700}@media screen and (max-width: 740px)and (min-width: 441px){.oauth-prompt,.follow-prompt{margin-top:40px}}.qr-wrapper{display:flex;flex-wrap:wrap;align-items:flex-start}.qr-code{flex:0 0 auto;background:#fff;padding:4px;margin:0 10px 20px 0;box-shadow:0 0 15px rgba(0,0,0,.2);display:inline-block}.qr-code svg{display:block;margin:0}.qr-alternative{margin-bottom:20px;color:#ecf0f4;flex:150px}.qr-alternative samp{display:block;font-size:14px}.table-form p{margin-bottom:15px}.table-form p strong{font-weight:500}.table-form p strong:lang(ja){font-weight:700}.table-form p strong:lang(ko){font-weight:700}.table-form p strong:lang(zh-CN){font-weight:700}.table-form p strong:lang(zh-HK){font-weight:700}.table-form p strong:lang(zh-TW){font-weight:700}.simple_form .warning,.table-form .warning{box-sizing:border-box;background:rgba(223,64,90,.5);color:#fff;text-shadow:1px 1px 0 rgba(0,0,0,.3);box-shadow:0 2px 6px rgba(0,0,0,.4);border-radius:4px;padding:10px;margin-bottom:15px}.simple_form .warning a,.table-form .warning a{color:#fff;text-decoration:underline}.simple_form .warning a:hover,.simple_form .warning a:focus,.simple_form .warning a:active,.table-form .warning a:hover,.table-form .warning a:focus,.table-form .warning a:active{text-decoration:none}.simple_form .warning strong,.table-form .warning strong{font-weight:600;display:block;margin-bottom:5px}.simple_form .warning strong:lang(ja),.table-form .warning strong:lang(ja){font-weight:700}.simple_form .warning strong:lang(ko),.table-form .warning strong:lang(ko){font-weight:700}.simple_form .warning strong:lang(zh-CN),.table-form .warning strong:lang(zh-CN){font-weight:700}.simple_form .warning strong:lang(zh-HK),.table-form .warning strong:lang(zh-HK){font-weight:700}.simple_form .warning strong:lang(zh-TW),.table-form .warning strong:lang(zh-TW){font-weight:700}.simple_form .warning strong .fa,.table-form .warning strong .fa{font-weight:400}.action-pagination{display:flex;flex-wrap:wrap;align-items:center}.action-pagination .actions,.action-pagination .pagination{flex:1 1 auto}.action-pagination .actions{padding:30px 0;padding-right:20px;flex:0 0 auto}.post-follow-actions{text-align:center;color:#dde3ec}.post-follow-actions div{margin-bottom:4px}.alternative-login{margin-top:20px;margin-bottom:20px}.alternative-login h4{font-size:16px;color:#fff;text-align:center;margin-bottom:20px;border:0;padding:0}.alternative-login .button{display:block}.scope-danger{color:#ff5050}.form_admin_settings_site_short_description textarea,.form_admin_settings_site_description textarea,.form_admin_settings_site_extended_description textarea,.form_admin_settings_site_terms textarea,.form_admin_settings_custom_css textarea,.form_admin_settings_closed_registrations_message textarea{font-family:\"mastodon-font-monospace\",monospace}.input-copy{background:#131419;border:1px solid #0a0b0e;border-radius:4px;display:flex;align-items:center;padding-right:4px;position:relative;top:1px;transition:border-color 300ms linear}.input-copy__wrapper{flex:1 1 auto}.input-copy input[type=text]{background:transparent;border:0;padding:10px;font-size:14px;font-family:\"mastodon-font-monospace\",monospace}.input-copy button{flex:0 0 auto;margin:4px;text-transform:none;font-weight:400;font-size:14px;padding:7px 18px;padding-bottom:6px;width:auto;transition:background 300ms linear}.input-copy.copied{border-color:#79bd9a;transition:none}.input-copy.copied button{background:#79bd9a;transition:none}.connection-prompt{margin-bottom:25px}.connection-prompt .fa-link{background-color:#1f232b;border-radius:100%;font-size:24px;padding:10px}.connection-prompt__column{align-items:center;display:flex;flex:1;flex-direction:column;flex-shrink:1;max-width:50%}.connection-prompt__column-sep{align-self:center;flex-grow:0;overflow:visible;position:relative;z-index:1}.connection-prompt__column p{word-break:break-word}.connection-prompt .account__avatar{margin-bottom:20px}.connection-prompt__connection{background-color:#393f4f;box-shadow:0 0 15px rgba(0,0,0,.2);border-radius:4px;padding:25px 10px;position:relative;text-align:center}.connection-prompt__connection::after{background-color:#1f232b;content:\"\";display:block;height:100%;left:50%;position:absolute;top:0;width:1px}.connection-prompt__row{align-items:flex-start;display:flex;flex-direction:row}.card>a{display:block;text-decoration:none;color:inherit;box-shadow:0 0 15px rgba(0,0,0,.2)}@media screen and (max-width: 415px){.card>a{box-shadow:none}}.card>a:hover .card__bar,.card>a:active .card__bar,.card>a:focus .card__bar{background:#393f4f}.card__img{height:130px;position:relative;background:#0e1014;border-radius:4px 4px 0 0}.card__img img{display:block;width:100%;height:100%;margin:0;object-fit:cover;border-radius:4px 4px 0 0}@media screen and (max-width: 600px){.card__img{height:200px}}@media screen and (max-width: 415px){.card__img{display:none}}.card__bar{position:relative;padding:15px;display:flex;justify-content:flex-start;align-items:center;background:#313543;border-radius:0 0 4px 4px}@media screen and (max-width: 415px){.card__bar{border-radius:0}}.card__bar .avatar{flex:0 0 auto;width:48px;height:48px;padding-top:2px}.card__bar .avatar img{width:100%;height:100%;display:block;margin:0;border-radius:4px;background:#17191f;object-fit:cover}.card__bar .display-name{margin-left:15px;text-align:left}.card__bar .display-name strong{font-size:15px;color:#fff;font-weight:500;overflow:hidden;text-overflow:ellipsis}.card__bar .display-name span{display:block;font-size:14px;color:#dde3ec;font-weight:400;overflow:hidden;text-overflow:ellipsis}.pagination{padding:30px 0;text-align:center;overflow:hidden}.pagination a,.pagination .current,.pagination .newer,.pagination .older,.pagination .page,.pagination .gap{font-size:14px;color:#fff;font-weight:500;display:inline-block;padding:6px 10px;text-decoration:none}.pagination .current{background:#fff;border-radius:100px;color:#000;cursor:default;margin:0 10px}.pagination .gap{cursor:default}.pagination .older,.pagination .newer{color:#ecf0f4}.pagination .older{float:left;padding-left:0}.pagination .older .fa{display:inline-block;margin-right:5px}.pagination .newer{float:right;padding-right:0}.pagination .newer .fa{display:inline-block;margin-left:5px}.pagination .disabled{cursor:default;color:#1a1a1a}@media screen and (max-width: 700px){.pagination{padding:30px 20px}.pagination .page{display:none}.pagination .newer,.pagination .older{display:inline-block}}.nothing-here{background:#282c37;box-shadow:0 0 15px rgba(0,0,0,.2);color:#364861;font-size:14px;font-weight:500;text-align:center;display:flex;justify-content:center;align-items:center;cursor:default;border-radius:4px;padding:20px;min-height:30vh}.nothing-here--under-tabs{border-radius:0 0 4px 4px}.nothing-here--flexible{box-sizing:border-box;min-height:100%}.account-role,.simple_form .recommended{display:inline-block;padding:4px 6px;cursor:default;border-radius:3px;font-size:12px;line-height:12px;font-weight:500;color:#d9e1e8;background-color:rgba(217,225,232,.1);border:1px solid rgba(217,225,232,.5)}.account-role.moderator,.simple_form .recommended.moderator{color:#79bd9a;background-color:rgba(121,189,154,.1);border-color:rgba(121,189,154,.5)}.account-role.admin,.simple_form .recommended.admin{color:#e87487;background-color:rgba(232,116,135,.1);border-color:rgba(232,116,135,.5)}.account__header__fields{max-width:100vw;padding:0;margin:15px -15px -15px;border:0 none;border-top:1px solid #42485a;border-bottom:1px solid #42485a;font-size:14px;line-height:20px}.account__header__fields dl{display:flex;border-bottom:1px solid #42485a}.account__header__fields dt,.account__header__fields dd{box-sizing:border-box;padding:14px;text-align:center;max-height:48px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.account__header__fields dt{font-weight:500;width:120px;flex:0 0 auto;color:#ecf0f4;background:rgba(23,25,31,.5)}.account__header__fields dd{flex:1 1 auto;color:#dde3ec}.account__header__fields a{color:#2b90d9;text-decoration:none}.account__header__fields a:hover,.account__header__fields a:focus,.account__header__fields a:active{text-decoration:underline}.account__header__fields .verified{border:1px solid rgba(121,189,154,.5);background:rgba(121,189,154,.25)}.account__header__fields .verified a{color:#79bd9a;font-weight:500}.account__header__fields .verified__mark{color:#79bd9a}.account__header__fields dl:last-child{border-bottom:0}.directory__tag .trends__item__current{width:auto}.pending-account__header{color:#dde3ec}.pending-account__header a{color:#d9e1e8;text-decoration:none}.pending-account__header a:hover,.pending-account__header a:active,.pending-account__header a:focus{text-decoration:underline}.pending-account__header strong{color:#fff;font-weight:700}.pending-account__body{margin-top:10px}.activity-stream{box-shadow:0 0 15px rgba(0,0,0,.2);border-radius:4px;overflow:hidden;margin-bottom:10px}.activity-stream--under-tabs{border-radius:0 0 4px 4px}@media screen and (max-width: 415px){.activity-stream{margin-bottom:0;border-radius:0;box-shadow:none}}.activity-stream--headless{border-radius:0;margin:0;box-shadow:none}.activity-stream--headless .detailed-status,.activity-stream--headless .status{border-radius:0 !important}.activity-stream div[data-component]{width:100%}.activity-stream .entry{background:#282c37}.activity-stream .entry .detailed-status,.activity-stream .entry .status,.activity-stream .entry .load-more{animation:none}.activity-stream .entry:last-child .detailed-status,.activity-stream .entry:last-child .status,.activity-stream .entry:last-child .load-more{border-bottom:0;border-radius:0 0 4px 4px}.activity-stream .entry:first-child .detailed-status,.activity-stream .entry:first-child .status,.activity-stream .entry:first-child .load-more{border-radius:4px 4px 0 0}.activity-stream .entry:first-child:last-child .detailed-status,.activity-stream .entry:first-child:last-child .status,.activity-stream .entry:first-child:last-child .load-more{border-radius:4px}@media screen and (max-width: 740px){.activity-stream .entry .detailed-status,.activity-stream .entry .status,.activity-stream .entry .load-more{border-radius:0 !important}}.activity-stream--highlighted .entry{background:#393f4f}.button.logo-button{flex:0 auto;font-size:14px;background:#2b5fd9;color:#fff;text-transform:none;line-height:36px;height:auto;padding:3px 15px;border:0}.button.logo-button svg{width:20px;height:auto;vertical-align:middle;margin-right:5px;fill:#fff}.button.logo-button:active,.button.logo-button:focus,.button.logo-button:hover{background:#5680e1}.button.logo-button:disabled:active,.button.logo-button:disabled:focus,.button.logo-button:disabled:hover,.button.logo-button.disabled:active,.button.logo-button.disabled:focus,.button.logo-button.disabled:hover{background:#9baec8}.button.logo-button.button--destructive:active,.button.logo-button.button--destructive:focus,.button.logo-button.button--destructive:hover{background:#df405a}@media screen and (max-width: 415px){.button.logo-button svg{display:none}}.embed .detailed-status,.public-layout .detailed-status{padding:15px}.embed .status,.public-layout .status{padding:15px 15px 15px 78px;min-height:50px}.embed .status__avatar,.public-layout .status__avatar{left:15px;top:17px}.embed .status__content,.public-layout .status__content{padding-top:5px}.embed .status__prepend,.public-layout .status__prepend{margin-left:78px;padding-top:15px}.embed .status__prepend-icon-wrapper,.public-layout .status__prepend-icon-wrapper{left:-32px}.embed .status .media-gallery,.embed .status__action-bar,.embed .status .video-player,.public-layout .status .media-gallery,.public-layout .status__action-bar,.public-layout .status .video-player{margin-top:10px}button.icon-button i.fa-retweet{background-image:url(\"data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='22' height='209'><path d='M4.97 3.16c-.1.03-.17.1-.22.18L.8 8.24c-.2.3.03.78.4.8H3.6v2.68c0 4.26-.55 3.62 3.66 3.62h7.66l-2.3-2.84c-.03-.02-.03-.04-.05-.06H7.27c-.44 0-.72-.3-.72-.72v-2.7h2.5c.37.03.63-.48.4-.77L5.5 3.35c-.12-.17-.34-.25-.53-.2zm12.16.43c-.55-.02-1.32.02-2.4.02H7.1l2.32 2.85.03.06h5.25c.42 0 .72.28.72.72v2.7h-2.5c-.36.02-.56.54-.3.8l3.92 4.9c.18.25.6.25.78 0l3.94-4.9c.26-.28 0-.83-.37-.8H18.4v-2.7c0-3.15.4-3.62-1.25-3.66z' fill='%238D9AC2' stroke-width='0'/><path d='M7.78 19.66c-.24.02-.44.25-.44.5v2.46h-.06c-1.08 0-1.86-.03-2.4-.03-1.64 0-1.25.43-1.25 3.65v4.47c0 4.26-.56 3.62 3.65 3.62H8.5l-1.3-1.06c-.1-.08-.18-.2-.2-.3-.02-.17.06-.35.2-.45l1.33-1.1H7.28c-.44 0-.72-.3-.72-.7v-4.48c0-.44.28-.72.72-.72h.06v2.5c0 .38.54.63.82.38l4.9-3.93c.25-.18.25-.6 0-.78l-4.9-3.92c-.1-.1-.24-.14-.38-.12zm9.34 2.93c-.54-.02-1.3.02-2.4.02h-1.25l1.3 1.07c.1.07.18.2.2.33.02.16-.06.3-.2.4l-1.33 1.1h1.28c.42 0 .72.28.72.72v4.47c0 .42-.3.72-.72.72h-.1v-2.47c0-.3-.3-.53-.6-.47-.07 0-.14.05-.2.1l-4.9 3.93c-.26.18-.26.6 0 .78l4.9 3.92c.27.25.82 0 .8-.38v-2.5h.1c4.27 0 3.65.67 3.65-3.62v-4.47c0-3.15.4-3.62-1.25-3.66zM10.34 38.66c-.24.02-.44.25-.43.5v2.47H7.3c-1.08 0-1.86-.04-2.4-.04-1.64 0-1.25.43-1.25 3.65v4.47c0 3.66-.23 3.7 2.34 3.66l-1.34-1.1c-.1-.08-.18-.2-.2-.3 0-.17.07-.35.2-.45l1.96-1.6c-.03-.06-.04-.13-.04-.2v-4.48c0-.44.28-.72.72-.72H9.9v2.5c0 .36.5.6.8.38l4.93-3.93c.24-.18.24-.6 0-.78l-4.94-3.92c-.1-.08-.23-.13-.36-.12zm5.63 2.93l1.34 1.1c.1.07.18.2.2.33.02.16-.03.3-.16.4l-1.96 1.6c.02.07.06.13.06.22v4.47c0 .42-.3.72-.72.72h-2.66v-2.47c0-.3-.3-.53-.6-.47-.06.02-.12.05-.18.1l-4.94 3.93c-.24.18-.24.6 0 .78l4.94 3.92c.28.22.78-.02.78-.38v-2.5h2.66c4.27 0 3.65.67 3.65-3.62v-4.47c0-3.66.34-3.7-2.4-3.66zM13.06 57.66c-.23.03-.4.26-.4.5v2.47H7.28c-1.08 0-1.86-.04-2.4-.04-1.64 0-1.25.43-1.25 3.65v4.87l2.93-2.37v-2.5c0-.44.28-.72.72-.72h5.38v2.5c0 .36.5.6.78.38l4.94-3.93c.24-.18.24-.6 0-.78l-4.94-3.92c-.1-.1-.24-.14-.38-.12zm5.3 6.15l-2.92 2.4v2.52c0 .42-.3.72-.72.72h-5.4v-2.47c0-.3-.32-.53-.6-.47-.07.02-.13.05-.2.1L3.6 70.52c-.25.18-.25.6 0 .78l4.93 3.92c.28.22.78-.02.78-.38v-2.5h5.42c4.27 0 3.65.67 3.65-3.62v-4.47-.44zM19.25 78.8c-.1.03-.2.1-.28.17l-.9.9c-.44-.3-1.36-.25-3.35-.25H7.28c-1.08 0-1.86-.03-2.4-.03-1.64 0-1.25.43-1.25 3.65v.7l2.93.3v-1c0-.44.28-.72.72-.72h7.44c.2 0 .37.08.5.2l-1.8 1.8c-.25.26-.08.76.27.8l6.27.7c.28.03.56-.25.53-.53l-.7-6.25c0-.27-.3-.48-.55-.44zm-17.2 6.1c-.2.07-.36.3-.33.54l.7 6.25c.02.36.58.55.83.27l.8-.8c.02 0 .04-.02.04 0 .46.24 1.37.17 3.18.17h7.44c4.27 0 3.65.67 3.65-3.62v-.75l-2.93-.3v1.05c0 .42-.3.72-.72.72H7.28c-.15 0-.3-.03-.4-.1L8.8 86.4c.3-.24.1-.8-.27-.84l-6.28-.65h-.2zM4.88 98.6c-1.33 0-1.34.48-1.3 2.3l1.14-1.37c.08-.1.22-.17.34-.2.16 0 .34.08.44.2l1.66 2.03c.04 0 .07-.03.12-.03h7.44c.34 0 .57.2.65.5h-2.43c-.34.05-.53.52-.3.78l3.92 4.95c.18.24.6.24.78 0l3.94-4.94c.22-.27-.02-.76-.37-.77H18.4c.02-3.9.6-3.4-3.66-3.4H7.28c-1.08 0-1.86-.04-2.4-.04zm.15 2.46c-.1.03-.2.1-.28.2l-3.94 4.9c-.2.28.03.77.4.78H3.6c-.02 3.94-.45 3.4 3.66 3.4h7.44c3.65 0 3.74.3 3.7-2.25l-1.1 1.34c-.1.1-.2.17-.32.2-.16 0-.34-.08-.44-.2l-1.65-2.03c-.06.02-.1.04-.18.04H7.28c-.35 0-.57-.2-.66-.5h2.44c.37 0 .63-.5.4-.78l-3.96-4.9c-.1-.15-.3-.23-.47-.2zM4.88 117.6c-1.16 0-1.3.3-1.3 1.56l1.14-1.38c.08-.1.22-.14.34-.16.16 0 .34.04.44.16l2.22 2.75h7c.42 0 .72.28.72.72v.53h-2.6c-.3.1-.43.54-.2.78l3.92 4.9c.18.25.6.25.78 0l3.94-4.9c.22-.28-.02-.77-.37-.78H18.4v-.53c0-4.2.72-3.63-3.66-3.63H7.28c-1.08 0-1.86-.03-2.4-.03zm.1 1.74c-.1.03-.17.1-.23.16L.8 124.44c-.2.28.03.77.4.78H3.6v.5c0 4.26-.55 3.62 3.66 3.62h7.44c1.03 0 1.74.02 2.28 0-.16.02-.34-.03-.44-.15l-2.22-2.76H7.28c-.44 0-.72-.3-.72-.72v-.5h2.5c.37.02.63-.5.4-.78L5.5 119.5c-.12-.15-.34-.22-.53-.16zm12.02 10c1.2-.02 1.4-.25 1.4-1.53l-1.1 1.36c-.07.1-.17.17-.3.18zM5.94 136.6l2.37 2.93h6.42c.42 0 .72.28.72.72v1.25h-2.6c-.3.1-.43.54-.2.78l3.92 4.9c.18.25.6.25.78 0l3.94-4.9c.22-.28-.02-.77-.37-.78H18.4v-1.25c0-4.2.72-3.63-3.66-3.63H7.28c-.6 0-.92-.02-1.34-.03zm-1.72.06c-.4.08-.54.3-.6.75l.6-.74zm.84.93c-.12 0-.24.08-.3.18l-3.95 4.9c-.24.3 0 .83.4.82H3.6v1.22c0 4.26-.55 3.62 3.66 3.62h7.44c.63 0 .97.02 1.4.03l-2.37-2.93H7.28c-.44 0-.72-.3-.72-.72v-1.22h2.5c.4.04.67-.53.4-.8l-3.96-4.92c-.1-.13-.27-.2-.44-.2zm13.28 10.03l-.56.7c.36-.07.5-.3.56-.7zM17.13 155.6c-.55-.02-1.32.03-2.4.03h-8.2l2.38 2.9h5.82c.42 0 .72.28.72.72v1.97H12.9c-.32.06-.48.52-.28.78l3.94 4.94c.2.23.6.22.78-.03l3.94-4.9c.22-.28-.02-.77-.37-.78H18.4v-1.97c0-3.15.4-3.62-1.25-3.66zm-12.1.28c-.1.02-.2.1-.28.18l-3.94 4.9c-.2.3.03.78.4.8H3.6v1.96c0 4.26-.55 3.62 3.66 3.62h8.24l-2.36-2.9H7.28c-.44 0-.72-.3-.72-.72v-1.97h2.5c.37.02.63-.5.4-.78l-3.96-4.9c-.1-.15-.3-.22-.47-.2zM5.13 174.5c-.15 0-.3.07-.38.2L.8 179.6c-.24.27 0 .82.4.8H3.6v2.32c0 4.26-.55 3.62 3.66 3.62h7.94l-2.35-2.9h-5.6c-.43 0-.7-.3-.7-.72v-2.3h2.5c.38.03.66-.54.4-.83l-3.97-4.9c-.1-.13-.23-.2-.38-.2zm12 .1c-.55-.02-1.32.03-2.4.03H6.83l2.35 2.9h5.52c.42 0 .72.28.72.72v2.34h-2.6c-.3.1-.43.53-.2.78l3.92 4.9c.18.24.6.24.78 0l3.94-4.9c.22-.3-.02-.78-.37-.8H18.4v-2.33c0-3.15.4-3.62-1.25-3.66zM4.97 193.16c-.1.03-.17.1-.22.18l-3.94 4.9c-.2.3.03.78.4.8H3.6v2.68c0 4.26-.55 3.62 3.66 3.62h7.66l-2.3-2.84c-.03-.02-.03-.04-.05-.06H7.27c-.44 0-.72-.3-.72-.72v-2.7h2.5c.37.03.63-.48.4-.77l-3.96-4.9c-.12-.17-.34-.25-.53-.2zm12.16.43c-.55-.02-1.32.03-2.4.03H7.1l2.32 2.84.03.06h5.25c.42 0 .72.28.72.72v2.7h-2.5c-.36.02-.56.54-.3.8l3.92 4.9c.18.25.6.25.78 0l3.94-4.9c.26-.28 0-.83-.37-.8H18.4v-2.7c0-3.15.4-3.62-1.25-3.66z' fill='%232B90D9' stroke-width='0'/></svg>\")}button.icon-button i.fa-retweet:hover{background-image:url(\"data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='22' height='209'><path d='M4.97 3.16c-.1.03-.17.1-.22.18L.8 8.24c-.2.3.03.78.4.8H3.6v2.68c0 4.26-.55 3.62 3.66 3.62h7.66l-2.3-2.84c-.03-.02-.03-.04-.05-.06H7.27c-.44 0-.72-.3-.72-.72v-2.7h2.5c.37.03.63-.48.4-.77L5.5 3.35c-.12-.17-.34-.25-.53-.2zm12.16.43c-.55-.02-1.32.02-2.4.02H7.1l2.32 2.85.03.06h5.25c.42 0 .72.28.72.72v2.7h-2.5c-.36.02-.56.54-.3.8l3.92 4.9c.18.25.6.25.78 0l3.94-4.9c.26-.28 0-.83-.37-.8H18.4v-2.7c0-3.15.4-3.62-1.25-3.66z' fill='%23A4AFCE' stroke-width='0'/><path d='M7.78 19.66c-.24.02-.44.25-.44.5v2.46h-.06c-1.08 0-1.86-.03-2.4-.03-1.64 0-1.25.43-1.25 3.65v4.47c0 4.26-.56 3.62 3.65 3.62H8.5l-1.3-1.06c-.1-.08-.18-.2-.2-.3-.02-.17.06-.35.2-.45l1.33-1.1H7.28c-.44 0-.72-.3-.72-.7v-4.48c0-.44.28-.72.72-.72h.06v2.5c0 .38.54.63.82.38l4.9-3.93c.25-.18.25-.6 0-.78l-4.9-3.92c-.1-.1-.24-.14-.38-.12zm9.34 2.93c-.54-.02-1.3.02-2.4.02h-1.25l1.3 1.07c.1.07.18.2.2.33.02.16-.06.3-.2.4l-1.33 1.1h1.28c.42 0 .72.28.72.72v4.47c0 .42-.3.72-.72.72h-.1v-2.47c0-.3-.3-.53-.6-.47-.07 0-.14.05-.2.1l-4.9 3.93c-.26.18-.26.6 0 .78l4.9 3.92c.27.25.82 0 .8-.38v-2.5h.1c4.27 0 3.65.67 3.65-3.62v-4.47c0-3.15.4-3.62-1.25-3.66zM10.34 38.66c-.24.02-.44.25-.43.5v2.47H7.3c-1.08 0-1.86-.04-2.4-.04-1.64 0-1.25.43-1.25 3.65v4.47c0 3.66-.23 3.7 2.34 3.66l-1.34-1.1c-.1-.08-.18-.2-.2-.3 0-.17.07-.35.2-.45l1.96-1.6c-.03-.06-.04-.13-.04-.2v-4.48c0-.44.28-.72.72-.72H9.9v2.5c0 .36.5.6.8.38l4.93-3.93c.24-.18.24-.6 0-.78l-4.94-3.92c-.1-.08-.23-.13-.36-.12zm5.63 2.93l1.34 1.1c.1.07.18.2.2.33.02.16-.03.3-.16.4l-1.96 1.6c.02.07.06.13.06.22v4.47c0 .42-.3.72-.72.72h-2.66v-2.47c0-.3-.3-.53-.6-.47-.06.02-.12.05-.18.1l-4.94 3.93c-.24.18-.24.6 0 .78l4.94 3.92c.28.22.78-.02.78-.38v-2.5h2.66c4.27 0 3.65.67 3.65-3.62v-4.47c0-3.66.34-3.7-2.4-3.66zM13.06 57.66c-.23.03-.4.26-.4.5v2.47H7.28c-1.08 0-1.86-.04-2.4-.04-1.64 0-1.25.43-1.25 3.65v4.87l2.93-2.37v-2.5c0-.44.28-.72.72-.72h5.38v2.5c0 .36.5.6.78.38l4.94-3.93c.24-.18.24-.6 0-.78l-4.94-3.92c-.1-.1-.24-.14-.38-.12zm5.3 6.15l-2.92 2.4v2.52c0 .42-.3.72-.72.72h-5.4v-2.47c0-.3-.32-.53-.6-.47-.07.02-.13.05-.2.1L3.6 70.52c-.25.18-.25.6 0 .78l4.93 3.92c.28.22.78-.02.78-.38v-2.5h5.42c4.27 0 3.65.67 3.65-3.62v-4.47-.44zM19.25 78.8c-.1.03-.2.1-.28.17l-.9.9c-.44-.3-1.36-.25-3.35-.25H7.28c-1.08 0-1.86-.03-2.4-.03-1.64 0-1.25.43-1.25 3.65v.7l2.93.3v-1c0-.44.28-.72.72-.72h7.44c.2 0 .37.08.5.2l-1.8 1.8c-.25.26-.08.76.27.8l6.27.7c.28.03.56-.25.53-.53l-.7-6.25c0-.27-.3-.48-.55-.44zm-17.2 6.1c-.2.07-.36.3-.33.54l.7 6.25c.02.36.58.55.83.27l.8-.8c.02 0 .04-.02.04 0 .46.24 1.37.17 3.18.17h7.44c4.27 0 3.65.67 3.65-3.62v-.75l-2.93-.3v1.05c0 .42-.3.72-.72.72H7.28c-.15 0-.3-.03-.4-.1L8.8 86.4c.3-.24.1-.8-.27-.84l-6.28-.65h-.2zM4.88 98.6c-1.33 0-1.34.48-1.3 2.3l1.14-1.37c.08-.1.22-.17.34-.2.16 0 .34.08.44.2l1.66 2.03c.04 0 .07-.03.12-.03h7.44c.34 0 .57.2.65.5h-2.43c-.34.05-.53.52-.3.78l3.92 4.95c.18.24.6.24.78 0l3.94-4.94c.22-.27-.02-.76-.37-.77H18.4c.02-3.9.6-3.4-3.66-3.4H7.28c-1.08 0-1.86-.04-2.4-.04zm.15 2.46c-.1.03-.2.1-.28.2l-3.94 4.9c-.2.28.03.77.4.78H3.6c-.02 3.94-.45 3.4 3.66 3.4h7.44c3.65 0 3.74.3 3.7-2.25l-1.1 1.34c-.1.1-.2.17-.32.2-.16 0-.34-.08-.44-.2l-1.65-2.03c-.06.02-.1.04-.18.04H7.28c-.35 0-.57-.2-.66-.5h2.44c.37 0 .63-.5.4-.78l-3.96-4.9c-.1-.15-.3-.23-.47-.2zM4.88 117.6c-1.16 0-1.3.3-1.3 1.56l1.14-1.38c.08-.1.22-.14.34-.16.16 0 .34.04.44.16l2.22 2.75h7c.42 0 .72.28.72.72v.53h-2.6c-.3.1-.43.54-.2.78l3.92 4.9c.18.25.6.25.78 0l3.94-4.9c.22-.28-.02-.77-.37-.78H18.4v-.53c0-4.2.72-3.63-3.66-3.63H7.28c-1.08 0-1.86-.03-2.4-.03zm.1 1.74c-.1.03-.17.1-.23.16L.8 124.44c-.2.28.03.77.4.78H3.6v.5c0 4.26-.55 3.62 3.66 3.62h7.44c1.03 0 1.74.02 2.28 0-.16.02-.34-.03-.44-.15l-2.22-2.76H7.28c-.44 0-.72-.3-.72-.72v-.5h2.5c.37.02.63-.5.4-.78L5.5 119.5c-.12-.15-.34-.22-.53-.16zm12.02 10c1.2-.02 1.4-.25 1.4-1.53l-1.1 1.36c-.07.1-.17.17-.3.18zM5.94 136.6l2.37 2.93h6.42c.42 0 .72.28.72.72v1.25h-2.6c-.3.1-.43.54-.2.78l3.92 4.9c.18.25.6.25.78 0l3.94-4.9c.22-.28-.02-.77-.37-.78H18.4v-1.25c0-4.2.72-3.63-3.66-3.63H7.28c-.6 0-.92-.02-1.34-.03zm-1.72.06c-.4.08-.54.3-.6.75l.6-.74zm.84.93c-.12 0-.24.08-.3.18l-3.95 4.9c-.24.3 0 .83.4.82H3.6v1.22c0 4.26-.55 3.62 3.66 3.62h7.44c.63 0 .97.02 1.4.03l-2.37-2.93H7.28c-.44 0-.72-.3-.72-.72v-1.22h2.5c.4.04.67-.53.4-.8l-3.96-4.92c-.1-.13-.27-.2-.44-.2zm13.28 10.03l-.56.7c.36-.07.5-.3.56-.7zM17.13 155.6c-.55-.02-1.32.03-2.4.03h-8.2l2.38 2.9h5.82c.42 0 .72.28.72.72v1.97H12.9c-.32.06-.48.52-.28.78l3.94 4.94c.2.23.6.22.78-.03l3.94-4.9c.22-.28-.02-.77-.37-.78H18.4v-1.97c0-3.15.4-3.62-1.25-3.66zm-12.1.28c-.1.02-.2.1-.28.18l-3.94 4.9c-.2.3.03.78.4.8H3.6v1.96c0 4.26-.55 3.62 3.66 3.62h8.24l-2.36-2.9H7.28c-.44 0-.72-.3-.72-.72v-1.97h2.5c.37.02.63-.5.4-.78l-3.96-4.9c-.1-.15-.3-.22-.47-.2zM5.13 174.5c-.15 0-.3.07-.38.2L.8 179.6c-.24.27 0 .82.4.8H3.6v2.32c0 4.26-.55 3.62 3.66 3.62h7.94l-2.35-2.9h-5.6c-.43 0-.7-.3-.7-.72v-2.3h2.5c.38.03.66-.54.4-.83l-3.97-4.9c-.1-.13-.23-.2-.38-.2zm12 .1c-.55-.02-1.32.03-2.4.03H6.83l2.35 2.9h5.52c.42 0 .72.28.72.72v2.34h-2.6c-.3.1-.43.53-.2.78l3.92 4.9c.18.24.6.24.78 0l3.94-4.9c.22-.3-.02-.78-.37-.8H18.4v-2.33c0-3.15.4-3.62-1.25-3.66zM4.97 193.16c-.1.03-.17.1-.22.18l-3.94 4.9c-.2.3.03.78.4.8H3.6v2.68c0 4.26-.55 3.62 3.66 3.62h7.66l-2.3-2.84c-.03-.02-.03-.04-.05-.06H7.27c-.44 0-.72-.3-.72-.72v-2.7h2.5c.37.03.63-.48.4-.77l-3.96-4.9c-.12-.17-.34-.25-.53-.2zm12.16.43c-.55-.02-1.32.03-2.4.03H7.1l2.32 2.84.03.06h5.25c.42 0 .72.28.72.72v2.7h-2.5c-.36.02-.56.54-.3.8l3.92 4.9c.18.25.6.25.78 0l3.94-4.9c.26-.28 0-.83-.37-.8H18.4v-2.7c0-3.15.4-3.62-1.25-3.66z' fill='%232B90D9' stroke-width='0'/></svg>\")}button.icon-button.disabled i.fa-retweet{background-image:url(\"data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='22' height='209'><path d='M4.97 3.16c-.1.03-.17.1-.22.18L.8 8.24c-.2.3.03.78.4.8H3.6v2.68c0 4.26-.55 3.62 3.66 3.62h7.66l-2.3-2.84c-.03-.02-.03-.04-.05-.06H7.27c-.44 0-.72-.3-.72-.72v-2.7h2.5c.37.03.63-.48.4-.77L5.5 3.35c-.12-.17-.34-.25-.53-.2zm12.16.43c-.55-.02-1.32.02-2.4.02H7.1l2.32 2.85.03.06h5.25c.42 0 .72.28.72.72v2.7h-2.5c-.36.02-.56.54-.3.8l3.92 4.9c.18.25.6.25.78 0l3.94-4.9c.26-.28 0-.83-.37-.8H18.4v-2.7c0-3.15.4-3.62-1.25-3.66z' fill='%236274AB' stroke-width='0'/><path d='M7.78 19.66c-.24.02-.44.25-.44.5v2.46h-.06c-1.08 0-1.86-.03-2.4-.03-1.64 0-1.25.43-1.25 3.65v4.47c0 4.26-.56 3.62 3.65 3.62H8.5l-1.3-1.06c-.1-.08-.18-.2-.2-.3-.02-.17.06-.35.2-.45l1.33-1.1H7.28c-.44 0-.72-.3-.72-.7v-4.48c0-.44.28-.72.72-.72h.06v2.5c0 .38.54.63.82.38l4.9-3.93c.25-.18.25-.6 0-.78l-4.9-3.92c-.1-.1-.24-.14-.38-.12zm9.34 2.93c-.54-.02-1.3.02-2.4.02h-1.25l1.3 1.07c.1.07.18.2.2.33.02.16-.06.3-.2.4l-1.33 1.1h1.28c.42 0 .72.28.72.72v4.47c0 .42-.3.72-.72.72h-.1v-2.47c0-.3-.3-.53-.6-.47-.07 0-.14.05-.2.1l-4.9 3.93c-.26.18-.26.6 0 .78l4.9 3.92c.27.25.82 0 .8-.38v-2.5h.1c4.27 0 3.65.67 3.65-3.62v-4.47c0-3.15.4-3.62-1.25-3.66zM10.34 38.66c-.24.02-.44.25-.43.5v2.47H7.3c-1.08 0-1.86-.04-2.4-.04-1.64 0-1.25.43-1.25 3.65v4.47c0 3.66-.23 3.7 2.34 3.66l-1.34-1.1c-.1-.08-.18-.2-.2-.3 0-.17.07-.35.2-.45l1.96-1.6c-.03-.06-.04-.13-.04-.2v-4.48c0-.44.28-.72.72-.72H9.9v2.5c0 .36.5.6.8.38l4.93-3.93c.24-.18.24-.6 0-.78l-4.94-3.92c-.1-.08-.23-.13-.36-.12zm5.63 2.93l1.34 1.1c.1.07.18.2.2.33.02.16-.03.3-.16.4l-1.96 1.6c.02.07.06.13.06.22v4.47c0 .42-.3.72-.72.72h-2.66v-2.47c0-.3-.3-.53-.6-.47-.06.02-.12.05-.18.1l-4.94 3.93c-.24.18-.24.6 0 .78l4.94 3.92c.28.22.78-.02.78-.38v-2.5h2.66c4.27 0 3.65.67 3.65-3.62v-4.47c0-3.66.34-3.7-2.4-3.66zM13.06 57.66c-.23.03-.4.26-.4.5v2.47H7.28c-1.08 0-1.86-.04-2.4-.04-1.64 0-1.25.43-1.25 3.65v4.87l2.93-2.37v-2.5c0-.44.28-.72.72-.72h5.38v2.5c0 .36.5.6.78.38l4.94-3.93c.24-.18.24-.6 0-.78l-4.94-3.92c-.1-.1-.24-.14-.38-.12zm5.3 6.15l-2.92 2.4v2.52c0 .42-.3.72-.72.72h-5.4v-2.47c0-.3-.32-.53-.6-.47-.07.02-.13.05-.2.1L3.6 70.52c-.25.18-.25.6 0 .78l4.93 3.92c.28.22.78-.02.78-.38v-2.5h5.42c4.27 0 3.65.67 3.65-3.62v-4.47-.44zM19.25 78.8c-.1.03-.2.1-.28.17l-.9.9c-.44-.3-1.36-.25-3.35-.25H7.28c-1.08 0-1.86-.03-2.4-.03-1.64 0-1.25.43-1.25 3.65v.7l2.93.3v-1c0-.44.28-.72.72-.72h7.44c.2 0 .37.08.5.2l-1.8 1.8c-.25.26-.08.76.27.8l6.27.7c.28.03.56-.25.53-.53l-.7-6.25c0-.27-.3-.48-.55-.44zm-17.2 6.1c-.2.07-.36.3-.33.54l.7 6.25c.02.36.58.55.83.27l.8-.8c.02 0 .04-.02.04 0 .46.24 1.37.17 3.18.17h7.44c4.27 0 3.65.67 3.65-3.62v-.75l-2.93-.3v1.05c0 .42-.3.72-.72.72H7.28c-.15 0-.3-.03-.4-.1L8.8 86.4c.3-.24.1-.8-.27-.84l-6.28-.65h-.2zM4.88 98.6c-1.33 0-1.34.48-1.3 2.3l1.14-1.37c.08-.1.22-.17.34-.2.16 0 .34.08.44.2l1.66 2.03c.04 0 .07-.03.12-.03h7.44c.34 0 .57.2.65.5h-2.43c-.34.05-.53.52-.3.78l3.92 4.95c.18.24.6.24.78 0l3.94-4.94c.22-.27-.02-.76-.37-.77H18.4c.02-3.9.6-3.4-3.66-3.4H7.28c-1.08 0-1.86-.04-2.4-.04zm.15 2.46c-.1.03-.2.1-.28.2l-3.94 4.9c-.2.28.03.77.4.78H3.6c-.02 3.94-.45 3.4 3.66 3.4h7.44c3.65 0 3.74.3 3.7-2.25l-1.1 1.34c-.1.1-.2.17-.32.2-.16 0-.34-.08-.44-.2l-1.65-2.03c-.06.02-.1.04-.18.04H7.28c-.35 0-.57-.2-.66-.5h2.44c.37 0 .63-.5.4-.78l-3.96-4.9c-.1-.15-.3-.23-.47-.2zM4.88 117.6c-1.16 0-1.3.3-1.3 1.56l1.14-1.38c.08-.1.22-.14.34-.16.16 0 .34.04.44.16l2.22 2.75h7c.42 0 .72.28.72.72v.53h-2.6c-.3.1-.43.54-.2.78l3.92 4.9c.18.25.6.25.78 0l3.94-4.9c.22-.28-.02-.77-.37-.78H18.4v-.53c0-4.2.72-3.63-3.66-3.63H7.28c-1.08 0-1.86-.03-2.4-.03zm.1 1.74c-.1.03-.17.1-.23.16L.8 124.44c-.2.28.03.77.4.78H3.6v.5c0 4.26-.55 3.62 3.66 3.62h7.44c1.03 0 1.74.02 2.28 0-.16.02-.34-.03-.44-.15l-2.22-2.76H7.28c-.44 0-.72-.3-.72-.72v-.5h2.5c.37.02.63-.5.4-.78L5.5 119.5c-.12-.15-.34-.22-.53-.16zm12.02 10c1.2-.02 1.4-.25 1.4-1.53l-1.1 1.36c-.07.1-.17.17-.3.18zM5.94 136.6l2.37 2.93h6.42c.42 0 .72.28.72.72v1.25h-2.6c-.3.1-.43.54-.2.78l3.92 4.9c.18.25.6.25.78 0l3.94-4.9c.22-.28-.02-.77-.37-.78H18.4v-1.25c0-4.2.72-3.63-3.66-3.63H7.28c-.6 0-.92-.02-1.34-.03zm-1.72.06c-.4.08-.54.3-.6.75l.6-.74zm.84.93c-.12 0-.24.08-.3.18l-3.95 4.9c-.24.3 0 .83.4.82H3.6v1.22c0 4.26-.55 3.62 3.66 3.62h7.44c.63 0 .97.02 1.4.03l-2.37-2.93H7.28c-.44 0-.72-.3-.72-.72v-1.22h2.5c.4.04.67-.53.4-.8l-3.96-4.92c-.1-.13-.27-.2-.44-.2zm13.28 10.03l-.56.7c.36-.07.5-.3.56-.7zM17.13 155.6c-.55-.02-1.32.03-2.4.03h-8.2l2.38 2.9h5.82c.42 0 .72.28.72.72v1.97H12.9c-.32.06-.48.52-.28.78l3.94 4.94c.2.23.6.22.78-.03l3.94-4.9c.22-.28-.02-.77-.37-.78H18.4v-1.97c0-3.15.4-3.62-1.25-3.66zm-12.1.28c-.1.02-.2.1-.28.18l-3.94 4.9c-.2.3.03.78.4.8H3.6v1.96c0 4.26-.55 3.62 3.66 3.62h8.24l-2.36-2.9H7.28c-.44 0-.72-.3-.72-.72v-1.97h2.5c.37.02.63-.5.4-.78l-3.96-4.9c-.1-.15-.3-.22-.47-.2zM5.13 174.5c-.15 0-.3.07-.38.2L.8 179.6c-.24.27 0 .82.4.8H3.6v2.32c0 4.26-.55 3.62 3.66 3.62h7.94l-2.35-2.9h-5.6c-.43 0-.7-.3-.7-.72v-2.3h2.5c.38.03.66-.54.4-.83l-3.97-4.9c-.1-.13-.23-.2-.38-.2zm12 .1c-.55-.02-1.32.03-2.4.03H6.83l2.35 2.9h5.52c.42 0 .72.28.72.72v2.34h-2.6c-.3.1-.43.53-.2.78l3.92 4.9c.18.24.6.24.78 0l3.94-4.9c.22-.3-.02-.78-.37-.8H18.4v-2.33c0-3.15.4-3.62-1.25-3.66zM4.97 193.16c-.1.03-.17.1-.22.18l-3.94 4.9c-.2.3.03.78.4.8H3.6v2.68c0 4.26-.55 3.62 3.66 3.62h7.66l-2.3-2.84c-.03-.02-.03-.04-.05-.06H7.27c-.44 0-.72-.3-.72-.72v-2.7h2.5c.37.03.63-.48.4-.77l-3.96-4.9c-.12-.17-.34-.25-.53-.2zm12.16.43c-.55-.02-1.32.03-2.4.03H7.1l2.32 2.84.03.06h5.25c.42 0 .72.28.72.72v2.7h-2.5c-.36.02-.56.54-.3.8l3.92 4.9c.18.25.6.25.78 0l3.94-4.9c.26-.28 0-.83-.37-.8H18.4v-2.7c0-3.15.4-3.62-1.25-3.66z' fill='%232B90D9' stroke-width='0'/></svg>\")}.app-body{-webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar}.link-button{display:block;font-size:15px;line-height:20px;color:#2b5fd9;border:0;background:transparent;padding:0;cursor:pointer}.link-button:hover,.link-button:active{text-decoration:underline}.link-button:disabled{color:#9baec8;cursor:default}.button{background-color:#2b5fd9;border:10px none;border-radius:4px;box-sizing:border-box;color:#fff;cursor:pointer;display:inline-block;font-family:inherit;font-size:15px;font-weight:500;height:36px;letter-spacing:0;line-height:36px;overflow:hidden;padding:0 16px;position:relative;text-align:center;text-decoration:none;text-overflow:ellipsis;transition:all 100ms ease-in;white-space:nowrap;width:auto}.button:active,.button:focus,.button:hover{background-color:#5680e1;transition:all 200ms ease-out}.button--destructive{transition:none}.button--destructive:active,.button--destructive:focus,.button--destructive:hover{background-color:#df405a;transition:none}.button:disabled,.button.disabled{background-color:#9baec8;cursor:default}.button::-moz-focus-inner{border:0}.button::-moz-focus-inner,.button:focus,.button:active{outline:0 !important}.button.button-primary,.button.button-alternative,.button.button-secondary,.button.button-alternative-2{font-size:16px;line-height:36px;height:auto;text-transform:none;padding:4px 16px}.button.button-alternative{color:#000;background:#9baec8}.button.button-alternative:active,.button.button-alternative:focus,.button.button-alternative:hover{background-color:#a8b9cf}.button.button-alternative-2{background:#606984}.button.button-alternative-2:active,.button.button-alternative-2:focus,.button.button-alternative-2:hover{background-color:#687390}.button.button-secondary{color:#dde3ec;background:transparent;padding:3px 15px;border:1px solid #9baec8}.button.button-secondary:active,.button.button-secondary:focus,.button.button-secondary:hover{border-color:#a8b9cf;color:#eaeef3}.button.button-secondary:disabled{opacity:.5}.button.button--block{display:block;width:100%}.column__wrapper{display:flex;flex:1 1 auto;position:relative}.icon-button{display:inline-block;padding:0;color:#8d9ac2;border:0;border-radius:4px;background:transparent;cursor:pointer;transition:all 100ms ease-in;transition-property:background-color,color}.icon-button:hover,.icon-button:active,.icon-button:focus{color:#a4afce;background-color:rgba(141,154,194,.15);transition:all 200ms ease-out;transition-property:background-color,color}.icon-button:focus{background-color:rgba(141,154,194,.3)}.icon-button.disabled{color:#6274ab;background-color:transparent;cursor:default}.icon-button.active{color:#2b90d9}.icon-button::-moz-focus-inner{border:0}.icon-button::-moz-focus-inner,.icon-button:focus,.icon-button:active{outline:0 !important}.icon-button.inverted{color:#1b1e25}.icon-button.inverted:hover,.icon-button.inverted:active,.icon-button.inverted:focus{color:#0c0d11;background-color:rgba(27,30,37,.15)}.icon-button.inverted:focus{background-color:rgba(27,30,37,.3)}.icon-button.inverted.disabled{color:#2a2e3a;background-color:transparent}.icon-button.inverted.active{color:#2b90d9}.icon-button.inverted.active.disabled{color:#63ade3}.icon-button.overlayed{box-sizing:content-box;background:rgba(0,0,0,.6);color:rgba(255,255,255,.7);border-radius:4px;padding:2px}.icon-button.overlayed:hover{background:rgba(0,0,0,.9)}.text-icon-button{color:#1b1e25;border:0;border-radius:4px;background:transparent;cursor:pointer;font-weight:600;font-size:11px;padding:0 3px;line-height:27px;outline:0;transition:all 100ms ease-in;transition-property:background-color,color}.text-icon-button:hover,.text-icon-button:active,.text-icon-button:focus{color:#0c0d11;background-color:rgba(27,30,37,.15);transition:all 200ms ease-out;transition-property:background-color,color}.text-icon-button:focus{background-color:rgba(27,30,37,.3)}.text-icon-button.disabled{color:#464d60;background-color:transparent;cursor:default}.text-icon-button.active{color:#2b90d9}.text-icon-button::-moz-focus-inner{border:0}.text-icon-button::-moz-focus-inner,.text-icon-button:focus,.text-icon-button:active{outline:0 !important}.dropdown-menu{position:absolute}.invisible{font-size:0;line-height:0;display:inline-block;width:0;height:0;position:absolute}.invisible img,.invisible svg{margin:0 !important;border:0 !important;padding:0 !important;width:0 !important;height:0 !important}.ellipsis::after{content:\"…\"}.compose-form{padding:10px}.compose-form__sensitive-button{padding:10px;padding-top:0;font-size:14px;font-weight:500}.compose-form__sensitive-button.active{color:#2b90d9}.compose-form__sensitive-button input[type=checkbox]{display:none}.compose-form__sensitive-button .checkbox{display:inline-block;position:relative;border:1px solid #9baec8;box-sizing:border-box;width:18px;height:18px;flex:0 0 auto;margin-right:10px;top:-1px;border-radius:4px;vertical-align:middle}.compose-form__sensitive-button .checkbox.active{border-color:#2b90d9;background:#2b90d9}.compose-form .compose-form__warning{color:#000;margin-bottom:10px;background:#9baec8;box-shadow:0 2px 6px rgba(0,0,0,.3);padding:8px 10px;border-radius:4px;font-size:13px;font-weight:400}.compose-form .compose-form__warning strong{color:#000;font-weight:500}.compose-form .compose-form__warning strong:lang(ja){font-weight:700}.compose-form .compose-form__warning strong:lang(ko){font-weight:700}.compose-form .compose-form__warning strong:lang(zh-CN){font-weight:700}.compose-form .compose-form__warning strong:lang(zh-HK){font-weight:700}.compose-form .compose-form__warning strong:lang(zh-TW){font-weight:700}.compose-form .compose-form__warning a{color:#1b1e25;font-weight:500;text-decoration:underline}.compose-form .compose-form__warning a:hover,.compose-form .compose-form__warning a:active,.compose-form .compose-form__warning a:focus{text-decoration:none}.compose-form .emoji-picker-dropdown{position:absolute;top:5px;right:5px}.compose-form .compose-form__autosuggest-wrapper{position:relative}.compose-form .autosuggest-textarea,.compose-form .autosuggest-input,.compose-form .spoiler-input{position:relative;width:100%}.compose-form .spoiler-input{height:0;transform-origin:bottom;opacity:0}.compose-form .spoiler-input.spoiler-input--visible{height:36px;margin-bottom:11px;opacity:1}.compose-form .autosuggest-textarea__textarea,.compose-form .spoiler-input__input{display:block;box-sizing:border-box;width:100%;margin:0;color:#000;background:#fff;padding:10px;font-family:inherit;font-size:14px;resize:vertical;border:0;outline:0}.compose-form .autosuggest-textarea__textarea::placeholder,.compose-form .spoiler-input__input::placeholder{color:#c2cede}.compose-form .autosuggest-textarea__textarea:focus,.compose-form .spoiler-input__input:focus{outline:0}@media screen and (max-width: 600px){.compose-form .autosuggest-textarea__textarea,.compose-form .spoiler-input__input{font-size:16px}}.compose-form .spoiler-input__input{border-radius:4px}.compose-form .autosuggest-textarea__textarea{min-height:100px;border-radius:4px 4px 0 0;padding-bottom:0;padding-right:32px;resize:none;scrollbar-color:initial}.compose-form .autosuggest-textarea__textarea::-webkit-scrollbar{all:unset}@media screen and (max-width: 600px){.compose-form .autosuggest-textarea__textarea{height:100px !important;resize:vertical}}.compose-form .autosuggest-textarea__suggestions-wrapper{position:relative;height:0}.compose-form .autosuggest-textarea__suggestions{box-sizing:border-box;display:none;position:absolute;top:100%;width:100%;z-index:99;box-shadow:4px 4px 6px rgba(0,0,0,.4);background:#d9e1e8;border-radius:0 0 4px 4px;color:#000;font-size:14px;padding:6px}.compose-form .autosuggest-textarea__suggestions.autosuggest-textarea__suggestions--visible{display:block}.compose-form .autosuggest-textarea__suggestions__item{padding:10px;cursor:pointer;border-radius:4px}.compose-form .autosuggest-textarea__suggestions__item:hover,.compose-form .autosuggest-textarea__suggestions__item:focus,.compose-form .autosuggest-textarea__suggestions__item:active,.compose-form .autosuggest-textarea__suggestions__item.selected{background:#b9c8d5}.compose-form .autosuggest-account,.compose-form .autosuggest-emoji,.compose-form .autosuggest-hashtag{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;line-height:18px;font-size:14px}.compose-form .autosuggest-hashtag{justify-content:space-between}.compose-form .autosuggest-hashtag__name{flex:1 1 auto;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.compose-form .autosuggest-hashtag strong{font-weight:500}.compose-form .autosuggest-hashtag__uses{flex:0 0 auto;text-align:right;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.compose-form .autosuggest-account-icon,.compose-form .autosuggest-emoji img{display:block;margin-right:8px;width:16px;height:16px}.compose-form .autosuggest-account .display-name__account{color:#1b1e25}.compose-form .compose-form__modifiers{color:#000;font-family:inherit;font-size:14px;background:#fff}.compose-form .compose-form__modifiers .compose-form__upload-wrapper{overflow:hidden}.compose-form .compose-form__modifiers .compose-form__uploads-wrapper{display:flex;flex-direction:row;padding:5px;flex-wrap:wrap}.compose-form .compose-form__modifiers .compose-form__upload{flex:1 1 0;min-width:40%;margin:5px}.compose-form .compose-form__modifiers .compose-form__upload__actions{background:linear-gradient(180deg, rgba(0, 0, 0, 0.8) 0, rgba(0, 0, 0, 0.35) 80%, transparent);display:flex;align-items:flex-start;justify-content:space-between;opacity:0;transition:opacity .1s ease}.compose-form .compose-form__modifiers .compose-form__upload__actions .icon-button{flex:0 1 auto;color:#ecf0f4;font-size:14px;font-weight:500;padding:10px;font-family:inherit}.compose-form .compose-form__modifiers .compose-form__upload__actions .icon-button:hover,.compose-form .compose-form__modifiers .compose-form__upload__actions .icon-button:focus,.compose-form .compose-form__modifiers .compose-form__upload__actions .icon-button:active{color:#fff}.compose-form .compose-form__modifiers .compose-form__upload__actions.active{opacity:1}.compose-form .compose-form__modifiers .compose-form__upload-description{position:absolute;z-index:2;bottom:0;left:0;right:0;box-sizing:border-box;background:linear-gradient(0deg, rgba(0, 0, 0, 0.8) 0, rgba(0, 0, 0, 0.35) 80%, transparent);padding:10px;opacity:0;transition:opacity .1s ease}.compose-form .compose-form__modifiers .compose-form__upload-description textarea{background:transparent;color:#ecf0f4;border:0;padding:0;margin:0;width:100%;font-family:inherit;font-size:14px;font-weight:500}.compose-form .compose-form__modifiers .compose-form__upload-description textarea:focus{color:#fff}.compose-form .compose-form__modifiers .compose-form__upload-description textarea::placeholder{opacity:.75;color:#ecf0f4}.compose-form .compose-form__modifiers .compose-form__upload-description.active{opacity:1}.compose-form .compose-form__modifiers .compose-form__upload-thumbnail{border-radius:4px;background-color:#000;background-position:center;background-size:cover;background-repeat:no-repeat;height:140px;width:100%;overflow:hidden}.compose-form .compose-form__buttons-wrapper{padding:10px;background:#ebebeb;border-radius:0 0 4px 4px;display:flex;justify-content:space-between;flex:0 0 auto}.compose-form .compose-form__buttons-wrapper .compose-form__buttons{display:flex}.compose-form .compose-form__buttons-wrapper .compose-form__buttons .compose-form__upload-button-icon{line-height:27px}.compose-form .compose-form__buttons-wrapper .compose-form__buttons .compose-form__sensitive-button{display:none}.compose-form .compose-form__buttons-wrapper .compose-form__buttons .compose-form__sensitive-button.compose-form__sensitive-button--visible{display:block}.compose-form .compose-form__buttons-wrapper .compose-form__buttons .compose-form__sensitive-button .compose-form__sensitive-button__icon{line-height:27px}.compose-form .compose-form__buttons-wrapper .icon-button,.compose-form .compose-form__buttons-wrapper .text-icon-button{box-sizing:content-box;padding:0 3px}.compose-form .compose-form__buttons-wrapper .character-counter__wrapper{align-self:center;margin-right:4px}.compose-form .compose-form__publish{display:flex;justify-content:flex-end;min-width:0;flex:0 0 auto}.compose-form .compose-form__publish .compose-form__publish-button-wrapper{overflow:hidden;padding-top:10px}.character-counter{cursor:default;font-family:\"mastodon-font-sans-serif\",sans-serif;font-size:14px;font-weight:600;color:#1b1e25}.character-counter.character-counter--over{color:#ff5050}.no-reduce-motion .spoiler-input{transition:height .4s ease,opacity .4s ease}.emojione{font-size:inherit;vertical-align:middle;object-fit:contain;margin:-0.2ex .15em .2ex;width:16px;height:16px}.emojione img{width:auto}.reply-indicator{border-radius:4px;margin-bottom:10px;background:#9baec8;padding:10px;min-height:23px;overflow-y:auto;flex:0 2 auto}.reply-indicator__header{margin-bottom:5px;overflow:hidden}.reply-indicator__cancel{float:right;line-height:24px}.reply-indicator__display-name{color:#000;display:block;max-width:100%;line-height:24px;overflow:hidden;padding-right:25px;text-decoration:none}.reply-indicator__display-avatar{float:left;margin-right:5px}.status__content--with-action{cursor:pointer}.status__content,.reply-indicator__content{position:relative;font-size:15px;line-height:20px;word-wrap:break-word;font-weight:400;overflow:hidden;text-overflow:ellipsis;padding-top:2px;color:#fff}.status__content:focus,.reply-indicator__content:focus{outline:0}.status__content.status__content--with-spoiler,.reply-indicator__content.status__content--with-spoiler{white-space:normal}.status__content.status__content--with-spoiler .status__content__text,.reply-indicator__content.status__content--with-spoiler .status__content__text{white-space:pre-wrap}.status__content .emojione,.reply-indicator__content .emojione{width:20px;height:20px;margin:-3px 0 0}.status__content img,.reply-indicator__content img{max-width:100%;max-height:400px;object-fit:contain}.status__content p,.reply-indicator__content p{margin-bottom:20px;white-space:pre-wrap}.status__content p:last-child,.reply-indicator__content p:last-child{margin-bottom:0}.status__content a,.reply-indicator__content a{color:#d8a070;text-decoration:none}.status__content a:hover,.reply-indicator__content a:hover{text-decoration:underline}.status__content a:hover .fa,.reply-indicator__content a:hover .fa{color:#dae1ea}.status__content a.mention:hover,.reply-indicator__content a.mention:hover{text-decoration:none}.status__content a.mention:hover span,.reply-indicator__content a.mention:hover span{text-decoration:underline}.status__content a .fa,.reply-indicator__content a .fa{color:#c2cede}.status__content a.unhandled-link,.reply-indicator__content a.unhandled-link{color:#4e79df}.status__content .status__content__spoiler-link,.reply-indicator__content .status__content__spoiler-link{background:#8d9ac2}.status__content .status__content__spoiler-link:hover,.reply-indicator__content .status__content__spoiler-link:hover{background:#a4afce;text-decoration:none}.status__content .status__content__spoiler-link::-moz-focus-inner,.reply-indicator__content .status__content__spoiler-link::-moz-focus-inner{border:0}.status__content .status__content__spoiler-link::-moz-focus-inner,.status__content .status__content__spoiler-link:focus,.status__content .status__content__spoiler-link:active,.reply-indicator__content .status__content__spoiler-link::-moz-focus-inner,.reply-indicator__content .status__content__spoiler-link:focus,.reply-indicator__content .status__content__spoiler-link:active{outline:0 !important}.status__content .status__content__text,.reply-indicator__content .status__content__text{display:none}.status__content .status__content__text.status__content__text--visible,.reply-indicator__content .status__content__text.status__content__text--visible{display:block}.status__content.status__content--collapsed{max-height:300px}.status__content__read-more-button{display:block;font-size:15px;line-height:20px;color:#4e79df;border:0;background:transparent;padding:0;padding-top:8px}.status__content__read-more-button:hover,.status__content__read-more-button:active{text-decoration:underline}.status__content__spoiler-link{display:inline-block;border-radius:2px;background:transparent;border:0;color:#000;font-weight:700;font-size:12px;padding:0 6px;line-height:20px;cursor:pointer;vertical-align:middle}.status__wrapper--filtered{color:#c2cede;border:0;font-size:inherit;text-align:center;line-height:inherit;margin:0;padding:15px;box-sizing:border-box;width:100%;clear:both;border-bottom:1px solid #393f4f}.status__prepend-icon-wrapper{left:-26px;position:absolute}.focusable:focus{outline:0;background:#313543}.focusable:focus .status.status-direct{background:#42485a}.focusable:focus .status.status-direct.muted{background:transparent}.focusable:focus .detailed-status,.focusable:focus .detailed-status__action-bar{background:#393f4f}.status{padding:8px 10px;padding-left:68px;position:relative;min-height:54px;border-bottom:1px solid #393f4f;cursor:default;opacity:1;animation:fade 150ms linear}@supports(-ms-overflow-style: -ms-autohiding-scrollbar){.status{padding-right:26px}}@keyframes fade{0%{opacity:0}100%{opacity:1}}.status .video-player,.status .audio-player{margin-top:8px}.status.status-direct:not(.read){background:#393f4f;border-bottom-color:#42485a}.status.light .status__relative-time{color:#364861}.status.light .status__display-name{color:#000}.status.light .display-name strong{color:#000}.status.light .display-name span{color:#364861}.status.light .status__content{color:#000}.status.light .status__content a{color:#2b90d9}.status.light .status__content a.status__content__spoiler-link{color:#fff;background:#9baec8}.status.light .status__content a.status__content__spoiler-link:hover{background:#b5c3d6}.notification-favourite .status.status-direct{background:transparent}.notification-favourite .status.status-direct .icon-button.disabled{color:#b8c0d9}.status__relative-time,.notification__relative_time{color:#c2cede;float:right;font-size:14px}.status__display-name{color:#c2cede}.status__info .status__display-name{display:block;max-width:100%;padding-right:25px}.status__info{font-size:15px}.status-check-box{border-bottom:1px solid #d9e1e8;display:flex}.status-check-box .status-check-box__status{margin:10px 0 10px 10px;flex:1}.status-check-box .status-check-box__status .media-gallery{max-width:250px}.status-check-box .status-check-box__status .status__content{padding:0;white-space:normal}.status-check-box .status-check-box__status .video-player,.status-check-box .status-check-box__status .audio-player{margin-top:8px;max-width:250px}.status-check-box .status-check-box__status .media-gallery__item-thumbnail{cursor:default}.status-check-box-toggle{align-items:center;display:flex;flex:0 0 auto;justify-content:center;padding:10px}.status__prepend{margin-left:68px;color:#c2cede;padding:8px 0;padding-bottom:2px;font-size:14px;position:relative}.status__prepend .status__display-name strong{color:#c2cede}.status__prepend>span{display:block;overflow:hidden;text-overflow:ellipsis}.status__action-bar{align-items:center;display:flex;margin-top:8px}.status__action-bar__counter{display:inline-flex;margin-right:11px;align-items:center}.status__action-bar__counter .status__action-bar-button{margin-right:4px}.status__action-bar__counter__label{display:inline-block;width:14px;font-size:12px;font-weight:500;color:#8d9ac2}.status__action-bar-button{margin-right:18px}.status__action-bar-dropdown{height:23.15px;width:23.15px}.detailed-status__action-bar-dropdown{flex:1 1 auto;display:flex;align-items:center;justify-content:center;position:relative}.detailed-status{background:#313543;padding:14px 10px}.detailed-status--flex{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-start}.detailed-status--flex .status__content,.detailed-status--flex .detailed-status__meta{flex:100%}.detailed-status .status__content{font-size:19px;line-height:24px}.detailed-status .status__content .emojione{width:24px;height:24px;margin:-1px 0 0}.detailed-status .status__content .status__content__spoiler-link{line-height:24px;margin:-1px 0 0}.detailed-status .video-player,.detailed-status .audio-player{margin-top:8px}.detailed-status__meta{margin-top:15px;color:#c2cede;font-size:14px;line-height:18px}.detailed-status__action-bar{background:#313543;border-top:1px solid #393f4f;border-bottom:1px solid #393f4f;display:flex;flex-direction:row;padding:10px 0}.detailed-status__link{color:inherit;text-decoration:none}.detailed-status__favorites,.detailed-status__reblogs{display:inline-block;font-weight:500;font-size:12px;margin-left:6px}.reply-indicator__content{color:#000;font-size:14px}.reply-indicator__content a{color:#1b1e25}.domain{padding:10px;border-bottom:1px solid #393f4f}.domain .domain__domain-name{flex:1 1 auto;display:block;color:#fff;text-decoration:none;font-size:14px;font-weight:500}.domain__wrapper{display:flex}.domain_buttons{height:18px;padding:10px;white-space:nowrap}.account{padding:10px;border-bottom:1px solid #393f4f}.account.compact{padding:0;border-bottom:0}.account.compact .account__avatar-wrapper{margin-left:0}.account .account__display-name{flex:1 1 auto;display:block;color:#dde3ec;overflow:hidden;text-decoration:none;font-size:14px}.account__wrapper{display:flex}.account__avatar-wrapper{float:left;margin-left:12px;margin-right:12px}.account__avatar{border-radius:4px;background:transparent no-repeat;background-position:50%;background-clip:padding-box;position:relative}.account__avatar-inline{display:inline-block;vertical-align:middle;margin-right:5px}.account__avatar-composite{border-radius:4px;background:transparent no-repeat;background-position:50%;background-clip:padding-box;border-radius:50%;overflow:hidden;position:relative;cursor:default}.account__avatar-composite>div{float:left;position:relative;box-sizing:border-box}.account__avatar-composite__label{display:block;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);color:#fff;text-shadow:1px 1px 2px #000;font-weight:700;font-size:15px}a .account__avatar{cursor:pointer}.account__avatar-overlay{width:48px;height:48px;background-size:48px 48px}.account__avatar-overlay-base{border-radius:4px;background:transparent no-repeat;background-position:50%;background-clip:padding-box;width:36px;height:36px;background-size:36px 36px}.account__avatar-overlay-overlay{border-radius:4px;background:transparent no-repeat;background-position:50%;background-clip:padding-box;width:24px;height:24px;background-size:24px 24px;position:absolute;bottom:0;right:0;z-index:1}.account__relationship{height:18px;padding:10px;white-space:nowrap}.account__disclaimer{padding:10px;border-top:1px solid #393f4f;color:#c2cede}.account__disclaimer strong{font-weight:500}.account__disclaimer strong:lang(ja){font-weight:700}.account__disclaimer strong:lang(ko){font-weight:700}.account__disclaimer strong:lang(zh-CN){font-weight:700}.account__disclaimer strong:lang(zh-HK){font-weight:700}.account__disclaimer strong:lang(zh-TW){font-weight:700}.account__disclaimer a{font-weight:500;color:inherit;text-decoration:underline}.account__disclaimer a:hover,.account__disclaimer a:focus,.account__disclaimer a:active{text-decoration:none}.account__action-bar{border-top:1px solid #393f4f;border-bottom:1px solid #393f4f;line-height:36px;overflow:hidden;flex:0 0 auto;display:flex}.account__action-bar-dropdown{padding:10px}.account__action-bar-dropdown .icon-button{vertical-align:middle}.account__action-bar-dropdown .dropdown--active .dropdown__content.dropdown__right{left:6px;right:initial}.account__action-bar-dropdown .dropdown--active::after{bottom:initial;margin-left:11px;margin-top:-7px;right:initial}.account__action-bar-links{display:flex;flex:1 1 auto;line-height:18px;text-align:center}.account__action-bar__tab{text-decoration:none;overflow:hidden;flex:0 1 100%;border-right:1px solid #393f4f;padding:10px 0;border-bottom:4px solid transparent}.account__action-bar__tab.active{border-bottom:4px solid #2b5fd9}.account__action-bar__tab>span{display:block;font-size:12px;color:#dde3ec}.account__action-bar__tab strong{display:block;font-size:15px;font-weight:500;color:#fff}.account__action-bar__tab strong:lang(ja){font-weight:700}.account__action-bar__tab strong:lang(ko){font-weight:700}.account__action-bar__tab strong:lang(zh-CN){font-weight:700}.account__action-bar__tab strong:lang(zh-HK){font-weight:700}.account__action-bar__tab strong:lang(zh-TW){font-weight:700}.account-authorize{padding:14px 10px}.account-authorize .detailed-status__display-name{display:block;margin-bottom:15px;overflow:hidden}.account-authorize__avatar{float:left;margin-right:10px}.status__display-name,.status__relative-time,.detailed-status__display-name,.detailed-status__datetime,.detailed-status__application,.account__display-name{text-decoration:none}.status__display-name strong,.account__display-name strong{color:#fff}.muted .emojione{opacity:.5}.status__display-name:hover strong,.reply-indicator__display-name:hover strong,.detailed-status__display-name:hover strong,a.account__display-name:hover strong{text-decoration:underline}.account__display-name strong{display:block;overflow:hidden;text-overflow:ellipsis}.detailed-status__application,.detailed-status__datetime{color:inherit}.detailed-status .button.logo-button{margin-bottom:15px}.detailed-status__display-name{color:#ecf0f4;display:block;line-height:24px;margin-bottom:15px;overflow:hidden}.detailed-status__display-name strong,.detailed-status__display-name span{display:block;text-overflow:ellipsis;overflow:hidden}.detailed-status__display-name strong{font-size:16px;color:#fff}.detailed-status__display-avatar{float:left;margin-right:10px}.status__avatar{height:48px;left:10px;position:absolute;top:10px;width:48px}.status__expand{width:68px;position:absolute;left:0;top:0;height:100%;cursor:pointer}.muted .status__content,.muted .status__content p,.muted .status__content a{color:#c2cede}.muted .status__display-name strong{color:#c2cede}.muted .status__avatar{opacity:.5}.muted a.status__content__spoiler-link{background:#606984;color:#000}.muted a.status__content__spoiler-link:hover{background:#707b97;text-decoration:none}.notification__message{margin:0 10px 0 68px;padding:8px 0 0;cursor:default;color:#dde3ec;font-size:15px;line-height:22px;position:relative}.notification__message .fa{color:#2b90d9}.notification__message>span{display:inline;overflow:hidden;text-overflow:ellipsis}.notification__favourite-icon-wrapper{left:-26px;position:absolute}.notification__favourite-icon-wrapper .star-icon{color:#ca8f04}.star-icon.active{color:#ca8f04}.bookmark-icon.active{color:#ff5050}.no-reduce-motion .icon-button.star-icon.activate>.fa-star{animation:spring-rotate-in 1s linear}.no-reduce-motion .icon-button.star-icon.deactivate>.fa-star{animation:spring-rotate-out 1s linear}.notification__display-name{color:inherit;font-weight:500;text-decoration:none}.notification__display-name:hover{color:#fff;text-decoration:underline}.notification__relative_time{float:right}.display-name{display:block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.display-name__html{font-weight:500}.display-name__account{font-size:14px}.status__relative-time:hover,.detailed-status__datetime:hover{text-decoration:underline}.image-loader{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center;flex-direction:column}.image-loader .image-loader__preview-canvas{max-width:100%;max-height:80%;background:url(\"~images/void.png\") repeat;object-fit:contain}.image-loader .loading-bar{position:relative}.image-loader.image-loader--amorphous .image-loader__preview-canvas{display:none}.zoomable-image{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center}.zoomable-image img{max-width:100%;max-height:80%;width:auto;height:auto;object-fit:contain}.navigation-bar{padding:10px;display:flex;align-items:center;flex-shrink:0;cursor:default;color:#dde3ec}.navigation-bar strong{color:#ecf0f4}.navigation-bar a{color:inherit}.navigation-bar .permalink{text-decoration:none}.navigation-bar .navigation-bar__actions{position:relative}.navigation-bar .navigation-bar__actions .icon-button.close{position:absolute;pointer-events:none;transform:scale(0, 1) translate(-100%, 0);opacity:0}.navigation-bar .navigation-bar__actions .compose__action-bar .icon-button{pointer-events:auto;transform:scale(1, 1) translate(0, 0);opacity:1}.navigation-bar__profile{flex:1 1 auto;margin-left:8px;line-height:20px;margin-top:-1px;overflow:hidden}.navigation-bar__profile-account{display:block;font-weight:500;overflow:hidden;text-overflow:ellipsis}.navigation-bar__profile-edit{color:inherit;text-decoration:none}.dropdown{display:inline-block}.dropdown__content{display:none;position:absolute}.dropdown-menu__separator{border-bottom:1px solid #c0cdd9;margin:5px 7px 6px;height:0}.dropdown-menu{background:#d9e1e8;padding:4px 0;border-radius:4px;box-shadow:2px 4px 15px rgba(0,0,0,.4);z-index:9999}.dropdown-menu ul{list-style:none}.dropdown-menu.left{transform-origin:100% 50%}.dropdown-menu.top{transform-origin:50% 100%}.dropdown-menu.bottom{transform-origin:50% 0}.dropdown-menu.right{transform-origin:0 50%}.dropdown-menu__arrow{position:absolute;width:0;height:0;border:0 solid transparent}.dropdown-menu__arrow.left{right:-5px;margin-top:-5px;border-width:5px 0 5px 5px;border-left-color:#d9e1e8}.dropdown-menu__arrow.top{bottom:-5px;margin-left:-7px;border-width:5px 7px 0;border-top-color:#d9e1e8}.dropdown-menu__arrow.bottom{top:-5px;margin-left:-7px;border-width:0 7px 5px;border-bottom-color:#d9e1e8}.dropdown-menu__arrow.right{left:-5px;margin-top:-5px;border-width:5px 5px 5px 0;border-right-color:#d9e1e8}.dropdown-menu__item a{font-size:13px;line-height:18px;display:block;padding:4px 14px;box-sizing:border-box;text-decoration:none;background:#d9e1e8;color:#000;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dropdown-menu__item a:focus,.dropdown-menu__item a:hover,.dropdown-menu__item a:active{background:#2b5fd9;color:#ecf0f4;outline:0}.dropdown--active .dropdown__content{display:block;line-height:18px;max-width:311px;right:0;text-align:left;z-index:9999}.dropdown--active .dropdown__content>ul{list-style:none;background:#d9e1e8;padding:4px 0;border-radius:4px;box-shadow:0 0 15px rgba(0,0,0,.4);min-width:140px;position:relative}.dropdown--active .dropdown__content.dropdown__right{right:0}.dropdown--active .dropdown__content.dropdown__left>ul{left:-98px}.dropdown--active .dropdown__content>ul>li>a{font-size:13px;line-height:18px;display:block;padding:4px 14px;box-sizing:border-box;text-decoration:none;background:#d9e1e8;color:#000;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dropdown--active .dropdown__content>ul>li>a:focus{outline:0}.dropdown--active .dropdown__content>ul>li>a:hover{background:#2b5fd9;color:#ecf0f4}.dropdown__icon{vertical-align:middle}.columns-area{display:flex;flex:1 1 auto;flex-direction:row;justify-content:flex-start;overflow-x:auto;position:relative}.columns-area.unscrollable{overflow-x:hidden}.columns-area__panels{display:flex;justify-content:center;width:100%;height:100%;min-height:100vh}.columns-area__panels__pane{height:100%;overflow:hidden;pointer-events:none;display:flex;justify-content:flex-end;min-width:285px}.columns-area__panels__pane--start{justify-content:flex-start}.columns-area__panels__pane__inner{position:fixed;width:285px;pointer-events:auto;height:100%}.columns-area__panels__main{box-sizing:border-box;width:100%;max-width:600px;flex:0 0 auto;display:flex;flex-direction:column}@media screen and (min-width: 415px){.columns-area__panels__main{padding:0 10px}}.tabs-bar__wrapper{background:#17191f;position:sticky;top:0;z-index:2;padding-top:0}@media screen and (min-width: 415px){.tabs-bar__wrapper{padding-top:10px}}.tabs-bar__wrapper .tabs-bar{margin-bottom:0}@media screen and (min-width: 415px){.tabs-bar__wrapper .tabs-bar{margin-bottom:10px}}.react-swipeable-view-container,.react-swipeable-view-container .columns-area,.react-swipeable-view-container .drawer,.react-swipeable-view-container .column{height:100%}.react-swipeable-view-container>*{display:flex;align-items:center;justify-content:center;height:100%}.column{width:350px;position:relative;box-sizing:border-box;display:flex;flex-direction:column}.column>.scrollable{background:#282c37;border-bottom-left-radius:2px;border-bottom-right-radius:2px}.ui{flex:0 0 auto;display:flex;flex-direction:column;width:100%;height:100%}.drawer{width:330px;box-sizing:border-box;display:flex;flex-direction:column;overflow-y:hidden}.drawer__tab{display:block;flex:1 1 auto;padding:15px 5px 13px;color:#dde3ec;text-decoration:none;text-align:center;font-size:16px;border-bottom:2px solid transparent}.column,.drawer{flex:1 1 auto;overflow:hidden}@media screen and (min-width: 631px){.columns-area{padding:0}.column,.drawer{flex:0 0 auto;padding:10px;padding-left:5px;padding-right:5px}.column:first-child,.drawer:first-child{padding-left:10px}.column:last-child,.drawer:last-child{padding-right:10px}.columns-area>div .column,.columns-area>div .drawer{padding-left:5px;padding-right:5px}}.tabs-bar{box-sizing:border-box;display:flex;background:#393f4f;flex:0 0 auto;overflow-y:auto}.tabs-bar__link{display:block;flex:1 1 auto;padding:15px 10px;padding-bottom:13px;color:#fff;text-decoration:none;text-align:center;font-size:14px;font-weight:500;border-bottom:2px solid #393f4f;transition:all 50ms linear;transition-property:border-bottom,background,color}.tabs-bar__link .fa{font-weight:400;font-size:16px}@media screen and (min-width: 631px){.tabs-bar__link:hover,.tabs-bar__link:focus,.tabs-bar__link:active{background:#464d60;border-bottom-color:#464d60}}.tabs-bar__link.active{border-bottom:2px solid #2b90d9;color:#2b90d9}.tabs-bar__link span{margin-left:5px;display:none}@media screen and (min-width: 600px){.tabs-bar__link span{display:inline}}.columns-area--mobile{flex-direction:column;width:100%;height:100%;margin:0 auto}.columns-area--mobile .column,.columns-area--mobile .drawer{width:100%;height:100%;padding:0}.columns-area--mobile .directory__list{display:grid;grid-gap:10px;grid-template-columns:minmax(0, 50%) minmax(0, 50%)}@media screen and (max-width: 415px){.columns-area--mobile .directory__list{display:block}}.columns-area--mobile .directory__card{margin-bottom:0}.columns-area--mobile .filter-form{display:flex}.columns-area--mobile .autosuggest-textarea__textarea{font-size:16px}.columns-area--mobile .search__input{line-height:18px;font-size:16px;padding:15px;padding-right:30px}.columns-area--mobile .search__icon .fa{top:15px}.columns-area--mobile .scrollable{overflow:visible}@supports(display: grid){.columns-area--mobile .scrollable{contain:content}}@media screen and (min-width: 415px){.columns-area--mobile{padding:10px 0;padding-top:0}}@media screen and (min-width: 630px){.columns-area--mobile .detailed-status{padding:15px}.columns-area--mobile .detailed-status .media-gallery,.columns-area--mobile .detailed-status .video-player,.columns-area--mobile .detailed-status .audio-player{margin-top:15px}.columns-area--mobile .account__header__bar{padding:5px 10px}.columns-area--mobile .navigation-bar,.columns-area--mobile .compose-form{padding:15px}.columns-area--mobile .compose-form .compose-form__publish .compose-form__publish-button-wrapper{padding-top:15px}.columns-area--mobile .status{padding:15px 15px 15px 78px;min-height:50px}.columns-area--mobile .status__avatar{left:15px;top:17px}.columns-area--mobile .status__content{padding-top:5px}.columns-area--mobile .status__prepend{margin-left:78px;padding-top:15px}.columns-area--mobile .status__prepend-icon-wrapper{left:-32px}.columns-area--mobile .status .media-gallery,.columns-area--mobile .status__action-bar,.columns-area--mobile .status .video-player,.columns-area--mobile .status .audio-player{margin-top:10px}.columns-area--mobile .account{padding:15px 10px}.columns-area--mobile .account__header__bio{margin:0 -10px}.columns-area--mobile .notification__message{margin-left:78px;padding-top:15px}.columns-area--mobile .notification__favourite-icon-wrapper{left:-32px}.columns-area--mobile .notification .status{padding-top:8px}.columns-area--mobile .notification .account{padding-top:8px}.columns-area--mobile .notification .account__avatar-wrapper{margin-left:17px;margin-right:15px}}.floating-action-button{position:fixed;display:flex;justify-content:center;align-items:center;width:3.9375rem;height:3.9375rem;bottom:1.3125rem;right:1.3125rem;background:#2558d0;color:#fff;border-radius:50%;font-size:21px;line-height:21px;text-decoration:none;box-shadow:2px 3px 9px rgba(0,0,0,.4)}.floating-action-button:hover,.floating-action-button:focus,.floating-action-button:active{background:#4976de}@media screen and (min-width: 415px){.tabs-bar{width:100%}.react-swipeable-view-container .columns-area--mobile{height:calc(100% - 10px) !important}.getting-started__wrapper,.getting-started__trends,.search{margin-bottom:10px}.getting-started__panel{margin:10px 0}.column,.drawer{min-width:330px}}@media screen and (max-width: 895px){.columns-area__panels__pane--compositional{display:none}}@media screen and (min-width: 895px){.floating-action-button,.tabs-bar__link.optional{display:none}.search-page .search{display:none}}@media screen and (max-width: 1190px){.columns-area__panels__pane--navigational{display:none}}@media screen and (min-width: 1190px){.tabs-bar{display:none}}.icon-with-badge{position:relative}.icon-with-badge__badge{position:absolute;left:9px;top:-13px;background:#2b5fd9;border:2px solid #393f4f;padding:1px 6px;border-radius:6px;font-size:10px;font-weight:500;line-height:14px;color:#fff}.column-link--transparent .icon-with-badge__badge{border-color:#17191f}.compose-panel{width:285px;margin-top:10px;display:flex;flex-direction:column;height:calc(100% - 10px);overflow-y:hidden}.compose-panel .navigation-bar{padding-top:20px;padding-bottom:20px;flex:0 1 48px;min-height:20px}.compose-panel .flex-spacer{background:transparent}.compose-panel .compose-form{flex:1;overflow-y:hidden;display:flex;flex-direction:column;min-height:310px;padding-bottom:71px;margin-bottom:-71px}.compose-panel .compose-form__autosuggest-wrapper{overflow-y:auto;background-color:#fff;border-radius:4px 4px 0 0;flex:0 1 auto}.compose-panel .autosuggest-textarea__textarea{overflow-y:hidden}.compose-panel .compose-form__upload-thumbnail{height:80px}.navigation-panel{margin-top:10px;margin-bottom:10px;height:calc(100% - 20px);overflow-y:auto;display:flex;flex-direction:column}.navigation-panel>a{flex:0 0 auto}.navigation-panel hr{flex:0 0 auto;border:0;background:transparent;border-top:1px solid #313543;margin:10px 0}.navigation-panel .flex-spacer{background:transparent}.drawer__pager{box-sizing:border-box;padding:0;flex-grow:1;position:relative;overflow:hidden;display:flex}.drawer__inner{position:absolute;top:0;left:0;background:#444b5d;box-sizing:border-box;padding:0;display:flex;flex-direction:column;overflow:hidden;overflow-y:auto;width:100%;height:100%;border-radius:2px}.drawer__inner.darker{background:#282c37}.drawer__inner__mastodon{background:#444b5d url('data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 234.80078 31.757813\" width=\"234.80078\" height=\"31.757812\"><path d=\"M19.599609 0c-1.05 0-2.10039.375-2.90039 1.125L0 16.925781v14.832031h234.80078V17.025391l-16.5-15.900391c-1.6-1.5-4.20078-1.5-5.80078 0l-13.80078 13.099609c-1.6 1.5-4.19883 1.5-5.79883 0L179.09961 1.125c-1.6-1.5-4.19883-1.5-5.79883 0L159.5 14.224609c-1.6 1.5-4.20078 1.5-5.80078 0L139.90039 1.125c-1.6-1.5-4.20078-1.5-5.80078 0l-13.79883 13.099609c-1.6 1.5-4.20078 1.5-5.80078 0L100.69922 1.125c-1.600001-1.5-4.198829-1.5-5.798829 0l-13.59961 13.099609c-1.6 1.5-4.200781 1.5-5.800781 0L61.699219 1.125c-1.6-1.5-4.198828-1.5-5.798828 0L42.099609 14.224609c-1.6 1.5-4.198828 1.5-5.798828 0L22.5 1.125C21.7.375 20.649609 0 19.599609 0z\" fill=\"%23282C37\"/></svg>') no-repeat bottom/100% auto;flex:1;min-height:47px;display:none}.drawer__inner__mastodon>img{display:block;object-fit:contain;object-position:bottom left;width:100%;height:100%;pointer-events:none;user-drag:none;user-select:none}@media screen and (min-height: 640px){.drawer__inner__mastodon{display:block}}.pseudo-drawer{background:#444b5d;font-size:13px;text-align:left}.drawer__header{flex:0 0 auto;font-size:16px;background:#393f4f;margin-bottom:10px;display:flex;flex-direction:row;border-radius:2px}.drawer__header a{transition:background 100ms ease-in}.drawer__header a:hover{background:#2e3340;transition:background 200ms ease-out}.scrollable{overflow-y:scroll;overflow-x:hidden;flex:1 1 auto;-webkit-overflow-scrolling:touch}.scrollable.optionally-scrollable{overflow-y:auto}@supports(display: grid){.scrollable{contain:strict}}.scrollable--flex{display:flex;flex-direction:column}.scrollable__append{flex:1 1 auto;position:relative;min-height:120px}@supports(display: grid){.scrollable.fullscreen{contain:none}}.column-back-button{box-sizing:border-box;width:100%;background:#313543;color:#2b90d9;cursor:pointer;flex:0 0 auto;font-size:16px;line-height:inherit;border:0;text-align:unset;padding:15px;margin:0;z-index:3;outline:0}.column-back-button:hover{text-decoration:underline}.column-header__back-button{background:#313543;border:0;font-family:inherit;color:#2b90d9;cursor:pointer;white-space:nowrap;font-size:16px;padding:0 5px 0 0;z-index:3}.column-header__back-button:hover{text-decoration:underline}.column-header__back-button:last-child{padding:0 15px 0 0}.column-back-button__icon{display:inline-block;margin-right:5px}.column-back-button--slim{position:relative}.column-back-button--slim-button{cursor:pointer;flex:0 0 auto;font-size:16px;padding:15px;position:absolute;right:0;top:-48px}.react-toggle{display:inline-block;position:relative;cursor:pointer;background-color:transparent;border:0;padding:0;user-select:none;-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-tap-highlight-color:transparent}.react-toggle-screenreader-only{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.react-toggle--disabled{cursor:not-allowed;opacity:.5;transition:opacity .25s}.react-toggle-track{width:50px;height:24px;padding:0;border-radius:30px;background-color:#282c37;transition:background-color .2s ease}.react-toggle:hover:not(.react-toggle--disabled) .react-toggle-track{background-color:#131419}.react-toggle--checked .react-toggle-track{background-color:#2b5fd9}.react-toggle--checked:hover:not(.react-toggle--disabled) .react-toggle-track{background-color:#5680e1}.react-toggle-track-check{position:absolute;width:14px;height:10px;top:0;bottom:0;margin-top:auto;margin-bottom:auto;line-height:0;left:8px;opacity:0;transition:opacity .25s ease}.react-toggle--checked .react-toggle-track-check{opacity:1;transition:opacity .25s ease}.react-toggle-track-x{position:absolute;width:10px;height:10px;top:0;bottom:0;margin-top:auto;margin-bottom:auto;line-height:0;right:10px;opacity:1;transition:opacity .25s ease}.react-toggle--checked .react-toggle-track-x{opacity:0}.react-toggle-thumb{position:absolute;top:1px;left:1px;width:22px;height:22px;border:1px solid #282c37;border-radius:50%;background-color:#fafafa;box-sizing:border-box;transition:all .25s ease;transition-property:border-color,left}.react-toggle--checked .react-toggle-thumb{left:27px;border-color:#2b5fd9}.column-link{background:#393f4f;color:#fff;display:block;font-size:16px;padding:15px;text-decoration:none}.column-link:hover,.column-link:focus,.column-link:active{background:#404657}.column-link:focus{outline:0}.column-link--transparent{background:transparent;color:#d9e1e8}.column-link--transparent:hover,.column-link--transparent:focus,.column-link--transparent:active{background:transparent;color:#fff}.column-link--transparent.active{color:#2b5fd9}.column-link__icon{display:inline-block;margin-right:5px}.column-link__badge{display:inline-block;border-radius:4px;font-size:12px;line-height:19px;font-weight:500;background:#282c37;padding:4px 8px;margin:-6px 10px}.column-subheading{background:#282c37;color:#c2cede;padding:8px 20px;font-size:13px;font-weight:500;cursor:default}.getting-started__wrapper,.getting-started,.flex-spacer{background:#282c37}.flex-spacer{flex:1 1 auto}.getting-started{color:#c2cede;overflow:auto;border-bottom-left-radius:2px;border-bottom-right-radius:2px}.getting-started__wrapper,.getting-started__panel,.getting-started__footer{height:min-content}.getting-started__panel,.getting-started__footer{padding:10px;padding-top:20px;flex-grow:0}.getting-started__panel ul,.getting-started__footer ul{margin-bottom:10px}.getting-started__panel ul li,.getting-started__footer ul li{display:inline}.getting-started__panel p,.getting-started__footer p{font-size:13px}.getting-started__panel p a,.getting-started__footer p a{color:#c2cede;text-decoration:underline}.getting-started__panel a,.getting-started__footer a{text-decoration:none;color:#dde3ec}.getting-started__panel a:hover,.getting-started__panel a:focus,.getting-started__panel a:active,.getting-started__footer a:hover,.getting-started__footer a:focus,.getting-started__footer a:active{text-decoration:underline}.getting-started__wrapper,.getting-started__footer{color:#c2cede}.getting-started__trends{flex:0 1 auto;opacity:1;animation:fade 150ms linear;margin-top:10px}.getting-started__trends h4{font-size:13px;color:#dde3ec;padding:10px;font-weight:500;border-bottom:1px solid #393f4f}@media screen and (max-height: 810px){.getting-started__trends .trends__item:nth-child(3){display:none}}@media screen and (max-height: 720px){.getting-started__trends .trends__item:nth-child(2){display:none}}@media screen and (max-height: 670px){.getting-started__trends{display:none}}.getting-started__trends .trends__item{border-bottom:0;padding:10px}.getting-started__trends .trends__item__current{color:#dde3ec}.keyboard-shortcuts{padding:8px 0 0;overflow:hidden}.keyboard-shortcuts thead{position:absolute;left:-9999px}.keyboard-shortcuts td{padding:0 10px 8px}.keyboard-shortcuts kbd{display:inline-block;padding:3px 5px;background-color:#393f4f;border:1px solid #1f232b}.setting-text{display:block;box-sizing:border-box;width:100%;margin:0;color:#000;background:#fff;padding:10px;font-family:inherit;font-size:14px;resize:vertical;border:0;outline:0;border-radius:4px}.setting-text:focus{outline:0}@media screen and (max-width: 600px){.setting-text{font-size:16px}}.no-reduce-motion button.icon-button i.fa-retweet{background-position:0 0;height:19px;transition:background-position .9s steps(10);transition-duration:0s;vertical-align:middle;width:22px}.no-reduce-motion button.icon-button i.fa-retweet::before{display:none !important}.no-reduce-motion button.icon-button.active i.fa-retweet{transition-duration:.9s;background-position:0 100%}.reduce-motion button.icon-button i.fa-retweet{color:#8d9ac2;transition:color 100ms ease-in}.reduce-motion button.icon-button.active i.fa-retweet{color:#2b90d9}.status-card{display:flex;font-size:14px;border:1px solid #393f4f;border-radius:4px;color:#c2cede;margin-top:14px;text-decoration:none;overflow:hidden}.status-card__actions{bottom:0;left:0;position:absolute;right:0;top:0;display:flex;justify-content:center;align-items:center}.status-card__actions>div{background:rgba(0,0,0,.6);border-radius:8px;padding:12px 9px;flex:0 0 auto;display:flex;justify-content:center;align-items:center}.status-card__actions button,.status-card__actions a{display:inline;color:#ecf0f4;background:transparent;border:0;padding:0 8px;text-decoration:none;font-size:18px;line-height:18px}.status-card__actions button:hover,.status-card__actions button:active,.status-card__actions button:focus,.status-card__actions a:hover,.status-card__actions a:active,.status-card__actions a:focus{color:#fff}.status-card__actions a{font-size:19px;position:relative;bottom:-1px}a.status-card{cursor:pointer}a.status-card:hover{background:#393f4f}.status-card-photo{cursor:zoom-in;display:block;text-decoration:none;width:100%;height:auto;margin:0}.status-card-video iframe{width:100%;height:100%}.status-card__title{display:block;font-weight:500;margin-bottom:5px;color:#dde3ec;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-decoration:none}.status-card__content{flex:1 1 auto;overflow:hidden;padding:14px 14px 14px 8px}.status-card__description{color:#dde3ec}.status-card__host{display:block;margin-top:5px;font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.status-card__image{flex:0 0 100px;background:#393f4f;position:relative}.status-card__image>.fa{font-size:21px;position:absolute;transform-origin:50% 50%;top:50%;left:50%;transform:translate(-50%, -50%)}.status-card.horizontal{display:block}.status-card.horizontal .status-card__image{width:100%}.status-card.horizontal .status-card__image-image{border-radius:4px 4px 0 0}.status-card.horizontal .status-card__title{white-space:inherit}.status-card.compact{border-color:#313543}.status-card.compact.interactive{border:0}.status-card.compact .status-card__content{padding:8px;padding-top:10px}.status-card.compact .status-card__title{white-space:nowrap}.status-card.compact .status-card__image{flex:0 0 60px}a.status-card.compact:hover{background-color:#313543}.status-card__image-image{border-radius:4px 0 0 4px;display:block;margin:0;width:100%;height:100%;object-fit:cover;background-size:cover;background-position:center center}.load-more{display:block;color:#c2cede;background-color:transparent;border:0;font-size:inherit;text-align:center;line-height:inherit;margin:0;padding:15px;box-sizing:border-box;width:100%;clear:both;text-decoration:none}.load-more:hover{background:#2c313d}.load-gap{border-bottom:1px solid #393f4f}.regeneration-indicator{text-align:center;font-size:16px;font-weight:500;color:#c2cede;background:#282c37;cursor:default;display:flex;flex:1 1 auto;flex-direction:column;align-items:center;justify-content:center;padding:20px}.regeneration-indicator__figure,.regeneration-indicator__figure img{display:block;width:auto;height:160px;margin:0}.regeneration-indicator--without-header{padding-top:68px}.regeneration-indicator__label{margin-top:30px}.regeneration-indicator__label strong{display:block;margin-bottom:10px;color:#c2cede}.regeneration-indicator__label span{font-size:15px;font-weight:400}.column-header__wrapper{position:relative;flex:0 0 auto}.column-header__wrapper.active::before{display:block;content:\"\";position:absolute;top:35px;left:0;right:0;margin:0 auto;width:60%;pointer-events:none;height:28px;z-index:1;background:radial-gradient(ellipse, rgba(43, 95, 217, 0.23) 0%, rgba(43, 95, 217, 0) 60%)}.column-header{display:flex;font-size:16px;background:#313543;flex:0 0 auto;cursor:pointer;position:relative;z-index:2;outline:0;overflow:hidden;border-top-left-radius:2px;border-top-right-radius:2px}.column-header>button{margin:0;border:0;padding:15px 0 15px 15px;color:inherit;background:transparent;font:inherit;text-align:left;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;flex:1}.column-header>.column-header__back-button{color:#2b90d9}.column-header.active{box-shadow:0 1px 0 rgba(43,144,217,.3)}.column-header.active .column-header__icon{color:#2b90d9;text-shadow:0 0 10px rgba(43,144,217,.4)}.column-header:focus,.column-header:active{outline:0}.column-header__buttons{height:48px;display:flex}.column-header__links{margin-bottom:14px}.column-header__links .text-btn{margin-right:10px}.column-header__button{background:#313543;border:0;color:#dde3ec;cursor:pointer;font-size:16px;padding:0 15px}.column-header__button:hover{color:#f4f6f9}.column-header__button.active{color:#fff;background:#393f4f}.column-header__button.active:hover{color:#fff;background:#393f4f}.column-header__collapsible{max-height:70vh;overflow:hidden;overflow-y:auto;color:#dde3ec;transition:max-height 150ms ease-in-out,opacity 300ms linear;opacity:1}.column-header__collapsible.collapsed{max-height:0;opacity:.5}.column-header__collapsible.animating{overflow-y:hidden}.column-header__collapsible hr{height:0;background:transparent;border:0;border-top:1px solid #42485a;margin:10px 0}.column-header__collapsible-inner{background:#393f4f;padding:15px}.column-header__setting-btn:hover{color:#dde3ec;text-decoration:underline}.column-header__setting-arrows{float:right}.column-header__setting-arrows .column-header__setting-btn{padding:0 10px}.column-header__setting-arrows .column-header__setting-btn:last-child{padding-right:0}.text-btn{display:inline-block;padding:0;font-family:inherit;font-size:inherit;color:inherit;border:0;background:transparent;cursor:pointer}.column-header__icon{display:inline-block;margin-right:5px}.loading-indicator{color:#c2cede;font-size:13px;font-weight:400;overflow:visible;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%)}.loading-indicator span{display:block;float:left;margin-left:50%;transform:translateX(-50%);margin:82px 0 0 50%;white-space:nowrap}.loading-indicator__figure{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:42px;height:42px;box-sizing:border-box;background-color:transparent;border:0 solid #606984;border-width:6px;border-radius:50%}.no-reduce-motion .loading-indicator span{animation:loader-label 1.15s infinite cubic-bezier(0.215, 0.61, 0.355, 1)}.no-reduce-motion .loading-indicator__figure{animation:loader-figure 1.15s infinite cubic-bezier(0.215, 0.61, 0.355, 1)}@keyframes spring-rotate-in{0%{transform:rotate(0deg)}30%{transform:rotate(-484.8deg)}60%{transform:rotate(-316.7deg)}90%{transform:rotate(-375deg)}100%{transform:rotate(-360deg)}}@keyframes spring-rotate-out{0%{transform:rotate(-360deg)}30%{transform:rotate(124.8deg)}60%{transform:rotate(-43.27deg)}90%{transform:rotate(15deg)}100%{transform:rotate(0deg)}}@keyframes loader-figure{0%{width:0;height:0;background-color:#606984}29%{background-color:#606984}30%{width:42px;height:42px;background-color:transparent;border-width:21px;opacity:1}100%{width:42px;height:42px;border-width:0;opacity:0;background-color:transparent}}@keyframes loader-label{0%{opacity:.25}30%{opacity:1}100%{opacity:.25}}.video-error-cover{align-items:center;background:#000;color:#fff;cursor:pointer;display:flex;flex-direction:column;height:100%;justify-content:center;margin-top:8px;position:relative;text-align:center;z-index:100}.media-spoiler{background:#000;color:#dde3ec;border:0;padding:0;width:100%;height:100%;border-radius:4px;appearance:none}.media-spoiler:hover,.media-spoiler:active,.media-spoiler:focus{padding:0;color:#f7f9fb}.media-spoiler__warning{display:block;font-size:14px}.media-spoiler__trigger{display:block;font-size:11px;font-weight:700}.spoiler-button{top:0;left:0;width:100%;height:100%;position:absolute;z-index:100}.spoiler-button--minified{display:block;left:4px;top:4px;width:auto;height:auto}.spoiler-button--click-thru{pointer-events:none}.spoiler-button--hidden{display:none}.spoiler-button__overlay{display:block;background:transparent;width:100%;height:100%;border:0}.spoiler-button__overlay__label{display:inline-block;background:rgba(0,0,0,.5);border-radius:8px;padding:8px 12px;color:#fff;font-weight:500;font-size:14px}.spoiler-button__overlay:hover .spoiler-button__overlay__label,.spoiler-button__overlay:focus .spoiler-button__overlay__label,.spoiler-button__overlay:active .spoiler-button__overlay__label{background:rgba(0,0,0,.8)}.spoiler-button__overlay:disabled .spoiler-button__overlay__label{background:rgba(0,0,0,.5)}.modal-container--preloader{background:#393f4f}.account--panel{background:#313543;border-top:1px solid #393f4f;border-bottom:1px solid #393f4f;display:flex;flex-direction:row;padding:10px 0}.account--panel__button,.detailed-status__button{flex:1 1 auto;text-align:center}.column-settings__outer{background:#393f4f;padding:15px}.column-settings__section{color:#dde3ec;cursor:default;display:block;font-weight:500;margin-bottom:10px}.column-settings__hashtags .column-settings__row{margin-bottom:15px}.column-settings__hashtags .column-select__control{outline:0;box-sizing:border-box;width:100%;border:0;box-shadow:none;font-family:inherit;background:#282c37;color:#dde3ec;font-size:14px;margin:0}.column-settings__hashtags .column-select__control::placeholder{color:#eaeef3}.column-settings__hashtags .column-select__control::-moz-focus-inner{border:0}.column-settings__hashtags .column-select__control::-moz-focus-inner,.column-settings__hashtags .column-select__control:focus,.column-settings__hashtags .column-select__control:active{outline:0 !important}.column-settings__hashtags .column-select__control:focus{background:#313543}@media screen and (max-width: 600px){.column-settings__hashtags .column-select__control{font-size:16px}}.column-settings__hashtags .column-select__placeholder{color:#c2cede;padding-left:2px;font-size:12px}.column-settings__hashtags .column-select__value-container{padding-left:6px}.column-settings__hashtags .column-select__multi-value{background:#393f4f}.column-settings__hashtags .column-select__multi-value__remove{cursor:pointer}.column-settings__hashtags .column-select__multi-value__remove:hover,.column-settings__hashtags .column-select__multi-value__remove:active,.column-settings__hashtags .column-select__multi-value__remove:focus{background:#42485a;color:#eaeef3}.column-settings__hashtags .column-select__multi-value__label,.column-settings__hashtags .column-select__input{color:#dde3ec}.column-settings__hashtags .column-select__clear-indicator,.column-settings__hashtags .column-select__dropdown-indicator{cursor:pointer;transition:none;color:#c2cede}.column-settings__hashtags .column-select__clear-indicator:hover,.column-settings__hashtags .column-select__clear-indicator:active,.column-settings__hashtags .column-select__clear-indicator:focus,.column-settings__hashtags .column-select__dropdown-indicator:hover,.column-settings__hashtags .column-select__dropdown-indicator:active,.column-settings__hashtags .column-select__dropdown-indicator:focus{color:#d0d9e5}.column-settings__hashtags .column-select__indicator-separator{background-color:#393f4f}.column-settings__hashtags .column-select__menu{background:#fff;border-radius:4px;padding:10px 14px;padding-bottom:14px;margin-top:10px;color:#364861;box-shadow:2px 4px 15px rgba(0,0,0,.4);padding:0;background:#d9e1e8}.column-settings__hashtags .column-select__menu h4{color:#364861;font-size:14px;font-weight:500;margin-bottom:10px}.column-settings__hashtags .column-select__menu li{padding:4px 0}.column-settings__hashtags .column-select__menu ul{margin-bottom:10px}.column-settings__hashtags .column-select__menu em{font-weight:500;color:#000}.column-settings__hashtags .column-select__menu-list{padding:6px}.column-settings__hashtags .column-select__option{color:#000;border-radius:4px;font-size:14px}.column-settings__hashtags .column-select__option--is-focused,.column-settings__hashtags .column-select__option--is-selected{background:#b9c8d5}.column-settings__row .text-btn{margin-bottom:15px}.relationship-tag{color:#fff;margin-bottom:4px;display:block;vertical-align:top;background-color:#000;font-size:12px;font-weight:500;padding:4px;border-radius:4px;opacity:.7}.relationship-tag:hover{opacity:1}.setting-toggle{display:block;line-height:24px}.setting-toggle__label{color:#dde3ec;display:inline-block;margin-bottom:14px;margin-left:8px;vertical-align:middle}.empty-column-indicator,.error-column{color:#c2cede;background:#282c37;text-align:center;padding:20px;font-size:15px;font-weight:400;cursor:default;display:flex;flex:1 1 auto;align-items:center;justify-content:center}@supports(display: grid){.empty-column-indicator,.error-column{contain:strict}}.empty-column-indicator>span,.error-column>span{max-width:400px}.empty-column-indicator a,.error-column a{color:#2b90d9;text-decoration:none}.empty-column-indicator a:hover,.error-column a:hover{text-decoration:underline}.error-column{flex-direction:column}@keyframes heartbeat{from{transform:scale(1);animation-timing-function:ease-out}10%{transform:scale(0.91);animation-timing-function:ease-in}17%{transform:scale(0.98);animation-timing-function:ease-out}33%{transform:scale(0.87);animation-timing-function:ease-in}45%{transform:scale(1);animation-timing-function:ease-out}}.no-reduce-motion .pulse-loading{transform-origin:center center;animation:heartbeat 1.5s ease-in-out infinite both}@keyframes shake-bottom{0%,100%{transform:rotate(0deg);transform-origin:50% 100%}10%{transform:rotate(2deg)}20%,40%,60%{transform:rotate(-4deg)}30%,50%,70%{transform:rotate(4deg)}80%{transform:rotate(-2deg)}90%{transform:rotate(2deg)}}.no-reduce-motion .shake-bottom{transform-origin:50% 100%;animation:shake-bottom .8s cubic-bezier(0.455, 0.03, 0.515, 0.955) 2s 2 both}.emoji-picker-dropdown__menu{background:#fff;position:absolute;box-shadow:4px 4px 6px rgba(0,0,0,.4);border-radius:4px;margin-top:5px;z-index:2}.emoji-picker-dropdown__menu .emoji-mart-scroll{transition:opacity 200ms ease}.emoji-picker-dropdown__menu.selecting .emoji-mart-scroll{opacity:.5}.emoji-picker-dropdown__modifiers{position:absolute;top:60px;right:11px;cursor:pointer}.emoji-picker-dropdown__modifiers__menu{position:absolute;z-index:4;top:-4px;left:-8px;background:#fff;border-radius:4px;box-shadow:1px 2px 6px rgba(0,0,0,.2);overflow:hidden}.emoji-picker-dropdown__modifiers__menu button{display:block;cursor:pointer;border:0;padding:4px 8px;background:transparent}.emoji-picker-dropdown__modifiers__menu button:hover,.emoji-picker-dropdown__modifiers__menu button:focus,.emoji-picker-dropdown__modifiers__menu button:active{background:rgba(217,225,232,.4)}.emoji-picker-dropdown__modifiers__menu .emoji-mart-emoji{height:22px}.emoji-mart-emoji span{background-repeat:no-repeat}.upload-area{align-items:center;background:rgba(0,0,0,.8);display:flex;height:100%;justify-content:center;left:0;opacity:0;position:absolute;top:0;visibility:hidden;width:100%;z-index:2000}.upload-area *{pointer-events:none}.upload-area__drop{width:320px;height:160px;display:flex;box-sizing:border-box;position:relative;padding:8px}.upload-area__background{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;border-radius:4px;background:#282c37;box-shadow:0 0 5px rgba(0,0,0,.2)}.upload-area__content{flex:1;display:flex;align-items:center;justify-content:center;color:#ecf0f4;font-size:18px;font-weight:500;border:2px dashed #606984;border-radius:4px}.upload-progress{padding:10px;color:#1b1e25;overflow:hidden;display:flex}.upload-progress .fa{font-size:34px;margin-right:10px}.upload-progress span{font-size:13px;font-weight:500;display:block}.upload-progess__message{flex:1 1 auto}.upload-progress__backdrop{width:100%;height:6px;border-radius:6px;background:#606984;position:relative;margin-top:5px}.upload-progress__tracker{position:absolute;left:0;top:0;height:6px;background:#2b5fd9;border-radius:6px}.emoji-button{display:block;font-size:24px;line-height:24px;margin-left:2px;width:24px;outline:0;cursor:pointer}.emoji-button:active,.emoji-button:focus{outline:0 !important}.emoji-button img{filter:grayscale(100%);opacity:.8;display:block;margin:0;width:22px;height:22px;margin-top:2px}.emoji-button:hover img,.emoji-button:active img,.emoji-button:focus img{opacity:1;filter:none}.dropdown--active .emoji-button img{opacity:1;filter:none}.privacy-dropdown__dropdown{position:absolute;background:#fff;box-shadow:2px 4px 15px rgba(0,0,0,.4);border-radius:4px;margin-left:40px;overflow:hidden}.privacy-dropdown__dropdown.top{transform-origin:50% 100%}.privacy-dropdown__dropdown.bottom{transform-origin:50% 0}.privacy-dropdown__option{color:#000;padding:10px;cursor:pointer;display:flex}.privacy-dropdown__option:hover,.privacy-dropdown__option.active{background:#2b5fd9;color:#fff;outline:0}.privacy-dropdown__option:hover .privacy-dropdown__option__content,.privacy-dropdown__option.active .privacy-dropdown__option__content{color:#fff}.privacy-dropdown__option:hover .privacy-dropdown__option__content strong,.privacy-dropdown__option.active .privacy-dropdown__option__content strong{color:#fff}.privacy-dropdown__option.active:hover{background:#3c6cdc}.privacy-dropdown__option__icon{display:flex;align-items:center;justify-content:center;margin-right:10px}.privacy-dropdown__option__content{flex:1 1 auto;color:#1b1e25}.privacy-dropdown__option__content strong{font-weight:500;display:block;color:#000}.privacy-dropdown__option__content strong:lang(ja){font-weight:700}.privacy-dropdown__option__content strong:lang(ko){font-weight:700}.privacy-dropdown__option__content strong:lang(zh-CN){font-weight:700}.privacy-dropdown__option__content strong:lang(zh-HK){font-weight:700}.privacy-dropdown__option__content strong:lang(zh-TW){font-weight:700}.privacy-dropdown.active .privacy-dropdown__value{background:#fff;border-radius:4px 4px 0 0;box-shadow:0 -4px 4px rgba(0,0,0,.1)}.privacy-dropdown.active .privacy-dropdown__value .icon-button{transition:none}.privacy-dropdown.active .privacy-dropdown__value.active{background:#2b5fd9}.privacy-dropdown.active .privacy-dropdown__value.active .icon-button{color:#fff}.privacy-dropdown.active.top .privacy-dropdown__value{border-radius:0 0 4px 4px}.privacy-dropdown.active .privacy-dropdown__dropdown{display:block;box-shadow:2px 4px 6px rgba(0,0,0,.1)}.search{position:relative}.search__input{outline:0;box-sizing:border-box;width:100%;border:0;box-shadow:none;font-family:inherit;background:#282c37;color:#dde3ec;font-size:14px;margin:0;display:block;padding:15px;padding-right:30px;line-height:18px;font-size:16px}.search__input::placeholder{color:#eaeef3}.search__input::-moz-focus-inner{border:0}.search__input::-moz-focus-inner,.search__input:focus,.search__input:active{outline:0 !important}.search__input:focus{background:#313543}@media screen and (max-width: 600px){.search__input{font-size:16px}}.search__icon::-moz-focus-inner{border:0}.search__icon::-moz-focus-inner,.search__icon:focus{outline:0 !important}.search__icon .fa{position:absolute;top:16px;right:10px;z-index:2;display:inline-block;opacity:0;transition:all 100ms linear;transition-property:transform,opacity;font-size:18px;width:18px;height:18px;color:#ecf0f4;cursor:default;pointer-events:none}.search__icon .fa.active{pointer-events:auto;opacity:.3}.search__icon .fa-search{transform:rotate(90deg)}.search__icon .fa-search.active{pointer-events:none;transform:rotate(0deg)}.search__icon .fa-times-circle{top:17px;transform:rotate(0deg);color:#8d9ac2;cursor:pointer}.search__icon .fa-times-circle.active{transform:rotate(90deg)}.search__icon .fa-times-circle:hover{color:#a4afce}.search-results__header{color:#c2cede;background:#2c313d;padding:15px;font-weight:500;font-size:16px;cursor:default}.search-results__header .fa{display:inline-block;margin-right:5px}.search-results__section{margin-bottom:5px}.search-results__section h5{background:#1f232b;border-bottom:1px solid #393f4f;cursor:default;display:flex;padding:15px;font-weight:500;font-size:16px;color:#c2cede}.search-results__section h5 .fa{display:inline-block;margin-right:5px}.search-results__section .account:last-child,.search-results__section>div:last-child .status{border-bottom:0}.search-results__hashtag{display:block;padding:10px;color:#ecf0f4;text-decoration:none}.search-results__hashtag:hover,.search-results__hashtag:active,.search-results__hashtag:focus{color:#f9fafb;text-decoration:underline}.search-results__info{padding:20px;color:#dde3ec;text-align:center}.modal-root{position:relative;transition:opacity .3s linear;will-change:opacity;z-index:9999}.modal-root__overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.7)}.modal-root__container{position:fixed;top:0;left:0;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;align-content:space-around;z-index:9999;pointer-events:none;user-select:none}.modal-root__modal{pointer-events:auto;display:flex;z-index:9999}.video-modal__container{max-width:100vw;max-height:100vh}.audio-modal__container{width:50vw}.media-modal{width:100%;height:100%;position:relative}.media-modal .extended-video-player{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.media-modal .extended-video-player video{max-width:100%;max-height:80%}.media-modal__closer{position:absolute;top:0;left:0;right:0;bottom:0}.media-modal__navigation{position:absolute;top:0;left:0;right:0;bottom:0;pointer-events:none;transition:opacity .3s linear;will-change:opacity}.media-modal__navigation *{pointer-events:auto}.media-modal__navigation.media-modal__navigation--hidden{opacity:0}.media-modal__navigation.media-modal__navigation--hidden *{pointer-events:none}.media-modal__nav{background:rgba(0,0,0,.5);box-sizing:border-box;border:0;color:#fff;cursor:pointer;display:flex;align-items:center;font-size:24px;height:20vmax;margin:auto 0;padding:30px 15px;position:absolute;top:0;bottom:0}.media-modal__nav--left{left:0}.media-modal__nav--right{right:0}.media-modal__pagination{width:100%;text-align:center;position:absolute;left:0;bottom:20px;pointer-events:none}.media-modal__meta{text-align:center;position:absolute;left:0;bottom:20px;width:100%;pointer-events:none}.media-modal__meta--shifted{bottom:62px}.media-modal__meta a{pointer-events:auto;text-decoration:none;font-weight:500;color:#d9e1e8}.media-modal__meta a:hover,.media-modal__meta a:focus,.media-modal__meta a:active{text-decoration:underline}.media-modal__page-dot{display:inline-block}.media-modal__button{background-color:#fff;height:12px;width:12px;border-radius:6px;margin:10px;padding:0;border:0;font-size:0}.media-modal__button--active{background-color:#2b90d9}.media-modal__close{position:absolute;right:8px;top:8px;z-index:100}.onboarding-modal,.error-modal,.embed-modal{background:#d9e1e8;color:#000;border-radius:8px;overflow:hidden;display:flex;flex-direction:column}.error-modal__body{height:80vh;width:80vw;max-width:520px;max-height:420px;position:relative}.error-modal__body>div{position:absolute;top:0;left:0;width:100%;height:100%;box-sizing:border-box;padding:25px;display:none;flex-direction:column;align-items:center;justify-content:center;display:flex;opacity:0;user-select:text}.error-modal__body{display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center}.onboarding-modal__paginator,.error-modal__footer{flex:0 0 auto;background:#c0cdd9;display:flex;padding:25px}.onboarding-modal__paginator>div,.error-modal__footer>div{min-width:33px}.onboarding-modal__paginator .onboarding-modal__nav,.onboarding-modal__paginator .error-modal__nav,.error-modal__footer .onboarding-modal__nav,.error-modal__footer .error-modal__nav{color:#1b1e25;border:0;font-size:14px;font-weight:500;padding:10px 25px;line-height:inherit;height:auto;margin:-10px;border-radius:4px;background-color:transparent}.onboarding-modal__paginator .onboarding-modal__nav:hover,.onboarding-modal__paginator .onboarding-modal__nav:focus,.onboarding-modal__paginator .onboarding-modal__nav:active,.onboarding-modal__paginator .error-modal__nav:hover,.onboarding-modal__paginator .error-modal__nav:focus,.onboarding-modal__paginator .error-modal__nav:active,.error-modal__footer .onboarding-modal__nav:hover,.error-modal__footer .onboarding-modal__nav:focus,.error-modal__footer .onboarding-modal__nav:active,.error-modal__footer .error-modal__nav:hover,.error-modal__footer .error-modal__nav:focus,.error-modal__footer .error-modal__nav:active{color:#131419;background-color:#a6b9c9}.onboarding-modal__paginator .onboarding-modal__nav.onboarding-modal__done,.onboarding-modal__paginator .onboarding-modal__nav.onboarding-modal__next,.onboarding-modal__paginator .error-modal__nav.onboarding-modal__done,.onboarding-modal__paginator .error-modal__nav.onboarding-modal__next,.error-modal__footer .onboarding-modal__nav.onboarding-modal__done,.error-modal__footer .onboarding-modal__nav.onboarding-modal__next,.error-modal__footer .error-modal__nav.onboarding-modal__done,.error-modal__footer .error-modal__nav.onboarding-modal__next{color:#000}.onboarding-modal__paginator .onboarding-modal__nav.onboarding-modal__done:hover,.onboarding-modal__paginator .onboarding-modal__nav.onboarding-modal__done:focus,.onboarding-modal__paginator .onboarding-modal__nav.onboarding-modal__done:active,.onboarding-modal__paginator .onboarding-modal__nav.onboarding-modal__next:hover,.onboarding-modal__paginator .onboarding-modal__nav.onboarding-modal__next:focus,.onboarding-modal__paginator .onboarding-modal__nav.onboarding-modal__next:active,.onboarding-modal__paginator .error-modal__nav.onboarding-modal__done:hover,.onboarding-modal__paginator .error-modal__nav.onboarding-modal__done:focus,.onboarding-modal__paginator .error-modal__nav.onboarding-modal__done:active,.onboarding-modal__paginator .error-modal__nav.onboarding-modal__next:hover,.onboarding-modal__paginator .error-modal__nav.onboarding-modal__next:focus,.onboarding-modal__paginator .error-modal__nav.onboarding-modal__next:active,.error-modal__footer .onboarding-modal__nav.onboarding-modal__done:hover,.error-modal__footer .onboarding-modal__nav.onboarding-modal__done:focus,.error-modal__footer .onboarding-modal__nav.onboarding-modal__done:active,.error-modal__footer .onboarding-modal__nav.onboarding-modal__next:hover,.error-modal__footer .onboarding-modal__nav.onboarding-modal__next:focus,.error-modal__footer .onboarding-modal__nav.onboarding-modal__next:active,.error-modal__footer .error-modal__nav.onboarding-modal__done:hover,.error-modal__footer .error-modal__nav.onboarding-modal__done:focus,.error-modal__footer .error-modal__nav.onboarding-modal__done:active,.error-modal__footer .error-modal__nav.onboarding-modal__next:hover,.error-modal__footer .error-modal__nav.onboarding-modal__next:focus,.error-modal__footer .error-modal__nav.onboarding-modal__next:active{color:#0a0a0a}.error-modal__footer{justify-content:center}.display-case{text-align:center;font-size:15px;margin-bottom:15px}.display-case__label{font-weight:500;color:#000;margin-bottom:5px;font-size:13px}.display-case__case{background:#282c37;color:#ecf0f4;font-weight:500;padding:10px;border-radius:4px}.onboard-sliders{display:inline-block;max-width:30px;max-height:auto;margin-left:10px}.boost-modal,.confirmation-modal,.report-modal,.actions-modal,.mute-modal,.block-modal{background:#f2f5f7;color:#000;border-radius:8px;overflow:hidden;max-width:90vw;width:480px;position:relative;flex-direction:column}.boost-modal .status__display-name,.confirmation-modal .status__display-name,.report-modal .status__display-name,.actions-modal .status__display-name,.mute-modal .status__display-name,.block-modal .status__display-name{display:block;max-width:100%;padding-right:25px}.boost-modal .status__avatar,.confirmation-modal .status__avatar,.report-modal .status__avatar,.actions-modal .status__avatar,.mute-modal .status__avatar,.block-modal .status__avatar{height:28px;left:10px;position:absolute;top:10px;width:48px}.boost-modal .status__content__spoiler-link,.confirmation-modal .status__content__spoiler-link,.report-modal .status__content__spoiler-link,.actions-modal .status__content__spoiler-link,.mute-modal .status__content__spoiler-link,.block-modal .status__content__spoiler-link{color:#fff}.actions-modal .status{background:#fff;border-bottom-color:#d9e1e8;padding-top:10px;padding-bottom:10px}.actions-modal .dropdown-menu__separator{border-bottom-color:#d9e1e8}.boost-modal__container{overflow-x:scroll;padding:10px}.boost-modal__container .status{user-select:text;border-bottom:0}.boost-modal__action-bar,.confirmation-modal__action-bar,.mute-modal__action-bar,.block-modal__action-bar{display:flex;justify-content:space-between;background:#d9e1e8;padding:10px;line-height:36px}.boost-modal__action-bar>div,.confirmation-modal__action-bar>div,.mute-modal__action-bar>div,.block-modal__action-bar>div{flex:1 1 auto;text-align:right;color:#1b1e25;padding-right:10px}.boost-modal__action-bar .button,.confirmation-modal__action-bar .button,.mute-modal__action-bar .button,.block-modal__action-bar .button{flex:0 0 auto}.boost-modal__status-header{font-size:15px}.boost-modal__status-time{float:right;font-size:14px}.mute-modal,.block-modal{line-height:24px}.mute-modal .react-toggle,.block-modal .react-toggle{vertical-align:middle}.report-modal{width:90vw;max-width:700px}.report-modal__container{display:flex;border-top:1px solid #d9e1e8}@media screen and (max-width: 480px){.report-modal__container{flex-wrap:wrap;overflow-y:auto}}.report-modal__statuses,.report-modal__comment{box-sizing:border-box;width:50%}@media screen and (max-width: 480px){.report-modal__statuses,.report-modal__comment{width:100%}}.report-modal__statuses,.focal-point-modal__content{flex:1 1 auto;min-height:20vh;max-height:80vh;overflow-y:auto;overflow-x:hidden}.report-modal__statuses .status__content a,.focal-point-modal__content .status__content a{color:#2b90d9}.report-modal__statuses .status__content,.report-modal__statuses .status__content p,.focal-point-modal__content .status__content,.focal-point-modal__content .status__content p{color:#000}@media screen and (max-width: 480px){.report-modal__statuses,.focal-point-modal__content{max-height:10vh}}@media screen and (max-width: 480px){.focal-point-modal__content{max-height:40vh}}.report-modal__comment{padding:20px;border-right:1px solid #d9e1e8;max-width:320px}.report-modal__comment p{font-size:14px;line-height:20px;margin-bottom:20px}.report-modal__comment .setting-text{display:block;box-sizing:border-box;width:100%;margin:0;color:#000;background:#fff;padding:10px;font-family:inherit;font-size:14px;resize:none;border:0;outline:0;border-radius:4px;border:1px solid #d9e1e8;min-height:100px;max-height:50vh;margin-bottom:10px}.report-modal__comment .setting-text:focus{border:1px solid #c0cdd9}.report-modal__comment .setting-text__wrapper{background:#fff;border:1px solid #d9e1e8;margin-bottom:10px;border-radius:4px}.report-modal__comment .setting-text__wrapper .setting-text{border:0;margin-bottom:0;border-radius:0}.report-modal__comment .setting-text__wrapper .setting-text:focus{border:0}.report-modal__comment .setting-text__wrapper__modifiers{color:#000;font-family:inherit;font-size:14px;background:#fff}.report-modal__comment .setting-text__toolbar{display:flex;justify-content:space-between;margin-bottom:20px}.report-modal__comment .setting-text-label{display:block;color:#000;font-size:14px;font-weight:500;margin-bottom:10px}.report-modal__comment .setting-toggle{margin-top:20px;margin-bottom:24px}.report-modal__comment .setting-toggle__label{color:#000;font-size:14px}@media screen and (max-width: 480px){.report-modal__comment{padding:10px;max-width:100%;order:2}.report-modal__comment .setting-toggle{margin-bottom:4px}}.actions-modal{max-height:80vh;max-width:80vw}.actions-modal .status{overflow-y:auto;max-height:300px}.actions-modal .actions-modal__item-label{font-weight:500}.actions-modal ul{overflow-y:auto;flex-shrink:0;max-height:80vh}.actions-modal ul.with-status{max-height:calc(80vh - 75px)}.actions-modal ul li:empty{margin:0}.actions-modal ul li:not(:empty) a{color:#000;display:flex;padding:12px 16px;font-size:15px;align-items:center;text-decoration:none}.actions-modal ul li:not(:empty) a,.actions-modal ul li:not(:empty) a button{transition:none}.actions-modal ul li:not(:empty) a.active,.actions-modal ul li:not(:empty) a.active button,.actions-modal ul li:not(:empty) a:hover,.actions-modal ul li:not(:empty) a:hover button,.actions-modal ul li:not(:empty) a:active,.actions-modal ul li:not(:empty) a:active button,.actions-modal ul li:not(:empty) a:focus,.actions-modal ul li:not(:empty) a:focus button{background:#2b5fd9;color:#fff}.actions-modal ul li:not(:empty) a button:first-child{margin-right:10px}.confirmation-modal__action-bar .confirmation-modal__secondary-button,.mute-modal__action-bar .confirmation-modal__secondary-button,.block-modal__action-bar .confirmation-modal__secondary-button{flex-shrink:1}.confirmation-modal__secondary-button,.confirmation-modal__cancel-button,.mute-modal__cancel-button,.block-modal__cancel-button{background-color:transparent;color:#1b1e25;font-size:14px;font-weight:500}.confirmation-modal__secondary-button:hover,.confirmation-modal__secondary-button:focus,.confirmation-modal__secondary-button:active,.confirmation-modal__cancel-button:hover,.confirmation-modal__cancel-button:focus,.confirmation-modal__cancel-button:active,.mute-modal__cancel-button:hover,.mute-modal__cancel-button:focus,.mute-modal__cancel-button:active,.block-modal__cancel-button:hover,.block-modal__cancel-button:focus,.block-modal__cancel-button:active{color:#131419;background-color:transparent}.confirmation-modal__container,.mute-modal__container,.block-modal__container,.report-modal__target{padding:30px;font-size:16px}.confirmation-modal__container strong,.mute-modal__container strong,.block-modal__container strong,.report-modal__target strong{font-weight:500}.confirmation-modal__container strong:lang(ja),.mute-modal__container strong:lang(ja),.block-modal__container strong:lang(ja),.report-modal__target strong:lang(ja){font-weight:700}.confirmation-modal__container strong:lang(ko),.mute-modal__container strong:lang(ko),.block-modal__container strong:lang(ko),.report-modal__target strong:lang(ko){font-weight:700}.confirmation-modal__container strong:lang(zh-CN),.mute-modal__container strong:lang(zh-CN),.block-modal__container strong:lang(zh-CN),.report-modal__target strong:lang(zh-CN){font-weight:700}.confirmation-modal__container strong:lang(zh-HK),.mute-modal__container strong:lang(zh-HK),.block-modal__container strong:lang(zh-HK),.report-modal__target strong:lang(zh-HK){font-weight:700}.confirmation-modal__container strong:lang(zh-TW),.mute-modal__container strong:lang(zh-TW),.block-modal__container strong:lang(zh-TW),.report-modal__target strong:lang(zh-TW){font-weight:700}.confirmation-modal__container,.report-modal__target{text-align:center}.block-modal__explanation,.mute-modal__explanation{margin-top:20px}.block-modal .setting-toggle,.mute-modal .setting-toggle{margin-top:20px;margin-bottom:24px;display:flex;align-items:center}.block-modal .setting-toggle__label,.mute-modal .setting-toggle__label{color:#000;margin:0;margin-left:8px}.report-modal__target{padding:15px}.report-modal__target .media-modal__close{top:14px;right:15px}.loading-bar{background-color:#2b90d9;height:3px;position:absolute;top:0;left:0;z-index:9999}.media-gallery__gifv__label{display:block;position:absolute;color:#fff;background:rgba(0,0,0,.5);bottom:6px;left:6px;padding:2px 6px;border-radius:2px;font-size:11px;font-weight:600;z-index:1;pointer-events:none;opacity:.9;transition:opacity .1s ease;line-height:18px}.media-gallery__gifv.autoplay .media-gallery__gifv__label{display:none}.media-gallery__gifv:hover .media-gallery__gifv__label{opacity:1}.media-gallery__audio{margin-top:32px}.media-gallery__audio audio{width:100%}.attachment-list{display:flex;font-size:14px;border:1px solid #393f4f;border-radius:4px;margin-top:14px;overflow:hidden}.attachment-list__icon{flex:0 0 auto;color:#c2cede;padding:8px 18px;cursor:default;border-right:1px solid #393f4f;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:26px}.attachment-list__icon .fa{display:block}.attachment-list__list{list-style:none;padding:4px 0;padding-left:8px;display:flex;flex-direction:column;justify-content:center}.attachment-list__list li{display:block;padding:4px 0}.attachment-list__list a{text-decoration:none;color:#c2cede;font-weight:500}.attachment-list__list a:hover{text-decoration:underline}.attachment-list.compact{border:0;margin-top:4px}.attachment-list.compact .attachment-list__list{padding:0;display:block}.attachment-list.compact .fa{color:#c2cede}.media-gallery{box-sizing:border-box;margin-top:8px;overflow:hidden;border-radius:4px;position:relative;width:100%}.media-gallery__item{border:0;box-sizing:border-box;display:block;float:left;position:relative;border-radius:4px;overflow:hidden}.media-gallery__item.standalone .media-gallery__item-gifv-thumbnail{transform:none;top:0}.media-gallery__item-thumbnail{cursor:zoom-in;display:block;text-decoration:none;color:#ecf0f4;position:relative;z-index:1}.media-gallery__item-thumbnail,.media-gallery__item-thumbnail img{height:100%;width:100%}.media-gallery__item-thumbnail img{object-fit:cover}.media-gallery__preview{width:100%;height:100%;object-fit:cover;position:absolute;top:0;left:0;z-index:0;background:#000}.media-gallery__preview--hidden{display:none}.media-gallery__gifv{height:100%;overflow:hidden;position:relative;width:100%}.media-gallery__item-gifv-thumbnail{cursor:zoom-in;height:100%;object-fit:cover;position:relative;top:50%;transform:translateY(-50%);width:100%;z-index:1}.media-gallery__item-thumbnail-label{clip:rect(1px 1px 1px 1px);clip:rect(1px, 1px, 1px, 1px);overflow:hidden;position:absolute}.detailed .video-player__volume__current,.detailed .video-player__volume::before,.fullscreen .video-player__volume__current,.fullscreen .video-player__volume::before{bottom:27px}.detailed .video-player__volume__handle,.fullscreen .video-player__volume__handle{bottom:23px}.audio-player{box-sizing:border-box;position:relative;background:#17191f;border-radius:4px;padding-bottom:44px;direction:ltr}.audio-player.editable{border-radius:0;height:100%}.audio-player__waveform{padding:15px 0;position:relative;overflow:hidden}.audio-player__waveform::before{content:\"\";display:block;position:absolute;border-top:1px solid #313543;width:100%;height:0;left:0;top:calc(50% + 1px)}.audio-player__progress-placeholder{background-color:rgba(78,121,223,.5)}.audio-player__wave-placeholder{background-color:#4a5266}.audio-player .video-player__controls{padding:0 15px;padding-top:10px;background:#17191f;border-top:1px solid #313543;border-radius:0 0 4px 4px}.video-player{overflow:hidden;position:relative;background:#000;max-width:100%;border-radius:4px;box-sizing:border-box;direction:ltr}.video-player.editable{border-radius:0;height:100% !important}.video-player:focus{outline:0}.video-player video{max-width:100vw;max-height:80vh;z-index:1}.video-player.fullscreen{width:100% !important;height:100% !important;margin:0}.video-player.fullscreen video{max-width:100% !important;max-height:100% !important;width:100% !important;height:100% !important;outline:0}.video-player.inline video{object-fit:contain;position:relative;top:50%;transform:translateY(-50%)}.video-player__controls{position:absolute;z-index:2;bottom:0;left:0;right:0;box-sizing:border-box;background:linear-gradient(0deg, rgba(0, 0, 0, 0.85) 0, rgba(0, 0, 0, 0.45) 60%, transparent);padding:0 15px;opacity:0;transition:opacity .1s ease}.video-player__controls.active{opacity:1}.video-player.inactive video,.video-player.inactive .video-player__controls{visibility:hidden}.video-player__spoiler{display:none;position:absolute;top:0;left:0;width:100%;height:100%;z-index:4;border:0;background:#000;color:#dde3ec;transition:none;pointer-events:none}.video-player__spoiler.active{display:block;pointer-events:auto}.video-player__spoiler.active:hover,.video-player__spoiler.active:active,.video-player__spoiler.active:focus{color:#f4f6f9}.video-player__spoiler__title{display:block;font-size:14px}.video-player__spoiler__subtitle{display:block;font-size:11px;font-weight:500}.video-player__buttons-bar{display:flex;justify-content:space-between;padding-bottom:10px}.video-player__buttons-bar .video-player__download__icon{color:inherit}.video-player__buttons{font-size:16px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.video-player__buttons.left button{padding-left:0}.video-player__buttons.right button{padding-right:0}.video-player__buttons button{background:transparent;padding:2px 10px;font-size:16px;border:0;color:rgba(255,255,255,.75)}.video-player__buttons button:active,.video-player__buttons button:hover,.video-player__buttons button:focus{color:#fff}.video-player__time-sep,.video-player__time-total,.video-player__time-current{font-size:14px;font-weight:500}.video-player__time-current{color:#fff;margin-left:60px}.video-player__time-sep{display:inline-block;margin:0 6px}.video-player__time-sep,.video-player__time-total{color:#fff}.video-player__volume{cursor:pointer;height:24px;display:inline}.video-player__volume::before{content:\"\";width:50px;background:rgba(255,255,255,.35);border-radius:4px;display:block;position:absolute;height:4px;left:70px;bottom:20px}.video-player__volume__current{display:block;position:absolute;height:4px;border-radius:4px;left:70px;bottom:20px;background:#4e79df}.video-player__volume__handle{position:absolute;z-index:3;border-radius:50%;width:12px;height:12px;bottom:16px;left:70px;transition:opacity .1s ease;background:#4e79df;box-shadow:1px 2px 6px rgba(0,0,0,.2);pointer-events:none}.video-player__link{padding:2px 10px}.video-player__link a{text-decoration:none;font-size:14px;font-weight:500;color:#fff}.video-player__link a:hover,.video-player__link a:active,.video-player__link a:focus{text-decoration:underline}.video-player__seek{cursor:pointer;height:24px;position:relative}.video-player__seek::before{content:\"\";width:100%;background:rgba(255,255,255,.35);border-radius:4px;display:block;position:absolute;height:4px;top:10px}.video-player__seek__progress,.video-player__seek__buffer{display:block;position:absolute;height:4px;border-radius:4px;top:10px;background:#4e79df}.video-player__seek__buffer{background:rgba(255,255,255,.2)}.video-player__seek__handle{position:absolute;z-index:3;opacity:0;border-radius:50%;width:12px;height:12px;top:6px;margin-left:-6px;transition:opacity .1s ease;background:#4e79df;box-shadow:1px 2px 6px rgba(0,0,0,.2);pointer-events:none}.video-player__seek__handle.active{opacity:1}.video-player__seek:hover .video-player__seek__handle{opacity:1}.video-player.detailed .video-player__buttons button,.video-player.fullscreen .video-player__buttons button{padding-top:10px;padding-bottom:10px}.directory__list{width:100%;margin:10px 0;transition:opacity 100ms ease-in}.directory__list.loading{opacity:.7}@media screen and (max-width: 415px){.directory__list{margin:0}}.directory__card{box-sizing:border-box;margin-bottom:10px}.directory__card__img{height:125px;position:relative;background:#0e1014;overflow:hidden}.directory__card__img img{display:block;width:100%;height:100%;margin:0;object-fit:cover}.directory__card__bar{display:flex;align-items:center;background:#313543;padding:10px}.directory__card__bar__name{flex:1 1 auto;display:flex;align-items:center;text-decoration:none;overflow:hidden}.directory__card__bar__relationship{width:23px;min-height:1px;flex:0 0 auto}.directory__card__bar .avatar{flex:0 0 auto;width:48px;height:48px;padding-top:2px}.directory__card__bar .avatar img{width:100%;height:100%;display:block;margin:0;border-radius:4px;background:#17191f;object-fit:cover}.directory__card__bar .display-name{margin-left:15px;text-align:left}.directory__card__bar .display-name strong{font-size:15px;color:#fff;font-weight:500;overflow:hidden;text-overflow:ellipsis}.directory__card__bar .display-name span{display:block;font-size:14px;color:#dde3ec;font-weight:400;overflow:hidden;text-overflow:ellipsis}.directory__card__extra{background:#282c37;display:flex;align-items:center;justify-content:center}.directory__card__extra .accounts-table__count{width:33.33%;flex:0 0 auto;padding:15px 0}.directory__card__extra .account__header__content{box-sizing:border-box;padding:15px 10px;border-bottom:1px solid #393f4f;width:100%;min-height:48px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.directory__card__extra .account__header__content p{display:none}.directory__card__extra .account__header__content p:first-child{display:inline}.directory__card__extra .account__header__content br{display:none}.account-gallery__container{display:flex;flex-wrap:wrap;padding:4px 2px}.account-gallery__item{border:0;box-sizing:border-box;display:block;position:relative;border-radius:4px;overflow:hidden;margin:2px}.account-gallery__item__icons{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);font-size:24px}.notification__filter-bar,.account__section-headline{background:#1f232b;border-bottom:1px solid #393f4f;cursor:default;display:flex;flex-shrink:0}.notification__filter-bar button,.account__section-headline button{background:#1f232b;border:0;margin:0}.notification__filter-bar button,.notification__filter-bar a,.account__section-headline button,.account__section-headline a{display:block;flex:1 1 auto;color:#dde3ec;padding:15px 0;font-size:14px;font-weight:500;text-align:center;text-decoration:none;position:relative}.notification__filter-bar button.active,.notification__filter-bar a.active,.account__section-headline button.active,.account__section-headline a.active{color:#ecf0f4}.notification__filter-bar button.active::before,.notification__filter-bar button.active::after,.notification__filter-bar a.active::before,.notification__filter-bar a.active::after,.account__section-headline button.active::before,.account__section-headline button.active::after,.account__section-headline a.active::before,.account__section-headline a.active::after{display:block;content:\"\";position:absolute;bottom:0;left:50%;width:0;height:0;transform:translateX(-50%);border-style:solid;border-width:0 10px 10px;border-color:transparent transparent #393f4f}.notification__filter-bar button.active::after,.notification__filter-bar a.active::after,.account__section-headline button.active::after,.account__section-headline a.active::after{bottom:-1px;border-color:transparent transparent #282c37}.notification__filter-bar.directory__section-headline,.account__section-headline.directory__section-headline{background:#242731;border-bottom-color:transparent}.notification__filter-bar.directory__section-headline a.active::before,.notification__filter-bar.directory__section-headline button.active::before,.account__section-headline.directory__section-headline a.active::before,.account__section-headline.directory__section-headline button.active::before{display:none}.notification__filter-bar.directory__section-headline a.active::after,.notification__filter-bar.directory__section-headline button.active::after,.account__section-headline.directory__section-headline a.active::after,.account__section-headline.directory__section-headline button.active::after{border-color:transparent transparent #191b22}.filter-form{background:#282c37}.filter-form__column{padding:10px 15px}.filter-form .radio-button{display:block}.radio-button{font-size:14px;position:relative;display:inline-block;padding:6px 0;line-height:18px;cursor:default;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;cursor:pointer}.radio-button input[type=radio],.radio-button input[type=checkbox]{display:none}.radio-button__input{display:inline-block;position:relative;border:1px solid #9baec8;box-sizing:border-box;width:18px;height:18px;flex:0 0 auto;margin-right:10px;top:-1px;border-radius:50%;vertical-align:middle}.radio-button__input.checked{border-color:#4e79df;background:#4e79df}::-webkit-scrollbar-thumb{border-radius:0}.search-popout{background:#fff;border-radius:4px;padding:10px 14px;padding-bottom:14px;margin-top:10px;color:#364861;box-shadow:2px 4px 15px rgba(0,0,0,.4)}.search-popout h4{color:#364861;font-size:14px;font-weight:500;margin-bottom:10px}.search-popout li{padding:4px 0}.search-popout ul{margin-bottom:10px}.search-popout em{font-weight:500;color:#000}noscript{text-align:center}noscript img{width:200px;opacity:.5;animation:flicker 4s infinite}noscript div{font-size:14px;margin:30px auto;color:#ecf0f4;max-width:400px}noscript div a{color:#2b90d9;text-decoration:underline}noscript div a:hover{text-decoration:none}@keyframes flicker{0%{opacity:1}30%{opacity:.75}100%{opacity:1}}@media screen and (max-width: 630px)and (max-height: 400px){.tabs-bar,.search{will-change:margin-top;transition:margin-top 400ms 100ms}.navigation-bar{will-change:padding-bottom;transition:padding-bottom 400ms 100ms}.navigation-bar>a:first-child{will-change:margin-top,margin-left,margin-right,width;transition:margin-top 400ms 100ms,margin-left 400ms 500ms,margin-right 400ms 500ms}.navigation-bar>.navigation-bar__profile-edit{will-change:margin-top;transition:margin-top 400ms 100ms}.navigation-bar .navigation-bar__actions>.icon-button.close{will-change:opacity transform;transition:opacity 200ms 100ms,transform 400ms 100ms}.navigation-bar .navigation-bar__actions>.compose__action-bar .icon-button{will-change:opacity transform;transition:opacity 200ms 300ms,transform 400ms 100ms}.is-composing .tabs-bar,.is-composing .search{margin-top:-50px}.is-composing .navigation-bar{padding-bottom:0}.is-composing .navigation-bar>a:first-child{margin:-100px 10px 0 -50px}.is-composing .navigation-bar .navigation-bar__profile{padding-top:2px}.is-composing .navigation-bar .navigation-bar__profile-edit{position:absolute;margin-top:-60px}.is-composing .navigation-bar .navigation-bar__actions .icon-button.close{pointer-events:auto;opacity:1;transform:scale(1, 1) translate(0, 0);bottom:5px}.is-composing .navigation-bar .navigation-bar__actions .compose__action-bar .icon-button{pointer-events:none;opacity:0;transform:scale(0, 1) translate(100%, 0)}}.embed-modal{width:auto;max-width:80vw;max-height:80vh}.embed-modal h4{padding:30px;font-weight:500;font-size:16px;text-align:center}.embed-modal .embed-modal__container{padding:10px}.embed-modal .embed-modal__container .hint{margin-bottom:15px}.embed-modal .embed-modal__container .embed-modal__html{outline:0;box-sizing:border-box;display:block;width:100%;border:0;padding:10px;font-family:\"mastodon-font-monospace\",monospace;background:#282c37;color:#fff;font-size:14px;margin:0;margin-bottom:15px;border-radius:4px}.embed-modal .embed-modal__container .embed-modal__html::-moz-focus-inner{border:0}.embed-modal .embed-modal__container .embed-modal__html::-moz-focus-inner,.embed-modal .embed-modal__container .embed-modal__html:focus,.embed-modal .embed-modal__container .embed-modal__html:active{outline:0 !important}.embed-modal .embed-modal__container .embed-modal__html:focus{background:#313543}@media screen and (max-width: 600px){.embed-modal .embed-modal__container .embed-modal__html{font-size:16px}}.embed-modal .embed-modal__container .embed-modal__iframe{width:400px;max-width:100%;overflow:hidden;border:0;border-radius:4px}.account__moved-note{padding:14px 10px;padding-bottom:16px;background:#313543;border-top:1px solid #393f4f;border-bottom:1px solid #393f4f}.account__moved-note__message{position:relative;margin-left:58px;color:#c2cede;padding:8px 0;padding-top:0;padding-bottom:4px;font-size:14px}.account__moved-note__message>span{display:block;overflow:hidden;text-overflow:ellipsis}.account__moved-note__icon-wrapper{left:-26px;position:absolute}.account__moved-note .detailed-status__display-avatar{position:relative}.account__moved-note .detailed-status__display-name{margin-bottom:0}.column-inline-form{padding:15px;padding-right:0;display:flex;justify-content:flex-start;align-items:center;background:#313543}.column-inline-form label{flex:1 1 auto}.column-inline-form label input{width:100%}.column-inline-form label input:focus{outline:0}.column-inline-form .icon-button{flex:0 0 auto;margin:0 10px}.drawer__backdrop{cursor:pointer;position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.5)}.list-editor{background:#282c37;flex-direction:column;border-radius:8px;box-shadow:2px 4px 15px rgba(0,0,0,.4);width:380px;overflow:hidden}@media screen and (max-width: 420px){.list-editor{width:90%}}.list-editor h4{padding:15px 0;background:#444b5d;font-weight:500;font-size:16px;text-align:center;border-radius:8px 8px 0 0}.list-editor .drawer__pager{height:50vh}.list-editor .drawer__inner{border-radius:0 0 8px 8px}.list-editor .drawer__inner.backdrop{width:calc(100% - 60px);box-shadow:2px 4px 15px rgba(0,0,0,.4);border-radius:0 0 0 8px}.list-editor__accounts{overflow-y:auto}.list-editor .account__display-name:hover strong{text-decoration:none}.list-editor .account__avatar{cursor:default}.list-editor .search{margin-bottom:0}.list-adder{background:#282c37;flex-direction:column;border-radius:8px;box-shadow:2px 4px 15px rgba(0,0,0,.4);width:380px;overflow:hidden}@media screen and (max-width: 420px){.list-adder{width:90%}}.list-adder__account{background:#444b5d}.list-adder__lists{background:#444b5d;height:50vh;border-radius:0 0 8px 8px;overflow-y:auto}.list-adder .list{padding:10px;border-bottom:1px solid #393f4f}.list-adder .list__wrapper{display:flex}.list-adder .list__display-name{flex:1 1 auto;overflow:hidden;text-decoration:none;font-size:16px;padding:10px}.focal-point{position:relative;cursor:move;overflow:hidden;height:100%;display:flex;justify-content:center;align-items:center;background:#000}.focal-point img,.focal-point video,.focal-point canvas{display:block;max-height:80vh;width:100%;height:auto;margin:0;object-fit:contain;background:#000}.focal-point__reticle{position:absolute;width:100px;height:100px;transform:translate(-50%, -50%);background:url(\"~images/reticle.png\") no-repeat 0 0;border-radius:50%;box-shadow:0 0 0 9999em rgba(0,0,0,.35)}.focal-point__overlay{position:absolute;width:100%;height:100%;top:0;left:0}.focal-point__preview{position:absolute;bottom:10px;right:10px;z-index:2;cursor:move;transition:opacity .1s ease}.focal-point__preview:hover{opacity:.5}.focal-point__preview strong{color:#fff;font-size:14px;font-weight:500;display:block;margin-bottom:5px}.focal-point__preview div{border-radius:4px;box-shadow:0 0 14px rgba(0,0,0,.2)}@media screen and (max-width: 480px){.focal-point img,.focal-point video{max-height:100%}.focal-point__preview{display:none}}.account__header__content{color:#dde3ec;font-size:14px;font-weight:400;overflow:hidden;word-break:normal;word-wrap:break-word}.account__header__content p{margin-bottom:20px}.account__header__content p:last-child{margin-bottom:0}.account__header__content a{color:inherit;text-decoration:underline}.account__header__content a:hover{text-decoration:none}.account__header{overflow:hidden}.account__header.inactive{opacity:.5}.account__header.inactive .account__header__image,.account__header.inactive .account__avatar{filter:grayscale(100%)}.account__header__info{position:absolute;top:10px;left:10px}.account__header__image{overflow:hidden;height:145px;position:relative;background:#1f232b}.account__header__image img{object-fit:cover;display:block;width:100%;height:100%;margin:0}.account__header__bar{position:relative;background:#313543;padding:5px;border-bottom:1px solid #42485a}.account__header__bar .avatar{display:block;flex:0 0 auto;width:94px;margin-left:-2px}.account__header__bar .avatar .account__avatar{background:#17191f;border:2px solid #313543}.account__header__tabs{display:flex;align-items:flex-start;padding:7px 5px;margin-top:-55px}.account__header__tabs__buttons{display:flex;align-items:center;padding-top:55px;overflow:hidden}.account__header__tabs__buttons .icon-button{border:1px solid #42485a;border-radius:4px;box-sizing:content-box;padding:2px}.account__header__tabs__buttons .button{margin:0 8px}.account__header__tabs__name{padding:5px}.account__header__tabs__name .account-role{vertical-align:top}.account__header__tabs__name .emojione{width:22px;height:22px}.account__header__tabs__name h1{font-size:16px;line-height:24px;color:#fff;font-weight:500;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.account__header__tabs__name h1 small{display:block;font-size:14px;color:#dde3ec;font-weight:400;overflow:hidden;text-overflow:ellipsis}.account__header__tabs .spacer{flex:1 1 auto}.account__header__bio{overflow:hidden;margin:0 -5px}.account__header__bio .account__header__content{padding:20px 15px;padding-bottom:5px;color:#fff}.account__header__bio .account__header__fields{margin:0;border-top:1px solid #42485a}.account__header__bio .account__header__fields a{color:#4e79df}.account__header__bio .account__header__fields dl:first-child .verified{border-radius:0 4px 0 0}.account__header__bio .account__header__fields .verified a{color:#79bd9a}.account__header__extra{margin-top:4px}.account__header__extra__links{font-size:14px;color:#dde3ec;padding:10px 0}.account__header__extra__links a{display:inline-block;color:#dde3ec;text-decoration:none;padding:5px 10px;font-weight:500}.account__header__extra__links a strong{font-weight:700;color:#fff}.trends__header{color:#c2cede;background:#2c313d;border-bottom:1px solid #1f232b;font-weight:500;padding:15px;font-size:16px;cursor:default}.trends__header .fa{display:inline-block;margin-right:5px}.trends__item{display:flex;align-items:center;padding:15px;border-bottom:1px solid #393f4f}.trends__item:last-child{border-bottom:0}.trends__item__name{flex:1 1 auto;color:#c2cede;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.trends__item__name strong{font-weight:500}.trends__item__name a{color:#dde3ec;text-decoration:none;font-size:14px;font-weight:500;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.trends__item__name a:hover span,.trends__item__name a:focus span,.trends__item__name a:active span{text-decoration:underline}.trends__item__current{flex:0 0 auto;font-size:24px;line-height:36px;font-weight:500;text-align:right;padding-right:15px;margin-left:5px;color:#ecf0f4}.trends__item__sparkline{flex:0 0 auto;width:50px}.trends__item__sparkline path:first-child{fill:rgba(43,144,217,.25) !important;fill-opacity:1 !important}.trends__item__sparkline path:last-child{stroke:#459ede !important}.conversation{display:flex;border-bottom:1px solid #393f4f;padding:5px;padding-bottom:0}.conversation:focus{background:#2c313d;outline:0}.conversation__avatar{flex:0 0 auto;padding:10px;padding-top:12px;position:relative}.conversation__unread{display:inline-block;background:#2b90d9;border-radius:50%;width:.625rem;height:.625rem;margin:-0.1ex .15em .1ex}.conversation__content{flex:1 1 auto;padding:10px 5px;padding-right:15px;overflow:hidden}.conversation__content__info{overflow:hidden;display:flex;flex-direction:row-reverse;justify-content:space-between}.conversation__content__relative-time{font-size:15px;color:#dde3ec;padding-left:15px}.conversation__content__names{color:#dde3ec;font-size:15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:4px;flex-basis:90px;flex-grow:1}.conversation__content__names a{color:#fff;text-decoration:none}.conversation__content__names a:hover,.conversation__content__names a:focus,.conversation__content__names a:active{text-decoration:underline}.conversation__content a{word-break:break-word}.conversation--unread{background:#2c313d}.conversation--unread:focus{background:#313543}.conversation--unread .conversation__content__info{font-weight:700}.conversation--unread .conversation__content__relative-time{color:#fff}.poll{margin-top:16px;font-size:14px}.poll li{margin-bottom:10px;position:relative}.poll__chart{position:absolute;top:0;left:0;height:100%;display:inline-block;border-radius:4px;background:#6d89af}.poll__chart.leading{background:#2b5fd9}.poll__text{position:relative;display:flex;padding:6px 0;line-height:18px;cursor:default;overflow:hidden}.poll__text input[type=radio],.poll__text input[type=checkbox]{display:none}.poll__text .autossugest-input{flex:1 1 auto}.poll__text input[type=text]{display:block;box-sizing:border-box;width:100%;font-size:14px;color:#000;outline:0;font-family:inherit;background:#fff;border:1px solid #dbdbdb;border-radius:4px;padding:6px 10px}.poll__text input[type=text]:focus{border-color:#2b90d9}.poll__text.selectable{cursor:pointer}.poll__text.editable{display:flex;align-items:center;overflow:visible}.poll__input{display:inline-block;position:relative;border:1px solid #9baec8;box-sizing:border-box;width:18px;height:18px;flex:0 0 auto;margin-right:10px;top:-1px;border-radius:50%;vertical-align:middle;margin-top:auto;margin-bottom:auto;flex:0 0 18px}.poll__input.checkbox{border-radius:4px}.poll__input.active{border-color:#79bd9a;background:#79bd9a}.poll__input:active,.poll__input:focus,.poll__input:hover{border-width:4px;background:none}.poll__input::-moz-focus-inner{outline:0 !important;border:0}.poll__input:focus,.poll__input:active{outline:0 !important}.poll__number{display:inline-block;width:52px;font-weight:700;padding:0 10px;padding-left:8px;text-align:right;margin-top:auto;margin-bottom:auto;flex:0 0 52px}.poll__vote__mark{float:left;line-height:18px}.poll__footer{padding-top:6px;padding-bottom:5px;color:#c2cede}.poll__link{display:inline;background:transparent;padding:0;margin:0;border:0;color:#c2cede;text-decoration:underline;font-size:inherit}.poll__link:hover{text-decoration:none}.poll__link:active,.poll__link:focus{background-color:rgba(194,206,222,.1)}.poll .button{height:36px;padding:0 16px;margin-right:10px;font-size:14px}.compose-form__poll-wrapper{border-top:1px solid #ebebeb}.compose-form__poll-wrapper ul{padding:10px}.compose-form__poll-wrapper .poll__footer{border-top:1px solid #ebebeb;padding:10px;display:flex;align-items:center}.compose-form__poll-wrapper .poll__footer button,.compose-form__poll-wrapper .poll__footer select{flex:1 1 50%}.compose-form__poll-wrapper .poll__footer button:focus,.compose-form__poll-wrapper .poll__footer select:focus{border-color:#2b90d9}.compose-form__poll-wrapper .button.button-secondary{font-size:14px;font-weight:400;padding:6px 10px;height:auto;line-height:inherit;color:#8d9ac2;border-color:#8d9ac2;margin-right:5px}.compose-form__poll-wrapper li{display:flex;align-items:center}.compose-form__poll-wrapper li .poll__text{flex:0 0 auto;width:calc(100% - (23px + 6px));margin-right:6px}.compose-form__poll-wrapper select{appearance:none;box-sizing:border-box;font-size:14px;color:#000;display:inline-block;width:auto;outline:0;font-family:inherit;background:#fff url(\"data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14.933 18.467' height='19.698' width='15.929'><path d='M3.467 14.967l-3.393-3.5H14.86l-3.392 3.5c-1.866 1.925-3.666 3.5-4 3.5-.335 0-2.135-1.575-4-3.5zm.266-11.234L7.467 0 11.2 3.733l3.733 3.734H0l3.733-3.734z' fill='%23DBDBDB'/></svg>\") no-repeat right 8px center/auto 16px;border:1px solid #dbdbdb;border-radius:4px;padding:6px 10px;padding-right:30px}.compose-form__poll-wrapper .icon-button.disabled{color:#dbdbdb}.muted .poll{color:#c2cede}.muted .poll__chart{background:rgba(109,137,175,.2)}.muted .poll__chart.leading{background:rgba(43,95,217,.2)}.modal-layout{background:#282c37 url('data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 234.80078 31.757813\" width=\"234.80078\" height=\"31.757812\"><path d=\"M19.599609 0c-1.05 0-2.10039.375-2.90039 1.125L0 16.925781v14.832031h234.80078V17.025391l-16.5-15.900391c-1.6-1.5-4.20078-1.5-5.80078 0l-13.80078 13.099609c-1.6 1.5-4.19883 1.5-5.79883 0L179.09961 1.125c-1.6-1.5-4.19883-1.5-5.79883 0L159.5 14.224609c-1.6 1.5-4.20078 1.5-5.80078 0L139.90039 1.125c-1.6-1.5-4.20078-1.5-5.80078 0l-13.79883 13.099609c-1.6 1.5-4.20078 1.5-5.80078 0L100.69922 1.125c-1.600001-1.5-4.198829-1.5-5.798829 0l-13.59961 13.099609c-1.6 1.5-4.200781 1.5-5.800781 0L61.699219 1.125c-1.6-1.5-4.198828-1.5-5.798828 0L42.099609 14.224609c-1.6 1.5-4.198828 1.5-5.798828 0L22.5 1.125C21.7.375 20.649609 0 19.599609 0z\" fill=\"%23606984\"/></svg>') repeat-x bottom fixed;display:flex;flex-direction:column;height:100vh;padding:0}.modal-layout__mastodon{display:flex;flex:1;flex-direction:column;justify-content:flex-end}.modal-layout__mastodon>*{flex:1;max-height:235px}@media screen and (max-width: 600px){.account-header{margin-top:0}}.emoji-mart{font-size:13px;display:inline-block;color:#000}.emoji-mart,.emoji-mart *{box-sizing:border-box;line-height:1.15}.emoji-mart .emoji-mart-emoji{padding:6px}.emoji-mart-bar{border:0 solid #c0cdd9}.emoji-mart-bar:first-child{border-bottom-width:1px;border-top-left-radius:5px;border-top-right-radius:5px;background:#d9e1e8}.emoji-mart-bar:last-child{border-top-width:1px;border-bottom-left-radius:5px;border-bottom-right-radius:5px;display:none}.emoji-mart-anchors{display:flex;justify-content:space-between;padding:0 6px;color:#1b1e25;line-height:0}.emoji-mart-anchor{position:relative;flex:1;text-align:center;padding:12px 4px;overflow:hidden;transition:color .1s ease-out;cursor:pointer}.emoji-mart-anchor:hover{color:#131419}.emoji-mart-anchor-selected{color:#2b90d9}.emoji-mart-anchor-selected:hover{color:#2485cb}.emoji-mart-anchor-selected .emoji-mart-anchor-bar{bottom:-1px}.emoji-mart-anchor-bar{position:absolute;bottom:-5px;left:0;width:100%;height:4px;background-color:#2b90d9}.emoji-mart-anchors i{display:inline-block;width:100%;max-width:22px}.emoji-mart-anchors svg{fill:currentColor;max-height:18px}.emoji-mart-scroll{overflow-y:scroll;height:270px;max-height:35vh;padding:0 6px 6px;background:#fff;will-change:transform}.emoji-mart-scroll::-webkit-scrollbar-track:hover,.emoji-mart-scroll::-webkit-scrollbar-track:active{background-color:rgba(0,0,0,.3)}.emoji-mart-search{padding:10px;padding-right:45px;background:#fff}.emoji-mart-search input{font-size:14px;font-weight:400;padding:7px 9px;font-family:inherit;display:block;width:100%;background:rgba(217,225,232,.3);color:#000;border:1px solid #d9e1e8;border-radius:4px}.emoji-mart-search input::-moz-focus-inner{border:0}.emoji-mart-search input::-moz-focus-inner,.emoji-mart-search input:focus,.emoji-mart-search input:active{outline:0 !important}.emoji-mart-category .emoji-mart-emoji{cursor:pointer}.emoji-mart-category .emoji-mart-emoji span{z-index:1;position:relative;text-align:center}.emoji-mart-category .emoji-mart-emoji:hover::before{z-index:0;content:\"\";position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(217,225,232,.7);border-radius:100%}.emoji-mart-category-label{z-index:2;position:relative;position:-webkit-sticky;position:sticky;top:0}.emoji-mart-category-label span{display:block;width:100%;font-weight:500;padding:5px 6px;background:#fff}.emoji-mart-emoji{position:relative;display:inline-block;font-size:0}.emoji-mart-emoji span{width:22px;height:22px}.emoji-mart-no-results{font-size:14px;text-align:center;padding-top:70px;color:#364861}.emoji-mart-no-results .emoji-mart-category-label{display:none}.emoji-mart-no-results .emoji-mart-no-results-label{margin-top:.2em}.emoji-mart-no-results .emoji-mart-emoji:hover::before{content:none}.emoji-mart-preview{display:none}.container{box-sizing:border-box;max-width:1235px;margin:0 auto;position:relative}@media screen and (max-width: 1255px){.container{width:100%;padding:0 10px}}.rich-formatting{font-family:\"mastodon-font-sans-serif\",sans-serif;font-size:14px;font-weight:400;line-height:1.7;word-wrap:break-word;color:#dde3ec}.rich-formatting a{color:#2b90d9;text-decoration:underline}.rich-formatting a:hover,.rich-formatting a:focus,.rich-formatting a:active{text-decoration:none}.rich-formatting p,.rich-formatting li{color:#dde3ec}.rich-formatting p{margin-top:0;margin-bottom:.85em}.rich-formatting p:last-child{margin-bottom:0}.rich-formatting strong{font-weight:700;color:#ecf0f4}.rich-formatting em{font-style:italic;color:#ecf0f4}.rich-formatting code{font-size:.85em;background:#17191f;border-radius:4px;padding:.2em .3em}.rich-formatting h1,.rich-formatting h2,.rich-formatting h3,.rich-formatting h4,.rich-formatting h5,.rich-formatting h6{font-family:\"mastodon-font-display\",sans-serif;margin-top:1.275em;margin-bottom:.85em;font-weight:500;color:#ecf0f4}.rich-formatting h1{font-size:2em}.rich-formatting h2{font-size:1.75em}.rich-formatting h3{font-size:1.5em}.rich-formatting h4{font-size:1.25em}.rich-formatting h5,.rich-formatting h6{font-size:1em}.rich-formatting ul{list-style:disc}.rich-formatting ol{list-style:decimal}.rich-formatting ul,.rich-formatting ol{margin:0;padding:0;padding-left:2em;margin-bottom:.85em}.rich-formatting ul[type=a],.rich-formatting ol[type=a]{list-style-type:lower-alpha}.rich-formatting ul[type=i],.rich-formatting ol[type=i]{list-style-type:lower-roman}.rich-formatting hr{width:100%;height:0;border:0;border-bottom:1px solid #313543;margin:1.7em 0}.rich-formatting hr.spacer{height:1px;border:0}.rich-formatting table{width:100%;border-collapse:collapse;break-inside:auto;margin-top:24px;margin-bottom:32px}.rich-formatting table thead tr,.rich-formatting table tbody tr{border-bottom:1px solid #313543;font-size:1em;line-height:1.625;font-weight:400;text-align:left;color:#dde3ec}.rich-formatting table thead tr{border-bottom-width:2px;line-height:1.5;font-weight:500;color:#c2cede}.rich-formatting table th,.rich-formatting table td{padding:8px;align-self:start;align-items:start;word-break:break-all}.rich-formatting table th.nowrap,.rich-formatting table td.nowrap{width:25%;position:relative}.rich-formatting table th.nowrap::before,.rich-formatting table td.nowrap::before{content:\"&nbsp;\";visibility:hidden}.rich-formatting table th.nowrap span,.rich-formatting table td.nowrap span{position:absolute;left:8px;right:8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.rich-formatting>:first-child{margin-top:0}.information-board{background:#1f232b;padding:20px 0}.information-board .container-alt{position:relative;padding-right:295px}.information-board__sections{display:flex;justify-content:space-between;flex-wrap:wrap}.information-board__section{flex:1 0 0;font-family:\"mastodon-font-sans-serif\",sans-serif;font-size:16px;line-height:28px;color:#fff;text-align:right;padding:10px 15px}.information-board__section span,.information-board__section strong{display:block}.information-board__section span:last-child{color:#ecf0f4}.information-board__section strong{font-family:\"mastodon-font-display\",sans-serif;font-weight:500;font-size:32px;line-height:48px}@media screen and (max-width: 700px){.information-board__section{text-align:center}}.information-board .panel{position:absolute;width:280px;box-sizing:border-box;background:#17191f;padding:20px;padding-top:10px;border-radius:4px 4px 0 0;right:0;bottom:-40px}.information-board .panel .panel-header{font-family:\"mastodon-font-display\",sans-serif;font-size:14px;line-height:24px;font-weight:500;color:#dde3ec;padding-bottom:5px;margin-bottom:15px;border-bottom:1px solid #313543;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.information-board .panel .panel-header a,.information-board .panel .panel-header span{font-weight:400;color:#bcc9da}.information-board .panel .panel-header a{text-decoration:none}.information-board .owner{text-align:center}.information-board .owner .avatar{width:80px;height:80px;margin:0 auto;margin-bottom:15px}.information-board .owner .avatar img{display:block;width:80px;height:80px;border-radius:48px}.information-board .owner .name{font-size:14px}.information-board .owner .name a{display:block;color:#fff;text-decoration:none}.information-board .owner .name a:hover .display_name{text-decoration:underline}.information-board .owner .name .username{display:block;color:#dde3ec}.landing-page p,.landing-page li{font-family:\"mastodon-font-sans-serif\",sans-serif;font-size:16px;font-weight:400;font-size:16px;line-height:30px;margin-bottom:12px;color:#dde3ec}.landing-page p a,.landing-page li a{color:#2b90d9;text-decoration:underline}.landing-page em{display:inline;margin:0;padding:0;font-weight:700;background:transparent;font-family:inherit;font-size:inherit;line-height:inherit;color:#fefefe}.landing-page h1{font-family:\"mastodon-font-display\",sans-serif;font-size:26px;line-height:30px;font-weight:500;margin-bottom:20px;color:#ecf0f4}.landing-page h1 small{font-family:\"mastodon-font-sans-serif\",sans-serif;display:block;font-size:18px;font-weight:400;color:#fefefe}.landing-page h2{font-family:\"mastodon-font-display\",sans-serif;font-size:22px;line-height:26px;font-weight:500;margin-bottom:20px;color:#ecf0f4}.landing-page h3{font-family:\"mastodon-font-display\",sans-serif;font-size:18px;line-height:24px;font-weight:500;margin-bottom:20px;color:#ecf0f4}.landing-page h4{font-family:\"mastodon-font-display\",sans-serif;font-size:16px;line-height:24px;font-weight:500;margin-bottom:20px;color:#ecf0f4}.landing-page h5{font-family:\"mastodon-font-display\",sans-serif;font-size:14px;line-height:24px;font-weight:500;margin-bottom:20px;color:#ecf0f4}.landing-page h6{font-family:\"mastodon-font-display\",sans-serif;font-size:12px;line-height:24px;font-weight:500;margin-bottom:20px;color:#ecf0f4}.landing-page ul,.landing-page ol{margin-left:20px}.landing-page ul[type=a],.landing-page ol[type=a]{list-style-type:lower-alpha}.landing-page ul[type=i],.landing-page ol[type=i]{list-style-type:lower-roman}.landing-page ul{list-style:disc}.landing-page ol{list-style:decimal}.landing-page li>ol,.landing-page li>ul{margin-top:6px}.landing-page hr{width:100%;height:0;border:0;border-bottom:1px solid rgba(96,105,132,.6);margin:20px 0}.landing-page hr.spacer{height:1px;border:0}.landing-page__information,.landing-page__forms{padding:20px}.landing-page__call-to-action{background:#282c37;border-radius:4px;padding:25px 40px;overflow:hidden;box-sizing:border-box}.landing-page__call-to-action .row{width:100%;display:flex;flex-direction:row-reverse;flex-wrap:nowrap;justify-content:space-between;align-items:center}.landing-page__call-to-action .row__information-board{display:flex;justify-content:flex-end;align-items:flex-end}.landing-page__call-to-action .row__information-board .information-board__section{flex:1 0 auto;padding:0 10px}@media screen and (max-width: 415px){.landing-page__call-to-action .row__information-board{width:100%;justify-content:space-between}}.landing-page__call-to-action .row__mascot{flex:1;margin:10px -50px 0 0}@media screen and (max-width: 415px){.landing-page__call-to-action .row__mascot{display:none}}.landing-page__logo{margin-right:20px}.landing-page__logo img{height:50px;width:auto;mix-blend-mode:lighten}.landing-page__information{padding:45px 40px;margin-bottom:10px}.landing-page__information:last-child{margin-bottom:0}.landing-page__information strong{font-weight:500;color:#fefefe}.landing-page__information .account{border-bottom:0;padding:0}.landing-page__information .account__display-name{align-items:center;display:flex;margin-right:5px}.landing-page__information .account div.account__display-name:hover .display-name strong{text-decoration:none}.landing-page__information .account div.account__display-name .account__avatar{cursor:default}.landing-page__information .account__avatar-wrapper{margin-left:0;flex:0 0 auto}.landing-page__information .account__avatar{width:44px;height:44px;background-size:44px 44px}.landing-page__information .account .display-name{font-size:15px}.landing-page__information .account .display-name__account{font-size:14px}@media screen and (max-width: 960px){.landing-page__information .contact{margin-top:30px}}@media screen and (max-width: 700px){.landing-page__information{padding:25px 20px}}.landing-page__information,.landing-page__forms,.landing-page #mastodon-timeline{box-sizing:border-box;background:#282c37;border-radius:4px;box-shadow:0 0 6px rgba(0,0,0,.1)}.landing-page__mascot{height:104px;position:relative;left:-40px;bottom:25px}.landing-page__mascot img{height:190px;width:auto}.landing-page__short-description .row{display:flex;flex-wrap:wrap;align-items:center;margin-bottom:40px}@media screen and (max-width: 700px){.landing-page__short-description .row{margin-bottom:20px}}.landing-page__short-description p a{color:#ecf0f4}.landing-page__short-description h1{font-weight:500;color:#fff;margin-bottom:0}.landing-page__short-description h1 small{color:#dde3ec}.landing-page__short-description h1 small span{color:#ecf0f4}.landing-page__short-description p:last-child{margin-bottom:0}.landing-page__hero{margin-bottom:10px}.landing-page__hero img{display:block;margin:0;max-width:100%;height:auto;border-radius:4px}@media screen and (max-width: 840px){.landing-page .information-board .container-alt{padding-right:20px}.landing-page .information-board .panel{position:static;margin-top:20px;width:100%;border-radius:4px}.landing-page .information-board .panel .panel-header{text-align:center}}@media screen and (max-width: 675px){.landing-page .header-wrapper{padding-top:0}.landing-page .header-wrapper.compact{padding-bottom:0}.landing-page .header-wrapper.compact .hero .heading{text-align:initial}.landing-page .header .container-alt,.landing-page .features .container-alt{display:block}}.landing-page .cta{margin:20px}.landing{margin-bottom:100px}@media screen and (max-width: 738px){.landing{margin-bottom:0}}.landing__brand{display:flex;justify-content:center;align-items:center;padding:50px}.landing__brand svg{fill:#fff;height:52px}@media screen and (max-width: 415px){.landing__brand{padding:0;margin-bottom:30px}}.landing .directory{margin-top:30px;background:transparent;box-shadow:none;border-radius:0}.landing .hero-widget{margin-top:30px;margin-bottom:0}.landing .hero-widget h4{padding:10px;font-weight:700;font-size:14px;color:#dde3ec}.landing .hero-widget__text{border-radius:0;padding-bottom:0}.landing .hero-widget__footer{background:#282c37;padding:10px;border-radius:0 0 4px 4px;display:flex}.landing .hero-widget__footer__column{flex:1 1 50%}.landing .hero-widget .account{padding:10px 0;border-bottom:0}.landing .hero-widget .account .account__display-name{display:flex;align-items:center}.landing .hero-widget .account .account__avatar{width:44px;height:44px;background-size:44px 44px}.landing .hero-widget__counter{padding:10px}.landing .hero-widget__counter strong{font-family:\"mastodon-font-display\",sans-serif;font-size:15px;font-weight:700;display:block}.landing .hero-widget__counter span{font-size:14px;color:#dde3ec}.landing .simple_form .user_agreement .label_input>label{font-weight:400;color:#dde3ec}.landing .simple_form p.lead{color:#dde3ec;font-size:15px;line-height:20px;font-weight:400;margin-bottom:25px}.landing__grid{max-width:960px;margin:0 auto;display:grid;grid-template-columns:minmax(0, 50%) minmax(0, 50%);grid-gap:30px}@media screen and (max-width: 738px){.landing__grid{grid-template-columns:minmax(0, 100%);grid-gap:10px}.landing__grid__column-login{grid-row:1;display:flex;flex-direction:column}.landing__grid__column-login .box-widget{order:2;flex:0 0 auto}.landing__grid__column-login .hero-widget{margin-top:0;margin-bottom:10px;order:1;flex:0 0 auto}.landing__grid__column-registration{grid-row:2}.landing__grid .directory{margin-top:10px}}@media screen and (max-width: 415px){.landing__grid{grid-gap:0}.landing__grid .hero-widget{display:block;margin-bottom:0;box-shadow:none}.landing__grid .hero-widget__img,.landing__grid .hero-widget__img img,.landing__grid .hero-widget__footer{border-radius:0}.landing__grid .hero-widget,.landing__grid .box-widget,.landing__grid .directory__tag{border-bottom:1px solid #393f4f}.landing__grid .directory{margin-top:0}.landing__grid .directory__tag{margin-bottom:0}.landing__grid .directory__tag>a,.landing__grid .directory__tag>div{border-radius:0;box-shadow:none}.landing__grid .directory__tag:last-child{border-bottom:0}}.brand{position:relative;text-decoration:none}.brand__tagline{display:block;position:absolute;bottom:-10px;left:50px;width:300px;color:#9baec8;text-decoration:none;font-size:14px}@media screen and (max-width: 415px){.brand__tagline{position:static;width:auto;margin-top:20px;color:#c2cede}}.table{width:100%;max-width:100%;border-spacing:0;border-collapse:collapse}.table th,.table td{padding:8px;line-height:18px;vertical-align:top;border-top:1px solid #282c37;text-align:left;background:#1f232b}.table>thead>tr>th{vertical-align:bottom;border-bottom:2px solid #282c37;border-top:0;font-weight:500}.table>tbody>tr>th{font-weight:500}.table>tbody>tr:nth-child(odd)>td,.table>tbody>tr:nth-child(odd)>th{background:#282c37}.table a{color:#2b90d9;text-decoration:underline}.table a:hover{text-decoration:none}.table strong{font-weight:500}.table strong:lang(ja){font-weight:700}.table strong:lang(ko){font-weight:700}.table strong:lang(zh-CN){font-weight:700}.table strong:lang(zh-HK){font-weight:700}.table strong:lang(zh-TW){font-weight:700}.table.inline-table>tbody>tr:nth-child(odd)>td,.table.inline-table>tbody>tr:nth-child(odd)>th{background:transparent}.table.inline-table>tbody>tr:first-child>td,.table.inline-table>tbody>tr:first-child>th{border-top:0}.table.batch-table>thead>tr>th{background:#282c37;border-top:1px solid #17191f;border-bottom:1px solid #17191f}.table.batch-table>thead>tr>th:first-child{border-radius:4px 0 0;border-left:1px solid #17191f}.table.batch-table>thead>tr>th:last-child{border-radius:0 4px 0 0;border-right:1px solid #17191f}.table--invites tbody td{vertical-align:middle}.table-wrapper{overflow:auto;margin-bottom:20px}samp{font-family:\"mastodon-font-monospace\",monospace}button.table-action-link{background:transparent;border:0;font:inherit}button.table-action-link,a.table-action-link{text-decoration:none;display:inline-block;margin-right:5px;padding:0 10px;color:#dde3ec;font-weight:500}button.table-action-link:hover,a.table-action-link:hover{color:#fff}button.table-action-link i.fa,a.table-action-link i.fa{font-weight:400;margin-right:5px}button.table-action-link:first-child,a.table-action-link:first-child{padding-left:0}.batch-table__toolbar,.batch-table__row{display:flex}.batch-table__toolbar__select,.batch-table__row__select{box-sizing:border-box;padding:8px 16px;cursor:pointer;min-height:100%}.batch-table__toolbar__select input,.batch-table__row__select input{margin-top:8px}.batch-table__toolbar__select--aligned,.batch-table__row__select--aligned{display:flex;align-items:center}.batch-table__toolbar__select--aligned input,.batch-table__row__select--aligned input{margin-top:0}.batch-table__toolbar__actions,.batch-table__toolbar__content,.batch-table__row__actions,.batch-table__row__content{padding:8px 0;padding-right:16px;flex:1 1 auto}.batch-table__toolbar{border:1px solid #17191f;background:#282c37;border-radius:4px 0 0;height:47px;align-items:center}.batch-table__toolbar__actions{text-align:right;padding-right:11px}.batch-table__form{padding:16px;border:1px solid #17191f;border-top:0;background:#282c37}.batch-table__form .fields-row{padding-top:0;margin-bottom:0}.batch-table__row{border:1px solid #17191f;border-top:0;background:#1f232b}@media screen and (max-width: 415px){.optional .batch-table__row:first-child{border-top:1px solid #17191f}}.batch-table__row:hover{background:#242731}.batch-table__row:nth-child(even){background:#282c37}.batch-table__row:nth-child(even):hover{background:#2c313d}.batch-table__row__content{padding-top:12px;padding-bottom:16px}.batch-table__row__content--unpadded{padding:0}.batch-table__row__content--with-image{display:flex;align-items:center}.batch-table__row__content__image{flex:0 0 auto;display:flex;justify-content:center;align-items:center;margin-right:10px}.batch-table__row__content__image .emojione{width:32px;height:32px}.batch-table__row__content__text{flex:1 1 auto}.batch-table__row__content__extra{flex:0 0 auto;text-align:right;color:#dde3ec;font-weight:500}.batch-table__row .directory__tag{margin:0;width:100%}.batch-table__row .directory__tag a{background:transparent;border-radius:0}@media screen and (max-width: 415px){.batch-table.optional .batch-table__toolbar,.batch-table.optional .batch-table__row__select{display:none}}.batch-table .status__content{padding-top:0}.batch-table .status__content summary{display:list-item}.batch-table .status__content strong{font-weight:700}.batch-table .nothing-here{border:1px solid #17191f;border-top:0;box-shadow:none}@media screen and (max-width: 415px){.batch-table .nothing-here{border-top:1px solid #17191f}}@media screen and (max-width: 870px){.batch-table .accounts-table tbody td.optional{display:none}}.admin-wrapper{display:flex;justify-content:center;width:100%;min-height:100vh}.admin-wrapper .sidebar-wrapper{min-height:100vh;overflow:hidden;pointer-events:none;flex:1 1 auto}.admin-wrapper .sidebar-wrapper__inner{display:flex;justify-content:flex-end;background:#282c37;height:100%}.admin-wrapper .sidebar{width:240px;padding:0;pointer-events:auto}.admin-wrapper .sidebar__toggle{display:none;background:#393f4f;height:48px}.admin-wrapper .sidebar__toggle__logo{flex:1 1 auto}.admin-wrapper .sidebar__toggle__logo a{display:inline-block;padding:15px}.admin-wrapper .sidebar__toggle__logo svg{fill:#fff;height:20px;position:relative;bottom:-2px}.admin-wrapper .sidebar__toggle__icon{display:block;color:#dde3ec;text-decoration:none;flex:0 0 auto;font-size:20px;padding:15px}.admin-wrapper .sidebar__toggle a:hover,.admin-wrapper .sidebar__toggle a:focus,.admin-wrapper .sidebar__toggle a:active{background:#42485a}.admin-wrapper .sidebar .logo{display:block;margin:40px auto;width:100px;height:100px}@media screen and (max-width: 600px){.admin-wrapper .sidebar>a:first-child{display:none}}.admin-wrapper .sidebar ul{list-style:none;border-radius:4px 0 0 4px;overflow:hidden;margin-bottom:20px}@media screen and (max-width: 600px){.admin-wrapper .sidebar ul{margin-bottom:0}}.admin-wrapper .sidebar ul a{display:block;padding:15px;color:#dde3ec;text-decoration:none;transition:all 200ms linear;transition-property:color,background-color;border-radius:4px 0 0 4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.admin-wrapper .sidebar ul a i.fa{margin-right:5px}.admin-wrapper .sidebar ul a:hover{color:#fff;background-color:#1d2028;transition:all 100ms linear;transition-property:color,background-color}.admin-wrapper .sidebar ul a.selected{background:#242731;border-radius:4px 0 0}.admin-wrapper .sidebar ul ul{background:#1f232b;border-radius:0 0 0 4px;margin:0}.admin-wrapper .sidebar ul ul a{border:0;padding:15px 35px}.admin-wrapper .sidebar ul .simple-navigation-active-leaf a{color:#fff;background-color:#2b5fd9;border-bottom:0;border-radius:0}.admin-wrapper .sidebar ul .simple-navigation-active-leaf a:hover{background-color:#416fdd}.admin-wrapper .sidebar>ul>.simple-navigation-active-leaf a{border-radius:4px 0 0 4px}.admin-wrapper .content-wrapper{box-sizing:border-box;width:100%;max-width:840px;flex:1 1 auto}@media screen and (max-width: 1080px){.admin-wrapper .sidebar-wrapper--empty{display:none}.admin-wrapper .sidebar-wrapper{width:240px;flex:0 0 auto}}@media screen and (max-width: 600px){.admin-wrapper .sidebar-wrapper{width:100%}}.admin-wrapper .content{padding:20px 15px;padding-top:60px;padding-left:25px}@media screen and (max-width: 600px){.admin-wrapper .content{max-width:none;padding:15px;padding-top:30px}}.admin-wrapper .content-heading{display:flex;padding-bottom:40px;border-bottom:1px solid #393f4f;margin:-15px -15px 40px 0;flex-wrap:wrap;align-items:center;justify-content:space-between}.admin-wrapper .content-heading>*{margin-top:15px;margin-right:15px}.admin-wrapper .content-heading-actions{display:inline-flex}.admin-wrapper .content-heading-actions>:not(:first-child){margin-left:5px}@media screen and (max-width: 600px){.admin-wrapper .content-heading{border-bottom:0;padding-bottom:0}}.admin-wrapper .content h2{color:#ecf0f4;font-size:24px;line-height:28px;font-weight:400}@media screen and (max-width: 600px){.admin-wrapper .content h2{font-weight:700}}.admin-wrapper .content h3{color:#ecf0f4;font-size:20px;line-height:28px;font-weight:400;margin-bottom:30px}.admin-wrapper .content h4{font-size:14px;font-weight:700;color:#dde3ec;padding-bottom:8px;margin-bottom:8px;border-bottom:1px solid #393f4f}.admin-wrapper .content h6{font-size:16px;color:#ecf0f4;line-height:28px;font-weight:500}.admin-wrapper .content .fields-group h6{color:#fff;font-weight:500}.admin-wrapper .content .directory__tag>a,.admin-wrapper .content .directory__tag>div{box-shadow:none}.admin-wrapper .content .directory__tag .table-action-link .fa{color:inherit}.admin-wrapper .content .directory__tag h4{font-size:18px;font-weight:700;color:#fff;text-transform:none;padding-bottom:0;margin-bottom:0;border-bottom:0}.admin-wrapper .content>p{font-size:14px;line-height:21px;color:#ecf0f4;margin-bottom:20px}.admin-wrapper .content>p strong{color:#fff;font-weight:500}.admin-wrapper .content>p strong:lang(ja){font-weight:700}.admin-wrapper .content>p strong:lang(ko){font-weight:700}.admin-wrapper .content>p strong:lang(zh-CN){font-weight:700}.admin-wrapper .content>p strong:lang(zh-HK){font-weight:700}.admin-wrapper .content>p strong:lang(zh-TW){font-weight:700}.admin-wrapper .content hr{width:100%;height:0;border:0;border-bottom:1px solid rgba(96,105,132,.6);margin:20px 0}.admin-wrapper .content hr.spacer{height:1px;border:0}@media screen and (max-width: 600px){.admin-wrapper{display:block}.admin-wrapper .sidebar-wrapper{min-height:0}.admin-wrapper .sidebar{width:100%;padding:0;height:auto}.admin-wrapper .sidebar__toggle{display:flex}.admin-wrapper .sidebar>ul{display:none}.admin-wrapper .sidebar ul a,.admin-wrapper .sidebar ul ul a{border-radius:0;border-bottom:1px solid #313543;transition:none}.admin-wrapper .sidebar ul a:hover,.admin-wrapper .sidebar ul ul a:hover{transition:none}.admin-wrapper .sidebar ul ul{border-radius:0}.admin-wrapper .sidebar ul .simple-navigation-active-leaf a{border-bottom-color:#2b5fd9}}hr.spacer{width:100%;border:0;margin:20px 0;height:1px}body .muted-hint,.admin-wrapper .content .muted-hint{color:#dde3ec}body .muted-hint a,.admin-wrapper .content .muted-hint a{color:#2b90d9}body .positive-hint,.admin-wrapper .content .positive-hint{color:#79bd9a;font-weight:500}body .negative-hint,.admin-wrapper .content .negative-hint{color:#df405a;font-weight:500}body .neutral-hint,.admin-wrapper .content .neutral-hint{color:#c2cede;font-weight:500}body .warning-hint,.admin-wrapper .content .warning-hint{color:#ca8f04;font-weight:500}.filters{display:flex;flex-wrap:wrap}.filters .filter-subset{flex:0 0 auto;margin:0 40px 20px 0}.filters .filter-subset:last-child{margin-bottom:30px}.filters .filter-subset ul{margin-top:5px;list-style:none}.filters .filter-subset ul li{display:inline-block;margin-right:5px}.filters .filter-subset strong{font-weight:500;font-size:13px}.filters .filter-subset strong:lang(ja){font-weight:700}.filters .filter-subset strong:lang(ko){font-weight:700}.filters .filter-subset strong:lang(zh-CN){font-weight:700}.filters .filter-subset strong:lang(zh-HK){font-weight:700}.filters .filter-subset strong:lang(zh-TW){font-weight:700}.filters .filter-subset a{display:inline-block;color:#dde3ec;text-decoration:none;font-size:13px;font-weight:500;border-bottom:2px solid #282c37}.filters .filter-subset a:hover{color:#fff;border-bottom:2px solid #333846}.filters .filter-subset a.selected{color:#2b90d9;border-bottom:2px solid #2b5fd9}.flavour-screen{display:block;margin:10px auto;max-width:100%}.flavour-description{display:block;font-size:16px;margin:10px 0}.flavour-description>p{margin:10px 0}.flavour-screen{display:block;margin:10px auto;max-width:100%}.flavour-description{display:block;font-size:16px;margin:10px 0}.flavour-description>p{margin:10px 0}.report-accounts{display:flex;flex-wrap:wrap;margin-bottom:20px}.report-accounts__item{display:flex;flex:250px;flex-direction:column;margin:0 5px}.report-accounts__item>strong{display:block;margin:0 0 10px -5px;font-weight:500;font-size:14px;line-height:18px;color:#ecf0f4}.report-accounts__item>strong:lang(ja){font-weight:700}.report-accounts__item>strong:lang(ko){font-weight:700}.report-accounts__item>strong:lang(zh-CN){font-weight:700}.report-accounts__item>strong:lang(zh-HK){font-weight:700}.report-accounts__item>strong:lang(zh-TW){font-weight:700}.report-accounts__item .account-card{flex:1 1 auto}.report-status,.account-status{display:flex;margin-bottom:10px}.report-status .activity-stream,.account-status .activity-stream{flex:2 0 0;margin-right:20px;max-width:calc(100% - 60px)}.report-status .activity-stream .entry,.account-status .activity-stream .entry{border-radius:4px}.report-status__actions,.account-status__actions{flex:0 0 auto;display:flex;flex-direction:column}.report-status__actions .icon-button,.account-status__actions .icon-button{font-size:24px;width:24px;text-align:center;margin-bottom:10px}.simple_form.new_report_note,.simple_form.new_account_moderation_note{max-width:100%}.batch-form-box{display:flex;flex-wrap:wrap;margin-bottom:5px}.batch-form-box #form_status_batch_action{margin:0 5px 5px 0;font-size:14px}.batch-form-box input.button{margin:0 5px 5px 0}.batch-form-box .media-spoiler-toggle-buttons{margin-left:auto}.batch-form-box .media-spoiler-toggle-buttons .button{overflow:visible;margin:0 0 5px 5px;float:right}.back-link{margin-bottom:10px;font-size:14px}.back-link a{color:#2b90d9;text-decoration:none}.back-link a:hover{text-decoration:underline}.spacer{flex:1 1 auto}.log-entry{margin-bottom:20px;line-height:20px}.log-entry__header{display:flex;justify-content:flex-start;align-items:center;padding:10px;background:#282c37;color:#dde3ec;border-radius:4px 4px 0 0;font-size:14px;position:relative}.log-entry__avatar{margin-right:10px}.log-entry__avatar .avatar{display:block;margin:0;border-radius:50%;width:40px;height:40px}.log-entry__content{max-width:calc(100% - 90px)}.log-entry__title{word-wrap:break-word}.log-entry__timestamp{color:#c2cede}.log-entry__extras{background:#353a49;border-radius:0 0 4px 4px;padding:10px;color:#dde3ec;font-family:\"mastodon-font-monospace\",monospace;font-size:12px;word-wrap:break-word;min-height:20px}.log-entry__icon{font-size:28px;margin-right:10px;color:#c2cede}.log-entry__icon__overlay{position:absolute;top:10px;right:10px;width:10px;height:10px;border-radius:50%}.log-entry__icon__overlay.positive{background:#79bd9a}.log-entry__icon__overlay.negative{background:#e87487}.log-entry__icon__overlay.neutral{background:#2b5fd9}.log-entry a,.log-entry .username,.log-entry .target{color:#ecf0f4;text-decoration:none;font-weight:500}.log-entry .diff-old{color:#e87487}.log-entry .diff-neutral{color:#ecf0f4}.log-entry .diff-new{color:#79bd9a}a.name-tag,.name-tag,a.inline-name-tag,.inline-name-tag{text-decoration:none;color:#ecf0f4}a.name-tag .username,.name-tag .username,a.inline-name-tag .username,.inline-name-tag .username{font-weight:500}a.name-tag.suspended .username,.name-tag.suspended .username,a.inline-name-tag.suspended .username,.inline-name-tag.suspended .username{text-decoration:line-through;color:#e87487}a.name-tag.suspended .avatar,.name-tag.suspended .avatar,a.inline-name-tag.suspended .avatar,.inline-name-tag.suspended .avatar{filter:grayscale(100%);opacity:.8}a.name-tag,.name-tag{display:flex;align-items:center}a.name-tag .avatar,.name-tag .avatar{display:block;margin:0;margin-right:5px;border-radius:50%}a.name-tag.suspended .avatar,.name-tag.suspended .avatar{filter:grayscale(100%);opacity:.8}.speech-bubble{margin-bottom:20px;border-left:4px solid #2b5fd9}.speech-bubble.positive{border-left-color:#79bd9a}.speech-bubble.negative{border-left-color:#e87487}.speech-bubble.warning{border-left-color:#ca8f04}.speech-bubble__bubble{padding:16px;padding-left:14px;font-size:15px;line-height:20px;border-radius:4px 4px 4px 0;position:relative;font-weight:500}.speech-bubble__bubble a{color:#dde3ec}.speech-bubble__owner{padding:8px;padding-left:12px}.speech-bubble time{color:#c2cede}.report-card{background:#282c37;border-radius:4px;margin-bottom:20px}.report-card__profile{display:flex;justify-content:space-between;align-items:center;padding:15px}.report-card__profile .account{padding:0;border:0}.report-card__profile .account__avatar-wrapper{margin-left:0}.report-card__profile__stats{flex:0 0 auto;font-weight:500;color:#dde3ec;text-align:right}.report-card__profile__stats a{color:inherit;text-decoration:none}.report-card__profile__stats a:focus,.report-card__profile__stats a:hover,.report-card__profile__stats a:active{color:#f7f9fb}.report-card__profile__stats .red{color:#df405a}.report-card__summary__item{display:flex;justify-content:flex-start;border-top:1px solid #1f232b}.report-card__summary__item:hover{background:#2c313d}.report-card__summary__item__reported-by,.report-card__summary__item__assigned{padding:15px;flex:0 0 auto;box-sizing:border-box;width:150px;color:#dde3ec}.report-card__summary__item__reported-by,.report-card__summary__item__reported-by .username,.report-card__summary__item__assigned,.report-card__summary__item__assigned .username{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.report-card__summary__item__content{flex:1 1 auto;max-width:calc(100% - 300px)}.report-card__summary__item__content__icon{color:#c2cede;margin-right:4px;font-weight:500}.report-card__summary__item__content a{display:block;box-sizing:border-box;width:100%;padding:15px;text-decoration:none;color:#dde3ec}.one-line{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ellipsized-ip{display:inline-block;max-width:120px;overflow:hidden;text-overflow:ellipsis;vertical-align:middle}.admin-account-bio{display:flex;flex-wrap:wrap;margin:0 -5px;margin-top:20px}.admin-account-bio>div{box-sizing:border-box;padding:0 5px;margin-bottom:10px;flex:1 0 50%}.admin-account-bio .account__header__fields,.admin-account-bio .account__header__content{background:#393f4f;border-radius:4px;height:100%}.admin-account-bio .account__header__fields{margin:0;border:0}.admin-account-bio .account__header__fields a{color:#4e79df}.admin-account-bio .account__header__fields dl:first-child .verified{border-radius:0 4px 0 0}.admin-account-bio .account__header__fields .verified a{color:#79bd9a}.admin-account-bio .account__header__content{box-sizing:border-box;padding:20px;color:#fff}.center-text{text-align:center}.dashboard__counters{display:flex;flex-wrap:wrap;margin:0 -5px;margin-bottom:20px}.dashboard__counters>div{box-sizing:border-box;flex:0 0 33.333%;padding:0 5px;margin-bottom:10px}.dashboard__counters>div>div,.dashboard__counters>div>a{padding:20px;background:#313543;border-radius:4px;box-sizing:border-box;height:100%}.dashboard__counters>div>a{text-decoration:none;color:inherit;display:block}.dashboard__counters>div>a:hover,.dashboard__counters>div>a:focus,.dashboard__counters>div>a:active{background:#393f4f}.dashboard__counters__num,.dashboard__counters__text{text-align:center;font-weight:500;font-size:24px;line-height:21px;color:#fff;font-family:\"mastodon-font-display\",sans-serif;margin-bottom:20px;line-height:30px}.dashboard__counters__text{font-size:18px}.dashboard__counters__label{font-size:14px;color:#dde3ec;text-align:center;font-weight:500}.dashboard__widgets{display:flex;flex-wrap:wrap;margin:0 -5px}.dashboard__widgets>div{flex:0 0 33.333%;margin-bottom:20px}.dashboard__widgets>div>div{padding:0 5px}.dashboard__widgets a:not(.name-tag){color:#d9e1e8;font-weight:500;text-decoration:none}body.rtl{direction:rtl}body.rtl .column-header>button{text-align:right;padding-left:0;padding-right:15px}body.rtl .radio-button__input{margin-right:0;margin-left:10px}body.rtl .directory__card__bar .display-name{margin-left:0;margin-right:15px}body.rtl .display-name{text-align:right}body.rtl .notification__message{margin-left:0;margin-right:68px}body.rtl .drawer__inner__mastodon>img{transform:scaleX(-1)}body.rtl .notification__favourite-icon-wrapper{left:auto;right:-26px}body.rtl .landing-page__logo{margin-right:0;margin-left:20px}body.rtl .landing-page .features-list .features-list__row .visual{margin-left:0;margin-right:15px}body.rtl .column-link__icon,body.rtl .column-header__icon{margin-right:0;margin-left:5px}body.rtl .compose-form .compose-form__buttons-wrapper .character-counter__wrapper{margin-right:0;margin-left:4px}body.rtl .navigation-bar__profile{margin-left:0;margin-right:8px}body.rtl .search__input{padding-right:10px;padding-left:30px}body.rtl .search__icon .fa{right:auto;left:10px}body.rtl .columns-area{direction:rtl}body.rtl .column-header__buttons{left:0;right:auto;margin-left:0;margin-right:-15px}body.rtl .column-inline-form .icon-button{margin-left:0;margin-right:5px}body.rtl .column-header__links .text-btn{margin-left:10px;margin-right:0}body.rtl .account__avatar-wrapper{float:right}body.rtl .column-header__back-button{padding-left:5px;padding-right:0}body.rtl .column-header__setting-arrows{float:left}body.rtl .setting-toggle__label{margin-left:0;margin-right:8px}body.rtl .status__avatar{left:auto;right:10px}body.rtl .status,body.rtl .activity-stream .status.light{padding-left:10px;padding-right:68px}body.rtl .status__info .status__display-name,body.rtl .activity-stream .status.light .status__display-name{padding-left:25px;padding-right:0}body.rtl .activity-stream .pre-header{padding-right:68px;padding-left:0}body.rtl .status__prepend{margin-left:0;margin-right:68px}body.rtl .status__prepend-icon-wrapper{left:auto;right:-26px}body.rtl .activity-stream .pre-header .pre-header__icon{left:auto;right:42px}body.rtl .account__avatar-overlay-overlay{right:auto;left:0}body.rtl .column-back-button--slim-button{right:auto;left:0}body.rtl .status__relative-time,body.rtl .activity-stream .status.light .status__header .status__meta{float:left}body.rtl .status__action-bar__counter{margin-right:0;margin-left:11px}body.rtl .status__action-bar__counter .status__action-bar-button{margin-right:0;margin-left:4px}body.rtl .status__action-bar-button{float:right;margin-right:0;margin-left:18px}body.rtl .status__action-bar-dropdown{float:right}body.rtl .privacy-dropdown__dropdown{margin-left:0;margin-right:40px}body.rtl .privacy-dropdown__option__icon{margin-left:10px;margin-right:0}body.rtl .detailed-status__display-name .display-name{text-align:right}body.rtl .detailed-status__display-avatar{margin-right:0;margin-left:10px;float:right}body.rtl .detailed-status__favorites,body.rtl .detailed-status__reblogs{margin-left:0;margin-right:6px}body.rtl .fa-ul{margin-left:2.14285714em}body.rtl .fa-li{left:auto;right:-2.14285714em}body.rtl .admin-wrapper{direction:rtl}body.rtl .admin-wrapper .sidebar ul a i.fa,body.rtl a.table-action-link i.fa{margin-right:0;margin-left:5px}body.rtl .simple_form .check_boxes .checkbox label{padding-left:0;padding-right:25px}body.rtl .simple_form .input.with_label.boolean label.checkbox{padding-left:25px;padding-right:0}body.rtl .simple_form .check_boxes .checkbox input[type=checkbox],body.rtl .simple_form .input.boolean input[type=checkbox]{left:auto;right:0}body.rtl .simple_form .input.radio_buttons .radio{left:auto;right:0}body.rtl .simple_form .input.radio_buttons .radio>label{padding-right:28px;padding-left:0}body.rtl .simple_form .input-with-append .input input{padding-left:142px;padding-right:0}body.rtl .simple_form .input.boolean label.checkbox{left:auto;right:0}body.rtl .simple_form .input.boolean .label_input,body.rtl .simple_form .input.boolean .hint{padding-left:0;padding-right:28px}body.rtl .simple_form .label_input__append{right:auto;left:3px}body.rtl .simple_form .label_input__append::after{right:auto;left:0;background-image:linear-gradient(to left, rgba(19, 20, 25, 0), #131419)}body.rtl .simple_form select{background:#131419 url(\"data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14.933 18.467' height='19.698' width='15.929'><path d='M3.467 14.967l-3.393-3.5H14.86l-3.392 3.5c-1.866 1.925-3.666 3.5-4 3.5-.335 0-2.135-1.575-4-3.5zm.266-11.234L7.467 0 11.2 3.733l3.733 3.734H0l3.733-3.734z' fill='%2342485A'/></svg>\") no-repeat left 8px center/auto 16px}body.rtl .table th,body.rtl .table td{text-align:right}body.rtl .filters .filter-subset{margin-right:0;margin-left:45px}body.rtl .landing-page .header-wrapper .mascot{right:60px;left:auto}body.rtl .landing-page__call-to-action .row__information-board{direction:rtl}body.rtl .landing-page .header .hero .floats .float-1{left:-120px;right:auto}body.rtl .landing-page .header .hero .floats .float-2{left:210px;right:auto}body.rtl .landing-page .header .hero .floats .float-3{left:110px;right:auto}body.rtl .landing-page .header .links .brand img{left:0}body.rtl .landing-page .fa-external-link{padding-right:5px;padding-left:0 !important}body.rtl .landing-page .features #mastodon-timeline{margin-right:0;margin-left:30px}@media screen and (min-width: 631px){body.rtl .column,body.rtl .drawer{padding-left:5px;padding-right:5px}body.rtl .column:first-child,body.rtl .drawer:first-child{padding-left:5px;padding-right:10px}body.rtl .columns-area>div .column,body.rtl .columns-area>div .drawer{padding-left:5px;padding-right:5px}}body.rtl .columns-area--mobile .column,body.rtl .columns-area--mobile .drawer{padding-left:0;padding-right:0}body.rtl .public-layout .header .nav-button{margin-left:8px;margin-right:0}body.rtl .public-layout .public-account-header__tabs{margin-left:0;margin-right:20px}body.rtl .landing-page__information .account__display-name{margin-right:0;margin-left:5px}body.rtl .landing-page__information .account__avatar-wrapper{margin-left:12px;margin-right:0}body.rtl .card__bar .display-name{margin-left:0;margin-right:15px;text-align:right}body.rtl .fa-chevron-left::before{content:\"\"}body.rtl .fa-chevron-right::before{content:\"\"}body.rtl .column-back-button__icon{margin-right:0;margin-left:5px}body.rtl .column-header__setting-arrows .column-header__setting-btn:last-child{padding-left:0;padding-right:10px}body.rtl .simple_form .input.radio_buttons .radio>label input{left:auto;right:0}.emojione[title=\":wavy_dash:\"],.emojione[title=\":waving_black_flag:\"],.emojione[title=\":water_buffalo:\"],.emojione[title=\":video_game:\"],.emojione[title=\":video_camera:\"],.emojione[title=\":vhs:\"],.emojione[title=\":turkey:\"],.emojione[title=\":tophat:\"],.emojione[title=\":top:\"],.emojione[title=\":tm:\"],.emojione[title=\":telephone_receiver:\"],.emojione[title=\":spider:\"],.emojione[title=\":speaking_head_in_silhouette:\"],.emojione[title=\":spades:\"],.emojione[title=\":soon:\"],.emojione[title=\":registered:\"],.emojione[title=\":on:\"],.emojione[title=\":musical_score:\"],.emojione[title=\":movie_camera:\"],.emojione[title=\":mortar_board:\"],.emojione[title=\":microphone:\"],.emojione[title=\":male-guard:\"],.emojione[title=\":lower_left_fountain_pen:\"],.emojione[title=\":lower_left_ballpoint_pen:\"],.emojione[title=\":kaaba:\"],.emojione[title=\":joystick:\"],.emojione[title=\":hole:\"],.emojione[title=\":hocho:\"],.emojione[title=\":heavy_plus_sign:\"],.emojione[title=\":heavy_multiplication_x:\"],.emojione[title=\":heavy_minus_sign:\"],.emojione[title=\":heavy_dollar_sign:\"],.emojione[title=\":heavy_division_sign:\"],.emojione[title=\":heavy_check_mark:\"],.emojione[title=\":guardsman:\"],.emojione[title=\":gorilla:\"],.emojione[title=\":fried_egg:\"],.emojione[title=\":film_projector:\"],.emojione[title=\":female-guard:\"],.emojione[title=\":end:\"],.emojione[title=\":electric_plug:\"],.emojione[title=\":eight_pointed_black_star:\"],.emojione[title=\":dark_sunglasses:\"],.emojione[title=\":currency_exchange:\"],.emojione[title=\":curly_loop:\"],.emojione[title=\":copyright:\"],.emojione[title=\":clubs:\"],.emojione[title=\":camera_with_flash:\"],.emojione[title=\":camera:\"],.emojione[title=\":busts_in_silhouette:\"],.emojione[title=\":bust_in_silhouette:\"],.emojione[title=\":bowling:\"],.emojione[title=\":bomb:\"],.emojione[title=\":black_small_square:\"],.emojione[title=\":black_nib:\"],.emojione[title=\":black_medium_square:\"],.emojione[title=\":black_medium_small_square:\"],.emojione[title=\":black_large_square:\"],.emojione[title=\":black_heart:\"],.emojione[title=\":black_circle:\"],.emojione[title=\":back:\"],.emojione[title=\":ant:\"],.emojione[title=\":8ball:\"]{filter:drop-shadow(1px 1px 0 #ffffff) drop-shadow(-1px 1px 0 #ffffff) drop-shadow(1px -1px 0 #ffffff) drop-shadow(-1px -1px 0 #ffffff);transform:scale(0.71)}.compose-form .compose-form__modifiers .compose-form__upload-description input::placeholder{opacity:1}.rich-formatting a,.rich-formatting p a,.rich-formatting li a,.landing-page__short-description p a,.status__content a,.reply-indicator__content a{color:#5f86e2;text-decoration:underline}.rich-formatting a.mention,.rich-formatting p a.mention,.rich-formatting li a.mention,.landing-page__short-description p a.mention,.status__content a.mention,.reply-indicator__content a.mention{text-decoration:none}.rich-formatting a.mention span,.rich-formatting p a.mention span,.rich-formatting li a.mention span,.landing-page__short-description p a.mention span,.status__content a.mention span,.reply-indicator__content a.mention span{text-decoration:underline}.rich-formatting a.mention span:hover,.rich-formatting a.mention span:focus,.rich-formatting a.mention span:active,.rich-formatting p a.mention span:hover,.rich-formatting p a.mention span:focus,.rich-formatting p a.mention span:active,.rich-formatting li a.mention span:hover,.rich-formatting li a.mention span:focus,.rich-formatting li a.mention span:active,.landing-page__short-description p a.mention span:hover,.landing-page__short-description p a.mention span:focus,.landing-page__short-description p a.mention span:active,.status__content a.mention span:hover,.status__content a.mention span:focus,.status__content a.mention span:active,.reply-indicator__content a.mention span:hover,.reply-indicator__content a.mention span:focus,.reply-indicator__content a.mention span:active{text-decoration:none}.rich-formatting a:hover,.rich-formatting a:focus,.rich-formatting a:active,.rich-formatting p a:hover,.rich-formatting p a:focus,.rich-formatting p a:active,.rich-formatting li a:hover,.rich-formatting li a:focus,.rich-formatting li a:active,.landing-page__short-description p a:hover,.landing-page__short-description p a:focus,.landing-page__short-description p a:active,.status__content a:hover,.status__content a:focus,.status__content a:active,.reply-indicator__content a:hover,.reply-indicator__content a:focus,.reply-indicator__content a:active{text-decoration:none}.rich-formatting a.status__content__spoiler-link,.rich-formatting p a.status__content__spoiler-link,.rich-formatting li a.status__content__spoiler-link,.landing-page__short-description p a.status__content__spoiler-link,.status__content a.status__content__spoiler-link,.reply-indicator__content a.status__content__spoiler-link{color:#ecf0f4;text-decoration:none}.status__content__read-more-button{text-decoration:underline}.status__content__read-more-button:hover,.status__content__read-more-button:focus,.status__content__read-more-button:active{text-decoration:none}.getting-started__footer a{text-decoration:underline}.getting-started__footer a:hover,.getting-started__footer a:focus,.getting-started__footer a:active{text-decoration:none}.nothing-here{color:#dde3ec}.public-layout .public-account-header__tabs__tabs .counter.active::after{border-bottom:4px solid #2b5fd9}","/* http://meyerweb.com/eric/tools/css/reset/\n   v2.0 | 20110126\n   License: none (public domain)\n*/\n\nhtml, body, div, span, applet, object, iframe,\nh1, h2, h3, h4, h5, h6, p, blockquote, pre,\na, abbr, acronym, address, big, cite, code,\ndel, dfn, em, img, ins, kbd, q, s, samp,\nsmall, strike, strong, sub, sup, tt, var,\nb, u, i, center,\ndl, dt, dd, ol, ul, li,\nfieldset, form, label, legend,\ntable, caption, tbody, tfoot, thead, tr, th, td,\narticle, aside, canvas, details, embed,\nfigure, figcaption, footer, header, hgroup,\nmenu, nav, output, ruby, section, summary,\ntime, mark, audio, video {\n  margin: 0;\n  padding: 0;\n  border: 0;\n  font-size: 100%;\n  font: inherit;\n  vertical-align: baseline;\n}\n\n/* HTML5 display-role reset for older browsers */\narticle, aside, details, figcaption, figure,\nfooter, header, hgroup, menu, nav, section {\n  display: block;\n}\n\nbody {\n  line-height: 1;\n}\n\nol, ul {\n  list-style: none;\n}\n\nblockquote, q {\n  quotes: none;\n}\n\nblockquote:before, blockquote:after,\nq:before, q:after {\n  content: '';\n  content: none;\n}\n\ntable {\n  border-collapse: collapse;\n  border-spacing: 0;\n}\n\nhtml {\n  scrollbar-color: lighten($ui-base-color, 4%) rgba($base-overlay-background, 0.1);\n}\n\n::-webkit-scrollbar {\n  width: 12px;\n  height: 12px;\n}\n\n::-webkit-scrollbar-thumb {\n  background: lighten($ui-base-color, 4%);\n  border: 0px none $base-border-color;\n  border-radius: 50px;\n}\n\n::-webkit-scrollbar-thumb:hover {\n  background: lighten($ui-base-color, 6%);\n}\n\n::-webkit-scrollbar-thumb:active {\n  background: lighten($ui-base-color, 4%);\n}\n\n::-webkit-scrollbar-track {\n  border: 0px none $base-border-color;\n  border-radius: 0;\n  background: rgba($base-overlay-background, 0.1);\n}\n\n::-webkit-scrollbar-track:hover {\n  background: $ui-base-color;\n}\n\n::-webkit-scrollbar-track:active {\n  background: $ui-base-color;\n}\n\n::-webkit-scrollbar-corner {\n  background: transparent;\n}\n","// Dependent colors\n$black: #000000;\n\n$classic-base-color: #282c37;\n$classic-primary-color: #9baec8;\n$classic-secondary-color: #d9e1e8;\n$classic-highlight-color: #2b90d9;\n\n$ui-base-color: $classic-base-color !default;\n$ui-primary-color: $classic-primary-color !default;\n$ui-secondary-color: $classic-secondary-color !default;\n\n// Differences\n$ui-highlight-color: #2b5fd9;\n\n$darker-text-color: lighten($ui-primary-color, 20%) !default;\n$dark-text-color: lighten($ui-primary-color, 12%) !default;\n$secondary-text-color: lighten($ui-secondary-color, 6%) !default;\n$highlight-text-color: $classic-highlight-color !default;\n$action-button-color: #8d9ac2;\n\n$inverted-text-color: $black !default;\n$lighter-text-color: darken($ui-base-color, 6%) !default;\n$light-text-color: darken($ui-primary-color, 40%) !default;\n","@function hex-color($color) {\n  @if type-of($color) == 'color' {\n    $color: str-slice(ie-hex-str($color), 4);\n  }\n\n  @return '%23' + unquote($color);\n}\n\nbody {\n  font-family: $font-sans-serif, sans-serif;\n  background: darken($ui-base-color, 7%);\n  font-size: 13px;\n  line-height: 18px;\n  font-weight: 400;\n  color: $primary-text-color;\n  text-rendering: optimizelegibility;\n  font-feature-settings: \"kern\";\n  text-size-adjust: none;\n  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);\n  -webkit-tap-highlight-color: transparent;\n\n  &.system-font {\n    // system-ui => standard property (Chrome/Android WebView 56+, Opera 43+, Safari 11+)\n    // -apple-system => Safari <11 specific\n    // BlinkMacSystemFont => Chrome <56 on macOS specific\n    // Segoe UI => Windows 7/8/10\n    // Oxygen => KDE\n    // Ubuntu => Unity/Ubuntu\n    // Cantarell => GNOME\n    // Fira Sans => Firefox OS\n    // Droid Sans => Older Androids (<4.0)\n    // Helvetica Neue => Older macOS <10.11\n    // $font-sans-serif => web-font (Roboto) fallback and newer Androids (>=4.0)\n    font-family: system-ui, -apple-system, BlinkMacSystemFont, \"Segoe UI\", \"Oxygen\", \"Ubuntu\", \"Cantarell\", \"Fira Sans\", \"Droid Sans\", \"Helvetica Neue\", $font-sans-serif, sans-serif;\n  }\n\n  &.app-body {\n    padding: 0;\n\n    &.layout-single-column {\n      height: auto;\n      min-height: 100vh;\n      overflow-y: scroll;\n    }\n\n    &.layout-multiple-columns {\n      position: absolute;\n      width: 100%;\n      height: 100%;\n    }\n\n    &.with-modals--active {\n      overflow-y: hidden;\n    }\n  }\n\n  &.lighter {\n    background: $ui-base-color;\n  }\n\n  &.with-modals {\n    overflow-x: hidden;\n    overflow-y: scroll;\n\n    &--active {\n      overflow-y: hidden;\n    }\n  }\n\n  &.player {\n    text-align: center;\n  }\n\n  &.embed {\n    background: lighten($ui-base-color, 4%);\n    margin: 0;\n    padding-bottom: 0;\n\n    .container {\n      position: absolute;\n      width: 100%;\n      height: 100%;\n      overflow: hidden;\n    }\n  }\n\n  &.admin {\n    background: darken($ui-base-color, 4%);\n    padding: 0;\n  }\n\n  &.error {\n    position: absolute;\n    text-align: center;\n    color: $darker-text-color;\n    background: $ui-base-color;\n    width: 100%;\n    height: 100%;\n    padding: 0;\n    display: flex;\n    justify-content: center;\n    align-items: center;\n\n    .dialog {\n      vertical-align: middle;\n      margin: 20px;\n\n      &__illustration {\n        img {\n          display: block;\n          max-width: 470px;\n          width: 100%;\n          height: auto;\n          margin-top: -120px;\n        }\n      }\n\n      h1 {\n        font-size: 20px;\n        line-height: 28px;\n        font-weight: 400;\n      }\n    }\n  }\n}\n\nbutton {\n  font-family: inherit;\n  cursor: pointer;\n\n  &:focus {\n    outline: none;\n  }\n}\n\n.app-holder {\n  &,\n  & > div,\n  & > noscript {\n    display: flex;\n    width: 100%;\n    align-items: center;\n    justify-content: center;\n    outline: 0 !important;\n  }\n\n  & > noscript {\n    height: 100vh;\n  }\n}\n\n.layout-single-column .app-holder {\n  &,\n  & > div {\n    min-height: 100vh;\n  }\n}\n\n.layout-multiple-columns .app-holder {\n  &,\n  & > div {\n    height: 100%;\n  }\n}\n\n.error-boundary,\n.app-holder noscript {\n  flex-direction: column;\n  font-size: 16px;\n  font-weight: 400;\n  line-height: 1.7;\n  color: lighten($error-red, 4%);\n  text-align: center;\n\n  & > div {\n    max-width: 500px;\n  }\n\n  p {\n    margin-bottom: .85em;\n\n    &:last-child {\n      margin-bottom: 0;\n    }\n  }\n\n  a {\n    color: $highlight-text-color;\n\n    &:hover,\n    &:focus,\n    &:active {\n      text-decoration: none;\n    }\n  }\n\n  &__footer {\n    color: $dark-text-color;\n    font-size: 13px;\n\n    a {\n      color: $dark-text-color;\n    }\n  }\n\n  button {\n    display: inline;\n    border: 0;\n    background: transparent;\n    color: $dark-text-color;\n    font: inherit;\n    padding: 0;\n    margin: 0;\n    line-height: inherit;\n    cursor: pointer;\n    outline: 0;\n    transition: color 300ms linear;\n    text-decoration: underline;\n\n    &:hover,\n    &:focus,\n    &:active {\n      text-decoration: none;\n    }\n\n    &.copied {\n      color: $valid-value-color;\n      transition: none;\n    }\n  }\n}\n","// Commonly used web colors\n$black: #000000;            // Black\n$white: #ffffff;            // White\n$success-green: #79bd9a !default;    // Padua\n$error-red: #df405a !default;        // Cerise\n$warning-red: #ff5050 !default;      // Sunset Orange\n$gold-star: #ca8f04 !default;        // Dark Goldenrod\n\n$red-bookmark: $warning-red;\n\n// Pleroma-Dark colors\n$pleroma-bg: #121a24;\n$pleroma-fg: #182230;\n$pleroma-text: #b9b9ba;\n$pleroma-links: #d8a070;\n\n// Values from the classic Mastodon UI\n$classic-base-color: $pleroma-bg;\n$classic-primary-color: #9baec8;\n$classic-secondary-color: #d9e1e8;\n$classic-highlight-color: #d8a070;\n\n// Variables for defaults in UI\n$base-shadow-color: $black !default;\n$base-overlay-background: $black !default;\n$base-border-color: $white !default;\n$simple-background-color: $white !default;\n$valid-value-color: $success-green !default;\n$error-value-color: $error-red !default;\n\n// Tell UI to use selected colors\n$ui-base-color: $classic-base-color !default;                  // Darkest\n$ui-base-lighter-color: lighten($ui-base-color, 26%) !default; // Lighter darkest\n$ui-primary-color: $classic-primary-color !default;            // Lighter\n$ui-secondary-color: $classic-secondary-color !default;        // Lightest\n$ui-highlight-color: $classic-highlight-color !default;\n\n// Variables for texts\n$primary-text-color: $white !default;\n$darker-text-color: $ui-primary-color !default;\n$dark-text-color: $ui-base-lighter-color !default;\n$secondary-text-color: $ui-secondary-color !default;\n$highlight-text-color: $ui-highlight-color !default;\n$action-button-color: $ui-base-lighter-color !default;\n// For texts on inverted backgrounds\n$inverted-text-color: $ui-base-color !default;\n$lighter-text-color: $ui-base-lighter-color !default;\n$light-text-color: $ui-primary-color !default;\n\n// Language codes that uses CJK fonts\n$cjk-langs: ja, ko, zh-CN, zh-HK, zh-TW;\n\n// Variables for components\n$media-modal-media-max-width: 100%;\n// put margins on top and bottom of image to avoid the screen covered by image.\n$media-modal-media-max-height: 80%;\n\n$no-gap-breakpoint: 415px;\n\n$font-sans-serif: 'mastodon-font-sans-serif' !default;\n$font-display: 'mastodon-font-display' !default;\n$font-monospace: 'mastodon-font-monospace' !default;\n",".container-alt {\n  width: 700px;\n  margin: 0 auto;\n  margin-top: 40px;\n\n  @media screen and (max-width: 740px) {\n    width: 100%;\n    margin: 0;\n  }\n}\n\n.logo-container {\n  margin: 100px auto 50px;\n\n  @media screen and (max-width: 500px) {\n    margin: 40px auto 0;\n  }\n\n  h1 {\n    display: flex;\n    justify-content: center;\n    align-items: center;\n\n    svg {\n      fill: $primary-text-color;\n      height: 42px;\n      margin-right: 10px;\n    }\n\n    a {\n      display: flex;\n      justify-content: center;\n      align-items: center;\n      color: $primary-text-color;\n      text-decoration: none;\n      outline: 0;\n      padding: 12px 16px;\n      line-height: 32px;\n      font-family: $font-display, sans-serif;\n      font-weight: 500;\n      font-size: 14px;\n    }\n  }\n}\n\n.compose-standalone {\n  .compose-form {\n    width: 400px;\n    margin: 0 auto;\n    padding: 20px 0;\n    margin-top: 40px;\n    box-sizing: border-box;\n\n    @media screen and (max-width: 400px) {\n      width: 100%;\n      margin-top: 0;\n      padding: 20px;\n    }\n  }\n}\n\n.account-header {\n  width: 400px;\n  margin: 0 auto;\n  display: flex;\n  font-size: 13px;\n  line-height: 18px;\n  box-sizing: border-box;\n  padding: 20px 0;\n  padding-bottom: 0;\n  margin-bottom: -30px;\n  margin-top: 40px;\n\n  @media screen and (max-width: 440px) {\n    width: 100%;\n    margin: 0;\n    margin-bottom: 10px;\n    padding: 20px;\n    padding-bottom: 0;\n  }\n\n  .avatar {\n    width: 40px;\n    height: 40px;\n    margin-right: 8px;\n\n    img {\n      width: 100%;\n      height: 100%;\n      display: block;\n      margin: 0;\n      border-radius: 4px;\n    }\n  }\n\n  .name {\n    flex: 1 1 auto;\n    color: $secondary-text-color;\n    width: calc(100% - 88px);\n\n    .username {\n      display: block;\n      font-weight: 500;\n      text-overflow: ellipsis;\n      overflow: hidden;\n    }\n  }\n\n  .logout-link {\n    display: block;\n    font-size: 32px;\n    line-height: 40px;\n    margin-left: 8px;\n  }\n}\n\n.grid-3 {\n  display: grid;\n  grid-gap: 10px;\n  grid-template-columns: 3fr 1fr;\n  grid-auto-columns: 25%;\n  grid-auto-rows: max-content;\n\n  .column-0 {\n    grid-column: 1 / 3;\n    grid-row: 1;\n  }\n\n  .column-1 {\n    grid-column: 1;\n    grid-row: 2;\n  }\n\n  .column-2 {\n    grid-column: 2;\n    grid-row: 2;\n  }\n\n  .column-3 {\n    grid-column: 1 / 3;\n    grid-row: 3;\n  }\n\n  @media screen and (max-width: $no-gap-breakpoint) {\n    grid-gap: 0;\n    grid-template-columns: minmax(0, 100%);\n\n    .column-0 {\n      grid-column: 1;\n    }\n\n    .column-1 {\n      grid-column: 1;\n      grid-row: 3;\n    }\n\n    .column-2 {\n      grid-column: 1;\n      grid-row: 2;\n    }\n\n    .column-3 {\n      grid-column: 1;\n      grid-row: 4;\n    }\n  }\n}\n\n.grid-4 {\n  display: grid;\n  grid-gap: 10px;\n  grid-template-columns: repeat(4, minmax(0, 1fr));\n  grid-auto-columns: 25%;\n  grid-auto-rows: max-content;\n\n  .column-0 {\n    grid-column: 1 / 5;\n    grid-row: 1;\n  }\n\n  .column-1 {\n    grid-column: 1 / 4;\n    grid-row: 2;\n  }\n\n  .column-2 {\n    grid-column: 4;\n    grid-row: 2;\n  }\n\n  .column-3 {\n    grid-column: 2 / 5;\n    grid-row: 3;\n  }\n\n  .column-4 {\n    grid-column: 1;\n    grid-row: 3;\n  }\n\n  .landing-page__call-to-action {\n    min-height: 100%;\n  }\n\n  .flash-message {\n    margin-bottom: 10px;\n  }\n\n  @media screen and (max-width: 738px) {\n    grid-template-columns: minmax(0, 50%) minmax(0, 50%);\n\n    .landing-page__call-to-action {\n      padding: 20px;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n    }\n\n    .row__information-board {\n      width: 100%;\n      justify-content: center;\n      align-items: center;\n    }\n\n    .row__mascot {\n      display: none;\n    }\n  }\n\n  @media screen and (max-width: $no-gap-breakpoint) {\n    grid-gap: 0;\n    grid-template-columns: minmax(0, 100%);\n\n    .column-0 {\n      grid-column: 1;\n    }\n\n    .column-1 {\n      grid-column: 1;\n      grid-row: 3;\n    }\n\n    .column-2 {\n      grid-column: 1;\n      grid-row: 2;\n    }\n\n    .column-3 {\n      grid-column: 1;\n      grid-row: 5;\n    }\n\n    .column-4 {\n      grid-column: 1;\n      grid-row: 4;\n    }\n  }\n}\n\n.public-layout {\n  @media screen and (max-width: $no-gap-breakpoint) {\n    padding-top: 48px;\n  }\n\n  .container {\n    max-width: 960px;\n\n    @media screen and (max-width: $no-gap-breakpoint) {\n      padding: 0;\n    }\n  }\n\n  .header {\n    background: lighten($ui-base-color, 8%);\n    box-shadow: 0 0 15px rgba($base-shadow-color, 0.2);\n    border-radius: 4px;\n    height: 48px;\n    margin: 10px 0;\n    display: flex;\n    align-items: stretch;\n    justify-content: center;\n    flex-wrap: nowrap;\n    overflow: hidden;\n\n    @media screen and (max-width: $no-gap-breakpoint) {\n      position: fixed;\n      width: 100%;\n      top: 0;\n      left: 0;\n      margin: 0;\n      border-radius: 0;\n      box-shadow: none;\n      z-index: 110;\n    }\n\n    & > div {\n      flex: 1 1 33.3%;\n      min-height: 1px;\n    }\n\n    .nav-left {\n      display: flex;\n      align-items: stretch;\n      justify-content: flex-start;\n      flex-wrap: nowrap;\n    }\n\n    .nav-center {\n      display: flex;\n      align-items: stretch;\n      justify-content: center;\n      flex-wrap: nowrap;\n    }\n\n    .nav-right {\n      display: flex;\n      align-items: stretch;\n      justify-content: flex-end;\n      flex-wrap: nowrap;\n    }\n\n    .brand {\n      display: block;\n      padding: 15px;\n\n      svg {\n        display: block;\n        height: 18px;\n        width: auto;\n        position: relative;\n        bottom: -2px;\n        fill: $primary-text-color;\n\n        @media screen and (max-width: $no-gap-breakpoint) {\n          height: 20px;\n        }\n      }\n\n      &:hover,\n      &:focus,\n      &:active {\n        background: lighten($ui-base-color, 12%);\n      }\n    }\n\n    .nav-link {\n      display: flex;\n      align-items: center;\n      padding: 0 1rem;\n      font-size: 12px;\n      font-weight: 500;\n      text-decoration: none;\n      color: $darker-text-color;\n      white-space: nowrap;\n      text-align: center;\n\n      &:hover,\n      &:focus,\n      &:active {\n        text-decoration: underline;\n        color: $primary-text-color;\n      }\n\n      @media screen and (max-width: 550px) {\n        &.optional {\n          display: none;\n        }\n      }\n    }\n\n    .nav-button {\n      background: lighten($ui-base-color, 16%);\n      margin: 8px;\n      margin-left: 0;\n      border-radius: 4px;\n\n      &:hover,\n      &:focus,\n      &:active {\n        text-decoration: none;\n        background: lighten($ui-base-color, 20%);\n      }\n    }\n  }\n\n  $no-columns-breakpoint: 600px;\n\n  .grid {\n    display: grid;\n    grid-gap: 10px;\n    grid-template-columns: minmax(300px, 3fr) minmax(298px, 1fr);\n    grid-auto-columns: 25%;\n    grid-auto-rows: max-content;\n\n    .column-0 {\n      grid-row: 1;\n      grid-column: 1;\n    }\n\n    .column-1 {\n      grid-row: 1;\n      grid-column: 2;\n    }\n\n    @media screen and (max-width: $no-columns-breakpoint) {\n      grid-template-columns: 100%;\n      grid-gap: 0;\n\n      .column-1 {\n        display: none;\n      }\n    }\n  }\n\n  .directory__card {\n    border-radius: 4px;\n\n    @media screen and (max-width: $no-gap-breakpoint) {\n      border-radius: 0;\n    }\n  }\n\n  .page-header {\n    @media screen and (max-width: $no-gap-breakpoint) {\n      border-bottom: 0;\n    }\n  }\n\n  .public-account-header {\n    overflow: hidden;\n    margin-bottom: 10px;\n    box-shadow: 0 0 15px rgba($base-shadow-color, 0.2);\n\n    &.inactive {\n      opacity: 0.5;\n\n      .public-account-header__image,\n      .avatar {\n        filter: grayscale(100%);\n      }\n\n      .logo-button {\n        background-color: $secondary-text-color;\n      }\n    }\n\n    &__image {\n      border-radius: 4px 4px 0 0;\n      overflow: hidden;\n      height: 300px;\n      position: relative;\n      background: darken($ui-base-color, 12%);\n\n      &::after {\n        content: \"\";\n        display: block;\n        position: absolute;\n        width: 100%;\n        height: 100%;\n        box-shadow: inset 0 -1px 1px 1px rgba($base-shadow-color, 0.15);\n        top: 0;\n        left: 0;\n      }\n\n      img {\n        object-fit: cover;\n        display: block;\n        width: 100%;\n        height: 100%;\n        margin: 0;\n        border-radius: 4px 4px 0 0;\n      }\n\n      @media screen and (max-width: 600px) {\n        height: 200px;\n      }\n    }\n\n    &--no-bar {\n      margin-bottom: 0;\n\n      .public-account-header__image,\n      .public-account-header__image img {\n        border-radius: 4px;\n\n        @media screen and (max-width: $no-gap-breakpoint) {\n          border-radius: 0;\n        }\n      }\n    }\n\n    @media screen and (max-width: $no-gap-breakpoint) {\n      margin-bottom: 0;\n      box-shadow: none;\n\n      &__image::after {\n        display: none;\n      }\n\n      &__image,\n      &__image img {\n        border-radius: 0;\n      }\n    }\n\n    &__bar {\n      position: relative;\n      margin-top: -80px;\n      display: flex;\n      justify-content: flex-start;\n\n      &::before {\n        content: \"\";\n        display: block;\n        background: lighten($ui-base-color, 4%);\n        position: absolute;\n        bottom: 0;\n        left: 0;\n        right: 0;\n        height: 60px;\n        border-radius: 0 0 4px 4px;\n        z-index: -1;\n      }\n\n      .avatar {\n        display: block;\n        width: 120px;\n        height: 120px;\n        padding-left: 20px - 4px;\n        flex: 0 0 auto;\n\n        img {\n          display: block;\n          width: 100%;\n          height: 100%;\n          margin: 0;\n          border-radius: 50%;\n          border: 4px solid lighten($ui-base-color, 4%);\n          background: darken($ui-base-color, 8%);\n        }\n      }\n\n      @media screen and (max-width: 600px) {\n        margin-top: 0;\n        background: lighten($ui-base-color, 4%);\n        border-radius: 0 0 4px 4px;\n        padding: 5px;\n\n        &::before {\n          display: none;\n        }\n\n        .avatar {\n          width: 48px;\n          height: 48px;\n          padding: 7px 0;\n          padding-left: 10px;\n\n          img {\n            border: 0;\n            border-radius: 4px;\n          }\n\n          @media screen and (max-width: 360px) {\n            display: none;\n          }\n        }\n      }\n\n      @media screen and (max-width: $no-gap-breakpoint) {\n        border-radius: 0;\n      }\n\n      @media screen and (max-width: $no-columns-breakpoint) {\n        flex-wrap: wrap;\n      }\n    }\n\n    &__tabs {\n      flex: 1 1 auto;\n      margin-left: 20px;\n\n      &__name {\n        padding-top: 20px;\n        padding-bottom: 8px;\n\n        h1 {\n          font-size: 20px;\n          line-height: 18px * 1.5;\n          color: $primary-text-color;\n          font-weight: 500;\n          overflow: hidden;\n          white-space: nowrap;\n          text-overflow: ellipsis;\n          text-shadow: 1px 1px 1px $base-shadow-color;\n\n          small {\n            display: block;\n            font-size: 14px;\n            color: $primary-text-color;\n            font-weight: 400;\n            overflow: hidden;\n            text-overflow: ellipsis;\n          }\n        }\n      }\n\n      @media screen and (max-width: 600px) {\n        margin-left: 15px;\n        display: flex;\n        justify-content: space-between;\n        align-items: center;\n\n        &__name {\n          padding-top: 0;\n          padding-bottom: 0;\n\n          h1 {\n            font-size: 16px;\n            line-height: 24px;\n            text-shadow: none;\n\n            small {\n              color: $darker-text-color;\n            }\n          }\n        }\n      }\n\n      &__tabs {\n        display: flex;\n        justify-content: flex-start;\n        align-items: stretch;\n        height: 58px;\n\n        .details-counters {\n          display: flex;\n          flex-direction: row;\n          min-width: 300px;\n        }\n\n        @media screen and (max-width: $no-columns-breakpoint) {\n          .details-counters {\n            display: none;\n          }\n        }\n\n        .counter {\n          min-width: 33.3%;\n          box-sizing: border-box;\n          flex: 0 0 auto;\n          color: $darker-text-color;\n          padding: 10px;\n          border-right: 1px solid lighten($ui-base-color, 4%);\n          cursor: default;\n          text-align: center;\n          position: relative;\n\n          a {\n            display: block;\n          }\n\n          &:last-child {\n            border-right: 0;\n          }\n\n          &::after {\n            display: block;\n            content: \"\";\n            position: absolute;\n            bottom: 0;\n            left: 0;\n            width: 100%;\n            border-bottom: 4px solid $ui-primary-color;\n            opacity: 0.5;\n            transition: all 400ms ease;\n          }\n\n          &.active {\n            &::after {\n              border-bottom: 4px solid $highlight-text-color;\n              opacity: 1;\n            }\n\n            &.inactive::after {\n              border-bottom-color: $secondary-text-color;\n            }\n          }\n\n          &:hover {\n            &::after {\n              opacity: 1;\n              transition-duration: 100ms;\n            }\n          }\n\n          a {\n            text-decoration: none;\n            color: inherit;\n          }\n\n          .counter-label {\n            font-size: 12px;\n            display: block;\n          }\n\n          .counter-number {\n            font-weight: 500;\n            font-size: 18px;\n            margin-bottom: 5px;\n            color: $primary-text-color;\n            font-family: $font-display, sans-serif;\n          }\n        }\n\n        .spacer {\n          flex: 1 1 auto;\n          height: 1px;\n        }\n\n        &__buttons {\n          padding: 7px 8px;\n        }\n      }\n    }\n\n    &__extra {\n      display: none;\n      margin-top: 4px;\n\n      .public-account-bio {\n        border-radius: 0;\n        box-shadow: none;\n        background: transparent;\n        margin: 0 -5px;\n\n        .account__header__fields {\n          border-top: 1px solid lighten($ui-base-color, 12%);\n        }\n\n        .roles {\n          display: none;\n        }\n      }\n\n      &__links {\n        margin-top: -15px;\n        font-size: 14px;\n        color: $darker-text-color;\n\n        a {\n          display: inline-block;\n          color: $darker-text-color;\n          text-decoration: none;\n          padding: 15px;\n          font-weight: 500;\n\n          strong {\n            font-weight: 700;\n            color: $primary-text-color;\n          }\n        }\n      }\n\n      @media screen and (max-width: $no-columns-breakpoint) {\n        display: block;\n        flex: 100%;\n      }\n    }\n  }\n\n  .account__section-headline {\n    border-radius: 4px 4px 0 0;\n\n    @media screen and (max-width: $no-gap-breakpoint) {\n      border-radius: 0;\n    }\n  }\n\n  .detailed-status__meta {\n    margin-top: 25px;\n  }\n\n  .public-account-bio {\n    background: lighten($ui-base-color, 8%);\n    box-shadow: 0 0 15px rgba($base-shadow-color, 0.2);\n    border-radius: 4px;\n    overflow: hidden;\n    margin-bottom: 10px;\n\n    @media screen and (max-width: $no-gap-breakpoint) {\n      box-shadow: none;\n      margin-bottom: 0;\n      border-radius: 0;\n    }\n\n    .account__header__fields {\n      margin: 0;\n      border-top: 0;\n\n      a {\n        color: lighten($ui-highlight-color, 8%);\n      }\n\n      dl:first-child .verified {\n        border-radius: 0 4px 0 0;\n      }\n\n      .verified a {\n        color: $valid-value-color;\n      }\n    }\n\n    .account__header__content {\n      padding: 20px;\n      padding-bottom: 0;\n      color: $primary-text-color;\n    }\n\n    &__extra,\n    .roles {\n      padding: 20px;\n      font-size: 14px;\n      color: $darker-text-color;\n    }\n\n    .roles {\n      padding-bottom: 0;\n    }\n  }\n\n  .directory__list {\n    display: grid;\n    grid-gap: 10px;\n    grid-template-columns: minmax(0, 50%) minmax(0, 50%);\n\n    @media screen and (max-width: $no-gap-breakpoint) {\n      display: block;\n    }\n\n    .icon-button {\n      font-size: 18px;\n    }\n  }\n\n  .directory__card {\n    margin-bottom: 0;\n  }\n\n  .card-grid {\n    display: flex;\n    flex-wrap: wrap;\n    min-width: 100%;\n    margin: 0 -5px;\n\n    & > div {\n      box-sizing: border-box;\n      flex: 1 0 auto;\n      width: 300px;\n      padding: 0 5px;\n      margin-bottom: 10px;\n      max-width: 33.333%;\n\n      @media screen and (max-width: 900px) {\n        max-width: 50%;\n      }\n\n      @media screen and (max-width: 600px) {\n        max-width: 100%;\n      }\n    }\n\n    @media screen and (max-width: $no-gap-breakpoint) {\n      margin: 0;\n      border-top: 1px solid lighten($ui-base-color, 8%);\n\n      & > div {\n        width: 100%;\n        padding: 0;\n        margin-bottom: 0;\n        border-bottom: 1px solid lighten($ui-base-color, 8%);\n\n        &:last-child {\n          border-bottom: 0;\n        }\n\n        .card__bar {\n          background: $ui-base-color;\n\n          &:hover,\n          &:active,\n          &:focus {\n            background: lighten($ui-base-color, 4%);\n          }\n        }\n      }\n    }\n  }\n}\n",".no-list {\n  list-style: none;\n\n  li {\n    display: inline-block;\n    margin: 0 5px;\n  }\n}\n\n.recovery-codes {\n  list-style: none;\n  margin: 0 auto;\n\n  li {\n    font-size: 125%;\n    line-height: 1.5;\n    letter-spacing: 1px;\n  }\n}\n",".public-layout {\n  .footer {\n    text-align: left;\n    padding-top: 20px;\n    padding-bottom: 60px;\n    font-size: 12px;\n    color: lighten($ui-base-color, 34%);\n\n    @media screen and (max-width: $no-gap-breakpoint) {\n      padding-left: 20px;\n      padding-right: 20px;\n    }\n\n    .grid {\n      display: grid;\n      grid-gap: 10px;\n      grid-template-columns: 1fr 1fr 2fr 1fr 1fr;\n\n      .column-0 {\n        grid-column: 1;\n        grid-row: 1;\n        min-width: 0;\n      }\n\n      .column-1 {\n        grid-column: 2;\n        grid-row: 1;\n        min-width: 0;\n      }\n\n      .column-2 {\n        grid-column: 3;\n        grid-row: 1;\n        min-width: 0;\n        text-align: center;\n\n        h4 a {\n          color: lighten($ui-base-color, 34%);\n        }\n      }\n\n      .column-3 {\n        grid-column: 4;\n        grid-row: 1;\n        min-width: 0;\n      }\n\n      .column-4 {\n        grid-column: 5;\n        grid-row: 1;\n        min-width: 0;\n      }\n\n      @media screen and (max-width: 690px) {\n        grid-template-columns: 1fr 2fr 1fr;\n\n        .column-0,\n        .column-1 {\n          grid-column: 1;\n        }\n\n        .column-1 {\n          grid-row: 2;\n        }\n\n        .column-2 {\n          grid-column: 2;\n        }\n\n        .column-3,\n        .column-4 {\n          grid-column: 3;\n        }\n\n        .column-4 {\n          grid-row: 2;\n        }\n      }\n\n      @media screen and (max-width: 600px) {\n        .column-1 {\n          display: block;\n        }\n      }\n\n      @media screen and (max-width: $no-gap-breakpoint) {\n        .column-0,\n        .column-1,\n        .column-3,\n        .column-4 {\n          display: none;\n        }\n      }\n    }\n\n    h4 {\n      font-weight: 700;\n      margin-bottom: 8px;\n      color: $darker-text-color;\n\n      a {\n        color: inherit;\n        text-decoration: none;\n      }\n    }\n\n    ul a {\n      text-decoration: none;\n      color: lighten($ui-base-color, 34%);\n\n      &:hover,\n      &:active,\n      &:focus {\n        text-decoration: underline;\n      }\n    }\n\n    .brand {\n      svg {\n        display: block;\n        height: 36px;\n        width: auto;\n        margin: 0 auto;\n        fill: lighten($ui-base-color, 34%);\n      }\n\n      &:hover,\n      &:focus,\n      &:active {\n        svg {\n          fill: lighten($ui-base-color, 38%);\n        }\n      }\n    }\n  }\n}\n",".compact-header {\n  h1 {\n    font-size: 24px;\n    line-height: 28px;\n    color: $darker-text-color;\n    font-weight: 500;\n    margin-bottom: 20px;\n    padding: 0 10px;\n    word-wrap: break-word;\n\n    @media screen and (max-width: 740px) {\n      text-align: center;\n      padding: 20px 10px 0;\n    }\n\n    a {\n      color: inherit;\n      text-decoration: none;\n    }\n\n    small {\n      font-weight: 400;\n      color: $secondary-text-color;\n    }\n\n    img {\n      display: inline-block;\n      margin-bottom: -5px;\n      margin-right: 15px;\n      width: 36px;\n      height: 36px;\n    }\n  }\n}\n",".hero-widget {\n  margin-bottom: 10px;\n  box-shadow: 0 0 15px rgba($base-shadow-color, 0.2);\n\n  &__img {\n    width: 100%;\n    position: relative;\n    overflow: hidden;\n    border-radius: 4px 4px 0 0;\n    background: $base-shadow-color;\n\n    img {\n      object-fit: cover;\n      display: block;\n      width: 100%;\n      height: 100%;\n      margin: 0;\n      border-radius: 4px 4px 0 0;\n    }\n  }\n\n  &__text {\n    background: $ui-base-color;\n    padding: 20px;\n    border-radius: 0 0 4px 4px;\n    font-size: 15px;\n    color: $darker-text-color;\n    line-height: 20px;\n    word-wrap: break-word;\n    font-weight: 400;\n\n    .emojione {\n      width: 20px;\n      height: 20px;\n      margin: -3px 0 0;\n    }\n\n    p {\n      margin-bottom: 20px;\n\n      &:last-child {\n        margin-bottom: 0;\n      }\n    }\n\n    em {\n      display: inline;\n      margin: 0;\n      padding: 0;\n      font-weight: 700;\n      background: transparent;\n      font-family: inherit;\n      font-size: inherit;\n      line-height: inherit;\n      color: lighten($darker-text-color, 10%);\n    }\n\n    a {\n      color: $secondary-text-color;\n      text-decoration: none;\n\n      &:hover {\n        text-decoration: underline;\n      }\n    }\n  }\n\n  @media screen and (max-width: $no-gap-breakpoint) {\n    display: none;\n  }\n}\n\n.endorsements-widget {\n  margin-bottom: 10px;\n  padding-bottom: 10px;\n\n  h4 {\n    padding: 10px;\n    font-weight: 700;\n    font-size: 14px;\n    color: $darker-text-color;\n  }\n\n  .account {\n    padding: 10px 0;\n\n    &:last-child {\n      border-bottom: 0;\n    }\n\n    .account__display-name {\n      display: flex;\n      align-items: center;\n    }\n\n    .account__avatar {\n      width: 44px;\n      height: 44px;\n      background-size: 44px 44px;\n    }\n  }\n\n  .trends__item {\n    padding: 10px;\n  }\n}\n\n.trends-widget {\n  h4 {\n    color: $darker-text-color;\n  }\n}\n\n.box-widget {\n  padding: 20px;\n  border-radius: 4px;\n  background: $ui-base-color;\n  box-shadow: 0 0 15px rgba($base-shadow-color, 0.2);\n}\n\n.placeholder-widget {\n  padding: 16px;\n  border-radius: 4px;\n  border: 2px dashed $dark-text-color;\n  text-align: center;\n  color: $darker-text-color;\n  margin-bottom: 10px;\n}\n\n.contact-widget {\n  min-height: 100%;\n  font-size: 15px;\n  color: $darker-text-color;\n  line-height: 20px;\n  word-wrap: break-word;\n  font-weight: 400;\n  padding: 0;\n\n  h4 {\n    padding: 10px;\n    font-weight: 700;\n    font-size: 14px;\n    color: $darker-text-color;\n  }\n\n  .account {\n    border-bottom: 0;\n    padding: 10px 0;\n    padding-top: 5px;\n  }\n\n  & > a {\n    display: inline-block;\n    padding: 10px;\n    padding-top: 0;\n    color: $darker-text-color;\n    text-decoration: none;\n    white-space: nowrap;\n    overflow: hidden;\n    text-overflow: ellipsis;\n\n    &:hover,\n    &:focus,\n    &:active {\n      text-decoration: underline;\n    }\n  }\n}\n\n.moved-account-widget {\n  padding: 15px;\n  padding-bottom: 20px;\n  border-radius: 4px;\n  background: $ui-base-color;\n  box-shadow: 0 0 15px rgba($base-shadow-color, 0.2);\n  color: $secondary-text-color;\n  font-weight: 400;\n  margin-bottom: 10px;\n\n  strong,\n  a {\n    font-weight: 500;\n\n    @each $lang in $cjk-langs {\n      &:lang(#{$lang}) {\n        font-weight: 700;\n      }\n    }\n  }\n\n  a {\n    color: inherit;\n    text-decoration: underline;\n\n    &.mention {\n      text-decoration: none;\n\n      span {\n        text-decoration: none;\n      }\n\n      &:focus,\n      &:hover,\n      &:active {\n        text-decoration: none;\n\n        span {\n          text-decoration: underline;\n        }\n      }\n    }\n  }\n\n  &__message {\n    margin-bottom: 15px;\n\n    .fa {\n      margin-right: 5px;\n      color: $darker-text-color;\n    }\n  }\n\n  &__card {\n    .detailed-status__display-avatar {\n      position: relative;\n      cursor: pointer;\n    }\n\n    .detailed-status__display-name {\n      margin-bottom: 0;\n      text-decoration: none;\n\n      span {\n        font-weight: 400;\n      }\n    }\n  }\n}\n\n.memoriam-widget {\n  padding: 20px;\n  border-radius: 4px;\n  background: $base-shadow-color;\n  box-shadow: 0 0 15px rgba($base-shadow-color, 0.2);\n  font-size: 14px;\n  color: $darker-text-color;\n  margin-bottom: 10px;\n}\n\n.page-header {\n  background: lighten($ui-base-color, 8%);\n  box-shadow: 0 0 15px rgba($base-shadow-color, 0.2);\n  border-radius: 4px;\n  padding: 60px 15px;\n  text-align: center;\n  margin: 10px 0;\n\n  h1 {\n    color: $primary-text-color;\n    font-size: 36px;\n    line-height: 1.1;\n    font-weight: 700;\n    margin-bottom: 10px;\n  }\n\n  p {\n    font-size: 15px;\n    color: $darker-text-color;\n  }\n\n  @media screen and (max-width: $no-gap-breakpoint) {\n    margin-top: 0;\n    background: lighten($ui-base-color, 4%);\n\n    h1 {\n      font-size: 24px;\n    }\n  }\n}\n\n.directory {\n  background: $ui-base-color;\n  border-radius: 4px;\n  box-shadow: 0 0 15px rgba($base-shadow-color, 0.2);\n\n  &__tag {\n    box-sizing: border-box;\n    margin-bottom: 10px;\n\n    & > a,\n    & > div {\n      display: flex;\n      align-items: center;\n      justify-content: space-between;\n      background: $ui-base-color;\n      border-radius: 4px;\n      padding: 15px;\n      text-decoration: none;\n      color: inherit;\n      box-shadow: 0 0 15px rgba($base-shadow-color, 0.2);\n    }\n\n    & > a {\n      &:hover,\n      &:active,\n      &:focus {\n        background: lighten($ui-base-color, 8%);\n      }\n    }\n\n    &.active > a {\n      background: $ui-highlight-color;\n      cursor: default;\n    }\n\n    &.disabled > div {\n      opacity: 0.5;\n      cursor: default;\n    }\n\n    h4 {\n      flex: 1 1 auto;\n      font-size: 18px;\n      font-weight: 700;\n      color: $primary-text-color;\n      white-space: nowrap;\n      overflow: hidden;\n      text-overflow: ellipsis;\n\n      .fa {\n        color: $darker-text-color;\n      }\n\n      small {\n        display: block;\n        font-weight: 400;\n        font-size: 15px;\n        margin-top: 8px;\n        color: $darker-text-color;\n      }\n    }\n\n    &.active h4 {\n      &,\n      .fa,\n      small,\n      .trends__item__current {\n        color: $primary-text-color;\n      }\n    }\n\n    .avatar-stack {\n      flex: 0 0 auto;\n      width: (36px + 4px) * 3;\n    }\n\n    &.active .avatar-stack .account__avatar {\n      border-color: $ui-highlight-color;\n    }\n\n    .trends__item__current {\n      padding-right: 0;\n    }\n  }\n}\n\n.avatar-stack {\n  display: flex;\n  justify-content: flex-end;\n\n  .account__avatar {\n    flex: 0 0 auto;\n    width: 36px;\n    height: 36px;\n    border-radius: 50%;\n    position: relative;\n    margin-left: -10px;\n    background: darken($ui-base-color, 8%);\n    border: 2px solid $ui-base-color;\n\n    &:nth-child(1) {\n      z-index: 1;\n    }\n\n    &:nth-child(2) {\n      z-index: 2;\n    }\n\n    &:nth-child(3) {\n      z-index: 3;\n    }\n  }\n}\n\n.accounts-table {\n  width: 100%;\n\n  .account {\n    padding: 0;\n    border: 0;\n  }\n\n  strong {\n    font-weight: 700;\n  }\n\n  thead th {\n    text-align: center;\n    color: $darker-text-color;\n    font-weight: 700;\n    padding: 10px;\n\n    &:first-child {\n      text-align: left;\n    }\n  }\n\n  tbody td {\n    padding: 15px 0;\n    vertical-align: middle;\n    border-bottom: 1px solid lighten($ui-base-color, 8%);\n  }\n\n  tbody tr:last-child td {\n    border-bottom: 0;\n  }\n\n  &__count {\n    width: 120px;\n    text-align: center;\n    font-size: 15px;\n    font-weight: 500;\n    color: $primary-text-color;\n\n    small {\n      display: block;\n      color: $darker-text-color;\n      font-weight: 400;\n      font-size: 14px;\n    }\n  }\n\n  &__comment {\n    width: 50%;\n    vertical-align: initial !important;\n  }\n\n  @media screen and (max-width: $no-gap-breakpoint) {\n    tbody td.optional {\n      display: none;\n    }\n  }\n}\n\n.moved-account-widget,\n.memoriam-widget,\n.box-widget,\n.contact-widget,\n.landing-page__information.contact-widget,\n.directory,\n.page-header {\n  @media screen and (max-width: $no-gap-breakpoint) {\n    margin-bottom: 0;\n    box-shadow: none;\n    border-radius: 0;\n  }\n}\n\n$maximum-width: 1235px;\n$fluid-breakpoint: $maximum-width + 20px;\n\n.statuses-grid {\n  min-height: 600px;\n\n  @media screen and (max-width: 640px) {\n    width: 100% !important; // Masonry layout is unnecessary at this width\n  }\n\n  &__item {\n    width: (960px - 20px) / 3;\n\n    @media screen and (max-width: $fluid-breakpoint) {\n      width: (940px - 20px) / 3;\n    }\n\n    @media screen and (max-width: 640px) {\n      width: 100%;\n    }\n\n    @media screen and (max-width: $no-gap-breakpoint) {\n      width: 100vw;\n    }\n  }\n\n  .detailed-status {\n    border-radius: 4px;\n\n    @media screen and (max-width: $no-gap-breakpoint) {\n      border-top: 1px solid lighten($ui-base-color, 16%);\n    }\n\n    &.compact {\n      .detailed-status__meta {\n        margin-top: 15px;\n      }\n\n      .status__content {\n        font-size: 15px;\n        line-height: 20px;\n\n        .emojione {\n          width: 20px;\n          height: 20px;\n          margin: -3px 0 0;\n        }\n\n        .status__content__spoiler-link {\n          line-height: 20px;\n          margin: 0;\n        }\n      }\n\n      .media-gallery,\n      .status-card,\n      .video-player {\n        margin-top: 15px;\n      }\n    }\n  }\n}\n\n.notice-widget {\n  margin-bottom: 10px;\n  color: $darker-text-color;\n\n  p {\n    margin-bottom: 10px;\n\n    &:last-child {\n      margin-bottom: 0;\n    }\n  }\n\n  a {\n    font-size: 14px;\n    line-height: 20px;\n  }\n}\n\n.notice-widget,\n.placeholder-widget {\n  a {\n    text-decoration: none;\n    font-weight: 500;\n    color: $ui-highlight-color;\n\n    &:hover,\n    &:focus,\n    &:active {\n      text-decoration: underline;\n    }\n  }\n}\n\n.table-of-contents {\n  background: darken($ui-base-color, 4%);\n  min-height: 100%;\n  font-size: 14px;\n  border-radius: 4px;\n\n  li a {\n    display: block;\n    font-weight: 500;\n    padding: 15px;\n    overflow: hidden;\n    white-space: nowrap;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    text-decoration: none;\n    color: $primary-text-color;\n    border-bottom: 1px solid lighten($ui-base-color, 4%);\n\n    &:hover,\n    &:focus,\n    &:active {\n      text-decoration: underline;\n    }\n  }\n\n  li:last-child a {\n    border-bottom: 0;\n  }\n\n  li ul {\n    padding-left: 20px;\n    border-bottom: 1px solid lighten($ui-base-color, 4%);\n  }\n}\n","$no-columns-breakpoint: 600px;\n\ncode {\n  font-family: $font-monospace, monospace;\n  font-weight: 400;\n}\n\n.form-container {\n  max-width: 400px;\n  padding: 20px;\n  margin: 0 auto;\n}\n\n.simple_form {\n  .input {\n    margin-bottom: 15px;\n    overflow: hidden;\n\n    &.hidden {\n      margin: 0;\n    }\n\n    &.radio_buttons {\n      .radio {\n        margin-bottom: 15px;\n\n        &:last-child {\n          margin-bottom: 0;\n        }\n      }\n\n      .radio > label {\n        position: relative;\n        padding-left: 28px;\n\n        input {\n          position: absolute;\n          top: -2px;\n          left: 0;\n        }\n      }\n    }\n\n    &.boolean {\n      position: relative;\n      margin-bottom: 0;\n\n      .label_input > label {\n        font-family: inherit;\n        font-size: 14px;\n        padding-top: 5px;\n        color: $primary-text-color;\n        display: block;\n        width: auto;\n      }\n\n      .label_input,\n      .hint {\n        padding-left: 28px;\n      }\n\n      .label_input__wrapper {\n        position: static;\n      }\n\n      label.checkbox {\n        position: absolute;\n        top: 2px;\n        left: 0;\n      }\n\n      label a {\n        color: $highlight-text-color;\n        text-decoration: underline;\n\n        &:hover,\n        &:active,\n        &:focus {\n          text-decoration: none;\n        }\n      }\n\n      .recommended {\n        position: absolute;\n        margin: 0 4px;\n        margin-top: -2px;\n      }\n    }\n  }\n\n  .row {\n    display: flex;\n    margin: 0 -5px;\n\n    .input {\n      box-sizing: border-box;\n      flex: 1 1 auto;\n      width: 50%;\n      padding: 0 5px;\n    }\n  }\n\n  .hint {\n    color: $darker-text-color;\n\n    a {\n      color: $highlight-text-color;\n    }\n\n    code {\n      border-radius: 3px;\n      padding: 0.2em 0.4em;\n      background: darken($ui-base-color, 12%);\n    }\n\n    li {\n      list-style: disc;\n      margin-left: 18px;\n    }\n  }\n\n  ul.hint {\n    margin-bottom: 15px;\n  }\n\n  span.hint {\n    display: block;\n    font-size: 12px;\n    margin-top: 4px;\n  }\n\n  p.hint {\n    margin-bottom: 15px;\n    color: $darker-text-color;\n\n    &.subtle-hint {\n      text-align: center;\n      font-size: 12px;\n      line-height: 18px;\n      margin-top: 15px;\n      margin-bottom: 0;\n    }\n  }\n\n  .card {\n    margin-bottom: 15px;\n  }\n\n  strong {\n    font-weight: 500;\n\n    @each $lang in $cjk-langs {\n      &:lang(#{$lang}) {\n        font-weight: 700;\n      }\n    }\n  }\n\n  .input.with_floating_label {\n    .label_input {\n      display: flex;\n\n      & > label {\n        font-family: inherit;\n        font-size: 14px;\n        color: $primary-text-color;\n        font-weight: 500;\n        min-width: 150px;\n        flex: 0 0 auto;\n      }\n\n      input,\n      select {\n        flex: 1 1 auto;\n      }\n    }\n\n    &.select .hint {\n      margin-top: 6px;\n      margin-left: 150px;\n    }\n  }\n\n  .input.with_label {\n    .label_input > label {\n      font-family: inherit;\n      font-size: 14px;\n      color: $primary-text-color;\n      display: block;\n      margin-bottom: 8px;\n      word-wrap: break-word;\n      font-weight: 500;\n    }\n\n    .hint {\n      margin-top: 6px;\n    }\n\n    ul {\n      flex: 390px;\n    }\n  }\n\n  .input.with_block_label {\n    max-width: none;\n\n    & > label {\n      font-family: inherit;\n      font-size: 16px;\n      color: $primary-text-color;\n      display: block;\n      font-weight: 500;\n      padding-top: 5px;\n    }\n\n    .hint {\n      margin-bottom: 15px;\n    }\n\n    ul {\n      columns: 2;\n    }\n  }\n\n  .required abbr {\n    text-decoration: none;\n    color: lighten($error-value-color, 12%);\n  }\n\n  .fields-group {\n    margin-bottom: 25px;\n\n    .input:last-child {\n      margin-bottom: 0;\n    }\n  }\n\n  .fields-row {\n    display: flex;\n    margin: 0 -10px;\n    padding-top: 5px;\n    margin-bottom: 25px;\n\n    .input {\n      max-width: none;\n    }\n\n    &__column {\n      box-sizing: border-box;\n      padding: 0 10px;\n      flex: 1 1 auto;\n      min-height: 1px;\n\n      &-6 {\n        max-width: 50%;\n      }\n\n      .actions {\n        margin-top: 27px;\n      }\n    }\n\n    .fields-group:last-child,\n    .fields-row__column.fields-group {\n      margin-bottom: 0;\n    }\n\n    @media screen and (max-width: $no-columns-breakpoint) {\n      display: block;\n      margin-bottom: 0;\n\n      &__column {\n        max-width: none;\n      }\n\n      .fields-group:last-child,\n      .fields-row__column.fields-group,\n      .fields-row__column {\n        margin-bottom: 25px;\n      }\n    }\n  }\n\n  .input.radio_buttons .radio label {\n    margin-bottom: 5px;\n    font-family: inherit;\n    font-size: 14px;\n    color: $primary-text-color;\n    display: block;\n    width: auto;\n  }\n\n  .check_boxes {\n    .checkbox {\n      label {\n        font-family: inherit;\n        font-size: 14px;\n        color: $primary-text-color;\n        display: inline-block;\n        width: auto;\n        position: relative;\n        padding-top: 5px;\n        padding-left: 25px;\n        flex: 1 1 auto;\n      }\n\n      input[type=checkbox] {\n        position: absolute;\n        left: 0;\n        top: 5px;\n        margin: 0;\n      }\n    }\n  }\n\n  .input.static .label_input__wrapper {\n    font-size: 16px;\n    padding: 10px;\n    border: 1px solid $dark-text-color;\n    border-radius: 4px;\n  }\n\n  input[type=text],\n  input[type=number],\n  input[type=email],\n  input[type=password],\n  textarea {\n    box-sizing: border-box;\n    font-size: 16px;\n    color: $primary-text-color;\n    display: block;\n    width: 100%;\n    outline: 0;\n    font-family: inherit;\n    resize: vertical;\n    background: darken($ui-base-color, 10%);\n    border: 1px solid darken($ui-base-color, 14%);\n    border-radius: 4px;\n    padding: 10px;\n\n    &::placeholder {\n      color: lighten($darker-text-color, 4%);\n    }\n\n    &:invalid {\n      box-shadow: none;\n    }\n\n    &:focus:invalid:not(:placeholder-shown) {\n      border-color: lighten($error-red, 12%);\n    }\n\n    &:required:valid {\n      border-color: $valid-value-color;\n    }\n\n    &:hover {\n      border-color: darken($ui-base-color, 20%);\n    }\n\n    &:active,\n    &:focus {\n      border-color: $highlight-text-color;\n      background: darken($ui-base-color, 8%);\n    }\n  }\n\n  .input.field_with_errors {\n    label {\n      color: lighten($error-red, 12%);\n    }\n\n    input[type=text],\n    input[type=number],\n    input[type=email],\n    input[type=password],\n    textarea,\n    select {\n      border-color: lighten($error-red, 12%);\n    }\n\n    .error {\n      display: block;\n      font-weight: 500;\n      color: lighten($error-red, 12%);\n      margin-top: 4px;\n    }\n  }\n\n  .input.disabled {\n    opacity: 0.5;\n  }\n\n  .actions {\n    margin-top: 30px;\n    display: flex;\n\n    &.actions--top {\n      margin-top: 0;\n      margin-bottom: 30px;\n    }\n  }\n\n  button,\n  .button,\n  .block-button {\n    display: block;\n    width: 100%;\n    border: 0;\n    border-radius: 4px;\n    background: $ui-highlight-color;\n    color: $primary-text-color;\n    font-size: 18px;\n    line-height: inherit;\n    height: auto;\n    padding: 10px;\n    text-decoration: none;\n    text-align: center;\n    box-sizing: border-box;\n    cursor: pointer;\n    font-weight: 500;\n    outline: 0;\n    margin-bottom: 10px;\n    margin-right: 10px;\n\n    &:last-child {\n      margin-right: 0;\n    }\n\n    &:hover {\n      background-color: lighten($ui-highlight-color, 5%);\n    }\n\n    &:active,\n    &:focus {\n      background-color: darken($ui-highlight-color, 5%);\n    }\n\n    &:disabled:hover {\n      background-color: $ui-primary-color;\n    }\n\n    &.negative {\n      background: $error-value-color;\n\n      &:hover {\n        background-color: lighten($error-value-color, 5%);\n      }\n\n      &:active,\n      &:focus {\n        background-color: darken($error-value-color, 5%);\n      }\n    }\n  }\n\n  select {\n    appearance: none;\n    box-sizing: border-box;\n    font-size: 16px;\n    color: $primary-text-color;\n    display: block;\n    width: 100%;\n    outline: 0;\n    font-family: inherit;\n    resize: vertical;\n    background: darken($ui-base-color, 10%) url(\"data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14.933 18.467' height='19.698' width='15.929'><path d='M3.467 14.967l-3.393-3.5H14.86l-3.392 3.5c-1.866 1.925-3.666 3.5-4 3.5-.335 0-2.135-1.575-4-3.5zm.266-11.234L7.467 0 11.2 3.733l3.733 3.734H0l3.733-3.734z' fill='#{hex-color(lighten($ui-base-color, 12%))}'/></svg>\") no-repeat right 8px center / auto 16px;\n    border: 1px solid darken($ui-base-color, 14%);\n    border-radius: 4px;\n    padding-left: 10px;\n    padding-right: 30px;\n    height: 41px;\n  }\n\n  h4 {\n    margin-bottom: 15px !important;\n  }\n\n  .label_input {\n    &__wrapper {\n      position: relative;\n    }\n\n    &__append {\n      position: absolute;\n      right: 3px;\n      top: 1px;\n      padding: 10px;\n      padding-bottom: 9px;\n      font-size: 16px;\n      color: $dark-text-color;\n      font-family: inherit;\n      pointer-events: none;\n      cursor: default;\n      max-width: 140px;\n      white-space: nowrap;\n      overflow: hidden;\n\n      &::after {\n        content: '';\n        display: block;\n        position: absolute;\n        top: 0;\n        right: 0;\n        bottom: 1px;\n        width: 5px;\n        background-image: linear-gradient(to right, rgba(darken($ui-base-color, 10%), 0), darken($ui-base-color, 10%));\n      }\n    }\n  }\n\n  &__overlay-area {\n    position: relative;\n\n    &__blurred form {\n      filter: blur(2px);\n    }\n\n    &__overlay {\n      position: absolute;\n      top: 0;\n      left: 0;\n      width: 100%;\n      height: 100%;\n      display: flex;\n      justify-content: center;\n      align-items: center;\n      background: rgba($ui-base-color, 0.65);\n      border-radius: 4px;\n      margin-left: -4px;\n      margin-top: -4px;\n      padding: 4px;\n\n      &__content {\n        text-align: center;\n\n        &.rich-formatting {\n          &,\n          p {\n            color: $primary-text-color;\n          }\n        }\n      }\n    }\n  }\n}\n\n.block-icon {\n  display: block;\n  margin: 0 auto;\n  margin-bottom: 10px;\n  font-size: 24px;\n}\n\n.flash-message {\n  background: lighten($ui-base-color, 8%);\n  color: $darker-text-color;\n  border-radius: 4px;\n  padding: 15px 10px;\n  margin-bottom: 30px;\n  text-align: center;\n\n  &.notice {\n    border: 1px solid rgba($valid-value-color, 0.5);\n    background: rgba($valid-value-color, 0.25);\n    color: $valid-value-color;\n  }\n\n  &.alert {\n    border: 1px solid rgba($error-value-color, 0.5);\n    background: rgba($error-value-color, 0.25);\n    color: $error-value-color;\n  }\n\n  a {\n    display: inline-block;\n    color: $darker-text-color;\n    text-decoration: none;\n\n    &:hover {\n      color: $primary-text-color;\n      text-decoration: underline;\n    }\n  }\n\n  p {\n    margin-bottom: 15px;\n  }\n\n  .oauth-code {\n    outline: 0;\n    box-sizing: border-box;\n    display: block;\n    width: 100%;\n    border: 0;\n    padding: 10px;\n    font-family: $font-monospace, monospace;\n    background: $ui-base-color;\n    color: $primary-text-color;\n    font-size: 14px;\n    margin: 0;\n\n    &::-moz-focus-inner {\n      border: 0;\n    }\n\n    &::-moz-focus-inner,\n    &:focus,\n    &:active {\n      outline: 0 !important;\n    }\n\n    &:focus {\n      background: lighten($ui-base-color, 4%);\n    }\n  }\n\n  strong {\n    font-weight: 500;\n\n    @each $lang in $cjk-langs {\n      &:lang(#{$lang}) {\n        font-weight: 700;\n      }\n    }\n  }\n\n  @media screen and (max-width: 740px) and (min-width: 441px) {\n    margin-top: 40px;\n  }\n}\n\n.form-footer {\n  margin-top: 30px;\n  text-align: center;\n\n  a {\n    color: $darker-text-color;\n    text-decoration: none;\n\n    &:hover {\n      text-decoration: underline;\n    }\n  }\n}\n\n.quick-nav {\n  list-style: none;\n  margin-bottom: 25px;\n  font-size: 14px;\n\n  li {\n    display: inline-block;\n    margin-right: 10px;\n  }\n\n  a {\n    color: $highlight-text-color;\n    text-decoration: none;\n    font-weight: 700;\n\n    &:hover,\n    &:focus,\n    &:active {\n      color: lighten($highlight-text-color, 8%);\n    }\n  }\n}\n\n.oauth-prompt,\n.follow-prompt {\n  margin-bottom: 30px;\n  color: $darker-text-color;\n\n  h2 {\n    font-size: 16px;\n    margin-bottom: 30px;\n    text-align: center;\n  }\n\n  strong {\n    color: $secondary-text-color;\n    font-weight: 500;\n\n    @each $lang in $cjk-langs {\n      &:lang(#{$lang}) {\n        font-weight: 700;\n      }\n    }\n  }\n\n  @media screen and (max-width: 740px) and (min-width: 441px) {\n    margin-top: 40px;\n  }\n}\n\n.qr-wrapper {\n  display: flex;\n  flex-wrap: wrap;\n  align-items: flex-start;\n}\n\n.qr-code {\n  flex: 0 0 auto;\n  background: $simple-background-color;\n  padding: 4px;\n  margin: 0 10px 20px 0;\n  box-shadow: 0 0 15px rgba($base-shadow-color, 0.2);\n  display: inline-block;\n\n  svg {\n    display: block;\n    margin: 0;\n  }\n}\n\n.qr-alternative {\n  margin-bottom: 20px;\n  color: $secondary-text-color;\n  flex: 150px;\n\n  samp {\n    display: block;\n    font-size: 14px;\n  }\n}\n\n.table-form {\n  p {\n    margin-bottom: 15px;\n\n    strong {\n      font-weight: 500;\n\n      @each $lang in $cjk-langs {\n        &:lang(#{$lang}) {\n          font-weight: 700;\n        }\n      }\n    }\n  }\n}\n\n.simple_form,\n.table-form {\n  .warning {\n    box-sizing: border-box;\n    background: rgba($error-value-color, 0.5);\n    color: $primary-text-color;\n    text-shadow: 1px 1px 0 rgba($base-shadow-color, 0.3);\n    box-shadow: 0 2px 6px rgba($base-shadow-color, 0.4);\n    border-radius: 4px;\n    padding: 10px;\n    margin-bottom: 15px;\n\n    a {\n      color: $primary-text-color;\n      text-decoration: underline;\n\n      &:hover,\n      &:focus,\n      &:active {\n        text-decoration: none;\n      }\n    }\n\n    strong {\n      font-weight: 600;\n      display: block;\n      margin-bottom: 5px;\n\n      @each $lang in $cjk-langs {\n        &:lang(#{$lang}) {\n          font-weight: 700;\n        }\n      }\n\n      .fa {\n        font-weight: 400;\n      }\n    }\n  }\n}\n\n.action-pagination {\n  display: flex;\n  flex-wrap: wrap;\n  align-items: center;\n\n  .actions,\n  .pagination {\n    flex: 1 1 auto;\n  }\n\n  .actions {\n    padding: 30px 0;\n    padding-right: 20px;\n    flex: 0 0 auto;\n  }\n}\n\n.post-follow-actions {\n  text-align: center;\n  color: $darker-text-color;\n\n  div {\n    margin-bottom: 4px;\n  }\n}\n\n.alternative-login {\n  margin-top: 20px;\n  margin-bottom: 20px;\n\n  h4 {\n    font-size: 16px;\n    color: $primary-text-color;\n    text-align: center;\n    margin-bottom: 20px;\n    border: 0;\n    padding: 0;\n  }\n\n  .button {\n    display: block;\n  }\n}\n\n.scope-danger {\n  color: $warning-red;\n}\n\n.form_admin_settings_site_short_description,\n.form_admin_settings_site_description,\n.form_admin_settings_site_extended_description,\n.form_admin_settings_site_terms,\n.form_admin_settings_custom_css,\n.form_admin_settings_closed_registrations_message {\n  textarea {\n    font-family: $font-monospace, monospace;\n  }\n}\n\n.input-copy {\n  background: darken($ui-base-color, 10%);\n  border: 1px solid darken($ui-base-color, 14%);\n  border-radius: 4px;\n  display: flex;\n  align-items: center;\n  padding-right: 4px;\n  position: relative;\n  top: 1px;\n  transition: border-color 300ms linear;\n\n  &__wrapper {\n    flex: 1 1 auto;\n  }\n\n  input[type=text] {\n    background: transparent;\n    border: 0;\n    padding: 10px;\n    font-size: 14px;\n    font-family: $font-monospace, monospace;\n  }\n\n  button {\n    flex: 0 0 auto;\n    margin: 4px;\n    text-transform: none;\n    font-weight: 400;\n    font-size: 14px;\n    padding: 7px 18px;\n    padding-bottom: 6px;\n    width: auto;\n    transition: background 300ms linear;\n  }\n\n  &.copied {\n    border-color: $valid-value-color;\n    transition: none;\n\n    button {\n      background: $valid-value-color;\n      transition: none;\n    }\n  }\n}\n\n.connection-prompt {\n  margin-bottom: 25px;\n\n  .fa-link {\n    background-color: darken($ui-base-color, 4%);\n    border-radius: 100%;\n    font-size: 24px;\n    padding: 10px;\n  }\n\n  &__column {\n    align-items: center;\n    display: flex;\n    flex: 1;\n    flex-direction: column;\n    flex-shrink: 1;\n    max-width: 50%;\n\n    &-sep {\n      align-self: center;\n      flex-grow: 0;\n      overflow: visible;\n      position: relative;\n      z-index: 1;\n    }\n\n    p {\n      word-break: break-word;\n    }\n  }\n\n  .account__avatar {\n    margin-bottom: 20px;\n  }\n\n  &__connection {\n    background-color: lighten($ui-base-color, 8%);\n    box-shadow: 0 0 15px rgba($base-shadow-color, 0.2);\n    border-radius: 4px;\n    padding: 25px 10px;\n    position: relative;\n    text-align: center;\n\n    &::after {\n      background-color: darken($ui-base-color, 4%);\n      content: '';\n      display: block;\n      height: 100%;\n      left: 50%;\n      position: absolute;\n      top: 0;\n      width: 1px;\n    }\n  }\n\n  &__row {\n    align-items: flex-start;\n    display: flex;\n    flex-direction: row;\n  }\n}\n",".card {\n  & > a {\n    display: block;\n    text-decoration: none;\n    color: inherit;\n    box-shadow: 0 0 15px rgba($base-shadow-color, 0.2);\n\n    @media screen and (max-width: $no-gap-breakpoint) {\n      box-shadow: none;\n    }\n\n    &:hover,\n    &:active,\n    &:focus {\n      .card__bar {\n        background: lighten($ui-base-color, 8%);\n      }\n    }\n  }\n\n  &__img {\n    height: 130px;\n    position: relative;\n    background: darken($ui-base-color, 12%);\n    border-radius: 4px 4px 0 0;\n\n    img {\n      display: block;\n      width: 100%;\n      height: 100%;\n      margin: 0;\n      object-fit: cover;\n      border-radius: 4px 4px 0 0;\n    }\n\n    @media screen and (max-width: 600px) {\n      height: 200px;\n    }\n\n    @media screen and (max-width: $no-gap-breakpoint) {\n      display: none;\n    }\n  }\n\n  &__bar {\n    position: relative;\n    padding: 15px;\n    display: flex;\n    justify-content: flex-start;\n    align-items: center;\n    background: lighten($ui-base-color, 4%);\n    border-radius: 0 0 4px 4px;\n\n    @media screen and (max-width: $no-gap-breakpoint) {\n      border-radius: 0;\n    }\n\n    .avatar {\n      flex: 0 0 auto;\n      width: 48px;\n      height: 48px;\n      padding-top: 2px;\n\n      img {\n        width: 100%;\n        height: 100%;\n        display: block;\n        margin: 0;\n        border-radius: 4px;\n        background: darken($ui-base-color, 8%);\n        object-fit: cover;\n      }\n    }\n\n    .display-name {\n      margin-left: 15px;\n      text-align: left;\n\n      strong {\n        font-size: 15px;\n        color: $primary-text-color;\n        font-weight: 500;\n        overflow: hidden;\n        text-overflow: ellipsis;\n      }\n\n      span {\n        display: block;\n        font-size: 14px;\n        color: $darker-text-color;\n        font-weight: 400;\n        overflow: hidden;\n        text-overflow: ellipsis;\n      }\n    }\n  }\n}\n\n.pagination {\n  padding: 30px 0;\n  text-align: center;\n  overflow: hidden;\n\n  a,\n  .current,\n  .newer,\n  .older,\n  .page,\n  .gap {\n    font-size: 14px;\n    color: $primary-text-color;\n    font-weight: 500;\n    display: inline-block;\n    padding: 6px 10px;\n    text-decoration: none;\n  }\n\n  .current {\n    background: $simple-background-color;\n    border-radius: 100px;\n    color: $inverted-text-color;\n    cursor: default;\n    margin: 0 10px;\n  }\n\n  .gap {\n    cursor: default;\n  }\n\n  .older,\n  .newer {\n    color: $secondary-text-color;\n  }\n\n  .older {\n    float: left;\n    padding-left: 0;\n\n    .fa {\n      display: inline-block;\n      margin-right: 5px;\n    }\n  }\n\n  .newer {\n    float: right;\n    padding-right: 0;\n\n    .fa {\n      display: inline-block;\n      margin-left: 5px;\n    }\n  }\n\n  .disabled {\n    cursor: default;\n    color: lighten($inverted-text-color, 10%);\n  }\n\n  @media screen and (max-width: 700px) {\n    padding: 30px 20px;\n\n    .page {\n      display: none;\n    }\n\n    .newer,\n    .older {\n      display: inline-block;\n    }\n  }\n}\n\n.nothing-here {\n  background: $ui-base-color;\n  box-shadow: 0 0 15px rgba($base-shadow-color, 0.2);\n  color: $light-text-color;\n  font-size: 14px;\n  font-weight: 500;\n  text-align: center;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  cursor: default;\n  border-radius: 4px;\n  padding: 20px;\n  min-height: 30vh;\n\n  &--under-tabs {\n    border-radius: 0 0 4px 4px;\n  }\n\n  &--flexible {\n    box-sizing: border-box;\n    min-height: 100%;\n  }\n}\n\n.account-role,\n.simple_form .recommended {\n  display: inline-block;\n  padding: 4px 6px;\n  cursor: default;\n  border-radius: 3px;\n  font-size: 12px;\n  line-height: 12px;\n  font-weight: 500;\n  color: $ui-secondary-color;\n  background-color: rgba($ui-secondary-color, 0.1);\n  border: 1px solid rgba($ui-secondary-color, 0.5);\n\n  &.moderator {\n    color: $success-green;\n    background-color: rgba($success-green, 0.1);\n    border-color: rgba($success-green, 0.5);\n  }\n\n  &.admin {\n    color: lighten($error-red, 12%);\n    background-color: rgba(lighten($error-red, 12%), 0.1);\n    border-color: rgba(lighten($error-red, 12%), 0.5);\n  }\n}\n\n.account__header__fields {\n  max-width: 100vw;\n  padding: 0;\n  margin: 15px -15px -15px;\n  border: 0 none;\n  border-top: 1px solid lighten($ui-base-color, 12%);\n  border-bottom: 1px solid lighten($ui-base-color, 12%);\n  font-size: 14px;\n  line-height: 20px;\n\n  dl {\n    display: flex;\n    border-bottom: 1px solid lighten($ui-base-color, 12%);\n  }\n\n  dt,\n  dd {\n    box-sizing: border-box;\n    padding: 14px;\n    text-align: center;\n    max-height: 48px;\n    overflow: hidden;\n    white-space: nowrap;\n    text-overflow: ellipsis;\n  }\n\n  dt {\n    font-weight: 500;\n    width: 120px;\n    flex: 0 0 auto;\n    color: $secondary-text-color;\n    background: rgba(darken($ui-base-color, 8%), 0.5);\n  }\n\n  dd {\n    flex: 1 1 auto;\n    color: $darker-text-color;\n  }\n\n  a {\n    color: $highlight-text-color;\n    text-decoration: none;\n\n    &:hover,\n    &:focus,\n    &:active {\n      text-decoration: underline;\n    }\n  }\n\n  .verified {\n    border: 1px solid rgba($valid-value-color, 0.5);\n    background: rgba($valid-value-color, 0.25);\n\n    a {\n      color: $valid-value-color;\n      font-weight: 500;\n    }\n\n    &__mark {\n      color: $valid-value-color;\n    }\n  }\n\n  dl:last-child {\n    border-bottom: 0;\n  }\n}\n\n.directory__tag .trends__item__current {\n  width: auto;\n}\n\n.pending-account {\n  &__header {\n    color: $darker-text-color;\n\n    a {\n      color: $ui-secondary-color;\n      text-decoration: none;\n\n      &:hover,\n      &:active,\n      &:focus {\n        text-decoration: underline;\n      }\n    }\n\n    strong {\n      color: $primary-text-color;\n      font-weight: 700;\n    }\n  }\n\n  &__body {\n    margin-top: 10px;\n  }\n}\n",".activity-stream {\n  box-shadow: 0 0 15px rgba($base-shadow-color, 0.2);\n  border-radius: 4px;\n  overflow: hidden;\n  margin-bottom: 10px;\n\n  &--under-tabs {\n    border-radius: 0 0 4px 4px;\n  }\n\n  @media screen and (max-width: $no-gap-breakpoint) {\n    margin-bottom: 0;\n    border-radius: 0;\n    box-shadow: none;\n  }\n\n  &--headless {\n    border-radius: 0;\n    margin: 0;\n    box-shadow: none;\n\n    .detailed-status,\n    .status {\n      border-radius: 0 !important;\n    }\n  }\n\n  div[data-component] {\n    width: 100%;\n  }\n\n  .entry {\n    background: $ui-base-color;\n\n    .detailed-status,\n    .status,\n    .load-more {\n      animation: none;\n    }\n\n    &:last-child {\n      .detailed-status,\n      .status,\n      .load-more {\n        border-bottom: 0;\n        border-radius: 0 0 4px 4px;\n      }\n    }\n\n    &:first-child {\n      .detailed-status,\n      .status,\n      .load-more {\n        border-radius: 4px 4px 0 0;\n      }\n\n      &:last-child {\n        .detailed-status,\n        .status,\n        .load-more {\n          border-radius: 4px;\n        }\n      }\n    }\n\n    @media screen and (max-width: 740px) {\n      .detailed-status,\n      .status,\n      .load-more {\n        border-radius: 0 !important;\n      }\n    }\n  }\n\n  &--highlighted .entry {\n    background: lighten($ui-base-color, 8%);\n  }\n}\n\n.button.logo-button {\n  flex: 0 auto;\n  font-size: 14px;\n  background: $ui-highlight-color;\n  color: $primary-text-color;\n  text-transform: none;\n  line-height: 36px;\n  height: auto;\n  padding: 3px 15px;\n  border: 0;\n\n  svg {\n    width: 20px;\n    height: auto;\n    vertical-align: middle;\n    margin-right: 5px;\n    fill: $primary-text-color;\n  }\n\n  &:active,\n  &:focus,\n  &:hover {\n    background: lighten($ui-highlight-color, 10%);\n  }\n\n  &:disabled,\n  &.disabled {\n    &:active,\n    &:focus,\n    &:hover {\n      background: $ui-primary-color;\n    }\n  }\n\n  &.button--destructive {\n    &:active,\n    &:focus,\n    &:hover {\n      background: $error-red;\n    }\n  }\n\n  @media screen and (max-width: $no-gap-breakpoint) {\n    svg {\n      display: none;\n    }\n  }\n}\n\n.embed,\n.public-layout {\n  .detailed-status {\n    padding: 15px;\n  }\n\n  .status {\n    padding: 15px 15px 15px (48px + 15px * 2);\n    min-height: 48px + 2px;\n\n    &__avatar {\n      left: 15px;\n      top: 17px;\n    }\n\n    &__content {\n      padding-top: 5px;\n    }\n\n    &__prepend {\n      margin-left: 48px + 15px * 2;\n      padding-top: 15px;\n    }\n\n    &__prepend-icon-wrapper {\n      left: -32px;\n    }\n\n    .media-gallery,\n    &__action-bar,\n    .video-player {\n      margin-top: 10px;\n    }\n  }\n}\n","button.icon-button i.fa-retweet {\n  background-image: url(\"data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='22' height='209'><path d='M4.97 3.16c-.1.03-.17.1-.22.18L.8 8.24c-.2.3.03.78.4.8H3.6v2.68c0 4.26-.55 3.62 3.66 3.62h7.66l-2.3-2.84c-.03-.02-.03-.04-.05-.06H7.27c-.44 0-.72-.3-.72-.72v-2.7h2.5c.37.03.63-.48.4-.77L5.5 3.35c-.12-.17-.34-.25-.53-.2zm12.16.43c-.55-.02-1.32.02-2.4.02H7.1l2.32 2.85.03.06h5.25c.42 0 .72.28.72.72v2.7h-2.5c-.36.02-.56.54-.3.8l3.92 4.9c.18.25.6.25.78 0l3.94-4.9c.26-.28 0-.83-.37-.8H18.4v-2.7c0-3.15.4-3.62-1.25-3.66z' fill='#{hex-color($action-button-color)}' stroke-width='0'/><path d='M7.78 19.66c-.24.02-.44.25-.44.5v2.46h-.06c-1.08 0-1.86-.03-2.4-.03-1.64 0-1.25.43-1.25 3.65v4.47c0 4.26-.56 3.62 3.65 3.62H8.5l-1.3-1.06c-.1-.08-.18-.2-.2-.3-.02-.17.06-.35.2-.45l1.33-1.1H7.28c-.44 0-.72-.3-.72-.7v-4.48c0-.44.28-.72.72-.72h.06v2.5c0 .38.54.63.82.38l4.9-3.93c.25-.18.25-.6 0-.78l-4.9-3.92c-.1-.1-.24-.14-.38-.12zm9.34 2.93c-.54-.02-1.3.02-2.4.02h-1.25l1.3 1.07c.1.07.18.2.2.33.02.16-.06.3-.2.4l-1.33 1.1h1.28c.42 0 .72.28.72.72v4.47c0 .42-.3.72-.72.72h-.1v-2.47c0-.3-.3-.53-.6-.47-.07 0-.14.05-.2.1l-4.9 3.93c-.26.18-.26.6 0 .78l4.9 3.92c.27.25.82 0 .8-.38v-2.5h.1c4.27 0 3.65.67 3.65-3.62v-4.47c0-3.15.4-3.62-1.25-3.66zM10.34 38.66c-.24.02-.44.25-.43.5v2.47H7.3c-1.08 0-1.86-.04-2.4-.04-1.64 0-1.25.43-1.25 3.65v4.47c0 3.66-.23 3.7 2.34 3.66l-1.34-1.1c-.1-.08-.18-.2-.2-.3 0-.17.07-.35.2-.45l1.96-1.6c-.03-.06-.04-.13-.04-.2v-4.48c0-.44.28-.72.72-.72H9.9v2.5c0 .36.5.6.8.38l4.93-3.93c.24-.18.24-.6 0-.78l-4.94-3.92c-.1-.08-.23-.13-.36-.12zm5.63 2.93l1.34 1.1c.1.07.18.2.2.33.02.16-.03.3-.16.4l-1.96 1.6c.02.07.06.13.06.22v4.47c0 .42-.3.72-.72.72h-2.66v-2.47c0-.3-.3-.53-.6-.47-.06.02-.12.05-.18.1l-4.94 3.93c-.24.18-.24.6 0 .78l4.94 3.92c.28.22.78-.02.78-.38v-2.5h2.66c4.27 0 3.65.67 3.65-3.62v-4.47c0-3.66.34-3.7-2.4-3.66zM13.06 57.66c-.23.03-.4.26-.4.5v2.47H7.28c-1.08 0-1.86-.04-2.4-.04-1.64 0-1.25.43-1.25 3.65v4.87l2.93-2.37v-2.5c0-.44.28-.72.72-.72h5.38v2.5c0 .36.5.6.78.38l4.94-3.93c.24-.18.24-.6 0-.78l-4.94-3.92c-.1-.1-.24-.14-.38-.12zm5.3 6.15l-2.92 2.4v2.52c0 .42-.3.72-.72.72h-5.4v-2.47c0-.3-.32-.53-.6-.47-.07.02-.13.05-.2.1L3.6 70.52c-.25.18-.25.6 0 .78l4.93 3.92c.28.22.78-.02.78-.38v-2.5h5.42c4.27 0 3.65.67 3.65-3.62v-4.47-.44zM19.25 78.8c-.1.03-.2.1-.28.17l-.9.9c-.44-.3-1.36-.25-3.35-.25H7.28c-1.08 0-1.86-.03-2.4-.03-1.64 0-1.25.43-1.25 3.65v.7l2.93.3v-1c0-.44.28-.72.72-.72h7.44c.2 0 .37.08.5.2l-1.8 1.8c-.25.26-.08.76.27.8l6.27.7c.28.03.56-.25.53-.53l-.7-6.25c0-.27-.3-.48-.55-.44zm-17.2 6.1c-.2.07-.36.3-.33.54l.7 6.25c.02.36.58.55.83.27l.8-.8c.02 0 .04-.02.04 0 .46.24 1.37.17 3.18.17h7.44c4.27 0 3.65.67 3.65-3.62v-.75l-2.93-.3v1.05c0 .42-.3.72-.72.72H7.28c-.15 0-.3-.03-.4-.1L8.8 86.4c.3-.24.1-.8-.27-.84l-6.28-.65h-.2zM4.88 98.6c-1.33 0-1.34.48-1.3 2.3l1.14-1.37c.08-.1.22-.17.34-.2.16 0 .34.08.44.2l1.66 2.03c.04 0 .07-.03.12-.03h7.44c.34 0 .57.2.65.5h-2.43c-.34.05-.53.52-.3.78l3.92 4.95c.18.24.6.24.78 0l3.94-4.94c.22-.27-.02-.76-.37-.77H18.4c.02-3.9.6-3.4-3.66-3.4H7.28c-1.08 0-1.86-.04-2.4-.04zm.15 2.46c-.1.03-.2.1-.28.2l-3.94 4.9c-.2.28.03.77.4.78H3.6c-.02 3.94-.45 3.4 3.66 3.4h7.44c3.65 0 3.74.3 3.7-2.25l-1.1 1.34c-.1.1-.2.17-.32.2-.16 0-.34-.08-.44-.2l-1.65-2.03c-.06.02-.1.04-.18.04H7.28c-.35 0-.57-.2-.66-.5h2.44c.37 0 .63-.5.4-.78l-3.96-4.9c-.1-.15-.3-.23-.47-.2zM4.88 117.6c-1.16 0-1.3.3-1.3 1.56l1.14-1.38c.08-.1.22-.14.34-.16.16 0 .34.04.44.16l2.22 2.75h7c.42 0 .72.28.72.72v.53h-2.6c-.3.1-.43.54-.2.78l3.92 4.9c.18.25.6.25.78 0l3.94-4.9c.22-.28-.02-.77-.37-.78H18.4v-.53c0-4.2.72-3.63-3.66-3.63H7.28c-1.08 0-1.86-.03-2.4-.03zm.1 1.74c-.1.03-.17.1-.23.16L.8 124.44c-.2.28.03.77.4.78H3.6v.5c0 4.26-.55 3.62 3.66 3.62h7.44c1.03 0 1.74.02 2.28 0-.16.02-.34-.03-.44-.15l-2.22-2.76H7.28c-.44 0-.72-.3-.72-.72v-.5h2.5c.37.02.63-.5.4-.78L5.5 119.5c-.12-.15-.34-.22-.53-.16zm12.02 10c1.2-.02 1.4-.25 1.4-1.53l-1.1 1.36c-.07.1-.17.17-.3.18zM5.94 136.6l2.37 2.93h6.42c.42 0 .72.28.72.72v1.25h-2.6c-.3.1-.43.54-.2.78l3.92 4.9c.18.25.6.25.78 0l3.94-4.9c.22-.28-.02-.77-.37-.78H18.4v-1.25c0-4.2.72-3.63-3.66-3.63H7.28c-.6 0-.92-.02-1.34-.03zm-1.72.06c-.4.08-.54.3-.6.75l.6-.74zm.84.93c-.12 0-.24.08-.3.18l-3.95 4.9c-.24.3 0 .83.4.82H3.6v1.22c0 4.26-.55 3.62 3.66 3.62h7.44c.63 0 .97.02 1.4.03l-2.37-2.93H7.28c-.44 0-.72-.3-.72-.72v-1.22h2.5c.4.04.67-.53.4-.8l-3.96-4.92c-.1-.13-.27-.2-.44-.2zm13.28 10.03l-.56.7c.36-.07.5-.3.56-.7zM17.13 155.6c-.55-.02-1.32.03-2.4.03h-8.2l2.38 2.9h5.82c.42 0 .72.28.72.72v1.97H12.9c-.32.06-.48.52-.28.78l3.94 4.94c.2.23.6.22.78-.03l3.94-4.9c.22-.28-.02-.77-.37-.78H18.4v-1.97c0-3.15.4-3.62-1.25-3.66zm-12.1.28c-.1.02-.2.1-.28.18l-3.94 4.9c-.2.3.03.78.4.8H3.6v1.96c0 4.26-.55 3.62 3.66 3.62h8.24l-2.36-2.9H7.28c-.44 0-.72-.3-.72-.72v-1.97h2.5c.37.02.63-.5.4-.78l-3.96-4.9c-.1-.15-.3-.22-.47-.2zM5.13 174.5c-.15 0-.3.07-.38.2L.8 179.6c-.24.27 0 .82.4.8H3.6v2.32c0 4.26-.55 3.62 3.66 3.62h7.94l-2.35-2.9h-5.6c-.43 0-.7-.3-.7-.72v-2.3h2.5c.38.03.66-.54.4-.83l-3.97-4.9c-.1-.13-.23-.2-.38-.2zm12 .1c-.55-.02-1.32.03-2.4.03H6.83l2.35 2.9h5.52c.42 0 .72.28.72.72v2.34h-2.6c-.3.1-.43.53-.2.78l3.92 4.9c.18.24.6.24.78 0l3.94-4.9c.22-.3-.02-.78-.37-.8H18.4v-2.33c0-3.15.4-3.62-1.25-3.66zM4.97 193.16c-.1.03-.17.1-.22.18l-3.94 4.9c-.2.3.03.78.4.8H3.6v2.68c0 4.26-.55 3.62 3.66 3.62h7.66l-2.3-2.84c-.03-.02-.03-.04-.05-.06H7.27c-.44 0-.72-.3-.72-.72v-2.7h2.5c.37.03.63-.48.4-.77l-3.96-4.9c-.12-.17-.34-.25-.53-.2zm12.16.43c-.55-.02-1.32.03-2.4.03H7.1l2.32 2.84.03.06h5.25c.42 0 .72.28.72.72v2.7h-2.5c-.36.02-.56.54-.3.8l3.92 4.9c.18.25.6.25.78 0l3.94-4.9c.26-.28 0-.83-.37-.8H18.4v-2.7c0-3.15.4-3.62-1.25-3.66z' fill='#{hex-color($highlight-text-color)}' stroke-width='0'/></svg>\");\n\n  &:hover {\n    background-image: url(\"data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='22' height='209'><path d='M4.97 3.16c-.1.03-.17.1-.22.18L.8 8.24c-.2.3.03.78.4.8H3.6v2.68c0 4.26-.55 3.62 3.66 3.62h7.66l-2.3-2.84c-.03-.02-.03-.04-.05-.06H7.27c-.44 0-.72-.3-.72-.72v-2.7h2.5c.37.03.63-.48.4-.77L5.5 3.35c-.12-.17-.34-.25-.53-.2zm12.16.43c-.55-.02-1.32.02-2.4.02H7.1l2.32 2.85.03.06h5.25c.42 0 .72.28.72.72v2.7h-2.5c-.36.02-.56.54-.3.8l3.92 4.9c.18.25.6.25.78 0l3.94-4.9c.26-.28 0-.83-.37-.8H18.4v-2.7c0-3.15.4-3.62-1.25-3.66z' fill='#{hex-color(lighten($action-button-color, 7%))}' stroke-width='0'/><path d='M7.78 19.66c-.24.02-.44.25-.44.5v2.46h-.06c-1.08 0-1.86-.03-2.4-.03-1.64 0-1.25.43-1.25 3.65v4.47c0 4.26-.56 3.62 3.65 3.62H8.5l-1.3-1.06c-.1-.08-.18-.2-.2-.3-.02-.17.06-.35.2-.45l1.33-1.1H7.28c-.44 0-.72-.3-.72-.7v-4.48c0-.44.28-.72.72-.72h.06v2.5c0 .38.54.63.82.38l4.9-3.93c.25-.18.25-.6 0-.78l-4.9-3.92c-.1-.1-.24-.14-.38-.12zm9.34 2.93c-.54-.02-1.3.02-2.4.02h-1.25l1.3 1.07c.1.07.18.2.2.33.02.16-.06.3-.2.4l-1.33 1.1h1.28c.42 0 .72.28.72.72v4.47c0 .42-.3.72-.72.72h-.1v-2.47c0-.3-.3-.53-.6-.47-.07 0-.14.05-.2.1l-4.9 3.93c-.26.18-.26.6 0 .78l4.9 3.92c.27.25.82 0 .8-.38v-2.5h.1c4.27 0 3.65.67 3.65-3.62v-4.47c0-3.15.4-3.62-1.25-3.66zM10.34 38.66c-.24.02-.44.25-.43.5v2.47H7.3c-1.08 0-1.86-.04-2.4-.04-1.64 0-1.25.43-1.25 3.65v4.47c0 3.66-.23 3.7 2.34 3.66l-1.34-1.1c-.1-.08-.18-.2-.2-.3 0-.17.07-.35.2-.45l1.96-1.6c-.03-.06-.04-.13-.04-.2v-4.48c0-.44.28-.72.72-.72H9.9v2.5c0 .36.5.6.8.38l4.93-3.93c.24-.18.24-.6 0-.78l-4.94-3.92c-.1-.08-.23-.13-.36-.12zm5.63 2.93l1.34 1.1c.1.07.18.2.2.33.02.16-.03.3-.16.4l-1.96 1.6c.02.07.06.13.06.22v4.47c0 .42-.3.72-.72.72h-2.66v-2.47c0-.3-.3-.53-.6-.47-.06.02-.12.05-.18.1l-4.94 3.93c-.24.18-.24.6 0 .78l4.94 3.92c.28.22.78-.02.78-.38v-2.5h2.66c4.27 0 3.65.67 3.65-3.62v-4.47c0-3.66.34-3.7-2.4-3.66zM13.06 57.66c-.23.03-.4.26-.4.5v2.47H7.28c-1.08 0-1.86-.04-2.4-.04-1.64 0-1.25.43-1.25 3.65v4.87l2.93-2.37v-2.5c0-.44.28-.72.72-.72h5.38v2.5c0 .36.5.6.78.38l4.94-3.93c.24-.18.24-.6 0-.78l-4.94-3.92c-.1-.1-.24-.14-.38-.12zm5.3 6.15l-2.92 2.4v2.52c0 .42-.3.72-.72.72h-5.4v-2.47c0-.3-.32-.53-.6-.47-.07.02-.13.05-.2.1L3.6 70.52c-.25.18-.25.6 0 .78l4.93 3.92c.28.22.78-.02.78-.38v-2.5h5.42c4.27 0 3.65.67 3.65-3.62v-4.47-.44zM19.25 78.8c-.1.03-.2.1-.28.17l-.9.9c-.44-.3-1.36-.25-3.35-.25H7.28c-1.08 0-1.86-.03-2.4-.03-1.64 0-1.25.43-1.25 3.65v.7l2.93.3v-1c0-.44.28-.72.72-.72h7.44c.2 0 .37.08.5.2l-1.8 1.8c-.25.26-.08.76.27.8l6.27.7c.28.03.56-.25.53-.53l-.7-6.25c0-.27-.3-.48-.55-.44zm-17.2 6.1c-.2.07-.36.3-.33.54l.7 6.25c.02.36.58.55.83.27l.8-.8c.02 0 .04-.02.04 0 .46.24 1.37.17 3.18.17h7.44c4.27 0 3.65.67 3.65-3.62v-.75l-2.93-.3v1.05c0 .42-.3.72-.72.72H7.28c-.15 0-.3-.03-.4-.1L8.8 86.4c.3-.24.1-.8-.27-.84l-6.28-.65h-.2zM4.88 98.6c-1.33 0-1.34.48-1.3 2.3l1.14-1.37c.08-.1.22-.17.34-.2.16 0 .34.08.44.2l1.66 2.03c.04 0 .07-.03.12-.03h7.44c.34 0 .57.2.65.5h-2.43c-.34.05-.53.52-.3.78l3.92 4.95c.18.24.6.24.78 0l3.94-4.94c.22-.27-.02-.76-.37-.77H18.4c.02-3.9.6-3.4-3.66-3.4H7.28c-1.08 0-1.86-.04-2.4-.04zm.15 2.46c-.1.03-.2.1-.28.2l-3.94 4.9c-.2.28.03.77.4.78H3.6c-.02 3.94-.45 3.4 3.66 3.4h7.44c3.65 0 3.74.3 3.7-2.25l-1.1 1.34c-.1.1-.2.17-.32.2-.16 0-.34-.08-.44-.2l-1.65-2.03c-.06.02-.1.04-.18.04H7.28c-.35 0-.57-.2-.66-.5h2.44c.37 0 .63-.5.4-.78l-3.96-4.9c-.1-.15-.3-.23-.47-.2zM4.88 117.6c-1.16 0-1.3.3-1.3 1.56l1.14-1.38c.08-.1.22-.14.34-.16.16 0 .34.04.44.16l2.22 2.75h7c.42 0 .72.28.72.72v.53h-2.6c-.3.1-.43.54-.2.78l3.92 4.9c.18.25.6.25.78 0l3.94-4.9c.22-.28-.02-.77-.37-.78H18.4v-.53c0-4.2.72-3.63-3.66-3.63H7.28c-1.08 0-1.86-.03-2.4-.03zm.1 1.74c-.1.03-.17.1-.23.16L.8 124.44c-.2.28.03.77.4.78H3.6v.5c0 4.26-.55 3.62 3.66 3.62h7.44c1.03 0 1.74.02 2.28 0-.16.02-.34-.03-.44-.15l-2.22-2.76H7.28c-.44 0-.72-.3-.72-.72v-.5h2.5c.37.02.63-.5.4-.78L5.5 119.5c-.12-.15-.34-.22-.53-.16zm12.02 10c1.2-.02 1.4-.25 1.4-1.53l-1.1 1.36c-.07.1-.17.17-.3.18zM5.94 136.6l2.37 2.93h6.42c.42 0 .72.28.72.72v1.25h-2.6c-.3.1-.43.54-.2.78l3.92 4.9c.18.25.6.25.78 0l3.94-4.9c.22-.28-.02-.77-.37-.78H18.4v-1.25c0-4.2.72-3.63-3.66-3.63H7.28c-.6 0-.92-.02-1.34-.03zm-1.72.06c-.4.08-.54.3-.6.75l.6-.74zm.84.93c-.12 0-.24.08-.3.18l-3.95 4.9c-.24.3 0 .83.4.82H3.6v1.22c0 4.26-.55 3.62 3.66 3.62h7.44c.63 0 .97.02 1.4.03l-2.37-2.93H7.28c-.44 0-.72-.3-.72-.72v-1.22h2.5c.4.04.67-.53.4-.8l-3.96-4.92c-.1-.13-.27-.2-.44-.2zm13.28 10.03l-.56.7c.36-.07.5-.3.56-.7zM17.13 155.6c-.55-.02-1.32.03-2.4.03h-8.2l2.38 2.9h5.82c.42 0 .72.28.72.72v1.97H12.9c-.32.06-.48.52-.28.78l3.94 4.94c.2.23.6.22.78-.03l3.94-4.9c.22-.28-.02-.77-.37-.78H18.4v-1.97c0-3.15.4-3.62-1.25-3.66zm-12.1.28c-.1.02-.2.1-.28.18l-3.94 4.9c-.2.3.03.78.4.8H3.6v1.96c0 4.26-.55 3.62 3.66 3.62h8.24l-2.36-2.9H7.28c-.44 0-.72-.3-.72-.72v-1.97h2.5c.37.02.63-.5.4-.78l-3.96-4.9c-.1-.15-.3-.22-.47-.2zM5.13 174.5c-.15 0-.3.07-.38.2L.8 179.6c-.24.27 0 .82.4.8H3.6v2.32c0 4.26-.55 3.62 3.66 3.62h7.94l-2.35-2.9h-5.6c-.43 0-.7-.3-.7-.72v-2.3h2.5c.38.03.66-.54.4-.83l-3.97-4.9c-.1-.13-.23-.2-.38-.2zm12 .1c-.55-.02-1.32.03-2.4.03H6.83l2.35 2.9h5.52c.42 0 .72.28.72.72v2.34h-2.6c-.3.1-.43.53-.2.78l3.92 4.9c.18.24.6.24.78 0l3.94-4.9c.22-.3-.02-.78-.37-.8H18.4v-2.33c0-3.15.4-3.62-1.25-3.66zM4.97 193.16c-.1.03-.17.1-.22.18l-3.94 4.9c-.2.3.03.78.4.8H3.6v2.68c0 4.26-.55 3.62 3.66 3.62h7.66l-2.3-2.84c-.03-.02-.03-.04-.05-.06H7.27c-.44 0-.72-.3-.72-.72v-2.7h2.5c.37.03.63-.48.4-.77l-3.96-4.9c-.12-.17-.34-.25-.53-.2zm12.16.43c-.55-.02-1.32.03-2.4.03H7.1l2.32 2.84.03.06h5.25c.42 0 .72.28.72.72v2.7h-2.5c-.36.02-.56.54-.3.8l3.92 4.9c.18.25.6.25.78 0l3.94-4.9c.26-.28 0-.83-.37-.8H18.4v-2.7c0-3.15.4-3.62-1.25-3.66z' fill='#{hex-color($highlight-text-color)}' stroke-width='0'/></svg>\");\n  }\n}\n\nbutton.icon-button.disabled i.fa-retweet {\n  background-image: url(\"data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='22' height='209'><path d='M4.97 3.16c-.1.03-.17.1-.22.18L.8 8.24c-.2.3.03.78.4.8H3.6v2.68c0 4.26-.55 3.62 3.66 3.62h7.66l-2.3-2.84c-.03-.02-.03-.04-.05-.06H7.27c-.44 0-.72-.3-.72-.72v-2.7h2.5c.37.03.63-.48.4-.77L5.5 3.35c-.12-.17-.34-.25-.53-.2zm12.16.43c-.55-.02-1.32.02-2.4.02H7.1l2.32 2.85.03.06h5.25c.42 0 .72.28.72.72v2.7h-2.5c-.36.02-.56.54-.3.8l3.92 4.9c.18.25.6.25.78 0l3.94-4.9c.26-.28 0-.83-.37-.8H18.4v-2.7c0-3.15.4-3.62-1.25-3.66z' fill='#{hex-color(darken($action-button-color, 13%))}' stroke-width='0'/><path d='M7.78 19.66c-.24.02-.44.25-.44.5v2.46h-.06c-1.08 0-1.86-.03-2.4-.03-1.64 0-1.25.43-1.25 3.65v4.47c0 4.26-.56 3.62 3.65 3.62H8.5l-1.3-1.06c-.1-.08-.18-.2-.2-.3-.02-.17.06-.35.2-.45l1.33-1.1H7.28c-.44 0-.72-.3-.72-.7v-4.48c0-.44.28-.72.72-.72h.06v2.5c0 .38.54.63.82.38l4.9-3.93c.25-.18.25-.6 0-.78l-4.9-3.92c-.1-.1-.24-.14-.38-.12zm9.34 2.93c-.54-.02-1.3.02-2.4.02h-1.25l1.3 1.07c.1.07.18.2.2.33.02.16-.06.3-.2.4l-1.33 1.1h1.28c.42 0 .72.28.72.72v4.47c0 .42-.3.72-.72.72h-.1v-2.47c0-.3-.3-.53-.6-.47-.07 0-.14.05-.2.1l-4.9 3.93c-.26.18-.26.6 0 .78l4.9 3.92c.27.25.82 0 .8-.38v-2.5h.1c4.27 0 3.65.67 3.65-3.62v-4.47c0-3.15.4-3.62-1.25-3.66zM10.34 38.66c-.24.02-.44.25-.43.5v2.47H7.3c-1.08 0-1.86-.04-2.4-.04-1.64 0-1.25.43-1.25 3.65v4.47c0 3.66-.23 3.7 2.34 3.66l-1.34-1.1c-.1-.08-.18-.2-.2-.3 0-.17.07-.35.2-.45l1.96-1.6c-.03-.06-.04-.13-.04-.2v-4.48c0-.44.28-.72.72-.72H9.9v2.5c0 .36.5.6.8.38l4.93-3.93c.24-.18.24-.6 0-.78l-4.94-3.92c-.1-.08-.23-.13-.36-.12zm5.63 2.93l1.34 1.1c.1.07.18.2.2.33.02.16-.03.3-.16.4l-1.96 1.6c.02.07.06.13.06.22v4.47c0 .42-.3.72-.72.72h-2.66v-2.47c0-.3-.3-.53-.6-.47-.06.02-.12.05-.18.1l-4.94 3.93c-.24.18-.24.6 0 .78l4.94 3.92c.28.22.78-.02.78-.38v-2.5h2.66c4.27 0 3.65.67 3.65-3.62v-4.47c0-3.66.34-3.7-2.4-3.66zM13.06 57.66c-.23.03-.4.26-.4.5v2.47H7.28c-1.08 0-1.86-.04-2.4-.04-1.64 0-1.25.43-1.25 3.65v4.87l2.93-2.37v-2.5c0-.44.28-.72.72-.72h5.38v2.5c0 .36.5.6.78.38l4.94-3.93c.24-.18.24-.6 0-.78l-4.94-3.92c-.1-.1-.24-.14-.38-.12zm5.3 6.15l-2.92 2.4v2.52c0 .42-.3.72-.72.72h-5.4v-2.47c0-.3-.32-.53-.6-.47-.07.02-.13.05-.2.1L3.6 70.52c-.25.18-.25.6 0 .78l4.93 3.92c.28.22.78-.02.78-.38v-2.5h5.42c4.27 0 3.65.67 3.65-3.62v-4.47-.44zM19.25 78.8c-.1.03-.2.1-.28.17l-.9.9c-.44-.3-1.36-.25-3.35-.25H7.28c-1.08 0-1.86-.03-2.4-.03-1.64 0-1.25.43-1.25 3.65v.7l2.93.3v-1c0-.44.28-.72.72-.72h7.44c.2 0 .37.08.5.2l-1.8 1.8c-.25.26-.08.76.27.8l6.27.7c.28.03.56-.25.53-.53l-.7-6.25c0-.27-.3-.48-.55-.44zm-17.2 6.1c-.2.07-.36.3-.33.54l.7 6.25c.02.36.58.55.83.27l.8-.8c.02 0 .04-.02.04 0 .46.24 1.37.17 3.18.17h7.44c4.27 0 3.65.67 3.65-3.62v-.75l-2.93-.3v1.05c0 .42-.3.72-.72.72H7.28c-.15 0-.3-.03-.4-.1L8.8 86.4c.3-.24.1-.8-.27-.84l-6.28-.65h-.2zM4.88 98.6c-1.33 0-1.34.48-1.3 2.3l1.14-1.37c.08-.1.22-.17.34-.2.16 0 .34.08.44.2l1.66 2.03c.04 0 .07-.03.12-.03h7.44c.34 0 .57.2.65.5h-2.43c-.34.05-.53.52-.3.78l3.92 4.95c.18.24.6.24.78 0l3.94-4.94c.22-.27-.02-.76-.37-.77H18.4c.02-3.9.6-3.4-3.66-3.4H7.28c-1.08 0-1.86-.04-2.4-.04zm.15 2.46c-.1.03-.2.1-.28.2l-3.94 4.9c-.2.28.03.77.4.78H3.6c-.02 3.94-.45 3.4 3.66 3.4h7.44c3.65 0 3.74.3 3.7-2.25l-1.1 1.34c-.1.1-.2.17-.32.2-.16 0-.34-.08-.44-.2l-1.65-2.03c-.06.02-.1.04-.18.04H7.28c-.35 0-.57-.2-.66-.5h2.44c.37 0 .63-.5.4-.78l-3.96-4.9c-.1-.15-.3-.23-.47-.2zM4.88 117.6c-1.16 0-1.3.3-1.3 1.56l1.14-1.38c.08-.1.22-.14.34-.16.16 0 .34.04.44.16l2.22 2.75h7c.42 0 .72.28.72.72v.53h-2.6c-.3.1-.43.54-.2.78l3.92 4.9c.18.25.6.25.78 0l3.94-4.9c.22-.28-.02-.77-.37-.78H18.4v-.53c0-4.2.72-3.63-3.66-3.63H7.28c-1.08 0-1.86-.03-2.4-.03zm.1 1.74c-.1.03-.17.1-.23.16L.8 124.44c-.2.28.03.77.4.78H3.6v.5c0 4.26-.55 3.62 3.66 3.62h7.44c1.03 0 1.74.02 2.28 0-.16.02-.34-.03-.44-.15l-2.22-2.76H7.28c-.44 0-.72-.3-.72-.72v-.5h2.5c.37.02.63-.5.4-.78L5.5 119.5c-.12-.15-.34-.22-.53-.16zm12.02 10c1.2-.02 1.4-.25 1.4-1.53l-1.1 1.36c-.07.1-.17.17-.3.18zM5.94 136.6l2.37 2.93h6.42c.42 0 .72.28.72.72v1.25h-2.6c-.3.1-.43.54-.2.78l3.92 4.9c.18.25.6.25.78 0l3.94-4.9c.22-.28-.02-.77-.37-.78H18.4v-1.25c0-4.2.72-3.63-3.66-3.63H7.28c-.6 0-.92-.02-1.34-.03zm-1.72.06c-.4.08-.54.3-.6.75l.6-.74zm.84.93c-.12 0-.24.08-.3.18l-3.95 4.9c-.24.3 0 .83.4.82H3.6v1.22c0 4.26-.55 3.62 3.66 3.62h7.44c.63 0 .97.02 1.4.03l-2.37-2.93H7.28c-.44 0-.72-.3-.72-.72v-1.22h2.5c.4.04.67-.53.4-.8l-3.96-4.92c-.1-.13-.27-.2-.44-.2zm13.28 10.03l-.56.7c.36-.07.5-.3.56-.7zM17.13 155.6c-.55-.02-1.32.03-2.4.03h-8.2l2.38 2.9h5.82c.42 0 .72.28.72.72v1.97H12.9c-.32.06-.48.52-.28.78l3.94 4.94c.2.23.6.22.78-.03l3.94-4.9c.22-.28-.02-.77-.37-.78H18.4v-1.97c0-3.15.4-3.62-1.25-3.66zm-12.1.28c-.1.02-.2.1-.28.18l-3.94 4.9c-.2.3.03.78.4.8H3.6v1.96c0 4.26-.55 3.62 3.66 3.62h8.24l-2.36-2.9H7.28c-.44 0-.72-.3-.72-.72v-1.97h2.5c.37.02.63-.5.4-.78l-3.96-4.9c-.1-.15-.3-.22-.47-.2zM5.13 174.5c-.15 0-.3.07-.38.2L.8 179.6c-.24.27 0 .82.4.8H3.6v2.32c0 4.26-.55 3.62 3.66 3.62h7.94l-2.35-2.9h-5.6c-.43 0-.7-.3-.7-.72v-2.3h2.5c.38.03.66-.54.4-.83l-3.97-4.9c-.1-.13-.23-.2-.38-.2zm12 .1c-.55-.02-1.32.03-2.4.03H6.83l2.35 2.9h5.52c.42 0 .72.28.72.72v2.34h-2.6c-.3.1-.43.53-.2.78l3.92 4.9c.18.24.6.24.78 0l3.94-4.9c.22-.3-.02-.78-.37-.8H18.4v-2.33c0-3.15.4-3.62-1.25-3.66zM4.97 193.16c-.1.03-.17.1-.22.18l-3.94 4.9c-.2.3.03.78.4.8H3.6v2.68c0 4.26-.55 3.62 3.66 3.62h7.66l-2.3-2.84c-.03-.02-.03-.04-.05-.06H7.27c-.44 0-.72-.3-.72-.72v-2.7h2.5c.37.03.63-.48.4-.77l-3.96-4.9c-.12-.17-.34-.25-.53-.2zm12.16.43c-.55-.02-1.32.03-2.4.03H7.1l2.32 2.84.03.06h5.25c.42 0 .72.28.72.72v2.7h-2.5c-.36.02-.56.54-.3.8l3.92 4.9c.18.25.6.25.78 0l3.94-4.9c.26-.28 0-.83-.37-.8H18.4v-2.7c0-3.15.4-3.62-1.25-3.66z' fill='#{hex-color($highlight-text-color)}' stroke-width='0'/></svg>\");\n}\n",".app-body {\n  -webkit-overflow-scrolling: touch;\n  -ms-overflow-style: -ms-autohiding-scrollbar;\n}\n\n.link-button {\n  display: block;\n  font-size: 15px;\n  line-height: 20px;\n  color: $ui-highlight-color;\n  border: 0;\n  background: transparent;\n  padding: 0;\n  cursor: pointer;\n\n  &:hover,\n  &:active {\n    text-decoration: underline;\n  }\n\n  &:disabled {\n    color: $ui-primary-color;\n    cursor: default;\n  }\n}\n\n.button {\n  background-color: $ui-highlight-color;\n  border: 10px none;\n  border-radius: 4px;\n  box-sizing: border-box;\n  color: $primary-text-color;\n  cursor: pointer;\n  display: inline-block;\n  font-family: inherit;\n  font-size: 15px;\n  font-weight: 500;\n  height: 36px;\n  letter-spacing: 0;\n  line-height: 36px;\n  overflow: hidden;\n  padding: 0 16px;\n  position: relative;\n  text-align: center;\n  text-decoration: none;\n  text-overflow: ellipsis;\n  transition: all 100ms ease-in;\n  white-space: nowrap;\n  width: auto;\n\n  &:active,\n  &:focus,\n  &:hover {\n    background-color: lighten($ui-highlight-color, 10%);\n    transition: all 200ms ease-out;\n  }\n\n  &--destructive {\n    transition: none;\n\n    &:active,\n    &:focus,\n    &:hover {\n      background-color: $error-red;\n      transition: none;\n    }\n  }\n\n  &:disabled,\n  &.disabled {\n    background-color: $ui-primary-color;\n    cursor: default;\n  }\n\n  &::-moz-focus-inner {\n    border: 0;\n  }\n\n  &::-moz-focus-inner,\n  &:focus,\n  &:active {\n    outline: 0 !important;\n  }\n\n  &.button-primary,\n  &.button-alternative,\n  &.button-secondary,\n  &.button-alternative-2 {\n    font-size: 16px;\n    line-height: 36px;\n    height: auto;\n    text-transform: none;\n    padding: 4px 16px;\n  }\n\n  &.button-alternative {\n    color: $inverted-text-color;\n    background: $ui-primary-color;\n\n    &:active,\n    &:focus,\n    &:hover {\n      background-color: lighten($ui-primary-color, 4%);\n    }\n  }\n\n  &.button-alternative-2 {\n    background: $ui-base-lighter-color;\n\n    &:active,\n    &:focus,\n    &:hover {\n      background-color: lighten($ui-base-lighter-color, 4%);\n    }\n  }\n\n  &.button-secondary {\n    color: $darker-text-color;\n    background: transparent;\n    padding: 3px 15px;\n    border: 1px solid $ui-primary-color;\n\n    &:active,\n    &:focus,\n    &:hover {\n      border-color: lighten($ui-primary-color, 4%);\n      color: lighten($darker-text-color, 4%);\n    }\n\n    &:disabled {\n      opacity: 0.5;\n    }\n  }\n\n  &.button--block {\n    display: block;\n    width: 100%;\n  }\n}\n\n.column__wrapper {\n  display: flex;\n  flex: 1 1 auto;\n  position: relative;\n}\n\n.icon-button {\n  display: inline-block;\n  padding: 0;\n  color: $action-button-color;\n  border: 0;\n  border-radius: 4px;\n  background: transparent;\n  cursor: pointer;\n  transition: all 100ms ease-in;\n  transition-property: background-color, color;\n\n  &:hover,\n  &:active,\n  &:focus {\n    color: lighten($action-button-color, 7%);\n    background-color: rgba($action-button-color, 0.15);\n    transition: all 200ms ease-out;\n    transition-property: background-color, color;\n  }\n\n  &:focus {\n    background-color: rgba($action-button-color, 0.3);\n  }\n\n  &.disabled {\n    color: darken($action-button-color, 13%);\n    background-color: transparent;\n    cursor: default;\n  }\n\n  &.active {\n    color: $highlight-text-color;\n  }\n\n  &::-moz-focus-inner {\n    border: 0;\n  }\n\n  &::-moz-focus-inner,\n  &:focus,\n  &:active {\n    outline: 0 !important;\n  }\n\n  &.inverted {\n    color: $lighter-text-color;\n\n    &:hover,\n    &:active,\n    &:focus {\n      color: darken($lighter-text-color, 7%);\n      background-color: rgba($lighter-text-color, 0.15);\n    }\n\n    &:focus {\n      background-color: rgba($lighter-text-color, 0.3);\n    }\n\n    &.disabled {\n      color: lighten($lighter-text-color, 7%);\n      background-color: transparent;\n    }\n\n    &.active {\n      color: $highlight-text-color;\n\n      &.disabled {\n        color: lighten($highlight-text-color, 13%);\n      }\n    }\n  }\n\n  &.overlayed {\n    box-sizing: content-box;\n    background: rgba($base-overlay-background, 0.6);\n    color: rgba($primary-text-color, 0.7);\n    border-radius: 4px;\n    padding: 2px;\n\n    &:hover {\n      background: rgba($base-overlay-background, 0.9);\n    }\n  }\n}\n\n.text-icon-button {\n  color: $lighter-text-color;\n  border: 0;\n  border-radius: 4px;\n  background: transparent;\n  cursor: pointer;\n  font-weight: 600;\n  font-size: 11px;\n  padding: 0 3px;\n  line-height: 27px;\n  outline: 0;\n  transition: all 100ms ease-in;\n  transition-property: background-color, color;\n\n  &:hover,\n  &:active,\n  &:focus {\n    color: darken($lighter-text-color, 7%);\n    background-color: rgba($lighter-text-color, 0.15);\n    transition: all 200ms ease-out;\n    transition-property: background-color, color;\n  }\n\n  &:focus {\n    background-color: rgba($lighter-text-color, 0.3);\n  }\n\n  &.disabled {\n    color: lighten($lighter-text-color, 20%);\n    background-color: transparent;\n    cursor: default;\n  }\n\n  &.active {\n    color: $highlight-text-color;\n  }\n\n  &::-moz-focus-inner {\n    border: 0;\n  }\n\n  &::-moz-focus-inner,\n  &:focus,\n  &:active {\n    outline: 0 !important;\n  }\n}\n\n.dropdown-menu {\n  position: absolute;\n}\n\n.invisible {\n  font-size: 0;\n  line-height: 0;\n  display: inline-block;\n  width: 0;\n  height: 0;\n  position: absolute;\n\n  img,\n  svg {\n    margin: 0 !important;\n    border: 0 !important;\n    padding: 0 !important;\n    width: 0 !important;\n    height: 0 !important;\n  }\n}\n\n.ellipsis {\n  &::after {\n    content: \"…\";\n  }\n}\n\n.compose-form {\n  padding: 10px;\n\n  &__sensitive-button {\n    padding: 10px;\n    padding-top: 0;\n\n    font-size: 14px;\n    font-weight: 500;\n\n    &.active {\n      color: $highlight-text-color;\n    }\n\n    input[type=checkbox] {\n      display: none;\n    }\n\n    .checkbox {\n      display: inline-block;\n      position: relative;\n      border: 1px solid $ui-primary-color;\n      box-sizing: border-box;\n      width: 18px;\n      height: 18px;\n      flex: 0 0 auto;\n      margin-right: 10px;\n      top: -1px;\n      border-radius: 4px;\n      vertical-align: middle;\n\n      &.active {\n        border-color: $highlight-text-color;\n        background: $highlight-text-color;\n      }\n    }\n  }\n\n  .compose-form__warning {\n    color: $inverted-text-color;\n    margin-bottom: 10px;\n    background: $ui-primary-color;\n    box-shadow: 0 2px 6px rgba($base-shadow-color, 0.3);\n    padding: 8px 10px;\n    border-radius: 4px;\n    font-size: 13px;\n    font-weight: 400;\n\n    strong {\n      color: $inverted-text-color;\n      font-weight: 500;\n\n      @each $lang in $cjk-langs {\n        &:lang(#{$lang}) {\n          font-weight: 700;\n        }\n      }\n    }\n\n    a {\n      color: $lighter-text-color;\n      font-weight: 500;\n      text-decoration: underline;\n\n      &:hover,\n      &:active,\n      &:focus {\n        text-decoration: none;\n      }\n    }\n  }\n\n  .emoji-picker-dropdown {\n    position: absolute;\n    top: 5px;\n    right: 5px;\n  }\n\n  .compose-form__autosuggest-wrapper {\n    position: relative;\n  }\n\n  .autosuggest-textarea,\n  .autosuggest-input,\n  .spoiler-input {\n    position: relative;\n    width: 100%;\n  }\n\n  .spoiler-input {\n    height: 0;\n    transform-origin: bottom;\n    opacity: 0;\n\n    &.spoiler-input--visible {\n      height: 36px;\n      margin-bottom: 11px;\n      opacity: 1;\n    }\n  }\n\n  .autosuggest-textarea__textarea,\n  .spoiler-input__input {\n    display: block;\n    box-sizing: border-box;\n    width: 100%;\n    margin: 0;\n    color: $inverted-text-color;\n    background: $simple-background-color;\n    padding: 10px;\n    font-family: inherit;\n    font-size: 14px;\n    resize: vertical;\n    border: 0;\n    outline: 0;\n\n    &::placeholder {\n      color: $dark-text-color;\n    }\n\n    &:focus {\n      outline: 0;\n    }\n\n    @media screen and (max-width: 600px) {\n      font-size: 16px;\n    }\n  }\n\n  .spoiler-input__input {\n    border-radius: 4px;\n  }\n\n  .autosuggest-textarea__textarea {\n    min-height: 100px;\n    border-radius: 4px 4px 0 0;\n    padding-bottom: 0;\n    padding-right: 10px + 22px;\n    resize: none;\n    scrollbar-color: initial;\n\n    &::-webkit-scrollbar {\n      all: unset;\n    }\n\n    @media screen and (max-width: 600px) {\n      height: 100px !important; // prevent auto-resize textarea\n      resize: vertical;\n    }\n  }\n\n  .autosuggest-textarea__suggestions-wrapper {\n    position: relative;\n    height: 0;\n  }\n\n  .autosuggest-textarea__suggestions {\n    box-sizing: border-box;\n    display: none;\n    position: absolute;\n    top: 100%;\n    width: 100%;\n    z-index: 99;\n    box-shadow: 4px 4px 6px rgba($base-shadow-color, 0.4);\n    background: $ui-secondary-color;\n    border-radius: 0 0 4px 4px;\n    color: $inverted-text-color;\n    font-size: 14px;\n    padding: 6px;\n\n    &.autosuggest-textarea__suggestions--visible {\n      display: block;\n    }\n  }\n\n  .autosuggest-textarea__suggestions__item {\n    padding: 10px;\n    cursor: pointer;\n    border-radius: 4px;\n\n    &:hover,\n    &:focus,\n    &:active,\n    &.selected {\n      background: darken($ui-secondary-color, 10%);\n    }\n  }\n\n  .autosuggest-account,\n  .autosuggest-emoji,\n  .autosuggest-hashtag {\n    display: flex;\n    flex-direction: row;\n    align-items: center;\n    justify-content: flex-start;\n    line-height: 18px;\n    font-size: 14px;\n  }\n\n  .autosuggest-hashtag {\n    justify-content: space-between;\n\n    &__name {\n      flex: 1 1 auto;\n      overflow: hidden;\n      text-overflow: ellipsis;\n      white-space: nowrap;\n    }\n\n    strong {\n      font-weight: 500;\n    }\n\n    &__uses {\n      flex: 0 0 auto;\n      text-align: right;\n      overflow: hidden;\n      text-overflow: ellipsis;\n      white-space: nowrap;\n    }\n  }\n\n  .autosuggest-account-icon,\n  .autosuggest-emoji img {\n    display: block;\n    margin-right: 8px;\n    width: 16px;\n    height: 16px;\n  }\n\n  .autosuggest-account .display-name__account {\n    color: $lighter-text-color;\n  }\n\n  .compose-form__modifiers {\n    color: $inverted-text-color;\n    font-family: inherit;\n    font-size: 14px;\n    background: $simple-background-color;\n\n    .compose-form__upload-wrapper {\n      overflow: hidden;\n    }\n\n    .compose-form__uploads-wrapper {\n      display: flex;\n      flex-direction: row;\n      padding: 5px;\n      flex-wrap: wrap;\n    }\n\n    .compose-form__upload {\n      flex: 1 1 0;\n      min-width: 40%;\n      margin: 5px;\n\n      &__actions {\n        background: linear-gradient(180deg, rgba($base-shadow-color, 0.8) 0, rgba($base-shadow-color, 0.35) 80%, transparent);\n        display: flex;\n        align-items: flex-start;\n        justify-content: space-between;\n        opacity: 0;\n        transition: opacity .1s ease;\n\n        .icon-button {\n          flex: 0 1 auto;\n          color: $secondary-text-color;\n          font-size: 14px;\n          font-weight: 500;\n          padding: 10px;\n          font-family: inherit;\n\n          &:hover,\n          &:focus,\n          &:active {\n            color: lighten($secondary-text-color, 7%);\n          }\n        }\n\n        &.active {\n          opacity: 1;\n        }\n      }\n\n      &-description {\n        position: absolute;\n        z-index: 2;\n        bottom: 0;\n        left: 0;\n        right: 0;\n        box-sizing: border-box;\n        background: linear-gradient(0deg, rgba($base-shadow-color, 0.8) 0, rgba($base-shadow-color, 0.35) 80%, transparent);\n        padding: 10px;\n        opacity: 0;\n        transition: opacity .1s ease;\n\n        textarea {\n          background: transparent;\n          color: $secondary-text-color;\n          border: 0;\n          padding: 0;\n          margin: 0;\n          width: 100%;\n          font-family: inherit;\n          font-size: 14px;\n          font-weight: 500;\n\n          &:focus {\n            color: $white;\n          }\n\n          &::placeholder {\n            opacity: 0.75;\n            color: $secondary-text-color;\n          }\n        }\n\n        &.active {\n          opacity: 1;\n        }\n      }\n    }\n\n    .compose-form__upload-thumbnail {\n      border-radius: 4px;\n      background-color: $base-shadow-color;\n      background-position: center;\n      background-size: cover;\n      background-repeat: no-repeat;\n      height: 140px;\n      width: 100%;\n      overflow: hidden;\n    }\n  }\n\n  .compose-form__buttons-wrapper {\n    padding: 10px;\n    background: darken($simple-background-color, 8%);\n    border-radius: 0 0 4px 4px;\n    display: flex;\n    justify-content: space-between;\n    flex: 0 0 auto;\n\n    .compose-form__buttons {\n      display: flex;\n\n      .compose-form__upload-button-icon {\n        line-height: 27px;\n      }\n\n      .compose-form__sensitive-button {\n        display: none;\n\n        &.compose-form__sensitive-button--visible {\n          display: block;\n        }\n\n        .compose-form__sensitive-button__icon {\n          line-height: 27px;\n        }\n      }\n    }\n\n    .icon-button,\n    .text-icon-button {\n      box-sizing: content-box;\n      padding: 0 3px;\n    }\n\n    .character-counter__wrapper {\n      align-self: center;\n      margin-right: 4px;\n    }\n  }\n\n  .compose-form__publish {\n    display: flex;\n    justify-content: flex-end;\n    min-width: 0;\n    flex: 0 0 auto;\n\n    .compose-form__publish-button-wrapper {\n      overflow: hidden;\n      padding-top: 10px;\n    }\n  }\n}\n\n.character-counter {\n  cursor: default;\n  font-family: $font-sans-serif, sans-serif;\n  font-size: 14px;\n  font-weight: 600;\n  color: $lighter-text-color;\n\n  &.character-counter--over {\n    color: $warning-red;\n  }\n}\n\n.no-reduce-motion .spoiler-input {\n  transition: height 0.4s ease, opacity 0.4s ease;\n}\n\n.emojione {\n  font-size: inherit;\n  vertical-align: middle;\n  object-fit: contain;\n  margin: -.2ex .15em .2ex;\n  width: 16px;\n  height: 16px;\n\n  img {\n    width: auto;\n  }\n}\n\n.reply-indicator {\n  border-radius: 4px;\n  margin-bottom: 10px;\n  background: $ui-primary-color;\n  padding: 10px;\n  min-height: 23px;\n  overflow-y: auto;\n  flex: 0 2 auto;\n}\n\n.reply-indicator__header {\n  margin-bottom: 5px;\n  overflow: hidden;\n}\n\n.reply-indicator__cancel {\n  float: right;\n  line-height: 24px;\n}\n\n.reply-indicator__display-name {\n  color: $inverted-text-color;\n  display: block;\n  max-width: 100%;\n  line-height: 24px;\n  overflow: hidden;\n  padding-right: 25px;\n  text-decoration: none;\n}\n\n.reply-indicator__display-avatar {\n  float: left;\n  margin-right: 5px;\n}\n\n.status__content--with-action {\n  cursor: pointer;\n}\n\n.status__content,\n.reply-indicator__content {\n  position: relative;\n  font-size: 15px;\n  line-height: 20px;\n  word-wrap: break-word;\n  font-weight: 400;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  padding-top: 2px;\n  color: $primary-text-color;\n\n  &:focus {\n    outline: 0;\n  }\n\n  &.status__content--with-spoiler {\n    white-space: normal;\n\n    .status__content__text {\n      white-space: pre-wrap;\n    }\n  }\n\n  .emojione {\n    width: 20px;\n    height: 20px;\n    margin: -3px 0 0;\n  }\n\n  img {\n    max-width: 100%;\n    max-height: 400px;\n    object-fit: contain;\n  }\n\n  p {\n    margin-bottom: 20px;\n    white-space: pre-wrap;\n\n    &:last-child {\n      margin-bottom: 0;\n    }\n  }\n\n  a {\n    color: $pleroma-links;\n    text-decoration: none;\n\n    &:hover {\n      text-decoration: underline;\n\n      .fa {\n        color: lighten($dark-text-color, 7%);\n      }\n    }\n\n    &.mention {\n      &:hover {\n        text-decoration: none;\n\n        span {\n          text-decoration: underline;\n        }\n      }\n    }\n\n    .fa {\n      color: $dark-text-color;\n    }\n  }\n\n  a.unhandled-link {\n    color: lighten($ui-highlight-color, 8%);\n  }\n\n  .status__content__spoiler-link {\n    background: $action-button-color;\n\n    &:hover {\n      background: lighten($action-button-color, 7%);\n      text-decoration: none;\n    }\n\n    &::-moz-focus-inner {\n      border: 0;\n    }\n\n    &::-moz-focus-inner,\n    &:focus,\n    &:active {\n      outline: 0 !important;\n    }\n  }\n\n  .status__content__text {\n    display: none;\n\n    &.status__content__text--visible {\n      display: block;\n    }\n  }\n}\n\n.status__content.status__content--collapsed {\n  max-height: 20px * 15; // 15 lines is roughly above 500 characters\n}\n\n.status__content__read-more-button {\n  display: block;\n  font-size: 15px;\n  line-height: 20px;\n  color: lighten($ui-highlight-color, 8%);\n  border: 0;\n  background: transparent;\n  padding: 0;\n  padding-top: 8px;\n\n  &:hover,\n  &:active {\n    text-decoration: underline;\n  }\n}\n\n.status__content__spoiler-link {\n  display: inline-block;\n  border-radius: 2px;\n  background: transparent;\n  border: 0;\n  color: $inverted-text-color;\n  font-weight: 700;\n  font-size: 12px;\n  padding: 0 6px;\n  line-height: 20px;\n  cursor: pointer;\n  vertical-align: middle;\n}\n\n.status__wrapper--filtered {\n  color: $dark-text-color;\n  border: 0;\n  font-size: inherit;\n  text-align: center;\n  line-height: inherit;\n  margin: 0;\n  padding: 15px;\n  box-sizing: border-box;\n  width: 100%;\n  clear: both;\n  border-bottom: 1px solid lighten($ui-base-color, 8%);\n}\n\n.status__prepend-icon-wrapper {\n  left: -26px;\n  position: absolute;\n}\n\n.focusable {\n  &:focus {\n    outline: 0;\n    background: lighten($ui-base-color, 4%);\n\n    .status.status-direct {\n      background: lighten($ui-base-color, 12%);\n\n      &.muted {\n        background: transparent;\n      }\n    }\n\n    .detailed-status,\n    .detailed-status__action-bar {\n      background: lighten($ui-base-color, 8%);\n    }\n  }\n}\n\n.status {\n  padding: 8px 10px;\n  padding-left: 68px;\n  position: relative;\n  min-height: 54px;\n  border-bottom: 1px solid lighten($ui-base-color, 8%);\n  cursor: default;\n\n  @supports (-ms-overflow-style: -ms-autohiding-scrollbar) {\n    // Add margin to avoid Edge auto-hiding scrollbar appearing over content.\n    // On Edge 16 this is 16px and Edge <=15 it's 12px, so aim for 16px.\n    padding-right: 26px; // 10px + 16px\n  }\n\n  @keyframes fade {\n    0% { opacity: 0; }\n    100% { opacity: 1; }\n  }\n\n  opacity: 1;\n  animation: fade 150ms linear;\n\n  .video-player,\n  .audio-player {\n    margin-top: 8px;\n  }\n\n  &.status-direct:not(.read) {\n    background: lighten($ui-base-color, 8%);\n    border-bottom-color: lighten($ui-base-color, 12%);\n  }\n\n  &.light {\n    .status__relative-time {\n      color: $light-text-color;\n    }\n\n    .status__display-name {\n      color: $inverted-text-color;\n    }\n\n    .display-name {\n      strong {\n        color: $inverted-text-color;\n      }\n\n      span {\n        color: $light-text-color;\n      }\n    }\n\n    .status__content {\n      color: $inverted-text-color;\n\n      a {\n        color: $highlight-text-color;\n      }\n\n      a.status__content__spoiler-link {\n        color: $primary-text-color;\n        background: $ui-primary-color;\n\n        &:hover {\n          background: lighten($ui-primary-color, 8%);\n        }\n      }\n    }\n  }\n}\n\n.notification-favourite {\n  .status.status-direct {\n    background: transparent;\n\n    .icon-button.disabled {\n      color: lighten($action-button-color, 13%);\n    }\n  }\n}\n\n.status__relative-time,\n.notification__relative_time {\n  color: $dark-text-color;\n  float: right;\n  font-size: 14px;\n}\n\n.status__display-name {\n  color: $dark-text-color;\n}\n\n.status__info .status__display-name {\n  display: block;\n  max-width: 100%;\n  padding-right: 25px;\n}\n\n.status__info {\n  font-size: 15px;\n}\n\n.status-check-box {\n  border-bottom: 1px solid $ui-secondary-color;\n  display: flex;\n\n  .status-check-box__status {\n    margin: 10px 0 10px 10px;\n    flex: 1;\n\n    .media-gallery {\n      max-width: 250px;\n    }\n\n    .status__content {\n      padding: 0;\n      white-space: normal;\n    }\n\n    .video-player,\n    .audio-player {\n      margin-top: 8px;\n      max-width: 250px;\n    }\n\n    .media-gallery__item-thumbnail {\n      cursor: default;\n    }\n  }\n}\n\n.status-check-box-toggle {\n  align-items: center;\n  display: flex;\n  flex: 0 0 auto;\n  justify-content: center;\n  padding: 10px;\n}\n\n.status__prepend {\n  margin-left: 68px;\n  color: $dark-text-color;\n  padding: 8px 0;\n  padding-bottom: 2px;\n  font-size: 14px;\n  position: relative;\n\n  .status__display-name strong {\n    color: $dark-text-color;\n  }\n\n  > span {\n    display: block;\n    overflow: hidden;\n    text-overflow: ellipsis;\n  }\n}\n\n.status__action-bar {\n  align-items: center;\n  display: flex;\n  margin-top: 8px;\n\n  &__counter {\n    display: inline-flex;\n    margin-right: 11px;\n    align-items: center;\n\n    .status__action-bar-button {\n      margin-right: 4px;\n    }\n\n    &__label {\n      display: inline-block;\n      width: 14px;\n      font-size: 12px;\n      font-weight: 500;\n      color: $action-button-color;\n    }\n  }\n}\n\n.status__action-bar-button {\n  margin-right: 18px;\n}\n\n.status__action-bar-dropdown {\n  height: 23.15px;\n  width: 23.15px;\n}\n\n.detailed-status__action-bar-dropdown {\n  flex: 1 1 auto;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  position: relative;\n}\n\n.detailed-status {\n  background: lighten($ui-base-color, 4%);\n  padding: 14px 10px;\n\n  &--flex {\n    display: flex;\n    flex-wrap: wrap;\n    justify-content: space-between;\n    align-items: flex-start;\n\n    .status__content,\n    .detailed-status__meta {\n      flex: 100%;\n    }\n  }\n\n  .status__content {\n    font-size: 19px;\n    line-height: 24px;\n\n    .emojione {\n      width: 24px;\n      height: 24px;\n      margin: -1px 0 0;\n    }\n\n    .status__content__spoiler-link {\n      line-height: 24px;\n      margin: -1px 0 0;\n    }\n  }\n\n  .video-player,\n  .audio-player {\n    margin-top: 8px;\n  }\n}\n\n.detailed-status__meta {\n  margin-top: 15px;\n  color: $dark-text-color;\n  font-size: 14px;\n  line-height: 18px;\n}\n\n.detailed-status__action-bar {\n  background: lighten($ui-base-color, 4%);\n  border-top: 1px solid lighten($ui-base-color, 8%);\n  border-bottom: 1px solid lighten($ui-base-color, 8%);\n  display: flex;\n  flex-direction: row;\n  padding: 10px 0;\n}\n\n.detailed-status__link {\n  color: inherit;\n  text-decoration: none;\n}\n\n.detailed-status__favorites,\n.detailed-status__reblogs {\n  display: inline-block;\n  font-weight: 500;\n  font-size: 12px;\n  margin-left: 6px;\n}\n\n.reply-indicator__content {\n  color: $inverted-text-color;\n  font-size: 14px;\n\n  a {\n    color: $lighter-text-color;\n  }\n}\n\n.domain {\n  padding: 10px;\n  border-bottom: 1px solid lighten($ui-base-color, 8%);\n\n  .domain__domain-name {\n    flex: 1 1 auto;\n    display: block;\n    color: $primary-text-color;\n    text-decoration: none;\n    font-size: 14px;\n    font-weight: 500;\n  }\n}\n\n.domain__wrapper {\n  display: flex;\n}\n\n.domain_buttons {\n  height: 18px;\n  padding: 10px;\n  white-space: nowrap;\n}\n\n.account {\n  padding: 10px;\n  border-bottom: 1px solid lighten($ui-base-color, 8%);\n\n  &.compact {\n    padding: 0;\n    border-bottom: 0;\n\n    .account__avatar-wrapper {\n      margin-left: 0;\n    }\n  }\n\n  .account__display-name {\n    flex: 1 1 auto;\n    display: block;\n    color: $darker-text-color;\n    overflow: hidden;\n    text-decoration: none;\n    font-size: 14px;\n  }\n}\n\n.account__wrapper {\n  display: flex;\n}\n\n.account__avatar-wrapper {\n  float: left;\n  margin-left: 12px;\n  margin-right: 12px;\n}\n\n.account__avatar {\n  @include avatar-radius;\n  position: relative;\n\n  &-inline {\n    display: inline-block;\n    vertical-align: middle;\n    margin-right: 5px;\n  }\n\n  &-composite {\n    @include avatar-radius;\n    border-radius: 50%;\n    overflow: hidden;\n    position: relative;\n    cursor: default;\n\n    & > div {\n      float: left;\n      position: relative;\n      box-sizing: border-box;\n    }\n\n    &__label {\n      display: block;\n      position: absolute;\n      top: 50%;\n      left: 50%;\n      transform: translate(-50%, -50%);\n      color: $primary-text-color;\n      text-shadow: 1px 1px 2px $base-shadow-color;\n      font-weight: 700;\n      font-size: 15px;\n    }\n  }\n}\n\na .account__avatar {\n  cursor: pointer;\n}\n\n.account__avatar-overlay {\n  @include avatar-size(48px);\n\n  &-base {\n    @include avatar-radius;\n    @include avatar-size(36px);\n  }\n\n  &-overlay {\n    @include avatar-radius;\n    @include avatar-size(24px);\n\n    position: absolute;\n    bottom: 0;\n    right: 0;\n    z-index: 1;\n  }\n}\n\n.account__relationship {\n  height: 18px;\n  padding: 10px;\n  white-space: nowrap;\n}\n\n.account__disclaimer {\n  padding: 10px;\n  border-top: 1px solid lighten($ui-base-color, 8%);\n  color: $dark-text-color;\n\n  strong {\n    font-weight: 500;\n\n    @each $lang in $cjk-langs {\n      &:lang(#{$lang}) {\n        font-weight: 700;\n      }\n    }\n  }\n\n  a {\n    font-weight: 500;\n    color: inherit;\n    text-decoration: underline;\n\n    &:hover,\n    &:focus,\n    &:active {\n      text-decoration: none;\n    }\n  }\n}\n\n.account__action-bar {\n  border-top: 1px solid lighten($ui-base-color, 8%);\n  border-bottom: 1px solid lighten($ui-base-color, 8%);\n  line-height: 36px;\n  overflow: hidden;\n  flex: 0 0 auto;\n  display: flex;\n}\n\n.account__action-bar-dropdown {\n  padding: 10px;\n\n  .icon-button {\n    vertical-align: middle;\n  }\n\n  .dropdown--active {\n    .dropdown__content.dropdown__right {\n      left: 6px;\n      right: initial;\n    }\n\n    &::after {\n      bottom: initial;\n      margin-left: 11px;\n      margin-top: -7px;\n      right: initial;\n    }\n  }\n}\n\n.account__action-bar-links {\n  display: flex;\n  flex: 1 1 auto;\n  line-height: 18px;\n  text-align: center;\n}\n\n.account__action-bar__tab {\n  text-decoration: none;\n  overflow: hidden;\n  flex: 0 1 100%;\n  border-right: 1px solid lighten($ui-base-color, 8%);\n  padding: 10px 0;\n  border-bottom: 4px solid transparent;\n\n  &.active {\n    border-bottom: 4px solid $ui-highlight-color;\n  }\n\n  & > span {\n    display: block;\n    font-size: 12px;\n    color: $darker-text-color;\n  }\n\n  strong {\n    display: block;\n    font-size: 15px;\n    font-weight: 500;\n    color: $primary-text-color;\n\n    @each $lang in $cjk-langs {\n      &:lang(#{$lang}) {\n        font-weight: 700;\n      }\n    }\n  }\n}\n\n.account-authorize {\n  padding: 14px 10px;\n\n  .detailed-status__display-name {\n    display: block;\n    margin-bottom: 15px;\n    overflow: hidden;\n  }\n}\n\n.account-authorize__avatar {\n  float: left;\n  margin-right: 10px;\n}\n\n.status__display-name,\n.status__relative-time,\n.detailed-status__display-name,\n.detailed-status__datetime,\n.detailed-status__application,\n.account__display-name {\n  text-decoration: none;\n}\n\n.status__display-name,\n.account__display-name {\n  strong {\n    color: $primary-text-color;\n  }\n}\n\n.muted {\n  .emojione {\n    opacity: 0.5;\n  }\n}\n\n.status__display-name,\n.reply-indicator__display-name,\n.detailed-status__display-name,\na.account__display-name {\n  &:hover strong {\n    text-decoration: underline;\n  }\n}\n\n.account__display-name strong {\n  display: block;\n  overflow: hidden;\n  text-overflow: ellipsis;\n}\n\n.detailed-status__application,\n.detailed-status__datetime {\n  color: inherit;\n}\n\n.detailed-status .button.logo-button {\n  margin-bottom: 15px;\n}\n\n.detailed-status__display-name {\n  color: $secondary-text-color;\n  display: block;\n  line-height: 24px;\n  margin-bottom: 15px;\n  overflow: hidden;\n\n  strong,\n  span {\n    display: block;\n    text-overflow: ellipsis;\n    overflow: hidden;\n  }\n\n  strong {\n    font-size: 16px;\n    color: $primary-text-color;\n  }\n}\n\n.detailed-status__display-avatar {\n  float: left;\n  margin-right: 10px;\n}\n\n.status__avatar {\n  height: 48px;\n  left: 10px;\n  position: absolute;\n  top: 10px;\n  width: 48px;\n}\n\n.status__expand {\n  width: 68px;\n  position: absolute;\n  left: 0;\n  top: 0;\n  height: 100%;\n  cursor: pointer;\n}\n\n.muted {\n  .status__content,\n  .status__content p,\n  .status__content a {\n    color: $dark-text-color;\n  }\n\n  .status__display-name strong {\n    color: $dark-text-color;\n  }\n\n  .status__avatar {\n    opacity: 0.5;\n  }\n\n  a.status__content__spoiler-link {\n    background: $ui-base-lighter-color;\n    color: $inverted-text-color;\n\n    &:hover {\n      background: lighten($ui-base-lighter-color, 7%);\n      text-decoration: none;\n    }\n  }\n}\n\n.notification__message {\n  margin: 0 10px 0 68px;\n  padding: 8px 0 0;\n  cursor: default;\n  color: $darker-text-color;\n  font-size: 15px;\n  line-height: 22px;\n  position: relative;\n\n  .fa {\n    color: $highlight-text-color;\n  }\n\n  > span {\n    display: inline;\n    overflow: hidden;\n    text-overflow: ellipsis;\n  }\n}\n\n.notification__favourite-icon-wrapper {\n  left: -26px;\n  position: absolute;\n\n  .star-icon {\n    color: $gold-star;\n  }\n}\n\n.star-icon.active {\n  color: $gold-star;\n}\n\n.bookmark-icon.active {\n  color: $red-bookmark;\n}\n\n.no-reduce-motion .icon-button.star-icon {\n  &.activate {\n    & > .fa-star {\n      animation: spring-rotate-in 1s linear;\n    }\n  }\n\n  &.deactivate {\n    & > .fa-star {\n      animation: spring-rotate-out 1s linear;\n    }\n  }\n}\n\n.notification__display-name {\n  color: inherit;\n  font-weight: 500;\n  text-decoration: none;\n\n  &:hover {\n    color: $primary-text-color;\n    text-decoration: underline;\n  }\n}\n\n.notification__relative_time {\n  float: right;\n}\n\n.display-name {\n  display: block;\n  max-width: 100%;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n\n.display-name__html {\n  font-weight: 500;\n}\n\n.display-name__account {\n  font-size: 14px;\n}\n\n.status__relative-time,\n.detailed-status__datetime {\n  &:hover {\n    text-decoration: underline;\n  }\n}\n\n.image-loader {\n  position: relative;\n  width: 100%;\n  height: 100%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  flex-direction: column;\n\n  .image-loader__preview-canvas {\n    max-width: $media-modal-media-max-width;\n    max-height: $media-modal-media-max-height;\n    background: url('~images/void.png') repeat;\n    object-fit: contain;\n  }\n\n  .loading-bar {\n    position: relative;\n  }\n\n  &.image-loader--amorphous .image-loader__preview-canvas {\n    display: none;\n  }\n}\n\n.zoomable-image {\n  position: relative;\n  width: 100%;\n  height: 100%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n\n  img {\n    max-width: $media-modal-media-max-width;\n    max-height: $media-modal-media-max-height;\n    width: auto;\n    height: auto;\n    object-fit: contain;\n  }\n}\n\n.navigation-bar {\n  padding: 10px;\n  display: flex;\n  align-items: center;\n  flex-shrink: 0;\n  cursor: default;\n  color: $darker-text-color;\n\n  strong {\n    color: $secondary-text-color;\n  }\n\n  a {\n    color: inherit;\n  }\n\n  .permalink {\n    text-decoration: none;\n  }\n\n  .navigation-bar__actions {\n    position: relative;\n\n    .icon-button.close {\n      position: absolute;\n      pointer-events: none;\n      transform: scale(0, 1) translate(-100%, 0);\n      opacity: 0;\n    }\n\n    .compose__action-bar .icon-button {\n      pointer-events: auto;\n      transform: scale(1, 1) translate(0, 0);\n      opacity: 1;\n    }\n  }\n}\n\n.navigation-bar__profile {\n  flex: 1 1 auto;\n  margin-left: 8px;\n  line-height: 20px;\n  margin-top: -1px;\n  overflow: hidden;\n}\n\n.navigation-bar__profile-account {\n  display: block;\n  font-weight: 500;\n  overflow: hidden;\n  text-overflow: ellipsis;\n}\n\n.navigation-bar__profile-edit {\n  color: inherit;\n  text-decoration: none;\n}\n\n.dropdown {\n  display: inline-block;\n}\n\n.dropdown__content {\n  display: none;\n  position: absolute;\n}\n\n.dropdown-menu__separator {\n  border-bottom: 1px solid darken($ui-secondary-color, 8%);\n  margin: 5px 7px 6px;\n  height: 0;\n}\n\n.dropdown-menu {\n  background: $ui-secondary-color;\n  padding: 4px 0;\n  border-radius: 4px;\n  box-shadow: 2px 4px 15px rgba($base-shadow-color, 0.4);\n  z-index: 9999;\n\n  ul {\n    list-style: none;\n  }\n\n  &.left {\n    transform-origin: 100% 50%;\n  }\n\n  &.top {\n    transform-origin: 50% 100%;\n  }\n\n  &.bottom {\n    transform-origin: 50% 0;\n  }\n\n  &.right {\n    transform-origin: 0 50%;\n  }\n}\n\n.dropdown-menu__arrow {\n  position: absolute;\n  width: 0;\n  height: 0;\n  border: 0 solid transparent;\n\n  &.left {\n    right: -5px;\n    margin-top: -5px;\n    border-width: 5px 0 5px 5px;\n    border-left-color: $ui-secondary-color;\n  }\n\n  &.top {\n    bottom: -5px;\n    margin-left: -7px;\n    border-width: 5px 7px 0;\n    border-top-color: $ui-secondary-color;\n  }\n\n  &.bottom {\n    top: -5px;\n    margin-left: -7px;\n    border-width: 0 7px 5px;\n    border-bottom-color: $ui-secondary-color;\n  }\n\n  &.right {\n    left: -5px;\n    margin-top: -5px;\n    border-width: 5px 5px 5px 0;\n    border-right-color: $ui-secondary-color;\n  }\n}\n\n.dropdown-menu__item {\n  a {\n    font-size: 13px;\n    line-height: 18px;\n    display: block;\n    padding: 4px 14px;\n    box-sizing: border-box;\n    text-decoration: none;\n    background: $ui-secondary-color;\n    color: $inverted-text-color;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n\n    &:focus,\n    &:hover,\n    &:active {\n      background: $ui-highlight-color;\n      color: $secondary-text-color;\n      outline: 0;\n    }\n  }\n}\n\n.dropdown--active .dropdown__content {\n  display: block;\n  line-height: 18px;\n  max-width: 311px;\n  right: 0;\n  text-align: left;\n  z-index: 9999;\n\n  & > ul {\n    list-style: none;\n    background: $ui-secondary-color;\n    padding: 4px 0;\n    border-radius: 4px;\n    box-shadow: 0 0 15px rgba($base-shadow-color, 0.4);\n    min-width: 140px;\n    position: relative;\n  }\n\n  &.dropdown__right {\n    right: 0;\n  }\n\n  &.dropdown__left {\n    & > ul {\n      left: -98px;\n    }\n  }\n\n  & > ul > li > a {\n    font-size: 13px;\n    line-height: 18px;\n    display: block;\n    padding: 4px 14px;\n    box-sizing: border-box;\n    text-decoration: none;\n    background: $ui-secondary-color;\n    color: $inverted-text-color;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n\n    &:focus {\n      outline: 0;\n    }\n\n    &:hover {\n      background: $ui-highlight-color;\n      color: $secondary-text-color;\n    }\n  }\n}\n\n.dropdown__icon {\n  vertical-align: middle;\n}\n\n.columns-area {\n  display: flex;\n  flex: 1 1 auto;\n  flex-direction: row;\n  justify-content: flex-start;\n  overflow-x: auto;\n  position: relative;\n\n  &.unscrollable {\n    overflow-x: hidden;\n  }\n\n  &__panels {\n    display: flex;\n    justify-content: center;\n    width: 100%;\n    height: 100%;\n    min-height: 100vh;\n\n    &__pane {\n      height: 100%;\n      overflow: hidden;\n      pointer-events: none;\n      display: flex;\n      justify-content: flex-end;\n      min-width: 285px;\n\n      &--start {\n        justify-content: flex-start;\n      }\n\n      &__inner {\n        position: fixed;\n        width: 285px;\n        pointer-events: auto;\n        height: 100%;\n      }\n    }\n\n    &__main {\n      box-sizing: border-box;\n      width: 100%;\n      max-width: 600px;\n      flex: 0 0 auto;\n      display: flex;\n      flex-direction: column;\n\n      @media screen and (min-width: $no-gap-breakpoint) {\n        padding: 0 10px;\n      }\n    }\n  }\n}\n\n.tabs-bar__wrapper {\n  background: darken($ui-base-color, 8%);\n  position: sticky;\n  top: 0;\n  z-index: 2;\n  padding-top: 0;\n\n  @media screen and (min-width: $no-gap-breakpoint) {\n    padding-top: 10px;\n  }\n\n  .tabs-bar {\n    margin-bottom: 0;\n\n    @media screen and (min-width: $no-gap-breakpoint) {\n      margin-bottom: 10px;\n    }\n  }\n}\n\n.react-swipeable-view-container {\n  &,\n  .columns-area,\n  .drawer,\n  .column {\n    height: 100%;\n  }\n}\n\n.react-swipeable-view-container > * {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  height: 100%;\n}\n\n.column {\n  width: 350px;\n  position: relative;\n  box-sizing: border-box;\n  display: flex;\n  flex-direction: column;\n\n  > .scrollable {\n    background: $ui-base-color;\n    border-bottom-left-radius: 2px;\n    border-bottom-right-radius: 2px;\n  }\n}\n\n.ui {\n  flex: 0 0 auto;\n  display: flex;\n  flex-direction: column;\n  width: 100%;\n  height: 100%;\n}\n\n.drawer {\n  width: 330px;\n  box-sizing: border-box;\n  display: flex;\n  flex-direction: column;\n  overflow-y: hidden;\n}\n\n.drawer__tab {\n  display: block;\n  flex: 1 1 auto;\n  padding: 15px 5px 13px;\n  color: $darker-text-color;\n  text-decoration: none;\n  text-align: center;\n  font-size: 16px;\n  border-bottom: 2px solid transparent;\n}\n\n.column,\n.drawer {\n  flex: 1 1 auto;\n  overflow: hidden;\n}\n\n@media screen and (min-width: 631px) {\n  .columns-area {\n    padding: 0;\n  }\n\n  .column,\n  .drawer {\n    flex: 0 0 auto;\n    padding: 10px;\n    padding-left: 5px;\n    padding-right: 5px;\n\n    &:first-child {\n      padding-left: 10px;\n    }\n\n    &:last-child {\n      padding-right: 10px;\n    }\n  }\n\n  .columns-area > div {\n    .column,\n    .drawer {\n      padding-left: 5px;\n      padding-right: 5px;\n    }\n  }\n}\n\n.tabs-bar {\n  box-sizing: border-box;\n  display: flex;\n  background: lighten($ui-base-color, 8%);\n  flex: 0 0 auto;\n  overflow-y: auto;\n}\n\n.tabs-bar__link {\n  display: block;\n  flex: 1 1 auto;\n  padding: 15px 10px;\n  padding-bottom: 13px;\n  color: $primary-text-color;\n  text-decoration: none;\n  text-align: center;\n  font-size: 14px;\n  font-weight: 500;\n  border-bottom: 2px solid lighten($ui-base-color, 8%);\n  transition: all 50ms linear;\n  transition-property: border-bottom, background, color;\n\n  .fa {\n    font-weight: 400;\n    font-size: 16px;\n  }\n\n  &:hover,\n  &:focus,\n  &:active {\n    @media screen and (min-width: 631px) {\n      background: lighten($ui-base-color, 14%);\n      border-bottom-color: lighten($ui-base-color, 14%);\n    }\n  }\n\n  &.active {\n    border-bottom: 2px solid $highlight-text-color;\n    color: $highlight-text-color;\n  }\n\n  span {\n    margin-left: 5px;\n    display: none;\n  }\n}\n\n@media screen and (min-width: 600px) {\n  .tabs-bar__link {\n    span {\n      display: inline;\n    }\n  }\n}\n\n.columns-area--mobile {\n  flex-direction: column;\n  width: 100%;\n  height: 100%;\n  margin: 0 auto;\n\n  .column,\n  .drawer {\n    width: 100%;\n    height: 100%;\n    padding: 0;\n  }\n\n  .directory__list {\n    display: grid;\n    grid-gap: 10px;\n    grid-template-columns: minmax(0, 50%) minmax(0, 50%);\n\n    @media screen and (max-width: $no-gap-breakpoint) {\n      display: block;\n    }\n  }\n\n  .directory__card {\n    margin-bottom: 0;\n  }\n\n  .filter-form {\n    display: flex;\n  }\n\n  .autosuggest-textarea__textarea {\n    font-size: 16px;\n  }\n\n  .search__input {\n    line-height: 18px;\n    font-size: 16px;\n    padding: 15px;\n    padding-right: 30px;\n  }\n\n  .search__icon .fa {\n    top: 15px;\n  }\n\n  .scrollable {\n    overflow: visible;\n\n    @supports(display: grid) {\n      contain: content;\n    }\n  }\n\n  @media screen and (min-width: $no-gap-breakpoint) {\n    padding: 10px 0;\n    padding-top: 0;\n  }\n\n  @media screen and (min-width: 630px) {\n    .detailed-status {\n      padding: 15px;\n\n      .media-gallery,\n      .video-player,\n      .audio-player {\n        margin-top: 15px;\n      }\n    }\n\n    .account__header__bar {\n      padding: 5px 10px;\n    }\n\n    .navigation-bar,\n    .compose-form {\n      padding: 15px;\n    }\n\n    .compose-form .compose-form__publish .compose-form__publish-button-wrapper {\n      padding-top: 15px;\n    }\n\n    .status {\n      padding: 15px 15px 15px (48px + 15px * 2);\n      min-height: 48px + 2px;\n\n      &__avatar {\n        left: 15px;\n        top: 17px;\n      }\n\n      &__content {\n        padding-top: 5px;\n      }\n\n      &__prepend {\n        margin-left: 48px + 15px * 2;\n        padding-top: 15px;\n      }\n\n      &__prepend-icon-wrapper {\n        left: -32px;\n      }\n\n      .media-gallery,\n      &__action-bar,\n      .video-player,\n      .audio-player {\n        margin-top: 10px;\n      }\n    }\n\n    .account {\n      padding: 15px 10px;\n\n      &__header__bio {\n        margin: 0 -10px;\n      }\n    }\n\n    .notification {\n      &__message {\n        margin-left: 48px + 15px * 2;\n        padding-top: 15px;\n      }\n\n      &__favourite-icon-wrapper {\n        left: -32px;\n      }\n\n      .status {\n        padding-top: 8px;\n      }\n\n      .account {\n        padding-top: 8px;\n      }\n\n      .account__avatar-wrapper {\n        margin-left: 17px;\n        margin-right: 15px;\n      }\n    }\n  }\n}\n\n.floating-action-button {\n  position: fixed;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  width: 3.9375rem;\n  height: 3.9375rem;\n  bottom: 1.3125rem;\n  right: 1.3125rem;\n  background: darken($ui-highlight-color, 3%);\n  color: $white;\n  border-radius: 50%;\n  font-size: 21px;\n  line-height: 21px;\n  text-decoration: none;\n  box-shadow: 2px 3px 9px rgba($base-shadow-color, 0.4);\n\n  &:hover,\n  &:focus,\n  &:active {\n    background: lighten($ui-highlight-color, 7%);\n  }\n}\n\n@media screen and (min-width: $no-gap-breakpoint) {\n  .tabs-bar {\n    width: 100%;\n  }\n\n  .react-swipeable-view-container .columns-area--mobile {\n    height: calc(100% - 10px) !important;\n  }\n\n  .getting-started__wrapper,\n  .getting-started__trends,\n  .search {\n    margin-bottom: 10px;\n  }\n\n  .getting-started__panel {\n    margin: 10px 0;\n  }\n\n  .column,\n  .drawer {\n    min-width: 330px;\n  }\n}\n\n@media screen and (max-width: 600px + (285px * 1) + (10px * 1)) {\n  .columns-area__panels__pane--compositional {\n    display: none;\n  }\n}\n\n@media screen and (min-width: 600px + (285px * 1) + (10px * 1)) {\n  .floating-action-button,\n  .tabs-bar__link.optional {\n    display: none;\n  }\n\n  .search-page .search {\n    display: none;\n  }\n}\n\n@media screen and (max-width: 600px + (285px * 2) + (10px * 2)) {\n  .columns-area__panels__pane--navigational {\n    display: none;\n  }\n}\n\n@media screen and (min-width: 600px + (285px * 2) + (10px * 2)) {\n  .tabs-bar {\n    display: none;\n  }\n}\n\n.icon-with-badge {\n  position: relative;\n\n  &__badge {\n    position: absolute;\n    left: 9px;\n    top: -13px;\n    background: $ui-highlight-color;\n    border: 2px solid lighten($ui-base-color, 8%);\n    padding: 1px 6px;\n    border-radius: 6px;\n    font-size: 10px;\n    font-weight: 500;\n    line-height: 14px;\n    color: $primary-text-color;\n  }\n}\n\n.column-link--transparent .icon-with-badge__badge {\n  border-color: darken($ui-base-color, 8%);\n}\n\n.compose-panel {\n  width: 285px;\n  margin-top: 10px;\n  display: flex;\n  flex-direction: column;\n  height: calc(100% - 10px);\n  overflow-y: hidden;\n\n  .navigation-bar {\n    padding-top: 20px;\n    padding-bottom: 20px;\n    flex: 0 1 48px;\n    min-height: 20px;\n  }\n\n  .flex-spacer {\n    background: transparent;\n  }\n\n  .compose-form {\n    flex: 1;\n    overflow-y: hidden;\n    display: flex;\n    flex-direction: column;\n    min-height: 310px;\n    padding-bottom: 71px;\n    margin-bottom: -71px;\n  }\n\n  .compose-form__autosuggest-wrapper {\n    overflow-y: auto;\n    background-color: $white;\n    border-radius: 4px 4px 0 0;\n    flex: 0 1 auto;\n  }\n\n  .autosuggest-textarea__textarea {\n    overflow-y: hidden;\n  }\n\n  .compose-form__upload-thumbnail {\n    height: 80px;\n  }\n}\n\n.navigation-panel {\n  margin-top: 10px;\n  margin-bottom: 10px;\n  height: calc(100% - 20px);\n  overflow-y: auto;\n  display: flex;\n  flex-direction: column;\n\n  & > a {\n    flex: 0 0 auto;\n  }\n\n  hr {\n    flex: 0 0 auto;\n    border: 0;\n    background: transparent;\n    border-top: 1px solid lighten($ui-base-color, 4%);\n    margin: 10px 0;\n  }\n\n  .flex-spacer {\n    background: transparent;\n  }\n}\n\n.drawer__pager {\n  box-sizing: border-box;\n  padding: 0;\n  flex-grow: 1;\n  position: relative;\n  overflow: hidden;\n  display: flex;\n}\n\n.drawer__inner {\n  position: absolute;\n  top: 0;\n  left: 0;\n  background: lighten($ui-base-color, 13%);\n  box-sizing: border-box;\n  padding: 0;\n  display: flex;\n  flex-direction: column;\n  overflow: hidden;\n  overflow-y: auto;\n  width: 100%;\n  height: 100%;\n  border-radius: 2px;\n\n  &.darker {\n    background: $ui-base-color;\n  }\n}\n\n.drawer__inner__mastodon {\n  background: lighten($ui-base-color, 13%) url('data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 234.80078 31.757813\" width=\"234.80078\" height=\"31.757812\"><path d=\"M19.599609 0c-1.05 0-2.10039.375-2.90039 1.125L0 16.925781v14.832031h234.80078V17.025391l-16.5-15.900391c-1.6-1.5-4.20078-1.5-5.80078 0l-13.80078 13.099609c-1.6 1.5-4.19883 1.5-5.79883 0L179.09961 1.125c-1.6-1.5-4.19883-1.5-5.79883 0L159.5 14.224609c-1.6 1.5-4.20078 1.5-5.80078 0L139.90039 1.125c-1.6-1.5-4.20078-1.5-5.80078 0l-13.79883 13.099609c-1.6 1.5-4.20078 1.5-5.80078 0L100.69922 1.125c-1.600001-1.5-4.198829-1.5-5.798829 0l-13.59961 13.099609c-1.6 1.5-4.200781 1.5-5.800781 0L61.699219 1.125c-1.6-1.5-4.198828-1.5-5.798828 0L42.099609 14.224609c-1.6 1.5-4.198828 1.5-5.798828 0L22.5 1.125C21.7.375 20.649609 0 19.599609 0z\" fill=\"#{hex-color($ui-base-color)}\"/></svg>') no-repeat bottom / 100% auto;\n  flex: 1;\n  min-height: 47px;\n  display: none;\n\n  > img {\n    display: block;\n    object-fit: contain;\n    object-position: bottom left;\n    width: 100%;\n    height: 100%;\n    pointer-events: none;\n    user-drag: none;\n    user-select: none;\n  }\n\n  @media screen and (min-height: 640px) {\n    display: block;\n  }\n}\n\n.pseudo-drawer {\n  background: lighten($ui-base-color, 13%);\n  font-size: 13px;\n  text-align: left;\n}\n\n.drawer__header {\n  flex: 0 0 auto;\n  font-size: 16px;\n  background: lighten($ui-base-color, 8%);\n  margin-bottom: 10px;\n  display: flex;\n  flex-direction: row;\n  border-radius: 2px;\n\n  a {\n    transition: background 100ms ease-in;\n\n    &:hover {\n      background: lighten($ui-base-color, 3%);\n      transition: background 200ms ease-out;\n    }\n  }\n}\n\n.scrollable {\n  overflow-y: scroll;\n  overflow-x: hidden;\n  flex: 1 1 auto;\n  -webkit-overflow-scrolling: touch;\n\n  &.optionally-scrollable {\n    overflow-y: auto;\n  }\n\n  @supports(display: grid) { // hack to fix Chrome <57\n    contain: strict;\n  }\n\n  &--flex {\n    display: flex;\n    flex-direction: column;\n  }\n\n  &__append {\n    flex: 1 1 auto;\n    position: relative;\n    min-height: 120px;\n  }\n}\n\n.scrollable.fullscreen {\n  @supports(display: grid) { // hack to fix Chrome <57\n    contain: none;\n  }\n}\n\n.column-back-button {\n  box-sizing: border-box;\n  width: 100%;\n  background: lighten($ui-base-color, 4%);\n  color: $highlight-text-color;\n  cursor: pointer;\n  flex: 0 0 auto;\n  font-size: 16px;\n  line-height: inherit;\n  border: 0;\n  text-align: unset;\n  padding: 15px;\n  margin: 0;\n  z-index: 3;\n  outline: 0;\n\n  &:hover {\n    text-decoration: underline;\n  }\n}\n\n.column-header__back-button {\n  background: lighten($ui-base-color, 4%);\n  border: 0;\n  font-family: inherit;\n  color: $highlight-text-color;\n  cursor: pointer;\n  white-space: nowrap;\n  font-size: 16px;\n  padding: 0 5px 0 0;\n  z-index: 3;\n\n  &:hover {\n    text-decoration: underline;\n  }\n\n  &:last-child {\n    padding: 0 15px 0 0;\n  }\n}\n\n.column-back-button__icon {\n  display: inline-block;\n  margin-right: 5px;\n}\n\n.column-back-button--slim {\n  position: relative;\n}\n\n.column-back-button--slim-button {\n  cursor: pointer;\n  flex: 0 0 auto;\n  font-size: 16px;\n  padding: 15px;\n  position: absolute;\n  right: 0;\n  top: -48px;\n}\n\n.react-toggle {\n  display: inline-block;\n  position: relative;\n  cursor: pointer;\n  background-color: transparent;\n  border: 0;\n  padding: 0;\n  user-select: none;\n  -webkit-tap-highlight-color: rgba($base-overlay-background, 0);\n  -webkit-tap-highlight-color: transparent;\n}\n\n.react-toggle-screenreader-only {\n  border: 0;\n  clip: rect(0 0 0 0);\n  height: 1px;\n  margin: -1px;\n  overflow: hidden;\n  padding: 0;\n  position: absolute;\n  width: 1px;\n}\n\n.react-toggle--disabled {\n  cursor: not-allowed;\n  opacity: 0.5;\n  transition: opacity 0.25s;\n}\n\n.react-toggle-track {\n  width: 50px;\n  height: 24px;\n  padding: 0;\n  border-radius: 30px;\n  background-color: $ui-base-color;\n  transition: background-color 0.2s ease;\n}\n\n.react-toggle:hover:not(.react-toggle--disabled) .react-toggle-track {\n  background-color: darken($ui-base-color, 10%);\n}\n\n.react-toggle--checked .react-toggle-track {\n  background-color: $ui-highlight-color;\n}\n\n.react-toggle--checked:hover:not(.react-toggle--disabled) .react-toggle-track {\n  background-color: lighten($ui-highlight-color, 10%);\n}\n\n.react-toggle-track-check {\n  position: absolute;\n  width: 14px;\n  height: 10px;\n  top: 0;\n  bottom: 0;\n  margin-top: auto;\n  margin-bottom: auto;\n  line-height: 0;\n  left: 8px;\n  opacity: 0;\n  transition: opacity 0.25s ease;\n}\n\n.react-toggle--checked .react-toggle-track-check {\n  opacity: 1;\n  transition: opacity 0.25s ease;\n}\n\n.react-toggle-track-x {\n  position: absolute;\n  width: 10px;\n  height: 10px;\n  top: 0;\n  bottom: 0;\n  margin-top: auto;\n  margin-bottom: auto;\n  line-height: 0;\n  right: 10px;\n  opacity: 1;\n  transition: opacity 0.25s ease;\n}\n\n.react-toggle--checked .react-toggle-track-x {\n  opacity: 0;\n}\n\n.react-toggle-thumb {\n  position: absolute;\n  top: 1px;\n  left: 1px;\n  width: 22px;\n  height: 22px;\n  border: 1px solid $ui-base-color;\n  border-radius: 50%;\n  background-color: darken($simple-background-color, 2%);\n  box-sizing: border-box;\n  transition: all 0.25s ease;\n  transition-property: border-color, left;\n}\n\n.react-toggle--checked .react-toggle-thumb {\n  left: 27px;\n  border-color: $ui-highlight-color;\n}\n\n.column-link {\n  background: lighten($ui-base-color, 8%);\n  color: $primary-text-color;\n  display: block;\n  font-size: 16px;\n  padding: 15px;\n  text-decoration: none;\n\n  &:hover,\n  &:focus,\n  &:active {\n    background: lighten($ui-base-color, 11%);\n  }\n\n  &:focus {\n    outline: 0;\n  }\n\n  &--transparent {\n    background: transparent;\n    color: $ui-secondary-color;\n\n    &:hover,\n    &:focus,\n    &:active {\n      background: transparent;\n      color: $primary-text-color;\n    }\n\n    &.active {\n      color: $ui-highlight-color;\n    }\n  }\n}\n\n.column-link__icon {\n  display: inline-block;\n  margin-right: 5px;\n}\n\n.column-link__badge {\n  display: inline-block;\n  border-radius: 4px;\n  font-size: 12px;\n  line-height: 19px;\n  font-weight: 500;\n  background: $ui-base-color;\n  padding: 4px 8px;\n  margin: -6px 10px;\n}\n\n.column-subheading {\n  background: $ui-base-color;\n  color: $dark-text-color;\n  padding: 8px 20px;\n  font-size: 13px;\n  font-weight: 500;\n  cursor: default;\n}\n\n.getting-started__wrapper,\n.getting-started,\n.flex-spacer {\n  background: $ui-base-color;\n}\n\n.flex-spacer {\n  flex: 1 1 auto;\n}\n\n.getting-started {\n  color: $dark-text-color;\n  overflow: auto;\n  border-bottom-left-radius: 2px;\n  border-bottom-right-radius: 2px;\n\n  &__wrapper,\n  &__panel,\n  &__footer {\n    height: min-content;\n  }\n\n  &__panel,\n  &__footer\n  {\n    padding: 10px;\n    padding-top: 20px;\n    flex-grow: 0;\n\n    ul {\n      margin-bottom: 10px;\n    }\n\n    ul li {\n      display: inline;\n    }\n\n    p {\n      font-size: 13px;\n\n      a {\n        color: $dark-text-color;\n        text-decoration: underline;\n      }\n    }\n\n    a {\n      text-decoration: none;\n      color: $darker-text-color;\n\n      &:hover,\n      &:focus,\n      &:active {\n        text-decoration: underline;\n      }\n    }\n  }\n\n  &__wrapper,\n  &__footer\n  {\n    color: $dark-text-color;\n  }\n\n  &__trends {\n    flex: 0 1 auto;\n    opacity: 1;\n    animation: fade 150ms linear;\n    margin-top: 10px;\n\n    h4 {\n      font-size: 13px;\n      color: $darker-text-color;\n      padding: 10px;\n      font-weight: 500;\n      border-bottom: 1px solid lighten($ui-base-color, 8%);\n    }\n\n    @media screen and (max-height: 810px) {\n      .trends__item:nth-child(3) {\n        display: none;\n      }\n    }\n\n    @media screen and (max-height: 720px) {\n      .trends__item:nth-child(2) {\n        display: none;\n      }\n    }\n\n    @media screen and (max-height: 670px) {\n      display: none;\n    }\n\n    .trends__item {\n      border-bottom: 0;\n      padding: 10px;\n\n      &__current {\n        color: $darker-text-color;\n      }\n    }\n  }\n}\n\n.keyboard-shortcuts {\n  padding: 8px 0 0;\n  overflow: hidden;\n\n  thead {\n    position: absolute;\n    left: -9999px;\n  }\n\n  td {\n    padding: 0 10px 8px;\n  }\n\n  kbd {\n    display: inline-block;\n    padding: 3px 5px;\n    background-color: lighten($ui-base-color, 8%);\n    border: 1px solid darken($ui-base-color, 4%);\n  }\n}\n\n.setting-text {\n  display: block;\n  box-sizing: border-box;\n  width: 100%;\n  margin: 0;\n  color: $inverted-text-color;\n  background: $simple-background-color;\n  padding: 10px;\n  font-family: inherit;\n  font-size: 14px;\n  resize: vertical;\n  border: 0;\n  outline: 0;\n  border-radius: 4px;\n\n  &:focus {\n    outline: 0;\n  }\n\n  @media screen and (max-width: 600px) {\n    font-size: 16px;\n  }\n}\n\n.no-reduce-motion button.icon-button i.fa-retweet {\n  background-position: 0 0;\n  height: 19px;\n  transition: background-position 0.9s steps(10);\n  transition-duration: 0s;\n  vertical-align: middle;\n  width: 22px;\n\n  &::before {\n    display: none !important;\n  }\n\n}\n\n.no-reduce-motion button.icon-button.active i.fa-retweet {\n  transition-duration: 0.9s;\n  background-position: 0 100%;\n}\n\n.reduce-motion button.icon-button i.fa-retweet {\n  color: $action-button-color;\n  transition: color 100ms ease-in;\n}\n\n.reduce-motion button.icon-button.active i.fa-retweet {\n  color: $highlight-text-color;\n}\n\n.status-card {\n  display: flex;\n  font-size: 14px;\n  border: 1px solid lighten($ui-base-color, 8%);\n  border-radius: 4px;\n  color: $dark-text-color;\n  margin-top: 14px;\n  text-decoration: none;\n  overflow: hidden;\n\n  &__actions {\n    bottom: 0;\n    left: 0;\n    position: absolute;\n    right: 0;\n    top: 0;\n    display: flex;\n    justify-content: center;\n    align-items: center;\n\n    & > div {\n      background: rgba($base-shadow-color, 0.6);\n      border-radius: 8px;\n      padding: 12px 9px;\n      flex: 0 0 auto;\n      display: flex;\n      justify-content: center;\n      align-items: center;\n    }\n\n    button,\n    a {\n      display: inline;\n      color: $secondary-text-color;\n      background: transparent;\n      border: 0;\n      padding: 0 8px;\n      text-decoration: none;\n      font-size: 18px;\n      line-height: 18px;\n\n      &:hover,\n      &:active,\n      &:focus {\n        color: $primary-text-color;\n      }\n    }\n\n    a {\n      font-size: 19px;\n      position: relative;\n      bottom: -1px;\n    }\n  }\n}\n\na.status-card {\n  cursor: pointer;\n\n  &:hover {\n    background: lighten($ui-base-color, 8%);\n  }\n}\n\n.status-card-photo {\n  cursor: zoom-in;\n  display: block;\n  text-decoration: none;\n  width: 100%;\n  height: auto;\n  margin: 0;\n}\n\n.status-card-video {\n  iframe {\n    width: 100%;\n    height: 100%;\n  }\n}\n\n.status-card__title {\n  display: block;\n  font-weight: 500;\n  margin-bottom: 5px;\n  color: $darker-text-color;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  text-decoration: none;\n}\n\n.status-card__content {\n  flex: 1 1 auto;\n  overflow: hidden;\n  padding: 14px 14px 14px 8px;\n}\n\n.status-card__description {\n  color: $darker-text-color;\n}\n\n.status-card__host {\n  display: block;\n  margin-top: 5px;\n  font-size: 13px;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n\n.status-card__image {\n  flex: 0 0 100px;\n  background: lighten($ui-base-color, 8%);\n  position: relative;\n\n  & > .fa {\n    font-size: 21px;\n    position: absolute;\n    transform-origin: 50% 50%;\n    top: 50%;\n    left: 50%;\n    transform: translate(-50%, -50%);\n  }\n}\n\n.status-card.horizontal {\n  display: block;\n\n  .status-card__image {\n    width: 100%;\n  }\n\n  .status-card__image-image {\n    border-radius: 4px 4px 0 0;\n  }\n\n  .status-card__title {\n    white-space: inherit;\n  }\n}\n\n.status-card.compact {\n  border-color: lighten($ui-base-color, 4%);\n\n  &.interactive {\n    border: 0;\n  }\n\n  .status-card__content {\n    padding: 8px;\n    padding-top: 10px;\n  }\n\n  .status-card__title {\n    white-space: nowrap;\n  }\n\n  .status-card__image {\n    flex: 0 0 60px;\n  }\n}\n\na.status-card.compact:hover {\n  background-color: lighten($ui-base-color, 4%);\n}\n\n.status-card__image-image {\n  border-radius: 4px 0 0 4px;\n  display: block;\n  margin: 0;\n  width: 100%;\n  height: 100%;\n  object-fit: cover;\n  background-size: cover;\n  background-position: center center;\n}\n\n.load-more {\n  display: block;\n  color: $dark-text-color;\n  background-color: transparent;\n  border: 0;\n  font-size: inherit;\n  text-align: center;\n  line-height: inherit;\n  margin: 0;\n  padding: 15px;\n  box-sizing: border-box;\n  width: 100%;\n  clear: both;\n  text-decoration: none;\n\n  &:hover {\n    background: lighten($ui-base-color, 2%);\n  }\n}\n\n.load-gap {\n  border-bottom: 1px solid lighten($ui-base-color, 8%);\n}\n\n.regeneration-indicator {\n  text-align: center;\n  font-size: 16px;\n  font-weight: 500;\n  color: $dark-text-color;\n  background: $ui-base-color;\n  cursor: default;\n  display: flex;\n  flex: 1 1 auto;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  padding: 20px;\n\n  &__figure {\n    &,\n    img {\n      display: block;\n      width: auto;\n      height: 160px;\n      margin: 0;\n    }\n  }\n\n  &--without-header {\n    padding-top: 20px + 48px;\n  }\n\n  &__label {\n    margin-top: 30px;\n\n    strong {\n      display: block;\n      margin-bottom: 10px;\n      color: $dark-text-color;\n    }\n\n    span {\n      font-size: 15px;\n      font-weight: 400;\n    }\n  }\n}\n\n.column-header__wrapper {\n  position: relative;\n  flex: 0 0 auto;\n\n  &.active {\n    &::before {\n      display: block;\n      content: \"\";\n      position: absolute;\n      top: 35px;\n      left: 0;\n      right: 0;\n      margin: 0 auto;\n      width: 60%;\n      pointer-events: none;\n      height: 28px;\n      z-index: 1;\n      background: radial-gradient(ellipse, rgba($ui-highlight-color, 0.23) 0%, rgba($ui-highlight-color, 0) 60%);\n    }\n  }\n}\n\n.column-header {\n  display: flex;\n  font-size: 16px;\n  background: lighten($ui-base-color, 4%);\n  flex: 0 0 auto;\n  cursor: pointer;\n  position: relative;\n  z-index: 2;\n  outline: 0;\n  overflow: hidden;\n  border-top-left-radius: 2px;\n  border-top-right-radius: 2px;\n\n  & > button {\n    margin: 0;\n    border: 0;\n    padding: 15px 0 15px 15px;\n    color: inherit;\n    background: transparent;\n    font: inherit;\n    text-align: left;\n    text-overflow: ellipsis;\n    overflow: hidden;\n    white-space: nowrap;\n    flex: 1;\n  }\n\n  & > .column-header__back-button {\n    color: $highlight-text-color;\n  }\n\n  &.active {\n    box-shadow: 0 1px 0 rgba($highlight-text-color, 0.3);\n\n    .column-header__icon {\n      color: $highlight-text-color;\n      text-shadow: 0 0 10px rgba($highlight-text-color, 0.4);\n    }\n  }\n\n  &:focus,\n  &:active {\n    outline: 0;\n  }\n}\n\n.column-header__buttons {\n  height: 48px;\n  display: flex;\n}\n\n.column-header__links {\n  margin-bottom: 14px;\n}\n\n.column-header__links .text-btn {\n  margin-right: 10px;\n}\n\n.column-header__button {\n  background: lighten($ui-base-color, 4%);\n  border: 0;\n  color: $darker-text-color;\n  cursor: pointer;\n  font-size: 16px;\n  padding: 0 15px;\n\n  &:hover {\n    color: lighten($darker-text-color, 7%);\n  }\n\n  &.active {\n    color: $primary-text-color;\n    background: lighten($ui-base-color, 8%);\n\n    &:hover {\n      color: $primary-text-color;\n      background: lighten($ui-base-color, 8%);\n    }\n  }\n}\n\n.column-header__collapsible {\n  max-height: 70vh;\n  overflow: hidden;\n  overflow-y: auto;\n  color: $darker-text-color;\n  transition: max-height 150ms ease-in-out, opacity 300ms linear;\n  opacity: 1;\n\n  &.collapsed {\n    max-height: 0;\n    opacity: 0.5;\n  }\n\n  &.animating {\n    overflow-y: hidden;\n  }\n\n  hr {\n    height: 0;\n    background: transparent;\n    border: 0;\n    border-top: 1px solid lighten($ui-base-color, 12%);\n    margin: 10px 0;\n  }\n}\n\n.column-header__collapsible-inner {\n  background: lighten($ui-base-color, 8%);\n  padding: 15px;\n}\n\n.column-header__setting-btn {\n  &:hover {\n    color: $darker-text-color;\n    text-decoration: underline;\n  }\n}\n\n.column-header__setting-arrows {\n  float: right;\n\n  .column-header__setting-btn {\n    padding: 0 10px;\n\n    &:last-child {\n      padding-right: 0;\n    }\n  }\n}\n\n.text-btn {\n  display: inline-block;\n  padding: 0;\n  font-family: inherit;\n  font-size: inherit;\n  color: inherit;\n  border: 0;\n  background: transparent;\n  cursor: pointer;\n}\n\n.column-header__icon {\n  display: inline-block;\n  margin-right: 5px;\n}\n\n.loading-indicator {\n  color: $dark-text-color;\n  font-size: 13px;\n  font-weight: 400;\n  overflow: visible;\n  position: absolute;\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n\n  span {\n    display: block;\n    float: left;\n    margin-left: 50%;\n    transform: translateX(-50%);\n    margin: 82px 0 0 50%;\n    white-space: nowrap;\n  }\n}\n\n.loading-indicator__figure {\n  position: absolute;\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n  width: 42px;\n  height: 42px;\n  box-sizing: border-box;\n  background-color: transparent;\n  border: 0 solid lighten($ui-base-color, 26%);\n  border-width: 6px;\n  border-radius: 50%;\n}\n\n.no-reduce-motion .loading-indicator span {\n  animation: loader-label 1.15s infinite cubic-bezier(0.215, 0.61, 0.355, 1);\n}\n\n.no-reduce-motion .loading-indicator__figure {\n  animation: loader-figure 1.15s infinite cubic-bezier(0.215, 0.61, 0.355, 1);\n}\n\n@keyframes spring-rotate-in {\n  0% {\n    transform: rotate(0deg);\n  }\n\n  30% {\n    transform: rotate(-484.8deg);\n  }\n\n  60% {\n    transform: rotate(-316.7deg);\n  }\n\n  90% {\n    transform: rotate(-375deg);\n  }\n\n  100% {\n    transform: rotate(-360deg);\n  }\n}\n\n@keyframes spring-rotate-out {\n  0% {\n    transform: rotate(-360deg);\n  }\n\n  30% {\n    transform: rotate(124.8deg);\n  }\n\n  60% {\n    transform: rotate(-43.27deg);\n  }\n\n  90% {\n    transform: rotate(15deg);\n  }\n\n  100% {\n    transform: rotate(0deg);\n  }\n}\n\n@keyframes loader-figure {\n  0% {\n    width: 0;\n    height: 0;\n    background-color: lighten($ui-base-color, 26%);\n  }\n\n  29% {\n    background-color: lighten($ui-base-color, 26%);\n  }\n\n  30% {\n    width: 42px;\n    height: 42px;\n    background-color: transparent;\n    border-width: 21px;\n    opacity: 1;\n  }\n\n  100% {\n    width: 42px;\n    height: 42px;\n    border-width: 0;\n    opacity: 0;\n    background-color: transparent;\n  }\n}\n\n@keyframes loader-label {\n  0% { opacity: 0.25; }\n  30% { opacity: 1; }\n  100% { opacity: 0.25; }\n}\n\n.video-error-cover {\n  align-items: center;\n  background: $base-overlay-background;\n  color: $primary-text-color;\n  cursor: pointer;\n  display: flex;\n  flex-direction: column;\n  height: 100%;\n  justify-content: center;\n  margin-top: 8px;\n  position: relative;\n  text-align: center;\n  z-index: 100;\n}\n\n.media-spoiler {\n  background: $base-overlay-background;\n  color: $darker-text-color;\n  border: 0;\n  padding: 0;\n  width: 100%;\n  height: 100%;\n  border-radius: 4px;\n  appearance: none;\n\n  &:hover,\n  &:active,\n  &:focus {\n    padding: 0;\n    color: lighten($darker-text-color, 8%);\n  }\n}\n\n.media-spoiler__warning {\n  display: block;\n  font-size: 14px;\n}\n\n.media-spoiler__trigger {\n  display: block;\n  font-size: 11px;\n  font-weight: 700;\n}\n\n.spoiler-button {\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  position: absolute;\n  z-index: 100;\n\n  &--minified {\n    display: block;\n    left: 4px;\n    top: 4px;\n    width: auto;\n    height: auto;\n  }\n\n  &--click-thru {\n    pointer-events: none;\n  }\n\n  &--hidden {\n    display: none;\n  }\n\n  &__overlay {\n    display: block;\n    background: transparent;\n    width: 100%;\n    height: 100%;\n    border: 0;\n\n    &__label {\n      display: inline-block;\n      background: rgba($base-overlay-background, 0.5);\n      border-radius: 8px;\n      padding: 8px 12px;\n      color: $primary-text-color;\n      font-weight: 500;\n      font-size: 14px;\n    }\n\n    &:hover,\n    &:focus,\n    &:active {\n      .spoiler-button__overlay__label {\n        background: rgba($base-overlay-background, 0.8);\n      }\n    }\n\n    &:disabled {\n      .spoiler-button__overlay__label {\n        background: rgba($base-overlay-background, 0.5);\n      }\n    }\n  }\n}\n\n.modal-container--preloader {\n  background: lighten($ui-base-color, 8%);\n}\n\n.account--panel {\n  background: lighten($ui-base-color, 4%);\n  border-top: 1px solid lighten($ui-base-color, 8%);\n  border-bottom: 1px solid lighten($ui-base-color, 8%);\n  display: flex;\n  flex-direction: row;\n  padding: 10px 0;\n}\n\n.account--panel__button,\n.detailed-status__button {\n  flex: 1 1 auto;\n  text-align: center;\n}\n\n.column-settings__outer {\n  background: lighten($ui-base-color, 8%);\n  padding: 15px;\n}\n\n.column-settings__section {\n  color: $darker-text-color;\n  cursor: default;\n  display: block;\n  font-weight: 500;\n  margin-bottom: 10px;\n}\n\n.column-settings__hashtags {\n  .column-settings__row {\n    margin-bottom: 15px;\n  }\n\n  .column-select {\n    &__control {\n      @include search-input;\n\n      &::placeholder {\n        color: lighten($darker-text-color, 4%);\n      }\n\n      &::-moz-focus-inner {\n        border: 0;\n      }\n\n      &::-moz-focus-inner,\n      &:focus,\n      &:active {\n        outline: 0 !important;\n      }\n\n      &:focus {\n        background: lighten($ui-base-color, 4%);\n      }\n\n      @media screen and (max-width: 600px) {\n        font-size: 16px;\n      }\n    }\n\n    &__placeholder {\n      color: $dark-text-color;\n      padding-left: 2px;\n      font-size: 12px;\n    }\n\n    &__value-container {\n      padding-left: 6px;\n    }\n\n    &__multi-value {\n      background: lighten($ui-base-color, 8%);\n\n      &__remove {\n        cursor: pointer;\n\n        &:hover,\n        &:active,\n        &:focus {\n          background: lighten($ui-base-color, 12%);\n          color: lighten($darker-text-color, 4%);\n        }\n      }\n    }\n\n    &__multi-value__label,\n    &__input {\n      color: $darker-text-color;\n    }\n\n    &__clear-indicator,\n    &__dropdown-indicator {\n      cursor: pointer;\n      transition: none;\n      color: $dark-text-color;\n\n      &:hover,\n      &:active,\n      &:focus {\n        color: lighten($dark-text-color, 4%);\n      }\n    }\n\n    &__indicator-separator {\n      background-color: lighten($ui-base-color, 8%);\n    }\n\n    &__menu {\n      @include search-popout;\n      padding: 0;\n      background: $ui-secondary-color;\n    }\n\n    &__menu-list {\n      padding: 6px;\n    }\n\n    &__option {\n      color: $inverted-text-color;\n      border-radius: 4px;\n      font-size: 14px;\n\n      &--is-focused,\n      &--is-selected {\n        background: darken($ui-secondary-color, 10%);\n      }\n    }\n  }\n}\n\n.column-settings__row {\n  .text-btn {\n    margin-bottom: 15px;\n  }\n}\n\n.relationship-tag {\n  color: $primary-text-color;\n  margin-bottom: 4px;\n  display: block;\n  vertical-align: top;\n  background-color: $base-overlay-background;\n  font-size: 12px;\n  font-weight: 500;\n  padding: 4px;\n  border-radius: 4px;\n  opacity: 0.7;\n\n  &:hover {\n    opacity: 1;\n  }\n}\n\n.setting-toggle {\n  display: block;\n  line-height: 24px;\n}\n\n.setting-toggle__label {\n  color: $darker-text-color;\n  display: inline-block;\n  margin-bottom: 14px;\n  margin-left: 8px;\n  vertical-align: middle;\n}\n\n.empty-column-indicator,\n.error-column {\n  color: $dark-text-color;\n  background: $ui-base-color;\n  text-align: center;\n  padding: 20px;\n  font-size: 15px;\n  font-weight: 400;\n  cursor: default;\n  display: flex;\n  flex: 1 1 auto;\n  align-items: center;\n  justify-content: center;\n\n  @supports(display: grid) { // hack to fix Chrome <57\n    contain: strict;\n  }\n\n  & > span {\n    max-width: 400px;\n  }\n\n  a {\n    color: $highlight-text-color;\n    text-decoration: none;\n\n    &:hover {\n      text-decoration: underline;\n    }\n  }\n}\n\n.error-column {\n  flex-direction: column;\n}\n\n@keyframes heartbeat {\n  from {\n    transform: scale(1);\n    animation-timing-function: ease-out;\n  }\n\n  10% {\n    transform: scale(0.91);\n    animation-timing-function: ease-in;\n  }\n\n  17% {\n    transform: scale(0.98);\n    animation-timing-function: ease-out;\n  }\n\n  33% {\n    transform: scale(0.87);\n    animation-timing-function: ease-in;\n  }\n\n  45% {\n    transform: scale(1);\n    animation-timing-function: ease-out;\n  }\n}\n\n.no-reduce-motion .pulse-loading {\n  transform-origin: center center;\n  animation: heartbeat 1.5s ease-in-out infinite both;\n}\n\n@keyframes shake-bottom {\n  0%,\n  100% {\n    transform: rotate(0deg);\n    transform-origin: 50% 100%;\n  }\n\n  10% {\n    transform: rotate(2deg);\n  }\n\n  20%,\n  40%,\n  60% {\n    transform: rotate(-4deg);\n  }\n\n  30%,\n  50%,\n  70% {\n    transform: rotate(4deg);\n  }\n\n  80% {\n    transform: rotate(-2deg);\n  }\n\n  90% {\n    transform: rotate(2deg);\n  }\n}\n\n.no-reduce-motion .shake-bottom {\n  transform-origin: 50% 100%;\n  animation: shake-bottom 0.8s cubic-bezier(0.455, 0.03, 0.515, 0.955) 2s 2 both;\n}\n\n.emoji-picker-dropdown__menu {\n  background: $simple-background-color;\n  position: absolute;\n  box-shadow: 4px 4px 6px rgba($base-shadow-color, 0.4);\n  border-radius: 4px;\n  margin-top: 5px;\n  z-index: 2;\n\n  .emoji-mart-scroll {\n    transition: opacity 200ms ease;\n  }\n\n  &.selecting .emoji-mart-scroll {\n    opacity: 0.5;\n  }\n}\n\n.emoji-picker-dropdown__modifiers {\n  position: absolute;\n  top: 60px;\n  right: 11px;\n  cursor: pointer;\n}\n\n.emoji-picker-dropdown__modifiers__menu {\n  position: absolute;\n  z-index: 4;\n  top: -4px;\n  left: -8px;\n  background: $simple-background-color;\n  border-radius: 4px;\n  box-shadow: 1px 2px 6px rgba($base-shadow-color, 0.2);\n  overflow: hidden;\n\n  button {\n    display: block;\n    cursor: pointer;\n    border: 0;\n    padding: 4px 8px;\n    background: transparent;\n\n    &:hover,\n    &:focus,\n    &:active {\n      background: rgba($ui-secondary-color, 0.4);\n    }\n  }\n\n  .emoji-mart-emoji {\n    height: 22px;\n  }\n}\n\n.emoji-mart-emoji {\n  span {\n    background-repeat: no-repeat;\n  }\n}\n\n.upload-area {\n  align-items: center;\n  background: rgba($base-overlay-background, 0.8);\n  display: flex;\n  height: 100%;\n  justify-content: center;\n  left: 0;\n  opacity: 0;\n  position: absolute;\n  top: 0;\n  visibility: hidden;\n  width: 100%;\n  z-index: 2000;\n\n  * {\n    pointer-events: none;\n  }\n}\n\n.upload-area__drop {\n  width: 320px;\n  height: 160px;\n  display: flex;\n  box-sizing: border-box;\n  position: relative;\n  padding: 8px;\n}\n\n.upload-area__background {\n  position: absolute;\n  top: 0;\n  right: 0;\n  bottom: 0;\n  left: 0;\n  z-index: -1;\n  border-radius: 4px;\n  background: $ui-base-color;\n  box-shadow: 0 0 5px rgba($base-shadow-color, 0.2);\n}\n\n.upload-area__content {\n  flex: 1;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  color: $secondary-text-color;\n  font-size: 18px;\n  font-weight: 500;\n  border: 2px dashed $ui-base-lighter-color;\n  border-radius: 4px;\n}\n\n.upload-progress {\n  padding: 10px;\n  color: $lighter-text-color;\n  overflow: hidden;\n  display: flex;\n\n  .fa {\n    font-size: 34px;\n    margin-right: 10px;\n  }\n\n  span {\n    font-size: 13px;\n    font-weight: 500;\n    display: block;\n  }\n}\n\n.upload-progess__message {\n  flex: 1 1 auto;\n}\n\n.upload-progress__backdrop {\n  width: 100%;\n  height: 6px;\n  border-radius: 6px;\n  background: $ui-base-lighter-color;\n  position: relative;\n  margin-top: 5px;\n}\n\n.upload-progress__tracker {\n  position: absolute;\n  left: 0;\n  top: 0;\n  height: 6px;\n  background: $ui-highlight-color;\n  border-radius: 6px;\n}\n\n.emoji-button {\n  display: block;\n  font-size: 24px;\n  line-height: 24px;\n  margin-left: 2px;\n  width: 24px;\n  outline: 0;\n  cursor: pointer;\n\n  &:active,\n  &:focus {\n    outline: 0 !important;\n  }\n\n  img {\n    filter: grayscale(100%);\n    opacity: 0.8;\n    display: block;\n    margin: 0;\n    width: 22px;\n    height: 22px;\n    margin-top: 2px;\n  }\n\n  &:hover,\n  &:active,\n  &:focus {\n    img {\n      opacity: 1;\n      filter: none;\n    }\n  }\n}\n\n.dropdown--active .emoji-button img {\n  opacity: 1;\n  filter: none;\n}\n\n.privacy-dropdown__dropdown {\n  position: absolute;\n  background: $simple-background-color;\n  box-shadow: 2px 4px 15px rgba($base-shadow-color, 0.4);\n  border-radius: 4px;\n  margin-left: 40px;\n  overflow: hidden;\n\n  &.top {\n    transform-origin: 50% 100%;\n  }\n\n  &.bottom {\n    transform-origin: 50% 0;\n  }\n}\n\n.privacy-dropdown__option {\n  color: $inverted-text-color;\n  padding: 10px;\n  cursor: pointer;\n  display: flex;\n\n  &:hover,\n  &.active {\n    background: $ui-highlight-color;\n    color: $primary-text-color;\n    outline: 0;\n\n    .privacy-dropdown__option__content {\n      color: $primary-text-color;\n\n      strong {\n        color: $primary-text-color;\n      }\n    }\n  }\n\n  &.active:hover {\n    background: lighten($ui-highlight-color, 4%);\n  }\n}\n\n.privacy-dropdown__option__icon {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  margin-right: 10px;\n}\n\n.privacy-dropdown__option__content {\n  flex: 1 1 auto;\n  color: $lighter-text-color;\n\n  strong {\n    font-weight: 500;\n    display: block;\n    color: $inverted-text-color;\n\n    @each $lang in $cjk-langs {\n      &:lang(#{$lang}) {\n        font-weight: 700;\n      }\n    }\n  }\n}\n\n.privacy-dropdown.active {\n  .privacy-dropdown__value {\n    background: $simple-background-color;\n    border-radius: 4px 4px 0 0;\n    box-shadow: 0 -4px 4px rgba($base-shadow-color, 0.1);\n\n    .icon-button {\n      transition: none;\n    }\n\n    &.active {\n      background: $ui-highlight-color;\n\n      .icon-button {\n        color: $primary-text-color;\n      }\n    }\n  }\n\n  &.top .privacy-dropdown__value {\n    border-radius: 0 0 4px 4px;\n  }\n\n  .privacy-dropdown__dropdown {\n    display: block;\n    box-shadow: 2px 4px 6px rgba($base-shadow-color, 0.1);\n  }\n}\n\n.search {\n  position: relative;\n}\n\n.search__input {\n  @include search-input;\n\n  display: block;\n  padding: 15px;\n  padding-right: 30px;\n  line-height: 18px;\n  font-size: 16px;\n\n  &::placeholder {\n    color: lighten($darker-text-color, 4%);\n  }\n\n  &::-moz-focus-inner {\n    border: 0;\n  }\n\n  &::-moz-focus-inner,\n  &:focus,\n  &:active {\n    outline: 0 !important;\n  }\n\n  &:focus {\n    background: lighten($ui-base-color, 4%);\n  }\n\n  @media screen and (max-width: 600px) {\n    font-size: 16px;\n  }\n}\n\n.search__icon {\n  &::-moz-focus-inner {\n    border: 0;\n  }\n\n  &::-moz-focus-inner,\n  &:focus {\n    outline: 0 !important;\n  }\n\n  .fa {\n    position: absolute;\n    top: 16px;\n    right: 10px;\n    z-index: 2;\n    display: inline-block;\n    opacity: 0;\n    transition: all 100ms linear;\n    transition-property: transform, opacity;\n    font-size: 18px;\n    width: 18px;\n    height: 18px;\n    color: $secondary-text-color;\n    cursor: default;\n    pointer-events: none;\n\n    &.active {\n      pointer-events: auto;\n      opacity: 0.3;\n    }\n  }\n\n  .fa-search {\n    transform: rotate(90deg);\n\n    &.active {\n      pointer-events: none;\n      transform: rotate(0deg);\n    }\n  }\n\n  .fa-times-circle {\n    top: 17px;\n    transform: rotate(0deg);\n    color: $action-button-color;\n    cursor: pointer;\n\n    &.active {\n      transform: rotate(90deg);\n    }\n\n    &:hover {\n      color: lighten($action-button-color, 7%);\n    }\n  }\n}\n\n.search-results__header {\n  color: $dark-text-color;\n  background: lighten($ui-base-color, 2%);\n  padding: 15px;\n  font-weight: 500;\n  font-size: 16px;\n  cursor: default;\n\n  .fa {\n    display: inline-block;\n    margin-right: 5px;\n  }\n}\n\n.search-results__section {\n  margin-bottom: 5px;\n\n  h5 {\n    background: darken($ui-base-color, 4%);\n    border-bottom: 1px solid lighten($ui-base-color, 8%);\n    cursor: default;\n    display: flex;\n    padding: 15px;\n    font-weight: 500;\n    font-size: 16px;\n    color: $dark-text-color;\n\n    .fa {\n      display: inline-block;\n      margin-right: 5px;\n    }\n  }\n\n  .account:last-child,\n  & > div:last-child .status {\n    border-bottom: 0;\n  }\n}\n\n.search-results__hashtag {\n  display: block;\n  padding: 10px;\n  color: $secondary-text-color;\n  text-decoration: none;\n\n  &:hover,\n  &:active,\n  &:focus {\n    color: lighten($secondary-text-color, 4%);\n    text-decoration: underline;\n  }\n}\n\n.search-results__info {\n  padding: 20px;\n  color: $darker-text-color;\n  text-align: center;\n}\n\n.modal-root {\n  position: relative;\n  transition: opacity 0.3s linear;\n  will-change: opacity;\n  z-index: 9999;\n}\n\n.modal-root__overlay {\n  position: fixed;\n  top: 0;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  background: rgba($base-overlay-background, 0.7);\n}\n\n.modal-root__container {\n  position: fixed;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  align-content: space-around;\n  z-index: 9999;\n  pointer-events: none;\n  user-select: none;\n}\n\n.modal-root__modal {\n  pointer-events: auto;\n  display: flex;\n  z-index: 9999;\n}\n\n.video-modal__container {\n  max-width: 100vw;\n  max-height: 100vh;\n}\n\n.audio-modal__container {\n  width: 50vw;\n}\n\n.media-modal {\n  width: 100%;\n  height: 100%;\n  position: relative;\n\n  .extended-video-player {\n    width: 100%;\n    height: 100%;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n\n    video {\n      max-width: $media-modal-media-max-width;\n      max-height: $media-modal-media-max-height;\n    }\n  }\n}\n\n.media-modal__closer {\n  position: absolute;\n  top: 0;\n  left: 0;\n  right: 0;\n  bottom: 0;\n}\n\n.media-modal__navigation {\n  position: absolute;\n  top: 0;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  pointer-events: none;\n  transition: opacity 0.3s linear;\n  will-change: opacity;\n\n  * {\n    pointer-events: auto;\n  }\n\n  &.media-modal__navigation--hidden {\n    opacity: 0;\n\n    * {\n      pointer-events: none;\n    }\n  }\n}\n\n.media-modal__nav {\n  background: rgba($base-overlay-background, 0.5);\n  box-sizing: border-box;\n  border: 0;\n  color: $primary-text-color;\n  cursor: pointer;\n  display: flex;\n  align-items: center;\n  font-size: 24px;\n  height: 20vmax;\n  margin: auto 0;\n  padding: 30px 15px;\n  position: absolute;\n  top: 0;\n  bottom: 0;\n}\n\n.media-modal__nav--left {\n  left: 0;\n}\n\n.media-modal__nav--right {\n  right: 0;\n}\n\n.media-modal__pagination {\n  width: 100%;\n  text-align: center;\n  position: absolute;\n  left: 0;\n  bottom: 20px;\n  pointer-events: none;\n}\n\n.media-modal__meta {\n  text-align: center;\n  position: absolute;\n  left: 0;\n  bottom: 20px;\n  width: 100%;\n  pointer-events: none;\n\n  &--shifted {\n    bottom: 62px;\n  }\n\n  a {\n    pointer-events: auto;\n    text-decoration: none;\n    font-weight: 500;\n    color: $ui-secondary-color;\n\n    &:hover,\n    &:focus,\n    &:active {\n      text-decoration: underline;\n    }\n  }\n}\n\n.media-modal__page-dot {\n  display: inline-block;\n}\n\n.media-modal__button {\n  background-color: $primary-text-color;\n  height: 12px;\n  width: 12px;\n  border-radius: 6px;\n  margin: 10px;\n  padding: 0;\n  border: 0;\n  font-size: 0;\n}\n\n.media-modal__button--active {\n  background-color: $highlight-text-color;\n}\n\n.media-modal__close {\n  position: absolute;\n  right: 8px;\n  top: 8px;\n  z-index: 100;\n}\n\n.onboarding-modal,\n.error-modal,\n.embed-modal {\n  background: $ui-secondary-color;\n  color: $inverted-text-color;\n  border-radius: 8px;\n  overflow: hidden;\n  display: flex;\n  flex-direction: column;\n}\n\n.error-modal__body {\n  height: 80vh;\n  width: 80vw;\n  max-width: 520px;\n  max-height: 420px;\n  position: relative;\n\n  & > div {\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n    box-sizing: border-box;\n    padding: 25px;\n    display: none;\n    flex-direction: column;\n    align-items: center;\n    justify-content: center;\n    display: flex;\n    opacity: 0;\n    user-select: text;\n  }\n}\n\n.error-modal__body {\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  align-items: center;\n  text-align: center;\n}\n\n.onboarding-modal__paginator,\n.error-modal__footer {\n  flex: 0 0 auto;\n  background: darken($ui-secondary-color, 8%);\n  display: flex;\n  padding: 25px;\n\n  & > div {\n    min-width: 33px;\n  }\n\n  .onboarding-modal__nav,\n  .error-modal__nav {\n    color: $lighter-text-color;\n    border: 0;\n    font-size: 14px;\n    font-weight: 500;\n    padding: 10px 25px;\n    line-height: inherit;\n    height: auto;\n    margin: -10px;\n    border-radius: 4px;\n    background-color: transparent;\n\n    &:hover,\n    &:focus,\n    &:active {\n      color: darken($lighter-text-color, 4%);\n      background-color: darken($ui-secondary-color, 16%);\n    }\n\n    &.onboarding-modal__done,\n    &.onboarding-modal__next {\n      color: $inverted-text-color;\n\n      &:hover,\n      &:focus,\n      &:active {\n        color: lighten($inverted-text-color, 4%);\n      }\n    }\n  }\n}\n\n.error-modal__footer {\n  justify-content: center;\n}\n\n.display-case {\n  text-align: center;\n  font-size: 15px;\n  margin-bottom: 15px;\n\n  &__label {\n    font-weight: 500;\n    color: $inverted-text-color;\n    margin-bottom: 5px;\n    font-size: 13px;\n  }\n\n  &__case {\n    background: $ui-base-color;\n    color: $secondary-text-color;\n    font-weight: 500;\n    padding: 10px;\n    border-radius: 4px;\n  }\n}\n\n.onboard-sliders {\n  display: inline-block;\n  max-width: 30px;\n  max-height: auto;\n  margin-left: 10px;\n}\n\n.boost-modal,\n.confirmation-modal,\n.report-modal,\n.actions-modal,\n.mute-modal,\n.block-modal {\n  background: lighten($ui-secondary-color, 8%);\n  color: $inverted-text-color;\n  border-radius: 8px;\n  overflow: hidden;\n  max-width: 90vw;\n  width: 480px;\n  position: relative;\n  flex-direction: column;\n\n  .status__display-name {\n    display: block;\n    max-width: 100%;\n    padding-right: 25px;\n  }\n\n  .status__avatar {\n    height: 28px;\n    left: 10px;\n    position: absolute;\n    top: 10px;\n    width: 48px;\n  }\n\n  .status__content__spoiler-link {\n    color: lighten($secondary-text-color, 8%);\n  }\n}\n\n.actions-modal {\n  .status {\n    background: $white;\n    border-bottom-color: $ui-secondary-color;\n    padding-top: 10px;\n    padding-bottom: 10px;\n  }\n\n  .dropdown-menu__separator {\n    border-bottom-color: $ui-secondary-color;\n  }\n}\n\n.boost-modal__container {\n  overflow-x: scroll;\n  padding: 10px;\n\n  .status {\n    user-select: text;\n    border-bottom: 0;\n  }\n}\n\n.boost-modal__action-bar,\n.confirmation-modal__action-bar,\n.mute-modal__action-bar,\n.block-modal__action-bar {\n  display: flex;\n  justify-content: space-between;\n  background: $ui-secondary-color;\n  padding: 10px;\n  line-height: 36px;\n\n  & > div {\n    flex: 1 1 auto;\n    text-align: right;\n    color: $lighter-text-color;\n    padding-right: 10px;\n  }\n\n  .button {\n    flex: 0 0 auto;\n  }\n}\n\n.boost-modal__status-header {\n  font-size: 15px;\n}\n\n.boost-modal__status-time {\n  float: right;\n  font-size: 14px;\n}\n\n.mute-modal,\n.block-modal {\n  line-height: 24px;\n}\n\n.mute-modal .react-toggle,\n.block-modal .react-toggle {\n  vertical-align: middle;\n}\n\n.report-modal {\n  width: 90vw;\n  max-width: 700px;\n}\n\n.report-modal__container {\n  display: flex;\n  border-top: 1px solid $ui-secondary-color;\n\n  @media screen and (max-width: 480px) {\n    flex-wrap: wrap;\n    overflow-y: auto;\n  }\n}\n\n.report-modal__statuses,\n.report-modal__comment {\n  box-sizing: border-box;\n  width: 50%;\n\n  @media screen and (max-width: 480px) {\n    width: 100%;\n  }\n}\n\n.report-modal__statuses,\n.focal-point-modal__content {\n  flex: 1 1 auto;\n  min-height: 20vh;\n  max-height: 80vh;\n  overflow-y: auto;\n  overflow-x: hidden;\n\n  .status__content a {\n    color: $highlight-text-color;\n  }\n\n  .status__content,\n  .status__content p {\n    color: $inverted-text-color;\n  }\n\n  @media screen and (max-width: 480px) {\n    max-height: 10vh;\n  }\n}\n\n.focal-point-modal__content {\n  @media screen and (max-width: 480px) {\n    max-height: 40vh;\n  }\n}\n\n.report-modal__comment {\n  padding: 20px;\n  border-right: 1px solid $ui-secondary-color;\n  max-width: 320px;\n\n  p {\n    font-size: 14px;\n    line-height: 20px;\n    margin-bottom: 20px;\n  }\n\n  .setting-text {\n    display: block;\n    box-sizing: border-box;\n    width: 100%;\n    margin: 0;\n    color: $inverted-text-color;\n    background: $white;\n    padding: 10px;\n    font-family: inherit;\n    font-size: 14px;\n    resize: none;\n    border: 0;\n    outline: 0;\n    border-radius: 4px;\n    border: 1px solid $ui-secondary-color;\n    min-height: 100px;\n    max-height: 50vh;\n    margin-bottom: 10px;\n\n    &:focus {\n      border: 1px solid darken($ui-secondary-color, 8%);\n    }\n\n    &__wrapper {\n      background: $white;\n      border: 1px solid $ui-secondary-color;\n      margin-bottom: 10px;\n      border-radius: 4px;\n\n      .setting-text {\n        border: 0;\n        margin-bottom: 0;\n        border-radius: 0;\n\n        &:focus {\n          border: 0;\n        }\n      }\n\n      &__modifiers {\n        color: $inverted-text-color;\n        font-family: inherit;\n        font-size: 14px;\n        background: $white;\n      }\n    }\n\n    &__toolbar {\n      display: flex;\n      justify-content: space-between;\n      margin-bottom: 20px;\n    }\n  }\n\n  .setting-text-label {\n    display: block;\n    color: $inverted-text-color;\n    font-size: 14px;\n    font-weight: 500;\n    margin-bottom: 10px;\n  }\n\n  .setting-toggle {\n    margin-top: 20px;\n    margin-bottom: 24px;\n\n    &__label {\n      color: $inverted-text-color;\n      font-size: 14px;\n    }\n  }\n\n  @media screen and (max-width: 480px) {\n    padding: 10px;\n    max-width: 100%;\n    order: 2;\n\n    .setting-toggle {\n      margin-bottom: 4px;\n    }\n  }\n}\n\n.actions-modal {\n  max-height: 80vh;\n  max-width: 80vw;\n\n  .status {\n    overflow-y: auto;\n    max-height: 300px;\n  }\n\n  .actions-modal__item-label {\n    font-weight: 500;\n  }\n\n  ul {\n    overflow-y: auto;\n    flex-shrink: 0;\n    max-height: 80vh;\n\n    &.with-status {\n      max-height: calc(80vh - 75px);\n    }\n\n    li:empty {\n      margin: 0;\n    }\n\n    li:not(:empty) {\n      a {\n        color: $inverted-text-color;\n        display: flex;\n        padding: 12px 16px;\n        font-size: 15px;\n        align-items: center;\n        text-decoration: none;\n\n        &,\n        button {\n          transition: none;\n        }\n\n        &.active,\n        &:hover,\n        &:active,\n        &:focus {\n          &,\n          button {\n            background: $ui-highlight-color;\n            color: $primary-text-color;\n          }\n        }\n\n        button:first-child {\n          margin-right: 10px;\n        }\n      }\n    }\n  }\n}\n\n.confirmation-modal__action-bar,\n.mute-modal__action-bar,\n.block-modal__action-bar {\n  .confirmation-modal__secondary-button {\n    flex-shrink: 1;\n  }\n}\n\n.confirmation-modal__secondary-button,\n.confirmation-modal__cancel-button,\n.mute-modal__cancel-button,\n.block-modal__cancel-button {\n  background-color: transparent;\n  color: $lighter-text-color;\n  font-size: 14px;\n  font-weight: 500;\n\n  &:hover,\n  &:focus,\n  &:active {\n    color: darken($lighter-text-color, 4%);\n    background-color: transparent;\n  }\n}\n\n.confirmation-modal__container,\n.mute-modal__container,\n.block-modal__container,\n.report-modal__target {\n  padding: 30px;\n  font-size: 16px;\n\n  strong {\n    font-weight: 500;\n\n    @each $lang in $cjk-langs {\n      &:lang(#{$lang}) {\n        font-weight: 700;\n      }\n    }\n  }\n}\n\n.confirmation-modal__container,\n.report-modal__target {\n  text-align: center;\n}\n\n.block-modal,\n.mute-modal {\n  &__explanation {\n    margin-top: 20px;\n  }\n\n  .setting-toggle {\n    margin-top: 20px;\n    margin-bottom: 24px;\n    display: flex;\n    align-items: center;\n\n    &__label {\n      color: $inverted-text-color;\n      margin: 0;\n      margin-left: 8px;\n    }\n  }\n}\n\n.report-modal__target {\n  padding: 15px;\n\n  .media-modal__close {\n    top: 14px;\n    right: 15px;\n  }\n}\n\n.loading-bar {\n  background-color: $highlight-text-color;\n  height: 3px;\n  position: absolute;\n  top: 0;\n  left: 0;\n  z-index: 9999;\n}\n\n.media-gallery__gifv__label {\n  display: block;\n  position: absolute;\n  color: $primary-text-color;\n  background: rgba($base-overlay-background, 0.5);\n  bottom: 6px;\n  left: 6px;\n  padding: 2px 6px;\n  border-radius: 2px;\n  font-size: 11px;\n  font-weight: 600;\n  z-index: 1;\n  pointer-events: none;\n  opacity: 0.9;\n  transition: opacity 0.1s ease;\n  line-height: 18px;\n}\n\n.media-gallery__gifv {\n  &.autoplay {\n    .media-gallery__gifv__label {\n      display: none;\n    }\n  }\n\n  &:hover {\n    .media-gallery__gifv__label {\n      opacity: 1;\n    }\n  }\n}\n\n.media-gallery__audio {\n  margin-top: 32px;\n\n  audio {\n    width: 100%;\n  }\n}\n\n.attachment-list {\n  display: flex;\n  font-size: 14px;\n  border: 1px solid lighten($ui-base-color, 8%);\n  border-radius: 4px;\n  margin-top: 14px;\n  overflow: hidden;\n\n  &__icon {\n    flex: 0 0 auto;\n    color: $dark-text-color;\n    padding: 8px 18px;\n    cursor: default;\n    border-right: 1px solid lighten($ui-base-color, 8%);\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    justify-content: center;\n    font-size: 26px;\n\n    .fa {\n      display: block;\n    }\n  }\n\n  &__list {\n    list-style: none;\n    padding: 4px 0;\n    padding-left: 8px;\n    display: flex;\n    flex-direction: column;\n    justify-content: center;\n\n    li {\n      display: block;\n      padding: 4px 0;\n    }\n\n    a {\n      text-decoration: none;\n      color: $dark-text-color;\n      font-weight: 500;\n\n      &:hover {\n        text-decoration: underline;\n      }\n    }\n  }\n\n  &.compact {\n    border: 0;\n    margin-top: 4px;\n\n    .attachment-list__list {\n      padding: 0;\n      display: block;\n    }\n\n    .fa {\n      color: $dark-text-color;\n    }\n  }\n}\n\n/* Media Gallery */\n.media-gallery {\n  box-sizing: border-box;\n  margin-top: 8px;\n  overflow: hidden;\n  border-radius: 4px;\n  position: relative;\n  width: 100%;\n}\n\n.media-gallery__item {\n  border: 0;\n  box-sizing: border-box;\n  display: block;\n  float: left;\n  position: relative;\n  border-radius: 4px;\n  overflow: hidden;\n\n  &.standalone {\n    .media-gallery__item-gifv-thumbnail {\n      transform: none;\n      top: 0;\n    }\n  }\n}\n\n.media-gallery__item-thumbnail {\n  cursor: zoom-in;\n  display: block;\n  text-decoration: none;\n  color: $secondary-text-color;\n  position: relative;\n  z-index: 1;\n\n  &,\n  img {\n    height: 100%;\n    width: 100%;\n  }\n\n  img {\n    object-fit: cover;\n  }\n}\n\n.media-gallery__preview {\n  width: 100%;\n  height: 100%;\n  object-fit: cover;\n  position: absolute;\n  top: 0;\n  left: 0;\n  z-index: 0;\n  background: $base-overlay-background;\n\n  &--hidden {\n    display: none;\n  }\n}\n\n.media-gallery__gifv {\n  height: 100%;\n  overflow: hidden;\n  position: relative;\n  width: 100%;\n}\n\n.media-gallery__item-gifv-thumbnail {\n  cursor: zoom-in;\n  height: 100%;\n  object-fit: cover;\n  position: relative;\n  top: 50%;\n  transform: translateY(-50%);\n  width: 100%;\n  z-index: 1;\n}\n\n.media-gallery__item-thumbnail-label {\n  clip: rect(1px 1px 1px 1px); /* IE6, IE7 */\n  clip: rect(1px, 1px, 1px, 1px);\n  overflow: hidden;\n  position: absolute;\n}\n/* End Media Gallery */\n\n.detailed,\n.fullscreen {\n  .video-player__volume__current,\n  .video-player__volume::before {\n    bottom: 27px;\n  }\n\n  .video-player__volume__handle {\n    bottom: 23px;\n  }\n\n}\n\n.audio-player {\n  box-sizing: border-box;\n  position: relative;\n  background: darken($ui-base-color, 8%);\n  border-radius: 4px;\n  padding-bottom: 44px;\n  direction: ltr;\n\n  &.editable {\n    border-radius: 0;\n    height: 100%;\n  }\n\n  &__waveform {\n    padding: 15px 0;\n    position: relative;\n    overflow: hidden;\n\n    &::before {\n      content: \"\";\n      display: block;\n      position: absolute;\n      border-top: 1px solid lighten($ui-base-color, 4%);\n      width: 100%;\n      height: 0;\n      left: 0;\n      top: calc(50% + 1px);\n    }\n  }\n\n  &__progress-placeholder {\n    background-color: rgba(lighten($ui-highlight-color, 8%), 0.5);\n  }\n\n  &__wave-placeholder {\n    background-color: lighten($ui-base-color, 16%);\n  }\n\n  .video-player__controls {\n    padding: 0 15px;\n    padding-top: 10px;\n    background: darken($ui-base-color, 8%);\n    border-top: 1px solid lighten($ui-base-color, 4%);\n    border-radius: 0 0 4px 4px;\n  }\n}\n\n.video-player {\n  overflow: hidden;\n  position: relative;\n  background: $base-shadow-color;\n  max-width: 100%;\n  border-radius: 4px;\n  box-sizing: border-box;\n  direction: ltr;\n\n  &.editable {\n    border-radius: 0;\n    height: 100% !important;\n  }\n\n  &:focus {\n    outline: 0;\n  }\n\n  video {\n    max-width: 100vw;\n    max-height: 80vh;\n    z-index: 1;\n  }\n\n  &.fullscreen {\n    width: 100% !important;\n    height: 100% !important;\n    margin: 0;\n\n    video {\n      max-width: 100% !important;\n      max-height: 100% !important;\n      width: 100% !important;\n      height: 100% !important;\n      outline: 0;\n    }\n  }\n\n  &.inline {\n    video {\n      object-fit: contain;\n      position: relative;\n      top: 50%;\n      transform: translateY(-50%);\n    }\n  }\n\n  &__controls {\n    position: absolute;\n    z-index: 2;\n    bottom: 0;\n    left: 0;\n    right: 0;\n    box-sizing: border-box;\n    background: linear-gradient(0deg, rgba($base-shadow-color, 0.85) 0, rgba($base-shadow-color, 0.45) 60%, transparent);\n    padding: 0 15px;\n    opacity: 0;\n    transition: opacity .1s ease;\n\n    &.active {\n      opacity: 1;\n    }\n  }\n\n  &.inactive {\n    video,\n    .video-player__controls {\n      visibility: hidden;\n    }\n  }\n\n  &__spoiler {\n    display: none;\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n    z-index: 4;\n    border: 0;\n    background: $base-overlay-background;\n    color: $darker-text-color;\n    transition: none;\n    pointer-events: none;\n\n    &.active {\n      display: block;\n      pointer-events: auto;\n\n      &:hover,\n      &:active,\n      &:focus {\n        color: lighten($darker-text-color, 7%);\n      }\n    }\n\n    &__title {\n      display: block;\n      font-size: 14px;\n    }\n\n    &__subtitle {\n      display: block;\n      font-size: 11px;\n      font-weight: 500;\n    }\n  }\n\n  &__buttons-bar {\n    display: flex;\n    justify-content: space-between;\n    padding-bottom: 10px;\n\n    .video-player__download__icon {\n      color: inherit;\n    }\n  }\n\n  &__buttons {\n    font-size: 16px;\n    white-space: nowrap;\n    overflow: hidden;\n    text-overflow: ellipsis;\n\n    &.left {\n      button {\n        padding-left: 0;\n      }\n    }\n\n    &.right {\n      button {\n        padding-right: 0;\n      }\n    }\n\n    button {\n      background: transparent;\n      padding: 2px 10px;\n      font-size: 16px;\n      border: 0;\n      color: rgba($white, 0.75);\n\n      &:active,\n      &:hover,\n      &:focus {\n        color: $white;\n      }\n    }\n  }\n\n  &__time-sep,\n  &__time-total,\n  &__time-current {\n    font-size: 14px;\n    font-weight: 500;\n  }\n\n  &__time-current {\n    color: $white;\n    margin-left: 60px;\n  }\n\n  &__time-sep {\n    display: inline-block;\n    margin: 0 6px;\n  }\n\n  &__time-sep,\n  &__time-total {\n    color: $white;\n  }\n\n  &__volume {\n    cursor: pointer;\n    height: 24px;\n    display: inline;\n\n    &::before {\n      content: \"\";\n      width: 50px;\n      background: rgba($white, 0.35);\n      border-radius: 4px;\n      display: block;\n      position: absolute;\n      height: 4px;\n      left: 70px;\n      bottom: 20px;\n    }\n\n    &__current {\n      display: block;\n      position: absolute;\n      height: 4px;\n      border-radius: 4px;\n      left: 70px;\n      bottom: 20px;\n      background: lighten($ui-highlight-color, 8%);\n    }\n\n    &__handle {\n      position: absolute;\n      z-index: 3;\n      border-radius: 50%;\n      width: 12px;\n      height: 12px;\n      bottom: 16px;\n      left: 70px;\n      transition: opacity .1s ease;\n      background: lighten($ui-highlight-color, 8%);\n      box-shadow: 1px 2px 6px rgba($base-shadow-color, 0.2);\n      pointer-events: none;\n    }\n  }\n\n  &__link {\n    padding: 2px 10px;\n\n    a {\n      text-decoration: none;\n      font-size: 14px;\n      font-weight: 500;\n      color: $white;\n\n      &:hover,\n      &:active,\n      &:focus {\n        text-decoration: underline;\n      }\n    }\n  }\n\n  &__seek {\n    cursor: pointer;\n    height: 24px;\n    position: relative;\n\n    &::before {\n      content: \"\";\n      width: 100%;\n      background: rgba($white, 0.35);\n      border-radius: 4px;\n      display: block;\n      position: absolute;\n      height: 4px;\n      top: 10px;\n    }\n\n    &__progress,\n    &__buffer {\n      display: block;\n      position: absolute;\n      height: 4px;\n      border-radius: 4px;\n      top: 10px;\n      background: lighten($ui-highlight-color, 8%);\n    }\n\n    &__buffer {\n      background: rgba($white, 0.2);\n    }\n\n    &__handle {\n      position: absolute;\n      z-index: 3;\n      opacity: 0;\n      border-radius: 50%;\n      width: 12px;\n      height: 12px;\n      top: 6px;\n      margin-left: -6px;\n      transition: opacity .1s ease;\n      background: lighten($ui-highlight-color, 8%);\n      box-shadow: 1px 2px 6px rgba($base-shadow-color, 0.2);\n      pointer-events: none;\n\n      &.active {\n        opacity: 1;\n      }\n    }\n\n    &:hover {\n      .video-player__seek__handle {\n        opacity: 1;\n      }\n    }\n  }\n\n  &.detailed,\n  &.fullscreen {\n    .video-player__buttons {\n      button {\n        padding-top: 10px;\n        padding-bottom: 10px;\n      }\n    }\n  }\n}\n\n.directory {\n  &__list {\n    width: 100%;\n    margin: 10px 0;\n    transition: opacity 100ms ease-in;\n\n    &.loading {\n      opacity: 0.7;\n    }\n\n    @media screen and (max-width: $no-gap-breakpoint) {\n      margin: 0;\n    }\n  }\n\n  &__card {\n    box-sizing: border-box;\n    margin-bottom: 10px;\n\n    &__img {\n      height: 125px;\n      position: relative;\n      background: darken($ui-base-color, 12%);\n      overflow: hidden;\n\n      img {\n        display: block;\n        width: 100%;\n        height: 100%;\n        margin: 0;\n        object-fit: cover;\n      }\n    }\n\n    &__bar {\n      display: flex;\n      align-items: center;\n      background: lighten($ui-base-color, 4%);\n      padding: 10px;\n\n      &__name {\n        flex: 1 1 auto;\n        display: flex;\n        align-items: center;\n        text-decoration: none;\n        overflow: hidden;\n      }\n\n      &__relationship {\n        width: 23px;\n        min-height: 1px;\n        flex: 0 0 auto;\n      }\n\n      .avatar {\n        flex: 0 0 auto;\n        width: 48px;\n        height: 48px;\n        padding-top: 2px;\n\n        img {\n          width: 100%;\n          height: 100%;\n          display: block;\n          margin: 0;\n          border-radius: 4px;\n          background: darken($ui-base-color, 8%);\n          object-fit: cover;\n        }\n      }\n\n      .display-name {\n        margin-left: 15px;\n        text-align: left;\n\n        strong {\n          font-size: 15px;\n          color: $primary-text-color;\n          font-weight: 500;\n          overflow: hidden;\n          text-overflow: ellipsis;\n        }\n\n        span {\n          display: block;\n          font-size: 14px;\n          color: $darker-text-color;\n          font-weight: 400;\n          overflow: hidden;\n          text-overflow: ellipsis;\n        }\n      }\n    }\n\n    &__extra {\n      background: $ui-base-color;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n\n      .accounts-table__count {\n        width: 33.33%;\n        flex: 0 0 auto;\n        padding: 15px 0;\n      }\n\n      .account__header__content {\n        box-sizing: border-box;\n        padding: 15px 10px;\n        border-bottom: 1px solid lighten($ui-base-color, 8%);\n        width: 100%;\n        min-height: 18px + 30px;\n        white-space: nowrap;\n        overflow: hidden;\n        text-overflow: ellipsis;\n\n        p {\n          display: none;\n\n          &:first-child {\n            display: inline;\n          }\n        }\n\n        br {\n          display: none;\n        }\n      }\n    }\n  }\n}\n\n.account-gallery__container {\n  display: flex;\n  flex-wrap: wrap;\n  padding: 4px 2px;\n}\n\n.account-gallery__item {\n  border: 0;\n  box-sizing: border-box;\n  display: block;\n  position: relative;\n  border-radius: 4px;\n  overflow: hidden;\n  margin: 2px;\n\n  &__icons {\n    position: absolute;\n    top: 50%;\n    left: 50%;\n    transform: translate(-50%, -50%);\n    font-size: 24px;\n  }\n}\n\n.notification__filter-bar,\n.account__section-headline {\n  background: darken($ui-base-color, 4%);\n  border-bottom: 1px solid lighten($ui-base-color, 8%);\n  cursor: default;\n  display: flex;\n  flex-shrink: 0;\n\n  button {\n    background: darken($ui-base-color, 4%);\n    border: 0;\n    margin: 0;\n  }\n\n  button,\n  a {\n    display: block;\n    flex: 1 1 auto;\n    color: $darker-text-color;\n    padding: 15px 0;\n    font-size: 14px;\n    font-weight: 500;\n    text-align: center;\n    text-decoration: none;\n    position: relative;\n\n    &.active {\n      color: $secondary-text-color;\n\n      &::before,\n      &::after {\n        display: block;\n        content: \"\";\n        position: absolute;\n        bottom: 0;\n        left: 50%;\n        width: 0;\n        height: 0;\n        transform: translateX(-50%);\n        border-style: solid;\n        border-width: 0 10px 10px;\n        border-color: transparent transparent lighten($ui-base-color, 8%);\n      }\n\n      &::after {\n        bottom: -1px;\n        border-color: transparent transparent $ui-base-color;\n      }\n    }\n  }\n\n  &.directory__section-headline {\n    background: darken($ui-base-color, 2%);\n    border-bottom-color: transparent;\n\n    a,\n    button {\n      &.active {\n        &::before {\n          display: none;\n        }\n\n        &::after {\n          border-color: transparent transparent darken($ui-base-color, 7%);\n        }\n      }\n    }\n  }\n}\n\n.filter-form {\n  background: $ui-base-color;\n\n  &__column {\n    padding: 10px 15px;\n  }\n\n  .radio-button {\n    display: block;\n  }\n}\n\n.radio-button {\n  font-size: 14px;\n  position: relative;\n  display: inline-block;\n  padding: 6px 0;\n  line-height: 18px;\n  cursor: default;\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  cursor: pointer;\n\n  input[type=radio],\n  input[type=checkbox] {\n    display: none;\n  }\n\n  &__input {\n    display: inline-block;\n    position: relative;\n    border: 1px solid $ui-primary-color;\n    box-sizing: border-box;\n    width: 18px;\n    height: 18px;\n    flex: 0 0 auto;\n    margin-right: 10px;\n    top: -1px;\n    border-radius: 50%;\n    vertical-align: middle;\n\n    &.checked {\n      border-color: lighten($ui-highlight-color, 8%);\n      background: lighten($ui-highlight-color, 8%);\n    }\n  }\n}\n\n::-webkit-scrollbar-thumb {\n  border-radius: 0;\n}\n\n.search-popout {\n  @include search-popout;\n}\n\nnoscript {\n  text-align: center;\n\n  img {\n    width: 200px;\n    opacity: 0.5;\n    animation: flicker 4s infinite;\n  }\n\n  div {\n    font-size: 14px;\n    margin: 30px auto;\n    color: $secondary-text-color;\n    max-width: 400px;\n\n    a {\n      color: $highlight-text-color;\n      text-decoration: underline;\n\n      &:hover {\n        text-decoration: none;\n      }\n    }\n  }\n}\n\n@keyframes flicker {\n  0% { opacity: 1; }\n  30% { opacity: 0.75; }\n  100% { opacity: 1; }\n}\n\n@media screen and (max-width: 630px) and (max-height: 400px) {\n  $duration: 400ms;\n  $delay: 100ms;\n\n  .tabs-bar,\n  .search {\n    will-change: margin-top;\n    transition: margin-top $duration $delay;\n  }\n\n  .navigation-bar {\n    will-change: padding-bottom;\n    transition: padding-bottom $duration $delay;\n  }\n\n  .navigation-bar {\n    & > a:first-child {\n      will-change: margin-top, margin-left, margin-right, width;\n      transition: margin-top $duration $delay, margin-left $duration ($duration + $delay), margin-right $duration ($duration + $delay);\n    }\n\n    & > .navigation-bar__profile-edit {\n      will-change: margin-top;\n      transition: margin-top $duration $delay;\n    }\n\n    .navigation-bar__actions {\n      & > .icon-button.close {\n        will-change: opacity transform;\n        transition: opacity $duration * 0.5 $delay,\n                    transform $duration $delay;\n      }\n\n      & > .compose__action-bar .icon-button {\n        will-change: opacity transform;\n        transition: opacity $duration * 0.5 $delay + $duration * 0.5,\n                    transform $duration $delay;\n      }\n    }\n  }\n\n  .is-composing {\n    .tabs-bar,\n    .search {\n      margin-top: -50px;\n    }\n\n    .navigation-bar {\n      padding-bottom: 0;\n\n      & > a:first-child {\n        margin: -100px 10px 0 -50px;\n      }\n\n      .navigation-bar__profile {\n        padding-top: 2px;\n      }\n\n      .navigation-bar__profile-edit {\n        position: absolute;\n        margin-top: -60px;\n      }\n\n      .navigation-bar__actions {\n        .icon-button.close {\n          pointer-events: auto;\n          opacity: 1;\n          transform: scale(1, 1) translate(0, 0);\n          bottom: 5px;\n        }\n\n        .compose__action-bar .icon-button {\n          pointer-events: none;\n          opacity: 0;\n          transform: scale(0, 1) translate(100%, 0);\n        }\n      }\n    }\n  }\n}\n\n.embed-modal {\n  width: auto;\n  max-width: 80vw;\n  max-height: 80vh;\n\n  h4 {\n    padding: 30px;\n    font-weight: 500;\n    font-size: 16px;\n    text-align: center;\n  }\n\n  .embed-modal__container {\n    padding: 10px;\n\n    .hint {\n      margin-bottom: 15px;\n    }\n\n    .embed-modal__html {\n      outline: 0;\n      box-sizing: border-box;\n      display: block;\n      width: 100%;\n      border: 0;\n      padding: 10px;\n      font-family: $font-monospace, monospace;\n      background: $ui-base-color;\n      color: $primary-text-color;\n      font-size: 14px;\n      margin: 0;\n      margin-bottom: 15px;\n      border-radius: 4px;\n\n      &::-moz-focus-inner {\n        border: 0;\n      }\n\n      &::-moz-focus-inner,\n      &:focus,\n      &:active {\n        outline: 0 !important;\n      }\n\n      &:focus {\n        background: lighten($ui-base-color, 4%);\n      }\n\n      @media screen and (max-width: 600px) {\n        font-size: 16px;\n      }\n    }\n\n    .embed-modal__iframe {\n      width: 400px;\n      max-width: 100%;\n      overflow: hidden;\n      border: 0;\n      border-radius: 4px;\n    }\n  }\n}\n\n.account__moved-note {\n  padding: 14px 10px;\n  padding-bottom: 16px;\n  background: lighten($ui-base-color, 4%);\n  border-top: 1px solid lighten($ui-base-color, 8%);\n  border-bottom: 1px solid lighten($ui-base-color, 8%);\n\n  &__message {\n    position: relative;\n    margin-left: 58px;\n    color: $dark-text-color;\n    padding: 8px 0;\n    padding-top: 0;\n    padding-bottom: 4px;\n    font-size: 14px;\n\n    > span {\n      display: block;\n      overflow: hidden;\n      text-overflow: ellipsis;\n    }\n  }\n\n  &__icon-wrapper {\n    left: -26px;\n    position: absolute;\n  }\n\n  .detailed-status__display-avatar {\n    position: relative;\n  }\n\n  .detailed-status__display-name {\n    margin-bottom: 0;\n  }\n}\n\n.column-inline-form {\n  padding: 15px;\n  padding-right: 0;\n  display: flex;\n  justify-content: flex-start;\n  align-items: center;\n  background: lighten($ui-base-color, 4%);\n\n  label {\n    flex: 1 1 auto;\n\n    input {\n      width: 100%;\n\n      &:focus {\n        outline: 0;\n      }\n    }\n  }\n\n  .icon-button {\n    flex: 0 0 auto;\n    margin: 0 10px;\n  }\n}\n\n.drawer__backdrop {\n  cursor: pointer;\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  background: rgba($base-overlay-background, 0.5);\n}\n\n.list-editor {\n  background: $ui-base-color;\n  flex-direction: column;\n  border-radius: 8px;\n  box-shadow: 2px 4px 15px rgba($base-shadow-color, 0.4);\n  width: 380px;\n  overflow: hidden;\n\n  @media screen and (max-width: 420px) {\n    width: 90%;\n  }\n\n  h4 {\n    padding: 15px 0;\n    background: lighten($ui-base-color, 13%);\n    font-weight: 500;\n    font-size: 16px;\n    text-align: center;\n    border-radius: 8px 8px 0 0;\n  }\n\n  .drawer__pager {\n    height: 50vh;\n  }\n\n  .drawer__inner {\n    border-radius: 0 0 8px 8px;\n\n    &.backdrop {\n      width: calc(100% - 60px);\n      box-shadow: 2px 4px 15px rgba($base-shadow-color, 0.4);\n      border-radius: 0 0 0 8px;\n    }\n  }\n\n  &__accounts {\n    overflow-y: auto;\n  }\n\n  .account__display-name {\n    &:hover strong {\n      text-decoration: none;\n    }\n  }\n\n  .account__avatar {\n    cursor: default;\n  }\n\n  .search {\n    margin-bottom: 0;\n  }\n}\n\n.list-adder {\n  background: $ui-base-color;\n  flex-direction: column;\n  border-radius: 8px;\n  box-shadow: 2px 4px 15px rgba($base-shadow-color, 0.4);\n  width: 380px;\n  overflow: hidden;\n\n  @media screen and (max-width: 420px) {\n    width: 90%;\n  }\n\n  &__account {\n    background: lighten($ui-base-color, 13%);\n  }\n\n  &__lists {\n    background: lighten($ui-base-color, 13%);\n    height: 50vh;\n    border-radius: 0 0 8px 8px;\n    overflow-y: auto;\n  }\n\n  .list {\n    padding: 10px;\n    border-bottom: 1px solid lighten($ui-base-color, 8%);\n  }\n\n  .list__wrapper {\n    display: flex;\n  }\n\n  .list__display-name {\n    flex: 1 1 auto;\n    overflow: hidden;\n    text-decoration: none;\n    font-size: 16px;\n    padding: 10px;\n  }\n}\n\n.focal-point {\n  position: relative;\n  cursor: move;\n  overflow: hidden;\n  height: 100%;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  background: $base-shadow-color;\n\n  img,\n  video,\n  canvas {\n    display: block;\n    max-height: 80vh;\n    width: 100%;\n    height: auto;\n    margin: 0;\n    object-fit: contain;\n    background: $base-shadow-color;\n  }\n\n  &__reticle {\n    position: absolute;\n    width: 100px;\n    height: 100px;\n    transform: translate(-50%, -50%);\n    background: url('~images/reticle.png') no-repeat 0 0;\n    border-radius: 50%;\n    box-shadow: 0 0 0 9999em rgba($base-shadow-color, 0.35);\n  }\n\n  &__overlay {\n    position: absolute;\n    width: 100%;\n    height: 100%;\n    top: 0;\n    left: 0;\n  }\n\n  &__preview {\n    position: absolute;\n    bottom: 10px;\n    right: 10px;\n    z-index: 2;\n    cursor: move;\n    transition: opacity 0.1s ease;\n\n    &:hover {\n      opacity: 0.5;\n    }\n\n    strong {\n      color: $primary-text-color;\n      font-size: 14px;\n      font-weight: 500;\n      display: block;\n      margin-bottom: 5px;\n    }\n\n    div {\n      border-radius: 4px;\n      box-shadow: 0 0 14px rgba($base-shadow-color, 0.2);\n    }\n  }\n\n  @media screen and (max-width: 480px) {\n    img,\n    video {\n      max-height: 100%;\n    }\n\n    &__preview {\n      display: none;\n    }\n  }\n}\n\n.account__header__content {\n  color: $darker-text-color;\n  font-size: 14px;\n  font-weight: 400;\n  overflow: hidden;\n  word-break: normal;\n  word-wrap: break-word;\n\n  p {\n    margin-bottom: 20px;\n\n    &:last-child {\n      margin-bottom: 0;\n    }\n  }\n\n  a {\n    color: inherit;\n    text-decoration: underline;\n\n    &:hover {\n      text-decoration: none;\n    }\n  }\n}\n\n.account__header {\n  overflow: hidden;\n\n  &.inactive {\n    opacity: 0.5;\n\n    .account__header__image,\n    .account__avatar {\n      filter: grayscale(100%);\n    }\n  }\n\n  &__info {\n    position: absolute;\n    top: 10px;\n    left: 10px;\n  }\n\n  &__image {\n    overflow: hidden;\n    height: 145px;\n    position: relative;\n    background: darken($ui-base-color, 4%);\n\n    img {\n      object-fit: cover;\n      display: block;\n      width: 100%;\n      height: 100%;\n      margin: 0;\n    }\n  }\n\n  &__bar {\n    position: relative;\n    background: lighten($ui-base-color, 4%);\n    padding: 5px;\n    border-bottom: 1px solid lighten($ui-base-color, 12%);\n\n    .avatar {\n      display: block;\n      flex: 0 0 auto;\n      width: 94px;\n      margin-left: -2px;\n\n      .account__avatar {\n        background: darken($ui-base-color, 8%);\n        border: 2px solid lighten($ui-base-color, 4%);\n      }\n    }\n  }\n\n  &__tabs {\n    display: flex;\n    align-items: flex-start;\n    padding: 7px 5px;\n    margin-top: -55px;\n\n    &__buttons {\n      display: flex;\n      align-items: center;\n      padding-top: 55px;\n      overflow: hidden;\n\n      .icon-button {\n        border: 1px solid lighten($ui-base-color, 12%);\n        border-radius: 4px;\n        box-sizing: content-box;\n        padding: 2px;\n      }\n\n      .button {\n        margin: 0 8px;\n      }\n    }\n\n    &__name {\n      padding: 5px;\n\n      .account-role {\n        vertical-align: top;\n      }\n\n      .emojione {\n        width: 22px;\n        height: 22px;\n      }\n\n      h1 {\n        font-size: 16px;\n        line-height: 24px;\n        color: $primary-text-color;\n        font-weight: 500;\n        overflow: hidden;\n        white-space: nowrap;\n        text-overflow: ellipsis;\n\n        small {\n          display: block;\n          font-size: 14px;\n          color: $darker-text-color;\n          font-weight: 400;\n          overflow: hidden;\n          text-overflow: ellipsis;\n        }\n      }\n    }\n\n    .spacer {\n      flex: 1 1 auto;\n    }\n  }\n\n  &__bio {\n    overflow: hidden;\n    margin: 0 -5px;\n\n    .account__header__content {\n      padding: 20px 15px;\n      padding-bottom: 5px;\n      color: $primary-text-color;\n    }\n\n    .account__header__fields {\n      margin: 0;\n      border-top: 1px solid lighten($ui-base-color, 12%);\n\n      a {\n        color: lighten($ui-highlight-color, 8%);\n      }\n\n      dl:first-child .verified {\n        border-radius: 0 4px 0 0;\n      }\n\n      .verified a {\n        color: $valid-value-color;\n      }\n    }\n  }\n\n  &__extra {\n    margin-top: 4px;\n\n    &__links {\n      font-size: 14px;\n      color: $darker-text-color;\n      padding: 10px 0;\n\n      a {\n        display: inline-block;\n        color: $darker-text-color;\n        text-decoration: none;\n        padding: 5px 10px;\n        font-weight: 500;\n\n        strong {\n          font-weight: 700;\n          color: $primary-text-color;\n        }\n      }\n    }\n  }\n}\n\n.trends {\n  &__header {\n    color: $dark-text-color;\n    background: lighten($ui-base-color, 2%);\n    border-bottom: 1px solid darken($ui-base-color, 4%);\n    font-weight: 500;\n    padding: 15px;\n    font-size: 16px;\n    cursor: default;\n\n    .fa {\n      display: inline-block;\n      margin-right: 5px;\n    }\n  }\n\n  &__item {\n    display: flex;\n    align-items: center;\n    padding: 15px;\n    border-bottom: 1px solid lighten($ui-base-color, 8%);\n\n    &:last-child {\n      border-bottom: 0;\n    }\n\n    &__name {\n      flex: 1 1 auto;\n      color: $dark-text-color;\n      overflow: hidden;\n      text-overflow: ellipsis;\n      white-space: nowrap;\n\n      strong {\n        font-weight: 500;\n      }\n\n      a {\n        color: $darker-text-color;\n        text-decoration: none;\n        font-size: 14px;\n        font-weight: 500;\n        display: block;\n        overflow: hidden;\n        text-overflow: ellipsis;\n        white-space: nowrap;\n\n        &:hover,\n        &:focus,\n        &:active {\n          span {\n            text-decoration: underline;\n          }\n        }\n      }\n    }\n\n    &__current {\n      flex: 0 0 auto;\n      font-size: 24px;\n      line-height: 36px;\n      font-weight: 500;\n      text-align: right;\n      padding-right: 15px;\n      margin-left: 5px;\n      color: $secondary-text-color;\n    }\n\n    &__sparkline {\n      flex: 0 0 auto;\n      width: 50px;\n\n      path:first-child {\n        fill: rgba($highlight-text-color, 0.25) !important;\n        fill-opacity: 1 !important;\n      }\n\n      path:last-child {\n        stroke: lighten($highlight-text-color, 6%) !important;\n      }\n    }\n  }\n}\n\n.conversation {\n  display: flex;\n  border-bottom: 1px solid lighten($ui-base-color, 8%);\n  padding: 5px;\n  padding-bottom: 0;\n\n  &:focus {\n    background: lighten($ui-base-color, 2%);\n    outline: 0;\n  }\n\n  &__avatar {\n    flex: 0 0 auto;\n    padding: 10px;\n    padding-top: 12px;\n    position: relative;\n  }\n\n  &__unread {\n    display: inline-block;\n    background: $highlight-text-color;\n    border-radius: 50%;\n    width: 0.625rem;\n    height: 0.625rem;\n    margin: -.1ex .15em .1ex;\n  }\n\n  &__content {\n    flex: 1 1 auto;\n    padding: 10px 5px;\n    padding-right: 15px;\n    overflow: hidden;\n\n    &__info {\n      overflow: hidden;\n      display: flex;\n      flex-direction: row-reverse;\n      justify-content: space-between;\n    }\n\n    &__relative-time {\n      font-size: 15px;\n      color: $darker-text-color;\n      padding-left: 15px;\n    }\n\n    &__names {\n      color: $darker-text-color;\n      font-size: 15px;\n      white-space: nowrap;\n      overflow: hidden;\n      text-overflow: ellipsis;\n      margin-bottom: 4px;\n      flex-basis: 90px;\n      flex-grow: 1;\n\n      a {\n        color: $primary-text-color;\n        text-decoration: none;\n\n        &:hover,\n        &:focus,\n        &:active {\n          text-decoration: underline;\n        }\n      }\n    }\n\n    a {\n      word-break: break-word;\n    }\n  }\n\n  &--unread {\n    background: lighten($ui-base-color, 2%);\n\n    &:focus {\n      background: lighten($ui-base-color, 4%);\n    }\n\n    .conversation__content__info {\n      font-weight: 700;\n    }\n\n    .conversation__content__relative-time {\n      color: $primary-text-color;\n    }\n  }\n}\n",null,"@mixin avatar-radius {\n  border-radius: 4px;\n  background: transparent no-repeat;\n  background-position: 50%;\n  background-clip: padding-box;\n}\n\n@mixin avatar-size($size: 48px) {\n  width: $size;\n  height: $size;\n  background-size: $size $size;\n}\n\n@mixin search-input {\n  outline: 0;\n  box-sizing: border-box;\n  width: 100%;\n  border: 0;\n  box-shadow: none;\n  font-family: inherit;\n  background: $ui-base-color;\n  color: $darker-text-color;\n  font-size: 14px;\n  margin: 0;\n}\n\n@mixin search-popout {\n  background: $simple-background-color;\n  border-radius: 4px;\n  padding: 10px 14px;\n  padding-bottom: 14px;\n  margin-top: 10px;\n  color: $light-text-color;\n  box-shadow: 2px 4px 15px rgba($base-shadow-color, 0.4);\n\n  h4 {\n    color: $light-text-color;\n    font-size: 14px;\n    font-weight: 500;\n    margin-bottom: 10px;\n  }\n\n  li {\n    padding: 4px 0;\n  }\n\n  ul {\n    margin-bottom: 10px;\n  }\n\n  em {\n    font-weight: 500;\n    color: $inverted-text-color;\n  }\n}\n",".poll {\n  margin-top: 16px;\n  font-size: 14px;\n\n  li {\n    margin-bottom: 10px;\n    position: relative;\n  }\n\n  &__chart {\n    position: absolute;\n    top: 0;\n    left: 0;\n    height: 100%;\n    display: inline-block;\n    border-radius: 4px;\n    background: darken($ui-primary-color, 14%);\n\n    &.leading {\n      background: $ui-highlight-color;\n    }\n  }\n\n  &__text {\n    position: relative;\n    display: flex;\n    padding: 6px 0;\n    line-height: 18px;\n    cursor: default;\n    overflow: hidden;\n\n    input[type=radio],\n    input[type=checkbox] {\n      display: none;\n    }\n\n    .autossugest-input {\n      flex: 1 1 auto;\n    }\n\n    input[type=text] {\n      display: block;\n      box-sizing: border-box;\n      width: 100%;\n      font-size: 14px;\n      color: $inverted-text-color;\n      outline: 0;\n      font-family: inherit;\n      background: $simple-background-color;\n      border: 1px solid darken($simple-background-color, 14%);\n      border-radius: 4px;\n      padding: 6px 10px;\n\n      &:focus {\n        border-color: $highlight-text-color;\n      }\n    }\n\n    &.selectable {\n      cursor: pointer;\n    }\n\n    &.editable {\n      display: flex;\n      align-items: center;\n      overflow: visible;\n    }\n  }\n\n  &__input {\n    display: inline-block;\n    position: relative;\n    border: 1px solid $ui-primary-color;\n    box-sizing: border-box;\n    width: 18px;\n    height: 18px;\n    flex: 0 0 auto;\n    margin-right: 10px;\n    top: -1px;\n    border-radius: 50%;\n    vertical-align: middle;\n    margin-top: auto;\n    margin-bottom: auto;\n    flex: 0 0 18px;\n\n    &.checkbox {\n      border-radius: 4px;\n    }\n\n    &.active {\n      border-color: $valid-value-color;\n      background: $valid-value-color;\n    }\n\n    &:active,\n    &:focus,\n    &:hover {\n      border-width: 4px;\n      background: none;\n    }\n\n    &::-moz-focus-inner {\n      outline: 0 !important;\n      border: 0;\n    }\n\n    &:focus,\n    &:active {\n      outline: 0 !important;\n    }\n  }\n\n  &__number {\n    display: inline-block;\n    width: 52px;\n    font-weight: 700;\n    padding: 0 10px;\n    padding-left: 8px;\n    text-align: right;\n    margin-top: auto;\n    margin-bottom: auto;\n    flex: 0 0 52px;\n  }\n\n  &__vote__mark {\n    float: left;\n    line-height: 18px;\n  }\n\n  &__footer {\n    padding-top: 6px;\n    padding-bottom: 5px;\n    color: $dark-text-color;\n  }\n\n  &__link {\n    display: inline;\n    background: transparent;\n    padding: 0;\n    margin: 0;\n    border: 0;\n    color: $dark-text-color;\n    text-decoration: underline;\n    font-size: inherit;\n\n    &:hover {\n      text-decoration: none;\n    }\n\n    &:active,\n    &:focus {\n      background-color: rgba($dark-text-color, .1);\n    }\n  }\n\n  .button {\n    height: 36px;\n    padding: 0 16px;\n    margin-right: 10px;\n    font-size: 14px;\n  }\n}\n\n.compose-form__poll-wrapper {\n  border-top: 1px solid darken($simple-background-color, 8%);\n\n  ul {\n    padding: 10px;\n  }\n\n  .poll__footer {\n    border-top: 1px solid darken($simple-background-color, 8%);\n    padding: 10px;\n    display: flex;\n    align-items: center;\n\n    button,\n    select {\n      flex: 1 1 50%;\n\n      &:focus {\n        border-color: $highlight-text-color;\n      }\n    }\n  }\n\n  .button.button-secondary {\n    font-size: 14px;\n    font-weight: 400;\n    padding: 6px 10px;\n    height: auto;\n    line-height: inherit;\n    color: $action-button-color;\n    border-color: $action-button-color;\n    margin-right: 5px;\n  }\n\n  li {\n    display: flex;\n    align-items: center;\n\n    .poll__text {\n      flex: 0 0 auto;\n      width: calc(100% - (23px + 6px));\n      margin-right: 6px;\n    }\n  }\n\n  select {\n    appearance: none;\n    box-sizing: border-box;\n    font-size: 14px;\n    color: $inverted-text-color;\n    display: inline-block;\n    width: auto;\n    outline: 0;\n    font-family: inherit;\n    background: $simple-background-color url(\"data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14.933 18.467' height='19.698' width='15.929'><path d='M3.467 14.967l-3.393-3.5H14.86l-3.392 3.5c-1.866 1.925-3.666 3.5-4 3.5-.335 0-2.135-1.575-4-3.5zm.266-11.234L7.467 0 11.2 3.733l3.733 3.734H0l3.733-3.734z' fill='#{hex-color(darken($simple-background-color, 14%))}'/></svg>\") no-repeat right 8px center / auto 16px;\n    border: 1px solid darken($simple-background-color, 14%);\n    border-radius: 4px;\n    padding: 6px 10px;\n    padding-right: 30px;\n  }\n\n  .icon-button.disabled {\n    color: darken($simple-background-color, 14%);\n  }\n}\n\n.muted .poll {\n  color: $dark-text-color;\n\n  &__chart {\n    background: rgba(darken($ui-primary-color, 14%), 0.2);\n\n    &.leading {\n      background: rgba($ui-highlight-color, 0.2);\n    }\n  }\n}\n",".modal-layout {\n  background: $ui-base-color url('data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 234.80078 31.757813\" width=\"234.80078\" height=\"31.757812\"><path d=\"M19.599609 0c-1.05 0-2.10039.375-2.90039 1.125L0 16.925781v14.832031h234.80078V17.025391l-16.5-15.900391c-1.6-1.5-4.20078-1.5-5.80078 0l-13.80078 13.099609c-1.6 1.5-4.19883 1.5-5.79883 0L179.09961 1.125c-1.6-1.5-4.19883-1.5-5.79883 0L159.5 14.224609c-1.6 1.5-4.20078 1.5-5.80078 0L139.90039 1.125c-1.6-1.5-4.20078-1.5-5.80078 0l-13.79883 13.099609c-1.6 1.5-4.20078 1.5-5.80078 0L100.69922 1.125c-1.600001-1.5-4.198829-1.5-5.798829 0l-13.59961 13.099609c-1.6 1.5-4.200781 1.5-5.800781 0L61.699219 1.125c-1.6-1.5-4.198828-1.5-5.798828 0L42.099609 14.224609c-1.6 1.5-4.198828 1.5-5.798828 0L22.5 1.125C21.7.375 20.649609 0 19.599609 0z\" fill=\"#{hex-color($ui-base-lighter-color)}\"/></svg>') repeat-x bottom fixed;\n  display: flex;\n  flex-direction: column;\n  height: 100vh;\n  padding: 0;\n}\n\n.modal-layout__mastodon {\n  display: flex;\n  flex: 1;\n  flex-direction: column;\n  justify-content: flex-end;\n\n  > * {\n    flex: 1;\n    max-height: 235px;\n  }\n}\n\n@media screen and (max-width: 600px) {\n  .account-header {\n    margin-top: 0;\n  }\n}\n",".emoji-mart {\n  font-size: 13px;\n  display: inline-block;\n  color: $inverted-text-color;\n\n  &,\n  * {\n    box-sizing: border-box;\n    line-height: 1.15;\n  }\n\n  .emoji-mart-emoji {\n    padding: 6px;\n  }\n}\n\n.emoji-mart-bar {\n  border: 0 solid darken($ui-secondary-color, 8%);\n\n  &:first-child {\n    border-bottom-width: 1px;\n    border-top-left-radius: 5px;\n    border-top-right-radius: 5px;\n    background: $ui-secondary-color;\n  }\n\n  &:last-child {\n    border-top-width: 1px;\n    border-bottom-left-radius: 5px;\n    border-bottom-right-radius: 5px;\n    display: none;\n  }\n}\n\n.emoji-mart-anchors {\n  display: flex;\n  justify-content: space-between;\n  padding: 0 6px;\n  color: $lighter-text-color;\n  line-height: 0;\n}\n\n.emoji-mart-anchor {\n  position: relative;\n  flex: 1;\n  text-align: center;\n  padding: 12px 4px;\n  overflow: hidden;\n  transition: color .1s ease-out;\n  cursor: pointer;\n\n  &:hover {\n    color: darken($lighter-text-color, 4%);\n  }\n}\n\n.emoji-mart-anchor-selected {\n  color: $highlight-text-color;\n\n  &:hover {\n    color: darken($highlight-text-color, 4%);\n  }\n\n  .emoji-mart-anchor-bar {\n    bottom: -1px;\n  }\n}\n\n.emoji-mart-anchor-bar {\n  position: absolute;\n  bottom: -5px;\n  left: 0;\n  width: 100%;\n  height: 4px;\n  background-color: $highlight-text-color;\n}\n\n.emoji-mart-anchors {\n  i {\n    display: inline-block;\n    width: 100%;\n    max-width: 22px;\n  }\n\n  svg {\n    fill: currentColor;\n    max-height: 18px;\n  }\n}\n\n.emoji-mart-scroll {\n  overflow-y: scroll;\n  height: 270px;\n  max-height: 35vh;\n  padding: 0 6px 6px;\n  background: $simple-background-color;\n  will-change: transform;\n\n  &::-webkit-scrollbar-track:hover,\n  &::-webkit-scrollbar-track:active {\n    background-color: rgba($base-overlay-background, 0.3);\n  }\n}\n\n.emoji-mart-search {\n  padding: 10px;\n  padding-right: 45px;\n  background: $simple-background-color;\n\n  input {\n    font-size: 14px;\n    font-weight: 400;\n    padding: 7px 9px;\n    font-family: inherit;\n    display: block;\n    width: 100%;\n    background: rgba($ui-secondary-color, 0.3);\n    color: $inverted-text-color;\n    border: 1px solid $ui-secondary-color;\n    border-radius: 4px;\n\n    &::-moz-focus-inner {\n      border: 0;\n    }\n\n    &::-moz-focus-inner,\n    &:focus,\n    &:active {\n      outline: 0 !important;\n    }\n  }\n}\n\n.emoji-mart-category .emoji-mart-emoji {\n  cursor: pointer;\n\n  span {\n    z-index: 1;\n    position: relative;\n    text-align: center;\n  }\n\n  &:hover::before {\n    z-index: 0;\n    content: \"\";\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n    background-color: rgba($ui-secondary-color, 0.7);\n    border-radius: 100%;\n  }\n}\n\n.emoji-mart-category-label {\n  z-index: 2;\n  position: relative;\n  position: -webkit-sticky;\n  position: sticky;\n  top: 0;\n\n  span {\n    display: block;\n    width: 100%;\n    font-weight: 500;\n    padding: 5px 6px;\n    background: $simple-background-color;\n  }\n}\n\n.emoji-mart-emoji {\n  position: relative;\n  display: inline-block;\n  font-size: 0;\n\n  span {\n    width: 22px;\n    height: 22px;\n  }\n}\n\n.emoji-mart-no-results {\n  font-size: 14px;\n  text-align: center;\n  padding-top: 70px;\n  color: $light-text-color;\n\n  .emoji-mart-category-label {\n    display: none;\n  }\n\n  .emoji-mart-no-results-label {\n    margin-top: .2em;\n  }\n\n  .emoji-mart-emoji:hover::before {\n    content: none;\n  }\n}\n\n.emoji-mart-preview {\n  display: none;\n}\n","$maximum-width: 1235px;\n$fluid-breakpoint: $maximum-width + 20px;\n$column-breakpoint: 700px;\n$small-breakpoint: 960px;\n\n.container {\n  box-sizing: border-box;\n  max-width: $maximum-width;\n  margin: 0 auto;\n  position: relative;\n\n  @media screen and (max-width: $fluid-breakpoint) {\n    width: 100%;\n    padding: 0 10px;\n  }\n}\n\n.rich-formatting {\n  font-family: $font-sans-serif, sans-serif;\n  font-size: 14px;\n  font-weight: 400;\n  line-height: 1.7;\n  word-wrap: break-word;\n  color: $darker-text-color;\n\n  a {\n    color: $highlight-text-color;\n    text-decoration: underline;\n\n    &:hover,\n    &:focus,\n    &:active {\n      text-decoration: none;\n    }\n  }\n\n  p,\n  li {\n    color: $darker-text-color;\n  }\n\n  p {\n    margin-top: 0;\n    margin-bottom: .85em;\n\n    &:last-child {\n      margin-bottom: 0;\n    }\n  }\n\n  strong {\n    font-weight: 700;\n    color: $secondary-text-color;\n  }\n\n  em {\n    font-style: italic;\n    color: $secondary-text-color;\n  }\n\n  code {\n    font-size: 0.85em;\n    background: darken($ui-base-color, 8%);\n    border-radius: 4px;\n    padding: 0.2em 0.3em;\n  }\n\n  h1,\n  h2,\n  h3,\n  h4,\n  h5,\n  h6 {\n    font-family: $font-display, sans-serif;\n    margin-top: 1.275em;\n    margin-bottom: .85em;\n    font-weight: 500;\n    color: $secondary-text-color;\n  }\n\n  h1 {\n    font-size: 2em;\n  }\n\n  h2 {\n    font-size: 1.75em;\n  }\n\n  h3 {\n    font-size: 1.5em;\n  }\n\n  h4 {\n    font-size: 1.25em;\n  }\n\n  h5,\n  h6 {\n    font-size: 1em;\n  }\n\n  ul {\n    list-style: disc;\n  }\n\n  ol {\n    list-style: decimal;\n  }\n\n  ul,\n  ol {\n    margin: 0;\n    padding: 0;\n    padding-left: 2em;\n    margin-bottom: 0.85em;\n\n    &[type='a'] {\n      list-style-type: lower-alpha;\n    }\n\n    &[type='i'] {\n      list-style-type: lower-roman;\n    }\n  }\n\n  hr {\n    width: 100%;\n    height: 0;\n    border: 0;\n    border-bottom: 1px solid lighten($ui-base-color, 4%);\n    margin: 1.7em 0;\n\n    &.spacer {\n      height: 1px;\n      border: 0;\n    }\n  }\n\n  table {\n    width: 100%;\n    border-collapse: collapse;\n    break-inside: auto;\n    margin-top: 24px;\n    margin-bottom: 32px;\n\n    thead tr,\n    tbody tr {\n      border-bottom: 1px solid lighten($ui-base-color, 4%);\n      font-size: 1em;\n      line-height: 1.625;\n      font-weight: 400;\n      text-align: left;\n      color: $darker-text-color;\n    }\n\n    thead tr {\n      border-bottom-width: 2px;\n      line-height: 1.5;\n      font-weight: 500;\n      color: $dark-text-color;\n    }\n\n    th,\n    td {\n      padding: 8px;\n      align-self: start;\n      align-items: start;\n      word-break: break-all;\n\n      &.nowrap {\n        width: 25%;\n        position: relative;\n\n        &::before {\n          content: '&nbsp;';\n          visibility: hidden;\n        }\n\n        span {\n          position: absolute;\n          left: 8px;\n          right: 8px;\n          white-space: nowrap;\n          overflow: hidden;\n          text-overflow: ellipsis;\n        }\n      }\n    }\n  }\n\n  & > :first-child {\n    margin-top: 0;\n  }\n}\n\n.information-board {\n  background: darken($ui-base-color, 4%);\n  padding: 20px 0;\n\n  .container-alt {\n    position: relative;\n    padding-right: 280px + 15px;\n  }\n\n  &__sections {\n    display: flex;\n    justify-content: space-between;\n    flex-wrap: wrap;\n  }\n\n  &__section {\n    flex: 1 0 0;\n    font-family: $font-sans-serif, sans-serif;\n    font-size: 16px;\n    line-height: 28px;\n    color: $primary-text-color;\n    text-align: right;\n    padding: 10px 15px;\n\n    span,\n    strong {\n      display: block;\n    }\n\n    span {\n      &:last-child {\n        color: $secondary-text-color;\n      }\n    }\n\n    strong {\n      font-family: $font-display, sans-serif;\n      font-weight: 500;\n      font-size: 32px;\n      line-height: 48px;\n    }\n\n    @media screen and (max-width: $column-breakpoint) {\n      text-align: center;\n    }\n  }\n\n  .panel {\n    position: absolute;\n    width: 280px;\n    box-sizing: border-box;\n    background: darken($ui-base-color, 8%);\n    padding: 20px;\n    padding-top: 10px;\n    border-radius: 4px 4px 0 0;\n    right: 0;\n    bottom: -40px;\n\n    .panel-header {\n      font-family: $font-display, sans-serif;\n      font-size: 14px;\n      line-height: 24px;\n      font-weight: 500;\n      color: $darker-text-color;\n      padding-bottom: 5px;\n      margin-bottom: 15px;\n      border-bottom: 1px solid lighten($ui-base-color, 4%);\n      text-overflow: ellipsis;\n      white-space: nowrap;\n      overflow: hidden;\n\n      a,\n      span {\n        font-weight: 400;\n        color: darken($darker-text-color, 10%);\n      }\n\n      a {\n        text-decoration: none;\n      }\n    }\n  }\n\n  .owner {\n    text-align: center;\n\n    .avatar {\n      width: 80px;\n      height: 80px;\n      margin: 0 auto;\n      margin-bottom: 15px;\n\n      img {\n        display: block;\n        width: 80px;\n        height: 80px;\n        border-radius: 48px;\n      }\n    }\n\n    .name {\n      font-size: 14px;\n\n      a {\n        display: block;\n        color: $primary-text-color;\n        text-decoration: none;\n\n        &:hover {\n          .display_name {\n            text-decoration: underline;\n          }\n        }\n      }\n\n      .username {\n        display: block;\n        color: $darker-text-color;\n      }\n    }\n  }\n}\n\n.landing-page {\n  p,\n  li {\n    font-family: $font-sans-serif, sans-serif;\n    font-size: 16px;\n    font-weight: 400;\n    font-size: 16px;\n    line-height: 30px;\n    margin-bottom: 12px;\n    color: $darker-text-color;\n\n    a {\n      color: $highlight-text-color;\n      text-decoration: underline;\n    }\n  }\n\n  em {\n    display: inline;\n    margin: 0;\n    padding: 0;\n    font-weight: 700;\n    background: transparent;\n    font-family: inherit;\n    font-size: inherit;\n    line-height: inherit;\n    color: lighten($darker-text-color, 10%);\n  }\n\n  h1 {\n    font-family: $font-display, sans-serif;\n    font-size: 26px;\n    line-height: 30px;\n    font-weight: 500;\n    margin-bottom: 20px;\n    color: $secondary-text-color;\n\n    small {\n      font-family: $font-sans-serif, sans-serif;\n      display: block;\n      font-size: 18px;\n      font-weight: 400;\n      color: lighten($darker-text-color, 10%);\n    }\n  }\n\n  h2 {\n    font-family: $font-display, sans-serif;\n    font-size: 22px;\n    line-height: 26px;\n    font-weight: 500;\n    margin-bottom: 20px;\n    color: $secondary-text-color;\n  }\n\n  h3 {\n    font-family: $font-display, sans-serif;\n    font-size: 18px;\n    line-height: 24px;\n    font-weight: 500;\n    margin-bottom: 20px;\n    color: $secondary-text-color;\n  }\n\n  h4 {\n    font-family: $font-display, sans-serif;\n    font-size: 16px;\n    line-height: 24px;\n    font-weight: 500;\n    margin-bottom: 20px;\n    color: $secondary-text-color;\n  }\n\n  h5 {\n    font-family: $font-display, sans-serif;\n    font-size: 14px;\n    line-height: 24px;\n    font-weight: 500;\n    margin-bottom: 20px;\n    color: $secondary-text-color;\n  }\n\n  h6 {\n    font-family: $font-display, sans-serif;\n    font-size: 12px;\n    line-height: 24px;\n    font-weight: 500;\n    margin-bottom: 20px;\n    color: $secondary-text-color;\n  }\n\n  ul,\n  ol {\n    margin-left: 20px;\n\n    &[type='a'] {\n      list-style-type: lower-alpha;\n    }\n\n    &[type='i'] {\n      list-style-type: lower-roman;\n    }\n  }\n\n  ul {\n    list-style: disc;\n  }\n\n  ol {\n    list-style: decimal;\n  }\n\n  li > ol,\n  li > ul {\n    margin-top: 6px;\n  }\n\n  hr {\n    width: 100%;\n    height: 0;\n    border: 0;\n    border-bottom: 1px solid rgba($ui-base-lighter-color, .6);\n    margin: 20px 0;\n\n    &.spacer {\n      height: 1px;\n      border: 0;\n    }\n  }\n\n  &__information,\n  &__forms {\n    padding: 20px;\n  }\n\n  &__call-to-action {\n    background: $ui-base-color;\n    border-radius: 4px;\n    padding: 25px 40px;\n    overflow: hidden;\n    box-sizing: border-box;\n\n    .row {\n      width: 100%;\n      display: flex;\n      flex-direction: row-reverse;\n      flex-wrap: nowrap;\n      justify-content: space-between;\n      align-items: center;\n    }\n\n    .row__information-board {\n      display: flex;\n      justify-content: flex-end;\n      align-items: flex-end;\n\n      .information-board__section {\n        flex: 1 0 auto;\n        padding: 0 10px;\n      }\n\n      @media screen and (max-width: $no-gap-breakpoint) {\n        width: 100%;\n        justify-content: space-between;\n      }\n    }\n\n    .row__mascot {\n      flex: 1;\n      margin: 10px -50px 0 0;\n\n      @media screen and (max-width: $no-gap-breakpoint) {\n        display: none;\n      }\n    }\n  }\n\n  &__logo {\n    margin-right: 20px;\n\n    img {\n      height: 50px;\n      width: auto;\n      mix-blend-mode: lighten;\n    }\n  }\n\n  &__information {\n    padding: 45px 40px;\n    margin-bottom: 10px;\n\n    &:last-child {\n      margin-bottom: 0;\n    }\n\n    strong {\n      font-weight: 500;\n      color: lighten($darker-text-color, 10%);\n    }\n\n    .account {\n      border-bottom: 0;\n      padding: 0;\n\n      &__display-name {\n        align-items: center;\n        display: flex;\n        margin-right: 5px;\n      }\n\n      div.account__display-name {\n        &:hover {\n          .display-name strong {\n            text-decoration: none;\n          }\n        }\n\n        .account__avatar {\n          cursor: default;\n        }\n      }\n\n      &__avatar-wrapper {\n        margin-left: 0;\n        flex: 0 0 auto;\n      }\n\n      &__avatar {\n        width: 44px;\n        height: 44px;\n        background-size: 44px 44px;\n      }\n\n      .display-name {\n        font-size: 15px;\n\n        &__account {\n          font-size: 14px;\n        }\n      }\n    }\n\n    @media screen and (max-width: $small-breakpoint) {\n      .contact {\n        margin-top: 30px;\n      }\n    }\n\n    @media screen and (max-width: $column-breakpoint) {\n      padding: 25px 20px;\n    }\n  }\n\n  &__information,\n  &__forms,\n  #mastodon-timeline {\n    box-sizing: border-box;\n    background: $ui-base-color;\n    border-radius: 4px;\n    box-shadow: 0 0 6px rgba($black, 0.1);\n  }\n\n  &__mascot {\n    height: 104px;\n    position: relative;\n    left: -40px;\n    bottom: 25px;\n\n    img {\n      height: 190px;\n      width: auto;\n    }\n  }\n\n  &__short-description {\n    .row {\n      display: flex;\n      flex-wrap: wrap;\n      align-items: center;\n      margin-bottom: 40px;\n    }\n\n    @media screen and (max-width: $column-breakpoint) {\n      .row {\n        margin-bottom: 20px;\n      }\n    }\n\n    p a {\n      color: $secondary-text-color;\n    }\n\n    h1 {\n      font-weight: 500;\n      color: $primary-text-color;\n      margin-bottom: 0;\n\n      small {\n        color: $darker-text-color;\n\n        span {\n          color: $secondary-text-color;\n        }\n      }\n    }\n\n    p:last-child {\n      margin-bottom: 0;\n    }\n  }\n\n  &__hero {\n    margin-bottom: 10px;\n\n    img {\n      display: block;\n      margin: 0;\n      max-width: 100%;\n      height: auto;\n      border-radius: 4px;\n    }\n  }\n\n  @media screen and (max-width: 840px) {\n    .information-board {\n      .container-alt {\n        padding-right: 20px;\n      }\n\n      .panel {\n        position: static;\n        margin-top: 20px;\n        width: 100%;\n        border-radius: 4px;\n\n        .panel-header {\n          text-align: center;\n        }\n      }\n    }\n  }\n\n  @media screen and (max-width: 675px) {\n    .header-wrapper {\n      padding-top: 0;\n\n      &.compact {\n        padding-bottom: 0;\n      }\n\n      &.compact .hero .heading {\n        text-align: initial;\n      }\n    }\n\n    .header .container-alt,\n    .features .container-alt {\n      display: block;\n    }\n  }\n\n  .cta {\n    margin: 20px;\n  }\n}\n\n.landing {\n  margin-bottom: 100px;\n\n  @media screen and (max-width: 738px) {\n    margin-bottom: 0;\n  }\n\n  &__brand {\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    padding: 50px;\n\n    svg {\n      fill: $primary-text-color;\n      height: 52px;\n    }\n\n    @media screen and (max-width: $no-gap-breakpoint) {\n      padding: 0;\n      margin-bottom: 30px;\n    }\n  }\n\n  .directory {\n    margin-top: 30px;\n    background: transparent;\n    box-shadow: none;\n    border-radius: 0;\n  }\n\n  .hero-widget {\n    margin-top: 30px;\n    margin-bottom: 0;\n\n    h4 {\n      padding: 10px;\n      font-weight: 700;\n      font-size: 14px;\n      color: $darker-text-color;\n    }\n\n    &__text {\n      border-radius: 0;\n      padding-bottom: 0;\n    }\n\n    &__footer {\n      background: $ui-base-color;\n      padding: 10px;\n      border-radius: 0 0 4px 4px;\n      display: flex;\n\n      &__column {\n        flex: 1 1 50%;\n      }\n    }\n\n    .account {\n      padding: 10px 0;\n      border-bottom: 0;\n\n      .account__display-name {\n        display: flex;\n        align-items: center;\n      }\n\n      .account__avatar {\n        width: 44px;\n        height: 44px;\n        background-size: 44px 44px;\n      }\n    }\n\n    &__counter {\n      padding: 10px;\n\n      strong {\n        font-family: $font-display, sans-serif;\n        font-size: 15px;\n        font-weight: 700;\n        display: block;\n      }\n\n      span {\n        font-size: 14px;\n        color: $darker-text-color;\n      }\n    }\n  }\n\n  .simple_form .user_agreement .label_input > label {\n    font-weight: 400;\n    color: $darker-text-color;\n  }\n\n  .simple_form p.lead {\n    color: $darker-text-color;\n    font-size: 15px;\n    line-height: 20px;\n    font-weight: 400;\n    margin-bottom: 25px;\n  }\n\n  &__grid {\n    max-width: 960px;\n    margin: 0 auto;\n    display: grid;\n    grid-template-columns: minmax(0, 50%) minmax(0, 50%);\n    grid-gap: 30px;\n\n    @media screen and (max-width: 738px) {\n      grid-template-columns: minmax(0, 100%);\n      grid-gap: 10px;\n\n      &__column-login {\n        grid-row: 1;\n        display: flex;\n        flex-direction: column;\n\n        .box-widget {\n          order: 2;\n          flex: 0 0 auto;\n        }\n\n        .hero-widget {\n          margin-top: 0;\n          margin-bottom: 10px;\n          order: 1;\n          flex: 0 0 auto;\n        }\n      }\n\n      &__column-registration {\n        grid-row: 2;\n      }\n\n      .directory {\n        margin-top: 10px;\n      }\n    }\n\n    @media screen and (max-width: $no-gap-breakpoint) {\n      grid-gap: 0;\n\n      .hero-widget {\n        display: block;\n        margin-bottom: 0;\n        box-shadow: none;\n\n        &__img,\n        &__img img,\n        &__footer {\n          border-radius: 0;\n        }\n      }\n\n      .hero-widget,\n      .box-widget,\n      .directory__tag {\n        border-bottom: 1px solid lighten($ui-base-color, 8%);\n      }\n\n      .directory {\n        margin-top: 0;\n\n        &__tag {\n          margin-bottom: 0;\n\n          & > a,\n          & > div {\n            border-radius: 0;\n            box-shadow: none;\n          }\n\n          &:last-child {\n            border-bottom: 0;\n          }\n        }\n      }\n    }\n  }\n}\n\n.brand {\n  position: relative;\n  text-decoration: none;\n}\n\n.brand__tagline {\n  display: block;\n  position: absolute;\n  bottom: -10px;\n  left: 50px;\n  width: 300px;\n  color: $ui-primary-color;\n  text-decoration: none;\n  font-size: 14px;\n\n  @media screen and (max-width: $no-gap-breakpoint) {\n    position: static;\n    width: auto;\n    margin-top: 20px;\n    color: $dark-text-color;\n  }\n}\n\n",".table {\n  width: 100%;\n  max-width: 100%;\n  border-spacing: 0;\n  border-collapse: collapse;\n\n  th,\n  td {\n    padding: 8px;\n    line-height: 18px;\n    vertical-align: top;\n    border-top: 1px solid $ui-base-color;\n    text-align: left;\n    background: darken($ui-base-color, 4%);\n  }\n\n  & > thead > tr > th {\n    vertical-align: bottom;\n    border-bottom: 2px solid $ui-base-color;\n    border-top: 0;\n    font-weight: 500;\n  }\n\n  & > tbody > tr > th {\n    font-weight: 500;\n  }\n\n  & > tbody > tr:nth-child(odd) > td,\n  & > tbody > tr:nth-child(odd) > th {\n    background: $ui-base-color;\n  }\n\n  a {\n    color: $highlight-text-color;\n    text-decoration: underline;\n\n    &:hover {\n      text-decoration: none;\n    }\n  }\n\n  strong {\n    font-weight: 500;\n\n    @each $lang in $cjk-langs {\n      &:lang(#{$lang}) {\n        font-weight: 700;\n      }\n    }\n  }\n\n  &.inline-table {\n    & > tbody > tr:nth-child(odd) {\n      & > td,\n      & > th {\n        background: transparent;\n      }\n    }\n\n    & > tbody > tr:first-child {\n      & > td,\n      & > th {\n        border-top: 0;\n      }\n    }\n  }\n\n  &.batch-table {\n    & > thead > tr > th {\n      background: $ui-base-color;\n      border-top: 1px solid darken($ui-base-color, 8%);\n      border-bottom: 1px solid darken($ui-base-color, 8%);\n\n      &:first-child {\n        border-radius: 4px 0 0;\n        border-left: 1px solid darken($ui-base-color, 8%);\n      }\n\n      &:last-child {\n        border-radius: 0 4px 0 0;\n        border-right: 1px solid darken($ui-base-color, 8%);\n      }\n    }\n  }\n\n  &--invites tbody td {\n    vertical-align: middle;\n  }\n}\n\n.table-wrapper {\n  overflow: auto;\n  margin-bottom: 20px;\n}\n\nsamp {\n  font-family: $font-monospace, monospace;\n}\n\nbutton.table-action-link {\n  background: transparent;\n  border: 0;\n  font: inherit;\n}\n\nbutton.table-action-link,\na.table-action-link {\n  text-decoration: none;\n  display: inline-block;\n  margin-right: 5px;\n  padding: 0 10px;\n  color: $darker-text-color;\n  font-weight: 500;\n\n  &:hover {\n    color: $primary-text-color;\n  }\n\n  i.fa {\n    font-weight: 400;\n    margin-right: 5px;\n  }\n\n  &:first-child {\n    padding-left: 0;\n  }\n}\n\n.batch-table {\n  &__toolbar,\n  &__row {\n    display: flex;\n\n    &__select {\n      box-sizing: border-box;\n      padding: 8px 16px;\n      cursor: pointer;\n      min-height: 100%;\n\n      input {\n        margin-top: 8px;\n      }\n\n      &--aligned {\n        display: flex;\n        align-items: center;\n\n        input {\n          margin-top: 0;\n        }\n      }\n    }\n\n    &__actions,\n    &__content {\n      padding: 8px 0;\n      padding-right: 16px;\n      flex: 1 1 auto;\n    }\n  }\n\n  &__toolbar {\n    border: 1px solid darken($ui-base-color, 8%);\n    background: $ui-base-color;\n    border-radius: 4px 0 0;\n    height: 47px;\n    align-items: center;\n\n    &__actions {\n      text-align: right;\n      padding-right: 16px - 5px;\n    }\n  }\n\n  &__form {\n    padding: 16px;\n    border: 1px solid darken($ui-base-color, 8%);\n    border-top: 0;\n    background: $ui-base-color;\n\n    .fields-row {\n      padding-top: 0;\n      margin-bottom: 0;\n    }\n  }\n\n  &__row {\n    border: 1px solid darken($ui-base-color, 8%);\n    border-top: 0;\n    background: darken($ui-base-color, 4%);\n\n    @media screen and (max-width: $no-gap-breakpoint) {\n      .optional &:first-child {\n        border-top: 1px solid darken($ui-base-color, 8%);\n      }\n    }\n\n    &:hover {\n      background: darken($ui-base-color, 2%);\n    }\n\n    &:nth-child(even) {\n      background: $ui-base-color;\n\n      &:hover {\n        background: lighten($ui-base-color, 2%);\n      }\n    }\n\n    &__content {\n      padding-top: 12px;\n      padding-bottom: 16px;\n\n      &--unpadded {\n        padding: 0;\n      }\n\n      &--with-image {\n        display: flex;\n        align-items: center;\n      }\n\n      &__image {\n        flex: 0 0 auto;\n        display: flex;\n        justify-content: center;\n        align-items: center;\n        margin-right: 10px;\n\n        .emojione {\n          width: 32px;\n          height: 32px;\n        }\n      }\n\n      &__text {\n        flex: 1 1 auto;\n      }\n\n      &__extra {\n        flex: 0 0 auto;\n        text-align: right;\n        color: $darker-text-color;\n        font-weight: 500;\n      }\n    }\n\n    .directory__tag {\n      margin: 0;\n      width: 100%;\n\n      a {\n        background: transparent;\n        border-radius: 0;\n      }\n    }\n  }\n\n  &.optional .batch-table__toolbar,\n  &.optional .batch-table__row__select {\n    @media screen and (max-width: $no-gap-breakpoint) {\n      display: none;\n    }\n  }\n\n  .status__content {\n    padding-top: 0;\n\n    summary {\n      display: list-item;\n    }\n\n    strong {\n      font-weight: 700;\n    }\n  }\n\n  .nothing-here {\n    border: 1px solid darken($ui-base-color, 8%);\n    border-top: 0;\n    box-shadow: none;\n\n    @media screen and (max-width: $no-gap-breakpoint) {\n      border-top: 1px solid darken($ui-base-color, 8%);\n    }\n  }\n\n  @media screen and (max-width: 870px) {\n    .accounts-table tbody td.optional {\n      display: none;\n    }\n  }\n}\n","$no-columns-breakpoint: 600px;\n$sidebar-width: 240px;\n$content-width: 840px;\n\n.admin-wrapper {\n  display: flex;\n  justify-content: center;\n  width: 100%;\n  min-height: 100vh;\n\n  .sidebar-wrapper {\n    min-height: 100vh;\n    overflow: hidden;\n    pointer-events: none;\n    flex: 1 1 auto;\n\n    &__inner {\n      display: flex;\n      justify-content: flex-end;\n      background: $ui-base-color;\n      height: 100%;\n    }\n  }\n\n  .sidebar {\n    width: $sidebar-width;\n    padding: 0;\n    pointer-events: auto;\n\n    &__toggle {\n      display: none;\n      background: lighten($ui-base-color, 8%);\n      height: 48px;\n\n      &__logo {\n        flex: 1 1 auto;\n\n        a {\n          display: inline-block;\n          padding: 15px;\n        }\n\n        svg {\n          fill: $primary-text-color;\n          height: 20px;\n          position: relative;\n          bottom: -2px;\n        }\n      }\n\n      &__icon {\n        display: block;\n        color: $darker-text-color;\n        text-decoration: none;\n        flex: 0 0 auto;\n        font-size: 20px;\n        padding: 15px;\n      }\n\n      a {\n        &:hover,\n        &:focus,\n        &:active {\n          background: lighten($ui-base-color, 12%);\n        }\n      }\n    }\n\n    .logo {\n      display: block;\n      margin: 40px auto;\n      width: 100px;\n      height: 100px;\n    }\n\n    @media screen and (max-width: $no-columns-breakpoint) {\n      & > a:first-child {\n        display: none;\n      }\n    }\n\n    ul {\n      list-style: none;\n      border-radius: 4px 0 0 4px;\n      overflow: hidden;\n      margin-bottom: 20px;\n\n      @media screen and (max-width: $no-columns-breakpoint) {\n        margin-bottom: 0;\n      }\n\n      a {\n        display: block;\n        padding: 15px;\n        color: $darker-text-color;\n        text-decoration: none;\n        transition: all 200ms linear;\n        transition-property: color, background-color;\n        border-radius: 4px 0 0 4px;\n        white-space: nowrap;\n        overflow: hidden;\n        text-overflow: ellipsis;\n\n        i.fa {\n          margin-right: 5px;\n        }\n\n        &:hover {\n          color: $primary-text-color;\n          background-color: darken($ui-base-color, 5%);\n          transition: all 100ms linear;\n          transition-property: color, background-color;\n        }\n\n        &.selected {\n          background: darken($ui-base-color, 2%);\n          border-radius: 4px 0 0;\n        }\n      }\n\n      ul {\n        background: darken($ui-base-color, 4%);\n        border-radius: 0 0 0 4px;\n        margin: 0;\n\n        a {\n          border: 0;\n          padding: 15px 35px;\n        }\n      }\n\n      .simple-navigation-active-leaf a {\n        color: $primary-text-color;\n        background-color: $ui-highlight-color;\n        border-bottom: 0;\n        border-radius: 0;\n\n        &:hover {\n          background-color: lighten($ui-highlight-color, 5%);\n        }\n      }\n    }\n\n    & > ul > .simple-navigation-active-leaf a {\n      border-radius: 4px 0 0 4px;\n    }\n  }\n\n  .content-wrapper {\n    box-sizing: border-box;\n    width: 100%;\n    max-width: $content-width;\n    flex: 1 1 auto;\n  }\n\n  @media screen and (max-width: $content-width + $sidebar-width) {\n    .sidebar-wrapper--empty {\n      display: none;\n    }\n\n    .sidebar-wrapper {\n      width: $sidebar-width;\n      flex: 0 0 auto;\n    }\n  }\n\n  @media screen and (max-width: $no-columns-breakpoint) {\n    .sidebar-wrapper {\n      width: 100%;\n    }\n  }\n\n  .content {\n    padding: 20px 15px;\n    padding-top: 60px;\n    padding-left: 25px;\n\n    @media screen and (max-width: $no-columns-breakpoint) {\n      max-width: none;\n      padding: 15px;\n      padding-top: 30px;\n    }\n\n    &-heading {\n      display: flex;\n\n      padding-bottom: 40px;\n      border-bottom: 1px solid lighten($ui-base-color, 8%);\n\n      margin: -15px -15px 40px 0;\n\n      flex-wrap: wrap;\n      align-items: center;\n      justify-content: space-between;\n\n      & > * {\n        margin-top: 15px;\n        margin-right: 15px;\n      }\n\n      &-actions {\n        display: inline-flex;\n\n        & > :not(:first-child) {\n          margin-left: 5px;\n        }\n      }\n\n      @media screen and (max-width: $no-columns-breakpoint) {\n        border-bottom: 0;\n        padding-bottom: 0;\n      }\n    }\n\n    h2 {\n      color: $secondary-text-color;\n      font-size: 24px;\n      line-height: 28px;\n      font-weight: 400;\n\n      @media screen and (max-width: $no-columns-breakpoint) {\n        font-weight: 700;\n      }\n    }\n\n    h3 {\n      color: $secondary-text-color;\n      font-size: 20px;\n      line-height: 28px;\n      font-weight: 400;\n      margin-bottom: 30px;\n    }\n\n    h4 {\n      font-size: 14px;\n      font-weight: 700;\n      color: $darker-text-color;\n      padding-bottom: 8px;\n      margin-bottom: 8px;\n      border-bottom: 1px solid lighten($ui-base-color, 8%);\n    }\n\n    h6 {\n      font-size: 16px;\n      color: $secondary-text-color;\n      line-height: 28px;\n      font-weight: 500;\n    }\n\n    .fields-group h6 {\n      color: $primary-text-color;\n      font-weight: 500;\n    }\n\n    .directory__tag > a,\n    .directory__tag > div {\n      box-shadow: none;\n    }\n\n    .directory__tag .table-action-link .fa {\n      color: inherit;\n    }\n\n    .directory__tag h4 {\n      font-size: 18px;\n      font-weight: 700;\n      color: $primary-text-color;\n      text-transform: none;\n      padding-bottom: 0;\n      margin-bottom: 0;\n      border-bottom: 0;\n    }\n\n    & > p {\n      font-size: 14px;\n      line-height: 21px;\n      color: $secondary-text-color;\n      margin-bottom: 20px;\n\n      strong {\n        color: $primary-text-color;\n        font-weight: 500;\n\n        @each $lang in $cjk-langs {\n          &:lang(#{$lang}) {\n            font-weight: 700;\n          }\n        }\n      }\n    }\n\n    hr {\n      width: 100%;\n      height: 0;\n      border: 0;\n      border-bottom: 1px solid rgba($ui-base-lighter-color, .6);\n      margin: 20px 0;\n\n      &.spacer {\n        height: 1px;\n        border: 0;\n      }\n    }\n  }\n\n  @media screen and (max-width: $no-columns-breakpoint) {\n    display: block;\n\n    .sidebar-wrapper {\n      min-height: 0;\n    }\n\n    .sidebar {\n      width: 100%;\n      padding: 0;\n      height: auto;\n\n      &__toggle {\n        display: flex;\n      }\n\n      & > ul {\n        display: none;\n      }\n\n      ul a,\n      ul ul a {\n        border-radius: 0;\n        border-bottom: 1px solid lighten($ui-base-color, 4%);\n        transition: none;\n\n        &:hover {\n          transition: none;\n        }\n      }\n\n      ul ul {\n        border-radius: 0;\n      }\n\n      ul .simple-navigation-active-leaf a {\n        border-bottom-color: $ui-highlight-color;\n      }\n    }\n  }\n}\n\nhr.spacer {\n  width: 100%;\n  border: 0;\n  margin: 20px 0;\n  height: 1px;\n}\n\nbody,\n.admin-wrapper .content {\n  .muted-hint {\n    color: $darker-text-color;\n\n    a {\n      color: $highlight-text-color;\n    }\n  }\n\n  .positive-hint {\n    color: $valid-value-color;\n    font-weight: 500;\n  }\n\n  .negative-hint {\n    color: $error-value-color;\n    font-weight: 500;\n  }\n\n  .neutral-hint {\n    color: $dark-text-color;\n    font-weight: 500;\n  }\n\n  .warning-hint {\n    color: $gold-star;\n    font-weight: 500;\n  }\n}\n\n.filters {\n  display: flex;\n  flex-wrap: wrap;\n\n  .filter-subset {\n    flex: 0 0 auto;\n    margin: 0 40px 20px 0;\n\n    &:last-child {\n      margin-bottom: 30px;\n    }\n\n    ul {\n      margin-top: 5px;\n      list-style: none;\n\n      li {\n        display: inline-block;\n        margin-right: 5px;\n      }\n    }\n\n    strong {\n      font-weight: 500;\n      font-size: 13px;\n\n      @each $lang in $cjk-langs {\n        &:lang(#{$lang}) {\n          font-weight: 700;\n        }\n      }\n    }\n\n    a {\n      display: inline-block;\n      color: $darker-text-color;\n      text-decoration: none;\n      font-size: 13px;\n      font-weight: 500;\n      border-bottom: 2px solid $ui-base-color;\n\n      &:hover {\n        color: $primary-text-color;\n        border-bottom: 2px solid lighten($ui-base-color, 5%);\n      }\n\n      &.selected {\n        color: $highlight-text-color;\n        border-bottom: 2px solid $ui-highlight-color;\n      }\n    }\n  }\n}\n\n.flavour-screen {\n  display: block;\n  margin: 10px auto;\n  max-width: 100%;\n}\n\n.flavour-description {\n  display: block;\n  font-size: 16px;\n  margin: 10px 0;\n\n  & > p {\n    margin: 10px 0;\n  }\n}\n\n.flavour-screen {\n  display: block;\n  margin: 10px auto;\n  max-width: 100%;\n}\n\n.flavour-description {\n  display: block;\n  font-size: 16px;\n  margin: 10px 0;\n\n  & > p {\n    margin: 10px 0;\n  }\n}\n\n.report-accounts {\n  display: flex;\n  flex-wrap: wrap;\n  margin-bottom: 20px;\n}\n\n.report-accounts__item {\n  display: flex;\n  flex: 250px;\n  flex-direction: column;\n  margin: 0 5px;\n\n  & > strong {\n    display: block;\n    margin: 0 0 10px -5px;\n    font-weight: 500;\n    font-size: 14px;\n    line-height: 18px;\n    color: $secondary-text-color;\n\n    @each $lang in $cjk-langs {\n      &:lang(#{$lang}) {\n        font-weight: 700;\n      }\n    }\n  }\n\n  .account-card {\n    flex: 1 1 auto;\n  }\n}\n\n.report-status,\n.account-status {\n  display: flex;\n  margin-bottom: 10px;\n\n  .activity-stream {\n    flex: 2 0 0;\n    margin-right: 20px;\n    max-width: calc(100% - 60px);\n\n    .entry {\n      border-radius: 4px;\n    }\n  }\n}\n\n.report-status__actions,\n.account-status__actions {\n  flex: 0 0 auto;\n  display: flex;\n  flex-direction: column;\n\n  .icon-button {\n    font-size: 24px;\n    width: 24px;\n    text-align: center;\n    margin-bottom: 10px;\n  }\n}\n\n.simple_form.new_report_note,\n.simple_form.new_account_moderation_note {\n  max-width: 100%;\n}\n\n.batch-form-box {\n  display: flex;\n  flex-wrap: wrap;\n  margin-bottom: 5px;\n\n  #form_status_batch_action {\n    margin: 0 5px 5px 0;\n    font-size: 14px;\n  }\n\n  input.button {\n    margin: 0 5px 5px 0;\n  }\n\n  .media-spoiler-toggle-buttons {\n    margin-left: auto;\n\n    .button {\n      overflow: visible;\n      margin: 0 0 5px 5px;\n      float: right;\n    }\n  }\n}\n\n.back-link {\n  margin-bottom: 10px;\n  font-size: 14px;\n\n  a {\n    color: $highlight-text-color;\n    text-decoration: none;\n\n    &:hover {\n      text-decoration: underline;\n    }\n  }\n}\n\n.spacer {\n  flex: 1 1 auto;\n}\n\n.log-entry {\n  margin-bottom: 20px;\n  line-height: 20px;\n\n  &__header {\n    display: flex;\n    justify-content: flex-start;\n    align-items: center;\n    padding: 10px;\n    background: $ui-base-color;\n    color: $darker-text-color;\n    border-radius: 4px 4px 0 0;\n    font-size: 14px;\n    position: relative;\n  }\n\n  &__avatar {\n    margin-right: 10px;\n\n    .avatar {\n      display: block;\n      margin: 0;\n      border-radius: 50%;\n      width: 40px;\n      height: 40px;\n    }\n  }\n\n  &__content {\n    max-width: calc(100% - 90px);\n  }\n\n  &__title {\n    word-wrap: break-word;\n  }\n\n  &__timestamp {\n    color: $dark-text-color;\n  }\n\n  &__extras {\n    background: lighten($ui-base-color, 6%);\n    border-radius: 0 0 4px 4px;\n    padding: 10px;\n    color: $darker-text-color;\n    font-family: $font-monospace, monospace;\n    font-size: 12px;\n    word-wrap: break-word;\n    min-height: 20px;\n  }\n\n  &__icon {\n    font-size: 28px;\n    margin-right: 10px;\n    color: $dark-text-color;\n  }\n\n  &__icon__overlay {\n    position: absolute;\n    top: 10px;\n    right: 10px;\n    width: 10px;\n    height: 10px;\n    border-radius: 50%;\n\n    &.positive {\n      background: $success-green;\n    }\n\n    &.negative {\n      background: lighten($error-red, 12%);\n    }\n\n    &.neutral {\n      background: $ui-highlight-color;\n    }\n  }\n\n  a,\n  .username,\n  .target {\n    color: $secondary-text-color;\n    text-decoration: none;\n    font-weight: 500;\n  }\n\n  .diff-old {\n    color: lighten($error-red, 12%);\n  }\n\n  .diff-neutral {\n    color: $secondary-text-color;\n  }\n\n  .diff-new {\n    color: $success-green;\n  }\n}\n\na.name-tag,\n.name-tag,\na.inline-name-tag,\n.inline-name-tag {\n  text-decoration: none;\n  color: $secondary-text-color;\n\n  .username {\n    font-weight: 500;\n  }\n\n  &.suspended {\n    .username {\n      text-decoration: line-through;\n      color: lighten($error-red, 12%);\n    }\n\n    .avatar {\n      filter: grayscale(100%);\n      opacity: 0.8;\n    }\n  }\n}\n\na.name-tag,\n.name-tag {\n  display: flex;\n  align-items: center;\n\n  .avatar {\n    display: block;\n    margin: 0;\n    margin-right: 5px;\n    border-radius: 50%;\n  }\n\n  &.suspended {\n    .avatar {\n      filter: grayscale(100%);\n      opacity: 0.8;\n    }\n  }\n}\n\n.speech-bubble {\n  margin-bottom: 20px;\n  border-left: 4px solid $ui-highlight-color;\n\n  &.positive {\n    border-left-color: $success-green;\n  }\n\n  &.negative {\n    border-left-color: lighten($error-red, 12%);\n  }\n\n  &.warning {\n    border-left-color: $gold-star;\n  }\n\n  &__bubble {\n    padding: 16px;\n    padding-left: 14px;\n    font-size: 15px;\n    line-height: 20px;\n    border-radius: 4px 4px 4px 0;\n    position: relative;\n    font-weight: 500;\n\n    a {\n      color: $darker-text-color;\n    }\n  }\n\n  &__owner {\n    padding: 8px;\n    padding-left: 12px;\n  }\n\n  time {\n    color: $dark-text-color;\n  }\n}\n\n.report-card {\n  background: $ui-base-color;\n  border-radius: 4px;\n  margin-bottom: 20px;\n\n  &__profile {\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    padding: 15px;\n\n    .account {\n      padding: 0;\n      border: 0;\n\n      &__avatar-wrapper {\n        margin-left: 0;\n      }\n    }\n\n    &__stats {\n      flex: 0 0 auto;\n      font-weight: 500;\n      color: $darker-text-color;\n      text-align: right;\n\n      a {\n        color: inherit;\n        text-decoration: none;\n\n        &:focus,\n        &:hover,\n        &:active {\n          color: lighten($darker-text-color, 8%);\n        }\n      }\n\n      .red {\n        color: $error-value-color;\n      }\n    }\n  }\n\n  &__summary {\n    &__item {\n      display: flex;\n      justify-content: flex-start;\n      border-top: 1px solid darken($ui-base-color, 4%);\n\n      &:hover {\n        background: lighten($ui-base-color, 2%);\n      }\n\n      &__reported-by,\n      &__assigned {\n        padding: 15px;\n        flex: 0 0 auto;\n        box-sizing: border-box;\n        width: 150px;\n        color: $darker-text-color;\n\n        &,\n        .username {\n          white-space: nowrap;\n          overflow: hidden;\n          text-overflow: ellipsis;\n        }\n      }\n\n      &__content {\n        flex: 1 1 auto;\n        max-width: calc(100% - 300px);\n\n        &__icon {\n          color: $dark-text-color;\n          margin-right: 4px;\n          font-weight: 500;\n        }\n      }\n\n      &__content a {\n        display: block;\n        box-sizing: border-box;\n        width: 100%;\n        padding: 15px;\n        text-decoration: none;\n        color: $darker-text-color;\n      }\n    }\n  }\n}\n\n.one-line {\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n}\n\n.ellipsized-ip {\n  display: inline-block;\n  max-width: 120px;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  vertical-align: middle;\n}\n\n.admin-account-bio {\n  display: flex;\n  flex-wrap: wrap;\n  margin: 0 -5px;\n  margin-top: 20px;\n\n  > div {\n    box-sizing: border-box;\n    padding: 0 5px;\n    margin-bottom: 10px;\n    flex: 1 0 50%;\n  }\n\n  .account__header__fields,\n  .account__header__content {\n    background: lighten($ui-base-color, 8%);\n    border-radius: 4px;\n    height: 100%;\n  }\n\n  .account__header__fields {\n    margin: 0;\n    border: 0;\n\n    a {\n      color: lighten($ui-highlight-color, 8%);\n    }\n\n    dl:first-child .verified {\n      border-radius: 0 4px 0 0;\n    }\n\n    .verified a {\n      color: $valid-value-color;\n    }\n  }\n\n  .account__header__content {\n    box-sizing: border-box;\n    padding: 20px;\n    color: $primary-text-color;\n  }\n}\n\n.center-text {\n  text-align: center;\n}\n",".dashboard__counters {\n  display: flex;\n  flex-wrap: wrap;\n  margin: 0 -5px;\n  margin-bottom: 20px;\n\n  & > div {\n    box-sizing: border-box;\n    flex: 0 0 33.333%;\n    padding: 0 5px;\n    margin-bottom: 10px;\n\n    & > div,\n    & > a {\n      padding: 20px;\n      background: lighten($ui-base-color, 4%);\n      border-radius: 4px;\n      box-sizing: border-box;\n      height: 100%;\n    }\n\n    & > a {\n      text-decoration: none;\n      color: inherit;\n      display: block;\n\n      &:hover,\n      &:focus,\n      &:active {\n        background: lighten($ui-base-color, 8%);\n      }\n    }\n  }\n\n  &__num,\n  &__text {\n    text-align: center;\n    font-weight: 500;\n    font-size: 24px;\n    line-height: 21px;\n    color: $primary-text-color;\n    font-family: $font-display, sans-serif;\n    margin-bottom: 20px;\n    line-height: 30px;\n  }\n\n  &__text {\n    font-size: 18px;\n  }\n\n  &__label {\n    font-size: 14px;\n    color: $darker-text-color;\n    text-align: center;\n    font-weight: 500;\n  }\n}\n\n.dashboard__widgets {\n  display: flex;\n  flex-wrap: wrap;\n  margin: 0 -5px;\n\n  & > div {\n    flex: 0 0 33.333%;\n    margin-bottom: 20px;\n\n    & > div {\n      padding: 0 5px;\n    }\n  }\n\n  a:not(.name-tag) {\n    color: $ui-secondary-color;\n    font-weight: 500;\n    text-decoration: none;\n  }\n}\n","body.rtl {\n  direction: rtl;\n\n  .column-header > button {\n    text-align: right;\n    padding-left: 0;\n    padding-right: 15px;\n  }\n\n  .radio-button__input {\n    margin-right: 0;\n    margin-left: 10px;\n  }\n\n  .directory__card__bar .display-name {\n    margin-left: 0;\n    margin-right: 15px;\n  }\n\n  .display-name {\n    text-align: right;\n  }\n\n  .notification__message {\n    margin-left: 0;\n    margin-right: 68px;\n  }\n\n  .drawer__inner__mastodon > img {\n    transform: scaleX(-1);\n  }\n\n  .notification__favourite-icon-wrapper {\n    left: auto;\n    right: -26px;\n  }\n\n  .landing-page__logo {\n    margin-right: 0;\n    margin-left: 20px;\n  }\n\n  .landing-page .features-list .features-list__row .visual {\n    margin-left: 0;\n    margin-right: 15px;\n  }\n\n  .column-link__icon,\n  .column-header__icon {\n    margin-right: 0;\n    margin-left: 5px;\n  }\n\n  .compose-form .compose-form__buttons-wrapper .character-counter__wrapper {\n    margin-right: 0;\n    margin-left: 4px;\n  }\n\n  .navigation-bar__profile {\n    margin-left: 0;\n    margin-right: 8px;\n  }\n\n  .search__input {\n    padding-right: 10px;\n    padding-left: 30px;\n  }\n\n  .search__icon .fa {\n    right: auto;\n    left: 10px;\n  }\n\n  .columns-area {\n    direction: rtl;\n  }\n\n  .column-header__buttons {\n    left: 0;\n    right: auto;\n    margin-left: 0;\n    margin-right: -15px;\n  }\n\n  .column-inline-form .icon-button {\n    margin-left: 0;\n    margin-right: 5px;\n  }\n\n  .column-header__links .text-btn {\n    margin-left: 10px;\n    margin-right: 0;\n  }\n\n  .account__avatar-wrapper {\n    float: right;\n  }\n\n  .column-header__back-button {\n    padding-left: 5px;\n    padding-right: 0;\n  }\n\n  .column-header__setting-arrows {\n    float: left;\n  }\n\n  .setting-toggle__label {\n    margin-left: 0;\n    margin-right: 8px;\n  }\n\n  .status__avatar {\n    left: auto;\n    right: 10px;\n  }\n\n  .status,\n  .activity-stream .status.light {\n    padding-left: 10px;\n    padding-right: 68px;\n  }\n\n  .status__info .status__display-name,\n  .activity-stream .status.light .status__display-name {\n    padding-left: 25px;\n    padding-right: 0;\n  }\n\n  .activity-stream .pre-header {\n    padding-right: 68px;\n    padding-left: 0;\n  }\n\n  .status__prepend {\n    margin-left: 0;\n    margin-right: 68px;\n  }\n\n  .status__prepend-icon-wrapper {\n    left: auto;\n    right: -26px;\n  }\n\n  .activity-stream .pre-header .pre-header__icon {\n    left: auto;\n    right: 42px;\n  }\n\n  .account__avatar-overlay-overlay {\n    right: auto;\n    left: 0;\n  }\n\n  .column-back-button--slim-button {\n    right: auto;\n    left: 0;\n  }\n\n  .status__relative-time,\n  .activity-stream .status.light .status__header .status__meta {\n    float: left;\n  }\n\n  .status__action-bar {\n    &__counter {\n      margin-right: 0;\n      margin-left: 11px;\n\n      .status__action-bar-button {\n        margin-right: 0;\n        margin-left: 4px;\n      }\n    }\n  }\n\n  .status__action-bar-button {\n    float: right;\n    margin-right: 0;\n    margin-left: 18px;\n  }\n\n  .status__action-bar-dropdown {\n    float: right;\n  }\n\n  .privacy-dropdown__dropdown {\n    margin-left: 0;\n    margin-right: 40px;\n  }\n\n  .privacy-dropdown__option__icon {\n    margin-left: 10px;\n    margin-right: 0;\n  }\n\n  .detailed-status__display-name .display-name {\n    text-align: right;\n  }\n\n  .detailed-status__display-avatar {\n    margin-right: 0;\n    margin-left: 10px;\n    float: right;\n  }\n\n  .detailed-status__favorites,\n  .detailed-status__reblogs {\n    margin-left: 0;\n    margin-right: 6px;\n  }\n\n  .fa-ul {\n    margin-left: 2.14285714em;\n  }\n\n  .fa-li {\n    left: auto;\n    right: -2.14285714em;\n  }\n\n  .admin-wrapper {\n    direction: rtl;\n  }\n\n  .admin-wrapper .sidebar ul a i.fa,\n  a.table-action-link i.fa {\n    margin-right: 0;\n    margin-left: 5px;\n  }\n\n  .simple_form .check_boxes .checkbox label {\n    padding-left: 0;\n    padding-right: 25px;\n  }\n\n  .simple_form .input.with_label.boolean label.checkbox {\n    padding-left: 25px;\n    padding-right: 0;\n  }\n\n  .simple_form .check_boxes .checkbox input[type=\"checkbox\"],\n  .simple_form .input.boolean input[type=\"checkbox\"] {\n    left: auto;\n    right: 0;\n  }\n\n  .simple_form .input.radio_buttons .radio {\n    left: auto;\n    right: 0;\n  }\n\n  .simple_form .input.radio_buttons .radio > label {\n    padding-right: 28px;\n    padding-left: 0;\n  }\n\n  .simple_form .input-with-append .input input {\n    padding-left: 142px;\n    padding-right: 0;\n  }\n\n  .simple_form .input.boolean label.checkbox {\n    left: auto;\n    right: 0;\n  }\n\n  .simple_form .input.boolean .label_input,\n  .simple_form .input.boolean .hint {\n    padding-left: 0;\n    padding-right: 28px;\n  }\n\n  .simple_form .label_input__append {\n    right: auto;\n    left: 3px;\n\n    &::after {\n      right: auto;\n      left: 0;\n      background-image: linear-gradient(to left, rgba(darken($ui-base-color, 10%), 0), darken($ui-base-color, 10%));\n    }\n  }\n\n  .simple_form select {\n    background: darken($ui-base-color, 10%) url(\"data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14.933 18.467' height='19.698' width='15.929'><path d='M3.467 14.967l-3.393-3.5H14.86l-3.392 3.5c-1.866 1.925-3.666 3.5-4 3.5-.335 0-2.135-1.575-4-3.5zm.266-11.234L7.467 0 11.2 3.733l3.733 3.734H0l3.733-3.734z' fill='#{hex-color(lighten($ui-base-color, 12%))}'/></svg>\") no-repeat left 8px center / auto 16px;\n  }\n\n  .table th,\n  .table td {\n    text-align: right;\n  }\n\n  .filters .filter-subset {\n    margin-right: 0;\n    margin-left: 45px;\n  }\n\n  .landing-page .header-wrapper .mascot {\n    right: 60px;\n    left: auto;\n  }\n\n  .landing-page__call-to-action .row__information-board {\n    direction: rtl;\n  }\n\n  .landing-page .header .hero .floats .float-1 {\n    left: -120px;\n    right: auto;\n  }\n\n  .landing-page .header .hero .floats .float-2 {\n    left: 210px;\n    right: auto;\n  }\n\n  .landing-page .header .hero .floats .float-3 {\n    left: 110px;\n    right: auto;\n  }\n\n  .landing-page .header .links .brand img {\n    left: 0;\n  }\n\n  .landing-page .fa-external-link {\n    padding-right: 5px;\n    padding-left: 0 !important;\n  }\n\n  .landing-page .features #mastodon-timeline {\n    margin-right: 0;\n    margin-left: 30px;\n  }\n\n  @media screen and (min-width: 631px) {\n    .column,\n    .drawer {\n      padding-left: 5px;\n      padding-right: 5px;\n\n      &:first-child {\n        padding-left: 5px;\n        padding-right: 10px;\n      }\n    }\n\n    .columns-area > div {\n      .column,\n      .drawer {\n        padding-left: 5px;\n        padding-right: 5px;\n      }\n    }\n  }\n\n  .columns-area--mobile .column,\n  .columns-area--mobile .drawer {\n    padding-left: 0;\n    padding-right: 0;\n  }\n\n  .public-layout {\n    .header {\n      .nav-button {\n        margin-left: 8px;\n        margin-right: 0;\n      }\n    }\n\n    .public-account-header__tabs {\n      margin-left: 0;\n      margin-right: 20px;\n    }\n  }\n\n  .landing-page__information {\n    .account__display-name {\n      margin-right: 0;\n      margin-left: 5px;\n    }\n\n    .account__avatar-wrapper {\n      margin-left: 12px;\n      margin-right: 0;\n    }\n  }\n\n  .card__bar .display-name {\n    margin-left: 0;\n    margin-right: 15px;\n    text-align: right;\n  }\n\n  .fa-chevron-left::before {\n    content: \"\\F054\";\n  }\n\n  .fa-chevron-right::before {\n    content: \"\\F053\";\n  }\n\n  .column-back-button__icon {\n    margin-right: 0;\n    margin-left: 5px;\n  }\n\n  .column-header__setting-arrows .column-header__setting-btn:last-child {\n    padding-left: 0;\n    padding-right: 10px;\n  }\n\n  .simple_form .input.radio_buttons .radio > label input {\n    left: auto;\n    right: 0;\n  }\n}\n","$black-emojis: '8ball' 'ant' 'back' 'black_circle' 'black_heart' 'black_large_square' 'black_medium_small_square' 'black_medium_square' 'black_nib' 'black_small_square' 'bomb' 'bowling' 'bust_in_silhouette' 'busts_in_silhouette' 'camera' 'camera_with_flash' 'clubs' 'copyright' 'curly_loop' 'currency_exchange' 'dark_sunglasses' 'eight_pointed_black_star' 'electric_plug' 'end' 'female-guard' 'film_projector' 'fried_egg' 'gorilla' 'guardsman' 'heavy_check_mark' 'heavy_division_sign' 'heavy_dollar_sign' 'heavy_minus_sign' 'heavy_multiplication_x' 'heavy_plus_sign' 'hocho' 'hole' 'joystick' 'kaaba' 'lower_left_ballpoint_pen' 'lower_left_fountain_pen' 'male-guard' 'microphone' 'mortar_board' 'movie_camera' 'musical_score' 'on' 'registered' 'soon' 'spades' 'speaking_head_in_silhouette' 'spider' 'telephone_receiver' 'tm' 'top' 'tophat' 'turkey' 'vhs' 'video_camera' 'video_game' 'water_buffalo' 'waving_black_flag' 'wavy_dash';\n\n%white-emoji-outline {\n  filter: drop-shadow(1px 1px 0 $white) drop-shadow(-1px 1px 0 $white) drop-shadow(1px -1px 0 $white) drop-shadow(-1px -1px 0 $white);\n  transform: scale(.71);\n}\n\n.emojione {\n  @each $emoji in $black-emojis {\n    &[title=':#{$emoji}:'] {\n      @extend %white-emoji-outline;\n    }\n  }\n}\n","// components.scss\n.compose-form {\n  .compose-form__modifiers {\n    .compose-form__upload {\n      &-description {\n        input {\n          &::placeholder {\n            opacity: 1;\n          }\n        }\n      }\n    }\n  }\n}\n\n.rich-formatting a,\n.rich-formatting p a,\n.rich-formatting li a,\n.landing-page__short-description p a,\n.status__content a,\n.reply-indicator__content a {\n  color: lighten($ui-highlight-color, 12%);\n  text-decoration: underline;\n\n  &.mention {\n    text-decoration: none;\n  }\n\n  &.mention span {\n    text-decoration: underline;\n\n    &:hover,\n    &:focus,\n    &:active {\n      text-decoration: none;\n    }\n  }\n\n  &:hover,\n  &:focus,\n  &:active {\n    text-decoration: none;\n  }\n\n  &.status__content__spoiler-link {\n    color: $secondary-text-color;\n    text-decoration: none;\n  }\n}\n\n.status__content__read-more-button {\n  text-decoration: underline;\n\n  &:hover,\n  &:focus,\n  &:active {\n    text-decoration: none;\n  }\n}\n\n.getting-started__footer a {\n  text-decoration: underline;\n\n  &:hover,\n  &:focus,\n  &:active {\n    text-decoration: none;\n  }\n}\n\n.nothing-here {\n  color: $darker-text-color;\n}\n\n.public-layout .public-account-header__tabs__tabs .counter.active::after {\n  border-bottom: 4px solid $ui-highlight-color;\n}\n"],"sourceRoot":""}
\ No newline at end of file
+{"version":3,"sources":["webpack:///common.scss","webpack:///./app/javascript/styles/mastodon/reset.scss","webpack:///./app/javascript/styles/contrast/variables.scss","webpack:///./app/javascript/styles/mastodon/basics.scss","webpack:///./app/javascript/styles/mastodon/variables.scss","webpack:///./app/javascript/styles/mastodon/containers.scss","webpack:///./app/javascript/styles/mastodon/lists.scss","webpack:///./app/javascript/styles/mastodon/footer.scss","webpack:///./app/javascript/styles/mastodon/compact_header.scss","webpack:///./app/javascript/styles/mastodon/widgets.scss","webpack:///./app/javascript/styles/mastodon/forms.scss","webpack:///./app/javascript/styles/mastodon/accounts.scss","webpack:///./app/javascript/styles/mastodon/statuses.scss","webpack:///./app/javascript/styles/mastodon/boost.scss","webpack:///./app/javascript/styles/mastodon/components.scss","webpack:///<no source>","webpack:///./app/javascript/styles/mastodon/_mixins.scss","webpack:///./app/javascript/styles/mastodon/polls.scss","webpack:///./app/javascript/styles/mastodon/modal.scss","webpack:///./app/javascript/styles/mastodon/emoji_picker.scss","webpack:///./app/javascript/styles/mastodon/about.scss","webpack:///./app/javascript/styles/mastodon/tables.scss","webpack:///./app/javascript/styles/mastodon/admin.scss","webpack:///./app/javascript/styles/mastodon/dashboard.scss","webpack:///./app/javascript/styles/mastodon/rtl.scss","webpack:///./app/javascript/styles/mastodon/accessibility.scss","webpack:///./app/javascript/styles/contrast/diff.scss"],"names":[],"mappings":"AAAA,2ZCKA,QAaE,UACA,SACA,eACA,aACA,wBACA,+EAIF,aAEE,MAGF,aACE,OAGF,eACE,cAGF,WACE,qDAGF,UAEE,aACA,OAGF,wBACE,iBACA,MAGF,sCACE,qBAGF,UACE,YACA,2BAGF,kBACE,cACA,mBACA,iCAGF,kBACE,kCAGF,kBACE,2BAGF,aACE,gBACA,0BACA,CC9EmB,iEDqFrB,kBCrFqB,4BDyFrB,sBACE,MErFF,iDACE,mBACA,eACA,iBACA,gBACA,WCXM,kCDaN,6BACA,8BACA,CADA,0BACA,CADA,qBACA,0CACA,wCACA,kBAEA,iKAYE,eAGF,SACE,oCAEA,WACE,iBACA,kBACA,uCAGF,iBACE,WACA,YACA,mCAGF,iBACE,cAIJ,kBDrDmB,kBCyDnB,iBACE,kBACA,0BAEA,iBACE,aAIJ,iBACE,YAGF,kBACE,SACA,iBACA,uBAEA,iBACE,WACA,YACA,gBACA,YAIJ,kBACE,UACA,YAGF,iBACE,kBACA,cD9EgB,mBAZC,WC6FjB,YACA,UACA,aACA,uBACA,mBACA,oBAEA,qBACE,YACA,sCAGE,aACE,gBACA,WACA,YACA,kBACA,uBAIJ,cACE,iBACA,gBACA,QAMR,mBACE,eACA,cAEA,YACE,kDAKF,YAGE,WACA,mBACA,uBACA,oBACA,sBAGF,YACE,yEAKF,gBAEE,+EAKF,WAEE,sCAIJ,qBAEE,eACA,gBACA,gBACA,cACA,kBACA,8CAEA,eACE,0CAGF,mBACE,gEAEA,eACE,0CAIJ,aDpLwB,kKCuLtB,oBAGE,sDAIJ,aDpLgB,eCsLd,0DAEA,aDxLc,oDC6LhB,cACE,SACA,uBACA,cDhMc,aCkMd,UACA,SACA,oBACA,eACA,UACA,4BACA,0BACA,gMAEA,oBAGE,kEAGF,aC9NY,gBDgOV,gBEnON,WACE,CACA,kBACA,qCAEA,eALF,UAMI,SACA,kBAIJ,sBACE,qCAEA,gBAHF,kBAII,qBAGF,YACE,uBACA,mBACA,wBAEA,SDrBI,YCuBF,kBACA,sBAGF,YACE,uBACA,mBACA,WD9BE,qBCgCF,UACA,kBACA,iBACA,6CACA,gBACA,eACA,mCAMJ,WACE,CACA,cACA,mBACA,sBACA,qCAEA,kCAPF,UAQI,aACA,aACA,kBAKN,WACE,CACA,YACA,eACA,iBACA,sBACA,CACA,gBACA,CACA,sBACA,qCAEA,gBAZF,UAaI,CACA,eACA,CACA,mBACA,0BAGF,UACE,YACA,iBACA,6BAEA,UACE,YACA,cACA,SACA,kBACA,uBAIJ,aACE,cH/EmB,wBGiFnB,iCAEA,aACE,gBACA,uBACA,gBACA,8BAIJ,aACE,eACA,iBACA,gBACA,SAIJ,YACE,cACA,8BACA,sBACA,mCACA,CADA,0BACA,mBAEA,eACE,WACA,mBAGF,aACE,WACA,mBAGF,aACE,WACA,mBAGF,eACE,WACA,qCAGF,QA3BF,UA4BI,qCACA,mBAEA,aACE,mBAGF,aACE,WACA,mBAGF,aACE,WACA,mBAGF,aACE,WACA,UAKN,YACE,cACA,8CACA,sBACA,mCACA,CADA,0BACA,mBAEA,eACE,WACA,mBAGF,eACE,WACA,mBAGF,aACE,WACA,mBAGF,eACE,WACA,mBAGF,aACE,WACA,uCAGF,eACE,wBAGF,kBACE,qCAGF,QAxCF,iDAyCI,uCAEA,YACE,aACA,mBACA,uBACA,iCAGF,UACE,uBACA,mBACA,sBAGF,YACE,sCAIJ,QA7DF,UA8DI,qCACA,mBAEA,aACE,mBAGF,aACE,WACA,mBAGF,aACE,WACA,mBAGF,aACE,WACA,mBAGF,aACE,WACA,sCAMJ,eADF,gBAEI,4BAGF,eACE,qCAEA,0BAHF,SAII,yBAIJ,kBACE,mCACA,kBACA,YACA,cACA,aACA,oBACA,uBACA,iBACA,gBACA,qCAEA,uBAZF,cAaI,WACA,MACA,OACA,SACA,gBACA,gBACA,YACA,6BAGF,cACE,eACA,kCAGF,YACE,oBACA,2BACA,iBACA,oCAGF,YACE,oBACA,uBACA,iBACA,mCAGF,YACE,oBACA,yBACA,iBACA,+BAGF,aACE,aACA,mCAEA,aACE,YACA,WACA,kBACA,YACA,UDxUA,qCC2UA,kCARF,WASI,+GAIJ,kBAGE,kCAIJ,YACE,mBACA,eACA,eACA,gBACA,qBACA,cHhVc,mBGkVd,kBACA,uHAEA,yBAGE,WDrWA,qCCyWF,0CACE,YACE,qCAKN,kBACE,CACA,oBACA,kBACA,6HAEA,oBAGE,mBACA,sBAON,YACE,cACA,0DACA,sBACA,mCACA,CADA,0BACA,gCAEA,UACE,cACA,gCAGF,UACE,cACA,qCAGF,qBAjBF,0BAkBI,WACA,gCAEA,YACE,kCAKN,iBACE,qCAEA,gCAHF,eAII,sCAKF,4BADF,eAEI,wCAIJ,eACE,mBACA,mCACA,gDAEA,UACE,qIAEA,8BAEE,CAFF,sBAEE,6DAGF,wBHxaiB,8CG6anB,yBACE,gBACA,aACA,kBACA,mBACA,oDAEA,UACE,cACA,kBACA,WACA,YACA,gDACA,MACA,OACA,kDAGF,mBACE,CADF,8BACE,CADF,gBACE,cACA,WACA,YACA,SACA,0BACA,qCAGF,6CA3BF,YA4BI,gDAIJ,eACE,6JAEA,iBAEE,qCAEA,4JAJF,eAKI,sCAKN,sCA/DF,eAgEI,gBACA,oDAEA,YACE,+FAGF,eAEE,6CAIJ,iBACE,iBACA,aACA,2BACA,mDAEA,UACE,cACA,mBACA,kBACA,SACA,OACA,QACA,YACA,0BACA,WACA,oDAGF,aACE,YACA,aACA,kBACA,cACA,wDAEA,aACE,WACA,YACA,SACA,kBACA,yBACA,mBACA,qCAIJ,2CArCF,YAsCI,mBACA,0BACA,YACA,mDAEA,YACE,oDAGF,UACE,YACA,CACA,sBACA,wDAEA,QACE,kBACA,2DAGF,mDAXF,YAYI,sCAKN,2CAhEF,eAiEI,sCAGF,2CApEF,cAqEI,8CAIJ,aACE,iBACA,mDAEA,gBACE,mBACA,sDAEA,cACE,iBACA,WD1kBF,gBC4kBE,gBACA,mBACA,uBACA,6BACA,4DAEA,aACE,eACA,WDplBJ,gBCslBI,gBACA,uBACA,qCAKN,4CA7BF,gBA8BI,aACA,8BACA,mBACA,mDAEA,aACE,iBACA,sDAEA,cACE,iBACA,iBACA,4DAEA,aH/lBQ,oDGsmBd,YACE,2BACA,oBACA,YACA,qEAEA,YACE,mBACA,gBACA,qCAGF,oEACE,YACE,6DAIJ,eACE,sBACA,cACA,cH3nBU,aG6nBV,+BACA,eACA,kBACA,kBACA,8DAEA,aACE,uEAGF,cACE,kEAGF,aACE,WACA,kBACA,SACA,OACA,WACA,gCACA,WACA,wBACA,yEAIA,+BACE,UACA,kFAGF,2BH3pBW,wEGiqBX,SACE,wBACA,8DAIJ,oBACE,cACA,2EAGF,cACE,cACA,4EAGF,eACE,eACA,kBACA,WDnsBJ,6CCqsBI,2DAIJ,aACE,WACA,4DAGF,eACE,8CAKN,YACE,eACA,kEAEA,eACE,gBACA,uBACA,cACA,2FAEA,4BACE,yEAGF,YACE,qDAIJ,gBACE,eACA,cH5tBY,uDG+tBZ,oBACE,cHhuBU,qBGkuBV,aACA,gBACA,8DAEA,eACE,WDpvBJ,qCC0vBF,6CAtCF,aAuCI,UACA,4CAKN,yBACE,qCAEA,0CAHF,eAII,wCAIJ,eACE,oCAGF,kBACE,mCACA,kBACA,gBACA,mBACA,qCAEA,mCAPF,eAQI,gBACA,gBACA,8DAGF,QACE,aACA,+DAEA,aACE,sFAGF,uBACE,yEAGF,aDryBU,8DC2yBV,mBACA,WD7yBE,qFCizBJ,YAEE,eACA,cHvyBc,2CG2yBhB,gBACE,iCAIJ,YACE,cACA,kDACA,qCAEA,gCALF,aAMI,+CAGF,cACE,iCAIJ,eACE,2BAGF,YACE,eACA,eACA,cACA,+BAEA,qBACE,cACA,YACA,cACA,mBACA,kBACA,qCAEA,8BARF,aASI,sCAGF,8BAZF,cAaI,sCAIJ,0BAvBF,QAwBI,6BACA,+BAEA,UACE,UACA,gBACA,gCACA,0CAEA,eACE,0CAGF,kBHn3Ba,+IGs3BX,kBAGE,WC53BZ,eACE,aAEA,oBACE,aACA,iBAIJ,eACE,cACA,oBAEA,cACE,gBACA,mBACA,wBCfF,eACE,iBACA,oBACA,eACA,cACA,qCAEA,uBAPF,iBAQI,mBACA,+BAGF,YACE,cACA,0CACA,wCAEA,aACE,WACA,YACA,wCAGF,aACE,WACA,YACA,wCAGF,aACE,WACA,YACA,kBACA,6CAEA,aACE,wCAIJ,aACE,WACA,YACA,wCAGF,aACE,WACA,YACA,qCAGF,6BAxCF,iCAyCI,+EAEA,aAEE,wCAGF,UACE,wCAGF,aACE,+EAGF,aAEE,wCAGF,UACE,sCAIJ,uCACE,aACE,sCAIJ,4JACE,YAIE,4BAKN,wBACE,gBACA,kBACA,cLnFc,6BKsFd,aACE,qBACA,6BAIJ,oBACE,cACA,wGAEA,yBAGE,mCAKF,aACE,YACA,WACA,cACA,aACA,0HAMA,YACE,oBClIR,cACE,iBACA,cNYgB,gBMVhB,mBACA,eACA,qBACA,qCAEA,mBATF,iBAUI,oBACA,uBAGF,aACE,qBACA,0BAGF,eACE,cNJiB,wBMQnB,oBACE,mBACA,kBACA,WACA,YACA,cC9BN,kBACE,mCACA,mBAEA,UACE,kBACA,gBACA,0BACA,gBLPI,uBKUJ,mBACE,CADF,8BACE,CADF,gBACE,cACA,WACA,YACA,SACA,0BACA,oBAIJ,kBPlBmB,aOoBjB,0BACA,eACA,cPVgB,iBOYhB,qBACA,gBACA,8BAEA,UACE,YACA,gBACA,sBAGF,kBACE,iCAEA,eACE,uBAIJ,cACE,SACA,UACA,gBACA,uBACA,oBACA,kBACA,oBACA,cACA,sBAGF,aPxCmB,qBO0CjB,4BAEA,yBACE,qCAKN,aAnEF,YAoEI,uBAIJ,kBACE,oBACA,yBAEA,YACE,yBACA,gBACA,eACA,cPjEgB,+BOqElB,cACE,0CAEA,eACE,sDAGF,YACE,mBACA,gDAGF,UACE,YACA,0BACA,oCAIJ,YACE,mBAKF,aP9FkB,aOmGpB,YACE,kBACA,mBPjHmB,mCOmHnB,qBAGF,YACE,kBACA,0BACA,kBACA,cP9GkB,mBOgHlB,iBAGF,eACE,eACA,cPrHkB,iBOuHlB,qBACA,gBACA,UACA,oBAEA,YACE,yBACA,gBACA,eACA,cPhIgB,0BOoIlB,eACE,CACA,kBACA,mBAGF,oBACE,CACA,mBACA,cP7IgB,qBO+IhB,mBACA,gBACA,uBACA,0EAEA,yBAGE,uBAMJ,sBACA,kBACA,mBP3KmB,mCO6KnB,cP/JqB,gBOiKrB,mBACA,sDAEA,eAEE,CAII,qXADF,eACE,yBAKN,aACE,0BACA,CAMI,wLAGF,oBAGE,mIAEA,yBACE,gCAMR,kBACE,oCAEA,gBACE,cP5Mc,8DOkNhB,iBACE,eACA,4DAGF,eACE,qBACA,iEAEA,eACE,kBAMR,YACE,CACA,eLlPM,CKoPN,cACA,cPvOkB,mBOyOlB,+BANA,iBACA,CLlPM,kCKgQN,CATA,aAGF,kBACE,CAEA,iBACA,kBACA,cACA,iBAEA,ULjQM,eKmQJ,gBACA,gBACA,mBACA,gBAGF,cACE,cP7PgB,qCOiQlB,aArBF,YAsBI,mBACA,iBAEA,cACE,aAKN,kBPvRqB,kBOyRnB,mCACA,iBAEA,qBACE,mBACA,uCAEA,YAEE,mBACA,8BACA,mBPpSe,kBOsSf,aACA,qBACA,cACA,mCACA,0EAIA,kBAGE,0BAIJ,kBP3SiB,eO6Sf,8BAGF,UACE,eACA,oBAGF,aACE,eACA,gBACA,WLnUE,mBKqUF,gBACA,uBACA,wBAEA,aP5Tc,0BOgUd,aACE,gBACA,eACA,eACA,cPpUY,0IO0Ud,ULvVE,+BK+VJ,aACE,YACA,uDAGF,oBPzViB,wCO6VjB,eACE,eAKN,YACE,yBACA,gCAEA,aACE,WACA,YACA,kBACA,kBACA,kBACA,mBACA,yBACA,4CAEA,SACE,6CAGF,SACE,6CAGF,SACE,iBAKN,UACE,0BAEA,SACE,SACA,wBAGF,eACE,0BAGF,iBACE,yBACA,cP3YgB,gBO6YhB,aACA,sCAEA,eACE,0BAIJ,cACE,sBACA,gCACA,wCAGF,eACE,wBAGF,WACE,kBACA,eACA,gBACA,WLhbI,8BKmbJ,aACE,cPvac,gBOyad,eACA,0BAIJ,SACE,iCACA,qCAGF,kCACE,YACE,sCAYJ,qIAPF,eAQI,gBACA,gBACA,iBAOJ,gBACE,qCAEA,eAHF,oBAII,uBAGF,sBACE,sCAEA,qBAHF,sBAII,sCAGF,qBAPF,UAQI,sCAGF,qBAXF,WAYI,kCAIJ,iBACE,qCAEA,gCAHF,4BAII,iEAIA,eACE,0DAGF,cACE,iBACA,oEAEA,UACE,YACA,gBACA,yFAGF,gBACE,SACA,mKAIJ,eAGE,gBAON,aPxgBkB,iCOugBpB,kBAKI,6BAEA,eACE,kBAIJ,cACE,iBACA,wCAMF,oBACE,gBACA,cP/hBiB,4JOkiBjB,yBAGE,oBAKN,kBACE,gBACA,eACA,kBACA,yBAEA,aACE,gBACA,aACA,CACA,kBACA,gBACA,uBACA,qBACA,WLnkBI,gCKqkBJ,4FAEA,yBAGE,oCAIJ,eACE,0BAGF,iBACE,gCACA,MCplBJ,+CACE,gBACA,iBAGF,eACE,aACA,cACA,qBAIA,kBACE,gBACA,4BAEA,QACE,0CAIA,kBACE,qDAEA,eACE,gDAIJ,iBACE,kBACA,sDAEA,iBACE,SACA,OACA,6BAKN,iBACE,gBACA,gDAEA,mBACE,eACA,gBACA,WNhDA,cMkDA,WACA,4EAGF,iBAEE,mDAGF,eACE,4CAGF,iBACE,QACA,OACA,qCAGF,aRjEoB,0BQmElB,gIAEA,oBAGE,0CAIJ,iBACE,CACA,iBACA,mBAKN,YACE,cACA,0BAEA,qBACE,cACA,UACA,cACA,oBAIJ,aRvFkB,sBQ0FhB,aRnGsB,yBQuGtB,iBACE,kBACA,mBACA,uBAGF,eACE,iBACA,sBAIJ,kBACE,wBAGF,aACE,eACA,eACA,qBAGF,kBACE,cRrHgB,iCQwHhB,iBACE,eACA,iBACA,gBACA,gBACA,oBAIJ,kBACE,qBAGF,eACE,CAII,0JADF,eACE,sDAMJ,YACE,4DAEA,mBACE,eACA,WNlKA,gBMoKA,gBACA,cACA,wHAGF,aAEE,sDAIJ,cACE,kBACA,mDAKF,mBACE,eACA,WNxLE,cM0LF,kBACA,qBACA,gBACA,sCAGF,cACE,mCAGF,UACE,sCAIJ,cACE,4CAEA,mBACE,eACA,WN9ME,cMgNF,gBACA,gBACA,4CAGF,kBACE,yCAGF,cACE,CADF,cACE,kDAIJ,oBACE,WACA,OACA,6BAGF,oBACE,cACA,4BAGF,kBACE,8CAEA,eACE,0BAIJ,YACE,CACA,eACA,oBACA,iCAEA,cACE,kCAGF,qBACE,eACA,cACA,eACA,oCAEA,aACE,2CAGF,eACE,6GAIJ,eAEE,qCAGF,yBA9BF,aA+BI,gBACA,kCAEA,cACE,0JAGF,kBAGE,iDAKN,iBACE,oBACA,eACA,WNlSI,cMoSJ,WACA,2CAKE,mBACE,eACA,WN5SA,qBM8SA,WACA,kBACA,gBACA,kBACA,cACA,0DAGF,iBACE,OACA,QACA,SACA,kDAKN,cACE,aACA,yBACA,kBACA,sJAGF,qBAKE,eACA,WN5UI,cM8UJ,WACA,UACA,oBACA,gBACA,mBACA,yBACA,kBACA,aACA,6RAEA,aACE,CAHF,+OAEA,aACE,CAHF,mQAEA,aACE,CAHF,sNAEA,aACE,8LAGF,eACE,oVAGF,oBACE,iOAGF,oBNnWY,oLMuWZ,iBACE,4WAGF,oBRxWsB,mBQ2WpB,6CAKF,aACE,gUAGF,oBAME,8CAGF,aACE,gBACA,cACA,eACA,8BAIJ,UACE,uBAGF,eACE,aACA,oCAEA,YACE,mBACA,qEAIJ,aAGE,WACA,SACA,kBACA,mBRlZiB,WEXb,eMgaJ,oBACA,YACA,aACA,yBACA,qBACA,kBACA,sBACA,eACA,gBACA,UACA,mBACA,kBACA,sGAEA,cACE,uFAGF,wBACE,gLAGF,wBAEE,kHAGF,wBRzboB,gGQ6bpB,kBN7bQ,kHMgcN,wBACE,sOAGF,wBAEE,qBAKN,uBACE,CADF,oBACE,CADF,eACE,sBACA,eACA,WNhdI,cMkdJ,WACA,UACA,oBACA,gBACA,wXACA,yBACA,kBACA,kBACA,mBACA,YACA,iBAGF,4BACE,oCAIA,iBACE,mCAGF,iBACE,UACA,QACA,CACA,qBACA,eACA,cRheY,oBQkeZ,oBACA,eACA,gBACA,mBACA,gBACA,yCAEA,UACE,cACA,kBACA,MACA,QACA,WACA,UACA,iEACA,4BAKN,iBACE,0CAEA,wBACE,CADF,gBACE,qCAGF,iBACE,MACA,OACA,WACA,YACA,aACA,uBACA,mBACA,8BACA,kBACA,iBACA,gBACA,YACA,8CAEA,iBACE,6HAGE,UN9hBF,aMwiBR,aACE,CACA,kBACA,eACA,gBAGF,kBACE,cRniBkB,kBQqiBlB,kBACA,mBACA,kBACA,uBAEA,qCACE,iCACA,cNxjBY,sBM4jBd,mCACE,+BACA,cN7jBQ,kBMikBV,oBACE,cRvjBgB,qBQyjBhB,wBAEA,UNxkBI,0BM0kBF,kBAIJ,kBACE,4BAGF,SACE,sBACA,cACA,WACA,SACA,aACA,gDACA,mBRxlBiB,WEDb,eM4lBJ,SACA,8CAEA,QACE,iHAGF,mBAGE,kCAGF,kBACE,uBAIJ,eACE,CAII,oKADF,eACE,0DAKN,eAzEF,eA0EI,eAIJ,eACE,kBACA,gBAEA,aRpnBkB,qBQsnBhB,sBAEA,yBACE,YAKN,eACE,mBACA,eACA,eAEA,oBACE,kBACA,cAGF,aRjpBwB,yBQmpBtB,qBACA,gBACA,2DAEA,aAGE,8BAKN,kBAEE,cRxpBkB,oCQ2pBlB,cACE,mBACA,kBACA,4CAGF,aR/pBqB,gBQiqBnB,CAII,mUADF,eACE,0DAKN,6BAtBF,eAuBI,cAIJ,YACE,eACA,uBACA,UAGF,aACE,gBNrsBM,YMusBN,qBACA,mCACA,qBACA,cAEA,aACE,SACA,iBAIJ,kBACE,cRpsBqB,WQssBrB,sBAEA,aACE,eACA,eAKF,kBACE,sBAEA,eACE,CAII,+JADF,eACE,4CASR,qBACE,8BACA,WNjvBI,qCMmvBJ,oCACA,kBACA,aACA,mBACA,gDAEA,UNzvBI,0BM2vBF,oLAEA,oBAGE,0DAIJ,eACE,cACA,kBACA,CAII,yYADF,eACE,kEAIJ,eACE,oBAMR,YACE,eACA,mBACA,4DAEA,aAEE,6BAIA,wBACA,cACA,sBAIJ,iBACE,cR3xBkB,0BQ8xBlB,iBACE,oBAIJ,eACE,mBACA,uBAEA,cACE,WNrzBI,kBMuzBJ,mBACA,SACA,UACA,4BAGF,aACE,eAIJ,aN/zBc,0SMy0BZ,+CACE,aAIJ,kBACE,yBACA,kBACA,aACA,mBACA,kBACA,kBACA,QACA,mCACA,sBAEA,aACE,8BAGF,sBACE,SACA,aACA,eACA,gDACA,oBAGF,aACE,WACA,oBACA,gBACA,eACA,CACA,oBACA,WACA,iCACA,oBAGF,oBNn3Bc,gBMq3BZ,2BAEA,kBNv3BY,gBMy3BV,oBAKN,kBACE,6BAEA,wBACE,mBACA,eACA,aACA,4BAGF,kBACE,aACA,OACA,sBACA,cACA,cACA,gCAEA,iBACE,YACA,iBACA,kBACA,UACA,8BAGF,qBACE,qCAIJ,kBACE,gCAGF,wBACE,mCACA,kBACA,kBACA,kBACA,kBACA,sCAEA,wBACE,WACA,cACA,YACA,SACA,kBACA,MACA,UACA,yBAIJ,sBACE,aACA,mBACA,SC17BF,aACE,qBACA,cACA,mCACA,qCAEA,QANF,eAOI,8EAMA,kBACE,YAKN,YACE,kBACA,mBACA,0BACA,gBAEA,aACE,WACA,YACA,SACA,oBACA,CADA,8BACA,CADA,gBACA,0BACA,qCAGF,WAfF,YAgBI,sCAGF,WAnBF,YAoBI,aAIJ,iBACE,aACA,aACA,2BACA,mBACA,mBACA,0BACA,qCAEA,WATF,eAUI,qBAGF,aACE,WACA,YACA,gBACA,wBAEA,UACE,YACA,cACA,SACA,kBACA,mBACA,oBACA,CADA,8BACA,CADA,gBACA,0BAIJ,gBACE,gBACA,iCAEA,cACE,WP7EA,gBO+EA,gBACA,uBACA,+BAGF,aACE,eACA,cTzEY,gBS2EZ,gBACA,uBACA,aAMR,cACE,kBACA,gBACA,6GAEA,cAME,WP3GI,gBO6GJ,qBACA,iBACA,qBACA,sBAGF,ePnHM,oBOqHJ,WTtHI,eSwHJ,cACA,kBAGF,cACE,uCAGF,wBAEE,cTlHmB,oBSsHrB,UACE,eACA,wBAEA,oBACE,iBACA,oBAIJ,WACE,gBACA,wBAEA,oBACE,gBACA,uBAIJ,cACE,cACA,qCAGF,YA9DF,iBA+DI,mBAEA,YACE,uCAGF,oBAEE,gBAKN,kBT3KqB,mCS6KnB,cTzJiB,eS2JjB,gBACA,kBACA,aACA,uBACA,mBACA,eACA,kBACA,aACA,gBACA,2BAEA,yBACE,yBAGF,qBACE,gBACA,yCAIJ,oBAEE,gBACA,eACA,kBACA,eACA,iBACA,gBACA,cT1MwB,sCS4MxB,sCACA,6DAEA,aPjNc,sCOmNZ,kCACA,qDAGF,aACE,sCACA,kCACA,0BAIJ,eACE,UACA,wBACA,gBACA,CADA,YACA,CACA,iCACA,CADA,uBACA,CADA,kBACA,eACA,iBACA,6BAEA,YACE,gCACA,yDAGF,qBAEE,aACA,kBACA,gBACA,gBACA,mBACA,uBACA,6BAGF,eACE,YACA,cACA,cT7OmB,6BS+OnB,6BAGF,aACE,cTrPgB,4BSyPlB,aTlQwB,qBSoQtB,qGAEA,yBAGE,oCAIJ,qCACE,iCACA,sCAEA,aPpRY,gBOsRV,0CAGF,aPzRY,wCO8Rd,eACE,wCAIJ,UACE,0BAIA,aT5RkB,4BS+RhB,aTzSsB,qBS2SpB,qGAEA,yBAGE,iCAIJ,UPvTI,gBOyTF,wBAIJ,eACE,kBChUJ,kCACE,kBACA,gBACA,mBACA,8BAEA,yBACE,qCAGF,iBAVF,eAWI,gBACA,gBACA,6BAGF,eACE,SACA,gBACA,gFAEA,yBAEE,sCAIJ,UACE,yBAGF,kBV5BmB,6GU+BjB,sBAGE,CAHF,cAGE,8IAIA,eAGE,0BACA,iJAKF,yBAGE,kLAIA,iBAGE,qCAKN,4GACE,yBAGE,uCAKN,kBACE,qBAIJ,WACE,eACA,mBVpEmB,WEXb,oBQkFN,iBACA,YACA,iBACA,SACA,yBAEA,UACE,YACA,sBACA,iBACA,UR5FI,gFQgGN,kBAGE,qNAKA,kBVtGoB,4IU8GpB,kBR9GQ,qCQqHV,wBACE,YACE,0DAOJ,YACE,uCAGF,2BACE,gBACA,uDAEA,SACE,SACA,yDAGF,eACE,yDAGF,gBACE,iBACA,mFAGF,UACE,qMAGF,eAGE,iCC/JN,u+KACE,uCAEA,u+KACE,0CAIJ,u+KACE,WCTF,gCACE,4CACA,kBAGF,mBACE,sBACA,oBACA,gBACA,kBACA,cAGF,aACE,eACA,iBACA,cZHmB,SYKnB,uBACA,UACA,eACA,wCAEA,yBAEE,uBAGF,aZxBsB,eY0BpB,SAIJ,wBZrBqB,YYuBnB,kBACA,sBACA,WVpCM,eUsCN,qBACA,oBACA,eACA,gBACA,YACA,iBACA,iBACA,gBACA,eACA,kBACA,kBACA,yBACA,qBACA,uBACA,2BACA,mBACA,WACA,4CAEA,wBAGE,4BACA,sBAGF,eACE,mFAEA,wBVjEQ,gBUqEN,mCAIJ,wBZzEsB,eY4EpB,2BAGF,QACE,wDAGF,mBAGE,yGAGF,cAIE,iBACA,YACA,oBACA,iBACA,4BAGF,UZvGM,mBAGgB,qGYwGpB,wBAGE,8BAIJ,kBVnFsB,2GUsFpB,wBAGE,0BAIJ,aZ9GkB,uBYgHhB,iBACA,yBACA,+FAEA,oBAGE,cACA,mCAGF,UACE,uBAIJ,aACE,WACA,kBAIJ,YACE,cACA,kBACA,cAGF,oBACE,UACA,cZ1IoB,SY4IpB,kBACA,uBACA,eACA,2BACA,2CACA,2DAEA,aAGE,uCACA,4BACA,2CACA,oBAGF,qCACE,uBAGF,aACE,6BACA,eACA,qBAGF,aZnLwB,gCYuLxB,QACE,uEAGF,mBAGE,uBAGF,aZjLmB,sFYoLjB,aAGE,oCACA,6BAGF,kCACE,gCAGF,aACE,6BACA,8BAGF,aZpNsB,uCYuNpB,aACE,wBAKN,sBACE,0BACA,yBACA,kBACA,YACA,8BAEA,yBACE,mBAKN,aZ1NqB,SY4NnB,kBACA,uBACA,eACA,gBACA,eACA,cACA,iBACA,UACA,2BACA,2CACA,0EAEA,aAGE,oCACA,4BACA,2CACA,yBAGF,kCACE,4BAGF,aACE,6BACA,eACA,0BAGF,aZ3QwB,qCY+QxB,QACE,sFAGF,mBAGE,CAKF,0BADF,iBAUE,CATA,WAGF,WACE,cACA,qBACA,QACA,SAEA,+BAEA,kBAEE,mBACA,oBACA,kBACA,mBACA,iBAKF,WACE,eAIJ,YACE,iCAGE,mBACA,eAEA,gBACA,wCAEA,aZhUsB,sDYoUtB,YACE,2CAGF,oBACE,kBACA,yBACA,sBACA,WACA,YACA,cACA,kBACA,SACA,kBACA,sBACA,kDAEA,oBZrVoB,yDY4VxB,UZjWM,mBYmWJ,mBZhWoB,oCYkWpB,iBACA,kBACA,eACA,gBACA,6CAEA,UZ3WI,gBY6WF,CAII,kRADF,eACE,wCAKN,aZjWiB,gBYmWf,0BACA,yIAEA,oBAGE,sCAKN,iBACE,MACA,QACA,kDAGF,iBACE,mGAGF,iBAGE,WACA,8BAGF,QACE,wBACA,UACA,qDAEA,WACE,mBACA,UACA,mFAIJ,aAEE,sBACA,WACA,SACA,WZraI,gBECA,aUuaJ,oBACA,eACA,gBACA,SACA,UACA,yIAEA,aZhac,CY8Zd,sHAEA,aZhac,CY8Zd,8HAEA,aZhac,CY8Zd,4GAEA,aZhac,+FYoad,SACE,qCAGF,kFAvBF,cAwBI,sCAIJ,iBACE,+CAGF,gBACE,0BACA,iBACA,mBACA,YACA,qBACA,kEAEA,SACE,qCAGF,8CAZF,sBAaI,gBACA,2DAIJ,iBACE,SACA,kDAGF,qBACE,aACA,kBACA,SACA,WACA,WACA,sCACA,mBZ1dsB,0BY4dtB,WZheI,eYkeJ,YACA,6FAEA,aACE,wDAIJ,YACE,eACA,kBACA,yPAEA,kBAIE,wGAIJ,YAGE,mBACA,mBACA,2BACA,iBACA,eACA,oCAGF,6BACE,0CAEA,aACE,gBACA,uBACA,mBACA,2CAGF,eACE,0CAGF,aACE,iBACA,gBACA,uBACA,mBACA,8EAIJ,aAEE,iBACA,WACA,YACA,2DAGF,aZ5gBmB,wCYghBnB,UZriBM,oBYuiBJ,eACA,gBVviBI,sEU0iBJ,eACE,uEAGF,YACE,mBACA,YACA,eACA,8DAGF,UACE,cACA,WACA,uEAEA,iFACE,aACA,uBACA,8BACA,UACA,4BACA,oFAEA,aACE,cZpjBa,eYsjBb,gBACA,aACA,oBACA,6QAEA,UAGE,8EAIJ,SACE,0EAIJ,iBACE,UACA,SACA,OACA,QACA,sBACA,gFACA,aACA,UACA,4BACA,mFAEA,sBACE,cZplBa,SYslBb,UACA,SACA,WACA,oBACA,eACA,gBACA,yFAEA,UV7mBF,8GUinBE,WACE,cZnmBW,CEff,oGUinBE,WACE,cZnmBW,CEff,wGUinBE,WACE,cZnmBW,CEff,+FUinBE,WACE,cZnmBW,iFYwmBf,SACE,wEAKN,iBACE,sBV/nBE,wBUioBF,sBACA,4BACA,aACA,WACA,gBACA,8CAIJ,YACE,mBACA,0BACA,aACA,8BACA,cACA,qEAEA,YACE,uGAEA,gBACE,qGAGF,YACE,6IAEA,aACE,2IAGF,gBACE,0HAKN,sBAEE,cACA,0EAGF,iBACE,iBACA,sCAIJ,YACE,yBACA,YACA,cACA,4EAEA,eACE,iBACA,oBAKN,cACE,kDACA,eACA,gBACA,cZ9qBmB,4CYirBnB,aVlsBY,kCUusBd,2CACE,WC7sBF,8DDktBE,sBACA,CADA,kBACA,wBACA,WACA,YACA,eAEA,UACE,kBAIJ,iBACE,mBACA,mBZ3tBsB,aY6tBtB,gBACA,gBACA,cACA,0BAGF,iBACE,gBACA,0BAGF,WACE,iBACA,gCAGF,UZhvBQ,cYkvBN,eACA,iBACA,gBACA,mBACA,qBACA,kCAGF,UACE,iBACA,+BAGF,cACE,4CAGF,iBAEE,eACA,iBACA,qBACA,gBACA,gBACA,uBACA,gBACA,WV3wBM,wDU8wBN,SACE,wGAGF,kBACE,sJAEA,oBACE,gEAIJ,UACE,YACA,gBACA,oDAGF,cACE,iBACA,sBACA,CADA,gCACA,CADA,kBACA,gDAGF,kBACE,qBACA,sEAEA,eACE,gDAIJ,aVnyBc,qBUqyBZ,4DAEA,yBACE,oEAEA,aACE,4EAKF,oBACE,sFAEA,yBACE,wDAKN,aZvzBc,8EY4zBhB,aACE,0GAGF,kBZ7zBoB,sHYg0BlB,kBACE,qBACA,8IAGF,QACE,0XAGF,mBAGE,0FAIJ,YACE,wJAEA,aACE,+BAKN,oBACE,gBACA,yCAEA,UACE,YACA,gBACA,iCAGF,kBACE,qBACA,4CAEA,eACE,iCAIJ,aZ92BqB,qBYg3BnB,uCAEA,yBACE,+CAIA,oBACE,oDAEA,yBACE,gDAKN,aACE,6CAKN,gBACE,oCAGF,aACE,eACA,iBACA,cACA,SACA,uBACA,CACA,eACA,qBACA,oFAEA,yBAEE,gCAIJ,oBACE,kBACA,uBACA,SACA,WZ/6BM,gBYi7BN,eACA,cACA,yBACA,iBACA,eACA,sBACA,4BAGF,aZ36BkB,SY66BhB,kBACA,kBACA,oBACA,SACA,aACA,sBACA,WACA,WACA,gCACA,+BAGF,UACE,kBACA,kBAIA,SACE,mBACA,wCAEA,kBACE,8CAEA,sBACE,iFAIJ,kBAEE,SAMJ,yBACA,kBACA,gBACA,gCACA,eACA,UAaA,mCACA,CADA,0BACA,wDAZA,QARF,kBAWI,0BAGF,GACE,aACA,WALA,gBAGF,GACE,aACA,uDAMF,cAEE,kCAGF,kBACE,4BACA,sCAIA,aZ5+Be,qCYg/Bf,UZtgCI,6BY0gCJ,aZp/Be,CAtBX,kEYkhCJ,UZlhCI,kCYqhCF,aZhhCoB,gEYohCpB,UVxhCE,mBFEgB,sEY0hChB,kBACE,+CAQR,sBACE,qEAEA,aACE,qDAKN,aZhiCkB,YYmiChB,eACA,uBAGF,aZviCkB,qCY2iClB,aACE,eACA,mBACA,eAGF,cACE,mBAGF,+BACE,aACA,6CAEA,uBACE,OACA,gBACA,4DAEA,eACE,8DAGF,SACE,mBACA,qHAGF,cAEE,gBACA,4EAGF,cACE,0BAKN,kBACE,aACA,cACA,uBACA,aACA,kBAGF,gBACE,cZ5lCgB,CY8lChB,iBACA,eACA,kBACA,+CAEA,aZnmCgB,uBYumChB,aACE,gBACA,uBACA,qBAIJ,kBACE,aACA,eACA,8BAEA,mBACE,kBACA,mBACA,yDAEA,gBACE,qCAGF,oBACE,WACA,eACA,gBACA,cZ7nCgB,4BYmoCtB,iBACE,8BAGF,cACE,cACA,uCAGF,aACE,aACA,mBACA,uBACA,kBACA,kBAGF,kBACE,kBACA,wBAEA,YACE,eACA,8BACA,uBACA,uFAEA,SAEE,mCAIJ,cACE,iBACA,6CAEA,UACE,YACA,gBACA,kEAGF,gBACE,gBACA,+DAIJ,cAEE,wBAIJ,eACE,cZ9rCgB,eYgsChB,iBACA,8BAGF,kBACE,6BACA,gCACA,aACA,mBACA,eACA,wBAGF,aACE,qBACA,uDAGF,oBAEE,gBACA,eACA,gBACA,2BAGF,UZzuCQ,eY2uCN,6BAEA,aZxtCmB,SY6tCrB,YACE,gCACA,8BAEA,aACE,cACA,WVvvCI,qBUyvCJ,eACA,gBACA,kBAIJ,YACE,iBAGF,WACE,aACA,mBACA,UAGF,YACE,gCACA,kBAEA,SACE,gBACA,2CAEA,aACE,iCAIJ,aACE,cACA,cZ3wCgB,gBY6wChB,qBACA,eACA,mBAIJ,YACE,0BAGF,UACE,iBACA,kBACA,kBAGF,iBE3yCE,iCACA,wBACA,4BACA,kBF0yCA,yBAEA,oBACE,sBACA,iBACA,4BAGF,iBErzCA,iCACA,wBACA,4BACA,kBFozCE,gBACA,kBACA,gCAEA,UACE,kBACA,sBACA,mCAGF,aACE,kBACA,QACA,SACA,+BACA,WVr0CE,6BUu0CF,gBACA,eACA,oBAKN,cACE,0BAGF,UACuB,sCE30CrB,+BF60CA,iBEt1CA,iCACA,wBACA,4BACA,WFq1CuB,sCE/0CvB,kCFk1CA,iBE31CA,iCACA,wBACA,4BACA,WF01CuB,sCEp1CvB,kBFs1CE,SACA,QACA,UACA,wBAIJ,WACE,aACA,mBACA,sBAGF,YACE,6BACA,cZ/1CgB,6BYk2ChB,eACE,CAII,kMADF,eACE,wBAKN,eACE,cACA,0BACA,yFAEA,oBAGE,sBAKN,4BACE,gCACA,iBACA,gBACA,cACA,aACA,+BAGF,YACE,4CAEA,qBACE,oFAIA,QACE,WACA,uDAGF,WACE,iBACA,gBACA,WACA,4BAKN,YACE,cACA,iBACA,kBACA,2BAGF,oBACE,gBACA,cACA,+BACA,eACA,oCACA,kCAEA,+BACE,gCAGF,aACE,yBACA,eACA,cZ/6CgB,kCYm7ClB,aACE,eACA,gBACA,WVn8CI,CUw8CA,2NADF,eACE,oBAMR,iBACE,mDAEA,aACE,mBACA,gBACA,4BAIJ,UACE,kBACA,6JAGF,oBAME,4DAKA,UVx+CM,kBU8+CN,UACE,iKAQF,yBACE,+BAIJ,aACE,gBACA,uBACA,0DAGF,aAEE,sCAGF,kBACE,gCAGF,aZ5/CuB,cY8/CrB,iBACA,mBACA,gBACA,2EAEA,aAEE,uBACA,gBACA,uCAGF,cACE,WV1hDI,kCU+hDR,UACE,kBACA,iBAGF,WACE,UACA,kBACA,SACA,WACA,iBAGF,UACE,kBACA,OACA,MACA,YACA,eACA,CZpiDgB,gHY8iDhB,aZ9iDgB,wBYkjDhB,UACE,wCAGF,kBVtiDsB,WF/BhB,8CYykDJ,kBACE,qBACA,wBAKN,oBACE,gBACA,eACA,cZrkDkB,eYukDlB,iBACA,kBACA,4BAEA,aZplDwB,6BYwlDxB,cACE,gBACA,uBACA,uCAIJ,UACE,kBACA,CVjmDU,mEUwmDZ,aVxmDY,uBU4mDZ,aV7mDc,4DUmnDV,4CACE,CADF,oCACE,8DAKF,6CACE,CADF,qCACE,6BAKN,aACE,gBACA,qBACA,mCAEA,UVvoDM,0BUyoDJ,8BAIJ,WACE,eAGF,aACE,eACA,gBACA,uBACA,mBACA,qBAGF,eACE,wBAGF,cACE,+DAKA,yBACE,eAIJ,iBACE,WACA,YACA,aACA,mBACA,uBACA,sBACA,6CAEA,cV9nD4B,eAEC,0DU+nD3B,sBACA,CADA,gCACA,CADA,kBACA,4BAGF,iBACE,qEAGF,YACE,iBAIJ,iBACE,WACA,YACA,aACA,mBACA,uBACA,qBAEA,cVtpD4B,eAEC,WUupD3B,YACA,sBACA,CADA,gCACA,CADA,kBACA,iBAIJ,YACE,aACA,mBACA,cACA,eACA,cZ1sDkB,wBY6sDlB,aZ3sDqB,mBY+sDrB,aACE,4BAGF,oBACE,0CAGF,iBACE,6DAEA,iBACE,oBACA,qCACA,UACA,4EAGF,mBACE,gCACA,UACA,0BAKN,aACE,gBACA,iBACA,gBACA,gBACA,kCAGF,aACE,gBACA,gBACA,uBACA,+BAGF,aACE,qBACA,WAGF,oBACE,oBAGF,YACE,kBACA,2BAGF,+BACE,mBACA,SACA,gBAGF,kBZxxD0B,cY0xDxB,kBACA,uCACA,aACA,mBAEA,eACE,qBAGF,yBACE,oBAGF,yBACE,uBAGF,sBACE,sBAGF,sBACE,uBAIJ,iBACE,QACA,SACA,2BACA,4BAEA,UACE,gBACA,2BACA,0BZ7zDsB,2BYi0DxB,WACE,iBACA,uBACA,yBZp0DsB,8BYw0DxB,QACE,iBACA,uBACA,4BZ30DsB,6BY+0DxB,SACE,gBACA,2BACA,2BZl1DsB,wBYw1DxB,cACE,iBACA,cACA,iBACA,sBACA,qBACA,mBZ91DsB,WAJlB,gBYq2DJ,uBACA,mBACA,yFAEA,kBZ71DiB,cAIE,UY81DjB,sCAKN,aACE,iBACA,gBACA,QACA,gBACA,aACA,yCAEA,eACE,mBZx3DsB,cY03DtB,kBACA,mCACA,gBACA,kBACA,sDAGF,OACE,wDAIA,UACE,8CAIJ,cACE,iBACA,cACA,iBACA,sBACA,qBACA,mBZj5DsB,WAJlB,gBYw5DJ,uBACA,mBACA,oDAEA,SACE,oDAGF,kBZp5DiB,cAIE,iBYu5DvB,qBACE,eAGF,YACE,cACA,mBACA,2BACA,gBACA,kBACA,4BAEA,iBACE,uBAGF,YACE,uBACA,WACA,YACA,iBACA,6BAEA,WACE,gBACA,oBACA,aACA,yBACA,gBACA,oCAEA,0BACE,oCAGF,cACE,YACA,oBACA,YACA,6BAIJ,qBACE,WACA,gBACA,cACA,aACA,sBACA,qCAEA,4BARF,cASI,qBAMR,kBACE,wBACA,CADA,eACA,MACA,UACA,cACA,qCAEA,mBAPF,gBAQI,+BAGF,eACE,qCAEA,6BAHF,kBAII,gKAMJ,WAIE,mCAIJ,YACE,mBACA,uBACA,YACA,SAGF,WACE,kBACA,sBACA,aACA,sBACA,qBAEA,kBZ1gEmB,8BY4gEjB,+BACA,KAIJ,aACE,CACA,qBACA,WACA,YACA,aAJA,YAYA,CARA,QAGF,WACE,sBACA,CACA,qBACA,kBACA,cAGF,aACE,cACA,sBACA,cZxhEkB,qBY0hElB,kBACA,eACA,oCACA,iBAGF,aAEE,gBACA,qCAGF,cACE,SACE,iBAGF,aAEE,CAEA,gBACA,yCAEA,iBACE,uCAGF,kBACE,qDAKF,gBAEE,kBACA,YAKN,qBACE,aACA,mBACA,cACA,gBACA,iBAGF,aACE,cACA,CACA,sBACA,WV7lEM,qBU+lEN,kBACA,eACA,gBACA,gCACA,2BACA,mDACA,qBAEA,eACE,eACA,qCAMA,mEAHF,kBAII,4BACA,yBAIJ,+BACE,cZlnEsB,sBYsnExB,eACE,aACA,qCAIJ,qBAEI,cACE,wBAKN,qBACE,WACA,YACA,cACA,6DAEA,UAEE,YACA,UACA,wCAGF,YACE,cACA,kDACA,qCAEA,uCALF,aAMI,yCAIJ,eACE,oCAGF,YACE,uDAGF,cACE,sCAGF,gBACE,eACA,CACA,2BACA,yCAGF,QACE,mCAGF,gBACE,yBAEA,kCAHF,eAII,sCAIJ,sBACE,gBACA,sCAGF,uCACE,YACE,iKAEA,eAGE,6CAIJ,gBACE,2EAGF,YAEE,kGAGF,gBACE,+BAGF,2BACE,gBACA,uCAEA,SACE,SACA,wCAGF,eACE,wCAGF,gBACE,iBACA,qDAGF,UACE,gLAGF,eAIE,gCAIJ,iBACE,6CAEA,cACE,8CAKF,gBACE,iBACA,6DAGF,UACE,CAIA,yFAGF,eACE,8DAGF,gBACE,kBACA,0BAMR,cACE,aACA,uBACA,mBACA,gBACA,iBACA,iBACA,gBACA,mBACA,WVpyEM,kBUsyEN,eACA,iBACA,qBACA,sCACA,4FAEA,kBAGE,qCAIJ,UACE,UACE,uDAGF,kCACE,4DAGF,kBAGE,yBAGF,aACE,iBAGF,eAEE,sCAIJ,2CACE,YACE,sCAOA,sEAGF,YACE,uCAIJ,0CACE,YACE,uCAIJ,UACE,YACE,mBAIJ,iBACE,yBAEA,iBACE,SACA,UACA,mBZp2EiB,yBYs2EjB,gBACA,kBACA,eACA,gBACA,iBACA,WVt3EI,mDU23ER,oBACE,gBAGF,WACE,gBACA,aACA,sBACA,yBACA,kBACA,gCAEA,gBACE,oBACA,cACA,gBACA,6BAGF,sBACE,8BAGF,MACE,kBACA,aACA,sBACA,iBACA,oBACA,oBACA,mDAGF,eACE,sBV75EI,0BU+5EJ,cACA,gDAGF,iBACE,gDAGF,WACE,mBAIJ,eACE,mBACA,yBACA,gBACA,aACA,sBACA,qBAEA,aACE,sBAGF,aACE,SACA,CACA,4BACA,cACA,qDAHA,sBAOA,gBAMF,WACA,kBAGA,+BANF,qBACE,UACA,CAEA,eACA,aAiBA,CAhBA,eAGF,iBACE,MACA,OACA,mBACA,CAGA,qBACA,CACA,eACA,WACA,YACA,kBACA,uBAEA,kBZ59EmB,0BYi+ErB,u1BACE,OACA,gBACA,aACA,8BAEA,aACE,sBACA,CADA,4DACA,CADA,kBACA,+BACA,CADA,2BACA,UACA,YACA,oBACA,eACA,yBACA,CADA,qBACA,CADA,oBACA,CADA,gBACA,sCAGF,yBAjBF,aAkBI,iBAIJ,kBACE,eACA,gBACA,iBAGF,aACE,eACA,mBACA,mBACA,aACA,mBACA,kBACA,mBAEA,iCACE,yBAEA,kBACE,mCACA,aAKN,iBACE,kBACA,cACA,iCACA,mCAEA,eACE,yBAGF,YAVF,cAWI,oBAGF,YACE,sBACA,qBAGF,aACE,kBACA,iBACA,yBAKF,uBADF,YAEI,sBAIJ,qBACE,WACA,mBACA,cZhjFwB,eYkjFxB,cACA,eACA,oBACA,SACA,iBACA,aACA,SACA,UACA,UACA,2BAEA,yBACE,6BAIJ,kBACE,SACA,oBACA,cZrkFwB,eYukFxB,mBACA,eACA,kBACA,UACA,mCAEA,yBACE,wCAGF,kBACE,2BAIJ,oBACE,iBACA,2BAGF,iBACE,kCAGF,cACE,cACA,eACA,aACA,kBACA,QACA,UACA,eAGF,oBACE,kBACA,eACA,6BACA,SACA,UACA,yBACA,CADA,qBACA,CADA,oBACA,CADA,gBACA,0CACA,wCACA,iCAGF,QACE,mBACA,WACA,YACA,gBACA,UACA,kBACA,UACA,yBAGF,kBACE,WACA,wBACA,qBAGF,UACE,YACA,UACA,mBACA,yBZ7oFmB,qCY+oFnB,sEAGF,wBACE,4CAGF,wBZ5oFqB,+EYgpFrB,wBACE,2BAGF,iBACE,WACA,YACA,MACA,SACA,gBACA,mBACA,cACA,SACA,UACA,6BACA,CAKA,uEAFF,SACE,6BAeA,CAdA,sBAGF,iBACE,WACA,YACA,MACA,SACA,gBACA,mBACA,cACA,WAGA,8CAGF,SACE,qBAGF,iBACE,QACA,SACA,WACA,YACA,yBACA,kBACA,yBACA,sBACA,yBACA,sCACA,4CAGF,SACE,qBZxsFmB,cY4sFrB,kBACE,WVxtFM,cU0tFN,eACA,aACA,qBACA,2DAEA,kBAGE,oBAGF,SACE,2BAGF,sBACE,cZvuFsB,kGY0uFtB,sBAGE,WVhvFE,kCUovFJ,aZzuFiB,oBY+uFrB,oBACE,iBACA,qBAGF,oBACE,kBACA,CACA,gBACA,CZlwFmB,eYqwFnB,iBACA,wCANA,cACA,CACA,eACA,mBAaA,CAVA,mBZtwFmB,aAaH,iBY+vFhB,CAEA,wBACA,eACA,yDAGF,kBZnxFqB,cYyxFrB,aACE,kBAGF,aZhxFkB,cYkxFhB,8BACA,+BACA,4EAEA,0BAGE,CAHF,uBAGE,CAHF,kBAGE,kDAMA,sBACA,YACA,wDAEA,kBACE,8DAGF,cACE,sDAGF,cACE,0DAEA,aZ9yFY,0BYgzFV,sDAIJ,oBACE,cZtzFc,sMYyzFd,yBAGE,oDAKN,aZh0FgB,0BYs0FhB,aACE,UACA,mCACA,CADA,0BACA,gBACA,6BAEA,cACE,yBACA,cZ/0Fc,aYi1Fd,gBACA,gCACA,sCAGF,oDACE,YACE,uCAIJ,oDACE,YACE,uCAIJ,yBA3BF,YA4BI,yCAGF,eACE,aACA,iDAEA,aZ12Fc,qBYi3FpB,eACE,gBACA,2BAEA,iBACE,aACA,wBAGF,kBACE,yBAGF,oBACE,gBACA,yBACA,yBACA,eAIJ,aACE,sBACA,WACA,SACA,WZx5FM,gBECA,aU05FN,oBACA,eACA,gBACA,SACA,UACA,kBACA,qBAEA,SACE,qCAGF,cAnBF,cAoBI,oDAIJ,uBACE,YACA,6CACA,uBACA,sBACA,WACA,0DAEA,sBACE,0DAKJ,uBACE,2BACA,gDAGF,aZ76FsB,6BY+6FpB,uDAGF,aZ/7F0B,cYm8F1B,YACE,eACA,yBACA,kBACA,cZ77FgB,gBY+7FhB,qBACA,gBACA,uBAEA,QACE,OACA,kBACA,QACA,MAIA,iDAHA,YACA,uBACA,mBAUE,CATF,0BAEA,yBACE,kBACA,iBACA,cAIA,sDAGF,cAEE,cZx9FiB,uBY09FjB,SACA,cACA,qBACA,eACA,iBACA,sMAEA,UVh/FE,yBUu/FJ,cACE,kBACA,YACA,eAKN,cACE,qBAEA,kBACE,oBAIJ,cACE,cACA,qBACA,WACA,YACA,SACA,2BAIA,UACE,YACA,qBAIJ,aACE,gBACA,kBACA,cZ7gGkB,gBY+gGlB,uBACA,mBACA,qBACA,uBAGF,aACE,gBACA,2BACA,2BAGF,aZ3hGoB,oBY+hGpB,aACE,eACA,eACA,gBACA,uBACA,mBACA,qBAGF,cACE,mBACA,kBACA,yBAEA,cACE,kBACA,yBACA,QACA,SACA,+BACA,yBAIJ,aACE,6CAEA,UACE,mDAGF,yBACE,6CAGF,mBACE,sBAIJ,oBACE,kCAEA,QACE,4CAIA,oBACA,0CAGF,kBACE,0CAGF,aACE,6BAIJ,wBACE,2BAGF,yBACE,cACA,SACA,WACA,YACA,oBACA,CADA,8BACA,CADA,gBACA,sBACA,wBACA,YAGF,aACE,cZ3mGgB,6BY6mGhB,SACA,kBACA,kBACA,oBACA,SACA,aACA,sBACA,WACA,WACA,qBACA,kBAEA,kBACE,WAIJ,+BACE,yBAGF,iBACE,eACA,gBACA,cZroGgB,mBAbG,eYqpGnB,aACA,cACA,sBACA,mBACA,uBACA,aACA,qEAGE,aAEE,WACA,aACA,SACA,yCAIJ,gBACE,gCAGF,eACE,uCAEA,aACE,mBACA,cZnqGY,qCYuqGd,cACE,gBACA,yBAKN,iBACE,cACA,UACA,gCAEA,sCACE,uCAEA,aACE,WACA,kBACA,aACA,OACA,QACA,cACA,UACA,oBACA,YACA,UACA,gFACA,wCAIJ,SACE,kBACA,gBAIJ,YACE,eACA,mBACA,cACA,eACA,kBACA,UACA,UACA,gBACA,2BACA,4BACA,uBAEA,QACE,SACA,yBACA,cACA,uBACA,aACA,gBACA,uBACA,gBACA,mBACA,OACA,4CAGF,aZjvGwB,4CYsvGtB,aZtvGsB,yCYwvGpB,4CAIJ,SAEE,yBAIJ,WACE,aACA,uBAGF,kBACE,iCAGF,iBACE,wBAGF,kBACE,SACA,cZxwGkB,eY0wGlB,eACA,eACA,8BAEA,aACE,CAKA,kEAEA,UVnyGI,mBUqyGF,6BAKN,eACE,gBACA,gBACA,cZhyGkB,0DYkyGlB,UACA,UACA,kBACA,uCAEA,YACE,WACA,uCAGF,iBACE,gCAGF,QACE,uBACA,SACA,6BACA,cACA,mCAIJ,kBACE,aACA,mCAIA,aZ/zGkB,0BYi0GhB,gCAIJ,WACE,4DAEA,cACE,uEAEA,eACE,WAKN,oBACE,UACA,oBACA,kBACA,cACA,SACA,uBACA,eACA,sBAGF,oBACE,iBACA,oBAGF,aZh2GkB,eYk2GhB,gBACA,yBACA,iBACA,kBACA,QACA,SACA,+BACA,yBAEA,aACE,WACA,CACA,0BACA,oBACA,mBACA,4BAIJ,iBACE,QACA,SACA,+BACA,WACA,YACA,sBACA,6BACA,CACA,wBACA,kBACA,2CAGF,2EACE,CADF,mEACE,8CAGF,4EACE,CADF,oEACE,qCAGF,GACE,sBACE,KAGF,2BACE,KAGF,2BACE,KAGF,yBACE,IAGF,wBACE,EArBF,4BAGF,GACE,sBACE,KAGF,2BACE,KAGF,2BACE,KAGF,yBACE,IAGF,wBACE,uCAIJ,GACE,wBACE,KAGF,0BACE,KAGF,2BACE,KAGF,uBACE,IAGF,sBACE,EAtBA,6BAIJ,GACE,wBACE,KAGF,0BACE,KAGF,2BACE,KAGF,uBACE,IAGF,sBACE,mCAIJ,GACE,OACE,SACA,yBACA,KAGF,wBACE,KAGF,UACE,YACA,6BACA,kBACA,UACA,IAGF,UACE,YACA,eACA,UACA,6BACA,EA5BA,yBAIJ,GACE,OACE,SACA,yBACA,KAGF,wBACE,KAGF,UACE,YACA,6BACA,kBACA,UACA,IAGF,UACE,YACA,eACA,UACA,6BACA,kCAIJ,GACE,gBACA,aACA,aAPE,wBAIJ,GACE,gBACA,aACA,gCAGF,kBACE,gBVz+GM,WACA,eU2+GN,aACA,sBACA,YACA,uBACA,eACA,kBACA,kBACA,YACA,gBAGF,eVv/GQ,cFcY,SY4+GlB,UACA,WACA,YACA,kBACA,wBACA,CADA,oBACA,CADA,eACA,iEAEA,SAGE,cACA,yBAIJ,aACE,eACA,yBAGF,aACE,eACA,gBACA,iBAGF,KACE,OACA,WACA,YACA,kBACA,YACA,2BAEA,aACE,SACA,QACA,WACA,YACA,6BAGF,mBACE,yBAGF,YACE,0BAGF,aACE,uBACA,WACA,YACA,SACA,iCAEA,oBACE,0BACA,kBACA,iBACA,WVtjHE,gBUwjHF,eACA,+LAMA,yBACE,mEAKF,yBACE,6BAMR,kBACE,iBAGF,kBACE,6BACA,gCACA,aACA,mBACA,eACA,kDAGF,aAEE,kBACA,yBAGF,kBACE,aACA,2BAGF,aZvlHoB,eYylHlB,cACA,gBACA,mBACA,kDAIA,kBACE,oDAIA,SEtmHF,sBACA,WACA,SACA,gBACA,oBACA,mBdhBmB,cAYD,ecOlB,SACA,+EFgmHI,aACE,CEjmHN,qEFgmHI,aACE,CEjmHN,yEFgmHI,aACE,CEjmHN,gEFgmHI,aACE,sEAGF,QACE,yLAGF,mBAGE,0DAGF,kBACE,qCAGF,mDArBF,cAsBI,yDAIJ,aZ9nHc,iBYgoHZ,eACA,4DAGF,gBACE,wDAGF,kBACE,gEAEA,cACE,iNAEA,kBAGE,cACA,gHAKN,aZxpHgB,0HY6pHhB,cAEE,gBACA,cZ/pHY,kZYkqHZ,aAGE,gEAIJ,wBACE,iDAGF,eV3rHI,kBY0BN,CAEA,eACA,cdRiB,uCcUjB,UF8pHI,mBZ1rHoB,oDc8BxB,wBACE,cdbe,ecef,gBACA,mBACA,oDAGF,aACE,oDAGF,kBACE,oDAGF,eACE,WdnDI,sDYksHJ,WACE,mDAGF,UZtsHI,kBYwsHF,eACA,8HAEA,kBAEE,iCAON,kBACE,mBAIJ,UVxtHQ,kBU0tHN,cACA,mBACA,sBV7tHM,yBU+tHN,eACA,gBACA,YACA,kBACA,WACA,yBAEA,SACE,iBAIJ,aACE,iBACA,wBAGF,aZluHoB,qBYouHlB,mBACA,gBACA,sBACA,6EAGF,aZzuHkB,mBAbG,kBY2vHnB,aACA,eACA,gBACA,eACA,aACA,cACA,mBACA,uBACA,yBAEA,4EAfF,cAgBI,6FAGF,eACE,mFAGF,aZ1wHwB,qBY4wHtB,qGAEA,yBACE,uCAKN,kBACE,aACA,eAGF,qBACE,8BAGF,GACE,kBACE,2CACA,CADA,kCACA,KAGF,oBACE,0CACA,CADA,iCACA,KAGF,oBACE,2CACA,CADA,kCACA,KAGF,oBACE,0CACA,CADA,iCACA,KAGF,kBACE,2CACA,CADA,kCACA,EA1BF,qBAGF,GACE,kBACE,2CACA,CADA,kCACA,KAGF,oBACE,0CACA,CADA,iCACA,KAGF,oBACE,2CACA,CADA,kCACA,KAGF,oBACE,0CACA,CADA,iCACA,KAGF,kBACE,2CACA,CADA,kCACA,mCAIJ,8BACE,2DACA,CADA,kDACA,iCAGF,MACE,sBAEE,0BACA,KAGF,sBACE,aAGF,uBAGE,aAGF,sBAGE,KAGF,uBACE,KAGF,sBACE,EA/BF,wBAGF,MACE,sBAEE,0BACA,KAGF,sBACE,aAGF,uBAGE,aAGF,sBAGE,KAGF,uBACE,KAGF,sBACE,kCAIJ,yBACE,8EACA,CADA,qEACA,8BAGF,eVt2HQ,kBUw2HN,sCACA,kBACA,eACA,UACA,iDAEA,2BACE,2DAGF,UACE,mCAIJ,iBACE,SACA,WACA,eACA,yCAGF,iBACE,UACA,SACA,UACA,gBVl4HM,kBUo4HN,sCACA,gBACA,gDAEA,aACE,eACA,SACA,gBACA,uBACA,iKAEA,+BAGE,2DAIJ,WACE,wBAKF,2BACE,cAIJ,kBACE,0BACA,aACA,YACA,uBACA,OACA,UACA,kBACA,MACA,kBACA,WACA,aACA,gBAEA,mBACE,oBAIJ,WACE,aACA,aACA,sBACA,kBACA,YACA,0BAGF,iBACE,MACA,QACA,SACA,OACA,WACA,kBACA,mBZn8HmB,kCYq8HnB,uBAGF,MACE,aACA,mBACA,uBACA,cZ97HqB,eYg8HrB,gBACA,0BACA,kBACA,kBAGF,YACE,cZl8HmB,gBYo8HnB,aACA,sBAEA,cACE,kBACA,uBAGF,cACE,yBACA,gBACA,cACA,0BAIJ,aACE,4BAGF,UACE,WACA,kBACA,mBVj9HsB,kBUm9HtB,eACA,2BAGF,iBACE,OACA,MACA,WACA,mBZ9+HmB,kBYg/HnB,eAGF,aACE,wBACA,UACA,eACA,0CAEA,mBAEE,mBAGF,8BACE,CADF,sBACE,WACA,cACA,SACA,WACA,YACA,CAQE,6GAKN,SACE,oBACA,CADA,WACA,6BAGF,iBACE,gBVliIM,uCUoiIN,kBACA,iBACA,gBACA,iCAEA,yBACE,oCAGF,sBACE,2BAIJ,UZnjIQ,aYqjIN,eACA,aACA,kEAEA,kBZ7iImB,WEXb,UU4jIJ,CV5jII,4RUikIF,UVjkIE,wCUukIN,kBACE,iCAIJ,YACE,mBACA,uBACA,kBACA,oCAGF,aACE,cZhkImB,2CYmkInB,eACE,cACA,WZ1lII,CY+lIA,wQADF,eACE,mDAON,eVrmIM,0BUumIJ,qCACA,gEAEA,eACE,0DAGF,kBZnmIiB,uEYsmIf,UVjnIE,uDUunIN,yBACE,sDAGF,aACE,sCACA,SAIJ,iBACE,gBAGF,SEznIE,sBACA,WACA,SACA,gBACA,oBACA,mBdhBmB,cAYD,ecOlB,SACA,cFmnIA,CACA,2BACA,iBACA,eACA,2CAEA,aACE,CAHF,iCAEA,aACE,CAHF,qCAEA,aACE,CAHF,4BAEA,aACE,kCAGF,QACE,6EAGF,mBAGE,sBAGF,kBACE,qCAGF,eA3BF,cA4BI,kCAKF,QACE,qDAGF,mBAEE,mBAGF,iBACE,SACA,WACA,UACA,qBACA,UACA,0BACA,sCACA,eACA,WACA,YACA,cZ3qImB,eY6qInB,oBACA,0BAEA,mBACE,WACA,0BAIJ,uBACE,iCAEA,mBACE,uBACA,gCAIJ,QACE,uBACA,cZ/rIkB,eYisIlB,uCAEA,uBACE,sCAGF,aACE,yBAKN,aZhtIkB,mBYktIhB,aACA,gBACA,eACA,eACA,6BAEA,oBACE,iBACA,0BAIJ,iBACE,6BAEA,kBACE,gCACA,eACA,aACA,aACA,gBACA,eACA,cZxuIc,iCY2uId,oBACE,iBACA,8FAIJ,eAEE,0BAIJ,aACE,aACA,cZxvIqB,qBY0vIrB,+FAEA,aAGE,0BACA,uBAIJ,YACE,cZvwIkB,kBYywIlB,aAGF,iBACE,8BACA,oBACA,aACA,sBAGF,cACE,MACA,OACA,QACA,SACA,0BACA,wBAGF,cACE,MACA,OACA,WACA,YACA,aACA,sBACA,mBACA,uBACA,2BACA,aACA,oBACA,yBACA,CADA,qBACA,CADA,oBACA,CADA,gBACA,oBAGF,mBACE,aACA,aACA,yBAGF,eACE,iBACA,yBAGF,UACE,cAGF,UACE,YACA,kBACA,qCAEA,UACE,YACA,aACA,mBACA,uBACA,2CAEA,cVjyI0B,eAEC,CU2yI7B,8CALF,iBACE,MACA,OACA,QACA,SAYA,CAXA,yBAQA,mBACA,8BACA,oBACA,4BAEA,mBACE,0DAGF,SACE,4DAEA,mBACE,mBAKN,yBACE,sBACA,SACA,WV73IM,eU+3IN,aACA,mBACA,eACA,cACA,cACA,kBACA,kBACA,MACA,SACA,yBAGF,MACE,0BAGF,OACE,CASA,4CANF,UACE,kBACA,kBACA,OACA,YACA,oBAUA,6BAEA,WACE,sBAGF,mBACE,qBACA,gBACA,cZx6IsB,mFY26ItB,yBAGE,wBAKN,oBACE,sBAGF,qBV17IQ,YU47IN,WACA,kBACA,YACA,UACA,SACA,YACA,8BAGF,wBZj8I0B,qBYq8I1B,iBACE,UACA,QACA,YACA,6CAGF,kBZ78I0B,WAJlB,kBYs9IN,gBACA,aACA,sBACA,oBAGF,WACE,WACA,gBACA,iBACA,kBACA,wBAEA,iBACE,MACA,OACA,WACA,YACA,sBACA,aACA,aACA,CAGA,YACA,UACA,yBACA,CADA,qBACA,CADA,oBACA,CADA,gBACA,2CANA,qBACA,mBACA,uBAaF,CATE,mBAIJ,YACE,CAGA,iBACA,mDAGF,aAEE,mBACA,aACA,aACA,2DAEA,cACE,uLAGF,aZn/ImB,SYs/IjB,eACA,gBACA,kBACA,oBACA,YACA,aACA,kBACA,6BACA,+mBAEA,aAGE,yBACA,qiBAGF,UZ5hJI,qwDYgiJF,aAGE,sBAMR,sBACE,eAGF,iBACE,eACA,mBACA,sBAEA,eACE,WZnjJI,kBYqjJJ,yBACA,eACA,qBAGF,kBZxjJmB,cAcE,gBY6iJnB,aACA,kBACA,kBAIJ,oBACE,eACA,gBACA,iBACA,wFAGF,kBAME,WZhlJM,kBYklJN,gBACA,eACA,YACA,kBACA,sBACA,4NAEA,aACE,eACA,mBACA,wLAGF,WACE,UACA,kBACA,SACA,WACA,kRAGF,UACE,wBAKF,eV5mJM,CFGkB,gBY4mJtB,oBACA,iEVhnJI,2BFGkB,yBYqnJ1B,iBACE,aACA,iCAEA,wBACE,CADF,qBACE,CADF,oBACE,CADF,gBACE,gBACA,2GAIJ,YAIE,8BACA,mBZpoJwB,aYsoJxB,iBACA,2HAEA,aACE,iBACA,cZ1nJiB,mBY4nJjB,2IAGF,aACE,6BAIJ,cACE,2BAGF,WACE,eACA,0BAGF,gBAEE,sDAGF,qBAEE,eAGF,UACE,gBACA,0BAGF,YACE,6BACA,qCAEA,yBAJF,cAKI,gBACA,iDAIJ,qBAEE,UACA,qCAEA,+CALF,UAMI,sDAIJ,aAEE,gBACA,gBACA,gBACA,kBACA,2FAEA,aZxsJwB,iLY4sJxB,UZjtJM,qCYstJN,oDAjBF,eAkBI,sCAKF,4BADF,eAEI,yBAIJ,YACE,+BACA,gBACA,0BAEA,cACE,iBACA,mBACA,sCAGF,aACE,sBACA,WACA,CACA,UZhvJI,gBECA,aUkvJJ,oBACA,eACA,YACA,CACA,SACA,kBACA,yBACA,iBACA,gBACA,gBACA,4CAEA,wBACE,+CAGF,eVlwJI,yBUowJF,mBACA,kBACA,6DAEA,QACE,gBACA,gBACA,mEAEA,QACE,0DAIJ,UZnxJE,oBYqxJA,eACA,gBVrxJA,+CU0xJJ,YACE,8BACA,mBACA,4CAIJ,aACE,WZnyJI,eYqyJJ,gBACA,mBACA,wCAGF,eACE,mBACA,+CAEA,UZ9yJI,eYgzJF,qCAIJ,uBAnFF,YAoFI,eACA,QACA,wCAEA,iBACE,iBAKN,eACE,eACA,wBAEA,eACE,iBACA,2CAGF,eACE,mBAGF,eACE,cACA,gBACA,+BAEA,4BACE,4BAGF,QACE,oCAIA,UZ11JE,aY41JA,kBACA,eACA,mBACA,qBACA,8EAEA,eAEE,yWAOA,kBZ/1JW,WEXb,uDUi3JA,iBACE,oMAUR,aACE,iIAIJ,4BAIE,cZj3JmB,eYm3JnB,gBACA,6cAEA,aAGE,6BACA,qGAIJ,YAIE,eACA,iIAEA,eACE,CAII,w1BADF,eACE,sDAMR,iBAEE,oDAKA,eACE,0DAGF,eACE,mBACA,aACA,mBACA,wEAEA,UZt7JI,CYw7JF,gBACA,uBAKN,YACE,2CAEA,QACE,WACA,cAIJ,wBZl8J0B,WYo8JxB,kBACA,MACA,OACA,aACA,6BAGF,aACE,kBACA,WVj9JM,0BUm9JN,WACA,SACA,gBACA,kBACA,eACA,gBACA,UACA,oBACA,WACA,4BACA,iBACA,wDAKE,SACE,uBAKN,eACE,6BAEA,UACE,kBAIJ,YACE,eACA,yBACA,kBACA,gBACA,gBACA,wBAEA,aACE,cZ5+Jc,iBY8+Jd,eACA,+BACA,aACA,sBACA,mBACA,uBACA,eACA,4BAEA,aACE,wBAIJ,eACE,CACA,qBACA,aACA,sBACA,uBACA,2BAEA,aACE,cACA,0BAGF,oBACE,cZ1gKY,gBY4gKZ,gCAEA,yBACE,0BAKN,QACE,eACA,iDAEA,SACE,cACA,8BAGF,aZ7hKc,gBYqiKhB,cACA,CACA,iBACA,CACA,UACA,qCANF,qBACE,CACA,eACA,CACA,iBAYA,CAVA,qBAGF,QACE,CACA,aACA,WACA,CACA,iBAEA,qEAGE,cACE,MACA,gCAKN,cACE,cACA,qBACA,cZhkKqB,kBYkkKrB,UACA,mEAEA,WAEE,WACA,CAIA,2DADF,mBACE,CADF,8BACE,CADF,gBV3lKM,CU4lKJ,wBAIJ,UACE,YACA,CACA,iBACA,MACA,OACA,UACA,gBVvmKM,iCU0mKN,YACE,sBAIJ,WACE,gBACA,kBACA,WACA,qCAGF,cACE,YACA,oBACA,CADA,8BACA,CADA,gBACA,kBACA,QACA,2BACA,WACA,UACA,sCAGF,0BACE,2BACA,gBACA,kBACA,qKAMA,WAEE,mFAGF,WACE,eAKJ,qBACE,kBACA,mBACA,kBACA,oBACA,cACA,wBAEA,eACE,YACA,yBAGF,cACE,kBACA,gBACA,gCAEA,UACE,cACA,kBACA,6BACA,WACA,SACA,OACA,oBACA,qCAIJ,oCACE,iCAGF,wBACE,uCAIA,mBACA,mBACA,6BACA,0BACA,eAIJ,eACE,kBACA,gBVvsKM,eUysKN,kBACA,sBACA,cACA,wBAEA,eACE,sBACA,qBAGF,SACE,qBAGF,eACE,gBACA,UACA,0BAGF,oBACE,sBACA,SACA,gCAEA,wBACE,0BACA,qBACA,sBACA,UACA,4BAKF,qBACE,CADF,gCACE,CADF,kBACE,kBACA,QACA,2BACA,yBAIJ,iBACE,UACA,SACA,OACA,QACA,sBACA,iFACA,eACA,UACA,4BACA,gCAEA,SACE,6EAKF,iBAEE,wBAIJ,YACE,kBACA,MACA,OACA,WACA,YACA,UACA,SACA,gBVpxKI,cFcY,gBYywKhB,oBACA,+BAEA,aACE,oBACA,8GAEA,aAGE,+BAIJ,aACE,eACA,kCAGF,aACE,eACA,gBACA,4BAIJ,YACE,8BACA,oBACA,0DAEA,aACE,wBAIJ,cACE,mBACA,gBACA,uBACA,oCAGE,cACE,qCAKF,eACE,+BAIJ,sBACE,iBACA,eACA,SACA,0BACA,8GAEA,UVn1KE,+EU21KN,cAGE,gBACA,6BAGF,UVl2KM,iBUo2KJ,yBAGF,oBACE,aACA,mDAGF,UV52KM,uBUi3KN,cACE,YACA,eACA,8BAEA,UACE,WACA,+BAOA,6DANA,iBACA,cACA,kBACA,WACA,UACA,YAWA,CAVA,+BASA,kBACA,+BAGF,iBACE,UACA,kBACA,WACA,YACA,YACA,UACA,4BACA,mBACA,sCACA,oBACA,qBAIJ,gBACE,uBAEA,oBACE,eACA,gBACA,WVj6KE,sFUo6KF,yBAGE,qBAKN,cACE,YACA,kBACA,4BAEA,UACE,WACA,+BACA,kBACA,cACA,kBACA,WACA,SACA,2DAGF,aAEE,kBACA,WACA,kBACA,SACA,mBACA,6BAGF,6BACE,6BAGF,iBACE,UACA,UACA,kBACA,WACA,YACA,QACA,iBACA,4BACA,mBACA,sCACA,oBACA,CAGE,yFAKF,SACE,6GAQF,gBACE,oBACA,kBAON,UACE,cACA,+BACA,0BAEA,UACE,qCAGF,iBATF,QAUI,mBAIJ,qBACE,mBACA,uBAEA,YACE,kBACA,mBACA,gBACA,2BAEA,aACE,WACA,YACA,SACA,oBACA,CADA,8BACA,CADA,gBACA,uBAIJ,YACE,mBACA,mBACA,aACA,6BAEA,aACE,aACA,mBACA,qBACA,gBACA,qCAGF,UACE,eACA,cACA,+BAGF,aACE,WACA,YACA,gBACA,mCAEA,UACE,YACA,cACA,SACA,kBACA,mBACA,oBACA,CADA,8BACA,CADA,gBACA,qCAIJ,gBACE,gBACA,4CAEA,cACE,WV3jLF,gBU6jLE,gBACA,uBACA,0CAGF,aACE,eACA,cZvjLU,gBYyjLV,gBACA,uBACA,yBAKN,kBZ5kLiB,aY8kLf,mBACA,uBACA,gDAEA,YACE,cACA,eACA,mDAGF,qBACE,kBACA,gCACA,WACA,gBACA,mBACA,gBACA,uBACA,qDAEA,YACE,iEAEA,cACE,sDAIJ,YACE,6BAOV,YACE,eACA,gBACA,wBAGF,QACE,sBACA,cACA,kBACA,kBACA,gBACA,WACA,+BAEA,iBACE,QACA,SACA,+BACA,eACA,sDAIJ,kBAEE,gCACA,eACA,aACA,cACA,oEAEA,kBACE,SACA,SACA,6HAGF,aAEE,cACA,cZ/oLgB,eYipLhB,eACA,gBACA,kBACA,qBACA,kBACA,WACA,mBACA,yJAEA,aZxpLmB,qWY2pLjB,aAEE,WACA,kBACA,SACA,SACA,QACA,SACA,2BACA,CAEA,4CACA,CADA,kBACA,CADA,wBACA,iLAGF,WACE,6CACA,8GAKN,kBACE,gCACA,qSAKI,YACE,iSAGF,4CACE,cAOV,kBZltLqB,sBYqtLnB,iBACE,4BAGF,aACE,eAIJ,cACE,kBACA,qBACA,cACA,iBACA,eACA,mBACA,gBACA,uBACA,eACA,oEAEA,YAEE,sBAGF,oBACE,kBACA,yBACA,sBACA,WACA,YACA,cACA,kBACA,SACA,kBACA,sBACA,8BAEA,oBACE,mBACA,2BAKN,eACE,gBAGF,eVxwLQ,kBY0BN,CACA,sBACA,gBACA,cdRiB,uCcUjB,mBAEA,wBACE,cdbe,ecef,gBACA,mBACA,mBAGF,aACE,mBAGF,kBACE,mBAGF,eACE,WdnDI,UY6wLR,iBACE,cAEA,WACE,WACA,sCACA,CADA,6BACA,cAGF,cACE,iBACA,cZxwLmB,gBY0wLnB,gBAEA,aZvxLsB,0BYyxLpB,sBAEA,oBACE,4BAMR,GACE,cACA,eACA,WATM,mBAMR,GACE,cACA,eACA,qEAGF,kBAIE,sBAEE,8BACA,iBAGF,0BACE,kCACA,+BAIA,qDACE,uEACA,+CAGF,sBACE,8BACA,6DAIA,6BACE,6CACA,4EAIF,6BACE,6CACA,+CAOJ,gBAEE,+BAGF,gBACE,6CAEA,0BACE,wDAGF,eACE,6DAGF,iBACE,iBACA,2EAIA,mBACE,UACA,gCACA,WACA,0FAGF,mBACE,UACA,oCACA,eAOV,UACE,eACA,gBACA,iBAEA,YACE,gBACA,eACA,kBACA,sCAGF,YACE,4CAEA,kBACE,yDAGF,SACE,sBACA,cACA,WACA,SACA,aACA,gDACA,mBZt5Le,WEDb,eU05LF,CACA,eACA,kBACA,2EAEA,QACE,wMAGF,mBAGE,+DAGF,kBACE,qCAGF,wDA7BF,cA8BI,4DAIJ,WACE,eACA,gBACA,SACA,kBACA,sBAMJ,sBACA,mBACA,6BACA,gCACA,+BAEA,iBACE,iBACA,cZv7Lc,CY07Ld,eACA,eACA,oCAEA,aACE,gBACA,uBACA,oCAIJ,UACE,kBACA,uDAGF,iBACE,qDAGF,eACE,qBAKF,wBACA,aACA,2BACA,mBACA,mBACA,2BAEA,aACE,iCAEA,UACE,uCAEA,SACE,kCAKN,aACE,cACA,mBAIJ,cACE,kBACA,MACA,OACA,WACA,YACA,0BACA,cAGF,kBZpgMqB,sBYsgMnB,kBACA,uCACA,YACA,gBACA,qCAEA,aARF,SASI,kBAGF,cACE,mBACA,gBACA,eACA,kBACA,0BACA,6BAGF,WACE,6BAGF,yBACE,sCAEA,uBACE,uCACA,wBACA,wBAIJ,eACE,kDAIA,oBACE,+BAIJ,cACE,sBAGF,eACE,aAIJ,kBZ1jMqB,sBY4jMnB,kBACA,uCACA,YACA,gBACA,qCAEA,YARF,SASI,uBAGF,kBACE,oBAGF,kBACE,YACA,0BACA,gBACA,mBAGF,YACE,gCACA,4BAGF,YACE,iCAGF,aACE,gBACA,qBACA,eACA,aACA,cAIJ,iBACE,YACA,gBACA,YACA,aACA,uBACA,mBACA,gBV5mMM,yDU+mMN,aAGE,gBACA,WACA,YACA,SACA,sBACA,CADA,gCACA,CADA,kBACA,gBVvnMI,uBU2nMN,iBACE,YACA,aACA,+BACA,iEACA,kBACA,wCACA,uBAGF,iBACE,WACA,YACA,MACA,OACA,uBAGF,iBACE,YACA,WACA,UACA,YACA,4BACA,6BAEA,UACE,8BAGF,UVxpMI,eU0pMF,gBACA,cACA,kBACA,2BAGF,iBACE,mCACA,qCAIJ,oCACE,eAEE,uBAGF,YACE,4BAKN,aZrqMoB,eYuqMlB,gBACA,gBACA,kBACA,qBACA,6BAEA,kBACE,wCAEA,eACE,6BAIJ,aACE,0BACA,mCAEA,oBACE,kBAKN,eACE,2BAEA,UACE,8FAEA,8BAEE,CAFF,sBAEE,wBAIJ,iBACE,SACA,UACA,yBAGF,eACE,aACA,kBACA,mBACA,6BAEA,mBACE,CADF,8BACE,CADF,gBACE,cACA,WACA,YACA,SACA,uBAIJ,iBACE,mBACA,YACA,gCACA,+BAEA,aACE,cACA,WACA,iBACA,gDAEA,kBACE,yBACA,wBAKN,YACE,uBACA,gBACA,iBACA,iCAEA,YACE,mBACA,iBACA,gBACA,8CAEA,wBACE,kBACA,uBACA,YACA,yCAGF,YACE,8BAIJ,WACE,4CAEA,kBACE,wCAGF,UACE,YACA,iCAGF,cACE,iBACA,WVtyMA,gBUwyMA,gBACA,mBACA,uBACA,uCAEA,aACE,eACA,cZlyMU,gBYoyMV,gBACA,uBACA,gCAKN,aACE,uBAIJ,eACE,cACA,iDAGE,qBACA,WVn0ME,gDUu0MJ,QACE,6BACA,kDAEA,aACE,yEAGF,uBACE,4DAGF,aVl1MU,yBUw1Md,cACE,gCAEA,cACE,cZh1Mc,eYk1Md,kCAEA,oBACE,cZr1MY,qBYu1MZ,iBACA,gBACA,yCAEA,eACE,WVz2MF,iBUk3MN,aZp2MgB,mBYs2Md,gCACA,gBACA,aACA,eACA,eACA,qBAEA,oBACE,iBACA,eAIJ,YACE,mBACA,aACA,gCACA,0BAEA,eACE,qBAGF,aACE,cZ93MY,gBYg4MZ,uBACA,mBACA,4BAEA,eACE,uBAGF,aZz4Mc,qBY24MZ,eACA,gBACA,cACA,gBACA,uBACA,mBACA,qGAKE,yBACE,wBAMR,aACE,eACA,iBACA,gBACA,iBACA,mBACA,gBACA,cZl6MiB,0BYs6MnB,aACE,WACA,2CAEA,mCACE,yBACA,0CAGF,wBACE,eAMR,YACE,gCACA,CACA,iBACA,qBAEA,kBACE,UACA,uBAGF,aACE,CACA,sBACA,kBACA,eACA,uBAGF,oBACE,mBZr9MsB,kBYu9MtB,cACA,eACA,wBACA,wBAGF,aACE,CACA,0BACA,gBACA,8BAEA,eACE,aACA,2BACA,8BACA,uCAGF,cACE,cZl+Mc,kBYo+Md,+BAGF,aZv+MgB,eYy+Md,mBACA,gBACA,uBACA,kBACA,gBACA,YACA,iCAEA,UV9/ME,qBUggNA,oHAEA,yBAGE,0BAKN,qBACE,uBAIJ,kBACE,6BAEA,kBACE,oDAGF,eACE,6DAGF,UV1hNI,gBUgiNR,kBACE,eACA,aACA,qBACA,0BAEA,WACE,cACA,qCAEA,yBAJF,YAKI,4BAIJ,wBACE,cACA,kBACA,qCAEA,0BALF,UAMI,uBAIJ,qBACE,WACA,aACA,kBACA,eACA,iBACA,qBACA,gBACA,gBACA,gBACA,aACA,sBACA,6BAEA,aACE,gBACA,mBACA,mBACA,8BAGF,iBACE,SACA,WACA,cACA,mBZ9kNoB,kBYglNpB,cACA,eACA,4BAIJ,YACE,cZ9kNgB,kBYglNhB,WACA,QACA,mDAIJ,YACE,oDAGF,UACE,gBAGF,YACE,eACA,mBACA,gBACA,iBACA,wBACA,sBAEA,aACE,mBACA,SACA,kBACA,WACA,eACA,yBACA,CADA,qBACA,CADA,oBACA,CADA,gBACA,cACA,aACA,mBACA,2BACA,2CACA,6BAEA,aACE,aACA,WACA,YACA,iCAEA,aACE,SACA,WACA,YACA,eACA,gBACA,sBACA,sBACA,CADA,gCACA,CADA,kBACA,6BAIJ,aACE,cACA,eACA,gBACA,kBACA,gBACA,cZ5oNc,mFYgpNhB,kBAGE,4BACA,2CACA,wGAEA,aACE,6BAIJ,0BACE,2CACA,yBACA,yDAEA,aACE,uCAKN,UACE,oCAGF,WACE,8BAGF,aZ/qNkB,SYirNhB,eACA,WACA,cACA,cACA,YACA,aACA,mBACA,WACA,2BACA,2CACA,2GAEA,SAGE,cACA,4BACA,2CACA,qCAKF,SACE,OGxtNN,eACE,eACA,UAEA,kBACE,kBACA,cAGF,iBACE,cACA,mBACA,WACA,aACA,sBAEA,kBfHiB,eeQnB,iBACE,aACA,cACA,iBACA,eACA,gBACA,qBAEA,oBACE,qBACA,yBACA,4BACA,oEAGF,YAEE,kCAGF,aACE,gCAGF,aACE,sBACA,WACA,eACA,WfhDE,UekDF,oBACA,gBblDE,yBaoDF,kBACA,iBACA,sCAEA,oBfpDoB,0BeyDtB,cACE,wBAGF,YACE,mBACA,iBACA,cAIJ,oBACE,kBACA,yBACA,sBACA,WACA,YACA,cACA,kBACA,SACA,kBACA,sBACA,gBACA,mBACA,cACA,uBAEA,iBACE,qBAGF,oBb3FY,8EagGZ,oBAGE,iBACA,gCAGF,mBACE,SACA,wCAGF,mBAEE,eAIJ,oBACE,WACA,gBACA,cACA,cAGF,aACE,qBACA,oBAEA,cACE,eAIJ,eACE,mBACA,cfvHc,ae2HhB,cACE,uBACA,UACA,SACA,SACA,cfhIc,0BekId,kBACA,mBAEA,oBACE,sCAGF,qCAEE,eAIJ,WACE,eACA,kBACA,eACA,6BAIJ,4BACE,gCAEA,YACE,2CAGF,4BACE,aACA,aACA,mBACA,mGAEA,YAEE,+GAEA,oBflLoB,sDewLxB,cACE,gBACA,iBACA,YACA,oBACA,cfhLkB,sCemLlB,gCAGF,YACE,mBACA,8CAEA,aACE,wBACA,iBACA,oCAIJ,uBACE,CADF,oBACE,CADF,eACE,sBACA,eACA,WftNI,qBewNJ,WACA,UACA,oBACA,qXACA,yBACA,kBACA,CACA,yBACA,mDAGF,aACE,cAIJ,afzNkB,qBe4NhB,+BACE,6BAEA,6BACE,eChPN,k1BACE,aACA,sBACA,aACA,UACA,yBAGF,YACE,OACA,sBACA,yBACA,2BAEA,MACE,iBACA,qCAIJ,gBACE,YACE,cCtBJ,cACE,qBACA,WjBDM,2BiBIN,qBAEE,iBACA,+BAGF,WACE,iBAIJ,sBACE,6BAEA,uBACE,2BACA,4BACA,mBjBjBsB,4BiBqBxB,oBACE,8BACA,+BACA,aACA,qBAIJ,YACE,8BACA,cACA,cjBfmB,ciBiBnB,oBAGF,iBACE,OACA,kBACA,iBACA,gBACA,8BACA,eACA,0BAEA,aACE,6BAIJ,ajBlD0B,mCiBqDxB,aACE,oDAGF,WACE,wBAIJ,iBACE,YACA,OACA,WACA,WACA,yBjBnEwB,uBiBwExB,oBACE,WACA,eACA,yBAGF,iBACE,gBACA,oBAIJ,iBACE,aACA,gBACA,kBACA,gBf5FM,sBe8FN,sGAEA,+BAEE,oBAKF,2BACA,gBfxGM,0Be2GN,cACE,gBACA,gBACA,oBACA,cACA,WACA,gCACA,WjBnHI,yBiBqHJ,kBACA,4CAEA,QACE,2GAGF,mBAGE,wCAKN,cACE,6CAEA,SACE,kBACA,kBACA,qDAGF,SACE,WACA,kBACA,MACA,OACA,WACA,YACA,sCACA,mBACA,4BAIJ,SACE,kBACA,wBACA,gBACA,MACA,iCAEA,aACE,WACA,gBACA,gBACA,gBfpKI,mBeyKR,iBACE,qBACA,YACA,wBAEA,UACE,YACA,wBAIJ,cACE,kBACA,iBACA,cjBlKiB,mDiBqKjB,YACE,qDAGF,eACE,uDAGF,YACE,qBAIJ,YACE,YCrMF,qBACE,iBANc,cAQd,kBACA,sCAEA,WANF,UAOI,eACA,mBAIJ,iDACE,eACA,gBACA,gBACA,qBACA,clBPkB,oBkBUlB,alBnBwB,0BkBqBtB,6EAEA,oBAGE,wCAIJ,alBrBkB,oBkB0BlB,YACE,oBACA,+BAEA,eACE,yBAIJ,eACE,clBlCmB,qBkBsCrB,iBACE,clBvCmB,uBkB2CrB,eACE,mBACA,kBACA,kBACA,yHAGF,4CAME,mBACA,oBACA,gBACA,clB3DmB,qBkB+DrB,aACE,qBAGF,gBACE,qBAGF,eACE,qBAGF,gBACE,yCAGF,aAEE,qBAGF,eACE,qBAGF,kBACE,yCAMA,iBACA,iBACA,yDAEA,2BACE,yDAGF,2BACE,qBAIJ,UACE,SACA,SACA,gCACA,eACA,4BAEA,UACE,SACA,wBAIJ,UACE,yBACA,8BACA,CADA,iBACA,gBACA,mBACA,iEAEA,+BAEE,cACA,kBACA,gBACA,gBACA,clBxIc,iCkB4IhB,uBACE,gBACA,gBACA,clB9IY,qDkBkJd,WAEE,iBACA,kBACA,qBACA,mEAEA,SACE,kBACA,iFAEA,gBACE,kBACA,6EAGF,iBACE,SACA,UACA,mBACA,gBACA,uBACA,+BAMR,YACE,oBAIJ,kBACE,eACA,mCAEA,iBACE,oBACA,8BAGF,YACE,8BACA,eACA,6BAGF,UACE,kDACA,eACA,iBACA,WhBpNI,iBgBsNJ,kBACA,qEAEA,aAEE,6CAIA,alBhNiB,oCkBqNnB,4CACE,gBACA,eACA,iBACA,qCAGF,4BA3BF,iBA4BI,4BAIJ,iBACE,YACA,sBACA,mBACA,CACA,sBACA,0BACA,QACA,aACA,yCAEA,4CACE,eACA,iBACA,gBACA,clBlPc,mBkBoPd,mBACA,gCACA,uBACA,mBACA,gBACA,wFAEA,eAEE,cACA,2CAGF,oBACE,2BAKN,iBACE,mCAEA,UACE,YACA,CACA,kBACA,uCAEA,aACE,WACA,YACA,mBACA,iCAIJ,cACE,mCAEA,aACE,WhBzSA,qBgB2SA,uDAGE,yBACE,2CAKN,aACE,clBxSY,kCkBgTlB,iDAEE,CACA,eACA,eACA,iBACA,mBACA,clBvTgB,sCkB0ThB,alBnUsB,0BkBqUpB,kBAIJ,cACE,SACA,UACA,gBACA,uBACA,oBACA,kBACA,oBACA,cACA,kBAGF,4CACE,eACA,iBACA,gBACA,mBACA,clB/UmB,wBkBkVnB,iDACE,cACA,eACA,gBACA,cACA,kBAIJ,4CACE,eACA,iBACA,gBACA,mBACA,clBhWmB,kBkBqWnB,clBrWmB,mCkBoWrB,4CACE,CACA,gBACA,gBACA,mBACA,clBzWmB,kBkB8WnB,clB9WmB,kBkBuXnB,clBvXmB,mCkBsXrB,4CACE,CACA,gBACA,gBACA,mBACA,clB3XmB,kBkBgYnB,clBhYmB,mCkBwYrB,gBAEE,mDAEA,2BACE,mDAGF,2BACE,kBAIJ,eACE,kBAGF,kBACE,yCAGF,cAEE,kBAGF,UACE,SACA,SACA,4CACA,cACA,yBAEA,UACE,SACA,iDAIJ,YAEE,+BAGF,kBlBlcmB,kBkBocjB,kBACA,gBACA,sBACA,oCAEA,UACE,aACA,2BACA,iBACA,8BACA,mBACA,uDAGF,YACE,yBACA,qBACA,mFAEA,aACE,eACA,qCAGF,sDAVF,UAWI,8BACA,6CAIJ,MACE,sBACA,qCAEA,2CAJF,YAKI,sBAKN,iBACE,yBAEA,WACE,WACA,uBACA,4BAIJ,iBACE,mBACA,uCAEA,eACE,mCAGF,eACE,cACA,qCAGF,eACE,UACA,mDAEA,kBACE,aACA,iBACA,0FAKE,oBACE,gFAIJ,cACE,qDAIJ,aACE,cACA,6CAGF,UACE,YACA,0BACA,mDAGF,cACE,4DAEA,cACE,qCAKN,oCACE,eACE,sCAIJ,2BA7DF,iBA8DI,mFAIJ,qBAGE,mBlB3jBiB,kBkB6jBjB,kCACA,uBAGF,YACE,kBACA,WACA,YACA,2BAEA,YACE,WACA,uCAKF,YACE,eACA,mBACA,mBACA,qCAGF,sCACE,kBACE,uCAIJ,alB7kBmB,qCkBilBnB,eACE,WhBjmBE,gBgBmmBF,2CAEA,alBxlBc,gDkB2lBZ,alBzlBe,+CkB+lBnB,eACE,qBAIJ,kBACE,yBAEA,aACE,SACA,eACA,YACA,kBACA,qCAIJ,gDAEI,kBACE,yCAGF,eACE,gBACA,WACA,kBACA,uDAEA,iBACE,sCAMR,8BACE,aACE,uCAEA,gBACE,sDAGF,kBACE,6EAIJ,aAEE,qBAIJ,WACE,UAIJ,mBACE,qCAEA,SAHF,eAII,kBAGF,YACE,uBACA,mBACA,aACA,qBAEA,ShBvrBI,YgByrBF,qCAGF,gBAXF,SAYI,mBACA,sBAIJ,eACE,uBACA,gBACA,gBACA,uBAGF,eACE,gBACA,0BAEA,YACE,yBACA,gBACA,eACA,clBpsBc,6BkBwsBhB,eACE,iBACA,+BAGF,kBlBztBiB,akB2tBf,0BACA,aACA,uCAEA,YACE,gCAIJ,cACE,gBACA,uDAEA,YACE,mBACA,iDAGF,UACE,YACA,0BACA,gCAIJ,YACE,uCAEA,4CACE,eACA,gBACA,cACA,qCAGF,cACE,clBnvBY,uFkByvBlB,eACE,cASA,ClBnwBgB,2CkBgwBhB,iBACA,CACA,kBACA,gBAGF,eACE,cACA,aACA,kDACA,cACA,qCAEA,eAPF,oCAQI,cACA,8BAEA,UACE,aACA,sBACA,0CAEA,OACE,cACA,2CAGF,YACE,mBACA,QACA,cACA,qCAIJ,UACE,2BAGF,eACE,sCAIJ,eAtCF,UAuCI,6BAEA,aACE,gBACA,gBACA,2GAEA,eAGE,uFAIJ,+BAGE,2BAGF,YACE,gCAEA,eACE,qEAEA,eAEE,gBACA,2CAGF,eACE,SAQZ,iBACE,qBACA,iBAGF,aACE,kBACA,aACA,UACA,YACA,clB32BsB,qBkB62BtB,eACA,qCAEA,gBAVF,eAWI,WACA,gBACA,clBv2Bc,SmBhBlB,UACE,eACA,iBACA,yBACA,qBAEA,WAEE,iBACA,mBACA,6BACA,gBACA,mBACA,oBAGF,qBACE,gCACA,aACA,gBACA,oBAGF,eACE,qEAGF,kBnBxBmB,UmB6BnB,anB1BwB,0BmB4BtB,gBAEA,oBACE,eAIJ,eACE,CAII,4HADF,eACE,+FAOF,sBAEE,yFAKF,YAEE,gCAMJ,kBnBjEiB,6BmBmEf,gCACA,4CAEA,qBACE,8BACA,2CAGF,uBACE,+BACA,0BAKN,qBACE,gBAIJ,aACE,mBACA,MAGF,+CACE,0BAGF,sBACE,SACA,aACA,8CAGF,oBAEE,qBACA,iBACA,eACA,cnB/FkB,gBmBiGlB,0DAEA,UjBhHM,wDiBoHN,eACE,iBACA,sEAGF,cACE,yCAKF,YAEE,yDAEA,qBACE,iBACA,eACA,gBACA,qEAEA,cACE,2EAGF,YACE,mBACA,uFAEA,YACE,qHAOJ,sBACA,cACA,uBAIJ,wBACE,mBnB/JiB,sBmBiKjB,YACA,mBACA,gCAEA,gBACE,mBACA,oBAIJ,YACE,yBACA,aACA,mBnB9KiB,gCmBiLjB,aACE,gBACA,mBAIJ,wBACE,aACA,mBACA,qCAEA,wCACE,4BACE,0BAIJ,kBACE,iCAGF,kBnBtMiB,uCmByMf,kBACE,4BAIJ,gBACE,oBACA,sCAEA,SACE,wCAGF,YACE,mBACA,mCAGF,aACE,aACA,uBACA,mBACA,kBACA,6CAEA,UACE,YACA,kCAIJ,aACE,mCAGF,aACE,iBACA,cnBlOY,gBmBoOZ,mCAIJ,QACE,WACA,qCAEA,sBACE,gBACA,qCAOJ,4FAFF,YAGI,gCAIJ,aACE,uCAEA,iBACE,sCAGF,eACE,4BAIJ,wBACE,aACA,gBACA,qCAEA,2BALF,4BAMI,sCAIJ,+CACE,YACE,iBC7RN,YACE,uBACA,WACA,iBACA,iCAEA,gBACE,gBACA,oBACA,cACA,wCAEA,YACE,yBACA,mBpBfe,YoBiBf,yBAIJ,WAvBc,UAyBZ,oBACA,iCAEA,YACE,mBACA,YACA,uCAEA,aACE,yCAEA,oBACE,aACA,2CAGF,SlBxCA,YkB0CE,kBACA,YACA,uCAIJ,aACE,cpBpCY,qBoBsCZ,cACA,eACA,aACA,0HAIA,kBAGE,+BAKN,aACE,iBACA,YACA,aACA,qCAGF,sCACE,YACE,6BAIJ,eACE,0BACA,gBACA,mBACA,qCAEA,2BANF,eAOI,+BAGF,aACE,aACA,cpB9EY,qBoBgFZ,0BACA,2CACA,0BACA,mBACA,gBACA,uBACA,mCAEA,gBACE,oCAGF,UlBzGA,yBkB2GE,0BACA,2CACA,uCAGF,kBACE,sBACA,+BAIJ,kBACE,wBACA,SACA,iCAEA,QACE,kBACA,6DAIJ,UlBjIE,yBFWa,gBoByHb,gBACA,mEAEA,wBACE,6DAKN,yBACE,iCAIJ,qBACE,WACA,gBApJY,cAsJZ,sCAGF,uCACE,YACE,iCAGF,WA/JY,cAiKV,sCAIJ,gCACE,UACE,0BAMF,2BACA,qCAEA,wBALF,cAMI,CACA,sBACA,kCAGF,YACE,oBAEA,gCACA,0BAEA,eAEA,mBACA,8BACA,mCAEA,eACE,kBACA,yCAGF,mBACE,4DAEA,eACE,qCAIJ,gCAzBF,eA0BI,iBACA,6BAIJ,apBrMmB,eoBuMjB,iBACA,gBACA,qCAEA,2BANF,eAOI,6BAIJ,apBhNmB,eoBkNjB,iBACA,gBACA,mBACA,4BAGF,wBACE,eACA,gBACA,cpB7Nc,mBoB+Nd,kBACA,gCACA,4BAGF,cACE,cpBnOiB,iBoBqOjB,gBACA,0CAGF,UlBxPI,gBkB0PF,uFAGF,eAEE,gEAGF,aACE,4CAGF,cACE,gBACA,WlBxQE,oBkB0QF,iBACA,gBACA,gBACA,2BAGF,cACE,iBACA,cpBnQiB,mBoBqQjB,kCAEA,UlBtRE,gBkBwRA,CAII,2NADF,eACE,4BAMR,UACE,SACA,SACA,4CACA,cACA,mCAEA,UACE,SACA,qCAKN,eA9SF,aA+SI,iCAEA,YACE,yBAGF,UACE,UACA,YACA,iCAEA,YACE,4BAGF,YACE,8DAGF,eAEE,gCACA,gBACA,0EAEA,eACE,+BAIJ,eACE,6DAGF,2BpBxUe,YoB+UrB,UACE,SACA,cACA,WACA,sDAKA,apBtVkB,0DoByVhB,apBlWsB,4DoBuWxB,alB1Wc,gBkB4WZ,4DAGF,alB9WU,gBkBgXR,0DAGF,apBvWgB,gBoByWd,0DAGF,alBtXU,gBkBwXR,UAIJ,YACE,eACA,yBAEA,aACE,qBACA,oCAEA,kBACE,4BAGF,cACE,gBACA,+BAEA,oBACE,iBACA,gCAIJ,eACE,yBACA,eACA,CAII,iNADF,eACE,6CAKN,aACE,mBACA,2BAGF,oBACE,cpB3Zc,qBoB6Zd,yBACA,eACA,gBACA,gCACA,iCAEA,UlBhbE,gCkBkbA,oCAGF,apBjboB,gCoBmblB,CAkBJ,gBAIJ,aACE,iBACA,eACA,sBAGF,aACE,eACA,cACA,wBAEA,aACE,kBAIJ,YACE,eACA,mBACA,wBAGF,YACE,WACA,sBACA,aACA,+BAEA,aACE,qBACA,gBACA,eACA,iBACA,cpB/dmB,CoBoef,4MADF,eACE,sCAKN,aACE,gCAIJ,YAEE,mBACA,kEAEA,UACE,kBACA,4BACA,gFAEA,iBACE,kDAKN,aAEE,aACA,sBACA,4EAEA,cACE,WACA,kBACA,mBACA,uEAIJ,cAEE,iBAGF,YACE,eACA,kBACA,2CAEA,kBACE,eACA,8BAGF,kBACE,+CAGF,gBACE,uDAEA,gBACE,mBACA,YACA,YAKN,kBACE,eACA,cAEA,apBzjBwB,qBoB2jBtB,oBAEA,yBACE,SAKN,aACE,YAGF,gBACE,eACA,mBpB5kBmB,gCoB8kBnB,uBAEA,eACE,oBAGF,YACE,2BACA,mBACA,cpB3kBgB,eoB6kBhB,eACA,oBAGF,iBACE,4BAEA,aACE,SACA,kBACA,WACA,YACA,qBAIJ,2BACE,mBAGF,oBACE,uBAGF,apBpmBgB,sDoBwmBhB,apBvmBqB,qBoB2mBnB,gBACA,yDAIJ,oBAIE,cpBpnBqB,iGoBunBrB,eACE,yIAIA,4BACE,cACA,iIAGF,8BACE,CADF,sBACE,WACA,sBAKN,YAEE,mBACA,sCAEA,aACE,CACA,gBACA,kBACA,0DAIA,8BACE,CADF,sBACE,WACA,gBAKN,kBACE,8BACA,yBAEA,yBlB9qBc,yBkBkrBd,yBACE,wBAGF,yBlBnrBU,wBkBwrBR,2BACA,eACA,iBACA,4BACA,kBACA,gBACA,0BAEA,apBvrBgB,uBoB6rBhB,wBACA,qBAGF,apBhsBgB,coBqsBlB,kBpBltBqB,kBoBotBnB,mBACA,uBAEA,YACE,8BACA,mBACA,aACA,gCAEA,SACE,SACA,gDAEA,aACE,8BAIJ,aACE,gBACA,cpB5tBc,yBoB8tBd,iBACA,gCAEA,aACE,qBACA,iHAEA,aAGE,mCAIJ,alBvvBM,6BkB8vBR,YACE,2BACA,6BACA,mCAEA,kBACE,gFAGF,YAEE,cACA,sBACA,YACA,cpBjwBY,mLoBowBZ,kBAEE,gBACA,uBACA,sCAIJ,aACE,6BACA,4CAEA,apB/wBU,iBoBixBR,gBACA,wCAIJ,aACE,sBACA,WACA,aACA,qBACA,cpB5xBY,WoBmyBpB,kBAGE,0BAFA,eACA,uBASA,CARA,eAGF,oBACE,gBACA,CAEA,qBACA,oBAGF,YACE,eACA,CACA,kBACA,wBAEA,qBACE,cACA,mBACA,aACA,0FAGF,kBAEE,kBACA,YACA,6CAGF,QACE,SACA,+CAEA,aACE,sEAGF,uBACE,yDAGF,alB71BY,8CkBk2Bd,qBACE,aACA,WlBr2BI,ckB02BR,iBACE,qBAGF,wBACE,kBACA,2BAEA,cACE,mBpBl3BiB,gCoBo3BjB,kCAEA,cACE,cACA,gBACA,eACA,gBACA,cpB72BiB,qBoB+2BjB,mBACA,uHAEA,UlBj4BE,iCkBw4BJ,cACE,cpB33BY,uCoB+3Bd,YACE,8BACA,mBACA,sCAGF,eACE,sBCt5BN,YACE,eACA,CACA,kBACA,0BAEA,qBACE,iBACA,cACA,mBACA,yDAEA,YAEE,mBACA,kBACA,sBACA,YACA,4BAGF,oBACE,cACA,cACA,qGAEA,kBAGE,sDAKN,iBAEE,gBACA,eACA,iBACA,WnBrCI,6CmBuCJ,mBACA,iBACA,4BAGF,cACE,6BAGF,cACE,crBpCgB,kBqBsChB,gBACA,qBAIJ,YACE,eACA,cACA,yBAEA,gBACE,mBACA,6BAEA,aACE,sCAIJ,arBnEwB,gBqBqEtB,qBACA,UC3EJ,aACE,gCAEA,gBACE,eACA,mBACA,+BAGF,cACE,iBACA,8CAGF,aACE,kBACA,wBAGF,gBACE,iCAGF,aACE,kBACA,uCAGF,oBACE,gDAGF,SACE,YACA,8BAGF,cACE,iBACA,mEAGF,aACE,kBACA,2DAGF,cAEE,gBACA,mFAGF,cACE,gBACA,mCAGF,aACE,iBACA,yBAGF,kBACE,kBACA,4BAGF,UACE,UACA,wBAGF,aACE,kCAGF,MACE,WACA,cACA,mBACA,2CAGF,aACE,iBACA,0CAGF,gBACE,eACA,mCAGF,WACE,sCAGF,gBACE,gBACA,yCAGF,UACE,iCAGF,aACE,iBACA,0BAGF,SACE,WACA,0DAGF,iBAEE,mBACA,4GAGF,iBAEE,gBACA,uCAGF,kBACE,eACA,2BAGF,aACE,kBACA,wCAGF,SACE,YACA,yDAGF,SACE,WACA,CAKA,oFAGF,UACE,OACA,uGAGF,UAEE,uCAIA,cACE,iBACA,kEAEA,cACE,gBACA,qCAKN,WACE,eACA,iBACA,uCAGF,WACE,sCAGF,aACE,kBACA,0CAGF,gBACE,eACA,uDAGF,gBACE,2CAGF,cACE,iBACA,YACA,yEAGF,aAEE,iBACA,iBAGF,wBACE,iBAGF,SACE,oBACA,yBAGF,aACE,8EAGF,cAEE,gBACA,oDAGF,cACE,mBACA,gEAGF,iBACE,gBACA,CAMA,8KAGF,SACE,QACA,yDAGF,kBACE,eACA,uDAGF,kBACE,gBACA,qDAGF,SACE,QACA,8FAGF,cAEE,mBACA,4CAGF,UACE,SACA,kDAEA,UACE,OACA,kEACA,8BAIJ,sXACE,uCAGF,gBAEE,kCAGF,cACE,iBACA,gDAGF,UACE,UACA,gEAGF,aACE,uDAGF,WACE,WACA,uDAGF,UACE,WACA,uDAGF,UACE,WACA,kDAGF,MACE,0CAGF,iBACE,yBACA,qDAGF,cACE,iBACA,qCAGF,kCACE,gBAEE,kBACA,2DAEA,gBACE,mBACA,uEAKF,gBAEE,kBACA,gFAKN,cAEE,gBACA,6CAKE,eACE,eACA,sDAIJ,aACE,kBACA,4DAKF,cACE,gBACA,8DAGF,gBACE,eACA,mCAIJ,aACE,kBACA,iBACA,kCAGF,WACE,mCAGF,WACE,oCAGF,cACE,gBACA,gFAGF,cACE,mBACA,+DAGF,SACE,QACA,kkEC7ZJ,kIACE,CADF,sIACE,qBACA,2GCEQ,SACE,CDHV,iGCEQ,SACE,CDHV,qGCEQ,SACE,CDHV,4FCEQ,SACE,mJAQZ,aAME,0BACA,mMAEA,oBACE,iOAGF,yBACE,CAKE,0zCAIJ,oBAGE,uUAGF,axB3BqB,qBwB6BnB,oCAIJ,yBACE,6HAEA,oBAGE,4BAIJ,yBACE,qGAEA,oBAGE,eAIJ,axBvDoB,yEwB2DpB,+BACE,0D","file":"skins/vanilla/contrast/common.css","sourcesContent":["html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:\"\";content:none}table{border-collapse:collapse;border-spacing:0}html{scrollbar-color:#313543 rgba(0,0,0,.1)}::-webkit-scrollbar{width:12px;height:12px}::-webkit-scrollbar-thumb{background:#313543;border:0px none #fff;border-radius:50px}::-webkit-scrollbar-thumb:hover{background:#353a49}::-webkit-scrollbar-thumb:active{background:#313543}::-webkit-scrollbar-track{border:0px none #fff;border-radius:0;background:rgba(0,0,0,.1)}::-webkit-scrollbar-track:hover{background:#282c37}::-webkit-scrollbar-track:active{background:#282c37}::-webkit-scrollbar-corner{background:transparent}body{font-family:\"mastodon-font-sans-serif\",sans-serif;background:#191b22;font-size:13px;line-height:18px;font-weight:400;color:#fff;text-rendering:optimizelegibility;font-feature-settings:\"kern\";text-size-adjust:none;-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-tap-highlight-color:transparent}body.system-font{font-family:system-ui,-apple-system,BlinkMacSystemFont,\"Segoe UI\",\"Oxygen\",\"Ubuntu\",\"Cantarell\",\"Fira Sans\",\"Droid Sans\",\"Helvetica Neue\",\"mastodon-font-sans-serif\",sans-serif}body.app-body{padding:0}body.app-body.layout-single-column{height:auto;min-height:100vh;overflow-y:scroll}body.app-body.layout-multiple-columns{position:absolute;width:100%;height:100%}body.app-body.with-modals--active{overflow-y:hidden}body.lighter{background:#282c37}body.with-modals{overflow-x:hidden;overflow-y:scroll}body.with-modals--active{overflow-y:hidden}body.player{text-align:center}body.embed{background:#313543;margin:0;padding-bottom:0}body.embed .container{position:absolute;width:100%;height:100%;overflow:hidden}body.admin{background:#1f232b;padding:0}body.error{position:absolute;text-align:center;color:#dde3ec;background:#282c37;width:100%;height:100%;padding:0;display:flex;justify-content:center;align-items:center}body.error .dialog{vertical-align:middle;margin:20px}body.error .dialog__illustration img{display:block;max-width:470px;width:100%;height:auto;margin-top:-120px}body.error .dialog h1{font-size:20px;line-height:28px;font-weight:400}button{font-family:inherit;cursor:pointer}button:focus{outline:none}.app-holder,.app-holder>div,.app-holder>noscript{display:flex;width:100%;align-items:center;justify-content:center;outline:0 !important}.app-holder>noscript{height:100vh}.layout-single-column .app-holder,.layout-single-column .app-holder>div{min-height:100vh}.layout-multiple-columns .app-holder,.layout-multiple-columns .app-holder>div{height:100%}.error-boundary,.app-holder noscript{flex-direction:column;font-size:16px;font-weight:400;line-height:1.7;color:#e25169;text-align:center}.error-boundary>div,.app-holder noscript>div{max-width:500px}.error-boundary p,.app-holder noscript p{margin-bottom:.85em}.error-boundary p:last-child,.app-holder noscript p:last-child{margin-bottom:0}.error-boundary a,.app-holder noscript a{color:#2b90d9}.error-boundary a:hover,.error-boundary a:focus,.error-boundary a:active,.app-holder noscript a:hover,.app-holder noscript a:focus,.app-holder noscript a:active{text-decoration:none}.error-boundary__footer,.app-holder noscript__footer{color:#c2cede;font-size:13px}.error-boundary__footer a,.app-holder noscript__footer a{color:#c2cede}.error-boundary button,.app-holder noscript button{display:inline;border:0;background:transparent;color:#c2cede;font:inherit;padding:0;margin:0;line-height:inherit;cursor:pointer;outline:0;transition:color 300ms linear;text-decoration:underline}.error-boundary button:hover,.error-boundary button:focus,.error-boundary button:active,.app-holder noscript button:hover,.app-holder noscript button:focus,.app-holder noscript button:active{text-decoration:none}.error-boundary button.copied,.app-holder noscript button.copied{color:#79bd9a;transition:none}.container-alt{width:700px;margin:0 auto;margin-top:40px}@media screen and (max-width: 740px){.container-alt{width:100%;margin:0}}.logo-container{margin:100px auto 50px}@media screen and (max-width: 500px){.logo-container{margin:40px auto 0}}.logo-container h1{display:flex;justify-content:center;align-items:center}.logo-container h1 svg{fill:#fff;height:42px;margin-right:10px}.logo-container h1 a{display:flex;justify-content:center;align-items:center;color:#fff;text-decoration:none;outline:0;padding:12px 16px;line-height:32px;font-family:\"mastodon-font-display\",sans-serif;font-weight:500;font-size:14px}.compose-standalone .compose-form{width:400px;margin:0 auto;padding:20px 0;margin-top:40px;box-sizing:border-box}@media screen and (max-width: 400px){.compose-standalone .compose-form{width:100%;margin-top:0;padding:20px}}.account-header{width:400px;margin:0 auto;display:flex;font-size:13px;line-height:18px;box-sizing:border-box;padding:20px 0;padding-bottom:0;margin-bottom:-30px;margin-top:40px}@media screen and (max-width: 440px){.account-header{width:100%;margin:0;margin-bottom:10px;padding:20px;padding-bottom:0}}.account-header .avatar{width:40px;height:40px;margin-right:8px}.account-header .avatar img{width:100%;height:100%;display:block;margin:0;border-radius:4px}.account-header .name{flex:1 1 auto;color:#ecf0f4;width:calc(100% - 88px)}.account-header .name .username{display:block;font-weight:500;text-overflow:ellipsis;overflow:hidden}.account-header .logout-link{display:block;font-size:32px;line-height:40px;margin-left:8px}.grid-3{display:grid;grid-gap:10px;grid-template-columns:3fr 1fr;grid-auto-columns:25%;grid-auto-rows:max-content}.grid-3 .column-0{grid-column:1/3;grid-row:1}.grid-3 .column-1{grid-column:1;grid-row:2}.grid-3 .column-2{grid-column:2;grid-row:2}.grid-3 .column-3{grid-column:1/3;grid-row:3}@media screen and (max-width: 415px){.grid-3{grid-gap:0;grid-template-columns:minmax(0, 100%)}.grid-3 .column-0{grid-column:1}.grid-3 .column-1{grid-column:1;grid-row:3}.grid-3 .column-2{grid-column:1;grid-row:2}.grid-3 .column-3{grid-column:1;grid-row:4}}.grid-4{display:grid;grid-gap:10px;grid-template-columns:repeat(4, minmax(0, 1fr));grid-auto-columns:25%;grid-auto-rows:max-content}.grid-4 .column-0{grid-column:1/5;grid-row:1}.grid-4 .column-1{grid-column:1/4;grid-row:2}.grid-4 .column-2{grid-column:4;grid-row:2}.grid-4 .column-3{grid-column:2/5;grid-row:3}.grid-4 .column-4{grid-column:1;grid-row:3}.grid-4 .landing-page__call-to-action{min-height:100%}.grid-4 .flash-message{margin-bottom:10px}@media screen and (max-width: 738px){.grid-4{grid-template-columns:minmax(0, 50%) minmax(0, 50%)}.grid-4 .landing-page__call-to-action{padding:20px;display:flex;align-items:center;justify-content:center}.grid-4 .row__information-board{width:100%;justify-content:center;align-items:center}.grid-4 .row__mascot{display:none}}@media screen and (max-width: 415px){.grid-4{grid-gap:0;grid-template-columns:minmax(0, 100%)}.grid-4 .column-0{grid-column:1}.grid-4 .column-1{grid-column:1;grid-row:3}.grid-4 .column-2{grid-column:1;grid-row:2}.grid-4 .column-3{grid-column:1;grid-row:5}.grid-4 .column-4{grid-column:1;grid-row:4}}@media screen and (max-width: 415px){.public-layout{padding-top:48px}}.public-layout .container{max-width:960px}@media screen and (max-width: 415px){.public-layout .container{padding:0}}.public-layout .header{background:#393f4f;box-shadow:0 0 15px rgba(0,0,0,.2);border-radius:4px;height:48px;margin:10px 0;display:flex;align-items:stretch;justify-content:center;flex-wrap:nowrap;overflow:hidden}@media screen and (max-width: 415px){.public-layout .header{position:fixed;width:100%;top:0;left:0;margin:0;border-radius:0;box-shadow:none;z-index:110}}.public-layout .header>div{flex:1 1 33.3%;min-height:1px}.public-layout .header .nav-left{display:flex;align-items:stretch;justify-content:flex-start;flex-wrap:nowrap}.public-layout .header .nav-center{display:flex;align-items:stretch;justify-content:center;flex-wrap:nowrap}.public-layout .header .nav-right{display:flex;align-items:stretch;justify-content:flex-end;flex-wrap:nowrap}.public-layout .header .brand{display:block;padding:15px}.public-layout .header .brand svg{display:block;height:18px;width:auto;position:relative;bottom:-2px;fill:#fff}@media screen and (max-width: 415px){.public-layout .header .brand svg{height:20px}}.public-layout .header .brand:hover,.public-layout .header .brand:focus,.public-layout .header .brand:active{background:#42485a}.public-layout .header .nav-link{display:flex;align-items:center;padding:0 1rem;font-size:12px;font-weight:500;text-decoration:none;color:#dde3ec;white-space:nowrap;text-align:center}.public-layout .header .nav-link:hover,.public-layout .header .nav-link:focus,.public-layout .header .nav-link:active{text-decoration:underline;color:#fff}@media screen and (max-width: 550px){.public-layout .header .nav-link.optional{display:none}}.public-layout .header .nav-button{background:#4a5266;margin:8px;margin-left:0;border-radius:4px}.public-layout .header .nav-button:hover,.public-layout .header .nav-button:focus,.public-layout .header .nav-button:active{text-decoration:none;background:#535b72}.public-layout .grid{display:grid;grid-gap:10px;grid-template-columns:minmax(300px, 3fr) minmax(298px, 1fr);grid-auto-columns:25%;grid-auto-rows:max-content}.public-layout .grid .column-0{grid-row:1;grid-column:1}.public-layout .grid .column-1{grid-row:1;grid-column:2}@media screen and (max-width: 600px){.public-layout .grid{grid-template-columns:100%;grid-gap:0}.public-layout .grid .column-1{display:none}}.public-layout .directory__card{border-radius:4px}@media screen and (max-width: 415px){.public-layout .directory__card{border-radius:0}}@media screen and (max-width: 415px){.public-layout .page-header{border-bottom:0}}.public-layout .public-account-header{overflow:hidden;margin-bottom:10px;box-shadow:0 0 15px rgba(0,0,0,.2)}.public-layout .public-account-header.inactive{opacity:.5}.public-layout .public-account-header.inactive .public-account-header__image,.public-layout .public-account-header.inactive .avatar{filter:grayscale(100%)}.public-layout .public-account-header.inactive .logo-button{background-color:#ecf0f4}.public-layout .public-account-header__image{border-radius:4px 4px 0 0;overflow:hidden;height:300px;position:relative;background:#0e1014}.public-layout .public-account-header__image::after{content:\"\";display:block;position:absolute;width:100%;height:100%;box-shadow:inset 0 -1px 1px 1px rgba(0,0,0,.15);top:0;left:0}.public-layout .public-account-header__image img{object-fit:cover;display:block;width:100%;height:100%;margin:0;border-radius:4px 4px 0 0}@media screen and (max-width: 600px){.public-layout .public-account-header__image{height:200px}}.public-layout .public-account-header--no-bar{margin-bottom:0}.public-layout .public-account-header--no-bar .public-account-header__image,.public-layout .public-account-header--no-bar .public-account-header__image img{border-radius:4px}@media screen and (max-width: 415px){.public-layout .public-account-header--no-bar .public-account-header__image,.public-layout .public-account-header--no-bar .public-account-header__image img{border-radius:0}}@media screen and (max-width: 415px){.public-layout .public-account-header{margin-bottom:0;box-shadow:none}.public-layout .public-account-header__image::after{display:none}.public-layout .public-account-header__image,.public-layout .public-account-header__image img{border-radius:0}}.public-layout .public-account-header__bar{position:relative;margin-top:-80px;display:flex;justify-content:flex-start}.public-layout .public-account-header__bar::before{content:\"\";display:block;background:#313543;position:absolute;bottom:0;left:0;right:0;height:60px;border-radius:0 0 4px 4px;z-index:-1}.public-layout .public-account-header__bar .avatar{display:block;width:120px;height:120px;padding-left:16px;flex:0 0 auto}.public-layout .public-account-header__bar .avatar img{display:block;width:100%;height:100%;margin:0;border-radius:50%;border:4px solid #313543;background:#17191f}@media screen and (max-width: 600px){.public-layout .public-account-header__bar{margin-top:0;background:#313543;border-radius:0 0 4px 4px;padding:5px}.public-layout .public-account-header__bar::before{display:none}.public-layout .public-account-header__bar .avatar{width:48px;height:48px;padding:7px 0;padding-left:10px}.public-layout .public-account-header__bar .avatar img{border:0;border-radius:4px}}@media screen and (max-width: 600px)and (max-width: 360px){.public-layout .public-account-header__bar .avatar{display:none}}@media screen and (max-width: 415px){.public-layout .public-account-header__bar{border-radius:0}}@media screen and (max-width: 600px){.public-layout .public-account-header__bar{flex-wrap:wrap}}.public-layout .public-account-header__tabs{flex:1 1 auto;margin-left:20px}.public-layout .public-account-header__tabs__name{padding-top:20px;padding-bottom:8px}.public-layout .public-account-header__tabs__name h1{font-size:20px;line-height:27px;color:#fff;font-weight:500;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;text-shadow:1px 1px 1px #000}.public-layout .public-account-header__tabs__name h1 small{display:block;font-size:14px;color:#fff;font-weight:400;overflow:hidden;text-overflow:ellipsis}@media screen and (max-width: 600px){.public-layout .public-account-header__tabs{margin-left:15px;display:flex;justify-content:space-between;align-items:center}.public-layout .public-account-header__tabs__name{padding-top:0;padding-bottom:0}.public-layout .public-account-header__tabs__name h1{font-size:16px;line-height:24px;text-shadow:none}.public-layout .public-account-header__tabs__name h1 small{color:#dde3ec}}.public-layout .public-account-header__tabs__tabs{display:flex;justify-content:flex-start;align-items:stretch;height:58px}.public-layout .public-account-header__tabs__tabs .details-counters{display:flex;flex-direction:row;min-width:300px}@media screen and (max-width: 600px){.public-layout .public-account-header__tabs__tabs .details-counters{display:none}}.public-layout .public-account-header__tabs__tabs .counter{min-width:33.3%;box-sizing:border-box;flex:0 0 auto;color:#dde3ec;padding:10px;border-right:1px solid #313543;cursor:default;text-align:center;position:relative}.public-layout .public-account-header__tabs__tabs .counter a{display:block}.public-layout .public-account-header__tabs__tabs .counter:last-child{border-right:0}.public-layout .public-account-header__tabs__tabs .counter::after{display:block;content:\"\";position:absolute;bottom:0;left:0;width:100%;border-bottom:4px solid #9baec8;opacity:.5;transition:all 400ms ease}.public-layout .public-account-header__tabs__tabs .counter.active::after{border-bottom:4px solid #2b90d9;opacity:1}.public-layout .public-account-header__tabs__tabs .counter.active.inactive::after{border-bottom-color:#ecf0f4}.public-layout .public-account-header__tabs__tabs .counter:hover::after{opacity:1;transition-duration:100ms}.public-layout .public-account-header__tabs__tabs .counter a{text-decoration:none;color:inherit}.public-layout .public-account-header__tabs__tabs .counter .counter-label{font-size:12px;display:block}.public-layout .public-account-header__tabs__tabs .counter .counter-number{font-weight:500;font-size:18px;margin-bottom:5px;color:#fff;font-family:\"mastodon-font-display\",sans-serif}.public-layout .public-account-header__tabs__tabs .spacer{flex:1 1 auto;height:1px}.public-layout .public-account-header__tabs__tabs__buttons{padding:7px 8px}.public-layout .public-account-header__extra{display:none;margin-top:4px}.public-layout .public-account-header__extra .public-account-bio{border-radius:0;box-shadow:none;background:transparent;margin:0 -5px}.public-layout .public-account-header__extra .public-account-bio .account__header__fields{border-top:1px solid #42485a}.public-layout .public-account-header__extra .public-account-bio .roles{display:none}.public-layout .public-account-header__extra__links{margin-top:-15px;font-size:14px;color:#dde3ec}.public-layout .public-account-header__extra__links a{display:inline-block;color:#dde3ec;text-decoration:none;padding:15px;font-weight:500}.public-layout .public-account-header__extra__links a strong{font-weight:700;color:#fff}@media screen and (max-width: 600px){.public-layout .public-account-header__extra{display:block;flex:100%}}.public-layout .account__section-headline{border-radius:4px 4px 0 0}@media screen and (max-width: 415px){.public-layout .account__section-headline{border-radius:0}}.public-layout .detailed-status__meta{margin-top:25px}.public-layout .public-account-bio{background:#393f4f;box-shadow:0 0 15px rgba(0,0,0,.2);border-radius:4px;overflow:hidden;margin-bottom:10px}@media screen and (max-width: 415px){.public-layout .public-account-bio{box-shadow:none;margin-bottom:0;border-radius:0}}.public-layout .public-account-bio .account__header__fields{margin:0;border-top:0}.public-layout .public-account-bio .account__header__fields a{color:#4e79df}.public-layout .public-account-bio .account__header__fields dl:first-child .verified{border-radius:0 4px 0 0}.public-layout .public-account-bio .account__header__fields .verified a{color:#79bd9a}.public-layout .public-account-bio .account__header__content{padding:20px;padding-bottom:0;color:#fff}.public-layout .public-account-bio__extra,.public-layout .public-account-bio .roles{padding:20px;font-size:14px;color:#dde3ec}.public-layout .public-account-bio .roles{padding-bottom:0}.public-layout .directory__list{display:grid;grid-gap:10px;grid-template-columns:minmax(0, 50%) minmax(0, 50%)}@media screen and (max-width: 415px){.public-layout .directory__list{display:block}}.public-layout .directory__list .icon-button{font-size:18px}.public-layout .directory__card{margin-bottom:0}.public-layout .card-grid{display:flex;flex-wrap:wrap;min-width:100%;margin:0 -5px}.public-layout .card-grid>div{box-sizing:border-box;flex:1 0 auto;width:300px;padding:0 5px;margin-bottom:10px;max-width:33.333%}@media screen and (max-width: 900px){.public-layout .card-grid>div{max-width:50%}}@media screen and (max-width: 600px){.public-layout .card-grid>div{max-width:100%}}@media screen and (max-width: 415px){.public-layout .card-grid{margin:0;border-top:1px solid #393f4f}.public-layout .card-grid>div{width:100%;padding:0;margin-bottom:0;border-bottom:1px solid #393f4f}.public-layout .card-grid>div:last-child{border-bottom:0}.public-layout .card-grid>div .card__bar{background:#282c37}.public-layout .card-grid>div .card__bar:hover,.public-layout .card-grid>div .card__bar:active,.public-layout .card-grid>div .card__bar:focus{background:#313543}}.no-list{list-style:none}.no-list li{display:inline-block;margin:0 5px}.recovery-codes{list-style:none;margin:0 auto}.recovery-codes li{font-size:125%;line-height:1.5;letter-spacing:1px}.public-layout .footer{text-align:left;padding-top:20px;padding-bottom:60px;font-size:12px;color:#737d99}@media screen and (max-width: 415px){.public-layout .footer{padding-left:20px;padding-right:20px}}.public-layout .footer .grid{display:grid;grid-gap:10px;grid-template-columns:1fr 1fr 2fr 1fr 1fr}.public-layout .footer .grid .column-0{grid-column:1;grid-row:1;min-width:0}.public-layout .footer .grid .column-1{grid-column:2;grid-row:1;min-width:0}.public-layout .footer .grid .column-2{grid-column:3;grid-row:1;min-width:0;text-align:center}.public-layout .footer .grid .column-2 h4 a{color:#737d99}.public-layout .footer .grid .column-3{grid-column:4;grid-row:1;min-width:0}.public-layout .footer .grid .column-4{grid-column:5;grid-row:1;min-width:0}@media screen and (max-width: 690px){.public-layout .footer .grid{grid-template-columns:1fr 2fr 1fr}.public-layout .footer .grid .column-0,.public-layout .footer .grid .column-1{grid-column:1}.public-layout .footer .grid .column-1{grid-row:2}.public-layout .footer .grid .column-2{grid-column:2}.public-layout .footer .grid .column-3,.public-layout .footer .grid .column-4{grid-column:3}.public-layout .footer .grid .column-4{grid-row:2}}@media screen and (max-width: 600px){.public-layout .footer .grid .column-1{display:block}}@media screen and (max-width: 415px){.public-layout .footer .grid .column-0,.public-layout .footer .grid .column-1,.public-layout .footer .grid .column-3,.public-layout .footer .grid .column-4{display:none}}.public-layout .footer h4{text-transform:uppercase;font-weight:700;margin-bottom:8px;color:#dde3ec}.public-layout .footer h4 a{color:inherit;text-decoration:none}.public-layout .footer ul a{text-decoration:none;color:#737d99}.public-layout .footer ul a:hover,.public-layout .footer ul a:active,.public-layout .footer ul a:focus{text-decoration:underline}.public-layout .footer .brand svg{display:block;height:36px;width:auto;margin:0 auto;fill:#737d99}.public-layout .footer .brand:hover svg,.public-layout .footer .brand:focus svg,.public-layout .footer .brand:active svg{fill:#7f88a2}.compact-header h1{font-size:24px;line-height:28px;color:#dde3ec;font-weight:500;margin-bottom:20px;padding:0 10px;word-wrap:break-word}@media screen and (max-width: 740px){.compact-header h1{text-align:center;padding:20px 10px 0}}.compact-header h1 a{color:inherit;text-decoration:none}.compact-header h1 small{font-weight:400;color:#ecf0f4}.compact-header h1 img{display:inline-block;margin-bottom:-5px;margin-right:15px;width:36px;height:36px}.hero-widget{margin-bottom:10px;box-shadow:0 0 15px rgba(0,0,0,.2)}.hero-widget__img{width:100%;position:relative;overflow:hidden;border-radius:4px 4px 0 0;background:#000}.hero-widget__img img{object-fit:cover;display:block;width:100%;height:100%;margin:0;border-radius:4px 4px 0 0}.hero-widget__text{background:#282c37;padding:20px;border-radius:0 0 4px 4px;font-size:15px;color:#dde3ec;line-height:20px;word-wrap:break-word;font-weight:400}.hero-widget__text .emojione{width:20px;height:20px;margin:-3px 0 0}.hero-widget__text p{margin-bottom:20px}.hero-widget__text p:last-child{margin-bottom:0}.hero-widget__text em{display:inline;margin:0;padding:0;font-weight:700;background:transparent;font-family:inherit;font-size:inherit;line-height:inherit;color:#fefefe}.hero-widget__text a{color:#ecf0f4;text-decoration:none}.hero-widget__text a:hover{text-decoration:underline}@media screen and (max-width: 415px){.hero-widget{display:none}}.endorsements-widget{margin-bottom:10px;padding-bottom:10px}.endorsements-widget h4{padding:10px;text-transform:uppercase;font-weight:700;font-size:13px;color:#dde3ec}.endorsements-widget .account{padding:10px 0}.endorsements-widget .account:last-child{border-bottom:0}.endorsements-widget .account .account__display-name{display:flex;align-items:center}.endorsements-widget .account .account__avatar{width:44px;height:44px;background-size:44px 44px}.endorsements-widget .trends__item{padding:10px}.trends-widget h4{color:#dde3ec}.box-widget{padding:20px;border-radius:4px;background:#282c37;box-shadow:0 0 15px rgba(0,0,0,.2)}.placeholder-widget{padding:16px;border-radius:4px;border:2px dashed #c2cede;text-align:center;color:#dde3ec;margin-bottom:10px}.contact-widget{min-height:100%;font-size:15px;color:#dde3ec;line-height:20px;word-wrap:break-word;font-weight:400;padding:0}.contact-widget h4{padding:10px;text-transform:uppercase;font-weight:700;font-size:13px;color:#dde3ec}.contact-widget .account{border-bottom:0;padding:10px 0;padding-top:5px}.contact-widget>a{display:inline-block;padding:10px;padding-top:0;color:#dde3ec;text-decoration:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.contact-widget>a:hover,.contact-widget>a:focus,.contact-widget>a:active{text-decoration:underline}.moved-account-widget{padding:15px;padding-bottom:20px;border-radius:4px;background:#282c37;box-shadow:0 0 15px rgba(0,0,0,.2);color:#ecf0f4;font-weight:400;margin-bottom:10px}.moved-account-widget strong,.moved-account-widget a{font-weight:500}.moved-account-widget strong:lang(ja),.moved-account-widget a:lang(ja){font-weight:700}.moved-account-widget strong:lang(ko),.moved-account-widget a:lang(ko){font-weight:700}.moved-account-widget strong:lang(zh-CN),.moved-account-widget a:lang(zh-CN){font-weight:700}.moved-account-widget strong:lang(zh-HK),.moved-account-widget a:lang(zh-HK){font-weight:700}.moved-account-widget strong:lang(zh-TW),.moved-account-widget a:lang(zh-TW){font-weight:700}.moved-account-widget a{color:inherit;text-decoration:underline}.moved-account-widget a.mention{text-decoration:none}.moved-account-widget a.mention span{text-decoration:none}.moved-account-widget a.mention:focus,.moved-account-widget a.mention:hover,.moved-account-widget a.mention:active{text-decoration:none}.moved-account-widget a.mention:focus span,.moved-account-widget a.mention:hover span,.moved-account-widget a.mention:active span{text-decoration:underline}.moved-account-widget__message{margin-bottom:15px}.moved-account-widget__message .fa{margin-right:5px;color:#dde3ec}.moved-account-widget__card .detailed-status__display-avatar{position:relative;cursor:pointer}.moved-account-widget__card .detailed-status__display-name{margin-bottom:0;text-decoration:none}.moved-account-widget__card .detailed-status__display-name span{font-weight:400}.memoriam-widget{padding:20px;border-radius:4px;background:#000;box-shadow:0 0 15px rgba(0,0,0,.2);font-size:14px;color:#dde3ec;margin-bottom:10px}.page-header{background:#393f4f;box-shadow:0 0 15px rgba(0,0,0,.2);border-radius:4px;padding:60px 15px;text-align:center;margin:10px 0}.page-header h1{color:#fff;font-size:36px;line-height:1.1;font-weight:700;margin-bottom:10px}.page-header p{font-size:15px;color:#dde3ec}@media screen and (max-width: 415px){.page-header{margin-top:0;background:#313543}.page-header h1{font-size:24px}}.directory{background:#282c37;border-radius:4px;box-shadow:0 0 15px rgba(0,0,0,.2)}.directory__tag{box-sizing:border-box;margin-bottom:10px}.directory__tag>a,.directory__tag>div{display:flex;align-items:center;justify-content:space-between;background:#282c37;border-radius:4px;padding:15px;text-decoration:none;color:inherit;box-shadow:0 0 15px rgba(0,0,0,.2)}.directory__tag>a:hover,.directory__tag>a:active,.directory__tag>a:focus{background:#393f4f}.directory__tag.active>a{background:#2b5fd9;cursor:default}.directory__tag.disabled>div{opacity:.5;cursor:default}.directory__tag h4{flex:1 1 auto;font-size:18px;font-weight:700;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.directory__tag h4 .fa{color:#dde3ec}.directory__tag h4 small{display:block;font-weight:400;font-size:15px;margin-top:8px;color:#dde3ec}.directory__tag.active h4,.directory__tag.active h4 .fa,.directory__tag.active h4 small,.directory__tag.active h4 .trends__item__current{color:#fff}.directory__tag .avatar-stack{flex:0 0 auto;width:120px}.directory__tag.active .avatar-stack .account__avatar{border-color:#2b5fd9}.directory__tag .trends__item__current{padding-right:0}.avatar-stack{display:flex;justify-content:flex-end}.avatar-stack .account__avatar{flex:0 0 auto;width:36px;height:36px;border-radius:50%;position:relative;margin-left:-10px;background:#17191f;border:2px solid #282c37}.avatar-stack .account__avatar:nth-child(1){z-index:1}.avatar-stack .account__avatar:nth-child(2){z-index:2}.avatar-stack .account__avatar:nth-child(3){z-index:3}.accounts-table{width:100%}.accounts-table .account{padding:0;border:0}.accounts-table strong{font-weight:700}.accounts-table thead th{text-align:center;text-transform:uppercase;color:#dde3ec;font-weight:700;padding:10px}.accounts-table thead th:first-child{text-align:left}.accounts-table tbody td{padding:15px 0;vertical-align:middle;border-bottom:1px solid #393f4f}.accounts-table tbody tr:last-child td{border-bottom:0}.accounts-table__count{width:120px;text-align:center;font-size:15px;font-weight:500;color:#fff}.accounts-table__count small{display:block;color:#dde3ec;font-weight:400;font-size:14px}.accounts-table__comment{width:50%;vertical-align:initial !important}@media screen and (max-width: 415px){.accounts-table tbody td.optional{display:none}}@media screen and (max-width: 415px){.moved-account-widget,.memoriam-widget,.box-widget,.contact-widget,.landing-page__information.contact-widget,.directory,.page-header{margin-bottom:0;box-shadow:none;border-radius:0}}.statuses-grid{min-height:600px}@media screen and (max-width: 640px){.statuses-grid{width:100% !important}}.statuses-grid__item{width:313.3333333333px}@media screen and (max-width: 1255px){.statuses-grid__item{width:306.6666666667px}}@media screen and (max-width: 640px){.statuses-grid__item{width:100%}}@media screen and (max-width: 415px){.statuses-grid__item{width:100vw}}.statuses-grid .detailed-status{border-radius:4px}@media screen and (max-width: 415px){.statuses-grid .detailed-status{border-top:1px solid #4a5266}}.statuses-grid .detailed-status.compact .detailed-status__meta{margin-top:15px}.statuses-grid .detailed-status.compact .status__content{font-size:15px;line-height:20px}.statuses-grid .detailed-status.compact .status__content .emojione{width:20px;height:20px;margin:-3px 0 0}.statuses-grid .detailed-status.compact .status__content .status__content__spoiler-link{line-height:20px;margin:0}.statuses-grid .detailed-status.compact .media-gallery,.statuses-grid .detailed-status.compact .status-card,.statuses-grid .detailed-status.compact .video-player{margin-top:15px}.notice-widget{margin-bottom:10px;color:#dde3ec}.notice-widget p{margin-bottom:10px}.notice-widget p:last-child{margin-bottom:0}.notice-widget a{font-size:14px;line-height:20px}.notice-widget a,.placeholder-widget a{text-decoration:none;font-weight:500;color:#2b5fd9}.notice-widget a:hover,.notice-widget a:focus,.notice-widget a:active,.placeholder-widget a:hover,.placeholder-widget a:focus,.placeholder-widget a:active{text-decoration:underline}.table-of-contents{background:#1f232b;min-height:100%;font-size:14px;border-radius:4px}.table-of-contents li a{display:block;font-weight:500;padding:15px;overflow:hidden;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-decoration:none;color:#fff;border-bottom:1px solid #313543}.table-of-contents li a:hover,.table-of-contents li a:focus,.table-of-contents li a:active{text-decoration:underline}.table-of-contents li:last-child a{border-bottom:0}.table-of-contents li ul{padding-left:20px;border-bottom:1px solid #313543}code{font-family:\"mastodon-font-monospace\",monospace;font-weight:400}.form-container{max-width:400px;padding:20px;margin:0 auto}.simple_form .input{margin-bottom:15px;overflow:hidden}.simple_form .input.hidden{margin:0}.simple_form .input.radio_buttons .radio{margin-bottom:15px}.simple_form .input.radio_buttons .radio:last-child{margin-bottom:0}.simple_form .input.radio_buttons .radio>label{position:relative;padding-left:28px}.simple_form .input.radio_buttons .radio>label input{position:absolute;top:-2px;left:0}.simple_form .input.boolean{position:relative;margin-bottom:0}.simple_form .input.boolean .label_input>label{font-family:inherit;font-size:14px;padding-top:5px;color:#fff;display:block;width:auto}.simple_form .input.boolean .label_input,.simple_form .input.boolean .hint{padding-left:28px}.simple_form .input.boolean .label_input__wrapper{position:static}.simple_form .input.boolean label.checkbox{position:absolute;top:2px;left:0}.simple_form .input.boolean label a{color:#2b90d9;text-decoration:underline}.simple_form .input.boolean label a:hover,.simple_form .input.boolean label a:active,.simple_form .input.boolean label a:focus{text-decoration:none}.simple_form .input.boolean .recommended{position:absolute;margin:0 4px;margin-top:-2px}.simple_form .row{display:flex;margin:0 -5px}.simple_form .row .input{box-sizing:border-box;flex:1 1 auto;width:50%;padding:0 5px}.simple_form .hint{color:#dde3ec}.simple_form .hint a{color:#2b90d9}.simple_form .hint code{border-radius:3px;padding:.2em .4em;background:#0e1014}.simple_form .hint li{list-style:disc;margin-left:18px}.simple_form ul.hint{margin-bottom:15px}.simple_form span.hint{display:block;font-size:12px;margin-top:4px}.simple_form p.hint{margin-bottom:15px;color:#dde3ec}.simple_form p.hint.subtle-hint{text-align:center;font-size:12px;line-height:18px;margin-top:15px;margin-bottom:0}.simple_form .card{margin-bottom:15px}.simple_form strong{font-weight:500}.simple_form strong:lang(ja){font-weight:700}.simple_form strong:lang(ko){font-weight:700}.simple_form strong:lang(zh-CN){font-weight:700}.simple_form strong:lang(zh-HK){font-weight:700}.simple_form strong:lang(zh-TW){font-weight:700}.simple_form .input.with_floating_label .label_input{display:flex}.simple_form .input.with_floating_label .label_input>label{font-family:inherit;font-size:14px;color:#fff;font-weight:500;min-width:150px;flex:0 0 auto}.simple_form .input.with_floating_label .label_input input,.simple_form .input.with_floating_label .label_input select{flex:1 1 auto}.simple_form .input.with_floating_label.select .hint{margin-top:6px;margin-left:150px}.simple_form .input.with_label .label_input>label{font-family:inherit;font-size:14px;color:#fff;display:block;margin-bottom:8px;word-wrap:break-word;font-weight:500}.simple_form .input.with_label .hint{margin-top:6px}.simple_form .input.with_label ul{flex:390px}.simple_form .input.with_block_label{max-width:none}.simple_form .input.with_block_label>label{font-family:inherit;font-size:16px;color:#fff;display:block;font-weight:500;padding-top:5px}.simple_form .input.with_block_label .hint{margin-bottom:15px}.simple_form .input.with_block_label ul{columns:2}.simple_form .input.datetime .label_input select{display:inline-block;width:auto;flex:0}.simple_form .required abbr{text-decoration:none;color:#e87487}.simple_form .fields-group{margin-bottom:25px}.simple_form .fields-group .input:last-child{margin-bottom:0}.simple_form .fields-row{display:flex;margin:0 -10px;padding-top:5px;margin-bottom:25px}.simple_form .fields-row .input{max-width:none}.simple_form .fields-row__column{box-sizing:border-box;padding:0 10px;flex:1 1 auto;min-height:1px}.simple_form .fields-row__column-6{max-width:50%}.simple_form .fields-row__column .actions{margin-top:27px}.simple_form .fields-row .fields-group:last-child,.simple_form .fields-row .fields-row__column.fields-group{margin-bottom:0}@media screen and (max-width: 600px){.simple_form .fields-row{display:block;margin-bottom:0}.simple_form .fields-row__column{max-width:none}.simple_form .fields-row .fields-group:last-child,.simple_form .fields-row .fields-row__column.fields-group,.simple_form .fields-row .fields-row__column{margin-bottom:25px}}.simple_form .input.radio_buttons .radio label{margin-bottom:5px;font-family:inherit;font-size:14px;color:#fff;display:block;width:auto}.simple_form .check_boxes .checkbox label{font-family:inherit;font-size:14px;color:#fff;display:inline-block;width:auto;position:relative;padding-top:5px;padding-left:25px;flex:1 1 auto}.simple_form .check_boxes .checkbox input[type=checkbox]{position:absolute;left:0;top:5px;margin:0}.simple_form .input.static .label_input__wrapper{font-size:16px;padding:10px;border:1px solid #c2cede;border-radius:4px}.simple_form input[type=text],.simple_form input[type=number],.simple_form input[type=email],.simple_form input[type=password],.simple_form textarea{box-sizing:border-box;font-size:16px;color:#fff;display:block;width:100%;outline:0;font-family:inherit;resize:vertical;background:#131419;border:1px solid #0a0b0e;border-radius:4px;padding:10px}.simple_form input[type=text]::placeholder,.simple_form input[type=number]::placeholder,.simple_form input[type=email]::placeholder,.simple_form input[type=password]::placeholder,.simple_form textarea::placeholder{color:#eaeef3}.simple_form input[type=text]:invalid,.simple_form input[type=number]:invalid,.simple_form input[type=email]:invalid,.simple_form input[type=password]:invalid,.simple_form textarea:invalid{box-shadow:none}.simple_form input[type=text]:focus:invalid:not(:placeholder-shown),.simple_form input[type=number]:focus:invalid:not(:placeholder-shown),.simple_form input[type=email]:focus:invalid:not(:placeholder-shown),.simple_form input[type=password]:focus:invalid:not(:placeholder-shown),.simple_form textarea:focus:invalid:not(:placeholder-shown){border-color:#e87487}.simple_form input[type=text]:required:valid,.simple_form input[type=number]:required:valid,.simple_form input[type=email]:required:valid,.simple_form input[type=password]:required:valid,.simple_form textarea:required:valid{border-color:#79bd9a}.simple_form input[type=text]:hover,.simple_form input[type=number]:hover,.simple_form input[type=email]:hover,.simple_form input[type=password]:hover,.simple_form textarea:hover{border-color:#000}.simple_form input[type=text]:active,.simple_form input[type=text]:focus,.simple_form input[type=number]:active,.simple_form input[type=number]:focus,.simple_form input[type=email]:active,.simple_form input[type=email]:focus,.simple_form input[type=password]:active,.simple_form input[type=password]:focus,.simple_form textarea:active,.simple_form textarea:focus{border-color:#2b90d9;background:#17191f}.simple_form .input.field_with_errors label{color:#e87487}.simple_form .input.field_with_errors input[type=text],.simple_form .input.field_with_errors input[type=number],.simple_form .input.field_with_errors input[type=email],.simple_form .input.field_with_errors input[type=password],.simple_form .input.field_with_errors textarea,.simple_form .input.field_with_errors select{border-color:#e87487}.simple_form .input.field_with_errors .error{display:block;font-weight:500;color:#e87487;margin-top:4px}.simple_form .input.disabled{opacity:.5}.simple_form .actions{margin-top:30px;display:flex}.simple_form .actions.actions--top{margin-top:0;margin-bottom:30px}.simple_form button,.simple_form .button,.simple_form .block-button{display:block;width:100%;border:0;border-radius:4px;background:#2b5fd9;color:#fff;font-size:18px;line-height:inherit;height:auto;padding:10px;text-transform:uppercase;text-decoration:none;text-align:center;box-sizing:border-box;cursor:pointer;font-weight:500;outline:0;margin-bottom:10px;margin-right:10px}.simple_form button:last-child,.simple_form .button:last-child,.simple_form .block-button:last-child{margin-right:0}.simple_form button:hover,.simple_form .button:hover,.simple_form .block-button:hover{background-color:#416fdd}.simple_form button:active,.simple_form button:focus,.simple_form .button:active,.simple_form .button:focus,.simple_form .block-button:active,.simple_form .block-button:focus{background-color:#2454c7}.simple_form button:disabled:hover,.simple_form .button:disabled:hover,.simple_form .block-button:disabled:hover{background-color:#9baec8}.simple_form button.negative,.simple_form .button.negative,.simple_form .block-button.negative{background:#df405a}.simple_form button.negative:hover,.simple_form .button.negative:hover,.simple_form .block-button.negative:hover{background-color:#e3566d}.simple_form button.negative:active,.simple_form button.negative:focus,.simple_form .button.negative:active,.simple_form .button.negative:focus,.simple_form .block-button.negative:active,.simple_form .block-button.negative:focus{background-color:#db2a47}.simple_form select{appearance:none;box-sizing:border-box;font-size:16px;color:#fff;display:block;width:100%;outline:0;font-family:inherit;resize:vertical;background:#131419 url(\"data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14.933 18.467' height='19.698' width='15.929'><path d='M3.467 14.967l-3.393-3.5H14.86l-3.392 3.5c-1.866 1.925-3.666 3.5-4 3.5-.335 0-2.135-1.575-4-3.5zm.266-11.234L7.467 0 11.2 3.733l3.733 3.734H0l3.733-3.734z' fill='%2342485A'/></svg>\") no-repeat right 8px center/auto 16px;border:1px solid #0a0b0e;border-radius:4px;padding-left:10px;padding-right:30px;height:41px}.simple_form h4{margin-bottom:15px !important}.simple_form .label_input__wrapper{position:relative}.simple_form .label_input__append{position:absolute;right:3px;top:1px;padding:10px;padding-bottom:9px;font-size:16px;color:#c2cede;font-family:inherit;pointer-events:none;cursor:default;max-width:140px;white-space:nowrap;overflow:hidden}.simple_form .label_input__append::after{content:\"\";display:block;position:absolute;top:0;right:0;bottom:1px;width:5px;background-image:linear-gradient(to right, rgba(19, 20, 25, 0), #131419)}.simple_form__overlay-area{position:relative}.simple_form__overlay-area__blurred form{filter:blur(2px)}.simple_form__overlay-area__overlay{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;justify-content:center;align-items:center;background:rgba(40,44,55,.65);border-radius:4px;margin-left:-4px;margin-top:-4px;padding:4px}.simple_form__overlay-area__overlay__content{text-align:center}.simple_form__overlay-area__overlay__content.rich-formatting,.simple_form__overlay-area__overlay__content.rich-formatting p{color:#fff}.block-icon{display:block;margin:0 auto;margin-bottom:10px;font-size:24px}.flash-message{background:#393f4f;color:#dde3ec;border-radius:4px;padding:15px 10px;margin-bottom:30px;text-align:center}.flash-message.notice{border:1px solid rgba(121,189,154,.5);background:rgba(121,189,154,.25);color:#79bd9a}.flash-message.alert{border:1px solid rgba(223,64,90,.5);background:rgba(223,64,90,.25);color:#df405a}.flash-message a{display:inline-block;color:#dde3ec;text-decoration:none}.flash-message a:hover{color:#fff;text-decoration:underline}.flash-message p{margin-bottom:15px}.flash-message .oauth-code{outline:0;box-sizing:border-box;display:block;width:100%;border:0;padding:10px;font-family:\"mastodon-font-monospace\",monospace;background:#282c37;color:#fff;font-size:14px;margin:0}.flash-message .oauth-code::-moz-focus-inner{border:0}.flash-message .oauth-code::-moz-focus-inner,.flash-message .oauth-code:focus,.flash-message .oauth-code:active{outline:0 !important}.flash-message .oauth-code:focus{background:#313543}.flash-message strong{font-weight:500}.flash-message strong:lang(ja){font-weight:700}.flash-message strong:lang(ko){font-weight:700}.flash-message strong:lang(zh-CN){font-weight:700}.flash-message strong:lang(zh-HK){font-weight:700}.flash-message strong:lang(zh-TW){font-weight:700}@media screen and (max-width: 740px)and (min-width: 441px){.flash-message{margin-top:40px}}.form-footer{margin-top:30px;text-align:center}.form-footer a{color:#dde3ec;text-decoration:none}.form-footer a:hover{text-decoration:underline}.quick-nav{list-style:none;margin-bottom:25px;font-size:14px}.quick-nav li{display:inline-block;margin-right:10px}.quick-nav a{color:#2b90d9;text-transform:uppercase;text-decoration:none;font-weight:700}.quick-nav a:hover,.quick-nav a:focus,.quick-nav a:active{color:#4ea2df}.oauth-prompt,.follow-prompt{margin-bottom:30px;color:#dde3ec}.oauth-prompt h2,.follow-prompt h2{font-size:16px;margin-bottom:30px;text-align:center}.oauth-prompt strong,.follow-prompt strong{color:#ecf0f4;font-weight:500}.oauth-prompt strong:lang(ja),.follow-prompt strong:lang(ja){font-weight:700}.oauth-prompt strong:lang(ko),.follow-prompt strong:lang(ko){font-weight:700}.oauth-prompt strong:lang(zh-CN),.follow-prompt strong:lang(zh-CN){font-weight:700}.oauth-prompt strong:lang(zh-HK),.follow-prompt strong:lang(zh-HK){font-weight:700}.oauth-prompt strong:lang(zh-TW),.follow-prompt strong:lang(zh-TW){font-weight:700}@media screen and (max-width: 740px)and (min-width: 441px){.oauth-prompt,.follow-prompt{margin-top:40px}}.qr-wrapper{display:flex;flex-wrap:wrap;align-items:flex-start}.qr-code{flex:0 0 auto;background:#fff;padding:4px;margin:0 10px 20px 0;box-shadow:0 0 15px rgba(0,0,0,.2);display:inline-block}.qr-code svg{display:block;margin:0}.qr-alternative{margin-bottom:20px;color:#ecf0f4;flex:150px}.qr-alternative samp{display:block;font-size:14px}.table-form p{margin-bottom:15px}.table-form p strong{font-weight:500}.table-form p strong:lang(ja){font-weight:700}.table-form p strong:lang(ko){font-weight:700}.table-form p strong:lang(zh-CN){font-weight:700}.table-form p strong:lang(zh-HK){font-weight:700}.table-form p strong:lang(zh-TW){font-weight:700}.simple_form .warning,.table-form .warning{box-sizing:border-box;background:rgba(223,64,90,.5);color:#fff;text-shadow:1px 1px 0 rgba(0,0,0,.3);box-shadow:0 2px 6px rgba(0,0,0,.4);border-radius:4px;padding:10px;margin-bottom:15px}.simple_form .warning a,.table-form .warning a{color:#fff;text-decoration:underline}.simple_form .warning a:hover,.simple_form .warning a:focus,.simple_form .warning a:active,.table-form .warning a:hover,.table-form .warning a:focus,.table-form .warning a:active{text-decoration:none}.simple_form .warning strong,.table-form .warning strong{font-weight:600;display:block;margin-bottom:5px}.simple_form .warning strong:lang(ja),.table-form .warning strong:lang(ja){font-weight:700}.simple_form .warning strong:lang(ko),.table-form .warning strong:lang(ko){font-weight:700}.simple_form .warning strong:lang(zh-CN),.table-form .warning strong:lang(zh-CN){font-weight:700}.simple_form .warning strong:lang(zh-HK),.table-form .warning strong:lang(zh-HK){font-weight:700}.simple_form .warning strong:lang(zh-TW),.table-form .warning strong:lang(zh-TW){font-weight:700}.simple_form .warning strong .fa,.table-form .warning strong .fa{font-weight:400}.action-pagination{display:flex;flex-wrap:wrap;align-items:center}.action-pagination .actions,.action-pagination .pagination{flex:1 1 auto}.action-pagination .actions{padding:30px 0;padding-right:20px;flex:0 0 auto}.post-follow-actions{text-align:center;color:#dde3ec}.post-follow-actions div{margin-bottom:4px}.alternative-login{margin-top:20px;margin-bottom:20px}.alternative-login h4{font-size:16px;color:#fff;text-align:center;margin-bottom:20px;border:0;padding:0}.alternative-login .button{display:block}.scope-danger{color:#ff5050}.form_admin_settings_site_short_description textarea,.form_admin_settings_site_description textarea,.form_admin_settings_site_extended_description textarea,.form_admin_settings_site_terms textarea,.form_admin_settings_custom_css textarea,.form_admin_settings_closed_registrations_message textarea{font-family:\"mastodon-font-monospace\",monospace}.input-copy{background:#131419;border:1px solid #0a0b0e;border-radius:4px;display:flex;align-items:center;padding-right:4px;position:relative;top:1px;transition:border-color 300ms linear}.input-copy__wrapper{flex:1 1 auto}.input-copy input[type=text]{background:transparent;border:0;padding:10px;font-size:14px;font-family:\"mastodon-font-monospace\",monospace}.input-copy button{flex:0 0 auto;margin:4px;text-transform:none;font-weight:400;font-size:14px;padding:7px 18px;padding-bottom:6px;width:auto;transition:background 300ms linear}.input-copy.copied{border-color:#79bd9a;transition:none}.input-copy.copied button{background:#79bd9a;transition:none}.connection-prompt{margin-bottom:25px}.connection-prompt .fa-link{background-color:#1f232b;border-radius:100%;font-size:24px;padding:10px}.connection-prompt__column{align-items:center;display:flex;flex:1;flex-direction:column;flex-shrink:1;max-width:50%}.connection-prompt__column-sep{align-self:center;flex-grow:0;overflow:visible;position:relative;z-index:1}.connection-prompt__column p{word-break:break-word}.connection-prompt .account__avatar{margin-bottom:20px}.connection-prompt__connection{background-color:#393f4f;box-shadow:0 0 15px rgba(0,0,0,.2);border-radius:4px;padding:25px 10px;position:relative;text-align:center}.connection-prompt__connection::after{background-color:#1f232b;content:\"\";display:block;height:100%;left:50%;position:absolute;top:0;width:1px}.connection-prompt__row{align-items:flex-start;display:flex;flex-direction:row}.card>a{display:block;text-decoration:none;color:inherit;box-shadow:0 0 15px rgba(0,0,0,.2)}@media screen and (max-width: 415px){.card>a{box-shadow:none}}.card>a:hover .card__bar,.card>a:active .card__bar,.card>a:focus .card__bar{background:#393f4f}.card__img{height:130px;position:relative;background:#0e1014;border-radius:4px 4px 0 0}.card__img img{display:block;width:100%;height:100%;margin:0;object-fit:cover;border-radius:4px 4px 0 0}@media screen and (max-width: 600px){.card__img{height:200px}}@media screen and (max-width: 415px){.card__img{display:none}}.card__bar{position:relative;padding:15px;display:flex;justify-content:flex-start;align-items:center;background:#313543;border-radius:0 0 4px 4px}@media screen and (max-width: 415px){.card__bar{border-radius:0}}.card__bar .avatar{flex:0 0 auto;width:48px;height:48px;padding-top:2px}.card__bar .avatar img{width:100%;height:100%;display:block;margin:0;border-radius:4px;background:#17191f;object-fit:cover}.card__bar .display-name{margin-left:15px;text-align:left}.card__bar .display-name strong{font-size:15px;color:#fff;font-weight:500;overflow:hidden;text-overflow:ellipsis}.card__bar .display-name span{display:block;font-size:14px;color:#dde3ec;font-weight:400;overflow:hidden;text-overflow:ellipsis}.pagination{padding:30px 0;text-align:center;overflow:hidden}.pagination a,.pagination .current,.pagination .newer,.pagination .older,.pagination .page,.pagination .gap{font-size:14px;color:#fff;font-weight:500;display:inline-block;padding:6px 10px;text-decoration:none}.pagination .current{background:#fff;border-radius:100px;color:#000;cursor:default;margin:0 10px}.pagination .gap{cursor:default}.pagination .older,.pagination .newer{text-transform:uppercase;color:#ecf0f4}.pagination .older{float:left;padding-left:0}.pagination .older .fa{display:inline-block;margin-right:5px}.pagination .newer{float:right;padding-right:0}.pagination .newer .fa{display:inline-block;margin-left:5px}.pagination .disabled{cursor:default;color:#1a1a1a}@media screen and (max-width: 700px){.pagination{padding:30px 20px}.pagination .page{display:none}.pagination .newer,.pagination .older{display:inline-block}}.nothing-here{background:#282c37;box-shadow:0 0 15px rgba(0,0,0,.2);color:#364861;font-size:14px;font-weight:500;text-align:center;display:flex;justify-content:center;align-items:center;cursor:default;border-radius:4px;padding:20px;min-height:30vh}.nothing-here--under-tabs{border-radius:0 0 4px 4px}.nothing-here--flexible{box-sizing:border-box;min-height:100%}.account-role,.simple_form .recommended{display:inline-block;padding:4px 6px;cursor:default;border-radius:3px;font-size:12px;line-height:12px;font-weight:500;color:#d9e1e8;background-color:rgba(217,225,232,.1);border:1px solid rgba(217,225,232,.5)}.account-role.moderator,.simple_form .recommended.moderator{color:#79bd9a;background-color:rgba(121,189,154,.1);border-color:rgba(121,189,154,.5)}.account-role.admin,.simple_form .recommended.admin{color:#e87487;background-color:rgba(232,116,135,.1);border-color:rgba(232,116,135,.5)}.account__header__fields{max-width:100vw;padding:0;margin:15px -15px -15px;border:0 none;border-top:1px solid #42485a;border-bottom:1px solid #42485a;font-size:14px;line-height:20px}.account__header__fields dl{display:flex;border-bottom:1px solid #42485a}.account__header__fields dt,.account__header__fields dd{box-sizing:border-box;padding:14px;text-align:center;max-height:48px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.account__header__fields dt{font-weight:500;width:120px;flex:0 0 auto;color:#ecf0f4;background:rgba(23,25,31,.5)}.account__header__fields dd{flex:1 1 auto;color:#dde3ec}.account__header__fields a{color:#2b90d9;text-decoration:none}.account__header__fields a:hover,.account__header__fields a:focus,.account__header__fields a:active{text-decoration:underline}.account__header__fields .verified{border:1px solid rgba(121,189,154,.5);background:rgba(121,189,154,.25)}.account__header__fields .verified a{color:#79bd9a;font-weight:500}.account__header__fields .verified__mark{color:#79bd9a}.account__header__fields dl:last-child{border-bottom:0}.directory__tag .trends__item__current{width:auto}.pending-account__header{color:#dde3ec}.pending-account__header a{color:#d9e1e8;text-decoration:none}.pending-account__header a:hover,.pending-account__header a:active,.pending-account__header a:focus{text-decoration:underline}.pending-account__header strong{color:#fff;font-weight:700}.pending-account__body{margin-top:10px}.activity-stream{box-shadow:0 0 15px rgba(0,0,0,.2);border-radius:4px;overflow:hidden;margin-bottom:10px}.activity-stream--under-tabs{border-radius:0 0 4px 4px}@media screen and (max-width: 415px){.activity-stream{margin-bottom:0;border-radius:0;box-shadow:none}}.activity-stream--headless{border-radius:0;margin:0;box-shadow:none}.activity-stream--headless .detailed-status,.activity-stream--headless .status{border-radius:0 !important}.activity-stream div[data-component]{width:100%}.activity-stream .entry{background:#282c37}.activity-stream .entry .detailed-status,.activity-stream .entry .status,.activity-stream .entry .load-more{animation:none}.activity-stream .entry:last-child .detailed-status,.activity-stream .entry:last-child .status,.activity-stream .entry:last-child .load-more{border-bottom:0;border-radius:0 0 4px 4px}.activity-stream .entry:first-child .detailed-status,.activity-stream .entry:first-child .status,.activity-stream .entry:first-child .load-more{border-radius:4px 4px 0 0}.activity-stream .entry:first-child:last-child .detailed-status,.activity-stream .entry:first-child:last-child .status,.activity-stream .entry:first-child:last-child .load-more{border-radius:4px}@media screen and (max-width: 740px){.activity-stream .entry .detailed-status,.activity-stream .entry .status,.activity-stream .entry .load-more{border-radius:0 !important}}.activity-stream--highlighted .entry{background:#393f4f}.button.logo-button{flex:0 auto;font-size:14px;background:#2b5fd9;color:#fff;text-transform:none;line-height:36px;height:auto;padding:3px 15px;border:0}.button.logo-button svg{width:20px;height:auto;vertical-align:middle;margin-right:5px;fill:#fff}.button.logo-button:active,.button.logo-button:focus,.button.logo-button:hover{background:#5680e1}.button.logo-button:disabled:active,.button.logo-button:disabled:focus,.button.logo-button:disabled:hover,.button.logo-button.disabled:active,.button.logo-button.disabled:focus,.button.logo-button.disabled:hover{background:#9baec8}.button.logo-button.button--destructive:active,.button.logo-button.button--destructive:focus,.button.logo-button.button--destructive:hover{background:#df405a}@media screen and (max-width: 415px){.button.logo-button svg{display:none}}.embed .detailed-status,.public-layout .detailed-status{padding:15px}.embed .status,.public-layout .status{padding:15px 15px 15px 78px;min-height:50px}.embed .status__avatar,.public-layout .status__avatar{left:15px;top:17px}.embed .status__content,.public-layout .status__content{padding-top:5px}.embed .status__prepend,.public-layout .status__prepend{margin-left:78px;padding-top:15px}.embed .status__prepend-icon-wrapper,.public-layout .status__prepend-icon-wrapper{left:-32px}.embed .status .media-gallery,.embed .status__action-bar,.embed .status .video-player,.public-layout .status .media-gallery,.public-layout .status__action-bar,.public-layout .status .video-player{margin-top:10px}button.icon-button i.fa-retweet{background-image:url(\"data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='22' height='209'><path d='M4.97 3.16c-.1.03-.17.1-.22.18L.8 8.24c-.2.3.03.78.4.8H3.6v2.68c0 4.26-.55 3.62 3.66 3.62h7.66l-2.3-2.84c-.03-.02-.03-.04-.05-.06H7.27c-.44 0-.72-.3-.72-.72v-2.7h2.5c.37.03.63-.48.4-.77L5.5 3.35c-.12-.17-.34-.25-.53-.2zm12.16.43c-.55-.02-1.32.02-2.4.02H7.1l2.32 2.85.03.06h5.25c.42 0 .72.28.72.72v2.7h-2.5c-.36.02-.56.54-.3.8l3.92 4.9c.18.25.6.25.78 0l3.94-4.9c.26-.28 0-.83-.37-.8H18.4v-2.7c0-3.15.4-3.62-1.25-3.66z' fill='%238D9AC2' stroke-width='0'/><path d='M7.78 19.66c-.24.02-.44.25-.44.5v2.46h-.06c-1.08 0-1.86-.03-2.4-.03-1.64 0-1.25.43-1.25 3.65v4.47c0 4.26-.56 3.62 3.65 3.62H8.5l-1.3-1.06c-.1-.08-.18-.2-.2-.3-.02-.17.06-.35.2-.45l1.33-1.1H7.28c-.44 0-.72-.3-.72-.7v-4.48c0-.44.28-.72.72-.72h.06v2.5c0 .38.54.63.82.38l4.9-3.93c.25-.18.25-.6 0-.78l-4.9-3.92c-.1-.1-.24-.14-.38-.12zm9.34 2.93c-.54-.02-1.3.02-2.4.02h-1.25l1.3 1.07c.1.07.18.2.2.33.02.16-.06.3-.2.4l-1.33 1.1h1.28c.42 0 .72.28.72.72v4.47c0 .42-.3.72-.72.72h-.1v-2.47c0-.3-.3-.53-.6-.47-.07 0-.14.05-.2.1l-4.9 3.93c-.26.18-.26.6 0 .78l4.9 3.92c.27.25.82 0 .8-.38v-2.5h.1c4.27 0 3.65.67 3.65-3.62v-4.47c0-3.15.4-3.62-1.25-3.66zM10.34 38.66c-.24.02-.44.25-.43.5v2.47H7.3c-1.08 0-1.86-.04-2.4-.04-1.64 0-1.25.43-1.25 3.65v4.47c0 3.66-.23 3.7 2.34 3.66l-1.34-1.1c-.1-.08-.18-.2-.2-.3 0-.17.07-.35.2-.45l1.96-1.6c-.03-.06-.04-.13-.04-.2v-4.48c0-.44.28-.72.72-.72H9.9v2.5c0 .36.5.6.8.38l4.93-3.93c.24-.18.24-.6 0-.78l-4.94-3.92c-.1-.08-.23-.13-.36-.12zm5.63 2.93l1.34 1.1c.1.07.18.2.2.33.02.16-.03.3-.16.4l-1.96 1.6c.02.07.06.13.06.22v4.47c0 .42-.3.72-.72.72h-2.66v-2.47c0-.3-.3-.53-.6-.47-.06.02-.12.05-.18.1l-4.94 3.93c-.24.18-.24.6 0 .78l4.94 3.92c.28.22.78-.02.78-.38v-2.5h2.66c4.27 0 3.65.67 3.65-3.62v-4.47c0-3.66.34-3.7-2.4-3.66zM13.06 57.66c-.23.03-.4.26-.4.5v2.47H7.28c-1.08 0-1.86-.04-2.4-.04-1.64 0-1.25.43-1.25 3.65v4.87l2.93-2.37v-2.5c0-.44.28-.72.72-.72h5.38v2.5c0 .36.5.6.78.38l4.94-3.93c.24-.18.24-.6 0-.78l-4.94-3.92c-.1-.1-.24-.14-.38-.12zm5.3 6.15l-2.92 2.4v2.52c0 .42-.3.72-.72.72h-5.4v-2.47c0-.3-.32-.53-.6-.47-.07.02-.13.05-.2.1L3.6 70.52c-.25.18-.25.6 0 .78l4.93 3.92c.28.22.78-.02.78-.38v-2.5h5.42c4.27 0 3.65.67 3.65-3.62v-4.47-.44zM19.25 78.8c-.1.03-.2.1-.28.17l-.9.9c-.44-.3-1.36-.25-3.35-.25H7.28c-1.08 0-1.86-.03-2.4-.03-1.64 0-1.25.43-1.25 3.65v.7l2.93.3v-1c0-.44.28-.72.72-.72h7.44c.2 0 .37.08.5.2l-1.8 1.8c-.25.26-.08.76.27.8l6.27.7c.28.03.56-.25.53-.53l-.7-6.25c0-.27-.3-.48-.55-.44zm-17.2 6.1c-.2.07-.36.3-.33.54l.7 6.25c.02.36.58.55.83.27l.8-.8c.02 0 .04-.02.04 0 .46.24 1.37.17 3.18.17h7.44c4.27 0 3.65.67 3.65-3.62v-.75l-2.93-.3v1.05c0 .42-.3.72-.72.72H7.28c-.15 0-.3-.03-.4-.1L8.8 86.4c.3-.24.1-.8-.27-.84l-6.28-.65h-.2zM4.88 98.6c-1.33 0-1.34.48-1.3 2.3l1.14-1.37c.08-.1.22-.17.34-.2.16 0 .34.08.44.2l1.66 2.03c.04 0 .07-.03.12-.03h7.44c.34 0 .57.2.65.5h-2.43c-.34.05-.53.52-.3.78l3.92 4.95c.18.24.6.24.78 0l3.94-4.94c.22-.27-.02-.76-.37-.77H18.4c.02-3.9.6-3.4-3.66-3.4H7.28c-1.08 0-1.86-.04-2.4-.04zm.15 2.46c-.1.03-.2.1-.28.2l-3.94 4.9c-.2.28.03.77.4.78H3.6c-.02 3.94-.45 3.4 3.66 3.4h7.44c3.65 0 3.74.3 3.7-2.25l-1.1 1.34c-.1.1-.2.17-.32.2-.16 0-.34-.08-.44-.2l-1.65-2.03c-.06.02-.1.04-.18.04H7.28c-.35 0-.57-.2-.66-.5h2.44c.37 0 .63-.5.4-.78l-3.96-4.9c-.1-.15-.3-.23-.47-.2zM4.88 117.6c-1.16 0-1.3.3-1.3 1.56l1.14-1.38c.08-.1.22-.14.34-.16.16 0 .34.04.44.16l2.22 2.75h7c.42 0 .72.28.72.72v.53h-2.6c-.3.1-.43.54-.2.78l3.92 4.9c.18.25.6.25.78 0l3.94-4.9c.22-.28-.02-.77-.37-.78H18.4v-.53c0-4.2.72-3.63-3.66-3.63H7.28c-1.08 0-1.86-.03-2.4-.03zm.1 1.74c-.1.03-.17.1-.23.16L.8 124.44c-.2.28.03.77.4.78H3.6v.5c0 4.26-.55 3.62 3.66 3.62h7.44c1.03 0 1.74.02 2.28 0-.16.02-.34-.03-.44-.15l-2.22-2.76H7.28c-.44 0-.72-.3-.72-.72v-.5h2.5c.37.02.63-.5.4-.78L5.5 119.5c-.12-.15-.34-.22-.53-.16zm12.02 10c1.2-.02 1.4-.25 1.4-1.53l-1.1 1.36c-.07.1-.17.17-.3.18zM5.94 136.6l2.37 2.93h6.42c.42 0 .72.28.72.72v1.25h-2.6c-.3.1-.43.54-.2.78l3.92 4.9c.18.25.6.25.78 0l3.94-4.9c.22-.28-.02-.77-.37-.78H18.4v-1.25c0-4.2.72-3.63-3.66-3.63H7.28c-.6 0-.92-.02-1.34-.03zm-1.72.06c-.4.08-.54.3-.6.75l.6-.74zm.84.93c-.12 0-.24.08-.3.18l-3.95 4.9c-.24.3 0 .83.4.82H3.6v1.22c0 4.26-.55 3.62 3.66 3.62h7.44c.63 0 .97.02 1.4.03l-2.37-2.93H7.28c-.44 0-.72-.3-.72-.72v-1.22h2.5c.4.04.67-.53.4-.8l-3.96-4.92c-.1-.13-.27-.2-.44-.2zm13.28 10.03l-.56.7c.36-.07.5-.3.56-.7zM17.13 155.6c-.55-.02-1.32.03-2.4.03h-8.2l2.38 2.9h5.82c.42 0 .72.28.72.72v1.97H12.9c-.32.06-.48.52-.28.78l3.94 4.94c.2.23.6.22.78-.03l3.94-4.9c.22-.28-.02-.77-.37-.78H18.4v-1.97c0-3.15.4-3.62-1.25-3.66zm-12.1.28c-.1.02-.2.1-.28.18l-3.94 4.9c-.2.3.03.78.4.8H3.6v1.96c0 4.26-.55 3.62 3.66 3.62h8.24l-2.36-2.9H7.28c-.44 0-.72-.3-.72-.72v-1.97h2.5c.37.02.63-.5.4-.78l-3.96-4.9c-.1-.15-.3-.22-.47-.2zM5.13 174.5c-.15 0-.3.07-.38.2L.8 179.6c-.24.27 0 .82.4.8H3.6v2.32c0 4.26-.55 3.62 3.66 3.62h7.94l-2.35-2.9h-5.6c-.43 0-.7-.3-.7-.72v-2.3h2.5c.38.03.66-.54.4-.83l-3.97-4.9c-.1-.13-.23-.2-.38-.2zm12 .1c-.55-.02-1.32.03-2.4.03H6.83l2.35 2.9h5.52c.42 0 .72.28.72.72v2.34h-2.6c-.3.1-.43.53-.2.78l3.92 4.9c.18.24.6.24.78 0l3.94-4.9c.22-.3-.02-.78-.37-.8H18.4v-2.33c0-3.15.4-3.62-1.25-3.66zM4.97 193.16c-.1.03-.17.1-.22.18l-3.94 4.9c-.2.3.03.78.4.8H3.6v2.68c0 4.26-.55 3.62 3.66 3.62h7.66l-2.3-2.84c-.03-.02-.03-.04-.05-.06H7.27c-.44 0-.72-.3-.72-.72v-2.7h2.5c.37.03.63-.48.4-.77l-3.96-4.9c-.12-.17-.34-.25-.53-.2zm12.16.43c-.55-.02-1.32.03-2.4.03H7.1l2.32 2.84.03.06h5.25c.42 0 .72.28.72.72v2.7h-2.5c-.36.02-.56.54-.3.8l3.92 4.9c.18.25.6.25.78 0l3.94-4.9c.26-.28 0-.83-.37-.8H18.4v-2.7c0-3.15.4-3.62-1.25-3.66z' fill='%232B90D9' stroke-width='0'/></svg>\")}button.icon-button i.fa-retweet:hover{background-image:url(\"data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='22' height='209'><path d='M4.97 3.16c-.1.03-.17.1-.22.18L.8 8.24c-.2.3.03.78.4.8H3.6v2.68c0 4.26-.55 3.62 3.66 3.62h7.66l-2.3-2.84c-.03-.02-.03-.04-.05-.06H7.27c-.44 0-.72-.3-.72-.72v-2.7h2.5c.37.03.63-.48.4-.77L5.5 3.35c-.12-.17-.34-.25-.53-.2zm12.16.43c-.55-.02-1.32.02-2.4.02H7.1l2.32 2.85.03.06h5.25c.42 0 .72.28.72.72v2.7h-2.5c-.36.02-.56.54-.3.8l3.92 4.9c.18.25.6.25.78 0l3.94-4.9c.26-.28 0-.83-.37-.8H18.4v-2.7c0-3.15.4-3.62-1.25-3.66z' fill='%23A4AFCE' stroke-width='0'/><path d='M7.78 19.66c-.24.02-.44.25-.44.5v2.46h-.06c-1.08 0-1.86-.03-2.4-.03-1.64 0-1.25.43-1.25 3.65v4.47c0 4.26-.56 3.62 3.65 3.62H8.5l-1.3-1.06c-.1-.08-.18-.2-.2-.3-.02-.17.06-.35.2-.45l1.33-1.1H7.28c-.44 0-.72-.3-.72-.7v-4.48c0-.44.28-.72.72-.72h.06v2.5c0 .38.54.63.82.38l4.9-3.93c.25-.18.25-.6 0-.78l-4.9-3.92c-.1-.1-.24-.14-.38-.12zm9.34 2.93c-.54-.02-1.3.02-2.4.02h-1.25l1.3 1.07c.1.07.18.2.2.33.02.16-.06.3-.2.4l-1.33 1.1h1.28c.42 0 .72.28.72.72v4.47c0 .42-.3.72-.72.72h-.1v-2.47c0-.3-.3-.53-.6-.47-.07 0-.14.05-.2.1l-4.9 3.93c-.26.18-.26.6 0 .78l4.9 3.92c.27.25.82 0 .8-.38v-2.5h.1c4.27 0 3.65.67 3.65-3.62v-4.47c0-3.15.4-3.62-1.25-3.66zM10.34 38.66c-.24.02-.44.25-.43.5v2.47H7.3c-1.08 0-1.86-.04-2.4-.04-1.64 0-1.25.43-1.25 3.65v4.47c0 3.66-.23 3.7 2.34 3.66l-1.34-1.1c-.1-.08-.18-.2-.2-.3 0-.17.07-.35.2-.45l1.96-1.6c-.03-.06-.04-.13-.04-.2v-4.48c0-.44.28-.72.72-.72H9.9v2.5c0 .36.5.6.8.38l4.93-3.93c.24-.18.24-.6 0-.78l-4.94-3.92c-.1-.08-.23-.13-.36-.12zm5.63 2.93l1.34 1.1c.1.07.18.2.2.33.02.16-.03.3-.16.4l-1.96 1.6c.02.07.06.13.06.22v4.47c0 .42-.3.72-.72.72h-2.66v-2.47c0-.3-.3-.53-.6-.47-.06.02-.12.05-.18.1l-4.94 3.93c-.24.18-.24.6 0 .78l4.94 3.92c.28.22.78-.02.78-.38v-2.5h2.66c4.27 0 3.65.67 3.65-3.62v-4.47c0-3.66.34-3.7-2.4-3.66zM13.06 57.66c-.23.03-.4.26-.4.5v2.47H7.28c-1.08 0-1.86-.04-2.4-.04-1.64 0-1.25.43-1.25 3.65v4.87l2.93-2.37v-2.5c0-.44.28-.72.72-.72h5.38v2.5c0 .36.5.6.78.38l4.94-3.93c.24-.18.24-.6 0-.78l-4.94-3.92c-.1-.1-.24-.14-.38-.12zm5.3 6.15l-2.92 2.4v2.52c0 .42-.3.72-.72.72h-5.4v-2.47c0-.3-.32-.53-.6-.47-.07.02-.13.05-.2.1L3.6 70.52c-.25.18-.25.6 0 .78l4.93 3.92c.28.22.78-.02.78-.38v-2.5h5.42c4.27 0 3.65.67 3.65-3.62v-4.47-.44zM19.25 78.8c-.1.03-.2.1-.28.17l-.9.9c-.44-.3-1.36-.25-3.35-.25H7.28c-1.08 0-1.86-.03-2.4-.03-1.64 0-1.25.43-1.25 3.65v.7l2.93.3v-1c0-.44.28-.72.72-.72h7.44c.2 0 .37.08.5.2l-1.8 1.8c-.25.26-.08.76.27.8l6.27.7c.28.03.56-.25.53-.53l-.7-6.25c0-.27-.3-.48-.55-.44zm-17.2 6.1c-.2.07-.36.3-.33.54l.7 6.25c.02.36.58.55.83.27l.8-.8c.02 0 .04-.02.04 0 .46.24 1.37.17 3.18.17h7.44c4.27 0 3.65.67 3.65-3.62v-.75l-2.93-.3v1.05c0 .42-.3.72-.72.72H7.28c-.15 0-.3-.03-.4-.1L8.8 86.4c.3-.24.1-.8-.27-.84l-6.28-.65h-.2zM4.88 98.6c-1.33 0-1.34.48-1.3 2.3l1.14-1.37c.08-.1.22-.17.34-.2.16 0 .34.08.44.2l1.66 2.03c.04 0 .07-.03.12-.03h7.44c.34 0 .57.2.65.5h-2.43c-.34.05-.53.52-.3.78l3.92 4.95c.18.24.6.24.78 0l3.94-4.94c.22-.27-.02-.76-.37-.77H18.4c.02-3.9.6-3.4-3.66-3.4H7.28c-1.08 0-1.86-.04-2.4-.04zm.15 2.46c-.1.03-.2.1-.28.2l-3.94 4.9c-.2.28.03.77.4.78H3.6c-.02 3.94-.45 3.4 3.66 3.4h7.44c3.65 0 3.74.3 3.7-2.25l-1.1 1.34c-.1.1-.2.17-.32.2-.16 0-.34-.08-.44-.2l-1.65-2.03c-.06.02-.1.04-.18.04H7.28c-.35 0-.57-.2-.66-.5h2.44c.37 0 .63-.5.4-.78l-3.96-4.9c-.1-.15-.3-.23-.47-.2zM4.88 117.6c-1.16 0-1.3.3-1.3 1.56l1.14-1.38c.08-.1.22-.14.34-.16.16 0 .34.04.44.16l2.22 2.75h7c.42 0 .72.28.72.72v.53h-2.6c-.3.1-.43.54-.2.78l3.92 4.9c.18.25.6.25.78 0l3.94-4.9c.22-.28-.02-.77-.37-.78H18.4v-.53c0-4.2.72-3.63-3.66-3.63H7.28c-1.08 0-1.86-.03-2.4-.03zm.1 1.74c-.1.03-.17.1-.23.16L.8 124.44c-.2.28.03.77.4.78H3.6v.5c0 4.26-.55 3.62 3.66 3.62h7.44c1.03 0 1.74.02 2.28 0-.16.02-.34-.03-.44-.15l-2.22-2.76H7.28c-.44 0-.72-.3-.72-.72v-.5h2.5c.37.02.63-.5.4-.78L5.5 119.5c-.12-.15-.34-.22-.53-.16zm12.02 10c1.2-.02 1.4-.25 1.4-1.53l-1.1 1.36c-.07.1-.17.17-.3.18zM5.94 136.6l2.37 2.93h6.42c.42 0 .72.28.72.72v1.25h-2.6c-.3.1-.43.54-.2.78l3.92 4.9c.18.25.6.25.78 0l3.94-4.9c.22-.28-.02-.77-.37-.78H18.4v-1.25c0-4.2.72-3.63-3.66-3.63H7.28c-.6 0-.92-.02-1.34-.03zm-1.72.06c-.4.08-.54.3-.6.75l.6-.74zm.84.93c-.12 0-.24.08-.3.18l-3.95 4.9c-.24.3 0 .83.4.82H3.6v1.22c0 4.26-.55 3.62 3.66 3.62h7.44c.63 0 .97.02 1.4.03l-2.37-2.93H7.28c-.44 0-.72-.3-.72-.72v-1.22h2.5c.4.04.67-.53.4-.8l-3.96-4.92c-.1-.13-.27-.2-.44-.2zm13.28 10.03l-.56.7c.36-.07.5-.3.56-.7zM17.13 155.6c-.55-.02-1.32.03-2.4.03h-8.2l2.38 2.9h5.82c.42 0 .72.28.72.72v1.97H12.9c-.32.06-.48.52-.28.78l3.94 4.94c.2.23.6.22.78-.03l3.94-4.9c.22-.28-.02-.77-.37-.78H18.4v-1.97c0-3.15.4-3.62-1.25-3.66zm-12.1.28c-.1.02-.2.1-.28.18l-3.94 4.9c-.2.3.03.78.4.8H3.6v1.96c0 4.26-.55 3.62 3.66 3.62h8.24l-2.36-2.9H7.28c-.44 0-.72-.3-.72-.72v-1.97h2.5c.37.02.63-.5.4-.78l-3.96-4.9c-.1-.15-.3-.22-.47-.2zM5.13 174.5c-.15 0-.3.07-.38.2L.8 179.6c-.24.27 0 .82.4.8H3.6v2.32c0 4.26-.55 3.62 3.66 3.62h7.94l-2.35-2.9h-5.6c-.43 0-.7-.3-.7-.72v-2.3h2.5c.38.03.66-.54.4-.83l-3.97-4.9c-.1-.13-.23-.2-.38-.2zm12 .1c-.55-.02-1.32.03-2.4.03H6.83l2.35 2.9h5.52c.42 0 .72.28.72.72v2.34h-2.6c-.3.1-.43.53-.2.78l3.92 4.9c.18.24.6.24.78 0l3.94-4.9c.22-.3-.02-.78-.37-.8H18.4v-2.33c0-3.15.4-3.62-1.25-3.66zM4.97 193.16c-.1.03-.17.1-.22.18l-3.94 4.9c-.2.3.03.78.4.8H3.6v2.68c0 4.26-.55 3.62 3.66 3.62h7.66l-2.3-2.84c-.03-.02-.03-.04-.05-.06H7.27c-.44 0-.72-.3-.72-.72v-2.7h2.5c.37.03.63-.48.4-.77l-3.96-4.9c-.12-.17-.34-.25-.53-.2zm12.16.43c-.55-.02-1.32.03-2.4.03H7.1l2.32 2.84.03.06h5.25c.42 0 .72.28.72.72v2.7h-2.5c-.36.02-.56.54-.3.8l3.92 4.9c.18.25.6.25.78 0l3.94-4.9c.26-.28 0-.83-.37-.8H18.4v-2.7c0-3.15.4-3.62-1.25-3.66z' fill='%232B90D9' stroke-width='0'/></svg>\")}button.icon-button.disabled i.fa-retweet{background-image:url(\"data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='22' height='209'><path d='M4.97 3.16c-.1.03-.17.1-.22.18L.8 8.24c-.2.3.03.78.4.8H3.6v2.68c0 4.26-.55 3.62 3.66 3.62h7.66l-2.3-2.84c-.03-.02-.03-.04-.05-.06H7.27c-.44 0-.72-.3-.72-.72v-2.7h2.5c.37.03.63-.48.4-.77L5.5 3.35c-.12-.17-.34-.25-.53-.2zm12.16.43c-.55-.02-1.32.02-2.4.02H7.1l2.32 2.85.03.06h5.25c.42 0 .72.28.72.72v2.7h-2.5c-.36.02-.56.54-.3.8l3.92 4.9c.18.25.6.25.78 0l3.94-4.9c.26-.28 0-.83-.37-.8H18.4v-2.7c0-3.15.4-3.62-1.25-3.66z' fill='%236274AB' stroke-width='0'/><path d='M7.78 19.66c-.24.02-.44.25-.44.5v2.46h-.06c-1.08 0-1.86-.03-2.4-.03-1.64 0-1.25.43-1.25 3.65v4.47c0 4.26-.56 3.62 3.65 3.62H8.5l-1.3-1.06c-.1-.08-.18-.2-.2-.3-.02-.17.06-.35.2-.45l1.33-1.1H7.28c-.44 0-.72-.3-.72-.7v-4.48c0-.44.28-.72.72-.72h.06v2.5c0 .38.54.63.82.38l4.9-3.93c.25-.18.25-.6 0-.78l-4.9-3.92c-.1-.1-.24-.14-.38-.12zm9.34 2.93c-.54-.02-1.3.02-2.4.02h-1.25l1.3 1.07c.1.07.18.2.2.33.02.16-.06.3-.2.4l-1.33 1.1h1.28c.42 0 .72.28.72.72v4.47c0 .42-.3.72-.72.72h-.1v-2.47c0-.3-.3-.53-.6-.47-.07 0-.14.05-.2.1l-4.9 3.93c-.26.18-.26.6 0 .78l4.9 3.92c.27.25.82 0 .8-.38v-2.5h.1c4.27 0 3.65.67 3.65-3.62v-4.47c0-3.15.4-3.62-1.25-3.66zM10.34 38.66c-.24.02-.44.25-.43.5v2.47H7.3c-1.08 0-1.86-.04-2.4-.04-1.64 0-1.25.43-1.25 3.65v4.47c0 3.66-.23 3.7 2.34 3.66l-1.34-1.1c-.1-.08-.18-.2-.2-.3 0-.17.07-.35.2-.45l1.96-1.6c-.03-.06-.04-.13-.04-.2v-4.48c0-.44.28-.72.72-.72H9.9v2.5c0 .36.5.6.8.38l4.93-3.93c.24-.18.24-.6 0-.78l-4.94-3.92c-.1-.08-.23-.13-.36-.12zm5.63 2.93l1.34 1.1c.1.07.18.2.2.33.02.16-.03.3-.16.4l-1.96 1.6c.02.07.06.13.06.22v4.47c0 .42-.3.72-.72.72h-2.66v-2.47c0-.3-.3-.53-.6-.47-.06.02-.12.05-.18.1l-4.94 3.93c-.24.18-.24.6 0 .78l4.94 3.92c.28.22.78-.02.78-.38v-2.5h2.66c4.27 0 3.65.67 3.65-3.62v-4.47c0-3.66.34-3.7-2.4-3.66zM13.06 57.66c-.23.03-.4.26-.4.5v2.47H7.28c-1.08 0-1.86-.04-2.4-.04-1.64 0-1.25.43-1.25 3.65v4.87l2.93-2.37v-2.5c0-.44.28-.72.72-.72h5.38v2.5c0 .36.5.6.78.38l4.94-3.93c.24-.18.24-.6 0-.78l-4.94-3.92c-.1-.1-.24-.14-.38-.12zm5.3 6.15l-2.92 2.4v2.52c0 .42-.3.72-.72.72h-5.4v-2.47c0-.3-.32-.53-.6-.47-.07.02-.13.05-.2.1L3.6 70.52c-.25.18-.25.6 0 .78l4.93 3.92c.28.22.78-.02.78-.38v-2.5h5.42c4.27 0 3.65.67 3.65-3.62v-4.47-.44zM19.25 78.8c-.1.03-.2.1-.28.17l-.9.9c-.44-.3-1.36-.25-3.35-.25H7.28c-1.08 0-1.86-.03-2.4-.03-1.64 0-1.25.43-1.25 3.65v.7l2.93.3v-1c0-.44.28-.72.72-.72h7.44c.2 0 .37.08.5.2l-1.8 1.8c-.25.26-.08.76.27.8l6.27.7c.28.03.56-.25.53-.53l-.7-6.25c0-.27-.3-.48-.55-.44zm-17.2 6.1c-.2.07-.36.3-.33.54l.7 6.25c.02.36.58.55.83.27l.8-.8c.02 0 .04-.02.04 0 .46.24 1.37.17 3.18.17h7.44c4.27 0 3.65.67 3.65-3.62v-.75l-2.93-.3v1.05c0 .42-.3.72-.72.72H7.28c-.15 0-.3-.03-.4-.1L8.8 86.4c.3-.24.1-.8-.27-.84l-6.28-.65h-.2zM4.88 98.6c-1.33 0-1.34.48-1.3 2.3l1.14-1.37c.08-.1.22-.17.34-.2.16 0 .34.08.44.2l1.66 2.03c.04 0 .07-.03.12-.03h7.44c.34 0 .57.2.65.5h-2.43c-.34.05-.53.52-.3.78l3.92 4.95c.18.24.6.24.78 0l3.94-4.94c.22-.27-.02-.76-.37-.77H18.4c.02-3.9.6-3.4-3.66-3.4H7.28c-1.08 0-1.86-.04-2.4-.04zm.15 2.46c-.1.03-.2.1-.28.2l-3.94 4.9c-.2.28.03.77.4.78H3.6c-.02 3.94-.45 3.4 3.66 3.4h7.44c3.65 0 3.74.3 3.7-2.25l-1.1 1.34c-.1.1-.2.17-.32.2-.16 0-.34-.08-.44-.2l-1.65-2.03c-.06.02-.1.04-.18.04H7.28c-.35 0-.57-.2-.66-.5h2.44c.37 0 .63-.5.4-.78l-3.96-4.9c-.1-.15-.3-.23-.47-.2zM4.88 117.6c-1.16 0-1.3.3-1.3 1.56l1.14-1.38c.08-.1.22-.14.34-.16.16 0 .34.04.44.16l2.22 2.75h7c.42 0 .72.28.72.72v.53h-2.6c-.3.1-.43.54-.2.78l3.92 4.9c.18.25.6.25.78 0l3.94-4.9c.22-.28-.02-.77-.37-.78H18.4v-.53c0-4.2.72-3.63-3.66-3.63H7.28c-1.08 0-1.86-.03-2.4-.03zm.1 1.74c-.1.03-.17.1-.23.16L.8 124.44c-.2.28.03.77.4.78H3.6v.5c0 4.26-.55 3.62 3.66 3.62h7.44c1.03 0 1.74.02 2.28 0-.16.02-.34-.03-.44-.15l-2.22-2.76H7.28c-.44 0-.72-.3-.72-.72v-.5h2.5c.37.02.63-.5.4-.78L5.5 119.5c-.12-.15-.34-.22-.53-.16zm12.02 10c1.2-.02 1.4-.25 1.4-1.53l-1.1 1.36c-.07.1-.17.17-.3.18zM5.94 136.6l2.37 2.93h6.42c.42 0 .72.28.72.72v1.25h-2.6c-.3.1-.43.54-.2.78l3.92 4.9c.18.25.6.25.78 0l3.94-4.9c.22-.28-.02-.77-.37-.78H18.4v-1.25c0-4.2.72-3.63-3.66-3.63H7.28c-.6 0-.92-.02-1.34-.03zm-1.72.06c-.4.08-.54.3-.6.75l.6-.74zm.84.93c-.12 0-.24.08-.3.18l-3.95 4.9c-.24.3 0 .83.4.82H3.6v1.22c0 4.26-.55 3.62 3.66 3.62h7.44c.63 0 .97.02 1.4.03l-2.37-2.93H7.28c-.44 0-.72-.3-.72-.72v-1.22h2.5c.4.04.67-.53.4-.8l-3.96-4.92c-.1-.13-.27-.2-.44-.2zm13.28 10.03l-.56.7c.36-.07.5-.3.56-.7zM17.13 155.6c-.55-.02-1.32.03-2.4.03h-8.2l2.38 2.9h5.82c.42 0 .72.28.72.72v1.97H12.9c-.32.06-.48.52-.28.78l3.94 4.94c.2.23.6.22.78-.03l3.94-4.9c.22-.28-.02-.77-.37-.78H18.4v-1.97c0-3.15.4-3.62-1.25-3.66zm-12.1.28c-.1.02-.2.1-.28.18l-3.94 4.9c-.2.3.03.78.4.8H3.6v1.96c0 4.26-.55 3.62 3.66 3.62h8.24l-2.36-2.9H7.28c-.44 0-.72-.3-.72-.72v-1.97h2.5c.37.02.63-.5.4-.78l-3.96-4.9c-.1-.15-.3-.22-.47-.2zM5.13 174.5c-.15 0-.3.07-.38.2L.8 179.6c-.24.27 0 .82.4.8H3.6v2.32c0 4.26-.55 3.62 3.66 3.62h7.94l-2.35-2.9h-5.6c-.43 0-.7-.3-.7-.72v-2.3h2.5c.38.03.66-.54.4-.83l-3.97-4.9c-.1-.13-.23-.2-.38-.2zm12 .1c-.55-.02-1.32.03-2.4.03H6.83l2.35 2.9h5.52c.42 0 .72.28.72.72v2.34h-2.6c-.3.1-.43.53-.2.78l3.92 4.9c.18.24.6.24.78 0l3.94-4.9c.22-.3-.02-.78-.37-.8H18.4v-2.33c0-3.15.4-3.62-1.25-3.66zM4.97 193.16c-.1.03-.17.1-.22.18l-3.94 4.9c-.2.3.03.78.4.8H3.6v2.68c0 4.26-.55 3.62 3.66 3.62h7.66l-2.3-2.84c-.03-.02-.03-.04-.05-.06H7.27c-.44 0-.72-.3-.72-.72v-2.7h2.5c.37.03.63-.48.4-.77l-3.96-4.9c-.12-.17-.34-.25-.53-.2zm12.16.43c-.55-.02-1.32.03-2.4.03H7.1l2.32 2.84.03.06h5.25c.42 0 .72.28.72.72v2.7h-2.5c-.36.02-.56.54-.3.8l3.92 4.9c.18.25.6.25.78 0l3.94-4.9c.26-.28 0-.83-.37-.8H18.4v-2.7c0-3.15.4-3.62-1.25-3.66z' fill='%232B90D9' stroke-width='0'/></svg>\")}.app-body{-webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar}.animated-number{display:inline-flex;flex-direction:column;align-items:stretch;overflow:hidden;position:relative}.link-button{display:block;font-size:15px;line-height:20px;color:#2b5fd9;border:0;background:transparent;padding:0;cursor:pointer}.link-button:hover,.link-button:active{text-decoration:underline}.link-button:disabled{color:#9baec8;cursor:default}.button{background-color:#2b5fd9;border:10px none;border-radius:4px;box-sizing:border-box;color:#fff;cursor:pointer;display:inline-block;font-family:inherit;font-size:14px;font-weight:500;height:36px;letter-spacing:0;line-height:36px;overflow:hidden;padding:0 16px;position:relative;text-align:center;text-transform:uppercase;text-decoration:none;text-overflow:ellipsis;transition:all 100ms ease-in;white-space:nowrap;width:auto}.button:active,.button:focus,.button:hover{background-color:#5680e1;transition:all 200ms ease-out}.button--destructive{transition:none}.button--destructive:active,.button--destructive:focus,.button--destructive:hover{background-color:#df405a;transition:none}.button:disabled,.button.disabled{background-color:#9baec8;cursor:default}.button::-moz-focus-inner{border:0}.button::-moz-focus-inner,.button:focus,.button:active{outline:0 !important}.button.button-primary,.button.button-alternative,.button.button-secondary,.button.button-alternative-2{font-size:16px;line-height:36px;height:auto;text-transform:none;padding:4px 16px}.button.button-alternative{color:#000;background:#9baec8}.button.button-alternative:active,.button.button-alternative:focus,.button.button-alternative:hover{background-color:#a8b9cf}.button.button-alternative-2{background:#606984}.button.button-alternative-2:active,.button.button-alternative-2:focus,.button.button-alternative-2:hover{background-color:#687390}.button.button-secondary{color:#dde3ec;background:transparent;padding:3px 15px;border:1px solid #9baec8}.button.button-secondary:active,.button.button-secondary:focus,.button.button-secondary:hover{border-color:#a8b9cf;color:#eaeef3}.button.button-secondary:disabled{opacity:.5}.button.button--block{display:block;width:100%}.column__wrapper{display:flex;flex:1 1 auto;position:relative}.icon-button{display:inline-block;padding:0;color:#8d9ac2;border:0;border-radius:4px;background:transparent;cursor:pointer;transition:all 100ms ease-in;transition-property:background-color,color}.icon-button:hover,.icon-button:active,.icon-button:focus{color:#a4afce;background-color:rgba(141,154,194,.15);transition:all 200ms ease-out;transition-property:background-color,color}.icon-button:focus{background-color:rgba(141,154,194,.3)}.icon-button.disabled{color:#6274ab;background-color:transparent;cursor:default}.icon-button.active{color:#2b90d9}.icon-button::-moz-focus-inner{border:0}.icon-button::-moz-focus-inner,.icon-button:focus,.icon-button:active{outline:0 !important}.icon-button.inverted{color:#1b1e25}.icon-button.inverted:hover,.icon-button.inverted:active,.icon-button.inverted:focus{color:#0c0d11;background-color:rgba(27,30,37,.15)}.icon-button.inverted:focus{background-color:rgba(27,30,37,.3)}.icon-button.inverted.disabled{color:#2a2e3a;background-color:transparent}.icon-button.inverted.active{color:#2b90d9}.icon-button.inverted.active.disabled{color:#63ade3}.icon-button.overlayed{box-sizing:content-box;background:rgba(0,0,0,.6);color:rgba(255,255,255,.7);border-radius:4px;padding:2px}.icon-button.overlayed:hover{background:rgba(0,0,0,.9)}.text-icon-button{color:#1b1e25;border:0;border-radius:4px;background:transparent;cursor:pointer;font-weight:600;font-size:11px;padding:0 3px;line-height:27px;outline:0;transition:all 100ms ease-in;transition-property:background-color,color}.text-icon-button:hover,.text-icon-button:active,.text-icon-button:focus{color:#0c0d11;background-color:rgba(27,30,37,.15);transition:all 200ms ease-out;transition-property:background-color,color}.text-icon-button:focus{background-color:rgba(27,30,37,.3)}.text-icon-button.disabled{color:#464d60;background-color:transparent;cursor:default}.text-icon-button.active{color:#2b90d9}.text-icon-button::-moz-focus-inner{border:0}.text-icon-button::-moz-focus-inner,.text-icon-button:focus,.text-icon-button:active{outline:0 !important}.dropdown-menu{position:absolute}.invisible{font-size:0;line-height:0;display:inline-block;width:0;height:0;position:absolute}.invisible img,.invisible svg{margin:0 !important;border:0 !important;padding:0 !important;width:0 !important;height:0 !important}.ellipsis::after{content:\"…\"}.compose-form{padding:10px}.compose-form__sensitive-button{padding:10px;padding-top:0;font-size:14px;font-weight:500}.compose-form__sensitive-button.active{color:#2b90d9}.compose-form__sensitive-button input[type=checkbox]{display:none}.compose-form__sensitive-button .checkbox{display:inline-block;position:relative;border:1px solid #9baec8;box-sizing:border-box;width:18px;height:18px;flex:0 0 auto;margin-right:10px;top:-1px;border-radius:4px;vertical-align:middle}.compose-form__sensitive-button .checkbox.active{border-color:#2b90d9;background:#2b90d9}.compose-form .compose-form__warning{color:#000;margin-bottom:10px;background:#9baec8;box-shadow:0 2px 6px rgba(0,0,0,.3);padding:8px 10px;border-radius:4px;font-size:13px;font-weight:400}.compose-form .compose-form__warning strong{color:#000;font-weight:500}.compose-form .compose-form__warning strong:lang(ja){font-weight:700}.compose-form .compose-form__warning strong:lang(ko){font-weight:700}.compose-form .compose-form__warning strong:lang(zh-CN){font-weight:700}.compose-form .compose-form__warning strong:lang(zh-HK){font-weight:700}.compose-form .compose-form__warning strong:lang(zh-TW){font-weight:700}.compose-form .compose-form__warning a{color:#1b1e25;font-weight:500;text-decoration:underline}.compose-form .compose-form__warning a:hover,.compose-form .compose-form__warning a:active,.compose-form .compose-form__warning a:focus{text-decoration:none}.compose-form .emoji-picker-dropdown{position:absolute;top:0;right:0}.compose-form .compose-form__autosuggest-wrapper{position:relative}.compose-form .autosuggest-textarea,.compose-form .autosuggest-input,.compose-form .spoiler-input{position:relative;width:100%}.compose-form .spoiler-input{height:0;transform-origin:bottom;opacity:0}.compose-form .spoiler-input.spoiler-input--visible{height:36px;margin-bottom:11px;opacity:1}.compose-form .autosuggest-textarea__textarea,.compose-form .spoiler-input__input{display:block;box-sizing:border-box;width:100%;margin:0;color:#000;background:#fff;padding:10px;font-family:inherit;font-size:14px;resize:vertical;border:0;outline:0}.compose-form .autosuggest-textarea__textarea::placeholder,.compose-form .spoiler-input__input::placeholder{color:#c2cede}.compose-form .autosuggest-textarea__textarea:focus,.compose-form .spoiler-input__input:focus{outline:0}@media screen and (max-width: 600px){.compose-form .autosuggest-textarea__textarea,.compose-form .spoiler-input__input{font-size:16px}}.compose-form .spoiler-input__input{border-radius:4px}.compose-form .autosuggest-textarea__textarea{min-height:100px;border-radius:4px 4px 0 0;padding-bottom:0;padding-right:32px;resize:none;scrollbar-color:initial}.compose-form .autosuggest-textarea__textarea::-webkit-scrollbar{all:unset}@media screen and (max-width: 600px){.compose-form .autosuggest-textarea__textarea{height:100px !important;resize:vertical}}.compose-form .autosuggest-textarea__suggestions-wrapper{position:relative;height:0}.compose-form .autosuggest-textarea__suggestions{box-sizing:border-box;display:none;position:absolute;top:100%;width:100%;z-index:99;box-shadow:4px 4px 6px rgba(0,0,0,.4);background:#d9e1e8;border-radius:0 0 4px 4px;color:#000;font-size:14px;padding:6px}.compose-form .autosuggest-textarea__suggestions.autosuggest-textarea__suggestions--visible{display:block}.compose-form .autosuggest-textarea__suggestions__item{padding:10px;cursor:pointer;border-radius:4px}.compose-form .autosuggest-textarea__suggestions__item:hover,.compose-form .autosuggest-textarea__suggestions__item:focus,.compose-form .autosuggest-textarea__suggestions__item:active,.compose-form .autosuggest-textarea__suggestions__item.selected{background:#b9c8d5}.compose-form .autosuggest-account,.compose-form .autosuggest-emoji,.compose-form .autosuggest-hashtag{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;line-height:18px;font-size:14px}.compose-form .autosuggest-hashtag{justify-content:space-between}.compose-form .autosuggest-hashtag__name{flex:1 1 auto;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.compose-form .autosuggest-hashtag strong{font-weight:500}.compose-form .autosuggest-hashtag__uses{flex:0 0 auto;text-align:right;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.compose-form .autosuggest-account-icon,.compose-form .autosuggest-emoji img{display:block;margin-right:8px;width:16px;height:16px}.compose-form .autosuggest-account .display-name__account{color:#1b1e25}.compose-form .compose-form__modifiers{color:#000;font-family:inherit;font-size:14px;background:#fff}.compose-form .compose-form__modifiers .compose-form__upload-wrapper{overflow:hidden}.compose-form .compose-form__modifiers .compose-form__uploads-wrapper{display:flex;flex-direction:row;padding:5px;flex-wrap:wrap}.compose-form .compose-form__modifiers .compose-form__upload{flex:1 1 0;min-width:40%;margin:5px}.compose-form .compose-form__modifiers .compose-form__upload__actions{background:linear-gradient(180deg, rgba(0, 0, 0, 0.8) 0, rgba(0, 0, 0, 0.35) 80%, transparent);display:flex;align-items:flex-start;justify-content:space-between;opacity:0;transition:opacity .1s ease}.compose-form .compose-form__modifiers .compose-form__upload__actions .icon-button{flex:0 1 auto;color:#ecf0f4;font-size:14px;font-weight:500;padding:10px;font-family:inherit}.compose-form .compose-form__modifiers .compose-form__upload__actions .icon-button:hover,.compose-form .compose-form__modifiers .compose-form__upload__actions .icon-button:focus,.compose-form .compose-form__modifiers .compose-form__upload__actions .icon-button:active{color:#fff}.compose-form .compose-form__modifiers .compose-form__upload__actions.active{opacity:1}.compose-form .compose-form__modifiers .compose-form__upload-description{position:absolute;z-index:2;bottom:0;left:0;right:0;box-sizing:border-box;background:linear-gradient(0deg, rgba(0, 0, 0, 0.8) 0, rgba(0, 0, 0, 0.35) 80%, transparent);padding:10px;opacity:0;transition:opacity .1s ease}.compose-form .compose-form__modifiers .compose-form__upload-description textarea{background:transparent;color:#ecf0f4;border:0;padding:0;margin:0;width:100%;font-family:inherit;font-size:14px;font-weight:500}.compose-form .compose-form__modifiers .compose-form__upload-description textarea:focus{color:#fff}.compose-form .compose-form__modifiers .compose-form__upload-description textarea::placeholder{opacity:.75;color:#ecf0f4}.compose-form .compose-form__modifiers .compose-form__upload-description.active{opacity:1}.compose-form .compose-form__modifiers .compose-form__upload-thumbnail{border-radius:4px;background-color:#000;background-position:center;background-size:cover;background-repeat:no-repeat;height:140px;width:100%;overflow:hidden}.compose-form .compose-form__buttons-wrapper{padding:10px;background:#ebebeb;border-radius:0 0 4px 4px;display:flex;justify-content:space-between;flex:0 0 auto}.compose-form .compose-form__buttons-wrapper .compose-form__buttons{display:flex}.compose-form .compose-form__buttons-wrapper .compose-form__buttons .compose-form__upload-button-icon{line-height:27px}.compose-form .compose-form__buttons-wrapper .compose-form__buttons .compose-form__sensitive-button{display:none}.compose-form .compose-form__buttons-wrapper .compose-form__buttons .compose-form__sensitive-button.compose-form__sensitive-button--visible{display:block}.compose-form .compose-form__buttons-wrapper .compose-form__buttons .compose-form__sensitive-button .compose-form__sensitive-button__icon{line-height:27px}.compose-form .compose-form__buttons-wrapper .icon-button,.compose-form .compose-form__buttons-wrapper .text-icon-button{box-sizing:content-box;padding:0 3px}.compose-form .compose-form__buttons-wrapper .character-counter__wrapper{align-self:center;margin-right:4px}.compose-form .compose-form__publish{display:flex;justify-content:flex-end;min-width:0;flex:0 0 auto}.compose-form .compose-form__publish .compose-form__publish-button-wrapper{overflow:hidden;padding-top:10px}.character-counter{cursor:default;font-family:\"mastodon-font-sans-serif\",sans-serif;font-size:14px;font-weight:600;color:#1b1e25}.character-counter.character-counter--over{color:#ff5050}.no-reduce-motion .spoiler-input{transition:height .4s ease,opacity .4s ease}.emojione{font-size:inherit;vertical-align:middle;object-fit:contain;margin:-0.2ex .15em .2ex;width:16px;height:16px}.emojione img{width:auto}.reply-indicator{border-radius:4px;margin-bottom:10px;background:#9baec8;padding:10px;min-height:23px;overflow-y:auto;flex:0 2 auto}.reply-indicator__header{margin-bottom:5px;overflow:hidden}.reply-indicator__cancel{float:right;line-height:24px}.reply-indicator__display-name{color:#000;display:block;max-width:100%;line-height:24px;overflow:hidden;padding-right:25px;text-decoration:none}.reply-indicator__display-avatar{float:left;margin-right:5px}.status__content--with-action{cursor:pointer}.status__content,.reply-indicator__content{position:relative;font-size:15px;line-height:20px;word-wrap:break-word;font-weight:400;overflow:hidden;text-overflow:ellipsis;padding-top:2px;color:#fff}.status__content:focus,.reply-indicator__content:focus{outline:0}.status__content.status__content--with-spoiler,.reply-indicator__content.status__content--with-spoiler{white-space:normal}.status__content.status__content--with-spoiler .status__content__text,.reply-indicator__content.status__content--with-spoiler .status__content__text{white-space:pre-wrap}.status__content .emojione,.reply-indicator__content .emojione{width:20px;height:20px;margin:-3px 0 0}.status__content img,.reply-indicator__content img{max-width:100%;max-height:400px;object-fit:contain}.status__content p,.reply-indicator__content p{margin-bottom:20px;white-space:pre-wrap}.status__content p:last-child,.reply-indicator__content p:last-child{margin-bottom:0}.status__content a,.reply-indicator__content a{color:#d8a070;text-decoration:none}.status__content a:hover,.reply-indicator__content a:hover{text-decoration:underline}.status__content a:hover .fa,.reply-indicator__content a:hover .fa{color:#dae1ea}.status__content a.mention:hover,.reply-indicator__content a.mention:hover{text-decoration:none}.status__content a.mention:hover span,.reply-indicator__content a.mention:hover span{text-decoration:underline}.status__content a .fa,.reply-indicator__content a .fa{color:#c2cede}.status__content a.unhandled-link,.reply-indicator__content a.unhandled-link{color:#4e79df}.status__content .status__content__spoiler-link,.reply-indicator__content .status__content__spoiler-link{background:#8d9ac2}.status__content .status__content__spoiler-link:hover,.reply-indicator__content .status__content__spoiler-link:hover{background:#a4afce;text-decoration:none}.status__content .status__content__spoiler-link::-moz-focus-inner,.reply-indicator__content .status__content__spoiler-link::-moz-focus-inner{border:0}.status__content .status__content__spoiler-link::-moz-focus-inner,.status__content .status__content__spoiler-link:focus,.status__content .status__content__spoiler-link:active,.reply-indicator__content .status__content__spoiler-link::-moz-focus-inner,.reply-indicator__content .status__content__spoiler-link:focus,.reply-indicator__content .status__content__spoiler-link:active{outline:0 !important}.status__content .status__content__text,.reply-indicator__content .status__content__text{display:none}.status__content .status__content__text.status__content__text--visible,.reply-indicator__content .status__content__text.status__content__text--visible{display:block}.announcements__item__content{word-wrap:break-word;overflow-y:auto}.announcements__item__content .emojione{width:20px;height:20px;margin:-3px 0 0}.announcements__item__content p{margin-bottom:10px;white-space:pre-wrap}.announcements__item__content p:last-child{margin-bottom:0}.announcements__item__content a{color:#ecf0f4;text-decoration:none}.announcements__item__content a:hover{text-decoration:underline}.announcements__item__content a.mention:hover{text-decoration:none}.announcements__item__content a.mention:hover span{text-decoration:underline}.announcements__item__content a.unhandled-link{color:#4e79df}.status__content.status__content--collapsed{max-height:300px}.status__content__read-more-button{display:block;font-size:15px;line-height:20px;color:#4e79df;border:0;background:transparent;padding:0;padding-top:8px;text-decoration:none}.status__content__read-more-button:hover,.status__content__read-more-button:active{text-decoration:underline}.status__content__spoiler-link{display:inline-block;border-radius:2px;background:transparent;border:0;color:#000;font-weight:700;font-size:11px;padding:0 6px;text-transform:uppercase;line-height:20px;cursor:pointer;vertical-align:middle}.status__wrapper--filtered{color:#c2cede;border:0;font-size:inherit;text-align:center;line-height:inherit;margin:0;padding:15px;box-sizing:border-box;width:100%;clear:both;border-bottom:1px solid #393f4f}.status__prepend-icon-wrapper{left:-26px;position:absolute}.focusable:focus{outline:0;background:#313543}.focusable:focus .status.status-direct{background:#42485a}.focusable:focus .status.status-direct.muted{background:transparent}.focusable:focus .detailed-status,.focusable:focus .detailed-status__action-bar{background:#393f4f}.status{padding:8px 10px;padding-left:68px;position:relative;min-height:54px;border-bottom:1px solid #393f4f;cursor:default;opacity:1;animation:fade 150ms linear}@supports(-ms-overflow-style: -ms-autohiding-scrollbar){.status{padding-right:26px}}@keyframes fade{0%{opacity:0}100%{opacity:1}}.status .video-player,.status .audio-player{margin-top:8px}.status.status-direct:not(.read){background:#393f4f;border-bottom-color:#42485a}.status.light .status__relative-time{color:#364861}.status.light .status__display-name{color:#000}.status.light .display-name{color:#364861}.status.light .display-name strong{color:#000}.status.light .status__content{color:#000}.status.light .status__content a{color:#2b90d9}.status.light .status__content a.status__content__spoiler-link{color:#fff;background:#9baec8}.status.light .status__content a.status__content__spoiler-link:hover{background:#b5c3d6}.notification-favourite .status.status-direct{background:transparent}.notification-favourite .status.status-direct .icon-button.disabled{color:#b8c0d9}.status__relative-time,.notification__relative_time{color:#c2cede;float:right;font-size:14px}.status__display-name{color:#c2cede}.status__info .status__display-name{display:block;max-width:100%;padding-right:25px}.status__info{font-size:15px}.status-check-box{border-bottom:1px solid #d9e1e8;display:flex}.status-check-box .status-check-box__status{margin:10px 0 10px 10px;flex:1;overflow:hidden}.status-check-box .status-check-box__status .media-gallery{max-width:250px}.status-check-box .status-check-box__status .status__content{padding:0;white-space:normal}.status-check-box .status-check-box__status .video-player,.status-check-box .status-check-box__status .audio-player{margin-top:8px;max-width:250px}.status-check-box .status-check-box__status .media-gallery__item-thumbnail{cursor:default}.status-check-box-toggle{align-items:center;display:flex;flex:0 0 auto;justify-content:center;padding:10px}.status__prepend{margin-left:68px;color:#c2cede;padding:8px 0;padding-bottom:2px;font-size:14px;position:relative}.status__prepend .status__display-name strong{color:#c2cede}.status__prepend>span{display:block;overflow:hidden;text-overflow:ellipsis}.status__action-bar{align-items:center;display:flex;margin-top:8px}.status__action-bar__counter{display:inline-flex;margin-right:11px;align-items:center}.status__action-bar__counter .status__action-bar-button{margin-right:4px}.status__action-bar__counter__label{display:inline-block;width:14px;font-size:12px;font-weight:500;color:#8d9ac2}.status__action-bar-button{margin-right:18px}.status__action-bar-dropdown{height:23.15px;width:23.15px}.detailed-status__action-bar-dropdown{flex:1 1 auto;display:flex;align-items:center;justify-content:center;position:relative}.detailed-status{background:#313543;padding:14px 10px}.detailed-status--flex{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-start}.detailed-status--flex .status__content,.detailed-status--flex .detailed-status__meta{flex:100%}.detailed-status .status__content{font-size:19px;line-height:24px}.detailed-status .status__content .emojione{width:24px;height:24px;margin:-1px 0 0}.detailed-status .status__content .status__content__spoiler-link{line-height:24px;margin:-1px 0 0}.detailed-status .video-player,.detailed-status .audio-player{margin-top:8px}.detailed-status__meta{margin-top:15px;color:#c2cede;font-size:14px;line-height:18px}.detailed-status__action-bar{background:#313543;border-top:1px solid #393f4f;border-bottom:1px solid #393f4f;display:flex;flex-direction:row;padding:10px 0}.detailed-status__link{color:inherit;text-decoration:none}.detailed-status__favorites,.detailed-status__reblogs{display:inline-block;font-weight:500;font-size:12px;margin-left:6px}.reply-indicator__content{color:#000;font-size:14px}.reply-indicator__content a{color:#1b1e25}.domain{padding:10px;border-bottom:1px solid #393f4f}.domain .domain__domain-name{flex:1 1 auto;display:block;color:#fff;text-decoration:none;font-size:14px;font-weight:500}.domain__wrapper{display:flex}.domain_buttons{height:18px;padding:10px;white-space:nowrap}.account{padding:10px;border-bottom:1px solid #393f4f}.account.compact{padding:0;border-bottom:0}.account.compact .account__avatar-wrapper{margin-left:0}.account .account__display-name{flex:1 1 auto;display:block;color:#dde3ec;overflow:hidden;text-decoration:none;font-size:14px}.account__wrapper{display:flex}.account__avatar-wrapper{float:left;margin-left:12px;margin-right:12px}.account__avatar{border-radius:4px;background:transparent no-repeat;background-position:50%;background-clip:padding-box;position:relative}.account__avatar-inline{display:inline-block;vertical-align:middle;margin-right:5px}.account__avatar-composite{border-radius:4px;background:transparent no-repeat;background-position:50%;background-clip:padding-box;border-radius:50%;overflow:hidden;position:relative}.account__avatar-composite>div{float:left;position:relative;box-sizing:border-box}.account__avatar-composite__label{display:block;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);color:#fff;text-shadow:1px 1px 2px #000;font-weight:700;font-size:15px}a .account__avatar{cursor:pointer}.account__avatar-overlay{width:48px;height:48px;background-size:48px 48px}.account__avatar-overlay-base{border-radius:4px;background:transparent no-repeat;background-position:50%;background-clip:padding-box;width:36px;height:36px;background-size:36px 36px}.account__avatar-overlay-overlay{border-radius:4px;background:transparent no-repeat;background-position:50%;background-clip:padding-box;width:24px;height:24px;background-size:24px 24px;position:absolute;bottom:0;right:0;z-index:1}.account__relationship{height:18px;padding:10px;white-space:nowrap}.account__disclaimer{padding:10px;border-top:1px solid #393f4f;color:#c2cede}.account__disclaimer strong{font-weight:500}.account__disclaimer strong:lang(ja){font-weight:700}.account__disclaimer strong:lang(ko){font-weight:700}.account__disclaimer strong:lang(zh-CN){font-weight:700}.account__disclaimer strong:lang(zh-HK){font-weight:700}.account__disclaimer strong:lang(zh-TW){font-weight:700}.account__disclaimer a{font-weight:500;color:inherit;text-decoration:underline}.account__disclaimer a:hover,.account__disclaimer a:focus,.account__disclaimer a:active{text-decoration:none}.account__action-bar{border-top:1px solid #393f4f;border-bottom:1px solid #393f4f;line-height:36px;overflow:hidden;flex:0 0 auto;display:flex}.account__action-bar-dropdown{padding:10px}.account__action-bar-dropdown .icon-button{vertical-align:middle}.account__action-bar-dropdown .dropdown--active .dropdown__content.dropdown__right{left:6px;right:initial}.account__action-bar-dropdown .dropdown--active::after{bottom:initial;margin-left:11px;margin-top:-7px;right:initial}.account__action-bar-links{display:flex;flex:1 1 auto;line-height:18px;text-align:center}.account__action-bar__tab{text-decoration:none;overflow:hidden;flex:0 1 100%;border-right:1px solid #393f4f;padding:10px 0;border-bottom:4px solid transparent}.account__action-bar__tab.active{border-bottom:4px solid #2b5fd9}.account__action-bar__tab>span{display:block;text-transform:uppercase;font-size:11px;color:#dde3ec}.account__action-bar__tab strong{display:block;font-size:15px;font-weight:500;color:#fff}.account__action-bar__tab strong:lang(ja){font-weight:700}.account__action-bar__tab strong:lang(ko){font-weight:700}.account__action-bar__tab strong:lang(zh-CN){font-weight:700}.account__action-bar__tab strong:lang(zh-HK){font-weight:700}.account__action-bar__tab strong:lang(zh-TW){font-weight:700}.account-authorize{padding:14px 10px}.account-authorize .detailed-status__display-name{display:block;margin-bottom:15px;overflow:hidden}.account-authorize__avatar{float:left;margin-right:10px}.status__display-name,.status__relative-time,.detailed-status__display-name,.detailed-status__datetime,.detailed-status__application,.account__display-name{text-decoration:none}.status__display-name strong,.account__display-name strong{color:#fff}.muted .emojione{opacity:.5}.status__display-name:hover strong,.reply-indicator__display-name:hover strong,.detailed-status__display-name:hover strong,a.account__display-name:hover strong{text-decoration:underline}.account__display-name strong{display:block;overflow:hidden;text-overflow:ellipsis}.detailed-status__application,.detailed-status__datetime{color:inherit}.detailed-status .button.logo-button{margin-bottom:15px}.detailed-status__display-name{color:#ecf0f4;display:block;line-height:24px;margin-bottom:15px;overflow:hidden}.detailed-status__display-name strong,.detailed-status__display-name span{display:block;text-overflow:ellipsis;overflow:hidden}.detailed-status__display-name strong{font-size:16px;color:#fff}.detailed-status__display-avatar{float:left;margin-right:10px}.status__avatar{height:48px;left:10px;position:absolute;top:10px;width:48px}.status__expand{width:68px;position:absolute;left:0;top:0;height:100%;cursor:pointer}.muted .status__content,.muted .status__content p,.muted .status__content a{color:#c2cede}.muted .status__display-name strong{color:#c2cede}.muted .status__avatar{opacity:.5}.muted a.status__content__spoiler-link{background:#606984;color:#000}.muted a.status__content__spoiler-link:hover{background:#707b97;text-decoration:none}.notification__message{margin:0 10px 0 68px;padding:8px 0 0;cursor:default;color:#dde3ec;font-size:15px;line-height:22px;position:relative}.notification__message .fa{color:#2b90d9}.notification__message>span{display:inline;overflow:hidden;text-overflow:ellipsis}.notification__favourite-icon-wrapper{left:-26px;position:absolute}.notification__favourite-icon-wrapper .star-icon{color:#ca8f04}.star-icon.active{color:#ca8f04}.bookmark-icon.active{color:#ff5050}.no-reduce-motion .icon-button.star-icon.activate>.fa-star{animation:spring-rotate-in 1s linear}.no-reduce-motion .icon-button.star-icon.deactivate>.fa-star{animation:spring-rotate-out 1s linear}.notification__display-name{color:inherit;font-weight:500;text-decoration:none}.notification__display-name:hover{color:#fff;text-decoration:underline}.notification__relative_time{float:right}.display-name{display:block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.display-name__html{font-weight:500}.display-name__account{font-size:14px}.status__relative-time:hover,.detailed-status__datetime:hover{text-decoration:underline}.image-loader{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center;flex-direction:column}.image-loader .image-loader__preview-canvas{max-width:100%;max-height:80%;background:url(\"~images/void.png\") repeat;object-fit:contain}.image-loader .loading-bar{position:relative}.image-loader.image-loader--amorphous .image-loader__preview-canvas{display:none}.zoomable-image{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center}.zoomable-image img{max-width:100%;max-height:80%;width:auto;height:auto;object-fit:contain}.navigation-bar{padding:10px;display:flex;align-items:center;flex-shrink:0;cursor:default;color:#dde3ec}.navigation-bar strong{color:#ecf0f4}.navigation-bar a{color:inherit}.navigation-bar .permalink{text-decoration:none}.navigation-bar .navigation-bar__actions{position:relative}.navigation-bar .navigation-bar__actions .icon-button.close{position:absolute;pointer-events:none;transform:scale(0, 1) translate(-100%, 0);opacity:0}.navigation-bar .navigation-bar__actions .compose__action-bar .icon-button{pointer-events:auto;transform:scale(1, 1) translate(0, 0);opacity:1}.navigation-bar__profile{flex:1 1 auto;margin-left:8px;line-height:20px;margin-top:-1px;overflow:hidden}.navigation-bar__profile-account{display:block;font-weight:500;overflow:hidden;text-overflow:ellipsis}.navigation-bar__profile-edit{color:inherit;text-decoration:none}.dropdown{display:inline-block}.dropdown__content{display:none;position:absolute}.dropdown-menu__separator{border-bottom:1px solid #c0cdd9;margin:5px 7px 6px;height:0}.dropdown-menu{background:#d9e1e8;padding:4px 0;border-radius:4px;box-shadow:2px 4px 15px rgba(0,0,0,.4);z-index:9999}.dropdown-menu ul{list-style:none}.dropdown-menu.left{transform-origin:100% 50%}.dropdown-menu.top{transform-origin:50% 100%}.dropdown-menu.bottom{transform-origin:50% 0}.dropdown-menu.right{transform-origin:0 50%}.dropdown-menu__arrow{position:absolute;width:0;height:0;border:0 solid transparent}.dropdown-menu__arrow.left{right:-5px;margin-top:-5px;border-width:5px 0 5px 5px;border-left-color:#d9e1e8}.dropdown-menu__arrow.top{bottom:-5px;margin-left:-7px;border-width:5px 7px 0;border-top-color:#d9e1e8}.dropdown-menu__arrow.bottom{top:-5px;margin-left:-7px;border-width:0 7px 5px;border-bottom-color:#d9e1e8}.dropdown-menu__arrow.right{left:-5px;margin-top:-5px;border-width:5px 5px 5px 0;border-right-color:#d9e1e8}.dropdown-menu__item a{font-size:13px;line-height:18px;display:block;padding:4px 14px;box-sizing:border-box;text-decoration:none;background:#d9e1e8;color:#000;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dropdown-menu__item a:focus,.dropdown-menu__item a:hover,.dropdown-menu__item a:active{background:#2b5fd9;color:#ecf0f4;outline:0}.dropdown--active .dropdown__content{display:block;line-height:18px;max-width:311px;right:0;text-align:left;z-index:9999}.dropdown--active .dropdown__content>ul{list-style:none;background:#d9e1e8;padding:4px 0;border-radius:4px;box-shadow:0 0 15px rgba(0,0,0,.4);min-width:140px;position:relative}.dropdown--active .dropdown__content.dropdown__right{right:0}.dropdown--active .dropdown__content.dropdown__left>ul{left:-98px}.dropdown--active .dropdown__content>ul>li>a{font-size:13px;line-height:18px;display:block;padding:4px 14px;box-sizing:border-box;text-decoration:none;background:#d9e1e8;color:#000;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dropdown--active .dropdown__content>ul>li>a:focus{outline:0}.dropdown--active .dropdown__content>ul>li>a:hover{background:#2b5fd9;color:#ecf0f4}.dropdown__icon{vertical-align:middle}.columns-area{display:flex;flex:1 1 auto;flex-direction:row;justify-content:flex-start;overflow-x:auto;position:relative}.columns-area.unscrollable{overflow-x:hidden}.columns-area__panels{display:flex;justify-content:center;width:100%;height:100%;min-height:100vh}.columns-area__panels__pane{height:100%;overflow:hidden;pointer-events:none;display:flex;justify-content:flex-end;min-width:285px}.columns-area__panels__pane--start{justify-content:flex-start}.columns-area__panels__pane__inner{position:fixed;width:285px;pointer-events:auto;height:100%}.columns-area__panels__main{box-sizing:border-box;width:100%;max-width:600px;flex:0 0 auto;display:flex;flex-direction:column}@media screen and (min-width: 415px){.columns-area__panels__main{padding:0 10px}}.tabs-bar__wrapper{background:#17191f;position:sticky;top:0;z-index:2;padding-top:0}@media screen and (min-width: 415px){.tabs-bar__wrapper{padding-top:10px}}.tabs-bar__wrapper .tabs-bar{margin-bottom:0}@media screen and (min-width: 415px){.tabs-bar__wrapper .tabs-bar{margin-bottom:10px}}.react-swipeable-view-container,.react-swipeable-view-container .columns-area,.react-swipeable-view-container .drawer,.react-swipeable-view-container .column{height:100%}.react-swipeable-view-container>*{display:flex;align-items:center;justify-content:center;height:100%}.column{width:350px;position:relative;box-sizing:border-box;display:flex;flex-direction:column}.column>.scrollable{background:#282c37;border-bottom-left-radius:2px;border-bottom-right-radius:2px}.ui{flex:0 0 auto;display:flex;flex-direction:column;width:100%;height:100%}.drawer{width:330px;box-sizing:border-box;display:flex;flex-direction:column;overflow-y:hidden}.drawer__tab{display:block;flex:1 1 auto;padding:15px 5px 13px;color:#dde3ec;text-decoration:none;text-align:center;font-size:16px;border-bottom:2px solid transparent}.column,.drawer{flex:1 1 auto;overflow:hidden}@media screen and (min-width: 631px){.columns-area{padding:0}.column,.drawer{flex:0 0 auto;padding:10px;padding-left:5px;padding-right:5px}.column:first-child,.drawer:first-child{padding-left:10px}.column:last-child,.drawer:last-child{padding-right:10px}.columns-area>div .column,.columns-area>div .drawer{padding-left:5px;padding-right:5px}}.tabs-bar{box-sizing:border-box;display:flex;background:#393f4f;flex:0 0 auto;overflow-y:auto}.tabs-bar__link{display:block;flex:1 1 auto;padding:15px 10px;padding-bottom:13px;color:#fff;text-decoration:none;text-align:center;font-size:14px;font-weight:500;border-bottom:2px solid #393f4f;transition:all 50ms linear;transition-property:border-bottom,background,color}.tabs-bar__link .fa{font-weight:400;font-size:16px}@media screen and (min-width: 631px){.tabs-bar__link:hover,.tabs-bar__link:focus,.tabs-bar__link:active{background:#464d60;border-bottom-color:#464d60}}.tabs-bar__link.active{border-bottom:2px solid #2b90d9;color:#2b90d9}.tabs-bar__link span{margin-left:5px;display:none}@media screen and (min-width: 600px){.tabs-bar__link span{display:inline}}.columns-area--mobile{flex-direction:column;width:100%;height:100%;margin:0 auto}.columns-area--mobile .column,.columns-area--mobile .drawer{width:100%;height:100%;padding:0}.columns-area--mobile .directory__list{display:grid;grid-gap:10px;grid-template-columns:minmax(0, 50%) minmax(0, 50%)}@media screen and (max-width: 415px){.columns-area--mobile .directory__list{display:block}}.columns-area--mobile .directory__card{margin-bottom:0}.columns-area--mobile .filter-form{display:flex}.columns-area--mobile .autosuggest-textarea__textarea{font-size:16px}.columns-area--mobile .search__input{line-height:18px;font-size:16px;padding:15px;padding-right:30px}.columns-area--mobile .search__icon .fa{top:15px}.columns-area--mobile .scrollable{overflow:visible}@supports(display: grid){.columns-area--mobile .scrollable{contain:content}}@media screen and (min-width: 415px){.columns-area--mobile{padding:10px 0;padding-top:0}}@media screen and (min-width: 630px){.columns-area--mobile .detailed-status{padding:15px}.columns-area--mobile .detailed-status .media-gallery,.columns-area--mobile .detailed-status .video-player,.columns-area--mobile .detailed-status .audio-player{margin-top:15px}.columns-area--mobile .account__header__bar{padding:5px 10px}.columns-area--mobile .navigation-bar,.columns-area--mobile .compose-form{padding:15px}.columns-area--mobile .compose-form .compose-form__publish .compose-form__publish-button-wrapper{padding-top:15px}.columns-area--mobile .status{padding:15px 15px 15px 78px;min-height:50px}.columns-area--mobile .status__avatar{left:15px;top:17px}.columns-area--mobile .status__content{padding-top:5px}.columns-area--mobile .status__prepend{margin-left:78px;padding-top:15px}.columns-area--mobile .status__prepend-icon-wrapper{left:-32px}.columns-area--mobile .status .media-gallery,.columns-area--mobile .status__action-bar,.columns-area--mobile .status .video-player,.columns-area--mobile .status .audio-player{margin-top:10px}.columns-area--mobile .account{padding:15px 10px}.columns-area--mobile .account__header__bio{margin:0 -10px}.columns-area--mobile .notification__message{margin-left:78px;padding-top:15px}.columns-area--mobile .notification__favourite-icon-wrapper{left:-32px}.columns-area--mobile .notification .status{padding-top:8px}.columns-area--mobile .notification .account{padding-top:8px}.columns-area--mobile .notification .account__avatar-wrapper{margin-left:17px;margin-right:15px}}.floating-action-button{position:fixed;display:flex;justify-content:center;align-items:center;width:3.9375rem;height:3.9375rem;bottom:1.3125rem;right:1.3125rem;background:#2558d0;color:#fff;border-radius:50%;font-size:21px;line-height:21px;text-decoration:none;box-shadow:2px 3px 9px rgba(0,0,0,.4)}.floating-action-button:hover,.floating-action-button:focus,.floating-action-button:active{background:#4976de}@media screen and (min-width: 415px){.tabs-bar{width:100%}.react-swipeable-view-container .columns-area--mobile{height:calc(100% - 10px) !important}.getting-started__wrapper,.getting-started__trends,.search{margin-bottom:10px}.getting-started__panel{margin:10px 0}.column,.drawer{min-width:330px}}@media screen and (max-width: 895px){.columns-area__panels__pane--compositional{display:none}}@media screen and (min-width: 895px){.floating-action-button,.tabs-bar__link.optional{display:none}.search-page .search{display:none}}@media screen and (max-width: 1190px){.columns-area__panels__pane--navigational{display:none}}@media screen and (min-width: 1190px){.tabs-bar{display:none}}.icon-with-badge{position:relative}.icon-with-badge__badge{position:absolute;left:9px;top:-13px;background:#2b5fd9;border:2px solid #393f4f;padding:1px 6px;border-radius:6px;font-size:10px;font-weight:500;line-height:14px;color:#fff}.column-link--transparent .icon-with-badge__badge{border-color:#17191f}.compose-panel{width:285px;margin-top:10px;display:flex;flex-direction:column;height:calc(100% - 10px);overflow-y:hidden}.compose-panel .navigation-bar{padding-top:20px;padding-bottom:20px;flex:0 1 48px;min-height:20px}.compose-panel .flex-spacer{background:transparent}.compose-panel .compose-form{flex:1;overflow-y:hidden;display:flex;flex-direction:column;min-height:310px;padding-bottom:71px;margin-bottom:-71px}.compose-panel .compose-form__autosuggest-wrapper{overflow-y:auto;background-color:#fff;border-radius:4px 4px 0 0;flex:0 1 auto}.compose-panel .autosuggest-textarea__textarea{overflow-y:hidden}.compose-panel .compose-form__upload-thumbnail{height:80px}.navigation-panel{margin-top:10px;margin-bottom:10px;height:calc(100% - 20px);overflow-y:auto;display:flex;flex-direction:column}.navigation-panel>a{flex:0 0 auto}.navigation-panel hr{flex:0 0 auto;border:0;background:transparent;border-top:1px solid #313543;margin:10px 0}.navigation-panel .flex-spacer{background:transparent}.drawer__pager{box-sizing:border-box;padding:0;flex-grow:1;position:relative;overflow:hidden;display:flex}.drawer__inner{position:absolute;top:0;left:0;background:#444b5d;box-sizing:border-box;padding:0;display:flex;flex-direction:column;overflow:hidden;overflow-y:auto;width:100%;height:100%;border-radius:2px}.drawer__inner.darker{background:#282c37}.drawer__inner__mastodon{background:#444b5d url('data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 234.80078 31.757813\" width=\"234.80078\" height=\"31.757812\"><path d=\"M19.599609 0c-1.05 0-2.10039.375-2.90039 1.125L0 16.925781v14.832031h234.80078V17.025391l-16.5-15.900391c-1.6-1.5-4.20078-1.5-5.80078 0l-13.80078 13.099609c-1.6 1.5-4.19883 1.5-5.79883 0L179.09961 1.125c-1.6-1.5-4.19883-1.5-5.79883 0L159.5 14.224609c-1.6 1.5-4.20078 1.5-5.80078 0L139.90039 1.125c-1.6-1.5-4.20078-1.5-5.80078 0l-13.79883 13.099609c-1.6 1.5-4.20078 1.5-5.80078 0L100.69922 1.125c-1.600001-1.5-4.198829-1.5-5.798829 0l-13.59961 13.099609c-1.6 1.5-4.200781 1.5-5.800781 0L61.699219 1.125c-1.6-1.5-4.198828-1.5-5.798828 0L42.099609 14.224609c-1.6 1.5-4.198828 1.5-5.798828 0L22.5 1.125C21.7.375 20.649609 0 19.599609 0z\" fill=\"%23282C37\"/></svg>') no-repeat bottom/100% auto;flex:1;min-height:47px;display:none}.drawer__inner__mastodon>img{display:block;object-fit:contain;object-position:bottom left;width:85%;height:100%;pointer-events:none;user-drag:none;user-select:none}@media screen and (min-height: 640px){.drawer__inner__mastodon{display:block}}.pseudo-drawer{background:#444b5d;font-size:13px;text-align:left}.drawer__header{flex:0 0 auto;font-size:16px;background:#393f4f;margin-bottom:10px;display:flex;flex-direction:row;border-radius:2px}.drawer__header a{transition:background 100ms ease-in}.drawer__header a:hover{background:#2e3340;transition:background 200ms ease-out}.scrollable{overflow-y:scroll;overflow-x:hidden;flex:1 1 auto;-webkit-overflow-scrolling:touch}.scrollable.optionally-scrollable{overflow-y:auto}@supports(display: grid){.scrollable{contain:strict}}.scrollable--flex{display:flex;flex-direction:column}.scrollable__append{flex:1 1 auto;position:relative;min-height:120px}@supports(display: grid){.scrollable.fullscreen{contain:none}}.column-back-button{box-sizing:border-box;width:100%;background:#313543;color:#2b90d9;cursor:pointer;flex:0 0 auto;font-size:16px;line-height:inherit;border:0;text-align:unset;padding:15px;margin:0;z-index:3;outline:0}.column-back-button:hover{text-decoration:underline}.column-header__back-button{background:#313543;border:0;font-family:inherit;color:#2b90d9;cursor:pointer;white-space:nowrap;font-size:16px;padding:0 5px 0 0;z-index:3}.column-header__back-button:hover{text-decoration:underline}.column-header__back-button:last-child{padding:0 15px 0 0}.column-back-button__icon{display:inline-block;margin-right:5px}.column-back-button--slim{position:relative}.column-back-button--slim-button{cursor:pointer;flex:0 0 auto;font-size:16px;padding:15px;position:absolute;right:0;top:-48px}.react-toggle{display:inline-block;position:relative;cursor:pointer;background-color:transparent;border:0;padding:0;user-select:none;-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-tap-highlight-color:transparent}.react-toggle-screenreader-only{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.react-toggle--disabled{cursor:not-allowed;opacity:.5;transition:opacity .25s}.react-toggle-track{width:50px;height:24px;padding:0;border-radius:30px;background-color:#282c37;transition:background-color .2s ease}.react-toggle:hover:not(.react-toggle--disabled) .react-toggle-track{background-color:#131419}.react-toggle--checked .react-toggle-track{background-color:#2b5fd9}.react-toggle--checked:hover:not(.react-toggle--disabled) .react-toggle-track{background-color:#5680e1}.react-toggle-track-check{position:absolute;width:14px;height:10px;top:0;bottom:0;margin-top:auto;margin-bottom:auto;line-height:0;left:8px;opacity:0;transition:opacity .25s ease}.react-toggle--checked .react-toggle-track-check{opacity:1;transition:opacity .25s ease}.react-toggle-track-x{position:absolute;width:10px;height:10px;top:0;bottom:0;margin-top:auto;margin-bottom:auto;line-height:0;right:10px;opacity:1;transition:opacity .25s ease}.react-toggle--checked .react-toggle-track-x{opacity:0}.react-toggle-thumb{position:absolute;top:1px;left:1px;width:22px;height:22px;border:1px solid #282c37;border-radius:50%;background-color:#fafafa;box-sizing:border-box;transition:all .25s ease;transition-property:border-color,left}.react-toggle--checked .react-toggle-thumb{left:27px;border-color:#2b5fd9}.column-link{background:#393f4f;color:#fff;display:block;font-size:16px;padding:15px;text-decoration:none}.column-link:hover,.column-link:focus,.column-link:active{background:#404657}.column-link:focus{outline:0}.column-link--transparent{background:transparent;color:#d9e1e8}.column-link--transparent:hover,.column-link--transparent:focus,.column-link--transparent:active{background:transparent;color:#fff}.column-link--transparent.active{color:#2b5fd9}.column-link__icon{display:inline-block;margin-right:5px}.column-link__badge{display:inline-block;border-radius:4px;font-size:12px;line-height:19px;font-weight:500;background:#282c37;padding:4px 8px;margin:-6px 10px}.column-subheading{background:#282c37;color:#c2cede;padding:8px 20px;font-size:12px;font-weight:500;text-transform:uppercase;cursor:default}.getting-started__wrapper,.getting-started,.flex-spacer{background:#282c37}.flex-spacer{flex:1 1 auto}.getting-started{color:#c2cede;overflow:auto;border-bottom-left-radius:2px;border-bottom-right-radius:2px}.getting-started__wrapper,.getting-started__panel,.getting-started__footer{height:min-content}.getting-started__panel,.getting-started__footer{padding:10px;padding-top:20px;flex-grow:0}.getting-started__panel ul,.getting-started__footer ul{margin-bottom:10px}.getting-started__panel ul li,.getting-started__footer ul li{display:inline}.getting-started__panel p,.getting-started__footer p{font-size:13px}.getting-started__panel p a,.getting-started__footer p a{color:#c2cede;text-decoration:underline}.getting-started__panel a,.getting-started__footer a{text-decoration:none;color:#dde3ec}.getting-started__panel a:hover,.getting-started__panel a:focus,.getting-started__panel a:active,.getting-started__footer a:hover,.getting-started__footer a:focus,.getting-started__footer a:active{text-decoration:underline}.getting-started__wrapper,.getting-started__footer{color:#c2cede}.getting-started__trends{flex:0 1 auto;opacity:1;animation:fade 150ms linear;margin-top:10px}.getting-started__trends h4{font-size:12px;text-transform:uppercase;color:#dde3ec;padding:10px;font-weight:500;border-bottom:1px solid #393f4f}@media screen and (max-height: 810px){.getting-started__trends .trends__item:nth-child(3){display:none}}@media screen and (max-height: 720px){.getting-started__trends .trends__item:nth-child(2){display:none}}@media screen and (max-height: 670px){.getting-started__trends{display:none}}.getting-started__trends .trends__item{border-bottom:0;padding:10px}.getting-started__trends .trends__item__current{color:#dde3ec}.keyboard-shortcuts{padding:8px 0 0;overflow:hidden}.keyboard-shortcuts thead{position:absolute;left:-9999px}.keyboard-shortcuts td{padding:0 10px 8px}.keyboard-shortcuts kbd{display:inline-block;padding:3px 5px;background-color:#393f4f;border:1px solid #1f232b}.setting-text{display:block;box-sizing:border-box;width:100%;margin:0;color:#000;background:#fff;padding:10px;font-family:inherit;font-size:14px;resize:vertical;border:0;outline:0;border-radius:4px}.setting-text:focus{outline:0}@media screen and (max-width: 600px){.setting-text{font-size:16px}}.no-reduce-motion button.icon-button i.fa-retweet{background-position:0 0;height:19px;transition:background-position .9s steps(10);transition-duration:0s;vertical-align:middle;width:22px}.no-reduce-motion button.icon-button i.fa-retweet::before{display:none !important}.no-reduce-motion button.icon-button.active i.fa-retweet{transition-duration:.9s;background-position:0 100%}.reduce-motion button.icon-button i.fa-retweet{color:#8d9ac2;transition:color 100ms ease-in}.reduce-motion button.icon-button.active i.fa-retweet{color:#2b90d9}.status-card{display:flex;font-size:14px;border:1px solid #393f4f;border-radius:4px;color:#c2cede;margin-top:14px;text-decoration:none;overflow:hidden}.status-card__actions{bottom:0;left:0;position:absolute;right:0;top:0;display:flex;justify-content:center;align-items:center}.status-card__actions>div{background:rgba(0,0,0,.6);border-radius:8px;padding:12px 9px;flex:0 0 auto;display:flex;justify-content:center;align-items:center}.status-card__actions button,.status-card__actions a{display:inline;color:#ecf0f4;background:transparent;border:0;padding:0 8px;text-decoration:none;font-size:18px;line-height:18px}.status-card__actions button:hover,.status-card__actions button:active,.status-card__actions button:focus,.status-card__actions a:hover,.status-card__actions a:active,.status-card__actions a:focus{color:#fff}.status-card__actions a{font-size:19px;position:relative;bottom:-1px}a.status-card{cursor:pointer}a.status-card:hover{background:#393f4f}.status-card-photo{cursor:zoom-in;display:block;text-decoration:none;width:100%;height:auto;margin:0}.status-card-video iframe{width:100%;height:100%}.status-card__title{display:block;font-weight:500;margin-bottom:5px;color:#dde3ec;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-decoration:none}.status-card__content{flex:1 1 auto;overflow:hidden;padding:14px 14px 14px 8px}.status-card__description{color:#dde3ec}.status-card__host{display:block;margin-top:5px;font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.status-card__image{flex:0 0 100px;background:#393f4f;position:relative}.status-card__image>.fa{font-size:21px;position:absolute;transform-origin:50% 50%;top:50%;left:50%;transform:translate(-50%, -50%)}.status-card.horizontal{display:block}.status-card.horizontal .status-card__image{width:100%}.status-card.horizontal .status-card__image-image{border-radius:4px 4px 0 0}.status-card.horizontal .status-card__title{white-space:inherit}.status-card.compact{border-color:#313543}.status-card.compact.interactive{border:0}.status-card.compact .status-card__content{padding:8px;padding-top:10px}.status-card.compact .status-card__title{white-space:nowrap}.status-card.compact .status-card__image{flex:0 0 60px}a.status-card.compact:hover{background-color:#313543}.status-card__image-image{border-radius:4px 0 0 4px;display:block;margin:0;width:100%;height:100%;object-fit:cover;background-size:cover;background-position:center center}.load-more{display:block;color:#c2cede;background-color:transparent;border:0;font-size:inherit;text-align:center;line-height:inherit;margin:0;padding:15px;box-sizing:border-box;width:100%;clear:both;text-decoration:none}.load-more:hover{background:#2c313d}.load-gap{border-bottom:1px solid #393f4f}.regeneration-indicator{text-align:center;font-size:16px;font-weight:500;color:#c2cede;background:#282c37;cursor:default;display:flex;flex:1 1 auto;flex-direction:column;align-items:center;justify-content:center;padding:20px}.regeneration-indicator__figure,.regeneration-indicator__figure img{display:block;width:auto;height:160px;margin:0}.regeneration-indicator--without-header{padding-top:68px}.regeneration-indicator__label{margin-top:30px}.regeneration-indicator__label strong{display:block;margin-bottom:10px;color:#c2cede}.regeneration-indicator__label span{font-size:15px;font-weight:400}.column-header__wrapper{position:relative;flex:0 0 auto;z-index:1}.column-header__wrapper.active{box-shadow:0 1px 0 rgba(43,144,217,.3)}.column-header__wrapper.active::before{display:block;content:\"\";position:absolute;bottom:-13px;left:0;right:0;margin:0 auto;width:60%;pointer-events:none;height:28px;z-index:1;background:radial-gradient(ellipse, rgba(43, 95, 217, 0.23) 0%, rgba(43, 95, 217, 0) 60%)}.column-header__wrapper .announcements{z-index:1;position:relative}.column-header{display:flex;font-size:16px;background:#313543;flex:0 0 auto;cursor:pointer;position:relative;z-index:2;outline:0;overflow:hidden;border-top-left-radius:2px;border-top-right-radius:2px}.column-header>button{margin:0;border:0;padding:15px 0 15px 15px;color:inherit;background:transparent;font:inherit;text-align:left;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;flex:1}.column-header>.column-header__back-button{color:#2b90d9}.column-header.active .column-header__icon{color:#2b90d9;text-shadow:0 0 10px rgba(43,144,217,.4)}.column-header:focus,.column-header:active{outline:0}.column-header__buttons{height:48px;display:flex}.column-header__links{margin-bottom:14px}.column-header__links .text-btn{margin-right:10px}.column-header__button{background:#313543;border:0;color:#dde3ec;cursor:pointer;font-size:16px;padding:0 15px}.column-header__button:hover{color:#f4f6f9}.column-header__button.active{color:#fff;background:#393f4f}.column-header__button.active:hover{color:#fff;background:#393f4f}.column-header__collapsible{max-height:70vh;overflow:hidden;overflow-y:auto;color:#dde3ec;transition:max-height 150ms ease-in-out,opacity 300ms linear;opacity:1;z-index:1;position:relative}.column-header__collapsible.collapsed{max-height:0;opacity:.5}.column-header__collapsible.animating{overflow-y:hidden}.column-header__collapsible hr{height:0;background:transparent;border:0;border-top:1px solid #42485a;margin:10px 0}.column-header__collapsible-inner{background:#393f4f;padding:15px}.column-header__setting-btn:hover{color:#dde3ec;text-decoration:underline}.column-header__setting-arrows{float:right}.column-header__setting-arrows .column-header__setting-btn{padding:0 10px}.column-header__setting-arrows .column-header__setting-btn:last-child{padding-right:0}.text-btn{display:inline-block;padding:0;font-family:inherit;font-size:inherit;color:inherit;border:0;background:transparent;cursor:pointer}.column-header__icon{display:inline-block;margin-right:5px}.loading-indicator{color:#c2cede;font-size:12px;font-weight:400;text-transform:uppercase;overflow:visible;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%)}.loading-indicator span{display:block;float:left;margin-left:50%;transform:translateX(-50%);margin:82px 0 0 50%;white-space:nowrap}.loading-indicator__figure{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:42px;height:42px;box-sizing:border-box;background-color:transparent;border:0 solid #606984;border-width:6px;border-radius:50%}.no-reduce-motion .loading-indicator span{animation:loader-label 1.15s infinite cubic-bezier(0.215, 0.61, 0.355, 1)}.no-reduce-motion .loading-indicator__figure{animation:loader-figure 1.15s infinite cubic-bezier(0.215, 0.61, 0.355, 1)}@keyframes spring-rotate-in{0%{transform:rotate(0deg)}30%{transform:rotate(-484.8deg)}60%{transform:rotate(-316.7deg)}90%{transform:rotate(-375deg)}100%{transform:rotate(-360deg)}}@keyframes spring-rotate-out{0%{transform:rotate(-360deg)}30%{transform:rotate(124.8deg)}60%{transform:rotate(-43.27deg)}90%{transform:rotate(15deg)}100%{transform:rotate(0deg)}}@keyframes loader-figure{0%{width:0;height:0;background-color:#606984}29%{background-color:#606984}30%{width:42px;height:42px;background-color:transparent;border-width:21px;opacity:1}100%{width:42px;height:42px;border-width:0;opacity:0;background-color:transparent}}@keyframes loader-label{0%{opacity:.25}30%{opacity:1}100%{opacity:.25}}.video-error-cover{align-items:center;background:#000;color:#fff;cursor:pointer;display:flex;flex-direction:column;height:100%;justify-content:center;margin-top:8px;position:relative;text-align:center;z-index:100}.media-spoiler{background:#000;color:#dde3ec;border:0;padding:0;width:100%;height:100%;border-radius:4px;appearance:none}.media-spoiler:hover,.media-spoiler:active,.media-spoiler:focus{padding:0;color:#f7f9fb}.media-spoiler__warning{display:block;font-size:14px}.media-spoiler__trigger{display:block;font-size:11px;font-weight:700}.spoiler-button{top:0;left:0;width:100%;height:100%;position:absolute;z-index:100}.spoiler-button--minified{display:block;left:4px;top:4px;width:auto;height:auto}.spoiler-button--click-thru{pointer-events:none}.spoiler-button--hidden{display:none}.spoiler-button__overlay{display:block;background:transparent;width:100%;height:100%;border:0}.spoiler-button__overlay__label{display:inline-block;background:rgba(0,0,0,.5);border-radius:8px;padding:8px 12px;color:#fff;font-weight:500;font-size:14px}.spoiler-button__overlay:hover .spoiler-button__overlay__label,.spoiler-button__overlay:focus .spoiler-button__overlay__label,.spoiler-button__overlay:active .spoiler-button__overlay__label{background:rgba(0,0,0,.8)}.spoiler-button__overlay:disabled .spoiler-button__overlay__label{background:rgba(0,0,0,.5)}.modal-container--preloader{background:#393f4f}.account--panel{background:#313543;border-top:1px solid #393f4f;border-bottom:1px solid #393f4f;display:flex;flex-direction:row;padding:10px 0}.account--panel__button,.detailed-status__button{flex:1 1 auto;text-align:center}.column-settings__outer{background:#393f4f;padding:15px}.column-settings__section{color:#dde3ec;cursor:default;display:block;font-weight:500;margin-bottom:10px}.column-settings__hashtags .column-settings__row{margin-bottom:15px}.column-settings__hashtags .column-select__control{outline:0;box-sizing:border-box;width:100%;border:0;box-shadow:none;font-family:inherit;background:#282c37;color:#dde3ec;font-size:14px;margin:0}.column-settings__hashtags .column-select__control::placeholder{color:#eaeef3}.column-settings__hashtags .column-select__control::-moz-focus-inner{border:0}.column-settings__hashtags .column-select__control::-moz-focus-inner,.column-settings__hashtags .column-select__control:focus,.column-settings__hashtags .column-select__control:active{outline:0 !important}.column-settings__hashtags .column-select__control:focus{background:#313543}@media screen and (max-width: 600px){.column-settings__hashtags .column-select__control{font-size:16px}}.column-settings__hashtags .column-select__placeholder{color:#c2cede;padding-left:2px;font-size:12px}.column-settings__hashtags .column-select__value-container{padding-left:6px}.column-settings__hashtags .column-select__multi-value{background:#393f4f}.column-settings__hashtags .column-select__multi-value__remove{cursor:pointer}.column-settings__hashtags .column-select__multi-value__remove:hover,.column-settings__hashtags .column-select__multi-value__remove:active,.column-settings__hashtags .column-select__multi-value__remove:focus{background:#42485a;color:#eaeef3}.column-settings__hashtags .column-select__multi-value__label,.column-settings__hashtags .column-select__input{color:#dde3ec}.column-settings__hashtags .column-select__clear-indicator,.column-settings__hashtags .column-select__dropdown-indicator{cursor:pointer;transition:none;color:#c2cede}.column-settings__hashtags .column-select__clear-indicator:hover,.column-settings__hashtags .column-select__clear-indicator:active,.column-settings__hashtags .column-select__clear-indicator:focus,.column-settings__hashtags .column-select__dropdown-indicator:hover,.column-settings__hashtags .column-select__dropdown-indicator:active,.column-settings__hashtags .column-select__dropdown-indicator:focus{color:#d0d9e5}.column-settings__hashtags .column-select__indicator-separator{background-color:#393f4f}.column-settings__hashtags .column-select__menu{background:#fff;border-radius:4px;padding:10px 14px;padding-bottom:14px;margin-top:10px;color:#364861;box-shadow:2px 4px 15px rgba(0,0,0,.4);padding:0;background:#d9e1e8}.column-settings__hashtags .column-select__menu h4{text-transform:uppercase;color:#364861;font-size:13px;font-weight:500;margin-bottom:10px}.column-settings__hashtags .column-select__menu li{padding:4px 0}.column-settings__hashtags .column-select__menu ul{margin-bottom:10px}.column-settings__hashtags .column-select__menu em{font-weight:500;color:#000}.column-settings__hashtags .column-select__menu-list{padding:6px}.column-settings__hashtags .column-select__option{color:#000;border-radius:4px;font-size:14px}.column-settings__hashtags .column-select__option--is-focused,.column-settings__hashtags .column-select__option--is-selected{background:#b9c8d5}.column-settings__row .text-btn{margin-bottom:15px}.relationship-tag{color:#fff;margin-bottom:4px;display:block;vertical-align:top;background-color:#000;text-transform:uppercase;font-size:11px;font-weight:500;padding:4px;border-radius:4px;opacity:.7}.relationship-tag:hover{opacity:1}.setting-toggle{display:block;line-height:24px}.setting-toggle__label{color:#dde3ec;display:inline-block;margin-bottom:14px;margin-left:8px;vertical-align:middle}.empty-column-indicator,.error-column,.follow_requests-unlocked_explanation{color:#c2cede;background:#282c37;text-align:center;padding:20px;font-size:15px;font-weight:400;cursor:default;display:flex;flex:1 1 auto;align-items:center;justify-content:center}@supports(display: grid){.empty-column-indicator,.error-column,.follow_requests-unlocked_explanation{contain:strict}}.empty-column-indicator>span,.error-column>span,.follow_requests-unlocked_explanation>span{max-width:400px}.empty-column-indicator a,.error-column a,.follow_requests-unlocked_explanation a{color:#2b90d9;text-decoration:none}.empty-column-indicator a:hover,.error-column a:hover,.follow_requests-unlocked_explanation a:hover{text-decoration:underline}.follow_requests-unlocked_explanation{background:#1f232b;contain:initial}.error-column{flex-direction:column}@keyframes heartbeat{from{transform:scale(1);animation-timing-function:ease-out}10%{transform:scale(0.91);animation-timing-function:ease-in}17%{transform:scale(0.98);animation-timing-function:ease-out}33%{transform:scale(0.87);animation-timing-function:ease-in}45%{transform:scale(1);animation-timing-function:ease-out}}.no-reduce-motion .pulse-loading{transform-origin:center center;animation:heartbeat 1.5s ease-in-out infinite both}@keyframes shake-bottom{0%,100%{transform:rotate(0deg);transform-origin:50% 100%}10%{transform:rotate(2deg)}20%,40%,60%{transform:rotate(-4deg)}30%,50%,70%{transform:rotate(4deg)}80%{transform:rotate(-2deg)}90%{transform:rotate(2deg)}}.no-reduce-motion .shake-bottom{transform-origin:50% 100%;animation:shake-bottom .8s cubic-bezier(0.455, 0.03, 0.515, 0.955) 2s 2 both}.emoji-picker-dropdown__menu{background:#fff;position:absolute;box-shadow:4px 4px 6px rgba(0,0,0,.4);border-radius:4px;margin-top:5px;z-index:2}.emoji-picker-dropdown__menu .emoji-mart-scroll{transition:opacity 200ms ease}.emoji-picker-dropdown__menu.selecting .emoji-mart-scroll{opacity:.5}.emoji-picker-dropdown__modifiers{position:absolute;top:60px;right:11px;cursor:pointer}.emoji-picker-dropdown__modifiers__menu{position:absolute;z-index:4;top:-4px;left:-8px;background:#fff;border-radius:4px;box-shadow:1px 2px 6px rgba(0,0,0,.2);overflow:hidden}.emoji-picker-dropdown__modifiers__menu button{display:block;cursor:pointer;border:0;padding:4px 8px;background:transparent}.emoji-picker-dropdown__modifiers__menu button:hover,.emoji-picker-dropdown__modifiers__menu button:focus,.emoji-picker-dropdown__modifiers__menu button:active{background:rgba(217,225,232,.4)}.emoji-picker-dropdown__modifiers__menu .emoji-mart-emoji{height:22px}.emoji-mart-emoji span{background-repeat:no-repeat}.upload-area{align-items:center;background:rgba(0,0,0,.8);display:flex;height:100%;justify-content:center;left:0;opacity:0;position:absolute;top:0;visibility:hidden;width:100%;z-index:2000}.upload-area *{pointer-events:none}.upload-area__drop{width:320px;height:160px;display:flex;box-sizing:border-box;position:relative;padding:8px}.upload-area__background{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;border-radius:4px;background:#282c37;box-shadow:0 0 5px rgba(0,0,0,.2)}.upload-area__content{flex:1;display:flex;align-items:center;justify-content:center;color:#ecf0f4;font-size:18px;font-weight:500;border:2px dashed #606984;border-radius:4px}.upload-progress{padding:10px;color:#1b1e25;overflow:hidden;display:flex}.upload-progress .fa{font-size:34px;margin-right:10px}.upload-progress span{font-size:12px;text-transform:uppercase;font-weight:500;display:block}.upload-progess__message{flex:1 1 auto}.upload-progress__backdrop{width:100%;height:6px;border-radius:6px;background:#606984;position:relative;margin-top:5px}.upload-progress__tracker{position:absolute;left:0;top:0;height:6px;background:#2b5fd9;border-radius:6px}.emoji-button{display:block;padding:5px 5px 2px 2px;outline:0;cursor:pointer}.emoji-button:active,.emoji-button:focus{outline:0 !important}.emoji-button img{filter:grayscale(100%);opacity:.8;display:block;margin:0;width:22px;height:22px}.emoji-button:hover img,.emoji-button:active img,.emoji-button:focus img{opacity:1;filter:none}.dropdown--active .emoji-button img{opacity:1;filter:none}.privacy-dropdown__dropdown{position:absolute;background:#fff;box-shadow:2px 4px 15px rgba(0,0,0,.4);border-radius:4px;margin-left:40px;overflow:hidden}.privacy-dropdown__dropdown.top{transform-origin:50% 100%}.privacy-dropdown__dropdown.bottom{transform-origin:50% 0}.privacy-dropdown__option{color:#000;padding:10px;cursor:pointer;display:flex}.privacy-dropdown__option:hover,.privacy-dropdown__option.active{background:#2b5fd9;color:#fff;outline:0}.privacy-dropdown__option:hover .privacy-dropdown__option__content,.privacy-dropdown__option.active .privacy-dropdown__option__content{color:#fff}.privacy-dropdown__option:hover .privacy-dropdown__option__content strong,.privacy-dropdown__option.active .privacy-dropdown__option__content strong{color:#fff}.privacy-dropdown__option.active:hover{background:#3c6cdc}.privacy-dropdown__option__icon{display:flex;align-items:center;justify-content:center;margin-right:10px}.privacy-dropdown__option__content{flex:1 1 auto;color:#1b1e25}.privacy-dropdown__option__content strong{font-weight:500;display:block;color:#000}.privacy-dropdown__option__content strong:lang(ja){font-weight:700}.privacy-dropdown__option__content strong:lang(ko){font-weight:700}.privacy-dropdown__option__content strong:lang(zh-CN){font-weight:700}.privacy-dropdown__option__content strong:lang(zh-HK){font-weight:700}.privacy-dropdown__option__content strong:lang(zh-TW){font-weight:700}.privacy-dropdown.active .privacy-dropdown__value{background:#fff;border-radius:4px 4px 0 0;box-shadow:0 -4px 4px rgba(0,0,0,.1)}.privacy-dropdown.active .privacy-dropdown__value .icon-button{transition:none}.privacy-dropdown.active .privacy-dropdown__value.active{background:#2b5fd9}.privacy-dropdown.active .privacy-dropdown__value.active .icon-button{color:#fff}.privacy-dropdown.active.top .privacy-dropdown__value{border-radius:0 0 4px 4px}.privacy-dropdown.active .privacy-dropdown__dropdown{display:block;box-shadow:2px 4px 6px rgba(0,0,0,.1)}.search{position:relative}.search__input{outline:0;box-sizing:border-box;width:100%;border:0;box-shadow:none;font-family:inherit;background:#282c37;color:#dde3ec;font-size:14px;margin:0;display:block;padding:15px;padding-right:30px;line-height:18px;font-size:16px}.search__input::placeholder{color:#eaeef3}.search__input::-moz-focus-inner{border:0}.search__input::-moz-focus-inner,.search__input:focus,.search__input:active{outline:0 !important}.search__input:focus{background:#313543}@media screen and (max-width: 600px){.search__input{font-size:16px}}.search__icon::-moz-focus-inner{border:0}.search__icon::-moz-focus-inner,.search__icon:focus{outline:0 !important}.search__icon .fa{position:absolute;top:16px;right:10px;z-index:2;display:inline-block;opacity:0;transition:all 100ms linear;transition-property:transform,opacity;font-size:18px;width:18px;height:18px;color:#ecf0f4;cursor:default;pointer-events:none}.search__icon .fa.active{pointer-events:auto;opacity:.3}.search__icon .fa-search{transform:rotate(90deg)}.search__icon .fa-search.active{pointer-events:none;transform:rotate(0deg)}.search__icon .fa-times-circle{top:17px;transform:rotate(0deg);color:#8d9ac2;cursor:pointer}.search__icon .fa-times-circle.active{transform:rotate(90deg)}.search__icon .fa-times-circle:hover{color:#a4afce}.search-results__header{color:#c2cede;background:#2c313d;padding:15px;font-weight:500;font-size:16px;cursor:default}.search-results__header .fa{display:inline-block;margin-right:5px}.search-results__section{margin-bottom:5px}.search-results__section h5{background:#1f232b;border-bottom:1px solid #393f4f;cursor:default;display:flex;padding:15px;font-weight:500;font-size:16px;color:#c2cede}.search-results__section h5 .fa{display:inline-block;margin-right:5px}.search-results__section .account:last-child,.search-results__section>div:last-child .status{border-bottom:0}.search-results__hashtag{display:block;padding:10px;color:#ecf0f4;text-decoration:none}.search-results__hashtag:hover,.search-results__hashtag:active,.search-results__hashtag:focus{color:#f9fafb;text-decoration:underline}.search-results__info{padding:20px;color:#dde3ec;text-align:center}.modal-root{position:relative;transition:opacity .3s linear;will-change:opacity;z-index:9999}.modal-root__overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.7)}.modal-root__container{position:fixed;top:0;left:0;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;align-content:space-around;z-index:9999;pointer-events:none;user-select:none}.modal-root__modal{pointer-events:auto;display:flex;z-index:9999}.video-modal__container{max-width:100vw;max-height:100vh}.audio-modal__container{width:50vw}.media-modal{width:100%;height:100%;position:relative}.media-modal .extended-video-player{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.media-modal .extended-video-player video{max-width:100%;max-height:80%}.media-modal__closer{position:absolute;top:0;left:0;right:0;bottom:0}.media-modal__navigation{position:absolute;top:0;left:0;right:0;bottom:0;pointer-events:none;transition:opacity .3s linear;will-change:opacity}.media-modal__navigation *{pointer-events:auto}.media-modal__navigation.media-modal__navigation--hidden{opacity:0}.media-modal__navigation.media-modal__navigation--hidden *{pointer-events:none}.media-modal__nav{background:rgba(0,0,0,.5);box-sizing:border-box;border:0;color:#fff;cursor:pointer;display:flex;align-items:center;font-size:24px;height:20vmax;margin:auto 0;padding:30px 15px;position:absolute;top:0;bottom:0}.media-modal__nav--left{left:0}.media-modal__nav--right{right:0}.media-modal__pagination{width:100%;text-align:center;position:absolute;left:0;bottom:20px;pointer-events:none}.media-modal__meta{text-align:center;position:absolute;left:0;bottom:20px;width:100%;pointer-events:none}.media-modal__meta--shifted{bottom:62px}.media-modal__meta a{pointer-events:auto;text-decoration:none;font-weight:500;color:#d9e1e8}.media-modal__meta a:hover,.media-modal__meta a:focus,.media-modal__meta a:active{text-decoration:underline}.media-modal__page-dot{display:inline-block}.media-modal__button{background-color:#fff;height:12px;width:12px;border-radius:6px;margin:10px;padding:0;border:0;font-size:0}.media-modal__button--active{background-color:#2b90d9}.media-modal__close{position:absolute;right:8px;top:8px;z-index:100}.onboarding-modal,.error-modal,.embed-modal{background:#d9e1e8;color:#000;border-radius:8px;overflow:hidden;display:flex;flex-direction:column}.error-modal__body{height:80vh;width:80vw;max-width:520px;max-height:420px;position:relative}.error-modal__body>div{position:absolute;top:0;left:0;width:100%;height:100%;box-sizing:border-box;padding:25px;display:none;flex-direction:column;align-items:center;justify-content:center;display:flex;opacity:0;user-select:text}.error-modal__body{display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center}.onboarding-modal__paginator,.error-modal__footer{flex:0 0 auto;background:#c0cdd9;display:flex;padding:25px}.onboarding-modal__paginator>div,.error-modal__footer>div{min-width:33px}.onboarding-modal__paginator .onboarding-modal__nav,.onboarding-modal__paginator .error-modal__nav,.error-modal__footer .onboarding-modal__nav,.error-modal__footer .error-modal__nav{color:#1b1e25;border:0;font-size:14px;font-weight:500;padding:10px 25px;line-height:inherit;height:auto;margin:-10px;border-radius:4px;background-color:transparent}.onboarding-modal__paginator .onboarding-modal__nav:hover,.onboarding-modal__paginator .onboarding-modal__nav:focus,.onboarding-modal__paginator .onboarding-modal__nav:active,.onboarding-modal__paginator .error-modal__nav:hover,.onboarding-modal__paginator .error-modal__nav:focus,.onboarding-modal__paginator .error-modal__nav:active,.error-modal__footer .onboarding-modal__nav:hover,.error-modal__footer .onboarding-modal__nav:focus,.error-modal__footer .onboarding-modal__nav:active,.error-modal__footer .error-modal__nav:hover,.error-modal__footer .error-modal__nav:focus,.error-modal__footer .error-modal__nav:active{color:#131419;background-color:#a6b9c9}.onboarding-modal__paginator .onboarding-modal__nav.onboarding-modal__done,.onboarding-modal__paginator .onboarding-modal__nav.onboarding-modal__next,.onboarding-modal__paginator .error-modal__nav.onboarding-modal__done,.onboarding-modal__paginator .error-modal__nav.onboarding-modal__next,.error-modal__footer .onboarding-modal__nav.onboarding-modal__done,.error-modal__footer .onboarding-modal__nav.onboarding-modal__next,.error-modal__footer .error-modal__nav.onboarding-modal__done,.error-modal__footer .error-modal__nav.onboarding-modal__next{color:#000}.onboarding-modal__paginator .onboarding-modal__nav.onboarding-modal__done:hover,.onboarding-modal__paginator .onboarding-modal__nav.onboarding-modal__done:focus,.onboarding-modal__paginator .onboarding-modal__nav.onboarding-modal__done:active,.onboarding-modal__paginator .onboarding-modal__nav.onboarding-modal__next:hover,.onboarding-modal__paginator .onboarding-modal__nav.onboarding-modal__next:focus,.onboarding-modal__paginator .onboarding-modal__nav.onboarding-modal__next:active,.onboarding-modal__paginator .error-modal__nav.onboarding-modal__done:hover,.onboarding-modal__paginator .error-modal__nav.onboarding-modal__done:focus,.onboarding-modal__paginator .error-modal__nav.onboarding-modal__done:active,.onboarding-modal__paginator .error-modal__nav.onboarding-modal__next:hover,.onboarding-modal__paginator .error-modal__nav.onboarding-modal__next:focus,.onboarding-modal__paginator .error-modal__nav.onboarding-modal__next:active,.error-modal__footer .onboarding-modal__nav.onboarding-modal__done:hover,.error-modal__footer .onboarding-modal__nav.onboarding-modal__done:focus,.error-modal__footer .onboarding-modal__nav.onboarding-modal__done:active,.error-modal__footer .onboarding-modal__nav.onboarding-modal__next:hover,.error-modal__footer .onboarding-modal__nav.onboarding-modal__next:focus,.error-modal__footer .onboarding-modal__nav.onboarding-modal__next:active,.error-modal__footer .error-modal__nav.onboarding-modal__done:hover,.error-modal__footer .error-modal__nav.onboarding-modal__done:focus,.error-modal__footer .error-modal__nav.onboarding-modal__done:active,.error-modal__footer .error-modal__nav.onboarding-modal__next:hover,.error-modal__footer .error-modal__nav.onboarding-modal__next:focus,.error-modal__footer .error-modal__nav.onboarding-modal__next:active{color:#0a0a0a}.error-modal__footer{justify-content:center}.display-case{text-align:center;font-size:15px;margin-bottom:15px}.display-case__label{font-weight:500;color:#000;margin-bottom:5px;text-transform:uppercase;font-size:12px}.display-case__case{background:#282c37;color:#ecf0f4;font-weight:500;padding:10px;border-radius:4px}.onboard-sliders{display:inline-block;max-width:30px;max-height:auto;margin-left:10px}.boost-modal,.confirmation-modal,.report-modal,.actions-modal,.mute-modal,.block-modal{background:#f2f5f7;color:#000;border-radius:8px;overflow:hidden;max-width:90vw;width:480px;position:relative;flex-direction:column}.boost-modal .status__display-name,.confirmation-modal .status__display-name,.report-modal .status__display-name,.actions-modal .status__display-name,.mute-modal .status__display-name,.block-modal .status__display-name{display:block;max-width:100%;padding-right:25px}.boost-modal .status__avatar,.confirmation-modal .status__avatar,.report-modal .status__avatar,.actions-modal .status__avatar,.mute-modal .status__avatar,.block-modal .status__avatar{height:28px;left:10px;position:absolute;top:10px;width:48px}.boost-modal .status__content__spoiler-link,.confirmation-modal .status__content__spoiler-link,.report-modal .status__content__spoiler-link,.actions-modal .status__content__spoiler-link,.mute-modal .status__content__spoiler-link,.block-modal .status__content__spoiler-link{color:#fff}.actions-modal .status{background:#fff;border-bottom-color:#d9e1e8;padding-top:10px;padding-bottom:10px}.actions-modal .dropdown-menu__separator{border-bottom-color:#d9e1e8}.boost-modal__container{overflow-x:scroll;padding:10px}.boost-modal__container .status{user-select:text;border-bottom:0}.boost-modal__action-bar,.confirmation-modal__action-bar,.mute-modal__action-bar,.block-modal__action-bar{display:flex;justify-content:space-between;background:#d9e1e8;padding:10px;line-height:36px}.boost-modal__action-bar>div,.confirmation-modal__action-bar>div,.mute-modal__action-bar>div,.block-modal__action-bar>div{flex:1 1 auto;text-align:right;color:#1b1e25;padding-right:10px}.boost-modal__action-bar .button,.confirmation-modal__action-bar .button,.mute-modal__action-bar .button,.block-modal__action-bar .button{flex:0 0 auto}.boost-modal__status-header{font-size:15px}.boost-modal__status-time{float:right;font-size:14px}.mute-modal,.block-modal{line-height:24px}.mute-modal .react-toggle,.block-modal .react-toggle{vertical-align:middle}.report-modal{width:90vw;max-width:700px}.report-modal__container{display:flex;border-top:1px solid #d9e1e8}@media screen and (max-width: 480px){.report-modal__container{flex-wrap:wrap;overflow-y:auto}}.report-modal__statuses,.report-modal__comment{box-sizing:border-box;width:50%}@media screen and (max-width: 480px){.report-modal__statuses,.report-modal__comment{width:100%}}.report-modal__statuses,.focal-point-modal__content{flex:1 1 auto;min-height:20vh;max-height:80vh;overflow-y:auto;overflow-x:hidden}.report-modal__statuses .status__content a,.focal-point-modal__content .status__content a{color:#2b90d9}.report-modal__statuses .status__content,.report-modal__statuses .status__content p,.focal-point-modal__content .status__content,.focal-point-modal__content .status__content p{color:#000}@media screen and (max-width: 480px){.report-modal__statuses,.focal-point-modal__content{max-height:10vh}}@media screen and (max-width: 480px){.focal-point-modal__content{max-height:40vh}}.report-modal__comment{padding:20px;border-right:1px solid #d9e1e8;max-width:320px}.report-modal__comment p{font-size:14px;line-height:20px;margin-bottom:20px}.report-modal__comment .setting-text{display:block;box-sizing:border-box;width:100%;margin:0;color:#000;background:#fff;padding:10px;font-family:inherit;font-size:14px;resize:none;border:0;outline:0;border-radius:4px;border:1px solid #d9e1e8;min-height:100px;max-height:50vh;margin-bottom:10px}.report-modal__comment .setting-text:focus{border:1px solid #c0cdd9}.report-modal__comment .setting-text__wrapper{background:#fff;border:1px solid #d9e1e8;margin-bottom:10px;border-radius:4px}.report-modal__comment .setting-text__wrapper .setting-text{border:0;margin-bottom:0;border-radius:0}.report-modal__comment .setting-text__wrapper .setting-text:focus{border:0}.report-modal__comment .setting-text__wrapper__modifiers{color:#000;font-family:inherit;font-size:14px;background:#fff}.report-modal__comment .setting-text__toolbar{display:flex;justify-content:space-between;margin-bottom:20px}.report-modal__comment .setting-text-label{display:block;color:#000;font-size:14px;font-weight:500;margin-bottom:10px}.report-modal__comment .setting-toggle{margin-top:20px;margin-bottom:24px}.report-modal__comment .setting-toggle__label{color:#000;font-size:14px}@media screen and (max-width: 480px){.report-modal__comment{padding:10px;max-width:100%;order:2}.report-modal__comment .setting-toggle{margin-bottom:4px}}.actions-modal{max-height:80vh;max-width:80vw}.actions-modal .status{overflow-y:auto;max-height:300px}.actions-modal .actions-modal__item-label{font-weight:500}.actions-modal ul{overflow-y:auto;flex-shrink:0;max-height:80vh}.actions-modal ul.with-status{max-height:calc(80vh - 75px)}.actions-modal ul li:empty{margin:0}.actions-modal ul li:not(:empty) a{color:#000;display:flex;padding:12px 16px;font-size:15px;align-items:center;text-decoration:none}.actions-modal ul li:not(:empty) a,.actions-modal ul li:not(:empty) a button{transition:none}.actions-modal ul li:not(:empty) a.active,.actions-modal ul li:not(:empty) a.active button,.actions-modal ul li:not(:empty) a:hover,.actions-modal ul li:not(:empty) a:hover button,.actions-modal ul li:not(:empty) a:active,.actions-modal ul li:not(:empty) a:active button,.actions-modal ul li:not(:empty) a:focus,.actions-modal ul li:not(:empty) a:focus button{background:#2b5fd9;color:#fff}.actions-modal ul li:not(:empty) a button:first-child{margin-right:10px}.confirmation-modal__action-bar .confirmation-modal__secondary-button,.mute-modal__action-bar .confirmation-modal__secondary-button,.block-modal__action-bar .confirmation-modal__secondary-button{flex-shrink:1}.confirmation-modal__secondary-button,.confirmation-modal__cancel-button,.mute-modal__cancel-button,.block-modal__cancel-button{background-color:transparent;color:#1b1e25;font-size:14px;font-weight:500}.confirmation-modal__secondary-button:hover,.confirmation-modal__secondary-button:focus,.confirmation-modal__secondary-button:active,.confirmation-modal__cancel-button:hover,.confirmation-modal__cancel-button:focus,.confirmation-modal__cancel-button:active,.mute-modal__cancel-button:hover,.mute-modal__cancel-button:focus,.mute-modal__cancel-button:active,.block-modal__cancel-button:hover,.block-modal__cancel-button:focus,.block-modal__cancel-button:active{color:#131419;background-color:transparent}.confirmation-modal__container,.mute-modal__container,.block-modal__container,.report-modal__target{padding:30px;font-size:16px}.confirmation-modal__container strong,.mute-modal__container strong,.block-modal__container strong,.report-modal__target strong{font-weight:500}.confirmation-modal__container strong:lang(ja),.mute-modal__container strong:lang(ja),.block-modal__container strong:lang(ja),.report-modal__target strong:lang(ja){font-weight:700}.confirmation-modal__container strong:lang(ko),.mute-modal__container strong:lang(ko),.block-modal__container strong:lang(ko),.report-modal__target strong:lang(ko){font-weight:700}.confirmation-modal__container strong:lang(zh-CN),.mute-modal__container strong:lang(zh-CN),.block-modal__container strong:lang(zh-CN),.report-modal__target strong:lang(zh-CN){font-weight:700}.confirmation-modal__container strong:lang(zh-HK),.mute-modal__container strong:lang(zh-HK),.block-modal__container strong:lang(zh-HK),.report-modal__target strong:lang(zh-HK){font-weight:700}.confirmation-modal__container strong:lang(zh-TW),.mute-modal__container strong:lang(zh-TW),.block-modal__container strong:lang(zh-TW),.report-modal__target strong:lang(zh-TW){font-weight:700}.confirmation-modal__container,.report-modal__target{text-align:center}.block-modal__explanation,.mute-modal__explanation{margin-top:20px}.block-modal .setting-toggle,.mute-modal .setting-toggle{margin-top:20px;margin-bottom:24px;display:flex;align-items:center}.block-modal .setting-toggle__label,.mute-modal .setting-toggle__label{color:#000;margin:0;margin-left:8px}.report-modal__target{padding:15px}.report-modal__target .media-modal__close{top:14px;right:15px}.loading-bar{background-color:#2b90d9;height:3px;position:absolute;top:0;left:0;z-index:9999}.media-gallery__gifv__label{display:block;position:absolute;color:#fff;background:rgba(0,0,0,.5);bottom:6px;left:6px;padding:2px 6px;border-radius:2px;font-size:11px;font-weight:600;z-index:1;pointer-events:none;opacity:.9;transition:opacity .1s ease;line-height:18px}.media-gallery__gifv:hover .media-gallery__gifv__label{opacity:1}.media-gallery__audio{margin-top:32px}.media-gallery__audio audio{width:100%}.attachment-list{display:flex;font-size:14px;border:1px solid #393f4f;border-radius:4px;margin-top:14px;overflow:hidden}.attachment-list__icon{flex:0 0 auto;color:#c2cede;padding:8px 18px;cursor:default;border-right:1px solid #393f4f;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:26px}.attachment-list__icon .fa{display:block}.attachment-list__list{list-style:none;padding:4px 0;padding-left:8px;display:flex;flex-direction:column;justify-content:center}.attachment-list__list li{display:block;padding:4px 0}.attachment-list__list a{text-decoration:none;color:#c2cede;font-weight:500}.attachment-list__list a:hover{text-decoration:underline}.attachment-list.compact{border:0;margin-top:4px}.attachment-list.compact .attachment-list__list{padding:0;display:block}.attachment-list.compact .fa{color:#c2cede}.media-gallery{box-sizing:border-box;margin-top:8px;overflow:hidden;border-radius:4px;position:relative;width:100%}.media-gallery__item{border:0;box-sizing:border-box;display:block;float:left;position:relative;border-radius:4px;overflow:hidden}.media-gallery__item.standalone .media-gallery__item-gifv-thumbnail{transform:none;top:0}.media-gallery__item-thumbnail{cursor:zoom-in;display:block;text-decoration:none;color:#ecf0f4;position:relative;z-index:1}.media-gallery__item-thumbnail,.media-gallery__item-thumbnail img{height:100%;width:100%}.media-gallery__item-thumbnail img{object-fit:cover}.media-gallery__preview{width:100%;height:100%;object-fit:cover;position:absolute;top:0;left:0;z-index:0;background:#000}.media-gallery__preview--hidden{display:none}.media-gallery__gifv{height:100%;overflow:hidden;position:relative;width:100%}.media-gallery__item-gifv-thumbnail{cursor:zoom-in;height:100%;object-fit:cover;position:relative;top:50%;transform:translateY(-50%);width:100%;z-index:1}.media-gallery__item-thumbnail-label{clip:rect(1px 1px 1px 1px);clip:rect(1px, 1px, 1px, 1px);overflow:hidden;position:absolute}.detailed .video-player__volume__current,.detailed .video-player__volume::before,.fullscreen .video-player__volume__current,.fullscreen .video-player__volume::before{bottom:27px}.detailed .video-player__volume__handle,.fullscreen .video-player__volume__handle{bottom:23px}.audio-player{box-sizing:border-box;position:relative;background:#17191f;border-radius:4px;padding-bottom:44px;direction:ltr}.audio-player.editable{border-radius:0;height:100%}.audio-player__waveform{padding:15px 0;position:relative;overflow:hidden}.audio-player__waveform::before{content:\"\";display:block;position:absolute;border-top:1px solid #313543;width:100%;height:0;left:0;top:calc(50% + 1px)}.audio-player__progress-placeholder{background-color:rgba(78,121,223,.5)}.audio-player__wave-placeholder{background-color:#4a5266}.audio-player .video-player__controls{padding:0 15px;padding-top:10px;background:#17191f;border-top:1px solid #313543;border-radius:0 0 4px 4px}.video-player{overflow:hidden;position:relative;background:#000;max-width:100%;border-radius:4px;box-sizing:border-box;direction:ltr}.video-player.editable{border-radius:0;height:100% !important}.video-player:focus{outline:0}.video-player video{max-width:100vw;max-height:80vh;z-index:1}.video-player.fullscreen{width:100% !important;height:100% !important;margin:0}.video-player.fullscreen video{max-width:100% !important;max-height:100% !important;width:100% !important;height:100% !important;outline:0}.video-player.inline video{object-fit:contain;position:relative;top:50%;transform:translateY(-50%)}.video-player__controls{position:absolute;z-index:2;bottom:0;left:0;right:0;box-sizing:border-box;background:linear-gradient(0deg, rgba(0, 0, 0, 0.85) 0, rgba(0, 0, 0, 0.45) 60%, transparent);padding:0 15px;opacity:0;transition:opacity .1s ease}.video-player__controls.active{opacity:1}.video-player.inactive video,.video-player.inactive .video-player__controls{visibility:hidden}.video-player__spoiler{display:none;position:absolute;top:0;left:0;width:100%;height:100%;z-index:4;border:0;background:#000;color:#dde3ec;transition:none;pointer-events:none}.video-player__spoiler.active{display:block;pointer-events:auto}.video-player__spoiler.active:hover,.video-player__spoiler.active:active,.video-player__spoiler.active:focus{color:#f4f6f9}.video-player__spoiler__title{display:block;font-size:14px}.video-player__spoiler__subtitle{display:block;font-size:11px;font-weight:500}.video-player__buttons-bar{display:flex;justify-content:space-between;padding-bottom:10px}.video-player__buttons-bar .video-player__download__icon{color:inherit}.video-player__buttons{font-size:16px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.video-player__buttons.left button{padding-left:0}.video-player__buttons.right button{padding-right:0}.video-player__buttons button{background:transparent;padding:2px 10px;font-size:16px;border:0;color:rgba(255,255,255,.75)}.video-player__buttons button:active,.video-player__buttons button:hover,.video-player__buttons button:focus{color:#fff}.video-player__time-sep,.video-player__time-total,.video-player__time-current{font-size:14px;font-weight:500}.video-player__time-current{color:#fff;margin-left:60px}.video-player__time-sep{display:inline-block;margin:0 6px}.video-player__time-sep,.video-player__time-total{color:#fff}.video-player__volume{cursor:pointer;height:24px;display:inline}.video-player__volume::before{content:\"\";width:50px;background:rgba(255,255,255,.35);border-radius:4px;display:block;position:absolute;height:4px;left:70px;bottom:20px}.video-player__volume__current{display:block;position:absolute;height:4px;border-radius:4px;left:70px;bottom:20px;background:#4e79df}.video-player__volume__handle{position:absolute;z-index:3;border-radius:50%;width:12px;height:12px;bottom:16px;left:70px;transition:opacity .1s ease;background:#4e79df;box-shadow:1px 2px 6px rgba(0,0,0,.2);pointer-events:none}.video-player__link{padding:2px 10px}.video-player__link a{text-decoration:none;font-size:14px;font-weight:500;color:#fff}.video-player__link a:hover,.video-player__link a:active,.video-player__link a:focus{text-decoration:underline}.video-player__seek{cursor:pointer;height:24px;position:relative}.video-player__seek::before{content:\"\";width:100%;background:rgba(255,255,255,.35);border-radius:4px;display:block;position:absolute;height:4px;top:10px}.video-player__seek__progress,.video-player__seek__buffer{display:block;position:absolute;height:4px;border-radius:4px;top:10px;background:#4e79df}.video-player__seek__buffer{background:rgba(255,255,255,.2)}.video-player__seek__handle{position:absolute;z-index:3;opacity:0;border-radius:50%;width:12px;height:12px;top:6px;margin-left:-6px;transition:opacity .1s ease;background:#4e79df;box-shadow:1px 2px 6px rgba(0,0,0,.2);pointer-events:none}.video-player__seek__handle.active{opacity:1}.video-player__seek:hover .video-player__seek__handle{opacity:1}.video-player.detailed .video-player__buttons button,.video-player.fullscreen .video-player__buttons button{padding-top:10px;padding-bottom:10px}.directory__list{width:100%;margin:10px 0;transition:opacity 100ms ease-in}.directory__list.loading{opacity:.7}@media screen and (max-width: 415px){.directory__list{margin:0}}.directory__card{box-sizing:border-box;margin-bottom:10px}.directory__card__img{height:125px;position:relative;background:#0e1014;overflow:hidden}.directory__card__img img{display:block;width:100%;height:100%;margin:0;object-fit:cover}.directory__card__bar{display:flex;align-items:center;background:#313543;padding:10px}.directory__card__bar__name{flex:1 1 auto;display:flex;align-items:center;text-decoration:none;overflow:hidden}.directory__card__bar__relationship{width:23px;min-height:1px;flex:0 0 auto}.directory__card__bar .avatar{flex:0 0 auto;width:48px;height:48px;padding-top:2px}.directory__card__bar .avatar img{width:100%;height:100%;display:block;margin:0;border-radius:4px;background:#17191f;object-fit:cover}.directory__card__bar .display-name{margin-left:15px;text-align:left}.directory__card__bar .display-name strong{font-size:15px;color:#fff;font-weight:500;overflow:hidden;text-overflow:ellipsis}.directory__card__bar .display-name span{display:block;font-size:14px;color:#dde3ec;font-weight:400;overflow:hidden;text-overflow:ellipsis}.directory__card__extra{background:#282c37;display:flex;align-items:center;justify-content:center}.directory__card__extra .accounts-table__count{width:33.33%;flex:0 0 auto;padding:15px 0}.directory__card__extra .account__header__content{box-sizing:border-box;padding:15px 10px;border-bottom:1px solid #393f4f;width:100%;min-height:48px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.directory__card__extra .account__header__content p{display:none}.directory__card__extra .account__header__content p:first-child{display:inline}.directory__card__extra .account__header__content br{display:none}.account-gallery__container{display:flex;flex-wrap:wrap;padding:4px 2px}.account-gallery__item{border:0;box-sizing:border-box;display:block;position:relative;border-radius:4px;overflow:hidden;margin:2px}.account-gallery__item__icons{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);font-size:24px}.notification__filter-bar,.account__section-headline{background:#1f232b;border-bottom:1px solid #393f4f;cursor:default;display:flex;flex-shrink:0}.notification__filter-bar button,.account__section-headline button{background:#1f232b;border:0;margin:0}.notification__filter-bar button,.notification__filter-bar a,.account__section-headline button,.account__section-headline a{display:block;flex:1 1 auto;color:#dde3ec;padding:15px 0;font-size:14px;font-weight:500;text-align:center;text-decoration:none;position:relative;width:100%;white-space:nowrap}.notification__filter-bar button.active,.notification__filter-bar a.active,.account__section-headline button.active,.account__section-headline a.active{color:#ecf0f4}.notification__filter-bar button.active::before,.notification__filter-bar button.active::after,.notification__filter-bar a.active::before,.notification__filter-bar a.active::after,.account__section-headline button.active::before,.account__section-headline button.active::after,.account__section-headline a.active::before,.account__section-headline a.active::after{display:block;content:\"\";position:absolute;bottom:0;left:50%;width:0;height:0;transform:translateX(-50%);border-style:solid;border-width:0 10px 10px;border-color:transparent transparent #393f4f}.notification__filter-bar button.active::after,.notification__filter-bar a.active::after,.account__section-headline button.active::after,.account__section-headline a.active::after{bottom:-1px;border-color:transparent transparent #282c37}.notification__filter-bar.directory__section-headline,.account__section-headline.directory__section-headline{background:#242731;border-bottom-color:transparent}.notification__filter-bar.directory__section-headline a.active::before,.notification__filter-bar.directory__section-headline button.active::before,.account__section-headline.directory__section-headline a.active::before,.account__section-headline.directory__section-headline button.active::before{display:none}.notification__filter-bar.directory__section-headline a.active::after,.notification__filter-bar.directory__section-headline button.active::after,.account__section-headline.directory__section-headline a.active::after,.account__section-headline.directory__section-headline button.active::after{border-color:transparent transparent #191b22}.filter-form{background:#282c37}.filter-form__column{padding:10px 15px}.filter-form .radio-button{display:block}.radio-button{font-size:14px;position:relative;display:inline-block;padding:6px 0;line-height:18px;cursor:default;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;cursor:pointer}.radio-button input[type=radio],.radio-button input[type=checkbox]{display:none}.radio-button__input{display:inline-block;position:relative;border:1px solid #9baec8;box-sizing:border-box;width:18px;height:18px;flex:0 0 auto;margin-right:10px;top:-1px;border-radius:50%;vertical-align:middle}.radio-button__input.checked{border-color:#4e79df;background:#4e79df}::-webkit-scrollbar-thumb{border-radius:0}.search-popout{background:#fff;border-radius:4px;padding:10px 14px;padding-bottom:14px;margin-top:10px;color:#364861;box-shadow:2px 4px 15px rgba(0,0,0,.4)}.search-popout h4{text-transform:uppercase;color:#364861;font-size:13px;font-weight:500;margin-bottom:10px}.search-popout li{padding:4px 0}.search-popout ul{margin-bottom:10px}.search-popout em{font-weight:500;color:#000}noscript{text-align:center}noscript img{width:200px;opacity:.5;animation:flicker 4s infinite}noscript div{font-size:14px;margin:30px auto;color:#ecf0f4;max-width:400px}noscript div a{color:#2b90d9;text-decoration:underline}noscript div a:hover{text-decoration:none}@keyframes flicker{0%{opacity:1}30%{opacity:.75}100%{opacity:1}}@media screen and (max-width: 630px)and (max-height: 400px){.tabs-bar,.search{will-change:margin-top;transition:margin-top 400ms 100ms}.navigation-bar{will-change:padding-bottom;transition:padding-bottom 400ms 100ms}.navigation-bar>a:first-child{will-change:margin-top,margin-left,margin-right,width;transition:margin-top 400ms 100ms,margin-left 400ms 500ms,margin-right 400ms 500ms}.navigation-bar>.navigation-bar__profile-edit{will-change:margin-top;transition:margin-top 400ms 100ms}.navigation-bar .navigation-bar__actions>.icon-button.close{will-change:opacity transform;transition:opacity 200ms 100ms,transform 400ms 100ms}.navigation-bar .navigation-bar__actions>.compose__action-bar .icon-button{will-change:opacity transform;transition:opacity 200ms 300ms,transform 400ms 100ms}.is-composing .tabs-bar,.is-composing .search{margin-top:-50px}.is-composing .navigation-bar{padding-bottom:0}.is-composing .navigation-bar>a:first-child{margin:-100px 10px 0 -50px}.is-composing .navigation-bar .navigation-bar__profile{padding-top:2px}.is-composing .navigation-bar .navigation-bar__profile-edit{position:absolute;margin-top:-60px}.is-composing .navigation-bar .navigation-bar__actions .icon-button.close{pointer-events:auto;opacity:1;transform:scale(1, 1) translate(0, 0);bottom:5px}.is-composing .navigation-bar .navigation-bar__actions .compose__action-bar .icon-button{pointer-events:none;opacity:0;transform:scale(0, 1) translate(100%, 0)}}.embed-modal{width:auto;max-width:80vw;max-height:80vh}.embed-modal h4{padding:30px;font-weight:500;font-size:16px;text-align:center}.embed-modal .embed-modal__container{padding:10px}.embed-modal .embed-modal__container .hint{margin-bottom:15px}.embed-modal .embed-modal__container .embed-modal__html{outline:0;box-sizing:border-box;display:block;width:100%;border:0;padding:10px;font-family:\"mastodon-font-monospace\",monospace;background:#282c37;color:#fff;font-size:14px;margin:0;margin-bottom:15px;border-radius:4px}.embed-modal .embed-modal__container .embed-modal__html::-moz-focus-inner{border:0}.embed-modal .embed-modal__container .embed-modal__html::-moz-focus-inner,.embed-modal .embed-modal__container .embed-modal__html:focus,.embed-modal .embed-modal__container .embed-modal__html:active{outline:0 !important}.embed-modal .embed-modal__container .embed-modal__html:focus{background:#313543}@media screen and (max-width: 600px){.embed-modal .embed-modal__container .embed-modal__html{font-size:16px}}.embed-modal .embed-modal__container .embed-modal__iframe{width:400px;max-width:100%;overflow:hidden;border:0;border-radius:4px}.account__moved-note{padding:14px 10px;padding-bottom:16px;background:#313543;border-top:1px solid #393f4f;border-bottom:1px solid #393f4f}.account__moved-note__message{position:relative;margin-left:58px;color:#c2cede;padding:8px 0;padding-top:0;padding-bottom:4px;font-size:14px}.account__moved-note__message>span{display:block;overflow:hidden;text-overflow:ellipsis}.account__moved-note__icon-wrapper{left:-26px;position:absolute}.account__moved-note .detailed-status__display-avatar{position:relative}.account__moved-note .detailed-status__display-name{margin-bottom:0}.column-inline-form{padding:15px;padding-right:0;display:flex;justify-content:flex-start;align-items:center;background:#313543}.column-inline-form label{flex:1 1 auto}.column-inline-form label input{width:100%}.column-inline-form label input:focus{outline:0}.column-inline-form .icon-button{flex:0 0 auto;margin:0 10px}.drawer__backdrop{cursor:pointer;position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.5)}.list-editor{background:#282c37;flex-direction:column;border-radius:8px;box-shadow:2px 4px 15px rgba(0,0,0,.4);width:380px;overflow:hidden}@media screen and (max-width: 420px){.list-editor{width:90%}}.list-editor h4{padding:15px 0;background:#444b5d;font-weight:500;font-size:16px;text-align:center;border-radius:8px 8px 0 0}.list-editor .drawer__pager{height:50vh}.list-editor .drawer__inner{border-radius:0 0 8px 8px}.list-editor .drawer__inner.backdrop{width:calc(100% - 60px);box-shadow:2px 4px 15px rgba(0,0,0,.4);border-radius:0 0 0 8px}.list-editor__accounts{overflow-y:auto}.list-editor .account__display-name:hover strong{text-decoration:none}.list-editor .account__avatar{cursor:default}.list-editor .search{margin-bottom:0}.list-adder{background:#282c37;flex-direction:column;border-radius:8px;box-shadow:2px 4px 15px rgba(0,0,0,.4);width:380px;overflow:hidden}@media screen and (max-width: 420px){.list-adder{width:90%}}.list-adder__account{background:#444b5d}.list-adder__lists{background:#444b5d;height:50vh;border-radius:0 0 8px 8px;overflow-y:auto}.list-adder .list{padding:10px;border-bottom:1px solid #393f4f}.list-adder .list__wrapper{display:flex}.list-adder .list__display-name{flex:1 1 auto;overflow:hidden;text-decoration:none;font-size:16px;padding:10px}.focal-point{position:relative;cursor:move;overflow:hidden;height:100%;display:flex;justify-content:center;align-items:center;background:#000}.focal-point img,.focal-point video,.focal-point canvas{display:block;max-height:80vh;width:100%;height:auto;margin:0;object-fit:contain;background:#000}.focal-point__reticle{position:absolute;width:100px;height:100px;transform:translate(-50%, -50%);background:url(\"~images/reticle.png\") no-repeat 0 0;border-radius:50%;box-shadow:0 0 0 9999em rgba(0,0,0,.35)}.focal-point__overlay{position:absolute;width:100%;height:100%;top:0;left:0}.focal-point__preview{position:absolute;bottom:10px;right:10px;z-index:2;cursor:move;transition:opacity .1s ease}.focal-point__preview:hover{opacity:.5}.focal-point__preview strong{color:#fff;font-size:14px;font-weight:500;display:block;margin-bottom:5px}.focal-point__preview div{border-radius:4px;box-shadow:0 0 14px rgba(0,0,0,.2)}@media screen and (max-width: 480px){.focal-point img,.focal-point video{max-height:100%}.focal-point__preview{display:none}}.account__header__content{color:#dde3ec;font-size:14px;font-weight:400;overflow:hidden;word-break:normal;word-wrap:break-word}.account__header__content p{margin-bottom:20px}.account__header__content p:last-child{margin-bottom:0}.account__header__content a{color:inherit;text-decoration:underline}.account__header__content a:hover{text-decoration:none}.account__header{overflow:hidden}.account__header.inactive{opacity:.5}.account__header.inactive .account__header__image,.account__header.inactive .account__avatar{filter:grayscale(100%)}.account__header__info{position:absolute;top:10px;left:10px}.account__header__image{overflow:hidden;height:145px;position:relative;background:#1f232b}.account__header__image img{object-fit:cover;display:block;width:100%;height:100%;margin:0}.account__header__bar{position:relative;background:#313543;padding:5px;border-bottom:1px solid #42485a}.account__header__bar .avatar{display:block;flex:0 0 auto;width:94px;margin-left:-2px}.account__header__bar .avatar .account__avatar{background:#17191f;border:2px solid #313543}.account__header__tabs{display:flex;align-items:flex-start;padding:7px 5px;margin-top:-55px}.account__header__tabs__buttons{display:flex;align-items:center;padding-top:55px;overflow:hidden}.account__header__tabs__buttons .icon-button{border:1px solid #42485a;border-radius:4px;box-sizing:content-box;padding:2px}.account__header__tabs__buttons .button{margin:0 8px}.account__header__tabs__name{padding:5px}.account__header__tabs__name .account-role{vertical-align:top}.account__header__tabs__name .emojione{width:22px;height:22px}.account__header__tabs__name h1{font-size:16px;line-height:24px;color:#fff;font-weight:500;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.account__header__tabs__name h1 small{display:block;font-size:14px;color:#dde3ec;font-weight:400;overflow:hidden;text-overflow:ellipsis}.account__header__tabs .spacer{flex:1 1 auto}.account__header__bio{overflow:hidden;margin:0 -5px}.account__header__bio .account__header__content{padding:20px 15px;padding-bottom:5px;color:#fff}.account__header__bio .account__header__fields{margin:0;border-top:1px solid #42485a}.account__header__bio .account__header__fields a{color:#4e79df}.account__header__bio .account__header__fields dl:first-child .verified{border-radius:0 4px 0 0}.account__header__bio .account__header__fields .verified a{color:#79bd9a}.account__header__extra{margin-top:4px}.account__header__extra__links{font-size:14px;color:#dde3ec;padding:10px 0}.account__header__extra__links a{display:inline-block;color:#dde3ec;text-decoration:none;padding:5px 10px;font-weight:500}.account__header__extra__links a strong{font-weight:700;color:#fff}.trends__header{color:#c2cede;background:#2c313d;border-bottom:1px solid #1f232b;font-weight:500;padding:15px;font-size:16px;cursor:default}.trends__header .fa{display:inline-block;margin-right:5px}.trends__item{display:flex;align-items:center;padding:15px;border-bottom:1px solid #393f4f}.trends__item:last-child{border-bottom:0}.trends__item__name{flex:1 1 auto;color:#c2cede;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.trends__item__name strong{font-weight:500}.trends__item__name a{color:#dde3ec;text-decoration:none;font-size:14px;font-weight:500;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.trends__item__name a:hover span,.trends__item__name a:focus span,.trends__item__name a:active span{text-decoration:underline}.trends__item__current{flex:0 0 auto;font-size:24px;line-height:36px;font-weight:500;text-align:right;padding-right:15px;margin-left:5px;color:#ecf0f4}.trends__item__sparkline{flex:0 0 auto;width:50px}.trends__item__sparkline path:first-child{fill:rgba(43,144,217,.25) !important;fill-opacity:1 !important}.trends__item__sparkline path:last-child{stroke:#459ede !important}.conversation{display:flex;border-bottom:1px solid #393f4f;padding:5px;padding-bottom:0}.conversation:focus{background:#2c313d;outline:0}.conversation__avatar{flex:0 0 auto;padding:10px;padding-top:12px;position:relative;cursor:pointer}.conversation__unread{display:inline-block;background:#2b90d9;border-radius:50%;width:.625rem;height:.625rem;margin:-0.1ex .15em .1ex}.conversation__content{flex:1 1 auto;padding:10px 5px;padding-right:15px;overflow:hidden}.conversation__content__info{overflow:hidden;display:flex;flex-direction:row-reverse;justify-content:space-between}.conversation__content__relative-time{font-size:15px;color:#dde3ec;padding-left:15px}.conversation__content__names{color:#dde3ec;font-size:15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:4px;flex-basis:90px;flex-grow:1}.conversation__content__names a{color:#fff;text-decoration:none}.conversation__content__names a:hover,.conversation__content__names a:focus,.conversation__content__names a:active{text-decoration:underline}.conversation__content a{word-break:break-word}.conversation--unread{background:#2c313d}.conversation--unread:focus{background:#313543}.conversation--unread .conversation__content__info{font-weight:700}.conversation--unread .conversation__content__relative-time{color:#fff}.announcements{background:#393f4f;font-size:13px;display:flex;align-items:flex-end}.announcements__mastodon{width:124px;flex:0 0 auto}@media screen and (max-width: 424px){.announcements__mastodon{display:none}}.announcements__container{width:calc(100% - 124px);flex:0 0 auto;position:relative}@media screen and (max-width: 424px){.announcements__container{width:100%}}.announcements__item{box-sizing:border-box;width:100%;padding:15px;position:relative;font-size:15px;line-height:20px;word-wrap:break-word;font-weight:400;max-height:50vh;overflow:hidden;display:flex;flex-direction:column}.announcements__item__range{display:block;font-weight:500;margin-bottom:10px;padding-right:18px}.announcements__item__unread{position:absolute;top:19px;right:19px;display:block;background:#2b90d9;border-radius:50%;width:.625rem;height:.625rem}.announcements__pagination{padding:15px;color:#dde3ec;position:absolute;bottom:3px;right:0}.layout-multiple-columns .announcements__mastodon{display:none}.layout-multiple-columns .announcements__container{width:100%}.reactions-bar{display:flex;flex-wrap:wrap;align-items:center;margin-top:15px;margin-left:-2px;width:calc(100% - (90px - 33px))}.reactions-bar__item{flex-shrink:0;background:#42485a;border:0;border-radius:3px;margin:2px;cursor:pointer;user-select:none;padding:0 6px;display:flex;align-items:center;transition:all 100ms ease-in;transition-property:background-color,color}.reactions-bar__item__emoji{display:block;margin:3px 0;width:16px;height:16px}.reactions-bar__item__emoji img{display:block;margin:0;width:100%;height:100%;min-width:auto;min-height:auto;vertical-align:bottom;object-fit:contain}.reactions-bar__item__count{display:block;min-width:9px;font-size:13px;font-weight:500;text-align:center;margin-left:6px;color:#dde3ec}.reactions-bar__item:hover,.reactions-bar__item:focus,.reactions-bar__item:active{background:#4a5266;transition:all 200ms ease-out;transition-property:background-color,color}.reactions-bar__item:hover__count,.reactions-bar__item:focus__count,.reactions-bar__item:active__count{color:#eaeef3}.reactions-bar__item.active{transition:all 100ms ease-in;transition-property:background-color,color;background-color:#3d4d73}.reactions-bar__item.active .reactions-bar__item__count{color:#4ea2df}.reactions-bar .emoji-picker-dropdown{margin:2px}.reactions-bar:hover .emoji-button{opacity:.85}.reactions-bar .emoji-button{color:#dde3ec;margin:0;font-size:16px;width:auto;flex-shrink:0;padding:0 6px;height:22px;display:flex;align-items:center;opacity:.5;transition:all 100ms ease-in;transition-property:background-color,color}.reactions-bar .emoji-button:hover,.reactions-bar .emoji-button:active,.reactions-bar .emoji-button:focus{opacity:1;color:#eaeef3;transition:all 200ms ease-out;transition-property:background-color,color}.reactions-bar--empty .emoji-button{padding:0}.poll{margin-top:16px;font-size:14px}.poll li{margin-bottom:10px;position:relative}.poll__chart{border-radius:4px;display:block;background:#8ba1bf;height:5px;min-width:1%}.poll__chart.leading{background:#2b5fd9}.poll__option{position:relative;display:flex;padding:6px 0;line-height:18px;cursor:default;overflow:hidden}.poll__option__text{display:inline-block;word-wrap:break-word;overflow-wrap:break-word;max-width:calc(100% - 45px - 25px)}.poll__option input[type=radio],.poll__option input[type=checkbox]{display:none}.poll__option .autossugest-input{flex:1 1 auto}.poll__option input[type=text]{display:block;box-sizing:border-box;width:100%;font-size:14px;color:#000;outline:0;font-family:inherit;background:#fff;border:1px solid #dbdbdb;border-radius:4px;padding:6px 10px}.poll__option input[type=text]:focus{border-color:#2b90d9}.poll__option.selectable{cursor:pointer}.poll__option.editable{display:flex;align-items:center;overflow:visible}.poll__input{display:inline-block;position:relative;border:1px solid #9baec8;box-sizing:border-box;width:18px;height:18px;flex:0 0 auto;margin-right:10px;top:-1px;border-radius:50%;vertical-align:middle;margin-top:auto;margin-bottom:auto;flex:0 0 18px}.poll__input.checkbox{border-radius:4px}.poll__input.active{border-color:#79bd9a;background:#79bd9a}.poll__input:active,.poll__input:focus,.poll__input:hover{border-color:#acd6c1;border-width:4px}.poll__input::-moz-focus-inner{outline:0 !important;border:0}.poll__input:focus,.poll__input:active{outline:0 !important}.poll__number{display:inline-block;width:45px;font-weight:700;flex:0 0 45px}.poll__voted{padding:0 5px;display:inline-block}.poll__voted__mark{font-size:18px}.poll__footer{padding-top:6px;padding-bottom:5px;color:#c2cede}.poll__link{display:inline;background:transparent;padding:0;margin:0;border:0;color:#c2cede;text-decoration:underline;font-size:inherit}.poll__link:hover{text-decoration:none}.poll__link:active,.poll__link:focus{background-color:rgba(194,206,222,.1)}.poll .button{height:36px;padding:0 16px;margin-right:10px;font-size:14px}.compose-form__poll-wrapper{border-top:1px solid #ebebeb}.compose-form__poll-wrapper ul{padding:10px}.compose-form__poll-wrapper .poll__footer{border-top:1px solid #ebebeb;padding:10px;display:flex;align-items:center}.compose-form__poll-wrapper .poll__footer button,.compose-form__poll-wrapper .poll__footer select{flex:1 1 50%}.compose-form__poll-wrapper .poll__footer button:focus,.compose-form__poll-wrapper .poll__footer select:focus{border-color:#2b90d9}.compose-form__poll-wrapper .button.button-secondary{font-size:14px;font-weight:400;padding:6px 10px;height:auto;line-height:inherit;color:#8d9ac2;border-color:#8d9ac2;margin-right:5px}.compose-form__poll-wrapper li{display:flex;align-items:center}.compose-form__poll-wrapper li .poll__option{flex:0 0 auto;width:calc(100% - (23px + 6px));margin-right:6px}.compose-form__poll-wrapper select{appearance:none;box-sizing:border-box;font-size:14px;color:#000;display:inline-block;width:auto;outline:0;font-family:inherit;background:#fff url(\"data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14.933 18.467' height='19.698' width='15.929'><path d='M3.467 14.967l-3.393-3.5H14.86l-3.392 3.5c-1.866 1.925-3.666 3.5-4 3.5-.335 0-2.135-1.575-4-3.5zm.266-11.234L7.467 0 11.2 3.733l3.733 3.734H0l3.733-3.734z' fill='%23DBDBDB'/></svg>\") no-repeat right 8px center/auto 16px;border:1px solid #dbdbdb;border-radius:4px;padding:6px 10px;padding-right:30px}.compose-form__poll-wrapper .icon-button.disabled{color:#dbdbdb}.muted .poll{color:#c2cede}.muted .poll__chart{background:rgba(109,137,175,.2)}.muted .poll__chart.leading{background:rgba(43,95,217,.2)}.modal-layout{background:#282c37 url('data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 234.80078 31.757813\" width=\"234.80078\" height=\"31.757812\"><path d=\"M19.599609 0c-1.05 0-2.10039.375-2.90039 1.125L0 16.925781v14.832031h234.80078V17.025391l-16.5-15.900391c-1.6-1.5-4.20078-1.5-5.80078 0l-13.80078 13.099609c-1.6 1.5-4.19883 1.5-5.79883 0L179.09961 1.125c-1.6-1.5-4.19883-1.5-5.79883 0L159.5 14.224609c-1.6 1.5-4.20078 1.5-5.80078 0L139.90039 1.125c-1.6-1.5-4.20078-1.5-5.80078 0l-13.79883 13.099609c-1.6 1.5-4.20078 1.5-5.80078 0L100.69922 1.125c-1.600001-1.5-4.198829-1.5-5.798829 0l-13.59961 13.099609c-1.6 1.5-4.200781 1.5-5.800781 0L61.699219 1.125c-1.6-1.5-4.198828-1.5-5.798828 0L42.099609 14.224609c-1.6 1.5-4.198828 1.5-5.798828 0L22.5 1.125C21.7.375 20.649609 0 19.599609 0z\" fill=\"%23606984\"/></svg>') repeat-x bottom fixed;display:flex;flex-direction:column;height:100vh;padding:0}.modal-layout__mastodon{display:flex;flex:1;flex-direction:column;justify-content:flex-end}.modal-layout__mastodon>*{flex:1;max-height:235px}@media screen and (max-width: 600px){.account-header{margin-top:0}}.emoji-mart{font-size:13px;display:inline-block;color:#000}.emoji-mart,.emoji-mart *{box-sizing:border-box;line-height:1.15}.emoji-mart .emoji-mart-emoji{padding:6px}.emoji-mart-bar{border:0 solid #c0cdd9}.emoji-mart-bar:first-child{border-bottom-width:1px;border-top-left-radius:5px;border-top-right-radius:5px;background:#d9e1e8}.emoji-mart-bar:last-child{border-top-width:1px;border-bottom-left-radius:5px;border-bottom-right-radius:5px;display:none}.emoji-mart-anchors{display:flex;justify-content:space-between;padding:0 6px;color:#1b1e25;line-height:0}.emoji-mart-anchor{position:relative;flex:1;text-align:center;padding:12px 4px;overflow:hidden;transition:color .1s ease-out;cursor:pointer}.emoji-mart-anchor:hover{color:#131419}.emoji-mart-anchor-selected{color:#2b90d9}.emoji-mart-anchor-selected:hover{color:#2485cb}.emoji-mart-anchor-selected .emoji-mart-anchor-bar{bottom:-1px}.emoji-mart-anchor-bar{position:absolute;bottom:-5px;left:0;width:100%;height:4px;background-color:#2b90d9}.emoji-mart-anchors i{display:inline-block;width:100%;max-width:22px}.emoji-mart-anchors svg{fill:currentColor;max-height:18px}.emoji-mart-scroll{overflow-y:scroll;height:270px;max-height:35vh;padding:0 6px 6px;background:#fff;will-change:transform}.emoji-mart-scroll::-webkit-scrollbar-track:hover,.emoji-mart-scroll::-webkit-scrollbar-track:active{background-color:rgba(0,0,0,.3)}.emoji-mart-search{padding:10px;padding-right:45px;background:#fff}.emoji-mart-search input{font-size:14px;font-weight:400;padding:7px 9px;font-family:inherit;display:block;width:100%;background:rgba(217,225,232,.3);color:#000;border:1px solid #d9e1e8;border-radius:4px}.emoji-mart-search input::-moz-focus-inner{border:0}.emoji-mart-search input::-moz-focus-inner,.emoji-mart-search input:focus,.emoji-mart-search input:active{outline:0 !important}.emoji-mart-category .emoji-mart-emoji{cursor:pointer}.emoji-mart-category .emoji-mart-emoji span{z-index:1;position:relative;text-align:center}.emoji-mart-category .emoji-mart-emoji:hover::before{z-index:0;content:\"\";position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(217,225,232,.7);border-radius:100%}.emoji-mart-category-label{z-index:2;position:relative;position:-webkit-sticky;position:sticky;top:0}.emoji-mart-category-label span{display:block;width:100%;font-weight:500;padding:5px 6px;background:#fff}.emoji-mart-emoji{position:relative;display:inline-block;font-size:0}.emoji-mart-emoji span{width:22px;height:22px}.emoji-mart-no-results{font-size:14px;text-align:center;padding-top:70px;color:#364861}.emoji-mart-no-results .emoji-mart-category-label{display:none}.emoji-mart-no-results .emoji-mart-no-results-label{margin-top:.2em}.emoji-mart-no-results .emoji-mart-emoji:hover::before{content:none}.emoji-mart-preview{display:none}.container{box-sizing:border-box;max-width:1235px;margin:0 auto;position:relative}@media screen and (max-width: 1255px){.container{width:100%;padding:0 10px}}.rich-formatting{font-family:\"mastodon-font-sans-serif\",sans-serif;font-size:14px;font-weight:400;line-height:1.7;word-wrap:break-word;color:#dde3ec}.rich-formatting a{color:#2b90d9;text-decoration:underline}.rich-formatting a:hover,.rich-formatting a:focus,.rich-formatting a:active{text-decoration:none}.rich-formatting p,.rich-formatting li{color:#dde3ec}.rich-formatting p{margin-top:0;margin-bottom:.85em}.rich-formatting p:last-child{margin-bottom:0}.rich-formatting strong{font-weight:700;color:#ecf0f4}.rich-formatting em{font-style:italic;color:#ecf0f4}.rich-formatting code{font-size:.85em;background:#17191f;border-radius:4px;padding:.2em .3em}.rich-formatting h1,.rich-formatting h2,.rich-formatting h3,.rich-formatting h4,.rich-formatting h5,.rich-formatting h6{font-family:\"mastodon-font-display\",sans-serif;margin-top:1.275em;margin-bottom:.85em;font-weight:500;color:#ecf0f4}.rich-formatting h1{font-size:2em}.rich-formatting h2{font-size:1.75em}.rich-formatting h3{font-size:1.5em}.rich-formatting h4{font-size:1.25em}.rich-formatting h5,.rich-formatting h6{font-size:1em}.rich-formatting ul{list-style:disc}.rich-formatting ol{list-style:decimal}.rich-formatting ul,.rich-formatting ol{margin:0;padding:0;padding-left:2em;margin-bottom:.85em}.rich-formatting ul[type=a],.rich-formatting ol[type=a]{list-style-type:lower-alpha}.rich-formatting ul[type=i],.rich-formatting ol[type=i]{list-style-type:lower-roman}.rich-formatting hr{width:100%;height:0;border:0;border-bottom:1px solid #313543;margin:1.7em 0}.rich-formatting hr.spacer{height:1px;border:0}.rich-formatting table{width:100%;border-collapse:collapse;break-inside:auto;margin-top:24px;margin-bottom:32px}.rich-formatting table thead tr,.rich-formatting table tbody tr{border-bottom:1px solid #313543;font-size:1em;line-height:1.625;font-weight:400;text-align:left;color:#dde3ec}.rich-formatting table thead tr{border-bottom-width:2px;line-height:1.5;font-weight:500;color:#c2cede}.rich-formatting table th,.rich-formatting table td{padding:8px;align-self:start;align-items:start;word-break:break-all}.rich-formatting table th.nowrap,.rich-formatting table td.nowrap{width:25%;position:relative}.rich-formatting table th.nowrap::before,.rich-formatting table td.nowrap::before{content:\"&nbsp;\";visibility:hidden}.rich-formatting table th.nowrap span,.rich-formatting table td.nowrap span{position:absolute;left:8px;right:8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.rich-formatting>:first-child{margin-top:0}.information-board{background:#1f232b;padding:20px 0}.information-board .container-alt{position:relative;padding-right:295px}.information-board__sections{display:flex;justify-content:space-between;flex-wrap:wrap}.information-board__section{flex:1 0 0;font-family:\"mastodon-font-sans-serif\",sans-serif;font-size:16px;line-height:28px;color:#fff;text-align:right;padding:10px 15px}.information-board__section span,.information-board__section strong{display:block}.information-board__section span:last-child{color:#ecf0f4}.information-board__section strong{font-family:\"mastodon-font-display\",sans-serif;font-weight:500;font-size:32px;line-height:48px}@media screen and (max-width: 700px){.information-board__section{text-align:center}}.information-board .panel{position:absolute;width:280px;box-sizing:border-box;background:#17191f;padding:20px;padding-top:10px;border-radius:4px 4px 0 0;right:0;bottom:-40px}.information-board .panel .panel-header{font-family:\"mastodon-font-display\",sans-serif;font-size:14px;line-height:24px;font-weight:500;color:#dde3ec;padding-bottom:5px;margin-bottom:15px;border-bottom:1px solid #313543;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.information-board .panel .panel-header a,.information-board .panel .panel-header span{font-weight:400;color:#bcc9da}.information-board .panel .panel-header a{text-decoration:none}.information-board .owner{text-align:center}.information-board .owner .avatar{width:80px;height:80px;margin:0 auto;margin-bottom:15px}.information-board .owner .avatar img{display:block;width:80px;height:80px;border-radius:48px}.information-board .owner .name{font-size:14px}.information-board .owner .name a{display:block;color:#fff;text-decoration:none}.information-board .owner .name a:hover .display_name{text-decoration:underline}.information-board .owner .name .username{display:block;color:#dde3ec}.landing-page p,.landing-page li{font-family:\"mastodon-font-sans-serif\",sans-serif;font-size:16px;font-weight:400;font-size:16px;line-height:30px;margin-bottom:12px;color:#dde3ec}.landing-page p a,.landing-page li a{color:#2b90d9;text-decoration:underline}.landing-page em{display:inline;margin:0;padding:0;font-weight:700;background:transparent;font-family:inherit;font-size:inherit;line-height:inherit;color:#fefefe}.landing-page h1{font-family:\"mastodon-font-display\",sans-serif;font-size:26px;line-height:30px;font-weight:500;margin-bottom:20px;color:#ecf0f4}.landing-page h1 small{font-family:\"mastodon-font-sans-serif\",sans-serif;display:block;font-size:18px;font-weight:400;color:#fefefe}.landing-page h2{font-family:\"mastodon-font-display\",sans-serif;font-size:22px;line-height:26px;font-weight:500;margin-bottom:20px;color:#ecf0f4}.landing-page h3{font-family:\"mastodon-font-display\",sans-serif;font-size:18px;line-height:24px;font-weight:500;margin-bottom:20px;color:#ecf0f4}.landing-page h4{font-family:\"mastodon-font-display\",sans-serif;font-size:16px;line-height:24px;font-weight:500;margin-bottom:20px;color:#ecf0f4}.landing-page h5{font-family:\"mastodon-font-display\",sans-serif;font-size:14px;line-height:24px;font-weight:500;margin-bottom:20px;color:#ecf0f4}.landing-page h6{font-family:\"mastodon-font-display\",sans-serif;font-size:12px;line-height:24px;font-weight:500;margin-bottom:20px;color:#ecf0f4}.landing-page ul,.landing-page ol{margin-left:20px}.landing-page ul[type=a],.landing-page ol[type=a]{list-style-type:lower-alpha}.landing-page ul[type=i],.landing-page ol[type=i]{list-style-type:lower-roman}.landing-page ul{list-style:disc}.landing-page ol{list-style:decimal}.landing-page li>ol,.landing-page li>ul{margin-top:6px}.landing-page hr{width:100%;height:0;border:0;border-bottom:1px solid rgba(96,105,132,.6);margin:20px 0}.landing-page hr.spacer{height:1px;border:0}.landing-page__information,.landing-page__forms{padding:20px}.landing-page__call-to-action{background:#282c37;border-radius:4px;padding:25px 40px;overflow:hidden;box-sizing:border-box}.landing-page__call-to-action .row{width:100%;display:flex;flex-direction:row-reverse;flex-wrap:nowrap;justify-content:space-between;align-items:center}.landing-page__call-to-action .row__information-board{display:flex;justify-content:flex-end;align-items:flex-end}.landing-page__call-to-action .row__information-board .information-board__section{flex:1 0 auto;padding:0 10px}@media screen and (max-width: 415px){.landing-page__call-to-action .row__information-board{width:100%;justify-content:space-between}}.landing-page__call-to-action .row__mascot{flex:1;margin:10px -50px 0 0}@media screen and (max-width: 415px){.landing-page__call-to-action .row__mascot{display:none}}.landing-page__logo{margin-right:20px}.landing-page__logo img{height:50px;width:auto;mix-blend-mode:lighten}.landing-page__information{padding:45px 40px;margin-bottom:10px}.landing-page__information:last-child{margin-bottom:0}.landing-page__information strong{font-weight:500;color:#fefefe}.landing-page__information .account{border-bottom:0;padding:0}.landing-page__information .account__display-name{align-items:center;display:flex;margin-right:5px}.landing-page__information .account div.account__display-name:hover .display-name strong{text-decoration:none}.landing-page__information .account div.account__display-name .account__avatar{cursor:default}.landing-page__information .account__avatar-wrapper{margin-left:0;flex:0 0 auto}.landing-page__information .account__avatar{width:44px;height:44px;background-size:44px 44px}.landing-page__information .account .display-name{font-size:15px}.landing-page__information .account .display-name__account{font-size:14px}@media screen and (max-width: 960px){.landing-page__information .contact{margin-top:30px}}@media screen and (max-width: 700px){.landing-page__information{padding:25px 20px}}.landing-page__information,.landing-page__forms,.landing-page #mastodon-timeline{box-sizing:border-box;background:#282c37;border-radius:4px;box-shadow:0 0 6px rgba(0,0,0,.1)}.landing-page__mascot{height:104px;position:relative;left:-40px;bottom:25px}.landing-page__mascot img{height:190px;width:auto}.landing-page__short-description .row{display:flex;flex-wrap:wrap;align-items:center;margin-bottom:40px}@media screen and (max-width: 700px){.landing-page__short-description .row{margin-bottom:20px}}.landing-page__short-description p a{color:#ecf0f4}.landing-page__short-description h1{font-weight:500;color:#fff;margin-bottom:0}.landing-page__short-description h1 small{color:#dde3ec}.landing-page__short-description h1 small span{color:#ecf0f4}.landing-page__short-description p:last-child{margin-bottom:0}.landing-page__hero{margin-bottom:10px}.landing-page__hero img{display:block;margin:0;max-width:100%;height:auto;border-radius:4px}@media screen and (max-width: 840px){.landing-page .information-board .container-alt{padding-right:20px}.landing-page .information-board .panel{position:static;margin-top:20px;width:100%;border-radius:4px}.landing-page .information-board .panel .panel-header{text-align:center}}@media screen and (max-width: 675px){.landing-page .header-wrapper{padding-top:0}.landing-page .header-wrapper.compact{padding-bottom:0}.landing-page .header-wrapper.compact .hero .heading{text-align:initial}.landing-page .header .container-alt,.landing-page .features .container-alt{display:block}}.landing-page .cta{margin:20px}.landing{margin-bottom:100px}@media screen and (max-width: 738px){.landing{margin-bottom:0}}.landing__brand{display:flex;justify-content:center;align-items:center;padding:50px}.landing__brand svg{fill:#fff;height:52px}@media screen and (max-width: 415px){.landing__brand{padding:0;margin-bottom:30px}}.landing .directory{margin-top:30px;background:transparent;box-shadow:none;border-radius:0}.landing .hero-widget{margin-top:30px;margin-bottom:0}.landing .hero-widget h4{padding:10px;text-transform:uppercase;font-weight:700;font-size:13px;color:#dde3ec}.landing .hero-widget__text{border-radius:0;padding-bottom:0}.landing .hero-widget__footer{background:#282c37;padding:10px;border-radius:0 0 4px 4px;display:flex}.landing .hero-widget__footer__column{flex:1 1 50%}.landing .hero-widget .account{padding:10px 0;border-bottom:0}.landing .hero-widget .account .account__display-name{display:flex;align-items:center}.landing .hero-widget .account .account__avatar{width:44px;height:44px;background-size:44px 44px}.landing .hero-widget__counter{padding:10px}.landing .hero-widget__counter strong{font-family:\"mastodon-font-display\",sans-serif;font-size:15px;font-weight:700;display:block}.landing .hero-widget__counter span{font-size:14px;color:#dde3ec}.landing .simple_form .user_agreement .label_input>label{font-weight:400;color:#dde3ec}.landing .simple_form p.lead{color:#dde3ec;font-size:15px;line-height:20px;font-weight:400;margin-bottom:25px}.landing__grid{max-width:960px;margin:0 auto;display:grid;grid-template-columns:minmax(0, 50%) minmax(0, 50%);grid-gap:30px}@media screen and (max-width: 738px){.landing__grid{grid-template-columns:minmax(0, 100%);grid-gap:10px}.landing__grid__column-login{grid-row:1;display:flex;flex-direction:column}.landing__grid__column-login .box-widget{order:2;flex:0 0 auto}.landing__grid__column-login .hero-widget{margin-top:0;margin-bottom:10px;order:1;flex:0 0 auto}.landing__grid__column-registration{grid-row:2}.landing__grid .directory{margin-top:10px}}@media screen and (max-width: 415px){.landing__grid{grid-gap:0}.landing__grid .hero-widget{display:block;margin-bottom:0;box-shadow:none}.landing__grid .hero-widget__img,.landing__grid .hero-widget__img img,.landing__grid .hero-widget__footer{border-radius:0}.landing__grid .hero-widget,.landing__grid .box-widget,.landing__grid .directory__tag{border-bottom:1px solid #393f4f}.landing__grid .directory{margin-top:0}.landing__grid .directory__tag{margin-bottom:0}.landing__grid .directory__tag>a,.landing__grid .directory__tag>div{border-radius:0;box-shadow:none}.landing__grid .directory__tag:last-child{border-bottom:0}}.brand{position:relative;text-decoration:none}.brand__tagline{display:block;position:absolute;bottom:-10px;left:50px;width:300px;color:#9baec8;text-decoration:none;font-size:14px}@media screen and (max-width: 415px){.brand__tagline{position:static;width:auto;margin-top:20px;color:#c2cede}}.table{width:100%;max-width:100%;border-spacing:0;border-collapse:collapse}.table th,.table td{padding:8px;line-height:18px;vertical-align:top;border-top:1px solid #282c37;text-align:left;background:#1f232b}.table>thead>tr>th{vertical-align:bottom;border-bottom:2px solid #282c37;border-top:0;font-weight:500}.table>tbody>tr>th{font-weight:500}.table>tbody>tr:nth-child(odd)>td,.table>tbody>tr:nth-child(odd)>th{background:#282c37}.table a{color:#2b90d9;text-decoration:underline}.table a:hover{text-decoration:none}.table strong{font-weight:500}.table strong:lang(ja){font-weight:700}.table strong:lang(ko){font-weight:700}.table strong:lang(zh-CN){font-weight:700}.table strong:lang(zh-HK){font-weight:700}.table strong:lang(zh-TW){font-weight:700}.table.inline-table>tbody>tr:nth-child(odd)>td,.table.inline-table>tbody>tr:nth-child(odd)>th{background:transparent}.table.inline-table>tbody>tr:first-child>td,.table.inline-table>tbody>tr:first-child>th{border-top:0}.table.batch-table>thead>tr>th{background:#282c37;border-top:1px solid #17191f;border-bottom:1px solid #17191f}.table.batch-table>thead>tr>th:first-child{border-radius:4px 0 0;border-left:1px solid #17191f}.table.batch-table>thead>tr>th:last-child{border-radius:0 4px 0 0;border-right:1px solid #17191f}.table--invites tbody td{vertical-align:middle}.table-wrapper{overflow:auto;margin-bottom:20px}samp{font-family:\"mastodon-font-monospace\",monospace}button.table-action-link{background:transparent;border:0;font:inherit}button.table-action-link,a.table-action-link{text-decoration:none;display:inline-block;margin-right:5px;padding:0 10px;color:#dde3ec;font-weight:500}button.table-action-link:hover,a.table-action-link:hover{color:#fff}button.table-action-link i.fa,a.table-action-link i.fa{font-weight:400;margin-right:5px}button.table-action-link:first-child,a.table-action-link:first-child{padding-left:0}.batch-table__toolbar,.batch-table__row{display:flex}.batch-table__toolbar__select,.batch-table__row__select{box-sizing:border-box;padding:8px 16px;cursor:pointer;min-height:100%}.batch-table__toolbar__select input,.batch-table__row__select input{margin-top:8px}.batch-table__toolbar__select--aligned,.batch-table__row__select--aligned{display:flex;align-items:center}.batch-table__toolbar__select--aligned input,.batch-table__row__select--aligned input{margin-top:0}.batch-table__toolbar__actions,.batch-table__toolbar__content,.batch-table__row__actions,.batch-table__row__content{padding:8px 0;padding-right:16px;flex:1 1 auto}.batch-table__toolbar{border:1px solid #17191f;background:#282c37;border-radius:4px 0 0;height:47px;align-items:center}.batch-table__toolbar__actions{text-align:right;padding-right:11px}.batch-table__form{padding:16px;border:1px solid #17191f;border-top:0;background:#282c37}.batch-table__form .fields-row{padding-top:0;margin-bottom:0}.batch-table__row{border:1px solid #17191f;border-top:0;background:#1f232b}@media screen and (max-width: 415px){.optional .batch-table__row:first-child{border-top:1px solid #17191f}}.batch-table__row:hover{background:#242731}.batch-table__row:nth-child(even){background:#282c37}.batch-table__row:nth-child(even):hover{background:#2c313d}.batch-table__row__content{padding-top:12px;padding-bottom:16px}.batch-table__row__content--unpadded{padding:0}.batch-table__row__content--with-image{display:flex;align-items:center}.batch-table__row__content__image{flex:0 0 auto;display:flex;justify-content:center;align-items:center;margin-right:10px}.batch-table__row__content__image .emojione{width:32px;height:32px}.batch-table__row__content__text{flex:1 1 auto}.batch-table__row__content__extra{flex:0 0 auto;text-align:right;color:#dde3ec;font-weight:500}.batch-table__row .directory__tag{margin:0;width:100%}.batch-table__row .directory__tag a{background:transparent;border-radius:0}@media screen and (max-width: 415px){.batch-table.optional .batch-table__toolbar,.batch-table.optional .batch-table__row__select{display:none}}.batch-table .status__content{padding-top:0}.batch-table .status__content summary{display:list-item}.batch-table .status__content strong{font-weight:700}.batch-table .nothing-here{border:1px solid #17191f;border-top:0;box-shadow:none}@media screen and (max-width: 415px){.batch-table .nothing-here{border-top:1px solid #17191f}}@media screen and (max-width: 870px){.batch-table .accounts-table tbody td.optional{display:none}}.admin-wrapper{display:flex;justify-content:center;width:100%;min-height:100vh}.admin-wrapper .sidebar-wrapper{min-height:100vh;overflow:hidden;pointer-events:none;flex:1 1 auto}.admin-wrapper .sidebar-wrapper__inner{display:flex;justify-content:flex-end;background:#282c37;height:100%}.admin-wrapper .sidebar{width:240px;padding:0;pointer-events:auto}.admin-wrapper .sidebar__toggle{display:none;background:#393f4f;height:48px}.admin-wrapper .sidebar__toggle__logo{flex:1 1 auto}.admin-wrapper .sidebar__toggle__logo a{display:inline-block;padding:15px}.admin-wrapper .sidebar__toggle__logo svg{fill:#fff;height:20px;position:relative;bottom:-2px}.admin-wrapper .sidebar__toggle__icon{display:block;color:#dde3ec;text-decoration:none;flex:0 0 auto;font-size:20px;padding:15px}.admin-wrapper .sidebar__toggle a:hover,.admin-wrapper .sidebar__toggle a:focus,.admin-wrapper .sidebar__toggle a:active{background:#42485a}.admin-wrapper .sidebar .logo{display:block;margin:40px auto;width:100px;height:100px}@media screen and (max-width: 600px){.admin-wrapper .sidebar>a:first-child{display:none}}.admin-wrapper .sidebar ul{list-style:none;border-radius:4px 0 0 4px;overflow:hidden;margin-bottom:20px}@media screen and (max-width: 600px){.admin-wrapper .sidebar ul{margin-bottom:0}}.admin-wrapper .sidebar ul a{display:block;padding:15px;color:#dde3ec;text-decoration:none;transition:all 200ms linear;transition-property:color,background-color;border-radius:4px 0 0 4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.admin-wrapper .sidebar ul a i.fa{margin-right:5px}.admin-wrapper .sidebar ul a:hover{color:#fff;background-color:#1d2028;transition:all 100ms linear;transition-property:color,background-color}.admin-wrapper .sidebar ul a.selected{background:#242731;border-radius:4px 0 0}.admin-wrapper .sidebar ul ul{background:#1f232b;border-radius:0 0 0 4px;margin:0}.admin-wrapper .sidebar ul ul a{border:0;padding:15px 35px}.admin-wrapper .sidebar ul .simple-navigation-active-leaf a{color:#fff;background-color:#2b5fd9;border-bottom:0;border-radius:0}.admin-wrapper .sidebar ul .simple-navigation-active-leaf a:hover{background-color:#416fdd}.admin-wrapper .sidebar>ul>.simple-navigation-active-leaf a{border-radius:4px 0 0 4px}.admin-wrapper .content-wrapper{box-sizing:border-box;width:100%;max-width:840px;flex:1 1 auto}@media screen and (max-width: 1080px){.admin-wrapper .sidebar-wrapper--empty{display:none}.admin-wrapper .sidebar-wrapper{width:240px;flex:0 0 auto}}@media screen and (max-width: 600px){.admin-wrapper .sidebar-wrapper{width:100%}}.admin-wrapper .content{padding:20px 15px;padding-top:60px;padding-left:25px}@media screen and (max-width: 600px){.admin-wrapper .content{max-width:none;padding:15px;padding-top:30px}}.admin-wrapper .content-heading{display:flex;padding-bottom:40px;border-bottom:1px solid #393f4f;margin:-15px -15px 40px 0;flex-wrap:wrap;align-items:center;justify-content:space-between}.admin-wrapper .content-heading>*{margin-top:15px;margin-right:15px}.admin-wrapper .content-heading-actions{display:inline-flex}.admin-wrapper .content-heading-actions>:not(:first-child){margin-left:5px}@media screen and (max-width: 600px){.admin-wrapper .content-heading{border-bottom:0;padding-bottom:0}}.admin-wrapper .content h2{color:#ecf0f4;font-size:24px;line-height:28px;font-weight:400}@media screen and (max-width: 600px){.admin-wrapper .content h2{font-weight:700}}.admin-wrapper .content h3{color:#ecf0f4;font-size:20px;line-height:28px;font-weight:400;margin-bottom:30px}.admin-wrapper .content h4{text-transform:uppercase;font-size:13px;font-weight:700;color:#dde3ec;padding-bottom:8px;margin-bottom:8px;border-bottom:1px solid #393f4f}.admin-wrapper .content h6{font-size:16px;color:#ecf0f4;line-height:28px;font-weight:500}.admin-wrapper .content .fields-group h6{color:#fff;font-weight:500}.admin-wrapper .content .directory__tag>a,.admin-wrapper .content .directory__tag>div{box-shadow:none}.admin-wrapper .content .directory__tag .table-action-link .fa{color:inherit}.admin-wrapper .content .directory__tag h4{font-size:18px;font-weight:700;color:#fff;text-transform:none;padding-bottom:0;margin-bottom:0;border-bottom:0}.admin-wrapper .content>p{font-size:14px;line-height:21px;color:#ecf0f4;margin-bottom:20px}.admin-wrapper .content>p strong{color:#fff;font-weight:500}.admin-wrapper .content>p strong:lang(ja){font-weight:700}.admin-wrapper .content>p strong:lang(ko){font-weight:700}.admin-wrapper .content>p strong:lang(zh-CN){font-weight:700}.admin-wrapper .content>p strong:lang(zh-HK){font-weight:700}.admin-wrapper .content>p strong:lang(zh-TW){font-weight:700}.admin-wrapper .content hr{width:100%;height:0;border:0;border-bottom:1px solid rgba(96,105,132,.6);margin:20px 0}.admin-wrapper .content hr.spacer{height:1px;border:0}@media screen and (max-width: 600px){.admin-wrapper{display:block}.admin-wrapper .sidebar-wrapper{min-height:0}.admin-wrapper .sidebar{width:100%;padding:0;height:auto}.admin-wrapper .sidebar__toggle{display:flex}.admin-wrapper .sidebar>ul{display:none}.admin-wrapper .sidebar ul a,.admin-wrapper .sidebar ul ul a{border-radius:0;border-bottom:1px solid #313543;transition:none}.admin-wrapper .sidebar ul a:hover,.admin-wrapper .sidebar ul ul a:hover{transition:none}.admin-wrapper .sidebar ul ul{border-radius:0}.admin-wrapper .sidebar ul .simple-navigation-active-leaf a{border-bottom-color:#2b5fd9}}hr.spacer{width:100%;border:0;margin:20px 0;height:1px}body .muted-hint,.admin-wrapper .content .muted-hint{color:#dde3ec}body .muted-hint a,.admin-wrapper .content .muted-hint a{color:#2b90d9}body .positive-hint,.admin-wrapper .content .positive-hint{color:#79bd9a;font-weight:500}body .negative-hint,.admin-wrapper .content .negative-hint{color:#df405a;font-weight:500}body .neutral-hint,.admin-wrapper .content .neutral-hint{color:#c2cede;font-weight:500}body .warning-hint,.admin-wrapper .content .warning-hint{color:#ca8f04;font-weight:500}.filters{display:flex;flex-wrap:wrap}.filters .filter-subset{flex:0 0 auto;margin:0 40px 20px 0}.filters .filter-subset:last-child{margin-bottom:30px}.filters .filter-subset ul{margin-top:5px;list-style:none}.filters .filter-subset ul li{display:inline-block;margin-right:5px}.filters .filter-subset strong{font-weight:500;text-transform:uppercase;font-size:12px}.filters .filter-subset strong:lang(ja){font-weight:700}.filters .filter-subset strong:lang(ko){font-weight:700}.filters .filter-subset strong:lang(zh-CN){font-weight:700}.filters .filter-subset strong:lang(zh-HK){font-weight:700}.filters .filter-subset strong:lang(zh-TW){font-weight:700}.filters .filter-subset--with-select strong{display:block;margin-bottom:10px}.filters .filter-subset a{display:inline-block;color:#dde3ec;text-decoration:none;text-transform:uppercase;font-size:12px;font-weight:500;border-bottom:2px solid #282c37}.filters .filter-subset a:hover{color:#fff;border-bottom:2px solid #333846}.filters .filter-subset a.selected{color:#2b90d9;border-bottom:2px solid #2b5fd9}.flavour-screen{display:block;margin:10px auto;max-width:100%}.flavour-description{display:block;font-size:16px;margin:10px 0}.flavour-description>p{margin:10px 0}.flavour-screen{display:block;margin:10px auto;max-width:100%}.flavour-description{display:block;font-size:16px;margin:10px 0}.flavour-description>p{margin:10px 0}.report-accounts{display:flex;flex-wrap:wrap;margin-bottom:20px}.report-accounts__item{display:flex;flex:250px;flex-direction:column;margin:0 5px}.report-accounts__item>strong{display:block;margin:0 0 10px -5px;font-weight:500;font-size:14px;line-height:18px;color:#ecf0f4}.report-accounts__item>strong:lang(ja){font-weight:700}.report-accounts__item>strong:lang(ko){font-weight:700}.report-accounts__item>strong:lang(zh-CN){font-weight:700}.report-accounts__item>strong:lang(zh-HK){font-weight:700}.report-accounts__item>strong:lang(zh-TW){font-weight:700}.report-accounts__item .account-card{flex:1 1 auto}.report-status,.account-status{display:flex;margin-bottom:10px}.report-status .activity-stream,.account-status .activity-stream{flex:2 0 0;margin-right:20px;max-width:calc(100% - 60px)}.report-status .activity-stream .entry,.account-status .activity-stream .entry{border-radius:4px}.report-status__actions,.account-status__actions{flex:0 0 auto;display:flex;flex-direction:column}.report-status__actions .icon-button,.account-status__actions .icon-button{font-size:24px;width:24px;text-align:center;margin-bottom:10px}.simple_form.new_report_note,.simple_form.new_account_moderation_note{max-width:100%}.batch-form-box{display:flex;flex-wrap:wrap;margin-bottom:5px}.batch-form-box #form_status_batch_action{margin:0 5px 5px 0;font-size:14px}.batch-form-box input.button{margin:0 5px 5px 0}.batch-form-box .media-spoiler-toggle-buttons{margin-left:auto}.batch-form-box .media-spoiler-toggle-buttons .button{overflow:visible;margin:0 0 5px 5px;float:right}.back-link{margin-bottom:10px;font-size:14px}.back-link a{color:#2b90d9;text-decoration:none}.back-link a:hover{text-decoration:underline}.spacer{flex:1 1 auto}.log-entry{line-height:20px;padding:15px 0;background:#282c37;border-bottom:1px solid #313543}.log-entry:last-child{border-bottom:0}.log-entry__header{display:flex;justify-content:flex-start;align-items:center;color:#dde3ec;font-size:14px;padding:0 10px}.log-entry__avatar{margin-right:10px}.log-entry__avatar .avatar{display:block;margin:0;border-radius:50%;width:40px;height:40px}.log-entry__content{max-width:calc(100% - 90px)}.log-entry__title{word-wrap:break-word}.log-entry__timestamp{color:#c2cede}.log-entry a,.log-entry .username,.log-entry .target{color:#ecf0f4;text-decoration:none;font-weight:500}a.name-tag,.name-tag,a.inline-name-tag,.inline-name-tag{text-decoration:none;color:#ecf0f4}a.name-tag .username,.name-tag .username,a.inline-name-tag .username,.inline-name-tag .username{font-weight:500}a.name-tag.suspended .username,.name-tag.suspended .username,a.inline-name-tag.suspended .username,.inline-name-tag.suspended .username{text-decoration:line-through;color:#e87487}a.name-tag.suspended .avatar,.name-tag.suspended .avatar,a.inline-name-tag.suspended .avatar,.inline-name-tag.suspended .avatar{filter:grayscale(100%);opacity:.8}a.name-tag,.name-tag{display:flex;align-items:center}a.name-tag .avatar,.name-tag .avatar{display:block;margin:0;margin-right:5px;border-radius:50%}a.name-tag.suspended .avatar,.name-tag.suspended .avatar{filter:grayscale(100%);opacity:.8}.speech-bubble{margin-bottom:20px;border-left:4px solid #2b5fd9}.speech-bubble.positive{border-left-color:#79bd9a}.speech-bubble.negative{border-left-color:#e87487}.speech-bubble.warning{border-left-color:#ca8f04}.speech-bubble__bubble{padding:16px;padding-left:14px;font-size:15px;line-height:20px;border-radius:4px 4px 4px 0;position:relative;font-weight:500}.speech-bubble__bubble a{color:#dde3ec}.speech-bubble__owner{padding:8px;padding-left:12px}.speech-bubble time{color:#c2cede}.report-card{background:#282c37;border-radius:4px;margin-bottom:20px}.report-card__profile{display:flex;justify-content:space-between;align-items:center;padding:15px}.report-card__profile .account{padding:0;border:0}.report-card__profile .account__avatar-wrapper{margin-left:0}.report-card__profile__stats{flex:0 0 auto;font-weight:500;color:#dde3ec;text-transform:uppercase;text-align:right}.report-card__profile__stats a{color:inherit;text-decoration:none}.report-card__profile__stats a:focus,.report-card__profile__stats a:hover,.report-card__profile__stats a:active{color:#f7f9fb}.report-card__profile__stats .red{color:#df405a}.report-card__summary__item{display:flex;justify-content:flex-start;border-top:1px solid #1f232b}.report-card__summary__item:hover{background:#2c313d}.report-card__summary__item__reported-by,.report-card__summary__item__assigned{padding:15px;flex:0 0 auto;box-sizing:border-box;width:150px;color:#dde3ec}.report-card__summary__item__reported-by,.report-card__summary__item__reported-by .username,.report-card__summary__item__assigned,.report-card__summary__item__assigned .username{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.report-card__summary__item__content{flex:1 1 auto;max-width:calc(100% - 300px)}.report-card__summary__item__content__icon{color:#c2cede;margin-right:4px;font-weight:500}.report-card__summary__item__content a{display:block;box-sizing:border-box;width:100%;padding:15px;text-decoration:none;color:#dde3ec}.one-line{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ellipsized-ip{display:inline-block;max-width:120px;overflow:hidden;text-overflow:ellipsis;vertical-align:middle}.admin-account-bio{display:flex;flex-wrap:wrap;margin:0 -5px;margin-top:20px}.admin-account-bio>div{box-sizing:border-box;padding:0 5px;margin-bottom:10px;flex:1 0 50%}.admin-account-bio .account__header__fields,.admin-account-bio .account__header__content{background:#393f4f;border-radius:4px;height:100%}.admin-account-bio .account__header__fields{margin:0;border:0}.admin-account-bio .account__header__fields a{color:#4e79df}.admin-account-bio .account__header__fields dl:first-child .verified{border-radius:0 4px 0 0}.admin-account-bio .account__header__fields .verified a{color:#79bd9a}.admin-account-bio .account__header__content{box-sizing:border-box;padding:20px;color:#fff}.center-text{text-align:center}.announcements-list{border:1px solid #313543;border-radius:4px}.announcements-list__item{padding:15px 0;background:#282c37;border-bottom:1px solid #313543}.announcements-list__item__title{padding:0 15px;display:block;font-weight:500;font-size:18px;line-height:1.5;color:#ecf0f4;text-decoration:none;margin-bottom:10px}.announcements-list__item__title:hover,.announcements-list__item__title:focus,.announcements-list__item__title:active{color:#fff}.announcements-list__item__meta{padding:0 15px;color:#c2cede}.announcements-list__item__action-bar{display:flex;justify-content:space-between;align-items:center}.announcements-list__item:last-child{border-bottom:0}.dashboard__counters{display:flex;flex-wrap:wrap;margin:0 -5px;margin-bottom:20px}.dashboard__counters>div{box-sizing:border-box;flex:0 0 33.333%;padding:0 5px;margin-bottom:10px}.dashboard__counters>div>div,.dashboard__counters>div>a{padding:20px;background:#313543;border-radius:4px;box-sizing:border-box;height:100%}.dashboard__counters>div>a{text-decoration:none;color:inherit;display:block}.dashboard__counters>div>a:hover,.dashboard__counters>div>a:focus,.dashboard__counters>div>a:active{background:#393f4f}.dashboard__counters__num,.dashboard__counters__text{text-align:center;font-weight:500;font-size:24px;line-height:21px;color:#fff;font-family:\"mastodon-font-display\",sans-serif;margin-bottom:20px;line-height:30px}.dashboard__counters__text{font-size:18px}.dashboard__counters__label{font-size:14px;color:#dde3ec;text-align:center;font-weight:500}.dashboard__widgets{display:flex;flex-wrap:wrap;margin:0 -5px}.dashboard__widgets>div{flex:0 0 33.333%;margin-bottom:20px}.dashboard__widgets>div>div{padding:0 5px}.dashboard__widgets a:not(.name-tag){color:#d9e1e8;font-weight:500;text-decoration:none}body.rtl{direction:rtl}body.rtl .column-header>button{text-align:right;padding-left:0;padding-right:15px}body.rtl .radio-button__input{margin-right:0;margin-left:10px}body.rtl .directory__card__bar .display-name{margin-left:0;margin-right:15px}body.rtl .display-name{text-align:right}body.rtl .notification__message{margin-left:0;margin-right:68px}body.rtl .drawer__inner__mastodon>img{transform:scaleX(-1)}body.rtl .notification__favourite-icon-wrapper{left:auto;right:-26px}body.rtl .landing-page__logo{margin-right:0;margin-left:20px}body.rtl .landing-page .features-list .features-list__row .visual{margin-left:0;margin-right:15px}body.rtl .column-link__icon,body.rtl .column-header__icon{margin-right:0;margin-left:5px}body.rtl .compose-form .compose-form__buttons-wrapper .character-counter__wrapper{margin-right:0;margin-left:4px}body.rtl .navigation-bar__profile{margin-left:0;margin-right:8px}body.rtl .search__input{padding-right:10px;padding-left:30px}body.rtl .search__icon .fa{right:auto;left:10px}body.rtl .columns-area{direction:rtl}body.rtl .column-header__buttons{left:0;right:auto;margin-left:0;margin-right:-15px}body.rtl .column-inline-form .icon-button{margin-left:0;margin-right:5px}body.rtl .column-header__links .text-btn{margin-left:10px;margin-right:0}body.rtl .account__avatar-wrapper{float:right}body.rtl .column-header__back-button{padding-left:5px;padding-right:0}body.rtl .column-header__setting-arrows{float:left}body.rtl .setting-toggle__label{margin-left:0;margin-right:8px}body.rtl .status__avatar{left:auto;right:10px}body.rtl .status,body.rtl .activity-stream .status.light{padding-left:10px;padding-right:68px}body.rtl .status__info .status__display-name,body.rtl .activity-stream .status.light .status__display-name{padding-left:25px;padding-right:0}body.rtl .activity-stream .pre-header{padding-right:68px;padding-left:0}body.rtl .status__prepend{margin-left:0;margin-right:68px}body.rtl .status__prepend-icon-wrapper{left:auto;right:-26px}body.rtl .activity-stream .pre-header .pre-header__icon{left:auto;right:42px}body.rtl .account__avatar-overlay-overlay{right:auto;left:0}body.rtl .column-back-button--slim-button{right:auto;left:0}body.rtl .status__relative-time,body.rtl .activity-stream .status.light .status__header .status__meta{float:left}body.rtl .status__action-bar__counter{margin-right:0;margin-left:11px}body.rtl .status__action-bar__counter .status__action-bar-button{margin-right:0;margin-left:4px}body.rtl .status__action-bar-button{float:right;margin-right:0;margin-left:18px}body.rtl .status__action-bar-dropdown{float:right}body.rtl .privacy-dropdown__dropdown{margin-left:0;margin-right:40px}body.rtl .privacy-dropdown__option__icon{margin-left:10px;margin-right:0}body.rtl .detailed-status__display-name .display-name{text-align:right}body.rtl .detailed-status__display-avatar{margin-right:0;margin-left:10px;float:right}body.rtl .detailed-status__favorites,body.rtl .detailed-status__reblogs{margin-left:0;margin-right:6px}body.rtl .fa-ul{margin-left:2.14285714em}body.rtl .fa-li{left:auto;right:-2.14285714em}body.rtl .admin-wrapper{direction:rtl}body.rtl .admin-wrapper .sidebar ul a i.fa,body.rtl a.table-action-link i.fa{margin-right:0;margin-left:5px}body.rtl .simple_form .check_boxes .checkbox label{padding-left:0;padding-right:25px}body.rtl .simple_form .input.with_label.boolean label.checkbox{padding-left:25px;padding-right:0}body.rtl .simple_form .check_boxes .checkbox input[type=checkbox],body.rtl .simple_form .input.boolean input[type=checkbox]{left:auto;right:0}body.rtl .simple_form .input.radio_buttons .radio{left:auto;right:0}body.rtl .simple_form .input.radio_buttons .radio>label{padding-right:28px;padding-left:0}body.rtl .simple_form .input-with-append .input input{padding-left:142px;padding-right:0}body.rtl .simple_form .input.boolean label.checkbox{left:auto;right:0}body.rtl .simple_form .input.boolean .label_input,body.rtl .simple_form .input.boolean .hint{padding-left:0;padding-right:28px}body.rtl .simple_form .label_input__append{right:auto;left:3px}body.rtl .simple_form .label_input__append::after{right:auto;left:0;background-image:linear-gradient(to left, rgba(19, 20, 25, 0), #131419)}body.rtl .simple_form select{background:#131419 url(\"data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14.933 18.467' height='19.698' width='15.929'><path d='M3.467 14.967l-3.393-3.5H14.86l-3.392 3.5c-1.866 1.925-3.666 3.5-4 3.5-.335 0-2.135-1.575-4-3.5zm.266-11.234L7.467 0 11.2 3.733l3.733 3.734H0l3.733-3.734z' fill='%2342485A'/></svg>\") no-repeat left 8px center/auto 16px}body.rtl .table th,body.rtl .table td{text-align:right}body.rtl .filters .filter-subset{margin-right:0;margin-left:45px}body.rtl .landing-page .header-wrapper .mascot{right:60px;left:auto}body.rtl .landing-page__call-to-action .row__information-board{direction:rtl}body.rtl .landing-page .header .hero .floats .float-1{left:-120px;right:auto}body.rtl .landing-page .header .hero .floats .float-2{left:210px;right:auto}body.rtl .landing-page .header .hero .floats .float-3{left:110px;right:auto}body.rtl .landing-page .header .links .brand img{left:0}body.rtl .landing-page .fa-external-link{padding-right:5px;padding-left:0 !important}body.rtl .landing-page .features #mastodon-timeline{margin-right:0;margin-left:30px}@media screen and (min-width: 631px){body.rtl .column,body.rtl .drawer{padding-left:5px;padding-right:5px}body.rtl .column:first-child,body.rtl .drawer:first-child{padding-left:5px;padding-right:10px}body.rtl .columns-area>div .column,body.rtl .columns-area>div .drawer{padding-left:5px;padding-right:5px}}body.rtl .columns-area--mobile .column,body.rtl .columns-area--mobile .drawer{padding-left:0;padding-right:0}body.rtl .public-layout .header .nav-button{margin-left:8px;margin-right:0}body.rtl .public-layout .public-account-header__tabs{margin-left:0;margin-right:20px}body.rtl .landing-page__information .account__display-name{margin-right:0;margin-left:5px}body.rtl .landing-page__information .account__avatar-wrapper{margin-left:12px;margin-right:0}body.rtl .card__bar .display-name{margin-left:0;margin-right:15px;text-align:right}body.rtl .fa-chevron-left::before{content:\"\"}body.rtl .fa-chevron-right::before{content:\"\"}body.rtl .column-back-button__icon{margin-right:0;margin-left:5px}body.rtl .column-header__setting-arrows .column-header__setting-btn:last-child{padding-left:0;padding-right:10px}body.rtl .simple_form .input.radio_buttons .radio>label input{left:auto;right:0}.emojione[title=\":wavy_dash:\"],.emojione[title=\":waving_black_flag:\"],.emojione[title=\":water_buffalo:\"],.emojione[title=\":video_game:\"],.emojione[title=\":video_camera:\"],.emojione[title=\":vhs:\"],.emojione[title=\":turkey:\"],.emojione[title=\":tophat:\"],.emojione[title=\":top:\"],.emojione[title=\":tm:\"],.emojione[title=\":telephone_receiver:\"],.emojione[title=\":spider:\"],.emojione[title=\":speaking_head_in_silhouette:\"],.emojione[title=\":spades:\"],.emojione[title=\":soon:\"],.emojione[title=\":registered:\"],.emojione[title=\":on:\"],.emojione[title=\":musical_score:\"],.emojione[title=\":movie_camera:\"],.emojione[title=\":mortar_board:\"],.emojione[title=\":microphone:\"],.emojione[title=\":male-guard:\"],.emojione[title=\":lower_left_fountain_pen:\"],.emojione[title=\":lower_left_ballpoint_pen:\"],.emojione[title=\":kaaba:\"],.emojione[title=\":joystick:\"],.emojione[title=\":hole:\"],.emojione[title=\":hocho:\"],.emojione[title=\":heavy_plus_sign:\"],.emojione[title=\":heavy_multiplication_x:\"],.emojione[title=\":heavy_minus_sign:\"],.emojione[title=\":heavy_dollar_sign:\"],.emojione[title=\":heavy_division_sign:\"],.emojione[title=\":heavy_check_mark:\"],.emojione[title=\":guardsman:\"],.emojione[title=\":gorilla:\"],.emojione[title=\":fried_egg:\"],.emojione[title=\":film_projector:\"],.emojione[title=\":female-guard:\"],.emojione[title=\":end:\"],.emojione[title=\":electric_plug:\"],.emojione[title=\":eight_pointed_black_star:\"],.emojione[title=\":dark_sunglasses:\"],.emojione[title=\":currency_exchange:\"],.emojione[title=\":curly_loop:\"],.emojione[title=\":copyright:\"],.emojione[title=\":clubs:\"],.emojione[title=\":camera_with_flash:\"],.emojione[title=\":camera:\"],.emojione[title=\":busts_in_silhouette:\"],.emojione[title=\":bust_in_silhouette:\"],.emojione[title=\":bowling:\"],.emojione[title=\":bomb:\"],.emojione[title=\":black_small_square:\"],.emojione[title=\":black_nib:\"],.emojione[title=\":black_medium_square:\"],.emojione[title=\":black_medium_small_square:\"],.emojione[title=\":black_large_square:\"],.emojione[title=\":black_heart:\"],.emojione[title=\":black_circle:\"],.emojione[title=\":back:\"],.emojione[title=\":ant:\"],.emojione[title=\":8ball:\"]{filter:drop-shadow(1px 1px 0 #ffffff) drop-shadow(-1px 1px 0 #ffffff) drop-shadow(1px -1px 0 #ffffff) drop-shadow(-1px -1px 0 #ffffff);transform:scale(0.71)}.compose-form .compose-form__modifiers .compose-form__upload-description input::placeholder{opacity:1}.rich-formatting a,.rich-formatting p a,.rich-formatting li a,.landing-page__short-description p a,.status__content a,.reply-indicator__content a{color:#5f86e2;text-decoration:underline}.rich-formatting a.mention,.rich-formatting p a.mention,.rich-formatting li a.mention,.landing-page__short-description p a.mention,.status__content a.mention,.reply-indicator__content a.mention{text-decoration:none}.rich-formatting a.mention span,.rich-formatting p a.mention span,.rich-formatting li a.mention span,.landing-page__short-description p a.mention span,.status__content a.mention span,.reply-indicator__content a.mention span{text-decoration:underline}.rich-formatting a.mention span:hover,.rich-formatting a.mention span:focus,.rich-formatting a.mention span:active,.rich-formatting p a.mention span:hover,.rich-formatting p a.mention span:focus,.rich-formatting p a.mention span:active,.rich-formatting li a.mention span:hover,.rich-formatting li a.mention span:focus,.rich-formatting li a.mention span:active,.landing-page__short-description p a.mention span:hover,.landing-page__short-description p a.mention span:focus,.landing-page__short-description p a.mention span:active,.status__content a.mention span:hover,.status__content a.mention span:focus,.status__content a.mention span:active,.reply-indicator__content a.mention span:hover,.reply-indicator__content a.mention span:focus,.reply-indicator__content a.mention span:active{text-decoration:none}.rich-formatting a:hover,.rich-formatting a:focus,.rich-formatting a:active,.rich-formatting p a:hover,.rich-formatting p a:focus,.rich-formatting p a:active,.rich-formatting li a:hover,.rich-formatting li a:focus,.rich-formatting li a:active,.landing-page__short-description p a:hover,.landing-page__short-description p a:focus,.landing-page__short-description p a:active,.status__content a:hover,.status__content a:focus,.status__content a:active,.reply-indicator__content a:hover,.reply-indicator__content a:focus,.reply-indicator__content a:active{text-decoration:none}.rich-formatting a.status__content__spoiler-link,.rich-formatting p a.status__content__spoiler-link,.rich-formatting li a.status__content__spoiler-link,.landing-page__short-description p a.status__content__spoiler-link,.status__content a.status__content__spoiler-link,.reply-indicator__content a.status__content__spoiler-link{color:#ecf0f4;text-decoration:none}.status__content__read-more-button{text-decoration:underline}.status__content__read-more-button:hover,.status__content__read-more-button:focus,.status__content__read-more-button:active{text-decoration:none}.getting-started__footer a{text-decoration:underline}.getting-started__footer a:hover,.getting-started__footer a:focus,.getting-started__footer a:active{text-decoration:none}.nothing-here{color:#dde3ec}.public-layout .public-account-header__tabs__tabs .counter.active::after{border-bottom:4px solid #2b5fd9}","/* http://meyerweb.com/eric/tools/css/reset/\n   v2.0 | 20110126\n   License: none (public domain)\n*/\n\nhtml, body, div, span, applet, object, iframe,\nh1, h2, h3, h4, h5, h6, p, blockquote, pre,\na, abbr, acronym, address, big, cite, code,\ndel, dfn, em, img, ins, kbd, q, s, samp,\nsmall, strike, strong, sub, sup, tt, var,\nb, u, i, center,\ndl, dt, dd, ol, ul, li,\nfieldset, form, label, legend,\ntable, caption, tbody, tfoot, thead, tr, th, td,\narticle, aside, canvas, details, embed,\nfigure, figcaption, footer, header, hgroup,\nmenu, nav, output, ruby, section, summary,\ntime, mark, audio, video {\n  margin: 0;\n  padding: 0;\n  border: 0;\n  font-size: 100%;\n  font: inherit;\n  vertical-align: baseline;\n}\n\n/* HTML5 display-role reset for older browsers */\narticle, aside, details, figcaption, figure,\nfooter, header, hgroup, menu, nav, section {\n  display: block;\n}\n\nbody {\n  line-height: 1;\n}\n\nol, ul {\n  list-style: none;\n}\n\nblockquote, q {\n  quotes: none;\n}\n\nblockquote:before, blockquote:after,\nq:before, q:after {\n  content: '';\n  content: none;\n}\n\ntable {\n  border-collapse: collapse;\n  border-spacing: 0;\n}\n\nhtml {\n  scrollbar-color: lighten($ui-base-color, 4%) rgba($base-overlay-background, 0.1);\n}\n\n::-webkit-scrollbar {\n  width: 12px;\n  height: 12px;\n}\n\n::-webkit-scrollbar-thumb {\n  background: lighten($ui-base-color, 4%);\n  border: 0px none $base-border-color;\n  border-radius: 50px;\n}\n\n::-webkit-scrollbar-thumb:hover {\n  background: lighten($ui-base-color, 6%);\n}\n\n::-webkit-scrollbar-thumb:active {\n  background: lighten($ui-base-color, 4%);\n}\n\n::-webkit-scrollbar-track {\n  border: 0px none $base-border-color;\n  border-radius: 0;\n  background: rgba($base-overlay-background, 0.1);\n}\n\n::-webkit-scrollbar-track:hover {\n  background: $ui-base-color;\n}\n\n::-webkit-scrollbar-track:active {\n  background: $ui-base-color;\n}\n\n::-webkit-scrollbar-corner {\n  background: transparent;\n}\n","// Dependent colors\n$black: #000000;\n\n$classic-base-color: #282c37;\n$classic-primary-color: #9baec8;\n$classic-secondary-color: #d9e1e8;\n$classic-highlight-color: #2b90d9;\n\n$ui-base-color: $classic-base-color !default;\n$ui-primary-color: $classic-primary-color !default;\n$ui-secondary-color: $classic-secondary-color !default;\n\n// Differences\n$ui-highlight-color: #2b5fd9;\n\n$darker-text-color: lighten($ui-primary-color, 20%) !default;\n$dark-text-color: lighten($ui-primary-color, 12%) !default;\n$secondary-text-color: lighten($ui-secondary-color, 6%) !default;\n$highlight-text-color: $classic-highlight-color !default;\n$action-button-color: #8d9ac2;\n\n$inverted-text-color: $black !default;\n$lighter-text-color: darken($ui-base-color, 6%) !default;\n$light-text-color: darken($ui-primary-color, 40%) !default;\n","@function hex-color($color) {\n  @if type-of($color) == 'color' {\n    $color: str-slice(ie-hex-str($color), 4);\n  }\n\n  @return '%23' + unquote($color);\n}\n\nbody {\n  font-family: $font-sans-serif, sans-serif;\n  background: darken($ui-base-color, 7%);\n  font-size: 13px;\n  line-height: 18px;\n  font-weight: 400;\n  color: $primary-text-color;\n  text-rendering: optimizelegibility;\n  font-feature-settings: \"kern\";\n  text-size-adjust: none;\n  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);\n  -webkit-tap-highlight-color: transparent;\n\n  &.system-font {\n    // system-ui => standard property (Chrome/Android WebView 56+, Opera 43+, Safari 11+)\n    // -apple-system => Safari <11 specific\n    // BlinkMacSystemFont => Chrome <56 on macOS specific\n    // Segoe UI => Windows 7/8/10\n    // Oxygen => KDE\n    // Ubuntu => Unity/Ubuntu\n    // Cantarell => GNOME\n    // Fira Sans => Firefox OS\n    // Droid Sans => Older Androids (<4.0)\n    // Helvetica Neue => Older macOS <10.11\n    // $font-sans-serif => web-font (Roboto) fallback and newer Androids (>=4.0)\n    font-family: system-ui, -apple-system, BlinkMacSystemFont, \"Segoe UI\", \"Oxygen\", \"Ubuntu\", \"Cantarell\", \"Fira Sans\", \"Droid Sans\", \"Helvetica Neue\", $font-sans-serif, sans-serif;\n  }\n\n  &.app-body {\n    padding: 0;\n\n    &.layout-single-column {\n      height: auto;\n      min-height: 100vh;\n      overflow-y: scroll;\n    }\n\n    &.layout-multiple-columns {\n      position: absolute;\n      width: 100%;\n      height: 100%;\n    }\n\n    &.with-modals--active {\n      overflow-y: hidden;\n    }\n  }\n\n  &.lighter {\n    background: $ui-base-color;\n  }\n\n  &.with-modals {\n    overflow-x: hidden;\n    overflow-y: scroll;\n\n    &--active {\n      overflow-y: hidden;\n    }\n  }\n\n  &.player {\n    text-align: center;\n  }\n\n  &.embed {\n    background: lighten($ui-base-color, 4%);\n    margin: 0;\n    padding-bottom: 0;\n\n    .container {\n      position: absolute;\n      width: 100%;\n      height: 100%;\n      overflow: hidden;\n    }\n  }\n\n  &.admin {\n    background: darken($ui-base-color, 4%);\n    padding: 0;\n  }\n\n  &.error {\n    position: absolute;\n    text-align: center;\n    color: $darker-text-color;\n    background: $ui-base-color;\n    width: 100%;\n    height: 100%;\n    padding: 0;\n    display: flex;\n    justify-content: center;\n    align-items: center;\n\n    .dialog {\n      vertical-align: middle;\n      margin: 20px;\n\n      &__illustration {\n        img {\n          display: block;\n          max-width: 470px;\n          width: 100%;\n          height: auto;\n          margin-top: -120px;\n        }\n      }\n\n      h1 {\n        font-size: 20px;\n        line-height: 28px;\n        font-weight: 400;\n      }\n    }\n  }\n}\n\nbutton {\n  font-family: inherit;\n  cursor: pointer;\n\n  &:focus {\n    outline: none;\n  }\n}\n\n.app-holder {\n  &,\n  & > div,\n  & > noscript {\n    display: flex;\n    width: 100%;\n    align-items: center;\n    justify-content: center;\n    outline: 0 !important;\n  }\n\n  & > noscript {\n    height: 100vh;\n  }\n}\n\n.layout-single-column .app-holder {\n  &,\n  & > div {\n    min-height: 100vh;\n  }\n}\n\n.layout-multiple-columns .app-holder {\n  &,\n  & > div {\n    height: 100%;\n  }\n}\n\n.error-boundary,\n.app-holder noscript {\n  flex-direction: column;\n  font-size: 16px;\n  font-weight: 400;\n  line-height: 1.7;\n  color: lighten($error-red, 4%);\n  text-align: center;\n\n  & > div {\n    max-width: 500px;\n  }\n\n  p {\n    margin-bottom: .85em;\n\n    &:last-child {\n      margin-bottom: 0;\n    }\n  }\n\n  a {\n    color: $highlight-text-color;\n\n    &:hover,\n    &:focus,\n    &:active {\n      text-decoration: none;\n    }\n  }\n\n  &__footer {\n    color: $dark-text-color;\n    font-size: 13px;\n\n    a {\n      color: $dark-text-color;\n    }\n  }\n\n  button {\n    display: inline;\n    border: 0;\n    background: transparent;\n    color: $dark-text-color;\n    font: inherit;\n    padding: 0;\n    margin: 0;\n    line-height: inherit;\n    cursor: pointer;\n    outline: 0;\n    transition: color 300ms linear;\n    text-decoration: underline;\n\n    &:hover,\n    &:focus,\n    &:active {\n      text-decoration: none;\n    }\n\n    &.copied {\n      color: $valid-value-color;\n      transition: none;\n    }\n  }\n}\n","// Commonly used web colors\n$black: #000000;            // Black\n$white: #ffffff;            // White\n$success-green: #79bd9a !default;    // Padua\n$error-red: #df405a !default;        // Cerise\n$warning-red: #ff5050 !default;      // Sunset Orange\n$gold-star: #ca8f04 !default;        // Dark Goldenrod\n\n$red-bookmark: $warning-red;\n\n// Pleroma-Dark colors\n$pleroma-bg: #121a24;\n$pleroma-fg: #182230;\n$pleroma-text: #b9b9ba;\n$pleroma-links: #d8a070;\n\n// Values from the classic Mastodon UI\n$classic-base-color: $pleroma-bg;\n$classic-primary-color: #9baec8;\n$classic-secondary-color: #d9e1e8;\n$classic-highlight-color: #d8a070;\n\n// Variables for defaults in UI\n$base-shadow-color: $black !default;\n$base-overlay-background: $black !default;\n$base-border-color: $white !default;\n$simple-background-color: $white !default;\n$valid-value-color: $success-green !default;\n$error-value-color: $error-red !default;\n\n// Tell UI to use selected colors\n$ui-base-color: $classic-base-color !default;                  // Darkest\n$ui-base-lighter-color: lighten($ui-base-color, 26%) !default; // Lighter darkest\n$ui-primary-color: $classic-primary-color !default;            // Lighter\n$ui-secondary-color: $classic-secondary-color !default;        // Lightest\n$ui-highlight-color: $classic-highlight-color !default;\n\n// Variables for texts\n$primary-text-color: $white !default;\n$darker-text-color: $ui-primary-color !default;\n$dark-text-color: $ui-base-lighter-color !default;\n$secondary-text-color: $ui-secondary-color !default;\n$highlight-text-color: $ui-highlight-color !default;\n$action-button-color: $ui-base-lighter-color !default;\n// For texts on inverted backgrounds\n$inverted-text-color: $ui-base-color !default;\n$lighter-text-color: $ui-base-lighter-color !default;\n$light-text-color: $ui-primary-color !default;\n\n// Language codes that uses CJK fonts\n$cjk-langs: ja, ko, zh-CN, zh-HK, zh-TW;\n\n// Variables for components\n$media-modal-media-max-width: 100%;\n// put margins on top and bottom of image to avoid the screen covered by image.\n$media-modal-media-max-height: 80%;\n\n$no-gap-breakpoint: 415px;\n\n$font-sans-serif: 'mastodon-font-sans-serif' !default;\n$font-display: 'mastodon-font-display' !default;\n$font-monospace: 'mastodon-font-monospace' !default;\n",".container-alt {\n  width: 700px;\n  margin: 0 auto;\n  margin-top: 40px;\n\n  @media screen and (max-width: 740px) {\n    width: 100%;\n    margin: 0;\n  }\n}\n\n.logo-container {\n  margin: 100px auto 50px;\n\n  @media screen and (max-width: 500px) {\n    margin: 40px auto 0;\n  }\n\n  h1 {\n    display: flex;\n    justify-content: center;\n    align-items: center;\n\n    svg {\n      fill: $primary-text-color;\n      height: 42px;\n      margin-right: 10px;\n    }\n\n    a {\n      display: flex;\n      justify-content: center;\n      align-items: center;\n      color: $primary-text-color;\n      text-decoration: none;\n      outline: 0;\n      padding: 12px 16px;\n      line-height: 32px;\n      font-family: $font-display, sans-serif;\n      font-weight: 500;\n      font-size: 14px;\n    }\n  }\n}\n\n.compose-standalone {\n  .compose-form {\n    width: 400px;\n    margin: 0 auto;\n    padding: 20px 0;\n    margin-top: 40px;\n    box-sizing: border-box;\n\n    @media screen and (max-width: 400px) {\n      width: 100%;\n      margin-top: 0;\n      padding: 20px;\n    }\n  }\n}\n\n.account-header {\n  width: 400px;\n  margin: 0 auto;\n  display: flex;\n  font-size: 13px;\n  line-height: 18px;\n  box-sizing: border-box;\n  padding: 20px 0;\n  padding-bottom: 0;\n  margin-bottom: -30px;\n  margin-top: 40px;\n\n  @media screen and (max-width: 440px) {\n    width: 100%;\n    margin: 0;\n    margin-bottom: 10px;\n    padding: 20px;\n    padding-bottom: 0;\n  }\n\n  .avatar {\n    width: 40px;\n    height: 40px;\n    margin-right: 8px;\n\n    img {\n      width: 100%;\n      height: 100%;\n      display: block;\n      margin: 0;\n      border-radius: 4px;\n    }\n  }\n\n  .name {\n    flex: 1 1 auto;\n    color: $secondary-text-color;\n    width: calc(100% - 88px);\n\n    .username {\n      display: block;\n      font-weight: 500;\n      text-overflow: ellipsis;\n      overflow: hidden;\n    }\n  }\n\n  .logout-link {\n    display: block;\n    font-size: 32px;\n    line-height: 40px;\n    margin-left: 8px;\n  }\n}\n\n.grid-3 {\n  display: grid;\n  grid-gap: 10px;\n  grid-template-columns: 3fr 1fr;\n  grid-auto-columns: 25%;\n  grid-auto-rows: max-content;\n\n  .column-0 {\n    grid-column: 1 / 3;\n    grid-row: 1;\n  }\n\n  .column-1 {\n    grid-column: 1;\n    grid-row: 2;\n  }\n\n  .column-2 {\n    grid-column: 2;\n    grid-row: 2;\n  }\n\n  .column-3 {\n    grid-column: 1 / 3;\n    grid-row: 3;\n  }\n\n  @media screen and (max-width: $no-gap-breakpoint) {\n    grid-gap: 0;\n    grid-template-columns: minmax(0, 100%);\n\n    .column-0 {\n      grid-column: 1;\n    }\n\n    .column-1 {\n      grid-column: 1;\n      grid-row: 3;\n    }\n\n    .column-2 {\n      grid-column: 1;\n      grid-row: 2;\n    }\n\n    .column-3 {\n      grid-column: 1;\n      grid-row: 4;\n    }\n  }\n}\n\n.grid-4 {\n  display: grid;\n  grid-gap: 10px;\n  grid-template-columns: repeat(4, minmax(0, 1fr));\n  grid-auto-columns: 25%;\n  grid-auto-rows: max-content;\n\n  .column-0 {\n    grid-column: 1 / 5;\n    grid-row: 1;\n  }\n\n  .column-1 {\n    grid-column: 1 / 4;\n    grid-row: 2;\n  }\n\n  .column-2 {\n    grid-column: 4;\n    grid-row: 2;\n  }\n\n  .column-3 {\n    grid-column: 2 / 5;\n    grid-row: 3;\n  }\n\n  .column-4 {\n    grid-column: 1;\n    grid-row: 3;\n  }\n\n  .landing-page__call-to-action {\n    min-height: 100%;\n  }\n\n  .flash-message {\n    margin-bottom: 10px;\n  }\n\n  @media screen and (max-width: 738px) {\n    grid-template-columns: minmax(0, 50%) minmax(0, 50%);\n\n    .landing-page__call-to-action {\n      padding: 20px;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n    }\n\n    .row__information-board {\n      width: 100%;\n      justify-content: center;\n      align-items: center;\n    }\n\n    .row__mascot {\n      display: none;\n    }\n  }\n\n  @media screen and (max-width: $no-gap-breakpoint) {\n    grid-gap: 0;\n    grid-template-columns: minmax(0, 100%);\n\n    .column-0 {\n      grid-column: 1;\n    }\n\n    .column-1 {\n      grid-column: 1;\n      grid-row: 3;\n    }\n\n    .column-2 {\n      grid-column: 1;\n      grid-row: 2;\n    }\n\n    .column-3 {\n      grid-column: 1;\n      grid-row: 5;\n    }\n\n    .column-4 {\n      grid-column: 1;\n      grid-row: 4;\n    }\n  }\n}\n\n.public-layout {\n  @media screen and (max-width: $no-gap-breakpoint) {\n    padding-top: 48px;\n  }\n\n  .container {\n    max-width: 960px;\n\n    @media screen and (max-width: $no-gap-breakpoint) {\n      padding: 0;\n    }\n  }\n\n  .header {\n    background: lighten($ui-base-color, 8%);\n    box-shadow: 0 0 15px rgba($base-shadow-color, 0.2);\n    border-radius: 4px;\n    height: 48px;\n    margin: 10px 0;\n    display: flex;\n    align-items: stretch;\n    justify-content: center;\n    flex-wrap: nowrap;\n    overflow: hidden;\n\n    @media screen and (max-width: $no-gap-breakpoint) {\n      position: fixed;\n      width: 100%;\n      top: 0;\n      left: 0;\n      margin: 0;\n      border-radius: 0;\n      box-shadow: none;\n      z-index: 110;\n    }\n\n    & > div {\n      flex: 1 1 33.3%;\n      min-height: 1px;\n    }\n\n    .nav-left {\n      display: flex;\n      align-items: stretch;\n      justify-content: flex-start;\n      flex-wrap: nowrap;\n    }\n\n    .nav-center {\n      display: flex;\n      align-items: stretch;\n      justify-content: center;\n      flex-wrap: nowrap;\n    }\n\n    .nav-right {\n      display: flex;\n      align-items: stretch;\n      justify-content: flex-end;\n      flex-wrap: nowrap;\n    }\n\n    .brand {\n      display: block;\n      padding: 15px;\n\n      svg {\n        display: block;\n        height: 18px;\n        width: auto;\n        position: relative;\n        bottom: -2px;\n        fill: $primary-text-color;\n\n        @media screen and (max-width: $no-gap-breakpoint) {\n          height: 20px;\n        }\n      }\n\n      &:hover,\n      &:focus,\n      &:active {\n        background: lighten($ui-base-color, 12%);\n      }\n    }\n\n    .nav-link {\n      display: flex;\n      align-items: center;\n      padding: 0 1rem;\n      font-size: 12px;\n      font-weight: 500;\n      text-decoration: none;\n      color: $darker-text-color;\n      white-space: nowrap;\n      text-align: center;\n\n      &:hover,\n      &:focus,\n      &:active {\n        text-decoration: underline;\n        color: $primary-text-color;\n      }\n\n      @media screen and (max-width: 550px) {\n        &.optional {\n          display: none;\n        }\n      }\n    }\n\n    .nav-button {\n      background: lighten($ui-base-color, 16%);\n      margin: 8px;\n      margin-left: 0;\n      border-radius: 4px;\n\n      &:hover,\n      &:focus,\n      &:active {\n        text-decoration: none;\n        background: lighten($ui-base-color, 20%);\n      }\n    }\n  }\n\n  $no-columns-breakpoint: 600px;\n\n  .grid {\n    display: grid;\n    grid-gap: 10px;\n    grid-template-columns: minmax(300px, 3fr) minmax(298px, 1fr);\n    grid-auto-columns: 25%;\n    grid-auto-rows: max-content;\n\n    .column-0 {\n      grid-row: 1;\n      grid-column: 1;\n    }\n\n    .column-1 {\n      grid-row: 1;\n      grid-column: 2;\n    }\n\n    @media screen and (max-width: $no-columns-breakpoint) {\n      grid-template-columns: 100%;\n      grid-gap: 0;\n\n      .column-1 {\n        display: none;\n      }\n    }\n  }\n\n  .directory__card {\n    border-radius: 4px;\n\n    @media screen and (max-width: $no-gap-breakpoint) {\n      border-radius: 0;\n    }\n  }\n\n  .page-header {\n    @media screen and (max-width: $no-gap-breakpoint) {\n      border-bottom: 0;\n    }\n  }\n\n  .public-account-header {\n    overflow: hidden;\n    margin-bottom: 10px;\n    box-shadow: 0 0 15px rgba($base-shadow-color, 0.2);\n\n    &.inactive {\n      opacity: 0.5;\n\n      .public-account-header__image,\n      .avatar {\n        filter: grayscale(100%);\n      }\n\n      .logo-button {\n        background-color: $secondary-text-color;\n      }\n    }\n\n    &__image {\n      border-radius: 4px 4px 0 0;\n      overflow: hidden;\n      height: 300px;\n      position: relative;\n      background: darken($ui-base-color, 12%);\n\n      &::after {\n        content: \"\";\n        display: block;\n        position: absolute;\n        width: 100%;\n        height: 100%;\n        box-shadow: inset 0 -1px 1px 1px rgba($base-shadow-color, 0.15);\n        top: 0;\n        left: 0;\n      }\n\n      img {\n        object-fit: cover;\n        display: block;\n        width: 100%;\n        height: 100%;\n        margin: 0;\n        border-radius: 4px 4px 0 0;\n      }\n\n      @media screen and (max-width: 600px) {\n        height: 200px;\n      }\n    }\n\n    &--no-bar {\n      margin-bottom: 0;\n\n      .public-account-header__image,\n      .public-account-header__image img {\n        border-radius: 4px;\n\n        @media screen and (max-width: $no-gap-breakpoint) {\n          border-radius: 0;\n        }\n      }\n    }\n\n    @media screen and (max-width: $no-gap-breakpoint) {\n      margin-bottom: 0;\n      box-shadow: none;\n\n      &__image::after {\n        display: none;\n      }\n\n      &__image,\n      &__image img {\n        border-radius: 0;\n      }\n    }\n\n    &__bar {\n      position: relative;\n      margin-top: -80px;\n      display: flex;\n      justify-content: flex-start;\n\n      &::before {\n        content: \"\";\n        display: block;\n        background: lighten($ui-base-color, 4%);\n        position: absolute;\n        bottom: 0;\n        left: 0;\n        right: 0;\n        height: 60px;\n        border-radius: 0 0 4px 4px;\n        z-index: -1;\n      }\n\n      .avatar {\n        display: block;\n        width: 120px;\n        height: 120px;\n        padding-left: 20px - 4px;\n        flex: 0 0 auto;\n\n        img {\n          display: block;\n          width: 100%;\n          height: 100%;\n          margin: 0;\n          border-radius: 50%;\n          border: 4px solid lighten($ui-base-color, 4%);\n          background: darken($ui-base-color, 8%);\n        }\n      }\n\n      @media screen and (max-width: 600px) {\n        margin-top: 0;\n        background: lighten($ui-base-color, 4%);\n        border-radius: 0 0 4px 4px;\n        padding: 5px;\n\n        &::before {\n          display: none;\n        }\n\n        .avatar {\n          width: 48px;\n          height: 48px;\n          padding: 7px 0;\n          padding-left: 10px;\n\n          img {\n            border: 0;\n            border-radius: 4px;\n          }\n\n          @media screen and (max-width: 360px) {\n            display: none;\n          }\n        }\n      }\n\n      @media screen and (max-width: $no-gap-breakpoint) {\n        border-radius: 0;\n      }\n\n      @media screen and (max-width: $no-columns-breakpoint) {\n        flex-wrap: wrap;\n      }\n    }\n\n    &__tabs {\n      flex: 1 1 auto;\n      margin-left: 20px;\n\n      &__name {\n        padding-top: 20px;\n        padding-bottom: 8px;\n\n        h1 {\n          font-size: 20px;\n          line-height: 18px * 1.5;\n          color: $primary-text-color;\n          font-weight: 500;\n          overflow: hidden;\n          white-space: nowrap;\n          text-overflow: ellipsis;\n          text-shadow: 1px 1px 1px $base-shadow-color;\n\n          small {\n            display: block;\n            font-size: 14px;\n            color: $primary-text-color;\n            font-weight: 400;\n            overflow: hidden;\n            text-overflow: ellipsis;\n          }\n        }\n      }\n\n      @media screen and (max-width: 600px) {\n        margin-left: 15px;\n        display: flex;\n        justify-content: space-between;\n        align-items: center;\n\n        &__name {\n          padding-top: 0;\n          padding-bottom: 0;\n\n          h1 {\n            font-size: 16px;\n            line-height: 24px;\n            text-shadow: none;\n\n            small {\n              color: $darker-text-color;\n            }\n          }\n        }\n      }\n\n      &__tabs {\n        display: flex;\n        justify-content: flex-start;\n        align-items: stretch;\n        height: 58px;\n\n        .details-counters {\n          display: flex;\n          flex-direction: row;\n          min-width: 300px;\n        }\n\n        @media screen and (max-width: $no-columns-breakpoint) {\n          .details-counters {\n            display: none;\n          }\n        }\n\n        .counter {\n          min-width: 33.3%;\n          box-sizing: border-box;\n          flex: 0 0 auto;\n          color: $darker-text-color;\n          padding: 10px;\n          border-right: 1px solid lighten($ui-base-color, 4%);\n          cursor: default;\n          text-align: center;\n          position: relative;\n\n          a {\n            display: block;\n          }\n\n          &:last-child {\n            border-right: 0;\n          }\n\n          &::after {\n            display: block;\n            content: \"\";\n            position: absolute;\n            bottom: 0;\n            left: 0;\n            width: 100%;\n            border-bottom: 4px solid $ui-primary-color;\n            opacity: 0.5;\n            transition: all 400ms ease;\n          }\n\n          &.active {\n            &::after {\n              border-bottom: 4px solid $highlight-text-color;\n              opacity: 1;\n            }\n\n            &.inactive::after {\n              border-bottom-color: $secondary-text-color;\n            }\n          }\n\n          &:hover {\n            &::after {\n              opacity: 1;\n              transition-duration: 100ms;\n            }\n          }\n\n          a {\n            text-decoration: none;\n            color: inherit;\n          }\n\n          .counter-label {\n            font-size: 12px;\n            display: block;\n          }\n\n          .counter-number {\n            font-weight: 500;\n            font-size: 18px;\n            margin-bottom: 5px;\n            color: $primary-text-color;\n            font-family: $font-display, sans-serif;\n          }\n        }\n\n        .spacer {\n          flex: 1 1 auto;\n          height: 1px;\n        }\n\n        &__buttons {\n          padding: 7px 8px;\n        }\n      }\n    }\n\n    &__extra {\n      display: none;\n      margin-top: 4px;\n\n      .public-account-bio {\n        border-radius: 0;\n        box-shadow: none;\n        background: transparent;\n        margin: 0 -5px;\n\n        .account__header__fields {\n          border-top: 1px solid lighten($ui-base-color, 12%);\n        }\n\n        .roles {\n          display: none;\n        }\n      }\n\n      &__links {\n        margin-top: -15px;\n        font-size: 14px;\n        color: $darker-text-color;\n\n        a {\n          display: inline-block;\n          color: $darker-text-color;\n          text-decoration: none;\n          padding: 15px;\n          font-weight: 500;\n\n          strong {\n            font-weight: 700;\n            color: $primary-text-color;\n          }\n        }\n      }\n\n      @media screen and (max-width: $no-columns-breakpoint) {\n        display: block;\n        flex: 100%;\n      }\n    }\n  }\n\n  .account__section-headline {\n    border-radius: 4px 4px 0 0;\n\n    @media screen and (max-width: $no-gap-breakpoint) {\n      border-radius: 0;\n    }\n  }\n\n  .detailed-status__meta {\n    margin-top: 25px;\n  }\n\n  .public-account-bio {\n    background: lighten($ui-base-color, 8%);\n    box-shadow: 0 0 15px rgba($base-shadow-color, 0.2);\n    border-radius: 4px;\n    overflow: hidden;\n    margin-bottom: 10px;\n\n    @media screen and (max-width: $no-gap-breakpoint) {\n      box-shadow: none;\n      margin-bottom: 0;\n      border-radius: 0;\n    }\n\n    .account__header__fields {\n      margin: 0;\n      border-top: 0;\n\n      a {\n        color: lighten($ui-highlight-color, 8%);\n      }\n\n      dl:first-child .verified {\n        border-radius: 0 4px 0 0;\n      }\n\n      .verified a {\n        color: $valid-value-color;\n      }\n    }\n\n    .account__header__content {\n      padding: 20px;\n      padding-bottom: 0;\n      color: $primary-text-color;\n    }\n\n    &__extra,\n    .roles {\n      padding: 20px;\n      font-size: 14px;\n      color: $darker-text-color;\n    }\n\n    .roles {\n      padding-bottom: 0;\n    }\n  }\n\n  .directory__list {\n    display: grid;\n    grid-gap: 10px;\n    grid-template-columns: minmax(0, 50%) minmax(0, 50%);\n\n    @media screen and (max-width: $no-gap-breakpoint) {\n      display: block;\n    }\n\n    .icon-button {\n      font-size: 18px;\n    }\n  }\n\n  .directory__card {\n    margin-bottom: 0;\n  }\n\n  .card-grid {\n    display: flex;\n    flex-wrap: wrap;\n    min-width: 100%;\n    margin: 0 -5px;\n\n    & > div {\n      box-sizing: border-box;\n      flex: 1 0 auto;\n      width: 300px;\n      padding: 0 5px;\n      margin-bottom: 10px;\n      max-width: 33.333%;\n\n      @media screen and (max-width: 900px) {\n        max-width: 50%;\n      }\n\n      @media screen and (max-width: 600px) {\n        max-width: 100%;\n      }\n    }\n\n    @media screen and (max-width: $no-gap-breakpoint) {\n      margin: 0;\n      border-top: 1px solid lighten($ui-base-color, 8%);\n\n      & > div {\n        width: 100%;\n        padding: 0;\n        margin-bottom: 0;\n        border-bottom: 1px solid lighten($ui-base-color, 8%);\n\n        &:last-child {\n          border-bottom: 0;\n        }\n\n        .card__bar {\n          background: $ui-base-color;\n\n          &:hover,\n          &:active,\n          &:focus {\n            background: lighten($ui-base-color, 4%);\n          }\n        }\n      }\n    }\n  }\n}\n",".no-list {\n  list-style: none;\n\n  li {\n    display: inline-block;\n    margin: 0 5px;\n  }\n}\n\n.recovery-codes {\n  list-style: none;\n  margin: 0 auto;\n\n  li {\n    font-size: 125%;\n    line-height: 1.5;\n    letter-spacing: 1px;\n  }\n}\n",".public-layout {\n  .footer {\n    text-align: left;\n    padding-top: 20px;\n    padding-bottom: 60px;\n    font-size: 12px;\n    color: lighten($ui-base-color, 34%);\n\n    @media screen and (max-width: $no-gap-breakpoint) {\n      padding-left: 20px;\n      padding-right: 20px;\n    }\n\n    .grid {\n      display: grid;\n      grid-gap: 10px;\n      grid-template-columns: 1fr 1fr 2fr 1fr 1fr;\n\n      .column-0 {\n        grid-column: 1;\n        grid-row: 1;\n        min-width: 0;\n      }\n\n      .column-1 {\n        grid-column: 2;\n        grid-row: 1;\n        min-width: 0;\n      }\n\n      .column-2 {\n        grid-column: 3;\n        grid-row: 1;\n        min-width: 0;\n        text-align: center;\n\n        h4 a {\n          color: lighten($ui-base-color, 34%);\n        }\n      }\n\n      .column-3 {\n        grid-column: 4;\n        grid-row: 1;\n        min-width: 0;\n      }\n\n      .column-4 {\n        grid-column: 5;\n        grid-row: 1;\n        min-width: 0;\n      }\n\n      @media screen and (max-width: 690px) {\n        grid-template-columns: 1fr 2fr 1fr;\n\n        .column-0,\n        .column-1 {\n          grid-column: 1;\n        }\n\n        .column-1 {\n          grid-row: 2;\n        }\n\n        .column-2 {\n          grid-column: 2;\n        }\n\n        .column-3,\n        .column-4 {\n          grid-column: 3;\n        }\n\n        .column-4 {\n          grid-row: 2;\n        }\n      }\n\n      @media screen and (max-width: 600px) {\n        .column-1 {\n          display: block;\n        }\n      }\n\n      @media screen and (max-width: $no-gap-breakpoint) {\n        .column-0,\n        .column-1,\n        .column-3,\n        .column-4 {\n          display: none;\n        }\n      }\n    }\n\n    h4 {\n      text-transform: uppercase;\n      font-weight: 700;\n      margin-bottom: 8px;\n      color: $darker-text-color;\n\n      a {\n        color: inherit;\n        text-decoration: none;\n      }\n    }\n\n    ul a {\n      text-decoration: none;\n      color: lighten($ui-base-color, 34%);\n\n      &:hover,\n      &:active,\n      &:focus {\n        text-decoration: underline;\n      }\n    }\n\n    .brand {\n      svg {\n        display: block;\n        height: 36px;\n        width: auto;\n        margin: 0 auto;\n        fill: lighten($ui-base-color, 34%);\n      }\n\n      &:hover,\n      &:focus,\n      &:active {\n        svg {\n          fill: lighten($ui-base-color, 38%);\n        }\n      }\n    }\n  }\n}\n",".compact-header {\n  h1 {\n    font-size: 24px;\n    line-height: 28px;\n    color: $darker-text-color;\n    font-weight: 500;\n    margin-bottom: 20px;\n    padding: 0 10px;\n    word-wrap: break-word;\n\n    @media screen and (max-width: 740px) {\n      text-align: center;\n      padding: 20px 10px 0;\n    }\n\n    a {\n      color: inherit;\n      text-decoration: none;\n    }\n\n    small {\n      font-weight: 400;\n      color: $secondary-text-color;\n    }\n\n    img {\n      display: inline-block;\n      margin-bottom: -5px;\n      margin-right: 15px;\n      width: 36px;\n      height: 36px;\n    }\n  }\n}\n",".hero-widget {\n  margin-bottom: 10px;\n  box-shadow: 0 0 15px rgba($base-shadow-color, 0.2);\n\n  &__img {\n    width: 100%;\n    position: relative;\n    overflow: hidden;\n    border-radius: 4px 4px 0 0;\n    background: $base-shadow-color;\n\n    img {\n      object-fit: cover;\n      display: block;\n      width: 100%;\n      height: 100%;\n      margin: 0;\n      border-radius: 4px 4px 0 0;\n    }\n  }\n\n  &__text {\n    background: $ui-base-color;\n    padding: 20px;\n    border-radius: 0 0 4px 4px;\n    font-size: 15px;\n    color: $darker-text-color;\n    line-height: 20px;\n    word-wrap: break-word;\n    font-weight: 400;\n\n    .emojione {\n      width: 20px;\n      height: 20px;\n      margin: -3px 0 0;\n    }\n\n    p {\n      margin-bottom: 20px;\n\n      &:last-child {\n        margin-bottom: 0;\n      }\n    }\n\n    em {\n      display: inline;\n      margin: 0;\n      padding: 0;\n      font-weight: 700;\n      background: transparent;\n      font-family: inherit;\n      font-size: inherit;\n      line-height: inherit;\n      color: lighten($darker-text-color, 10%);\n    }\n\n    a {\n      color: $secondary-text-color;\n      text-decoration: none;\n\n      &:hover {\n        text-decoration: underline;\n      }\n    }\n  }\n\n  @media screen and (max-width: $no-gap-breakpoint) {\n    display: none;\n  }\n}\n\n.endorsements-widget {\n  margin-bottom: 10px;\n  padding-bottom: 10px;\n\n  h4 {\n    padding: 10px;\n    text-transform: uppercase;\n    font-weight: 700;\n    font-size: 13px;\n    color: $darker-text-color;\n  }\n\n  .account {\n    padding: 10px 0;\n\n    &:last-child {\n      border-bottom: 0;\n    }\n\n    .account__display-name {\n      display: flex;\n      align-items: center;\n    }\n\n    .account__avatar {\n      width: 44px;\n      height: 44px;\n      background-size: 44px 44px;\n    }\n  }\n\n  .trends__item {\n    padding: 10px;\n  }\n}\n\n.trends-widget {\n  h4 {\n    color: $darker-text-color;\n  }\n}\n\n.box-widget {\n  padding: 20px;\n  border-radius: 4px;\n  background: $ui-base-color;\n  box-shadow: 0 0 15px rgba($base-shadow-color, 0.2);\n}\n\n.placeholder-widget {\n  padding: 16px;\n  border-radius: 4px;\n  border: 2px dashed $dark-text-color;\n  text-align: center;\n  color: $darker-text-color;\n  margin-bottom: 10px;\n}\n\n.contact-widget {\n  min-height: 100%;\n  font-size: 15px;\n  color: $darker-text-color;\n  line-height: 20px;\n  word-wrap: break-word;\n  font-weight: 400;\n  padding: 0;\n\n  h4 {\n    padding: 10px;\n    text-transform: uppercase;\n    font-weight: 700;\n    font-size: 13px;\n    color: $darker-text-color;\n  }\n\n  .account {\n    border-bottom: 0;\n    padding: 10px 0;\n    padding-top: 5px;\n  }\n\n  & > a {\n    display: inline-block;\n    padding: 10px;\n    padding-top: 0;\n    color: $darker-text-color;\n    text-decoration: none;\n    white-space: nowrap;\n    overflow: hidden;\n    text-overflow: ellipsis;\n\n    &:hover,\n    &:focus,\n    &:active {\n      text-decoration: underline;\n    }\n  }\n}\n\n.moved-account-widget {\n  padding: 15px;\n  padding-bottom: 20px;\n  border-radius: 4px;\n  background: $ui-base-color;\n  box-shadow: 0 0 15px rgba($base-shadow-color, 0.2);\n  color: $secondary-text-color;\n  font-weight: 400;\n  margin-bottom: 10px;\n\n  strong,\n  a {\n    font-weight: 500;\n\n    @each $lang in $cjk-langs {\n      &:lang(#{$lang}) {\n        font-weight: 700;\n      }\n    }\n  }\n\n  a {\n    color: inherit;\n    text-decoration: underline;\n\n    &.mention {\n      text-decoration: none;\n\n      span {\n        text-decoration: none;\n      }\n\n      &:focus,\n      &:hover,\n      &:active {\n        text-decoration: none;\n\n        span {\n          text-decoration: underline;\n        }\n      }\n    }\n  }\n\n  &__message {\n    margin-bottom: 15px;\n\n    .fa {\n      margin-right: 5px;\n      color: $darker-text-color;\n    }\n  }\n\n  &__card {\n    .detailed-status__display-avatar {\n      position: relative;\n      cursor: pointer;\n    }\n\n    .detailed-status__display-name {\n      margin-bottom: 0;\n      text-decoration: none;\n\n      span {\n        font-weight: 400;\n      }\n    }\n  }\n}\n\n.memoriam-widget {\n  padding: 20px;\n  border-radius: 4px;\n  background: $base-shadow-color;\n  box-shadow: 0 0 15px rgba($base-shadow-color, 0.2);\n  font-size: 14px;\n  color: $darker-text-color;\n  margin-bottom: 10px;\n}\n\n.page-header {\n  background: lighten($ui-base-color, 8%);\n  box-shadow: 0 0 15px rgba($base-shadow-color, 0.2);\n  border-radius: 4px;\n  padding: 60px 15px;\n  text-align: center;\n  margin: 10px 0;\n\n  h1 {\n    color: $primary-text-color;\n    font-size: 36px;\n    line-height: 1.1;\n    font-weight: 700;\n    margin-bottom: 10px;\n  }\n\n  p {\n    font-size: 15px;\n    color: $darker-text-color;\n  }\n\n  @media screen and (max-width: $no-gap-breakpoint) {\n    margin-top: 0;\n    background: lighten($ui-base-color, 4%);\n\n    h1 {\n      font-size: 24px;\n    }\n  }\n}\n\n.directory {\n  background: $ui-base-color;\n  border-radius: 4px;\n  box-shadow: 0 0 15px rgba($base-shadow-color, 0.2);\n\n  &__tag {\n    box-sizing: border-box;\n    margin-bottom: 10px;\n\n    & > a,\n    & > div {\n      display: flex;\n      align-items: center;\n      justify-content: space-between;\n      background: $ui-base-color;\n      border-radius: 4px;\n      padding: 15px;\n      text-decoration: none;\n      color: inherit;\n      box-shadow: 0 0 15px rgba($base-shadow-color, 0.2);\n    }\n\n    & > a {\n      &:hover,\n      &:active,\n      &:focus {\n        background: lighten($ui-base-color, 8%);\n      }\n    }\n\n    &.active > a {\n      background: $ui-highlight-color;\n      cursor: default;\n    }\n\n    &.disabled > div {\n      opacity: 0.5;\n      cursor: default;\n    }\n\n    h4 {\n      flex: 1 1 auto;\n      font-size: 18px;\n      font-weight: 700;\n      color: $primary-text-color;\n      white-space: nowrap;\n      overflow: hidden;\n      text-overflow: ellipsis;\n\n      .fa {\n        color: $darker-text-color;\n      }\n\n      small {\n        display: block;\n        font-weight: 400;\n        font-size: 15px;\n        margin-top: 8px;\n        color: $darker-text-color;\n      }\n    }\n\n    &.active h4 {\n      &,\n      .fa,\n      small,\n      .trends__item__current {\n        color: $primary-text-color;\n      }\n    }\n\n    .avatar-stack {\n      flex: 0 0 auto;\n      width: (36px + 4px) * 3;\n    }\n\n    &.active .avatar-stack .account__avatar {\n      border-color: $ui-highlight-color;\n    }\n\n    .trends__item__current {\n      padding-right: 0;\n    }\n  }\n}\n\n.avatar-stack {\n  display: flex;\n  justify-content: flex-end;\n\n  .account__avatar {\n    flex: 0 0 auto;\n    width: 36px;\n    height: 36px;\n    border-radius: 50%;\n    position: relative;\n    margin-left: -10px;\n    background: darken($ui-base-color, 8%);\n    border: 2px solid $ui-base-color;\n\n    &:nth-child(1) {\n      z-index: 1;\n    }\n\n    &:nth-child(2) {\n      z-index: 2;\n    }\n\n    &:nth-child(3) {\n      z-index: 3;\n    }\n  }\n}\n\n.accounts-table {\n  width: 100%;\n\n  .account {\n    padding: 0;\n    border: 0;\n  }\n\n  strong {\n    font-weight: 700;\n  }\n\n  thead th {\n    text-align: center;\n    text-transform: uppercase;\n    color: $darker-text-color;\n    font-weight: 700;\n    padding: 10px;\n\n    &:first-child {\n      text-align: left;\n    }\n  }\n\n  tbody td {\n    padding: 15px 0;\n    vertical-align: middle;\n    border-bottom: 1px solid lighten($ui-base-color, 8%);\n  }\n\n  tbody tr:last-child td {\n    border-bottom: 0;\n  }\n\n  &__count {\n    width: 120px;\n    text-align: center;\n    font-size: 15px;\n    font-weight: 500;\n    color: $primary-text-color;\n\n    small {\n      display: block;\n      color: $darker-text-color;\n      font-weight: 400;\n      font-size: 14px;\n    }\n  }\n\n  &__comment {\n    width: 50%;\n    vertical-align: initial !important;\n  }\n\n  @media screen and (max-width: $no-gap-breakpoint) {\n    tbody td.optional {\n      display: none;\n    }\n  }\n}\n\n.moved-account-widget,\n.memoriam-widget,\n.box-widget,\n.contact-widget,\n.landing-page__information.contact-widget,\n.directory,\n.page-header {\n  @media screen and (max-width: $no-gap-breakpoint) {\n    margin-bottom: 0;\n    box-shadow: none;\n    border-radius: 0;\n  }\n}\n\n$maximum-width: 1235px;\n$fluid-breakpoint: $maximum-width + 20px;\n\n.statuses-grid {\n  min-height: 600px;\n\n  @media screen and (max-width: 640px) {\n    width: 100% !important; // Masonry layout is unnecessary at this width\n  }\n\n  &__item {\n    width: (960px - 20px) / 3;\n\n    @media screen and (max-width: $fluid-breakpoint) {\n      width: (940px - 20px) / 3;\n    }\n\n    @media screen and (max-width: 640px) {\n      width: 100%;\n    }\n\n    @media screen and (max-width: $no-gap-breakpoint) {\n      width: 100vw;\n    }\n  }\n\n  .detailed-status {\n    border-radius: 4px;\n\n    @media screen and (max-width: $no-gap-breakpoint) {\n      border-top: 1px solid lighten($ui-base-color, 16%);\n    }\n\n    &.compact {\n      .detailed-status__meta {\n        margin-top: 15px;\n      }\n\n      .status__content {\n        font-size: 15px;\n        line-height: 20px;\n\n        .emojione {\n          width: 20px;\n          height: 20px;\n          margin: -3px 0 0;\n        }\n\n        .status__content__spoiler-link {\n          line-height: 20px;\n          margin: 0;\n        }\n      }\n\n      .media-gallery,\n      .status-card,\n      .video-player {\n        margin-top: 15px;\n      }\n    }\n  }\n}\n\n.notice-widget {\n  margin-bottom: 10px;\n  color: $darker-text-color;\n\n  p {\n    margin-bottom: 10px;\n\n    &:last-child {\n      margin-bottom: 0;\n    }\n  }\n\n  a {\n    font-size: 14px;\n    line-height: 20px;\n  }\n}\n\n.notice-widget,\n.placeholder-widget {\n  a {\n    text-decoration: none;\n    font-weight: 500;\n    color: $ui-highlight-color;\n\n    &:hover,\n    &:focus,\n    &:active {\n      text-decoration: underline;\n    }\n  }\n}\n\n.table-of-contents {\n  background: darken($ui-base-color, 4%);\n  min-height: 100%;\n  font-size: 14px;\n  border-radius: 4px;\n\n  li a {\n    display: block;\n    font-weight: 500;\n    padding: 15px;\n    overflow: hidden;\n    white-space: nowrap;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    text-decoration: none;\n    color: $primary-text-color;\n    border-bottom: 1px solid lighten($ui-base-color, 4%);\n\n    &:hover,\n    &:focus,\n    &:active {\n      text-decoration: underline;\n    }\n  }\n\n  li:last-child a {\n    border-bottom: 0;\n  }\n\n  li ul {\n    padding-left: 20px;\n    border-bottom: 1px solid lighten($ui-base-color, 4%);\n  }\n}\n","$no-columns-breakpoint: 600px;\n\ncode {\n  font-family: $font-monospace, monospace;\n  font-weight: 400;\n}\n\n.form-container {\n  max-width: 400px;\n  padding: 20px;\n  margin: 0 auto;\n}\n\n.simple_form {\n  .input {\n    margin-bottom: 15px;\n    overflow: hidden;\n\n    &.hidden {\n      margin: 0;\n    }\n\n    &.radio_buttons {\n      .radio {\n        margin-bottom: 15px;\n\n        &:last-child {\n          margin-bottom: 0;\n        }\n      }\n\n      .radio > label {\n        position: relative;\n        padding-left: 28px;\n\n        input {\n          position: absolute;\n          top: -2px;\n          left: 0;\n        }\n      }\n    }\n\n    &.boolean {\n      position: relative;\n      margin-bottom: 0;\n\n      .label_input > label {\n        font-family: inherit;\n        font-size: 14px;\n        padding-top: 5px;\n        color: $primary-text-color;\n        display: block;\n        width: auto;\n      }\n\n      .label_input,\n      .hint {\n        padding-left: 28px;\n      }\n\n      .label_input__wrapper {\n        position: static;\n      }\n\n      label.checkbox {\n        position: absolute;\n        top: 2px;\n        left: 0;\n      }\n\n      label a {\n        color: $highlight-text-color;\n        text-decoration: underline;\n\n        &:hover,\n        &:active,\n        &:focus {\n          text-decoration: none;\n        }\n      }\n\n      .recommended {\n        position: absolute;\n        margin: 0 4px;\n        margin-top: -2px;\n      }\n    }\n  }\n\n  .row {\n    display: flex;\n    margin: 0 -5px;\n\n    .input {\n      box-sizing: border-box;\n      flex: 1 1 auto;\n      width: 50%;\n      padding: 0 5px;\n    }\n  }\n\n  .hint {\n    color: $darker-text-color;\n\n    a {\n      color: $highlight-text-color;\n    }\n\n    code {\n      border-radius: 3px;\n      padding: 0.2em 0.4em;\n      background: darken($ui-base-color, 12%);\n    }\n\n    li {\n      list-style: disc;\n      margin-left: 18px;\n    }\n  }\n\n  ul.hint {\n    margin-bottom: 15px;\n  }\n\n  span.hint {\n    display: block;\n    font-size: 12px;\n    margin-top: 4px;\n  }\n\n  p.hint {\n    margin-bottom: 15px;\n    color: $darker-text-color;\n\n    &.subtle-hint {\n      text-align: center;\n      font-size: 12px;\n      line-height: 18px;\n      margin-top: 15px;\n      margin-bottom: 0;\n    }\n  }\n\n  .card {\n    margin-bottom: 15px;\n  }\n\n  strong {\n    font-weight: 500;\n\n    @each $lang in $cjk-langs {\n      &:lang(#{$lang}) {\n        font-weight: 700;\n      }\n    }\n  }\n\n  .input.with_floating_label {\n    .label_input {\n      display: flex;\n\n      & > label {\n        font-family: inherit;\n        font-size: 14px;\n        color: $primary-text-color;\n        font-weight: 500;\n        min-width: 150px;\n        flex: 0 0 auto;\n      }\n\n      input,\n      select {\n        flex: 1 1 auto;\n      }\n    }\n\n    &.select .hint {\n      margin-top: 6px;\n      margin-left: 150px;\n    }\n  }\n\n  .input.with_label {\n    .label_input > label {\n      font-family: inherit;\n      font-size: 14px;\n      color: $primary-text-color;\n      display: block;\n      margin-bottom: 8px;\n      word-wrap: break-word;\n      font-weight: 500;\n    }\n\n    .hint {\n      margin-top: 6px;\n    }\n\n    ul {\n      flex: 390px;\n    }\n  }\n\n  .input.with_block_label {\n    max-width: none;\n\n    & > label {\n      font-family: inherit;\n      font-size: 16px;\n      color: $primary-text-color;\n      display: block;\n      font-weight: 500;\n      padding-top: 5px;\n    }\n\n    .hint {\n      margin-bottom: 15px;\n    }\n\n    ul {\n      columns: 2;\n    }\n  }\n\n  .input.datetime .label_input select {\n    display: inline-block;\n    width: auto;\n    flex: 0;\n  }\n\n  .required abbr {\n    text-decoration: none;\n    color: lighten($error-value-color, 12%);\n  }\n\n  .fields-group {\n    margin-bottom: 25px;\n\n    .input:last-child {\n      margin-bottom: 0;\n    }\n  }\n\n  .fields-row {\n    display: flex;\n    margin: 0 -10px;\n    padding-top: 5px;\n    margin-bottom: 25px;\n\n    .input {\n      max-width: none;\n    }\n\n    &__column {\n      box-sizing: border-box;\n      padding: 0 10px;\n      flex: 1 1 auto;\n      min-height: 1px;\n\n      &-6 {\n        max-width: 50%;\n      }\n\n      .actions {\n        margin-top: 27px;\n      }\n    }\n\n    .fields-group:last-child,\n    .fields-row__column.fields-group {\n      margin-bottom: 0;\n    }\n\n    @media screen and (max-width: $no-columns-breakpoint) {\n      display: block;\n      margin-bottom: 0;\n\n      &__column {\n        max-width: none;\n      }\n\n      .fields-group:last-child,\n      .fields-row__column.fields-group,\n      .fields-row__column {\n        margin-bottom: 25px;\n      }\n    }\n  }\n\n  .input.radio_buttons .radio label {\n    margin-bottom: 5px;\n    font-family: inherit;\n    font-size: 14px;\n    color: $primary-text-color;\n    display: block;\n    width: auto;\n  }\n\n  .check_boxes {\n    .checkbox {\n      label {\n        font-family: inherit;\n        font-size: 14px;\n        color: $primary-text-color;\n        display: inline-block;\n        width: auto;\n        position: relative;\n        padding-top: 5px;\n        padding-left: 25px;\n        flex: 1 1 auto;\n      }\n\n      input[type=checkbox] {\n        position: absolute;\n        left: 0;\n        top: 5px;\n        margin: 0;\n      }\n    }\n  }\n\n  .input.static .label_input__wrapper {\n    font-size: 16px;\n    padding: 10px;\n    border: 1px solid $dark-text-color;\n    border-radius: 4px;\n  }\n\n  input[type=text],\n  input[type=number],\n  input[type=email],\n  input[type=password],\n  textarea {\n    box-sizing: border-box;\n    font-size: 16px;\n    color: $primary-text-color;\n    display: block;\n    width: 100%;\n    outline: 0;\n    font-family: inherit;\n    resize: vertical;\n    background: darken($ui-base-color, 10%);\n    border: 1px solid darken($ui-base-color, 14%);\n    border-radius: 4px;\n    padding: 10px;\n\n    &::placeholder {\n      color: lighten($darker-text-color, 4%);\n    }\n\n    &:invalid {\n      box-shadow: none;\n    }\n\n    &:focus:invalid:not(:placeholder-shown) {\n      border-color: lighten($error-red, 12%);\n    }\n\n    &:required:valid {\n      border-color: $valid-value-color;\n    }\n\n    &:hover {\n      border-color: darken($ui-base-color, 20%);\n    }\n\n    &:active,\n    &:focus {\n      border-color: $highlight-text-color;\n      background: darken($ui-base-color, 8%);\n    }\n  }\n\n  .input.field_with_errors {\n    label {\n      color: lighten($error-red, 12%);\n    }\n\n    input[type=text],\n    input[type=number],\n    input[type=email],\n    input[type=password],\n    textarea,\n    select {\n      border-color: lighten($error-red, 12%);\n    }\n\n    .error {\n      display: block;\n      font-weight: 500;\n      color: lighten($error-red, 12%);\n      margin-top: 4px;\n    }\n  }\n\n  .input.disabled {\n    opacity: 0.5;\n  }\n\n  .actions {\n    margin-top: 30px;\n    display: flex;\n\n    &.actions--top {\n      margin-top: 0;\n      margin-bottom: 30px;\n    }\n  }\n\n  button,\n  .button,\n  .block-button {\n    display: block;\n    width: 100%;\n    border: 0;\n    border-radius: 4px;\n    background: $ui-highlight-color;\n    color: $primary-text-color;\n    font-size: 18px;\n    line-height: inherit;\n    height: auto;\n    padding: 10px;\n    text-transform: uppercase;\n    text-decoration: none;\n    text-align: center;\n    box-sizing: border-box;\n    cursor: pointer;\n    font-weight: 500;\n    outline: 0;\n    margin-bottom: 10px;\n    margin-right: 10px;\n\n    &:last-child {\n      margin-right: 0;\n    }\n\n    &:hover {\n      background-color: lighten($ui-highlight-color, 5%);\n    }\n\n    &:active,\n    &:focus {\n      background-color: darken($ui-highlight-color, 5%);\n    }\n\n    &:disabled:hover {\n      background-color: $ui-primary-color;\n    }\n\n    &.negative {\n      background: $error-value-color;\n\n      &:hover {\n        background-color: lighten($error-value-color, 5%);\n      }\n\n      &:active,\n      &:focus {\n        background-color: darken($error-value-color, 5%);\n      }\n    }\n  }\n\n  select {\n    appearance: none;\n    box-sizing: border-box;\n    font-size: 16px;\n    color: $primary-text-color;\n    display: block;\n    width: 100%;\n    outline: 0;\n    font-family: inherit;\n    resize: vertical;\n    background: darken($ui-base-color, 10%) url(\"data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14.933 18.467' height='19.698' width='15.929'><path d='M3.467 14.967l-3.393-3.5H14.86l-3.392 3.5c-1.866 1.925-3.666 3.5-4 3.5-.335 0-2.135-1.575-4-3.5zm.266-11.234L7.467 0 11.2 3.733l3.733 3.734H0l3.733-3.734z' fill='#{hex-color(lighten($ui-base-color, 12%))}'/></svg>\") no-repeat right 8px center / auto 16px;\n    border: 1px solid darken($ui-base-color, 14%);\n    border-radius: 4px;\n    padding-left: 10px;\n    padding-right: 30px;\n    height: 41px;\n  }\n\n  h4 {\n    margin-bottom: 15px !important;\n  }\n\n  .label_input {\n    &__wrapper {\n      position: relative;\n    }\n\n    &__append {\n      position: absolute;\n      right: 3px;\n      top: 1px;\n      padding: 10px;\n      padding-bottom: 9px;\n      font-size: 16px;\n      color: $dark-text-color;\n      font-family: inherit;\n      pointer-events: none;\n      cursor: default;\n      max-width: 140px;\n      white-space: nowrap;\n      overflow: hidden;\n\n      &::after {\n        content: '';\n        display: block;\n        position: absolute;\n        top: 0;\n        right: 0;\n        bottom: 1px;\n        width: 5px;\n        background-image: linear-gradient(to right, rgba(darken($ui-base-color, 10%), 0), darken($ui-base-color, 10%));\n      }\n    }\n  }\n\n  &__overlay-area {\n    position: relative;\n\n    &__blurred form {\n      filter: blur(2px);\n    }\n\n    &__overlay {\n      position: absolute;\n      top: 0;\n      left: 0;\n      width: 100%;\n      height: 100%;\n      display: flex;\n      justify-content: center;\n      align-items: center;\n      background: rgba($ui-base-color, 0.65);\n      border-radius: 4px;\n      margin-left: -4px;\n      margin-top: -4px;\n      padding: 4px;\n\n      &__content {\n        text-align: center;\n\n        &.rich-formatting {\n          &,\n          p {\n            color: $primary-text-color;\n          }\n        }\n      }\n    }\n  }\n}\n\n.block-icon {\n  display: block;\n  margin: 0 auto;\n  margin-bottom: 10px;\n  font-size: 24px;\n}\n\n.flash-message {\n  background: lighten($ui-base-color, 8%);\n  color: $darker-text-color;\n  border-radius: 4px;\n  padding: 15px 10px;\n  margin-bottom: 30px;\n  text-align: center;\n\n  &.notice {\n    border: 1px solid rgba($valid-value-color, 0.5);\n    background: rgba($valid-value-color, 0.25);\n    color: $valid-value-color;\n  }\n\n  &.alert {\n    border: 1px solid rgba($error-value-color, 0.5);\n    background: rgba($error-value-color, 0.25);\n    color: $error-value-color;\n  }\n\n  a {\n    display: inline-block;\n    color: $darker-text-color;\n    text-decoration: none;\n\n    &:hover {\n      color: $primary-text-color;\n      text-decoration: underline;\n    }\n  }\n\n  p {\n    margin-bottom: 15px;\n  }\n\n  .oauth-code {\n    outline: 0;\n    box-sizing: border-box;\n    display: block;\n    width: 100%;\n    border: 0;\n    padding: 10px;\n    font-family: $font-monospace, monospace;\n    background: $ui-base-color;\n    color: $primary-text-color;\n    font-size: 14px;\n    margin: 0;\n\n    &::-moz-focus-inner {\n      border: 0;\n    }\n\n    &::-moz-focus-inner,\n    &:focus,\n    &:active {\n      outline: 0 !important;\n    }\n\n    &:focus {\n      background: lighten($ui-base-color, 4%);\n    }\n  }\n\n  strong {\n    font-weight: 500;\n\n    @each $lang in $cjk-langs {\n      &:lang(#{$lang}) {\n        font-weight: 700;\n      }\n    }\n  }\n\n  @media screen and (max-width: 740px) and (min-width: 441px) {\n    margin-top: 40px;\n  }\n}\n\n.form-footer {\n  margin-top: 30px;\n  text-align: center;\n\n  a {\n    color: $darker-text-color;\n    text-decoration: none;\n\n    &:hover {\n      text-decoration: underline;\n    }\n  }\n}\n\n.quick-nav {\n  list-style: none;\n  margin-bottom: 25px;\n  font-size: 14px;\n\n  li {\n    display: inline-block;\n    margin-right: 10px;\n  }\n\n  a {\n    color: $highlight-text-color;\n    text-transform: uppercase;\n    text-decoration: none;\n    font-weight: 700;\n\n    &:hover,\n    &:focus,\n    &:active {\n      color: lighten($highlight-text-color, 8%);\n    }\n  }\n}\n\n.oauth-prompt,\n.follow-prompt {\n  margin-bottom: 30px;\n  color: $darker-text-color;\n\n  h2 {\n    font-size: 16px;\n    margin-bottom: 30px;\n    text-align: center;\n  }\n\n  strong {\n    color: $secondary-text-color;\n    font-weight: 500;\n\n    @each $lang in $cjk-langs {\n      &:lang(#{$lang}) {\n        font-weight: 700;\n      }\n    }\n  }\n\n  @media screen and (max-width: 740px) and (min-width: 441px) {\n    margin-top: 40px;\n  }\n}\n\n.qr-wrapper {\n  display: flex;\n  flex-wrap: wrap;\n  align-items: flex-start;\n}\n\n.qr-code {\n  flex: 0 0 auto;\n  background: $simple-background-color;\n  padding: 4px;\n  margin: 0 10px 20px 0;\n  box-shadow: 0 0 15px rgba($base-shadow-color, 0.2);\n  display: inline-block;\n\n  svg {\n    display: block;\n    margin: 0;\n  }\n}\n\n.qr-alternative {\n  margin-bottom: 20px;\n  color: $secondary-text-color;\n  flex: 150px;\n\n  samp {\n    display: block;\n    font-size: 14px;\n  }\n}\n\n.table-form {\n  p {\n    margin-bottom: 15px;\n\n    strong {\n      font-weight: 500;\n\n      @each $lang in $cjk-langs {\n        &:lang(#{$lang}) {\n          font-weight: 700;\n        }\n      }\n    }\n  }\n}\n\n.simple_form,\n.table-form {\n  .warning {\n    box-sizing: border-box;\n    background: rgba($error-value-color, 0.5);\n    color: $primary-text-color;\n    text-shadow: 1px 1px 0 rgba($base-shadow-color, 0.3);\n    box-shadow: 0 2px 6px rgba($base-shadow-color, 0.4);\n    border-radius: 4px;\n    padding: 10px;\n    margin-bottom: 15px;\n\n    a {\n      color: $primary-text-color;\n      text-decoration: underline;\n\n      &:hover,\n      &:focus,\n      &:active {\n        text-decoration: none;\n      }\n    }\n\n    strong {\n      font-weight: 600;\n      display: block;\n      margin-bottom: 5px;\n\n      @each $lang in $cjk-langs {\n        &:lang(#{$lang}) {\n          font-weight: 700;\n        }\n      }\n\n      .fa {\n        font-weight: 400;\n      }\n    }\n  }\n}\n\n.action-pagination {\n  display: flex;\n  flex-wrap: wrap;\n  align-items: center;\n\n  .actions,\n  .pagination {\n    flex: 1 1 auto;\n  }\n\n  .actions {\n    padding: 30px 0;\n    padding-right: 20px;\n    flex: 0 0 auto;\n  }\n}\n\n.post-follow-actions {\n  text-align: center;\n  color: $darker-text-color;\n\n  div {\n    margin-bottom: 4px;\n  }\n}\n\n.alternative-login {\n  margin-top: 20px;\n  margin-bottom: 20px;\n\n  h4 {\n    font-size: 16px;\n    color: $primary-text-color;\n    text-align: center;\n    margin-bottom: 20px;\n    border: 0;\n    padding: 0;\n  }\n\n  .button {\n    display: block;\n  }\n}\n\n.scope-danger {\n  color: $warning-red;\n}\n\n.form_admin_settings_site_short_description,\n.form_admin_settings_site_description,\n.form_admin_settings_site_extended_description,\n.form_admin_settings_site_terms,\n.form_admin_settings_custom_css,\n.form_admin_settings_closed_registrations_message {\n  textarea {\n    font-family: $font-monospace, monospace;\n  }\n}\n\n.input-copy {\n  background: darken($ui-base-color, 10%);\n  border: 1px solid darken($ui-base-color, 14%);\n  border-radius: 4px;\n  display: flex;\n  align-items: center;\n  padding-right: 4px;\n  position: relative;\n  top: 1px;\n  transition: border-color 300ms linear;\n\n  &__wrapper {\n    flex: 1 1 auto;\n  }\n\n  input[type=text] {\n    background: transparent;\n    border: 0;\n    padding: 10px;\n    font-size: 14px;\n    font-family: $font-monospace, monospace;\n  }\n\n  button {\n    flex: 0 0 auto;\n    margin: 4px;\n    text-transform: none;\n    font-weight: 400;\n    font-size: 14px;\n    padding: 7px 18px;\n    padding-bottom: 6px;\n    width: auto;\n    transition: background 300ms linear;\n  }\n\n  &.copied {\n    border-color: $valid-value-color;\n    transition: none;\n\n    button {\n      background: $valid-value-color;\n      transition: none;\n    }\n  }\n}\n\n.connection-prompt {\n  margin-bottom: 25px;\n\n  .fa-link {\n    background-color: darken($ui-base-color, 4%);\n    border-radius: 100%;\n    font-size: 24px;\n    padding: 10px;\n  }\n\n  &__column {\n    align-items: center;\n    display: flex;\n    flex: 1;\n    flex-direction: column;\n    flex-shrink: 1;\n    max-width: 50%;\n\n    &-sep {\n      align-self: center;\n      flex-grow: 0;\n      overflow: visible;\n      position: relative;\n      z-index: 1;\n    }\n\n    p {\n      word-break: break-word;\n    }\n  }\n\n  .account__avatar {\n    margin-bottom: 20px;\n  }\n\n  &__connection {\n    background-color: lighten($ui-base-color, 8%);\n    box-shadow: 0 0 15px rgba($base-shadow-color, 0.2);\n    border-radius: 4px;\n    padding: 25px 10px;\n    position: relative;\n    text-align: center;\n\n    &::after {\n      background-color: darken($ui-base-color, 4%);\n      content: '';\n      display: block;\n      height: 100%;\n      left: 50%;\n      position: absolute;\n      top: 0;\n      width: 1px;\n    }\n  }\n\n  &__row {\n    align-items: flex-start;\n    display: flex;\n    flex-direction: row;\n  }\n}\n",".card {\n  & > a {\n    display: block;\n    text-decoration: none;\n    color: inherit;\n    box-shadow: 0 0 15px rgba($base-shadow-color, 0.2);\n\n    @media screen and (max-width: $no-gap-breakpoint) {\n      box-shadow: none;\n    }\n\n    &:hover,\n    &:active,\n    &:focus {\n      .card__bar {\n        background: lighten($ui-base-color, 8%);\n      }\n    }\n  }\n\n  &__img {\n    height: 130px;\n    position: relative;\n    background: darken($ui-base-color, 12%);\n    border-radius: 4px 4px 0 0;\n\n    img {\n      display: block;\n      width: 100%;\n      height: 100%;\n      margin: 0;\n      object-fit: cover;\n      border-radius: 4px 4px 0 0;\n    }\n\n    @media screen and (max-width: 600px) {\n      height: 200px;\n    }\n\n    @media screen and (max-width: $no-gap-breakpoint) {\n      display: none;\n    }\n  }\n\n  &__bar {\n    position: relative;\n    padding: 15px;\n    display: flex;\n    justify-content: flex-start;\n    align-items: center;\n    background: lighten($ui-base-color, 4%);\n    border-radius: 0 0 4px 4px;\n\n    @media screen and (max-width: $no-gap-breakpoint) {\n      border-radius: 0;\n    }\n\n    .avatar {\n      flex: 0 0 auto;\n      width: 48px;\n      height: 48px;\n      padding-top: 2px;\n\n      img {\n        width: 100%;\n        height: 100%;\n        display: block;\n        margin: 0;\n        border-radius: 4px;\n        background: darken($ui-base-color, 8%);\n        object-fit: cover;\n      }\n    }\n\n    .display-name {\n      margin-left: 15px;\n      text-align: left;\n\n      strong {\n        font-size: 15px;\n        color: $primary-text-color;\n        font-weight: 500;\n        overflow: hidden;\n        text-overflow: ellipsis;\n      }\n\n      span {\n        display: block;\n        font-size: 14px;\n        color: $darker-text-color;\n        font-weight: 400;\n        overflow: hidden;\n        text-overflow: ellipsis;\n      }\n    }\n  }\n}\n\n.pagination {\n  padding: 30px 0;\n  text-align: center;\n  overflow: hidden;\n\n  a,\n  .current,\n  .newer,\n  .older,\n  .page,\n  .gap {\n    font-size: 14px;\n    color: $primary-text-color;\n    font-weight: 500;\n    display: inline-block;\n    padding: 6px 10px;\n    text-decoration: none;\n  }\n\n  .current {\n    background: $simple-background-color;\n    border-radius: 100px;\n    color: $inverted-text-color;\n    cursor: default;\n    margin: 0 10px;\n  }\n\n  .gap {\n    cursor: default;\n  }\n\n  .older,\n  .newer {\n    text-transform: uppercase;\n    color: $secondary-text-color;\n  }\n\n  .older {\n    float: left;\n    padding-left: 0;\n\n    .fa {\n      display: inline-block;\n      margin-right: 5px;\n    }\n  }\n\n  .newer {\n    float: right;\n    padding-right: 0;\n\n    .fa {\n      display: inline-block;\n      margin-left: 5px;\n    }\n  }\n\n  .disabled {\n    cursor: default;\n    color: lighten($inverted-text-color, 10%);\n  }\n\n  @media screen and (max-width: 700px) {\n    padding: 30px 20px;\n\n    .page {\n      display: none;\n    }\n\n    .newer,\n    .older {\n      display: inline-block;\n    }\n  }\n}\n\n.nothing-here {\n  background: $ui-base-color;\n  box-shadow: 0 0 15px rgba($base-shadow-color, 0.2);\n  color: $light-text-color;\n  font-size: 14px;\n  font-weight: 500;\n  text-align: center;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  cursor: default;\n  border-radius: 4px;\n  padding: 20px;\n  min-height: 30vh;\n\n  &--under-tabs {\n    border-radius: 0 0 4px 4px;\n  }\n\n  &--flexible {\n    box-sizing: border-box;\n    min-height: 100%;\n  }\n}\n\n.account-role,\n.simple_form .recommended {\n  display: inline-block;\n  padding: 4px 6px;\n  cursor: default;\n  border-radius: 3px;\n  font-size: 12px;\n  line-height: 12px;\n  font-weight: 500;\n  color: $ui-secondary-color;\n  background-color: rgba($ui-secondary-color, 0.1);\n  border: 1px solid rgba($ui-secondary-color, 0.5);\n\n  &.moderator {\n    color: $success-green;\n    background-color: rgba($success-green, 0.1);\n    border-color: rgba($success-green, 0.5);\n  }\n\n  &.admin {\n    color: lighten($error-red, 12%);\n    background-color: rgba(lighten($error-red, 12%), 0.1);\n    border-color: rgba(lighten($error-red, 12%), 0.5);\n  }\n}\n\n.account__header__fields {\n  max-width: 100vw;\n  padding: 0;\n  margin: 15px -15px -15px;\n  border: 0 none;\n  border-top: 1px solid lighten($ui-base-color, 12%);\n  border-bottom: 1px solid lighten($ui-base-color, 12%);\n  font-size: 14px;\n  line-height: 20px;\n\n  dl {\n    display: flex;\n    border-bottom: 1px solid lighten($ui-base-color, 12%);\n  }\n\n  dt,\n  dd {\n    box-sizing: border-box;\n    padding: 14px;\n    text-align: center;\n    max-height: 48px;\n    overflow: hidden;\n    white-space: nowrap;\n    text-overflow: ellipsis;\n  }\n\n  dt {\n    font-weight: 500;\n    width: 120px;\n    flex: 0 0 auto;\n    color: $secondary-text-color;\n    background: rgba(darken($ui-base-color, 8%), 0.5);\n  }\n\n  dd {\n    flex: 1 1 auto;\n    color: $darker-text-color;\n  }\n\n  a {\n    color: $highlight-text-color;\n    text-decoration: none;\n\n    &:hover,\n    &:focus,\n    &:active {\n      text-decoration: underline;\n    }\n  }\n\n  .verified {\n    border: 1px solid rgba($valid-value-color, 0.5);\n    background: rgba($valid-value-color, 0.25);\n\n    a {\n      color: $valid-value-color;\n      font-weight: 500;\n    }\n\n    &__mark {\n      color: $valid-value-color;\n    }\n  }\n\n  dl:last-child {\n    border-bottom: 0;\n  }\n}\n\n.directory__tag .trends__item__current {\n  width: auto;\n}\n\n.pending-account {\n  &__header {\n    color: $darker-text-color;\n\n    a {\n      color: $ui-secondary-color;\n      text-decoration: none;\n\n      &:hover,\n      &:active,\n      &:focus {\n        text-decoration: underline;\n      }\n    }\n\n    strong {\n      color: $primary-text-color;\n      font-weight: 700;\n    }\n  }\n\n  &__body {\n    margin-top: 10px;\n  }\n}\n",".activity-stream {\n  box-shadow: 0 0 15px rgba($base-shadow-color, 0.2);\n  border-radius: 4px;\n  overflow: hidden;\n  margin-bottom: 10px;\n\n  &--under-tabs {\n    border-radius: 0 0 4px 4px;\n  }\n\n  @media screen and (max-width: $no-gap-breakpoint) {\n    margin-bottom: 0;\n    border-radius: 0;\n    box-shadow: none;\n  }\n\n  &--headless {\n    border-radius: 0;\n    margin: 0;\n    box-shadow: none;\n\n    .detailed-status,\n    .status {\n      border-radius: 0 !important;\n    }\n  }\n\n  div[data-component] {\n    width: 100%;\n  }\n\n  .entry {\n    background: $ui-base-color;\n\n    .detailed-status,\n    .status,\n    .load-more {\n      animation: none;\n    }\n\n    &:last-child {\n      .detailed-status,\n      .status,\n      .load-more {\n        border-bottom: 0;\n        border-radius: 0 0 4px 4px;\n      }\n    }\n\n    &:first-child {\n      .detailed-status,\n      .status,\n      .load-more {\n        border-radius: 4px 4px 0 0;\n      }\n\n      &:last-child {\n        .detailed-status,\n        .status,\n        .load-more {\n          border-radius: 4px;\n        }\n      }\n    }\n\n    @media screen and (max-width: 740px) {\n      .detailed-status,\n      .status,\n      .load-more {\n        border-radius: 0 !important;\n      }\n    }\n  }\n\n  &--highlighted .entry {\n    background: lighten($ui-base-color, 8%);\n  }\n}\n\n.button.logo-button {\n  flex: 0 auto;\n  font-size: 14px;\n  background: $ui-highlight-color;\n  color: $primary-text-color;\n  text-transform: none;\n  line-height: 36px;\n  height: auto;\n  padding: 3px 15px;\n  border: 0;\n\n  svg {\n    width: 20px;\n    height: auto;\n    vertical-align: middle;\n    margin-right: 5px;\n    fill: $primary-text-color;\n  }\n\n  &:active,\n  &:focus,\n  &:hover {\n    background: lighten($ui-highlight-color, 10%);\n  }\n\n  &:disabled,\n  &.disabled {\n    &:active,\n    &:focus,\n    &:hover {\n      background: $ui-primary-color;\n    }\n  }\n\n  &.button--destructive {\n    &:active,\n    &:focus,\n    &:hover {\n      background: $error-red;\n    }\n  }\n\n  @media screen and (max-width: $no-gap-breakpoint) {\n    svg {\n      display: none;\n    }\n  }\n}\n\n.embed,\n.public-layout {\n  .detailed-status {\n    padding: 15px;\n  }\n\n  .status {\n    padding: 15px 15px 15px (48px + 15px * 2);\n    min-height: 48px + 2px;\n\n    &__avatar {\n      left: 15px;\n      top: 17px;\n    }\n\n    &__content {\n      padding-top: 5px;\n    }\n\n    &__prepend {\n      margin-left: 48px + 15px * 2;\n      padding-top: 15px;\n    }\n\n    &__prepend-icon-wrapper {\n      left: -32px;\n    }\n\n    .media-gallery,\n    &__action-bar,\n    .video-player {\n      margin-top: 10px;\n    }\n  }\n}\n","button.icon-button i.fa-retweet {\n  background-image: url(\"data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='22' height='209'><path d='M4.97 3.16c-.1.03-.17.1-.22.18L.8 8.24c-.2.3.03.78.4.8H3.6v2.68c0 4.26-.55 3.62 3.66 3.62h7.66l-2.3-2.84c-.03-.02-.03-.04-.05-.06H7.27c-.44 0-.72-.3-.72-.72v-2.7h2.5c.37.03.63-.48.4-.77L5.5 3.35c-.12-.17-.34-.25-.53-.2zm12.16.43c-.55-.02-1.32.02-2.4.02H7.1l2.32 2.85.03.06h5.25c.42 0 .72.28.72.72v2.7h-2.5c-.36.02-.56.54-.3.8l3.92 4.9c.18.25.6.25.78 0l3.94-4.9c.26-.28 0-.83-.37-.8H18.4v-2.7c0-3.15.4-3.62-1.25-3.66z' fill='#{hex-color($action-button-color)}' stroke-width='0'/><path d='M7.78 19.66c-.24.02-.44.25-.44.5v2.46h-.06c-1.08 0-1.86-.03-2.4-.03-1.64 0-1.25.43-1.25 3.65v4.47c0 4.26-.56 3.62 3.65 3.62H8.5l-1.3-1.06c-.1-.08-.18-.2-.2-.3-.02-.17.06-.35.2-.45l1.33-1.1H7.28c-.44 0-.72-.3-.72-.7v-4.48c0-.44.28-.72.72-.72h.06v2.5c0 .38.54.63.82.38l4.9-3.93c.25-.18.25-.6 0-.78l-4.9-3.92c-.1-.1-.24-.14-.38-.12zm9.34 2.93c-.54-.02-1.3.02-2.4.02h-1.25l1.3 1.07c.1.07.18.2.2.33.02.16-.06.3-.2.4l-1.33 1.1h1.28c.42 0 .72.28.72.72v4.47c0 .42-.3.72-.72.72h-.1v-2.47c0-.3-.3-.53-.6-.47-.07 0-.14.05-.2.1l-4.9 3.93c-.26.18-.26.6 0 .78l4.9 3.92c.27.25.82 0 .8-.38v-2.5h.1c4.27 0 3.65.67 3.65-3.62v-4.47c0-3.15.4-3.62-1.25-3.66zM10.34 38.66c-.24.02-.44.25-.43.5v2.47H7.3c-1.08 0-1.86-.04-2.4-.04-1.64 0-1.25.43-1.25 3.65v4.47c0 3.66-.23 3.7 2.34 3.66l-1.34-1.1c-.1-.08-.18-.2-.2-.3 0-.17.07-.35.2-.45l1.96-1.6c-.03-.06-.04-.13-.04-.2v-4.48c0-.44.28-.72.72-.72H9.9v2.5c0 .36.5.6.8.38l4.93-3.93c.24-.18.24-.6 0-.78l-4.94-3.92c-.1-.08-.23-.13-.36-.12zm5.63 2.93l1.34 1.1c.1.07.18.2.2.33.02.16-.03.3-.16.4l-1.96 1.6c.02.07.06.13.06.22v4.47c0 .42-.3.72-.72.72h-2.66v-2.47c0-.3-.3-.53-.6-.47-.06.02-.12.05-.18.1l-4.94 3.93c-.24.18-.24.6 0 .78l4.94 3.92c.28.22.78-.02.78-.38v-2.5h2.66c4.27 0 3.65.67 3.65-3.62v-4.47c0-3.66.34-3.7-2.4-3.66zM13.06 57.66c-.23.03-.4.26-.4.5v2.47H7.28c-1.08 0-1.86-.04-2.4-.04-1.64 0-1.25.43-1.25 3.65v4.87l2.93-2.37v-2.5c0-.44.28-.72.72-.72h5.38v2.5c0 .36.5.6.78.38l4.94-3.93c.24-.18.24-.6 0-.78l-4.94-3.92c-.1-.1-.24-.14-.38-.12zm5.3 6.15l-2.92 2.4v2.52c0 .42-.3.72-.72.72h-5.4v-2.47c0-.3-.32-.53-.6-.47-.07.02-.13.05-.2.1L3.6 70.52c-.25.18-.25.6 0 .78l4.93 3.92c.28.22.78-.02.78-.38v-2.5h5.42c4.27 0 3.65.67 3.65-3.62v-4.47-.44zM19.25 78.8c-.1.03-.2.1-.28.17l-.9.9c-.44-.3-1.36-.25-3.35-.25H7.28c-1.08 0-1.86-.03-2.4-.03-1.64 0-1.25.43-1.25 3.65v.7l2.93.3v-1c0-.44.28-.72.72-.72h7.44c.2 0 .37.08.5.2l-1.8 1.8c-.25.26-.08.76.27.8l6.27.7c.28.03.56-.25.53-.53l-.7-6.25c0-.27-.3-.48-.55-.44zm-17.2 6.1c-.2.07-.36.3-.33.54l.7 6.25c.02.36.58.55.83.27l.8-.8c.02 0 .04-.02.04 0 .46.24 1.37.17 3.18.17h7.44c4.27 0 3.65.67 3.65-3.62v-.75l-2.93-.3v1.05c0 .42-.3.72-.72.72H7.28c-.15 0-.3-.03-.4-.1L8.8 86.4c.3-.24.1-.8-.27-.84l-6.28-.65h-.2zM4.88 98.6c-1.33 0-1.34.48-1.3 2.3l1.14-1.37c.08-.1.22-.17.34-.2.16 0 .34.08.44.2l1.66 2.03c.04 0 .07-.03.12-.03h7.44c.34 0 .57.2.65.5h-2.43c-.34.05-.53.52-.3.78l3.92 4.95c.18.24.6.24.78 0l3.94-4.94c.22-.27-.02-.76-.37-.77H18.4c.02-3.9.6-3.4-3.66-3.4H7.28c-1.08 0-1.86-.04-2.4-.04zm.15 2.46c-.1.03-.2.1-.28.2l-3.94 4.9c-.2.28.03.77.4.78H3.6c-.02 3.94-.45 3.4 3.66 3.4h7.44c3.65 0 3.74.3 3.7-2.25l-1.1 1.34c-.1.1-.2.17-.32.2-.16 0-.34-.08-.44-.2l-1.65-2.03c-.06.02-.1.04-.18.04H7.28c-.35 0-.57-.2-.66-.5h2.44c.37 0 .63-.5.4-.78l-3.96-4.9c-.1-.15-.3-.23-.47-.2zM4.88 117.6c-1.16 0-1.3.3-1.3 1.56l1.14-1.38c.08-.1.22-.14.34-.16.16 0 .34.04.44.16l2.22 2.75h7c.42 0 .72.28.72.72v.53h-2.6c-.3.1-.43.54-.2.78l3.92 4.9c.18.25.6.25.78 0l3.94-4.9c.22-.28-.02-.77-.37-.78H18.4v-.53c0-4.2.72-3.63-3.66-3.63H7.28c-1.08 0-1.86-.03-2.4-.03zm.1 1.74c-.1.03-.17.1-.23.16L.8 124.44c-.2.28.03.77.4.78H3.6v.5c0 4.26-.55 3.62 3.66 3.62h7.44c1.03 0 1.74.02 2.28 0-.16.02-.34-.03-.44-.15l-2.22-2.76H7.28c-.44 0-.72-.3-.72-.72v-.5h2.5c.37.02.63-.5.4-.78L5.5 119.5c-.12-.15-.34-.22-.53-.16zm12.02 10c1.2-.02 1.4-.25 1.4-1.53l-1.1 1.36c-.07.1-.17.17-.3.18zM5.94 136.6l2.37 2.93h6.42c.42 0 .72.28.72.72v1.25h-2.6c-.3.1-.43.54-.2.78l3.92 4.9c.18.25.6.25.78 0l3.94-4.9c.22-.28-.02-.77-.37-.78H18.4v-1.25c0-4.2.72-3.63-3.66-3.63H7.28c-.6 0-.92-.02-1.34-.03zm-1.72.06c-.4.08-.54.3-.6.75l.6-.74zm.84.93c-.12 0-.24.08-.3.18l-3.95 4.9c-.24.3 0 .83.4.82H3.6v1.22c0 4.26-.55 3.62 3.66 3.62h7.44c.63 0 .97.02 1.4.03l-2.37-2.93H7.28c-.44 0-.72-.3-.72-.72v-1.22h2.5c.4.04.67-.53.4-.8l-3.96-4.92c-.1-.13-.27-.2-.44-.2zm13.28 10.03l-.56.7c.36-.07.5-.3.56-.7zM17.13 155.6c-.55-.02-1.32.03-2.4.03h-8.2l2.38 2.9h5.82c.42 0 .72.28.72.72v1.97H12.9c-.32.06-.48.52-.28.78l3.94 4.94c.2.23.6.22.78-.03l3.94-4.9c.22-.28-.02-.77-.37-.78H18.4v-1.97c0-3.15.4-3.62-1.25-3.66zm-12.1.28c-.1.02-.2.1-.28.18l-3.94 4.9c-.2.3.03.78.4.8H3.6v1.96c0 4.26-.55 3.62 3.66 3.62h8.24l-2.36-2.9H7.28c-.44 0-.72-.3-.72-.72v-1.97h2.5c.37.02.63-.5.4-.78l-3.96-4.9c-.1-.15-.3-.22-.47-.2zM5.13 174.5c-.15 0-.3.07-.38.2L.8 179.6c-.24.27 0 .82.4.8H3.6v2.32c0 4.26-.55 3.62 3.66 3.62h7.94l-2.35-2.9h-5.6c-.43 0-.7-.3-.7-.72v-2.3h2.5c.38.03.66-.54.4-.83l-3.97-4.9c-.1-.13-.23-.2-.38-.2zm12 .1c-.55-.02-1.32.03-2.4.03H6.83l2.35 2.9h5.52c.42 0 .72.28.72.72v2.34h-2.6c-.3.1-.43.53-.2.78l3.92 4.9c.18.24.6.24.78 0l3.94-4.9c.22-.3-.02-.78-.37-.8H18.4v-2.33c0-3.15.4-3.62-1.25-3.66zM4.97 193.16c-.1.03-.17.1-.22.18l-3.94 4.9c-.2.3.03.78.4.8H3.6v2.68c0 4.26-.55 3.62 3.66 3.62h7.66l-2.3-2.84c-.03-.02-.03-.04-.05-.06H7.27c-.44 0-.72-.3-.72-.72v-2.7h2.5c.37.03.63-.48.4-.77l-3.96-4.9c-.12-.17-.34-.25-.53-.2zm12.16.43c-.55-.02-1.32.03-2.4.03H7.1l2.32 2.84.03.06h5.25c.42 0 .72.28.72.72v2.7h-2.5c-.36.02-.56.54-.3.8l3.92 4.9c.18.25.6.25.78 0l3.94-4.9c.26-.28 0-.83-.37-.8H18.4v-2.7c0-3.15.4-3.62-1.25-3.66z' fill='#{hex-color($highlight-text-color)}' stroke-width='0'/></svg>\");\n\n  &:hover {\n    background-image: url(\"data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='22' height='209'><path d='M4.97 3.16c-.1.03-.17.1-.22.18L.8 8.24c-.2.3.03.78.4.8H3.6v2.68c0 4.26-.55 3.62 3.66 3.62h7.66l-2.3-2.84c-.03-.02-.03-.04-.05-.06H7.27c-.44 0-.72-.3-.72-.72v-2.7h2.5c.37.03.63-.48.4-.77L5.5 3.35c-.12-.17-.34-.25-.53-.2zm12.16.43c-.55-.02-1.32.02-2.4.02H7.1l2.32 2.85.03.06h5.25c.42 0 .72.28.72.72v2.7h-2.5c-.36.02-.56.54-.3.8l3.92 4.9c.18.25.6.25.78 0l3.94-4.9c.26-.28 0-.83-.37-.8H18.4v-2.7c0-3.15.4-3.62-1.25-3.66z' fill='#{hex-color(lighten($action-button-color, 7%))}' stroke-width='0'/><path d='M7.78 19.66c-.24.02-.44.25-.44.5v2.46h-.06c-1.08 0-1.86-.03-2.4-.03-1.64 0-1.25.43-1.25 3.65v4.47c0 4.26-.56 3.62 3.65 3.62H8.5l-1.3-1.06c-.1-.08-.18-.2-.2-.3-.02-.17.06-.35.2-.45l1.33-1.1H7.28c-.44 0-.72-.3-.72-.7v-4.48c0-.44.28-.72.72-.72h.06v2.5c0 .38.54.63.82.38l4.9-3.93c.25-.18.25-.6 0-.78l-4.9-3.92c-.1-.1-.24-.14-.38-.12zm9.34 2.93c-.54-.02-1.3.02-2.4.02h-1.25l1.3 1.07c.1.07.18.2.2.33.02.16-.06.3-.2.4l-1.33 1.1h1.28c.42 0 .72.28.72.72v4.47c0 .42-.3.72-.72.72h-.1v-2.47c0-.3-.3-.53-.6-.47-.07 0-.14.05-.2.1l-4.9 3.93c-.26.18-.26.6 0 .78l4.9 3.92c.27.25.82 0 .8-.38v-2.5h.1c4.27 0 3.65.67 3.65-3.62v-4.47c0-3.15.4-3.62-1.25-3.66zM10.34 38.66c-.24.02-.44.25-.43.5v2.47H7.3c-1.08 0-1.86-.04-2.4-.04-1.64 0-1.25.43-1.25 3.65v4.47c0 3.66-.23 3.7 2.34 3.66l-1.34-1.1c-.1-.08-.18-.2-.2-.3 0-.17.07-.35.2-.45l1.96-1.6c-.03-.06-.04-.13-.04-.2v-4.48c0-.44.28-.72.72-.72H9.9v2.5c0 .36.5.6.8.38l4.93-3.93c.24-.18.24-.6 0-.78l-4.94-3.92c-.1-.08-.23-.13-.36-.12zm5.63 2.93l1.34 1.1c.1.07.18.2.2.33.02.16-.03.3-.16.4l-1.96 1.6c.02.07.06.13.06.22v4.47c0 .42-.3.72-.72.72h-2.66v-2.47c0-.3-.3-.53-.6-.47-.06.02-.12.05-.18.1l-4.94 3.93c-.24.18-.24.6 0 .78l4.94 3.92c.28.22.78-.02.78-.38v-2.5h2.66c4.27 0 3.65.67 3.65-3.62v-4.47c0-3.66.34-3.7-2.4-3.66zM13.06 57.66c-.23.03-.4.26-.4.5v2.47H7.28c-1.08 0-1.86-.04-2.4-.04-1.64 0-1.25.43-1.25 3.65v4.87l2.93-2.37v-2.5c0-.44.28-.72.72-.72h5.38v2.5c0 .36.5.6.78.38l4.94-3.93c.24-.18.24-.6 0-.78l-4.94-3.92c-.1-.1-.24-.14-.38-.12zm5.3 6.15l-2.92 2.4v2.52c0 .42-.3.72-.72.72h-5.4v-2.47c0-.3-.32-.53-.6-.47-.07.02-.13.05-.2.1L3.6 70.52c-.25.18-.25.6 0 .78l4.93 3.92c.28.22.78-.02.78-.38v-2.5h5.42c4.27 0 3.65.67 3.65-3.62v-4.47-.44zM19.25 78.8c-.1.03-.2.1-.28.17l-.9.9c-.44-.3-1.36-.25-3.35-.25H7.28c-1.08 0-1.86-.03-2.4-.03-1.64 0-1.25.43-1.25 3.65v.7l2.93.3v-1c0-.44.28-.72.72-.72h7.44c.2 0 .37.08.5.2l-1.8 1.8c-.25.26-.08.76.27.8l6.27.7c.28.03.56-.25.53-.53l-.7-6.25c0-.27-.3-.48-.55-.44zm-17.2 6.1c-.2.07-.36.3-.33.54l.7 6.25c.02.36.58.55.83.27l.8-.8c.02 0 .04-.02.04 0 .46.24 1.37.17 3.18.17h7.44c4.27 0 3.65.67 3.65-3.62v-.75l-2.93-.3v1.05c0 .42-.3.72-.72.72H7.28c-.15 0-.3-.03-.4-.1L8.8 86.4c.3-.24.1-.8-.27-.84l-6.28-.65h-.2zM4.88 98.6c-1.33 0-1.34.48-1.3 2.3l1.14-1.37c.08-.1.22-.17.34-.2.16 0 .34.08.44.2l1.66 2.03c.04 0 .07-.03.12-.03h7.44c.34 0 .57.2.65.5h-2.43c-.34.05-.53.52-.3.78l3.92 4.95c.18.24.6.24.78 0l3.94-4.94c.22-.27-.02-.76-.37-.77H18.4c.02-3.9.6-3.4-3.66-3.4H7.28c-1.08 0-1.86-.04-2.4-.04zm.15 2.46c-.1.03-.2.1-.28.2l-3.94 4.9c-.2.28.03.77.4.78H3.6c-.02 3.94-.45 3.4 3.66 3.4h7.44c3.65 0 3.74.3 3.7-2.25l-1.1 1.34c-.1.1-.2.17-.32.2-.16 0-.34-.08-.44-.2l-1.65-2.03c-.06.02-.1.04-.18.04H7.28c-.35 0-.57-.2-.66-.5h2.44c.37 0 .63-.5.4-.78l-3.96-4.9c-.1-.15-.3-.23-.47-.2zM4.88 117.6c-1.16 0-1.3.3-1.3 1.56l1.14-1.38c.08-.1.22-.14.34-.16.16 0 .34.04.44.16l2.22 2.75h7c.42 0 .72.28.72.72v.53h-2.6c-.3.1-.43.54-.2.78l3.92 4.9c.18.25.6.25.78 0l3.94-4.9c.22-.28-.02-.77-.37-.78H18.4v-.53c0-4.2.72-3.63-3.66-3.63H7.28c-1.08 0-1.86-.03-2.4-.03zm.1 1.74c-.1.03-.17.1-.23.16L.8 124.44c-.2.28.03.77.4.78H3.6v.5c0 4.26-.55 3.62 3.66 3.62h7.44c1.03 0 1.74.02 2.28 0-.16.02-.34-.03-.44-.15l-2.22-2.76H7.28c-.44 0-.72-.3-.72-.72v-.5h2.5c.37.02.63-.5.4-.78L5.5 119.5c-.12-.15-.34-.22-.53-.16zm12.02 10c1.2-.02 1.4-.25 1.4-1.53l-1.1 1.36c-.07.1-.17.17-.3.18zM5.94 136.6l2.37 2.93h6.42c.42 0 .72.28.72.72v1.25h-2.6c-.3.1-.43.54-.2.78l3.92 4.9c.18.25.6.25.78 0l3.94-4.9c.22-.28-.02-.77-.37-.78H18.4v-1.25c0-4.2.72-3.63-3.66-3.63H7.28c-.6 0-.92-.02-1.34-.03zm-1.72.06c-.4.08-.54.3-.6.75l.6-.74zm.84.93c-.12 0-.24.08-.3.18l-3.95 4.9c-.24.3 0 .83.4.82H3.6v1.22c0 4.26-.55 3.62 3.66 3.62h7.44c.63 0 .97.02 1.4.03l-2.37-2.93H7.28c-.44 0-.72-.3-.72-.72v-1.22h2.5c.4.04.67-.53.4-.8l-3.96-4.92c-.1-.13-.27-.2-.44-.2zm13.28 10.03l-.56.7c.36-.07.5-.3.56-.7zM17.13 155.6c-.55-.02-1.32.03-2.4.03h-8.2l2.38 2.9h5.82c.42 0 .72.28.72.72v1.97H12.9c-.32.06-.48.52-.28.78l3.94 4.94c.2.23.6.22.78-.03l3.94-4.9c.22-.28-.02-.77-.37-.78H18.4v-1.97c0-3.15.4-3.62-1.25-3.66zm-12.1.28c-.1.02-.2.1-.28.18l-3.94 4.9c-.2.3.03.78.4.8H3.6v1.96c0 4.26-.55 3.62 3.66 3.62h8.24l-2.36-2.9H7.28c-.44 0-.72-.3-.72-.72v-1.97h2.5c.37.02.63-.5.4-.78l-3.96-4.9c-.1-.15-.3-.22-.47-.2zM5.13 174.5c-.15 0-.3.07-.38.2L.8 179.6c-.24.27 0 .82.4.8H3.6v2.32c0 4.26-.55 3.62 3.66 3.62h7.94l-2.35-2.9h-5.6c-.43 0-.7-.3-.7-.72v-2.3h2.5c.38.03.66-.54.4-.83l-3.97-4.9c-.1-.13-.23-.2-.38-.2zm12 .1c-.55-.02-1.32.03-2.4.03H6.83l2.35 2.9h5.52c.42 0 .72.28.72.72v2.34h-2.6c-.3.1-.43.53-.2.78l3.92 4.9c.18.24.6.24.78 0l3.94-4.9c.22-.3-.02-.78-.37-.8H18.4v-2.33c0-3.15.4-3.62-1.25-3.66zM4.97 193.16c-.1.03-.17.1-.22.18l-3.94 4.9c-.2.3.03.78.4.8H3.6v2.68c0 4.26-.55 3.62 3.66 3.62h7.66l-2.3-2.84c-.03-.02-.03-.04-.05-.06H7.27c-.44 0-.72-.3-.72-.72v-2.7h2.5c.37.03.63-.48.4-.77l-3.96-4.9c-.12-.17-.34-.25-.53-.2zm12.16.43c-.55-.02-1.32.03-2.4.03H7.1l2.32 2.84.03.06h5.25c.42 0 .72.28.72.72v2.7h-2.5c-.36.02-.56.54-.3.8l3.92 4.9c.18.25.6.25.78 0l3.94-4.9c.26-.28 0-.83-.37-.8H18.4v-2.7c0-3.15.4-3.62-1.25-3.66z' fill='#{hex-color($highlight-text-color)}' stroke-width='0'/></svg>\");\n  }\n}\n\nbutton.icon-button.disabled i.fa-retweet {\n  background-image: url(\"data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='22' height='209'><path d='M4.97 3.16c-.1.03-.17.1-.22.18L.8 8.24c-.2.3.03.78.4.8H3.6v2.68c0 4.26-.55 3.62 3.66 3.62h7.66l-2.3-2.84c-.03-.02-.03-.04-.05-.06H7.27c-.44 0-.72-.3-.72-.72v-2.7h2.5c.37.03.63-.48.4-.77L5.5 3.35c-.12-.17-.34-.25-.53-.2zm12.16.43c-.55-.02-1.32.02-2.4.02H7.1l2.32 2.85.03.06h5.25c.42 0 .72.28.72.72v2.7h-2.5c-.36.02-.56.54-.3.8l3.92 4.9c.18.25.6.25.78 0l3.94-4.9c.26-.28 0-.83-.37-.8H18.4v-2.7c0-3.15.4-3.62-1.25-3.66z' fill='#{hex-color(darken($action-button-color, 13%))}' stroke-width='0'/><path d='M7.78 19.66c-.24.02-.44.25-.44.5v2.46h-.06c-1.08 0-1.86-.03-2.4-.03-1.64 0-1.25.43-1.25 3.65v4.47c0 4.26-.56 3.62 3.65 3.62H8.5l-1.3-1.06c-.1-.08-.18-.2-.2-.3-.02-.17.06-.35.2-.45l1.33-1.1H7.28c-.44 0-.72-.3-.72-.7v-4.48c0-.44.28-.72.72-.72h.06v2.5c0 .38.54.63.82.38l4.9-3.93c.25-.18.25-.6 0-.78l-4.9-3.92c-.1-.1-.24-.14-.38-.12zm9.34 2.93c-.54-.02-1.3.02-2.4.02h-1.25l1.3 1.07c.1.07.18.2.2.33.02.16-.06.3-.2.4l-1.33 1.1h1.28c.42 0 .72.28.72.72v4.47c0 .42-.3.72-.72.72h-.1v-2.47c0-.3-.3-.53-.6-.47-.07 0-.14.05-.2.1l-4.9 3.93c-.26.18-.26.6 0 .78l4.9 3.92c.27.25.82 0 .8-.38v-2.5h.1c4.27 0 3.65.67 3.65-3.62v-4.47c0-3.15.4-3.62-1.25-3.66zM10.34 38.66c-.24.02-.44.25-.43.5v2.47H7.3c-1.08 0-1.86-.04-2.4-.04-1.64 0-1.25.43-1.25 3.65v4.47c0 3.66-.23 3.7 2.34 3.66l-1.34-1.1c-.1-.08-.18-.2-.2-.3 0-.17.07-.35.2-.45l1.96-1.6c-.03-.06-.04-.13-.04-.2v-4.48c0-.44.28-.72.72-.72H9.9v2.5c0 .36.5.6.8.38l4.93-3.93c.24-.18.24-.6 0-.78l-4.94-3.92c-.1-.08-.23-.13-.36-.12zm5.63 2.93l1.34 1.1c.1.07.18.2.2.33.02.16-.03.3-.16.4l-1.96 1.6c.02.07.06.13.06.22v4.47c0 .42-.3.72-.72.72h-2.66v-2.47c0-.3-.3-.53-.6-.47-.06.02-.12.05-.18.1l-4.94 3.93c-.24.18-.24.6 0 .78l4.94 3.92c.28.22.78-.02.78-.38v-2.5h2.66c4.27 0 3.65.67 3.65-3.62v-4.47c0-3.66.34-3.7-2.4-3.66zM13.06 57.66c-.23.03-.4.26-.4.5v2.47H7.28c-1.08 0-1.86-.04-2.4-.04-1.64 0-1.25.43-1.25 3.65v4.87l2.93-2.37v-2.5c0-.44.28-.72.72-.72h5.38v2.5c0 .36.5.6.78.38l4.94-3.93c.24-.18.24-.6 0-.78l-4.94-3.92c-.1-.1-.24-.14-.38-.12zm5.3 6.15l-2.92 2.4v2.52c0 .42-.3.72-.72.72h-5.4v-2.47c0-.3-.32-.53-.6-.47-.07.02-.13.05-.2.1L3.6 70.52c-.25.18-.25.6 0 .78l4.93 3.92c.28.22.78-.02.78-.38v-2.5h5.42c4.27 0 3.65.67 3.65-3.62v-4.47-.44zM19.25 78.8c-.1.03-.2.1-.28.17l-.9.9c-.44-.3-1.36-.25-3.35-.25H7.28c-1.08 0-1.86-.03-2.4-.03-1.64 0-1.25.43-1.25 3.65v.7l2.93.3v-1c0-.44.28-.72.72-.72h7.44c.2 0 .37.08.5.2l-1.8 1.8c-.25.26-.08.76.27.8l6.27.7c.28.03.56-.25.53-.53l-.7-6.25c0-.27-.3-.48-.55-.44zm-17.2 6.1c-.2.07-.36.3-.33.54l.7 6.25c.02.36.58.55.83.27l.8-.8c.02 0 .04-.02.04 0 .46.24 1.37.17 3.18.17h7.44c4.27 0 3.65.67 3.65-3.62v-.75l-2.93-.3v1.05c0 .42-.3.72-.72.72H7.28c-.15 0-.3-.03-.4-.1L8.8 86.4c.3-.24.1-.8-.27-.84l-6.28-.65h-.2zM4.88 98.6c-1.33 0-1.34.48-1.3 2.3l1.14-1.37c.08-.1.22-.17.34-.2.16 0 .34.08.44.2l1.66 2.03c.04 0 .07-.03.12-.03h7.44c.34 0 .57.2.65.5h-2.43c-.34.05-.53.52-.3.78l3.92 4.95c.18.24.6.24.78 0l3.94-4.94c.22-.27-.02-.76-.37-.77H18.4c.02-3.9.6-3.4-3.66-3.4H7.28c-1.08 0-1.86-.04-2.4-.04zm.15 2.46c-.1.03-.2.1-.28.2l-3.94 4.9c-.2.28.03.77.4.78H3.6c-.02 3.94-.45 3.4 3.66 3.4h7.44c3.65 0 3.74.3 3.7-2.25l-1.1 1.34c-.1.1-.2.17-.32.2-.16 0-.34-.08-.44-.2l-1.65-2.03c-.06.02-.1.04-.18.04H7.28c-.35 0-.57-.2-.66-.5h2.44c.37 0 .63-.5.4-.78l-3.96-4.9c-.1-.15-.3-.23-.47-.2zM4.88 117.6c-1.16 0-1.3.3-1.3 1.56l1.14-1.38c.08-.1.22-.14.34-.16.16 0 .34.04.44.16l2.22 2.75h7c.42 0 .72.28.72.72v.53h-2.6c-.3.1-.43.54-.2.78l3.92 4.9c.18.25.6.25.78 0l3.94-4.9c.22-.28-.02-.77-.37-.78H18.4v-.53c0-4.2.72-3.63-3.66-3.63H7.28c-1.08 0-1.86-.03-2.4-.03zm.1 1.74c-.1.03-.17.1-.23.16L.8 124.44c-.2.28.03.77.4.78H3.6v.5c0 4.26-.55 3.62 3.66 3.62h7.44c1.03 0 1.74.02 2.28 0-.16.02-.34-.03-.44-.15l-2.22-2.76H7.28c-.44 0-.72-.3-.72-.72v-.5h2.5c.37.02.63-.5.4-.78L5.5 119.5c-.12-.15-.34-.22-.53-.16zm12.02 10c1.2-.02 1.4-.25 1.4-1.53l-1.1 1.36c-.07.1-.17.17-.3.18zM5.94 136.6l2.37 2.93h6.42c.42 0 .72.28.72.72v1.25h-2.6c-.3.1-.43.54-.2.78l3.92 4.9c.18.25.6.25.78 0l3.94-4.9c.22-.28-.02-.77-.37-.78H18.4v-1.25c0-4.2.72-3.63-3.66-3.63H7.28c-.6 0-.92-.02-1.34-.03zm-1.72.06c-.4.08-.54.3-.6.75l.6-.74zm.84.93c-.12 0-.24.08-.3.18l-3.95 4.9c-.24.3 0 .83.4.82H3.6v1.22c0 4.26-.55 3.62 3.66 3.62h7.44c.63 0 .97.02 1.4.03l-2.37-2.93H7.28c-.44 0-.72-.3-.72-.72v-1.22h2.5c.4.04.67-.53.4-.8l-3.96-4.92c-.1-.13-.27-.2-.44-.2zm13.28 10.03l-.56.7c.36-.07.5-.3.56-.7zM17.13 155.6c-.55-.02-1.32.03-2.4.03h-8.2l2.38 2.9h5.82c.42 0 .72.28.72.72v1.97H12.9c-.32.06-.48.52-.28.78l3.94 4.94c.2.23.6.22.78-.03l3.94-4.9c.22-.28-.02-.77-.37-.78H18.4v-1.97c0-3.15.4-3.62-1.25-3.66zm-12.1.28c-.1.02-.2.1-.28.18l-3.94 4.9c-.2.3.03.78.4.8H3.6v1.96c0 4.26-.55 3.62 3.66 3.62h8.24l-2.36-2.9H7.28c-.44 0-.72-.3-.72-.72v-1.97h2.5c.37.02.63-.5.4-.78l-3.96-4.9c-.1-.15-.3-.22-.47-.2zM5.13 174.5c-.15 0-.3.07-.38.2L.8 179.6c-.24.27 0 .82.4.8H3.6v2.32c0 4.26-.55 3.62 3.66 3.62h7.94l-2.35-2.9h-5.6c-.43 0-.7-.3-.7-.72v-2.3h2.5c.38.03.66-.54.4-.83l-3.97-4.9c-.1-.13-.23-.2-.38-.2zm12 .1c-.55-.02-1.32.03-2.4.03H6.83l2.35 2.9h5.52c.42 0 .72.28.72.72v2.34h-2.6c-.3.1-.43.53-.2.78l3.92 4.9c.18.24.6.24.78 0l3.94-4.9c.22-.3-.02-.78-.37-.8H18.4v-2.33c0-3.15.4-3.62-1.25-3.66zM4.97 193.16c-.1.03-.17.1-.22.18l-3.94 4.9c-.2.3.03.78.4.8H3.6v2.68c0 4.26-.55 3.62 3.66 3.62h7.66l-2.3-2.84c-.03-.02-.03-.04-.05-.06H7.27c-.44 0-.72-.3-.72-.72v-2.7h2.5c.37.03.63-.48.4-.77l-3.96-4.9c-.12-.17-.34-.25-.53-.2zm12.16.43c-.55-.02-1.32.03-2.4.03H7.1l2.32 2.84.03.06h5.25c.42 0 .72.28.72.72v2.7h-2.5c-.36.02-.56.54-.3.8l3.92 4.9c.18.25.6.25.78 0l3.94-4.9c.26-.28 0-.83-.37-.8H18.4v-2.7c0-3.15.4-3.62-1.25-3.66z' fill='#{hex-color($highlight-text-color)}' stroke-width='0'/></svg>\");\n}\n",".app-body {\n  -webkit-overflow-scrolling: touch;\n  -ms-overflow-style: -ms-autohiding-scrollbar;\n}\n\n.animated-number {\n  display: inline-flex;\n  flex-direction: column;\n  align-items: stretch;\n  overflow: hidden;\n  position: relative;\n}\n\n.link-button {\n  display: block;\n  font-size: 15px;\n  line-height: 20px;\n  color: $ui-highlight-color;\n  border: 0;\n  background: transparent;\n  padding: 0;\n  cursor: pointer;\n\n  &:hover,\n  &:active {\n    text-decoration: underline;\n  }\n\n  &:disabled {\n    color: $ui-primary-color;\n    cursor: default;\n  }\n}\n\n.button {\n  background-color: $ui-highlight-color;\n  border: 10px none;\n  border-radius: 4px;\n  box-sizing: border-box;\n  color: $primary-text-color;\n  cursor: pointer;\n  display: inline-block;\n  font-family: inherit;\n  font-size: 14px;\n  font-weight: 500;\n  height: 36px;\n  letter-spacing: 0;\n  line-height: 36px;\n  overflow: hidden;\n  padding: 0 16px;\n  position: relative;\n  text-align: center;\n  text-transform: uppercase;\n  text-decoration: none;\n  text-overflow: ellipsis;\n  transition: all 100ms ease-in;\n  white-space: nowrap;\n  width: auto;\n\n  &:active,\n  &:focus,\n  &:hover {\n    background-color: lighten($ui-highlight-color, 10%);\n    transition: all 200ms ease-out;\n  }\n\n  &--destructive {\n    transition: none;\n\n    &:active,\n    &:focus,\n    &:hover {\n      background-color: $error-red;\n      transition: none;\n    }\n  }\n\n  &:disabled,\n  &.disabled {\n    background-color: $ui-primary-color;\n    cursor: default;\n  }\n\n  &::-moz-focus-inner {\n    border: 0;\n  }\n\n  &::-moz-focus-inner,\n  &:focus,\n  &:active {\n    outline: 0 !important;\n  }\n\n  &.button-primary,\n  &.button-alternative,\n  &.button-secondary,\n  &.button-alternative-2 {\n    font-size: 16px;\n    line-height: 36px;\n    height: auto;\n    text-transform: none;\n    padding: 4px 16px;\n  }\n\n  &.button-alternative {\n    color: $inverted-text-color;\n    background: $ui-primary-color;\n\n    &:active,\n    &:focus,\n    &:hover {\n      background-color: lighten($ui-primary-color, 4%);\n    }\n  }\n\n  &.button-alternative-2 {\n    background: $ui-base-lighter-color;\n\n    &:active,\n    &:focus,\n    &:hover {\n      background-color: lighten($ui-base-lighter-color, 4%);\n    }\n  }\n\n  &.button-secondary {\n    color: $darker-text-color;\n    background: transparent;\n    padding: 3px 15px;\n    border: 1px solid $ui-primary-color;\n\n    &:active,\n    &:focus,\n    &:hover {\n      border-color: lighten($ui-primary-color, 4%);\n      color: lighten($darker-text-color, 4%);\n    }\n\n    &:disabled {\n      opacity: 0.5;\n    }\n  }\n\n  &.button--block {\n    display: block;\n    width: 100%;\n  }\n}\n\n.column__wrapper {\n  display: flex;\n  flex: 1 1 auto;\n  position: relative;\n}\n\n.icon-button {\n  display: inline-block;\n  padding: 0;\n  color: $action-button-color;\n  border: 0;\n  border-radius: 4px;\n  background: transparent;\n  cursor: pointer;\n  transition: all 100ms ease-in;\n  transition-property: background-color, color;\n\n  &:hover,\n  &:active,\n  &:focus {\n    color: lighten($action-button-color, 7%);\n    background-color: rgba($action-button-color, 0.15);\n    transition: all 200ms ease-out;\n    transition-property: background-color, color;\n  }\n\n  &:focus {\n    background-color: rgba($action-button-color, 0.3);\n  }\n\n  &.disabled {\n    color: darken($action-button-color, 13%);\n    background-color: transparent;\n    cursor: default;\n  }\n\n  &.active {\n    color: $highlight-text-color;\n  }\n\n  &::-moz-focus-inner {\n    border: 0;\n  }\n\n  &::-moz-focus-inner,\n  &:focus,\n  &:active {\n    outline: 0 !important;\n  }\n\n  &.inverted {\n    color: $lighter-text-color;\n\n    &:hover,\n    &:active,\n    &:focus {\n      color: darken($lighter-text-color, 7%);\n      background-color: rgba($lighter-text-color, 0.15);\n    }\n\n    &:focus {\n      background-color: rgba($lighter-text-color, 0.3);\n    }\n\n    &.disabled {\n      color: lighten($lighter-text-color, 7%);\n      background-color: transparent;\n    }\n\n    &.active {\n      color: $highlight-text-color;\n\n      &.disabled {\n        color: lighten($highlight-text-color, 13%);\n      }\n    }\n  }\n\n  &.overlayed {\n    box-sizing: content-box;\n    background: rgba($base-overlay-background, 0.6);\n    color: rgba($primary-text-color, 0.7);\n    border-radius: 4px;\n    padding: 2px;\n\n    &:hover {\n      background: rgba($base-overlay-background, 0.9);\n    }\n  }\n}\n\n.text-icon-button {\n  color: $lighter-text-color;\n  border: 0;\n  border-radius: 4px;\n  background: transparent;\n  cursor: pointer;\n  font-weight: 600;\n  font-size: 11px;\n  padding: 0 3px;\n  line-height: 27px;\n  outline: 0;\n  transition: all 100ms ease-in;\n  transition-property: background-color, color;\n\n  &:hover,\n  &:active,\n  &:focus {\n    color: darken($lighter-text-color, 7%);\n    background-color: rgba($lighter-text-color, 0.15);\n    transition: all 200ms ease-out;\n    transition-property: background-color, color;\n  }\n\n  &:focus {\n    background-color: rgba($lighter-text-color, 0.3);\n  }\n\n  &.disabled {\n    color: lighten($lighter-text-color, 20%);\n    background-color: transparent;\n    cursor: default;\n  }\n\n  &.active {\n    color: $highlight-text-color;\n  }\n\n  &::-moz-focus-inner {\n    border: 0;\n  }\n\n  &::-moz-focus-inner,\n  &:focus,\n  &:active {\n    outline: 0 !important;\n  }\n}\n\n.dropdown-menu {\n  position: absolute;\n}\n\n.invisible {\n  font-size: 0;\n  line-height: 0;\n  display: inline-block;\n  width: 0;\n  height: 0;\n  position: absolute;\n\n  img,\n  svg {\n    margin: 0 !important;\n    border: 0 !important;\n    padding: 0 !important;\n    width: 0 !important;\n    height: 0 !important;\n  }\n}\n\n.ellipsis {\n  &::after {\n    content: \"…\";\n  }\n}\n\n.compose-form {\n  padding: 10px;\n\n  &__sensitive-button {\n    padding: 10px;\n    padding-top: 0;\n\n    font-size: 14px;\n    font-weight: 500;\n\n    &.active {\n      color: $highlight-text-color;\n    }\n\n    input[type=checkbox] {\n      display: none;\n    }\n\n    .checkbox {\n      display: inline-block;\n      position: relative;\n      border: 1px solid $ui-primary-color;\n      box-sizing: border-box;\n      width: 18px;\n      height: 18px;\n      flex: 0 0 auto;\n      margin-right: 10px;\n      top: -1px;\n      border-radius: 4px;\n      vertical-align: middle;\n\n      &.active {\n        border-color: $highlight-text-color;\n        background: $highlight-text-color;\n      }\n    }\n  }\n\n  .compose-form__warning {\n    color: $inverted-text-color;\n    margin-bottom: 10px;\n    background: $ui-primary-color;\n    box-shadow: 0 2px 6px rgba($base-shadow-color, 0.3);\n    padding: 8px 10px;\n    border-radius: 4px;\n    font-size: 13px;\n    font-weight: 400;\n\n    strong {\n      color: $inverted-text-color;\n      font-weight: 500;\n\n      @each $lang in $cjk-langs {\n        &:lang(#{$lang}) {\n          font-weight: 700;\n        }\n      }\n    }\n\n    a {\n      color: $lighter-text-color;\n      font-weight: 500;\n      text-decoration: underline;\n\n      &:hover,\n      &:active,\n      &:focus {\n        text-decoration: none;\n      }\n    }\n  }\n\n  .emoji-picker-dropdown {\n    position: absolute;\n    top: 0;\n    right: 0;\n  }\n\n  .compose-form__autosuggest-wrapper {\n    position: relative;\n  }\n\n  .autosuggest-textarea,\n  .autosuggest-input,\n  .spoiler-input {\n    position: relative;\n    width: 100%;\n  }\n\n  .spoiler-input {\n    height: 0;\n    transform-origin: bottom;\n    opacity: 0;\n\n    &.spoiler-input--visible {\n      height: 36px;\n      margin-bottom: 11px;\n      opacity: 1;\n    }\n  }\n\n  .autosuggest-textarea__textarea,\n  .spoiler-input__input {\n    display: block;\n    box-sizing: border-box;\n    width: 100%;\n    margin: 0;\n    color: $inverted-text-color;\n    background: $simple-background-color;\n    padding: 10px;\n    font-family: inherit;\n    font-size: 14px;\n    resize: vertical;\n    border: 0;\n    outline: 0;\n\n    &::placeholder {\n      color: $dark-text-color;\n    }\n\n    &:focus {\n      outline: 0;\n    }\n\n    @media screen and (max-width: 600px) {\n      font-size: 16px;\n    }\n  }\n\n  .spoiler-input__input {\n    border-radius: 4px;\n  }\n\n  .autosuggest-textarea__textarea {\n    min-height: 100px;\n    border-radius: 4px 4px 0 0;\n    padding-bottom: 0;\n    padding-right: 10px + 22px;\n    resize: none;\n    scrollbar-color: initial;\n\n    &::-webkit-scrollbar {\n      all: unset;\n    }\n\n    @media screen and (max-width: 600px) {\n      height: 100px !important; // prevent auto-resize textarea\n      resize: vertical;\n    }\n  }\n\n  .autosuggest-textarea__suggestions-wrapper {\n    position: relative;\n    height: 0;\n  }\n\n  .autosuggest-textarea__suggestions {\n    box-sizing: border-box;\n    display: none;\n    position: absolute;\n    top: 100%;\n    width: 100%;\n    z-index: 99;\n    box-shadow: 4px 4px 6px rgba($base-shadow-color, 0.4);\n    background: $ui-secondary-color;\n    border-radius: 0 0 4px 4px;\n    color: $inverted-text-color;\n    font-size: 14px;\n    padding: 6px;\n\n    &.autosuggest-textarea__suggestions--visible {\n      display: block;\n    }\n  }\n\n  .autosuggest-textarea__suggestions__item {\n    padding: 10px;\n    cursor: pointer;\n    border-radius: 4px;\n\n    &:hover,\n    &:focus,\n    &:active,\n    &.selected {\n      background: darken($ui-secondary-color, 10%);\n    }\n  }\n\n  .autosuggest-account,\n  .autosuggest-emoji,\n  .autosuggest-hashtag {\n    display: flex;\n    flex-direction: row;\n    align-items: center;\n    justify-content: flex-start;\n    line-height: 18px;\n    font-size: 14px;\n  }\n\n  .autosuggest-hashtag {\n    justify-content: space-between;\n\n    &__name {\n      flex: 1 1 auto;\n      overflow: hidden;\n      text-overflow: ellipsis;\n      white-space: nowrap;\n    }\n\n    strong {\n      font-weight: 500;\n    }\n\n    &__uses {\n      flex: 0 0 auto;\n      text-align: right;\n      overflow: hidden;\n      text-overflow: ellipsis;\n      white-space: nowrap;\n    }\n  }\n\n  .autosuggest-account-icon,\n  .autosuggest-emoji img {\n    display: block;\n    margin-right: 8px;\n    width: 16px;\n    height: 16px;\n  }\n\n  .autosuggest-account .display-name__account {\n    color: $lighter-text-color;\n  }\n\n  .compose-form__modifiers {\n    color: $inverted-text-color;\n    font-family: inherit;\n    font-size: 14px;\n    background: $simple-background-color;\n\n    .compose-form__upload-wrapper {\n      overflow: hidden;\n    }\n\n    .compose-form__uploads-wrapper {\n      display: flex;\n      flex-direction: row;\n      padding: 5px;\n      flex-wrap: wrap;\n    }\n\n    .compose-form__upload {\n      flex: 1 1 0;\n      min-width: 40%;\n      margin: 5px;\n\n      &__actions {\n        background: linear-gradient(180deg, rgba($base-shadow-color, 0.8) 0, rgba($base-shadow-color, 0.35) 80%, transparent);\n        display: flex;\n        align-items: flex-start;\n        justify-content: space-between;\n        opacity: 0;\n        transition: opacity .1s ease;\n\n        .icon-button {\n          flex: 0 1 auto;\n          color: $secondary-text-color;\n          font-size: 14px;\n          font-weight: 500;\n          padding: 10px;\n          font-family: inherit;\n\n          &:hover,\n          &:focus,\n          &:active {\n            color: lighten($secondary-text-color, 7%);\n          }\n        }\n\n        &.active {\n          opacity: 1;\n        }\n      }\n\n      &-description {\n        position: absolute;\n        z-index: 2;\n        bottom: 0;\n        left: 0;\n        right: 0;\n        box-sizing: border-box;\n        background: linear-gradient(0deg, rgba($base-shadow-color, 0.8) 0, rgba($base-shadow-color, 0.35) 80%, transparent);\n        padding: 10px;\n        opacity: 0;\n        transition: opacity .1s ease;\n\n        textarea {\n          background: transparent;\n          color: $secondary-text-color;\n          border: 0;\n          padding: 0;\n          margin: 0;\n          width: 100%;\n          font-family: inherit;\n          font-size: 14px;\n          font-weight: 500;\n\n          &:focus {\n            color: $white;\n          }\n\n          &::placeholder {\n            opacity: 0.75;\n            color: $secondary-text-color;\n          }\n        }\n\n        &.active {\n          opacity: 1;\n        }\n      }\n    }\n\n    .compose-form__upload-thumbnail {\n      border-radius: 4px;\n      background-color: $base-shadow-color;\n      background-position: center;\n      background-size: cover;\n      background-repeat: no-repeat;\n      height: 140px;\n      width: 100%;\n      overflow: hidden;\n    }\n  }\n\n  .compose-form__buttons-wrapper {\n    padding: 10px;\n    background: darken($simple-background-color, 8%);\n    border-radius: 0 0 4px 4px;\n    display: flex;\n    justify-content: space-between;\n    flex: 0 0 auto;\n\n    .compose-form__buttons {\n      display: flex;\n\n      .compose-form__upload-button-icon {\n        line-height: 27px;\n      }\n\n      .compose-form__sensitive-button {\n        display: none;\n\n        &.compose-form__sensitive-button--visible {\n          display: block;\n        }\n\n        .compose-form__sensitive-button__icon {\n          line-height: 27px;\n        }\n      }\n    }\n\n    .icon-button,\n    .text-icon-button {\n      box-sizing: content-box;\n      padding: 0 3px;\n    }\n\n    .character-counter__wrapper {\n      align-self: center;\n      margin-right: 4px;\n    }\n  }\n\n  .compose-form__publish {\n    display: flex;\n    justify-content: flex-end;\n    min-width: 0;\n    flex: 0 0 auto;\n\n    .compose-form__publish-button-wrapper {\n      overflow: hidden;\n      padding-top: 10px;\n    }\n  }\n}\n\n.character-counter {\n  cursor: default;\n  font-family: $font-sans-serif, sans-serif;\n  font-size: 14px;\n  font-weight: 600;\n  color: $lighter-text-color;\n\n  &.character-counter--over {\n    color: $warning-red;\n  }\n}\n\n.no-reduce-motion .spoiler-input {\n  transition: height 0.4s ease, opacity 0.4s ease;\n}\n\n.emojione {\n  font-size: inherit;\n  vertical-align: middle;\n  object-fit: contain;\n  margin: -.2ex .15em .2ex;\n  width: 16px;\n  height: 16px;\n\n  img {\n    width: auto;\n  }\n}\n\n.reply-indicator {\n  border-radius: 4px;\n  margin-bottom: 10px;\n  background: $ui-primary-color;\n  padding: 10px;\n  min-height: 23px;\n  overflow-y: auto;\n  flex: 0 2 auto;\n}\n\n.reply-indicator__header {\n  margin-bottom: 5px;\n  overflow: hidden;\n}\n\n.reply-indicator__cancel {\n  float: right;\n  line-height: 24px;\n}\n\n.reply-indicator__display-name {\n  color: $inverted-text-color;\n  display: block;\n  max-width: 100%;\n  line-height: 24px;\n  overflow: hidden;\n  padding-right: 25px;\n  text-decoration: none;\n}\n\n.reply-indicator__display-avatar {\n  float: left;\n  margin-right: 5px;\n}\n\n.status__content--with-action {\n  cursor: pointer;\n}\n\n.status__content,\n.reply-indicator__content {\n  position: relative;\n  font-size: 15px;\n  line-height: 20px;\n  word-wrap: break-word;\n  font-weight: 400;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  padding-top: 2px;\n  color: $primary-text-color;\n\n  &:focus {\n    outline: 0;\n  }\n\n  &.status__content--with-spoiler {\n    white-space: normal;\n\n    .status__content__text {\n      white-space: pre-wrap;\n    }\n  }\n\n  .emojione {\n    width: 20px;\n    height: 20px;\n    margin: -3px 0 0;\n  }\n\n  img {\n    max-width: 100%;\n    max-height: 400px;\n    object-fit: contain;\n  }\n\n  p {\n    margin-bottom: 20px;\n    white-space: pre-wrap;\n\n    &:last-child {\n      margin-bottom: 0;\n    }\n  }\n\n  a {\n    color: $pleroma-links;\n    text-decoration: none;\n\n    &:hover {\n      text-decoration: underline;\n\n      .fa {\n        color: lighten($dark-text-color, 7%);\n      }\n    }\n\n    &.mention {\n      &:hover {\n        text-decoration: none;\n\n        span {\n          text-decoration: underline;\n        }\n      }\n    }\n\n    .fa {\n      color: $dark-text-color;\n    }\n  }\n\n  a.unhandled-link {\n    color: lighten($ui-highlight-color, 8%);\n  }\n\n  .status__content__spoiler-link {\n    background: $action-button-color;\n\n    &:hover {\n      background: lighten($action-button-color, 7%);\n      text-decoration: none;\n    }\n\n    &::-moz-focus-inner {\n      border: 0;\n    }\n\n    &::-moz-focus-inner,\n    &:focus,\n    &:active {\n      outline: 0 !important;\n    }\n  }\n\n  .status__content__text {\n    display: none;\n\n    &.status__content__text--visible {\n      display: block;\n    }\n  }\n}\n\n.announcements__item__content {\n  word-wrap: break-word;\n  overflow-y: auto;\n\n  .emojione {\n    width: 20px;\n    height: 20px;\n    margin: -3px 0 0;\n  }\n\n  p {\n    margin-bottom: 10px;\n    white-space: pre-wrap;\n\n    &:last-child {\n      margin-bottom: 0;\n    }\n  }\n\n  a {\n    color: $secondary-text-color;\n    text-decoration: none;\n\n    &:hover {\n      text-decoration: underline;\n    }\n\n    &.mention {\n      &:hover {\n        text-decoration: none;\n\n        span {\n          text-decoration: underline;\n        }\n      }\n    }\n\n    &.unhandled-link {\n      color: lighten($ui-highlight-color, 8%);\n    }\n  }\n}\n\n.status__content.status__content--collapsed {\n  max-height: 20px * 15; // 15 lines is roughly above 500 characters\n}\n\n.status__content__read-more-button {\n  display: block;\n  font-size: 15px;\n  line-height: 20px;\n  color: lighten($ui-highlight-color, 8%);\n  border: 0;\n  background: transparent;\n  padding: 0;\n  padding-top: 8px;\n  text-decoration: none;\n\n  &:hover,\n  &:active {\n    text-decoration: underline;\n  }\n}\n\n.status__content__spoiler-link {\n  display: inline-block;\n  border-radius: 2px;\n  background: transparent;\n  border: 0;\n  color: $inverted-text-color;\n  font-weight: 700;\n  font-size: 11px;\n  padding: 0 6px;\n  text-transform: uppercase;\n  line-height: 20px;\n  cursor: pointer;\n  vertical-align: middle;\n}\n\n.status__wrapper--filtered {\n  color: $dark-text-color;\n  border: 0;\n  font-size: inherit;\n  text-align: center;\n  line-height: inherit;\n  margin: 0;\n  padding: 15px;\n  box-sizing: border-box;\n  width: 100%;\n  clear: both;\n  border-bottom: 1px solid lighten($ui-base-color, 8%);\n}\n\n.status__prepend-icon-wrapper {\n  left: -26px;\n  position: absolute;\n}\n\n.focusable {\n  &:focus {\n    outline: 0;\n    background: lighten($ui-base-color, 4%);\n\n    .status.status-direct {\n      background: lighten($ui-base-color, 12%);\n\n      &.muted {\n        background: transparent;\n      }\n    }\n\n    .detailed-status,\n    .detailed-status__action-bar {\n      background: lighten($ui-base-color, 8%);\n    }\n  }\n}\n\n.status {\n  padding: 8px 10px;\n  padding-left: 68px;\n  position: relative;\n  min-height: 54px;\n  border-bottom: 1px solid lighten($ui-base-color, 8%);\n  cursor: default;\n\n  @supports (-ms-overflow-style: -ms-autohiding-scrollbar) {\n    // Add margin to avoid Edge auto-hiding scrollbar appearing over content.\n    // On Edge 16 this is 16px and Edge <=15 it's 12px, so aim for 16px.\n    padding-right: 26px; // 10px + 16px\n  }\n\n  @keyframes fade {\n    0% { opacity: 0; }\n    100% { opacity: 1; }\n  }\n\n  opacity: 1;\n  animation: fade 150ms linear;\n\n  .video-player,\n  .audio-player {\n    margin-top: 8px;\n  }\n\n  &.status-direct:not(.read) {\n    background: lighten($ui-base-color, 8%);\n    border-bottom-color: lighten($ui-base-color, 12%);\n  }\n\n  &.light {\n    .status__relative-time {\n      color: $light-text-color;\n    }\n\n    .status__display-name {\n      color: $inverted-text-color;\n    }\n\n    .display-name {\n      color: $light-text-color;\n\n      strong {\n        color: $inverted-text-color;\n      }\n    }\n\n    .status__content {\n      color: $inverted-text-color;\n\n      a {\n        color: $highlight-text-color;\n      }\n\n      a.status__content__spoiler-link {\n        color: $primary-text-color;\n        background: $ui-primary-color;\n\n        &:hover {\n          background: lighten($ui-primary-color, 8%);\n        }\n      }\n    }\n  }\n}\n\n.notification-favourite {\n  .status.status-direct {\n    background: transparent;\n\n    .icon-button.disabled {\n      color: lighten($action-button-color, 13%);\n    }\n  }\n}\n\n.status__relative-time,\n.notification__relative_time {\n  color: $dark-text-color;\n  float: right;\n  font-size: 14px;\n}\n\n.status__display-name {\n  color: $dark-text-color;\n}\n\n.status__info .status__display-name {\n  display: block;\n  max-width: 100%;\n  padding-right: 25px;\n}\n\n.status__info {\n  font-size: 15px;\n}\n\n.status-check-box {\n  border-bottom: 1px solid $ui-secondary-color;\n  display: flex;\n\n  .status-check-box__status {\n    margin: 10px 0 10px 10px;\n    flex: 1;\n    overflow: hidden;\n\n    .media-gallery {\n      max-width: 250px;\n    }\n\n    .status__content {\n      padding: 0;\n      white-space: normal;\n    }\n\n    .video-player,\n    .audio-player {\n      margin-top: 8px;\n      max-width: 250px;\n    }\n\n    .media-gallery__item-thumbnail {\n      cursor: default;\n    }\n  }\n}\n\n.status-check-box-toggle {\n  align-items: center;\n  display: flex;\n  flex: 0 0 auto;\n  justify-content: center;\n  padding: 10px;\n}\n\n.status__prepend {\n  margin-left: 68px;\n  color: $dark-text-color;\n  padding: 8px 0;\n  padding-bottom: 2px;\n  font-size: 14px;\n  position: relative;\n\n  .status__display-name strong {\n    color: $dark-text-color;\n  }\n\n  > span {\n    display: block;\n    overflow: hidden;\n    text-overflow: ellipsis;\n  }\n}\n\n.status__action-bar {\n  align-items: center;\n  display: flex;\n  margin-top: 8px;\n\n  &__counter {\n    display: inline-flex;\n    margin-right: 11px;\n    align-items: center;\n\n    .status__action-bar-button {\n      margin-right: 4px;\n    }\n\n    &__label {\n      display: inline-block;\n      width: 14px;\n      font-size: 12px;\n      font-weight: 500;\n      color: $action-button-color;\n    }\n  }\n}\n\n.status__action-bar-button {\n  margin-right: 18px;\n}\n\n.status__action-bar-dropdown {\n  height: 23.15px;\n  width: 23.15px;\n}\n\n.detailed-status__action-bar-dropdown {\n  flex: 1 1 auto;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  position: relative;\n}\n\n.detailed-status {\n  background: lighten($ui-base-color, 4%);\n  padding: 14px 10px;\n\n  &--flex {\n    display: flex;\n    flex-wrap: wrap;\n    justify-content: space-between;\n    align-items: flex-start;\n\n    .status__content,\n    .detailed-status__meta {\n      flex: 100%;\n    }\n  }\n\n  .status__content {\n    font-size: 19px;\n    line-height: 24px;\n\n    .emojione {\n      width: 24px;\n      height: 24px;\n      margin: -1px 0 0;\n    }\n\n    .status__content__spoiler-link {\n      line-height: 24px;\n      margin: -1px 0 0;\n    }\n  }\n\n  .video-player,\n  .audio-player {\n    margin-top: 8px;\n  }\n}\n\n.detailed-status__meta {\n  margin-top: 15px;\n  color: $dark-text-color;\n  font-size: 14px;\n  line-height: 18px;\n}\n\n.detailed-status__action-bar {\n  background: lighten($ui-base-color, 4%);\n  border-top: 1px solid lighten($ui-base-color, 8%);\n  border-bottom: 1px solid lighten($ui-base-color, 8%);\n  display: flex;\n  flex-direction: row;\n  padding: 10px 0;\n}\n\n.detailed-status__link {\n  color: inherit;\n  text-decoration: none;\n}\n\n.detailed-status__favorites,\n.detailed-status__reblogs {\n  display: inline-block;\n  font-weight: 500;\n  font-size: 12px;\n  margin-left: 6px;\n}\n\n.reply-indicator__content {\n  color: $inverted-text-color;\n  font-size: 14px;\n\n  a {\n    color: $lighter-text-color;\n  }\n}\n\n.domain {\n  padding: 10px;\n  border-bottom: 1px solid lighten($ui-base-color, 8%);\n\n  .domain__domain-name {\n    flex: 1 1 auto;\n    display: block;\n    color: $primary-text-color;\n    text-decoration: none;\n    font-size: 14px;\n    font-weight: 500;\n  }\n}\n\n.domain__wrapper {\n  display: flex;\n}\n\n.domain_buttons {\n  height: 18px;\n  padding: 10px;\n  white-space: nowrap;\n}\n\n.account {\n  padding: 10px;\n  border-bottom: 1px solid lighten($ui-base-color, 8%);\n\n  &.compact {\n    padding: 0;\n    border-bottom: 0;\n\n    .account__avatar-wrapper {\n      margin-left: 0;\n    }\n  }\n\n  .account__display-name {\n    flex: 1 1 auto;\n    display: block;\n    color: $darker-text-color;\n    overflow: hidden;\n    text-decoration: none;\n    font-size: 14px;\n  }\n}\n\n.account__wrapper {\n  display: flex;\n}\n\n.account__avatar-wrapper {\n  float: left;\n  margin-left: 12px;\n  margin-right: 12px;\n}\n\n.account__avatar {\n  @include avatar-radius;\n  position: relative;\n\n  &-inline {\n    display: inline-block;\n    vertical-align: middle;\n    margin-right: 5px;\n  }\n\n  &-composite {\n    @include avatar-radius;\n    border-radius: 50%;\n    overflow: hidden;\n    position: relative;\n\n    & > div {\n      float: left;\n      position: relative;\n      box-sizing: border-box;\n    }\n\n    &__label {\n      display: block;\n      position: absolute;\n      top: 50%;\n      left: 50%;\n      transform: translate(-50%, -50%);\n      color: $primary-text-color;\n      text-shadow: 1px 1px 2px $base-shadow-color;\n      font-weight: 700;\n      font-size: 15px;\n    }\n  }\n}\n\na .account__avatar {\n  cursor: pointer;\n}\n\n.account__avatar-overlay {\n  @include avatar-size(48px);\n\n  &-base {\n    @include avatar-radius;\n    @include avatar-size(36px);\n  }\n\n  &-overlay {\n    @include avatar-radius;\n    @include avatar-size(24px);\n\n    position: absolute;\n    bottom: 0;\n    right: 0;\n    z-index: 1;\n  }\n}\n\n.account__relationship {\n  height: 18px;\n  padding: 10px;\n  white-space: nowrap;\n}\n\n.account__disclaimer {\n  padding: 10px;\n  border-top: 1px solid lighten($ui-base-color, 8%);\n  color: $dark-text-color;\n\n  strong {\n    font-weight: 500;\n\n    @each $lang in $cjk-langs {\n      &:lang(#{$lang}) {\n        font-weight: 700;\n      }\n    }\n  }\n\n  a {\n    font-weight: 500;\n    color: inherit;\n    text-decoration: underline;\n\n    &:hover,\n    &:focus,\n    &:active {\n      text-decoration: none;\n    }\n  }\n}\n\n.account__action-bar {\n  border-top: 1px solid lighten($ui-base-color, 8%);\n  border-bottom: 1px solid lighten($ui-base-color, 8%);\n  line-height: 36px;\n  overflow: hidden;\n  flex: 0 0 auto;\n  display: flex;\n}\n\n.account__action-bar-dropdown {\n  padding: 10px;\n\n  .icon-button {\n    vertical-align: middle;\n  }\n\n  .dropdown--active {\n    .dropdown__content.dropdown__right {\n      left: 6px;\n      right: initial;\n    }\n\n    &::after {\n      bottom: initial;\n      margin-left: 11px;\n      margin-top: -7px;\n      right: initial;\n    }\n  }\n}\n\n.account__action-bar-links {\n  display: flex;\n  flex: 1 1 auto;\n  line-height: 18px;\n  text-align: center;\n}\n\n.account__action-bar__tab {\n  text-decoration: none;\n  overflow: hidden;\n  flex: 0 1 100%;\n  border-right: 1px solid lighten($ui-base-color, 8%);\n  padding: 10px 0;\n  border-bottom: 4px solid transparent;\n\n  &.active {\n    border-bottom: 4px solid $ui-highlight-color;\n  }\n\n  & > span {\n    display: block;\n    text-transform: uppercase;\n    font-size: 11px;\n    color: $darker-text-color;\n  }\n\n  strong {\n    display: block;\n    font-size: 15px;\n    font-weight: 500;\n    color: $primary-text-color;\n\n    @each $lang in $cjk-langs {\n      &:lang(#{$lang}) {\n        font-weight: 700;\n      }\n    }\n  }\n}\n\n.account-authorize {\n  padding: 14px 10px;\n\n  .detailed-status__display-name {\n    display: block;\n    margin-bottom: 15px;\n    overflow: hidden;\n  }\n}\n\n.account-authorize__avatar {\n  float: left;\n  margin-right: 10px;\n}\n\n.status__display-name,\n.status__relative-time,\n.detailed-status__display-name,\n.detailed-status__datetime,\n.detailed-status__application,\n.account__display-name {\n  text-decoration: none;\n}\n\n.status__display-name,\n.account__display-name {\n  strong {\n    color: $primary-text-color;\n  }\n}\n\n.muted {\n  .emojione {\n    opacity: 0.5;\n  }\n}\n\n.status__display-name,\n.reply-indicator__display-name,\n.detailed-status__display-name,\na.account__display-name {\n  &:hover strong {\n    text-decoration: underline;\n  }\n}\n\n.account__display-name strong {\n  display: block;\n  overflow: hidden;\n  text-overflow: ellipsis;\n}\n\n.detailed-status__application,\n.detailed-status__datetime {\n  color: inherit;\n}\n\n.detailed-status .button.logo-button {\n  margin-bottom: 15px;\n}\n\n.detailed-status__display-name {\n  color: $secondary-text-color;\n  display: block;\n  line-height: 24px;\n  margin-bottom: 15px;\n  overflow: hidden;\n\n  strong,\n  span {\n    display: block;\n    text-overflow: ellipsis;\n    overflow: hidden;\n  }\n\n  strong {\n    font-size: 16px;\n    color: $primary-text-color;\n  }\n}\n\n.detailed-status__display-avatar {\n  float: left;\n  margin-right: 10px;\n}\n\n.status__avatar {\n  height: 48px;\n  left: 10px;\n  position: absolute;\n  top: 10px;\n  width: 48px;\n}\n\n.status__expand {\n  width: 68px;\n  position: absolute;\n  left: 0;\n  top: 0;\n  height: 100%;\n  cursor: pointer;\n}\n\n.muted {\n  .status__content,\n  .status__content p,\n  .status__content a {\n    color: $dark-text-color;\n  }\n\n  .status__display-name strong {\n    color: $dark-text-color;\n  }\n\n  .status__avatar {\n    opacity: 0.5;\n  }\n\n  a.status__content__spoiler-link {\n    background: $ui-base-lighter-color;\n    color: $inverted-text-color;\n\n    &:hover {\n      background: lighten($ui-base-lighter-color, 7%);\n      text-decoration: none;\n    }\n  }\n}\n\n.notification__message {\n  margin: 0 10px 0 68px;\n  padding: 8px 0 0;\n  cursor: default;\n  color: $darker-text-color;\n  font-size: 15px;\n  line-height: 22px;\n  position: relative;\n\n  .fa {\n    color: $highlight-text-color;\n  }\n\n  > span {\n    display: inline;\n    overflow: hidden;\n    text-overflow: ellipsis;\n  }\n}\n\n.notification__favourite-icon-wrapper {\n  left: -26px;\n  position: absolute;\n\n  .star-icon {\n    color: $gold-star;\n  }\n}\n\n.star-icon.active {\n  color: $gold-star;\n}\n\n.bookmark-icon.active {\n  color: $red-bookmark;\n}\n\n.no-reduce-motion .icon-button.star-icon {\n  &.activate {\n    & > .fa-star {\n      animation: spring-rotate-in 1s linear;\n    }\n  }\n\n  &.deactivate {\n    & > .fa-star {\n      animation: spring-rotate-out 1s linear;\n    }\n  }\n}\n\n.notification__display-name {\n  color: inherit;\n  font-weight: 500;\n  text-decoration: none;\n\n  &:hover {\n    color: $primary-text-color;\n    text-decoration: underline;\n  }\n}\n\n.notification__relative_time {\n  float: right;\n}\n\n.display-name {\n  display: block;\n  max-width: 100%;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n\n.display-name__html {\n  font-weight: 500;\n}\n\n.display-name__account {\n  font-size: 14px;\n}\n\n.status__relative-time,\n.detailed-status__datetime {\n  &:hover {\n    text-decoration: underline;\n  }\n}\n\n.image-loader {\n  position: relative;\n  width: 100%;\n  height: 100%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  flex-direction: column;\n\n  .image-loader__preview-canvas {\n    max-width: $media-modal-media-max-width;\n    max-height: $media-modal-media-max-height;\n    background: url('~images/void.png') repeat;\n    object-fit: contain;\n  }\n\n  .loading-bar {\n    position: relative;\n  }\n\n  &.image-loader--amorphous .image-loader__preview-canvas {\n    display: none;\n  }\n}\n\n.zoomable-image {\n  position: relative;\n  width: 100%;\n  height: 100%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n\n  img {\n    max-width: $media-modal-media-max-width;\n    max-height: $media-modal-media-max-height;\n    width: auto;\n    height: auto;\n    object-fit: contain;\n  }\n}\n\n.navigation-bar {\n  padding: 10px;\n  display: flex;\n  align-items: center;\n  flex-shrink: 0;\n  cursor: default;\n  color: $darker-text-color;\n\n  strong {\n    color: $secondary-text-color;\n  }\n\n  a {\n    color: inherit;\n  }\n\n  .permalink {\n    text-decoration: none;\n  }\n\n  .navigation-bar__actions {\n    position: relative;\n\n    .icon-button.close {\n      position: absolute;\n      pointer-events: none;\n      transform: scale(0, 1) translate(-100%, 0);\n      opacity: 0;\n    }\n\n    .compose__action-bar .icon-button {\n      pointer-events: auto;\n      transform: scale(1, 1) translate(0, 0);\n      opacity: 1;\n    }\n  }\n}\n\n.navigation-bar__profile {\n  flex: 1 1 auto;\n  margin-left: 8px;\n  line-height: 20px;\n  margin-top: -1px;\n  overflow: hidden;\n}\n\n.navigation-bar__profile-account {\n  display: block;\n  font-weight: 500;\n  overflow: hidden;\n  text-overflow: ellipsis;\n}\n\n.navigation-bar__profile-edit {\n  color: inherit;\n  text-decoration: none;\n}\n\n.dropdown {\n  display: inline-block;\n}\n\n.dropdown__content {\n  display: none;\n  position: absolute;\n}\n\n.dropdown-menu__separator {\n  border-bottom: 1px solid darken($ui-secondary-color, 8%);\n  margin: 5px 7px 6px;\n  height: 0;\n}\n\n.dropdown-menu {\n  background: $ui-secondary-color;\n  padding: 4px 0;\n  border-radius: 4px;\n  box-shadow: 2px 4px 15px rgba($base-shadow-color, 0.4);\n  z-index: 9999;\n\n  ul {\n    list-style: none;\n  }\n\n  &.left {\n    transform-origin: 100% 50%;\n  }\n\n  &.top {\n    transform-origin: 50% 100%;\n  }\n\n  &.bottom {\n    transform-origin: 50% 0;\n  }\n\n  &.right {\n    transform-origin: 0 50%;\n  }\n}\n\n.dropdown-menu__arrow {\n  position: absolute;\n  width: 0;\n  height: 0;\n  border: 0 solid transparent;\n\n  &.left {\n    right: -5px;\n    margin-top: -5px;\n    border-width: 5px 0 5px 5px;\n    border-left-color: $ui-secondary-color;\n  }\n\n  &.top {\n    bottom: -5px;\n    margin-left: -7px;\n    border-width: 5px 7px 0;\n    border-top-color: $ui-secondary-color;\n  }\n\n  &.bottom {\n    top: -5px;\n    margin-left: -7px;\n    border-width: 0 7px 5px;\n    border-bottom-color: $ui-secondary-color;\n  }\n\n  &.right {\n    left: -5px;\n    margin-top: -5px;\n    border-width: 5px 5px 5px 0;\n    border-right-color: $ui-secondary-color;\n  }\n}\n\n.dropdown-menu__item {\n  a {\n    font-size: 13px;\n    line-height: 18px;\n    display: block;\n    padding: 4px 14px;\n    box-sizing: border-box;\n    text-decoration: none;\n    background: $ui-secondary-color;\n    color: $inverted-text-color;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n\n    &:focus,\n    &:hover,\n    &:active {\n      background: $ui-highlight-color;\n      color: $secondary-text-color;\n      outline: 0;\n    }\n  }\n}\n\n.dropdown--active .dropdown__content {\n  display: block;\n  line-height: 18px;\n  max-width: 311px;\n  right: 0;\n  text-align: left;\n  z-index: 9999;\n\n  & > ul {\n    list-style: none;\n    background: $ui-secondary-color;\n    padding: 4px 0;\n    border-radius: 4px;\n    box-shadow: 0 0 15px rgba($base-shadow-color, 0.4);\n    min-width: 140px;\n    position: relative;\n  }\n\n  &.dropdown__right {\n    right: 0;\n  }\n\n  &.dropdown__left {\n    & > ul {\n      left: -98px;\n    }\n  }\n\n  & > ul > li > a {\n    font-size: 13px;\n    line-height: 18px;\n    display: block;\n    padding: 4px 14px;\n    box-sizing: border-box;\n    text-decoration: none;\n    background: $ui-secondary-color;\n    color: $inverted-text-color;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n\n    &:focus {\n      outline: 0;\n    }\n\n    &:hover {\n      background: $ui-highlight-color;\n      color: $secondary-text-color;\n    }\n  }\n}\n\n.dropdown__icon {\n  vertical-align: middle;\n}\n\n.columns-area {\n  display: flex;\n  flex: 1 1 auto;\n  flex-direction: row;\n  justify-content: flex-start;\n  overflow-x: auto;\n  position: relative;\n\n  &.unscrollable {\n    overflow-x: hidden;\n  }\n\n  &__panels {\n    display: flex;\n    justify-content: center;\n    width: 100%;\n    height: 100%;\n    min-height: 100vh;\n\n    &__pane {\n      height: 100%;\n      overflow: hidden;\n      pointer-events: none;\n      display: flex;\n      justify-content: flex-end;\n      min-width: 285px;\n\n      &--start {\n        justify-content: flex-start;\n      }\n\n      &__inner {\n        position: fixed;\n        width: 285px;\n        pointer-events: auto;\n        height: 100%;\n      }\n    }\n\n    &__main {\n      box-sizing: border-box;\n      width: 100%;\n      max-width: 600px;\n      flex: 0 0 auto;\n      display: flex;\n      flex-direction: column;\n\n      @media screen and (min-width: $no-gap-breakpoint) {\n        padding: 0 10px;\n      }\n    }\n  }\n}\n\n.tabs-bar__wrapper {\n  background: darken($ui-base-color, 8%);\n  position: sticky;\n  top: 0;\n  z-index: 2;\n  padding-top: 0;\n\n  @media screen and (min-width: $no-gap-breakpoint) {\n    padding-top: 10px;\n  }\n\n  .tabs-bar {\n    margin-bottom: 0;\n\n    @media screen and (min-width: $no-gap-breakpoint) {\n      margin-bottom: 10px;\n    }\n  }\n}\n\n.react-swipeable-view-container {\n  &,\n  .columns-area,\n  .drawer,\n  .column {\n    height: 100%;\n  }\n}\n\n.react-swipeable-view-container > * {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  height: 100%;\n}\n\n.column {\n  width: 350px;\n  position: relative;\n  box-sizing: border-box;\n  display: flex;\n  flex-direction: column;\n\n  > .scrollable {\n    background: $ui-base-color;\n    border-bottom-left-radius: 2px;\n    border-bottom-right-radius: 2px;\n  }\n}\n\n.ui {\n  flex: 0 0 auto;\n  display: flex;\n  flex-direction: column;\n  width: 100%;\n  height: 100%;\n}\n\n.drawer {\n  width: 330px;\n  box-sizing: border-box;\n  display: flex;\n  flex-direction: column;\n  overflow-y: hidden;\n}\n\n.drawer__tab {\n  display: block;\n  flex: 1 1 auto;\n  padding: 15px 5px 13px;\n  color: $darker-text-color;\n  text-decoration: none;\n  text-align: center;\n  font-size: 16px;\n  border-bottom: 2px solid transparent;\n}\n\n.column,\n.drawer {\n  flex: 1 1 auto;\n  overflow: hidden;\n}\n\n@media screen and (min-width: 631px) {\n  .columns-area {\n    padding: 0;\n  }\n\n  .column,\n  .drawer {\n    flex: 0 0 auto;\n    padding: 10px;\n    padding-left: 5px;\n    padding-right: 5px;\n\n    &:first-child {\n      padding-left: 10px;\n    }\n\n    &:last-child {\n      padding-right: 10px;\n    }\n  }\n\n  .columns-area > div {\n    .column,\n    .drawer {\n      padding-left: 5px;\n      padding-right: 5px;\n    }\n  }\n}\n\n.tabs-bar {\n  box-sizing: border-box;\n  display: flex;\n  background: lighten($ui-base-color, 8%);\n  flex: 0 0 auto;\n  overflow-y: auto;\n}\n\n.tabs-bar__link {\n  display: block;\n  flex: 1 1 auto;\n  padding: 15px 10px;\n  padding-bottom: 13px;\n  color: $primary-text-color;\n  text-decoration: none;\n  text-align: center;\n  font-size: 14px;\n  font-weight: 500;\n  border-bottom: 2px solid lighten($ui-base-color, 8%);\n  transition: all 50ms linear;\n  transition-property: border-bottom, background, color;\n\n  .fa {\n    font-weight: 400;\n    font-size: 16px;\n  }\n\n  &:hover,\n  &:focus,\n  &:active {\n    @media screen and (min-width: 631px) {\n      background: lighten($ui-base-color, 14%);\n      border-bottom-color: lighten($ui-base-color, 14%);\n    }\n  }\n\n  &.active {\n    border-bottom: 2px solid $highlight-text-color;\n    color: $highlight-text-color;\n  }\n\n  span {\n    margin-left: 5px;\n    display: none;\n  }\n}\n\n@media screen and (min-width: 600px) {\n  .tabs-bar__link {\n    span {\n      display: inline;\n    }\n  }\n}\n\n.columns-area--mobile {\n  flex-direction: column;\n  width: 100%;\n  height: 100%;\n  margin: 0 auto;\n\n  .column,\n  .drawer {\n    width: 100%;\n    height: 100%;\n    padding: 0;\n  }\n\n  .directory__list {\n    display: grid;\n    grid-gap: 10px;\n    grid-template-columns: minmax(0, 50%) minmax(0, 50%);\n\n    @media screen and (max-width: $no-gap-breakpoint) {\n      display: block;\n    }\n  }\n\n  .directory__card {\n    margin-bottom: 0;\n  }\n\n  .filter-form {\n    display: flex;\n  }\n\n  .autosuggest-textarea__textarea {\n    font-size: 16px;\n  }\n\n  .search__input {\n    line-height: 18px;\n    font-size: 16px;\n    padding: 15px;\n    padding-right: 30px;\n  }\n\n  .search__icon .fa {\n    top: 15px;\n  }\n\n  .scrollable {\n    overflow: visible;\n\n    @supports(display: grid) {\n      contain: content;\n    }\n  }\n\n  @media screen and (min-width: $no-gap-breakpoint) {\n    padding: 10px 0;\n    padding-top: 0;\n  }\n\n  @media screen and (min-width: 630px) {\n    .detailed-status {\n      padding: 15px;\n\n      .media-gallery,\n      .video-player,\n      .audio-player {\n        margin-top: 15px;\n      }\n    }\n\n    .account__header__bar {\n      padding: 5px 10px;\n    }\n\n    .navigation-bar,\n    .compose-form {\n      padding: 15px;\n    }\n\n    .compose-form .compose-form__publish .compose-form__publish-button-wrapper {\n      padding-top: 15px;\n    }\n\n    .status {\n      padding: 15px 15px 15px (48px + 15px * 2);\n      min-height: 48px + 2px;\n\n      &__avatar {\n        left: 15px;\n        top: 17px;\n      }\n\n      &__content {\n        padding-top: 5px;\n      }\n\n      &__prepend {\n        margin-left: 48px + 15px * 2;\n        padding-top: 15px;\n      }\n\n      &__prepend-icon-wrapper {\n        left: -32px;\n      }\n\n      .media-gallery,\n      &__action-bar,\n      .video-player,\n      .audio-player {\n        margin-top: 10px;\n      }\n    }\n\n    .account {\n      padding: 15px 10px;\n\n      &__header__bio {\n        margin: 0 -10px;\n      }\n    }\n\n    .notification {\n      &__message {\n        margin-left: 48px + 15px * 2;\n        padding-top: 15px;\n      }\n\n      &__favourite-icon-wrapper {\n        left: -32px;\n      }\n\n      .status {\n        padding-top: 8px;\n      }\n\n      .account {\n        padding-top: 8px;\n      }\n\n      .account__avatar-wrapper {\n        margin-left: 17px;\n        margin-right: 15px;\n      }\n    }\n  }\n}\n\n.floating-action-button {\n  position: fixed;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  width: 3.9375rem;\n  height: 3.9375rem;\n  bottom: 1.3125rem;\n  right: 1.3125rem;\n  background: darken($ui-highlight-color, 3%);\n  color: $white;\n  border-radius: 50%;\n  font-size: 21px;\n  line-height: 21px;\n  text-decoration: none;\n  box-shadow: 2px 3px 9px rgba($base-shadow-color, 0.4);\n\n  &:hover,\n  &:focus,\n  &:active {\n    background: lighten($ui-highlight-color, 7%);\n  }\n}\n\n@media screen and (min-width: $no-gap-breakpoint) {\n  .tabs-bar {\n    width: 100%;\n  }\n\n  .react-swipeable-view-container .columns-area--mobile {\n    height: calc(100% - 10px) !important;\n  }\n\n  .getting-started__wrapper,\n  .getting-started__trends,\n  .search {\n    margin-bottom: 10px;\n  }\n\n  .getting-started__panel {\n    margin: 10px 0;\n  }\n\n  .column,\n  .drawer {\n    min-width: 330px;\n  }\n}\n\n@media screen and (max-width: 600px + (285px * 1) + (10px * 1)) {\n  .columns-area__panels__pane--compositional {\n    display: none;\n  }\n}\n\n@media screen and (min-width: 600px + (285px * 1) + (10px * 1)) {\n  .floating-action-button,\n  .tabs-bar__link.optional {\n    display: none;\n  }\n\n  .search-page .search {\n    display: none;\n  }\n}\n\n@media screen and (max-width: 600px + (285px * 2) + (10px * 2)) {\n  .columns-area__panels__pane--navigational {\n    display: none;\n  }\n}\n\n@media screen and (min-width: 600px + (285px * 2) + (10px * 2)) {\n  .tabs-bar {\n    display: none;\n  }\n}\n\n.icon-with-badge {\n  position: relative;\n\n  &__badge {\n    position: absolute;\n    left: 9px;\n    top: -13px;\n    background: $ui-highlight-color;\n    border: 2px solid lighten($ui-base-color, 8%);\n    padding: 1px 6px;\n    border-radius: 6px;\n    font-size: 10px;\n    font-weight: 500;\n    line-height: 14px;\n    color: $primary-text-color;\n  }\n}\n\n.column-link--transparent .icon-with-badge__badge {\n  border-color: darken($ui-base-color, 8%);\n}\n\n.compose-panel {\n  width: 285px;\n  margin-top: 10px;\n  display: flex;\n  flex-direction: column;\n  height: calc(100% - 10px);\n  overflow-y: hidden;\n\n  .navigation-bar {\n    padding-top: 20px;\n    padding-bottom: 20px;\n    flex: 0 1 48px;\n    min-height: 20px;\n  }\n\n  .flex-spacer {\n    background: transparent;\n  }\n\n  .compose-form {\n    flex: 1;\n    overflow-y: hidden;\n    display: flex;\n    flex-direction: column;\n    min-height: 310px;\n    padding-bottom: 71px;\n    margin-bottom: -71px;\n  }\n\n  .compose-form__autosuggest-wrapper {\n    overflow-y: auto;\n    background-color: $white;\n    border-radius: 4px 4px 0 0;\n    flex: 0 1 auto;\n  }\n\n  .autosuggest-textarea__textarea {\n    overflow-y: hidden;\n  }\n\n  .compose-form__upload-thumbnail {\n    height: 80px;\n  }\n}\n\n.navigation-panel {\n  margin-top: 10px;\n  margin-bottom: 10px;\n  height: calc(100% - 20px);\n  overflow-y: auto;\n  display: flex;\n  flex-direction: column;\n\n  & > a {\n    flex: 0 0 auto;\n  }\n\n  hr {\n    flex: 0 0 auto;\n    border: 0;\n    background: transparent;\n    border-top: 1px solid lighten($ui-base-color, 4%);\n    margin: 10px 0;\n  }\n\n  .flex-spacer {\n    background: transparent;\n  }\n}\n\n.drawer__pager {\n  box-sizing: border-box;\n  padding: 0;\n  flex-grow: 1;\n  position: relative;\n  overflow: hidden;\n  display: flex;\n}\n\n.drawer__inner {\n  position: absolute;\n  top: 0;\n  left: 0;\n  background: lighten($ui-base-color, 13%);\n  box-sizing: border-box;\n  padding: 0;\n  display: flex;\n  flex-direction: column;\n  overflow: hidden;\n  overflow-y: auto;\n  width: 100%;\n  height: 100%;\n  border-radius: 2px;\n\n  &.darker {\n    background: $ui-base-color;\n  }\n}\n\n.drawer__inner__mastodon {\n  background: lighten($ui-base-color, 13%) url('data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 234.80078 31.757813\" width=\"234.80078\" height=\"31.757812\"><path d=\"M19.599609 0c-1.05 0-2.10039.375-2.90039 1.125L0 16.925781v14.832031h234.80078V17.025391l-16.5-15.900391c-1.6-1.5-4.20078-1.5-5.80078 0l-13.80078 13.099609c-1.6 1.5-4.19883 1.5-5.79883 0L179.09961 1.125c-1.6-1.5-4.19883-1.5-5.79883 0L159.5 14.224609c-1.6 1.5-4.20078 1.5-5.80078 0L139.90039 1.125c-1.6-1.5-4.20078-1.5-5.80078 0l-13.79883 13.099609c-1.6 1.5-4.20078 1.5-5.80078 0L100.69922 1.125c-1.600001-1.5-4.198829-1.5-5.798829 0l-13.59961 13.099609c-1.6 1.5-4.200781 1.5-5.800781 0L61.699219 1.125c-1.6-1.5-4.198828-1.5-5.798828 0L42.099609 14.224609c-1.6 1.5-4.198828 1.5-5.798828 0L22.5 1.125C21.7.375 20.649609 0 19.599609 0z\" fill=\"#{hex-color($ui-base-color)}\"/></svg>') no-repeat bottom / 100% auto;\n  flex: 1;\n  min-height: 47px;\n  display: none;\n\n  > img {\n    display: block;\n    object-fit: contain;\n    object-position: bottom left;\n    width: 85%;\n    height: 100%;\n    pointer-events: none;\n    user-drag: none;\n    user-select: none;\n  }\n\n  @media screen and (min-height: 640px) {\n    display: block;\n  }\n}\n\n.pseudo-drawer {\n  background: lighten($ui-base-color, 13%);\n  font-size: 13px;\n  text-align: left;\n}\n\n.drawer__header {\n  flex: 0 0 auto;\n  font-size: 16px;\n  background: lighten($ui-base-color, 8%);\n  margin-bottom: 10px;\n  display: flex;\n  flex-direction: row;\n  border-radius: 2px;\n\n  a {\n    transition: background 100ms ease-in;\n\n    &:hover {\n      background: lighten($ui-base-color, 3%);\n      transition: background 200ms ease-out;\n    }\n  }\n}\n\n.scrollable {\n  overflow-y: scroll;\n  overflow-x: hidden;\n  flex: 1 1 auto;\n  -webkit-overflow-scrolling: touch;\n\n  &.optionally-scrollable {\n    overflow-y: auto;\n  }\n\n  @supports(display: grid) { // hack to fix Chrome <57\n    contain: strict;\n  }\n\n  &--flex {\n    display: flex;\n    flex-direction: column;\n  }\n\n  &__append {\n    flex: 1 1 auto;\n    position: relative;\n    min-height: 120px;\n  }\n}\n\n.scrollable.fullscreen {\n  @supports(display: grid) { // hack to fix Chrome <57\n    contain: none;\n  }\n}\n\n.column-back-button {\n  box-sizing: border-box;\n  width: 100%;\n  background: lighten($ui-base-color, 4%);\n  color: $highlight-text-color;\n  cursor: pointer;\n  flex: 0 0 auto;\n  font-size: 16px;\n  line-height: inherit;\n  border: 0;\n  text-align: unset;\n  padding: 15px;\n  margin: 0;\n  z-index: 3;\n  outline: 0;\n\n  &:hover {\n    text-decoration: underline;\n  }\n}\n\n.column-header__back-button {\n  background: lighten($ui-base-color, 4%);\n  border: 0;\n  font-family: inherit;\n  color: $highlight-text-color;\n  cursor: pointer;\n  white-space: nowrap;\n  font-size: 16px;\n  padding: 0 5px 0 0;\n  z-index: 3;\n\n  &:hover {\n    text-decoration: underline;\n  }\n\n  &:last-child {\n    padding: 0 15px 0 0;\n  }\n}\n\n.column-back-button__icon {\n  display: inline-block;\n  margin-right: 5px;\n}\n\n.column-back-button--slim {\n  position: relative;\n}\n\n.column-back-button--slim-button {\n  cursor: pointer;\n  flex: 0 0 auto;\n  font-size: 16px;\n  padding: 15px;\n  position: absolute;\n  right: 0;\n  top: -48px;\n}\n\n.react-toggle {\n  display: inline-block;\n  position: relative;\n  cursor: pointer;\n  background-color: transparent;\n  border: 0;\n  padding: 0;\n  user-select: none;\n  -webkit-tap-highlight-color: rgba($base-overlay-background, 0);\n  -webkit-tap-highlight-color: transparent;\n}\n\n.react-toggle-screenreader-only {\n  border: 0;\n  clip: rect(0 0 0 0);\n  height: 1px;\n  margin: -1px;\n  overflow: hidden;\n  padding: 0;\n  position: absolute;\n  width: 1px;\n}\n\n.react-toggle--disabled {\n  cursor: not-allowed;\n  opacity: 0.5;\n  transition: opacity 0.25s;\n}\n\n.react-toggle-track {\n  width: 50px;\n  height: 24px;\n  padding: 0;\n  border-radius: 30px;\n  background-color: $ui-base-color;\n  transition: background-color 0.2s ease;\n}\n\n.react-toggle:hover:not(.react-toggle--disabled) .react-toggle-track {\n  background-color: darken($ui-base-color, 10%);\n}\n\n.react-toggle--checked .react-toggle-track {\n  background-color: $ui-highlight-color;\n}\n\n.react-toggle--checked:hover:not(.react-toggle--disabled) .react-toggle-track {\n  background-color: lighten($ui-highlight-color, 10%);\n}\n\n.react-toggle-track-check {\n  position: absolute;\n  width: 14px;\n  height: 10px;\n  top: 0;\n  bottom: 0;\n  margin-top: auto;\n  margin-bottom: auto;\n  line-height: 0;\n  left: 8px;\n  opacity: 0;\n  transition: opacity 0.25s ease;\n}\n\n.react-toggle--checked .react-toggle-track-check {\n  opacity: 1;\n  transition: opacity 0.25s ease;\n}\n\n.react-toggle-track-x {\n  position: absolute;\n  width: 10px;\n  height: 10px;\n  top: 0;\n  bottom: 0;\n  margin-top: auto;\n  margin-bottom: auto;\n  line-height: 0;\n  right: 10px;\n  opacity: 1;\n  transition: opacity 0.25s ease;\n}\n\n.react-toggle--checked .react-toggle-track-x {\n  opacity: 0;\n}\n\n.react-toggle-thumb {\n  position: absolute;\n  top: 1px;\n  left: 1px;\n  width: 22px;\n  height: 22px;\n  border: 1px solid $ui-base-color;\n  border-radius: 50%;\n  background-color: darken($simple-background-color, 2%);\n  box-sizing: border-box;\n  transition: all 0.25s ease;\n  transition-property: border-color, left;\n}\n\n.react-toggle--checked .react-toggle-thumb {\n  left: 27px;\n  border-color: $ui-highlight-color;\n}\n\n.column-link {\n  background: lighten($ui-base-color, 8%);\n  color: $primary-text-color;\n  display: block;\n  font-size: 16px;\n  padding: 15px;\n  text-decoration: none;\n\n  &:hover,\n  &:focus,\n  &:active {\n    background: lighten($ui-base-color, 11%);\n  }\n\n  &:focus {\n    outline: 0;\n  }\n\n  &--transparent {\n    background: transparent;\n    color: $ui-secondary-color;\n\n    &:hover,\n    &:focus,\n    &:active {\n      background: transparent;\n      color: $primary-text-color;\n    }\n\n    &.active {\n      color: $ui-highlight-color;\n    }\n  }\n}\n\n.column-link__icon {\n  display: inline-block;\n  margin-right: 5px;\n}\n\n.column-link__badge {\n  display: inline-block;\n  border-radius: 4px;\n  font-size: 12px;\n  line-height: 19px;\n  font-weight: 500;\n  background: $ui-base-color;\n  padding: 4px 8px;\n  margin: -6px 10px;\n}\n\n.column-subheading {\n  background: $ui-base-color;\n  color: $dark-text-color;\n  padding: 8px 20px;\n  font-size: 12px;\n  font-weight: 500;\n  text-transform: uppercase;\n  cursor: default;\n}\n\n.getting-started__wrapper,\n.getting-started,\n.flex-spacer {\n  background: $ui-base-color;\n}\n\n.flex-spacer {\n  flex: 1 1 auto;\n}\n\n.getting-started {\n  color: $dark-text-color;\n  overflow: auto;\n  border-bottom-left-radius: 2px;\n  border-bottom-right-radius: 2px;\n\n  &__wrapper,\n  &__panel,\n  &__footer {\n    height: min-content;\n  }\n\n  &__panel,\n  &__footer\n  {\n    padding: 10px;\n    padding-top: 20px;\n    flex-grow: 0;\n\n    ul {\n      margin-bottom: 10px;\n    }\n\n    ul li {\n      display: inline;\n    }\n\n    p {\n      font-size: 13px;\n\n      a {\n        color: $dark-text-color;\n        text-decoration: underline;\n      }\n    }\n\n    a {\n      text-decoration: none;\n      color: $darker-text-color;\n\n      &:hover,\n      &:focus,\n      &:active {\n        text-decoration: underline;\n      }\n    }\n  }\n\n  &__wrapper,\n  &__footer\n  {\n    color: $dark-text-color;\n  }\n\n  &__trends {\n    flex: 0 1 auto;\n    opacity: 1;\n    animation: fade 150ms linear;\n    margin-top: 10px;\n\n    h4 {\n      font-size: 12px;\n      text-transform: uppercase;\n      color: $darker-text-color;\n      padding: 10px;\n      font-weight: 500;\n      border-bottom: 1px solid lighten($ui-base-color, 8%);\n    }\n\n    @media screen and (max-height: 810px) {\n      .trends__item:nth-child(3) {\n        display: none;\n      }\n    }\n\n    @media screen and (max-height: 720px) {\n      .trends__item:nth-child(2) {\n        display: none;\n      }\n    }\n\n    @media screen and (max-height: 670px) {\n      display: none;\n    }\n\n    .trends__item {\n      border-bottom: 0;\n      padding: 10px;\n\n      &__current {\n        color: $darker-text-color;\n      }\n    }\n  }\n}\n\n.keyboard-shortcuts {\n  padding: 8px 0 0;\n  overflow: hidden;\n\n  thead {\n    position: absolute;\n    left: -9999px;\n  }\n\n  td {\n    padding: 0 10px 8px;\n  }\n\n  kbd {\n    display: inline-block;\n    padding: 3px 5px;\n    background-color: lighten($ui-base-color, 8%);\n    border: 1px solid darken($ui-base-color, 4%);\n  }\n}\n\n.setting-text {\n  display: block;\n  box-sizing: border-box;\n  width: 100%;\n  margin: 0;\n  color: $inverted-text-color;\n  background: $simple-background-color;\n  padding: 10px;\n  font-family: inherit;\n  font-size: 14px;\n  resize: vertical;\n  border: 0;\n  outline: 0;\n  border-radius: 4px;\n\n  &:focus {\n    outline: 0;\n  }\n\n  @media screen and (max-width: 600px) {\n    font-size: 16px;\n  }\n}\n\n.no-reduce-motion button.icon-button i.fa-retweet {\n  background-position: 0 0;\n  height: 19px;\n  transition: background-position 0.9s steps(10);\n  transition-duration: 0s;\n  vertical-align: middle;\n  width: 22px;\n\n  &::before {\n    display: none !important;\n  }\n\n}\n\n.no-reduce-motion button.icon-button.active i.fa-retweet {\n  transition-duration: 0.9s;\n  background-position: 0 100%;\n}\n\n.reduce-motion button.icon-button i.fa-retweet {\n  color: $action-button-color;\n  transition: color 100ms ease-in;\n}\n\n.reduce-motion button.icon-button.active i.fa-retweet {\n  color: $highlight-text-color;\n}\n\n.status-card {\n  display: flex;\n  font-size: 14px;\n  border: 1px solid lighten($ui-base-color, 8%);\n  border-radius: 4px;\n  color: $dark-text-color;\n  margin-top: 14px;\n  text-decoration: none;\n  overflow: hidden;\n\n  &__actions {\n    bottom: 0;\n    left: 0;\n    position: absolute;\n    right: 0;\n    top: 0;\n    display: flex;\n    justify-content: center;\n    align-items: center;\n\n    & > div {\n      background: rgba($base-shadow-color, 0.6);\n      border-radius: 8px;\n      padding: 12px 9px;\n      flex: 0 0 auto;\n      display: flex;\n      justify-content: center;\n      align-items: center;\n    }\n\n    button,\n    a {\n      display: inline;\n      color: $secondary-text-color;\n      background: transparent;\n      border: 0;\n      padding: 0 8px;\n      text-decoration: none;\n      font-size: 18px;\n      line-height: 18px;\n\n      &:hover,\n      &:active,\n      &:focus {\n        color: $primary-text-color;\n      }\n    }\n\n    a {\n      font-size: 19px;\n      position: relative;\n      bottom: -1px;\n    }\n  }\n}\n\na.status-card {\n  cursor: pointer;\n\n  &:hover {\n    background: lighten($ui-base-color, 8%);\n  }\n}\n\n.status-card-photo {\n  cursor: zoom-in;\n  display: block;\n  text-decoration: none;\n  width: 100%;\n  height: auto;\n  margin: 0;\n}\n\n.status-card-video {\n  iframe {\n    width: 100%;\n    height: 100%;\n  }\n}\n\n.status-card__title {\n  display: block;\n  font-weight: 500;\n  margin-bottom: 5px;\n  color: $darker-text-color;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  text-decoration: none;\n}\n\n.status-card__content {\n  flex: 1 1 auto;\n  overflow: hidden;\n  padding: 14px 14px 14px 8px;\n}\n\n.status-card__description {\n  color: $darker-text-color;\n}\n\n.status-card__host {\n  display: block;\n  margin-top: 5px;\n  font-size: 13px;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n\n.status-card__image {\n  flex: 0 0 100px;\n  background: lighten($ui-base-color, 8%);\n  position: relative;\n\n  & > .fa {\n    font-size: 21px;\n    position: absolute;\n    transform-origin: 50% 50%;\n    top: 50%;\n    left: 50%;\n    transform: translate(-50%, -50%);\n  }\n}\n\n.status-card.horizontal {\n  display: block;\n\n  .status-card__image {\n    width: 100%;\n  }\n\n  .status-card__image-image {\n    border-radius: 4px 4px 0 0;\n  }\n\n  .status-card__title {\n    white-space: inherit;\n  }\n}\n\n.status-card.compact {\n  border-color: lighten($ui-base-color, 4%);\n\n  &.interactive {\n    border: 0;\n  }\n\n  .status-card__content {\n    padding: 8px;\n    padding-top: 10px;\n  }\n\n  .status-card__title {\n    white-space: nowrap;\n  }\n\n  .status-card__image {\n    flex: 0 0 60px;\n  }\n}\n\na.status-card.compact:hover {\n  background-color: lighten($ui-base-color, 4%);\n}\n\n.status-card__image-image {\n  border-radius: 4px 0 0 4px;\n  display: block;\n  margin: 0;\n  width: 100%;\n  height: 100%;\n  object-fit: cover;\n  background-size: cover;\n  background-position: center center;\n}\n\n.load-more {\n  display: block;\n  color: $dark-text-color;\n  background-color: transparent;\n  border: 0;\n  font-size: inherit;\n  text-align: center;\n  line-height: inherit;\n  margin: 0;\n  padding: 15px;\n  box-sizing: border-box;\n  width: 100%;\n  clear: both;\n  text-decoration: none;\n\n  &:hover {\n    background: lighten($ui-base-color, 2%);\n  }\n}\n\n.load-gap {\n  border-bottom: 1px solid lighten($ui-base-color, 8%);\n}\n\n.regeneration-indicator {\n  text-align: center;\n  font-size: 16px;\n  font-weight: 500;\n  color: $dark-text-color;\n  background: $ui-base-color;\n  cursor: default;\n  display: flex;\n  flex: 1 1 auto;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  padding: 20px;\n\n  &__figure {\n    &,\n    img {\n      display: block;\n      width: auto;\n      height: 160px;\n      margin: 0;\n    }\n  }\n\n  &--without-header {\n    padding-top: 20px + 48px;\n  }\n\n  &__label {\n    margin-top: 30px;\n\n    strong {\n      display: block;\n      margin-bottom: 10px;\n      color: $dark-text-color;\n    }\n\n    span {\n      font-size: 15px;\n      font-weight: 400;\n    }\n  }\n}\n\n.column-header__wrapper {\n  position: relative;\n  flex: 0 0 auto;\n  z-index: 1;\n\n  &.active {\n    box-shadow: 0 1px 0 rgba($highlight-text-color, 0.3);\n\n    &::before {\n      display: block;\n      content: \"\";\n      position: absolute;\n      bottom: -13px;\n      left: 0;\n      right: 0;\n      margin: 0 auto;\n      width: 60%;\n      pointer-events: none;\n      height: 28px;\n      z-index: 1;\n      background: radial-gradient(ellipse, rgba($ui-highlight-color, 0.23) 0%, rgba($ui-highlight-color, 0) 60%);\n    }\n  }\n\n  .announcements {\n    z-index: 1;\n    position: relative;\n  }\n}\n\n.column-header {\n  display: flex;\n  font-size: 16px;\n  background: lighten($ui-base-color, 4%);\n  flex: 0 0 auto;\n  cursor: pointer;\n  position: relative;\n  z-index: 2;\n  outline: 0;\n  overflow: hidden;\n  border-top-left-radius: 2px;\n  border-top-right-radius: 2px;\n\n  & > button {\n    margin: 0;\n    border: 0;\n    padding: 15px 0 15px 15px;\n    color: inherit;\n    background: transparent;\n    font: inherit;\n    text-align: left;\n    text-overflow: ellipsis;\n    overflow: hidden;\n    white-space: nowrap;\n    flex: 1;\n  }\n\n  & > .column-header__back-button {\n    color: $highlight-text-color;\n  }\n\n  &.active {\n    .column-header__icon {\n      color: $highlight-text-color;\n      text-shadow: 0 0 10px rgba($highlight-text-color, 0.4);\n    }\n  }\n\n  &:focus,\n  &:active {\n    outline: 0;\n  }\n}\n\n.column-header__buttons {\n  height: 48px;\n  display: flex;\n}\n\n.column-header__links {\n  margin-bottom: 14px;\n}\n\n.column-header__links .text-btn {\n  margin-right: 10px;\n}\n\n.column-header__button {\n  background: lighten($ui-base-color, 4%);\n  border: 0;\n  color: $darker-text-color;\n  cursor: pointer;\n  font-size: 16px;\n  padding: 0 15px;\n\n  &:hover {\n    color: lighten($darker-text-color, 7%);\n  }\n\n  &.active {\n    color: $primary-text-color;\n    background: lighten($ui-base-color, 8%);\n\n    &:hover {\n      color: $primary-text-color;\n      background: lighten($ui-base-color, 8%);\n    }\n  }\n}\n\n.column-header__collapsible {\n  max-height: 70vh;\n  overflow: hidden;\n  overflow-y: auto;\n  color: $darker-text-color;\n  transition: max-height 150ms ease-in-out, opacity 300ms linear;\n  opacity: 1;\n  z-index: 1;\n  position: relative;\n\n  &.collapsed {\n    max-height: 0;\n    opacity: 0.5;\n  }\n\n  &.animating {\n    overflow-y: hidden;\n  }\n\n  hr {\n    height: 0;\n    background: transparent;\n    border: 0;\n    border-top: 1px solid lighten($ui-base-color, 12%);\n    margin: 10px 0;\n  }\n}\n\n.column-header__collapsible-inner {\n  background: lighten($ui-base-color, 8%);\n  padding: 15px;\n}\n\n.column-header__setting-btn {\n  &:hover {\n    color: $darker-text-color;\n    text-decoration: underline;\n  }\n}\n\n.column-header__setting-arrows {\n  float: right;\n\n  .column-header__setting-btn {\n    padding: 0 10px;\n\n    &:last-child {\n      padding-right: 0;\n    }\n  }\n}\n\n.text-btn {\n  display: inline-block;\n  padding: 0;\n  font-family: inherit;\n  font-size: inherit;\n  color: inherit;\n  border: 0;\n  background: transparent;\n  cursor: pointer;\n}\n\n.column-header__icon {\n  display: inline-block;\n  margin-right: 5px;\n}\n\n.loading-indicator {\n  color: $dark-text-color;\n  font-size: 12px;\n  font-weight: 400;\n  text-transform: uppercase;\n  overflow: visible;\n  position: absolute;\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n\n  span {\n    display: block;\n    float: left;\n    margin-left: 50%;\n    transform: translateX(-50%);\n    margin: 82px 0 0 50%;\n    white-space: nowrap;\n  }\n}\n\n.loading-indicator__figure {\n  position: absolute;\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n  width: 42px;\n  height: 42px;\n  box-sizing: border-box;\n  background-color: transparent;\n  border: 0 solid lighten($ui-base-color, 26%);\n  border-width: 6px;\n  border-radius: 50%;\n}\n\n.no-reduce-motion .loading-indicator span {\n  animation: loader-label 1.15s infinite cubic-bezier(0.215, 0.61, 0.355, 1);\n}\n\n.no-reduce-motion .loading-indicator__figure {\n  animation: loader-figure 1.15s infinite cubic-bezier(0.215, 0.61, 0.355, 1);\n}\n\n@keyframes spring-rotate-in {\n  0% {\n    transform: rotate(0deg);\n  }\n\n  30% {\n    transform: rotate(-484.8deg);\n  }\n\n  60% {\n    transform: rotate(-316.7deg);\n  }\n\n  90% {\n    transform: rotate(-375deg);\n  }\n\n  100% {\n    transform: rotate(-360deg);\n  }\n}\n\n@keyframes spring-rotate-out {\n  0% {\n    transform: rotate(-360deg);\n  }\n\n  30% {\n    transform: rotate(124.8deg);\n  }\n\n  60% {\n    transform: rotate(-43.27deg);\n  }\n\n  90% {\n    transform: rotate(15deg);\n  }\n\n  100% {\n    transform: rotate(0deg);\n  }\n}\n\n@keyframes loader-figure {\n  0% {\n    width: 0;\n    height: 0;\n    background-color: lighten($ui-base-color, 26%);\n  }\n\n  29% {\n    background-color: lighten($ui-base-color, 26%);\n  }\n\n  30% {\n    width: 42px;\n    height: 42px;\n    background-color: transparent;\n    border-width: 21px;\n    opacity: 1;\n  }\n\n  100% {\n    width: 42px;\n    height: 42px;\n    border-width: 0;\n    opacity: 0;\n    background-color: transparent;\n  }\n}\n\n@keyframes loader-label {\n  0% { opacity: 0.25; }\n  30% { opacity: 1; }\n  100% { opacity: 0.25; }\n}\n\n.video-error-cover {\n  align-items: center;\n  background: $base-overlay-background;\n  color: $primary-text-color;\n  cursor: pointer;\n  display: flex;\n  flex-direction: column;\n  height: 100%;\n  justify-content: center;\n  margin-top: 8px;\n  position: relative;\n  text-align: center;\n  z-index: 100;\n}\n\n.media-spoiler {\n  background: $base-overlay-background;\n  color: $darker-text-color;\n  border: 0;\n  padding: 0;\n  width: 100%;\n  height: 100%;\n  border-radius: 4px;\n  appearance: none;\n\n  &:hover,\n  &:active,\n  &:focus {\n    padding: 0;\n    color: lighten($darker-text-color, 8%);\n  }\n}\n\n.media-spoiler__warning {\n  display: block;\n  font-size: 14px;\n}\n\n.media-spoiler__trigger {\n  display: block;\n  font-size: 11px;\n  font-weight: 700;\n}\n\n.spoiler-button {\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  position: absolute;\n  z-index: 100;\n\n  &--minified {\n    display: block;\n    left: 4px;\n    top: 4px;\n    width: auto;\n    height: auto;\n  }\n\n  &--click-thru {\n    pointer-events: none;\n  }\n\n  &--hidden {\n    display: none;\n  }\n\n  &__overlay {\n    display: block;\n    background: transparent;\n    width: 100%;\n    height: 100%;\n    border: 0;\n\n    &__label {\n      display: inline-block;\n      background: rgba($base-overlay-background, 0.5);\n      border-radius: 8px;\n      padding: 8px 12px;\n      color: $primary-text-color;\n      font-weight: 500;\n      font-size: 14px;\n    }\n\n    &:hover,\n    &:focus,\n    &:active {\n      .spoiler-button__overlay__label {\n        background: rgba($base-overlay-background, 0.8);\n      }\n    }\n\n    &:disabled {\n      .spoiler-button__overlay__label {\n        background: rgba($base-overlay-background, 0.5);\n      }\n    }\n  }\n}\n\n.modal-container--preloader {\n  background: lighten($ui-base-color, 8%);\n}\n\n.account--panel {\n  background: lighten($ui-base-color, 4%);\n  border-top: 1px solid lighten($ui-base-color, 8%);\n  border-bottom: 1px solid lighten($ui-base-color, 8%);\n  display: flex;\n  flex-direction: row;\n  padding: 10px 0;\n}\n\n.account--panel__button,\n.detailed-status__button {\n  flex: 1 1 auto;\n  text-align: center;\n}\n\n.column-settings__outer {\n  background: lighten($ui-base-color, 8%);\n  padding: 15px;\n}\n\n.column-settings__section {\n  color: $darker-text-color;\n  cursor: default;\n  display: block;\n  font-weight: 500;\n  margin-bottom: 10px;\n}\n\n.column-settings__hashtags {\n  .column-settings__row {\n    margin-bottom: 15px;\n  }\n\n  .column-select {\n    &__control {\n      @include search-input;\n\n      &::placeholder {\n        color: lighten($darker-text-color, 4%);\n      }\n\n      &::-moz-focus-inner {\n        border: 0;\n      }\n\n      &::-moz-focus-inner,\n      &:focus,\n      &:active {\n        outline: 0 !important;\n      }\n\n      &:focus {\n        background: lighten($ui-base-color, 4%);\n      }\n\n      @media screen and (max-width: 600px) {\n        font-size: 16px;\n      }\n    }\n\n    &__placeholder {\n      color: $dark-text-color;\n      padding-left: 2px;\n      font-size: 12px;\n    }\n\n    &__value-container {\n      padding-left: 6px;\n    }\n\n    &__multi-value {\n      background: lighten($ui-base-color, 8%);\n\n      &__remove {\n        cursor: pointer;\n\n        &:hover,\n        &:active,\n        &:focus {\n          background: lighten($ui-base-color, 12%);\n          color: lighten($darker-text-color, 4%);\n        }\n      }\n    }\n\n    &__multi-value__label,\n    &__input {\n      color: $darker-text-color;\n    }\n\n    &__clear-indicator,\n    &__dropdown-indicator {\n      cursor: pointer;\n      transition: none;\n      color: $dark-text-color;\n\n      &:hover,\n      &:active,\n      &:focus {\n        color: lighten($dark-text-color, 4%);\n      }\n    }\n\n    &__indicator-separator {\n      background-color: lighten($ui-base-color, 8%);\n    }\n\n    &__menu {\n      @include search-popout;\n      padding: 0;\n      background: $ui-secondary-color;\n    }\n\n    &__menu-list {\n      padding: 6px;\n    }\n\n    &__option {\n      color: $inverted-text-color;\n      border-radius: 4px;\n      font-size: 14px;\n\n      &--is-focused,\n      &--is-selected {\n        background: darken($ui-secondary-color, 10%);\n      }\n    }\n  }\n}\n\n.column-settings__row {\n  .text-btn {\n    margin-bottom: 15px;\n  }\n}\n\n.relationship-tag {\n  color: $primary-text-color;\n  margin-bottom: 4px;\n  display: block;\n  vertical-align: top;\n  background-color: $base-overlay-background;\n  text-transform: uppercase;\n  font-size: 11px;\n  font-weight: 500;\n  padding: 4px;\n  border-radius: 4px;\n  opacity: 0.7;\n\n  &:hover {\n    opacity: 1;\n  }\n}\n\n.setting-toggle {\n  display: block;\n  line-height: 24px;\n}\n\n.setting-toggle__label {\n  color: $darker-text-color;\n  display: inline-block;\n  margin-bottom: 14px;\n  margin-left: 8px;\n  vertical-align: middle;\n}\n\n.empty-column-indicator,\n.error-column,\n.follow_requests-unlocked_explanation {\n  color: $dark-text-color;\n  background: $ui-base-color;\n  text-align: center;\n  padding: 20px;\n  font-size: 15px;\n  font-weight: 400;\n  cursor: default;\n  display: flex;\n  flex: 1 1 auto;\n  align-items: center;\n  justify-content: center;\n\n  @supports(display: grid) { // hack to fix Chrome <57\n    contain: strict;\n  }\n\n  & > span {\n    max-width: 400px;\n  }\n\n  a {\n    color: $highlight-text-color;\n    text-decoration: none;\n\n    &:hover {\n      text-decoration: underline;\n    }\n  }\n}\n\n.follow_requests-unlocked_explanation {\n  background: darken($ui-base-color, 4%);\n  contain: initial;\n}\n\n.error-column {\n  flex-direction: column;\n}\n\n@keyframes heartbeat {\n  from {\n    transform: scale(1);\n    animation-timing-function: ease-out;\n  }\n\n  10% {\n    transform: scale(0.91);\n    animation-timing-function: ease-in;\n  }\n\n  17% {\n    transform: scale(0.98);\n    animation-timing-function: ease-out;\n  }\n\n  33% {\n    transform: scale(0.87);\n    animation-timing-function: ease-in;\n  }\n\n  45% {\n    transform: scale(1);\n    animation-timing-function: ease-out;\n  }\n}\n\n.no-reduce-motion .pulse-loading {\n  transform-origin: center center;\n  animation: heartbeat 1.5s ease-in-out infinite both;\n}\n\n@keyframes shake-bottom {\n  0%,\n  100% {\n    transform: rotate(0deg);\n    transform-origin: 50% 100%;\n  }\n\n  10% {\n    transform: rotate(2deg);\n  }\n\n  20%,\n  40%,\n  60% {\n    transform: rotate(-4deg);\n  }\n\n  30%,\n  50%,\n  70% {\n    transform: rotate(4deg);\n  }\n\n  80% {\n    transform: rotate(-2deg);\n  }\n\n  90% {\n    transform: rotate(2deg);\n  }\n}\n\n.no-reduce-motion .shake-bottom {\n  transform-origin: 50% 100%;\n  animation: shake-bottom 0.8s cubic-bezier(0.455, 0.03, 0.515, 0.955) 2s 2 both;\n}\n\n.emoji-picker-dropdown__menu {\n  background: $simple-background-color;\n  position: absolute;\n  box-shadow: 4px 4px 6px rgba($base-shadow-color, 0.4);\n  border-radius: 4px;\n  margin-top: 5px;\n  z-index: 2;\n\n  .emoji-mart-scroll {\n    transition: opacity 200ms ease;\n  }\n\n  &.selecting .emoji-mart-scroll {\n    opacity: 0.5;\n  }\n}\n\n.emoji-picker-dropdown__modifiers {\n  position: absolute;\n  top: 60px;\n  right: 11px;\n  cursor: pointer;\n}\n\n.emoji-picker-dropdown__modifiers__menu {\n  position: absolute;\n  z-index: 4;\n  top: -4px;\n  left: -8px;\n  background: $simple-background-color;\n  border-radius: 4px;\n  box-shadow: 1px 2px 6px rgba($base-shadow-color, 0.2);\n  overflow: hidden;\n\n  button {\n    display: block;\n    cursor: pointer;\n    border: 0;\n    padding: 4px 8px;\n    background: transparent;\n\n    &:hover,\n    &:focus,\n    &:active {\n      background: rgba($ui-secondary-color, 0.4);\n    }\n  }\n\n  .emoji-mart-emoji {\n    height: 22px;\n  }\n}\n\n.emoji-mart-emoji {\n  span {\n    background-repeat: no-repeat;\n  }\n}\n\n.upload-area {\n  align-items: center;\n  background: rgba($base-overlay-background, 0.8);\n  display: flex;\n  height: 100%;\n  justify-content: center;\n  left: 0;\n  opacity: 0;\n  position: absolute;\n  top: 0;\n  visibility: hidden;\n  width: 100%;\n  z-index: 2000;\n\n  * {\n    pointer-events: none;\n  }\n}\n\n.upload-area__drop {\n  width: 320px;\n  height: 160px;\n  display: flex;\n  box-sizing: border-box;\n  position: relative;\n  padding: 8px;\n}\n\n.upload-area__background {\n  position: absolute;\n  top: 0;\n  right: 0;\n  bottom: 0;\n  left: 0;\n  z-index: -1;\n  border-radius: 4px;\n  background: $ui-base-color;\n  box-shadow: 0 0 5px rgba($base-shadow-color, 0.2);\n}\n\n.upload-area__content {\n  flex: 1;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  color: $secondary-text-color;\n  font-size: 18px;\n  font-weight: 500;\n  border: 2px dashed $ui-base-lighter-color;\n  border-radius: 4px;\n}\n\n.upload-progress {\n  padding: 10px;\n  color: $lighter-text-color;\n  overflow: hidden;\n  display: flex;\n\n  .fa {\n    font-size: 34px;\n    margin-right: 10px;\n  }\n\n  span {\n    font-size: 12px;\n    text-transform: uppercase;\n    font-weight: 500;\n    display: block;\n  }\n}\n\n.upload-progess__message {\n  flex: 1 1 auto;\n}\n\n.upload-progress__backdrop {\n  width: 100%;\n  height: 6px;\n  border-radius: 6px;\n  background: $ui-base-lighter-color;\n  position: relative;\n  margin-top: 5px;\n}\n\n.upload-progress__tracker {\n  position: absolute;\n  left: 0;\n  top: 0;\n  height: 6px;\n  background: $ui-highlight-color;\n  border-radius: 6px;\n}\n\n.emoji-button {\n  display: block;\n  padding: 5px 5px 2px 2px;\n  outline: 0;\n  cursor: pointer;\n\n  &:active,\n  &:focus {\n    outline: 0 !important;\n  }\n\n  img {\n    filter: grayscale(100%);\n    opacity: 0.8;\n    display: block;\n    margin: 0;\n    width: 22px;\n    height: 22px;\n  }\n\n  &:hover,\n  &:active,\n  &:focus {\n    img {\n      opacity: 1;\n      filter: none;\n    }\n  }\n}\n\n.dropdown--active .emoji-button img {\n  opacity: 1;\n  filter: none;\n}\n\n.privacy-dropdown__dropdown {\n  position: absolute;\n  background: $simple-background-color;\n  box-shadow: 2px 4px 15px rgba($base-shadow-color, 0.4);\n  border-radius: 4px;\n  margin-left: 40px;\n  overflow: hidden;\n\n  &.top {\n    transform-origin: 50% 100%;\n  }\n\n  &.bottom {\n    transform-origin: 50% 0;\n  }\n}\n\n.privacy-dropdown__option {\n  color: $inverted-text-color;\n  padding: 10px;\n  cursor: pointer;\n  display: flex;\n\n  &:hover,\n  &.active {\n    background: $ui-highlight-color;\n    color: $primary-text-color;\n    outline: 0;\n\n    .privacy-dropdown__option__content {\n      color: $primary-text-color;\n\n      strong {\n        color: $primary-text-color;\n      }\n    }\n  }\n\n  &.active:hover {\n    background: lighten($ui-highlight-color, 4%);\n  }\n}\n\n.privacy-dropdown__option__icon {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  margin-right: 10px;\n}\n\n.privacy-dropdown__option__content {\n  flex: 1 1 auto;\n  color: $lighter-text-color;\n\n  strong {\n    font-weight: 500;\n    display: block;\n    color: $inverted-text-color;\n\n    @each $lang in $cjk-langs {\n      &:lang(#{$lang}) {\n        font-weight: 700;\n      }\n    }\n  }\n}\n\n.privacy-dropdown.active {\n  .privacy-dropdown__value {\n    background: $simple-background-color;\n    border-radius: 4px 4px 0 0;\n    box-shadow: 0 -4px 4px rgba($base-shadow-color, 0.1);\n\n    .icon-button {\n      transition: none;\n    }\n\n    &.active {\n      background: $ui-highlight-color;\n\n      .icon-button {\n        color: $primary-text-color;\n      }\n    }\n  }\n\n  &.top .privacy-dropdown__value {\n    border-radius: 0 0 4px 4px;\n  }\n\n  .privacy-dropdown__dropdown {\n    display: block;\n    box-shadow: 2px 4px 6px rgba($base-shadow-color, 0.1);\n  }\n}\n\n.search {\n  position: relative;\n}\n\n.search__input {\n  @include search-input;\n\n  display: block;\n  padding: 15px;\n  padding-right: 30px;\n  line-height: 18px;\n  font-size: 16px;\n\n  &::placeholder {\n    color: lighten($darker-text-color, 4%);\n  }\n\n  &::-moz-focus-inner {\n    border: 0;\n  }\n\n  &::-moz-focus-inner,\n  &:focus,\n  &:active {\n    outline: 0 !important;\n  }\n\n  &:focus {\n    background: lighten($ui-base-color, 4%);\n  }\n\n  @media screen and (max-width: 600px) {\n    font-size: 16px;\n  }\n}\n\n.search__icon {\n  &::-moz-focus-inner {\n    border: 0;\n  }\n\n  &::-moz-focus-inner,\n  &:focus {\n    outline: 0 !important;\n  }\n\n  .fa {\n    position: absolute;\n    top: 16px;\n    right: 10px;\n    z-index: 2;\n    display: inline-block;\n    opacity: 0;\n    transition: all 100ms linear;\n    transition-property: transform, opacity;\n    font-size: 18px;\n    width: 18px;\n    height: 18px;\n    color: $secondary-text-color;\n    cursor: default;\n    pointer-events: none;\n\n    &.active {\n      pointer-events: auto;\n      opacity: 0.3;\n    }\n  }\n\n  .fa-search {\n    transform: rotate(90deg);\n\n    &.active {\n      pointer-events: none;\n      transform: rotate(0deg);\n    }\n  }\n\n  .fa-times-circle {\n    top: 17px;\n    transform: rotate(0deg);\n    color: $action-button-color;\n    cursor: pointer;\n\n    &.active {\n      transform: rotate(90deg);\n    }\n\n    &:hover {\n      color: lighten($action-button-color, 7%);\n    }\n  }\n}\n\n.search-results__header {\n  color: $dark-text-color;\n  background: lighten($ui-base-color, 2%);\n  padding: 15px;\n  font-weight: 500;\n  font-size: 16px;\n  cursor: default;\n\n  .fa {\n    display: inline-block;\n    margin-right: 5px;\n  }\n}\n\n.search-results__section {\n  margin-bottom: 5px;\n\n  h5 {\n    background: darken($ui-base-color, 4%);\n    border-bottom: 1px solid lighten($ui-base-color, 8%);\n    cursor: default;\n    display: flex;\n    padding: 15px;\n    font-weight: 500;\n    font-size: 16px;\n    color: $dark-text-color;\n\n    .fa {\n      display: inline-block;\n      margin-right: 5px;\n    }\n  }\n\n  .account:last-child,\n  & > div:last-child .status {\n    border-bottom: 0;\n  }\n}\n\n.search-results__hashtag {\n  display: block;\n  padding: 10px;\n  color: $secondary-text-color;\n  text-decoration: none;\n\n  &:hover,\n  &:active,\n  &:focus {\n    color: lighten($secondary-text-color, 4%);\n    text-decoration: underline;\n  }\n}\n\n.search-results__info {\n  padding: 20px;\n  color: $darker-text-color;\n  text-align: center;\n}\n\n.modal-root {\n  position: relative;\n  transition: opacity 0.3s linear;\n  will-change: opacity;\n  z-index: 9999;\n}\n\n.modal-root__overlay {\n  position: fixed;\n  top: 0;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  background: rgba($base-overlay-background, 0.7);\n}\n\n.modal-root__container {\n  position: fixed;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  align-content: space-around;\n  z-index: 9999;\n  pointer-events: none;\n  user-select: none;\n}\n\n.modal-root__modal {\n  pointer-events: auto;\n  display: flex;\n  z-index: 9999;\n}\n\n.video-modal__container {\n  max-width: 100vw;\n  max-height: 100vh;\n}\n\n.audio-modal__container {\n  width: 50vw;\n}\n\n.media-modal {\n  width: 100%;\n  height: 100%;\n  position: relative;\n\n  .extended-video-player {\n    width: 100%;\n    height: 100%;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n\n    video {\n      max-width: $media-modal-media-max-width;\n      max-height: $media-modal-media-max-height;\n    }\n  }\n}\n\n.media-modal__closer {\n  position: absolute;\n  top: 0;\n  left: 0;\n  right: 0;\n  bottom: 0;\n}\n\n.media-modal__navigation {\n  position: absolute;\n  top: 0;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  pointer-events: none;\n  transition: opacity 0.3s linear;\n  will-change: opacity;\n\n  * {\n    pointer-events: auto;\n  }\n\n  &.media-modal__navigation--hidden {\n    opacity: 0;\n\n    * {\n      pointer-events: none;\n    }\n  }\n}\n\n.media-modal__nav {\n  background: rgba($base-overlay-background, 0.5);\n  box-sizing: border-box;\n  border: 0;\n  color: $primary-text-color;\n  cursor: pointer;\n  display: flex;\n  align-items: center;\n  font-size: 24px;\n  height: 20vmax;\n  margin: auto 0;\n  padding: 30px 15px;\n  position: absolute;\n  top: 0;\n  bottom: 0;\n}\n\n.media-modal__nav--left {\n  left: 0;\n}\n\n.media-modal__nav--right {\n  right: 0;\n}\n\n.media-modal__pagination {\n  width: 100%;\n  text-align: center;\n  position: absolute;\n  left: 0;\n  bottom: 20px;\n  pointer-events: none;\n}\n\n.media-modal__meta {\n  text-align: center;\n  position: absolute;\n  left: 0;\n  bottom: 20px;\n  width: 100%;\n  pointer-events: none;\n\n  &--shifted {\n    bottom: 62px;\n  }\n\n  a {\n    pointer-events: auto;\n    text-decoration: none;\n    font-weight: 500;\n    color: $ui-secondary-color;\n\n    &:hover,\n    &:focus,\n    &:active {\n      text-decoration: underline;\n    }\n  }\n}\n\n.media-modal__page-dot {\n  display: inline-block;\n}\n\n.media-modal__button {\n  background-color: $primary-text-color;\n  height: 12px;\n  width: 12px;\n  border-radius: 6px;\n  margin: 10px;\n  padding: 0;\n  border: 0;\n  font-size: 0;\n}\n\n.media-modal__button--active {\n  background-color: $highlight-text-color;\n}\n\n.media-modal__close {\n  position: absolute;\n  right: 8px;\n  top: 8px;\n  z-index: 100;\n}\n\n.onboarding-modal,\n.error-modal,\n.embed-modal {\n  background: $ui-secondary-color;\n  color: $inverted-text-color;\n  border-radius: 8px;\n  overflow: hidden;\n  display: flex;\n  flex-direction: column;\n}\n\n.error-modal__body {\n  height: 80vh;\n  width: 80vw;\n  max-width: 520px;\n  max-height: 420px;\n  position: relative;\n\n  & > div {\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n    box-sizing: border-box;\n    padding: 25px;\n    display: none;\n    flex-direction: column;\n    align-items: center;\n    justify-content: center;\n    display: flex;\n    opacity: 0;\n    user-select: text;\n  }\n}\n\n.error-modal__body {\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  align-items: center;\n  text-align: center;\n}\n\n.onboarding-modal__paginator,\n.error-modal__footer {\n  flex: 0 0 auto;\n  background: darken($ui-secondary-color, 8%);\n  display: flex;\n  padding: 25px;\n\n  & > div {\n    min-width: 33px;\n  }\n\n  .onboarding-modal__nav,\n  .error-modal__nav {\n    color: $lighter-text-color;\n    border: 0;\n    font-size: 14px;\n    font-weight: 500;\n    padding: 10px 25px;\n    line-height: inherit;\n    height: auto;\n    margin: -10px;\n    border-radius: 4px;\n    background-color: transparent;\n\n    &:hover,\n    &:focus,\n    &:active {\n      color: darken($lighter-text-color, 4%);\n      background-color: darken($ui-secondary-color, 16%);\n    }\n\n    &.onboarding-modal__done,\n    &.onboarding-modal__next {\n      color: $inverted-text-color;\n\n      &:hover,\n      &:focus,\n      &:active {\n        color: lighten($inverted-text-color, 4%);\n      }\n    }\n  }\n}\n\n.error-modal__footer {\n  justify-content: center;\n}\n\n.display-case {\n  text-align: center;\n  font-size: 15px;\n  margin-bottom: 15px;\n\n  &__label {\n    font-weight: 500;\n    color: $inverted-text-color;\n    margin-bottom: 5px;\n    text-transform: uppercase;\n    font-size: 12px;\n  }\n\n  &__case {\n    background: $ui-base-color;\n    color: $secondary-text-color;\n    font-weight: 500;\n    padding: 10px;\n    border-radius: 4px;\n  }\n}\n\n.onboard-sliders {\n  display: inline-block;\n  max-width: 30px;\n  max-height: auto;\n  margin-left: 10px;\n}\n\n.boost-modal,\n.confirmation-modal,\n.report-modal,\n.actions-modal,\n.mute-modal,\n.block-modal {\n  background: lighten($ui-secondary-color, 8%);\n  color: $inverted-text-color;\n  border-radius: 8px;\n  overflow: hidden;\n  max-width: 90vw;\n  width: 480px;\n  position: relative;\n  flex-direction: column;\n\n  .status__display-name {\n    display: block;\n    max-width: 100%;\n    padding-right: 25px;\n  }\n\n  .status__avatar {\n    height: 28px;\n    left: 10px;\n    position: absolute;\n    top: 10px;\n    width: 48px;\n  }\n\n  .status__content__spoiler-link {\n    color: lighten($secondary-text-color, 8%);\n  }\n}\n\n.actions-modal {\n  .status {\n    background: $white;\n    border-bottom-color: $ui-secondary-color;\n    padding-top: 10px;\n    padding-bottom: 10px;\n  }\n\n  .dropdown-menu__separator {\n    border-bottom-color: $ui-secondary-color;\n  }\n}\n\n.boost-modal__container {\n  overflow-x: scroll;\n  padding: 10px;\n\n  .status {\n    user-select: text;\n    border-bottom: 0;\n  }\n}\n\n.boost-modal__action-bar,\n.confirmation-modal__action-bar,\n.mute-modal__action-bar,\n.block-modal__action-bar {\n  display: flex;\n  justify-content: space-between;\n  background: $ui-secondary-color;\n  padding: 10px;\n  line-height: 36px;\n\n  & > div {\n    flex: 1 1 auto;\n    text-align: right;\n    color: $lighter-text-color;\n    padding-right: 10px;\n  }\n\n  .button {\n    flex: 0 0 auto;\n  }\n}\n\n.boost-modal__status-header {\n  font-size: 15px;\n}\n\n.boost-modal__status-time {\n  float: right;\n  font-size: 14px;\n}\n\n.mute-modal,\n.block-modal {\n  line-height: 24px;\n}\n\n.mute-modal .react-toggle,\n.block-modal .react-toggle {\n  vertical-align: middle;\n}\n\n.report-modal {\n  width: 90vw;\n  max-width: 700px;\n}\n\n.report-modal__container {\n  display: flex;\n  border-top: 1px solid $ui-secondary-color;\n\n  @media screen and (max-width: 480px) {\n    flex-wrap: wrap;\n    overflow-y: auto;\n  }\n}\n\n.report-modal__statuses,\n.report-modal__comment {\n  box-sizing: border-box;\n  width: 50%;\n\n  @media screen and (max-width: 480px) {\n    width: 100%;\n  }\n}\n\n.report-modal__statuses,\n.focal-point-modal__content {\n  flex: 1 1 auto;\n  min-height: 20vh;\n  max-height: 80vh;\n  overflow-y: auto;\n  overflow-x: hidden;\n\n  .status__content a {\n    color: $highlight-text-color;\n  }\n\n  .status__content,\n  .status__content p {\n    color: $inverted-text-color;\n  }\n\n  @media screen and (max-width: 480px) {\n    max-height: 10vh;\n  }\n}\n\n.focal-point-modal__content {\n  @media screen and (max-width: 480px) {\n    max-height: 40vh;\n  }\n}\n\n.report-modal__comment {\n  padding: 20px;\n  border-right: 1px solid $ui-secondary-color;\n  max-width: 320px;\n\n  p {\n    font-size: 14px;\n    line-height: 20px;\n    margin-bottom: 20px;\n  }\n\n  .setting-text {\n    display: block;\n    box-sizing: border-box;\n    width: 100%;\n    margin: 0;\n    color: $inverted-text-color;\n    background: $white;\n    padding: 10px;\n    font-family: inherit;\n    font-size: 14px;\n    resize: none;\n    border: 0;\n    outline: 0;\n    border-radius: 4px;\n    border: 1px solid $ui-secondary-color;\n    min-height: 100px;\n    max-height: 50vh;\n    margin-bottom: 10px;\n\n    &:focus {\n      border: 1px solid darken($ui-secondary-color, 8%);\n    }\n\n    &__wrapper {\n      background: $white;\n      border: 1px solid $ui-secondary-color;\n      margin-bottom: 10px;\n      border-radius: 4px;\n\n      .setting-text {\n        border: 0;\n        margin-bottom: 0;\n        border-radius: 0;\n\n        &:focus {\n          border: 0;\n        }\n      }\n\n      &__modifiers {\n        color: $inverted-text-color;\n        font-family: inherit;\n        font-size: 14px;\n        background: $white;\n      }\n    }\n\n    &__toolbar {\n      display: flex;\n      justify-content: space-between;\n      margin-bottom: 20px;\n    }\n  }\n\n  .setting-text-label {\n    display: block;\n    color: $inverted-text-color;\n    font-size: 14px;\n    font-weight: 500;\n    margin-bottom: 10px;\n  }\n\n  .setting-toggle {\n    margin-top: 20px;\n    margin-bottom: 24px;\n\n    &__label {\n      color: $inverted-text-color;\n      font-size: 14px;\n    }\n  }\n\n  @media screen and (max-width: 480px) {\n    padding: 10px;\n    max-width: 100%;\n    order: 2;\n\n    .setting-toggle {\n      margin-bottom: 4px;\n    }\n  }\n}\n\n.actions-modal {\n  max-height: 80vh;\n  max-width: 80vw;\n\n  .status {\n    overflow-y: auto;\n    max-height: 300px;\n  }\n\n  .actions-modal__item-label {\n    font-weight: 500;\n  }\n\n  ul {\n    overflow-y: auto;\n    flex-shrink: 0;\n    max-height: 80vh;\n\n    &.with-status {\n      max-height: calc(80vh - 75px);\n    }\n\n    li:empty {\n      margin: 0;\n    }\n\n    li:not(:empty) {\n      a {\n        color: $inverted-text-color;\n        display: flex;\n        padding: 12px 16px;\n        font-size: 15px;\n        align-items: center;\n        text-decoration: none;\n\n        &,\n        button {\n          transition: none;\n        }\n\n        &.active,\n        &:hover,\n        &:active,\n        &:focus {\n          &,\n          button {\n            background: $ui-highlight-color;\n            color: $primary-text-color;\n          }\n        }\n\n        button:first-child {\n          margin-right: 10px;\n        }\n      }\n    }\n  }\n}\n\n.confirmation-modal__action-bar,\n.mute-modal__action-bar,\n.block-modal__action-bar {\n  .confirmation-modal__secondary-button {\n    flex-shrink: 1;\n  }\n}\n\n.confirmation-modal__secondary-button,\n.confirmation-modal__cancel-button,\n.mute-modal__cancel-button,\n.block-modal__cancel-button {\n  background-color: transparent;\n  color: $lighter-text-color;\n  font-size: 14px;\n  font-weight: 500;\n\n  &:hover,\n  &:focus,\n  &:active {\n    color: darken($lighter-text-color, 4%);\n    background-color: transparent;\n  }\n}\n\n.confirmation-modal__container,\n.mute-modal__container,\n.block-modal__container,\n.report-modal__target {\n  padding: 30px;\n  font-size: 16px;\n\n  strong {\n    font-weight: 500;\n\n    @each $lang in $cjk-langs {\n      &:lang(#{$lang}) {\n        font-weight: 700;\n      }\n    }\n  }\n}\n\n.confirmation-modal__container,\n.report-modal__target {\n  text-align: center;\n}\n\n.block-modal,\n.mute-modal {\n  &__explanation {\n    margin-top: 20px;\n  }\n\n  .setting-toggle {\n    margin-top: 20px;\n    margin-bottom: 24px;\n    display: flex;\n    align-items: center;\n\n    &__label {\n      color: $inverted-text-color;\n      margin: 0;\n      margin-left: 8px;\n    }\n  }\n}\n\n.report-modal__target {\n  padding: 15px;\n\n  .media-modal__close {\n    top: 14px;\n    right: 15px;\n  }\n}\n\n.loading-bar {\n  background-color: $highlight-text-color;\n  height: 3px;\n  position: absolute;\n  top: 0;\n  left: 0;\n  z-index: 9999;\n}\n\n.media-gallery__gifv__label {\n  display: block;\n  position: absolute;\n  color: $primary-text-color;\n  background: rgba($base-overlay-background, 0.5);\n  bottom: 6px;\n  left: 6px;\n  padding: 2px 6px;\n  border-radius: 2px;\n  font-size: 11px;\n  font-weight: 600;\n  z-index: 1;\n  pointer-events: none;\n  opacity: 0.9;\n  transition: opacity 0.1s ease;\n  line-height: 18px;\n}\n\n.media-gallery__gifv {\n  &:hover {\n    .media-gallery__gifv__label {\n      opacity: 1;\n    }\n  }\n}\n\n.media-gallery__audio {\n  margin-top: 32px;\n\n  audio {\n    width: 100%;\n  }\n}\n\n.attachment-list {\n  display: flex;\n  font-size: 14px;\n  border: 1px solid lighten($ui-base-color, 8%);\n  border-radius: 4px;\n  margin-top: 14px;\n  overflow: hidden;\n\n  &__icon {\n    flex: 0 0 auto;\n    color: $dark-text-color;\n    padding: 8px 18px;\n    cursor: default;\n    border-right: 1px solid lighten($ui-base-color, 8%);\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    justify-content: center;\n    font-size: 26px;\n\n    .fa {\n      display: block;\n    }\n  }\n\n  &__list {\n    list-style: none;\n    padding: 4px 0;\n    padding-left: 8px;\n    display: flex;\n    flex-direction: column;\n    justify-content: center;\n\n    li {\n      display: block;\n      padding: 4px 0;\n    }\n\n    a {\n      text-decoration: none;\n      color: $dark-text-color;\n      font-weight: 500;\n\n      &:hover {\n        text-decoration: underline;\n      }\n    }\n  }\n\n  &.compact {\n    border: 0;\n    margin-top: 4px;\n\n    .attachment-list__list {\n      padding: 0;\n      display: block;\n    }\n\n    .fa {\n      color: $dark-text-color;\n    }\n  }\n}\n\n/* Media Gallery */\n.media-gallery {\n  box-sizing: border-box;\n  margin-top: 8px;\n  overflow: hidden;\n  border-radius: 4px;\n  position: relative;\n  width: 100%;\n}\n\n.media-gallery__item {\n  border: 0;\n  box-sizing: border-box;\n  display: block;\n  float: left;\n  position: relative;\n  border-radius: 4px;\n  overflow: hidden;\n\n  &.standalone {\n    .media-gallery__item-gifv-thumbnail {\n      transform: none;\n      top: 0;\n    }\n  }\n}\n\n.media-gallery__item-thumbnail {\n  cursor: zoom-in;\n  display: block;\n  text-decoration: none;\n  color: $secondary-text-color;\n  position: relative;\n  z-index: 1;\n\n  &,\n  img {\n    height: 100%;\n    width: 100%;\n  }\n\n  img {\n    object-fit: cover;\n  }\n}\n\n.media-gallery__preview {\n  width: 100%;\n  height: 100%;\n  object-fit: cover;\n  position: absolute;\n  top: 0;\n  left: 0;\n  z-index: 0;\n  background: $base-overlay-background;\n\n  &--hidden {\n    display: none;\n  }\n}\n\n.media-gallery__gifv {\n  height: 100%;\n  overflow: hidden;\n  position: relative;\n  width: 100%;\n}\n\n.media-gallery__item-gifv-thumbnail {\n  cursor: zoom-in;\n  height: 100%;\n  object-fit: cover;\n  position: relative;\n  top: 50%;\n  transform: translateY(-50%);\n  width: 100%;\n  z-index: 1;\n}\n\n.media-gallery__item-thumbnail-label {\n  clip: rect(1px 1px 1px 1px); /* IE6, IE7 */\n  clip: rect(1px, 1px, 1px, 1px);\n  overflow: hidden;\n  position: absolute;\n}\n/* End Media Gallery */\n\n.detailed,\n.fullscreen {\n  .video-player__volume__current,\n  .video-player__volume::before {\n    bottom: 27px;\n  }\n\n  .video-player__volume__handle {\n    bottom: 23px;\n  }\n\n}\n\n.audio-player {\n  box-sizing: border-box;\n  position: relative;\n  background: darken($ui-base-color, 8%);\n  border-radius: 4px;\n  padding-bottom: 44px;\n  direction: ltr;\n\n  &.editable {\n    border-radius: 0;\n    height: 100%;\n  }\n\n  &__waveform {\n    padding: 15px 0;\n    position: relative;\n    overflow: hidden;\n\n    &::before {\n      content: \"\";\n      display: block;\n      position: absolute;\n      border-top: 1px solid lighten($ui-base-color, 4%);\n      width: 100%;\n      height: 0;\n      left: 0;\n      top: calc(50% + 1px);\n    }\n  }\n\n  &__progress-placeholder {\n    background-color: rgba(lighten($ui-highlight-color, 8%), 0.5);\n  }\n\n  &__wave-placeholder {\n    background-color: lighten($ui-base-color, 16%);\n  }\n\n  .video-player__controls {\n    padding: 0 15px;\n    padding-top: 10px;\n    background: darken($ui-base-color, 8%);\n    border-top: 1px solid lighten($ui-base-color, 4%);\n    border-radius: 0 0 4px 4px;\n  }\n}\n\n.video-player {\n  overflow: hidden;\n  position: relative;\n  background: $base-shadow-color;\n  max-width: 100%;\n  border-radius: 4px;\n  box-sizing: border-box;\n  direction: ltr;\n\n  &.editable {\n    border-radius: 0;\n    height: 100% !important;\n  }\n\n  &:focus {\n    outline: 0;\n  }\n\n  video {\n    max-width: 100vw;\n    max-height: 80vh;\n    z-index: 1;\n  }\n\n  &.fullscreen {\n    width: 100% !important;\n    height: 100% !important;\n    margin: 0;\n\n    video {\n      max-width: 100% !important;\n      max-height: 100% !important;\n      width: 100% !important;\n      height: 100% !important;\n      outline: 0;\n    }\n  }\n\n  &.inline {\n    video {\n      object-fit: contain;\n      position: relative;\n      top: 50%;\n      transform: translateY(-50%);\n    }\n  }\n\n  &__controls {\n    position: absolute;\n    z-index: 2;\n    bottom: 0;\n    left: 0;\n    right: 0;\n    box-sizing: border-box;\n    background: linear-gradient(0deg, rgba($base-shadow-color, 0.85) 0, rgba($base-shadow-color, 0.45) 60%, transparent);\n    padding: 0 15px;\n    opacity: 0;\n    transition: opacity .1s ease;\n\n    &.active {\n      opacity: 1;\n    }\n  }\n\n  &.inactive {\n    video,\n    .video-player__controls {\n      visibility: hidden;\n    }\n  }\n\n  &__spoiler {\n    display: none;\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n    z-index: 4;\n    border: 0;\n    background: $base-overlay-background;\n    color: $darker-text-color;\n    transition: none;\n    pointer-events: none;\n\n    &.active {\n      display: block;\n      pointer-events: auto;\n\n      &:hover,\n      &:active,\n      &:focus {\n        color: lighten($darker-text-color, 7%);\n      }\n    }\n\n    &__title {\n      display: block;\n      font-size: 14px;\n    }\n\n    &__subtitle {\n      display: block;\n      font-size: 11px;\n      font-weight: 500;\n    }\n  }\n\n  &__buttons-bar {\n    display: flex;\n    justify-content: space-between;\n    padding-bottom: 10px;\n\n    .video-player__download__icon {\n      color: inherit;\n    }\n  }\n\n  &__buttons {\n    font-size: 16px;\n    white-space: nowrap;\n    overflow: hidden;\n    text-overflow: ellipsis;\n\n    &.left {\n      button {\n        padding-left: 0;\n      }\n    }\n\n    &.right {\n      button {\n        padding-right: 0;\n      }\n    }\n\n    button {\n      background: transparent;\n      padding: 2px 10px;\n      font-size: 16px;\n      border: 0;\n      color: rgba($white, 0.75);\n\n      &:active,\n      &:hover,\n      &:focus {\n        color: $white;\n      }\n    }\n  }\n\n  &__time-sep,\n  &__time-total,\n  &__time-current {\n    font-size: 14px;\n    font-weight: 500;\n  }\n\n  &__time-current {\n    color: $white;\n    margin-left: 60px;\n  }\n\n  &__time-sep {\n    display: inline-block;\n    margin: 0 6px;\n  }\n\n  &__time-sep,\n  &__time-total {\n    color: $white;\n  }\n\n  &__volume {\n    cursor: pointer;\n    height: 24px;\n    display: inline;\n\n    &::before {\n      content: \"\";\n      width: 50px;\n      background: rgba($white, 0.35);\n      border-radius: 4px;\n      display: block;\n      position: absolute;\n      height: 4px;\n      left: 70px;\n      bottom: 20px;\n    }\n\n    &__current {\n      display: block;\n      position: absolute;\n      height: 4px;\n      border-radius: 4px;\n      left: 70px;\n      bottom: 20px;\n      background: lighten($ui-highlight-color, 8%);\n    }\n\n    &__handle {\n      position: absolute;\n      z-index: 3;\n      border-radius: 50%;\n      width: 12px;\n      height: 12px;\n      bottom: 16px;\n      left: 70px;\n      transition: opacity .1s ease;\n      background: lighten($ui-highlight-color, 8%);\n      box-shadow: 1px 2px 6px rgba($base-shadow-color, 0.2);\n      pointer-events: none;\n    }\n  }\n\n  &__link {\n    padding: 2px 10px;\n\n    a {\n      text-decoration: none;\n      font-size: 14px;\n      font-weight: 500;\n      color: $white;\n\n      &:hover,\n      &:active,\n      &:focus {\n        text-decoration: underline;\n      }\n    }\n  }\n\n  &__seek {\n    cursor: pointer;\n    height: 24px;\n    position: relative;\n\n    &::before {\n      content: \"\";\n      width: 100%;\n      background: rgba($white, 0.35);\n      border-radius: 4px;\n      display: block;\n      position: absolute;\n      height: 4px;\n      top: 10px;\n    }\n\n    &__progress,\n    &__buffer {\n      display: block;\n      position: absolute;\n      height: 4px;\n      border-radius: 4px;\n      top: 10px;\n      background: lighten($ui-highlight-color, 8%);\n    }\n\n    &__buffer {\n      background: rgba($white, 0.2);\n    }\n\n    &__handle {\n      position: absolute;\n      z-index: 3;\n      opacity: 0;\n      border-radius: 50%;\n      width: 12px;\n      height: 12px;\n      top: 6px;\n      margin-left: -6px;\n      transition: opacity .1s ease;\n      background: lighten($ui-highlight-color, 8%);\n      box-shadow: 1px 2px 6px rgba($base-shadow-color, 0.2);\n      pointer-events: none;\n\n      &.active {\n        opacity: 1;\n      }\n    }\n\n    &:hover {\n      .video-player__seek__handle {\n        opacity: 1;\n      }\n    }\n  }\n\n  &.detailed,\n  &.fullscreen {\n    .video-player__buttons {\n      button {\n        padding-top: 10px;\n        padding-bottom: 10px;\n      }\n    }\n  }\n}\n\n.directory {\n  &__list {\n    width: 100%;\n    margin: 10px 0;\n    transition: opacity 100ms ease-in;\n\n    &.loading {\n      opacity: 0.7;\n    }\n\n    @media screen and (max-width: $no-gap-breakpoint) {\n      margin: 0;\n    }\n  }\n\n  &__card {\n    box-sizing: border-box;\n    margin-bottom: 10px;\n\n    &__img {\n      height: 125px;\n      position: relative;\n      background: darken($ui-base-color, 12%);\n      overflow: hidden;\n\n      img {\n        display: block;\n        width: 100%;\n        height: 100%;\n        margin: 0;\n        object-fit: cover;\n      }\n    }\n\n    &__bar {\n      display: flex;\n      align-items: center;\n      background: lighten($ui-base-color, 4%);\n      padding: 10px;\n\n      &__name {\n        flex: 1 1 auto;\n        display: flex;\n        align-items: center;\n        text-decoration: none;\n        overflow: hidden;\n      }\n\n      &__relationship {\n        width: 23px;\n        min-height: 1px;\n        flex: 0 0 auto;\n      }\n\n      .avatar {\n        flex: 0 0 auto;\n        width: 48px;\n        height: 48px;\n        padding-top: 2px;\n\n        img {\n          width: 100%;\n          height: 100%;\n          display: block;\n          margin: 0;\n          border-radius: 4px;\n          background: darken($ui-base-color, 8%);\n          object-fit: cover;\n        }\n      }\n\n      .display-name {\n        margin-left: 15px;\n        text-align: left;\n\n        strong {\n          font-size: 15px;\n          color: $primary-text-color;\n          font-weight: 500;\n          overflow: hidden;\n          text-overflow: ellipsis;\n        }\n\n        span {\n          display: block;\n          font-size: 14px;\n          color: $darker-text-color;\n          font-weight: 400;\n          overflow: hidden;\n          text-overflow: ellipsis;\n        }\n      }\n    }\n\n    &__extra {\n      background: $ui-base-color;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n\n      .accounts-table__count {\n        width: 33.33%;\n        flex: 0 0 auto;\n        padding: 15px 0;\n      }\n\n      .account__header__content {\n        box-sizing: border-box;\n        padding: 15px 10px;\n        border-bottom: 1px solid lighten($ui-base-color, 8%);\n        width: 100%;\n        min-height: 18px + 30px;\n        white-space: nowrap;\n        overflow: hidden;\n        text-overflow: ellipsis;\n\n        p {\n          display: none;\n\n          &:first-child {\n            display: inline;\n          }\n        }\n\n        br {\n          display: none;\n        }\n      }\n    }\n  }\n}\n\n.account-gallery__container {\n  display: flex;\n  flex-wrap: wrap;\n  padding: 4px 2px;\n}\n\n.account-gallery__item {\n  border: 0;\n  box-sizing: border-box;\n  display: block;\n  position: relative;\n  border-radius: 4px;\n  overflow: hidden;\n  margin: 2px;\n\n  &__icons {\n    position: absolute;\n    top: 50%;\n    left: 50%;\n    transform: translate(-50%, -50%);\n    font-size: 24px;\n  }\n}\n\n.notification__filter-bar,\n.account__section-headline {\n  background: darken($ui-base-color, 4%);\n  border-bottom: 1px solid lighten($ui-base-color, 8%);\n  cursor: default;\n  display: flex;\n  flex-shrink: 0;\n\n  button {\n    background: darken($ui-base-color, 4%);\n    border: 0;\n    margin: 0;\n  }\n\n  button,\n  a {\n    display: block;\n    flex: 1 1 auto;\n    color: $darker-text-color;\n    padding: 15px 0;\n    font-size: 14px;\n    font-weight: 500;\n    text-align: center;\n    text-decoration: none;\n    position: relative;\n    width: 100%;\n    white-space: nowrap;\n\n    &.active {\n      color: $secondary-text-color;\n\n      &::before,\n      &::after {\n        display: block;\n        content: \"\";\n        position: absolute;\n        bottom: 0;\n        left: 50%;\n        width: 0;\n        height: 0;\n        transform: translateX(-50%);\n        border-style: solid;\n        border-width: 0 10px 10px;\n        border-color: transparent transparent lighten($ui-base-color, 8%);\n      }\n\n      &::after {\n        bottom: -1px;\n        border-color: transparent transparent $ui-base-color;\n      }\n    }\n  }\n\n  &.directory__section-headline {\n    background: darken($ui-base-color, 2%);\n    border-bottom-color: transparent;\n\n    a,\n    button {\n      &.active {\n        &::before {\n          display: none;\n        }\n\n        &::after {\n          border-color: transparent transparent darken($ui-base-color, 7%);\n        }\n      }\n    }\n  }\n}\n\n.filter-form {\n  background: $ui-base-color;\n\n  &__column {\n    padding: 10px 15px;\n  }\n\n  .radio-button {\n    display: block;\n  }\n}\n\n.radio-button {\n  font-size: 14px;\n  position: relative;\n  display: inline-block;\n  padding: 6px 0;\n  line-height: 18px;\n  cursor: default;\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  cursor: pointer;\n\n  input[type=radio],\n  input[type=checkbox] {\n    display: none;\n  }\n\n  &__input {\n    display: inline-block;\n    position: relative;\n    border: 1px solid $ui-primary-color;\n    box-sizing: border-box;\n    width: 18px;\n    height: 18px;\n    flex: 0 0 auto;\n    margin-right: 10px;\n    top: -1px;\n    border-radius: 50%;\n    vertical-align: middle;\n\n    &.checked {\n      border-color: lighten($ui-highlight-color, 8%);\n      background: lighten($ui-highlight-color, 8%);\n    }\n  }\n}\n\n::-webkit-scrollbar-thumb {\n  border-radius: 0;\n}\n\n.search-popout {\n  @include search-popout;\n}\n\nnoscript {\n  text-align: center;\n\n  img {\n    width: 200px;\n    opacity: 0.5;\n    animation: flicker 4s infinite;\n  }\n\n  div {\n    font-size: 14px;\n    margin: 30px auto;\n    color: $secondary-text-color;\n    max-width: 400px;\n\n    a {\n      color: $highlight-text-color;\n      text-decoration: underline;\n\n      &:hover {\n        text-decoration: none;\n      }\n    }\n  }\n}\n\n@keyframes flicker {\n  0% { opacity: 1; }\n  30% { opacity: 0.75; }\n  100% { opacity: 1; }\n}\n\n@media screen and (max-width: 630px) and (max-height: 400px) {\n  $duration: 400ms;\n  $delay: 100ms;\n\n  .tabs-bar,\n  .search {\n    will-change: margin-top;\n    transition: margin-top $duration $delay;\n  }\n\n  .navigation-bar {\n    will-change: padding-bottom;\n    transition: padding-bottom $duration $delay;\n  }\n\n  .navigation-bar {\n    & > a:first-child {\n      will-change: margin-top, margin-left, margin-right, width;\n      transition: margin-top $duration $delay, margin-left $duration ($duration + $delay), margin-right $duration ($duration + $delay);\n    }\n\n    & > .navigation-bar__profile-edit {\n      will-change: margin-top;\n      transition: margin-top $duration $delay;\n    }\n\n    .navigation-bar__actions {\n      & > .icon-button.close {\n        will-change: opacity transform;\n        transition: opacity $duration * 0.5 $delay,\n                    transform $duration $delay;\n      }\n\n      & > .compose__action-bar .icon-button {\n        will-change: opacity transform;\n        transition: opacity $duration * 0.5 $delay + $duration * 0.5,\n                    transform $duration $delay;\n      }\n    }\n  }\n\n  .is-composing {\n    .tabs-bar,\n    .search {\n      margin-top: -50px;\n    }\n\n    .navigation-bar {\n      padding-bottom: 0;\n\n      & > a:first-child {\n        margin: -100px 10px 0 -50px;\n      }\n\n      .navigation-bar__profile {\n        padding-top: 2px;\n      }\n\n      .navigation-bar__profile-edit {\n        position: absolute;\n        margin-top: -60px;\n      }\n\n      .navigation-bar__actions {\n        .icon-button.close {\n          pointer-events: auto;\n          opacity: 1;\n          transform: scale(1, 1) translate(0, 0);\n          bottom: 5px;\n        }\n\n        .compose__action-bar .icon-button {\n          pointer-events: none;\n          opacity: 0;\n          transform: scale(0, 1) translate(100%, 0);\n        }\n      }\n    }\n  }\n}\n\n.embed-modal {\n  width: auto;\n  max-width: 80vw;\n  max-height: 80vh;\n\n  h4 {\n    padding: 30px;\n    font-weight: 500;\n    font-size: 16px;\n    text-align: center;\n  }\n\n  .embed-modal__container {\n    padding: 10px;\n\n    .hint {\n      margin-bottom: 15px;\n    }\n\n    .embed-modal__html {\n      outline: 0;\n      box-sizing: border-box;\n      display: block;\n      width: 100%;\n      border: 0;\n      padding: 10px;\n      font-family: $font-monospace, monospace;\n      background: $ui-base-color;\n      color: $primary-text-color;\n      font-size: 14px;\n      margin: 0;\n      margin-bottom: 15px;\n      border-radius: 4px;\n\n      &::-moz-focus-inner {\n        border: 0;\n      }\n\n      &::-moz-focus-inner,\n      &:focus,\n      &:active {\n        outline: 0 !important;\n      }\n\n      &:focus {\n        background: lighten($ui-base-color, 4%);\n      }\n\n      @media screen and (max-width: 600px) {\n        font-size: 16px;\n      }\n    }\n\n    .embed-modal__iframe {\n      width: 400px;\n      max-width: 100%;\n      overflow: hidden;\n      border: 0;\n      border-radius: 4px;\n    }\n  }\n}\n\n.account__moved-note {\n  padding: 14px 10px;\n  padding-bottom: 16px;\n  background: lighten($ui-base-color, 4%);\n  border-top: 1px solid lighten($ui-base-color, 8%);\n  border-bottom: 1px solid lighten($ui-base-color, 8%);\n\n  &__message {\n    position: relative;\n    margin-left: 58px;\n    color: $dark-text-color;\n    padding: 8px 0;\n    padding-top: 0;\n    padding-bottom: 4px;\n    font-size: 14px;\n\n    > span {\n      display: block;\n      overflow: hidden;\n      text-overflow: ellipsis;\n    }\n  }\n\n  &__icon-wrapper {\n    left: -26px;\n    position: absolute;\n  }\n\n  .detailed-status__display-avatar {\n    position: relative;\n  }\n\n  .detailed-status__display-name {\n    margin-bottom: 0;\n  }\n}\n\n.column-inline-form {\n  padding: 15px;\n  padding-right: 0;\n  display: flex;\n  justify-content: flex-start;\n  align-items: center;\n  background: lighten($ui-base-color, 4%);\n\n  label {\n    flex: 1 1 auto;\n\n    input {\n      width: 100%;\n\n      &:focus {\n        outline: 0;\n      }\n    }\n  }\n\n  .icon-button {\n    flex: 0 0 auto;\n    margin: 0 10px;\n  }\n}\n\n.drawer__backdrop {\n  cursor: pointer;\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  background: rgba($base-overlay-background, 0.5);\n}\n\n.list-editor {\n  background: $ui-base-color;\n  flex-direction: column;\n  border-radius: 8px;\n  box-shadow: 2px 4px 15px rgba($base-shadow-color, 0.4);\n  width: 380px;\n  overflow: hidden;\n\n  @media screen and (max-width: 420px) {\n    width: 90%;\n  }\n\n  h4 {\n    padding: 15px 0;\n    background: lighten($ui-base-color, 13%);\n    font-weight: 500;\n    font-size: 16px;\n    text-align: center;\n    border-radius: 8px 8px 0 0;\n  }\n\n  .drawer__pager {\n    height: 50vh;\n  }\n\n  .drawer__inner {\n    border-radius: 0 0 8px 8px;\n\n    &.backdrop {\n      width: calc(100% - 60px);\n      box-shadow: 2px 4px 15px rgba($base-shadow-color, 0.4);\n      border-radius: 0 0 0 8px;\n    }\n  }\n\n  &__accounts {\n    overflow-y: auto;\n  }\n\n  .account__display-name {\n    &:hover strong {\n      text-decoration: none;\n    }\n  }\n\n  .account__avatar {\n    cursor: default;\n  }\n\n  .search {\n    margin-bottom: 0;\n  }\n}\n\n.list-adder {\n  background: $ui-base-color;\n  flex-direction: column;\n  border-radius: 8px;\n  box-shadow: 2px 4px 15px rgba($base-shadow-color, 0.4);\n  width: 380px;\n  overflow: hidden;\n\n  @media screen and (max-width: 420px) {\n    width: 90%;\n  }\n\n  &__account {\n    background: lighten($ui-base-color, 13%);\n  }\n\n  &__lists {\n    background: lighten($ui-base-color, 13%);\n    height: 50vh;\n    border-radius: 0 0 8px 8px;\n    overflow-y: auto;\n  }\n\n  .list {\n    padding: 10px;\n    border-bottom: 1px solid lighten($ui-base-color, 8%);\n  }\n\n  .list__wrapper {\n    display: flex;\n  }\n\n  .list__display-name {\n    flex: 1 1 auto;\n    overflow: hidden;\n    text-decoration: none;\n    font-size: 16px;\n    padding: 10px;\n  }\n}\n\n.focal-point {\n  position: relative;\n  cursor: move;\n  overflow: hidden;\n  height: 100%;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  background: $base-shadow-color;\n\n  img,\n  video,\n  canvas {\n    display: block;\n    max-height: 80vh;\n    width: 100%;\n    height: auto;\n    margin: 0;\n    object-fit: contain;\n    background: $base-shadow-color;\n  }\n\n  &__reticle {\n    position: absolute;\n    width: 100px;\n    height: 100px;\n    transform: translate(-50%, -50%);\n    background: url('~images/reticle.png') no-repeat 0 0;\n    border-radius: 50%;\n    box-shadow: 0 0 0 9999em rgba($base-shadow-color, 0.35);\n  }\n\n  &__overlay {\n    position: absolute;\n    width: 100%;\n    height: 100%;\n    top: 0;\n    left: 0;\n  }\n\n  &__preview {\n    position: absolute;\n    bottom: 10px;\n    right: 10px;\n    z-index: 2;\n    cursor: move;\n    transition: opacity 0.1s ease;\n\n    &:hover {\n      opacity: 0.5;\n    }\n\n    strong {\n      color: $primary-text-color;\n      font-size: 14px;\n      font-weight: 500;\n      display: block;\n      margin-bottom: 5px;\n    }\n\n    div {\n      border-radius: 4px;\n      box-shadow: 0 0 14px rgba($base-shadow-color, 0.2);\n    }\n  }\n\n  @media screen and (max-width: 480px) {\n    img,\n    video {\n      max-height: 100%;\n    }\n\n    &__preview {\n      display: none;\n    }\n  }\n}\n\n.account__header__content {\n  color: $darker-text-color;\n  font-size: 14px;\n  font-weight: 400;\n  overflow: hidden;\n  word-break: normal;\n  word-wrap: break-word;\n\n  p {\n    margin-bottom: 20px;\n\n    &:last-child {\n      margin-bottom: 0;\n    }\n  }\n\n  a {\n    color: inherit;\n    text-decoration: underline;\n\n    &:hover {\n      text-decoration: none;\n    }\n  }\n}\n\n.account__header {\n  overflow: hidden;\n\n  &.inactive {\n    opacity: 0.5;\n\n    .account__header__image,\n    .account__avatar {\n      filter: grayscale(100%);\n    }\n  }\n\n  &__info {\n    position: absolute;\n    top: 10px;\n    left: 10px;\n  }\n\n  &__image {\n    overflow: hidden;\n    height: 145px;\n    position: relative;\n    background: darken($ui-base-color, 4%);\n\n    img {\n      object-fit: cover;\n      display: block;\n      width: 100%;\n      height: 100%;\n      margin: 0;\n    }\n  }\n\n  &__bar {\n    position: relative;\n    background: lighten($ui-base-color, 4%);\n    padding: 5px;\n    border-bottom: 1px solid lighten($ui-base-color, 12%);\n\n    .avatar {\n      display: block;\n      flex: 0 0 auto;\n      width: 94px;\n      margin-left: -2px;\n\n      .account__avatar {\n        background: darken($ui-base-color, 8%);\n        border: 2px solid lighten($ui-base-color, 4%);\n      }\n    }\n  }\n\n  &__tabs {\n    display: flex;\n    align-items: flex-start;\n    padding: 7px 5px;\n    margin-top: -55px;\n\n    &__buttons {\n      display: flex;\n      align-items: center;\n      padding-top: 55px;\n      overflow: hidden;\n\n      .icon-button {\n        border: 1px solid lighten($ui-base-color, 12%);\n        border-radius: 4px;\n        box-sizing: content-box;\n        padding: 2px;\n      }\n\n      .button {\n        margin: 0 8px;\n      }\n    }\n\n    &__name {\n      padding: 5px;\n\n      .account-role {\n        vertical-align: top;\n      }\n\n      .emojione {\n        width: 22px;\n        height: 22px;\n      }\n\n      h1 {\n        font-size: 16px;\n        line-height: 24px;\n        color: $primary-text-color;\n        font-weight: 500;\n        overflow: hidden;\n        white-space: nowrap;\n        text-overflow: ellipsis;\n\n        small {\n          display: block;\n          font-size: 14px;\n          color: $darker-text-color;\n          font-weight: 400;\n          overflow: hidden;\n          text-overflow: ellipsis;\n        }\n      }\n    }\n\n    .spacer {\n      flex: 1 1 auto;\n    }\n  }\n\n  &__bio {\n    overflow: hidden;\n    margin: 0 -5px;\n\n    .account__header__content {\n      padding: 20px 15px;\n      padding-bottom: 5px;\n      color: $primary-text-color;\n    }\n\n    .account__header__fields {\n      margin: 0;\n      border-top: 1px solid lighten($ui-base-color, 12%);\n\n      a {\n        color: lighten($ui-highlight-color, 8%);\n      }\n\n      dl:first-child .verified {\n        border-radius: 0 4px 0 0;\n      }\n\n      .verified a {\n        color: $valid-value-color;\n      }\n    }\n  }\n\n  &__extra {\n    margin-top: 4px;\n\n    &__links {\n      font-size: 14px;\n      color: $darker-text-color;\n      padding: 10px 0;\n\n      a {\n        display: inline-block;\n        color: $darker-text-color;\n        text-decoration: none;\n        padding: 5px 10px;\n        font-weight: 500;\n\n        strong {\n          font-weight: 700;\n          color: $primary-text-color;\n        }\n      }\n    }\n  }\n}\n\n.trends {\n  &__header {\n    color: $dark-text-color;\n    background: lighten($ui-base-color, 2%);\n    border-bottom: 1px solid darken($ui-base-color, 4%);\n    font-weight: 500;\n    padding: 15px;\n    font-size: 16px;\n    cursor: default;\n\n    .fa {\n      display: inline-block;\n      margin-right: 5px;\n    }\n  }\n\n  &__item {\n    display: flex;\n    align-items: center;\n    padding: 15px;\n    border-bottom: 1px solid lighten($ui-base-color, 8%);\n\n    &:last-child {\n      border-bottom: 0;\n    }\n\n    &__name {\n      flex: 1 1 auto;\n      color: $dark-text-color;\n      overflow: hidden;\n      text-overflow: ellipsis;\n      white-space: nowrap;\n\n      strong {\n        font-weight: 500;\n      }\n\n      a {\n        color: $darker-text-color;\n        text-decoration: none;\n        font-size: 14px;\n        font-weight: 500;\n        display: block;\n        overflow: hidden;\n        text-overflow: ellipsis;\n        white-space: nowrap;\n\n        &:hover,\n        &:focus,\n        &:active {\n          span {\n            text-decoration: underline;\n          }\n        }\n      }\n    }\n\n    &__current {\n      flex: 0 0 auto;\n      font-size: 24px;\n      line-height: 36px;\n      font-weight: 500;\n      text-align: right;\n      padding-right: 15px;\n      margin-left: 5px;\n      color: $secondary-text-color;\n    }\n\n    &__sparkline {\n      flex: 0 0 auto;\n      width: 50px;\n\n      path:first-child {\n        fill: rgba($highlight-text-color, 0.25) !important;\n        fill-opacity: 1 !important;\n      }\n\n      path:last-child {\n        stroke: lighten($highlight-text-color, 6%) !important;\n      }\n    }\n  }\n}\n\n.conversation {\n  display: flex;\n  border-bottom: 1px solid lighten($ui-base-color, 8%);\n  padding: 5px;\n  padding-bottom: 0;\n\n  &:focus {\n    background: lighten($ui-base-color, 2%);\n    outline: 0;\n  }\n\n  &__avatar {\n    flex: 0 0 auto;\n    padding: 10px;\n    padding-top: 12px;\n    position: relative;\n    cursor: pointer;\n  }\n\n  &__unread {\n    display: inline-block;\n    background: $highlight-text-color;\n    border-radius: 50%;\n    width: 0.625rem;\n    height: 0.625rem;\n    margin: -.1ex .15em .1ex;\n  }\n\n  &__content {\n    flex: 1 1 auto;\n    padding: 10px 5px;\n    padding-right: 15px;\n    overflow: hidden;\n\n    &__info {\n      overflow: hidden;\n      display: flex;\n      flex-direction: row-reverse;\n      justify-content: space-between;\n    }\n\n    &__relative-time {\n      font-size: 15px;\n      color: $darker-text-color;\n      padding-left: 15px;\n    }\n\n    &__names {\n      color: $darker-text-color;\n      font-size: 15px;\n      white-space: nowrap;\n      overflow: hidden;\n      text-overflow: ellipsis;\n      margin-bottom: 4px;\n      flex-basis: 90px;\n      flex-grow: 1;\n\n      a {\n        color: $primary-text-color;\n        text-decoration: none;\n\n        &:hover,\n        &:focus,\n        &:active {\n          text-decoration: underline;\n        }\n      }\n    }\n\n    a {\n      word-break: break-word;\n    }\n  }\n\n  &--unread {\n    background: lighten($ui-base-color, 2%);\n\n    &:focus {\n      background: lighten($ui-base-color, 4%);\n    }\n\n    .conversation__content__info {\n      font-weight: 700;\n    }\n\n    .conversation__content__relative-time {\n      color: $primary-text-color;\n    }\n  }\n}\n\n.announcements {\n  background: lighten($ui-base-color, 8%);\n  font-size: 13px;\n  display: flex;\n  align-items: flex-end;\n\n  &__mastodon {\n    width: 124px;\n    flex: 0 0 auto;\n\n    @media screen and (max-width: 124px + 300px) {\n      display: none;\n    }\n  }\n\n  &__container {\n    width: calc(100% - 124px);\n    flex: 0 0 auto;\n    position: relative;\n\n    @media screen and (max-width: 124px + 300px) {\n      width: 100%;\n    }\n  }\n\n  &__item {\n    box-sizing: border-box;\n    width: 100%;\n    padding: 15px;\n    position: relative;\n    font-size: 15px;\n    line-height: 20px;\n    word-wrap: break-word;\n    font-weight: 400;\n    max-height: 50vh;\n    overflow: hidden;\n    display: flex;\n    flex-direction: column;\n\n    &__range {\n      display: block;\n      font-weight: 500;\n      margin-bottom: 10px;\n      padding-right: 18px;\n    }\n\n    &__unread {\n      position: absolute;\n      top: 19px;\n      right: 19px;\n      display: block;\n      background: $highlight-text-color;\n      border-radius: 50%;\n      width: 0.625rem;\n      height: 0.625rem;\n    }\n  }\n\n  &__pagination {\n    padding: 15px;\n    color: $darker-text-color;\n    position: absolute;\n    bottom: 3px;\n    right: 0;\n  }\n}\n\n.layout-multiple-columns .announcements__mastodon {\n  display: none;\n}\n\n.layout-multiple-columns .announcements__container {\n  width: 100%;\n}\n\n.reactions-bar {\n  display: flex;\n  flex-wrap: wrap;\n  align-items: center;\n  margin-top: 15px;\n  margin-left: -2px;\n  width: calc(100% - (90px - 33px));\n\n  &__item {\n    flex-shrink: 0;\n    background: lighten($ui-base-color, 12%);\n    border: 0;\n    border-radius: 3px;\n    margin: 2px;\n    cursor: pointer;\n    user-select: none;\n    padding: 0 6px;\n    display: flex;\n    align-items: center;\n    transition: all 100ms ease-in;\n    transition-property: background-color, color;\n\n    &__emoji {\n      display: block;\n      margin: 3px 0;\n      width: 16px;\n      height: 16px;\n\n      img {\n        display: block;\n        margin: 0;\n        width: 100%;\n        height: 100%;\n        min-width: auto;\n        min-height: auto;\n        vertical-align: bottom;\n        object-fit: contain;\n      }\n    }\n\n    &__count {\n      display: block;\n      min-width: 9px;\n      font-size: 13px;\n      font-weight: 500;\n      text-align: center;\n      margin-left: 6px;\n      color: $darker-text-color;\n    }\n\n    &:hover,\n    &:focus,\n    &:active {\n      background: lighten($ui-base-color, 16%);\n      transition: all 200ms ease-out;\n      transition-property: background-color, color;\n\n      &__count {\n        color: lighten($darker-text-color, 4%);\n      }\n    }\n\n    &.active {\n      transition: all 100ms ease-in;\n      transition-property: background-color, color;\n      background-color: mix(lighten($ui-base-color, 12%), $ui-highlight-color, 80%);\n\n      .reactions-bar__item__count {\n        color: lighten($highlight-text-color, 8%);\n      }\n    }\n  }\n\n  .emoji-picker-dropdown {\n    margin: 2px;\n  }\n\n  &:hover .emoji-button {\n    opacity: 0.85;\n  }\n\n  .emoji-button {\n    color: $darker-text-color;\n    margin: 0;\n    font-size: 16px;\n    width: auto;\n    flex-shrink: 0;\n    padding: 0 6px;\n    height: 22px;\n    display: flex;\n    align-items: center;\n    opacity: 0.5;\n    transition: all 100ms ease-in;\n    transition-property: background-color, color;\n\n    &:hover,\n    &:active,\n    &:focus {\n      opacity: 1;\n      color: lighten($darker-text-color, 4%);\n      transition: all 200ms ease-out;\n      transition-property: background-color, color;\n    }\n  }\n\n  &--empty {\n    .emoji-button {\n      padding: 0;\n    }\n  }\n}\n",null,"@mixin avatar-radius {\n  border-radius: 4px;\n  background: transparent no-repeat;\n  background-position: 50%;\n  background-clip: padding-box;\n}\n\n@mixin avatar-size($size: 48px) {\n  width: $size;\n  height: $size;\n  background-size: $size $size;\n}\n\n@mixin search-input {\n  outline: 0;\n  box-sizing: border-box;\n  width: 100%;\n  border: 0;\n  box-shadow: none;\n  font-family: inherit;\n  background: $ui-base-color;\n  color: $darker-text-color;\n  font-size: 14px;\n  margin: 0;\n}\n\n@mixin search-popout {\n  background: $simple-background-color;\n  border-radius: 4px;\n  padding: 10px 14px;\n  padding-bottom: 14px;\n  margin-top: 10px;\n  color: $light-text-color;\n  box-shadow: 2px 4px 15px rgba($base-shadow-color, 0.4);\n\n  h4 {\n    text-transform: uppercase;\n    color: $light-text-color;\n    font-size: 13px;\n    font-weight: 500;\n    margin-bottom: 10px;\n  }\n\n  li {\n    padding: 4px 0;\n  }\n\n  ul {\n    margin-bottom: 10px;\n  }\n\n  em {\n    font-weight: 500;\n    color: $inverted-text-color;\n  }\n}\n",".poll {\n  margin-top: 16px;\n  font-size: 14px;\n\n  li {\n    margin-bottom: 10px;\n    position: relative;\n  }\n\n  &__chart {\n    border-radius: 4px;\n    display: block;\n    background: darken($ui-primary-color, 5%);\n    height: 5px;\n    min-width: 1%;\n\n    &.leading {\n      background: $ui-highlight-color;\n    }\n  }\n\n  &__option {\n    position: relative;\n    display: flex;\n    padding: 6px 0;\n    line-height: 18px;\n    cursor: default;\n    overflow: hidden;\n\n    &__text {\n      display: inline-block;\n      word-wrap: break-word;\n      overflow-wrap: break-word;\n      max-width: calc(100% - 45px - 25px);\n    }\n\n    input[type=radio],\n    input[type=checkbox] {\n      display: none;\n    }\n\n    .autossugest-input {\n      flex: 1 1 auto;\n    }\n\n    input[type=text] {\n      display: block;\n      box-sizing: border-box;\n      width: 100%;\n      font-size: 14px;\n      color: $inverted-text-color;\n      outline: 0;\n      font-family: inherit;\n      background: $simple-background-color;\n      border: 1px solid darken($simple-background-color, 14%);\n      border-radius: 4px;\n      padding: 6px 10px;\n\n      &:focus {\n        border-color: $highlight-text-color;\n      }\n    }\n\n    &.selectable {\n      cursor: pointer;\n    }\n\n    &.editable {\n      display: flex;\n      align-items: center;\n      overflow: visible;\n    }\n  }\n\n  &__input {\n    display: inline-block;\n    position: relative;\n    border: 1px solid $ui-primary-color;\n    box-sizing: border-box;\n    width: 18px;\n    height: 18px;\n    flex: 0 0 auto;\n    margin-right: 10px;\n    top: -1px;\n    border-radius: 50%;\n    vertical-align: middle;\n    margin-top: auto;\n    margin-bottom: auto;\n    flex: 0 0 18px;\n\n    &.checkbox {\n      border-radius: 4px;\n    }\n\n    &.active {\n      border-color: $valid-value-color;\n      background: $valid-value-color;\n    }\n\n    &:active,\n    &:focus,\n    &:hover {\n      border-color: lighten($valid-value-color, 15%);\n      border-width: 4px;\n    }\n\n    &::-moz-focus-inner {\n      outline: 0 !important;\n      border: 0;\n    }\n\n    &:focus,\n    &:active {\n      outline: 0 !important;\n    }\n  }\n\n  &__number {\n    display: inline-block;\n    width: 45px;\n    font-weight: 700;\n    flex: 0 0 45px;\n  }\n\n  &__voted {\n    padding: 0 5px;\n    display: inline-block;\n\n    &__mark {\n      font-size: 18px;\n    }\n  }\n\n  &__footer {\n    padding-top: 6px;\n    padding-bottom: 5px;\n    color: $dark-text-color;\n  }\n\n  &__link {\n    display: inline;\n    background: transparent;\n    padding: 0;\n    margin: 0;\n    border: 0;\n    color: $dark-text-color;\n    text-decoration: underline;\n    font-size: inherit;\n\n    &:hover {\n      text-decoration: none;\n    }\n\n    &:active,\n    &:focus {\n      background-color: rgba($dark-text-color, .1);\n    }\n  }\n\n  .button {\n    height: 36px;\n    padding: 0 16px;\n    margin-right: 10px;\n    font-size: 14px;\n  }\n}\n\n.compose-form__poll-wrapper {\n  border-top: 1px solid darken($simple-background-color, 8%);\n\n  ul {\n    padding: 10px;\n  }\n\n  .poll__footer {\n    border-top: 1px solid darken($simple-background-color, 8%);\n    padding: 10px;\n    display: flex;\n    align-items: center;\n\n    button,\n    select {\n      flex: 1 1 50%;\n\n      &:focus {\n        border-color: $highlight-text-color;\n      }\n    }\n  }\n\n  .button.button-secondary {\n    font-size: 14px;\n    font-weight: 400;\n    padding: 6px 10px;\n    height: auto;\n    line-height: inherit;\n    color: $action-button-color;\n    border-color: $action-button-color;\n    margin-right: 5px;\n  }\n\n  li {\n    display: flex;\n    align-items: center;\n\n    .poll__option {\n      flex: 0 0 auto;\n      width: calc(100% - (23px + 6px));\n      margin-right: 6px;\n    }\n  }\n\n  select {\n    appearance: none;\n    box-sizing: border-box;\n    font-size: 14px;\n    color: $inverted-text-color;\n    display: inline-block;\n    width: auto;\n    outline: 0;\n    font-family: inherit;\n    background: $simple-background-color url(\"data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14.933 18.467' height='19.698' width='15.929'><path d='M3.467 14.967l-3.393-3.5H14.86l-3.392 3.5c-1.866 1.925-3.666 3.5-4 3.5-.335 0-2.135-1.575-4-3.5zm.266-11.234L7.467 0 11.2 3.733l3.733 3.734H0l3.733-3.734z' fill='#{hex-color(darken($simple-background-color, 14%))}'/></svg>\") no-repeat right 8px center / auto 16px;\n    border: 1px solid darken($simple-background-color, 14%);\n    border-radius: 4px;\n    padding: 6px 10px;\n    padding-right: 30px;\n  }\n\n  .icon-button.disabled {\n    color: darken($simple-background-color, 14%);\n  }\n}\n\n.muted .poll {\n  color: $dark-text-color;\n\n  &__chart {\n    background: rgba(darken($ui-primary-color, 14%), 0.2);\n\n    &.leading {\n      background: rgba($ui-highlight-color, 0.2);\n    }\n  }\n}\n",".modal-layout {\n  background: $ui-base-color url('data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 234.80078 31.757813\" width=\"234.80078\" height=\"31.757812\"><path d=\"M19.599609 0c-1.05 0-2.10039.375-2.90039 1.125L0 16.925781v14.832031h234.80078V17.025391l-16.5-15.900391c-1.6-1.5-4.20078-1.5-5.80078 0l-13.80078 13.099609c-1.6 1.5-4.19883 1.5-5.79883 0L179.09961 1.125c-1.6-1.5-4.19883-1.5-5.79883 0L159.5 14.224609c-1.6 1.5-4.20078 1.5-5.80078 0L139.90039 1.125c-1.6-1.5-4.20078-1.5-5.80078 0l-13.79883 13.099609c-1.6 1.5-4.20078 1.5-5.80078 0L100.69922 1.125c-1.600001-1.5-4.198829-1.5-5.798829 0l-13.59961 13.099609c-1.6 1.5-4.200781 1.5-5.800781 0L61.699219 1.125c-1.6-1.5-4.198828-1.5-5.798828 0L42.099609 14.224609c-1.6 1.5-4.198828 1.5-5.798828 0L22.5 1.125C21.7.375 20.649609 0 19.599609 0z\" fill=\"#{hex-color($ui-base-lighter-color)}\"/></svg>') repeat-x bottom fixed;\n  display: flex;\n  flex-direction: column;\n  height: 100vh;\n  padding: 0;\n}\n\n.modal-layout__mastodon {\n  display: flex;\n  flex: 1;\n  flex-direction: column;\n  justify-content: flex-end;\n\n  > * {\n    flex: 1;\n    max-height: 235px;\n  }\n}\n\n@media screen and (max-width: 600px) {\n  .account-header {\n    margin-top: 0;\n  }\n}\n",".emoji-mart {\n  font-size: 13px;\n  display: inline-block;\n  color: $inverted-text-color;\n\n  &,\n  * {\n    box-sizing: border-box;\n    line-height: 1.15;\n  }\n\n  .emoji-mart-emoji {\n    padding: 6px;\n  }\n}\n\n.emoji-mart-bar {\n  border: 0 solid darken($ui-secondary-color, 8%);\n\n  &:first-child {\n    border-bottom-width: 1px;\n    border-top-left-radius: 5px;\n    border-top-right-radius: 5px;\n    background: $ui-secondary-color;\n  }\n\n  &:last-child {\n    border-top-width: 1px;\n    border-bottom-left-radius: 5px;\n    border-bottom-right-radius: 5px;\n    display: none;\n  }\n}\n\n.emoji-mart-anchors {\n  display: flex;\n  justify-content: space-between;\n  padding: 0 6px;\n  color: $lighter-text-color;\n  line-height: 0;\n}\n\n.emoji-mart-anchor {\n  position: relative;\n  flex: 1;\n  text-align: center;\n  padding: 12px 4px;\n  overflow: hidden;\n  transition: color .1s ease-out;\n  cursor: pointer;\n\n  &:hover {\n    color: darken($lighter-text-color, 4%);\n  }\n}\n\n.emoji-mart-anchor-selected {\n  color: $highlight-text-color;\n\n  &:hover {\n    color: darken($highlight-text-color, 4%);\n  }\n\n  .emoji-mart-anchor-bar {\n    bottom: -1px;\n  }\n}\n\n.emoji-mart-anchor-bar {\n  position: absolute;\n  bottom: -5px;\n  left: 0;\n  width: 100%;\n  height: 4px;\n  background-color: $highlight-text-color;\n}\n\n.emoji-mart-anchors {\n  i {\n    display: inline-block;\n    width: 100%;\n    max-width: 22px;\n  }\n\n  svg {\n    fill: currentColor;\n    max-height: 18px;\n  }\n}\n\n.emoji-mart-scroll {\n  overflow-y: scroll;\n  height: 270px;\n  max-height: 35vh;\n  padding: 0 6px 6px;\n  background: $simple-background-color;\n  will-change: transform;\n\n  &::-webkit-scrollbar-track:hover,\n  &::-webkit-scrollbar-track:active {\n    background-color: rgba($base-overlay-background, 0.3);\n  }\n}\n\n.emoji-mart-search {\n  padding: 10px;\n  padding-right: 45px;\n  background: $simple-background-color;\n\n  input {\n    font-size: 14px;\n    font-weight: 400;\n    padding: 7px 9px;\n    font-family: inherit;\n    display: block;\n    width: 100%;\n    background: rgba($ui-secondary-color, 0.3);\n    color: $inverted-text-color;\n    border: 1px solid $ui-secondary-color;\n    border-radius: 4px;\n\n    &::-moz-focus-inner {\n      border: 0;\n    }\n\n    &::-moz-focus-inner,\n    &:focus,\n    &:active {\n      outline: 0 !important;\n    }\n  }\n}\n\n.emoji-mart-category .emoji-mart-emoji {\n  cursor: pointer;\n\n  span {\n    z-index: 1;\n    position: relative;\n    text-align: center;\n  }\n\n  &:hover::before {\n    z-index: 0;\n    content: \"\";\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n    background-color: rgba($ui-secondary-color, 0.7);\n    border-radius: 100%;\n  }\n}\n\n.emoji-mart-category-label {\n  z-index: 2;\n  position: relative;\n  position: -webkit-sticky;\n  position: sticky;\n  top: 0;\n\n  span {\n    display: block;\n    width: 100%;\n    font-weight: 500;\n    padding: 5px 6px;\n    background: $simple-background-color;\n  }\n}\n\n.emoji-mart-emoji {\n  position: relative;\n  display: inline-block;\n  font-size: 0;\n\n  span {\n    width: 22px;\n    height: 22px;\n  }\n}\n\n.emoji-mart-no-results {\n  font-size: 14px;\n  text-align: center;\n  padding-top: 70px;\n  color: $light-text-color;\n\n  .emoji-mart-category-label {\n    display: none;\n  }\n\n  .emoji-mart-no-results-label {\n    margin-top: .2em;\n  }\n\n  .emoji-mart-emoji:hover::before {\n    content: none;\n  }\n}\n\n.emoji-mart-preview {\n  display: none;\n}\n","$maximum-width: 1235px;\n$fluid-breakpoint: $maximum-width + 20px;\n$column-breakpoint: 700px;\n$small-breakpoint: 960px;\n\n.container {\n  box-sizing: border-box;\n  max-width: $maximum-width;\n  margin: 0 auto;\n  position: relative;\n\n  @media screen and (max-width: $fluid-breakpoint) {\n    width: 100%;\n    padding: 0 10px;\n  }\n}\n\n.rich-formatting {\n  font-family: $font-sans-serif, sans-serif;\n  font-size: 14px;\n  font-weight: 400;\n  line-height: 1.7;\n  word-wrap: break-word;\n  color: $darker-text-color;\n\n  a {\n    color: $highlight-text-color;\n    text-decoration: underline;\n\n    &:hover,\n    &:focus,\n    &:active {\n      text-decoration: none;\n    }\n  }\n\n  p,\n  li {\n    color: $darker-text-color;\n  }\n\n  p {\n    margin-top: 0;\n    margin-bottom: .85em;\n\n    &:last-child {\n      margin-bottom: 0;\n    }\n  }\n\n  strong {\n    font-weight: 700;\n    color: $secondary-text-color;\n  }\n\n  em {\n    font-style: italic;\n    color: $secondary-text-color;\n  }\n\n  code {\n    font-size: 0.85em;\n    background: darken($ui-base-color, 8%);\n    border-radius: 4px;\n    padding: 0.2em 0.3em;\n  }\n\n  h1,\n  h2,\n  h3,\n  h4,\n  h5,\n  h6 {\n    font-family: $font-display, sans-serif;\n    margin-top: 1.275em;\n    margin-bottom: .85em;\n    font-weight: 500;\n    color: $secondary-text-color;\n  }\n\n  h1 {\n    font-size: 2em;\n  }\n\n  h2 {\n    font-size: 1.75em;\n  }\n\n  h3 {\n    font-size: 1.5em;\n  }\n\n  h4 {\n    font-size: 1.25em;\n  }\n\n  h5,\n  h6 {\n    font-size: 1em;\n  }\n\n  ul {\n    list-style: disc;\n  }\n\n  ol {\n    list-style: decimal;\n  }\n\n  ul,\n  ol {\n    margin: 0;\n    padding: 0;\n    padding-left: 2em;\n    margin-bottom: 0.85em;\n\n    &[type='a'] {\n      list-style-type: lower-alpha;\n    }\n\n    &[type='i'] {\n      list-style-type: lower-roman;\n    }\n  }\n\n  hr {\n    width: 100%;\n    height: 0;\n    border: 0;\n    border-bottom: 1px solid lighten($ui-base-color, 4%);\n    margin: 1.7em 0;\n\n    &.spacer {\n      height: 1px;\n      border: 0;\n    }\n  }\n\n  table {\n    width: 100%;\n    border-collapse: collapse;\n    break-inside: auto;\n    margin-top: 24px;\n    margin-bottom: 32px;\n\n    thead tr,\n    tbody tr {\n      border-bottom: 1px solid lighten($ui-base-color, 4%);\n      font-size: 1em;\n      line-height: 1.625;\n      font-weight: 400;\n      text-align: left;\n      color: $darker-text-color;\n    }\n\n    thead tr {\n      border-bottom-width: 2px;\n      line-height: 1.5;\n      font-weight: 500;\n      color: $dark-text-color;\n    }\n\n    th,\n    td {\n      padding: 8px;\n      align-self: start;\n      align-items: start;\n      word-break: break-all;\n\n      &.nowrap {\n        width: 25%;\n        position: relative;\n\n        &::before {\n          content: '&nbsp;';\n          visibility: hidden;\n        }\n\n        span {\n          position: absolute;\n          left: 8px;\n          right: 8px;\n          white-space: nowrap;\n          overflow: hidden;\n          text-overflow: ellipsis;\n        }\n      }\n    }\n  }\n\n  & > :first-child {\n    margin-top: 0;\n  }\n}\n\n.information-board {\n  background: darken($ui-base-color, 4%);\n  padding: 20px 0;\n\n  .container-alt {\n    position: relative;\n    padding-right: 280px + 15px;\n  }\n\n  &__sections {\n    display: flex;\n    justify-content: space-between;\n    flex-wrap: wrap;\n  }\n\n  &__section {\n    flex: 1 0 0;\n    font-family: $font-sans-serif, sans-serif;\n    font-size: 16px;\n    line-height: 28px;\n    color: $primary-text-color;\n    text-align: right;\n    padding: 10px 15px;\n\n    span,\n    strong {\n      display: block;\n    }\n\n    span {\n      &:last-child {\n        color: $secondary-text-color;\n      }\n    }\n\n    strong {\n      font-family: $font-display, sans-serif;\n      font-weight: 500;\n      font-size: 32px;\n      line-height: 48px;\n    }\n\n    @media screen and (max-width: $column-breakpoint) {\n      text-align: center;\n    }\n  }\n\n  .panel {\n    position: absolute;\n    width: 280px;\n    box-sizing: border-box;\n    background: darken($ui-base-color, 8%);\n    padding: 20px;\n    padding-top: 10px;\n    border-radius: 4px 4px 0 0;\n    right: 0;\n    bottom: -40px;\n\n    .panel-header {\n      font-family: $font-display, sans-serif;\n      font-size: 14px;\n      line-height: 24px;\n      font-weight: 500;\n      color: $darker-text-color;\n      padding-bottom: 5px;\n      margin-bottom: 15px;\n      border-bottom: 1px solid lighten($ui-base-color, 4%);\n      text-overflow: ellipsis;\n      white-space: nowrap;\n      overflow: hidden;\n\n      a,\n      span {\n        font-weight: 400;\n        color: darken($darker-text-color, 10%);\n      }\n\n      a {\n        text-decoration: none;\n      }\n    }\n  }\n\n  .owner {\n    text-align: center;\n\n    .avatar {\n      width: 80px;\n      height: 80px;\n      margin: 0 auto;\n      margin-bottom: 15px;\n\n      img {\n        display: block;\n        width: 80px;\n        height: 80px;\n        border-radius: 48px;\n      }\n    }\n\n    .name {\n      font-size: 14px;\n\n      a {\n        display: block;\n        color: $primary-text-color;\n        text-decoration: none;\n\n        &:hover {\n          .display_name {\n            text-decoration: underline;\n          }\n        }\n      }\n\n      .username {\n        display: block;\n        color: $darker-text-color;\n      }\n    }\n  }\n}\n\n.landing-page {\n  p,\n  li {\n    font-family: $font-sans-serif, sans-serif;\n    font-size: 16px;\n    font-weight: 400;\n    font-size: 16px;\n    line-height: 30px;\n    margin-bottom: 12px;\n    color: $darker-text-color;\n\n    a {\n      color: $highlight-text-color;\n      text-decoration: underline;\n    }\n  }\n\n  em {\n    display: inline;\n    margin: 0;\n    padding: 0;\n    font-weight: 700;\n    background: transparent;\n    font-family: inherit;\n    font-size: inherit;\n    line-height: inherit;\n    color: lighten($darker-text-color, 10%);\n  }\n\n  h1 {\n    font-family: $font-display, sans-serif;\n    font-size: 26px;\n    line-height: 30px;\n    font-weight: 500;\n    margin-bottom: 20px;\n    color: $secondary-text-color;\n\n    small {\n      font-family: $font-sans-serif, sans-serif;\n      display: block;\n      font-size: 18px;\n      font-weight: 400;\n      color: lighten($darker-text-color, 10%);\n    }\n  }\n\n  h2 {\n    font-family: $font-display, sans-serif;\n    font-size: 22px;\n    line-height: 26px;\n    font-weight: 500;\n    margin-bottom: 20px;\n    color: $secondary-text-color;\n  }\n\n  h3 {\n    font-family: $font-display, sans-serif;\n    font-size: 18px;\n    line-height: 24px;\n    font-weight: 500;\n    margin-bottom: 20px;\n    color: $secondary-text-color;\n  }\n\n  h4 {\n    font-family: $font-display, sans-serif;\n    font-size: 16px;\n    line-height: 24px;\n    font-weight: 500;\n    margin-bottom: 20px;\n    color: $secondary-text-color;\n  }\n\n  h5 {\n    font-family: $font-display, sans-serif;\n    font-size: 14px;\n    line-height: 24px;\n    font-weight: 500;\n    margin-bottom: 20px;\n    color: $secondary-text-color;\n  }\n\n  h6 {\n    font-family: $font-display, sans-serif;\n    font-size: 12px;\n    line-height: 24px;\n    font-weight: 500;\n    margin-bottom: 20px;\n    color: $secondary-text-color;\n  }\n\n  ul,\n  ol {\n    margin-left: 20px;\n\n    &[type='a'] {\n      list-style-type: lower-alpha;\n    }\n\n    &[type='i'] {\n      list-style-type: lower-roman;\n    }\n  }\n\n  ul {\n    list-style: disc;\n  }\n\n  ol {\n    list-style: decimal;\n  }\n\n  li > ol,\n  li > ul {\n    margin-top: 6px;\n  }\n\n  hr {\n    width: 100%;\n    height: 0;\n    border: 0;\n    border-bottom: 1px solid rgba($ui-base-lighter-color, .6);\n    margin: 20px 0;\n\n    &.spacer {\n      height: 1px;\n      border: 0;\n    }\n  }\n\n  &__information,\n  &__forms {\n    padding: 20px;\n  }\n\n  &__call-to-action {\n    background: $ui-base-color;\n    border-radius: 4px;\n    padding: 25px 40px;\n    overflow: hidden;\n    box-sizing: border-box;\n\n    .row {\n      width: 100%;\n      display: flex;\n      flex-direction: row-reverse;\n      flex-wrap: nowrap;\n      justify-content: space-between;\n      align-items: center;\n    }\n\n    .row__information-board {\n      display: flex;\n      justify-content: flex-end;\n      align-items: flex-end;\n\n      .information-board__section {\n        flex: 1 0 auto;\n        padding: 0 10px;\n      }\n\n      @media screen and (max-width: $no-gap-breakpoint) {\n        width: 100%;\n        justify-content: space-between;\n      }\n    }\n\n    .row__mascot {\n      flex: 1;\n      margin: 10px -50px 0 0;\n\n      @media screen and (max-width: $no-gap-breakpoint) {\n        display: none;\n      }\n    }\n  }\n\n  &__logo {\n    margin-right: 20px;\n\n    img {\n      height: 50px;\n      width: auto;\n      mix-blend-mode: lighten;\n    }\n  }\n\n  &__information {\n    padding: 45px 40px;\n    margin-bottom: 10px;\n\n    &:last-child {\n      margin-bottom: 0;\n    }\n\n    strong {\n      font-weight: 500;\n      color: lighten($darker-text-color, 10%);\n    }\n\n    .account {\n      border-bottom: 0;\n      padding: 0;\n\n      &__display-name {\n        align-items: center;\n        display: flex;\n        margin-right: 5px;\n      }\n\n      div.account__display-name {\n        &:hover {\n          .display-name strong {\n            text-decoration: none;\n          }\n        }\n\n        .account__avatar {\n          cursor: default;\n        }\n      }\n\n      &__avatar-wrapper {\n        margin-left: 0;\n        flex: 0 0 auto;\n      }\n\n      &__avatar {\n        width: 44px;\n        height: 44px;\n        background-size: 44px 44px;\n      }\n\n      .display-name {\n        font-size: 15px;\n\n        &__account {\n          font-size: 14px;\n        }\n      }\n    }\n\n    @media screen and (max-width: $small-breakpoint) {\n      .contact {\n        margin-top: 30px;\n      }\n    }\n\n    @media screen and (max-width: $column-breakpoint) {\n      padding: 25px 20px;\n    }\n  }\n\n  &__information,\n  &__forms,\n  #mastodon-timeline {\n    box-sizing: border-box;\n    background: $ui-base-color;\n    border-radius: 4px;\n    box-shadow: 0 0 6px rgba($black, 0.1);\n  }\n\n  &__mascot {\n    height: 104px;\n    position: relative;\n    left: -40px;\n    bottom: 25px;\n\n    img {\n      height: 190px;\n      width: auto;\n    }\n  }\n\n  &__short-description {\n    .row {\n      display: flex;\n      flex-wrap: wrap;\n      align-items: center;\n      margin-bottom: 40px;\n    }\n\n    @media screen and (max-width: $column-breakpoint) {\n      .row {\n        margin-bottom: 20px;\n      }\n    }\n\n    p a {\n      color: $secondary-text-color;\n    }\n\n    h1 {\n      font-weight: 500;\n      color: $primary-text-color;\n      margin-bottom: 0;\n\n      small {\n        color: $darker-text-color;\n\n        span {\n          color: $secondary-text-color;\n        }\n      }\n    }\n\n    p:last-child {\n      margin-bottom: 0;\n    }\n  }\n\n  &__hero {\n    margin-bottom: 10px;\n\n    img {\n      display: block;\n      margin: 0;\n      max-width: 100%;\n      height: auto;\n      border-radius: 4px;\n    }\n  }\n\n  @media screen and (max-width: 840px) {\n    .information-board {\n      .container-alt {\n        padding-right: 20px;\n      }\n\n      .panel {\n        position: static;\n        margin-top: 20px;\n        width: 100%;\n        border-radius: 4px;\n\n        .panel-header {\n          text-align: center;\n        }\n      }\n    }\n  }\n\n  @media screen and (max-width: 675px) {\n    .header-wrapper {\n      padding-top: 0;\n\n      &.compact {\n        padding-bottom: 0;\n      }\n\n      &.compact .hero .heading {\n        text-align: initial;\n      }\n    }\n\n    .header .container-alt,\n    .features .container-alt {\n      display: block;\n    }\n  }\n\n  .cta {\n    margin: 20px;\n  }\n}\n\n.landing {\n  margin-bottom: 100px;\n\n  @media screen and (max-width: 738px) {\n    margin-bottom: 0;\n  }\n\n  &__brand {\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    padding: 50px;\n\n    svg {\n      fill: $primary-text-color;\n      height: 52px;\n    }\n\n    @media screen and (max-width: $no-gap-breakpoint) {\n      padding: 0;\n      margin-bottom: 30px;\n    }\n  }\n\n  .directory {\n    margin-top: 30px;\n    background: transparent;\n    box-shadow: none;\n    border-radius: 0;\n  }\n\n  .hero-widget {\n    margin-top: 30px;\n    margin-bottom: 0;\n\n    h4 {\n      padding: 10px;\n      text-transform: uppercase;\n      font-weight: 700;\n      font-size: 13px;\n      color: $darker-text-color;\n    }\n\n    &__text {\n      border-radius: 0;\n      padding-bottom: 0;\n    }\n\n    &__footer {\n      background: $ui-base-color;\n      padding: 10px;\n      border-radius: 0 0 4px 4px;\n      display: flex;\n\n      &__column {\n        flex: 1 1 50%;\n      }\n    }\n\n    .account {\n      padding: 10px 0;\n      border-bottom: 0;\n\n      .account__display-name {\n        display: flex;\n        align-items: center;\n      }\n\n      .account__avatar {\n        width: 44px;\n        height: 44px;\n        background-size: 44px 44px;\n      }\n    }\n\n    &__counter {\n      padding: 10px;\n\n      strong {\n        font-family: $font-display, sans-serif;\n        font-size: 15px;\n        font-weight: 700;\n        display: block;\n      }\n\n      span {\n        font-size: 14px;\n        color: $darker-text-color;\n      }\n    }\n  }\n\n  .simple_form .user_agreement .label_input > label {\n    font-weight: 400;\n    color: $darker-text-color;\n  }\n\n  .simple_form p.lead {\n    color: $darker-text-color;\n    font-size: 15px;\n    line-height: 20px;\n    font-weight: 400;\n    margin-bottom: 25px;\n  }\n\n  &__grid {\n    max-width: 960px;\n    margin: 0 auto;\n    display: grid;\n    grid-template-columns: minmax(0, 50%) minmax(0, 50%);\n    grid-gap: 30px;\n\n    @media screen and (max-width: 738px) {\n      grid-template-columns: minmax(0, 100%);\n      grid-gap: 10px;\n\n      &__column-login {\n        grid-row: 1;\n        display: flex;\n        flex-direction: column;\n\n        .box-widget {\n          order: 2;\n          flex: 0 0 auto;\n        }\n\n        .hero-widget {\n          margin-top: 0;\n          margin-bottom: 10px;\n          order: 1;\n          flex: 0 0 auto;\n        }\n      }\n\n      &__column-registration {\n        grid-row: 2;\n      }\n\n      .directory {\n        margin-top: 10px;\n      }\n    }\n\n    @media screen and (max-width: $no-gap-breakpoint) {\n      grid-gap: 0;\n\n      .hero-widget {\n        display: block;\n        margin-bottom: 0;\n        box-shadow: none;\n\n        &__img,\n        &__img img,\n        &__footer {\n          border-radius: 0;\n        }\n      }\n\n      .hero-widget,\n      .box-widget,\n      .directory__tag {\n        border-bottom: 1px solid lighten($ui-base-color, 8%);\n      }\n\n      .directory {\n        margin-top: 0;\n\n        &__tag {\n          margin-bottom: 0;\n\n          & > a,\n          & > div {\n            border-radius: 0;\n            box-shadow: none;\n          }\n\n          &:last-child {\n            border-bottom: 0;\n          }\n        }\n      }\n    }\n  }\n}\n\n.brand {\n  position: relative;\n  text-decoration: none;\n}\n\n.brand__tagline {\n  display: block;\n  position: absolute;\n  bottom: -10px;\n  left: 50px;\n  width: 300px;\n  color: $ui-primary-color;\n  text-decoration: none;\n  font-size: 14px;\n\n  @media screen and (max-width: $no-gap-breakpoint) {\n    position: static;\n    width: auto;\n    margin-top: 20px;\n    color: $dark-text-color;\n  }\n}\n\n",".table {\n  width: 100%;\n  max-width: 100%;\n  border-spacing: 0;\n  border-collapse: collapse;\n\n  th,\n  td {\n    padding: 8px;\n    line-height: 18px;\n    vertical-align: top;\n    border-top: 1px solid $ui-base-color;\n    text-align: left;\n    background: darken($ui-base-color, 4%);\n  }\n\n  & > thead > tr > th {\n    vertical-align: bottom;\n    border-bottom: 2px solid $ui-base-color;\n    border-top: 0;\n    font-weight: 500;\n  }\n\n  & > tbody > tr > th {\n    font-weight: 500;\n  }\n\n  & > tbody > tr:nth-child(odd) > td,\n  & > tbody > tr:nth-child(odd) > th {\n    background: $ui-base-color;\n  }\n\n  a {\n    color: $highlight-text-color;\n    text-decoration: underline;\n\n    &:hover {\n      text-decoration: none;\n    }\n  }\n\n  strong {\n    font-weight: 500;\n\n    @each $lang in $cjk-langs {\n      &:lang(#{$lang}) {\n        font-weight: 700;\n      }\n    }\n  }\n\n  &.inline-table {\n    & > tbody > tr:nth-child(odd) {\n      & > td,\n      & > th {\n        background: transparent;\n      }\n    }\n\n    & > tbody > tr:first-child {\n      & > td,\n      & > th {\n        border-top: 0;\n      }\n    }\n  }\n\n  &.batch-table {\n    & > thead > tr > th {\n      background: $ui-base-color;\n      border-top: 1px solid darken($ui-base-color, 8%);\n      border-bottom: 1px solid darken($ui-base-color, 8%);\n\n      &:first-child {\n        border-radius: 4px 0 0;\n        border-left: 1px solid darken($ui-base-color, 8%);\n      }\n\n      &:last-child {\n        border-radius: 0 4px 0 0;\n        border-right: 1px solid darken($ui-base-color, 8%);\n      }\n    }\n  }\n\n  &--invites tbody td {\n    vertical-align: middle;\n  }\n}\n\n.table-wrapper {\n  overflow: auto;\n  margin-bottom: 20px;\n}\n\nsamp {\n  font-family: $font-monospace, monospace;\n}\n\nbutton.table-action-link {\n  background: transparent;\n  border: 0;\n  font: inherit;\n}\n\nbutton.table-action-link,\na.table-action-link {\n  text-decoration: none;\n  display: inline-block;\n  margin-right: 5px;\n  padding: 0 10px;\n  color: $darker-text-color;\n  font-weight: 500;\n\n  &:hover {\n    color: $primary-text-color;\n  }\n\n  i.fa {\n    font-weight: 400;\n    margin-right: 5px;\n  }\n\n  &:first-child {\n    padding-left: 0;\n  }\n}\n\n.batch-table {\n  &__toolbar,\n  &__row {\n    display: flex;\n\n    &__select {\n      box-sizing: border-box;\n      padding: 8px 16px;\n      cursor: pointer;\n      min-height: 100%;\n\n      input {\n        margin-top: 8px;\n      }\n\n      &--aligned {\n        display: flex;\n        align-items: center;\n\n        input {\n          margin-top: 0;\n        }\n      }\n    }\n\n    &__actions,\n    &__content {\n      padding: 8px 0;\n      padding-right: 16px;\n      flex: 1 1 auto;\n    }\n  }\n\n  &__toolbar {\n    border: 1px solid darken($ui-base-color, 8%);\n    background: $ui-base-color;\n    border-radius: 4px 0 0;\n    height: 47px;\n    align-items: center;\n\n    &__actions {\n      text-align: right;\n      padding-right: 16px - 5px;\n    }\n  }\n\n  &__form {\n    padding: 16px;\n    border: 1px solid darken($ui-base-color, 8%);\n    border-top: 0;\n    background: $ui-base-color;\n\n    .fields-row {\n      padding-top: 0;\n      margin-bottom: 0;\n    }\n  }\n\n  &__row {\n    border: 1px solid darken($ui-base-color, 8%);\n    border-top: 0;\n    background: darken($ui-base-color, 4%);\n\n    @media screen and (max-width: $no-gap-breakpoint) {\n      .optional &:first-child {\n        border-top: 1px solid darken($ui-base-color, 8%);\n      }\n    }\n\n    &:hover {\n      background: darken($ui-base-color, 2%);\n    }\n\n    &:nth-child(even) {\n      background: $ui-base-color;\n\n      &:hover {\n        background: lighten($ui-base-color, 2%);\n      }\n    }\n\n    &__content {\n      padding-top: 12px;\n      padding-bottom: 16px;\n\n      &--unpadded {\n        padding: 0;\n      }\n\n      &--with-image {\n        display: flex;\n        align-items: center;\n      }\n\n      &__image {\n        flex: 0 0 auto;\n        display: flex;\n        justify-content: center;\n        align-items: center;\n        margin-right: 10px;\n\n        .emojione {\n          width: 32px;\n          height: 32px;\n        }\n      }\n\n      &__text {\n        flex: 1 1 auto;\n      }\n\n      &__extra {\n        flex: 0 0 auto;\n        text-align: right;\n        color: $darker-text-color;\n        font-weight: 500;\n      }\n    }\n\n    .directory__tag {\n      margin: 0;\n      width: 100%;\n\n      a {\n        background: transparent;\n        border-radius: 0;\n      }\n    }\n  }\n\n  &.optional .batch-table__toolbar,\n  &.optional .batch-table__row__select {\n    @media screen and (max-width: $no-gap-breakpoint) {\n      display: none;\n    }\n  }\n\n  .status__content {\n    padding-top: 0;\n\n    summary {\n      display: list-item;\n    }\n\n    strong {\n      font-weight: 700;\n    }\n  }\n\n  .nothing-here {\n    border: 1px solid darken($ui-base-color, 8%);\n    border-top: 0;\n    box-shadow: none;\n\n    @media screen and (max-width: $no-gap-breakpoint) {\n      border-top: 1px solid darken($ui-base-color, 8%);\n    }\n  }\n\n  @media screen and (max-width: 870px) {\n    .accounts-table tbody td.optional {\n      display: none;\n    }\n  }\n}\n","$no-columns-breakpoint: 600px;\n$sidebar-width: 240px;\n$content-width: 840px;\n\n.admin-wrapper {\n  display: flex;\n  justify-content: center;\n  width: 100%;\n  min-height: 100vh;\n\n  .sidebar-wrapper {\n    min-height: 100vh;\n    overflow: hidden;\n    pointer-events: none;\n    flex: 1 1 auto;\n\n    &__inner {\n      display: flex;\n      justify-content: flex-end;\n      background: $ui-base-color;\n      height: 100%;\n    }\n  }\n\n  .sidebar {\n    width: $sidebar-width;\n    padding: 0;\n    pointer-events: auto;\n\n    &__toggle {\n      display: none;\n      background: lighten($ui-base-color, 8%);\n      height: 48px;\n\n      &__logo {\n        flex: 1 1 auto;\n\n        a {\n          display: inline-block;\n          padding: 15px;\n        }\n\n        svg {\n          fill: $primary-text-color;\n          height: 20px;\n          position: relative;\n          bottom: -2px;\n        }\n      }\n\n      &__icon {\n        display: block;\n        color: $darker-text-color;\n        text-decoration: none;\n        flex: 0 0 auto;\n        font-size: 20px;\n        padding: 15px;\n      }\n\n      a {\n        &:hover,\n        &:focus,\n        &:active {\n          background: lighten($ui-base-color, 12%);\n        }\n      }\n    }\n\n    .logo {\n      display: block;\n      margin: 40px auto;\n      width: 100px;\n      height: 100px;\n    }\n\n    @media screen and (max-width: $no-columns-breakpoint) {\n      & > a:first-child {\n        display: none;\n      }\n    }\n\n    ul {\n      list-style: none;\n      border-radius: 4px 0 0 4px;\n      overflow: hidden;\n      margin-bottom: 20px;\n\n      @media screen and (max-width: $no-columns-breakpoint) {\n        margin-bottom: 0;\n      }\n\n      a {\n        display: block;\n        padding: 15px;\n        color: $darker-text-color;\n        text-decoration: none;\n        transition: all 200ms linear;\n        transition-property: color, background-color;\n        border-radius: 4px 0 0 4px;\n        white-space: nowrap;\n        overflow: hidden;\n        text-overflow: ellipsis;\n\n        i.fa {\n          margin-right: 5px;\n        }\n\n        &:hover {\n          color: $primary-text-color;\n          background-color: darken($ui-base-color, 5%);\n          transition: all 100ms linear;\n          transition-property: color, background-color;\n        }\n\n        &.selected {\n          background: darken($ui-base-color, 2%);\n          border-radius: 4px 0 0;\n        }\n      }\n\n      ul {\n        background: darken($ui-base-color, 4%);\n        border-radius: 0 0 0 4px;\n        margin: 0;\n\n        a {\n          border: 0;\n          padding: 15px 35px;\n        }\n      }\n\n      .simple-navigation-active-leaf a {\n        color: $primary-text-color;\n        background-color: $ui-highlight-color;\n        border-bottom: 0;\n        border-radius: 0;\n\n        &:hover {\n          background-color: lighten($ui-highlight-color, 5%);\n        }\n      }\n    }\n\n    & > ul > .simple-navigation-active-leaf a {\n      border-radius: 4px 0 0 4px;\n    }\n  }\n\n  .content-wrapper {\n    box-sizing: border-box;\n    width: 100%;\n    max-width: $content-width;\n    flex: 1 1 auto;\n  }\n\n  @media screen and (max-width: $content-width + $sidebar-width) {\n    .sidebar-wrapper--empty {\n      display: none;\n    }\n\n    .sidebar-wrapper {\n      width: $sidebar-width;\n      flex: 0 0 auto;\n    }\n  }\n\n  @media screen and (max-width: $no-columns-breakpoint) {\n    .sidebar-wrapper {\n      width: 100%;\n    }\n  }\n\n  .content {\n    padding: 20px 15px;\n    padding-top: 60px;\n    padding-left: 25px;\n\n    @media screen and (max-width: $no-columns-breakpoint) {\n      max-width: none;\n      padding: 15px;\n      padding-top: 30px;\n    }\n\n    &-heading {\n      display: flex;\n\n      padding-bottom: 40px;\n      border-bottom: 1px solid lighten($ui-base-color, 8%);\n\n      margin: -15px -15px 40px 0;\n\n      flex-wrap: wrap;\n      align-items: center;\n      justify-content: space-between;\n\n      & > * {\n        margin-top: 15px;\n        margin-right: 15px;\n      }\n\n      &-actions {\n        display: inline-flex;\n\n        & > :not(:first-child) {\n          margin-left: 5px;\n        }\n      }\n\n      @media screen and (max-width: $no-columns-breakpoint) {\n        border-bottom: 0;\n        padding-bottom: 0;\n      }\n    }\n\n    h2 {\n      color: $secondary-text-color;\n      font-size: 24px;\n      line-height: 28px;\n      font-weight: 400;\n\n      @media screen and (max-width: $no-columns-breakpoint) {\n        font-weight: 700;\n      }\n    }\n\n    h3 {\n      color: $secondary-text-color;\n      font-size: 20px;\n      line-height: 28px;\n      font-weight: 400;\n      margin-bottom: 30px;\n    }\n\n    h4 {\n      text-transform: uppercase;\n      font-size: 13px;\n      font-weight: 700;\n      color: $darker-text-color;\n      padding-bottom: 8px;\n      margin-bottom: 8px;\n      border-bottom: 1px solid lighten($ui-base-color, 8%);\n    }\n\n    h6 {\n      font-size: 16px;\n      color: $secondary-text-color;\n      line-height: 28px;\n      font-weight: 500;\n    }\n\n    .fields-group h6 {\n      color: $primary-text-color;\n      font-weight: 500;\n    }\n\n    .directory__tag > a,\n    .directory__tag > div {\n      box-shadow: none;\n    }\n\n    .directory__tag .table-action-link .fa {\n      color: inherit;\n    }\n\n    .directory__tag h4 {\n      font-size: 18px;\n      font-weight: 700;\n      color: $primary-text-color;\n      text-transform: none;\n      padding-bottom: 0;\n      margin-bottom: 0;\n      border-bottom: 0;\n    }\n\n    & > p {\n      font-size: 14px;\n      line-height: 21px;\n      color: $secondary-text-color;\n      margin-bottom: 20px;\n\n      strong {\n        color: $primary-text-color;\n        font-weight: 500;\n\n        @each $lang in $cjk-langs {\n          &:lang(#{$lang}) {\n            font-weight: 700;\n          }\n        }\n      }\n    }\n\n    hr {\n      width: 100%;\n      height: 0;\n      border: 0;\n      border-bottom: 1px solid rgba($ui-base-lighter-color, .6);\n      margin: 20px 0;\n\n      &.spacer {\n        height: 1px;\n        border: 0;\n      }\n    }\n  }\n\n  @media screen and (max-width: $no-columns-breakpoint) {\n    display: block;\n\n    .sidebar-wrapper {\n      min-height: 0;\n    }\n\n    .sidebar {\n      width: 100%;\n      padding: 0;\n      height: auto;\n\n      &__toggle {\n        display: flex;\n      }\n\n      & > ul {\n        display: none;\n      }\n\n      ul a,\n      ul ul a {\n        border-radius: 0;\n        border-bottom: 1px solid lighten($ui-base-color, 4%);\n        transition: none;\n\n        &:hover {\n          transition: none;\n        }\n      }\n\n      ul ul {\n        border-radius: 0;\n      }\n\n      ul .simple-navigation-active-leaf a {\n        border-bottom-color: $ui-highlight-color;\n      }\n    }\n  }\n}\n\nhr.spacer {\n  width: 100%;\n  border: 0;\n  margin: 20px 0;\n  height: 1px;\n}\n\nbody,\n.admin-wrapper .content {\n  .muted-hint {\n    color: $darker-text-color;\n\n    a {\n      color: $highlight-text-color;\n    }\n  }\n\n  .positive-hint {\n    color: $valid-value-color;\n    font-weight: 500;\n  }\n\n  .negative-hint {\n    color: $error-value-color;\n    font-weight: 500;\n  }\n\n  .neutral-hint {\n    color: $dark-text-color;\n    font-weight: 500;\n  }\n\n  .warning-hint {\n    color: $gold-star;\n    font-weight: 500;\n  }\n}\n\n.filters {\n  display: flex;\n  flex-wrap: wrap;\n\n  .filter-subset {\n    flex: 0 0 auto;\n    margin: 0 40px 20px 0;\n\n    &:last-child {\n      margin-bottom: 30px;\n    }\n\n    ul {\n      margin-top: 5px;\n      list-style: none;\n\n      li {\n        display: inline-block;\n        margin-right: 5px;\n      }\n    }\n\n    strong {\n      font-weight: 500;\n      text-transform: uppercase;\n      font-size: 12px;\n\n      @each $lang in $cjk-langs {\n        &:lang(#{$lang}) {\n          font-weight: 700;\n        }\n      }\n    }\n\n    &--with-select strong {\n      display: block;\n      margin-bottom: 10px;\n    }\n\n    a {\n      display: inline-block;\n      color: $darker-text-color;\n      text-decoration: none;\n      text-transform: uppercase;\n      font-size: 12px;\n      font-weight: 500;\n      border-bottom: 2px solid $ui-base-color;\n\n      &:hover {\n        color: $primary-text-color;\n        border-bottom: 2px solid lighten($ui-base-color, 5%);\n      }\n\n      &.selected {\n        color: $highlight-text-color;\n        border-bottom: 2px solid $ui-highlight-color;\n      }\n    }\n  }\n}\n\n.flavour-screen {\n  display: block;\n  margin: 10px auto;\n  max-width: 100%;\n}\n\n.flavour-description {\n  display: block;\n  font-size: 16px;\n  margin: 10px 0;\n\n  & > p {\n    margin: 10px 0;\n  }\n}\n\n.flavour-screen {\n  display: block;\n  margin: 10px auto;\n  max-width: 100%;\n}\n\n.flavour-description {\n  display: block;\n  font-size: 16px;\n  margin: 10px 0;\n\n  & > p {\n    margin: 10px 0;\n  }\n}\n\n.report-accounts {\n  display: flex;\n  flex-wrap: wrap;\n  margin-bottom: 20px;\n}\n\n.report-accounts__item {\n  display: flex;\n  flex: 250px;\n  flex-direction: column;\n  margin: 0 5px;\n\n  & > strong {\n    display: block;\n    margin: 0 0 10px -5px;\n    font-weight: 500;\n    font-size: 14px;\n    line-height: 18px;\n    color: $secondary-text-color;\n\n    @each $lang in $cjk-langs {\n      &:lang(#{$lang}) {\n        font-weight: 700;\n      }\n    }\n  }\n\n  .account-card {\n    flex: 1 1 auto;\n  }\n}\n\n.report-status,\n.account-status {\n  display: flex;\n  margin-bottom: 10px;\n\n  .activity-stream {\n    flex: 2 0 0;\n    margin-right: 20px;\n    max-width: calc(100% - 60px);\n\n    .entry {\n      border-radius: 4px;\n    }\n  }\n}\n\n.report-status__actions,\n.account-status__actions {\n  flex: 0 0 auto;\n  display: flex;\n  flex-direction: column;\n\n  .icon-button {\n    font-size: 24px;\n    width: 24px;\n    text-align: center;\n    margin-bottom: 10px;\n  }\n}\n\n.simple_form.new_report_note,\n.simple_form.new_account_moderation_note {\n  max-width: 100%;\n}\n\n.batch-form-box {\n  display: flex;\n  flex-wrap: wrap;\n  margin-bottom: 5px;\n\n  #form_status_batch_action {\n    margin: 0 5px 5px 0;\n    font-size: 14px;\n  }\n\n  input.button {\n    margin: 0 5px 5px 0;\n  }\n\n  .media-spoiler-toggle-buttons {\n    margin-left: auto;\n\n    .button {\n      overflow: visible;\n      margin: 0 0 5px 5px;\n      float: right;\n    }\n  }\n}\n\n.back-link {\n  margin-bottom: 10px;\n  font-size: 14px;\n\n  a {\n    color: $highlight-text-color;\n    text-decoration: none;\n\n    &:hover {\n      text-decoration: underline;\n    }\n  }\n}\n\n.spacer {\n  flex: 1 1 auto;\n}\n\n.log-entry {\n  line-height: 20px;\n  padding: 15px 0;\n  background: $ui-base-color;\n  border-bottom: 1px solid lighten($ui-base-color, 4%);\n\n  &:last-child {\n    border-bottom: 0;\n  }\n\n  &__header {\n    display: flex;\n    justify-content: flex-start;\n    align-items: center;\n    color: $darker-text-color;\n    font-size: 14px;\n    padding: 0 10px;\n  }\n\n  &__avatar {\n    margin-right: 10px;\n\n    .avatar {\n      display: block;\n      margin: 0;\n      border-radius: 50%;\n      width: 40px;\n      height: 40px;\n    }\n  }\n\n  &__content {\n    max-width: calc(100% - 90px);\n  }\n\n  &__title {\n    word-wrap: break-word;\n  }\n\n  &__timestamp {\n    color: $dark-text-color;\n  }\n\n  a,\n  .username,\n  .target {\n    color: $secondary-text-color;\n    text-decoration: none;\n    font-weight: 500;\n  }\n}\n\na.name-tag,\n.name-tag,\na.inline-name-tag,\n.inline-name-tag {\n  text-decoration: none;\n  color: $secondary-text-color;\n\n  .username {\n    font-weight: 500;\n  }\n\n  &.suspended {\n    .username {\n      text-decoration: line-through;\n      color: lighten($error-red, 12%);\n    }\n\n    .avatar {\n      filter: grayscale(100%);\n      opacity: 0.8;\n    }\n  }\n}\n\na.name-tag,\n.name-tag {\n  display: flex;\n  align-items: center;\n\n  .avatar {\n    display: block;\n    margin: 0;\n    margin-right: 5px;\n    border-radius: 50%;\n  }\n\n  &.suspended {\n    .avatar {\n      filter: grayscale(100%);\n      opacity: 0.8;\n    }\n  }\n}\n\n.speech-bubble {\n  margin-bottom: 20px;\n  border-left: 4px solid $ui-highlight-color;\n\n  &.positive {\n    border-left-color: $success-green;\n  }\n\n  &.negative {\n    border-left-color: lighten($error-red, 12%);\n  }\n\n  &.warning {\n    border-left-color: $gold-star;\n  }\n\n  &__bubble {\n    padding: 16px;\n    padding-left: 14px;\n    font-size: 15px;\n    line-height: 20px;\n    border-radius: 4px 4px 4px 0;\n    position: relative;\n    font-weight: 500;\n\n    a {\n      color: $darker-text-color;\n    }\n  }\n\n  &__owner {\n    padding: 8px;\n    padding-left: 12px;\n  }\n\n  time {\n    color: $dark-text-color;\n  }\n}\n\n.report-card {\n  background: $ui-base-color;\n  border-radius: 4px;\n  margin-bottom: 20px;\n\n  &__profile {\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    padding: 15px;\n\n    .account {\n      padding: 0;\n      border: 0;\n\n      &__avatar-wrapper {\n        margin-left: 0;\n      }\n    }\n\n    &__stats {\n      flex: 0 0 auto;\n      font-weight: 500;\n      color: $darker-text-color;\n      text-transform: uppercase;\n      text-align: right;\n\n      a {\n        color: inherit;\n        text-decoration: none;\n\n        &:focus,\n        &:hover,\n        &:active {\n          color: lighten($darker-text-color, 8%);\n        }\n      }\n\n      .red {\n        color: $error-value-color;\n      }\n    }\n  }\n\n  &__summary {\n    &__item {\n      display: flex;\n      justify-content: flex-start;\n      border-top: 1px solid darken($ui-base-color, 4%);\n\n      &:hover {\n        background: lighten($ui-base-color, 2%);\n      }\n\n      &__reported-by,\n      &__assigned {\n        padding: 15px;\n        flex: 0 0 auto;\n        box-sizing: border-box;\n        width: 150px;\n        color: $darker-text-color;\n\n        &,\n        .username {\n          white-space: nowrap;\n          overflow: hidden;\n          text-overflow: ellipsis;\n        }\n      }\n\n      &__content {\n        flex: 1 1 auto;\n        max-width: calc(100% - 300px);\n\n        &__icon {\n          color: $dark-text-color;\n          margin-right: 4px;\n          font-weight: 500;\n        }\n      }\n\n      &__content a {\n        display: block;\n        box-sizing: border-box;\n        width: 100%;\n        padding: 15px;\n        text-decoration: none;\n        color: $darker-text-color;\n      }\n    }\n  }\n}\n\n.one-line {\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n}\n\n.ellipsized-ip {\n  display: inline-block;\n  max-width: 120px;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  vertical-align: middle;\n}\n\n.admin-account-bio {\n  display: flex;\n  flex-wrap: wrap;\n  margin: 0 -5px;\n  margin-top: 20px;\n\n  > div {\n    box-sizing: border-box;\n    padding: 0 5px;\n    margin-bottom: 10px;\n    flex: 1 0 50%;\n  }\n\n  .account__header__fields,\n  .account__header__content {\n    background: lighten($ui-base-color, 8%);\n    border-radius: 4px;\n    height: 100%;\n  }\n\n  .account__header__fields {\n    margin: 0;\n    border: 0;\n\n    a {\n      color: lighten($ui-highlight-color, 8%);\n    }\n\n    dl:first-child .verified {\n      border-radius: 0 4px 0 0;\n    }\n\n    .verified a {\n      color: $valid-value-color;\n    }\n  }\n\n  .account__header__content {\n    box-sizing: border-box;\n    padding: 20px;\n    color: $primary-text-color;\n  }\n}\n\n.center-text {\n  text-align: center;\n}\n\n.announcements-list {\n  border: 1px solid lighten($ui-base-color, 4%);\n  border-radius: 4px;\n\n  &__item {\n    padding: 15px 0;\n    background: $ui-base-color;\n    border-bottom: 1px solid lighten($ui-base-color, 4%);\n\n    &__title {\n      padding: 0 15px;\n      display: block;\n      font-weight: 500;\n      font-size: 18px;\n      line-height: 1.5;\n      color: $secondary-text-color;\n      text-decoration: none;\n      margin-bottom: 10px;\n\n      &:hover,\n      &:focus,\n      &:active {\n        color: $primary-text-color;\n      }\n    }\n\n    &__meta {\n      padding: 0 15px;\n      color: $dark-text-color;\n    }\n\n    &__action-bar {\n      display: flex;\n      justify-content: space-between;\n      align-items: center;\n    }\n\n    &:last-child {\n      border-bottom: 0;\n    }\n  }\n}\n",".dashboard__counters {\n  display: flex;\n  flex-wrap: wrap;\n  margin: 0 -5px;\n  margin-bottom: 20px;\n\n  & > div {\n    box-sizing: border-box;\n    flex: 0 0 33.333%;\n    padding: 0 5px;\n    margin-bottom: 10px;\n\n    & > div,\n    & > a {\n      padding: 20px;\n      background: lighten($ui-base-color, 4%);\n      border-radius: 4px;\n      box-sizing: border-box;\n      height: 100%;\n    }\n\n    & > a {\n      text-decoration: none;\n      color: inherit;\n      display: block;\n\n      &:hover,\n      &:focus,\n      &:active {\n        background: lighten($ui-base-color, 8%);\n      }\n    }\n  }\n\n  &__num,\n  &__text {\n    text-align: center;\n    font-weight: 500;\n    font-size: 24px;\n    line-height: 21px;\n    color: $primary-text-color;\n    font-family: $font-display, sans-serif;\n    margin-bottom: 20px;\n    line-height: 30px;\n  }\n\n  &__text {\n    font-size: 18px;\n  }\n\n  &__label {\n    font-size: 14px;\n    color: $darker-text-color;\n    text-align: center;\n    font-weight: 500;\n  }\n}\n\n.dashboard__widgets {\n  display: flex;\n  flex-wrap: wrap;\n  margin: 0 -5px;\n\n  & > div {\n    flex: 0 0 33.333%;\n    margin-bottom: 20px;\n\n    & > div {\n      padding: 0 5px;\n    }\n  }\n\n  a:not(.name-tag) {\n    color: $ui-secondary-color;\n    font-weight: 500;\n    text-decoration: none;\n  }\n}\n","body.rtl {\n  direction: rtl;\n\n  .column-header > button {\n    text-align: right;\n    padding-left: 0;\n    padding-right: 15px;\n  }\n\n  .radio-button__input {\n    margin-right: 0;\n    margin-left: 10px;\n  }\n\n  .directory__card__bar .display-name {\n    margin-left: 0;\n    margin-right: 15px;\n  }\n\n  .display-name {\n    text-align: right;\n  }\n\n  .notification__message {\n    margin-left: 0;\n    margin-right: 68px;\n  }\n\n  .drawer__inner__mastodon > img {\n    transform: scaleX(-1);\n  }\n\n  .notification__favourite-icon-wrapper {\n    left: auto;\n    right: -26px;\n  }\n\n  .landing-page__logo {\n    margin-right: 0;\n    margin-left: 20px;\n  }\n\n  .landing-page .features-list .features-list__row .visual {\n    margin-left: 0;\n    margin-right: 15px;\n  }\n\n  .column-link__icon,\n  .column-header__icon {\n    margin-right: 0;\n    margin-left: 5px;\n  }\n\n  .compose-form .compose-form__buttons-wrapper .character-counter__wrapper {\n    margin-right: 0;\n    margin-left: 4px;\n  }\n\n  .navigation-bar__profile {\n    margin-left: 0;\n    margin-right: 8px;\n  }\n\n  .search__input {\n    padding-right: 10px;\n    padding-left: 30px;\n  }\n\n  .search__icon .fa {\n    right: auto;\n    left: 10px;\n  }\n\n  .columns-area {\n    direction: rtl;\n  }\n\n  .column-header__buttons {\n    left: 0;\n    right: auto;\n    margin-left: 0;\n    margin-right: -15px;\n  }\n\n  .column-inline-form .icon-button {\n    margin-left: 0;\n    margin-right: 5px;\n  }\n\n  .column-header__links .text-btn {\n    margin-left: 10px;\n    margin-right: 0;\n  }\n\n  .account__avatar-wrapper {\n    float: right;\n  }\n\n  .column-header__back-button {\n    padding-left: 5px;\n    padding-right: 0;\n  }\n\n  .column-header__setting-arrows {\n    float: left;\n  }\n\n  .setting-toggle__label {\n    margin-left: 0;\n    margin-right: 8px;\n  }\n\n  .status__avatar {\n    left: auto;\n    right: 10px;\n  }\n\n  .status,\n  .activity-stream .status.light {\n    padding-left: 10px;\n    padding-right: 68px;\n  }\n\n  .status__info .status__display-name,\n  .activity-stream .status.light .status__display-name {\n    padding-left: 25px;\n    padding-right: 0;\n  }\n\n  .activity-stream .pre-header {\n    padding-right: 68px;\n    padding-left: 0;\n  }\n\n  .status__prepend {\n    margin-left: 0;\n    margin-right: 68px;\n  }\n\n  .status__prepend-icon-wrapper {\n    left: auto;\n    right: -26px;\n  }\n\n  .activity-stream .pre-header .pre-header__icon {\n    left: auto;\n    right: 42px;\n  }\n\n  .account__avatar-overlay-overlay {\n    right: auto;\n    left: 0;\n  }\n\n  .column-back-button--slim-button {\n    right: auto;\n    left: 0;\n  }\n\n  .status__relative-time,\n  .activity-stream .status.light .status__header .status__meta {\n    float: left;\n  }\n\n  .status__action-bar {\n    &__counter {\n      margin-right: 0;\n      margin-left: 11px;\n\n      .status__action-bar-button {\n        margin-right: 0;\n        margin-left: 4px;\n      }\n    }\n  }\n\n  .status__action-bar-button {\n    float: right;\n    margin-right: 0;\n    margin-left: 18px;\n  }\n\n  .status__action-bar-dropdown {\n    float: right;\n  }\n\n  .privacy-dropdown__dropdown {\n    margin-left: 0;\n    margin-right: 40px;\n  }\n\n  .privacy-dropdown__option__icon {\n    margin-left: 10px;\n    margin-right: 0;\n  }\n\n  .detailed-status__display-name .display-name {\n    text-align: right;\n  }\n\n  .detailed-status__display-avatar {\n    margin-right: 0;\n    margin-left: 10px;\n    float: right;\n  }\n\n  .detailed-status__favorites,\n  .detailed-status__reblogs {\n    margin-left: 0;\n    margin-right: 6px;\n  }\n\n  .fa-ul {\n    margin-left: 2.14285714em;\n  }\n\n  .fa-li {\n    left: auto;\n    right: -2.14285714em;\n  }\n\n  .admin-wrapper {\n    direction: rtl;\n  }\n\n  .admin-wrapper .sidebar ul a i.fa,\n  a.table-action-link i.fa {\n    margin-right: 0;\n    margin-left: 5px;\n  }\n\n  .simple_form .check_boxes .checkbox label {\n    padding-left: 0;\n    padding-right: 25px;\n  }\n\n  .simple_form .input.with_label.boolean label.checkbox {\n    padding-left: 25px;\n    padding-right: 0;\n  }\n\n  .simple_form .check_boxes .checkbox input[type=\"checkbox\"],\n  .simple_form .input.boolean input[type=\"checkbox\"] {\n    left: auto;\n    right: 0;\n  }\n\n  .simple_form .input.radio_buttons .radio {\n    left: auto;\n    right: 0;\n  }\n\n  .simple_form .input.radio_buttons .radio > label {\n    padding-right: 28px;\n    padding-left: 0;\n  }\n\n  .simple_form .input-with-append .input input {\n    padding-left: 142px;\n    padding-right: 0;\n  }\n\n  .simple_form .input.boolean label.checkbox {\n    left: auto;\n    right: 0;\n  }\n\n  .simple_form .input.boolean .label_input,\n  .simple_form .input.boolean .hint {\n    padding-left: 0;\n    padding-right: 28px;\n  }\n\n  .simple_form .label_input__append {\n    right: auto;\n    left: 3px;\n\n    &::after {\n      right: auto;\n      left: 0;\n      background-image: linear-gradient(to left, rgba(darken($ui-base-color, 10%), 0), darken($ui-base-color, 10%));\n    }\n  }\n\n  .simple_form select {\n    background: darken($ui-base-color, 10%) url(\"data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14.933 18.467' height='19.698' width='15.929'><path d='M3.467 14.967l-3.393-3.5H14.86l-3.392 3.5c-1.866 1.925-3.666 3.5-4 3.5-.335 0-2.135-1.575-4-3.5zm.266-11.234L7.467 0 11.2 3.733l3.733 3.734H0l3.733-3.734z' fill='#{hex-color(lighten($ui-base-color, 12%))}'/></svg>\") no-repeat left 8px center / auto 16px;\n  }\n\n  .table th,\n  .table td {\n    text-align: right;\n  }\n\n  .filters .filter-subset {\n    margin-right: 0;\n    margin-left: 45px;\n  }\n\n  .landing-page .header-wrapper .mascot {\n    right: 60px;\n    left: auto;\n  }\n\n  .landing-page__call-to-action .row__information-board {\n    direction: rtl;\n  }\n\n  .landing-page .header .hero .floats .float-1 {\n    left: -120px;\n    right: auto;\n  }\n\n  .landing-page .header .hero .floats .float-2 {\n    left: 210px;\n    right: auto;\n  }\n\n  .landing-page .header .hero .floats .float-3 {\n    left: 110px;\n    right: auto;\n  }\n\n  .landing-page .header .links .brand img {\n    left: 0;\n  }\n\n  .landing-page .fa-external-link {\n    padding-right: 5px;\n    padding-left: 0 !important;\n  }\n\n  .landing-page .features #mastodon-timeline {\n    margin-right: 0;\n    margin-left: 30px;\n  }\n\n  @media screen and (min-width: 631px) {\n    .column,\n    .drawer {\n      padding-left: 5px;\n      padding-right: 5px;\n\n      &:first-child {\n        padding-left: 5px;\n        padding-right: 10px;\n      }\n    }\n\n    .columns-area > div {\n      .column,\n      .drawer {\n        padding-left: 5px;\n        padding-right: 5px;\n      }\n    }\n  }\n\n  .columns-area--mobile .column,\n  .columns-area--mobile .drawer {\n    padding-left: 0;\n    padding-right: 0;\n  }\n\n  .public-layout {\n    .header {\n      .nav-button {\n        margin-left: 8px;\n        margin-right: 0;\n      }\n    }\n\n    .public-account-header__tabs {\n      margin-left: 0;\n      margin-right: 20px;\n    }\n  }\n\n  .landing-page__information {\n    .account__display-name {\n      margin-right: 0;\n      margin-left: 5px;\n    }\n\n    .account__avatar-wrapper {\n      margin-left: 12px;\n      margin-right: 0;\n    }\n  }\n\n  .card__bar .display-name {\n    margin-left: 0;\n    margin-right: 15px;\n    text-align: right;\n  }\n\n  .fa-chevron-left::before {\n    content: \"\\F054\";\n  }\n\n  .fa-chevron-right::before {\n    content: \"\\F053\";\n  }\n\n  .column-back-button__icon {\n    margin-right: 0;\n    margin-left: 5px;\n  }\n\n  .column-header__setting-arrows .column-header__setting-btn:last-child {\n    padding-left: 0;\n    padding-right: 10px;\n  }\n\n  .simple_form .input.radio_buttons .radio > label input {\n    left: auto;\n    right: 0;\n  }\n}\n","$black-emojis: '8ball' 'ant' 'back' 'black_circle' 'black_heart' 'black_large_square' 'black_medium_small_square' 'black_medium_square' 'black_nib' 'black_small_square' 'bomb' 'bowling' 'bust_in_silhouette' 'busts_in_silhouette' 'camera' 'camera_with_flash' 'clubs' 'copyright' 'curly_loop' 'currency_exchange' 'dark_sunglasses' 'eight_pointed_black_star' 'electric_plug' 'end' 'female-guard' 'film_projector' 'fried_egg' 'gorilla' 'guardsman' 'heavy_check_mark' 'heavy_division_sign' 'heavy_dollar_sign' 'heavy_minus_sign' 'heavy_multiplication_x' 'heavy_plus_sign' 'hocho' 'hole' 'joystick' 'kaaba' 'lower_left_ballpoint_pen' 'lower_left_fountain_pen' 'male-guard' 'microphone' 'mortar_board' 'movie_camera' 'musical_score' 'on' 'registered' 'soon' 'spades' 'speaking_head_in_silhouette' 'spider' 'telephone_receiver' 'tm' 'top' 'tophat' 'turkey' 'vhs' 'video_camera' 'video_game' 'water_buffalo' 'waving_black_flag' 'wavy_dash';\n\n%white-emoji-outline {\n  filter: drop-shadow(1px 1px 0 $white) drop-shadow(-1px 1px 0 $white) drop-shadow(1px -1px 0 $white) drop-shadow(-1px -1px 0 $white);\n  transform: scale(.71);\n}\n\n.emojione {\n  @each $emoji in $black-emojis {\n    &[title=':#{$emoji}:'] {\n      @extend %white-emoji-outline;\n    }\n  }\n}\n","// components.scss\n.compose-form {\n  .compose-form__modifiers {\n    .compose-form__upload {\n      &-description {\n        input {\n          &::placeholder {\n            opacity: 1;\n          }\n        }\n      }\n    }\n  }\n}\n\n.rich-formatting a,\n.rich-formatting p a,\n.rich-formatting li a,\n.landing-page__short-description p a,\n.status__content a,\n.reply-indicator__content a {\n  color: lighten($ui-highlight-color, 12%);\n  text-decoration: underline;\n\n  &.mention {\n    text-decoration: none;\n  }\n\n  &.mention span {\n    text-decoration: underline;\n\n    &:hover,\n    &:focus,\n    &:active {\n      text-decoration: none;\n    }\n  }\n\n  &:hover,\n  &:focus,\n  &:active {\n    text-decoration: none;\n  }\n\n  &.status__content__spoiler-link {\n    color: $secondary-text-color;\n    text-decoration: none;\n  }\n}\n\n.status__content__read-more-button {\n  text-decoration: underline;\n\n  &:hover,\n  &:focus,\n  &:active {\n    text-decoration: none;\n  }\n}\n\n.getting-started__footer a {\n  text-decoration: underline;\n\n  &:hover,\n  &:focus,\n  &:active {\n    text-decoration: none;\n  }\n}\n\n.nothing-here {\n  color: $darker-text-color;\n}\n\n.public-layout .public-account-header__tabs__tabs .counter.active::after {\n  border-bottom: 4px solid $ui-highlight-color;\n}\n"],"sourceRoot":""}
\ No newline at end of file
diff --git a/priv/static/packs/skins/vanilla/contrast/common.js b/priv/static/packs/skins/vanilla/contrast/common.js
index e98309beb..ba45e450a 100644
Binary files a/priv/static/packs/skins/vanilla/contrast/common.js and b/priv/static/packs/skins/vanilla/contrast/common.js differ
diff --git a/priv/static/packs/skins/vanilla/mastodon-light/common.css b/priv/static/packs/skins/vanilla/mastodon-light/common.css
index 4c6bfe4e6..c2fdf30b8 100644
Binary files a/priv/static/packs/skins/vanilla/mastodon-light/common.css and b/priv/static/packs/skins/vanilla/mastodon-light/common.css differ
diff --git a/priv/static/packs/skins/vanilla/mastodon-light/common.css.map b/priv/static/packs/skins/vanilla/mastodon-light/common.css.map
index 64f2758de..f22d72ddd 100644
--- a/priv/static/packs/skins/vanilla/mastodon-light/common.css.map
+++ b/priv/static/packs/skins/vanilla/mastodon-light/common.css.map
@@ -1 +1 @@
-{"version":3,"sources":["webpack:///common.scss","webpack:///./app/javascript/styles/mastodon/reset.scss","webpack:///./app/javascript/styles/mastodon-light/variables.scss","webpack:///./app/javascript/styles/mastodon/basics.scss","webpack:///./app/javascript/styles/mastodon/containers.scss","webpack:///./app/javascript/styles/mastodon/lists.scss","webpack:///./app/javascript/styles/mastodon/footer.scss","webpack:///./app/javascript/styles/mastodon/compact_header.scss","webpack:///./app/javascript/styles/mastodon/widgets.scss","webpack:///./app/javascript/styles/mastodon/variables.scss","webpack:///./app/javascript/styles/mastodon/forms.scss","webpack:///./app/javascript/styles/mastodon/accounts.scss","webpack:///./app/javascript/styles/mastodon/statuses.scss","webpack:///./app/javascript/styles/mastodon/boost.scss","webpack:///./app/javascript/styles/mastodon/components.scss","webpack:///<no source>","webpack:///./app/javascript/styles/mastodon/_mixins.scss","webpack:///./app/javascript/styles/mastodon/polls.scss","webpack:///./app/javascript/styles/mastodon/modal.scss","webpack:///./app/javascript/styles/mastodon/emoji_picker.scss","webpack:///./app/javascript/styles/mastodon/about.scss","webpack:///./app/javascript/styles/mastodon/tables.scss","webpack:///./app/javascript/styles/mastodon/admin.scss","webpack:///./app/javascript/styles/mastodon/dashboard.scss","webpack:///./app/javascript/styles/mastodon/rtl.scss","webpack:///./app/javascript/styles/mastodon/accessibility.scss","webpack:///./app/javascript/styles/mastodon-light/diff.scss"],"names":[],"mappings":"AAAA,2ZCKA,QAaE,UACA,SACA,eACA,aACA,wBACA,+EAIF,aAEE,MAGF,aACE,OAGF,eACE,cAGF,WACE,qDAGF,UAEE,aACA,OAGF,wBACE,iBACA,MAGF,0CACE,qBAGF,UACE,YACA,2BAGF,kBACE,cACA,mBACA,iCAGF,kBACE,kCAGF,kBACE,2BAGF,aACE,gBACA,8BACA,CC3EwB,iEDkF1B,kBClF0B,4BDsF1B,sBACE,MErFF,iDACE,mBACA,eACA,iBACA,gBACA,WDZM,kCCcN,6BACA,8BACA,CADA,0BACA,CADA,yBACA,CADA,qBACA,0CACA,wCACA,kBAEA,iKAYE,eAGF,SACE,oCAEA,WACE,iBACA,kBACA,uCAGF,iBACE,WACA,YACA,mCAGF,iBACE,cAIJ,kBDlDwB,kBCsDxB,iBACE,kBACA,0BAEA,iBACE,aAIJ,iBACE,YAGF,kBACE,SACA,iBACA,uBAEA,iBACE,WACA,YACA,gBACA,YAIJ,kBACE,UACA,YAGF,iBACE,kBACA,cDzFiB,mBAEK,WC0FtB,YACA,UACA,aACA,uBACA,mBACA,oBAEA,qBACE,YACA,sCAGE,aACE,gBACA,WACA,YACA,kBACA,uBAIJ,cACE,iBACA,gBACA,QAMR,mBACE,eACA,cAEA,YACE,kDAKF,YAGE,WACA,mBACA,uBACA,oBACA,sBAGF,YACE,yEAKF,gBAEE,+EAKF,WAEE,sCAIJ,qBAEE,eACA,gBACA,gBACA,cACA,kBACA,8CAEA,eACE,0CAGF,mBACE,gEAEA,eACE,0CAIJ,aDvKmB,kKC0KjB,oBAGE,sDAIJ,aD7KgB,eC+Kd,0DAEA,aDjLc,oDCsLhB,cACE,SACA,uBACA,cDzLc,aC2Ld,UACA,SACA,oBACA,eACA,UACA,4BACA,0BACA,gMAEA,oBAGE,kEAGF,aDvNY,gBCyNV,gBCnON,WACE,CACA,kBACA,qCAEA,eALF,UAMI,SACA,kBAIJ,sBACE,qCAEA,gBAHF,kBAII,qBAGF,YACE,uBACA,mBACA,wBAEA,SFtBI,YEwBF,kBACA,sBAGF,YACE,uBACA,mBACA,WF/BE,qBEiCF,UACA,kBACA,iBACA,6CACA,gBACA,eACA,mCAMJ,WACE,CACA,cACA,mBACA,sBACA,qCAEA,kCAPF,UAQI,aACA,aACA,kBAKN,WACE,CACA,YACA,eACA,iBACA,sBACA,CACA,gBACA,CACA,sBACA,qCAEA,gBAZF,UAaI,CACA,eACA,CACA,mBACA,0BAGF,UACE,YACA,iBACA,6BAEA,UACE,YACA,cACA,SACA,kBACA,uBAIJ,aACE,cF5FiB,wBE8FjB,iCAEA,aACE,gBACA,uBACA,gBACA,8BAIJ,aACE,eACA,iBACA,gBACA,SAIJ,YACE,cACA,8BACA,sBACA,mCACA,CADA,0BACA,mBAEA,eACE,WACA,mBAGF,aACE,WACA,mBAGF,aACE,WACA,mBAGF,eACE,WACA,qCAGF,QA3BF,UA4BI,qCACA,mBAEA,aACE,mBAGF,aACE,WACA,mBAGF,aACE,WACA,mBAGF,aACE,WACA,UAKN,YACE,cACA,8CACA,sBACA,mCACA,CADA,0BACA,mBAEA,eACE,WACA,mBAGF,eACE,WACA,mBAGF,aACE,WACA,mBAGF,eACE,WACA,mBAGF,aACE,WACA,uCAGF,eACE,wBAGF,kBACE,qCAGF,QAxCF,iDAyCI,uCAEA,YACE,aACA,mBACA,uBACA,iCAGF,UACE,uBACA,mBACA,sBAGF,YACE,sCAIJ,QA7DF,UA8DI,qCACA,mBAEA,aACE,mBAGF,aACE,WACA,mBAGF,aACE,WACA,mBAGF,aACE,WACA,mBAGF,aACE,WACA,sCAMJ,eADF,gBAEI,4BAGF,eACE,qCAEA,0BAHF,SAII,yBAIJ,kBACE,mCACA,kBACA,YACA,cACA,aACA,oBACA,uBACA,iBACA,gBACA,qCAEA,uBAZF,cAaI,WACA,MACA,OACA,SACA,gBACA,gBACA,YACA,6BAGF,cACE,eACA,kCAGF,YACE,oBACA,2BACA,iBACA,oCAGF,YACE,oBACA,uBACA,iBACA,mCAGF,YACE,oBACA,yBACA,iBACA,+BAGF,aACE,aACA,mCAEA,aACE,YACA,WACA,kBACA,YACA,UFzUA,qCE4UA,kCARF,WASI,+GAIJ,kBAGE,kCAIJ,YACE,mBACA,eACA,eACA,gBACA,qBACA,cF3Ve,mBE6Vf,kBACA,uHAEA,yBAGE,WFtWA,qCE0WF,0CACE,YACE,qCAKN,kBACE,CACA,oBACA,kBACA,6HAEA,oBAGE,mBACA,sBAON,YACE,cACA,0DACA,sBACA,mCACA,CADA,0BACA,gCAEA,UACE,cACA,gCAGF,UACE,cACA,qCAGF,qBAjBF,0BAkBI,WACA,gCAEA,YACE,kCAKN,iBACE,qCAEA,gCAHF,eAII,sCAKF,4BADF,eAEI,wCAIJ,eACE,mBACA,mCACA,gDAEA,UACE,qIAEA,8BAEE,CAFF,sBAEE,6DAGF,wBFrbe,8CE0bjB,yBACE,gBACA,aACA,kBACA,gBACA,oDAEA,UACE,cACA,kBACA,WACA,YACA,gDACA,MACA,OACA,kDAGF,mBACE,CADF,8BACE,CADF,gBACE,cACA,WACA,YACA,SACA,0BACA,qCAGF,6CA3BF,YA4BI,gDAIJ,eACE,6JAEA,iBAEE,qCAEA,4JAJF,eAKI,sCAKN,sCA/DF,eAgEI,gBACA,oDAEA,YACE,+FAGF,eAEE,6CAIJ,iBACE,iBACA,aACA,2BACA,mDAEA,UACE,cACA,mBACA,kBACA,SACA,OACA,QACA,YACA,0BACA,WACA,oDAGF,aACE,YACA,aACA,kBACA,cACA,wDAEA,aACE,WACA,YACA,SACA,kBACA,yBACA,mBACA,qCAIJ,2CArCF,YAsCI,mBACA,0BACA,YACA,mDAEA,YACE,oDAGF,UACE,YACA,CACA,sBACA,wDAEA,QACE,kBACA,2DAGF,mDAXF,YAYI,sCAKN,2CAhEF,eAiEI,sCAGF,2CApEF,cAqEI,8CAIJ,aACE,iBACA,mDAEA,gBACE,mBACA,sDAEA,cACE,iBACA,WF3kBF,gBE6kBE,gBACA,mBACA,uBACA,6BACA,4DAEA,aACE,eACA,WFrlBJ,gBEulBI,gBACA,uBACA,qCAKN,4CA7BF,gBA8BI,aACA,8BACA,mBACA,mDAEA,aACE,iBACA,sDAEA,cACE,iBACA,iBACA,4DAEA,aF1mBS,oDEinBf,YACE,2BACA,oBACA,YACA,qEAEA,YACE,mBACA,gBACA,qCAGF,oEACE,YACE,6DAIJ,eACE,sBACA,cACA,cFtoBW,aEwoBX,+BACA,eACA,kBACA,kBACA,8DAEA,aACE,uEAGF,cACE,kEAGF,aACE,WACA,kBACA,SACA,OACA,WACA,gCACA,WACA,wBACA,yEAIA,+BACE,UACA,kFAGF,2BFxqBS,wEE8qBT,SACE,wBACA,8DAIJ,oBACE,cACA,2EAGF,cACE,cACA,4EAGF,eACE,eACA,kBACA,WFpsBJ,6CEssBI,2DAIJ,aACE,WACA,4DAGF,eACE,8CAKN,YACE,eACA,kEAEA,eACE,gBACA,uBACA,cACA,2FAEA,4BACE,yEAGF,YACE,qDAIJ,gBACE,eACA,cFvuBa,uDE0uBb,oBACE,cF3uBW,qBE6uBX,aACA,gBACA,8DAEA,eACE,WFrvBJ,qCE2vBF,6CAtCF,aAuCI,UACA,4CAKN,yBACE,qCAEA,0CAHF,eAII,wCAIJ,eACE,oCAGF,kBACE,mCACA,kBACA,gBACA,mBACA,qCAEA,mCAPF,eAQI,gBACA,gBACA,8DAGF,QACE,aACA,+DAEA,aACE,sFAGF,uBACE,yEAGF,aF9xBU,8DEoyBV,mBACA,WF9yBE,qFEkzBJ,YAEE,eACA,cFlzBe,2CEszBjB,gBACE,iCAIJ,YACE,cACA,kDACA,qCAEA,gCALF,aAMI,+CAGF,cACE,iCAIJ,eACE,2BAGF,YACE,eACA,eACA,cACA,+BAEA,qBACE,cACA,YACA,cACA,mBACA,kBACA,qCAEA,8BARF,aASI,sCAGF,8BAZF,cAaI,sCAIJ,0BAvBF,QAwBI,6BACA,+BAEA,UACE,UACA,gBACA,gCACA,0CAEA,eACE,0CAGF,kBFh3BkB,+IEm3BhB,kBAGE,WC53BZ,eACE,aAEA,oBACE,aACA,iBAIJ,eACE,cACA,oBAEA,cACE,gBACA,mBACA,wBCfF,eACE,iBACA,oBACA,eACA,cACA,qCAEA,uBAPF,iBAQI,mBACA,+BAGF,YACE,cACA,0CACA,wCAEA,aACE,WACA,YACA,wCAGF,aACE,WACA,YACA,wCAGF,aACE,WACA,YACA,kBACA,6CAEA,aACE,wCAIJ,aACE,WACA,YACA,wCAGF,aACE,WACA,YACA,qCAGF,6BAxCF,iCAyCI,+EAEA,aAEE,wCAGF,UACE,wCAGF,aACE,+EAGF,aAEE,wCAGF,UACE,sCAIJ,uCACE,aACE,sCAIJ,4JACE,YAIE,4BAKN,eACE,kBACA,cJ7Fe,6BIgGf,aACE,qBACA,6BAIJ,oBACE,cACA,wGAEA,yBAGE,mCAKF,aACE,YACA,WACA,cACA,aACA,0HAMA,YACE,oBCjIR,cACE,iBACA,cACA,gBACA,mBACA,eACA,qBACA,qCAEA,mBATF,iBAUI,oBACA,uBAGF,aACE,qBACA,0BAGF,eACE,cLjBe,wBKqBjB,oBACE,mBACA,kBACA,WACA,YACA,cC9BN,kBACE,mCACA,mBAEA,UACE,kBACA,gBACA,0BACA,gBCPI,uBDUJ,mBACE,CADF,8BACE,CADF,gBACE,cACA,WACA,YACA,SACA,0BACA,oBAIJ,kBNfwB,aMiBtB,0BACA,eACA,cNrBiB,iBMuBjB,qBACA,gBACA,8BAEA,UACE,YACA,gBACA,sBAGF,kBACE,iCAEA,eACE,uBAIJ,cACE,SACA,UACA,gBACA,uBACA,oBACA,kBACA,oBACA,cACA,sBAGF,aNrDiB,qBMuDf,4BAEA,yBACE,qCAKN,aAnEF,YAoEI,uBAIJ,kBACE,oBACA,yBAEA,YACE,gBACA,eACA,cN3EiB,+BM+EnB,cACE,0CAEA,eACE,sDAGF,YACE,mBACA,gDAGF,UACE,YACA,0BACA,oCAIJ,YACE,mBAKF,aNxGmB,aM6GrB,YACE,kBACA,mBN7GwB,mCM+GxB,qBAGF,YACE,kBACA,0BACA,kBACA,cNxHmB,mBM0HnB,iBAGF,eACE,eACA,cN/HmB,iBMiInB,qBACA,gBACA,UACA,oBAEA,YACE,gBACA,eACA,cNzIiB,0BM6InB,eACE,CACA,kBACA,mBAGF,oBACE,CACA,mBACA,cNtJiB,qBMwJjB,mBACA,gBACA,uBACA,0EAEA,yBAGE,uBAMJ,sBACA,kBACA,mBNtKwB,mCMwKxB,cN1KmB,gBM4KnB,mBACA,sDAEA,eAEE,CAII,qXADF,eACE,yBAKN,aACE,0BACA,CAMI,wLAGF,oBAGE,mIAEA,yBACE,gCAMR,kBACE,oCAEA,gBACE,cNrNe,8DM2NjB,iBACE,eACA,4DAGF,eACE,qBACA,iEAEA,eACE,kBAMR,YACE,CACA,eChPM,CDkPN,cACA,cNhPmB,mBMkPnB,+BANA,iBACA,CChPM,kCD8PN,CATA,aAGF,kBACE,CAEA,iBACA,kBACA,cACA,iBAEA,UNhQM,eMkQJ,gBACA,gBACA,mBACA,gBAGF,cACE,cNtQiB,qCM0QnB,aArBF,YAsBI,mBACA,iBAEA,cACE,aAKN,kBNlR0B,kBMoRxB,mCACA,iBAEA,qBACE,mBACA,uCAEA,YAEE,mBACA,8BACA,mBN/RoB,kBMiSpB,aACA,qBACA,cACA,mCACA,0EAIA,kBAGE,0BAIJ,kBNnSiB,eMqSf,8BAGF,UACE,eACA,oBAGF,aACE,eACA,gBACA,WNlUE,mBMoUF,gBACA,uBACA,wBAEA,aNrUe,0BMyUf,aACE,gBACA,eACA,eACA,cN7Ua,0IMmVf,UNtVE,+BM8VJ,aACE,YACA,uDAGF,oBNjViB,wCMqVjB,eACE,eAKN,YACE,yBACA,gCAEA,aACE,WACA,YACA,kBACA,kBACA,kBACA,mBACA,yBACA,4CAEA,SACE,6CAGF,SACE,6CAGF,SACE,iBAKN,UACE,0BAEA,SACE,SACA,wBAGF,eACE,0BAGF,iBACE,cNnZiB,gBMqZjB,aACA,sCAEA,eACE,0BAIJ,cACE,sBACA,gCACA,wCAGF,eACE,wBAGF,WACE,kBACA,eACA,gBACA,WN9aI,8BMibJ,aACE,cN/ae,gBMibf,eACA,0BAIJ,SACE,iCACA,qCAGF,kCACE,YACE,sCAYJ,qIAPF,eAQI,gBACA,gBACA,iBAOJ,gBACE,qCAEA,eAHF,oBAII,uBAGF,sBACE,sCAEA,qBAHF,sBAII,sCAGF,qBAPF,UAQI,sCAGF,qBAXF,WAYI,kCAIJ,iBACE,qCAEA,gCAHF,4BAII,iEAIA,eACE,0DAGF,cACE,iBACA,oEAEA,UACE,YACA,gBACA,yFAGF,gBACE,SACA,mKAIJ,eAGE,gBAON,aNhhBmB,iCM+gBrB,kBAKI,6BAEA,eACE,kBAIJ,cACE,iBACA,wCAMF,oBACE,gBACA,cNthBiB,4JMyhBjB,yBAGE,oBAKN,kBACE,gBACA,eACA,kBACA,yBAEA,aACE,gBACA,aACA,CACA,kBACA,gBACA,uBACA,qBACA,WNjkBI,gCMmkBJ,4FAEA,yBAGE,oCAIJ,eACE,0BAGF,iBACE,gCACA,MEjlBJ,+CACE,gBACA,iBAGF,eACE,aACA,cACA,qBAIA,kBACE,gBACA,4BAEA,QACE,0CAIA,kBACE,qDAEA,eACE,gDAIJ,iBACE,kBACA,sDAEA,iBACE,SACA,OACA,6BAKN,iBACE,gBACA,gDAEA,mBACE,eACA,gBACA,WRjDA,cQmDA,WACA,4EAGF,iBAEE,mDAGF,eACE,4CAGF,iBACE,QACA,OACA,qCAGF,aRpDe,0BQsDb,gIAEA,oBAGE,0CAIJ,iBACE,CACA,iBACA,mBAKN,YACE,cACA,0BAEA,qBACE,cACA,UACA,cACA,oBAIJ,aRlGmB,sBQqGjB,aRtFiB,yBQ0FjB,iBACE,kBACA,gBACA,uBAGF,eACE,iBACA,sBAIJ,kBACE,wBAGF,aACE,eACA,eACA,qBAGF,kBACE,cRhIiB,iCQmIjB,iBACE,eACA,iBACA,gBACA,gBACA,oBAIJ,kBACE,qBAGF,eACE,CAII,0JADF,eACE,sDAMJ,YACE,4DAEA,mBACE,eACA,WRnKA,gBQqKA,gBACA,cACA,wHAGF,aAEE,sDAIJ,cACE,kBACA,mDAKF,mBACE,eACA,WRzLE,cQ2LF,kBACA,qBACA,gBACA,sCAGF,cACE,mCAGF,UACE,sCAIJ,cACE,4CAEA,mBACE,eACA,WR/ME,cQiNF,gBACA,gBACA,4CAGF,kBACE,yCAGF,cACE,CADF,cACE,6BAIJ,oBACE,cACA,4BAGF,kBACE,8CAEA,eACE,0BAIJ,YACE,CACA,eACA,oBACA,iCAEA,cACE,kCAGF,qBACE,eACA,cACA,eACA,oCAEA,aACE,2CAGF,eACE,6GAIJ,eAEE,qCAGF,yBA9BF,aA+BI,gBACA,kCAEA,cACE,0JAGF,kBAGE,iDAKN,iBACE,oBACA,eACA,WR7RI,cQ+RJ,WACA,2CAKE,mBACE,eACA,WRvSA,qBQySA,WACA,kBACA,gBACA,kBACA,cACA,0DAGF,iBACE,OACA,QACA,SACA,kDAKN,cACE,aACA,yBACA,kBACA,sJAGF,qBAKE,eACA,WRvUI,cQyUJ,WACA,UACA,oBACA,gBACA,mBACA,sBACA,kBACA,aACA,6RAEA,aACE,CAHF,+OAEA,aACE,CAHF,mQAEA,aACE,CAHF,wQAEA,aACE,CAHF,sNAEA,aACE,8LAGF,eACE,oVAGF,oBACE,iOAGF,oBRtVY,oLQ0VZ,iBACE,4WAGF,oBRrViB,mBQwVf,6CAKF,aACE,gUAGF,oBAME,8CAGF,aACE,gBACA,cACA,eACA,8BAIJ,UACE,uBAGF,eACE,aACA,oCAEA,YACE,mBACA,qEAIJ,aAGE,WACA,SACA,kBACA,mBRtYiB,WAlBb,eQ2ZJ,oBACA,YACA,aACA,qBACA,kBACA,sBACA,eACA,gBACA,UACA,mBACA,kBACA,sGAEA,cACE,uFAGF,wBACE,gLAGF,wBAEE,kHAGF,wBRrae,gGQyaf,kBDtbQ,kHCybN,wBACE,sOAGF,wBAEE,qBAKN,uBACE,CADF,oBACE,CADF,eACE,sBACA,eACA,WR1cI,cQ4cJ,WACA,UACA,oBACA,gBACA,wXACA,sBACA,kBACA,kBACA,mBACA,YACA,iBAGF,4BACE,oCAIA,iBACE,mCAGF,iBACE,UACA,QACA,CACA,qBACA,eACA,cRldY,oBQodZ,oBACA,eACA,gBACA,mBACA,gBACA,yCAEA,UACE,cACA,kBACA,MACA,QACA,WACA,UACA,oEACA,4BAKN,iBACE,0CAEA,wBACE,CADF,gBACE,qCAGF,iBACE,MACA,OACA,WACA,YACA,aACA,uBACA,mBACA,iCACA,kBACA,iBACA,gBACA,YACA,8CAEA,iBACE,6HAGE,URxhBF,aQkiBR,aACE,CACA,kBACA,eACA,gBAGF,kBACE,cRviBmB,kBQyiBnB,kBACA,mBACA,kBACA,uBAEA,mCACE,+BACA,cR1iBY,sBQ8iBd,mCACE,+BACA,cDtjBQ,kBC0jBV,oBACE,cR3jBiB,qBQ6jBjB,wBAEA,URlkBI,0BQokBF,kBAIJ,kBACE,4BAGF,SACE,sBACA,cACA,WACA,SACA,aACA,gDACA,mBR9kBsB,WALlB,eQslBJ,SACA,8CAEA,QACE,iHAGF,mBAGE,kCAGF,kBACE,uBAIJ,eACE,CAII,oKADF,eACE,0DAKN,eAzEF,eA0EI,eAIJ,eACE,kBACA,gBAEA,aRxnBmB,qBQ0nBjB,sBAEA,yBACE,YAKN,eACE,mBACA,eACA,eAEA,oBACE,kBACA,cAGF,aR7nBmB,qBQ+nBjB,gBACA,2DAEA,aAGE,8BAKN,kBAEE,cR3pBmB,oCQ8pBnB,cACE,mBACA,kBACA,4CAGF,aRpqBmB,gBQsqBjB,CAII,mUADF,eACE,0DAKN,6BAtBF,eAuBI,cAIJ,YACE,eACA,uBACA,UAGF,aACE,gBD7rBM,YC+rBN,qBACA,mCACA,qBACA,cAEA,aACE,SACA,iBAIJ,kBACE,cRzsBmB,WQ2sBnB,sBAEA,aACE,eACA,eAKF,kBACE,sBAEA,eACE,CAII,+JADF,eACE,4CASR,qBACE,CACA,UR1uBI,qCQ4uBJ,oCACA,kBACA,aACA,mBACA,gDAEA,URlvBI,0BQovBF,oLAEA,oBAGE,0DAIJ,eACE,cACA,kBACA,CAII,yYADF,eACE,kEAIJ,eACE,oBAMR,YACE,eACA,mBACA,4DAEA,aAEE,6BAIA,wBACA,cACA,sBAIJ,iBACE,cR9xBmB,0BQiyBnB,iBACE,oBAIJ,eACE,mBACA,uBAEA,cACE,WR9yBI,kBQgzBJ,mBACA,SACA,UACA,4BAGF,aACE,eAIJ,aDvzBc,0SCi0BZ,+CACE,aAIJ,kBACE,sBACA,kBACA,aACA,mBACA,kBACA,kBACA,QACA,mCACA,sBAEA,aACE,8BAGF,sBACE,SACA,aACA,eACA,gDACA,oBAGF,aACE,WACA,oBACA,gBACA,eACA,CACA,oBACA,WACA,iCACA,oBAGF,oBRp2Bc,gBQs2BZ,2BAEA,kBRx2BY,gBQ02BV,oBAKN,kBACE,6BAEA,wBACE,mBACA,eACA,aACA,4BAGF,kBACE,aACA,OACA,sBACA,cACA,cACA,gCAEA,iBACE,YACA,iBACA,kBACA,UACA,8BAGF,qBACE,qCAIJ,kBACE,gCAGF,wBACE,mCACA,kBACA,kBACA,kBACA,kBACA,sCAEA,wBACE,WACA,cACA,YACA,SACA,kBACA,MACA,UACA,yBAIJ,sBACE,aACA,mBACA,SCl7BF,aACE,qBACA,cACA,mCACA,qCAEA,QANF,eAOI,8EAMA,kBACE,YAKN,YACE,kBACA,gBACA,0BACA,gBAEA,aACE,WACA,YACA,SACA,oBACA,CADA,8BACA,CADA,gBACA,0BACA,qCAGF,WAfF,YAgBI,sCAGF,WAnBF,YAoBI,aAIJ,iBACE,aACA,aACA,2BACA,mBACA,mBACA,0BACA,qCAEA,WATF,eAUI,qBAGF,aACE,WACA,YACA,gBACA,wBAEA,UACE,YACA,cACA,SACA,kBACA,mBACA,oBACA,CADA,8BACA,CADA,gBACA,0BAIJ,gBACE,gBACA,iCAEA,cACE,WT9EA,gBSgFA,gBACA,uBACA,+BAGF,aACE,eACA,cTpFa,gBSsFb,gBACA,uBACA,aAMR,cACE,kBACA,gBACA,6GAEA,cAME,WT5GI,gBS8GJ,qBACA,iBACA,qBACA,sBAGF,eFnHM,oBEqHJ,WTtHI,eSwHJ,cACA,kBAGF,cACE,uCAGF,aT7HmB,oBSkInB,UACE,eACA,wBAEA,oBACE,iBACA,oBAIJ,WACE,gBACA,wBAEA,oBACE,gBACA,uBAIJ,cACE,WACA,qCAGF,YA7DF,iBA8DI,mBAEA,YACE,uCAGF,oBAEE,gBAKN,kBTvK0B,mCSyKxB,cTnJiB,eSqJjB,gBACA,kBACA,aACA,uBACA,mBACA,eACA,kBACA,aACA,gBACA,2BAEA,yBACE,yBAGF,qBACE,gBACA,yCAIJ,oBAEE,gBACA,eACA,kBACA,eACA,iBACA,gBACA,cT1MmB,mCS4MnB,mCACA,6DAEA,aTzMc,oCS2MZ,gCACA,qDAGF,aACE,oCACA,gCACA,0BAIJ,eACE,UACA,wBACA,gBACA,CADA,YACA,CACA,iCACA,CADA,uBACA,CADA,kBACA,eACA,iBACA,6BAEA,YACE,gCACA,yDAGF,qBAEE,aACA,kBACA,gBACA,gBACA,mBACA,uBACA,6BAGF,eACE,YACA,cACA,cTzPiB,gCS2PjB,6BAGF,aACE,cT/PiB,4BSmQnB,aTpPmB,qBSsPjB,qGAEA,yBAGE,oCAIJ,mCACE,+BACA,sCAEA,aT5QY,gBS8QV,0CAGF,aTjRY,wCSsRd,eACE,wCAIJ,UACE,0BAIA,aTtSmB,4BSySjB,aTzSiB,qBS2Sf,qGAEA,yBAGE,iCAIJ,UTvTI,gBSyTF,wBAIJ,eACE,kBC/TJ,kCACE,kBACA,gBACA,mBACA,8BAEA,yBACE,qCAGF,iBAVF,eAWI,gBACA,gBACA,6BAGF,eACE,SACA,gBACA,gFAEA,yBAEE,sCAIJ,UACE,yBAGF,kBVzBwB,6GU4BtB,sBAGE,CAHF,cAGE,8IAIA,eAGE,0BACA,iJAKF,yBAGE,kLAIA,iBAGE,qCAKN,4GACE,yBAGE,uCAKN,kBACE,qBAIJ,WACE,eACA,mBV9DmB,WAlBb,oBUmFN,iBACA,YACA,iBACA,SACA,yBAEA,UACE,YACA,sBACA,iBACA,UV7FI,gFUiGN,kBAGE,qNAKA,kBVzFe,4IUiGf,kBH9GQ,qCGqHV,wBACE,YACE,0DAOJ,YACE,uCAGF,2BACE,gBACA,uDAEA,SACE,SACA,yDAGF,eACE,yDAGF,gBACE,iBACA,mFAGF,UACE,qMAGF,eAGE,iCC/JN,u+KACE,uCAEA,u+KACE,0CAIJ,u+KACE,WCTF,gCACE,4CACA,cAGF,aACE,eACA,iBACA,cZWmB,SYTnB,uBACA,UACA,eACA,wCAEA,yBAEE,uBAGF,aZHiB,eYKf,SAIJ,wBZPqB,YYSnB,kBACA,sBACA,WZ7BM,eY+BN,qBACA,oBACA,eACA,gBACA,YACA,iBACA,iBACA,gBACA,eACA,kBACA,kBACA,qBACA,uBACA,2BACA,mBACA,WACA,4CAEA,wBAGE,4BACA,sBAGF,eACE,mFAEA,wBLxDQ,gBK4DN,mCAIJ,wBZnDiB,eYsDf,2BAGF,QACE,wDAGF,mBAGE,yGAGF,cAIE,iBACA,YACA,oBACA,iBACA,4BAGF,UZ9FM,mBAgBW,qGYkFf,wBAGE,8BAIJ,kBZ1FsB,2GY6FpB,wBAGE,0BAIJ,aZhHmB,uBYkHjB,iBACA,yBACA,+FAEA,oBAGE,cACA,mCAGF,UACE,uBAIJ,aACE,WACA,kBAIJ,YACE,cACA,kBACA,cAGF,oBACE,UACA,cZ5HoB,SY8HpB,kBACA,uBACA,eACA,2BACA,2CACA,2DAEA,aAGE,sCACA,4BACA,2CACA,oBAGF,oCACE,uBAGF,aACE,6BACA,eACA,qBAGF,aZ7JmB,gCYiKnB,QACE,uEAGF,mBAGE,uBAGF,aZ1LmB,sFY6LjB,aAGE,oCACA,6BAGF,kCACE,gCAGF,aACE,6BACA,8BAGF,aZ9LiB,uCYiMf,aACE,wBAKN,sBACE,8BACA,qBACA,kBACA,YACA,8BAEA,6BACE,mBAKN,aZnOqB,SYqOnB,kBACA,uBACA,eACA,gBACA,eACA,cACA,iBACA,UACA,2BACA,2CACA,0EAEA,aAGE,oCACA,4BACA,2CACA,yBAGF,kCACE,4BAGF,UACE,6BACA,eACA,0BAGF,aZrPmB,qCYyPnB,QACE,sFAGF,mBAGE,CAKF,0BADF,iBAUE,CATA,WAGF,WACE,cACA,qBACA,QACA,SAEA,+BAEA,kBAEE,mBACA,oBACA,kBACA,mBACA,iBAKF,WACE,eAIJ,YACE,iCAGE,mBACA,eAEA,gBACA,wCAEA,aZ1SiB,sDY8SjB,YACE,2CAGF,oBACE,kBACA,yBACA,sBACA,WACA,YACA,cACA,kBACA,SACA,kBACA,sBACA,kDAEA,oBZ/Te,yDYsUnB,UZxVM,mBY0VJ,mBZ1Ue,oCY4Uf,iBACA,kBACA,eACA,gBACA,6CAEA,UZlWI,gBYoWF,CAII,kRADF,eACE,wCAKN,aZ1WiB,gBY4Wf,0BACA,yIAEA,oBAGE,sCAKN,iBACE,QACA,UACA,kDAGF,iBACE,mGAGF,iBAGE,WACA,8BAGF,QACE,wBACA,UACA,qDAEA,WACE,mBACA,UACA,mFAIJ,aAEE,sBACA,WACA,SACA,WZ5ZI,gBOCA,aK8ZJ,oBACA,eACA,gBACA,SACA,UACA,yIAEA,aZhZc,CY8Yd,sHAEA,aZhZc,CY8Yd,8HAEA,aZhZc,CY8Yd,gIAEA,aZhZc,CY8Yd,4GAEA,aZhZc,+FYoZd,SACE,qCAGF,kFAvBF,cAwBI,sCAIJ,iBACE,+CAGF,gBACE,0BACA,iBACA,mBACA,YACA,qBACA,kEAEA,SACE,qCAGF,8CAZF,sBAaI,gBACA,2DAIJ,iBACE,SACA,kDAGF,qBACE,aACA,kBACA,SACA,WACA,WACA,sCACA,mBZldiB,0BYodjB,WZvdI,eYydJ,YACA,6FAEA,aACE,wDAIJ,YACE,eACA,kBACA,yPAEA,kBAIE,wGAIJ,YAGE,mBACA,mBACA,2BACA,iBACA,eACA,oCAGF,6BACE,0CAEA,aACE,gBACA,uBACA,mBACA,2CAGF,eACE,0CAGF,aACE,iBACA,gBACA,uBACA,mBACA,8EAIJ,aAEE,iBACA,WACA,YACA,2DAGF,aZrhBmB,wCYyhBnB,UZ5hBM,oBY8hBJ,eACA,gBL9hBI,sEKiiBJ,eACE,uEAGF,YACE,mBACA,YACA,eACA,8DAGF,UACE,cACA,WACA,uEAEA,iFACE,aACA,uBACA,8BACA,UACA,4BACA,oFAEA,aACE,cZxjBW,eY0jBX,gBACA,aACA,oBACA,6QAEA,aAGE,8EAIJ,SACE,0EAIJ,iBACE,UACA,SACA,OACA,QACA,sBACA,gFACA,aACA,UACA,4BACA,mFAEA,sBACE,cZxlBW,SY0lBX,UACA,SACA,WACA,oBACA,eACA,gBACA,yFAEA,ULpmBF,8GKwmBE,WACE,cZvmBS,COFb,oGKwmBE,WACE,cZvmBS,COFb,wGKwmBE,WACE,cZvmBS,COFb,yGKwmBE,WACE,cZvmBS,COFb,+FKwmBE,WACE,cZvmBS,iFY4mBb,SACE,wEAKN,iBACE,sBLtnBE,wBKwnBF,sBACA,4BACA,aACA,WACA,gBACA,8CAIJ,YACE,gBACA,0BACA,aACA,8BACA,cACA,qEAEA,YACE,uGAEA,gBACE,qGAGF,YACE,6IAEA,aACE,2IAGF,gBACE,0HAKN,sBAEE,cACA,0EAGF,iBACE,iBACA,sCAIJ,YACE,yBACA,YACA,cACA,4EAEA,eACE,iBACA,oBAKN,cACE,kDACA,eACA,gBACA,cZvrBmB,4CY0rBnB,aLzrBY,kCK8rBd,2CACE,WCpsBF,8DDysBE,sBACA,CADA,kBACA,wBACA,WACA,YACA,eAEA,UACE,kBAIJ,iBACE,mBACA,mBZrsBiB,aYusBjB,gBACA,gBACA,cACA,0BAGF,iBACE,gBACA,0BAGF,WACE,iBACA,gCAGF,UZvuBQ,cYyuBN,eACA,iBACA,gBACA,mBACA,qBACA,kCAGF,UACE,iBACA,+BAGF,cACE,4CAGF,iBAEE,eACA,iBACA,qBACA,gBACA,gBACA,uBACA,gBACA,WZnwBM,wDYswBN,SACE,wGAGF,kBACE,sJAEA,oBACE,gEAIJ,UACE,YACA,gBACA,oDAGF,cACE,iBACA,sBACA,CADA,gCACA,CADA,kBACA,gDAGF,kBACE,qBACA,sEAEA,eACE,gDAIJ,aL1xBc,qBK4xBZ,4DAEA,yBACE,oEAEA,aACE,4EAKF,oBACE,sFAEA,yBACE,wDAKN,aZvyBc,8EY4yBhB,aACE,0GAGF,kBZ/yBoB,sHYkzBlB,kBACE,qBACA,8IAGF,QACE,0XAGF,mBAGE,0FAIJ,YACE,wJAEA,aACE,6CAKN,gBACE,oCAGF,aACE,eACA,iBACA,cACA,SACA,uBACA,CACA,eACA,oFAEA,yBAEE,gCAIJ,oBACE,kBACA,uBACA,SACA,WZ13BM,gBY43BN,eACA,cACA,iBACA,eACA,sBACA,4BAGF,aZ92BkB,SYg3BhB,kBACA,kBACA,oBACA,SACA,aACA,sBACA,WACA,WACA,gCACA,+BAGF,UACE,kBACA,kBAIA,SACE,mBACA,wCAEA,kBACE,8CAEA,sBACE,iFAIJ,kBAEE,SAMJ,yBACA,kBACA,gBACA,gCACA,eACA,UAaA,mCACA,CADA,0BACA,wDAZA,QARF,kBAWI,0BAGF,GACE,aACA,WALA,gBAGF,GACE,aACA,uDAMF,cAEE,kCAGF,kBACE,4BACA,sCAIA,aZj7Be,CA3BX,uEYq9BF,UZr9BE,kCYy9BF,aZ97Ba,gCYm8Bf,UZ99BI,kCYi+BF,aZ/8Be,gEYm9Bf,UZr+BE,mBAgBW,sEYy9BX,kBACE,+CAQR,sBACE,qEAEA,aACE,qDAKN,aZr+BkB,YYw+BhB,eACA,uBAGF,aZ5+BkB,qCYg/BlB,aACE,eACA,mBACA,eAGF,cACE,mBAGF,+BACE,aACA,6CAEA,uBACE,OACA,4DAEA,eACE,8DAGF,SACE,mBACA,qHAGF,cAEE,gBACA,4EAGF,cACE,0BAKN,kBACE,aACA,cACA,uBACA,aACA,kBAGF,gBACE,cZhiCgB,CYkiChB,iBACA,eACA,kBACA,+CAEA,aZviCgB,uBY2iChB,aACE,gBACA,uBACA,qBAIJ,kBACE,aACA,eACA,8BAEA,mBACE,kBACA,mBACA,yDAEA,gBACE,qCAGF,oBACE,WACA,eACA,gBACA,cZnkCgB,4BYykCtB,iBACE,8BAGF,cACE,cACA,uCAGF,aACE,aACA,mBACA,uBACA,kBACA,kBAGF,kBACE,kBACA,wBAEA,YACE,eACA,8BACA,uBACA,uFAEA,SAEE,mCAIJ,cACE,iBACA,6CAEA,UACE,YACA,gBACA,kEAGF,gBACE,gBACA,+DAIJ,cAEE,wBAIJ,eACE,cZloCgB,eYooChB,iBACA,8BAGF,kBACE,6BACA,gCACA,aACA,mBACA,eACA,wBAGF,aACE,qBACA,uDAGF,oBAEE,gBACA,eACA,gBACA,2BAGF,UZprCQ,eYsrCN,6BAEA,aZrrCmB,SY0rCrB,YACE,gCACA,8BAEA,aACE,cACA,WZnsCI,qBYqsCJ,eACA,gBACA,kBAIJ,YACE,iBAGF,WACE,aACA,mBACA,UAGF,YACE,gCACA,kBAEA,SACE,gBACA,2CAEA,aACE,iCAIJ,aACE,cACA,cZjuCiB,gBYmuCjB,qBACA,eACA,mBAIJ,YACE,0BAGF,UACE,iBACA,kBACA,kBAGF,iBEtvCE,iCACA,wBACA,4BACA,kBFqvCA,yBAEA,oBACE,sBACA,iBACA,4BAGF,iBEhwCA,iCACA,wBACA,4BACA,kBF+vCE,gBACA,kBACA,eACA,gCAEA,UACE,kBACA,sBACA,mCAGF,aACE,kBACA,QACA,SACA,+BACA,WZlxCE,6BYoxCF,gBACA,eACA,oBAKN,cACE,0BAGF,UACuB,sCEvxCrB,+BFyxCA,iBElyCA,iCACA,wBACA,4BACA,WFiyCuB,sCE3xCvB,kCF8xCA,iBEvyCA,iCACA,wBACA,4BACA,WFsyCuB,sCEhyCvB,kBFkyCE,SACA,QACA,UACA,wBAIJ,WACE,aACA,mBACA,sBAGF,YACE,6BACA,cZpyCgB,6BYuyChB,eACE,CAII,kMADF,eACE,wBAKN,eACE,cACA,0BACA,yFAEA,oBAGE,sBAKN,4BACE,gCACA,iBACA,gBACA,cACA,aACA,+BAGF,YACE,4CAEA,qBACE,oFAIA,QACE,WACA,uDAGF,WACE,iBACA,gBACA,WACA,4BAKN,YACE,cACA,iBACA,kBACA,2BAGF,oBACE,gBACA,cACA,+BACA,eACA,oCACA,kCAEA,+BACE,gCAGF,aACE,eACA,cZr4CiB,kCYy4CnB,aACE,eACA,gBACA,WZ/4CI,CYo5CA,2NADF,eACE,oBAMR,iBACE,mDAEA,aACE,mBACA,gBACA,4BAIJ,UACE,kBACA,6JAGF,oBAME,4DAKA,UZp7CM,kBY07CN,UACE,iKAQF,yBACE,+BAIJ,aACE,gBACA,uBACA,0DAGF,aAEE,sCAGF,kBACE,gCAGF,aZp9CqB,cYs9CnB,iBACA,mBACA,gBACA,2EAEA,aAEE,uBACA,gBACA,uCAGF,cACE,WZt+CI,kCY2+CR,UACE,kBACA,iBAGF,WACE,UACA,kBACA,SACA,WACA,iBAGF,UACE,kBACA,OACA,MACA,YACA,eACA,CZx+CgB,gHYk/ChB,aZl/CgB,wBYs/ChB,UACE,wCAGF,kBZjgDsB,WAfhB,8CYohDJ,kBACE,qBACA,wBAKN,oBACE,gBACA,eACA,cZ3hDmB,eY6hDnB,iBACA,kBACA,4BAEA,aZlhDmB,6BYshDnB,cACE,gBACA,uBACA,uCAIJ,UACE,kBACA,CL5iDU,mEKmjDZ,aLnjDY,uBKujDZ,aLxjDc,4DK8jDV,4CACE,CADF,oCACE,8DAKF,6CACE,CADF,qCACE,6BAKN,aACE,gBACA,qBACA,mCAEA,UZnlDM,0BYqlDJ,8BAIJ,WACE,eAGF,aACE,eACA,gBACA,uBACA,mBACA,qBAGF,eACE,wBAGF,cACE,+DAKA,yBACE,eAIJ,iBACE,WACA,YACA,aACA,mBACA,uBACA,sBACA,6CAEA,cLzkD4B,eAEC,0DK0kD3B,sBACA,CADA,gCACA,CADA,kBACA,4BAGF,iBACE,qEAGF,YACE,iBAIJ,iBACE,WACA,YACA,aACA,mBACA,uBACA,qBAEA,cLjmD4B,eAEC,WKkmD3B,YACA,sBACA,CADA,gCACA,CADA,kBACA,iBAIJ,YACE,aACA,mBACA,cACA,eACA,cZhqDmB,wBYmqDnB,aZnqDmB,mBYuqDnB,aACE,4BAGF,oBACE,0CAGF,iBACE,6DAEA,iBACE,oBACA,qCACA,UACA,4EAGF,mBACE,gCACA,UACA,0BAKN,aACE,gBACA,iBACA,gBACA,gBACA,kCAGF,aACE,gBACA,gBACA,uBACA,+BAGF,aACE,qBACA,WAGF,oBACE,oBAGF,YACE,kBACA,2BAGF,+BACE,mBACA,SACA,gBAGF,kBZpuDqB,cYsuDnB,kBACA,uCACA,aACA,mBAEA,eACE,qBAGF,yBACE,oBAGF,yBACE,uBAGF,sBACE,sBAGF,sBACE,uBAIJ,iBACE,QACA,SACA,2BACA,4BAEA,UACE,gBACA,2BACA,0BZzwDiB,2BY6wDnB,WACE,iBACA,uBACA,yBZhxDiB,8BYoxDnB,QACE,iBACA,uBACA,4BZvxDiB,6BY2xDnB,SACE,gBACA,2BACA,2BZ9xDiB,wBYoyDnB,cACE,iBACA,cACA,iBACA,sBACA,qBACA,mBZ1yDiB,WAHb,gBYgzDJ,uBACA,mBACA,yFAEA,kBZlyDiB,cAfA,UYszDf,sCAKN,aACE,iBACA,gBACA,QACA,gBACA,aACA,yCAEA,eACE,mBZp0DiB,cYs0DjB,kBACA,mCACA,gBACA,kBACA,sDAGF,OACE,wDAIA,UACE,8CAIJ,cACE,iBACA,cACA,iBACA,sBACA,qBACA,mBZ71DiB,WAHb,gBYm2DJ,uBACA,mBACA,oDAEA,SACE,oDAGF,kBZz1DiB,cAfA,iBY+2DrB,qBACE,eAGF,YACE,cACA,mBACA,2BACA,gBACA,kBACA,4BAEA,iBACE,uBAGF,YACE,uBACA,WACA,YACA,iBACA,6BAEA,WACE,gBACA,oBACA,aACA,yBACA,gBACA,oCAEA,0BACE,oCAGF,cACE,YACA,oBACA,YACA,6BAIJ,qBACE,WACA,gBACA,cACA,aACA,sBACA,qCAEA,4BARF,cASI,qBAMR,kBACE,wBACA,CADA,eACA,MACA,UACA,cACA,qCAEA,mBAPF,gBAQI,+BAGF,eACE,qCAEA,6BAHF,kBAII,gKAMJ,WAIE,mCAIJ,YACE,mBACA,uBACA,YACA,SAGF,WACE,kBACA,sBACA,aACA,sBACA,qBAEA,kBZl9DwB,8BYo9DtB,+BACA,KAIJ,aACE,CACA,qBACA,WACA,YACA,aAJA,YAYA,CARA,QAGF,WACE,sBACA,CACA,qBACA,kBACA,cAGF,aACE,cACA,sBACA,cZ9+DmB,qBYg/DnB,kBACA,eACA,oCACA,iBAGF,aAEE,gBACA,qCAGF,cACE,SACE,iBAGF,aAEE,CAEA,gBACA,yCAEA,iBACE,uCAGF,kBACE,qDAKF,gBAEE,kBACA,YAKN,qBACE,aACA,mBACA,cACA,gBACA,iBAGF,aACE,cACA,CACA,sBACA,WZziEM,qBY2iEN,kBACA,eACA,gBACA,gCACA,2BACA,mDACA,qBAEA,eACE,eACA,qCAMA,mEAHF,kBAII,4BACA,yBAIJ,+BACE,cZhjEiB,sBYojEnB,eACE,aACA,qCAIJ,qBAEI,cACE,wBAKN,qBACE,WACA,YACA,cACA,6DAEA,UAEE,YACA,UACA,wCAGF,YACE,cACA,kDACA,qCAEA,uCALF,aAMI,yCAIJ,eACE,oCAGF,YACE,uDAGF,cACE,sCAGF,gBACE,eACA,CACA,2BACA,yCAGF,QACE,mCAGF,gBACE,yBAEA,kCAHF,eAII,sCAIJ,sBACE,gBACA,sCAGF,uCACE,YACE,iKAEA,eAGE,6CAIJ,gBACE,2EAGF,YAEE,kGAGF,gBACE,+BAGF,2BACE,gBACA,uCAEA,SACE,SACA,wCAGF,eACE,wCAGF,gBACE,iBACA,qDAGF,UACE,gLAGF,eAIE,gCAIJ,iBACE,6CAEA,cACE,8CAKF,gBACE,iBACA,6DAGF,UACE,CAIA,yFAGF,eACE,8DAGF,gBACE,kBACA,0BAMR,cACE,aACA,uBACA,mBACA,gBACA,iBACA,iBACA,gBACA,mBACA,WL/uEM,kBKivEN,eACA,iBACA,qBACA,sCACA,4FAEA,kBAGE,qCAIJ,UACE,UACE,uDAGF,kCACE,4DAGF,kBAGE,yBAGF,aACE,iBAGF,eAEE,sCAIJ,2CACE,YACE,sCAOA,sEAGF,YACE,uCAIJ,0CACE,YACE,uCAIJ,UACE,YACE,mBAIJ,iBACE,yBAEA,iBACE,SACA,UACA,mBZzyEiB,yBY2yEjB,gBACA,kBACA,eACA,gBACA,iBACA,WZl0EI,mDYu0ER,oBACE,gBAGF,WACE,gBACA,aACA,sBACA,yBACA,kBACA,gCAEA,gBACE,oBACA,cACA,gBACA,6BAGF,sBACE,8BAGF,MACE,kBACA,aACA,sBACA,iBACA,oBACA,oBACA,mDAGF,eACE,sBLx2EI,0BK02EJ,cACA,gDAGF,iBACE,gDAGF,WACE,mBAIJ,eACE,mBACA,yBACA,gBACA,aACA,sBACA,qBAEA,aACE,sBAGF,aACE,SACA,CACA,4BACA,cACA,qDAHA,sBAOA,gBAMF,WACA,kBAGA,+BANF,qBACE,UACA,CAEA,eACA,aAiBA,CAhBA,eAGF,iBACE,MACA,OACA,mBACA,CAGA,qBACA,CACA,eACA,WACA,YACA,kBACA,uBAEA,kBZp6EwB,0BYy6E1B,u1BACE,OACA,gBACA,aACA,8BAEA,aACE,sBACA,CADA,4DACA,CADA,kBACA,+BACA,CADA,2BACA,WACA,YACA,oBACA,eACA,yBACA,CADA,qBACA,CADA,oBACA,CADA,gBACA,sCAGF,yBAjBF,aAkBI,iBAIJ,kBACE,eACA,gBACA,iBAGF,aACE,eACA,mBACA,mBACA,aACA,mBACA,kBACA,mBAEA,iCACE,yBAEA,kBACE,mCACA,aAKN,iBACE,kBACA,cACA,iCACA,mCAEA,eACE,yBAGF,YAVF,cAWI,oBAGF,YACE,sBACA,qBAGF,aACE,kBACA,iBACA,yBAKF,uBADF,YAEI,sBAIJ,qBACE,WACA,mBACA,cZ9+EmB,eYg/EnB,cACA,eACA,oBACA,SACA,iBACA,aACA,SACA,UACA,UACA,2BAEA,yBACE,6BAIJ,kBACE,SACA,oBACA,cZngFmB,eYqgFnB,mBACA,eACA,kBACA,UACA,mCAEA,yBACE,wCAGF,kBACE,2BAIJ,oBACE,iBACA,2BAGF,iBACE,kCAGF,cACE,cACA,eACA,aACA,kBACA,QACA,UACA,eAGF,oBACE,kBACA,eACA,6BACA,SACA,UACA,yBACA,CADA,qBACA,CADA,oBACA,CADA,gBACA,gDACA,wCACA,iCAGF,QACE,mBACA,WACA,YACA,gBACA,UACA,kBACA,UACA,yBAGF,kBACE,WACA,wBACA,qBAGF,UACE,YACA,UACA,mBACA,yBZrlFwB,qCYulFxB,sEAGF,wBACE,4CAGF,wBZjlFqB,+EYqlFrB,wBACE,2BAGF,iBACE,WACA,YACA,MACA,SACA,gBACA,mBACA,cACA,SACA,UACA,6BACA,CAKA,uEAFF,SACE,6BAeA,CAdA,sBAGF,iBACE,WACA,YACA,MACA,SACA,gBACA,mBACA,cACA,WAGA,8CAGF,SACE,qBAGF,iBACE,QACA,SACA,WACA,YACA,yBACA,kBACA,sBACA,sBACA,yBACA,sCACA,4CAGF,SACE,qBZ7oFmB,cYipFrB,kBACE,WZpqFM,cYsqFN,eACA,aACA,qBACA,2DAEA,kBAGE,oBAGF,SACE,2BAGF,sBACE,cZnrFiB,kGYsrFjB,sBAGE,WZ5rFE,kCYgsFJ,aZ9qFiB,oBYorFrB,oBACE,iBACA,qBAGF,oBACE,kBACA,eACA,iBACA,gBACA,mBZ3sFwB,gBY6sFxB,iBACA,oBAGF,kBZjtF0B,cAiBR,iBYmsFhB,eACA,gBACA,eACA,yDAGF,kBZ1tF0B,cYguF1B,aACE,kBAGF,aZntFkB,cYqtFhB,8BACA,+BACA,4EAEA,0BAGE,CAHF,uBAGE,CAHF,kBAGE,kDAMA,sBACA,YACA,wDAEA,kBACE,8DAGF,cACE,sDAGF,cACE,0DAEA,aZjvFY,0BYmvFV,sDAIJ,oBACE,cZ3wFe,sMY8wFf,yBAGE,oDAKN,aZnwFgB,0BYywFhB,aACE,UACA,mCACA,CADA,0BACA,gBACA,6BAEA,cACE,cZnyFe,aYqyFf,gBACA,gCACA,sCAGF,oDACE,YACE,uCAIJ,oDACE,YACE,uCAIJ,yBA1BF,YA2BI,yCAGF,eACE,aACA,iDAEA,aZ9zFe,qBYq0FrB,eACE,gBACA,2BAEA,iBACE,aACA,wBAGF,kBACE,yBAGF,oBACE,gBACA,yBACA,yBACA,eAIJ,aACE,sBACA,WACA,SACA,WZj2FM,gBOCA,aKm2FN,oBACA,eACA,gBACA,SACA,UACA,kBACA,qBAEA,SACE,qCAGF,cAnBF,cAoBI,oDAIJ,uBACE,YACA,6CACA,uBACA,sBACA,WACA,0DAEA,sBACE,0DAKJ,uBACE,2BACA,gDAGF,aZj3FsB,6BYm3FpB,uDAGF,aZ33FqB,cY+3FrB,YACE,eACA,yBACA,kBACA,cZ/3FgB,gBYi4FhB,qBACA,gBACA,uBAEA,QACE,OACA,kBACA,QACA,MAIA,iDAHA,YACA,uBACA,mBAUE,CATF,0BAEA,yBACE,kBACA,iBACA,cAIA,sDAGF,cAEE,cZ96Fe,uBYg7Ff,SACA,cACA,qBACA,eACA,iBACA,sMAEA,UZ17FE,yBYi8FJ,cACE,kBACA,YACA,eAKN,cACE,qBAEA,kBACE,oBAIJ,cACE,cACA,qBACA,WACA,YACA,SACA,2BAIA,UACE,YACA,qBAIJ,aACE,gBACA,kBACA,cZj+FmB,gBYm+FnB,uBACA,mBACA,qBACA,uBAGF,aACE,gBACA,2BACA,2BAGF,aZ/+FqB,oBYm/FrB,aACE,eACA,eACA,gBACA,uBACA,mBACA,qBAGF,cACE,mBACA,kBACA,yBAEA,cACE,kBACA,yBACA,QACA,SACA,+BACA,yBAIJ,aACE,6CAEA,UACE,mDAGF,yBACE,6CAGF,mBACE,sBAIJ,oBACE,kCAEA,QACE,4CAIA,oBACA,0CAGF,kBACE,0CAGF,aACE,6BAIJ,wBACE,2BAGF,yBACE,cACA,SACA,WACA,YACA,oBACA,CADA,8BACA,CADA,gBACA,sBACA,wBACA,YAGF,aACE,cZ7iGgB,6BY+iGhB,SACA,kBACA,kBACA,oBACA,SACA,aACA,sBACA,WACA,WACA,qBACA,kBAEA,kBACE,WAIJ,+BACE,yBAGF,iBACE,eACA,gBACA,cZvkGgB,mBAjBQ,eY2lGxB,aACA,cACA,sBACA,mBACA,uBACA,aACA,qEAGE,aAEE,WACA,aACA,SACA,yCAIJ,gBACE,gCAGF,eACE,uCAEA,aACE,mBACA,cZrmGY,qCYymGd,cACE,gBACA,yBAKN,iBACE,cACA,uCAGE,aACE,WACA,kBACA,SACA,OACA,QACA,cACA,UACA,oBACA,YACA,UACA,kFACA,gBAKN,YACE,eACA,mBACA,cACA,eACA,kBACA,UACA,UACA,gBACA,2BACA,4BACA,uBAEA,QACE,SACA,yBACA,cACA,uBACA,aACA,gBACA,uBACA,gBACA,mBACA,OACA,4CAGF,aZrqGmB,uBYyqGnB,sCACE,4CAEA,aZ5qGiB,yCY8qGf,4CAIJ,SAEE,yBAIJ,WACE,aACA,uBAGF,kBACE,iCAGF,iBACE,wBAGF,kBACE,SACA,cZttGmB,eYwtGnB,eACA,eACA,8BAEA,aACE,CAKA,kEAEA,UZvuGI,mBYyuGF,6BAKN,eACE,gBACA,gBACA,cZ9uGmB,0DYgvGnB,UACA,uCAEA,YACE,WACA,uCAGF,iBACE,gCAGF,QACE,uBACA,SACA,6BACA,cACA,mCAIJ,kBACE,aACA,mCAIA,aZ3wGmB,0BY6wGjB,gCAIJ,WACE,4DAEA,cACE,uEAEA,eACE,WAKN,oBACE,UACA,oBACA,kBACA,cACA,SACA,uBACA,eACA,sBAGF,oBACE,iBACA,oBAGF,aZ1xGkB,eY4xGhB,gBACA,iBACA,kBACA,QACA,SACA,+BACA,yBAEA,aACE,WACA,CACA,0BACA,oBACA,mBACA,4BAIJ,iBACE,QACA,SACA,+BACA,WACA,YACA,sBACA,6BACA,CACA,wBACA,kBACA,2CAGF,2EACE,CADF,mEACE,8CAGF,4EACE,CADF,oEACE,qCAGF,GACE,sBACE,KAGF,2BACE,KAGF,2BACE,KAGF,yBACE,IAGF,wBACE,EArBF,4BAGF,GACE,sBACE,KAGF,2BACE,KAGF,2BACE,KAGF,yBACE,IAGF,wBACE,uCAIJ,GACE,wBACE,KAGF,0BACE,KAGF,2BACE,KAGF,uBACE,IAGF,sBACE,EAtBA,6BAIJ,GACE,wBACE,KAGF,0BACE,KAGF,2BACE,KAGF,uBACE,IAGF,sBACE,mCAIJ,GACE,OACE,SACA,yBACA,KAGF,wBACE,KAGF,UACE,YACA,6BACA,kBACA,UACA,IAGF,UACE,YACA,eACA,UACA,6BACA,EA5BA,yBAIJ,GACE,OACE,SACA,yBACA,KAGF,wBACE,KAGF,UACE,YACA,6BACA,kBACA,UACA,IAGF,UACE,YACA,eACA,UACA,6BACA,kCAIJ,GACE,gBACA,aACA,aAPE,wBAIJ,GACE,gBACA,aACA,gCAGF,kBACE,gBZx6GM,WADA,eY46GN,aACA,sBACA,YACA,uBACA,eACA,kBACA,kBACA,YACA,gBAGF,eZt7GQ,cAEa,SYu7GnB,UACA,WACA,YACA,kBACA,wBACA,CADA,oBACA,CADA,eACA,iEAEA,SAGE,cACA,yBAIJ,aACE,eACA,yBAGF,aACE,eACA,gBACA,iBAGF,KACE,OACA,WACA,YACA,kBACA,YACA,2BAEA,aACE,SACA,QACA,WACA,YACA,6BAGF,mBACE,yBAGF,YACE,0BAGF,aACE,uBACA,WACA,YACA,SACA,iCAEA,oBACE,8BACA,kBACA,iBACA,WZv/GE,gBYy/GF,eACA,+LAMA,6BACE,mEAKF,6BACE,6BAMR,kBACE,iBAGF,kBACE,6BACA,gCACA,aACA,mBACA,eACA,kDAGF,aAEE,kBACA,yBAGF,kBACE,aACA,2BAGF,aZliHqB,eYoiHnB,cACA,gBACA,mBACA,kDAIA,kBACE,oDAIA,SEtiHF,sBACA,WACA,SACA,gBACA,oBACA,mBdbwB,cAFL,eckBnB,SACA,+EFgiHI,aACE,CEjiHN,qEFgiHI,aACE,CEjiHN,yEFgiHI,aACE,CEjiHN,0EFgiHI,aACE,CEjiHN,gEFgiHI,aACE,sEAGF,QACE,yLAGF,mBAGE,0DAGF,kBACE,qCAGF,mDArBF,cAsBI,yDAIJ,aZvjHc,iBYyjHZ,eACA,4DAGF,gBACE,wDAGF,kBACE,gEAEA,cACE,iNAEA,kBAGE,cACA,gHAKN,aZnmHiB,0HYwmHjB,cAEE,gBACA,cZxlHY,kZY2lHZ,aAGE,gEAIJ,wBACE,iDAGF,eL3nHI,kBO0BN,CAEA,eACA,cdHiB,uCcKjB,UF8lHI,mBZ3nHe,oDc+BnB,adPiB,ecSf,gBACA,mBACA,oDAGF,aACE,oDAGF,kBACE,oDAGF,eACE,WdlDI,sDYkoHJ,WACE,mDAGF,UZtoHI,kBYwoHF,eACA,8HAEA,kBAEE,iCAON,kBACE,mBAIJ,UZzpHQ,kBY2pHN,cACA,mBACA,sBZ5pHM,eY8pHN,gBACA,YACA,kBACA,WACA,yBAEA,SACE,iBAIJ,aACE,iBACA,wBAGF,aZ5qHqB,qBY8qHnB,mBACA,gBACA,sBACA,uCAGF,aZjqHkB,mBAjBQ,kBYsrHxB,aACA,eACA,gBACA,eACA,aACA,cACA,mBACA,uBACA,yBAEA,sCAdF,cAeI,kDAGF,eACE,2CAGF,aZ3rHmB,qBY6rHjB,uDAEA,yBACE,eAKN,qBACE,8BAGF,GACE,kBACE,2CACA,CADA,kCACA,KAGF,oBACE,0CACA,CADA,iCACA,KAGF,oBACE,2CACA,CADA,kCACA,KAGF,oBACE,0CACA,CADA,iCACA,KAGF,kBACE,2CACA,CADA,kCACA,EA1BF,qBAGF,GACE,kBACE,2CACA,CADA,kCACA,KAGF,oBACE,0CACA,CADA,iCACA,KAGF,oBACE,2CACA,CADA,kCACA,KAGF,oBACE,0CACA,CADA,iCACA,KAGF,kBACE,2CACA,CADA,kCACA,mCAIJ,8BACE,2DACA,CADA,kDACA,iCAGF,MACE,sBAEE,0BACA,KAGF,sBACE,aAGF,uBAGE,aAGF,sBAGE,KAGF,uBACE,KAGF,sBACE,EA/BF,wBAGF,MACE,sBAEE,0BACA,KAGF,sBACE,aAGF,uBAGE,aAGF,sBAGE,KAGF,uBACE,KAGF,sBACE,kCAIJ,yBACE,8EACA,CADA,qEACA,8BAGF,eL/xHQ,kBKiyHN,sCACA,kBACA,eACA,UACA,iDAEA,2BACE,2DAGF,UACE,mCAIJ,iBACE,SACA,WACA,eACA,yCAGF,iBACE,UACA,SACA,UACA,gBL3zHM,kBK6zHN,sCACA,gBACA,gDAEA,aACE,eACA,SACA,gBACA,uBACA,iKAEA,4BAGE,2DAIJ,WACE,wBAKF,2BACE,cAIJ,kBACE,8BACA,aACA,YACA,uBACA,OACA,UACA,kBACA,MACA,kBACA,WACA,aACA,gBAEA,mBACE,oBAIJ,WACE,aACA,aACA,sBACA,kBACA,YACA,0BAGF,iBACE,MACA,QACA,SACA,OACA,WACA,kBACA,mBZz3HwB,kCY23HxB,uBAGF,MACE,aACA,mBACA,uBACA,cZp4HmB,eYs4HnB,gBACA,0BACA,kBACA,kBAGF,YACE,cZ74HmB,gBY+4HnB,aACA,sBAEA,cACE,kBACA,uBAGF,cACE,gBACA,cACA,0BAIJ,aACE,4BAGF,UACE,WACA,kBACA,mBZz5HsB,kBY25HtB,eACA,2BAGF,iBACE,OACA,MACA,WACA,mBZh6HmB,kBYk6HnB,eAGF,aACE,eACA,iBACA,gBACA,WACA,UACA,eACA,0CAEA,mBAEE,mBAGF,8BACE,CADF,sBACE,WACA,cACA,CACA,UACA,YACA,eACA,CAQE,6GAKN,SACE,oBACA,CADA,WACA,6BAGF,iBACE,gBL99HM,uCKg+HN,kBACA,iBACA,gBACA,iCAEA,yBACE,oCAGF,sBACE,2BAIJ,UZ/+HQ,aYi/HN,eACA,aACA,kEAEA,kBZn+HmB,WAlBb,UYy/HJ,CZz/HI,4RY8/HF,UZ9/HE,wCYogIN,kBACE,iCAIJ,YACE,mBACA,uBACA,kBACA,oCAGF,aACE,cZ9gImB,2CYihInB,eACE,cACA,WZthII,CY2hIA,wQADF,eACE,mDAON,eLjiIM,0BKmiIJ,qCACA,gEAEA,eACE,0DAGF,kBZzhIiB,uEY4hIf,UZ9iIE,uDYojIN,yBACE,sDAGF,aACE,sCACA,SAIJ,iBACE,gBAGF,SErjIE,sBACA,WACA,SACA,gBACA,oBACA,mBdbwB,cAFL,eckBnB,SACA,cF+iIA,CACA,2BACA,iBACA,eACA,2CAEA,aACE,CAHF,iCAEA,aACE,CAHF,qCAEA,aACE,CAHF,sCAEA,aACE,CAHF,4BAEA,aACE,kCAGF,QACE,6EAGF,mBAGE,sBAGF,kBACE,qCAGF,eA3BF,cA4BI,kCAKF,QACE,qDAGF,mBAEE,mBAGF,iBACE,SACA,WACA,UACA,qBACA,UACA,0BACA,sCACA,eACA,WACA,YACA,cZpnIiB,eYsnIjB,oBACA,0BAEA,mBACE,WACA,0BAIJ,uBACE,iCAEA,mBACE,uBACA,gCAIJ,QACE,uBACA,cZtnIkB,eYwnIlB,uCAEA,uBACE,sCAGF,aACE,yBAKN,aZroIkB,mBYuoIhB,aACA,gBACA,eACA,eACA,6BAEA,oBACE,iBACA,0BAIJ,iBACE,6BAEA,kBACE,gCACA,eACA,aACA,aACA,gBACA,eACA,cZ7pIc,iCYgqId,oBACE,iBACA,8FAIJ,eAEE,0BAIJ,aACE,aACA,cZjsImB,qBYmsInB,+FAEA,aAGE,0BACA,uBAIJ,YACE,cZ9sImB,kBYgtInB,aAGF,iBACE,8BACA,oBACA,aACA,sBAGF,cACE,MACA,OACA,QACA,SACA,8BACA,wBAGF,cACE,MACA,OACA,WACA,YACA,aACA,sBACA,mBACA,uBACA,2BACA,aACA,oBACA,yBACA,CADA,qBACA,CADA,oBACA,CADA,gBACA,oBAGF,mBACE,aACA,aACA,yBAGF,eACE,iBACA,yBAGF,UACE,cAGF,UACE,YACA,kBACA,qCAEA,UACE,YACA,aACA,mBACA,uBACA,2CAEA,cL7tI0B,eAEC,CKuuI7B,8CALF,iBACE,MACA,OACA,QACA,SAYA,CAXA,yBAQA,mBACA,8BACA,oBACA,4BAEA,mBACE,0DAGF,SACE,4DAEA,mBACE,mBAKN,6BACE,sBACA,SACA,WZ1zIM,eY4zIN,aACA,mBACA,eACA,cACA,cACA,kBACA,kBACA,MACA,SACA,yBAGF,MACE,0BAGF,OACE,CASA,4CANF,UACE,kBACA,kBACA,OACA,YACA,oBAUA,6BAEA,WACE,sBAGF,mBACE,qBACA,gBACA,cZr2IiB,mFYw2IjB,yBAGE,wBAKN,oBACE,sBAGF,qBZv3IQ,YYy3IN,WACA,kBACA,YACA,UACA,SACA,YACA,8BAGF,wBZh3IqB,qBYo3IrB,iBACE,UACA,QACA,YACA,6CAGF,kBZ14IqB,WAHb,kBYk5IN,gBACA,aACA,sBACA,oBAGF,WACE,WACA,gBACA,iBACA,kBACA,wBAEA,iBACE,MACA,OACA,WACA,YACA,sBACA,aACA,aACA,CAGA,YACA,UACA,yBACA,CADA,qBACA,CADA,oBACA,CADA,gBACA,2CANA,qBACA,mBACA,uBAaF,CATE,mBAIJ,YACE,CAGA,iBACA,mDAGF,aAEE,mBACA,aACA,aACA,2DAEA,cACE,uLAGF,aZj8ImB,SYo8IjB,eACA,gBACA,kBACA,oBACA,YACA,aACA,kBACA,6BACA,+mBAEA,aAGE,yBACA,CZr9IE,wyEY49IF,UAGE,sBAMR,sBACE,eAGF,iBACE,eACA,mBACA,sBAEA,eACE,WZ/+II,kBYi/IJ,eACA,qBAGF,kBZh/IwB,cAFL,gBYq/IjB,aACA,kBACA,kBAIJ,oBACE,eACA,gBACA,iBACA,wFAGF,kBAME,WZ3gJM,kBY6gJN,gBACA,eACA,YACA,kBACA,sBACA,4NAEA,aACE,eACA,mBACA,wLAGF,WACE,UACA,kBACA,SACA,WACA,kRAGF,aACE,wBAKF,eLviJM,CPEa,gBYwiJjB,oBACA,iEL3iJI,2BPEa,yBYijJrB,iBACE,aACA,iCAEA,wBACE,CADF,qBACE,CADF,oBACE,CADF,gBACE,gBACA,2GAIJ,YAIE,8BACA,mBZhkJmB,aYkkJnB,iBACA,2HAEA,aACE,iBACA,cZvkJiB,mBYykJjB,2IAGF,aACE,6BAIJ,cACE,2BAGF,WACE,eACA,0BAGF,gBAEE,sDAGF,qBAEE,eAGF,UACE,gBACA,0BAGF,YACE,6BACA,qCAEA,yBAJF,cAKI,gBACA,iDAIJ,qBAEE,UACA,qCAEA,+CALF,UAMI,sDAIJ,aAEE,gBACA,gBACA,gBACA,kBACA,2FAEA,aZtnJmB,iLY0nJnB,UZ5oJM,qCYipJN,oDAjBF,eAkBI,sCAKF,4BADF,eAEI,yBAIJ,YACE,+BACA,gBACA,0BAEA,cACE,iBACA,mBACA,sCAGF,aACE,sBACA,WACA,CACA,UZ3qJI,gBOCA,aK6qJJ,oBACA,eACA,YACA,CACA,SACA,kBACA,yBACA,iBACA,gBACA,gBACA,4CAEA,wBACE,+CAGF,eL7rJI,yBK+rJF,mBACA,kBACA,6DAEA,QACE,gBACA,gBACA,mEAEA,QACE,0DAIJ,UZ9sJE,oBYgtJA,eACA,gBLhtJA,+CKqtJJ,YACE,8BACA,mBACA,4CAIJ,aACE,WZ9tJI,eYguJJ,gBACA,mBACA,wCAGF,eACE,mBACA,+CAEA,UZzuJI,eY2uJF,qCAIJ,uBAnFF,YAoFI,eACA,QACA,wCAEA,iBACE,iBAKN,eACE,eACA,wBAEA,eACE,iBACA,2CAGF,eACE,mBAGF,eACE,cACA,gBACA,+BAEA,4BACE,4BAGF,QACE,oCAIA,UZrxJE,aYuxJA,kBACA,eACA,mBACA,qBACA,8EAEA,eAEE,yWAOA,kBZpxJW,WAlBb,uDY6yJA,iBACE,oMAUR,aACE,iIAIJ,4BAIE,cZ9zJmB,eYg0JnB,gBACA,6cAEA,aAGE,6BACA,qGAIJ,YAIE,eACA,iIAEA,eACE,CAII,w1BADF,eACE,sDAMR,iBAEE,oDAKA,eACE,0DAGF,eACE,mBACA,aACA,mBACA,wEAEA,UZj3JI,CYm3JF,gBACA,uBAKN,YACE,2CAEA,QACE,WACA,cAIJ,wBZh3JqB,WYk3JnB,kBACA,MACA,OACA,aACA,6BAGF,aACE,kBACA,WZ74JM,8BY+4JN,WACA,SACA,gBACA,kBACA,eACA,gBACA,UACA,oBACA,WACA,4BACA,iBACA,2DAKE,YACE,wDAKF,SACE,uBAKN,eACE,6BAEA,UACE,kBAIJ,YACE,eACA,yBACA,kBACA,gBACA,gBACA,wBAEA,aACE,cZt6Jc,iBYw6Jd,eACA,+BACA,aACA,sBACA,mBACA,uBACA,eACA,4BAEA,aACE,wBAIJ,eACE,CACA,qBACA,aACA,sBACA,uBACA,2BAEA,aACE,cACA,0BAGF,oBACE,cZp8JY,gBYs8JZ,gCAEA,yBACE,0BAKN,QACE,eACA,iDAEA,SACE,cACA,8BAGF,aZv9Jc,gBY+9JhB,cACA,CACA,iBACA,CACA,UACA,qCANF,qBACE,CACA,eACA,CACA,iBAYA,CAVA,qBAGF,QACE,CACA,aACA,WACA,CACA,iBAEA,qEAGE,cACE,MACA,gCAKN,cACE,cACA,qBACA,cZ9gKmB,kBYghKnB,UACA,mEAEA,WAEE,WACA,CAIA,2DADF,mBACE,CADF,8BACE,CADF,gBZ3hKM,CY4hKJ,wBAIJ,UACE,YACA,CACA,iBACA,MACA,OACA,UACA,gBZviKM,iCY0iKN,YACE,sBAIJ,WACE,gBACA,kBACA,WACA,qCAGF,cACE,YACA,oBACA,CADA,8BACA,CADA,gBACA,kBACA,QACA,2BACA,WACA,UACA,sCAGF,0BACE,2BACA,gBACA,kBACA,qKAMA,WAEE,mFAGF,WACE,eAKJ,qBACE,kBACA,mBACA,kBACA,oBACA,cACA,wBAEA,eACE,YACA,yBAGF,cACE,kBACA,gBACA,gCAEA,UACE,cACA,kBACA,6BACA,WACA,SACA,OACA,oBACA,qCAIJ,oCACE,iCAGF,wBACE,uCAIA,mBACA,mBACA,6BACA,0BACA,eAIJ,eACE,kBACA,gBLxoKM,eK0oKN,kBACA,sBACA,cACA,wBAEA,eACE,sBACA,qBAGF,SACE,qBAGF,eACE,gBACA,UACA,0BAGF,oBACE,sBACA,SACA,gCAEA,wBACE,0BACA,qBACA,sBACA,UACA,4BAKF,qBACE,CADF,gCACE,CADF,kBACE,kBACA,QACA,2BACA,yBAIJ,iBACE,UACA,SACA,OACA,QACA,sBACA,iFACA,eACA,UACA,4BACA,gCAEA,SACE,6EAKF,iBAEE,wBAIJ,YACE,kBACA,MACA,OACA,WACA,YACA,UACA,SACA,gBZptKI,cAEa,gBYqtKjB,oBACA,+BAEA,aACE,oBACA,8GAEA,aAGE,+BAIJ,aACE,eACA,kCAGF,aACE,eACA,gBACA,4BAIJ,YACE,8BACA,oBACA,0DAEA,aACE,wBAIJ,cACE,mBACA,gBACA,uBACA,oCAGE,cACE,qCAKF,eACE,+BAIJ,sBACE,iBACA,eACA,SACA,0BACA,8GAEA,ULpxKE,+EK4xKN,cAGE,gBACA,6BAGF,ULnyKM,iBKqyKJ,yBAGF,oBACE,aACA,mDAGF,UL7yKM,uBKkzKN,cACE,YACA,eACA,8BAEA,UACE,WACA,+BAOA,6DANA,iBACA,cACA,kBACA,WACA,UACA,YAWA,CAVA,+BASA,kBACA,+BAGF,iBACE,UACA,kBACA,WACA,YACA,YACA,UACA,4BACA,mBACA,sCACA,oBACA,qBAIJ,gBACE,uBAEA,oBACE,eACA,gBACA,WLl2KE,sFKq2KF,yBAGE,qBAKN,cACE,YACA,kBACA,4BAEA,UACE,WACA,+BACA,kBACA,cACA,kBACA,WACA,SACA,2DAGF,aAEE,kBACA,WACA,kBACA,SACA,mBACA,6BAGF,6BACE,6BAGF,iBACE,UACA,UACA,kBACA,WACA,YACA,QACA,iBACA,4BACA,mBACA,sCACA,oBACA,CAGE,yFAKF,SACE,6GAQF,gBACE,oBACA,kBAON,UACE,cACA,+BACA,0BAEA,UACE,qCAGF,iBATF,QAUI,mBAIJ,qBACE,mBACA,uBAEA,YACE,kBACA,gBACA,gBACA,2BAEA,aACE,WACA,YACA,SACA,oBACA,CADA,8BACA,CADA,gBACA,uBAIJ,YACE,mBACA,mBACA,aACA,6BAEA,aACE,aACA,mBACA,qBACA,gBACA,qCAGF,UACE,eACA,cACA,+BAGF,aACE,WACA,YACA,gBACA,mCAEA,UACE,YACA,cACA,SACA,kBACA,mBACA,oBACA,CADA,8BACA,CADA,gBACA,qCAIJ,gBACE,gBACA,4CAEA,cACE,WZ7/KF,gBY+/KE,gBACA,uBACA,0CAGF,aACE,eACA,cZngLW,gBYqgLX,gBACA,uBACA,yBAKN,kBZ1gLsB,aY4gLpB,mBACA,uBACA,gDAEA,YACE,cACA,eACA,mDAGF,qBACE,kBACA,gCACA,WACA,gBACA,mBACA,gBACA,uBACA,qDAEA,YACE,iEAEA,cACE,sDAIJ,YACE,6BAOV,YACE,eACA,gBACA,wBAGF,QACE,sBACA,cACA,kBACA,kBACA,gBACA,WACA,+BAEA,iBACE,QACA,SACA,+BACA,eACA,sDAIJ,kBAEE,gCACA,eACA,aACA,cACA,oEAEA,kBACE,SACA,SACA,6HAGF,aAEE,cACA,cZ3lLiB,eY6lLjB,eACA,gBACA,kBACA,qBACA,kBACA,yJAEA,aZpmLiB,qWYumLf,aAEE,WACA,kBACA,SACA,SACA,QACA,SACA,2BACA,CAEA,4CACA,CADA,kBACA,CADA,wBACA,iLAGF,WACE,6CACA,8GAKN,kBACE,gCACA,qSAKI,YACE,iSAGF,4CACE,cAOV,kBZ9oL0B,sBYipLxB,iBACE,4BAGF,aACE,eAIJ,cACE,kBACA,qBACA,cACA,iBACA,eACA,mBACA,gBACA,uBACA,eACA,oEAEA,YAEE,sBAGF,oBACE,kBACA,yBACA,sBACA,WACA,YACA,cACA,kBACA,SACA,kBACA,sBACA,8BAEA,oBACE,mBACA,2BAKN,eACE,gBAGF,eLvsLQ,kBO0BN,CACA,sBACA,gBACA,cdHiB,uCcKjB,mBAEA,adPiB,ecSf,gBACA,mBACA,mBAGF,aACE,mBAGF,kBACE,mBAGF,eACE,WdlDI,UY4sLR,iBACE,cAEA,WACE,WACA,sCACA,CADA,6BACA,cAGF,cACE,iBACA,cZptLiB,gBYstLjB,gBAEA,aZzsLiB,0BY2sLf,sBAEA,oBACE,4BAMR,GACE,cACA,eACA,WATM,mBAMR,GACE,cACA,eACA,qEAGF,kBAIE,sBAEE,8BACA,iBAGF,0BACE,kCACA,+BAIA,qDACE,uEACA,+CAGF,sBACE,8BACA,6DAIA,6BACE,6CACA,4EAIF,6BACE,6CACA,+CAOJ,gBAEE,+BAGF,gBACE,6CAEA,0BACE,wDAGF,eACE,6DAGF,iBACE,iBACA,2EAIA,mBACE,UACA,gCACA,WACA,0FAGF,mBACE,UACA,oCACA,eAOV,UACE,eACA,gBACA,iBAEA,YACE,gBACA,eACA,kBACA,sCAGF,YACE,4CAEA,kBACE,yDAGF,SACE,sBACA,cACA,WACA,SACA,aACA,gDACA,mBZl1LoB,WALlB,eY01LF,CACA,eACA,kBACA,2EAEA,QACE,wMAGF,mBAGE,+DAGF,kBACE,qCAGF,wDA7BF,cA8BI,4DAIJ,WACE,eACA,gBACA,SACA,kBACA,sBAMJ,sBACA,mBACA,6BACA,gCACA,+BAEA,iBACE,iBACA,cZ/2Lc,CYk3Ld,eACA,eACA,oCAEA,aACE,gBACA,uBACA,oCAIJ,UACE,kBACA,uDAGF,iBACE,qDAGF,eACE,qBAKF,wBACA,aACA,2BACA,mBACA,mBACA,2BAEA,aACE,iCAEA,UACE,uCAEA,SACE,kCAKN,aACE,cACA,mBAIJ,cACE,kBACA,MACA,OACA,WACA,YACA,8BACA,cAGF,kBZh8L0B,sBYk8LxB,kBACA,uCACA,YACA,gBACA,qCAEA,aARF,SASI,kBAGF,cACE,mBACA,gBACA,eACA,kBACA,0BACA,6BAGF,WACE,6BAGF,yBACE,sCAEA,uBACE,uCACA,wBACA,wBAIJ,eACE,kDAIA,oBACE,+BAIJ,cACE,sBAGF,eACE,aAIJ,kBZt/L0B,sBYw/LxB,kBACA,uCACA,YACA,gBACA,qCAEA,YARF,SASI,uBAGF,kBACE,oBAGF,kBACE,YACA,0BACA,gBACA,mBAGF,YACE,gCACA,4BAGF,YACE,iCAGF,aACE,gBACA,qBACA,eACA,aACA,cAIJ,iBACE,YACA,gBACA,YACA,aACA,uBACA,mBACA,gBL3iMM,yDK8iMN,aAGE,gBACA,WACA,YACA,SACA,sBACA,CADA,gCACA,CADA,kBACA,gBLtjMI,uBK0jMN,iBACE,YACA,aACA,+BACA,iEACA,kBACA,wCACA,uBAGF,iBACE,WACA,YACA,MACA,OACA,uBAGF,iBACE,YACA,WACA,UACA,YACA,4BACA,6BAEA,UACE,8BAGF,UZxlMI,eY0lMF,gBACA,cACA,kBACA,2BAGF,iBACE,mCACA,qCAIJ,oCACE,eAEE,uBAGF,YACE,4BAKN,aZ/mMqB,eYinMnB,gBACA,gBACA,kBACA,qBACA,6BAEA,kBACE,wCAEA,eACE,6BAIJ,aACE,0BACA,mCAEA,oBACE,kBAKN,eACE,2BAEA,UACE,8FAEA,8BAEE,CAFF,sBAEE,wBAIJ,iBACE,SACA,UACA,yBAGF,eACE,aACA,kBACA,mBACA,6BAEA,mBACE,CADF,8BACE,CADF,gBACE,cACA,WACA,YACA,SACA,uBAIJ,iBACE,mBACA,YACA,gCACA,+BAEA,aACE,cACA,WACA,iBACA,gDAEA,kBACE,yBACA,wBAKN,YACE,uBACA,gBACA,iBACA,iCAEA,YACE,mBACA,iBACA,gBACA,8CAEA,wBACE,kBACA,uBACA,YACA,yCAGF,YACE,8BAIJ,WACE,4CAEA,kBACE,wCAGF,UACE,YACA,iCAGF,cACE,iBACA,WZtuMA,gBYwuMA,gBACA,mBACA,uBACA,uCAEA,aACE,eACA,cZ5uMW,gBY8uMX,gBACA,uBACA,gCAKN,aACE,uBAIJ,eACE,cACA,iDAGE,qBACA,WZnwME,gDYuwMJ,QACE,6BACA,kDAEA,aACE,yEAGF,uBACE,4DAGF,aZ1wMU,yBYgxMd,cACE,gCAEA,cACE,cZ1xMe,eY4xMf,kCAEA,oBACE,cZ/xMa,qBYiyMb,iBACA,gBACA,yCAEA,eACE,WZzyMF,iBYkzMN,aZ5xMgB,mBY8xMd,gCACA,gBACA,aACA,eACA,eACA,qBAEA,oBACE,iBACA,eAIJ,YACE,mBACA,aACA,gCACA,0BAEA,eACE,qBAGF,aACE,cZtzMY,gBYwzMZ,uBACA,mBACA,4BAEA,eACE,uBAGF,aZn1Me,qBYq1Mb,eACA,gBACA,cACA,gBACA,uBACA,mBACA,qGAKE,yBACE,wBAMR,aACE,eACA,iBACA,gBACA,iBACA,mBACA,gBACA,cZ92Me,0BYk3MjB,aACE,WACA,2CAEA,mCACE,yBACA,0CAGF,wBACE,eAMR,YACE,gCACA,CACA,iBACA,qBAEA,kBACE,UACA,uBAGF,aACE,CACA,sBACA,kBACA,uBAGF,oBACE,mBZt4MiB,kBYw4MjB,cACA,eACA,wBACA,wBAGF,aACE,CACA,0BACA,gBACA,8BAEA,eACE,aACA,2BACA,8BACA,uCAGF,cACE,cZ36Me,kBY66Mf,+BAGF,aZh7MiB,eYk7Mf,mBACA,gBACA,uBACA,kBACA,gBACA,YACA,iCAEA,UZ77ME,qBY+7MA,oHAEA,yBAGE,0BAKN,qBACE,uBAIJ,kBACE,6BAEA,kBACE,oDAGF,eACE,6DAGF,UZz9MI,OeDR,eACE,eACA,UAEA,kBACE,kBACA,cAGF,iBACE,MACA,OACA,YACA,qBACA,kBACA,mBACA,sBAEA,kBACE,aAIJ,iBACE,aACA,cACA,iBACA,eACA,gBACA,gEAEA,YAEE,gCAGF,aACE,8BAGF,aACE,sBACA,WACA,eACA,Wf3CE,Ue6CF,oBACA,gBR7CE,sBQ+CF,kBACA,iBACA,oCAEA,oBflCe,wBeuCjB,cACE,sBAGF,YACE,mBACA,iBACA,cAIJ,oBACE,kBACA,yBACA,sBACA,WACA,YACA,cACA,kBACA,SACA,kBACA,sBACA,gBACA,mBACA,cACA,uBAEA,iBACE,qBAGF,oBf/EY,8EeoFZ,gBAGE,gBACA,gCAGF,mBACE,SACA,wCAGF,mBAEE,eAIJ,oBACE,WACA,gBACA,CACA,oBACA,iBACA,gBACA,mBACA,cACA,mBAGF,UACE,iBACA,eAGF,eACE,mBACA,cf5Gc,aegHhB,cACE,uBACA,UACA,SACA,SACA,cfrHc,0BeuHd,kBACA,mBAEA,oBACE,sCAGF,kCAEE,eAIJ,WACE,eACA,kBACA,eACA,6BAIJ,yBACE,gCAEA,YACE,2CAGF,yBACE,aACA,aACA,mBACA,mGAEA,YAEE,+GAEA,oBfjKe,sDeuKnB,cACE,gBACA,iBACA,YACA,oBACA,cfvKkB,sCe0KlB,gCAGF,YACE,mBACA,4CAEA,aACE,wBACA,iBACA,oCAIJ,uBACE,CADF,oBACE,CADF,eACE,sBACA,eACA,WflNI,qBeoNJ,WACA,UACA,oBACA,qXACA,sBACA,kBACA,CACA,yBACA,mDAGF,UACE,cAIJ,af9MkB,qBeiNhB,+BACE,6BAEA,8BACE,eC5ON,k1BACE,aACA,sBACA,aACA,UACA,yBAGF,YACE,OACA,sBACA,yBACA,2BAEA,MACE,iBACA,qCAIJ,gBACE,YACE,cCtBJ,cACE,qBACA,WjBDM,2BiBIN,qBAEE,iBACA,+BAGF,WACE,iBAIJ,sBACE,6BAEA,uBACE,2BACA,4BACA,mBjBlBiB,4BiBsBnB,oBACE,8BACA,+BACA,aACA,qBAIJ,YACE,8BACA,cACA,cjBjCmB,ciBmCnB,oBAGF,iBACE,OACA,kBACA,iBACA,gBACA,8BACA,eACA,0BAEA,aACE,6BAIJ,ajBrCqB,mCiBwCnB,aACE,oDAGF,WACE,wBAIJ,iBACE,YACA,OACA,WACA,WACA,yBjBtDmB,uBiB2DnB,oBACE,WACA,eACA,yBAGF,iBACE,gBACA,oBAIJ,iBACE,aACA,gBACA,kBACA,gBV5FM,sBU8FN,sGAEA,mCAEE,oBAKF,2BACA,gBVxGM,0BU2GN,cACE,gBACA,gBACA,oBACA,cACA,WACA,6BACA,WjBnHI,yBiBqHJ,kBACA,4CAEA,QACE,2GAGF,mBAGE,wCAKN,cACE,6CAEA,SACE,kBACA,kBACA,qDAGF,SACE,WACA,kBACA,MACA,OACA,WACA,YACA,mCACA,mBACA,4BAIJ,SACE,kBACA,wBACA,gBACA,MACA,iCAEA,aACE,WACA,gBACA,gBACA,gBVpKI,mBUyKR,iBACE,qBACA,YACA,wBAEA,UACE,YACA,wBAIJ,cACE,kBACA,iBACA,cjB7JiB,mDiBgKjB,YACE,qDAGF,eACE,uDAGF,YACE,qBAIJ,YACE,YCrMF,qBACE,iBANc,cAQd,kBACA,sCAEA,WANF,UAOI,eACA,mBAIJ,iDACE,eACA,gBACA,gBACA,qBACA,clBlBmB,oBkBqBnB,alBNmB,0BkBQjB,6EAEA,oBAGE,wCAIJ,alBhCmB,oBkBqCnB,YACE,oBACA,+BAEA,eACE,yBAIJ,eACE,clB/CiB,qBkBmDnB,iBACE,clBpDiB,uBkBwDnB,eACE,mBACA,kBACA,kBACA,yHAGF,4CAME,mBACA,oBACA,gBACA,clBxEiB,qBkB4EnB,aACE,qBAGF,gBACE,qBAGF,eACE,qBAGF,gBACE,yCAGF,aAEE,qBAGF,eACE,qBAGF,kBACE,yCAMA,iBACA,iBACA,yDAEA,2BACE,yDAGF,2BACE,qBAIJ,UACE,SACA,SACA,gCACA,eACA,4BAEA,UACE,SACA,wBAIJ,UACE,yBACA,8BACA,CADA,iBACA,gBACA,mBACA,iEAEA,+BAEE,cACA,kBACA,gBACA,gBACA,clBnJe,iCkBuJjB,uBACE,gBACA,gBACA,clBvIY,qDkB2Id,WAEE,iBACA,kBACA,qBACA,mEAEA,SACE,kBACA,iFAEA,gBACE,kBACA,6EAGF,iBACE,SACA,UACA,mBACA,gBACA,uBACA,+BAMR,YACE,oBAIJ,kBACE,eACA,mCAEA,iBACE,oBACA,8BAGF,YACE,8BACA,eACA,6BAGF,UACE,kDACA,eACA,iBACA,WlBrNI,iBkBuNJ,kBACA,qEAEA,aAEE,6CAIA,alB7Ne,oCkBkOjB,4CACE,gBACA,eACA,iBACA,qCAGF,4BA3BF,iBA4BI,4BAIJ,iBACE,YACA,sBACA,mBACA,CACA,sBACA,0BACA,QACA,aACA,yCAEA,4CACE,eACA,iBACA,gBACA,clB7Pe,mBkB+Pf,mBACA,gCACA,uBACA,mBACA,gBACA,wFAEA,eAEE,cACA,2CAGF,oBACE,2BAKN,iBACE,mCAEA,UACE,YACA,CACA,kBACA,uCAEA,aACE,WACA,YACA,mBACA,iCAIJ,cACE,mCAEA,aACE,WlB1SA,qBkB4SA,uDAGE,yBACE,2CAKN,aACE,clBnTa,kCkB2TnB,iDAEE,CACA,eACA,eACA,iBACA,mBACA,clBlUiB,sCkBqUjB,alBtTiB,0BkBwTf,kBAIJ,cACE,SACA,UACA,gBACA,uBACA,oBACA,kBACA,oBACA,cACA,kBAGF,4CACE,eACA,iBACA,gBACA,mBACA,clB5ViB,wBkB+VjB,iDACE,cACA,eACA,gBACA,cACA,kBAIJ,4CACE,eACA,iBACA,gBACA,mBACA,clB7WiB,kBkBkXjB,clBlXiB,mCkBiXnB,4CACE,CACA,gBACA,gBACA,mBACA,clBtXiB,kBkB2XjB,clB3XiB,kBkBoYjB,clBpYiB,mCkBmYnB,4CACE,CACA,gBACA,gBACA,mBACA,clBxYiB,kBkB6YjB,clB7YiB,mCkBqZnB,gBAEE,mDAEA,2BACE,mDAGF,2BACE,kBAIJ,eACE,kBAGF,kBACE,yCAGF,cAEE,kBAGF,UACE,SACA,SACA,6CACA,cACA,yBAEA,UACE,SACA,iDAIJ,YAEE,+BAGF,kBlB/bwB,kBkBictB,kBACA,gBACA,sBACA,oCAEA,UACE,aACA,2BACA,iBACA,8BACA,mBACA,uDAGF,YACE,yBACA,qBACA,mFAEA,aACE,eACA,qCAGF,sDAVF,UAWI,8BACA,6CAIJ,MACE,sBACA,qCAEA,2CAJF,YAKI,sBAKN,iBACE,yBAEA,WACE,WACA,uBACA,4BAIJ,iBACE,mBACA,uCAEA,eACE,mCAGF,eACE,cACA,qCAGF,eACE,UACA,mDAEA,kBACE,aACA,iBACA,0FAKE,oBACE,gFAIJ,cACE,qDAIJ,aACE,cACA,6CAGF,UACE,YACA,0BACA,mDAGF,cACE,4DAEA,cACE,qCAKN,oCACE,eACE,sCAIJ,2BA7DF,iBA8DI,mFAIJ,qBAGE,mBlBxjBsB,kBkB0jBtB,kCACA,uBAGF,YACE,kBACA,WACA,YACA,2BAEA,YACE,WACA,uCAKF,YACE,eACA,mBACA,mBACA,qCAGF,sCACE,kBACE,uCAIJ,alB1lBiB,qCkB8lBjB,eACE,WlBlmBE,gBkBomBF,ClBjmBe,yFkBsmBb,alBtmBa,+CkB4mBjB,eACE,qBAIJ,kBACE,yBAEA,aACE,SACA,eACA,YACA,kBACA,qCAIJ,gDAEI,kBACE,yCAGF,eACE,gBACA,WACA,kBACA,uDAEA,iBACE,sCAMR,8BACE,aACE,uCAEA,gBACE,sDAGF,kBACE,6EAIJ,aAEE,qBAIJ,WACE,UAIJ,mBACE,qCAEA,SAHF,eAII,kBAGF,YACE,uBACA,mBACA,aACA,qBAEA,SlBxrBI,YkB0rBF,qCAGF,gBAXF,SAYI,mBACA,sBAIJ,eACE,uBACA,gBACA,gBACA,uBAGF,eACE,gBACA,0BAEA,YACE,gBACA,eACA,clB9sBe,6BkBktBjB,eACE,iBACA,+BAGF,kBlBrtBsB,akButBpB,0BACA,aACA,uCAEA,YACE,gCAIJ,cACE,gBACA,uDAEA,YACE,mBACA,iDAGF,UACE,YACA,0BACA,gCAIJ,YACE,uCAEA,4CACE,eACA,gBACA,cACA,qCAGF,cACE,clB7vBa,uFkBmwBnB,eACE,cASA,ClB7wBiB,2CkB0wBjB,iBACA,CACA,kBACA,gBAGF,eACE,cACA,aACA,kDACA,cACA,qCAEA,eAPF,oCAQI,cACA,8BAEA,UACE,aACA,sBACA,0CAEA,OACE,cACA,2CAGF,YACE,mBACA,QACA,cACA,qCAIJ,UACE,2BAGF,eACE,sCAIJ,eAtCF,UAuCI,6BAEA,aACE,gBACA,gBACA,2GAEA,eAGE,uFAIJ,+BAGE,2BAGF,YACE,gCAEA,eACE,qEAEA,eAEE,gBACA,2CAGF,eACE,SAQZ,iBACE,qBACA,iBAGF,aACE,kBACA,aACA,UACA,YACA,clB71BiB,qBkB+1BjB,eACA,qCAEA,gBAVF,eAWI,WACA,gBACA,clB/1Bc,SmBvBlB,UACE,eACA,iBACA,yBACA,qBAEA,WAEE,iBACA,mBACA,6BACA,gBACA,mBACA,oBAGF,qBACE,gCACA,aACA,gBACA,oBAGF,eACE,qEAGF,kBnBrBwB,UmB0BxB,anBbmB,0BmBejB,gBAEA,oBACE,eAIJ,eACE,CAII,4HADF,eACE,+FAOF,sBAEE,yFAKF,YAEE,gCAMJ,kBnB9DsB,6BmBgEpB,gCACA,4CAEA,qBACE,8BACA,2CAGF,uBACE,+BACA,0BAKN,qBACE,gBAIJ,aACE,mBACA,MAGF,+CACE,0BAGF,sBACE,SACA,aACA,8CAGF,oBAEE,qBACA,iBACA,eACA,cnB1GmB,gBmB4GnB,0DAEA,UnBjHM,wDmBqHN,eACE,iBACA,sEAGF,cACE,yCAKF,YAEE,yDAEA,qBACE,iBACA,eACA,gBACA,qEAEA,cACE,2EAGF,YACE,mBACA,uFAEA,YACE,qHAOJ,sBACA,cACA,uBAIJ,wBACE,mBnB5JsB,sBmB8JtB,YACA,mBACA,gCAEA,gBACE,mBACA,oBAIJ,YACE,yBACA,aACA,mBnB3KsB,gCmB8KtB,aACE,gBACA,mBAIJ,wBACE,aACA,mBACA,qCAEA,wCACE,4BACE,0BAIJ,kBACE,iCAGF,kBnBnMsB,uCmBsMpB,kBACE,4BAIJ,gBACE,oBACA,sCAEA,SACE,wCAGF,YACE,mBACA,mCAGF,aACE,aACA,uBACA,mBACA,kBACA,6CAEA,UACE,YACA,kCAIJ,aACE,mCAGF,aACE,iBACA,cnB7Oa,gBmB+Ob,mCAIJ,QACE,WACA,qCAEA,sBACE,gBACA,qCAOJ,4FAFF,YAGI,gCAIJ,aACE,uCAEA,iBACE,sCAGF,eACE,4BAIJ,wBACE,aACA,gBACA,qCAEA,2BALF,4BAMI,sCAIJ,+CACE,YACE,iBC7RN,YACE,uBACA,WACA,iBACA,iCAEA,gBACE,gBACA,oBACA,cACA,wCAEA,YACE,yBACA,mBpBZoB,YoBcpB,yBAIJ,WAvBc,UAyBZ,oBACA,iCAEA,YACE,mBACA,YACA,uCAEA,aACE,yCAEA,oBACE,aACA,2CAGF,SpBzCA,YoB2CE,kBACA,YACA,uCAIJ,aACE,cpB/Ca,qBoBiDb,cACA,eACA,aACA,0HAIA,kBAGE,+BAKN,aACE,iBACA,YACA,aACA,qCAGF,sCACE,YACE,6BAIJ,eACE,0BACA,gBACA,mBACA,qCAEA,2BANF,eAOI,+BAGF,aACE,aACA,cpBzFa,qBoB2Fb,0BACA,2CACA,0BACA,mBACA,gBACA,uBACA,mCAEA,gBACE,oCAGF,UpB1GA,yBoB4GE,0BACA,2CACA,uCAGF,kBACE,sBACA,+BAIJ,kBACE,wBACA,SACA,iCAEA,QACE,kBACA,6DAIJ,UpBlIE,yBAkBa,gBoBmHb,gBACA,mEAEA,wBACE,6DAKN,yBACE,iCAIJ,qBACE,WACA,gBApJY,cAsJZ,sCAGF,uCACE,YACE,iCAGF,WA/JY,cAiKV,sCAIJ,gCACE,UACE,0BAMF,2BACA,qCAEA,wBALF,cAMI,CACA,sBACA,kCAGF,YACE,oBAEA,gCACA,0BAEA,eAEA,mBACA,8BACA,mCAEA,eACE,kBACA,yCAGF,mBACE,4DAEA,eACE,qCAIJ,gCAzBF,eA0BI,iBACA,6BAIJ,apBlNiB,eoBoNf,iBACA,gBACA,qCAEA,2BANF,eAOI,6BAIJ,apB7NiB,eoB+Nf,iBACA,gBACA,mBACA,4BAGF,cACE,gBACA,cpBvOe,mBoByOf,kBACA,gCACA,4BAGF,cACE,cpB/Oe,iBoBiPf,gBACA,0CAGF,UpBxPI,gBoB0PF,uFAGF,eAEE,gEAGF,aACE,4CAGF,cACE,gBACA,WpBxQE,oBoB0QF,iBACA,gBACA,gBACA,2BAGF,cACE,iBACA,cpB/Qe,mBoBiRf,kCAEA,UpBtRE,gBoBwRA,CAII,2NADF,eACE,4BAMR,UACE,SACA,SACA,6CACA,cACA,mCAEA,UACE,SACA,qCAKN,eA7SF,aA8SI,iCAEA,YACE,yBAGF,UACE,UACA,YACA,iCAEA,YACE,4BAGF,YACE,8DAGF,eAEE,gCACA,gBACA,0EAEA,eACE,+BAIJ,eACE,6DAGF,2BpBjUe,YoBwUrB,UACE,SACA,cACA,WACA,sDAKA,apBhWmB,0DoBmWjB,apBpViB,4DoByVnB,apBlWc,gBoBoWZ,4DAGF,ab7WU,gBa+WR,0DAGF,apB/VgB,gBoBiWd,0DAGF,abrXU,gBauXR,UAIJ,YACE,eACA,yBAEA,aACE,qBACA,oCAEA,kBACE,4BAGF,cACE,gBACA,+BAEA,oBACE,iBACA,gCAIJ,eACE,eACA,CAII,iNADF,eACE,2BAKN,oBACE,cpB/Ze,qBoBiaf,eACA,gBACA,gCACA,iCAEA,UpBzaE,gCoB2aA,oCAGF,apB5Ze,gCoB8Zb,CAkBJ,gBAIJ,aACE,iBACA,eACA,sBAGF,aACE,eACA,cACA,wBAEA,aACE,kBAIJ,YACE,eACA,mBACA,wBAGF,YACE,WACA,sBACA,aACA,+BAEA,aACE,qBACA,gBACA,eACA,iBACA,cpBpeiB,CoByeb,4MADF,eACE,sCAKN,aACE,gCAIJ,YAEE,mBACA,kEAEA,UACE,kBACA,4BACA,gFAEA,iBACE,kDAKN,aAEE,aACA,sBACA,4EAEA,cACE,WACA,kBACA,mBACA,uEAIJ,cAEE,iBAGF,YACE,eACA,kBACA,2CAEA,kBACE,eACA,8BAGF,kBACE,+CAGF,gBACE,uDAEA,gBACE,mBACA,YACA,YAKN,kBACE,eACA,cAEA,apBpiBmB,qBoBsiBjB,oBAEA,yBACE,SAKN,aACE,YAGF,kBACE,iBACA,oBAEA,YACE,2BACA,mBACA,aACA,mBpBvkBsB,cAFL,0BoB4kBjB,eACA,kBACA,oBAGF,iBACE,4BAEA,aACE,SACA,kBACA,WACA,YACA,qBAIJ,2BACE,mBAGF,oBACE,uBAGF,apBllBgB,oBoBslBhB,kBACE,0BACA,aACA,cpB5mBiB,gDoB8mBjB,eACA,qBACA,gBACA,kBAGF,cACE,kBACA,cpBnmBc,2BoBumBhB,iBACE,SACA,WACA,WACA,YACA,kBACA,oCAEA,kBpB5nBY,oCoBgoBZ,kBACE,mCAGF,kBpB3nBiB,sDoBgoBnB,apB/oBmB,qBoBmpBjB,gBACA,sBAGF,aACE,0BAGF,apB3pBmB,sBoB+pBnB,apBzpBc,yDoB8pBhB,oBAIE,cpBxqBmB,iGoB2qBnB,eACE,yIAIA,4BACE,cACA,iIAGF,8BACE,CADF,sBACE,WACA,sBAKN,YAEE,mBACA,sCAEA,aACE,CACA,gBACA,kBACA,0DAIA,8BACE,CADF,sBACE,WACA,gBAKN,kBACE,8BACA,yBAEA,yBpB9sBc,yBoBktBd,yBACE,wBAGF,yBb1tBU,wBa+tBR,2BACA,eACA,iBACA,4BACA,kBACA,gBACA,0BAEA,apBzuBiB,uBoB+uBjB,wBACA,qBAGF,apBhuBgB,coBquBlB,kBpBtvB0B,kBoBwvBxB,mBACA,uBAEA,YACE,8BACA,mBACA,aACA,gCAEA,SACE,SACA,gDAEA,aACE,8BAIJ,aACE,gBACA,cpB9wBe,iBoBgxBf,gCAEA,aACE,qBACA,iHAEA,aAGE,mCAIJ,ab7xBM,6BaoyBR,YACE,2BACA,6BACA,mCAEA,kBACE,gFAGF,YAEE,cACA,sBACA,YACA,cpBlzBa,mLoBqzBb,kBAEE,gBACA,uBACA,sCAIJ,aACE,6BACA,4CAEA,apB9yBU,iBoBgzBR,gBACA,wCAIJ,aACE,sBACA,WACA,aACA,qBACA,cpB70Ba,WoBo1BrB,kBAGE,0BAFA,eACA,uBASA,CARA,eAGF,oBACE,gBACA,CAEA,qBACA,oBAGF,YACE,eACA,CACA,kBACA,wBAEA,qBACE,cACA,mBACA,aACA,0FAGF,kBAEE,kBACA,YACA,6CAGF,QACE,SACA,+CAEA,aACE,sEAGF,uBACE,yDAGF,apB53BY,8CoBi4Bd,qBACE,aACA,WpB54BI,coBi5BR,iBACE,sBCn5BF,YACE,eACA,CACA,kBACA,0BAEA,qBACE,iBACA,cACA,mBACA,yDAEA,YAEE,mBACA,kBACA,sBACA,YACA,4BAGF,oBACE,cACA,cACA,qGAEA,kBAGE,sDAKN,iBAEE,gBACA,eACA,iBACA,WrBtCI,6CqBwCJ,mBACA,iBACA,4BAGF,cACE,6BAGF,cACE,crB/CiB,kBqBiDjB,gBACA,qBAIJ,YACE,eACA,cACA,yBAEA,gBACE,mBACA,6BAEA,aACE,sCAIJ,arBpEmB,gBqBsEjB,qBACA,UC3EJ,aACE,gCAEA,gBACE,eACA,mBACA,+BAGF,cACE,iBACA,8CAGF,aACE,kBACA,wBAGF,gBACE,iCAGF,aACE,kBACA,uCAGF,oBACE,gDAGF,SACE,YACA,8BAGF,cACE,iBACA,mEAGF,aACE,kBACA,2DAGF,cAEE,gBACA,mFAGF,cACE,gBACA,mCAGF,aACE,iBACA,yBAGF,kBACE,kBACA,4BAGF,UACE,UACA,wBAGF,aACE,kCAGF,MACE,WACA,cACA,mBACA,2CAGF,aACE,iBACA,0CAGF,gBACE,eACA,mCAGF,WACE,sCAGF,gBACE,gBACA,yCAGF,UACE,iCAGF,aACE,iBACA,0BAGF,SACE,WACA,0DAGF,iBAEE,mBACA,4GAGF,iBAEE,gBACA,uCAGF,kBACE,eACA,2BAGF,aACE,kBACA,wCAGF,SACE,YACA,yDAGF,SACE,WACA,CAKA,oFAGF,UACE,OACA,uGAGF,UAEE,uCAIA,cACE,iBACA,kEAEA,cACE,gBACA,qCAKN,WACE,eACA,iBACA,uCAGF,WACE,sCAGF,aACE,kBACA,0CAGF,gBACE,eACA,uDAGF,gBACE,2CAGF,cACE,iBACA,YACA,yEAGF,aAEE,iBACA,iBAGF,wBACE,iBAGF,SACE,oBACA,yBAGF,aACE,8EAGF,cAEE,gBACA,oDAGF,cACE,mBACA,gEAGF,iBACE,gBACA,CAMA,8KAGF,SACE,QACA,yDAGF,kBACE,eACA,uDAGF,kBACE,gBACA,qDAGF,SACE,QACA,8FAGF,cAEE,mBACA,4CAGF,UACE,SACA,kDAEA,UACE,OACA,qEACA,8BAIJ,sXACE,uCAGF,gBAEE,kCAGF,cACE,iBACA,gDAGF,UACE,UACA,gEAGF,aACE,uDAGF,WACE,WACA,uDAGF,UACE,WACA,uDAGF,UACE,WACA,kDAGF,MACE,0CAGF,iBACE,yBACA,qDAGF,cACE,iBACA,qCAGF,kCACE,gBAEE,kBACA,2DAEA,gBACE,mBACA,uEAKF,gBAEE,kBACA,gFAKN,cAEE,gBACA,6CAKE,eACE,eACA,sDAIJ,aACE,kBACA,4DAKF,cACE,gBACA,8DAGF,gBACE,eACA,mCAIJ,aACE,kBACA,iBACA,kCAGF,WACE,mCAGF,WACE,oCAGF,cACE,gBACA,gFAGF,cACE,mBACA,+DAGF,SACE,QACA,kkEC7ZJ,kIACE,CADF,sIACE,qBACA,MCDF,6CACE,CjBFM,qCiBSN,UjBTM,sDiBcR,wBAEE,sMAEA,UjBlBM,gGiB0BR,ejB1BQ,yBiBgCN,aACA,uBAGF,kBACE,oCAGF,ejBxCQ,gCiB2CN,8BAGF,sBACE,iBACA,kBACA,qCAGF,wBAEE,oCAGF,ejBzDQ,yBiB4DN,qCAEA,mCALF,YAMI,+DAGF,SACE,QACA,gIAIJ,ejBxEQ,+BiBgFR,axB/DqB,8GwBkEnB,axBlEmB,gBOjBb,gDiB2FR,iBjB3FQ,4BiB+FR,axB7FqB,0BwB+FnB,iIAGF,aAIE,6cAEA,UxB3GM,oBwBkHR,kBACE,gCACA,wDAKA,ejBxHM,gCiB0HJ,4MAEA,kBxBxHsB,kCwBgI1B,4BACE,gCACA,qCAEA,iCAJF,YAKI,qUAIJ,wBAYE,qCAIA,eADF,YAEI,gBACA,sCAIJ,YACE,gBACA,oCAGF,oXACE,uEAGF,wBAEE,2BAGF,wBACE,aACA,8CAGF,kBxBlL0B,yBwBoLxB,aACA,gCAGF,ejB5LQ,yBiB+LN,0BAGF,o1BACE,oFAME,aACE,6QAEA,UjB5ME,gFiBmNJ,aACE,2GAEA,aACE,CAHF,iGAEA,aACE,CAHF,qGAEA,aACE,CAHF,sGAEA,aACE,CAHF,4FAEA,aACE,CAMJ,8FAGF,kBACE,yPAIA,kBAIE,iBAKN,oBACE,6BAEA,kBACE,0BAIJ,+BACE,qBxBnPwB,kBwBwP1B,kBxBxP0B,uBwB4P1B,kBACE,wCAGF,kBACE,+CAGF,ejBxQQ,0GiB8QR,kBxB1Q0B,sHwB8QxB,kBACE,uCAKJ,kBxBpR0B,uEwByR1B,UjB7RQ,0BiBiSR,wBxB7R0B,gBwBkS1B,ejBtSQ,4BiB0SJ,sBjB1SI,2BiB8SJ,qBjB9SI,8BiBkTJ,wBjBlTI,6BiBsTJ,uBjBtTI,wBiB4TJ,ejB5TI,cPEa,85BwBkUrB,UjBpUQ,2BiB4VR,2BACE,uNAIF,ejBjWQ,yBiB6WN,wBAGF,0BACE,0BAGF,wBACE,mCAGF,kBACE,yBACA,aACA,8BAGF,UjB9XQ,6JiBkYR,kBAME,+2DAIE,qBAGE,qBAKN,ejBpZQ,yDiBwZR,ejBxZQ,yBiB0ZN,+DAEA,oBACE,gBjB7ZI,qBiBkaR,kBxBhaqB,sEwBoarB,kBACE,4FAGF,kBACE,uCAIF,UxBhbQ,gBOCA,WiBqbR,ejBrbQ,yBiBubN,gBACA,qCAEA,UALF,YAMI,kBAGF,mBACE,wBACA,4BACA,oEAEA,kBxB/bsB,yFwBscpB,sBAGE,4BxB5ba,uBwBocrB,exBrdQ,4BwBudN,kMAGF,ejB1dQ,yBiBoeN,qCAEA,iMAZF,aAaI,eACA,aACA,8BAIJ,YACE,gBACA,oLASE,oBACE,+BAKN,ejB9fQ,yBiBggBN,aACA,qCAEA,8BALF,QAMI,kBAIJ,axBtgBqB,0EwB2gBnB,kBxBzgBwB,qCwB+gBxB,kBAPF,QAQI,sDAIJ,oBxBvgBqB,mVwB2gBnB,UjB5hBM,mMiBoiBN,kBxBnhBmB,oEwB2hBnB,oBAGE,kBAIJ,wBACE,8BAEA,YACE,yBAGF,exB1jBM,0HwB6jBJ,2BAGE,CxBjkBE,oGwB2kBF,UxB3kBE,0DwBqlBF,axBllBe,2CwBwlBf,UxB3lBE,6CwBgmBJ,axB7lBiB,6DwBimBjB,UxBpmBI,4CwB4mBN,eACE,8BACA,iBACA,oDxB7lBiB,awBmmBjB,yFAHF,oBxBhmBmB,qCwBymBnB,CxBzmBmB,2HwBmnBnB,axBnnBmB,qBwBwnBrB,UjBzoBQ,yBiB4oBN,SjB5oBM,2CiBkpBN,wBACE,qCAEA,0CAHF,YAII,kGAIJ,eAGE,sEAGF,exBhqBM,yBwBmqBJ,wBAGF,kBxBlqBwB,yBwBoqBtB,qCAEA,uBAJF,QAKI,+GAIA,kBAGE,8CAMJ,kBACE,oDAEA,eACE,mDAKF,exBjsBE,yBwBmsBA,aACA,wDAGF,iBxBvsBE,qCwB2sBF,2CAXF,exBhsBI,yBwB6sBA,aACA,kHAMA,UjBptBA,qCiBwtBE,gHAJF,UxBrtBA,mEwBiuBF,QACE,2FAGF,oBACE,yFAMR,yCAEE,0PAGF,eAaE,sKAGF,UxBjwBQ,0D","file":"skins/vanilla/mastodon-light/common.css","sourcesContent":["html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:\"\";content:none}table{border-collapse:collapse;border-spacing:0}html{scrollbar-color:#ccd7e0 rgba(255,255,255,.1)}::-webkit-scrollbar{width:12px;height:12px}::-webkit-scrollbar-thumb{background:#ccd7e0;border:0px none #fff;border-radius:50px}::-webkit-scrollbar-thumb:hover{background:#c6d2dc}::-webkit-scrollbar-thumb:active{background:#ccd7e0}::-webkit-scrollbar-track{border:0px none #fff;border-radius:0;background:rgba(255,255,255,.1)}::-webkit-scrollbar-track:hover{background:#d9e1e8}::-webkit-scrollbar-track:active{background:#d9e1e8}::-webkit-scrollbar-corner{background:transparent}body{font-family:\"mastodon-font-sans-serif\",sans-serif;background:#eff3f5;font-size:13px;line-height:18px;font-weight:400;color:#000;text-rendering:optimizelegibility;font-feature-settings:\"kern\";text-size-adjust:none;-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-tap-highlight-color:transparent}body.system-font{font-family:system-ui,-apple-system,BlinkMacSystemFont,\"Segoe UI\",\"Oxygen\",\"Ubuntu\",\"Cantarell\",\"Fira Sans\",\"Droid Sans\",\"Helvetica Neue\",\"mastodon-font-sans-serif\",sans-serif}body.app-body{padding:0}body.app-body.layout-single-column{height:auto;min-height:100vh;overflow-y:scroll}body.app-body.layout-multiple-columns{position:absolute;width:100%;height:100%}body.app-body.with-modals--active{overflow-y:hidden}body.lighter{background:#d9e1e8}body.with-modals{overflow-x:hidden;overflow-y:scroll}body.with-modals--active{overflow-y:hidden}body.player{text-align:center}body.embed{background:#ccd7e0;margin:0;padding-bottom:0}body.embed .container{position:absolute;width:100%;height:100%;overflow:hidden}body.admin{background:#e6ebf0;padding:0}body.error{position:absolute;text-align:center;color:#282c37;background:#d9e1e8;width:100%;height:100%;padding:0;display:flex;justify-content:center;align-items:center}body.error .dialog{vertical-align:middle;margin:20px}body.error .dialog__illustration img{display:block;max-width:470px;width:100%;height:auto;margin-top:-120px}body.error .dialog h1{font-size:20px;line-height:28px;font-weight:400}button{font-family:inherit;cursor:pointer}button:focus{outline:none}.app-holder,.app-holder>div,.app-holder>noscript{display:flex;width:100%;align-items:center;justify-content:center;outline:0 !important}.app-holder>noscript{height:100vh}.layout-single-column .app-holder,.layout-single-column .app-holder>div{min-height:100vh}.layout-multiple-columns .app-holder,.layout-multiple-columns .app-holder>div{height:100%}.error-boundary,.app-holder noscript{flex-direction:column;font-size:16px;font-weight:400;line-height:1.7;color:#dc2f4b;text-align:center}.error-boundary>div,.app-holder noscript>div{max-width:500px}.error-boundary p,.app-holder noscript p{margin-bottom:.85em}.error-boundary p:last-child,.app-holder noscript p:last-child{margin-bottom:0}.error-boundary a,.app-holder noscript a{color:#2b90d9}.error-boundary a:hover,.error-boundary a:focus,.error-boundary a:active,.app-holder noscript a:hover,.app-holder noscript a:focus,.app-holder noscript a:active{text-decoration:none}.error-boundary__footer,.app-holder noscript__footer{color:#444b5d;font-size:13px}.error-boundary__footer a,.app-holder noscript__footer a{color:#444b5d}.error-boundary button,.app-holder noscript button{display:inline;border:0;background:transparent;color:#444b5d;font:inherit;padding:0;margin:0;line-height:inherit;cursor:pointer;outline:0;transition:color 300ms linear;text-decoration:underline}.error-boundary button:hover,.error-boundary button:focus,.error-boundary button:active,.app-holder noscript button:hover,.app-holder noscript button:focus,.app-holder noscript button:active{text-decoration:none}.error-boundary button.copied,.app-holder noscript button.copied{color:#4a905f;transition:none}.container-alt{width:700px;margin:0 auto;margin-top:40px}@media screen and (max-width: 740px){.container-alt{width:100%;margin:0}}.logo-container{margin:100px auto 50px}@media screen and (max-width: 500px){.logo-container{margin:40px auto 0}}.logo-container h1{display:flex;justify-content:center;align-items:center}.logo-container h1 svg{fill:#000;height:42px;margin-right:10px}.logo-container h1 a{display:flex;justify-content:center;align-items:center;color:#000;text-decoration:none;outline:0;padding:12px 16px;line-height:32px;font-family:\"mastodon-font-display\",sans-serif;font-weight:500;font-size:14px}.compose-standalone .compose-form{width:400px;margin:0 auto;padding:20px 0;margin-top:40px;box-sizing:border-box}@media screen and (max-width: 400px){.compose-standalone .compose-form{width:100%;margin-top:0;padding:20px}}.account-header{width:400px;margin:0 auto;display:flex;font-size:13px;line-height:18px;box-sizing:border-box;padding:20px 0;padding-bottom:0;margin-bottom:-30px;margin-top:40px}@media screen and (max-width: 440px){.account-header{width:100%;margin:0;margin-bottom:10px;padding:20px;padding-bottom:0}}.account-header .avatar{width:40px;height:40px;margin-right:8px}.account-header .avatar img{width:100%;height:100%;display:block;margin:0;border-radius:4px}.account-header .name{flex:1 1 auto;color:#282c37;width:calc(100% - 88px)}.account-header .name .username{display:block;font-weight:500;text-overflow:ellipsis;overflow:hidden}.account-header .logout-link{display:block;font-size:32px;line-height:40px;margin-left:8px}.grid-3{display:grid;grid-gap:10px;grid-template-columns:3fr 1fr;grid-auto-columns:25%;grid-auto-rows:max-content}.grid-3 .column-0{grid-column:1/3;grid-row:1}.grid-3 .column-1{grid-column:1;grid-row:2}.grid-3 .column-2{grid-column:2;grid-row:2}.grid-3 .column-3{grid-column:1/3;grid-row:3}@media screen and (max-width: 415px){.grid-3{grid-gap:0;grid-template-columns:minmax(0, 100%)}.grid-3 .column-0{grid-column:1}.grid-3 .column-1{grid-column:1;grid-row:3}.grid-3 .column-2{grid-column:1;grid-row:2}.grid-3 .column-3{grid-column:1;grid-row:4}}.grid-4{display:grid;grid-gap:10px;grid-template-columns:repeat(4, minmax(0, 1fr));grid-auto-columns:25%;grid-auto-rows:max-content}.grid-4 .column-0{grid-column:1/5;grid-row:1}.grid-4 .column-1{grid-column:1/4;grid-row:2}.grid-4 .column-2{grid-column:4;grid-row:2}.grid-4 .column-3{grid-column:2/5;grid-row:3}.grid-4 .column-4{grid-column:1;grid-row:3}.grid-4 .landing-page__call-to-action{min-height:100%}.grid-4 .flash-message{margin-bottom:10px}@media screen and (max-width: 738px){.grid-4{grid-template-columns:minmax(0, 50%) minmax(0, 50%)}.grid-4 .landing-page__call-to-action{padding:20px;display:flex;align-items:center;justify-content:center}.grid-4 .row__information-board{width:100%;justify-content:center;align-items:center}.grid-4 .row__mascot{display:none}}@media screen and (max-width: 415px){.grid-4{grid-gap:0;grid-template-columns:minmax(0, 100%)}.grid-4 .column-0{grid-column:1}.grid-4 .column-1{grid-column:1;grid-row:3}.grid-4 .column-2{grid-column:1;grid-row:2}.grid-4 .column-3{grid-column:1;grid-row:5}.grid-4 .column-4{grid-column:1;grid-row:4}}@media screen and (max-width: 415px){.public-layout{padding-top:48px}}.public-layout .container{max-width:960px}@media screen and (max-width: 415px){.public-layout .container{padding:0}}.public-layout .header{background:#c0cdd9;box-shadow:0 0 15px rgba(0,0,0,.2);border-radius:4px;height:48px;margin:10px 0;display:flex;align-items:stretch;justify-content:center;flex-wrap:nowrap;overflow:hidden}@media screen and (max-width: 415px){.public-layout .header{position:fixed;width:100%;top:0;left:0;margin:0;border-radius:0;box-shadow:none;z-index:110}}.public-layout .header>div{flex:1 1 33.3%;min-height:1px}.public-layout .header .nav-left{display:flex;align-items:stretch;justify-content:flex-start;flex-wrap:nowrap}.public-layout .header .nav-center{display:flex;align-items:stretch;justify-content:center;flex-wrap:nowrap}.public-layout .header .nav-right{display:flex;align-items:stretch;justify-content:flex-end;flex-wrap:nowrap}.public-layout .header .brand{display:block;padding:15px}.public-layout .header .brand svg{display:block;height:18px;width:auto;position:relative;bottom:-2px;fill:#000}@media screen and (max-width: 415px){.public-layout .header .brand svg{height:20px}}.public-layout .header .brand:hover,.public-layout .header .brand:focus,.public-layout .header .brand:active{background:#b3c3d1}.public-layout .header .nav-link{display:flex;align-items:center;padding:0 1rem;font-size:12px;font-weight:500;text-decoration:none;color:#282c37;white-space:nowrap;text-align:center}.public-layout .header .nav-link:hover,.public-layout .header .nav-link:focus,.public-layout .header .nav-link:active{text-decoration:underline;color:#000}@media screen and (max-width: 550px){.public-layout .header .nav-link.optional{display:none}}.public-layout .header .nav-button{background:#a6b9c9;margin:8px;margin-left:0;border-radius:4px}.public-layout .header .nav-button:hover,.public-layout .header .nav-button:focus,.public-layout .header .nav-button:active{text-decoration:none;background:#99afc2}.public-layout .grid{display:grid;grid-gap:10px;grid-template-columns:minmax(300px, 3fr) minmax(298px, 1fr);grid-auto-columns:25%;grid-auto-rows:max-content}.public-layout .grid .column-0{grid-row:1;grid-column:1}.public-layout .grid .column-1{grid-row:1;grid-column:2}@media screen and (max-width: 600px){.public-layout .grid{grid-template-columns:100%;grid-gap:0}.public-layout .grid .column-1{display:none}}.public-layout .directory__card{border-radius:4px}@media screen and (max-width: 415px){.public-layout .directory__card{border-radius:0}}@media screen and (max-width: 415px){.public-layout .page-header{border-bottom:0}}.public-layout .public-account-header{overflow:hidden;margin-bottom:10px;box-shadow:0 0 15px rgba(0,0,0,.2)}.public-layout .public-account-header.inactive{opacity:.5}.public-layout .public-account-header.inactive .public-account-header__image,.public-layout .public-account-header.inactive .avatar{filter:grayscale(100%)}.public-layout .public-account-header.inactive .logo-button{background-color:#282c37}.public-layout .public-account-header__image{border-radius:4px 4px 0 0;overflow:hidden;height:300px;position:relative;background:#fff}.public-layout .public-account-header__image::after{content:\"\";display:block;position:absolute;width:100%;height:100%;box-shadow:inset 0 -1px 1px 1px rgba(0,0,0,.15);top:0;left:0}.public-layout .public-account-header__image img{object-fit:cover;display:block;width:100%;height:100%;margin:0;border-radius:4px 4px 0 0}@media screen and (max-width: 600px){.public-layout .public-account-header__image{height:200px}}.public-layout .public-account-header--no-bar{margin-bottom:0}.public-layout .public-account-header--no-bar .public-account-header__image,.public-layout .public-account-header--no-bar .public-account-header__image img{border-radius:4px}@media screen and (max-width: 415px){.public-layout .public-account-header--no-bar .public-account-header__image,.public-layout .public-account-header--no-bar .public-account-header__image img{border-radius:0}}@media screen and (max-width: 415px){.public-layout .public-account-header{margin-bottom:0;box-shadow:none}.public-layout .public-account-header__image::after{display:none}.public-layout .public-account-header__image,.public-layout .public-account-header__image img{border-radius:0}}.public-layout .public-account-header__bar{position:relative;margin-top:-80px;display:flex;justify-content:flex-start}.public-layout .public-account-header__bar::before{content:\"\";display:block;background:#ccd7e0;position:absolute;bottom:0;left:0;right:0;height:60px;border-radius:0 0 4px 4px;z-index:-1}.public-layout .public-account-header__bar .avatar{display:block;width:120px;height:120px;padding-left:16px;flex:0 0 auto}.public-layout .public-account-header__bar .avatar img{display:block;width:100%;height:100%;margin:0;border-radius:50%;border:4px solid #ccd7e0;background:#f2f5f7}@media screen and (max-width: 600px){.public-layout .public-account-header__bar{margin-top:0;background:#ccd7e0;border-radius:0 0 4px 4px;padding:5px}.public-layout .public-account-header__bar::before{display:none}.public-layout .public-account-header__bar .avatar{width:48px;height:48px;padding:7px 0;padding-left:10px}.public-layout .public-account-header__bar .avatar img{border:0;border-radius:4px}}@media screen and (max-width: 600px)and (max-width: 360px){.public-layout .public-account-header__bar .avatar{display:none}}@media screen and (max-width: 415px){.public-layout .public-account-header__bar{border-radius:0}}@media screen and (max-width: 600px){.public-layout .public-account-header__bar{flex-wrap:wrap}}.public-layout .public-account-header__tabs{flex:1 1 auto;margin-left:20px}.public-layout .public-account-header__tabs__name{padding-top:20px;padding-bottom:8px}.public-layout .public-account-header__tabs__name h1{font-size:20px;line-height:27px;color:#000;font-weight:500;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;text-shadow:1px 1px 1px #000}.public-layout .public-account-header__tabs__name h1 small{display:block;font-size:14px;color:#000;font-weight:400;overflow:hidden;text-overflow:ellipsis}@media screen and (max-width: 600px){.public-layout .public-account-header__tabs{margin-left:15px;display:flex;justify-content:space-between;align-items:center}.public-layout .public-account-header__tabs__name{padding-top:0;padding-bottom:0}.public-layout .public-account-header__tabs__name h1{font-size:16px;line-height:24px;text-shadow:none}.public-layout .public-account-header__tabs__name h1 small{color:#282c37}}.public-layout .public-account-header__tabs__tabs{display:flex;justify-content:flex-start;align-items:stretch;height:58px}.public-layout .public-account-header__tabs__tabs .details-counters{display:flex;flex-direction:row;min-width:300px}@media screen and (max-width: 600px){.public-layout .public-account-header__tabs__tabs .details-counters{display:none}}.public-layout .public-account-header__tabs__tabs .counter{min-width:33.3%;box-sizing:border-box;flex:0 0 auto;color:#282c37;padding:10px;border-right:1px solid #ccd7e0;cursor:default;text-align:center;position:relative}.public-layout .public-account-header__tabs__tabs .counter a{display:block}.public-layout .public-account-header__tabs__tabs .counter:last-child{border-right:0}.public-layout .public-account-header__tabs__tabs .counter::after{display:block;content:\"\";position:absolute;bottom:0;left:0;width:100%;border-bottom:4px solid #9bcbed;opacity:.5;transition:all 400ms ease}.public-layout .public-account-header__tabs__tabs .counter.active::after{border-bottom:4px solid #2b90d9;opacity:1}.public-layout .public-account-header__tabs__tabs .counter.active.inactive::after{border-bottom-color:#282c37}.public-layout .public-account-header__tabs__tabs .counter:hover::after{opacity:1;transition-duration:100ms}.public-layout .public-account-header__tabs__tabs .counter a{text-decoration:none;color:inherit}.public-layout .public-account-header__tabs__tabs .counter .counter-label{font-size:12px;display:block}.public-layout .public-account-header__tabs__tabs .counter .counter-number{font-weight:500;font-size:18px;margin-bottom:5px;color:#000;font-family:\"mastodon-font-display\",sans-serif}.public-layout .public-account-header__tabs__tabs .spacer{flex:1 1 auto;height:1px}.public-layout .public-account-header__tabs__tabs__buttons{padding:7px 8px}.public-layout .public-account-header__extra{display:none;margin-top:4px}.public-layout .public-account-header__extra .public-account-bio{border-radius:0;box-shadow:none;background:transparent;margin:0 -5px}.public-layout .public-account-header__extra .public-account-bio .account__header__fields{border-top:1px solid #b3c3d1}.public-layout .public-account-header__extra .public-account-bio .roles{display:none}.public-layout .public-account-header__extra__links{margin-top:-15px;font-size:14px;color:#282c37}.public-layout .public-account-header__extra__links a{display:inline-block;color:#282c37;text-decoration:none;padding:15px;font-weight:500}.public-layout .public-account-header__extra__links a strong{font-weight:700;color:#000}@media screen and (max-width: 600px){.public-layout .public-account-header__extra{display:block;flex:100%}}.public-layout .account__section-headline{border-radius:4px 4px 0 0}@media screen and (max-width: 415px){.public-layout .account__section-headline{border-radius:0}}.public-layout .detailed-status__meta{margin-top:25px}.public-layout .public-account-bio{background:#c0cdd9;box-shadow:0 0 15px rgba(0,0,0,.2);border-radius:4px;overflow:hidden;margin-bottom:10px}@media screen and (max-width: 415px){.public-layout .public-account-bio{box-shadow:none;margin-bottom:0;border-radius:0}}.public-layout .public-account-bio .account__header__fields{margin:0;border-top:0}.public-layout .public-account-bio .account__header__fields a{color:#217aba}.public-layout .public-account-bio .account__header__fields dl:first-child .verified{border-radius:0 4px 0 0}.public-layout .public-account-bio .account__header__fields .verified a{color:#4a905f}.public-layout .public-account-bio .account__header__content{padding:20px;padding-bottom:0;color:#000}.public-layout .public-account-bio__extra,.public-layout .public-account-bio .roles{padding:20px;font-size:14px;color:#282c37}.public-layout .public-account-bio .roles{padding-bottom:0}.public-layout .directory__list{display:grid;grid-gap:10px;grid-template-columns:minmax(0, 50%) minmax(0, 50%)}@media screen and (max-width: 415px){.public-layout .directory__list{display:block}}.public-layout .directory__list .icon-button{font-size:18px}.public-layout .directory__card{margin-bottom:0}.public-layout .card-grid{display:flex;flex-wrap:wrap;min-width:100%;margin:0 -5px}.public-layout .card-grid>div{box-sizing:border-box;flex:1 0 auto;width:300px;padding:0 5px;margin-bottom:10px;max-width:33.333%}@media screen and (max-width: 900px){.public-layout .card-grid>div{max-width:50%}}@media screen and (max-width: 600px){.public-layout .card-grid>div{max-width:100%}}@media screen and (max-width: 415px){.public-layout .card-grid{margin:0;border-top:1px solid #c0cdd9}.public-layout .card-grid>div{width:100%;padding:0;margin-bottom:0;border-bottom:1px solid #c0cdd9}.public-layout .card-grid>div:last-child{border-bottom:0}.public-layout .card-grid>div .card__bar{background:#d9e1e8}.public-layout .card-grid>div .card__bar:hover,.public-layout .card-grid>div .card__bar:active,.public-layout .card-grid>div .card__bar:focus{background:#ccd7e0}}.no-list{list-style:none}.no-list li{display:inline-block;margin:0 5px}.recovery-codes{list-style:none;margin:0 auto}.recovery-codes li{font-size:125%;line-height:1.5;letter-spacing:1px}.public-layout .footer{text-align:left;padding-top:20px;padding-bottom:60px;font-size:12px;color:#6d8ca7}@media screen and (max-width: 415px){.public-layout .footer{padding-left:20px;padding-right:20px}}.public-layout .footer .grid{display:grid;grid-gap:10px;grid-template-columns:1fr 1fr 2fr 1fr 1fr}.public-layout .footer .grid .column-0{grid-column:1;grid-row:1;min-width:0}.public-layout .footer .grid .column-1{grid-column:2;grid-row:1;min-width:0}.public-layout .footer .grid .column-2{grid-column:3;grid-row:1;min-width:0;text-align:center}.public-layout .footer .grid .column-2 h4 a{color:#6d8ca7}.public-layout .footer .grid .column-3{grid-column:4;grid-row:1;min-width:0}.public-layout .footer .grid .column-4{grid-column:5;grid-row:1;min-width:0}@media screen and (max-width: 690px){.public-layout .footer .grid{grid-template-columns:1fr 2fr 1fr}.public-layout .footer .grid .column-0,.public-layout .footer .grid .column-1{grid-column:1}.public-layout .footer .grid .column-1{grid-row:2}.public-layout .footer .grid .column-2{grid-column:2}.public-layout .footer .grid .column-3,.public-layout .footer .grid .column-4{grid-column:3}.public-layout .footer .grid .column-4{grid-row:2}}@media screen and (max-width: 600px){.public-layout .footer .grid .column-1{display:block}}@media screen and (max-width: 415px){.public-layout .footer .grid .column-0,.public-layout .footer .grid .column-1,.public-layout .footer .grid .column-3,.public-layout .footer .grid .column-4{display:none}}.public-layout .footer h4{font-weight:700;margin-bottom:8px;color:#282c37}.public-layout .footer h4 a{color:inherit;text-decoration:none}.public-layout .footer ul a{text-decoration:none;color:#6d8ca7}.public-layout .footer ul a:hover,.public-layout .footer ul a:active,.public-layout .footer ul a:focus{text-decoration:underline}.public-layout .footer .brand svg{display:block;height:36px;width:auto;margin:0 auto;fill:#6d8ca7}.public-layout .footer .brand:hover svg,.public-layout .footer .brand:focus svg,.public-layout .footer .brand:active svg{fill:#60829f}.compact-header h1{font-size:24px;line-height:28px;color:#282c37;font-weight:500;margin-bottom:20px;padding:0 10px;word-wrap:break-word}@media screen and (max-width: 740px){.compact-header h1{text-align:center;padding:20px 10px 0}}.compact-header h1 a{color:inherit;text-decoration:none}.compact-header h1 small{font-weight:400;color:#282c37}.compact-header h1 img{display:inline-block;margin-bottom:-5px;margin-right:15px;width:36px;height:36px}.hero-widget{margin-bottom:10px;box-shadow:0 0 15px rgba(0,0,0,.2)}.hero-widget__img{width:100%;position:relative;overflow:hidden;border-radius:4px 4px 0 0;background:#000}.hero-widget__img img{object-fit:cover;display:block;width:100%;height:100%;margin:0;border-radius:4px 4px 0 0}.hero-widget__text{background:#d9e1e8;padding:20px;border-radius:0 0 4px 4px;font-size:15px;color:#282c37;line-height:20px;word-wrap:break-word;font-weight:400}.hero-widget__text .emojione{width:20px;height:20px;margin:-3px 0 0}.hero-widget__text p{margin-bottom:20px}.hero-widget__text p:last-child{margin-bottom:0}.hero-widget__text em{display:inline;margin:0;padding:0;font-weight:700;background:transparent;font-family:inherit;font-size:inherit;line-height:inherit;color:#131419}.hero-widget__text a{color:#282c37;text-decoration:none}.hero-widget__text a:hover{text-decoration:underline}@media screen and (max-width: 415px){.hero-widget{display:none}}.endorsements-widget{margin-bottom:10px;padding-bottom:10px}.endorsements-widget h4{padding:10px;font-weight:700;font-size:14px;color:#282c37}.endorsements-widget .account{padding:10px 0}.endorsements-widget .account:last-child{border-bottom:0}.endorsements-widget .account .account__display-name{display:flex;align-items:center}.endorsements-widget .account .account__avatar{width:44px;height:44px;background-size:44px 44px}.endorsements-widget .trends__item{padding:10px}.trends-widget h4{color:#282c37}.box-widget{padding:20px;border-radius:4px;background:#d9e1e8;box-shadow:0 0 15px rgba(0,0,0,.2)}.placeholder-widget{padding:16px;border-radius:4px;border:2px dashed #444b5d;text-align:center;color:#282c37;margin-bottom:10px}.contact-widget{min-height:100%;font-size:15px;color:#282c37;line-height:20px;word-wrap:break-word;font-weight:400;padding:0}.contact-widget h4{padding:10px;font-weight:700;font-size:14px;color:#282c37}.contact-widget .account{border-bottom:0;padding:10px 0;padding-top:5px}.contact-widget>a{display:inline-block;padding:10px;padding-top:0;color:#282c37;text-decoration:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.contact-widget>a:hover,.contact-widget>a:focus,.contact-widget>a:active{text-decoration:underline}.moved-account-widget{padding:15px;padding-bottom:20px;border-radius:4px;background:#d9e1e8;box-shadow:0 0 15px rgba(0,0,0,.2);color:#282c37;font-weight:400;margin-bottom:10px}.moved-account-widget strong,.moved-account-widget a{font-weight:500}.moved-account-widget strong:lang(ja),.moved-account-widget a:lang(ja){font-weight:700}.moved-account-widget strong:lang(ko),.moved-account-widget a:lang(ko){font-weight:700}.moved-account-widget strong:lang(zh-CN),.moved-account-widget a:lang(zh-CN){font-weight:700}.moved-account-widget strong:lang(zh-HK),.moved-account-widget a:lang(zh-HK){font-weight:700}.moved-account-widget strong:lang(zh-TW),.moved-account-widget a:lang(zh-TW){font-weight:700}.moved-account-widget a{color:inherit;text-decoration:underline}.moved-account-widget a.mention{text-decoration:none}.moved-account-widget a.mention span{text-decoration:none}.moved-account-widget a.mention:focus,.moved-account-widget a.mention:hover,.moved-account-widget a.mention:active{text-decoration:none}.moved-account-widget a.mention:focus span,.moved-account-widget a.mention:hover span,.moved-account-widget a.mention:active span{text-decoration:underline}.moved-account-widget__message{margin-bottom:15px}.moved-account-widget__message .fa{margin-right:5px;color:#282c37}.moved-account-widget__card .detailed-status__display-avatar{position:relative;cursor:pointer}.moved-account-widget__card .detailed-status__display-name{margin-bottom:0;text-decoration:none}.moved-account-widget__card .detailed-status__display-name span{font-weight:400}.memoriam-widget{padding:20px;border-radius:4px;background:#000;box-shadow:0 0 15px rgba(0,0,0,.2);font-size:14px;color:#282c37;margin-bottom:10px}.page-header{background:#c0cdd9;box-shadow:0 0 15px rgba(0,0,0,.2);border-radius:4px;padding:60px 15px;text-align:center;margin:10px 0}.page-header h1{color:#000;font-size:36px;line-height:1.1;font-weight:700;margin-bottom:10px}.page-header p{font-size:15px;color:#282c37}@media screen and (max-width: 415px){.page-header{margin-top:0;background:#ccd7e0}.page-header h1{font-size:24px}}.directory{background:#d9e1e8;border-radius:4px;box-shadow:0 0 15px rgba(0,0,0,.2)}.directory__tag{box-sizing:border-box;margin-bottom:10px}.directory__tag>a,.directory__tag>div{display:flex;align-items:center;justify-content:space-between;background:#d9e1e8;border-radius:4px;padding:15px;text-decoration:none;color:inherit;box-shadow:0 0 15px rgba(0,0,0,.2)}.directory__tag>a:hover,.directory__tag>a:active,.directory__tag>a:focus{background:#c0cdd9}.directory__tag.active>a{background:#2b90d9;cursor:default}.directory__tag.disabled>div{opacity:.5;cursor:default}.directory__tag h4{flex:1 1 auto;font-size:18px;font-weight:700;color:#000;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.directory__tag h4 .fa{color:#282c37}.directory__tag h4 small{display:block;font-weight:400;font-size:15px;margin-top:8px;color:#282c37}.directory__tag.active h4,.directory__tag.active h4 .fa,.directory__tag.active h4 small,.directory__tag.active h4 .trends__item__current{color:#000}.directory__tag .avatar-stack{flex:0 0 auto;width:120px}.directory__tag.active .avatar-stack .account__avatar{border-color:#2b90d9}.directory__tag .trends__item__current{padding-right:0}.avatar-stack{display:flex;justify-content:flex-end}.avatar-stack .account__avatar{flex:0 0 auto;width:36px;height:36px;border-radius:50%;position:relative;margin-left:-10px;background:#f2f5f7;border:2px solid #d9e1e8}.avatar-stack .account__avatar:nth-child(1){z-index:1}.avatar-stack .account__avatar:nth-child(2){z-index:2}.avatar-stack .account__avatar:nth-child(3){z-index:3}.accounts-table{width:100%}.accounts-table .account{padding:0;border:0}.accounts-table strong{font-weight:700}.accounts-table thead th{text-align:center;color:#282c37;font-weight:700;padding:10px}.accounts-table thead th:first-child{text-align:left}.accounts-table tbody td{padding:15px 0;vertical-align:middle;border-bottom:1px solid #c0cdd9}.accounts-table tbody tr:last-child td{border-bottom:0}.accounts-table__count{width:120px;text-align:center;font-size:15px;font-weight:500;color:#000}.accounts-table__count small{display:block;color:#282c37;font-weight:400;font-size:14px}.accounts-table__comment{width:50%;vertical-align:initial !important}@media screen and (max-width: 415px){.accounts-table tbody td.optional{display:none}}@media screen and (max-width: 415px){.moved-account-widget,.memoriam-widget,.box-widget,.contact-widget,.landing-page__information.contact-widget,.directory,.page-header{margin-bottom:0;box-shadow:none;border-radius:0}}.statuses-grid{min-height:600px}@media screen and (max-width: 640px){.statuses-grid{width:100% !important}}.statuses-grid__item{width:313.3333333333px}@media screen and (max-width: 1255px){.statuses-grid__item{width:306.6666666667px}}@media screen and (max-width: 640px){.statuses-grid__item{width:100%}}@media screen and (max-width: 415px){.statuses-grid__item{width:100vw}}.statuses-grid .detailed-status{border-radius:4px}@media screen and (max-width: 415px){.statuses-grid .detailed-status{border-top:1px solid #a6b9c9}}.statuses-grid .detailed-status.compact .detailed-status__meta{margin-top:15px}.statuses-grid .detailed-status.compact .status__content{font-size:15px;line-height:20px}.statuses-grid .detailed-status.compact .status__content .emojione{width:20px;height:20px;margin:-3px 0 0}.statuses-grid .detailed-status.compact .status__content .status__content__spoiler-link{line-height:20px;margin:0}.statuses-grid .detailed-status.compact .media-gallery,.statuses-grid .detailed-status.compact .status-card,.statuses-grid .detailed-status.compact .video-player{margin-top:15px}.notice-widget{margin-bottom:10px;color:#282c37}.notice-widget p{margin-bottom:10px}.notice-widget p:last-child{margin-bottom:0}.notice-widget a{font-size:14px;line-height:20px}.notice-widget a,.placeholder-widget a{text-decoration:none;font-weight:500;color:#2b90d9}.notice-widget a:hover,.notice-widget a:focus,.notice-widget a:active,.placeholder-widget a:hover,.placeholder-widget a:focus,.placeholder-widget a:active{text-decoration:underline}.table-of-contents{background:#e6ebf0;min-height:100%;font-size:14px;border-radius:4px}.table-of-contents li a{display:block;font-weight:500;padding:15px;overflow:hidden;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-decoration:none;color:#000;border-bottom:1px solid #ccd7e0}.table-of-contents li a:hover,.table-of-contents li a:focus,.table-of-contents li a:active{text-decoration:underline}.table-of-contents li:last-child a{border-bottom:0}.table-of-contents li ul{padding-left:20px;border-bottom:1px solid #ccd7e0}code{font-family:\"mastodon-font-monospace\",monospace;font-weight:400}.form-container{max-width:400px;padding:20px;margin:0 auto}.simple_form .input{margin-bottom:15px;overflow:hidden}.simple_form .input.hidden{margin:0}.simple_form .input.radio_buttons .radio{margin-bottom:15px}.simple_form .input.radio_buttons .radio:last-child{margin-bottom:0}.simple_form .input.radio_buttons .radio>label{position:relative;padding-left:28px}.simple_form .input.radio_buttons .radio>label input{position:absolute;top:-2px;left:0}.simple_form .input.boolean{position:relative;margin-bottom:0}.simple_form .input.boolean .label_input>label{font-family:inherit;font-size:14px;padding-top:5px;color:#000;display:block;width:auto}.simple_form .input.boolean .label_input,.simple_form .input.boolean .hint{padding-left:28px}.simple_form .input.boolean .label_input__wrapper{position:static}.simple_form .input.boolean label.checkbox{position:absolute;top:2px;left:0}.simple_form .input.boolean label a{color:#2b90d9;text-decoration:underline}.simple_form .input.boolean label a:hover,.simple_form .input.boolean label a:active,.simple_form .input.boolean label a:focus{text-decoration:none}.simple_form .input.boolean .recommended{position:absolute;margin:0 4px;margin-top:-2px}.simple_form .row{display:flex;margin:0 -5px}.simple_form .row .input{box-sizing:border-box;flex:1 1 auto;width:50%;padding:0 5px}.simple_form .hint{color:#282c37}.simple_form .hint a{color:#2b90d9}.simple_form .hint code{border-radius:3px;padding:.2em .4em;background:#fff}.simple_form .hint li{list-style:disc;margin-left:18px}.simple_form ul.hint{margin-bottom:15px}.simple_form span.hint{display:block;font-size:12px;margin-top:4px}.simple_form p.hint{margin-bottom:15px;color:#282c37}.simple_form p.hint.subtle-hint{text-align:center;font-size:12px;line-height:18px;margin-top:15px;margin-bottom:0}.simple_form .card{margin-bottom:15px}.simple_form strong{font-weight:500}.simple_form strong:lang(ja){font-weight:700}.simple_form strong:lang(ko){font-weight:700}.simple_form strong:lang(zh-CN){font-weight:700}.simple_form strong:lang(zh-HK){font-weight:700}.simple_form strong:lang(zh-TW){font-weight:700}.simple_form .input.with_floating_label .label_input{display:flex}.simple_form .input.with_floating_label .label_input>label{font-family:inherit;font-size:14px;color:#000;font-weight:500;min-width:150px;flex:0 0 auto}.simple_form .input.with_floating_label .label_input input,.simple_form .input.with_floating_label .label_input select{flex:1 1 auto}.simple_form .input.with_floating_label.select .hint{margin-top:6px;margin-left:150px}.simple_form .input.with_label .label_input>label{font-family:inherit;font-size:14px;color:#000;display:block;margin-bottom:8px;word-wrap:break-word;font-weight:500}.simple_form .input.with_label .hint{margin-top:6px}.simple_form .input.with_label ul{flex:390px}.simple_form .input.with_block_label{max-width:none}.simple_form .input.with_block_label>label{font-family:inherit;font-size:16px;color:#000;display:block;font-weight:500;padding-top:5px}.simple_form .input.with_block_label .hint{margin-bottom:15px}.simple_form .input.with_block_label ul{columns:2}.simple_form .required abbr{text-decoration:none;color:#c1203b}.simple_form .fields-group{margin-bottom:25px}.simple_form .fields-group .input:last-child{margin-bottom:0}.simple_form .fields-row{display:flex;margin:0 -10px;padding-top:5px;margin-bottom:25px}.simple_form .fields-row .input{max-width:none}.simple_form .fields-row__column{box-sizing:border-box;padding:0 10px;flex:1 1 auto;min-height:1px}.simple_form .fields-row__column-6{max-width:50%}.simple_form .fields-row__column .actions{margin-top:27px}.simple_form .fields-row .fields-group:last-child,.simple_form .fields-row .fields-row__column.fields-group{margin-bottom:0}@media screen and (max-width: 600px){.simple_form .fields-row{display:block;margin-bottom:0}.simple_form .fields-row__column{max-width:none}.simple_form .fields-row .fields-group:last-child,.simple_form .fields-row .fields-row__column.fields-group,.simple_form .fields-row .fields-row__column{margin-bottom:25px}}.simple_form .input.radio_buttons .radio label{margin-bottom:5px;font-family:inherit;font-size:14px;color:#000;display:block;width:auto}.simple_form .check_boxes .checkbox label{font-family:inherit;font-size:14px;color:#000;display:inline-block;width:auto;position:relative;padding-top:5px;padding-left:25px;flex:1 1 auto}.simple_form .check_boxes .checkbox input[type=checkbox]{position:absolute;left:0;top:5px;margin:0}.simple_form .input.static .label_input__wrapper{font-size:16px;padding:10px;border:1px solid #444b5d;border-radius:4px}.simple_form input[type=text],.simple_form input[type=number],.simple_form input[type=email],.simple_form input[type=password],.simple_form textarea{box-sizing:border-box;font-size:16px;color:#000;display:block;width:100%;outline:0;font-family:inherit;resize:vertical;background:#f9fafb;border:1px solid #fff;border-radius:4px;padding:10px}.simple_form input[type=text]::placeholder,.simple_form input[type=number]::placeholder,.simple_form input[type=email]::placeholder,.simple_form input[type=password]::placeholder,.simple_form textarea::placeholder{color:#1f232b}.simple_form input[type=text]:invalid,.simple_form input[type=number]:invalid,.simple_form input[type=email]:invalid,.simple_form input[type=password]:invalid,.simple_form textarea:invalid{box-shadow:none}.simple_form input[type=text]:focus:invalid:not(:placeholder-shown),.simple_form input[type=number]:focus:invalid:not(:placeholder-shown),.simple_form input[type=email]:focus:invalid:not(:placeholder-shown),.simple_form input[type=password]:focus:invalid:not(:placeholder-shown),.simple_form textarea:focus:invalid:not(:placeholder-shown){border-color:#c1203b}.simple_form input[type=text]:required:valid,.simple_form input[type=number]:required:valid,.simple_form input[type=email]:required:valid,.simple_form input[type=password]:required:valid,.simple_form textarea:required:valid{border-color:#4a905f}.simple_form input[type=text]:hover,.simple_form input[type=number]:hover,.simple_form input[type=email]:hover,.simple_form input[type=password]:hover,.simple_form textarea:hover{border-color:#fff}.simple_form input[type=text]:active,.simple_form input[type=text]:focus,.simple_form input[type=number]:active,.simple_form input[type=number]:focus,.simple_form input[type=email]:active,.simple_form input[type=email]:focus,.simple_form input[type=password]:active,.simple_form input[type=password]:focus,.simple_form textarea:active,.simple_form textarea:focus{border-color:#2b90d9;background:#f2f5f7}.simple_form .input.field_with_errors label{color:#c1203b}.simple_form .input.field_with_errors input[type=text],.simple_form .input.field_with_errors input[type=number],.simple_form .input.field_with_errors input[type=email],.simple_form .input.field_with_errors input[type=password],.simple_form .input.field_with_errors textarea,.simple_form .input.field_with_errors select{border-color:#c1203b}.simple_form .input.field_with_errors .error{display:block;font-weight:500;color:#c1203b;margin-top:4px}.simple_form .input.disabled{opacity:.5}.simple_form .actions{margin-top:30px;display:flex}.simple_form .actions.actions--top{margin-top:0;margin-bottom:30px}.simple_form button,.simple_form .button,.simple_form .block-button{display:block;width:100%;border:0;border-radius:4px;background:#2b90d9;color:#000;font-size:18px;line-height:inherit;height:auto;padding:10px;text-decoration:none;text-align:center;box-sizing:border-box;cursor:pointer;font-weight:500;outline:0;margin-bottom:10px;margin-right:10px}.simple_form button:last-child,.simple_form .button:last-child,.simple_form .block-button:last-child{margin-right:0}.simple_form button:hover,.simple_form .button:hover,.simple_form .block-button:hover{background-color:#2482c7}.simple_form button:active,.simple_form button:focus,.simple_form .button:active,.simple_form .button:focus,.simple_form .block-button:active,.simple_form .block-button:focus{background-color:#419bdd}.simple_form button:disabled:hover,.simple_form .button:disabled:hover,.simple_form .block-button:disabled:hover{background-color:#9bcbed}.simple_form button.negative,.simple_form .button.negative,.simple_form .block-button.negative{background:#df405a}.simple_form button.negative:hover,.simple_form .button.negative:hover,.simple_form .block-button.negative:hover{background-color:#db2a47}.simple_form button.negative:active,.simple_form button.negative:focus,.simple_form .button.negative:active,.simple_form .button.negative:focus,.simple_form .block-button.negative:active,.simple_form .block-button.negative:focus{background-color:#e3566d}.simple_form select{appearance:none;box-sizing:border-box;font-size:16px;color:#000;display:block;width:100%;outline:0;font-family:inherit;resize:vertical;background:#f9fafb url(\"data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14.933 18.467' height='19.698' width='15.929'><path d='M3.467 14.967l-3.393-3.5H14.86l-3.392 3.5c-1.866 1.925-3.666 3.5-4 3.5-.335 0-2.135-1.575-4-3.5zm.266-11.234L7.467 0 11.2 3.733l3.733 3.734H0l3.733-3.734z' fill='%23B3C3D1'/></svg>\") no-repeat right 8px center/auto 16px;border:1px solid #fff;border-radius:4px;padding-left:10px;padding-right:30px;height:41px}.simple_form h4{margin-bottom:15px !important}.simple_form .label_input__wrapper{position:relative}.simple_form .label_input__append{position:absolute;right:3px;top:1px;padding:10px;padding-bottom:9px;font-size:16px;color:#444b5d;font-family:inherit;pointer-events:none;cursor:default;max-width:140px;white-space:nowrap;overflow:hidden}.simple_form .label_input__append::after{content:\"\";display:block;position:absolute;top:0;right:0;bottom:1px;width:5px;background-image:linear-gradient(to right, rgba(249, 250, 251, 0), #f9fafb)}.simple_form__overlay-area{position:relative}.simple_form__overlay-area__blurred form{filter:blur(2px)}.simple_form__overlay-area__overlay{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;justify-content:center;align-items:center;background:rgba(217,225,232,.65);border-radius:4px;margin-left:-4px;margin-top:-4px;padding:4px}.simple_form__overlay-area__overlay__content{text-align:center}.simple_form__overlay-area__overlay__content.rich-formatting,.simple_form__overlay-area__overlay__content.rich-formatting p{color:#000}.block-icon{display:block;margin:0 auto;margin-bottom:10px;font-size:24px}.flash-message{background:#c0cdd9;color:#282c37;border-radius:4px;padding:15px 10px;margin-bottom:30px;text-align:center}.flash-message.notice{border:1px solid rgba(74,144,95,.5);background:rgba(74,144,95,.25);color:#4a905f}.flash-message.alert{border:1px solid rgba(223,64,90,.5);background:rgba(223,64,90,.25);color:#df405a}.flash-message a{display:inline-block;color:#282c37;text-decoration:none}.flash-message a:hover{color:#000;text-decoration:underline}.flash-message p{margin-bottom:15px}.flash-message .oauth-code{outline:0;box-sizing:border-box;display:block;width:100%;border:0;padding:10px;font-family:\"mastodon-font-monospace\",monospace;background:#d9e1e8;color:#000;font-size:14px;margin:0}.flash-message .oauth-code::-moz-focus-inner{border:0}.flash-message .oauth-code::-moz-focus-inner,.flash-message .oauth-code:focus,.flash-message .oauth-code:active{outline:0 !important}.flash-message .oauth-code:focus{background:#ccd7e0}.flash-message strong{font-weight:500}.flash-message strong:lang(ja){font-weight:700}.flash-message strong:lang(ko){font-weight:700}.flash-message strong:lang(zh-CN){font-weight:700}.flash-message strong:lang(zh-HK){font-weight:700}.flash-message strong:lang(zh-TW){font-weight:700}@media screen and (max-width: 740px)and (min-width: 441px){.flash-message{margin-top:40px}}.form-footer{margin-top:30px;text-align:center}.form-footer a{color:#282c37;text-decoration:none}.form-footer a:hover{text-decoration:underline}.quick-nav{list-style:none;margin-bottom:25px;font-size:14px}.quick-nav li{display:inline-block;margin-right:10px}.quick-nav a{color:#2b90d9;text-decoration:none;font-weight:700}.quick-nav a:hover,.quick-nav a:focus,.quick-nav a:active{color:#217aba}.oauth-prompt,.follow-prompt{margin-bottom:30px;color:#282c37}.oauth-prompt h2,.follow-prompt h2{font-size:16px;margin-bottom:30px;text-align:center}.oauth-prompt strong,.follow-prompt strong{color:#282c37;font-weight:500}.oauth-prompt strong:lang(ja),.follow-prompt strong:lang(ja){font-weight:700}.oauth-prompt strong:lang(ko),.follow-prompt strong:lang(ko){font-weight:700}.oauth-prompt strong:lang(zh-CN),.follow-prompt strong:lang(zh-CN){font-weight:700}.oauth-prompt strong:lang(zh-HK),.follow-prompt strong:lang(zh-HK){font-weight:700}.oauth-prompt strong:lang(zh-TW),.follow-prompt strong:lang(zh-TW){font-weight:700}@media screen and (max-width: 740px)and (min-width: 441px){.oauth-prompt,.follow-prompt{margin-top:40px}}.qr-wrapper{display:flex;flex-wrap:wrap;align-items:flex-start}.qr-code{flex:0 0 auto;background:#fff;padding:4px;margin:0 10px 20px 0;box-shadow:0 0 15px rgba(0,0,0,.2);display:inline-block}.qr-code svg{display:block;margin:0}.qr-alternative{margin-bottom:20px;color:#282c37;flex:150px}.qr-alternative samp{display:block;font-size:14px}.table-form p{margin-bottom:15px}.table-form p strong{font-weight:500}.table-form p strong:lang(ja){font-weight:700}.table-form p strong:lang(ko){font-weight:700}.table-form p strong:lang(zh-CN){font-weight:700}.table-form p strong:lang(zh-HK){font-weight:700}.table-form p strong:lang(zh-TW){font-weight:700}.simple_form .warning,.table-form .warning{box-sizing:border-box;background:rgba(223,64,90,.5);color:#000;text-shadow:1px 1px 0 rgba(0,0,0,.3);box-shadow:0 2px 6px rgba(0,0,0,.4);border-radius:4px;padding:10px;margin-bottom:15px}.simple_form .warning a,.table-form .warning a{color:#000;text-decoration:underline}.simple_form .warning a:hover,.simple_form .warning a:focus,.simple_form .warning a:active,.table-form .warning a:hover,.table-form .warning a:focus,.table-form .warning a:active{text-decoration:none}.simple_form .warning strong,.table-form .warning strong{font-weight:600;display:block;margin-bottom:5px}.simple_form .warning strong:lang(ja),.table-form .warning strong:lang(ja){font-weight:700}.simple_form .warning strong:lang(ko),.table-form .warning strong:lang(ko){font-weight:700}.simple_form .warning strong:lang(zh-CN),.table-form .warning strong:lang(zh-CN){font-weight:700}.simple_form .warning strong:lang(zh-HK),.table-form .warning strong:lang(zh-HK){font-weight:700}.simple_form .warning strong:lang(zh-TW),.table-form .warning strong:lang(zh-TW){font-weight:700}.simple_form .warning strong .fa,.table-form .warning strong .fa{font-weight:400}.action-pagination{display:flex;flex-wrap:wrap;align-items:center}.action-pagination .actions,.action-pagination .pagination{flex:1 1 auto}.action-pagination .actions{padding:30px 0;padding-right:20px;flex:0 0 auto}.post-follow-actions{text-align:center;color:#282c37}.post-follow-actions div{margin-bottom:4px}.alternative-login{margin-top:20px;margin-bottom:20px}.alternative-login h4{font-size:16px;color:#000;text-align:center;margin-bottom:20px;border:0;padding:0}.alternative-login .button{display:block}.scope-danger{color:#ff5050}.form_admin_settings_site_short_description textarea,.form_admin_settings_site_description textarea,.form_admin_settings_site_extended_description textarea,.form_admin_settings_site_terms textarea,.form_admin_settings_custom_css textarea,.form_admin_settings_closed_registrations_message textarea{font-family:\"mastodon-font-monospace\",monospace}.input-copy{background:#f9fafb;border:1px solid #fff;border-radius:4px;display:flex;align-items:center;padding-right:4px;position:relative;top:1px;transition:border-color 300ms linear}.input-copy__wrapper{flex:1 1 auto}.input-copy input[type=text]{background:transparent;border:0;padding:10px;font-size:14px;font-family:\"mastodon-font-monospace\",monospace}.input-copy button{flex:0 0 auto;margin:4px;text-transform:none;font-weight:400;font-size:14px;padding:7px 18px;padding-bottom:6px;width:auto;transition:background 300ms linear}.input-copy.copied{border-color:#4a905f;transition:none}.input-copy.copied button{background:#4a905f;transition:none}.connection-prompt{margin-bottom:25px}.connection-prompt .fa-link{background-color:#e6ebf0;border-radius:100%;font-size:24px;padding:10px}.connection-prompt__column{align-items:center;display:flex;flex:1;flex-direction:column;flex-shrink:1;max-width:50%}.connection-prompt__column-sep{align-self:center;flex-grow:0;overflow:visible;position:relative;z-index:1}.connection-prompt__column p{word-break:break-word}.connection-prompt .account__avatar{margin-bottom:20px}.connection-prompt__connection{background-color:#c0cdd9;box-shadow:0 0 15px rgba(0,0,0,.2);border-radius:4px;padding:25px 10px;position:relative;text-align:center}.connection-prompt__connection::after{background-color:#e6ebf0;content:\"\";display:block;height:100%;left:50%;position:absolute;top:0;width:1px}.connection-prompt__row{align-items:flex-start;display:flex;flex-direction:row}.card>a{display:block;text-decoration:none;color:inherit;box-shadow:0 0 15px rgba(0,0,0,.2)}@media screen and (max-width: 415px){.card>a{box-shadow:none}}.card>a:hover .card__bar,.card>a:active .card__bar,.card>a:focus .card__bar{background:#c0cdd9}.card__img{height:130px;position:relative;background:#fff;border-radius:4px 4px 0 0}.card__img img{display:block;width:100%;height:100%;margin:0;object-fit:cover;border-radius:4px 4px 0 0}@media screen and (max-width: 600px){.card__img{height:200px}}@media screen and (max-width: 415px){.card__img{display:none}}.card__bar{position:relative;padding:15px;display:flex;justify-content:flex-start;align-items:center;background:#ccd7e0;border-radius:0 0 4px 4px}@media screen and (max-width: 415px){.card__bar{border-radius:0}}.card__bar .avatar{flex:0 0 auto;width:48px;height:48px;padding-top:2px}.card__bar .avatar img{width:100%;height:100%;display:block;margin:0;border-radius:4px;background:#f2f5f7;object-fit:cover}.card__bar .display-name{margin-left:15px;text-align:left}.card__bar .display-name strong{font-size:15px;color:#000;font-weight:500;overflow:hidden;text-overflow:ellipsis}.card__bar .display-name span{display:block;font-size:14px;color:#282c37;font-weight:400;overflow:hidden;text-overflow:ellipsis}.pagination{padding:30px 0;text-align:center;overflow:hidden}.pagination a,.pagination .current,.pagination .newer,.pagination .older,.pagination .page,.pagination .gap{font-size:14px;color:#000;font-weight:500;display:inline-block;padding:6px 10px;text-decoration:none}.pagination .current{background:#fff;border-radius:100px;color:#000;cursor:default;margin:0 10px}.pagination .gap{cursor:default}.pagination .older,.pagination .newer{color:#282c37}.pagination .older{float:left;padding-left:0}.pagination .older .fa{display:inline-block;margin-right:5px}.pagination .newer{float:right;padding-right:0}.pagination .newer .fa{display:inline-block;margin-left:5px}.pagination .disabled{cursor:default;color:#000}@media screen and (max-width: 700px){.pagination{padding:30px 20px}.pagination .page{display:none}.pagination .newer,.pagination .older{display:inline-block}}.nothing-here{background:#d9e1e8;box-shadow:0 0 15px rgba(0,0,0,.2);color:#444b5d;font-size:14px;font-weight:500;text-align:center;display:flex;justify-content:center;align-items:center;cursor:default;border-radius:4px;padding:20px;min-height:30vh}.nothing-here--under-tabs{border-radius:0 0 4px 4px}.nothing-here--flexible{box-sizing:border-box;min-height:100%}.account-role,.simple_form .recommended{display:inline-block;padding:4px 6px;cursor:default;border-radius:3px;font-size:12px;line-height:12px;font-weight:500;color:#282c37;background-color:rgba(40,44,55,.1);border:1px solid rgba(40,44,55,.5)}.account-role.moderator,.simple_form .recommended.moderator{color:#4a905f;background-color:rgba(74,144,95,.1);border-color:rgba(74,144,95,.5)}.account-role.admin,.simple_form .recommended.admin{color:#c1203b;background-color:rgba(193,32,59,.1);border-color:rgba(193,32,59,.5)}.account__header__fields{max-width:100vw;padding:0;margin:15px -15px -15px;border:0 none;border-top:1px solid #b3c3d1;border-bottom:1px solid #b3c3d1;font-size:14px;line-height:20px}.account__header__fields dl{display:flex;border-bottom:1px solid #b3c3d1}.account__header__fields dt,.account__header__fields dd{box-sizing:border-box;padding:14px;text-align:center;max-height:48px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.account__header__fields dt{font-weight:500;width:120px;flex:0 0 auto;color:#282c37;background:rgba(242,245,247,.5)}.account__header__fields dd{flex:1 1 auto;color:#282c37}.account__header__fields a{color:#2b90d9;text-decoration:none}.account__header__fields a:hover,.account__header__fields a:focus,.account__header__fields a:active{text-decoration:underline}.account__header__fields .verified{border:1px solid rgba(74,144,95,.5);background:rgba(74,144,95,.25)}.account__header__fields .verified a{color:#4a905f;font-weight:500}.account__header__fields .verified__mark{color:#4a905f}.account__header__fields dl:last-child{border-bottom:0}.directory__tag .trends__item__current{width:auto}.pending-account__header{color:#282c37}.pending-account__header a{color:#282c37;text-decoration:none}.pending-account__header a:hover,.pending-account__header a:active,.pending-account__header a:focus{text-decoration:underline}.pending-account__header strong{color:#000;font-weight:700}.pending-account__body{margin-top:10px}.activity-stream{box-shadow:0 0 15px rgba(0,0,0,.2);border-radius:4px;overflow:hidden;margin-bottom:10px}.activity-stream--under-tabs{border-radius:0 0 4px 4px}@media screen and (max-width: 415px){.activity-stream{margin-bottom:0;border-radius:0;box-shadow:none}}.activity-stream--headless{border-radius:0;margin:0;box-shadow:none}.activity-stream--headless .detailed-status,.activity-stream--headless .status{border-radius:0 !important}.activity-stream div[data-component]{width:100%}.activity-stream .entry{background:#d9e1e8}.activity-stream .entry .detailed-status,.activity-stream .entry .status,.activity-stream .entry .load-more{animation:none}.activity-stream .entry:last-child .detailed-status,.activity-stream .entry:last-child .status,.activity-stream .entry:last-child .load-more{border-bottom:0;border-radius:0 0 4px 4px}.activity-stream .entry:first-child .detailed-status,.activity-stream .entry:first-child .status,.activity-stream .entry:first-child .load-more{border-radius:4px 4px 0 0}.activity-stream .entry:first-child:last-child .detailed-status,.activity-stream .entry:first-child:last-child .status,.activity-stream .entry:first-child:last-child .load-more{border-radius:4px}@media screen and (max-width: 740px){.activity-stream .entry .detailed-status,.activity-stream .entry .status,.activity-stream .entry .load-more{border-radius:0 !important}}.activity-stream--highlighted .entry{background:#c0cdd9}.button.logo-button{flex:0 auto;font-size:14px;background:#2b90d9;color:#000;text-transform:none;line-height:36px;height:auto;padding:3px 15px;border:0}.button.logo-button svg{width:20px;height:auto;vertical-align:middle;margin-right:5px;fill:#000}.button.logo-button:active,.button.logo-button:focus,.button.logo-button:hover{background:#2074b1}.button.logo-button:disabled:active,.button.logo-button:disabled:focus,.button.logo-button:disabled:hover,.button.logo-button.disabled:active,.button.logo-button.disabled:focus,.button.logo-button.disabled:hover{background:#9bcbed}.button.logo-button.button--destructive:active,.button.logo-button.button--destructive:focus,.button.logo-button.button--destructive:hover{background:#df405a}@media screen and (max-width: 415px){.button.logo-button svg{display:none}}.embed .detailed-status,.public-layout .detailed-status{padding:15px}.embed .status,.public-layout .status{padding:15px 15px 15px 78px;min-height:50px}.embed .status__avatar,.public-layout .status__avatar{left:15px;top:17px}.embed .status__content,.public-layout .status__content{padding-top:5px}.embed .status__prepend,.public-layout .status__prepend{margin-left:78px;padding-top:15px}.embed .status__prepend-icon-wrapper,.public-layout .status__prepend-icon-wrapper{left:-32px}.embed .status .media-gallery,.embed .status__action-bar,.embed .status .video-player,.public-layout .status .media-gallery,.public-layout .status__action-bar,.public-layout .status .video-player{margin-top:10px}button.icon-button i.fa-retweet{background-image:url(\"data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='22' height='209'><path d='M4.97 3.16c-.1.03-.17.1-.22.18L.8 8.24c-.2.3.03.78.4.8H3.6v2.68c0 4.26-.55 3.62 3.66 3.62h7.66l-2.3-2.84c-.03-.02-.03-.04-.05-.06H7.27c-.44 0-.72-.3-.72-.72v-2.7h2.5c.37.03.63-.48.4-.77L5.5 3.35c-.12-.17-.34-.25-.53-.2zm12.16.43c-.55-.02-1.32.02-2.4.02H7.1l2.32 2.85.03.06h5.25c.42 0 .72.28.72.72v2.7h-2.5c-.36.02-.56.54-.3.8l3.92 4.9c.18.25.6.25.78 0l3.94-4.9c.26-.28 0-.83-.37-.8H18.4v-2.7c0-3.15.4-3.62-1.25-3.66z' fill='%23606984' stroke-width='0'/><path d='M7.78 19.66c-.24.02-.44.25-.44.5v2.46h-.06c-1.08 0-1.86-.03-2.4-.03-1.64 0-1.25.43-1.25 3.65v4.47c0 4.26-.56 3.62 3.65 3.62H8.5l-1.3-1.06c-.1-.08-.18-.2-.2-.3-.02-.17.06-.35.2-.45l1.33-1.1H7.28c-.44 0-.72-.3-.72-.7v-4.48c0-.44.28-.72.72-.72h.06v2.5c0 .38.54.63.82.38l4.9-3.93c.25-.18.25-.6 0-.78l-4.9-3.92c-.1-.1-.24-.14-.38-.12zm9.34 2.93c-.54-.02-1.3.02-2.4.02h-1.25l1.3 1.07c.1.07.18.2.2.33.02.16-.06.3-.2.4l-1.33 1.1h1.28c.42 0 .72.28.72.72v4.47c0 .42-.3.72-.72.72h-.1v-2.47c0-.3-.3-.53-.6-.47-.07 0-.14.05-.2.1l-4.9 3.93c-.26.18-.26.6 0 .78l4.9 3.92c.27.25.82 0 .8-.38v-2.5h.1c4.27 0 3.65.67 3.65-3.62v-4.47c0-3.15.4-3.62-1.25-3.66zM10.34 38.66c-.24.02-.44.25-.43.5v2.47H7.3c-1.08 0-1.86-.04-2.4-.04-1.64 0-1.25.43-1.25 3.65v4.47c0 3.66-.23 3.7 2.34 3.66l-1.34-1.1c-.1-.08-.18-.2-.2-.3 0-.17.07-.35.2-.45l1.96-1.6c-.03-.06-.04-.13-.04-.2v-4.48c0-.44.28-.72.72-.72H9.9v2.5c0 .36.5.6.8.38l4.93-3.93c.24-.18.24-.6 0-.78l-4.94-3.92c-.1-.08-.23-.13-.36-.12zm5.63 2.93l1.34 1.1c.1.07.18.2.2.33.02.16-.03.3-.16.4l-1.96 1.6c.02.07.06.13.06.22v4.47c0 .42-.3.72-.72.72h-2.66v-2.47c0-.3-.3-.53-.6-.47-.06.02-.12.05-.18.1l-4.94 3.93c-.24.18-.24.6 0 .78l4.94 3.92c.28.22.78-.02.78-.38v-2.5h2.66c4.27 0 3.65.67 3.65-3.62v-4.47c0-3.66.34-3.7-2.4-3.66zM13.06 57.66c-.23.03-.4.26-.4.5v2.47H7.28c-1.08 0-1.86-.04-2.4-.04-1.64 0-1.25.43-1.25 3.65v4.87l2.93-2.37v-2.5c0-.44.28-.72.72-.72h5.38v2.5c0 .36.5.6.78.38l4.94-3.93c.24-.18.24-.6 0-.78l-4.94-3.92c-.1-.1-.24-.14-.38-.12zm5.3 6.15l-2.92 2.4v2.52c0 .42-.3.72-.72.72h-5.4v-2.47c0-.3-.32-.53-.6-.47-.07.02-.13.05-.2.1L3.6 70.52c-.25.18-.25.6 0 .78l4.93 3.92c.28.22.78-.02.78-.38v-2.5h5.42c4.27 0 3.65.67 3.65-3.62v-4.47-.44zM19.25 78.8c-.1.03-.2.1-.28.17l-.9.9c-.44-.3-1.36-.25-3.35-.25H7.28c-1.08 0-1.86-.03-2.4-.03-1.64 0-1.25.43-1.25 3.65v.7l2.93.3v-1c0-.44.28-.72.72-.72h7.44c.2 0 .37.08.5.2l-1.8 1.8c-.25.26-.08.76.27.8l6.27.7c.28.03.56-.25.53-.53l-.7-6.25c0-.27-.3-.48-.55-.44zm-17.2 6.1c-.2.07-.36.3-.33.54l.7 6.25c.02.36.58.55.83.27l.8-.8c.02 0 .04-.02.04 0 .46.24 1.37.17 3.18.17h7.44c4.27 0 3.65.67 3.65-3.62v-.75l-2.93-.3v1.05c0 .42-.3.72-.72.72H7.28c-.15 0-.3-.03-.4-.1L8.8 86.4c.3-.24.1-.8-.27-.84l-6.28-.65h-.2zM4.88 98.6c-1.33 0-1.34.48-1.3 2.3l1.14-1.37c.08-.1.22-.17.34-.2.16 0 .34.08.44.2l1.66 2.03c.04 0 .07-.03.12-.03h7.44c.34 0 .57.2.65.5h-2.43c-.34.05-.53.52-.3.78l3.92 4.95c.18.24.6.24.78 0l3.94-4.94c.22-.27-.02-.76-.37-.77H18.4c.02-3.9.6-3.4-3.66-3.4H7.28c-1.08 0-1.86-.04-2.4-.04zm.15 2.46c-.1.03-.2.1-.28.2l-3.94 4.9c-.2.28.03.77.4.78H3.6c-.02 3.94-.45 3.4 3.66 3.4h7.44c3.65 0 3.74.3 3.7-2.25l-1.1 1.34c-.1.1-.2.17-.32.2-.16 0-.34-.08-.44-.2l-1.65-2.03c-.06.02-.1.04-.18.04H7.28c-.35 0-.57-.2-.66-.5h2.44c.37 0 .63-.5.4-.78l-3.96-4.9c-.1-.15-.3-.23-.47-.2zM4.88 117.6c-1.16 0-1.3.3-1.3 1.56l1.14-1.38c.08-.1.22-.14.34-.16.16 0 .34.04.44.16l2.22 2.75h7c.42 0 .72.28.72.72v.53h-2.6c-.3.1-.43.54-.2.78l3.92 4.9c.18.25.6.25.78 0l3.94-4.9c.22-.28-.02-.77-.37-.78H18.4v-.53c0-4.2.72-3.63-3.66-3.63H7.28c-1.08 0-1.86-.03-2.4-.03zm.1 1.74c-.1.03-.17.1-.23.16L.8 124.44c-.2.28.03.77.4.78H3.6v.5c0 4.26-.55 3.62 3.66 3.62h7.44c1.03 0 1.74.02 2.28 0-.16.02-.34-.03-.44-.15l-2.22-2.76H7.28c-.44 0-.72-.3-.72-.72v-.5h2.5c.37.02.63-.5.4-.78L5.5 119.5c-.12-.15-.34-.22-.53-.16zm12.02 10c1.2-.02 1.4-.25 1.4-1.53l-1.1 1.36c-.07.1-.17.17-.3.18zM5.94 136.6l2.37 2.93h6.42c.42 0 .72.28.72.72v1.25h-2.6c-.3.1-.43.54-.2.78l3.92 4.9c.18.25.6.25.78 0l3.94-4.9c.22-.28-.02-.77-.37-.78H18.4v-1.25c0-4.2.72-3.63-3.66-3.63H7.28c-.6 0-.92-.02-1.34-.03zm-1.72.06c-.4.08-.54.3-.6.75l.6-.74zm.84.93c-.12 0-.24.08-.3.18l-3.95 4.9c-.24.3 0 .83.4.82H3.6v1.22c0 4.26-.55 3.62 3.66 3.62h7.44c.63 0 .97.02 1.4.03l-2.37-2.93H7.28c-.44 0-.72-.3-.72-.72v-1.22h2.5c.4.04.67-.53.4-.8l-3.96-4.92c-.1-.13-.27-.2-.44-.2zm13.28 10.03l-.56.7c.36-.07.5-.3.56-.7zM17.13 155.6c-.55-.02-1.32.03-2.4.03h-8.2l2.38 2.9h5.82c.42 0 .72.28.72.72v1.97H12.9c-.32.06-.48.52-.28.78l3.94 4.94c.2.23.6.22.78-.03l3.94-4.9c.22-.28-.02-.77-.37-.78H18.4v-1.97c0-3.15.4-3.62-1.25-3.66zm-12.1.28c-.1.02-.2.1-.28.18l-3.94 4.9c-.2.3.03.78.4.8H3.6v1.96c0 4.26-.55 3.62 3.66 3.62h8.24l-2.36-2.9H7.28c-.44 0-.72-.3-.72-.72v-1.97h2.5c.37.02.63-.5.4-.78l-3.96-4.9c-.1-.15-.3-.22-.47-.2zM5.13 174.5c-.15 0-.3.07-.38.2L.8 179.6c-.24.27 0 .82.4.8H3.6v2.32c0 4.26-.55 3.62 3.66 3.62h7.94l-2.35-2.9h-5.6c-.43 0-.7-.3-.7-.72v-2.3h2.5c.38.03.66-.54.4-.83l-3.97-4.9c-.1-.13-.23-.2-.38-.2zm12 .1c-.55-.02-1.32.03-2.4.03H6.83l2.35 2.9h5.52c.42 0 .72.28.72.72v2.34h-2.6c-.3.1-.43.53-.2.78l3.92 4.9c.18.24.6.24.78 0l3.94-4.9c.22-.3-.02-.78-.37-.8H18.4v-2.33c0-3.15.4-3.62-1.25-3.66zM4.97 193.16c-.1.03-.17.1-.22.18l-3.94 4.9c-.2.3.03.78.4.8H3.6v2.68c0 4.26-.55 3.62 3.66 3.62h7.66l-2.3-2.84c-.03-.02-.03-.04-.05-.06H7.27c-.44 0-.72-.3-.72-.72v-2.7h2.5c.37.03.63-.48.4-.77l-3.96-4.9c-.12-.17-.34-.25-.53-.2zm12.16.43c-.55-.02-1.32.03-2.4.03H7.1l2.32 2.84.03.06h5.25c.42 0 .72.28.72.72v2.7h-2.5c-.36.02-.56.54-.3.8l3.92 4.9c.18.25.6.25.78 0l3.94-4.9c.26-.28 0-.83-.37-.8H18.4v-2.7c0-3.15.4-3.62-1.25-3.66z' fill='%232B90D9' stroke-width='0'/></svg>\")}button.icon-button i.fa-retweet:hover{background-image:url(\"data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='22' height='209'><path d='M4.97 3.16c-.1.03-.17.1-.22.18L.8 8.24c-.2.3.03.78.4.8H3.6v2.68c0 4.26-.55 3.62 3.66 3.62h7.66l-2.3-2.84c-.03-.02-.03-.04-.05-.06H7.27c-.44 0-.72-.3-.72-.72v-2.7h2.5c.37.03.63-.48.4-.77L5.5 3.35c-.12-.17-.34-.25-.53-.2zm12.16.43c-.55-.02-1.32.02-2.4.02H7.1l2.32 2.85.03.06h5.25c.42 0 .72.28.72.72v2.7h-2.5c-.36.02-.56.54-.3.8l3.92 4.9c.18.25.6.25.78 0l3.94-4.9c.26-.28 0-.83-.37-.8H18.4v-2.7c0-3.15.4-3.62-1.25-3.66z' fill='%2351596F' stroke-width='0'/><path d='M7.78 19.66c-.24.02-.44.25-.44.5v2.46h-.06c-1.08 0-1.86-.03-2.4-.03-1.64 0-1.25.43-1.25 3.65v4.47c0 4.26-.56 3.62 3.65 3.62H8.5l-1.3-1.06c-.1-.08-.18-.2-.2-.3-.02-.17.06-.35.2-.45l1.33-1.1H7.28c-.44 0-.72-.3-.72-.7v-4.48c0-.44.28-.72.72-.72h.06v2.5c0 .38.54.63.82.38l4.9-3.93c.25-.18.25-.6 0-.78l-4.9-3.92c-.1-.1-.24-.14-.38-.12zm9.34 2.93c-.54-.02-1.3.02-2.4.02h-1.25l1.3 1.07c.1.07.18.2.2.33.02.16-.06.3-.2.4l-1.33 1.1h1.28c.42 0 .72.28.72.72v4.47c0 .42-.3.72-.72.72h-.1v-2.47c0-.3-.3-.53-.6-.47-.07 0-.14.05-.2.1l-4.9 3.93c-.26.18-.26.6 0 .78l4.9 3.92c.27.25.82 0 .8-.38v-2.5h.1c4.27 0 3.65.67 3.65-3.62v-4.47c0-3.15.4-3.62-1.25-3.66zM10.34 38.66c-.24.02-.44.25-.43.5v2.47H7.3c-1.08 0-1.86-.04-2.4-.04-1.64 0-1.25.43-1.25 3.65v4.47c0 3.66-.23 3.7 2.34 3.66l-1.34-1.1c-.1-.08-.18-.2-.2-.3 0-.17.07-.35.2-.45l1.96-1.6c-.03-.06-.04-.13-.04-.2v-4.48c0-.44.28-.72.72-.72H9.9v2.5c0 .36.5.6.8.38l4.93-3.93c.24-.18.24-.6 0-.78l-4.94-3.92c-.1-.08-.23-.13-.36-.12zm5.63 2.93l1.34 1.1c.1.07.18.2.2.33.02.16-.03.3-.16.4l-1.96 1.6c.02.07.06.13.06.22v4.47c0 .42-.3.72-.72.72h-2.66v-2.47c0-.3-.3-.53-.6-.47-.06.02-.12.05-.18.1l-4.94 3.93c-.24.18-.24.6 0 .78l4.94 3.92c.28.22.78-.02.78-.38v-2.5h2.66c4.27 0 3.65.67 3.65-3.62v-4.47c0-3.66.34-3.7-2.4-3.66zM13.06 57.66c-.23.03-.4.26-.4.5v2.47H7.28c-1.08 0-1.86-.04-2.4-.04-1.64 0-1.25.43-1.25 3.65v4.87l2.93-2.37v-2.5c0-.44.28-.72.72-.72h5.38v2.5c0 .36.5.6.78.38l4.94-3.93c.24-.18.24-.6 0-.78l-4.94-3.92c-.1-.1-.24-.14-.38-.12zm5.3 6.15l-2.92 2.4v2.52c0 .42-.3.72-.72.72h-5.4v-2.47c0-.3-.32-.53-.6-.47-.07.02-.13.05-.2.1L3.6 70.52c-.25.18-.25.6 0 .78l4.93 3.92c.28.22.78-.02.78-.38v-2.5h5.42c4.27 0 3.65.67 3.65-3.62v-4.47-.44zM19.25 78.8c-.1.03-.2.1-.28.17l-.9.9c-.44-.3-1.36-.25-3.35-.25H7.28c-1.08 0-1.86-.03-2.4-.03-1.64 0-1.25.43-1.25 3.65v.7l2.93.3v-1c0-.44.28-.72.72-.72h7.44c.2 0 .37.08.5.2l-1.8 1.8c-.25.26-.08.76.27.8l6.27.7c.28.03.56-.25.53-.53l-.7-6.25c0-.27-.3-.48-.55-.44zm-17.2 6.1c-.2.07-.36.3-.33.54l.7 6.25c.02.36.58.55.83.27l.8-.8c.02 0 .04-.02.04 0 .46.24 1.37.17 3.18.17h7.44c4.27 0 3.65.67 3.65-3.62v-.75l-2.93-.3v1.05c0 .42-.3.72-.72.72H7.28c-.15 0-.3-.03-.4-.1L8.8 86.4c.3-.24.1-.8-.27-.84l-6.28-.65h-.2zM4.88 98.6c-1.33 0-1.34.48-1.3 2.3l1.14-1.37c.08-.1.22-.17.34-.2.16 0 .34.08.44.2l1.66 2.03c.04 0 .07-.03.12-.03h7.44c.34 0 .57.2.65.5h-2.43c-.34.05-.53.52-.3.78l3.92 4.95c.18.24.6.24.78 0l3.94-4.94c.22-.27-.02-.76-.37-.77H18.4c.02-3.9.6-3.4-3.66-3.4H7.28c-1.08 0-1.86-.04-2.4-.04zm.15 2.46c-.1.03-.2.1-.28.2l-3.94 4.9c-.2.28.03.77.4.78H3.6c-.02 3.94-.45 3.4 3.66 3.4h7.44c3.65 0 3.74.3 3.7-2.25l-1.1 1.34c-.1.1-.2.17-.32.2-.16 0-.34-.08-.44-.2l-1.65-2.03c-.06.02-.1.04-.18.04H7.28c-.35 0-.57-.2-.66-.5h2.44c.37 0 .63-.5.4-.78l-3.96-4.9c-.1-.15-.3-.23-.47-.2zM4.88 117.6c-1.16 0-1.3.3-1.3 1.56l1.14-1.38c.08-.1.22-.14.34-.16.16 0 .34.04.44.16l2.22 2.75h7c.42 0 .72.28.72.72v.53h-2.6c-.3.1-.43.54-.2.78l3.92 4.9c.18.25.6.25.78 0l3.94-4.9c.22-.28-.02-.77-.37-.78H18.4v-.53c0-4.2.72-3.63-3.66-3.63H7.28c-1.08 0-1.86-.03-2.4-.03zm.1 1.74c-.1.03-.17.1-.23.16L.8 124.44c-.2.28.03.77.4.78H3.6v.5c0 4.26-.55 3.62 3.66 3.62h7.44c1.03 0 1.74.02 2.28 0-.16.02-.34-.03-.44-.15l-2.22-2.76H7.28c-.44 0-.72-.3-.72-.72v-.5h2.5c.37.02.63-.5.4-.78L5.5 119.5c-.12-.15-.34-.22-.53-.16zm12.02 10c1.2-.02 1.4-.25 1.4-1.53l-1.1 1.36c-.07.1-.17.17-.3.18zM5.94 136.6l2.37 2.93h6.42c.42 0 .72.28.72.72v1.25h-2.6c-.3.1-.43.54-.2.78l3.92 4.9c.18.25.6.25.78 0l3.94-4.9c.22-.28-.02-.77-.37-.78H18.4v-1.25c0-4.2.72-3.63-3.66-3.63H7.28c-.6 0-.92-.02-1.34-.03zm-1.72.06c-.4.08-.54.3-.6.75l.6-.74zm.84.93c-.12 0-.24.08-.3.18l-3.95 4.9c-.24.3 0 .83.4.82H3.6v1.22c0 4.26-.55 3.62 3.66 3.62h7.44c.63 0 .97.02 1.4.03l-2.37-2.93H7.28c-.44 0-.72-.3-.72-.72v-1.22h2.5c.4.04.67-.53.4-.8l-3.96-4.92c-.1-.13-.27-.2-.44-.2zm13.28 10.03l-.56.7c.36-.07.5-.3.56-.7zM17.13 155.6c-.55-.02-1.32.03-2.4.03h-8.2l2.38 2.9h5.82c.42 0 .72.28.72.72v1.97H12.9c-.32.06-.48.52-.28.78l3.94 4.94c.2.23.6.22.78-.03l3.94-4.9c.22-.28-.02-.77-.37-.78H18.4v-1.97c0-3.15.4-3.62-1.25-3.66zm-12.1.28c-.1.02-.2.1-.28.18l-3.94 4.9c-.2.3.03.78.4.8H3.6v1.96c0 4.26-.55 3.62 3.66 3.62h8.24l-2.36-2.9H7.28c-.44 0-.72-.3-.72-.72v-1.97h2.5c.37.02.63-.5.4-.78l-3.96-4.9c-.1-.15-.3-.22-.47-.2zM5.13 174.5c-.15 0-.3.07-.38.2L.8 179.6c-.24.27 0 .82.4.8H3.6v2.32c0 4.26-.55 3.62 3.66 3.62h7.94l-2.35-2.9h-5.6c-.43 0-.7-.3-.7-.72v-2.3h2.5c.38.03.66-.54.4-.83l-3.97-4.9c-.1-.13-.23-.2-.38-.2zm12 .1c-.55-.02-1.32.03-2.4.03H6.83l2.35 2.9h5.52c.42 0 .72.28.72.72v2.34h-2.6c-.3.1-.43.53-.2.78l3.92 4.9c.18.24.6.24.78 0l3.94-4.9c.22-.3-.02-.78-.37-.8H18.4v-2.33c0-3.15.4-3.62-1.25-3.66zM4.97 193.16c-.1.03-.17.1-.22.18l-3.94 4.9c-.2.3.03.78.4.8H3.6v2.68c0 4.26-.55 3.62 3.66 3.62h7.66l-2.3-2.84c-.03-.02-.03-.04-.05-.06H7.27c-.44 0-.72-.3-.72-.72v-2.7h2.5c.37.03.63-.48.4-.77l-3.96-4.9c-.12-.17-.34-.25-.53-.2zm12.16.43c-.55-.02-1.32.03-2.4.03H7.1l2.32 2.84.03.06h5.25c.42 0 .72.28.72.72v2.7h-2.5c-.36.02-.56.54-.3.8l3.92 4.9c.18.25.6.25.78 0l3.94-4.9c.26-.28 0-.83-.37-.8H18.4v-2.7c0-3.15.4-3.62-1.25-3.66z' fill='%232B90D9' stroke-width='0'/></svg>\")}button.icon-button.disabled i.fa-retweet{background-image:url(\"data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='22' height='209'><path d='M4.97 3.16c-.1.03-.17.1-.22.18L.8 8.24c-.2.3.03.78.4.8H3.6v2.68c0 4.26-.55 3.62 3.66 3.62h7.66l-2.3-2.84c-.03-.02-.03-.04-.05-.06H7.27c-.44 0-.72-.3-.72-.72v-2.7h2.5c.37.03.63-.48.4-.77L5.5 3.35c-.12-.17-.34-.25-.53-.2zm12.16.43c-.55-.02-1.32.02-2.4.02H7.1l2.32 2.85.03.06h5.25c.42 0 .72.28.72.72v2.7h-2.5c-.36.02-.56.54-.3.8l3.92 4.9c.18.25.6.25.78 0l3.94-4.9c.26-.28 0-.83-.37-.8H18.4v-2.7c0-3.15.4-3.62-1.25-3.66z' fill='%23828BA4' stroke-width='0'/><path d='M7.78 19.66c-.24.02-.44.25-.44.5v2.46h-.06c-1.08 0-1.86-.03-2.4-.03-1.64 0-1.25.43-1.25 3.65v4.47c0 4.26-.56 3.62 3.65 3.62H8.5l-1.3-1.06c-.1-.08-.18-.2-.2-.3-.02-.17.06-.35.2-.45l1.33-1.1H7.28c-.44 0-.72-.3-.72-.7v-4.48c0-.44.28-.72.72-.72h.06v2.5c0 .38.54.63.82.38l4.9-3.93c.25-.18.25-.6 0-.78l-4.9-3.92c-.1-.1-.24-.14-.38-.12zm9.34 2.93c-.54-.02-1.3.02-2.4.02h-1.25l1.3 1.07c.1.07.18.2.2.33.02.16-.06.3-.2.4l-1.33 1.1h1.28c.42 0 .72.28.72.72v4.47c0 .42-.3.72-.72.72h-.1v-2.47c0-.3-.3-.53-.6-.47-.07 0-.14.05-.2.1l-4.9 3.93c-.26.18-.26.6 0 .78l4.9 3.92c.27.25.82 0 .8-.38v-2.5h.1c4.27 0 3.65.67 3.65-3.62v-4.47c0-3.15.4-3.62-1.25-3.66zM10.34 38.66c-.24.02-.44.25-.43.5v2.47H7.3c-1.08 0-1.86-.04-2.4-.04-1.64 0-1.25.43-1.25 3.65v4.47c0 3.66-.23 3.7 2.34 3.66l-1.34-1.1c-.1-.08-.18-.2-.2-.3 0-.17.07-.35.2-.45l1.96-1.6c-.03-.06-.04-.13-.04-.2v-4.48c0-.44.28-.72.72-.72H9.9v2.5c0 .36.5.6.8.38l4.93-3.93c.24-.18.24-.6 0-.78l-4.94-3.92c-.1-.08-.23-.13-.36-.12zm5.63 2.93l1.34 1.1c.1.07.18.2.2.33.02.16-.03.3-.16.4l-1.96 1.6c.02.07.06.13.06.22v4.47c0 .42-.3.72-.72.72h-2.66v-2.47c0-.3-.3-.53-.6-.47-.06.02-.12.05-.18.1l-4.94 3.93c-.24.18-.24.6 0 .78l4.94 3.92c.28.22.78-.02.78-.38v-2.5h2.66c4.27 0 3.65.67 3.65-3.62v-4.47c0-3.66.34-3.7-2.4-3.66zM13.06 57.66c-.23.03-.4.26-.4.5v2.47H7.28c-1.08 0-1.86-.04-2.4-.04-1.64 0-1.25.43-1.25 3.65v4.87l2.93-2.37v-2.5c0-.44.28-.72.72-.72h5.38v2.5c0 .36.5.6.78.38l4.94-3.93c.24-.18.24-.6 0-.78l-4.94-3.92c-.1-.1-.24-.14-.38-.12zm5.3 6.15l-2.92 2.4v2.52c0 .42-.3.72-.72.72h-5.4v-2.47c0-.3-.32-.53-.6-.47-.07.02-.13.05-.2.1L3.6 70.52c-.25.18-.25.6 0 .78l4.93 3.92c.28.22.78-.02.78-.38v-2.5h5.42c4.27 0 3.65.67 3.65-3.62v-4.47-.44zM19.25 78.8c-.1.03-.2.1-.28.17l-.9.9c-.44-.3-1.36-.25-3.35-.25H7.28c-1.08 0-1.86-.03-2.4-.03-1.64 0-1.25.43-1.25 3.65v.7l2.93.3v-1c0-.44.28-.72.72-.72h7.44c.2 0 .37.08.5.2l-1.8 1.8c-.25.26-.08.76.27.8l6.27.7c.28.03.56-.25.53-.53l-.7-6.25c0-.27-.3-.48-.55-.44zm-17.2 6.1c-.2.07-.36.3-.33.54l.7 6.25c.02.36.58.55.83.27l.8-.8c.02 0 .04-.02.04 0 .46.24 1.37.17 3.18.17h7.44c4.27 0 3.65.67 3.65-3.62v-.75l-2.93-.3v1.05c0 .42-.3.72-.72.72H7.28c-.15 0-.3-.03-.4-.1L8.8 86.4c.3-.24.1-.8-.27-.84l-6.28-.65h-.2zM4.88 98.6c-1.33 0-1.34.48-1.3 2.3l1.14-1.37c.08-.1.22-.17.34-.2.16 0 .34.08.44.2l1.66 2.03c.04 0 .07-.03.12-.03h7.44c.34 0 .57.2.65.5h-2.43c-.34.05-.53.52-.3.78l3.92 4.95c.18.24.6.24.78 0l3.94-4.94c.22-.27-.02-.76-.37-.77H18.4c.02-3.9.6-3.4-3.66-3.4H7.28c-1.08 0-1.86-.04-2.4-.04zm.15 2.46c-.1.03-.2.1-.28.2l-3.94 4.9c-.2.28.03.77.4.78H3.6c-.02 3.94-.45 3.4 3.66 3.4h7.44c3.65 0 3.74.3 3.7-2.25l-1.1 1.34c-.1.1-.2.17-.32.2-.16 0-.34-.08-.44-.2l-1.65-2.03c-.06.02-.1.04-.18.04H7.28c-.35 0-.57-.2-.66-.5h2.44c.37 0 .63-.5.4-.78l-3.96-4.9c-.1-.15-.3-.23-.47-.2zM4.88 117.6c-1.16 0-1.3.3-1.3 1.56l1.14-1.38c.08-.1.22-.14.34-.16.16 0 .34.04.44.16l2.22 2.75h7c.42 0 .72.28.72.72v.53h-2.6c-.3.1-.43.54-.2.78l3.92 4.9c.18.25.6.25.78 0l3.94-4.9c.22-.28-.02-.77-.37-.78H18.4v-.53c0-4.2.72-3.63-3.66-3.63H7.28c-1.08 0-1.86-.03-2.4-.03zm.1 1.74c-.1.03-.17.1-.23.16L.8 124.44c-.2.28.03.77.4.78H3.6v.5c0 4.26-.55 3.62 3.66 3.62h7.44c1.03 0 1.74.02 2.28 0-.16.02-.34-.03-.44-.15l-2.22-2.76H7.28c-.44 0-.72-.3-.72-.72v-.5h2.5c.37.02.63-.5.4-.78L5.5 119.5c-.12-.15-.34-.22-.53-.16zm12.02 10c1.2-.02 1.4-.25 1.4-1.53l-1.1 1.36c-.07.1-.17.17-.3.18zM5.94 136.6l2.37 2.93h6.42c.42 0 .72.28.72.72v1.25h-2.6c-.3.1-.43.54-.2.78l3.92 4.9c.18.25.6.25.78 0l3.94-4.9c.22-.28-.02-.77-.37-.78H18.4v-1.25c0-4.2.72-3.63-3.66-3.63H7.28c-.6 0-.92-.02-1.34-.03zm-1.72.06c-.4.08-.54.3-.6.75l.6-.74zm.84.93c-.12 0-.24.08-.3.18l-3.95 4.9c-.24.3 0 .83.4.82H3.6v1.22c0 4.26-.55 3.62 3.66 3.62h7.44c.63 0 .97.02 1.4.03l-2.37-2.93H7.28c-.44 0-.72-.3-.72-.72v-1.22h2.5c.4.04.67-.53.4-.8l-3.96-4.92c-.1-.13-.27-.2-.44-.2zm13.28 10.03l-.56.7c.36-.07.5-.3.56-.7zM17.13 155.6c-.55-.02-1.32.03-2.4.03h-8.2l2.38 2.9h5.82c.42 0 .72.28.72.72v1.97H12.9c-.32.06-.48.52-.28.78l3.94 4.94c.2.23.6.22.78-.03l3.94-4.9c.22-.28-.02-.77-.37-.78H18.4v-1.97c0-3.15.4-3.62-1.25-3.66zm-12.1.28c-.1.02-.2.1-.28.18l-3.94 4.9c-.2.3.03.78.4.8H3.6v1.96c0 4.26-.55 3.62 3.66 3.62h8.24l-2.36-2.9H7.28c-.44 0-.72-.3-.72-.72v-1.97h2.5c.37.02.63-.5.4-.78l-3.96-4.9c-.1-.15-.3-.22-.47-.2zM5.13 174.5c-.15 0-.3.07-.38.2L.8 179.6c-.24.27 0 .82.4.8H3.6v2.32c0 4.26-.55 3.62 3.66 3.62h7.94l-2.35-2.9h-5.6c-.43 0-.7-.3-.7-.72v-2.3h2.5c.38.03.66-.54.4-.83l-3.97-4.9c-.1-.13-.23-.2-.38-.2zm12 .1c-.55-.02-1.32.03-2.4.03H6.83l2.35 2.9h5.52c.42 0 .72.28.72.72v2.34h-2.6c-.3.1-.43.53-.2.78l3.92 4.9c.18.24.6.24.78 0l3.94-4.9c.22-.3-.02-.78-.37-.8H18.4v-2.33c0-3.15.4-3.62-1.25-3.66zM4.97 193.16c-.1.03-.17.1-.22.18l-3.94 4.9c-.2.3.03.78.4.8H3.6v2.68c0 4.26-.55 3.62 3.66 3.62h7.66l-2.3-2.84c-.03-.02-.03-.04-.05-.06H7.27c-.44 0-.72-.3-.72-.72v-2.7h2.5c.37.03.63-.48.4-.77l-3.96-4.9c-.12-.17-.34-.25-.53-.2zm12.16.43c-.55-.02-1.32.03-2.4.03H7.1l2.32 2.84.03.06h5.25c.42 0 .72.28.72.72v2.7h-2.5c-.36.02-.56.54-.3.8l3.92 4.9c.18.25.6.25.78 0l3.94-4.9c.26-.28 0-.83-.37-.8H18.4v-2.7c0-3.15.4-3.62-1.25-3.66z' fill='%232B90D9' stroke-width='0'/></svg>\")}.app-body{-webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar}.link-button{display:block;font-size:15px;line-height:20px;color:#2b90d9;border:0;background:transparent;padding:0;cursor:pointer}.link-button:hover,.link-button:active{text-decoration:underline}.link-button:disabled{color:#9bcbed;cursor:default}.button{background-color:#2b90d9;border:10px none;border-radius:4px;box-sizing:border-box;color:#000;cursor:pointer;display:inline-block;font-family:inherit;font-size:15px;font-weight:500;height:36px;letter-spacing:0;line-height:36px;overflow:hidden;padding:0 16px;position:relative;text-align:center;text-decoration:none;text-overflow:ellipsis;transition:all 100ms ease-in;white-space:nowrap;width:auto}.button:active,.button:focus,.button:hover{background-color:#2074b1;transition:all 200ms ease-out}.button--destructive{transition:none}.button--destructive:active,.button--destructive:focus,.button--destructive:hover{background-color:#df405a;transition:none}.button:disabled,.button.disabled{background-color:#9bcbed;cursor:default}.button::-moz-focus-inner{border:0}.button::-moz-focus-inner,.button:focus,.button:active{outline:0 !important}.button.button-primary,.button.button-alternative,.button.button-secondary,.button.button-alternative-2{font-size:16px;line-height:36px;height:auto;text-transform:none;padding:4px 16px}.button.button-alternative{color:#000;background:#9bcbed}.button.button-alternative:active,.button.button-alternative:focus,.button.button-alternative:hover{background-color:#8ac2ea}.button.button-alternative-2{background:#b0c0cf}.button.button-alternative-2:active,.button.button-alternative-2:focus,.button.button-alternative-2:hover{background-color:#a3b6c7}.button.button-secondary{color:#282c37;background:transparent;padding:3px 15px;border:1px solid #9bcbed}.button.button-secondary:active,.button.button-secondary:focus,.button.button-secondary:hover{border-color:#8ac2ea;color:#1f232b}.button.button-secondary:disabled{opacity:.5}.button.button--block{display:block;width:100%}.column__wrapper{display:flex;flex:1 1 auto;position:relative}.icon-button{display:inline-block;padding:0;color:#606984;border:0;border-radius:4px;background:transparent;cursor:pointer;transition:all 100ms ease-in;transition-property:background-color,color}.icon-button:hover,.icon-button:active,.icon-button:focus{color:#51596f;background-color:rgba(96,105,132,.15);transition:all 200ms ease-out;transition-property:background-color,color}.icon-button:focus{background-color:rgba(96,105,132,.3)}.icon-button.disabled{color:#828ba4;background-color:transparent;cursor:default}.icon-button.active{color:#2b90d9}.icon-button::-moz-focus-inner{border:0}.icon-button::-moz-focus-inner,.icon-button:focus,.icon-button:active{outline:0 !important}.icon-button.inverted{color:#282c37}.icon-button.inverted:hover,.icon-button.inverted:active,.icon-button.inverted:focus{color:#373d4c;background-color:rgba(40,44,55,.15)}.icon-button.inverted:focus{background-color:rgba(40,44,55,.3)}.icon-button.inverted.disabled{color:#191b22;background-color:transparent}.icon-button.inverted.active{color:#2b90d9}.icon-button.inverted.active.disabled{color:#1d6ca4}.icon-button.overlayed{box-sizing:content-box;background:rgba(255,255,255,.6);color:rgba(0,0,0,.7);border-radius:4px;padding:2px}.icon-button.overlayed:hover{background:rgba(255,255,255,.9)}.text-icon-button{color:#282c37;border:0;border-radius:4px;background:transparent;cursor:pointer;font-weight:600;font-size:11px;padding:0 3px;line-height:27px;outline:0;transition:all 100ms ease-in;transition-property:background-color,color}.text-icon-button:hover,.text-icon-button:active,.text-icon-button:focus{color:#373d4c;background-color:rgba(40,44,55,.15);transition:all 200ms ease-out;transition-property:background-color,color}.text-icon-button:focus{background-color:rgba(40,44,55,.3)}.text-icon-button.disabled{color:#000;background-color:transparent;cursor:default}.text-icon-button.active{color:#2b90d9}.text-icon-button::-moz-focus-inner{border:0}.text-icon-button::-moz-focus-inner,.text-icon-button:focus,.text-icon-button:active{outline:0 !important}.dropdown-menu{position:absolute}.invisible{font-size:0;line-height:0;display:inline-block;width:0;height:0;position:absolute}.invisible img,.invisible svg{margin:0 !important;border:0 !important;padding:0 !important;width:0 !important;height:0 !important}.ellipsis::after{content:\"…\"}.compose-form{padding:10px}.compose-form__sensitive-button{padding:10px;padding-top:0;font-size:14px;font-weight:500}.compose-form__sensitive-button.active{color:#2b90d9}.compose-form__sensitive-button input[type=checkbox]{display:none}.compose-form__sensitive-button .checkbox{display:inline-block;position:relative;border:1px solid #9bcbed;box-sizing:border-box;width:18px;height:18px;flex:0 0 auto;margin-right:10px;top:-1px;border-radius:4px;vertical-align:middle}.compose-form__sensitive-button .checkbox.active{border-color:#2b90d9;background:#2b90d9}.compose-form .compose-form__warning{color:#000;margin-bottom:10px;background:#9bcbed;box-shadow:0 2px 6px rgba(0,0,0,.3);padding:8px 10px;border-radius:4px;font-size:13px;font-weight:400}.compose-form .compose-form__warning strong{color:#000;font-weight:500}.compose-form .compose-form__warning strong:lang(ja){font-weight:700}.compose-form .compose-form__warning strong:lang(ko){font-weight:700}.compose-form .compose-form__warning strong:lang(zh-CN){font-weight:700}.compose-form .compose-form__warning strong:lang(zh-HK){font-weight:700}.compose-form .compose-form__warning strong:lang(zh-TW){font-weight:700}.compose-form .compose-form__warning a{color:#282c37;font-weight:500;text-decoration:underline}.compose-form .compose-form__warning a:hover,.compose-form .compose-form__warning a:active,.compose-form .compose-form__warning a:focus{text-decoration:none}.compose-form .emoji-picker-dropdown{position:absolute;top:5px;right:5px}.compose-form .compose-form__autosuggest-wrapper{position:relative}.compose-form .autosuggest-textarea,.compose-form .autosuggest-input,.compose-form .spoiler-input{position:relative;width:100%}.compose-form .spoiler-input{height:0;transform-origin:bottom;opacity:0}.compose-form .spoiler-input.spoiler-input--visible{height:36px;margin-bottom:11px;opacity:1}.compose-form .autosuggest-textarea__textarea,.compose-form .spoiler-input__input{display:block;box-sizing:border-box;width:100%;margin:0;color:#000;background:#fff;padding:10px;font-family:inherit;font-size:14px;resize:vertical;border:0;outline:0}.compose-form .autosuggest-textarea__textarea::placeholder,.compose-form .spoiler-input__input::placeholder{color:#444b5d}.compose-form .autosuggest-textarea__textarea:focus,.compose-form .spoiler-input__input:focus{outline:0}@media screen and (max-width: 600px){.compose-form .autosuggest-textarea__textarea,.compose-form .spoiler-input__input{font-size:16px}}.compose-form .spoiler-input__input{border-radius:4px}.compose-form .autosuggest-textarea__textarea{min-height:100px;border-radius:4px 4px 0 0;padding-bottom:0;padding-right:32px;resize:none;scrollbar-color:initial}.compose-form .autosuggest-textarea__textarea::-webkit-scrollbar{all:unset}@media screen and (max-width: 600px){.compose-form .autosuggest-textarea__textarea{height:100px !important;resize:vertical}}.compose-form .autosuggest-textarea__suggestions-wrapper{position:relative;height:0}.compose-form .autosuggest-textarea__suggestions{box-sizing:border-box;display:none;position:absolute;top:100%;width:100%;z-index:99;box-shadow:4px 4px 6px rgba(0,0,0,.4);background:#282c37;border-radius:0 0 4px 4px;color:#000;font-size:14px;padding:6px}.compose-form .autosuggest-textarea__suggestions.autosuggest-textarea__suggestions--visible{display:block}.compose-form .autosuggest-textarea__suggestions__item{padding:10px;cursor:pointer;border-radius:4px}.compose-form .autosuggest-textarea__suggestions__item:hover,.compose-form .autosuggest-textarea__suggestions__item:focus,.compose-form .autosuggest-textarea__suggestions__item:active,.compose-form .autosuggest-textarea__suggestions__item.selected{background:#3d4455}.compose-form .autosuggest-account,.compose-form .autosuggest-emoji,.compose-form .autosuggest-hashtag{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;line-height:18px;font-size:14px}.compose-form .autosuggest-hashtag{justify-content:space-between}.compose-form .autosuggest-hashtag__name{flex:1 1 auto;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.compose-form .autosuggest-hashtag strong{font-weight:500}.compose-form .autosuggest-hashtag__uses{flex:0 0 auto;text-align:right;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.compose-form .autosuggest-account-icon,.compose-form .autosuggest-emoji img{display:block;margin-right:8px;width:16px;height:16px}.compose-form .autosuggest-account .display-name__account{color:#282c37}.compose-form .compose-form__modifiers{color:#000;font-family:inherit;font-size:14px;background:#fff}.compose-form .compose-form__modifiers .compose-form__upload-wrapper{overflow:hidden}.compose-form .compose-form__modifiers .compose-form__uploads-wrapper{display:flex;flex-direction:row;padding:5px;flex-wrap:wrap}.compose-form .compose-form__modifiers .compose-form__upload{flex:1 1 0;min-width:40%;margin:5px}.compose-form .compose-form__modifiers .compose-form__upload__actions{background:linear-gradient(180deg, rgba(0, 0, 0, 0.8) 0, rgba(0, 0, 0, 0.35) 80%, transparent);display:flex;align-items:flex-start;justify-content:space-between;opacity:0;transition:opacity .1s ease}.compose-form .compose-form__modifiers .compose-form__upload__actions .icon-button{flex:0 1 auto;color:#282c37;font-size:14px;font-weight:500;padding:10px;font-family:inherit}.compose-form .compose-form__modifiers .compose-form__upload__actions .icon-button:hover,.compose-form .compose-form__modifiers .compose-form__upload__actions .icon-button:focus,.compose-form .compose-form__modifiers .compose-form__upload__actions .icon-button:active{color:#191b22}.compose-form .compose-form__modifiers .compose-form__upload__actions.active{opacity:1}.compose-form .compose-form__modifiers .compose-form__upload-description{position:absolute;z-index:2;bottom:0;left:0;right:0;box-sizing:border-box;background:linear-gradient(0deg, rgba(0, 0, 0, 0.8) 0, rgba(0, 0, 0, 0.35) 80%, transparent);padding:10px;opacity:0;transition:opacity .1s ease}.compose-form .compose-form__modifiers .compose-form__upload-description textarea{background:transparent;color:#282c37;border:0;padding:0;margin:0;width:100%;font-family:inherit;font-size:14px;font-weight:500}.compose-form .compose-form__modifiers .compose-form__upload-description textarea:focus{color:#fff}.compose-form .compose-form__modifiers .compose-form__upload-description textarea::placeholder{opacity:.75;color:#282c37}.compose-form .compose-form__modifiers .compose-form__upload-description.active{opacity:1}.compose-form .compose-form__modifiers .compose-form__upload-thumbnail{border-radius:4px;background-color:#000;background-position:center;background-size:cover;background-repeat:no-repeat;height:140px;width:100%;overflow:hidden}.compose-form .compose-form__buttons-wrapper{padding:10px;background:#fff;border-radius:0 0 4px 4px;display:flex;justify-content:space-between;flex:0 0 auto}.compose-form .compose-form__buttons-wrapper .compose-form__buttons{display:flex}.compose-form .compose-form__buttons-wrapper .compose-form__buttons .compose-form__upload-button-icon{line-height:27px}.compose-form .compose-form__buttons-wrapper .compose-form__buttons .compose-form__sensitive-button{display:none}.compose-form .compose-form__buttons-wrapper .compose-form__buttons .compose-form__sensitive-button.compose-form__sensitive-button--visible{display:block}.compose-form .compose-form__buttons-wrapper .compose-form__buttons .compose-form__sensitive-button .compose-form__sensitive-button__icon{line-height:27px}.compose-form .compose-form__buttons-wrapper .icon-button,.compose-form .compose-form__buttons-wrapper .text-icon-button{box-sizing:content-box;padding:0 3px}.compose-form .compose-form__buttons-wrapper .character-counter__wrapper{align-self:center;margin-right:4px}.compose-form .compose-form__publish{display:flex;justify-content:flex-end;min-width:0;flex:0 0 auto}.compose-form .compose-form__publish .compose-form__publish-button-wrapper{overflow:hidden;padding-top:10px}.character-counter{cursor:default;font-family:\"mastodon-font-sans-serif\",sans-serif;font-size:14px;font-weight:600;color:#282c37}.character-counter.character-counter--over{color:#ff5050}.no-reduce-motion .spoiler-input{transition:height .4s ease,opacity .4s ease}.emojione{font-size:inherit;vertical-align:middle;object-fit:contain;margin:-0.2ex .15em .2ex;width:16px;height:16px}.emojione img{width:auto}.reply-indicator{border-radius:4px;margin-bottom:10px;background:#9bcbed;padding:10px;min-height:23px;overflow-y:auto;flex:0 2 auto}.reply-indicator__header{margin-bottom:5px;overflow:hidden}.reply-indicator__cancel{float:right;line-height:24px}.reply-indicator__display-name{color:#000;display:block;max-width:100%;line-height:24px;overflow:hidden;padding-right:25px;text-decoration:none}.reply-indicator__display-avatar{float:left;margin-right:5px}.status__content--with-action{cursor:pointer}.status__content,.reply-indicator__content{position:relative;font-size:15px;line-height:20px;word-wrap:break-word;font-weight:400;overflow:hidden;text-overflow:ellipsis;padding-top:2px;color:#000}.status__content:focus,.reply-indicator__content:focus{outline:0}.status__content.status__content--with-spoiler,.reply-indicator__content.status__content--with-spoiler{white-space:normal}.status__content.status__content--with-spoiler .status__content__text,.reply-indicator__content.status__content--with-spoiler .status__content__text{white-space:pre-wrap}.status__content .emojione,.reply-indicator__content .emojione{width:20px;height:20px;margin:-3px 0 0}.status__content img,.reply-indicator__content img{max-width:100%;max-height:400px;object-fit:contain}.status__content p,.reply-indicator__content p{margin-bottom:20px;white-space:pre-wrap}.status__content p:last-child,.reply-indicator__content p:last-child{margin-bottom:0}.status__content a,.reply-indicator__content a{color:#d8a070;text-decoration:none}.status__content a:hover,.reply-indicator__content a:hover{text-decoration:underline}.status__content a:hover .fa,.reply-indicator__content a:hover .fa{color:#353a48}.status__content a.mention:hover,.reply-indicator__content a.mention:hover{text-decoration:none}.status__content a.mention:hover span,.reply-indicator__content a.mention:hover span{text-decoration:underline}.status__content a .fa,.reply-indicator__content a .fa{color:#444b5d}.status__content a.unhandled-link,.reply-indicator__content a.unhandled-link{color:#217aba}.status__content .status__content__spoiler-link,.reply-indicator__content .status__content__spoiler-link{background:#606984}.status__content .status__content__spoiler-link:hover,.reply-indicator__content .status__content__spoiler-link:hover{background:#51596f;text-decoration:none}.status__content .status__content__spoiler-link::-moz-focus-inner,.reply-indicator__content .status__content__spoiler-link::-moz-focus-inner{border:0}.status__content .status__content__spoiler-link::-moz-focus-inner,.status__content .status__content__spoiler-link:focus,.status__content .status__content__spoiler-link:active,.reply-indicator__content .status__content__spoiler-link::-moz-focus-inner,.reply-indicator__content .status__content__spoiler-link:focus,.reply-indicator__content .status__content__spoiler-link:active{outline:0 !important}.status__content .status__content__text,.reply-indicator__content .status__content__text{display:none}.status__content .status__content__text.status__content__text--visible,.reply-indicator__content .status__content__text.status__content__text--visible{display:block}.status__content.status__content--collapsed{max-height:300px}.status__content__read-more-button{display:block;font-size:15px;line-height:20px;color:#217aba;border:0;background:transparent;padding:0;padding-top:8px}.status__content__read-more-button:hover,.status__content__read-more-button:active{text-decoration:underline}.status__content__spoiler-link{display:inline-block;border-radius:2px;background:transparent;border:0;color:#000;font-weight:700;font-size:12px;padding:0 6px;line-height:20px;cursor:pointer;vertical-align:middle}.status__wrapper--filtered{color:#444b5d;border:0;font-size:inherit;text-align:center;line-height:inherit;margin:0;padding:15px;box-sizing:border-box;width:100%;clear:both;border-bottom:1px solid #c0cdd9}.status__prepend-icon-wrapper{left:-26px;position:absolute}.focusable:focus{outline:0;background:#ccd7e0}.focusable:focus .status.status-direct{background:#b3c3d1}.focusable:focus .status.status-direct.muted{background:transparent}.focusable:focus .detailed-status,.focusable:focus .detailed-status__action-bar{background:#c0cdd9}.status{padding:8px 10px;padding-left:68px;position:relative;min-height:54px;border-bottom:1px solid #c0cdd9;cursor:default;opacity:1;animation:fade 150ms linear}@supports(-ms-overflow-style: -ms-autohiding-scrollbar){.status{padding-right:26px}}@keyframes fade{0%{opacity:0}100%{opacity:1}}.status .video-player,.status .audio-player{margin-top:8px}.status.status-direct:not(.read){background:#c0cdd9;border-bottom-color:#b3c3d1}.status.light .status__relative-time{color:#444b5d}.status.light .status__display-name{color:#000}.status.light .display-name strong{color:#000}.status.light .display-name span{color:#444b5d}.status.light .status__content{color:#000}.status.light .status__content a{color:#2b90d9}.status.light .status__content a.status__content__spoiler-link{color:#000;background:#9bcbed}.status.light .status__content a.status__content__spoiler-link:hover{background:#78b9e7}.notification-favourite .status.status-direct{background:transparent}.notification-favourite .status.status-direct .icon-button.disabled{color:#444a5e}.status__relative-time,.notification__relative_time{color:#444b5d;float:right;font-size:14px}.status__display-name{color:#444b5d}.status__info .status__display-name{display:block;max-width:100%;padding-right:25px}.status__info{font-size:15px}.status-check-box{border-bottom:1px solid #282c37;display:flex}.status-check-box .status-check-box__status{margin:10px 0 10px 10px;flex:1}.status-check-box .status-check-box__status .media-gallery{max-width:250px}.status-check-box .status-check-box__status .status__content{padding:0;white-space:normal}.status-check-box .status-check-box__status .video-player,.status-check-box .status-check-box__status .audio-player{margin-top:8px;max-width:250px}.status-check-box .status-check-box__status .media-gallery__item-thumbnail{cursor:default}.status-check-box-toggle{align-items:center;display:flex;flex:0 0 auto;justify-content:center;padding:10px}.status__prepend{margin-left:68px;color:#444b5d;padding:8px 0;padding-bottom:2px;font-size:14px;position:relative}.status__prepend .status__display-name strong{color:#444b5d}.status__prepend>span{display:block;overflow:hidden;text-overflow:ellipsis}.status__action-bar{align-items:center;display:flex;margin-top:8px}.status__action-bar__counter{display:inline-flex;margin-right:11px;align-items:center}.status__action-bar__counter .status__action-bar-button{margin-right:4px}.status__action-bar__counter__label{display:inline-block;width:14px;font-size:12px;font-weight:500;color:#606984}.status__action-bar-button{margin-right:18px}.status__action-bar-dropdown{height:23.15px;width:23.15px}.detailed-status__action-bar-dropdown{flex:1 1 auto;display:flex;align-items:center;justify-content:center;position:relative}.detailed-status{background:#ccd7e0;padding:14px 10px}.detailed-status--flex{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-start}.detailed-status--flex .status__content,.detailed-status--flex .detailed-status__meta{flex:100%}.detailed-status .status__content{font-size:19px;line-height:24px}.detailed-status .status__content .emojione{width:24px;height:24px;margin:-1px 0 0}.detailed-status .status__content .status__content__spoiler-link{line-height:24px;margin:-1px 0 0}.detailed-status .video-player,.detailed-status .audio-player{margin-top:8px}.detailed-status__meta{margin-top:15px;color:#444b5d;font-size:14px;line-height:18px}.detailed-status__action-bar{background:#ccd7e0;border-top:1px solid #c0cdd9;border-bottom:1px solid #c0cdd9;display:flex;flex-direction:row;padding:10px 0}.detailed-status__link{color:inherit;text-decoration:none}.detailed-status__favorites,.detailed-status__reblogs{display:inline-block;font-weight:500;font-size:12px;margin-left:6px}.reply-indicator__content{color:#000;font-size:14px}.reply-indicator__content a{color:#282c37}.domain{padding:10px;border-bottom:1px solid #c0cdd9}.domain .domain__domain-name{flex:1 1 auto;display:block;color:#000;text-decoration:none;font-size:14px;font-weight:500}.domain__wrapper{display:flex}.domain_buttons{height:18px;padding:10px;white-space:nowrap}.account{padding:10px;border-bottom:1px solid #c0cdd9}.account.compact{padding:0;border-bottom:0}.account.compact .account__avatar-wrapper{margin-left:0}.account .account__display-name{flex:1 1 auto;display:block;color:#282c37;overflow:hidden;text-decoration:none;font-size:14px}.account__wrapper{display:flex}.account__avatar-wrapper{float:left;margin-left:12px;margin-right:12px}.account__avatar{border-radius:4px;background:transparent no-repeat;background-position:50%;background-clip:padding-box;position:relative}.account__avatar-inline{display:inline-block;vertical-align:middle;margin-right:5px}.account__avatar-composite{border-radius:4px;background:transparent no-repeat;background-position:50%;background-clip:padding-box;border-radius:50%;overflow:hidden;position:relative;cursor:default}.account__avatar-composite>div{float:left;position:relative;box-sizing:border-box}.account__avatar-composite__label{display:block;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);color:#000;text-shadow:1px 1px 2px #000;font-weight:700;font-size:15px}a .account__avatar{cursor:pointer}.account__avatar-overlay{width:48px;height:48px;background-size:48px 48px}.account__avatar-overlay-base{border-radius:4px;background:transparent no-repeat;background-position:50%;background-clip:padding-box;width:36px;height:36px;background-size:36px 36px}.account__avatar-overlay-overlay{border-radius:4px;background:transparent no-repeat;background-position:50%;background-clip:padding-box;width:24px;height:24px;background-size:24px 24px;position:absolute;bottom:0;right:0;z-index:1}.account__relationship{height:18px;padding:10px;white-space:nowrap}.account__disclaimer{padding:10px;border-top:1px solid #c0cdd9;color:#444b5d}.account__disclaimer strong{font-weight:500}.account__disclaimer strong:lang(ja){font-weight:700}.account__disclaimer strong:lang(ko){font-weight:700}.account__disclaimer strong:lang(zh-CN){font-weight:700}.account__disclaimer strong:lang(zh-HK){font-weight:700}.account__disclaimer strong:lang(zh-TW){font-weight:700}.account__disclaimer a{font-weight:500;color:inherit;text-decoration:underline}.account__disclaimer a:hover,.account__disclaimer a:focus,.account__disclaimer a:active{text-decoration:none}.account__action-bar{border-top:1px solid #c0cdd9;border-bottom:1px solid #c0cdd9;line-height:36px;overflow:hidden;flex:0 0 auto;display:flex}.account__action-bar-dropdown{padding:10px}.account__action-bar-dropdown .icon-button{vertical-align:middle}.account__action-bar-dropdown .dropdown--active .dropdown__content.dropdown__right{left:6px;right:initial}.account__action-bar-dropdown .dropdown--active::after{bottom:initial;margin-left:11px;margin-top:-7px;right:initial}.account__action-bar-links{display:flex;flex:1 1 auto;line-height:18px;text-align:center}.account__action-bar__tab{text-decoration:none;overflow:hidden;flex:0 1 100%;border-right:1px solid #c0cdd9;padding:10px 0;border-bottom:4px solid transparent}.account__action-bar__tab.active{border-bottom:4px solid #2b90d9}.account__action-bar__tab>span{display:block;font-size:12px;color:#282c37}.account__action-bar__tab strong{display:block;font-size:15px;font-weight:500;color:#000}.account__action-bar__tab strong:lang(ja){font-weight:700}.account__action-bar__tab strong:lang(ko){font-weight:700}.account__action-bar__tab strong:lang(zh-CN){font-weight:700}.account__action-bar__tab strong:lang(zh-HK){font-weight:700}.account__action-bar__tab strong:lang(zh-TW){font-weight:700}.account-authorize{padding:14px 10px}.account-authorize .detailed-status__display-name{display:block;margin-bottom:15px;overflow:hidden}.account-authorize__avatar{float:left;margin-right:10px}.status__display-name,.status__relative-time,.detailed-status__display-name,.detailed-status__datetime,.detailed-status__application,.account__display-name{text-decoration:none}.status__display-name strong,.account__display-name strong{color:#000}.muted .emojione{opacity:.5}.status__display-name:hover strong,.reply-indicator__display-name:hover strong,.detailed-status__display-name:hover strong,a.account__display-name:hover strong{text-decoration:underline}.account__display-name strong{display:block;overflow:hidden;text-overflow:ellipsis}.detailed-status__application,.detailed-status__datetime{color:inherit}.detailed-status .button.logo-button{margin-bottom:15px}.detailed-status__display-name{color:#282c37;display:block;line-height:24px;margin-bottom:15px;overflow:hidden}.detailed-status__display-name strong,.detailed-status__display-name span{display:block;text-overflow:ellipsis;overflow:hidden}.detailed-status__display-name strong{font-size:16px;color:#000}.detailed-status__display-avatar{float:left;margin-right:10px}.status__avatar{height:48px;left:10px;position:absolute;top:10px;width:48px}.status__expand{width:68px;position:absolute;left:0;top:0;height:100%;cursor:pointer}.muted .status__content,.muted .status__content p,.muted .status__content a{color:#444b5d}.muted .status__display-name strong{color:#444b5d}.muted .status__avatar{opacity:.5}.muted a.status__content__spoiler-link{background:#b0c0cf;color:#000}.muted a.status__content__spoiler-link:hover{background:#9aaec2;text-decoration:none}.notification__message{margin:0 10px 0 68px;padding:8px 0 0;cursor:default;color:#282c37;font-size:15px;line-height:22px;position:relative}.notification__message .fa{color:#2b90d9}.notification__message>span{display:inline;overflow:hidden;text-overflow:ellipsis}.notification__favourite-icon-wrapper{left:-26px;position:absolute}.notification__favourite-icon-wrapper .star-icon{color:#ca8f04}.star-icon.active{color:#ca8f04}.bookmark-icon.active{color:#ff5050}.no-reduce-motion .icon-button.star-icon.activate>.fa-star{animation:spring-rotate-in 1s linear}.no-reduce-motion .icon-button.star-icon.deactivate>.fa-star{animation:spring-rotate-out 1s linear}.notification__display-name{color:inherit;font-weight:500;text-decoration:none}.notification__display-name:hover{color:#000;text-decoration:underline}.notification__relative_time{float:right}.display-name{display:block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.display-name__html{font-weight:500}.display-name__account{font-size:14px}.status__relative-time:hover,.detailed-status__datetime:hover{text-decoration:underline}.image-loader{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center;flex-direction:column}.image-loader .image-loader__preview-canvas{max-width:100%;max-height:80%;background:url(\"~images/void.png\") repeat;object-fit:contain}.image-loader .loading-bar{position:relative}.image-loader.image-loader--amorphous .image-loader__preview-canvas{display:none}.zoomable-image{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center}.zoomable-image img{max-width:100%;max-height:80%;width:auto;height:auto;object-fit:contain}.navigation-bar{padding:10px;display:flex;align-items:center;flex-shrink:0;cursor:default;color:#282c37}.navigation-bar strong{color:#282c37}.navigation-bar a{color:inherit}.navigation-bar .permalink{text-decoration:none}.navigation-bar .navigation-bar__actions{position:relative}.navigation-bar .navigation-bar__actions .icon-button.close{position:absolute;pointer-events:none;transform:scale(0, 1) translate(-100%, 0);opacity:0}.navigation-bar .navigation-bar__actions .compose__action-bar .icon-button{pointer-events:auto;transform:scale(1, 1) translate(0, 0);opacity:1}.navigation-bar__profile{flex:1 1 auto;margin-left:8px;line-height:20px;margin-top:-1px;overflow:hidden}.navigation-bar__profile-account{display:block;font-weight:500;overflow:hidden;text-overflow:ellipsis}.navigation-bar__profile-edit{color:inherit;text-decoration:none}.dropdown{display:inline-block}.dropdown__content{display:none;position:absolute}.dropdown-menu__separator{border-bottom:1px solid #393f4f;margin:5px 7px 6px;height:0}.dropdown-menu{background:#282c37;padding:4px 0;border-radius:4px;box-shadow:2px 4px 15px rgba(0,0,0,.4);z-index:9999}.dropdown-menu ul{list-style:none}.dropdown-menu.left{transform-origin:100% 50%}.dropdown-menu.top{transform-origin:50% 100%}.dropdown-menu.bottom{transform-origin:50% 0}.dropdown-menu.right{transform-origin:0 50%}.dropdown-menu__arrow{position:absolute;width:0;height:0;border:0 solid transparent}.dropdown-menu__arrow.left{right:-5px;margin-top:-5px;border-width:5px 0 5px 5px;border-left-color:#282c37}.dropdown-menu__arrow.top{bottom:-5px;margin-left:-7px;border-width:5px 7px 0;border-top-color:#282c37}.dropdown-menu__arrow.bottom{top:-5px;margin-left:-7px;border-width:0 7px 5px;border-bottom-color:#282c37}.dropdown-menu__arrow.right{left:-5px;margin-top:-5px;border-width:5px 5px 5px 0;border-right-color:#282c37}.dropdown-menu__item a{font-size:13px;line-height:18px;display:block;padding:4px 14px;box-sizing:border-box;text-decoration:none;background:#282c37;color:#000;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dropdown-menu__item a:focus,.dropdown-menu__item a:hover,.dropdown-menu__item a:active{background:#2b90d9;color:#282c37;outline:0}.dropdown--active .dropdown__content{display:block;line-height:18px;max-width:311px;right:0;text-align:left;z-index:9999}.dropdown--active .dropdown__content>ul{list-style:none;background:#282c37;padding:4px 0;border-radius:4px;box-shadow:0 0 15px rgba(0,0,0,.4);min-width:140px;position:relative}.dropdown--active .dropdown__content.dropdown__right{right:0}.dropdown--active .dropdown__content.dropdown__left>ul{left:-98px}.dropdown--active .dropdown__content>ul>li>a{font-size:13px;line-height:18px;display:block;padding:4px 14px;box-sizing:border-box;text-decoration:none;background:#282c37;color:#000;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dropdown--active .dropdown__content>ul>li>a:focus{outline:0}.dropdown--active .dropdown__content>ul>li>a:hover{background:#2b90d9;color:#282c37}.dropdown__icon{vertical-align:middle}.columns-area{display:flex;flex:1 1 auto;flex-direction:row;justify-content:flex-start;overflow-x:auto;position:relative}.columns-area.unscrollable{overflow-x:hidden}.columns-area__panels{display:flex;justify-content:center;width:100%;height:100%;min-height:100vh}.columns-area__panels__pane{height:100%;overflow:hidden;pointer-events:none;display:flex;justify-content:flex-end;min-width:285px}.columns-area__panels__pane--start{justify-content:flex-start}.columns-area__panels__pane__inner{position:fixed;width:285px;pointer-events:auto;height:100%}.columns-area__panels__main{box-sizing:border-box;width:100%;max-width:600px;flex:0 0 auto;display:flex;flex-direction:column}@media screen and (min-width: 415px){.columns-area__panels__main{padding:0 10px}}.tabs-bar__wrapper{background:#f2f5f7;position:sticky;top:0;z-index:2;padding-top:0}@media screen and (min-width: 415px){.tabs-bar__wrapper{padding-top:10px}}.tabs-bar__wrapper .tabs-bar{margin-bottom:0}@media screen and (min-width: 415px){.tabs-bar__wrapper .tabs-bar{margin-bottom:10px}}.react-swipeable-view-container,.react-swipeable-view-container .columns-area,.react-swipeable-view-container .drawer,.react-swipeable-view-container .column{height:100%}.react-swipeable-view-container>*{display:flex;align-items:center;justify-content:center;height:100%}.column{width:350px;position:relative;box-sizing:border-box;display:flex;flex-direction:column}.column>.scrollable{background:#d9e1e8;border-bottom-left-radius:2px;border-bottom-right-radius:2px}.ui{flex:0 0 auto;display:flex;flex-direction:column;width:100%;height:100%}.drawer{width:330px;box-sizing:border-box;display:flex;flex-direction:column;overflow-y:hidden}.drawer__tab{display:block;flex:1 1 auto;padding:15px 5px 13px;color:#282c37;text-decoration:none;text-align:center;font-size:16px;border-bottom:2px solid transparent}.column,.drawer{flex:1 1 auto;overflow:hidden}@media screen and (min-width: 631px){.columns-area{padding:0}.column,.drawer{flex:0 0 auto;padding:10px;padding-left:5px;padding-right:5px}.column:first-child,.drawer:first-child{padding-left:10px}.column:last-child,.drawer:last-child{padding-right:10px}.columns-area>div .column,.columns-area>div .drawer{padding-left:5px;padding-right:5px}}.tabs-bar{box-sizing:border-box;display:flex;background:#c0cdd9;flex:0 0 auto;overflow-y:auto}.tabs-bar__link{display:block;flex:1 1 auto;padding:15px 10px;padding-bottom:13px;color:#000;text-decoration:none;text-align:center;font-size:14px;font-weight:500;border-bottom:2px solid #c0cdd9;transition:all 50ms linear;transition-property:border-bottom,background,color}.tabs-bar__link .fa{font-weight:400;font-size:16px}@media screen and (min-width: 631px){.tabs-bar__link:hover,.tabs-bar__link:focus,.tabs-bar__link:active{background:#adbecd;border-bottom-color:#adbecd}}.tabs-bar__link.active{border-bottom:2px solid #2b90d9;color:#2b90d9}.tabs-bar__link span{margin-left:5px;display:none}@media screen and (min-width: 600px){.tabs-bar__link span{display:inline}}.columns-area--mobile{flex-direction:column;width:100%;height:100%;margin:0 auto}.columns-area--mobile .column,.columns-area--mobile .drawer{width:100%;height:100%;padding:0}.columns-area--mobile .directory__list{display:grid;grid-gap:10px;grid-template-columns:minmax(0, 50%) minmax(0, 50%)}@media screen and (max-width: 415px){.columns-area--mobile .directory__list{display:block}}.columns-area--mobile .directory__card{margin-bottom:0}.columns-area--mobile .filter-form{display:flex}.columns-area--mobile .autosuggest-textarea__textarea{font-size:16px}.columns-area--mobile .search__input{line-height:18px;font-size:16px;padding:15px;padding-right:30px}.columns-area--mobile .search__icon .fa{top:15px}.columns-area--mobile .scrollable{overflow:visible}@supports(display: grid){.columns-area--mobile .scrollable{contain:content}}@media screen and (min-width: 415px){.columns-area--mobile{padding:10px 0;padding-top:0}}@media screen and (min-width: 630px){.columns-area--mobile .detailed-status{padding:15px}.columns-area--mobile .detailed-status .media-gallery,.columns-area--mobile .detailed-status .video-player,.columns-area--mobile .detailed-status .audio-player{margin-top:15px}.columns-area--mobile .account__header__bar{padding:5px 10px}.columns-area--mobile .navigation-bar,.columns-area--mobile .compose-form{padding:15px}.columns-area--mobile .compose-form .compose-form__publish .compose-form__publish-button-wrapper{padding-top:15px}.columns-area--mobile .status{padding:15px 15px 15px 78px;min-height:50px}.columns-area--mobile .status__avatar{left:15px;top:17px}.columns-area--mobile .status__content{padding-top:5px}.columns-area--mobile .status__prepend{margin-left:78px;padding-top:15px}.columns-area--mobile .status__prepend-icon-wrapper{left:-32px}.columns-area--mobile .status .media-gallery,.columns-area--mobile .status__action-bar,.columns-area--mobile .status .video-player,.columns-area--mobile .status .audio-player{margin-top:10px}.columns-area--mobile .account{padding:15px 10px}.columns-area--mobile .account__header__bio{margin:0 -10px}.columns-area--mobile .notification__message{margin-left:78px;padding-top:15px}.columns-area--mobile .notification__favourite-icon-wrapper{left:-32px}.columns-area--mobile .notification .status{padding-top:8px}.columns-area--mobile .notification .account{padding-top:8px}.columns-area--mobile .notification .account__avatar-wrapper{margin-left:17px;margin-right:15px}}.floating-action-button{position:fixed;display:flex;justify-content:center;align-items:center;width:3.9375rem;height:3.9375rem;bottom:1.3125rem;right:1.3125rem;background:#3897db;color:#fff;border-radius:50%;font-size:21px;line-height:21px;text-decoration:none;box-shadow:2px 3px 9px rgba(0,0,0,.4)}.floating-action-button:hover,.floating-action-button:focus,.floating-action-button:active{background:#227dbe}@media screen and (min-width: 415px){.tabs-bar{width:100%}.react-swipeable-view-container .columns-area--mobile{height:calc(100% - 10px) !important}.getting-started__wrapper,.getting-started__trends,.search{margin-bottom:10px}.getting-started__panel{margin:10px 0}.column,.drawer{min-width:330px}}@media screen and (max-width: 895px){.columns-area__panels__pane--compositional{display:none}}@media screen and (min-width: 895px){.floating-action-button,.tabs-bar__link.optional{display:none}.search-page .search{display:none}}@media screen and (max-width: 1190px){.columns-area__panels__pane--navigational{display:none}}@media screen and (min-width: 1190px){.tabs-bar{display:none}}.icon-with-badge{position:relative}.icon-with-badge__badge{position:absolute;left:9px;top:-13px;background:#2b90d9;border:2px solid #c0cdd9;padding:1px 6px;border-radius:6px;font-size:10px;font-weight:500;line-height:14px;color:#000}.column-link--transparent .icon-with-badge__badge{border-color:#f2f5f7}.compose-panel{width:285px;margin-top:10px;display:flex;flex-direction:column;height:calc(100% - 10px);overflow-y:hidden}.compose-panel .navigation-bar{padding-top:20px;padding-bottom:20px;flex:0 1 48px;min-height:20px}.compose-panel .flex-spacer{background:transparent}.compose-panel .compose-form{flex:1;overflow-y:hidden;display:flex;flex-direction:column;min-height:310px;padding-bottom:71px;margin-bottom:-71px}.compose-panel .compose-form__autosuggest-wrapper{overflow-y:auto;background-color:#fff;border-radius:4px 4px 0 0;flex:0 1 auto}.compose-panel .autosuggest-textarea__textarea{overflow-y:hidden}.compose-panel .compose-form__upload-thumbnail{height:80px}.navigation-panel{margin-top:10px;margin-bottom:10px;height:calc(100% - 20px);overflow-y:auto;display:flex;flex-direction:column}.navigation-panel>a{flex:0 0 auto}.navigation-panel hr{flex:0 0 auto;border:0;background:transparent;border-top:1px solid #ccd7e0;margin:10px 0}.navigation-panel .flex-spacer{background:transparent}.drawer__pager{box-sizing:border-box;padding:0;flex-grow:1;position:relative;overflow:hidden;display:flex}.drawer__inner{position:absolute;top:0;left:0;background:#b0c0cf;box-sizing:border-box;padding:0;display:flex;flex-direction:column;overflow:hidden;overflow-y:auto;width:100%;height:100%;border-radius:2px}.drawer__inner.darker{background:#d9e1e8}.drawer__inner__mastodon{background:#b0c0cf url('data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 234.80078 31.757813\" width=\"234.80078\" height=\"31.757812\"><path d=\"M19.599609 0c-1.05 0-2.10039.375-2.90039 1.125L0 16.925781v14.832031h234.80078V17.025391l-16.5-15.900391c-1.6-1.5-4.20078-1.5-5.80078 0l-13.80078 13.099609c-1.6 1.5-4.19883 1.5-5.79883 0L179.09961 1.125c-1.6-1.5-4.19883-1.5-5.79883 0L159.5 14.224609c-1.6 1.5-4.20078 1.5-5.80078 0L139.90039 1.125c-1.6-1.5-4.20078-1.5-5.80078 0l-13.79883 13.099609c-1.6 1.5-4.20078 1.5-5.80078 0L100.69922 1.125c-1.600001-1.5-4.198829-1.5-5.798829 0l-13.59961 13.099609c-1.6 1.5-4.200781 1.5-5.800781 0L61.699219 1.125c-1.6-1.5-4.198828-1.5-5.798828 0L42.099609 14.224609c-1.6 1.5-4.198828 1.5-5.798828 0L22.5 1.125C21.7.375 20.649609 0 19.599609 0z\" fill=\"%23D9E1E8\"/></svg>') no-repeat bottom/100% auto;flex:1;min-height:47px;display:none}.drawer__inner__mastodon>img{display:block;object-fit:contain;object-position:bottom left;width:100%;height:100%;pointer-events:none;user-drag:none;user-select:none}@media screen and (min-height: 640px){.drawer__inner__mastodon{display:block}}.pseudo-drawer{background:#b0c0cf;font-size:13px;text-align:left}.drawer__header{flex:0 0 auto;font-size:16px;background:#c0cdd9;margin-bottom:10px;display:flex;flex-direction:row;border-radius:2px}.drawer__header a{transition:background 100ms ease-in}.drawer__header a:hover{background:#cfd9e2;transition:background 200ms ease-out}.scrollable{overflow-y:scroll;overflow-x:hidden;flex:1 1 auto;-webkit-overflow-scrolling:touch}.scrollable.optionally-scrollable{overflow-y:auto}@supports(display: grid){.scrollable{contain:strict}}.scrollable--flex{display:flex;flex-direction:column}.scrollable__append{flex:1 1 auto;position:relative;min-height:120px}@supports(display: grid){.scrollable.fullscreen{contain:none}}.column-back-button{box-sizing:border-box;width:100%;background:#ccd7e0;color:#2b90d9;cursor:pointer;flex:0 0 auto;font-size:16px;line-height:inherit;border:0;text-align:unset;padding:15px;margin:0;z-index:3;outline:0}.column-back-button:hover{text-decoration:underline}.column-header__back-button{background:#ccd7e0;border:0;font-family:inherit;color:#2b90d9;cursor:pointer;white-space:nowrap;font-size:16px;padding:0 5px 0 0;z-index:3}.column-header__back-button:hover{text-decoration:underline}.column-header__back-button:last-child{padding:0 15px 0 0}.column-back-button__icon{display:inline-block;margin-right:5px}.column-back-button--slim{position:relative}.column-back-button--slim-button{cursor:pointer;flex:0 0 auto;font-size:16px;padding:15px;position:absolute;right:0;top:-48px}.react-toggle{display:inline-block;position:relative;cursor:pointer;background-color:transparent;border:0;padding:0;user-select:none;-webkit-tap-highlight-color:rgba(255,255,255,0);-webkit-tap-highlight-color:transparent}.react-toggle-screenreader-only{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.react-toggle--disabled{cursor:not-allowed;opacity:.5;transition:opacity .25s}.react-toggle-track{width:50px;height:24px;padding:0;border-radius:30px;background-color:#d9e1e8;transition:background-color .2s ease}.react-toggle:hover:not(.react-toggle--disabled) .react-toggle-track{background-color:#f9fafb}.react-toggle--checked .react-toggle-track{background-color:#2b90d9}.react-toggle--checked:hover:not(.react-toggle--disabled) .react-toggle-track{background-color:#2074b1}.react-toggle-track-check{position:absolute;width:14px;height:10px;top:0;bottom:0;margin-top:auto;margin-bottom:auto;line-height:0;left:8px;opacity:0;transition:opacity .25s ease}.react-toggle--checked .react-toggle-track-check{opacity:1;transition:opacity .25s ease}.react-toggle-track-x{position:absolute;width:10px;height:10px;top:0;bottom:0;margin-top:auto;margin-bottom:auto;line-height:0;right:10px;opacity:1;transition:opacity .25s ease}.react-toggle--checked .react-toggle-track-x{opacity:0}.react-toggle-thumb{position:absolute;top:1px;left:1px;width:22px;height:22px;border:1px solid #d9e1e8;border-radius:50%;background-color:#fff;box-sizing:border-box;transition:all .25s ease;transition-property:border-color,left}.react-toggle--checked .react-toggle-thumb{left:27px;border-color:#2b90d9}.column-link{background:#c0cdd9;color:#000;display:block;font-size:16px;padding:15px;text-decoration:none}.column-link:hover,.column-link:focus,.column-link:active{background:#b6c5d3}.column-link:focus{outline:0}.column-link--transparent{background:transparent;color:#282c37}.column-link--transparent:hover,.column-link--transparent:focus,.column-link--transparent:active{background:transparent;color:#000}.column-link--transparent.active{color:#2b90d9}.column-link__icon{display:inline-block;margin-right:5px}.column-link__badge{display:inline-block;border-radius:4px;font-size:12px;line-height:19px;font-weight:500;background:#d9e1e8;padding:4px 8px;margin:-6px 10px}.column-subheading{background:#d9e1e8;color:#444b5d;padding:8px 20px;font-size:13px;font-weight:500;cursor:default}.getting-started__wrapper,.getting-started,.flex-spacer{background:#d9e1e8}.flex-spacer{flex:1 1 auto}.getting-started{color:#444b5d;overflow:auto;border-bottom-left-radius:2px;border-bottom-right-radius:2px}.getting-started__wrapper,.getting-started__panel,.getting-started__footer{height:min-content}.getting-started__panel,.getting-started__footer{padding:10px;padding-top:20px;flex-grow:0}.getting-started__panel ul,.getting-started__footer ul{margin-bottom:10px}.getting-started__panel ul li,.getting-started__footer ul li{display:inline}.getting-started__panel p,.getting-started__footer p{font-size:13px}.getting-started__panel p a,.getting-started__footer p a{color:#444b5d;text-decoration:underline}.getting-started__panel a,.getting-started__footer a{text-decoration:none;color:#282c37}.getting-started__panel a:hover,.getting-started__panel a:focus,.getting-started__panel a:active,.getting-started__footer a:hover,.getting-started__footer a:focus,.getting-started__footer a:active{text-decoration:underline}.getting-started__wrapper,.getting-started__footer{color:#444b5d}.getting-started__trends{flex:0 1 auto;opacity:1;animation:fade 150ms linear;margin-top:10px}.getting-started__trends h4{font-size:13px;color:#282c37;padding:10px;font-weight:500;border-bottom:1px solid #c0cdd9}@media screen and (max-height: 810px){.getting-started__trends .trends__item:nth-child(3){display:none}}@media screen and (max-height: 720px){.getting-started__trends .trends__item:nth-child(2){display:none}}@media screen and (max-height: 670px){.getting-started__trends{display:none}}.getting-started__trends .trends__item{border-bottom:0;padding:10px}.getting-started__trends .trends__item__current{color:#282c37}.keyboard-shortcuts{padding:8px 0 0;overflow:hidden}.keyboard-shortcuts thead{position:absolute;left:-9999px}.keyboard-shortcuts td{padding:0 10px 8px}.keyboard-shortcuts kbd{display:inline-block;padding:3px 5px;background-color:#c0cdd9;border:1px solid #e6ebf0}.setting-text{display:block;box-sizing:border-box;width:100%;margin:0;color:#000;background:#fff;padding:10px;font-family:inherit;font-size:14px;resize:vertical;border:0;outline:0;border-radius:4px}.setting-text:focus{outline:0}@media screen and (max-width: 600px){.setting-text{font-size:16px}}.no-reduce-motion button.icon-button i.fa-retweet{background-position:0 0;height:19px;transition:background-position .9s steps(10);transition-duration:0s;vertical-align:middle;width:22px}.no-reduce-motion button.icon-button i.fa-retweet::before{display:none !important}.no-reduce-motion button.icon-button.active i.fa-retweet{transition-duration:.9s;background-position:0 100%}.reduce-motion button.icon-button i.fa-retweet{color:#606984;transition:color 100ms ease-in}.reduce-motion button.icon-button.active i.fa-retweet{color:#2b90d9}.status-card{display:flex;font-size:14px;border:1px solid #c0cdd9;border-radius:4px;color:#444b5d;margin-top:14px;text-decoration:none;overflow:hidden}.status-card__actions{bottom:0;left:0;position:absolute;right:0;top:0;display:flex;justify-content:center;align-items:center}.status-card__actions>div{background:rgba(0,0,0,.6);border-radius:8px;padding:12px 9px;flex:0 0 auto;display:flex;justify-content:center;align-items:center}.status-card__actions button,.status-card__actions a{display:inline;color:#282c37;background:transparent;border:0;padding:0 8px;text-decoration:none;font-size:18px;line-height:18px}.status-card__actions button:hover,.status-card__actions button:active,.status-card__actions button:focus,.status-card__actions a:hover,.status-card__actions a:active,.status-card__actions a:focus{color:#000}.status-card__actions a{font-size:19px;position:relative;bottom:-1px}a.status-card{cursor:pointer}a.status-card:hover{background:#c0cdd9}.status-card-photo{cursor:zoom-in;display:block;text-decoration:none;width:100%;height:auto;margin:0}.status-card-video iframe{width:100%;height:100%}.status-card__title{display:block;font-weight:500;margin-bottom:5px;color:#282c37;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-decoration:none}.status-card__content{flex:1 1 auto;overflow:hidden;padding:14px 14px 14px 8px}.status-card__description{color:#282c37}.status-card__host{display:block;margin-top:5px;font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.status-card__image{flex:0 0 100px;background:#c0cdd9;position:relative}.status-card__image>.fa{font-size:21px;position:absolute;transform-origin:50% 50%;top:50%;left:50%;transform:translate(-50%, -50%)}.status-card.horizontal{display:block}.status-card.horizontal .status-card__image{width:100%}.status-card.horizontal .status-card__image-image{border-radius:4px 4px 0 0}.status-card.horizontal .status-card__title{white-space:inherit}.status-card.compact{border-color:#ccd7e0}.status-card.compact.interactive{border:0}.status-card.compact .status-card__content{padding:8px;padding-top:10px}.status-card.compact .status-card__title{white-space:nowrap}.status-card.compact .status-card__image{flex:0 0 60px}a.status-card.compact:hover{background-color:#ccd7e0}.status-card__image-image{border-radius:4px 0 0 4px;display:block;margin:0;width:100%;height:100%;object-fit:cover;background-size:cover;background-position:center center}.load-more{display:block;color:#444b5d;background-color:transparent;border:0;font-size:inherit;text-align:center;line-height:inherit;margin:0;padding:15px;box-sizing:border-box;width:100%;clear:both;text-decoration:none}.load-more:hover{background:#d3dce4}.load-gap{border-bottom:1px solid #c0cdd9}.regeneration-indicator{text-align:center;font-size:16px;font-weight:500;color:#444b5d;background:#d9e1e8;cursor:default;display:flex;flex:1 1 auto;flex-direction:column;align-items:center;justify-content:center;padding:20px}.regeneration-indicator__figure,.regeneration-indicator__figure img{display:block;width:auto;height:160px;margin:0}.regeneration-indicator--without-header{padding-top:68px}.regeneration-indicator__label{margin-top:30px}.regeneration-indicator__label strong{display:block;margin-bottom:10px;color:#444b5d}.regeneration-indicator__label span{font-size:15px;font-weight:400}.column-header__wrapper{position:relative;flex:0 0 auto}.column-header__wrapper.active::before{display:block;content:\"\";position:absolute;top:35px;left:0;right:0;margin:0 auto;width:60%;pointer-events:none;height:28px;z-index:1;background:radial-gradient(ellipse, rgba(43, 144, 217, 0.23) 0%, rgba(43, 144, 217, 0) 60%)}.column-header{display:flex;font-size:16px;background:#ccd7e0;flex:0 0 auto;cursor:pointer;position:relative;z-index:2;outline:0;overflow:hidden;border-top-left-radius:2px;border-top-right-radius:2px}.column-header>button{margin:0;border:0;padding:15px 0 15px 15px;color:inherit;background:transparent;font:inherit;text-align:left;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;flex:1}.column-header>.column-header__back-button{color:#2b90d9}.column-header.active{box-shadow:0 1px 0 rgba(43,144,217,.3)}.column-header.active .column-header__icon{color:#2b90d9;text-shadow:0 0 10px rgba(43,144,217,.4)}.column-header:focus,.column-header:active{outline:0}.column-header__buttons{height:48px;display:flex}.column-header__links{margin-bottom:14px}.column-header__links .text-btn{margin-right:10px}.column-header__button{background:#ccd7e0;border:0;color:#282c37;cursor:pointer;font-size:16px;padding:0 15px}.column-header__button:hover{color:#191b22}.column-header__button.active{color:#000;background:#c0cdd9}.column-header__button.active:hover{color:#000;background:#c0cdd9}.column-header__collapsible{max-height:70vh;overflow:hidden;overflow-y:auto;color:#282c37;transition:max-height 150ms ease-in-out,opacity 300ms linear;opacity:1}.column-header__collapsible.collapsed{max-height:0;opacity:.5}.column-header__collapsible.animating{overflow-y:hidden}.column-header__collapsible hr{height:0;background:transparent;border:0;border-top:1px solid #b3c3d1;margin:10px 0}.column-header__collapsible-inner{background:#c0cdd9;padding:15px}.column-header__setting-btn:hover{color:#282c37;text-decoration:underline}.column-header__setting-arrows{float:right}.column-header__setting-arrows .column-header__setting-btn{padding:0 10px}.column-header__setting-arrows .column-header__setting-btn:last-child{padding-right:0}.text-btn{display:inline-block;padding:0;font-family:inherit;font-size:inherit;color:inherit;border:0;background:transparent;cursor:pointer}.column-header__icon{display:inline-block;margin-right:5px}.loading-indicator{color:#444b5d;font-size:13px;font-weight:400;overflow:visible;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%)}.loading-indicator span{display:block;float:left;margin-left:50%;transform:translateX(-50%);margin:82px 0 0 50%;white-space:nowrap}.loading-indicator__figure{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:42px;height:42px;box-sizing:border-box;background-color:transparent;border:0 solid #86a0b6;border-width:6px;border-radius:50%}.no-reduce-motion .loading-indicator span{animation:loader-label 1.15s infinite cubic-bezier(0.215, 0.61, 0.355, 1)}.no-reduce-motion .loading-indicator__figure{animation:loader-figure 1.15s infinite cubic-bezier(0.215, 0.61, 0.355, 1)}@keyframes spring-rotate-in{0%{transform:rotate(0deg)}30%{transform:rotate(-484.8deg)}60%{transform:rotate(-316.7deg)}90%{transform:rotate(-375deg)}100%{transform:rotate(-360deg)}}@keyframes spring-rotate-out{0%{transform:rotate(-360deg)}30%{transform:rotate(124.8deg)}60%{transform:rotate(-43.27deg)}90%{transform:rotate(15deg)}100%{transform:rotate(0deg)}}@keyframes loader-figure{0%{width:0;height:0;background-color:#86a0b6}29%{background-color:#86a0b6}30%{width:42px;height:42px;background-color:transparent;border-width:21px;opacity:1}100%{width:42px;height:42px;border-width:0;opacity:0;background-color:transparent}}@keyframes loader-label{0%{opacity:.25}30%{opacity:1}100%{opacity:.25}}.video-error-cover{align-items:center;background:#fff;color:#000;cursor:pointer;display:flex;flex-direction:column;height:100%;justify-content:center;margin-top:8px;position:relative;text-align:center;z-index:100}.media-spoiler{background:#fff;color:#282c37;border:0;padding:0;width:100%;height:100%;border-radius:4px;appearance:none}.media-spoiler:hover,.media-spoiler:active,.media-spoiler:focus{padding:0;color:#17191f}.media-spoiler__warning{display:block;font-size:14px}.media-spoiler__trigger{display:block;font-size:11px;font-weight:700}.spoiler-button{top:0;left:0;width:100%;height:100%;position:absolute;z-index:100}.spoiler-button--minified{display:block;left:4px;top:4px;width:auto;height:auto}.spoiler-button--click-thru{pointer-events:none}.spoiler-button--hidden{display:none}.spoiler-button__overlay{display:block;background:transparent;width:100%;height:100%;border:0}.spoiler-button__overlay__label{display:inline-block;background:rgba(255,255,255,.5);border-radius:8px;padding:8px 12px;color:#000;font-weight:500;font-size:14px}.spoiler-button__overlay:hover .spoiler-button__overlay__label,.spoiler-button__overlay:focus .spoiler-button__overlay__label,.spoiler-button__overlay:active .spoiler-button__overlay__label{background:rgba(255,255,255,.8)}.spoiler-button__overlay:disabled .spoiler-button__overlay__label{background:rgba(255,255,255,.5)}.modal-container--preloader{background:#c0cdd9}.account--panel{background:#ccd7e0;border-top:1px solid #c0cdd9;border-bottom:1px solid #c0cdd9;display:flex;flex-direction:row;padding:10px 0}.account--panel__button,.detailed-status__button{flex:1 1 auto;text-align:center}.column-settings__outer{background:#c0cdd9;padding:15px}.column-settings__section{color:#282c37;cursor:default;display:block;font-weight:500;margin-bottom:10px}.column-settings__hashtags .column-settings__row{margin-bottom:15px}.column-settings__hashtags .column-select__control{outline:0;box-sizing:border-box;width:100%;border:0;box-shadow:none;font-family:inherit;background:#d9e1e8;color:#282c37;font-size:14px;margin:0}.column-settings__hashtags .column-select__control::placeholder{color:#1f232b}.column-settings__hashtags .column-select__control::-moz-focus-inner{border:0}.column-settings__hashtags .column-select__control::-moz-focus-inner,.column-settings__hashtags .column-select__control:focus,.column-settings__hashtags .column-select__control:active{outline:0 !important}.column-settings__hashtags .column-select__control:focus{background:#ccd7e0}@media screen and (max-width: 600px){.column-settings__hashtags .column-select__control{font-size:16px}}.column-settings__hashtags .column-select__placeholder{color:#444b5d;padding-left:2px;font-size:12px}.column-settings__hashtags .column-select__value-container{padding-left:6px}.column-settings__hashtags .column-select__multi-value{background:#c0cdd9}.column-settings__hashtags .column-select__multi-value__remove{cursor:pointer}.column-settings__hashtags .column-select__multi-value__remove:hover,.column-settings__hashtags .column-select__multi-value__remove:active,.column-settings__hashtags .column-select__multi-value__remove:focus{background:#b3c3d1;color:#1f232b}.column-settings__hashtags .column-select__multi-value__label,.column-settings__hashtags .column-select__input{color:#282c37}.column-settings__hashtags .column-select__clear-indicator,.column-settings__hashtags .column-select__dropdown-indicator{cursor:pointer;transition:none;color:#444b5d}.column-settings__hashtags .column-select__clear-indicator:hover,.column-settings__hashtags .column-select__clear-indicator:active,.column-settings__hashtags .column-select__clear-indicator:focus,.column-settings__hashtags .column-select__dropdown-indicator:hover,.column-settings__hashtags .column-select__dropdown-indicator:active,.column-settings__hashtags .column-select__dropdown-indicator:focus{color:#3b4151}.column-settings__hashtags .column-select__indicator-separator{background-color:#c0cdd9}.column-settings__hashtags .column-select__menu{background:#fff;border-radius:4px;padding:10px 14px;padding-bottom:14px;margin-top:10px;color:#444b5d;box-shadow:2px 4px 15px rgba(0,0,0,.4);padding:0;background:#282c37}.column-settings__hashtags .column-select__menu h4{color:#444b5d;font-size:14px;font-weight:500;margin-bottom:10px}.column-settings__hashtags .column-select__menu li{padding:4px 0}.column-settings__hashtags .column-select__menu ul{margin-bottom:10px}.column-settings__hashtags .column-select__menu em{font-weight:500;color:#000}.column-settings__hashtags .column-select__menu-list{padding:6px}.column-settings__hashtags .column-select__option{color:#000;border-radius:4px;font-size:14px}.column-settings__hashtags .column-select__option--is-focused,.column-settings__hashtags .column-select__option--is-selected{background:#3d4455}.column-settings__row .text-btn{margin-bottom:15px}.relationship-tag{color:#000;margin-bottom:4px;display:block;vertical-align:top;background-color:#fff;font-size:12px;font-weight:500;padding:4px;border-radius:4px;opacity:.7}.relationship-tag:hover{opacity:1}.setting-toggle{display:block;line-height:24px}.setting-toggle__label{color:#282c37;display:inline-block;margin-bottom:14px;margin-left:8px;vertical-align:middle}.empty-column-indicator,.error-column{color:#444b5d;background:#d9e1e8;text-align:center;padding:20px;font-size:15px;font-weight:400;cursor:default;display:flex;flex:1 1 auto;align-items:center;justify-content:center}@supports(display: grid){.empty-column-indicator,.error-column{contain:strict}}.empty-column-indicator>span,.error-column>span{max-width:400px}.empty-column-indicator a,.error-column a{color:#2b90d9;text-decoration:none}.empty-column-indicator a:hover,.error-column a:hover{text-decoration:underline}.error-column{flex-direction:column}@keyframes heartbeat{from{transform:scale(1);animation-timing-function:ease-out}10%{transform:scale(0.91);animation-timing-function:ease-in}17%{transform:scale(0.98);animation-timing-function:ease-out}33%{transform:scale(0.87);animation-timing-function:ease-in}45%{transform:scale(1);animation-timing-function:ease-out}}.no-reduce-motion .pulse-loading{transform-origin:center center;animation:heartbeat 1.5s ease-in-out infinite both}@keyframes shake-bottom{0%,100%{transform:rotate(0deg);transform-origin:50% 100%}10%{transform:rotate(2deg)}20%,40%,60%{transform:rotate(-4deg)}30%,50%,70%{transform:rotate(4deg)}80%{transform:rotate(-2deg)}90%{transform:rotate(2deg)}}.no-reduce-motion .shake-bottom{transform-origin:50% 100%;animation:shake-bottom .8s cubic-bezier(0.455, 0.03, 0.515, 0.955) 2s 2 both}.emoji-picker-dropdown__menu{background:#fff;position:absolute;box-shadow:4px 4px 6px rgba(0,0,0,.4);border-radius:4px;margin-top:5px;z-index:2}.emoji-picker-dropdown__menu .emoji-mart-scroll{transition:opacity 200ms ease}.emoji-picker-dropdown__menu.selecting .emoji-mart-scroll{opacity:.5}.emoji-picker-dropdown__modifiers{position:absolute;top:60px;right:11px;cursor:pointer}.emoji-picker-dropdown__modifiers__menu{position:absolute;z-index:4;top:-4px;left:-8px;background:#fff;border-radius:4px;box-shadow:1px 2px 6px rgba(0,0,0,.2);overflow:hidden}.emoji-picker-dropdown__modifiers__menu button{display:block;cursor:pointer;border:0;padding:4px 8px;background:transparent}.emoji-picker-dropdown__modifiers__menu button:hover,.emoji-picker-dropdown__modifiers__menu button:focus,.emoji-picker-dropdown__modifiers__menu button:active{background:rgba(40,44,55,.4)}.emoji-picker-dropdown__modifiers__menu .emoji-mart-emoji{height:22px}.emoji-mart-emoji span{background-repeat:no-repeat}.upload-area{align-items:center;background:rgba(255,255,255,.8);display:flex;height:100%;justify-content:center;left:0;opacity:0;position:absolute;top:0;visibility:hidden;width:100%;z-index:2000}.upload-area *{pointer-events:none}.upload-area__drop{width:320px;height:160px;display:flex;box-sizing:border-box;position:relative;padding:8px}.upload-area__background{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;border-radius:4px;background:#d9e1e8;box-shadow:0 0 5px rgba(0,0,0,.2)}.upload-area__content{flex:1;display:flex;align-items:center;justify-content:center;color:#282c37;font-size:18px;font-weight:500;border:2px dashed #b0c0cf;border-radius:4px}.upload-progress{padding:10px;color:#282c37;overflow:hidden;display:flex}.upload-progress .fa{font-size:34px;margin-right:10px}.upload-progress span{font-size:13px;font-weight:500;display:block}.upload-progess__message{flex:1 1 auto}.upload-progress__backdrop{width:100%;height:6px;border-radius:6px;background:#b0c0cf;position:relative;margin-top:5px}.upload-progress__tracker{position:absolute;left:0;top:0;height:6px;background:#2b90d9;border-radius:6px}.emoji-button{display:block;font-size:24px;line-height:24px;margin-left:2px;width:24px;outline:0;cursor:pointer}.emoji-button:active,.emoji-button:focus{outline:0 !important}.emoji-button img{filter:grayscale(100%);opacity:.8;display:block;margin:0;width:22px;height:22px;margin-top:2px}.emoji-button:hover img,.emoji-button:active img,.emoji-button:focus img{opacity:1;filter:none}.dropdown--active .emoji-button img{opacity:1;filter:none}.privacy-dropdown__dropdown{position:absolute;background:#fff;box-shadow:2px 4px 15px rgba(0,0,0,.4);border-radius:4px;margin-left:40px;overflow:hidden}.privacy-dropdown__dropdown.top{transform-origin:50% 100%}.privacy-dropdown__dropdown.bottom{transform-origin:50% 0}.privacy-dropdown__option{color:#000;padding:10px;cursor:pointer;display:flex}.privacy-dropdown__option:hover,.privacy-dropdown__option.active{background:#2b90d9;color:#000;outline:0}.privacy-dropdown__option:hover .privacy-dropdown__option__content,.privacy-dropdown__option.active .privacy-dropdown__option__content{color:#000}.privacy-dropdown__option:hover .privacy-dropdown__option__content strong,.privacy-dropdown__option.active .privacy-dropdown__option__content strong{color:#000}.privacy-dropdown__option.active:hover{background:#2485cb}.privacy-dropdown__option__icon{display:flex;align-items:center;justify-content:center;margin-right:10px}.privacy-dropdown__option__content{flex:1 1 auto;color:#282c37}.privacy-dropdown__option__content strong{font-weight:500;display:block;color:#000}.privacy-dropdown__option__content strong:lang(ja){font-weight:700}.privacy-dropdown__option__content strong:lang(ko){font-weight:700}.privacy-dropdown__option__content strong:lang(zh-CN){font-weight:700}.privacy-dropdown__option__content strong:lang(zh-HK){font-weight:700}.privacy-dropdown__option__content strong:lang(zh-TW){font-weight:700}.privacy-dropdown.active .privacy-dropdown__value{background:#fff;border-radius:4px 4px 0 0;box-shadow:0 -4px 4px rgba(0,0,0,.1)}.privacy-dropdown.active .privacy-dropdown__value .icon-button{transition:none}.privacy-dropdown.active .privacy-dropdown__value.active{background:#2b90d9}.privacy-dropdown.active .privacy-dropdown__value.active .icon-button{color:#000}.privacy-dropdown.active.top .privacy-dropdown__value{border-radius:0 0 4px 4px}.privacy-dropdown.active .privacy-dropdown__dropdown{display:block;box-shadow:2px 4px 6px rgba(0,0,0,.1)}.search{position:relative}.search__input{outline:0;box-sizing:border-box;width:100%;border:0;box-shadow:none;font-family:inherit;background:#d9e1e8;color:#282c37;font-size:14px;margin:0;display:block;padding:15px;padding-right:30px;line-height:18px;font-size:16px}.search__input::placeholder{color:#1f232b}.search__input::-moz-focus-inner{border:0}.search__input::-moz-focus-inner,.search__input:focus,.search__input:active{outline:0 !important}.search__input:focus{background:#ccd7e0}@media screen and (max-width: 600px){.search__input{font-size:16px}}.search__icon::-moz-focus-inner{border:0}.search__icon::-moz-focus-inner,.search__icon:focus{outline:0 !important}.search__icon .fa{position:absolute;top:16px;right:10px;z-index:2;display:inline-block;opacity:0;transition:all 100ms linear;transition-property:transform,opacity;font-size:18px;width:18px;height:18px;color:#282c37;cursor:default;pointer-events:none}.search__icon .fa.active{pointer-events:auto;opacity:.3}.search__icon .fa-search{transform:rotate(90deg)}.search__icon .fa-search.active{pointer-events:none;transform:rotate(0deg)}.search__icon .fa-times-circle{top:17px;transform:rotate(0deg);color:#606984;cursor:pointer}.search__icon .fa-times-circle.active{transform:rotate(90deg)}.search__icon .fa-times-circle:hover{color:#51596f}.search-results__header{color:#444b5d;background:#d3dce4;padding:15px;font-weight:500;font-size:16px;cursor:default}.search-results__header .fa{display:inline-block;margin-right:5px}.search-results__section{margin-bottom:5px}.search-results__section h5{background:#e6ebf0;border-bottom:1px solid #c0cdd9;cursor:default;display:flex;padding:15px;font-weight:500;font-size:16px;color:#444b5d}.search-results__section h5 .fa{display:inline-block;margin-right:5px}.search-results__section .account:last-child,.search-results__section>div:last-child .status{border-bottom:0}.search-results__hashtag{display:block;padding:10px;color:#282c37;text-decoration:none}.search-results__hashtag:hover,.search-results__hashtag:active,.search-results__hashtag:focus{color:#1f232b;text-decoration:underline}.search-results__info{padding:20px;color:#282c37;text-align:center}.modal-root{position:relative;transition:opacity .3s linear;will-change:opacity;z-index:9999}.modal-root__overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(255,255,255,.7)}.modal-root__container{position:fixed;top:0;left:0;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;align-content:space-around;z-index:9999;pointer-events:none;user-select:none}.modal-root__modal{pointer-events:auto;display:flex;z-index:9999}.video-modal__container{max-width:100vw;max-height:100vh}.audio-modal__container{width:50vw}.media-modal{width:100%;height:100%;position:relative}.media-modal .extended-video-player{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.media-modal .extended-video-player video{max-width:100%;max-height:80%}.media-modal__closer{position:absolute;top:0;left:0;right:0;bottom:0}.media-modal__navigation{position:absolute;top:0;left:0;right:0;bottom:0;pointer-events:none;transition:opacity .3s linear;will-change:opacity}.media-modal__navigation *{pointer-events:auto}.media-modal__navigation.media-modal__navigation--hidden{opacity:0}.media-modal__navigation.media-modal__navigation--hidden *{pointer-events:none}.media-modal__nav{background:rgba(255,255,255,.5);box-sizing:border-box;border:0;color:#000;cursor:pointer;display:flex;align-items:center;font-size:24px;height:20vmax;margin:auto 0;padding:30px 15px;position:absolute;top:0;bottom:0}.media-modal__nav--left{left:0}.media-modal__nav--right{right:0}.media-modal__pagination{width:100%;text-align:center;position:absolute;left:0;bottom:20px;pointer-events:none}.media-modal__meta{text-align:center;position:absolute;left:0;bottom:20px;width:100%;pointer-events:none}.media-modal__meta--shifted{bottom:62px}.media-modal__meta a{pointer-events:auto;text-decoration:none;font-weight:500;color:#282c37}.media-modal__meta a:hover,.media-modal__meta a:focus,.media-modal__meta a:active{text-decoration:underline}.media-modal__page-dot{display:inline-block}.media-modal__button{background-color:#000;height:12px;width:12px;border-radius:6px;margin:10px;padding:0;border:0;font-size:0}.media-modal__button--active{background-color:#2b90d9}.media-modal__close{position:absolute;right:8px;top:8px;z-index:100}.onboarding-modal,.error-modal,.embed-modal{background:#282c37;color:#000;border-radius:8px;overflow:hidden;display:flex;flex-direction:column}.error-modal__body{height:80vh;width:80vw;max-width:520px;max-height:420px;position:relative}.error-modal__body>div{position:absolute;top:0;left:0;width:100%;height:100%;box-sizing:border-box;padding:25px;display:none;flex-direction:column;align-items:center;justify-content:center;display:flex;opacity:0;user-select:text}.error-modal__body{display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center}.onboarding-modal__paginator,.error-modal__footer{flex:0 0 auto;background:#393f4f;display:flex;padding:25px}.onboarding-modal__paginator>div,.error-modal__footer>div{min-width:33px}.onboarding-modal__paginator .onboarding-modal__nav,.onboarding-modal__paginator .error-modal__nav,.error-modal__footer .onboarding-modal__nav,.error-modal__footer .error-modal__nav{color:#282c37;border:0;font-size:14px;font-weight:500;padding:10px 25px;line-height:inherit;height:auto;margin:-10px;border-radius:4px;background-color:transparent}.onboarding-modal__paginator .onboarding-modal__nav:hover,.onboarding-modal__paginator .onboarding-modal__nav:focus,.onboarding-modal__paginator .onboarding-modal__nav:active,.onboarding-modal__paginator .error-modal__nav:hover,.onboarding-modal__paginator .error-modal__nav:focus,.onboarding-modal__paginator .error-modal__nav:active,.error-modal__footer .onboarding-modal__nav:hover,.error-modal__footer .onboarding-modal__nav:focus,.error-modal__footer .onboarding-modal__nav:active,.error-modal__footer .error-modal__nav:hover,.error-modal__footer .error-modal__nav:focus,.error-modal__footer .error-modal__nav:active{color:#313543;background-color:#4a5266}.onboarding-modal__paginator .onboarding-modal__nav.onboarding-modal__done,.onboarding-modal__paginator .onboarding-modal__nav.onboarding-modal__next,.onboarding-modal__paginator .error-modal__nav.onboarding-modal__done,.onboarding-modal__paginator .error-modal__nav.onboarding-modal__next,.error-modal__footer .onboarding-modal__nav.onboarding-modal__done,.error-modal__footer .onboarding-modal__nav.onboarding-modal__next,.error-modal__footer .error-modal__nav.onboarding-modal__done,.error-modal__footer .error-modal__nav.onboarding-modal__next{color:#000}.onboarding-modal__paginator .onboarding-modal__nav.onboarding-modal__done:hover,.onboarding-modal__paginator .onboarding-modal__nav.onboarding-modal__done:focus,.onboarding-modal__paginator .onboarding-modal__nav.onboarding-modal__done:active,.onboarding-modal__paginator .onboarding-modal__nav.onboarding-modal__next:hover,.onboarding-modal__paginator .onboarding-modal__nav.onboarding-modal__next:focus,.onboarding-modal__paginator .onboarding-modal__nav.onboarding-modal__next:active,.onboarding-modal__paginator .error-modal__nav.onboarding-modal__done:hover,.onboarding-modal__paginator .error-modal__nav.onboarding-modal__done:focus,.onboarding-modal__paginator .error-modal__nav.onboarding-modal__done:active,.onboarding-modal__paginator .error-modal__nav.onboarding-modal__next:hover,.onboarding-modal__paginator .error-modal__nav.onboarding-modal__next:focus,.onboarding-modal__paginator .error-modal__nav.onboarding-modal__next:active,.error-modal__footer .onboarding-modal__nav.onboarding-modal__done:hover,.error-modal__footer .onboarding-modal__nav.onboarding-modal__done:focus,.error-modal__footer .onboarding-modal__nav.onboarding-modal__done:active,.error-modal__footer .onboarding-modal__nav.onboarding-modal__next:hover,.error-modal__footer .onboarding-modal__nav.onboarding-modal__next:focus,.error-modal__footer .onboarding-modal__nav.onboarding-modal__next:active,.error-modal__footer .error-modal__nav.onboarding-modal__done:hover,.error-modal__footer .error-modal__nav.onboarding-modal__done:focus,.error-modal__footer .error-modal__nav.onboarding-modal__done:active,.error-modal__footer .error-modal__nav.onboarding-modal__next:hover,.error-modal__footer .error-modal__nav.onboarding-modal__next:focus,.error-modal__footer .error-modal__nav.onboarding-modal__next:active{color:#000}.error-modal__footer{justify-content:center}.display-case{text-align:center;font-size:15px;margin-bottom:15px}.display-case__label{font-weight:500;color:#000;margin-bottom:5px;font-size:13px}.display-case__case{background:#d9e1e8;color:#282c37;font-weight:500;padding:10px;border-radius:4px}.onboard-sliders{display:inline-block;max-width:30px;max-height:auto;margin-left:10px}.boost-modal,.confirmation-modal,.report-modal,.actions-modal,.mute-modal,.block-modal{background:#17191f;color:#000;border-radius:8px;overflow:hidden;max-width:90vw;width:480px;position:relative;flex-direction:column}.boost-modal .status__display-name,.confirmation-modal .status__display-name,.report-modal .status__display-name,.actions-modal .status__display-name,.mute-modal .status__display-name,.block-modal .status__display-name{display:block;max-width:100%;padding-right:25px}.boost-modal .status__avatar,.confirmation-modal .status__avatar,.report-modal .status__avatar,.actions-modal .status__avatar,.mute-modal .status__avatar,.block-modal .status__avatar{height:28px;left:10px;position:absolute;top:10px;width:48px}.boost-modal .status__content__spoiler-link,.confirmation-modal .status__content__spoiler-link,.report-modal .status__content__spoiler-link,.actions-modal .status__content__spoiler-link,.mute-modal .status__content__spoiler-link,.block-modal .status__content__spoiler-link{color:#17191f}.actions-modal .status{background:#fff;border-bottom-color:#282c37;padding-top:10px;padding-bottom:10px}.actions-modal .dropdown-menu__separator{border-bottom-color:#282c37}.boost-modal__container{overflow-x:scroll;padding:10px}.boost-modal__container .status{user-select:text;border-bottom:0}.boost-modal__action-bar,.confirmation-modal__action-bar,.mute-modal__action-bar,.block-modal__action-bar{display:flex;justify-content:space-between;background:#282c37;padding:10px;line-height:36px}.boost-modal__action-bar>div,.confirmation-modal__action-bar>div,.mute-modal__action-bar>div,.block-modal__action-bar>div{flex:1 1 auto;text-align:right;color:#282c37;padding-right:10px}.boost-modal__action-bar .button,.confirmation-modal__action-bar .button,.mute-modal__action-bar .button,.block-modal__action-bar .button{flex:0 0 auto}.boost-modal__status-header{font-size:15px}.boost-modal__status-time{float:right;font-size:14px}.mute-modal,.block-modal{line-height:24px}.mute-modal .react-toggle,.block-modal .react-toggle{vertical-align:middle}.report-modal{width:90vw;max-width:700px}.report-modal__container{display:flex;border-top:1px solid #282c37}@media screen and (max-width: 480px){.report-modal__container{flex-wrap:wrap;overflow-y:auto}}.report-modal__statuses,.report-modal__comment{box-sizing:border-box;width:50%}@media screen and (max-width: 480px){.report-modal__statuses,.report-modal__comment{width:100%}}.report-modal__statuses,.focal-point-modal__content{flex:1 1 auto;min-height:20vh;max-height:80vh;overflow-y:auto;overflow-x:hidden}.report-modal__statuses .status__content a,.focal-point-modal__content .status__content a{color:#2b90d9}.report-modal__statuses .status__content,.report-modal__statuses .status__content p,.focal-point-modal__content .status__content,.focal-point-modal__content .status__content p{color:#000}@media screen and (max-width: 480px){.report-modal__statuses,.focal-point-modal__content{max-height:10vh}}@media screen and (max-width: 480px){.focal-point-modal__content{max-height:40vh}}.report-modal__comment{padding:20px;border-right:1px solid #282c37;max-width:320px}.report-modal__comment p{font-size:14px;line-height:20px;margin-bottom:20px}.report-modal__comment .setting-text{display:block;box-sizing:border-box;width:100%;margin:0;color:#000;background:#fff;padding:10px;font-family:inherit;font-size:14px;resize:none;border:0;outline:0;border-radius:4px;border:1px solid #282c37;min-height:100px;max-height:50vh;margin-bottom:10px}.report-modal__comment .setting-text:focus{border:1px solid #393f4f}.report-modal__comment .setting-text__wrapper{background:#fff;border:1px solid #282c37;margin-bottom:10px;border-radius:4px}.report-modal__comment .setting-text__wrapper .setting-text{border:0;margin-bottom:0;border-radius:0}.report-modal__comment .setting-text__wrapper .setting-text:focus{border:0}.report-modal__comment .setting-text__wrapper__modifiers{color:#000;font-family:inherit;font-size:14px;background:#fff}.report-modal__comment .setting-text__toolbar{display:flex;justify-content:space-between;margin-bottom:20px}.report-modal__comment .setting-text-label{display:block;color:#000;font-size:14px;font-weight:500;margin-bottom:10px}.report-modal__comment .setting-toggle{margin-top:20px;margin-bottom:24px}.report-modal__comment .setting-toggle__label{color:#000;font-size:14px}@media screen and (max-width: 480px){.report-modal__comment{padding:10px;max-width:100%;order:2}.report-modal__comment .setting-toggle{margin-bottom:4px}}.actions-modal{max-height:80vh;max-width:80vw}.actions-modal .status{overflow-y:auto;max-height:300px}.actions-modal .actions-modal__item-label{font-weight:500}.actions-modal ul{overflow-y:auto;flex-shrink:0;max-height:80vh}.actions-modal ul.with-status{max-height:calc(80vh - 75px)}.actions-modal ul li:empty{margin:0}.actions-modal ul li:not(:empty) a{color:#000;display:flex;padding:12px 16px;font-size:15px;align-items:center;text-decoration:none}.actions-modal ul li:not(:empty) a,.actions-modal ul li:not(:empty) a button{transition:none}.actions-modal ul li:not(:empty) a.active,.actions-modal ul li:not(:empty) a.active button,.actions-modal ul li:not(:empty) a:hover,.actions-modal ul li:not(:empty) a:hover button,.actions-modal ul li:not(:empty) a:active,.actions-modal ul li:not(:empty) a:active button,.actions-modal ul li:not(:empty) a:focus,.actions-modal ul li:not(:empty) a:focus button{background:#2b90d9;color:#000}.actions-modal ul li:not(:empty) a button:first-child{margin-right:10px}.confirmation-modal__action-bar .confirmation-modal__secondary-button,.mute-modal__action-bar .confirmation-modal__secondary-button,.block-modal__action-bar .confirmation-modal__secondary-button{flex-shrink:1}.confirmation-modal__secondary-button,.confirmation-modal__cancel-button,.mute-modal__cancel-button,.block-modal__cancel-button{background-color:transparent;color:#282c37;font-size:14px;font-weight:500}.confirmation-modal__secondary-button:hover,.confirmation-modal__secondary-button:focus,.confirmation-modal__secondary-button:active,.confirmation-modal__cancel-button:hover,.confirmation-modal__cancel-button:focus,.confirmation-modal__cancel-button:active,.mute-modal__cancel-button:hover,.mute-modal__cancel-button:focus,.mute-modal__cancel-button:active,.block-modal__cancel-button:hover,.block-modal__cancel-button:focus,.block-modal__cancel-button:active{color:#313543;background-color:transparent}.confirmation-modal__container,.mute-modal__container,.block-modal__container,.report-modal__target{padding:30px;font-size:16px}.confirmation-modal__container strong,.mute-modal__container strong,.block-modal__container strong,.report-modal__target strong{font-weight:500}.confirmation-modal__container strong:lang(ja),.mute-modal__container strong:lang(ja),.block-modal__container strong:lang(ja),.report-modal__target strong:lang(ja){font-weight:700}.confirmation-modal__container strong:lang(ko),.mute-modal__container strong:lang(ko),.block-modal__container strong:lang(ko),.report-modal__target strong:lang(ko){font-weight:700}.confirmation-modal__container strong:lang(zh-CN),.mute-modal__container strong:lang(zh-CN),.block-modal__container strong:lang(zh-CN),.report-modal__target strong:lang(zh-CN){font-weight:700}.confirmation-modal__container strong:lang(zh-HK),.mute-modal__container strong:lang(zh-HK),.block-modal__container strong:lang(zh-HK),.report-modal__target strong:lang(zh-HK){font-weight:700}.confirmation-modal__container strong:lang(zh-TW),.mute-modal__container strong:lang(zh-TW),.block-modal__container strong:lang(zh-TW),.report-modal__target strong:lang(zh-TW){font-weight:700}.confirmation-modal__container,.report-modal__target{text-align:center}.block-modal__explanation,.mute-modal__explanation{margin-top:20px}.block-modal .setting-toggle,.mute-modal .setting-toggle{margin-top:20px;margin-bottom:24px;display:flex;align-items:center}.block-modal .setting-toggle__label,.mute-modal .setting-toggle__label{color:#000;margin:0;margin-left:8px}.report-modal__target{padding:15px}.report-modal__target .media-modal__close{top:14px;right:15px}.loading-bar{background-color:#2b90d9;height:3px;position:absolute;top:0;left:0;z-index:9999}.media-gallery__gifv__label{display:block;position:absolute;color:#000;background:rgba(255,255,255,.5);bottom:6px;left:6px;padding:2px 6px;border-radius:2px;font-size:11px;font-weight:600;z-index:1;pointer-events:none;opacity:.9;transition:opacity .1s ease;line-height:18px}.media-gallery__gifv.autoplay .media-gallery__gifv__label{display:none}.media-gallery__gifv:hover .media-gallery__gifv__label{opacity:1}.media-gallery__audio{margin-top:32px}.media-gallery__audio audio{width:100%}.attachment-list{display:flex;font-size:14px;border:1px solid #c0cdd9;border-radius:4px;margin-top:14px;overflow:hidden}.attachment-list__icon{flex:0 0 auto;color:#444b5d;padding:8px 18px;cursor:default;border-right:1px solid #c0cdd9;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:26px}.attachment-list__icon .fa{display:block}.attachment-list__list{list-style:none;padding:4px 0;padding-left:8px;display:flex;flex-direction:column;justify-content:center}.attachment-list__list li{display:block;padding:4px 0}.attachment-list__list a{text-decoration:none;color:#444b5d;font-weight:500}.attachment-list__list a:hover{text-decoration:underline}.attachment-list.compact{border:0;margin-top:4px}.attachment-list.compact .attachment-list__list{padding:0;display:block}.attachment-list.compact .fa{color:#444b5d}.media-gallery{box-sizing:border-box;margin-top:8px;overflow:hidden;border-radius:4px;position:relative;width:100%}.media-gallery__item{border:0;box-sizing:border-box;display:block;float:left;position:relative;border-radius:4px;overflow:hidden}.media-gallery__item.standalone .media-gallery__item-gifv-thumbnail{transform:none;top:0}.media-gallery__item-thumbnail{cursor:zoom-in;display:block;text-decoration:none;color:#282c37;position:relative;z-index:1}.media-gallery__item-thumbnail,.media-gallery__item-thumbnail img{height:100%;width:100%}.media-gallery__item-thumbnail img{object-fit:cover}.media-gallery__preview{width:100%;height:100%;object-fit:cover;position:absolute;top:0;left:0;z-index:0;background:#fff}.media-gallery__preview--hidden{display:none}.media-gallery__gifv{height:100%;overflow:hidden;position:relative;width:100%}.media-gallery__item-gifv-thumbnail{cursor:zoom-in;height:100%;object-fit:cover;position:relative;top:50%;transform:translateY(-50%);width:100%;z-index:1}.media-gallery__item-thumbnail-label{clip:rect(1px 1px 1px 1px);clip:rect(1px, 1px, 1px, 1px);overflow:hidden;position:absolute}.detailed .video-player__volume__current,.detailed .video-player__volume::before,.fullscreen .video-player__volume__current,.fullscreen .video-player__volume::before{bottom:27px}.detailed .video-player__volume__handle,.fullscreen .video-player__volume__handle{bottom:23px}.audio-player{box-sizing:border-box;position:relative;background:#f2f5f7;border-radius:4px;padding-bottom:44px;direction:ltr}.audio-player.editable{border-radius:0;height:100%}.audio-player__waveform{padding:15px 0;position:relative;overflow:hidden}.audio-player__waveform::before{content:\"\";display:block;position:absolute;border-top:1px solid #ccd7e0;width:100%;height:0;left:0;top:calc(50% + 1px)}.audio-player__progress-placeholder{background-color:rgba(33,122,186,.5)}.audio-player__wave-placeholder{background-color:#a6b9c9}.audio-player .video-player__controls{padding:0 15px;padding-top:10px;background:#f2f5f7;border-top:1px solid #ccd7e0;border-radius:0 0 4px 4px}.video-player{overflow:hidden;position:relative;background:#000;max-width:100%;border-radius:4px;box-sizing:border-box;direction:ltr}.video-player.editable{border-radius:0;height:100% !important}.video-player:focus{outline:0}.video-player video{max-width:100vw;max-height:80vh;z-index:1}.video-player.fullscreen{width:100% !important;height:100% !important;margin:0}.video-player.fullscreen video{max-width:100% !important;max-height:100% !important;width:100% !important;height:100% !important;outline:0}.video-player.inline video{object-fit:contain;position:relative;top:50%;transform:translateY(-50%)}.video-player__controls{position:absolute;z-index:2;bottom:0;left:0;right:0;box-sizing:border-box;background:linear-gradient(0deg, rgba(0, 0, 0, 0.85) 0, rgba(0, 0, 0, 0.45) 60%, transparent);padding:0 15px;opacity:0;transition:opacity .1s ease}.video-player__controls.active{opacity:1}.video-player.inactive video,.video-player.inactive .video-player__controls{visibility:hidden}.video-player__spoiler{display:none;position:absolute;top:0;left:0;width:100%;height:100%;z-index:4;border:0;background:#fff;color:#282c37;transition:none;pointer-events:none}.video-player__spoiler.active{display:block;pointer-events:auto}.video-player__spoiler.active:hover,.video-player__spoiler.active:active,.video-player__spoiler.active:focus{color:#191b22}.video-player__spoiler__title{display:block;font-size:14px}.video-player__spoiler__subtitle{display:block;font-size:11px;font-weight:500}.video-player__buttons-bar{display:flex;justify-content:space-between;padding-bottom:10px}.video-player__buttons-bar .video-player__download__icon{color:inherit}.video-player__buttons{font-size:16px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.video-player__buttons.left button{padding-left:0}.video-player__buttons.right button{padding-right:0}.video-player__buttons button{background:transparent;padding:2px 10px;font-size:16px;border:0;color:rgba(255,255,255,.75)}.video-player__buttons button:active,.video-player__buttons button:hover,.video-player__buttons button:focus{color:#fff}.video-player__time-sep,.video-player__time-total,.video-player__time-current{font-size:14px;font-weight:500}.video-player__time-current{color:#fff;margin-left:60px}.video-player__time-sep{display:inline-block;margin:0 6px}.video-player__time-sep,.video-player__time-total{color:#fff}.video-player__volume{cursor:pointer;height:24px;display:inline}.video-player__volume::before{content:\"\";width:50px;background:rgba(255,255,255,.35);border-radius:4px;display:block;position:absolute;height:4px;left:70px;bottom:20px}.video-player__volume__current{display:block;position:absolute;height:4px;border-radius:4px;left:70px;bottom:20px;background:#217aba}.video-player__volume__handle{position:absolute;z-index:3;border-radius:50%;width:12px;height:12px;bottom:16px;left:70px;transition:opacity .1s ease;background:#217aba;box-shadow:1px 2px 6px rgba(0,0,0,.2);pointer-events:none}.video-player__link{padding:2px 10px}.video-player__link a{text-decoration:none;font-size:14px;font-weight:500;color:#fff}.video-player__link a:hover,.video-player__link a:active,.video-player__link a:focus{text-decoration:underline}.video-player__seek{cursor:pointer;height:24px;position:relative}.video-player__seek::before{content:\"\";width:100%;background:rgba(255,255,255,.35);border-radius:4px;display:block;position:absolute;height:4px;top:10px}.video-player__seek__progress,.video-player__seek__buffer{display:block;position:absolute;height:4px;border-radius:4px;top:10px;background:#217aba}.video-player__seek__buffer{background:rgba(255,255,255,.2)}.video-player__seek__handle{position:absolute;z-index:3;opacity:0;border-radius:50%;width:12px;height:12px;top:6px;margin-left:-6px;transition:opacity .1s ease;background:#217aba;box-shadow:1px 2px 6px rgba(0,0,0,.2);pointer-events:none}.video-player__seek__handle.active{opacity:1}.video-player__seek:hover .video-player__seek__handle{opacity:1}.video-player.detailed .video-player__buttons button,.video-player.fullscreen .video-player__buttons button{padding-top:10px;padding-bottom:10px}.directory__list{width:100%;margin:10px 0;transition:opacity 100ms ease-in}.directory__list.loading{opacity:.7}@media screen and (max-width: 415px){.directory__list{margin:0}}.directory__card{box-sizing:border-box;margin-bottom:10px}.directory__card__img{height:125px;position:relative;background:#fff;overflow:hidden}.directory__card__img img{display:block;width:100%;height:100%;margin:0;object-fit:cover}.directory__card__bar{display:flex;align-items:center;background:#ccd7e0;padding:10px}.directory__card__bar__name{flex:1 1 auto;display:flex;align-items:center;text-decoration:none;overflow:hidden}.directory__card__bar__relationship{width:23px;min-height:1px;flex:0 0 auto}.directory__card__bar .avatar{flex:0 0 auto;width:48px;height:48px;padding-top:2px}.directory__card__bar .avatar img{width:100%;height:100%;display:block;margin:0;border-radius:4px;background:#f2f5f7;object-fit:cover}.directory__card__bar .display-name{margin-left:15px;text-align:left}.directory__card__bar .display-name strong{font-size:15px;color:#000;font-weight:500;overflow:hidden;text-overflow:ellipsis}.directory__card__bar .display-name span{display:block;font-size:14px;color:#282c37;font-weight:400;overflow:hidden;text-overflow:ellipsis}.directory__card__extra{background:#d9e1e8;display:flex;align-items:center;justify-content:center}.directory__card__extra .accounts-table__count{width:33.33%;flex:0 0 auto;padding:15px 0}.directory__card__extra .account__header__content{box-sizing:border-box;padding:15px 10px;border-bottom:1px solid #c0cdd9;width:100%;min-height:48px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.directory__card__extra .account__header__content p{display:none}.directory__card__extra .account__header__content p:first-child{display:inline}.directory__card__extra .account__header__content br{display:none}.account-gallery__container{display:flex;flex-wrap:wrap;padding:4px 2px}.account-gallery__item{border:0;box-sizing:border-box;display:block;position:relative;border-radius:4px;overflow:hidden;margin:2px}.account-gallery__item__icons{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);font-size:24px}.notification__filter-bar,.account__section-headline{background:#e6ebf0;border-bottom:1px solid #c0cdd9;cursor:default;display:flex;flex-shrink:0}.notification__filter-bar button,.account__section-headline button{background:#e6ebf0;border:0;margin:0}.notification__filter-bar button,.notification__filter-bar a,.account__section-headline button,.account__section-headline a{display:block;flex:1 1 auto;color:#282c37;padding:15px 0;font-size:14px;font-weight:500;text-align:center;text-decoration:none;position:relative}.notification__filter-bar button.active,.notification__filter-bar a.active,.account__section-headline button.active,.account__section-headline a.active{color:#282c37}.notification__filter-bar button.active::before,.notification__filter-bar button.active::after,.notification__filter-bar a.active::before,.notification__filter-bar a.active::after,.account__section-headline button.active::before,.account__section-headline button.active::after,.account__section-headline a.active::before,.account__section-headline a.active::after{display:block;content:\"\";position:absolute;bottom:0;left:50%;width:0;height:0;transform:translateX(-50%);border-style:solid;border-width:0 10px 10px;border-color:transparent transparent #c0cdd9}.notification__filter-bar button.active::after,.notification__filter-bar a.active::after,.account__section-headline button.active::after,.account__section-headline a.active::after{bottom:-1px;border-color:transparent transparent #d9e1e8}.notification__filter-bar.directory__section-headline,.account__section-headline.directory__section-headline{background:#dfe6ec;border-bottom-color:transparent}.notification__filter-bar.directory__section-headline a.active::before,.notification__filter-bar.directory__section-headline button.active::before,.account__section-headline.directory__section-headline a.active::before,.account__section-headline.directory__section-headline button.active::before{display:none}.notification__filter-bar.directory__section-headline a.active::after,.notification__filter-bar.directory__section-headline button.active::after,.account__section-headline.directory__section-headline a.active::after,.account__section-headline.directory__section-headline button.active::after{border-color:transparent transparent #eff3f5}.filter-form{background:#d9e1e8}.filter-form__column{padding:10px 15px}.filter-form .radio-button{display:block}.radio-button{font-size:14px;position:relative;display:inline-block;padding:6px 0;line-height:18px;cursor:default;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;cursor:pointer}.radio-button input[type=radio],.radio-button input[type=checkbox]{display:none}.radio-button__input{display:inline-block;position:relative;border:1px solid #9bcbed;box-sizing:border-box;width:18px;height:18px;flex:0 0 auto;margin-right:10px;top:-1px;border-radius:50%;vertical-align:middle}.radio-button__input.checked{border-color:#217aba;background:#217aba}::-webkit-scrollbar-thumb{border-radius:0}.search-popout{background:#fff;border-radius:4px;padding:10px 14px;padding-bottom:14px;margin-top:10px;color:#444b5d;box-shadow:2px 4px 15px rgba(0,0,0,.4)}.search-popout h4{color:#444b5d;font-size:14px;font-weight:500;margin-bottom:10px}.search-popout li{padding:4px 0}.search-popout ul{margin-bottom:10px}.search-popout em{font-weight:500;color:#000}noscript{text-align:center}noscript img{width:200px;opacity:.5;animation:flicker 4s infinite}noscript div{font-size:14px;margin:30px auto;color:#282c37;max-width:400px}noscript div a{color:#2b90d9;text-decoration:underline}noscript div a:hover{text-decoration:none}@keyframes flicker{0%{opacity:1}30%{opacity:.75}100%{opacity:1}}@media screen and (max-width: 630px)and (max-height: 400px){.tabs-bar,.search{will-change:margin-top;transition:margin-top 400ms 100ms}.navigation-bar{will-change:padding-bottom;transition:padding-bottom 400ms 100ms}.navigation-bar>a:first-child{will-change:margin-top,margin-left,margin-right,width;transition:margin-top 400ms 100ms,margin-left 400ms 500ms,margin-right 400ms 500ms}.navigation-bar>.navigation-bar__profile-edit{will-change:margin-top;transition:margin-top 400ms 100ms}.navigation-bar .navigation-bar__actions>.icon-button.close{will-change:opacity transform;transition:opacity 200ms 100ms,transform 400ms 100ms}.navigation-bar .navigation-bar__actions>.compose__action-bar .icon-button{will-change:opacity transform;transition:opacity 200ms 300ms,transform 400ms 100ms}.is-composing .tabs-bar,.is-composing .search{margin-top:-50px}.is-composing .navigation-bar{padding-bottom:0}.is-composing .navigation-bar>a:first-child{margin:-100px 10px 0 -50px}.is-composing .navigation-bar .navigation-bar__profile{padding-top:2px}.is-composing .navigation-bar .navigation-bar__profile-edit{position:absolute;margin-top:-60px}.is-composing .navigation-bar .navigation-bar__actions .icon-button.close{pointer-events:auto;opacity:1;transform:scale(1, 1) translate(0, 0);bottom:5px}.is-composing .navigation-bar .navigation-bar__actions .compose__action-bar .icon-button{pointer-events:none;opacity:0;transform:scale(0, 1) translate(100%, 0)}}.embed-modal{width:auto;max-width:80vw;max-height:80vh}.embed-modal h4{padding:30px;font-weight:500;font-size:16px;text-align:center}.embed-modal .embed-modal__container{padding:10px}.embed-modal .embed-modal__container .hint{margin-bottom:15px}.embed-modal .embed-modal__container .embed-modal__html{outline:0;box-sizing:border-box;display:block;width:100%;border:0;padding:10px;font-family:\"mastodon-font-monospace\",monospace;background:#d9e1e8;color:#000;font-size:14px;margin:0;margin-bottom:15px;border-radius:4px}.embed-modal .embed-modal__container .embed-modal__html::-moz-focus-inner{border:0}.embed-modal .embed-modal__container .embed-modal__html::-moz-focus-inner,.embed-modal .embed-modal__container .embed-modal__html:focus,.embed-modal .embed-modal__container .embed-modal__html:active{outline:0 !important}.embed-modal .embed-modal__container .embed-modal__html:focus{background:#ccd7e0}@media screen and (max-width: 600px){.embed-modal .embed-modal__container .embed-modal__html{font-size:16px}}.embed-modal .embed-modal__container .embed-modal__iframe{width:400px;max-width:100%;overflow:hidden;border:0;border-radius:4px}.account__moved-note{padding:14px 10px;padding-bottom:16px;background:#ccd7e0;border-top:1px solid #c0cdd9;border-bottom:1px solid #c0cdd9}.account__moved-note__message{position:relative;margin-left:58px;color:#444b5d;padding:8px 0;padding-top:0;padding-bottom:4px;font-size:14px}.account__moved-note__message>span{display:block;overflow:hidden;text-overflow:ellipsis}.account__moved-note__icon-wrapper{left:-26px;position:absolute}.account__moved-note .detailed-status__display-avatar{position:relative}.account__moved-note .detailed-status__display-name{margin-bottom:0}.column-inline-form{padding:15px;padding-right:0;display:flex;justify-content:flex-start;align-items:center;background:#ccd7e0}.column-inline-form label{flex:1 1 auto}.column-inline-form label input{width:100%}.column-inline-form label input:focus{outline:0}.column-inline-form .icon-button{flex:0 0 auto;margin:0 10px}.drawer__backdrop{cursor:pointer;position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(255,255,255,.5)}.list-editor{background:#d9e1e8;flex-direction:column;border-radius:8px;box-shadow:2px 4px 15px rgba(0,0,0,.4);width:380px;overflow:hidden}@media screen and (max-width: 420px){.list-editor{width:90%}}.list-editor h4{padding:15px 0;background:#b0c0cf;font-weight:500;font-size:16px;text-align:center;border-radius:8px 8px 0 0}.list-editor .drawer__pager{height:50vh}.list-editor .drawer__inner{border-radius:0 0 8px 8px}.list-editor .drawer__inner.backdrop{width:calc(100% - 60px);box-shadow:2px 4px 15px rgba(0,0,0,.4);border-radius:0 0 0 8px}.list-editor__accounts{overflow-y:auto}.list-editor .account__display-name:hover strong{text-decoration:none}.list-editor .account__avatar{cursor:default}.list-editor .search{margin-bottom:0}.list-adder{background:#d9e1e8;flex-direction:column;border-radius:8px;box-shadow:2px 4px 15px rgba(0,0,0,.4);width:380px;overflow:hidden}@media screen and (max-width: 420px){.list-adder{width:90%}}.list-adder__account{background:#b0c0cf}.list-adder__lists{background:#b0c0cf;height:50vh;border-radius:0 0 8px 8px;overflow-y:auto}.list-adder .list{padding:10px;border-bottom:1px solid #c0cdd9}.list-adder .list__wrapper{display:flex}.list-adder .list__display-name{flex:1 1 auto;overflow:hidden;text-decoration:none;font-size:16px;padding:10px}.focal-point{position:relative;cursor:move;overflow:hidden;height:100%;display:flex;justify-content:center;align-items:center;background:#000}.focal-point img,.focal-point video,.focal-point canvas{display:block;max-height:80vh;width:100%;height:auto;margin:0;object-fit:contain;background:#000}.focal-point__reticle{position:absolute;width:100px;height:100px;transform:translate(-50%, -50%);background:url(\"~images/reticle.png\") no-repeat 0 0;border-radius:50%;box-shadow:0 0 0 9999em rgba(0,0,0,.35)}.focal-point__overlay{position:absolute;width:100%;height:100%;top:0;left:0}.focal-point__preview{position:absolute;bottom:10px;right:10px;z-index:2;cursor:move;transition:opacity .1s ease}.focal-point__preview:hover{opacity:.5}.focal-point__preview strong{color:#000;font-size:14px;font-weight:500;display:block;margin-bottom:5px}.focal-point__preview div{border-radius:4px;box-shadow:0 0 14px rgba(0,0,0,.2)}@media screen and (max-width: 480px){.focal-point img,.focal-point video{max-height:100%}.focal-point__preview{display:none}}.account__header__content{color:#282c37;font-size:14px;font-weight:400;overflow:hidden;word-break:normal;word-wrap:break-word}.account__header__content p{margin-bottom:20px}.account__header__content p:last-child{margin-bottom:0}.account__header__content a{color:inherit;text-decoration:underline}.account__header__content a:hover{text-decoration:none}.account__header{overflow:hidden}.account__header.inactive{opacity:.5}.account__header.inactive .account__header__image,.account__header.inactive .account__avatar{filter:grayscale(100%)}.account__header__info{position:absolute;top:10px;left:10px}.account__header__image{overflow:hidden;height:145px;position:relative;background:#e6ebf0}.account__header__image img{object-fit:cover;display:block;width:100%;height:100%;margin:0}.account__header__bar{position:relative;background:#ccd7e0;padding:5px;border-bottom:1px solid #b3c3d1}.account__header__bar .avatar{display:block;flex:0 0 auto;width:94px;margin-left:-2px}.account__header__bar .avatar .account__avatar{background:#f2f5f7;border:2px solid #ccd7e0}.account__header__tabs{display:flex;align-items:flex-start;padding:7px 5px;margin-top:-55px}.account__header__tabs__buttons{display:flex;align-items:center;padding-top:55px;overflow:hidden}.account__header__tabs__buttons .icon-button{border:1px solid #b3c3d1;border-radius:4px;box-sizing:content-box;padding:2px}.account__header__tabs__buttons .button{margin:0 8px}.account__header__tabs__name{padding:5px}.account__header__tabs__name .account-role{vertical-align:top}.account__header__tabs__name .emojione{width:22px;height:22px}.account__header__tabs__name h1{font-size:16px;line-height:24px;color:#000;font-weight:500;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.account__header__tabs__name h1 small{display:block;font-size:14px;color:#282c37;font-weight:400;overflow:hidden;text-overflow:ellipsis}.account__header__tabs .spacer{flex:1 1 auto}.account__header__bio{overflow:hidden;margin:0 -5px}.account__header__bio .account__header__content{padding:20px 15px;padding-bottom:5px;color:#000}.account__header__bio .account__header__fields{margin:0;border-top:1px solid #b3c3d1}.account__header__bio .account__header__fields a{color:#217aba}.account__header__bio .account__header__fields dl:first-child .verified{border-radius:0 4px 0 0}.account__header__bio .account__header__fields .verified a{color:#4a905f}.account__header__extra{margin-top:4px}.account__header__extra__links{font-size:14px;color:#282c37;padding:10px 0}.account__header__extra__links a{display:inline-block;color:#282c37;text-decoration:none;padding:5px 10px;font-weight:500}.account__header__extra__links a strong{font-weight:700;color:#000}.trends__header{color:#444b5d;background:#d3dce4;border-bottom:1px solid #e6ebf0;font-weight:500;padding:15px;font-size:16px;cursor:default}.trends__header .fa{display:inline-block;margin-right:5px}.trends__item{display:flex;align-items:center;padding:15px;border-bottom:1px solid #c0cdd9}.trends__item:last-child{border-bottom:0}.trends__item__name{flex:1 1 auto;color:#444b5d;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.trends__item__name strong{font-weight:500}.trends__item__name a{color:#282c37;text-decoration:none;font-size:14px;font-weight:500;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.trends__item__name a:hover span,.trends__item__name a:focus span,.trends__item__name a:active span{text-decoration:underline}.trends__item__current{flex:0 0 auto;font-size:24px;line-height:36px;font-weight:500;text-align:right;padding-right:15px;margin-left:5px;color:#282c37}.trends__item__sparkline{flex:0 0 auto;width:50px}.trends__item__sparkline path:first-child{fill:rgba(43,144,217,.25) !important;fill-opacity:1 !important}.trends__item__sparkline path:last-child{stroke:#2380c3 !important}.conversation{display:flex;border-bottom:1px solid #c0cdd9;padding:5px;padding-bottom:0}.conversation:focus{background:#d3dce4;outline:0}.conversation__avatar{flex:0 0 auto;padding:10px;padding-top:12px;position:relative}.conversation__unread{display:inline-block;background:#2b90d9;border-radius:50%;width:.625rem;height:.625rem;margin:-0.1ex .15em .1ex}.conversation__content{flex:1 1 auto;padding:10px 5px;padding-right:15px;overflow:hidden}.conversation__content__info{overflow:hidden;display:flex;flex-direction:row-reverse;justify-content:space-between}.conversation__content__relative-time{font-size:15px;color:#282c37;padding-left:15px}.conversation__content__names{color:#282c37;font-size:15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:4px;flex-basis:90px;flex-grow:1}.conversation__content__names a{color:#000;text-decoration:none}.conversation__content__names a:hover,.conversation__content__names a:focus,.conversation__content__names a:active{text-decoration:underline}.conversation__content a{word-break:break-word}.conversation--unread{background:#d3dce4}.conversation--unread:focus{background:#ccd7e0}.conversation--unread .conversation__content__info{font-weight:700}.conversation--unread .conversation__content__relative-time{color:#000}.poll{margin-top:16px;font-size:14px}.poll li{margin-bottom:10px;position:relative}.poll__chart{position:absolute;top:0;left:0;height:100%;display:inline-block;border-radius:4px;background:#d8eaf8}.poll__chart.leading{background:#2b90d9}.poll__text{position:relative;display:flex;padding:6px 0;line-height:18px;cursor:default;overflow:hidden}.poll__text input[type=radio],.poll__text input[type=checkbox]{display:none}.poll__text .autossugest-input{flex:1 1 auto}.poll__text input[type=text]{display:block;box-sizing:border-box;width:100%;font-size:14px;color:#000;outline:0;font-family:inherit;background:#fff;border:1px solid #fff;border-radius:4px;padding:6px 10px}.poll__text input[type=text]:focus{border-color:#2b90d9}.poll__text.selectable{cursor:pointer}.poll__text.editable{display:flex;align-items:center;overflow:visible}.poll__input{display:inline-block;position:relative;border:1px solid #9bcbed;box-sizing:border-box;width:18px;height:18px;flex:0 0 auto;margin-right:10px;top:-1px;border-radius:50%;vertical-align:middle;margin-top:auto;margin-bottom:auto;flex:0 0 18px}.poll__input.checkbox{border-radius:4px}.poll__input.active{border-color:#4a905f;background:#4a905f}.poll__input:active,.poll__input:focus,.poll__input:hover{border-width:4px;background:none}.poll__input::-moz-focus-inner{outline:0 !important;border:0}.poll__input:focus,.poll__input:active{outline:0 !important}.poll__number{display:inline-block;width:52px;font-weight:700;padding:0 10px;padding-left:8px;text-align:right;margin-top:auto;margin-bottom:auto;flex:0 0 52px}.poll__vote__mark{float:left;line-height:18px}.poll__footer{padding-top:6px;padding-bottom:5px;color:#444b5d}.poll__link{display:inline;background:transparent;padding:0;margin:0;border:0;color:#444b5d;text-decoration:underline;font-size:inherit}.poll__link:hover{text-decoration:none}.poll__link:active,.poll__link:focus{background-color:rgba(68,75,93,.1)}.poll .button{height:36px;padding:0 16px;margin-right:10px;font-size:14px}.compose-form__poll-wrapper{border-top:1px solid #fff}.compose-form__poll-wrapper ul{padding:10px}.compose-form__poll-wrapper .poll__footer{border-top:1px solid #fff;padding:10px;display:flex;align-items:center}.compose-form__poll-wrapper .poll__footer button,.compose-form__poll-wrapper .poll__footer select{flex:1 1 50%}.compose-form__poll-wrapper .poll__footer button:focus,.compose-form__poll-wrapper .poll__footer select:focus{border-color:#2b90d9}.compose-form__poll-wrapper .button.button-secondary{font-size:14px;font-weight:400;padding:6px 10px;height:auto;line-height:inherit;color:#606984;border-color:#606984;margin-right:5px}.compose-form__poll-wrapper li{display:flex;align-items:center}.compose-form__poll-wrapper li .poll__text{flex:0 0 auto;width:calc(100% - (23px + 6px));margin-right:6px}.compose-form__poll-wrapper select{appearance:none;box-sizing:border-box;font-size:14px;color:#000;display:inline-block;width:auto;outline:0;font-family:inherit;background:#fff url(\"data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14.933 18.467' height='19.698' width='15.929'><path d='M3.467 14.967l-3.393-3.5H14.86l-3.392 3.5c-1.866 1.925-3.666 3.5-4 3.5-.335 0-2.135-1.575-4-3.5zm.266-11.234L7.467 0 11.2 3.733l3.733 3.734H0l3.733-3.734z' fill='%23FFFFFF'/></svg>\") no-repeat right 8px center/auto 16px;border:1px solid #fff;border-radius:4px;padding:6px 10px;padding-right:30px}.compose-form__poll-wrapper .icon-button.disabled{color:#fff}.muted .poll{color:#444b5d}.muted .poll__chart{background:rgba(216,234,248,.2)}.muted .poll__chart.leading{background:rgba(43,144,217,.2)}.modal-layout{background:#d9e1e8 url('data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 234.80078 31.757813\" width=\"234.80078\" height=\"31.757812\"><path d=\"M19.599609 0c-1.05 0-2.10039.375-2.90039 1.125L0 16.925781v14.832031h234.80078V17.025391l-16.5-15.900391c-1.6-1.5-4.20078-1.5-5.80078 0l-13.80078 13.099609c-1.6 1.5-4.19883 1.5-5.79883 0L179.09961 1.125c-1.6-1.5-4.19883-1.5-5.79883 0L159.5 14.224609c-1.6 1.5-4.20078 1.5-5.80078 0L139.90039 1.125c-1.6-1.5-4.20078-1.5-5.80078 0l-13.79883 13.099609c-1.6 1.5-4.20078 1.5-5.80078 0L100.69922 1.125c-1.600001-1.5-4.198829-1.5-5.798829 0l-13.59961 13.099609c-1.6 1.5-4.200781 1.5-5.800781 0L61.699219 1.125c-1.6-1.5-4.198828-1.5-5.798828 0L42.099609 14.224609c-1.6 1.5-4.198828 1.5-5.798828 0L22.5 1.125C21.7.375 20.649609 0 19.599609 0z\" fill=\"%23B0C0CF\"/></svg>') repeat-x bottom fixed;display:flex;flex-direction:column;height:100vh;padding:0}.modal-layout__mastodon{display:flex;flex:1;flex-direction:column;justify-content:flex-end}.modal-layout__mastodon>*{flex:1;max-height:235px}@media screen and (max-width: 600px){.account-header{margin-top:0}}.emoji-mart{font-size:13px;display:inline-block;color:#000}.emoji-mart,.emoji-mart *{box-sizing:border-box;line-height:1.15}.emoji-mart .emoji-mart-emoji{padding:6px}.emoji-mart-bar{border:0 solid #393f4f}.emoji-mart-bar:first-child{border-bottom-width:1px;border-top-left-radius:5px;border-top-right-radius:5px;background:#282c37}.emoji-mart-bar:last-child{border-top-width:1px;border-bottom-left-radius:5px;border-bottom-right-radius:5px;display:none}.emoji-mart-anchors{display:flex;justify-content:space-between;padding:0 6px;color:#282c37;line-height:0}.emoji-mart-anchor{position:relative;flex:1;text-align:center;padding:12px 4px;overflow:hidden;transition:color .1s ease-out;cursor:pointer}.emoji-mart-anchor:hover{color:#313543}.emoji-mart-anchor-selected{color:#2b90d9}.emoji-mart-anchor-selected:hover{color:#3c99dc}.emoji-mart-anchor-selected .emoji-mart-anchor-bar{bottom:-1px}.emoji-mart-anchor-bar{position:absolute;bottom:-5px;left:0;width:100%;height:4px;background-color:#2b90d9}.emoji-mart-anchors i{display:inline-block;width:100%;max-width:22px}.emoji-mart-anchors svg{fill:currentColor;max-height:18px}.emoji-mart-scroll{overflow-y:scroll;height:270px;max-height:35vh;padding:0 6px 6px;background:#fff;will-change:transform}.emoji-mart-scroll::-webkit-scrollbar-track:hover,.emoji-mart-scroll::-webkit-scrollbar-track:active{background-color:rgba(255,255,255,.3)}.emoji-mart-search{padding:10px;padding-right:45px;background:#fff}.emoji-mart-search input{font-size:14px;font-weight:400;padding:7px 9px;font-family:inherit;display:block;width:100%;background:rgba(40,44,55,.3);color:#000;border:1px solid #282c37;border-radius:4px}.emoji-mart-search input::-moz-focus-inner{border:0}.emoji-mart-search input::-moz-focus-inner,.emoji-mart-search input:focus,.emoji-mart-search input:active{outline:0 !important}.emoji-mart-category .emoji-mart-emoji{cursor:pointer}.emoji-mart-category .emoji-mart-emoji span{z-index:1;position:relative;text-align:center}.emoji-mart-category .emoji-mart-emoji:hover::before{z-index:0;content:\"\";position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(40,44,55,.7);border-radius:100%}.emoji-mart-category-label{z-index:2;position:relative;position:-webkit-sticky;position:sticky;top:0}.emoji-mart-category-label span{display:block;width:100%;font-weight:500;padding:5px 6px;background:#fff}.emoji-mart-emoji{position:relative;display:inline-block;font-size:0}.emoji-mart-emoji span{width:22px;height:22px}.emoji-mart-no-results{font-size:14px;text-align:center;padding-top:70px;color:#444b5d}.emoji-mart-no-results .emoji-mart-category-label{display:none}.emoji-mart-no-results .emoji-mart-no-results-label{margin-top:.2em}.emoji-mart-no-results .emoji-mart-emoji:hover::before{content:none}.emoji-mart-preview{display:none}.container{box-sizing:border-box;max-width:1235px;margin:0 auto;position:relative}@media screen and (max-width: 1255px){.container{width:100%;padding:0 10px}}.rich-formatting{font-family:\"mastodon-font-sans-serif\",sans-serif;font-size:14px;font-weight:400;line-height:1.7;word-wrap:break-word;color:#282c37}.rich-formatting a{color:#2b90d9;text-decoration:underline}.rich-formatting a:hover,.rich-formatting a:focus,.rich-formatting a:active{text-decoration:none}.rich-formatting p,.rich-formatting li{color:#282c37}.rich-formatting p{margin-top:0;margin-bottom:.85em}.rich-formatting p:last-child{margin-bottom:0}.rich-formatting strong{font-weight:700;color:#282c37}.rich-formatting em{font-style:italic;color:#282c37}.rich-formatting code{font-size:.85em;background:#f2f5f7;border-radius:4px;padding:.2em .3em}.rich-formatting h1,.rich-formatting h2,.rich-formatting h3,.rich-formatting h4,.rich-formatting h5,.rich-formatting h6{font-family:\"mastodon-font-display\",sans-serif;margin-top:1.275em;margin-bottom:.85em;font-weight:500;color:#282c37}.rich-formatting h1{font-size:2em}.rich-formatting h2{font-size:1.75em}.rich-formatting h3{font-size:1.5em}.rich-formatting h4{font-size:1.25em}.rich-formatting h5,.rich-formatting h6{font-size:1em}.rich-formatting ul{list-style:disc}.rich-formatting ol{list-style:decimal}.rich-formatting ul,.rich-formatting ol{margin:0;padding:0;padding-left:2em;margin-bottom:.85em}.rich-formatting ul[type=a],.rich-formatting ol[type=a]{list-style-type:lower-alpha}.rich-formatting ul[type=i],.rich-formatting ol[type=i]{list-style-type:lower-roman}.rich-formatting hr{width:100%;height:0;border:0;border-bottom:1px solid #ccd7e0;margin:1.7em 0}.rich-formatting hr.spacer{height:1px;border:0}.rich-formatting table{width:100%;border-collapse:collapse;break-inside:auto;margin-top:24px;margin-bottom:32px}.rich-formatting table thead tr,.rich-formatting table tbody tr{border-bottom:1px solid #ccd7e0;font-size:1em;line-height:1.625;font-weight:400;text-align:left;color:#282c37}.rich-formatting table thead tr{border-bottom-width:2px;line-height:1.5;font-weight:500;color:#444b5d}.rich-formatting table th,.rich-formatting table td{padding:8px;align-self:start;align-items:start;word-break:break-all}.rich-formatting table th.nowrap,.rich-formatting table td.nowrap{width:25%;position:relative}.rich-formatting table th.nowrap::before,.rich-formatting table td.nowrap::before{content:\"&nbsp;\";visibility:hidden}.rich-formatting table th.nowrap span,.rich-formatting table td.nowrap span{position:absolute;left:8px;right:8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.rich-formatting>:first-child{margin-top:0}.information-board{background:#e6ebf0;padding:20px 0}.information-board .container-alt{position:relative;padding-right:295px}.information-board__sections{display:flex;justify-content:space-between;flex-wrap:wrap}.information-board__section{flex:1 0 0;font-family:\"mastodon-font-sans-serif\",sans-serif;font-size:16px;line-height:28px;color:#000;text-align:right;padding:10px 15px}.information-board__section span,.information-board__section strong{display:block}.information-board__section span:last-child{color:#282c37}.information-board__section strong{font-family:\"mastodon-font-display\",sans-serif;font-weight:500;font-size:32px;line-height:48px}@media screen and (max-width: 700px){.information-board__section{text-align:center}}.information-board .panel{position:absolute;width:280px;box-sizing:border-box;background:#f2f5f7;padding:20px;padding-top:10px;border-radius:4px 4px 0 0;right:0;bottom:-40px}.information-board .panel .panel-header{font-family:\"mastodon-font-display\",sans-serif;font-size:14px;line-height:24px;font-weight:500;color:#282c37;padding-bottom:5px;margin-bottom:15px;border-bottom:1px solid #ccd7e0;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.information-board .panel .panel-header a,.information-board .panel .panel-header span{font-weight:400;color:#3d4455}.information-board .panel .panel-header a{text-decoration:none}.information-board .owner{text-align:center}.information-board .owner .avatar{width:80px;height:80px;margin:0 auto;margin-bottom:15px}.information-board .owner .avatar img{display:block;width:80px;height:80px;border-radius:48px}.information-board .owner .name{font-size:14px}.information-board .owner .name a{display:block;color:#000;text-decoration:none}.information-board .owner .name a:hover .display_name{text-decoration:underline}.information-board .owner .name .username{display:block;color:#282c37}.landing-page p,.landing-page li{font-family:\"mastodon-font-sans-serif\",sans-serif;font-size:16px;font-weight:400;font-size:16px;line-height:30px;margin-bottom:12px;color:#282c37}.landing-page p a,.landing-page li a{color:#2b90d9;text-decoration:underline}.landing-page em{display:inline;margin:0;padding:0;font-weight:700;background:transparent;font-family:inherit;font-size:inherit;line-height:inherit;color:#131419}.landing-page h1{font-family:\"mastodon-font-display\",sans-serif;font-size:26px;line-height:30px;font-weight:500;margin-bottom:20px;color:#282c37}.landing-page h1 small{font-family:\"mastodon-font-sans-serif\",sans-serif;display:block;font-size:18px;font-weight:400;color:#131419}.landing-page h2{font-family:\"mastodon-font-display\",sans-serif;font-size:22px;line-height:26px;font-weight:500;margin-bottom:20px;color:#282c37}.landing-page h3{font-family:\"mastodon-font-display\",sans-serif;font-size:18px;line-height:24px;font-weight:500;margin-bottom:20px;color:#282c37}.landing-page h4{font-family:\"mastodon-font-display\",sans-serif;font-size:16px;line-height:24px;font-weight:500;margin-bottom:20px;color:#282c37}.landing-page h5{font-family:\"mastodon-font-display\",sans-serif;font-size:14px;line-height:24px;font-weight:500;margin-bottom:20px;color:#282c37}.landing-page h6{font-family:\"mastodon-font-display\",sans-serif;font-size:12px;line-height:24px;font-weight:500;margin-bottom:20px;color:#282c37}.landing-page ul,.landing-page ol{margin-left:20px}.landing-page ul[type=a],.landing-page ol[type=a]{list-style-type:lower-alpha}.landing-page ul[type=i],.landing-page ol[type=i]{list-style-type:lower-roman}.landing-page ul{list-style:disc}.landing-page ol{list-style:decimal}.landing-page li>ol,.landing-page li>ul{margin-top:6px}.landing-page hr{width:100%;height:0;border:0;border-bottom:1px solid rgba(176,192,207,.6);margin:20px 0}.landing-page hr.spacer{height:1px;border:0}.landing-page__information,.landing-page__forms{padding:20px}.landing-page__call-to-action{background:#d9e1e8;border-radius:4px;padding:25px 40px;overflow:hidden;box-sizing:border-box}.landing-page__call-to-action .row{width:100%;display:flex;flex-direction:row-reverse;flex-wrap:nowrap;justify-content:space-between;align-items:center}.landing-page__call-to-action .row__information-board{display:flex;justify-content:flex-end;align-items:flex-end}.landing-page__call-to-action .row__information-board .information-board__section{flex:1 0 auto;padding:0 10px}@media screen and (max-width: 415px){.landing-page__call-to-action .row__information-board{width:100%;justify-content:space-between}}.landing-page__call-to-action .row__mascot{flex:1;margin:10px -50px 0 0}@media screen and (max-width: 415px){.landing-page__call-to-action .row__mascot{display:none}}.landing-page__logo{margin-right:20px}.landing-page__logo img{height:50px;width:auto;mix-blend-mode:lighten}.landing-page__information{padding:45px 40px;margin-bottom:10px}.landing-page__information:last-child{margin-bottom:0}.landing-page__information strong{font-weight:500;color:#131419}.landing-page__information .account{border-bottom:0;padding:0}.landing-page__information .account__display-name{align-items:center;display:flex;margin-right:5px}.landing-page__information .account div.account__display-name:hover .display-name strong{text-decoration:none}.landing-page__information .account div.account__display-name .account__avatar{cursor:default}.landing-page__information .account__avatar-wrapper{margin-left:0;flex:0 0 auto}.landing-page__information .account__avatar{width:44px;height:44px;background-size:44px 44px}.landing-page__information .account .display-name{font-size:15px}.landing-page__information .account .display-name__account{font-size:14px}@media screen and (max-width: 960px){.landing-page__information .contact{margin-top:30px}}@media screen and (max-width: 700px){.landing-page__information{padding:25px 20px}}.landing-page__information,.landing-page__forms,.landing-page #mastodon-timeline{box-sizing:border-box;background:#d9e1e8;border-radius:4px;box-shadow:0 0 6px rgba(0,0,0,.1)}.landing-page__mascot{height:104px;position:relative;left:-40px;bottom:25px}.landing-page__mascot img{height:190px;width:auto}.landing-page__short-description .row{display:flex;flex-wrap:wrap;align-items:center;margin-bottom:40px}@media screen and (max-width: 700px){.landing-page__short-description .row{margin-bottom:20px}}.landing-page__short-description p a{color:#282c37}.landing-page__short-description h1{font-weight:500;color:#000;margin-bottom:0}.landing-page__short-description h1 small{color:#282c37}.landing-page__short-description h1 small span{color:#282c37}.landing-page__short-description p:last-child{margin-bottom:0}.landing-page__hero{margin-bottom:10px}.landing-page__hero img{display:block;margin:0;max-width:100%;height:auto;border-radius:4px}@media screen and (max-width: 840px){.landing-page .information-board .container-alt{padding-right:20px}.landing-page .information-board .panel{position:static;margin-top:20px;width:100%;border-radius:4px}.landing-page .information-board .panel .panel-header{text-align:center}}@media screen and (max-width: 675px){.landing-page .header-wrapper{padding-top:0}.landing-page .header-wrapper.compact{padding-bottom:0}.landing-page .header-wrapper.compact .hero .heading{text-align:initial}.landing-page .header .container-alt,.landing-page .features .container-alt{display:block}}.landing-page .cta{margin:20px}.landing{margin-bottom:100px}@media screen and (max-width: 738px){.landing{margin-bottom:0}}.landing__brand{display:flex;justify-content:center;align-items:center;padding:50px}.landing__brand svg{fill:#000;height:52px}@media screen and (max-width: 415px){.landing__brand{padding:0;margin-bottom:30px}}.landing .directory{margin-top:30px;background:transparent;box-shadow:none;border-radius:0}.landing .hero-widget{margin-top:30px;margin-bottom:0}.landing .hero-widget h4{padding:10px;font-weight:700;font-size:14px;color:#282c37}.landing .hero-widget__text{border-radius:0;padding-bottom:0}.landing .hero-widget__footer{background:#d9e1e8;padding:10px;border-radius:0 0 4px 4px;display:flex}.landing .hero-widget__footer__column{flex:1 1 50%}.landing .hero-widget .account{padding:10px 0;border-bottom:0}.landing .hero-widget .account .account__display-name{display:flex;align-items:center}.landing .hero-widget .account .account__avatar{width:44px;height:44px;background-size:44px 44px}.landing .hero-widget__counter{padding:10px}.landing .hero-widget__counter strong{font-family:\"mastodon-font-display\",sans-serif;font-size:15px;font-weight:700;display:block}.landing .hero-widget__counter span{font-size:14px;color:#282c37}.landing .simple_form .user_agreement .label_input>label{font-weight:400;color:#282c37}.landing .simple_form p.lead{color:#282c37;font-size:15px;line-height:20px;font-weight:400;margin-bottom:25px}.landing__grid{max-width:960px;margin:0 auto;display:grid;grid-template-columns:minmax(0, 50%) minmax(0, 50%);grid-gap:30px}@media screen and (max-width: 738px){.landing__grid{grid-template-columns:minmax(0, 100%);grid-gap:10px}.landing__grid__column-login{grid-row:1;display:flex;flex-direction:column}.landing__grid__column-login .box-widget{order:2;flex:0 0 auto}.landing__grid__column-login .hero-widget{margin-top:0;margin-bottom:10px;order:1;flex:0 0 auto}.landing__grid__column-registration{grid-row:2}.landing__grid .directory{margin-top:10px}}@media screen and (max-width: 415px){.landing__grid{grid-gap:0}.landing__grid .hero-widget{display:block;margin-bottom:0;box-shadow:none}.landing__grid .hero-widget__img,.landing__grid .hero-widget__img img,.landing__grid .hero-widget__footer{border-radius:0}.landing__grid .hero-widget,.landing__grid .box-widget,.landing__grid .directory__tag{border-bottom:1px solid #c0cdd9}.landing__grid .directory{margin-top:0}.landing__grid .directory__tag{margin-bottom:0}.landing__grid .directory__tag>a,.landing__grid .directory__tag>div{border-radius:0;box-shadow:none}.landing__grid .directory__tag:last-child{border-bottom:0}}.brand{position:relative;text-decoration:none}.brand__tagline{display:block;position:absolute;bottom:-10px;left:50px;width:300px;color:#9bcbed;text-decoration:none;font-size:14px}@media screen and (max-width: 415px){.brand__tagline{position:static;width:auto;margin-top:20px;color:#444b5d}}.table{width:100%;max-width:100%;border-spacing:0;border-collapse:collapse}.table th,.table td{padding:8px;line-height:18px;vertical-align:top;border-top:1px solid #d9e1e8;text-align:left;background:#e6ebf0}.table>thead>tr>th{vertical-align:bottom;border-bottom:2px solid #d9e1e8;border-top:0;font-weight:500}.table>tbody>tr>th{font-weight:500}.table>tbody>tr:nth-child(odd)>td,.table>tbody>tr:nth-child(odd)>th{background:#d9e1e8}.table a{color:#2b90d9;text-decoration:underline}.table a:hover{text-decoration:none}.table strong{font-weight:500}.table strong:lang(ja){font-weight:700}.table strong:lang(ko){font-weight:700}.table strong:lang(zh-CN){font-weight:700}.table strong:lang(zh-HK){font-weight:700}.table strong:lang(zh-TW){font-weight:700}.table.inline-table>tbody>tr:nth-child(odd)>td,.table.inline-table>tbody>tr:nth-child(odd)>th{background:transparent}.table.inline-table>tbody>tr:first-child>td,.table.inline-table>tbody>tr:first-child>th{border-top:0}.table.batch-table>thead>tr>th{background:#d9e1e8;border-top:1px solid #f2f5f7;border-bottom:1px solid #f2f5f7}.table.batch-table>thead>tr>th:first-child{border-radius:4px 0 0;border-left:1px solid #f2f5f7}.table.batch-table>thead>tr>th:last-child{border-radius:0 4px 0 0;border-right:1px solid #f2f5f7}.table--invites tbody td{vertical-align:middle}.table-wrapper{overflow:auto;margin-bottom:20px}samp{font-family:\"mastodon-font-monospace\",monospace}button.table-action-link{background:transparent;border:0;font:inherit}button.table-action-link,a.table-action-link{text-decoration:none;display:inline-block;margin-right:5px;padding:0 10px;color:#282c37;font-weight:500}button.table-action-link:hover,a.table-action-link:hover{color:#000}button.table-action-link i.fa,a.table-action-link i.fa{font-weight:400;margin-right:5px}button.table-action-link:first-child,a.table-action-link:first-child{padding-left:0}.batch-table__toolbar,.batch-table__row{display:flex}.batch-table__toolbar__select,.batch-table__row__select{box-sizing:border-box;padding:8px 16px;cursor:pointer;min-height:100%}.batch-table__toolbar__select input,.batch-table__row__select input{margin-top:8px}.batch-table__toolbar__select--aligned,.batch-table__row__select--aligned{display:flex;align-items:center}.batch-table__toolbar__select--aligned input,.batch-table__row__select--aligned input{margin-top:0}.batch-table__toolbar__actions,.batch-table__toolbar__content,.batch-table__row__actions,.batch-table__row__content{padding:8px 0;padding-right:16px;flex:1 1 auto}.batch-table__toolbar{border:1px solid #f2f5f7;background:#d9e1e8;border-radius:4px 0 0;height:47px;align-items:center}.batch-table__toolbar__actions{text-align:right;padding-right:11px}.batch-table__form{padding:16px;border:1px solid #f2f5f7;border-top:0;background:#d9e1e8}.batch-table__form .fields-row{padding-top:0;margin-bottom:0}.batch-table__row{border:1px solid #f2f5f7;border-top:0;background:#e6ebf0}@media screen and (max-width: 415px){.optional .batch-table__row:first-child{border-top:1px solid #f2f5f7}}.batch-table__row:hover{background:#dfe6ec}.batch-table__row:nth-child(even){background:#d9e1e8}.batch-table__row:nth-child(even):hover{background:#d3dce4}.batch-table__row__content{padding-top:12px;padding-bottom:16px}.batch-table__row__content--unpadded{padding:0}.batch-table__row__content--with-image{display:flex;align-items:center}.batch-table__row__content__image{flex:0 0 auto;display:flex;justify-content:center;align-items:center;margin-right:10px}.batch-table__row__content__image .emojione{width:32px;height:32px}.batch-table__row__content__text{flex:1 1 auto}.batch-table__row__content__extra{flex:0 0 auto;text-align:right;color:#282c37;font-weight:500}.batch-table__row .directory__tag{margin:0;width:100%}.batch-table__row .directory__tag a{background:transparent;border-radius:0}@media screen and (max-width: 415px){.batch-table.optional .batch-table__toolbar,.batch-table.optional .batch-table__row__select{display:none}}.batch-table .status__content{padding-top:0}.batch-table .status__content summary{display:list-item}.batch-table .status__content strong{font-weight:700}.batch-table .nothing-here{border:1px solid #f2f5f7;border-top:0;box-shadow:none}@media screen and (max-width: 415px){.batch-table .nothing-here{border-top:1px solid #f2f5f7}}@media screen and (max-width: 870px){.batch-table .accounts-table tbody td.optional{display:none}}.admin-wrapper{display:flex;justify-content:center;width:100%;min-height:100vh}.admin-wrapper .sidebar-wrapper{min-height:100vh;overflow:hidden;pointer-events:none;flex:1 1 auto}.admin-wrapper .sidebar-wrapper__inner{display:flex;justify-content:flex-end;background:#d9e1e8;height:100%}.admin-wrapper .sidebar{width:240px;padding:0;pointer-events:auto}.admin-wrapper .sidebar__toggle{display:none;background:#c0cdd9;height:48px}.admin-wrapper .sidebar__toggle__logo{flex:1 1 auto}.admin-wrapper .sidebar__toggle__logo a{display:inline-block;padding:15px}.admin-wrapper .sidebar__toggle__logo svg{fill:#000;height:20px;position:relative;bottom:-2px}.admin-wrapper .sidebar__toggle__icon{display:block;color:#282c37;text-decoration:none;flex:0 0 auto;font-size:20px;padding:15px}.admin-wrapper .sidebar__toggle a:hover,.admin-wrapper .sidebar__toggle a:focus,.admin-wrapper .sidebar__toggle a:active{background:#b3c3d1}.admin-wrapper .sidebar .logo{display:block;margin:40px auto;width:100px;height:100px}@media screen and (max-width: 600px){.admin-wrapper .sidebar>a:first-child{display:none}}.admin-wrapper .sidebar ul{list-style:none;border-radius:4px 0 0 4px;overflow:hidden;margin-bottom:20px}@media screen and (max-width: 600px){.admin-wrapper .sidebar ul{margin-bottom:0}}.admin-wrapper .sidebar ul a{display:block;padding:15px;color:#282c37;text-decoration:none;transition:all 200ms linear;transition-property:color,background-color;border-radius:4px 0 0 4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.admin-wrapper .sidebar ul a i.fa{margin-right:5px}.admin-wrapper .sidebar ul a:hover{color:#000;background-color:#e9eef2;transition:all 100ms linear;transition-property:color,background-color}.admin-wrapper .sidebar ul a.selected{background:#dfe6ec;border-radius:4px 0 0}.admin-wrapper .sidebar ul ul{background:#e6ebf0;border-radius:0 0 0 4px;margin:0}.admin-wrapper .sidebar ul ul a{border:0;padding:15px 35px}.admin-wrapper .sidebar ul .simple-navigation-active-leaf a{color:#000;background-color:#2b90d9;border-bottom:0;border-radius:0}.admin-wrapper .sidebar ul .simple-navigation-active-leaf a:hover{background-color:#2482c7}.admin-wrapper .sidebar>ul>.simple-navigation-active-leaf a{border-radius:4px 0 0 4px}.admin-wrapper .content-wrapper{box-sizing:border-box;width:100%;max-width:840px;flex:1 1 auto}@media screen and (max-width: 1080px){.admin-wrapper .sidebar-wrapper--empty{display:none}.admin-wrapper .sidebar-wrapper{width:240px;flex:0 0 auto}}@media screen and (max-width: 600px){.admin-wrapper .sidebar-wrapper{width:100%}}.admin-wrapper .content{padding:20px 15px;padding-top:60px;padding-left:25px}@media screen and (max-width: 600px){.admin-wrapper .content{max-width:none;padding:15px;padding-top:30px}}.admin-wrapper .content-heading{display:flex;padding-bottom:40px;border-bottom:1px solid #c0cdd9;margin:-15px -15px 40px 0;flex-wrap:wrap;align-items:center;justify-content:space-between}.admin-wrapper .content-heading>*{margin-top:15px;margin-right:15px}.admin-wrapper .content-heading-actions{display:inline-flex}.admin-wrapper .content-heading-actions>:not(:first-child){margin-left:5px}@media screen and (max-width: 600px){.admin-wrapper .content-heading{border-bottom:0;padding-bottom:0}}.admin-wrapper .content h2{color:#282c37;font-size:24px;line-height:28px;font-weight:400}@media screen and (max-width: 600px){.admin-wrapper .content h2{font-weight:700}}.admin-wrapper .content h3{color:#282c37;font-size:20px;line-height:28px;font-weight:400;margin-bottom:30px}.admin-wrapper .content h4{font-size:14px;font-weight:700;color:#282c37;padding-bottom:8px;margin-bottom:8px;border-bottom:1px solid #c0cdd9}.admin-wrapper .content h6{font-size:16px;color:#282c37;line-height:28px;font-weight:500}.admin-wrapper .content .fields-group h6{color:#000;font-weight:500}.admin-wrapper .content .directory__tag>a,.admin-wrapper .content .directory__tag>div{box-shadow:none}.admin-wrapper .content .directory__tag .table-action-link .fa{color:inherit}.admin-wrapper .content .directory__tag h4{font-size:18px;font-weight:700;color:#000;text-transform:none;padding-bottom:0;margin-bottom:0;border-bottom:0}.admin-wrapper .content>p{font-size:14px;line-height:21px;color:#282c37;margin-bottom:20px}.admin-wrapper .content>p strong{color:#000;font-weight:500}.admin-wrapper .content>p strong:lang(ja){font-weight:700}.admin-wrapper .content>p strong:lang(ko){font-weight:700}.admin-wrapper .content>p strong:lang(zh-CN){font-weight:700}.admin-wrapper .content>p strong:lang(zh-HK){font-weight:700}.admin-wrapper .content>p strong:lang(zh-TW){font-weight:700}.admin-wrapper .content hr{width:100%;height:0;border:0;border-bottom:1px solid rgba(176,192,207,.6);margin:20px 0}.admin-wrapper .content hr.spacer{height:1px;border:0}@media screen and (max-width: 600px){.admin-wrapper{display:block}.admin-wrapper .sidebar-wrapper{min-height:0}.admin-wrapper .sidebar{width:100%;padding:0;height:auto}.admin-wrapper .sidebar__toggle{display:flex}.admin-wrapper .sidebar>ul{display:none}.admin-wrapper .sidebar ul a,.admin-wrapper .sidebar ul ul a{border-radius:0;border-bottom:1px solid #ccd7e0;transition:none}.admin-wrapper .sidebar ul a:hover,.admin-wrapper .sidebar ul ul a:hover{transition:none}.admin-wrapper .sidebar ul ul{border-radius:0}.admin-wrapper .sidebar ul .simple-navigation-active-leaf a{border-bottom-color:#2b90d9}}hr.spacer{width:100%;border:0;margin:20px 0;height:1px}body .muted-hint,.admin-wrapper .content .muted-hint{color:#282c37}body .muted-hint a,.admin-wrapper .content .muted-hint a{color:#2b90d9}body .positive-hint,.admin-wrapper .content .positive-hint{color:#4a905f;font-weight:500}body .negative-hint,.admin-wrapper .content .negative-hint{color:#df405a;font-weight:500}body .neutral-hint,.admin-wrapper .content .neutral-hint{color:#444b5d;font-weight:500}body .warning-hint,.admin-wrapper .content .warning-hint{color:#ca8f04;font-weight:500}.filters{display:flex;flex-wrap:wrap}.filters .filter-subset{flex:0 0 auto;margin:0 40px 20px 0}.filters .filter-subset:last-child{margin-bottom:30px}.filters .filter-subset ul{margin-top:5px;list-style:none}.filters .filter-subset ul li{display:inline-block;margin-right:5px}.filters .filter-subset strong{font-weight:500;font-size:13px}.filters .filter-subset strong:lang(ja){font-weight:700}.filters .filter-subset strong:lang(ko){font-weight:700}.filters .filter-subset strong:lang(zh-CN){font-weight:700}.filters .filter-subset strong:lang(zh-HK){font-weight:700}.filters .filter-subset strong:lang(zh-TW){font-weight:700}.filters .filter-subset a{display:inline-block;color:#282c37;text-decoration:none;font-size:13px;font-weight:500;border-bottom:2px solid #d9e1e8}.filters .filter-subset a:hover{color:#000;border-bottom:2px solid #c9d4de}.filters .filter-subset a.selected{color:#2b90d9;border-bottom:2px solid #2b90d9}.flavour-screen{display:block;margin:10px auto;max-width:100%}.flavour-description{display:block;font-size:16px;margin:10px 0}.flavour-description>p{margin:10px 0}.flavour-screen{display:block;margin:10px auto;max-width:100%}.flavour-description{display:block;font-size:16px;margin:10px 0}.flavour-description>p{margin:10px 0}.report-accounts{display:flex;flex-wrap:wrap;margin-bottom:20px}.report-accounts__item{display:flex;flex:250px;flex-direction:column;margin:0 5px}.report-accounts__item>strong{display:block;margin:0 0 10px -5px;font-weight:500;font-size:14px;line-height:18px;color:#282c37}.report-accounts__item>strong:lang(ja){font-weight:700}.report-accounts__item>strong:lang(ko){font-weight:700}.report-accounts__item>strong:lang(zh-CN){font-weight:700}.report-accounts__item>strong:lang(zh-HK){font-weight:700}.report-accounts__item>strong:lang(zh-TW){font-weight:700}.report-accounts__item .account-card{flex:1 1 auto}.report-status,.account-status{display:flex;margin-bottom:10px}.report-status .activity-stream,.account-status .activity-stream{flex:2 0 0;margin-right:20px;max-width:calc(100% - 60px)}.report-status .activity-stream .entry,.account-status .activity-stream .entry{border-radius:4px}.report-status__actions,.account-status__actions{flex:0 0 auto;display:flex;flex-direction:column}.report-status__actions .icon-button,.account-status__actions .icon-button{font-size:24px;width:24px;text-align:center;margin-bottom:10px}.simple_form.new_report_note,.simple_form.new_account_moderation_note{max-width:100%}.batch-form-box{display:flex;flex-wrap:wrap;margin-bottom:5px}.batch-form-box #form_status_batch_action{margin:0 5px 5px 0;font-size:14px}.batch-form-box input.button{margin:0 5px 5px 0}.batch-form-box .media-spoiler-toggle-buttons{margin-left:auto}.batch-form-box .media-spoiler-toggle-buttons .button{overflow:visible;margin:0 0 5px 5px;float:right}.back-link{margin-bottom:10px;font-size:14px}.back-link a{color:#2b90d9;text-decoration:none}.back-link a:hover{text-decoration:underline}.spacer{flex:1 1 auto}.log-entry{margin-bottom:20px;line-height:20px}.log-entry__header{display:flex;justify-content:flex-start;align-items:center;padding:10px;background:#d9e1e8;color:#282c37;border-radius:4px 4px 0 0;font-size:14px;position:relative}.log-entry__avatar{margin-right:10px}.log-entry__avatar .avatar{display:block;margin:0;border-radius:50%;width:40px;height:40px}.log-entry__content{max-width:calc(100% - 90px)}.log-entry__title{word-wrap:break-word}.log-entry__timestamp{color:#444b5d}.log-entry__extras{background:#c6d2dc;border-radius:0 0 4px 4px;padding:10px;color:#282c37;font-family:\"mastodon-font-monospace\",monospace;font-size:12px;word-wrap:break-word;min-height:20px}.log-entry__icon{font-size:28px;margin-right:10px;color:#444b5d}.log-entry__icon__overlay{position:absolute;top:10px;right:10px;width:10px;height:10px;border-radius:50%}.log-entry__icon__overlay.positive{background:#4a905f}.log-entry__icon__overlay.negative{background:#c1203b}.log-entry__icon__overlay.neutral{background:#2b90d9}.log-entry a,.log-entry .username,.log-entry .target{color:#282c37;text-decoration:none;font-weight:500}.log-entry .diff-old{color:#c1203b}.log-entry .diff-neutral{color:#282c37}.log-entry .diff-new{color:#4a905f}a.name-tag,.name-tag,a.inline-name-tag,.inline-name-tag{text-decoration:none;color:#282c37}a.name-tag .username,.name-tag .username,a.inline-name-tag .username,.inline-name-tag .username{font-weight:500}a.name-tag.suspended .username,.name-tag.suspended .username,a.inline-name-tag.suspended .username,.inline-name-tag.suspended .username{text-decoration:line-through;color:#c1203b}a.name-tag.suspended .avatar,.name-tag.suspended .avatar,a.inline-name-tag.suspended .avatar,.inline-name-tag.suspended .avatar{filter:grayscale(100%);opacity:.8}a.name-tag,.name-tag{display:flex;align-items:center}a.name-tag .avatar,.name-tag .avatar{display:block;margin:0;margin-right:5px;border-radius:50%}a.name-tag.suspended .avatar,.name-tag.suspended .avatar{filter:grayscale(100%);opacity:.8}.speech-bubble{margin-bottom:20px;border-left:4px solid #2b90d9}.speech-bubble.positive{border-left-color:#4a905f}.speech-bubble.negative{border-left-color:#c1203b}.speech-bubble.warning{border-left-color:#ca8f04}.speech-bubble__bubble{padding:16px;padding-left:14px;font-size:15px;line-height:20px;border-radius:4px 4px 4px 0;position:relative;font-weight:500}.speech-bubble__bubble a{color:#282c37}.speech-bubble__owner{padding:8px;padding-left:12px}.speech-bubble time{color:#444b5d}.report-card{background:#d9e1e8;border-radius:4px;margin-bottom:20px}.report-card__profile{display:flex;justify-content:space-between;align-items:center;padding:15px}.report-card__profile .account{padding:0;border:0}.report-card__profile .account__avatar-wrapper{margin-left:0}.report-card__profile__stats{flex:0 0 auto;font-weight:500;color:#282c37;text-align:right}.report-card__profile__stats a{color:inherit;text-decoration:none}.report-card__profile__stats a:focus,.report-card__profile__stats a:hover,.report-card__profile__stats a:active{color:#17191f}.report-card__profile__stats .red{color:#df405a}.report-card__summary__item{display:flex;justify-content:flex-start;border-top:1px solid #e6ebf0}.report-card__summary__item:hover{background:#d3dce4}.report-card__summary__item__reported-by,.report-card__summary__item__assigned{padding:15px;flex:0 0 auto;box-sizing:border-box;width:150px;color:#282c37}.report-card__summary__item__reported-by,.report-card__summary__item__reported-by .username,.report-card__summary__item__assigned,.report-card__summary__item__assigned .username{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.report-card__summary__item__content{flex:1 1 auto;max-width:calc(100% - 300px)}.report-card__summary__item__content__icon{color:#444b5d;margin-right:4px;font-weight:500}.report-card__summary__item__content a{display:block;box-sizing:border-box;width:100%;padding:15px;text-decoration:none;color:#282c37}.one-line{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ellipsized-ip{display:inline-block;max-width:120px;overflow:hidden;text-overflow:ellipsis;vertical-align:middle}.admin-account-bio{display:flex;flex-wrap:wrap;margin:0 -5px;margin-top:20px}.admin-account-bio>div{box-sizing:border-box;padding:0 5px;margin-bottom:10px;flex:1 0 50%}.admin-account-bio .account__header__fields,.admin-account-bio .account__header__content{background:#c0cdd9;border-radius:4px;height:100%}.admin-account-bio .account__header__fields{margin:0;border:0}.admin-account-bio .account__header__fields a{color:#217aba}.admin-account-bio .account__header__fields dl:first-child .verified{border-radius:0 4px 0 0}.admin-account-bio .account__header__fields .verified a{color:#4a905f}.admin-account-bio .account__header__content{box-sizing:border-box;padding:20px;color:#000}.center-text{text-align:center}.dashboard__counters{display:flex;flex-wrap:wrap;margin:0 -5px;margin-bottom:20px}.dashboard__counters>div{box-sizing:border-box;flex:0 0 33.333%;padding:0 5px;margin-bottom:10px}.dashboard__counters>div>div,.dashboard__counters>div>a{padding:20px;background:#ccd7e0;border-radius:4px;box-sizing:border-box;height:100%}.dashboard__counters>div>a{text-decoration:none;color:inherit;display:block}.dashboard__counters>div>a:hover,.dashboard__counters>div>a:focus,.dashboard__counters>div>a:active{background:#c0cdd9}.dashboard__counters__num,.dashboard__counters__text{text-align:center;font-weight:500;font-size:24px;line-height:21px;color:#000;font-family:\"mastodon-font-display\",sans-serif;margin-bottom:20px;line-height:30px}.dashboard__counters__text{font-size:18px}.dashboard__counters__label{font-size:14px;color:#282c37;text-align:center;font-weight:500}.dashboard__widgets{display:flex;flex-wrap:wrap;margin:0 -5px}.dashboard__widgets>div{flex:0 0 33.333%;margin-bottom:20px}.dashboard__widgets>div>div{padding:0 5px}.dashboard__widgets a:not(.name-tag){color:#282c37;font-weight:500;text-decoration:none}body.rtl{direction:rtl}body.rtl .column-header>button{text-align:right;padding-left:0;padding-right:15px}body.rtl .radio-button__input{margin-right:0;margin-left:10px}body.rtl .directory__card__bar .display-name{margin-left:0;margin-right:15px}body.rtl .display-name{text-align:right}body.rtl .notification__message{margin-left:0;margin-right:68px}body.rtl .drawer__inner__mastodon>img{transform:scaleX(-1)}body.rtl .notification__favourite-icon-wrapper{left:auto;right:-26px}body.rtl .landing-page__logo{margin-right:0;margin-left:20px}body.rtl .landing-page .features-list .features-list__row .visual{margin-left:0;margin-right:15px}body.rtl .column-link__icon,body.rtl .column-header__icon{margin-right:0;margin-left:5px}body.rtl .compose-form .compose-form__buttons-wrapper .character-counter__wrapper{margin-right:0;margin-left:4px}body.rtl .navigation-bar__profile{margin-left:0;margin-right:8px}body.rtl .search__input{padding-right:10px;padding-left:30px}body.rtl .search__icon .fa{right:auto;left:10px}body.rtl .columns-area{direction:rtl}body.rtl .column-header__buttons{left:0;right:auto;margin-left:0;margin-right:-15px}body.rtl .column-inline-form .icon-button{margin-left:0;margin-right:5px}body.rtl .column-header__links .text-btn{margin-left:10px;margin-right:0}body.rtl .account__avatar-wrapper{float:right}body.rtl .column-header__back-button{padding-left:5px;padding-right:0}body.rtl .column-header__setting-arrows{float:left}body.rtl .setting-toggle__label{margin-left:0;margin-right:8px}body.rtl .status__avatar{left:auto;right:10px}body.rtl .status,body.rtl .activity-stream .status.light{padding-left:10px;padding-right:68px}body.rtl .status__info .status__display-name,body.rtl .activity-stream .status.light .status__display-name{padding-left:25px;padding-right:0}body.rtl .activity-stream .pre-header{padding-right:68px;padding-left:0}body.rtl .status__prepend{margin-left:0;margin-right:68px}body.rtl .status__prepend-icon-wrapper{left:auto;right:-26px}body.rtl .activity-stream .pre-header .pre-header__icon{left:auto;right:42px}body.rtl .account__avatar-overlay-overlay{right:auto;left:0}body.rtl .column-back-button--slim-button{right:auto;left:0}body.rtl .status__relative-time,body.rtl .activity-stream .status.light .status__header .status__meta{float:left}body.rtl .status__action-bar__counter{margin-right:0;margin-left:11px}body.rtl .status__action-bar__counter .status__action-bar-button{margin-right:0;margin-left:4px}body.rtl .status__action-bar-button{float:right;margin-right:0;margin-left:18px}body.rtl .status__action-bar-dropdown{float:right}body.rtl .privacy-dropdown__dropdown{margin-left:0;margin-right:40px}body.rtl .privacy-dropdown__option__icon{margin-left:10px;margin-right:0}body.rtl .detailed-status__display-name .display-name{text-align:right}body.rtl .detailed-status__display-avatar{margin-right:0;margin-left:10px;float:right}body.rtl .detailed-status__favorites,body.rtl .detailed-status__reblogs{margin-left:0;margin-right:6px}body.rtl .fa-ul{margin-left:2.14285714em}body.rtl .fa-li{left:auto;right:-2.14285714em}body.rtl .admin-wrapper{direction:rtl}body.rtl .admin-wrapper .sidebar ul a i.fa,body.rtl a.table-action-link i.fa{margin-right:0;margin-left:5px}body.rtl .simple_form .check_boxes .checkbox label{padding-left:0;padding-right:25px}body.rtl .simple_form .input.with_label.boolean label.checkbox{padding-left:25px;padding-right:0}body.rtl .simple_form .check_boxes .checkbox input[type=checkbox],body.rtl .simple_form .input.boolean input[type=checkbox]{left:auto;right:0}body.rtl .simple_form .input.radio_buttons .radio{left:auto;right:0}body.rtl .simple_form .input.radio_buttons .radio>label{padding-right:28px;padding-left:0}body.rtl .simple_form .input-with-append .input input{padding-left:142px;padding-right:0}body.rtl .simple_form .input.boolean label.checkbox{left:auto;right:0}body.rtl .simple_form .input.boolean .label_input,body.rtl .simple_form .input.boolean .hint{padding-left:0;padding-right:28px}body.rtl .simple_form .label_input__append{right:auto;left:3px}body.rtl .simple_form .label_input__append::after{right:auto;left:0;background-image:linear-gradient(to left, rgba(249, 250, 251, 0), #f9fafb)}body.rtl .simple_form select{background:#f9fafb url(\"data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14.933 18.467' height='19.698' width='15.929'><path d='M3.467 14.967l-3.393-3.5H14.86l-3.392 3.5c-1.866 1.925-3.666 3.5-4 3.5-.335 0-2.135-1.575-4-3.5zm.266-11.234L7.467 0 11.2 3.733l3.733 3.734H0l3.733-3.734z' fill='%23B3C3D1'/></svg>\") no-repeat left 8px center/auto 16px}body.rtl .table th,body.rtl .table td{text-align:right}body.rtl .filters .filter-subset{margin-right:0;margin-left:45px}body.rtl .landing-page .header-wrapper .mascot{right:60px;left:auto}body.rtl .landing-page__call-to-action .row__information-board{direction:rtl}body.rtl .landing-page .header .hero .floats .float-1{left:-120px;right:auto}body.rtl .landing-page .header .hero .floats .float-2{left:210px;right:auto}body.rtl .landing-page .header .hero .floats .float-3{left:110px;right:auto}body.rtl .landing-page .header .links .brand img{left:0}body.rtl .landing-page .fa-external-link{padding-right:5px;padding-left:0 !important}body.rtl .landing-page .features #mastodon-timeline{margin-right:0;margin-left:30px}@media screen and (min-width: 631px){body.rtl .column,body.rtl .drawer{padding-left:5px;padding-right:5px}body.rtl .column:first-child,body.rtl .drawer:first-child{padding-left:5px;padding-right:10px}body.rtl .columns-area>div .column,body.rtl .columns-area>div .drawer{padding-left:5px;padding-right:5px}}body.rtl .columns-area--mobile .column,body.rtl .columns-area--mobile .drawer{padding-left:0;padding-right:0}body.rtl .public-layout .header .nav-button{margin-left:8px;margin-right:0}body.rtl .public-layout .public-account-header__tabs{margin-left:0;margin-right:20px}body.rtl .landing-page__information .account__display-name{margin-right:0;margin-left:5px}body.rtl .landing-page__information .account__avatar-wrapper{margin-left:12px;margin-right:0}body.rtl .card__bar .display-name{margin-left:0;margin-right:15px;text-align:right}body.rtl .fa-chevron-left::before{content:\"\"}body.rtl .fa-chevron-right::before{content:\"\"}body.rtl .column-back-button__icon{margin-right:0;margin-left:5px}body.rtl .column-header__setting-arrows .column-header__setting-btn:last-child{padding-left:0;padding-right:10px}body.rtl .simple_form .input.radio_buttons .radio>label input{left:auto;right:0}.emojione[title=\":wavy_dash:\"],.emojione[title=\":waving_black_flag:\"],.emojione[title=\":water_buffalo:\"],.emojione[title=\":video_game:\"],.emojione[title=\":video_camera:\"],.emojione[title=\":vhs:\"],.emojione[title=\":turkey:\"],.emojione[title=\":tophat:\"],.emojione[title=\":top:\"],.emojione[title=\":tm:\"],.emojione[title=\":telephone_receiver:\"],.emojione[title=\":spider:\"],.emojione[title=\":speaking_head_in_silhouette:\"],.emojione[title=\":spades:\"],.emojione[title=\":soon:\"],.emojione[title=\":registered:\"],.emojione[title=\":on:\"],.emojione[title=\":musical_score:\"],.emojione[title=\":movie_camera:\"],.emojione[title=\":mortar_board:\"],.emojione[title=\":microphone:\"],.emojione[title=\":male-guard:\"],.emojione[title=\":lower_left_fountain_pen:\"],.emojione[title=\":lower_left_ballpoint_pen:\"],.emojione[title=\":kaaba:\"],.emojione[title=\":joystick:\"],.emojione[title=\":hole:\"],.emojione[title=\":hocho:\"],.emojione[title=\":heavy_plus_sign:\"],.emojione[title=\":heavy_multiplication_x:\"],.emojione[title=\":heavy_minus_sign:\"],.emojione[title=\":heavy_dollar_sign:\"],.emojione[title=\":heavy_division_sign:\"],.emojione[title=\":heavy_check_mark:\"],.emojione[title=\":guardsman:\"],.emojione[title=\":gorilla:\"],.emojione[title=\":fried_egg:\"],.emojione[title=\":film_projector:\"],.emojione[title=\":female-guard:\"],.emojione[title=\":end:\"],.emojione[title=\":electric_plug:\"],.emojione[title=\":eight_pointed_black_star:\"],.emojione[title=\":dark_sunglasses:\"],.emojione[title=\":currency_exchange:\"],.emojione[title=\":curly_loop:\"],.emojione[title=\":copyright:\"],.emojione[title=\":clubs:\"],.emojione[title=\":camera_with_flash:\"],.emojione[title=\":camera:\"],.emojione[title=\":busts_in_silhouette:\"],.emojione[title=\":bust_in_silhouette:\"],.emojione[title=\":bowling:\"],.emojione[title=\":bomb:\"],.emojione[title=\":black_small_square:\"],.emojione[title=\":black_nib:\"],.emojione[title=\":black_medium_square:\"],.emojione[title=\":black_medium_small_square:\"],.emojione[title=\":black_large_square:\"],.emojione[title=\":black_heart:\"],.emojione[title=\":black_circle:\"],.emojione[title=\":back:\"],.emojione[title=\":ant:\"],.emojione[title=\":8ball:\"]{filter:drop-shadow(1px 1px 0 #ffffff) drop-shadow(-1px 1px 0 #ffffff) drop-shadow(1px -1px 0 #ffffff) drop-shadow(-1px -1px 0 #ffffff);transform:scale(0.71)}html{scrollbar-color:#d9e1e8 rgba(217,225,232,.25)}.button{color:#fff}.button.button-alternative-2{color:#fff}.status-card__actions button,.status-card__actions a{color:rgba(255,255,255,.8)}.status-card__actions button:hover,.status-card__actions button:active,.status-card__actions button:focus,.status-card__actions a:hover,.status-card__actions a:active,.status-card__actions a:focus{color:#fff}.column>.scrollable,.getting-started,.column-inline-form,.error-column,.regeneration-indicator{background:#fff;border:1px solid #c0cdd9;border-top:0}.directory__card__img{background:#b3c3d1}.filter-form,.directory__card__bar{background:#fff;border-bottom:1px solid #c0cdd9}.scrollable .directory__list{width:calc(100% + 2px);margin-left:-1px;margin-right:-1px}.directory__card,.table-of-contents{border:1px solid #c0cdd9}.column-back-button,.column-header{background:#fff;border:1px solid #c0cdd9}@media screen and (max-width: 415px){.column-back-button,.column-header{border-top:0}}.column-back-button--slim-button,.column-header--slim-button{top:-50px;right:0}.column-header__back-button,.column-header__button,.column-header__button.active,.account__header__bar,.directory__card__extra{background:#fff}.column-header__button.active{color:#2b90d9}.column-header__button.active:hover,.column-header__button.active:active,.column-header__button.active:focus{color:#2b90d9;background:#fff}.account__header__bar .avatar .account__avatar{border-color:#fff}.getting-started__footer a{color:#282c37;text-decoration:underline}.confirmation-modal__secondary-button,.confirmation-modal__cancel-button,.mute-modal__cancel-button,.block-modal__cancel-button{color:#86a0b6}.confirmation-modal__secondary-button:hover,.confirmation-modal__secondary-button:focus,.confirmation-modal__secondary-button:active,.confirmation-modal__cancel-button:hover,.confirmation-modal__cancel-button:focus,.confirmation-modal__cancel-button:active,.mute-modal__cancel-button:hover,.mute-modal__cancel-button:focus,.mute-modal__cancel-button:active,.block-modal__cancel-button:hover,.block-modal__cancel-button:focus,.block-modal__cancel-button:active{color:#000}.column-subheading{background:#e6ebf0;border-bottom:1px solid #c0cdd9}.getting-started .column-link,.scrollable .column-link{background:#fff;border-bottom:1px solid #c0cdd9}.getting-started .column-link:hover,.getting-started .column-link:active,.getting-started .column-link:focus,.scrollable .column-link:hover,.scrollable .column-link:active,.scrollable .column-link:focus{background:#d9e1e8}.getting-started .navigation-bar{border-top:1px solid #c0cdd9;border-bottom:1px solid #c0cdd9}@media screen and (max-width: 415px){.getting-started .navigation-bar{border-top:0}}.compose-form__autosuggest-wrapper,.poll__text input[type=text],.compose-form .spoiler-input__input,.compose-form__poll-wrapper select,.search__input,.setting-text,.box-widget input[type=text],.box-widget input[type=email],.box-widget input[type=password],.box-widget textarea,.statuses-grid .detailed-status,.audio-player{border:1px solid #c0cdd9}@media screen and (max-width: 415px){.search__input{border-top:0;border-bottom:0}}.list-editor .search .search__input{border-top:0;border-bottom:0}.compose-form__poll-wrapper select{background:#fff url(\"data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14.933 18.467' height='19.698' width='15.929'><path d='M3.467 14.967l-3.393-3.5H14.86l-3.392 3.5c-1.866 1.925-3.666 3.5-4 3.5-.335 0-2.135-1.575-4-3.5zm.266-11.234L7.467 0 11.2 3.733l3.733 3.734H0l3.733-3.734z' fill='%23C0CDD9'/></svg>\") no-repeat right 8px center/auto 16px}.compose-form__poll-wrapper,.compose-form__poll-wrapper .poll__footer{border-top-color:#c0cdd9}.notification__filter-bar{border:1px solid #c0cdd9;border-top:0}.compose-form .compose-form__buttons-wrapper{background:#d9e1e8;border:1px solid #c0cdd9;border-top:0}.drawer__header,.drawer__inner{background:#fff;border:1px solid #c0cdd9}.drawer__inner__mastodon{background:#fff url('data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 234.80078 31.757813\" width=\"234.80078\" height=\"31.757812\"><path d=\"M19.599609 0c-1.05 0-2.10039.375-2.90039 1.125L0 16.925781v14.832031h234.80078V17.025391l-16.5-15.900391c-1.6-1.5-4.20078-1.5-5.80078 0l-13.80078 13.099609c-1.6 1.5-4.19883 1.5-5.79883 0L179.09961 1.125c-1.6-1.5-4.19883-1.5-5.79883 0L159.5 14.224609c-1.6 1.5-4.20078 1.5-5.80078 0L139.90039 1.125c-1.6-1.5-4.20078-1.5-5.80078 0l-13.79883 13.099609c-1.6 1.5-4.20078 1.5-5.80078 0L100.69922 1.125c-1.600001-1.5-4.198829-1.5-5.798829 0l-13.59961 13.099609c-1.6 1.5-4.200781 1.5-5.800781 0L61.699219 1.125c-1.6-1.5-4.198828-1.5-5.798828 0L42.099609 14.224609c-1.6 1.5-4.198828 1.5-5.798828 0L22.5 1.125C21.7.375 20.649609 0 19.599609 0z\" fill=\"%23D9E1E8\"/></svg>') no-repeat bottom/100% auto}.compose-form .compose-form__modifiers .compose-form__upload__actions .icon-button{color:#ededed}.compose-form .compose-form__modifiers .compose-form__upload__actions .icon-button:active,.compose-form .compose-form__modifiers .compose-form__upload__actions .icon-button:focus,.compose-form .compose-form__modifiers .compose-form__upload__actions .icon-button:hover{color:#fff}.compose-form .compose-form__modifiers .compose-form__upload-description input{color:#ededed}.compose-form .compose-form__modifiers .compose-form__upload-description input::placeholder{color:#ededed}.compose-form .compose-form__buttons-wrapper{background:#ecf0f4}.compose-form .autosuggest-textarea__suggestions{background:#ecf0f4}.compose-form .autosuggest-textarea__suggestions__item:hover,.compose-form .autosuggest-textarea__suggestions__item:focus,.compose-form .autosuggest-textarea__suggestions__item:active,.compose-form .autosuggest-textarea__suggestions__item.selected{background:#ccd7e0}.emoji-mart-bar{border-color:#ccd7e0}.emoji-mart-bar:first-child{background:#ecf0f4}.emoji-mart-search input{background:rgba(217,225,232,.3);border-color:#d9e1e8}.focusable:focus{background:#d9e1e8}.status.status-direct{background:#ccd7e0}.focusable:focus .status.status-direct{background:#c0cdd9}.detailed-status,.detailed-status__action-bar{background:#fff}.reply-indicator__content .status__content__spoiler-link,.status__content .status__content__spoiler-link{background:#d9e1e8}.reply-indicator__content .status__content__spoiler-link:hover,.status__content .status__content__spoiler-link:hover{background:#ccd7e0}.media-spoiler,.video-player__spoiler{background:#d9e1e8}.privacy-dropdown.active .privacy-dropdown__value.active .icon-button{color:#fff}.account-gallery__item a{background-color:#d9e1e8}.dropdown-menu{background:#fff}.dropdown-menu__arrow.left{border-left-color:#fff}.dropdown-menu__arrow.top{border-top-color:#fff}.dropdown-menu__arrow.bottom{border-bottom-color:#fff}.dropdown-menu__arrow.right{border-right-color:#fff}.dropdown-menu__item a{background:#fff;color:#282c37}.privacy-dropdown__option.active,.privacy-dropdown__option:hover,.privacy-dropdown__option.active .privacy-dropdown__option__content,.privacy-dropdown__option.active .privacy-dropdown__option__content strong,.privacy-dropdown__option:hover .privacy-dropdown__option__content,.privacy-dropdown__option:hover .privacy-dropdown__option__content strong,.dropdown-menu__item a:active,.dropdown-menu__item a:focus,.dropdown-menu__item a:hover,.actions-modal ul li:not(:empty) a.active,.actions-modal ul li:not(:empty) a.active button,.actions-modal ul li:not(:empty) a:active,.actions-modal ul li:not(:empty) a:active button,.actions-modal ul li:not(:empty) a:focus,.actions-modal ul li:not(:empty) a:focus button,.actions-modal ul li:not(:empty) a:hover,.actions-modal ul li:not(:empty) a:hover button,.admin-wrapper .sidebar ul .simple-navigation-active-leaf a,.simple_form .block-button,.simple_form .button,.simple_form button{color:#fff}.dropdown-menu__separator{border-bottom-color:#ccd7e0}.actions-modal,.boost-modal,.confirmation-modal,.mute-modal,.block-modal,.report-modal,.embed-modal,.error-modal,.onboarding-modal,.report-modal__comment .setting-text__wrapper,.report-modal__comment .setting-text{background:#fff;border:1px solid #c0cdd9}.report-modal__comment{border-right-color:#c0cdd9}.report-modal__container{border-top-color:#c0cdd9}.column-header__collapsible-inner{background:#e6ebf0;border:1px solid #c0cdd9;border-top:0}.focal-point__preview strong{color:#fff}.boost-modal__action-bar,.confirmation-modal__action-bar,.mute-modal__action-bar,.block-modal__action-bar,.onboarding-modal__paginator,.error-modal__footer{background:#ecf0f4}.boost-modal__action-bar .onboarding-modal__nav:hover,.boost-modal__action-bar .onboarding-modal__nav:focus,.boost-modal__action-bar .onboarding-modal__nav:active,.boost-modal__action-bar .error-modal__nav:hover,.boost-modal__action-bar .error-modal__nav:focus,.boost-modal__action-bar .error-modal__nav:active,.confirmation-modal__action-bar .onboarding-modal__nav:hover,.confirmation-modal__action-bar .onboarding-modal__nav:focus,.confirmation-modal__action-bar .onboarding-modal__nav:active,.confirmation-modal__action-bar .error-modal__nav:hover,.confirmation-modal__action-bar .error-modal__nav:focus,.confirmation-modal__action-bar .error-modal__nav:active,.mute-modal__action-bar .onboarding-modal__nav:hover,.mute-modal__action-bar .onboarding-modal__nav:focus,.mute-modal__action-bar .onboarding-modal__nav:active,.mute-modal__action-bar .error-modal__nav:hover,.mute-modal__action-bar .error-modal__nav:focus,.mute-modal__action-bar .error-modal__nav:active,.block-modal__action-bar .onboarding-modal__nav:hover,.block-modal__action-bar .onboarding-modal__nav:focus,.block-modal__action-bar .onboarding-modal__nav:active,.block-modal__action-bar .error-modal__nav:hover,.block-modal__action-bar .error-modal__nav:focus,.block-modal__action-bar .error-modal__nav:active,.onboarding-modal__paginator .onboarding-modal__nav:hover,.onboarding-modal__paginator .onboarding-modal__nav:focus,.onboarding-modal__paginator .onboarding-modal__nav:active,.onboarding-modal__paginator .error-modal__nav:hover,.onboarding-modal__paginator .error-modal__nav:focus,.onboarding-modal__paginator .error-modal__nav:active,.error-modal__footer .onboarding-modal__nav:hover,.error-modal__footer .onboarding-modal__nav:focus,.error-modal__footer .onboarding-modal__nav:active,.error-modal__footer .error-modal__nav:hover,.error-modal__footer .error-modal__nav:focus,.error-modal__footer .error-modal__nav:active{background-color:#fff}.display-case__case{background:#fff}.embed-modal .embed-modal__container .embed-modal__html{background:#fff;border:1px solid #c0cdd9}.embed-modal .embed-modal__container .embed-modal__html:focus{border-color:#b3c3d1;background:#fff}.react-toggle-track{background:#282c37}.react-toggle:hover:not(.react-toggle--disabled) .react-toggle-track{background:#3d4455}.react-toggle.react-toggle--checked:hover:not(.react-toggle--disabled) .react-toggle-track{background:#2074b1}.empty-column-indicator,.error-column{color:#000;background:#fff}.tabs-bar{background:#fff;border:1px solid #c0cdd9;border-bottom:0}@media screen and (max-width: 415px){.tabs-bar{border-top:0}}.tabs-bar__link{padding-bottom:14px;border-bottom-width:1px;border-bottom-color:#c0cdd9}.tabs-bar__link:hover,.tabs-bar__link:active,.tabs-bar__link:focus{background:#d9e1e8}.tabs-bar__link.active:hover,.tabs-bar__link.active:active,.tabs-bar__link.active:focus{background:transparent;border-bottom-color:#2b90d9}.activity-stream-tabs{background:#fff;border-bottom-color:#c0cdd9}.box-widget,.nothing-here,.page-header,.directory__tag>a,.directory__tag>div,.landing-page__call-to-action,.contact-widget,.landing .hero-widget__text,.landing-page__information.contact-widget{background:#fff;border:1px solid #c0cdd9}@media screen and (max-width: 415px){.box-widget,.nothing-here,.page-header,.directory__tag>a,.directory__tag>div,.landing-page__call-to-action,.contact-widget,.landing .hero-widget__text,.landing-page__information.contact-widget{border-left:0;border-right:0;border-top:0}}.landing .hero-widget__text{border-top:0;border-bottom:0}.simple_form input[type=text]:hover,.simple_form input[type=number]:hover,.simple_form input[type=email]:hover,.simple_form input[type=password]:hover,.simple_form textarea:hover{border-color:#b3c3d1}.landing .hero-widget__footer{background:#fff;border:1px solid #c0cdd9;border-top:0}@media screen and (max-width: 415px){.landing .hero-widget__footer{border:0}}.brand__tagline{color:#282c37}.directory__tag>a:hover,.directory__tag>a:active,.directory__tag>a:focus{background:#d9e1e8}@media screen and (max-width: 415px){.directory__tag>a{border:0}}.directory__tag.active>a,.directory__tag.active>div{border-color:#2b90d9}.directory__tag.active>a,.directory__tag.active>a h4,.directory__tag.active>a h4 small,.directory__tag.active>a .fa,.directory__tag.active>a .trends__item__current,.directory__tag.active>div,.directory__tag.active>div h4,.directory__tag.active>div h4 small,.directory__tag.active>div .fa,.directory__tag.active>div .trends__item__current{color:#fff}.directory__tag.active>a:hover,.directory__tag.active>a:active,.directory__tag.active>a:focus,.directory__tag.active>div:hover,.directory__tag.active>div:active,.directory__tag.active>div:focus{background:#2b90d9}.batch-table__toolbar,.batch-table__row,.batch-table .nothing-here{border-color:#c0cdd9}.activity-stream{border:1px solid #c0cdd9}.activity-stream--under-tabs{border-top:0}.activity-stream .entry{background:#fff}.activity-stream .entry .detailed-status.light,.activity-stream .entry .more.light,.activity-stream .entry .status.light{border-bottom-color:#c0cdd9}.activity-stream .status.light .status__content{color:#000}.activity-stream .status.light .display-name strong{color:#000}.accounts-grid .account-grid-card .controls .icon-button{color:#282c37}.accounts-grid .account-grid-card .name a{color:#000}.accounts-grid .account-grid-card .username{color:#282c37}.accounts-grid .account-grid-card .account__header__content{color:#000}.simple_form .warning,.table-form .warning{box-shadow:none;background:rgba(223,64,90,.5);text-shadow:none}.simple_form .recommended,.table-form .recommended{border-color:#2b90d9;color:#2b90d9;background-color:rgba(43,144,217,.1)}.compose-form .compose-form__warning{border-color:#2b90d9;background-color:rgba(43,144,217,.1)}.compose-form .compose-form__warning,.compose-form .compose-form__warning a{color:#2b90d9}.status__content a,.reply-indicator__content a{color:#2b90d9}.button.logo-button{color:#fff}.button.logo-button svg{fill:#fff}.public-layout .account__section-headline{border:1px solid #c0cdd9}@media screen and (max-width: 415px){.public-layout .account__section-headline{border-top:0}}.public-layout .header,.public-layout .public-account-header,.public-layout .public-account-bio{box-shadow:none}.public-layout .public-account-bio,.public-layout .hero-widget__text{background:#fff;border:1px solid #c0cdd9}.public-layout .header{background:#d9e1e8;border:1px solid #c0cdd9}@media screen and (max-width: 415px){.public-layout .header{border:0}}.public-layout .header .brand:hover,.public-layout .header .brand:focus,.public-layout .header .brand:active{background:#ccd7e0}.public-layout .public-account-header__image{background:#b3c3d1}.public-layout .public-account-header__image::after{box-shadow:none}.public-layout .public-account-header__bar::before{background:#fff;border:1px solid #c0cdd9;border-top:0}.public-layout .public-account-header__bar .avatar img{border-color:#fff}@media screen and (max-width: 600px){.public-layout .public-account-header__bar{background:#fff;border:1px solid #c0cdd9;border-top:0}}.public-layout .public-account-header__tabs__name h1,.public-layout .public-account-header__tabs__name h1 small{color:#fff}@media screen and (max-width: 600px){.public-layout .public-account-header__tabs__name h1,.public-layout .public-account-header__tabs__name h1 small{color:#000}}.public-layout .public-account-header__extra .public-account-bio{border:0}.public-layout .public-account-header__extra .public-account-bio .account__header__fields{border-color:#c0cdd9}.notification__filter-bar button.active::after,.account__section-headline a.active::after{border-color:transparent transparent #fff}.hero-widget,.box-widget,.contact-widget,.landing-page__information.contact-widget,.moved-account-widget,.memoriam-widget,.activity-stream,.nothing-here,.directory__tag>a,.directory__tag>div,.card>a,.page-header,.compose-form .compose-form__warning{box-shadow:none}.audio-player .video-player__controls button,.audio-player .video-player__time-sep,.audio-player .video-player__time-current,.audio-player .video-player__time-total{color:#000}","/* http://meyerweb.com/eric/tools/css/reset/\n   v2.0 | 20110126\n   License: none (public domain)\n*/\n\nhtml, body, div, span, applet, object, iframe,\nh1, h2, h3, h4, h5, h6, p, blockquote, pre,\na, abbr, acronym, address, big, cite, code,\ndel, dfn, em, img, ins, kbd, q, s, samp,\nsmall, strike, strong, sub, sup, tt, var,\nb, u, i, center,\ndl, dt, dd, ol, ul, li,\nfieldset, form, label, legend,\ntable, caption, tbody, tfoot, thead, tr, th, td,\narticle, aside, canvas, details, embed,\nfigure, figcaption, footer, header, hgroup,\nmenu, nav, output, ruby, section, summary,\ntime, mark, audio, video {\n  margin: 0;\n  padding: 0;\n  border: 0;\n  font-size: 100%;\n  font: inherit;\n  vertical-align: baseline;\n}\n\n/* HTML5 display-role reset for older browsers */\narticle, aside, details, figcaption, figure,\nfooter, header, hgroup, menu, nav, section {\n  display: block;\n}\n\nbody {\n  line-height: 1;\n}\n\nol, ul {\n  list-style: none;\n}\n\nblockquote, q {\n  quotes: none;\n}\n\nblockquote:before, blockquote:after,\nq:before, q:after {\n  content: '';\n  content: none;\n}\n\ntable {\n  border-collapse: collapse;\n  border-spacing: 0;\n}\n\nhtml {\n  scrollbar-color: lighten($ui-base-color, 4%) rgba($base-overlay-background, 0.1);\n}\n\n::-webkit-scrollbar {\n  width: 12px;\n  height: 12px;\n}\n\n::-webkit-scrollbar-thumb {\n  background: lighten($ui-base-color, 4%);\n  border: 0px none $base-border-color;\n  border-radius: 50px;\n}\n\n::-webkit-scrollbar-thumb:hover {\n  background: lighten($ui-base-color, 6%);\n}\n\n::-webkit-scrollbar-thumb:active {\n  background: lighten($ui-base-color, 4%);\n}\n\n::-webkit-scrollbar-track {\n  border: 0px none $base-border-color;\n  border-radius: 0;\n  background: rgba($base-overlay-background, 0.1);\n}\n\n::-webkit-scrollbar-track:hover {\n  background: $ui-base-color;\n}\n\n::-webkit-scrollbar-track:active {\n  background: $ui-base-color;\n}\n\n::-webkit-scrollbar-corner {\n  background: transparent;\n}\n","// Dependent colors\n$black: #000000;\n$white: #ffffff;\n\n$classic-base-color: #282c37;\n$classic-primary-color: #9baec8;\n$classic-secondary-color: #d9e1e8;\n$classic-highlight-color: #2b90d9;\n\n// Differences\n$success-green: lighten(#3c754d, 8%);\n\n$base-overlay-background: $white !default;\n$valid-value-color: $success-green !default;\n\n$ui-base-color: $classic-secondary-color !default;\n$ui-base-lighter-color: #b0c0cf;\n$ui-primary-color: #9bcbed;\n$ui-secondary-color: $classic-base-color !default;\n$ui-highlight-color: #2b90d9;\n\n$primary-text-color: $black !default;\n$darker-text-color: $classic-base-color !default;\n$dark-text-color: #444b5d;\n$action-button-color: #606984;\n\n$inverted-text-color: $black !default;\n$lighter-text-color: $classic-base-color !default;\n$light-text-color: #444b5d;\n\n//Newly added colors\n$account-background-color: $white !default;\n\n//Invert darkened and lightened colors\n@function darken($color, $amount) {\n  @return hsl(hue($color), saturation($color), lightness($color) + $amount);\n}\n\n@function lighten($color, $amount) {\n  @return hsl(hue($color), saturation($color), lightness($color) - $amount);\n}\n","@function hex-color($color) {\n  @if type-of($color) == 'color' {\n    $color: str-slice(ie-hex-str($color), 4);\n  }\n\n  @return '%23' + unquote($color);\n}\n\nbody {\n  font-family: $font-sans-serif, sans-serif;\n  background: darken($ui-base-color, 7%);\n  font-size: 13px;\n  line-height: 18px;\n  font-weight: 400;\n  color: $primary-text-color;\n  text-rendering: optimizelegibility;\n  font-feature-settings: \"kern\";\n  text-size-adjust: none;\n  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);\n  -webkit-tap-highlight-color: transparent;\n\n  &.system-font {\n    // system-ui => standard property (Chrome/Android WebView 56+, Opera 43+, Safari 11+)\n    // -apple-system => Safari <11 specific\n    // BlinkMacSystemFont => Chrome <56 on macOS specific\n    // Segoe UI => Windows 7/8/10\n    // Oxygen => KDE\n    // Ubuntu => Unity/Ubuntu\n    // Cantarell => GNOME\n    // Fira Sans => Firefox OS\n    // Droid Sans => Older Androids (<4.0)\n    // Helvetica Neue => Older macOS <10.11\n    // $font-sans-serif => web-font (Roboto) fallback and newer Androids (>=4.0)\n    font-family: system-ui, -apple-system, BlinkMacSystemFont, \"Segoe UI\", \"Oxygen\", \"Ubuntu\", \"Cantarell\", \"Fira Sans\", \"Droid Sans\", \"Helvetica Neue\", $font-sans-serif, sans-serif;\n  }\n\n  &.app-body {\n    padding: 0;\n\n    &.layout-single-column {\n      height: auto;\n      min-height: 100vh;\n      overflow-y: scroll;\n    }\n\n    &.layout-multiple-columns {\n      position: absolute;\n      width: 100%;\n      height: 100%;\n    }\n\n    &.with-modals--active {\n      overflow-y: hidden;\n    }\n  }\n\n  &.lighter {\n    background: $ui-base-color;\n  }\n\n  &.with-modals {\n    overflow-x: hidden;\n    overflow-y: scroll;\n\n    &--active {\n      overflow-y: hidden;\n    }\n  }\n\n  &.player {\n    text-align: center;\n  }\n\n  &.embed {\n    background: lighten($ui-base-color, 4%);\n    margin: 0;\n    padding-bottom: 0;\n\n    .container {\n      position: absolute;\n      width: 100%;\n      height: 100%;\n      overflow: hidden;\n    }\n  }\n\n  &.admin {\n    background: darken($ui-base-color, 4%);\n    padding: 0;\n  }\n\n  &.error {\n    position: absolute;\n    text-align: center;\n    color: $darker-text-color;\n    background: $ui-base-color;\n    width: 100%;\n    height: 100%;\n    padding: 0;\n    display: flex;\n    justify-content: center;\n    align-items: center;\n\n    .dialog {\n      vertical-align: middle;\n      margin: 20px;\n\n      &__illustration {\n        img {\n          display: block;\n          max-width: 470px;\n          width: 100%;\n          height: auto;\n          margin-top: -120px;\n        }\n      }\n\n      h1 {\n        font-size: 20px;\n        line-height: 28px;\n        font-weight: 400;\n      }\n    }\n  }\n}\n\nbutton {\n  font-family: inherit;\n  cursor: pointer;\n\n  &:focus {\n    outline: none;\n  }\n}\n\n.app-holder {\n  &,\n  & > div,\n  & > noscript {\n    display: flex;\n    width: 100%;\n    align-items: center;\n    justify-content: center;\n    outline: 0 !important;\n  }\n\n  & > noscript {\n    height: 100vh;\n  }\n}\n\n.layout-single-column .app-holder {\n  &,\n  & > div {\n    min-height: 100vh;\n  }\n}\n\n.layout-multiple-columns .app-holder {\n  &,\n  & > div {\n    height: 100%;\n  }\n}\n\n.error-boundary,\n.app-holder noscript {\n  flex-direction: column;\n  font-size: 16px;\n  font-weight: 400;\n  line-height: 1.7;\n  color: lighten($error-red, 4%);\n  text-align: center;\n\n  & > div {\n    max-width: 500px;\n  }\n\n  p {\n    margin-bottom: .85em;\n\n    &:last-child {\n      margin-bottom: 0;\n    }\n  }\n\n  a {\n    color: $highlight-text-color;\n\n    &:hover,\n    &:focus,\n    &:active {\n      text-decoration: none;\n    }\n  }\n\n  &__footer {\n    color: $dark-text-color;\n    font-size: 13px;\n\n    a {\n      color: $dark-text-color;\n    }\n  }\n\n  button {\n    display: inline;\n    border: 0;\n    background: transparent;\n    color: $dark-text-color;\n    font: inherit;\n    padding: 0;\n    margin: 0;\n    line-height: inherit;\n    cursor: pointer;\n    outline: 0;\n    transition: color 300ms linear;\n    text-decoration: underline;\n\n    &:hover,\n    &:focus,\n    &:active {\n      text-decoration: none;\n    }\n\n    &.copied {\n      color: $valid-value-color;\n      transition: none;\n    }\n  }\n}\n",".container-alt {\n  width: 700px;\n  margin: 0 auto;\n  margin-top: 40px;\n\n  @media screen and (max-width: 740px) {\n    width: 100%;\n    margin: 0;\n  }\n}\n\n.logo-container {\n  margin: 100px auto 50px;\n\n  @media screen and (max-width: 500px) {\n    margin: 40px auto 0;\n  }\n\n  h1 {\n    display: flex;\n    justify-content: center;\n    align-items: center;\n\n    svg {\n      fill: $primary-text-color;\n      height: 42px;\n      margin-right: 10px;\n    }\n\n    a {\n      display: flex;\n      justify-content: center;\n      align-items: center;\n      color: $primary-text-color;\n      text-decoration: none;\n      outline: 0;\n      padding: 12px 16px;\n      line-height: 32px;\n      font-family: $font-display, sans-serif;\n      font-weight: 500;\n      font-size: 14px;\n    }\n  }\n}\n\n.compose-standalone {\n  .compose-form {\n    width: 400px;\n    margin: 0 auto;\n    padding: 20px 0;\n    margin-top: 40px;\n    box-sizing: border-box;\n\n    @media screen and (max-width: 400px) {\n      width: 100%;\n      margin-top: 0;\n      padding: 20px;\n    }\n  }\n}\n\n.account-header {\n  width: 400px;\n  margin: 0 auto;\n  display: flex;\n  font-size: 13px;\n  line-height: 18px;\n  box-sizing: border-box;\n  padding: 20px 0;\n  padding-bottom: 0;\n  margin-bottom: -30px;\n  margin-top: 40px;\n\n  @media screen and (max-width: 440px) {\n    width: 100%;\n    margin: 0;\n    margin-bottom: 10px;\n    padding: 20px;\n    padding-bottom: 0;\n  }\n\n  .avatar {\n    width: 40px;\n    height: 40px;\n    margin-right: 8px;\n\n    img {\n      width: 100%;\n      height: 100%;\n      display: block;\n      margin: 0;\n      border-radius: 4px;\n    }\n  }\n\n  .name {\n    flex: 1 1 auto;\n    color: $secondary-text-color;\n    width: calc(100% - 88px);\n\n    .username {\n      display: block;\n      font-weight: 500;\n      text-overflow: ellipsis;\n      overflow: hidden;\n    }\n  }\n\n  .logout-link {\n    display: block;\n    font-size: 32px;\n    line-height: 40px;\n    margin-left: 8px;\n  }\n}\n\n.grid-3 {\n  display: grid;\n  grid-gap: 10px;\n  grid-template-columns: 3fr 1fr;\n  grid-auto-columns: 25%;\n  grid-auto-rows: max-content;\n\n  .column-0 {\n    grid-column: 1 / 3;\n    grid-row: 1;\n  }\n\n  .column-1 {\n    grid-column: 1;\n    grid-row: 2;\n  }\n\n  .column-2 {\n    grid-column: 2;\n    grid-row: 2;\n  }\n\n  .column-3 {\n    grid-column: 1 / 3;\n    grid-row: 3;\n  }\n\n  @media screen and (max-width: $no-gap-breakpoint) {\n    grid-gap: 0;\n    grid-template-columns: minmax(0, 100%);\n\n    .column-0 {\n      grid-column: 1;\n    }\n\n    .column-1 {\n      grid-column: 1;\n      grid-row: 3;\n    }\n\n    .column-2 {\n      grid-column: 1;\n      grid-row: 2;\n    }\n\n    .column-3 {\n      grid-column: 1;\n      grid-row: 4;\n    }\n  }\n}\n\n.grid-4 {\n  display: grid;\n  grid-gap: 10px;\n  grid-template-columns: repeat(4, minmax(0, 1fr));\n  grid-auto-columns: 25%;\n  grid-auto-rows: max-content;\n\n  .column-0 {\n    grid-column: 1 / 5;\n    grid-row: 1;\n  }\n\n  .column-1 {\n    grid-column: 1 / 4;\n    grid-row: 2;\n  }\n\n  .column-2 {\n    grid-column: 4;\n    grid-row: 2;\n  }\n\n  .column-3 {\n    grid-column: 2 / 5;\n    grid-row: 3;\n  }\n\n  .column-4 {\n    grid-column: 1;\n    grid-row: 3;\n  }\n\n  .landing-page__call-to-action {\n    min-height: 100%;\n  }\n\n  .flash-message {\n    margin-bottom: 10px;\n  }\n\n  @media screen and (max-width: 738px) {\n    grid-template-columns: minmax(0, 50%) minmax(0, 50%);\n\n    .landing-page__call-to-action {\n      padding: 20px;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n    }\n\n    .row__information-board {\n      width: 100%;\n      justify-content: center;\n      align-items: center;\n    }\n\n    .row__mascot {\n      display: none;\n    }\n  }\n\n  @media screen and (max-width: $no-gap-breakpoint) {\n    grid-gap: 0;\n    grid-template-columns: minmax(0, 100%);\n\n    .column-0 {\n      grid-column: 1;\n    }\n\n    .column-1 {\n      grid-column: 1;\n      grid-row: 3;\n    }\n\n    .column-2 {\n      grid-column: 1;\n      grid-row: 2;\n    }\n\n    .column-3 {\n      grid-column: 1;\n      grid-row: 5;\n    }\n\n    .column-4 {\n      grid-column: 1;\n      grid-row: 4;\n    }\n  }\n}\n\n.public-layout {\n  @media screen and (max-width: $no-gap-breakpoint) {\n    padding-top: 48px;\n  }\n\n  .container {\n    max-width: 960px;\n\n    @media screen and (max-width: $no-gap-breakpoint) {\n      padding: 0;\n    }\n  }\n\n  .header {\n    background: lighten($ui-base-color, 8%);\n    box-shadow: 0 0 15px rgba($base-shadow-color, 0.2);\n    border-radius: 4px;\n    height: 48px;\n    margin: 10px 0;\n    display: flex;\n    align-items: stretch;\n    justify-content: center;\n    flex-wrap: nowrap;\n    overflow: hidden;\n\n    @media screen and (max-width: $no-gap-breakpoint) {\n      position: fixed;\n      width: 100%;\n      top: 0;\n      left: 0;\n      margin: 0;\n      border-radius: 0;\n      box-shadow: none;\n      z-index: 110;\n    }\n\n    & > div {\n      flex: 1 1 33.3%;\n      min-height: 1px;\n    }\n\n    .nav-left {\n      display: flex;\n      align-items: stretch;\n      justify-content: flex-start;\n      flex-wrap: nowrap;\n    }\n\n    .nav-center {\n      display: flex;\n      align-items: stretch;\n      justify-content: center;\n      flex-wrap: nowrap;\n    }\n\n    .nav-right {\n      display: flex;\n      align-items: stretch;\n      justify-content: flex-end;\n      flex-wrap: nowrap;\n    }\n\n    .brand {\n      display: block;\n      padding: 15px;\n\n      svg {\n        display: block;\n        height: 18px;\n        width: auto;\n        position: relative;\n        bottom: -2px;\n        fill: $primary-text-color;\n\n        @media screen and (max-width: $no-gap-breakpoint) {\n          height: 20px;\n        }\n      }\n\n      &:hover,\n      &:focus,\n      &:active {\n        background: lighten($ui-base-color, 12%);\n      }\n    }\n\n    .nav-link {\n      display: flex;\n      align-items: center;\n      padding: 0 1rem;\n      font-size: 12px;\n      font-weight: 500;\n      text-decoration: none;\n      color: $darker-text-color;\n      white-space: nowrap;\n      text-align: center;\n\n      &:hover,\n      &:focus,\n      &:active {\n        text-decoration: underline;\n        color: $primary-text-color;\n      }\n\n      @media screen and (max-width: 550px) {\n        &.optional {\n          display: none;\n        }\n      }\n    }\n\n    .nav-button {\n      background: lighten($ui-base-color, 16%);\n      margin: 8px;\n      margin-left: 0;\n      border-radius: 4px;\n\n      &:hover,\n      &:focus,\n      &:active {\n        text-decoration: none;\n        background: lighten($ui-base-color, 20%);\n      }\n    }\n  }\n\n  $no-columns-breakpoint: 600px;\n\n  .grid {\n    display: grid;\n    grid-gap: 10px;\n    grid-template-columns: minmax(300px, 3fr) minmax(298px, 1fr);\n    grid-auto-columns: 25%;\n    grid-auto-rows: max-content;\n\n    .column-0 {\n      grid-row: 1;\n      grid-column: 1;\n    }\n\n    .column-1 {\n      grid-row: 1;\n      grid-column: 2;\n    }\n\n    @media screen and (max-width: $no-columns-breakpoint) {\n      grid-template-columns: 100%;\n      grid-gap: 0;\n\n      .column-1 {\n        display: none;\n      }\n    }\n  }\n\n  .directory__card {\n    border-radius: 4px;\n\n    @media screen and (max-width: $no-gap-breakpoint) {\n      border-radius: 0;\n    }\n  }\n\n  .page-header {\n    @media screen and (max-width: $no-gap-breakpoint) {\n      border-bottom: 0;\n    }\n  }\n\n  .public-account-header {\n    overflow: hidden;\n    margin-bottom: 10px;\n    box-shadow: 0 0 15px rgba($base-shadow-color, 0.2);\n\n    &.inactive {\n      opacity: 0.5;\n\n      .public-account-header__image,\n      .avatar {\n        filter: grayscale(100%);\n      }\n\n      .logo-button {\n        background-color: $secondary-text-color;\n      }\n    }\n\n    &__image {\n      border-radius: 4px 4px 0 0;\n      overflow: hidden;\n      height: 300px;\n      position: relative;\n      background: darken($ui-base-color, 12%);\n\n      &::after {\n        content: \"\";\n        display: block;\n        position: absolute;\n        width: 100%;\n        height: 100%;\n        box-shadow: inset 0 -1px 1px 1px rgba($base-shadow-color, 0.15);\n        top: 0;\n        left: 0;\n      }\n\n      img {\n        object-fit: cover;\n        display: block;\n        width: 100%;\n        height: 100%;\n        margin: 0;\n        border-radius: 4px 4px 0 0;\n      }\n\n      @media screen and (max-width: 600px) {\n        height: 200px;\n      }\n    }\n\n    &--no-bar {\n      margin-bottom: 0;\n\n      .public-account-header__image,\n      .public-account-header__image img {\n        border-radius: 4px;\n\n        @media screen and (max-width: $no-gap-breakpoint) {\n          border-radius: 0;\n        }\n      }\n    }\n\n    @media screen and (max-width: $no-gap-breakpoint) {\n      margin-bottom: 0;\n      box-shadow: none;\n\n      &__image::after {\n        display: none;\n      }\n\n      &__image,\n      &__image img {\n        border-radius: 0;\n      }\n    }\n\n    &__bar {\n      position: relative;\n      margin-top: -80px;\n      display: flex;\n      justify-content: flex-start;\n\n      &::before {\n        content: \"\";\n        display: block;\n        background: lighten($ui-base-color, 4%);\n        position: absolute;\n        bottom: 0;\n        left: 0;\n        right: 0;\n        height: 60px;\n        border-radius: 0 0 4px 4px;\n        z-index: -1;\n      }\n\n      .avatar {\n        display: block;\n        width: 120px;\n        height: 120px;\n        padding-left: 20px - 4px;\n        flex: 0 0 auto;\n\n        img {\n          display: block;\n          width: 100%;\n          height: 100%;\n          margin: 0;\n          border-radius: 50%;\n          border: 4px solid lighten($ui-base-color, 4%);\n          background: darken($ui-base-color, 8%);\n        }\n      }\n\n      @media screen and (max-width: 600px) {\n        margin-top: 0;\n        background: lighten($ui-base-color, 4%);\n        border-radius: 0 0 4px 4px;\n        padding: 5px;\n\n        &::before {\n          display: none;\n        }\n\n        .avatar {\n          width: 48px;\n          height: 48px;\n          padding: 7px 0;\n          padding-left: 10px;\n\n          img {\n            border: 0;\n            border-radius: 4px;\n          }\n\n          @media screen and (max-width: 360px) {\n            display: none;\n          }\n        }\n      }\n\n      @media screen and (max-width: $no-gap-breakpoint) {\n        border-radius: 0;\n      }\n\n      @media screen and (max-width: $no-columns-breakpoint) {\n        flex-wrap: wrap;\n      }\n    }\n\n    &__tabs {\n      flex: 1 1 auto;\n      margin-left: 20px;\n\n      &__name {\n        padding-top: 20px;\n        padding-bottom: 8px;\n\n        h1 {\n          font-size: 20px;\n          line-height: 18px * 1.5;\n          color: $primary-text-color;\n          font-weight: 500;\n          overflow: hidden;\n          white-space: nowrap;\n          text-overflow: ellipsis;\n          text-shadow: 1px 1px 1px $base-shadow-color;\n\n          small {\n            display: block;\n            font-size: 14px;\n            color: $primary-text-color;\n            font-weight: 400;\n            overflow: hidden;\n            text-overflow: ellipsis;\n          }\n        }\n      }\n\n      @media screen and (max-width: 600px) {\n        margin-left: 15px;\n        display: flex;\n        justify-content: space-between;\n        align-items: center;\n\n        &__name {\n          padding-top: 0;\n          padding-bottom: 0;\n\n          h1 {\n            font-size: 16px;\n            line-height: 24px;\n            text-shadow: none;\n\n            small {\n              color: $darker-text-color;\n            }\n          }\n        }\n      }\n\n      &__tabs {\n        display: flex;\n        justify-content: flex-start;\n        align-items: stretch;\n        height: 58px;\n\n        .details-counters {\n          display: flex;\n          flex-direction: row;\n          min-width: 300px;\n        }\n\n        @media screen and (max-width: $no-columns-breakpoint) {\n          .details-counters {\n            display: none;\n          }\n        }\n\n        .counter {\n          min-width: 33.3%;\n          box-sizing: border-box;\n          flex: 0 0 auto;\n          color: $darker-text-color;\n          padding: 10px;\n          border-right: 1px solid lighten($ui-base-color, 4%);\n          cursor: default;\n          text-align: center;\n          position: relative;\n\n          a {\n            display: block;\n          }\n\n          &:last-child {\n            border-right: 0;\n          }\n\n          &::after {\n            display: block;\n            content: \"\";\n            position: absolute;\n            bottom: 0;\n            left: 0;\n            width: 100%;\n            border-bottom: 4px solid $ui-primary-color;\n            opacity: 0.5;\n            transition: all 400ms ease;\n          }\n\n          &.active {\n            &::after {\n              border-bottom: 4px solid $highlight-text-color;\n              opacity: 1;\n            }\n\n            &.inactive::after {\n              border-bottom-color: $secondary-text-color;\n            }\n          }\n\n          &:hover {\n            &::after {\n              opacity: 1;\n              transition-duration: 100ms;\n            }\n          }\n\n          a {\n            text-decoration: none;\n            color: inherit;\n          }\n\n          .counter-label {\n            font-size: 12px;\n            display: block;\n          }\n\n          .counter-number {\n            font-weight: 500;\n            font-size: 18px;\n            margin-bottom: 5px;\n            color: $primary-text-color;\n            font-family: $font-display, sans-serif;\n          }\n        }\n\n        .spacer {\n          flex: 1 1 auto;\n          height: 1px;\n        }\n\n        &__buttons {\n          padding: 7px 8px;\n        }\n      }\n    }\n\n    &__extra {\n      display: none;\n      margin-top: 4px;\n\n      .public-account-bio {\n        border-radius: 0;\n        box-shadow: none;\n        background: transparent;\n        margin: 0 -5px;\n\n        .account__header__fields {\n          border-top: 1px solid lighten($ui-base-color, 12%);\n        }\n\n        .roles {\n          display: none;\n        }\n      }\n\n      &__links {\n        margin-top: -15px;\n        font-size: 14px;\n        color: $darker-text-color;\n\n        a {\n          display: inline-block;\n          color: $darker-text-color;\n          text-decoration: none;\n          padding: 15px;\n          font-weight: 500;\n\n          strong {\n            font-weight: 700;\n            color: $primary-text-color;\n          }\n        }\n      }\n\n      @media screen and (max-width: $no-columns-breakpoint) {\n        display: block;\n        flex: 100%;\n      }\n    }\n  }\n\n  .account__section-headline {\n    border-radius: 4px 4px 0 0;\n\n    @media screen and (max-width: $no-gap-breakpoint) {\n      border-radius: 0;\n    }\n  }\n\n  .detailed-status__meta {\n    margin-top: 25px;\n  }\n\n  .public-account-bio {\n    background: lighten($ui-base-color, 8%);\n    box-shadow: 0 0 15px rgba($base-shadow-color, 0.2);\n    border-radius: 4px;\n    overflow: hidden;\n    margin-bottom: 10px;\n\n    @media screen and (max-width: $no-gap-breakpoint) {\n      box-shadow: none;\n      margin-bottom: 0;\n      border-radius: 0;\n    }\n\n    .account__header__fields {\n      margin: 0;\n      border-top: 0;\n\n      a {\n        color: lighten($ui-highlight-color, 8%);\n      }\n\n      dl:first-child .verified {\n        border-radius: 0 4px 0 0;\n      }\n\n      .verified a {\n        color: $valid-value-color;\n      }\n    }\n\n    .account__header__content {\n      padding: 20px;\n      padding-bottom: 0;\n      color: $primary-text-color;\n    }\n\n    &__extra,\n    .roles {\n      padding: 20px;\n      font-size: 14px;\n      color: $darker-text-color;\n    }\n\n    .roles {\n      padding-bottom: 0;\n    }\n  }\n\n  .directory__list {\n    display: grid;\n    grid-gap: 10px;\n    grid-template-columns: minmax(0, 50%) minmax(0, 50%);\n\n    @media screen and (max-width: $no-gap-breakpoint) {\n      display: block;\n    }\n\n    .icon-button {\n      font-size: 18px;\n    }\n  }\n\n  .directory__card {\n    margin-bottom: 0;\n  }\n\n  .card-grid {\n    display: flex;\n    flex-wrap: wrap;\n    min-width: 100%;\n    margin: 0 -5px;\n\n    & > div {\n      box-sizing: border-box;\n      flex: 1 0 auto;\n      width: 300px;\n      padding: 0 5px;\n      margin-bottom: 10px;\n      max-width: 33.333%;\n\n      @media screen and (max-width: 900px) {\n        max-width: 50%;\n      }\n\n      @media screen and (max-width: 600px) {\n        max-width: 100%;\n      }\n    }\n\n    @media screen and (max-width: $no-gap-breakpoint) {\n      margin: 0;\n      border-top: 1px solid lighten($ui-base-color, 8%);\n\n      & > div {\n        width: 100%;\n        padding: 0;\n        margin-bottom: 0;\n        border-bottom: 1px solid lighten($ui-base-color, 8%);\n\n        &:last-child {\n          border-bottom: 0;\n        }\n\n        .card__bar {\n          background: $ui-base-color;\n\n          &:hover,\n          &:active,\n          &:focus {\n            background: lighten($ui-base-color, 4%);\n          }\n        }\n      }\n    }\n  }\n}\n",".no-list {\n  list-style: none;\n\n  li {\n    display: inline-block;\n    margin: 0 5px;\n  }\n}\n\n.recovery-codes {\n  list-style: none;\n  margin: 0 auto;\n\n  li {\n    font-size: 125%;\n    line-height: 1.5;\n    letter-spacing: 1px;\n  }\n}\n",".public-layout {\n  .footer {\n    text-align: left;\n    padding-top: 20px;\n    padding-bottom: 60px;\n    font-size: 12px;\n    color: lighten($ui-base-color, 34%);\n\n    @media screen and (max-width: $no-gap-breakpoint) {\n      padding-left: 20px;\n      padding-right: 20px;\n    }\n\n    .grid {\n      display: grid;\n      grid-gap: 10px;\n      grid-template-columns: 1fr 1fr 2fr 1fr 1fr;\n\n      .column-0 {\n        grid-column: 1;\n        grid-row: 1;\n        min-width: 0;\n      }\n\n      .column-1 {\n        grid-column: 2;\n        grid-row: 1;\n        min-width: 0;\n      }\n\n      .column-2 {\n        grid-column: 3;\n        grid-row: 1;\n        min-width: 0;\n        text-align: center;\n\n        h4 a {\n          color: lighten($ui-base-color, 34%);\n        }\n      }\n\n      .column-3 {\n        grid-column: 4;\n        grid-row: 1;\n        min-width: 0;\n      }\n\n      .column-4 {\n        grid-column: 5;\n        grid-row: 1;\n        min-width: 0;\n      }\n\n      @media screen and (max-width: 690px) {\n        grid-template-columns: 1fr 2fr 1fr;\n\n        .column-0,\n        .column-1 {\n          grid-column: 1;\n        }\n\n        .column-1 {\n          grid-row: 2;\n        }\n\n        .column-2 {\n          grid-column: 2;\n        }\n\n        .column-3,\n        .column-4 {\n          grid-column: 3;\n        }\n\n        .column-4 {\n          grid-row: 2;\n        }\n      }\n\n      @media screen and (max-width: 600px) {\n        .column-1 {\n          display: block;\n        }\n      }\n\n      @media screen and (max-width: $no-gap-breakpoint) {\n        .column-0,\n        .column-1,\n        .column-3,\n        .column-4 {\n          display: none;\n        }\n      }\n    }\n\n    h4 {\n      font-weight: 700;\n      margin-bottom: 8px;\n      color: $darker-text-color;\n\n      a {\n        color: inherit;\n        text-decoration: none;\n      }\n    }\n\n    ul a {\n      text-decoration: none;\n      color: lighten($ui-base-color, 34%);\n\n      &:hover,\n      &:active,\n      &:focus {\n        text-decoration: underline;\n      }\n    }\n\n    .brand {\n      svg {\n        display: block;\n        height: 36px;\n        width: auto;\n        margin: 0 auto;\n        fill: lighten($ui-base-color, 34%);\n      }\n\n      &:hover,\n      &:focus,\n      &:active {\n        svg {\n          fill: lighten($ui-base-color, 38%);\n        }\n      }\n    }\n  }\n}\n",".compact-header {\n  h1 {\n    font-size: 24px;\n    line-height: 28px;\n    color: $darker-text-color;\n    font-weight: 500;\n    margin-bottom: 20px;\n    padding: 0 10px;\n    word-wrap: break-word;\n\n    @media screen and (max-width: 740px) {\n      text-align: center;\n      padding: 20px 10px 0;\n    }\n\n    a {\n      color: inherit;\n      text-decoration: none;\n    }\n\n    small {\n      font-weight: 400;\n      color: $secondary-text-color;\n    }\n\n    img {\n      display: inline-block;\n      margin-bottom: -5px;\n      margin-right: 15px;\n      width: 36px;\n      height: 36px;\n    }\n  }\n}\n",".hero-widget {\n  margin-bottom: 10px;\n  box-shadow: 0 0 15px rgba($base-shadow-color, 0.2);\n\n  &__img {\n    width: 100%;\n    position: relative;\n    overflow: hidden;\n    border-radius: 4px 4px 0 0;\n    background: $base-shadow-color;\n\n    img {\n      object-fit: cover;\n      display: block;\n      width: 100%;\n      height: 100%;\n      margin: 0;\n      border-radius: 4px 4px 0 0;\n    }\n  }\n\n  &__text {\n    background: $ui-base-color;\n    padding: 20px;\n    border-radius: 0 0 4px 4px;\n    font-size: 15px;\n    color: $darker-text-color;\n    line-height: 20px;\n    word-wrap: break-word;\n    font-weight: 400;\n\n    .emojione {\n      width: 20px;\n      height: 20px;\n      margin: -3px 0 0;\n    }\n\n    p {\n      margin-bottom: 20px;\n\n      &:last-child {\n        margin-bottom: 0;\n      }\n    }\n\n    em {\n      display: inline;\n      margin: 0;\n      padding: 0;\n      font-weight: 700;\n      background: transparent;\n      font-family: inherit;\n      font-size: inherit;\n      line-height: inherit;\n      color: lighten($darker-text-color, 10%);\n    }\n\n    a {\n      color: $secondary-text-color;\n      text-decoration: none;\n\n      &:hover {\n        text-decoration: underline;\n      }\n    }\n  }\n\n  @media screen and (max-width: $no-gap-breakpoint) {\n    display: none;\n  }\n}\n\n.endorsements-widget {\n  margin-bottom: 10px;\n  padding-bottom: 10px;\n\n  h4 {\n    padding: 10px;\n    font-weight: 700;\n    font-size: 14px;\n    color: $darker-text-color;\n  }\n\n  .account {\n    padding: 10px 0;\n\n    &:last-child {\n      border-bottom: 0;\n    }\n\n    .account__display-name {\n      display: flex;\n      align-items: center;\n    }\n\n    .account__avatar {\n      width: 44px;\n      height: 44px;\n      background-size: 44px 44px;\n    }\n  }\n\n  .trends__item {\n    padding: 10px;\n  }\n}\n\n.trends-widget {\n  h4 {\n    color: $darker-text-color;\n  }\n}\n\n.box-widget {\n  padding: 20px;\n  border-radius: 4px;\n  background: $ui-base-color;\n  box-shadow: 0 0 15px rgba($base-shadow-color, 0.2);\n}\n\n.placeholder-widget {\n  padding: 16px;\n  border-radius: 4px;\n  border: 2px dashed $dark-text-color;\n  text-align: center;\n  color: $darker-text-color;\n  margin-bottom: 10px;\n}\n\n.contact-widget {\n  min-height: 100%;\n  font-size: 15px;\n  color: $darker-text-color;\n  line-height: 20px;\n  word-wrap: break-word;\n  font-weight: 400;\n  padding: 0;\n\n  h4 {\n    padding: 10px;\n    font-weight: 700;\n    font-size: 14px;\n    color: $darker-text-color;\n  }\n\n  .account {\n    border-bottom: 0;\n    padding: 10px 0;\n    padding-top: 5px;\n  }\n\n  & > a {\n    display: inline-block;\n    padding: 10px;\n    padding-top: 0;\n    color: $darker-text-color;\n    text-decoration: none;\n    white-space: nowrap;\n    overflow: hidden;\n    text-overflow: ellipsis;\n\n    &:hover,\n    &:focus,\n    &:active {\n      text-decoration: underline;\n    }\n  }\n}\n\n.moved-account-widget {\n  padding: 15px;\n  padding-bottom: 20px;\n  border-radius: 4px;\n  background: $ui-base-color;\n  box-shadow: 0 0 15px rgba($base-shadow-color, 0.2);\n  color: $secondary-text-color;\n  font-weight: 400;\n  margin-bottom: 10px;\n\n  strong,\n  a {\n    font-weight: 500;\n\n    @each $lang in $cjk-langs {\n      &:lang(#{$lang}) {\n        font-weight: 700;\n      }\n    }\n  }\n\n  a {\n    color: inherit;\n    text-decoration: underline;\n\n    &.mention {\n      text-decoration: none;\n\n      span {\n        text-decoration: none;\n      }\n\n      &:focus,\n      &:hover,\n      &:active {\n        text-decoration: none;\n\n        span {\n          text-decoration: underline;\n        }\n      }\n    }\n  }\n\n  &__message {\n    margin-bottom: 15px;\n\n    .fa {\n      margin-right: 5px;\n      color: $darker-text-color;\n    }\n  }\n\n  &__card {\n    .detailed-status__display-avatar {\n      position: relative;\n      cursor: pointer;\n    }\n\n    .detailed-status__display-name {\n      margin-bottom: 0;\n      text-decoration: none;\n\n      span {\n        font-weight: 400;\n      }\n    }\n  }\n}\n\n.memoriam-widget {\n  padding: 20px;\n  border-radius: 4px;\n  background: $base-shadow-color;\n  box-shadow: 0 0 15px rgba($base-shadow-color, 0.2);\n  font-size: 14px;\n  color: $darker-text-color;\n  margin-bottom: 10px;\n}\n\n.page-header {\n  background: lighten($ui-base-color, 8%);\n  box-shadow: 0 0 15px rgba($base-shadow-color, 0.2);\n  border-radius: 4px;\n  padding: 60px 15px;\n  text-align: center;\n  margin: 10px 0;\n\n  h1 {\n    color: $primary-text-color;\n    font-size: 36px;\n    line-height: 1.1;\n    font-weight: 700;\n    margin-bottom: 10px;\n  }\n\n  p {\n    font-size: 15px;\n    color: $darker-text-color;\n  }\n\n  @media screen and (max-width: $no-gap-breakpoint) {\n    margin-top: 0;\n    background: lighten($ui-base-color, 4%);\n\n    h1 {\n      font-size: 24px;\n    }\n  }\n}\n\n.directory {\n  background: $ui-base-color;\n  border-radius: 4px;\n  box-shadow: 0 0 15px rgba($base-shadow-color, 0.2);\n\n  &__tag {\n    box-sizing: border-box;\n    margin-bottom: 10px;\n\n    & > a,\n    & > div {\n      display: flex;\n      align-items: center;\n      justify-content: space-between;\n      background: $ui-base-color;\n      border-radius: 4px;\n      padding: 15px;\n      text-decoration: none;\n      color: inherit;\n      box-shadow: 0 0 15px rgba($base-shadow-color, 0.2);\n    }\n\n    & > a {\n      &:hover,\n      &:active,\n      &:focus {\n        background: lighten($ui-base-color, 8%);\n      }\n    }\n\n    &.active > a {\n      background: $ui-highlight-color;\n      cursor: default;\n    }\n\n    &.disabled > div {\n      opacity: 0.5;\n      cursor: default;\n    }\n\n    h4 {\n      flex: 1 1 auto;\n      font-size: 18px;\n      font-weight: 700;\n      color: $primary-text-color;\n      white-space: nowrap;\n      overflow: hidden;\n      text-overflow: ellipsis;\n\n      .fa {\n        color: $darker-text-color;\n      }\n\n      small {\n        display: block;\n        font-weight: 400;\n        font-size: 15px;\n        margin-top: 8px;\n        color: $darker-text-color;\n      }\n    }\n\n    &.active h4 {\n      &,\n      .fa,\n      small,\n      .trends__item__current {\n        color: $primary-text-color;\n      }\n    }\n\n    .avatar-stack {\n      flex: 0 0 auto;\n      width: (36px + 4px) * 3;\n    }\n\n    &.active .avatar-stack .account__avatar {\n      border-color: $ui-highlight-color;\n    }\n\n    .trends__item__current {\n      padding-right: 0;\n    }\n  }\n}\n\n.avatar-stack {\n  display: flex;\n  justify-content: flex-end;\n\n  .account__avatar {\n    flex: 0 0 auto;\n    width: 36px;\n    height: 36px;\n    border-radius: 50%;\n    position: relative;\n    margin-left: -10px;\n    background: darken($ui-base-color, 8%);\n    border: 2px solid $ui-base-color;\n\n    &:nth-child(1) {\n      z-index: 1;\n    }\n\n    &:nth-child(2) {\n      z-index: 2;\n    }\n\n    &:nth-child(3) {\n      z-index: 3;\n    }\n  }\n}\n\n.accounts-table {\n  width: 100%;\n\n  .account {\n    padding: 0;\n    border: 0;\n  }\n\n  strong {\n    font-weight: 700;\n  }\n\n  thead th {\n    text-align: center;\n    color: $darker-text-color;\n    font-weight: 700;\n    padding: 10px;\n\n    &:first-child {\n      text-align: left;\n    }\n  }\n\n  tbody td {\n    padding: 15px 0;\n    vertical-align: middle;\n    border-bottom: 1px solid lighten($ui-base-color, 8%);\n  }\n\n  tbody tr:last-child td {\n    border-bottom: 0;\n  }\n\n  &__count {\n    width: 120px;\n    text-align: center;\n    font-size: 15px;\n    font-weight: 500;\n    color: $primary-text-color;\n\n    small {\n      display: block;\n      color: $darker-text-color;\n      font-weight: 400;\n      font-size: 14px;\n    }\n  }\n\n  &__comment {\n    width: 50%;\n    vertical-align: initial !important;\n  }\n\n  @media screen and (max-width: $no-gap-breakpoint) {\n    tbody td.optional {\n      display: none;\n    }\n  }\n}\n\n.moved-account-widget,\n.memoriam-widget,\n.box-widget,\n.contact-widget,\n.landing-page__information.contact-widget,\n.directory,\n.page-header {\n  @media screen and (max-width: $no-gap-breakpoint) {\n    margin-bottom: 0;\n    box-shadow: none;\n    border-radius: 0;\n  }\n}\n\n$maximum-width: 1235px;\n$fluid-breakpoint: $maximum-width + 20px;\n\n.statuses-grid {\n  min-height: 600px;\n\n  @media screen and (max-width: 640px) {\n    width: 100% !important; // Masonry layout is unnecessary at this width\n  }\n\n  &__item {\n    width: (960px - 20px) / 3;\n\n    @media screen and (max-width: $fluid-breakpoint) {\n      width: (940px - 20px) / 3;\n    }\n\n    @media screen and (max-width: 640px) {\n      width: 100%;\n    }\n\n    @media screen and (max-width: $no-gap-breakpoint) {\n      width: 100vw;\n    }\n  }\n\n  .detailed-status {\n    border-radius: 4px;\n\n    @media screen and (max-width: $no-gap-breakpoint) {\n      border-top: 1px solid lighten($ui-base-color, 16%);\n    }\n\n    &.compact {\n      .detailed-status__meta {\n        margin-top: 15px;\n      }\n\n      .status__content {\n        font-size: 15px;\n        line-height: 20px;\n\n        .emojione {\n          width: 20px;\n          height: 20px;\n          margin: -3px 0 0;\n        }\n\n        .status__content__spoiler-link {\n          line-height: 20px;\n          margin: 0;\n        }\n      }\n\n      .media-gallery,\n      .status-card,\n      .video-player {\n        margin-top: 15px;\n      }\n    }\n  }\n}\n\n.notice-widget {\n  margin-bottom: 10px;\n  color: $darker-text-color;\n\n  p {\n    margin-bottom: 10px;\n\n    &:last-child {\n      margin-bottom: 0;\n    }\n  }\n\n  a {\n    font-size: 14px;\n    line-height: 20px;\n  }\n}\n\n.notice-widget,\n.placeholder-widget {\n  a {\n    text-decoration: none;\n    font-weight: 500;\n    color: $ui-highlight-color;\n\n    &:hover,\n    &:focus,\n    &:active {\n      text-decoration: underline;\n    }\n  }\n}\n\n.table-of-contents {\n  background: darken($ui-base-color, 4%);\n  min-height: 100%;\n  font-size: 14px;\n  border-radius: 4px;\n\n  li a {\n    display: block;\n    font-weight: 500;\n    padding: 15px;\n    overflow: hidden;\n    white-space: nowrap;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    text-decoration: none;\n    color: $primary-text-color;\n    border-bottom: 1px solid lighten($ui-base-color, 4%);\n\n    &:hover,\n    &:focus,\n    &:active {\n      text-decoration: underline;\n    }\n  }\n\n  li:last-child a {\n    border-bottom: 0;\n  }\n\n  li ul {\n    padding-left: 20px;\n    border-bottom: 1px solid lighten($ui-base-color, 4%);\n  }\n}\n","// Commonly used web colors\n$black: #000000;            // Black\n$white: #ffffff;            // White\n$success-green: #79bd9a !default;    // Padua\n$error-red: #df405a !default;        // Cerise\n$warning-red: #ff5050 !default;      // Sunset Orange\n$gold-star: #ca8f04 !default;        // Dark Goldenrod\n\n$red-bookmark: $warning-red;\n\n// Pleroma-Dark colors\n$pleroma-bg: #121a24;\n$pleroma-fg: #182230;\n$pleroma-text: #b9b9ba;\n$pleroma-links: #d8a070;\n\n// Values from the classic Mastodon UI\n$classic-base-color: $pleroma-bg;\n$classic-primary-color: #9baec8;\n$classic-secondary-color: #d9e1e8;\n$classic-highlight-color: #d8a070;\n\n// Variables for defaults in UI\n$base-shadow-color: $black !default;\n$base-overlay-background: $black !default;\n$base-border-color: $white !default;\n$simple-background-color: $white !default;\n$valid-value-color: $success-green !default;\n$error-value-color: $error-red !default;\n\n// Tell UI to use selected colors\n$ui-base-color: $classic-base-color !default;                  // Darkest\n$ui-base-lighter-color: lighten($ui-base-color, 26%) !default; // Lighter darkest\n$ui-primary-color: $classic-primary-color !default;            // Lighter\n$ui-secondary-color: $classic-secondary-color !default;        // Lightest\n$ui-highlight-color: $classic-highlight-color !default;\n\n// Variables for texts\n$primary-text-color: $white !default;\n$darker-text-color: $ui-primary-color !default;\n$dark-text-color: $ui-base-lighter-color !default;\n$secondary-text-color: $ui-secondary-color !default;\n$highlight-text-color: $ui-highlight-color !default;\n$action-button-color: $ui-base-lighter-color !default;\n// For texts on inverted backgrounds\n$inverted-text-color: $ui-base-color !default;\n$lighter-text-color: $ui-base-lighter-color !default;\n$light-text-color: $ui-primary-color !default;\n\n// Language codes that uses CJK fonts\n$cjk-langs: ja, ko, zh-CN, zh-HK, zh-TW;\n\n// Variables for components\n$media-modal-media-max-width: 100%;\n// put margins on top and bottom of image to avoid the screen covered by image.\n$media-modal-media-max-height: 80%;\n\n$no-gap-breakpoint: 415px;\n\n$font-sans-serif: 'mastodon-font-sans-serif' !default;\n$font-display: 'mastodon-font-display' !default;\n$font-monospace: 'mastodon-font-monospace' !default;\n","$no-columns-breakpoint: 600px;\n\ncode {\n  font-family: $font-monospace, monospace;\n  font-weight: 400;\n}\n\n.form-container {\n  max-width: 400px;\n  padding: 20px;\n  margin: 0 auto;\n}\n\n.simple_form {\n  .input {\n    margin-bottom: 15px;\n    overflow: hidden;\n\n    &.hidden {\n      margin: 0;\n    }\n\n    &.radio_buttons {\n      .radio {\n        margin-bottom: 15px;\n\n        &:last-child {\n          margin-bottom: 0;\n        }\n      }\n\n      .radio > label {\n        position: relative;\n        padding-left: 28px;\n\n        input {\n          position: absolute;\n          top: -2px;\n          left: 0;\n        }\n      }\n    }\n\n    &.boolean {\n      position: relative;\n      margin-bottom: 0;\n\n      .label_input > label {\n        font-family: inherit;\n        font-size: 14px;\n        padding-top: 5px;\n        color: $primary-text-color;\n        display: block;\n        width: auto;\n      }\n\n      .label_input,\n      .hint {\n        padding-left: 28px;\n      }\n\n      .label_input__wrapper {\n        position: static;\n      }\n\n      label.checkbox {\n        position: absolute;\n        top: 2px;\n        left: 0;\n      }\n\n      label a {\n        color: $highlight-text-color;\n        text-decoration: underline;\n\n        &:hover,\n        &:active,\n        &:focus {\n          text-decoration: none;\n        }\n      }\n\n      .recommended {\n        position: absolute;\n        margin: 0 4px;\n        margin-top: -2px;\n      }\n    }\n  }\n\n  .row {\n    display: flex;\n    margin: 0 -5px;\n\n    .input {\n      box-sizing: border-box;\n      flex: 1 1 auto;\n      width: 50%;\n      padding: 0 5px;\n    }\n  }\n\n  .hint {\n    color: $darker-text-color;\n\n    a {\n      color: $highlight-text-color;\n    }\n\n    code {\n      border-radius: 3px;\n      padding: 0.2em 0.4em;\n      background: darken($ui-base-color, 12%);\n    }\n\n    li {\n      list-style: disc;\n      margin-left: 18px;\n    }\n  }\n\n  ul.hint {\n    margin-bottom: 15px;\n  }\n\n  span.hint {\n    display: block;\n    font-size: 12px;\n    margin-top: 4px;\n  }\n\n  p.hint {\n    margin-bottom: 15px;\n    color: $darker-text-color;\n\n    &.subtle-hint {\n      text-align: center;\n      font-size: 12px;\n      line-height: 18px;\n      margin-top: 15px;\n      margin-bottom: 0;\n    }\n  }\n\n  .card {\n    margin-bottom: 15px;\n  }\n\n  strong {\n    font-weight: 500;\n\n    @each $lang in $cjk-langs {\n      &:lang(#{$lang}) {\n        font-weight: 700;\n      }\n    }\n  }\n\n  .input.with_floating_label {\n    .label_input {\n      display: flex;\n\n      & > label {\n        font-family: inherit;\n        font-size: 14px;\n        color: $primary-text-color;\n        font-weight: 500;\n        min-width: 150px;\n        flex: 0 0 auto;\n      }\n\n      input,\n      select {\n        flex: 1 1 auto;\n      }\n    }\n\n    &.select .hint {\n      margin-top: 6px;\n      margin-left: 150px;\n    }\n  }\n\n  .input.with_label {\n    .label_input > label {\n      font-family: inherit;\n      font-size: 14px;\n      color: $primary-text-color;\n      display: block;\n      margin-bottom: 8px;\n      word-wrap: break-word;\n      font-weight: 500;\n    }\n\n    .hint {\n      margin-top: 6px;\n    }\n\n    ul {\n      flex: 390px;\n    }\n  }\n\n  .input.with_block_label {\n    max-width: none;\n\n    & > label {\n      font-family: inherit;\n      font-size: 16px;\n      color: $primary-text-color;\n      display: block;\n      font-weight: 500;\n      padding-top: 5px;\n    }\n\n    .hint {\n      margin-bottom: 15px;\n    }\n\n    ul {\n      columns: 2;\n    }\n  }\n\n  .required abbr {\n    text-decoration: none;\n    color: lighten($error-value-color, 12%);\n  }\n\n  .fields-group {\n    margin-bottom: 25px;\n\n    .input:last-child {\n      margin-bottom: 0;\n    }\n  }\n\n  .fields-row {\n    display: flex;\n    margin: 0 -10px;\n    padding-top: 5px;\n    margin-bottom: 25px;\n\n    .input {\n      max-width: none;\n    }\n\n    &__column {\n      box-sizing: border-box;\n      padding: 0 10px;\n      flex: 1 1 auto;\n      min-height: 1px;\n\n      &-6 {\n        max-width: 50%;\n      }\n\n      .actions {\n        margin-top: 27px;\n      }\n    }\n\n    .fields-group:last-child,\n    .fields-row__column.fields-group {\n      margin-bottom: 0;\n    }\n\n    @media screen and (max-width: $no-columns-breakpoint) {\n      display: block;\n      margin-bottom: 0;\n\n      &__column {\n        max-width: none;\n      }\n\n      .fields-group:last-child,\n      .fields-row__column.fields-group,\n      .fields-row__column {\n        margin-bottom: 25px;\n      }\n    }\n  }\n\n  .input.radio_buttons .radio label {\n    margin-bottom: 5px;\n    font-family: inherit;\n    font-size: 14px;\n    color: $primary-text-color;\n    display: block;\n    width: auto;\n  }\n\n  .check_boxes {\n    .checkbox {\n      label {\n        font-family: inherit;\n        font-size: 14px;\n        color: $primary-text-color;\n        display: inline-block;\n        width: auto;\n        position: relative;\n        padding-top: 5px;\n        padding-left: 25px;\n        flex: 1 1 auto;\n      }\n\n      input[type=checkbox] {\n        position: absolute;\n        left: 0;\n        top: 5px;\n        margin: 0;\n      }\n    }\n  }\n\n  .input.static .label_input__wrapper {\n    font-size: 16px;\n    padding: 10px;\n    border: 1px solid $dark-text-color;\n    border-radius: 4px;\n  }\n\n  input[type=text],\n  input[type=number],\n  input[type=email],\n  input[type=password],\n  textarea {\n    box-sizing: border-box;\n    font-size: 16px;\n    color: $primary-text-color;\n    display: block;\n    width: 100%;\n    outline: 0;\n    font-family: inherit;\n    resize: vertical;\n    background: darken($ui-base-color, 10%);\n    border: 1px solid darken($ui-base-color, 14%);\n    border-radius: 4px;\n    padding: 10px;\n\n    &::placeholder {\n      color: lighten($darker-text-color, 4%);\n    }\n\n    &:invalid {\n      box-shadow: none;\n    }\n\n    &:focus:invalid:not(:placeholder-shown) {\n      border-color: lighten($error-red, 12%);\n    }\n\n    &:required:valid {\n      border-color: $valid-value-color;\n    }\n\n    &:hover {\n      border-color: darken($ui-base-color, 20%);\n    }\n\n    &:active,\n    &:focus {\n      border-color: $highlight-text-color;\n      background: darken($ui-base-color, 8%);\n    }\n  }\n\n  .input.field_with_errors {\n    label {\n      color: lighten($error-red, 12%);\n    }\n\n    input[type=text],\n    input[type=number],\n    input[type=email],\n    input[type=password],\n    textarea,\n    select {\n      border-color: lighten($error-red, 12%);\n    }\n\n    .error {\n      display: block;\n      font-weight: 500;\n      color: lighten($error-red, 12%);\n      margin-top: 4px;\n    }\n  }\n\n  .input.disabled {\n    opacity: 0.5;\n  }\n\n  .actions {\n    margin-top: 30px;\n    display: flex;\n\n    &.actions--top {\n      margin-top: 0;\n      margin-bottom: 30px;\n    }\n  }\n\n  button,\n  .button,\n  .block-button {\n    display: block;\n    width: 100%;\n    border: 0;\n    border-radius: 4px;\n    background: $ui-highlight-color;\n    color: $primary-text-color;\n    font-size: 18px;\n    line-height: inherit;\n    height: auto;\n    padding: 10px;\n    text-decoration: none;\n    text-align: center;\n    box-sizing: border-box;\n    cursor: pointer;\n    font-weight: 500;\n    outline: 0;\n    margin-bottom: 10px;\n    margin-right: 10px;\n\n    &:last-child {\n      margin-right: 0;\n    }\n\n    &:hover {\n      background-color: lighten($ui-highlight-color, 5%);\n    }\n\n    &:active,\n    &:focus {\n      background-color: darken($ui-highlight-color, 5%);\n    }\n\n    &:disabled:hover {\n      background-color: $ui-primary-color;\n    }\n\n    &.negative {\n      background: $error-value-color;\n\n      &:hover {\n        background-color: lighten($error-value-color, 5%);\n      }\n\n      &:active,\n      &:focus {\n        background-color: darken($error-value-color, 5%);\n      }\n    }\n  }\n\n  select {\n    appearance: none;\n    box-sizing: border-box;\n    font-size: 16px;\n    color: $primary-text-color;\n    display: block;\n    width: 100%;\n    outline: 0;\n    font-family: inherit;\n    resize: vertical;\n    background: darken($ui-base-color, 10%) url(\"data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14.933 18.467' height='19.698' width='15.929'><path d='M3.467 14.967l-3.393-3.5H14.86l-3.392 3.5c-1.866 1.925-3.666 3.5-4 3.5-.335 0-2.135-1.575-4-3.5zm.266-11.234L7.467 0 11.2 3.733l3.733 3.734H0l3.733-3.734z' fill='#{hex-color(lighten($ui-base-color, 12%))}'/></svg>\") no-repeat right 8px center / auto 16px;\n    border: 1px solid darken($ui-base-color, 14%);\n    border-radius: 4px;\n    padding-left: 10px;\n    padding-right: 30px;\n    height: 41px;\n  }\n\n  h4 {\n    margin-bottom: 15px !important;\n  }\n\n  .label_input {\n    &__wrapper {\n      position: relative;\n    }\n\n    &__append {\n      position: absolute;\n      right: 3px;\n      top: 1px;\n      padding: 10px;\n      padding-bottom: 9px;\n      font-size: 16px;\n      color: $dark-text-color;\n      font-family: inherit;\n      pointer-events: none;\n      cursor: default;\n      max-width: 140px;\n      white-space: nowrap;\n      overflow: hidden;\n\n      &::after {\n        content: '';\n        display: block;\n        position: absolute;\n        top: 0;\n        right: 0;\n        bottom: 1px;\n        width: 5px;\n        background-image: linear-gradient(to right, rgba(darken($ui-base-color, 10%), 0), darken($ui-base-color, 10%));\n      }\n    }\n  }\n\n  &__overlay-area {\n    position: relative;\n\n    &__blurred form {\n      filter: blur(2px);\n    }\n\n    &__overlay {\n      position: absolute;\n      top: 0;\n      left: 0;\n      width: 100%;\n      height: 100%;\n      display: flex;\n      justify-content: center;\n      align-items: center;\n      background: rgba($ui-base-color, 0.65);\n      border-radius: 4px;\n      margin-left: -4px;\n      margin-top: -4px;\n      padding: 4px;\n\n      &__content {\n        text-align: center;\n\n        &.rich-formatting {\n          &,\n          p {\n            color: $primary-text-color;\n          }\n        }\n      }\n    }\n  }\n}\n\n.block-icon {\n  display: block;\n  margin: 0 auto;\n  margin-bottom: 10px;\n  font-size: 24px;\n}\n\n.flash-message {\n  background: lighten($ui-base-color, 8%);\n  color: $darker-text-color;\n  border-radius: 4px;\n  padding: 15px 10px;\n  margin-bottom: 30px;\n  text-align: center;\n\n  &.notice {\n    border: 1px solid rgba($valid-value-color, 0.5);\n    background: rgba($valid-value-color, 0.25);\n    color: $valid-value-color;\n  }\n\n  &.alert {\n    border: 1px solid rgba($error-value-color, 0.5);\n    background: rgba($error-value-color, 0.25);\n    color: $error-value-color;\n  }\n\n  a {\n    display: inline-block;\n    color: $darker-text-color;\n    text-decoration: none;\n\n    &:hover {\n      color: $primary-text-color;\n      text-decoration: underline;\n    }\n  }\n\n  p {\n    margin-bottom: 15px;\n  }\n\n  .oauth-code {\n    outline: 0;\n    box-sizing: border-box;\n    display: block;\n    width: 100%;\n    border: 0;\n    padding: 10px;\n    font-family: $font-monospace, monospace;\n    background: $ui-base-color;\n    color: $primary-text-color;\n    font-size: 14px;\n    margin: 0;\n\n    &::-moz-focus-inner {\n      border: 0;\n    }\n\n    &::-moz-focus-inner,\n    &:focus,\n    &:active {\n      outline: 0 !important;\n    }\n\n    &:focus {\n      background: lighten($ui-base-color, 4%);\n    }\n  }\n\n  strong {\n    font-weight: 500;\n\n    @each $lang in $cjk-langs {\n      &:lang(#{$lang}) {\n        font-weight: 700;\n      }\n    }\n  }\n\n  @media screen and (max-width: 740px) and (min-width: 441px) {\n    margin-top: 40px;\n  }\n}\n\n.form-footer {\n  margin-top: 30px;\n  text-align: center;\n\n  a {\n    color: $darker-text-color;\n    text-decoration: none;\n\n    &:hover {\n      text-decoration: underline;\n    }\n  }\n}\n\n.quick-nav {\n  list-style: none;\n  margin-bottom: 25px;\n  font-size: 14px;\n\n  li {\n    display: inline-block;\n    margin-right: 10px;\n  }\n\n  a {\n    color: $highlight-text-color;\n    text-decoration: none;\n    font-weight: 700;\n\n    &:hover,\n    &:focus,\n    &:active {\n      color: lighten($highlight-text-color, 8%);\n    }\n  }\n}\n\n.oauth-prompt,\n.follow-prompt {\n  margin-bottom: 30px;\n  color: $darker-text-color;\n\n  h2 {\n    font-size: 16px;\n    margin-bottom: 30px;\n    text-align: center;\n  }\n\n  strong {\n    color: $secondary-text-color;\n    font-weight: 500;\n\n    @each $lang in $cjk-langs {\n      &:lang(#{$lang}) {\n        font-weight: 700;\n      }\n    }\n  }\n\n  @media screen and (max-width: 740px) and (min-width: 441px) {\n    margin-top: 40px;\n  }\n}\n\n.qr-wrapper {\n  display: flex;\n  flex-wrap: wrap;\n  align-items: flex-start;\n}\n\n.qr-code {\n  flex: 0 0 auto;\n  background: $simple-background-color;\n  padding: 4px;\n  margin: 0 10px 20px 0;\n  box-shadow: 0 0 15px rgba($base-shadow-color, 0.2);\n  display: inline-block;\n\n  svg {\n    display: block;\n    margin: 0;\n  }\n}\n\n.qr-alternative {\n  margin-bottom: 20px;\n  color: $secondary-text-color;\n  flex: 150px;\n\n  samp {\n    display: block;\n    font-size: 14px;\n  }\n}\n\n.table-form {\n  p {\n    margin-bottom: 15px;\n\n    strong {\n      font-weight: 500;\n\n      @each $lang in $cjk-langs {\n        &:lang(#{$lang}) {\n          font-weight: 700;\n        }\n      }\n    }\n  }\n}\n\n.simple_form,\n.table-form {\n  .warning {\n    box-sizing: border-box;\n    background: rgba($error-value-color, 0.5);\n    color: $primary-text-color;\n    text-shadow: 1px 1px 0 rgba($base-shadow-color, 0.3);\n    box-shadow: 0 2px 6px rgba($base-shadow-color, 0.4);\n    border-radius: 4px;\n    padding: 10px;\n    margin-bottom: 15px;\n\n    a {\n      color: $primary-text-color;\n      text-decoration: underline;\n\n      &:hover,\n      &:focus,\n      &:active {\n        text-decoration: none;\n      }\n    }\n\n    strong {\n      font-weight: 600;\n      display: block;\n      margin-bottom: 5px;\n\n      @each $lang in $cjk-langs {\n        &:lang(#{$lang}) {\n          font-weight: 700;\n        }\n      }\n\n      .fa {\n        font-weight: 400;\n      }\n    }\n  }\n}\n\n.action-pagination {\n  display: flex;\n  flex-wrap: wrap;\n  align-items: center;\n\n  .actions,\n  .pagination {\n    flex: 1 1 auto;\n  }\n\n  .actions {\n    padding: 30px 0;\n    padding-right: 20px;\n    flex: 0 0 auto;\n  }\n}\n\n.post-follow-actions {\n  text-align: center;\n  color: $darker-text-color;\n\n  div {\n    margin-bottom: 4px;\n  }\n}\n\n.alternative-login {\n  margin-top: 20px;\n  margin-bottom: 20px;\n\n  h4 {\n    font-size: 16px;\n    color: $primary-text-color;\n    text-align: center;\n    margin-bottom: 20px;\n    border: 0;\n    padding: 0;\n  }\n\n  .button {\n    display: block;\n  }\n}\n\n.scope-danger {\n  color: $warning-red;\n}\n\n.form_admin_settings_site_short_description,\n.form_admin_settings_site_description,\n.form_admin_settings_site_extended_description,\n.form_admin_settings_site_terms,\n.form_admin_settings_custom_css,\n.form_admin_settings_closed_registrations_message {\n  textarea {\n    font-family: $font-monospace, monospace;\n  }\n}\n\n.input-copy {\n  background: darken($ui-base-color, 10%);\n  border: 1px solid darken($ui-base-color, 14%);\n  border-radius: 4px;\n  display: flex;\n  align-items: center;\n  padding-right: 4px;\n  position: relative;\n  top: 1px;\n  transition: border-color 300ms linear;\n\n  &__wrapper {\n    flex: 1 1 auto;\n  }\n\n  input[type=text] {\n    background: transparent;\n    border: 0;\n    padding: 10px;\n    font-size: 14px;\n    font-family: $font-monospace, monospace;\n  }\n\n  button {\n    flex: 0 0 auto;\n    margin: 4px;\n    text-transform: none;\n    font-weight: 400;\n    font-size: 14px;\n    padding: 7px 18px;\n    padding-bottom: 6px;\n    width: auto;\n    transition: background 300ms linear;\n  }\n\n  &.copied {\n    border-color: $valid-value-color;\n    transition: none;\n\n    button {\n      background: $valid-value-color;\n      transition: none;\n    }\n  }\n}\n\n.connection-prompt {\n  margin-bottom: 25px;\n\n  .fa-link {\n    background-color: darken($ui-base-color, 4%);\n    border-radius: 100%;\n    font-size: 24px;\n    padding: 10px;\n  }\n\n  &__column {\n    align-items: center;\n    display: flex;\n    flex: 1;\n    flex-direction: column;\n    flex-shrink: 1;\n    max-width: 50%;\n\n    &-sep {\n      align-self: center;\n      flex-grow: 0;\n      overflow: visible;\n      position: relative;\n      z-index: 1;\n    }\n\n    p {\n      word-break: break-word;\n    }\n  }\n\n  .account__avatar {\n    margin-bottom: 20px;\n  }\n\n  &__connection {\n    background-color: lighten($ui-base-color, 8%);\n    box-shadow: 0 0 15px rgba($base-shadow-color, 0.2);\n    border-radius: 4px;\n    padding: 25px 10px;\n    position: relative;\n    text-align: center;\n\n    &::after {\n      background-color: darken($ui-base-color, 4%);\n      content: '';\n      display: block;\n      height: 100%;\n      left: 50%;\n      position: absolute;\n      top: 0;\n      width: 1px;\n    }\n  }\n\n  &__row {\n    align-items: flex-start;\n    display: flex;\n    flex-direction: row;\n  }\n}\n",".card {\n  & > a {\n    display: block;\n    text-decoration: none;\n    color: inherit;\n    box-shadow: 0 0 15px rgba($base-shadow-color, 0.2);\n\n    @media screen and (max-width: $no-gap-breakpoint) {\n      box-shadow: none;\n    }\n\n    &:hover,\n    &:active,\n    &:focus {\n      .card__bar {\n        background: lighten($ui-base-color, 8%);\n      }\n    }\n  }\n\n  &__img {\n    height: 130px;\n    position: relative;\n    background: darken($ui-base-color, 12%);\n    border-radius: 4px 4px 0 0;\n\n    img {\n      display: block;\n      width: 100%;\n      height: 100%;\n      margin: 0;\n      object-fit: cover;\n      border-radius: 4px 4px 0 0;\n    }\n\n    @media screen and (max-width: 600px) {\n      height: 200px;\n    }\n\n    @media screen and (max-width: $no-gap-breakpoint) {\n      display: none;\n    }\n  }\n\n  &__bar {\n    position: relative;\n    padding: 15px;\n    display: flex;\n    justify-content: flex-start;\n    align-items: center;\n    background: lighten($ui-base-color, 4%);\n    border-radius: 0 0 4px 4px;\n\n    @media screen and (max-width: $no-gap-breakpoint) {\n      border-radius: 0;\n    }\n\n    .avatar {\n      flex: 0 0 auto;\n      width: 48px;\n      height: 48px;\n      padding-top: 2px;\n\n      img {\n        width: 100%;\n        height: 100%;\n        display: block;\n        margin: 0;\n        border-radius: 4px;\n        background: darken($ui-base-color, 8%);\n        object-fit: cover;\n      }\n    }\n\n    .display-name {\n      margin-left: 15px;\n      text-align: left;\n\n      strong {\n        font-size: 15px;\n        color: $primary-text-color;\n        font-weight: 500;\n        overflow: hidden;\n        text-overflow: ellipsis;\n      }\n\n      span {\n        display: block;\n        font-size: 14px;\n        color: $darker-text-color;\n        font-weight: 400;\n        overflow: hidden;\n        text-overflow: ellipsis;\n      }\n    }\n  }\n}\n\n.pagination {\n  padding: 30px 0;\n  text-align: center;\n  overflow: hidden;\n\n  a,\n  .current,\n  .newer,\n  .older,\n  .page,\n  .gap {\n    font-size: 14px;\n    color: $primary-text-color;\n    font-weight: 500;\n    display: inline-block;\n    padding: 6px 10px;\n    text-decoration: none;\n  }\n\n  .current {\n    background: $simple-background-color;\n    border-radius: 100px;\n    color: $inverted-text-color;\n    cursor: default;\n    margin: 0 10px;\n  }\n\n  .gap {\n    cursor: default;\n  }\n\n  .older,\n  .newer {\n    color: $secondary-text-color;\n  }\n\n  .older {\n    float: left;\n    padding-left: 0;\n\n    .fa {\n      display: inline-block;\n      margin-right: 5px;\n    }\n  }\n\n  .newer {\n    float: right;\n    padding-right: 0;\n\n    .fa {\n      display: inline-block;\n      margin-left: 5px;\n    }\n  }\n\n  .disabled {\n    cursor: default;\n    color: lighten($inverted-text-color, 10%);\n  }\n\n  @media screen and (max-width: 700px) {\n    padding: 30px 20px;\n\n    .page {\n      display: none;\n    }\n\n    .newer,\n    .older {\n      display: inline-block;\n    }\n  }\n}\n\n.nothing-here {\n  background: $ui-base-color;\n  box-shadow: 0 0 15px rgba($base-shadow-color, 0.2);\n  color: $light-text-color;\n  font-size: 14px;\n  font-weight: 500;\n  text-align: center;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  cursor: default;\n  border-radius: 4px;\n  padding: 20px;\n  min-height: 30vh;\n\n  &--under-tabs {\n    border-radius: 0 0 4px 4px;\n  }\n\n  &--flexible {\n    box-sizing: border-box;\n    min-height: 100%;\n  }\n}\n\n.account-role,\n.simple_form .recommended {\n  display: inline-block;\n  padding: 4px 6px;\n  cursor: default;\n  border-radius: 3px;\n  font-size: 12px;\n  line-height: 12px;\n  font-weight: 500;\n  color: $ui-secondary-color;\n  background-color: rgba($ui-secondary-color, 0.1);\n  border: 1px solid rgba($ui-secondary-color, 0.5);\n\n  &.moderator {\n    color: $success-green;\n    background-color: rgba($success-green, 0.1);\n    border-color: rgba($success-green, 0.5);\n  }\n\n  &.admin {\n    color: lighten($error-red, 12%);\n    background-color: rgba(lighten($error-red, 12%), 0.1);\n    border-color: rgba(lighten($error-red, 12%), 0.5);\n  }\n}\n\n.account__header__fields {\n  max-width: 100vw;\n  padding: 0;\n  margin: 15px -15px -15px;\n  border: 0 none;\n  border-top: 1px solid lighten($ui-base-color, 12%);\n  border-bottom: 1px solid lighten($ui-base-color, 12%);\n  font-size: 14px;\n  line-height: 20px;\n\n  dl {\n    display: flex;\n    border-bottom: 1px solid lighten($ui-base-color, 12%);\n  }\n\n  dt,\n  dd {\n    box-sizing: border-box;\n    padding: 14px;\n    text-align: center;\n    max-height: 48px;\n    overflow: hidden;\n    white-space: nowrap;\n    text-overflow: ellipsis;\n  }\n\n  dt {\n    font-weight: 500;\n    width: 120px;\n    flex: 0 0 auto;\n    color: $secondary-text-color;\n    background: rgba(darken($ui-base-color, 8%), 0.5);\n  }\n\n  dd {\n    flex: 1 1 auto;\n    color: $darker-text-color;\n  }\n\n  a {\n    color: $highlight-text-color;\n    text-decoration: none;\n\n    &:hover,\n    &:focus,\n    &:active {\n      text-decoration: underline;\n    }\n  }\n\n  .verified {\n    border: 1px solid rgba($valid-value-color, 0.5);\n    background: rgba($valid-value-color, 0.25);\n\n    a {\n      color: $valid-value-color;\n      font-weight: 500;\n    }\n\n    &__mark {\n      color: $valid-value-color;\n    }\n  }\n\n  dl:last-child {\n    border-bottom: 0;\n  }\n}\n\n.directory__tag .trends__item__current {\n  width: auto;\n}\n\n.pending-account {\n  &__header {\n    color: $darker-text-color;\n\n    a {\n      color: $ui-secondary-color;\n      text-decoration: none;\n\n      &:hover,\n      &:active,\n      &:focus {\n        text-decoration: underline;\n      }\n    }\n\n    strong {\n      color: $primary-text-color;\n      font-weight: 700;\n    }\n  }\n\n  &__body {\n    margin-top: 10px;\n  }\n}\n",".activity-stream {\n  box-shadow: 0 0 15px rgba($base-shadow-color, 0.2);\n  border-radius: 4px;\n  overflow: hidden;\n  margin-bottom: 10px;\n\n  &--under-tabs {\n    border-radius: 0 0 4px 4px;\n  }\n\n  @media screen and (max-width: $no-gap-breakpoint) {\n    margin-bottom: 0;\n    border-radius: 0;\n    box-shadow: none;\n  }\n\n  &--headless {\n    border-radius: 0;\n    margin: 0;\n    box-shadow: none;\n\n    .detailed-status,\n    .status {\n      border-radius: 0 !important;\n    }\n  }\n\n  div[data-component] {\n    width: 100%;\n  }\n\n  .entry {\n    background: $ui-base-color;\n\n    .detailed-status,\n    .status,\n    .load-more {\n      animation: none;\n    }\n\n    &:last-child {\n      .detailed-status,\n      .status,\n      .load-more {\n        border-bottom: 0;\n        border-radius: 0 0 4px 4px;\n      }\n    }\n\n    &:first-child {\n      .detailed-status,\n      .status,\n      .load-more {\n        border-radius: 4px 4px 0 0;\n      }\n\n      &:last-child {\n        .detailed-status,\n        .status,\n        .load-more {\n          border-radius: 4px;\n        }\n      }\n    }\n\n    @media screen and (max-width: 740px) {\n      .detailed-status,\n      .status,\n      .load-more {\n        border-radius: 0 !important;\n      }\n    }\n  }\n\n  &--highlighted .entry {\n    background: lighten($ui-base-color, 8%);\n  }\n}\n\n.button.logo-button {\n  flex: 0 auto;\n  font-size: 14px;\n  background: $ui-highlight-color;\n  color: $primary-text-color;\n  text-transform: none;\n  line-height: 36px;\n  height: auto;\n  padding: 3px 15px;\n  border: 0;\n\n  svg {\n    width: 20px;\n    height: auto;\n    vertical-align: middle;\n    margin-right: 5px;\n    fill: $primary-text-color;\n  }\n\n  &:active,\n  &:focus,\n  &:hover {\n    background: lighten($ui-highlight-color, 10%);\n  }\n\n  &:disabled,\n  &.disabled {\n    &:active,\n    &:focus,\n    &:hover {\n      background: $ui-primary-color;\n    }\n  }\n\n  &.button--destructive {\n    &:active,\n    &:focus,\n    &:hover {\n      background: $error-red;\n    }\n  }\n\n  @media screen and (max-width: $no-gap-breakpoint) {\n    svg {\n      display: none;\n    }\n  }\n}\n\n.embed,\n.public-layout {\n  .detailed-status {\n    padding: 15px;\n  }\n\n  .status {\n    padding: 15px 15px 15px (48px + 15px * 2);\n    min-height: 48px + 2px;\n\n    &__avatar {\n      left: 15px;\n      top: 17px;\n    }\n\n    &__content {\n      padding-top: 5px;\n    }\n\n    &__prepend {\n      margin-left: 48px + 15px * 2;\n      padding-top: 15px;\n    }\n\n    &__prepend-icon-wrapper {\n      left: -32px;\n    }\n\n    .media-gallery,\n    &__action-bar,\n    .video-player {\n      margin-top: 10px;\n    }\n  }\n}\n","button.icon-button i.fa-retweet {\n  background-image: url(\"data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='22' height='209'><path d='M4.97 3.16c-.1.03-.17.1-.22.18L.8 8.24c-.2.3.03.78.4.8H3.6v2.68c0 4.26-.55 3.62 3.66 3.62h7.66l-2.3-2.84c-.03-.02-.03-.04-.05-.06H7.27c-.44 0-.72-.3-.72-.72v-2.7h2.5c.37.03.63-.48.4-.77L5.5 3.35c-.12-.17-.34-.25-.53-.2zm12.16.43c-.55-.02-1.32.02-2.4.02H7.1l2.32 2.85.03.06h5.25c.42 0 .72.28.72.72v2.7h-2.5c-.36.02-.56.54-.3.8l3.92 4.9c.18.25.6.25.78 0l3.94-4.9c.26-.28 0-.83-.37-.8H18.4v-2.7c0-3.15.4-3.62-1.25-3.66z' fill='#{hex-color($action-button-color)}' stroke-width='0'/><path d='M7.78 19.66c-.24.02-.44.25-.44.5v2.46h-.06c-1.08 0-1.86-.03-2.4-.03-1.64 0-1.25.43-1.25 3.65v4.47c0 4.26-.56 3.62 3.65 3.62H8.5l-1.3-1.06c-.1-.08-.18-.2-.2-.3-.02-.17.06-.35.2-.45l1.33-1.1H7.28c-.44 0-.72-.3-.72-.7v-4.48c0-.44.28-.72.72-.72h.06v2.5c0 .38.54.63.82.38l4.9-3.93c.25-.18.25-.6 0-.78l-4.9-3.92c-.1-.1-.24-.14-.38-.12zm9.34 2.93c-.54-.02-1.3.02-2.4.02h-1.25l1.3 1.07c.1.07.18.2.2.33.02.16-.06.3-.2.4l-1.33 1.1h1.28c.42 0 .72.28.72.72v4.47c0 .42-.3.72-.72.72h-.1v-2.47c0-.3-.3-.53-.6-.47-.07 0-.14.05-.2.1l-4.9 3.93c-.26.18-.26.6 0 .78l4.9 3.92c.27.25.82 0 .8-.38v-2.5h.1c4.27 0 3.65.67 3.65-3.62v-4.47c0-3.15.4-3.62-1.25-3.66zM10.34 38.66c-.24.02-.44.25-.43.5v2.47H7.3c-1.08 0-1.86-.04-2.4-.04-1.64 0-1.25.43-1.25 3.65v4.47c0 3.66-.23 3.7 2.34 3.66l-1.34-1.1c-.1-.08-.18-.2-.2-.3 0-.17.07-.35.2-.45l1.96-1.6c-.03-.06-.04-.13-.04-.2v-4.48c0-.44.28-.72.72-.72H9.9v2.5c0 .36.5.6.8.38l4.93-3.93c.24-.18.24-.6 0-.78l-4.94-3.92c-.1-.08-.23-.13-.36-.12zm5.63 2.93l1.34 1.1c.1.07.18.2.2.33.02.16-.03.3-.16.4l-1.96 1.6c.02.07.06.13.06.22v4.47c0 .42-.3.72-.72.72h-2.66v-2.47c0-.3-.3-.53-.6-.47-.06.02-.12.05-.18.1l-4.94 3.93c-.24.18-.24.6 0 .78l4.94 3.92c.28.22.78-.02.78-.38v-2.5h2.66c4.27 0 3.65.67 3.65-3.62v-4.47c0-3.66.34-3.7-2.4-3.66zM13.06 57.66c-.23.03-.4.26-.4.5v2.47H7.28c-1.08 0-1.86-.04-2.4-.04-1.64 0-1.25.43-1.25 3.65v4.87l2.93-2.37v-2.5c0-.44.28-.72.72-.72h5.38v2.5c0 .36.5.6.78.38l4.94-3.93c.24-.18.24-.6 0-.78l-4.94-3.92c-.1-.1-.24-.14-.38-.12zm5.3 6.15l-2.92 2.4v2.52c0 .42-.3.72-.72.72h-5.4v-2.47c0-.3-.32-.53-.6-.47-.07.02-.13.05-.2.1L3.6 70.52c-.25.18-.25.6 0 .78l4.93 3.92c.28.22.78-.02.78-.38v-2.5h5.42c4.27 0 3.65.67 3.65-3.62v-4.47-.44zM19.25 78.8c-.1.03-.2.1-.28.17l-.9.9c-.44-.3-1.36-.25-3.35-.25H7.28c-1.08 0-1.86-.03-2.4-.03-1.64 0-1.25.43-1.25 3.65v.7l2.93.3v-1c0-.44.28-.72.72-.72h7.44c.2 0 .37.08.5.2l-1.8 1.8c-.25.26-.08.76.27.8l6.27.7c.28.03.56-.25.53-.53l-.7-6.25c0-.27-.3-.48-.55-.44zm-17.2 6.1c-.2.07-.36.3-.33.54l.7 6.25c.02.36.58.55.83.27l.8-.8c.02 0 .04-.02.04 0 .46.24 1.37.17 3.18.17h7.44c4.27 0 3.65.67 3.65-3.62v-.75l-2.93-.3v1.05c0 .42-.3.72-.72.72H7.28c-.15 0-.3-.03-.4-.1L8.8 86.4c.3-.24.1-.8-.27-.84l-6.28-.65h-.2zM4.88 98.6c-1.33 0-1.34.48-1.3 2.3l1.14-1.37c.08-.1.22-.17.34-.2.16 0 .34.08.44.2l1.66 2.03c.04 0 .07-.03.12-.03h7.44c.34 0 .57.2.65.5h-2.43c-.34.05-.53.52-.3.78l3.92 4.95c.18.24.6.24.78 0l3.94-4.94c.22-.27-.02-.76-.37-.77H18.4c.02-3.9.6-3.4-3.66-3.4H7.28c-1.08 0-1.86-.04-2.4-.04zm.15 2.46c-.1.03-.2.1-.28.2l-3.94 4.9c-.2.28.03.77.4.78H3.6c-.02 3.94-.45 3.4 3.66 3.4h7.44c3.65 0 3.74.3 3.7-2.25l-1.1 1.34c-.1.1-.2.17-.32.2-.16 0-.34-.08-.44-.2l-1.65-2.03c-.06.02-.1.04-.18.04H7.28c-.35 0-.57-.2-.66-.5h2.44c.37 0 .63-.5.4-.78l-3.96-4.9c-.1-.15-.3-.23-.47-.2zM4.88 117.6c-1.16 0-1.3.3-1.3 1.56l1.14-1.38c.08-.1.22-.14.34-.16.16 0 .34.04.44.16l2.22 2.75h7c.42 0 .72.28.72.72v.53h-2.6c-.3.1-.43.54-.2.78l3.92 4.9c.18.25.6.25.78 0l3.94-4.9c.22-.28-.02-.77-.37-.78H18.4v-.53c0-4.2.72-3.63-3.66-3.63H7.28c-1.08 0-1.86-.03-2.4-.03zm.1 1.74c-.1.03-.17.1-.23.16L.8 124.44c-.2.28.03.77.4.78H3.6v.5c0 4.26-.55 3.62 3.66 3.62h7.44c1.03 0 1.74.02 2.28 0-.16.02-.34-.03-.44-.15l-2.22-2.76H7.28c-.44 0-.72-.3-.72-.72v-.5h2.5c.37.02.63-.5.4-.78L5.5 119.5c-.12-.15-.34-.22-.53-.16zm12.02 10c1.2-.02 1.4-.25 1.4-1.53l-1.1 1.36c-.07.1-.17.17-.3.18zM5.94 136.6l2.37 2.93h6.42c.42 0 .72.28.72.72v1.25h-2.6c-.3.1-.43.54-.2.78l3.92 4.9c.18.25.6.25.78 0l3.94-4.9c.22-.28-.02-.77-.37-.78H18.4v-1.25c0-4.2.72-3.63-3.66-3.63H7.28c-.6 0-.92-.02-1.34-.03zm-1.72.06c-.4.08-.54.3-.6.75l.6-.74zm.84.93c-.12 0-.24.08-.3.18l-3.95 4.9c-.24.3 0 .83.4.82H3.6v1.22c0 4.26-.55 3.62 3.66 3.62h7.44c.63 0 .97.02 1.4.03l-2.37-2.93H7.28c-.44 0-.72-.3-.72-.72v-1.22h2.5c.4.04.67-.53.4-.8l-3.96-4.92c-.1-.13-.27-.2-.44-.2zm13.28 10.03l-.56.7c.36-.07.5-.3.56-.7zM17.13 155.6c-.55-.02-1.32.03-2.4.03h-8.2l2.38 2.9h5.82c.42 0 .72.28.72.72v1.97H12.9c-.32.06-.48.52-.28.78l3.94 4.94c.2.23.6.22.78-.03l3.94-4.9c.22-.28-.02-.77-.37-.78H18.4v-1.97c0-3.15.4-3.62-1.25-3.66zm-12.1.28c-.1.02-.2.1-.28.18l-3.94 4.9c-.2.3.03.78.4.8H3.6v1.96c0 4.26-.55 3.62 3.66 3.62h8.24l-2.36-2.9H7.28c-.44 0-.72-.3-.72-.72v-1.97h2.5c.37.02.63-.5.4-.78l-3.96-4.9c-.1-.15-.3-.22-.47-.2zM5.13 174.5c-.15 0-.3.07-.38.2L.8 179.6c-.24.27 0 .82.4.8H3.6v2.32c0 4.26-.55 3.62 3.66 3.62h7.94l-2.35-2.9h-5.6c-.43 0-.7-.3-.7-.72v-2.3h2.5c.38.03.66-.54.4-.83l-3.97-4.9c-.1-.13-.23-.2-.38-.2zm12 .1c-.55-.02-1.32.03-2.4.03H6.83l2.35 2.9h5.52c.42 0 .72.28.72.72v2.34h-2.6c-.3.1-.43.53-.2.78l3.92 4.9c.18.24.6.24.78 0l3.94-4.9c.22-.3-.02-.78-.37-.8H18.4v-2.33c0-3.15.4-3.62-1.25-3.66zM4.97 193.16c-.1.03-.17.1-.22.18l-3.94 4.9c-.2.3.03.78.4.8H3.6v2.68c0 4.26-.55 3.62 3.66 3.62h7.66l-2.3-2.84c-.03-.02-.03-.04-.05-.06H7.27c-.44 0-.72-.3-.72-.72v-2.7h2.5c.37.03.63-.48.4-.77l-3.96-4.9c-.12-.17-.34-.25-.53-.2zm12.16.43c-.55-.02-1.32.03-2.4.03H7.1l2.32 2.84.03.06h5.25c.42 0 .72.28.72.72v2.7h-2.5c-.36.02-.56.54-.3.8l3.92 4.9c.18.25.6.25.78 0l3.94-4.9c.26-.28 0-.83-.37-.8H18.4v-2.7c0-3.15.4-3.62-1.25-3.66z' fill='#{hex-color($highlight-text-color)}' stroke-width='0'/></svg>\");\n\n  &:hover {\n    background-image: url(\"data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='22' height='209'><path d='M4.97 3.16c-.1.03-.17.1-.22.18L.8 8.24c-.2.3.03.78.4.8H3.6v2.68c0 4.26-.55 3.62 3.66 3.62h7.66l-2.3-2.84c-.03-.02-.03-.04-.05-.06H7.27c-.44 0-.72-.3-.72-.72v-2.7h2.5c.37.03.63-.48.4-.77L5.5 3.35c-.12-.17-.34-.25-.53-.2zm12.16.43c-.55-.02-1.32.02-2.4.02H7.1l2.32 2.85.03.06h5.25c.42 0 .72.28.72.72v2.7h-2.5c-.36.02-.56.54-.3.8l3.92 4.9c.18.25.6.25.78 0l3.94-4.9c.26-.28 0-.83-.37-.8H18.4v-2.7c0-3.15.4-3.62-1.25-3.66z' fill='#{hex-color(lighten($action-button-color, 7%))}' stroke-width='0'/><path d='M7.78 19.66c-.24.02-.44.25-.44.5v2.46h-.06c-1.08 0-1.86-.03-2.4-.03-1.64 0-1.25.43-1.25 3.65v4.47c0 4.26-.56 3.62 3.65 3.62H8.5l-1.3-1.06c-.1-.08-.18-.2-.2-.3-.02-.17.06-.35.2-.45l1.33-1.1H7.28c-.44 0-.72-.3-.72-.7v-4.48c0-.44.28-.72.72-.72h.06v2.5c0 .38.54.63.82.38l4.9-3.93c.25-.18.25-.6 0-.78l-4.9-3.92c-.1-.1-.24-.14-.38-.12zm9.34 2.93c-.54-.02-1.3.02-2.4.02h-1.25l1.3 1.07c.1.07.18.2.2.33.02.16-.06.3-.2.4l-1.33 1.1h1.28c.42 0 .72.28.72.72v4.47c0 .42-.3.72-.72.72h-.1v-2.47c0-.3-.3-.53-.6-.47-.07 0-.14.05-.2.1l-4.9 3.93c-.26.18-.26.6 0 .78l4.9 3.92c.27.25.82 0 .8-.38v-2.5h.1c4.27 0 3.65.67 3.65-3.62v-4.47c0-3.15.4-3.62-1.25-3.66zM10.34 38.66c-.24.02-.44.25-.43.5v2.47H7.3c-1.08 0-1.86-.04-2.4-.04-1.64 0-1.25.43-1.25 3.65v4.47c0 3.66-.23 3.7 2.34 3.66l-1.34-1.1c-.1-.08-.18-.2-.2-.3 0-.17.07-.35.2-.45l1.96-1.6c-.03-.06-.04-.13-.04-.2v-4.48c0-.44.28-.72.72-.72H9.9v2.5c0 .36.5.6.8.38l4.93-3.93c.24-.18.24-.6 0-.78l-4.94-3.92c-.1-.08-.23-.13-.36-.12zm5.63 2.93l1.34 1.1c.1.07.18.2.2.33.02.16-.03.3-.16.4l-1.96 1.6c.02.07.06.13.06.22v4.47c0 .42-.3.72-.72.72h-2.66v-2.47c0-.3-.3-.53-.6-.47-.06.02-.12.05-.18.1l-4.94 3.93c-.24.18-.24.6 0 .78l4.94 3.92c.28.22.78-.02.78-.38v-2.5h2.66c4.27 0 3.65.67 3.65-3.62v-4.47c0-3.66.34-3.7-2.4-3.66zM13.06 57.66c-.23.03-.4.26-.4.5v2.47H7.28c-1.08 0-1.86-.04-2.4-.04-1.64 0-1.25.43-1.25 3.65v4.87l2.93-2.37v-2.5c0-.44.28-.72.72-.72h5.38v2.5c0 .36.5.6.78.38l4.94-3.93c.24-.18.24-.6 0-.78l-4.94-3.92c-.1-.1-.24-.14-.38-.12zm5.3 6.15l-2.92 2.4v2.52c0 .42-.3.72-.72.72h-5.4v-2.47c0-.3-.32-.53-.6-.47-.07.02-.13.05-.2.1L3.6 70.52c-.25.18-.25.6 0 .78l4.93 3.92c.28.22.78-.02.78-.38v-2.5h5.42c4.27 0 3.65.67 3.65-3.62v-4.47-.44zM19.25 78.8c-.1.03-.2.1-.28.17l-.9.9c-.44-.3-1.36-.25-3.35-.25H7.28c-1.08 0-1.86-.03-2.4-.03-1.64 0-1.25.43-1.25 3.65v.7l2.93.3v-1c0-.44.28-.72.72-.72h7.44c.2 0 .37.08.5.2l-1.8 1.8c-.25.26-.08.76.27.8l6.27.7c.28.03.56-.25.53-.53l-.7-6.25c0-.27-.3-.48-.55-.44zm-17.2 6.1c-.2.07-.36.3-.33.54l.7 6.25c.02.36.58.55.83.27l.8-.8c.02 0 .04-.02.04 0 .46.24 1.37.17 3.18.17h7.44c4.27 0 3.65.67 3.65-3.62v-.75l-2.93-.3v1.05c0 .42-.3.72-.72.72H7.28c-.15 0-.3-.03-.4-.1L8.8 86.4c.3-.24.1-.8-.27-.84l-6.28-.65h-.2zM4.88 98.6c-1.33 0-1.34.48-1.3 2.3l1.14-1.37c.08-.1.22-.17.34-.2.16 0 .34.08.44.2l1.66 2.03c.04 0 .07-.03.12-.03h7.44c.34 0 .57.2.65.5h-2.43c-.34.05-.53.52-.3.78l3.92 4.95c.18.24.6.24.78 0l3.94-4.94c.22-.27-.02-.76-.37-.77H18.4c.02-3.9.6-3.4-3.66-3.4H7.28c-1.08 0-1.86-.04-2.4-.04zm.15 2.46c-.1.03-.2.1-.28.2l-3.94 4.9c-.2.28.03.77.4.78H3.6c-.02 3.94-.45 3.4 3.66 3.4h7.44c3.65 0 3.74.3 3.7-2.25l-1.1 1.34c-.1.1-.2.17-.32.2-.16 0-.34-.08-.44-.2l-1.65-2.03c-.06.02-.1.04-.18.04H7.28c-.35 0-.57-.2-.66-.5h2.44c.37 0 .63-.5.4-.78l-3.96-4.9c-.1-.15-.3-.23-.47-.2zM4.88 117.6c-1.16 0-1.3.3-1.3 1.56l1.14-1.38c.08-.1.22-.14.34-.16.16 0 .34.04.44.16l2.22 2.75h7c.42 0 .72.28.72.72v.53h-2.6c-.3.1-.43.54-.2.78l3.92 4.9c.18.25.6.25.78 0l3.94-4.9c.22-.28-.02-.77-.37-.78H18.4v-.53c0-4.2.72-3.63-3.66-3.63H7.28c-1.08 0-1.86-.03-2.4-.03zm.1 1.74c-.1.03-.17.1-.23.16L.8 124.44c-.2.28.03.77.4.78H3.6v.5c0 4.26-.55 3.62 3.66 3.62h7.44c1.03 0 1.74.02 2.28 0-.16.02-.34-.03-.44-.15l-2.22-2.76H7.28c-.44 0-.72-.3-.72-.72v-.5h2.5c.37.02.63-.5.4-.78L5.5 119.5c-.12-.15-.34-.22-.53-.16zm12.02 10c1.2-.02 1.4-.25 1.4-1.53l-1.1 1.36c-.07.1-.17.17-.3.18zM5.94 136.6l2.37 2.93h6.42c.42 0 .72.28.72.72v1.25h-2.6c-.3.1-.43.54-.2.78l3.92 4.9c.18.25.6.25.78 0l3.94-4.9c.22-.28-.02-.77-.37-.78H18.4v-1.25c0-4.2.72-3.63-3.66-3.63H7.28c-.6 0-.92-.02-1.34-.03zm-1.72.06c-.4.08-.54.3-.6.75l.6-.74zm.84.93c-.12 0-.24.08-.3.18l-3.95 4.9c-.24.3 0 .83.4.82H3.6v1.22c0 4.26-.55 3.62 3.66 3.62h7.44c.63 0 .97.02 1.4.03l-2.37-2.93H7.28c-.44 0-.72-.3-.72-.72v-1.22h2.5c.4.04.67-.53.4-.8l-3.96-4.92c-.1-.13-.27-.2-.44-.2zm13.28 10.03l-.56.7c.36-.07.5-.3.56-.7zM17.13 155.6c-.55-.02-1.32.03-2.4.03h-8.2l2.38 2.9h5.82c.42 0 .72.28.72.72v1.97H12.9c-.32.06-.48.52-.28.78l3.94 4.94c.2.23.6.22.78-.03l3.94-4.9c.22-.28-.02-.77-.37-.78H18.4v-1.97c0-3.15.4-3.62-1.25-3.66zm-12.1.28c-.1.02-.2.1-.28.18l-3.94 4.9c-.2.3.03.78.4.8H3.6v1.96c0 4.26-.55 3.62 3.66 3.62h8.24l-2.36-2.9H7.28c-.44 0-.72-.3-.72-.72v-1.97h2.5c.37.02.63-.5.4-.78l-3.96-4.9c-.1-.15-.3-.22-.47-.2zM5.13 174.5c-.15 0-.3.07-.38.2L.8 179.6c-.24.27 0 .82.4.8H3.6v2.32c0 4.26-.55 3.62 3.66 3.62h7.94l-2.35-2.9h-5.6c-.43 0-.7-.3-.7-.72v-2.3h2.5c.38.03.66-.54.4-.83l-3.97-4.9c-.1-.13-.23-.2-.38-.2zm12 .1c-.55-.02-1.32.03-2.4.03H6.83l2.35 2.9h5.52c.42 0 .72.28.72.72v2.34h-2.6c-.3.1-.43.53-.2.78l3.92 4.9c.18.24.6.24.78 0l3.94-4.9c.22-.3-.02-.78-.37-.8H18.4v-2.33c0-3.15.4-3.62-1.25-3.66zM4.97 193.16c-.1.03-.17.1-.22.18l-3.94 4.9c-.2.3.03.78.4.8H3.6v2.68c0 4.26-.55 3.62 3.66 3.62h7.66l-2.3-2.84c-.03-.02-.03-.04-.05-.06H7.27c-.44 0-.72-.3-.72-.72v-2.7h2.5c.37.03.63-.48.4-.77l-3.96-4.9c-.12-.17-.34-.25-.53-.2zm12.16.43c-.55-.02-1.32.03-2.4.03H7.1l2.32 2.84.03.06h5.25c.42 0 .72.28.72.72v2.7h-2.5c-.36.02-.56.54-.3.8l3.92 4.9c.18.25.6.25.78 0l3.94-4.9c.26-.28 0-.83-.37-.8H18.4v-2.7c0-3.15.4-3.62-1.25-3.66z' fill='#{hex-color($highlight-text-color)}' stroke-width='0'/></svg>\");\n  }\n}\n\nbutton.icon-button.disabled i.fa-retweet {\n  background-image: url(\"data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='22' height='209'><path d='M4.97 3.16c-.1.03-.17.1-.22.18L.8 8.24c-.2.3.03.78.4.8H3.6v2.68c0 4.26-.55 3.62 3.66 3.62h7.66l-2.3-2.84c-.03-.02-.03-.04-.05-.06H7.27c-.44 0-.72-.3-.72-.72v-2.7h2.5c.37.03.63-.48.4-.77L5.5 3.35c-.12-.17-.34-.25-.53-.2zm12.16.43c-.55-.02-1.32.02-2.4.02H7.1l2.32 2.85.03.06h5.25c.42 0 .72.28.72.72v2.7h-2.5c-.36.02-.56.54-.3.8l3.92 4.9c.18.25.6.25.78 0l3.94-4.9c.26-.28 0-.83-.37-.8H18.4v-2.7c0-3.15.4-3.62-1.25-3.66z' fill='#{hex-color(darken($action-button-color, 13%))}' stroke-width='0'/><path d='M7.78 19.66c-.24.02-.44.25-.44.5v2.46h-.06c-1.08 0-1.86-.03-2.4-.03-1.64 0-1.25.43-1.25 3.65v4.47c0 4.26-.56 3.62 3.65 3.62H8.5l-1.3-1.06c-.1-.08-.18-.2-.2-.3-.02-.17.06-.35.2-.45l1.33-1.1H7.28c-.44 0-.72-.3-.72-.7v-4.48c0-.44.28-.72.72-.72h.06v2.5c0 .38.54.63.82.38l4.9-3.93c.25-.18.25-.6 0-.78l-4.9-3.92c-.1-.1-.24-.14-.38-.12zm9.34 2.93c-.54-.02-1.3.02-2.4.02h-1.25l1.3 1.07c.1.07.18.2.2.33.02.16-.06.3-.2.4l-1.33 1.1h1.28c.42 0 .72.28.72.72v4.47c0 .42-.3.72-.72.72h-.1v-2.47c0-.3-.3-.53-.6-.47-.07 0-.14.05-.2.1l-4.9 3.93c-.26.18-.26.6 0 .78l4.9 3.92c.27.25.82 0 .8-.38v-2.5h.1c4.27 0 3.65.67 3.65-3.62v-4.47c0-3.15.4-3.62-1.25-3.66zM10.34 38.66c-.24.02-.44.25-.43.5v2.47H7.3c-1.08 0-1.86-.04-2.4-.04-1.64 0-1.25.43-1.25 3.65v4.47c0 3.66-.23 3.7 2.34 3.66l-1.34-1.1c-.1-.08-.18-.2-.2-.3 0-.17.07-.35.2-.45l1.96-1.6c-.03-.06-.04-.13-.04-.2v-4.48c0-.44.28-.72.72-.72H9.9v2.5c0 .36.5.6.8.38l4.93-3.93c.24-.18.24-.6 0-.78l-4.94-3.92c-.1-.08-.23-.13-.36-.12zm5.63 2.93l1.34 1.1c.1.07.18.2.2.33.02.16-.03.3-.16.4l-1.96 1.6c.02.07.06.13.06.22v4.47c0 .42-.3.72-.72.72h-2.66v-2.47c0-.3-.3-.53-.6-.47-.06.02-.12.05-.18.1l-4.94 3.93c-.24.18-.24.6 0 .78l4.94 3.92c.28.22.78-.02.78-.38v-2.5h2.66c4.27 0 3.65.67 3.65-3.62v-4.47c0-3.66.34-3.7-2.4-3.66zM13.06 57.66c-.23.03-.4.26-.4.5v2.47H7.28c-1.08 0-1.86-.04-2.4-.04-1.64 0-1.25.43-1.25 3.65v4.87l2.93-2.37v-2.5c0-.44.28-.72.72-.72h5.38v2.5c0 .36.5.6.78.38l4.94-3.93c.24-.18.24-.6 0-.78l-4.94-3.92c-.1-.1-.24-.14-.38-.12zm5.3 6.15l-2.92 2.4v2.52c0 .42-.3.72-.72.72h-5.4v-2.47c0-.3-.32-.53-.6-.47-.07.02-.13.05-.2.1L3.6 70.52c-.25.18-.25.6 0 .78l4.93 3.92c.28.22.78-.02.78-.38v-2.5h5.42c4.27 0 3.65.67 3.65-3.62v-4.47-.44zM19.25 78.8c-.1.03-.2.1-.28.17l-.9.9c-.44-.3-1.36-.25-3.35-.25H7.28c-1.08 0-1.86-.03-2.4-.03-1.64 0-1.25.43-1.25 3.65v.7l2.93.3v-1c0-.44.28-.72.72-.72h7.44c.2 0 .37.08.5.2l-1.8 1.8c-.25.26-.08.76.27.8l6.27.7c.28.03.56-.25.53-.53l-.7-6.25c0-.27-.3-.48-.55-.44zm-17.2 6.1c-.2.07-.36.3-.33.54l.7 6.25c.02.36.58.55.83.27l.8-.8c.02 0 .04-.02.04 0 .46.24 1.37.17 3.18.17h7.44c4.27 0 3.65.67 3.65-3.62v-.75l-2.93-.3v1.05c0 .42-.3.72-.72.72H7.28c-.15 0-.3-.03-.4-.1L8.8 86.4c.3-.24.1-.8-.27-.84l-6.28-.65h-.2zM4.88 98.6c-1.33 0-1.34.48-1.3 2.3l1.14-1.37c.08-.1.22-.17.34-.2.16 0 .34.08.44.2l1.66 2.03c.04 0 .07-.03.12-.03h7.44c.34 0 .57.2.65.5h-2.43c-.34.05-.53.52-.3.78l3.92 4.95c.18.24.6.24.78 0l3.94-4.94c.22-.27-.02-.76-.37-.77H18.4c.02-3.9.6-3.4-3.66-3.4H7.28c-1.08 0-1.86-.04-2.4-.04zm.15 2.46c-.1.03-.2.1-.28.2l-3.94 4.9c-.2.28.03.77.4.78H3.6c-.02 3.94-.45 3.4 3.66 3.4h7.44c3.65 0 3.74.3 3.7-2.25l-1.1 1.34c-.1.1-.2.17-.32.2-.16 0-.34-.08-.44-.2l-1.65-2.03c-.06.02-.1.04-.18.04H7.28c-.35 0-.57-.2-.66-.5h2.44c.37 0 .63-.5.4-.78l-3.96-4.9c-.1-.15-.3-.23-.47-.2zM4.88 117.6c-1.16 0-1.3.3-1.3 1.56l1.14-1.38c.08-.1.22-.14.34-.16.16 0 .34.04.44.16l2.22 2.75h7c.42 0 .72.28.72.72v.53h-2.6c-.3.1-.43.54-.2.78l3.92 4.9c.18.25.6.25.78 0l3.94-4.9c.22-.28-.02-.77-.37-.78H18.4v-.53c0-4.2.72-3.63-3.66-3.63H7.28c-1.08 0-1.86-.03-2.4-.03zm.1 1.74c-.1.03-.17.1-.23.16L.8 124.44c-.2.28.03.77.4.78H3.6v.5c0 4.26-.55 3.62 3.66 3.62h7.44c1.03 0 1.74.02 2.28 0-.16.02-.34-.03-.44-.15l-2.22-2.76H7.28c-.44 0-.72-.3-.72-.72v-.5h2.5c.37.02.63-.5.4-.78L5.5 119.5c-.12-.15-.34-.22-.53-.16zm12.02 10c1.2-.02 1.4-.25 1.4-1.53l-1.1 1.36c-.07.1-.17.17-.3.18zM5.94 136.6l2.37 2.93h6.42c.42 0 .72.28.72.72v1.25h-2.6c-.3.1-.43.54-.2.78l3.92 4.9c.18.25.6.25.78 0l3.94-4.9c.22-.28-.02-.77-.37-.78H18.4v-1.25c0-4.2.72-3.63-3.66-3.63H7.28c-.6 0-.92-.02-1.34-.03zm-1.72.06c-.4.08-.54.3-.6.75l.6-.74zm.84.93c-.12 0-.24.08-.3.18l-3.95 4.9c-.24.3 0 .83.4.82H3.6v1.22c0 4.26-.55 3.62 3.66 3.62h7.44c.63 0 .97.02 1.4.03l-2.37-2.93H7.28c-.44 0-.72-.3-.72-.72v-1.22h2.5c.4.04.67-.53.4-.8l-3.96-4.92c-.1-.13-.27-.2-.44-.2zm13.28 10.03l-.56.7c.36-.07.5-.3.56-.7zM17.13 155.6c-.55-.02-1.32.03-2.4.03h-8.2l2.38 2.9h5.82c.42 0 .72.28.72.72v1.97H12.9c-.32.06-.48.52-.28.78l3.94 4.94c.2.23.6.22.78-.03l3.94-4.9c.22-.28-.02-.77-.37-.78H18.4v-1.97c0-3.15.4-3.62-1.25-3.66zm-12.1.28c-.1.02-.2.1-.28.18l-3.94 4.9c-.2.3.03.78.4.8H3.6v1.96c0 4.26-.55 3.62 3.66 3.62h8.24l-2.36-2.9H7.28c-.44 0-.72-.3-.72-.72v-1.97h2.5c.37.02.63-.5.4-.78l-3.96-4.9c-.1-.15-.3-.22-.47-.2zM5.13 174.5c-.15 0-.3.07-.38.2L.8 179.6c-.24.27 0 .82.4.8H3.6v2.32c0 4.26-.55 3.62 3.66 3.62h7.94l-2.35-2.9h-5.6c-.43 0-.7-.3-.7-.72v-2.3h2.5c.38.03.66-.54.4-.83l-3.97-4.9c-.1-.13-.23-.2-.38-.2zm12 .1c-.55-.02-1.32.03-2.4.03H6.83l2.35 2.9h5.52c.42 0 .72.28.72.72v2.34h-2.6c-.3.1-.43.53-.2.78l3.92 4.9c.18.24.6.24.78 0l3.94-4.9c.22-.3-.02-.78-.37-.8H18.4v-2.33c0-3.15.4-3.62-1.25-3.66zM4.97 193.16c-.1.03-.17.1-.22.18l-3.94 4.9c-.2.3.03.78.4.8H3.6v2.68c0 4.26-.55 3.62 3.66 3.62h7.66l-2.3-2.84c-.03-.02-.03-.04-.05-.06H7.27c-.44 0-.72-.3-.72-.72v-2.7h2.5c.37.03.63-.48.4-.77l-3.96-4.9c-.12-.17-.34-.25-.53-.2zm12.16.43c-.55-.02-1.32.03-2.4.03H7.1l2.32 2.84.03.06h5.25c.42 0 .72.28.72.72v2.7h-2.5c-.36.02-.56.54-.3.8l3.92 4.9c.18.25.6.25.78 0l3.94-4.9c.26-.28 0-.83-.37-.8H18.4v-2.7c0-3.15.4-3.62-1.25-3.66z' fill='#{hex-color($highlight-text-color)}' stroke-width='0'/></svg>\");\n}\n",".app-body {\n  -webkit-overflow-scrolling: touch;\n  -ms-overflow-style: -ms-autohiding-scrollbar;\n}\n\n.link-button {\n  display: block;\n  font-size: 15px;\n  line-height: 20px;\n  color: $ui-highlight-color;\n  border: 0;\n  background: transparent;\n  padding: 0;\n  cursor: pointer;\n\n  &:hover,\n  &:active {\n    text-decoration: underline;\n  }\n\n  &:disabled {\n    color: $ui-primary-color;\n    cursor: default;\n  }\n}\n\n.button {\n  background-color: $ui-highlight-color;\n  border: 10px none;\n  border-radius: 4px;\n  box-sizing: border-box;\n  color: $primary-text-color;\n  cursor: pointer;\n  display: inline-block;\n  font-family: inherit;\n  font-size: 15px;\n  font-weight: 500;\n  height: 36px;\n  letter-spacing: 0;\n  line-height: 36px;\n  overflow: hidden;\n  padding: 0 16px;\n  position: relative;\n  text-align: center;\n  text-decoration: none;\n  text-overflow: ellipsis;\n  transition: all 100ms ease-in;\n  white-space: nowrap;\n  width: auto;\n\n  &:active,\n  &:focus,\n  &:hover {\n    background-color: lighten($ui-highlight-color, 10%);\n    transition: all 200ms ease-out;\n  }\n\n  &--destructive {\n    transition: none;\n\n    &:active,\n    &:focus,\n    &:hover {\n      background-color: $error-red;\n      transition: none;\n    }\n  }\n\n  &:disabled,\n  &.disabled {\n    background-color: $ui-primary-color;\n    cursor: default;\n  }\n\n  &::-moz-focus-inner {\n    border: 0;\n  }\n\n  &::-moz-focus-inner,\n  &:focus,\n  &:active {\n    outline: 0 !important;\n  }\n\n  &.button-primary,\n  &.button-alternative,\n  &.button-secondary,\n  &.button-alternative-2 {\n    font-size: 16px;\n    line-height: 36px;\n    height: auto;\n    text-transform: none;\n    padding: 4px 16px;\n  }\n\n  &.button-alternative {\n    color: $inverted-text-color;\n    background: $ui-primary-color;\n\n    &:active,\n    &:focus,\n    &:hover {\n      background-color: lighten($ui-primary-color, 4%);\n    }\n  }\n\n  &.button-alternative-2 {\n    background: $ui-base-lighter-color;\n\n    &:active,\n    &:focus,\n    &:hover {\n      background-color: lighten($ui-base-lighter-color, 4%);\n    }\n  }\n\n  &.button-secondary {\n    color: $darker-text-color;\n    background: transparent;\n    padding: 3px 15px;\n    border: 1px solid $ui-primary-color;\n\n    &:active,\n    &:focus,\n    &:hover {\n      border-color: lighten($ui-primary-color, 4%);\n      color: lighten($darker-text-color, 4%);\n    }\n\n    &:disabled {\n      opacity: 0.5;\n    }\n  }\n\n  &.button--block {\n    display: block;\n    width: 100%;\n  }\n}\n\n.column__wrapper {\n  display: flex;\n  flex: 1 1 auto;\n  position: relative;\n}\n\n.icon-button {\n  display: inline-block;\n  padding: 0;\n  color: $action-button-color;\n  border: 0;\n  border-radius: 4px;\n  background: transparent;\n  cursor: pointer;\n  transition: all 100ms ease-in;\n  transition-property: background-color, color;\n\n  &:hover,\n  &:active,\n  &:focus {\n    color: lighten($action-button-color, 7%);\n    background-color: rgba($action-button-color, 0.15);\n    transition: all 200ms ease-out;\n    transition-property: background-color, color;\n  }\n\n  &:focus {\n    background-color: rgba($action-button-color, 0.3);\n  }\n\n  &.disabled {\n    color: darken($action-button-color, 13%);\n    background-color: transparent;\n    cursor: default;\n  }\n\n  &.active {\n    color: $highlight-text-color;\n  }\n\n  &::-moz-focus-inner {\n    border: 0;\n  }\n\n  &::-moz-focus-inner,\n  &:focus,\n  &:active {\n    outline: 0 !important;\n  }\n\n  &.inverted {\n    color: $lighter-text-color;\n\n    &:hover,\n    &:active,\n    &:focus {\n      color: darken($lighter-text-color, 7%);\n      background-color: rgba($lighter-text-color, 0.15);\n    }\n\n    &:focus {\n      background-color: rgba($lighter-text-color, 0.3);\n    }\n\n    &.disabled {\n      color: lighten($lighter-text-color, 7%);\n      background-color: transparent;\n    }\n\n    &.active {\n      color: $highlight-text-color;\n\n      &.disabled {\n        color: lighten($highlight-text-color, 13%);\n      }\n    }\n  }\n\n  &.overlayed {\n    box-sizing: content-box;\n    background: rgba($base-overlay-background, 0.6);\n    color: rgba($primary-text-color, 0.7);\n    border-radius: 4px;\n    padding: 2px;\n\n    &:hover {\n      background: rgba($base-overlay-background, 0.9);\n    }\n  }\n}\n\n.text-icon-button {\n  color: $lighter-text-color;\n  border: 0;\n  border-radius: 4px;\n  background: transparent;\n  cursor: pointer;\n  font-weight: 600;\n  font-size: 11px;\n  padding: 0 3px;\n  line-height: 27px;\n  outline: 0;\n  transition: all 100ms ease-in;\n  transition-property: background-color, color;\n\n  &:hover,\n  &:active,\n  &:focus {\n    color: darken($lighter-text-color, 7%);\n    background-color: rgba($lighter-text-color, 0.15);\n    transition: all 200ms ease-out;\n    transition-property: background-color, color;\n  }\n\n  &:focus {\n    background-color: rgba($lighter-text-color, 0.3);\n  }\n\n  &.disabled {\n    color: lighten($lighter-text-color, 20%);\n    background-color: transparent;\n    cursor: default;\n  }\n\n  &.active {\n    color: $highlight-text-color;\n  }\n\n  &::-moz-focus-inner {\n    border: 0;\n  }\n\n  &::-moz-focus-inner,\n  &:focus,\n  &:active {\n    outline: 0 !important;\n  }\n}\n\n.dropdown-menu {\n  position: absolute;\n}\n\n.invisible {\n  font-size: 0;\n  line-height: 0;\n  display: inline-block;\n  width: 0;\n  height: 0;\n  position: absolute;\n\n  img,\n  svg {\n    margin: 0 !important;\n    border: 0 !important;\n    padding: 0 !important;\n    width: 0 !important;\n    height: 0 !important;\n  }\n}\n\n.ellipsis {\n  &::after {\n    content: \"…\";\n  }\n}\n\n.compose-form {\n  padding: 10px;\n\n  &__sensitive-button {\n    padding: 10px;\n    padding-top: 0;\n\n    font-size: 14px;\n    font-weight: 500;\n\n    &.active {\n      color: $highlight-text-color;\n    }\n\n    input[type=checkbox] {\n      display: none;\n    }\n\n    .checkbox {\n      display: inline-block;\n      position: relative;\n      border: 1px solid $ui-primary-color;\n      box-sizing: border-box;\n      width: 18px;\n      height: 18px;\n      flex: 0 0 auto;\n      margin-right: 10px;\n      top: -1px;\n      border-radius: 4px;\n      vertical-align: middle;\n\n      &.active {\n        border-color: $highlight-text-color;\n        background: $highlight-text-color;\n      }\n    }\n  }\n\n  .compose-form__warning {\n    color: $inverted-text-color;\n    margin-bottom: 10px;\n    background: $ui-primary-color;\n    box-shadow: 0 2px 6px rgba($base-shadow-color, 0.3);\n    padding: 8px 10px;\n    border-radius: 4px;\n    font-size: 13px;\n    font-weight: 400;\n\n    strong {\n      color: $inverted-text-color;\n      font-weight: 500;\n\n      @each $lang in $cjk-langs {\n        &:lang(#{$lang}) {\n          font-weight: 700;\n        }\n      }\n    }\n\n    a {\n      color: $lighter-text-color;\n      font-weight: 500;\n      text-decoration: underline;\n\n      &:hover,\n      &:active,\n      &:focus {\n        text-decoration: none;\n      }\n    }\n  }\n\n  .emoji-picker-dropdown {\n    position: absolute;\n    top: 5px;\n    right: 5px;\n  }\n\n  .compose-form__autosuggest-wrapper {\n    position: relative;\n  }\n\n  .autosuggest-textarea,\n  .autosuggest-input,\n  .spoiler-input {\n    position: relative;\n    width: 100%;\n  }\n\n  .spoiler-input {\n    height: 0;\n    transform-origin: bottom;\n    opacity: 0;\n\n    &.spoiler-input--visible {\n      height: 36px;\n      margin-bottom: 11px;\n      opacity: 1;\n    }\n  }\n\n  .autosuggest-textarea__textarea,\n  .spoiler-input__input {\n    display: block;\n    box-sizing: border-box;\n    width: 100%;\n    margin: 0;\n    color: $inverted-text-color;\n    background: $simple-background-color;\n    padding: 10px;\n    font-family: inherit;\n    font-size: 14px;\n    resize: vertical;\n    border: 0;\n    outline: 0;\n\n    &::placeholder {\n      color: $dark-text-color;\n    }\n\n    &:focus {\n      outline: 0;\n    }\n\n    @media screen and (max-width: 600px) {\n      font-size: 16px;\n    }\n  }\n\n  .spoiler-input__input {\n    border-radius: 4px;\n  }\n\n  .autosuggest-textarea__textarea {\n    min-height: 100px;\n    border-radius: 4px 4px 0 0;\n    padding-bottom: 0;\n    padding-right: 10px + 22px;\n    resize: none;\n    scrollbar-color: initial;\n\n    &::-webkit-scrollbar {\n      all: unset;\n    }\n\n    @media screen and (max-width: 600px) {\n      height: 100px !important; // prevent auto-resize textarea\n      resize: vertical;\n    }\n  }\n\n  .autosuggest-textarea__suggestions-wrapper {\n    position: relative;\n    height: 0;\n  }\n\n  .autosuggest-textarea__suggestions {\n    box-sizing: border-box;\n    display: none;\n    position: absolute;\n    top: 100%;\n    width: 100%;\n    z-index: 99;\n    box-shadow: 4px 4px 6px rgba($base-shadow-color, 0.4);\n    background: $ui-secondary-color;\n    border-radius: 0 0 4px 4px;\n    color: $inverted-text-color;\n    font-size: 14px;\n    padding: 6px;\n\n    &.autosuggest-textarea__suggestions--visible {\n      display: block;\n    }\n  }\n\n  .autosuggest-textarea__suggestions__item {\n    padding: 10px;\n    cursor: pointer;\n    border-radius: 4px;\n\n    &:hover,\n    &:focus,\n    &:active,\n    &.selected {\n      background: darken($ui-secondary-color, 10%);\n    }\n  }\n\n  .autosuggest-account,\n  .autosuggest-emoji,\n  .autosuggest-hashtag {\n    display: flex;\n    flex-direction: row;\n    align-items: center;\n    justify-content: flex-start;\n    line-height: 18px;\n    font-size: 14px;\n  }\n\n  .autosuggest-hashtag {\n    justify-content: space-between;\n\n    &__name {\n      flex: 1 1 auto;\n      overflow: hidden;\n      text-overflow: ellipsis;\n      white-space: nowrap;\n    }\n\n    strong {\n      font-weight: 500;\n    }\n\n    &__uses {\n      flex: 0 0 auto;\n      text-align: right;\n      overflow: hidden;\n      text-overflow: ellipsis;\n      white-space: nowrap;\n    }\n  }\n\n  .autosuggest-account-icon,\n  .autosuggest-emoji img {\n    display: block;\n    margin-right: 8px;\n    width: 16px;\n    height: 16px;\n  }\n\n  .autosuggest-account .display-name__account {\n    color: $lighter-text-color;\n  }\n\n  .compose-form__modifiers {\n    color: $inverted-text-color;\n    font-family: inherit;\n    font-size: 14px;\n    background: $simple-background-color;\n\n    .compose-form__upload-wrapper {\n      overflow: hidden;\n    }\n\n    .compose-form__uploads-wrapper {\n      display: flex;\n      flex-direction: row;\n      padding: 5px;\n      flex-wrap: wrap;\n    }\n\n    .compose-form__upload {\n      flex: 1 1 0;\n      min-width: 40%;\n      margin: 5px;\n\n      &__actions {\n        background: linear-gradient(180deg, rgba($base-shadow-color, 0.8) 0, rgba($base-shadow-color, 0.35) 80%, transparent);\n        display: flex;\n        align-items: flex-start;\n        justify-content: space-between;\n        opacity: 0;\n        transition: opacity .1s ease;\n\n        .icon-button {\n          flex: 0 1 auto;\n          color: $secondary-text-color;\n          font-size: 14px;\n          font-weight: 500;\n          padding: 10px;\n          font-family: inherit;\n\n          &:hover,\n          &:focus,\n          &:active {\n            color: lighten($secondary-text-color, 7%);\n          }\n        }\n\n        &.active {\n          opacity: 1;\n        }\n      }\n\n      &-description {\n        position: absolute;\n        z-index: 2;\n        bottom: 0;\n        left: 0;\n        right: 0;\n        box-sizing: border-box;\n        background: linear-gradient(0deg, rgba($base-shadow-color, 0.8) 0, rgba($base-shadow-color, 0.35) 80%, transparent);\n        padding: 10px;\n        opacity: 0;\n        transition: opacity .1s ease;\n\n        textarea {\n          background: transparent;\n          color: $secondary-text-color;\n          border: 0;\n          padding: 0;\n          margin: 0;\n          width: 100%;\n          font-family: inherit;\n          font-size: 14px;\n          font-weight: 500;\n\n          &:focus {\n            color: $white;\n          }\n\n          &::placeholder {\n            opacity: 0.75;\n            color: $secondary-text-color;\n          }\n        }\n\n        &.active {\n          opacity: 1;\n        }\n      }\n    }\n\n    .compose-form__upload-thumbnail {\n      border-radius: 4px;\n      background-color: $base-shadow-color;\n      background-position: center;\n      background-size: cover;\n      background-repeat: no-repeat;\n      height: 140px;\n      width: 100%;\n      overflow: hidden;\n    }\n  }\n\n  .compose-form__buttons-wrapper {\n    padding: 10px;\n    background: darken($simple-background-color, 8%);\n    border-radius: 0 0 4px 4px;\n    display: flex;\n    justify-content: space-between;\n    flex: 0 0 auto;\n\n    .compose-form__buttons {\n      display: flex;\n\n      .compose-form__upload-button-icon {\n        line-height: 27px;\n      }\n\n      .compose-form__sensitive-button {\n        display: none;\n\n        &.compose-form__sensitive-button--visible {\n          display: block;\n        }\n\n        .compose-form__sensitive-button__icon {\n          line-height: 27px;\n        }\n      }\n    }\n\n    .icon-button,\n    .text-icon-button {\n      box-sizing: content-box;\n      padding: 0 3px;\n    }\n\n    .character-counter__wrapper {\n      align-self: center;\n      margin-right: 4px;\n    }\n  }\n\n  .compose-form__publish {\n    display: flex;\n    justify-content: flex-end;\n    min-width: 0;\n    flex: 0 0 auto;\n\n    .compose-form__publish-button-wrapper {\n      overflow: hidden;\n      padding-top: 10px;\n    }\n  }\n}\n\n.character-counter {\n  cursor: default;\n  font-family: $font-sans-serif, sans-serif;\n  font-size: 14px;\n  font-weight: 600;\n  color: $lighter-text-color;\n\n  &.character-counter--over {\n    color: $warning-red;\n  }\n}\n\n.no-reduce-motion .spoiler-input {\n  transition: height 0.4s ease, opacity 0.4s ease;\n}\n\n.emojione {\n  font-size: inherit;\n  vertical-align: middle;\n  object-fit: contain;\n  margin: -.2ex .15em .2ex;\n  width: 16px;\n  height: 16px;\n\n  img {\n    width: auto;\n  }\n}\n\n.reply-indicator {\n  border-radius: 4px;\n  margin-bottom: 10px;\n  background: $ui-primary-color;\n  padding: 10px;\n  min-height: 23px;\n  overflow-y: auto;\n  flex: 0 2 auto;\n}\n\n.reply-indicator__header {\n  margin-bottom: 5px;\n  overflow: hidden;\n}\n\n.reply-indicator__cancel {\n  float: right;\n  line-height: 24px;\n}\n\n.reply-indicator__display-name {\n  color: $inverted-text-color;\n  display: block;\n  max-width: 100%;\n  line-height: 24px;\n  overflow: hidden;\n  padding-right: 25px;\n  text-decoration: none;\n}\n\n.reply-indicator__display-avatar {\n  float: left;\n  margin-right: 5px;\n}\n\n.status__content--with-action {\n  cursor: pointer;\n}\n\n.status__content,\n.reply-indicator__content {\n  position: relative;\n  font-size: 15px;\n  line-height: 20px;\n  word-wrap: break-word;\n  font-weight: 400;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  padding-top: 2px;\n  color: $primary-text-color;\n\n  &:focus {\n    outline: 0;\n  }\n\n  &.status__content--with-spoiler {\n    white-space: normal;\n\n    .status__content__text {\n      white-space: pre-wrap;\n    }\n  }\n\n  .emojione {\n    width: 20px;\n    height: 20px;\n    margin: -3px 0 0;\n  }\n\n  img {\n    max-width: 100%;\n    max-height: 400px;\n    object-fit: contain;\n  }\n\n  p {\n    margin-bottom: 20px;\n    white-space: pre-wrap;\n\n    &:last-child {\n      margin-bottom: 0;\n    }\n  }\n\n  a {\n    color: $pleroma-links;\n    text-decoration: none;\n\n    &:hover {\n      text-decoration: underline;\n\n      .fa {\n        color: lighten($dark-text-color, 7%);\n      }\n    }\n\n    &.mention {\n      &:hover {\n        text-decoration: none;\n\n        span {\n          text-decoration: underline;\n        }\n      }\n    }\n\n    .fa {\n      color: $dark-text-color;\n    }\n  }\n\n  a.unhandled-link {\n    color: lighten($ui-highlight-color, 8%);\n  }\n\n  .status__content__spoiler-link {\n    background: $action-button-color;\n\n    &:hover {\n      background: lighten($action-button-color, 7%);\n      text-decoration: none;\n    }\n\n    &::-moz-focus-inner {\n      border: 0;\n    }\n\n    &::-moz-focus-inner,\n    &:focus,\n    &:active {\n      outline: 0 !important;\n    }\n  }\n\n  .status__content__text {\n    display: none;\n\n    &.status__content__text--visible {\n      display: block;\n    }\n  }\n}\n\n.status__content.status__content--collapsed {\n  max-height: 20px * 15; // 15 lines is roughly above 500 characters\n}\n\n.status__content__read-more-button {\n  display: block;\n  font-size: 15px;\n  line-height: 20px;\n  color: lighten($ui-highlight-color, 8%);\n  border: 0;\n  background: transparent;\n  padding: 0;\n  padding-top: 8px;\n\n  &:hover,\n  &:active {\n    text-decoration: underline;\n  }\n}\n\n.status__content__spoiler-link {\n  display: inline-block;\n  border-radius: 2px;\n  background: transparent;\n  border: 0;\n  color: $inverted-text-color;\n  font-weight: 700;\n  font-size: 12px;\n  padding: 0 6px;\n  line-height: 20px;\n  cursor: pointer;\n  vertical-align: middle;\n}\n\n.status__wrapper--filtered {\n  color: $dark-text-color;\n  border: 0;\n  font-size: inherit;\n  text-align: center;\n  line-height: inherit;\n  margin: 0;\n  padding: 15px;\n  box-sizing: border-box;\n  width: 100%;\n  clear: both;\n  border-bottom: 1px solid lighten($ui-base-color, 8%);\n}\n\n.status__prepend-icon-wrapper {\n  left: -26px;\n  position: absolute;\n}\n\n.focusable {\n  &:focus {\n    outline: 0;\n    background: lighten($ui-base-color, 4%);\n\n    .status.status-direct {\n      background: lighten($ui-base-color, 12%);\n\n      &.muted {\n        background: transparent;\n      }\n    }\n\n    .detailed-status,\n    .detailed-status__action-bar {\n      background: lighten($ui-base-color, 8%);\n    }\n  }\n}\n\n.status {\n  padding: 8px 10px;\n  padding-left: 68px;\n  position: relative;\n  min-height: 54px;\n  border-bottom: 1px solid lighten($ui-base-color, 8%);\n  cursor: default;\n\n  @supports (-ms-overflow-style: -ms-autohiding-scrollbar) {\n    // Add margin to avoid Edge auto-hiding scrollbar appearing over content.\n    // On Edge 16 this is 16px and Edge <=15 it's 12px, so aim for 16px.\n    padding-right: 26px; // 10px + 16px\n  }\n\n  @keyframes fade {\n    0% { opacity: 0; }\n    100% { opacity: 1; }\n  }\n\n  opacity: 1;\n  animation: fade 150ms linear;\n\n  .video-player,\n  .audio-player {\n    margin-top: 8px;\n  }\n\n  &.status-direct:not(.read) {\n    background: lighten($ui-base-color, 8%);\n    border-bottom-color: lighten($ui-base-color, 12%);\n  }\n\n  &.light {\n    .status__relative-time {\n      color: $light-text-color;\n    }\n\n    .status__display-name {\n      color: $inverted-text-color;\n    }\n\n    .display-name {\n      strong {\n        color: $inverted-text-color;\n      }\n\n      span {\n        color: $light-text-color;\n      }\n    }\n\n    .status__content {\n      color: $inverted-text-color;\n\n      a {\n        color: $highlight-text-color;\n      }\n\n      a.status__content__spoiler-link {\n        color: $primary-text-color;\n        background: $ui-primary-color;\n\n        &:hover {\n          background: lighten($ui-primary-color, 8%);\n        }\n      }\n    }\n  }\n}\n\n.notification-favourite {\n  .status.status-direct {\n    background: transparent;\n\n    .icon-button.disabled {\n      color: lighten($action-button-color, 13%);\n    }\n  }\n}\n\n.status__relative-time,\n.notification__relative_time {\n  color: $dark-text-color;\n  float: right;\n  font-size: 14px;\n}\n\n.status__display-name {\n  color: $dark-text-color;\n}\n\n.status__info .status__display-name {\n  display: block;\n  max-width: 100%;\n  padding-right: 25px;\n}\n\n.status__info {\n  font-size: 15px;\n}\n\n.status-check-box {\n  border-bottom: 1px solid $ui-secondary-color;\n  display: flex;\n\n  .status-check-box__status {\n    margin: 10px 0 10px 10px;\n    flex: 1;\n\n    .media-gallery {\n      max-width: 250px;\n    }\n\n    .status__content {\n      padding: 0;\n      white-space: normal;\n    }\n\n    .video-player,\n    .audio-player {\n      margin-top: 8px;\n      max-width: 250px;\n    }\n\n    .media-gallery__item-thumbnail {\n      cursor: default;\n    }\n  }\n}\n\n.status-check-box-toggle {\n  align-items: center;\n  display: flex;\n  flex: 0 0 auto;\n  justify-content: center;\n  padding: 10px;\n}\n\n.status__prepend {\n  margin-left: 68px;\n  color: $dark-text-color;\n  padding: 8px 0;\n  padding-bottom: 2px;\n  font-size: 14px;\n  position: relative;\n\n  .status__display-name strong {\n    color: $dark-text-color;\n  }\n\n  > span {\n    display: block;\n    overflow: hidden;\n    text-overflow: ellipsis;\n  }\n}\n\n.status__action-bar {\n  align-items: center;\n  display: flex;\n  margin-top: 8px;\n\n  &__counter {\n    display: inline-flex;\n    margin-right: 11px;\n    align-items: center;\n\n    .status__action-bar-button {\n      margin-right: 4px;\n    }\n\n    &__label {\n      display: inline-block;\n      width: 14px;\n      font-size: 12px;\n      font-weight: 500;\n      color: $action-button-color;\n    }\n  }\n}\n\n.status__action-bar-button {\n  margin-right: 18px;\n}\n\n.status__action-bar-dropdown {\n  height: 23.15px;\n  width: 23.15px;\n}\n\n.detailed-status__action-bar-dropdown {\n  flex: 1 1 auto;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  position: relative;\n}\n\n.detailed-status {\n  background: lighten($ui-base-color, 4%);\n  padding: 14px 10px;\n\n  &--flex {\n    display: flex;\n    flex-wrap: wrap;\n    justify-content: space-between;\n    align-items: flex-start;\n\n    .status__content,\n    .detailed-status__meta {\n      flex: 100%;\n    }\n  }\n\n  .status__content {\n    font-size: 19px;\n    line-height: 24px;\n\n    .emojione {\n      width: 24px;\n      height: 24px;\n      margin: -1px 0 0;\n    }\n\n    .status__content__spoiler-link {\n      line-height: 24px;\n      margin: -1px 0 0;\n    }\n  }\n\n  .video-player,\n  .audio-player {\n    margin-top: 8px;\n  }\n}\n\n.detailed-status__meta {\n  margin-top: 15px;\n  color: $dark-text-color;\n  font-size: 14px;\n  line-height: 18px;\n}\n\n.detailed-status__action-bar {\n  background: lighten($ui-base-color, 4%);\n  border-top: 1px solid lighten($ui-base-color, 8%);\n  border-bottom: 1px solid lighten($ui-base-color, 8%);\n  display: flex;\n  flex-direction: row;\n  padding: 10px 0;\n}\n\n.detailed-status__link {\n  color: inherit;\n  text-decoration: none;\n}\n\n.detailed-status__favorites,\n.detailed-status__reblogs {\n  display: inline-block;\n  font-weight: 500;\n  font-size: 12px;\n  margin-left: 6px;\n}\n\n.reply-indicator__content {\n  color: $inverted-text-color;\n  font-size: 14px;\n\n  a {\n    color: $lighter-text-color;\n  }\n}\n\n.domain {\n  padding: 10px;\n  border-bottom: 1px solid lighten($ui-base-color, 8%);\n\n  .domain__domain-name {\n    flex: 1 1 auto;\n    display: block;\n    color: $primary-text-color;\n    text-decoration: none;\n    font-size: 14px;\n    font-weight: 500;\n  }\n}\n\n.domain__wrapper {\n  display: flex;\n}\n\n.domain_buttons {\n  height: 18px;\n  padding: 10px;\n  white-space: nowrap;\n}\n\n.account {\n  padding: 10px;\n  border-bottom: 1px solid lighten($ui-base-color, 8%);\n\n  &.compact {\n    padding: 0;\n    border-bottom: 0;\n\n    .account__avatar-wrapper {\n      margin-left: 0;\n    }\n  }\n\n  .account__display-name {\n    flex: 1 1 auto;\n    display: block;\n    color: $darker-text-color;\n    overflow: hidden;\n    text-decoration: none;\n    font-size: 14px;\n  }\n}\n\n.account__wrapper {\n  display: flex;\n}\n\n.account__avatar-wrapper {\n  float: left;\n  margin-left: 12px;\n  margin-right: 12px;\n}\n\n.account__avatar {\n  @include avatar-radius;\n  position: relative;\n\n  &-inline {\n    display: inline-block;\n    vertical-align: middle;\n    margin-right: 5px;\n  }\n\n  &-composite {\n    @include avatar-radius;\n    border-radius: 50%;\n    overflow: hidden;\n    position: relative;\n    cursor: default;\n\n    & > div {\n      float: left;\n      position: relative;\n      box-sizing: border-box;\n    }\n\n    &__label {\n      display: block;\n      position: absolute;\n      top: 50%;\n      left: 50%;\n      transform: translate(-50%, -50%);\n      color: $primary-text-color;\n      text-shadow: 1px 1px 2px $base-shadow-color;\n      font-weight: 700;\n      font-size: 15px;\n    }\n  }\n}\n\na .account__avatar {\n  cursor: pointer;\n}\n\n.account__avatar-overlay {\n  @include avatar-size(48px);\n\n  &-base {\n    @include avatar-radius;\n    @include avatar-size(36px);\n  }\n\n  &-overlay {\n    @include avatar-radius;\n    @include avatar-size(24px);\n\n    position: absolute;\n    bottom: 0;\n    right: 0;\n    z-index: 1;\n  }\n}\n\n.account__relationship {\n  height: 18px;\n  padding: 10px;\n  white-space: nowrap;\n}\n\n.account__disclaimer {\n  padding: 10px;\n  border-top: 1px solid lighten($ui-base-color, 8%);\n  color: $dark-text-color;\n\n  strong {\n    font-weight: 500;\n\n    @each $lang in $cjk-langs {\n      &:lang(#{$lang}) {\n        font-weight: 700;\n      }\n    }\n  }\n\n  a {\n    font-weight: 500;\n    color: inherit;\n    text-decoration: underline;\n\n    &:hover,\n    &:focus,\n    &:active {\n      text-decoration: none;\n    }\n  }\n}\n\n.account__action-bar {\n  border-top: 1px solid lighten($ui-base-color, 8%);\n  border-bottom: 1px solid lighten($ui-base-color, 8%);\n  line-height: 36px;\n  overflow: hidden;\n  flex: 0 0 auto;\n  display: flex;\n}\n\n.account__action-bar-dropdown {\n  padding: 10px;\n\n  .icon-button {\n    vertical-align: middle;\n  }\n\n  .dropdown--active {\n    .dropdown__content.dropdown__right {\n      left: 6px;\n      right: initial;\n    }\n\n    &::after {\n      bottom: initial;\n      margin-left: 11px;\n      margin-top: -7px;\n      right: initial;\n    }\n  }\n}\n\n.account__action-bar-links {\n  display: flex;\n  flex: 1 1 auto;\n  line-height: 18px;\n  text-align: center;\n}\n\n.account__action-bar__tab {\n  text-decoration: none;\n  overflow: hidden;\n  flex: 0 1 100%;\n  border-right: 1px solid lighten($ui-base-color, 8%);\n  padding: 10px 0;\n  border-bottom: 4px solid transparent;\n\n  &.active {\n    border-bottom: 4px solid $ui-highlight-color;\n  }\n\n  & > span {\n    display: block;\n    font-size: 12px;\n    color: $darker-text-color;\n  }\n\n  strong {\n    display: block;\n    font-size: 15px;\n    font-weight: 500;\n    color: $primary-text-color;\n\n    @each $lang in $cjk-langs {\n      &:lang(#{$lang}) {\n        font-weight: 700;\n      }\n    }\n  }\n}\n\n.account-authorize {\n  padding: 14px 10px;\n\n  .detailed-status__display-name {\n    display: block;\n    margin-bottom: 15px;\n    overflow: hidden;\n  }\n}\n\n.account-authorize__avatar {\n  float: left;\n  margin-right: 10px;\n}\n\n.status__display-name,\n.status__relative-time,\n.detailed-status__display-name,\n.detailed-status__datetime,\n.detailed-status__application,\n.account__display-name {\n  text-decoration: none;\n}\n\n.status__display-name,\n.account__display-name {\n  strong {\n    color: $primary-text-color;\n  }\n}\n\n.muted {\n  .emojione {\n    opacity: 0.5;\n  }\n}\n\n.status__display-name,\n.reply-indicator__display-name,\n.detailed-status__display-name,\na.account__display-name {\n  &:hover strong {\n    text-decoration: underline;\n  }\n}\n\n.account__display-name strong {\n  display: block;\n  overflow: hidden;\n  text-overflow: ellipsis;\n}\n\n.detailed-status__application,\n.detailed-status__datetime {\n  color: inherit;\n}\n\n.detailed-status .button.logo-button {\n  margin-bottom: 15px;\n}\n\n.detailed-status__display-name {\n  color: $secondary-text-color;\n  display: block;\n  line-height: 24px;\n  margin-bottom: 15px;\n  overflow: hidden;\n\n  strong,\n  span {\n    display: block;\n    text-overflow: ellipsis;\n    overflow: hidden;\n  }\n\n  strong {\n    font-size: 16px;\n    color: $primary-text-color;\n  }\n}\n\n.detailed-status__display-avatar {\n  float: left;\n  margin-right: 10px;\n}\n\n.status__avatar {\n  height: 48px;\n  left: 10px;\n  position: absolute;\n  top: 10px;\n  width: 48px;\n}\n\n.status__expand {\n  width: 68px;\n  position: absolute;\n  left: 0;\n  top: 0;\n  height: 100%;\n  cursor: pointer;\n}\n\n.muted {\n  .status__content,\n  .status__content p,\n  .status__content a {\n    color: $dark-text-color;\n  }\n\n  .status__display-name strong {\n    color: $dark-text-color;\n  }\n\n  .status__avatar {\n    opacity: 0.5;\n  }\n\n  a.status__content__spoiler-link {\n    background: $ui-base-lighter-color;\n    color: $inverted-text-color;\n\n    &:hover {\n      background: lighten($ui-base-lighter-color, 7%);\n      text-decoration: none;\n    }\n  }\n}\n\n.notification__message {\n  margin: 0 10px 0 68px;\n  padding: 8px 0 0;\n  cursor: default;\n  color: $darker-text-color;\n  font-size: 15px;\n  line-height: 22px;\n  position: relative;\n\n  .fa {\n    color: $highlight-text-color;\n  }\n\n  > span {\n    display: inline;\n    overflow: hidden;\n    text-overflow: ellipsis;\n  }\n}\n\n.notification__favourite-icon-wrapper {\n  left: -26px;\n  position: absolute;\n\n  .star-icon {\n    color: $gold-star;\n  }\n}\n\n.star-icon.active {\n  color: $gold-star;\n}\n\n.bookmark-icon.active {\n  color: $red-bookmark;\n}\n\n.no-reduce-motion .icon-button.star-icon {\n  &.activate {\n    & > .fa-star {\n      animation: spring-rotate-in 1s linear;\n    }\n  }\n\n  &.deactivate {\n    & > .fa-star {\n      animation: spring-rotate-out 1s linear;\n    }\n  }\n}\n\n.notification__display-name {\n  color: inherit;\n  font-weight: 500;\n  text-decoration: none;\n\n  &:hover {\n    color: $primary-text-color;\n    text-decoration: underline;\n  }\n}\n\n.notification__relative_time {\n  float: right;\n}\n\n.display-name {\n  display: block;\n  max-width: 100%;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n\n.display-name__html {\n  font-weight: 500;\n}\n\n.display-name__account {\n  font-size: 14px;\n}\n\n.status__relative-time,\n.detailed-status__datetime {\n  &:hover {\n    text-decoration: underline;\n  }\n}\n\n.image-loader {\n  position: relative;\n  width: 100%;\n  height: 100%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  flex-direction: column;\n\n  .image-loader__preview-canvas {\n    max-width: $media-modal-media-max-width;\n    max-height: $media-modal-media-max-height;\n    background: url('~images/void.png') repeat;\n    object-fit: contain;\n  }\n\n  .loading-bar {\n    position: relative;\n  }\n\n  &.image-loader--amorphous .image-loader__preview-canvas {\n    display: none;\n  }\n}\n\n.zoomable-image {\n  position: relative;\n  width: 100%;\n  height: 100%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n\n  img {\n    max-width: $media-modal-media-max-width;\n    max-height: $media-modal-media-max-height;\n    width: auto;\n    height: auto;\n    object-fit: contain;\n  }\n}\n\n.navigation-bar {\n  padding: 10px;\n  display: flex;\n  align-items: center;\n  flex-shrink: 0;\n  cursor: default;\n  color: $darker-text-color;\n\n  strong {\n    color: $secondary-text-color;\n  }\n\n  a {\n    color: inherit;\n  }\n\n  .permalink {\n    text-decoration: none;\n  }\n\n  .navigation-bar__actions {\n    position: relative;\n\n    .icon-button.close {\n      position: absolute;\n      pointer-events: none;\n      transform: scale(0, 1) translate(-100%, 0);\n      opacity: 0;\n    }\n\n    .compose__action-bar .icon-button {\n      pointer-events: auto;\n      transform: scale(1, 1) translate(0, 0);\n      opacity: 1;\n    }\n  }\n}\n\n.navigation-bar__profile {\n  flex: 1 1 auto;\n  margin-left: 8px;\n  line-height: 20px;\n  margin-top: -1px;\n  overflow: hidden;\n}\n\n.navigation-bar__profile-account {\n  display: block;\n  font-weight: 500;\n  overflow: hidden;\n  text-overflow: ellipsis;\n}\n\n.navigation-bar__profile-edit {\n  color: inherit;\n  text-decoration: none;\n}\n\n.dropdown {\n  display: inline-block;\n}\n\n.dropdown__content {\n  display: none;\n  position: absolute;\n}\n\n.dropdown-menu__separator {\n  border-bottom: 1px solid darken($ui-secondary-color, 8%);\n  margin: 5px 7px 6px;\n  height: 0;\n}\n\n.dropdown-menu {\n  background: $ui-secondary-color;\n  padding: 4px 0;\n  border-radius: 4px;\n  box-shadow: 2px 4px 15px rgba($base-shadow-color, 0.4);\n  z-index: 9999;\n\n  ul {\n    list-style: none;\n  }\n\n  &.left {\n    transform-origin: 100% 50%;\n  }\n\n  &.top {\n    transform-origin: 50% 100%;\n  }\n\n  &.bottom {\n    transform-origin: 50% 0;\n  }\n\n  &.right {\n    transform-origin: 0 50%;\n  }\n}\n\n.dropdown-menu__arrow {\n  position: absolute;\n  width: 0;\n  height: 0;\n  border: 0 solid transparent;\n\n  &.left {\n    right: -5px;\n    margin-top: -5px;\n    border-width: 5px 0 5px 5px;\n    border-left-color: $ui-secondary-color;\n  }\n\n  &.top {\n    bottom: -5px;\n    margin-left: -7px;\n    border-width: 5px 7px 0;\n    border-top-color: $ui-secondary-color;\n  }\n\n  &.bottom {\n    top: -5px;\n    margin-left: -7px;\n    border-width: 0 7px 5px;\n    border-bottom-color: $ui-secondary-color;\n  }\n\n  &.right {\n    left: -5px;\n    margin-top: -5px;\n    border-width: 5px 5px 5px 0;\n    border-right-color: $ui-secondary-color;\n  }\n}\n\n.dropdown-menu__item {\n  a {\n    font-size: 13px;\n    line-height: 18px;\n    display: block;\n    padding: 4px 14px;\n    box-sizing: border-box;\n    text-decoration: none;\n    background: $ui-secondary-color;\n    color: $inverted-text-color;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n\n    &:focus,\n    &:hover,\n    &:active {\n      background: $ui-highlight-color;\n      color: $secondary-text-color;\n      outline: 0;\n    }\n  }\n}\n\n.dropdown--active .dropdown__content {\n  display: block;\n  line-height: 18px;\n  max-width: 311px;\n  right: 0;\n  text-align: left;\n  z-index: 9999;\n\n  & > ul {\n    list-style: none;\n    background: $ui-secondary-color;\n    padding: 4px 0;\n    border-radius: 4px;\n    box-shadow: 0 0 15px rgba($base-shadow-color, 0.4);\n    min-width: 140px;\n    position: relative;\n  }\n\n  &.dropdown__right {\n    right: 0;\n  }\n\n  &.dropdown__left {\n    & > ul {\n      left: -98px;\n    }\n  }\n\n  & > ul > li > a {\n    font-size: 13px;\n    line-height: 18px;\n    display: block;\n    padding: 4px 14px;\n    box-sizing: border-box;\n    text-decoration: none;\n    background: $ui-secondary-color;\n    color: $inverted-text-color;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n\n    &:focus {\n      outline: 0;\n    }\n\n    &:hover {\n      background: $ui-highlight-color;\n      color: $secondary-text-color;\n    }\n  }\n}\n\n.dropdown__icon {\n  vertical-align: middle;\n}\n\n.columns-area {\n  display: flex;\n  flex: 1 1 auto;\n  flex-direction: row;\n  justify-content: flex-start;\n  overflow-x: auto;\n  position: relative;\n\n  &.unscrollable {\n    overflow-x: hidden;\n  }\n\n  &__panels {\n    display: flex;\n    justify-content: center;\n    width: 100%;\n    height: 100%;\n    min-height: 100vh;\n\n    &__pane {\n      height: 100%;\n      overflow: hidden;\n      pointer-events: none;\n      display: flex;\n      justify-content: flex-end;\n      min-width: 285px;\n\n      &--start {\n        justify-content: flex-start;\n      }\n\n      &__inner {\n        position: fixed;\n        width: 285px;\n        pointer-events: auto;\n        height: 100%;\n      }\n    }\n\n    &__main {\n      box-sizing: border-box;\n      width: 100%;\n      max-width: 600px;\n      flex: 0 0 auto;\n      display: flex;\n      flex-direction: column;\n\n      @media screen and (min-width: $no-gap-breakpoint) {\n        padding: 0 10px;\n      }\n    }\n  }\n}\n\n.tabs-bar__wrapper {\n  background: darken($ui-base-color, 8%);\n  position: sticky;\n  top: 0;\n  z-index: 2;\n  padding-top: 0;\n\n  @media screen and (min-width: $no-gap-breakpoint) {\n    padding-top: 10px;\n  }\n\n  .tabs-bar {\n    margin-bottom: 0;\n\n    @media screen and (min-width: $no-gap-breakpoint) {\n      margin-bottom: 10px;\n    }\n  }\n}\n\n.react-swipeable-view-container {\n  &,\n  .columns-area,\n  .drawer,\n  .column {\n    height: 100%;\n  }\n}\n\n.react-swipeable-view-container > * {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  height: 100%;\n}\n\n.column {\n  width: 350px;\n  position: relative;\n  box-sizing: border-box;\n  display: flex;\n  flex-direction: column;\n\n  > .scrollable {\n    background: $ui-base-color;\n    border-bottom-left-radius: 2px;\n    border-bottom-right-radius: 2px;\n  }\n}\n\n.ui {\n  flex: 0 0 auto;\n  display: flex;\n  flex-direction: column;\n  width: 100%;\n  height: 100%;\n}\n\n.drawer {\n  width: 330px;\n  box-sizing: border-box;\n  display: flex;\n  flex-direction: column;\n  overflow-y: hidden;\n}\n\n.drawer__tab {\n  display: block;\n  flex: 1 1 auto;\n  padding: 15px 5px 13px;\n  color: $darker-text-color;\n  text-decoration: none;\n  text-align: center;\n  font-size: 16px;\n  border-bottom: 2px solid transparent;\n}\n\n.column,\n.drawer {\n  flex: 1 1 auto;\n  overflow: hidden;\n}\n\n@media screen and (min-width: 631px) {\n  .columns-area {\n    padding: 0;\n  }\n\n  .column,\n  .drawer {\n    flex: 0 0 auto;\n    padding: 10px;\n    padding-left: 5px;\n    padding-right: 5px;\n\n    &:first-child {\n      padding-left: 10px;\n    }\n\n    &:last-child {\n      padding-right: 10px;\n    }\n  }\n\n  .columns-area > div {\n    .column,\n    .drawer {\n      padding-left: 5px;\n      padding-right: 5px;\n    }\n  }\n}\n\n.tabs-bar {\n  box-sizing: border-box;\n  display: flex;\n  background: lighten($ui-base-color, 8%);\n  flex: 0 0 auto;\n  overflow-y: auto;\n}\n\n.tabs-bar__link {\n  display: block;\n  flex: 1 1 auto;\n  padding: 15px 10px;\n  padding-bottom: 13px;\n  color: $primary-text-color;\n  text-decoration: none;\n  text-align: center;\n  font-size: 14px;\n  font-weight: 500;\n  border-bottom: 2px solid lighten($ui-base-color, 8%);\n  transition: all 50ms linear;\n  transition-property: border-bottom, background, color;\n\n  .fa {\n    font-weight: 400;\n    font-size: 16px;\n  }\n\n  &:hover,\n  &:focus,\n  &:active {\n    @media screen and (min-width: 631px) {\n      background: lighten($ui-base-color, 14%);\n      border-bottom-color: lighten($ui-base-color, 14%);\n    }\n  }\n\n  &.active {\n    border-bottom: 2px solid $highlight-text-color;\n    color: $highlight-text-color;\n  }\n\n  span {\n    margin-left: 5px;\n    display: none;\n  }\n}\n\n@media screen and (min-width: 600px) {\n  .tabs-bar__link {\n    span {\n      display: inline;\n    }\n  }\n}\n\n.columns-area--mobile {\n  flex-direction: column;\n  width: 100%;\n  height: 100%;\n  margin: 0 auto;\n\n  .column,\n  .drawer {\n    width: 100%;\n    height: 100%;\n    padding: 0;\n  }\n\n  .directory__list {\n    display: grid;\n    grid-gap: 10px;\n    grid-template-columns: minmax(0, 50%) minmax(0, 50%);\n\n    @media screen and (max-width: $no-gap-breakpoint) {\n      display: block;\n    }\n  }\n\n  .directory__card {\n    margin-bottom: 0;\n  }\n\n  .filter-form {\n    display: flex;\n  }\n\n  .autosuggest-textarea__textarea {\n    font-size: 16px;\n  }\n\n  .search__input {\n    line-height: 18px;\n    font-size: 16px;\n    padding: 15px;\n    padding-right: 30px;\n  }\n\n  .search__icon .fa {\n    top: 15px;\n  }\n\n  .scrollable {\n    overflow: visible;\n\n    @supports(display: grid) {\n      contain: content;\n    }\n  }\n\n  @media screen and (min-width: $no-gap-breakpoint) {\n    padding: 10px 0;\n    padding-top: 0;\n  }\n\n  @media screen and (min-width: 630px) {\n    .detailed-status {\n      padding: 15px;\n\n      .media-gallery,\n      .video-player,\n      .audio-player {\n        margin-top: 15px;\n      }\n    }\n\n    .account__header__bar {\n      padding: 5px 10px;\n    }\n\n    .navigation-bar,\n    .compose-form {\n      padding: 15px;\n    }\n\n    .compose-form .compose-form__publish .compose-form__publish-button-wrapper {\n      padding-top: 15px;\n    }\n\n    .status {\n      padding: 15px 15px 15px (48px + 15px * 2);\n      min-height: 48px + 2px;\n\n      &__avatar {\n        left: 15px;\n        top: 17px;\n      }\n\n      &__content {\n        padding-top: 5px;\n      }\n\n      &__prepend {\n        margin-left: 48px + 15px * 2;\n        padding-top: 15px;\n      }\n\n      &__prepend-icon-wrapper {\n        left: -32px;\n      }\n\n      .media-gallery,\n      &__action-bar,\n      .video-player,\n      .audio-player {\n        margin-top: 10px;\n      }\n    }\n\n    .account {\n      padding: 15px 10px;\n\n      &__header__bio {\n        margin: 0 -10px;\n      }\n    }\n\n    .notification {\n      &__message {\n        margin-left: 48px + 15px * 2;\n        padding-top: 15px;\n      }\n\n      &__favourite-icon-wrapper {\n        left: -32px;\n      }\n\n      .status {\n        padding-top: 8px;\n      }\n\n      .account {\n        padding-top: 8px;\n      }\n\n      .account__avatar-wrapper {\n        margin-left: 17px;\n        margin-right: 15px;\n      }\n    }\n  }\n}\n\n.floating-action-button {\n  position: fixed;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  width: 3.9375rem;\n  height: 3.9375rem;\n  bottom: 1.3125rem;\n  right: 1.3125rem;\n  background: darken($ui-highlight-color, 3%);\n  color: $white;\n  border-radius: 50%;\n  font-size: 21px;\n  line-height: 21px;\n  text-decoration: none;\n  box-shadow: 2px 3px 9px rgba($base-shadow-color, 0.4);\n\n  &:hover,\n  &:focus,\n  &:active {\n    background: lighten($ui-highlight-color, 7%);\n  }\n}\n\n@media screen and (min-width: $no-gap-breakpoint) {\n  .tabs-bar {\n    width: 100%;\n  }\n\n  .react-swipeable-view-container .columns-area--mobile {\n    height: calc(100% - 10px) !important;\n  }\n\n  .getting-started__wrapper,\n  .getting-started__trends,\n  .search {\n    margin-bottom: 10px;\n  }\n\n  .getting-started__panel {\n    margin: 10px 0;\n  }\n\n  .column,\n  .drawer {\n    min-width: 330px;\n  }\n}\n\n@media screen and (max-width: 600px + (285px * 1) + (10px * 1)) {\n  .columns-area__panels__pane--compositional {\n    display: none;\n  }\n}\n\n@media screen and (min-width: 600px + (285px * 1) + (10px * 1)) {\n  .floating-action-button,\n  .tabs-bar__link.optional {\n    display: none;\n  }\n\n  .search-page .search {\n    display: none;\n  }\n}\n\n@media screen and (max-width: 600px + (285px * 2) + (10px * 2)) {\n  .columns-area__panels__pane--navigational {\n    display: none;\n  }\n}\n\n@media screen and (min-width: 600px + (285px * 2) + (10px * 2)) {\n  .tabs-bar {\n    display: none;\n  }\n}\n\n.icon-with-badge {\n  position: relative;\n\n  &__badge {\n    position: absolute;\n    left: 9px;\n    top: -13px;\n    background: $ui-highlight-color;\n    border: 2px solid lighten($ui-base-color, 8%);\n    padding: 1px 6px;\n    border-radius: 6px;\n    font-size: 10px;\n    font-weight: 500;\n    line-height: 14px;\n    color: $primary-text-color;\n  }\n}\n\n.column-link--transparent .icon-with-badge__badge {\n  border-color: darken($ui-base-color, 8%);\n}\n\n.compose-panel {\n  width: 285px;\n  margin-top: 10px;\n  display: flex;\n  flex-direction: column;\n  height: calc(100% - 10px);\n  overflow-y: hidden;\n\n  .navigation-bar {\n    padding-top: 20px;\n    padding-bottom: 20px;\n    flex: 0 1 48px;\n    min-height: 20px;\n  }\n\n  .flex-spacer {\n    background: transparent;\n  }\n\n  .compose-form {\n    flex: 1;\n    overflow-y: hidden;\n    display: flex;\n    flex-direction: column;\n    min-height: 310px;\n    padding-bottom: 71px;\n    margin-bottom: -71px;\n  }\n\n  .compose-form__autosuggest-wrapper {\n    overflow-y: auto;\n    background-color: $white;\n    border-radius: 4px 4px 0 0;\n    flex: 0 1 auto;\n  }\n\n  .autosuggest-textarea__textarea {\n    overflow-y: hidden;\n  }\n\n  .compose-form__upload-thumbnail {\n    height: 80px;\n  }\n}\n\n.navigation-panel {\n  margin-top: 10px;\n  margin-bottom: 10px;\n  height: calc(100% - 20px);\n  overflow-y: auto;\n  display: flex;\n  flex-direction: column;\n\n  & > a {\n    flex: 0 0 auto;\n  }\n\n  hr {\n    flex: 0 0 auto;\n    border: 0;\n    background: transparent;\n    border-top: 1px solid lighten($ui-base-color, 4%);\n    margin: 10px 0;\n  }\n\n  .flex-spacer {\n    background: transparent;\n  }\n}\n\n.drawer__pager {\n  box-sizing: border-box;\n  padding: 0;\n  flex-grow: 1;\n  position: relative;\n  overflow: hidden;\n  display: flex;\n}\n\n.drawer__inner {\n  position: absolute;\n  top: 0;\n  left: 0;\n  background: lighten($ui-base-color, 13%);\n  box-sizing: border-box;\n  padding: 0;\n  display: flex;\n  flex-direction: column;\n  overflow: hidden;\n  overflow-y: auto;\n  width: 100%;\n  height: 100%;\n  border-radius: 2px;\n\n  &.darker {\n    background: $ui-base-color;\n  }\n}\n\n.drawer__inner__mastodon {\n  background: lighten($ui-base-color, 13%) url('data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 234.80078 31.757813\" width=\"234.80078\" height=\"31.757812\"><path d=\"M19.599609 0c-1.05 0-2.10039.375-2.90039 1.125L0 16.925781v14.832031h234.80078V17.025391l-16.5-15.900391c-1.6-1.5-4.20078-1.5-5.80078 0l-13.80078 13.099609c-1.6 1.5-4.19883 1.5-5.79883 0L179.09961 1.125c-1.6-1.5-4.19883-1.5-5.79883 0L159.5 14.224609c-1.6 1.5-4.20078 1.5-5.80078 0L139.90039 1.125c-1.6-1.5-4.20078-1.5-5.80078 0l-13.79883 13.099609c-1.6 1.5-4.20078 1.5-5.80078 0L100.69922 1.125c-1.600001-1.5-4.198829-1.5-5.798829 0l-13.59961 13.099609c-1.6 1.5-4.200781 1.5-5.800781 0L61.699219 1.125c-1.6-1.5-4.198828-1.5-5.798828 0L42.099609 14.224609c-1.6 1.5-4.198828 1.5-5.798828 0L22.5 1.125C21.7.375 20.649609 0 19.599609 0z\" fill=\"#{hex-color($ui-base-color)}\"/></svg>') no-repeat bottom / 100% auto;\n  flex: 1;\n  min-height: 47px;\n  display: none;\n\n  > img {\n    display: block;\n    object-fit: contain;\n    object-position: bottom left;\n    width: 100%;\n    height: 100%;\n    pointer-events: none;\n    user-drag: none;\n    user-select: none;\n  }\n\n  @media screen and (min-height: 640px) {\n    display: block;\n  }\n}\n\n.pseudo-drawer {\n  background: lighten($ui-base-color, 13%);\n  font-size: 13px;\n  text-align: left;\n}\n\n.drawer__header {\n  flex: 0 0 auto;\n  font-size: 16px;\n  background: lighten($ui-base-color, 8%);\n  margin-bottom: 10px;\n  display: flex;\n  flex-direction: row;\n  border-radius: 2px;\n\n  a {\n    transition: background 100ms ease-in;\n\n    &:hover {\n      background: lighten($ui-base-color, 3%);\n      transition: background 200ms ease-out;\n    }\n  }\n}\n\n.scrollable {\n  overflow-y: scroll;\n  overflow-x: hidden;\n  flex: 1 1 auto;\n  -webkit-overflow-scrolling: touch;\n\n  &.optionally-scrollable {\n    overflow-y: auto;\n  }\n\n  @supports(display: grid) { // hack to fix Chrome <57\n    contain: strict;\n  }\n\n  &--flex {\n    display: flex;\n    flex-direction: column;\n  }\n\n  &__append {\n    flex: 1 1 auto;\n    position: relative;\n    min-height: 120px;\n  }\n}\n\n.scrollable.fullscreen {\n  @supports(display: grid) { // hack to fix Chrome <57\n    contain: none;\n  }\n}\n\n.column-back-button {\n  box-sizing: border-box;\n  width: 100%;\n  background: lighten($ui-base-color, 4%);\n  color: $highlight-text-color;\n  cursor: pointer;\n  flex: 0 0 auto;\n  font-size: 16px;\n  line-height: inherit;\n  border: 0;\n  text-align: unset;\n  padding: 15px;\n  margin: 0;\n  z-index: 3;\n  outline: 0;\n\n  &:hover {\n    text-decoration: underline;\n  }\n}\n\n.column-header__back-button {\n  background: lighten($ui-base-color, 4%);\n  border: 0;\n  font-family: inherit;\n  color: $highlight-text-color;\n  cursor: pointer;\n  white-space: nowrap;\n  font-size: 16px;\n  padding: 0 5px 0 0;\n  z-index: 3;\n\n  &:hover {\n    text-decoration: underline;\n  }\n\n  &:last-child {\n    padding: 0 15px 0 0;\n  }\n}\n\n.column-back-button__icon {\n  display: inline-block;\n  margin-right: 5px;\n}\n\n.column-back-button--slim {\n  position: relative;\n}\n\n.column-back-button--slim-button {\n  cursor: pointer;\n  flex: 0 0 auto;\n  font-size: 16px;\n  padding: 15px;\n  position: absolute;\n  right: 0;\n  top: -48px;\n}\n\n.react-toggle {\n  display: inline-block;\n  position: relative;\n  cursor: pointer;\n  background-color: transparent;\n  border: 0;\n  padding: 0;\n  user-select: none;\n  -webkit-tap-highlight-color: rgba($base-overlay-background, 0);\n  -webkit-tap-highlight-color: transparent;\n}\n\n.react-toggle-screenreader-only {\n  border: 0;\n  clip: rect(0 0 0 0);\n  height: 1px;\n  margin: -1px;\n  overflow: hidden;\n  padding: 0;\n  position: absolute;\n  width: 1px;\n}\n\n.react-toggle--disabled {\n  cursor: not-allowed;\n  opacity: 0.5;\n  transition: opacity 0.25s;\n}\n\n.react-toggle-track {\n  width: 50px;\n  height: 24px;\n  padding: 0;\n  border-radius: 30px;\n  background-color: $ui-base-color;\n  transition: background-color 0.2s ease;\n}\n\n.react-toggle:hover:not(.react-toggle--disabled) .react-toggle-track {\n  background-color: darken($ui-base-color, 10%);\n}\n\n.react-toggle--checked .react-toggle-track {\n  background-color: $ui-highlight-color;\n}\n\n.react-toggle--checked:hover:not(.react-toggle--disabled) .react-toggle-track {\n  background-color: lighten($ui-highlight-color, 10%);\n}\n\n.react-toggle-track-check {\n  position: absolute;\n  width: 14px;\n  height: 10px;\n  top: 0;\n  bottom: 0;\n  margin-top: auto;\n  margin-bottom: auto;\n  line-height: 0;\n  left: 8px;\n  opacity: 0;\n  transition: opacity 0.25s ease;\n}\n\n.react-toggle--checked .react-toggle-track-check {\n  opacity: 1;\n  transition: opacity 0.25s ease;\n}\n\n.react-toggle-track-x {\n  position: absolute;\n  width: 10px;\n  height: 10px;\n  top: 0;\n  bottom: 0;\n  margin-top: auto;\n  margin-bottom: auto;\n  line-height: 0;\n  right: 10px;\n  opacity: 1;\n  transition: opacity 0.25s ease;\n}\n\n.react-toggle--checked .react-toggle-track-x {\n  opacity: 0;\n}\n\n.react-toggle-thumb {\n  position: absolute;\n  top: 1px;\n  left: 1px;\n  width: 22px;\n  height: 22px;\n  border: 1px solid $ui-base-color;\n  border-radius: 50%;\n  background-color: darken($simple-background-color, 2%);\n  box-sizing: border-box;\n  transition: all 0.25s ease;\n  transition-property: border-color, left;\n}\n\n.react-toggle--checked .react-toggle-thumb {\n  left: 27px;\n  border-color: $ui-highlight-color;\n}\n\n.column-link {\n  background: lighten($ui-base-color, 8%);\n  color: $primary-text-color;\n  display: block;\n  font-size: 16px;\n  padding: 15px;\n  text-decoration: none;\n\n  &:hover,\n  &:focus,\n  &:active {\n    background: lighten($ui-base-color, 11%);\n  }\n\n  &:focus {\n    outline: 0;\n  }\n\n  &--transparent {\n    background: transparent;\n    color: $ui-secondary-color;\n\n    &:hover,\n    &:focus,\n    &:active {\n      background: transparent;\n      color: $primary-text-color;\n    }\n\n    &.active {\n      color: $ui-highlight-color;\n    }\n  }\n}\n\n.column-link__icon {\n  display: inline-block;\n  margin-right: 5px;\n}\n\n.column-link__badge {\n  display: inline-block;\n  border-radius: 4px;\n  font-size: 12px;\n  line-height: 19px;\n  font-weight: 500;\n  background: $ui-base-color;\n  padding: 4px 8px;\n  margin: -6px 10px;\n}\n\n.column-subheading {\n  background: $ui-base-color;\n  color: $dark-text-color;\n  padding: 8px 20px;\n  font-size: 13px;\n  font-weight: 500;\n  cursor: default;\n}\n\n.getting-started__wrapper,\n.getting-started,\n.flex-spacer {\n  background: $ui-base-color;\n}\n\n.flex-spacer {\n  flex: 1 1 auto;\n}\n\n.getting-started {\n  color: $dark-text-color;\n  overflow: auto;\n  border-bottom-left-radius: 2px;\n  border-bottom-right-radius: 2px;\n\n  &__wrapper,\n  &__panel,\n  &__footer {\n    height: min-content;\n  }\n\n  &__panel,\n  &__footer\n  {\n    padding: 10px;\n    padding-top: 20px;\n    flex-grow: 0;\n\n    ul {\n      margin-bottom: 10px;\n    }\n\n    ul li {\n      display: inline;\n    }\n\n    p {\n      font-size: 13px;\n\n      a {\n        color: $dark-text-color;\n        text-decoration: underline;\n      }\n    }\n\n    a {\n      text-decoration: none;\n      color: $darker-text-color;\n\n      &:hover,\n      &:focus,\n      &:active {\n        text-decoration: underline;\n      }\n    }\n  }\n\n  &__wrapper,\n  &__footer\n  {\n    color: $dark-text-color;\n  }\n\n  &__trends {\n    flex: 0 1 auto;\n    opacity: 1;\n    animation: fade 150ms linear;\n    margin-top: 10px;\n\n    h4 {\n      font-size: 13px;\n      color: $darker-text-color;\n      padding: 10px;\n      font-weight: 500;\n      border-bottom: 1px solid lighten($ui-base-color, 8%);\n    }\n\n    @media screen and (max-height: 810px) {\n      .trends__item:nth-child(3) {\n        display: none;\n      }\n    }\n\n    @media screen and (max-height: 720px) {\n      .trends__item:nth-child(2) {\n        display: none;\n      }\n    }\n\n    @media screen and (max-height: 670px) {\n      display: none;\n    }\n\n    .trends__item {\n      border-bottom: 0;\n      padding: 10px;\n\n      &__current {\n        color: $darker-text-color;\n      }\n    }\n  }\n}\n\n.keyboard-shortcuts {\n  padding: 8px 0 0;\n  overflow: hidden;\n\n  thead {\n    position: absolute;\n    left: -9999px;\n  }\n\n  td {\n    padding: 0 10px 8px;\n  }\n\n  kbd {\n    display: inline-block;\n    padding: 3px 5px;\n    background-color: lighten($ui-base-color, 8%);\n    border: 1px solid darken($ui-base-color, 4%);\n  }\n}\n\n.setting-text {\n  display: block;\n  box-sizing: border-box;\n  width: 100%;\n  margin: 0;\n  color: $inverted-text-color;\n  background: $simple-background-color;\n  padding: 10px;\n  font-family: inherit;\n  font-size: 14px;\n  resize: vertical;\n  border: 0;\n  outline: 0;\n  border-radius: 4px;\n\n  &:focus {\n    outline: 0;\n  }\n\n  @media screen and (max-width: 600px) {\n    font-size: 16px;\n  }\n}\n\n.no-reduce-motion button.icon-button i.fa-retweet {\n  background-position: 0 0;\n  height: 19px;\n  transition: background-position 0.9s steps(10);\n  transition-duration: 0s;\n  vertical-align: middle;\n  width: 22px;\n\n  &::before {\n    display: none !important;\n  }\n\n}\n\n.no-reduce-motion button.icon-button.active i.fa-retweet {\n  transition-duration: 0.9s;\n  background-position: 0 100%;\n}\n\n.reduce-motion button.icon-button i.fa-retweet {\n  color: $action-button-color;\n  transition: color 100ms ease-in;\n}\n\n.reduce-motion button.icon-button.active i.fa-retweet {\n  color: $highlight-text-color;\n}\n\n.status-card {\n  display: flex;\n  font-size: 14px;\n  border: 1px solid lighten($ui-base-color, 8%);\n  border-radius: 4px;\n  color: $dark-text-color;\n  margin-top: 14px;\n  text-decoration: none;\n  overflow: hidden;\n\n  &__actions {\n    bottom: 0;\n    left: 0;\n    position: absolute;\n    right: 0;\n    top: 0;\n    display: flex;\n    justify-content: center;\n    align-items: center;\n\n    & > div {\n      background: rgba($base-shadow-color, 0.6);\n      border-radius: 8px;\n      padding: 12px 9px;\n      flex: 0 0 auto;\n      display: flex;\n      justify-content: center;\n      align-items: center;\n    }\n\n    button,\n    a {\n      display: inline;\n      color: $secondary-text-color;\n      background: transparent;\n      border: 0;\n      padding: 0 8px;\n      text-decoration: none;\n      font-size: 18px;\n      line-height: 18px;\n\n      &:hover,\n      &:active,\n      &:focus {\n        color: $primary-text-color;\n      }\n    }\n\n    a {\n      font-size: 19px;\n      position: relative;\n      bottom: -1px;\n    }\n  }\n}\n\na.status-card {\n  cursor: pointer;\n\n  &:hover {\n    background: lighten($ui-base-color, 8%);\n  }\n}\n\n.status-card-photo {\n  cursor: zoom-in;\n  display: block;\n  text-decoration: none;\n  width: 100%;\n  height: auto;\n  margin: 0;\n}\n\n.status-card-video {\n  iframe {\n    width: 100%;\n    height: 100%;\n  }\n}\n\n.status-card__title {\n  display: block;\n  font-weight: 500;\n  margin-bottom: 5px;\n  color: $darker-text-color;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  text-decoration: none;\n}\n\n.status-card__content {\n  flex: 1 1 auto;\n  overflow: hidden;\n  padding: 14px 14px 14px 8px;\n}\n\n.status-card__description {\n  color: $darker-text-color;\n}\n\n.status-card__host {\n  display: block;\n  margin-top: 5px;\n  font-size: 13px;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n\n.status-card__image {\n  flex: 0 0 100px;\n  background: lighten($ui-base-color, 8%);\n  position: relative;\n\n  & > .fa {\n    font-size: 21px;\n    position: absolute;\n    transform-origin: 50% 50%;\n    top: 50%;\n    left: 50%;\n    transform: translate(-50%, -50%);\n  }\n}\n\n.status-card.horizontal {\n  display: block;\n\n  .status-card__image {\n    width: 100%;\n  }\n\n  .status-card__image-image {\n    border-radius: 4px 4px 0 0;\n  }\n\n  .status-card__title {\n    white-space: inherit;\n  }\n}\n\n.status-card.compact {\n  border-color: lighten($ui-base-color, 4%);\n\n  &.interactive {\n    border: 0;\n  }\n\n  .status-card__content {\n    padding: 8px;\n    padding-top: 10px;\n  }\n\n  .status-card__title {\n    white-space: nowrap;\n  }\n\n  .status-card__image {\n    flex: 0 0 60px;\n  }\n}\n\na.status-card.compact:hover {\n  background-color: lighten($ui-base-color, 4%);\n}\n\n.status-card__image-image {\n  border-radius: 4px 0 0 4px;\n  display: block;\n  margin: 0;\n  width: 100%;\n  height: 100%;\n  object-fit: cover;\n  background-size: cover;\n  background-position: center center;\n}\n\n.load-more {\n  display: block;\n  color: $dark-text-color;\n  background-color: transparent;\n  border: 0;\n  font-size: inherit;\n  text-align: center;\n  line-height: inherit;\n  margin: 0;\n  padding: 15px;\n  box-sizing: border-box;\n  width: 100%;\n  clear: both;\n  text-decoration: none;\n\n  &:hover {\n    background: lighten($ui-base-color, 2%);\n  }\n}\n\n.load-gap {\n  border-bottom: 1px solid lighten($ui-base-color, 8%);\n}\n\n.regeneration-indicator {\n  text-align: center;\n  font-size: 16px;\n  font-weight: 500;\n  color: $dark-text-color;\n  background: $ui-base-color;\n  cursor: default;\n  display: flex;\n  flex: 1 1 auto;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  padding: 20px;\n\n  &__figure {\n    &,\n    img {\n      display: block;\n      width: auto;\n      height: 160px;\n      margin: 0;\n    }\n  }\n\n  &--without-header {\n    padding-top: 20px + 48px;\n  }\n\n  &__label {\n    margin-top: 30px;\n\n    strong {\n      display: block;\n      margin-bottom: 10px;\n      color: $dark-text-color;\n    }\n\n    span {\n      font-size: 15px;\n      font-weight: 400;\n    }\n  }\n}\n\n.column-header__wrapper {\n  position: relative;\n  flex: 0 0 auto;\n\n  &.active {\n    &::before {\n      display: block;\n      content: \"\";\n      position: absolute;\n      top: 35px;\n      left: 0;\n      right: 0;\n      margin: 0 auto;\n      width: 60%;\n      pointer-events: none;\n      height: 28px;\n      z-index: 1;\n      background: radial-gradient(ellipse, rgba($ui-highlight-color, 0.23) 0%, rgba($ui-highlight-color, 0) 60%);\n    }\n  }\n}\n\n.column-header {\n  display: flex;\n  font-size: 16px;\n  background: lighten($ui-base-color, 4%);\n  flex: 0 0 auto;\n  cursor: pointer;\n  position: relative;\n  z-index: 2;\n  outline: 0;\n  overflow: hidden;\n  border-top-left-radius: 2px;\n  border-top-right-radius: 2px;\n\n  & > button {\n    margin: 0;\n    border: 0;\n    padding: 15px 0 15px 15px;\n    color: inherit;\n    background: transparent;\n    font: inherit;\n    text-align: left;\n    text-overflow: ellipsis;\n    overflow: hidden;\n    white-space: nowrap;\n    flex: 1;\n  }\n\n  & > .column-header__back-button {\n    color: $highlight-text-color;\n  }\n\n  &.active {\n    box-shadow: 0 1px 0 rgba($highlight-text-color, 0.3);\n\n    .column-header__icon {\n      color: $highlight-text-color;\n      text-shadow: 0 0 10px rgba($highlight-text-color, 0.4);\n    }\n  }\n\n  &:focus,\n  &:active {\n    outline: 0;\n  }\n}\n\n.column-header__buttons {\n  height: 48px;\n  display: flex;\n}\n\n.column-header__links {\n  margin-bottom: 14px;\n}\n\n.column-header__links .text-btn {\n  margin-right: 10px;\n}\n\n.column-header__button {\n  background: lighten($ui-base-color, 4%);\n  border: 0;\n  color: $darker-text-color;\n  cursor: pointer;\n  font-size: 16px;\n  padding: 0 15px;\n\n  &:hover {\n    color: lighten($darker-text-color, 7%);\n  }\n\n  &.active {\n    color: $primary-text-color;\n    background: lighten($ui-base-color, 8%);\n\n    &:hover {\n      color: $primary-text-color;\n      background: lighten($ui-base-color, 8%);\n    }\n  }\n}\n\n.column-header__collapsible {\n  max-height: 70vh;\n  overflow: hidden;\n  overflow-y: auto;\n  color: $darker-text-color;\n  transition: max-height 150ms ease-in-out, opacity 300ms linear;\n  opacity: 1;\n\n  &.collapsed {\n    max-height: 0;\n    opacity: 0.5;\n  }\n\n  &.animating {\n    overflow-y: hidden;\n  }\n\n  hr {\n    height: 0;\n    background: transparent;\n    border: 0;\n    border-top: 1px solid lighten($ui-base-color, 12%);\n    margin: 10px 0;\n  }\n}\n\n.column-header__collapsible-inner {\n  background: lighten($ui-base-color, 8%);\n  padding: 15px;\n}\n\n.column-header__setting-btn {\n  &:hover {\n    color: $darker-text-color;\n    text-decoration: underline;\n  }\n}\n\n.column-header__setting-arrows {\n  float: right;\n\n  .column-header__setting-btn {\n    padding: 0 10px;\n\n    &:last-child {\n      padding-right: 0;\n    }\n  }\n}\n\n.text-btn {\n  display: inline-block;\n  padding: 0;\n  font-family: inherit;\n  font-size: inherit;\n  color: inherit;\n  border: 0;\n  background: transparent;\n  cursor: pointer;\n}\n\n.column-header__icon {\n  display: inline-block;\n  margin-right: 5px;\n}\n\n.loading-indicator {\n  color: $dark-text-color;\n  font-size: 13px;\n  font-weight: 400;\n  overflow: visible;\n  position: absolute;\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n\n  span {\n    display: block;\n    float: left;\n    margin-left: 50%;\n    transform: translateX(-50%);\n    margin: 82px 0 0 50%;\n    white-space: nowrap;\n  }\n}\n\n.loading-indicator__figure {\n  position: absolute;\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n  width: 42px;\n  height: 42px;\n  box-sizing: border-box;\n  background-color: transparent;\n  border: 0 solid lighten($ui-base-color, 26%);\n  border-width: 6px;\n  border-radius: 50%;\n}\n\n.no-reduce-motion .loading-indicator span {\n  animation: loader-label 1.15s infinite cubic-bezier(0.215, 0.61, 0.355, 1);\n}\n\n.no-reduce-motion .loading-indicator__figure {\n  animation: loader-figure 1.15s infinite cubic-bezier(0.215, 0.61, 0.355, 1);\n}\n\n@keyframes spring-rotate-in {\n  0% {\n    transform: rotate(0deg);\n  }\n\n  30% {\n    transform: rotate(-484.8deg);\n  }\n\n  60% {\n    transform: rotate(-316.7deg);\n  }\n\n  90% {\n    transform: rotate(-375deg);\n  }\n\n  100% {\n    transform: rotate(-360deg);\n  }\n}\n\n@keyframes spring-rotate-out {\n  0% {\n    transform: rotate(-360deg);\n  }\n\n  30% {\n    transform: rotate(124.8deg);\n  }\n\n  60% {\n    transform: rotate(-43.27deg);\n  }\n\n  90% {\n    transform: rotate(15deg);\n  }\n\n  100% {\n    transform: rotate(0deg);\n  }\n}\n\n@keyframes loader-figure {\n  0% {\n    width: 0;\n    height: 0;\n    background-color: lighten($ui-base-color, 26%);\n  }\n\n  29% {\n    background-color: lighten($ui-base-color, 26%);\n  }\n\n  30% {\n    width: 42px;\n    height: 42px;\n    background-color: transparent;\n    border-width: 21px;\n    opacity: 1;\n  }\n\n  100% {\n    width: 42px;\n    height: 42px;\n    border-width: 0;\n    opacity: 0;\n    background-color: transparent;\n  }\n}\n\n@keyframes loader-label {\n  0% { opacity: 0.25; }\n  30% { opacity: 1; }\n  100% { opacity: 0.25; }\n}\n\n.video-error-cover {\n  align-items: center;\n  background: $base-overlay-background;\n  color: $primary-text-color;\n  cursor: pointer;\n  display: flex;\n  flex-direction: column;\n  height: 100%;\n  justify-content: center;\n  margin-top: 8px;\n  position: relative;\n  text-align: center;\n  z-index: 100;\n}\n\n.media-spoiler {\n  background: $base-overlay-background;\n  color: $darker-text-color;\n  border: 0;\n  padding: 0;\n  width: 100%;\n  height: 100%;\n  border-radius: 4px;\n  appearance: none;\n\n  &:hover,\n  &:active,\n  &:focus {\n    padding: 0;\n    color: lighten($darker-text-color, 8%);\n  }\n}\n\n.media-spoiler__warning {\n  display: block;\n  font-size: 14px;\n}\n\n.media-spoiler__trigger {\n  display: block;\n  font-size: 11px;\n  font-weight: 700;\n}\n\n.spoiler-button {\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  position: absolute;\n  z-index: 100;\n\n  &--minified {\n    display: block;\n    left: 4px;\n    top: 4px;\n    width: auto;\n    height: auto;\n  }\n\n  &--click-thru {\n    pointer-events: none;\n  }\n\n  &--hidden {\n    display: none;\n  }\n\n  &__overlay {\n    display: block;\n    background: transparent;\n    width: 100%;\n    height: 100%;\n    border: 0;\n\n    &__label {\n      display: inline-block;\n      background: rgba($base-overlay-background, 0.5);\n      border-radius: 8px;\n      padding: 8px 12px;\n      color: $primary-text-color;\n      font-weight: 500;\n      font-size: 14px;\n    }\n\n    &:hover,\n    &:focus,\n    &:active {\n      .spoiler-button__overlay__label {\n        background: rgba($base-overlay-background, 0.8);\n      }\n    }\n\n    &:disabled {\n      .spoiler-button__overlay__label {\n        background: rgba($base-overlay-background, 0.5);\n      }\n    }\n  }\n}\n\n.modal-container--preloader {\n  background: lighten($ui-base-color, 8%);\n}\n\n.account--panel {\n  background: lighten($ui-base-color, 4%);\n  border-top: 1px solid lighten($ui-base-color, 8%);\n  border-bottom: 1px solid lighten($ui-base-color, 8%);\n  display: flex;\n  flex-direction: row;\n  padding: 10px 0;\n}\n\n.account--panel__button,\n.detailed-status__button {\n  flex: 1 1 auto;\n  text-align: center;\n}\n\n.column-settings__outer {\n  background: lighten($ui-base-color, 8%);\n  padding: 15px;\n}\n\n.column-settings__section {\n  color: $darker-text-color;\n  cursor: default;\n  display: block;\n  font-weight: 500;\n  margin-bottom: 10px;\n}\n\n.column-settings__hashtags {\n  .column-settings__row {\n    margin-bottom: 15px;\n  }\n\n  .column-select {\n    &__control {\n      @include search-input;\n\n      &::placeholder {\n        color: lighten($darker-text-color, 4%);\n      }\n\n      &::-moz-focus-inner {\n        border: 0;\n      }\n\n      &::-moz-focus-inner,\n      &:focus,\n      &:active {\n        outline: 0 !important;\n      }\n\n      &:focus {\n        background: lighten($ui-base-color, 4%);\n      }\n\n      @media screen and (max-width: 600px) {\n        font-size: 16px;\n      }\n    }\n\n    &__placeholder {\n      color: $dark-text-color;\n      padding-left: 2px;\n      font-size: 12px;\n    }\n\n    &__value-container {\n      padding-left: 6px;\n    }\n\n    &__multi-value {\n      background: lighten($ui-base-color, 8%);\n\n      &__remove {\n        cursor: pointer;\n\n        &:hover,\n        &:active,\n        &:focus {\n          background: lighten($ui-base-color, 12%);\n          color: lighten($darker-text-color, 4%);\n        }\n      }\n    }\n\n    &__multi-value__label,\n    &__input {\n      color: $darker-text-color;\n    }\n\n    &__clear-indicator,\n    &__dropdown-indicator {\n      cursor: pointer;\n      transition: none;\n      color: $dark-text-color;\n\n      &:hover,\n      &:active,\n      &:focus {\n        color: lighten($dark-text-color, 4%);\n      }\n    }\n\n    &__indicator-separator {\n      background-color: lighten($ui-base-color, 8%);\n    }\n\n    &__menu {\n      @include search-popout;\n      padding: 0;\n      background: $ui-secondary-color;\n    }\n\n    &__menu-list {\n      padding: 6px;\n    }\n\n    &__option {\n      color: $inverted-text-color;\n      border-radius: 4px;\n      font-size: 14px;\n\n      &--is-focused,\n      &--is-selected {\n        background: darken($ui-secondary-color, 10%);\n      }\n    }\n  }\n}\n\n.column-settings__row {\n  .text-btn {\n    margin-bottom: 15px;\n  }\n}\n\n.relationship-tag {\n  color: $primary-text-color;\n  margin-bottom: 4px;\n  display: block;\n  vertical-align: top;\n  background-color: $base-overlay-background;\n  font-size: 12px;\n  font-weight: 500;\n  padding: 4px;\n  border-radius: 4px;\n  opacity: 0.7;\n\n  &:hover {\n    opacity: 1;\n  }\n}\n\n.setting-toggle {\n  display: block;\n  line-height: 24px;\n}\n\n.setting-toggle__label {\n  color: $darker-text-color;\n  display: inline-block;\n  margin-bottom: 14px;\n  margin-left: 8px;\n  vertical-align: middle;\n}\n\n.empty-column-indicator,\n.error-column {\n  color: $dark-text-color;\n  background: $ui-base-color;\n  text-align: center;\n  padding: 20px;\n  font-size: 15px;\n  font-weight: 400;\n  cursor: default;\n  display: flex;\n  flex: 1 1 auto;\n  align-items: center;\n  justify-content: center;\n\n  @supports(display: grid) { // hack to fix Chrome <57\n    contain: strict;\n  }\n\n  & > span {\n    max-width: 400px;\n  }\n\n  a {\n    color: $highlight-text-color;\n    text-decoration: none;\n\n    &:hover {\n      text-decoration: underline;\n    }\n  }\n}\n\n.error-column {\n  flex-direction: column;\n}\n\n@keyframes heartbeat {\n  from {\n    transform: scale(1);\n    animation-timing-function: ease-out;\n  }\n\n  10% {\n    transform: scale(0.91);\n    animation-timing-function: ease-in;\n  }\n\n  17% {\n    transform: scale(0.98);\n    animation-timing-function: ease-out;\n  }\n\n  33% {\n    transform: scale(0.87);\n    animation-timing-function: ease-in;\n  }\n\n  45% {\n    transform: scale(1);\n    animation-timing-function: ease-out;\n  }\n}\n\n.no-reduce-motion .pulse-loading {\n  transform-origin: center center;\n  animation: heartbeat 1.5s ease-in-out infinite both;\n}\n\n@keyframes shake-bottom {\n  0%,\n  100% {\n    transform: rotate(0deg);\n    transform-origin: 50% 100%;\n  }\n\n  10% {\n    transform: rotate(2deg);\n  }\n\n  20%,\n  40%,\n  60% {\n    transform: rotate(-4deg);\n  }\n\n  30%,\n  50%,\n  70% {\n    transform: rotate(4deg);\n  }\n\n  80% {\n    transform: rotate(-2deg);\n  }\n\n  90% {\n    transform: rotate(2deg);\n  }\n}\n\n.no-reduce-motion .shake-bottom {\n  transform-origin: 50% 100%;\n  animation: shake-bottom 0.8s cubic-bezier(0.455, 0.03, 0.515, 0.955) 2s 2 both;\n}\n\n.emoji-picker-dropdown__menu {\n  background: $simple-background-color;\n  position: absolute;\n  box-shadow: 4px 4px 6px rgba($base-shadow-color, 0.4);\n  border-radius: 4px;\n  margin-top: 5px;\n  z-index: 2;\n\n  .emoji-mart-scroll {\n    transition: opacity 200ms ease;\n  }\n\n  &.selecting .emoji-mart-scroll {\n    opacity: 0.5;\n  }\n}\n\n.emoji-picker-dropdown__modifiers {\n  position: absolute;\n  top: 60px;\n  right: 11px;\n  cursor: pointer;\n}\n\n.emoji-picker-dropdown__modifiers__menu {\n  position: absolute;\n  z-index: 4;\n  top: -4px;\n  left: -8px;\n  background: $simple-background-color;\n  border-radius: 4px;\n  box-shadow: 1px 2px 6px rgba($base-shadow-color, 0.2);\n  overflow: hidden;\n\n  button {\n    display: block;\n    cursor: pointer;\n    border: 0;\n    padding: 4px 8px;\n    background: transparent;\n\n    &:hover,\n    &:focus,\n    &:active {\n      background: rgba($ui-secondary-color, 0.4);\n    }\n  }\n\n  .emoji-mart-emoji {\n    height: 22px;\n  }\n}\n\n.emoji-mart-emoji {\n  span {\n    background-repeat: no-repeat;\n  }\n}\n\n.upload-area {\n  align-items: center;\n  background: rgba($base-overlay-background, 0.8);\n  display: flex;\n  height: 100%;\n  justify-content: center;\n  left: 0;\n  opacity: 0;\n  position: absolute;\n  top: 0;\n  visibility: hidden;\n  width: 100%;\n  z-index: 2000;\n\n  * {\n    pointer-events: none;\n  }\n}\n\n.upload-area__drop {\n  width: 320px;\n  height: 160px;\n  display: flex;\n  box-sizing: border-box;\n  position: relative;\n  padding: 8px;\n}\n\n.upload-area__background {\n  position: absolute;\n  top: 0;\n  right: 0;\n  bottom: 0;\n  left: 0;\n  z-index: -1;\n  border-radius: 4px;\n  background: $ui-base-color;\n  box-shadow: 0 0 5px rgba($base-shadow-color, 0.2);\n}\n\n.upload-area__content {\n  flex: 1;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  color: $secondary-text-color;\n  font-size: 18px;\n  font-weight: 500;\n  border: 2px dashed $ui-base-lighter-color;\n  border-radius: 4px;\n}\n\n.upload-progress {\n  padding: 10px;\n  color: $lighter-text-color;\n  overflow: hidden;\n  display: flex;\n\n  .fa {\n    font-size: 34px;\n    margin-right: 10px;\n  }\n\n  span {\n    font-size: 13px;\n    font-weight: 500;\n    display: block;\n  }\n}\n\n.upload-progess__message {\n  flex: 1 1 auto;\n}\n\n.upload-progress__backdrop {\n  width: 100%;\n  height: 6px;\n  border-radius: 6px;\n  background: $ui-base-lighter-color;\n  position: relative;\n  margin-top: 5px;\n}\n\n.upload-progress__tracker {\n  position: absolute;\n  left: 0;\n  top: 0;\n  height: 6px;\n  background: $ui-highlight-color;\n  border-radius: 6px;\n}\n\n.emoji-button {\n  display: block;\n  font-size: 24px;\n  line-height: 24px;\n  margin-left: 2px;\n  width: 24px;\n  outline: 0;\n  cursor: pointer;\n\n  &:active,\n  &:focus {\n    outline: 0 !important;\n  }\n\n  img {\n    filter: grayscale(100%);\n    opacity: 0.8;\n    display: block;\n    margin: 0;\n    width: 22px;\n    height: 22px;\n    margin-top: 2px;\n  }\n\n  &:hover,\n  &:active,\n  &:focus {\n    img {\n      opacity: 1;\n      filter: none;\n    }\n  }\n}\n\n.dropdown--active .emoji-button img {\n  opacity: 1;\n  filter: none;\n}\n\n.privacy-dropdown__dropdown {\n  position: absolute;\n  background: $simple-background-color;\n  box-shadow: 2px 4px 15px rgba($base-shadow-color, 0.4);\n  border-radius: 4px;\n  margin-left: 40px;\n  overflow: hidden;\n\n  &.top {\n    transform-origin: 50% 100%;\n  }\n\n  &.bottom {\n    transform-origin: 50% 0;\n  }\n}\n\n.privacy-dropdown__option {\n  color: $inverted-text-color;\n  padding: 10px;\n  cursor: pointer;\n  display: flex;\n\n  &:hover,\n  &.active {\n    background: $ui-highlight-color;\n    color: $primary-text-color;\n    outline: 0;\n\n    .privacy-dropdown__option__content {\n      color: $primary-text-color;\n\n      strong {\n        color: $primary-text-color;\n      }\n    }\n  }\n\n  &.active:hover {\n    background: lighten($ui-highlight-color, 4%);\n  }\n}\n\n.privacy-dropdown__option__icon {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  margin-right: 10px;\n}\n\n.privacy-dropdown__option__content {\n  flex: 1 1 auto;\n  color: $lighter-text-color;\n\n  strong {\n    font-weight: 500;\n    display: block;\n    color: $inverted-text-color;\n\n    @each $lang in $cjk-langs {\n      &:lang(#{$lang}) {\n        font-weight: 700;\n      }\n    }\n  }\n}\n\n.privacy-dropdown.active {\n  .privacy-dropdown__value {\n    background: $simple-background-color;\n    border-radius: 4px 4px 0 0;\n    box-shadow: 0 -4px 4px rgba($base-shadow-color, 0.1);\n\n    .icon-button {\n      transition: none;\n    }\n\n    &.active {\n      background: $ui-highlight-color;\n\n      .icon-button {\n        color: $primary-text-color;\n      }\n    }\n  }\n\n  &.top .privacy-dropdown__value {\n    border-radius: 0 0 4px 4px;\n  }\n\n  .privacy-dropdown__dropdown {\n    display: block;\n    box-shadow: 2px 4px 6px rgba($base-shadow-color, 0.1);\n  }\n}\n\n.search {\n  position: relative;\n}\n\n.search__input {\n  @include search-input;\n\n  display: block;\n  padding: 15px;\n  padding-right: 30px;\n  line-height: 18px;\n  font-size: 16px;\n\n  &::placeholder {\n    color: lighten($darker-text-color, 4%);\n  }\n\n  &::-moz-focus-inner {\n    border: 0;\n  }\n\n  &::-moz-focus-inner,\n  &:focus,\n  &:active {\n    outline: 0 !important;\n  }\n\n  &:focus {\n    background: lighten($ui-base-color, 4%);\n  }\n\n  @media screen and (max-width: 600px) {\n    font-size: 16px;\n  }\n}\n\n.search__icon {\n  &::-moz-focus-inner {\n    border: 0;\n  }\n\n  &::-moz-focus-inner,\n  &:focus {\n    outline: 0 !important;\n  }\n\n  .fa {\n    position: absolute;\n    top: 16px;\n    right: 10px;\n    z-index: 2;\n    display: inline-block;\n    opacity: 0;\n    transition: all 100ms linear;\n    transition-property: transform, opacity;\n    font-size: 18px;\n    width: 18px;\n    height: 18px;\n    color: $secondary-text-color;\n    cursor: default;\n    pointer-events: none;\n\n    &.active {\n      pointer-events: auto;\n      opacity: 0.3;\n    }\n  }\n\n  .fa-search {\n    transform: rotate(90deg);\n\n    &.active {\n      pointer-events: none;\n      transform: rotate(0deg);\n    }\n  }\n\n  .fa-times-circle {\n    top: 17px;\n    transform: rotate(0deg);\n    color: $action-button-color;\n    cursor: pointer;\n\n    &.active {\n      transform: rotate(90deg);\n    }\n\n    &:hover {\n      color: lighten($action-button-color, 7%);\n    }\n  }\n}\n\n.search-results__header {\n  color: $dark-text-color;\n  background: lighten($ui-base-color, 2%);\n  padding: 15px;\n  font-weight: 500;\n  font-size: 16px;\n  cursor: default;\n\n  .fa {\n    display: inline-block;\n    margin-right: 5px;\n  }\n}\n\n.search-results__section {\n  margin-bottom: 5px;\n\n  h5 {\n    background: darken($ui-base-color, 4%);\n    border-bottom: 1px solid lighten($ui-base-color, 8%);\n    cursor: default;\n    display: flex;\n    padding: 15px;\n    font-weight: 500;\n    font-size: 16px;\n    color: $dark-text-color;\n\n    .fa {\n      display: inline-block;\n      margin-right: 5px;\n    }\n  }\n\n  .account:last-child,\n  & > div:last-child .status {\n    border-bottom: 0;\n  }\n}\n\n.search-results__hashtag {\n  display: block;\n  padding: 10px;\n  color: $secondary-text-color;\n  text-decoration: none;\n\n  &:hover,\n  &:active,\n  &:focus {\n    color: lighten($secondary-text-color, 4%);\n    text-decoration: underline;\n  }\n}\n\n.search-results__info {\n  padding: 20px;\n  color: $darker-text-color;\n  text-align: center;\n}\n\n.modal-root {\n  position: relative;\n  transition: opacity 0.3s linear;\n  will-change: opacity;\n  z-index: 9999;\n}\n\n.modal-root__overlay {\n  position: fixed;\n  top: 0;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  background: rgba($base-overlay-background, 0.7);\n}\n\n.modal-root__container {\n  position: fixed;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  align-content: space-around;\n  z-index: 9999;\n  pointer-events: none;\n  user-select: none;\n}\n\n.modal-root__modal {\n  pointer-events: auto;\n  display: flex;\n  z-index: 9999;\n}\n\n.video-modal__container {\n  max-width: 100vw;\n  max-height: 100vh;\n}\n\n.audio-modal__container {\n  width: 50vw;\n}\n\n.media-modal {\n  width: 100%;\n  height: 100%;\n  position: relative;\n\n  .extended-video-player {\n    width: 100%;\n    height: 100%;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n\n    video {\n      max-width: $media-modal-media-max-width;\n      max-height: $media-modal-media-max-height;\n    }\n  }\n}\n\n.media-modal__closer {\n  position: absolute;\n  top: 0;\n  left: 0;\n  right: 0;\n  bottom: 0;\n}\n\n.media-modal__navigation {\n  position: absolute;\n  top: 0;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  pointer-events: none;\n  transition: opacity 0.3s linear;\n  will-change: opacity;\n\n  * {\n    pointer-events: auto;\n  }\n\n  &.media-modal__navigation--hidden {\n    opacity: 0;\n\n    * {\n      pointer-events: none;\n    }\n  }\n}\n\n.media-modal__nav {\n  background: rgba($base-overlay-background, 0.5);\n  box-sizing: border-box;\n  border: 0;\n  color: $primary-text-color;\n  cursor: pointer;\n  display: flex;\n  align-items: center;\n  font-size: 24px;\n  height: 20vmax;\n  margin: auto 0;\n  padding: 30px 15px;\n  position: absolute;\n  top: 0;\n  bottom: 0;\n}\n\n.media-modal__nav--left {\n  left: 0;\n}\n\n.media-modal__nav--right {\n  right: 0;\n}\n\n.media-modal__pagination {\n  width: 100%;\n  text-align: center;\n  position: absolute;\n  left: 0;\n  bottom: 20px;\n  pointer-events: none;\n}\n\n.media-modal__meta {\n  text-align: center;\n  position: absolute;\n  left: 0;\n  bottom: 20px;\n  width: 100%;\n  pointer-events: none;\n\n  &--shifted {\n    bottom: 62px;\n  }\n\n  a {\n    pointer-events: auto;\n    text-decoration: none;\n    font-weight: 500;\n    color: $ui-secondary-color;\n\n    &:hover,\n    &:focus,\n    &:active {\n      text-decoration: underline;\n    }\n  }\n}\n\n.media-modal__page-dot {\n  display: inline-block;\n}\n\n.media-modal__button {\n  background-color: $primary-text-color;\n  height: 12px;\n  width: 12px;\n  border-radius: 6px;\n  margin: 10px;\n  padding: 0;\n  border: 0;\n  font-size: 0;\n}\n\n.media-modal__button--active {\n  background-color: $highlight-text-color;\n}\n\n.media-modal__close {\n  position: absolute;\n  right: 8px;\n  top: 8px;\n  z-index: 100;\n}\n\n.onboarding-modal,\n.error-modal,\n.embed-modal {\n  background: $ui-secondary-color;\n  color: $inverted-text-color;\n  border-radius: 8px;\n  overflow: hidden;\n  display: flex;\n  flex-direction: column;\n}\n\n.error-modal__body {\n  height: 80vh;\n  width: 80vw;\n  max-width: 520px;\n  max-height: 420px;\n  position: relative;\n\n  & > div {\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n    box-sizing: border-box;\n    padding: 25px;\n    display: none;\n    flex-direction: column;\n    align-items: center;\n    justify-content: center;\n    display: flex;\n    opacity: 0;\n    user-select: text;\n  }\n}\n\n.error-modal__body {\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  align-items: center;\n  text-align: center;\n}\n\n.onboarding-modal__paginator,\n.error-modal__footer {\n  flex: 0 0 auto;\n  background: darken($ui-secondary-color, 8%);\n  display: flex;\n  padding: 25px;\n\n  & > div {\n    min-width: 33px;\n  }\n\n  .onboarding-modal__nav,\n  .error-modal__nav {\n    color: $lighter-text-color;\n    border: 0;\n    font-size: 14px;\n    font-weight: 500;\n    padding: 10px 25px;\n    line-height: inherit;\n    height: auto;\n    margin: -10px;\n    border-radius: 4px;\n    background-color: transparent;\n\n    &:hover,\n    &:focus,\n    &:active {\n      color: darken($lighter-text-color, 4%);\n      background-color: darken($ui-secondary-color, 16%);\n    }\n\n    &.onboarding-modal__done,\n    &.onboarding-modal__next {\n      color: $inverted-text-color;\n\n      &:hover,\n      &:focus,\n      &:active {\n        color: lighten($inverted-text-color, 4%);\n      }\n    }\n  }\n}\n\n.error-modal__footer {\n  justify-content: center;\n}\n\n.display-case {\n  text-align: center;\n  font-size: 15px;\n  margin-bottom: 15px;\n\n  &__label {\n    font-weight: 500;\n    color: $inverted-text-color;\n    margin-bottom: 5px;\n    font-size: 13px;\n  }\n\n  &__case {\n    background: $ui-base-color;\n    color: $secondary-text-color;\n    font-weight: 500;\n    padding: 10px;\n    border-radius: 4px;\n  }\n}\n\n.onboard-sliders {\n  display: inline-block;\n  max-width: 30px;\n  max-height: auto;\n  margin-left: 10px;\n}\n\n.boost-modal,\n.confirmation-modal,\n.report-modal,\n.actions-modal,\n.mute-modal,\n.block-modal {\n  background: lighten($ui-secondary-color, 8%);\n  color: $inverted-text-color;\n  border-radius: 8px;\n  overflow: hidden;\n  max-width: 90vw;\n  width: 480px;\n  position: relative;\n  flex-direction: column;\n\n  .status__display-name {\n    display: block;\n    max-width: 100%;\n    padding-right: 25px;\n  }\n\n  .status__avatar {\n    height: 28px;\n    left: 10px;\n    position: absolute;\n    top: 10px;\n    width: 48px;\n  }\n\n  .status__content__spoiler-link {\n    color: lighten($secondary-text-color, 8%);\n  }\n}\n\n.actions-modal {\n  .status {\n    background: $white;\n    border-bottom-color: $ui-secondary-color;\n    padding-top: 10px;\n    padding-bottom: 10px;\n  }\n\n  .dropdown-menu__separator {\n    border-bottom-color: $ui-secondary-color;\n  }\n}\n\n.boost-modal__container {\n  overflow-x: scroll;\n  padding: 10px;\n\n  .status {\n    user-select: text;\n    border-bottom: 0;\n  }\n}\n\n.boost-modal__action-bar,\n.confirmation-modal__action-bar,\n.mute-modal__action-bar,\n.block-modal__action-bar {\n  display: flex;\n  justify-content: space-between;\n  background: $ui-secondary-color;\n  padding: 10px;\n  line-height: 36px;\n\n  & > div {\n    flex: 1 1 auto;\n    text-align: right;\n    color: $lighter-text-color;\n    padding-right: 10px;\n  }\n\n  .button {\n    flex: 0 0 auto;\n  }\n}\n\n.boost-modal__status-header {\n  font-size: 15px;\n}\n\n.boost-modal__status-time {\n  float: right;\n  font-size: 14px;\n}\n\n.mute-modal,\n.block-modal {\n  line-height: 24px;\n}\n\n.mute-modal .react-toggle,\n.block-modal .react-toggle {\n  vertical-align: middle;\n}\n\n.report-modal {\n  width: 90vw;\n  max-width: 700px;\n}\n\n.report-modal__container {\n  display: flex;\n  border-top: 1px solid $ui-secondary-color;\n\n  @media screen and (max-width: 480px) {\n    flex-wrap: wrap;\n    overflow-y: auto;\n  }\n}\n\n.report-modal__statuses,\n.report-modal__comment {\n  box-sizing: border-box;\n  width: 50%;\n\n  @media screen and (max-width: 480px) {\n    width: 100%;\n  }\n}\n\n.report-modal__statuses,\n.focal-point-modal__content {\n  flex: 1 1 auto;\n  min-height: 20vh;\n  max-height: 80vh;\n  overflow-y: auto;\n  overflow-x: hidden;\n\n  .status__content a {\n    color: $highlight-text-color;\n  }\n\n  .status__content,\n  .status__content p {\n    color: $inverted-text-color;\n  }\n\n  @media screen and (max-width: 480px) {\n    max-height: 10vh;\n  }\n}\n\n.focal-point-modal__content {\n  @media screen and (max-width: 480px) {\n    max-height: 40vh;\n  }\n}\n\n.report-modal__comment {\n  padding: 20px;\n  border-right: 1px solid $ui-secondary-color;\n  max-width: 320px;\n\n  p {\n    font-size: 14px;\n    line-height: 20px;\n    margin-bottom: 20px;\n  }\n\n  .setting-text {\n    display: block;\n    box-sizing: border-box;\n    width: 100%;\n    margin: 0;\n    color: $inverted-text-color;\n    background: $white;\n    padding: 10px;\n    font-family: inherit;\n    font-size: 14px;\n    resize: none;\n    border: 0;\n    outline: 0;\n    border-radius: 4px;\n    border: 1px solid $ui-secondary-color;\n    min-height: 100px;\n    max-height: 50vh;\n    margin-bottom: 10px;\n\n    &:focus {\n      border: 1px solid darken($ui-secondary-color, 8%);\n    }\n\n    &__wrapper {\n      background: $white;\n      border: 1px solid $ui-secondary-color;\n      margin-bottom: 10px;\n      border-radius: 4px;\n\n      .setting-text {\n        border: 0;\n        margin-bottom: 0;\n        border-radius: 0;\n\n        &:focus {\n          border: 0;\n        }\n      }\n\n      &__modifiers {\n        color: $inverted-text-color;\n        font-family: inherit;\n        font-size: 14px;\n        background: $white;\n      }\n    }\n\n    &__toolbar {\n      display: flex;\n      justify-content: space-between;\n      margin-bottom: 20px;\n    }\n  }\n\n  .setting-text-label {\n    display: block;\n    color: $inverted-text-color;\n    font-size: 14px;\n    font-weight: 500;\n    margin-bottom: 10px;\n  }\n\n  .setting-toggle {\n    margin-top: 20px;\n    margin-bottom: 24px;\n\n    &__label {\n      color: $inverted-text-color;\n      font-size: 14px;\n    }\n  }\n\n  @media screen and (max-width: 480px) {\n    padding: 10px;\n    max-width: 100%;\n    order: 2;\n\n    .setting-toggle {\n      margin-bottom: 4px;\n    }\n  }\n}\n\n.actions-modal {\n  max-height: 80vh;\n  max-width: 80vw;\n\n  .status {\n    overflow-y: auto;\n    max-height: 300px;\n  }\n\n  .actions-modal__item-label {\n    font-weight: 500;\n  }\n\n  ul {\n    overflow-y: auto;\n    flex-shrink: 0;\n    max-height: 80vh;\n\n    &.with-status {\n      max-height: calc(80vh - 75px);\n    }\n\n    li:empty {\n      margin: 0;\n    }\n\n    li:not(:empty) {\n      a {\n        color: $inverted-text-color;\n        display: flex;\n        padding: 12px 16px;\n        font-size: 15px;\n        align-items: center;\n        text-decoration: none;\n\n        &,\n        button {\n          transition: none;\n        }\n\n        &.active,\n        &:hover,\n        &:active,\n        &:focus {\n          &,\n          button {\n            background: $ui-highlight-color;\n            color: $primary-text-color;\n          }\n        }\n\n        button:first-child {\n          margin-right: 10px;\n        }\n      }\n    }\n  }\n}\n\n.confirmation-modal__action-bar,\n.mute-modal__action-bar,\n.block-modal__action-bar {\n  .confirmation-modal__secondary-button {\n    flex-shrink: 1;\n  }\n}\n\n.confirmation-modal__secondary-button,\n.confirmation-modal__cancel-button,\n.mute-modal__cancel-button,\n.block-modal__cancel-button {\n  background-color: transparent;\n  color: $lighter-text-color;\n  font-size: 14px;\n  font-weight: 500;\n\n  &:hover,\n  &:focus,\n  &:active {\n    color: darken($lighter-text-color, 4%);\n    background-color: transparent;\n  }\n}\n\n.confirmation-modal__container,\n.mute-modal__container,\n.block-modal__container,\n.report-modal__target {\n  padding: 30px;\n  font-size: 16px;\n\n  strong {\n    font-weight: 500;\n\n    @each $lang in $cjk-langs {\n      &:lang(#{$lang}) {\n        font-weight: 700;\n      }\n    }\n  }\n}\n\n.confirmation-modal__container,\n.report-modal__target {\n  text-align: center;\n}\n\n.block-modal,\n.mute-modal {\n  &__explanation {\n    margin-top: 20px;\n  }\n\n  .setting-toggle {\n    margin-top: 20px;\n    margin-bottom: 24px;\n    display: flex;\n    align-items: center;\n\n    &__label {\n      color: $inverted-text-color;\n      margin: 0;\n      margin-left: 8px;\n    }\n  }\n}\n\n.report-modal__target {\n  padding: 15px;\n\n  .media-modal__close {\n    top: 14px;\n    right: 15px;\n  }\n}\n\n.loading-bar {\n  background-color: $highlight-text-color;\n  height: 3px;\n  position: absolute;\n  top: 0;\n  left: 0;\n  z-index: 9999;\n}\n\n.media-gallery__gifv__label {\n  display: block;\n  position: absolute;\n  color: $primary-text-color;\n  background: rgba($base-overlay-background, 0.5);\n  bottom: 6px;\n  left: 6px;\n  padding: 2px 6px;\n  border-radius: 2px;\n  font-size: 11px;\n  font-weight: 600;\n  z-index: 1;\n  pointer-events: none;\n  opacity: 0.9;\n  transition: opacity 0.1s ease;\n  line-height: 18px;\n}\n\n.media-gallery__gifv {\n  &.autoplay {\n    .media-gallery__gifv__label {\n      display: none;\n    }\n  }\n\n  &:hover {\n    .media-gallery__gifv__label {\n      opacity: 1;\n    }\n  }\n}\n\n.media-gallery__audio {\n  margin-top: 32px;\n\n  audio {\n    width: 100%;\n  }\n}\n\n.attachment-list {\n  display: flex;\n  font-size: 14px;\n  border: 1px solid lighten($ui-base-color, 8%);\n  border-radius: 4px;\n  margin-top: 14px;\n  overflow: hidden;\n\n  &__icon {\n    flex: 0 0 auto;\n    color: $dark-text-color;\n    padding: 8px 18px;\n    cursor: default;\n    border-right: 1px solid lighten($ui-base-color, 8%);\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    justify-content: center;\n    font-size: 26px;\n\n    .fa {\n      display: block;\n    }\n  }\n\n  &__list {\n    list-style: none;\n    padding: 4px 0;\n    padding-left: 8px;\n    display: flex;\n    flex-direction: column;\n    justify-content: center;\n\n    li {\n      display: block;\n      padding: 4px 0;\n    }\n\n    a {\n      text-decoration: none;\n      color: $dark-text-color;\n      font-weight: 500;\n\n      &:hover {\n        text-decoration: underline;\n      }\n    }\n  }\n\n  &.compact {\n    border: 0;\n    margin-top: 4px;\n\n    .attachment-list__list {\n      padding: 0;\n      display: block;\n    }\n\n    .fa {\n      color: $dark-text-color;\n    }\n  }\n}\n\n/* Media Gallery */\n.media-gallery {\n  box-sizing: border-box;\n  margin-top: 8px;\n  overflow: hidden;\n  border-radius: 4px;\n  position: relative;\n  width: 100%;\n}\n\n.media-gallery__item {\n  border: 0;\n  box-sizing: border-box;\n  display: block;\n  float: left;\n  position: relative;\n  border-radius: 4px;\n  overflow: hidden;\n\n  &.standalone {\n    .media-gallery__item-gifv-thumbnail {\n      transform: none;\n      top: 0;\n    }\n  }\n}\n\n.media-gallery__item-thumbnail {\n  cursor: zoom-in;\n  display: block;\n  text-decoration: none;\n  color: $secondary-text-color;\n  position: relative;\n  z-index: 1;\n\n  &,\n  img {\n    height: 100%;\n    width: 100%;\n  }\n\n  img {\n    object-fit: cover;\n  }\n}\n\n.media-gallery__preview {\n  width: 100%;\n  height: 100%;\n  object-fit: cover;\n  position: absolute;\n  top: 0;\n  left: 0;\n  z-index: 0;\n  background: $base-overlay-background;\n\n  &--hidden {\n    display: none;\n  }\n}\n\n.media-gallery__gifv {\n  height: 100%;\n  overflow: hidden;\n  position: relative;\n  width: 100%;\n}\n\n.media-gallery__item-gifv-thumbnail {\n  cursor: zoom-in;\n  height: 100%;\n  object-fit: cover;\n  position: relative;\n  top: 50%;\n  transform: translateY(-50%);\n  width: 100%;\n  z-index: 1;\n}\n\n.media-gallery__item-thumbnail-label {\n  clip: rect(1px 1px 1px 1px); /* IE6, IE7 */\n  clip: rect(1px, 1px, 1px, 1px);\n  overflow: hidden;\n  position: absolute;\n}\n/* End Media Gallery */\n\n.detailed,\n.fullscreen {\n  .video-player__volume__current,\n  .video-player__volume::before {\n    bottom: 27px;\n  }\n\n  .video-player__volume__handle {\n    bottom: 23px;\n  }\n\n}\n\n.audio-player {\n  box-sizing: border-box;\n  position: relative;\n  background: darken($ui-base-color, 8%);\n  border-radius: 4px;\n  padding-bottom: 44px;\n  direction: ltr;\n\n  &.editable {\n    border-radius: 0;\n    height: 100%;\n  }\n\n  &__waveform {\n    padding: 15px 0;\n    position: relative;\n    overflow: hidden;\n\n    &::before {\n      content: \"\";\n      display: block;\n      position: absolute;\n      border-top: 1px solid lighten($ui-base-color, 4%);\n      width: 100%;\n      height: 0;\n      left: 0;\n      top: calc(50% + 1px);\n    }\n  }\n\n  &__progress-placeholder {\n    background-color: rgba(lighten($ui-highlight-color, 8%), 0.5);\n  }\n\n  &__wave-placeholder {\n    background-color: lighten($ui-base-color, 16%);\n  }\n\n  .video-player__controls {\n    padding: 0 15px;\n    padding-top: 10px;\n    background: darken($ui-base-color, 8%);\n    border-top: 1px solid lighten($ui-base-color, 4%);\n    border-radius: 0 0 4px 4px;\n  }\n}\n\n.video-player {\n  overflow: hidden;\n  position: relative;\n  background: $base-shadow-color;\n  max-width: 100%;\n  border-radius: 4px;\n  box-sizing: border-box;\n  direction: ltr;\n\n  &.editable {\n    border-radius: 0;\n    height: 100% !important;\n  }\n\n  &:focus {\n    outline: 0;\n  }\n\n  video {\n    max-width: 100vw;\n    max-height: 80vh;\n    z-index: 1;\n  }\n\n  &.fullscreen {\n    width: 100% !important;\n    height: 100% !important;\n    margin: 0;\n\n    video {\n      max-width: 100% !important;\n      max-height: 100% !important;\n      width: 100% !important;\n      height: 100% !important;\n      outline: 0;\n    }\n  }\n\n  &.inline {\n    video {\n      object-fit: contain;\n      position: relative;\n      top: 50%;\n      transform: translateY(-50%);\n    }\n  }\n\n  &__controls {\n    position: absolute;\n    z-index: 2;\n    bottom: 0;\n    left: 0;\n    right: 0;\n    box-sizing: border-box;\n    background: linear-gradient(0deg, rgba($base-shadow-color, 0.85) 0, rgba($base-shadow-color, 0.45) 60%, transparent);\n    padding: 0 15px;\n    opacity: 0;\n    transition: opacity .1s ease;\n\n    &.active {\n      opacity: 1;\n    }\n  }\n\n  &.inactive {\n    video,\n    .video-player__controls {\n      visibility: hidden;\n    }\n  }\n\n  &__spoiler {\n    display: none;\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n    z-index: 4;\n    border: 0;\n    background: $base-overlay-background;\n    color: $darker-text-color;\n    transition: none;\n    pointer-events: none;\n\n    &.active {\n      display: block;\n      pointer-events: auto;\n\n      &:hover,\n      &:active,\n      &:focus {\n        color: lighten($darker-text-color, 7%);\n      }\n    }\n\n    &__title {\n      display: block;\n      font-size: 14px;\n    }\n\n    &__subtitle {\n      display: block;\n      font-size: 11px;\n      font-weight: 500;\n    }\n  }\n\n  &__buttons-bar {\n    display: flex;\n    justify-content: space-between;\n    padding-bottom: 10px;\n\n    .video-player__download__icon {\n      color: inherit;\n    }\n  }\n\n  &__buttons {\n    font-size: 16px;\n    white-space: nowrap;\n    overflow: hidden;\n    text-overflow: ellipsis;\n\n    &.left {\n      button {\n        padding-left: 0;\n      }\n    }\n\n    &.right {\n      button {\n        padding-right: 0;\n      }\n    }\n\n    button {\n      background: transparent;\n      padding: 2px 10px;\n      font-size: 16px;\n      border: 0;\n      color: rgba($white, 0.75);\n\n      &:active,\n      &:hover,\n      &:focus {\n        color: $white;\n      }\n    }\n  }\n\n  &__time-sep,\n  &__time-total,\n  &__time-current {\n    font-size: 14px;\n    font-weight: 500;\n  }\n\n  &__time-current {\n    color: $white;\n    margin-left: 60px;\n  }\n\n  &__time-sep {\n    display: inline-block;\n    margin: 0 6px;\n  }\n\n  &__time-sep,\n  &__time-total {\n    color: $white;\n  }\n\n  &__volume {\n    cursor: pointer;\n    height: 24px;\n    display: inline;\n\n    &::before {\n      content: \"\";\n      width: 50px;\n      background: rgba($white, 0.35);\n      border-radius: 4px;\n      display: block;\n      position: absolute;\n      height: 4px;\n      left: 70px;\n      bottom: 20px;\n    }\n\n    &__current {\n      display: block;\n      position: absolute;\n      height: 4px;\n      border-radius: 4px;\n      left: 70px;\n      bottom: 20px;\n      background: lighten($ui-highlight-color, 8%);\n    }\n\n    &__handle {\n      position: absolute;\n      z-index: 3;\n      border-radius: 50%;\n      width: 12px;\n      height: 12px;\n      bottom: 16px;\n      left: 70px;\n      transition: opacity .1s ease;\n      background: lighten($ui-highlight-color, 8%);\n      box-shadow: 1px 2px 6px rgba($base-shadow-color, 0.2);\n      pointer-events: none;\n    }\n  }\n\n  &__link {\n    padding: 2px 10px;\n\n    a {\n      text-decoration: none;\n      font-size: 14px;\n      font-weight: 500;\n      color: $white;\n\n      &:hover,\n      &:active,\n      &:focus {\n        text-decoration: underline;\n      }\n    }\n  }\n\n  &__seek {\n    cursor: pointer;\n    height: 24px;\n    position: relative;\n\n    &::before {\n      content: \"\";\n      width: 100%;\n      background: rgba($white, 0.35);\n      border-radius: 4px;\n      display: block;\n      position: absolute;\n      height: 4px;\n      top: 10px;\n    }\n\n    &__progress,\n    &__buffer {\n      display: block;\n      position: absolute;\n      height: 4px;\n      border-radius: 4px;\n      top: 10px;\n      background: lighten($ui-highlight-color, 8%);\n    }\n\n    &__buffer {\n      background: rgba($white, 0.2);\n    }\n\n    &__handle {\n      position: absolute;\n      z-index: 3;\n      opacity: 0;\n      border-radius: 50%;\n      width: 12px;\n      height: 12px;\n      top: 6px;\n      margin-left: -6px;\n      transition: opacity .1s ease;\n      background: lighten($ui-highlight-color, 8%);\n      box-shadow: 1px 2px 6px rgba($base-shadow-color, 0.2);\n      pointer-events: none;\n\n      &.active {\n        opacity: 1;\n      }\n    }\n\n    &:hover {\n      .video-player__seek__handle {\n        opacity: 1;\n      }\n    }\n  }\n\n  &.detailed,\n  &.fullscreen {\n    .video-player__buttons {\n      button {\n        padding-top: 10px;\n        padding-bottom: 10px;\n      }\n    }\n  }\n}\n\n.directory {\n  &__list {\n    width: 100%;\n    margin: 10px 0;\n    transition: opacity 100ms ease-in;\n\n    &.loading {\n      opacity: 0.7;\n    }\n\n    @media screen and (max-width: $no-gap-breakpoint) {\n      margin: 0;\n    }\n  }\n\n  &__card {\n    box-sizing: border-box;\n    margin-bottom: 10px;\n\n    &__img {\n      height: 125px;\n      position: relative;\n      background: darken($ui-base-color, 12%);\n      overflow: hidden;\n\n      img {\n        display: block;\n        width: 100%;\n        height: 100%;\n        margin: 0;\n        object-fit: cover;\n      }\n    }\n\n    &__bar {\n      display: flex;\n      align-items: center;\n      background: lighten($ui-base-color, 4%);\n      padding: 10px;\n\n      &__name {\n        flex: 1 1 auto;\n        display: flex;\n        align-items: center;\n        text-decoration: none;\n        overflow: hidden;\n      }\n\n      &__relationship {\n        width: 23px;\n        min-height: 1px;\n        flex: 0 0 auto;\n      }\n\n      .avatar {\n        flex: 0 0 auto;\n        width: 48px;\n        height: 48px;\n        padding-top: 2px;\n\n        img {\n          width: 100%;\n          height: 100%;\n          display: block;\n          margin: 0;\n          border-radius: 4px;\n          background: darken($ui-base-color, 8%);\n          object-fit: cover;\n        }\n      }\n\n      .display-name {\n        margin-left: 15px;\n        text-align: left;\n\n        strong {\n          font-size: 15px;\n          color: $primary-text-color;\n          font-weight: 500;\n          overflow: hidden;\n          text-overflow: ellipsis;\n        }\n\n        span {\n          display: block;\n          font-size: 14px;\n          color: $darker-text-color;\n          font-weight: 400;\n          overflow: hidden;\n          text-overflow: ellipsis;\n        }\n      }\n    }\n\n    &__extra {\n      background: $ui-base-color;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n\n      .accounts-table__count {\n        width: 33.33%;\n        flex: 0 0 auto;\n        padding: 15px 0;\n      }\n\n      .account__header__content {\n        box-sizing: border-box;\n        padding: 15px 10px;\n        border-bottom: 1px solid lighten($ui-base-color, 8%);\n        width: 100%;\n        min-height: 18px + 30px;\n        white-space: nowrap;\n        overflow: hidden;\n        text-overflow: ellipsis;\n\n        p {\n          display: none;\n\n          &:first-child {\n            display: inline;\n          }\n        }\n\n        br {\n          display: none;\n        }\n      }\n    }\n  }\n}\n\n.account-gallery__container {\n  display: flex;\n  flex-wrap: wrap;\n  padding: 4px 2px;\n}\n\n.account-gallery__item {\n  border: 0;\n  box-sizing: border-box;\n  display: block;\n  position: relative;\n  border-radius: 4px;\n  overflow: hidden;\n  margin: 2px;\n\n  &__icons {\n    position: absolute;\n    top: 50%;\n    left: 50%;\n    transform: translate(-50%, -50%);\n    font-size: 24px;\n  }\n}\n\n.notification__filter-bar,\n.account__section-headline {\n  background: darken($ui-base-color, 4%);\n  border-bottom: 1px solid lighten($ui-base-color, 8%);\n  cursor: default;\n  display: flex;\n  flex-shrink: 0;\n\n  button {\n    background: darken($ui-base-color, 4%);\n    border: 0;\n    margin: 0;\n  }\n\n  button,\n  a {\n    display: block;\n    flex: 1 1 auto;\n    color: $darker-text-color;\n    padding: 15px 0;\n    font-size: 14px;\n    font-weight: 500;\n    text-align: center;\n    text-decoration: none;\n    position: relative;\n\n    &.active {\n      color: $secondary-text-color;\n\n      &::before,\n      &::after {\n        display: block;\n        content: \"\";\n        position: absolute;\n        bottom: 0;\n        left: 50%;\n        width: 0;\n        height: 0;\n        transform: translateX(-50%);\n        border-style: solid;\n        border-width: 0 10px 10px;\n        border-color: transparent transparent lighten($ui-base-color, 8%);\n      }\n\n      &::after {\n        bottom: -1px;\n        border-color: transparent transparent $ui-base-color;\n      }\n    }\n  }\n\n  &.directory__section-headline {\n    background: darken($ui-base-color, 2%);\n    border-bottom-color: transparent;\n\n    a,\n    button {\n      &.active {\n        &::before {\n          display: none;\n        }\n\n        &::after {\n          border-color: transparent transparent darken($ui-base-color, 7%);\n        }\n      }\n    }\n  }\n}\n\n.filter-form {\n  background: $ui-base-color;\n\n  &__column {\n    padding: 10px 15px;\n  }\n\n  .radio-button {\n    display: block;\n  }\n}\n\n.radio-button {\n  font-size: 14px;\n  position: relative;\n  display: inline-block;\n  padding: 6px 0;\n  line-height: 18px;\n  cursor: default;\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  cursor: pointer;\n\n  input[type=radio],\n  input[type=checkbox] {\n    display: none;\n  }\n\n  &__input {\n    display: inline-block;\n    position: relative;\n    border: 1px solid $ui-primary-color;\n    box-sizing: border-box;\n    width: 18px;\n    height: 18px;\n    flex: 0 0 auto;\n    margin-right: 10px;\n    top: -1px;\n    border-radius: 50%;\n    vertical-align: middle;\n\n    &.checked {\n      border-color: lighten($ui-highlight-color, 8%);\n      background: lighten($ui-highlight-color, 8%);\n    }\n  }\n}\n\n::-webkit-scrollbar-thumb {\n  border-radius: 0;\n}\n\n.search-popout {\n  @include search-popout;\n}\n\nnoscript {\n  text-align: center;\n\n  img {\n    width: 200px;\n    opacity: 0.5;\n    animation: flicker 4s infinite;\n  }\n\n  div {\n    font-size: 14px;\n    margin: 30px auto;\n    color: $secondary-text-color;\n    max-width: 400px;\n\n    a {\n      color: $highlight-text-color;\n      text-decoration: underline;\n\n      &:hover {\n        text-decoration: none;\n      }\n    }\n  }\n}\n\n@keyframes flicker {\n  0% { opacity: 1; }\n  30% { opacity: 0.75; }\n  100% { opacity: 1; }\n}\n\n@media screen and (max-width: 630px) and (max-height: 400px) {\n  $duration: 400ms;\n  $delay: 100ms;\n\n  .tabs-bar,\n  .search {\n    will-change: margin-top;\n    transition: margin-top $duration $delay;\n  }\n\n  .navigation-bar {\n    will-change: padding-bottom;\n    transition: padding-bottom $duration $delay;\n  }\n\n  .navigation-bar {\n    & > a:first-child {\n      will-change: margin-top, margin-left, margin-right, width;\n      transition: margin-top $duration $delay, margin-left $duration ($duration + $delay), margin-right $duration ($duration + $delay);\n    }\n\n    & > .navigation-bar__profile-edit {\n      will-change: margin-top;\n      transition: margin-top $duration $delay;\n    }\n\n    .navigation-bar__actions {\n      & > .icon-button.close {\n        will-change: opacity transform;\n        transition: opacity $duration * 0.5 $delay,\n                    transform $duration $delay;\n      }\n\n      & > .compose__action-bar .icon-button {\n        will-change: opacity transform;\n        transition: opacity $duration * 0.5 $delay + $duration * 0.5,\n                    transform $duration $delay;\n      }\n    }\n  }\n\n  .is-composing {\n    .tabs-bar,\n    .search {\n      margin-top: -50px;\n    }\n\n    .navigation-bar {\n      padding-bottom: 0;\n\n      & > a:first-child {\n        margin: -100px 10px 0 -50px;\n      }\n\n      .navigation-bar__profile {\n        padding-top: 2px;\n      }\n\n      .navigation-bar__profile-edit {\n        position: absolute;\n        margin-top: -60px;\n      }\n\n      .navigation-bar__actions {\n        .icon-button.close {\n          pointer-events: auto;\n          opacity: 1;\n          transform: scale(1, 1) translate(0, 0);\n          bottom: 5px;\n        }\n\n        .compose__action-bar .icon-button {\n          pointer-events: none;\n          opacity: 0;\n          transform: scale(0, 1) translate(100%, 0);\n        }\n      }\n    }\n  }\n}\n\n.embed-modal {\n  width: auto;\n  max-width: 80vw;\n  max-height: 80vh;\n\n  h4 {\n    padding: 30px;\n    font-weight: 500;\n    font-size: 16px;\n    text-align: center;\n  }\n\n  .embed-modal__container {\n    padding: 10px;\n\n    .hint {\n      margin-bottom: 15px;\n    }\n\n    .embed-modal__html {\n      outline: 0;\n      box-sizing: border-box;\n      display: block;\n      width: 100%;\n      border: 0;\n      padding: 10px;\n      font-family: $font-monospace, monospace;\n      background: $ui-base-color;\n      color: $primary-text-color;\n      font-size: 14px;\n      margin: 0;\n      margin-bottom: 15px;\n      border-radius: 4px;\n\n      &::-moz-focus-inner {\n        border: 0;\n      }\n\n      &::-moz-focus-inner,\n      &:focus,\n      &:active {\n        outline: 0 !important;\n      }\n\n      &:focus {\n        background: lighten($ui-base-color, 4%);\n      }\n\n      @media screen and (max-width: 600px) {\n        font-size: 16px;\n      }\n    }\n\n    .embed-modal__iframe {\n      width: 400px;\n      max-width: 100%;\n      overflow: hidden;\n      border: 0;\n      border-radius: 4px;\n    }\n  }\n}\n\n.account__moved-note {\n  padding: 14px 10px;\n  padding-bottom: 16px;\n  background: lighten($ui-base-color, 4%);\n  border-top: 1px solid lighten($ui-base-color, 8%);\n  border-bottom: 1px solid lighten($ui-base-color, 8%);\n\n  &__message {\n    position: relative;\n    margin-left: 58px;\n    color: $dark-text-color;\n    padding: 8px 0;\n    padding-top: 0;\n    padding-bottom: 4px;\n    font-size: 14px;\n\n    > span {\n      display: block;\n      overflow: hidden;\n      text-overflow: ellipsis;\n    }\n  }\n\n  &__icon-wrapper {\n    left: -26px;\n    position: absolute;\n  }\n\n  .detailed-status__display-avatar {\n    position: relative;\n  }\n\n  .detailed-status__display-name {\n    margin-bottom: 0;\n  }\n}\n\n.column-inline-form {\n  padding: 15px;\n  padding-right: 0;\n  display: flex;\n  justify-content: flex-start;\n  align-items: center;\n  background: lighten($ui-base-color, 4%);\n\n  label {\n    flex: 1 1 auto;\n\n    input {\n      width: 100%;\n\n      &:focus {\n        outline: 0;\n      }\n    }\n  }\n\n  .icon-button {\n    flex: 0 0 auto;\n    margin: 0 10px;\n  }\n}\n\n.drawer__backdrop {\n  cursor: pointer;\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  background: rgba($base-overlay-background, 0.5);\n}\n\n.list-editor {\n  background: $ui-base-color;\n  flex-direction: column;\n  border-radius: 8px;\n  box-shadow: 2px 4px 15px rgba($base-shadow-color, 0.4);\n  width: 380px;\n  overflow: hidden;\n\n  @media screen and (max-width: 420px) {\n    width: 90%;\n  }\n\n  h4 {\n    padding: 15px 0;\n    background: lighten($ui-base-color, 13%);\n    font-weight: 500;\n    font-size: 16px;\n    text-align: center;\n    border-radius: 8px 8px 0 0;\n  }\n\n  .drawer__pager {\n    height: 50vh;\n  }\n\n  .drawer__inner {\n    border-radius: 0 0 8px 8px;\n\n    &.backdrop {\n      width: calc(100% - 60px);\n      box-shadow: 2px 4px 15px rgba($base-shadow-color, 0.4);\n      border-radius: 0 0 0 8px;\n    }\n  }\n\n  &__accounts {\n    overflow-y: auto;\n  }\n\n  .account__display-name {\n    &:hover strong {\n      text-decoration: none;\n    }\n  }\n\n  .account__avatar {\n    cursor: default;\n  }\n\n  .search {\n    margin-bottom: 0;\n  }\n}\n\n.list-adder {\n  background: $ui-base-color;\n  flex-direction: column;\n  border-radius: 8px;\n  box-shadow: 2px 4px 15px rgba($base-shadow-color, 0.4);\n  width: 380px;\n  overflow: hidden;\n\n  @media screen and (max-width: 420px) {\n    width: 90%;\n  }\n\n  &__account {\n    background: lighten($ui-base-color, 13%);\n  }\n\n  &__lists {\n    background: lighten($ui-base-color, 13%);\n    height: 50vh;\n    border-radius: 0 0 8px 8px;\n    overflow-y: auto;\n  }\n\n  .list {\n    padding: 10px;\n    border-bottom: 1px solid lighten($ui-base-color, 8%);\n  }\n\n  .list__wrapper {\n    display: flex;\n  }\n\n  .list__display-name {\n    flex: 1 1 auto;\n    overflow: hidden;\n    text-decoration: none;\n    font-size: 16px;\n    padding: 10px;\n  }\n}\n\n.focal-point {\n  position: relative;\n  cursor: move;\n  overflow: hidden;\n  height: 100%;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  background: $base-shadow-color;\n\n  img,\n  video,\n  canvas {\n    display: block;\n    max-height: 80vh;\n    width: 100%;\n    height: auto;\n    margin: 0;\n    object-fit: contain;\n    background: $base-shadow-color;\n  }\n\n  &__reticle {\n    position: absolute;\n    width: 100px;\n    height: 100px;\n    transform: translate(-50%, -50%);\n    background: url('~images/reticle.png') no-repeat 0 0;\n    border-radius: 50%;\n    box-shadow: 0 0 0 9999em rgba($base-shadow-color, 0.35);\n  }\n\n  &__overlay {\n    position: absolute;\n    width: 100%;\n    height: 100%;\n    top: 0;\n    left: 0;\n  }\n\n  &__preview {\n    position: absolute;\n    bottom: 10px;\n    right: 10px;\n    z-index: 2;\n    cursor: move;\n    transition: opacity 0.1s ease;\n\n    &:hover {\n      opacity: 0.5;\n    }\n\n    strong {\n      color: $primary-text-color;\n      font-size: 14px;\n      font-weight: 500;\n      display: block;\n      margin-bottom: 5px;\n    }\n\n    div {\n      border-radius: 4px;\n      box-shadow: 0 0 14px rgba($base-shadow-color, 0.2);\n    }\n  }\n\n  @media screen and (max-width: 480px) {\n    img,\n    video {\n      max-height: 100%;\n    }\n\n    &__preview {\n      display: none;\n    }\n  }\n}\n\n.account__header__content {\n  color: $darker-text-color;\n  font-size: 14px;\n  font-weight: 400;\n  overflow: hidden;\n  word-break: normal;\n  word-wrap: break-word;\n\n  p {\n    margin-bottom: 20px;\n\n    &:last-child {\n      margin-bottom: 0;\n    }\n  }\n\n  a {\n    color: inherit;\n    text-decoration: underline;\n\n    &:hover {\n      text-decoration: none;\n    }\n  }\n}\n\n.account__header {\n  overflow: hidden;\n\n  &.inactive {\n    opacity: 0.5;\n\n    .account__header__image,\n    .account__avatar {\n      filter: grayscale(100%);\n    }\n  }\n\n  &__info {\n    position: absolute;\n    top: 10px;\n    left: 10px;\n  }\n\n  &__image {\n    overflow: hidden;\n    height: 145px;\n    position: relative;\n    background: darken($ui-base-color, 4%);\n\n    img {\n      object-fit: cover;\n      display: block;\n      width: 100%;\n      height: 100%;\n      margin: 0;\n    }\n  }\n\n  &__bar {\n    position: relative;\n    background: lighten($ui-base-color, 4%);\n    padding: 5px;\n    border-bottom: 1px solid lighten($ui-base-color, 12%);\n\n    .avatar {\n      display: block;\n      flex: 0 0 auto;\n      width: 94px;\n      margin-left: -2px;\n\n      .account__avatar {\n        background: darken($ui-base-color, 8%);\n        border: 2px solid lighten($ui-base-color, 4%);\n      }\n    }\n  }\n\n  &__tabs {\n    display: flex;\n    align-items: flex-start;\n    padding: 7px 5px;\n    margin-top: -55px;\n\n    &__buttons {\n      display: flex;\n      align-items: center;\n      padding-top: 55px;\n      overflow: hidden;\n\n      .icon-button {\n        border: 1px solid lighten($ui-base-color, 12%);\n        border-radius: 4px;\n        box-sizing: content-box;\n        padding: 2px;\n      }\n\n      .button {\n        margin: 0 8px;\n      }\n    }\n\n    &__name {\n      padding: 5px;\n\n      .account-role {\n        vertical-align: top;\n      }\n\n      .emojione {\n        width: 22px;\n        height: 22px;\n      }\n\n      h1 {\n        font-size: 16px;\n        line-height: 24px;\n        color: $primary-text-color;\n        font-weight: 500;\n        overflow: hidden;\n        white-space: nowrap;\n        text-overflow: ellipsis;\n\n        small {\n          display: block;\n          font-size: 14px;\n          color: $darker-text-color;\n          font-weight: 400;\n          overflow: hidden;\n          text-overflow: ellipsis;\n        }\n      }\n    }\n\n    .spacer {\n      flex: 1 1 auto;\n    }\n  }\n\n  &__bio {\n    overflow: hidden;\n    margin: 0 -5px;\n\n    .account__header__content {\n      padding: 20px 15px;\n      padding-bottom: 5px;\n      color: $primary-text-color;\n    }\n\n    .account__header__fields {\n      margin: 0;\n      border-top: 1px solid lighten($ui-base-color, 12%);\n\n      a {\n        color: lighten($ui-highlight-color, 8%);\n      }\n\n      dl:first-child .verified {\n        border-radius: 0 4px 0 0;\n      }\n\n      .verified a {\n        color: $valid-value-color;\n      }\n    }\n  }\n\n  &__extra {\n    margin-top: 4px;\n\n    &__links {\n      font-size: 14px;\n      color: $darker-text-color;\n      padding: 10px 0;\n\n      a {\n        display: inline-block;\n        color: $darker-text-color;\n        text-decoration: none;\n        padding: 5px 10px;\n        font-weight: 500;\n\n        strong {\n          font-weight: 700;\n          color: $primary-text-color;\n        }\n      }\n    }\n  }\n}\n\n.trends {\n  &__header {\n    color: $dark-text-color;\n    background: lighten($ui-base-color, 2%);\n    border-bottom: 1px solid darken($ui-base-color, 4%);\n    font-weight: 500;\n    padding: 15px;\n    font-size: 16px;\n    cursor: default;\n\n    .fa {\n      display: inline-block;\n      margin-right: 5px;\n    }\n  }\n\n  &__item {\n    display: flex;\n    align-items: center;\n    padding: 15px;\n    border-bottom: 1px solid lighten($ui-base-color, 8%);\n\n    &:last-child {\n      border-bottom: 0;\n    }\n\n    &__name {\n      flex: 1 1 auto;\n      color: $dark-text-color;\n      overflow: hidden;\n      text-overflow: ellipsis;\n      white-space: nowrap;\n\n      strong {\n        font-weight: 500;\n      }\n\n      a {\n        color: $darker-text-color;\n        text-decoration: none;\n        font-size: 14px;\n        font-weight: 500;\n        display: block;\n        overflow: hidden;\n        text-overflow: ellipsis;\n        white-space: nowrap;\n\n        &:hover,\n        &:focus,\n        &:active {\n          span {\n            text-decoration: underline;\n          }\n        }\n      }\n    }\n\n    &__current {\n      flex: 0 0 auto;\n      font-size: 24px;\n      line-height: 36px;\n      font-weight: 500;\n      text-align: right;\n      padding-right: 15px;\n      margin-left: 5px;\n      color: $secondary-text-color;\n    }\n\n    &__sparkline {\n      flex: 0 0 auto;\n      width: 50px;\n\n      path:first-child {\n        fill: rgba($highlight-text-color, 0.25) !important;\n        fill-opacity: 1 !important;\n      }\n\n      path:last-child {\n        stroke: lighten($highlight-text-color, 6%) !important;\n      }\n    }\n  }\n}\n\n.conversation {\n  display: flex;\n  border-bottom: 1px solid lighten($ui-base-color, 8%);\n  padding: 5px;\n  padding-bottom: 0;\n\n  &:focus {\n    background: lighten($ui-base-color, 2%);\n    outline: 0;\n  }\n\n  &__avatar {\n    flex: 0 0 auto;\n    padding: 10px;\n    padding-top: 12px;\n    position: relative;\n  }\n\n  &__unread {\n    display: inline-block;\n    background: $highlight-text-color;\n    border-radius: 50%;\n    width: 0.625rem;\n    height: 0.625rem;\n    margin: -.1ex .15em .1ex;\n  }\n\n  &__content {\n    flex: 1 1 auto;\n    padding: 10px 5px;\n    padding-right: 15px;\n    overflow: hidden;\n\n    &__info {\n      overflow: hidden;\n      display: flex;\n      flex-direction: row-reverse;\n      justify-content: space-between;\n    }\n\n    &__relative-time {\n      font-size: 15px;\n      color: $darker-text-color;\n      padding-left: 15px;\n    }\n\n    &__names {\n      color: $darker-text-color;\n      font-size: 15px;\n      white-space: nowrap;\n      overflow: hidden;\n      text-overflow: ellipsis;\n      margin-bottom: 4px;\n      flex-basis: 90px;\n      flex-grow: 1;\n\n      a {\n        color: $primary-text-color;\n        text-decoration: none;\n\n        &:hover,\n        &:focus,\n        &:active {\n          text-decoration: underline;\n        }\n      }\n    }\n\n    a {\n      word-break: break-word;\n    }\n  }\n\n  &--unread {\n    background: lighten($ui-base-color, 2%);\n\n    &:focus {\n      background: lighten($ui-base-color, 4%);\n    }\n\n    .conversation__content__info {\n      font-weight: 700;\n    }\n\n    .conversation__content__relative-time {\n      color: $primary-text-color;\n    }\n  }\n}\n",null,"@mixin avatar-radius {\n  border-radius: 4px;\n  background: transparent no-repeat;\n  background-position: 50%;\n  background-clip: padding-box;\n}\n\n@mixin avatar-size($size: 48px) {\n  width: $size;\n  height: $size;\n  background-size: $size $size;\n}\n\n@mixin search-input {\n  outline: 0;\n  box-sizing: border-box;\n  width: 100%;\n  border: 0;\n  box-shadow: none;\n  font-family: inherit;\n  background: $ui-base-color;\n  color: $darker-text-color;\n  font-size: 14px;\n  margin: 0;\n}\n\n@mixin search-popout {\n  background: $simple-background-color;\n  border-radius: 4px;\n  padding: 10px 14px;\n  padding-bottom: 14px;\n  margin-top: 10px;\n  color: $light-text-color;\n  box-shadow: 2px 4px 15px rgba($base-shadow-color, 0.4);\n\n  h4 {\n    color: $light-text-color;\n    font-size: 14px;\n    font-weight: 500;\n    margin-bottom: 10px;\n  }\n\n  li {\n    padding: 4px 0;\n  }\n\n  ul {\n    margin-bottom: 10px;\n  }\n\n  em {\n    font-weight: 500;\n    color: $inverted-text-color;\n  }\n}\n",".poll {\n  margin-top: 16px;\n  font-size: 14px;\n\n  li {\n    margin-bottom: 10px;\n    position: relative;\n  }\n\n  &__chart {\n    position: absolute;\n    top: 0;\n    left: 0;\n    height: 100%;\n    display: inline-block;\n    border-radius: 4px;\n    background: darken($ui-primary-color, 14%);\n\n    &.leading {\n      background: $ui-highlight-color;\n    }\n  }\n\n  &__text {\n    position: relative;\n    display: flex;\n    padding: 6px 0;\n    line-height: 18px;\n    cursor: default;\n    overflow: hidden;\n\n    input[type=radio],\n    input[type=checkbox] {\n      display: none;\n    }\n\n    .autossugest-input {\n      flex: 1 1 auto;\n    }\n\n    input[type=text] {\n      display: block;\n      box-sizing: border-box;\n      width: 100%;\n      font-size: 14px;\n      color: $inverted-text-color;\n      outline: 0;\n      font-family: inherit;\n      background: $simple-background-color;\n      border: 1px solid darken($simple-background-color, 14%);\n      border-radius: 4px;\n      padding: 6px 10px;\n\n      &:focus {\n        border-color: $highlight-text-color;\n      }\n    }\n\n    &.selectable {\n      cursor: pointer;\n    }\n\n    &.editable {\n      display: flex;\n      align-items: center;\n      overflow: visible;\n    }\n  }\n\n  &__input {\n    display: inline-block;\n    position: relative;\n    border: 1px solid $ui-primary-color;\n    box-sizing: border-box;\n    width: 18px;\n    height: 18px;\n    flex: 0 0 auto;\n    margin-right: 10px;\n    top: -1px;\n    border-radius: 50%;\n    vertical-align: middle;\n    margin-top: auto;\n    margin-bottom: auto;\n    flex: 0 0 18px;\n\n    &.checkbox {\n      border-radius: 4px;\n    }\n\n    &.active {\n      border-color: $valid-value-color;\n      background: $valid-value-color;\n    }\n\n    &:active,\n    &:focus,\n    &:hover {\n      border-width: 4px;\n      background: none;\n    }\n\n    &::-moz-focus-inner {\n      outline: 0 !important;\n      border: 0;\n    }\n\n    &:focus,\n    &:active {\n      outline: 0 !important;\n    }\n  }\n\n  &__number {\n    display: inline-block;\n    width: 52px;\n    font-weight: 700;\n    padding: 0 10px;\n    padding-left: 8px;\n    text-align: right;\n    margin-top: auto;\n    margin-bottom: auto;\n    flex: 0 0 52px;\n  }\n\n  &__vote__mark {\n    float: left;\n    line-height: 18px;\n  }\n\n  &__footer {\n    padding-top: 6px;\n    padding-bottom: 5px;\n    color: $dark-text-color;\n  }\n\n  &__link {\n    display: inline;\n    background: transparent;\n    padding: 0;\n    margin: 0;\n    border: 0;\n    color: $dark-text-color;\n    text-decoration: underline;\n    font-size: inherit;\n\n    &:hover {\n      text-decoration: none;\n    }\n\n    &:active,\n    &:focus {\n      background-color: rgba($dark-text-color, .1);\n    }\n  }\n\n  .button {\n    height: 36px;\n    padding: 0 16px;\n    margin-right: 10px;\n    font-size: 14px;\n  }\n}\n\n.compose-form__poll-wrapper {\n  border-top: 1px solid darken($simple-background-color, 8%);\n\n  ul {\n    padding: 10px;\n  }\n\n  .poll__footer {\n    border-top: 1px solid darken($simple-background-color, 8%);\n    padding: 10px;\n    display: flex;\n    align-items: center;\n\n    button,\n    select {\n      flex: 1 1 50%;\n\n      &:focus {\n        border-color: $highlight-text-color;\n      }\n    }\n  }\n\n  .button.button-secondary {\n    font-size: 14px;\n    font-weight: 400;\n    padding: 6px 10px;\n    height: auto;\n    line-height: inherit;\n    color: $action-button-color;\n    border-color: $action-button-color;\n    margin-right: 5px;\n  }\n\n  li {\n    display: flex;\n    align-items: center;\n\n    .poll__text {\n      flex: 0 0 auto;\n      width: calc(100% - (23px + 6px));\n      margin-right: 6px;\n    }\n  }\n\n  select {\n    appearance: none;\n    box-sizing: border-box;\n    font-size: 14px;\n    color: $inverted-text-color;\n    display: inline-block;\n    width: auto;\n    outline: 0;\n    font-family: inherit;\n    background: $simple-background-color url(\"data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14.933 18.467' height='19.698' width='15.929'><path d='M3.467 14.967l-3.393-3.5H14.86l-3.392 3.5c-1.866 1.925-3.666 3.5-4 3.5-.335 0-2.135-1.575-4-3.5zm.266-11.234L7.467 0 11.2 3.733l3.733 3.734H0l3.733-3.734z' fill='#{hex-color(darken($simple-background-color, 14%))}'/></svg>\") no-repeat right 8px center / auto 16px;\n    border: 1px solid darken($simple-background-color, 14%);\n    border-radius: 4px;\n    padding: 6px 10px;\n    padding-right: 30px;\n  }\n\n  .icon-button.disabled {\n    color: darken($simple-background-color, 14%);\n  }\n}\n\n.muted .poll {\n  color: $dark-text-color;\n\n  &__chart {\n    background: rgba(darken($ui-primary-color, 14%), 0.2);\n\n    &.leading {\n      background: rgba($ui-highlight-color, 0.2);\n    }\n  }\n}\n",".modal-layout {\n  background: $ui-base-color url('data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 234.80078 31.757813\" width=\"234.80078\" height=\"31.757812\"><path d=\"M19.599609 0c-1.05 0-2.10039.375-2.90039 1.125L0 16.925781v14.832031h234.80078V17.025391l-16.5-15.900391c-1.6-1.5-4.20078-1.5-5.80078 0l-13.80078 13.099609c-1.6 1.5-4.19883 1.5-5.79883 0L179.09961 1.125c-1.6-1.5-4.19883-1.5-5.79883 0L159.5 14.224609c-1.6 1.5-4.20078 1.5-5.80078 0L139.90039 1.125c-1.6-1.5-4.20078-1.5-5.80078 0l-13.79883 13.099609c-1.6 1.5-4.20078 1.5-5.80078 0L100.69922 1.125c-1.600001-1.5-4.198829-1.5-5.798829 0l-13.59961 13.099609c-1.6 1.5-4.200781 1.5-5.800781 0L61.699219 1.125c-1.6-1.5-4.198828-1.5-5.798828 0L42.099609 14.224609c-1.6 1.5-4.198828 1.5-5.798828 0L22.5 1.125C21.7.375 20.649609 0 19.599609 0z\" fill=\"#{hex-color($ui-base-lighter-color)}\"/></svg>') repeat-x bottom fixed;\n  display: flex;\n  flex-direction: column;\n  height: 100vh;\n  padding: 0;\n}\n\n.modal-layout__mastodon {\n  display: flex;\n  flex: 1;\n  flex-direction: column;\n  justify-content: flex-end;\n\n  > * {\n    flex: 1;\n    max-height: 235px;\n  }\n}\n\n@media screen and (max-width: 600px) {\n  .account-header {\n    margin-top: 0;\n  }\n}\n",".emoji-mart {\n  font-size: 13px;\n  display: inline-block;\n  color: $inverted-text-color;\n\n  &,\n  * {\n    box-sizing: border-box;\n    line-height: 1.15;\n  }\n\n  .emoji-mart-emoji {\n    padding: 6px;\n  }\n}\n\n.emoji-mart-bar {\n  border: 0 solid darken($ui-secondary-color, 8%);\n\n  &:first-child {\n    border-bottom-width: 1px;\n    border-top-left-radius: 5px;\n    border-top-right-radius: 5px;\n    background: $ui-secondary-color;\n  }\n\n  &:last-child {\n    border-top-width: 1px;\n    border-bottom-left-radius: 5px;\n    border-bottom-right-radius: 5px;\n    display: none;\n  }\n}\n\n.emoji-mart-anchors {\n  display: flex;\n  justify-content: space-between;\n  padding: 0 6px;\n  color: $lighter-text-color;\n  line-height: 0;\n}\n\n.emoji-mart-anchor {\n  position: relative;\n  flex: 1;\n  text-align: center;\n  padding: 12px 4px;\n  overflow: hidden;\n  transition: color .1s ease-out;\n  cursor: pointer;\n\n  &:hover {\n    color: darken($lighter-text-color, 4%);\n  }\n}\n\n.emoji-mart-anchor-selected {\n  color: $highlight-text-color;\n\n  &:hover {\n    color: darken($highlight-text-color, 4%);\n  }\n\n  .emoji-mart-anchor-bar {\n    bottom: -1px;\n  }\n}\n\n.emoji-mart-anchor-bar {\n  position: absolute;\n  bottom: -5px;\n  left: 0;\n  width: 100%;\n  height: 4px;\n  background-color: $highlight-text-color;\n}\n\n.emoji-mart-anchors {\n  i {\n    display: inline-block;\n    width: 100%;\n    max-width: 22px;\n  }\n\n  svg {\n    fill: currentColor;\n    max-height: 18px;\n  }\n}\n\n.emoji-mart-scroll {\n  overflow-y: scroll;\n  height: 270px;\n  max-height: 35vh;\n  padding: 0 6px 6px;\n  background: $simple-background-color;\n  will-change: transform;\n\n  &::-webkit-scrollbar-track:hover,\n  &::-webkit-scrollbar-track:active {\n    background-color: rgba($base-overlay-background, 0.3);\n  }\n}\n\n.emoji-mart-search {\n  padding: 10px;\n  padding-right: 45px;\n  background: $simple-background-color;\n\n  input {\n    font-size: 14px;\n    font-weight: 400;\n    padding: 7px 9px;\n    font-family: inherit;\n    display: block;\n    width: 100%;\n    background: rgba($ui-secondary-color, 0.3);\n    color: $inverted-text-color;\n    border: 1px solid $ui-secondary-color;\n    border-radius: 4px;\n\n    &::-moz-focus-inner {\n      border: 0;\n    }\n\n    &::-moz-focus-inner,\n    &:focus,\n    &:active {\n      outline: 0 !important;\n    }\n  }\n}\n\n.emoji-mart-category .emoji-mart-emoji {\n  cursor: pointer;\n\n  span {\n    z-index: 1;\n    position: relative;\n    text-align: center;\n  }\n\n  &:hover::before {\n    z-index: 0;\n    content: \"\";\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n    background-color: rgba($ui-secondary-color, 0.7);\n    border-radius: 100%;\n  }\n}\n\n.emoji-mart-category-label {\n  z-index: 2;\n  position: relative;\n  position: -webkit-sticky;\n  position: sticky;\n  top: 0;\n\n  span {\n    display: block;\n    width: 100%;\n    font-weight: 500;\n    padding: 5px 6px;\n    background: $simple-background-color;\n  }\n}\n\n.emoji-mart-emoji {\n  position: relative;\n  display: inline-block;\n  font-size: 0;\n\n  span {\n    width: 22px;\n    height: 22px;\n  }\n}\n\n.emoji-mart-no-results {\n  font-size: 14px;\n  text-align: center;\n  padding-top: 70px;\n  color: $light-text-color;\n\n  .emoji-mart-category-label {\n    display: none;\n  }\n\n  .emoji-mart-no-results-label {\n    margin-top: .2em;\n  }\n\n  .emoji-mart-emoji:hover::before {\n    content: none;\n  }\n}\n\n.emoji-mart-preview {\n  display: none;\n}\n","$maximum-width: 1235px;\n$fluid-breakpoint: $maximum-width + 20px;\n$column-breakpoint: 700px;\n$small-breakpoint: 960px;\n\n.container {\n  box-sizing: border-box;\n  max-width: $maximum-width;\n  margin: 0 auto;\n  position: relative;\n\n  @media screen and (max-width: $fluid-breakpoint) {\n    width: 100%;\n    padding: 0 10px;\n  }\n}\n\n.rich-formatting {\n  font-family: $font-sans-serif, sans-serif;\n  font-size: 14px;\n  font-weight: 400;\n  line-height: 1.7;\n  word-wrap: break-word;\n  color: $darker-text-color;\n\n  a {\n    color: $highlight-text-color;\n    text-decoration: underline;\n\n    &:hover,\n    &:focus,\n    &:active {\n      text-decoration: none;\n    }\n  }\n\n  p,\n  li {\n    color: $darker-text-color;\n  }\n\n  p {\n    margin-top: 0;\n    margin-bottom: .85em;\n\n    &:last-child {\n      margin-bottom: 0;\n    }\n  }\n\n  strong {\n    font-weight: 700;\n    color: $secondary-text-color;\n  }\n\n  em {\n    font-style: italic;\n    color: $secondary-text-color;\n  }\n\n  code {\n    font-size: 0.85em;\n    background: darken($ui-base-color, 8%);\n    border-radius: 4px;\n    padding: 0.2em 0.3em;\n  }\n\n  h1,\n  h2,\n  h3,\n  h4,\n  h5,\n  h6 {\n    font-family: $font-display, sans-serif;\n    margin-top: 1.275em;\n    margin-bottom: .85em;\n    font-weight: 500;\n    color: $secondary-text-color;\n  }\n\n  h1 {\n    font-size: 2em;\n  }\n\n  h2 {\n    font-size: 1.75em;\n  }\n\n  h3 {\n    font-size: 1.5em;\n  }\n\n  h4 {\n    font-size: 1.25em;\n  }\n\n  h5,\n  h6 {\n    font-size: 1em;\n  }\n\n  ul {\n    list-style: disc;\n  }\n\n  ol {\n    list-style: decimal;\n  }\n\n  ul,\n  ol {\n    margin: 0;\n    padding: 0;\n    padding-left: 2em;\n    margin-bottom: 0.85em;\n\n    &[type='a'] {\n      list-style-type: lower-alpha;\n    }\n\n    &[type='i'] {\n      list-style-type: lower-roman;\n    }\n  }\n\n  hr {\n    width: 100%;\n    height: 0;\n    border: 0;\n    border-bottom: 1px solid lighten($ui-base-color, 4%);\n    margin: 1.7em 0;\n\n    &.spacer {\n      height: 1px;\n      border: 0;\n    }\n  }\n\n  table {\n    width: 100%;\n    border-collapse: collapse;\n    break-inside: auto;\n    margin-top: 24px;\n    margin-bottom: 32px;\n\n    thead tr,\n    tbody tr {\n      border-bottom: 1px solid lighten($ui-base-color, 4%);\n      font-size: 1em;\n      line-height: 1.625;\n      font-weight: 400;\n      text-align: left;\n      color: $darker-text-color;\n    }\n\n    thead tr {\n      border-bottom-width: 2px;\n      line-height: 1.5;\n      font-weight: 500;\n      color: $dark-text-color;\n    }\n\n    th,\n    td {\n      padding: 8px;\n      align-self: start;\n      align-items: start;\n      word-break: break-all;\n\n      &.nowrap {\n        width: 25%;\n        position: relative;\n\n        &::before {\n          content: '&nbsp;';\n          visibility: hidden;\n        }\n\n        span {\n          position: absolute;\n          left: 8px;\n          right: 8px;\n          white-space: nowrap;\n          overflow: hidden;\n          text-overflow: ellipsis;\n        }\n      }\n    }\n  }\n\n  & > :first-child {\n    margin-top: 0;\n  }\n}\n\n.information-board {\n  background: darken($ui-base-color, 4%);\n  padding: 20px 0;\n\n  .container-alt {\n    position: relative;\n    padding-right: 280px + 15px;\n  }\n\n  &__sections {\n    display: flex;\n    justify-content: space-between;\n    flex-wrap: wrap;\n  }\n\n  &__section {\n    flex: 1 0 0;\n    font-family: $font-sans-serif, sans-serif;\n    font-size: 16px;\n    line-height: 28px;\n    color: $primary-text-color;\n    text-align: right;\n    padding: 10px 15px;\n\n    span,\n    strong {\n      display: block;\n    }\n\n    span {\n      &:last-child {\n        color: $secondary-text-color;\n      }\n    }\n\n    strong {\n      font-family: $font-display, sans-serif;\n      font-weight: 500;\n      font-size: 32px;\n      line-height: 48px;\n    }\n\n    @media screen and (max-width: $column-breakpoint) {\n      text-align: center;\n    }\n  }\n\n  .panel {\n    position: absolute;\n    width: 280px;\n    box-sizing: border-box;\n    background: darken($ui-base-color, 8%);\n    padding: 20px;\n    padding-top: 10px;\n    border-radius: 4px 4px 0 0;\n    right: 0;\n    bottom: -40px;\n\n    .panel-header {\n      font-family: $font-display, sans-serif;\n      font-size: 14px;\n      line-height: 24px;\n      font-weight: 500;\n      color: $darker-text-color;\n      padding-bottom: 5px;\n      margin-bottom: 15px;\n      border-bottom: 1px solid lighten($ui-base-color, 4%);\n      text-overflow: ellipsis;\n      white-space: nowrap;\n      overflow: hidden;\n\n      a,\n      span {\n        font-weight: 400;\n        color: darken($darker-text-color, 10%);\n      }\n\n      a {\n        text-decoration: none;\n      }\n    }\n  }\n\n  .owner {\n    text-align: center;\n\n    .avatar {\n      width: 80px;\n      height: 80px;\n      margin: 0 auto;\n      margin-bottom: 15px;\n\n      img {\n        display: block;\n        width: 80px;\n        height: 80px;\n        border-radius: 48px;\n      }\n    }\n\n    .name {\n      font-size: 14px;\n\n      a {\n        display: block;\n        color: $primary-text-color;\n        text-decoration: none;\n\n        &:hover {\n          .display_name {\n            text-decoration: underline;\n          }\n        }\n      }\n\n      .username {\n        display: block;\n        color: $darker-text-color;\n      }\n    }\n  }\n}\n\n.landing-page {\n  p,\n  li {\n    font-family: $font-sans-serif, sans-serif;\n    font-size: 16px;\n    font-weight: 400;\n    font-size: 16px;\n    line-height: 30px;\n    margin-bottom: 12px;\n    color: $darker-text-color;\n\n    a {\n      color: $highlight-text-color;\n      text-decoration: underline;\n    }\n  }\n\n  em {\n    display: inline;\n    margin: 0;\n    padding: 0;\n    font-weight: 700;\n    background: transparent;\n    font-family: inherit;\n    font-size: inherit;\n    line-height: inherit;\n    color: lighten($darker-text-color, 10%);\n  }\n\n  h1 {\n    font-family: $font-display, sans-serif;\n    font-size: 26px;\n    line-height: 30px;\n    font-weight: 500;\n    margin-bottom: 20px;\n    color: $secondary-text-color;\n\n    small {\n      font-family: $font-sans-serif, sans-serif;\n      display: block;\n      font-size: 18px;\n      font-weight: 400;\n      color: lighten($darker-text-color, 10%);\n    }\n  }\n\n  h2 {\n    font-family: $font-display, sans-serif;\n    font-size: 22px;\n    line-height: 26px;\n    font-weight: 500;\n    margin-bottom: 20px;\n    color: $secondary-text-color;\n  }\n\n  h3 {\n    font-family: $font-display, sans-serif;\n    font-size: 18px;\n    line-height: 24px;\n    font-weight: 500;\n    margin-bottom: 20px;\n    color: $secondary-text-color;\n  }\n\n  h4 {\n    font-family: $font-display, sans-serif;\n    font-size: 16px;\n    line-height: 24px;\n    font-weight: 500;\n    margin-bottom: 20px;\n    color: $secondary-text-color;\n  }\n\n  h5 {\n    font-family: $font-display, sans-serif;\n    font-size: 14px;\n    line-height: 24px;\n    font-weight: 500;\n    margin-bottom: 20px;\n    color: $secondary-text-color;\n  }\n\n  h6 {\n    font-family: $font-display, sans-serif;\n    font-size: 12px;\n    line-height: 24px;\n    font-weight: 500;\n    margin-bottom: 20px;\n    color: $secondary-text-color;\n  }\n\n  ul,\n  ol {\n    margin-left: 20px;\n\n    &[type='a'] {\n      list-style-type: lower-alpha;\n    }\n\n    &[type='i'] {\n      list-style-type: lower-roman;\n    }\n  }\n\n  ul {\n    list-style: disc;\n  }\n\n  ol {\n    list-style: decimal;\n  }\n\n  li > ol,\n  li > ul {\n    margin-top: 6px;\n  }\n\n  hr {\n    width: 100%;\n    height: 0;\n    border: 0;\n    border-bottom: 1px solid rgba($ui-base-lighter-color, .6);\n    margin: 20px 0;\n\n    &.spacer {\n      height: 1px;\n      border: 0;\n    }\n  }\n\n  &__information,\n  &__forms {\n    padding: 20px;\n  }\n\n  &__call-to-action {\n    background: $ui-base-color;\n    border-radius: 4px;\n    padding: 25px 40px;\n    overflow: hidden;\n    box-sizing: border-box;\n\n    .row {\n      width: 100%;\n      display: flex;\n      flex-direction: row-reverse;\n      flex-wrap: nowrap;\n      justify-content: space-between;\n      align-items: center;\n    }\n\n    .row__information-board {\n      display: flex;\n      justify-content: flex-end;\n      align-items: flex-end;\n\n      .information-board__section {\n        flex: 1 0 auto;\n        padding: 0 10px;\n      }\n\n      @media screen and (max-width: $no-gap-breakpoint) {\n        width: 100%;\n        justify-content: space-between;\n      }\n    }\n\n    .row__mascot {\n      flex: 1;\n      margin: 10px -50px 0 0;\n\n      @media screen and (max-width: $no-gap-breakpoint) {\n        display: none;\n      }\n    }\n  }\n\n  &__logo {\n    margin-right: 20px;\n\n    img {\n      height: 50px;\n      width: auto;\n      mix-blend-mode: lighten;\n    }\n  }\n\n  &__information {\n    padding: 45px 40px;\n    margin-bottom: 10px;\n\n    &:last-child {\n      margin-bottom: 0;\n    }\n\n    strong {\n      font-weight: 500;\n      color: lighten($darker-text-color, 10%);\n    }\n\n    .account {\n      border-bottom: 0;\n      padding: 0;\n\n      &__display-name {\n        align-items: center;\n        display: flex;\n        margin-right: 5px;\n      }\n\n      div.account__display-name {\n        &:hover {\n          .display-name strong {\n            text-decoration: none;\n          }\n        }\n\n        .account__avatar {\n          cursor: default;\n        }\n      }\n\n      &__avatar-wrapper {\n        margin-left: 0;\n        flex: 0 0 auto;\n      }\n\n      &__avatar {\n        width: 44px;\n        height: 44px;\n        background-size: 44px 44px;\n      }\n\n      .display-name {\n        font-size: 15px;\n\n        &__account {\n          font-size: 14px;\n        }\n      }\n    }\n\n    @media screen and (max-width: $small-breakpoint) {\n      .contact {\n        margin-top: 30px;\n      }\n    }\n\n    @media screen and (max-width: $column-breakpoint) {\n      padding: 25px 20px;\n    }\n  }\n\n  &__information,\n  &__forms,\n  #mastodon-timeline {\n    box-sizing: border-box;\n    background: $ui-base-color;\n    border-radius: 4px;\n    box-shadow: 0 0 6px rgba($black, 0.1);\n  }\n\n  &__mascot {\n    height: 104px;\n    position: relative;\n    left: -40px;\n    bottom: 25px;\n\n    img {\n      height: 190px;\n      width: auto;\n    }\n  }\n\n  &__short-description {\n    .row {\n      display: flex;\n      flex-wrap: wrap;\n      align-items: center;\n      margin-bottom: 40px;\n    }\n\n    @media screen and (max-width: $column-breakpoint) {\n      .row {\n        margin-bottom: 20px;\n      }\n    }\n\n    p a {\n      color: $secondary-text-color;\n    }\n\n    h1 {\n      font-weight: 500;\n      color: $primary-text-color;\n      margin-bottom: 0;\n\n      small {\n        color: $darker-text-color;\n\n        span {\n          color: $secondary-text-color;\n        }\n      }\n    }\n\n    p:last-child {\n      margin-bottom: 0;\n    }\n  }\n\n  &__hero {\n    margin-bottom: 10px;\n\n    img {\n      display: block;\n      margin: 0;\n      max-width: 100%;\n      height: auto;\n      border-radius: 4px;\n    }\n  }\n\n  @media screen and (max-width: 840px) {\n    .information-board {\n      .container-alt {\n        padding-right: 20px;\n      }\n\n      .panel {\n        position: static;\n        margin-top: 20px;\n        width: 100%;\n        border-radius: 4px;\n\n        .panel-header {\n          text-align: center;\n        }\n      }\n    }\n  }\n\n  @media screen and (max-width: 675px) {\n    .header-wrapper {\n      padding-top: 0;\n\n      &.compact {\n        padding-bottom: 0;\n      }\n\n      &.compact .hero .heading {\n        text-align: initial;\n      }\n    }\n\n    .header .container-alt,\n    .features .container-alt {\n      display: block;\n    }\n  }\n\n  .cta {\n    margin: 20px;\n  }\n}\n\n.landing {\n  margin-bottom: 100px;\n\n  @media screen and (max-width: 738px) {\n    margin-bottom: 0;\n  }\n\n  &__brand {\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    padding: 50px;\n\n    svg {\n      fill: $primary-text-color;\n      height: 52px;\n    }\n\n    @media screen and (max-width: $no-gap-breakpoint) {\n      padding: 0;\n      margin-bottom: 30px;\n    }\n  }\n\n  .directory {\n    margin-top: 30px;\n    background: transparent;\n    box-shadow: none;\n    border-radius: 0;\n  }\n\n  .hero-widget {\n    margin-top: 30px;\n    margin-bottom: 0;\n\n    h4 {\n      padding: 10px;\n      font-weight: 700;\n      font-size: 14px;\n      color: $darker-text-color;\n    }\n\n    &__text {\n      border-radius: 0;\n      padding-bottom: 0;\n    }\n\n    &__footer {\n      background: $ui-base-color;\n      padding: 10px;\n      border-radius: 0 0 4px 4px;\n      display: flex;\n\n      &__column {\n        flex: 1 1 50%;\n      }\n    }\n\n    .account {\n      padding: 10px 0;\n      border-bottom: 0;\n\n      .account__display-name {\n        display: flex;\n        align-items: center;\n      }\n\n      .account__avatar {\n        width: 44px;\n        height: 44px;\n        background-size: 44px 44px;\n      }\n    }\n\n    &__counter {\n      padding: 10px;\n\n      strong {\n        font-family: $font-display, sans-serif;\n        font-size: 15px;\n        font-weight: 700;\n        display: block;\n      }\n\n      span {\n        font-size: 14px;\n        color: $darker-text-color;\n      }\n    }\n  }\n\n  .simple_form .user_agreement .label_input > label {\n    font-weight: 400;\n    color: $darker-text-color;\n  }\n\n  .simple_form p.lead {\n    color: $darker-text-color;\n    font-size: 15px;\n    line-height: 20px;\n    font-weight: 400;\n    margin-bottom: 25px;\n  }\n\n  &__grid {\n    max-width: 960px;\n    margin: 0 auto;\n    display: grid;\n    grid-template-columns: minmax(0, 50%) minmax(0, 50%);\n    grid-gap: 30px;\n\n    @media screen and (max-width: 738px) {\n      grid-template-columns: minmax(0, 100%);\n      grid-gap: 10px;\n\n      &__column-login {\n        grid-row: 1;\n        display: flex;\n        flex-direction: column;\n\n        .box-widget {\n          order: 2;\n          flex: 0 0 auto;\n        }\n\n        .hero-widget {\n          margin-top: 0;\n          margin-bottom: 10px;\n          order: 1;\n          flex: 0 0 auto;\n        }\n      }\n\n      &__column-registration {\n        grid-row: 2;\n      }\n\n      .directory {\n        margin-top: 10px;\n      }\n    }\n\n    @media screen and (max-width: $no-gap-breakpoint) {\n      grid-gap: 0;\n\n      .hero-widget {\n        display: block;\n        margin-bottom: 0;\n        box-shadow: none;\n\n        &__img,\n        &__img img,\n        &__footer {\n          border-radius: 0;\n        }\n      }\n\n      .hero-widget,\n      .box-widget,\n      .directory__tag {\n        border-bottom: 1px solid lighten($ui-base-color, 8%);\n      }\n\n      .directory {\n        margin-top: 0;\n\n        &__tag {\n          margin-bottom: 0;\n\n          & > a,\n          & > div {\n            border-radius: 0;\n            box-shadow: none;\n          }\n\n          &:last-child {\n            border-bottom: 0;\n          }\n        }\n      }\n    }\n  }\n}\n\n.brand {\n  position: relative;\n  text-decoration: none;\n}\n\n.brand__tagline {\n  display: block;\n  position: absolute;\n  bottom: -10px;\n  left: 50px;\n  width: 300px;\n  color: $ui-primary-color;\n  text-decoration: none;\n  font-size: 14px;\n\n  @media screen and (max-width: $no-gap-breakpoint) {\n    position: static;\n    width: auto;\n    margin-top: 20px;\n    color: $dark-text-color;\n  }\n}\n\n",".table {\n  width: 100%;\n  max-width: 100%;\n  border-spacing: 0;\n  border-collapse: collapse;\n\n  th,\n  td {\n    padding: 8px;\n    line-height: 18px;\n    vertical-align: top;\n    border-top: 1px solid $ui-base-color;\n    text-align: left;\n    background: darken($ui-base-color, 4%);\n  }\n\n  & > thead > tr > th {\n    vertical-align: bottom;\n    border-bottom: 2px solid $ui-base-color;\n    border-top: 0;\n    font-weight: 500;\n  }\n\n  & > tbody > tr > th {\n    font-weight: 500;\n  }\n\n  & > tbody > tr:nth-child(odd) > td,\n  & > tbody > tr:nth-child(odd) > th {\n    background: $ui-base-color;\n  }\n\n  a {\n    color: $highlight-text-color;\n    text-decoration: underline;\n\n    &:hover {\n      text-decoration: none;\n    }\n  }\n\n  strong {\n    font-weight: 500;\n\n    @each $lang in $cjk-langs {\n      &:lang(#{$lang}) {\n        font-weight: 700;\n      }\n    }\n  }\n\n  &.inline-table {\n    & > tbody > tr:nth-child(odd) {\n      & > td,\n      & > th {\n        background: transparent;\n      }\n    }\n\n    & > tbody > tr:first-child {\n      & > td,\n      & > th {\n        border-top: 0;\n      }\n    }\n  }\n\n  &.batch-table {\n    & > thead > tr > th {\n      background: $ui-base-color;\n      border-top: 1px solid darken($ui-base-color, 8%);\n      border-bottom: 1px solid darken($ui-base-color, 8%);\n\n      &:first-child {\n        border-radius: 4px 0 0;\n        border-left: 1px solid darken($ui-base-color, 8%);\n      }\n\n      &:last-child {\n        border-radius: 0 4px 0 0;\n        border-right: 1px solid darken($ui-base-color, 8%);\n      }\n    }\n  }\n\n  &--invites tbody td {\n    vertical-align: middle;\n  }\n}\n\n.table-wrapper {\n  overflow: auto;\n  margin-bottom: 20px;\n}\n\nsamp {\n  font-family: $font-monospace, monospace;\n}\n\nbutton.table-action-link {\n  background: transparent;\n  border: 0;\n  font: inherit;\n}\n\nbutton.table-action-link,\na.table-action-link {\n  text-decoration: none;\n  display: inline-block;\n  margin-right: 5px;\n  padding: 0 10px;\n  color: $darker-text-color;\n  font-weight: 500;\n\n  &:hover {\n    color: $primary-text-color;\n  }\n\n  i.fa {\n    font-weight: 400;\n    margin-right: 5px;\n  }\n\n  &:first-child {\n    padding-left: 0;\n  }\n}\n\n.batch-table {\n  &__toolbar,\n  &__row {\n    display: flex;\n\n    &__select {\n      box-sizing: border-box;\n      padding: 8px 16px;\n      cursor: pointer;\n      min-height: 100%;\n\n      input {\n        margin-top: 8px;\n      }\n\n      &--aligned {\n        display: flex;\n        align-items: center;\n\n        input {\n          margin-top: 0;\n        }\n      }\n    }\n\n    &__actions,\n    &__content {\n      padding: 8px 0;\n      padding-right: 16px;\n      flex: 1 1 auto;\n    }\n  }\n\n  &__toolbar {\n    border: 1px solid darken($ui-base-color, 8%);\n    background: $ui-base-color;\n    border-radius: 4px 0 0;\n    height: 47px;\n    align-items: center;\n\n    &__actions {\n      text-align: right;\n      padding-right: 16px - 5px;\n    }\n  }\n\n  &__form {\n    padding: 16px;\n    border: 1px solid darken($ui-base-color, 8%);\n    border-top: 0;\n    background: $ui-base-color;\n\n    .fields-row {\n      padding-top: 0;\n      margin-bottom: 0;\n    }\n  }\n\n  &__row {\n    border: 1px solid darken($ui-base-color, 8%);\n    border-top: 0;\n    background: darken($ui-base-color, 4%);\n\n    @media screen and (max-width: $no-gap-breakpoint) {\n      .optional &:first-child {\n        border-top: 1px solid darken($ui-base-color, 8%);\n      }\n    }\n\n    &:hover {\n      background: darken($ui-base-color, 2%);\n    }\n\n    &:nth-child(even) {\n      background: $ui-base-color;\n\n      &:hover {\n        background: lighten($ui-base-color, 2%);\n      }\n    }\n\n    &__content {\n      padding-top: 12px;\n      padding-bottom: 16px;\n\n      &--unpadded {\n        padding: 0;\n      }\n\n      &--with-image {\n        display: flex;\n        align-items: center;\n      }\n\n      &__image {\n        flex: 0 0 auto;\n        display: flex;\n        justify-content: center;\n        align-items: center;\n        margin-right: 10px;\n\n        .emojione {\n          width: 32px;\n          height: 32px;\n        }\n      }\n\n      &__text {\n        flex: 1 1 auto;\n      }\n\n      &__extra {\n        flex: 0 0 auto;\n        text-align: right;\n        color: $darker-text-color;\n        font-weight: 500;\n      }\n    }\n\n    .directory__tag {\n      margin: 0;\n      width: 100%;\n\n      a {\n        background: transparent;\n        border-radius: 0;\n      }\n    }\n  }\n\n  &.optional .batch-table__toolbar,\n  &.optional .batch-table__row__select {\n    @media screen and (max-width: $no-gap-breakpoint) {\n      display: none;\n    }\n  }\n\n  .status__content {\n    padding-top: 0;\n\n    summary {\n      display: list-item;\n    }\n\n    strong {\n      font-weight: 700;\n    }\n  }\n\n  .nothing-here {\n    border: 1px solid darken($ui-base-color, 8%);\n    border-top: 0;\n    box-shadow: none;\n\n    @media screen and (max-width: $no-gap-breakpoint) {\n      border-top: 1px solid darken($ui-base-color, 8%);\n    }\n  }\n\n  @media screen and (max-width: 870px) {\n    .accounts-table tbody td.optional {\n      display: none;\n    }\n  }\n}\n","$no-columns-breakpoint: 600px;\n$sidebar-width: 240px;\n$content-width: 840px;\n\n.admin-wrapper {\n  display: flex;\n  justify-content: center;\n  width: 100%;\n  min-height: 100vh;\n\n  .sidebar-wrapper {\n    min-height: 100vh;\n    overflow: hidden;\n    pointer-events: none;\n    flex: 1 1 auto;\n\n    &__inner {\n      display: flex;\n      justify-content: flex-end;\n      background: $ui-base-color;\n      height: 100%;\n    }\n  }\n\n  .sidebar {\n    width: $sidebar-width;\n    padding: 0;\n    pointer-events: auto;\n\n    &__toggle {\n      display: none;\n      background: lighten($ui-base-color, 8%);\n      height: 48px;\n\n      &__logo {\n        flex: 1 1 auto;\n\n        a {\n          display: inline-block;\n          padding: 15px;\n        }\n\n        svg {\n          fill: $primary-text-color;\n          height: 20px;\n          position: relative;\n          bottom: -2px;\n        }\n      }\n\n      &__icon {\n        display: block;\n        color: $darker-text-color;\n        text-decoration: none;\n        flex: 0 0 auto;\n        font-size: 20px;\n        padding: 15px;\n      }\n\n      a {\n        &:hover,\n        &:focus,\n        &:active {\n          background: lighten($ui-base-color, 12%);\n        }\n      }\n    }\n\n    .logo {\n      display: block;\n      margin: 40px auto;\n      width: 100px;\n      height: 100px;\n    }\n\n    @media screen and (max-width: $no-columns-breakpoint) {\n      & > a:first-child {\n        display: none;\n      }\n    }\n\n    ul {\n      list-style: none;\n      border-radius: 4px 0 0 4px;\n      overflow: hidden;\n      margin-bottom: 20px;\n\n      @media screen and (max-width: $no-columns-breakpoint) {\n        margin-bottom: 0;\n      }\n\n      a {\n        display: block;\n        padding: 15px;\n        color: $darker-text-color;\n        text-decoration: none;\n        transition: all 200ms linear;\n        transition-property: color, background-color;\n        border-radius: 4px 0 0 4px;\n        white-space: nowrap;\n        overflow: hidden;\n        text-overflow: ellipsis;\n\n        i.fa {\n          margin-right: 5px;\n        }\n\n        &:hover {\n          color: $primary-text-color;\n          background-color: darken($ui-base-color, 5%);\n          transition: all 100ms linear;\n          transition-property: color, background-color;\n        }\n\n        &.selected {\n          background: darken($ui-base-color, 2%);\n          border-radius: 4px 0 0;\n        }\n      }\n\n      ul {\n        background: darken($ui-base-color, 4%);\n        border-radius: 0 0 0 4px;\n        margin: 0;\n\n        a {\n          border: 0;\n          padding: 15px 35px;\n        }\n      }\n\n      .simple-navigation-active-leaf a {\n        color: $primary-text-color;\n        background-color: $ui-highlight-color;\n        border-bottom: 0;\n        border-radius: 0;\n\n        &:hover {\n          background-color: lighten($ui-highlight-color, 5%);\n        }\n      }\n    }\n\n    & > ul > .simple-navigation-active-leaf a {\n      border-radius: 4px 0 0 4px;\n    }\n  }\n\n  .content-wrapper {\n    box-sizing: border-box;\n    width: 100%;\n    max-width: $content-width;\n    flex: 1 1 auto;\n  }\n\n  @media screen and (max-width: $content-width + $sidebar-width) {\n    .sidebar-wrapper--empty {\n      display: none;\n    }\n\n    .sidebar-wrapper {\n      width: $sidebar-width;\n      flex: 0 0 auto;\n    }\n  }\n\n  @media screen and (max-width: $no-columns-breakpoint) {\n    .sidebar-wrapper {\n      width: 100%;\n    }\n  }\n\n  .content {\n    padding: 20px 15px;\n    padding-top: 60px;\n    padding-left: 25px;\n\n    @media screen and (max-width: $no-columns-breakpoint) {\n      max-width: none;\n      padding: 15px;\n      padding-top: 30px;\n    }\n\n    &-heading {\n      display: flex;\n\n      padding-bottom: 40px;\n      border-bottom: 1px solid lighten($ui-base-color, 8%);\n\n      margin: -15px -15px 40px 0;\n\n      flex-wrap: wrap;\n      align-items: center;\n      justify-content: space-between;\n\n      & > * {\n        margin-top: 15px;\n        margin-right: 15px;\n      }\n\n      &-actions {\n        display: inline-flex;\n\n        & > :not(:first-child) {\n          margin-left: 5px;\n        }\n      }\n\n      @media screen and (max-width: $no-columns-breakpoint) {\n        border-bottom: 0;\n        padding-bottom: 0;\n      }\n    }\n\n    h2 {\n      color: $secondary-text-color;\n      font-size: 24px;\n      line-height: 28px;\n      font-weight: 400;\n\n      @media screen and (max-width: $no-columns-breakpoint) {\n        font-weight: 700;\n      }\n    }\n\n    h3 {\n      color: $secondary-text-color;\n      font-size: 20px;\n      line-height: 28px;\n      font-weight: 400;\n      margin-bottom: 30px;\n    }\n\n    h4 {\n      font-size: 14px;\n      font-weight: 700;\n      color: $darker-text-color;\n      padding-bottom: 8px;\n      margin-bottom: 8px;\n      border-bottom: 1px solid lighten($ui-base-color, 8%);\n    }\n\n    h6 {\n      font-size: 16px;\n      color: $secondary-text-color;\n      line-height: 28px;\n      font-weight: 500;\n    }\n\n    .fields-group h6 {\n      color: $primary-text-color;\n      font-weight: 500;\n    }\n\n    .directory__tag > a,\n    .directory__tag > div {\n      box-shadow: none;\n    }\n\n    .directory__tag .table-action-link .fa {\n      color: inherit;\n    }\n\n    .directory__tag h4 {\n      font-size: 18px;\n      font-weight: 700;\n      color: $primary-text-color;\n      text-transform: none;\n      padding-bottom: 0;\n      margin-bottom: 0;\n      border-bottom: 0;\n    }\n\n    & > p {\n      font-size: 14px;\n      line-height: 21px;\n      color: $secondary-text-color;\n      margin-bottom: 20px;\n\n      strong {\n        color: $primary-text-color;\n        font-weight: 500;\n\n        @each $lang in $cjk-langs {\n          &:lang(#{$lang}) {\n            font-weight: 700;\n          }\n        }\n      }\n    }\n\n    hr {\n      width: 100%;\n      height: 0;\n      border: 0;\n      border-bottom: 1px solid rgba($ui-base-lighter-color, .6);\n      margin: 20px 0;\n\n      &.spacer {\n        height: 1px;\n        border: 0;\n      }\n    }\n  }\n\n  @media screen and (max-width: $no-columns-breakpoint) {\n    display: block;\n\n    .sidebar-wrapper {\n      min-height: 0;\n    }\n\n    .sidebar {\n      width: 100%;\n      padding: 0;\n      height: auto;\n\n      &__toggle {\n        display: flex;\n      }\n\n      & > ul {\n        display: none;\n      }\n\n      ul a,\n      ul ul a {\n        border-radius: 0;\n        border-bottom: 1px solid lighten($ui-base-color, 4%);\n        transition: none;\n\n        &:hover {\n          transition: none;\n        }\n      }\n\n      ul ul {\n        border-radius: 0;\n      }\n\n      ul .simple-navigation-active-leaf a {\n        border-bottom-color: $ui-highlight-color;\n      }\n    }\n  }\n}\n\nhr.spacer {\n  width: 100%;\n  border: 0;\n  margin: 20px 0;\n  height: 1px;\n}\n\nbody,\n.admin-wrapper .content {\n  .muted-hint {\n    color: $darker-text-color;\n\n    a {\n      color: $highlight-text-color;\n    }\n  }\n\n  .positive-hint {\n    color: $valid-value-color;\n    font-weight: 500;\n  }\n\n  .negative-hint {\n    color: $error-value-color;\n    font-weight: 500;\n  }\n\n  .neutral-hint {\n    color: $dark-text-color;\n    font-weight: 500;\n  }\n\n  .warning-hint {\n    color: $gold-star;\n    font-weight: 500;\n  }\n}\n\n.filters {\n  display: flex;\n  flex-wrap: wrap;\n\n  .filter-subset {\n    flex: 0 0 auto;\n    margin: 0 40px 20px 0;\n\n    &:last-child {\n      margin-bottom: 30px;\n    }\n\n    ul {\n      margin-top: 5px;\n      list-style: none;\n\n      li {\n        display: inline-block;\n        margin-right: 5px;\n      }\n    }\n\n    strong {\n      font-weight: 500;\n      font-size: 13px;\n\n      @each $lang in $cjk-langs {\n        &:lang(#{$lang}) {\n          font-weight: 700;\n        }\n      }\n    }\n\n    a {\n      display: inline-block;\n      color: $darker-text-color;\n      text-decoration: none;\n      font-size: 13px;\n      font-weight: 500;\n      border-bottom: 2px solid $ui-base-color;\n\n      &:hover {\n        color: $primary-text-color;\n        border-bottom: 2px solid lighten($ui-base-color, 5%);\n      }\n\n      &.selected {\n        color: $highlight-text-color;\n        border-bottom: 2px solid $ui-highlight-color;\n      }\n    }\n  }\n}\n\n.flavour-screen {\n  display: block;\n  margin: 10px auto;\n  max-width: 100%;\n}\n\n.flavour-description {\n  display: block;\n  font-size: 16px;\n  margin: 10px 0;\n\n  & > p {\n    margin: 10px 0;\n  }\n}\n\n.flavour-screen {\n  display: block;\n  margin: 10px auto;\n  max-width: 100%;\n}\n\n.flavour-description {\n  display: block;\n  font-size: 16px;\n  margin: 10px 0;\n\n  & > p {\n    margin: 10px 0;\n  }\n}\n\n.report-accounts {\n  display: flex;\n  flex-wrap: wrap;\n  margin-bottom: 20px;\n}\n\n.report-accounts__item {\n  display: flex;\n  flex: 250px;\n  flex-direction: column;\n  margin: 0 5px;\n\n  & > strong {\n    display: block;\n    margin: 0 0 10px -5px;\n    font-weight: 500;\n    font-size: 14px;\n    line-height: 18px;\n    color: $secondary-text-color;\n\n    @each $lang in $cjk-langs {\n      &:lang(#{$lang}) {\n        font-weight: 700;\n      }\n    }\n  }\n\n  .account-card {\n    flex: 1 1 auto;\n  }\n}\n\n.report-status,\n.account-status {\n  display: flex;\n  margin-bottom: 10px;\n\n  .activity-stream {\n    flex: 2 0 0;\n    margin-right: 20px;\n    max-width: calc(100% - 60px);\n\n    .entry {\n      border-radius: 4px;\n    }\n  }\n}\n\n.report-status__actions,\n.account-status__actions {\n  flex: 0 0 auto;\n  display: flex;\n  flex-direction: column;\n\n  .icon-button {\n    font-size: 24px;\n    width: 24px;\n    text-align: center;\n    margin-bottom: 10px;\n  }\n}\n\n.simple_form.new_report_note,\n.simple_form.new_account_moderation_note {\n  max-width: 100%;\n}\n\n.batch-form-box {\n  display: flex;\n  flex-wrap: wrap;\n  margin-bottom: 5px;\n\n  #form_status_batch_action {\n    margin: 0 5px 5px 0;\n    font-size: 14px;\n  }\n\n  input.button {\n    margin: 0 5px 5px 0;\n  }\n\n  .media-spoiler-toggle-buttons {\n    margin-left: auto;\n\n    .button {\n      overflow: visible;\n      margin: 0 0 5px 5px;\n      float: right;\n    }\n  }\n}\n\n.back-link {\n  margin-bottom: 10px;\n  font-size: 14px;\n\n  a {\n    color: $highlight-text-color;\n    text-decoration: none;\n\n    &:hover {\n      text-decoration: underline;\n    }\n  }\n}\n\n.spacer {\n  flex: 1 1 auto;\n}\n\n.log-entry {\n  margin-bottom: 20px;\n  line-height: 20px;\n\n  &__header {\n    display: flex;\n    justify-content: flex-start;\n    align-items: center;\n    padding: 10px;\n    background: $ui-base-color;\n    color: $darker-text-color;\n    border-radius: 4px 4px 0 0;\n    font-size: 14px;\n    position: relative;\n  }\n\n  &__avatar {\n    margin-right: 10px;\n\n    .avatar {\n      display: block;\n      margin: 0;\n      border-radius: 50%;\n      width: 40px;\n      height: 40px;\n    }\n  }\n\n  &__content {\n    max-width: calc(100% - 90px);\n  }\n\n  &__title {\n    word-wrap: break-word;\n  }\n\n  &__timestamp {\n    color: $dark-text-color;\n  }\n\n  &__extras {\n    background: lighten($ui-base-color, 6%);\n    border-radius: 0 0 4px 4px;\n    padding: 10px;\n    color: $darker-text-color;\n    font-family: $font-monospace, monospace;\n    font-size: 12px;\n    word-wrap: break-word;\n    min-height: 20px;\n  }\n\n  &__icon {\n    font-size: 28px;\n    margin-right: 10px;\n    color: $dark-text-color;\n  }\n\n  &__icon__overlay {\n    position: absolute;\n    top: 10px;\n    right: 10px;\n    width: 10px;\n    height: 10px;\n    border-radius: 50%;\n\n    &.positive {\n      background: $success-green;\n    }\n\n    &.negative {\n      background: lighten($error-red, 12%);\n    }\n\n    &.neutral {\n      background: $ui-highlight-color;\n    }\n  }\n\n  a,\n  .username,\n  .target {\n    color: $secondary-text-color;\n    text-decoration: none;\n    font-weight: 500;\n  }\n\n  .diff-old {\n    color: lighten($error-red, 12%);\n  }\n\n  .diff-neutral {\n    color: $secondary-text-color;\n  }\n\n  .diff-new {\n    color: $success-green;\n  }\n}\n\na.name-tag,\n.name-tag,\na.inline-name-tag,\n.inline-name-tag {\n  text-decoration: none;\n  color: $secondary-text-color;\n\n  .username {\n    font-weight: 500;\n  }\n\n  &.suspended {\n    .username {\n      text-decoration: line-through;\n      color: lighten($error-red, 12%);\n    }\n\n    .avatar {\n      filter: grayscale(100%);\n      opacity: 0.8;\n    }\n  }\n}\n\na.name-tag,\n.name-tag {\n  display: flex;\n  align-items: center;\n\n  .avatar {\n    display: block;\n    margin: 0;\n    margin-right: 5px;\n    border-radius: 50%;\n  }\n\n  &.suspended {\n    .avatar {\n      filter: grayscale(100%);\n      opacity: 0.8;\n    }\n  }\n}\n\n.speech-bubble {\n  margin-bottom: 20px;\n  border-left: 4px solid $ui-highlight-color;\n\n  &.positive {\n    border-left-color: $success-green;\n  }\n\n  &.negative {\n    border-left-color: lighten($error-red, 12%);\n  }\n\n  &.warning {\n    border-left-color: $gold-star;\n  }\n\n  &__bubble {\n    padding: 16px;\n    padding-left: 14px;\n    font-size: 15px;\n    line-height: 20px;\n    border-radius: 4px 4px 4px 0;\n    position: relative;\n    font-weight: 500;\n\n    a {\n      color: $darker-text-color;\n    }\n  }\n\n  &__owner {\n    padding: 8px;\n    padding-left: 12px;\n  }\n\n  time {\n    color: $dark-text-color;\n  }\n}\n\n.report-card {\n  background: $ui-base-color;\n  border-radius: 4px;\n  margin-bottom: 20px;\n\n  &__profile {\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    padding: 15px;\n\n    .account {\n      padding: 0;\n      border: 0;\n\n      &__avatar-wrapper {\n        margin-left: 0;\n      }\n    }\n\n    &__stats {\n      flex: 0 0 auto;\n      font-weight: 500;\n      color: $darker-text-color;\n      text-align: right;\n\n      a {\n        color: inherit;\n        text-decoration: none;\n\n        &:focus,\n        &:hover,\n        &:active {\n          color: lighten($darker-text-color, 8%);\n        }\n      }\n\n      .red {\n        color: $error-value-color;\n      }\n    }\n  }\n\n  &__summary {\n    &__item {\n      display: flex;\n      justify-content: flex-start;\n      border-top: 1px solid darken($ui-base-color, 4%);\n\n      &:hover {\n        background: lighten($ui-base-color, 2%);\n      }\n\n      &__reported-by,\n      &__assigned {\n        padding: 15px;\n        flex: 0 0 auto;\n        box-sizing: border-box;\n        width: 150px;\n        color: $darker-text-color;\n\n        &,\n        .username {\n          white-space: nowrap;\n          overflow: hidden;\n          text-overflow: ellipsis;\n        }\n      }\n\n      &__content {\n        flex: 1 1 auto;\n        max-width: calc(100% - 300px);\n\n        &__icon {\n          color: $dark-text-color;\n          margin-right: 4px;\n          font-weight: 500;\n        }\n      }\n\n      &__content a {\n        display: block;\n        box-sizing: border-box;\n        width: 100%;\n        padding: 15px;\n        text-decoration: none;\n        color: $darker-text-color;\n      }\n    }\n  }\n}\n\n.one-line {\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n}\n\n.ellipsized-ip {\n  display: inline-block;\n  max-width: 120px;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  vertical-align: middle;\n}\n\n.admin-account-bio {\n  display: flex;\n  flex-wrap: wrap;\n  margin: 0 -5px;\n  margin-top: 20px;\n\n  > div {\n    box-sizing: border-box;\n    padding: 0 5px;\n    margin-bottom: 10px;\n    flex: 1 0 50%;\n  }\n\n  .account__header__fields,\n  .account__header__content {\n    background: lighten($ui-base-color, 8%);\n    border-radius: 4px;\n    height: 100%;\n  }\n\n  .account__header__fields {\n    margin: 0;\n    border: 0;\n\n    a {\n      color: lighten($ui-highlight-color, 8%);\n    }\n\n    dl:first-child .verified {\n      border-radius: 0 4px 0 0;\n    }\n\n    .verified a {\n      color: $valid-value-color;\n    }\n  }\n\n  .account__header__content {\n    box-sizing: border-box;\n    padding: 20px;\n    color: $primary-text-color;\n  }\n}\n\n.center-text {\n  text-align: center;\n}\n",".dashboard__counters {\n  display: flex;\n  flex-wrap: wrap;\n  margin: 0 -5px;\n  margin-bottom: 20px;\n\n  & > div {\n    box-sizing: border-box;\n    flex: 0 0 33.333%;\n    padding: 0 5px;\n    margin-bottom: 10px;\n\n    & > div,\n    & > a {\n      padding: 20px;\n      background: lighten($ui-base-color, 4%);\n      border-radius: 4px;\n      box-sizing: border-box;\n      height: 100%;\n    }\n\n    & > a {\n      text-decoration: none;\n      color: inherit;\n      display: block;\n\n      &:hover,\n      &:focus,\n      &:active {\n        background: lighten($ui-base-color, 8%);\n      }\n    }\n  }\n\n  &__num,\n  &__text {\n    text-align: center;\n    font-weight: 500;\n    font-size: 24px;\n    line-height: 21px;\n    color: $primary-text-color;\n    font-family: $font-display, sans-serif;\n    margin-bottom: 20px;\n    line-height: 30px;\n  }\n\n  &__text {\n    font-size: 18px;\n  }\n\n  &__label {\n    font-size: 14px;\n    color: $darker-text-color;\n    text-align: center;\n    font-weight: 500;\n  }\n}\n\n.dashboard__widgets {\n  display: flex;\n  flex-wrap: wrap;\n  margin: 0 -5px;\n\n  & > div {\n    flex: 0 0 33.333%;\n    margin-bottom: 20px;\n\n    & > div {\n      padding: 0 5px;\n    }\n  }\n\n  a:not(.name-tag) {\n    color: $ui-secondary-color;\n    font-weight: 500;\n    text-decoration: none;\n  }\n}\n","body.rtl {\n  direction: rtl;\n\n  .column-header > button {\n    text-align: right;\n    padding-left: 0;\n    padding-right: 15px;\n  }\n\n  .radio-button__input {\n    margin-right: 0;\n    margin-left: 10px;\n  }\n\n  .directory__card__bar .display-name {\n    margin-left: 0;\n    margin-right: 15px;\n  }\n\n  .display-name {\n    text-align: right;\n  }\n\n  .notification__message {\n    margin-left: 0;\n    margin-right: 68px;\n  }\n\n  .drawer__inner__mastodon > img {\n    transform: scaleX(-1);\n  }\n\n  .notification__favourite-icon-wrapper {\n    left: auto;\n    right: -26px;\n  }\n\n  .landing-page__logo {\n    margin-right: 0;\n    margin-left: 20px;\n  }\n\n  .landing-page .features-list .features-list__row .visual {\n    margin-left: 0;\n    margin-right: 15px;\n  }\n\n  .column-link__icon,\n  .column-header__icon {\n    margin-right: 0;\n    margin-left: 5px;\n  }\n\n  .compose-form .compose-form__buttons-wrapper .character-counter__wrapper {\n    margin-right: 0;\n    margin-left: 4px;\n  }\n\n  .navigation-bar__profile {\n    margin-left: 0;\n    margin-right: 8px;\n  }\n\n  .search__input {\n    padding-right: 10px;\n    padding-left: 30px;\n  }\n\n  .search__icon .fa {\n    right: auto;\n    left: 10px;\n  }\n\n  .columns-area {\n    direction: rtl;\n  }\n\n  .column-header__buttons {\n    left: 0;\n    right: auto;\n    margin-left: 0;\n    margin-right: -15px;\n  }\n\n  .column-inline-form .icon-button {\n    margin-left: 0;\n    margin-right: 5px;\n  }\n\n  .column-header__links .text-btn {\n    margin-left: 10px;\n    margin-right: 0;\n  }\n\n  .account__avatar-wrapper {\n    float: right;\n  }\n\n  .column-header__back-button {\n    padding-left: 5px;\n    padding-right: 0;\n  }\n\n  .column-header__setting-arrows {\n    float: left;\n  }\n\n  .setting-toggle__label {\n    margin-left: 0;\n    margin-right: 8px;\n  }\n\n  .status__avatar {\n    left: auto;\n    right: 10px;\n  }\n\n  .status,\n  .activity-stream .status.light {\n    padding-left: 10px;\n    padding-right: 68px;\n  }\n\n  .status__info .status__display-name,\n  .activity-stream .status.light .status__display-name {\n    padding-left: 25px;\n    padding-right: 0;\n  }\n\n  .activity-stream .pre-header {\n    padding-right: 68px;\n    padding-left: 0;\n  }\n\n  .status__prepend {\n    margin-left: 0;\n    margin-right: 68px;\n  }\n\n  .status__prepend-icon-wrapper {\n    left: auto;\n    right: -26px;\n  }\n\n  .activity-stream .pre-header .pre-header__icon {\n    left: auto;\n    right: 42px;\n  }\n\n  .account__avatar-overlay-overlay {\n    right: auto;\n    left: 0;\n  }\n\n  .column-back-button--slim-button {\n    right: auto;\n    left: 0;\n  }\n\n  .status__relative-time,\n  .activity-stream .status.light .status__header .status__meta {\n    float: left;\n  }\n\n  .status__action-bar {\n    &__counter {\n      margin-right: 0;\n      margin-left: 11px;\n\n      .status__action-bar-button {\n        margin-right: 0;\n        margin-left: 4px;\n      }\n    }\n  }\n\n  .status__action-bar-button {\n    float: right;\n    margin-right: 0;\n    margin-left: 18px;\n  }\n\n  .status__action-bar-dropdown {\n    float: right;\n  }\n\n  .privacy-dropdown__dropdown {\n    margin-left: 0;\n    margin-right: 40px;\n  }\n\n  .privacy-dropdown__option__icon {\n    margin-left: 10px;\n    margin-right: 0;\n  }\n\n  .detailed-status__display-name .display-name {\n    text-align: right;\n  }\n\n  .detailed-status__display-avatar {\n    margin-right: 0;\n    margin-left: 10px;\n    float: right;\n  }\n\n  .detailed-status__favorites,\n  .detailed-status__reblogs {\n    margin-left: 0;\n    margin-right: 6px;\n  }\n\n  .fa-ul {\n    margin-left: 2.14285714em;\n  }\n\n  .fa-li {\n    left: auto;\n    right: -2.14285714em;\n  }\n\n  .admin-wrapper {\n    direction: rtl;\n  }\n\n  .admin-wrapper .sidebar ul a i.fa,\n  a.table-action-link i.fa {\n    margin-right: 0;\n    margin-left: 5px;\n  }\n\n  .simple_form .check_boxes .checkbox label {\n    padding-left: 0;\n    padding-right: 25px;\n  }\n\n  .simple_form .input.with_label.boolean label.checkbox {\n    padding-left: 25px;\n    padding-right: 0;\n  }\n\n  .simple_form .check_boxes .checkbox input[type=\"checkbox\"],\n  .simple_form .input.boolean input[type=\"checkbox\"] {\n    left: auto;\n    right: 0;\n  }\n\n  .simple_form .input.radio_buttons .radio {\n    left: auto;\n    right: 0;\n  }\n\n  .simple_form .input.radio_buttons .radio > label {\n    padding-right: 28px;\n    padding-left: 0;\n  }\n\n  .simple_form .input-with-append .input input {\n    padding-left: 142px;\n    padding-right: 0;\n  }\n\n  .simple_form .input.boolean label.checkbox {\n    left: auto;\n    right: 0;\n  }\n\n  .simple_form .input.boolean .label_input,\n  .simple_form .input.boolean .hint {\n    padding-left: 0;\n    padding-right: 28px;\n  }\n\n  .simple_form .label_input__append {\n    right: auto;\n    left: 3px;\n\n    &::after {\n      right: auto;\n      left: 0;\n      background-image: linear-gradient(to left, rgba(darken($ui-base-color, 10%), 0), darken($ui-base-color, 10%));\n    }\n  }\n\n  .simple_form select {\n    background: darken($ui-base-color, 10%) url(\"data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14.933 18.467' height='19.698' width='15.929'><path d='M3.467 14.967l-3.393-3.5H14.86l-3.392 3.5c-1.866 1.925-3.666 3.5-4 3.5-.335 0-2.135-1.575-4-3.5zm.266-11.234L7.467 0 11.2 3.733l3.733 3.734H0l3.733-3.734z' fill='#{hex-color(lighten($ui-base-color, 12%))}'/></svg>\") no-repeat left 8px center / auto 16px;\n  }\n\n  .table th,\n  .table td {\n    text-align: right;\n  }\n\n  .filters .filter-subset {\n    margin-right: 0;\n    margin-left: 45px;\n  }\n\n  .landing-page .header-wrapper .mascot {\n    right: 60px;\n    left: auto;\n  }\n\n  .landing-page__call-to-action .row__information-board {\n    direction: rtl;\n  }\n\n  .landing-page .header .hero .floats .float-1 {\n    left: -120px;\n    right: auto;\n  }\n\n  .landing-page .header .hero .floats .float-2 {\n    left: 210px;\n    right: auto;\n  }\n\n  .landing-page .header .hero .floats .float-3 {\n    left: 110px;\n    right: auto;\n  }\n\n  .landing-page .header .links .brand img {\n    left: 0;\n  }\n\n  .landing-page .fa-external-link {\n    padding-right: 5px;\n    padding-left: 0 !important;\n  }\n\n  .landing-page .features #mastodon-timeline {\n    margin-right: 0;\n    margin-left: 30px;\n  }\n\n  @media screen and (min-width: 631px) {\n    .column,\n    .drawer {\n      padding-left: 5px;\n      padding-right: 5px;\n\n      &:first-child {\n        padding-left: 5px;\n        padding-right: 10px;\n      }\n    }\n\n    .columns-area > div {\n      .column,\n      .drawer {\n        padding-left: 5px;\n        padding-right: 5px;\n      }\n    }\n  }\n\n  .columns-area--mobile .column,\n  .columns-area--mobile .drawer {\n    padding-left: 0;\n    padding-right: 0;\n  }\n\n  .public-layout {\n    .header {\n      .nav-button {\n        margin-left: 8px;\n        margin-right: 0;\n      }\n    }\n\n    .public-account-header__tabs {\n      margin-left: 0;\n      margin-right: 20px;\n    }\n  }\n\n  .landing-page__information {\n    .account__display-name {\n      margin-right: 0;\n      margin-left: 5px;\n    }\n\n    .account__avatar-wrapper {\n      margin-left: 12px;\n      margin-right: 0;\n    }\n  }\n\n  .card__bar .display-name {\n    margin-left: 0;\n    margin-right: 15px;\n    text-align: right;\n  }\n\n  .fa-chevron-left::before {\n    content: \"\\F054\";\n  }\n\n  .fa-chevron-right::before {\n    content: \"\\F053\";\n  }\n\n  .column-back-button__icon {\n    margin-right: 0;\n    margin-left: 5px;\n  }\n\n  .column-header__setting-arrows .column-header__setting-btn:last-child {\n    padding-left: 0;\n    padding-right: 10px;\n  }\n\n  .simple_form .input.radio_buttons .radio > label input {\n    left: auto;\n    right: 0;\n  }\n}\n","$black-emojis: '8ball' 'ant' 'back' 'black_circle' 'black_heart' 'black_large_square' 'black_medium_small_square' 'black_medium_square' 'black_nib' 'black_small_square' 'bomb' 'bowling' 'bust_in_silhouette' 'busts_in_silhouette' 'camera' 'camera_with_flash' 'clubs' 'copyright' 'curly_loop' 'currency_exchange' 'dark_sunglasses' 'eight_pointed_black_star' 'electric_plug' 'end' 'female-guard' 'film_projector' 'fried_egg' 'gorilla' 'guardsman' 'heavy_check_mark' 'heavy_division_sign' 'heavy_dollar_sign' 'heavy_minus_sign' 'heavy_multiplication_x' 'heavy_plus_sign' 'hocho' 'hole' 'joystick' 'kaaba' 'lower_left_ballpoint_pen' 'lower_left_fountain_pen' 'male-guard' 'microphone' 'mortar_board' 'movie_camera' 'musical_score' 'on' 'registered' 'soon' 'spades' 'speaking_head_in_silhouette' 'spider' 'telephone_receiver' 'tm' 'top' 'tophat' 'turkey' 'vhs' 'video_camera' 'video_game' 'water_buffalo' 'waving_black_flag' 'wavy_dash';\n\n%white-emoji-outline {\n  filter: drop-shadow(1px 1px 0 $white) drop-shadow(-1px 1px 0 $white) drop-shadow(1px -1px 0 $white) drop-shadow(-1px -1px 0 $white);\n  transform: scale(.71);\n}\n\n.emojione {\n  @each $emoji in $black-emojis {\n    &[title=':#{$emoji}:'] {\n      @extend %white-emoji-outline;\n    }\n  }\n}\n","// Notes!\n// Sass color functions, \"darken\" and \"lighten\" are automatically replaced.\n\nhtml {\n  scrollbar-color: $ui-base-color rgba($ui-base-color, 0.25);\n}\n\n// Change the colors of button texts\n.button {\n  color: $white;\n\n  &.button-alternative-2 {\n    color: $white;\n  }\n}\n\n.status-card__actions button,\n.status-card__actions a {\n  color: rgba($white, 0.8);\n\n  &:hover,\n  &:active,\n  &:focus {\n    color: $white;\n  }\n}\n\n// Change default background colors of columns\n.column > .scrollable,\n.getting-started,\n.column-inline-form,\n.error-column,\n.regeneration-indicator {\n  background: $white;\n  border: 1px solid lighten($ui-base-color, 8%);\n  border-top: 0;\n}\n\n.directory__card__img {\n  background: lighten($ui-base-color, 12%);\n}\n\n.filter-form,\n.directory__card__bar {\n  background: $white;\n  border-bottom: 1px solid lighten($ui-base-color, 8%);\n}\n\n.scrollable .directory__list {\n  width: calc(100% + 2px);\n  margin-left: -1px;\n  margin-right: -1px;\n}\n\n.directory__card,\n.table-of-contents {\n  border: 1px solid lighten($ui-base-color, 8%);\n}\n\n.column-back-button,\n.column-header {\n  background: $white;\n  border: 1px solid lighten($ui-base-color, 8%);\n\n  @media screen and (max-width: $no-gap-breakpoint) {\n    border-top: 0;\n  }\n\n  &--slim-button {\n    top: -50px;\n    right: 0;\n  }\n}\n\n.column-header__back-button,\n.column-header__button,\n.column-header__button.active,\n.account__header__bar,\n.directory__card__extra {\n  background: $white;\n}\n\n.column-header__button.active {\n  color: $ui-highlight-color;\n\n  &:hover,\n  &:active,\n  &:focus {\n    color: $ui-highlight-color;\n    background: $white;\n  }\n}\n\n.account__header__bar .avatar .account__avatar {\n  border-color: $white;\n}\n\n.getting-started__footer a {\n  color: $ui-secondary-color;\n  text-decoration: underline;\n}\n\n.confirmation-modal__secondary-button,\n.confirmation-modal__cancel-button,\n.mute-modal__cancel-button,\n.block-modal__cancel-button {\n  color: lighten($ui-base-color, 26%);\n\n  &:hover,\n  &:focus,\n  &:active {\n    color: $primary-text-color;\n  }\n}\n\n.column-subheading {\n  background: darken($ui-base-color, 4%);\n  border-bottom: 1px solid lighten($ui-base-color, 8%);\n}\n\n.getting-started,\n.scrollable {\n  .column-link {\n    background: $white;\n    border-bottom: 1px solid lighten($ui-base-color, 8%);\n\n    &:hover,\n    &:active,\n    &:focus {\n      background: $ui-base-color;\n    }\n  }\n}\n\n.getting-started .navigation-bar {\n  border-top: 1px solid lighten($ui-base-color, 8%);\n  border-bottom: 1px solid lighten($ui-base-color, 8%);\n\n  @media screen and (max-width: $no-gap-breakpoint) {\n    border-top: 0;\n  }\n}\n\n.compose-form__autosuggest-wrapper,\n.poll__text input[type=\"text\"],\n.compose-form .spoiler-input__input,\n.compose-form__poll-wrapper select,\n.search__input,\n.setting-text,\n.box-widget input[type=\"text\"],\n.box-widget input[type=\"email\"],\n.box-widget input[type=\"password\"],\n.box-widget textarea,\n.statuses-grid .detailed-status,\n.audio-player {\n  border: 1px solid lighten($ui-base-color, 8%);\n}\n\n.search__input {\n  @media screen and (max-width: $no-gap-breakpoint) {\n    border-top: 0;\n    border-bottom: 0;\n  }\n}\n\n.list-editor .search .search__input {\n  border-top: 0;\n  border-bottom: 0;\n}\n\n.compose-form__poll-wrapper select {\n  background: $simple-background-color url(\"data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14.933 18.467' height='19.698' width='15.929'><path d='M3.467 14.967l-3.393-3.5H14.86l-3.392 3.5c-1.866 1.925-3.666 3.5-4 3.5-.335 0-2.135-1.575-4-3.5zm.266-11.234L7.467 0 11.2 3.733l3.733 3.734H0l3.733-3.734z' fill='#{hex-color(lighten($ui-base-color, 8%))}'/></svg>\") no-repeat right 8px center / auto 16px;\n}\n\n.compose-form__poll-wrapper,\n.compose-form__poll-wrapper .poll__footer {\n  border-top-color: lighten($ui-base-color, 8%);\n}\n\n.notification__filter-bar {\n  border: 1px solid lighten($ui-base-color, 8%);\n  border-top: 0;\n}\n\n.compose-form .compose-form__buttons-wrapper {\n  background: $ui-base-color;\n  border: 1px solid lighten($ui-base-color, 8%);\n  border-top: 0;\n}\n\n.drawer__header,\n.drawer__inner {\n  background: $white;\n  border: 1px solid lighten($ui-base-color, 8%);\n}\n\n.drawer__inner__mastodon {\n  background: $white url('data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 234.80078 31.757813\" width=\"234.80078\" height=\"31.757812\"><path d=\"M19.599609 0c-1.05 0-2.10039.375-2.90039 1.125L0 16.925781v14.832031h234.80078V17.025391l-16.5-15.900391c-1.6-1.5-4.20078-1.5-5.80078 0l-13.80078 13.099609c-1.6 1.5-4.19883 1.5-5.79883 0L179.09961 1.125c-1.6-1.5-4.19883-1.5-5.79883 0L159.5 14.224609c-1.6 1.5-4.20078 1.5-5.80078 0L139.90039 1.125c-1.6-1.5-4.20078-1.5-5.80078 0l-13.79883 13.099609c-1.6 1.5-4.20078 1.5-5.80078 0L100.69922 1.125c-1.600001-1.5-4.198829-1.5-5.798829 0l-13.59961 13.099609c-1.6 1.5-4.200781 1.5-5.800781 0L61.699219 1.125c-1.6-1.5-4.198828-1.5-5.798828 0L42.099609 14.224609c-1.6 1.5-4.198828 1.5-5.798828 0L22.5 1.125C21.7.375 20.649609 0 19.599609 0z\" fill=\"#{hex-color($ui-base-color)}\"/></svg>') no-repeat bottom / 100% auto;\n}\n\n// Change the colors used in compose-form\n.compose-form {\n  .compose-form__modifiers {\n    .compose-form__upload__actions .icon-button {\n      color: lighten($white, 7%);\n\n      &:active,\n      &:focus,\n      &:hover {\n        color: $white;\n      }\n    }\n\n    .compose-form__upload-description input {\n      color: lighten($white, 7%);\n\n      &::placeholder {\n        color: lighten($white, 7%);\n      }\n    }\n  }\n\n  .compose-form__buttons-wrapper {\n    background: darken($ui-base-color, 6%);\n  }\n\n  .autosuggest-textarea__suggestions {\n    background: darken($ui-base-color, 6%);\n  }\n\n  .autosuggest-textarea__suggestions__item {\n    &:hover,\n    &:focus,\n    &:active,\n    &.selected {\n      background: lighten($ui-base-color, 4%);\n    }\n  }\n}\n\n.emoji-mart-bar {\n  border-color: lighten($ui-base-color, 4%);\n\n  &:first-child {\n    background: darken($ui-base-color, 6%);\n  }\n}\n\n.emoji-mart-search input {\n  background: rgba($ui-base-color, 0.3);\n  border-color: $ui-base-color;\n}\n\n// Change the background colors of statuses\n.focusable:focus {\n  background: $ui-base-color;\n}\n\n.status.status-direct {\n  background: lighten($ui-base-color, 4%);\n}\n\n.focusable:focus .status.status-direct {\n  background: lighten($ui-base-color, 8%);\n}\n\n.detailed-status,\n.detailed-status__action-bar {\n  background: $white;\n}\n\n// Change the background colors of status__content__spoiler-link\n.reply-indicator__content .status__content__spoiler-link,\n.status__content .status__content__spoiler-link {\n  background: $ui-base-color;\n\n  &:hover {\n    background: lighten($ui-base-color, 4%);\n  }\n}\n\n// Change the background colors of media and video spoilers\n.media-spoiler,\n.video-player__spoiler {\n  background: $ui-base-color;\n}\n\n.privacy-dropdown.active .privacy-dropdown__value.active .icon-button {\n  color: $white;\n}\n\n.account-gallery__item a {\n  background-color: $ui-base-color;\n}\n\n// Change the colors used in the dropdown menu\n.dropdown-menu {\n  background: $white;\n\n  &__arrow {\n    &.left {\n      border-left-color: $white;\n    }\n\n    &.top {\n      border-top-color: $white;\n    }\n\n    &.bottom {\n      border-bottom-color: $white;\n    }\n\n    &.right {\n      border-right-color: $white;\n    }\n  }\n\n  &__item {\n    a {\n      background: $white;\n      color: $darker-text-color;\n    }\n  }\n}\n\n// Change the text colors on inverted background\n.privacy-dropdown__option.active,\n.privacy-dropdown__option:hover,\n.privacy-dropdown__option.active .privacy-dropdown__option__content,\n.privacy-dropdown__option.active .privacy-dropdown__option__content strong,\n.privacy-dropdown__option:hover .privacy-dropdown__option__content,\n.privacy-dropdown__option:hover .privacy-dropdown__option__content strong,\n.dropdown-menu__item a:active,\n.dropdown-menu__item a:focus,\n.dropdown-menu__item a:hover,\n.actions-modal ul li:not(:empty) a.active,\n.actions-modal ul li:not(:empty) a.active button,\n.actions-modal ul li:not(:empty) a:active,\n.actions-modal ul li:not(:empty) a:active button,\n.actions-modal ul li:not(:empty) a:focus,\n.actions-modal ul li:not(:empty) a:focus button,\n.actions-modal ul li:not(:empty) a:hover,\n.actions-modal ul li:not(:empty) a:hover button,\n.admin-wrapper .sidebar ul .simple-navigation-active-leaf a,\n.simple_form .block-button,\n.simple_form .button,\n.simple_form button {\n  color: $white;\n}\n\n.dropdown-menu__separator {\n  border-bottom-color: lighten($ui-base-color, 4%);\n}\n\n// Change the background colors of modals\n.actions-modal,\n.boost-modal,\n.confirmation-modal,\n.mute-modal,\n.block-modal,\n.report-modal,\n.embed-modal,\n.error-modal,\n.onboarding-modal,\n.report-modal__comment .setting-text__wrapper,\n.report-modal__comment .setting-text {\n  background: $white;\n  border: 1px solid lighten($ui-base-color, 8%);\n}\n\n.report-modal__comment {\n  border-right-color: lighten($ui-base-color, 8%);\n}\n\n.report-modal__container {\n  border-top-color: lighten($ui-base-color, 8%);\n}\n\n.column-header__collapsible-inner {\n  background: darken($ui-base-color, 4%);\n  border: 1px solid lighten($ui-base-color, 8%);\n  border-top: 0;\n}\n\n.focal-point__preview strong {\n  color: $white;\n}\n\n.boost-modal__action-bar,\n.confirmation-modal__action-bar,\n.mute-modal__action-bar,\n.block-modal__action-bar,\n.onboarding-modal__paginator,\n.error-modal__footer {\n  background: darken($ui-base-color, 6%);\n\n  .onboarding-modal__nav,\n  .error-modal__nav {\n    &:hover,\n    &:focus,\n    &:active {\n      background-color: darken($ui-base-color, 12%);\n    }\n  }\n}\n\n.display-case__case {\n  background: $white;\n}\n\n.embed-modal .embed-modal__container .embed-modal__html {\n  background: $white;\n  border: 1px solid lighten($ui-base-color, 8%);\n\n  &:focus {\n    border-color: lighten($ui-base-color, 12%);\n    background: $white;\n  }\n}\n\n.react-toggle-track {\n  background: $ui-secondary-color;\n}\n\n.react-toggle:hover:not(.react-toggle--disabled) .react-toggle-track {\n  background: darken($ui-secondary-color, 10%);\n}\n\n.react-toggle.react-toggle--checked:hover:not(.react-toggle--disabled) .react-toggle-track {\n  background: lighten($ui-highlight-color, 10%);\n}\n\n// Change the default color used for the text in an empty column or on the error column\n.empty-column-indicator,\n.error-column {\n  color: $primary-text-color;\n  background: $white;\n}\n\n.tabs-bar {\n  background: $white;\n  border: 1px solid lighten($ui-base-color, 8%);\n  border-bottom: 0;\n\n  @media screen and (max-width: $no-gap-breakpoint) {\n    border-top: 0;\n  }\n\n  &__link {\n    padding-bottom: 14px;\n    border-bottom-width: 1px;\n    border-bottom-color: lighten($ui-base-color, 8%);\n\n    &:hover,\n    &:active,\n    &:focus {\n      background: $ui-base-color;\n    }\n\n    &.active {\n      &:hover,\n      &:active,\n      &:focus {\n        background: transparent;\n        border-bottom-color: $ui-highlight-color;\n      }\n    }\n  }\n}\n\n// Change the default colors used on some parts of the profile pages\n.activity-stream-tabs {\n  background: $account-background-color;\n  border-bottom-color: lighten($ui-base-color, 8%);\n}\n\n.box-widget,\n.nothing-here,\n.page-header,\n.directory__tag > a,\n.directory__tag > div,\n.landing-page__call-to-action,\n.contact-widget,\n.landing .hero-widget__text,\n.landing-page__information.contact-widget {\n  background: $white;\n  border: 1px solid lighten($ui-base-color, 8%);\n\n  @media screen and (max-width: $no-gap-breakpoint) {\n    border-left: 0;\n    border-right: 0;\n    border-top: 0;\n  }\n}\n\n.landing .hero-widget__text {\n  border-top: 0;\n  border-bottom: 0;\n}\n\n.simple_form {\n  input[type=text],\n  input[type=number],\n  input[type=email],\n  input[type=password],\n  textarea {\n    &:hover {\n      border-color: lighten($ui-base-color, 12%);\n    }\n  }\n}\n\n.landing .hero-widget__footer {\n  background: $white;\n  border: 1px solid lighten($ui-base-color, 8%);\n  border-top: 0;\n\n  @media screen and (max-width: $no-gap-breakpoint) {\n    border: 0;\n  }\n}\n\n.brand__tagline {\n  color: $ui-secondary-color;\n}\n\n.directory__tag > a {\n  &:hover,\n  &:active,\n  &:focus {\n    background: $ui-base-color;\n  }\n\n  @media screen and (max-width: $no-gap-breakpoint) {\n    border: 0;\n  }\n}\n\n.directory__tag.active > a,\n.directory__tag.active > div {\n  border-color: $ui-highlight-color;\n\n  &,\n  h4,\n  h4 small,\n  .fa,\n  .trends__item__current {\n    color: $white;\n  }\n\n  &:hover,\n  &:active,\n  &:focus {\n    background: $ui-highlight-color;\n  }\n}\n\n.batch-table {\n  &__toolbar,\n  &__row,\n  .nothing-here {\n    border-color: lighten($ui-base-color, 8%);\n  }\n}\n\n.activity-stream {\n  border: 1px solid lighten($ui-base-color, 8%);\n\n  &--under-tabs {\n    border-top: 0;\n  }\n\n  .entry {\n    background: $account-background-color;\n\n    .detailed-status.light,\n    .more.light,\n    .status.light {\n      border-bottom-color: lighten($ui-base-color, 8%);\n    }\n  }\n\n  .status.light {\n    .status__content {\n      color: $primary-text-color;\n    }\n\n    .display-name {\n      strong {\n        color: $primary-text-color;\n      }\n    }\n  }\n}\n\n.accounts-grid {\n  .account-grid-card {\n    .controls {\n      .icon-button {\n        color: $darker-text-color;\n      }\n    }\n\n    .name {\n      a {\n        color: $primary-text-color;\n      }\n    }\n\n    .username {\n      color: $darker-text-color;\n    }\n\n    .account__header__content {\n      color: $primary-text-color;\n    }\n  }\n}\n\n.simple_form,\n.table-form {\n  .warning {\n    box-shadow: none;\n    background: rgba($error-red, 0.5);\n    text-shadow: none;\n  }\n\n  .recommended {\n    border-color: $ui-highlight-color;\n    color: $ui-highlight-color;\n    background-color: rgba($ui-highlight-color, 0.1);\n  }\n}\n\n.compose-form .compose-form__warning {\n  border-color: $ui-highlight-color;\n  background-color: rgba($ui-highlight-color, 0.1);\n\n  &,\n  a {\n    color: $ui-highlight-color;\n  }\n}\n\n.status__content,\n.reply-indicator__content {\n  a {\n    color: $highlight-text-color;\n  }\n}\n\n.button.logo-button {\n  color: $white;\n\n  svg {\n    fill: $white;\n  }\n}\n\n.public-layout {\n  .account__section-headline {\n    border: 1px solid lighten($ui-base-color, 8%);\n\n    @media screen and (max-width: $no-gap-breakpoint) {\n      border-top: 0;\n    }\n  }\n\n  .header,\n  .public-account-header,\n  .public-account-bio {\n    box-shadow: none;\n  }\n\n  .public-account-bio,\n  .hero-widget__text {\n    background: $account-background-color;\n    border: 1px solid lighten($ui-base-color, 8%);\n  }\n\n  .header {\n    background: $ui-base-color;\n    border: 1px solid lighten($ui-base-color, 8%);\n\n    @media screen and (max-width: $no-gap-breakpoint) {\n      border: 0;\n    }\n\n    .brand {\n      &:hover,\n      &:focus,\n      &:active {\n        background: lighten($ui-base-color, 4%);\n      }\n    }\n  }\n\n  .public-account-header {\n    &__image {\n      background: lighten($ui-base-color, 12%);\n\n      &::after {\n        box-shadow: none;\n      }\n    }\n\n    &__bar {\n      &::before {\n        background: $account-background-color;\n        border: 1px solid lighten($ui-base-color, 8%);\n        border-top: 0;\n      }\n\n      .avatar img {\n        border-color: $account-background-color;\n      }\n\n      @media screen and (max-width: $no-columns-breakpoint) {\n        background: $account-background-color;\n        border: 1px solid lighten($ui-base-color, 8%);\n        border-top: 0;\n      }\n    }\n\n    &__tabs {\n      &__name {\n        h1,\n        h1 small {\n          color: $white;\n\n          @media screen and (max-width: $no-columns-breakpoint) {\n            color: $primary-text-color;\n          }\n        }\n      }\n    }\n\n    &__extra {\n      .public-account-bio {\n        border: 0;\n      }\n\n      .public-account-bio .account__header__fields {\n        border-color: lighten($ui-base-color, 8%);\n      }\n    }\n  }\n}\n\n.notification__filter-bar button.active::after,\n.account__section-headline a.active::after {\n  border-color: transparent transparent $white;\n}\n\n.hero-widget,\n.box-widget,\n.contact-widget,\n.landing-page__information.contact-widget,\n.moved-account-widget,\n.memoriam-widget,\n.activity-stream,\n.nothing-here,\n.directory__tag > a,\n.directory__tag > div,\n.card > a,\n.page-header,\n.compose-form .compose-form__warning {\n  box-shadow: none;\n}\n\n.audio-player .video-player__controls button,\n.audio-player .video-player__time-sep,\n.audio-player .video-player__time-current,\n.audio-player .video-player__time-total {\n  color: $primary-text-color;\n}\n"],"sourceRoot":""}
\ No newline at end of file
+{"version":3,"sources":["webpack:///common.scss","webpack:///./app/javascript/styles/mastodon/reset.scss","webpack:///./app/javascript/styles/mastodon-light/variables.scss","webpack:///./app/javascript/styles/mastodon/basics.scss","webpack:///./app/javascript/styles/mastodon/containers.scss","webpack:///./app/javascript/styles/mastodon/lists.scss","webpack:///./app/javascript/styles/mastodon/footer.scss","webpack:///./app/javascript/styles/mastodon/compact_header.scss","webpack:///./app/javascript/styles/mastodon/widgets.scss","webpack:///./app/javascript/styles/mastodon/variables.scss","webpack:///./app/javascript/styles/mastodon/forms.scss","webpack:///./app/javascript/styles/mastodon/accounts.scss","webpack:///./app/javascript/styles/mastodon/statuses.scss","webpack:///./app/javascript/styles/mastodon/boost.scss","webpack:///./app/javascript/styles/mastodon/components.scss","webpack:///<no source>","webpack:///./app/javascript/styles/mastodon/_mixins.scss","webpack:///./app/javascript/styles/mastodon/polls.scss","webpack:///./app/javascript/styles/mastodon/modal.scss","webpack:///./app/javascript/styles/mastodon/emoji_picker.scss","webpack:///./app/javascript/styles/mastodon/about.scss","webpack:///./app/javascript/styles/mastodon/tables.scss","webpack:///./app/javascript/styles/mastodon/admin.scss","webpack:///./app/javascript/styles/mastodon/dashboard.scss","webpack:///./app/javascript/styles/mastodon/rtl.scss","webpack:///./app/javascript/styles/mastodon/accessibility.scss","webpack:///./app/javascript/styles/mastodon-light/diff.scss"],"names":[],"mappings":"AAAA,2ZCKA,QAaE,UACA,SACA,eACA,aACA,wBACA,+EAIF,aAEE,MAGF,aACE,OAGF,eACE,cAGF,WACE,qDAGF,UAEE,aACA,OAGF,wBACE,iBACA,MAGF,0CACE,qBAGF,UACE,YACA,2BAGF,kBACE,cACA,mBACA,iCAGF,kBACE,kCAGF,kBACE,2BAGF,aACE,gBACA,8BACA,CC3EwB,iEDkF1B,kBClF0B,4BDsF1B,sBACE,MErFF,iDACE,mBACA,eACA,iBACA,gBACA,WDZM,kCCcN,6BACA,8BACA,CADA,0BACA,CADA,qBACA,0CACA,wCACA,kBAEA,iKAYE,eAGF,SACE,oCAEA,WACE,iBACA,kBACA,uCAGF,iBACE,WACA,YACA,mCAGF,iBACE,cAIJ,kBDlDwB,kBCsDxB,iBACE,kBACA,0BAEA,iBACE,aAIJ,iBACE,YAGF,kBACE,SACA,iBACA,uBAEA,iBACE,WACA,YACA,gBACA,YAIJ,kBACE,UACA,YAGF,iBACE,kBACA,cDzFiB,mBAEK,WC0FtB,YACA,UACA,aACA,uBACA,mBACA,oBAEA,qBACE,YACA,sCAGE,aACE,gBACA,WACA,YACA,kBACA,uBAIJ,cACE,iBACA,gBACA,QAMR,mBACE,eACA,cAEA,YACE,kDAKF,YAGE,WACA,mBACA,uBACA,oBACA,sBAGF,YACE,yEAKF,gBAEE,+EAKF,WAEE,sCAIJ,qBAEE,eACA,gBACA,gBACA,cACA,kBACA,8CAEA,eACE,0CAGF,mBACE,gEAEA,eACE,0CAIJ,aDvKmB,kKC0KjB,oBAGE,sDAIJ,aD7KgB,eC+Kd,0DAEA,aDjLc,oDCsLhB,cACE,SACA,uBACA,cDzLc,aC2Ld,UACA,SACA,oBACA,eACA,UACA,4BACA,0BACA,gMAEA,oBAGE,kEAGF,aDvNY,gBCyNV,gBCnON,WACE,CACA,kBACA,qCAEA,eALF,UAMI,SACA,kBAIJ,sBACE,qCAEA,gBAHF,kBAII,qBAGF,YACE,uBACA,mBACA,wBAEA,SFtBI,YEwBF,kBACA,sBAGF,YACE,uBACA,mBACA,WF/BE,qBEiCF,UACA,kBACA,iBACA,6CACA,gBACA,eACA,mCAMJ,WACE,CACA,cACA,mBACA,sBACA,qCAEA,kCAPF,UAQI,aACA,aACA,kBAKN,WACE,CACA,YACA,eACA,iBACA,sBACA,CACA,gBACA,CACA,sBACA,qCAEA,gBAZF,UAaI,CACA,eACA,CACA,mBACA,0BAGF,UACE,YACA,iBACA,6BAEA,UACE,YACA,cACA,SACA,kBACA,uBAIJ,aACE,cF5FiB,wBE8FjB,iCAEA,aACE,gBACA,uBACA,gBACA,8BAIJ,aACE,eACA,iBACA,gBACA,SAIJ,YACE,cACA,8BACA,sBACA,mCACA,CADA,0BACA,mBAEA,eACE,WACA,mBAGF,aACE,WACA,mBAGF,aACE,WACA,mBAGF,eACE,WACA,qCAGF,QA3BF,UA4BI,qCACA,mBAEA,aACE,mBAGF,aACE,WACA,mBAGF,aACE,WACA,mBAGF,aACE,WACA,UAKN,YACE,cACA,8CACA,sBACA,mCACA,CADA,0BACA,mBAEA,eACE,WACA,mBAGF,eACE,WACA,mBAGF,aACE,WACA,mBAGF,eACE,WACA,mBAGF,aACE,WACA,uCAGF,eACE,wBAGF,kBACE,qCAGF,QAxCF,iDAyCI,uCAEA,YACE,aACA,mBACA,uBACA,iCAGF,UACE,uBACA,mBACA,sBAGF,YACE,sCAIJ,QA7DF,UA8DI,qCACA,mBAEA,aACE,mBAGF,aACE,WACA,mBAGF,aACE,WACA,mBAGF,aACE,WACA,mBAGF,aACE,WACA,sCAMJ,eADF,gBAEI,4BAGF,eACE,qCAEA,0BAHF,SAII,yBAIJ,kBACE,mCACA,kBACA,YACA,cACA,aACA,oBACA,uBACA,iBACA,gBACA,qCAEA,uBAZF,cAaI,WACA,MACA,OACA,SACA,gBACA,gBACA,YACA,6BAGF,cACE,eACA,kCAGF,YACE,oBACA,2BACA,iBACA,oCAGF,YACE,oBACA,uBACA,iBACA,mCAGF,YACE,oBACA,yBACA,iBACA,+BAGF,aACE,aACA,mCAEA,aACE,YACA,WACA,kBACA,YACA,UFzUA,qCE4UA,kCARF,WASI,+GAIJ,kBAGE,kCAIJ,YACE,mBACA,eACA,eACA,gBACA,qBACA,cF3Ve,mBE6Vf,kBACA,uHAEA,yBAGE,WFtWA,qCE0WF,0CACE,YACE,qCAKN,kBACE,CACA,oBACA,kBACA,6HAEA,oBAGE,mBACA,sBAON,YACE,cACA,0DACA,sBACA,mCACA,CADA,0BACA,gCAEA,UACE,cACA,gCAGF,UACE,cACA,qCAGF,qBAjBF,0BAkBI,WACA,gCAEA,YACE,kCAKN,iBACE,qCAEA,gCAHF,eAII,sCAKF,4BADF,eAEI,wCAIJ,eACE,mBACA,mCACA,gDAEA,UACE,qIAEA,8BAEE,CAFF,sBAEE,6DAGF,wBFrbe,8CE0bjB,yBACE,gBACA,aACA,kBACA,gBACA,oDAEA,UACE,cACA,kBACA,WACA,YACA,gDACA,MACA,OACA,kDAGF,mBACE,CADF,8BACE,CADF,gBACE,cACA,WACA,YACA,SACA,0BACA,qCAGF,6CA3BF,YA4BI,gDAIJ,eACE,6JAEA,iBAEE,qCAEA,4JAJF,eAKI,sCAKN,sCA/DF,eAgEI,gBACA,oDAEA,YACE,+FAGF,eAEE,6CAIJ,iBACE,iBACA,aACA,2BACA,mDAEA,UACE,cACA,mBACA,kBACA,SACA,OACA,QACA,YACA,0BACA,WACA,oDAGF,aACE,YACA,aACA,kBACA,cACA,wDAEA,aACE,WACA,YACA,SACA,kBACA,yBACA,mBACA,qCAIJ,2CArCF,YAsCI,mBACA,0BACA,YACA,mDAEA,YACE,oDAGF,UACE,YACA,CACA,sBACA,wDAEA,QACE,kBACA,2DAGF,mDAXF,YAYI,sCAKN,2CAhEF,eAiEI,sCAGF,2CApEF,cAqEI,8CAIJ,aACE,iBACA,mDAEA,gBACE,mBACA,sDAEA,cACE,iBACA,WF3kBF,gBE6kBE,gBACA,mBACA,uBACA,6BACA,4DAEA,aACE,eACA,WFrlBJ,gBEulBI,gBACA,uBACA,qCAKN,4CA7BF,gBA8BI,aACA,8BACA,mBACA,mDAEA,aACE,iBACA,sDAEA,cACE,iBACA,iBACA,4DAEA,aF1mBS,oDEinBf,YACE,2BACA,oBACA,YACA,qEAEA,YACE,mBACA,gBACA,qCAGF,oEACE,YACE,6DAIJ,eACE,sBACA,cACA,cFtoBW,aEwoBX,+BACA,eACA,kBACA,kBACA,8DAEA,aACE,uEAGF,cACE,kEAGF,aACE,WACA,kBACA,SACA,OACA,WACA,gCACA,WACA,wBACA,yEAIA,+BACE,UACA,kFAGF,2BFxqBS,wEE8qBT,SACE,wBACA,8DAIJ,oBACE,cACA,2EAGF,cACE,cACA,4EAGF,eACE,eACA,kBACA,WFpsBJ,6CEssBI,2DAIJ,aACE,WACA,4DAGF,eACE,8CAKN,YACE,eACA,kEAEA,eACE,gBACA,uBACA,cACA,2FAEA,4BACE,yEAGF,YACE,qDAIJ,gBACE,eACA,cFvuBa,uDE0uBb,oBACE,cF3uBW,qBE6uBX,aACA,gBACA,8DAEA,eACE,WFrvBJ,qCE2vBF,6CAtCF,aAuCI,UACA,4CAKN,yBACE,qCAEA,0CAHF,eAII,wCAIJ,eACE,oCAGF,kBACE,mCACA,kBACA,gBACA,mBACA,qCAEA,mCAPF,eAQI,gBACA,gBACA,8DAGF,QACE,aACA,+DAEA,aACE,sFAGF,uBACE,yEAGF,aF9xBU,8DEoyBV,mBACA,WF9yBE,qFEkzBJ,YAEE,eACA,cFlzBe,2CEszBjB,gBACE,iCAIJ,YACE,cACA,kDACA,qCAEA,gCALF,aAMI,+CAGF,cACE,iCAIJ,eACE,2BAGF,YACE,eACA,eACA,cACA,+BAEA,qBACE,cACA,YACA,cACA,mBACA,kBACA,qCAEA,8BARF,aASI,sCAGF,8BAZF,cAaI,sCAIJ,0BAvBF,QAwBI,6BACA,+BAEA,UACE,UACA,gBACA,gCACA,0CAEA,eACE,0CAGF,kBFh3BkB,+IEm3BhB,kBAGE,WC53BZ,eACE,aAEA,oBACE,aACA,iBAIJ,eACE,cACA,oBAEA,cACE,gBACA,mBACA,wBCfF,eACE,iBACA,oBACA,eACA,cACA,qCAEA,uBAPF,iBAQI,mBACA,+BAGF,YACE,cACA,0CACA,wCAEA,aACE,WACA,YACA,wCAGF,aACE,WACA,YACA,wCAGF,aACE,WACA,YACA,kBACA,6CAEA,aACE,wCAIJ,aACE,WACA,YACA,wCAGF,aACE,WACA,YACA,qCAGF,6BAxCF,iCAyCI,+EAEA,aAEE,wCAGF,UACE,wCAGF,aACE,+EAGF,aAEE,wCAGF,UACE,sCAIJ,uCACE,aACE,sCAIJ,4JACE,YAIE,4BAKN,wBACE,gBACA,kBACA,cJ9Fe,6BIiGf,aACE,qBACA,6BAIJ,oBACE,cACA,wGAEA,yBAGE,mCAKF,aACE,YACA,WACA,cACA,aACA,0HAMA,YACE,oBClIR,cACE,iBACA,cACA,gBACA,mBACA,eACA,qBACA,qCAEA,mBATF,iBAUI,oBACA,uBAGF,aACE,qBACA,0BAGF,eACE,cLjBe,wBKqBjB,oBACE,mBACA,kBACA,WACA,YACA,cC9BN,kBACE,mCACA,mBAEA,UACE,kBACA,gBACA,0BACA,gBCPI,uBDUJ,mBACE,CADF,8BACE,CADF,gBACE,cACA,WACA,YACA,SACA,0BACA,oBAIJ,kBNfwB,aMiBtB,0BACA,eACA,cNrBiB,iBMuBjB,qBACA,gBACA,8BAEA,UACE,YACA,gBACA,sBAGF,kBACE,iCAEA,eACE,uBAIJ,cACE,SACA,UACA,gBACA,uBACA,oBACA,kBACA,oBACA,cACA,sBAGF,aNrDiB,qBMuDf,4BAEA,yBACE,qCAKN,aAnEF,YAoEI,uBAIJ,kBACE,oBACA,yBAEA,YACE,yBACA,gBACA,eACA,cN5EiB,+BMgFnB,cACE,0CAEA,eACE,sDAGF,YACE,mBACA,gDAGF,UACE,YACA,0BACA,oCAIJ,YACE,mBAKF,aNzGmB,aM8GrB,YACE,kBACA,mBN9GwB,mCMgHxB,qBAGF,YACE,kBACA,0BACA,kBACA,cNzHmB,mBM2HnB,iBAGF,eACE,eACA,cNhImB,iBMkInB,qBACA,gBACA,UACA,oBAEA,YACE,yBACA,gBACA,eACA,cN3IiB,0BM+InB,eACE,CACA,kBACA,mBAGF,oBACE,CACA,mBACA,cNxJiB,qBM0JjB,mBACA,gBACA,uBACA,0EAEA,yBAGE,uBAMJ,sBACA,kBACA,mBNxKwB,mCM0KxB,cN5KmB,gBM8KnB,mBACA,sDAEA,eAEE,CAII,qXADF,eACE,yBAKN,aACE,0BACA,CAMI,wLAGF,oBAGE,mIAEA,yBACE,gCAMR,kBACE,oCAEA,gBACE,cNvNe,8DM6NjB,iBACE,eACA,4DAGF,eACE,qBACA,iEAEA,eACE,kBAMR,YACE,CACA,eClPM,CDoPN,cACA,cNlPmB,mBMoPnB,+BANA,iBACA,CClPM,kCDgQN,CATA,aAGF,kBACE,CAEA,iBACA,kBACA,cACA,iBAEA,UNlQM,eMoQJ,gBACA,gBACA,mBACA,gBAGF,cACE,cNxQiB,qCM4QnB,aArBF,YAsBI,mBACA,iBAEA,cACE,aAKN,kBNpR0B,kBMsRxB,mCACA,iBAEA,qBACE,mBACA,uCAEA,YAEE,mBACA,8BACA,mBNjSoB,kBMmSpB,aACA,qBACA,cACA,mCACA,0EAIA,kBAGE,0BAIJ,kBNrSiB,eMuSf,8BAGF,UACE,eACA,oBAGF,aACE,eACA,gBACA,WNpUE,mBMsUF,gBACA,uBACA,wBAEA,aNvUe,0BM2Uf,aACE,gBACA,eACA,eACA,cN/Ua,0IMqVf,UNxVE,+BMgWJ,aACE,YACA,uDAGF,oBNnViB,wCMuVjB,eACE,eAKN,YACE,yBACA,gCAEA,aACE,WACA,YACA,kBACA,kBACA,kBACA,mBACA,yBACA,4CAEA,SACE,6CAGF,SACE,6CAGF,SACE,iBAKN,UACE,0BAEA,SACE,SACA,wBAGF,eACE,0BAGF,iBACE,yBACA,cNtZiB,gBMwZjB,aACA,sCAEA,eACE,0BAIJ,cACE,sBACA,gCACA,wCAGF,eACE,wBAGF,WACE,kBACA,eACA,gBACA,WNjbI,8BMobJ,aACE,cNlbe,gBMobf,eACA,0BAIJ,SACE,iCACA,qCAGF,kCACE,YACE,sCAYJ,qIAPF,eAQI,gBACA,gBACA,iBAOJ,gBACE,qCAEA,eAHF,oBAII,uBAGF,sBACE,sCAEA,qBAHF,sBAII,sCAGF,qBAPF,UAQI,sCAGF,qBAXF,WAYI,kCAIJ,iBACE,qCAEA,gCAHF,4BAII,iEAIA,eACE,0DAGF,cACE,iBACA,oEAEA,UACE,YACA,gBACA,yFAGF,gBACE,SACA,mKAIJ,eAGE,gBAON,aNnhBmB,iCMkhBrB,kBAKI,6BAEA,eACE,kBAIJ,cACE,iBACA,wCAMF,oBACE,gBACA,cNzhBiB,4JM4hBjB,yBAGE,oBAKN,kBACE,gBACA,eACA,kBACA,yBAEA,aACE,gBACA,aACA,CACA,kBACA,gBACA,uBACA,qBACA,WNpkBI,gCMskBJ,4FAEA,yBAGE,oCAIJ,eACE,0BAGF,iBACE,gCACA,MEplBJ,+CACE,gBACA,iBAGF,eACE,aACA,cACA,qBAIA,kBACE,gBACA,4BAEA,QACE,0CAIA,kBACE,qDAEA,eACE,gDAIJ,iBACE,kBACA,sDAEA,iBACE,SACA,OACA,6BAKN,iBACE,gBACA,gDAEA,mBACE,eACA,gBACA,WRjDA,cQmDA,WACA,4EAGF,iBAEE,mDAGF,eACE,4CAGF,iBACE,QACA,OACA,qCAGF,aRpDe,0BQsDb,gIAEA,oBAGE,0CAIJ,iBACE,CACA,iBACA,mBAKN,YACE,cACA,0BAEA,qBACE,cACA,UACA,cACA,oBAIJ,aRlGmB,sBQqGjB,aRtFiB,yBQ0FjB,iBACE,kBACA,gBACA,uBAGF,eACE,iBACA,sBAIJ,kBACE,wBAGF,aACE,eACA,eACA,qBAGF,kBACE,cRhIiB,iCQmIjB,iBACE,eACA,iBACA,gBACA,gBACA,oBAIJ,kBACE,qBAGF,eACE,CAII,0JADF,eACE,sDAMJ,YACE,4DAEA,mBACE,eACA,WRnKA,gBQqKA,gBACA,cACA,wHAGF,aAEE,sDAIJ,cACE,kBACA,mDAKF,mBACE,eACA,WRzLE,cQ2LF,kBACA,qBACA,gBACA,sCAGF,cACE,mCAGF,UACE,sCAIJ,cACE,4CAEA,mBACE,eACA,WR/ME,cQiNF,gBACA,gBACA,4CAGF,kBACE,yCAGF,cACE,CADF,cACE,kDAIJ,oBACE,WACA,OACA,6BAGF,oBACE,cACA,4BAGF,kBACE,8CAEA,eACE,0BAIJ,YACE,CACA,eACA,oBACA,iCAEA,cACE,kCAGF,qBACE,eACA,cACA,eACA,oCAEA,aACE,2CAGF,eACE,6GAIJ,eAEE,qCAGF,yBA9BF,aA+BI,gBACA,kCAEA,cACE,0JAGF,kBAGE,iDAKN,iBACE,oBACA,eACA,WRnSI,cQqSJ,WACA,2CAKE,mBACE,eACA,WR7SA,qBQ+SA,WACA,kBACA,gBACA,kBACA,cACA,0DAGF,iBACE,OACA,QACA,SACA,kDAKN,cACE,aACA,yBACA,kBACA,sJAGF,qBAKE,eACA,WR7UI,cQ+UJ,WACA,UACA,oBACA,gBACA,mBACA,sBACA,kBACA,aACA,6RAEA,aACE,CAHF,+OAEA,aACE,CAHF,mQAEA,aACE,CAHF,sNAEA,aACE,8LAGF,eACE,oVAGF,oBACE,iOAGF,oBR5VY,oLQgWZ,iBACE,4WAGF,oBR3ViB,mBQ8Vf,6CAKF,aACE,gUAGF,oBAME,8CAGF,aACE,gBACA,cACA,eACA,8BAIJ,UACE,uBAGF,eACE,aACA,oCAEA,YACE,mBACA,qEAIJ,aAGE,WACA,SACA,kBACA,mBR5YiB,WAlBb,eQiaJ,oBACA,YACA,aACA,yBACA,qBACA,kBACA,sBACA,eACA,gBACA,UACA,mBACA,kBACA,sGAEA,cACE,uFAGF,wBACE,gLAGF,wBAEE,kHAGF,wBR5ae,gGQgbf,kBD7bQ,kHCgcN,wBACE,sOAGF,wBAEE,qBAKN,uBACE,CADF,oBACE,CADF,eACE,sBACA,eACA,WRjdI,cQmdJ,WACA,UACA,oBACA,gBACA,wXACA,sBACA,kBACA,kBACA,mBACA,YACA,iBAGF,4BACE,oCAIA,iBACE,mCAGF,iBACE,UACA,QACA,CACA,qBACA,eACA,cRzdY,oBQ2dZ,oBACA,eACA,gBACA,mBACA,gBACA,yCAEA,UACE,cACA,kBACA,MACA,QACA,WACA,UACA,oEACA,4BAKN,iBACE,0CAEA,wBACE,CADF,gBACE,qCAGF,iBACE,MACA,OACA,WACA,YACA,aACA,uBACA,mBACA,iCACA,kBACA,iBACA,gBACA,YACA,8CAEA,iBACE,6HAGE,UR/hBF,aQyiBR,aACE,CACA,kBACA,eACA,gBAGF,kBACE,cR9iBmB,kBQgjBnB,kBACA,mBACA,kBACA,uBAEA,mCACE,+BACA,cRjjBY,sBQqjBd,mCACE,+BACA,cD7jBQ,kBCikBV,oBACE,cRlkBiB,qBQokBjB,wBAEA,URzkBI,0BQ2kBF,kBAIJ,kBACE,4BAGF,SACE,sBACA,cACA,WACA,SACA,aACA,gDACA,mBRrlBsB,WALlB,eQ6lBJ,SACA,8CAEA,QACE,iHAGF,mBAGE,kCAGF,kBACE,uBAIJ,eACE,CAII,oKADF,eACE,0DAKN,eAzEF,eA0EI,eAIJ,eACE,kBACA,gBAEA,aR/nBmB,qBQioBjB,sBAEA,yBACE,YAKN,eACE,mBACA,eACA,eAEA,oBACE,kBACA,cAGF,aRpoBmB,yBQsoBjB,qBACA,gBACA,2DAEA,aAGE,8BAKN,kBAEE,cRnqBmB,oCQsqBnB,cACE,mBACA,kBACA,4CAGF,aR5qBmB,gBQ8qBjB,CAII,mUADF,eACE,0DAKN,6BAtBF,eAuBI,cAIJ,YACE,eACA,uBACA,UAGF,aACE,gBDrsBM,YCusBN,qBACA,mCACA,qBACA,cAEA,aACE,SACA,iBAIJ,kBACE,cRjtBmB,WQmtBnB,sBAEA,aACE,eACA,eAKF,kBACE,sBAEA,eACE,CAII,+JADF,eACE,4CASR,qBACE,CACA,URlvBI,qCQovBJ,oCACA,kBACA,aACA,mBACA,gDAEA,UR1vBI,0BQ4vBF,oLAEA,oBAGE,0DAIJ,eACE,cACA,kBACA,CAII,yYADF,eACE,kEAIJ,eACE,oBAMR,YACE,eACA,mBACA,4DAEA,aAEE,6BAIA,wBACA,cACA,sBAIJ,iBACE,cRtyBmB,0BQyyBnB,iBACE,oBAIJ,eACE,mBACA,uBAEA,cACE,WRtzBI,kBQwzBJ,mBACA,SACA,UACA,4BAGF,aACE,eAIJ,aD/zBc,0SCy0BZ,+CACE,aAIJ,kBACE,sBACA,kBACA,aACA,mBACA,kBACA,kBACA,QACA,mCACA,sBAEA,aACE,8BAGF,sBACE,SACA,aACA,eACA,gDACA,oBAGF,aACE,WACA,oBACA,gBACA,eACA,CACA,oBACA,WACA,iCACA,oBAGF,oBR52Bc,gBQ82BZ,2BAEA,kBRh3BY,gBQk3BV,oBAKN,kBACE,6BAEA,wBACE,mBACA,eACA,aACA,4BAGF,kBACE,aACA,OACA,sBACA,cACA,cACA,gCAEA,iBACE,YACA,iBACA,kBACA,UACA,8BAGF,qBACE,qCAIJ,kBACE,gCAGF,wBACE,mCACA,kBACA,kBACA,kBACA,kBACA,sCAEA,wBACE,WACA,cACA,YACA,SACA,kBACA,MACA,UACA,yBAIJ,sBACE,aACA,mBACA,SC17BF,aACE,qBACA,cACA,mCACA,qCAEA,QANF,eAOI,8EAMA,kBACE,YAKN,YACE,kBACA,gBACA,0BACA,gBAEA,aACE,WACA,YACA,SACA,oBACA,CADA,8BACA,CADA,gBACA,0BACA,qCAGF,WAfF,YAgBI,sCAGF,WAnBF,YAoBI,aAIJ,iBACE,aACA,aACA,2BACA,mBACA,mBACA,0BACA,qCAEA,WATF,eAUI,qBAGF,aACE,WACA,YACA,gBACA,wBAEA,UACE,YACA,cACA,SACA,kBACA,mBACA,oBACA,CADA,8BACA,CADA,gBACA,0BAIJ,gBACE,gBACA,iCAEA,cACE,WT9EA,gBSgFA,gBACA,uBACA,+BAGF,aACE,eACA,cTpFa,gBSsFb,gBACA,uBACA,aAMR,cACE,kBACA,gBACA,6GAEA,cAME,WT5GI,gBS8GJ,qBACA,iBACA,qBACA,sBAGF,eFnHM,oBEqHJ,WTtHI,eSwHJ,cACA,kBAGF,cACE,uCAGF,wBAEE,cT/HiB,oBSmInB,UACE,eACA,wBAEA,oBACE,iBACA,oBAIJ,WACE,gBACA,wBAEA,oBACE,gBACA,uBAIJ,cACE,WACA,qCAGF,YA9DF,iBA+DI,mBAEA,YACE,uCAGF,oBAEE,gBAKN,kBTxK0B,mCS0KxB,cTpJiB,eSsJjB,gBACA,kBACA,aACA,uBACA,mBACA,eACA,kBACA,aACA,gBACA,2BAEA,yBACE,yBAGF,qBACE,gBACA,yCAIJ,oBAEE,gBACA,eACA,kBACA,eACA,iBACA,gBACA,cT3MmB,mCS6MnB,mCACA,6DAEA,aT1Mc,oCS4MZ,gCACA,qDAGF,aACE,oCACA,gCACA,0BAIJ,eACE,UACA,wBACA,gBACA,CADA,YACA,CACA,iCACA,CADA,uBACA,CADA,kBACA,eACA,iBACA,6BAEA,YACE,gCACA,yDAGF,qBAEE,aACA,kBACA,gBACA,gBACA,mBACA,uBACA,6BAGF,eACE,YACA,cACA,cT1PiB,gCS4PjB,6BAGF,aACE,cThQiB,4BSoQnB,aTrPmB,qBSuPjB,qGAEA,yBAGE,oCAIJ,mCACE,+BACA,sCAEA,aT7QY,gBS+QV,0CAGF,aTlRY,wCSuRd,eACE,wCAIJ,UACE,0BAIA,aTvSmB,4BS0SjB,aT1SiB,qBS4Sf,qGAEA,yBAGE,iCAIJ,UTxTI,gBS0TF,wBAIJ,eACE,kBChUJ,kCACE,kBACA,gBACA,mBACA,8BAEA,yBACE,qCAGF,iBAVF,eAWI,gBACA,gBACA,6BAGF,eACE,SACA,gBACA,gFAEA,yBAEE,sCAIJ,UACE,yBAGF,kBVzBwB,6GU4BtB,sBAGE,CAHF,cAGE,8IAIA,eAGE,0BACA,iJAKF,yBAGE,kLAIA,iBAGE,qCAKN,4GACE,yBAGE,uCAKN,kBACE,qBAIJ,WACE,eACA,mBV9DmB,WAlBb,oBUmFN,iBACA,YACA,iBACA,SACA,yBAEA,UACE,YACA,sBACA,iBACA,UV7FI,gFUiGN,kBAGE,qNAKA,kBVzFe,4IUiGf,kBH9GQ,qCGqHV,wBACE,YACE,0DAOJ,YACE,uCAGF,2BACE,gBACA,uDAEA,SACE,SACA,yDAGF,eACE,yDAGF,gBACE,iBACA,mFAGF,UACE,qMAGF,eAGE,iCC/JN,u+KACE,uCAEA,u+KACE,0CAIJ,u+KACE,WCTF,gCACE,4CACA,kBAGF,mBACE,sBACA,oBACA,gBACA,kBACA,cAGF,aACE,eACA,iBACA,cZGmB,SYDnB,uBACA,UACA,eACA,wCAEA,yBAEE,uBAGF,aZXiB,eYaf,SAIJ,wBZfqB,YYiBnB,kBACA,sBACA,WZrCM,eYuCN,qBACA,oBACA,eACA,gBACA,YACA,iBACA,iBACA,gBACA,eACA,kBACA,kBACA,yBACA,qBACA,uBACA,2BACA,mBACA,WACA,4CAEA,wBAGE,4BACA,sBAGF,eACE,mFAEA,wBLjEQ,gBKqEN,mCAIJ,wBZ5DiB,eY+Df,2BAGF,QACE,wDAGF,mBAGE,yGAGF,cAIE,iBACA,YACA,oBACA,iBACA,4BAGF,UZvGM,mBAgBW,qGY2Ff,wBAGE,8BAIJ,kBZnGsB,2GYsGpB,wBAGE,0BAIJ,aZzHmB,uBY2HjB,iBACA,yBACA,+FAEA,oBAGE,cACA,mCAGF,UACE,uBAIJ,aACE,WACA,kBAIJ,YACE,cACA,kBACA,cAGF,oBACE,UACA,cZrIoB,SYuIpB,kBACA,uBACA,eACA,2BACA,2CACA,2DAEA,aAGE,sCACA,4BACA,2CACA,oBAGF,oCACE,uBAGF,aACE,6BACA,eACA,qBAGF,aZtKmB,gCY0KnB,QACE,uEAGF,mBAGE,uBAGF,aZnMmB,sFYsMjB,aAGE,oCACA,6BAGF,kCACE,gCAGF,aACE,6BACA,8BAGF,aZvMiB,uCY0Mf,aACE,wBAKN,sBACE,8BACA,qBACA,kBACA,YACA,8BAEA,6BACE,mBAKN,aZ5OqB,SY8OnB,kBACA,uBACA,eACA,gBACA,eACA,cACA,iBACA,UACA,2BACA,2CACA,0EAEA,aAGE,oCACA,4BACA,2CACA,yBAGF,kCACE,4BAGF,UACE,6BACA,eACA,0BAGF,aZ9PmB,qCYkQnB,QACE,sFAGF,mBAGE,CAKF,0BADF,iBAUE,CATA,WAGF,WACE,cACA,qBACA,QACA,SAEA,+BAEA,kBAEE,mBACA,oBACA,kBACA,mBACA,iBAKF,WACE,eAIJ,YACE,iCAGE,mBACA,eAEA,gBACA,wCAEA,aZnTiB,sDYuTjB,YACE,2CAGF,oBACE,kBACA,yBACA,sBACA,WACA,YACA,cACA,kBACA,SACA,kBACA,sBACA,kDAEA,oBZxUe,yDY+UnB,UZjWM,mBYmWJ,mBZnVe,oCYqVf,iBACA,kBACA,eACA,gBACA,6CAEA,UZ3WI,gBY6WF,CAII,kRADF,eACE,wCAKN,aZnXiB,gBYqXf,0BACA,yIAEA,oBAGE,sCAKN,iBACE,MACA,QACA,kDAGF,iBACE,mGAGF,iBAGE,WACA,8BAGF,QACE,wBACA,UACA,qDAEA,WACE,mBACA,UACA,mFAIJ,aAEE,sBACA,WACA,SACA,WZraI,gBOCA,aKuaJ,oBACA,eACA,gBACA,SACA,UACA,yIAEA,aZzZc,CYuZd,sHAEA,aZzZc,CYuZd,8HAEA,aZzZc,CYuZd,4GAEA,aZzZc,+FY6Zd,SACE,qCAGF,kFAvBF,cAwBI,sCAIJ,iBACE,+CAGF,gBACE,0BACA,iBACA,mBACA,YACA,qBACA,kEAEA,SACE,qCAGF,8CAZF,sBAaI,gBACA,2DAIJ,iBACE,SACA,kDAGF,qBACE,aACA,kBACA,SACA,WACA,WACA,sCACA,mBZ3diB,0BY6djB,WZheI,eYkeJ,YACA,6FAEA,aACE,wDAIJ,YACE,eACA,kBACA,yPAEA,kBAIE,wGAIJ,YAGE,mBACA,mBACA,2BACA,iBACA,eACA,oCAGF,6BACE,0CAEA,aACE,gBACA,uBACA,mBACA,2CAGF,eACE,0CAGF,aACE,iBACA,gBACA,uBACA,mBACA,8EAIJ,aAEE,iBACA,WACA,YACA,2DAGF,aZ9hBmB,wCYkiBnB,UZriBM,oBYuiBJ,eACA,gBLviBI,sEK0iBJ,eACE,uEAGF,YACE,mBACA,YACA,eACA,8DAGF,UACE,cACA,WACA,uEAEA,iFACE,aACA,uBACA,8BACA,UACA,4BACA,oFAEA,aACE,cZjkBW,eYmkBX,gBACA,aACA,oBACA,6QAEA,aAGE,8EAIJ,SACE,0EAIJ,iBACE,UACA,SACA,OACA,QACA,sBACA,gFACA,aACA,UACA,4BACA,mFAEA,sBACE,cZjmBW,SYmmBX,UACA,SACA,WACA,oBACA,eACA,gBACA,yFAEA,UL7mBF,8GKinBE,WACE,cZhnBS,COFb,oGKinBE,WACE,cZhnBS,COFb,wGKinBE,WACE,cZhnBS,COFb,+FKinBE,WACE,cZhnBS,iFYqnBb,SACE,wEAKN,iBACE,sBL/nBE,wBKioBF,sBACA,4BACA,aACA,WACA,gBACA,8CAIJ,YACE,gBACA,0BACA,aACA,8BACA,cACA,qEAEA,YACE,uGAEA,gBACE,qGAGF,YACE,6IAEA,aACE,2IAGF,gBACE,0HAKN,sBAEE,cACA,0EAGF,iBACE,iBACA,sCAIJ,YACE,yBACA,YACA,cACA,4EAEA,eACE,iBACA,oBAKN,cACE,kDACA,eACA,gBACA,cZhsBmB,4CYmsBnB,aLlsBY,kCKusBd,2CACE,WC7sBF,8DDktBE,sBACA,CADA,kBACA,wBACA,WACA,YACA,eAEA,UACE,kBAIJ,iBACE,mBACA,mBZ9sBiB,aYgtBjB,gBACA,gBACA,cACA,0BAGF,iBACE,gBACA,0BAGF,WACE,iBACA,gCAGF,UZhvBQ,cYkvBN,eACA,iBACA,gBACA,mBACA,qBACA,kCAGF,UACE,iBACA,+BAGF,cACE,4CAGF,iBAEE,eACA,iBACA,qBACA,gBACA,gBACA,uBACA,gBACA,WZ5wBM,wDY+wBN,SACE,wGAGF,kBACE,sJAEA,oBACE,gEAIJ,UACE,YACA,gBACA,oDAGF,cACE,iBACA,sBACA,CADA,gCACA,CADA,kBACA,gDAGF,kBACE,qBACA,sEAEA,eACE,gDAIJ,aLnyBc,qBKqyBZ,4DAEA,yBACE,oEAEA,aACE,4EAKF,oBACE,sFAEA,yBACE,wDAKN,aZhzBc,8EYqzBhB,aACE,0GAGF,kBZxzBoB,sHY2zBlB,kBACE,qBACA,8IAGF,QACE,0XAGF,mBAGE,0FAIJ,YACE,wJAEA,aACE,+BAKN,oBACE,gBACA,yCAEA,UACE,YACA,gBACA,iCAGF,kBACE,qBACA,4CAEA,eACE,iCAIJ,aZ33BmB,qBY63BjB,uCAEA,yBACE,+CAIA,oBACE,oDAEA,yBACE,gDAKN,aACE,6CAKN,gBACE,oCAGF,aACE,eACA,iBACA,cACA,SACA,uBACA,CACA,eACA,qBACA,oFAEA,yBAEE,gCAIJ,oBACE,kBACA,uBACA,SACA,WZ/6BM,gBYi7BN,eACA,cACA,yBACA,iBACA,eACA,sBACA,4BAGF,aZp6BkB,SYs6BhB,kBACA,kBACA,oBACA,SACA,aACA,sBACA,WACA,WACA,gCACA,+BAGF,UACE,kBACA,kBAIA,SACE,mBACA,wCAEA,kBACE,8CAEA,sBACE,iFAIJ,kBAEE,SAMJ,yBACA,kBACA,gBACA,gCACA,eACA,UAaA,mCACA,CADA,0BACA,wDAZA,QARF,kBAWI,0BAGF,GACE,aACA,WALA,gBAGF,GACE,aACA,uDAMF,cAEE,kCAGF,kBACE,4BACA,sCAIA,aZv+Be,qCY2+Bf,UZtgCI,6BY0gCJ,aZ/+Be,CA3BX,kEYkhCJ,UZlhCI,kCYqhCF,aZngCe,gEYugCf,UZzhCE,mBAgBW,sEY6gCX,kBACE,+CAQR,sBACE,qEAEA,aACE,qDAKN,aZzhCkB,YY4hChB,eACA,uBAGF,aZhiCkB,qCYoiClB,aACE,eACA,mBACA,eAGF,cACE,mBAGF,+BACE,aACA,6CAEA,uBACE,OACA,gBACA,4DAEA,eACE,8DAGF,SACE,mBACA,qHAGF,cAEE,gBACA,4EAGF,cACE,0BAKN,kBACE,aACA,cACA,uBACA,aACA,kBAGF,gBACE,cZrlCgB,CYulChB,iBACA,eACA,kBACA,+CAEA,aZ5lCgB,uBYgmChB,aACE,gBACA,uBACA,qBAIJ,kBACE,aACA,eACA,8BAEA,mBACE,kBACA,mBACA,yDAEA,gBACE,qCAGF,oBACE,WACA,eACA,gBACA,cZxnCgB,4BY8nCtB,iBACE,8BAGF,cACE,cACA,uCAGF,aACE,aACA,mBACA,uBACA,kBACA,kBAGF,kBACE,kBACA,wBAEA,YACE,eACA,8BACA,uBACA,uFAEA,SAEE,mCAIJ,cACE,iBACA,6CAEA,UACE,YACA,gBACA,kEAGF,gBACE,gBACA,+DAIJ,cAEE,wBAIJ,eACE,cZvrCgB,eYyrChB,iBACA,8BAGF,kBACE,6BACA,gCACA,aACA,mBACA,eACA,wBAGF,aACE,qBACA,uDAGF,oBAEE,gBACA,eACA,gBACA,2BAGF,UZzuCQ,eY2uCN,6BAEA,aZ1uCmB,SY+uCrB,YACE,gCACA,8BAEA,aACE,cACA,WZxvCI,qBY0vCJ,eACA,gBACA,kBAIJ,YACE,iBAGF,WACE,aACA,mBACA,UAGF,YACE,gCACA,kBAEA,SACE,gBACA,2CAEA,aACE,iCAIJ,aACE,cACA,cZtxCiB,gBYwxCjB,qBACA,eACA,mBAIJ,YACE,0BAGF,UACE,iBACA,kBACA,kBAGF,iBE3yCE,iCACA,wBACA,4BACA,kBF0yCA,yBAEA,oBACE,sBACA,iBACA,4BAGF,iBErzCA,iCACA,wBACA,4BACA,kBFozCE,gBACA,kBACA,gCAEA,UACE,kBACA,sBACA,mCAGF,aACE,kBACA,QACA,SACA,+BACA,WZt0CE,6BYw0CF,gBACA,eACA,oBAKN,cACE,0BAGF,UACuB,sCE30CrB,+BF60CA,iBEt1CA,iCACA,wBACA,4BACA,WFq1CuB,sCE/0CvB,kCFk1CA,iBE31CA,iCACA,wBACA,4BACA,WF01CuB,sCEp1CvB,kBFs1CE,SACA,QACA,UACA,wBAIJ,WACE,aACA,mBACA,sBAGF,YACE,6BACA,cZx1CgB,6BY21ChB,eACE,CAII,kMADF,eACE,wBAKN,eACE,cACA,0BACA,yFAEA,oBAGE,sBAKN,4BACE,gCACA,iBACA,gBACA,cACA,aACA,+BAGF,YACE,4CAEA,qBACE,oFAIA,QACE,WACA,uDAGF,WACE,iBACA,gBACA,WACA,4BAKN,YACE,cACA,iBACA,kBACA,2BAGF,oBACE,gBACA,cACA,+BACA,eACA,oCACA,kCAEA,+BACE,gCAGF,aACE,yBACA,eACA,cZ17CiB,kCY87CnB,aACE,eACA,gBACA,WZp8CI,CYy8CA,2NADF,eACE,oBAMR,iBACE,mDAEA,aACE,mBACA,gBACA,4BAIJ,UACE,kBACA,6JAGF,oBAME,4DAKA,UZz+CM,kBY++CN,UACE,iKAQF,yBACE,+BAIJ,aACE,gBACA,uBACA,0DAGF,aAEE,sCAGF,kBACE,gCAGF,aZzgDqB,cY2gDnB,iBACA,mBACA,gBACA,2EAEA,aAEE,uBACA,gBACA,uCAGF,cACE,WZ3hDI,kCYgiDR,UACE,kBACA,iBAGF,WACE,UACA,kBACA,SACA,WACA,iBAGF,UACE,kBACA,OACA,MACA,YACA,eACA,CZ7hDgB,gHYuiDhB,aZviDgB,wBY2iDhB,UACE,wCAGF,kBZtjDsB,WAfhB,8CYykDJ,kBACE,qBACA,wBAKN,oBACE,gBACA,eACA,cZhlDmB,eYklDnB,iBACA,kBACA,4BAEA,aZvkDmB,6BY2kDnB,cACE,gBACA,uBACA,uCAIJ,UACE,kBACA,CLjmDU,mEKwmDZ,aLxmDY,uBK4mDZ,aL7mDc,4DKmnDV,4CACE,CADF,oCACE,8DAKF,6CACE,CADF,qCACE,6BAKN,aACE,gBACA,qBACA,mCAEA,UZxoDM,0BY0oDJ,8BAIJ,WACE,eAGF,aACE,eACA,gBACA,uBACA,mBACA,qBAGF,eACE,wBAGF,cACE,+DAKA,yBACE,eAIJ,iBACE,WACA,YACA,aACA,mBACA,uBACA,sBACA,6CAEA,cL9nD4B,eAEC,0DK+nD3B,sBACA,CADA,gCACA,CADA,kBACA,4BAGF,iBACE,qEAGF,YACE,iBAIJ,iBACE,WACA,YACA,aACA,mBACA,uBACA,qBAEA,cLtpD4B,eAEC,WKupD3B,YACA,sBACA,CADA,gCACA,CADA,kBACA,iBAIJ,YACE,aACA,mBACA,cACA,eACA,cZrtDmB,wBYwtDnB,aZxtDmB,mBY4tDnB,aACE,4BAGF,oBACE,0CAGF,iBACE,6DAEA,iBACE,oBACA,qCACA,UACA,4EAGF,mBACE,gCACA,UACA,0BAKN,aACE,gBACA,iBACA,gBACA,gBACA,kCAGF,aACE,gBACA,gBACA,uBACA,+BAGF,aACE,qBACA,WAGF,oBACE,oBAGF,YACE,kBACA,2BAGF,+BACE,mBACA,SACA,gBAGF,kBZzxDqB,cY2xDnB,kBACA,uCACA,aACA,mBAEA,eACE,qBAGF,yBACE,oBAGF,yBACE,uBAGF,sBACE,sBAGF,sBACE,uBAIJ,iBACE,QACA,SACA,2BACA,4BAEA,UACE,gBACA,2BACA,0BZ9zDiB,2BYk0DnB,WACE,iBACA,uBACA,yBZr0DiB,8BYy0DnB,QACE,iBACA,uBACA,4BZ50DiB,6BYg1DnB,SACE,gBACA,2BACA,2BZn1DiB,wBYy1DnB,cACE,iBACA,cACA,iBACA,sBACA,qBACA,mBZ/1DiB,WAHb,gBYq2DJ,uBACA,mBACA,yFAEA,kBZv1DiB,cAfA,UY22Df,sCAKN,aACE,iBACA,gBACA,QACA,gBACA,aACA,yCAEA,eACE,mBZz3DiB,cY23DjB,kBACA,mCACA,gBACA,kBACA,sDAGF,OACE,wDAIA,UACE,8CAIJ,cACE,iBACA,cACA,iBACA,sBACA,qBACA,mBZl5DiB,WAHb,gBYw5DJ,uBACA,mBACA,oDAEA,SACE,oDAGF,kBZ94DiB,cAfA,iBYo6DrB,qBACE,eAGF,YACE,cACA,mBACA,2BACA,gBACA,kBACA,4BAEA,iBACE,uBAGF,YACE,uBACA,WACA,YACA,iBACA,6BAEA,WACE,gBACA,oBACA,aACA,yBACA,gBACA,oCAEA,0BACE,oCAGF,cACE,YACA,oBACA,YACA,6BAIJ,qBACE,WACA,gBACA,cACA,aACA,sBACA,qCAEA,4BARF,cASI,qBAMR,kBACE,wBACA,CADA,eACA,MACA,UACA,cACA,qCAEA,mBAPF,gBAQI,+BAGF,eACE,qCAEA,6BAHF,kBAII,gKAMJ,WAIE,mCAIJ,YACE,mBACA,uBACA,YACA,SAGF,WACE,kBACA,sBACA,aACA,sBACA,qBAEA,kBZvgEwB,8BYygEtB,+BACA,KAIJ,aACE,CACA,qBACA,WACA,YACA,aAJA,YAYA,CARA,QAGF,WACE,sBACA,CACA,qBACA,kBACA,cAGF,aACE,cACA,sBACA,cZniEmB,qBYqiEnB,kBACA,eACA,oCACA,iBAGF,aAEE,gBACA,qCAGF,cACE,SACE,iBAGF,aAEE,CAEA,gBACA,yCAEA,iBACE,uCAGF,kBACE,qDAKF,gBAEE,kBACA,YAKN,qBACE,aACA,mBACA,cACA,gBACA,iBAGF,aACE,cACA,CACA,sBACA,WZ9lEM,qBYgmEN,kBACA,eACA,gBACA,gCACA,2BACA,mDACA,qBAEA,eACE,eACA,qCAMA,mEAHF,kBAII,4BACA,yBAIJ,+BACE,cZrmEiB,sBYymEnB,eACE,aACA,qCAIJ,qBAEI,cACE,wBAKN,qBACE,WACA,YACA,cACA,6DAEA,UAEE,YACA,UACA,wCAGF,YACE,cACA,kDACA,qCAEA,uCALF,aAMI,yCAIJ,eACE,oCAGF,YACE,uDAGF,cACE,sCAGF,gBACE,eACA,CACA,2BACA,yCAGF,QACE,mCAGF,gBACE,yBAEA,kCAHF,eAII,sCAIJ,sBACE,gBACA,sCAGF,uCACE,YACE,iKAEA,eAGE,6CAIJ,gBACE,2EAGF,YAEE,kGAGF,gBACE,+BAGF,2BACE,gBACA,uCAEA,SACE,SACA,wCAGF,eACE,wCAGF,gBACE,iBACA,qDAGF,UACE,gLAGF,eAIE,gCAIJ,iBACE,6CAEA,cACE,8CAKF,gBACE,iBACA,6DAGF,UACE,CAIA,yFAGF,eACE,8DAGF,gBACE,kBACA,0BAMR,cACE,aACA,uBACA,mBACA,gBACA,iBACA,iBACA,gBACA,mBACA,WLpyEM,kBKsyEN,eACA,iBACA,qBACA,sCACA,4FAEA,kBAGE,qCAIJ,UACE,UACE,uDAGF,kCACE,4DAGF,kBAGE,yBAGF,aACE,iBAGF,eAEE,sCAIJ,2CACE,YACE,sCAOA,sEAGF,YACE,uCAIJ,0CACE,YACE,uCAIJ,UACE,YACE,mBAIJ,iBACE,yBAEA,iBACE,SACA,UACA,mBZ91EiB,yBYg2EjB,gBACA,kBACA,eACA,gBACA,iBACA,WZv3EI,mDY43ER,oBACE,gBAGF,WACE,gBACA,aACA,sBACA,yBACA,kBACA,gCAEA,gBACE,oBACA,cACA,gBACA,6BAGF,sBACE,8BAGF,MACE,kBACA,aACA,sBACA,iBACA,oBACA,oBACA,mDAGF,eACE,sBL75EI,0BK+5EJ,cACA,gDAGF,iBACE,gDAGF,WACE,mBAIJ,eACE,mBACA,yBACA,gBACA,aACA,sBACA,qBAEA,aACE,sBAGF,aACE,SACA,CACA,4BACA,cACA,qDAHA,sBAOA,gBAMF,WACA,kBAGA,+BANF,qBACE,UACA,CAEA,eACA,aAiBA,CAhBA,eAGF,iBACE,MACA,OACA,mBACA,CAGA,qBACA,CACA,eACA,WACA,YACA,kBACA,uBAEA,kBZz9EwB,0BY89E1B,u1BACE,OACA,gBACA,aACA,8BAEA,aACE,sBACA,CADA,4DACA,CADA,kBACA,+BACA,CADA,2BACA,UACA,YACA,oBACA,eACA,yBACA,CADA,qBACA,CADA,oBACA,CADA,gBACA,sCAGF,yBAjBF,aAkBI,iBAIJ,kBACE,eACA,gBACA,iBAGF,aACE,eACA,mBACA,mBACA,aACA,mBACA,kBACA,mBAEA,iCACE,yBAEA,kBACE,mCACA,aAKN,iBACE,kBACA,cACA,iCACA,mCAEA,eACE,yBAGF,YAVF,cAWI,oBAGF,YACE,sBACA,qBAGF,aACE,kBACA,iBACA,yBAKF,uBADF,YAEI,sBAIJ,qBACE,WACA,mBACA,cZniFmB,eYqiFnB,cACA,eACA,oBACA,SACA,iBACA,aACA,SACA,UACA,UACA,2BAEA,yBACE,6BAIJ,kBACE,SACA,oBACA,cZxjFmB,eY0jFnB,mBACA,eACA,kBACA,UACA,mCAEA,yBACE,wCAGF,kBACE,2BAIJ,oBACE,iBACA,2BAGF,iBACE,kCAGF,cACE,cACA,eACA,aACA,kBACA,QACA,UACA,eAGF,oBACE,kBACA,eACA,6BACA,SACA,UACA,yBACA,CADA,qBACA,CADA,oBACA,CADA,gBACA,gDACA,wCACA,iCAGF,QACE,mBACA,WACA,YACA,gBACA,UACA,kBACA,UACA,yBAGF,kBACE,WACA,wBACA,qBAGF,UACE,YACA,UACA,mBACA,yBZ1oFwB,qCY4oFxB,sEAGF,wBACE,4CAGF,wBZtoFqB,+EY0oFrB,wBACE,2BAGF,iBACE,WACA,YACA,MACA,SACA,gBACA,mBACA,cACA,SACA,UACA,6BACA,CAKA,uEAFF,SACE,6BAeA,CAdA,sBAGF,iBACE,WACA,YACA,MACA,SACA,gBACA,mBACA,cACA,WAGA,8CAGF,SACE,qBAGF,iBACE,QACA,SACA,WACA,YACA,yBACA,kBACA,sBACA,sBACA,yBACA,sCACA,4CAGF,SACE,qBZlsFmB,cYssFrB,kBACE,WZztFM,cY2tFN,eACA,aACA,qBACA,2DAEA,kBAGE,oBAGF,SACE,2BAGF,sBACE,cZxuFiB,kGY2uFjB,sBAGE,WZjvFE,kCYqvFJ,aZnuFiB,oBYyuFrB,oBACE,iBACA,qBAGF,oBACE,kBACA,CACA,gBACA,CZ/vFwB,eYkwFxB,iBACA,wCANA,cACA,CACA,eACA,mBAaA,CAVA,mBZnwFwB,aAiBR,iBYwvFhB,CAEA,wBACA,eACA,yDAGF,kBZhxF0B,cYsxF1B,aACE,kBAGF,aZzwFkB,cY2wFhB,8BACA,+BACA,4EAEA,0BAGE,CAHF,uBAGE,CAHF,kBAGE,kDAMA,sBACA,YACA,wDAEA,kBACE,8DAGF,cACE,sDAGF,cACE,0DAEA,aZvyFY,0BYyyFV,sDAIJ,oBACE,cZj0Fe,sMYo0Ff,yBAGE,oDAKN,aZzzFgB,0BY+zFhB,aACE,UACA,mCACA,CADA,0BACA,gBACA,6BAEA,cACE,yBACA,cZ11Fe,aY41Ff,gBACA,gCACA,sCAGF,oDACE,YACE,uCAIJ,oDACE,YACE,uCAIJ,yBA3BF,YA4BI,yCAGF,eACE,aACA,iDAEA,aZr3Fe,qBY43FrB,eACE,gBACA,2BAEA,iBACE,aACA,wBAGF,kBACE,yBAGF,oBACE,gBACA,yBACA,yBACA,eAIJ,aACE,sBACA,WACA,SACA,WZx5FM,gBOCA,aK05FN,oBACA,eACA,gBACA,SACA,UACA,kBACA,qBAEA,SACE,qCAGF,cAnBF,cAoBI,oDAIJ,uBACE,YACA,6CACA,uBACA,sBACA,WACA,0DAEA,sBACE,0DAKJ,uBACE,2BACA,gDAGF,aZx6FsB,6BY06FpB,uDAGF,aZl7FqB,cYs7FrB,YACE,eACA,yBACA,kBACA,cZt7FgB,gBYw7FhB,qBACA,gBACA,uBAEA,QACE,OACA,kBACA,QACA,MAIA,iDAHA,YACA,uBACA,mBAUE,CATF,0BAEA,yBACE,kBACA,iBACA,cAIA,sDAGF,cAEE,cZr+Fe,uBYu+Ff,SACA,cACA,qBACA,eACA,iBACA,sMAEA,UZj/FE,yBYw/FJ,cACE,kBACA,YACA,eAKN,cACE,qBAEA,kBACE,oBAIJ,cACE,cACA,qBACA,WACA,YACA,SACA,2BAIA,UACE,YACA,qBAIJ,aACE,gBACA,kBACA,cZxhGmB,gBY0hGnB,uBACA,mBACA,qBACA,uBAGF,aACE,gBACA,2BACA,2BAGF,aZtiGqB,oBY0iGrB,aACE,eACA,eACA,gBACA,uBACA,mBACA,qBAGF,cACE,mBACA,kBACA,yBAEA,cACE,kBACA,yBACA,QACA,SACA,+BACA,yBAIJ,aACE,6CAEA,UACE,mDAGF,yBACE,6CAGF,mBACE,sBAIJ,oBACE,kCAEA,QACE,4CAIA,oBACA,0CAGF,kBACE,0CAGF,aACE,6BAIJ,wBACE,2BAGF,yBACE,cACA,SACA,WACA,YACA,oBACA,CADA,8BACA,CADA,gBACA,sBACA,wBACA,YAGF,aACE,cZpmGgB,6BYsmGhB,SACA,kBACA,kBACA,oBACA,SACA,aACA,sBACA,WACA,WACA,qBACA,kBAEA,kBACE,WAIJ,+BACE,yBAGF,iBACE,eACA,gBACA,cZ9nGgB,mBAjBQ,eYkpGxB,aACA,cACA,sBACA,mBACA,uBACA,aACA,qEAGE,aAEE,WACA,aACA,SACA,yCAIJ,gBACE,gCAGF,eACE,uCAEA,aACE,mBACA,cZ5pGY,qCYgqGd,cACE,gBACA,yBAKN,iBACE,cACA,UACA,gCAEA,sCACE,uCAEA,aACE,WACA,kBACA,aACA,OACA,QACA,cACA,UACA,oBACA,YACA,UACA,kFACA,wCAIJ,SACE,kBACA,gBAIJ,YACE,eACA,mBACA,cACA,eACA,kBACA,UACA,UACA,gBACA,2BACA,4BACA,uBAEA,QACE,SACA,yBACA,cACA,uBACA,aACA,gBACA,uBACA,gBACA,mBACA,OACA,4CAGF,aZpuGmB,4CYyuGjB,aZzuGiB,yCY2uGf,4CAIJ,SAEE,yBAIJ,WACE,aACA,uBAGF,kBACE,iCAGF,iBACE,wBAGF,kBACE,SACA,cZnxGmB,eYqxGnB,eACA,eACA,8BAEA,aACE,CAKA,kEAEA,UZpyGI,mBYsyGF,6BAKN,eACE,gBACA,gBACA,cZ3yGmB,0DY6yGnB,UACA,UACA,kBACA,uCAEA,YACE,WACA,uCAGF,iBACE,gCAGF,QACE,uBACA,SACA,6BACA,cACA,mCAIJ,kBACE,aACA,mCAIA,aZ10GmB,0BY40GjB,gCAIJ,WACE,4DAEA,cACE,uEAEA,eACE,WAKN,oBACE,UACA,oBACA,kBACA,cACA,SACA,uBACA,eACA,sBAGF,oBACE,iBACA,oBAGF,aZz1GkB,eY21GhB,gBACA,yBACA,iBACA,kBACA,QACA,SACA,+BACA,yBAEA,aACE,WACA,CACA,0BACA,oBACA,mBACA,4BAIJ,iBACE,QACA,SACA,+BACA,WACA,YACA,sBACA,6BACA,CACA,wBACA,kBACA,2CAGF,2EACE,CADF,mEACE,8CAGF,4EACE,CADF,oEACE,qCAGF,GACE,sBACE,KAGF,2BACE,KAGF,2BACE,KAGF,yBACE,IAGF,wBACE,EArBF,4BAGF,GACE,sBACE,KAGF,2BACE,KAGF,2BACE,KAGF,yBACE,IAGF,wBACE,uCAIJ,GACE,wBACE,KAGF,0BACE,KAGF,2BACE,KAGF,uBACE,IAGF,sBACE,EAtBA,6BAIJ,GACE,wBACE,KAGF,0BACE,KAGF,2BACE,KAGF,uBACE,IAGF,sBACE,mCAIJ,GACE,OACE,SACA,yBACA,KAGF,wBACE,KAGF,UACE,YACA,6BACA,kBACA,UACA,IAGF,UACE,YACA,eACA,UACA,6BACA,EA5BA,yBAIJ,GACE,OACE,SACA,yBACA,KAGF,wBACE,KAGF,UACE,YACA,6BACA,kBACA,UACA,IAGF,UACE,YACA,eACA,UACA,6BACA,kCAIJ,GACE,gBACA,aACA,aAPE,wBAIJ,GACE,gBACA,aACA,gCAGF,kBACE,gBZx+GM,WADA,eY4+GN,aACA,sBACA,YACA,uBACA,eACA,kBACA,kBACA,YACA,gBAGF,eZt/GQ,cAEa,SYu/GnB,UACA,WACA,YACA,kBACA,wBACA,CADA,oBACA,CADA,eACA,iEAEA,SAGE,cACA,yBAIJ,aACE,eACA,yBAGF,aACE,eACA,gBACA,iBAGF,KACE,OACA,WACA,YACA,kBACA,YACA,2BAEA,aACE,SACA,QACA,WACA,YACA,6BAGF,mBACE,yBAGF,YACE,0BAGF,aACE,uBACA,WACA,YACA,SACA,iCAEA,oBACE,8BACA,kBACA,iBACA,WZvjHE,gBYyjHF,eACA,+LAMA,6BACE,mEAKF,6BACE,6BAMR,kBACE,iBAGF,kBACE,6BACA,gCACA,aACA,mBACA,eACA,kDAGF,aAEE,kBACA,yBAGF,kBACE,aACA,2BAGF,aZlmHqB,eYomHnB,cACA,gBACA,mBACA,kDAIA,kBACE,oDAIA,SEtmHF,sBACA,WACA,SACA,gBACA,oBACA,mBdbwB,cAFL,eckBnB,SACA,+EFgmHI,aACE,CEjmHN,qEFgmHI,aACE,CEjmHN,yEFgmHI,aACE,CEjmHN,gEFgmHI,aACE,sEAGF,QACE,yLAGF,mBAGE,0DAGF,kBACE,qCAGF,mDArBF,cAsBI,yDAIJ,aZvnHc,iBYynHZ,eACA,4DAGF,gBACE,wDAGF,kBACE,gEAEA,cACE,iNAEA,kBAGE,cACA,gHAKN,aZnqHiB,0HYwqHjB,cAEE,gBACA,cZxpHY,kZY2pHZ,aAGE,gEAIJ,wBACE,iDAGF,eL3rHI,kBO0BN,CAEA,eACA,cdHiB,uCcKjB,UF8pHI,mBZ3rHe,oDc+BnB,wBACE,cdRe,ecUf,gBACA,mBACA,oDAGF,aACE,oDAGF,kBACE,oDAGF,eACE,WdnDI,sDYksHJ,WACE,mDAGF,UZtsHI,kBYwsHF,eACA,8HAEA,kBAEE,iCAON,kBACE,mBAIJ,UZztHQ,kBY2tHN,cACA,mBACA,sBZ5tHM,yBY8tHN,eACA,gBACA,YACA,kBACA,WACA,yBAEA,SACE,iBAIJ,aACE,iBACA,wBAGF,aZ7uHqB,qBY+uHnB,mBACA,gBACA,sBACA,6EAGF,aZluHkB,mBAjBQ,kBYwvHxB,aACA,eACA,gBACA,eACA,aACA,cACA,mBACA,uBACA,yBAEA,4EAfF,cAgBI,6FAGF,eACE,mFAGF,aZ7vHmB,qBY+vHjB,qGAEA,yBACE,uCAKN,kBACE,aACA,eAGF,qBACE,8BAGF,GACE,kBACE,2CACA,CADA,kCACA,KAGF,oBACE,0CACA,CADA,iCACA,KAGF,oBACE,2CACA,CADA,kCACA,KAGF,oBACE,0CACA,CADA,iCACA,KAGF,kBACE,2CACA,CADA,kCACA,EA1BF,qBAGF,GACE,kBACE,2CACA,CADA,kCACA,KAGF,oBACE,0CACA,CADA,iCACA,KAGF,oBACE,2CACA,CADA,kCACA,KAGF,oBACE,0CACA,CADA,iCACA,KAGF,kBACE,2CACA,CADA,kCACA,mCAIJ,8BACE,2DACA,CADA,kDACA,iCAGF,MACE,sBAEE,0BACA,KAGF,sBACE,aAGF,uBAGE,aAGF,sBAGE,KAGF,uBACE,KAGF,sBACE,EA/BF,wBAGF,MACE,sBAEE,0BACA,KAGF,sBACE,aAGF,uBAGE,aAGF,sBAGE,KAGF,uBACE,KAGF,sBACE,kCAIJ,yBACE,8EACA,CADA,qEACA,8BAGF,eLt2HQ,kBKw2HN,sCACA,kBACA,eACA,UACA,iDAEA,2BACE,2DAGF,UACE,mCAIJ,iBACE,SACA,WACA,eACA,yCAGF,iBACE,UACA,SACA,UACA,gBLl4HM,kBKo4HN,sCACA,gBACA,gDAEA,aACE,eACA,SACA,gBACA,uBACA,iKAEA,4BAGE,2DAIJ,WACE,wBAKF,2BACE,cAIJ,kBACE,8BACA,aACA,YACA,uBACA,OACA,UACA,kBACA,MACA,kBACA,WACA,aACA,gBAEA,mBACE,oBAIJ,WACE,aACA,aACA,sBACA,kBACA,YACA,0BAGF,iBACE,MACA,QACA,SACA,OACA,WACA,kBACA,mBZh8HwB,kCYk8HxB,uBAGF,MACE,aACA,mBACA,uBACA,cZ38HmB,eY68HnB,gBACA,0BACA,kBACA,kBAGF,YACE,cZp9HmB,gBYs9HnB,aACA,sBAEA,cACE,kBACA,uBAGF,cACE,yBACA,gBACA,cACA,0BAIJ,aACE,4BAGF,UACE,WACA,kBACA,mBZj+HsB,kBYm+HtB,eACA,2BAGF,iBACE,OACA,MACA,WACA,mBZx+HmB,kBY0+HnB,eAGF,aACE,wBACA,UACA,eACA,0CAEA,mBAEE,mBAGF,8BACE,CADF,sBACE,WACA,cACA,SACA,WACA,YACA,CAQE,6GAKN,SACE,oBACA,CADA,WACA,6BAGF,iBACE,gBLliIM,uCKoiIN,kBACA,iBACA,gBACA,iCAEA,yBACE,oCAGF,sBACE,2BAIJ,UZnjIQ,aYqjIN,eACA,aACA,kEAEA,kBZviImB,WAlBb,UY6jIJ,CZ7jII,4RYkkIF,UZlkIE,wCYwkIN,kBACE,iCAIJ,YACE,mBACA,uBACA,kBACA,oCAGF,aACE,cZllImB,2CYqlInB,eACE,cACA,WZ1lII,CY+lIA,wQADF,eACE,mDAON,eLrmIM,0BKumIJ,qCACA,gEAEA,eACE,0DAGF,kBZ7lIiB,uEYgmIf,UZlnIE,uDYwnIN,yBACE,sDAGF,aACE,sCACA,SAIJ,iBACE,gBAGF,SEznIE,sBACA,WACA,SACA,gBACA,oBACA,mBdbwB,cAFL,eckBnB,SACA,cFmnIA,CACA,2BACA,iBACA,eACA,2CAEA,aACE,CAHF,iCAEA,aACE,CAHF,qCAEA,aACE,CAHF,4BAEA,aACE,kCAGF,QACE,6EAGF,mBAGE,sBAGF,kBACE,qCAGF,eA3BF,cA4BI,kCAKF,QACE,qDAGF,mBAEE,mBAGF,iBACE,SACA,WACA,UACA,qBACA,UACA,0BACA,sCACA,eACA,WACA,YACA,cZxrIiB,eY0rIjB,oBACA,0BAEA,mBACE,WACA,0BAIJ,uBACE,iCAEA,mBACE,uBACA,gCAIJ,QACE,uBACA,cZ1rIkB,eY4rIlB,uCAEA,uBACE,sCAGF,aACE,yBAKN,aZzsIkB,mBY2sIhB,aACA,gBACA,eACA,eACA,6BAEA,oBACE,iBACA,0BAIJ,iBACE,6BAEA,kBACE,gCACA,eACA,aACA,aACA,gBACA,eACA,cZjuIc,iCYouId,oBACE,iBACA,8FAIJ,eAEE,0BAIJ,aACE,aACA,cZrwImB,qBYuwInB,+FAEA,aAGE,0BACA,uBAIJ,YACE,cZlxImB,kBYoxInB,aAGF,iBACE,8BACA,oBACA,aACA,sBAGF,cACE,MACA,OACA,QACA,SACA,8BACA,wBAGF,cACE,MACA,OACA,WACA,YACA,aACA,sBACA,mBACA,uBACA,2BACA,aACA,oBACA,yBACA,CADA,qBACA,CADA,oBACA,CADA,gBACA,oBAGF,mBACE,aACA,aACA,yBAGF,eACE,iBACA,yBAGF,UACE,cAGF,UACE,YACA,kBACA,qCAEA,UACE,YACA,aACA,mBACA,uBACA,2CAEA,cLjyI0B,eAEC,CK2yI7B,8CALF,iBACE,MACA,OACA,QACA,SAYA,CAXA,yBAQA,mBACA,8BACA,oBACA,4BAEA,mBACE,0DAGF,SACE,4DAEA,mBACE,mBAKN,6BACE,sBACA,SACA,WZ93IM,eYg4IN,aACA,mBACA,eACA,cACA,cACA,kBACA,kBACA,MACA,SACA,yBAGF,MACE,0BAGF,OACE,CASA,4CANF,UACE,kBACA,kBACA,OACA,YACA,oBAUA,6BAEA,WACE,sBAGF,mBACE,qBACA,gBACA,cZz6IiB,mFY46IjB,yBAGE,wBAKN,oBACE,sBAGF,qBZ37IQ,YY67IN,WACA,kBACA,YACA,UACA,SACA,YACA,8BAGF,wBZp7IqB,qBYw7IrB,iBACE,UACA,QACA,YACA,6CAGF,kBZ98IqB,WAHb,kBYs9IN,gBACA,aACA,sBACA,oBAGF,WACE,WACA,gBACA,iBACA,kBACA,wBAEA,iBACE,MACA,OACA,WACA,YACA,sBACA,aACA,aACA,CAGA,YACA,UACA,yBACA,CADA,qBACA,CADA,oBACA,CADA,gBACA,2CANA,qBACA,mBACA,uBAaF,CATE,mBAIJ,YACE,CAGA,iBACA,mDAGF,aAEE,mBACA,aACA,aACA,2DAEA,cACE,uLAGF,aZrgJmB,SYwgJjB,eACA,gBACA,kBACA,oBACA,YACA,aACA,kBACA,6BACA,+mBAEA,aAGE,yBACA,CZzhJE,wyEYgiJF,UAGE,sBAMR,sBACE,eAGF,iBACE,eACA,mBACA,sBAEA,eACE,WZnjJI,kBYqjJJ,yBACA,eACA,qBAGF,kBZrjJwB,cAFL,gBY0jJjB,aACA,kBACA,kBAIJ,oBACE,eACA,gBACA,iBACA,wFAGF,kBAME,WZhlJM,kBYklJN,gBACA,eACA,YACA,kBACA,sBACA,4NAEA,aACE,eACA,mBACA,wLAGF,WACE,UACA,kBACA,SACA,WACA,kRAGF,aACE,wBAKF,eL5mJM,CPEa,gBY6mJjB,oBACA,iELhnJI,2BPEa,yBYsnJrB,iBACE,aACA,iCAEA,wBACE,CADF,qBACE,CADF,oBACE,CADF,gBACE,gBACA,2GAIJ,YAIE,8BACA,mBZroJmB,aYuoJnB,iBACA,2HAEA,aACE,iBACA,cZ5oJiB,mBY8oJjB,2IAGF,aACE,6BAIJ,cACE,2BAGF,WACE,eACA,0BAGF,gBAEE,sDAGF,qBAEE,eAGF,UACE,gBACA,0BAGF,YACE,6BACA,qCAEA,yBAJF,cAKI,gBACA,iDAIJ,qBAEE,UACA,qCAEA,+CALF,UAMI,sDAIJ,aAEE,gBACA,gBACA,gBACA,kBACA,2FAEA,aZ3rJmB,iLY+rJnB,UZjtJM,qCYstJN,oDAjBF,eAkBI,sCAKF,4BADF,eAEI,yBAIJ,YACE,+BACA,gBACA,0BAEA,cACE,iBACA,mBACA,sCAGF,aACE,sBACA,WACA,CACA,UZhvJI,gBOCA,aKkvJJ,oBACA,eACA,YACA,CACA,SACA,kBACA,yBACA,iBACA,gBACA,gBACA,4CAEA,wBACE,+CAGF,eLlwJI,yBKowJF,mBACA,kBACA,6DAEA,QACE,gBACA,gBACA,mEAEA,QACE,0DAIJ,UZnxJE,oBYqxJA,eACA,gBLrxJA,+CK0xJJ,YACE,8BACA,mBACA,4CAIJ,aACE,WZnyJI,eYqyJJ,gBACA,mBACA,wCAGF,eACE,mBACA,+CAEA,UZ9yJI,eYgzJF,qCAIJ,uBAnFF,YAoFI,eACA,QACA,wCAEA,iBACE,iBAKN,eACE,eACA,wBAEA,eACE,iBACA,2CAGF,eACE,mBAGF,eACE,cACA,gBACA,+BAEA,4BACE,4BAGF,QACE,oCAIA,UZ11JE,aY41JA,kBACA,eACA,mBACA,qBACA,8EAEA,eAEE,yWAOA,kBZz1JW,WAlBb,uDYk3JA,iBACE,oMAUR,aACE,iIAIJ,4BAIE,cZn4JmB,eYq4JnB,gBACA,6cAEA,aAGE,6BACA,qGAIJ,YAIE,eACA,iIAEA,eACE,CAII,w1BADF,eACE,sDAMR,iBAEE,oDAKA,eACE,0DAGF,eACE,mBACA,aACA,mBACA,wEAEA,UZt7JI,CYw7JF,gBACA,uBAKN,YACE,2CAEA,QACE,WACA,cAIJ,wBZr7JqB,WYu7JnB,kBACA,MACA,OACA,aACA,6BAGF,aACE,kBACA,WZl9JM,8BYo9JN,WACA,SACA,gBACA,kBACA,eACA,gBACA,UACA,oBACA,WACA,4BACA,iBACA,wDAKE,SACE,uBAKN,eACE,6BAEA,UACE,kBAIJ,YACE,eACA,yBACA,kBACA,gBACA,gBACA,wBAEA,aACE,cZr+Jc,iBYu+Jd,eACA,+BACA,aACA,sBACA,mBACA,uBACA,eACA,4BAEA,aACE,wBAIJ,eACE,CACA,qBACA,aACA,sBACA,uBACA,2BAEA,aACE,cACA,0BAGF,oBACE,cZngKY,gBYqgKZ,gCAEA,yBACE,0BAKN,QACE,eACA,iDAEA,SACE,cACA,8BAGF,aZthKc,gBY8hKhB,cACA,CACA,iBACA,CACA,UACA,qCANF,qBACE,CACA,eACA,CACA,iBAYA,CAVA,qBAGF,QACE,CACA,aACA,WACA,CACA,iBAEA,qEAGE,cACE,MACA,gCAKN,cACE,cACA,qBACA,cZ7kKmB,kBY+kKnB,UACA,mEAEA,WAEE,WACA,CAIA,2DADF,mBACE,CADF,8BACE,CADF,gBZ1lKM,CY2lKJ,wBAIJ,UACE,YACA,CACA,iBACA,MACA,OACA,UACA,gBZtmKM,iCYymKN,YACE,sBAIJ,WACE,gBACA,kBACA,WACA,qCAGF,cACE,YACA,oBACA,CADA,8BACA,CADA,gBACA,kBACA,QACA,2BACA,WACA,UACA,sCAGF,0BACE,2BACA,gBACA,kBACA,qKAMA,WAEE,mFAGF,WACE,eAKJ,qBACE,kBACA,mBACA,kBACA,oBACA,cACA,wBAEA,eACE,YACA,yBAGF,cACE,kBACA,gBACA,gCAEA,UACE,cACA,kBACA,6BACA,WACA,SACA,OACA,oBACA,qCAIJ,oCACE,iCAGF,wBACE,uCAIA,mBACA,mBACA,6BACA,0BACA,eAIJ,eACE,kBACA,gBLvsKM,eKysKN,kBACA,sBACA,cACA,wBAEA,eACE,sBACA,qBAGF,SACE,qBAGF,eACE,gBACA,UACA,0BAGF,oBACE,sBACA,SACA,gCAEA,wBACE,0BACA,qBACA,sBACA,UACA,4BAKF,qBACE,CADF,gCACE,CADF,kBACE,kBACA,QACA,2BACA,yBAIJ,iBACE,UACA,SACA,OACA,QACA,sBACA,iFACA,eACA,UACA,4BACA,gCAEA,SACE,6EAKF,iBAEE,wBAIJ,YACE,kBACA,MACA,OACA,WACA,YACA,UACA,SACA,gBZnxKI,cAEa,gBYoxKjB,oBACA,+BAEA,aACE,oBACA,8GAEA,aAGE,+BAIJ,aACE,eACA,kCAGF,aACE,eACA,gBACA,4BAIJ,YACE,8BACA,oBACA,0DAEA,aACE,wBAIJ,cACE,mBACA,gBACA,uBACA,oCAGE,cACE,qCAKF,eACE,+BAIJ,sBACE,iBACA,eACA,SACA,0BACA,8GAEA,ULn1KE,+EK21KN,cAGE,gBACA,6BAGF,ULl2KM,iBKo2KJ,yBAGF,oBACE,aACA,mDAGF,UL52KM,uBKi3KN,cACE,YACA,eACA,8BAEA,UACE,WACA,+BAOA,6DANA,iBACA,cACA,kBACA,WACA,UACA,YAWA,CAVA,+BASA,kBACA,+BAGF,iBACE,UACA,kBACA,WACA,YACA,YACA,UACA,4BACA,mBACA,sCACA,oBACA,qBAIJ,gBACE,uBAEA,oBACE,eACA,gBACA,WLj6KE,sFKo6KF,yBAGE,qBAKN,cACE,YACA,kBACA,4BAEA,UACE,WACA,+BACA,kBACA,cACA,kBACA,WACA,SACA,2DAGF,aAEE,kBACA,WACA,kBACA,SACA,mBACA,6BAGF,6BACE,6BAGF,iBACE,UACA,UACA,kBACA,WACA,YACA,QACA,iBACA,4BACA,mBACA,sCACA,oBACA,CAGE,yFAKF,SACE,6GAQF,gBACE,oBACA,kBAON,UACE,cACA,+BACA,0BAEA,UACE,qCAGF,iBATF,QAUI,mBAIJ,qBACE,mBACA,uBAEA,YACE,kBACA,gBACA,gBACA,2BAEA,aACE,WACA,YACA,SACA,oBACA,CADA,8BACA,CADA,gBACA,uBAIJ,YACE,mBACA,mBACA,aACA,6BAEA,aACE,aACA,mBACA,qBACA,gBACA,qCAGF,UACE,eACA,cACA,+BAGF,aACE,WACA,YACA,gBACA,mCAEA,UACE,YACA,cACA,SACA,kBACA,mBACA,oBACA,CADA,8BACA,CADA,gBACA,qCAIJ,gBACE,gBACA,4CAEA,cACE,WZ5jLF,gBY8jLE,gBACA,uBACA,0CAGF,aACE,eACA,cZlkLW,gBYokLX,gBACA,uBACA,yBAKN,kBZzkLsB,aY2kLpB,mBACA,uBACA,gDAEA,YACE,cACA,eACA,mDAGF,qBACE,kBACA,gCACA,WACA,gBACA,mBACA,gBACA,uBACA,qDAEA,YACE,iEAEA,cACE,sDAIJ,YACE,6BAOV,YACE,eACA,gBACA,wBAGF,QACE,sBACA,cACA,kBACA,kBACA,gBACA,WACA,+BAEA,iBACE,QACA,SACA,+BACA,eACA,sDAIJ,kBAEE,gCACA,eACA,aACA,cACA,oEAEA,kBACE,SACA,SACA,6HAGF,aAEE,cACA,cZ1pLiB,eY4pLjB,eACA,gBACA,kBACA,qBACA,kBACA,WACA,mBACA,yJAEA,aZrqLiB,qWYwqLf,aAEE,WACA,kBACA,SACA,SACA,QACA,SACA,2BACA,CAEA,4CACA,CADA,kBACA,CADA,wBACA,iLAGF,WACE,6CACA,8GAKN,kBACE,gCACA,qSAKI,YACE,iSAGF,4CACE,cAOV,kBZ/sL0B,sBYktLxB,iBACE,4BAGF,aACE,eAIJ,cACE,kBACA,qBACA,cACA,iBACA,eACA,mBACA,gBACA,uBACA,eACA,oEAEA,YAEE,sBAGF,oBACE,kBACA,yBACA,sBACA,WACA,YACA,cACA,kBACA,SACA,kBACA,sBACA,8BAEA,oBACE,mBACA,2BAKN,eACE,gBAGF,eLxwLQ,kBO0BN,CACA,sBACA,gBACA,cdHiB,uCcKjB,mBAEA,wBACE,cdRe,ecUf,gBACA,mBACA,mBAGF,aACE,mBAGF,kBACE,mBAGF,eACE,WdnDI,UY6wLR,iBACE,cAEA,WACE,WACA,sCACA,CADA,6BACA,cAGF,cACE,iBACA,cZrxLiB,gBYuxLjB,gBAEA,aZ1wLiB,0BY4wLf,sBAEA,oBACE,4BAMR,GACE,cACA,eACA,WATM,mBAMR,GACE,cACA,eACA,qEAGF,kBAIE,sBAEE,8BACA,iBAGF,0BACE,kCACA,+BAIA,qDACE,uEACA,+CAGF,sBACE,8BACA,6DAIA,6BACE,6CACA,4EAIF,6BACE,6CACA,+CAOJ,gBAEE,+BAGF,gBACE,6CAEA,0BACE,wDAGF,eACE,6DAGF,iBACE,iBACA,2EAIA,mBACE,UACA,gCACA,WACA,0FAGF,mBACE,UACA,oCACA,eAOV,UACE,eACA,gBACA,iBAEA,YACE,gBACA,eACA,kBACA,sCAGF,YACE,4CAEA,kBACE,yDAGF,SACE,sBACA,cACA,WACA,SACA,aACA,gDACA,mBZn5LoB,WALlB,eY25LF,CACA,eACA,kBACA,2EAEA,QACE,wMAGF,mBAGE,+DAGF,kBACE,qCAGF,wDA7BF,cA8BI,4DAIJ,WACE,eACA,gBACA,SACA,kBACA,sBAMJ,sBACA,mBACA,6BACA,gCACA,+BAEA,iBACE,iBACA,cZh7Lc,CYm7Ld,eACA,eACA,oCAEA,aACE,gBACA,uBACA,oCAIJ,UACE,kBACA,uDAGF,iBACE,qDAGF,eACE,qBAKF,wBACA,aACA,2BACA,mBACA,mBACA,2BAEA,aACE,iCAEA,UACE,uCAEA,SACE,kCAKN,aACE,cACA,mBAIJ,cACE,kBACA,MACA,OACA,WACA,YACA,8BACA,cAGF,kBZjgM0B,sBYmgMxB,kBACA,uCACA,YACA,gBACA,qCAEA,aARF,SASI,kBAGF,cACE,mBACA,gBACA,eACA,kBACA,0BACA,6BAGF,WACE,6BAGF,yBACE,sCAEA,uBACE,uCACA,wBACA,wBAIJ,eACE,kDAIA,oBACE,+BAIJ,cACE,sBAGF,eACE,aAIJ,kBZvjM0B,sBYyjMxB,kBACA,uCACA,YACA,gBACA,qCAEA,YARF,SASI,uBAGF,kBACE,oBAGF,kBACE,YACA,0BACA,gBACA,mBAGF,YACE,gCACA,4BAGF,YACE,iCAGF,aACE,gBACA,qBACA,eACA,aACA,cAIJ,iBACE,YACA,gBACA,YACA,aACA,uBACA,mBACA,gBL5mMM,yDK+mMN,aAGE,gBACA,WACA,YACA,SACA,sBACA,CADA,gCACA,CADA,kBACA,gBLvnMI,uBK2nMN,iBACE,YACA,aACA,+BACA,iEACA,kBACA,wCACA,uBAGF,iBACE,WACA,YACA,MACA,OACA,uBAGF,iBACE,YACA,WACA,UACA,YACA,4BACA,6BAEA,UACE,8BAGF,UZzpMI,eY2pMF,gBACA,cACA,kBACA,2BAGF,iBACE,mCACA,qCAIJ,oCACE,eAEE,uBAGF,YACE,4BAKN,aZhrMqB,eYkrMnB,gBACA,gBACA,kBACA,qBACA,6BAEA,kBACE,wCAEA,eACE,6BAIJ,aACE,0BACA,mCAEA,oBACE,kBAKN,eACE,2BAEA,UACE,8FAEA,8BAEE,CAFF,sBAEE,wBAIJ,iBACE,SACA,UACA,yBAGF,eACE,aACA,kBACA,mBACA,6BAEA,mBACE,CADF,8BACE,CADF,gBACE,cACA,WACA,YACA,SACA,uBAIJ,iBACE,mBACA,YACA,gCACA,+BAEA,aACE,cACA,WACA,iBACA,gDAEA,kBACE,yBACA,wBAKN,YACE,uBACA,gBACA,iBACA,iCAEA,YACE,mBACA,iBACA,gBACA,8CAEA,wBACE,kBACA,uBACA,YACA,yCAGF,YACE,8BAIJ,WACE,4CAEA,kBACE,wCAGF,UACE,YACA,iCAGF,cACE,iBACA,WZvyMA,gBYyyMA,gBACA,mBACA,uBACA,uCAEA,aACE,eACA,cZ7yMW,gBY+yMX,gBACA,uBACA,gCAKN,aACE,uBAIJ,eACE,cACA,iDAGE,qBACA,WZp0ME,gDYw0MJ,QACE,6BACA,kDAEA,aACE,yEAGF,uBACE,4DAGF,aZ30MU,yBYi1Md,cACE,gCAEA,cACE,cZ31Me,eY61Mf,kCAEA,oBACE,cZh2Ma,qBYk2Mb,iBACA,gBACA,yCAEA,eACE,WZ12MF,iBYm3MN,aZ71MgB,mBY+1Md,gCACA,gBACA,aACA,eACA,eACA,qBAEA,oBACE,iBACA,eAIJ,YACE,mBACA,aACA,gCACA,0BAEA,eACE,qBAGF,aACE,cZv3MY,gBYy3MZ,uBACA,mBACA,4BAEA,eACE,uBAGF,aZp5Me,qBYs5Mb,eACA,gBACA,cACA,gBACA,uBACA,mBACA,qGAKE,yBACE,wBAMR,aACE,eACA,iBACA,gBACA,iBACA,mBACA,gBACA,cZ/6Me,0BYm7MjB,aACE,WACA,2CAEA,mCACE,yBACA,0CAGF,wBACE,eAMR,YACE,gCACA,CACA,iBACA,qBAEA,kBACE,UACA,uBAGF,aACE,CACA,sBACA,kBACA,eACA,uBAGF,oBACE,mBZx8MiB,kBY08MjB,cACA,eACA,wBACA,wBAGF,aACE,CACA,0BACA,gBACA,8BAEA,eACE,aACA,2BACA,8BACA,uCAGF,cACE,cZ7+Me,kBY++Mf,+BAGF,aZl/MiB,eYo/Mf,mBACA,gBACA,uBACA,kBACA,gBACA,YACA,iCAEA,UZ//ME,qBYigNA,oHAEA,yBAGE,0BAKN,qBACE,uBAIJ,kBACE,6BAEA,kBACE,oDAGF,eACE,6DAGF,UZ3hNI,gBYiiNR,kBACE,eACA,aACA,qBACA,0BAEA,WACE,cACA,qCAEA,yBAJF,YAKI,4BAIJ,wBACE,cACA,kBACA,qCAEA,0BALF,UAMI,uBAIJ,qBACE,WACA,aACA,kBACA,eACA,iBACA,qBACA,gBACA,gBACA,gBACA,aACA,sBACA,6BAEA,aACE,gBACA,mBACA,mBACA,8BAGF,iBACE,SACA,WACA,cACA,mBZjkNe,kBYmkNf,cACA,eACA,4BAIJ,YACE,cZzlNiB,kBY2lNjB,WACA,QACA,mDAIJ,YACE,oDAGF,UACE,gBAGF,YACE,eACA,mBACA,gBACA,iBACA,wBACA,sBAEA,aACE,mBACA,SACA,kBACA,WACA,eACA,yBACA,CADA,qBACA,CADA,oBACA,CADA,gBACA,cACA,aACA,mBACA,2BACA,2CACA,6BAEA,aACE,aACA,WACA,YACA,iCAEA,aACE,SACA,WACA,YACA,eACA,gBACA,sBACA,sBACA,CADA,gCACA,CADA,kBACA,6BAIJ,aACE,cACA,eACA,gBACA,kBACA,gBACA,cZvpNe,mFY2pNjB,kBAGE,4BACA,2CACA,wGAEA,aACE,6BAIJ,0BACE,2CACA,yBACA,yDAEA,aACE,uCAKN,UACE,oCAGF,WACE,8BAGF,aZ1rNmB,SY4rNjB,eACA,WACA,cACA,cACA,YACA,aACA,mBACA,WACA,2BACA,2CACA,2GAEA,SAGE,cACA,4BACA,2CACA,qCAKF,SACE,OGxtNN,eACE,eACA,UAEA,kBACE,kBACA,cAGF,iBACE,cACA,mBACA,WACA,aACA,sBAEA,kBfGiB,eeEnB,iBACE,aACA,cACA,iBACA,eACA,gBACA,qBAEA,oBACE,qBACA,yBACA,4BACA,oEAGF,YAEE,kCAGF,aACE,gCAGF,aACE,sBACA,WACA,eACA,WfhDE,UekDF,oBACA,gBRlDE,sBQoDF,kBACA,iBACA,sCAEA,oBfvCe,0Be4CjB,cACE,wBAGF,YACE,mBACA,iBACA,cAIJ,oBACE,kBACA,yBACA,sBACA,WACA,YACA,cACA,kBACA,SACA,kBACA,sBACA,gBACA,mBACA,cACA,uBAEA,iBACE,qBAGF,oBfpFY,8EeyFZ,oBAGE,iBACA,gCAGF,mBACE,SACA,wCAGF,mBAEE,eAIJ,oBACE,WACA,gBACA,cACA,cAGF,aACE,qBACA,oBAEA,cACE,eAIJ,eACE,mBACA,cfhHc,aeoHhB,cACE,uBACA,UACA,SACA,SACA,cfzHc,0Be2Hd,kBACA,mBAEA,oBACE,sCAGF,kCAEE,eAIJ,WACE,eACA,kBACA,eACA,6BAIJ,yBACE,gCAEA,YACE,2CAGF,yBACE,aACA,aACA,mBACA,mGAEA,YAEE,+GAEA,oBfrKe,sDe2KnB,cACE,gBACA,iBACA,YACA,oBACA,cf3KkB,sCe8KlB,gCAGF,YACE,mBACA,8CAEA,aACE,wBACA,iBACA,oCAIJ,uBACE,CADF,oBACE,CADF,eACE,sBACA,eACA,WftNI,qBewNJ,WACA,UACA,oBACA,qXACA,sBACA,kBACA,CACA,yBACA,mDAGF,UACE,cAIJ,aflNkB,qBeqNhB,+BACE,6BAEA,8BACE,eChPN,k1BACE,aACA,sBACA,aACA,UACA,yBAGF,YACE,OACA,sBACA,yBACA,2BAEA,MACE,iBACA,qCAIJ,gBACE,YACE,cCtBJ,cACE,qBACA,WjBDM,2BiBIN,qBAEE,iBACA,+BAGF,WACE,iBAIJ,sBACE,6BAEA,uBACE,2BACA,4BACA,mBjBlBiB,4BiBsBnB,oBACE,8BACA,+BACA,aACA,qBAIJ,YACE,8BACA,cACA,cjBjCmB,ciBmCnB,oBAGF,iBACE,OACA,kBACA,iBACA,gBACA,8BACA,eACA,0BAEA,aACE,6BAIJ,ajBrCqB,mCiBwCnB,aACE,oDAGF,WACE,wBAIJ,iBACE,YACA,OACA,WACA,WACA,yBjBtDmB,uBiB2DnB,oBACE,WACA,eACA,yBAGF,iBACE,gBACA,oBAIJ,iBACE,aACA,gBACA,kBACA,gBV5FM,sBU8FN,sGAEA,mCAEE,oBAKF,2BACA,gBVxGM,0BU2GN,cACE,gBACA,gBACA,oBACA,cACA,WACA,6BACA,WjBnHI,yBiBqHJ,kBACA,4CAEA,QACE,2GAGF,mBAGE,wCAKN,cACE,6CAEA,SACE,kBACA,kBACA,qDAGF,SACE,WACA,kBACA,MACA,OACA,WACA,YACA,mCACA,mBACA,4BAIJ,SACE,kBACA,wBACA,gBACA,MACA,iCAEA,aACE,WACA,gBACA,gBACA,gBVpKI,mBUyKR,iBACE,qBACA,YACA,wBAEA,UACE,YACA,wBAIJ,cACE,kBACA,iBACA,cjB7JiB,mDiBgKjB,YACE,qDAGF,eACE,uDAGF,YACE,qBAIJ,YACE,YCrMF,qBACE,iBANc,cAQd,kBACA,sCAEA,WANF,UAOI,eACA,mBAIJ,iDACE,eACA,gBACA,gBACA,qBACA,clBlBmB,oBkBqBnB,alBNmB,0BkBQjB,6EAEA,oBAGE,wCAIJ,alBhCmB,oBkBqCnB,YACE,oBACA,+BAEA,eACE,yBAIJ,eACE,clB/CiB,qBkBmDnB,iBACE,clBpDiB,uBkBwDnB,eACE,mBACA,kBACA,kBACA,yHAGF,4CAME,mBACA,oBACA,gBACA,clBxEiB,qBkB4EnB,aACE,qBAGF,gBACE,qBAGF,eACE,qBAGF,gBACE,yCAGF,aAEE,qBAGF,eACE,qBAGF,kBACE,yCAMA,iBACA,iBACA,yDAEA,2BACE,yDAGF,2BACE,qBAIJ,UACE,SACA,SACA,gCACA,eACA,4BAEA,UACE,SACA,wBAIJ,UACE,yBACA,8BACA,CADA,iBACA,gBACA,mBACA,iEAEA,+BAEE,cACA,kBACA,gBACA,gBACA,clBnJe,iCkBuJjB,uBACE,gBACA,gBACA,clBvIY,qDkB2Id,WAEE,iBACA,kBACA,qBACA,mEAEA,SACE,kBACA,iFAEA,gBACE,kBACA,6EAGF,iBACE,SACA,UACA,mBACA,gBACA,uBACA,+BAMR,YACE,oBAIJ,kBACE,eACA,mCAEA,iBACE,oBACA,8BAGF,YACE,8BACA,eACA,6BAGF,UACE,kDACA,eACA,iBACA,WlBrNI,iBkBuNJ,kBACA,qEAEA,aAEE,6CAIA,alB7Ne,oCkBkOjB,4CACE,gBACA,eACA,iBACA,qCAGF,4BA3BF,iBA4BI,4BAIJ,iBACE,YACA,sBACA,mBACA,CACA,sBACA,0BACA,QACA,aACA,yCAEA,4CACE,eACA,iBACA,gBACA,clB7Pe,mBkB+Pf,mBACA,gCACA,uBACA,mBACA,gBACA,wFAEA,eAEE,cACA,2CAGF,oBACE,2BAKN,iBACE,mCAEA,UACE,YACA,CACA,kBACA,uCAEA,aACE,WACA,YACA,mBACA,iCAIJ,cACE,mCAEA,aACE,WlB1SA,qBkB4SA,uDAGE,yBACE,2CAKN,aACE,clBnTa,kCkB2TnB,iDAEE,CACA,eACA,eACA,iBACA,mBACA,clBlUiB,sCkBqUjB,alBtTiB,0BkBwTf,kBAIJ,cACE,SACA,UACA,gBACA,uBACA,oBACA,kBACA,oBACA,cACA,kBAGF,4CACE,eACA,iBACA,gBACA,mBACA,clB5ViB,wBkB+VjB,iDACE,cACA,eACA,gBACA,cACA,kBAIJ,4CACE,eACA,iBACA,gBACA,mBACA,clB7WiB,kBkBkXjB,clBlXiB,mCkBiXnB,4CACE,CACA,gBACA,gBACA,mBACA,clBtXiB,kBkB2XjB,clB3XiB,kBkBoYjB,clBpYiB,mCkBmYnB,4CACE,CACA,gBACA,gBACA,mBACA,clBxYiB,kBkB6YjB,clB7YiB,mCkBqZnB,gBAEE,mDAEA,2BACE,mDAGF,2BACE,kBAIJ,eACE,kBAGF,kBACE,yCAGF,cAEE,kBAGF,UACE,SACA,SACA,6CACA,cACA,yBAEA,UACE,SACA,iDAIJ,YAEE,+BAGF,kBlB/bwB,kBkBictB,kBACA,gBACA,sBACA,oCAEA,UACE,aACA,2BACA,iBACA,8BACA,mBACA,uDAGF,YACE,yBACA,qBACA,mFAEA,aACE,eACA,qCAGF,sDAVF,UAWI,8BACA,6CAIJ,MACE,sBACA,qCAEA,2CAJF,YAKI,sBAKN,iBACE,yBAEA,WACE,WACA,uBACA,4BAIJ,iBACE,mBACA,uCAEA,eACE,mCAGF,eACE,cACA,qCAGF,eACE,UACA,mDAEA,kBACE,aACA,iBACA,0FAKE,oBACE,gFAIJ,cACE,qDAIJ,aACE,cACA,6CAGF,UACE,YACA,0BACA,mDAGF,cACE,4DAEA,cACE,qCAKN,oCACE,eACE,sCAIJ,2BA7DF,iBA8DI,mFAIJ,qBAGE,mBlBxjBsB,kBkB0jBtB,kCACA,uBAGF,YACE,kBACA,WACA,YACA,2BAEA,YACE,WACA,uCAKF,YACE,eACA,mBACA,mBACA,qCAGF,sCACE,kBACE,uCAIJ,alB1lBiB,qCkB8lBjB,eACE,WlBlmBE,gBkBomBF,ClBjmBe,yFkBsmBb,alBtmBa,+CkB4mBjB,eACE,qBAIJ,kBACE,yBAEA,aACE,SACA,eACA,YACA,kBACA,qCAIJ,gDAEI,kBACE,yCAGF,eACE,gBACA,WACA,kBACA,uDAEA,iBACE,sCAMR,8BACE,aACE,uCAEA,gBACE,sDAGF,kBACE,6EAIJ,aAEE,qBAIJ,WACE,UAIJ,mBACE,qCAEA,SAHF,eAII,kBAGF,YACE,uBACA,mBACA,aACA,qBAEA,SlBxrBI,YkB0rBF,qCAGF,gBAXF,SAYI,mBACA,sBAIJ,eACE,uBACA,gBACA,gBACA,uBAGF,eACE,gBACA,0BAEA,YACE,yBACA,gBACA,eACA,clB/sBe,6BkBmtBjB,eACE,iBACA,+BAGF,kBlBttBsB,akBwtBpB,0BACA,aACA,uCAEA,YACE,gCAIJ,cACE,gBACA,uDAEA,YACE,mBACA,iDAGF,UACE,YACA,0BACA,gCAIJ,YACE,uCAEA,4CACE,eACA,gBACA,cACA,qCAGF,cACE,clB9vBa,uFkBowBnB,eACE,cASA,ClB9wBiB,2CkB2wBjB,iBACA,CACA,kBACA,gBAGF,eACE,cACA,aACA,kDACA,cACA,qCAEA,eAPF,oCAQI,cACA,8BAEA,UACE,aACA,sBACA,0CAEA,OACE,cACA,2CAGF,YACE,mBACA,QACA,cACA,qCAIJ,UACE,2BAGF,eACE,sCAIJ,eAtCF,UAuCI,6BAEA,aACE,gBACA,gBACA,2GAEA,eAGE,uFAIJ,+BAGE,2BAGF,YACE,gCAEA,eACE,qEAEA,eAEE,gBACA,2CAGF,eACE,SAQZ,iBACE,qBACA,iBAGF,aACE,kBACA,aACA,UACA,YACA,clB91BiB,qBkBg2BjB,eACA,qCAEA,gBAVF,eAWI,WACA,gBACA,clBh2Bc,SmBvBlB,UACE,eACA,iBACA,yBACA,qBAEA,WAEE,iBACA,mBACA,6BACA,gBACA,mBACA,oBAGF,qBACE,gCACA,aACA,gBACA,oBAGF,eACE,qEAGF,kBnBrBwB,UmB0BxB,anBbmB,0BmBejB,gBAEA,oBACE,eAIJ,eACE,CAII,4HADF,eACE,+FAOF,sBAEE,yFAKF,YAEE,gCAMJ,kBnB9DsB,6BmBgEpB,gCACA,4CAEA,qBACE,8BACA,2CAGF,uBACE,+BACA,0BAKN,qBACE,gBAIJ,aACE,mBACA,MAGF,+CACE,0BAGF,sBACE,SACA,aACA,8CAGF,oBAEE,qBACA,iBACA,eACA,cnB1GmB,gBmB4GnB,0DAEA,UnBjHM,wDmBqHN,eACE,iBACA,sEAGF,cACE,yCAKF,YAEE,yDAEA,qBACE,iBACA,eACA,gBACA,qEAEA,cACE,2EAGF,YACE,mBACA,uFAEA,YACE,qHAOJ,sBACA,cACA,uBAIJ,wBACE,mBnB5JsB,sBmB8JtB,YACA,mBACA,gCAEA,gBACE,mBACA,oBAIJ,YACE,yBACA,aACA,mBnB3KsB,gCmB8KtB,aACE,gBACA,mBAIJ,wBACE,aACA,mBACA,qCAEA,wCACE,4BACE,0BAIJ,kBACE,iCAGF,kBnBnMsB,uCmBsMpB,kBACE,4BAIJ,gBACE,oBACA,sCAEA,SACE,wCAGF,YACE,mBACA,mCAGF,aACE,aACA,uBACA,mBACA,kBACA,6CAEA,UACE,YACA,kCAIJ,aACE,mCAGF,aACE,iBACA,cnB7Oa,gBmB+Ob,mCAIJ,QACE,WACA,qCAEA,sBACE,gBACA,qCAOJ,4FAFF,YAGI,gCAIJ,aACE,uCAEA,iBACE,sCAGF,eACE,4BAIJ,wBACE,aACA,gBACA,qCAEA,2BALF,4BAMI,sCAIJ,+CACE,YACE,iBC7RN,YACE,uBACA,WACA,iBACA,iCAEA,gBACE,gBACA,oBACA,cACA,wCAEA,YACE,yBACA,mBpBZoB,YoBcpB,yBAIJ,WAvBc,UAyBZ,oBACA,iCAEA,YACE,mBACA,YACA,uCAEA,aACE,yCAEA,oBACE,aACA,2CAGF,SpBzCA,YoB2CE,kBACA,YACA,uCAIJ,aACE,cpB/Ca,qBoBiDb,cACA,eACA,aACA,0HAIA,kBAGE,+BAKN,aACE,iBACA,YACA,aACA,qCAGF,sCACE,YACE,6BAIJ,eACE,0BACA,gBACA,mBACA,qCAEA,2BANF,eAOI,+BAGF,aACE,aACA,cpBzFa,qBoB2Fb,0BACA,2CACA,0BACA,mBACA,gBACA,uBACA,mCAEA,gBACE,oCAGF,UpB1GA,yBoB4GE,0BACA,2CACA,uCAGF,kBACE,sBACA,+BAIJ,kBACE,wBACA,SACA,iCAEA,QACE,kBACA,6DAIJ,UpBlIE,yBAkBa,gBoBmHb,gBACA,mEAEA,wBACE,6DAKN,yBACE,iCAIJ,qBACE,WACA,gBApJY,cAsJZ,sCAGF,uCACE,YACE,iCAGF,WA/JY,cAiKV,sCAIJ,gCACE,UACE,0BAMF,2BACA,qCAEA,wBALF,cAMI,CACA,sBACA,kCAGF,YACE,oBAEA,gCACA,0BAEA,eAEA,mBACA,8BACA,mCAEA,eACE,kBACA,yCAGF,mBACE,4DAEA,eACE,qCAIJ,gCAzBF,eA0BI,iBACA,6BAIJ,apBlNiB,eoBoNf,iBACA,gBACA,qCAEA,2BANF,eAOI,6BAIJ,apB7NiB,eoB+Nf,iBACA,gBACA,mBACA,4BAGF,wBACE,eACA,gBACA,cpBxOe,mBoB0Of,kBACA,gCACA,4BAGF,cACE,cpBhPe,iBoBkPf,gBACA,0CAGF,UpBzPI,gBoB2PF,uFAGF,eAEE,gEAGF,aACE,4CAGF,cACE,gBACA,WpBzQE,oBoB2QF,iBACA,gBACA,gBACA,2BAGF,cACE,iBACA,cpBhRe,mBoBkRf,kCAEA,UpBvRE,gBoByRA,CAII,2NADF,eACE,4BAMR,UACE,SACA,SACA,6CACA,cACA,mCAEA,UACE,SACA,qCAKN,eA9SF,aA+SI,iCAEA,YACE,yBAGF,UACE,UACA,YACA,iCAEA,YACE,4BAGF,YACE,8DAGF,eAEE,gCACA,gBACA,0EAEA,eACE,+BAIJ,eACE,6DAGF,2BpBlUe,YoByUrB,UACE,SACA,cACA,WACA,sDAKA,apBjWmB,0DoBoWjB,apBrViB,4DoB0VnB,apBnWc,gBoBqWZ,4DAGF,ab9WU,gBagXR,0DAGF,apBhWgB,gBoBkWd,0DAGF,abtXU,gBawXR,UAIJ,YACE,eACA,yBAEA,aACE,qBACA,oCAEA,kBACE,4BAGF,cACE,gBACA,+BAEA,oBACE,iBACA,gCAIJ,eACE,yBACA,eACA,CAII,iNADF,eACE,6CAKN,aACE,mBACA,2BAGF,oBACE,cpBtae,qBoBwaf,yBACA,eACA,gBACA,gCACA,iCAEA,UpBjbE,gCoBmbA,oCAGF,apBpae,gCoBsab,CAkBJ,gBAIJ,aACE,iBACA,eACA,sBAGF,aACE,eACA,cACA,wBAEA,aACE,kBAIJ,YACE,eACA,mBACA,wBAGF,YACE,WACA,sBACA,aACA,+BAEA,aACE,qBACA,gBACA,eACA,iBACA,cpB5eiB,CoBifb,4MADF,eACE,sCAKN,aACE,gCAIJ,YAEE,mBACA,kEAEA,UACE,kBACA,4BACA,gFAEA,iBACE,kDAKN,aAEE,aACA,sBACA,4EAEA,cACE,WACA,kBACA,mBACA,uEAIJ,cAEE,iBAGF,YACE,eACA,kBACA,2CAEA,kBACE,eACA,8BAGF,kBACE,+CAGF,gBACE,uDAEA,gBACE,mBACA,YACA,YAKN,kBACE,eACA,cAEA,apB5iBmB,qBoB8iBjB,oBAEA,yBACE,SAKN,aACE,YAGF,gBACE,eACA,mBpBzkBwB,gCoB2kBxB,uBAEA,eACE,oBAGF,YACE,2BACA,mBACA,cpBtlBiB,eoBwlBjB,eACA,oBAGF,iBACE,4BAEA,aACE,SACA,kBACA,WACA,YACA,qBAIJ,2BACE,mBAGF,oBACE,uBAGF,apB7lBgB,sDoBimBhB,apBpnBmB,qBoBwnBjB,gBACA,yDAIJ,oBAIE,cpBjoBmB,iGoBooBnB,eACE,yIAIA,4BACE,cACA,iIAGF,8BACE,CADF,sBACE,WACA,sBAKN,YAEE,mBACA,sCAEA,aACE,CACA,gBACA,kBACA,0DAIA,8BACE,CADF,sBACE,WACA,gBAKN,kBACE,8BACA,yBAEA,yBpBvqBc,yBoB2qBd,yBACE,wBAGF,yBbnrBU,wBawrBR,2BACA,eACA,iBACA,4BACA,kBACA,gBACA,0BAEA,apBlsBiB,uBoBwsBjB,wBACA,qBAGF,apBzrBgB,coB8rBlB,kBpB/sB0B,kBoBitBxB,mBACA,uBAEA,YACE,8BACA,mBACA,aACA,gCAEA,SACE,SACA,gDAEA,aACE,8BAIJ,aACE,gBACA,cpBvuBe,yBoByuBf,iBACA,gCAEA,aACE,qBACA,iHAEA,aAGE,mCAIJ,abvvBM,6Ba8vBR,YACE,2BACA,6BACA,mCAEA,kBACE,gFAGF,YAEE,cACA,sBACA,YACA,cpB5wBa,mLoB+wBb,kBAEE,gBACA,uBACA,sCAIJ,aACE,6BACA,4CAEA,apBxwBU,iBoB0wBR,gBACA,wCAIJ,aACE,sBACA,WACA,aACA,qBACA,cpBvyBa,WoB8yBrB,kBAGE,0BAFA,eACA,uBASA,CARA,eAGF,oBACE,gBACA,CAEA,qBACA,oBAGF,YACE,eACA,CACA,kBACA,wBAEA,qBACE,cACA,mBACA,aACA,0FAGF,kBAEE,kBACA,YACA,6CAGF,QACE,SACA,+CAEA,aACE,sEAGF,uBACE,yDAGF,apBt1BY,8CoB21Bd,qBACE,aACA,WpBt2BI,coB22BR,iBACE,qBAGF,wBACE,kBACA,2BAEA,cACE,mBpB/2BsB,gCoBi3BtB,kCAEA,cACE,cACA,gBACA,eACA,gBACA,cpB13Be,qBoB43Bf,mBACA,uHAEA,UpBl4BE,iCoBy4BJ,cACE,cpBp3BY,uCoBw3Bd,YACE,8BACA,mBACA,sCAGF,eACE,sBCt5BN,YACE,eACA,CACA,kBACA,0BAEA,qBACE,iBACA,cACA,mBACA,yDAEA,YAEE,mBACA,kBACA,sBACA,YACA,4BAGF,oBACE,cACA,cACA,qGAEA,kBAGE,sDAKN,iBAEE,gBACA,eACA,iBACA,WrBtCI,6CqBwCJ,mBACA,iBACA,4BAGF,cACE,6BAGF,cACE,crB/CiB,kBqBiDjB,gBACA,qBAIJ,YACE,eACA,cACA,yBAEA,gBACE,mBACA,6BAEA,aACE,sCAIJ,arBpEmB,gBqBsEjB,qBACA,UC3EJ,aACE,gCAEA,gBACE,eACA,mBACA,+BAGF,cACE,iBACA,8CAGF,aACE,kBACA,wBAGF,gBACE,iCAGF,aACE,kBACA,uCAGF,oBACE,gDAGF,SACE,YACA,8BAGF,cACE,iBACA,mEAGF,aACE,kBACA,2DAGF,cAEE,gBACA,mFAGF,cACE,gBACA,mCAGF,aACE,iBACA,yBAGF,kBACE,kBACA,4BAGF,UACE,UACA,wBAGF,aACE,kCAGF,MACE,WACA,cACA,mBACA,2CAGF,aACE,iBACA,0CAGF,gBACE,eACA,mCAGF,WACE,sCAGF,gBACE,gBACA,yCAGF,UACE,iCAGF,aACE,iBACA,0BAGF,SACE,WACA,0DAGF,iBAEE,mBACA,4GAGF,iBAEE,gBACA,uCAGF,kBACE,eACA,2BAGF,aACE,kBACA,wCAGF,SACE,YACA,yDAGF,SACE,WACA,CAKA,oFAGF,UACE,OACA,uGAGF,UAEE,uCAIA,cACE,iBACA,kEAEA,cACE,gBACA,qCAKN,WACE,eACA,iBACA,uCAGF,WACE,sCAGF,aACE,kBACA,0CAGF,gBACE,eACA,uDAGF,gBACE,2CAGF,cACE,iBACA,YACA,yEAGF,aAEE,iBACA,iBAGF,wBACE,iBAGF,SACE,oBACA,yBAGF,aACE,8EAGF,cAEE,gBACA,oDAGF,cACE,mBACA,gEAGF,iBACE,gBACA,CAMA,8KAGF,SACE,QACA,yDAGF,kBACE,eACA,uDAGF,kBACE,gBACA,qDAGF,SACE,QACA,8FAGF,cAEE,mBACA,4CAGF,UACE,SACA,kDAEA,UACE,OACA,qEACA,8BAIJ,sXACE,uCAGF,gBAEE,kCAGF,cACE,iBACA,gDAGF,UACE,UACA,gEAGF,aACE,uDAGF,WACE,WACA,uDAGF,UACE,WACA,uDAGF,UACE,WACA,kDAGF,MACE,0CAGF,iBACE,yBACA,qDAGF,cACE,iBACA,qCAGF,kCACE,gBAEE,kBACA,2DAEA,gBACE,mBACA,uEAKF,gBAEE,kBACA,gFAKN,cAEE,gBACA,6CAKE,eACE,eACA,sDAIJ,aACE,kBACA,4DAKF,cACE,gBACA,8DAGF,gBACE,eACA,mCAIJ,aACE,kBACA,iBACA,kCAGF,WACE,mCAGF,WACE,oCAGF,cACE,gBACA,gFAGF,cACE,mBACA,+DAGF,SACE,QACA,kkEC7ZJ,kIACE,CADF,sIACE,qBACA,MCDF,6CACE,CjBFM,qCiBSN,UjBTM,sDiBcR,wBAEE,sMAEA,UjBlBM,gGiB0BR,ejB1BQ,yBiBgCN,aACA,uBAGF,kBACE,oCAGF,ejBxCQ,gCiB2CN,8BAGF,sBACE,iBACA,kBACA,qCAGF,wBAEE,oCAGF,ejBzDQ,yBiB4DN,qCAEA,mCALF,YAMI,+DAGF,SACE,QACA,gIAIJ,ejBxEQ,+BiBgFR,axB/DqB,8GwBkEnB,axBlEmB,gBOjBb,gDiB2FR,iBjB3FQ,4BiB+FR,axB7FqB,0BwB+FnB,iIAGF,aAIE,6cAEA,UxB3GM,oBwBkHR,kBACE,gCACA,wDAKA,ejBxHM,gCiB0HJ,4MAEA,kBxBxHsB,kCwBgI1B,4BACE,gCACA,qCAEA,iCAJF,YAKI,uUAIJ,wBAYE,qCAIA,eADF,YAEI,gBACA,sCAIJ,YACE,gBACA,oCAGF,oXACE,uEAGF,wBAEE,2BAGF,wBACE,aACA,8CAGF,kBxBlL0B,yBwBoLxB,aACA,gCAGF,ejB5LQ,yBiB+LN,0BAGF,o1BACE,oFAME,aACE,6QAEA,UjB5ME,gFiBmNJ,aACE,2GAEA,aACE,CAHF,iGAEA,aACE,CAHF,qGAEA,aACE,CAHF,4FAEA,aACE,CAMJ,8FAGF,kBACE,yPAIA,kBAIE,iBAKN,oBACE,6BAEA,kBACE,0BAIJ,+BACE,qBxBnPwB,kBwBwP1B,kBxBxP0B,uBwB4P1B,kBACE,wCAGF,kBACE,+CAGF,ejBxQQ,0GiB8QR,kBxB1Q0B,sHwB8QxB,kBACE,uCAKJ,kBxBpR0B,uEwByR1B,UjB7RQ,0BiBiSR,wBxB7R0B,gBwBkS1B,ejBtSQ,4BiB0SJ,sBjB1SI,2BiB8SJ,qBjB9SI,8BiBkTJ,wBjBlTI,6BiBsTJ,uBjBtTI,wBiB4TJ,ejB5TI,cPEa,85BwBkUrB,UjBpUQ,2BiB4VR,2BACE,uNAIF,ejBjWQ,yBiB6WN,wBAGF,0BACE,0BAGF,wBACE,mCAGF,kBACE,yBACA,aACA,8BAGF,UjB9XQ,6JiBkYR,kBAME,+2DAIE,qBAGE,qBAKN,ejBpZQ,yDiBwZR,ejBxZQ,yBiB0ZN,+DAEA,oBACE,gBjB7ZI,qBiBkaR,kBxBhaqB,sEwBoarB,kBACE,4FAGF,kBACE,uCAIF,UxBhbQ,gBOCA,WiBqbR,ejBrbQ,yBiBubN,gBACA,qCAEA,UALF,YAMI,kBAGF,mBACE,wBACA,4BACA,oEAEA,kBxB/bsB,yFwBscpB,sBAGE,4BxB5ba,uBwBocrB,exBrdQ,4BwBudN,kMAGF,ejB1dQ,yBiBoeN,qCAEA,iMAZF,aAaI,eACA,aACA,8BAIJ,YACE,gBACA,oLASE,oBACE,+BAKN,ejB9fQ,yBiBggBN,aACA,qCAEA,8BALF,QAMI,kBAIJ,axBtgBqB,0EwB2gBnB,kBxBzgBwB,qCwB+gBxB,kBAPF,QAQI,sDAIJ,oBxBvgBqB,mVwB2gBnB,UjB5hBM,mMiBoiBN,kBxBnhBmB,oEwB2hBnB,oBAGE,kBAIJ,wBACE,8BAEA,YACE,yBAGF,exB1jBM,0HwB6jBJ,2BAGE,CxBjkBE,oGwB2kBF,UxB3kBE,0DwBqlBF,axBllBe,2CwBwlBf,UxB3lBE,6CwBgmBJ,axB7lBiB,6DwBimBjB,UxBpmBI,4CwB4mBN,eACE,8BACA,iBACA,oDxB7lBiB,awBmmBjB,yFAHF,oBxBhmBmB,qCwBymBnB,CxBzmBmB,2HwBmnBnB,axBnnBmB,qBwBwnBrB,UjBzoBQ,yBiB4oBN,SjB5oBM,2CiBkpBN,wBACE,qCAEA,0CAHF,YAII,kGAIJ,eAGE,sEAGF,exBhqBM,yBwBmqBJ,wBAGF,kBxBlqBwB,yBwBoqBtB,qCAEA,uBAJF,QAKI,+GAIA,kBAGE,8CAMJ,kBACE,oDAEA,eACE,mDAKF,exBjsBE,yBwBmsBA,aACA,wDAGF,iBxBvsBE,qCwB2sBF,2CAXF,exBhsBI,yBwB6sBA,aACA,kHAMA,UjBptBA,qCiBwtBE,gHAJF,UxBrtBA,mEwBiuBF,QACE,2FAGF,oBACE,yFAMR,yCAEE,0PAGF,eAaE,sKAGF,UxBjwBQ,0D","file":"skins/vanilla/mastodon-light/common.css","sourcesContent":["html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:\"\";content:none}table{border-collapse:collapse;border-spacing:0}html{scrollbar-color:#ccd7e0 rgba(255,255,255,.1)}::-webkit-scrollbar{width:12px;height:12px}::-webkit-scrollbar-thumb{background:#ccd7e0;border:0px none #fff;border-radius:50px}::-webkit-scrollbar-thumb:hover{background:#c6d2dc}::-webkit-scrollbar-thumb:active{background:#ccd7e0}::-webkit-scrollbar-track{border:0px none #fff;border-radius:0;background:rgba(255,255,255,.1)}::-webkit-scrollbar-track:hover{background:#d9e1e8}::-webkit-scrollbar-track:active{background:#d9e1e8}::-webkit-scrollbar-corner{background:transparent}body{font-family:\"mastodon-font-sans-serif\",sans-serif;background:#eff3f5;font-size:13px;line-height:18px;font-weight:400;color:#000;text-rendering:optimizelegibility;font-feature-settings:\"kern\";text-size-adjust:none;-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-tap-highlight-color:transparent}body.system-font{font-family:system-ui,-apple-system,BlinkMacSystemFont,\"Segoe UI\",\"Oxygen\",\"Ubuntu\",\"Cantarell\",\"Fira Sans\",\"Droid Sans\",\"Helvetica Neue\",\"mastodon-font-sans-serif\",sans-serif}body.app-body{padding:0}body.app-body.layout-single-column{height:auto;min-height:100vh;overflow-y:scroll}body.app-body.layout-multiple-columns{position:absolute;width:100%;height:100%}body.app-body.with-modals--active{overflow-y:hidden}body.lighter{background:#d9e1e8}body.with-modals{overflow-x:hidden;overflow-y:scroll}body.with-modals--active{overflow-y:hidden}body.player{text-align:center}body.embed{background:#ccd7e0;margin:0;padding-bottom:0}body.embed .container{position:absolute;width:100%;height:100%;overflow:hidden}body.admin{background:#e6ebf0;padding:0}body.error{position:absolute;text-align:center;color:#282c37;background:#d9e1e8;width:100%;height:100%;padding:0;display:flex;justify-content:center;align-items:center}body.error .dialog{vertical-align:middle;margin:20px}body.error .dialog__illustration img{display:block;max-width:470px;width:100%;height:auto;margin-top:-120px}body.error .dialog h1{font-size:20px;line-height:28px;font-weight:400}button{font-family:inherit;cursor:pointer}button:focus{outline:none}.app-holder,.app-holder>div,.app-holder>noscript{display:flex;width:100%;align-items:center;justify-content:center;outline:0 !important}.app-holder>noscript{height:100vh}.layout-single-column .app-holder,.layout-single-column .app-holder>div{min-height:100vh}.layout-multiple-columns .app-holder,.layout-multiple-columns .app-holder>div{height:100%}.error-boundary,.app-holder noscript{flex-direction:column;font-size:16px;font-weight:400;line-height:1.7;color:#dc2f4b;text-align:center}.error-boundary>div,.app-holder noscript>div{max-width:500px}.error-boundary p,.app-holder noscript p{margin-bottom:.85em}.error-boundary p:last-child,.app-holder noscript p:last-child{margin-bottom:0}.error-boundary a,.app-holder noscript a{color:#2b90d9}.error-boundary a:hover,.error-boundary a:focus,.error-boundary a:active,.app-holder noscript a:hover,.app-holder noscript a:focus,.app-holder noscript a:active{text-decoration:none}.error-boundary__footer,.app-holder noscript__footer{color:#444b5d;font-size:13px}.error-boundary__footer a,.app-holder noscript__footer a{color:#444b5d}.error-boundary button,.app-holder noscript button{display:inline;border:0;background:transparent;color:#444b5d;font:inherit;padding:0;margin:0;line-height:inherit;cursor:pointer;outline:0;transition:color 300ms linear;text-decoration:underline}.error-boundary button:hover,.error-boundary button:focus,.error-boundary button:active,.app-holder noscript button:hover,.app-holder noscript button:focus,.app-holder noscript button:active{text-decoration:none}.error-boundary button.copied,.app-holder noscript button.copied{color:#4a905f;transition:none}.container-alt{width:700px;margin:0 auto;margin-top:40px}@media screen and (max-width: 740px){.container-alt{width:100%;margin:0}}.logo-container{margin:100px auto 50px}@media screen and (max-width: 500px){.logo-container{margin:40px auto 0}}.logo-container h1{display:flex;justify-content:center;align-items:center}.logo-container h1 svg{fill:#000;height:42px;margin-right:10px}.logo-container h1 a{display:flex;justify-content:center;align-items:center;color:#000;text-decoration:none;outline:0;padding:12px 16px;line-height:32px;font-family:\"mastodon-font-display\",sans-serif;font-weight:500;font-size:14px}.compose-standalone .compose-form{width:400px;margin:0 auto;padding:20px 0;margin-top:40px;box-sizing:border-box}@media screen and (max-width: 400px){.compose-standalone .compose-form{width:100%;margin-top:0;padding:20px}}.account-header{width:400px;margin:0 auto;display:flex;font-size:13px;line-height:18px;box-sizing:border-box;padding:20px 0;padding-bottom:0;margin-bottom:-30px;margin-top:40px}@media screen and (max-width: 440px){.account-header{width:100%;margin:0;margin-bottom:10px;padding:20px;padding-bottom:0}}.account-header .avatar{width:40px;height:40px;margin-right:8px}.account-header .avatar img{width:100%;height:100%;display:block;margin:0;border-radius:4px}.account-header .name{flex:1 1 auto;color:#282c37;width:calc(100% - 88px)}.account-header .name .username{display:block;font-weight:500;text-overflow:ellipsis;overflow:hidden}.account-header .logout-link{display:block;font-size:32px;line-height:40px;margin-left:8px}.grid-3{display:grid;grid-gap:10px;grid-template-columns:3fr 1fr;grid-auto-columns:25%;grid-auto-rows:max-content}.grid-3 .column-0{grid-column:1/3;grid-row:1}.grid-3 .column-1{grid-column:1;grid-row:2}.grid-3 .column-2{grid-column:2;grid-row:2}.grid-3 .column-3{grid-column:1/3;grid-row:3}@media screen and (max-width: 415px){.grid-3{grid-gap:0;grid-template-columns:minmax(0, 100%)}.grid-3 .column-0{grid-column:1}.grid-3 .column-1{grid-column:1;grid-row:3}.grid-3 .column-2{grid-column:1;grid-row:2}.grid-3 .column-3{grid-column:1;grid-row:4}}.grid-4{display:grid;grid-gap:10px;grid-template-columns:repeat(4, minmax(0, 1fr));grid-auto-columns:25%;grid-auto-rows:max-content}.grid-4 .column-0{grid-column:1/5;grid-row:1}.grid-4 .column-1{grid-column:1/4;grid-row:2}.grid-4 .column-2{grid-column:4;grid-row:2}.grid-4 .column-3{grid-column:2/5;grid-row:3}.grid-4 .column-4{grid-column:1;grid-row:3}.grid-4 .landing-page__call-to-action{min-height:100%}.grid-4 .flash-message{margin-bottom:10px}@media screen and (max-width: 738px){.grid-4{grid-template-columns:minmax(0, 50%) minmax(0, 50%)}.grid-4 .landing-page__call-to-action{padding:20px;display:flex;align-items:center;justify-content:center}.grid-4 .row__information-board{width:100%;justify-content:center;align-items:center}.grid-4 .row__mascot{display:none}}@media screen and (max-width: 415px){.grid-4{grid-gap:0;grid-template-columns:minmax(0, 100%)}.grid-4 .column-0{grid-column:1}.grid-4 .column-1{grid-column:1;grid-row:3}.grid-4 .column-2{grid-column:1;grid-row:2}.grid-4 .column-3{grid-column:1;grid-row:5}.grid-4 .column-4{grid-column:1;grid-row:4}}@media screen and (max-width: 415px){.public-layout{padding-top:48px}}.public-layout .container{max-width:960px}@media screen and (max-width: 415px){.public-layout .container{padding:0}}.public-layout .header{background:#c0cdd9;box-shadow:0 0 15px rgba(0,0,0,.2);border-radius:4px;height:48px;margin:10px 0;display:flex;align-items:stretch;justify-content:center;flex-wrap:nowrap;overflow:hidden}@media screen and (max-width: 415px){.public-layout .header{position:fixed;width:100%;top:0;left:0;margin:0;border-radius:0;box-shadow:none;z-index:110}}.public-layout .header>div{flex:1 1 33.3%;min-height:1px}.public-layout .header .nav-left{display:flex;align-items:stretch;justify-content:flex-start;flex-wrap:nowrap}.public-layout .header .nav-center{display:flex;align-items:stretch;justify-content:center;flex-wrap:nowrap}.public-layout .header .nav-right{display:flex;align-items:stretch;justify-content:flex-end;flex-wrap:nowrap}.public-layout .header .brand{display:block;padding:15px}.public-layout .header .brand svg{display:block;height:18px;width:auto;position:relative;bottom:-2px;fill:#000}@media screen and (max-width: 415px){.public-layout .header .brand svg{height:20px}}.public-layout .header .brand:hover,.public-layout .header .brand:focus,.public-layout .header .brand:active{background:#b3c3d1}.public-layout .header .nav-link{display:flex;align-items:center;padding:0 1rem;font-size:12px;font-weight:500;text-decoration:none;color:#282c37;white-space:nowrap;text-align:center}.public-layout .header .nav-link:hover,.public-layout .header .nav-link:focus,.public-layout .header .nav-link:active{text-decoration:underline;color:#000}@media screen and (max-width: 550px){.public-layout .header .nav-link.optional{display:none}}.public-layout .header .nav-button{background:#a6b9c9;margin:8px;margin-left:0;border-radius:4px}.public-layout .header .nav-button:hover,.public-layout .header .nav-button:focus,.public-layout .header .nav-button:active{text-decoration:none;background:#99afc2}.public-layout .grid{display:grid;grid-gap:10px;grid-template-columns:minmax(300px, 3fr) minmax(298px, 1fr);grid-auto-columns:25%;grid-auto-rows:max-content}.public-layout .grid .column-0{grid-row:1;grid-column:1}.public-layout .grid .column-1{grid-row:1;grid-column:2}@media screen and (max-width: 600px){.public-layout .grid{grid-template-columns:100%;grid-gap:0}.public-layout .grid .column-1{display:none}}.public-layout .directory__card{border-radius:4px}@media screen and (max-width: 415px){.public-layout .directory__card{border-radius:0}}@media screen and (max-width: 415px){.public-layout .page-header{border-bottom:0}}.public-layout .public-account-header{overflow:hidden;margin-bottom:10px;box-shadow:0 0 15px rgba(0,0,0,.2)}.public-layout .public-account-header.inactive{opacity:.5}.public-layout .public-account-header.inactive .public-account-header__image,.public-layout .public-account-header.inactive .avatar{filter:grayscale(100%)}.public-layout .public-account-header.inactive .logo-button{background-color:#282c37}.public-layout .public-account-header__image{border-radius:4px 4px 0 0;overflow:hidden;height:300px;position:relative;background:#fff}.public-layout .public-account-header__image::after{content:\"\";display:block;position:absolute;width:100%;height:100%;box-shadow:inset 0 -1px 1px 1px rgba(0,0,0,.15);top:0;left:0}.public-layout .public-account-header__image img{object-fit:cover;display:block;width:100%;height:100%;margin:0;border-radius:4px 4px 0 0}@media screen and (max-width: 600px){.public-layout .public-account-header__image{height:200px}}.public-layout .public-account-header--no-bar{margin-bottom:0}.public-layout .public-account-header--no-bar .public-account-header__image,.public-layout .public-account-header--no-bar .public-account-header__image img{border-radius:4px}@media screen and (max-width: 415px){.public-layout .public-account-header--no-bar .public-account-header__image,.public-layout .public-account-header--no-bar .public-account-header__image img{border-radius:0}}@media screen and (max-width: 415px){.public-layout .public-account-header{margin-bottom:0;box-shadow:none}.public-layout .public-account-header__image::after{display:none}.public-layout .public-account-header__image,.public-layout .public-account-header__image img{border-radius:0}}.public-layout .public-account-header__bar{position:relative;margin-top:-80px;display:flex;justify-content:flex-start}.public-layout .public-account-header__bar::before{content:\"\";display:block;background:#ccd7e0;position:absolute;bottom:0;left:0;right:0;height:60px;border-radius:0 0 4px 4px;z-index:-1}.public-layout .public-account-header__bar .avatar{display:block;width:120px;height:120px;padding-left:16px;flex:0 0 auto}.public-layout .public-account-header__bar .avatar img{display:block;width:100%;height:100%;margin:0;border-radius:50%;border:4px solid #ccd7e0;background:#f2f5f7}@media screen and (max-width: 600px){.public-layout .public-account-header__bar{margin-top:0;background:#ccd7e0;border-radius:0 0 4px 4px;padding:5px}.public-layout .public-account-header__bar::before{display:none}.public-layout .public-account-header__bar .avatar{width:48px;height:48px;padding:7px 0;padding-left:10px}.public-layout .public-account-header__bar .avatar img{border:0;border-radius:4px}}@media screen and (max-width: 600px)and (max-width: 360px){.public-layout .public-account-header__bar .avatar{display:none}}@media screen and (max-width: 415px){.public-layout .public-account-header__bar{border-radius:0}}@media screen and (max-width: 600px){.public-layout .public-account-header__bar{flex-wrap:wrap}}.public-layout .public-account-header__tabs{flex:1 1 auto;margin-left:20px}.public-layout .public-account-header__tabs__name{padding-top:20px;padding-bottom:8px}.public-layout .public-account-header__tabs__name h1{font-size:20px;line-height:27px;color:#000;font-weight:500;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;text-shadow:1px 1px 1px #000}.public-layout .public-account-header__tabs__name h1 small{display:block;font-size:14px;color:#000;font-weight:400;overflow:hidden;text-overflow:ellipsis}@media screen and (max-width: 600px){.public-layout .public-account-header__tabs{margin-left:15px;display:flex;justify-content:space-between;align-items:center}.public-layout .public-account-header__tabs__name{padding-top:0;padding-bottom:0}.public-layout .public-account-header__tabs__name h1{font-size:16px;line-height:24px;text-shadow:none}.public-layout .public-account-header__tabs__name h1 small{color:#282c37}}.public-layout .public-account-header__tabs__tabs{display:flex;justify-content:flex-start;align-items:stretch;height:58px}.public-layout .public-account-header__tabs__tabs .details-counters{display:flex;flex-direction:row;min-width:300px}@media screen and (max-width: 600px){.public-layout .public-account-header__tabs__tabs .details-counters{display:none}}.public-layout .public-account-header__tabs__tabs .counter{min-width:33.3%;box-sizing:border-box;flex:0 0 auto;color:#282c37;padding:10px;border-right:1px solid #ccd7e0;cursor:default;text-align:center;position:relative}.public-layout .public-account-header__tabs__tabs .counter a{display:block}.public-layout .public-account-header__tabs__tabs .counter:last-child{border-right:0}.public-layout .public-account-header__tabs__tabs .counter::after{display:block;content:\"\";position:absolute;bottom:0;left:0;width:100%;border-bottom:4px solid #9bcbed;opacity:.5;transition:all 400ms ease}.public-layout .public-account-header__tabs__tabs .counter.active::after{border-bottom:4px solid #2b90d9;opacity:1}.public-layout .public-account-header__tabs__tabs .counter.active.inactive::after{border-bottom-color:#282c37}.public-layout .public-account-header__tabs__tabs .counter:hover::after{opacity:1;transition-duration:100ms}.public-layout .public-account-header__tabs__tabs .counter a{text-decoration:none;color:inherit}.public-layout .public-account-header__tabs__tabs .counter .counter-label{font-size:12px;display:block}.public-layout .public-account-header__tabs__tabs .counter .counter-number{font-weight:500;font-size:18px;margin-bottom:5px;color:#000;font-family:\"mastodon-font-display\",sans-serif}.public-layout .public-account-header__tabs__tabs .spacer{flex:1 1 auto;height:1px}.public-layout .public-account-header__tabs__tabs__buttons{padding:7px 8px}.public-layout .public-account-header__extra{display:none;margin-top:4px}.public-layout .public-account-header__extra .public-account-bio{border-radius:0;box-shadow:none;background:transparent;margin:0 -5px}.public-layout .public-account-header__extra .public-account-bio .account__header__fields{border-top:1px solid #b3c3d1}.public-layout .public-account-header__extra .public-account-bio .roles{display:none}.public-layout .public-account-header__extra__links{margin-top:-15px;font-size:14px;color:#282c37}.public-layout .public-account-header__extra__links a{display:inline-block;color:#282c37;text-decoration:none;padding:15px;font-weight:500}.public-layout .public-account-header__extra__links a strong{font-weight:700;color:#000}@media screen and (max-width: 600px){.public-layout .public-account-header__extra{display:block;flex:100%}}.public-layout .account__section-headline{border-radius:4px 4px 0 0}@media screen and (max-width: 415px){.public-layout .account__section-headline{border-radius:0}}.public-layout .detailed-status__meta{margin-top:25px}.public-layout .public-account-bio{background:#c0cdd9;box-shadow:0 0 15px rgba(0,0,0,.2);border-radius:4px;overflow:hidden;margin-bottom:10px}@media screen and (max-width: 415px){.public-layout .public-account-bio{box-shadow:none;margin-bottom:0;border-radius:0}}.public-layout .public-account-bio .account__header__fields{margin:0;border-top:0}.public-layout .public-account-bio .account__header__fields a{color:#217aba}.public-layout .public-account-bio .account__header__fields dl:first-child .verified{border-radius:0 4px 0 0}.public-layout .public-account-bio .account__header__fields .verified a{color:#4a905f}.public-layout .public-account-bio .account__header__content{padding:20px;padding-bottom:0;color:#000}.public-layout .public-account-bio__extra,.public-layout .public-account-bio .roles{padding:20px;font-size:14px;color:#282c37}.public-layout .public-account-bio .roles{padding-bottom:0}.public-layout .directory__list{display:grid;grid-gap:10px;grid-template-columns:minmax(0, 50%) minmax(0, 50%)}@media screen and (max-width: 415px){.public-layout .directory__list{display:block}}.public-layout .directory__list .icon-button{font-size:18px}.public-layout .directory__card{margin-bottom:0}.public-layout .card-grid{display:flex;flex-wrap:wrap;min-width:100%;margin:0 -5px}.public-layout .card-grid>div{box-sizing:border-box;flex:1 0 auto;width:300px;padding:0 5px;margin-bottom:10px;max-width:33.333%}@media screen and (max-width: 900px){.public-layout .card-grid>div{max-width:50%}}@media screen and (max-width: 600px){.public-layout .card-grid>div{max-width:100%}}@media screen and (max-width: 415px){.public-layout .card-grid{margin:0;border-top:1px solid #c0cdd9}.public-layout .card-grid>div{width:100%;padding:0;margin-bottom:0;border-bottom:1px solid #c0cdd9}.public-layout .card-grid>div:last-child{border-bottom:0}.public-layout .card-grid>div .card__bar{background:#d9e1e8}.public-layout .card-grid>div .card__bar:hover,.public-layout .card-grid>div .card__bar:active,.public-layout .card-grid>div .card__bar:focus{background:#ccd7e0}}.no-list{list-style:none}.no-list li{display:inline-block;margin:0 5px}.recovery-codes{list-style:none;margin:0 auto}.recovery-codes li{font-size:125%;line-height:1.5;letter-spacing:1px}.public-layout .footer{text-align:left;padding-top:20px;padding-bottom:60px;font-size:12px;color:#6d8ca7}@media screen and (max-width: 415px){.public-layout .footer{padding-left:20px;padding-right:20px}}.public-layout .footer .grid{display:grid;grid-gap:10px;grid-template-columns:1fr 1fr 2fr 1fr 1fr}.public-layout .footer .grid .column-0{grid-column:1;grid-row:1;min-width:0}.public-layout .footer .grid .column-1{grid-column:2;grid-row:1;min-width:0}.public-layout .footer .grid .column-2{grid-column:3;grid-row:1;min-width:0;text-align:center}.public-layout .footer .grid .column-2 h4 a{color:#6d8ca7}.public-layout .footer .grid .column-3{grid-column:4;grid-row:1;min-width:0}.public-layout .footer .grid .column-4{grid-column:5;grid-row:1;min-width:0}@media screen and (max-width: 690px){.public-layout .footer .grid{grid-template-columns:1fr 2fr 1fr}.public-layout .footer .grid .column-0,.public-layout .footer .grid .column-1{grid-column:1}.public-layout .footer .grid .column-1{grid-row:2}.public-layout .footer .grid .column-2{grid-column:2}.public-layout .footer .grid .column-3,.public-layout .footer .grid .column-4{grid-column:3}.public-layout .footer .grid .column-4{grid-row:2}}@media screen and (max-width: 600px){.public-layout .footer .grid .column-1{display:block}}@media screen and (max-width: 415px){.public-layout .footer .grid .column-0,.public-layout .footer .grid .column-1,.public-layout .footer .grid .column-3,.public-layout .footer .grid .column-4{display:none}}.public-layout .footer h4{text-transform:uppercase;font-weight:700;margin-bottom:8px;color:#282c37}.public-layout .footer h4 a{color:inherit;text-decoration:none}.public-layout .footer ul a{text-decoration:none;color:#6d8ca7}.public-layout .footer ul a:hover,.public-layout .footer ul a:active,.public-layout .footer ul a:focus{text-decoration:underline}.public-layout .footer .brand svg{display:block;height:36px;width:auto;margin:0 auto;fill:#6d8ca7}.public-layout .footer .brand:hover svg,.public-layout .footer .brand:focus svg,.public-layout .footer .brand:active svg{fill:#60829f}.compact-header h1{font-size:24px;line-height:28px;color:#282c37;font-weight:500;margin-bottom:20px;padding:0 10px;word-wrap:break-word}@media screen and (max-width: 740px){.compact-header h1{text-align:center;padding:20px 10px 0}}.compact-header h1 a{color:inherit;text-decoration:none}.compact-header h1 small{font-weight:400;color:#282c37}.compact-header h1 img{display:inline-block;margin-bottom:-5px;margin-right:15px;width:36px;height:36px}.hero-widget{margin-bottom:10px;box-shadow:0 0 15px rgba(0,0,0,.2)}.hero-widget__img{width:100%;position:relative;overflow:hidden;border-radius:4px 4px 0 0;background:#000}.hero-widget__img img{object-fit:cover;display:block;width:100%;height:100%;margin:0;border-radius:4px 4px 0 0}.hero-widget__text{background:#d9e1e8;padding:20px;border-radius:0 0 4px 4px;font-size:15px;color:#282c37;line-height:20px;word-wrap:break-word;font-weight:400}.hero-widget__text .emojione{width:20px;height:20px;margin:-3px 0 0}.hero-widget__text p{margin-bottom:20px}.hero-widget__text p:last-child{margin-bottom:0}.hero-widget__text em{display:inline;margin:0;padding:0;font-weight:700;background:transparent;font-family:inherit;font-size:inherit;line-height:inherit;color:#131419}.hero-widget__text a{color:#282c37;text-decoration:none}.hero-widget__text a:hover{text-decoration:underline}@media screen and (max-width: 415px){.hero-widget{display:none}}.endorsements-widget{margin-bottom:10px;padding-bottom:10px}.endorsements-widget h4{padding:10px;text-transform:uppercase;font-weight:700;font-size:13px;color:#282c37}.endorsements-widget .account{padding:10px 0}.endorsements-widget .account:last-child{border-bottom:0}.endorsements-widget .account .account__display-name{display:flex;align-items:center}.endorsements-widget .account .account__avatar{width:44px;height:44px;background-size:44px 44px}.endorsements-widget .trends__item{padding:10px}.trends-widget h4{color:#282c37}.box-widget{padding:20px;border-radius:4px;background:#d9e1e8;box-shadow:0 0 15px rgba(0,0,0,.2)}.placeholder-widget{padding:16px;border-radius:4px;border:2px dashed #444b5d;text-align:center;color:#282c37;margin-bottom:10px}.contact-widget{min-height:100%;font-size:15px;color:#282c37;line-height:20px;word-wrap:break-word;font-weight:400;padding:0}.contact-widget h4{padding:10px;text-transform:uppercase;font-weight:700;font-size:13px;color:#282c37}.contact-widget .account{border-bottom:0;padding:10px 0;padding-top:5px}.contact-widget>a{display:inline-block;padding:10px;padding-top:0;color:#282c37;text-decoration:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.contact-widget>a:hover,.contact-widget>a:focus,.contact-widget>a:active{text-decoration:underline}.moved-account-widget{padding:15px;padding-bottom:20px;border-radius:4px;background:#d9e1e8;box-shadow:0 0 15px rgba(0,0,0,.2);color:#282c37;font-weight:400;margin-bottom:10px}.moved-account-widget strong,.moved-account-widget a{font-weight:500}.moved-account-widget strong:lang(ja),.moved-account-widget a:lang(ja){font-weight:700}.moved-account-widget strong:lang(ko),.moved-account-widget a:lang(ko){font-weight:700}.moved-account-widget strong:lang(zh-CN),.moved-account-widget a:lang(zh-CN){font-weight:700}.moved-account-widget strong:lang(zh-HK),.moved-account-widget a:lang(zh-HK){font-weight:700}.moved-account-widget strong:lang(zh-TW),.moved-account-widget a:lang(zh-TW){font-weight:700}.moved-account-widget a{color:inherit;text-decoration:underline}.moved-account-widget a.mention{text-decoration:none}.moved-account-widget a.mention span{text-decoration:none}.moved-account-widget a.mention:focus,.moved-account-widget a.mention:hover,.moved-account-widget a.mention:active{text-decoration:none}.moved-account-widget a.mention:focus span,.moved-account-widget a.mention:hover span,.moved-account-widget a.mention:active span{text-decoration:underline}.moved-account-widget__message{margin-bottom:15px}.moved-account-widget__message .fa{margin-right:5px;color:#282c37}.moved-account-widget__card .detailed-status__display-avatar{position:relative;cursor:pointer}.moved-account-widget__card .detailed-status__display-name{margin-bottom:0;text-decoration:none}.moved-account-widget__card .detailed-status__display-name span{font-weight:400}.memoriam-widget{padding:20px;border-radius:4px;background:#000;box-shadow:0 0 15px rgba(0,0,0,.2);font-size:14px;color:#282c37;margin-bottom:10px}.page-header{background:#c0cdd9;box-shadow:0 0 15px rgba(0,0,0,.2);border-radius:4px;padding:60px 15px;text-align:center;margin:10px 0}.page-header h1{color:#000;font-size:36px;line-height:1.1;font-weight:700;margin-bottom:10px}.page-header p{font-size:15px;color:#282c37}@media screen and (max-width: 415px){.page-header{margin-top:0;background:#ccd7e0}.page-header h1{font-size:24px}}.directory{background:#d9e1e8;border-radius:4px;box-shadow:0 0 15px rgba(0,0,0,.2)}.directory__tag{box-sizing:border-box;margin-bottom:10px}.directory__tag>a,.directory__tag>div{display:flex;align-items:center;justify-content:space-between;background:#d9e1e8;border-radius:4px;padding:15px;text-decoration:none;color:inherit;box-shadow:0 0 15px rgba(0,0,0,.2)}.directory__tag>a:hover,.directory__tag>a:active,.directory__tag>a:focus{background:#c0cdd9}.directory__tag.active>a{background:#2b90d9;cursor:default}.directory__tag.disabled>div{opacity:.5;cursor:default}.directory__tag h4{flex:1 1 auto;font-size:18px;font-weight:700;color:#000;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.directory__tag h4 .fa{color:#282c37}.directory__tag h4 small{display:block;font-weight:400;font-size:15px;margin-top:8px;color:#282c37}.directory__tag.active h4,.directory__tag.active h4 .fa,.directory__tag.active h4 small,.directory__tag.active h4 .trends__item__current{color:#000}.directory__tag .avatar-stack{flex:0 0 auto;width:120px}.directory__tag.active .avatar-stack .account__avatar{border-color:#2b90d9}.directory__tag .trends__item__current{padding-right:0}.avatar-stack{display:flex;justify-content:flex-end}.avatar-stack .account__avatar{flex:0 0 auto;width:36px;height:36px;border-radius:50%;position:relative;margin-left:-10px;background:#f2f5f7;border:2px solid #d9e1e8}.avatar-stack .account__avatar:nth-child(1){z-index:1}.avatar-stack .account__avatar:nth-child(2){z-index:2}.avatar-stack .account__avatar:nth-child(3){z-index:3}.accounts-table{width:100%}.accounts-table .account{padding:0;border:0}.accounts-table strong{font-weight:700}.accounts-table thead th{text-align:center;text-transform:uppercase;color:#282c37;font-weight:700;padding:10px}.accounts-table thead th:first-child{text-align:left}.accounts-table tbody td{padding:15px 0;vertical-align:middle;border-bottom:1px solid #c0cdd9}.accounts-table tbody tr:last-child td{border-bottom:0}.accounts-table__count{width:120px;text-align:center;font-size:15px;font-weight:500;color:#000}.accounts-table__count small{display:block;color:#282c37;font-weight:400;font-size:14px}.accounts-table__comment{width:50%;vertical-align:initial !important}@media screen and (max-width: 415px){.accounts-table tbody td.optional{display:none}}@media screen and (max-width: 415px){.moved-account-widget,.memoriam-widget,.box-widget,.contact-widget,.landing-page__information.contact-widget,.directory,.page-header{margin-bottom:0;box-shadow:none;border-radius:0}}.statuses-grid{min-height:600px}@media screen and (max-width: 640px){.statuses-grid{width:100% !important}}.statuses-grid__item{width:313.3333333333px}@media screen and (max-width: 1255px){.statuses-grid__item{width:306.6666666667px}}@media screen and (max-width: 640px){.statuses-grid__item{width:100%}}@media screen and (max-width: 415px){.statuses-grid__item{width:100vw}}.statuses-grid .detailed-status{border-radius:4px}@media screen and (max-width: 415px){.statuses-grid .detailed-status{border-top:1px solid #a6b9c9}}.statuses-grid .detailed-status.compact .detailed-status__meta{margin-top:15px}.statuses-grid .detailed-status.compact .status__content{font-size:15px;line-height:20px}.statuses-grid .detailed-status.compact .status__content .emojione{width:20px;height:20px;margin:-3px 0 0}.statuses-grid .detailed-status.compact .status__content .status__content__spoiler-link{line-height:20px;margin:0}.statuses-grid .detailed-status.compact .media-gallery,.statuses-grid .detailed-status.compact .status-card,.statuses-grid .detailed-status.compact .video-player{margin-top:15px}.notice-widget{margin-bottom:10px;color:#282c37}.notice-widget p{margin-bottom:10px}.notice-widget p:last-child{margin-bottom:0}.notice-widget a{font-size:14px;line-height:20px}.notice-widget a,.placeholder-widget a{text-decoration:none;font-weight:500;color:#2b90d9}.notice-widget a:hover,.notice-widget a:focus,.notice-widget a:active,.placeholder-widget a:hover,.placeholder-widget a:focus,.placeholder-widget a:active{text-decoration:underline}.table-of-contents{background:#e6ebf0;min-height:100%;font-size:14px;border-radius:4px}.table-of-contents li a{display:block;font-weight:500;padding:15px;overflow:hidden;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-decoration:none;color:#000;border-bottom:1px solid #ccd7e0}.table-of-contents li a:hover,.table-of-contents li a:focus,.table-of-contents li a:active{text-decoration:underline}.table-of-contents li:last-child a{border-bottom:0}.table-of-contents li ul{padding-left:20px;border-bottom:1px solid #ccd7e0}code{font-family:\"mastodon-font-monospace\",monospace;font-weight:400}.form-container{max-width:400px;padding:20px;margin:0 auto}.simple_form .input{margin-bottom:15px;overflow:hidden}.simple_form .input.hidden{margin:0}.simple_form .input.radio_buttons .radio{margin-bottom:15px}.simple_form .input.radio_buttons .radio:last-child{margin-bottom:0}.simple_form .input.radio_buttons .radio>label{position:relative;padding-left:28px}.simple_form .input.radio_buttons .radio>label input{position:absolute;top:-2px;left:0}.simple_form .input.boolean{position:relative;margin-bottom:0}.simple_form .input.boolean .label_input>label{font-family:inherit;font-size:14px;padding-top:5px;color:#000;display:block;width:auto}.simple_form .input.boolean .label_input,.simple_form .input.boolean .hint{padding-left:28px}.simple_form .input.boolean .label_input__wrapper{position:static}.simple_form .input.boolean label.checkbox{position:absolute;top:2px;left:0}.simple_form .input.boolean label a{color:#2b90d9;text-decoration:underline}.simple_form .input.boolean label a:hover,.simple_form .input.boolean label a:active,.simple_form .input.boolean label a:focus{text-decoration:none}.simple_form .input.boolean .recommended{position:absolute;margin:0 4px;margin-top:-2px}.simple_form .row{display:flex;margin:0 -5px}.simple_form .row .input{box-sizing:border-box;flex:1 1 auto;width:50%;padding:0 5px}.simple_form .hint{color:#282c37}.simple_form .hint a{color:#2b90d9}.simple_form .hint code{border-radius:3px;padding:.2em .4em;background:#fff}.simple_form .hint li{list-style:disc;margin-left:18px}.simple_form ul.hint{margin-bottom:15px}.simple_form span.hint{display:block;font-size:12px;margin-top:4px}.simple_form p.hint{margin-bottom:15px;color:#282c37}.simple_form p.hint.subtle-hint{text-align:center;font-size:12px;line-height:18px;margin-top:15px;margin-bottom:0}.simple_form .card{margin-bottom:15px}.simple_form strong{font-weight:500}.simple_form strong:lang(ja){font-weight:700}.simple_form strong:lang(ko){font-weight:700}.simple_form strong:lang(zh-CN){font-weight:700}.simple_form strong:lang(zh-HK){font-weight:700}.simple_form strong:lang(zh-TW){font-weight:700}.simple_form .input.with_floating_label .label_input{display:flex}.simple_form .input.with_floating_label .label_input>label{font-family:inherit;font-size:14px;color:#000;font-weight:500;min-width:150px;flex:0 0 auto}.simple_form .input.with_floating_label .label_input input,.simple_form .input.with_floating_label .label_input select{flex:1 1 auto}.simple_form .input.with_floating_label.select .hint{margin-top:6px;margin-left:150px}.simple_form .input.with_label .label_input>label{font-family:inherit;font-size:14px;color:#000;display:block;margin-bottom:8px;word-wrap:break-word;font-weight:500}.simple_form .input.with_label .hint{margin-top:6px}.simple_form .input.with_label ul{flex:390px}.simple_form .input.with_block_label{max-width:none}.simple_form .input.with_block_label>label{font-family:inherit;font-size:16px;color:#000;display:block;font-weight:500;padding-top:5px}.simple_form .input.with_block_label .hint{margin-bottom:15px}.simple_form .input.with_block_label ul{columns:2}.simple_form .input.datetime .label_input select{display:inline-block;width:auto;flex:0}.simple_form .required abbr{text-decoration:none;color:#c1203b}.simple_form .fields-group{margin-bottom:25px}.simple_form .fields-group .input:last-child{margin-bottom:0}.simple_form .fields-row{display:flex;margin:0 -10px;padding-top:5px;margin-bottom:25px}.simple_form .fields-row .input{max-width:none}.simple_form .fields-row__column{box-sizing:border-box;padding:0 10px;flex:1 1 auto;min-height:1px}.simple_form .fields-row__column-6{max-width:50%}.simple_form .fields-row__column .actions{margin-top:27px}.simple_form .fields-row .fields-group:last-child,.simple_form .fields-row .fields-row__column.fields-group{margin-bottom:0}@media screen and (max-width: 600px){.simple_form .fields-row{display:block;margin-bottom:0}.simple_form .fields-row__column{max-width:none}.simple_form .fields-row .fields-group:last-child,.simple_form .fields-row .fields-row__column.fields-group,.simple_form .fields-row .fields-row__column{margin-bottom:25px}}.simple_form .input.radio_buttons .radio label{margin-bottom:5px;font-family:inherit;font-size:14px;color:#000;display:block;width:auto}.simple_form .check_boxes .checkbox label{font-family:inherit;font-size:14px;color:#000;display:inline-block;width:auto;position:relative;padding-top:5px;padding-left:25px;flex:1 1 auto}.simple_form .check_boxes .checkbox input[type=checkbox]{position:absolute;left:0;top:5px;margin:0}.simple_form .input.static .label_input__wrapper{font-size:16px;padding:10px;border:1px solid #444b5d;border-radius:4px}.simple_form input[type=text],.simple_form input[type=number],.simple_form input[type=email],.simple_form input[type=password],.simple_form textarea{box-sizing:border-box;font-size:16px;color:#000;display:block;width:100%;outline:0;font-family:inherit;resize:vertical;background:#f9fafb;border:1px solid #fff;border-radius:4px;padding:10px}.simple_form input[type=text]::placeholder,.simple_form input[type=number]::placeholder,.simple_form input[type=email]::placeholder,.simple_form input[type=password]::placeholder,.simple_form textarea::placeholder{color:#1f232b}.simple_form input[type=text]:invalid,.simple_form input[type=number]:invalid,.simple_form input[type=email]:invalid,.simple_form input[type=password]:invalid,.simple_form textarea:invalid{box-shadow:none}.simple_form input[type=text]:focus:invalid:not(:placeholder-shown),.simple_form input[type=number]:focus:invalid:not(:placeholder-shown),.simple_form input[type=email]:focus:invalid:not(:placeholder-shown),.simple_form input[type=password]:focus:invalid:not(:placeholder-shown),.simple_form textarea:focus:invalid:not(:placeholder-shown){border-color:#c1203b}.simple_form input[type=text]:required:valid,.simple_form input[type=number]:required:valid,.simple_form input[type=email]:required:valid,.simple_form input[type=password]:required:valid,.simple_form textarea:required:valid{border-color:#4a905f}.simple_form input[type=text]:hover,.simple_form input[type=number]:hover,.simple_form input[type=email]:hover,.simple_form input[type=password]:hover,.simple_form textarea:hover{border-color:#fff}.simple_form input[type=text]:active,.simple_form input[type=text]:focus,.simple_form input[type=number]:active,.simple_form input[type=number]:focus,.simple_form input[type=email]:active,.simple_form input[type=email]:focus,.simple_form input[type=password]:active,.simple_form input[type=password]:focus,.simple_form textarea:active,.simple_form textarea:focus{border-color:#2b90d9;background:#f2f5f7}.simple_form .input.field_with_errors label{color:#c1203b}.simple_form .input.field_with_errors input[type=text],.simple_form .input.field_with_errors input[type=number],.simple_form .input.field_with_errors input[type=email],.simple_form .input.field_with_errors input[type=password],.simple_form .input.field_with_errors textarea,.simple_form .input.field_with_errors select{border-color:#c1203b}.simple_form .input.field_with_errors .error{display:block;font-weight:500;color:#c1203b;margin-top:4px}.simple_form .input.disabled{opacity:.5}.simple_form .actions{margin-top:30px;display:flex}.simple_form .actions.actions--top{margin-top:0;margin-bottom:30px}.simple_form button,.simple_form .button,.simple_form .block-button{display:block;width:100%;border:0;border-radius:4px;background:#2b90d9;color:#000;font-size:18px;line-height:inherit;height:auto;padding:10px;text-transform:uppercase;text-decoration:none;text-align:center;box-sizing:border-box;cursor:pointer;font-weight:500;outline:0;margin-bottom:10px;margin-right:10px}.simple_form button:last-child,.simple_form .button:last-child,.simple_form .block-button:last-child{margin-right:0}.simple_form button:hover,.simple_form .button:hover,.simple_form .block-button:hover{background-color:#2482c7}.simple_form button:active,.simple_form button:focus,.simple_form .button:active,.simple_form .button:focus,.simple_form .block-button:active,.simple_form .block-button:focus{background-color:#419bdd}.simple_form button:disabled:hover,.simple_form .button:disabled:hover,.simple_form .block-button:disabled:hover{background-color:#9bcbed}.simple_form button.negative,.simple_form .button.negative,.simple_form .block-button.negative{background:#df405a}.simple_form button.negative:hover,.simple_form .button.negative:hover,.simple_form .block-button.negative:hover{background-color:#db2a47}.simple_form button.negative:active,.simple_form button.negative:focus,.simple_form .button.negative:active,.simple_form .button.negative:focus,.simple_form .block-button.negative:active,.simple_form .block-button.negative:focus{background-color:#e3566d}.simple_form select{appearance:none;box-sizing:border-box;font-size:16px;color:#000;display:block;width:100%;outline:0;font-family:inherit;resize:vertical;background:#f9fafb url(\"data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14.933 18.467' height='19.698' width='15.929'><path d='M3.467 14.967l-3.393-3.5H14.86l-3.392 3.5c-1.866 1.925-3.666 3.5-4 3.5-.335 0-2.135-1.575-4-3.5zm.266-11.234L7.467 0 11.2 3.733l3.733 3.734H0l3.733-3.734z' fill='%23B3C3D1'/></svg>\") no-repeat right 8px center/auto 16px;border:1px solid #fff;border-radius:4px;padding-left:10px;padding-right:30px;height:41px}.simple_form h4{margin-bottom:15px !important}.simple_form .label_input__wrapper{position:relative}.simple_form .label_input__append{position:absolute;right:3px;top:1px;padding:10px;padding-bottom:9px;font-size:16px;color:#444b5d;font-family:inherit;pointer-events:none;cursor:default;max-width:140px;white-space:nowrap;overflow:hidden}.simple_form .label_input__append::after{content:\"\";display:block;position:absolute;top:0;right:0;bottom:1px;width:5px;background-image:linear-gradient(to right, rgba(249, 250, 251, 0), #f9fafb)}.simple_form__overlay-area{position:relative}.simple_form__overlay-area__blurred form{filter:blur(2px)}.simple_form__overlay-area__overlay{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;justify-content:center;align-items:center;background:rgba(217,225,232,.65);border-radius:4px;margin-left:-4px;margin-top:-4px;padding:4px}.simple_form__overlay-area__overlay__content{text-align:center}.simple_form__overlay-area__overlay__content.rich-formatting,.simple_form__overlay-area__overlay__content.rich-formatting p{color:#000}.block-icon{display:block;margin:0 auto;margin-bottom:10px;font-size:24px}.flash-message{background:#c0cdd9;color:#282c37;border-radius:4px;padding:15px 10px;margin-bottom:30px;text-align:center}.flash-message.notice{border:1px solid rgba(74,144,95,.5);background:rgba(74,144,95,.25);color:#4a905f}.flash-message.alert{border:1px solid rgba(223,64,90,.5);background:rgba(223,64,90,.25);color:#df405a}.flash-message a{display:inline-block;color:#282c37;text-decoration:none}.flash-message a:hover{color:#000;text-decoration:underline}.flash-message p{margin-bottom:15px}.flash-message .oauth-code{outline:0;box-sizing:border-box;display:block;width:100%;border:0;padding:10px;font-family:\"mastodon-font-monospace\",monospace;background:#d9e1e8;color:#000;font-size:14px;margin:0}.flash-message .oauth-code::-moz-focus-inner{border:0}.flash-message .oauth-code::-moz-focus-inner,.flash-message .oauth-code:focus,.flash-message .oauth-code:active{outline:0 !important}.flash-message .oauth-code:focus{background:#ccd7e0}.flash-message strong{font-weight:500}.flash-message strong:lang(ja){font-weight:700}.flash-message strong:lang(ko){font-weight:700}.flash-message strong:lang(zh-CN){font-weight:700}.flash-message strong:lang(zh-HK){font-weight:700}.flash-message strong:lang(zh-TW){font-weight:700}@media screen and (max-width: 740px)and (min-width: 441px){.flash-message{margin-top:40px}}.form-footer{margin-top:30px;text-align:center}.form-footer a{color:#282c37;text-decoration:none}.form-footer a:hover{text-decoration:underline}.quick-nav{list-style:none;margin-bottom:25px;font-size:14px}.quick-nav li{display:inline-block;margin-right:10px}.quick-nav a{color:#2b90d9;text-transform:uppercase;text-decoration:none;font-weight:700}.quick-nav a:hover,.quick-nav a:focus,.quick-nav a:active{color:#217aba}.oauth-prompt,.follow-prompt{margin-bottom:30px;color:#282c37}.oauth-prompt h2,.follow-prompt h2{font-size:16px;margin-bottom:30px;text-align:center}.oauth-prompt strong,.follow-prompt strong{color:#282c37;font-weight:500}.oauth-prompt strong:lang(ja),.follow-prompt strong:lang(ja){font-weight:700}.oauth-prompt strong:lang(ko),.follow-prompt strong:lang(ko){font-weight:700}.oauth-prompt strong:lang(zh-CN),.follow-prompt strong:lang(zh-CN){font-weight:700}.oauth-prompt strong:lang(zh-HK),.follow-prompt strong:lang(zh-HK){font-weight:700}.oauth-prompt strong:lang(zh-TW),.follow-prompt strong:lang(zh-TW){font-weight:700}@media screen and (max-width: 740px)and (min-width: 441px){.oauth-prompt,.follow-prompt{margin-top:40px}}.qr-wrapper{display:flex;flex-wrap:wrap;align-items:flex-start}.qr-code{flex:0 0 auto;background:#fff;padding:4px;margin:0 10px 20px 0;box-shadow:0 0 15px rgba(0,0,0,.2);display:inline-block}.qr-code svg{display:block;margin:0}.qr-alternative{margin-bottom:20px;color:#282c37;flex:150px}.qr-alternative samp{display:block;font-size:14px}.table-form p{margin-bottom:15px}.table-form p strong{font-weight:500}.table-form p strong:lang(ja){font-weight:700}.table-form p strong:lang(ko){font-weight:700}.table-form p strong:lang(zh-CN){font-weight:700}.table-form p strong:lang(zh-HK){font-weight:700}.table-form p strong:lang(zh-TW){font-weight:700}.simple_form .warning,.table-form .warning{box-sizing:border-box;background:rgba(223,64,90,.5);color:#000;text-shadow:1px 1px 0 rgba(0,0,0,.3);box-shadow:0 2px 6px rgba(0,0,0,.4);border-radius:4px;padding:10px;margin-bottom:15px}.simple_form .warning a,.table-form .warning a{color:#000;text-decoration:underline}.simple_form .warning a:hover,.simple_form .warning a:focus,.simple_form .warning a:active,.table-form .warning a:hover,.table-form .warning a:focus,.table-form .warning a:active{text-decoration:none}.simple_form .warning strong,.table-form .warning strong{font-weight:600;display:block;margin-bottom:5px}.simple_form .warning strong:lang(ja),.table-form .warning strong:lang(ja){font-weight:700}.simple_form .warning strong:lang(ko),.table-form .warning strong:lang(ko){font-weight:700}.simple_form .warning strong:lang(zh-CN),.table-form .warning strong:lang(zh-CN){font-weight:700}.simple_form .warning strong:lang(zh-HK),.table-form .warning strong:lang(zh-HK){font-weight:700}.simple_form .warning strong:lang(zh-TW),.table-form .warning strong:lang(zh-TW){font-weight:700}.simple_form .warning strong .fa,.table-form .warning strong .fa{font-weight:400}.action-pagination{display:flex;flex-wrap:wrap;align-items:center}.action-pagination .actions,.action-pagination .pagination{flex:1 1 auto}.action-pagination .actions{padding:30px 0;padding-right:20px;flex:0 0 auto}.post-follow-actions{text-align:center;color:#282c37}.post-follow-actions div{margin-bottom:4px}.alternative-login{margin-top:20px;margin-bottom:20px}.alternative-login h4{font-size:16px;color:#000;text-align:center;margin-bottom:20px;border:0;padding:0}.alternative-login .button{display:block}.scope-danger{color:#ff5050}.form_admin_settings_site_short_description textarea,.form_admin_settings_site_description textarea,.form_admin_settings_site_extended_description textarea,.form_admin_settings_site_terms textarea,.form_admin_settings_custom_css textarea,.form_admin_settings_closed_registrations_message textarea{font-family:\"mastodon-font-monospace\",monospace}.input-copy{background:#f9fafb;border:1px solid #fff;border-radius:4px;display:flex;align-items:center;padding-right:4px;position:relative;top:1px;transition:border-color 300ms linear}.input-copy__wrapper{flex:1 1 auto}.input-copy input[type=text]{background:transparent;border:0;padding:10px;font-size:14px;font-family:\"mastodon-font-monospace\",monospace}.input-copy button{flex:0 0 auto;margin:4px;text-transform:none;font-weight:400;font-size:14px;padding:7px 18px;padding-bottom:6px;width:auto;transition:background 300ms linear}.input-copy.copied{border-color:#4a905f;transition:none}.input-copy.copied button{background:#4a905f;transition:none}.connection-prompt{margin-bottom:25px}.connection-prompt .fa-link{background-color:#e6ebf0;border-radius:100%;font-size:24px;padding:10px}.connection-prompt__column{align-items:center;display:flex;flex:1;flex-direction:column;flex-shrink:1;max-width:50%}.connection-prompt__column-sep{align-self:center;flex-grow:0;overflow:visible;position:relative;z-index:1}.connection-prompt__column p{word-break:break-word}.connection-prompt .account__avatar{margin-bottom:20px}.connection-prompt__connection{background-color:#c0cdd9;box-shadow:0 0 15px rgba(0,0,0,.2);border-radius:4px;padding:25px 10px;position:relative;text-align:center}.connection-prompt__connection::after{background-color:#e6ebf0;content:\"\";display:block;height:100%;left:50%;position:absolute;top:0;width:1px}.connection-prompt__row{align-items:flex-start;display:flex;flex-direction:row}.card>a{display:block;text-decoration:none;color:inherit;box-shadow:0 0 15px rgba(0,0,0,.2)}@media screen and (max-width: 415px){.card>a{box-shadow:none}}.card>a:hover .card__bar,.card>a:active .card__bar,.card>a:focus .card__bar{background:#c0cdd9}.card__img{height:130px;position:relative;background:#fff;border-radius:4px 4px 0 0}.card__img img{display:block;width:100%;height:100%;margin:0;object-fit:cover;border-radius:4px 4px 0 0}@media screen and (max-width: 600px){.card__img{height:200px}}@media screen and (max-width: 415px){.card__img{display:none}}.card__bar{position:relative;padding:15px;display:flex;justify-content:flex-start;align-items:center;background:#ccd7e0;border-radius:0 0 4px 4px}@media screen and (max-width: 415px){.card__bar{border-radius:0}}.card__bar .avatar{flex:0 0 auto;width:48px;height:48px;padding-top:2px}.card__bar .avatar img{width:100%;height:100%;display:block;margin:0;border-radius:4px;background:#f2f5f7;object-fit:cover}.card__bar .display-name{margin-left:15px;text-align:left}.card__bar .display-name strong{font-size:15px;color:#000;font-weight:500;overflow:hidden;text-overflow:ellipsis}.card__bar .display-name span{display:block;font-size:14px;color:#282c37;font-weight:400;overflow:hidden;text-overflow:ellipsis}.pagination{padding:30px 0;text-align:center;overflow:hidden}.pagination a,.pagination .current,.pagination .newer,.pagination .older,.pagination .page,.pagination .gap{font-size:14px;color:#000;font-weight:500;display:inline-block;padding:6px 10px;text-decoration:none}.pagination .current{background:#fff;border-radius:100px;color:#000;cursor:default;margin:0 10px}.pagination .gap{cursor:default}.pagination .older,.pagination .newer{text-transform:uppercase;color:#282c37}.pagination .older{float:left;padding-left:0}.pagination .older .fa{display:inline-block;margin-right:5px}.pagination .newer{float:right;padding-right:0}.pagination .newer .fa{display:inline-block;margin-left:5px}.pagination .disabled{cursor:default;color:#000}@media screen and (max-width: 700px){.pagination{padding:30px 20px}.pagination .page{display:none}.pagination .newer,.pagination .older{display:inline-block}}.nothing-here{background:#d9e1e8;box-shadow:0 0 15px rgba(0,0,0,.2);color:#444b5d;font-size:14px;font-weight:500;text-align:center;display:flex;justify-content:center;align-items:center;cursor:default;border-radius:4px;padding:20px;min-height:30vh}.nothing-here--under-tabs{border-radius:0 0 4px 4px}.nothing-here--flexible{box-sizing:border-box;min-height:100%}.account-role,.simple_form .recommended{display:inline-block;padding:4px 6px;cursor:default;border-radius:3px;font-size:12px;line-height:12px;font-weight:500;color:#282c37;background-color:rgba(40,44,55,.1);border:1px solid rgba(40,44,55,.5)}.account-role.moderator,.simple_form .recommended.moderator{color:#4a905f;background-color:rgba(74,144,95,.1);border-color:rgba(74,144,95,.5)}.account-role.admin,.simple_form .recommended.admin{color:#c1203b;background-color:rgba(193,32,59,.1);border-color:rgba(193,32,59,.5)}.account__header__fields{max-width:100vw;padding:0;margin:15px -15px -15px;border:0 none;border-top:1px solid #b3c3d1;border-bottom:1px solid #b3c3d1;font-size:14px;line-height:20px}.account__header__fields dl{display:flex;border-bottom:1px solid #b3c3d1}.account__header__fields dt,.account__header__fields dd{box-sizing:border-box;padding:14px;text-align:center;max-height:48px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.account__header__fields dt{font-weight:500;width:120px;flex:0 0 auto;color:#282c37;background:rgba(242,245,247,.5)}.account__header__fields dd{flex:1 1 auto;color:#282c37}.account__header__fields a{color:#2b90d9;text-decoration:none}.account__header__fields a:hover,.account__header__fields a:focus,.account__header__fields a:active{text-decoration:underline}.account__header__fields .verified{border:1px solid rgba(74,144,95,.5);background:rgba(74,144,95,.25)}.account__header__fields .verified a{color:#4a905f;font-weight:500}.account__header__fields .verified__mark{color:#4a905f}.account__header__fields dl:last-child{border-bottom:0}.directory__tag .trends__item__current{width:auto}.pending-account__header{color:#282c37}.pending-account__header a{color:#282c37;text-decoration:none}.pending-account__header a:hover,.pending-account__header a:active,.pending-account__header a:focus{text-decoration:underline}.pending-account__header strong{color:#000;font-weight:700}.pending-account__body{margin-top:10px}.activity-stream{box-shadow:0 0 15px rgba(0,0,0,.2);border-radius:4px;overflow:hidden;margin-bottom:10px}.activity-stream--under-tabs{border-radius:0 0 4px 4px}@media screen and (max-width: 415px){.activity-stream{margin-bottom:0;border-radius:0;box-shadow:none}}.activity-stream--headless{border-radius:0;margin:0;box-shadow:none}.activity-stream--headless .detailed-status,.activity-stream--headless .status{border-radius:0 !important}.activity-stream div[data-component]{width:100%}.activity-stream .entry{background:#d9e1e8}.activity-stream .entry .detailed-status,.activity-stream .entry .status,.activity-stream .entry .load-more{animation:none}.activity-stream .entry:last-child .detailed-status,.activity-stream .entry:last-child .status,.activity-stream .entry:last-child .load-more{border-bottom:0;border-radius:0 0 4px 4px}.activity-stream .entry:first-child .detailed-status,.activity-stream .entry:first-child .status,.activity-stream .entry:first-child .load-more{border-radius:4px 4px 0 0}.activity-stream .entry:first-child:last-child .detailed-status,.activity-stream .entry:first-child:last-child .status,.activity-stream .entry:first-child:last-child .load-more{border-radius:4px}@media screen and (max-width: 740px){.activity-stream .entry .detailed-status,.activity-stream .entry .status,.activity-stream .entry .load-more{border-radius:0 !important}}.activity-stream--highlighted .entry{background:#c0cdd9}.button.logo-button{flex:0 auto;font-size:14px;background:#2b90d9;color:#000;text-transform:none;line-height:36px;height:auto;padding:3px 15px;border:0}.button.logo-button svg{width:20px;height:auto;vertical-align:middle;margin-right:5px;fill:#000}.button.logo-button:active,.button.logo-button:focus,.button.logo-button:hover{background:#2074b1}.button.logo-button:disabled:active,.button.logo-button:disabled:focus,.button.logo-button:disabled:hover,.button.logo-button.disabled:active,.button.logo-button.disabled:focus,.button.logo-button.disabled:hover{background:#9bcbed}.button.logo-button.button--destructive:active,.button.logo-button.button--destructive:focus,.button.logo-button.button--destructive:hover{background:#df405a}@media screen and (max-width: 415px){.button.logo-button svg{display:none}}.embed .detailed-status,.public-layout .detailed-status{padding:15px}.embed .status,.public-layout .status{padding:15px 15px 15px 78px;min-height:50px}.embed .status__avatar,.public-layout .status__avatar{left:15px;top:17px}.embed .status__content,.public-layout .status__content{padding-top:5px}.embed .status__prepend,.public-layout .status__prepend{margin-left:78px;padding-top:15px}.embed .status__prepend-icon-wrapper,.public-layout .status__prepend-icon-wrapper{left:-32px}.embed .status .media-gallery,.embed .status__action-bar,.embed .status .video-player,.public-layout .status .media-gallery,.public-layout .status__action-bar,.public-layout .status .video-player{margin-top:10px}button.icon-button i.fa-retweet{background-image:url(\"data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='22' height='209'><path d='M4.97 3.16c-.1.03-.17.1-.22.18L.8 8.24c-.2.3.03.78.4.8H3.6v2.68c0 4.26-.55 3.62 3.66 3.62h7.66l-2.3-2.84c-.03-.02-.03-.04-.05-.06H7.27c-.44 0-.72-.3-.72-.72v-2.7h2.5c.37.03.63-.48.4-.77L5.5 3.35c-.12-.17-.34-.25-.53-.2zm12.16.43c-.55-.02-1.32.02-2.4.02H7.1l2.32 2.85.03.06h5.25c.42 0 .72.28.72.72v2.7h-2.5c-.36.02-.56.54-.3.8l3.92 4.9c.18.25.6.25.78 0l3.94-4.9c.26-.28 0-.83-.37-.8H18.4v-2.7c0-3.15.4-3.62-1.25-3.66z' fill='%23606984' stroke-width='0'/><path d='M7.78 19.66c-.24.02-.44.25-.44.5v2.46h-.06c-1.08 0-1.86-.03-2.4-.03-1.64 0-1.25.43-1.25 3.65v4.47c0 4.26-.56 3.62 3.65 3.62H8.5l-1.3-1.06c-.1-.08-.18-.2-.2-.3-.02-.17.06-.35.2-.45l1.33-1.1H7.28c-.44 0-.72-.3-.72-.7v-4.48c0-.44.28-.72.72-.72h.06v2.5c0 .38.54.63.82.38l4.9-3.93c.25-.18.25-.6 0-.78l-4.9-3.92c-.1-.1-.24-.14-.38-.12zm9.34 2.93c-.54-.02-1.3.02-2.4.02h-1.25l1.3 1.07c.1.07.18.2.2.33.02.16-.06.3-.2.4l-1.33 1.1h1.28c.42 0 .72.28.72.72v4.47c0 .42-.3.72-.72.72h-.1v-2.47c0-.3-.3-.53-.6-.47-.07 0-.14.05-.2.1l-4.9 3.93c-.26.18-.26.6 0 .78l4.9 3.92c.27.25.82 0 .8-.38v-2.5h.1c4.27 0 3.65.67 3.65-3.62v-4.47c0-3.15.4-3.62-1.25-3.66zM10.34 38.66c-.24.02-.44.25-.43.5v2.47H7.3c-1.08 0-1.86-.04-2.4-.04-1.64 0-1.25.43-1.25 3.65v4.47c0 3.66-.23 3.7 2.34 3.66l-1.34-1.1c-.1-.08-.18-.2-.2-.3 0-.17.07-.35.2-.45l1.96-1.6c-.03-.06-.04-.13-.04-.2v-4.48c0-.44.28-.72.72-.72H9.9v2.5c0 .36.5.6.8.38l4.93-3.93c.24-.18.24-.6 0-.78l-4.94-3.92c-.1-.08-.23-.13-.36-.12zm5.63 2.93l1.34 1.1c.1.07.18.2.2.33.02.16-.03.3-.16.4l-1.96 1.6c.02.07.06.13.06.22v4.47c0 .42-.3.72-.72.72h-2.66v-2.47c0-.3-.3-.53-.6-.47-.06.02-.12.05-.18.1l-4.94 3.93c-.24.18-.24.6 0 .78l4.94 3.92c.28.22.78-.02.78-.38v-2.5h2.66c4.27 0 3.65.67 3.65-3.62v-4.47c0-3.66.34-3.7-2.4-3.66zM13.06 57.66c-.23.03-.4.26-.4.5v2.47H7.28c-1.08 0-1.86-.04-2.4-.04-1.64 0-1.25.43-1.25 3.65v4.87l2.93-2.37v-2.5c0-.44.28-.72.72-.72h5.38v2.5c0 .36.5.6.78.38l4.94-3.93c.24-.18.24-.6 0-.78l-4.94-3.92c-.1-.1-.24-.14-.38-.12zm5.3 6.15l-2.92 2.4v2.52c0 .42-.3.72-.72.72h-5.4v-2.47c0-.3-.32-.53-.6-.47-.07.02-.13.05-.2.1L3.6 70.52c-.25.18-.25.6 0 .78l4.93 3.92c.28.22.78-.02.78-.38v-2.5h5.42c4.27 0 3.65.67 3.65-3.62v-4.47-.44zM19.25 78.8c-.1.03-.2.1-.28.17l-.9.9c-.44-.3-1.36-.25-3.35-.25H7.28c-1.08 0-1.86-.03-2.4-.03-1.64 0-1.25.43-1.25 3.65v.7l2.93.3v-1c0-.44.28-.72.72-.72h7.44c.2 0 .37.08.5.2l-1.8 1.8c-.25.26-.08.76.27.8l6.27.7c.28.03.56-.25.53-.53l-.7-6.25c0-.27-.3-.48-.55-.44zm-17.2 6.1c-.2.07-.36.3-.33.54l.7 6.25c.02.36.58.55.83.27l.8-.8c.02 0 .04-.02.04 0 .46.24 1.37.17 3.18.17h7.44c4.27 0 3.65.67 3.65-3.62v-.75l-2.93-.3v1.05c0 .42-.3.72-.72.72H7.28c-.15 0-.3-.03-.4-.1L8.8 86.4c.3-.24.1-.8-.27-.84l-6.28-.65h-.2zM4.88 98.6c-1.33 0-1.34.48-1.3 2.3l1.14-1.37c.08-.1.22-.17.34-.2.16 0 .34.08.44.2l1.66 2.03c.04 0 .07-.03.12-.03h7.44c.34 0 .57.2.65.5h-2.43c-.34.05-.53.52-.3.78l3.92 4.95c.18.24.6.24.78 0l3.94-4.94c.22-.27-.02-.76-.37-.77H18.4c.02-3.9.6-3.4-3.66-3.4H7.28c-1.08 0-1.86-.04-2.4-.04zm.15 2.46c-.1.03-.2.1-.28.2l-3.94 4.9c-.2.28.03.77.4.78H3.6c-.02 3.94-.45 3.4 3.66 3.4h7.44c3.65 0 3.74.3 3.7-2.25l-1.1 1.34c-.1.1-.2.17-.32.2-.16 0-.34-.08-.44-.2l-1.65-2.03c-.06.02-.1.04-.18.04H7.28c-.35 0-.57-.2-.66-.5h2.44c.37 0 .63-.5.4-.78l-3.96-4.9c-.1-.15-.3-.23-.47-.2zM4.88 117.6c-1.16 0-1.3.3-1.3 1.56l1.14-1.38c.08-.1.22-.14.34-.16.16 0 .34.04.44.16l2.22 2.75h7c.42 0 .72.28.72.72v.53h-2.6c-.3.1-.43.54-.2.78l3.92 4.9c.18.25.6.25.78 0l3.94-4.9c.22-.28-.02-.77-.37-.78H18.4v-.53c0-4.2.72-3.63-3.66-3.63H7.28c-1.08 0-1.86-.03-2.4-.03zm.1 1.74c-.1.03-.17.1-.23.16L.8 124.44c-.2.28.03.77.4.78H3.6v.5c0 4.26-.55 3.62 3.66 3.62h7.44c1.03 0 1.74.02 2.28 0-.16.02-.34-.03-.44-.15l-2.22-2.76H7.28c-.44 0-.72-.3-.72-.72v-.5h2.5c.37.02.63-.5.4-.78L5.5 119.5c-.12-.15-.34-.22-.53-.16zm12.02 10c1.2-.02 1.4-.25 1.4-1.53l-1.1 1.36c-.07.1-.17.17-.3.18zM5.94 136.6l2.37 2.93h6.42c.42 0 .72.28.72.72v1.25h-2.6c-.3.1-.43.54-.2.78l3.92 4.9c.18.25.6.25.78 0l3.94-4.9c.22-.28-.02-.77-.37-.78H18.4v-1.25c0-4.2.72-3.63-3.66-3.63H7.28c-.6 0-.92-.02-1.34-.03zm-1.72.06c-.4.08-.54.3-.6.75l.6-.74zm.84.93c-.12 0-.24.08-.3.18l-3.95 4.9c-.24.3 0 .83.4.82H3.6v1.22c0 4.26-.55 3.62 3.66 3.62h7.44c.63 0 .97.02 1.4.03l-2.37-2.93H7.28c-.44 0-.72-.3-.72-.72v-1.22h2.5c.4.04.67-.53.4-.8l-3.96-4.92c-.1-.13-.27-.2-.44-.2zm13.28 10.03l-.56.7c.36-.07.5-.3.56-.7zM17.13 155.6c-.55-.02-1.32.03-2.4.03h-8.2l2.38 2.9h5.82c.42 0 .72.28.72.72v1.97H12.9c-.32.06-.48.52-.28.78l3.94 4.94c.2.23.6.22.78-.03l3.94-4.9c.22-.28-.02-.77-.37-.78H18.4v-1.97c0-3.15.4-3.62-1.25-3.66zm-12.1.28c-.1.02-.2.1-.28.18l-3.94 4.9c-.2.3.03.78.4.8H3.6v1.96c0 4.26-.55 3.62 3.66 3.62h8.24l-2.36-2.9H7.28c-.44 0-.72-.3-.72-.72v-1.97h2.5c.37.02.63-.5.4-.78l-3.96-4.9c-.1-.15-.3-.22-.47-.2zM5.13 174.5c-.15 0-.3.07-.38.2L.8 179.6c-.24.27 0 .82.4.8H3.6v2.32c0 4.26-.55 3.62 3.66 3.62h7.94l-2.35-2.9h-5.6c-.43 0-.7-.3-.7-.72v-2.3h2.5c.38.03.66-.54.4-.83l-3.97-4.9c-.1-.13-.23-.2-.38-.2zm12 .1c-.55-.02-1.32.03-2.4.03H6.83l2.35 2.9h5.52c.42 0 .72.28.72.72v2.34h-2.6c-.3.1-.43.53-.2.78l3.92 4.9c.18.24.6.24.78 0l3.94-4.9c.22-.3-.02-.78-.37-.8H18.4v-2.33c0-3.15.4-3.62-1.25-3.66zM4.97 193.16c-.1.03-.17.1-.22.18l-3.94 4.9c-.2.3.03.78.4.8H3.6v2.68c0 4.26-.55 3.62 3.66 3.62h7.66l-2.3-2.84c-.03-.02-.03-.04-.05-.06H7.27c-.44 0-.72-.3-.72-.72v-2.7h2.5c.37.03.63-.48.4-.77l-3.96-4.9c-.12-.17-.34-.25-.53-.2zm12.16.43c-.55-.02-1.32.03-2.4.03H7.1l2.32 2.84.03.06h5.25c.42 0 .72.28.72.72v2.7h-2.5c-.36.02-.56.54-.3.8l3.92 4.9c.18.25.6.25.78 0l3.94-4.9c.26-.28 0-.83-.37-.8H18.4v-2.7c0-3.15.4-3.62-1.25-3.66z' fill='%232B90D9' stroke-width='0'/></svg>\")}button.icon-button i.fa-retweet:hover{background-image:url(\"data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='22' height='209'><path d='M4.97 3.16c-.1.03-.17.1-.22.18L.8 8.24c-.2.3.03.78.4.8H3.6v2.68c0 4.26-.55 3.62 3.66 3.62h7.66l-2.3-2.84c-.03-.02-.03-.04-.05-.06H7.27c-.44 0-.72-.3-.72-.72v-2.7h2.5c.37.03.63-.48.4-.77L5.5 3.35c-.12-.17-.34-.25-.53-.2zm12.16.43c-.55-.02-1.32.02-2.4.02H7.1l2.32 2.85.03.06h5.25c.42 0 .72.28.72.72v2.7h-2.5c-.36.02-.56.54-.3.8l3.92 4.9c.18.25.6.25.78 0l3.94-4.9c.26-.28 0-.83-.37-.8H18.4v-2.7c0-3.15.4-3.62-1.25-3.66z' fill='%2351596F' stroke-width='0'/><path d='M7.78 19.66c-.24.02-.44.25-.44.5v2.46h-.06c-1.08 0-1.86-.03-2.4-.03-1.64 0-1.25.43-1.25 3.65v4.47c0 4.26-.56 3.62 3.65 3.62H8.5l-1.3-1.06c-.1-.08-.18-.2-.2-.3-.02-.17.06-.35.2-.45l1.33-1.1H7.28c-.44 0-.72-.3-.72-.7v-4.48c0-.44.28-.72.72-.72h.06v2.5c0 .38.54.63.82.38l4.9-3.93c.25-.18.25-.6 0-.78l-4.9-3.92c-.1-.1-.24-.14-.38-.12zm9.34 2.93c-.54-.02-1.3.02-2.4.02h-1.25l1.3 1.07c.1.07.18.2.2.33.02.16-.06.3-.2.4l-1.33 1.1h1.28c.42 0 .72.28.72.72v4.47c0 .42-.3.72-.72.72h-.1v-2.47c0-.3-.3-.53-.6-.47-.07 0-.14.05-.2.1l-4.9 3.93c-.26.18-.26.6 0 .78l4.9 3.92c.27.25.82 0 .8-.38v-2.5h.1c4.27 0 3.65.67 3.65-3.62v-4.47c0-3.15.4-3.62-1.25-3.66zM10.34 38.66c-.24.02-.44.25-.43.5v2.47H7.3c-1.08 0-1.86-.04-2.4-.04-1.64 0-1.25.43-1.25 3.65v4.47c0 3.66-.23 3.7 2.34 3.66l-1.34-1.1c-.1-.08-.18-.2-.2-.3 0-.17.07-.35.2-.45l1.96-1.6c-.03-.06-.04-.13-.04-.2v-4.48c0-.44.28-.72.72-.72H9.9v2.5c0 .36.5.6.8.38l4.93-3.93c.24-.18.24-.6 0-.78l-4.94-3.92c-.1-.08-.23-.13-.36-.12zm5.63 2.93l1.34 1.1c.1.07.18.2.2.33.02.16-.03.3-.16.4l-1.96 1.6c.02.07.06.13.06.22v4.47c0 .42-.3.72-.72.72h-2.66v-2.47c0-.3-.3-.53-.6-.47-.06.02-.12.05-.18.1l-4.94 3.93c-.24.18-.24.6 0 .78l4.94 3.92c.28.22.78-.02.78-.38v-2.5h2.66c4.27 0 3.65.67 3.65-3.62v-4.47c0-3.66.34-3.7-2.4-3.66zM13.06 57.66c-.23.03-.4.26-.4.5v2.47H7.28c-1.08 0-1.86-.04-2.4-.04-1.64 0-1.25.43-1.25 3.65v4.87l2.93-2.37v-2.5c0-.44.28-.72.72-.72h5.38v2.5c0 .36.5.6.78.38l4.94-3.93c.24-.18.24-.6 0-.78l-4.94-3.92c-.1-.1-.24-.14-.38-.12zm5.3 6.15l-2.92 2.4v2.52c0 .42-.3.72-.72.72h-5.4v-2.47c0-.3-.32-.53-.6-.47-.07.02-.13.05-.2.1L3.6 70.52c-.25.18-.25.6 0 .78l4.93 3.92c.28.22.78-.02.78-.38v-2.5h5.42c4.27 0 3.65.67 3.65-3.62v-4.47-.44zM19.25 78.8c-.1.03-.2.1-.28.17l-.9.9c-.44-.3-1.36-.25-3.35-.25H7.28c-1.08 0-1.86-.03-2.4-.03-1.64 0-1.25.43-1.25 3.65v.7l2.93.3v-1c0-.44.28-.72.72-.72h7.44c.2 0 .37.08.5.2l-1.8 1.8c-.25.26-.08.76.27.8l6.27.7c.28.03.56-.25.53-.53l-.7-6.25c0-.27-.3-.48-.55-.44zm-17.2 6.1c-.2.07-.36.3-.33.54l.7 6.25c.02.36.58.55.83.27l.8-.8c.02 0 .04-.02.04 0 .46.24 1.37.17 3.18.17h7.44c4.27 0 3.65.67 3.65-3.62v-.75l-2.93-.3v1.05c0 .42-.3.72-.72.72H7.28c-.15 0-.3-.03-.4-.1L8.8 86.4c.3-.24.1-.8-.27-.84l-6.28-.65h-.2zM4.88 98.6c-1.33 0-1.34.48-1.3 2.3l1.14-1.37c.08-.1.22-.17.34-.2.16 0 .34.08.44.2l1.66 2.03c.04 0 .07-.03.12-.03h7.44c.34 0 .57.2.65.5h-2.43c-.34.05-.53.52-.3.78l3.92 4.95c.18.24.6.24.78 0l3.94-4.94c.22-.27-.02-.76-.37-.77H18.4c.02-3.9.6-3.4-3.66-3.4H7.28c-1.08 0-1.86-.04-2.4-.04zm.15 2.46c-.1.03-.2.1-.28.2l-3.94 4.9c-.2.28.03.77.4.78H3.6c-.02 3.94-.45 3.4 3.66 3.4h7.44c3.65 0 3.74.3 3.7-2.25l-1.1 1.34c-.1.1-.2.17-.32.2-.16 0-.34-.08-.44-.2l-1.65-2.03c-.06.02-.1.04-.18.04H7.28c-.35 0-.57-.2-.66-.5h2.44c.37 0 .63-.5.4-.78l-3.96-4.9c-.1-.15-.3-.23-.47-.2zM4.88 117.6c-1.16 0-1.3.3-1.3 1.56l1.14-1.38c.08-.1.22-.14.34-.16.16 0 .34.04.44.16l2.22 2.75h7c.42 0 .72.28.72.72v.53h-2.6c-.3.1-.43.54-.2.78l3.92 4.9c.18.25.6.25.78 0l3.94-4.9c.22-.28-.02-.77-.37-.78H18.4v-.53c0-4.2.72-3.63-3.66-3.63H7.28c-1.08 0-1.86-.03-2.4-.03zm.1 1.74c-.1.03-.17.1-.23.16L.8 124.44c-.2.28.03.77.4.78H3.6v.5c0 4.26-.55 3.62 3.66 3.62h7.44c1.03 0 1.74.02 2.28 0-.16.02-.34-.03-.44-.15l-2.22-2.76H7.28c-.44 0-.72-.3-.72-.72v-.5h2.5c.37.02.63-.5.4-.78L5.5 119.5c-.12-.15-.34-.22-.53-.16zm12.02 10c1.2-.02 1.4-.25 1.4-1.53l-1.1 1.36c-.07.1-.17.17-.3.18zM5.94 136.6l2.37 2.93h6.42c.42 0 .72.28.72.72v1.25h-2.6c-.3.1-.43.54-.2.78l3.92 4.9c.18.25.6.25.78 0l3.94-4.9c.22-.28-.02-.77-.37-.78H18.4v-1.25c0-4.2.72-3.63-3.66-3.63H7.28c-.6 0-.92-.02-1.34-.03zm-1.72.06c-.4.08-.54.3-.6.75l.6-.74zm.84.93c-.12 0-.24.08-.3.18l-3.95 4.9c-.24.3 0 .83.4.82H3.6v1.22c0 4.26-.55 3.62 3.66 3.62h7.44c.63 0 .97.02 1.4.03l-2.37-2.93H7.28c-.44 0-.72-.3-.72-.72v-1.22h2.5c.4.04.67-.53.4-.8l-3.96-4.92c-.1-.13-.27-.2-.44-.2zm13.28 10.03l-.56.7c.36-.07.5-.3.56-.7zM17.13 155.6c-.55-.02-1.32.03-2.4.03h-8.2l2.38 2.9h5.82c.42 0 .72.28.72.72v1.97H12.9c-.32.06-.48.52-.28.78l3.94 4.94c.2.23.6.22.78-.03l3.94-4.9c.22-.28-.02-.77-.37-.78H18.4v-1.97c0-3.15.4-3.62-1.25-3.66zm-12.1.28c-.1.02-.2.1-.28.18l-3.94 4.9c-.2.3.03.78.4.8H3.6v1.96c0 4.26-.55 3.62 3.66 3.62h8.24l-2.36-2.9H7.28c-.44 0-.72-.3-.72-.72v-1.97h2.5c.37.02.63-.5.4-.78l-3.96-4.9c-.1-.15-.3-.22-.47-.2zM5.13 174.5c-.15 0-.3.07-.38.2L.8 179.6c-.24.27 0 .82.4.8H3.6v2.32c0 4.26-.55 3.62 3.66 3.62h7.94l-2.35-2.9h-5.6c-.43 0-.7-.3-.7-.72v-2.3h2.5c.38.03.66-.54.4-.83l-3.97-4.9c-.1-.13-.23-.2-.38-.2zm12 .1c-.55-.02-1.32.03-2.4.03H6.83l2.35 2.9h5.52c.42 0 .72.28.72.72v2.34h-2.6c-.3.1-.43.53-.2.78l3.92 4.9c.18.24.6.24.78 0l3.94-4.9c.22-.3-.02-.78-.37-.8H18.4v-2.33c0-3.15.4-3.62-1.25-3.66zM4.97 193.16c-.1.03-.17.1-.22.18l-3.94 4.9c-.2.3.03.78.4.8H3.6v2.68c0 4.26-.55 3.62 3.66 3.62h7.66l-2.3-2.84c-.03-.02-.03-.04-.05-.06H7.27c-.44 0-.72-.3-.72-.72v-2.7h2.5c.37.03.63-.48.4-.77l-3.96-4.9c-.12-.17-.34-.25-.53-.2zm12.16.43c-.55-.02-1.32.03-2.4.03H7.1l2.32 2.84.03.06h5.25c.42 0 .72.28.72.72v2.7h-2.5c-.36.02-.56.54-.3.8l3.92 4.9c.18.25.6.25.78 0l3.94-4.9c.26-.28 0-.83-.37-.8H18.4v-2.7c0-3.15.4-3.62-1.25-3.66z' fill='%232B90D9' stroke-width='0'/></svg>\")}button.icon-button.disabled i.fa-retweet{background-image:url(\"data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='22' height='209'><path d='M4.97 3.16c-.1.03-.17.1-.22.18L.8 8.24c-.2.3.03.78.4.8H3.6v2.68c0 4.26-.55 3.62 3.66 3.62h7.66l-2.3-2.84c-.03-.02-.03-.04-.05-.06H7.27c-.44 0-.72-.3-.72-.72v-2.7h2.5c.37.03.63-.48.4-.77L5.5 3.35c-.12-.17-.34-.25-.53-.2zm12.16.43c-.55-.02-1.32.02-2.4.02H7.1l2.32 2.85.03.06h5.25c.42 0 .72.28.72.72v2.7h-2.5c-.36.02-.56.54-.3.8l3.92 4.9c.18.25.6.25.78 0l3.94-4.9c.26-.28 0-.83-.37-.8H18.4v-2.7c0-3.15.4-3.62-1.25-3.66z' fill='%23828BA4' stroke-width='0'/><path d='M7.78 19.66c-.24.02-.44.25-.44.5v2.46h-.06c-1.08 0-1.86-.03-2.4-.03-1.64 0-1.25.43-1.25 3.65v4.47c0 4.26-.56 3.62 3.65 3.62H8.5l-1.3-1.06c-.1-.08-.18-.2-.2-.3-.02-.17.06-.35.2-.45l1.33-1.1H7.28c-.44 0-.72-.3-.72-.7v-4.48c0-.44.28-.72.72-.72h.06v2.5c0 .38.54.63.82.38l4.9-3.93c.25-.18.25-.6 0-.78l-4.9-3.92c-.1-.1-.24-.14-.38-.12zm9.34 2.93c-.54-.02-1.3.02-2.4.02h-1.25l1.3 1.07c.1.07.18.2.2.33.02.16-.06.3-.2.4l-1.33 1.1h1.28c.42 0 .72.28.72.72v4.47c0 .42-.3.72-.72.72h-.1v-2.47c0-.3-.3-.53-.6-.47-.07 0-.14.05-.2.1l-4.9 3.93c-.26.18-.26.6 0 .78l4.9 3.92c.27.25.82 0 .8-.38v-2.5h.1c4.27 0 3.65.67 3.65-3.62v-4.47c0-3.15.4-3.62-1.25-3.66zM10.34 38.66c-.24.02-.44.25-.43.5v2.47H7.3c-1.08 0-1.86-.04-2.4-.04-1.64 0-1.25.43-1.25 3.65v4.47c0 3.66-.23 3.7 2.34 3.66l-1.34-1.1c-.1-.08-.18-.2-.2-.3 0-.17.07-.35.2-.45l1.96-1.6c-.03-.06-.04-.13-.04-.2v-4.48c0-.44.28-.72.72-.72H9.9v2.5c0 .36.5.6.8.38l4.93-3.93c.24-.18.24-.6 0-.78l-4.94-3.92c-.1-.08-.23-.13-.36-.12zm5.63 2.93l1.34 1.1c.1.07.18.2.2.33.02.16-.03.3-.16.4l-1.96 1.6c.02.07.06.13.06.22v4.47c0 .42-.3.72-.72.72h-2.66v-2.47c0-.3-.3-.53-.6-.47-.06.02-.12.05-.18.1l-4.94 3.93c-.24.18-.24.6 0 .78l4.94 3.92c.28.22.78-.02.78-.38v-2.5h2.66c4.27 0 3.65.67 3.65-3.62v-4.47c0-3.66.34-3.7-2.4-3.66zM13.06 57.66c-.23.03-.4.26-.4.5v2.47H7.28c-1.08 0-1.86-.04-2.4-.04-1.64 0-1.25.43-1.25 3.65v4.87l2.93-2.37v-2.5c0-.44.28-.72.72-.72h5.38v2.5c0 .36.5.6.78.38l4.94-3.93c.24-.18.24-.6 0-.78l-4.94-3.92c-.1-.1-.24-.14-.38-.12zm5.3 6.15l-2.92 2.4v2.52c0 .42-.3.72-.72.72h-5.4v-2.47c0-.3-.32-.53-.6-.47-.07.02-.13.05-.2.1L3.6 70.52c-.25.18-.25.6 0 .78l4.93 3.92c.28.22.78-.02.78-.38v-2.5h5.42c4.27 0 3.65.67 3.65-3.62v-4.47-.44zM19.25 78.8c-.1.03-.2.1-.28.17l-.9.9c-.44-.3-1.36-.25-3.35-.25H7.28c-1.08 0-1.86-.03-2.4-.03-1.64 0-1.25.43-1.25 3.65v.7l2.93.3v-1c0-.44.28-.72.72-.72h7.44c.2 0 .37.08.5.2l-1.8 1.8c-.25.26-.08.76.27.8l6.27.7c.28.03.56-.25.53-.53l-.7-6.25c0-.27-.3-.48-.55-.44zm-17.2 6.1c-.2.07-.36.3-.33.54l.7 6.25c.02.36.58.55.83.27l.8-.8c.02 0 .04-.02.04 0 .46.24 1.37.17 3.18.17h7.44c4.27 0 3.65.67 3.65-3.62v-.75l-2.93-.3v1.05c0 .42-.3.72-.72.72H7.28c-.15 0-.3-.03-.4-.1L8.8 86.4c.3-.24.1-.8-.27-.84l-6.28-.65h-.2zM4.88 98.6c-1.33 0-1.34.48-1.3 2.3l1.14-1.37c.08-.1.22-.17.34-.2.16 0 .34.08.44.2l1.66 2.03c.04 0 .07-.03.12-.03h7.44c.34 0 .57.2.65.5h-2.43c-.34.05-.53.52-.3.78l3.92 4.95c.18.24.6.24.78 0l3.94-4.94c.22-.27-.02-.76-.37-.77H18.4c.02-3.9.6-3.4-3.66-3.4H7.28c-1.08 0-1.86-.04-2.4-.04zm.15 2.46c-.1.03-.2.1-.28.2l-3.94 4.9c-.2.28.03.77.4.78H3.6c-.02 3.94-.45 3.4 3.66 3.4h7.44c3.65 0 3.74.3 3.7-2.25l-1.1 1.34c-.1.1-.2.17-.32.2-.16 0-.34-.08-.44-.2l-1.65-2.03c-.06.02-.1.04-.18.04H7.28c-.35 0-.57-.2-.66-.5h2.44c.37 0 .63-.5.4-.78l-3.96-4.9c-.1-.15-.3-.23-.47-.2zM4.88 117.6c-1.16 0-1.3.3-1.3 1.56l1.14-1.38c.08-.1.22-.14.34-.16.16 0 .34.04.44.16l2.22 2.75h7c.42 0 .72.28.72.72v.53h-2.6c-.3.1-.43.54-.2.78l3.92 4.9c.18.25.6.25.78 0l3.94-4.9c.22-.28-.02-.77-.37-.78H18.4v-.53c0-4.2.72-3.63-3.66-3.63H7.28c-1.08 0-1.86-.03-2.4-.03zm.1 1.74c-.1.03-.17.1-.23.16L.8 124.44c-.2.28.03.77.4.78H3.6v.5c0 4.26-.55 3.62 3.66 3.62h7.44c1.03 0 1.74.02 2.28 0-.16.02-.34-.03-.44-.15l-2.22-2.76H7.28c-.44 0-.72-.3-.72-.72v-.5h2.5c.37.02.63-.5.4-.78L5.5 119.5c-.12-.15-.34-.22-.53-.16zm12.02 10c1.2-.02 1.4-.25 1.4-1.53l-1.1 1.36c-.07.1-.17.17-.3.18zM5.94 136.6l2.37 2.93h6.42c.42 0 .72.28.72.72v1.25h-2.6c-.3.1-.43.54-.2.78l3.92 4.9c.18.25.6.25.78 0l3.94-4.9c.22-.28-.02-.77-.37-.78H18.4v-1.25c0-4.2.72-3.63-3.66-3.63H7.28c-.6 0-.92-.02-1.34-.03zm-1.72.06c-.4.08-.54.3-.6.75l.6-.74zm.84.93c-.12 0-.24.08-.3.18l-3.95 4.9c-.24.3 0 .83.4.82H3.6v1.22c0 4.26-.55 3.62 3.66 3.62h7.44c.63 0 .97.02 1.4.03l-2.37-2.93H7.28c-.44 0-.72-.3-.72-.72v-1.22h2.5c.4.04.67-.53.4-.8l-3.96-4.92c-.1-.13-.27-.2-.44-.2zm13.28 10.03l-.56.7c.36-.07.5-.3.56-.7zM17.13 155.6c-.55-.02-1.32.03-2.4.03h-8.2l2.38 2.9h5.82c.42 0 .72.28.72.72v1.97H12.9c-.32.06-.48.52-.28.78l3.94 4.94c.2.23.6.22.78-.03l3.94-4.9c.22-.28-.02-.77-.37-.78H18.4v-1.97c0-3.15.4-3.62-1.25-3.66zm-12.1.28c-.1.02-.2.1-.28.18l-3.94 4.9c-.2.3.03.78.4.8H3.6v1.96c0 4.26-.55 3.62 3.66 3.62h8.24l-2.36-2.9H7.28c-.44 0-.72-.3-.72-.72v-1.97h2.5c.37.02.63-.5.4-.78l-3.96-4.9c-.1-.15-.3-.22-.47-.2zM5.13 174.5c-.15 0-.3.07-.38.2L.8 179.6c-.24.27 0 .82.4.8H3.6v2.32c0 4.26-.55 3.62 3.66 3.62h7.94l-2.35-2.9h-5.6c-.43 0-.7-.3-.7-.72v-2.3h2.5c.38.03.66-.54.4-.83l-3.97-4.9c-.1-.13-.23-.2-.38-.2zm12 .1c-.55-.02-1.32.03-2.4.03H6.83l2.35 2.9h5.52c.42 0 .72.28.72.72v2.34h-2.6c-.3.1-.43.53-.2.78l3.92 4.9c.18.24.6.24.78 0l3.94-4.9c.22-.3-.02-.78-.37-.8H18.4v-2.33c0-3.15.4-3.62-1.25-3.66zM4.97 193.16c-.1.03-.17.1-.22.18l-3.94 4.9c-.2.3.03.78.4.8H3.6v2.68c0 4.26-.55 3.62 3.66 3.62h7.66l-2.3-2.84c-.03-.02-.03-.04-.05-.06H7.27c-.44 0-.72-.3-.72-.72v-2.7h2.5c.37.03.63-.48.4-.77l-3.96-4.9c-.12-.17-.34-.25-.53-.2zm12.16.43c-.55-.02-1.32.03-2.4.03H7.1l2.32 2.84.03.06h5.25c.42 0 .72.28.72.72v2.7h-2.5c-.36.02-.56.54-.3.8l3.92 4.9c.18.25.6.25.78 0l3.94-4.9c.26-.28 0-.83-.37-.8H18.4v-2.7c0-3.15.4-3.62-1.25-3.66z' fill='%232B90D9' stroke-width='0'/></svg>\")}.app-body{-webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar}.animated-number{display:inline-flex;flex-direction:column;align-items:stretch;overflow:hidden;position:relative}.link-button{display:block;font-size:15px;line-height:20px;color:#2b90d9;border:0;background:transparent;padding:0;cursor:pointer}.link-button:hover,.link-button:active{text-decoration:underline}.link-button:disabled{color:#9bcbed;cursor:default}.button{background-color:#2b90d9;border:10px none;border-radius:4px;box-sizing:border-box;color:#000;cursor:pointer;display:inline-block;font-family:inherit;font-size:14px;font-weight:500;height:36px;letter-spacing:0;line-height:36px;overflow:hidden;padding:0 16px;position:relative;text-align:center;text-transform:uppercase;text-decoration:none;text-overflow:ellipsis;transition:all 100ms ease-in;white-space:nowrap;width:auto}.button:active,.button:focus,.button:hover{background-color:#2074b1;transition:all 200ms ease-out}.button--destructive{transition:none}.button--destructive:active,.button--destructive:focus,.button--destructive:hover{background-color:#df405a;transition:none}.button:disabled,.button.disabled{background-color:#9bcbed;cursor:default}.button::-moz-focus-inner{border:0}.button::-moz-focus-inner,.button:focus,.button:active{outline:0 !important}.button.button-primary,.button.button-alternative,.button.button-secondary,.button.button-alternative-2{font-size:16px;line-height:36px;height:auto;text-transform:none;padding:4px 16px}.button.button-alternative{color:#000;background:#9bcbed}.button.button-alternative:active,.button.button-alternative:focus,.button.button-alternative:hover{background-color:#8ac2ea}.button.button-alternative-2{background:#b0c0cf}.button.button-alternative-2:active,.button.button-alternative-2:focus,.button.button-alternative-2:hover{background-color:#a3b6c7}.button.button-secondary{color:#282c37;background:transparent;padding:3px 15px;border:1px solid #9bcbed}.button.button-secondary:active,.button.button-secondary:focus,.button.button-secondary:hover{border-color:#8ac2ea;color:#1f232b}.button.button-secondary:disabled{opacity:.5}.button.button--block{display:block;width:100%}.column__wrapper{display:flex;flex:1 1 auto;position:relative}.icon-button{display:inline-block;padding:0;color:#606984;border:0;border-radius:4px;background:transparent;cursor:pointer;transition:all 100ms ease-in;transition-property:background-color,color}.icon-button:hover,.icon-button:active,.icon-button:focus{color:#51596f;background-color:rgba(96,105,132,.15);transition:all 200ms ease-out;transition-property:background-color,color}.icon-button:focus{background-color:rgba(96,105,132,.3)}.icon-button.disabled{color:#828ba4;background-color:transparent;cursor:default}.icon-button.active{color:#2b90d9}.icon-button::-moz-focus-inner{border:0}.icon-button::-moz-focus-inner,.icon-button:focus,.icon-button:active{outline:0 !important}.icon-button.inverted{color:#282c37}.icon-button.inverted:hover,.icon-button.inverted:active,.icon-button.inverted:focus{color:#373d4c;background-color:rgba(40,44,55,.15)}.icon-button.inverted:focus{background-color:rgba(40,44,55,.3)}.icon-button.inverted.disabled{color:#191b22;background-color:transparent}.icon-button.inverted.active{color:#2b90d9}.icon-button.inverted.active.disabled{color:#1d6ca4}.icon-button.overlayed{box-sizing:content-box;background:rgba(255,255,255,.6);color:rgba(0,0,0,.7);border-radius:4px;padding:2px}.icon-button.overlayed:hover{background:rgba(255,255,255,.9)}.text-icon-button{color:#282c37;border:0;border-radius:4px;background:transparent;cursor:pointer;font-weight:600;font-size:11px;padding:0 3px;line-height:27px;outline:0;transition:all 100ms ease-in;transition-property:background-color,color}.text-icon-button:hover,.text-icon-button:active,.text-icon-button:focus{color:#373d4c;background-color:rgba(40,44,55,.15);transition:all 200ms ease-out;transition-property:background-color,color}.text-icon-button:focus{background-color:rgba(40,44,55,.3)}.text-icon-button.disabled{color:#000;background-color:transparent;cursor:default}.text-icon-button.active{color:#2b90d9}.text-icon-button::-moz-focus-inner{border:0}.text-icon-button::-moz-focus-inner,.text-icon-button:focus,.text-icon-button:active{outline:0 !important}.dropdown-menu{position:absolute}.invisible{font-size:0;line-height:0;display:inline-block;width:0;height:0;position:absolute}.invisible img,.invisible svg{margin:0 !important;border:0 !important;padding:0 !important;width:0 !important;height:0 !important}.ellipsis::after{content:\"…\"}.compose-form{padding:10px}.compose-form__sensitive-button{padding:10px;padding-top:0;font-size:14px;font-weight:500}.compose-form__sensitive-button.active{color:#2b90d9}.compose-form__sensitive-button input[type=checkbox]{display:none}.compose-form__sensitive-button .checkbox{display:inline-block;position:relative;border:1px solid #9bcbed;box-sizing:border-box;width:18px;height:18px;flex:0 0 auto;margin-right:10px;top:-1px;border-radius:4px;vertical-align:middle}.compose-form__sensitive-button .checkbox.active{border-color:#2b90d9;background:#2b90d9}.compose-form .compose-form__warning{color:#000;margin-bottom:10px;background:#9bcbed;box-shadow:0 2px 6px rgba(0,0,0,.3);padding:8px 10px;border-radius:4px;font-size:13px;font-weight:400}.compose-form .compose-form__warning strong{color:#000;font-weight:500}.compose-form .compose-form__warning strong:lang(ja){font-weight:700}.compose-form .compose-form__warning strong:lang(ko){font-weight:700}.compose-form .compose-form__warning strong:lang(zh-CN){font-weight:700}.compose-form .compose-form__warning strong:lang(zh-HK){font-weight:700}.compose-form .compose-form__warning strong:lang(zh-TW){font-weight:700}.compose-form .compose-form__warning a{color:#282c37;font-weight:500;text-decoration:underline}.compose-form .compose-form__warning a:hover,.compose-form .compose-form__warning a:active,.compose-form .compose-form__warning a:focus{text-decoration:none}.compose-form .emoji-picker-dropdown{position:absolute;top:0;right:0}.compose-form .compose-form__autosuggest-wrapper{position:relative}.compose-form .autosuggest-textarea,.compose-form .autosuggest-input,.compose-form .spoiler-input{position:relative;width:100%}.compose-form .spoiler-input{height:0;transform-origin:bottom;opacity:0}.compose-form .spoiler-input.spoiler-input--visible{height:36px;margin-bottom:11px;opacity:1}.compose-form .autosuggest-textarea__textarea,.compose-form .spoiler-input__input{display:block;box-sizing:border-box;width:100%;margin:0;color:#000;background:#fff;padding:10px;font-family:inherit;font-size:14px;resize:vertical;border:0;outline:0}.compose-form .autosuggest-textarea__textarea::placeholder,.compose-form .spoiler-input__input::placeholder{color:#444b5d}.compose-form .autosuggest-textarea__textarea:focus,.compose-form .spoiler-input__input:focus{outline:0}@media screen and (max-width: 600px){.compose-form .autosuggest-textarea__textarea,.compose-form .spoiler-input__input{font-size:16px}}.compose-form .spoiler-input__input{border-radius:4px}.compose-form .autosuggest-textarea__textarea{min-height:100px;border-radius:4px 4px 0 0;padding-bottom:0;padding-right:32px;resize:none;scrollbar-color:initial}.compose-form .autosuggest-textarea__textarea::-webkit-scrollbar{all:unset}@media screen and (max-width: 600px){.compose-form .autosuggest-textarea__textarea{height:100px !important;resize:vertical}}.compose-form .autosuggest-textarea__suggestions-wrapper{position:relative;height:0}.compose-form .autosuggest-textarea__suggestions{box-sizing:border-box;display:none;position:absolute;top:100%;width:100%;z-index:99;box-shadow:4px 4px 6px rgba(0,0,0,.4);background:#282c37;border-radius:0 0 4px 4px;color:#000;font-size:14px;padding:6px}.compose-form .autosuggest-textarea__suggestions.autosuggest-textarea__suggestions--visible{display:block}.compose-form .autosuggest-textarea__suggestions__item{padding:10px;cursor:pointer;border-radius:4px}.compose-form .autosuggest-textarea__suggestions__item:hover,.compose-form .autosuggest-textarea__suggestions__item:focus,.compose-form .autosuggest-textarea__suggestions__item:active,.compose-form .autosuggest-textarea__suggestions__item.selected{background:#3d4455}.compose-form .autosuggest-account,.compose-form .autosuggest-emoji,.compose-form .autosuggest-hashtag{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;line-height:18px;font-size:14px}.compose-form .autosuggest-hashtag{justify-content:space-between}.compose-form .autosuggest-hashtag__name{flex:1 1 auto;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.compose-form .autosuggest-hashtag strong{font-weight:500}.compose-form .autosuggest-hashtag__uses{flex:0 0 auto;text-align:right;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.compose-form .autosuggest-account-icon,.compose-form .autosuggest-emoji img{display:block;margin-right:8px;width:16px;height:16px}.compose-form .autosuggest-account .display-name__account{color:#282c37}.compose-form .compose-form__modifiers{color:#000;font-family:inherit;font-size:14px;background:#fff}.compose-form .compose-form__modifiers .compose-form__upload-wrapper{overflow:hidden}.compose-form .compose-form__modifiers .compose-form__uploads-wrapper{display:flex;flex-direction:row;padding:5px;flex-wrap:wrap}.compose-form .compose-form__modifiers .compose-form__upload{flex:1 1 0;min-width:40%;margin:5px}.compose-form .compose-form__modifiers .compose-form__upload__actions{background:linear-gradient(180deg, rgba(0, 0, 0, 0.8) 0, rgba(0, 0, 0, 0.35) 80%, transparent);display:flex;align-items:flex-start;justify-content:space-between;opacity:0;transition:opacity .1s ease}.compose-form .compose-form__modifiers .compose-form__upload__actions .icon-button{flex:0 1 auto;color:#282c37;font-size:14px;font-weight:500;padding:10px;font-family:inherit}.compose-form .compose-form__modifiers .compose-form__upload__actions .icon-button:hover,.compose-form .compose-form__modifiers .compose-form__upload__actions .icon-button:focus,.compose-form .compose-form__modifiers .compose-form__upload__actions .icon-button:active{color:#191b22}.compose-form .compose-form__modifiers .compose-form__upload__actions.active{opacity:1}.compose-form .compose-form__modifiers .compose-form__upload-description{position:absolute;z-index:2;bottom:0;left:0;right:0;box-sizing:border-box;background:linear-gradient(0deg, rgba(0, 0, 0, 0.8) 0, rgba(0, 0, 0, 0.35) 80%, transparent);padding:10px;opacity:0;transition:opacity .1s ease}.compose-form .compose-form__modifiers .compose-form__upload-description textarea{background:transparent;color:#282c37;border:0;padding:0;margin:0;width:100%;font-family:inherit;font-size:14px;font-weight:500}.compose-form .compose-form__modifiers .compose-form__upload-description textarea:focus{color:#fff}.compose-form .compose-form__modifiers .compose-form__upload-description textarea::placeholder{opacity:.75;color:#282c37}.compose-form .compose-form__modifiers .compose-form__upload-description.active{opacity:1}.compose-form .compose-form__modifiers .compose-form__upload-thumbnail{border-radius:4px;background-color:#000;background-position:center;background-size:cover;background-repeat:no-repeat;height:140px;width:100%;overflow:hidden}.compose-form .compose-form__buttons-wrapper{padding:10px;background:#fff;border-radius:0 0 4px 4px;display:flex;justify-content:space-between;flex:0 0 auto}.compose-form .compose-form__buttons-wrapper .compose-form__buttons{display:flex}.compose-form .compose-form__buttons-wrapper .compose-form__buttons .compose-form__upload-button-icon{line-height:27px}.compose-form .compose-form__buttons-wrapper .compose-form__buttons .compose-form__sensitive-button{display:none}.compose-form .compose-form__buttons-wrapper .compose-form__buttons .compose-form__sensitive-button.compose-form__sensitive-button--visible{display:block}.compose-form .compose-form__buttons-wrapper .compose-form__buttons .compose-form__sensitive-button .compose-form__sensitive-button__icon{line-height:27px}.compose-form .compose-form__buttons-wrapper .icon-button,.compose-form .compose-form__buttons-wrapper .text-icon-button{box-sizing:content-box;padding:0 3px}.compose-form .compose-form__buttons-wrapper .character-counter__wrapper{align-self:center;margin-right:4px}.compose-form .compose-form__publish{display:flex;justify-content:flex-end;min-width:0;flex:0 0 auto}.compose-form .compose-form__publish .compose-form__publish-button-wrapper{overflow:hidden;padding-top:10px}.character-counter{cursor:default;font-family:\"mastodon-font-sans-serif\",sans-serif;font-size:14px;font-weight:600;color:#282c37}.character-counter.character-counter--over{color:#ff5050}.no-reduce-motion .spoiler-input{transition:height .4s ease,opacity .4s ease}.emojione{font-size:inherit;vertical-align:middle;object-fit:contain;margin:-0.2ex .15em .2ex;width:16px;height:16px}.emojione img{width:auto}.reply-indicator{border-radius:4px;margin-bottom:10px;background:#9bcbed;padding:10px;min-height:23px;overflow-y:auto;flex:0 2 auto}.reply-indicator__header{margin-bottom:5px;overflow:hidden}.reply-indicator__cancel{float:right;line-height:24px}.reply-indicator__display-name{color:#000;display:block;max-width:100%;line-height:24px;overflow:hidden;padding-right:25px;text-decoration:none}.reply-indicator__display-avatar{float:left;margin-right:5px}.status__content--with-action{cursor:pointer}.status__content,.reply-indicator__content{position:relative;font-size:15px;line-height:20px;word-wrap:break-word;font-weight:400;overflow:hidden;text-overflow:ellipsis;padding-top:2px;color:#000}.status__content:focus,.reply-indicator__content:focus{outline:0}.status__content.status__content--with-spoiler,.reply-indicator__content.status__content--with-spoiler{white-space:normal}.status__content.status__content--with-spoiler .status__content__text,.reply-indicator__content.status__content--with-spoiler .status__content__text{white-space:pre-wrap}.status__content .emojione,.reply-indicator__content .emojione{width:20px;height:20px;margin:-3px 0 0}.status__content img,.reply-indicator__content img{max-width:100%;max-height:400px;object-fit:contain}.status__content p,.reply-indicator__content p{margin-bottom:20px;white-space:pre-wrap}.status__content p:last-child,.reply-indicator__content p:last-child{margin-bottom:0}.status__content a,.reply-indicator__content a{color:#d8a070;text-decoration:none}.status__content a:hover,.reply-indicator__content a:hover{text-decoration:underline}.status__content a:hover .fa,.reply-indicator__content a:hover .fa{color:#353a48}.status__content a.mention:hover,.reply-indicator__content a.mention:hover{text-decoration:none}.status__content a.mention:hover span,.reply-indicator__content a.mention:hover span{text-decoration:underline}.status__content a .fa,.reply-indicator__content a .fa{color:#444b5d}.status__content a.unhandled-link,.reply-indicator__content a.unhandled-link{color:#217aba}.status__content .status__content__spoiler-link,.reply-indicator__content .status__content__spoiler-link{background:#606984}.status__content .status__content__spoiler-link:hover,.reply-indicator__content .status__content__spoiler-link:hover{background:#51596f;text-decoration:none}.status__content .status__content__spoiler-link::-moz-focus-inner,.reply-indicator__content .status__content__spoiler-link::-moz-focus-inner{border:0}.status__content .status__content__spoiler-link::-moz-focus-inner,.status__content .status__content__spoiler-link:focus,.status__content .status__content__spoiler-link:active,.reply-indicator__content .status__content__spoiler-link::-moz-focus-inner,.reply-indicator__content .status__content__spoiler-link:focus,.reply-indicator__content .status__content__spoiler-link:active{outline:0 !important}.status__content .status__content__text,.reply-indicator__content .status__content__text{display:none}.status__content .status__content__text.status__content__text--visible,.reply-indicator__content .status__content__text.status__content__text--visible{display:block}.announcements__item__content{word-wrap:break-word;overflow-y:auto}.announcements__item__content .emojione{width:20px;height:20px;margin:-3px 0 0}.announcements__item__content p{margin-bottom:10px;white-space:pre-wrap}.announcements__item__content p:last-child{margin-bottom:0}.announcements__item__content a{color:#282c37;text-decoration:none}.announcements__item__content a:hover{text-decoration:underline}.announcements__item__content a.mention:hover{text-decoration:none}.announcements__item__content a.mention:hover span{text-decoration:underline}.announcements__item__content a.unhandled-link{color:#217aba}.status__content.status__content--collapsed{max-height:300px}.status__content__read-more-button{display:block;font-size:15px;line-height:20px;color:#217aba;border:0;background:transparent;padding:0;padding-top:8px;text-decoration:none}.status__content__read-more-button:hover,.status__content__read-more-button:active{text-decoration:underline}.status__content__spoiler-link{display:inline-block;border-radius:2px;background:transparent;border:0;color:#000;font-weight:700;font-size:11px;padding:0 6px;text-transform:uppercase;line-height:20px;cursor:pointer;vertical-align:middle}.status__wrapper--filtered{color:#444b5d;border:0;font-size:inherit;text-align:center;line-height:inherit;margin:0;padding:15px;box-sizing:border-box;width:100%;clear:both;border-bottom:1px solid #c0cdd9}.status__prepend-icon-wrapper{left:-26px;position:absolute}.focusable:focus{outline:0;background:#ccd7e0}.focusable:focus .status.status-direct{background:#b3c3d1}.focusable:focus .status.status-direct.muted{background:transparent}.focusable:focus .detailed-status,.focusable:focus .detailed-status__action-bar{background:#c0cdd9}.status{padding:8px 10px;padding-left:68px;position:relative;min-height:54px;border-bottom:1px solid #c0cdd9;cursor:default;opacity:1;animation:fade 150ms linear}@supports(-ms-overflow-style: -ms-autohiding-scrollbar){.status{padding-right:26px}}@keyframes fade{0%{opacity:0}100%{opacity:1}}.status .video-player,.status .audio-player{margin-top:8px}.status.status-direct:not(.read){background:#c0cdd9;border-bottom-color:#b3c3d1}.status.light .status__relative-time{color:#444b5d}.status.light .status__display-name{color:#000}.status.light .display-name{color:#444b5d}.status.light .display-name strong{color:#000}.status.light .status__content{color:#000}.status.light .status__content a{color:#2b90d9}.status.light .status__content a.status__content__spoiler-link{color:#000;background:#9bcbed}.status.light .status__content a.status__content__spoiler-link:hover{background:#78b9e7}.notification-favourite .status.status-direct{background:transparent}.notification-favourite .status.status-direct .icon-button.disabled{color:#444a5e}.status__relative-time,.notification__relative_time{color:#444b5d;float:right;font-size:14px}.status__display-name{color:#444b5d}.status__info .status__display-name{display:block;max-width:100%;padding-right:25px}.status__info{font-size:15px}.status-check-box{border-bottom:1px solid #282c37;display:flex}.status-check-box .status-check-box__status{margin:10px 0 10px 10px;flex:1;overflow:hidden}.status-check-box .status-check-box__status .media-gallery{max-width:250px}.status-check-box .status-check-box__status .status__content{padding:0;white-space:normal}.status-check-box .status-check-box__status .video-player,.status-check-box .status-check-box__status .audio-player{margin-top:8px;max-width:250px}.status-check-box .status-check-box__status .media-gallery__item-thumbnail{cursor:default}.status-check-box-toggle{align-items:center;display:flex;flex:0 0 auto;justify-content:center;padding:10px}.status__prepend{margin-left:68px;color:#444b5d;padding:8px 0;padding-bottom:2px;font-size:14px;position:relative}.status__prepend .status__display-name strong{color:#444b5d}.status__prepend>span{display:block;overflow:hidden;text-overflow:ellipsis}.status__action-bar{align-items:center;display:flex;margin-top:8px}.status__action-bar__counter{display:inline-flex;margin-right:11px;align-items:center}.status__action-bar__counter .status__action-bar-button{margin-right:4px}.status__action-bar__counter__label{display:inline-block;width:14px;font-size:12px;font-weight:500;color:#606984}.status__action-bar-button{margin-right:18px}.status__action-bar-dropdown{height:23.15px;width:23.15px}.detailed-status__action-bar-dropdown{flex:1 1 auto;display:flex;align-items:center;justify-content:center;position:relative}.detailed-status{background:#ccd7e0;padding:14px 10px}.detailed-status--flex{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-start}.detailed-status--flex .status__content,.detailed-status--flex .detailed-status__meta{flex:100%}.detailed-status .status__content{font-size:19px;line-height:24px}.detailed-status .status__content .emojione{width:24px;height:24px;margin:-1px 0 0}.detailed-status .status__content .status__content__spoiler-link{line-height:24px;margin:-1px 0 0}.detailed-status .video-player,.detailed-status .audio-player{margin-top:8px}.detailed-status__meta{margin-top:15px;color:#444b5d;font-size:14px;line-height:18px}.detailed-status__action-bar{background:#ccd7e0;border-top:1px solid #c0cdd9;border-bottom:1px solid #c0cdd9;display:flex;flex-direction:row;padding:10px 0}.detailed-status__link{color:inherit;text-decoration:none}.detailed-status__favorites,.detailed-status__reblogs{display:inline-block;font-weight:500;font-size:12px;margin-left:6px}.reply-indicator__content{color:#000;font-size:14px}.reply-indicator__content a{color:#282c37}.domain{padding:10px;border-bottom:1px solid #c0cdd9}.domain .domain__domain-name{flex:1 1 auto;display:block;color:#000;text-decoration:none;font-size:14px;font-weight:500}.domain__wrapper{display:flex}.domain_buttons{height:18px;padding:10px;white-space:nowrap}.account{padding:10px;border-bottom:1px solid #c0cdd9}.account.compact{padding:0;border-bottom:0}.account.compact .account__avatar-wrapper{margin-left:0}.account .account__display-name{flex:1 1 auto;display:block;color:#282c37;overflow:hidden;text-decoration:none;font-size:14px}.account__wrapper{display:flex}.account__avatar-wrapper{float:left;margin-left:12px;margin-right:12px}.account__avatar{border-radius:4px;background:transparent no-repeat;background-position:50%;background-clip:padding-box;position:relative}.account__avatar-inline{display:inline-block;vertical-align:middle;margin-right:5px}.account__avatar-composite{border-radius:4px;background:transparent no-repeat;background-position:50%;background-clip:padding-box;border-radius:50%;overflow:hidden;position:relative}.account__avatar-composite>div{float:left;position:relative;box-sizing:border-box}.account__avatar-composite__label{display:block;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);color:#000;text-shadow:1px 1px 2px #000;font-weight:700;font-size:15px}a .account__avatar{cursor:pointer}.account__avatar-overlay{width:48px;height:48px;background-size:48px 48px}.account__avatar-overlay-base{border-radius:4px;background:transparent no-repeat;background-position:50%;background-clip:padding-box;width:36px;height:36px;background-size:36px 36px}.account__avatar-overlay-overlay{border-radius:4px;background:transparent no-repeat;background-position:50%;background-clip:padding-box;width:24px;height:24px;background-size:24px 24px;position:absolute;bottom:0;right:0;z-index:1}.account__relationship{height:18px;padding:10px;white-space:nowrap}.account__disclaimer{padding:10px;border-top:1px solid #c0cdd9;color:#444b5d}.account__disclaimer strong{font-weight:500}.account__disclaimer strong:lang(ja){font-weight:700}.account__disclaimer strong:lang(ko){font-weight:700}.account__disclaimer strong:lang(zh-CN){font-weight:700}.account__disclaimer strong:lang(zh-HK){font-weight:700}.account__disclaimer strong:lang(zh-TW){font-weight:700}.account__disclaimer a{font-weight:500;color:inherit;text-decoration:underline}.account__disclaimer a:hover,.account__disclaimer a:focus,.account__disclaimer a:active{text-decoration:none}.account__action-bar{border-top:1px solid #c0cdd9;border-bottom:1px solid #c0cdd9;line-height:36px;overflow:hidden;flex:0 0 auto;display:flex}.account__action-bar-dropdown{padding:10px}.account__action-bar-dropdown .icon-button{vertical-align:middle}.account__action-bar-dropdown .dropdown--active .dropdown__content.dropdown__right{left:6px;right:initial}.account__action-bar-dropdown .dropdown--active::after{bottom:initial;margin-left:11px;margin-top:-7px;right:initial}.account__action-bar-links{display:flex;flex:1 1 auto;line-height:18px;text-align:center}.account__action-bar__tab{text-decoration:none;overflow:hidden;flex:0 1 100%;border-right:1px solid #c0cdd9;padding:10px 0;border-bottom:4px solid transparent}.account__action-bar__tab.active{border-bottom:4px solid #2b90d9}.account__action-bar__tab>span{display:block;text-transform:uppercase;font-size:11px;color:#282c37}.account__action-bar__tab strong{display:block;font-size:15px;font-weight:500;color:#000}.account__action-bar__tab strong:lang(ja){font-weight:700}.account__action-bar__tab strong:lang(ko){font-weight:700}.account__action-bar__tab strong:lang(zh-CN){font-weight:700}.account__action-bar__tab strong:lang(zh-HK){font-weight:700}.account__action-bar__tab strong:lang(zh-TW){font-weight:700}.account-authorize{padding:14px 10px}.account-authorize .detailed-status__display-name{display:block;margin-bottom:15px;overflow:hidden}.account-authorize__avatar{float:left;margin-right:10px}.status__display-name,.status__relative-time,.detailed-status__display-name,.detailed-status__datetime,.detailed-status__application,.account__display-name{text-decoration:none}.status__display-name strong,.account__display-name strong{color:#000}.muted .emojione{opacity:.5}.status__display-name:hover strong,.reply-indicator__display-name:hover strong,.detailed-status__display-name:hover strong,a.account__display-name:hover strong{text-decoration:underline}.account__display-name strong{display:block;overflow:hidden;text-overflow:ellipsis}.detailed-status__application,.detailed-status__datetime{color:inherit}.detailed-status .button.logo-button{margin-bottom:15px}.detailed-status__display-name{color:#282c37;display:block;line-height:24px;margin-bottom:15px;overflow:hidden}.detailed-status__display-name strong,.detailed-status__display-name span{display:block;text-overflow:ellipsis;overflow:hidden}.detailed-status__display-name strong{font-size:16px;color:#000}.detailed-status__display-avatar{float:left;margin-right:10px}.status__avatar{height:48px;left:10px;position:absolute;top:10px;width:48px}.status__expand{width:68px;position:absolute;left:0;top:0;height:100%;cursor:pointer}.muted .status__content,.muted .status__content p,.muted .status__content a{color:#444b5d}.muted .status__display-name strong{color:#444b5d}.muted .status__avatar{opacity:.5}.muted a.status__content__spoiler-link{background:#b0c0cf;color:#000}.muted a.status__content__spoiler-link:hover{background:#9aaec2;text-decoration:none}.notification__message{margin:0 10px 0 68px;padding:8px 0 0;cursor:default;color:#282c37;font-size:15px;line-height:22px;position:relative}.notification__message .fa{color:#2b90d9}.notification__message>span{display:inline;overflow:hidden;text-overflow:ellipsis}.notification__favourite-icon-wrapper{left:-26px;position:absolute}.notification__favourite-icon-wrapper .star-icon{color:#ca8f04}.star-icon.active{color:#ca8f04}.bookmark-icon.active{color:#ff5050}.no-reduce-motion .icon-button.star-icon.activate>.fa-star{animation:spring-rotate-in 1s linear}.no-reduce-motion .icon-button.star-icon.deactivate>.fa-star{animation:spring-rotate-out 1s linear}.notification__display-name{color:inherit;font-weight:500;text-decoration:none}.notification__display-name:hover{color:#000;text-decoration:underline}.notification__relative_time{float:right}.display-name{display:block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.display-name__html{font-weight:500}.display-name__account{font-size:14px}.status__relative-time:hover,.detailed-status__datetime:hover{text-decoration:underline}.image-loader{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center;flex-direction:column}.image-loader .image-loader__preview-canvas{max-width:100%;max-height:80%;background:url(\"~images/void.png\") repeat;object-fit:contain}.image-loader .loading-bar{position:relative}.image-loader.image-loader--amorphous .image-loader__preview-canvas{display:none}.zoomable-image{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center}.zoomable-image img{max-width:100%;max-height:80%;width:auto;height:auto;object-fit:contain}.navigation-bar{padding:10px;display:flex;align-items:center;flex-shrink:0;cursor:default;color:#282c37}.navigation-bar strong{color:#282c37}.navigation-bar a{color:inherit}.navigation-bar .permalink{text-decoration:none}.navigation-bar .navigation-bar__actions{position:relative}.navigation-bar .navigation-bar__actions .icon-button.close{position:absolute;pointer-events:none;transform:scale(0, 1) translate(-100%, 0);opacity:0}.navigation-bar .navigation-bar__actions .compose__action-bar .icon-button{pointer-events:auto;transform:scale(1, 1) translate(0, 0);opacity:1}.navigation-bar__profile{flex:1 1 auto;margin-left:8px;line-height:20px;margin-top:-1px;overflow:hidden}.navigation-bar__profile-account{display:block;font-weight:500;overflow:hidden;text-overflow:ellipsis}.navigation-bar__profile-edit{color:inherit;text-decoration:none}.dropdown{display:inline-block}.dropdown__content{display:none;position:absolute}.dropdown-menu__separator{border-bottom:1px solid #393f4f;margin:5px 7px 6px;height:0}.dropdown-menu{background:#282c37;padding:4px 0;border-radius:4px;box-shadow:2px 4px 15px rgba(0,0,0,.4);z-index:9999}.dropdown-menu ul{list-style:none}.dropdown-menu.left{transform-origin:100% 50%}.dropdown-menu.top{transform-origin:50% 100%}.dropdown-menu.bottom{transform-origin:50% 0}.dropdown-menu.right{transform-origin:0 50%}.dropdown-menu__arrow{position:absolute;width:0;height:0;border:0 solid transparent}.dropdown-menu__arrow.left{right:-5px;margin-top:-5px;border-width:5px 0 5px 5px;border-left-color:#282c37}.dropdown-menu__arrow.top{bottom:-5px;margin-left:-7px;border-width:5px 7px 0;border-top-color:#282c37}.dropdown-menu__arrow.bottom{top:-5px;margin-left:-7px;border-width:0 7px 5px;border-bottom-color:#282c37}.dropdown-menu__arrow.right{left:-5px;margin-top:-5px;border-width:5px 5px 5px 0;border-right-color:#282c37}.dropdown-menu__item a{font-size:13px;line-height:18px;display:block;padding:4px 14px;box-sizing:border-box;text-decoration:none;background:#282c37;color:#000;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dropdown-menu__item a:focus,.dropdown-menu__item a:hover,.dropdown-menu__item a:active{background:#2b90d9;color:#282c37;outline:0}.dropdown--active .dropdown__content{display:block;line-height:18px;max-width:311px;right:0;text-align:left;z-index:9999}.dropdown--active .dropdown__content>ul{list-style:none;background:#282c37;padding:4px 0;border-radius:4px;box-shadow:0 0 15px rgba(0,0,0,.4);min-width:140px;position:relative}.dropdown--active .dropdown__content.dropdown__right{right:0}.dropdown--active .dropdown__content.dropdown__left>ul{left:-98px}.dropdown--active .dropdown__content>ul>li>a{font-size:13px;line-height:18px;display:block;padding:4px 14px;box-sizing:border-box;text-decoration:none;background:#282c37;color:#000;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dropdown--active .dropdown__content>ul>li>a:focus{outline:0}.dropdown--active .dropdown__content>ul>li>a:hover{background:#2b90d9;color:#282c37}.dropdown__icon{vertical-align:middle}.columns-area{display:flex;flex:1 1 auto;flex-direction:row;justify-content:flex-start;overflow-x:auto;position:relative}.columns-area.unscrollable{overflow-x:hidden}.columns-area__panels{display:flex;justify-content:center;width:100%;height:100%;min-height:100vh}.columns-area__panels__pane{height:100%;overflow:hidden;pointer-events:none;display:flex;justify-content:flex-end;min-width:285px}.columns-area__panels__pane--start{justify-content:flex-start}.columns-area__panels__pane__inner{position:fixed;width:285px;pointer-events:auto;height:100%}.columns-area__panels__main{box-sizing:border-box;width:100%;max-width:600px;flex:0 0 auto;display:flex;flex-direction:column}@media screen and (min-width: 415px){.columns-area__panels__main{padding:0 10px}}.tabs-bar__wrapper{background:#f2f5f7;position:sticky;top:0;z-index:2;padding-top:0}@media screen and (min-width: 415px){.tabs-bar__wrapper{padding-top:10px}}.tabs-bar__wrapper .tabs-bar{margin-bottom:0}@media screen and (min-width: 415px){.tabs-bar__wrapper .tabs-bar{margin-bottom:10px}}.react-swipeable-view-container,.react-swipeable-view-container .columns-area,.react-swipeable-view-container .drawer,.react-swipeable-view-container .column{height:100%}.react-swipeable-view-container>*{display:flex;align-items:center;justify-content:center;height:100%}.column{width:350px;position:relative;box-sizing:border-box;display:flex;flex-direction:column}.column>.scrollable{background:#d9e1e8;border-bottom-left-radius:2px;border-bottom-right-radius:2px}.ui{flex:0 0 auto;display:flex;flex-direction:column;width:100%;height:100%}.drawer{width:330px;box-sizing:border-box;display:flex;flex-direction:column;overflow-y:hidden}.drawer__tab{display:block;flex:1 1 auto;padding:15px 5px 13px;color:#282c37;text-decoration:none;text-align:center;font-size:16px;border-bottom:2px solid transparent}.column,.drawer{flex:1 1 auto;overflow:hidden}@media screen and (min-width: 631px){.columns-area{padding:0}.column,.drawer{flex:0 0 auto;padding:10px;padding-left:5px;padding-right:5px}.column:first-child,.drawer:first-child{padding-left:10px}.column:last-child,.drawer:last-child{padding-right:10px}.columns-area>div .column,.columns-area>div .drawer{padding-left:5px;padding-right:5px}}.tabs-bar{box-sizing:border-box;display:flex;background:#c0cdd9;flex:0 0 auto;overflow-y:auto}.tabs-bar__link{display:block;flex:1 1 auto;padding:15px 10px;padding-bottom:13px;color:#000;text-decoration:none;text-align:center;font-size:14px;font-weight:500;border-bottom:2px solid #c0cdd9;transition:all 50ms linear;transition-property:border-bottom,background,color}.tabs-bar__link .fa{font-weight:400;font-size:16px}@media screen and (min-width: 631px){.tabs-bar__link:hover,.tabs-bar__link:focus,.tabs-bar__link:active{background:#adbecd;border-bottom-color:#adbecd}}.tabs-bar__link.active{border-bottom:2px solid #2b90d9;color:#2b90d9}.tabs-bar__link span{margin-left:5px;display:none}@media screen and (min-width: 600px){.tabs-bar__link span{display:inline}}.columns-area--mobile{flex-direction:column;width:100%;height:100%;margin:0 auto}.columns-area--mobile .column,.columns-area--mobile .drawer{width:100%;height:100%;padding:0}.columns-area--mobile .directory__list{display:grid;grid-gap:10px;grid-template-columns:minmax(0, 50%) minmax(0, 50%)}@media screen and (max-width: 415px){.columns-area--mobile .directory__list{display:block}}.columns-area--mobile .directory__card{margin-bottom:0}.columns-area--mobile .filter-form{display:flex}.columns-area--mobile .autosuggest-textarea__textarea{font-size:16px}.columns-area--mobile .search__input{line-height:18px;font-size:16px;padding:15px;padding-right:30px}.columns-area--mobile .search__icon .fa{top:15px}.columns-area--mobile .scrollable{overflow:visible}@supports(display: grid){.columns-area--mobile .scrollable{contain:content}}@media screen and (min-width: 415px){.columns-area--mobile{padding:10px 0;padding-top:0}}@media screen and (min-width: 630px){.columns-area--mobile .detailed-status{padding:15px}.columns-area--mobile .detailed-status .media-gallery,.columns-area--mobile .detailed-status .video-player,.columns-area--mobile .detailed-status .audio-player{margin-top:15px}.columns-area--mobile .account__header__bar{padding:5px 10px}.columns-area--mobile .navigation-bar,.columns-area--mobile .compose-form{padding:15px}.columns-area--mobile .compose-form .compose-form__publish .compose-form__publish-button-wrapper{padding-top:15px}.columns-area--mobile .status{padding:15px 15px 15px 78px;min-height:50px}.columns-area--mobile .status__avatar{left:15px;top:17px}.columns-area--mobile .status__content{padding-top:5px}.columns-area--mobile .status__prepend{margin-left:78px;padding-top:15px}.columns-area--mobile .status__prepend-icon-wrapper{left:-32px}.columns-area--mobile .status .media-gallery,.columns-area--mobile .status__action-bar,.columns-area--mobile .status .video-player,.columns-area--mobile .status .audio-player{margin-top:10px}.columns-area--mobile .account{padding:15px 10px}.columns-area--mobile .account__header__bio{margin:0 -10px}.columns-area--mobile .notification__message{margin-left:78px;padding-top:15px}.columns-area--mobile .notification__favourite-icon-wrapper{left:-32px}.columns-area--mobile .notification .status{padding-top:8px}.columns-area--mobile .notification .account{padding-top:8px}.columns-area--mobile .notification .account__avatar-wrapper{margin-left:17px;margin-right:15px}}.floating-action-button{position:fixed;display:flex;justify-content:center;align-items:center;width:3.9375rem;height:3.9375rem;bottom:1.3125rem;right:1.3125rem;background:#3897db;color:#fff;border-radius:50%;font-size:21px;line-height:21px;text-decoration:none;box-shadow:2px 3px 9px rgba(0,0,0,.4)}.floating-action-button:hover,.floating-action-button:focus,.floating-action-button:active{background:#227dbe}@media screen and (min-width: 415px){.tabs-bar{width:100%}.react-swipeable-view-container .columns-area--mobile{height:calc(100% - 10px) !important}.getting-started__wrapper,.getting-started__trends,.search{margin-bottom:10px}.getting-started__panel{margin:10px 0}.column,.drawer{min-width:330px}}@media screen and (max-width: 895px){.columns-area__panels__pane--compositional{display:none}}@media screen and (min-width: 895px){.floating-action-button,.tabs-bar__link.optional{display:none}.search-page .search{display:none}}@media screen and (max-width: 1190px){.columns-area__panels__pane--navigational{display:none}}@media screen and (min-width: 1190px){.tabs-bar{display:none}}.icon-with-badge{position:relative}.icon-with-badge__badge{position:absolute;left:9px;top:-13px;background:#2b90d9;border:2px solid #c0cdd9;padding:1px 6px;border-radius:6px;font-size:10px;font-weight:500;line-height:14px;color:#000}.column-link--transparent .icon-with-badge__badge{border-color:#f2f5f7}.compose-panel{width:285px;margin-top:10px;display:flex;flex-direction:column;height:calc(100% - 10px);overflow-y:hidden}.compose-panel .navigation-bar{padding-top:20px;padding-bottom:20px;flex:0 1 48px;min-height:20px}.compose-panel .flex-spacer{background:transparent}.compose-panel .compose-form{flex:1;overflow-y:hidden;display:flex;flex-direction:column;min-height:310px;padding-bottom:71px;margin-bottom:-71px}.compose-panel .compose-form__autosuggest-wrapper{overflow-y:auto;background-color:#fff;border-radius:4px 4px 0 0;flex:0 1 auto}.compose-panel .autosuggest-textarea__textarea{overflow-y:hidden}.compose-panel .compose-form__upload-thumbnail{height:80px}.navigation-panel{margin-top:10px;margin-bottom:10px;height:calc(100% - 20px);overflow-y:auto;display:flex;flex-direction:column}.navigation-panel>a{flex:0 0 auto}.navigation-panel hr{flex:0 0 auto;border:0;background:transparent;border-top:1px solid #ccd7e0;margin:10px 0}.navigation-panel .flex-spacer{background:transparent}.drawer__pager{box-sizing:border-box;padding:0;flex-grow:1;position:relative;overflow:hidden;display:flex}.drawer__inner{position:absolute;top:0;left:0;background:#b0c0cf;box-sizing:border-box;padding:0;display:flex;flex-direction:column;overflow:hidden;overflow-y:auto;width:100%;height:100%;border-radius:2px}.drawer__inner.darker{background:#d9e1e8}.drawer__inner__mastodon{background:#b0c0cf url('data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 234.80078 31.757813\" width=\"234.80078\" height=\"31.757812\"><path d=\"M19.599609 0c-1.05 0-2.10039.375-2.90039 1.125L0 16.925781v14.832031h234.80078V17.025391l-16.5-15.900391c-1.6-1.5-4.20078-1.5-5.80078 0l-13.80078 13.099609c-1.6 1.5-4.19883 1.5-5.79883 0L179.09961 1.125c-1.6-1.5-4.19883-1.5-5.79883 0L159.5 14.224609c-1.6 1.5-4.20078 1.5-5.80078 0L139.90039 1.125c-1.6-1.5-4.20078-1.5-5.80078 0l-13.79883 13.099609c-1.6 1.5-4.20078 1.5-5.80078 0L100.69922 1.125c-1.600001-1.5-4.198829-1.5-5.798829 0l-13.59961 13.099609c-1.6 1.5-4.200781 1.5-5.800781 0L61.699219 1.125c-1.6-1.5-4.198828-1.5-5.798828 0L42.099609 14.224609c-1.6 1.5-4.198828 1.5-5.798828 0L22.5 1.125C21.7.375 20.649609 0 19.599609 0z\" fill=\"%23D9E1E8\"/></svg>') no-repeat bottom/100% auto;flex:1;min-height:47px;display:none}.drawer__inner__mastodon>img{display:block;object-fit:contain;object-position:bottom left;width:85%;height:100%;pointer-events:none;user-drag:none;user-select:none}@media screen and (min-height: 640px){.drawer__inner__mastodon{display:block}}.pseudo-drawer{background:#b0c0cf;font-size:13px;text-align:left}.drawer__header{flex:0 0 auto;font-size:16px;background:#c0cdd9;margin-bottom:10px;display:flex;flex-direction:row;border-radius:2px}.drawer__header a{transition:background 100ms ease-in}.drawer__header a:hover{background:#cfd9e2;transition:background 200ms ease-out}.scrollable{overflow-y:scroll;overflow-x:hidden;flex:1 1 auto;-webkit-overflow-scrolling:touch}.scrollable.optionally-scrollable{overflow-y:auto}@supports(display: grid){.scrollable{contain:strict}}.scrollable--flex{display:flex;flex-direction:column}.scrollable__append{flex:1 1 auto;position:relative;min-height:120px}@supports(display: grid){.scrollable.fullscreen{contain:none}}.column-back-button{box-sizing:border-box;width:100%;background:#ccd7e0;color:#2b90d9;cursor:pointer;flex:0 0 auto;font-size:16px;line-height:inherit;border:0;text-align:unset;padding:15px;margin:0;z-index:3;outline:0}.column-back-button:hover{text-decoration:underline}.column-header__back-button{background:#ccd7e0;border:0;font-family:inherit;color:#2b90d9;cursor:pointer;white-space:nowrap;font-size:16px;padding:0 5px 0 0;z-index:3}.column-header__back-button:hover{text-decoration:underline}.column-header__back-button:last-child{padding:0 15px 0 0}.column-back-button__icon{display:inline-block;margin-right:5px}.column-back-button--slim{position:relative}.column-back-button--slim-button{cursor:pointer;flex:0 0 auto;font-size:16px;padding:15px;position:absolute;right:0;top:-48px}.react-toggle{display:inline-block;position:relative;cursor:pointer;background-color:transparent;border:0;padding:0;user-select:none;-webkit-tap-highlight-color:rgba(255,255,255,0);-webkit-tap-highlight-color:transparent}.react-toggle-screenreader-only{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.react-toggle--disabled{cursor:not-allowed;opacity:.5;transition:opacity .25s}.react-toggle-track{width:50px;height:24px;padding:0;border-radius:30px;background-color:#d9e1e8;transition:background-color .2s ease}.react-toggle:hover:not(.react-toggle--disabled) .react-toggle-track{background-color:#f9fafb}.react-toggle--checked .react-toggle-track{background-color:#2b90d9}.react-toggle--checked:hover:not(.react-toggle--disabled) .react-toggle-track{background-color:#2074b1}.react-toggle-track-check{position:absolute;width:14px;height:10px;top:0;bottom:0;margin-top:auto;margin-bottom:auto;line-height:0;left:8px;opacity:0;transition:opacity .25s ease}.react-toggle--checked .react-toggle-track-check{opacity:1;transition:opacity .25s ease}.react-toggle-track-x{position:absolute;width:10px;height:10px;top:0;bottom:0;margin-top:auto;margin-bottom:auto;line-height:0;right:10px;opacity:1;transition:opacity .25s ease}.react-toggle--checked .react-toggle-track-x{opacity:0}.react-toggle-thumb{position:absolute;top:1px;left:1px;width:22px;height:22px;border:1px solid #d9e1e8;border-radius:50%;background-color:#fff;box-sizing:border-box;transition:all .25s ease;transition-property:border-color,left}.react-toggle--checked .react-toggle-thumb{left:27px;border-color:#2b90d9}.column-link{background:#c0cdd9;color:#000;display:block;font-size:16px;padding:15px;text-decoration:none}.column-link:hover,.column-link:focus,.column-link:active{background:#b6c5d3}.column-link:focus{outline:0}.column-link--transparent{background:transparent;color:#282c37}.column-link--transparent:hover,.column-link--transparent:focus,.column-link--transparent:active{background:transparent;color:#000}.column-link--transparent.active{color:#2b90d9}.column-link__icon{display:inline-block;margin-right:5px}.column-link__badge{display:inline-block;border-radius:4px;font-size:12px;line-height:19px;font-weight:500;background:#d9e1e8;padding:4px 8px;margin:-6px 10px}.column-subheading{background:#d9e1e8;color:#444b5d;padding:8px 20px;font-size:12px;font-weight:500;text-transform:uppercase;cursor:default}.getting-started__wrapper,.getting-started,.flex-spacer{background:#d9e1e8}.flex-spacer{flex:1 1 auto}.getting-started{color:#444b5d;overflow:auto;border-bottom-left-radius:2px;border-bottom-right-radius:2px}.getting-started__wrapper,.getting-started__panel,.getting-started__footer{height:min-content}.getting-started__panel,.getting-started__footer{padding:10px;padding-top:20px;flex-grow:0}.getting-started__panel ul,.getting-started__footer ul{margin-bottom:10px}.getting-started__panel ul li,.getting-started__footer ul li{display:inline}.getting-started__panel p,.getting-started__footer p{font-size:13px}.getting-started__panel p a,.getting-started__footer p a{color:#444b5d;text-decoration:underline}.getting-started__panel a,.getting-started__footer a{text-decoration:none;color:#282c37}.getting-started__panel a:hover,.getting-started__panel a:focus,.getting-started__panel a:active,.getting-started__footer a:hover,.getting-started__footer a:focus,.getting-started__footer a:active{text-decoration:underline}.getting-started__wrapper,.getting-started__footer{color:#444b5d}.getting-started__trends{flex:0 1 auto;opacity:1;animation:fade 150ms linear;margin-top:10px}.getting-started__trends h4{font-size:12px;text-transform:uppercase;color:#282c37;padding:10px;font-weight:500;border-bottom:1px solid #c0cdd9}@media screen and (max-height: 810px){.getting-started__trends .trends__item:nth-child(3){display:none}}@media screen and (max-height: 720px){.getting-started__trends .trends__item:nth-child(2){display:none}}@media screen and (max-height: 670px){.getting-started__trends{display:none}}.getting-started__trends .trends__item{border-bottom:0;padding:10px}.getting-started__trends .trends__item__current{color:#282c37}.keyboard-shortcuts{padding:8px 0 0;overflow:hidden}.keyboard-shortcuts thead{position:absolute;left:-9999px}.keyboard-shortcuts td{padding:0 10px 8px}.keyboard-shortcuts kbd{display:inline-block;padding:3px 5px;background-color:#c0cdd9;border:1px solid #e6ebf0}.setting-text{display:block;box-sizing:border-box;width:100%;margin:0;color:#000;background:#fff;padding:10px;font-family:inherit;font-size:14px;resize:vertical;border:0;outline:0;border-radius:4px}.setting-text:focus{outline:0}@media screen and (max-width: 600px){.setting-text{font-size:16px}}.no-reduce-motion button.icon-button i.fa-retweet{background-position:0 0;height:19px;transition:background-position .9s steps(10);transition-duration:0s;vertical-align:middle;width:22px}.no-reduce-motion button.icon-button i.fa-retweet::before{display:none !important}.no-reduce-motion button.icon-button.active i.fa-retweet{transition-duration:.9s;background-position:0 100%}.reduce-motion button.icon-button i.fa-retweet{color:#606984;transition:color 100ms ease-in}.reduce-motion button.icon-button.active i.fa-retweet{color:#2b90d9}.status-card{display:flex;font-size:14px;border:1px solid #c0cdd9;border-radius:4px;color:#444b5d;margin-top:14px;text-decoration:none;overflow:hidden}.status-card__actions{bottom:0;left:0;position:absolute;right:0;top:0;display:flex;justify-content:center;align-items:center}.status-card__actions>div{background:rgba(0,0,0,.6);border-radius:8px;padding:12px 9px;flex:0 0 auto;display:flex;justify-content:center;align-items:center}.status-card__actions button,.status-card__actions a{display:inline;color:#282c37;background:transparent;border:0;padding:0 8px;text-decoration:none;font-size:18px;line-height:18px}.status-card__actions button:hover,.status-card__actions button:active,.status-card__actions button:focus,.status-card__actions a:hover,.status-card__actions a:active,.status-card__actions a:focus{color:#000}.status-card__actions a{font-size:19px;position:relative;bottom:-1px}a.status-card{cursor:pointer}a.status-card:hover{background:#c0cdd9}.status-card-photo{cursor:zoom-in;display:block;text-decoration:none;width:100%;height:auto;margin:0}.status-card-video iframe{width:100%;height:100%}.status-card__title{display:block;font-weight:500;margin-bottom:5px;color:#282c37;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-decoration:none}.status-card__content{flex:1 1 auto;overflow:hidden;padding:14px 14px 14px 8px}.status-card__description{color:#282c37}.status-card__host{display:block;margin-top:5px;font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.status-card__image{flex:0 0 100px;background:#c0cdd9;position:relative}.status-card__image>.fa{font-size:21px;position:absolute;transform-origin:50% 50%;top:50%;left:50%;transform:translate(-50%, -50%)}.status-card.horizontal{display:block}.status-card.horizontal .status-card__image{width:100%}.status-card.horizontal .status-card__image-image{border-radius:4px 4px 0 0}.status-card.horizontal .status-card__title{white-space:inherit}.status-card.compact{border-color:#ccd7e0}.status-card.compact.interactive{border:0}.status-card.compact .status-card__content{padding:8px;padding-top:10px}.status-card.compact .status-card__title{white-space:nowrap}.status-card.compact .status-card__image{flex:0 0 60px}a.status-card.compact:hover{background-color:#ccd7e0}.status-card__image-image{border-radius:4px 0 0 4px;display:block;margin:0;width:100%;height:100%;object-fit:cover;background-size:cover;background-position:center center}.load-more{display:block;color:#444b5d;background-color:transparent;border:0;font-size:inherit;text-align:center;line-height:inherit;margin:0;padding:15px;box-sizing:border-box;width:100%;clear:both;text-decoration:none}.load-more:hover{background:#d3dce4}.load-gap{border-bottom:1px solid #c0cdd9}.regeneration-indicator{text-align:center;font-size:16px;font-weight:500;color:#444b5d;background:#d9e1e8;cursor:default;display:flex;flex:1 1 auto;flex-direction:column;align-items:center;justify-content:center;padding:20px}.regeneration-indicator__figure,.regeneration-indicator__figure img{display:block;width:auto;height:160px;margin:0}.regeneration-indicator--without-header{padding-top:68px}.regeneration-indicator__label{margin-top:30px}.regeneration-indicator__label strong{display:block;margin-bottom:10px;color:#444b5d}.regeneration-indicator__label span{font-size:15px;font-weight:400}.column-header__wrapper{position:relative;flex:0 0 auto;z-index:1}.column-header__wrapper.active{box-shadow:0 1px 0 rgba(43,144,217,.3)}.column-header__wrapper.active::before{display:block;content:\"\";position:absolute;bottom:-13px;left:0;right:0;margin:0 auto;width:60%;pointer-events:none;height:28px;z-index:1;background:radial-gradient(ellipse, rgba(43, 144, 217, 0.23) 0%, rgba(43, 144, 217, 0) 60%)}.column-header__wrapper .announcements{z-index:1;position:relative}.column-header{display:flex;font-size:16px;background:#ccd7e0;flex:0 0 auto;cursor:pointer;position:relative;z-index:2;outline:0;overflow:hidden;border-top-left-radius:2px;border-top-right-radius:2px}.column-header>button{margin:0;border:0;padding:15px 0 15px 15px;color:inherit;background:transparent;font:inherit;text-align:left;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;flex:1}.column-header>.column-header__back-button{color:#2b90d9}.column-header.active .column-header__icon{color:#2b90d9;text-shadow:0 0 10px rgba(43,144,217,.4)}.column-header:focus,.column-header:active{outline:0}.column-header__buttons{height:48px;display:flex}.column-header__links{margin-bottom:14px}.column-header__links .text-btn{margin-right:10px}.column-header__button{background:#ccd7e0;border:0;color:#282c37;cursor:pointer;font-size:16px;padding:0 15px}.column-header__button:hover{color:#191b22}.column-header__button.active{color:#000;background:#c0cdd9}.column-header__button.active:hover{color:#000;background:#c0cdd9}.column-header__collapsible{max-height:70vh;overflow:hidden;overflow-y:auto;color:#282c37;transition:max-height 150ms ease-in-out,opacity 300ms linear;opacity:1;z-index:1;position:relative}.column-header__collapsible.collapsed{max-height:0;opacity:.5}.column-header__collapsible.animating{overflow-y:hidden}.column-header__collapsible hr{height:0;background:transparent;border:0;border-top:1px solid #b3c3d1;margin:10px 0}.column-header__collapsible-inner{background:#c0cdd9;padding:15px}.column-header__setting-btn:hover{color:#282c37;text-decoration:underline}.column-header__setting-arrows{float:right}.column-header__setting-arrows .column-header__setting-btn{padding:0 10px}.column-header__setting-arrows .column-header__setting-btn:last-child{padding-right:0}.text-btn{display:inline-block;padding:0;font-family:inherit;font-size:inherit;color:inherit;border:0;background:transparent;cursor:pointer}.column-header__icon{display:inline-block;margin-right:5px}.loading-indicator{color:#444b5d;font-size:12px;font-weight:400;text-transform:uppercase;overflow:visible;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%)}.loading-indicator span{display:block;float:left;margin-left:50%;transform:translateX(-50%);margin:82px 0 0 50%;white-space:nowrap}.loading-indicator__figure{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:42px;height:42px;box-sizing:border-box;background-color:transparent;border:0 solid #86a0b6;border-width:6px;border-radius:50%}.no-reduce-motion .loading-indicator span{animation:loader-label 1.15s infinite cubic-bezier(0.215, 0.61, 0.355, 1)}.no-reduce-motion .loading-indicator__figure{animation:loader-figure 1.15s infinite cubic-bezier(0.215, 0.61, 0.355, 1)}@keyframes spring-rotate-in{0%{transform:rotate(0deg)}30%{transform:rotate(-484.8deg)}60%{transform:rotate(-316.7deg)}90%{transform:rotate(-375deg)}100%{transform:rotate(-360deg)}}@keyframes spring-rotate-out{0%{transform:rotate(-360deg)}30%{transform:rotate(124.8deg)}60%{transform:rotate(-43.27deg)}90%{transform:rotate(15deg)}100%{transform:rotate(0deg)}}@keyframes loader-figure{0%{width:0;height:0;background-color:#86a0b6}29%{background-color:#86a0b6}30%{width:42px;height:42px;background-color:transparent;border-width:21px;opacity:1}100%{width:42px;height:42px;border-width:0;opacity:0;background-color:transparent}}@keyframes loader-label{0%{opacity:.25}30%{opacity:1}100%{opacity:.25}}.video-error-cover{align-items:center;background:#fff;color:#000;cursor:pointer;display:flex;flex-direction:column;height:100%;justify-content:center;margin-top:8px;position:relative;text-align:center;z-index:100}.media-spoiler{background:#fff;color:#282c37;border:0;padding:0;width:100%;height:100%;border-radius:4px;appearance:none}.media-spoiler:hover,.media-spoiler:active,.media-spoiler:focus{padding:0;color:#17191f}.media-spoiler__warning{display:block;font-size:14px}.media-spoiler__trigger{display:block;font-size:11px;font-weight:700}.spoiler-button{top:0;left:0;width:100%;height:100%;position:absolute;z-index:100}.spoiler-button--minified{display:block;left:4px;top:4px;width:auto;height:auto}.spoiler-button--click-thru{pointer-events:none}.spoiler-button--hidden{display:none}.spoiler-button__overlay{display:block;background:transparent;width:100%;height:100%;border:0}.spoiler-button__overlay__label{display:inline-block;background:rgba(255,255,255,.5);border-radius:8px;padding:8px 12px;color:#000;font-weight:500;font-size:14px}.spoiler-button__overlay:hover .spoiler-button__overlay__label,.spoiler-button__overlay:focus .spoiler-button__overlay__label,.spoiler-button__overlay:active .spoiler-button__overlay__label{background:rgba(255,255,255,.8)}.spoiler-button__overlay:disabled .spoiler-button__overlay__label{background:rgba(255,255,255,.5)}.modal-container--preloader{background:#c0cdd9}.account--panel{background:#ccd7e0;border-top:1px solid #c0cdd9;border-bottom:1px solid #c0cdd9;display:flex;flex-direction:row;padding:10px 0}.account--panel__button,.detailed-status__button{flex:1 1 auto;text-align:center}.column-settings__outer{background:#c0cdd9;padding:15px}.column-settings__section{color:#282c37;cursor:default;display:block;font-weight:500;margin-bottom:10px}.column-settings__hashtags .column-settings__row{margin-bottom:15px}.column-settings__hashtags .column-select__control{outline:0;box-sizing:border-box;width:100%;border:0;box-shadow:none;font-family:inherit;background:#d9e1e8;color:#282c37;font-size:14px;margin:0}.column-settings__hashtags .column-select__control::placeholder{color:#1f232b}.column-settings__hashtags .column-select__control::-moz-focus-inner{border:0}.column-settings__hashtags .column-select__control::-moz-focus-inner,.column-settings__hashtags .column-select__control:focus,.column-settings__hashtags .column-select__control:active{outline:0 !important}.column-settings__hashtags .column-select__control:focus{background:#ccd7e0}@media screen and (max-width: 600px){.column-settings__hashtags .column-select__control{font-size:16px}}.column-settings__hashtags .column-select__placeholder{color:#444b5d;padding-left:2px;font-size:12px}.column-settings__hashtags .column-select__value-container{padding-left:6px}.column-settings__hashtags .column-select__multi-value{background:#c0cdd9}.column-settings__hashtags .column-select__multi-value__remove{cursor:pointer}.column-settings__hashtags .column-select__multi-value__remove:hover,.column-settings__hashtags .column-select__multi-value__remove:active,.column-settings__hashtags .column-select__multi-value__remove:focus{background:#b3c3d1;color:#1f232b}.column-settings__hashtags .column-select__multi-value__label,.column-settings__hashtags .column-select__input{color:#282c37}.column-settings__hashtags .column-select__clear-indicator,.column-settings__hashtags .column-select__dropdown-indicator{cursor:pointer;transition:none;color:#444b5d}.column-settings__hashtags .column-select__clear-indicator:hover,.column-settings__hashtags .column-select__clear-indicator:active,.column-settings__hashtags .column-select__clear-indicator:focus,.column-settings__hashtags .column-select__dropdown-indicator:hover,.column-settings__hashtags .column-select__dropdown-indicator:active,.column-settings__hashtags .column-select__dropdown-indicator:focus{color:#3b4151}.column-settings__hashtags .column-select__indicator-separator{background-color:#c0cdd9}.column-settings__hashtags .column-select__menu{background:#fff;border-radius:4px;padding:10px 14px;padding-bottom:14px;margin-top:10px;color:#444b5d;box-shadow:2px 4px 15px rgba(0,0,0,.4);padding:0;background:#282c37}.column-settings__hashtags .column-select__menu h4{text-transform:uppercase;color:#444b5d;font-size:13px;font-weight:500;margin-bottom:10px}.column-settings__hashtags .column-select__menu li{padding:4px 0}.column-settings__hashtags .column-select__menu ul{margin-bottom:10px}.column-settings__hashtags .column-select__menu em{font-weight:500;color:#000}.column-settings__hashtags .column-select__menu-list{padding:6px}.column-settings__hashtags .column-select__option{color:#000;border-radius:4px;font-size:14px}.column-settings__hashtags .column-select__option--is-focused,.column-settings__hashtags .column-select__option--is-selected{background:#3d4455}.column-settings__row .text-btn{margin-bottom:15px}.relationship-tag{color:#000;margin-bottom:4px;display:block;vertical-align:top;background-color:#fff;text-transform:uppercase;font-size:11px;font-weight:500;padding:4px;border-radius:4px;opacity:.7}.relationship-tag:hover{opacity:1}.setting-toggle{display:block;line-height:24px}.setting-toggle__label{color:#282c37;display:inline-block;margin-bottom:14px;margin-left:8px;vertical-align:middle}.empty-column-indicator,.error-column,.follow_requests-unlocked_explanation{color:#444b5d;background:#d9e1e8;text-align:center;padding:20px;font-size:15px;font-weight:400;cursor:default;display:flex;flex:1 1 auto;align-items:center;justify-content:center}@supports(display: grid){.empty-column-indicator,.error-column,.follow_requests-unlocked_explanation{contain:strict}}.empty-column-indicator>span,.error-column>span,.follow_requests-unlocked_explanation>span{max-width:400px}.empty-column-indicator a,.error-column a,.follow_requests-unlocked_explanation a{color:#2b90d9;text-decoration:none}.empty-column-indicator a:hover,.error-column a:hover,.follow_requests-unlocked_explanation a:hover{text-decoration:underline}.follow_requests-unlocked_explanation{background:#e6ebf0;contain:initial}.error-column{flex-direction:column}@keyframes heartbeat{from{transform:scale(1);animation-timing-function:ease-out}10%{transform:scale(0.91);animation-timing-function:ease-in}17%{transform:scale(0.98);animation-timing-function:ease-out}33%{transform:scale(0.87);animation-timing-function:ease-in}45%{transform:scale(1);animation-timing-function:ease-out}}.no-reduce-motion .pulse-loading{transform-origin:center center;animation:heartbeat 1.5s ease-in-out infinite both}@keyframes shake-bottom{0%,100%{transform:rotate(0deg);transform-origin:50% 100%}10%{transform:rotate(2deg)}20%,40%,60%{transform:rotate(-4deg)}30%,50%,70%{transform:rotate(4deg)}80%{transform:rotate(-2deg)}90%{transform:rotate(2deg)}}.no-reduce-motion .shake-bottom{transform-origin:50% 100%;animation:shake-bottom .8s cubic-bezier(0.455, 0.03, 0.515, 0.955) 2s 2 both}.emoji-picker-dropdown__menu{background:#fff;position:absolute;box-shadow:4px 4px 6px rgba(0,0,0,.4);border-radius:4px;margin-top:5px;z-index:2}.emoji-picker-dropdown__menu .emoji-mart-scroll{transition:opacity 200ms ease}.emoji-picker-dropdown__menu.selecting .emoji-mart-scroll{opacity:.5}.emoji-picker-dropdown__modifiers{position:absolute;top:60px;right:11px;cursor:pointer}.emoji-picker-dropdown__modifiers__menu{position:absolute;z-index:4;top:-4px;left:-8px;background:#fff;border-radius:4px;box-shadow:1px 2px 6px rgba(0,0,0,.2);overflow:hidden}.emoji-picker-dropdown__modifiers__menu button{display:block;cursor:pointer;border:0;padding:4px 8px;background:transparent}.emoji-picker-dropdown__modifiers__menu button:hover,.emoji-picker-dropdown__modifiers__menu button:focus,.emoji-picker-dropdown__modifiers__menu button:active{background:rgba(40,44,55,.4)}.emoji-picker-dropdown__modifiers__menu .emoji-mart-emoji{height:22px}.emoji-mart-emoji span{background-repeat:no-repeat}.upload-area{align-items:center;background:rgba(255,255,255,.8);display:flex;height:100%;justify-content:center;left:0;opacity:0;position:absolute;top:0;visibility:hidden;width:100%;z-index:2000}.upload-area *{pointer-events:none}.upload-area__drop{width:320px;height:160px;display:flex;box-sizing:border-box;position:relative;padding:8px}.upload-area__background{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;border-radius:4px;background:#d9e1e8;box-shadow:0 0 5px rgba(0,0,0,.2)}.upload-area__content{flex:1;display:flex;align-items:center;justify-content:center;color:#282c37;font-size:18px;font-weight:500;border:2px dashed #b0c0cf;border-radius:4px}.upload-progress{padding:10px;color:#282c37;overflow:hidden;display:flex}.upload-progress .fa{font-size:34px;margin-right:10px}.upload-progress span{font-size:12px;text-transform:uppercase;font-weight:500;display:block}.upload-progess__message{flex:1 1 auto}.upload-progress__backdrop{width:100%;height:6px;border-radius:6px;background:#b0c0cf;position:relative;margin-top:5px}.upload-progress__tracker{position:absolute;left:0;top:0;height:6px;background:#2b90d9;border-radius:6px}.emoji-button{display:block;padding:5px 5px 2px 2px;outline:0;cursor:pointer}.emoji-button:active,.emoji-button:focus{outline:0 !important}.emoji-button img{filter:grayscale(100%);opacity:.8;display:block;margin:0;width:22px;height:22px}.emoji-button:hover img,.emoji-button:active img,.emoji-button:focus img{opacity:1;filter:none}.dropdown--active .emoji-button img{opacity:1;filter:none}.privacy-dropdown__dropdown{position:absolute;background:#fff;box-shadow:2px 4px 15px rgba(0,0,0,.4);border-radius:4px;margin-left:40px;overflow:hidden}.privacy-dropdown__dropdown.top{transform-origin:50% 100%}.privacy-dropdown__dropdown.bottom{transform-origin:50% 0}.privacy-dropdown__option{color:#000;padding:10px;cursor:pointer;display:flex}.privacy-dropdown__option:hover,.privacy-dropdown__option.active{background:#2b90d9;color:#000;outline:0}.privacy-dropdown__option:hover .privacy-dropdown__option__content,.privacy-dropdown__option.active .privacy-dropdown__option__content{color:#000}.privacy-dropdown__option:hover .privacy-dropdown__option__content strong,.privacy-dropdown__option.active .privacy-dropdown__option__content strong{color:#000}.privacy-dropdown__option.active:hover{background:#2485cb}.privacy-dropdown__option__icon{display:flex;align-items:center;justify-content:center;margin-right:10px}.privacy-dropdown__option__content{flex:1 1 auto;color:#282c37}.privacy-dropdown__option__content strong{font-weight:500;display:block;color:#000}.privacy-dropdown__option__content strong:lang(ja){font-weight:700}.privacy-dropdown__option__content strong:lang(ko){font-weight:700}.privacy-dropdown__option__content strong:lang(zh-CN){font-weight:700}.privacy-dropdown__option__content strong:lang(zh-HK){font-weight:700}.privacy-dropdown__option__content strong:lang(zh-TW){font-weight:700}.privacy-dropdown.active .privacy-dropdown__value{background:#fff;border-radius:4px 4px 0 0;box-shadow:0 -4px 4px rgba(0,0,0,.1)}.privacy-dropdown.active .privacy-dropdown__value .icon-button{transition:none}.privacy-dropdown.active .privacy-dropdown__value.active{background:#2b90d9}.privacy-dropdown.active .privacy-dropdown__value.active .icon-button{color:#000}.privacy-dropdown.active.top .privacy-dropdown__value{border-radius:0 0 4px 4px}.privacy-dropdown.active .privacy-dropdown__dropdown{display:block;box-shadow:2px 4px 6px rgba(0,0,0,.1)}.search{position:relative}.search__input{outline:0;box-sizing:border-box;width:100%;border:0;box-shadow:none;font-family:inherit;background:#d9e1e8;color:#282c37;font-size:14px;margin:0;display:block;padding:15px;padding-right:30px;line-height:18px;font-size:16px}.search__input::placeholder{color:#1f232b}.search__input::-moz-focus-inner{border:0}.search__input::-moz-focus-inner,.search__input:focus,.search__input:active{outline:0 !important}.search__input:focus{background:#ccd7e0}@media screen and (max-width: 600px){.search__input{font-size:16px}}.search__icon::-moz-focus-inner{border:0}.search__icon::-moz-focus-inner,.search__icon:focus{outline:0 !important}.search__icon .fa{position:absolute;top:16px;right:10px;z-index:2;display:inline-block;opacity:0;transition:all 100ms linear;transition-property:transform,opacity;font-size:18px;width:18px;height:18px;color:#282c37;cursor:default;pointer-events:none}.search__icon .fa.active{pointer-events:auto;opacity:.3}.search__icon .fa-search{transform:rotate(90deg)}.search__icon .fa-search.active{pointer-events:none;transform:rotate(0deg)}.search__icon .fa-times-circle{top:17px;transform:rotate(0deg);color:#606984;cursor:pointer}.search__icon .fa-times-circle.active{transform:rotate(90deg)}.search__icon .fa-times-circle:hover{color:#51596f}.search-results__header{color:#444b5d;background:#d3dce4;padding:15px;font-weight:500;font-size:16px;cursor:default}.search-results__header .fa{display:inline-block;margin-right:5px}.search-results__section{margin-bottom:5px}.search-results__section h5{background:#e6ebf0;border-bottom:1px solid #c0cdd9;cursor:default;display:flex;padding:15px;font-weight:500;font-size:16px;color:#444b5d}.search-results__section h5 .fa{display:inline-block;margin-right:5px}.search-results__section .account:last-child,.search-results__section>div:last-child .status{border-bottom:0}.search-results__hashtag{display:block;padding:10px;color:#282c37;text-decoration:none}.search-results__hashtag:hover,.search-results__hashtag:active,.search-results__hashtag:focus{color:#1f232b;text-decoration:underline}.search-results__info{padding:20px;color:#282c37;text-align:center}.modal-root{position:relative;transition:opacity .3s linear;will-change:opacity;z-index:9999}.modal-root__overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(255,255,255,.7)}.modal-root__container{position:fixed;top:0;left:0;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;align-content:space-around;z-index:9999;pointer-events:none;user-select:none}.modal-root__modal{pointer-events:auto;display:flex;z-index:9999}.video-modal__container{max-width:100vw;max-height:100vh}.audio-modal__container{width:50vw}.media-modal{width:100%;height:100%;position:relative}.media-modal .extended-video-player{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.media-modal .extended-video-player video{max-width:100%;max-height:80%}.media-modal__closer{position:absolute;top:0;left:0;right:0;bottom:0}.media-modal__navigation{position:absolute;top:0;left:0;right:0;bottom:0;pointer-events:none;transition:opacity .3s linear;will-change:opacity}.media-modal__navigation *{pointer-events:auto}.media-modal__navigation.media-modal__navigation--hidden{opacity:0}.media-modal__navigation.media-modal__navigation--hidden *{pointer-events:none}.media-modal__nav{background:rgba(255,255,255,.5);box-sizing:border-box;border:0;color:#000;cursor:pointer;display:flex;align-items:center;font-size:24px;height:20vmax;margin:auto 0;padding:30px 15px;position:absolute;top:0;bottom:0}.media-modal__nav--left{left:0}.media-modal__nav--right{right:0}.media-modal__pagination{width:100%;text-align:center;position:absolute;left:0;bottom:20px;pointer-events:none}.media-modal__meta{text-align:center;position:absolute;left:0;bottom:20px;width:100%;pointer-events:none}.media-modal__meta--shifted{bottom:62px}.media-modal__meta a{pointer-events:auto;text-decoration:none;font-weight:500;color:#282c37}.media-modal__meta a:hover,.media-modal__meta a:focus,.media-modal__meta a:active{text-decoration:underline}.media-modal__page-dot{display:inline-block}.media-modal__button{background-color:#000;height:12px;width:12px;border-radius:6px;margin:10px;padding:0;border:0;font-size:0}.media-modal__button--active{background-color:#2b90d9}.media-modal__close{position:absolute;right:8px;top:8px;z-index:100}.onboarding-modal,.error-modal,.embed-modal{background:#282c37;color:#000;border-radius:8px;overflow:hidden;display:flex;flex-direction:column}.error-modal__body{height:80vh;width:80vw;max-width:520px;max-height:420px;position:relative}.error-modal__body>div{position:absolute;top:0;left:0;width:100%;height:100%;box-sizing:border-box;padding:25px;display:none;flex-direction:column;align-items:center;justify-content:center;display:flex;opacity:0;user-select:text}.error-modal__body{display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center}.onboarding-modal__paginator,.error-modal__footer{flex:0 0 auto;background:#393f4f;display:flex;padding:25px}.onboarding-modal__paginator>div,.error-modal__footer>div{min-width:33px}.onboarding-modal__paginator .onboarding-modal__nav,.onboarding-modal__paginator .error-modal__nav,.error-modal__footer .onboarding-modal__nav,.error-modal__footer .error-modal__nav{color:#282c37;border:0;font-size:14px;font-weight:500;padding:10px 25px;line-height:inherit;height:auto;margin:-10px;border-radius:4px;background-color:transparent}.onboarding-modal__paginator .onboarding-modal__nav:hover,.onboarding-modal__paginator .onboarding-modal__nav:focus,.onboarding-modal__paginator .onboarding-modal__nav:active,.onboarding-modal__paginator .error-modal__nav:hover,.onboarding-modal__paginator .error-modal__nav:focus,.onboarding-modal__paginator .error-modal__nav:active,.error-modal__footer .onboarding-modal__nav:hover,.error-modal__footer .onboarding-modal__nav:focus,.error-modal__footer .onboarding-modal__nav:active,.error-modal__footer .error-modal__nav:hover,.error-modal__footer .error-modal__nav:focus,.error-modal__footer .error-modal__nav:active{color:#313543;background-color:#4a5266}.onboarding-modal__paginator .onboarding-modal__nav.onboarding-modal__done,.onboarding-modal__paginator .onboarding-modal__nav.onboarding-modal__next,.onboarding-modal__paginator .error-modal__nav.onboarding-modal__done,.onboarding-modal__paginator .error-modal__nav.onboarding-modal__next,.error-modal__footer .onboarding-modal__nav.onboarding-modal__done,.error-modal__footer .onboarding-modal__nav.onboarding-modal__next,.error-modal__footer .error-modal__nav.onboarding-modal__done,.error-modal__footer .error-modal__nav.onboarding-modal__next{color:#000}.onboarding-modal__paginator .onboarding-modal__nav.onboarding-modal__done:hover,.onboarding-modal__paginator .onboarding-modal__nav.onboarding-modal__done:focus,.onboarding-modal__paginator .onboarding-modal__nav.onboarding-modal__done:active,.onboarding-modal__paginator .onboarding-modal__nav.onboarding-modal__next:hover,.onboarding-modal__paginator .onboarding-modal__nav.onboarding-modal__next:focus,.onboarding-modal__paginator .onboarding-modal__nav.onboarding-modal__next:active,.onboarding-modal__paginator .error-modal__nav.onboarding-modal__done:hover,.onboarding-modal__paginator .error-modal__nav.onboarding-modal__done:focus,.onboarding-modal__paginator .error-modal__nav.onboarding-modal__done:active,.onboarding-modal__paginator .error-modal__nav.onboarding-modal__next:hover,.onboarding-modal__paginator .error-modal__nav.onboarding-modal__next:focus,.onboarding-modal__paginator .error-modal__nav.onboarding-modal__next:active,.error-modal__footer .onboarding-modal__nav.onboarding-modal__done:hover,.error-modal__footer .onboarding-modal__nav.onboarding-modal__done:focus,.error-modal__footer .onboarding-modal__nav.onboarding-modal__done:active,.error-modal__footer .onboarding-modal__nav.onboarding-modal__next:hover,.error-modal__footer .onboarding-modal__nav.onboarding-modal__next:focus,.error-modal__footer .onboarding-modal__nav.onboarding-modal__next:active,.error-modal__footer .error-modal__nav.onboarding-modal__done:hover,.error-modal__footer .error-modal__nav.onboarding-modal__done:focus,.error-modal__footer .error-modal__nav.onboarding-modal__done:active,.error-modal__footer .error-modal__nav.onboarding-modal__next:hover,.error-modal__footer .error-modal__nav.onboarding-modal__next:focus,.error-modal__footer .error-modal__nav.onboarding-modal__next:active{color:#000}.error-modal__footer{justify-content:center}.display-case{text-align:center;font-size:15px;margin-bottom:15px}.display-case__label{font-weight:500;color:#000;margin-bottom:5px;text-transform:uppercase;font-size:12px}.display-case__case{background:#d9e1e8;color:#282c37;font-weight:500;padding:10px;border-radius:4px}.onboard-sliders{display:inline-block;max-width:30px;max-height:auto;margin-left:10px}.boost-modal,.confirmation-modal,.report-modal,.actions-modal,.mute-modal,.block-modal{background:#17191f;color:#000;border-radius:8px;overflow:hidden;max-width:90vw;width:480px;position:relative;flex-direction:column}.boost-modal .status__display-name,.confirmation-modal .status__display-name,.report-modal .status__display-name,.actions-modal .status__display-name,.mute-modal .status__display-name,.block-modal .status__display-name{display:block;max-width:100%;padding-right:25px}.boost-modal .status__avatar,.confirmation-modal .status__avatar,.report-modal .status__avatar,.actions-modal .status__avatar,.mute-modal .status__avatar,.block-modal .status__avatar{height:28px;left:10px;position:absolute;top:10px;width:48px}.boost-modal .status__content__spoiler-link,.confirmation-modal .status__content__spoiler-link,.report-modal .status__content__spoiler-link,.actions-modal .status__content__spoiler-link,.mute-modal .status__content__spoiler-link,.block-modal .status__content__spoiler-link{color:#17191f}.actions-modal .status{background:#fff;border-bottom-color:#282c37;padding-top:10px;padding-bottom:10px}.actions-modal .dropdown-menu__separator{border-bottom-color:#282c37}.boost-modal__container{overflow-x:scroll;padding:10px}.boost-modal__container .status{user-select:text;border-bottom:0}.boost-modal__action-bar,.confirmation-modal__action-bar,.mute-modal__action-bar,.block-modal__action-bar{display:flex;justify-content:space-between;background:#282c37;padding:10px;line-height:36px}.boost-modal__action-bar>div,.confirmation-modal__action-bar>div,.mute-modal__action-bar>div,.block-modal__action-bar>div{flex:1 1 auto;text-align:right;color:#282c37;padding-right:10px}.boost-modal__action-bar .button,.confirmation-modal__action-bar .button,.mute-modal__action-bar .button,.block-modal__action-bar .button{flex:0 0 auto}.boost-modal__status-header{font-size:15px}.boost-modal__status-time{float:right;font-size:14px}.mute-modal,.block-modal{line-height:24px}.mute-modal .react-toggle,.block-modal .react-toggle{vertical-align:middle}.report-modal{width:90vw;max-width:700px}.report-modal__container{display:flex;border-top:1px solid #282c37}@media screen and (max-width: 480px){.report-modal__container{flex-wrap:wrap;overflow-y:auto}}.report-modal__statuses,.report-modal__comment{box-sizing:border-box;width:50%}@media screen and (max-width: 480px){.report-modal__statuses,.report-modal__comment{width:100%}}.report-modal__statuses,.focal-point-modal__content{flex:1 1 auto;min-height:20vh;max-height:80vh;overflow-y:auto;overflow-x:hidden}.report-modal__statuses .status__content a,.focal-point-modal__content .status__content a{color:#2b90d9}.report-modal__statuses .status__content,.report-modal__statuses .status__content p,.focal-point-modal__content .status__content,.focal-point-modal__content .status__content p{color:#000}@media screen and (max-width: 480px){.report-modal__statuses,.focal-point-modal__content{max-height:10vh}}@media screen and (max-width: 480px){.focal-point-modal__content{max-height:40vh}}.report-modal__comment{padding:20px;border-right:1px solid #282c37;max-width:320px}.report-modal__comment p{font-size:14px;line-height:20px;margin-bottom:20px}.report-modal__comment .setting-text{display:block;box-sizing:border-box;width:100%;margin:0;color:#000;background:#fff;padding:10px;font-family:inherit;font-size:14px;resize:none;border:0;outline:0;border-radius:4px;border:1px solid #282c37;min-height:100px;max-height:50vh;margin-bottom:10px}.report-modal__comment .setting-text:focus{border:1px solid #393f4f}.report-modal__comment .setting-text__wrapper{background:#fff;border:1px solid #282c37;margin-bottom:10px;border-radius:4px}.report-modal__comment .setting-text__wrapper .setting-text{border:0;margin-bottom:0;border-radius:0}.report-modal__comment .setting-text__wrapper .setting-text:focus{border:0}.report-modal__comment .setting-text__wrapper__modifiers{color:#000;font-family:inherit;font-size:14px;background:#fff}.report-modal__comment .setting-text__toolbar{display:flex;justify-content:space-between;margin-bottom:20px}.report-modal__comment .setting-text-label{display:block;color:#000;font-size:14px;font-weight:500;margin-bottom:10px}.report-modal__comment .setting-toggle{margin-top:20px;margin-bottom:24px}.report-modal__comment .setting-toggle__label{color:#000;font-size:14px}@media screen and (max-width: 480px){.report-modal__comment{padding:10px;max-width:100%;order:2}.report-modal__comment .setting-toggle{margin-bottom:4px}}.actions-modal{max-height:80vh;max-width:80vw}.actions-modal .status{overflow-y:auto;max-height:300px}.actions-modal .actions-modal__item-label{font-weight:500}.actions-modal ul{overflow-y:auto;flex-shrink:0;max-height:80vh}.actions-modal ul.with-status{max-height:calc(80vh - 75px)}.actions-modal ul li:empty{margin:0}.actions-modal ul li:not(:empty) a{color:#000;display:flex;padding:12px 16px;font-size:15px;align-items:center;text-decoration:none}.actions-modal ul li:not(:empty) a,.actions-modal ul li:not(:empty) a button{transition:none}.actions-modal ul li:not(:empty) a.active,.actions-modal ul li:not(:empty) a.active button,.actions-modal ul li:not(:empty) a:hover,.actions-modal ul li:not(:empty) a:hover button,.actions-modal ul li:not(:empty) a:active,.actions-modal ul li:not(:empty) a:active button,.actions-modal ul li:not(:empty) a:focus,.actions-modal ul li:not(:empty) a:focus button{background:#2b90d9;color:#000}.actions-modal ul li:not(:empty) a button:first-child{margin-right:10px}.confirmation-modal__action-bar .confirmation-modal__secondary-button,.mute-modal__action-bar .confirmation-modal__secondary-button,.block-modal__action-bar .confirmation-modal__secondary-button{flex-shrink:1}.confirmation-modal__secondary-button,.confirmation-modal__cancel-button,.mute-modal__cancel-button,.block-modal__cancel-button{background-color:transparent;color:#282c37;font-size:14px;font-weight:500}.confirmation-modal__secondary-button:hover,.confirmation-modal__secondary-button:focus,.confirmation-modal__secondary-button:active,.confirmation-modal__cancel-button:hover,.confirmation-modal__cancel-button:focus,.confirmation-modal__cancel-button:active,.mute-modal__cancel-button:hover,.mute-modal__cancel-button:focus,.mute-modal__cancel-button:active,.block-modal__cancel-button:hover,.block-modal__cancel-button:focus,.block-modal__cancel-button:active{color:#313543;background-color:transparent}.confirmation-modal__container,.mute-modal__container,.block-modal__container,.report-modal__target{padding:30px;font-size:16px}.confirmation-modal__container strong,.mute-modal__container strong,.block-modal__container strong,.report-modal__target strong{font-weight:500}.confirmation-modal__container strong:lang(ja),.mute-modal__container strong:lang(ja),.block-modal__container strong:lang(ja),.report-modal__target strong:lang(ja){font-weight:700}.confirmation-modal__container strong:lang(ko),.mute-modal__container strong:lang(ko),.block-modal__container strong:lang(ko),.report-modal__target strong:lang(ko){font-weight:700}.confirmation-modal__container strong:lang(zh-CN),.mute-modal__container strong:lang(zh-CN),.block-modal__container strong:lang(zh-CN),.report-modal__target strong:lang(zh-CN){font-weight:700}.confirmation-modal__container strong:lang(zh-HK),.mute-modal__container strong:lang(zh-HK),.block-modal__container strong:lang(zh-HK),.report-modal__target strong:lang(zh-HK){font-weight:700}.confirmation-modal__container strong:lang(zh-TW),.mute-modal__container strong:lang(zh-TW),.block-modal__container strong:lang(zh-TW),.report-modal__target strong:lang(zh-TW){font-weight:700}.confirmation-modal__container,.report-modal__target{text-align:center}.block-modal__explanation,.mute-modal__explanation{margin-top:20px}.block-modal .setting-toggle,.mute-modal .setting-toggle{margin-top:20px;margin-bottom:24px;display:flex;align-items:center}.block-modal .setting-toggle__label,.mute-modal .setting-toggle__label{color:#000;margin:0;margin-left:8px}.report-modal__target{padding:15px}.report-modal__target .media-modal__close{top:14px;right:15px}.loading-bar{background-color:#2b90d9;height:3px;position:absolute;top:0;left:0;z-index:9999}.media-gallery__gifv__label{display:block;position:absolute;color:#000;background:rgba(255,255,255,.5);bottom:6px;left:6px;padding:2px 6px;border-radius:2px;font-size:11px;font-weight:600;z-index:1;pointer-events:none;opacity:.9;transition:opacity .1s ease;line-height:18px}.media-gallery__gifv:hover .media-gallery__gifv__label{opacity:1}.media-gallery__audio{margin-top:32px}.media-gallery__audio audio{width:100%}.attachment-list{display:flex;font-size:14px;border:1px solid #c0cdd9;border-radius:4px;margin-top:14px;overflow:hidden}.attachment-list__icon{flex:0 0 auto;color:#444b5d;padding:8px 18px;cursor:default;border-right:1px solid #c0cdd9;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:26px}.attachment-list__icon .fa{display:block}.attachment-list__list{list-style:none;padding:4px 0;padding-left:8px;display:flex;flex-direction:column;justify-content:center}.attachment-list__list li{display:block;padding:4px 0}.attachment-list__list a{text-decoration:none;color:#444b5d;font-weight:500}.attachment-list__list a:hover{text-decoration:underline}.attachment-list.compact{border:0;margin-top:4px}.attachment-list.compact .attachment-list__list{padding:0;display:block}.attachment-list.compact .fa{color:#444b5d}.media-gallery{box-sizing:border-box;margin-top:8px;overflow:hidden;border-radius:4px;position:relative;width:100%}.media-gallery__item{border:0;box-sizing:border-box;display:block;float:left;position:relative;border-radius:4px;overflow:hidden}.media-gallery__item.standalone .media-gallery__item-gifv-thumbnail{transform:none;top:0}.media-gallery__item-thumbnail{cursor:zoom-in;display:block;text-decoration:none;color:#282c37;position:relative;z-index:1}.media-gallery__item-thumbnail,.media-gallery__item-thumbnail img{height:100%;width:100%}.media-gallery__item-thumbnail img{object-fit:cover}.media-gallery__preview{width:100%;height:100%;object-fit:cover;position:absolute;top:0;left:0;z-index:0;background:#fff}.media-gallery__preview--hidden{display:none}.media-gallery__gifv{height:100%;overflow:hidden;position:relative;width:100%}.media-gallery__item-gifv-thumbnail{cursor:zoom-in;height:100%;object-fit:cover;position:relative;top:50%;transform:translateY(-50%);width:100%;z-index:1}.media-gallery__item-thumbnail-label{clip:rect(1px 1px 1px 1px);clip:rect(1px, 1px, 1px, 1px);overflow:hidden;position:absolute}.detailed .video-player__volume__current,.detailed .video-player__volume::before,.fullscreen .video-player__volume__current,.fullscreen .video-player__volume::before{bottom:27px}.detailed .video-player__volume__handle,.fullscreen .video-player__volume__handle{bottom:23px}.audio-player{box-sizing:border-box;position:relative;background:#f2f5f7;border-radius:4px;padding-bottom:44px;direction:ltr}.audio-player.editable{border-radius:0;height:100%}.audio-player__waveform{padding:15px 0;position:relative;overflow:hidden}.audio-player__waveform::before{content:\"\";display:block;position:absolute;border-top:1px solid #ccd7e0;width:100%;height:0;left:0;top:calc(50% + 1px)}.audio-player__progress-placeholder{background-color:rgba(33,122,186,.5)}.audio-player__wave-placeholder{background-color:#a6b9c9}.audio-player .video-player__controls{padding:0 15px;padding-top:10px;background:#f2f5f7;border-top:1px solid #ccd7e0;border-radius:0 0 4px 4px}.video-player{overflow:hidden;position:relative;background:#000;max-width:100%;border-radius:4px;box-sizing:border-box;direction:ltr}.video-player.editable{border-radius:0;height:100% !important}.video-player:focus{outline:0}.video-player video{max-width:100vw;max-height:80vh;z-index:1}.video-player.fullscreen{width:100% !important;height:100% !important;margin:0}.video-player.fullscreen video{max-width:100% !important;max-height:100% !important;width:100% !important;height:100% !important;outline:0}.video-player.inline video{object-fit:contain;position:relative;top:50%;transform:translateY(-50%)}.video-player__controls{position:absolute;z-index:2;bottom:0;left:0;right:0;box-sizing:border-box;background:linear-gradient(0deg, rgba(0, 0, 0, 0.85) 0, rgba(0, 0, 0, 0.45) 60%, transparent);padding:0 15px;opacity:0;transition:opacity .1s ease}.video-player__controls.active{opacity:1}.video-player.inactive video,.video-player.inactive .video-player__controls{visibility:hidden}.video-player__spoiler{display:none;position:absolute;top:0;left:0;width:100%;height:100%;z-index:4;border:0;background:#fff;color:#282c37;transition:none;pointer-events:none}.video-player__spoiler.active{display:block;pointer-events:auto}.video-player__spoiler.active:hover,.video-player__spoiler.active:active,.video-player__spoiler.active:focus{color:#191b22}.video-player__spoiler__title{display:block;font-size:14px}.video-player__spoiler__subtitle{display:block;font-size:11px;font-weight:500}.video-player__buttons-bar{display:flex;justify-content:space-between;padding-bottom:10px}.video-player__buttons-bar .video-player__download__icon{color:inherit}.video-player__buttons{font-size:16px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.video-player__buttons.left button{padding-left:0}.video-player__buttons.right button{padding-right:0}.video-player__buttons button{background:transparent;padding:2px 10px;font-size:16px;border:0;color:rgba(255,255,255,.75)}.video-player__buttons button:active,.video-player__buttons button:hover,.video-player__buttons button:focus{color:#fff}.video-player__time-sep,.video-player__time-total,.video-player__time-current{font-size:14px;font-weight:500}.video-player__time-current{color:#fff;margin-left:60px}.video-player__time-sep{display:inline-block;margin:0 6px}.video-player__time-sep,.video-player__time-total{color:#fff}.video-player__volume{cursor:pointer;height:24px;display:inline}.video-player__volume::before{content:\"\";width:50px;background:rgba(255,255,255,.35);border-radius:4px;display:block;position:absolute;height:4px;left:70px;bottom:20px}.video-player__volume__current{display:block;position:absolute;height:4px;border-radius:4px;left:70px;bottom:20px;background:#217aba}.video-player__volume__handle{position:absolute;z-index:3;border-radius:50%;width:12px;height:12px;bottom:16px;left:70px;transition:opacity .1s ease;background:#217aba;box-shadow:1px 2px 6px rgba(0,0,0,.2);pointer-events:none}.video-player__link{padding:2px 10px}.video-player__link a{text-decoration:none;font-size:14px;font-weight:500;color:#fff}.video-player__link a:hover,.video-player__link a:active,.video-player__link a:focus{text-decoration:underline}.video-player__seek{cursor:pointer;height:24px;position:relative}.video-player__seek::before{content:\"\";width:100%;background:rgba(255,255,255,.35);border-radius:4px;display:block;position:absolute;height:4px;top:10px}.video-player__seek__progress,.video-player__seek__buffer{display:block;position:absolute;height:4px;border-radius:4px;top:10px;background:#217aba}.video-player__seek__buffer{background:rgba(255,255,255,.2)}.video-player__seek__handle{position:absolute;z-index:3;opacity:0;border-radius:50%;width:12px;height:12px;top:6px;margin-left:-6px;transition:opacity .1s ease;background:#217aba;box-shadow:1px 2px 6px rgba(0,0,0,.2);pointer-events:none}.video-player__seek__handle.active{opacity:1}.video-player__seek:hover .video-player__seek__handle{opacity:1}.video-player.detailed .video-player__buttons button,.video-player.fullscreen .video-player__buttons button{padding-top:10px;padding-bottom:10px}.directory__list{width:100%;margin:10px 0;transition:opacity 100ms ease-in}.directory__list.loading{opacity:.7}@media screen and (max-width: 415px){.directory__list{margin:0}}.directory__card{box-sizing:border-box;margin-bottom:10px}.directory__card__img{height:125px;position:relative;background:#fff;overflow:hidden}.directory__card__img img{display:block;width:100%;height:100%;margin:0;object-fit:cover}.directory__card__bar{display:flex;align-items:center;background:#ccd7e0;padding:10px}.directory__card__bar__name{flex:1 1 auto;display:flex;align-items:center;text-decoration:none;overflow:hidden}.directory__card__bar__relationship{width:23px;min-height:1px;flex:0 0 auto}.directory__card__bar .avatar{flex:0 0 auto;width:48px;height:48px;padding-top:2px}.directory__card__bar .avatar img{width:100%;height:100%;display:block;margin:0;border-radius:4px;background:#f2f5f7;object-fit:cover}.directory__card__bar .display-name{margin-left:15px;text-align:left}.directory__card__bar .display-name strong{font-size:15px;color:#000;font-weight:500;overflow:hidden;text-overflow:ellipsis}.directory__card__bar .display-name span{display:block;font-size:14px;color:#282c37;font-weight:400;overflow:hidden;text-overflow:ellipsis}.directory__card__extra{background:#d9e1e8;display:flex;align-items:center;justify-content:center}.directory__card__extra .accounts-table__count{width:33.33%;flex:0 0 auto;padding:15px 0}.directory__card__extra .account__header__content{box-sizing:border-box;padding:15px 10px;border-bottom:1px solid #c0cdd9;width:100%;min-height:48px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.directory__card__extra .account__header__content p{display:none}.directory__card__extra .account__header__content p:first-child{display:inline}.directory__card__extra .account__header__content br{display:none}.account-gallery__container{display:flex;flex-wrap:wrap;padding:4px 2px}.account-gallery__item{border:0;box-sizing:border-box;display:block;position:relative;border-radius:4px;overflow:hidden;margin:2px}.account-gallery__item__icons{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);font-size:24px}.notification__filter-bar,.account__section-headline{background:#e6ebf0;border-bottom:1px solid #c0cdd9;cursor:default;display:flex;flex-shrink:0}.notification__filter-bar button,.account__section-headline button{background:#e6ebf0;border:0;margin:0}.notification__filter-bar button,.notification__filter-bar a,.account__section-headline button,.account__section-headline a{display:block;flex:1 1 auto;color:#282c37;padding:15px 0;font-size:14px;font-weight:500;text-align:center;text-decoration:none;position:relative;width:100%;white-space:nowrap}.notification__filter-bar button.active,.notification__filter-bar a.active,.account__section-headline button.active,.account__section-headline a.active{color:#282c37}.notification__filter-bar button.active::before,.notification__filter-bar button.active::after,.notification__filter-bar a.active::before,.notification__filter-bar a.active::after,.account__section-headline button.active::before,.account__section-headline button.active::after,.account__section-headline a.active::before,.account__section-headline a.active::after{display:block;content:\"\";position:absolute;bottom:0;left:50%;width:0;height:0;transform:translateX(-50%);border-style:solid;border-width:0 10px 10px;border-color:transparent transparent #c0cdd9}.notification__filter-bar button.active::after,.notification__filter-bar a.active::after,.account__section-headline button.active::after,.account__section-headline a.active::after{bottom:-1px;border-color:transparent transparent #d9e1e8}.notification__filter-bar.directory__section-headline,.account__section-headline.directory__section-headline{background:#dfe6ec;border-bottom-color:transparent}.notification__filter-bar.directory__section-headline a.active::before,.notification__filter-bar.directory__section-headline button.active::before,.account__section-headline.directory__section-headline a.active::before,.account__section-headline.directory__section-headline button.active::before{display:none}.notification__filter-bar.directory__section-headline a.active::after,.notification__filter-bar.directory__section-headline button.active::after,.account__section-headline.directory__section-headline a.active::after,.account__section-headline.directory__section-headline button.active::after{border-color:transparent transparent #eff3f5}.filter-form{background:#d9e1e8}.filter-form__column{padding:10px 15px}.filter-form .radio-button{display:block}.radio-button{font-size:14px;position:relative;display:inline-block;padding:6px 0;line-height:18px;cursor:default;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;cursor:pointer}.radio-button input[type=radio],.radio-button input[type=checkbox]{display:none}.radio-button__input{display:inline-block;position:relative;border:1px solid #9bcbed;box-sizing:border-box;width:18px;height:18px;flex:0 0 auto;margin-right:10px;top:-1px;border-radius:50%;vertical-align:middle}.radio-button__input.checked{border-color:#217aba;background:#217aba}::-webkit-scrollbar-thumb{border-radius:0}.search-popout{background:#fff;border-radius:4px;padding:10px 14px;padding-bottom:14px;margin-top:10px;color:#444b5d;box-shadow:2px 4px 15px rgba(0,0,0,.4)}.search-popout h4{text-transform:uppercase;color:#444b5d;font-size:13px;font-weight:500;margin-bottom:10px}.search-popout li{padding:4px 0}.search-popout ul{margin-bottom:10px}.search-popout em{font-weight:500;color:#000}noscript{text-align:center}noscript img{width:200px;opacity:.5;animation:flicker 4s infinite}noscript div{font-size:14px;margin:30px auto;color:#282c37;max-width:400px}noscript div a{color:#2b90d9;text-decoration:underline}noscript div a:hover{text-decoration:none}@keyframes flicker{0%{opacity:1}30%{opacity:.75}100%{opacity:1}}@media screen and (max-width: 630px)and (max-height: 400px){.tabs-bar,.search{will-change:margin-top;transition:margin-top 400ms 100ms}.navigation-bar{will-change:padding-bottom;transition:padding-bottom 400ms 100ms}.navigation-bar>a:first-child{will-change:margin-top,margin-left,margin-right,width;transition:margin-top 400ms 100ms,margin-left 400ms 500ms,margin-right 400ms 500ms}.navigation-bar>.navigation-bar__profile-edit{will-change:margin-top;transition:margin-top 400ms 100ms}.navigation-bar .navigation-bar__actions>.icon-button.close{will-change:opacity transform;transition:opacity 200ms 100ms,transform 400ms 100ms}.navigation-bar .navigation-bar__actions>.compose__action-bar .icon-button{will-change:opacity transform;transition:opacity 200ms 300ms,transform 400ms 100ms}.is-composing .tabs-bar,.is-composing .search{margin-top:-50px}.is-composing .navigation-bar{padding-bottom:0}.is-composing .navigation-bar>a:first-child{margin:-100px 10px 0 -50px}.is-composing .navigation-bar .navigation-bar__profile{padding-top:2px}.is-composing .navigation-bar .navigation-bar__profile-edit{position:absolute;margin-top:-60px}.is-composing .navigation-bar .navigation-bar__actions .icon-button.close{pointer-events:auto;opacity:1;transform:scale(1, 1) translate(0, 0);bottom:5px}.is-composing .navigation-bar .navigation-bar__actions .compose__action-bar .icon-button{pointer-events:none;opacity:0;transform:scale(0, 1) translate(100%, 0)}}.embed-modal{width:auto;max-width:80vw;max-height:80vh}.embed-modal h4{padding:30px;font-weight:500;font-size:16px;text-align:center}.embed-modal .embed-modal__container{padding:10px}.embed-modal .embed-modal__container .hint{margin-bottom:15px}.embed-modal .embed-modal__container .embed-modal__html{outline:0;box-sizing:border-box;display:block;width:100%;border:0;padding:10px;font-family:\"mastodon-font-monospace\",monospace;background:#d9e1e8;color:#000;font-size:14px;margin:0;margin-bottom:15px;border-radius:4px}.embed-modal .embed-modal__container .embed-modal__html::-moz-focus-inner{border:0}.embed-modal .embed-modal__container .embed-modal__html::-moz-focus-inner,.embed-modal .embed-modal__container .embed-modal__html:focus,.embed-modal .embed-modal__container .embed-modal__html:active{outline:0 !important}.embed-modal .embed-modal__container .embed-modal__html:focus{background:#ccd7e0}@media screen and (max-width: 600px){.embed-modal .embed-modal__container .embed-modal__html{font-size:16px}}.embed-modal .embed-modal__container .embed-modal__iframe{width:400px;max-width:100%;overflow:hidden;border:0;border-radius:4px}.account__moved-note{padding:14px 10px;padding-bottom:16px;background:#ccd7e0;border-top:1px solid #c0cdd9;border-bottom:1px solid #c0cdd9}.account__moved-note__message{position:relative;margin-left:58px;color:#444b5d;padding:8px 0;padding-top:0;padding-bottom:4px;font-size:14px}.account__moved-note__message>span{display:block;overflow:hidden;text-overflow:ellipsis}.account__moved-note__icon-wrapper{left:-26px;position:absolute}.account__moved-note .detailed-status__display-avatar{position:relative}.account__moved-note .detailed-status__display-name{margin-bottom:0}.column-inline-form{padding:15px;padding-right:0;display:flex;justify-content:flex-start;align-items:center;background:#ccd7e0}.column-inline-form label{flex:1 1 auto}.column-inline-form label input{width:100%}.column-inline-form label input:focus{outline:0}.column-inline-form .icon-button{flex:0 0 auto;margin:0 10px}.drawer__backdrop{cursor:pointer;position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(255,255,255,.5)}.list-editor{background:#d9e1e8;flex-direction:column;border-radius:8px;box-shadow:2px 4px 15px rgba(0,0,0,.4);width:380px;overflow:hidden}@media screen and (max-width: 420px){.list-editor{width:90%}}.list-editor h4{padding:15px 0;background:#b0c0cf;font-weight:500;font-size:16px;text-align:center;border-radius:8px 8px 0 0}.list-editor .drawer__pager{height:50vh}.list-editor .drawer__inner{border-radius:0 0 8px 8px}.list-editor .drawer__inner.backdrop{width:calc(100% - 60px);box-shadow:2px 4px 15px rgba(0,0,0,.4);border-radius:0 0 0 8px}.list-editor__accounts{overflow-y:auto}.list-editor .account__display-name:hover strong{text-decoration:none}.list-editor .account__avatar{cursor:default}.list-editor .search{margin-bottom:0}.list-adder{background:#d9e1e8;flex-direction:column;border-radius:8px;box-shadow:2px 4px 15px rgba(0,0,0,.4);width:380px;overflow:hidden}@media screen and (max-width: 420px){.list-adder{width:90%}}.list-adder__account{background:#b0c0cf}.list-adder__lists{background:#b0c0cf;height:50vh;border-radius:0 0 8px 8px;overflow-y:auto}.list-adder .list{padding:10px;border-bottom:1px solid #c0cdd9}.list-adder .list__wrapper{display:flex}.list-adder .list__display-name{flex:1 1 auto;overflow:hidden;text-decoration:none;font-size:16px;padding:10px}.focal-point{position:relative;cursor:move;overflow:hidden;height:100%;display:flex;justify-content:center;align-items:center;background:#000}.focal-point img,.focal-point video,.focal-point canvas{display:block;max-height:80vh;width:100%;height:auto;margin:0;object-fit:contain;background:#000}.focal-point__reticle{position:absolute;width:100px;height:100px;transform:translate(-50%, -50%);background:url(\"~images/reticle.png\") no-repeat 0 0;border-radius:50%;box-shadow:0 0 0 9999em rgba(0,0,0,.35)}.focal-point__overlay{position:absolute;width:100%;height:100%;top:0;left:0}.focal-point__preview{position:absolute;bottom:10px;right:10px;z-index:2;cursor:move;transition:opacity .1s ease}.focal-point__preview:hover{opacity:.5}.focal-point__preview strong{color:#000;font-size:14px;font-weight:500;display:block;margin-bottom:5px}.focal-point__preview div{border-radius:4px;box-shadow:0 0 14px rgba(0,0,0,.2)}@media screen and (max-width: 480px){.focal-point img,.focal-point video{max-height:100%}.focal-point__preview{display:none}}.account__header__content{color:#282c37;font-size:14px;font-weight:400;overflow:hidden;word-break:normal;word-wrap:break-word}.account__header__content p{margin-bottom:20px}.account__header__content p:last-child{margin-bottom:0}.account__header__content a{color:inherit;text-decoration:underline}.account__header__content a:hover{text-decoration:none}.account__header{overflow:hidden}.account__header.inactive{opacity:.5}.account__header.inactive .account__header__image,.account__header.inactive .account__avatar{filter:grayscale(100%)}.account__header__info{position:absolute;top:10px;left:10px}.account__header__image{overflow:hidden;height:145px;position:relative;background:#e6ebf0}.account__header__image img{object-fit:cover;display:block;width:100%;height:100%;margin:0}.account__header__bar{position:relative;background:#ccd7e0;padding:5px;border-bottom:1px solid #b3c3d1}.account__header__bar .avatar{display:block;flex:0 0 auto;width:94px;margin-left:-2px}.account__header__bar .avatar .account__avatar{background:#f2f5f7;border:2px solid #ccd7e0}.account__header__tabs{display:flex;align-items:flex-start;padding:7px 5px;margin-top:-55px}.account__header__tabs__buttons{display:flex;align-items:center;padding-top:55px;overflow:hidden}.account__header__tabs__buttons .icon-button{border:1px solid #b3c3d1;border-radius:4px;box-sizing:content-box;padding:2px}.account__header__tabs__buttons .button{margin:0 8px}.account__header__tabs__name{padding:5px}.account__header__tabs__name .account-role{vertical-align:top}.account__header__tabs__name .emojione{width:22px;height:22px}.account__header__tabs__name h1{font-size:16px;line-height:24px;color:#000;font-weight:500;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.account__header__tabs__name h1 small{display:block;font-size:14px;color:#282c37;font-weight:400;overflow:hidden;text-overflow:ellipsis}.account__header__tabs .spacer{flex:1 1 auto}.account__header__bio{overflow:hidden;margin:0 -5px}.account__header__bio .account__header__content{padding:20px 15px;padding-bottom:5px;color:#000}.account__header__bio .account__header__fields{margin:0;border-top:1px solid #b3c3d1}.account__header__bio .account__header__fields a{color:#217aba}.account__header__bio .account__header__fields dl:first-child .verified{border-radius:0 4px 0 0}.account__header__bio .account__header__fields .verified a{color:#4a905f}.account__header__extra{margin-top:4px}.account__header__extra__links{font-size:14px;color:#282c37;padding:10px 0}.account__header__extra__links a{display:inline-block;color:#282c37;text-decoration:none;padding:5px 10px;font-weight:500}.account__header__extra__links a strong{font-weight:700;color:#000}.trends__header{color:#444b5d;background:#d3dce4;border-bottom:1px solid #e6ebf0;font-weight:500;padding:15px;font-size:16px;cursor:default}.trends__header .fa{display:inline-block;margin-right:5px}.trends__item{display:flex;align-items:center;padding:15px;border-bottom:1px solid #c0cdd9}.trends__item:last-child{border-bottom:0}.trends__item__name{flex:1 1 auto;color:#444b5d;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.trends__item__name strong{font-weight:500}.trends__item__name a{color:#282c37;text-decoration:none;font-size:14px;font-weight:500;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.trends__item__name a:hover span,.trends__item__name a:focus span,.trends__item__name a:active span{text-decoration:underline}.trends__item__current{flex:0 0 auto;font-size:24px;line-height:36px;font-weight:500;text-align:right;padding-right:15px;margin-left:5px;color:#282c37}.trends__item__sparkline{flex:0 0 auto;width:50px}.trends__item__sparkline path:first-child{fill:rgba(43,144,217,.25) !important;fill-opacity:1 !important}.trends__item__sparkline path:last-child{stroke:#2380c3 !important}.conversation{display:flex;border-bottom:1px solid #c0cdd9;padding:5px;padding-bottom:0}.conversation:focus{background:#d3dce4;outline:0}.conversation__avatar{flex:0 0 auto;padding:10px;padding-top:12px;position:relative;cursor:pointer}.conversation__unread{display:inline-block;background:#2b90d9;border-radius:50%;width:.625rem;height:.625rem;margin:-0.1ex .15em .1ex}.conversation__content{flex:1 1 auto;padding:10px 5px;padding-right:15px;overflow:hidden}.conversation__content__info{overflow:hidden;display:flex;flex-direction:row-reverse;justify-content:space-between}.conversation__content__relative-time{font-size:15px;color:#282c37;padding-left:15px}.conversation__content__names{color:#282c37;font-size:15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:4px;flex-basis:90px;flex-grow:1}.conversation__content__names a{color:#000;text-decoration:none}.conversation__content__names a:hover,.conversation__content__names a:focus,.conversation__content__names a:active{text-decoration:underline}.conversation__content a{word-break:break-word}.conversation--unread{background:#d3dce4}.conversation--unread:focus{background:#ccd7e0}.conversation--unread .conversation__content__info{font-weight:700}.conversation--unread .conversation__content__relative-time{color:#000}.announcements{background:#c0cdd9;font-size:13px;display:flex;align-items:flex-end}.announcements__mastodon{width:124px;flex:0 0 auto}@media screen and (max-width: 424px){.announcements__mastodon{display:none}}.announcements__container{width:calc(100% - 124px);flex:0 0 auto;position:relative}@media screen and (max-width: 424px){.announcements__container{width:100%}}.announcements__item{box-sizing:border-box;width:100%;padding:15px;position:relative;font-size:15px;line-height:20px;word-wrap:break-word;font-weight:400;max-height:50vh;overflow:hidden;display:flex;flex-direction:column}.announcements__item__range{display:block;font-weight:500;margin-bottom:10px;padding-right:18px}.announcements__item__unread{position:absolute;top:19px;right:19px;display:block;background:#2b90d9;border-radius:50%;width:.625rem;height:.625rem}.announcements__pagination{padding:15px;color:#282c37;position:absolute;bottom:3px;right:0}.layout-multiple-columns .announcements__mastodon{display:none}.layout-multiple-columns .announcements__container{width:100%}.reactions-bar{display:flex;flex-wrap:wrap;align-items:center;margin-top:15px;margin-left:-2px;width:calc(100% - (90px - 33px))}.reactions-bar__item{flex-shrink:0;background:#b3c3d1;border:0;border-radius:3px;margin:2px;cursor:pointer;user-select:none;padding:0 6px;display:flex;align-items:center;transition:all 100ms ease-in;transition-property:background-color,color}.reactions-bar__item__emoji{display:block;margin:3px 0;width:16px;height:16px}.reactions-bar__item__emoji img{display:block;margin:0;width:100%;height:100%;min-width:auto;min-height:auto;vertical-align:bottom;object-fit:contain}.reactions-bar__item__count{display:block;min-width:9px;font-size:13px;font-weight:500;text-align:center;margin-left:6px;color:#282c37}.reactions-bar__item:hover,.reactions-bar__item:focus,.reactions-bar__item:active{background:#a6b9c9;transition:all 200ms ease-out;transition-property:background-color,color}.reactions-bar__item:hover__count,.reactions-bar__item:focus__count,.reactions-bar__item:active__count{color:#1f232b}.reactions-bar__item.active{transition:all 100ms ease-in;transition-property:background-color,color;background-color:#98b9d3}.reactions-bar__item.active .reactions-bar__item__count{color:#217aba}.reactions-bar .emoji-picker-dropdown{margin:2px}.reactions-bar:hover .emoji-button{opacity:.85}.reactions-bar .emoji-button{color:#282c37;margin:0;font-size:16px;width:auto;flex-shrink:0;padding:0 6px;height:22px;display:flex;align-items:center;opacity:.5;transition:all 100ms ease-in;transition-property:background-color,color}.reactions-bar .emoji-button:hover,.reactions-bar .emoji-button:active,.reactions-bar .emoji-button:focus{opacity:1;color:#1f232b;transition:all 200ms ease-out;transition-property:background-color,color}.reactions-bar--empty .emoji-button{padding:0}.poll{margin-top:16px;font-size:14px}.poll li{margin-bottom:10px;position:relative}.poll__chart{border-radius:4px;display:block;background:#b1d6f1;height:5px;min-width:1%}.poll__chart.leading{background:#2b90d9}.poll__option{position:relative;display:flex;padding:6px 0;line-height:18px;cursor:default;overflow:hidden}.poll__option__text{display:inline-block;word-wrap:break-word;overflow-wrap:break-word;max-width:calc(100% - 45px - 25px)}.poll__option input[type=radio],.poll__option input[type=checkbox]{display:none}.poll__option .autossugest-input{flex:1 1 auto}.poll__option input[type=text]{display:block;box-sizing:border-box;width:100%;font-size:14px;color:#000;outline:0;font-family:inherit;background:#fff;border:1px solid #fff;border-radius:4px;padding:6px 10px}.poll__option input[type=text]:focus{border-color:#2b90d9}.poll__option.selectable{cursor:pointer}.poll__option.editable{display:flex;align-items:center;overflow:visible}.poll__input{display:inline-block;position:relative;border:1px solid #9bcbed;box-sizing:border-box;width:18px;height:18px;flex:0 0 auto;margin-right:10px;top:-1px;border-radius:50%;vertical-align:middle;margin-top:auto;margin-bottom:auto;flex:0 0 18px}.poll__input.checkbox{border-radius:4px}.poll__input.active{border-color:#4a905f;background:#4a905f}.poll__input:active,.poll__input:focus,.poll__input:hover{border-color:#305d3d;border-width:4px}.poll__input::-moz-focus-inner{outline:0 !important;border:0}.poll__input:focus,.poll__input:active{outline:0 !important}.poll__number{display:inline-block;width:45px;font-weight:700;flex:0 0 45px}.poll__voted{padding:0 5px;display:inline-block}.poll__voted__mark{font-size:18px}.poll__footer{padding-top:6px;padding-bottom:5px;color:#444b5d}.poll__link{display:inline;background:transparent;padding:0;margin:0;border:0;color:#444b5d;text-decoration:underline;font-size:inherit}.poll__link:hover{text-decoration:none}.poll__link:active,.poll__link:focus{background-color:rgba(68,75,93,.1)}.poll .button{height:36px;padding:0 16px;margin-right:10px;font-size:14px}.compose-form__poll-wrapper{border-top:1px solid #fff}.compose-form__poll-wrapper ul{padding:10px}.compose-form__poll-wrapper .poll__footer{border-top:1px solid #fff;padding:10px;display:flex;align-items:center}.compose-form__poll-wrapper .poll__footer button,.compose-form__poll-wrapper .poll__footer select{flex:1 1 50%}.compose-form__poll-wrapper .poll__footer button:focus,.compose-form__poll-wrapper .poll__footer select:focus{border-color:#2b90d9}.compose-form__poll-wrapper .button.button-secondary{font-size:14px;font-weight:400;padding:6px 10px;height:auto;line-height:inherit;color:#606984;border-color:#606984;margin-right:5px}.compose-form__poll-wrapper li{display:flex;align-items:center}.compose-form__poll-wrapper li .poll__option{flex:0 0 auto;width:calc(100% - (23px + 6px));margin-right:6px}.compose-form__poll-wrapper select{appearance:none;box-sizing:border-box;font-size:14px;color:#000;display:inline-block;width:auto;outline:0;font-family:inherit;background:#fff url(\"data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14.933 18.467' height='19.698' width='15.929'><path d='M3.467 14.967l-3.393-3.5H14.86l-3.392 3.5c-1.866 1.925-3.666 3.5-4 3.5-.335 0-2.135-1.575-4-3.5zm.266-11.234L7.467 0 11.2 3.733l3.733 3.734H0l3.733-3.734z' fill='%23FFFFFF'/></svg>\") no-repeat right 8px center/auto 16px;border:1px solid #fff;border-radius:4px;padding:6px 10px;padding-right:30px}.compose-form__poll-wrapper .icon-button.disabled{color:#fff}.muted .poll{color:#444b5d}.muted .poll__chart{background:rgba(216,234,248,.2)}.muted .poll__chart.leading{background:rgba(43,144,217,.2)}.modal-layout{background:#d9e1e8 url('data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 234.80078 31.757813\" width=\"234.80078\" height=\"31.757812\"><path d=\"M19.599609 0c-1.05 0-2.10039.375-2.90039 1.125L0 16.925781v14.832031h234.80078V17.025391l-16.5-15.900391c-1.6-1.5-4.20078-1.5-5.80078 0l-13.80078 13.099609c-1.6 1.5-4.19883 1.5-5.79883 0L179.09961 1.125c-1.6-1.5-4.19883-1.5-5.79883 0L159.5 14.224609c-1.6 1.5-4.20078 1.5-5.80078 0L139.90039 1.125c-1.6-1.5-4.20078-1.5-5.80078 0l-13.79883 13.099609c-1.6 1.5-4.20078 1.5-5.80078 0L100.69922 1.125c-1.600001-1.5-4.198829-1.5-5.798829 0l-13.59961 13.099609c-1.6 1.5-4.200781 1.5-5.800781 0L61.699219 1.125c-1.6-1.5-4.198828-1.5-5.798828 0L42.099609 14.224609c-1.6 1.5-4.198828 1.5-5.798828 0L22.5 1.125C21.7.375 20.649609 0 19.599609 0z\" fill=\"%23B0C0CF\"/></svg>') repeat-x bottom fixed;display:flex;flex-direction:column;height:100vh;padding:0}.modal-layout__mastodon{display:flex;flex:1;flex-direction:column;justify-content:flex-end}.modal-layout__mastodon>*{flex:1;max-height:235px}@media screen and (max-width: 600px){.account-header{margin-top:0}}.emoji-mart{font-size:13px;display:inline-block;color:#000}.emoji-mart,.emoji-mart *{box-sizing:border-box;line-height:1.15}.emoji-mart .emoji-mart-emoji{padding:6px}.emoji-mart-bar{border:0 solid #393f4f}.emoji-mart-bar:first-child{border-bottom-width:1px;border-top-left-radius:5px;border-top-right-radius:5px;background:#282c37}.emoji-mart-bar:last-child{border-top-width:1px;border-bottom-left-radius:5px;border-bottom-right-radius:5px;display:none}.emoji-mart-anchors{display:flex;justify-content:space-between;padding:0 6px;color:#282c37;line-height:0}.emoji-mart-anchor{position:relative;flex:1;text-align:center;padding:12px 4px;overflow:hidden;transition:color .1s ease-out;cursor:pointer}.emoji-mart-anchor:hover{color:#313543}.emoji-mart-anchor-selected{color:#2b90d9}.emoji-mart-anchor-selected:hover{color:#3c99dc}.emoji-mart-anchor-selected .emoji-mart-anchor-bar{bottom:-1px}.emoji-mart-anchor-bar{position:absolute;bottom:-5px;left:0;width:100%;height:4px;background-color:#2b90d9}.emoji-mart-anchors i{display:inline-block;width:100%;max-width:22px}.emoji-mart-anchors svg{fill:currentColor;max-height:18px}.emoji-mart-scroll{overflow-y:scroll;height:270px;max-height:35vh;padding:0 6px 6px;background:#fff;will-change:transform}.emoji-mart-scroll::-webkit-scrollbar-track:hover,.emoji-mart-scroll::-webkit-scrollbar-track:active{background-color:rgba(255,255,255,.3)}.emoji-mart-search{padding:10px;padding-right:45px;background:#fff}.emoji-mart-search input{font-size:14px;font-weight:400;padding:7px 9px;font-family:inherit;display:block;width:100%;background:rgba(40,44,55,.3);color:#000;border:1px solid #282c37;border-radius:4px}.emoji-mart-search input::-moz-focus-inner{border:0}.emoji-mart-search input::-moz-focus-inner,.emoji-mart-search input:focus,.emoji-mart-search input:active{outline:0 !important}.emoji-mart-category .emoji-mart-emoji{cursor:pointer}.emoji-mart-category .emoji-mart-emoji span{z-index:1;position:relative;text-align:center}.emoji-mart-category .emoji-mart-emoji:hover::before{z-index:0;content:\"\";position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(40,44,55,.7);border-radius:100%}.emoji-mart-category-label{z-index:2;position:relative;position:-webkit-sticky;position:sticky;top:0}.emoji-mart-category-label span{display:block;width:100%;font-weight:500;padding:5px 6px;background:#fff}.emoji-mart-emoji{position:relative;display:inline-block;font-size:0}.emoji-mart-emoji span{width:22px;height:22px}.emoji-mart-no-results{font-size:14px;text-align:center;padding-top:70px;color:#444b5d}.emoji-mart-no-results .emoji-mart-category-label{display:none}.emoji-mart-no-results .emoji-mart-no-results-label{margin-top:.2em}.emoji-mart-no-results .emoji-mart-emoji:hover::before{content:none}.emoji-mart-preview{display:none}.container{box-sizing:border-box;max-width:1235px;margin:0 auto;position:relative}@media screen and (max-width: 1255px){.container{width:100%;padding:0 10px}}.rich-formatting{font-family:\"mastodon-font-sans-serif\",sans-serif;font-size:14px;font-weight:400;line-height:1.7;word-wrap:break-word;color:#282c37}.rich-formatting a{color:#2b90d9;text-decoration:underline}.rich-formatting a:hover,.rich-formatting a:focus,.rich-formatting a:active{text-decoration:none}.rich-formatting p,.rich-formatting li{color:#282c37}.rich-formatting p{margin-top:0;margin-bottom:.85em}.rich-formatting p:last-child{margin-bottom:0}.rich-formatting strong{font-weight:700;color:#282c37}.rich-formatting em{font-style:italic;color:#282c37}.rich-formatting code{font-size:.85em;background:#f2f5f7;border-radius:4px;padding:.2em .3em}.rich-formatting h1,.rich-formatting h2,.rich-formatting h3,.rich-formatting h4,.rich-formatting h5,.rich-formatting h6{font-family:\"mastodon-font-display\",sans-serif;margin-top:1.275em;margin-bottom:.85em;font-weight:500;color:#282c37}.rich-formatting h1{font-size:2em}.rich-formatting h2{font-size:1.75em}.rich-formatting h3{font-size:1.5em}.rich-formatting h4{font-size:1.25em}.rich-formatting h5,.rich-formatting h6{font-size:1em}.rich-formatting ul{list-style:disc}.rich-formatting ol{list-style:decimal}.rich-formatting ul,.rich-formatting ol{margin:0;padding:0;padding-left:2em;margin-bottom:.85em}.rich-formatting ul[type=a],.rich-formatting ol[type=a]{list-style-type:lower-alpha}.rich-formatting ul[type=i],.rich-formatting ol[type=i]{list-style-type:lower-roman}.rich-formatting hr{width:100%;height:0;border:0;border-bottom:1px solid #ccd7e0;margin:1.7em 0}.rich-formatting hr.spacer{height:1px;border:0}.rich-formatting table{width:100%;border-collapse:collapse;break-inside:auto;margin-top:24px;margin-bottom:32px}.rich-formatting table thead tr,.rich-formatting table tbody tr{border-bottom:1px solid #ccd7e0;font-size:1em;line-height:1.625;font-weight:400;text-align:left;color:#282c37}.rich-formatting table thead tr{border-bottom-width:2px;line-height:1.5;font-weight:500;color:#444b5d}.rich-formatting table th,.rich-formatting table td{padding:8px;align-self:start;align-items:start;word-break:break-all}.rich-formatting table th.nowrap,.rich-formatting table td.nowrap{width:25%;position:relative}.rich-formatting table th.nowrap::before,.rich-formatting table td.nowrap::before{content:\"&nbsp;\";visibility:hidden}.rich-formatting table th.nowrap span,.rich-formatting table td.nowrap span{position:absolute;left:8px;right:8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.rich-formatting>:first-child{margin-top:0}.information-board{background:#e6ebf0;padding:20px 0}.information-board .container-alt{position:relative;padding-right:295px}.information-board__sections{display:flex;justify-content:space-between;flex-wrap:wrap}.information-board__section{flex:1 0 0;font-family:\"mastodon-font-sans-serif\",sans-serif;font-size:16px;line-height:28px;color:#000;text-align:right;padding:10px 15px}.information-board__section span,.information-board__section strong{display:block}.information-board__section span:last-child{color:#282c37}.information-board__section strong{font-family:\"mastodon-font-display\",sans-serif;font-weight:500;font-size:32px;line-height:48px}@media screen and (max-width: 700px){.information-board__section{text-align:center}}.information-board .panel{position:absolute;width:280px;box-sizing:border-box;background:#f2f5f7;padding:20px;padding-top:10px;border-radius:4px 4px 0 0;right:0;bottom:-40px}.information-board .panel .panel-header{font-family:\"mastodon-font-display\",sans-serif;font-size:14px;line-height:24px;font-weight:500;color:#282c37;padding-bottom:5px;margin-bottom:15px;border-bottom:1px solid #ccd7e0;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.information-board .panel .panel-header a,.information-board .panel .panel-header span{font-weight:400;color:#3d4455}.information-board .panel .panel-header a{text-decoration:none}.information-board .owner{text-align:center}.information-board .owner .avatar{width:80px;height:80px;margin:0 auto;margin-bottom:15px}.information-board .owner .avatar img{display:block;width:80px;height:80px;border-radius:48px}.information-board .owner .name{font-size:14px}.information-board .owner .name a{display:block;color:#000;text-decoration:none}.information-board .owner .name a:hover .display_name{text-decoration:underline}.information-board .owner .name .username{display:block;color:#282c37}.landing-page p,.landing-page li{font-family:\"mastodon-font-sans-serif\",sans-serif;font-size:16px;font-weight:400;font-size:16px;line-height:30px;margin-bottom:12px;color:#282c37}.landing-page p a,.landing-page li a{color:#2b90d9;text-decoration:underline}.landing-page em{display:inline;margin:0;padding:0;font-weight:700;background:transparent;font-family:inherit;font-size:inherit;line-height:inherit;color:#131419}.landing-page h1{font-family:\"mastodon-font-display\",sans-serif;font-size:26px;line-height:30px;font-weight:500;margin-bottom:20px;color:#282c37}.landing-page h1 small{font-family:\"mastodon-font-sans-serif\",sans-serif;display:block;font-size:18px;font-weight:400;color:#131419}.landing-page h2{font-family:\"mastodon-font-display\",sans-serif;font-size:22px;line-height:26px;font-weight:500;margin-bottom:20px;color:#282c37}.landing-page h3{font-family:\"mastodon-font-display\",sans-serif;font-size:18px;line-height:24px;font-weight:500;margin-bottom:20px;color:#282c37}.landing-page h4{font-family:\"mastodon-font-display\",sans-serif;font-size:16px;line-height:24px;font-weight:500;margin-bottom:20px;color:#282c37}.landing-page h5{font-family:\"mastodon-font-display\",sans-serif;font-size:14px;line-height:24px;font-weight:500;margin-bottom:20px;color:#282c37}.landing-page h6{font-family:\"mastodon-font-display\",sans-serif;font-size:12px;line-height:24px;font-weight:500;margin-bottom:20px;color:#282c37}.landing-page ul,.landing-page ol{margin-left:20px}.landing-page ul[type=a],.landing-page ol[type=a]{list-style-type:lower-alpha}.landing-page ul[type=i],.landing-page ol[type=i]{list-style-type:lower-roman}.landing-page ul{list-style:disc}.landing-page ol{list-style:decimal}.landing-page li>ol,.landing-page li>ul{margin-top:6px}.landing-page hr{width:100%;height:0;border:0;border-bottom:1px solid rgba(176,192,207,.6);margin:20px 0}.landing-page hr.spacer{height:1px;border:0}.landing-page__information,.landing-page__forms{padding:20px}.landing-page__call-to-action{background:#d9e1e8;border-radius:4px;padding:25px 40px;overflow:hidden;box-sizing:border-box}.landing-page__call-to-action .row{width:100%;display:flex;flex-direction:row-reverse;flex-wrap:nowrap;justify-content:space-between;align-items:center}.landing-page__call-to-action .row__information-board{display:flex;justify-content:flex-end;align-items:flex-end}.landing-page__call-to-action .row__information-board .information-board__section{flex:1 0 auto;padding:0 10px}@media screen and (max-width: 415px){.landing-page__call-to-action .row__information-board{width:100%;justify-content:space-between}}.landing-page__call-to-action .row__mascot{flex:1;margin:10px -50px 0 0}@media screen and (max-width: 415px){.landing-page__call-to-action .row__mascot{display:none}}.landing-page__logo{margin-right:20px}.landing-page__logo img{height:50px;width:auto;mix-blend-mode:lighten}.landing-page__information{padding:45px 40px;margin-bottom:10px}.landing-page__information:last-child{margin-bottom:0}.landing-page__information strong{font-weight:500;color:#131419}.landing-page__information .account{border-bottom:0;padding:0}.landing-page__information .account__display-name{align-items:center;display:flex;margin-right:5px}.landing-page__information .account div.account__display-name:hover .display-name strong{text-decoration:none}.landing-page__information .account div.account__display-name .account__avatar{cursor:default}.landing-page__information .account__avatar-wrapper{margin-left:0;flex:0 0 auto}.landing-page__information .account__avatar{width:44px;height:44px;background-size:44px 44px}.landing-page__information .account .display-name{font-size:15px}.landing-page__information .account .display-name__account{font-size:14px}@media screen and (max-width: 960px){.landing-page__information .contact{margin-top:30px}}@media screen and (max-width: 700px){.landing-page__information{padding:25px 20px}}.landing-page__information,.landing-page__forms,.landing-page #mastodon-timeline{box-sizing:border-box;background:#d9e1e8;border-radius:4px;box-shadow:0 0 6px rgba(0,0,0,.1)}.landing-page__mascot{height:104px;position:relative;left:-40px;bottom:25px}.landing-page__mascot img{height:190px;width:auto}.landing-page__short-description .row{display:flex;flex-wrap:wrap;align-items:center;margin-bottom:40px}@media screen and (max-width: 700px){.landing-page__short-description .row{margin-bottom:20px}}.landing-page__short-description p a{color:#282c37}.landing-page__short-description h1{font-weight:500;color:#000;margin-bottom:0}.landing-page__short-description h1 small{color:#282c37}.landing-page__short-description h1 small span{color:#282c37}.landing-page__short-description p:last-child{margin-bottom:0}.landing-page__hero{margin-bottom:10px}.landing-page__hero img{display:block;margin:0;max-width:100%;height:auto;border-radius:4px}@media screen and (max-width: 840px){.landing-page .information-board .container-alt{padding-right:20px}.landing-page .information-board .panel{position:static;margin-top:20px;width:100%;border-radius:4px}.landing-page .information-board .panel .panel-header{text-align:center}}@media screen and (max-width: 675px){.landing-page .header-wrapper{padding-top:0}.landing-page .header-wrapper.compact{padding-bottom:0}.landing-page .header-wrapper.compact .hero .heading{text-align:initial}.landing-page .header .container-alt,.landing-page .features .container-alt{display:block}}.landing-page .cta{margin:20px}.landing{margin-bottom:100px}@media screen and (max-width: 738px){.landing{margin-bottom:0}}.landing__brand{display:flex;justify-content:center;align-items:center;padding:50px}.landing__brand svg{fill:#000;height:52px}@media screen and (max-width: 415px){.landing__brand{padding:0;margin-bottom:30px}}.landing .directory{margin-top:30px;background:transparent;box-shadow:none;border-radius:0}.landing .hero-widget{margin-top:30px;margin-bottom:0}.landing .hero-widget h4{padding:10px;text-transform:uppercase;font-weight:700;font-size:13px;color:#282c37}.landing .hero-widget__text{border-radius:0;padding-bottom:0}.landing .hero-widget__footer{background:#d9e1e8;padding:10px;border-radius:0 0 4px 4px;display:flex}.landing .hero-widget__footer__column{flex:1 1 50%}.landing .hero-widget .account{padding:10px 0;border-bottom:0}.landing .hero-widget .account .account__display-name{display:flex;align-items:center}.landing .hero-widget .account .account__avatar{width:44px;height:44px;background-size:44px 44px}.landing .hero-widget__counter{padding:10px}.landing .hero-widget__counter strong{font-family:\"mastodon-font-display\",sans-serif;font-size:15px;font-weight:700;display:block}.landing .hero-widget__counter span{font-size:14px;color:#282c37}.landing .simple_form .user_agreement .label_input>label{font-weight:400;color:#282c37}.landing .simple_form p.lead{color:#282c37;font-size:15px;line-height:20px;font-weight:400;margin-bottom:25px}.landing__grid{max-width:960px;margin:0 auto;display:grid;grid-template-columns:minmax(0, 50%) minmax(0, 50%);grid-gap:30px}@media screen and (max-width: 738px){.landing__grid{grid-template-columns:minmax(0, 100%);grid-gap:10px}.landing__grid__column-login{grid-row:1;display:flex;flex-direction:column}.landing__grid__column-login .box-widget{order:2;flex:0 0 auto}.landing__grid__column-login .hero-widget{margin-top:0;margin-bottom:10px;order:1;flex:0 0 auto}.landing__grid__column-registration{grid-row:2}.landing__grid .directory{margin-top:10px}}@media screen and (max-width: 415px){.landing__grid{grid-gap:0}.landing__grid .hero-widget{display:block;margin-bottom:0;box-shadow:none}.landing__grid .hero-widget__img,.landing__grid .hero-widget__img img,.landing__grid .hero-widget__footer{border-radius:0}.landing__grid .hero-widget,.landing__grid .box-widget,.landing__grid .directory__tag{border-bottom:1px solid #c0cdd9}.landing__grid .directory{margin-top:0}.landing__grid .directory__tag{margin-bottom:0}.landing__grid .directory__tag>a,.landing__grid .directory__tag>div{border-radius:0;box-shadow:none}.landing__grid .directory__tag:last-child{border-bottom:0}}.brand{position:relative;text-decoration:none}.brand__tagline{display:block;position:absolute;bottom:-10px;left:50px;width:300px;color:#9bcbed;text-decoration:none;font-size:14px}@media screen and (max-width: 415px){.brand__tagline{position:static;width:auto;margin-top:20px;color:#444b5d}}.table{width:100%;max-width:100%;border-spacing:0;border-collapse:collapse}.table th,.table td{padding:8px;line-height:18px;vertical-align:top;border-top:1px solid #d9e1e8;text-align:left;background:#e6ebf0}.table>thead>tr>th{vertical-align:bottom;border-bottom:2px solid #d9e1e8;border-top:0;font-weight:500}.table>tbody>tr>th{font-weight:500}.table>tbody>tr:nth-child(odd)>td,.table>tbody>tr:nth-child(odd)>th{background:#d9e1e8}.table a{color:#2b90d9;text-decoration:underline}.table a:hover{text-decoration:none}.table strong{font-weight:500}.table strong:lang(ja){font-weight:700}.table strong:lang(ko){font-weight:700}.table strong:lang(zh-CN){font-weight:700}.table strong:lang(zh-HK){font-weight:700}.table strong:lang(zh-TW){font-weight:700}.table.inline-table>tbody>tr:nth-child(odd)>td,.table.inline-table>tbody>tr:nth-child(odd)>th{background:transparent}.table.inline-table>tbody>tr:first-child>td,.table.inline-table>tbody>tr:first-child>th{border-top:0}.table.batch-table>thead>tr>th{background:#d9e1e8;border-top:1px solid #f2f5f7;border-bottom:1px solid #f2f5f7}.table.batch-table>thead>tr>th:first-child{border-radius:4px 0 0;border-left:1px solid #f2f5f7}.table.batch-table>thead>tr>th:last-child{border-radius:0 4px 0 0;border-right:1px solid #f2f5f7}.table--invites tbody td{vertical-align:middle}.table-wrapper{overflow:auto;margin-bottom:20px}samp{font-family:\"mastodon-font-monospace\",monospace}button.table-action-link{background:transparent;border:0;font:inherit}button.table-action-link,a.table-action-link{text-decoration:none;display:inline-block;margin-right:5px;padding:0 10px;color:#282c37;font-weight:500}button.table-action-link:hover,a.table-action-link:hover{color:#000}button.table-action-link i.fa,a.table-action-link i.fa{font-weight:400;margin-right:5px}button.table-action-link:first-child,a.table-action-link:first-child{padding-left:0}.batch-table__toolbar,.batch-table__row{display:flex}.batch-table__toolbar__select,.batch-table__row__select{box-sizing:border-box;padding:8px 16px;cursor:pointer;min-height:100%}.batch-table__toolbar__select input,.batch-table__row__select input{margin-top:8px}.batch-table__toolbar__select--aligned,.batch-table__row__select--aligned{display:flex;align-items:center}.batch-table__toolbar__select--aligned input,.batch-table__row__select--aligned input{margin-top:0}.batch-table__toolbar__actions,.batch-table__toolbar__content,.batch-table__row__actions,.batch-table__row__content{padding:8px 0;padding-right:16px;flex:1 1 auto}.batch-table__toolbar{border:1px solid #f2f5f7;background:#d9e1e8;border-radius:4px 0 0;height:47px;align-items:center}.batch-table__toolbar__actions{text-align:right;padding-right:11px}.batch-table__form{padding:16px;border:1px solid #f2f5f7;border-top:0;background:#d9e1e8}.batch-table__form .fields-row{padding-top:0;margin-bottom:0}.batch-table__row{border:1px solid #f2f5f7;border-top:0;background:#e6ebf0}@media screen and (max-width: 415px){.optional .batch-table__row:first-child{border-top:1px solid #f2f5f7}}.batch-table__row:hover{background:#dfe6ec}.batch-table__row:nth-child(even){background:#d9e1e8}.batch-table__row:nth-child(even):hover{background:#d3dce4}.batch-table__row__content{padding-top:12px;padding-bottom:16px}.batch-table__row__content--unpadded{padding:0}.batch-table__row__content--with-image{display:flex;align-items:center}.batch-table__row__content__image{flex:0 0 auto;display:flex;justify-content:center;align-items:center;margin-right:10px}.batch-table__row__content__image .emojione{width:32px;height:32px}.batch-table__row__content__text{flex:1 1 auto}.batch-table__row__content__extra{flex:0 0 auto;text-align:right;color:#282c37;font-weight:500}.batch-table__row .directory__tag{margin:0;width:100%}.batch-table__row .directory__tag a{background:transparent;border-radius:0}@media screen and (max-width: 415px){.batch-table.optional .batch-table__toolbar,.batch-table.optional .batch-table__row__select{display:none}}.batch-table .status__content{padding-top:0}.batch-table .status__content summary{display:list-item}.batch-table .status__content strong{font-weight:700}.batch-table .nothing-here{border:1px solid #f2f5f7;border-top:0;box-shadow:none}@media screen and (max-width: 415px){.batch-table .nothing-here{border-top:1px solid #f2f5f7}}@media screen and (max-width: 870px){.batch-table .accounts-table tbody td.optional{display:none}}.admin-wrapper{display:flex;justify-content:center;width:100%;min-height:100vh}.admin-wrapper .sidebar-wrapper{min-height:100vh;overflow:hidden;pointer-events:none;flex:1 1 auto}.admin-wrapper .sidebar-wrapper__inner{display:flex;justify-content:flex-end;background:#d9e1e8;height:100%}.admin-wrapper .sidebar{width:240px;padding:0;pointer-events:auto}.admin-wrapper .sidebar__toggle{display:none;background:#c0cdd9;height:48px}.admin-wrapper .sidebar__toggle__logo{flex:1 1 auto}.admin-wrapper .sidebar__toggle__logo a{display:inline-block;padding:15px}.admin-wrapper .sidebar__toggle__logo svg{fill:#000;height:20px;position:relative;bottom:-2px}.admin-wrapper .sidebar__toggle__icon{display:block;color:#282c37;text-decoration:none;flex:0 0 auto;font-size:20px;padding:15px}.admin-wrapper .sidebar__toggle a:hover,.admin-wrapper .sidebar__toggle a:focus,.admin-wrapper .sidebar__toggle a:active{background:#b3c3d1}.admin-wrapper .sidebar .logo{display:block;margin:40px auto;width:100px;height:100px}@media screen and (max-width: 600px){.admin-wrapper .sidebar>a:first-child{display:none}}.admin-wrapper .sidebar ul{list-style:none;border-radius:4px 0 0 4px;overflow:hidden;margin-bottom:20px}@media screen and (max-width: 600px){.admin-wrapper .sidebar ul{margin-bottom:0}}.admin-wrapper .sidebar ul a{display:block;padding:15px;color:#282c37;text-decoration:none;transition:all 200ms linear;transition-property:color,background-color;border-radius:4px 0 0 4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.admin-wrapper .sidebar ul a i.fa{margin-right:5px}.admin-wrapper .sidebar ul a:hover{color:#000;background-color:#e9eef2;transition:all 100ms linear;transition-property:color,background-color}.admin-wrapper .sidebar ul a.selected{background:#dfe6ec;border-radius:4px 0 0}.admin-wrapper .sidebar ul ul{background:#e6ebf0;border-radius:0 0 0 4px;margin:0}.admin-wrapper .sidebar ul ul a{border:0;padding:15px 35px}.admin-wrapper .sidebar ul .simple-navigation-active-leaf a{color:#000;background-color:#2b90d9;border-bottom:0;border-radius:0}.admin-wrapper .sidebar ul .simple-navigation-active-leaf a:hover{background-color:#2482c7}.admin-wrapper .sidebar>ul>.simple-navigation-active-leaf a{border-radius:4px 0 0 4px}.admin-wrapper .content-wrapper{box-sizing:border-box;width:100%;max-width:840px;flex:1 1 auto}@media screen and (max-width: 1080px){.admin-wrapper .sidebar-wrapper--empty{display:none}.admin-wrapper .sidebar-wrapper{width:240px;flex:0 0 auto}}@media screen and (max-width: 600px){.admin-wrapper .sidebar-wrapper{width:100%}}.admin-wrapper .content{padding:20px 15px;padding-top:60px;padding-left:25px}@media screen and (max-width: 600px){.admin-wrapper .content{max-width:none;padding:15px;padding-top:30px}}.admin-wrapper .content-heading{display:flex;padding-bottom:40px;border-bottom:1px solid #c0cdd9;margin:-15px -15px 40px 0;flex-wrap:wrap;align-items:center;justify-content:space-between}.admin-wrapper .content-heading>*{margin-top:15px;margin-right:15px}.admin-wrapper .content-heading-actions{display:inline-flex}.admin-wrapper .content-heading-actions>:not(:first-child){margin-left:5px}@media screen and (max-width: 600px){.admin-wrapper .content-heading{border-bottom:0;padding-bottom:0}}.admin-wrapper .content h2{color:#282c37;font-size:24px;line-height:28px;font-weight:400}@media screen and (max-width: 600px){.admin-wrapper .content h2{font-weight:700}}.admin-wrapper .content h3{color:#282c37;font-size:20px;line-height:28px;font-weight:400;margin-bottom:30px}.admin-wrapper .content h4{text-transform:uppercase;font-size:13px;font-weight:700;color:#282c37;padding-bottom:8px;margin-bottom:8px;border-bottom:1px solid #c0cdd9}.admin-wrapper .content h6{font-size:16px;color:#282c37;line-height:28px;font-weight:500}.admin-wrapper .content .fields-group h6{color:#000;font-weight:500}.admin-wrapper .content .directory__tag>a,.admin-wrapper .content .directory__tag>div{box-shadow:none}.admin-wrapper .content .directory__tag .table-action-link .fa{color:inherit}.admin-wrapper .content .directory__tag h4{font-size:18px;font-weight:700;color:#000;text-transform:none;padding-bottom:0;margin-bottom:0;border-bottom:0}.admin-wrapper .content>p{font-size:14px;line-height:21px;color:#282c37;margin-bottom:20px}.admin-wrapper .content>p strong{color:#000;font-weight:500}.admin-wrapper .content>p strong:lang(ja){font-weight:700}.admin-wrapper .content>p strong:lang(ko){font-weight:700}.admin-wrapper .content>p strong:lang(zh-CN){font-weight:700}.admin-wrapper .content>p strong:lang(zh-HK){font-weight:700}.admin-wrapper .content>p strong:lang(zh-TW){font-weight:700}.admin-wrapper .content hr{width:100%;height:0;border:0;border-bottom:1px solid rgba(176,192,207,.6);margin:20px 0}.admin-wrapper .content hr.spacer{height:1px;border:0}@media screen and (max-width: 600px){.admin-wrapper{display:block}.admin-wrapper .sidebar-wrapper{min-height:0}.admin-wrapper .sidebar{width:100%;padding:0;height:auto}.admin-wrapper .sidebar__toggle{display:flex}.admin-wrapper .sidebar>ul{display:none}.admin-wrapper .sidebar ul a,.admin-wrapper .sidebar ul ul a{border-radius:0;border-bottom:1px solid #ccd7e0;transition:none}.admin-wrapper .sidebar ul a:hover,.admin-wrapper .sidebar ul ul a:hover{transition:none}.admin-wrapper .sidebar ul ul{border-radius:0}.admin-wrapper .sidebar ul .simple-navigation-active-leaf a{border-bottom-color:#2b90d9}}hr.spacer{width:100%;border:0;margin:20px 0;height:1px}body .muted-hint,.admin-wrapper .content .muted-hint{color:#282c37}body .muted-hint a,.admin-wrapper .content .muted-hint a{color:#2b90d9}body .positive-hint,.admin-wrapper .content .positive-hint{color:#4a905f;font-weight:500}body .negative-hint,.admin-wrapper .content .negative-hint{color:#df405a;font-weight:500}body .neutral-hint,.admin-wrapper .content .neutral-hint{color:#444b5d;font-weight:500}body .warning-hint,.admin-wrapper .content .warning-hint{color:#ca8f04;font-weight:500}.filters{display:flex;flex-wrap:wrap}.filters .filter-subset{flex:0 0 auto;margin:0 40px 20px 0}.filters .filter-subset:last-child{margin-bottom:30px}.filters .filter-subset ul{margin-top:5px;list-style:none}.filters .filter-subset ul li{display:inline-block;margin-right:5px}.filters .filter-subset strong{font-weight:500;text-transform:uppercase;font-size:12px}.filters .filter-subset strong:lang(ja){font-weight:700}.filters .filter-subset strong:lang(ko){font-weight:700}.filters .filter-subset strong:lang(zh-CN){font-weight:700}.filters .filter-subset strong:lang(zh-HK){font-weight:700}.filters .filter-subset strong:lang(zh-TW){font-weight:700}.filters .filter-subset--with-select strong{display:block;margin-bottom:10px}.filters .filter-subset a{display:inline-block;color:#282c37;text-decoration:none;text-transform:uppercase;font-size:12px;font-weight:500;border-bottom:2px solid #d9e1e8}.filters .filter-subset a:hover{color:#000;border-bottom:2px solid #c9d4de}.filters .filter-subset a.selected{color:#2b90d9;border-bottom:2px solid #2b90d9}.flavour-screen{display:block;margin:10px auto;max-width:100%}.flavour-description{display:block;font-size:16px;margin:10px 0}.flavour-description>p{margin:10px 0}.flavour-screen{display:block;margin:10px auto;max-width:100%}.flavour-description{display:block;font-size:16px;margin:10px 0}.flavour-description>p{margin:10px 0}.report-accounts{display:flex;flex-wrap:wrap;margin-bottom:20px}.report-accounts__item{display:flex;flex:250px;flex-direction:column;margin:0 5px}.report-accounts__item>strong{display:block;margin:0 0 10px -5px;font-weight:500;font-size:14px;line-height:18px;color:#282c37}.report-accounts__item>strong:lang(ja){font-weight:700}.report-accounts__item>strong:lang(ko){font-weight:700}.report-accounts__item>strong:lang(zh-CN){font-weight:700}.report-accounts__item>strong:lang(zh-HK){font-weight:700}.report-accounts__item>strong:lang(zh-TW){font-weight:700}.report-accounts__item .account-card{flex:1 1 auto}.report-status,.account-status{display:flex;margin-bottom:10px}.report-status .activity-stream,.account-status .activity-stream{flex:2 0 0;margin-right:20px;max-width:calc(100% - 60px)}.report-status .activity-stream .entry,.account-status .activity-stream .entry{border-radius:4px}.report-status__actions,.account-status__actions{flex:0 0 auto;display:flex;flex-direction:column}.report-status__actions .icon-button,.account-status__actions .icon-button{font-size:24px;width:24px;text-align:center;margin-bottom:10px}.simple_form.new_report_note,.simple_form.new_account_moderation_note{max-width:100%}.batch-form-box{display:flex;flex-wrap:wrap;margin-bottom:5px}.batch-form-box #form_status_batch_action{margin:0 5px 5px 0;font-size:14px}.batch-form-box input.button{margin:0 5px 5px 0}.batch-form-box .media-spoiler-toggle-buttons{margin-left:auto}.batch-form-box .media-spoiler-toggle-buttons .button{overflow:visible;margin:0 0 5px 5px;float:right}.back-link{margin-bottom:10px;font-size:14px}.back-link a{color:#2b90d9;text-decoration:none}.back-link a:hover{text-decoration:underline}.spacer{flex:1 1 auto}.log-entry{line-height:20px;padding:15px 0;background:#d9e1e8;border-bottom:1px solid #ccd7e0}.log-entry:last-child{border-bottom:0}.log-entry__header{display:flex;justify-content:flex-start;align-items:center;color:#282c37;font-size:14px;padding:0 10px}.log-entry__avatar{margin-right:10px}.log-entry__avatar .avatar{display:block;margin:0;border-radius:50%;width:40px;height:40px}.log-entry__content{max-width:calc(100% - 90px)}.log-entry__title{word-wrap:break-word}.log-entry__timestamp{color:#444b5d}.log-entry a,.log-entry .username,.log-entry .target{color:#282c37;text-decoration:none;font-weight:500}a.name-tag,.name-tag,a.inline-name-tag,.inline-name-tag{text-decoration:none;color:#282c37}a.name-tag .username,.name-tag .username,a.inline-name-tag .username,.inline-name-tag .username{font-weight:500}a.name-tag.suspended .username,.name-tag.suspended .username,a.inline-name-tag.suspended .username,.inline-name-tag.suspended .username{text-decoration:line-through;color:#c1203b}a.name-tag.suspended .avatar,.name-tag.suspended .avatar,a.inline-name-tag.suspended .avatar,.inline-name-tag.suspended .avatar{filter:grayscale(100%);opacity:.8}a.name-tag,.name-tag{display:flex;align-items:center}a.name-tag .avatar,.name-tag .avatar{display:block;margin:0;margin-right:5px;border-radius:50%}a.name-tag.suspended .avatar,.name-tag.suspended .avatar{filter:grayscale(100%);opacity:.8}.speech-bubble{margin-bottom:20px;border-left:4px solid #2b90d9}.speech-bubble.positive{border-left-color:#4a905f}.speech-bubble.negative{border-left-color:#c1203b}.speech-bubble.warning{border-left-color:#ca8f04}.speech-bubble__bubble{padding:16px;padding-left:14px;font-size:15px;line-height:20px;border-radius:4px 4px 4px 0;position:relative;font-weight:500}.speech-bubble__bubble a{color:#282c37}.speech-bubble__owner{padding:8px;padding-left:12px}.speech-bubble time{color:#444b5d}.report-card{background:#d9e1e8;border-radius:4px;margin-bottom:20px}.report-card__profile{display:flex;justify-content:space-between;align-items:center;padding:15px}.report-card__profile .account{padding:0;border:0}.report-card__profile .account__avatar-wrapper{margin-left:0}.report-card__profile__stats{flex:0 0 auto;font-weight:500;color:#282c37;text-transform:uppercase;text-align:right}.report-card__profile__stats a{color:inherit;text-decoration:none}.report-card__profile__stats a:focus,.report-card__profile__stats a:hover,.report-card__profile__stats a:active{color:#17191f}.report-card__profile__stats .red{color:#df405a}.report-card__summary__item{display:flex;justify-content:flex-start;border-top:1px solid #e6ebf0}.report-card__summary__item:hover{background:#d3dce4}.report-card__summary__item__reported-by,.report-card__summary__item__assigned{padding:15px;flex:0 0 auto;box-sizing:border-box;width:150px;color:#282c37}.report-card__summary__item__reported-by,.report-card__summary__item__reported-by .username,.report-card__summary__item__assigned,.report-card__summary__item__assigned .username{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.report-card__summary__item__content{flex:1 1 auto;max-width:calc(100% - 300px)}.report-card__summary__item__content__icon{color:#444b5d;margin-right:4px;font-weight:500}.report-card__summary__item__content a{display:block;box-sizing:border-box;width:100%;padding:15px;text-decoration:none;color:#282c37}.one-line{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ellipsized-ip{display:inline-block;max-width:120px;overflow:hidden;text-overflow:ellipsis;vertical-align:middle}.admin-account-bio{display:flex;flex-wrap:wrap;margin:0 -5px;margin-top:20px}.admin-account-bio>div{box-sizing:border-box;padding:0 5px;margin-bottom:10px;flex:1 0 50%}.admin-account-bio .account__header__fields,.admin-account-bio .account__header__content{background:#c0cdd9;border-radius:4px;height:100%}.admin-account-bio .account__header__fields{margin:0;border:0}.admin-account-bio .account__header__fields a{color:#217aba}.admin-account-bio .account__header__fields dl:first-child .verified{border-radius:0 4px 0 0}.admin-account-bio .account__header__fields .verified a{color:#4a905f}.admin-account-bio .account__header__content{box-sizing:border-box;padding:20px;color:#000}.center-text{text-align:center}.announcements-list{border:1px solid #ccd7e0;border-radius:4px}.announcements-list__item{padding:15px 0;background:#d9e1e8;border-bottom:1px solid #ccd7e0}.announcements-list__item__title{padding:0 15px;display:block;font-weight:500;font-size:18px;line-height:1.5;color:#282c37;text-decoration:none;margin-bottom:10px}.announcements-list__item__title:hover,.announcements-list__item__title:focus,.announcements-list__item__title:active{color:#000}.announcements-list__item__meta{padding:0 15px;color:#444b5d}.announcements-list__item__action-bar{display:flex;justify-content:space-between;align-items:center}.announcements-list__item:last-child{border-bottom:0}.dashboard__counters{display:flex;flex-wrap:wrap;margin:0 -5px;margin-bottom:20px}.dashboard__counters>div{box-sizing:border-box;flex:0 0 33.333%;padding:0 5px;margin-bottom:10px}.dashboard__counters>div>div,.dashboard__counters>div>a{padding:20px;background:#ccd7e0;border-radius:4px;box-sizing:border-box;height:100%}.dashboard__counters>div>a{text-decoration:none;color:inherit;display:block}.dashboard__counters>div>a:hover,.dashboard__counters>div>a:focus,.dashboard__counters>div>a:active{background:#c0cdd9}.dashboard__counters__num,.dashboard__counters__text{text-align:center;font-weight:500;font-size:24px;line-height:21px;color:#000;font-family:\"mastodon-font-display\",sans-serif;margin-bottom:20px;line-height:30px}.dashboard__counters__text{font-size:18px}.dashboard__counters__label{font-size:14px;color:#282c37;text-align:center;font-weight:500}.dashboard__widgets{display:flex;flex-wrap:wrap;margin:0 -5px}.dashboard__widgets>div{flex:0 0 33.333%;margin-bottom:20px}.dashboard__widgets>div>div{padding:0 5px}.dashboard__widgets a:not(.name-tag){color:#282c37;font-weight:500;text-decoration:none}body.rtl{direction:rtl}body.rtl .column-header>button{text-align:right;padding-left:0;padding-right:15px}body.rtl .radio-button__input{margin-right:0;margin-left:10px}body.rtl .directory__card__bar .display-name{margin-left:0;margin-right:15px}body.rtl .display-name{text-align:right}body.rtl .notification__message{margin-left:0;margin-right:68px}body.rtl .drawer__inner__mastodon>img{transform:scaleX(-1)}body.rtl .notification__favourite-icon-wrapper{left:auto;right:-26px}body.rtl .landing-page__logo{margin-right:0;margin-left:20px}body.rtl .landing-page .features-list .features-list__row .visual{margin-left:0;margin-right:15px}body.rtl .column-link__icon,body.rtl .column-header__icon{margin-right:0;margin-left:5px}body.rtl .compose-form .compose-form__buttons-wrapper .character-counter__wrapper{margin-right:0;margin-left:4px}body.rtl .navigation-bar__profile{margin-left:0;margin-right:8px}body.rtl .search__input{padding-right:10px;padding-left:30px}body.rtl .search__icon .fa{right:auto;left:10px}body.rtl .columns-area{direction:rtl}body.rtl .column-header__buttons{left:0;right:auto;margin-left:0;margin-right:-15px}body.rtl .column-inline-form .icon-button{margin-left:0;margin-right:5px}body.rtl .column-header__links .text-btn{margin-left:10px;margin-right:0}body.rtl .account__avatar-wrapper{float:right}body.rtl .column-header__back-button{padding-left:5px;padding-right:0}body.rtl .column-header__setting-arrows{float:left}body.rtl .setting-toggle__label{margin-left:0;margin-right:8px}body.rtl .status__avatar{left:auto;right:10px}body.rtl .status,body.rtl .activity-stream .status.light{padding-left:10px;padding-right:68px}body.rtl .status__info .status__display-name,body.rtl .activity-stream .status.light .status__display-name{padding-left:25px;padding-right:0}body.rtl .activity-stream .pre-header{padding-right:68px;padding-left:0}body.rtl .status__prepend{margin-left:0;margin-right:68px}body.rtl .status__prepend-icon-wrapper{left:auto;right:-26px}body.rtl .activity-stream .pre-header .pre-header__icon{left:auto;right:42px}body.rtl .account__avatar-overlay-overlay{right:auto;left:0}body.rtl .column-back-button--slim-button{right:auto;left:0}body.rtl .status__relative-time,body.rtl .activity-stream .status.light .status__header .status__meta{float:left}body.rtl .status__action-bar__counter{margin-right:0;margin-left:11px}body.rtl .status__action-bar__counter .status__action-bar-button{margin-right:0;margin-left:4px}body.rtl .status__action-bar-button{float:right;margin-right:0;margin-left:18px}body.rtl .status__action-bar-dropdown{float:right}body.rtl .privacy-dropdown__dropdown{margin-left:0;margin-right:40px}body.rtl .privacy-dropdown__option__icon{margin-left:10px;margin-right:0}body.rtl .detailed-status__display-name .display-name{text-align:right}body.rtl .detailed-status__display-avatar{margin-right:0;margin-left:10px;float:right}body.rtl .detailed-status__favorites,body.rtl .detailed-status__reblogs{margin-left:0;margin-right:6px}body.rtl .fa-ul{margin-left:2.14285714em}body.rtl .fa-li{left:auto;right:-2.14285714em}body.rtl .admin-wrapper{direction:rtl}body.rtl .admin-wrapper .sidebar ul a i.fa,body.rtl a.table-action-link i.fa{margin-right:0;margin-left:5px}body.rtl .simple_form .check_boxes .checkbox label{padding-left:0;padding-right:25px}body.rtl .simple_form .input.with_label.boolean label.checkbox{padding-left:25px;padding-right:0}body.rtl .simple_form .check_boxes .checkbox input[type=checkbox],body.rtl .simple_form .input.boolean input[type=checkbox]{left:auto;right:0}body.rtl .simple_form .input.radio_buttons .radio{left:auto;right:0}body.rtl .simple_form .input.radio_buttons .radio>label{padding-right:28px;padding-left:0}body.rtl .simple_form .input-with-append .input input{padding-left:142px;padding-right:0}body.rtl .simple_form .input.boolean label.checkbox{left:auto;right:0}body.rtl .simple_form .input.boolean .label_input,body.rtl .simple_form .input.boolean .hint{padding-left:0;padding-right:28px}body.rtl .simple_form .label_input__append{right:auto;left:3px}body.rtl .simple_form .label_input__append::after{right:auto;left:0;background-image:linear-gradient(to left, rgba(249, 250, 251, 0), #f9fafb)}body.rtl .simple_form select{background:#f9fafb url(\"data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14.933 18.467' height='19.698' width='15.929'><path d='M3.467 14.967l-3.393-3.5H14.86l-3.392 3.5c-1.866 1.925-3.666 3.5-4 3.5-.335 0-2.135-1.575-4-3.5zm.266-11.234L7.467 0 11.2 3.733l3.733 3.734H0l3.733-3.734z' fill='%23B3C3D1'/></svg>\") no-repeat left 8px center/auto 16px}body.rtl .table th,body.rtl .table td{text-align:right}body.rtl .filters .filter-subset{margin-right:0;margin-left:45px}body.rtl .landing-page .header-wrapper .mascot{right:60px;left:auto}body.rtl .landing-page__call-to-action .row__information-board{direction:rtl}body.rtl .landing-page .header .hero .floats .float-1{left:-120px;right:auto}body.rtl .landing-page .header .hero .floats .float-2{left:210px;right:auto}body.rtl .landing-page .header .hero .floats .float-3{left:110px;right:auto}body.rtl .landing-page .header .links .brand img{left:0}body.rtl .landing-page .fa-external-link{padding-right:5px;padding-left:0 !important}body.rtl .landing-page .features #mastodon-timeline{margin-right:0;margin-left:30px}@media screen and (min-width: 631px){body.rtl .column,body.rtl .drawer{padding-left:5px;padding-right:5px}body.rtl .column:first-child,body.rtl .drawer:first-child{padding-left:5px;padding-right:10px}body.rtl .columns-area>div .column,body.rtl .columns-area>div .drawer{padding-left:5px;padding-right:5px}}body.rtl .columns-area--mobile .column,body.rtl .columns-area--mobile .drawer{padding-left:0;padding-right:0}body.rtl .public-layout .header .nav-button{margin-left:8px;margin-right:0}body.rtl .public-layout .public-account-header__tabs{margin-left:0;margin-right:20px}body.rtl .landing-page__information .account__display-name{margin-right:0;margin-left:5px}body.rtl .landing-page__information .account__avatar-wrapper{margin-left:12px;margin-right:0}body.rtl .card__bar .display-name{margin-left:0;margin-right:15px;text-align:right}body.rtl .fa-chevron-left::before{content:\"\"}body.rtl .fa-chevron-right::before{content:\"\"}body.rtl .column-back-button__icon{margin-right:0;margin-left:5px}body.rtl .column-header__setting-arrows .column-header__setting-btn:last-child{padding-left:0;padding-right:10px}body.rtl .simple_form .input.radio_buttons .radio>label input{left:auto;right:0}.emojione[title=\":wavy_dash:\"],.emojione[title=\":waving_black_flag:\"],.emojione[title=\":water_buffalo:\"],.emojione[title=\":video_game:\"],.emojione[title=\":video_camera:\"],.emojione[title=\":vhs:\"],.emojione[title=\":turkey:\"],.emojione[title=\":tophat:\"],.emojione[title=\":top:\"],.emojione[title=\":tm:\"],.emojione[title=\":telephone_receiver:\"],.emojione[title=\":spider:\"],.emojione[title=\":speaking_head_in_silhouette:\"],.emojione[title=\":spades:\"],.emojione[title=\":soon:\"],.emojione[title=\":registered:\"],.emojione[title=\":on:\"],.emojione[title=\":musical_score:\"],.emojione[title=\":movie_camera:\"],.emojione[title=\":mortar_board:\"],.emojione[title=\":microphone:\"],.emojione[title=\":male-guard:\"],.emojione[title=\":lower_left_fountain_pen:\"],.emojione[title=\":lower_left_ballpoint_pen:\"],.emojione[title=\":kaaba:\"],.emojione[title=\":joystick:\"],.emojione[title=\":hole:\"],.emojione[title=\":hocho:\"],.emojione[title=\":heavy_plus_sign:\"],.emojione[title=\":heavy_multiplication_x:\"],.emojione[title=\":heavy_minus_sign:\"],.emojione[title=\":heavy_dollar_sign:\"],.emojione[title=\":heavy_division_sign:\"],.emojione[title=\":heavy_check_mark:\"],.emojione[title=\":guardsman:\"],.emojione[title=\":gorilla:\"],.emojione[title=\":fried_egg:\"],.emojione[title=\":film_projector:\"],.emojione[title=\":female-guard:\"],.emojione[title=\":end:\"],.emojione[title=\":electric_plug:\"],.emojione[title=\":eight_pointed_black_star:\"],.emojione[title=\":dark_sunglasses:\"],.emojione[title=\":currency_exchange:\"],.emojione[title=\":curly_loop:\"],.emojione[title=\":copyright:\"],.emojione[title=\":clubs:\"],.emojione[title=\":camera_with_flash:\"],.emojione[title=\":camera:\"],.emojione[title=\":busts_in_silhouette:\"],.emojione[title=\":bust_in_silhouette:\"],.emojione[title=\":bowling:\"],.emojione[title=\":bomb:\"],.emojione[title=\":black_small_square:\"],.emojione[title=\":black_nib:\"],.emojione[title=\":black_medium_square:\"],.emojione[title=\":black_medium_small_square:\"],.emojione[title=\":black_large_square:\"],.emojione[title=\":black_heart:\"],.emojione[title=\":black_circle:\"],.emojione[title=\":back:\"],.emojione[title=\":ant:\"],.emojione[title=\":8ball:\"]{filter:drop-shadow(1px 1px 0 #ffffff) drop-shadow(-1px 1px 0 #ffffff) drop-shadow(1px -1px 0 #ffffff) drop-shadow(-1px -1px 0 #ffffff);transform:scale(0.71)}html{scrollbar-color:#d9e1e8 rgba(217,225,232,.25)}.button{color:#fff}.button.button-alternative-2{color:#fff}.status-card__actions button,.status-card__actions a{color:rgba(255,255,255,.8)}.status-card__actions button:hover,.status-card__actions button:active,.status-card__actions button:focus,.status-card__actions a:hover,.status-card__actions a:active,.status-card__actions a:focus{color:#fff}.column>.scrollable,.getting-started,.column-inline-form,.error-column,.regeneration-indicator{background:#fff;border:1px solid #c0cdd9;border-top:0}.directory__card__img{background:#b3c3d1}.filter-form,.directory__card__bar{background:#fff;border-bottom:1px solid #c0cdd9}.scrollable .directory__list{width:calc(100% + 2px);margin-left:-1px;margin-right:-1px}.directory__card,.table-of-contents{border:1px solid #c0cdd9}.column-back-button,.column-header{background:#fff;border:1px solid #c0cdd9}@media screen and (max-width: 415px){.column-back-button,.column-header{border-top:0}}.column-back-button--slim-button,.column-header--slim-button{top:-50px;right:0}.column-header__back-button,.column-header__button,.column-header__button.active,.account__header__bar,.directory__card__extra{background:#fff}.column-header__button.active{color:#2b90d9}.column-header__button.active:hover,.column-header__button.active:active,.column-header__button.active:focus{color:#2b90d9;background:#fff}.account__header__bar .avatar .account__avatar{border-color:#fff}.getting-started__footer a{color:#282c37;text-decoration:underline}.confirmation-modal__secondary-button,.confirmation-modal__cancel-button,.mute-modal__cancel-button,.block-modal__cancel-button{color:#86a0b6}.confirmation-modal__secondary-button:hover,.confirmation-modal__secondary-button:focus,.confirmation-modal__secondary-button:active,.confirmation-modal__cancel-button:hover,.confirmation-modal__cancel-button:focus,.confirmation-modal__cancel-button:active,.mute-modal__cancel-button:hover,.mute-modal__cancel-button:focus,.mute-modal__cancel-button:active,.block-modal__cancel-button:hover,.block-modal__cancel-button:focus,.block-modal__cancel-button:active{color:#000}.column-subheading{background:#e6ebf0;border-bottom:1px solid #c0cdd9}.getting-started .column-link,.scrollable .column-link{background:#fff;border-bottom:1px solid #c0cdd9}.getting-started .column-link:hover,.getting-started .column-link:active,.getting-started .column-link:focus,.scrollable .column-link:hover,.scrollable .column-link:active,.scrollable .column-link:focus{background:#d9e1e8}.getting-started .navigation-bar{border-top:1px solid #c0cdd9;border-bottom:1px solid #c0cdd9}@media screen and (max-width: 415px){.getting-started .navigation-bar{border-top:0}}.compose-form__autosuggest-wrapper,.poll__option input[type=text],.compose-form .spoiler-input__input,.compose-form__poll-wrapper select,.search__input,.setting-text,.box-widget input[type=text],.box-widget input[type=email],.box-widget input[type=password],.box-widget textarea,.statuses-grid .detailed-status,.audio-player{border:1px solid #c0cdd9}@media screen and (max-width: 415px){.search__input{border-top:0;border-bottom:0}}.list-editor .search .search__input{border-top:0;border-bottom:0}.compose-form__poll-wrapper select{background:#fff url(\"data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14.933 18.467' height='19.698' width='15.929'><path d='M3.467 14.967l-3.393-3.5H14.86l-3.392 3.5c-1.866 1.925-3.666 3.5-4 3.5-.335 0-2.135-1.575-4-3.5zm.266-11.234L7.467 0 11.2 3.733l3.733 3.734H0l3.733-3.734z' fill='%23C0CDD9'/></svg>\") no-repeat right 8px center/auto 16px}.compose-form__poll-wrapper,.compose-form__poll-wrapper .poll__footer{border-top-color:#c0cdd9}.notification__filter-bar{border:1px solid #c0cdd9;border-top:0}.compose-form .compose-form__buttons-wrapper{background:#d9e1e8;border:1px solid #c0cdd9;border-top:0}.drawer__header,.drawer__inner{background:#fff;border:1px solid #c0cdd9}.drawer__inner__mastodon{background:#fff url('data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 234.80078 31.757813\" width=\"234.80078\" height=\"31.757812\"><path d=\"M19.599609 0c-1.05 0-2.10039.375-2.90039 1.125L0 16.925781v14.832031h234.80078V17.025391l-16.5-15.900391c-1.6-1.5-4.20078-1.5-5.80078 0l-13.80078 13.099609c-1.6 1.5-4.19883 1.5-5.79883 0L179.09961 1.125c-1.6-1.5-4.19883-1.5-5.79883 0L159.5 14.224609c-1.6 1.5-4.20078 1.5-5.80078 0L139.90039 1.125c-1.6-1.5-4.20078-1.5-5.80078 0l-13.79883 13.099609c-1.6 1.5-4.20078 1.5-5.80078 0L100.69922 1.125c-1.600001-1.5-4.198829-1.5-5.798829 0l-13.59961 13.099609c-1.6 1.5-4.200781 1.5-5.800781 0L61.699219 1.125c-1.6-1.5-4.198828-1.5-5.798828 0L42.099609 14.224609c-1.6 1.5-4.198828 1.5-5.798828 0L22.5 1.125C21.7.375 20.649609 0 19.599609 0z\" fill=\"%23D9E1E8\"/></svg>') no-repeat bottom/100% auto}.compose-form .compose-form__modifiers .compose-form__upload__actions .icon-button{color:#ededed}.compose-form .compose-form__modifiers .compose-form__upload__actions .icon-button:active,.compose-form .compose-form__modifiers .compose-form__upload__actions .icon-button:focus,.compose-form .compose-form__modifiers .compose-form__upload__actions .icon-button:hover{color:#fff}.compose-form .compose-form__modifiers .compose-form__upload-description input{color:#ededed}.compose-form .compose-form__modifiers .compose-form__upload-description input::placeholder{color:#ededed}.compose-form .compose-form__buttons-wrapper{background:#ecf0f4}.compose-form .autosuggest-textarea__suggestions{background:#ecf0f4}.compose-form .autosuggest-textarea__suggestions__item:hover,.compose-form .autosuggest-textarea__suggestions__item:focus,.compose-form .autosuggest-textarea__suggestions__item:active,.compose-form .autosuggest-textarea__suggestions__item.selected{background:#ccd7e0}.emoji-mart-bar{border-color:#ccd7e0}.emoji-mart-bar:first-child{background:#ecf0f4}.emoji-mart-search input{background:rgba(217,225,232,.3);border-color:#d9e1e8}.focusable:focus{background:#d9e1e8}.status.status-direct{background:#ccd7e0}.focusable:focus .status.status-direct{background:#c0cdd9}.detailed-status,.detailed-status__action-bar{background:#fff}.reply-indicator__content .status__content__spoiler-link,.status__content .status__content__spoiler-link{background:#d9e1e8}.reply-indicator__content .status__content__spoiler-link:hover,.status__content .status__content__spoiler-link:hover{background:#ccd7e0}.media-spoiler,.video-player__spoiler{background:#d9e1e8}.privacy-dropdown.active .privacy-dropdown__value.active .icon-button{color:#fff}.account-gallery__item a{background-color:#d9e1e8}.dropdown-menu{background:#fff}.dropdown-menu__arrow.left{border-left-color:#fff}.dropdown-menu__arrow.top{border-top-color:#fff}.dropdown-menu__arrow.bottom{border-bottom-color:#fff}.dropdown-menu__arrow.right{border-right-color:#fff}.dropdown-menu__item a{background:#fff;color:#282c37}.privacy-dropdown__option.active,.privacy-dropdown__option:hover,.privacy-dropdown__option.active .privacy-dropdown__option__content,.privacy-dropdown__option.active .privacy-dropdown__option__content strong,.privacy-dropdown__option:hover .privacy-dropdown__option__content,.privacy-dropdown__option:hover .privacy-dropdown__option__content strong,.dropdown-menu__item a:active,.dropdown-menu__item a:focus,.dropdown-menu__item a:hover,.actions-modal ul li:not(:empty) a.active,.actions-modal ul li:not(:empty) a.active button,.actions-modal ul li:not(:empty) a:active,.actions-modal ul li:not(:empty) a:active button,.actions-modal ul li:not(:empty) a:focus,.actions-modal ul li:not(:empty) a:focus button,.actions-modal ul li:not(:empty) a:hover,.actions-modal ul li:not(:empty) a:hover button,.admin-wrapper .sidebar ul .simple-navigation-active-leaf a,.simple_form .block-button,.simple_form .button,.simple_form button{color:#fff}.dropdown-menu__separator{border-bottom-color:#ccd7e0}.actions-modal,.boost-modal,.confirmation-modal,.mute-modal,.block-modal,.report-modal,.embed-modal,.error-modal,.onboarding-modal,.report-modal__comment .setting-text__wrapper,.report-modal__comment .setting-text{background:#fff;border:1px solid #c0cdd9}.report-modal__comment{border-right-color:#c0cdd9}.report-modal__container{border-top-color:#c0cdd9}.column-header__collapsible-inner{background:#e6ebf0;border:1px solid #c0cdd9;border-top:0}.focal-point__preview strong{color:#fff}.boost-modal__action-bar,.confirmation-modal__action-bar,.mute-modal__action-bar,.block-modal__action-bar,.onboarding-modal__paginator,.error-modal__footer{background:#ecf0f4}.boost-modal__action-bar .onboarding-modal__nav:hover,.boost-modal__action-bar .onboarding-modal__nav:focus,.boost-modal__action-bar .onboarding-modal__nav:active,.boost-modal__action-bar .error-modal__nav:hover,.boost-modal__action-bar .error-modal__nav:focus,.boost-modal__action-bar .error-modal__nav:active,.confirmation-modal__action-bar .onboarding-modal__nav:hover,.confirmation-modal__action-bar .onboarding-modal__nav:focus,.confirmation-modal__action-bar .onboarding-modal__nav:active,.confirmation-modal__action-bar .error-modal__nav:hover,.confirmation-modal__action-bar .error-modal__nav:focus,.confirmation-modal__action-bar .error-modal__nav:active,.mute-modal__action-bar .onboarding-modal__nav:hover,.mute-modal__action-bar .onboarding-modal__nav:focus,.mute-modal__action-bar .onboarding-modal__nav:active,.mute-modal__action-bar .error-modal__nav:hover,.mute-modal__action-bar .error-modal__nav:focus,.mute-modal__action-bar .error-modal__nav:active,.block-modal__action-bar .onboarding-modal__nav:hover,.block-modal__action-bar .onboarding-modal__nav:focus,.block-modal__action-bar .onboarding-modal__nav:active,.block-modal__action-bar .error-modal__nav:hover,.block-modal__action-bar .error-modal__nav:focus,.block-modal__action-bar .error-modal__nav:active,.onboarding-modal__paginator .onboarding-modal__nav:hover,.onboarding-modal__paginator .onboarding-modal__nav:focus,.onboarding-modal__paginator .onboarding-modal__nav:active,.onboarding-modal__paginator .error-modal__nav:hover,.onboarding-modal__paginator .error-modal__nav:focus,.onboarding-modal__paginator .error-modal__nav:active,.error-modal__footer .onboarding-modal__nav:hover,.error-modal__footer .onboarding-modal__nav:focus,.error-modal__footer .onboarding-modal__nav:active,.error-modal__footer .error-modal__nav:hover,.error-modal__footer .error-modal__nav:focus,.error-modal__footer .error-modal__nav:active{background-color:#fff}.display-case__case{background:#fff}.embed-modal .embed-modal__container .embed-modal__html{background:#fff;border:1px solid #c0cdd9}.embed-modal .embed-modal__container .embed-modal__html:focus{border-color:#b3c3d1;background:#fff}.react-toggle-track{background:#282c37}.react-toggle:hover:not(.react-toggle--disabled) .react-toggle-track{background:#3d4455}.react-toggle.react-toggle--checked:hover:not(.react-toggle--disabled) .react-toggle-track{background:#2074b1}.empty-column-indicator,.error-column{color:#000;background:#fff}.tabs-bar{background:#fff;border:1px solid #c0cdd9;border-bottom:0}@media screen and (max-width: 415px){.tabs-bar{border-top:0}}.tabs-bar__link{padding-bottom:14px;border-bottom-width:1px;border-bottom-color:#c0cdd9}.tabs-bar__link:hover,.tabs-bar__link:active,.tabs-bar__link:focus{background:#d9e1e8}.tabs-bar__link.active:hover,.tabs-bar__link.active:active,.tabs-bar__link.active:focus{background:transparent;border-bottom-color:#2b90d9}.activity-stream-tabs{background:#fff;border-bottom-color:#c0cdd9}.box-widget,.nothing-here,.page-header,.directory__tag>a,.directory__tag>div,.landing-page__call-to-action,.contact-widget,.landing .hero-widget__text,.landing-page__information.contact-widget{background:#fff;border:1px solid #c0cdd9}@media screen and (max-width: 415px){.box-widget,.nothing-here,.page-header,.directory__tag>a,.directory__tag>div,.landing-page__call-to-action,.contact-widget,.landing .hero-widget__text,.landing-page__information.contact-widget{border-left:0;border-right:0;border-top:0}}.landing .hero-widget__text{border-top:0;border-bottom:0}.simple_form input[type=text]:hover,.simple_form input[type=number]:hover,.simple_form input[type=email]:hover,.simple_form input[type=password]:hover,.simple_form textarea:hover{border-color:#b3c3d1}.landing .hero-widget__footer{background:#fff;border:1px solid #c0cdd9;border-top:0}@media screen and (max-width: 415px){.landing .hero-widget__footer{border:0}}.brand__tagline{color:#282c37}.directory__tag>a:hover,.directory__tag>a:active,.directory__tag>a:focus{background:#d9e1e8}@media screen and (max-width: 415px){.directory__tag>a{border:0}}.directory__tag.active>a,.directory__tag.active>div{border-color:#2b90d9}.directory__tag.active>a,.directory__tag.active>a h4,.directory__tag.active>a h4 small,.directory__tag.active>a .fa,.directory__tag.active>a .trends__item__current,.directory__tag.active>div,.directory__tag.active>div h4,.directory__tag.active>div h4 small,.directory__tag.active>div .fa,.directory__tag.active>div .trends__item__current{color:#fff}.directory__tag.active>a:hover,.directory__tag.active>a:active,.directory__tag.active>a:focus,.directory__tag.active>div:hover,.directory__tag.active>div:active,.directory__tag.active>div:focus{background:#2b90d9}.batch-table__toolbar,.batch-table__row,.batch-table .nothing-here{border-color:#c0cdd9}.activity-stream{border:1px solid #c0cdd9}.activity-stream--under-tabs{border-top:0}.activity-stream .entry{background:#fff}.activity-stream .entry .detailed-status.light,.activity-stream .entry .more.light,.activity-stream .entry .status.light{border-bottom-color:#c0cdd9}.activity-stream .status.light .status__content{color:#000}.activity-stream .status.light .display-name strong{color:#000}.accounts-grid .account-grid-card .controls .icon-button{color:#282c37}.accounts-grid .account-grid-card .name a{color:#000}.accounts-grid .account-grid-card .username{color:#282c37}.accounts-grid .account-grid-card .account__header__content{color:#000}.simple_form .warning,.table-form .warning{box-shadow:none;background:rgba(223,64,90,.5);text-shadow:none}.simple_form .recommended,.table-form .recommended{border-color:#2b90d9;color:#2b90d9;background-color:rgba(43,144,217,.1)}.compose-form .compose-form__warning{border-color:#2b90d9;background-color:rgba(43,144,217,.1)}.compose-form .compose-form__warning,.compose-form .compose-form__warning a{color:#2b90d9}.status__content a,.reply-indicator__content a{color:#2b90d9}.button.logo-button{color:#fff}.button.logo-button svg{fill:#fff}.public-layout .account__section-headline{border:1px solid #c0cdd9}@media screen and (max-width: 415px){.public-layout .account__section-headline{border-top:0}}.public-layout .header,.public-layout .public-account-header,.public-layout .public-account-bio{box-shadow:none}.public-layout .public-account-bio,.public-layout .hero-widget__text{background:#fff;border:1px solid #c0cdd9}.public-layout .header{background:#d9e1e8;border:1px solid #c0cdd9}@media screen and (max-width: 415px){.public-layout .header{border:0}}.public-layout .header .brand:hover,.public-layout .header .brand:focus,.public-layout .header .brand:active{background:#ccd7e0}.public-layout .public-account-header__image{background:#b3c3d1}.public-layout .public-account-header__image::after{box-shadow:none}.public-layout .public-account-header__bar::before{background:#fff;border:1px solid #c0cdd9;border-top:0}.public-layout .public-account-header__bar .avatar img{border-color:#fff}@media screen and (max-width: 600px){.public-layout .public-account-header__bar{background:#fff;border:1px solid #c0cdd9;border-top:0}}.public-layout .public-account-header__tabs__name h1,.public-layout .public-account-header__tabs__name h1 small{color:#fff}@media screen and (max-width: 600px){.public-layout .public-account-header__tabs__name h1,.public-layout .public-account-header__tabs__name h1 small{color:#000}}.public-layout .public-account-header__extra .public-account-bio{border:0}.public-layout .public-account-header__extra .public-account-bio .account__header__fields{border-color:#c0cdd9}.notification__filter-bar button.active::after,.account__section-headline a.active::after{border-color:transparent transparent #fff}.hero-widget,.box-widget,.contact-widget,.landing-page__information.contact-widget,.moved-account-widget,.memoriam-widget,.activity-stream,.nothing-here,.directory__tag>a,.directory__tag>div,.card>a,.page-header,.compose-form .compose-form__warning{box-shadow:none}.audio-player .video-player__controls button,.audio-player .video-player__time-sep,.audio-player .video-player__time-current,.audio-player .video-player__time-total{color:#000}","/* http://meyerweb.com/eric/tools/css/reset/\n   v2.0 | 20110126\n   License: none (public domain)\n*/\n\nhtml, body, div, span, applet, object, iframe,\nh1, h2, h3, h4, h5, h6, p, blockquote, pre,\na, abbr, acronym, address, big, cite, code,\ndel, dfn, em, img, ins, kbd, q, s, samp,\nsmall, strike, strong, sub, sup, tt, var,\nb, u, i, center,\ndl, dt, dd, ol, ul, li,\nfieldset, form, label, legend,\ntable, caption, tbody, tfoot, thead, tr, th, td,\narticle, aside, canvas, details, embed,\nfigure, figcaption, footer, header, hgroup,\nmenu, nav, output, ruby, section, summary,\ntime, mark, audio, video {\n  margin: 0;\n  padding: 0;\n  border: 0;\n  font-size: 100%;\n  font: inherit;\n  vertical-align: baseline;\n}\n\n/* HTML5 display-role reset for older browsers */\narticle, aside, details, figcaption, figure,\nfooter, header, hgroup, menu, nav, section {\n  display: block;\n}\n\nbody {\n  line-height: 1;\n}\n\nol, ul {\n  list-style: none;\n}\n\nblockquote, q {\n  quotes: none;\n}\n\nblockquote:before, blockquote:after,\nq:before, q:after {\n  content: '';\n  content: none;\n}\n\ntable {\n  border-collapse: collapse;\n  border-spacing: 0;\n}\n\nhtml {\n  scrollbar-color: lighten($ui-base-color, 4%) rgba($base-overlay-background, 0.1);\n}\n\n::-webkit-scrollbar {\n  width: 12px;\n  height: 12px;\n}\n\n::-webkit-scrollbar-thumb {\n  background: lighten($ui-base-color, 4%);\n  border: 0px none $base-border-color;\n  border-radius: 50px;\n}\n\n::-webkit-scrollbar-thumb:hover {\n  background: lighten($ui-base-color, 6%);\n}\n\n::-webkit-scrollbar-thumb:active {\n  background: lighten($ui-base-color, 4%);\n}\n\n::-webkit-scrollbar-track {\n  border: 0px none $base-border-color;\n  border-radius: 0;\n  background: rgba($base-overlay-background, 0.1);\n}\n\n::-webkit-scrollbar-track:hover {\n  background: $ui-base-color;\n}\n\n::-webkit-scrollbar-track:active {\n  background: $ui-base-color;\n}\n\n::-webkit-scrollbar-corner {\n  background: transparent;\n}\n","// Dependent colors\n$black: #000000;\n$white: #ffffff;\n\n$classic-base-color: #282c37;\n$classic-primary-color: #9baec8;\n$classic-secondary-color: #d9e1e8;\n$classic-highlight-color: #2b90d9;\n\n// Differences\n$success-green: lighten(#3c754d, 8%);\n\n$base-overlay-background: $white !default;\n$valid-value-color: $success-green !default;\n\n$ui-base-color: $classic-secondary-color !default;\n$ui-base-lighter-color: #b0c0cf;\n$ui-primary-color: #9bcbed;\n$ui-secondary-color: $classic-base-color !default;\n$ui-highlight-color: #2b90d9;\n\n$primary-text-color: $black !default;\n$darker-text-color: $classic-base-color !default;\n$dark-text-color: #444b5d;\n$action-button-color: #606984;\n\n$inverted-text-color: $black !default;\n$lighter-text-color: $classic-base-color !default;\n$light-text-color: #444b5d;\n\n//Newly added colors\n$account-background-color: $white !default;\n\n//Invert darkened and lightened colors\n@function darken($color, $amount) {\n  @return hsl(hue($color), saturation($color), lightness($color) + $amount);\n}\n\n@function lighten($color, $amount) {\n  @return hsl(hue($color), saturation($color), lightness($color) - $amount);\n}\n","@function hex-color($color) {\n  @if type-of($color) == 'color' {\n    $color: str-slice(ie-hex-str($color), 4);\n  }\n\n  @return '%23' + unquote($color);\n}\n\nbody {\n  font-family: $font-sans-serif, sans-serif;\n  background: darken($ui-base-color, 7%);\n  font-size: 13px;\n  line-height: 18px;\n  font-weight: 400;\n  color: $primary-text-color;\n  text-rendering: optimizelegibility;\n  font-feature-settings: \"kern\";\n  text-size-adjust: none;\n  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);\n  -webkit-tap-highlight-color: transparent;\n\n  &.system-font {\n    // system-ui => standard property (Chrome/Android WebView 56+, Opera 43+, Safari 11+)\n    // -apple-system => Safari <11 specific\n    // BlinkMacSystemFont => Chrome <56 on macOS specific\n    // Segoe UI => Windows 7/8/10\n    // Oxygen => KDE\n    // Ubuntu => Unity/Ubuntu\n    // Cantarell => GNOME\n    // Fira Sans => Firefox OS\n    // Droid Sans => Older Androids (<4.0)\n    // Helvetica Neue => Older macOS <10.11\n    // $font-sans-serif => web-font (Roboto) fallback and newer Androids (>=4.0)\n    font-family: system-ui, -apple-system, BlinkMacSystemFont, \"Segoe UI\", \"Oxygen\", \"Ubuntu\", \"Cantarell\", \"Fira Sans\", \"Droid Sans\", \"Helvetica Neue\", $font-sans-serif, sans-serif;\n  }\n\n  &.app-body {\n    padding: 0;\n\n    &.layout-single-column {\n      height: auto;\n      min-height: 100vh;\n      overflow-y: scroll;\n    }\n\n    &.layout-multiple-columns {\n      position: absolute;\n      width: 100%;\n      height: 100%;\n    }\n\n    &.with-modals--active {\n      overflow-y: hidden;\n    }\n  }\n\n  &.lighter {\n    background: $ui-base-color;\n  }\n\n  &.with-modals {\n    overflow-x: hidden;\n    overflow-y: scroll;\n\n    &--active {\n      overflow-y: hidden;\n    }\n  }\n\n  &.player {\n    text-align: center;\n  }\n\n  &.embed {\n    background: lighten($ui-base-color, 4%);\n    margin: 0;\n    padding-bottom: 0;\n\n    .container {\n      position: absolute;\n      width: 100%;\n      height: 100%;\n      overflow: hidden;\n    }\n  }\n\n  &.admin {\n    background: darken($ui-base-color, 4%);\n    padding: 0;\n  }\n\n  &.error {\n    position: absolute;\n    text-align: center;\n    color: $darker-text-color;\n    background: $ui-base-color;\n    width: 100%;\n    height: 100%;\n    padding: 0;\n    display: flex;\n    justify-content: center;\n    align-items: center;\n\n    .dialog {\n      vertical-align: middle;\n      margin: 20px;\n\n      &__illustration {\n        img {\n          display: block;\n          max-width: 470px;\n          width: 100%;\n          height: auto;\n          margin-top: -120px;\n        }\n      }\n\n      h1 {\n        font-size: 20px;\n        line-height: 28px;\n        font-weight: 400;\n      }\n    }\n  }\n}\n\nbutton {\n  font-family: inherit;\n  cursor: pointer;\n\n  &:focus {\n    outline: none;\n  }\n}\n\n.app-holder {\n  &,\n  & > div,\n  & > noscript {\n    display: flex;\n    width: 100%;\n    align-items: center;\n    justify-content: center;\n    outline: 0 !important;\n  }\n\n  & > noscript {\n    height: 100vh;\n  }\n}\n\n.layout-single-column .app-holder {\n  &,\n  & > div {\n    min-height: 100vh;\n  }\n}\n\n.layout-multiple-columns .app-holder {\n  &,\n  & > div {\n    height: 100%;\n  }\n}\n\n.error-boundary,\n.app-holder noscript {\n  flex-direction: column;\n  font-size: 16px;\n  font-weight: 400;\n  line-height: 1.7;\n  color: lighten($error-red, 4%);\n  text-align: center;\n\n  & > div {\n    max-width: 500px;\n  }\n\n  p {\n    margin-bottom: .85em;\n\n    &:last-child {\n      margin-bottom: 0;\n    }\n  }\n\n  a {\n    color: $highlight-text-color;\n\n    &:hover,\n    &:focus,\n    &:active {\n      text-decoration: none;\n    }\n  }\n\n  &__footer {\n    color: $dark-text-color;\n    font-size: 13px;\n\n    a {\n      color: $dark-text-color;\n    }\n  }\n\n  button {\n    display: inline;\n    border: 0;\n    background: transparent;\n    color: $dark-text-color;\n    font: inherit;\n    padding: 0;\n    margin: 0;\n    line-height: inherit;\n    cursor: pointer;\n    outline: 0;\n    transition: color 300ms linear;\n    text-decoration: underline;\n\n    &:hover,\n    &:focus,\n    &:active {\n      text-decoration: none;\n    }\n\n    &.copied {\n      color: $valid-value-color;\n      transition: none;\n    }\n  }\n}\n",".container-alt {\n  width: 700px;\n  margin: 0 auto;\n  margin-top: 40px;\n\n  @media screen and (max-width: 740px) {\n    width: 100%;\n    margin: 0;\n  }\n}\n\n.logo-container {\n  margin: 100px auto 50px;\n\n  @media screen and (max-width: 500px) {\n    margin: 40px auto 0;\n  }\n\n  h1 {\n    display: flex;\n    justify-content: center;\n    align-items: center;\n\n    svg {\n      fill: $primary-text-color;\n      height: 42px;\n      margin-right: 10px;\n    }\n\n    a {\n      display: flex;\n      justify-content: center;\n      align-items: center;\n      color: $primary-text-color;\n      text-decoration: none;\n      outline: 0;\n      padding: 12px 16px;\n      line-height: 32px;\n      font-family: $font-display, sans-serif;\n      font-weight: 500;\n      font-size: 14px;\n    }\n  }\n}\n\n.compose-standalone {\n  .compose-form {\n    width: 400px;\n    margin: 0 auto;\n    padding: 20px 0;\n    margin-top: 40px;\n    box-sizing: border-box;\n\n    @media screen and (max-width: 400px) {\n      width: 100%;\n      margin-top: 0;\n      padding: 20px;\n    }\n  }\n}\n\n.account-header {\n  width: 400px;\n  margin: 0 auto;\n  display: flex;\n  font-size: 13px;\n  line-height: 18px;\n  box-sizing: border-box;\n  padding: 20px 0;\n  padding-bottom: 0;\n  margin-bottom: -30px;\n  margin-top: 40px;\n\n  @media screen and (max-width: 440px) {\n    width: 100%;\n    margin: 0;\n    margin-bottom: 10px;\n    padding: 20px;\n    padding-bottom: 0;\n  }\n\n  .avatar {\n    width: 40px;\n    height: 40px;\n    margin-right: 8px;\n\n    img {\n      width: 100%;\n      height: 100%;\n      display: block;\n      margin: 0;\n      border-radius: 4px;\n    }\n  }\n\n  .name {\n    flex: 1 1 auto;\n    color: $secondary-text-color;\n    width: calc(100% - 88px);\n\n    .username {\n      display: block;\n      font-weight: 500;\n      text-overflow: ellipsis;\n      overflow: hidden;\n    }\n  }\n\n  .logout-link {\n    display: block;\n    font-size: 32px;\n    line-height: 40px;\n    margin-left: 8px;\n  }\n}\n\n.grid-3 {\n  display: grid;\n  grid-gap: 10px;\n  grid-template-columns: 3fr 1fr;\n  grid-auto-columns: 25%;\n  grid-auto-rows: max-content;\n\n  .column-0 {\n    grid-column: 1 / 3;\n    grid-row: 1;\n  }\n\n  .column-1 {\n    grid-column: 1;\n    grid-row: 2;\n  }\n\n  .column-2 {\n    grid-column: 2;\n    grid-row: 2;\n  }\n\n  .column-3 {\n    grid-column: 1 / 3;\n    grid-row: 3;\n  }\n\n  @media screen and (max-width: $no-gap-breakpoint) {\n    grid-gap: 0;\n    grid-template-columns: minmax(0, 100%);\n\n    .column-0 {\n      grid-column: 1;\n    }\n\n    .column-1 {\n      grid-column: 1;\n      grid-row: 3;\n    }\n\n    .column-2 {\n      grid-column: 1;\n      grid-row: 2;\n    }\n\n    .column-3 {\n      grid-column: 1;\n      grid-row: 4;\n    }\n  }\n}\n\n.grid-4 {\n  display: grid;\n  grid-gap: 10px;\n  grid-template-columns: repeat(4, minmax(0, 1fr));\n  grid-auto-columns: 25%;\n  grid-auto-rows: max-content;\n\n  .column-0 {\n    grid-column: 1 / 5;\n    grid-row: 1;\n  }\n\n  .column-1 {\n    grid-column: 1 / 4;\n    grid-row: 2;\n  }\n\n  .column-2 {\n    grid-column: 4;\n    grid-row: 2;\n  }\n\n  .column-3 {\n    grid-column: 2 / 5;\n    grid-row: 3;\n  }\n\n  .column-4 {\n    grid-column: 1;\n    grid-row: 3;\n  }\n\n  .landing-page__call-to-action {\n    min-height: 100%;\n  }\n\n  .flash-message {\n    margin-bottom: 10px;\n  }\n\n  @media screen and (max-width: 738px) {\n    grid-template-columns: minmax(0, 50%) minmax(0, 50%);\n\n    .landing-page__call-to-action {\n      padding: 20px;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n    }\n\n    .row__information-board {\n      width: 100%;\n      justify-content: center;\n      align-items: center;\n    }\n\n    .row__mascot {\n      display: none;\n    }\n  }\n\n  @media screen and (max-width: $no-gap-breakpoint) {\n    grid-gap: 0;\n    grid-template-columns: minmax(0, 100%);\n\n    .column-0 {\n      grid-column: 1;\n    }\n\n    .column-1 {\n      grid-column: 1;\n      grid-row: 3;\n    }\n\n    .column-2 {\n      grid-column: 1;\n      grid-row: 2;\n    }\n\n    .column-3 {\n      grid-column: 1;\n      grid-row: 5;\n    }\n\n    .column-4 {\n      grid-column: 1;\n      grid-row: 4;\n    }\n  }\n}\n\n.public-layout {\n  @media screen and (max-width: $no-gap-breakpoint) {\n    padding-top: 48px;\n  }\n\n  .container {\n    max-width: 960px;\n\n    @media screen and (max-width: $no-gap-breakpoint) {\n      padding: 0;\n    }\n  }\n\n  .header {\n    background: lighten($ui-base-color, 8%);\n    box-shadow: 0 0 15px rgba($base-shadow-color, 0.2);\n    border-radius: 4px;\n    height: 48px;\n    margin: 10px 0;\n    display: flex;\n    align-items: stretch;\n    justify-content: center;\n    flex-wrap: nowrap;\n    overflow: hidden;\n\n    @media screen and (max-width: $no-gap-breakpoint) {\n      position: fixed;\n      width: 100%;\n      top: 0;\n      left: 0;\n      margin: 0;\n      border-radius: 0;\n      box-shadow: none;\n      z-index: 110;\n    }\n\n    & > div {\n      flex: 1 1 33.3%;\n      min-height: 1px;\n    }\n\n    .nav-left {\n      display: flex;\n      align-items: stretch;\n      justify-content: flex-start;\n      flex-wrap: nowrap;\n    }\n\n    .nav-center {\n      display: flex;\n      align-items: stretch;\n      justify-content: center;\n      flex-wrap: nowrap;\n    }\n\n    .nav-right {\n      display: flex;\n      align-items: stretch;\n      justify-content: flex-end;\n      flex-wrap: nowrap;\n    }\n\n    .brand {\n      display: block;\n      padding: 15px;\n\n      svg {\n        display: block;\n        height: 18px;\n        width: auto;\n        position: relative;\n        bottom: -2px;\n        fill: $primary-text-color;\n\n        @media screen and (max-width: $no-gap-breakpoint) {\n          height: 20px;\n        }\n      }\n\n      &:hover,\n      &:focus,\n      &:active {\n        background: lighten($ui-base-color, 12%);\n      }\n    }\n\n    .nav-link {\n      display: flex;\n      align-items: center;\n      padding: 0 1rem;\n      font-size: 12px;\n      font-weight: 500;\n      text-decoration: none;\n      color: $darker-text-color;\n      white-space: nowrap;\n      text-align: center;\n\n      &:hover,\n      &:focus,\n      &:active {\n        text-decoration: underline;\n        color: $primary-text-color;\n      }\n\n      @media screen and (max-width: 550px) {\n        &.optional {\n          display: none;\n        }\n      }\n    }\n\n    .nav-button {\n      background: lighten($ui-base-color, 16%);\n      margin: 8px;\n      margin-left: 0;\n      border-radius: 4px;\n\n      &:hover,\n      &:focus,\n      &:active {\n        text-decoration: none;\n        background: lighten($ui-base-color, 20%);\n      }\n    }\n  }\n\n  $no-columns-breakpoint: 600px;\n\n  .grid {\n    display: grid;\n    grid-gap: 10px;\n    grid-template-columns: minmax(300px, 3fr) minmax(298px, 1fr);\n    grid-auto-columns: 25%;\n    grid-auto-rows: max-content;\n\n    .column-0 {\n      grid-row: 1;\n      grid-column: 1;\n    }\n\n    .column-1 {\n      grid-row: 1;\n      grid-column: 2;\n    }\n\n    @media screen and (max-width: $no-columns-breakpoint) {\n      grid-template-columns: 100%;\n      grid-gap: 0;\n\n      .column-1 {\n        display: none;\n      }\n    }\n  }\n\n  .directory__card {\n    border-radius: 4px;\n\n    @media screen and (max-width: $no-gap-breakpoint) {\n      border-radius: 0;\n    }\n  }\n\n  .page-header {\n    @media screen and (max-width: $no-gap-breakpoint) {\n      border-bottom: 0;\n    }\n  }\n\n  .public-account-header {\n    overflow: hidden;\n    margin-bottom: 10px;\n    box-shadow: 0 0 15px rgba($base-shadow-color, 0.2);\n\n    &.inactive {\n      opacity: 0.5;\n\n      .public-account-header__image,\n      .avatar {\n        filter: grayscale(100%);\n      }\n\n      .logo-button {\n        background-color: $secondary-text-color;\n      }\n    }\n\n    &__image {\n      border-radius: 4px 4px 0 0;\n      overflow: hidden;\n      height: 300px;\n      position: relative;\n      background: darken($ui-base-color, 12%);\n\n      &::after {\n        content: \"\";\n        display: block;\n        position: absolute;\n        width: 100%;\n        height: 100%;\n        box-shadow: inset 0 -1px 1px 1px rgba($base-shadow-color, 0.15);\n        top: 0;\n        left: 0;\n      }\n\n      img {\n        object-fit: cover;\n        display: block;\n        width: 100%;\n        height: 100%;\n        margin: 0;\n        border-radius: 4px 4px 0 0;\n      }\n\n      @media screen and (max-width: 600px) {\n        height: 200px;\n      }\n    }\n\n    &--no-bar {\n      margin-bottom: 0;\n\n      .public-account-header__image,\n      .public-account-header__image img {\n        border-radius: 4px;\n\n        @media screen and (max-width: $no-gap-breakpoint) {\n          border-radius: 0;\n        }\n      }\n    }\n\n    @media screen and (max-width: $no-gap-breakpoint) {\n      margin-bottom: 0;\n      box-shadow: none;\n\n      &__image::after {\n        display: none;\n      }\n\n      &__image,\n      &__image img {\n        border-radius: 0;\n      }\n    }\n\n    &__bar {\n      position: relative;\n      margin-top: -80px;\n      display: flex;\n      justify-content: flex-start;\n\n      &::before {\n        content: \"\";\n        display: block;\n        background: lighten($ui-base-color, 4%);\n        position: absolute;\n        bottom: 0;\n        left: 0;\n        right: 0;\n        height: 60px;\n        border-radius: 0 0 4px 4px;\n        z-index: -1;\n      }\n\n      .avatar {\n        display: block;\n        width: 120px;\n        height: 120px;\n        padding-left: 20px - 4px;\n        flex: 0 0 auto;\n\n        img {\n          display: block;\n          width: 100%;\n          height: 100%;\n          margin: 0;\n          border-radius: 50%;\n          border: 4px solid lighten($ui-base-color, 4%);\n          background: darken($ui-base-color, 8%);\n        }\n      }\n\n      @media screen and (max-width: 600px) {\n        margin-top: 0;\n        background: lighten($ui-base-color, 4%);\n        border-radius: 0 0 4px 4px;\n        padding: 5px;\n\n        &::before {\n          display: none;\n        }\n\n        .avatar {\n          width: 48px;\n          height: 48px;\n          padding: 7px 0;\n          padding-left: 10px;\n\n          img {\n            border: 0;\n            border-radius: 4px;\n          }\n\n          @media screen and (max-width: 360px) {\n            display: none;\n          }\n        }\n      }\n\n      @media screen and (max-width: $no-gap-breakpoint) {\n        border-radius: 0;\n      }\n\n      @media screen and (max-width: $no-columns-breakpoint) {\n        flex-wrap: wrap;\n      }\n    }\n\n    &__tabs {\n      flex: 1 1 auto;\n      margin-left: 20px;\n\n      &__name {\n        padding-top: 20px;\n        padding-bottom: 8px;\n\n        h1 {\n          font-size: 20px;\n          line-height: 18px * 1.5;\n          color: $primary-text-color;\n          font-weight: 500;\n          overflow: hidden;\n          white-space: nowrap;\n          text-overflow: ellipsis;\n          text-shadow: 1px 1px 1px $base-shadow-color;\n\n          small {\n            display: block;\n            font-size: 14px;\n            color: $primary-text-color;\n            font-weight: 400;\n            overflow: hidden;\n            text-overflow: ellipsis;\n          }\n        }\n      }\n\n      @media screen and (max-width: 600px) {\n        margin-left: 15px;\n        display: flex;\n        justify-content: space-between;\n        align-items: center;\n\n        &__name {\n          padding-top: 0;\n          padding-bottom: 0;\n\n          h1 {\n            font-size: 16px;\n            line-height: 24px;\n            text-shadow: none;\n\n            small {\n              color: $darker-text-color;\n            }\n          }\n        }\n      }\n\n      &__tabs {\n        display: flex;\n        justify-content: flex-start;\n        align-items: stretch;\n        height: 58px;\n\n        .details-counters {\n          display: flex;\n          flex-direction: row;\n          min-width: 300px;\n        }\n\n        @media screen and (max-width: $no-columns-breakpoint) {\n          .details-counters {\n            display: none;\n          }\n        }\n\n        .counter {\n          min-width: 33.3%;\n          box-sizing: border-box;\n          flex: 0 0 auto;\n          color: $darker-text-color;\n          padding: 10px;\n          border-right: 1px solid lighten($ui-base-color, 4%);\n          cursor: default;\n          text-align: center;\n          position: relative;\n\n          a {\n            display: block;\n          }\n\n          &:last-child {\n            border-right: 0;\n          }\n\n          &::after {\n            display: block;\n            content: \"\";\n            position: absolute;\n            bottom: 0;\n            left: 0;\n            width: 100%;\n            border-bottom: 4px solid $ui-primary-color;\n            opacity: 0.5;\n            transition: all 400ms ease;\n          }\n\n          &.active {\n            &::after {\n              border-bottom: 4px solid $highlight-text-color;\n              opacity: 1;\n            }\n\n            &.inactive::after {\n              border-bottom-color: $secondary-text-color;\n            }\n          }\n\n          &:hover {\n            &::after {\n              opacity: 1;\n              transition-duration: 100ms;\n            }\n          }\n\n          a {\n            text-decoration: none;\n            color: inherit;\n          }\n\n          .counter-label {\n            font-size: 12px;\n            display: block;\n          }\n\n          .counter-number {\n            font-weight: 500;\n            font-size: 18px;\n            margin-bottom: 5px;\n            color: $primary-text-color;\n            font-family: $font-display, sans-serif;\n          }\n        }\n\n        .spacer {\n          flex: 1 1 auto;\n          height: 1px;\n        }\n\n        &__buttons {\n          padding: 7px 8px;\n        }\n      }\n    }\n\n    &__extra {\n      display: none;\n      margin-top: 4px;\n\n      .public-account-bio {\n        border-radius: 0;\n        box-shadow: none;\n        background: transparent;\n        margin: 0 -5px;\n\n        .account__header__fields {\n          border-top: 1px solid lighten($ui-base-color, 12%);\n        }\n\n        .roles {\n          display: none;\n        }\n      }\n\n      &__links {\n        margin-top: -15px;\n        font-size: 14px;\n        color: $darker-text-color;\n\n        a {\n          display: inline-block;\n          color: $darker-text-color;\n          text-decoration: none;\n          padding: 15px;\n          font-weight: 500;\n\n          strong {\n            font-weight: 700;\n            color: $primary-text-color;\n          }\n        }\n      }\n\n      @media screen and (max-width: $no-columns-breakpoint) {\n        display: block;\n        flex: 100%;\n      }\n    }\n  }\n\n  .account__section-headline {\n    border-radius: 4px 4px 0 0;\n\n    @media screen and (max-width: $no-gap-breakpoint) {\n      border-radius: 0;\n    }\n  }\n\n  .detailed-status__meta {\n    margin-top: 25px;\n  }\n\n  .public-account-bio {\n    background: lighten($ui-base-color, 8%);\n    box-shadow: 0 0 15px rgba($base-shadow-color, 0.2);\n    border-radius: 4px;\n    overflow: hidden;\n    margin-bottom: 10px;\n\n    @media screen and (max-width: $no-gap-breakpoint) {\n      box-shadow: none;\n      margin-bottom: 0;\n      border-radius: 0;\n    }\n\n    .account__header__fields {\n      margin: 0;\n      border-top: 0;\n\n      a {\n        color: lighten($ui-highlight-color, 8%);\n      }\n\n      dl:first-child .verified {\n        border-radius: 0 4px 0 0;\n      }\n\n      .verified a {\n        color: $valid-value-color;\n      }\n    }\n\n    .account__header__content {\n      padding: 20px;\n      padding-bottom: 0;\n      color: $primary-text-color;\n    }\n\n    &__extra,\n    .roles {\n      padding: 20px;\n      font-size: 14px;\n      color: $darker-text-color;\n    }\n\n    .roles {\n      padding-bottom: 0;\n    }\n  }\n\n  .directory__list {\n    display: grid;\n    grid-gap: 10px;\n    grid-template-columns: minmax(0, 50%) minmax(0, 50%);\n\n    @media screen and (max-width: $no-gap-breakpoint) {\n      display: block;\n    }\n\n    .icon-button {\n      font-size: 18px;\n    }\n  }\n\n  .directory__card {\n    margin-bottom: 0;\n  }\n\n  .card-grid {\n    display: flex;\n    flex-wrap: wrap;\n    min-width: 100%;\n    margin: 0 -5px;\n\n    & > div {\n      box-sizing: border-box;\n      flex: 1 0 auto;\n      width: 300px;\n      padding: 0 5px;\n      margin-bottom: 10px;\n      max-width: 33.333%;\n\n      @media screen and (max-width: 900px) {\n        max-width: 50%;\n      }\n\n      @media screen and (max-width: 600px) {\n        max-width: 100%;\n      }\n    }\n\n    @media screen and (max-width: $no-gap-breakpoint) {\n      margin: 0;\n      border-top: 1px solid lighten($ui-base-color, 8%);\n\n      & > div {\n        width: 100%;\n        padding: 0;\n        margin-bottom: 0;\n        border-bottom: 1px solid lighten($ui-base-color, 8%);\n\n        &:last-child {\n          border-bottom: 0;\n        }\n\n        .card__bar {\n          background: $ui-base-color;\n\n          &:hover,\n          &:active,\n          &:focus {\n            background: lighten($ui-base-color, 4%);\n          }\n        }\n      }\n    }\n  }\n}\n",".no-list {\n  list-style: none;\n\n  li {\n    display: inline-block;\n    margin: 0 5px;\n  }\n}\n\n.recovery-codes {\n  list-style: none;\n  margin: 0 auto;\n\n  li {\n    font-size: 125%;\n    line-height: 1.5;\n    letter-spacing: 1px;\n  }\n}\n",".public-layout {\n  .footer {\n    text-align: left;\n    padding-top: 20px;\n    padding-bottom: 60px;\n    font-size: 12px;\n    color: lighten($ui-base-color, 34%);\n\n    @media screen and (max-width: $no-gap-breakpoint) {\n      padding-left: 20px;\n      padding-right: 20px;\n    }\n\n    .grid {\n      display: grid;\n      grid-gap: 10px;\n      grid-template-columns: 1fr 1fr 2fr 1fr 1fr;\n\n      .column-0 {\n        grid-column: 1;\n        grid-row: 1;\n        min-width: 0;\n      }\n\n      .column-1 {\n        grid-column: 2;\n        grid-row: 1;\n        min-width: 0;\n      }\n\n      .column-2 {\n        grid-column: 3;\n        grid-row: 1;\n        min-width: 0;\n        text-align: center;\n\n        h4 a {\n          color: lighten($ui-base-color, 34%);\n        }\n      }\n\n      .column-3 {\n        grid-column: 4;\n        grid-row: 1;\n        min-width: 0;\n      }\n\n      .column-4 {\n        grid-column: 5;\n        grid-row: 1;\n        min-width: 0;\n      }\n\n      @media screen and (max-width: 690px) {\n        grid-template-columns: 1fr 2fr 1fr;\n\n        .column-0,\n        .column-1 {\n          grid-column: 1;\n        }\n\n        .column-1 {\n          grid-row: 2;\n        }\n\n        .column-2 {\n          grid-column: 2;\n        }\n\n        .column-3,\n        .column-4 {\n          grid-column: 3;\n        }\n\n        .column-4 {\n          grid-row: 2;\n        }\n      }\n\n      @media screen and (max-width: 600px) {\n        .column-1 {\n          display: block;\n        }\n      }\n\n      @media screen and (max-width: $no-gap-breakpoint) {\n        .column-0,\n        .column-1,\n        .column-3,\n        .column-4 {\n          display: none;\n        }\n      }\n    }\n\n    h4 {\n      text-transform: uppercase;\n      font-weight: 700;\n      margin-bottom: 8px;\n      color: $darker-text-color;\n\n      a {\n        color: inherit;\n        text-decoration: none;\n      }\n    }\n\n    ul a {\n      text-decoration: none;\n      color: lighten($ui-base-color, 34%);\n\n      &:hover,\n      &:active,\n      &:focus {\n        text-decoration: underline;\n      }\n    }\n\n    .brand {\n      svg {\n        display: block;\n        height: 36px;\n        width: auto;\n        margin: 0 auto;\n        fill: lighten($ui-base-color, 34%);\n      }\n\n      &:hover,\n      &:focus,\n      &:active {\n        svg {\n          fill: lighten($ui-base-color, 38%);\n        }\n      }\n    }\n  }\n}\n",".compact-header {\n  h1 {\n    font-size: 24px;\n    line-height: 28px;\n    color: $darker-text-color;\n    font-weight: 500;\n    margin-bottom: 20px;\n    padding: 0 10px;\n    word-wrap: break-word;\n\n    @media screen and (max-width: 740px) {\n      text-align: center;\n      padding: 20px 10px 0;\n    }\n\n    a {\n      color: inherit;\n      text-decoration: none;\n    }\n\n    small {\n      font-weight: 400;\n      color: $secondary-text-color;\n    }\n\n    img {\n      display: inline-block;\n      margin-bottom: -5px;\n      margin-right: 15px;\n      width: 36px;\n      height: 36px;\n    }\n  }\n}\n",".hero-widget {\n  margin-bottom: 10px;\n  box-shadow: 0 0 15px rgba($base-shadow-color, 0.2);\n\n  &__img {\n    width: 100%;\n    position: relative;\n    overflow: hidden;\n    border-radius: 4px 4px 0 0;\n    background: $base-shadow-color;\n\n    img {\n      object-fit: cover;\n      display: block;\n      width: 100%;\n      height: 100%;\n      margin: 0;\n      border-radius: 4px 4px 0 0;\n    }\n  }\n\n  &__text {\n    background: $ui-base-color;\n    padding: 20px;\n    border-radius: 0 0 4px 4px;\n    font-size: 15px;\n    color: $darker-text-color;\n    line-height: 20px;\n    word-wrap: break-word;\n    font-weight: 400;\n\n    .emojione {\n      width: 20px;\n      height: 20px;\n      margin: -3px 0 0;\n    }\n\n    p {\n      margin-bottom: 20px;\n\n      &:last-child {\n        margin-bottom: 0;\n      }\n    }\n\n    em {\n      display: inline;\n      margin: 0;\n      padding: 0;\n      font-weight: 700;\n      background: transparent;\n      font-family: inherit;\n      font-size: inherit;\n      line-height: inherit;\n      color: lighten($darker-text-color, 10%);\n    }\n\n    a {\n      color: $secondary-text-color;\n      text-decoration: none;\n\n      &:hover {\n        text-decoration: underline;\n      }\n    }\n  }\n\n  @media screen and (max-width: $no-gap-breakpoint) {\n    display: none;\n  }\n}\n\n.endorsements-widget {\n  margin-bottom: 10px;\n  padding-bottom: 10px;\n\n  h4 {\n    padding: 10px;\n    text-transform: uppercase;\n    font-weight: 700;\n    font-size: 13px;\n    color: $darker-text-color;\n  }\n\n  .account {\n    padding: 10px 0;\n\n    &:last-child {\n      border-bottom: 0;\n    }\n\n    .account__display-name {\n      display: flex;\n      align-items: center;\n    }\n\n    .account__avatar {\n      width: 44px;\n      height: 44px;\n      background-size: 44px 44px;\n    }\n  }\n\n  .trends__item {\n    padding: 10px;\n  }\n}\n\n.trends-widget {\n  h4 {\n    color: $darker-text-color;\n  }\n}\n\n.box-widget {\n  padding: 20px;\n  border-radius: 4px;\n  background: $ui-base-color;\n  box-shadow: 0 0 15px rgba($base-shadow-color, 0.2);\n}\n\n.placeholder-widget {\n  padding: 16px;\n  border-radius: 4px;\n  border: 2px dashed $dark-text-color;\n  text-align: center;\n  color: $darker-text-color;\n  margin-bottom: 10px;\n}\n\n.contact-widget {\n  min-height: 100%;\n  font-size: 15px;\n  color: $darker-text-color;\n  line-height: 20px;\n  word-wrap: break-word;\n  font-weight: 400;\n  padding: 0;\n\n  h4 {\n    padding: 10px;\n    text-transform: uppercase;\n    font-weight: 700;\n    font-size: 13px;\n    color: $darker-text-color;\n  }\n\n  .account {\n    border-bottom: 0;\n    padding: 10px 0;\n    padding-top: 5px;\n  }\n\n  & > a {\n    display: inline-block;\n    padding: 10px;\n    padding-top: 0;\n    color: $darker-text-color;\n    text-decoration: none;\n    white-space: nowrap;\n    overflow: hidden;\n    text-overflow: ellipsis;\n\n    &:hover,\n    &:focus,\n    &:active {\n      text-decoration: underline;\n    }\n  }\n}\n\n.moved-account-widget {\n  padding: 15px;\n  padding-bottom: 20px;\n  border-radius: 4px;\n  background: $ui-base-color;\n  box-shadow: 0 0 15px rgba($base-shadow-color, 0.2);\n  color: $secondary-text-color;\n  font-weight: 400;\n  margin-bottom: 10px;\n\n  strong,\n  a {\n    font-weight: 500;\n\n    @each $lang in $cjk-langs {\n      &:lang(#{$lang}) {\n        font-weight: 700;\n      }\n    }\n  }\n\n  a {\n    color: inherit;\n    text-decoration: underline;\n\n    &.mention {\n      text-decoration: none;\n\n      span {\n        text-decoration: none;\n      }\n\n      &:focus,\n      &:hover,\n      &:active {\n        text-decoration: none;\n\n        span {\n          text-decoration: underline;\n        }\n      }\n    }\n  }\n\n  &__message {\n    margin-bottom: 15px;\n\n    .fa {\n      margin-right: 5px;\n      color: $darker-text-color;\n    }\n  }\n\n  &__card {\n    .detailed-status__display-avatar {\n      position: relative;\n      cursor: pointer;\n    }\n\n    .detailed-status__display-name {\n      margin-bottom: 0;\n      text-decoration: none;\n\n      span {\n        font-weight: 400;\n      }\n    }\n  }\n}\n\n.memoriam-widget {\n  padding: 20px;\n  border-radius: 4px;\n  background: $base-shadow-color;\n  box-shadow: 0 0 15px rgba($base-shadow-color, 0.2);\n  font-size: 14px;\n  color: $darker-text-color;\n  margin-bottom: 10px;\n}\n\n.page-header {\n  background: lighten($ui-base-color, 8%);\n  box-shadow: 0 0 15px rgba($base-shadow-color, 0.2);\n  border-radius: 4px;\n  padding: 60px 15px;\n  text-align: center;\n  margin: 10px 0;\n\n  h1 {\n    color: $primary-text-color;\n    font-size: 36px;\n    line-height: 1.1;\n    font-weight: 700;\n    margin-bottom: 10px;\n  }\n\n  p {\n    font-size: 15px;\n    color: $darker-text-color;\n  }\n\n  @media screen and (max-width: $no-gap-breakpoint) {\n    margin-top: 0;\n    background: lighten($ui-base-color, 4%);\n\n    h1 {\n      font-size: 24px;\n    }\n  }\n}\n\n.directory {\n  background: $ui-base-color;\n  border-radius: 4px;\n  box-shadow: 0 0 15px rgba($base-shadow-color, 0.2);\n\n  &__tag {\n    box-sizing: border-box;\n    margin-bottom: 10px;\n\n    & > a,\n    & > div {\n      display: flex;\n      align-items: center;\n      justify-content: space-between;\n      background: $ui-base-color;\n      border-radius: 4px;\n      padding: 15px;\n      text-decoration: none;\n      color: inherit;\n      box-shadow: 0 0 15px rgba($base-shadow-color, 0.2);\n    }\n\n    & > a {\n      &:hover,\n      &:active,\n      &:focus {\n        background: lighten($ui-base-color, 8%);\n      }\n    }\n\n    &.active > a {\n      background: $ui-highlight-color;\n      cursor: default;\n    }\n\n    &.disabled > div {\n      opacity: 0.5;\n      cursor: default;\n    }\n\n    h4 {\n      flex: 1 1 auto;\n      font-size: 18px;\n      font-weight: 700;\n      color: $primary-text-color;\n      white-space: nowrap;\n      overflow: hidden;\n      text-overflow: ellipsis;\n\n      .fa {\n        color: $darker-text-color;\n      }\n\n      small {\n        display: block;\n        font-weight: 400;\n        font-size: 15px;\n        margin-top: 8px;\n        color: $darker-text-color;\n      }\n    }\n\n    &.active h4 {\n      &,\n      .fa,\n      small,\n      .trends__item__current {\n        color: $primary-text-color;\n      }\n    }\n\n    .avatar-stack {\n      flex: 0 0 auto;\n      width: (36px + 4px) * 3;\n    }\n\n    &.active .avatar-stack .account__avatar {\n      border-color: $ui-highlight-color;\n    }\n\n    .trends__item__current {\n      padding-right: 0;\n    }\n  }\n}\n\n.avatar-stack {\n  display: flex;\n  justify-content: flex-end;\n\n  .account__avatar {\n    flex: 0 0 auto;\n    width: 36px;\n    height: 36px;\n    border-radius: 50%;\n    position: relative;\n    margin-left: -10px;\n    background: darken($ui-base-color, 8%);\n    border: 2px solid $ui-base-color;\n\n    &:nth-child(1) {\n      z-index: 1;\n    }\n\n    &:nth-child(2) {\n      z-index: 2;\n    }\n\n    &:nth-child(3) {\n      z-index: 3;\n    }\n  }\n}\n\n.accounts-table {\n  width: 100%;\n\n  .account {\n    padding: 0;\n    border: 0;\n  }\n\n  strong {\n    font-weight: 700;\n  }\n\n  thead th {\n    text-align: center;\n    text-transform: uppercase;\n    color: $darker-text-color;\n    font-weight: 700;\n    padding: 10px;\n\n    &:first-child {\n      text-align: left;\n    }\n  }\n\n  tbody td {\n    padding: 15px 0;\n    vertical-align: middle;\n    border-bottom: 1px solid lighten($ui-base-color, 8%);\n  }\n\n  tbody tr:last-child td {\n    border-bottom: 0;\n  }\n\n  &__count {\n    width: 120px;\n    text-align: center;\n    font-size: 15px;\n    font-weight: 500;\n    color: $primary-text-color;\n\n    small {\n      display: block;\n      color: $darker-text-color;\n      font-weight: 400;\n      font-size: 14px;\n    }\n  }\n\n  &__comment {\n    width: 50%;\n    vertical-align: initial !important;\n  }\n\n  @media screen and (max-width: $no-gap-breakpoint) {\n    tbody td.optional {\n      display: none;\n    }\n  }\n}\n\n.moved-account-widget,\n.memoriam-widget,\n.box-widget,\n.contact-widget,\n.landing-page__information.contact-widget,\n.directory,\n.page-header {\n  @media screen and (max-width: $no-gap-breakpoint) {\n    margin-bottom: 0;\n    box-shadow: none;\n    border-radius: 0;\n  }\n}\n\n$maximum-width: 1235px;\n$fluid-breakpoint: $maximum-width + 20px;\n\n.statuses-grid {\n  min-height: 600px;\n\n  @media screen and (max-width: 640px) {\n    width: 100% !important; // Masonry layout is unnecessary at this width\n  }\n\n  &__item {\n    width: (960px - 20px) / 3;\n\n    @media screen and (max-width: $fluid-breakpoint) {\n      width: (940px - 20px) / 3;\n    }\n\n    @media screen and (max-width: 640px) {\n      width: 100%;\n    }\n\n    @media screen and (max-width: $no-gap-breakpoint) {\n      width: 100vw;\n    }\n  }\n\n  .detailed-status {\n    border-radius: 4px;\n\n    @media screen and (max-width: $no-gap-breakpoint) {\n      border-top: 1px solid lighten($ui-base-color, 16%);\n    }\n\n    &.compact {\n      .detailed-status__meta {\n        margin-top: 15px;\n      }\n\n      .status__content {\n        font-size: 15px;\n        line-height: 20px;\n\n        .emojione {\n          width: 20px;\n          height: 20px;\n          margin: -3px 0 0;\n        }\n\n        .status__content__spoiler-link {\n          line-height: 20px;\n          margin: 0;\n        }\n      }\n\n      .media-gallery,\n      .status-card,\n      .video-player {\n        margin-top: 15px;\n      }\n    }\n  }\n}\n\n.notice-widget {\n  margin-bottom: 10px;\n  color: $darker-text-color;\n\n  p {\n    margin-bottom: 10px;\n\n    &:last-child {\n      margin-bottom: 0;\n    }\n  }\n\n  a {\n    font-size: 14px;\n    line-height: 20px;\n  }\n}\n\n.notice-widget,\n.placeholder-widget {\n  a {\n    text-decoration: none;\n    font-weight: 500;\n    color: $ui-highlight-color;\n\n    &:hover,\n    &:focus,\n    &:active {\n      text-decoration: underline;\n    }\n  }\n}\n\n.table-of-contents {\n  background: darken($ui-base-color, 4%);\n  min-height: 100%;\n  font-size: 14px;\n  border-radius: 4px;\n\n  li a {\n    display: block;\n    font-weight: 500;\n    padding: 15px;\n    overflow: hidden;\n    white-space: nowrap;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    text-decoration: none;\n    color: $primary-text-color;\n    border-bottom: 1px solid lighten($ui-base-color, 4%);\n\n    &:hover,\n    &:focus,\n    &:active {\n      text-decoration: underline;\n    }\n  }\n\n  li:last-child a {\n    border-bottom: 0;\n  }\n\n  li ul {\n    padding-left: 20px;\n    border-bottom: 1px solid lighten($ui-base-color, 4%);\n  }\n}\n","// Commonly used web colors\n$black: #000000;            // Black\n$white: #ffffff;            // White\n$success-green: #79bd9a !default;    // Padua\n$error-red: #df405a !default;        // Cerise\n$warning-red: #ff5050 !default;      // Sunset Orange\n$gold-star: #ca8f04 !default;        // Dark Goldenrod\n\n$red-bookmark: $warning-red;\n\n// Pleroma-Dark colors\n$pleroma-bg: #121a24;\n$pleroma-fg: #182230;\n$pleroma-text: #b9b9ba;\n$pleroma-links: #d8a070;\n\n// Values from the classic Mastodon UI\n$classic-base-color: $pleroma-bg;\n$classic-primary-color: #9baec8;\n$classic-secondary-color: #d9e1e8;\n$classic-highlight-color: #d8a070;\n\n// Variables for defaults in UI\n$base-shadow-color: $black !default;\n$base-overlay-background: $black !default;\n$base-border-color: $white !default;\n$simple-background-color: $white !default;\n$valid-value-color: $success-green !default;\n$error-value-color: $error-red !default;\n\n// Tell UI to use selected colors\n$ui-base-color: $classic-base-color !default;                  // Darkest\n$ui-base-lighter-color: lighten($ui-base-color, 26%) !default; // Lighter darkest\n$ui-primary-color: $classic-primary-color !default;            // Lighter\n$ui-secondary-color: $classic-secondary-color !default;        // Lightest\n$ui-highlight-color: $classic-highlight-color !default;\n\n// Variables for texts\n$primary-text-color: $white !default;\n$darker-text-color: $ui-primary-color !default;\n$dark-text-color: $ui-base-lighter-color !default;\n$secondary-text-color: $ui-secondary-color !default;\n$highlight-text-color: $ui-highlight-color !default;\n$action-button-color: $ui-base-lighter-color !default;\n// For texts on inverted backgrounds\n$inverted-text-color: $ui-base-color !default;\n$lighter-text-color: $ui-base-lighter-color !default;\n$light-text-color: $ui-primary-color !default;\n\n// Language codes that uses CJK fonts\n$cjk-langs: ja, ko, zh-CN, zh-HK, zh-TW;\n\n// Variables for components\n$media-modal-media-max-width: 100%;\n// put margins on top and bottom of image to avoid the screen covered by image.\n$media-modal-media-max-height: 80%;\n\n$no-gap-breakpoint: 415px;\n\n$font-sans-serif: 'mastodon-font-sans-serif' !default;\n$font-display: 'mastodon-font-display' !default;\n$font-monospace: 'mastodon-font-monospace' !default;\n","$no-columns-breakpoint: 600px;\n\ncode {\n  font-family: $font-monospace, monospace;\n  font-weight: 400;\n}\n\n.form-container {\n  max-width: 400px;\n  padding: 20px;\n  margin: 0 auto;\n}\n\n.simple_form {\n  .input {\n    margin-bottom: 15px;\n    overflow: hidden;\n\n    &.hidden {\n      margin: 0;\n    }\n\n    &.radio_buttons {\n      .radio {\n        margin-bottom: 15px;\n\n        &:last-child {\n          margin-bottom: 0;\n        }\n      }\n\n      .radio > label {\n        position: relative;\n        padding-left: 28px;\n\n        input {\n          position: absolute;\n          top: -2px;\n          left: 0;\n        }\n      }\n    }\n\n    &.boolean {\n      position: relative;\n      margin-bottom: 0;\n\n      .label_input > label {\n        font-family: inherit;\n        font-size: 14px;\n        padding-top: 5px;\n        color: $primary-text-color;\n        display: block;\n        width: auto;\n      }\n\n      .label_input,\n      .hint {\n        padding-left: 28px;\n      }\n\n      .label_input__wrapper {\n        position: static;\n      }\n\n      label.checkbox {\n        position: absolute;\n        top: 2px;\n        left: 0;\n      }\n\n      label a {\n        color: $highlight-text-color;\n        text-decoration: underline;\n\n        &:hover,\n        &:active,\n        &:focus {\n          text-decoration: none;\n        }\n      }\n\n      .recommended {\n        position: absolute;\n        margin: 0 4px;\n        margin-top: -2px;\n      }\n    }\n  }\n\n  .row {\n    display: flex;\n    margin: 0 -5px;\n\n    .input {\n      box-sizing: border-box;\n      flex: 1 1 auto;\n      width: 50%;\n      padding: 0 5px;\n    }\n  }\n\n  .hint {\n    color: $darker-text-color;\n\n    a {\n      color: $highlight-text-color;\n    }\n\n    code {\n      border-radius: 3px;\n      padding: 0.2em 0.4em;\n      background: darken($ui-base-color, 12%);\n    }\n\n    li {\n      list-style: disc;\n      margin-left: 18px;\n    }\n  }\n\n  ul.hint {\n    margin-bottom: 15px;\n  }\n\n  span.hint {\n    display: block;\n    font-size: 12px;\n    margin-top: 4px;\n  }\n\n  p.hint {\n    margin-bottom: 15px;\n    color: $darker-text-color;\n\n    &.subtle-hint {\n      text-align: center;\n      font-size: 12px;\n      line-height: 18px;\n      margin-top: 15px;\n      margin-bottom: 0;\n    }\n  }\n\n  .card {\n    margin-bottom: 15px;\n  }\n\n  strong {\n    font-weight: 500;\n\n    @each $lang in $cjk-langs {\n      &:lang(#{$lang}) {\n        font-weight: 700;\n      }\n    }\n  }\n\n  .input.with_floating_label {\n    .label_input {\n      display: flex;\n\n      & > label {\n        font-family: inherit;\n        font-size: 14px;\n        color: $primary-text-color;\n        font-weight: 500;\n        min-width: 150px;\n        flex: 0 0 auto;\n      }\n\n      input,\n      select {\n        flex: 1 1 auto;\n      }\n    }\n\n    &.select .hint {\n      margin-top: 6px;\n      margin-left: 150px;\n    }\n  }\n\n  .input.with_label {\n    .label_input > label {\n      font-family: inherit;\n      font-size: 14px;\n      color: $primary-text-color;\n      display: block;\n      margin-bottom: 8px;\n      word-wrap: break-word;\n      font-weight: 500;\n    }\n\n    .hint {\n      margin-top: 6px;\n    }\n\n    ul {\n      flex: 390px;\n    }\n  }\n\n  .input.with_block_label {\n    max-width: none;\n\n    & > label {\n      font-family: inherit;\n      font-size: 16px;\n      color: $primary-text-color;\n      display: block;\n      font-weight: 500;\n      padding-top: 5px;\n    }\n\n    .hint {\n      margin-bottom: 15px;\n    }\n\n    ul {\n      columns: 2;\n    }\n  }\n\n  .input.datetime .label_input select {\n    display: inline-block;\n    width: auto;\n    flex: 0;\n  }\n\n  .required abbr {\n    text-decoration: none;\n    color: lighten($error-value-color, 12%);\n  }\n\n  .fields-group {\n    margin-bottom: 25px;\n\n    .input:last-child {\n      margin-bottom: 0;\n    }\n  }\n\n  .fields-row {\n    display: flex;\n    margin: 0 -10px;\n    padding-top: 5px;\n    margin-bottom: 25px;\n\n    .input {\n      max-width: none;\n    }\n\n    &__column {\n      box-sizing: border-box;\n      padding: 0 10px;\n      flex: 1 1 auto;\n      min-height: 1px;\n\n      &-6 {\n        max-width: 50%;\n      }\n\n      .actions {\n        margin-top: 27px;\n      }\n    }\n\n    .fields-group:last-child,\n    .fields-row__column.fields-group {\n      margin-bottom: 0;\n    }\n\n    @media screen and (max-width: $no-columns-breakpoint) {\n      display: block;\n      margin-bottom: 0;\n\n      &__column {\n        max-width: none;\n      }\n\n      .fields-group:last-child,\n      .fields-row__column.fields-group,\n      .fields-row__column {\n        margin-bottom: 25px;\n      }\n    }\n  }\n\n  .input.radio_buttons .radio label {\n    margin-bottom: 5px;\n    font-family: inherit;\n    font-size: 14px;\n    color: $primary-text-color;\n    display: block;\n    width: auto;\n  }\n\n  .check_boxes {\n    .checkbox {\n      label {\n        font-family: inherit;\n        font-size: 14px;\n        color: $primary-text-color;\n        display: inline-block;\n        width: auto;\n        position: relative;\n        padding-top: 5px;\n        padding-left: 25px;\n        flex: 1 1 auto;\n      }\n\n      input[type=checkbox] {\n        position: absolute;\n        left: 0;\n        top: 5px;\n        margin: 0;\n      }\n    }\n  }\n\n  .input.static .label_input__wrapper {\n    font-size: 16px;\n    padding: 10px;\n    border: 1px solid $dark-text-color;\n    border-radius: 4px;\n  }\n\n  input[type=text],\n  input[type=number],\n  input[type=email],\n  input[type=password],\n  textarea {\n    box-sizing: border-box;\n    font-size: 16px;\n    color: $primary-text-color;\n    display: block;\n    width: 100%;\n    outline: 0;\n    font-family: inherit;\n    resize: vertical;\n    background: darken($ui-base-color, 10%);\n    border: 1px solid darken($ui-base-color, 14%);\n    border-radius: 4px;\n    padding: 10px;\n\n    &::placeholder {\n      color: lighten($darker-text-color, 4%);\n    }\n\n    &:invalid {\n      box-shadow: none;\n    }\n\n    &:focus:invalid:not(:placeholder-shown) {\n      border-color: lighten($error-red, 12%);\n    }\n\n    &:required:valid {\n      border-color: $valid-value-color;\n    }\n\n    &:hover {\n      border-color: darken($ui-base-color, 20%);\n    }\n\n    &:active,\n    &:focus {\n      border-color: $highlight-text-color;\n      background: darken($ui-base-color, 8%);\n    }\n  }\n\n  .input.field_with_errors {\n    label {\n      color: lighten($error-red, 12%);\n    }\n\n    input[type=text],\n    input[type=number],\n    input[type=email],\n    input[type=password],\n    textarea,\n    select {\n      border-color: lighten($error-red, 12%);\n    }\n\n    .error {\n      display: block;\n      font-weight: 500;\n      color: lighten($error-red, 12%);\n      margin-top: 4px;\n    }\n  }\n\n  .input.disabled {\n    opacity: 0.5;\n  }\n\n  .actions {\n    margin-top: 30px;\n    display: flex;\n\n    &.actions--top {\n      margin-top: 0;\n      margin-bottom: 30px;\n    }\n  }\n\n  button,\n  .button,\n  .block-button {\n    display: block;\n    width: 100%;\n    border: 0;\n    border-radius: 4px;\n    background: $ui-highlight-color;\n    color: $primary-text-color;\n    font-size: 18px;\n    line-height: inherit;\n    height: auto;\n    padding: 10px;\n    text-transform: uppercase;\n    text-decoration: none;\n    text-align: center;\n    box-sizing: border-box;\n    cursor: pointer;\n    font-weight: 500;\n    outline: 0;\n    margin-bottom: 10px;\n    margin-right: 10px;\n\n    &:last-child {\n      margin-right: 0;\n    }\n\n    &:hover {\n      background-color: lighten($ui-highlight-color, 5%);\n    }\n\n    &:active,\n    &:focus {\n      background-color: darken($ui-highlight-color, 5%);\n    }\n\n    &:disabled:hover {\n      background-color: $ui-primary-color;\n    }\n\n    &.negative {\n      background: $error-value-color;\n\n      &:hover {\n        background-color: lighten($error-value-color, 5%);\n      }\n\n      &:active,\n      &:focus {\n        background-color: darken($error-value-color, 5%);\n      }\n    }\n  }\n\n  select {\n    appearance: none;\n    box-sizing: border-box;\n    font-size: 16px;\n    color: $primary-text-color;\n    display: block;\n    width: 100%;\n    outline: 0;\n    font-family: inherit;\n    resize: vertical;\n    background: darken($ui-base-color, 10%) url(\"data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14.933 18.467' height='19.698' width='15.929'><path d='M3.467 14.967l-3.393-3.5H14.86l-3.392 3.5c-1.866 1.925-3.666 3.5-4 3.5-.335 0-2.135-1.575-4-3.5zm.266-11.234L7.467 0 11.2 3.733l3.733 3.734H0l3.733-3.734z' fill='#{hex-color(lighten($ui-base-color, 12%))}'/></svg>\") no-repeat right 8px center / auto 16px;\n    border: 1px solid darken($ui-base-color, 14%);\n    border-radius: 4px;\n    padding-left: 10px;\n    padding-right: 30px;\n    height: 41px;\n  }\n\n  h4 {\n    margin-bottom: 15px !important;\n  }\n\n  .label_input {\n    &__wrapper {\n      position: relative;\n    }\n\n    &__append {\n      position: absolute;\n      right: 3px;\n      top: 1px;\n      padding: 10px;\n      padding-bottom: 9px;\n      font-size: 16px;\n      color: $dark-text-color;\n      font-family: inherit;\n      pointer-events: none;\n      cursor: default;\n      max-width: 140px;\n      white-space: nowrap;\n      overflow: hidden;\n\n      &::after {\n        content: '';\n        display: block;\n        position: absolute;\n        top: 0;\n        right: 0;\n        bottom: 1px;\n        width: 5px;\n        background-image: linear-gradient(to right, rgba(darken($ui-base-color, 10%), 0), darken($ui-base-color, 10%));\n      }\n    }\n  }\n\n  &__overlay-area {\n    position: relative;\n\n    &__blurred form {\n      filter: blur(2px);\n    }\n\n    &__overlay {\n      position: absolute;\n      top: 0;\n      left: 0;\n      width: 100%;\n      height: 100%;\n      display: flex;\n      justify-content: center;\n      align-items: center;\n      background: rgba($ui-base-color, 0.65);\n      border-radius: 4px;\n      margin-left: -4px;\n      margin-top: -4px;\n      padding: 4px;\n\n      &__content {\n        text-align: center;\n\n        &.rich-formatting {\n          &,\n          p {\n            color: $primary-text-color;\n          }\n        }\n      }\n    }\n  }\n}\n\n.block-icon {\n  display: block;\n  margin: 0 auto;\n  margin-bottom: 10px;\n  font-size: 24px;\n}\n\n.flash-message {\n  background: lighten($ui-base-color, 8%);\n  color: $darker-text-color;\n  border-radius: 4px;\n  padding: 15px 10px;\n  margin-bottom: 30px;\n  text-align: center;\n\n  &.notice {\n    border: 1px solid rgba($valid-value-color, 0.5);\n    background: rgba($valid-value-color, 0.25);\n    color: $valid-value-color;\n  }\n\n  &.alert {\n    border: 1px solid rgba($error-value-color, 0.5);\n    background: rgba($error-value-color, 0.25);\n    color: $error-value-color;\n  }\n\n  a {\n    display: inline-block;\n    color: $darker-text-color;\n    text-decoration: none;\n\n    &:hover {\n      color: $primary-text-color;\n      text-decoration: underline;\n    }\n  }\n\n  p {\n    margin-bottom: 15px;\n  }\n\n  .oauth-code {\n    outline: 0;\n    box-sizing: border-box;\n    display: block;\n    width: 100%;\n    border: 0;\n    padding: 10px;\n    font-family: $font-monospace, monospace;\n    background: $ui-base-color;\n    color: $primary-text-color;\n    font-size: 14px;\n    margin: 0;\n\n    &::-moz-focus-inner {\n      border: 0;\n    }\n\n    &::-moz-focus-inner,\n    &:focus,\n    &:active {\n      outline: 0 !important;\n    }\n\n    &:focus {\n      background: lighten($ui-base-color, 4%);\n    }\n  }\n\n  strong {\n    font-weight: 500;\n\n    @each $lang in $cjk-langs {\n      &:lang(#{$lang}) {\n        font-weight: 700;\n      }\n    }\n  }\n\n  @media screen and (max-width: 740px) and (min-width: 441px) {\n    margin-top: 40px;\n  }\n}\n\n.form-footer {\n  margin-top: 30px;\n  text-align: center;\n\n  a {\n    color: $darker-text-color;\n    text-decoration: none;\n\n    &:hover {\n      text-decoration: underline;\n    }\n  }\n}\n\n.quick-nav {\n  list-style: none;\n  margin-bottom: 25px;\n  font-size: 14px;\n\n  li {\n    display: inline-block;\n    margin-right: 10px;\n  }\n\n  a {\n    color: $highlight-text-color;\n    text-transform: uppercase;\n    text-decoration: none;\n    font-weight: 700;\n\n    &:hover,\n    &:focus,\n    &:active {\n      color: lighten($highlight-text-color, 8%);\n    }\n  }\n}\n\n.oauth-prompt,\n.follow-prompt {\n  margin-bottom: 30px;\n  color: $darker-text-color;\n\n  h2 {\n    font-size: 16px;\n    margin-bottom: 30px;\n    text-align: center;\n  }\n\n  strong {\n    color: $secondary-text-color;\n    font-weight: 500;\n\n    @each $lang in $cjk-langs {\n      &:lang(#{$lang}) {\n        font-weight: 700;\n      }\n    }\n  }\n\n  @media screen and (max-width: 740px) and (min-width: 441px) {\n    margin-top: 40px;\n  }\n}\n\n.qr-wrapper {\n  display: flex;\n  flex-wrap: wrap;\n  align-items: flex-start;\n}\n\n.qr-code {\n  flex: 0 0 auto;\n  background: $simple-background-color;\n  padding: 4px;\n  margin: 0 10px 20px 0;\n  box-shadow: 0 0 15px rgba($base-shadow-color, 0.2);\n  display: inline-block;\n\n  svg {\n    display: block;\n    margin: 0;\n  }\n}\n\n.qr-alternative {\n  margin-bottom: 20px;\n  color: $secondary-text-color;\n  flex: 150px;\n\n  samp {\n    display: block;\n    font-size: 14px;\n  }\n}\n\n.table-form {\n  p {\n    margin-bottom: 15px;\n\n    strong {\n      font-weight: 500;\n\n      @each $lang in $cjk-langs {\n        &:lang(#{$lang}) {\n          font-weight: 700;\n        }\n      }\n    }\n  }\n}\n\n.simple_form,\n.table-form {\n  .warning {\n    box-sizing: border-box;\n    background: rgba($error-value-color, 0.5);\n    color: $primary-text-color;\n    text-shadow: 1px 1px 0 rgba($base-shadow-color, 0.3);\n    box-shadow: 0 2px 6px rgba($base-shadow-color, 0.4);\n    border-radius: 4px;\n    padding: 10px;\n    margin-bottom: 15px;\n\n    a {\n      color: $primary-text-color;\n      text-decoration: underline;\n\n      &:hover,\n      &:focus,\n      &:active {\n        text-decoration: none;\n      }\n    }\n\n    strong {\n      font-weight: 600;\n      display: block;\n      margin-bottom: 5px;\n\n      @each $lang in $cjk-langs {\n        &:lang(#{$lang}) {\n          font-weight: 700;\n        }\n      }\n\n      .fa {\n        font-weight: 400;\n      }\n    }\n  }\n}\n\n.action-pagination {\n  display: flex;\n  flex-wrap: wrap;\n  align-items: center;\n\n  .actions,\n  .pagination {\n    flex: 1 1 auto;\n  }\n\n  .actions {\n    padding: 30px 0;\n    padding-right: 20px;\n    flex: 0 0 auto;\n  }\n}\n\n.post-follow-actions {\n  text-align: center;\n  color: $darker-text-color;\n\n  div {\n    margin-bottom: 4px;\n  }\n}\n\n.alternative-login {\n  margin-top: 20px;\n  margin-bottom: 20px;\n\n  h4 {\n    font-size: 16px;\n    color: $primary-text-color;\n    text-align: center;\n    margin-bottom: 20px;\n    border: 0;\n    padding: 0;\n  }\n\n  .button {\n    display: block;\n  }\n}\n\n.scope-danger {\n  color: $warning-red;\n}\n\n.form_admin_settings_site_short_description,\n.form_admin_settings_site_description,\n.form_admin_settings_site_extended_description,\n.form_admin_settings_site_terms,\n.form_admin_settings_custom_css,\n.form_admin_settings_closed_registrations_message {\n  textarea {\n    font-family: $font-monospace, monospace;\n  }\n}\n\n.input-copy {\n  background: darken($ui-base-color, 10%);\n  border: 1px solid darken($ui-base-color, 14%);\n  border-radius: 4px;\n  display: flex;\n  align-items: center;\n  padding-right: 4px;\n  position: relative;\n  top: 1px;\n  transition: border-color 300ms linear;\n\n  &__wrapper {\n    flex: 1 1 auto;\n  }\n\n  input[type=text] {\n    background: transparent;\n    border: 0;\n    padding: 10px;\n    font-size: 14px;\n    font-family: $font-monospace, monospace;\n  }\n\n  button {\n    flex: 0 0 auto;\n    margin: 4px;\n    text-transform: none;\n    font-weight: 400;\n    font-size: 14px;\n    padding: 7px 18px;\n    padding-bottom: 6px;\n    width: auto;\n    transition: background 300ms linear;\n  }\n\n  &.copied {\n    border-color: $valid-value-color;\n    transition: none;\n\n    button {\n      background: $valid-value-color;\n      transition: none;\n    }\n  }\n}\n\n.connection-prompt {\n  margin-bottom: 25px;\n\n  .fa-link {\n    background-color: darken($ui-base-color, 4%);\n    border-radius: 100%;\n    font-size: 24px;\n    padding: 10px;\n  }\n\n  &__column {\n    align-items: center;\n    display: flex;\n    flex: 1;\n    flex-direction: column;\n    flex-shrink: 1;\n    max-width: 50%;\n\n    &-sep {\n      align-self: center;\n      flex-grow: 0;\n      overflow: visible;\n      position: relative;\n      z-index: 1;\n    }\n\n    p {\n      word-break: break-word;\n    }\n  }\n\n  .account__avatar {\n    margin-bottom: 20px;\n  }\n\n  &__connection {\n    background-color: lighten($ui-base-color, 8%);\n    box-shadow: 0 0 15px rgba($base-shadow-color, 0.2);\n    border-radius: 4px;\n    padding: 25px 10px;\n    position: relative;\n    text-align: center;\n\n    &::after {\n      background-color: darken($ui-base-color, 4%);\n      content: '';\n      display: block;\n      height: 100%;\n      left: 50%;\n      position: absolute;\n      top: 0;\n      width: 1px;\n    }\n  }\n\n  &__row {\n    align-items: flex-start;\n    display: flex;\n    flex-direction: row;\n  }\n}\n",".card {\n  & > a {\n    display: block;\n    text-decoration: none;\n    color: inherit;\n    box-shadow: 0 0 15px rgba($base-shadow-color, 0.2);\n\n    @media screen and (max-width: $no-gap-breakpoint) {\n      box-shadow: none;\n    }\n\n    &:hover,\n    &:active,\n    &:focus {\n      .card__bar {\n        background: lighten($ui-base-color, 8%);\n      }\n    }\n  }\n\n  &__img {\n    height: 130px;\n    position: relative;\n    background: darken($ui-base-color, 12%);\n    border-radius: 4px 4px 0 0;\n\n    img {\n      display: block;\n      width: 100%;\n      height: 100%;\n      margin: 0;\n      object-fit: cover;\n      border-radius: 4px 4px 0 0;\n    }\n\n    @media screen and (max-width: 600px) {\n      height: 200px;\n    }\n\n    @media screen and (max-width: $no-gap-breakpoint) {\n      display: none;\n    }\n  }\n\n  &__bar {\n    position: relative;\n    padding: 15px;\n    display: flex;\n    justify-content: flex-start;\n    align-items: center;\n    background: lighten($ui-base-color, 4%);\n    border-radius: 0 0 4px 4px;\n\n    @media screen and (max-width: $no-gap-breakpoint) {\n      border-radius: 0;\n    }\n\n    .avatar {\n      flex: 0 0 auto;\n      width: 48px;\n      height: 48px;\n      padding-top: 2px;\n\n      img {\n        width: 100%;\n        height: 100%;\n        display: block;\n        margin: 0;\n        border-radius: 4px;\n        background: darken($ui-base-color, 8%);\n        object-fit: cover;\n      }\n    }\n\n    .display-name {\n      margin-left: 15px;\n      text-align: left;\n\n      strong {\n        font-size: 15px;\n        color: $primary-text-color;\n        font-weight: 500;\n        overflow: hidden;\n        text-overflow: ellipsis;\n      }\n\n      span {\n        display: block;\n        font-size: 14px;\n        color: $darker-text-color;\n        font-weight: 400;\n        overflow: hidden;\n        text-overflow: ellipsis;\n      }\n    }\n  }\n}\n\n.pagination {\n  padding: 30px 0;\n  text-align: center;\n  overflow: hidden;\n\n  a,\n  .current,\n  .newer,\n  .older,\n  .page,\n  .gap {\n    font-size: 14px;\n    color: $primary-text-color;\n    font-weight: 500;\n    display: inline-block;\n    padding: 6px 10px;\n    text-decoration: none;\n  }\n\n  .current {\n    background: $simple-background-color;\n    border-radius: 100px;\n    color: $inverted-text-color;\n    cursor: default;\n    margin: 0 10px;\n  }\n\n  .gap {\n    cursor: default;\n  }\n\n  .older,\n  .newer {\n    text-transform: uppercase;\n    color: $secondary-text-color;\n  }\n\n  .older {\n    float: left;\n    padding-left: 0;\n\n    .fa {\n      display: inline-block;\n      margin-right: 5px;\n    }\n  }\n\n  .newer {\n    float: right;\n    padding-right: 0;\n\n    .fa {\n      display: inline-block;\n      margin-left: 5px;\n    }\n  }\n\n  .disabled {\n    cursor: default;\n    color: lighten($inverted-text-color, 10%);\n  }\n\n  @media screen and (max-width: 700px) {\n    padding: 30px 20px;\n\n    .page {\n      display: none;\n    }\n\n    .newer,\n    .older {\n      display: inline-block;\n    }\n  }\n}\n\n.nothing-here {\n  background: $ui-base-color;\n  box-shadow: 0 0 15px rgba($base-shadow-color, 0.2);\n  color: $light-text-color;\n  font-size: 14px;\n  font-weight: 500;\n  text-align: center;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  cursor: default;\n  border-radius: 4px;\n  padding: 20px;\n  min-height: 30vh;\n\n  &--under-tabs {\n    border-radius: 0 0 4px 4px;\n  }\n\n  &--flexible {\n    box-sizing: border-box;\n    min-height: 100%;\n  }\n}\n\n.account-role,\n.simple_form .recommended {\n  display: inline-block;\n  padding: 4px 6px;\n  cursor: default;\n  border-radius: 3px;\n  font-size: 12px;\n  line-height: 12px;\n  font-weight: 500;\n  color: $ui-secondary-color;\n  background-color: rgba($ui-secondary-color, 0.1);\n  border: 1px solid rgba($ui-secondary-color, 0.5);\n\n  &.moderator {\n    color: $success-green;\n    background-color: rgba($success-green, 0.1);\n    border-color: rgba($success-green, 0.5);\n  }\n\n  &.admin {\n    color: lighten($error-red, 12%);\n    background-color: rgba(lighten($error-red, 12%), 0.1);\n    border-color: rgba(lighten($error-red, 12%), 0.5);\n  }\n}\n\n.account__header__fields {\n  max-width: 100vw;\n  padding: 0;\n  margin: 15px -15px -15px;\n  border: 0 none;\n  border-top: 1px solid lighten($ui-base-color, 12%);\n  border-bottom: 1px solid lighten($ui-base-color, 12%);\n  font-size: 14px;\n  line-height: 20px;\n\n  dl {\n    display: flex;\n    border-bottom: 1px solid lighten($ui-base-color, 12%);\n  }\n\n  dt,\n  dd {\n    box-sizing: border-box;\n    padding: 14px;\n    text-align: center;\n    max-height: 48px;\n    overflow: hidden;\n    white-space: nowrap;\n    text-overflow: ellipsis;\n  }\n\n  dt {\n    font-weight: 500;\n    width: 120px;\n    flex: 0 0 auto;\n    color: $secondary-text-color;\n    background: rgba(darken($ui-base-color, 8%), 0.5);\n  }\n\n  dd {\n    flex: 1 1 auto;\n    color: $darker-text-color;\n  }\n\n  a {\n    color: $highlight-text-color;\n    text-decoration: none;\n\n    &:hover,\n    &:focus,\n    &:active {\n      text-decoration: underline;\n    }\n  }\n\n  .verified {\n    border: 1px solid rgba($valid-value-color, 0.5);\n    background: rgba($valid-value-color, 0.25);\n\n    a {\n      color: $valid-value-color;\n      font-weight: 500;\n    }\n\n    &__mark {\n      color: $valid-value-color;\n    }\n  }\n\n  dl:last-child {\n    border-bottom: 0;\n  }\n}\n\n.directory__tag .trends__item__current {\n  width: auto;\n}\n\n.pending-account {\n  &__header {\n    color: $darker-text-color;\n\n    a {\n      color: $ui-secondary-color;\n      text-decoration: none;\n\n      &:hover,\n      &:active,\n      &:focus {\n        text-decoration: underline;\n      }\n    }\n\n    strong {\n      color: $primary-text-color;\n      font-weight: 700;\n    }\n  }\n\n  &__body {\n    margin-top: 10px;\n  }\n}\n",".activity-stream {\n  box-shadow: 0 0 15px rgba($base-shadow-color, 0.2);\n  border-radius: 4px;\n  overflow: hidden;\n  margin-bottom: 10px;\n\n  &--under-tabs {\n    border-radius: 0 0 4px 4px;\n  }\n\n  @media screen and (max-width: $no-gap-breakpoint) {\n    margin-bottom: 0;\n    border-radius: 0;\n    box-shadow: none;\n  }\n\n  &--headless {\n    border-radius: 0;\n    margin: 0;\n    box-shadow: none;\n\n    .detailed-status,\n    .status {\n      border-radius: 0 !important;\n    }\n  }\n\n  div[data-component] {\n    width: 100%;\n  }\n\n  .entry {\n    background: $ui-base-color;\n\n    .detailed-status,\n    .status,\n    .load-more {\n      animation: none;\n    }\n\n    &:last-child {\n      .detailed-status,\n      .status,\n      .load-more {\n        border-bottom: 0;\n        border-radius: 0 0 4px 4px;\n      }\n    }\n\n    &:first-child {\n      .detailed-status,\n      .status,\n      .load-more {\n        border-radius: 4px 4px 0 0;\n      }\n\n      &:last-child {\n        .detailed-status,\n        .status,\n        .load-more {\n          border-radius: 4px;\n        }\n      }\n    }\n\n    @media screen and (max-width: 740px) {\n      .detailed-status,\n      .status,\n      .load-more {\n        border-radius: 0 !important;\n      }\n    }\n  }\n\n  &--highlighted .entry {\n    background: lighten($ui-base-color, 8%);\n  }\n}\n\n.button.logo-button {\n  flex: 0 auto;\n  font-size: 14px;\n  background: $ui-highlight-color;\n  color: $primary-text-color;\n  text-transform: none;\n  line-height: 36px;\n  height: auto;\n  padding: 3px 15px;\n  border: 0;\n\n  svg {\n    width: 20px;\n    height: auto;\n    vertical-align: middle;\n    margin-right: 5px;\n    fill: $primary-text-color;\n  }\n\n  &:active,\n  &:focus,\n  &:hover {\n    background: lighten($ui-highlight-color, 10%);\n  }\n\n  &:disabled,\n  &.disabled {\n    &:active,\n    &:focus,\n    &:hover {\n      background: $ui-primary-color;\n    }\n  }\n\n  &.button--destructive {\n    &:active,\n    &:focus,\n    &:hover {\n      background: $error-red;\n    }\n  }\n\n  @media screen and (max-width: $no-gap-breakpoint) {\n    svg {\n      display: none;\n    }\n  }\n}\n\n.embed,\n.public-layout {\n  .detailed-status {\n    padding: 15px;\n  }\n\n  .status {\n    padding: 15px 15px 15px (48px + 15px * 2);\n    min-height: 48px + 2px;\n\n    &__avatar {\n      left: 15px;\n      top: 17px;\n    }\n\n    &__content {\n      padding-top: 5px;\n    }\n\n    &__prepend {\n      margin-left: 48px + 15px * 2;\n      padding-top: 15px;\n    }\n\n    &__prepend-icon-wrapper {\n      left: -32px;\n    }\n\n    .media-gallery,\n    &__action-bar,\n    .video-player {\n      margin-top: 10px;\n    }\n  }\n}\n","button.icon-button i.fa-retweet {\n  background-image: url(\"data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='22' height='209'><path d='M4.97 3.16c-.1.03-.17.1-.22.18L.8 8.24c-.2.3.03.78.4.8H3.6v2.68c0 4.26-.55 3.62 3.66 3.62h7.66l-2.3-2.84c-.03-.02-.03-.04-.05-.06H7.27c-.44 0-.72-.3-.72-.72v-2.7h2.5c.37.03.63-.48.4-.77L5.5 3.35c-.12-.17-.34-.25-.53-.2zm12.16.43c-.55-.02-1.32.02-2.4.02H7.1l2.32 2.85.03.06h5.25c.42 0 .72.28.72.72v2.7h-2.5c-.36.02-.56.54-.3.8l3.92 4.9c.18.25.6.25.78 0l3.94-4.9c.26-.28 0-.83-.37-.8H18.4v-2.7c0-3.15.4-3.62-1.25-3.66z' fill='#{hex-color($action-button-color)}' stroke-width='0'/><path d='M7.78 19.66c-.24.02-.44.25-.44.5v2.46h-.06c-1.08 0-1.86-.03-2.4-.03-1.64 0-1.25.43-1.25 3.65v4.47c0 4.26-.56 3.62 3.65 3.62H8.5l-1.3-1.06c-.1-.08-.18-.2-.2-.3-.02-.17.06-.35.2-.45l1.33-1.1H7.28c-.44 0-.72-.3-.72-.7v-4.48c0-.44.28-.72.72-.72h.06v2.5c0 .38.54.63.82.38l4.9-3.93c.25-.18.25-.6 0-.78l-4.9-3.92c-.1-.1-.24-.14-.38-.12zm9.34 2.93c-.54-.02-1.3.02-2.4.02h-1.25l1.3 1.07c.1.07.18.2.2.33.02.16-.06.3-.2.4l-1.33 1.1h1.28c.42 0 .72.28.72.72v4.47c0 .42-.3.72-.72.72h-.1v-2.47c0-.3-.3-.53-.6-.47-.07 0-.14.05-.2.1l-4.9 3.93c-.26.18-.26.6 0 .78l4.9 3.92c.27.25.82 0 .8-.38v-2.5h.1c4.27 0 3.65.67 3.65-3.62v-4.47c0-3.15.4-3.62-1.25-3.66zM10.34 38.66c-.24.02-.44.25-.43.5v2.47H7.3c-1.08 0-1.86-.04-2.4-.04-1.64 0-1.25.43-1.25 3.65v4.47c0 3.66-.23 3.7 2.34 3.66l-1.34-1.1c-.1-.08-.18-.2-.2-.3 0-.17.07-.35.2-.45l1.96-1.6c-.03-.06-.04-.13-.04-.2v-4.48c0-.44.28-.72.72-.72H9.9v2.5c0 .36.5.6.8.38l4.93-3.93c.24-.18.24-.6 0-.78l-4.94-3.92c-.1-.08-.23-.13-.36-.12zm5.63 2.93l1.34 1.1c.1.07.18.2.2.33.02.16-.03.3-.16.4l-1.96 1.6c.02.07.06.13.06.22v4.47c0 .42-.3.72-.72.72h-2.66v-2.47c0-.3-.3-.53-.6-.47-.06.02-.12.05-.18.1l-4.94 3.93c-.24.18-.24.6 0 .78l4.94 3.92c.28.22.78-.02.78-.38v-2.5h2.66c4.27 0 3.65.67 3.65-3.62v-4.47c0-3.66.34-3.7-2.4-3.66zM13.06 57.66c-.23.03-.4.26-.4.5v2.47H7.28c-1.08 0-1.86-.04-2.4-.04-1.64 0-1.25.43-1.25 3.65v4.87l2.93-2.37v-2.5c0-.44.28-.72.72-.72h5.38v2.5c0 .36.5.6.78.38l4.94-3.93c.24-.18.24-.6 0-.78l-4.94-3.92c-.1-.1-.24-.14-.38-.12zm5.3 6.15l-2.92 2.4v2.52c0 .42-.3.72-.72.72h-5.4v-2.47c0-.3-.32-.53-.6-.47-.07.02-.13.05-.2.1L3.6 70.52c-.25.18-.25.6 0 .78l4.93 3.92c.28.22.78-.02.78-.38v-2.5h5.42c4.27 0 3.65.67 3.65-3.62v-4.47-.44zM19.25 78.8c-.1.03-.2.1-.28.17l-.9.9c-.44-.3-1.36-.25-3.35-.25H7.28c-1.08 0-1.86-.03-2.4-.03-1.64 0-1.25.43-1.25 3.65v.7l2.93.3v-1c0-.44.28-.72.72-.72h7.44c.2 0 .37.08.5.2l-1.8 1.8c-.25.26-.08.76.27.8l6.27.7c.28.03.56-.25.53-.53l-.7-6.25c0-.27-.3-.48-.55-.44zm-17.2 6.1c-.2.07-.36.3-.33.54l.7 6.25c.02.36.58.55.83.27l.8-.8c.02 0 .04-.02.04 0 .46.24 1.37.17 3.18.17h7.44c4.27 0 3.65.67 3.65-3.62v-.75l-2.93-.3v1.05c0 .42-.3.72-.72.72H7.28c-.15 0-.3-.03-.4-.1L8.8 86.4c.3-.24.1-.8-.27-.84l-6.28-.65h-.2zM4.88 98.6c-1.33 0-1.34.48-1.3 2.3l1.14-1.37c.08-.1.22-.17.34-.2.16 0 .34.08.44.2l1.66 2.03c.04 0 .07-.03.12-.03h7.44c.34 0 .57.2.65.5h-2.43c-.34.05-.53.52-.3.78l3.92 4.95c.18.24.6.24.78 0l3.94-4.94c.22-.27-.02-.76-.37-.77H18.4c.02-3.9.6-3.4-3.66-3.4H7.28c-1.08 0-1.86-.04-2.4-.04zm.15 2.46c-.1.03-.2.1-.28.2l-3.94 4.9c-.2.28.03.77.4.78H3.6c-.02 3.94-.45 3.4 3.66 3.4h7.44c3.65 0 3.74.3 3.7-2.25l-1.1 1.34c-.1.1-.2.17-.32.2-.16 0-.34-.08-.44-.2l-1.65-2.03c-.06.02-.1.04-.18.04H7.28c-.35 0-.57-.2-.66-.5h2.44c.37 0 .63-.5.4-.78l-3.96-4.9c-.1-.15-.3-.23-.47-.2zM4.88 117.6c-1.16 0-1.3.3-1.3 1.56l1.14-1.38c.08-.1.22-.14.34-.16.16 0 .34.04.44.16l2.22 2.75h7c.42 0 .72.28.72.72v.53h-2.6c-.3.1-.43.54-.2.78l3.92 4.9c.18.25.6.25.78 0l3.94-4.9c.22-.28-.02-.77-.37-.78H18.4v-.53c0-4.2.72-3.63-3.66-3.63H7.28c-1.08 0-1.86-.03-2.4-.03zm.1 1.74c-.1.03-.17.1-.23.16L.8 124.44c-.2.28.03.77.4.78H3.6v.5c0 4.26-.55 3.62 3.66 3.62h7.44c1.03 0 1.74.02 2.28 0-.16.02-.34-.03-.44-.15l-2.22-2.76H7.28c-.44 0-.72-.3-.72-.72v-.5h2.5c.37.02.63-.5.4-.78L5.5 119.5c-.12-.15-.34-.22-.53-.16zm12.02 10c1.2-.02 1.4-.25 1.4-1.53l-1.1 1.36c-.07.1-.17.17-.3.18zM5.94 136.6l2.37 2.93h6.42c.42 0 .72.28.72.72v1.25h-2.6c-.3.1-.43.54-.2.78l3.92 4.9c.18.25.6.25.78 0l3.94-4.9c.22-.28-.02-.77-.37-.78H18.4v-1.25c0-4.2.72-3.63-3.66-3.63H7.28c-.6 0-.92-.02-1.34-.03zm-1.72.06c-.4.08-.54.3-.6.75l.6-.74zm.84.93c-.12 0-.24.08-.3.18l-3.95 4.9c-.24.3 0 .83.4.82H3.6v1.22c0 4.26-.55 3.62 3.66 3.62h7.44c.63 0 .97.02 1.4.03l-2.37-2.93H7.28c-.44 0-.72-.3-.72-.72v-1.22h2.5c.4.04.67-.53.4-.8l-3.96-4.92c-.1-.13-.27-.2-.44-.2zm13.28 10.03l-.56.7c.36-.07.5-.3.56-.7zM17.13 155.6c-.55-.02-1.32.03-2.4.03h-8.2l2.38 2.9h5.82c.42 0 .72.28.72.72v1.97H12.9c-.32.06-.48.52-.28.78l3.94 4.94c.2.23.6.22.78-.03l3.94-4.9c.22-.28-.02-.77-.37-.78H18.4v-1.97c0-3.15.4-3.62-1.25-3.66zm-12.1.28c-.1.02-.2.1-.28.18l-3.94 4.9c-.2.3.03.78.4.8H3.6v1.96c0 4.26-.55 3.62 3.66 3.62h8.24l-2.36-2.9H7.28c-.44 0-.72-.3-.72-.72v-1.97h2.5c.37.02.63-.5.4-.78l-3.96-4.9c-.1-.15-.3-.22-.47-.2zM5.13 174.5c-.15 0-.3.07-.38.2L.8 179.6c-.24.27 0 .82.4.8H3.6v2.32c0 4.26-.55 3.62 3.66 3.62h7.94l-2.35-2.9h-5.6c-.43 0-.7-.3-.7-.72v-2.3h2.5c.38.03.66-.54.4-.83l-3.97-4.9c-.1-.13-.23-.2-.38-.2zm12 .1c-.55-.02-1.32.03-2.4.03H6.83l2.35 2.9h5.52c.42 0 .72.28.72.72v2.34h-2.6c-.3.1-.43.53-.2.78l3.92 4.9c.18.24.6.24.78 0l3.94-4.9c.22-.3-.02-.78-.37-.8H18.4v-2.33c0-3.15.4-3.62-1.25-3.66zM4.97 193.16c-.1.03-.17.1-.22.18l-3.94 4.9c-.2.3.03.78.4.8H3.6v2.68c0 4.26-.55 3.62 3.66 3.62h7.66l-2.3-2.84c-.03-.02-.03-.04-.05-.06H7.27c-.44 0-.72-.3-.72-.72v-2.7h2.5c.37.03.63-.48.4-.77l-3.96-4.9c-.12-.17-.34-.25-.53-.2zm12.16.43c-.55-.02-1.32.03-2.4.03H7.1l2.32 2.84.03.06h5.25c.42 0 .72.28.72.72v2.7h-2.5c-.36.02-.56.54-.3.8l3.92 4.9c.18.25.6.25.78 0l3.94-4.9c.26-.28 0-.83-.37-.8H18.4v-2.7c0-3.15.4-3.62-1.25-3.66z' fill='#{hex-color($highlight-text-color)}' stroke-width='0'/></svg>\");\n\n  &:hover {\n    background-image: url(\"data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='22' height='209'><path d='M4.97 3.16c-.1.03-.17.1-.22.18L.8 8.24c-.2.3.03.78.4.8H3.6v2.68c0 4.26-.55 3.62 3.66 3.62h7.66l-2.3-2.84c-.03-.02-.03-.04-.05-.06H7.27c-.44 0-.72-.3-.72-.72v-2.7h2.5c.37.03.63-.48.4-.77L5.5 3.35c-.12-.17-.34-.25-.53-.2zm12.16.43c-.55-.02-1.32.02-2.4.02H7.1l2.32 2.85.03.06h5.25c.42 0 .72.28.72.72v2.7h-2.5c-.36.02-.56.54-.3.8l3.92 4.9c.18.25.6.25.78 0l3.94-4.9c.26-.28 0-.83-.37-.8H18.4v-2.7c0-3.15.4-3.62-1.25-3.66z' fill='#{hex-color(lighten($action-button-color, 7%))}' stroke-width='0'/><path d='M7.78 19.66c-.24.02-.44.25-.44.5v2.46h-.06c-1.08 0-1.86-.03-2.4-.03-1.64 0-1.25.43-1.25 3.65v4.47c0 4.26-.56 3.62 3.65 3.62H8.5l-1.3-1.06c-.1-.08-.18-.2-.2-.3-.02-.17.06-.35.2-.45l1.33-1.1H7.28c-.44 0-.72-.3-.72-.7v-4.48c0-.44.28-.72.72-.72h.06v2.5c0 .38.54.63.82.38l4.9-3.93c.25-.18.25-.6 0-.78l-4.9-3.92c-.1-.1-.24-.14-.38-.12zm9.34 2.93c-.54-.02-1.3.02-2.4.02h-1.25l1.3 1.07c.1.07.18.2.2.33.02.16-.06.3-.2.4l-1.33 1.1h1.28c.42 0 .72.28.72.72v4.47c0 .42-.3.72-.72.72h-.1v-2.47c0-.3-.3-.53-.6-.47-.07 0-.14.05-.2.1l-4.9 3.93c-.26.18-.26.6 0 .78l4.9 3.92c.27.25.82 0 .8-.38v-2.5h.1c4.27 0 3.65.67 3.65-3.62v-4.47c0-3.15.4-3.62-1.25-3.66zM10.34 38.66c-.24.02-.44.25-.43.5v2.47H7.3c-1.08 0-1.86-.04-2.4-.04-1.64 0-1.25.43-1.25 3.65v4.47c0 3.66-.23 3.7 2.34 3.66l-1.34-1.1c-.1-.08-.18-.2-.2-.3 0-.17.07-.35.2-.45l1.96-1.6c-.03-.06-.04-.13-.04-.2v-4.48c0-.44.28-.72.72-.72H9.9v2.5c0 .36.5.6.8.38l4.93-3.93c.24-.18.24-.6 0-.78l-4.94-3.92c-.1-.08-.23-.13-.36-.12zm5.63 2.93l1.34 1.1c.1.07.18.2.2.33.02.16-.03.3-.16.4l-1.96 1.6c.02.07.06.13.06.22v4.47c0 .42-.3.72-.72.72h-2.66v-2.47c0-.3-.3-.53-.6-.47-.06.02-.12.05-.18.1l-4.94 3.93c-.24.18-.24.6 0 .78l4.94 3.92c.28.22.78-.02.78-.38v-2.5h2.66c4.27 0 3.65.67 3.65-3.62v-4.47c0-3.66.34-3.7-2.4-3.66zM13.06 57.66c-.23.03-.4.26-.4.5v2.47H7.28c-1.08 0-1.86-.04-2.4-.04-1.64 0-1.25.43-1.25 3.65v4.87l2.93-2.37v-2.5c0-.44.28-.72.72-.72h5.38v2.5c0 .36.5.6.78.38l4.94-3.93c.24-.18.24-.6 0-.78l-4.94-3.92c-.1-.1-.24-.14-.38-.12zm5.3 6.15l-2.92 2.4v2.52c0 .42-.3.72-.72.72h-5.4v-2.47c0-.3-.32-.53-.6-.47-.07.02-.13.05-.2.1L3.6 70.52c-.25.18-.25.6 0 .78l4.93 3.92c.28.22.78-.02.78-.38v-2.5h5.42c4.27 0 3.65.67 3.65-3.62v-4.47-.44zM19.25 78.8c-.1.03-.2.1-.28.17l-.9.9c-.44-.3-1.36-.25-3.35-.25H7.28c-1.08 0-1.86-.03-2.4-.03-1.64 0-1.25.43-1.25 3.65v.7l2.93.3v-1c0-.44.28-.72.72-.72h7.44c.2 0 .37.08.5.2l-1.8 1.8c-.25.26-.08.76.27.8l6.27.7c.28.03.56-.25.53-.53l-.7-6.25c0-.27-.3-.48-.55-.44zm-17.2 6.1c-.2.07-.36.3-.33.54l.7 6.25c.02.36.58.55.83.27l.8-.8c.02 0 .04-.02.04 0 .46.24 1.37.17 3.18.17h7.44c4.27 0 3.65.67 3.65-3.62v-.75l-2.93-.3v1.05c0 .42-.3.72-.72.72H7.28c-.15 0-.3-.03-.4-.1L8.8 86.4c.3-.24.1-.8-.27-.84l-6.28-.65h-.2zM4.88 98.6c-1.33 0-1.34.48-1.3 2.3l1.14-1.37c.08-.1.22-.17.34-.2.16 0 .34.08.44.2l1.66 2.03c.04 0 .07-.03.12-.03h7.44c.34 0 .57.2.65.5h-2.43c-.34.05-.53.52-.3.78l3.92 4.95c.18.24.6.24.78 0l3.94-4.94c.22-.27-.02-.76-.37-.77H18.4c.02-3.9.6-3.4-3.66-3.4H7.28c-1.08 0-1.86-.04-2.4-.04zm.15 2.46c-.1.03-.2.1-.28.2l-3.94 4.9c-.2.28.03.77.4.78H3.6c-.02 3.94-.45 3.4 3.66 3.4h7.44c3.65 0 3.74.3 3.7-2.25l-1.1 1.34c-.1.1-.2.17-.32.2-.16 0-.34-.08-.44-.2l-1.65-2.03c-.06.02-.1.04-.18.04H7.28c-.35 0-.57-.2-.66-.5h2.44c.37 0 .63-.5.4-.78l-3.96-4.9c-.1-.15-.3-.23-.47-.2zM4.88 117.6c-1.16 0-1.3.3-1.3 1.56l1.14-1.38c.08-.1.22-.14.34-.16.16 0 .34.04.44.16l2.22 2.75h7c.42 0 .72.28.72.72v.53h-2.6c-.3.1-.43.54-.2.78l3.92 4.9c.18.25.6.25.78 0l3.94-4.9c.22-.28-.02-.77-.37-.78H18.4v-.53c0-4.2.72-3.63-3.66-3.63H7.28c-1.08 0-1.86-.03-2.4-.03zm.1 1.74c-.1.03-.17.1-.23.16L.8 124.44c-.2.28.03.77.4.78H3.6v.5c0 4.26-.55 3.62 3.66 3.62h7.44c1.03 0 1.74.02 2.28 0-.16.02-.34-.03-.44-.15l-2.22-2.76H7.28c-.44 0-.72-.3-.72-.72v-.5h2.5c.37.02.63-.5.4-.78L5.5 119.5c-.12-.15-.34-.22-.53-.16zm12.02 10c1.2-.02 1.4-.25 1.4-1.53l-1.1 1.36c-.07.1-.17.17-.3.18zM5.94 136.6l2.37 2.93h6.42c.42 0 .72.28.72.72v1.25h-2.6c-.3.1-.43.54-.2.78l3.92 4.9c.18.25.6.25.78 0l3.94-4.9c.22-.28-.02-.77-.37-.78H18.4v-1.25c0-4.2.72-3.63-3.66-3.63H7.28c-.6 0-.92-.02-1.34-.03zm-1.72.06c-.4.08-.54.3-.6.75l.6-.74zm.84.93c-.12 0-.24.08-.3.18l-3.95 4.9c-.24.3 0 .83.4.82H3.6v1.22c0 4.26-.55 3.62 3.66 3.62h7.44c.63 0 .97.02 1.4.03l-2.37-2.93H7.28c-.44 0-.72-.3-.72-.72v-1.22h2.5c.4.04.67-.53.4-.8l-3.96-4.92c-.1-.13-.27-.2-.44-.2zm13.28 10.03l-.56.7c.36-.07.5-.3.56-.7zM17.13 155.6c-.55-.02-1.32.03-2.4.03h-8.2l2.38 2.9h5.82c.42 0 .72.28.72.72v1.97H12.9c-.32.06-.48.52-.28.78l3.94 4.94c.2.23.6.22.78-.03l3.94-4.9c.22-.28-.02-.77-.37-.78H18.4v-1.97c0-3.15.4-3.62-1.25-3.66zm-12.1.28c-.1.02-.2.1-.28.18l-3.94 4.9c-.2.3.03.78.4.8H3.6v1.96c0 4.26-.55 3.62 3.66 3.62h8.24l-2.36-2.9H7.28c-.44 0-.72-.3-.72-.72v-1.97h2.5c.37.02.63-.5.4-.78l-3.96-4.9c-.1-.15-.3-.22-.47-.2zM5.13 174.5c-.15 0-.3.07-.38.2L.8 179.6c-.24.27 0 .82.4.8H3.6v2.32c0 4.26-.55 3.62 3.66 3.62h7.94l-2.35-2.9h-5.6c-.43 0-.7-.3-.7-.72v-2.3h2.5c.38.03.66-.54.4-.83l-3.97-4.9c-.1-.13-.23-.2-.38-.2zm12 .1c-.55-.02-1.32.03-2.4.03H6.83l2.35 2.9h5.52c.42 0 .72.28.72.72v2.34h-2.6c-.3.1-.43.53-.2.78l3.92 4.9c.18.24.6.24.78 0l3.94-4.9c.22-.3-.02-.78-.37-.8H18.4v-2.33c0-3.15.4-3.62-1.25-3.66zM4.97 193.16c-.1.03-.17.1-.22.18l-3.94 4.9c-.2.3.03.78.4.8H3.6v2.68c0 4.26-.55 3.62 3.66 3.62h7.66l-2.3-2.84c-.03-.02-.03-.04-.05-.06H7.27c-.44 0-.72-.3-.72-.72v-2.7h2.5c.37.03.63-.48.4-.77l-3.96-4.9c-.12-.17-.34-.25-.53-.2zm12.16.43c-.55-.02-1.32.03-2.4.03H7.1l2.32 2.84.03.06h5.25c.42 0 .72.28.72.72v2.7h-2.5c-.36.02-.56.54-.3.8l3.92 4.9c.18.25.6.25.78 0l3.94-4.9c.26-.28 0-.83-.37-.8H18.4v-2.7c0-3.15.4-3.62-1.25-3.66z' fill='#{hex-color($highlight-text-color)}' stroke-width='0'/></svg>\");\n  }\n}\n\nbutton.icon-button.disabled i.fa-retweet {\n  background-image: url(\"data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='22' height='209'><path d='M4.97 3.16c-.1.03-.17.1-.22.18L.8 8.24c-.2.3.03.78.4.8H3.6v2.68c0 4.26-.55 3.62 3.66 3.62h7.66l-2.3-2.84c-.03-.02-.03-.04-.05-.06H7.27c-.44 0-.72-.3-.72-.72v-2.7h2.5c.37.03.63-.48.4-.77L5.5 3.35c-.12-.17-.34-.25-.53-.2zm12.16.43c-.55-.02-1.32.02-2.4.02H7.1l2.32 2.85.03.06h5.25c.42 0 .72.28.72.72v2.7h-2.5c-.36.02-.56.54-.3.8l3.92 4.9c.18.25.6.25.78 0l3.94-4.9c.26-.28 0-.83-.37-.8H18.4v-2.7c0-3.15.4-3.62-1.25-3.66z' fill='#{hex-color(darken($action-button-color, 13%))}' stroke-width='0'/><path d='M7.78 19.66c-.24.02-.44.25-.44.5v2.46h-.06c-1.08 0-1.86-.03-2.4-.03-1.64 0-1.25.43-1.25 3.65v4.47c0 4.26-.56 3.62 3.65 3.62H8.5l-1.3-1.06c-.1-.08-.18-.2-.2-.3-.02-.17.06-.35.2-.45l1.33-1.1H7.28c-.44 0-.72-.3-.72-.7v-4.48c0-.44.28-.72.72-.72h.06v2.5c0 .38.54.63.82.38l4.9-3.93c.25-.18.25-.6 0-.78l-4.9-3.92c-.1-.1-.24-.14-.38-.12zm9.34 2.93c-.54-.02-1.3.02-2.4.02h-1.25l1.3 1.07c.1.07.18.2.2.33.02.16-.06.3-.2.4l-1.33 1.1h1.28c.42 0 .72.28.72.72v4.47c0 .42-.3.72-.72.72h-.1v-2.47c0-.3-.3-.53-.6-.47-.07 0-.14.05-.2.1l-4.9 3.93c-.26.18-.26.6 0 .78l4.9 3.92c.27.25.82 0 .8-.38v-2.5h.1c4.27 0 3.65.67 3.65-3.62v-4.47c0-3.15.4-3.62-1.25-3.66zM10.34 38.66c-.24.02-.44.25-.43.5v2.47H7.3c-1.08 0-1.86-.04-2.4-.04-1.64 0-1.25.43-1.25 3.65v4.47c0 3.66-.23 3.7 2.34 3.66l-1.34-1.1c-.1-.08-.18-.2-.2-.3 0-.17.07-.35.2-.45l1.96-1.6c-.03-.06-.04-.13-.04-.2v-4.48c0-.44.28-.72.72-.72H9.9v2.5c0 .36.5.6.8.38l4.93-3.93c.24-.18.24-.6 0-.78l-4.94-3.92c-.1-.08-.23-.13-.36-.12zm5.63 2.93l1.34 1.1c.1.07.18.2.2.33.02.16-.03.3-.16.4l-1.96 1.6c.02.07.06.13.06.22v4.47c0 .42-.3.72-.72.72h-2.66v-2.47c0-.3-.3-.53-.6-.47-.06.02-.12.05-.18.1l-4.94 3.93c-.24.18-.24.6 0 .78l4.94 3.92c.28.22.78-.02.78-.38v-2.5h2.66c4.27 0 3.65.67 3.65-3.62v-4.47c0-3.66.34-3.7-2.4-3.66zM13.06 57.66c-.23.03-.4.26-.4.5v2.47H7.28c-1.08 0-1.86-.04-2.4-.04-1.64 0-1.25.43-1.25 3.65v4.87l2.93-2.37v-2.5c0-.44.28-.72.72-.72h5.38v2.5c0 .36.5.6.78.38l4.94-3.93c.24-.18.24-.6 0-.78l-4.94-3.92c-.1-.1-.24-.14-.38-.12zm5.3 6.15l-2.92 2.4v2.52c0 .42-.3.72-.72.72h-5.4v-2.47c0-.3-.32-.53-.6-.47-.07.02-.13.05-.2.1L3.6 70.52c-.25.18-.25.6 0 .78l4.93 3.92c.28.22.78-.02.78-.38v-2.5h5.42c4.27 0 3.65.67 3.65-3.62v-4.47-.44zM19.25 78.8c-.1.03-.2.1-.28.17l-.9.9c-.44-.3-1.36-.25-3.35-.25H7.28c-1.08 0-1.86-.03-2.4-.03-1.64 0-1.25.43-1.25 3.65v.7l2.93.3v-1c0-.44.28-.72.72-.72h7.44c.2 0 .37.08.5.2l-1.8 1.8c-.25.26-.08.76.27.8l6.27.7c.28.03.56-.25.53-.53l-.7-6.25c0-.27-.3-.48-.55-.44zm-17.2 6.1c-.2.07-.36.3-.33.54l.7 6.25c.02.36.58.55.83.27l.8-.8c.02 0 .04-.02.04 0 .46.24 1.37.17 3.18.17h7.44c4.27 0 3.65.67 3.65-3.62v-.75l-2.93-.3v1.05c0 .42-.3.72-.72.72H7.28c-.15 0-.3-.03-.4-.1L8.8 86.4c.3-.24.1-.8-.27-.84l-6.28-.65h-.2zM4.88 98.6c-1.33 0-1.34.48-1.3 2.3l1.14-1.37c.08-.1.22-.17.34-.2.16 0 .34.08.44.2l1.66 2.03c.04 0 .07-.03.12-.03h7.44c.34 0 .57.2.65.5h-2.43c-.34.05-.53.52-.3.78l3.92 4.95c.18.24.6.24.78 0l3.94-4.94c.22-.27-.02-.76-.37-.77H18.4c.02-3.9.6-3.4-3.66-3.4H7.28c-1.08 0-1.86-.04-2.4-.04zm.15 2.46c-.1.03-.2.1-.28.2l-3.94 4.9c-.2.28.03.77.4.78H3.6c-.02 3.94-.45 3.4 3.66 3.4h7.44c3.65 0 3.74.3 3.7-2.25l-1.1 1.34c-.1.1-.2.17-.32.2-.16 0-.34-.08-.44-.2l-1.65-2.03c-.06.02-.1.04-.18.04H7.28c-.35 0-.57-.2-.66-.5h2.44c.37 0 .63-.5.4-.78l-3.96-4.9c-.1-.15-.3-.23-.47-.2zM4.88 117.6c-1.16 0-1.3.3-1.3 1.56l1.14-1.38c.08-.1.22-.14.34-.16.16 0 .34.04.44.16l2.22 2.75h7c.42 0 .72.28.72.72v.53h-2.6c-.3.1-.43.54-.2.78l3.92 4.9c.18.25.6.25.78 0l3.94-4.9c.22-.28-.02-.77-.37-.78H18.4v-.53c0-4.2.72-3.63-3.66-3.63H7.28c-1.08 0-1.86-.03-2.4-.03zm.1 1.74c-.1.03-.17.1-.23.16L.8 124.44c-.2.28.03.77.4.78H3.6v.5c0 4.26-.55 3.62 3.66 3.62h7.44c1.03 0 1.74.02 2.28 0-.16.02-.34-.03-.44-.15l-2.22-2.76H7.28c-.44 0-.72-.3-.72-.72v-.5h2.5c.37.02.63-.5.4-.78L5.5 119.5c-.12-.15-.34-.22-.53-.16zm12.02 10c1.2-.02 1.4-.25 1.4-1.53l-1.1 1.36c-.07.1-.17.17-.3.18zM5.94 136.6l2.37 2.93h6.42c.42 0 .72.28.72.72v1.25h-2.6c-.3.1-.43.54-.2.78l3.92 4.9c.18.25.6.25.78 0l3.94-4.9c.22-.28-.02-.77-.37-.78H18.4v-1.25c0-4.2.72-3.63-3.66-3.63H7.28c-.6 0-.92-.02-1.34-.03zm-1.72.06c-.4.08-.54.3-.6.75l.6-.74zm.84.93c-.12 0-.24.08-.3.18l-3.95 4.9c-.24.3 0 .83.4.82H3.6v1.22c0 4.26-.55 3.62 3.66 3.62h7.44c.63 0 .97.02 1.4.03l-2.37-2.93H7.28c-.44 0-.72-.3-.72-.72v-1.22h2.5c.4.04.67-.53.4-.8l-3.96-4.92c-.1-.13-.27-.2-.44-.2zm13.28 10.03l-.56.7c.36-.07.5-.3.56-.7zM17.13 155.6c-.55-.02-1.32.03-2.4.03h-8.2l2.38 2.9h5.82c.42 0 .72.28.72.72v1.97H12.9c-.32.06-.48.52-.28.78l3.94 4.94c.2.23.6.22.78-.03l3.94-4.9c.22-.28-.02-.77-.37-.78H18.4v-1.97c0-3.15.4-3.62-1.25-3.66zm-12.1.28c-.1.02-.2.1-.28.18l-3.94 4.9c-.2.3.03.78.4.8H3.6v1.96c0 4.26-.55 3.62 3.66 3.62h8.24l-2.36-2.9H7.28c-.44 0-.72-.3-.72-.72v-1.97h2.5c.37.02.63-.5.4-.78l-3.96-4.9c-.1-.15-.3-.22-.47-.2zM5.13 174.5c-.15 0-.3.07-.38.2L.8 179.6c-.24.27 0 .82.4.8H3.6v2.32c0 4.26-.55 3.62 3.66 3.62h7.94l-2.35-2.9h-5.6c-.43 0-.7-.3-.7-.72v-2.3h2.5c.38.03.66-.54.4-.83l-3.97-4.9c-.1-.13-.23-.2-.38-.2zm12 .1c-.55-.02-1.32.03-2.4.03H6.83l2.35 2.9h5.52c.42 0 .72.28.72.72v2.34h-2.6c-.3.1-.43.53-.2.78l3.92 4.9c.18.24.6.24.78 0l3.94-4.9c.22-.3-.02-.78-.37-.8H18.4v-2.33c0-3.15.4-3.62-1.25-3.66zM4.97 193.16c-.1.03-.17.1-.22.18l-3.94 4.9c-.2.3.03.78.4.8H3.6v2.68c0 4.26-.55 3.62 3.66 3.62h7.66l-2.3-2.84c-.03-.02-.03-.04-.05-.06H7.27c-.44 0-.72-.3-.72-.72v-2.7h2.5c.37.03.63-.48.4-.77l-3.96-4.9c-.12-.17-.34-.25-.53-.2zm12.16.43c-.55-.02-1.32.03-2.4.03H7.1l2.32 2.84.03.06h5.25c.42 0 .72.28.72.72v2.7h-2.5c-.36.02-.56.54-.3.8l3.92 4.9c.18.25.6.25.78 0l3.94-4.9c.26-.28 0-.83-.37-.8H18.4v-2.7c0-3.15.4-3.62-1.25-3.66z' fill='#{hex-color($highlight-text-color)}' stroke-width='0'/></svg>\");\n}\n",".app-body {\n  -webkit-overflow-scrolling: touch;\n  -ms-overflow-style: -ms-autohiding-scrollbar;\n}\n\n.animated-number {\n  display: inline-flex;\n  flex-direction: column;\n  align-items: stretch;\n  overflow: hidden;\n  position: relative;\n}\n\n.link-button {\n  display: block;\n  font-size: 15px;\n  line-height: 20px;\n  color: $ui-highlight-color;\n  border: 0;\n  background: transparent;\n  padding: 0;\n  cursor: pointer;\n\n  &:hover,\n  &:active {\n    text-decoration: underline;\n  }\n\n  &:disabled {\n    color: $ui-primary-color;\n    cursor: default;\n  }\n}\n\n.button {\n  background-color: $ui-highlight-color;\n  border: 10px none;\n  border-radius: 4px;\n  box-sizing: border-box;\n  color: $primary-text-color;\n  cursor: pointer;\n  display: inline-block;\n  font-family: inherit;\n  font-size: 14px;\n  font-weight: 500;\n  height: 36px;\n  letter-spacing: 0;\n  line-height: 36px;\n  overflow: hidden;\n  padding: 0 16px;\n  position: relative;\n  text-align: center;\n  text-transform: uppercase;\n  text-decoration: none;\n  text-overflow: ellipsis;\n  transition: all 100ms ease-in;\n  white-space: nowrap;\n  width: auto;\n\n  &:active,\n  &:focus,\n  &:hover {\n    background-color: lighten($ui-highlight-color, 10%);\n    transition: all 200ms ease-out;\n  }\n\n  &--destructive {\n    transition: none;\n\n    &:active,\n    &:focus,\n    &:hover {\n      background-color: $error-red;\n      transition: none;\n    }\n  }\n\n  &:disabled,\n  &.disabled {\n    background-color: $ui-primary-color;\n    cursor: default;\n  }\n\n  &::-moz-focus-inner {\n    border: 0;\n  }\n\n  &::-moz-focus-inner,\n  &:focus,\n  &:active {\n    outline: 0 !important;\n  }\n\n  &.button-primary,\n  &.button-alternative,\n  &.button-secondary,\n  &.button-alternative-2 {\n    font-size: 16px;\n    line-height: 36px;\n    height: auto;\n    text-transform: none;\n    padding: 4px 16px;\n  }\n\n  &.button-alternative {\n    color: $inverted-text-color;\n    background: $ui-primary-color;\n\n    &:active,\n    &:focus,\n    &:hover {\n      background-color: lighten($ui-primary-color, 4%);\n    }\n  }\n\n  &.button-alternative-2 {\n    background: $ui-base-lighter-color;\n\n    &:active,\n    &:focus,\n    &:hover {\n      background-color: lighten($ui-base-lighter-color, 4%);\n    }\n  }\n\n  &.button-secondary {\n    color: $darker-text-color;\n    background: transparent;\n    padding: 3px 15px;\n    border: 1px solid $ui-primary-color;\n\n    &:active,\n    &:focus,\n    &:hover {\n      border-color: lighten($ui-primary-color, 4%);\n      color: lighten($darker-text-color, 4%);\n    }\n\n    &:disabled {\n      opacity: 0.5;\n    }\n  }\n\n  &.button--block {\n    display: block;\n    width: 100%;\n  }\n}\n\n.column__wrapper {\n  display: flex;\n  flex: 1 1 auto;\n  position: relative;\n}\n\n.icon-button {\n  display: inline-block;\n  padding: 0;\n  color: $action-button-color;\n  border: 0;\n  border-radius: 4px;\n  background: transparent;\n  cursor: pointer;\n  transition: all 100ms ease-in;\n  transition-property: background-color, color;\n\n  &:hover,\n  &:active,\n  &:focus {\n    color: lighten($action-button-color, 7%);\n    background-color: rgba($action-button-color, 0.15);\n    transition: all 200ms ease-out;\n    transition-property: background-color, color;\n  }\n\n  &:focus {\n    background-color: rgba($action-button-color, 0.3);\n  }\n\n  &.disabled {\n    color: darken($action-button-color, 13%);\n    background-color: transparent;\n    cursor: default;\n  }\n\n  &.active {\n    color: $highlight-text-color;\n  }\n\n  &::-moz-focus-inner {\n    border: 0;\n  }\n\n  &::-moz-focus-inner,\n  &:focus,\n  &:active {\n    outline: 0 !important;\n  }\n\n  &.inverted {\n    color: $lighter-text-color;\n\n    &:hover,\n    &:active,\n    &:focus {\n      color: darken($lighter-text-color, 7%);\n      background-color: rgba($lighter-text-color, 0.15);\n    }\n\n    &:focus {\n      background-color: rgba($lighter-text-color, 0.3);\n    }\n\n    &.disabled {\n      color: lighten($lighter-text-color, 7%);\n      background-color: transparent;\n    }\n\n    &.active {\n      color: $highlight-text-color;\n\n      &.disabled {\n        color: lighten($highlight-text-color, 13%);\n      }\n    }\n  }\n\n  &.overlayed {\n    box-sizing: content-box;\n    background: rgba($base-overlay-background, 0.6);\n    color: rgba($primary-text-color, 0.7);\n    border-radius: 4px;\n    padding: 2px;\n\n    &:hover {\n      background: rgba($base-overlay-background, 0.9);\n    }\n  }\n}\n\n.text-icon-button {\n  color: $lighter-text-color;\n  border: 0;\n  border-radius: 4px;\n  background: transparent;\n  cursor: pointer;\n  font-weight: 600;\n  font-size: 11px;\n  padding: 0 3px;\n  line-height: 27px;\n  outline: 0;\n  transition: all 100ms ease-in;\n  transition-property: background-color, color;\n\n  &:hover,\n  &:active,\n  &:focus {\n    color: darken($lighter-text-color, 7%);\n    background-color: rgba($lighter-text-color, 0.15);\n    transition: all 200ms ease-out;\n    transition-property: background-color, color;\n  }\n\n  &:focus {\n    background-color: rgba($lighter-text-color, 0.3);\n  }\n\n  &.disabled {\n    color: lighten($lighter-text-color, 20%);\n    background-color: transparent;\n    cursor: default;\n  }\n\n  &.active {\n    color: $highlight-text-color;\n  }\n\n  &::-moz-focus-inner {\n    border: 0;\n  }\n\n  &::-moz-focus-inner,\n  &:focus,\n  &:active {\n    outline: 0 !important;\n  }\n}\n\n.dropdown-menu {\n  position: absolute;\n}\n\n.invisible {\n  font-size: 0;\n  line-height: 0;\n  display: inline-block;\n  width: 0;\n  height: 0;\n  position: absolute;\n\n  img,\n  svg {\n    margin: 0 !important;\n    border: 0 !important;\n    padding: 0 !important;\n    width: 0 !important;\n    height: 0 !important;\n  }\n}\n\n.ellipsis {\n  &::after {\n    content: \"…\";\n  }\n}\n\n.compose-form {\n  padding: 10px;\n\n  &__sensitive-button {\n    padding: 10px;\n    padding-top: 0;\n\n    font-size: 14px;\n    font-weight: 500;\n\n    &.active {\n      color: $highlight-text-color;\n    }\n\n    input[type=checkbox] {\n      display: none;\n    }\n\n    .checkbox {\n      display: inline-block;\n      position: relative;\n      border: 1px solid $ui-primary-color;\n      box-sizing: border-box;\n      width: 18px;\n      height: 18px;\n      flex: 0 0 auto;\n      margin-right: 10px;\n      top: -1px;\n      border-radius: 4px;\n      vertical-align: middle;\n\n      &.active {\n        border-color: $highlight-text-color;\n        background: $highlight-text-color;\n      }\n    }\n  }\n\n  .compose-form__warning {\n    color: $inverted-text-color;\n    margin-bottom: 10px;\n    background: $ui-primary-color;\n    box-shadow: 0 2px 6px rgba($base-shadow-color, 0.3);\n    padding: 8px 10px;\n    border-radius: 4px;\n    font-size: 13px;\n    font-weight: 400;\n\n    strong {\n      color: $inverted-text-color;\n      font-weight: 500;\n\n      @each $lang in $cjk-langs {\n        &:lang(#{$lang}) {\n          font-weight: 700;\n        }\n      }\n    }\n\n    a {\n      color: $lighter-text-color;\n      font-weight: 500;\n      text-decoration: underline;\n\n      &:hover,\n      &:active,\n      &:focus {\n        text-decoration: none;\n      }\n    }\n  }\n\n  .emoji-picker-dropdown {\n    position: absolute;\n    top: 0;\n    right: 0;\n  }\n\n  .compose-form__autosuggest-wrapper {\n    position: relative;\n  }\n\n  .autosuggest-textarea,\n  .autosuggest-input,\n  .spoiler-input {\n    position: relative;\n    width: 100%;\n  }\n\n  .spoiler-input {\n    height: 0;\n    transform-origin: bottom;\n    opacity: 0;\n\n    &.spoiler-input--visible {\n      height: 36px;\n      margin-bottom: 11px;\n      opacity: 1;\n    }\n  }\n\n  .autosuggest-textarea__textarea,\n  .spoiler-input__input {\n    display: block;\n    box-sizing: border-box;\n    width: 100%;\n    margin: 0;\n    color: $inverted-text-color;\n    background: $simple-background-color;\n    padding: 10px;\n    font-family: inherit;\n    font-size: 14px;\n    resize: vertical;\n    border: 0;\n    outline: 0;\n\n    &::placeholder {\n      color: $dark-text-color;\n    }\n\n    &:focus {\n      outline: 0;\n    }\n\n    @media screen and (max-width: 600px) {\n      font-size: 16px;\n    }\n  }\n\n  .spoiler-input__input {\n    border-radius: 4px;\n  }\n\n  .autosuggest-textarea__textarea {\n    min-height: 100px;\n    border-radius: 4px 4px 0 0;\n    padding-bottom: 0;\n    padding-right: 10px + 22px;\n    resize: none;\n    scrollbar-color: initial;\n\n    &::-webkit-scrollbar {\n      all: unset;\n    }\n\n    @media screen and (max-width: 600px) {\n      height: 100px !important; // prevent auto-resize textarea\n      resize: vertical;\n    }\n  }\n\n  .autosuggest-textarea__suggestions-wrapper {\n    position: relative;\n    height: 0;\n  }\n\n  .autosuggest-textarea__suggestions {\n    box-sizing: border-box;\n    display: none;\n    position: absolute;\n    top: 100%;\n    width: 100%;\n    z-index: 99;\n    box-shadow: 4px 4px 6px rgba($base-shadow-color, 0.4);\n    background: $ui-secondary-color;\n    border-radius: 0 0 4px 4px;\n    color: $inverted-text-color;\n    font-size: 14px;\n    padding: 6px;\n\n    &.autosuggest-textarea__suggestions--visible {\n      display: block;\n    }\n  }\n\n  .autosuggest-textarea__suggestions__item {\n    padding: 10px;\n    cursor: pointer;\n    border-radius: 4px;\n\n    &:hover,\n    &:focus,\n    &:active,\n    &.selected {\n      background: darken($ui-secondary-color, 10%);\n    }\n  }\n\n  .autosuggest-account,\n  .autosuggest-emoji,\n  .autosuggest-hashtag {\n    display: flex;\n    flex-direction: row;\n    align-items: center;\n    justify-content: flex-start;\n    line-height: 18px;\n    font-size: 14px;\n  }\n\n  .autosuggest-hashtag {\n    justify-content: space-between;\n\n    &__name {\n      flex: 1 1 auto;\n      overflow: hidden;\n      text-overflow: ellipsis;\n      white-space: nowrap;\n    }\n\n    strong {\n      font-weight: 500;\n    }\n\n    &__uses {\n      flex: 0 0 auto;\n      text-align: right;\n      overflow: hidden;\n      text-overflow: ellipsis;\n      white-space: nowrap;\n    }\n  }\n\n  .autosuggest-account-icon,\n  .autosuggest-emoji img {\n    display: block;\n    margin-right: 8px;\n    width: 16px;\n    height: 16px;\n  }\n\n  .autosuggest-account .display-name__account {\n    color: $lighter-text-color;\n  }\n\n  .compose-form__modifiers {\n    color: $inverted-text-color;\n    font-family: inherit;\n    font-size: 14px;\n    background: $simple-background-color;\n\n    .compose-form__upload-wrapper {\n      overflow: hidden;\n    }\n\n    .compose-form__uploads-wrapper {\n      display: flex;\n      flex-direction: row;\n      padding: 5px;\n      flex-wrap: wrap;\n    }\n\n    .compose-form__upload {\n      flex: 1 1 0;\n      min-width: 40%;\n      margin: 5px;\n\n      &__actions {\n        background: linear-gradient(180deg, rgba($base-shadow-color, 0.8) 0, rgba($base-shadow-color, 0.35) 80%, transparent);\n        display: flex;\n        align-items: flex-start;\n        justify-content: space-between;\n        opacity: 0;\n        transition: opacity .1s ease;\n\n        .icon-button {\n          flex: 0 1 auto;\n          color: $secondary-text-color;\n          font-size: 14px;\n          font-weight: 500;\n          padding: 10px;\n          font-family: inherit;\n\n          &:hover,\n          &:focus,\n          &:active {\n            color: lighten($secondary-text-color, 7%);\n          }\n        }\n\n        &.active {\n          opacity: 1;\n        }\n      }\n\n      &-description {\n        position: absolute;\n        z-index: 2;\n        bottom: 0;\n        left: 0;\n        right: 0;\n        box-sizing: border-box;\n        background: linear-gradient(0deg, rgba($base-shadow-color, 0.8) 0, rgba($base-shadow-color, 0.35) 80%, transparent);\n        padding: 10px;\n        opacity: 0;\n        transition: opacity .1s ease;\n\n        textarea {\n          background: transparent;\n          color: $secondary-text-color;\n          border: 0;\n          padding: 0;\n          margin: 0;\n          width: 100%;\n          font-family: inherit;\n          font-size: 14px;\n          font-weight: 500;\n\n          &:focus {\n            color: $white;\n          }\n\n          &::placeholder {\n            opacity: 0.75;\n            color: $secondary-text-color;\n          }\n        }\n\n        &.active {\n          opacity: 1;\n        }\n      }\n    }\n\n    .compose-form__upload-thumbnail {\n      border-radius: 4px;\n      background-color: $base-shadow-color;\n      background-position: center;\n      background-size: cover;\n      background-repeat: no-repeat;\n      height: 140px;\n      width: 100%;\n      overflow: hidden;\n    }\n  }\n\n  .compose-form__buttons-wrapper {\n    padding: 10px;\n    background: darken($simple-background-color, 8%);\n    border-radius: 0 0 4px 4px;\n    display: flex;\n    justify-content: space-between;\n    flex: 0 0 auto;\n\n    .compose-form__buttons {\n      display: flex;\n\n      .compose-form__upload-button-icon {\n        line-height: 27px;\n      }\n\n      .compose-form__sensitive-button {\n        display: none;\n\n        &.compose-form__sensitive-button--visible {\n          display: block;\n        }\n\n        .compose-form__sensitive-button__icon {\n          line-height: 27px;\n        }\n      }\n    }\n\n    .icon-button,\n    .text-icon-button {\n      box-sizing: content-box;\n      padding: 0 3px;\n    }\n\n    .character-counter__wrapper {\n      align-self: center;\n      margin-right: 4px;\n    }\n  }\n\n  .compose-form__publish {\n    display: flex;\n    justify-content: flex-end;\n    min-width: 0;\n    flex: 0 0 auto;\n\n    .compose-form__publish-button-wrapper {\n      overflow: hidden;\n      padding-top: 10px;\n    }\n  }\n}\n\n.character-counter {\n  cursor: default;\n  font-family: $font-sans-serif, sans-serif;\n  font-size: 14px;\n  font-weight: 600;\n  color: $lighter-text-color;\n\n  &.character-counter--over {\n    color: $warning-red;\n  }\n}\n\n.no-reduce-motion .spoiler-input {\n  transition: height 0.4s ease, opacity 0.4s ease;\n}\n\n.emojione {\n  font-size: inherit;\n  vertical-align: middle;\n  object-fit: contain;\n  margin: -.2ex .15em .2ex;\n  width: 16px;\n  height: 16px;\n\n  img {\n    width: auto;\n  }\n}\n\n.reply-indicator {\n  border-radius: 4px;\n  margin-bottom: 10px;\n  background: $ui-primary-color;\n  padding: 10px;\n  min-height: 23px;\n  overflow-y: auto;\n  flex: 0 2 auto;\n}\n\n.reply-indicator__header {\n  margin-bottom: 5px;\n  overflow: hidden;\n}\n\n.reply-indicator__cancel {\n  float: right;\n  line-height: 24px;\n}\n\n.reply-indicator__display-name {\n  color: $inverted-text-color;\n  display: block;\n  max-width: 100%;\n  line-height: 24px;\n  overflow: hidden;\n  padding-right: 25px;\n  text-decoration: none;\n}\n\n.reply-indicator__display-avatar {\n  float: left;\n  margin-right: 5px;\n}\n\n.status__content--with-action {\n  cursor: pointer;\n}\n\n.status__content,\n.reply-indicator__content {\n  position: relative;\n  font-size: 15px;\n  line-height: 20px;\n  word-wrap: break-word;\n  font-weight: 400;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  padding-top: 2px;\n  color: $primary-text-color;\n\n  &:focus {\n    outline: 0;\n  }\n\n  &.status__content--with-spoiler {\n    white-space: normal;\n\n    .status__content__text {\n      white-space: pre-wrap;\n    }\n  }\n\n  .emojione {\n    width: 20px;\n    height: 20px;\n    margin: -3px 0 0;\n  }\n\n  img {\n    max-width: 100%;\n    max-height: 400px;\n    object-fit: contain;\n  }\n\n  p {\n    margin-bottom: 20px;\n    white-space: pre-wrap;\n\n    &:last-child {\n      margin-bottom: 0;\n    }\n  }\n\n  a {\n    color: $pleroma-links;\n    text-decoration: none;\n\n    &:hover {\n      text-decoration: underline;\n\n      .fa {\n        color: lighten($dark-text-color, 7%);\n      }\n    }\n\n    &.mention {\n      &:hover {\n        text-decoration: none;\n\n        span {\n          text-decoration: underline;\n        }\n      }\n    }\n\n    .fa {\n      color: $dark-text-color;\n    }\n  }\n\n  a.unhandled-link {\n    color: lighten($ui-highlight-color, 8%);\n  }\n\n  .status__content__spoiler-link {\n    background: $action-button-color;\n\n    &:hover {\n      background: lighten($action-button-color, 7%);\n      text-decoration: none;\n    }\n\n    &::-moz-focus-inner {\n      border: 0;\n    }\n\n    &::-moz-focus-inner,\n    &:focus,\n    &:active {\n      outline: 0 !important;\n    }\n  }\n\n  .status__content__text {\n    display: none;\n\n    &.status__content__text--visible {\n      display: block;\n    }\n  }\n}\n\n.announcements__item__content {\n  word-wrap: break-word;\n  overflow-y: auto;\n\n  .emojione {\n    width: 20px;\n    height: 20px;\n    margin: -3px 0 0;\n  }\n\n  p {\n    margin-bottom: 10px;\n    white-space: pre-wrap;\n\n    &:last-child {\n      margin-bottom: 0;\n    }\n  }\n\n  a {\n    color: $secondary-text-color;\n    text-decoration: none;\n\n    &:hover {\n      text-decoration: underline;\n    }\n\n    &.mention {\n      &:hover {\n        text-decoration: none;\n\n        span {\n          text-decoration: underline;\n        }\n      }\n    }\n\n    &.unhandled-link {\n      color: lighten($ui-highlight-color, 8%);\n    }\n  }\n}\n\n.status__content.status__content--collapsed {\n  max-height: 20px * 15; // 15 lines is roughly above 500 characters\n}\n\n.status__content__read-more-button {\n  display: block;\n  font-size: 15px;\n  line-height: 20px;\n  color: lighten($ui-highlight-color, 8%);\n  border: 0;\n  background: transparent;\n  padding: 0;\n  padding-top: 8px;\n  text-decoration: none;\n\n  &:hover,\n  &:active {\n    text-decoration: underline;\n  }\n}\n\n.status__content__spoiler-link {\n  display: inline-block;\n  border-radius: 2px;\n  background: transparent;\n  border: 0;\n  color: $inverted-text-color;\n  font-weight: 700;\n  font-size: 11px;\n  padding: 0 6px;\n  text-transform: uppercase;\n  line-height: 20px;\n  cursor: pointer;\n  vertical-align: middle;\n}\n\n.status__wrapper--filtered {\n  color: $dark-text-color;\n  border: 0;\n  font-size: inherit;\n  text-align: center;\n  line-height: inherit;\n  margin: 0;\n  padding: 15px;\n  box-sizing: border-box;\n  width: 100%;\n  clear: both;\n  border-bottom: 1px solid lighten($ui-base-color, 8%);\n}\n\n.status__prepend-icon-wrapper {\n  left: -26px;\n  position: absolute;\n}\n\n.focusable {\n  &:focus {\n    outline: 0;\n    background: lighten($ui-base-color, 4%);\n\n    .status.status-direct {\n      background: lighten($ui-base-color, 12%);\n\n      &.muted {\n        background: transparent;\n      }\n    }\n\n    .detailed-status,\n    .detailed-status__action-bar {\n      background: lighten($ui-base-color, 8%);\n    }\n  }\n}\n\n.status {\n  padding: 8px 10px;\n  padding-left: 68px;\n  position: relative;\n  min-height: 54px;\n  border-bottom: 1px solid lighten($ui-base-color, 8%);\n  cursor: default;\n\n  @supports (-ms-overflow-style: -ms-autohiding-scrollbar) {\n    // Add margin to avoid Edge auto-hiding scrollbar appearing over content.\n    // On Edge 16 this is 16px and Edge <=15 it's 12px, so aim for 16px.\n    padding-right: 26px; // 10px + 16px\n  }\n\n  @keyframes fade {\n    0% { opacity: 0; }\n    100% { opacity: 1; }\n  }\n\n  opacity: 1;\n  animation: fade 150ms linear;\n\n  .video-player,\n  .audio-player {\n    margin-top: 8px;\n  }\n\n  &.status-direct:not(.read) {\n    background: lighten($ui-base-color, 8%);\n    border-bottom-color: lighten($ui-base-color, 12%);\n  }\n\n  &.light {\n    .status__relative-time {\n      color: $light-text-color;\n    }\n\n    .status__display-name {\n      color: $inverted-text-color;\n    }\n\n    .display-name {\n      color: $light-text-color;\n\n      strong {\n        color: $inverted-text-color;\n      }\n    }\n\n    .status__content {\n      color: $inverted-text-color;\n\n      a {\n        color: $highlight-text-color;\n      }\n\n      a.status__content__spoiler-link {\n        color: $primary-text-color;\n        background: $ui-primary-color;\n\n        &:hover {\n          background: lighten($ui-primary-color, 8%);\n        }\n      }\n    }\n  }\n}\n\n.notification-favourite {\n  .status.status-direct {\n    background: transparent;\n\n    .icon-button.disabled {\n      color: lighten($action-button-color, 13%);\n    }\n  }\n}\n\n.status__relative-time,\n.notification__relative_time {\n  color: $dark-text-color;\n  float: right;\n  font-size: 14px;\n}\n\n.status__display-name {\n  color: $dark-text-color;\n}\n\n.status__info .status__display-name {\n  display: block;\n  max-width: 100%;\n  padding-right: 25px;\n}\n\n.status__info {\n  font-size: 15px;\n}\n\n.status-check-box {\n  border-bottom: 1px solid $ui-secondary-color;\n  display: flex;\n\n  .status-check-box__status {\n    margin: 10px 0 10px 10px;\n    flex: 1;\n    overflow: hidden;\n\n    .media-gallery {\n      max-width: 250px;\n    }\n\n    .status__content {\n      padding: 0;\n      white-space: normal;\n    }\n\n    .video-player,\n    .audio-player {\n      margin-top: 8px;\n      max-width: 250px;\n    }\n\n    .media-gallery__item-thumbnail {\n      cursor: default;\n    }\n  }\n}\n\n.status-check-box-toggle {\n  align-items: center;\n  display: flex;\n  flex: 0 0 auto;\n  justify-content: center;\n  padding: 10px;\n}\n\n.status__prepend {\n  margin-left: 68px;\n  color: $dark-text-color;\n  padding: 8px 0;\n  padding-bottom: 2px;\n  font-size: 14px;\n  position: relative;\n\n  .status__display-name strong {\n    color: $dark-text-color;\n  }\n\n  > span {\n    display: block;\n    overflow: hidden;\n    text-overflow: ellipsis;\n  }\n}\n\n.status__action-bar {\n  align-items: center;\n  display: flex;\n  margin-top: 8px;\n\n  &__counter {\n    display: inline-flex;\n    margin-right: 11px;\n    align-items: center;\n\n    .status__action-bar-button {\n      margin-right: 4px;\n    }\n\n    &__label {\n      display: inline-block;\n      width: 14px;\n      font-size: 12px;\n      font-weight: 500;\n      color: $action-button-color;\n    }\n  }\n}\n\n.status__action-bar-button {\n  margin-right: 18px;\n}\n\n.status__action-bar-dropdown {\n  height: 23.15px;\n  width: 23.15px;\n}\n\n.detailed-status__action-bar-dropdown {\n  flex: 1 1 auto;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  position: relative;\n}\n\n.detailed-status {\n  background: lighten($ui-base-color, 4%);\n  padding: 14px 10px;\n\n  &--flex {\n    display: flex;\n    flex-wrap: wrap;\n    justify-content: space-between;\n    align-items: flex-start;\n\n    .status__content,\n    .detailed-status__meta {\n      flex: 100%;\n    }\n  }\n\n  .status__content {\n    font-size: 19px;\n    line-height: 24px;\n\n    .emojione {\n      width: 24px;\n      height: 24px;\n      margin: -1px 0 0;\n    }\n\n    .status__content__spoiler-link {\n      line-height: 24px;\n      margin: -1px 0 0;\n    }\n  }\n\n  .video-player,\n  .audio-player {\n    margin-top: 8px;\n  }\n}\n\n.detailed-status__meta {\n  margin-top: 15px;\n  color: $dark-text-color;\n  font-size: 14px;\n  line-height: 18px;\n}\n\n.detailed-status__action-bar {\n  background: lighten($ui-base-color, 4%);\n  border-top: 1px solid lighten($ui-base-color, 8%);\n  border-bottom: 1px solid lighten($ui-base-color, 8%);\n  display: flex;\n  flex-direction: row;\n  padding: 10px 0;\n}\n\n.detailed-status__link {\n  color: inherit;\n  text-decoration: none;\n}\n\n.detailed-status__favorites,\n.detailed-status__reblogs {\n  display: inline-block;\n  font-weight: 500;\n  font-size: 12px;\n  margin-left: 6px;\n}\n\n.reply-indicator__content {\n  color: $inverted-text-color;\n  font-size: 14px;\n\n  a {\n    color: $lighter-text-color;\n  }\n}\n\n.domain {\n  padding: 10px;\n  border-bottom: 1px solid lighten($ui-base-color, 8%);\n\n  .domain__domain-name {\n    flex: 1 1 auto;\n    display: block;\n    color: $primary-text-color;\n    text-decoration: none;\n    font-size: 14px;\n    font-weight: 500;\n  }\n}\n\n.domain__wrapper {\n  display: flex;\n}\n\n.domain_buttons {\n  height: 18px;\n  padding: 10px;\n  white-space: nowrap;\n}\n\n.account {\n  padding: 10px;\n  border-bottom: 1px solid lighten($ui-base-color, 8%);\n\n  &.compact {\n    padding: 0;\n    border-bottom: 0;\n\n    .account__avatar-wrapper {\n      margin-left: 0;\n    }\n  }\n\n  .account__display-name {\n    flex: 1 1 auto;\n    display: block;\n    color: $darker-text-color;\n    overflow: hidden;\n    text-decoration: none;\n    font-size: 14px;\n  }\n}\n\n.account__wrapper {\n  display: flex;\n}\n\n.account__avatar-wrapper {\n  float: left;\n  margin-left: 12px;\n  margin-right: 12px;\n}\n\n.account__avatar {\n  @include avatar-radius;\n  position: relative;\n\n  &-inline {\n    display: inline-block;\n    vertical-align: middle;\n    margin-right: 5px;\n  }\n\n  &-composite {\n    @include avatar-radius;\n    border-radius: 50%;\n    overflow: hidden;\n    position: relative;\n\n    & > div {\n      float: left;\n      position: relative;\n      box-sizing: border-box;\n    }\n\n    &__label {\n      display: block;\n      position: absolute;\n      top: 50%;\n      left: 50%;\n      transform: translate(-50%, -50%);\n      color: $primary-text-color;\n      text-shadow: 1px 1px 2px $base-shadow-color;\n      font-weight: 700;\n      font-size: 15px;\n    }\n  }\n}\n\na .account__avatar {\n  cursor: pointer;\n}\n\n.account__avatar-overlay {\n  @include avatar-size(48px);\n\n  &-base {\n    @include avatar-radius;\n    @include avatar-size(36px);\n  }\n\n  &-overlay {\n    @include avatar-radius;\n    @include avatar-size(24px);\n\n    position: absolute;\n    bottom: 0;\n    right: 0;\n    z-index: 1;\n  }\n}\n\n.account__relationship {\n  height: 18px;\n  padding: 10px;\n  white-space: nowrap;\n}\n\n.account__disclaimer {\n  padding: 10px;\n  border-top: 1px solid lighten($ui-base-color, 8%);\n  color: $dark-text-color;\n\n  strong {\n    font-weight: 500;\n\n    @each $lang in $cjk-langs {\n      &:lang(#{$lang}) {\n        font-weight: 700;\n      }\n    }\n  }\n\n  a {\n    font-weight: 500;\n    color: inherit;\n    text-decoration: underline;\n\n    &:hover,\n    &:focus,\n    &:active {\n      text-decoration: none;\n    }\n  }\n}\n\n.account__action-bar {\n  border-top: 1px solid lighten($ui-base-color, 8%);\n  border-bottom: 1px solid lighten($ui-base-color, 8%);\n  line-height: 36px;\n  overflow: hidden;\n  flex: 0 0 auto;\n  display: flex;\n}\n\n.account__action-bar-dropdown {\n  padding: 10px;\n\n  .icon-button {\n    vertical-align: middle;\n  }\n\n  .dropdown--active {\n    .dropdown__content.dropdown__right {\n      left: 6px;\n      right: initial;\n    }\n\n    &::after {\n      bottom: initial;\n      margin-left: 11px;\n      margin-top: -7px;\n      right: initial;\n    }\n  }\n}\n\n.account__action-bar-links {\n  display: flex;\n  flex: 1 1 auto;\n  line-height: 18px;\n  text-align: center;\n}\n\n.account__action-bar__tab {\n  text-decoration: none;\n  overflow: hidden;\n  flex: 0 1 100%;\n  border-right: 1px solid lighten($ui-base-color, 8%);\n  padding: 10px 0;\n  border-bottom: 4px solid transparent;\n\n  &.active {\n    border-bottom: 4px solid $ui-highlight-color;\n  }\n\n  & > span {\n    display: block;\n    text-transform: uppercase;\n    font-size: 11px;\n    color: $darker-text-color;\n  }\n\n  strong {\n    display: block;\n    font-size: 15px;\n    font-weight: 500;\n    color: $primary-text-color;\n\n    @each $lang in $cjk-langs {\n      &:lang(#{$lang}) {\n        font-weight: 700;\n      }\n    }\n  }\n}\n\n.account-authorize {\n  padding: 14px 10px;\n\n  .detailed-status__display-name {\n    display: block;\n    margin-bottom: 15px;\n    overflow: hidden;\n  }\n}\n\n.account-authorize__avatar {\n  float: left;\n  margin-right: 10px;\n}\n\n.status__display-name,\n.status__relative-time,\n.detailed-status__display-name,\n.detailed-status__datetime,\n.detailed-status__application,\n.account__display-name {\n  text-decoration: none;\n}\n\n.status__display-name,\n.account__display-name {\n  strong {\n    color: $primary-text-color;\n  }\n}\n\n.muted {\n  .emojione {\n    opacity: 0.5;\n  }\n}\n\n.status__display-name,\n.reply-indicator__display-name,\n.detailed-status__display-name,\na.account__display-name {\n  &:hover strong {\n    text-decoration: underline;\n  }\n}\n\n.account__display-name strong {\n  display: block;\n  overflow: hidden;\n  text-overflow: ellipsis;\n}\n\n.detailed-status__application,\n.detailed-status__datetime {\n  color: inherit;\n}\n\n.detailed-status .button.logo-button {\n  margin-bottom: 15px;\n}\n\n.detailed-status__display-name {\n  color: $secondary-text-color;\n  display: block;\n  line-height: 24px;\n  margin-bottom: 15px;\n  overflow: hidden;\n\n  strong,\n  span {\n    display: block;\n    text-overflow: ellipsis;\n    overflow: hidden;\n  }\n\n  strong {\n    font-size: 16px;\n    color: $primary-text-color;\n  }\n}\n\n.detailed-status__display-avatar {\n  float: left;\n  margin-right: 10px;\n}\n\n.status__avatar {\n  height: 48px;\n  left: 10px;\n  position: absolute;\n  top: 10px;\n  width: 48px;\n}\n\n.status__expand {\n  width: 68px;\n  position: absolute;\n  left: 0;\n  top: 0;\n  height: 100%;\n  cursor: pointer;\n}\n\n.muted {\n  .status__content,\n  .status__content p,\n  .status__content a {\n    color: $dark-text-color;\n  }\n\n  .status__display-name strong {\n    color: $dark-text-color;\n  }\n\n  .status__avatar {\n    opacity: 0.5;\n  }\n\n  a.status__content__spoiler-link {\n    background: $ui-base-lighter-color;\n    color: $inverted-text-color;\n\n    &:hover {\n      background: lighten($ui-base-lighter-color, 7%);\n      text-decoration: none;\n    }\n  }\n}\n\n.notification__message {\n  margin: 0 10px 0 68px;\n  padding: 8px 0 0;\n  cursor: default;\n  color: $darker-text-color;\n  font-size: 15px;\n  line-height: 22px;\n  position: relative;\n\n  .fa {\n    color: $highlight-text-color;\n  }\n\n  > span {\n    display: inline;\n    overflow: hidden;\n    text-overflow: ellipsis;\n  }\n}\n\n.notification__favourite-icon-wrapper {\n  left: -26px;\n  position: absolute;\n\n  .star-icon {\n    color: $gold-star;\n  }\n}\n\n.star-icon.active {\n  color: $gold-star;\n}\n\n.bookmark-icon.active {\n  color: $red-bookmark;\n}\n\n.no-reduce-motion .icon-button.star-icon {\n  &.activate {\n    & > .fa-star {\n      animation: spring-rotate-in 1s linear;\n    }\n  }\n\n  &.deactivate {\n    & > .fa-star {\n      animation: spring-rotate-out 1s linear;\n    }\n  }\n}\n\n.notification__display-name {\n  color: inherit;\n  font-weight: 500;\n  text-decoration: none;\n\n  &:hover {\n    color: $primary-text-color;\n    text-decoration: underline;\n  }\n}\n\n.notification__relative_time {\n  float: right;\n}\n\n.display-name {\n  display: block;\n  max-width: 100%;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n\n.display-name__html {\n  font-weight: 500;\n}\n\n.display-name__account {\n  font-size: 14px;\n}\n\n.status__relative-time,\n.detailed-status__datetime {\n  &:hover {\n    text-decoration: underline;\n  }\n}\n\n.image-loader {\n  position: relative;\n  width: 100%;\n  height: 100%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  flex-direction: column;\n\n  .image-loader__preview-canvas {\n    max-width: $media-modal-media-max-width;\n    max-height: $media-modal-media-max-height;\n    background: url('~images/void.png') repeat;\n    object-fit: contain;\n  }\n\n  .loading-bar {\n    position: relative;\n  }\n\n  &.image-loader--amorphous .image-loader__preview-canvas {\n    display: none;\n  }\n}\n\n.zoomable-image {\n  position: relative;\n  width: 100%;\n  height: 100%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n\n  img {\n    max-width: $media-modal-media-max-width;\n    max-height: $media-modal-media-max-height;\n    width: auto;\n    height: auto;\n    object-fit: contain;\n  }\n}\n\n.navigation-bar {\n  padding: 10px;\n  display: flex;\n  align-items: center;\n  flex-shrink: 0;\n  cursor: default;\n  color: $darker-text-color;\n\n  strong {\n    color: $secondary-text-color;\n  }\n\n  a {\n    color: inherit;\n  }\n\n  .permalink {\n    text-decoration: none;\n  }\n\n  .navigation-bar__actions {\n    position: relative;\n\n    .icon-button.close {\n      position: absolute;\n      pointer-events: none;\n      transform: scale(0, 1) translate(-100%, 0);\n      opacity: 0;\n    }\n\n    .compose__action-bar .icon-button {\n      pointer-events: auto;\n      transform: scale(1, 1) translate(0, 0);\n      opacity: 1;\n    }\n  }\n}\n\n.navigation-bar__profile {\n  flex: 1 1 auto;\n  margin-left: 8px;\n  line-height: 20px;\n  margin-top: -1px;\n  overflow: hidden;\n}\n\n.navigation-bar__profile-account {\n  display: block;\n  font-weight: 500;\n  overflow: hidden;\n  text-overflow: ellipsis;\n}\n\n.navigation-bar__profile-edit {\n  color: inherit;\n  text-decoration: none;\n}\n\n.dropdown {\n  display: inline-block;\n}\n\n.dropdown__content {\n  display: none;\n  position: absolute;\n}\n\n.dropdown-menu__separator {\n  border-bottom: 1px solid darken($ui-secondary-color, 8%);\n  margin: 5px 7px 6px;\n  height: 0;\n}\n\n.dropdown-menu {\n  background: $ui-secondary-color;\n  padding: 4px 0;\n  border-radius: 4px;\n  box-shadow: 2px 4px 15px rgba($base-shadow-color, 0.4);\n  z-index: 9999;\n\n  ul {\n    list-style: none;\n  }\n\n  &.left {\n    transform-origin: 100% 50%;\n  }\n\n  &.top {\n    transform-origin: 50% 100%;\n  }\n\n  &.bottom {\n    transform-origin: 50% 0;\n  }\n\n  &.right {\n    transform-origin: 0 50%;\n  }\n}\n\n.dropdown-menu__arrow {\n  position: absolute;\n  width: 0;\n  height: 0;\n  border: 0 solid transparent;\n\n  &.left {\n    right: -5px;\n    margin-top: -5px;\n    border-width: 5px 0 5px 5px;\n    border-left-color: $ui-secondary-color;\n  }\n\n  &.top {\n    bottom: -5px;\n    margin-left: -7px;\n    border-width: 5px 7px 0;\n    border-top-color: $ui-secondary-color;\n  }\n\n  &.bottom {\n    top: -5px;\n    margin-left: -7px;\n    border-width: 0 7px 5px;\n    border-bottom-color: $ui-secondary-color;\n  }\n\n  &.right {\n    left: -5px;\n    margin-top: -5px;\n    border-width: 5px 5px 5px 0;\n    border-right-color: $ui-secondary-color;\n  }\n}\n\n.dropdown-menu__item {\n  a {\n    font-size: 13px;\n    line-height: 18px;\n    display: block;\n    padding: 4px 14px;\n    box-sizing: border-box;\n    text-decoration: none;\n    background: $ui-secondary-color;\n    color: $inverted-text-color;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n\n    &:focus,\n    &:hover,\n    &:active {\n      background: $ui-highlight-color;\n      color: $secondary-text-color;\n      outline: 0;\n    }\n  }\n}\n\n.dropdown--active .dropdown__content {\n  display: block;\n  line-height: 18px;\n  max-width: 311px;\n  right: 0;\n  text-align: left;\n  z-index: 9999;\n\n  & > ul {\n    list-style: none;\n    background: $ui-secondary-color;\n    padding: 4px 0;\n    border-radius: 4px;\n    box-shadow: 0 0 15px rgba($base-shadow-color, 0.4);\n    min-width: 140px;\n    position: relative;\n  }\n\n  &.dropdown__right {\n    right: 0;\n  }\n\n  &.dropdown__left {\n    & > ul {\n      left: -98px;\n    }\n  }\n\n  & > ul > li > a {\n    font-size: 13px;\n    line-height: 18px;\n    display: block;\n    padding: 4px 14px;\n    box-sizing: border-box;\n    text-decoration: none;\n    background: $ui-secondary-color;\n    color: $inverted-text-color;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n\n    &:focus {\n      outline: 0;\n    }\n\n    &:hover {\n      background: $ui-highlight-color;\n      color: $secondary-text-color;\n    }\n  }\n}\n\n.dropdown__icon {\n  vertical-align: middle;\n}\n\n.columns-area {\n  display: flex;\n  flex: 1 1 auto;\n  flex-direction: row;\n  justify-content: flex-start;\n  overflow-x: auto;\n  position: relative;\n\n  &.unscrollable {\n    overflow-x: hidden;\n  }\n\n  &__panels {\n    display: flex;\n    justify-content: center;\n    width: 100%;\n    height: 100%;\n    min-height: 100vh;\n\n    &__pane {\n      height: 100%;\n      overflow: hidden;\n      pointer-events: none;\n      display: flex;\n      justify-content: flex-end;\n      min-width: 285px;\n\n      &--start {\n        justify-content: flex-start;\n      }\n\n      &__inner {\n        position: fixed;\n        width: 285px;\n        pointer-events: auto;\n        height: 100%;\n      }\n    }\n\n    &__main {\n      box-sizing: border-box;\n      width: 100%;\n      max-width: 600px;\n      flex: 0 0 auto;\n      display: flex;\n      flex-direction: column;\n\n      @media screen and (min-width: $no-gap-breakpoint) {\n        padding: 0 10px;\n      }\n    }\n  }\n}\n\n.tabs-bar__wrapper {\n  background: darken($ui-base-color, 8%);\n  position: sticky;\n  top: 0;\n  z-index: 2;\n  padding-top: 0;\n\n  @media screen and (min-width: $no-gap-breakpoint) {\n    padding-top: 10px;\n  }\n\n  .tabs-bar {\n    margin-bottom: 0;\n\n    @media screen and (min-width: $no-gap-breakpoint) {\n      margin-bottom: 10px;\n    }\n  }\n}\n\n.react-swipeable-view-container {\n  &,\n  .columns-area,\n  .drawer,\n  .column {\n    height: 100%;\n  }\n}\n\n.react-swipeable-view-container > * {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  height: 100%;\n}\n\n.column {\n  width: 350px;\n  position: relative;\n  box-sizing: border-box;\n  display: flex;\n  flex-direction: column;\n\n  > .scrollable {\n    background: $ui-base-color;\n    border-bottom-left-radius: 2px;\n    border-bottom-right-radius: 2px;\n  }\n}\n\n.ui {\n  flex: 0 0 auto;\n  display: flex;\n  flex-direction: column;\n  width: 100%;\n  height: 100%;\n}\n\n.drawer {\n  width: 330px;\n  box-sizing: border-box;\n  display: flex;\n  flex-direction: column;\n  overflow-y: hidden;\n}\n\n.drawer__tab {\n  display: block;\n  flex: 1 1 auto;\n  padding: 15px 5px 13px;\n  color: $darker-text-color;\n  text-decoration: none;\n  text-align: center;\n  font-size: 16px;\n  border-bottom: 2px solid transparent;\n}\n\n.column,\n.drawer {\n  flex: 1 1 auto;\n  overflow: hidden;\n}\n\n@media screen and (min-width: 631px) {\n  .columns-area {\n    padding: 0;\n  }\n\n  .column,\n  .drawer {\n    flex: 0 0 auto;\n    padding: 10px;\n    padding-left: 5px;\n    padding-right: 5px;\n\n    &:first-child {\n      padding-left: 10px;\n    }\n\n    &:last-child {\n      padding-right: 10px;\n    }\n  }\n\n  .columns-area > div {\n    .column,\n    .drawer {\n      padding-left: 5px;\n      padding-right: 5px;\n    }\n  }\n}\n\n.tabs-bar {\n  box-sizing: border-box;\n  display: flex;\n  background: lighten($ui-base-color, 8%);\n  flex: 0 0 auto;\n  overflow-y: auto;\n}\n\n.tabs-bar__link {\n  display: block;\n  flex: 1 1 auto;\n  padding: 15px 10px;\n  padding-bottom: 13px;\n  color: $primary-text-color;\n  text-decoration: none;\n  text-align: center;\n  font-size: 14px;\n  font-weight: 500;\n  border-bottom: 2px solid lighten($ui-base-color, 8%);\n  transition: all 50ms linear;\n  transition-property: border-bottom, background, color;\n\n  .fa {\n    font-weight: 400;\n    font-size: 16px;\n  }\n\n  &:hover,\n  &:focus,\n  &:active {\n    @media screen and (min-width: 631px) {\n      background: lighten($ui-base-color, 14%);\n      border-bottom-color: lighten($ui-base-color, 14%);\n    }\n  }\n\n  &.active {\n    border-bottom: 2px solid $highlight-text-color;\n    color: $highlight-text-color;\n  }\n\n  span {\n    margin-left: 5px;\n    display: none;\n  }\n}\n\n@media screen and (min-width: 600px) {\n  .tabs-bar__link {\n    span {\n      display: inline;\n    }\n  }\n}\n\n.columns-area--mobile {\n  flex-direction: column;\n  width: 100%;\n  height: 100%;\n  margin: 0 auto;\n\n  .column,\n  .drawer {\n    width: 100%;\n    height: 100%;\n    padding: 0;\n  }\n\n  .directory__list {\n    display: grid;\n    grid-gap: 10px;\n    grid-template-columns: minmax(0, 50%) minmax(0, 50%);\n\n    @media screen and (max-width: $no-gap-breakpoint) {\n      display: block;\n    }\n  }\n\n  .directory__card {\n    margin-bottom: 0;\n  }\n\n  .filter-form {\n    display: flex;\n  }\n\n  .autosuggest-textarea__textarea {\n    font-size: 16px;\n  }\n\n  .search__input {\n    line-height: 18px;\n    font-size: 16px;\n    padding: 15px;\n    padding-right: 30px;\n  }\n\n  .search__icon .fa {\n    top: 15px;\n  }\n\n  .scrollable {\n    overflow: visible;\n\n    @supports(display: grid) {\n      contain: content;\n    }\n  }\n\n  @media screen and (min-width: $no-gap-breakpoint) {\n    padding: 10px 0;\n    padding-top: 0;\n  }\n\n  @media screen and (min-width: 630px) {\n    .detailed-status {\n      padding: 15px;\n\n      .media-gallery,\n      .video-player,\n      .audio-player {\n        margin-top: 15px;\n      }\n    }\n\n    .account__header__bar {\n      padding: 5px 10px;\n    }\n\n    .navigation-bar,\n    .compose-form {\n      padding: 15px;\n    }\n\n    .compose-form .compose-form__publish .compose-form__publish-button-wrapper {\n      padding-top: 15px;\n    }\n\n    .status {\n      padding: 15px 15px 15px (48px + 15px * 2);\n      min-height: 48px + 2px;\n\n      &__avatar {\n        left: 15px;\n        top: 17px;\n      }\n\n      &__content {\n        padding-top: 5px;\n      }\n\n      &__prepend {\n        margin-left: 48px + 15px * 2;\n        padding-top: 15px;\n      }\n\n      &__prepend-icon-wrapper {\n        left: -32px;\n      }\n\n      .media-gallery,\n      &__action-bar,\n      .video-player,\n      .audio-player {\n        margin-top: 10px;\n      }\n    }\n\n    .account {\n      padding: 15px 10px;\n\n      &__header__bio {\n        margin: 0 -10px;\n      }\n    }\n\n    .notification {\n      &__message {\n        margin-left: 48px + 15px * 2;\n        padding-top: 15px;\n      }\n\n      &__favourite-icon-wrapper {\n        left: -32px;\n      }\n\n      .status {\n        padding-top: 8px;\n      }\n\n      .account {\n        padding-top: 8px;\n      }\n\n      .account__avatar-wrapper {\n        margin-left: 17px;\n        margin-right: 15px;\n      }\n    }\n  }\n}\n\n.floating-action-button {\n  position: fixed;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  width: 3.9375rem;\n  height: 3.9375rem;\n  bottom: 1.3125rem;\n  right: 1.3125rem;\n  background: darken($ui-highlight-color, 3%);\n  color: $white;\n  border-radius: 50%;\n  font-size: 21px;\n  line-height: 21px;\n  text-decoration: none;\n  box-shadow: 2px 3px 9px rgba($base-shadow-color, 0.4);\n\n  &:hover,\n  &:focus,\n  &:active {\n    background: lighten($ui-highlight-color, 7%);\n  }\n}\n\n@media screen and (min-width: $no-gap-breakpoint) {\n  .tabs-bar {\n    width: 100%;\n  }\n\n  .react-swipeable-view-container .columns-area--mobile {\n    height: calc(100% - 10px) !important;\n  }\n\n  .getting-started__wrapper,\n  .getting-started__trends,\n  .search {\n    margin-bottom: 10px;\n  }\n\n  .getting-started__panel {\n    margin: 10px 0;\n  }\n\n  .column,\n  .drawer {\n    min-width: 330px;\n  }\n}\n\n@media screen and (max-width: 600px + (285px * 1) + (10px * 1)) {\n  .columns-area__panels__pane--compositional {\n    display: none;\n  }\n}\n\n@media screen and (min-width: 600px + (285px * 1) + (10px * 1)) {\n  .floating-action-button,\n  .tabs-bar__link.optional {\n    display: none;\n  }\n\n  .search-page .search {\n    display: none;\n  }\n}\n\n@media screen and (max-width: 600px + (285px * 2) + (10px * 2)) {\n  .columns-area__panels__pane--navigational {\n    display: none;\n  }\n}\n\n@media screen and (min-width: 600px + (285px * 2) + (10px * 2)) {\n  .tabs-bar {\n    display: none;\n  }\n}\n\n.icon-with-badge {\n  position: relative;\n\n  &__badge {\n    position: absolute;\n    left: 9px;\n    top: -13px;\n    background: $ui-highlight-color;\n    border: 2px solid lighten($ui-base-color, 8%);\n    padding: 1px 6px;\n    border-radius: 6px;\n    font-size: 10px;\n    font-weight: 500;\n    line-height: 14px;\n    color: $primary-text-color;\n  }\n}\n\n.column-link--transparent .icon-with-badge__badge {\n  border-color: darken($ui-base-color, 8%);\n}\n\n.compose-panel {\n  width: 285px;\n  margin-top: 10px;\n  display: flex;\n  flex-direction: column;\n  height: calc(100% - 10px);\n  overflow-y: hidden;\n\n  .navigation-bar {\n    padding-top: 20px;\n    padding-bottom: 20px;\n    flex: 0 1 48px;\n    min-height: 20px;\n  }\n\n  .flex-spacer {\n    background: transparent;\n  }\n\n  .compose-form {\n    flex: 1;\n    overflow-y: hidden;\n    display: flex;\n    flex-direction: column;\n    min-height: 310px;\n    padding-bottom: 71px;\n    margin-bottom: -71px;\n  }\n\n  .compose-form__autosuggest-wrapper {\n    overflow-y: auto;\n    background-color: $white;\n    border-radius: 4px 4px 0 0;\n    flex: 0 1 auto;\n  }\n\n  .autosuggest-textarea__textarea {\n    overflow-y: hidden;\n  }\n\n  .compose-form__upload-thumbnail {\n    height: 80px;\n  }\n}\n\n.navigation-panel {\n  margin-top: 10px;\n  margin-bottom: 10px;\n  height: calc(100% - 20px);\n  overflow-y: auto;\n  display: flex;\n  flex-direction: column;\n\n  & > a {\n    flex: 0 0 auto;\n  }\n\n  hr {\n    flex: 0 0 auto;\n    border: 0;\n    background: transparent;\n    border-top: 1px solid lighten($ui-base-color, 4%);\n    margin: 10px 0;\n  }\n\n  .flex-spacer {\n    background: transparent;\n  }\n}\n\n.drawer__pager {\n  box-sizing: border-box;\n  padding: 0;\n  flex-grow: 1;\n  position: relative;\n  overflow: hidden;\n  display: flex;\n}\n\n.drawer__inner {\n  position: absolute;\n  top: 0;\n  left: 0;\n  background: lighten($ui-base-color, 13%);\n  box-sizing: border-box;\n  padding: 0;\n  display: flex;\n  flex-direction: column;\n  overflow: hidden;\n  overflow-y: auto;\n  width: 100%;\n  height: 100%;\n  border-radius: 2px;\n\n  &.darker {\n    background: $ui-base-color;\n  }\n}\n\n.drawer__inner__mastodon {\n  background: lighten($ui-base-color, 13%) url('data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 234.80078 31.757813\" width=\"234.80078\" height=\"31.757812\"><path d=\"M19.599609 0c-1.05 0-2.10039.375-2.90039 1.125L0 16.925781v14.832031h234.80078V17.025391l-16.5-15.900391c-1.6-1.5-4.20078-1.5-5.80078 0l-13.80078 13.099609c-1.6 1.5-4.19883 1.5-5.79883 0L179.09961 1.125c-1.6-1.5-4.19883-1.5-5.79883 0L159.5 14.224609c-1.6 1.5-4.20078 1.5-5.80078 0L139.90039 1.125c-1.6-1.5-4.20078-1.5-5.80078 0l-13.79883 13.099609c-1.6 1.5-4.20078 1.5-5.80078 0L100.69922 1.125c-1.600001-1.5-4.198829-1.5-5.798829 0l-13.59961 13.099609c-1.6 1.5-4.200781 1.5-5.800781 0L61.699219 1.125c-1.6-1.5-4.198828-1.5-5.798828 0L42.099609 14.224609c-1.6 1.5-4.198828 1.5-5.798828 0L22.5 1.125C21.7.375 20.649609 0 19.599609 0z\" fill=\"#{hex-color($ui-base-color)}\"/></svg>') no-repeat bottom / 100% auto;\n  flex: 1;\n  min-height: 47px;\n  display: none;\n\n  > img {\n    display: block;\n    object-fit: contain;\n    object-position: bottom left;\n    width: 85%;\n    height: 100%;\n    pointer-events: none;\n    user-drag: none;\n    user-select: none;\n  }\n\n  @media screen and (min-height: 640px) {\n    display: block;\n  }\n}\n\n.pseudo-drawer {\n  background: lighten($ui-base-color, 13%);\n  font-size: 13px;\n  text-align: left;\n}\n\n.drawer__header {\n  flex: 0 0 auto;\n  font-size: 16px;\n  background: lighten($ui-base-color, 8%);\n  margin-bottom: 10px;\n  display: flex;\n  flex-direction: row;\n  border-radius: 2px;\n\n  a {\n    transition: background 100ms ease-in;\n\n    &:hover {\n      background: lighten($ui-base-color, 3%);\n      transition: background 200ms ease-out;\n    }\n  }\n}\n\n.scrollable {\n  overflow-y: scroll;\n  overflow-x: hidden;\n  flex: 1 1 auto;\n  -webkit-overflow-scrolling: touch;\n\n  &.optionally-scrollable {\n    overflow-y: auto;\n  }\n\n  @supports(display: grid) { // hack to fix Chrome <57\n    contain: strict;\n  }\n\n  &--flex {\n    display: flex;\n    flex-direction: column;\n  }\n\n  &__append {\n    flex: 1 1 auto;\n    position: relative;\n    min-height: 120px;\n  }\n}\n\n.scrollable.fullscreen {\n  @supports(display: grid) { // hack to fix Chrome <57\n    contain: none;\n  }\n}\n\n.column-back-button {\n  box-sizing: border-box;\n  width: 100%;\n  background: lighten($ui-base-color, 4%);\n  color: $highlight-text-color;\n  cursor: pointer;\n  flex: 0 0 auto;\n  font-size: 16px;\n  line-height: inherit;\n  border: 0;\n  text-align: unset;\n  padding: 15px;\n  margin: 0;\n  z-index: 3;\n  outline: 0;\n\n  &:hover {\n    text-decoration: underline;\n  }\n}\n\n.column-header__back-button {\n  background: lighten($ui-base-color, 4%);\n  border: 0;\n  font-family: inherit;\n  color: $highlight-text-color;\n  cursor: pointer;\n  white-space: nowrap;\n  font-size: 16px;\n  padding: 0 5px 0 0;\n  z-index: 3;\n\n  &:hover {\n    text-decoration: underline;\n  }\n\n  &:last-child {\n    padding: 0 15px 0 0;\n  }\n}\n\n.column-back-button__icon {\n  display: inline-block;\n  margin-right: 5px;\n}\n\n.column-back-button--slim {\n  position: relative;\n}\n\n.column-back-button--slim-button {\n  cursor: pointer;\n  flex: 0 0 auto;\n  font-size: 16px;\n  padding: 15px;\n  position: absolute;\n  right: 0;\n  top: -48px;\n}\n\n.react-toggle {\n  display: inline-block;\n  position: relative;\n  cursor: pointer;\n  background-color: transparent;\n  border: 0;\n  padding: 0;\n  user-select: none;\n  -webkit-tap-highlight-color: rgba($base-overlay-background, 0);\n  -webkit-tap-highlight-color: transparent;\n}\n\n.react-toggle-screenreader-only {\n  border: 0;\n  clip: rect(0 0 0 0);\n  height: 1px;\n  margin: -1px;\n  overflow: hidden;\n  padding: 0;\n  position: absolute;\n  width: 1px;\n}\n\n.react-toggle--disabled {\n  cursor: not-allowed;\n  opacity: 0.5;\n  transition: opacity 0.25s;\n}\n\n.react-toggle-track {\n  width: 50px;\n  height: 24px;\n  padding: 0;\n  border-radius: 30px;\n  background-color: $ui-base-color;\n  transition: background-color 0.2s ease;\n}\n\n.react-toggle:hover:not(.react-toggle--disabled) .react-toggle-track {\n  background-color: darken($ui-base-color, 10%);\n}\n\n.react-toggle--checked .react-toggle-track {\n  background-color: $ui-highlight-color;\n}\n\n.react-toggle--checked:hover:not(.react-toggle--disabled) .react-toggle-track {\n  background-color: lighten($ui-highlight-color, 10%);\n}\n\n.react-toggle-track-check {\n  position: absolute;\n  width: 14px;\n  height: 10px;\n  top: 0;\n  bottom: 0;\n  margin-top: auto;\n  margin-bottom: auto;\n  line-height: 0;\n  left: 8px;\n  opacity: 0;\n  transition: opacity 0.25s ease;\n}\n\n.react-toggle--checked .react-toggle-track-check {\n  opacity: 1;\n  transition: opacity 0.25s ease;\n}\n\n.react-toggle-track-x {\n  position: absolute;\n  width: 10px;\n  height: 10px;\n  top: 0;\n  bottom: 0;\n  margin-top: auto;\n  margin-bottom: auto;\n  line-height: 0;\n  right: 10px;\n  opacity: 1;\n  transition: opacity 0.25s ease;\n}\n\n.react-toggle--checked .react-toggle-track-x {\n  opacity: 0;\n}\n\n.react-toggle-thumb {\n  position: absolute;\n  top: 1px;\n  left: 1px;\n  width: 22px;\n  height: 22px;\n  border: 1px solid $ui-base-color;\n  border-radius: 50%;\n  background-color: darken($simple-background-color, 2%);\n  box-sizing: border-box;\n  transition: all 0.25s ease;\n  transition-property: border-color, left;\n}\n\n.react-toggle--checked .react-toggle-thumb {\n  left: 27px;\n  border-color: $ui-highlight-color;\n}\n\n.column-link {\n  background: lighten($ui-base-color, 8%);\n  color: $primary-text-color;\n  display: block;\n  font-size: 16px;\n  padding: 15px;\n  text-decoration: none;\n\n  &:hover,\n  &:focus,\n  &:active {\n    background: lighten($ui-base-color, 11%);\n  }\n\n  &:focus {\n    outline: 0;\n  }\n\n  &--transparent {\n    background: transparent;\n    color: $ui-secondary-color;\n\n    &:hover,\n    &:focus,\n    &:active {\n      background: transparent;\n      color: $primary-text-color;\n    }\n\n    &.active {\n      color: $ui-highlight-color;\n    }\n  }\n}\n\n.column-link__icon {\n  display: inline-block;\n  margin-right: 5px;\n}\n\n.column-link__badge {\n  display: inline-block;\n  border-radius: 4px;\n  font-size: 12px;\n  line-height: 19px;\n  font-weight: 500;\n  background: $ui-base-color;\n  padding: 4px 8px;\n  margin: -6px 10px;\n}\n\n.column-subheading {\n  background: $ui-base-color;\n  color: $dark-text-color;\n  padding: 8px 20px;\n  font-size: 12px;\n  font-weight: 500;\n  text-transform: uppercase;\n  cursor: default;\n}\n\n.getting-started__wrapper,\n.getting-started,\n.flex-spacer {\n  background: $ui-base-color;\n}\n\n.flex-spacer {\n  flex: 1 1 auto;\n}\n\n.getting-started {\n  color: $dark-text-color;\n  overflow: auto;\n  border-bottom-left-radius: 2px;\n  border-bottom-right-radius: 2px;\n\n  &__wrapper,\n  &__panel,\n  &__footer {\n    height: min-content;\n  }\n\n  &__panel,\n  &__footer\n  {\n    padding: 10px;\n    padding-top: 20px;\n    flex-grow: 0;\n\n    ul {\n      margin-bottom: 10px;\n    }\n\n    ul li {\n      display: inline;\n    }\n\n    p {\n      font-size: 13px;\n\n      a {\n        color: $dark-text-color;\n        text-decoration: underline;\n      }\n    }\n\n    a {\n      text-decoration: none;\n      color: $darker-text-color;\n\n      &:hover,\n      &:focus,\n      &:active {\n        text-decoration: underline;\n      }\n    }\n  }\n\n  &__wrapper,\n  &__footer\n  {\n    color: $dark-text-color;\n  }\n\n  &__trends {\n    flex: 0 1 auto;\n    opacity: 1;\n    animation: fade 150ms linear;\n    margin-top: 10px;\n\n    h4 {\n      font-size: 12px;\n      text-transform: uppercase;\n      color: $darker-text-color;\n      padding: 10px;\n      font-weight: 500;\n      border-bottom: 1px solid lighten($ui-base-color, 8%);\n    }\n\n    @media screen and (max-height: 810px) {\n      .trends__item:nth-child(3) {\n        display: none;\n      }\n    }\n\n    @media screen and (max-height: 720px) {\n      .trends__item:nth-child(2) {\n        display: none;\n      }\n    }\n\n    @media screen and (max-height: 670px) {\n      display: none;\n    }\n\n    .trends__item {\n      border-bottom: 0;\n      padding: 10px;\n\n      &__current {\n        color: $darker-text-color;\n      }\n    }\n  }\n}\n\n.keyboard-shortcuts {\n  padding: 8px 0 0;\n  overflow: hidden;\n\n  thead {\n    position: absolute;\n    left: -9999px;\n  }\n\n  td {\n    padding: 0 10px 8px;\n  }\n\n  kbd {\n    display: inline-block;\n    padding: 3px 5px;\n    background-color: lighten($ui-base-color, 8%);\n    border: 1px solid darken($ui-base-color, 4%);\n  }\n}\n\n.setting-text {\n  display: block;\n  box-sizing: border-box;\n  width: 100%;\n  margin: 0;\n  color: $inverted-text-color;\n  background: $simple-background-color;\n  padding: 10px;\n  font-family: inherit;\n  font-size: 14px;\n  resize: vertical;\n  border: 0;\n  outline: 0;\n  border-radius: 4px;\n\n  &:focus {\n    outline: 0;\n  }\n\n  @media screen and (max-width: 600px) {\n    font-size: 16px;\n  }\n}\n\n.no-reduce-motion button.icon-button i.fa-retweet {\n  background-position: 0 0;\n  height: 19px;\n  transition: background-position 0.9s steps(10);\n  transition-duration: 0s;\n  vertical-align: middle;\n  width: 22px;\n\n  &::before {\n    display: none !important;\n  }\n\n}\n\n.no-reduce-motion button.icon-button.active i.fa-retweet {\n  transition-duration: 0.9s;\n  background-position: 0 100%;\n}\n\n.reduce-motion button.icon-button i.fa-retweet {\n  color: $action-button-color;\n  transition: color 100ms ease-in;\n}\n\n.reduce-motion button.icon-button.active i.fa-retweet {\n  color: $highlight-text-color;\n}\n\n.status-card {\n  display: flex;\n  font-size: 14px;\n  border: 1px solid lighten($ui-base-color, 8%);\n  border-radius: 4px;\n  color: $dark-text-color;\n  margin-top: 14px;\n  text-decoration: none;\n  overflow: hidden;\n\n  &__actions {\n    bottom: 0;\n    left: 0;\n    position: absolute;\n    right: 0;\n    top: 0;\n    display: flex;\n    justify-content: center;\n    align-items: center;\n\n    & > div {\n      background: rgba($base-shadow-color, 0.6);\n      border-radius: 8px;\n      padding: 12px 9px;\n      flex: 0 0 auto;\n      display: flex;\n      justify-content: center;\n      align-items: center;\n    }\n\n    button,\n    a {\n      display: inline;\n      color: $secondary-text-color;\n      background: transparent;\n      border: 0;\n      padding: 0 8px;\n      text-decoration: none;\n      font-size: 18px;\n      line-height: 18px;\n\n      &:hover,\n      &:active,\n      &:focus {\n        color: $primary-text-color;\n      }\n    }\n\n    a {\n      font-size: 19px;\n      position: relative;\n      bottom: -1px;\n    }\n  }\n}\n\na.status-card {\n  cursor: pointer;\n\n  &:hover {\n    background: lighten($ui-base-color, 8%);\n  }\n}\n\n.status-card-photo {\n  cursor: zoom-in;\n  display: block;\n  text-decoration: none;\n  width: 100%;\n  height: auto;\n  margin: 0;\n}\n\n.status-card-video {\n  iframe {\n    width: 100%;\n    height: 100%;\n  }\n}\n\n.status-card__title {\n  display: block;\n  font-weight: 500;\n  margin-bottom: 5px;\n  color: $darker-text-color;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  text-decoration: none;\n}\n\n.status-card__content {\n  flex: 1 1 auto;\n  overflow: hidden;\n  padding: 14px 14px 14px 8px;\n}\n\n.status-card__description {\n  color: $darker-text-color;\n}\n\n.status-card__host {\n  display: block;\n  margin-top: 5px;\n  font-size: 13px;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n\n.status-card__image {\n  flex: 0 0 100px;\n  background: lighten($ui-base-color, 8%);\n  position: relative;\n\n  & > .fa {\n    font-size: 21px;\n    position: absolute;\n    transform-origin: 50% 50%;\n    top: 50%;\n    left: 50%;\n    transform: translate(-50%, -50%);\n  }\n}\n\n.status-card.horizontal {\n  display: block;\n\n  .status-card__image {\n    width: 100%;\n  }\n\n  .status-card__image-image {\n    border-radius: 4px 4px 0 0;\n  }\n\n  .status-card__title {\n    white-space: inherit;\n  }\n}\n\n.status-card.compact {\n  border-color: lighten($ui-base-color, 4%);\n\n  &.interactive {\n    border: 0;\n  }\n\n  .status-card__content {\n    padding: 8px;\n    padding-top: 10px;\n  }\n\n  .status-card__title {\n    white-space: nowrap;\n  }\n\n  .status-card__image {\n    flex: 0 0 60px;\n  }\n}\n\na.status-card.compact:hover {\n  background-color: lighten($ui-base-color, 4%);\n}\n\n.status-card__image-image {\n  border-radius: 4px 0 0 4px;\n  display: block;\n  margin: 0;\n  width: 100%;\n  height: 100%;\n  object-fit: cover;\n  background-size: cover;\n  background-position: center center;\n}\n\n.load-more {\n  display: block;\n  color: $dark-text-color;\n  background-color: transparent;\n  border: 0;\n  font-size: inherit;\n  text-align: center;\n  line-height: inherit;\n  margin: 0;\n  padding: 15px;\n  box-sizing: border-box;\n  width: 100%;\n  clear: both;\n  text-decoration: none;\n\n  &:hover {\n    background: lighten($ui-base-color, 2%);\n  }\n}\n\n.load-gap {\n  border-bottom: 1px solid lighten($ui-base-color, 8%);\n}\n\n.regeneration-indicator {\n  text-align: center;\n  font-size: 16px;\n  font-weight: 500;\n  color: $dark-text-color;\n  background: $ui-base-color;\n  cursor: default;\n  display: flex;\n  flex: 1 1 auto;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  padding: 20px;\n\n  &__figure {\n    &,\n    img {\n      display: block;\n      width: auto;\n      height: 160px;\n      margin: 0;\n    }\n  }\n\n  &--without-header {\n    padding-top: 20px + 48px;\n  }\n\n  &__label {\n    margin-top: 30px;\n\n    strong {\n      display: block;\n      margin-bottom: 10px;\n      color: $dark-text-color;\n    }\n\n    span {\n      font-size: 15px;\n      font-weight: 400;\n    }\n  }\n}\n\n.column-header__wrapper {\n  position: relative;\n  flex: 0 0 auto;\n  z-index: 1;\n\n  &.active {\n    box-shadow: 0 1px 0 rgba($highlight-text-color, 0.3);\n\n    &::before {\n      display: block;\n      content: \"\";\n      position: absolute;\n      bottom: -13px;\n      left: 0;\n      right: 0;\n      margin: 0 auto;\n      width: 60%;\n      pointer-events: none;\n      height: 28px;\n      z-index: 1;\n      background: radial-gradient(ellipse, rgba($ui-highlight-color, 0.23) 0%, rgba($ui-highlight-color, 0) 60%);\n    }\n  }\n\n  .announcements {\n    z-index: 1;\n    position: relative;\n  }\n}\n\n.column-header {\n  display: flex;\n  font-size: 16px;\n  background: lighten($ui-base-color, 4%);\n  flex: 0 0 auto;\n  cursor: pointer;\n  position: relative;\n  z-index: 2;\n  outline: 0;\n  overflow: hidden;\n  border-top-left-radius: 2px;\n  border-top-right-radius: 2px;\n\n  & > button {\n    margin: 0;\n    border: 0;\n    padding: 15px 0 15px 15px;\n    color: inherit;\n    background: transparent;\n    font: inherit;\n    text-align: left;\n    text-overflow: ellipsis;\n    overflow: hidden;\n    white-space: nowrap;\n    flex: 1;\n  }\n\n  & > .column-header__back-button {\n    color: $highlight-text-color;\n  }\n\n  &.active {\n    .column-header__icon {\n      color: $highlight-text-color;\n      text-shadow: 0 0 10px rgba($highlight-text-color, 0.4);\n    }\n  }\n\n  &:focus,\n  &:active {\n    outline: 0;\n  }\n}\n\n.column-header__buttons {\n  height: 48px;\n  display: flex;\n}\n\n.column-header__links {\n  margin-bottom: 14px;\n}\n\n.column-header__links .text-btn {\n  margin-right: 10px;\n}\n\n.column-header__button {\n  background: lighten($ui-base-color, 4%);\n  border: 0;\n  color: $darker-text-color;\n  cursor: pointer;\n  font-size: 16px;\n  padding: 0 15px;\n\n  &:hover {\n    color: lighten($darker-text-color, 7%);\n  }\n\n  &.active {\n    color: $primary-text-color;\n    background: lighten($ui-base-color, 8%);\n\n    &:hover {\n      color: $primary-text-color;\n      background: lighten($ui-base-color, 8%);\n    }\n  }\n}\n\n.column-header__collapsible {\n  max-height: 70vh;\n  overflow: hidden;\n  overflow-y: auto;\n  color: $darker-text-color;\n  transition: max-height 150ms ease-in-out, opacity 300ms linear;\n  opacity: 1;\n  z-index: 1;\n  position: relative;\n\n  &.collapsed {\n    max-height: 0;\n    opacity: 0.5;\n  }\n\n  &.animating {\n    overflow-y: hidden;\n  }\n\n  hr {\n    height: 0;\n    background: transparent;\n    border: 0;\n    border-top: 1px solid lighten($ui-base-color, 12%);\n    margin: 10px 0;\n  }\n}\n\n.column-header__collapsible-inner {\n  background: lighten($ui-base-color, 8%);\n  padding: 15px;\n}\n\n.column-header__setting-btn {\n  &:hover {\n    color: $darker-text-color;\n    text-decoration: underline;\n  }\n}\n\n.column-header__setting-arrows {\n  float: right;\n\n  .column-header__setting-btn {\n    padding: 0 10px;\n\n    &:last-child {\n      padding-right: 0;\n    }\n  }\n}\n\n.text-btn {\n  display: inline-block;\n  padding: 0;\n  font-family: inherit;\n  font-size: inherit;\n  color: inherit;\n  border: 0;\n  background: transparent;\n  cursor: pointer;\n}\n\n.column-header__icon {\n  display: inline-block;\n  margin-right: 5px;\n}\n\n.loading-indicator {\n  color: $dark-text-color;\n  font-size: 12px;\n  font-weight: 400;\n  text-transform: uppercase;\n  overflow: visible;\n  position: absolute;\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n\n  span {\n    display: block;\n    float: left;\n    margin-left: 50%;\n    transform: translateX(-50%);\n    margin: 82px 0 0 50%;\n    white-space: nowrap;\n  }\n}\n\n.loading-indicator__figure {\n  position: absolute;\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n  width: 42px;\n  height: 42px;\n  box-sizing: border-box;\n  background-color: transparent;\n  border: 0 solid lighten($ui-base-color, 26%);\n  border-width: 6px;\n  border-radius: 50%;\n}\n\n.no-reduce-motion .loading-indicator span {\n  animation: loader-label 1.15s infinite cubic-bezier(0.215, 0.61, 0.355, 1);\n}\n\n.no-reduce-motion .loading-indicator__figure {\n  animation: loader-figure 1.15s infinite cubic-bezier(0.215, 0.61, 0.355, 1);\n}\n\n@keyframes spring-rotate-in {\n  0% {\n    transform: rotate(0deg);\n  }\n\n  30% {\n    transform: rotate(-484.8deg);\n  }\n\n  60% {\n    transform: rotate(-316.7deg);\n  }\n\n  90% {\n    transform: rotate(-375deg);\n  }\n\n  100% {\n    transform: rotate(-360deg);\n  }\n}\n\n@keyframes spring-rotate-out {\n  0% {\n    transform: rotate(-360deg);\n  }\n\n  30% {\n    transform: rotate(124.8deg);\n  }\n\n  60% {\n    transform: rotate(-43.27deg);\n  }\n\n  90% {\n    transform: rotate(15deg);\n  }\n\n  100% {\n    transform: rotate(0deg);\n  }\n}\n\n@keyframes loader-figure {\n  0% {\n    width: 0;\n    height: 0;\n    background-color: lighten($ui-base-color, 26%);\n  }\n\n  29% {\n    background-color: lighten($ui-base-color, 26%);\n  }\n\n  30% {\n    width: 42px;\n    height: 42px;\n    background-color: transparent;\n    border-width: 21px;\n    opacity: 1;\n  }\n\n  100% {\n    width: 42px;\n    height: 42px;\n    border-width: 0;\n    opacity: 0;\n    background-color: transparent;\n  }\n}\n\n@keyframes loader-label {\n  0% { opacity: 0.25; }\n  30% { opacity: 1; }\n  100% { opacity: 0.25; }\n}\n\n.video-error-cover {\n  align-items: center;\n  background: $base-overlay-background;\n  color: $primary-text-color;\n  cursor: pointer;\n  display: flex;\n  flex-direction: column;\n  height: 100%;\n  justify-content: center;\n  margin-top: 8px;\n  position: relative;\n  text-align: center;\n  z-index: 100;\n}\n\n.media-spoiler {\n  background: $base-overlay-background;\n  color: $darker-text-color;\n  border: 0;\n  padding: 0;\n  width: 100%;\n  height: 100%;\n  border-radius: 4px;\n  appearance: none;\n\n  &:hover,\n  &:active,\n  &:focus {\n    padding: 0;\n    color: lighten($darker-text-color, 8%);\n  }\n}\n\n.media-spoiler__warning {\n  display: block;\n  font-size: 14px;\n}\n\n.media-spoiler__trigger {\n  display: block;\n  font-size: 11px;\n  font-weight: 700;\n}\n\n.spoiler-button {\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  position: absolute;\n  z-index: 100;\n\n  &--minified {\n    display: block;\n    left: 4px;\n    top: 4px;\n    width: auto;\n    height: auto;\n  }\n\n  &--click-thru {\n    pointer-events: none;\n  }\n\n  &--hidden {\n    display: none;\n  }\n\n  &__overlay {\n    display: block;\n    background: transparent;\n    width: 100%;\n    height: 100%;\n    border: 0;\n\n    &__label {\n      display: inline-block;\n      background: rgba($base-overlay-background, 0.5);\n      border-radius: 8px;\n      padding: 8px 12px;\n      color: $primary-text-color;\n      font-weight: 500;\n      font-size: 14px;\n    }\n\n    &:hover,\n    &:focus,\n    &:active {\n      .spoiler-button__overlay__label {\n        background: rgba($base-overlay-background, 0.8);\n      }\n    }\n\n    &:disabled {\n      .spoiler-button__overlay__label {\n        background: rgba($base-overlay-background, 0.5);\n      }\n    }\n  }\n}\n\n.modal-container--preloader {\n  background: lighten($ui-base-color, 8%);\n}\n\n.account--panel {\n  background: lighten($ui-base-color, 4%);\n  border-top: 1px solid lighten($ui-base-color, 8%);\n  border-bottom: 1px solid lighten($ui-base-color, 8%);\n  display: flex;\n  flex-direction: row;\n  padding: 10px 0;\n}\n\n.account--panel__button,\n.detailed-status__button {\n  flex: 1 1 auto;\n  text-align: center;\n}\n\n.column-settings__outer {\n  background: lighten($ui-base-color, 8%);\n  padding: 15px;\n}\n\n.column-settings__section {\n  color: $darker-text-color;\n  cursor: default;\n  display: block;\n  font-weight: 500;\n  margin-bottom: 10px;\n}\n\n.column-settings__hashtags {\n  .column-settings__row {\n    margin-bottom: 15px;\n  }\n\n  .column-select {\n    &__control {\n      @include search-input;\n\n      &::placeholder {\n        color: lighten($darker-text-color, 4%);\n      }\n\n      &::-moz-focus-inner {\n        border: 0;\n      }\n\n      &::-moz-focus-inner,\n      &:focus,\n      &:active {\n        outline: 0 !important;\n      }\n\n      &:focus {\n        background: lighten($ui-base-color, 4%);\n      }\n\n      @media screen and (max-width: 600px) {\n        font-size: 16px;\n      }\n    }\n\n    &__placeholder {\n      color: $dark-text-color;\n      padding-left: 2px;\n      font-size: 12px;\n    }\n\n    &__value-container {\n      padding-left: 6px;\n    }\n\n    &__multi-value {\n      background: lighten($ui-base-color, 8%);\n\n      &__remove {\n        cursor: pointer;\n\n        &:hover,\n        &:active,\n        &:focus {\n          background: lighten($ui-base-color, 12%);\n          color: lighten($darker-text-color, 4%);\n        }\n      }\n    }\n\n    &__multi-value__label,\n    &__input {\n      color: $darker-text-color;\n    }\n\n    &__clear-indicator,\n    &__dropdown-indicator {\n      cursor: pointer;\n      transition: none;\n      color: $dark-text-color;\n\n      &:hover,\n      &:active,\n      &:focus {\n        color: lighten($dark-text-color, 4%);\n      }\n    }\n\n    &__indicator-separator {\n      background-color: lighten($ui-base-color, 8%);\n    }\n\n    &__menu {\n      @include search-popout;\n      padding: 0;\n      background: $ui-secondary-color;\n    }\n\n    &__menu-list {\n      padding: 6px;\n    }\n\n    &__option {\n      color: $inverted-text-color;\n      border-radius: 4px;\n      font-size: 14px;\n\n      &--is-focused,\n      &--is-selected {\n        background: darken($ui-secondary-color, 10%);\n      }\n    }\n  }\n}\n\n.column-settings__row {\n  .text-btn {\n    margin-bottom: 15px;\n  }\n}\n\n.relationship-tag {\n  color: $primary-text-color;\n  margin-bottom: 4px;\n  display: block;\n  vertical-align: top;\n  background-color: $base-overlay-background;\n  text-transform: uppercase;\n  font-size: 11px;\n  font-weight: 500;\n  padding: 4px;\n  border-radius: 4px;\n  opacity: 0.7;\n\n  &:hover {\n    opacity: 1;\n  }\n}\n\n.setting-toggle {\n  display: block;\n  line-height: 24px;\n}\n\n.setting-toggle__label {\n  color: $darker-text-color;\n  display: inline-block;\n  margin-bottom: 14px;\n  margin-left: 8px;\n  vertical-align: middle;\n}\n\n.empty-column-indicator,\n.error-column,\n.follow_requests-unlocked_explanation {\n  color: $dark-text-color;\n  background: $ui-base-color;\n  text-align: center;\n  padding: 20px;\n  font-size: 15px;\n  font-weight: 400;\n  cursor: default;\n  display: flex;\n  flex: 1 1 auto;\n  align-items: center;\n  justify-content: center;\n\n  @supports(display: grid) { // hack to fix Chrome <57\n    contain: strict;\n  }\n\n  & > span {\n    max-width: 400px;\n  }\n\n  a {\n    color: $highlight-text-color;\n    text-decoration: none;\n\n    &:hover {\n      text-decoration: underline;\n    }\n  }\n}\n\n.follow_requests-unlocked_explanation {\n  background: darken($ui-base-color, 4%);\n  contain: initial;\n}\n\n.error-column {\n  flex-direction: column;\n}\n\n@keyframes heartbeat {\n  from {\n    transform: scale(1);\n    animation-timing-function: ease-out;\n  }\n\n  10% {\n    transform: scale(0.91);\n    animation-timing-function: ease-in;\n  }\n\n  17% {\n    transform: scale(0.98);\n    animation-timing-function: ease-out;\n  }\n\n  33% {\n    transform: scale(0.87);\n    animation-timing-function: ease-in;\n  }\n\n  45% {\n    transform: scale(1);\n    animation-timing-function: ease-out;\n  }\n}\n\n.no-reduce-motion .pulse-loading {\n  transform-origin: center center;\n  animation: heartbeat 1.5s ease-in-out infinite both;\n}\n\n@keyframes shake-bottom {\n  0%,\n  100% {\n    transform: rotate(0deg);\n    transform-origin: 50% 100%;\n  }\n\n  10% {\n    transform: rotate(2deg);\n  }\n\n  20%,\n  40%,\n  60% {\n    transform: rotate(-4deg);\n  }\n\n  30%,\n  50%,\n  70% {\n    transform: rotate(4deg);\n  }\n\n  80% {\n    transform: rotate(-2deg);\n  }\n\n  90% {\n    transform: rotate(2deg);\n  }\n}\n\n.no-reduce-motion .shake-bottom {\n  transform-origin: 50% 100%;\n  animation: shake-bottom 0.8s cubic-bezier(0.455, 0.03, 0.515, 0.955) 2s 2 both;\n}\n\n.emoji-picker-dropdown__menu {\n  background: $simple-background-color;\n  position: absolute;\n  box-shadow: 4px 4px 6px rgba($base-shadow-color, 0.4);\n  border-radius: 4px;\n  margin-top: 5px;\n  z-index: 2;\n\n  .emoji-mart-scroll {\n    transition: opacity 200ms ease;\n  }\n\n  &.selecting .emoji-mart-scroll {\n    opacity: 0.5;\n  }\n}\n\n.emoji-picker-dropdown__modifiers {\n  position: absolute;\n  top: 60px;\n  right: 11px;\n  cursor: pointer;\n}\n\n.emoji-picker-dropdown__modifiers__menu {\n  position: absolute;\n  z-index: 4;\n  top: -4px;\n  left: -8px;\n  background: $simple-background-color;\n  border-radius: 4px;\n  box-shadow: 1px 2px 6px rgba($base-shadow-color, 0.2);\n  overflow: hidden;\n\n  button {\n    display: block;\n    cursor: pointer;\n    border: 0;\n    padding: 4px 8px;\n    background: transparent;\n\n    &:hover,\n    &:focus,\n    &:active {\n      background: rgba($ui-secondary-color, 0.4);\n    }\n  }\n\n  .emoji-mart-emoji {\n    height: 22px;\n  }\n}\n\n.emoji-mart-emoji {\n  span {\n    background-repeat: no-repeat;\n  }\n}\n\n.upload-area {\n  align-items: center;\n  background: rgba($base-overlay-background, 0.8);\n  display: flex;\n  height: 100%;\n  justify-content: center;\n  left: 0;\n  opacity: 0;\n  position: absolute;\n  top: 0;\n  visibility: hidden;\n  width: 100%;\n  z-index: 2000;\n\n  * {\n    pointer-events: none;\n  }\n}\n\n.upload-area__drop {\n  width: 320px;\n  height: 160px;\n  display: flex;\n  box-sizing: border-box;\n  position: relative;\n  padding: 8px;\n}\n\n.upload-area__background {\n  position: absolute;\n  top: 0;\n  right: 0;\n  bottom: 0;\n  left: 0;\n  z-index: -1;\n  border-radius: 4px;\n  background: $ui-base-color;\n  box-shadow: 0 0 5px rgba($base-shadow-color, 0.2);\n}\n\n.upload-area__content {\n  flex: 1;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  color: $secondary-text-color;\n  font-size: 18px;\n  font-weight: 500;\n  border: 2px dashed $ui-base-lighter-color;\n  border-radius: 4px;\n}\n\n.upload-progress {\n  padding: 10px;\n  color: $lighter-text-color;\n  overflow: hidden;\n  display: flex;\n\n  .fa {\n    font-size: 34px;\n    margin-right: 10px;\n  }\n\n  span {\n    font-size: 12px;\n    text-transform: uppercase;\n    font-weight: 500;\n    display: block;\n  }\n}\n\n.upload-progess__message {\n  flex: 1 1 auto;\n}\n\n.upload-progress__backdrop {\n  width: 100%;\n  height: 6px;\n  border-radius: 6px;\n  background: $ui-base-lighter-color;\n  position: relative;\n  margin-top: 5px;\n}\n\n.upload-progress__tracker {\n  position: absolute;\n  left: 0;\n  top: 0;\n  height: 6px;\n  background: $ui-highlight-color;\n  border-radius: 6px;\n}\n\n.emoji-button {\n  display: block;\n  padding: 5px 5px 2px 2px;\n  outline: 0;\n  cursor: pointer;\n\n  &:active,\n  &:focus {\n    outline: 0 !important;\n  }\n\n  img {\n    filter: grayscale(100%);\n    opacity: 0.8;\n    display: block;\n    margin: 0;\n    width: 22px;\n    height: 22px;\n  }\n\n  &:hover,\n  &:active,\n  &:focus {\n    img {\n      opacity: 1;\n      filter: none;\n    }\n  }\n}\n\n.dropdown--active .emoji-button img {\n  opacity: 1;\n  filter: none;\n}\n\n.privacy-dropdown__dropdown {\n  position: absolute;\n  background: $simple-background-color;\n  box-shadow: 2px 4px 15px rgba($base-shadow-color, 0.4);\n  border-radius: 4px;\n  margin-left: 40px;\n  overflow: hidden;\n\n  &.top {\n    transform-origin: 50% 100%;\n  }\n\n  &.bottom {\n    transform-origin: 50% 0;\n  }\n}\n\n.privacy-dropdown__option {\n  color: $inverted-text-color;\n  padding: 10px;\n  cursor: pointer;\n  display: flex;\n\n  &:hover,\n  &.active {\n    background: $ui-highlight-color;\n    color: $primary-text-color;\n    outline: 0;\n\n    .privacy-dropdown__option__content {\n      color: $primary-text-color;\n\n      strong {\n        color: $primary-text-color;\n      }\n    }\n  }\n\n  &.active:hover {\n    background: lighten($ui-highlight-color, 4%);\n  }\n}\n\n.privacy-dropdown__option__icon {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  margin-right: 10px;\n}\n\n.privacy-dropdown__option__content {\n  flex: 1 1 auto;\n  color: $lighter-text-color;\n\n  strong {\n    font-weight: 500;\n    display: block;\n    color: $inverted-text-color;\n\n    @each $lang in $cjk-langs {\n      &:lang(#{$lang}) {\n        font-weight: 700;\n      }\n    }\n  }\n}\n\n.privacy-dropdown.active {\n  .privacy-dropdown__value {\n    background: $simple-background-color;\n    border-radius: 4px 4px 0 0;\n    box-shadow: 0 -4px 4px rgba($base-shadow-color, 0.1);\n\n    .icon-button {\n      transition: none;\n    }\n\n    &.active {\n      background: $ui-highlight-color;\n\n      .icon-button {\n        color: $primary-text-color;\n      }\n    }\n  }\n\n  &.top .privacy-dropdown__value {\n    border-radius: 0 0 4px 4px;\n  }\n\n  .privacy-dropdown__dropdown {\n    display: block;\n    box-shadow: 2px 4px 6px rgba($base-shadow-color, 0.1);\n  }\n}\n\n.search {\n  position: relative;\n}\n\n.search__input {\n  @include search-input;\n\n  display: block;\n  padding: 15px;\n  padding-right: 30px;\n  line-height: 18px;\n  font-size: 16px;\n\n  &::placeholder {\n    color: lighten($darker-text-color, 4%);\n  }\n\n  &::-moz-focus-inner {\n    border: 0;\n  }\n\n  &::-moz-focus-inner,\n  &:focus,\n  &:active {\n    outline: 0 !important;\n  }\n\n  &:focus {\n    background: lighten($ui-base-color, 4%);\n  }\n\n  @media screen and (max-width: 600px) {\n    font-size: 16px;\n  }\n}\n\n.search__icon {\n  &::-moz-focus-inner {\n    border: 0;\n  }\n\n  &::-moz-focus-inner,\n  &:focus {\n    outline: 0 !important;\n  }\n\n  .fa {\n    position: absolute;\n    top: 16px;\n    right: 10px;\n    z-index: 2;\n    display: inline-block;\n    opacity: 0;\n    transition: all 100ms linear;\n    transition-property: transform, opacity;\n    font-size: 18px;\n    width: 18px;\n    height: 18px;\n    color: $secondary-text-color;\n    cursor: default;\n    pointer-events: none;\n\n    &.active {\n      pointer-events: auto;\n      opacity: 0.3;\n    }\n  }\n\n  .fa-search {\n    transform: rotate(90deg);\n\n    &.active {\n      pointer-events: none;\n      transform: rotate(0deg);\n    }\n  }\n\n  .fa-times-circle {\n    top: 17px;\n    transform: rotate(0deg);\n    color: $action-button-color;\n    cursor: pointer;\n\n    &.active {\n      transform: rotate(90deg);\n    }\n\n    &:hover {\n      color: lighten($action-button-color, 7%);\n    }\n  }\n}\n\n.search-results__header {\n  color: $dark-text-color;\n  background: lighten($ui-base-color, 2%);\n  padding: 15px;\n  font-weight: 500;\n  font-size: 16px;\n  cursor: default;\n\n  .fa {\n    display: inline-block;\n    margin-right: 5px;\n  }\n}\n\n.search-results__section {\n  margin-bottom: 5px;\n\n  h5 {\n    background: darken($ui-base-color, 4%);\n    border-bottom: 1px solid lighten($ui-base-color, 8%);\n    cursor: default;\n    display: flex;\n    padding: 15px;\n    font-weight: 500;\n    font-size: 16px;\n    color: $dark-text-color;\n\n    .fa {\n      display: inline-block;\n      margin-right: 5px;\n    }\n  }\n\n  .account:last-child,\n  & > div:last-child .status {\n    border-bottom: 0;\n  }\n}\n\n.search-results__hashtag {\n  display: block;\n  padding: 10px;\n  color: $secondary-text-color;\n  text-decoration: none;\n\n  &:hover,\n  &:active,\n  &:focus {\n    color: lighten($secondary-text-color, 4%);\n    text-decoration: underline;\n  }\n}\n\n.search-results__info {\n  padding: 20px;\n  color: $darker-text-color;\n  text-align: center;\n}\n\n.modal-root {\n  position: relative;\n  transition: opacity 0.3s linear;\n  will-change: opacity;\n  z-index: 9999;\n}\n\n.modal-root__overlay {\n  position: fixed;\n  top: 0;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  background: rgba($base-overlay-background, 0.7);\n}\n\n.modal-root__container {\n  position: fixed;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  align-content: space-around;\n  z-index: 9999;\n  pointer-events: none;\n  user-select: none;\n}\n\n.modal-root__modal {\n  pointer-events: auto;\n  display: flex;\n  z-index: 9999;\n}\n\n.video-modal__container {\n  max-width: 100vw;\n  max-height: 100vh;\n}\n\n.audio-modal__container {\n  width: 50vw;\n}\n\n.media-modal {\n  width: 100%;\n  height: 100%;\n  position: relative;\n\n  .extended-video-player {\n    width: 100%;\n    height: 100%;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n\n    video {\n      max-width: $media-modal-media-max-width;\n      max-height: $media-modal-media-max-height;\n    }\n  }\n}\n\n.media-modal__closer {\n  position: absolute;\n  top: 0;\n  left: 0;\n  right: 0;\n  bottom: 0;\n}\n\n.media-modal__navigation {\n  position: absolute;\n  top: 0;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  pointer-events: none;\n  transition: opacity 0.3s linear;\n  will-change: opacity;\n\n  * {\n    pointer-events: auto;\n  }\n\n  &.media-modal__navigation--hidden {\n    opacity: 0;\n\n    * {\n      pointer-events: none;\n    }\n  }\n}\n\n.media-modal__nav {\n  background: rgba($base-overlay-background, 0.5);\n  box-sizing: border-box;\n  border: 0;\n  color: $primary-text-color;\n  cursor: pointer;\n  display: flex;\n  align-items: center;\n  font-size: 24px;\n  height: 20vmax;\n  margin: auto 0;\n  padding: 30px 15px;\n  position: absolute;\n  top: 0;\n  bottom: 0;\n}\n\n.media-modal__nav--left {\n  left: 0;\n}\n\n.media-modal__nav--right {\n  right: 0;\n}\n\n.media-modal__pagination {\n  width: 100%;\n  text-align: center;\n  position: absolute;\n  left: 0;\n  bottom: 20px;\n  pointer-events: none;\n}\n\n.media-modal__meta {\n  text-align: center;\n  position: absolute;\n  left: 0;\n  bottom: 20px;\n  width: 100%;\n  pointer-events: none;\n\n  &--shifted {\n    bottom: 62px;\n  }\n\n  a {\n    pointer-events: auto;\n    text-decoration: none;\n    font-weight: 500;\n    color: $ui-secondary-color;\n\n    &:hover,\n    &:focus,\n    &:active {\n      text-decoration: underline;\n    }\n  }\n}\n\n.media-modal__page-dot {\n  display: inline-block;\n}\n\n.media-modal__button {\n  background-color: $primary-text-color;\n  height: 12px;\n  width: 12px;\n  border-radius: 6px;\n  margin: 10px;\n  padding: 0;\n  border: 0;\n  font-size: 0;\n}\n\n.media-modal__button--active {\n  background-color: $highlight-text-color;\n}\n\n.media-modal__close {\n  position: absolute;\n  right: 8px;\n  top: 8px;\n  z-index: 100;\n}\n\n.onboarding-modal,\n.error-modal,\n.embed-modal {\n  background: $ui-secondary-color;\n  color: $inverted-text-color;\n  border-radius: 8px;\n  overflow: hidden;\n  display: flex;\n  flex-direction: column;\n}\n\n.error-modal__body {\n  height: 80vh;\n  width: 80vw;\n  max-width: 520px;\n  max-height: 420px;\n  position: relative;\n\n  & > div {\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n    box-sizing: border-box;\n    padding: 25px;\n    display: none;\n    flex-direction: column;\n    align-items: center;\n    justify-content: center;\n    display: flex;\n    opacity: 0;\n    user-select: text;\n  }\n}\n\n.error-modal__body {\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  align-items: center;\n  text-align: center;\n}\n\n.onboarding-modal__paginator,\n.error-modal__footer {\n  flex: 0 0 auto;\n  background: darken($ui-secondary-color, 8%);\n  display: flex;\n  padding: 25px;\n\n  & > div {\n    min-width: 33px;\n  }\n\n  .onboarding-modal__nav,\n  .error-modal__nav {\n    color: $lighter-text-color;\n    border: 0;\n    font-size: 14px;\n    font-weight: 500;\n    padding: 10px 25px;\n    line-height: inherit;\n    height: auto;\n    margin: -10px;\n    border-radius: 4px;\n    background-color: transparent;\n\n    &:hover,\n    &:focus,\n    &:active {\n      color: darken($lighter-text-color, 4%);\n      background-color: darken($ui-secondary-color, 16%);\n    }\n\n    &.onboarding-modal__done,\n    &.onboarding-modal__next {\n      color: $inverted-text-color;\n\n      &:hover,\n      &:focus,\n      &:active {\n        color: lighten($inverted-text-color, 4%);\n      }\n    }\n  }\n}\n\n.error-modal__footer {\n  justify-content: center;\n}\n\n.display-case {\n  text-align: center;\n  font-size: 15px;\n  margin-bottom: 15px;\n\n  &__label {\n    font-weight: 500;\n    color: $inverted-text-color;\n    margin-bottom: 5px;\n    text-transform: uppercase;\n    font-size: 12px;\n  }\n\n  &__case {\n    background: $ui-base-color;\n    color: $secondary-text-color;\n    font-weight: 500;\n    padding: 10px;\n    border-radius: 4px;\n  }\n}\n\n.onboard-sliders {\n  display: inline-block;\n  max-width: 30px;\n  max-height: auto;\n  margin-left: 10px;\n}\n\n.boost-modal,\n.confirmation-modal,\n.report-modal,\n.actions-modal,\n.mute-modal,\n.block-modal {\n  background: lighten($ui-secondary-color, 8%);\n  color: $inverted-text-color;\n  border-radius: 8px;\n  overflow: hidden;\n  max-width: 90vw;\n  width: 480px;\n  position: relative;\n  flex-direction: column;\n\n  .status__display-name {\n    display: block;\n    max-width: 100%;\n    padding-right: 25px;\n  }\n\n  .status__avatar {\n    height: 28px;\n    left: 10px;\n    position: absolute;\n    top: 10px;\n    width: 48px;\n  }\n\n  .status__content__spoiler-link {\n    color: lighten($secondary-text-color, 8%);\n  }\n}\n\n.actions-modal {\n  .status {\n    background: $white;\n    border-bottom-color: $ui-secondary-color;\n    padding-top: 10px;\n    padding-bottom: 10px;\n  }\n\n  .dropdown-menu__separator {\n    border-bottom-color: $ui-secondary-color;\n  }\n}\n\n.boost-modal__container {\n  overflow-x: scroll;\n  padding: 10px;\n\n  .status {\n    user-select: text;\n    border-bottom: 0;\n  }\n}\n\n.boost-modal__action-bar,\n.confirmation-modal__action-bar,\n.mute-modal__action-bar,\n.block-modal__action-bar {\n  display: flex;\n  justify-content: space-between;\n  background: $ui-secondary-color;\n  padding: 10px;\n  line-height: 36px;\n\n  & > div {\n    flex: 1 1 auto;\n    text-align: right;\n    color: $lighter-text-color;\n    padding-right: 10px;\n  }\n\n  .button {\n    flex: 0 0 auto;\n  }\n}\n\n.boost-modal__status-header {\n  font-size: 15px;\n}\n\n.boost-modal__status-time {\n  float: right;\n  font-size: 14px;\n}\n\n.mute-modal,\n.block-modal {\n  line-height: 24px;\n}\n\n.mute-modal .react-toggle,\n.block-modal .react-toggle {\n  vertical-align: middle;\n}\n\n.report-modal {\n  width: 90vw;\n  max-width: 700px;\n}\n\n.report-modal__container {\n  display: flex;\n  border-top: 1px solid $ui-secondary-color;\n\n  @media screen and (max-width: 480px) {\n    flex-wrap: wrap;\n    overflow-y: auto;\n  }\n}\n\n.report-modal__statuses,\n.report-modal__comment {\n  box-sizing: border-box;\n  width: 50%;\n\n  @media screen and (max-width: 480px) {\n    width: 100%;\n  }\n}\n\n.report-modal__statuses,\n.focal-point-modal__content {\n  flex: 1 1 auto;\n  min-height: 20vh;\n  max-height: 80vh;\n  overflow-y: auto;\n  overflow-x: hidden;\n\n  .status__content a {\n    color: $highlight-text-color;\n  }\n\n  .status__content,\n  .status__content p {\n    color: $inverted-text-color;\n  }\n\n  @media screen and (max-width: 480px) {\n    max-height: 10vh;\n  }\n}\n\n.focal-point-modal__content {\n  @media screen and (max-width: 480px) {\n    max-height: 40vh;\n  }\n}\n\n.report-modal__comment {\n  padding: 20px;\n  border-right: 1px solid $ui-secondary-color;\n  max-width: 320px;\n\n  p {\n    font-size: 14px;\n    line-height: 20px;\n    margin-bottom: 20px;\n  }\n\n  .setting-text {\n    display: block;\n    box-sizing: border-box;\n    width: 100%;\n    margin: 0;\n    color: $inverted-text-color;\n    background: $white;\n    padding: 10px;\n    font-family: inherit;\n    font-size: 14px;\n    resize: none;\n    border: 0;\n    outline: 0;\n    border-radius: 4px;\n    border: 1px solid $ui-secondary-color;\n    min-height: 100px;\n    max-height: 50vh;\n    margin-bottom: 10px;\n\n    &:focus {\n      border: 1px solid darken($ui-secondary-color, 8%);\n    }\n\n    &__wrapper {\n      background: $white;\n      border: 1px solid $ui-secondary-color;\n      margin-bottom: 10px;\n      border-radius: 4px;\n\n      .setting-text {\n        border: 0;\n        margin-bottom: 0;\n        border-radius: 0;\n\n        &:focus {\n          border: 0;\n        }\n      }\n\n      &__modifiers {\n        color: $inverted-text-color;\n        font-family: inherit;\n        font-size: 14px;\n        background: $white;\n      }\n    }\n\n    &__toolbar {\n      display: flex;\n      justify-content: space-between;\n      margin-bottom: 20px;\n    }\n  }\n\n  .setting-text-label {\n    display: block;\n    color: $inverted-text-color;\n    font-size: 14px;\n    font-weight: 500;\n    margin-bottom: 10px;\n  }\n\n  .setting-toggle {\n    margin-top: 20px;\n    margin-bottom: 24px;\n\n    &__label {\n      color: $inverted-text-color;\n      font-size: 14px;\n    }\n  }\n\n  @media screen and (max-width: 480px) {\n    padding: 10px;\n    max-width: 100%;\n    order: 2;\n\n    .setting-toggle {\n      margin-bottom: 4px;\n    }\n  }\n}\n\n.actions-modal {\n  max-height: 80vh;\n  max-width: 80vw;\n\n  .status {\n    overflow-y: auto;\n    max-height: 300px;\n  }\n\n  .actions-modal__item-label {\n    font-weight: 500;\n  }\n\n  ul {\n    overflow-y: auto;\n    flex-shrink: 0;\n    max-height: 80vh;\n\n    &.with-status {\n      max-height: calc(80vh - 75px);\n    }\n\n    li:empty {\n      margin: 0;\n    }\n\n    li:not(:empty) {\n      a {\n        color: $inverted-text-color;\n        display: flex;\n        padding: 12px 16px;\n        font-size: 15px;\n        align-items: center;\n        text-decoration: none;\n\n        &,\n        button {\n          transition: none;\n        }\n\n        &.active,\n        &:hover,\n        &:active,\n        &:focus {\n          &,\n          button {\n            background: $ui-highlight-color;\n            color: $primary-text-color;\n          }\n        }\n\n        button:first-child {\n          margin-right: 10px;\n        }\n      }\n    }\n  }\n}\n\n.confirmation-modal__action-bar,\n.mute-modal__action-bar,\n.block-modal__action-bar {\n  .confirmation-modal__secondary-button {\n    flex-shrink: 1;\n  }\n}\n\n.confirmation-modal__secondary-button,\n.confirmation-modal__cancel-button,\n.mute-modal__cancel-button,\n.block-modal__cancel-button {\n  background-color: transparent;\n  color: $lighter-text-color;\n  font-size: 14px;\n  font-weight: 500;\n\n  &:hover,\n  &:focus,\n  &:active {\n    color: darken($lighter-text-color, 4%);\n    background-color: transparent;\n  }\n}\n\n.confirmation-modal__container,\n.mute-modal__container,\n.block-modal__container,\n.report-modal__target {\n  padding: 30px;\n  font-size: 16px;\n\n  strong {\n    font-weight: 500;\n\n    @each $lang in $cjk-langs {\n      &:lang(#{$lang}) {\n        font-weight: 700;\n      }\n    }\n  }\n}\n\n.confirmation-modal__container,\n.report-modal__target {\n  text-align: center;\n}\n\n.block-modal,\n.mute-modal {\n  &__explanation {\n    margin-top: 20px;\n  }\n\n  .setting-toggle {\n    margin-top: 20px;\n    margin-bottom: 24px;\n    display: flex;\n    align-items: center;\n\n    &__label {\n      color: $inverted-text-color;\n      margin: 0;\n      margin-left: 8px;\n    }\n  }\n}\n\n.report-modal__target {\n  padding: 15px;\n\n  .media-modal__close {\n    top: 14px;\n    right: 15px;\n  }\n}\n\n.loading-bar {\n  background-color: $highlight-text-color;\n  height: 3px;\n  position: absolute;\n  top: 0;\n  left: 0;\n  z-index: 9999;\n}\n\n.media-gallery__gifv__label {\n  display: block;\n  position: absolute;\n  color: $primary-text-color;\n  background: rgba($base-overlay-background, 0.5);\n  bottom: 6px;\n  left: 6px;\n  padding: 2px 6px;\n  border-radius: 2px;\n  font-size: 11px;\n  font-weight: 600;\n  z-index: 1;\n  pointer-events: none;\n  opacity: 0.9;\n  transition: opacity 0.1s ease;\n  line-height: 18px;\n}\n\n.media-gallery__gifv {\n  &:hover {\n    .media-gallery__gifv__label {\n      opacity: 1;\n    }\n  }\n}\n\n.media-gallery__audio {\n  margin-top: 32px;\n\n  audio {\n    width: 100%;\n  }\n}\n\n.attachment-list {\n  display: flex;\n  font-size: 14px;\n  border: 1px solid lighten($ui-base-color, 8%);\n  border-radius: 4px;\n  margin-top: 14px;\n  overflow: hidden;\n\n  &__icon {\n    flex: 0 0 auto;\n    color: $dark-text-color;\n    padding: 8px 18px;\n    cursor: default;\n    border-right: 1px solid lighten($ui-base-color, 8%);\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    justify-content: center;\n    font-size: 26px;\n\n    .fa {\n      display: block;\n    }\n  }\n\n  &__list {\n    list-style: none;\n    padding: 4px 0;\n    padding-left: 8px;\n    display: flex;\n    flex-direction: column;\n    justify-content: center;\n\n    li {\n      display: block;\n      padding: 4px 0;\n    }\n\n    a {\n      text-decoration: none;\n      color: $dark-text-color;\n      font-weight: 500;\n\n      &:hover {\n        text-decoration: underline;\n      }\n    }\n  }\n\n  &.compact {\n    border: 0;\n    margin-top: 4px;\n\n    .attachment-list__list {\n      padding: 0;\n      display: block;\n    }\n\n    .fa {\n      color: $dark-text-color;\n    }\n  }\n}\n\n/* Media Gallery */\n.media-gallery {\n  box-sizing: border-box;\n  margin-top: 8px;\n  overflow: hidden;\n  border-radius: 4px;\n  position: relative;\n  width: 100%;\n}\n\n.media-gallery__item {\n  border: 0;\n  box-sizing: border-box;\n  display: block;\n  float: left;\n  position: relative;\n  border-radius: 4px;\n  overflow: hidden;\n\n  &.standalone {\n    .media-gallery__item-gifv-thumbnail {\n      transform: none;\n      top: 0;\n    }\n  }\n}\n\n.media-gallery__item-thumbnail {\n  cursor: zoom-in;\n  display: block;\n  text-decoration: none;\n  color: $secondary-text-color;\n  position: relative;\n  z-index: 1;\n\n  &,\n  img {\n    height: 100%;\n    width: 100%;\n  }\n\n  img {\n    object-fit: cover;\n  }\n}\n\n.media-gallery__preview {\n  width: 100%;\n  height: 100%;\n  object-fit: cover;\n  position: absolute;\n  top: 0;\n  left: 0;\n  z-index: 0;\n  background: $base-overlay-background;\n\n  &--hidden {\n    display: none;\n  }\n}\n\n.media-gallery__gifv {\n  height: 100%;\n  overflow: hidden;\n  position: relative;\n  width: 100%;\n}\n\n.media-gallery__item-gifv-thumbnail {\n  cursor: zoom-in;\n  height: 100%;\n  object-fit: cover;\n  position: relative;\n  top: 50%;\n  transform: translateY(-50%);\n  width: 100%;\n  z-index: 1;\n}\n\n.media-gallery__item-thumbnail-label {\n  clip: rect(1px 1px 1px 1px); /* IE6, IE7 */\n  clip: rect(1px, 1px, 1px, 1px);\n  overflow: hidden;\n  position: absolute;\n}\n/* End Media Gallery */\n\n.detailed,\n.fullscreen {\n  .video-player__volume__current,\n  .video-player__volume::before {\n    bottom: 27px;\n  }\n\n  .video-player__volume__handle {\n    bottom: 23px;\n  }\n\n}\n\n.audio-player {\n  box-sizing: border-box;\n  position: relative;\n  background: darken($ui-base-color, 8%);\n  border-radius: 4px;\n  padding-bottom: 44px;\n  direction: ltr;\n\n  &.editable {\n    border-radius: 0;\n    height: 100%;\n  }\n\n  &__waveform {\n    padding: 15px 0;\n    position: relative;\n    overflow: hidden;\n\n    &::before {\n      content: \"\";\n      display: block;\n      position: absolute;\n      border-top: 1px solid lighten($ui-base-color, 4%);\n      width: 100%;\n      height: 0;\n      left: 0;\n      top: calc(50% + 1px);\n    }\n  }\n\n  &__progress-placeholder {\n    background-color: rgba(lighten($ui-highlight-color, 8%), 0.5);\n  }\n\n  &__wave-placeholder {\n    background-color: lighten($ui-base-color, 16%);\n  }\n\n  .video-player__controls {\n    padding: 0 15px;\n    padding-top: 10px;\n    background: darken($ui-base-color, 8%);\n    border-top: 1px solid lighten($ui-base-color, 4%);\n    border-radius: 0 0 4px 4px;\n  }\n}\n\n.video-player {\n  overflow: hidden;\n  position: relative;\n  background: $base-shadow-color;\n  max-width: 100%;\n  border-radius: 4px;\n  box-sizing: border-box;\n  direction: ltr;\n\n  &.editable {\n    border-radius: 0;\n    height: 100% !important;\n  }\n\n  &:focus {\n    outline: 0;\n  }\n\n  video {\n    max-width: 100vw;\n    max-height: 80vh;\n    z-index: 1;\n  }\n\n  &.fullscreen {\n    width: 100% !important;\n    height: 100% !important;\n    margin: 0;\n\n    video {\n      max-width: 100% !important;\n      max-height: 100% !important;\n      width: 100% !important;\n      height: 100% !important;\n      outline: 0;\n    }\n  }\n\n  &.inline {\n    video {\n      object-fit: contain;\n      position: relative;\n      top: 50%;\n      transform: translateY(-50%);\n    }\n  }\n\n  &__controls {\n    position: absolute;\n    z-index: 2;\n    bottom: 0;\n    left: 0;\n    right: 0;\n    box-sizing: border-box;\n    background: linear-gradient(0deg, rgba($base-shadow-color, 0.85) 0, rgba($base-shadow-color, 0.45) 60%, transparent);\n    padding: 0 15px;\n    opacity: 0;\n    transition: opacity .1s ease;\n\n    &.active {\n      opacity: 1;\n    }\n  }\n\n  &.inactive {\n    video,\n    .video-player__controls {\n      visibility: hidden;\n    }\n  }\n\n  &__spoiler {\n    display: none;\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n    z-index: 4;\n    border: 0;\n    background: $base-overlay-background;\n    color: $darker-text-color;\n    transition: none;\n    pointer-events: none;\n\n    &.active {\n      display: block;\n      pointer-events: auto;\n\n      &:hover,\n      &:active,\n      &:focus {\n        color: lighten($darker-text-color, 7%);\n      }\n    }\n\n    &__title {\n      display: block;\n      font-size: 14px;\n    }\n\n    &__subtitle {\n      display: block;\n      font-size: 11px;\n      font-weight: 500;\n    }\n  }\n\n  &__buttons-bar {\n    display: flex;\n    justify-content: space-between;\n    padding-bottom: 10px;\n\n    .video-player__download__icon {\n      color: inherit;\n    }\n  }\n\n  &__buttons {\n    font-size: 16px;\n    white-space: nowrap;\n    overflow: hidden;\n    text-overflow: ellipsis;\n\n    &.left {\n      button {\n        padding-left: 0;\n      }\n    }\n\n    &.right {\n      button {\n        padding-right: 0;\n      }\n    }\n\n    button {\n      background: transparent;\n      padding: 2px 10px;\n      font-size: 16px;\n      border: 0;\n      color: rgba($white, 0.75);\n\n      &:active,\n      &:hover,\n      &:focus {\n        color: $white;\n      }\n    }\n  }\n\n  &__time-sep,\n  &__time-total,\n  &__time-current {\n    font-size: 14px;\n    font-weight: 500;\n  }\n\n  &__time-current {\n    color: $white;\n    margin-left: 60px;\n  }\n\n  &__time-sep {\n    display: inline-block;\n    margin: 0 6px;\n  }\n\n  &__time-sep,\n  &__time-total {\n    color: $white;\n  }\n\n  &__volume {\n    cursor: pointer;\n    height: 24px;\n    display: inline;\n\n    &::before {\n      content: \"\";\n      width: 50px;\n      background: rgba($white, 0.35);\n      border-radius: 4px;\n      display: block;\n      position: absolute;\n      height: 4px;\n      left: 70px;\n      bottom: 20px;\n    }\n\n    &__current {\n      display: block;\n      position: absolute;\n      height: 4px;\n      border-radius: 4px;\n      left: 70px;\n      bottom: 20px;\n      background: lighten($ui-highlight-color, 8%);\n    }\n\n    &__handle {\n      position: absolute;\n      z-index: 3;\n      border-radius: 50%;\n      width: 12px;\n      height: 12px;\n      bottom: 16px;\n      left: 70px;\n      transition: opacity .1s ease;\n      background: lighten($ui-highlight-color, 8%);\n      box-shadow: 1px 2px 6px rgba($base-shadow-color, 0.2);\n      pointer-events: none;\n    }\n  }\n\n  &__link {\n    padding: 2px 10px;\n\n    a {\n      text-decoration: none;\n      font-size: 14px;\n      font-weight: 500;\n      color: $white;\n\n      &:hover,\n      &:active,\n      &:focus {\n        text-decoration: underline;\n      }\n    }\n  }\n\n  &__seek {\n    cursor: pointer;\n    height: 24px;\n    position: relative;\n\n    &::before {\n      content: \"\";\n      width: 100%;\n      background: rgba($white, 0.35);\n      border-radius: 4px;\n      display: block;\n      position: absolute;\n      height: 4px;\n      top: 10px;\n    }\n\n    &__progress,\n    &__buffer {\n      display: block;\n      position: absolute;\n      height: 4px;\n      border-radius: 4px;\n      top: 10px;\n      background: lighten($ui-highlight-color, 8%);\n    }\n\n    &__buffer {\n      background: rgba($white, 0.2);\n    }\n\n    &__handle {\n      position: absolute;\n      z-index: 3;\n      opacity: 0;\n      border-radius: 50%;\n      width: 12px;\n      height: 12px;\n      top: 6px;\n      margin-left: -6px;\n      transition: opacity .1s ease;\n      background: lighten($ui-highlight-color, 8%);\n      box-shadow: 1px 2px 6px rgba($base-shadow-color, 0.2);\n      pointer-events: none;\n\n      &.active {\n        opacity: 1;\n      }\n    }\n\n    &:hover {\n      .video-player__seek__handle {\n        opacity: 1;\n      }\n    }\n  }\n\n  &.detailed,\n  &.fullscreen {\n    .video-player__buttons {\n      button {\n        padding-top: 10px;\n        padding-bottom: 10px;\n      }\n    }\n  }\n}\n\n.directory {\n  &__list {\n    width: 100%;\n    margin: 10px 0;\n    transition: opacity 100ms ease-in;\n\n    &.loading {\n      opacity: 0.7;\n    }\n\n    @media screen and (max-width: $no-gap-breakpoint) {\n      margin: 0;\n    }\n  }\n\n  &__card {\n    box-sizing: border-box;\n    margin-bottom: 10px;\n\n    &__img {\n      height: 125px;\n      position: relative;\n      background: darken($ui-base-color, 12%);\n      overflow: hidden;\n\n      img {\n        display: block;\n        width: 100%;\n        height: 100%;\n        margin: 0;\n        object-fit: cover;\n      }\n    }\n\n    &__bar {\n      display: flex;\n      align-items: center;\n      background: lighten($ui-base-color, 4%);\n      padding: 10px;\n\n      &__name {\n        flex: 1 1 auto;\n        display: flex;\n        align-items: center;\n        text-decoration: none;\n        overflow: hidden;\n      }\n\n      &__relationship {\n        width: 23px;\n        min-height: 1px;\n        flex: 0 0 auto;\n      }\n\n      .avatar {\n        flex: 0 0 auto;\n        width: 48px;\n        height: 48px;\n        padding-top: 2px;\n\n        img {\n          width: 100%;\n          height: 100%;\n          display: block;\n          margin: 0;\n          border-radius: 4px;\n          background: darken($ui-base-color, 8%);\n          object-fit: cover;\n        }\n      }\n\n      .display-name {\n        margin-left: 15px;\n        text-align: left;\n\n        strong {\n          font-size: 15px;\n          color: $primary-text-color;\n          font-weight: 500;\n          overflow: hidden;\n          text-overflow: ellipsis;\n        }\n\n        span {\n          display: block;\n          font-size: 14px;\n          color: $darker-text-color;\n          font-weight: 400;\n          overflow: hidden;\n          text-overflow: ellipsis;\n        }\n      }\n    }\n\n    &__extra {\n      background: $ui-base-color;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n\n      .accounts-table__count {\n        width: 33.33%;\n        flex: 0 0 auto;\n        padding: 15px 0;\n      }\n\n      .account__header__content {\n        box-sizing: border-box;\n        padding: 15px 10px;\n        border-bottom: 1px solid lighten($ui-base-color, 8%);\n        width: 100%;\n        min-height: 18px + 30px;\n        white-space: nowrap;\n        overflow: hidden;\n        text-overflow: ellipsis;\n\n        p {\n          display: none;\n\n          &:first-child {\n            display: inline;\n          }\n        }\n\n        br {\n          display: none;\n        }\n      }\n    }\n  }\n}\n\n.account-gallery__container {\n  display: flex;\n  flex-wrap: wrap;\n  padding: 4px 2px;\n}\n\n.account-gallery__item {\n  border: 0;\n  box-sizing: border-box;\n  display: block;\n  position: relative;\n  border-radius: 4px;\n  overflow: hidden;\n  margin: 2px;\n\n  &__icons {\n    position: absolute;\n    top: 50%;\n    left: 50%;\n    transform: translate(-50%, -50%);\n    font-size: 24px;\n  }\n}\n\n.notification__filter-bar,\n.account__section-headline {\n  background: darken($ui-base-color, 4%);\n  border-bottom: 1px solid lighten($ui-base-color, 8%);\n  cursor: default;\n  display: flex;\n  flex-shrink: 0;\n\n  button {\n    background: darken($ui-base-color, 4%);\n    border: 0;\n    margin: 0;\n  }\n\n  button,\n  a {\n    display: block;\n    flex: 1 1 auto;\n    color: $darker-text-color;\n    padding: 15px 0;\n    font-size: 14px;\n    font-weight: 500;\n    text-align: center;\n    text-decoration: none;\n    position: relative;\n    width: 100%;\n    white-space: nowrap;\n\n    &.active {\n      color: $secondary-text-color;\n\n      &::before,\n      &::after {\n        display: block;\n        content: \"\";\n        position: absolute;\n        bottom: 0;\n        left: 50%;\n        width: 0;\n        height: 0;\n        transform: translateX(-50%);\n        border-style: solid;\n        border-width: 0 10px 10px;\n        border-color: transparent transparent lighten($ui-base-color, 8%);\n      }\n\n      &::after {\n        bottom: -1px;\n        border-color: transparent transparent $ui-base-color;\n      }\n    }\n  }\n\n  &.directory__section-headline {\n    background: darken($ui-base-color, 2%);\n    border-bottom-color: transparent;\n\n    a,\n    button {\n      &.active {\n        &::before {\n          display: none;\n        }\n\n        &::after {\n          border-color: transparent transparent darken($ui-base-color, 7%);\n        }\n      }\n    }\n  }\n}\n\n.filter-form {\n  background: $ui-base-color;\n\n  &__column {\n    padding: 10px 15px;\n  }\n\n  .radio-button {\n    display: block;\n  }\n}\n\n.radio-button {\n  font-size: 14px;\n  position: relative;\n  display: inline-block;\n  padding: 6px 0;\n  line-height: 18px;\n  cursor: default;\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  cursor: pointer;\n\n  input[type=radio],\n  input[type=checkbox] {\n    display: none;\n  }\n\n  &__input {\n    display: inline-block;\n    position: relative;\n    border: 1px solid $ui-primary-color;\n    box-sizing: border-box;\n    width: 18px;\n    height: 18px;\n    flex: 0 0 auto;\n    margin-right: 10px;\n    top: -1px;\n    border-radius: 50%;\n    vertical-align: middle;\n\n    &.checked {\n      border-color: lighten($ui-highlight-color, 8%);\n      background: lighten($ui-highlight-color, 8%);\n    }\n  }\n}\n\n::-webkit-scrollbar-thumb {\n  border-radius: 0;\n}\n\n.search-popout {\n  @include search-popout;\n}\n\nnoscript {\n  text-align: center;\n\n  img {\n    width: 200px;\n    opacity: 0.5;\n    animation: flicker 4s infinite;\n  }\n\n  div {\n    font-size: 14px;\n    margin: 30px auto;\n    color: $secondary-text-color;\n    max-width: 400px;\n\n    a {\n      color: $highlight-text-color;\n      text-decoration: underline;\n\n      &:hover {\n        text-decoration: none;\n      }\n    }\n  }\n}\n\n@keyframes flicker {\n  0% { opacity: 1; }\n  30% { opacity: 0.75; }\n  100% { opacity: 1; }\n}\n\n@media screen and (max-width: 630px) and (max-height: 400px) {\n  $duration: 400ms;\n  $delay: 100ms;\n\n  .tabs-bar,\n  .search {\n    will-change: margin-top;\n    transition: margin-top $duration $delay;\n  }\n\n  .navigation-bar {\n    will-change: padding-bottom;\n    transition: padding-bottom $duration $delay;\n  }\n\n  .navigation-bar {\n    & > a:first-child {\n      will-change: margin-top, margin-left, margin-right, width;\n      transition: margin-top $duration $delay, margin-left $duration ($duration + $delay), margin-right $duration ($duration + $delay);\n    }\n\n    & > .navigation-bar__profile-edit {\n      will-change: margin-top;\n      transition: margin-top $duration $delay;\n    }\n\n    .navigation-bar__actions {\n      & > .icon-button.close {\n        will-change: opacity transform;\n        transition: opacity $duration * 0.5 $delay,\n                    transform $duration $delay;\n      }\n\n      & > .compose__action-bar .icon-button {\n        will-change: opacity transform;\n        transition: opacity $duration * 0.5 $delay + $duration * 0.5,\n                    transform $duration $delay;\n      }\n    }\n  }\n\n  .is-composing {\n    .tabs-bar,\n    .search {\n      margin-top: -50px;\n    }\n\n    .navigation-bar {\n      padding-bottom: 0;\n\n      & > a:first-child {\n        margin: -100px 10px 0 -50px;\n      }\n\n      .navigation-bar__profile {\n        padding-top: 2px;\n      }\n\n      .navigation-bar__profile-edit {\n        position: absolute;\n        margin-top: -60px;\n      }\n\n      .navigation-bar__actions {\n        .icon-button.close {\n          pointer-events: auto;\n          opacity: 1;\n          transform: scale(1, 1) translate(0, 0);\n          bottom: 5px;\n        }\n\n        .compose__action-bar .icon-button {\n          pointer-events: none;\n          opacity: 0;\n          transform: scale(0, 1) translate(100%, 0);\n        }\n      }\n    }\n  }\n}\n\n.embed-modal {\n  width: auto;\n  max-width: 80vw;\n  max-height: 80vh;\n\n  h4 {\n    padding: 30px;\n    font-weight: 500;\n    font-size: 16px;\n    text-align: center;\n  }\n\n  .embed-modal__container {\n    padding: 10px;\n\n    .hint {\n      margin-bottom: 15px;\n    }\n\n    .embed-modal__html {\n      outline: 0;\n      box-sizing: border-box;\n      display: block;\n      width: 100%;\n      border: 0;\n      padding: 10px;\n      font-family: $font-monospace, monospace;\n      background: $ui-base-color;\n      color: $primary-text-color;\n      font-size: 14px;\n      margin: 0;\n      margin-bottom: 15px;\n      border-radius: 4px;\n\n      &::-moz-focus-inner {\n        border: 0;\n      }\n\n      &::-moz-focus-inner,\n      &:focus,\n      &:active {\n        outline: 0 !important;\n      }\n\n      &:focus {\n        background: lighten($ui-base-color, 4%);\n      }\n\n      @media screen and (max-width: 600px) {\n        font-size: 16px;\n      }\n    }\n\n    .embed-modal__iframe {\n      width: 400px;\n      max-width: 100%;\n      overflow: hidden;\n      border: 0;\n      border-radius: 4px;\n    }\n  }\n}\n\n.account__moved-note {\n  padding: 14px 10px;\n  padding-bottom: 16px;\n  background: lighten($ui-base-color, 4%);\n  border-top: 1px solid lighten($ui-base-color, 8%);\n  border-bottom: 1px solid lighten($ui-base-color, 8%);\n\n  &__message {\n    position: relative;\n    margin-left: 58px;\n    color: $dark-text-color;\n    padding: 8px 0;\n    padding-top: 0;\n    padding-bottom: 4px;\n    font-size: 14px;\n\n    > span {\n      display: block;\n      overflow: hidden;\n      text-overflow: ellipsis;\n    }\n  }\n\n  &__icon-wrapper {\n    left: -26px;\n    position: absolute;\n  }\n\n  .detailed-status__display-avatar {\n    position: relative;\n  }\n\n  .detailed-status__display-name {\n    margin-bottom: 0;\n  }\n}\n\n.column-inline-form {\n  padding: 15px;\n  padding-right: 0;\n  display: flex;\n  justify-content: flex-start;\n  align-items: center;\n  background: lighten($ui-base-color, 4%);\n\n  label {\n    flex: 1 1 auto;\n\n    input {\n      width: 100%;\n\n      &:focus {\n        outline: 0;\n      }\n    }\n  }\n\n  .icon-button {\n    flex: 0 0 auto;\n    margin: 0 10px;\n  }\n}\n\n.drawer__backdrop {\n  cursor: pointer;\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  background: rgba($base-overlay-background, 0.5);\n}\n\n.list-editor {\n  background: $ui-base-color;\n  flex-direction: column;\n  border-radius: 8px;\n  box-shadow: 2px 4px 15px rgba($base-shadow-color, 0.4);\n  width: 380px;\n  overflow: hidden;\n\n  @media screen and (max-width: 420px) {\n    width: 90%;\n  }\n\n  h4 {\n    padding: 15px 0;\n    background: lighten($ui-base-color, 13%);\n    font-weight: 500;\n    font-size: 16px;\n    text-align: center;\n    border-radius: 8px 8px 0 0;\n  }\n\n  .drawer__pager {\n    height: 50vh;\n  }\n\n  .drawer__inner {\n    border-radius: 0 0 8px 8px;\n\n    &.backdrop {\n      width: calc(100% - 60px);\n      box-shadow: 2px 4px 15px rgba($base-shadow-color, 0.4);\n      border-radius: 0 0 0 8px;\n    }\n  }\n\n  &__accounts {\n    overflow-y: auto;\n  }\n\n  .account__display-name {\n    &:hover strong {\n      text-decoration: none;\n    }\n  }\n\n  .account__avatar {\n    cursor: default;\n  }\n\n  .search {\n    margin-bottom: 0;\n  }\n}\n\n.list-adder {\n  background: $ui-base-color;\n  flex-direction: column;\n  border-radius: 8px;\n  box-shadow: 2px 4px 15px rgba($base-shadow-color, 0.4);\n  width: 380px;\n  overflow: hidden;\n\n  @media screen and (max-width: 420px) {\n    width: 90%;\n  }\n\n  &__account {\n    background: lighten($ui-base-color, 13%);\n  }\n\n  &__lists {\n    background: lighten($ui-base-color, 13%);\n    height: 50vh;\n    border-radius: 0 0 8px 8px;\n    overflow-y: auto;\n  }\n\n  .list {\n    padding: 10px;\n    border-bottom: 1px solid lighten($ui-base-color, 8%);\n  }\n\n  .list__wrapper {\n    display: flex;\n  }\n\n  .list__display-name {\n    flex: 1 1 auto;\n    overflow: hidden;\n    text-decoration: none;\n    font-size: 16px;\n    padding: 10px;\n  }\n}\n\n.focal-point {\n  position: relative;\n  cursor: move;\n  overflow: hidden;\n  height: 100%;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  background: $base-shadow-color;\n\n  img,\n  video,\n  canvas {\n    display: block;\n    max-height: 80vh;\n    width: 100%;\n    height: auto;\n    margin: 0;\n    object-fit: contain;\n    background: $base-shadow-color;\n  }\n\n  &__reticle {\n    position: absolute;\n    width: 100px;\n    height: 100px;\n    transform: translate(-50%, -50%);\n    background: url('~images/reticle.png') no-repeat 0 0;\n    border-radius: 50%;\n    box-shadow: 0 0 0 9999em rgba($base-shadow-color, 0.35);\n  }\n\n  &__overlay {\n    position: absolute;\n    width: 100%;\n    height: 100%;\n    top: 0;\n    left: 0;\n  }\n\n  &__preview {\n    position: absolute;\n    bottom: 10px;\n    right: 10px;\n    z-index: 2;\n    cursor: move;\n    transition: opacity 0.1s ease;\n\n    &:hover {\n      opacity: 0.5;\n    }\n\n    strong {\n      color: $primary-text-color;\n      font-size: 14px;\n      font-weight: 500;\n      display: block;\n      margin-bottom: 5px;\n    }\n\n    div {\n      border-radius: 4px;\n      box-shadow: 0 0 14px rgba($base-shadow-color, 0.2);\n    }\n  }\n\n  @media screen and (max-width: 480px) {\n    img,\n    video {\n      max-height: 100%;\n    }\n\n    &__preview {\n      display: none;\n    }\n  }\n}\n\n.account__header__content {\n  color: $darker-text-color;\n  font-size: 14px;\n  font-weight: 400;\n  overflow: hidden;\n  word-break: normal;\n  word-wrap: break-word;\n\n  p {\n    margin-bottom: 20px;\n\n    &:last-child {\n      margin-bottom: 0;\n    }\n  }\n\n  a {\n    color: inherit;\n    text-decoration: underline;\n\n    &:hover {\n      text-decoration: none;\n    }\n  }\n}\n\n.account__header {\n  overflow: hidden;\n\n  &.inactive {\n    opacity: 0.5;\n\n    .account__header__image,\n    .account__avatar {\n      filter: grayscale(100%);\n    }\n  }\n\n  &__info {\n    position: absolute;\n    top: 10px;\n    left: 10px;\n  }\n\n  &__image {\n    overflow: hidden;\n    height: 145px;\n    position: relative;\n    background: darken($ui-base-color, 4%);\n\n    img {\n      object-fit: cover;\n      display: block;\n      width: 100%;\n      height: 100%;\n      margin: 0;\n    }\n  }\n\n  &__bar {\n    position: relative;\n    background: lighten($ui-base-color, 4%);\n    padding: 5px;\n    border-bottom: 1px solid lighten($ui-base-color, 12%);\n\n    .avatar {\n      display: block;\n      flex: 0 0 auto;\n      width: 94px;\n      margin-left: -2px;\n\n      .account__avatar {\n        background: darken($ui-base-color, 8%);\n        border: 2px solid lighten($ui-base-color, 4%);\n      }\n    }\n  }\n\n  &__tabs {\n    display: flex;\n    align-items: flex-start;\n    padding: 7px 5px;\n    margin-top: -55px;\n\n    &__buttons {\n      display: flex;\n      align-items: center;\n      padding-top: 55px;\n      overflow: hidden;\n\n      .icon-button {\n        border: 1px solid lighten($ui-base-color, 12%);\n        border-radius: 4px;\n        box-sizing: content-box;\n        padding: 2px;\n      }\n\n      .button {\n        margin: 0 8px;\n      }\n    }\n\n    &__name {\n      padding: 5px;\n\n      .account-role {\n        vertical-align: top;\n      }\n\n      .emojione {\n        width: 22px;\n        height: 22px;\n      }\n\n      h1 {\n        font-size: 16px;\n        line-height: 24px;\n        color: $primary-text-color;\n        font-weight: 500;\n        overflow: hidden;\n        white-space: nowrap;\n        text-overflow: ellipsis;\n\n        small {\n          display: block;\n          font-size: 14px;\n          color: $darker-text-color;\n          font-weight: 400;\n          overflow: hidden;\n          text-overflow: ellipsis;\n        }\n      }\n    }\n\n    .spacer {\n      flex: 1 1 auto;\n    }\n  }\n\n  &__bio {\n    overflow: hidden;\n    margin: 0 -5px;\n\n    .account__header__content {\n      padding: 20px 15px;\n      padding-bottom: 5px;\n      color: $primary-text-color;\n    }\n\n    .account__header__fields {\n      margin: 0;\n      border-top: 1px solid lighten($ui-base-color, 12%);\n\n      a {\n        color: lighten($ui-highlight-color, 8%);\n      }\n\n      dl:first-child .verified {\n        border-radius: 0 4px 0 0;\n      }\n\n      .verified a {\n        color: $valid-value-color;\n      }\n    }\n  }\n\n  &__extra {\n    margin-top: 4px;\n\n    &__links {\n      font-size: 14px;\n      color: $darker-text-color;\n      padding: 10px 0;\n\n      a {\n        display: inline-block;\n        color: $darker-text-color;\n        text-decoration: none;\n        padding: 5px 10px;\n        font-weight: 500;\n\n        strong {\n          font-weight: 700;\n          color: $primary-text-color;\n        }\n      }\n    }\n  }\n}\n\n.trends {\n  &__header {\n    color: $dark-text-color;\n    background: lighten($ui-base-color, 2%);\n    border-bottom: 1px solid darken($ui-base-color, 4%);\n    font-weight: 500;\n    padding: 15px;\n    font-size: 16px;\n    cursor: default;\n\n    .fa {\n      display: inline-block;\n      margin-right: 5px;\n    }\n  }\n\n  &__item {\n    display: flex;\n    align-items: center;\n    padding: 15px;\n    border-bottom: 1px solid lighten($ui-base-color, 8%);\n\n    &:last-child {\n      border-bottom: 0;\n    }\n\n    &__name {\n      flex: 1 1 auto;\n      color: $dark-text-color;\n      overflow: hidden;\n      text-overflow: ellipsis;\n      white-space: nowrap;\n\n      strong {\n        font-weight: 500;\n      }\n\n      a {\n        color: $darker-text-color;\n        text-decoration: none;\n        font-size: 14px;\n        font-weight: 500;\n        display: block;\n        overflow: hidden;\n        text-overflow: ellipsis;\n        white-space: nowrap;\n\n        &:hover,\n        &:focus,\n        &:active {\n          span {\n            text-decoration: underline;\n          }\n        }\n      }\n    }\n\n    &__current {\n      flex: 0 0 auto;\n      font-size: 24px;\n      line-height: 36px;\n      font-weight: 500;\n      text-align: right;\n      padding-right: 15px;\n      margin-left: 5px;\n      color: $secondary-text-color;\n    }\n\n    &__sparkline {\n      flex: 0 0 auto;\n      width: 50px;\n\n      path:first-child {\n        fill: rgba($highlight-text-color, 0.25) !important;\n        fill-opacity: 1 !important;\n      }\n\n      path:last-child {\n        stroke: lighten($highlight-text-color, 6%) !important;\n      }\n    }\n  }\n}\n\n.conversation {\n  display: flex;\n  border-bottom: 1px solid lighten($ui-base-color, 8%);\n  padding: 5px;\n  padding-bottom: 0;\n\n  &:focus {\n    background: lighten($ui-base-color, 2%);\n    outline: 0;\n  }\n\n  &__avatar {\n    flex: 0 0 auto;\n    padding: 10px;\n    padding-top: 12px;\n    position: relative;\n    cursor: pointer;\n  }\n\n  &__unread {\n    display: inline-block;\n    background: $highlight-text-color;\n    border-radius: 50%;\n    width: 0.625rem;\n    height: 0.625rem;\n    margin: -.1ex .15em .1ex;\n  }\n\n  &__content {\n    flex: 1 1 auto;\n    padding: 10px 5px;\n    padding-right: 15px;\n    overflow: hidden;\n\n    &__info {\n      overflow: hidden;\n      display: flex;\n      flex-direction: row-reverse;\n      justify-content: space-between;\n    }\n\n    &__relative-time {\n      font-size: 15px;\n      color: $darker-text-color;\n      padding-left: 15px;\n    }\n\n    &__names {\n      color: $darker-text-color;\n      font-size: 15px;\n      white-space: nowrap;\n      overflow: hidden;\n      text-overflow: ellipsis;\n      margin-bottom: 4px;\n      flex-basis: 90px;\n      flex-grow: 1;\n\n      a {\n        color: $primary-text-color;\n        text-decoration: none;\n\n        &:hover,\n        &:focus,\n        &:active {\n          text-decoration: underline;\n        }\n      }\n    }\n\n    a {\n      word-break: break-word;\n    }\n  }\n\n  &--unread {\n    background: lighten($ui-base-color, 2%);\n\n    &:focus {\n      background: lighten($ui-base-color, 4%);\n    }\n\n    .conversation__content__info {\n      font-weight: 700;\n    }\n\n    .conversation__content__relative-time {\n      color: $primary-text-color;\n    }\n  }\n}\n\n.announcements {\n  background: lighten($ui-base-color, 8%);\n  font-size: 13px;\n  display: flex;\n  align-items: flex-end;\n\n  &__mastodon {\n    width: 124px;\n    flex: 0 0 auto;\n\n    @media screen and (max-width: 124px + 300px) {\n      display: none;\n    }\n  }\n\n  &__container {\n    width: calc(100% - 124px);\n    flex: 0 0 auto;\n    position: relative;\n\n    @media screen and (max-width: 124px + 300px) {\n      width: 100%;\n    }\n  }\n\n  &__item {\n    box-sizing: border-box;\n    width: 100%;\n    padding: 15px;\n    position: relative;\n    font-size: 15px;\n    line-height: 20px;\n    word-wrap: break-word;\n    font-weight: 400;\n    max-height: 50vh;\n    overflow: hidden;\n    display: flex;\n    flex-direction: column;\n\n    &__range {\n      display: block;\n      font-weight: 500;\n      margin-bottom: 10px;\n      padding-right: 18px;\n    }\n\n    &__unread {\n      position: absolute;\n      top: 19px;\n      right: 19px;\n      display: block;\n      background: $highlight-text-color;\n      border-radius: 50%;\n      width: 0.625rem;\n      height: 0.625rem;\n    }\n  }\n\n  &__pagination {\n    padding: 15px;\n    color: $darker-text-color;\n    position: absolute;\n    bottom: 3px;\n    right: 0;\n  }\n}\n\n.layout-multiple-columns .announcements__mastodon {\n  display: none;\n}\n\n.layout-multiple-columns .announcements__container {\n  width: 100%;\n}\n\n.reactions-bar {\n  display: flex;\n  flex-wrap: wrap;\n  align-items: center;\n  margin-top: 15px;\n  margin-left: -2px;\n  width: calc(100% - (90px - 33px));\n\n  &__item {\n    flex-shrink: 0;\n    background: lighten($ui-base-color, 12%);\n    border: 0;\n    border-radius: 3px;\n    margin: 2px;\n    cursor: pointer;\n    user-select: none;\n    padding: 0 6px;\n    display: flex;\n    align-items: center;\n    transition: all 100ms ease-in;\n    transition-property: background-color, color;\n\n    &__emoji {\n      display: block;\n      margin: 3px 0;\n      width: 16px;\n      height: 16px;\n\n      img {\n        display: block;\n        margin: 0;\n        width: 100%;\n        height: 100%;\n        min-width: auto;\n        min-height: auto;\n        vertical-align: bottom;\n        object-fit: contain;\n      }\n    }\n\n    &__count {\n      display: block;\n      min-width: 9px;\n      font-size: 13px;\n      font-weight: 500;\n      text-align: center;\n      margin-left: 6px;\n      color: $darker-text-color;\n    }\n\n    &:hover,\n    &:focus,\n    &:active {\n      background: lighten($ui-base-color, 16%);\n      transition: all 200ms ease-out;\n      transition-property: background-color, color;\n\n      &__count {\n        color: lighten($darker-text-color, 4%);\n      }\n    }\n\n    &.active {\n      transition: all 100ms ease-in;\n      transition-property: background-color, color;\n      background-color: mix(lighten($ui-base-color, 12%), $ui-highlight-color, 80%);\n\n      .reactions-bar__item__count {\n        color: lighten($highlight-text-color, 8%);\n      }\n    }\n  }\n\n  .emoji-picker-dropdown {\n    margin: 2px;\n  }\n\n  &:hover .emoji-button {\n    opacity: 0.85;\n  }\n\n  .emoji-button {\n    color: $darker-text-color;\n    margin: 0;\n    font-size: 16px;\n    width: auto;\n    flex-shrink: 0;\n    padding: 0 6px;\n    height: 22px;\n    display: flex;\n    align-items: center;\n    opacity: 0.5;\n    transition: all 100ms ease-in;\n    transition-property: background-color, color;\n\n    &:hover,\n    &:active,\n    &:focus {\n      opacity: 1;\n      color: lighten($darker-text-color, 4%);\n      transition: all 200ms ease-out;\n      transition-property: background-color, color;\n    }\n  }\n\n  &--empty {\n    .emoji-button {\n      padding: 0;\n    }\n  }\n}\n",null,"@mixin avatar-radius {\n  border-radius: 4px;\n  background: transparent no-repeat;\n  background-position: 50%;\n  background-clip: padding-box;\n}\n\n@mixin avatar-size($size: 48px) {\n  width: $size;\n  height: $size;\n  background-size: $size $size;\n}\n\n@mixin search-input {\n  outline: 0;\n  box-sizing: border-box;\n  width: 100%;\n  border: 0;\n  box-shadow: none;\n  font-family: inherit;\n  background: $ui-base-color;\n  color: $darker-text-color;\n  font-size: 14px;\n  margin: 0;\n}\n\n@mixin search-popout {\n  background: $simple-background-color;\n  border-radius: 4px;\n  padding: 10px 14px;\n  padding-bottom: 14px;\n  margin-top: 10px;\n  color: $light-text-color;\n  box-shadow: 2px 4px 15px rgba($base-shadow-color, 0.4);\n\n  h4 {\n    text-transform: uppercase;\n    color: $light-text-color;\n    font-size: 13px;\n    font-weight: 500;\n    margin-bottom: 10px;\n  }\n\n  li {\n    padding: 4px 0;\n  }\n\n  ul {\n    margin-bottom: 10px;\n  }\n\n  em {\n    font-weight: 500;\n    color: $inverted-text-color;\n  }\n}\n",".poll {\n  margin-top: 16px;\n  font-size: 14px;\n\n  li {\n    margin-bottom: 10px;\n    position: relative;\n  }\n\n  &__chart {\n    border-radius: 4px;\n    display: block;\n    background: darken($ui-primary-color, 5%);\n    height: 5px;\n    min-width: 1%;\n\n    &.leading {\n      background: $ui-highlight-color;\n    }\n  }\n\n  &__option {\n    position: relative;\n    display: flex;\n    padding: 6px 0;\n    line-height: 18px;\n    cursor: default;\n    overflow: hidden;\n\n    &__text {\n      display: inline-block;\n      word-wrap: break-word;\n      overflow-wrap: break-word;\n      max-width: calc(100% - 45px - 25px);\n    }\n\n    input[type=radio],\n    input[type=checkbox] {\n      display: none;\n    }\n\n    .autossugest-input {\n      flex: 1 1 auto;\n    }\n\n    input[type=text] {\n      display: block;\n      box-sizing: border-box;\n      width: 100%;\n      font-size: 14px;\n      color: $inverted-text-color;\n      outline: 0;\n      font-family: inherit;\n      background: $simple-background-color;\n      border: 1px solid darken($simple-background-color, 14%);\n      border-radius: 4px;\n      padding: 6px 10px;\n\n      &:focus {\n        border-color: $highlight-text-color;\n      }\n    }\n\n    &.selectable {\n      cursor: pointer;\n    }\n\n    &.editable {\n      display: flex;\n      align-items: center;\n      overflow: visible;\n    }\n  }\n\n  &__input {\n    display: inline-block;\n    position: relative;\n    border: 1px solid $ui-primary-color;\n    box-sizing: border-box;\n    width: 18px;\n    height: 18px;\n    flex: 0 0 auto;\n    margin-right: 10px;\n    top: -1px;\n    border-radius: 50%;\n    vertical-align: middle;\n    margin-top: auto;\n    margin-bottom: auto;\n    flex: 0 0 18px;\n\n    &.checkbox {\n      border-radius: 4px;\n    }\n\n    &.active {\n      border-color: $valid-value-color;\n      background: $valid-value-color;\n    }\n\n    &:active,\n    &:focus,\n    &:hover {\n      border-color: lighten($valid-value-color, 15%);\n      border-width: 4px;\n    }\n\n    &::-moz-focus-inner {\n      outline: 0 !important;\n      border: 0;\n    }\n\n    &:focus,\n    &:active {\n      outline: 0 !important;\n    }\n  }\n\n  &__number {\n    display: inline-block;\n    width: 45px;\n    font-weight: 700;\n    flex: 0 0 45px;\n  }\n\n  &__voted {\n    padding: 0 5px;\n    display: inline-block;\n\n    &__mark {\n      font-size: 18px;\n    }\n  }\n\n  &__footer {\n    padding-top: 6px;\n    padding-bottom: 5px;\n    color: $dark-text-color;\n  }\n\n  &__link {\n    display: inline;\n    background: transparent;\n    padding: 0;\n    margin: 0;\n    border: 0;\n    color: $dark-text-color;\n    text-decoration: underline;\n    font-size: inherit;\n\n    &:hover {\n      text-decoration: none;\n    }\n\n    &:active,\n    &:focus {\n      background-color: rgba($dark-text-color, .1);\n    }\n  }\n\n  .button {\n    height: 36px;\n    padding: 0 16px;\n    margin-right: 10px;\n    font-size: 14px;\n  }\n}\n\n.compose-form__poll-wrapper {\n  border-top: 1px solid darken($simple-background-color, 8%);\n\n  ul {\n    padding: 10px;\n  }\n\n  .poll__footer {\n    border-top: 1px solid darken($simple-background-color, 8%);\n    padding: 10px;\n    display: flex;\n    align-items: center;\n\n    button,\n    select {\n      flex: 1 1 50%;\n\n      &:focus {\n        border-color: $highlight-text-color;\n      }\n    }\n  }\n\n  .button.button-secondary {\n    font-size: 14px;\n    font-weight: 400;\n    padding: 6px 10px;\n    height: auto;\n    line-height: inherit;\n    color: $action-button-color;\n    border-color: $action-button-color;\n    margin-right: 5px;\n  }\n\n  li {\n    display: flex;\n    align-items: center;\n\n    .poll__option {\n      flex: 0 0 auto;\n      width: calc(100% - (23px + 6px));\n      margin-right: 6px;\n    }\n  }\n\n  select {\n    appearance: none;\n    box-sizing: border-box;\n    font-size: 14px;\n    color: $inverted-text-color;\n    display: inline-block;\n    width: auto;\n    outline: 0;\n    font-family: inherit;\n    background: $simple-background-color url(\"data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14.933 18.467' height='19.698' width='15.929'><path d='M3.467 14.967l-3.393-3.5H14.86l-3.392 3.5c-1.866 1.925-3.666 3.5-4 3.5-.335 0-2.135-1.575-4-3.5zm.266-11.234L7.467 0 11.2 3.733l3.733 3.734H0l3.733-3.734z' fill='#{hex-color(darken($simple-background-color, 14%))}'/></svg>\") no-repeat right 8px center / auto 16px;\n    border: 1px solid darken($simple-background-color, 14%);\n    border-radius: 4px;\n    padding: 6px 10px;\n    padding-right: 30px;\n  }\n\n  .icon-button.disabled {\n    color: darken($simple-background-color, 14%);\n  }\n}\n\n.muted .poll {\n  color: $dark-text-color;\n\n  &__chart {\n    background: rgba(darken($ui-primary-color, 14%), 0.2);\n\n    &.leading {\n      background: rgba($ui-highlight-color, 0.2);\n    }\n  }\n}\n",".modal-layout {\n  background: $ui-base-color url('data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 234.80078 31.757813\" width=\"234.80078\" height=\"31.757812\"><path d=\"M19.599609 0c-1.05 0-2.10039.375-2.90039 1.125L0 16.925781v14.832031h234.80078V17.025391l-16.5-15.900391c-1.6-1.5-4.20078-1.5-5.80078 0l-13.80078 13.099609c-1.6 1.5-4.19883 1.5-5.79883 0L179.09961 1.125c-1.6-1.5-4.19883-1.5-5.79883 0L159.5 14.224609c-1.6 1.5-4.20078 1.5-5.80078 0L139.90039 1.125c-1.6-1.5-4.20078-1.5-5.80078 0l-13.79883 13.099609c-1.6 1.5-4.20078 1.5-5.80078 0L100.69922 1.125c-1.600001-1.5-4.198829-1.5-5.798829 0l-13.59961 13.099609c-1.6 1.5-4.200781 1.5-5.800781 0L61.699219 1.125c-1.6-1.5-4.198828-1.5-5.798828 0L42.099609 14.224609c-1.6 1.5-4.198828 1.5-5.798828 0L22.5 1.125C21.7.375 20.649609 0 19.599609 0z\" fill=\"#{hex-color($ui-base-lighter-color)}\"/></svg>') repeat-x bottom fixed;\n  display: flex;\n  flex-direction: column;\n  height: 100vh;\n  padding: 0;\n}\n\n.modal-layout__mastodon {\n  display: flex;\n  flex: 1;\n  flex-direction: column;\n  justify-content: flex-end;\n\n  > * {\n    flex: 1;\n    max-height: 235px;\n  }\n}\n\n@media screen and (max-width: 600px) {\n  .account-header {\n    margin-top: 0;\n  }\n}\n",".emoji-mart {\n  font-size: 13px;\n  display: inline-block;\n  color: $inverted-text-color;\n\n  &,\n  * {\n    box-sizing: border-box;\n    line-height: 1.15;\n  }\n\n  .emoji-mart-emoji {\n    padding: 6px;\n  }\n}\n\n.emoji-mart-bar {\n  border: 0 solid darken($ui-secondary-color, 8%);\n\n  &:first-child {\n    border-bottom-width: 1px;\n    border-top-left-radius: 5px;\n    border-top-right-radius: 5px;\n    background: $ui-secondary-color;\n  }\n\n  &:last-child {\n    border-top-width: 1px;\n    border-bottom-left-radius: 5px;\n    border-bottom-right-radius: 5px;\n    display: none;\n  }\n}\n\n.emoji-mart-anchors {\n  display: flex;\n  justify-content: space-between;\n  padding: 0 6px;\n  color: $lighter-text-color;\n  line-height: 0;\n}\n\n.emoji-mart-anchor {\n  position: relative;\n  flex: 1;\n  text-align: center;\n  padding: 12px 4px;\n  overflow: hidden;\n  transition: color .1s ease-out;\n  cursor: pointer;\n\n  &:hover {\n    color: darken($lighter-text-color, 4%);\n  }\n}\n\n.emoji-mart-anchor-selected {\n  color: $highlight-text-color;\n\n  &:hover {\n    color: darken($highlight-text-color, 4%);\n  }\n\n  .emoji-mart-anchor-bar {\n    bottom: -1px;\n  }\n}\n\n.emoji-mart-anchor-bar {\n  position: absolute;\n  bottom: -5px;\n  left: 0;\n  width: 100%;\n  height: 4px;\n  background-color: $highlight-text-color;\n}\n\n.emoji-mart-anchors {\n  i {\n    display: inline-block;\n    width: 100%;\n    max-width: 22px;\n  }\n\n  svg {\n    fill: currentColor;\n    max-height: 18px;\n  }\n}\n\n.emoji-mart-scroll {\n  overflow-y: scroll;\n  height: 270px;\n  max-height: 35vh;\n  padding: 0 6px 6px;\n  background: $simple-background-color;\n  will-change: transform;\n\n  &::-webkit-scrollbar-track:hover,\n  &::-webkit-scrollbar-track:active {\n    background-color: rgba($base-overlay-background, 0.3);\n  }\n}\n\n.emoji-mart-search {\n  padding: 10px;\n  padding-right: 45px;\n  background: $simple-background-color;\n\n  input {\n    font-size: 14px;\n    font-weight: 400;\n    padding: 7px 9px;\n    font-family: inherit;\n    display: block;\n    width: 100%;\n    background: rgba($ui-secondary-color, 0.3);\n    color: $inverted-text-color;\n    border: 1px solid $ui-secondary-color;\n    border-radius: 4px;\n\n    &::-moz-focus-inner {\n      border: 0;\n    }\n\n    &::-moz-focus-inner,\n    &:focus,\n    &:active {\n      outline: 0 !important;\n    }\n  }\n}\n\n.emoji-mart-category .emoji-mart-emoji {\n  cursor: pointer;\n\n  span {\n    z-index: 1;\n    position: relative;\n    text-align: center;\n  }\n\n  &:hover::before {\n    z-index: 0;\n    content: \"\";\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n    background-color: rgba($ui-secondary-color, 0.7);\n    border-radius: 100%;\n  }\n}\n\n.emoji-mart-category-label {\n  z-index: 2;\n  position: relative;\n  position: -webkit-sticky;\n  position: sticky;\n  top: 0;\n\n  span {\n    display: block;\n    width: 100%;\n    font-weight: 500;\n    padding: 5px 6px;\n    background: $simple-background-color;\n  }\n}\n\n.emoji-mart-emoji {\n  position: relative;\n  display: inline-block;\n  font-size: 0;\n\n  span {\n    width: 22px;\n    height: 22px;\n  }\n}\n\n.emoji-mart-no-results {\n  font-size: 14px;\n  text-align: center;\n  padding-top: 70px;\n  color: $light-text-color;\n\n  .emoji-mart-category-label {\n    display: none;\n  }\n\n  .emoji-mart-no-results-label {\n    margin-top: .2em;\n  }\n\n  .emoji-mart-emoji:hover::before {\n    content: none;\n  }\n}\n\n.emoji-mart-preview {\n  display: none;\n}\n","$maximum-width: 1235px;\n$fluid-breakpoint: $maximum-width + 20px;\n$column-breakpoint: 700px;\n$small-breakpoint: 960px;\n\n.container {\n  box-sizing: border-box;\n  max-width: $maximum-width;\n  margin: 0 auto;\n  position: relative;\n\n  @media screen and (max-width: $fluid-breakpoint) {\n    width: 100%;\n    padding: 0 10px;\n  }\n}\n\n.rich-formatting {\n  font-family: $font-sans-serif, sans-serif;\n  font-size: 14px;\n  font-weight: 400;\n  line-height: 1.7;\n  word-wrap: break-word;\n  color: $darker-text-color;\n\n  a {\n    color: $highlight-text-color;\n    text-decoration: underline;\n\n    &:hover,\n    &:focus,\n    &:active {\n      text-decoration: none;\n    }\n  }\n\n  p,\n  li {\n    color: $darker-text-color;\n  }\n\n  p {\n    margin-top: 0;\n    margin-bottom: .85em;\n\n    &:last-child {\n      margin-bottom: 0;\n    }\n  }\n\n  strong {\n    font-weight: 700;\n    color: $secondary-text-color;\n  }\n\n  em {\n    font-style: italic;\n    color: $secondary-text-color;\n  }\n\n  code {\n    font-size: 0.85em;\n    background: darken($ui-base-color, 8%);\n    border-radius: 4px;\n    padding: 0.2em 0.3em;\n  }\n\n  h1,\n  h2,\n  h3,\n  h4,\n  h5,\n  h6 {\n    font-family: $font-display, sans-serif;\n    margin-top: 1.275em;\n    margin-bottom: .85em;\n    font-weight: 500;\n    color: $secondary-text-color;\n  }\n\n  h1 {\n    font-size: 2em;\n  }\n\n  h2 {\n    font-size: 1.75em;\n  }\n\n  h3 {\n    font-size: 1.5em;\n  }\n\n  h4 {\n    font-size: 1.25em;\n  }\n\n  h5,\n  h6 {\n    font-size: 1em;\n  }\n\n  ul {\n    list-style: disc;\n  }\n\n  ol {\n    list-style: decimal;\n  }\n\n  ul,\n  ol {\n    margin: 0;\n    padding: 0;\n    padding-left: 2em;\n    margin-bottom: 0.85em;\n\n    &[type='a'] {\n      list-style-type: lower-alpha;\n    }\n\n    &[type='i'] {\n      list-style-type: lower-roman;\n    }\n  }\n\n  hr {\n    width: 100%;\n    height: 0;\n    border: 0;\n    border-bottom: 1px solid lighten($ui-base-color, 4%);\n    margin: 1.7em 0;\n\n    &.spacer {\n      height: 1px;\n      border: 0;\n    }\n  }\n\n  table {\n    width: 100%;\n    border-collapse: collapse;\n    break-inside: auto;\n    margin-top: 24px;\n    margin-bottom: 32px;\n\n    thead tr,\n    tbody tr {\n      border-bottom: 1px solid lighten($ui-base-color, 4%);\n      font-size: 1em;\n      line-height: 1.625;\n      font-weight: 400;\n      text-align: left;\n      color: $darker-text-color;\n    }\n\n    thead tr {\n      border-bottom-width: 2px;\n      line-height: 1.5;\n      font-weight: 500;\n      color: $dark-text-color;\n    }\n\n    th,\n    td {\n      padding: 8px;\n      align-self: start;\n      align-items: start;\n      word-break: break-all;\n\n      &.nowrap {\n        width: 25%;\n        position: relative;\n\n        &::before {\n          content: '&nbsp;';\n          visibility: hidden;\n        }\n\n        span {\n          position: absolute;\n          left: 8px;\n          right: 8px;\n          white-space: nowrap;\n          overflow: hidden;\n          text-overflow: ellipsis;\n        }\n      }\n    }\n  }\n\n  & > :first-child {\n    margin-top: 0;\n  }\n}\n\n.information-board {\n  background: darken($ui-base-color, 4%);\n  padding: 20px 0;\n\n  .container-alt {\n    position: relative;\n    padding-right: 280px + 15px;\n  }\n\n  &__sections {\n    display: flex;\n    justify-content: space-between;\n    flex-wrap: wrap;\n  }\n\n  &__section {\n    flex: 1 0 0;\n    font-family: $font-sans-serif, sans-serif;\n    font-size: 16px;\n    line-height: 28px;\n    color: $primary-text-color;\n    text-align: right;\n    padding: 10px 15px;\n\n    span,\n    strong {\n      display: block;\n    }\n\n    span {\n      &:last-child {\n        color: $secondary-text-color;\n      }\n    }\n\n    strong {\n      font-family: $font-display, sans-serif;\n      font-weight: 500;\n      font-size: 32px;\n      line-height: 48px;\n    }\n\n    @media screen and (max-width: $column-breakpoint) {\n      text-align: center;\n    }\n  }\n\n  .panel {\n    position: absolute;\n    width: 280px;\n    box-sizing: border-box;\n    background: darken($ui-base-color, 8%);\n    padding: 20px;\n    padding-top: 10px;\n    border-radius: 4px 4px 0 0;\n    right: 0;\n    bottom: -40px;\n\n    .panel-header {\n      font-family: $font-display, sans-serif;\n      font-size: 14px;\n      line-height: 24px;\n      font-weight: 500;\n      color: $darker-text-color;\n      padding-bottom: 5px;\n      margin-bottom: 15px;\n      border-bottom: 1px solid lighten($ui-base-color, 4%);\n      text-overflow: ellipsis;\n      white-space: nowrap;\n      overflow: hidden;\n\n      a,\n      span {\n        font-weight: 400;\n        color: darken($darker-text-color, 10%);\n      }\n\n      a {\n        text-decoration: none;\n      }\n    }\n  }\n\n  .owner {\n    text-align: center;\n\n    .avatar {\n      width: 80px;\n      height: 80px;\n      margin: 0 auto;\n      margin-bottom: 15px;\n\n      img {\n        display: block;\n        width: 80px;\n        height: 80px;\n        border-radius: 48px;\n      }\n    }\n\n    .name {\n      font-size: 14px;\n\n      a {\n        display: block;\n        color: $primary-text-color;\n        text-decoration: none;\n\n        &:hover {\n          .display_name {\n            text-decoration: underline;\n          }\n        }\n      }\n\n      .username {\n        display: block;\n        color: $darker-text-color;\n      }\n    }\n  }\n}\n\n.landing-page {\n  p,\n  li {\n    font-family: $font-sans-serif, sans-serif;\n    font-size: 16px;\n    font-weight: 400;\n    font-size: 16px;\n    line-height: 30px;\n    margin-bottom: 12px;\n    color: $darker-text-color;\n\n    a {\n      color: $highlight-text-color;\n      text-decoration: underline;\n    }\n  }\n\n  em {\n    display: inline;\n    margin: 0;\n    padding: 0;\n    font-weight: 700;\n    background: transparent;\n    font-family: inherit;\n    font-size: inherit;\n    line-height: inherit;\n    color: lighten($darker-text-color, 10%);\n  }\n\n  h1 {\n    font-family: $font-display, sans-serif;\n    font-size: 26px;\n    line-height: 30px;\n    font-weight: 500;\n    margin-bottom: 20px;\n    color: $secondary-text-color;\n\n    small {\n      font-family: $font-sans-serif, sans-serif;\n      display: block;\n      font-size: 18px;\n      font-weight: 400;\n      color: lighten($darker-text-color, 10%);\n    }\n  }\n\n  h2 {\n    font-family: $font-display, sans-serif;\n    font-size: 22px;\n    line-height: 26px;\n    font-weight: 500;\n    margin-bottom: 20px;\n    color: $secondary-text-color;\n  }\n\n  h3 {\n    font-family: $font-display, sans-serif;\n    font-size: 18px;\n    line-height: 24px;\n    font-weight: 500;\n    margin-bottom: 20px;\n    color: $secondary-text-color;\n  }\n\n  h4 {\n    font-family: $font-display, sans-serif;\n    font-size: 16px;\n    line-height: 24px;\n    font-weight: 500;\n    margin-bottom: 20px;\n    color: $secondary-text-color;\n  }\n\n  h5 {\n    font-family: $font-display, sans-serif;\n    font-size: 14px;\n    line-height: 24px;\n    font-weight: 500;\n    margin-bottom: 20px;\n    color: $secondary-text-color;\n  }\n\n  h6 {\n    font-family: $font-display, sans-serif;\n    font-size: 12px;\n    line-height: 24px;\n    font-weight: 500;\n    margin-bottom: 20px;\n    color: $secondary-text-color;\n  }\n\n  ul,\n  ol {\n    margin-left: 20px;\n\n    &[type='a'] {\n      list-style-type: lower-alpha;\n    }\n\n    &[type='i'] {\n      list-style-type: lower-roman;\n    }\n  }\n\n  ul {\n    list-style: disc;\n  }\n\n  ol {\n    list-style: decimal;\n  }\n\n  li > ol,\n  li > ul {\n    margin-top: 6px;\n  }\n\n  hr {\n    width: 100%;\n    height: 0;\n    border: 0;\n    border-bottom: 1px solid rgba($ui-base-lighter-color, .6);\n    margin: 20px 0;\n\n    &.spacer {\n      height: 1px;\n      border: 0;\n    }\n  }\n\n  &__information,\n  &__forms {\n    padding: 20px;\n  }\n\n  &__call-to-action {\n    background: $ui-base-color;\n    border-radius: 4px;\n    padding: 25px 40px;\n    overflow: hidden;\n    box-sizing: border-box;\n\n    .row {\n      width: 100%;\n      display: flex;\n      flex-direction: row-reverse;\n      flex-wrap: nowrap;\n      justify-content: space-between;\n      align-items: center;\n    }\n\n    .row__information-board {\n      display: flex;\n      justify-content: flex-end;\n      align-items: flex-end;\n\n      .information-board__section {\n        flex: 1 0 auto;\n        padding: 0 10px;\n      }\n\n      @media screen and (max-width: $no-gap-breakpoint) {\n        width: 100%;\n        justify-content: space-between;\n      }\n    }\n\n    .row__mascot {\n      flex: 1;\n      margin: 10px -50px 0 0;\n\n      @media screen and (max-width: $no-gap-breakpoint) {\n        display: none;\n      }\n    }\n  }\n\n  &__logo {\n    margin-right: 20px;\n\n    img {\n      height: 50px;\n      width: auto;\n      mix-blend-mode: lighten;\n    }\n  }\n\n  &__information {\n    padding: 45px 40px;\n    margin-bottom: 10px;\n\n    &:last-child {\n      margin-bottom: 0;\n    }\n\n    strong {\n      font-weight: 500;\n      color: lighten($darker-text-color, 10%);\n    }\n\n    .account {\n      border-bottom: 0;\n      padding: 0;\n\n      &__display-name {\n        align-items: center;\n        display: flex;\n        margin-right: 5px;\n      }\n\n      div.account__display-name {\n        &:hover {\n          .display-name strong {\n            text-decoration: none;\n          }\n        }\n\n        .account__avatar {\n          cursor: default;\n        }\n      }\n\n      &__avatar-wrapper {\n        margin-left: 0;\n        flex: 0 0 auto;\n      }\n\n      &__avatar {\n        width: 44px;\n        height: 44px;\n        background-size: 44px 44px;\n      }\n\n      .display-name {\n        font-size: 15px;\n\n        &__account {\n          font-size: 14px;\n        }\n      }\n    }\n\n    @media screen and (max-width: $small-breakpoint) {\n      .contact {\n        margin-top: 30px;\n      }\n    }\n\n    @media screen and (max-width: $column-breakpoint) {\n      padding: 25px 20px;\n    }\n  }\n\n  &__information,\n  &__forms,\n  #mastodon-timeline {\n    box-sizing: border-box;\n    background: $ui-base-color;\n    border-radius: 4px;\n    box-shadow: 0 0 6px rgba($black, 0.1);\n  }\n\n  &__mascot {\n    height: 104px;\n    position: relative;\n    left: -40px;\n    bottom: 25px;\n\n    img {\n      height: 190px;\n      width: auto;\n    }\n  }\n\n  &__short-description {\n    .row {\n      display: flex;\n      flex-wrap: wrap;\n      align-items: center;\n      margin-bottom: 40px;\n    }\n\n    @media screen and (max-width: $column-breakpoint) {\n      .row {\n        margin-bottom: 20px;\n      }\n    }\n\n    p a {\n      color: $secondary-text-color;\n    }\n\n    h1 {\n      font-weight: 500;\n      color: $primary-text-color;\n      margin-bottom: 0;\n\n      small {\n        color: $darker-text-color;\n\n        span {\n          color: $secondary-text-color;\n        }\n      }\n    }\n\n    p:last-child {\n      margin-bottom: 0;\n    }\n  }\n\n  &__hero {\n    margin-bottom: 10px;\n\n    img {\n      display: block;\n      margin: 0;\n      max-width: 100%;\n      height: auto;\n      border-radius: 4px;\n    }\n  }\n\n  @media screen and (max-width: 840px) {\n    .information-board {\n      .container-alt {\n        padding-right: 20px;\n      }\n\n      .panel {\n        position: static;\n        margin-top: 20px;\n        width: 100%;\n        border-radius: 4px;\n\n        .panel-header {\n          text-align: center;\n        }\n      }\n    }\n  }\n\n  @media screen and (max-width: 675px) {\n    .header-wrapper {\n      padding-top: 0;\n\n      &.compact {\n        padding-bottom: 0;\n      }\n\n      &.compact .hero .heading {\n        text-align: initial;\n      }\n    }\n\n    .header .container-alt,\n    .features .container-alt {\n      display: block;\n    }\n  }\n\n  .cta {\n    margin: 20px;\n  }\n}\n\n.landing {\n  margin-bottom: 100px;\n\n  @media screen and (max-width: 738px) {\n    margin-bottom: 0;\n  }\n\n  &__brand {\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    padding: 50px;\n\n    svg {\n      fill: $primary-text-color;\n      height: 52px;\n    }\n\n    @media screen and (max-width: $no-gap-breakpoint) {\n      padding: 0;\n      margin-bottom: 30px;\n    }\n  }\n\n  .directory {\n    margin-top: 30px;\n    background: transparent;\n    box-shadow: none;\n    border-radius: 0;\n  }\n\n  .hero-widget {\n    margin-top: 30px;\n    margin-bottom: 0;\n\n    h4 {\n      padding: 10px;\n      text-transform: uppercase;\n      font-weight: 700;\n      font-size: 13px;\n      color: $darker-text-color;\n    }\n\n    &__text {\n      border-radius: 0;\n      padding-bottom: 0;\n    }\n\n    &__footer {\n      background: $ui-base-color;\n      padding: 10px;\n      border-radius: 0 0 4px 4px;\n      display: flex;\n\n      &__column {\n        flex: 1 1 50%;\n      }\n    }\n\n    .account {\n      padding: 10px 0;\n      border-bottom: 0;\n\n      .account__display-name {\n        display: flex;\n        align-items: center;\n      }\n\n      .account__avatar {\n        width: 44px;\n        height: 44px;\n        background-size: 44px 44px;\n      }\n    }\n\n    &__counter {\n      padding: 10px;\n\n      strong {\n        font-family: $font-display, sans-serif;\n        font-size: 15px;\n        font-weight: 700;\n        display: block;\n      }\n\n      span {\n        font-size: 14px;\n        color: $darker-text-color;\n      }\n    }\n  }\n\n  .simple_form .user_agreement .label_input > label {\n    font-weight: 400;\n    color: $darker-text-color;\n  }\n\n  .simple_form p.lead {\n    color: $darker-text-color;\n    font-size: 15px;\n    line-height: 20px;\n    font-weight: 400;\n    margin-bottom: 25px;\n  }\n\n  &__grid {\n    max-width: 960px;\n    margin: 0 auto;\n    display: grid;\n    grid-template-columns: minmax(0, 50%) minmax(0, 50%);\n    grid-gap: 30px;\n\n    @media screen and (max-width: 738px) {\n      grid-template-columns: minmax(0, 100%);\n      grid-gap: 10px;\n\n      &__column-login {\n        grid-row: 1;\n        display: flex;\n        flex-direction: column;\n\n        .box-widget {\n          order: 2;\n          flex: 0 0 auto;\n        }\n\n        .hero-widget {\n          margin-top: 0;\n          margin-bottom: 10px;\n          order: 1;\n          flex: 0 0 auto;\n        }\n      }\n\n      &__column-registration {\n        grid-row: 2;\n      }\n\n      .directory {\n        margin-top: 10px;\n      }\n    }\n\n    @media screen and (max-width: $no-gap-breakpoint) {\n      grid-gap: 0;\n\n      .hero-widget {\n        display: block;\n        margin-bottom: 0;\n        box-shadow: none;\n\n        &__img,\n        &__img img,\n        &__footer {\n          border-radius: 0;\n        }\n      }\n\n      .hero-widget,\n      .box-widget,\n      .directory__tag {\n        border-bottom: 1px solid lighten($ui-base-color, 8%);\n      }\n\n      .directory {\n        margin-top: 0;\n\n        &__tag {\n          margin-bottom: 0;\n\n          & > a,\n          & > div {\n            border-radius: 0;\n            box-shadow: none;\n          }\n\n          &:last-child {\n            border-bottom: 0;\n          }\n        }\n      }\n    }\n  }\n}\n\n.brand {\n  position: relative;\n  text-decoration: none;\n}\n\n.brand__tagline {\n  display: block;\n  position: absolute;\n  bottom: -10px;\n  left: 50px;\n  width: 300px;\n  color: $ui-primary-color;\n  text-decoration: none;\n  font-size: 14px;\n\n  @media screen and (max-width: $no-gap-breakpoint) {\n    position: static;\n    width: auto;\n    margin-top: 20px;\n    color: $dark-text-color;\n  }\n}\n\n",".table {\n  width: 100%;\n  max-width: 100%;\n  border-spacing: 0;\n  border-collapse: collapse;\n\n  th,\n  td {\n    padding: 8px;\n    line-height: 18px;\n    vertical-align: top;\n    border-top: 1px solid $ui-base-color;\n    text-align: left;\n    background: darken($ui-base-color, 4%);\n  }\n\n  & > thead > tr > th {\n    vertical-align: bottom;\n    border-bottom: 2px solid $ui-base-color;\n    border-top: 0;\n    font-weight: 500;\n  }\n\n  & > tbody > tr > th {\n    font-weight: 500;\n  }\n\n  & > tbody > tr:nth-child(odd) > td,\n  & > tbody > tr:nth-child(odd) > th {\n    background: $ui-base-color;\n  }\n\n  a {\n    color: $highlight-text-color;\n    text-decoration: underline;\n\n    &:hover {\n      text-decoration: none;\n    }\n  }\n\n  strong {\n    font-weight: 500;\n\n    @each $lang in $cjk-langs {\n      &:lang(#{$lang}) {\n        font-weight: 700;\n      }\n    }\n  }\n\n  &.inline-table {\n    & > tbody > tr:nth-child(odd) {\n      & > td,\n      & > th {\n        background: transparent;\n      }\n    }\n\n    & > tbody > tr:first-child {\n      & > td,\n      & > th {\n        border-top: 0;\n      }\n    }\n  }\n\n  &.batch-table {\n    & > thead > tr > th {\n      background: $ui-base-color;\n      border-top: 1px solid darken($ui-base-color, 8%);\n      border-bottom: 1px solid darken($ui-base-color, 8%);\n\n      &:first-child {\n        border-radius: 4px 0 0;\n        border-left: 1px solid darken($ui-base-color, 8%);\n      }\n\n      &:last-child {\n        border-radius: 0 4px 0 0;\n        border-right: 1px solid darken($ui-base-color, 8%);\n      }\n    }\n  }\n\n  &--invites tbody td {\n    vertical-align: middle;\n  }\n}\n\n.table-wrapper {\n  overflow: auto;\n  margin-bottom: 20px;\n}\n\nsamp {\n  font-family: $font-monospace, monospace;\n}\n\nbutton.table-action-link {\n  background: transparent;\n  border: 0;\n  font: inherit;\n}\n\nbutton.table-action-link,\na.table-action-link {\n  text-decoration: none;\n  display: inline-block;\n  margin-right: 5px;\n  padding: 0 10px;\n  color: $darker-text-color;\n  font-weight: 500;\n\n  &:hover {\n    color: $primary-text-color;\n  }\n\n  i.fa {\n    font-weight: 400;\n    margin-right: 5px;\n  }\n\n  &:first-child {\n    padding-left: 0;\n  }\n}\n\n.batch-table {\n  &__toolbar,\n  &__row {\n    display: flex;\n\n    &__select {\n      box-sizing: border-box;\n      padding: 8px 16px;\n      cursor: pointer;\n      min-height: 100%;\n\n      input {\n        margin-top: 8px;\n      }\n\n      &--aligned {\n        display: flex;\n        align-items: center;\n\n        input {\n          margin-top: 0;\n        }\n      }\n    }\n\n    &__actions,\n    &__content {\n      padding: 8px 0;\n      padding-right: 16px;\n      flex: 1 1 auto;\n    }\n  }\n\n  &__toolbar {\n    border: 1px solid darken($ui-base-color, 8%);\n    background: $ui-base-color;\n    border-radius: 4px 0 0;\n    height: 47px;\n    align-items: center;\n\n    &__actions {\n      text-align: right;\n      padding-right: 16px - 5px;\n    }\n  }\n\n  &__form {\n    padding: 16px;\n    border: 1px solid darken($ui-base-color, 8%);\n    border-top: 0;\n    background: $ui-base-color;\n\n    .fields-row {\n      padding-top: 0;\n      margin-bottom: 0;\n    }\n  }\n\n  &__row {\n    border: 1px solid darken($ui-base-color, 8%);\n    border-top: 0;\n    background: darken($ui-base-color, 4%);\n\n    @media screen and (max-width: $no-gap-breakpoint) {\n      .optional &:first-child {\n        border-top: 1px solid darken($ui-base-color, 8%);\n      }\n    }\n\n    &:hover {\n      background: darken($ui-base-color, 2%);\n    }\n\n    &:nth-child(even) {\n      background: $ui-base-color;\n\n      &:hover {\n        background: lighten($ui-base-color, 2%);\n      }\n    }\n\n    &__content {\n      padding-top: 12px;\n      padding-bottom: 16px;\n\n      &--unpadded {\n        padding: 0;\n      }\n\n      &--with-image {\n        display: flex;\n        align-items: center;\n      }\n\n      &__image {\n        flex: 0 0 auto;\n        display: flex;\n        justify-content: center;\n        align-items: center;\n        margin-right: 10px;\n\n        .emojione {\n          width: 32px;\n          height: 32px;\n        }\n      }\n\n      &__text {\n        flex: 1 1 auto;\n      }\n\n      &__extra {\n        flex: 0 0 auto;\n        text-align: right;\n        color: $darker-text-color;\n        font-weight: 500;\n      }\n    }\n\n    .directory__tag {\n      margin: 0;\n      width: 100%;\n\n      a {\n        background: transparent;\n        border-radius: 0;\n      }\n    }\n  }\n\n  &.optional .batch-table__toolbar,\n  &.optional .batch-table__row__select {\n    @media screen and (max-width: $no-gap-breakpoint) {\n      display: none;\n    }\n  }\n\n  .status__content {\n    padding-top: 0;\n\n    summary {\n      display: list-item;\n    }\n\n    strong {\n      font-weight: 700;\n    }\n  }\n\n  .nothing-here {\n    border: 1px solid darken($ui-base-color, 8%);\n    border-top: 0;\n    box-shadow: none;\n\n    @media screen and (max-width: $no-gap-breakpoint) {\n      border-top: 1px solid darken($ui-base-color, 8%);\n    }\n  }\n\n  @media screen and (max-width: 870px) {\n    .accounts-table tbody td.optional {\n      display: none;\n    }\n  }\n}\n","$no-columns-breakpoint: 600px;\n$sidebar-width: 240px;\n$content-width: 840px;\n\n.admin-wrapper {\n  display: flex;\n  justify-content: center;\n  width: 100%;\n  min-height: 100vh;\n\n  .sidebar-wrapper {\n    min-height: 100vh;\n    overflow: hidden;\n    pointer-events: none;\n    flex: 1 1 auto;\n\n    &__inner {\n      display: flex;\n      justify-content: flex-end;\n      background: $ui-base-color;\n      height: 100%;\n    }\n  }\n\n  .sidebar {\n    width: $sidebar-width;\n    padding: 0;\n    pointer-events: auto;\n\n    &__toggle {\n      display: none;\n      background: lighten($ui-base-color, 8%);\n      height: 48px;\n\n      &__logo {\n        flex: 1 1 auto;\n\n        a {\n          display: inline-block;\n          padding: 15px;\n        }\n\n        svg {\n          fill: $primary-text-color;\n          height: 20px;\n          position: relative;\n          bottom: -2px;\n        }\n      }\n\n      &__icon {\n        display: block;\n        color: $darker-text-color;\n        text-decoration: none;\n        flex: 0 0 auto;\n        font-size: 20px;\n        padding: 15px;\n      }\n\n      a {\n        &:hover,\n        &:focus,\n        &:active {\n          background: lighten($ui-base-color, 12%);\n        }\n      }\n    }\n\n    .logo {\n      display: block;\n      margin: 40px auto;\n      width: 100px;\n      height: 100px;\n    }\n\n    @media screen and (max-width: $no-columns-breakpoint) {\n      & > a:first-child {\n        display: none;\n      }\n    }\n\n    ul {\n      list-style: none;\n      border-radius: 4px 0 0 4px;\n      overflow: hidden;\n      margin-bottom: 20px;\n\n      @media screen and (max-width: $no-columns-breakpoint) {\n        margin-bottom: 0;\n      }\n\n      a {\n        display: block;\n        padding: 15px;\n        color: $darker-text-color;\n        text-decoration: none;\n        transition: all 200ms linear;\n        transition-property: color, background-color;\n        border-radius: 4px 0 0 4px;\n        white-space: nowrap;\n        overflow: hidden;\n        text-overflow: ellipsis;\n\n        i.fa {\n          margin-right: 5px;\n        }\n\n        &:hover {\n          color: $primary-text-color;\n          background-color: darken($ui-base-color, 5%);\n          transition: all 100ms linear;\n          transition-property: color, background-color;\n        }\n\n        &.selected {\n          background: darken($ui-base-color, 2%);\n          border-radius: 4px 0 0;\n        }\n      }\n\n      ul {\n        background: darken($ui-base-color, 4%);\n        border-radius: 0 0 0 4px;\n        margin: 0;\n\n        a {\n          border: 0;\n          padding: 15px 35px;\n        }\n      }\n\n      .simple-navigation-active-leaf a {\n        color: $primary-text-color;\n        background-color: $ui-highlight-color;\n        border-bottom: 0;\n        border-radius: 0;\n\n        &:hover {\n          background-color: lighten($ui-highlight-color, 5%);\n        }\n      }\n    }\n\n    & > ul > .simple-navigation-active-leaf a {\n      border-radius: 4px 0 0 4px;\n    }\n  }\n\n  .content-wrapper {\n    box-sizing: border-box;\n    width: 100%;\n    max-width: $content-width;\n    flex: 1 1 auto;\n  }\n\n  @media screen and (max-width: $content-width + $sidebar-width) {\n    .sidebar-wrapper--empty {\n      display: none;\n    }\n\n    .sidebar-wrapper {\n      width: $sidebar-width;\n      flex: 0 0 auto;\n    }\n  }\n\n  @media screen and (max-width: $no-columns-breakpoint) {\n    .sidebar-wrapper {\n      width: 100%;\n    }\n  }\n\n  .content {\n    padding: 20px 15px;\n    padding-top: 60px;\n    padding-left: 25px;\n\n    @media screen and (max-width: $no-columns-breakpoint) {\n      max-width: none;\n      padding: 15px;\n      padding-top: 30px;\n    }\n\n    &-heading {\n      display: flex;\n\n      padding-bottom: 40px;\n      border-bottom: 1px solid lighten($ui-base-color, 8%);\n\n      margin: -15px -15px 40px 0;\n\n      flex-wrap: wrap;\n      align-items: center;\n      justify-content: space-between;\n\n      & > * {\n        margin-top: 15px;\n        margin-right: 15px;\n      }\n\n      &-actions {\n        display: inline-flex;\n\n        & > :not(:first-child) {\n          margin-left: 5px;\n        }\n      }\n\n      @media screen and (max-width: $no-columns-breakpoint) {\n        border-bottom: 0;\n        padding-bottom: 0;\n      }\n    }\n\n    h2 {\n      color: $secondary-text-color;\n      font-size: 24px;\n      line-height: 28px;\n      font-weight: 400;\n\n      @media screen and (max-width: $no-columns-breakpoint) {\n        font-weight: 700;\n      }\n    }\n\n    h3 {\n      color: $secondary-text-color;\n      font-size: 20px;\n      line-height: 28px;\n      font-weight: 400;\n      margin-bottom: 30px;\n    }\n\n    h4 {\n      text-transform: uppercase;\n      font-size: 13px;\n      font-weight: 700;\n      color: $darker-text-color;\n      padding-bottom: 8px;\n      margin-bottom: 8px;\n      border-bottom: 1px solid lighten($ui-base-color, 8%);\n    }\n\n    h6 {\n      font-size: 16px;\n      color: $secondary-text-color;\n      line-height: 28px;\n      font-weight: 500;\n    }\n\n    .fields-group h6 {\n      color: $primary-text-color;\n      font-weight: 500;\n    }\n\n    .directory__tag > a,\n    .directory__tag > div {\n      box-shadow: none;\n    }\n\n    .directory__tag .table-action-link .fa {\n      color: inherit;\n    }\n\n    .directory__tag h4 {\n      font-size: 18px;\n      font-weight: 700;\n      color: $primary-text-color;\n      text-transform: none;\n      padding-bottom: 0;\n      margin-bottom: 0;\n      border-bottom: 0;\n    }\n\n    & > p {\n      font-size: 14px;\n      line-height: 21px;\n      color: $secondary-text-color;\n      margin-bottom: 20px;\n\n      strong {\n        color: $primary-text-color;\n        font-weight: 500;\n\n        @each $lang in $cjk-langs {\n          &:lang(#{$lang}) {\n            font-weight: 700;\n          }\n        }\n      }\n    }\n\n    hr {\n      width: 100%;\n      height: 0;\n      border: 0;\n      border-bottom: 1px solid rgba($ui-base-lighter-color, .6);\n      margin: 20px 0;\n\n      &.spacer {\n        height: 1px;\n        border: 0;\n      }\n    }\n  }\n\n  @media screen and (max-width: $no-columns-breakpoint) {\n    display: block;\n\n    .sidebar-wrapper {\n      min-height: 0;\n    }\n\n    .sidebar {\n      width: 100%;\n      padding: 0;\n      height: auto;\n\n      &__toggle {\n        display: flex;\n      }\n\n      & > ul {\n        display: none;\n      }\n\n      ul a,\n      ul ul a {\n        border-radius: 0;\n        border-bottom: 1px solid lighten($ui-base-color, 4%);\n        transition: none;\n\n        &:hover {\n          transition: none;\n        }\n      }\n\n      ul ul {\n        border-radius: 0;\n      }\n\n      ul .simple-navigation-active-leaf a {\n        border-bottom-color: $ui-highlight-color;\n      }\n    }\n  }\n}\n\nhr.spacer {\n  width: 100%;\n  border: 0;\n  margin: 20px 0;\n  height: 1px;\n}\n\nbody,\n.admin-wrapper .content {\n  .muted-hint {\n    color: $darker-text-color;\n\n    a {\n      color: $highlight-text-color;\n    }\n  }\n\n  .positive-hint {\n    color: $valid-value-color;\n    font-weight: 500;\n  }\n\n  .negative-hint {\n    color: $error-value-color;\n    font-weight: 500;\n  }\n\n  .neutral-hint {\n    color: $dark-text-color;\n    font-weight: 500;\n  }\n\n  .warning-hint {\n    color: $gold-star;\n    font-weight: 500;\n  }\n}\n\n.filters {\n  display: flex;\n  flex-wrap: wrap;\n\n  .filter-subset {\n    flex: 0 0 auto;\n    margin: 0 40px 20px 0;\n\n    &:last-child {\n      margin-bottom: 30px;\n    }\n\n    ul {\n      margin-top: 5px;\n      list-style: none;\n\n      li {\n        display: inline-block;\n        margin-right: 5px;\n      }\n    }\n\n    strong {\n      font-weight: 500;\n      text-transform: uppercase;\n      font-size: 12px;\n\n      @each $lang in $cjk-langs {\n        &:lang(#{$lang}) {\n          font-weight: 700;\n        }\n      }\n    }\n\n    &--with-select strong {\n      display: block;\n      margin-bottom: 10px;\n    }\n\n    a {\n      display: inline-block;\n      color: $darker-text-color;\n      text-decoration: none;\n      text-transform: uppercase;\n      font-size: 12px;\n      font-weight: 500;\n      border-bottom: 2px solid $ui-base-color;\n\n      &:hover {\n        color: $primary-text-color;\n        border-bottom: 2px solid lighten($ui-base-color, 5%);\n      }\n\n      &.selected {\n        color: $highlight-text-color;\n        border-bottom: 2px solid $ui-highlight-color;\n      }\n    }\n  }\n}\n\n.flavour-screen {\n  display: block;\n  margin: 10px auto;\n  max-width: 100%;\n}\n\n.flavour-description {\n  display: block;\n  font-size: 16px;\n  margin: 10px 0;\n\n  & > p {\n    margin: 10px 0;\n  }\n}\n\n.flavour-screen {\n  display: block;\n  margin: 10px auto;\n  max-width: 100%;\n}\n\n.flavour-description {\n  display: block;\n  font-size: 16px;\n  margin: 10px 0;\n\n  & > p {\n    margin: 10px 0;\n  }\n}\n\n.report-accounts {\n  display: flex;\n  flex-wrap: wrap;\n  margin-bottom: 20px;\n}\n\n.report-accounts__item {\n  display: flex;\n  flex: 250px;\n  flex-direction: column;\n  margin: 0 5px;\n\n  & > strong {\n    display: block;\n    margin: 0 0 10px -5px;\n    font-weight: 500;\n    font-size: 14px;\n    line-height: 18px;\n    color: $secondary-text-color;\n\n    @each $lang in $cjk-langs {\n      &:lang(#{$lang}) {\n        font-weight: 700;\n      }\n    }\n  }\n\n  .account-card {\n    flex: 1 1 auto;\n  }\n}\n\n.report-status,\n.account-status {\n  display: flex;\n  margin-bottom: 10px;\n\n  .activity-stream {\n    flex: 2 0 0;\n    margin-right: 20px;\n    max-width: calc(100% - 60px);\n\n    .entry {\n      border-radius: 4px;\n    }\n  }\n}\n\n.report-status__actions,\n.account-status__actions {\n  flex: 0 0 auto;\n  display: flex;\n  flex-direction: column;\n\n  .icon-button {\n    font-size: 24px;\n    width: 24px;\n    text-align: center;\n    margin-bottom: 10px;\n  }\n}\n\n.simple_form.new_report_note,\n.simple_form.new_account_moderation_note {\n  max-width: 100%;\n}\n\n.batch-form-box {\n  display: flex;\n  flex-wrap: wrap;\n  margin-bottom: 5px;\n\n  #form_status_batch_action {\n    margin: 0 5px 5px 0;\n    font-size: 14px;\n  }\n\n  input.button {\n    margin: 0 5px 5px 0;\n  }\n\n  .media-spoiler-toggle-buttons {\n    margin-left: auto;\n\n    .button {\n      overflow: visible;\n      margin: 0 0 5px 5px;\n      float: right;\n    }\n  }\n}\n\n.back-link {\n  margin-bottom: 10px;\n  font-size: 14px;\n\n  a {\n    color: $highlight-text-color;\n    text-decoration: none;\n\n    &:hover {\n      text-decoration: underline;\n    }\n  }\n}\n\n.spacer {\n  flex: 1 1 auto;\n}\n\n.log-entry {\n  line-height: 20px;\n  padding: 15px 0;\n  background: $ui-base-color;\n  border-bottom: 1px solid lighten($ui-base-color, 4%);\n\n  &:last-child {\n    border-bottom: 0;\n  }\n\n  &__header {\n    display: flex;\n    justify-content: flex-start;\n    align-items: center;\n    color: $darker-text-color;\n    font-size: 14px;\n    padding: 0 10px;\n  }\n\n  &__avatar {\n    margin-right: 10px;\n\n    .avatar {\n      display: block;\n      margin: 0;\n      border-radius: 50%;\n      width: 40px;\n      height: 40px;\n    }\n  }\n\n  &__content {\n    max-width: calc(100% - 90px);\n  }\n\n  &__title {\n    word-wrap: break-word;\n  }\n\n  &__timestamp {\n    color: $dark-text-color;\n  }\n\n  a,\n  .username,\n  .target {\n    color: $secondary-text-color;\n    text-decoration: none;\n    font-weight: 500;\n  }\n}\n\na.name-tag,\n.name-tag,\na.inline-name-tag,\n.inline-name-tag {\n  text-decoration: none;\n  color: $secondary-text-color;\n\n  .username {\n    font-weight: 500;\n  }\n\n  &.suspended {\n    .username {\n      text-decoration: line-through;\n      color: lighten($error-red, 12%);\n    }\n\n    .avatar {\n      filter: grayscale(100%);\n      opacity: 0.8;\n    }\n  }\n}\n\na.name-tag,\n.name-tag {\n  display: flex;\n  align-items: center;\n\n  .avatar {\n    display: block;\n    margin: 0;\n    margin-right: 5px;\n    border-radius: 50%;\n  }\n\n  &.suspended {\n    .avatar {\n      filter: grayscale(100%);\n      opacity: 0.8;\n    }\n  }\n}\n\n.speech-bubble {\n  margin-bottom: 20px;\n  border-left: 4px solid $ui-highlight-color;\n\n  &.positive {\n    border-left-color: $success-green;\n  }\n\n  &.negative {\n    border-left-color: lighten($error-red, 12%);\n  }\n\n  &.warning {\n    border-left-color: $gold-star;\n  }\n\n  &__bubble {\n    padding: 16px;\n    padding-left: 14px;\n    font-size: 15px;\n    line-height: 20px;\n    border-radius: 4px 4px 4px 0;\n    position: relative;\n    font-weight: 500;\n\n    a {\n      color: $darker-text-color;\n    }\n  }\n\n  &__owner {\n    padding: 8px;\n    padding-left: 12px;\n  }\n\n  time {\n    color: $dark-text-color;\n  }\n}\n\n.report-card {\n  background: $ui-base-color;\n  border-radius: 4px;\n  margin-bottom: 20px;\n\n  &__profile {\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    padding: 15px;\n\n    .account {\n      padding: 0;\n      border: 0;\n\n      &__avatar-wrapper {\n        margin-left: 0;\n      }\n    }\n\n    &__stats {\n      flex: 0 0 auto;\n      font-weight: 500;\n      color: $darker-text-color;\n      text-transform: uppercase;\n      text-align: right;\n\n      a {\n        color: inherit;\n        text-decoration: none;\n\n        &:focus,\n        &:hover,\n        &:active {\n          color: lighten($darker-text-color, 8%);\n        }\n      }\n\n      .red {\n        color: $error-value-color;\n      }\n    }\n  }\n\n  &__summary {\n    &__item {\n      display: flex;\n      justify-content: flex-start;\n      border-top: 1px solid darken($ui-base-color, 4%);\n\n      &:hover {\n        background: lighten($ui-base-color, 2%);\n      }\n\n      &__reported-by,\n      &__assigned {\n        padding: 15px;\n        flex: 0 0 auto;\n        box-sizing: border-box;\n        width: 150px;\n        color: $darker-text-color;\n\n        &,\n        .username {\n          white-space: nowrap;\n          overflow: hidden;\n          text-overflow: ellipsis;\n        }\n      }\n\n      &__content {\n        flex: 1 1 auto;\n        max-width: calc(100% - 300px);\n\n        &__icon {\n          color: $dark-text-color;\n          margin-right: 4px;\n          font-weight: 500;\n        }\n      }\n\n      &__content a {\n        display: block;\n        box-sizing: border-box;\n        width: 100%;\n        padding: 15px;\n        text-decoration: none;\n        color: $darker-text-color;\n      }\n    }\n  }\n}\n\n.one-line {\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n}\n\n.ellipsized-ip {\n  display: inline-block;\n  max-width: 120px;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  vertical-align: middle;\n}\n\n.admin-account-bio {\n  display: flex;\n  flex-wrap: wrap;\n  margin: 0 -5px;\n  margin-top: 20px;\n\n  > div {\n    box-sizing: border-box;\n    padding: 0 5px;\n    margin-bottom: 10px;\n    flex: 1 0 50%;\n  }\n\n  .account__header__fields,\n  .account__header__content {\n    background: lighten($ui-base-color, 8%);\n    border-radius: 4px;\n    height: 100%;\n  }\n\n  .account__header__fields {\n    margin: 0;\n    border: 0;\n\n    a {\n      color: lighten($ui-highlight-color, 8%);\n    }\n\n    dl:first-child .verified {\n      border-radius: 0 4px 0 0;\n    }\n\n    .verified a {\n      color: $valid-value-color;\n    }\n  }\n\n  .account__header__content {\n    box-sizing: border-box;\n    padding: 20px;\n    color: $primary-text-color;\n  }\n}\n\n.center-text {\n  text-align: center;\n}\n\n.announcements-list {\n  border: 1px solid lighten($ui-base-color, 4%);\n  border-radius: 4px;\n\n  &__item {\n    padding: 15px 0;\n    background: $ui-base-color;\n    border-bottom: 1px solid lighten($ui-base-color, 4%);\n\n    &__title {\n      padding: 0 15px;\n      display: block;\n      font-weight: 500;\n      font-size: 18px;\n      line-height: 1.5;\n      color: $secondary-text-color;\n      text-decoration: none;\n      margin-bottom: 10px;\n\n      &:hover,\n      &:focus,\n      &:active {\n        color: $primary-text-color;\n      }\n    }\n\n    &__meta {\n      padding: 0 15px;\n      color: $dark-text-color;\n    }\n\n    &__action-bar {\n      display: flex;\n      justify-content: space-between;\n      align-items: center;\n    }\n\n    &:last-child {\n      border-bottom: 0;\n    }\n  }\n}\n",".dashboard__counters {\n  display: flex;\n  flex-wrap: wrap;\n  margin: 0 -5px;\n  margin-bottom: 20px;\n\n  & > div {\n    box-sizing: border-box;\n    flex: 0 0 33.333%;\n    padding: 0 5px;\n    margin-bottom: 10px;\n\n    & > div,\n    & > a {\n      padding: 20px;\n      background: lighten($ui-base-color, 4%);\n      border-radius: 4px;\n      box-sizing: border-box;\n      height: 100%;\n    }\n\n    & > a {\n      text-decoration: none;\n      color: inherit;\n      display: block;\n\n      &:hover,\n      &:focus,\n      &:active {\n        background: lighten($ui-base-color, 8%);\n      }\n    }\n  }\n\n  &__num,\n  &__text {\n    text-align: center;\n    font-weight: 500;\n    font-size: 24px;\n    line-height: 21px;\n    color: $primary-text-color;\n    font-family: $font-display, sans-serif;\n    margin-bottom: 20px;\n    line-height: 30px;\n  }\n\n  &__text {\n    font-size: 18px;\n  }\n\n  &__label {\n    font-size: 14px;\n    color: $darker-text-color;\n    text-align: center;\n    font-weight: 500;\n  }\n}\n\n.dashboard__widgets {\n  display: flex;\n  flex-wrap: wrap;\n  margin: 0 -5px;\n\n  & > div {\n    flex: 0 0 33.333%;\n    margin-bottom: 20px;\n\n    & > div {\n      padding: 0 5px;\n    }\n  }\n\n  a:not(.name-tag) {\n    color: $ui-secondary-color;\n    font-weight: 500;\n    text-decoration: none;\n  }\n}\n","body.rtl {\n  direction: rtl;\n\n  .column-header > button {\n    text-align: right;\n    padding-left: 0;\n    padding-right: 15px;\n  }\n\n  .radio-button__input {\n    margin-right: 0;\n    margin-left: 10px;\n  }\n\n  .directory__card__bar .display-name {\n    margin-left: 0;\n    margin-right: 15px;\n  }\n\n  .display-name {\n    text-align: right;\n  }\n\n  .notification__message {\n    margin-left: 0;\n    margin-right: 68px;\n  }\n\n  .drawer__inner__mastodon > img {\n    transform: scaleX(-1);\n  }\n\n  .notification__favourite-icon-wrapper {\n    left: auto;\n    right: -26px;\n  }\n\n  .landing-page__logo {\n    margin-right: 0;\n    margin-left: 20px;\n  }\n\n  .landing-page .features-list .features-list__row .visual {\n    margin-left: 0;\n    margin-right: 15px;\n  }\n\n  .column-link__icon,\n  .column-header__icon {\n    margin-right: 0;\n    margin-left: 5px;\n  }\n\n  .compose-form .compose-form__buttons-wrapper .character-counter__wrapper {\n    margin-right: 0;\n    margin-left: 4px;\n  }\n\n  .navigation-bar__profile {\n    margin-left: 0;\n    margin-right: 8px;\n  }\n\n  .search__input {\n    padding-right: 10px;\n    padding-left: 30px;\n  }\n\n  .search__icon .fa {\n    right: auto;\n    left: 10px;\n  }\n\n  .columns-area {\n    direction: rtl;\n  }\n\n  .column-header__buttons {\n    left: 0;\n    right: auto;\n    margin-left: 0;\n    margin-right: -15px;\n  }\n\n  .column-inline-form .icon-button {\n    margin-left: 0;\n    margin-right: 5px;\n  }\n\n  .column-header__links .text-btn {\n    margin-left: 10px;\n    margin-right: 0;\n  }\n\n  .account__avatar-wrapper {\n    float: right;\n  }\n\n  .column-header__back-button {\n    padding-left: 5px;\n    padding-right: 0;\n  }\n\n  .column-header__setting-arrows {\n    float: left;\n  }\n\n  .setting-toggle__label {\n    margin-left: 0;\n    margin-right: 8px;\n  }\n\n  .status__avatar {\n    left: auto;\n    right: 10px;\n  }\n\n  .status,\n  .activity-stream .status.light {\n    padding-left: 10px;\n    padding-right: 68px;\n  }\n\n  .status__info .status__display-name,\n  .activity-stream .status.light .status__display-name {\n    padding-left: 25px;\n    padding-right: 0;\n  }\n\n  .activity-stream .pre-header {\n    padding-right: 68px;\n    padding-left: 0;\n  }\n\n  .status__prepend {\n    margin-left: 0;\n    margin-right: 68px;\n  }\n\n  .status__prepend-icon-wrapper {\n    left: auto;\n    right: -26px;\n  }\n\n  .activity-stream .pre-header .pre-header__icon {\n    left: auto;\n    right: 42px;\n  }\n\n  .account__avatar-overlay-overlay {\n    right: auto;\n    left: 0;\n  }\n\n  .column-back-button--slim-button {\n    right: auto;\n    left: 0;\n  }\n\n  .status__relative-time,\n  .activity-stream .status.light .status__header .status__meta {\n    float: left;\n  }\n\n  .status__action-bar {\n    &__counter {\n      margin-right: 0;\n      margin-left: 11px;\n\n      .status__action-bar-button {\n        margin-right: 0;\n        margin-left: 4px;\n      }\n    }\n  }\n\n  .status__action-bar-button {\n    float: right;\n    margin-right: 0;\n    margin-left: 18px;\n  }\n\n  .status__action-bar-dropdown {\n    float: right;\n  }\n\n  .privacy-dropdown__dropdown {\n    margin-left: 0;\n    margin-right: 40px;\n  }\n\n  .privacy-dropdown__option__icon {\n    margin-left: 10px;\n    margin-right: 0;\n  }\n\n  .detailed-status__display-name .display-name {\n    text-align: right;\n  }\n\n  .detailed-status__display-avatar {\n    margin-right: 0;\n    margin-left: 10px;\n    float: right;\n  }\n\n  .detailed-status__favorites,\n  .detailed-status__reblogs {\n    margin-left: 0;\n    margin-right: 6px;\n  }\n\n  .fa-ul {\n    margin-left: 2.14285714em;\n  }\n\n  .fa-li {\n    left: auto;\n    right: -2.14285714em;\n  }\n\n  .admin-wrapper {\n    direction: rtl;\n  }\n\n  .admin-wrapper .sidebar ul a i.fa,\n  a.table-action-link i.fa {\n    margin-right: 0;\n    margin-left: 5px;\n  }\n\n  .simple_form .check_boxes .checkbox label {\n    padding-left: 0;\n    padding-right: 25px;\n  }\n\n  .simple_form .input.with_label.boolean label.checkbox {\n    padding-left: 25px;\n    padding-right: 0;\n  }\n\n  .simple_form .check_boxes .checkbox input[type=\"checkbox\"],\n  .simple_form .input.boolean input[type=\"checkbox\"] {\n    left: auto;\n    right: 0;\n  }\n\n  .simple_form .input.radio_buttons .radio {\n    left: auto;\n    right: 0;\n  }\n\n  .simple_form .input.radio_buttons .radio > label {\n    padding-right: 28px;\n    padding-left: 0;\n  }\n\n  .simple_form .input-with-append .input input {\n    padding-left: 142px;\n    padding-right: 0;\n  }\n\n  .simple_form .input.boolean label.checkbox {\n    left: auto;\n    right: 0;\n  }\n\n  .simple_form .input.boolean .label_input,\n  .simple_form .input.boolean .hint {\n    padding-left: 0;\n    padding-right: 28px;\n  }\n\n  .simple_form .label_input__append {\n    right: auto;\n    left: 3px;\n\n    &::after {\n      right: auto;\n      left: 0;\n      background-image: linear-gradient(to left, rgba(darken($ui-base-color, 10%), 0), darken($ui-base-color, 10%));\n    }\n  }\n\n  .simple_form select {\n    background: darken($ui-base-color, 10%) url(\"data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14.933 18.467' height='19.698' width='15.929'><path d='M3.467 14.967l-3.393-3.5H14.86l-3.392 3.5c-1.866 1.925-3.666 3.5-4 3.5-.335 0-2.135-1.575-4-3.5zm.266-11.234L7.467 0 11.2 3.733l3.733 3.734H0l3.733-3.734z' fill='#{hex-color(lighten($ui-base-color, 12%))}'/></svg>\") no-repeat left 8px center / auto 16px;\n  }\n\n  .table th,\n  .table td {\n    text-align: right;\n  }\n\n  .filters .filter-subset {\n    margin-right: 0;\n    margin-left: 45px;\n  }\n\n  .landing-page .header-wrapper .mascot {\n    right: 60px;\n    left: auto;\n  }\n\n  .landing-page__call-to-action .row__information-board {\n    direction: rtl;\n  }\n\n  .landing-page .header .hero .floats .float-1 {\n    left: -120px;\n    right: auto;\n  }\n\n  .landing-page .header .hero .floats .float-2 {\n    left: 210px;\n    right: auto;\n  }\n\n  .landing-page .header .hero .floats .float-3 {\n    left: 110px;\n    right: auto;\n  }\n\n  .landing-page .header .links .brand img {\n    left: 0;\n  }\n\n  .landing-page .fa-external-link {\n    padding-right: 5px;\n    padding-left: 0 !important;\n  }\n\n  .landing-page .features #mastodon-timeline {\n    margin-right: 0;\n    margin-left: 30px;\n  }\n\n  @media screen and (min-width: 631px) {\n    .column,\n    .drawer {\n      padding-left: 5px;\n      padding-right: 5px;\n\n      &:first-child {\n        padding-left: 5px;\n        padding-right: 10px;\n      }\n    }\n\n    .columns-area > div {\n      .column,\n      .drawer {\n        padding-left: 5px;\n        padding-right: 5px;\n      }\n    }\n  }\n\n  .columns-area--mobile .column,\n  .columns-area--mobile .drawer {\n    padding-left: 0;\n    padding-right: 0;\n  }\n\n  .public-layout {\n    .header {\n      .nav-button {\n        margin-left: 8px;\n        margin-right: 0;\n      }\n    }\n\n    .public-account-header__tabs {\n      margin-left: 0;\n      margin-right: 20px;\n    }\n  }\n\n  .landing-page__information {\n    .account__display-name {\n      margin-right: 0;\n      margin-left: 5px;\n    }\n\n    .account__avatar-wrapper {\n      margin-left: 12px;\n      margin-right: 0;\n    }\n  }\n\n  .card__bar .display-name {\n    margin-left: 0;\n    margin-right: 15px;\n    text-align: right;\n  }\n\n  .fa-chevron-left::before {\n    content: \"\\F054\";\n  }\n\n  .fa-chevron-right::before {\n    content: \"\\F053\";\n  }\n\n  .column-back-button__icon {\n    margin-right: 0;\n    margin-left: 5px;\n  }\n\n  .column-header__setting-arrows .column-header__setting-btn:last-child {\n    padding-left: 0;\n    padding-right: 10px;\n  }\n\n  .simple_form .input.radio_buttons .radio > label input {\n    left: auto;\n    right: 0;\n  }\n}\n","$black-emojis: '8ball' 'ant' 'back' 'black_circle' 'black_heart' 'black_large_square' 'black_medium_small_square' 'black_medium_square' 'black_nib' 'black_small_square' 'bomb' 'bowling' 'bust_in_silhouette' 'busts_in_silhouette' 'camera' 'camera_with_flash' 'clubs' 'copyright' 'curly_loop' 'currency_exchange' 'dark_sunglasses' 'eight_pointed_black_star' 'electric_plug' 'end' 'female-guard' 'film_projector' 'fried_egg' 'gorilla' 'guardsman' 'heavy_check_mark' 'heavy_division_sign' 'heavy_dollar_sign' 'heavy_minus_sign' 'heavy_multiplication_x' 'heavy_plus_sign' 'hocho' 'hole' 'joystick' 'kaaba' 'lower_left_ballpoint_pen' 'lower_left_fountain_pen' 'male-guard' 'microphone' 'mortar_board' 'movie_camera' 'musical_score' 'on' 'registered' 'soon' 'spades' 'speaking_head_in_silhouette' 'spider' 'telephone_receiver' 'tm' 'top' 'tophat' 'turkey' 'vhs' 'video_camera' 'video_game' 'water_buffalo' 'waving_black_flag' 'wavy_dash';\n\n%white-emoji-outline {\n  filter: drop-shadow(1px 1px 0 $white) drop-shadow(-1px 1px 0 $white) drop-shadow(1px -1px 0 $white) drop-shadow(-1px -1px 0 $white);\n  transform: scale(.71);\n}\n\n.emojione {\n  @each $emoji in $black-emojis {\n    &[title=':#{$emoji}:'] {\n      @extend %white-emoji-outline;\n    }\n  }\n}\n","// Notes!\n// Sass color functions, \"darken\" and \"lighten\" are automatically replaced.\n\nhtml {\n  scrollbar-color: $ui-base-color rgba($ui-base-color, 0.25);\n}\n\n// Change the colors of button texts\n.button {\n  color: $white;\n\n  &.button-alternative-2 {\n    color: $white;\n  }\n}\n\n.status-card__actions button,\n.status-card__actions a {\n  color: rgba($white, 0.8);\n\n  &:hover,\n  &:active,\n  &:focus {\n    color: $white;\n  }\n}\n\n// Change default background colors of columns\n.column > .scrollable,\n.getting-started,\n.column-inline-form,\n.error-column,\n.regeneration-indicator {\n  background: $white;\n  border: 1px solid lighten($ui-base-color, 8%);\n  border-top: 0;\n}\n\n.directory__card__img {\n  background: lighten($ui-base-color, 12%);\n}\n\n.filter-form,\n.directory__card__bar {\n  background: $white;\n  border-bottom: 1px solid lighten($ui-base-color, 8%);\n}\n\n.scrollable .directory__list {\n  width: calc(100% + 2px);\n  margin-left: -1px;\n  margin-right: -1px;\n}\n\n.directory__card,\n.table-of-contents {\n  border: 1px solid lighten($ui-base-color, 8%);\n}\n\n.column-back-button,\n.column-header {\n  background: $white;\n  border: 1px solid lighten($ui-base-color, 8%);\n\n  @media screen and (max-width: $no-gap-breakpoint) {\n    border-top: 0;\n  }\n\n  &--slim-button {\n    top: -50px;\n    right: 0;\n  }\n}\n\n.column-header__back-button,\n.column-header__button,\n.column-header__button.active,\n.account__header__bar,\n.directory__card__extra {\n  background: $white;\n}\n\n.column-header__button.active {\n  color: $ui-highlight-color;\n\n  &:hover,\n  &:active,\n  &:focus {\n    color: $ui-highlight-color;\n    background: $white;\n  }\n}\n\n.account__header__bar .avatar .account__avatar {\n  border-color: $white;\n}\n\n.getting-started__footer a {\n  color: $ui-secondary-color;\n  text-decoration: underline;\n}\n\n.confirmation-modal__secondary-button,\n.confirmation-modal__cancel-button,\n.mute-modal__cancel-button,\n.block-modal__cancel-button {\n  color: lighten($ui-base-color, 26%);\n\n  &:hover,\n  &:focus,\n  &:active {\n    color: $primary-text-color;\n  }\n}\n\n.column-subheading {\n  background: darken($ui-base-color, 4%);\n  border-bottom: 1px solid lighten($ui-base-color, 8%);\n}\n\n.getting-started,\n.scrollable {\n  .column-link {\n    background: $white;\n    border-bottom: 1px solid lighten($ui-base-color, 8%);\n\n    &:hover,\n    &:active,\n    &:focus {\n      background: $ui-base-color;\n    }\n  }\n}\n\n.getting-started .navigation-bar {\n  border-top: 1px solid lighten($ui-base-color, 8%);\n  border-bottom: 1px solid lighten($ui-base-color, 8%);\n\n  @media screen and (max-width: $no-gap-breakpoint) {\n    border-top: 0;\n  }\n}\n\n.compose-form__autosuggest-wrapper,\n.poll__option input[type=\"text\"],\n.compose-form .spoiler-input__input,\n.compose-form__poll-wrapper select,\n.search__input,\n.setting-text,\n.box-widget input[type=\"text\"],\n.box-widget input[type=\"email\"],\n.box-widget input[type=\"password\"],\n.box-widget textarea,\n.statuses-grid .detailed-status,\n.audio-player {\n  border: 1px solid lighten($ui-base-color, 8%);\n}\n\n.search__input {\n  @media screen and (max-width: $no-gap-breakpoint) {\n    border-top: 0;\n    border-bottom: 0;\n  }\n}\n\n.list-editor .search .search__input {\n  border-top: 0;\n  border-bottom: 0;\n}\n\n.compose-form__poll-wrapper select {\n  background: $simple-background-color url(\"data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14.933 18.467' height='19.698' width='15.929'><path d='M3.467 14.967l-3.393-3.5H14.86l-3.392 3.5c-1.866 1.925-3.666 3.5-4 3.5-.335 0-2.135-1.575-4-3.5zm.266-11.234L7.467 0 11.2 3.733l3.733 3.734H0l3.733-3.734z' fill='#{hex-color(lighten($ui-base-color, 8%))}'/></svg>\") no-repeat right 8px center / auto 16px;\n}\n\n.compose-form__poll-wrapper,\n.compose-form__poll-wrapper .poll__footer {\n  border-top-color: lighten($ui-base-color, 8%);\n}\n\n.notification__filter-bar {\n  border: 1px solid lighten($ui-base-color, 8%);\n  border-top: 0;\n}\n\n.compose-form .compose-form__buttons-wrapper {\n  background: $ui-base-color;\n  border: 1px solid lighten($ui-base-color, 8%);\n  border-top: 0;\n}\n\n.drawer__header,\n.drawer__inner {\n  background: $white;\n  border: 1px solid lighten($ui-base-color, 8%);\n}\n\n.drawer__inner__mastodon {\n  background: $white url('data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 234.80078 31.757813\" width=\"234.80078\" height=\"31.757812\"><path d=\"M19.599609 0c-1.05 0-2.10039.375-2.90039 1.125L0 16.925781v14.832031h234.80078V17.025391l-16.5-15.900391c-1.6-1.5-4.20078-1.5-5.80078 0l-13.80078 13.099609c-1.6 1.5-4.19883 1.5-5.79883 0L179.09961 1.125c-1.6-1.5-4.19883-1.5-5.79883 0L159.5 14.224609c-1.6 1.5-4.20078 1.5-5.80078 0L139.90039 1.125c-1.6-1.5-4.20078-1.5-5.80078 0l-13.79883 13.099609c-1.6 1.5-4.20078 1.5-5.80078 0L100.69922 1.125c-1.600001-1.5-4.198829-1.5-5.798829 0l-13.59961 13.099609c-1.6 1.5-4.200781 1.5-5.800781 0L61.699219 1.125c-1.6-1.5-4.198828-1.5-5.798828 0L42.099609 14.224609c-1.6 1.5-4.198828 1.5-5.798828 0L22.5 1.125C21.7.375 20.649609 0 19.599609 0z\" fill=\"#{hex-color($ui-base-color)}\"/></svg>') no-repeat bottom / 100% auto;\n}\n\n// Change the colors used in compose-form\n.compose-form {\n  .compose-form__modifiers {\n    .compose-form__upload__actions .icon-button {\n      color: lighten($white, 7%);\n\n      &:active,\n      &:focus,\n      &:hover {\n        color: $white;\n      }\n    }\n\n    .compose-form__upload-description input {\n      color: lighten($white, 7%);\n\n      &::placeholder {\n        color: lighten($white, 7%);\n      }\n    }\n  }\n\n  .compose-form__buttons-wrapper {\n    background: darken($ui-base-color, 6%);\n  }\n\n  .autosuggest-textarea__suggestions {\n    background: darken($ui-base-color, 6%);\n  }\n\n  .autosuggest-textarea__suggestions__item {\n    &:hover,\n    &:focus,\n    &:active,\n    &.selected {\n      background: lighten($ui-base-color, 4%);\n    }\n  }\n}\n\n.emoji-mart-bar {\n  border-color: lighten($ui-base-color, 4%);\n\n  &:first-child {\n    background: darken($ui-base-color, 6%);\n  }\n}\n\n.emoji-mart-search input {\n  background: rgba($ui-base-color, 0.3);\n  border-color: $ui-base-color;\n}\n\n// Change the background colors of statuses\n.focusable:focus {\n  background: $ui-base-color;\n}\n\n.status.status-direct {\n  background: lighten($ui-base-color, 4%);\n}\n\n.focusable:focus .status.status-direct {\n  background: lighten($ui-base-color, 8%);\n}\n\n.detailed-status,\n.detailed-status__action-bar {\n  background: $white;\n}\n\n// Change the background colors of status__content__spoiler-link\n.reply-indicator__content .status__content__spoiler-link,\n.status__content .status__content__spoiler-link {\n  background: $ui-base-color;\n\n  &:hover {\n    background: lighten($ui-base-color, 4%);\n  }\n}\n\n// Change the background colors of media and video spoilers\n.media-spoiler,\n.video-player__spoiler {\n  background: $ui-base-color;\n}\n\n.privacy-dropdown.active .privacy-dropdown__value.active .icon-button {\n  color: $white;\n}\n\n.account-gallery__item a {\n  background-color: $ui-base-color;\n}\n\n// Change the colors used in the dropdown menu\n.dropdown-menu {\n  background: $white;\n\n  &__arrow {\n    &.left {\n      border-left-color: $white;\n    }\n\n    &.top {\n      border-top-color: $white;\n    }\n\n    &.bottom {\n      border-bottom-color: $white;\n    }\n\n    &.right {\n      border-right-color: $white;\n    }\n  }\n\n  &__item {\n    a {\n      background: $white;\n      color: $darker-text-color;\n    }\n  }\n}\n\n// Change the text colors on inverted background\n.privacy-dropdown__option.active,\n.privacy-dropdown__option:hover,\n.privacy-dropdown__option.active .privacy-dropdown__option__content,\n.privacy-dropdown__option.active .privacy-dropdown__option__content strong,\n.privacy-dropdown__option:hover .privacy-dropdown__option__content,\n.privacy-dropdown__option:hover .privacy-dropdown__option__content strong,\n.dropdown-menu__item a:active,\n.dropdown-menu__item a:focus,\n.dropdown-menu__item a:hover,\n.actions-modal ul li:not(:empty) a.active,\n.actions-modal ul li:not(:empty) a.active button,\n.actions-modal ul li:not(:empty) a:active,\n.actions-modal ul li:not(:empty) a:active button,\n.actions-modal ul li:not(:empty) a:focus,\n.actions-modal ul li:not(:empty) a:focus button,\n.actions-modal ul li:not(:empty) a:hover,\n.actions-modal ul li:not(:empty) a:hover button,\n.admin-wrapper .sidebar ul .simple-navigation-active-leaf a,\n.simple_form .block-button,\n.simple_form .button,\n.simple_form button {\n  color: $white;\n}\n\n.dropdown-menu__separator {\n  border-bottom-color: lighten($ui-base-color, 4%);\n}\n\n// Change the background colors of modals\n.actions-modal,\n.boost-modal,\n.confirmation-modal,\n.mute-modal,\n.block-modal,\n.report-modal,\n.embed-modal,\n.error-modal,\n.onboarding-modal,\n.report-modal__comment .setting-text__wrapper,\n.report-modal__comment .setting-text {\n  background: $white;\n  border: 1px solid lighten($ui-base-color, 8%);\n}\n\n.report-modal__comment {\n  border-right-color: lighten($ui-base-color, 8%);\n}\n\n.report-modal__container {\n  border-top-color: lighten($ui-base-color, 8%);\n}\n\n.column-header__collapsible-inner {\n  background: darken($ui-base-color, 4%);\n  border: 1px solid lighten($ui-base-color, 8%);\n  border-top: 0;\n}\n\n.focal-point__preview strong {\n  color: $white;\n}\n\n.boost-modal__action-bar,\n.confirmation-modal__action-bar,\n.mute-modal__action-bar,\n.block-modal__action-bar,\n.onboarding-modal__paginator,\n.error-modal__footer {\n  background: darken($ui-base-color, 6%);\n\n  .onboarding-modal__nav,\n  .error-modal__nav {\n    &:hover,\n    &:focus,\n    &:active {\n      background-color: darken($ui-base-color, 12%);\n    }\n  }\n}\n\n.display-case__case {\n  background: $white;\n}\n\n.embed-modal .embed-modal__container .embed-modal__html {\n  background: $white;\n  border: 1px solid lighten($ui-base-color, 8%);\n\n  &:focus {\n    border-color: lighten($ui-base-color, 12%);\n    background: $white;\n  }\n}\n\n.react-toggle-track {\n  background: $ui-secondary-color;\n}\n\n.react-toggle:hover:not(.react-toggle--disabled) .react-toggle-track {\n  background: darken($ui-secondary-color, 10%);\n}\n\n.react-toggle.react-toggle--checked:hover:not(.react-toggle--disabled) .react-toggle-track {\n  background: lighten($ui-highlight-color, 10%);\n}\n\n// Change the default color used for the text in an empty column or on the error column\n.empty-column-indicator,\n.error-column {\n  color: $primary-text-color;\n  background: $white;\n}\n\n.tabs-bar {\n  background: $white;\n  border: 1px solid lighten($ui-base-color, 8%);\n  border-bottom: 0;\n\n  @media screen and (max-width: $no-gap-breakpoint) {\n    border-top: 0;\n  }\n\n  &__link {\n    padding-bottom: 14px;\n    border-bottom-width: 1px;\n    border-bottom-color: lighten($ui-base-color, 8%);\n\n    &:hover,\n    &:active,\n    &:focus {\n      background: $ui-base-color;\n    }\n\n    &.active {\n      &:hover,\n      &:active,\n      &:focus {\n        background: transparent;\n        border-bottom-color: $ui-highlight-color;\n      }\n    }\n  }\n}\n\n// Change the default colors used on some parts of the profile pages\n.activity-stream-tabs {\n  background: $account-background-color;\n  border-bottom-color: lighten($ui-base-color, 8%);\n}\n\n.box-widget,\n.nothing-here,\n.page-header,\n.directory__tag > a,\n.directory__tag > div,\n.landing-page__call-to-action,\n.contact-widget,\n.landing .hero-widget__text,\n.landing-page__information.contact-widget {\n  background: $white;\n  border: 1px solid lighten($ui-base-color, 8%);\n\n  @media screen and (max-width: $no-gap-breakpoint) {\n    border-left: 0;\n    border-right: 0;\n    border-top: 0;\n  }\n}\n\n.landing .hero-widget__text {\n  border-top: 0;\n  border-bottom: 0;\n}\n\n.simple_form {\n  input[type=text],\n  input[type=number],\n  input[type=email],\n  input[type=password],\n  textarea {\n    &:hover {\n      border-color: lighten($ui-base-color, 12%);\n    }\n  }\n}\n\n.landing .hero-widget__footer {\n  background: $white;\n  border: 1px solid lighten($ui-base-color, 8%);\n  border-top: 0;\n\n  @media screen and (max-width: $no-gap-breakpoint) {\n    border: 0;\n  }\n}\n\n.brand__tagline {\n  color: $ui-secondary-color;\n}\n\n.directory__tag > a {\n  &:hover,\n  &:active,\n  &:focus {\n    background: $ui-base-color;\n  }\n\n  @media screen and (max-width: $no-gap-breakpoint) {\n    border: 0;\n  }\n}\n\n.directory__tag.active > a,\n.directory__tag.active > div {\n  border-color: $ui-highlight-color;\n\n  &,\n  h4,\n  h4 small,\n  .fa,\n  .trends__item__current {\n    color: $white;\n  }\n\n  &:hover,\n  &:active,\n  &:focus {\n    background: $ui-highlight-color;\n  }\n}\n\n.batch-table {\n  &__toolbar,\n  &__row,\n  .nothing-here {\n    border-color: lighten($ui-base-color, 8%);\n  }\n}\n\n.activity-stream {\n  border: 1px solid lighten($ui-base-color, 8%);\n\n  &--under-tabs {\n    border-top: 0;\n  }\n\n  .entry {\n    background: $account-background-color;\n\n    .detailed-status.light,\n    .more.light,\n    .status.light {\n      border-bottom-color: lighten($ui-base-color, 8%);\n    }\n  }\n\n  .status.light {\n    .status__content {\n      color: $primary-text-color;\n    }\n\n    .display-name {\n      strong {\n        color: $primary-text-color;\n      }\n    }\n  }\n}\n\n.accounts-grid {\n  .account-grid-card {\n    .controls {\n      .icon-button {\n        color: $darker-text-color;\n      }\n    }\n\n    .name {\n      a {\n        color: $primary-text-color;\n      }\n    }\n\n    .username {\n      color: $darker-text-color;\n    }\n\n    .account__header__content {\n      color: $primary-text-color;\n    }\n  }\n}\n\n.simple_form,\n.table-form {\n  .warning {\n    box-shadow: none;\n    background: rgba($error-red, 0.5);\n    text-shadow: none;\n  }\n\n  .recommended {\n    border-color: $ui-highlight-color;\n    color: $ui-highlight-color;\n    background-color: rgba($ui-highlight-color, 0.1);\n  }\n}\n\n.compose-form .compose-form__warning {\n  border-color: $ui-highlight-color;\n  background-color: rgba($ui-highlight-color, 0.1);\n\n  &,\n  a {\n    color: $ui-highlight-color;\n  }\n}\n\n.status__content,\n.reply-indicator__content {\n  a {\n    color: $highlight-text-color;\n  }\n}\n\n.button.logo-button {\n  color: $white;\n\n  svg {\n    fill: $white;\n  }\n}\n\n.public-layout {\n  .account__section-headline {\n    border: 1px solid lighten($ui-base-color, 8%);\n\n    @media screen and (max-width: $no-gap-breakpoint) {\n      border-top: 0;\n    }\n  }\n\n  .header,\n  .public-account-header,\n  .public-account-bio {\n    box-shadow: none;\n  }\n\n  .public-account-bio,\n  .hero-widget__text {\n    background: $account-background-color;\n    border: 1px solid lighten($ui-base-color, 8%);\n  }\n\n  .header {\n    background: $ui-base-color;\n    border: 1px solid lighten($ui-base-color, 8%);\n\n    @media screen and (max-width: $no-gap-breakpoint) {\n      border: 0;\n    }\n\n    .brand {\n      &:hover,\n      &:focus,\n      &:active {\n        background: lighten($ui-base-color, 4%);\n      }\n    }\n  }\n\n  .public-account-header {\n    &__image {\n      background: lighten($ui-base-color, 12%);\n\n      &::after {\n        box-shadow: none;\n      }\n    }\n\n    &__bar {\n      &::before {\n        background: $account-background-color;\n        border: 1px solid lighten($ui-base-color, 8%);\n        border-top: 0;\n      }\n\n      .avatar img {\n        border-color: $account-background-color;\n      }\n\n      @media screen and (max-width: $no-columns-breakpoint) {\n        background: $account-background-color;\n        border: 1px solid lighten($ui-base-color, 8%);\n        border-top: 0;\n      }\n    }\n\n    &__tabs {\n      &__name {\n        h1,\n        h1 small {\n          color: $white;\n\n          @media screen and (max-width: $no-columns-breakpoint) {\n            color: $primary-text-color;\n          }\n        }\n      }\n    }\n\n    &__extra {\n      .public-account-bio {\n        border: 0;\n      }\n\n      .public-account-bio .account__header__fields {\n        border-color: lighten($ui-base-color, 8%);\n      }\n    }\n  }\n}\n\n.notification__filter-bar button.active::after,\n.account__section-headline a.active::after {\n  border-color: transparent transparent $white;\n}\n\n.hero-widget,\n.box-widget,\n.contact-widget,\n.landing-page__information.contact-widget,\n.moved-account-widget,\n.memoriam-widget,\n.activity-stream,\n.nothing-here,\n.directory__tag > a,\n.directory__tag > div,\n.card > a,\n.page-header,\n.compose-form .compose-form__warning {\n  box-shadow: none;\n}\n\n.audio-player .video-player__controls button,\n.audio-player .video-player__time-sep,\n.audio-player .video-player__time-current,\n.audio-player .video-player__time-total {\n  color: $primary-text-color;\n}\n"],"sourceRoot":""}
\ No newline at end of file
diff --git a/priv/static/packs/skins/vanilla/mastodon-light/common.js b/priv/static/packs/skins/vanilla/mastodon-light/common.js
index 6acf14a24..18bbb7f3b 100644
Binary files a/priv/static/packs/skins/vanilla/mastodon-light/common.js and b/priv/static/packs/skins/vanilla/mastodon-light/common.js differ
diff --git a/priv/static/packs/skins/vanilla/win95/common.css b/priv/static/packs/skins/vanilla/win95/common.css
index 061d665f0..9e1c6e9e0 100644
Binary files a/priv/static/packs/skins/vanilla/win95/common.css and b/priv/static/packs/skins/vanilla/win95/common.css differ
diff --git a/priv/static/packs/skins/vanilla/win95/common.css.map b/priv/static/packs/skins/vanilla/win95/common.css.map
index 7edf53558..74f240491 100644
--- a/priv/static/packs/skins/vanilla/win95/common.css.map
+++ b/priv/static/packs/skins/vanilla/win95/common.css.map
@@ -1 +1 @@
-{"version":3,"sources":["webpack:///common.scss","webpack:///./app/javascript/styles/win95.scss","webpack:///./app/javascript/styles/mastodon/reset.scss","webpack:///./app/javascript/styles/mastodon/variables.scss","webpack:///./app/javascript/styles/mastodon/basics.scss","webpack:///./app/javascript/styles/mastodon/containers.scss","webpack:///./app/javascript/styles/mastodon/lists.scss","webpack:///./app/javascript/styles/mastodon/footer.scss","webpack:///./app/javascript/styles/mastodon/compact_header.scss","webpack:///./app/javascript/styles/mastodon/widgets.scss","webpack:///./app/javascript/styles/mastodon/forms.scss","webpack:///./app/javascript/styles/mastodon/accounts.scss","webpack:///./app/javascript/styles/mastodon/statuses.scss","webpack:///./app/javascript/styles/mastodon/boost.scss","webpack:///./app/javascript/styles/mastodon/components.scss","webpack:///<no source>","webpack:///./app/javascript/styles/mastodon/_mixins.scss","webpack:///./app/javascript/styles/mastodon/polls.scss","webpack:///./app/javascript/styles/mastodon/modal.scss","webpack:///./app/javascript/styles/mastodon/emoji_picker.scss","webpack:///./app/javascript/styles/mastodon/about.scss","webpack:///./app/javascript/styles/mastodon/tables.scss","webpack:///./app/javascript/styles/mastodon/admin.scss","webpack:///./app/javascript/styles/mastodon/dashboard.scss","webpack:///./app/javascript/styles/mastodon/rtl.scss","webpack:///./app/javascript/styles/mastodon/accessibility.scss"],"names":[],"mappings":"AAAA,WCwEA,wBACE,+DACA,4ZCrEF,QAaE,UACA,SACA,eACA,aACA,wBACA,+EAIF,aAEE,MAGF,aACE,OAGF,eACE,cAGF,WACE,qDAGF,UAEE,aACA,OAGF,wBACE,iBACA,MAGF,sCACE,qBAGF,UACE,YACA,2BAGF,kBACE,cACA,mBACA,iCAGF,kBACE,kCAGF,kBACE,2BAGF,aACE,gBACA,0BACA,CCtEW,iED6Eb,kBC7Ea,4BDiFb,sBACE,MErFF,iDACE,mBACA,CACA,gBACA,gBACA,WDXM,kCCaN,6BACA,8BACA,CADA,0BACA,CADA,yBACA,CADA,qBACA,0CACA,wCACA,kBAEA,iKAYE,eAGF,SACE,oCAEA,WACE,iBACA,kBACA,uCAGF,iBACE,WACA,YACA,mCAGF,iBACE,cAIJ,kBD7CW,kBCiDX,iBACE,kBACA,0BAEA,iBACE,aAIJ,iBACE,YAGF,kBACE,SACA,iBACA,uBAEA,iBACE,WACA,YACA,gBACA,YAIJ,kBACE,UACA,YAGF,iBACE,kBACA,cD3EoB,mBAPX,WCqFT,YACA,UACA,aACA,uBACA,mBACA,oBAEA,qBACE,YACA,sCAGE,aACE,gBACA,WACA,YACA,kBACA,uBAIJ,cACE,iBACA,gBACA,QAMR,mBACE,eACA,cAEA,YACE,kDAKF,YAGE,WACA,mBACA,uBACA,oBACA,sBAGF,YACE,yEAKF,gBAEE,+EAKF,WAEE,sCAIJ,qBAEE,eACA,gBACA,gBACA,cACA,kBACA,8CAEA,eACE,0CAGF,mBACE,gEAEA,eACE,0CAIJ,aHlLoB,kKGqLlB,oBAGE,sDAIJ,aH9LgB,eGgMd,0DAEA,aHlMc,oDGuMhB,cACE,SACA,uBACA,cH1Mc,aG4Md,UACA,SACA,oBACA,eACA,UACA,4BACA,0BACA,gMAEA,oBAGE,kEAGF,aD9NY,gBCgOV,gBCnON,WACE,CACA,kBACA,qCAEA,eALF,UAMI,SACA,kBAIJ,sBACE,qCAEA,gBAHF,kBAII,qBAGF,YACE,uBACA,mBACA,wBAEA,SFrBI,YEuBF,kBACA,sBAGF,YACE,uBACA,mBACA,WF9BE,qBEgCF,UACA,kBACA,iBACA,6CACA,gBACA,eACA,mCAMJ,WACE,CACA,cACA,mBACA,sBACA,qCAEA,kCAPF,UAQI,aACA,aACA,kBAKN,WACE,CACA,YACA,eACA,iBACA,sBACA,CACA,gBACA,CACA,sBACA,qCAEA,gBAZF,UAaI,CACA,eACA,CACA,mBACA,0BAGF,UACE,YACA,iBACA,6BAEA,UACE,YACA,cACA,SACA,kBACA,uBAIJ,aACE,cF7EsB,wBE+EtB,iCAEA,aACE,gBACA,uBACA,gBACA,8BAIJ,aACE,eACA,iBACA,gBACA,SAIJ,YACE,cACA,8BACA,sBACA,mCACA,CADA,0BACA,mBAEA,eACE,WACA,mBAGF,aACE,WACA,mBAGF,aACE,WACA,mBAGF,eACE,WACA,qCAGF,QA3BF,UA4BI,qCACA,mBAEA,aACE,mBAGF,aACE,WACA,mBAGF,aACE,WACA,mBAGF,aACE,WACA,UAKN,YACE,cACA,8CACA,sBACA,mCACA,CADA,0BACA,mBAEA,eACE,WACA,mBAGF,eACE,WACA,mBAGF,aACE,WACA,mBAGF,eACE,WACA,mBAGF,aACE,WACA,uCAGF,eACE,wBAGF,kBACE,qCAGF,QAxCF,iDAyCI,uCAEA,YACE,aACA,mBACA,uBACA,iCAGF,UACE,uBACA,mBACA,sBAGF,YACE,sCAIJ,QA7DF,UA8DI,qCACA,mBAEA,aACE,mBAGF,aACE,WACA,mBAGF,aACE,WACA,mBAGF,aACE,WACA,mBAGF,aACE,WACA,sCAMJ,eADF,gBAEI,4BAGF,eACE,qCAEA,0BAHF,SAII,yBAIJ,kBACE,mCACA,kBACA,YACA,cACA,aACA,oBACA,uBACA,iBACA,gBACA,qCAEA,uBAZF,cAaI,WACA,MACA,OACA,SACA,gBACA,gBACA,YACA,6BAGF,cACE,eACA,kCAGF,YACE,oBACA,2BACA,iBACA,oCAGF,YACE,oBACA,uBACA,iBACA,mCAGF,YACE,oBACA,yBACA,iBACA,+BAGF,aACE,aACA,mCAEA,aACE,YACA,WACA,kBACA,YACA,UFxUA,qCE2UA,kCARF,WASI,+GAIJ,kBAGE,kCAIJ,YACE,mBACA,eACA,eACA,gBACA,qBACA,cF7UkB,mBE+UlB,kBACA,uHAEA,yBAGE,WFrWA,qCEyWF,0CACE,YACE,qCAKN,kBACE,CACA,oBACA,kBACA,6HAEA,oBAGE,mBACA,sBAON,YACE,cACA,0DACA,sBACA,mCACA,CADA,0BACA,gCAEA,UACE,cACA,gCAGF,UACE,cACA,qCAGF,qBAjBF,0BAkBI,WACA,gCAEA,YACE,kCAKN,iBACE,qCAEA,gCAHF,eAII,sCAKF,4BADF,eAEI,wCAIJ,eACE,mBACA,mCACA,gDAEA,UACE,qIAEA,8BAEE,CAFF,sBAEE,6DAGF,wBFtaoB,8CE2atB,yBACE,gBACA,aACA,kBACA,gBACA,oDAEA,UACE,cACA,kBACA,WACA,YACA,gDACA,MACA,OACA,kDAGF,mBACE,CADF,8BACE,CADF,gBACE,cACA,WACA,YACA,SACA,0BACA,qCAGF,6CA3BF,YA4BI,gDAIJ,eACE,6JAEA,iBAEE,qCAEA,4JAJF,eAKI,sCAKN,sCA/DF,eAgEI,gBACA,oDAEA,YACE,+FAGF,eAEE,6CAIJ,iBACE,iBACA,aACA,2BACA,mDAEA,UACE,cACA,mBACA,kBACA,SACA,OACA,QACA,YACA,0BACA,WACA,oDAGF,aACE,YACA,aACA,kBACA,cACA,wDAEA,aACE,WACA,YACA,SACA,kBACA,yBACA,mBACA,qCAIJ,2CArCF,YAsCI,mBACA,0BACA,YACA,mDAEA,YACE,oDAGF,UACE,YACA,CACA,sBACA,wDAEA,QACE,kBACA,2DAGF,mDAXF,YAYI,sCAKN,2CAhEF,eAiEI,sCAGF,2CApEF,cAqEI,8CAIJ,aACE,iBACA,mDAEA,gBACE,mBACA,sDAEA,cACE,iBACA,WF1kBF,gBE4kBE,gBACA,mBACA,uBACA,6BACA,4DAEA,aACE,eACA,WFplBJ,gBEslBI,gBACA,uBACA,qCAKN,4CA7BF,gBA8BI,aACA,8BACA,mBACA,mDAEA,aACE,iBACA,sDAEA,cACE,iBACA,iBACA,4DAEA,aF5lBY,oDEmmBlB,YACE,2BACA,oBACA,YACA,qEAEA,YACE,mBACA,gBACA,qCAGF,oEACE,YACE,6DAIJ,eACE,sBACA,cACA,cFxnBc,aE0nBd,+BACA,eACA,kBACA,kBACA,8DAEA,aACE,uEAGF,cACE,kEAGF,aACE,WACA,kBACA,SACA,OACA,WACA,gCACA,WACA,wBACA,yEAIA,+BACE,UACA,kFAGF,2BFzpBc,wEE+pBd,SACE,wBACA,8DAIJ,oBACE,cACA,2EAGF,cACE,cACA,4EAGF,eACE,eACA,kBACA,WFnsBJ,6CEqsBI,2DAIJ,aACE,WACA,4DAGF,eACE,8CAKN,YACE,eACA,kEAEA,eACE,gBACA,uBACA,cACA,2FAEA,4BACE,yEAGF,YACE,qDAIJ,gBACE,eACA,cFztBgB,uDE4tBhB,oBACE,cF7tBc,qBE+tBd,aACA,gBACA,8DAEA,eACE,WFpvBJ,qCE0vBF,6CAtCF,aAuCI,UACA,4CAKN,yBACE,qCAEA,0CAHF,eAII,wCAIJ,eACE,oCAGF,kBACE,mCACA,kBACA,gBACA,mBACA,qCAEA,mCAPF,eAQI,gBACA,gBACA,8DAGF,QACE,aACA,+DAEA,aACE,sFAGF,uBACE,yEAGF,aFryBU,8DE2yBV,mBACA,WF7yBE,qFEizBJ,YAEE,eACA,cFpyBkB,2CEwyBpB,gBACE,iCAIJ,YACE,cACA,kDACA,qCAEA,gCALF,aAMI,+CAGF,cACE,iCAIJ,eACE,2BAGF,YACE,eACA,eACA,cACA,+BAEA,qBACE,cACA,YACA,cACA,mBACA,kBACA,qCAEA,8BARF,aASI,sCAGF,8BAZF,cAaI,sCAIJ,0BAvBF,QAwBI,6BACA,+BAEA,UACE,UACA,gBACA,gCACA,0CAEA,eACE,0CAGF,kBF32BK,+IE82BH,kBAGE,WC53BZ,eACE,aAEA,oBACE,aACA,iBAIJ,eACE,cACA,oBAEA,cACE,gBACA,mBACA,wBCfF,eACE,iBACA,oBACA,eACA,cACA,qCAEA,uBAPF,iBAQI,mBACA,+BAGF,YACE,cACA,0CACA,wCAEA,aACE,WACA,YACA,wCAGF,aACE,WACA,YACA,wCAGF,aACE,WACA,YACA,kBACA,6CAEA,aACE,wCAIJ,aACE,WACA,YACA,wCAGF,aACE,WACA,YACA,qCAGF,6BAxCF,iCAyCI,+EAEA,aAEE,wCAGF,UACE,wCAGF,aACE,+EAGF,aAEE,wCAGF,UACE,sCAIJ,uCACE,aACE,sCAIJ,4JACE,YAIE,4BAKN,eACE,kBACA,cJ/EkB,6BIkFlB,aACE,qBACA,6BAIJ,oBACE,cACA,wGAEA,yBAGE,mCAKF,aACE,YACA,WACA,cACA,aACA,0HAMA,YACE,oBCjIR,cACE,iBACA,cLeoB,gBKbpB,mBACA,eACA,qBACA,qCAEA,mBATF,iBAUI,oBACA,uBAGF,aACE,qBACA,0BAGF,eACE,cLFoB,wBKMtB,oBACE,mBACA,kBACA,WACA,YACA,cC9BN,kBACE,mCACA,mBAEA,UACE,kBACA,gBACA,0BACA,gBNPI,uBMUJ,mBACE,CADF,8BACE,CADF,gBACE,cACA,WACA,YACA,SACA,0BACA,oBAIJ,kBNVW,aMYT,0BACA,eACA,cNPoB,iBMSpB,qBACA,gBACA,8BAEA,UACE,YACA,gBACA,sBAGF,kBACE,iCAEA,eACE,uBAIJ,cACE,SACA,UACA,gBACA,uBACA,oBACA,kBACA,oBACA,cACA,sBAGF,aNtCsB,qBMwCpB,4BAEA,yBACE,qCAKN,aAnEF,YAoEI,uBAIJ,kBACE,oBACA,yBAEA,YACE,gBACA,eACA,cN7DoB,+BMiEtB,cACE,0CAEA,eACE,sDAGF,YACE,mBACA,gDAGF,UACE,YACA,0BACA,oCAIJ,YACE,mBAKF,aN1FsB,aM+FxB,YACE,kBACA,mBNxGW,mCM0GX,qBAGF,YACE,kBACA,0BACA,kBACA,cN1GsB,mBM4GtB,iBAGF,eACE,eACA,cNjHsB,iBMmHtB,qBACA,gBACA,UACA,oBAEA,YACE,gBACA,eACA,cN3HoB,0BM+HtB,eACE,CACA,kBACA,mBAGF,oBACE,CACA,mBACA,cNxIoB,qBM0IpB,mBACA,gBACA,uBACA,0EAEA,yBAGE,uBAMJ,sBACA,kBACA,mBNjKW,mCMmKX,cN3JwB,gBM6JxB,mBACA,sDAEA,eAEE,CAII,qXADF,eACE,yBAKN,aACE,0BACA,CAMI,wLAGF,oBAGE,mIAEA,yBACE,gCAMR,kBACE,oCAEA,gBACE,cNvMkB,8DM6MpB,iBACE,eACA,4DAGF,eACE,qBACA,iEAEA,eACE,kBAMR,YACE,CACA,eNhPM,CMkPN,cACA,cNlOsB,mBMoOtB,+BANA,iBACA,CNhPM,kCM8PN,CATA,aAGF,kBACE,CAEA,iBACA,kBACA,cACA,iBAEA,UN/PM,eMiQJ,gBACA,gBACA,mBACA,gBAGF,cACE,cNxPoB,qCM4PtB,aArBF,YAsBI,mBACA,iBAEA,cACE,aAKN,kBN7Qa,kBM+QX,mCACA,iBAEA,qBACE,mBACA,uCAEA,YAEE,mBACA,8BACA,mBN1RO,kBM4RP,aACA,qBACA,cACA,mCACA,0EAIA,kBAGE,0BAIJ,kBR9SkB,eQgThB,8BAGF,UACE,eACA,oBAGF,aACE,eACA,gBACA,WNjUE,mBMmUF,gBACA,uBACA,wBAEA,aNvTkB,0BM2TlB,aACE,gBACA,eACA,eACA,cN/TgB,0IMqUlB,UNrVE,+BM6VJ,aACE,YACA,uDAGF,oBR5VkB,wCQgWlB,eACE,eAKN,YACE,yBACA,gCAEA,aACE,WACA,YACA,kBACA,kBACA,kBACA,mBACA,yBACA,4CAEA,SACE,6CAGF,SACE,6CAGF,SACE,iBAKN,UACE,0BAEA,SACE,SACA,wBAGF,eACE,0BAGF,iBACE,cNrYoB,gBMuYpB,aACA,sCAEA,eACE,0BAIJ,cACE,sBACA,gCACA,wCAGF,eACE,wBAGF,WACE,kBACA,eACA,gBACA,WN7aI,8BMgbJ,aACE,cNjakB,gBMmalB,eACA,0BAIJ,SACE,iCACA,qCAGF,kCACE,YACE,sCAYJ,qIAPF,eAQI,gBACA,gBACA,iBAOJ,gBACE,qCAEA,eAHF,oBAII,uBAGF,sBACE,sCAEA,qBAHF,sBAII,sCAGF,qBAPF,UAQI,sCAGF,qBAXF,WAYI,kCAIJ,iBACE,qCAEA,gCAHF,4BAII,iEAIA,eACE,0DAGF,cACE,iBACA,oEAEA,UACE,YACA,gBACA,yFAGF,gBACE,SACA,mKAIJ,eAGE,gBAON,aNlgBsB,iCMigBxB,kBAKI,6BAEA,eACE,kBAIJ,cACE,iBACA,wCAMF,oBACE,gBACA,cRjiBkB,4JQoiBlB,yBAGE,oBAKN,kBACE,gBACA,eACA,kBACA,yBAEA,aACE,gBACA,aACA,CACA,kBACA,gBACA,uBACA,qBACA,WNhkBI,gCMkkBJ,4FAEA,yBAGE,oCAIJ,eACE,0BAGF,iBACE,gCACA,MCjlBJ,+CACE,gBACA,iBAGF,eACE,aACA,cACA,qBAIA,kBACE,gBACA,4BAEA,QACE,0CAIA,kBACE,qDAEA,eACE,gDAIJ,iBACE,kBACA,sDAEA,iBACE,SACA,OACA,6BAKN,iBACE,gBACA,gDAEA,mBACE,eACA,gBACA,WPhDA,cOkDA,WACA,4EAGF,iBAEE,mDAGF,eACE,4CAGF,iBACE,QACA,OACA,qCAGF,aT/DgB,0BSiEd,gIAEA,oBAGE,0CAIJ,iBACE,CACA,iBACA,mBAKN,YACE,cACA,0BAEA,qBACE,cACA,UACA,cACA,oBAIJ,aPpFsB,sBOuFpB,aTjGkB,yBSqGlB,iBACE,kBACA,gBACA,uBAGF,eACE,iBACA,sBAIJ,kBACE,wBAGF,aACE,eACA,eACA,qBAGF,kBACE,cPlHoB,iCOqHpB,iBACE,eACA,iBACA,gBACA,gBACA,oBAIJ,kBACE,qBAGF,eACE,CAII,0JADF,eACE,sDAMJ,YACE,4DAEA,mBACE,eACA,WPlKA,gBOoKA,gBACA,cACA,wHAGF,aAEE,sDAIJ,cACE,kBACA,mDAKF,mBACE,eACA,WPxLE,cO0LF,kBACA,qBACA,gBACA,sCAGF,cACE,mCAGF,UACE,sCAIJ,cACE,4CAEA,mBACE,eACA,WP9ME,cOgNF,gBACA,gBACA,4CAGF,kBACE,yCAGF,cACE,CADF,cACE,6BAIJ,oBACE,cACA,4BAGF,kBACE,8CAEA,eACE,0BAIJ,YACE,CACA,eACA,oBACA,iCAEA,cACE,kCAGF,qBACE,eACA,cACA,eACA,oCAEA,aACE,2CAGF,eACE,6GAIJ,eAEE,qCAGF,yBA9BF,aA+BI,gBACA,kCAEA,cACE,0JAGF,kBAGE,iDAKN,iBACE,oBACA,eACA,WP5RI,cO8RJ,WACA,2CAKE,mBACE,eACA,WPtSA,qBOwSA,WACA,kBACA,gBACA,kBACA,cACA,0DAGF,iBACE,OACA,QACA,SACA,kDAKN,cACE,aACA,yBACA,kBACA,sJAGF,qBAKE,eACA,WPtUI,cOwUJ,WACA,UACA,oBACA,gBACA,mBACA,sBACA,kBACA,aACA,6RAEA,aACE,CAHF,+OAEA,aACE,CAHF,mQAEA,aACE,CAHF,wQAEA,aACE,CAHF,sNAEA,aACE,8LAGF,eACE,oVAGF,oBACE,iOAGF,oBP7VY,oLOiWZ,iBACE,4WAGF,oBThWkB,mBSmWhB,6CAKF,aACE,gUAGF,oBAME,8CAGF,aACE,gBACA,cACA,eACA,8BAIJ,UACE,uBAGF,eACE,aACA,oCAEA,YACE,mBACA,qEAIJ,aAGE,WACA,SACA,kBACA,mBTjZkB,WENd,eO0ZJ,oBACA,YACA,aACA,qBACA,kBACA,sBACA,eACA,gBACA,UACA,mBACA,kBACA,sGAEA,cACE,uFAGF,qBACE,gLAGF,qBAEE,kHAGF,wBPpaoB,gGOwapB,kBPtbQ,kHOybN,wBACE,sOAGF,wBAEE,qBAKN,uBACE,CADF,oBACE,CADF,eACE,sBACA,eACA,WPzcI,cO2cJ,WACA,UACA,oBACA,gBACA,wXACA,sBACA,kBACA,kBACA,mBACA,YACA,iBAGF,4BACE,oCAIA,iBACE,mCAGF,iBACE,UACA,QACA,CACA,qBACA,eACA,cTneY,oBSqeZ,oBACA,eACA,gBACA,mBACA,gBACA,yCAEA,UACE,cACA,kBACA,MACA,QACA,WACA,UACA,8DACA,4BAKN,iBACE,0CAEA,wBACE,CADF,gBACE,qCAGF,iBACE,MACA,OACA,WACA,YACA,aACA,uBACA,mBACA,8BACA,kBACA,iBACA,gBACA,YACA,8CAEA,iBACE,6HAGE,UPvhBF,aOiiBR,aACE,CACA,kBACA,eACA,gBAGF,kBACE,cPzhBsB,kBO2hBtB,kBACA,mBACA,kBACA,uBAEA,qCACE,iCACA,cPjjBY,sBOqjBd,mCACE,+BACA,cPtjBQ,kBO0jBV,oBACE,cP7iBoB,qBO+iBpB,wBAEA,UPjkBI,0BOmkBF,kBAIJ,kBACE,4BAGF,SACE,sBACA,cACA,WACA,SACA,aACA,gDACA,mBPzkBS,WATL,eOqlBJ,SACA,8CAEA,QACE,iHAGF,mBAGE,kCAGF,kBACE,uBAIJ,eACE,CAII,oKADF,eACE,0DAKN,eAzEF,eA0EI,eAIJ,eACE,kBACA,gBAEA,aP1mBsB,qBO4mBpB,sBAEA,yBACE,YAKN,eACE,mBACA,eACA,eAEA,oBACE,kBACA,cAGF,aTxoBoB,qBS0oBlB,gBACA,2DAEA,aAGE,8BAKN,kBAEE,cP7oBsB,oCOgpBtB,cACE,mBACA,kBACA,4CAGF,aPrpBwB,gBOupBtB,CAII,mUADF,eACE,0DAKN,6BAtBF,eAuBI,cAIJ,YACE,eACA,uBACA,UAGF,aACE,gBP7rBM,YO+rBN,qBACA,mCACA,qBACA,cAEA,aACE,SACA,iBAIJ,kBACE,cP1rBwB,WO4rBxB,sBAEA,aACE,eACA,eAKF,kBACE,sBAEA,eACE,CAII,+JADF,eACE,4CASR,qBACE,8BACA,WPzuBI,qCO2uBJ,oCACA,kBACA,aACA,mBACA,gDAEA,UAEE,oLAEA,oBAGE,0DAIJ,eACE,cACA,kBACA,CAII,yYADF,eACE,kEAIJ,eACE,oBAMR,YACE,eACA,mBACA,4DAEA,aAEE,6BAIA,wBACA,cACA,sBAIJ,iBACE,cPhxBsB,0BOmxBtB,iBACE,oBAIJ,eACE,mBACA,uBAEA,cACE,WP7yBI,kBO+yBJ,mBACA,SACA,UACA,4BAGF,aACE,eAIJ,aPvzBc,0SOi0BZ,+CACE,aAIJ,kBACE,sBACA,kBACA,aACA,mBACA,kBACA,kBACA,QACA,mCACA,sBAEA,aACE,8BAGF,sBACE,SACA,aACA,eACA,gDACA,oBAGF,aACE,WACA,oBACA,gBACA,eACA,CACA,oBACA,WACA,iCACA,oBAGF,oBP32Bc,gBO62BZ,2BAEA,kBP/2BY,gBOi3BV,oBAKN,kBACE,6BAEA,wBACE,mBACA,eACA,aACA,4BAGF,kBACE,aACA,OACA,sBACA,cACA,cACA,gCAEA,iBACE,YACA,iBACA,kBACA,UACA,8BAGF,qBACE,qCAIJ,kBACE,gCAGF,wBACE,mCACA,kBACA,kBACA,kBACA,kBACA,sCAEA,wBACE,WACA,cACA,YACA,SACA,kBACA,MACA,UACA,yBAIJ,sBACE,aACA,mBACA,SCl7BF,aACE,qBACA,cACA,mCACA,qCAEA,QANF,eAOI,8EAMA,kBACE,YAKN,YACE,kBACA,gBACA,0BACA,gBAEA,aACE,WACA,YACA,SACA,oBACA,CADA,8BACA,CADA,gBACA,0BACA,qCAGF,WAfF,YAgBI,sCAGF,WAnBF,YAoBI,aAIJ,iBACE,aACA,aACA,2BACA,mBACA,mBACA,0BACA,qCAEA,WATF,eAUI,qBAGF,aACE,WACA,YACA,gBACA,wBAEA,UACE,YACA,cACA,SACA,kBACA,mBACA,oBACA,CADA,8BACA,CADA,gBACA,0BAIJ,gBACE,gBACA,iCAEA,cACE,WR7EA,gBQ+EA,gBACA,uBACA,+BAGF,aACE,eACA,cRtEgB,gBQwEhB,gBACA,uBACA,aAMR,cACE,kBACA,gBACA,6GAEA,cAME,WR3GI,gBQ6GJ,qBACA,iBACA,qBACA,sBAGF,eRnHM,oBQqHJ,cR5GS,eQ8GT,cACA,kBAGF,cACE,uCAGF,aR9GwB,oBQmHxB,UACE,eACA,wBAEA,oBACE,iBACA,oBAIJ,WACE,gBACA,wBAEA,oBACE,gBACA,uBAIJ,cACE,cACA,qCAGF,YA7DF,iBA8DI,mBAEA,YACE,uCAGF,oBAEE,gBAKN,kBRlKa,mCQoKX,cR7JsB,eQ+JtB,gBACA,kBACA,aACA,uBACA,mBACA,eACA,kBACA,aACA,gBACA,2BAEA,yBACE,yBAGF,qBACE,gBACA,yCAIJ,oBAEE,gBACA,eACA,kBACA,eACA,iBACA,gBACA,cR3LwB,sCQ6LxB,sCACA,6DAEA,aRhNc,sCQkNZ,kCACA,qDAGF,aACE,sCACA,kCACA,0BAIJ,eACE,UACA,wBACA,gBACA,CADA,YACA,CACA,iCACA,CADA,uBACA,CADA,kBACA,eACA,iBACA,6BAEA,YACE,gCACA,yDAGF,qBAEE,aACA,kBACA,gBACA,gBACA,mBACA,uBACA,6BAGF,eACE,YACA,cACA,cR1OsB,0BQ4OtB,6BAGF,aACE,cRjPoB,4BQqPtB,aV/PoB,qBUiQlB,qGAEA,yBAGE,oCAIJ,qCACE,iCACA,sCAEA,aRnRY,gBQqRV,0CAGF,aRxRY,wCQ6Rd,eACE,wCAIJ,UACE,0BAIA,aRxRsB,4BQ2RpB,aR1RsB,qBQ4RpB,qGAEA,yBAGE,iCAIJ,URtTI,gBQwTF,wBAIJ,eACE,kBC/TJ,kCACE,kBACA,gBACA,mBACA,8BAEA,yBACE,qCAGF,iBAVF,eAWI,gBACA,gBACA,6BAGF,eACE,SACA,gBACA,gFAEA,yBAEE,sCAIJ,UACE,yBAGF,kBTpBW,6GSuBT,sBAGE,CAHF,cAGE,8IAIA,eAGE,0BACA,iJAKF,yBAGE,kLAIA,iBAGE,qCAKN,4GACE,yBAGE,uCAKN,kBACE,qBAIJ,WACE,eACA,mBXzEoB,WENd,oBSkFN,iBACA,YACA,iBACA,SACA,yBAEA,UACE,YACA,sBACA,iBACA,UT5FI,gFSgGN,kBAGE,qNAKA,kBTxFoB,4ISgGpB,kBT9GQ,qCSqHV,wBACE,YACE,0DAOJ,YACE,uCAGF,2BACE,gBACA,uDAEA,SACE,SACA,yDAGF,eACE,yDAGF,gBACE,iBACA,mFAGF,UACE,qMAGF,eAGE,iCC/JN,u+KACE,uCAEA,u+KACE,0CAIJ,u+KACE,WCTF,gCACE,4CACA,cAGF,aACE,eACA,iBACA,cbAoB,SaEpB,uBACA,UACA,eACA,wCAEA,yBAEE,uBAGF,aXFsB,eWIpB,SAIJ,wBblBsB,YaoBpB,kBACA,sBACA,WX5BM,eW8BN,qBACA,oBACA,eACA,gBACA,YACA,iBACA,iBACA,gBACA,eACA,kBACA,kBACA,qBACA,uBACA,2BACA,mBACA,WACA,4CAEA,wBAGE,4BACA,sBAGF,eACE,mFAEA,wBXxDQ,gBW4DN,mCAIJ,wBXlDsB,eWqDpB,2BAGF,QACE,wDAGF,mBAGE,yGAGF,cAIE,iBACA,YACA,oBACA,iBACA,4BAGF,aXpFW,mBAOW,qGWiFpB,wBAGE,8BAIJ,kBbpGgB,2GauGd,wBAGE,0BAIJ,aXlGsB,uBWoGpB,iBACA,yBACA,+FAEA,oBAGE,cACA,mCAGF,UACE,uBAIJ,aACE,WACA,kBAIJ,YACE,cACA,kBACA,cAGF,oBACE,CACA,ab9IgB,SagJhB,kBACA,uBACA,eACA,2BACA,2CACA,2DAEA,aAGE,oCACA,4BACA,2CACA,oBAGF,kCACE,uBAGF,aACE,6BACA,eACA,qBAGF,abxKoB,gCa4KpB,QACE,uEAGF,mBAGE,uBAGF,abxLgB,sFa2Ld,aAGE,oCACA,6BAGF,kCACE,gCAGF,aACE,6BACA,8BAGF,abzMkB,uCa4MhB,aACE,wBAKN,sBACE,0BACA,yBACA,kBACA,YACA,8BAEA,yBACE,mBb5NY,QamOhB,kBACA,uBACA,eACA,gBACA,eACA,cACA,iBACA,UACA,2BACA,2CACA,0EAEA,aAGE,oCACA,4BACA,2CACA,yBAGF,kCACE,4BAGF,aACE,6BACA,eACA,0BAGF,abhQoB,qCaoQpB,QACE,sFAGF,mBAGE,CAKF,0BADF,iBAUE,CATA,WAGF,WACE,cACA,qBACA,QACA,SAEA,+BAEA,kBAEE,mBACA,oBACA,kBACA,mBACA,iBAKF,WACE,eAIJ,YACE,iCAGE,mBACA,eAEA,gBACA,wCAEA,abrTkB,sDayTlB,YACE,2CAGF,oBACE,kBACA,yBACA,sBACA,WACA,YACA,cACA,kBACA,SACA,kBACA,sBACA,kDAEA,oBb1UgB,yDaiVpB,aX9UW,mBWgVT,mBXzUoB,oCW2UpB,iBACA,kBACA,eACA,gBACA,6CAEA,aXxVS,gBW0VP,CAII,kRADF,eACE,wCAKN,abxWc,gBa0WZ,0BACA,yIAEA,oBAGE,sCAKN,iBACE,QACA,UACA,kDAGF,iBACE,mGAGF,iBAGE,WACA,8BAGF,QACE,wBACA,UACA,qDAEA,WACE,mBACA,UACA,mFAIJ,aAEE,sBACA,WACA,SACA,cXlZS,gBATL,aW8ZJ,oBACA,eACA,gBACA,SACA,UACA,yIAEA,abjac,Ca+Zd,sHAEA,abjac,Ca+Zd,8HAEA,abjac,Ca+Zd,gIAEA,abjac,Ca+Zd,4GAEA,abjac,+Faqad,SACE,qCAGF,kFAvBF,cAwBI,sCAIJ,iBACE,+CAGF,gBACE,0BACA,iBACA,mBACA,YACA,qBACA,kEAEA,SACE,qCAGF,8CAZF,sBAaI,gBACA,2DAIJ,iBACE,SACA,kDAGF,qBACE,aACA,kBACA,SACA,WACA,WACA,sCACA,mBXncsB,0BWqctB,cX7cS,eW+cT,YACA,6FAEA,aACE,wDAIJ,YACE,eACA,kBACA,yPAEA,kBAIE,wGAIJ,YAGE,mBACA,mBACA,2BACA,iBACA,eACA,oCAGF,6BACE,0CAEA,aACE,gBACA,uBACA,mBACA,2CAGF,eACE,0CAGF,aACE,iBACA,gBACA,uBACA,mBACA,8EAIJ,aAEE,iBACA,WACA,YACA,2DAGF,abnhBgB,wCauhBhB,aXlhBW,oBWohBT,eACA,gBX9hBI,sEWiiBJ,eACE,uEAGF,YACE,mBACA,YACA,eACA,8DAGF,UACE,cACA,WACA,uEAEA,iFACE,aACA,uBACA,8BACA,UACA,4BACA,oFAEA,aACE,cXziBgB,eW2iBhB,gBACA,aACA,oBACA,6QAEA,aAGE,8EAIJ,SACE,0EAIJ,iBACE,UACA,SACA,OACA,QACA,sBACA,gFACA,aACA,UACA,4BACA,mFAEA,sBACE,cXzkBgB,SW2kBhB,UACA,SACA,WACA,oBACA,eACA,gBACA,yFAEA,UXpmBF,8GWwmBE,WACE,cXxlBc,CAjBlB,oGWwmBE,WACE,cXxlBc,CAjBlB,wGWwmBE,WACE,cXxlBc,CAjBlB,yGWwmBE,WACE,cXxlBc,CAjBlB,+FWwmBE,WACE,cXxlBc,iFW6lBlB,SACE,wEAKN,iBACE,sBXtnBE,wBWwnBF,sBACA,4BACA,aACA,WACA,gBACA,8CAIJ,YACE,mBACA,0BACA,aACA,8BACA,cACA,qEAEA,YACE,uGAEA,gBACE,qGAGF,YACE,6IAEA,aACE,2IAGF,gBACE,0HAKN,sBAEE,cACA,0EAGF,iBACE,iBACA,sCAIJ,YACE,yBACA,YACA,cACA,4EAEA,eACE,iBACA,oBAKN,cACE,kDACA,eACA,gBACA,cbrrBgB,4CawrBhB,aXzrBY,kCW8rBd,2CACE,WCpsBF,8DDysBE,sBACA,CADA,kBACA,wBACA,WACA,YACA,eAEA,UACE,kBAIJ,iBACE,mBACA,mBXpsBsB,aWssBtB,gBACA,gBACA,cACA,0BAGF,iBACE,gBACA,0BAGF,WACE,iBACA,gCAGF,aX7tBa,cW+tBX,eACA,iBACA,gBACA,mBACA,qBACA,kCAGF,UACE,iBACA,+BAGF,cACE,4CAGF,iBAEE,eACA,iBACA,qBACA,gBACA,gBACA,uBACA,gBACA,WXlwBM,wDWqwBN,SACE,wGAGF,kBACE,sJAEA,oBACE,gEAIJ,UACE,YACA,gBACA,oDAGF,cACE,iBACA,sBACA,CADA,gCACA,CADA,kBACA,gDAGF,kBACE,qBACA,sEAEA,eACE,gDAIJ,aX1xBc,qBW4xBZ,4DAEA,yBACE,oEAEA,aACE,4EAKF,oBACE,sFAEA,yBACE,wDAKN,abxzBc,8Ea6zBhB,aACE,0GAGF,kBbj0BgB,sHao0Bd,kBACE,qBACA,8IAGF,QACE,0XAGF,mBAGE,0FAIJ,YACE,wJAEA,aACE,6CAKN,gBACE,oCAGF,aACE,eACA,iBACA,cACA,SACA,uBACA,CACA,eACA,oFAEA,yBAEE,gCAIJ,oBACE,kBACA,uBACA,SACA,cXh3BW,gBWk3BX,eACA,cACA,iBACA,eACA,sBACA,4BAGF,ab/3BkB,Sai4BhB,kBACA,kBACA,oBACA,SACA,aACA,sBACA,WACA,WACA,gCACA,+BAGF,UACE,kBACA,kBAIA,SACE,mBACA,wCAEA,kBACE,8CAEA,sBACE,iFAIJ,kBAEE,SAMJ,yBACA,kBACA,gBACA,gCACA,eACA,UAaA,mCACA,CADA,0BACA,wDAZA,QARF,kBAWI,0BAGF,GACE,aACA,WALA,gBAGF,GACE,aACA,uDAMF,cAEE,kCAGF,kBACE,4BACA,sCAIA,aX37BoB,CAPX,uEW28BP,aX38BO,kCW+8BP,aXx8BkB,gCW68BpB,aXp9BS,kCWu9BP,ab19BgB,gEa89BhB,UXp+BE,mBAgBgB,sEWw9BhB,kBACE,+CAQR,sBACE,qEAEA,aACE,qDAKN,abt/BkB,Yay/BhB,eACA,uBAGF,ab7/BkB,qCaigClB,aACE,eACA,mBACA,eAGF,cACE,mBAGF,+BACE,aACA,6CAEA,uBACE,OACA,4DAEA,eACE,8DAGF,SACE,mBACA,qHAGF,cAEE,gBACA,4EAGF,cACE,0BAKN,kBACE,aACA,cACA,uBACA,aACA,kBAGF,gBACE,cbjjCgB,CamjChB,iBACA,eACA,kBACA,+CAEA,abxjCgB,uBa4jChB,aACE,gBACA,uBACA,qBAIJ,kBACE,aACA,eACA,8BAEA,mBACE,kBACA,mBACA,yDAEA,gBACE,qCAGF,oBACE,WACA,eACA,gBACA,cbrlCY,4Ba2lClB,iBACE,8BAGF,cACE,cACA,uCAGF,aACE,aACA,mBACA,uBACA,kBACA,kBAGF,kBACE,kBACA,wBAEA,YACE,eACA,8BACA,uBACA,uFAEA,SAEE,mCAIJ,cACE,iBACA,6CAEA,UACE,YACA,gBACA,kEAGF,gBACE,gBACA,+DAIJ,cAEE,wBAIJ,eACE,cbnpCgB,eaqpChB,iBACA,8BAGF,kBACE,6BACA,gCACA,aACA,mBACA,eACA,wBAGF,aACE,qBACA,uDAGF,oBAEE,gBACA,eACA,gBACA,2BAGF,aX1qCa,eW4qCX,6BAEA,abnrCgB,SawrClB,YACE,gCACA,8BAEA,aACE,cACA,WXlsCI,qBWosCJ,eACA,gBACA,kBAIJ,YACE,iBAGF,WACE,aACA,mBACA,UAGF,YACE,gCACA,kBAEA,SACE,gBACA,2CAEA,aACE,iCAIJ,aACE,cACA,cXntCoB,gBWqtCpB,qBACA,eACA,mBAIJ,YACE,0BAGF,UACE,iBACA,kBACA,kBAGF,iBEtvCE,iCACA,wBACA,4BACA,kBFqvCA,yBAEA,oBACE,sBACA,iBACA,4BAGF,iBEhwCA,iCACA,wBACA,4BACA,kBF+vCE,gBACA,kBACA,eACA,gCAEA,UACE,kBACA,sBACA,mCAGF,aACE,kBACA,QACA,SACA,+BACA,WXjxCE,6BWmxCF,gBACA,eACA,oBAKN,cACE,0BAGF,UACuB,sCEvxCrB,+BFyxCA,iBElyCA,iCACA,wBACA,4BACA,WFiyCuB,sCE3xCvB,kCF8xCA,iBEvyCA,iCACA,wBACA,4BACA,WFsyCuB,sCEhyCvB,kBFkyCE,SACA,QACA,UACA,wBAIJ,WACE,aACA,mBACA,sBAGF,YACE,6BACA,cbrzCgB,6BawzChB,eACE,CAII,kMADF,eACE,wBAKN,eACE,cACA,0BACA,yFAEA,oBAGE,sBAKN,4BACE,gCACA,iBACA,gBACA,cACA,aACA,+BAGF,YACE,4CAEA,qBACE,oFAIA,QACE,WACA,uDAGF,WACE,iBACA,gBACA,WACA,4BAKN,YACE,cACA,iBACA,kBACA,2BAGF,oBACE,gBACA,cACA,+BACA,eACA,oCACA,kCAEA,+BACE,gCAGF,aACE,eACA,cXv3CoB,kCW23CtB,aACE,eACA,gBACA,WX94CI,CWm5CA,2NADF,eACE,oBAMR,iBACE,mDAEA,aACE,mBACA,gBACA,4BAIJ,UACE,kBACA,6JAGF,oBAME,4DAKA,UXn7CM,kBWy7CN,UACE,iKAQF,yBACE,+BAIJ,aACE,gBACA,uBACA,0DAGF,aAEE,sCAGF,kBACE,gCAGF,aXr8C0B,cWu8CxB,iBACA,mBACA,gBACA,2EAEA,aAEE,uBACA,gBACA,uCAGF,cACE,WXr+CI,kCW0+CR,UACE,kBACA,iBAGF,WACE,UACA,kBACA,SACA,WACA,iBAGF,UACE,kBACA,OACA,MACA,YACA,eACA,Cbz/CgB,gHamgDhB,abngDgB,wBaugDhB,UACE,wCAGF,kBb3gDgB,cEKL,8CW0gDT,kBACE,qBACA,wBAKN,oBACE,gBACA,eACA,cX7gDsB,eW+gDtB,iBACA,kBACA,4BAEA,ab7hDoB,6BaiiDpB,cACE,gBACA,uBACA,uCAIJ,UACE,kBACA,CX5iDU,mEWmjDZ,aXnjDY,uBWujDZ,aXxjDc,4DW8jDV,4CACE,CADF,oCACE,8DAKF,6CACE,CADF,qCACE,6BAKN,aACE,gBACA,qBACA,mCAEA,UXllDM,0BWolDJ,8BAIJ,WACE,eAGF,aACE,eACA,gBACA,uBACA,mBACA,qBAGF,eACE,wBAGF,cACE,+DAKA,yBACE,eAIJ,iBACE,WACA,YACA,aACA,mBACA,uBACA,sBACA,6CAEA,cXzkD4B,eAEC,0DW0kD3B,sBACA,CADA,gCACA,CADA,kBACA,4BAGF,iBACE,qEAGF,YACE,iBAIJ,iBACE,WACA,YACA,aACA,mBACA,uBACA,qBAEA,cXjmD4B,eAEC,WWkmD3B,YACA,sBACA,CADA,gCACA,CADA,kBACA,iBAIJ,YACE,aACA,mBACA,cACA,eACA,cXlpDsB,wBWqpDtB,aXppDwB,mBWwpDxB,aACE,4BAGF,oBACE,0CAGF,iBACE,6DAEA,iBACE,oBACA,qCACA,UACA,4EAGF,mBACE,gCACA,UACA,0BAKN,aACE,gBACA,iBACA,gBACA,gBACA,kCAGF,aACE,gBACA,gBACA,uBACA,+BAGF,aACE,qBACA,WAGF,oBACE,oBAGF,YACE,kBACA,2BAGF,+BACE,mBACA,SACA,gBAGF,kBXrtD0B,cWutDxB,kBACA,uCACA,aACA,mBAEA,eACE,qBAGF,yBACE,oBAGF,yBACE,uBAGF,sBACE,sBAGF,sBACE,uBAIJ,iBACE,QACA,SACA,2BACA,4BAEA,UACE,gBACA,2BACA,0BX1vDsB,2BW8vDxB,WACE,iBACA,uBACA,yBXjwDsB,8BWqwDxB,QACE,iBACA,uBACA,4BXxwDsB,6BW4wDxB,SACE,gBACA,2BACA,2BX/wDsB,wBWqxDxB,cACE,iBACA,cACA,iBACA,sBACA,qBACA,mBX3xDsB,cARb,gBWsyDT,uBACA,mBACA,yFAEA,kBb7yDkB,cEWI,UWuyDpB,sCAKN,aACE,iBACA,gBACA,QACA,gBACA,aACA,yCAEA,eACE,mBXrzDsB,cWuzDtB,kBACA,mCACA,gBACA,kBACA,sDAGF,OACE,wDAIA,UACE,8CAIJ,cACE,iBACA,cACA,iBACA,sBACA,qBACA,mBX90DsB,cARb,gBWy1DT,uBACA,mBACA,oDAEA,SACE,oDAGF,kBbp2DkB,cEWI,iBWg2D1B,qBACE,eAGF,YACE,cACA,mBACA,2BACA,gBACA,kBACA,4BAEA,iBACE,uBAGF,YACE,uBACA,WACA,YACA,iBACA,6BAEA,WACE,gBACA,oBACA,aACA,yBACA,gBACA,oCAEA,0BACE,oCAGF,cACE,YACA,oBACA,YACA,6BAIJ,qBACE,WACA,gBACA,cACA,aACA,sBACA,qCAEA,4BARF,cASI,qBAMR,kBACE,wBACA,CADA,eACA,MACA,UACA,cACA,qCAEA,mBAPF,gBAQI,+BAGF,eACE,qCAEA,6BAHF,kBAII,gKAMJ,WAIE,mCAIJ,YACE,mBACA,uBACA,YACA,SAGF,WACE,kBACA,sBACA,aACA,sBACA,qBAEA,kBX78DW,8BW+8DT,+BACA,KAIJ,aACE,CACA,qBACA,WACA,YACA,aAJA,YAYA,CARA,QAGF,WACE,sBACA,CACA,qBACA,kBACA,cAGF,aACE,cACA,sBACA,cXh+DsB,qBWk+DtB,kBACA,eACA,oCACA,iBAGF,aAEE,gBACA,qCAGF,cACE,SACE,iBAGF,aAEE,CAEA,gBACA,yCAEA,iBACE,uCAGF,kBACE,qDAKF,gBAEE,kBACA,YAKN,qBACE,aACA,mBACA,cACA,gBACA,iBAGF,aACE,cACA,CACA,sBACA,WXxiEM,qBW0iEN,kBACA,eACA,gBACA,gCACA,2BACA,mDACA,qBAEA,eACE,eACA,qCAMA,mEAHF,kBAII,4BACA,yBAIJ,+BACE,cb3jEkB,sBa+jEpB,eACE,aACA,qCAIJ,qBAEI,cACE,wBAKN,qBACE,WACA,YACA,cACA,6DAEA,UAEE,YACA,UACA,wCAGF,YACE,cACA,kDACA,qCAEA,uCALF,aAMI,yCAIJ,eACE,oCAGF,YACE,uDAGF,cACE,sCAGF,gBACE,eACA,CACA,2BACA,yCAGF,QACE,mCAGF,gBACE,yBAEA,kCAHF,eAII,sCAIJ,sBACE,gBACA,sCAGF,uCACE,YACE,iKAEA,eAGE,6CAIJ,gBACE,2EAGF,YAEE,kGAGF,gBACE,+BAGF,2BACE,gBACA,uCAEA,SACE,SACA,wCAGF,eACE,wCAGF,gBACE,iBACA,qDAGF,UACE,gLAGF,eAIE,gCAIJ,iBACE,6CAEA,cACE,8CAKF,gBACE,iBACA,6DAGF,UACE,CAIA,yFAGF,eACE,8DAGF,gBACE,kBACA,0BAMR,cACE,aACA,uBACA,mBACA,gBACA,iBACA,iBACA,gBACA,mBACA,WX/uEM,kBWivEN,eACA,iBACA,qBACA,sCACA,4FAEA,kBAGE,qCAIJ,UACE,UACE,uDAGF,kCACE,4DAGF,kBAGE,yBAGF,aACE,iBAGF,eAEE,sCAIJ,2CACE,YACE,sCAOA,sEAGF,YACE,uCAIJ,0CACE,YACE,uCAIJ,UACE,YACE,mBAIJ,iBACE,yBAEA,iBACE,SACA,UACA,mBbpzEkB,yBaszElB,gBACA,kBACA,eACA,gBACA,iBACA,WXj0EI,mDWs0ER,oBACE,gBAGF,WACE,gBACA,aACA,sBACA,yBACA,kBACA,gCAEA,gBACE,oBACA,cACA,gBACA,6BAGF,sBACE,8BAGF,MACE,kBACA,aACA,sBACA,iBACA,oBACA,oBACA,mDAGF,eACE,sBXx2EI,0BW02EJ,cACA,gDAGF,iBACE,gDAGF,WACE,mBAIJ,eACE,mBACA,yBACA,gBACA,aACA,sBACA,qBAEA,aACE,sBAGF,aACE,SACA,CACA,4BACA,cACA,qDAHA,sBAOA,gBAMF,WACA,kBAGA,+BANF,qBACE,UACA,CAEA,eACA,aAiBA,CAhBA,eAGF,iBACE,MACA,OACA,mBACA,CAGA,qBACA,CACA,eACA,WACA,YACA,kBACA,uBAEA,kBX/5EW,0BWo6Eb,u1BACE,OACA,gBACA,aACA,8BAEA,aACE,sBACA,CADA,4DACA,CADA,kBACA,+BACA,CADA,2BACA,WACA,YACA,oBACA,eACA,yBACA,CADA,qBACA,CADA,oBACA,CADA,gBACA,sCAGF,yBAjBF,aAkBI,iBAIJ,kBACE,eACA,gBACA,iBAGF,aACE,eACA,mBACA,mBACA,aACA,mBACA,kBACA,mBAEA,iCACE,yBAEA,kBACE,mCACA,aAKN,iBACE,kBACA,cACA,iCACA,mCAEA,eACE,yBAGF,YAVF,cAWI,oBAGF,YACE,sBACA,qBAGF,aACE,kBACA,iBACA,yBAKF,uBADF,YAEI,sBAIJ,qBACE,WACA,mBACA,cbz/EoB,ea2/EpB,cACA,eACA,oBACA,SACA,iBACA,aACA,SACA,UACA,UACA,2BAEA,yBACE,6BAIJ,kBACE,SACA,oBACA,cb9gFoB,eaghFpB,mBACA,eACA,kBACA,UACA,mCAEA,yBACE,wCAGF,kBACE,2BAIJ,oBACE,iBACA,2BAGF,iBACE,kCAGF,cACE,cACA,eACA,aACA,CACA,OACA,UACA,eAGF,oBACE,kBACA,eACA,6BACA,SACA,UACA,yBACA,CADA,qBACA,CADA,oBACA,CADA,gBACA,0CACA,wCACA,iCAGF,QACE,mBACA,WACA,YACA,gBACA,UACA,kBACA,UACA,yBAGF,kBACE,WACA,wBACA,qBAGF,UACE,YACA,UACA,mBACA,yBXhlFW,qCWklFX,sEAGF,wBACE,4CAGF,wBb5lFsB,+EagmFtB,wBACE,2BAGF,iBACE,WACA,YACA,MACA,SACA,gBACA,mBACA,cACA,SACA,UACA,6BACA,CAKA,uEAFF,SACE,6BAeA,CAdA,sBAGF,iBACE,WACA,YACA,MACA,SACA,gBACA,mBACA,cACA,WAGA,8CAGF,SACE,qBAGF,iBACE,QACA,SACA,WACA,YACA,yBACA,kBACA,yBACA,sBACA,yBACA,sCACA,4CAGF,SACE,qBbxpFoB,ca4pFtB,kBACE,WXnqFM,cWqqFN,eACA,aACA,qBACA,2DAEA,kBAGE,oBAGF,SACE,2BAGF,sBACE,cXpqFsB,kGWuqFtB,sBAGE,WX3rFE,kCW+rFJ,abzrFkB,oBa+rFtB,oBACE,iBACA,qBAGF,oBACE,kBACA,eACA,iBACA,gBACA,mBXtsFW,gBWwsFX,iBACA,oBAGF,kBX5sFa,cFLK,iBaotFhB,eACA,gBACA,eACA,yDAGF,kBXrtFa,cW2tFb,aACE,kBAGF,abpuFkB,casuFhB,8BACA,+BACA,4EAEA,0BAGE,CAHF,uBAGE,CAHF,kBAGE,kDAMA,sBACA,YACA,wDAEA,kBACE,8DAGF,cACE,sDAGF,cACE,0DAEA,ablwFY,0BaowFV,sDAIJ,oBACE,cX7vFkB,sMWgwFlB,yBAGE,oDAKN,abpxFgB,0Ba0xFhB,aACE,UACA,mCACA,CADA,0BACA,gBACA,6BAEA,cACE,cXrxFkB,aWuxFlB,gBACA,gCACA,sCAGF,oDACE,YACE,uCAIJ,oDACE,YACE,uCAIJ,yBA1BF,YA2BI,yCAGF,eACE,aACA,iDAEA,aXhzFkB,qBWuzFxB,eACE,gBACA,2BAEA,iBACE,aACA,wBAGF,kBACE,yBAGF,oBACE,gBACA,yBACA,yBACA,eAIJ,aACE,sBACA,WACA,SACA,cXv1FW,gBATL,aWm2FN,oBACA,eACA,gBACA,SACA,UACA,kBACA,qBAEA,SACE,qCAGF,cAnBF,cAoBI,oDAIJ,uBACE,YACA,6CACA,uBACA,sBACA,WACA,0DAEA,sBACE,0DAKJ,uBACE,2BACA,gDAGF,abn4FkB,6Baq4FhB,uDAGF,abt4FsB,ca04FtB,YACE,eACA,yBACA,kBACA,cbh5FgB,gBak5FhB,qBACA,gBACA,uBAEA,QACE,OACA,kBACA,QACA,MAIA,iDAHA,YACA,uBACA,mBAUE,CATF,0BAEA,yBACE,kBACA,iBACA,cAIA,sDAGF,cAEE,cX/5FoB,uBWi6FpB,SACA,cACA,qBACA,eACA,iBACA,sMAEA,UXz7FE,yBWg8FJ,cACE,kBACA,YACA,eAKN,cACE,qBAEA,kBACE,oBAIJ,cACE,cACA,qBACA,WACA,YACA,SACA,2BAIA,UACE,YACA,qBAIJ,aACE,gBACA,kBACA,cXn9FsB,gBWq9FtB,uBACA,mBACA,qBACA,uBAGF,aACE,gBACA,2BACA,2BAGF,aXj+FwB,oBWq+FxB,aACE,eACA,eACA,gBACA,uBACA,mBACA,qBAGF,cACE,mBACA,kBACA,yBAEA,cACE,kBACA,yBACA,QACA,SACA,+BACA,yBAIJ,aACE,6CAEA,UACE,mDAGF,yBACE,6CAGF,mBACE,sBAIJ,oBACE,kCAEA,QACE,4CAIA,oBACA,0CAGF,kBACE,0CAGF,aACE,6BAIJ,wBACE,2BAGF,yBACE,cACA,SACA,WACA,YACA,oBACA,CADA,8BACA,CADA,gBACA,sBACA,wBACA,YAGF,aACE,cb9jGgB,6BagkGhB,SACA,kBACA,kBACA,oBACA,SACA,aACA,sBACA,WACA,WACA,qBACA,kBAEA,kBACE,WAIJ,+BACE,yBAGF,iBACE,eACA,gBACA,cbxlGgB,mBEKL,eWslGX,aACA,cACA,sBACA,mBACA,uBACA,aACA,qEAGE,aAEE,WACA,aACA,SACA,yCAIJ,gBACE,gCAGF,eACE,uCAEA,aACE,mBACA,cbtnGY,qCa0nGd,cACE,gBACA,yBAKN,iBACE,cACA,uCAGE,aACE,WACA,kBACA,SACA,OACA,QACA,cACA,UACA,oBACA,YACA,UACA,4EACA,gBAKN,YACE,eACA,mBACA,cACA,eACA,kBACA,UACA,UACA,gBACA,2BACA,4BACA,uBAEA,QACE,SACA,yBACA,cACA,uBACA,aACA,gBACA,uBACA,gBACA,mBACA,OACA,4CAGF,abhrGoB,uBaorGpB,mCACE,4CAEA,abvrGkB,sCayrGhB,4CAIJ,SAEE,yBAIJ,WACE,aACA,uBAGF,kBACE,iCAGF,iBACE,wBAGF,kBACE,SACA,cXxsGsB,eW0sGtB,eACA,eACA,8BAEA,aACE,CAKA,kEAEA,UXtuGI,mBWwuGF,6BAKN,eACE,gBACA,gBACA,cXhuGsB,0DWkuGtB,UACA,uCAEA,YACE,WACA,uCAGF,iBACE,gCAGF,QACE,uBACA,SACA,6BACA,cACA,mCAIJ,kBACE,aACA,mCAIA,aX7vGsB,0BW+vGpB,gCAIJ,WACE,4DAEA,cACE,uEAEA,eACE,WAKN,oBACE,UACA,oBACA,kBACA,cACA,SACA,uBACA,eACA,sBAGF,oBACE,iBACA,oBAGF,ab3yGkB,ea6yGhB,gBACA,iBACA,kBACA,QACA,SACA,+BACA,yBAEA,aACE,WACA,CACA,0BACA,oBACA,mBACA,4BAIJ,iBACE,QACA,SACA,+BACA,WACA,YACA,sBACA,6BACA,CACA,wBACA,kBACA,2CAGF,2EACE,CADF,mEACE,8CAGF,4EACE,CADF,oEACE,qCAGF,GACE,sBACE,KAGF,2BACE,KAGF,2BACE,KAGF,yBACE,IAGF,wBACE,EArBF,4BAGF,GACE,sBACE,KAGF,2BACE,KAGF,2BACE,KAGF,yBACE,IAGF,wBACE,uCAIJ,GACE,wBACE,KAGF,0BACE,KAGF,2BACE,KAGF,uBACE,IAGF,sBACE,EAtBA,6BAIJ,GACE,wBACE,KAGF,0BACE,KAGF,2BACE,KAGF,uBACE,IAGF,sBACE,mCAIJ,GACE,OACE,SACA,yBACA,KAGF,wBACE,KAGF,UACE,YACA,6BACA,kBACA,UACA,IAGF,UACE,YACA,eACA,UACA,6BACA,EA5BA,yBAIJ,GACE,OACE,SACA,yBACA,KAGF,wBACE,KAGF,UACE,YACA,6BACA,kBACA,UACA,IAGF,UACE,YACA,eACA,UACA,6BACA,kCAIJ,GACE,gBACA,aACA,aAPE,wBAIJ,GACE,gBACA,aACA,gCAGF,kBACE,gBXz6GM,WACA,eW26GN,aACA,sBACA,YACA,uBACA,eACA,kBACA,kBACA,YACA,gBAGF,eXv7GQ,cAiBgB,SWy6GtB,UACA,WACA,YACA,kBACA,wBACA,CADA,oBACA,CADA,eACA,iEAEA,SAGE,cACA,yBAIJ,aACE,eACA,yBAGF,aACE,eACA,gBACA,iBAGF,KACE,OACA,WACA,YACA,kBACA,YACA,2BAEA,aACE,SACA,QACA,WACA,YACA,6BAGF,mBACE,yBAGF,YACE,0BAGF,aACE,uBACA,WACA,YACA,SACA,iCAEA,oBACE,0BACA,kBACA,iBACA,WXt/GE,gBWw/GF,eACA,+LAMA,yBACE,mEAKF,yBACE,6BAMR,kBACE,iBAGF,kBACE,6BACA,gCACA,aACA,mBACA,eACA,kDAGF,aAEE,kBACA,yBAGF,kBACE,aACA,2BAGF,aXphHwB,eWshHtB,cACA,gBACA,mBACA,kDAIA,kBACE,oDAIA,SEtiHF,sBACA,WACA,SACA,gBACA,oBACA,mBbRW,cAOW,eaItB,SACA,+EFgiHI,aACE,CEjiHN,qEFgiHI,aACE,CEjiHN,yEFgiHI,aACE,CEjiHN,0EFgiHI,aACE,CEjiHN,gEFgiHI,aACE,sEAGF,QACE,yLAGF,mBAGE,0DAGF,kBACE,qCAGF,mDArBF,cAsBI,yDAIJ,abxkHc,iBa0kHZ,eACA,4DAGF,gBACE,wDAGF,kBACE,gEAEA,cACE,iNAEA,kBAGE,cACA,gHAKN,aXrlHoB,0HW0lHpB,cAEE,gBACA,cbzmHY,kZa4mHZ,aAGE,gEAIJ,wBACE,iDAGF,eX3nHI,kBa0BN,CAEA,eACA,cbbsB,uCaetB,UF8lHI,mBX5mHoB,oDagBxB,abjBsB,eamBpB,gBACA,mBACA,oDAGF,aACE,oDAGF,kBACE,oDAGF,eACE,cbxCS,sDWwnHT,WACE,mDAGF,aX5nHS,kBW8nHP,eACA,8HAEA,kBAEE,iCAON,kBACE,mBAIJ,UXxpHQ,kBW0pHN,cACA,mBACA,sBX7pHM,eW+pHN,gBACA,YACA,kBACA,WACA,yBAEA,SACE,iBAIJ,aACE,iBACA,wBAGF,aX9pHwB,qBWgqHtB,mBACA,gBACA,sBACA,uCAGF,ablrHkB,mBEKL,kBWirHX,aACA,eACA,gBACA,eACA,aACA,cACA,mBACA,uBACA,yBAEA,sCAdF,cAeI,kDAGF,eACE,2CAGF,abtsHoB,qBawsHlB,uDAEA,yBACE,eAKN,qBACE,8BAGF,GACE,kBACE,2CACA,CADA,kCACA,KAGF,oBACE,0CACA,CADA,iCACA,KAGF,oBACE,2CACA,CADA,kCACA,KAGF,oBACE,0CACA,CADA,iCACA,KAGF,kBACE,2CACA,CADA,kCACA,EA1BF,qBAGF,GACE,kBACE,2CACA,CADA,kCACA,KAGF,oBACE,0CACA,CADA,iCACA,KAGF,oBACE,2CACA,CADA,kCACA,KAGF,oBACE,0CACA,CADA,iCACA,KAGF,kBACE,2CACA,CADA,kCACA,mCAIJ,8BACE,2DACA,CADA,kDACA,iCAGF,MACE,sBAEE,0BACA,KAGF,sBACE,aAGF,uBAGE,aAGF,sBAGE,KAGF,uBACE,KAGF,sBACE,EA/BF,wBAGF,MACE,sBAEE,0BACA,KAGF,sBACE,aAGF,uBAGE,aAGF,sBAGE,KAGF,uBACE,KAGF,sBACE,kCAIJ,yBACE,8EACA,CADA,qEACA,8BAGF,eX/xHQ,kBWiyHN,sCACA,kBACA,eAEA,iDAEA,2BACE,2DAGF,UACE,mCAIJ,iBACE,SACA,WACA,eACA,yCAGF,iBACE,UACA,SACA,UACA,gBX3zHM,kBW6zHN,sCACA,gBACA,gDAEA,aACE,eACA,SACA,gBACA,uBACA,iKAEA,+BAGE,2DAIJ,WACE,wBAKF,2BACE,cAIJ,kBACE,0BACA,aACA,YACA,uBACA,OACA,UACA,kBACA,MACA,kBACA,WACA,aACA,gBAEA,mBACE,oBAIJ,WACE,aACA,aACA,sBACA,kBACA,YACA,0BAGF,iBACE,MACA,QACA,SACA,OACA,WACA,kBACA,mBXp3HW,kCWs3HX,uBAGF,MACE,aACA,mBACA,uBACA,cXr3HwB,eWu3HxB,gBACA,0BACA,kBACA,kBAGF,YACE,cb34HgB,gBa64HhB,aACA,sBAEA,cACE,kBACA,uBAGF,cACE,gBACA,cACA,0BAIJ,aACE,4BAGF,UACE,WACA,kBACA,mBbn6HgB,kBaq6HhB,eACA,2BAGF,iBACE,OACA,MACA,WACA,mBb36HoB,kBa66HpB,eAGF,aACE,eACA,iBACA,gBACA,WACA,UACA,eACA,0CAEA,mBAEE,mBAGF,8BACE,CADF,sBACE,WACA,cACA,CACA,UACA,YACA,eACA,CAQE,6GAKN,SACE,oBACA,CADA,WACA,6BAGF,iBACE,gBX99HM,uCWg+HN,kBACA,iBACA,gBACA,iCAEA,yBACE,oCAGF,sBACE,2BAIJ,aXr+Ha,aWu+HX,eACA,aACA,kEAEA,kBb9+HoB,WENd,UWw/HJ,CXx/HI,4RW6/HF,UX7/HE,wCWmgIN,kBACE,iCAIJ,YACE,mBACA,uBACA,kBACA,oCAGF,aACE,cb5gIgB,2Ca+gIhB,eACE,cACA,cX5gIS,CWihIL,wQADF,eACE,mDAON,eXjiIM,0BWmiIJ,qCACA,gEAEA,eACE,0DAGF,kBbpiIkB,uEauiIhB,UX7iIE,uDWmjIN,yBACE,sDAGF,aACE,sCACA,SAIJ,iBACE,gBAGF,SErjIE,sBACA,WACA,SACA,gBACA,oBACA,mBbRW,cAOW,eaItB,SACA,cF+iIA,CACA,2BACA,iBACA,eACA,2CAEA,aACE,CAHF,iCAEA,aACE,CAHF,qCAEA,aACE,CAHF,sCAEA,aACE,CAHF,4BAEA,aACE,kCAGF,QACE,6EAGF,mBAGE,sBAGF,kBACE,qCAGF,eA3BF,cA4BI,kCAKF,QACE,qDAGF,mBAEE,mBAGF,iBACE,SACA,WACA,UACA,qBACA,UACA,0BACA,sCACA,eACA,WACA,YACA,cXrmIsB,eWumItB,oBACA,0BAEA,mBACE,WACA,0BAIJ,uBACE,iCAEA,mBACE,uBACA,gCAIJ,QACE,uBACA,cbxoIc,ea0oId,uCAEA,uBACE,sCAGF,aACE,yBAKN,abtpIkB,mBawpIhB,aACA,gBACA,eACA,eACA,6BAEA,oBACE,iBACA,0BAIJ,iBACE,6BAEA,kBACE,gCACA,eACA,aACA,aACA,gBACA,eACA,cb9qIc,iCairId,oBACE,iBACA,8FAIJ,eAEE,0BAIJ,aACE,aACA,cXlrIwB,qBWorIxB,+FAEA,aAGE,0BACA,uBAIJ,YACE,cXhsIsB,kBWksItB,aAGF,iBACE,8BACA,oBACA,aACA,sBAGF,cACE,MACA,OACA,QACA,SACA,0BACA,wBAGF,cACE,MACA,OACA,WACA,YACA,aACA,sBACA,mBACA,uBACA,2BACA,aACA,oBACA,yBACA,CADA,qBACA,CADA,oBACA,CADA,gBACA,oBAGF,mBACE,aACA,aACA,yBAGF,eACE,iBACA,yBAGF,UACE,cAGF,UACE,YACA,kBACA,qCAEA,UACE,YACA,aACA,mBACA,uBACA,2CAEA,cX7tI0B,eAEC,CWuuI7B,8CALF,iBACE,MACA,OACA,QACA,SAYA,CAXA,yBAQA,mBACA,8BACA,oBACA,4BAEA,mBACE,0DAGF,SACE,4DAEA,mBACE,mBAKN,yBACE,sBACA,SACA,WXzzIM,eW2zIN,aACA,mBACA,eACA,cACA,cACA,kBACA,kBACA,MACA,SACA,yBAGF,MACE,0BAGF,OACE,CASA,4CANF,UACE,kBACA,kBACA,OACA,YACA,oBAUA,6BAEA,WACE,sBAGF,mBACE,qBACA,gBACA,cXt1IsB,mFWy1ItB,yBAGE,wBAKN,oBACE,sBAGF,qBXt3IQ,YWw3IN,WACA,kBACA,YACA,UACA,SACA,YACA,8BAGF,wBb33IsB,qBa+3ItB,iBACE,UACA,QACA,YACA,6CAGF,kBX33I0B,cARb,kBWw4IX,gBACA,aACA,sBACA,oBAGF,WACE,WACA,gBACA,iBACA,kBACA,wBAEA,iBACE,MACA,OACA,WACA,YACA,sBACA,aACA,aACA,CAGA,YACA,UACA,yBACA,CADA,qBACA,CADA,oBACA,CADA,gBACA,2CANA,qBACA,mBACA,uBAaF,CATE,mBAIJ,YACE,CAGA,iBACA,mDAGF,aAEE,mBACA,aACA,aACA,2DAEA,cACE,uLAGF,ab/7IgB,Sak8Id,eACA,gBACA,kBACA,oBACA,YACA,aACA,kBACA,6BACA,+mBAEA,aAGE,yBACA,qiBAGF,aX98IS,qwDWk9IP,aAGE,sBAMR,sBACE,eAGF,iBACE,eACA,mBACA,sBAEA,eACE,cXr+IS,kBWu+IT,eACA,qBAGF,kBX3+IW,cAQa,gBWs+ItB,aACA,kBACA,kBAIJ,oBACE,eACA,gBACA,iBACA,wFAGF,kBAME,cXjgJW,kBWmgJX,gBACA,eACA,YACA,kBACA,sBACA,4NAEA,aACE,eACA,mBACA,wLAGF,WACE,UACA,kBACA,SACA,WACA,kRAGF,aACE,wBAKF,eXviJM,CAiBkB,gBWyhJtB,oBACA,iEX3iJI,2BAiBkB,yBWkiJ1B,iBACE,aACA,iCAEA,wBACE,CADF,qBACE,CADF,oBACE,CADF,gBACE,gBACA,2GAIJ,YAIE,8BACA,mBXjjJwB,aWmjJxB,iBACA,2HAEA,aACE,iBACA,cbrkJc,mBaukJd,2IAGF,aACE,6BAIJ,cACE,2BAGF,WACE,eACA,0BAGF,gBAEE,sDAGF,qBAEE,eAGF,UACE,gBACA,0BAGF,YACE,6BACA,qCAEA,yBAJF,cAKI,gBACA,iDAIJ,qBAEE,UACA,qCAEA,+CALF,UAMI,sDAIJ,aAEE,gBACA,gBACA,gBACA,kBACA,2FAEA,abjoJoB,iLaqoJpB,aXloJW,qCWuoJX,oDAjBF,eAkBI,sCAKF,4BADF,eAEI,yBAIJ,YACE,+BACA,gBACA,0BAEA,cACE,iBACA,mBACA,sCAGF,aACE,sBACA,WACA,CACA,aXjqJS,gBATL,aW6qJJ,oBACA,eACA,YACA,CACA,SACA,kBACA,yBACA,iBACA,gBACA,gBACA,4CAEA,wBACE,+CAGF,eX7rJI,yBW+rJF,mBACA,kBACA,6DAEA,QACE,gBACA,gBACA,mEAEA,QACE,0DAIJ,aXpsJO,oBWssJL,eACA,gBXhtJA,+CWqtJJ,YACE,8BACA,mBACA,4CAIJ,aACE,cXptJS,eWstJT,gBACA,mBACA,wCAGF,eACE,mBACA,+CAEA,aX/tJS,eWiuJP,qCAIJ,uBAnFF,YAoFI,eACA,QACA,wCAEA,iBACE,iBAKN,eACE,eACA,wBAEA,eACE,iBACA,2CAGF,eACE,mBAGF,eACE,cACA,gBACA,+BAEA,4BACE,4BAGF,QACE,oCAIA,aX3wJO,aW6wJL,kBACA,eACA,mBACA,qBACA,8EAEA,eAEE,yWAOA,kBb/xJY,WENd,uDW4yJA,iBACE,oMAUR,aACE,iIAIJ,4BAIE,cb5zJgB,ea8zJhB,gBACA,6cAEA,aAGE,6BACA,qGAIJ,YAIE,eACA,iIAEA,eACE,CAII,w1BADF,eACE,sDAMR,iBAEE,oDAKA,eACE,0DAGF,eACE,mBACA,aACA,mBACA,wEAEA,aXv2JS,CWy2JP,gBACA,uBAKN,YACE,2CAEA,QACE,WACA,cAIJ,wBb33JsB,Wa63JpB,kBACA,MACA,OACA,aACA,6BAGF,aACE,kBACA,WX54JM,0BW84JN,WACA,SACA,gBACA,kBACA,eACA,gBACA,UACA,oBACA,WACA,4BACA,iBACA,2DAKE,YACE,wDAKF,SACE,uBAKN,eACE,6BAEA,UACE,kBAIJ,YACE,eACA,yBACA,kBACA,gBACA,gBACA,wBAEA,aACE,cbv7Jc,iBay7Jd,eACA,+BACA,aACA,sBACA,mBACA,uBACA,eACA,4BAEA,aACE,wBAIJ,eACE,CACA,qBACA,aACA,sBACA,uBACA,2BAEA,aACE,cACA,0BAGF,oBACE,cbr9JY,gBau9JZ,gCAEA,yBACE,0BAKN,QACE,eACA,iDAEA,SACE,cACA,8BAGF,abx+Jc,gBag/JhB,cACA,CACA,iBACA,CACA,UACA,qCANF,qBACE,CACA,eACA,CACA,iBAYA,CAVA,qBAGF,QACE,CACA,aACA,WACA,CACA,iBAEA,qEAGE,cACE,MACA,gCAKN,cACE,cACA,qBACA,cX//JwB,kBWigKxB,UACA,mEAEA,WAEE,WACA,CAIA,2DADF,mBACE,CADF,8BACE,CADF,gBX5hKM,CW6hKJ,wBAIJ,UACE,YACA,CACA,iBACA,MACA,OACA,UACA,gBXxiKM,iCW2iKN,YACE,sBAIJ,WACE,gBACA,kBACA,WACA,qCAGF,cACE,YACA,oBACA,CADA,8BACA,CADA,gBACA,kBACA,QACA,2BACA,WACA,UACA,sCAGF,0BACE,2BACA,gBACA,kBACA,qKAMA,WAEE,mFAGF,WACE,eAKJ,qBACE,kBACA,mBACA,kBACA,oBACA,cACA,wBAEA,eACE,YACA,yBAGF,cACE,kBACA,gBACA,gCAEA,UACE,cACA,kBACA,6BACA,WACA,SACA,OACA,oBACA,qCAIJ,iCACE,iCAGF,wBACE,uCAIA,mBACA,mBACA,6BACA,0BACA,eAIJ,eACE,kBACA,gBXxoKM,eW0oKN,kBACA,sBACA,cACA,wBAEA,eACE,sBACA,qBAGF,SACE,qBAGF,eACE,gBACA,UACA,0BAGF,oBACE,sBACA,SACA,gCAEA,wBACE,0BACA,qBACA,sBACA,UACA,4BAKF,qBACE,CADF,gCACE,CADF,kBACE,kBACA,QACA,2BACA,yBAIJ,iBACE,UACA,SACA,OACA,QACA,sBACA,iFACA,eACA,UACA,4BACA,gCAEA,SACE,6EAKF,iBAEE,wBAIJ,YACE,kBACA,MACA,OACA,WACA,YACA,UACA,SACA,gBXrtKI,cAiBgB,gBWusKpB,oBACA,+BAEA,aACE,oBACA,8GAEA,aAGE,+BAIJ,aACE,eACA,kCAGF,aACE,eACA,gBACA,4BAIJ,YACE,8BACA,oBACA,0DAEA,aACE,wBAIJ,cACE,mBACA,gBACA,uBACA,oCAGE,cACE,qCAKF,eACE,+BAIJ,sBACE,iBACA,eACA,SACA,0BACA,8GAEA,UXpxKE,+EW4xKN,cAGE,gBACA,6BAGF,UXnyKM,iBWqyKJ,yBAGF,oBACE,aACA,mDAGF,UX7yKM,uBWkzKN,cACE,YACA,eACA,8BAEA,UACE,WACA,+BAOA,6DANA,iBACA,cACA,kBACA,WACA,UACA,YAWA,CAVA,+BASA,kBACA,+BAGF,iBACE,UACA,kBACA,WACA,YACA,YACA,UACA,4BACA,mBACA,sCACA,oBACA,qBAIJ,gBACE,uBAEA,oBACE,eACA,gBACA,WXl2KE,sFWq2KF,yBAGE,qBAKN,cACE,YACA,kBACA,4BAEA,UACE,WACA,+BACA,kBACA,cACA,kBACA,WACA,SACA,2DAGF,aAEE,kBACA,WACA,kBACA,SACA,mBACA,6BAGF,6BACE,6BAGF,iBACE,UACA,UACA,kBACA,WACA,YACA,QACA,iBACA,4BACA,mBACA,sCACA,oBACA,CAGE,yFAKF,SACE,6GAQF,gBACE,oBACA,kBAON,UACE,cACA,+BACA,0BAEA,UACE,qCAGF,iBATF,QAUI,mBAIJ,qBACE,mBACA,uBAEA,YACE,kBACA,gBACA,gBACA,2BAEA,aACE,WACA,YACA,SACA,oBACA,CADA,8BACA,CADA,gBACA,uBAIJ,YACE,mBACA,mBACA,aACA,6BAEA,aACE,aACA,mBACA,qBACA,gBACA,qCAGF,UACE,eACA,cACA,+BAGF,aACE,WACA,YACA,gBACA,mCAEA,UACE,YACA,cACA,SACA,kBACA,mBACA,oBACA,CADA,8BACA,CADA,gBACA,qCAIJ,gBACE,gBACA,4CAEA,cACE,WX5/KF,gBW8/KE,gBACA,uBACA,0CAGF,aACE,eACA,cXr/Kc,gBWu/Kd,gBACA,uBACA,yBAKN,kBXrgLS,aWugLP,mBACA,uBACA,gDAEA,YACE,cACA,eACA,mDAGF,qBACE,kBACA,gCACA,WACA,gBACA,mBACA,gBACA,uBACA,qDAEA,YACE,iEAEA,cACE,sDAIJ,YACE,6BAOV,YACE,eACA,gBACA,wBAGF,QACE,sBACA,cACA,kBACA,kBACA,gBACA,WACA,+BAEA,iBACE,QACA,SACA,+BACA,eACA,sDAIJ,kBAEE,gCACA,eACA,aACA,cACA,oEAEA,kBACE,SACA,SACA,6HAGF,aAEE,cACA,cX7kLoB,eW+kLpB,eACA,gBACA,kBACA,qBACA,kBACA,yJAEA,aXrlLsB,qWWwlLpB,aAEE,WACA,kBACA,SACA,SACA,QACA,SACA,2BACA,CAEA,4CACA,CADA,kBACA,CADA,wBACA,iLAGF,WACE,6CACA,8GAKN,kBACE,gCACA,qSAKI,YACE,iSAGF,4CACE,cAOV,kBXzoLa,sBW4oLX,iBACE,4BAGF,aACE,eAIJ,cACE,kBACA,qBACA,cACA,iBACA,eACA,mBACA,gBACA,uBACA,eACA,oEAEA,YAEE,sBAGF,oBACE,kBACA,yBACA,sBACA,WACA,YACA,cACA,kBACA,SACA,kBACA,sBACA,8BAEA,oBACE,mBACA,2BAKN,eACE,gBAGF,eXvsLQ,kBa0BN,CACA,sBACA,gBACA,cbbsB,uCaetB,mBAEA,abjBsB,eamBpB,gBACA,mBACA,mBAGF,aACE,mBAGF,kBACE,mBAGF,eACE,cbxCS,UWksLb,iBACE,cAEA,WACE,WACA,sCACA,CADA,6BACA,cAGF,cACE,iBACA,cXrsLsB,gBWusLtB,gBAEA,abptLkB,0BastLhB,sBAEA,oBACE,4BAMR,GACE,cACA,eACA,WATM,mBAMR,GACE,cACA,eACA,qEAGF,kBAIE,sBAEE,8BACA,iBAGF,0BACE,kCACA,+BAIA,qDACE,uEACA,+CAGF,sBACE,8BACA,6DAIA,6BACE,6CACA,4EAIF,6BACE,6CACA,+CAOJ,gBAEE,+BAGF,gBACE,6CAEA,0BACE,wDAGF,eACE,6DAGF,iBACE,iBACA,2EAIA,mBACE,UACA,gCACA,WACA,0FAGF,mBACE,UACA,oCACA,eAOV,UACE,eACA,gBACA,iBAEA,YACE,gBACA,eACA,kBACA,sCAGF,YACE,4CAEA,kBACE,yDAGF,SACE,sBACA,cACA,WACA,SACA,aACA,gDACA,mBX70LO,WATL,eWy1LF,CACA,eACA,kBACA,2EAEA,QACE,wMAGF,mBAGE,+DAGF,kBACE,qCAGF,wDA7BF,cA8BI,4DAIJ,WACE,eACA,gBACA,SACA,kBACA,sBAMJ,sBACA,mBACA,6BACA,gCACA,+BAEA,iBACE,iBACA,cbh4Lc,Cam4Ld,eACA,eACA,oCAEA,aACE,gBACA,uBACA,oCAIJ,UACE,kBACA,uDAGF,iBACE,qDAGF,eACE,qBAKF,wBACA,aACA,2BACA,mBACA,mBACA,2BAEA,aACE,iCAEA,UACE,uCAEA,SACE,kCAKN,aACE,cACA,mBAIJ,cACE,kBACA,MACA,OACA,WACA,YACA,0BACA,cAGF,kBX37La,sBW67LX,kBACA,uCACA,YACA,gBACA,qCAEA,aARF,SASI,kBAGF,cACE,mBACA,gBACA,eACA,kBACA,0BACA,6BAGF,WACE,6BAGF,yBACE,sCAEA,uBACE,uCACA,wBACA,wBAIJ,eACE,kDAIA,oBACE,+BAIJ,cACE,sBAGF,eACE,aAIJ,kBXj/La,sBWm/LX,kBACA,uCACA,YACA,gBACA,qCAEA,YARF,SASI,uBAGF,kBACE,oBAGF,kBACE,YACA,0BACA,gBACA,mBAGF,YACE,gCACA,4BAGF,YACE,iCAGF,aACE,gBACA,qBACA,eACA,aACA,cAIJ,iBACE,YACA,gBACA,YACA,aACA,uBACA,mBACA,gBX3iMM,yDW8iMN,aAGE,gBACA,WACA,YACA,SACA,sBACA,CADA,gCACA,CADA,kBACA,gBXtjMI,uBW0jMN,iBACE,YACA,aACA,+BACA,iEACA,kBACA,wCACA,uBAGF,iBACE,WACA,YACA,MACA,OACA,uBAGF,iBACE,YACA,WACA,UACA,YACA,4BACA,6BAEA,UACE,8BAGF,UXvlMI,eWylMF,gBACA,cACA,kBACA,2BAGF,iBACE,mCACA,qCAIJ,oCACE,eAEE,uBAGF,YACE,4BAKN,aXjmMwB,eWmmMtB,gBACA,gBACA,kBACA,qBACA,6BAEA,kBACE,wCAEA,eACE,6BAIJ,aACE,0BACA,mCAEA,oBACE,kBAKN,eACE,2BAEA,UACE,8FAEA,8BAEE,CAFF,sBAEE,wBAIJ,iBACE,SACA,UACA,yBAGF,eACE,aACA,kBACA,mBACA,6BAEA,mBACE,CADF,8BACE,CADF,gBACE,cACA,WACA,YACA,SACA,uBAIJ,iBACE,mBACA,YACA,gCACA,+BAEA,aACE,cACA,WACA,iBACA,gDAEA,kBACE,yBACA,wBAKN,YACE,uBACA,gBACA,iBACA,iCAEA,YACE,mBACA,iBACA,gBACA,8CAEA,wBACE,kBACA,uBACA,YACA,yCAGF,YACE,8BAIJ,WACE,4CAEA,kBACE,wCAGF,UACE,YACA,iCAGF,cACE,iBACA,WXruMA,gBWuuMA,gBACA,mBACA,uBACA,uCAEA,aACE,eACA,cX9tMc,gBWguMd,gBACA,uBACA,gCAKN,aACE,uBAIJ,eACE,cACA,iDAGE,qBACA,WXlwME,gDWswMJ,QACE,6BACA,kDAEA,aACE,yEAGF,uBACE,4DAGF,aXjxMU,yBWuxMd,cACE,gCAEA,cACE,cX5wMkB,eW8wMlB,kCAEA,oBACE,cXjxMgB,qBWmxMhB,iBACA,gBACA,yCAEA,eACE,WXxyMF,iBWizMN,ab7yMgB,mBa+yMd,gCACA,gBACA,aACA,eACA,eACA,qBAEA,oBACE,iBACA,eAIJ,YACE,mBACA,aACA,gCACA,0BAEA,eACE,qBAGF,aACE,cbv0MY,gBay0MZ,uBACA,mBACA,4BAEA,eACE,uBAGF,aXr0MkB,qBWu0MhB,eACA,gBACA,cACA,gBACA,uBACA,mBACA,qGAKE,yBACE,wBAMR,aACE,eACA,iBACA,gBACA,iBACA,mBACA,gBACA,cX/1MoB,0BWm2MtB,aACE,WACA,2CAEA,gCACE,yBACA,0CAGF,wBACE,eAMR,YACE,gCACA,CACA,iBACA,qBAEA,kBACE,UACA,uBAGF,aACE,CACA,sBACA,kBACA,uBAGF,oBACE,mBbj5MkB,kBam5MlB,cACA,eACA,wBACA,wBAGF,aACE,CACA,0BACA,gBACA,8BAEA,eACE,aACA,2BACA,8BACA,uCAGF,cACE,cX75MkB,kBW+5MlB,+BAGF,aXl6MoB,eWo6MlB,mBACA,gBACA,uBACA,kBACA,gBACA,YACA,iCAEA,UX57ME,qBW87MA,oHAEA,yBAGE,0BAKN,qBACE,uBAIJ,kBACE,6BAEA,kBACE,oDAGF,eACE,6DAGF,UXx9MI,OcFR,eACE,eACA,UAEA,kBACE,kBACA,cAGF,iBACE,MACA,OACA,YACA,qBACA,kBACA,mBACA,sBAEA,kBhBVkB,agBepB,iBACE,aACA,cACA,iBACA,eACA,gBACA,gEAEA,YAEE,gCAGF,aACE,8BAGF,aACE,sBACA,WACA,eACA,cdjCO,UcmCP,oBACA,gBd7CE,yBc+CF,kBACA,iBACA,oCAEA,oBhB7CgB,wBgBkDlB,cACE,sBAGF,YACE,mBACA,iBACA,cAIJ,oBACE,kBACA,yBACA,sBACA,WACA,YACA,cACA,kBACA,SACA,kBACA,sBACA,gBACA,mBACA,cACA,uBAEA,iBACE,qBAGF,oBdtFY,8Ec2FZ,gBAGE,gBACA,gCAGF,mBACE,SACA,wCAGF,mBAEE,eAIJ,oBACE,WACA,gBACA,CACA,oBACA,iBACA,gBACA,mBACA,cACA,mBAGF,UACE,iBACA,eAGF,eACE,mBACA,chB7Hc,agBiIhB,cACE,uBACA,UACA,SACA,SACA,chBtIc,0BgBwId,kBACA,mBAEA,oBACE,sCAGF,kCAEE,eAIJ,WACE,eACA,kBACA,eACA,6BAIJ,4BACE,gCAEA,YACE,2CAGF,4BACE,aACA,aACA,mBACA,mGAEA,YAEE,+GAEA,oBhB5KgB,sDgBkLpB,cACE,gBACA,iBACA,YACA,oBACA,chBzLc,sCgB4Ld,gCAGF,YACE,mBACA,4CAEA,aACE,wBACA,iBACA,oCAIJ,uBACE,CADF,oBACE,CADF,eACE,sBACA,eACA,cdxMS,qBc0MT,WACA,UACA,oBACA,qXACA,yBACA,kBACA,CACA,yBACA,mDAGF,aACE,cAIJ,ahB/NkB,qBgBkOhB,+BACE,6BAEA,2BACE,eC5ON,k1BACE,aACA,sBACA,aACA,UACA,yBAGF,YACE,OACA,sBACA,yBACA,2BAEA,MACE,iBACA,qCAIJ,gBACE,YACE,cCtBJ,cACE,qBACA,chBSW,2BgBNX,qBAEE,iBACA,+BAGF,WACE,iBAIJ,sBACE,6BAEA,uBACE,2BACA,4BACA,mBhBHsB,4BgBOxB,oBACE,8BACA,+BACA,aACA,qBAIJ,YACE,8BACA,cACA,clB/BgB,ckBiChB,oBAGF,iBACE,OACA,kBACA,iBACA,gBACA,8BACA,eACA,0BAEA,aACE,6BAIJ,alBhDsB,mCkBmDpB,aACE,oDAGF,WACE,wBAIJ,iBACE,YACA,OACA,WACA,WACA,yBlBjEoB,uBkBsEpB,oBACE,WACA,eACA,yBAGF,iBACE,gBACA,oBAIJ,iBACE,aACA,gBACA,kBACA,gBhB5FM,sBgB8FN,sGAEA,+BAEE,oBAKF,2BACA,gBhBxGM,0BgB2GN,cACE,gBACA,gBACA,oBACA,cACA,WACA,gCACA,chBzGS,yBgB2GT,kBACA,4CAEA,QACE,2GAGF,mBAGE,wCAKN,cACE,6CAEA,SACE,kBACA,kBACA,qDAGF,SACE,WACA,kBACA,MACA,OACA,WACA,YACA,sCACA,mBACA,4BAIJ,SACE,kBACA,wBACA,gBACA,MACA,iCAEA,aACE,WACA,gBACA,gBACA,gBhBpKI,mBgByKR,iBACE,qBACA,YACA,wBAEA,UACE,YACA,wBAIJ,cACE,kBACA,iBACA,chBvKsB,mDgB0KtB,YACE,qDAGF,eACE,uDAGF,YACE,qBAIJ,YACE,YCrMF,qBACE,iBANc,cAQd,kBACA,sCAEA,WANF,UAOI,eACA,mBAIJ,iDACE,eACA,gBACA,gBACA,qBACA,cjBJsB,oBiBOtB,anBjBoB,0BmBmBlB,6EAEA,oBAGE,wCAIJ,ajBlBsB,oBiBuBtB,YACE,oBACA,+BAEA,eACE,yBAIJ,eACE,cjBhCsB,qBiBoCxB,iBACE,cjBrCsB,uBiByCxB,eACE,mBACA,kBACA,kBACA,yHAGF,4CAME,mBACA,oBACA,gBACA,cjBzDsB,qBiB6DxB,aACE,qBAGF,gBACE,qBAGF,eACE,qBAGF,gBACE,yCAGF,aAEE,qBAGF,eACE,qBAGF,kBACE,yCAMA,iBACA,iBACA,yDAEA,2BACE,yDAGF,2BACE,qBAIJ,UACE,SACA,SACA,gCACA,eACA,4BAEA,UACE,SACA,wBAIJ,UACE,yBACA,8BACA,CADA,iBACA,gBACA,mBACA,iEAEA,+BAEE,cACA,kBACA,gBACA,gBACA,cjBrIkB,iCiByIpB,uBACE,gBACA,gBACA,cnBxJY,qDmB4Jd,WAEE,iBACA,kBACA,qBACA,mEAEA,SACE,kBACA,iFAEA,gBACE,kBACA,6EAGF,iBACE,SACA,UACA,mBACA,gBACA,uBACA,+BAMR,YACE,oBAIJ,kBACE,eACA,mCAEA,iBACE,oBACA,8BAGF,YACE,8BACA,eACA,6BAGF,UACE,kDACA,eACA,iBACA,WjBpNI,iBiBsNJ,kBACA,qEAEA,aAEE,6CAIA,ajB9MoB,oCiBmNtB,4CACE,gBACA,eACA,iBACA,qCAGF,4BA3BF,iBA4BI,4BAIJ,iBACE,YACA,sBACA,mBACA,CACA,sBACA,0BACA,QACA,aACA,yCAEA,4CACE,eACA,iBACA,gBACA,cjB/OkB,mBiBiPlB,mBACA,gCACA,uBACA,mBACA,gBACA,wFAEA,eAEE,cACA,2CAGF,oBACE,2BAKN,iBACE,mCAEA,UACE,YACA,CACA,kBACA,uCAEA,aACE,WACA,YACA,mBACA,iCAIJ,cACE,mCAEA,aACE,WjBzSA,qBiB2SA,uDAGE,yBACE,2CAKN,aACE,cjBrSgB,kCiB6StB,iDAEE,CACA,eACA,eACA,iBACA,mBACA,cjBpToB,sCiBuTpB,anBjUkB,0BmBmUhB,kBAIJ,cACE,SACA,UACA,gBACA,uBACA,oBACA,kBACA,oBACA,cACA,kBAGF,4CACE,eACA,iBACA,gBACA,mBACA,cjB7UsB,wBiBgVtB,iDACE,cACA,eACA,gBACA,cACA,kBAIJ,4CACE,eACA,iBACA,gBACA,mBACA,cjB9VsB,kBiBmWtB,cjBnWsB,mCiBkWxB,4CACE,CACA,gBACA,gBACA,mBACA,cjBvWsB,kBiB4WtB,cjB5WsB,kBiBqXtB,cjBrXsB,mCiBoXxB,4CACE,CACA,gBACA,gBACA,mBACA,cjBzXsB,kBiB8XtB,cjB9XsB,mCiBsYxB,gBAEE,mDAEA,2BACE,mDAGF,2BACE,kBAIJ,eACE,kBAGF,kBACE,yCAGF,cAEE,kBAGF,UACE,SACA,SACA,0CACA,cACA,yBAEA,UACE,SACA,iDAIJ,YAEE,+BAGF,kBjB1bW,kBiB4bT,kBACA,gBACA,sBACA,oCAEA,UACE,aACA,2BACA,iBACA,8BACA,mBACA,uDAGF,YACE,yBACA,qBACA,mFAEA,aACE,eACA,qCAGF,sDAVF,UAWI,8BACA,6CAIJ,MACE,sBACA,qCAEA,2CAJF,YAKI,sBAKN,iBACE,yBAEA,WACE,WACA,uBACA,4BAIJ,iBACE,mBACA,uCAEA,eACE,mCAGF,eACE,cACA,qCAGF,eACE,UACA,mDAEA,kBACE,aACA,iBACA,0FAKE,oBACE,gFAIJ,cACE,qDAIJ,aACE,cACA,6CAGF,UACE,YACA,0BACA,mDAGF,cACE,4DAEA,cACE,qCAKN,oCACE,eACE,sCAIJ,2BA7DF,iBA8DI,mFAIJ,qBAGE,mBjBnjBS,kBiBqjBT,kCACA,uBAGF,YACE,kBACA,WACA,YACA,2BAEA,YACE,WACA,uCAKF,YACE,eACA,mBACA,mBACA,qCAGF,sCACE,kBACE,uCAIJ,ajB3kBsB,qCiB+kBtB,eACE,WjBjmBE,gBiBmmBF,2CAEA,ajBrlBkB,gDiBwlBhB,ajBvlBkB,+CiB6lBtB,eACE,qBAIJ,kBACE,yBAEA,aACE,SACA,eACA,YACA,kBACA,qCAIJ,gDAEI,kBACE,yCAGF,eACE,gBACA,WACA,kBACA,uDAEA,iBACE,sCAMR,8BACE,aACE,uCAEA,gBACE,sDAGF,kBACE,6EAIJ,aAEE,qBAIJ,WACE,UAIJ,mBACE,qCAEA,SAHF,eAII,kBAGF,YACE,uBACA,mBACA,aACA,qBAEA,SjBvrBI,YiByrBF,qCAGF,gBAXF,SAYI,mBACA,sBAIJ,eACE,uBACA,gBACA,gBACA,uBAGF,eACE,gBACA,0BAEA,YACE,gBACA,eACA,cjBhsBkB,6BiBosBpB,eACE,iBACA,+BAGF,kBjBhtBS,aiBktBP,0BACA,aACA,uCAEA,YACE,gCAIJ,cACE,gBACA,uDAEA,YACE,mBACA,iDAGF,UACE,YACA,0BACA,gCAIJ,YACE,uCAEA,4CACE,eACA,gBACA,cACA,qCAGF,cACE,cjB/uBgB,uFiBqvBtB,eACE,cASA,CjB/vBoB,2CiB4vBpB,iBACA,CACA,kBACA,gBAGF,eACE,cACA,aACA,kDACA,cACA,qCAEA,eAPF,oCAQI,cACA,8BAEA,UACE,aACA,sBACA,0CAEA,OACE,cACA,2CAGF,YACE,mBACA,QACA,cACA,qCAIJ,UACE,2BAGF,eACE,sCAIJ,eAtCF,UAuCI,6BAEA,aACE,gBACA,gBACA,2GAEA,eAGE,uFAIJ,+BAGE,2BAGF,YACE,gCAEA,eACE,qEAEA,eAEE,gBACA,2CAGF,eACE,SAQZ,iBACE,qBACA,iBAGF,aACE,kBACA,aACA,UACA,YACA,cjB51BsB,qBiB81BtB,eACA,qCAEA,gBAVF,eAWI,WACA,gBACA,cnBh3Bc,SoBNlB,UACE,eACA,iBACA,yBACA,qBAEA,WAEE,iBACA,mBACA,6BACA,gBACA,mBACA,oBAGF,qBACE,gCACA,aACA,gBACA,oBAGF,eACE,qEAGF,kBlBhBW,UkBqBX,apBxBoB,0BoB0BlB,gBAEA,oBACE,eAIJ,eACE,CAII,4HADF,eACE,+FAOF,sBAEE,yFAKF,YAEE,gCAMJ,kBlBzDS,6BkB2DP,gCACA,4CAEA,qBACE,8BACA,2CAGF,uBACE,+BACA,0BAKN,qBACE,gBAIJ,aACE,mBACA,MAGF,+CACE,0BAGF,sBACE,SACA,aACA,8CAGF,oBAEE,qBACA,iBACA,eACA,clB5FsB,gBkB8FtB,0DAEA,UlBhHM,wDkBoHN,eACE,iBACA,sEAGF,cACE,yCAKF,YAEE,yDAEA,qBACE,iBACA,eACA,gBACA,qEAEA,cACE,2EAGF,YACE,mBACA,uFAEA,YACE,qHAOJ,sBACA,cACA,uBAIJ,wBACE,mBlBvJS,sBkByJT,YACA,mBACA,gCAEA,gBACE,mBACA,oBAIJ,YACE,yBACA,aACA,mBlBtKS,gCkByKT,aACE,gBACA,mBAIJ,wBACE,aACA,mBACA,qCAEA,wCACE,4BACE,0BAIJ,kBACE,iCAGF,kBlB9LS,uCkBiMP,kBACE,4BAIJ,gBACE,oBACA,sCAEA,SACE,wCAGF,YACE,mBACA,mCAGF,aACE,aACA,uBACA,mBACA,kBACA,6CAEA,UACE,YACA,kCAIJ,aACE,mCAGF,aACE,iBACA,clB/NgB,gBkBiOhB,mCAIJ,QACE,WACA,qCAEA,sBACE,gBACA,qCAOJ,4FAFF,YAGI,gCAIJ,aACE,uCAEA,iBACE,sCAGF,eACE,4BAIJ,wBACE,aACA,gBACA,qCAEA,2BALF,4BAMI,sCAIJ,+CACE,YACE,iBC7RN,YACE,uBACA,WACA,iBACA,iCAEA,gBACE,gBACA,oBACA,cACA,wCAEA,YACE,yBACA,mBnBPO,YmBSP,yBAIJ,WAvBc,UAyBZ,oBACA,iCAEA,YACE,mBACA,YACA,uCAEA,aACE,yCAEA,oBACE,aACA,2CAGF,SnBxCA,YmB0CE,kBACA,YACA,uCAIJ,aACE,cnBjCgB,qBmBmChB,cACA,eACA,aACA,0HAIA,kBAGE,+BAKN,aACE,iBACA,YACA,aACA,qCAGF,sCACE,YACE,6BAIJ,eACE,0BACA,gBACA,mBACA,qCAEA,2BANF,eAOI,+BAGF,aACE,aACA,cnB3EgB,qBmB6EhB,0BACA,2CACA,0BACA,mBACA,gBACA,uBACA,mCAEA,gBACE,oCAGF,UnBzGA,yBmB2GE,0BACA,2CACA,uCAGF,kBACE,sBACA,+BAIJ,kBACE,wBACA,SACA,iCAEA,QACE,kBACA,6DAIJ,UnBjIE,yBFMc,gBqB8Hd,gBACA,mEAEA,qBACE,6DAKN,yBACE,iCAKF,UACA,gBAEA,sCAGF,uCACE,YACE,iCAGF,WA/JY,cAiKV,sCAIJ,gCACE,UACE,0BAMF,2BACA,qCAEA,wBALF,cAMI,CACA,sBACA,kCAGF,YACE,oBAEA,gCACA,0BAEA,eAEA,mBACA,8BACA,mCAEA,eACE,kBACA,yCAGF,mBACE,4DAEA,eACE,qCAIJ,gCAzBF,eA0BI,iBACA,6BAIJ,anBnMsB,emBqMpB,iBACA,gBACA,qCAEA,2BANF,eAOI,6BAIJ,anB9MsB,emBgNpB,iBACA,gBACA,mBACA,4BAGF,cACE,gBACA,cnBzNkB,mBmB2NlB,kBACA,gCACA,4BAGF,cACE,cnBhOoB,iBmBkOpB,gBACA,0CAGF,UnBvPI,gBmByPF,uFAGF,eAEE,gEAGF,aACE,4CAGF,cACE,gBACA,WnBvQE,oBmByQF,iBACA,gBACA,gBACA,2BAGF,cACE,iBACA,cnBhQoB,mBmBkQpB,kCAEA,UnBrRE,gBmBuRA,CAII,2NADF,eACE,4BAMR,UACE,SACA,SACA,0CACA,cACA,mCAEA,UACE,SACA,qCAKN,eA7SF,aA8SI,iCAEA,YACE,yBAGF,UACE,UACA,YACA,iCAEA,YACE,4BAGF,YACE,8DAGF,eAEE,gCACA,gBACA,0EAEA,eACE,+BAIJ,eACE,6DAGF,2BrB5UgB,YqBmVtB,UACE,SACA,cACA,WACA,sDAKA,anBlVsB,0DmBqVpB,arB/VkB,4DqBoWpB,anBzWc,gBmB2WZ,4DAGF,anB7WU,gBmB+WR,0DAGF,arBhXgB,gBqBkXd,0DAGF,anBrXU,gBmBuXR,UAIJ,YACE,eACA,yBAEA,aACE,qBACA,oCAEA,kBACE,4BAGF,cACE,gBACA,+BAEA,oBACE,iBACA,gCAIJ,eACE,eACA,CAII,iNADF,eACE,2BAKN,oBACE,cnBjZkB,qBmBmZlB,eACA,gBACA,gCACA,iCAEA,UnBxaE,gCmB0aA,oCAGF,arBvagB,gCqByad,CAkBJ,gBAIJ,aACE,iBACA,eACA,sBAGF,aACE,eACA,cACA,wBAEA,aACE,kBAIJ,YACE,eACA,mBACA,wBAGF,YACE,WACA,sBACA,aACA,+BAEA,aACE,qBACA,gBACA,eACA,iBACA,cnBrdsB,CmB0dlB,4MADF,eACE,sCAKN,aACE,gCAIJ,YAEE,mBACA,kEAEA,UACE,kBACA,4BACA,gFAEA,iBACE,kDAKN,aAEE,aACA,sBACA,4EAEA,cACE,WACA,kBACA,mBACA,uEAIJ,cAEE,iBAGF,YACE,eACA,kBACA,2CAEA,kBACE,eACA,8BAGF,kBACE,+CAGF,gBACE,uDAEA,gBACE,mBACA,YACA,YAKN,kBACE,eACA,cAEA,arB/iBoB,qBqBijBlB,oBAEA,yBACE,SAKN,aACE,YAGF,kBACE,iBACA,oBAEA,YACE,2BACA,mBACA,aACA,mBnBlkBS,cAOW,0BmB8jBpB,eACA,kBACA,oBAGF,iBACE,4BAEA,aACE,SACA,kBACA,WACA,YACA,qBAIJ,2BACE,mBAGF,oBACE,uBAGF,arBnmBgB,oBqBumBhB,kBACE,0BACA,aACA,cnB9lBoB,gDmBgmBpB,eACA,qBACA,gBACA,kBAGF,cACE,kBACA,crBpnBc,2BqBwnBhB,iBACE,SACA,WACA,WACA,YACA,kBACA,oCAEA,kBnBnoBY,oCmBuoBZ,kBACE,mCAGF,kBrBtoBkB,sDqB2oBpB,anBhoBwB,qBmBooBtB,gBACA,sBAGF,aACE,0BAGF,anB5oBwB,sBmBgpBxB,anBhqBc,yDmBqqBhB,oBAIE,cnBzpBwB,iGmB4pBxB,eACE,yIAIA,4BACE,cACA,iIAGF,8BACE,CADF,sBACE,WACA,sBAKN,YAEE,mBACA,sCAEA,aACE,CACA,gBACA,kBACA,0DAIA,8BACE,CADF,sBACE,WACA,gBAKN,kBACE,8BACA,yBAEA,yBnBrtBc,yBmBytBd,yBACE,wBAGF,yBnB1tBU,wBmB+tBR,2BACA,eACA,iBACA,4BACA,kBACA,gBACA,0BAEA,anB3tBoB,uBmBiuBpB,wBACA,qBAGF,arBjvBgB,cqBsvBlB,kBnBjvBa,kBmBmvBX,mBACA,uBAEA,YACE,8BACA,mBACA,aACA,gCAEA,SACE,SACA,gDAEA,aACE,8BAIJ,aACE,gBACA,cnBhwBkB,iBmBkwBlB,gCAEA,aACE,qBACA,iHAEA,aAGE,mCAIJ,anB7xBM,6BmBoyBR,YACE,2BACA,6BACA,mCAEA,kBACE,gFAGF,YAEE,cACA,sBACA,YACA,cnBpyBgB,mLmBuyBhB,kBAEE,gBACA,uBACA,sCAIJ,aACE,6BACA,4CAEA,arB/zBU,iBqBi0BR,gBACA,wCAIJ,aACE,sBACA,WACA,aACA,qBACA,cnB/zBgB,WmBs0BxB,kBAGE,0BAFA,eACA,uBASA,CARA,eAGF,oBACE,gBACA,CAEA,qBACA,oBAGF,YACE,eACA,CACA,kBACA,wBAEA,qBACE,cACA,mBACA,aACA,0FAGF,kBAEE,kBACA,YACA,6CAGF,QACE,SACA,+CAEA,aACE,sEAGF,uBACE,yDAGF,anBn4BY,8CmBw4Bd,qBACE,aACA,WnB34BI,cmBg5BR,iBACE,sBCn5BF,YACE,eACA,CACA,kBACA,0BAEA,qBACE,iBACA,cACA,mBACA,yDAEA,YAEE,mBACA,kBACA,sBACA,YACA,4BAGF,oBACE,cACA,cACA,qGAEA,kBAGE,sDAKN,iBAEE,gBACA,eACA,iBACA,WpBrCI,6CoBuCJ,mBACA,iBACA,4BAGF,cACE,6BAGF,cACE,cpBjCoB,kBoBmCpB,gBACA,qBAIJ,YACE,eACA,cACA,yBAEA,gBACE,mBACA,6BAEA,aACE,sCAIJ,apBrDwB,gBoBuDtB,qBACA,UC3EJ,aACE,gCAEA,gBACE,eACA,mBACA,+BAGF,cACE,iBACA,8CAGF,aACE,kBACA,wBAGF,gBACE,iCAGF,aACE,kBACA,uCAGF,oBACE,gDAGF,SACE,YACA,8BAGF,cACE,iBACA,mEAGF,aACE,kBACA,2DAGF,cAEE,gBACA,mFAGF,cACE,gBACA,mCAGF,aACE,iBACA,yBAGF,kBACE,kBACA,4BAGF,UACE,UACA,wBAGF,aACE,kCAGF,MACE,WACA,cACA,mBACA,2CAGF,aACE,iBACA,0CAGF,gBACE,eACA,mCAGF,WACE,sCAGF,gBACE,gBACA,yCAGF,UACE,iCAGF,aACE,iBACA,0BAGF,SACE,WACA,0DAGF,iBAEE,mBACA,4GAGF,iBAEE,gBACA,uCAGF,kBACE,eACA,2BAGF,aACE,kBACA,wCAGF,SACE,YACA,yDAGF,SACE,WACA,CAKA,oFAGF,UACE,OACA,uGAGF,UAEE,uCAIA,cACE,iBACA,kEAEA,cACE,gBACA,qCAKN,WACE,eACA,iBACA,uCAGF,WACE,sCAGF,aACE,kBACA,0CAGF,gBACE,eACA,uDAGF,gBACE,2CAGF,cACE,iBACA,YACA,yEAGF,aAEE,iBACA,iBAGF,wBACE,iBAGF,SACE,oBACA,yBAGF,aACE,8EAGF,cAEE,gBACA,oDAGF,cACE,mBACA,gEAGF,iBACE,gBACA,CAMA,8KAGF,SACE,QACA,yDAGF,kBACE,eACA,uDAGF,kBACE,gBACA,qDAGF,SACE,QACA,8FAGF,cAEE,mBACA,4CAGF,UACE,SACA,kDAEA,UACE,OACA,+DACA,8BAIJ,sXACE,uCAGF,gBAEE,kCAGF,cACE,iBACA,gDAGF,UACE,UACA,gEAGF,aACE,uDAGF,WACE,WACA,uDAGF,UACE,WACA,uDAGF,UACE,WACA,kDAGF,MACE,0CAGF,iBACE,yBACA,qDAGF,cACE,iBACA,qCAGF,kCACE,gBAEE,kBACA,2DAEA,gBACE,mBACA,uEAKF,gBAEE,kBACA,gFAKN,cAEE,gBACA,6CAKE,eACE,eACA,sDAIJ,aACE,kBACA,4DAKF,cACE,gBACA,8DAGF,gBACE,eACA,mCAIJ,aACE,kBACA,iBACA,kCAGF,WACE,mCAGF,WACE,oCAGF,cACE,gBACA,gFAGF,cACE,mBACA,+DAGF,SACE,QACA,kkEC7ZJ,kIACE,CADF,sIACE,qBACA,sCxB6EF,QACE,qBACE,gBACA,SAGF,SACE,gBACA,gBACA,+BAIJ,eAEE,sBACA,kBACA,gBACA,kBACA,kCACA,4BACA,gEAGF,gBAEE,uBACA,2BACA,qBAGF,eACE,UACA,wDAGF,qBAEE,sBACA,MAKF,cACE,oDACA,WACA,kCAGF,eAGE,cAGF,UACE,sBACA,WAGF,kBAzIW,sGAmBT,gBAIA,YAqHA,iBAGF,UACE,CAEA,oBACA,CADA,mBACA,CADA,4BACA,WACA,YACA,wBAGF,qGA7GE,eAIA,gBACA,WA0GA,mCAGF,eACE,WACA,gBACA,eACA,UACA,cACA,kBACA,QACA,4BAGF,iBACE,0BACA,YACA,cA3KS,yDA8KT,4BACA,uBACA,4BACA,yBACA,wBAGF,gBACE,eACA,mBAvLS,eA2LX,aACI,YACA,kBAEA,YACA,UACA,YACA,aACA,iGACA,4BACA,iCACA,UACA,gBAGJ,eACE,UACA,6BAGF,SACE,SAGF,gBACE,qBAGF,kBAvNW,CAcT,eACA,6CA2MA,CA3MA,kBA2MA,CA3MA,sBA2MA,CAMA,uCAHF,UACE,gBACA,mBAYA,CAXA,eAGF,WACE,eACA,CAvNA,eACA,6CAyNA,CAzNA,kBAyNA,CAzNA,sBAyNA,CAEA,oBACA,gCAGF,kBA3OsB,uCA+OtB,YACE,uBAEF,gBACE,mBAnPoB,4CAuPtB,UACE,yBAGF,eACE,eACA,wBAGF,kBAnQW,WAqQT,cACA,eACA,gBACA,cACA,eACA,sGAvPA,gBAIA,8BAsPA,UACE,mEAIJ,qGAvOE,eAIA,gBACA,yBAoOA,6BAMA,eACA,eAIA,iDARF,kBAvRW,WAyRT,YACA,CAEA,qGAzQA,gBAIA,eAuQA,gBAUA,kCAGF,iBACE,UACA,UACA,gBACA,eACA,cACA,2BAGF,cACE,gBACA,6BAGF,8BACE,gCACA,mCAGF,kBA9TW,WAgUT,oCAGF,UACE,oDAGF,yBACE,kBACA,kBACA,YACA,qBAGF,wBA9UW,CAcT,eACA,CAkUA,4CACA,CADA,kBACA,CADA,kBACA,2BAGF,UACE,gBACA,eACA,kBACA,UACA,SACA,yBA3VS,qBA6VT,cACA,gBACA,6CAGF,UACE,gBACA,kCAGF,WACE,iCAEF,WACE,iBAGF,gBACE,mCAIA,qBACA,CAvVA,4CACA,CADA,kBACA,CADA,gBACA,gBACA,WAwVA,YACA,sEAGF,qBACE,yCAGF,QACE,iBACA,kDAGF,SACE,qCAGF,YACE,mCAGF,eACE,aACA,WAGF,wBAjZW,sGAmBT,gBAIA,YA6XA,iBAGF,oBACE,WACA,CAzWA,+BA4WF,qGAjXE,eAIA,gBAsXA,CArXA,cAgXF,UACE,sBACA,CAlXA,cAoXA,YACA,+FAGF,UAEE,gCACA,CAIA,iIAGF,gBACE,oBAGF,wBAtbW,WAwbT,sGAraA,gBAIA,wBAqaF,0lBACE,wBAEA,uCAGF,kBAlcW,WAqcT,kBAGF,yBACE,WACA,SAraA,4CACA,CADA,kBACA,CADA,gBACA,gBACA,sBAwaA,CACA,mBACA,mBACA,uBAGF,wBArdW,kBAydX,cACE,uEAGF,aAEE,qBAGF,qBACE,kBACA,YACA,UACA,mBAteS,uBAweT,CAEA,eACA,iCACA,8BACA,iBACA,sCAGF,qBACE,4BAGF,WACE,8BAGF,gBACE,kBACA,2CAEA,cACE,kCAGJ,UACE,CAlgBS,+DAugBT,kBAvgBS,4DA2gBT,eACE,wBACA,gCAIJ,iBACE,oDAGF,cACE,kBAGF,eACE,4BACA,WACA,0BACA,YACA,gCAGF,aACE,uCAGF,UACE,gBACA,0GAlgBA,4CACA,CADA,kBACA,CADA,gBACA,gBACA,uBAugBA,CAvgBA,cAugBA,6CACA,CADA,oCACA,8BAGF,wBAljBW,SAojBT,iCACA,kBACA,mBACA,iBACA,cAEF,kBA1jBW,CAaT,4CACA,CADA,kBACA,CADA,gBACA,gBACA,UA8iBA,iBAGA,0HAFA,aAIE,qBAriBF,4CACA,CADA,kBACA,CADA,gBACA,gBACA,kCA2iBF,kBACE,eACA,sDAGF,sBAEE,YACA,CEjlBU,2IFslBV,aEtlBU,0BF2lBZ,kBA5lBW,CAaT,4CACA,CADA,kBACA,CADA,gBACA,gBACA,mBAglBA,iCAlkBA,4CACA,CADA,kBACA,CADA,gBACA,gBACA,mBAukBF,aArmBkB,uCAymBlB,gBACE,sBACA,mBACA,0BAGF,aACE,uCAGF,gBACE,mBACA,cAGF,eACE,gBACA,sBACA,WACA,oBAGF,qBACE,qBAGF,UACE,0BACA,gBACA,YAGF,UACE,gBACA,CA5oBS,qGAmBT,gBAIA,CAwnBA,eACA,6BAJA,kBA5oBS,CAuBT,UA6nBE,2BAIJ,UACC,4DAGD,UACE,gBACA,iCAGF,UACE,UAGF,gCACE,0GAGF,kBAzqBW,sGAmBT,gBAIA,sHAupBF,kBA9qBW,wHAkrBX,qGAvoBE,eAIA,gBACA,gDAsoBF,UACE,eAGF,yBACE,WACA,wBAGF,UACE,eACA,6BAGF,eACE,iBAGF,kBAxsBW,CAaT,+BACA,gBACA,qBA4rBA,gBACA,mBACA,6CACA,CADA,+BACA,CADA,gBACA,cAGF,UACE,sGA/rBA,gBAIA,YA6rBA,WACA,cACA,iCAGF,eACE,WACA,gBACA,eACA,UACA,cACA,kBACA,QACA,0BAIF,iBACE,iBACA,WACA,YACA,cAzuBS,yDA4uBT,4BACA,uBACA,4BACA,yBACA,yBAGF,4BACE,qCAGF,8YACE,4BACA,uBACA,4BACA,yBACA,iBACA,SAOF,kBApwBW,CAswBT,WACA,iCACA,CACA,oBACA,CADA,iCACA,CADA,sBACA,gBACA,eAIA,UACA,CA3uBA,4CACA,CADA,kBACA,CADA,gBACA,gBACA,oCAuuBF,qBAOE,gBAGF,gBACE,WACA,gBACA,sBAvxBqB,sBAyxBrB,mBAEA,UACE,oBACA,gBACA,yBAIJ,wBAtyBW,WAwyBT,iCACA,0BAGF,UACE,sOAGF,wBA7yBsB,WAkzBpB,mBAGF,UACE,0BAEA,SACE,yBAGF,UACE,sCAIJ,wBAp0BW,CAu0BT,yBACA,CADA,2BACA,iBAGF,UACE,wBAGF,UACE,gBACA,mFA5yBA,4CACA,CADA,kBACA,CADA,gBACA,gBACA,+CAmzBF,eACE,gCAGF,eACE,gCACA,mBACA,+BAGF,6BACE,+BACA,8CAGF,wBAz2BW,0BA22BT,eACA,gBACA,wBAGF,wBAh3BW,gBAk3BT,iBACA,kCAGF,8BACE,4HAGF,kBA13BW,uEA+3BX,aA93BkB,mDAk4BlB,kBAn4BW,iBAs4BT,yGAGF,kBAt4BsB,4LA24BtB,gBAKE,WACA,sGAj4BA,gBAIA,mBAvBS,oCAy5BX,UACE,2CAGF,eACE,+BAGF,cACE,gBACA,cACA,kBACA,UACA,yBAt6BS,eAw6BT,cACA,wBAGF,iBACE,iBACA,0BACA,yBA/6BS,WAi7BT,0BAGF,UACE,+BAGF,UACE,0BACA,iDA75BA,4CACA,CADA,kBACA,CADA,gBACA,gBACA,mBAg6BA,cACA,iCAGF,eACE,0BACA,yBAr8BS,YAu8BT,sBACA,8CAGF,cACE,gBACA,2BACA,qDAGF,WACE,eACA,gBACA,WACA,gDAGF,YACE,8BAGF,SACE,2BAGF,gBACE,gBACA,yBAl+BS,sBAo+BT,uBACA,6BAIF,UACE,sBACA,CACA,qGAj8BA,eAIA,gBACA,qCAg8BF,gCACE,qCAGF,UACE,gBACA,kBAGF,wBAz/BW,kBA2/BT,0BACA,SA5/BS,qGAmBT,CAIA,eA2+BA,WACA,gBACA,sDALF,wBA//BW,gBA0gCT,qGA/9BA,eAIA,gBACA,kBA89BA,UACE,8BACA,yBAEA,qGA//BF,gBAIA,kBAkgCF,wBAzhCW,sGA2CT,CAIA,eACA,eA4+BA,yBAGF,eACE,WACA,gBACA,eACA,UACA,kBACA,cACA,kBACA,UACA,kBAGF,iBACE,iBACA,WACA,YACA,cA/iCS,+YAkjCT,4BACA,uBACA,4BACA,yBACA,oBAGF,wBAzjCW,WA2jCT,iCACA,oBACA,eACA,cAGF,4BACE,WACA,oBACA,wBAjkCoB,WAmkClB,8CAKF,WACE,SACA,UACA,wCAMA,iBACA,qFAJF,yBACE,4BACA,6BAOE,0CAGF,WACE,WACA,CAMJ,4FACA,yDAGA,wGACA,yDAGA,wEACA,yDAGA,gFACA,yDAGA,sEACA,0DAGA,0FACA,0DAGA,gGACA,0DAGA,wEACA,0DAGA,sEACA,0DAGA,4FACA,0DAGA,wEACA,0DAGA,8EACA,mFAGF,YACE,kCAGF,qBACE,gBACA,eACA,WACA,iBACA,kBACA,mBACA,OAEA,aACA,cACA,kBACA,yBACA,WACA,YACA,CAIA,wBACA,0BACA,2BAjqCA,4CACA,CADA,kBACA,CADA,gBACA,gBACA,yBAfS,yCAsrCX,YACE,yBAGF,wBA1rCW,kBA8rCX,wBACE,4CAGF,UACE,6BAGF,yBACE,WACA,YACA,iBAGF,wBA5sCW,SA8sCT,8BACA,8CAGF,UACE,YACA,gCAGF,UACE,gBACA,kCAGF,UACE,sBAGF,YACE,2BAGF,yBACE,kCAGF,qGA7rCE,eAIA,gBACA,wDA4rCF,eAxuCuB,gBA2uCrB,sBACA,iBACA,kBAGF,4BACE,yBAGF,YACE,gCAGF,UACE,sGAltCA,eAIA,gBACA,8CAitCF,sBACE,oDAGF,sBACE,WACA,0BACA,0CAGF,oBAGE,2FAGF,UACE,4GAGF,qBAII,qBACA,sBACA,yCAGJ,eACI,8BAGJ,iBACI,SACA,iDAGJ,iBACI,SACA,mCAGJ,kBACI,uBAGJ,iBACI,0BAGJ,iBACI,kBAGJ,iBACI,0BAGJ,iBACI,SACA,2GAGJ,qGA9yCE,gBAIA,mBAvBS,2FAu0CX,sBAIE,cACA,mBAz0CoB,WA20CpB,gBACA,iBACA,qBAGF,4BACE,0CAGF,eACE,gBACA,oFAGF,kBA51CW,iBA81CT,sDAGF,kBA91CsB,WAg2CpB,gBACA,YACA,eACA,gBACA,CAKE,+RAEA,UAGE,CAj0CJ,gMAo0CE,qGAz0CF,eAIA,gBACA,uHA00CF,eAEE,WA50CA,2CAi1CF,oQAEE,uBAGF,iBACE,MACA,wBACA,WACA,yBAv4CoB,eAy4CpB,gBACA,WACA,WACA,cACA,CACA,wBACA,sBACA,gBAGF,iBACE,mBAv5CS,sGAmBT,gBAIA,WAm4CA,YACA,iBACA,WACA,iBACA,sBACA,gBACA,sCAGF,eACE,UACE,YACA,kBACA,sCAIJ,eACE,WACE,YACA,0BACA,SACA,kCAIJ,eACE,YACA,cACA,WACA,iCAGF,aACE,wBACA,CAh7CA,4CACA,CADA,kBACA,CADA,gBACA,gBACA,kBAg7CA,iBACA,kBACA,mBACA,sBACA,yBAGF,wBAt8CW,WAw8CT,eACA,gBACA,sBACA,kBACA,yBAGF,eACE,mBAh9CS,WAk9CT,WACA,YACA,oBACA,+BAGF,iBACE,QACA,SACA,WACA,YACA,SACA,4BAGF,kBAj+CW,CAm+CT,gBACA,WACA,+BAEA,oBACE,4EAEA,WAEE,2BACA,sCAt9CJ,UA69CI,wEAJF,iBACE,sGA99CJ,gBAIA,CA49CI,WASA,CARA,kCAGF,oBACE,CAEA,SAEA,iCAGF,oBACE,qIA58CJ,gBAMA,2BACA,4BACA,gBAs8CI,SACA,WACA,wBACA,0CAEA,kBAvgDK,WAygDH,gBACA,mBACA,uCAGF,kBA9gDK,WAghDH,kCAIJ,uBACE,uBACA,kBACA,UACA,SACA,UACA,qCAEA,kBA5hDK,qBA8hDH,wBACA,uCAEA,kBAjiDG,qIAoDT,gBAMA,2BACA,4BACA,WAw+CQ,gBACA,kBACA,UACA,gDAEA,kBAziDC,WA2iDC,mBACA,gBACA,kBACA,iBACA,kBACA,kBACA,UACA,4DAEA,aACE,sDAGF,sBACE,WACA,6CAIJ,kBA9jDC,WAgkDC,sCAQZ,iCACE,gBACE,yBAGF,mBACE,sCAIJ,iCACE,eACE,yBAKE,gBACA,WACA,YACA,iCAEF,aACE,WACA,0BACA,iBAKN,qBAlmDuB,WAomDrB,sBACA,gBACA,kBACA,MACA,OACA,WACA,sBAGF,qBACE,CA7kDA,4CACA,CADA,kBACA,CADA,gBACA,gBACA,weA+kDF,UAeE,qEAGF,qBAEE,sJAGF,UAKE,sBACA,CA9mDA,4CACA,CADA,kBACA,CADA,gBACA,gBACA,4WA+mDA,qBACE,qEAIJ,kBA3pDW,sGAmBT,gBAIA,WA0oDA,gBACA,uFAEA,kBApqDS,4CAyqDX,eArqDuB,WAwqDrB,iBACA,kBACA,sBACA,gDAEA,UACE,0BACA,gGAIJ,kBAvrDW,yBA8rDX,yBACE,YACA,kCAGF,UACE,sBACA,kBACA,CAIA,4CACA,CADA,kBACA,CADA,gBACA,WACA,YACA,qBACA,sBACA,iBACA,2CAGF,qBACE,gCACA,8FAGF,UAGE,kCACA,ooB","file":"skins/vanilla/win95/common.css","sourcesContent":["@font-face{font-family:\"premillenium\";src:url(\"~fonts/premillenium/MSSansSerif.ttf\") format(\"truetype\")}html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:\"\";content:none}table{border-collapse:collapse;border-spacing:0}html{scrollbar-color:#192432 rgba(0,0,0,.1)}::-webkit-scrollbar{width:12px;height:12px}::-webkit-scrollbar-thumb{background:#192432;border:0px none #fff;border-radius:50px}::-webkit-scrollbar-thumb:hover{background:#1c2938}::-webkit-scrollbar-thumb:active{background:#192432}::-webkit-scrollbar-track{border:0px none #fff;border-radius:0;background:rgba(0,0,0,.1)}::-webkit-scrollbar-track:hover{background:#121a24}::-webkit-scrollbar-track:active{background:#121a24}::-webkit-scrollbar-corner{background:transparent}body{font-family:\"mastodon-font-sans-serif\",sans-serif;background:#06090c;font-size:13px;line-height:18px;font-weight:400;color:#fff;text-rendering:optimizelegibility;font-feature-settings:\"kern\";text-size-adjust:none;-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-tap-highlight-color:transparent}body.system-font{font-family:system-ui,-apple-system,BlinkMacSystemFont,\"Segoe UI\",\"Oxygen\",\"Ubuntu\",\"Cantarell\",\"Fira Sans\",\"Droid Sans\",\"Helvetica Neue\",\"mastodon-font-sans-serif\",sans-serif}body.app-body{padding:0}body.app-body.layout-single-column{height:auto;min-height:100vh;overflow-y:scroll}body.app-body.layout-multiple-columns{position:absolute;width:100%;height:100%}body.app-body.with-modals--active{overflow-y:hidden}body.lighter{background:#121a24}body.with-modals{overflow-x:hidden;overflow-y:scroll}body.with-modals--active{overflow-y:hidden}body.player{text-align:center}body.embed{background:#192432;margin:0;padding-bottom:0}body.embed .container{position:absolute;width:100%;height:100%;overflow:hidden}body.admin{background:#0b1016;padding:0}body.error{position:absolute;text-align:center;color:#9baec8;background:#121a24;width:100%;height:100%;padding:0;display:flex;justify-content:center;align-items:center}body.error .dialog{vertical-align:middle;margin:20px}body.error .dialog__illustration img{display:block;max-width:470px;width:100%;height:auto;margin-top:-120px}body.error .dialog h1{font-size:20px;line-height:28px;font-weight:400}button{font-family:inherit;cursor:pointer}button:focus{outline:none}.app-holder,.app-holder>div,.app-holder>noscript{display:flex;width:100%;align-items:center;justify-content:center;outline:0 !important}.app-holder>noscript{height:100vh}.layout-single-column .app-holder,.layout-single-column .app-holder>div{min-height:100vh}.layout-multiple-columns .app-holder,.layout-multiple-columns .app-holder>div{height:100%}.error-boundary,.app-holder noscript{flex-direction:column;font-size:16px;font-weight:400;line-height:1.7;color:#e25169;text-align:center}.error-boundary>div,.app-holder noscript>div{max-width:500px}.error-boundary p,.app-holder noscript p{margin-bottom:.85em}.error-boundary p:last-child,.app-holder noscript p:last-child{margin-bottom:0}.error-boundary a,.app-holder noscript a{color:#00007f}.error-boundary a:hover,.error-boundary a:focus,.error-boundary a:active,.app-holder noscript a:hover,.app-holder noscript a:focus,.app-holder noscript a:active{text-decoration:none}.error-boundary__footer,.app-holder noscript__footer{color:#404040;font-size:13px}.error-boundary__footer a,.app-holder noscript__footer a{color:#404040}.error-boundary button,.app-holder noscript button{display:inline;border:0;background:transparent;color:#404040;font:inherit;padding:0;margin:0;line-height:inherit;cursor:pointer;outline:0;transition:color 300ms linear;text-decoration:underline}.error-boundary button:hover,.error-boundary button:focus,.error-boundary button:active,.app-holder noscript button:hover,.app-holder noscript button:focus,.app-holder noscript button:active{text-decoration:none}.error-boundary button.copied,.app-holder noscript button.copied{color:#79bd9a;transition:none}.container-alt{width:700px;margin:0 auto;margin-top:40px}@media screen and (max-width: 740px){.container-alt{width:100%;margin:0}}.logo-container{margin:100px auto 50px}@media screen and (max-width: 500px){.logo-container{margin:40px auto 0}}.logo-container h1{display:flex;justify-content:center;align-items:center}.logo-container h1 svg{fill:#fff;height:42px;margin-right:10px}.logo-container h1 a{display:flex;justify-content:center;align-items:center;color:#fff;text-decoration:none;outline:0;padding:12px 16px;line-height:32px;font-family:\"mastodon-font-display\",sans-serif;font-weight:500;font-size:14px}.compose-standalone .compose-form{width:400px;margin:0 auto;padding:20px 0;margin-top:40px;box-sizing:border-box}@media screen and (max-width: 400px){.compose-standalone .compose-form{width:100%;margin-top:0;padding:20px}}.account-header{width:400px;margin:0 auto;display:flex;font-size:13px;line-height:18px;box-sizing:border-box;padding:20px 0;padding-bottom:0;margin-bottom:-30px;margin-top:40px}@media screen and (max-width: 440px){.account-header{width:100%;margin:0;margin-bottom:10px;padding:20px;padding-bottom:0}}.account-header .avatar{width:40px;height:40px;margin-right:8px}.account-header .avatar img{width:100%;height:100%;display:block;margin:0;border-radius:4px}.account-header .name{flex:1 1 auto;color:#d9e1e8;width:calc(100% - 88px)}.account-header .name .username{display:block;font-weight:500;text-overflow:ellipsis;overflow:hidden}.account-header .logout-link{display:block;font-size:32px;line-height:40px;margin-left:8px}.grid-3{display:grid;grid-gap:10px;grid-template-columns:3fr 1fr;grid-auto-columns:25%;grid-auto-rows:max-content}.grid-3 .column-0{grid-column:1/3;grid-row:1}.grid-3 .column-1{grid-column:1;grid-row:2}.grid-3 .column-2{grid-column:2;grid-row:2}.grid-3 .column-3{grid-column:1/3;grid-row:3}@media screen and (max-width: 415px){.grid-3{grid-gap:0;grid-template-columns:minmax(0, 100%)}.grid-3 .column-0{grid-column:1}.grid-3 .column-1{grid-column:1;grid-row:3}.grid-3 .column-2{grid-column:1;grid-row:2}.grid-3 .column-3{grid-column:1;grid-row:4}}.grid-4{display:grid;grid-gap:10px;grid-template-columns:repeat(4, minmax(0, 1fr));grid-auto-columns:25%;grid-auto-rows:max-content}.grid-4 .column-0{grid-column:1/5;grid-row:1}.grid-4 .column-1{grid-column:1/4;grid-row:2}.grid-4 .column-2{grid-column:4;grid-row:2}.grid-4 .column-3{grid-column:2/5;grid-row:3}.grid-4 .column-4{grid-column:1;grid-row:3}.grid-4 .landing-page__call-to-action{min-height:100%}.grid-4 .flash-message{margin-bottom:10px}@media screen and (max-width: 738px){.grid-4{grid-template-columns:minmax(0, 50%) minmax(0, 50%)}.grid-4 .landing-page__call-to-action{padding:20px;display:flex;align-items:center;justify-content:center}.grid-4 .row__information-board{width:100%;justify-content:center;align-items:center}.grid-4 .row__mascot{display:none}}@media screen and (max-width: 415px){.grid-4{grid-gap:0;grid-template-columns:minmax(0, 100%)}.grid-4 .column-0{grid-column:1}.grid-4 .column-1{grid-column:1;grid-row:3}.grid-4 .column-2{grid-column:1;grid-row:2}.grid-4 .column-3{grid-column:1;grid-row:5}.grid-4 .column-4{grid-column:1;grid-row:4}}@media screen and (max-width: 415px){.public-layout{padding-top:48px}}.public-layout .container{max-width:960px}@media screen and (max-width: 415px){.public-layout .container{padding:0}}.public-layout .header{background:#202e3f;box-shadow:0 0 15px rgba(0,0,0,.2);border-radius:4px;height:48px;margin:10px 0;display:flex;align-items:stretch;justify-content:center;flex-wrap:nowrap;overflow:hidden}@media screen and (max-width: 415px){.public-layout .header{position:fixed;width:100%;top:0;left:0;margin:0;border-radius:0;box-shadow:none;z-index:110}}.public-layout .header>div{flex:1 1 33.3%;min-height:1px}.public-layout .header .nav-left{display:flex;align-items:stretch;justify-content:flex-start;flex-wrap:nowrap}.public-layout .header .nav-center{display:flex;align-items:stretch;justify-content:center;flex-wrap:nowrap}.public-layout .header .nav-right{display:flex;align-items:stretch;justify-content:flex-end;flex-wrap:nowrap}.public-layout .header .brand{display:block;padding:15px}.public-layout .header .brand svg{display:block;height:18px;width:auto;position:relative;bottom:-2px;fill:#fff}@media screen and (max-width: 415px){.public-layout .header .brand svg{height:20px}}.public-layout .header .brand:hover,.public-layout .header .brand:focus,.public-layout .header .brand:active{background:#26374d}.public-layout .header .nav-link{display:flex;align-items:center;padding:0 1rem;font-size:12px;font-weight:500;text-decoration:none;color:#9baec8;white-space:nowrap;text-align:center}.public-layout .header .nav-link:hover,.public-layout .header .nav-link:focus,.public-layout .header .nav-link:active{text-decoration:underline;color:#fff}@media screen and (max-width: 550px){.public-layout .header .nav-link.optional{display:none}}.public-layout .header .nav-button{background:#2d415a;margin:8px;margin-left:0;border-radius:4px}.public-layout .header .nav-button:hover,.public-layout .header .nav-button:focus,.public-layout .header .nav-button:active{text-decoration:none;background:#344b68}.public-layout .grid{display:grid;grid-gap:10px;grid-template-columns:minmax(300px, 3fr) minmax(298px, 1fr);grid-auto-columns:25%;grid-auto-rows:max-content}.public-layout .grid .column-0{grid-row:1;grid-column:1}.public-layout .grid .column-1{grid-row:1;grid-column:2}@media screen and (max-width: 600px){.public-layout .grid{grid-template-columns:100%;grid-gap:0}.public-layout .grid .column-1{display:none}}.public-layout .directory__card{border-radius:4px}@media screen and (max-width: 415px){.public-layout .directory__card{border-radius:0}}@media screen and (max-width: 415px){.public-layout .page-header{border-bottom:0}}.public-layout .public-account-header{overflow:hidden;margin-bottom:10px;box-shadow:0 0 15px rgba(0,0,0,.2)}.public-layout .public-account-header.inactive{opacity:.5}.public-layout .public-account-header.inactive .public-account-header__image,.public-layout .public-account-header.inactive .avatar{filter:grayscale(100%)}.public-layout .public-account-header.inactive .logo-button{background-color:#d9e1e8}.public-layout .public-account-header__image{border-radius:4px 4px 0 0;overflow:hidden;height:300px;position:relative;background:#000}.public-layout .public-account-header__image::after{content:\"\";display:block;position:absolute;width:100%;height:100%;box-shadow:inset 0 -1px 1px 1px rgba(0,0,0,.15);top:0;left:0}.public-layout .public-account-header__image img{object-fit:cover;display:block;width:100%;height:100%;margin:0;border-radius:4px 4px 0 0}@media screen and (max-width: 600px){.public-layout .public-account-header__image{height:200px}}.public-layout .public-account-header--no-bar{margin-bottom:0}.public-layout .public-account-header--no-bar .public-account-header__image,.public-layout .public-account-header--no-bar .public-account-header__image img{border-radius:4px}@media screen and (max-width: 415px){.public-layout .public-account-header--no-bar .public-account-header__image,.public-layout .public-account-header--no-bar .public-account-header__image img{border-radius:0}}@media screen and (max-width: 415px){.public-layout .public-account-header{margin-bottom:0;box-shadow:none}.public-layout .public-account-header__image::after{display:none}.public-layout .public-account-header__image,.public-layout .public-account-header__image img{border-radius:0}}.public-layout .public-account-header__bar{position:relative;margin-top:-80px;display:flex;justify-content:flex-start}.public-layout .public-account-header__bar::before{content:\"\";display:block;background:#192432;position:absolute;bottom:0;left:0;right:0;height:60px;border-radius:0 0 4px 4px;z-index:-1}.public-layout .public-account-header__bar .avatar{display:block;width:120px;height:120px;padding-left:16px;flex:0 0 auto}.public-layout .public-account-header__bar .avatar img{display:block;width:100%;height:100%;margin:0;border-radius:50%;border:4px solid #192432;background:#040609}@media screen and (max-width: 600px){.public-layout .public-account-header__bar{margin-top:0;background:#192432;border-radius:0 0 4px 4px;padding:5px}.public-layout .public-account-header__bar::before{display:none}.public-layout .public-account-header__bar .avatar{width:48px;height:48px;padding:7px 0;padding-left:10px}.public-layout .public-account-header__bar .avatar img{border:0;border-radius:4px}}@media screen and (max-width: 600px)and (max-width: 360px){.public-layout .public-account-header__bar .avatar{display:none}}@media screen and (max-width: 415px){.public-layout .public-account-header__bar{border-radius:0}}@media screen and (max-width: 600px){.public-layout .public-account-header__bar{flex-wrap:wrap}}.public-layout .public-account-header__tabs{flex:1 1 auto;margin-left:20px}.public-layout .public-account-header__tabs__name{padding-top:20px;padding-bottom:8px}.public-layout .public-account-header__tabs__name h1{font-size:20px;line-height:27px;color:#fff;font-weight:500;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;text-shadow:1px 1px 1px #000}.public-layout .public-account-header__tabs__name h1 small{display:block;font-size:14px;color:#fff;font-weight:400;overflow:hidden;text-overflow:ellipsis}@media screen and (max-width: 600px){.public-layout .public-account-header__tabs{margin-left:15px;display:flex;justify-content:space-between;align-items:center}.public-layout .public-account-header__tabs__name{padding-top:0;padding-bottom:0}.public-layout .public-account-header__tabs__name h1{font-size:16px;line-height:24px;text-shadow:none}.public-layout .public-account-header__tabs__name h1 small{color:#9baec8}}.public-layout .public-account-header__tabs__tabs{display:flex;justify-content:flex-start;align-items:stretch;height:58px}.public-layout .public-account-header__tabs__tabs .details-counters{display:flex;flex-direction:row;min-width:300px}@media screen and (max-width: 600px){.public-layout .public-account-header__tabs__tabs .details-counters{display:none}}.public-layout .public-account-header__tabs__tabs .counter{min-width:33.3%;box-sizing:border-box;flex:0 0 auto;color:#9baec8;padding:10px;border-right:1px solid #192432;cursor:default;text-align:center;position:relative}.public-layout .public-account-header__tabs__tabs .counter a{display:block}.public-layout .public-account-header__tabs__tabs .counter:last-child{border-right:0}.public-layout .public-account-header__tabs__tabs .counter::after{display:block;content:\"\";position:absolute;bottom:0;left:0;width:100%;border-bottom:4px solid #9baec8;opacity:.5;transition:all 400ms ease}.public-layout .public-account-header__tabs__tabs .counter.active::after{border-bottom:4px solid #00007f;opacity:1}.public-layout .public-account-header__tabs__tabs .counter.active.inactive::after{border-bottom-color:#d9e1e8}.public-layout .public-account-header__tabs__tabs .counter:hover::after{opacity:1;transition-duration:100ms}.public-layout .public-account-header__tabs__tabs .counter a{text-decoration:none;color:inherit}.public-layout .public-account-header__tabs__tabs .counter .counter-label{font-size:12px;display:block}.public-layout .public-account-header__tabs__tabs .counter .counter-number{font-weight:500;font-size:18px;margin-bottom:5px;color:#fff;font-family:\"mastodon-font-display\",sans-serif}.public-layout .public-account-header__tabs__tabs .spacer{flex:1 1 auto;height:1px}.public-layout .public-account-header__tabs__tabs__buttons{padding:7px 8px}.public-layout .public-account-header__extra{display:none;margin-top:4px}.public-layout .public-account-header__extra .public-account-bio{border-radius:0;box-shadow:none;background:transparent;margin:0 -5px}.public-layout .public-account-header__extra .public-account-bio .account__header__fields{border-top:1px solid #26374d}.public-layout .public-account-header__extra .public-account-bio .roles{display:none}.public-layout .public-account-header__extra__links{margin-top:-15px;font-size:14px;color:#9baec8}.public-layout .public-account-header__extra__links a{display:inline-block;color:#9baec8;text-decoration:none;padding:15px;font-weight:500}.public-layout .public-account-header__extra__links a strong{font-weight:700;color:#fff}@media screen and (max-width: 600px){.public-layout .public-account-header__extra{display:block;flex:100%}}.public-layout .account__section-headline{border-radius:4px 4px 0 0}@media screen and (max-width: 415px){.public-layout .account__section-headline{border-radius:0}}.public-layout .detailed-status__meta{margin-top:25px}.public-layout .public-account-bio{background:#202e3f;box-shadow:0 0 15px rgba(0,0,0,.2);border-radius:4px;overflow:hidden;margin-bottom:10px}@media screen and (max-width: 415px){.public-layout .public-account-bio{box-shadow:none;margin-bottom:0;border-radius:0}}.public-layout .public-account-bio .account__header__fields{margin:0;border-top:0}.public-layout .public-account-bio .account__header__fields a{color:#0000a8}.public-layout .public-account-bio .account__header__fields dl:first-child .verified{border-radius:0 4px 0 0}.public-layout .public-account-bio .account__header__fields .verified a{color:#79bd9a}.public-layout .public-account-bio .account__header__content{padding:20px;padding-bottom:0;color:#fff}.public-layout .public-account-bio__extra,.public-layout .public-account-bio .roles{padding:20px;font-size:14px;color:#9baec8}.public-layout .public-account-bio .roles{padding-bottom:0}.public-layout .directory__list{display:grid;grid-gap:10px;grid-template-columns:minmax(0, 50%) minmax(0, 50%)}@media screen and (max-width: 415px){.public-layout .directory__list{display:block}}.public-layout .directory__list .icon-button{font-size:18px}.public-layout .directory__card{margin-bottom:0}.public-layout .card-grid{display:flex;flex-wrap:wrap;min-width:100%;margin:0 -5px}.public-layout .card-grid>div{box-sizing:border-box;flex:1 0 auto;width:300px;padding:0 5px;margin-bottom:10px;max-width:33.333%}@media screen and (max-width: 900px){.public-layout .card-grid>div{max-width:50%}}@media screen and (max-width: 600px){.public-layout .card-grid>div{max-width:100%}}@media screen and (max-width: 415px){.public-layout .card-grid{margin:0;border-top:1px solid #202e3f}.public-layout .card-grid>div{width:100%;padding:0;margin-bottom:0;border-bottom:1px solid #202e3f}.public-layout .card-grid>div:last-child{border-bottom:0}.public-layout .card-grid>div .card__bar{background:#121a24}.public-layout .card-grid>div .card__bar:hover,.public-layout .card-grid>div .card__bar:active,.public-layout .card-grid>div .card__bar:focus{background:#192432}}.no-list{list-style:none}.no-list li{display:inline-block;margin:0 5px}.recovery-codes{list-style:none;margin:0 auto}.recovery-codes li{font-size:125%;line-height:1.5;letter-spacing:1px}.public-layout .footer{text-align:left;padding-top:20px;padding-bottom:60px;font-size:12px;color:#4c6d98}@media screen and (max-width: 415px){.public-layout .footer{padding-left:20px;padding-right:20px}}.public-layout .footer .grid{display:grid;grid-gap:10px;grid-template-columns:1fr 1fr 2fr 1fr 1fr}.public-layout .footer .grid .column-0{grid-column:1;grid-row:1;min-width:0}.public-layout .footer .grid .column-1{grid-column:2;grid-row:1;min-width:0}.public-layout .footer .grid .column-2{grid-column:3;grid-row:1;min-width:0;text-align:center}.public-layout .footer .grid .column-2 h4 a{color:#4c6d98}.public-layout .footer .grid .column-3{grid-column:4;grid-row:1;min-width:0}.public-layout .footer .grid .column-4{grid-column:5;grid-row:1;min-width:0}@media screen and (max-width: 690px){.public-layout .footer .grid{grid-template-columns:1fr 2fr 1fr}.public-layout .footer .grid .column-0,.public-layout .footer .grid .column-1{grid-column:1}.public-layout .footer .grid .column-1{grid-row:2}.public-layout .footer .grid .column-2{grid-column:2}.public-layout .footer .grid .column-3,.public-layout .footer .grid .column-4{grid-column:3}.public-layout .footer .grid .column-4{grid-row:2}}@media screen and (max-width: 600px){.public-layout .footer .grid .column-1{display:block}}@media screen and (max-width: 415px){.public-layout .footer .grid .column-0,.public-layout .footer .grid .column-1,.public-layout .footer .grid .column-3,.public-layout .footer .grid .column-4{display:none}}.public-layout .footer h4{font-weight:700;margin-bottom:8px;color:#9baec8}.public-layout .footer h4 a{color:inherit;text-decoration:none}.public-layout .footer ul a{text-decoration:none;color:#4c6d98}.public-layout .footer ul a:hover,.public-layout .footer ul a:active,.public-layout .footer ul a:focus{text-decoration:underline}.public-layout .footer .brand svg{display:block;height:36px;width:auto;margin:0 auto;fill:#4c6d98}.public-layout .footer .brand:hover svg,.public-layout .footer .brand:focus svg,.public-layout .footer .brand:active svg{fill:#5377a5}.compact-header h1{font-size:24px;line-height:28px;color:#9baec8;font-weight:500;margin-bottom:20px;padding:0 10px;word-wrap:break-word}@media screen and (max-width: 740px){.compact-header h1{text-align:center;padding:20px 10px 0}}.compact-header h1 a{color:inherit;text-decoration:none}.compact-header h1 small{font-weight:400;color:#d9e1e8}.compact-header h1 img{display:inline-block;margin-bottom:-5px;margin-right:15px;width:36px;height:36px}.hero-widget{margin-bottom:10px;box-shadow:0 0 15px rgba(0,0,0,.2)}.hero-widget__img{width:100%;position:relative;overflow:hidden;border-radius:4px 4px 0 0;background:#000}.hero-widget__img img{object-fit:cover;display:block;width:100%;height:100%;margin:0;border-radius:4px 4px 0 0}.hero-widget__text{background:#121a24;padding:20px;border-radius:0 0 4px 4px;font-size:15px;color:#9baec8;line-height:20px;word-wrap:break-word;font-weight:400}.hero-widget__text .emojione{width:20px;height:20px;margin:-3px 0 0}.hero-widget__text p{margin-bottom:20px}.hero-widget__text p:last-child{margin-bottom:0}.hero-widget__text em{display:inline;margin:0;padding:0;font-weight:700;background:transparent;font-family:inherit;font-size:inherit;line-height:inherit;color:#bcc9da}.hero-widget__text a{color:#d9e1e8;text-decoration:none}.hero-widget__text a:hover{text-decoration:underline}@media screen and (max-width: 415px){.hero-widget{display:none}}.endorsements-widget{margin-bottom:10px;padding-bottom:10px}.endorsements-widget h4{padding:10px;font-weight:700;font-size:14px;color:#9baec8}.endorsements-widget .account{padding:10px 0}.endorsements-widget .account:last-child{border-bottom:0}.endorsements-widget .account .account__display-name{display:flex;align-items:center}.endorsements-widget .account .account__avatar{width:44px;height:44px;background-size:44px 44px}.endorsements-widget .trends__item{padding:10px}.trends-widget h4{color:#9baec8}.box-widget{padding:20px;border-radius:4px;background:#121a24;box-shadow:0 0 15px rgba(0,0,0,.2)}.placeholder-widget{padding:16px;border-radius:4px;border:2px dashed #404040;text-align:center;color:#9baec8;margin-bottom:10px}.contact-widget{min-height:100%;font-size:15px;color:#9baec8;line-height:20px;word-wrap:break-word;font-weight:400;padding:0}.contact-widget h4{padding:10px;font-weight:700;font-size:14px;color:#9baec8}.contact-widget .account{border-bottom:0;padding:10px 0;padding-top:5px}.contact-widget>a{display:inline-block;padding:10px;padding-top:0;color:#9baec8;text-decoration:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.contact-widget>a:hover,.contact-widget>a:focus,.contact-widget>a:active{text-decoration:underline}.moved-account-widget{padding:15px;padding-bottom:20px;border-radius:4px;background:#121a24;box-shadow:0 0 15px rgba(0,0,0,.2);color:#d9e1e8;font-weight:400;margin-bottom:10px}.moved-account-widget strong,.moved-account-widget a{font-weight:500}.moved-account-widget strong:lang(ja),.moved-account-widget a:lang(ja){font-weight:700}.moved-account-widget strong:lang(ko),.moved-account-widget a:lang(ko){font-weight:700}.moved-account-widget strong:lang(zh-CN),.moved-account-widget a:lang(zh-CN){font-weight:700}.moved-account-widget strong:lang(zh-HK),.moved-account-widget a:lang(zh-HK){font-weight:700}.moved-account-widget strong:lang(zh-TW),.moved-account-widget a:lang(zh-TW){font-weight:700}.moved-account-widget a{color:inherit;text-decoration:underline}.moved-account-widget a.mention{text-decoration:none}.moved-account-widget a.mention span{text-decoration:none}.moved-account-widget a.mention:focus,.moved-account-widget a.mention:hover,.moved-account-widget a.mention:active{text-decoration:none}.moved-account-widget a.mention:focus span,.moved-account-widget a.mention:hover span,.moved-account-widget a.mention:active span{text-decoration:underline}.moved-account-widget__message{margin-bottom:15px}.moved-account-widget__message .fa{margin-right:5px;color:#9baec8}.moved-account-widget__card .detailed-status__display-avatar{position:relative;cursor:pointer}.moved-account-widget__card .detailed-status__display-name{margin-bottom:0;text-decoration:none}.moved-account-widget__card .detailed-status__display-name span{font-weight:400}.memoriam-widget{padding:20px;border-radius:4px;background:#000;box-shadow:0 0 15px rgba(0,0,0,.2);font-size:14px;color:#9baec8;margin-bottom:10px}.page-header{background:#202e3f;box-shadow:0 0 15px rgba(0,0,0,.2);border-radius:4px;padding:60px 15px;text-align:center;margin:10px 0}.page-header h1{color:#fff;font-size:36px;line-height:1.1;font-weight:700;margin-bottom:10px}.page-header p{font-size:15px;color:#9baec8}@media screen and (max-width: 415px){.page-header{margin-top:0;background:#192432}.page-header h1{font-size:24px}}.directory{background:#121a24;border-radius:4px;box-shadow:0 0 15px rgba(0,0,0,.2)}.directory__tag{box-sizing:border-box;margin-bottom:10px}.directory__tag>a,.directory__tag>div{display:flex;align-items:center;justify-content:space-between;background:#121a24;border-radius:4px;padding:15px;text-decoration:none;color:inherit;box-shadow:0 0 15px rgba(0,0,0,.2)}.directory__tag>a:hover,.directory__tag>a:active,.directory__tag>a:focus{background:#202e3f}.directory__tag.active>a{background:#00007f;cursor:default}.directory__tag.disabled>div{opacity:.5;cursor:default}.directory__tag h4{flex:1 1 auto;font-size:18px;font-weight:700;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.directory__tag h4 .fa{color:#9baec8}.directory__tag h4 small{display:block;font-weight:400;font-size:15px;margin-top:8px;color:#9baec8}.directory__tag.active h4,.directory__tag.active h4 .fa,.directory__tag.active h4 small,.directory__tag.active h4 .trends__item__current{color:#fff}.directory__tag .avatar-stack{flex:0 0 auto;width:120px}.directory__tag.active .avatar-stack .account__avatar{border-color:#00007f}.directory__tag .trends__item__current{padding-right:0}.avatar-stack{display:flex;justify-content:flex-end}.avatar-stack .account__avatar{flex:0 0 auto;width:36px;height:36px;border-radius:50%;position:relative;margin-left:-10px;background:#040609;border:2px solid #121a24}.avatar-stack .account__avatar:nth-child(1){z-index:1}.avatar-stack .account__avatar:nth-child(2){z-index:2}.avatar-stack .account__avatar:nth-child(3){z-index:3}.accounts-table{width:100%}.accounts-table .account{padding:0;border:0}.accounts-table strong{font-weight:700}.accounts-table thead th{text-align:center;color:#9baec8;font-weight:700;padding:10px}.accounts-table thead th:first-child{text-align:left}.accounts-table tbody td{padding:15px 0;vertical-align:middle;border-bottom:1px solid #202e3f}.accounts-table tbody tr:last-child td{border-bottom:0}.accounts-table__count{width:120px;text-align:center;font-size:15px;font-weight:500;color:#fff}.accounts-table__count small{display:block;color:#9baec8;font-weight:400;font-size:14px}.accounts-table__comment{width:50%;vertical-align:initial !important}@media screen and (max-width: 415px){.accounts-table tbody td.optional{display:none}}@media screen and (max-width: 415px){.moved-account-widget,.memoriam-widget,.box-widget,.contact-widget,.landing-page__information.contact-widget,.directory,.page-header{margin-bottom:0;box-shadow:none;border-radius:0}}.statuses-grid{min-height:600px}@media screen and (max-width: 640px){.statuses-grid{width:100% !important}}.statuses-grid__item{width:313.3333333333px}@media screen and (max-width: 1255px){.statuses-grid__item{width:306.6666666667px}}@media screen and (max-width: 640px){.statuses-grid__item{width:100%}}@media screen and (max-width: 415px){.statuses-grid__item{width:100vw}}.statuses-grid .detailed-status{border-radius:4px}@media screen and (max-width: 415px){.statuses-grid .detailed-status{border-top:1px solid #2d415a}}.statuses-grid .detailed-status.compact .detailed-status__meta{margin-top:15px}.statuses-grid .detailed-status.compact .status__content{font-size:15px;line-height:20px}.statuses-grid .detailed-status.compact .status__content .emojione{width:20px;height:20px;margin:-3px 0 0}.statuses-grid .detailed-status.compact .status__content .status__content__spoiler-link{line-height:20px;margin:0}.statuses-grid .detailed-status.compact .media-gallery,.statuses-grid .detailed-status.compact .status-card,.statuses-grid .detailed-status.compact .video-player{margin-top:15px}.notice-widget{margin-bottom:10px;color:#9baec8}.notice-widget p{margin-bottom:10px}.notice-widget p:last-child{margin-bottom:0}.notice-widget a{font-size:14px;line-height:20px}.notice-widget a,.placeholder-widget a{text-decoration:none;font-weight:500;color:#00007f}.notice-widget a:hover,.notice-widget a:focus,.notice-widget a:active,.placeholder-widget a:hover,.placeholder-widget a:focus,.placeholder-widget a:active{text-decoration:underline}.table-of-contents{background:#0b1016;min-height:100%;font-size:14px;border-radius:4px}.table-of-contents li a{display:block;font-weight:500;padding:15px;overflow:hidden;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-decoration:none;color:#fff;border-bottom:1px solid #192432}.table-of-contents li a:hover,.table-of-contents li a:focus,.table-of-contents li a:active{text-decoration:underline}.table-of-contents li:last-child a{border-bottom:0}.table-of-contents li ul{padding-left:20px;border-bottom:1px solid #192432}code{font-family:\"mastodon-font-monospace\",monospace;font-weight:400}.form-container{max-width:400px;padding:20px;margin:0 auto}.simple_form .input{margin-bottom:15px;overflow:hidden}.simple_form .input.hidden{margin:0}.simple_form .input.radio_buttons .radio{margin-bottom:15px}.simple_form .input.radio_buttons .radio:last-child{margin-bottom:0}.simple_form .input.radio_buttons .radio>label{position:relative;padding-left:28px}.simple_form .input.radio_buttons .radio>label input{position:absolute;top:-2px;left:0}.simple_form .input.boolean{position:relative;margin-bottom:0}.simple_form .input.boolean .label_input>label{font-family:inherit;font-size:14px;padding-top:5px;color:#fff;display:block;width:auto}.simple_form .input.boolean .label_input,.simple_form .input.boolean .hint{padding-left:28px}.simple_form .input.boolean .label_input__wrapper{position:static}.simple_form .input.boolean label.checkbox{position:absolute;top:2px;left:0}.simple_form .input.boolean label a{color:#00007f;text-decoration:underline}.simple_form .input.boolean label a:hover,.simple_form .input.boolean label a:active,.simple_form .input.boolean label a:focus{text-decoration:none}.simple_form .input.boolean .recommended{position:absolute;margin:0 4px;margin-top:-2px}.simple_form .row{display:flex;margin:0 -5px}.simple_form .row .input{box-sizing:border-box;flex:1 1 auto;width:50%;padding:0 5px}.simple_form .hint{color:#9baec8}.simple_form .hint a{color:#00007f}.simple_form .hint code{border-radius:3px;padding:.2em .4em;background:#000}.simple_form .hint li{list-style:disc;margin-left:18px}.simple_form ul.hint{margin-bottom:15px}.simple_form span.hint{display:block;font-size:12px;margin-top:4px}.simple_form p.hint{margin-bottom:15px;color:#9baec8}.simple_form p.hint.subtle-hint{text-align:center;font-size:12px;line-height:18px;margin-top:15px;margin-bottom:0}.simple_form .card{margin-bottom:15px}.simple_form strong{font-weight:500}.simple_form strong:lang(ja){font-weight:700}.simple_form strong:lang(ko){font-weight:700}.simple_form strong:lang(zh-CN){font-weight:700}.simple_form strong:lang(zh-HK){font-weight:700}.simple_form strong:lang(zh-TW){font-weight:700}.simple_form .input.with_floating_label .label_input{display:flex}.simple_form .input.with_floating_label .label_input>label{font-family:inherit;font-size:14px;color:#fff;font-weight:500;min-width:150px;flex:0 0 auto}.simple_form .input.with_floating_label .label_input input,.simple_form .input.with_floating_label .label_input select{flex:1 1 auto}.simple_form .input.with_floating_label.select .hint{margin-top:6px;margin-left:150px}.simple_form .input.with_label .label_input>label{font-family:inherit;font-size:14px;color:#fff;display:block;margin-bottom:8px;word-wrap:break-word;font-weight:500}.simple_form .input.with_label .hint{margin-top:6px}.simple_form .input.with_label ul{flex:390px}.simple_form .input.with_block_label{max-width:none}.simple_form .input.with_block_label>label{font-family:inherit;font-size:16px;color:#fff;display:block;font-weight:500;padding-top:5px}.simple_form .input.with_block_label .hint{margin-bottom:15px}.simple_form .input.with_block_label ul{columns:2}.simple_form .required abbr{text-decoration:none;color:#e87487}.simple_form .fields-group{margin-bottom:25px}.simple_form .fields-group .input:last-child{margin-bottom:0}.simple_form .fields-row{display:flex;margin:0 -10px;padding-top:5px;margin-bottom:25px}.simple_form .fields-row .input{max-width:none}.simple_form .fields-row__column{box-sizing:border-box;padding:0 10px;flex:1 1 auto;min-height:1px}.simple_form .fields-row__column-6{max-width:50%}.simple_form .fields-row__column .actions{margin-top:27px}.simple_form .fields-row .fields-group:last-child,.simple_form .fields-row .fields-row__column.fields-group{margin-bottom:0}@media screen and (max-width: 600px){.simple_form .fields-row{display:block;margin-bottom:0}.simple_form .fields-row__column{max-width:none}.simple_form .fields-row .fields-group:last-child,.simple_form .fields-row .fields-row__column.fields-group,.simple_form .fields-row .fields-row__column{margin-bottom:25px}}.simple_form .input.radio_buttons .radio label{margin-bottom:5px;font-family:inherit;font-size:14px;color:#fff;display:block;width:auto}.simple_form .check_boxes .checkbox label{font-family:inherit;font-size:14px;color:#fff;display:inline-block;width:auto;position:relative;padding-top:5px;padding-left:25px;flex:1 1 auto}.simple_form .check_boxes .checkbox input[type=checkbox]{position:absolute;left:0;top:5px;margin:0}.simple_form .input.static .label_input__wrapper{font-size:16px;padding:10px;border:1px solid #404040;border-radius:4px}.simple_form input[type=text],.simple_form input[type=number],.simple_form input[type=email],.simple_form input[type=password],.simple_form textarea{box-sizing:border-box;font-size:16px;color:#fff;display:block;width:100%;outline:0;font-family:inherit;resize:vertical;background:#010102;border:1px solid #000;border-radius:4px;padding:10px}.simple_form input[type=text]::placeholder,.simple_form input[type=number]::placeholder,.simple_form input[type=email]::placeholder,.simple_form input[type=password]::placeholder,.simple_form textarea::placeholder{color:#a8b9cf}.simple_form input[type=text]:invalid,.simple_form input[type=number]:invalid,.simple_form input[type=email]:invalid,.simple_form input[type=password]:invalid,.simple_form textarea:invalid{box-shadow:none}.simple_form input[type=text]:focus:invalid:not(:placeholder-shown),.simple_form input[type=number]:focus:invalid:not(:placeholder-shown),.simple_form input[type=email]:focus:invalid:not(:placeholder-shown),.simple_form input[type=password]:focus:invalid:not(:placeholder-shown),.simple_form textarea:focus:invalid:not(:placeholder-shown){border-color:#e87487}.simple_form input[type=text]:required:valid,.simple_form input[type=number]:required:valid,.simple_form input[type=email]:required:valid,.simple_form input[type=password]:required:valid,.simple_form textarea:required:valid{border-color:#79bd9a}.simple_form input[type=text]:hover,.simple_form input[type=number]:hover,.simple_form input[type=email]:hover,.simple_form input[type=password]:hover,.simple_form textarea:hover{border-color:#000}.simple_form input[type=text]:active,.simple_form input[type=text]:focus,.simple_form input[type=number]:active,.simple_form input[type=number]:focus,.simple_form input[type=email]:active,.simple_form input[type=email]:focus,.simple_form input[type=password]:active,.simple_form input[type=password]:focus,.simple_form textarea:active,.simple_form textarea:focus{border-color:#00007f;background:#040609}.simple_form .input.field_with_errors label{color:#e87487}.simple_form .input.field_with_errors input[type=text],.simple_form .input.field_with_errors input[type=number],.simple_form .input.field_with_errors input[type=email],.simple_form .input.field_with_errors input[type=password],.simple_form .input.field_with_errors textarea,.simple_form .input.field_with_errors select{border-color:#e87487}.simple_form .input.field_with_errors .error{display:block;font-weight:500;color:#e87487;margin-top:4px}.simple_form .input.disabled{opacity:.5}.simple_form .actions{margin-top:30px;display:flex}.simple_form .actions.actions--top{margin-top:0;margin-bottom:30px}.simple_form button,.simple_form .button,.simple_form .block-button{display:block;width:100%;border:0;border-radius:4px;background:#00007f;color:#fff;font-size:18px;line-height:inherit;height:auto;padding:10px;text-decoration:none;text-align:center;box-sizing:border-box;cursor:pointer;font-weight:500;outline:0;margin-bottom:10px;margin-right:10px}.simple_form button:last-child,.simple_form .button:last-child,.simple_form .block-button:last-child{margin-right:0}.simple_form button:hover,.simple_form .button:hover,.simple_form .block-button:hover{background-color:#009}.simple_form button:active,.simple_form button:focus,.simple_form .button:active,.simple_form .button:focus,.simple_form .block-button:active,.simple_form .block-button:focus{background-color:#006}.simple_form button:disabled:hover,.simple_form .button:disabled:hover,.simple_form .block-button:disabled:hover{background-color:#9baec8}.simple_form button.negative,.simple_form .button.negative,.simple_form .block-button.negative{background:#df405a}.simple_form button.negative:hover,.simple_form .button.negative:hover,.simple_form .block-button.negative:hover{background-color:#e3566d}.simple_form button.negative:active,.simple_form button.negative:focus,.simple_form .button.negative:active,.simple_form .button.negative:focus,.simple_form .block-button.negative:active,.simple_form .block-button.negative:focus{background-color:#db2a47}.simple_form select{appearance:none;box-sizing:border-box;font-size:16px;color:#fff;display:block;width:100%;outline:0;font-family:inherit;resize:vertical;background:#010102 url(\"data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14.933 18.467' height='19.698' width='15.929'><path d='M3.467 14.967l-3.393-3.5H14.86l-3.392 3.5c-1.866 1.925-3.666 3.5-4 3.5-.335 0-2.135-1.575-4-3.5zm.266-11.234L7.467 0 11.2 3.733l3.733 3.734H0l3.733-3.734z' fill='%2326374D'/></svg>\") no-repeat right 8px center/auto 16px;border:1px solid #000;border-radius:4px;padding-left:10px;padding-right:30px;height:41px}.simple_form h4{margin-bottom:15px !important}.simple_form .label_input__wrapper{position:relative}.simple_form .label_input__append{position:absolute;right:3px;top:1px;padding:10px;padding-bottom:9px;font-size:16px;color:#404040;font-family:inherit;pointer-events:none;cursor:default;max-width:140px;white-space:nowrap;overflow:hidden}.simple_form .label_input__append::after{content:\"\";display:block;position:absolute;top:0;right:0;bottom:1px;width:5px;background-image:linear-gradient(to right, rgba(1, 1, 2, 0), #010102)}.simple_form__overlay-area{position:relative}.simple_form__overlay-area__blurred form{filter:blur(2px)}.simple_form__overlay-area__overlay{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;justify-content:center;align-items:center;background:rgba(18,26,36,.65);border-radius:4px;margin-left:-4px;margin-top:-4px;padding:4px}.simple_form__overlay-area__overlay__content{text-align:center}.simple_form__overlay-area__overlay__content.rich-formatting,.simple_form__overlay-area__overlay__content.rich-formatting p{color:#fff}.block-icon{display:block;margin:0 auto;margin-bottom:10px;font-size:24px}.flash-message{background:#202e3f;color:#9baec8;border-radius:4px;padding:15px 10px;margin-bottom:30px;text-align:center}.flash-message.notice{border:1px solid rgba(121,189,154,.5);background:rgba(121,189,154,.25);color:#79bd9a}.flash-message.alert{border:1px solid rgba(223,64,90,.5);background:rgba(223,64,90,.25);color:#df405a}.flash-message a{display:inline-block;color:#9baec8;text-decoration:none}.flash-message a:hover{color:#fff;text-decoration:underline}.flash-message p{margin-bottom:15px}.flash-message .oauth-code{outline:0;box-sizing:border-box;display:block;width:100%;border:0;padding:10px;font-family:\"mastodon-font-monospace\",monospace;background:#121a24;color:#fff;font-size:14px;margin:0}.flash-message .oauth-code::-moz-focus-inner{border:0}.flash-message .oauth-code::-moz-focus-inner,.flash-message .oauth-code:focus,.flash-message .oauth-code:active{outline:0 !important}.flash-message .oauth-code:focus{background:#192432}.flash-message strong{font-weight:500}.flash-message strong:lang(ja){font-weight:700}.flash-message strong:lang(ko){font-weight:700}.flash-message strong:lang(zh-CN){font-weight:700}.flash-message strong:lang(zh-HK){font-weight:700}.flash-message strong:lang(zh-TW){font-weight:700}@media screen and (max-width: 740px)and (min-width: 441px){.flash-message{margin-top:40px}}.form-footer{margin-top:30px;text-align:center}.form-footer a{color:#9baec8;text-decoration:none}.form-footer a:hover{text-decoration:underline}.quick-nav{list-style:none;margin-bottom:25px;font-size:14px}.quick-nav li{display:inline-block;margin-right:10px}.quick-nav a{color:#00007f;text-decoration:none;font-weight:700}.quick-nav a:hover,.quick-nav a:focus,.quick-nav a:active{color:#0000a8}.oauth-prompt,.follow-prompt{margin-bottom:30px;color:#9baec8}.oauth-prompt h2,.follow-prompt h2{font-size:16px;margin-bottom:30px;text-align:center}.oauth-prompt strong,.follow-prompt strong{color:#d9e1e8;font-weight:500}.oauth-prompt strong:lang(ja),.follow-prompt strong:lang(ja){font-weight:700}.oauth-prompt strong:lang(ko),.follow-prompt strong:lang(ko){font-weight:700}.oauth-prompt strong:lang(zh-CN),.follow-prompt strong:lang(zh-CN){font-weight:700}.oauth-prompt strong:lang(zh-HK),.follow-prompt strong:lang(zh-HK){font-weight:700}.oauth-prompt strong:lang(zh-TW),.follow-prompt strong:lang(zh-TW){font-weight:700}@media screen and (max-width: 740px)and (min-width: 441px){.oauth-prompt,.follow-prompt{margin-top:40px}}.qr-wrapper{display:flex;flex-wrap:wrap;align-items:flex-start}.qr-code{flex:0 0 auto;background:#fff;padding:4px;margin:0 10px 20px 0;box-shadow:0 0 15px rgba(0,0,0,.2);display:inline-block}.qr-code svg{display:block;margin:0}.qr-alternative{margin-bottom:20px;color:#d9e1e8;flex:150px}.qr-alternative samp{display:block;font-size:14px}.table-form p{margin-bottom:15px}.table-form p strong{font-weight:500}.table-form p strong:lang(ja){font-weight:700}.table-form p strong:lang(ko){font-weight:700}.table-form p strong:lang(zh-CN){font-weight:700}.table-form p strong:lang(zh-HK){font-weight:700}.table-form p strong:lang(zh-TW){font-weight:700}.simple_form .warning,.table-form .warning{box-sizing:border-box;background:rgba(223,64,90,.5);color:#fff;text-shadow:1px 1px 0 rgba(0,0,0,.3);box-shadow:0 2px 6px rgba(0,0,0,.4);border-radius:4px;padding:10px;margin-bottom:15px}.simple_form .warning a,.table-form .warning a{color:#fff;text-decoration:underline}.simple_form .warning a:hover,.simple_form .warning a:focus,.simple_form .warning a:active,.table-form .warning a:hover,.table-form .warning a:focus,.table-form .warning a:active{text-decoration:none}.simple_form .warning strong,.table-form .warning strong{font-weight:600;display:block;margin-bottom:5px}.simple_form .warning strong:lang(ja),.table-form .warning strong:lang(ja){font-weight:700}.simple_form .warning strong:lang(ko),.table-form .warning strong:lang(ko){font-weight:700}.simple_form .warning strong:lang(zh-CN),.table-form .warning strong:lang(zh-CN){font-weight:700}.simple_form .warning strong:lang(zh-HK),.table-form .warning strong:lang(zh-HK){font-weight:700}.simple_form .warning strong:lang(zh-TW),.table-form .warning strong:lang(zh-TW){font-weight:700}.simple_form .warning strong .fa,.table-form .warning strong .fa{font-weight:400}.action-pagination{display:flex;flex-wrap:wrap;align-items:center}.action-pagination .actions,.action-pagination .pagination{flex:1 1 auto}.action-pagination .actions{padding:30px 0;padding-right:20px;flex:0 0 auto}.post-follow-actions{text-align:center;color:#9baec8}.post-follow-actions div{margin-bottom:4px}.alternative-login{margin-top:20px;margin-bottom:20px}.alternative-login h4{font-size:16px;color:#fff;text-align:center;margin-bottom:20px;border:0;padding:0}.alternative-login .button{display:block}.scope-danger{color:#ff5050}.form_admin_settings_site_short_description textarea,.form_admin_settings_site_description textarea,.form_admin_settings_site_extended_description textarea,.form_admin_settings_site_terms textarea,.form_admin_settings_custom_css textarea,.form_admin_settings_closed_registrations_message textarea{font-family:\"mastodon-font-monospace\",monospace}.input-copy{background:#010102;border:1px solid #000;border-radius:4px;display:flex;align-items:center;padding-right:4px;position:relative;top:1px;transition:border-color 300ms linear}.input-copy__wrapper{flex:1 1 auto}.input-copy input[type=text]{background:transparent;border:0;padding:10px;font-size:14px;font-family:\"mastodon-font-monospace\",monospace}.input-copy button{flex:0 0 auto;margin:4px;text-transform:none;font-weight:400;font-size:14px;padding:7px 18px;padding-bottom:6px;width:auto;transition:background 300ms linear}.input-copy.copied{border-color:#79bd9a;transition:none}.input-copy.copied button{background:#79bd9a;transition:none}.connection-prompt{margin-bottom:25px}.connection-prompt .fa-link{background-color:#0b1016;border-radius:100%;font-size:24px;padding:10px}.connection-prompt__column{align-items:center;display:flex;flex:1;flex-direction:column;flex-shrink:1;max-width:50%}.connection-prompt__column-sep{align-self:center;flex-grow:0;overflow:visible;position:relative;z-index:1}.connection-prompt__column p{word-break:break-word}.connection-prompt .account__avatar{margin-bottom:20px}.connection-prompt__connection{background-color:#202e3f;box-shadow:0 0 15px rgba(0,0,0,.2);border-radius:4px;padding:25px 10px;position:relative;text-align:center}.connection-prompt__connection::after{background-color:#0b1016;content:\"\";display:block;height:100%;left:50%;position:absolute;top:0;width:1px}.connection-prompt__row{align-items:flex-start;display:flex;flex-direction:row}.card>a{display:block;text-decoration:none;color:inherit;box-shadow:0 0 15px rgba(0,0,0,.2)}@media screen and (max-width: 415px){.card>a{box-shadow:none}}.card>a:hover .card__bar,.card>a:active .card__bar,.card>a:focus .card__bar{background:#202e3f}.card__img{height:130px;position:relative;background:#000;border-radius:4px 4px 0 0}.card__img img{display:block;width:100%;height:100%;margin:0;object-fit:cover;border-radius:4px 4px 0 0}@media screen and (max-width: 600px){.card__img{height:200px}}@media screen and (max-width: 415px){.card__img{display:none}}.card__bar{position:relative;padding:15px;display:flex;justify-content:flex-start;align-items:center;background:#192432;border-radius:0 0 4px 4px}@media screen and (max-width: 415px){.card__bar{border-radius:0}}.card__bar .avatar{flex:0 0 auto;width:48px;height:48px;padding-top:2px}.card__bar .avatar img{width:100%;height:100%;display:block;margin:0;border-radius:4px;background:#040609;object-fit:cover}.card__bar .display-name{margin-left:15px;text-align:left}.card__bar .display-name strong{font-size:15px;color:#fff;font-weight:500;overflow:hidden;text-overflow:ellipsis}.card__bar .display-name span{display:block;font-size:14px;color:#9baec8;font-weight:400;overflow:hidden;text-overflow:ellipsis}.pagination{padding:30px 0;text-align:center;overflow:hidden}.pagination a,.pagination .current,.pagination .newer,.pagination .older,.pagination .page,.pagination .gap{font-size:14px;color:#fff;font-weight:500;display:inline-block;padding:6px 10px;text-decoration:none}.pagination .current{background:#fff;border-radius:100px;color:#121a24;cursor:default;margin:0 10px}.pagination .gap{cursor:default}.pagination .older,.pagination .newer{color:#d9e1e8}.pagination .older{float:left;padding-left:0}.pagination .older .fa{display:inline-block;margin-right:5px}.pagination .newer{float:right;padding-right:0}.pagination .newer .fa{display:inline-block;margin-left:5px}.pagination .disabled{cursor:default;color:#233346}@media screen and (max-width: 700px){.pagination{padding:30px 20px}.pagination .page{display:none}.pagination .newer,.pagination .older{display:inline-block}}.nothing-here{background:#121a24;box-shadow:0 0 15px rgba(0,0,0,.2);color:#9baec8;font-size:14px;font-weight:500;text-align:center;display:flex;justify-content:center;align-items:center;cursor:default;border-radius:4px;padding:20px;min-height:30vh}.nothing-here--under-tabs{border-radius:0 0 4px 4px}.nothing-here--flexible{box-sizing:border-box;min-height:100%}.account-role,.simple_form .recommended{display:inline-block;padding:4px 6px;cursor:default;border-radius:3px;font-size:12px;line-height:12px;font-weight:500;color:#d9e1e8;background-color:rgba(217,225,232,.1);border:1px solid rgba(217,225,232,.5)}.account-role.moderator,.simple_form .recommended.moderator{color:#79bd9a;background-color:rgba(121,189,154,.1);border-color:rgba(121,189,154,.5)}.account-role.admin,.simple_form .recommended.admin{color:#e87487;background-color:rgba(232,116,135,.1);border-color:rgba(232,116,135,.5)}.account__header__fields{max-width:100vw;padding:0;margin:15px -15px -15px;border:0 none;border-top:1px solid #26374d;border-bottom:1px solid #26374d;font-size:14px;line-height:20px}.account__header__fields dl{display:flex;border-bottom:1px solid #26374d}.account__header__fields dt,.account__header__fields dd{box-sizing:border-box;padding:14px;text-align:center;max-height:48px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.account__header__fields dt{font-weight:500;width:120px;flex:0 0 auto;color:#d9e1e8;background:rgba(4,6,9,.5)}.account__header__fields dd{flex:1 1 auto;color:#9baec8}.account__header__fields a{color:#00007f;text-decoration:none}.account__header__fields a:hover,.account__header__fields a:focus,.account__header__fields a:active{text-decoration:underline}.account__header__fields .verified{border:1px solid rgba(121,189,154,.5);background:rgba(121,189,154,.25)}.account__header__fields .verified a{color:#79bd9a;font-weight:500}.account__header__fields .verified__mark{color:#79bd9a}.account__header__fields dl:last-child{border-bottom:0}.directory__tag .trends__item__current{width:auto}.pending-account__header{color:#9baec8}.pending-account__header a{color:#d9e1e8;text-decoration:none}.pending-account__header a:hover,.pending-account__header a:active,.pending-account__header a:focus{text-decoration:underline}.pending-account__header strong{color:#fff;font-weight:700}.pending-account__body{margin-top:10px}.activity-stream{box-shadow:0 0 15px rgba(0,0,0,.2);border-radius:4px;overflow:hidden;margin-bottom:10px}.activity-stream--under-tabs{border-radius:0 0 4px 4px}@media screen and (max-width: 415px){.activity-stream{margin-bottom:0;border-radius:0;box-shadow:none}}.activity-stream--headless{border-radius:0;margin:0;box-shadow:none}.activity-stream--headless .detailed-status,.activity-stream--headless .status{border-radius:0 !important}.activity-stream div[data-component]{width:100%}.activity-stream .entry{background:#121a24}.activity-stream .entry .detailed-status,.activity-stream .entry .status,.activity-stream .entry .load-more{animation:none}.activity-stream .entry:last-child .detailed-status,.activity-stream .entry:last-child .status,.activity-stream .entry:last-child .load-more{border-bottom:0;border-radius:0 0 4px 4px}.activity-stream .entry:first-child .detailed-status,.activity-stream .entry:first-child .status,.activity-stream .entry:first-child .load-more{border-radius:4px 4px 0 0}.activity-stream .entry:first-child:last-child .detailed-status,.activity-stream .entry:first-child:last-child .status,.activity-stream .entry:first-child:last-child .load-more{border-radius:4px}@media screen and (max-width: 740px){.activity-stream .entry .detailed-status,.activity-stream .entry .status,.activity-stream .entry .load-more{border-radius:0 !important}}.activity-stream--highlighted .entry{background:#202e3f}.button.logo-button{flex:0 auto;font-size:14px;background:#00007f;color:#fff;text-transform:none;line-height:36px;height:auto;padding:3px 15px;border:0}.button.logo-button svg{width:20px;height:auto;vertical-align:middle;margin-right:5px;fill:#fff}.button.logo-button:active,.button.logo-button:focus,.button.logo-button:hover{background:#0000b2}.button.logo-button:disabled:active,.button.logo-button:disabled:focus,.button.logo-button:disabled:hover,.button.logo-button.disabled:active,.button.logo-button.disabled:focus,.button.logo-button.disabled:hover{background:#9baec8}.button.logo-button.button--destructive:active,.button.logo-button.button--destructive:focus,.button.logo-button.button--destructive:hover{background:#df405a}@media screen and (max-width: 415px){.button.logo-button svg{display:none}}.embed .detailed-status,.public-layout .detailed-status{padding:15px}.embed .status,.public-layout .status{padding:15px 15px 15px 78px;min-height:50px}.embed .status__avatar,.public-layout .status__avatar{left:15px;top:17px}.embed .status__content,.public-layout .status__content{padding-top:5px}.embed .status__prepend,.public-layout .status__prepend{margin-left:78px;padding-top:15px}.embed .status__prepend-icon-wrapper,.public-layout .status__prepend-icon-wrapper{left:-32px}.embed .status .media-gallery,.embed .status__action-bar,.embed .status .video-player,.public-layout .status .media-gallery,.public-layout .status__action-bar,.public-layout .status .video-player{margin-top:10px}button.icon-button i.fa-retweet{background-image:url(\"data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='22' height='209'><path d='M4.97 3.16c-.1.03-.17.1-.22.18L.8 8.24c-.2.3.03.78.4.8H3.6v2.68c0 4.26-.55 3.62 3.66 3.62h7.66l-2.3-2.84c-.03-.02-.03-.04-.05-.06H7.27c-.44 0-.72-.3-.72-.72v-2.7h2.5c.37.03.63-.48.4-.77L5.5 3.35c-.12-.17-.34-.25-.53-.2zm12.16.43c-.55-.02-1.32.02-2.4.02H7.1l2.32 2.85.03.06h5.25c.42 0 .72.28.72.72v2.7h-2.5c-.36.02-.56.54-.3.8l3.92 4.9c.18.25.6.25.78 0l3.94-4.9c.26-.28 0-.83-.37-.8H18.4v-2.7c0-3.15.4-3.62-1.25-3.66z' fill='%23404040' stroke-width='0'/><path d='M7.78 19.66c-.24.02-.44.25-.44.5v2.46h-.06c-1.08 0-1.86-.03-2.4-.03-1.64 0-1.25.43-1.25 3.65v4.47c0 4.26-.56 3.62 3.65 3.62H8.5l-1.3-1.06c-.1-.08-.18-.2-.2-.3-.02-.17.06-.35.2-.45l1.33-1.1H7.28c-.44 0-.72-.3-.72-.7v-4.48c0-.44.28-.72.72-.72h.06v2.5c0 .38.54.63.82.38l4.9-3.93c.25-.18.25-.6 0-.78l-4.9-3.92c-.1-.1-.24-.14-.38-.12zm9.34 2.93c-.54-.02-1.3.02-2.4.02h-1.25l1.3 1.07c.1.07.18.2.2.33.02.16-.06.3-.2.4l-1.33 1.1h1.28c.42 0 .72.28.72.72v4.47c0 .42-.3.72-.72.72h-.1v-2.47c0-.3-.3-.53-.6-.47-.07 0-.14.05-.2.1l-4.9 3.93c-.26.18-.26.6 0 .78l4.9 3.92c.27.25.82 0 .8-.38v-2.5h.1c4.27 0 3.65.67 3.65-3.62v-4.47c0-3.15.4-3.62-1.25-3.66zM10.34 38.66c-.24.02-.44.25-.43.5v2.47H7.3c-1.08 0-1.86-.04-2.4-.04-1.64 0-1.25.43-1.25 3.65v4.47c0 3.66-.23 3.7 2.34 3.66l-1.34-1.1c-.1-.08-.18-.2-.2-.3 0-.17.07-.35.2-.45l1.96-1.6c-.03-.06-.04-.13-.04-.2v-4.48c0-.44.28-.72.72-.72H9.9v2.5c0 .36.5.6.8.38l4.93-3.93c.24-.18.24-.6 0-.78l-4.94-3.92c-.1-.08-.23-.13-.36-.12zm5.63 2.93l1.34 1.1c.1.07.18.2.2.33.02.16-.03.3-.16.4l-1.96 1.6c.02.07.06.13.06.22v4.47c0 .42-.3.72-.72.72h-2.66v-2.47c0-.3-.3-.53-.6-.47-.06.02-.12.05-.18.1l-4.94 3.93c-.24.18-.24.6 0 .78l4.94 3.92c.28.22.78-.02.78-.38v-2.5h2.66c4.27 0 3.65.67 3.65-3.62v-4.47c0-3.66.34-3.7-2.4-3.66zM13.06 57.66c-.23.03-.4.26-.4.5v2.47H7.28c-1.08 0-1.86-.04-2.4-.04-1.64 0-1.25.43-1.25 3.65v4.87l2.93-2.37v-2.5c0-.44.28-.72.72-.72h5.38v2.5c0 .36.5.6.78.38l4.94-3.93c.24-.18.24-.6 0-.78l-4.94-3.92c-.1-.1-.24-.14-.38-.12zm5.3 6.15l-2.92 2.4v2.52c0 .42-.3.72-.72.72h-5.4v-2.47c0-.3-.32-.53-.6-.47-.07.02-.13.05-.2.1L3.6 70.52c-.25.18-.25.6 0 .78l4.93 3.92c.28.22.78-.02.78-.38v-2.5h5.42c4.27 0 3.65.67 3.65-3.62v-4.47-.44zM19.25 78.8c-.1.03-.2.1-.28.17l-.9.9c-.44-.3-1.36-.25-3.35-.25H7.28c-1.08 0-1.86-.03-2.4-.03-1.64 0-1.25.43-1.25 3.65v.7l2.93.3v-1c0-.44.28-.72.72-.72h7.44c.2 0 .37.08.5.2l-1.8 1.8c-.25.26-.08.76.27.8l6.27.7c.28.03.56-.25.53-.53l-.7-6.25c0-.27-.3-.48-.55-.44zm-17.2 6.1c-.2.07-.36.3-.33.54l.7 6.25c.02.36.58.55.83.27l.8-.8c.02 0 .04-.02.04 0 .46.24 1.37.17 3.18.17h7.44c4.27 0 3.65.67 3.65-3.62v-.75l-2.93-.3v1.05c0 .42-.3.72-.72.72H7.28c-.15 0-.3-.03-.4-.1L8.8 86.4c.3-.24.1-.8-.27-.84l-6.28-.65h-.2zM4.88 98.6c-1.33 0-1.34.48-1.3 2.3l1.14-1.37c.08-.1.22-.17.34-.2.16 0 .34.08.44.2l1.66 2.03c.04 0 .07-.03.12-.03h7.44c.34 0 .57.2.65.5h-2.43c-.34.05-.53.52-.3.78l3.92 4.95c.18.24.6.24.78 0l3.94-4.94c.22-.27-.02-.76-.37-.77H18.4c.02-3.9.6-3.4-3.66-3.4H7.28c-1.08 0-1.86-.04-2.4-.04zm.15 2.46c-.1.03-.2.1-.28.2l-3.94 4.9c-.2.28.03.77.4.78H3.6c-.02 3.94-.45 3.4 3.66 3.4h7.44c3.65 0 3.74.3 3.7-2.25l-1.1 1.34c-.1.1-.2.17-.32.2-.16 0-.34-.08-.44-.2l-1.65-2.03c-.06.02-.1.04-.18.04H7.28c-.35 0-.57-.2-.66-.5h2.44c.37 0 .63-.5.4-.78l-3.96-4.9c-.1-.15-.3-.23-.47-.2zM4.88 117.6c-1.16 0-1.3.3-1.3 1.56l1.14-1.38c.08-.1.22-.14.34-.16.16 0 .34.04.44.16l2.22 2.75h7c.42 0 .72.28.72.72v.53h-2.6c-.3.1-.43.54-.2.78l3.92 4.9c.18.25.6.25.78 0l3.94-4.9c.22-.28-.02-.77-.37-.78H18.4v-.53c0-4.2.72-3.63-3.66-3.63H7.28c-1.08 0-1.86-.03-2.4-.03zm.1 1.74c-.1.03-.17.1-.23.16L.8 124.44c-.2.28.03.77.4.78H3.6v.5c0 4.26-.55 3.62 3.66 3.62h7.44c1.03 0 1.74.02 2.28 0-.16.02-.34-.03-.44-.15l-2.22-2.76H7.28c-.44 0-.72-.3-.72-.72v-.5h2.5c.37.02.63-.5.4-.78L5.5 119.5c-.12-.15-.34-.22-.53-.16zm12.02 10c1.2-.02 1.4-.25 1.4-1.53l-1.1 1.36c-.07.1-.17.17-.3.18zM5.94 136.6l2.37 2.93h6.42c.42 0 .72.28.72.72v1.25h-2.6c-.3.1-.43.54-.2.78l3.92 4.9c.18.25.6.25.78 0l3.94-4.9c.22-.28-.02-.77-.37-.78H18.4v-1.25c0-4.2.72-3.63-3.66-3.63H7.28c-.6 0-.92-.02-1.34-.03zm-1.72.06c-.4.08-.54.3-.6.75l.6-.74zm.84.93c-.12 0-.24.08-.3.18l-3.95 4.9c-.24.3 0 .83.4.82H3.6v1.22c0 4.26-.55 3.62 3.66 3.62h7.44c.63 0 .97.02 1.4.03l-2.37-2.93H7.28c-.44 0-.72-.3-.72-.72v-1.22h2.5c.4.04.67-.53.4-.8l-3.96-4.92c-.1-.13-.27-.2-.44-.2zm13.28 10.03l-.56.7c.36-.07.5-.3.56-.7zM17.13 155.6c-.55-.02-1.32.03-2.4.03h-8.2l2.38 2.9h5.82c.42 0 .72.28.72.72v1.97H12.9c-.32.06-.48.52-.28.78l3.94 4.94c.2.23.6.22.78-.03l3.94-4.9c.22-.28-.02-.77-.37-.78H18.4v-1.97c0-3.15.4-3.62-1.25-3.66zm-12.1.28c-.1.02-.2.1-.28.18l-3.94 4.9c-.2.3.03.78.4.8H3.6v1.96c0 4.26-.55 3.62 3.66 3.62h8.24l-2.36-2.9H7.28c-.44 0-.72-.3-.72-.72v-1.97h2.5c.37.02.63-.5.4-.78l-3.96-4.9c-.1-.15-.3-.22-.47-.2zM5.13 174.5c-.15 0-.3.07-.38.2L.8 179.6c-.24.27 0 .82.4.8H3.6v2.32c0 4.26-.55 3.62 3.66 3.62h7.94l-2.35-2.9h-5.6c-.43 0-.7-.3-.7-.72v-2.3h2.5c.38.03.66-.54.4-.83l-3.97-4.9c-.1-.13-.23-.2-.38-.2zm12 .1c-.55-.02-1.32.03-2.4.03H6.83l2.35 2.9h5.52c.42 0 .72.28.72.72v2.34h-2.6c-.3.1-.43.53-.2.78l3.92 4.9c.18.24.6.24.78 0l3.94-4.9c.22-.3-.02-.78-.37-.8H18.4v-2.33c0-3.15.4-3.62-1.25-3.66zM4.97 193.16c-.1.03-.17.1-.22.18l-3.94 4.9c-.2.3.03.78.4.8H3.6v2.68c0 4.26-.55 3.62 3.66 3.62h7.66l-2.3-2.84c-.03-.02-.03-.04-.05-.06H7.27c-.44 0-.72-.3-.72-.72v-2.7h2.5c.37.03.63-.48.4-.77l-3.96-4.9c-.12-.17-.34-.25-.53-.2zm12.16.43c-.55-.02-1.32.03-2.4.03H7.1l2.32 2.84.03.06h5.25c.42 0 .72.28.72.72v2.7h-2.5c-.36.02-.56.54-.3.8l3.92 4.9c.18.25.6.25.78 0l3.94-4.9c.26-.28 0-.83-.37-.8H18.4v-2.7c0-3.15.4-3.62-1.25-3.66z' fill='%2300007F' stroke-width='0'/></svg>\")}button.icon-button i.fa-retweet:hover{background-image:url(\"data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='22' height='209'><path d='M4.97 3.16c-.1.03-.17.1-.22.18L.8 8.24c-.2.3.03.78.4.8H3.6v2.68c0 4.26-.55 3.62 3.66 3.62h7.66l-2.3-2.84c-.03-.02-.03-.04-.05-.06H7.27c-.44 0-.72-.3-.72-.72v-2.7h2.5c.37.03.63-.48.4-.77L5.5 3.35c-.12-.17-.34-.25-.53-.2zm12.16.43c-.55-.02-1.32.02-2.4.02H7.1l2.32 2.85.03.06h5.25c.42 0 .72.28.72.72v2.7h-2.5c-.36.02-.56.54-.3.8l3.92 4.9c.18.25.6.25.78 0l3.94-4.9c.26-.28 0-.83-.37-.8H18.4v-2.7c0-3.15.4-3.62-1.25-3.66z' fill='%23525252' stroke-width='0'/><path d='M7.78 19.66c-.24.02-.44.25-.44.5v2.46h-.06c-1.08 0-1.86-.03-2.4-.03-1.64 0-1.25.43-1.25 3.65v4.47c0 4.26-.56 3.62 3.65 3.62H8.5l-1.3-1.06c-.1-.08-.18-.2-.2-.3-.02-.17.06-.35.2-.45l1.33-1.1H7.28c-.44 0-.72-.3-.72-.7v-4.48c0-.44.28-.72.72-.72h.06v2.5c0 .38.54.63.82.38l4.9-3.93c.25-.18.25-.6 0-.78l-4.9-3.92c-.1-.1-.24-.14-.38-.12zm9.34 2.93c-.54-.02-1.3.02-2.4.02h-1.25l1.3 1.07c.1.07.18.2.2.33.02.16-.06.3-.2.4l-1.33 1.1h1.28c.42 0 .72.28.72.72v4.47c0 .42-.3.72-.72.72h-.1v-2.47c0-.3-.3-.53-.6-.47-.07 0-.14.05-.2.1l-4.9 3.93c-.26.18-.26.6 0 .78l4.9 3.92c.27.25.82 0 .8-.38v-2.5h.1c4.27 0 3.65.67 3.65-3.62v-4.47c0-3.15.4-3.62-1.25-3.66zM10.34 38.66c-.24.02-.44.25-.43.5v2.47H7.3c-1.08 0-1.86-.04-2.4-.04-1.64 0-1.25.43-1.25 3.65v4.47c0 3.66-.23 3.7 2.34 3.66l-1.34-1.1c-.1-.08-.18-.2-.2-.3 0-.17.07-.35.2-.45l1.96-1.6c-.03-.06-.04-.13-.04-.2v-4.48c0-.44.28-.72.72-.72H9.9v2.5c0 .36.5.6.8.38l4.93-3.93c.24-.18.24-.6 0-.78l-4.94-3.92c-.1-.08-.23-.13-.36-.12zm5.63 2.93l1.34 1.1c.1.07.18.2.2.33.02.16-.03.3-.16.4l-1.96 1.6c.02.07.06.13.06.22v4.47c0 .42-.3.72-.72.72h-2.66v-2.47c0-.3-.3-.53-.6-.47-.06.02-.12.05-.18.1l-4.94 3.93c-.24.18-.24.6 0 .78l4.94 3.92c.28.22.78-.02.78-.38v-2.5h2.66c4.27 0 3.65.67 3.65-3.62v-4.47c0-3.66.34-3.7-2.4-3.66zM13.06 57.66c-.23.03-.4.26-.4.5v2.47H7.28c-1.08 0-1.86-.04-2.4-.04-1.64 0-1.25.43-1.25 3.65v4.87l2.93-2.37v-2.5c0-.44.28-.72.72-.72h5.38v2.5c0 .36.5.6.78.38l4.94-3.93c.24-.18.24-.6 0-.78l-4.94-3.92c-.1-.1-.24-.14-.38-.12zm5.3 6.15l-2.92 2.4v2.52c0 .42-.3.72-.72.72h-5.4v-2.47c0-.3-.32-.53-.6-.47-.07.02-.13.05-.2.1L3.6 70.52c-.25.18-.25.6 0 .78l4.93 3.92c.28.22.78-.02.78-.38v-2.5h5.42c4.27 0 3.65.67 3.65-3.62v-4.47-.44zM19.25 78.8c-.1.03-.2.1-.28.17l-.9.9c-.44-.3-1.36-.25-3.35-.25H7.28c-1.08 0-1.86-.03-2.4-.03-1.64 0-1.25.43-1.25 3.65v.7l2.93.3v-1c0-.44.28-.72.72-.72h7.44c.2 0 .37.08.5.2l-1.8 1.8c-.25.26-.08.76.27.8l6.27.7c.28.03.56-.25.53-.53l-.7-6.25c0-.27-.3-.48-.55-.44zm-17.2 6.1c-.2.07-.36.3-.33.54l.7 6.25c.02.36.58.55.83.27l.8-.8c.02 0 .04-.02.04 0 .46.24 1.37.17 3.18.17h7.44c4.27 0 3.65.67 3.65-3.62v-.75l-2.93-.3v1.05c0 .42-.3.72-.72.72H7.28c-.15 0-.3-.03-.4-.1L8.8 86.4c.3-.24.1-.8-.27-.84l-6.28-.65h-.2zM4.88 98.6c-1.33 0-1.34.48-1.3 2.3l1.14-1.37c.08-.1.22-.17.34-.2.16 0 .34.08.44.2l1.66 2.03c.04 0 .07-.03.12-.03h7.44c.34 0 .57.2.65.5h-2.43c-.34.05-.53.52-.3.78l3.92 4.95c.18.24.6.24.78 0l3.94-4.94c.22-.27-.02-.76-.37-.77H18.4c.02-3.9.6-3.4-3.66-3.4H7.28c-1.08 0-1.86-.04-2.4-.04zm.15 2.46c-.1.03-.2.1-.28.2l-3.94 4.9c-.2.28.03.77.4.78H3.6c-.02 3.94-.45 3.4 3.66 3.4h7.44c3.65 0 3.74.3 3.7-2.25l-1.1 1.34c-.1.1-.2.17-.32.2-.16 0-.34-.08-.44-.2l-1.65-2.03c-.06.02-.1.04-.18.04H7.28c-.35 0-.57-.2-.66-.5h2.44c.37 0 .63-.5.4-.78l-3.96-4.9c-.1-.15-.3-.23-.47-.2zM4.88 117.6c-1.16 0-1.3.3-1.3 1.56l1.14-1.38c.08-.1.22-.14.34-.16.16 0 .34.04.44.16l2.22 2.75h7c.42 0 .72.28.72.72v.53h-2.6c-.3.1-.43.54-.2.78l3.92 4.9c.18.25.6.25.78 0l3.94-4.9c.22-.28-.02-.77-.37-.78H18.4v-.53c0-4.2.72-3.63-3.66-3.63H7.28c-1.08 0-1.86-.03-2.4-.03zm.1 1.74c-.1.03-.17.1-.23.16L.8 124.44c-.2.28.03.77.4.78H3.6v.5c0 4.26-.55 3.62 3.66 3.62h7.44c1.03 0 1.74.02 2.28 0-.16.02-.34-.03-.44-.15l-2.22-2.76H7.28c-.44 0-.72-.3-.72-.72v-.5h2.5c.37.02.63-.5.4-.78L5.5 119.5c-.12-.15-.34-.22-.53-.16zm12.02 10c1.2-.02 1.4-.25 1.4-1.53l-1.1 1.36c-.07.1-.17.17-.3.18zM5.94 136.6l2.37 2.93h6.42c.42 0 .72.28.72.72v1.25h-2.6c-.3.1-.43.54-.2.78l3.92 4.9c.18.25.6.25.78 0l3.94-4.9c.22-.28-.02-.77-.37-.78H18.4v-1.25c0-4.2.72-3.63-3.66-3.63H7.28c-.6 0-.92-.02-1.34-.03zm-1.72.06c-.4.08-.54.3-.6.75l.6-.74zm.84.93c-.12 0-.24.08-.3.18l-3.95 4.9c-.24.3 0 .83.4.82H3.6v1.22c0 4.26-.55 3.62 3.66 3.62h7.44c.63 0 .97.02 1.4.03l-2.37-2.93H7.28c-.44 0-.72-.3-.72-.72v-1.22h2.5c.4.04.67-.53.4-.8l-3.96-4.92c-.1-.13-.27-.2-.44-.2zm13.28 10.03l-.56.7c.36-.07.5-.3.56-.7zM17.13 155.6c-.55-.02-1.32.03-2.4.03h-8.2l2.38 2.9h5.82c.42 0 .72.28.72.72v1.97H12.9c-.32.06-.48.52-.28.78l3.94 4.94c.2.23.6.22.78-.03l3.94-4.9c.22-.28-.02-.77-.37-.78H18.4v-1.97c0-3.15.4-3.62-1.25-3.66zm-12.1.28c-.1.02-.2.1-.28.18l-3.94 4.9c-.2.3.03.78.4.8H3.6v1.96c0 4.26-.55 3.62 3.66 3.62h8.24l-2.36-2.9H7.28c-.44 0-.72-.3-.72-.72v-1.97h2.5c.37.02.63-.5.4-.78l-3.96-4.9c-.1-.15-.3-.22-.47-.2zM5.13 174.5c-.15 0-.3.07-.38.2L.8 179.6c-.24.27 0 .82.4.8H3.6v2.32c0 4.26-.55 3.62 3.66 3.62h7.94l-2.35-2.9h-5.6c-.43 0-.7-.3-.7-.72v-2.3h2.5c.38.03.66-.54.4-.83l-3.97-4.9c-.1-.13-.23-.2-.38-.2zm12 .1c-.55-.02-1.32.03-2.4.03H6.83l2.35 2.9h5.52c.42 0 .72.28.72.72v2.34h-2.6c-.3.1-.43.53-.2.78l3.92 4.9c.18.24.6.24.78 0l3.94-4.9c.22-.3-.02-.78-.37-.8H18.4v-2.33c0-3.15.4-3.62-1.25-3.66zM4.97 193.16c-.1.03-.17.1-.22.18l-3.94 4.9c-.2.3.03.78.4.8H3.6v2.68c0 4.26-.55 3.62 3.66 3.62h7.66l-2.3-2.84c-.03-.02-.03-.04-.05-.06H7.27c-.44 0-.72-.3-.72-.72v-2.7h2.5c.37.03.63-.48.4-.77l-3.96-4.9c-.12-.17-.34-.25-.53-.2zm12.16.43c-.55-.02-1.32.03-2.4.03H7.1l2.32 2.84.03.06h5.25c.42 0 .72.28.72.72v2.7h-2.5c-.36.02-.56.54-.3.8l3.92 4.9c.18.25.6.25.78 0l3.94-4.9c.26-.28 0-.83-.37-.8H18.4v-2.7c0-3.15.4-3.62-1.25-3.66z' fill='%2300007F' stroke-width='0'/></svg>\")}button.icon-button.disabled i.fa-retweet{background-image:url(\"data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='22' height='209'><path d='M4.97 3.16c-.1.03-.17.1-.22.18L.8 8.24c-.2.3.03.78.4.8H3.6v2.68c0 4.26-.55 3.62 3.66 3.62h7.66l-2.3-2.84c-.03-.02-.03-.04-.05-.06H7.27c-.44 0-.72-.3-.72-.72v-2.7h2.5c.37.03.63-.48.4-.77L5.5 3.35c-.12-.17-.34-.25-.53-.2zm12.16.43c-.55-.02-1.32.02-2.4.02H7.1l2.32 2.85.03.06h5.25c.42 0 .72.28.72.72v2.7h-2.5c-.36.02-.56.54-.3.8l3.92 4.9c.18.25.6.25.78 0l3.94-4.9c.26-.28 0-.83-.37-.8H18.4v-2.7c0-3.15.4-3.62-1.25-3.66z' fill='%231F1F1F' stroke-width='0'/><path d='M7.78 19.66c-.24.02-.44.25-.44.5v2.46h-.06c-1.08 0-1.86-.03-2.4-.03-1.64 0-1.25.43-1.25 3.65v4.47c0 4.26-.56 3.62 3.65 3.62H8.5l-1.3-1.06c-.1-.08-.18-.2-.2-.3-.02-.17.06-.35.2-.45l1.33-1.1H7.28c-.44 0-.72-.3-.72-.7v-4.48c0-.44.28-.72.72-.72h.06v2.5c0 .38.54.63.82.38l4.9-3.93c.25-.18.25-.6 0-.78l-4.9-3.92c-.1-.1-.24-.14-.38-.12zm9.34 2.93c-.54-.02-1.3.02-2.4.02h-1.25l1.3 1.07c.1.07.18.2.2.33.02.16-.06.3-.2.4l-1.33 1.1h1.28c.42 0 .72.28.72.72v4.47c0 .42-.3.72-.72.72h-.1v-2.47c0-.3-.3-.53-.6-.47-.07 0-.14.05-.2.1l-4.9 3.93c-.26.18-.26.6 0 .78l4.9 3.92c.27.25.82 0 .8-.38v-2.5h.1c4.27 0 3.65.67 3.65-3.62v-4.47c0-3.15.4-3.62-1.25-3.66zM10.34 38.66c-.24.02-.44.25-.43.5v2.47H7.3c-1.08 0-1.86-.04-2.4-.04-1.64 0-1.25.43-1.25 3.65v4.47c0 3.66-.23 3.7 2.34 3.66l-1.34-1.1c-.1-.08-.18-.2-.2-.3 0-.17.07-.35.2-.45l1.96-1.6c-.03-.06-.04-.13-.04-.2v-4.48c0-.44.28-.72.72-.72H9.9v2.5c0 .36.5.6.8.38l4.93-3.93c.24-.18.24-.6 0-.78l-4.94-3.92c-.1-.08-.23-.13-.36-.12zm5.63 2.93l1.34 1.1c.1.07.18.2.2.33.02.16-.03.3-.16.4l-1.96 1.6c.02.07.06.13.06.22v4.47c0 .42-.3.72-.72.72h-2.66v-2.47c0-.3-.3-.53-.6-.47-.06.02-.12.05-.18.1l-4.94 3.93c-.24.18-.24.6 0 .78l4.94 3.92c.28.22.78-.02.78-.38v-2.5h2.66c4.27 0 3.65.67 3.65-3.62v-4.47c0-3.66.34-3.7-2.4-3.66zM13.06 57.66c-.23.03-.4.26-.4.5v2.47H7.28c-1.08 0-1.86-.04-2.4-.04-1.64 0-1.25.43-1.25 3.65v4.87l2.93-2.37v-2.5c0-.44.28-.72.72-.72h5.38v2.5c0 .36.5.6.78.38l4.94-3.93c.24-.18.24-.6 0-.78l-4.94-3.92c-.1-.1-.24-.14-.38-.12zm5.3 6.15l-2.92 2.4v2.52c0 .42-.3.72-.72.72h-5.4v-2.47c0-.3-.32-.53-.6-.47-.07.02-.13.05-.2.1L3.6 70.52c-.25.18-.25.6 0 .78l4.93 3.92c.28.22.78-.02.78-.38v-2.5h5.42c4.27 0 3.65.67 3.65-3.62v-4.47-.44zM19.25 78.8c-.1.03-.2.1-.28.17l-.9.9c-.44-.3-1.36-.25-3.35-.25H7.28c-1.08 0-1.86-.03-2.4-.03-1.64 0-1.25.43-1.25 3.65v.7l2.93.3v-1c0-.44.28-.72.72-.72h7.44c.2 0 .37.08.5.2l-1.8 1.8c-.25.26-.08.76.27.8l6.27.7c.28.03.56-.25.53-.53l-.7-6.25c0-.27-.3-.48-.55-.44zm-17.2 6.1c-.2.07-.36.3-.33.54l.7 6.25c.02.36.58.55.83.27l.8-.8c.02 0 .04-.02.04 0 .46.24 1.37.17 3.18.17h7.44c4.27 0 3.65.67 3.65-3.62v-.75l-2.93-.3v1.05c0 .42-.3.72-.72.72H7.28c-.15 0-.3-.03-.4-.1L8.8 86.4c.3-.24.1-.8-.27-.84l-6.28-.65h-.2zM4.88 98.6c-1.33 0-1.34.48-1.3 2.3l1.14-1.37c.08-.1.22-.17.34-.2.16 0 .34.08.44.2l1.66 2.03c.04 0 .07-.03.12-.03h7.44c.34 0 .57.2.65.5h-2.43c-.34.05-.53.52-.3.78l3.92 4.95c.18.24.6.24.78 0l3.94-4.94c.22-.27-.02-.76-.37-.77H18.4c.02-3.9.6-3.4-3.66-3.4H7.28c-1.08 0-1.86-.04-2.4-.04zm.15 2.46c-.1.03-.2.1-.28.2l-3.94 4.9c-.2.28.03.77.4.78H3.6c-.02 3.94-.45 3.4 3.66 3.4h7.44c3.65 0 3.74.3 3.7-2.25l-1.1 1.34c-.1.1-.2.17-.32.2-.16 0-.34-.08-.44-.2l-1.65-2.03c-.06.02-.1.04-.18.04H7.28c-.35 0-.57-.2-.66-.5h2.44c.37 0 .63-.5.4-.78l-3.96-4.9c-.1-.15-.3-.23-.47-.2zM4.88 117.6c-1.16 0-1.3.3-1.3 1.56l1.14-1.38c.08-.1.22-.14.34-.16.16 0 .34.04.44.16l2.22 2.75h7c.42 0 .72.28.72.72v.53h-2.6c-.3.1-.43.54-.2.78l3.92 4.9c.18.25.6.25.78 0l3.94-4.9c.22-.28-.02-.77-.37-.78H18.4v-.53c0-4.2.72-3.63-3.66-3.63H7.28c-1.08 0-1.86-.03-2.4-.03zm.1 1.74c-.1.03-.17.1-.23.16L.8 124.44c-.2.28.03.77.4.78H3.6v.5c0 4.26-.55 3.62 3.66 3.62h7.44c1.03 0 1.74.02 2.28 0-.16.02-.34-.03-.44-.15l-2.22-2.76H7.28c-.44 0-.72-.3-.72-.72v-.5h2.5c.37.02.63-.5.4-.78L5.5 119.5c-.12-.15-.34-.22-.53-.16zm12.02 10c1.2-.02 1.4-.25 1.4-1.53l-1.1 1.36c-.07.1-.17.17-.3.18zM5.94 136.6l2.37 2.93h6.42c.42 0 .72.28.72.72v1.25h-2.6c-.3.1-.43.54-.2.78l3.92 4.9c.18.25.6.25.78 0l3.94-4.9c.22-.28-.02-.77-.37-.78H18.4v-1.25c0-4.2.72-3.63-3.66-3.63H7.28c-.6 0-.92-.02-1.34-.03zm-1.72.06c-.4.08-.54.3-.6.75l.6-.74zm.84.93c-.12 0-.24.08-.3.18l-3.95 4.9c-.24.3 0 .83.4.82H3.6v1.22c0 4.26-.55 3.62 3.66 3.62h7.44c.63 0 .97.02 1.4.03l-2.37-2.93H7.28c-.44 0-.72-.3-.72-.72v-1.22h2.5c.4.04.67-.53.4-.8l-3.96-4.92c-.1-.13-.27-.2-.44-.2zm13.28 10.03l-.56.7c.36-.07.5-.3.56-.7zM17.13 155.6c-.55-.02-1.32.03-2.4.03h-8.2l2.38 2.9h5.82c.42 0 .72.28.72.72v1.97H12.9c-.32.06-.48.52-.28.78l3.94 4.94c.2.23.6.22.78-.03l3.94-4.9c.22-.28-.02-.77-.37-.78H18.4v-1.97c0-3.15.4-3.62-1.25-3.66zm-12.1.28c-.1.02-.2.1-.28.18l-3.94 4.9c-.2.3.03.78.4.8H3.6v1.96c0 4.26-.55 3.62 3.66 3.62h8.24l-2.36-2.9H7.28c-.44 0-.72-.3-.72-.72v-1.97h2.5c.37.02.63-.5.4-.78l-3.96-4.9c-.1-.15-.3-.22-.47-.2zM5.13 174.5c-.15 0-.3.07-.38.2L.8 179.6c-.24.27 0 .82.4.8H3.6v2.32c0 4.26-.55 3.62 3.66 3.62h7.94l-2.35-2.9h-5.6c-.43 0-.7-.3-.7-.72v-2.3h2.5c.38.03.66-.54.4-.83l-3.97-4.9c-.1-.13-.23-.2-.38-.2zm12 .1c-.55-.02-1.32.03-2.4.03H6.83l2.35 2.9h5.52c.42 0 .72.28.72.72v2.34h-2.6c-.3.1-.43.53-.2.78l3.92 4.9c.18.24.6.24.78 0l3.94-4.9c.22-.3-.02-.78-.37-.8H18.4v-2.33c0-3.15.4-3.62-1.25-3.66zM4.97 193.16c-.1.03-.17.1-.22.18l-3.94 4.9c-.2.3.03.78.4.8H3.6v2.68c0 4.26-.55 3.62 3.66 3.62h7.66l-2.3-2.84c-.03-.02-.03-.04-.05-.06H7.27c-.44 0-.72-.3-.72-.72v-2.7h2.5c.37.03.63-.48.4-.77l-3.96-4.9c-.12-.17-.34-.25-.53-.2zm12.16.43c-.55-.02-1.32.03-2.4.03H7.1l2.32 2.84.03.06h5.25c.42 0 .72.28.72.72v2.7h-2.5c-.36.02-.56.54-.3.8l3.92 4.9c.18.25.6.25.78 0l3.94-4.9c.26-.28 0-.83-.37-.8H18.4v-2.7c0-3.15.4-3.62-1.25-3.66z' fill='%2300007F' stroke-width='0'/></svg>\")}.app-body{-webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar}.link-button{display:block;font-size:15px;line-height:20px;color:#00007f;border:0;background:transparent;padding:0;cursor:pointer}.link-button:hover,.link-button:active{text-decoration:underline}.link-button:disabled{color:#9baec8;cursor:default}.button{background-color:#00007f;border:10px none;border-radius:4px;box-sizing:border-box;color:#fff;cursor:pointer;display:inline-block;font-family:inherit;font-size:15px;font-weight:500;height:36px;letter-spacing:0;line-height:36px;overflow:hidden;padding:0 16px;position:relative;text-align:center;text-decoration:none;text-overflow:ellipsis;transition:all 100ms ease-in;white-space:nowrap;width:auto}.button:active,.button:focus,.button:hover{background-color:#0000b2;transition:all 200ms ease-out}.button--destructive{transition:none}.button--destructive:active,.button--destructive:focus,.button--destructive:hover{background-color:#df405a;transition:none}.button:disabled,.button.disabled{background-color:#9baec8;cursor:default}.button::-moz-focus-inner{border:0}.button::-moz-focus-inner,.button:focus,.button:active{outline:0 !important}.button.button-primary,.button.button-alternative,.button.button-secondary,.button.button-alternative-2{font-size:16px;line-height:36px;height:auto;text-transform:none;padding:4px 16px}.button.button-alternative{color:#121a24;background:#9baec8}.button.button-alternative:active,.button.button-alternative:focus,.button.button-alternative:hover{background-color:#a8b9cf}.button.button-alternative-2{background:#404040}.button.button-alternative-2:active,.button.button-alternative-2:focus,.button.button-alternative-2:hover{background-color:#4a4a4a}.button.button-secondary{color:#9baec8;background:transparent;padding:3px 15px;border:1px solid #9baec8}.button.button-secondary:active,.button.button-secondary:focus,.button.button-secondary:hover{border-color:#a8b9cf;color:#a8b9cf}.button.button-secondary:disabled{opacity:.5}.button.button--block{display:block;width:100%}.column__wrapper{display:flex;flex:1 1 auto;position:relative}.icon-button{display:inline-block;padding:0;color:#404040;border:0;border-radius:4px;background:transparent;cursor:pointer;transition:all 100ms ease-in;transition-property:background-color,color}.icon-button:hover,.icon-button:active,.icon-button:focus{color:#525252;background-color:rgba(64,64,64,.15);transition:all 200ms ease-out;transition-property:background-color,color}.icon-button:focus{background-color:rgba(64,64,64,.3)}.icon-button.disabled{color:#1f1f1f;background-color:transparent;cursor:default}.icon-button.active{color:#00007f}.icon-button::-moz-focus-inner{border:0}.icon-button::-moz-focus-inner,.icon-button:focus,.icon-button:active{outline:0 !important}.icon-button.inverted{color:#404040}.icon-button.inverted:hover,.icon-button.inverted:active,.icon-button.inverted:focus{color:#2e2e2e;background-color:rgba(64,64,64,.15)}.icon-button.inverted:focus{background-color:rgba(64,64,64,.3)}.icon-button.inverted.disabled{color:#525252;background-color:transparent}.icon-button.inverted.active{color:#00007f}.icon-button.inverted.active.disabled{color:#0000c1}.icon-button.overlayed{box-sizing:content-box;background:rgba(0,0,0,.6);color:rgba(255,255,255,.7);border-radius:4px;padding:2px}.icon-button.overlayed:hover{background:rgba(0,0,0,.9)}.text-icon-button{color:#404040;border:0;border-radius:4px;background:transparent;cursor:pointer;font-weight:600;font-size:11px;padding:0 3px;line-height:27px;outline:0;transition:all 100ms ease-in;transition-property:background-color,color}.text-icon-button:hover,.text-icon-button:active,.text-icon-button:focus{color:#2e2e2e;background-color:rgba(64,64,64,.15);transition:all 200ms ease-out;transition-property:background-color,color}.text-icon-button:focus{background-color:rgba(64,64,64,.3)}.text-icon-button.disabled{color:#737373;background-color:transparent;cursor:default}.text-icon-button.active{color:#00007f}.text-icon-button::-moz-focus-inner{border:0}.text-icon-button::-moz-focus-inner,.text-icon-button:focus,.text-icon-button:active{outline:0 !important}.dropdown-menu{position:absolute}.invisible{font-size:0;line-height:0;display:inline-block;width:0;height:0;position:absolute}.invisible img,.invisible svg{margin:0 !important;border:0 !important;padding:0 !important;width:0 !important;height:0 !important}.ellipsis::after{content:\"…\"}.compose-form{padding:10px}.compose-form__sensitive-button{padding:10px;padding-top:0;font-size:14px;font-weight:500}.compose-form__sensitive-button.active{color:#00007f}.compose-form__sensitive-button input[type=checkbox]{display:none}.compose-form__sensitive-button .checkbox{display:inline-block;position:relative;border:1px solid #9baec8;box-sizing:border-box;width:18px;height:18px;flex:0 0 auto;margin-right:10px;top:-1px;border-radius:4px;vertical-align:middle}.compose-form__sensitive-button .checkbox.active{border-color:#00007f;background:#00007f}.compose-form .compose-form__warning{color:#121a24;margin-bottom:10px;background:#9baec8;box-shadow:0 2px 6px rgba(0,0,0,.3);padding:8px 10px;border-radius:4px;font-size:13px;font-weight:400}.compose-form .compose-form__warning strong{color:#121a24;font-weight:500}.compose-form .compose-form__warning strong:lang(ja){font-weight:700}.compose-form .compose-form__warning strong:lang(ko){font-weight:700}.compose-form .compose-form__warning strong:lang(zh-CN){font-weight:700}.compose-form .compose-form__warning strong:lang(zh-HK){font-weight:700}.compose-form .compose-form__warning strong:lang(zh-TW){font-weight:700}.compose-form .compose-form__warning a{color:#404040;font-weight:500;text-decoration:underline}.compose-form .compose-form__warning a:hover,.compose-form .compose-form__warning a:active,.compose-form .compose-form__warning a:focus{text-decoration:none}.compose-form .emoji-picker-dropdown{position:absolute;top:5px;right:5px}.compose-form .compose-form__autosuggest-wrapper{position:relative}.compose-form .autosuggest-textarea,.compose-form .autosuggest-input,.compose-form .spoiler-input{position:relative;width:100%}.compose-form .spoiler-input{height:0;transform-origin:bottom;opacity:0}.compose-form .spoiler-input.spoiler-input--visible{height:36px;margin-bottom:11px;opacity:1}.compose-form .autosuggest-textarea__textarea,.compose-form .spoiler-input__input{display:block;box-sizing:border-box;width:100%;margin:0;color:#121a24;background:#fff;padding:10px;font-family:inherit;font-size:14px;resize:vertical;border:0;outline:0}.compose-form .autosuggest-textarea__textarea::placeholder,.compose-form .spoiler-input__input::placeholder{color:#404040}.compose-form .autosuggest-textarea__textarea:focus,.compose-form .spoiler-input__input:focus{outline:0}@media screen and (max-width: 600px){.compose-form .autosuggest-textarea__textarea,.compose-form .spoiler-input__input{font-size:16px}}.compose-form .spoiler-input__input{border-radius:4px}.compose-form .autosuggest-textarea__textarea{min-height:100px;border-radius:4px 4px 0 0;padding-bottom:0;padding-right:32px;resize:none;scrollbar-color:initial}.compose-form .autosuggest-textarea__textarea::-webkit-scrollbar{all:unset}@media screen and (max-width: 600px){.compose-form .autosuggest-textarea__textarea{height:100px !important;resize:vertical}}.compose-form .autosuggest-textarea__suggestions-wrapper{position:relative;height:0}.compose-form .autosuggest-textarea__suggestions{box-sizing:border-box;display:none;position:absolute;top:100%;width:100%;z-index:99;box-shadow:4px 4px 6px rgba(0,0,0,.4);background:#d9e1e8;border-radius:0 0 4px 4px;color:#121a24;font-size:14px;padding:6px}.compose-form .autosuggest-textarea__suggestions.autosuggest-textarea__suggestions--visible{display:block}.compose-form .autosuggest-textarea__suggestions__item{padding:10px;cursor:pointer;border-radius:4px}.compose-form .autosuggest-textarea__suggestions__item:hover,.compose-form .autosuggest-textarea__suggestions__item:focus,.compose-form .autosuggest-textarea__suggestions__item:active,.compose-form .autosuggest-textarea__suggestions__item.selected{background:#b9c8d5}.compose-form .autosuggest-account,.compose-form .autosuggest-emoji,.compose-form .autosuggest-hashtag{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;line-height:18px;font-size:14px}.compose-form .autosuggest-hashtag{justify-content:space-between}.compose-form .autosuggest-hashtag__name{flex:1 1 auto;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.compose-form .autosuggest-hashtag strong{font-weight:500}.compose-form .autosuggest-hashtag__uses{flex:0 0 auto;text-align:right;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.compose-form .autosuggest-account-icon,.compose-form .autosuggest-emoji img{display:block;margin-right:8px;width:16px;height:16px}.compose-form .autosuggest-account .display-name__account{color:#404040}.compose-form .compose-form__modifiers{color:#121a24;font-family:inherit;font-size:14px;background:#fff}.compose-form .compose-form__modifiers .compose-form__upload-wrapper{overflow:hidden}.compose-form .compose-form__modifiers .compose-form__uploads-wrapper{display:flex;flex-direction:row;padding:5px;flex-wrap:wrap}.compose-form .compose-form__modifiers .compose-form__upload{flex:1 1 0;min-width:40%;margin:5px}.compose-form .compose-form__modifiers .compose-form__upload__actions{background:linear-gradient(180deg, rgba(0, 0, 0, 0.8) 0, rgba(0, 0, 0, 0.35) 80%, transparent);display:flex;align-items:flex-start;justify-content:space-between;opacity:0;transition:opacity .1s ease}.compose-form .compose-form__modifiers .compose-form__upload__actions .icon-button{flex:0 1 auto;color:#d9e1e8;font-size:14px;font-weight:500;padding:10px;font-family:inherit}.compose-form .compose-form__modifiers .compose-form__upload__actions .icon-button:hover,.compose-form .compose-form__modifiers .compose-form__upload__actions .icon-button:focus,.compose-form .compose-form__modifiers .compose-form__upload__actions .icon-button:active{color:#eff3f5}.compose-form .compose-form__modifiers .compose-form__upload__actions.active{opacity:1}.compose-form .compose-form__modifiers .compose-form__upload-description{position:absolute;z-index:2;bottom:0;left:0;right:0;box-sizing:border-box;background:linear-gradient(0deg, rgba(0, 0, 0, 0.8) 0, rgba(0, 0, 0, 0.35) 80%, transparent);padding:10px;opacity:0;transition:opacity .1s ease}.compose-form .compose-form__modifiers .compose-form__upload-description textarea{background:transparent;color:#d9e1e8;border:0;padding:0;margin:0;width:100%;font-family:inherit;font-size:14px;font-weight:500}.compose-form .compose-form__modifiers .compose-form__upload-description textarea:focus{color:#fff}.compose-form .compose-form__modifiers .compose-form__upload-description textarea::placeholder{opacity:.75;color:#d9e1e8}.compose-form .compose-form__modifiers .compose-form__upload-description.active{opacity:1}.compose-form .compose-form__modifiers .compose-form__upload-thumbnail{border-radius:4px;background-color:#000;background-position:center;background-size:cover;background-repeat:no-repeat;height:140px;width:100%;overflow:hidden}.compose-form .compose-form__buttons-wrapper{padding:10px;background:#ebebeb;border-radius:0 0 4px 4px;display:flex;justify-content:space-between;flex:0 0 auto}.compose-form .compose-form__buttons-wrapper .compose-form__buttons{display:flex}.compose-form .compose-form__buttons-wrapper .compose-form__buttons .compose-form__upload-button-icon{line-height:27px}.compose-form .compose-form__buttons-wrapper .compose-form__buttons .compose-form__sensitive-button{display:none}.compose-form .compose-form__buttons-wrapper .compose-form__buttons .compose-form__sensitive-button.compose-form__sensitive-button--visible{display:block}.compose-form .compose-form__buttons-wrapper .compose-form__buttons .compose-form__sensitive-button .compose-form__sensitive-button__icon{line-height:27px}.compose-form .compose-form__buttons-wrapper .icon-button,.compose-form .compose-form__buttons-wrapper .text-icon-button{box-sizing:content-box;padding:0 3px}.compose-form .compose-form__buttons-wrapper .character-counter__wrapper{align-self:center;margin-right:4px}.compose-form .compose-form__publish{display:flex;justify-content:flex-end;min-width:0;flex:0 0 auto}.compose-form .compose-form__publish .compose-form__publish-button-wrapper{overflow:hidden;padding-top:10px}.character-counter{cursor:default;font-family:\"mastodon-font-sans-serif\",sans-serif;font-size:14px;font-weight:600;color:#404040}.character-counter.character-counter--over{color:#ff5050}.no-reduce-motion .spoiler-input{transition:height .4s ease,opacity .4s ease}.emojione{font-size:inherit;vertical-align:middle;object-fit:contain;margin:-0.2ex .15em .2ex;width:16px;height:16px}.emojione img{width:auto}.reply-indicator{border-radius:4px;margin-bottom:10px;background:#9baec8;padding:10px;min-height:23px;overflow-y:auto;flex:0 2 auto}.reply-indicator__header{margin-bottom:5px;overflow:hidden}.reply-indicator__cancel{float:right;line-height:24px}.reply-indicator__display-name{color:#121a24;display:block;max-width:100%;line-height:24px;overflow:hidden;padding-right:25px;text-decoration:none}.reply-indicator__display-avatar{float:left;margin-right:5px}.status__content--with-action{cursor:pointer}.status__content,.reply-indicator__content{position:relative;font-size:15px;line-height:20px;word-wrap:break-word;font-weight:400;overflow:hidden;text-overflow:ellipsis;padding-top:2px;color:#fff}.status__content:focus,.reply-indicator__content:focus{outline:0}.status__content.status__content--with-spoiler,.reply-indicator__content.status__content--with-spoiler{white-space:normal}.status__content.status__content--with-spoiler .status__content__text,.reply-indicator__content.status__content--with-spoiler .status__content__text{white-space:pre-wrap}.status__content .emojione,.reply-indicator__content .emojione{width:20px;height:20px;margin:-3px 0 0}.status__content img,.reply-indicator__content img{max-width:100%;max-height:400px;object-fit:contain}.status__content p,.reply-indicator__content p{margin-bottom:20px;white-space:pre-wrap}.status__content p:last-child,.reply-indicator__content p:last-child{margin-bottom:0}.status__content a,.reply-indicator__content a{color:#d8a070;text-decoration:none}.status__content a:hover,.reply-indicator__content a:hover{text-decoration:underline}.status__content a:hover .fa,.reply-indicator__content a:hover .fa{color:#525252}.status__content a.mention:hover,.reply-indicator__content a.mention:hover{text-decoration:none}.status__content a.mention:hover span,.reply-indicator__content a.mention:hover span{text-decoration:underline}.status__content a .fa,.reply-indicator__content a .fa{color:#404040}.status__content a.unhandled-link,.reply-indicator__content a.unhandled-link{color:#0000a8}.status__content .status__content__spoiler-link,.reply-indicator__content .status__content__spoiler-link{background:#404040}.status__content .status__content__spoiler-link:hover,.reply-indicator__content .status__content__spoiler-link:hover{background:#525252;text-decoration:none}.status__content .status__content__spoiler-link::-moz-focus-inner,.reply-indicator__content .status__content__spoiler-link::-moz-focus-inner{border:0}.status__content .status__content__spoiler-link::-moz-focus-inner,.status__content .status__content__spoiler-link:focus,.status__content .status__content__spoiler-link:active,.reply-indicator__content .status__content__spoiler-link::-moz-focus-inner,.reply-indicator__content .status__content__spoiler-link:focus,.reply-indicator__content .status__content__spoiler-link:active{outline:0 !important}.status__content .status__content__text,.reply-indicator__content .status__content__text{display:none}.status__content .status__content__text.status__content__text--visible,.reply-indicator__content .status__content__text.status__content__text--visible{display:block}.status__content.status__content--collapsed{max-height:300px}.status__content__read-more-button{display:block;font-size:15px;line-height:20px;color:#0000a8;border:0;background:transparent;padding:0;padding-top:8px}.status__content__read-more-button:hover,.status__content__read-more-button:active{text-decoration:underline}.status__content__spoiler-link{display:inline-block;border-radius:2px;background:transparent;border:0;color:#121a24;font-weight:700;font-size:12px;padding:0 6px;line-height:20px;cursor:pointer;vertical-align:middle}.status__wrapper--filtered{color:#404040;border:0;font-size:inherit;text-align:center;line-height:inherit;margin:0;padding:15px;box-sizing:border-box;width:100%;clear:both;border-bottom:1px solid #202e3f}.status__prepend-icon-wrapper{left:-26px;position:absolute}.focusable:focus{outline:0;background:#192432}.focusable:focus .status.status-direct{background:#26374d}.focusable:focus .status.status-direct.muted{background:transparent}.focusable:focus .detailed-status,.focusable:focus .detailed-status__action-bar{background:#202e3f}.status{padding:8px 10px;padding-left:68px;position:relative;min-height:54px;border-bottom:1px solid #202e3f;cursor:default;opacity:1;animation:fade 150ms linear}@supports(-ms-overflow-style: -ms-autohiding-scrollbar){.status{padding-right:26px}}@keyframes fade{0%{opacity:0}100%{opacity:1}}.status .video-player,.status .audio-player{margin-top:8px}.status.status-direct:not(.read){background:#202e3f;border-bottom-color:#26374d}.status.light .status__relative-time{color:#9baec8}.status.light .status__display-name{color:#121a24}.status.light .display-name strong{color:#121a24}.status.light .display-name span{color:#9baec8}.status.light .status__content{color:#121a24}.status.light .status__content a{color:#00007f}.status.light .status__content a.status__content__spoiler-link{color:#fff;background:#9baec8}.status.light .status__content a.status__content__spoiler-link:hover{background:#b5c3d6}.notification-favourite .status.status-direct{background:transparent}.notification-favourite .status.status-direct .icon-button.disabled{color:#616161}.status__relative-time,.notification__relative_time{color:#404040;float:right;font-size:14px}.status__display-name{color:#404040}.status__info .status__display-name{display:block;max-width:100%;padding-right:25px}.status__info{font-size:15px}.status-check-box{border-bottom:1px solid #d9e1e8;display:flex}.status-check-box .status-check-box__status{margin:10px 0 10px 10px;flex:1}.status-check-box .status-check-box__status .media-gallery{max-width:250px}.status-check-box .status-check-box__status .status__content{padding:0;white-space:normal}.status-check-box .status-check-box__status .video-player,.status-check-box .status-check-box__status .audio-player{margin-top:8px;max-width:250px}.status-check-box .status-check-box__status .media-gallery__item-thumbnail{cursor:default}.status-check-box-toggle{align-items:center;display:flex;flex:0 0 auto;justify-content:center;padding:10px}.status__prepend{margin-left:68px;color:#404040;padding:8px 0;padding-bottom:2px;font-size:14px;position:relative}.status__prepend .status__display-name strong{color:#404040}.status__prepend>span{display:block;overflow:hidden;text-overflow:ellipsis}.status__action-bar{align-items:center;display:flex;margin-top:8px}.status__action-bar__counter{display:inline-flex;margin-right:11px;align-items:center}.status__action-bar__counter .status__action-bar-button{margin-right:4px}.status__action-bar__counter__label{display:inline-block;width:14px;font-size:12px;font-weight:500;color:#404040}.status__action-bar-button{margin-right:18px}.status__action-bar-dropdown{height:23.15px;width:23.15px}.detailed-status__action-bar-dropdown{flex:1 1 auto;display:flex;align-items:center;justify-content:center;position:relative}.detailed-status{background:#192432;padding:14px 10px}.detailed-status--flex{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-start}.detailed-status--flex .status__content,.detailed-status--flex .detailed-status__meta{flex:100%}.detailed-status .status__content{font-size:19px;line-height:24px}.detailed-status .status__content .emojione{width:24px;height:24px;margin:-1px 0 0}.detailed-status .status__content .status__content__spoiler-link{line-height:24px;margin:-1px 0 0}.detailed-status .video-player,.detailed-status .audio-player{margin-top:8px}.detailed-status__meta{margin-top:15px;color:#404040;font-size:14px;line-height:18px}.detailed-status__action-bar{background:#192432;border-top:1px solid #202e3f;border-bottom:1px solid #202e3f;display:flex;flex-direction:row;padding:10px 0}.detailed-status__link{color:inherit;text-decoration:none}.detailed-status__favorites,.detailed-status__reblogs{display:inline-block;font-weight:500;font-size:12px;margin-left:6px}.reply-indicator__content{color:#121a24;font-size:14px}.reply-indicator__content a{color:#404040}.domain{padding:10px;border-bottom:1px solid #202e3f}.domain .domain__domain-name{flex:1 1 auto;display:block;color:#fff;text-decoration:none;font-size:14px;font-weight:500}.domain__wrapper{display:flex}.domain_buttons{height:18px;padding:10px;white-space:nowrap}.account{padding:10px;border-bottom:1px solid #202e3f}.account.compact{padding:0;border-bottom:0}.account.compact .account__avatar-wrapper{margin-left:0}.account .account__display-name{flex:1 1 auto;display:block;color:#9baec8;overflow:hidden;text-decoration:none;font-size:14px}.account__wrapper{display:flex}.account__avatar-wrapper{float:left;margin-left:12px;margin-right:12px}.account__avatar{border-radius:4px;background:transparent no-repeat;background-position:50%;background-clip:padding-box;position:relative}.account__avatar-inline{display:inline-block;vertical-align:middle;margin-right:5px}.account__avatar-composite{border-radius:4px;background:transparent no-repeat;background-position:50%;background-clip:padding-box;border-radius:50%;overflow:hidden;position:relative;cursor:default}.account__avatar-composite>div{float:left;position:relative;box-sizing:border-box}.account__avatar-composite__label{display:block;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);color:#fff;text-shadow:1px 1px 2px #000;font-weight:700;font-size:15px}a .account__avatar{cursor:pointer}.account__avatar-overlay{width:48px;height:48px;background-size:48px 48px}.account__avatar-overlay-base{border-radius:4px;background:transparent no-repeat;background-position:50%;background-clip:padding-box;width:36px;height:36px;background-size:36px 36px}.account__avatar-overlay-overlay{border-radius:4px;background:transparent no-repeat;background-position:50%;background-clip:padding-box;width:24px;height:24px;background-size:24px 24px;position:absolute;bottom:0;right:0;z-index:1}.account__relationship{height:18px;padding:10px;white-space:nowrap}.account__disclaimer{padding:10px;border-top:1px solid #202e3f;color:#404040}.account__disclaimer strong{font-weight:500}.account__disclaimer strong:lang(ja){font-weight:700}.account__disclaimer strong:lang(ko){font-weight:700}.account__disclaimer strong:lang(zh-CN){font-weight:700}.account__disclaimer strong:lang(zh-HK){font-weight:700}.account__disclaimer strong:lang(zh-TW){font-weight:700}.account__disclaimer a{font-weight:500;color:inherit;text-decoration:underline}.account__disclaimer a:hover,.account__disclaimer a:focus,.account__disclaimer a:active{text-decoration:none}.account__action-bar{border-top:1px solid #202e3f;border-bottom:1px solid #202e3f;line-height:36px;overflow:hidden;flex:0 0 auto;display:flex}.account__action-bar-dropdown{padding:10px}.account__action-bar-dropdown .icon-button{vertical-align:middle}.account__action-bar-dropdown .dropdown--active .dropdown__content.dropdown__right{left:6px;right:initial}.account__action-bar-dropdown .dropdown--active::after{bottom:initial;margin-left:11px;margin-top:-7px;right:initial}.account__action-bar-links{display:flex;flex:1 1 auto;line-height:18px;text-align:center}.account__action-bar__tab{text-decoration:none;overflow:hidden;flex:0 1 100%;border-right:1px solid #202e3f;padding:10px 0;border-bottom:4px solid transparent}.account__action-bar__tab.active{border-bottom:4px solid #00007f}.account__action-bar__tab>span{display:block;font-size:12px;color:#9baec8}.account__action-bar__tab strong{display:block;font-size:15px;font-weight:500;color:#fff}.account__action-bar__tab strong:lang(ja){font-weight:700}.account__action-bar__tab strong:lang(ko){font-weight:700}.account__action-bar__tab strong:lang(zh-CN){font-weight:700}.account__action-bar__tab strong:lang(zh-HK){font-weight:700}.account__action-bar__tab strong:lang(zh-TW){font-weight:700}.account-authorize{padding:14px 10px}.account-authorize .detailed-status__display-name{display:block;margin-bottom:15px;overflow:hidden}.account-authorize__avatar{float:left;margin-right:10px}.status__display-name,.status__relative-time,.detailed-status__display-name,.detailed-status__datetime,.detailed-status__application,.account__display-name{text-decoration:none}.status__display-name strong,.account__display-name strong{color:#fff}.muted .emojione{opacity:.5}.status__display-name:hover strong,.reply-indicator__display-name:hover strong,.detailed-status__display-name:hover strong,a.account__display-name:hover strong{text-decoration:underline}.account__display-name strong{display:block;overflow:hidden;text-overflow:ellipsis}.detailed-status__application,.detailed-status__datetime{color:inherit}.detailed-status .button.logo-button{margin-bottom:15px}.detailed-status__display-name{color:#d9e1e8;display:block;line-height:24px;margin-bottom:15px;overflow:hidden}.detailed-status__display-name strong,.detailed-status__display-name span{display:block;text-overflow:ellipsis;overflow:hidden}.detailed-status__display-name strong{font-size:16px;color:#fff}.detailed-status__display-avatar{float:left;margin-right:10px}.status__avatar{height:48px;left:10px;position:absolute;top:10px;width:48px}.status__expand{width:68px;position:absolute;left:0;top:0;height:100%;cursor:pointer}.muted .status__content,.muted .status__content p,.muted .status__content a{color:#404040}.muted .status__display-name strong{color:#404040}.muted .status__avatar{opacity:.5}.muted a.status__content__spoiler-link{background:#404040;color:#121a24}.muted a.status__content__spoiler-link:hover{background:#525252;text-decoration:none}.notification__message{margin:0 10px 0 68px;padding:8px 0 0;cursor:default;color:#9baec8;font-size:15px;line-height:22px;position:relative}.notification__message .fa{color:#00007f}.notification__message>span{display:inline;overflow:hidden;text-overflow:ellipsis}.notification__favourite-icon-wrapper{left:-26px;position:absolute}.notification__favourite-icon-wrapper .star-icon{color:#ca8f04}.star-icon.active{color:#ca8f04}.bookmark-icon.active{color:#ff5050}.no-reduce-motion .icon-button.star-icon.activate>.fa-star{animation:spring-rotate-in 1s linear}.no-reduce-motion .icon-button.star-icon.deactivate>.fa-star{animation:spring-rotate-out 1s linear}.notification__display-name{color:inherit;font-weight:500;text-decoration:none}.notification__display-name:hover{color:#fff;text-decoration:underline}.notification__relative_time{float:right}.display-name{display:block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.display-name__html{font-weight:500}.display-name__account{font-size:14px}.status__relative-time:hover,.detailed-status__datetime:hover{text-decoration:underline}.image-loader{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center;flex-direction:column}.image-loader .image-loader__preview-canvas{max-width:100%;max-height:80%;background:url(\"~images/void.png\") repeat;object-fit:contain}.image-loader .loading-bar{position:relative}.image-loader.image-loader--amorphous .image-loader__preview-canvas{display:none}.zoomable-image{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center}.zoomable-image img{max-width:100%;max-height:80%;width:auto;height:auto;object-fit:contain}.navigation-bar{padding:10px;display:flex;align-items:center;flex-shrink:0;cursor:default;color:#9baec8}.navigation-bar strong{color:#d9e1e8}.navigation-bar a{color:inherit}.navigation-bar .permalink{text-decoration:none}.navigation-bar .navigation-bar__actions{position:relative}.navigation-bar .navigation-bar__actions .icon-button.close{position:absolute;pointer-events:none;transform:scale(0, 1) translate(-100%, 0);opacity:0}.navigation-bar .navigation-bar__actions .compose__action-bar .icon-button{pointer-events:auto;transform:scale(1, 1) translate(0, 0);opacity:1}.navigation-bar__profile{flex:1 1 auto;margin-left:8px;line-height:20px;margin-top:-1px;overflow:hidden}.navigation-bar__profile-account{display:block;font-weight:500;overflow:hidden;text-overflow:ellipsis}.navigation-bar__profile-edit{color:inherit;text-decoration:none}.dropdown{display:inline-block}.dropdown__content{display:none;position:absolute}.dropdown-menu__separator{border-bottom:1px solid #c0cdd9;margin:5px 7px 6px;height:0}.dropdown-menu{background:#d9e1e8;padding:4px 0;border-radius:4px;box-shadow:2px 4px 15px rgba(0,0,0,.4);z-index:9999}.dropdown-menu ul{list-style:none}.dropdown-menu.left{transform-origin:100% 50%}.dropdown-menu.top{transform-origin:50% 100%}.dropdown-menu.bottom{transform-origin:50% 0}.dropdown-menu.right{transform-origin:0 50%}.dropdown-menu__arrow{position:absolute;width:0;height:0;border:0 solid transparent}.dropdown-menu__arrow.left{right:-5px;margin-top:-5px;border-width:5px 0 5px 5px;border-left-color:#d9e1e8}.dropdown-menu__arrow.top{bottom:-5px;margin-left:-7px;border-width:5px 7px 0;border-top-color:#d9e1e8}.dropdown-menu__arrow.bottom{top:-5px;margin-left:-7px;border-width:0 7px 5px;border-bottom-color:#d9e1e8}.dropdown-menu__arrow.right{left:-5px;margin-top:-5px;border-width:5px 5px 5px 0;border-right-color:#d9e1e8}.dropdown-menu__item a{font-size:13px;line-height:18px;display:block;padding:4px 14px;box-sizing:border-box;text-decoration:none;background:#d9e1e8;color:#121a24;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dropdown-menu__item a:focus,.dropdown-menu__item a:hover,.dropdown-menu__item a:active{background:#00007f;color:#d9e1e8;outline:0}.dropdown--active .dropdown__content{display:block;line-height:18px;max-width:311px;right:0;text-align:left;z-index:9999}.dropdown--active .dropdown__content>ul{list-style:none;background:#d9e1e8;padding:4px 0;border-radius:4px;box-shadow:0 0 15px rgba(0,0,0,.4);min-width:140px;position:relative}.dropdown--active .dropdown__content.dropdown__right{right:0}.dropdown--active .dropdown__content.dropdown__left>ul{left:-98px}.dropdown--active .dropdown__content>ul>li>a{font-size:13px;line-height:18px;display:block;padding:4px 14px;box-sizing:border-box;text-decoration:none;background:#d9e1e8;color:#121a24;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dropdown--active .dropdown__content>ul>li>a:focus{outline:0}.dropdown--active .dropdown__content>ul>li>a:hover{background:#00007f;color:#d9e1e8}.dropdown__icon{vertical-align:middle}.columns-area{display:flex;flex:1 1 auto;flex-direction:row;justify-content:flex-start;overflow-x:auto;position:relative}.columns-area.unscrollable{overflow-x:hidden}.columns-area__panels{display:flex;justify-content:center;width:100%;height:100%;min-height:100vh}.columns-area__panels__pane{height:100%;overflow:hidden;pointer-events:none;display:flex;justify-content:flex-end;min-width:285px}.columns-area__panels__pane--start{justify-content:flex-start}.columns-area__panels__pane__inner{position:fixed;width:285px;pointer-events:auto;height:100%}.columns-area__panels__main{box-sizing:border-box;width:100%;max-width:600px;flex:0 0 auto;display:flex;flex-direction:column}@media screen and (min-width: 415px){.columns-area__panels__main{padding:0 10px}}.tabs-bar__wrapper{background:#040609;position:sticky;top:0;z-index:2;padding-top:0}@media screen and (min-width: 415px){.tabs-bar__wrapper{padding-top:10px}}.tabs-bar__wrapper .tabs-bar{margin-bottom:0}@media screen and (min-width: 415px){.tabs-bar__wrapper .tabs-bar{margin-bottom:10px}}.react-swipeable-view-container,.react-swipeable-view-container .columns-area,.react-swipeable-view-container .drawer,.react-swipeable-view-container .column{height:100%}.react-swipeable-view-container>*{display:flex;align-items:center;justify-content:center;height:100%}.column{width:350px;position:relative;box-sizing:border-box;display:flex;flex-direction:column}.column>.scrollable{background:#121a24;border-bottom-left-radius:2px;border-bottom-right-radius:2px}.ui{flex:0 0 auto;display:flex;flex-direction:column;width:100%;height:100%}.drawer{width:330px;box-sizing:border-box;display:flex;flex-direction:column;overflow-y:hidden}.drawer__tab{display:block;flex:1 1 auto;padding:15px 5px 13px;color:#9baec8;text-decoration:none;text-align:center;font-size:16px;border-bottom:2px solid transparent}.column,.drawer{flex:1 1 auto;overflow:hidden}@media screen and (min-width: 631px){.columns-area{padding:0}.column,.drawer{flex:0 0 auto;padding:10px;padding-left:5px;padding-right:5px}.column:first-child,.drawer:first-child{padding-left:10px}.column:last-child,.drawer:last-child{padding-right:10px}.columns-area>div .column,.columns-area>div .drawer{padding-left:5px;padding-right:5px}}.tabs-bar{box-sizing:border-box;display:flex;background:#202e3f;flex:0 0 auto;overflow-y:auto}.tabs-bar__link{display:block;flex:1 1 auto;padding:15px 10px;padding-bottom:13px;color:#fff;text-decoration:none;text-align:center;font-size:14px;font-weight:500;border-bottom:2px solid #202e3f;transition:all 50ms linear;transition-property:border-bottom,background,color}.tabs-bar__link .fa{font-weight:400;font-size:16px}@media screen and (min-width: 631px){.tabs-bar__link:hover,.tabs-bar__link:focus,.tabs-bar__link:active{background:#2a3c54;border-bottom-color:#2a3c54}}.tabs-bar__link.active{border-bottom:2px solid #00007f;color:#00007f}.tabs-bar__link span{margin-left:5px;display:none}@media screen and (min-width: 600px){.tabs-bar__link span{display:inline}}.columns-area--mobile{flex-direction:column;width:100%;height:100%;margin:0 auto}.columns-area--mobile .column,.columns-area--mobile .drawer{width:100%;height:100%;padding:0}.columns-area--mobile .directory__list{display:grid;grid-gap:10px;grid-template-columns:minmax(0, 50%) minmax(0, 50%)}@media screen and (max-width: 415px){.columns-area--mobile .directory__list{display:block}}.columns-area--mobile .directory__card{margin-bottom:0}.columns-area--mobile .filter-form{display:flex}.columns-area--mobile .autosuggest-textarea__textarea{font-size:16px}.columns-area--mobile .search__input{line-height:18px;font-size:16px;padding:15px;padding-right:30px}.columns-area--mobile .search__icon .fa{top:15px}.columns-area--mobile .scrollable{overflow:visible}@supports(display: grid){.columns-area--mobile .scrollable{contain:content}}@media screen and (min-width: 415px){.columns-area--mobile{padding:10px 0;padding-top:0}}@media screen and (min-width: 630px){.columns-area--mobile .detailed-status{padding:15px}.columns-area--mobile .detailed-status .media-gallery,.columns-area--mobile .detailed-status .video-player,.columns-area--mobile .detailed-status .audio-player{margin-top:15px}.columns-area--mobile .account__header__bar{padding:5px 10px}.columns-area--mobile .navigation-bar,.columns-area--mobile .compose-form{padding:15px}.columns-area--mobile .compose-form .compose-form__publish .compose-form__publish-button-wrapper{padding-top:15px}.columns-area--mobile .status{padding:15px 15px 15px 78px;min-height:50px}.columns-area--mobile .status__avatar{left:15px;top:17px}.columns-area--mobile .status__content{padding-top:5px}.columns-area--mobile .status__prepend{margin-left:78px;padding-top:15px}.columns-area--mobile .status__prepend-icon-wrapper{left:-32px}.columns-area--mobile .status .media-gallery,.columns-area--mobile .status__action-bar,.columns-area--mobile .status .video-player,.columns-area--mobile .status .audio-player{margin-top:10px}.columns-area--mobile .account{padding:15px 10px}.columns-area--mobile .account__header__bio{margin:0 -10px}.columns-area--mobile .notification__message{margin-left:78px;padding-top:15px}.columns-area--mobile .notification__favourite-icon-wrapper{left:-32px}.columns-area--mobile .notification .status{padding-top:8px}.columns-area--mobile .notification .account{padding-top:8px}.columns-area--mobile .notification .account__avatar-wrapper{margin-left:17px;margin-right:15px}}.floating-action-button{position:fixed;display:flex;justify-content:center;align-items:center;width:3.9375rem;height:3.9375rem;bottom:1.3125rem;right:1.3125rem;background:#000070;color:#fff;border-radius:50%;font-size:21px;line-height:21px;text-decoration:none;box-shadow:2px 3px 9px rgba(0,0,0,.4)}.floating-action-button:hover,.floating-action-button:focus,.floating-action-button:active{background:#0000a3}@media screen and (min-width: 415px){.tabs-bar{width:100%}.react-swipeable-view-container .columns-area--mobile{height:calc(100% - 10px) !important}.getting-started__wrapper,.getting-started__trends,.search{margin-bottom:10px}.getting-started__panel{margin:10px 0}.column,.drawer{min-width:330px}}@media screen and (max-width: 895px){.columns-area__panels__pane--compositional{display:none}}@media screen and (min-width: 895px){.floating-action-button,.tabs-bar__link.optional{display:none}.search-page .search{display:none}}@media screen and (max-width: 1190px){.columns-area__panels__pane--navigational{display:none}}@media screen and (min-width: 1190px){.tabs-bar{display:none}}.icon-with-badge{position:relative}.icon-with-badge__badge{position:absolute;left:9px;top:-13px;background:#00007f;border:2px solid #202e3f;padding:1px 6px;border-radius:6px;font-size:10px;font-weight:500;line-height:14px;color:#fff}.column-link--transparent .icon-with-badge__badge{border-color:#040609}.compose-panel{width:285px;margin-top:10px;display:flex;flex-direction:column;height:calc(100% - 10px);overflow-y:hidden}.compose-panel .navigation-bar{padding-top:20px;padding-bottom:20px;flex:0 1 48px;min-height:20px}.compose-panel .flex-spacer{background:transparent}.compose-panel .compose-form{flex:1;overflow-y:hidden;display:flex;flex-direction:column;min-height:310px;padding-bottom:71px;margin-bottom:-71px}.compose-panel .compose-form__autosuggest-wrapper{overflow-y:auto;background-color:#fff;border-radius:4px 4px 0 0;flex:0 1 auto}.compose-panel .autosuggest-textarea__textarea{overflow-y:hidden}.compose-panel .compose-form__upload-thumbnail{height:80px}.navigation-panel{margin-top:10px;margin-bottom:10px;height:calc(100% - 20px);overflow-y:auto;display:flex;flex-direction:column}.navigation-panel>a{flex:0 0 auto}.navigation-panel hr{flex:0 0 auto;border:0;background:transparent;border-top:1px solid #192432;margin:10px 0}.navigation-panel .flex-spacer{background:transparent}.drawer__pager{box-sizing:border-box;padding:0;flex-grow:1;position:relative;overflow:hidden;display:flex}.drawer__inner{position:absolute;top:0;left:0;background:#283a50;box-sizing:border-box;padding:0;display:flex;flex-direction:column;overflow:hidden;overflow-y:auto;width:100%;height:100%;border-radius:2px}.drawer__inner.darker{background:#121a24}.drawer__inner__mastodon{background:#283a50 url('data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 234.80078 31.757813\" width=\"234.80078\" height=\"31.757812\"><path d=\"M19.599609 0c-1.05 0-2.10039.375-2.90039 1.125L0 16.925781v14.832031h234.80078V17.025391l-16.5-15.900391c-1.6-1.5-4.20078-1.5-5.80078 0l-13.80078 13.099609c-1.6 1.5-4.19883 1.5-5.79883 0L179.09961 1.125c-1.6-1.5-4.19883-1.5-5.79883 0L159.5 14.224609c-1.6 1.5-4.20078 1.5-5.80078 0L139.90039 1.125c-1.6-1.5-4.20078-1.5-5.80078 0l-13.79883 13.099609c-1.6 1.5-4.20078 1.5-5.80078 0L100.69922 1.125c-1.600001-1.5-4.198829-1.5-5.798829 0l-13.59961 13.099609c-1.6 1.5-4.200781 1.5-5.800781 0L61.699219 1.125c-1.6-1.5-4.198828-1.5-5.798828 0L42.099609 14.224609c-1.6 1.5-4.198828 1.5-5.798828 0L22.5 1.125C21.7.375 20.649609 0 19.599609 0z\" fill=\"%23121A24\"/></svg>') no-repeat bottom/100% auto;flex:1;min-height:47px;display:none}.drawer__inner__mastodon>img{display:block;object-fit:contain;object-position:bottom left;width:100%;height:100%;pointer-events:none;user-drag:none;user-select:none}@media screen and (min-height: 640px){.drawer__inner__mastodon{display:block}}.pseudo-drawer{background:#283a50;font-size:13px;text-align:left}.drawer__header{flex:0 0 auto;font-size:16px;background:#202e3f;margin-bottom:10px;display:flex;flex-direction:row;border-radius:2px}.drawer__header a{transition:background 100ms ease-in}.drawer__header a:hover{background:#17212e;transition:background 200ms ease-out}.scrollable{overflow-y:scroll;overflow-x:hidden;flex:1 1 auto;-webkit-overflow-scrolling:touch}.scrollable.optionally-scrollable{overflow-y:auto}@supports(display: grid){.scrollable{contain:strict}}.scrollable--flex{display:flex;flex-direction:column}.scrollable__append{flex:1 1 auto;position:relative;min-height:120px}@supports(display: grid){.scrollable.fullscreen{contain:none}}.column-back-button{box-sizing:border-box;width:100%;background:#192432;color:#00007f;cursor:pointer;flex:0 0 auto;font-size:16px;line-height:inherit;border:0;text-align:unset;padding:15px;margin:0;z-index:3;outline:0}.column-back-button:hover{text-decoration:underline}.column-header__back-button{background:#192432;border:0;font-family:inherit;color:#00007f;cursor:pointer;white-space:nowrap;font-size:16px;padding:0 5px 0 0;z-index:3}.column-header__back-button:hover{text-decoration:underline}.column-header__back-button:last-child{padding:0 15px 0 0}.column-back-button__icon{display:inline-block;margin-right:5px}.column-back-button--slim{position:relative}.column-back-button--slim-button{cursor:pointer;flex:0 0 auto;font-size:16px;padding:15px;position:absolute;right:0;top:-48px}.react-toggle{display:inline-block;position:relative;cursor:pointer;background-color:transparent;border:0;padding:0;user-select:none;-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-tap-highlight-color:transparent}.react-toggle-screenreader-only{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.react-toggle--disabled{cursor:not-allowed;opacity:.5;transition:opacity .25s}.react-toggle-track{width:50px;height:24px;padding:0;border-radius:30px;background-color:#121a24;transition:background-color .2s ease}.react-toggle:hover:not(.react-toggle--disabled) .react-toggle-track{background-color:#010102}.react-toggle--checked .react-toggle-track{background-color:#00007f}.react-toggle--checked:hover:not(.react-toggle--disabled) .react-toggle-track{background-color:#0000b2}.react-toggle-track-check{position:absolute;width:14px;height:10px;top:0;bottom:0;margin-top:auto;margin-bottom:auto;line-height:0;left:8px;opacity:0;transition:opacity .25s ease}.react-toggle--checked .react-toggle-track-check{opacity:1;transition:opacity .25s ease}.react-toggle-track-x{position:absolute;width:10px;height:10px;top:0;bottom:0;margin-top:auto;margin-bottom:auto;line-height:0;right:10px;opacity:1;transition:opacity .25s ease}.react-toggle--checked .react-toggle-track-x{opacity:0}.react-toggle-thumb{position:absolute;top:1px;left:1px;width:22px;height:22px;border:1px solid #121a24;border-radius:50%;background-color:#fafafa;box-sizing:border-box;transition:all .25s ease;transition-property:border-color,left}.react-toggle--checked .react-toggle-thumb{left:27px;border-color:#00007f}.column-link{background:#202e3f;color:#fff;display:block;font-size:16px;padding:15px;text-decoration:none}.column-link:hover,.column-link:focus,.column-link:active{background:#253549}.column-link:focus{outline:0}.column-link--transparent{background:transparent;color:#d9e1e8}.column-link--transparent:hover,.column-link--transparent:focus,.column-link--transparent:active{background:transparent;color:#fff}.column-link--transparent.active{color:#00007f}.column-link__icon{display:inline-block;margin-right:5px}.column-link__badge{display:inline-block;border-radius:4px;font-size:12px;line-height:19px;font-weight:500;background:#121a24;padding:4px 8px;margin:-6px 10px}.column-subheading{background:#121a24;color:#404040;padding:8px 20px;font-size:13px;font-weight:500;cursor:default}.getting-started__wrapper,.getting-started,.flex-spacer{background:#121a24}.flex-spacer{flex:1 1 auto}.getting-started{color:#404040;overflow:auto;border-bottom-left-radius:2px;border-bottom-right-radius:2px}.getting-started__wrapper,.getting-started__panel,.getting-started__footer{height:min-content}.getting-started__panel,.getting-started__footer{padding:10px;padding-top:20px;flex-grow:0}.getting-started__panel ul,.getting-started__footer ul{margin-bottom:10px}.getting-started__panel ul li,.getting-started__footer ul li{display:inline}.getting-started__panel p,.getting-started__footer p{font-size:13px}.getting-started__panel p a,.getting-started__footer p a{color:#404040;text-decoration:underline}.getting-started__panel a,.getting-started__footer a{text-decoration:none;color:#9baec8}.getting-started__panel a:hover,.getting-started__panel a:focus,.getting-started__panel a:active,.getting-started__footer a:hover,.getting-started__footer a:focus,.getting-started__footer a:active{text-decoration:underline}.getting-started__wrapper,.getting-started__footer{color:#404040}.getting-started__trends{flex:0 1 auto;opacity:1;animation:fade 150ms linear;margin-top:10px}.getting-started__trends h4{font-size:13px;color:#9baec8;padding:10px;font-weight:500;border-bottom:1px solid #202e3f}@media screen and (max-height: 810px){.getting-started__trends .trends__item:nth-child(3){display:none}}@media screen and (max-height: 720px){.getting-started__trends .trends__item:nth-child(2){display:none}}@media screen and (max-height: 670px){.getting-started__trends{display:none}}.getting-started__trends .trends__item{border-bottom:0;padding:10px}.getting-started__trends .trends__item__current{color:#9baec8}.keyboard-shortcuts{padding:8px 0 0;overflow:hidden}.keyboard-shortcuts thead{position:absolute;left:-9999px}.keyboard-shortcuts td{padding:0 10px 8px}.keyboard-shortcuts kbd{display:inline-block;padding:3px 5px;background-color:#202e3f;border:1px solid #0b1016}.setting-text{display:block;box-sizing:border-box;width:100%;margin:0;color:#121a24;background:#fff;padding:10px;font-family:inherit;font-size:14px;resize:vertical;border:0;outline:0;border-radius:4px}.setting-text:focus{outline:0}@media screen and (max-width: 600px){.setting-text{font-size:16px}}.no-reduce-motion button.icon-button i.fa-retweet{background-position:0 0;height:19px;transition:background-position .9s steps(10);transition-duration:0s;vertical-align:middle;width:22px}.no-reduce-motion button.icon-button i.fa-retweet::before{display:none !important}.no-reduce-motion button.icon-button.active i.fa-retweet{transition-duration:.9s;background-position:0 100%}.reduce-motion button.icon-button i.fa-retweet{color:#404040;transition:color 100ms ease-in}.reduce-motion button.icon-button.active i.fa-retweet{color:#00007f}.status-card{display:flex;font-size:14px;border:1px solid #202e3f;border-radius:4px;color:#404040;margin-top:14px;text-decoration:none;overflow:hidden}.status-card__actions{bottom:0;left:0;position:absolute;right:0;top:0;display:flex;justify-content:center;align-items:center}.status-card__actions>div{background:rgba(0,0,0,.6);border-radius:8px;padding:12px 9px;flex:0 0 auto;display:flex;justify-content:center;align-items:center}.status-card__actions button,.status-card__actions a{display:inline;color:#d9e1e8;background:transparent;border:0;padding:0 8px;text-decoration:none;font-size:18px;line-height:18px}.status-card__actions button:hover,.status-card__actions button:active,.status-card__actions button:focus,.status-card__actions a:hover,.status-card__actions a:active,.status-card__actions a:focus{color:#fff}.status-card__actions a{font-size:19px;position:relative;bottom:-1px}a.status-card{cursor:pointer}a.status-card:hover{background:#202e3f}.status-card-photo{cursor:zoom-in;display:block;text-decoration:none;width:100%;height:auto;margin:0}.status-card-video iframe{width:100%;height:100%}.status-card__title{display:block;font-weight:500;margin-bottom:5px;color:#9baec8;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-decoration:none}.status-card__content{flex:1 1 auto;overflow:hidden;padding:14px 14px 14px 8px}.status-card__description{color:#9baec8}.status-card__host{display:block;margin-top:5px;font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.status-card__image{flex:0 0 100px;background:#202e3f;position:relative}.status-card__image>.fa{font-size:21px;position:absolute;transform-origin:50% 50%;top:50%;left:50%;transform:translate(-50%, -50%)}.status-card.horizontal{display:block}.status-card.horizontal .status-card__image{width:100%}.status-card.horizontal .status-card__image-image{border-radius:4px 4px 0 0}.status-card.horizontal .status-card__title{white-space:inherit}.status-card.compact{border-color:#192432}.status-card.compact.interactive{border:0}.status-card.compact .status-card__content{padding:8px;padding-top:10px}.status-card.compact .status-card__title{white-space:nowrap}.status-card.compact .status-card__image{flex:0 0 60px}a.status-card.compact:hover{background-color:#192432}.status-card__image-image{border-radius:4px 0 0 4px;display:block;margin:0;width:100%;height:100%;object-fit:cover;background-size:cover;background-position:center center}.load-more{display:block;color:#404040;background-color:transparent;border:0;font-size:inherit;text-align:center;line-height:inherit;margin:0;padding:15px;box-sizing:border-box;width:100%;clear:both;text-decoration:none}.load-more:hover{background:#151f2b}.load-gap{border-bottom:1px solid #202e3f}.regeneration-indicator{text-align:center;font-size:16px;font-weight:500;color:#404040;background:#121a24;cursor:default;display:flex;flex:1 1 auto;flex-direction:column;align-items:center;justify-content:center;padding:20px}.regeneration-indicator__figure,.regeneration-indicator__figure img{display:block;width:auto;height:160px;margin:0}.regeneration-indicator--without-header{padding-top:68px}.regeneration-indicator__label{margin-top:30px}.regeneration-indicator__label strong{display:block;margin-bottom:10px;color:#404040}.regeneration-indicator__label span{font-size:15px;font-weight:400}.column-header__wrapper{position:relative;flex:0 0 auto}.column-header__wrapper.active::before{display:block;content:\"\";position:absolute;top:35px;left:0;right:0;margin:0 auto;width:60%;pointer-events:none;height:28px;z-index:1;background:radial-gradient(ellipse, rgba(0, 0, 127, 0.23) 0%, rgba(0, 0, 127, 0) 60%)}.column-header{display:flex;font-size:16px;background:#192432;flex:0 0 auto;cursor:pointer;position:relative;z-index:2;outline:0;overflow:hidden;border-top-left-radius:2px;border-top-right-radius:2px}.column-header>button{margin:0;border:0;padding:15px 0 15px 15px;color:inherit;background:transparent;font:inherit;text-align:left;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;flex:1}.column-header>.column-header__back-button{color:#00007f}.column-header.active{box-shadow:0 1px 0 rgba(0,0,127,.3)}.column-header.active .column-header__icon{color:#00007f;text-shadow:0 0 10px rgba(0,0,127,.4)}.column-header:focus,.column-header:active{outline:0}.column-header__buttons{height:48px;display:flex}.column-header__links{margin-bottom:14px}.column-header__links .text-btn{margin-right:10px}.column-header__button{background:#192432;border:0;color:#9baec8;cursor:pointer;font-size:16px;padding:0 15px}.column-header__button:hover{color:#b2c1d5}.column-header__button.active{color:#fff;background:#202e3f}.column-header__button.active:hover{color:#fff;background:#202e3f}.column-header__collapsible{max-height:70vh;overflow:hidden;overflow-y:auto;color:#9baec8;transition:max-height 150ms ease-in-out,opacity 300ms linear;opacity:1}.column-header__collapsible.collapsed{max-height:0;opacity:.5}.column-header__collapsible.animating{overflow-y:hidden}.column-header__collapsible hr{height:0;background:transparent;border:0;border-top:1px solid #26374d;margin:10px 0}.column-header__collapsible-inner{background:#202e3f;padding:15px}.column-header__setting-btn:hover{color:#9baec8;text-decoration:underline}.column-header__setting-arrows{float:right}.column-header__setting-arrows .column-header__setting-btn{padding:0 10px}.column-header__setting-arrows .column-header__setting-btn:last-child{padding-right:0}.text-btn{display:inline-block;padding:0;font-family:inherit;font-size:inherit;color:inherit;border:0;background:transparent;cursor:pointer}.column-header__icon{display:inline-block;margin-right:5px}.loading-indicator{color:#404040;font-size:13px;font-weight:400;overflow:visible;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%)}.loading-indicator span{display:block;float:left;margin-left:50%;transform:translateX(-50%);margin:82px 0 0 50%;white-space:nowrap}.loading-indicator__figure{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:42px;height:42px;box-sizing:border-box;background-color:transparent;border:0 solid #3e5a7c;border-width:6px;border-radius:50%}.no-reduce-motion .loading-indicator span{animation:loader-label 1.15s infinite cubic-bezier(0.215, 0.61, 0.355, 1)}.no-reduce-motion .loading-indicator__figure{animation:loader-figure 1.15s infinite cubic-bezier(0.215, 0.61, 0.355, 1)}@keyframes spring-rotate-in{0%{transform:rotate(0deg)}30%{transform:rotate(-484.8deg)}60%{transform:rotate(-316.7deg)}90%{transform:rotate(-375deg)}100%{transform:rotate(-360deg)}}@keyframes spring-rotate-out{0%{transform:rotate(-360deg)}30%{transform:rotate(124.8deg)}60%{transform:rotate(-43.27deg)}90%{transform:rotate(15deg)}100%{transform:rotate(0deg)}}@keyframes loader-figure{0%{width:0;height:0;background-color:#3e5a7c}29%{background-color:#3e5a7c}30%{width:42px;height:42px;background-color:transparent;border-width:21px;opacity:1}100%{width:42px;height:42px;border-width:0;opacity:0;background-color:transparent}}@keyframes loader-label{0%{opacity:.25}30%{opacity:1}100%{opacity:.25}}.video-error-cover{align-items:center;background:#000;color:#fff;cursor:pointer;display:flex;flex-direction:column;height:100%;justify-content:center;margin-top:8px;position:relative;text-align:center;z-index:100}.media-spoiler{background:#000;color:#9baec8;border:0;padding:0;width:100%;height:100%;border-radius:4px;appearance:none}.media-spoiler:hover,.media-spoiler:active,.media-spoiler:focus{padding:0;color:#b5c3d6}.media-spoiler__warning{display:block;font-size:14px}.media-spoiler__trigger{display:block;font-size:11px;font-weight:700}.spoiler-button{top:0;left:0;width:100%;height:100%;position:absolute;z-index:100}.spoiler-button--minified{display:block;left:4px;top:4px;width:auto;height:auto}.spoiler-button--click-thru{pointer-events:none}.spoiler-button--hidden{display:none}.spoiler-button__overlay{display:block;background:transparent;width:100%;height:100%;border:0}.spoiler-button__overlay__label{display:inline-block;background:rgba(0,0,0,.5);border-radius:8px;padding:8px 12px;color:#fff;font-weight:500;font-size:14px}.spoiler-button__overlay:hover .spoiler-button__overlay__label,.spoiler-button__overlay:focus .spoiler-button__overlay__label,.spoiler-button__overlay:active .spoiler-button__overlay__label{background:rgba(0,0,0,.8)}.spoiler-button__overlay:disabled .spoiler-button__overlay__label{background:rgba(0,0,0,.5)}.modal-container--preloader{background:#202e3f}.account--panel{background:#192432;border-top:1px solid #202e3f;border-bottom:1px solid #202e3f;display:flex;flex-direction:row;padding:10px 0}.account--panel__button,.detailed-status__button{flex:1 1 auto;text-align:center}.column-settings__outer{background:#202e3f;padding:15px}.column-settings__section{color:#9baec8;cursor:default;display:block;font-weight:500;margin-bottom:10px}.column-settings__hashtags .column-settings__row{margin-bottom:15px}.column-settings__hashtags .column-select__control{outline:0;box-sizing:border-box;width:100%;border:0;box-shadow:none;font-family:inherit;background:#121a24;color:#9baec8;font-size:14px;margin:0}.column-settings__hashtags .column-select__control::placeholder{color:#a8b9cf}.column-settings__hashtags .column-select__control::-moz-focus-inner{border:0}.column-settings__hashtags .column-select__control::-moz-focus-inner,.column-settings__hashtags .column-select__control:focus,.column-settings__hashtags .column-select__control:active{outline:0 !important}.column-settings__hashtags .column-select__control:focus{background:#192432}@media screen and (max-width: 600px){.column-settings__hashtags .column-select__control{font-size:16px}}.column-settings__hashtags .column-select__placeholder{color:#404040;padding-left:2px;font-size:12px}.column-settings__hashtags .column-select__value-container{padding-left:6px}.column-settings__hashtags .column-select__multi-value{background:#202e3f}.column-settings__hashtags .column-select__multi-value__remove{cursor:pointer}.column-settings__hashtags .column-select__multi-value__remove:hover,.column-settings__hashtags .column-select__multi-value__remove:active,.column-settings__hashtags .column-select__multi-value__remove:focus{background:#26374d;color:#a8b9cf}.column-settings__hashtags .column-select__multi-value__label,.column-settings__hashtags .column-select__input{color:#9baec8}.column-settings__hashtags .column-select__clear-indicator,.column-settings__hashtags .column-select__dropdown-indicator{cursor:pointer;transition:none;color:#404040}.column-settings__hashtags .column-select__clear-indicator:hover,.column-settings__hashtags .column-select__clear-indicator:active,.column-settings__hashtags .column-select__clear-indicator:focus,.column-settings__hashtags .column-select__dropdown-indicator:hover,.column-settings__hashtags .column-select__dropdown-indicator:active,.column-settings__hashtags .column-select__dropdown-indicator:focus{color:#4a4a4a}.column-settings__hashtags .column-select__indicator-separator{background-color:#202e3f}.column-settings__hashtags .column-select__menu{background:#fff;border-radius:4px;padding:10px 14px;padding-bottom:14px;margin-top:10px;color:#9baec8;box-shadow:2px 4px 15px rgba(0,0,0,.4);padding:0;background:#d9e1e8}.column-settings__hashtags .column-select__menu h4{color:#9baec8;font-size:14px;font-weight:500;margin-bottom:10px}.column-settings__hashtags .column-select__menu li{padding:4px 0}.column-settings__hashtags .column-select__menu ul{margin-bottom:10px}.column-settings__hashtags .column-select__menu em{font-weight:500;color:#121a24}.column-settings__hashtags .column-select__menu-list{padding:6px}.column-settings__hashtags .column-select__option{color:#121a24;border-radius:4px;font-size:14px}.column-settings__hashtags .column-select__option--is-focused,.column-settings__hashtags .column-select__option--is-selected{background:#b9c8d5}.column-settings__row .text-btn{margin-bottom:15px}.relationship-tag{color:#fff;margin-bottom:4px;display:block;vertical-align:top;background-color:#000;font-size:12px;font-weight:500;padding:4px;border-radius:4px;opacity:.7}.relationship-tag:hover{opacity:1}.setting-toggle{display:block;line-height:24px}.setting-toggle__label{color:#9baec8;display:inline-block;margin-bottom:14px;margin-left:8px;vertical-align:middle}.empty-column-indicator,.error-column{color:#404040;background:#121a24;text-align:center;padding:20px;font-size:15px;font-weight:400;cursor:default;display:flex;flex:1 1 auto;align-items:center;justify-content:center}@supports(display: grid){.empty-column-indicator,.error-column{contain:strict}}.empty-column-indicator>span,.error-column>span{max-width:400px}.empty-column-indicator a,.error-column a{color:#00007f;text-decoration:none}.empty-column-indicator a:hover,.error-column a:hover{text-decoration:underline}.error-column{flex-direction:column}@keyframes heartbeat{from{transform:scale(1);animation-timing-function:ease-out}10%{transform:scale(0.91);animation-timing-function:ease-in}17%{transform:scale(0.98);animation-timing-function:ease-out}33%{transform:scale(0.87);animation-timing-function:ease-in}45%{transform:scale(1);animation-timing-function:ease-out}}.no-reduce-motion .pulse-loading{transform-origin:center center;animation:heartbeat 1.5s ease-in-out infinite both}@keyframes shake-bottom{0%,100%{transform:rotate(0deg);transform-origin:50% 100%}10%{transform:rotate(2deg)}20%,40%,60%{transform:rotate(-4deg)}30%,50%,70%{transform:rotate(4deg)}80%{transform:rotate(-2deg)}90%{transform:rotate(2deg)}}.no-reduce-motion .shake-bottom{transform-origin:50% 100%;animation:shake-bottom .8s cubic-bezier(0.455, 0.03, 0.515, 0.955) 2s 2 both}.emoji-picker-dropdown__menu{background:#fff;position:absolute;box-shadow:4px 4px 6px rgba(0,0,0,.4);border-radius:4px;margin-top:5px;z-index:2}.emoji-picker-dropdown__menu .emoji-mart-scroll{transition:opacity 200ms ease}.emoji-picker-dropdown__menu.selecting .emoji-mart-scroll{opacity:.5}.emoji-picker-dropdown__modifiers{position:absolute;top:60px;right:11px;cursor:pointer}.emoji-picker-dropdown__modifiers__menu{position:absolute;z-index:4;top:-4px;left:-8px;background:#fff;border-radius:4px;box-shadow:1px 2px 6px rgba(0,0,0,.2);overflow:hidden}.emoji-picker-dropdown__modifiers__menu button{display:block;cursor:pointer;border:0;padding:4px 8px;background:transparent}.emoji-picker-dropdown__modifiers__menu button:hover,.emoji-picker-dropdown__modifiers__menu button:focus,.emoji-picker-dropdown__modifiers__menu button:active{background:rgba(217,225,232,.4)}.emoji-picker-dropdown__modifiers__menu .emoji-mart-emoji{height:22px}.emoji-mart-emoji span{background-repeat:no-repeat}.upload-area{align-items:center;background:rgba(0,0,0,.8);display:flex;height:100%;justify-content:center;left:0;opacity:0;position:absolute;top:0;visibility:hidden;width:100%;z-index:2000}.upload-area *{pointer-events:none}.upload-area__drop{width:320px;height:160px;display:flex;box-sizing:border-box;position:relative;padding:8px}.upload-area__background{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;border-radius:4px;background:#121a24;box-shadow:0 0 5px rgba(0,0,0,.2)}.upload-area__content{flex:1;display:flex;align-items:center;justify-content:center;color:#d9e1e8;font-size:18px;font-weight:500;border:2px dashed #404040;border-radius:4px}.upload-progress{padding:10px;color:#404040;overflow:hidden;display:flex}.upload-progress .fa{font-size:34px;margin-right:10px}.upload-progress span{font-size:13px;font-weight:500;display:block}.upload-progess__message{flex:1 1 auto}.upload-progress__backdrop{width:100%;height:6px;border-radius:6px;background:#404040;position:relative;margin-top:5px}.upload-progress__tracker{position:absolute;left:0;top:0;height:6px;background:#00007f;border-radius:6px}.emoji-button{display:block;font-size:24px;line-height:24px;margin-left:2px;width:24px;outline:0;cursor:pointer}.emoji-button:active,.emoji-button:focus{outline:0 !important}.emoji-button img{filter:grayscale(100%);opacity:.8;display:block;margin:0;width:22px;height:22px;margin-top:2px}.emoji-button:hover img,.emoji-button:active img,.emoji-button:focus img{opacity:1;filter:none}.dropdown--active .emoji-button img{opacity:1;filter:none}.privacy-dropdown__dropdown{position:absolute;background:#fff;box-shadow:2px 4px 15px rgba(0,0,0,.4);border-radius:4px;margin-left:40px;overflow:hidden}.privacy-dropdown__dropdown.top{transform-origin:50% 100%}.privacy-dropdown__dropdown.bottom{transform-origin:50% 0}.privacy-dropdown__option{color:#121a24;padding:10px;cursor:pointer;display:flex}.privacy-dropdown__option:hover,.privacy-dropdown__option.active{background:#00007f;color:#fff;outline:0}.privacy-dropdown__option:hover .privacy-dropdown__option__content,.privacy-dropdown__option.active .privacy-dropdown__option__content{color:#fff}.privacy-dropdown__option:hover .privacy-dropdown__option__content strong,.privacy-dropdown__option.active .privacy-dropdown__option__content strong{color:#fff}.privacy-dropdown__option.active:hover{background:#000093}.privacy-dropdown__option__icon{display:flex;align-items:center;justify-content:center;margin-right:10px}.privacy-dropdown__option__content{flex:1 1 auto;color:#404040}.privacy-dropdown__option__content strong{font-weight:500;display:block;color:#121a24}.privacy-dropdown__option__content strong:lang(ja){font-weight:700}.privacy-dropdown__option__content strong:lang(ko){font-weight:700}.privacy-dropdown__option__content strong:lang(zh-CN){font-weight:700}.privacy-dropdown__option__content strong:lang(zh-HK){font-weight:700}.privacy-dropdown__option__content strong:lang(zh-TW){font-weight:700}.privacy-dropdown.active .privacy-dropdown__value{background:#fff;border-radius:4px 4px 0 0;box-shadow:0 -4px 4px rgba(0,0,0,.1)}.privacy-dropdown.active .privacy-dropdown__value .icon-button{transition:none}.privacy-dropdown.active .privacy-dropdown__value.active{background:#00007f}.privacy-dropdown.active .privacy-dropdown__value.active .icon-button{color:#fff}.privacy-dropdown.active.top .privacy-dropdown__value{border-radius:0 0 4px 4px}.privacy-dropdown.active .privacy-dropdown__dropdown{display:block;box-shadow:2px 4px 6px rgba(0,0,0,.1)}.search{position:relative}.search__input{outline:0;box-sizing:border-box;width:100%;border:0;box-shadow:none;font-family:inherit;background:#121a24;color:#9baec8;font-size:14px;margin:0;display:block;padding:15px;padding-right:30px;line-height:18px;font-size:16px}.search__input::placeholder{color:#a8b9cf}.search__input::-moz-focus-inner{border:0}.search__input::-moz-focus-inner,.search__input:focus,.search__input:active{outline:0 !important}.search__input:focus{background:#192432}@media screen and (max-width: 600px){.search__input{font-size:16px}}.search__icon::-moz-focus-inner{border:0}.search__icon::-moz-focus-inner,.search__icon:focus{outline:0 !important}.search__icon .fa{position:absolute;top:16px;right:10px;z-index:2;display:inline-block;opacity:0;transition:all 100ms linear;transition-property:transform,opacity;font-size:18px;width:18px;height:18px;color:#d9e1e8;cursor:default;pointer-events:none}.search__icon .fa.active{pointer-events:auto;opacity:.3}.search__icon .fa-search{transform:rotate(90deg)}.search__icon .fa-search.active{pointer-events:none;transform:rotate(0deg)}.search__icon .fa-times-circle{top:17px;transform:rotate(0deg);color:#404040;cursor:pointer}.search__icon .fa-times-circle.active{transform:rotate(90deg)}.search__icon .fa-times-circle:hover{color:#525252}.search-results__header{color:#404040;background:#151f2b;padding:15px;font-weight:500;font-size:16px;cursor:default}.search-results__header .fa{display:inline-block;margin-right:5px}.search-results__section{margin-bottom:5px}.search-results__section h5{background:#0b1016;border-bottom:1px solid #202e3f;cursor:default;display:flex;padding:15px;font-weight:500;font-size:16px;color:#404040}.search-results__section h5 .fa{display:inline-block;margin-right:5px}.search-results__section .account:last-child,.search-results__section>div:last-child .status{border-bottom:0}.search-results__hashtag{display:block;padding:10px;color:#d9e1e8;text-decoration:none}.search-results__hashtag:hover,.search-results__hashtag:active,.search-results__hashtag:focus{color:#e6ebf0;text-decoration:underline}.search-results__info{padding:20px;color:#9baec8;text-align:center}.modal-root{position:relative;transition:opacity .3s linear;will-change:opacity;z-index:9999}.modal-root__overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.7)}.modal-root__container{position:fixed;top:0;left:0;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;align-content:space-around;z-index:9999;pointer-events:none;user-select:none}.modal-root__modal{pointer-events:auto;display:flex;z-index:9999}.video-modal__container{max-width:100vw;max-height:100vh}.audio-modal__container{width:50vw}.media-modal{width:100%;height:100%;position:relative}.media-modal .extended-video-player{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.media-modal .extended-video-player video{max-width:100%;max-height:80%}.media-modal__closer{position:absolute;top:0;left:0;right:0;bottom:0}.media-modal__navigation{position:absolute;top:0;left:0;right:0;bottom:0;pointer-events:none;transition:opacity .3s linear;will-change:opacity}.media-modal__navigation *{pointer-events:auto}.media-modal__navigation.media-modal__navigation--hidden{opacity:0}.media-modal__navigation.media-modal__navigation--hidden *{pointer-events:none}.media-modal__nav{background:rgba(0,0,0,.5);box-sizing:border-box;border:0;color:#fff;cursor:pointer;display:flex;align-items:center;font-size:24px;height:20vmax;margin:auto 0;padding:30px 15px;position:absolute;top:0;bottom:0}.media-modal__nav--left{left:0}.media-modal__nav--right{right:0}.media-modal__pagination{width:100%;text-align:center;position:absolute;left:0;bottom:20px;pointer-events:none}.media-modal__meta{text-align:center;position:absolute;left:0;bottom:20px;width:100%;pointer-events:none}.media-modal__meta--shifted{bottom:62px}.media-modal__meta a{pointer-events:auto;text-decoration:none;font-weight:500;color:#d9e1e8}.media-modal__meta a:hover,.media-modal__meta a:focus,.media-modal__meta a:active{text-decoration:underline}.media-modal__page-dot{display:inline-block}.media-modal__button{background-color:#fff;height:12px;width:12px;border-radius:6px;margin:10px;padding:0;border:0;font-size:0}.media-modal__button--active{background-color:#00007f}.media-modal__close{position:absolute;right:8px;top:8px;z-index:100}.onboarding-modal,.error-modal,.embed-modal{background:#d9e1e8;color:#121a24;border-radius:8px;overflow:hidden;display:flex;flex-direction:column}.error-modal__body{height:80vh;width:80vw;max-width:520px;max-height:420px;position:relative}.error-modal__body>div{position:absolute;top:0;left:0;width:100%;height:100%;box-sizing:border-box;padding:25px;display:none;flex-direction:column;align-items:center;justify-content:center;display:flex;opacity:0;user-select:text}.error-modal__body{display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center}.onboarding-modal__paginator,.error-modal__footer{flex:0 0 auto;background:#c0cdd9;display:flex;padding:25px}.onboarding-modal__paginator>div,.error-modal__footer>div{min-width:33px}.onboarding-modal__paginator .onboarding-modal__nav,.onboarding-modal__paginator .error-modal__nav,.error-modal__footer .onboarding-modal__nav,.error-modal__footer .error-modal__nav{color:#404040;border:0;font-size:14px;font-weight:500;padding:10px 25px;line-height:inherit;height:auto;margin:-10px;border-radius:4px;background-color:transparent}.onboarding-modal__paginator .onboarding-modal__nav:hover,.onboarding-modal__paginator .onboarding-modal__nav:focus,.onboarding-modal__paginator .onboarding-modal__nav:active,.onboarding-modal__paginator .error-modal__nav:hover,.onboarding-modal__paginator .error-modal__nav:focus,.onboarding-modal__paginator .error-modal__nav:active,.error-modal__footer .onboarding-modal__nav:hover,.error-modal__footer .onboarding-modal__nav:focus,.error-modal__footer .onboarding-modal__nav:active,.error-modal__footer .error-modal__nav:hover,.error-modal__footer .error-modal__nav:focus,.error-modal__footer .error-modal__nav:active{color:#363636;background-color:#a6b9c9}.onboarding-modal__paginator .onboarding-modal__nav.onboarding-modal__done,.onboarding-modal__paginator .onboarding-modal__nav.onboarding-modal__next,.onboarding-modal__paginator .error-modal__nav.onboarding-modal__done,.onboarding-modal__paginator .error-modal__nav.onboarding-modal__next,.error-modal__footer .onboarding-modal__nav.onboarding-modal__done,.error-modal__footer .onboarding-modal__nav.onboarding-modal__next,.error-modal__footer .error-modal__nav.onboarding-modal__done,.error-modal__footer .error-modal__nav.onboarding-modal__next{color:#121a24}.onboarding-modal__paginator .onboarding-modal__nav.onboarding-modal__done:hover,.onboarding-modal__paginator .onboarding-modal__nav.onboarding-modal__done:focus,.onboarding-modal__paginator .onboarding-modal__nav.onboarding-modal__done:active,.onboarding-modal__paginator .onboarding-modal__nav.onboarding-modal__next:hover,.onboarding-modal__paginator .onboarding-modal__nav.onboarding-modal__next:focus,.onboarding-modal__paginator .onboarding-modal__nav.onboarding-modal__next:active,.onboarding-modal__paginator .error-modal__nav.onboarding-modal__done:hover,.onboarding-modal__paginator .error-modal__nav.onboarding-modal__done:focus,.onboarding-modal__paginator .error-modal__nav.onboarding-modal__done:active,.onboarding-modal__paginator .error-modal__nav.onboarding-modal__next:hover,.onboarding-modal__paginator .error-modal__nav.onboarding-modal__next:focus,.onboarding-modal__paginator .error-modal__nav.onboarding-modal__next:active,.error-modal__footer .onboarding-modal__nav.onboarding-modal__done:hover,.error-modal__footer .onboarding-modal__nav.onboarding-modal__done:focus,.error-modal__footer .onboarding-modal__nav.onboarding-modal__done:active,.error-modal__footer .onboarding-modal__nav.onboarding-modal__next:hover,.error-modal__footer .onboarding-modal__nav.onboarding-modal__next:focus,.error-modal__footer .onboarding-modal__nav.onboarding-modal__next:active,.error-modal__footer .error-modal__nav.onboarding-modal__done:hover,.error-modal__footer .error-modal__nav.onboarding-modal__done:focus,.error-modal__footer .error-modal__nav.onboarding-modal__done:active,.error-modal__footer .error-modal__nav.onboarding-modal__next:hover,.error-modal__footer .error-modal__nav.onboarding-modal__next:focus,.error-modal__footer .error-modal__nav.onboarding-modal__next:active{color:#192432}.error-modal__footer{justify-content:center}.display-case{text-align:center;font-size:15px;margin-bottom:15px}.display-case__label{font-weight:500;color:#121a24;margin-bottom:5px;font-size:13px}.display-case__case{background:#121a24;color:#d9e1e8;font-weight:500;padding:10px;border-radius:4px}.onboard-sliders{display:inline-block;max-width:30px;max-height:auto;margin-left:10px}.boost-modal,.confirmation-modal,.report-modal,.actions-modal,.mute-modal,.block-modal{background:#f2f5f7;color:#121a24;border-radius:8px;overflow:hidden;max-width:90vw;width:480px;position:relative;flex-direction:column}.boost-modal .status__display-name,.confirmation-modal .status__display-name,.report-modal .status__display-name,.actions-modal .status__display-name,.mute-modal .status__display-name,.block-modal .status__display-name{display:block;max-width:100%;padding-right:25px}.boost-modal .status__avatar,.confirmation-modal .status__avatar,.report-modal .status__avatar,.actions-modal .status__avatar,.mute-modal .status__avatar,.block-modal .status__avatar{height:28px;left:10px;position:absolute;top:10px;width:48px}.boost-modal .status__content__spoiler-link,.confirmation-modal .status__content__spoiler-link,.report-modal .status__content__spoiler-link,.actions-modal .status__content__spoiler-link,.mute-modal .status__content__spoiler-link,.block-modal .status__content__spoiler-link{color:#f2f5f7}.actions-modal .status{background:#fff;border-bottom-color:#d9e1e8;padding-top:10px;padding-bottom:10px}.actions-modal .dropdown-menu__separator{border-bottom-color:#d9e1e8}.boost-modal__container{overflow-x:scroll;padding:10px}.boost-modal__container .status{user-select:text;border-bottom:0}.boost-modal__action-bar,.confirmation-modal__action-bar,.mute-modal__action-bar,.block-modal__action-bar{display:flex;justify-content:space-between;background:#d9e1e8;padding:10px;line-height:36px}.boost-modal__action-bar>div,.confirmation-modal__action-bar>div,.mute-modal__action-bar>div,.block-modal__action-bar>div{flex:1 1 auto;text-align:right;color:#404040;padding-right:10px}.boost-modal__action-bar .button,.confirmation-modal__action-bar .button,.mute-modal__action-bar .button,.block-modal__action-bar .button{flex:0 0 auto}.boost-modal__status-header{font-size:15px}.boost-modal__status-time{float:right;font-size:14px}.mute-modal,.block-modal{line-height:24px}.mute-modal .react-toggle,.block-modal .react-toggle{vertical-align:middle}.report-modal{width:90vw;max-width:700px}.report-modal__container{display:flex;border-top:1px solid #d9e1e8}@media screen and (max-width: 480px){.report-modal__container{flex-wrap:wrap;overflow-y:auto}}.report-modal__statuses,.report-modal__comment{box-sizing:border-box;width:50%}@media screen and (max-width: 480px){.report-modal__statuses,.report-modal__comment{width:100%}}.report-modal__statuses,.focal-point-modal__content{flex:1 1 auto;min-height:20vh;max-height:80vh;overflow-y:auto;overflow-x:hidden}.report-modal__statuses .status__content a,.focal-point-modal__content .status__content a{color:#00007f}.report-modal__statuses .status__content,.report-modal__statuses .status__content p,.focal-point-modal__content .status__content,.focal-point-modal__content .status__content p{color:#121a24}@media screen and (max-width: 480px){.report-modal__statuses,.focal-point-modal__content{max-height:10vh}}@media screen and (max-width: 480px){.focal-point-modal__content{max-height:40vh}}.report-modal__comment{padding:20px;border-right:1px solid #d9e1e8;max-width:320px}.report-modal__comment p{font-size:14px;line-height:20px;margin-bottom:20px}.report-modal__comment .setting-text{display:block;box-sizing:border-box;width:100%;margin:0;color:#121a24;background:#fff;padding:10px;font-family:inherit;font-size:14px;resize:none;border:0;outline:0;border-radius:4px;border:1px solid #d9e1e8;min-height:100px;max-height:50vh;margin-bottom:10px}.report-modal__comment .setting-text:focus{border:1px solid #c0cdd9}.report-modal__comment .setting-text__wrapper{background:#fff;border:1px solid #d9e1e8;margin-bottom:10px;border-radius:4px}.report-modal__comment .setting-text__wrapper .setting-text{border:0;margin-bottom:0;border-radius:0}.report-modal__comment .setting-text__wrapper .setting-text:focus{border:0}.report-modal__comment .setting-text__wrapper__modifiers{color:#121a24;font-family:inherit;font-size:14px;background:#fff}.report-modal__comment .setting-text__toolbar{display:flex;justify-content:space-between;margin-bottom:20px}.report-modal__comment .setting-text-label{display:block;color:#121a24;font-size:14px;font-weight:500;margin-bottom:10px}.report-modal__comment .setting-toggle{margin-top:20px;margin-bottom:24px}.report-modal__comment .setting-toggle__label{color:#121a24;font-size:14px}@media screen and (max-width: 480px){.report-modal__comment{padding:10px;max-width:100%;order:2}.report-modal__comment .setting-toggle{margin-bottom:4px}}.actions-modal{max-height:80vh;max-width:80vw}.actions-modal .status{overflow-y:auto;max-height:300px}.actions-modal .actions-modal__item-label{font-weight:500}.actions-modal ul{overflow-y:auto;flex-shrink:0;max-height:80vh}.actions-modal ul.with-status{max-height:calc(80vh - 75px)}.actions-modal ul li:empty{margin:0}.actions-modal ul li:not(:empty) a{color:#121a24;display:flex;padding:12px 16px;font-size:15px;align-items:center;text-decoration:none}.actions-modal ul li:not(:empty) a,.actions-modal ul li:not(:empty) a button{transition:none}.actions-modal ul li:not(:empty) a.active,.actions-modal ul li:not(:empty) a.active button,.actions-modal ul li:not(:empty) a:hover,.actions-modal ul li:not(:empty) a:hover button,.actions-modal ul li:not(:empty) a:active,.actions-modal ul li:not(:empty) a:active button,.actions-modal ul li:not(:empty) a:focus,.actions-modal ul li:not(:empty) a:focus button{background:#00007f;color:#fff}.actions-modal ul li:not(:empty) a button:first-child{margin-right:10px}.confirmation-modal__action-bar .confirmation-modal__secondary-button,.mute-modal__action-bar .confirmation-modal__secondary-button,.block-modal__action-bar .confirmation-modal__secondary-button{flex-shrink:1}.confirmation-modal__secondary-button,.confirmation-modal__cancel-button,.mute-modal__cancel-button,.block-modal__cancel-button{background-color:transparent;color:#404040;font-size:14px;font-weight:500}.confirmation-modal__secondary-button:hover,.confirmation-modal__secondary-button:focus,.confirmation-modal__secondary-button:active,.confirmation-modal__cancel-button:hover,.confirmation-modal__cancel-button:focus,.confirmation-modal__cancel-button:active,.mute-modal__cancel-button:hover,.mute-modal__cancel-button:focus,.mute-modal__cancel-button:active,.block-modal__cancel-button:hover,.block-modal__cancel-button:focus,.block-modal__cancel-button:active{color:#363636;background-color:transparent}.confirmation-modal__container,.mute-modal__container,.block-modal__container,.report-modal__target{padding:30px;font-size:16px}.confirmation-modal__container strong,.mute-modal__container strong,.block-modal__container strong,.report-modal__target strong{font-weight:500}.confirmation-modal__container strong:lang(ja),.mute-modal__container strong:lang(ja),.block-modal__container strong:lang(ja),.report-modal__target strong:lang(ja){font-weight:700}.confirmation-modal__container strong:lang(ko),.mute-modal__container strong:lang(ko),.block-modal__container strong:lang(ko),.report-modal__target strong:lang(ko){font-weight:700}.confirmation-modal__container strong:lang(zh-CN),.mute-modal__container strong:lang(zh-CN),.block-modal__container strong:lang(zh-CN),.report-modal__target strong:lang(zh-CN){font-weight:700}.confirmation-modal__container strong:lang(zh-HK),.mute-modal__container strong:lang(zh-HK),.block-modal__container strong:lang(zh-HK),.report-modal__target strong:lang(zh-HK){font-weight:700}.confirmation-modal__container strong:lang(zh-TW),.mute-modal__container strong:lang(zh-TW),.block-modal__container strong:lang(zh-TW),.report-modal__target strong:lang(zh-TW){font-weight:700}.confirmation-modal__container,.report-modal__target{text-align:center}.block-modal__explanation,.mute-modal__explanation{margin-top:20px}.block-modal .setting-toggle,.mute-modal .setting-toggle{margin-top:20px;margin-bottom:24px;display:flex;align-items:center}.block-modal .setting-toggle__label,.mute-modal .setting-toggle__label{color:#121a24;margin:0;margin-left:8px}.report-modal__target{padding:15px}.report-modal__target .media-modal__close{top:14px;right:15px}.loading-bar{background-color:#00007f;height:3px;position:absolute;top:0;left:0;z-index:9999}.media-gallery__gifv__label{display:block;position:absolute;color:#fff;background:rgba(0,0,0,.5);bottom:6px;left:6px;padding:2px 6px;border-radius:2px;font-size:11px;font-weight:600;z-index:1;pointer-events:none;opacity:.9;transition:opacity .1s ease;line-height:18px}.media-gallery__gifv.autoplay .media-gallery__gifv__label{display:none}.media-gallery__gifv:hover .media-gallery__gifv__label{opacity:1}.media-gallery__audio{margin-top:32px}.media-gallery__audio audio{width:100%}.attachment-list{display:flex;font-size:14px;border:1px solid #202e3f;border-radius:4px;margin-top:14px;overflow:hidden}.attachment-list__icon{flex:0 0 auto;color:#404040;padding:8px 18px;cursor:default;border-right:1px solid #202e3f;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:26px}.attachment-list__icon .fa{display:block}.attachment-list__list{list-style:none;padding:4px 0;padding-left:8px;display:flex;flex-direction:column;justify-content:center}.attachment-list__list li{display:block;padding:4px 0}.attachment-list__list a{text-decoration:none;color:#404040;font-weight:500}.attachment-list__list a:hover{text-decoration:underline}.attachment-list.compact{border:0;margin-top:4px}.attachment-list.compact .attachment-list__list{padding:0;display:block}.attachment-list.compact .fa{color:#404040}.media-gallery{box-sizing:border-box;margin-top:8px;overflow:hidden;border-radius:4px;position:relative;width:100%}.media-gallery__item{border:0;box-sizing:border-box;display:block;float:left;position:relative;border-radius:4px;overflow:hidden}.media-gallery__item.standalone .media-gallery__item-gifv-thumbnail{transform:none;top:0}.media-gallery__item-thumbnail{cursor:zoom-in;display:block;text-decoration:none;color:#d9e1e8;position:relative;z-index:1}.media-gallery__item-thumbnail,.media-gallery__item-thumbnail img{height:100%;width:100%}.media-gallery__item-thumbnail img{object-fit:cover}.media-gallery__preview{width:100%;height:100%;object-fit:cover;position:absolute;top:0;left:0;z-index:0;background:#000}.media-gallery__preview--hidden{display:none}.media-gallery__gifv{height:100%;overflow:hidden;position:relative;width:100%}.media-gallery__item-gifv-thumbnail{cursor:zoom-in;height:100%;object-fit:cover;position:relative;top:50%;transform:translateY(-50%);width:100%;z-index:1}.media-gallery__item-thumbnail-label{clip:rect(1px 1px 1px 1px);clip:rect(1px, 1px, 1px, 1px);overflow:hidden;position:absolute}.detailed .video-player__volume__current,.detailed .video-player__volume::before,.fullscreen .video-player__volume__current,.fullscreen .video-player__volume::before{bottom:27px}.detailed .video-player__volume__handle,.fullscreen .video-player__volume__handle{bottom:23px}.audio-player{box-sizing:border-box;position:relative;background:#040609;border-radius:4px;padding-bottom:44px;direction:ltr}.audio-player.editable{border-radius:0;height:100%}.audio-player__waveform{padding:15px 0;position:relative;overflow:hidden}.audio-player__waveform::before{content:\"\";display:block;position:absolute;border-top:1px solid #192432;width:100%;height:0;left:0;top:calc(50% + 1px)}.audio-player__progress-placeholder{background-color:rgba(0,0,168,.5)}.audio-player__wave-placeholder{background-color:#2d415a}.audio-player .video-player__controls{padding:0 15px;padding-top:10px;background:#040609;border-top:1px solid #192432;border-radius:0 0 4px 4px}.video-player{overflow:hidden;position:relative;background:#000;max-width:100%;border-radius:4px;box-sizing:border-box;direction:ltr}.video-player.editable{border-radius:0;height:100% !important}.video-player:focus{outline:0}.video-player video{max-width:100vw;max-height:80vh;z-index:1}.video-player.fullscreen{width:100% !important;height:100% !important;margin:0}.video-player.fullscreen video{max-width:100% !important;max-height:100% !important;width:100% !important;height:100% !important;outline:0}.video-player.inline video{object-fit:contain;position:relative;top:50%;transform:translateY(-50%)}.video-player__controls{position:absolute;z-index:2;bottom:0;left:0;right:0;box-sizing:border-box;background:linear-gradient(0deg, rgba(0, 0, 0, 0.85) 0, rgba(0, 0, 0, 0.45) 60%, transparent);padding:0 15px;opacity:0;transition:opacity .1s ease}.video-player__controls.active{opacity:1}.video-player.inactive video,.video-player.inactive .video-player__controls{visibility:hidden}.video-player__spoiler{display:none;position:absolute;top:0;left:0;width:100%;height:100%;z-index:4;border:0;background:#000;color:#9baec8;transition:none;pointer-events:none}.video-player__spoiler.active{display:block;pointer-events:auto}.video-player__spoiler.active:hover,.video-player__spoiler.active:active,.video-player__spoiler.active:focus{color:#b2c1d5}.video-player__spoiler__title{display:block;font-size:14px}.video-player__spoiler__subtitle{display:block;font-size:11px;font-weight:500}.video-player__buttons-bar{display:flex;justify-content:space-between;padding-bottom:10px}.video-player__buttons-bar .video-player__download__icon{color:inherit}.video-player__buttons{font-size:16px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.video-player__buttons.left button{padding-left:0}.video-player__buttons.right button{padding-right:0}.video-player__buttons button{background:transparent;padding:2px 10px;font-size:16px;border:0;color:rgba(255,255,255,.75)}.video-player__buttons button:active,.video-player__buttons button:hover,.video-player__buttons button:focus{color:#fff}.video-player__time-sep,.video-player__time-total,.video-player__time-current{font-size:14px;font-weight:500}.video-player__time-current{color:#fff;margin-left:60px}.video-player__time-sep{display:inline-block;margin:0 6px}.video-player__time-sep,.video-player__time-total{color:#fff}.video-player__volume{cursor:pointer;height:24px;display:inline}.video-player__volume::before{content:\"\";width:50px;background:rgba(255,255,255,.35);border-radius:4px;display:block;position:absolute;height:4px;left:70px;bottom:20px}.video-player__volume__current{display:block;position:absolute;height:4px;border-radius:4px;left:70px;bottom:20px;background:#0000a8}.video-player__volume__handle{position:absolute;z-index:3;border-radius:50%;width:12px;height:12px;bottom:16px;left:70px;transition:opacity .1s ease;background:#0000a8;box-shadow:1px 2px 6px rgba(0,0,0,.2);pointer-events:none}.video-player__link{padding:2px 10px}.video-player__link a{text-decoration:none;font-size:14px;font-weight:500;color:#fff}.video-player__link a:hover,.video-player__link a:active,.video-player__link a:focus{text-decoration:underline}.video-player__seek{cursor:pointer;height:24px;position:relative}.video-player__seek::before{content:\"\";width:100%;background:rgba(255,255,255,.35);border-radius:4px;display:block;position:absolute;height:4px;top:10px}.video-player__seek__progress,.video-player__seek__buffer{display:block;position:absolute;height:4px;border-radius:4px;top:10px;background:#0000a8}.video-player__seek__buffer{background:rgba(255,255,255,.2)}.video-player__seek__handle{position:absolute;z-index:3;opacity:0;border-radius:50%;width:12px;height:12px;top:6px;margin-left:-6px;transition:opacity .1s ease;background:#0000a8;box-shadow:1px 2px 6px rgba(0,0,0,.2);pointer-events:none}.video-player__seek__handle.active{opacity:1}.video-player__seek:hover .video-player__seek__handle{opacity:1}.video-player.detailed .video-player__buttons button,.video-player.fullscreen .video-player__buttons button{padding-top:10px;padding-bottom:10px}.directory__list{width:100%;margin:10px 0;transition:opacity 100ms ease-in}.directory__list.loading{opacity:.7}@media screen and (max-width: 415px){.directory__list{margin:0}}.directory__card{box-sizing:border-box;margin-bottom:10px}.directory__card__img{height:125px;position:relative;background:#000;overflow:hidden}.directory__card__img img{display:block;width:100%;height:100%;margin:0;object-fit:cover}.directory__card__bar{display:flex;align-items:center;background:#192432;padding:10px}.directory__card__bar__name{flex:1 1 auto;display:flex;align-items:center;text-decoration:none;overflow:hidden}.directory__card__bar__relationship{width:23px;min-height:1px;flex:0 0 auto}.directory__card__bar .avatar{flex:0 0 auto;width:48px;height:48px;padding-top:2px}.directory__card__bar .avatar img{width:100%;height:100%;display:block;margin:0;border-radius:4px;background:#040609;object-fit:cover}.directory__card__bar .display-name{margin-left:15px;text-align:left}.directory__card__bar .display-name strong{font-size:15px;color:#fff;font-weight:500;overflow:hidden;text-overflow:ellipsis}.directory__card__bar .display-name span{display:block;font-size:14px;color:#9baec8;font-weight:400;overflow:hidden;text-overflow:ellipsis}.directory__card__extra{background:#121a24;display:flex;align-items:center;justify-content:center}.directory__card__extra .accounts-table__count{width:33.33%;flex:0 0 auto;padding:15px 0}.directory__card__extra .account__header__content{box-sizing:border-box;padding:15px 10px;border-bottom:1px solid #202e3f;width:100%;min-height:48px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.directory__card__extra .account__header__content p{display:none}.directory__card__extra .account__header__content p:first-child{display:inline}.directory__card__extra .account__header__content br{display:none}.account-gallery__container{display:flex;flex-wrap:wrap;padding:4px 2px}.account-gallery__item{border:0;box-sizing:border-box;display:block;position:relative;border-radius:4px;overflow:hidden;margin:2px}.account-gallery__item__icons{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);font-size:24px}.notification__filter-bar,.account__section-headline{background:#0b1016;border-bottom:1px solid #202e3f;cursor:default;display:flex;flex-shrink:0}.notification__filter-bar button,.account__section-headline button{background:#0b1016;border:0;margin:0}.notification__filter-bar button,.notification__filter-bar a,.account__section-headline button,.account__section-headline a{display:block;flex:1 1 auto;color:#9baec8;padding:15px 0;font-size:14px;font-weight:500;text-align:center;text-decoration:none;position:relative}.notification__filter-bar button.active,.notification__filter-bar a.active,.account__section-headline button.active,.account__section-headline a.active{color:#d9e1e8}.notification__filter-bar button.active::before,.notification__filter-bar button.active::after,.notification__filter-bar a.active::before,.notification__filter-bar a.active::after,.account__section-headline button.active::before,.account__section-headline button.active::after,.account__section-headline a.active::before,.account__section-headline a.active::after{display:block;content:\"\";position:absolute;bottom:0;left:50%;width:0;height:0;transform:translateX(-50%);border-style:solid;border-width:0 10px 10px;border-color:transparent transparent #202e3f}.notification__filter-bar button.active::after,.notification__filter-bar a.active::after,.account__section-headline button.active::after,.account__section-headline a.active::after{bottom:-1px;border-color:transparent transparent #121a24}.notification__filter-bar.directory__section-headline,.account__section-headline.directory__section-headline{background:#0f151d;border-bottom-color:transparent}.notification__filter-bar.directory__section-headline a.active::before,.notification__filter-bar.directory__section-headline button.active::before,.account__section-headline.directory__section-headline a.active::before,.account__section-headline.directory__section-headline button.active::before{display:none}.notification__filter-bar.directory__section-headline a.active::after,.notification__filter-bar.directory__section-headline button.active::after,.account__section-headline.directory__section-headline a.active::after,.account__section-headline.directory__section-headline button.active::after{border-color:transparent transparent #06090c}.filter-form{background:#121a24}.filter-form__column{padding:10px 15px}.filter-form .radio-button{display:block}.radio-button{font-size:14px;position:relative;display:inline-block;padding:6px 0;line-height:18px;cursor:default;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;cursor:pointer}.radio-button input[type=radio],.radio-button input[type=checkbox]{display:none}.radio-button__input{display:inline-block;position:relative;border:1px solid #9baec8;box-sizing:border-box;width:18px;height:18px;flex:0 0 auto;margin-right:10px;top:-1px;border-radius:50%;vertical-align:middle}.radio-button__input.checked{border-color:#0000a8;background:#0000a8}::-webkit-scrollbar-thumb{border-radius:0}.search-popout{background:#fff;border-radius:4px;padding:10px 14px;padding-bottom:14px;margin-top:10px;color:#9baec8;box-shadow:2px 4px 15px rgba(0,0,0,.4)}.search-popout h4{color:#9baec8;font-size:14px;font-weight:500;margin-bottom:10px}.search-popout li{padding:4px 0}.search-popout ul{margin-bottom:10px}.search-popout em{font-weight:500;color:#121a24}noscript{text-align:center}noscript img{width:200px;opacity:.5;animation:flicker 4s infinite}noscript div{font-size:14px;margin:30px auto;color:#d9e1e8;max-width:400px}noscript div a{color:#00007f;text-decoration:underline}noscript div a:hover{text-decoration:none}@keyframes flicker{0%{opacity:1}30%{opacity:.75}100%{opacity:1}}@media screen and (max-width: 630px)and (max-height: 400px){.tabs-bar,.search{will-change:margin-top;transition:margin-top 400ms 100ms}.navigation-bar{will-change:padding-bottom;transition:padding-bottom 400ms 100ms}.navigation-bar>a:first-child{will-change:margin-top,margin-left,margin-right,width;transition:margin-top 400ms 100ms,margin-left 400ms 500ms,margin-right 400ms 500ms}.navigation-bar>.navigation-bar__profile-edit{will-change:margin-top;transition:margin-top 400ms 100ms}.navigation-bar .navigation-bar__actions>.icon-button.close{will-change:opacity transform;transition:opacity 200ms 100ms,transform 400ms 100ms}.navigation-bar .navigation-bar__actions>.compose__action-bar .icon-button{will-change:opacity transform;transition:opacity 200ms 300ms,transform 400ms 100ms}.is-composing .tabs-bar,.is-composing .search{margin-top:-50px}.is-composing .navigation-bar{padding-bottom:0}.is-composing .navigation-bar>a:first-child{margin:-100px 10px 0 -50px}.is-composing .navigation-bar .navigation-bar__profile{padding-top:2px}.is-composing .navigation-bar .navigation-bar__profile-edit{position:absolute;margin-top:-60px}.is-composing .navigation-bar .navigation-bar__actions .icon-button.close{pointer-events:auto;opacity:1;transform:scale(1, 1) translate(0, 0);bottom:5px}.is-composing .navigation-bar .navigation-bar__actions .compose__action-bar .icon-button{pointer-events:none;opacity:0;transform:scale(0, 1) translate(100%, 0)}}.embed-modal{width:auto;max-width:80vw;max-height:80vh}.embed-modal h4{padding:30px;font-weight:500;font-size:16px;text-align:center}.embed-modal .embed-modal__container{padding:10px}.embed-modal .embed-modal__container .hint{margin-bottom:15px}.embed-modal .embed-modal__container .embed-modal__html{outline:0;box-sizing:border-box;display:block;width:100%;border:0;padding:10px;font-family:\"mastodon-font-monospace\",monospace;background:#121a24;color:#fff;font-size:14px;margin:0;margin-bottom:15px;border-radius:4px}.embed-modal .embed-modal__container .embed-modal__html::-moz-focus-inner{border:0}.embed-modal .embed-modal__container .embed-modal__html::-moz-focus-inner,.embed-modal .embed-modal__container .embed-modal__html:focus,.embed-modal .embed-modal__container .embed-modal__html:active{outline:0 !important}.embed-modal .embed-modal__container .embed-modal__html:focus{background:#192432}@media screen and (max-width: 600px){.embed-modal .embed-modal__container .embed-modal__html{font-size:16px}}.embed-modal .embed-modal__container .embed-modal__iframe{width:400px;max-width:100%;overflow:hidden;border:0;border-radius:4px}.account__moved-note{padding:14px 10px;padding-bottom:16px;background:#192432;border-top:1px solid #202e3f;border-bottom:1px solid #202e3f}.account__moved-note__message{position:relative;margin-left:58px;color:#404040;padding:8px 0;padding-top:0;padding-bottom:4px;font-size:14px}.account__moved-note__message>span{display:block;overflow:hidden;text-overflow:ellipsis}.account__moved-note__icon-wrapper{left:-26px;position:absolute}.account__moved-note .detailed-status__display-avatar{position:relative}.account__moved-note .detailed-status__display-name{margin-bottom:0}.column-inline-form{padding:15px;padding-right:0;display:flex;justify-content:flex-start;align-items:center;background:#192432}.column-inline-form label{flex:1 1 auto}.column-inline-form label input{width:100%}.column-inline-form label input:focus{outline:0}.column-inline-form .icon-button{flex:0 0 auto;margin:0 10px}.drawer__backdrop{cursor:pointer;position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.5)}.list-editor{background:#121a24;flex-direction:column;border-radius:8px;box-shadow:2px 4px 15px rgba(0,0,0,.4);width:380px;overflow:hidden}@media screen and (max-width: 420px){.list-editor{width:90%}}.list-editor h4{padding:15px 0;background:#283a50;font-weight:500;font-size:16px;text-align:center;border-radius:8px 8px 0 0}.list-editor .drawer__pager{height:50vh}.list-editor .drawer__inner{border-radius:0 0 8px 8px}.list-editor .drawer__inner.backdrop{width:calc(100% - 60px);box-shadow:2px 4px 15px rgba(0,0,0,.4);border-radius:0 0 0 8px}.list-editor__accounts{overflow-y:auto}.list-editor .account__display-name:hover strong{text-decoration:none}.list-editor .account__avatar{cursor:default}.list-editor .search{margin-bottom:0}.list-adder{background:#121a24;flex-direction:column;border-radius:8px;box-shadow:2px 4px 15px rgba(0,0,0,.4);width:380px;overflow:hidden}@media screen and (max-width: 420px){.list-adder{width:90%}}.list-adder__account{background:#283a50}.list-adder__lists{background:#283a50;height:50vh;border-radius:0 0 8px 8px;overflow-y:auto}.list-adder .list{padding:10px;border-bottom:1px solid #202e3f}.list-adder .list__wrapper{display:flex}.list-adder .list__display-name{flex:1 1 auto;overflow:hidden;text-decoration:none;font-size:16px;padding:10px}.focal-point{position:relative;cursor:move;overflow:hidden;height:100%;display:flex;justify-content:center;align-items:center;background:#000}.focal-point img,.focal-point video,.focal-point canvas{display:block;max-height:80vh;width:100%;height:auto;margin:0;object-fit:contain;background:#000}.focal-point__reticle{position:absolute;width:100px;height:100px;transform:translate(-50%, -50%);background:url(\"~images/reticle.png\") no-repeat 0 0;border-radius:50%;box-shadow:0 0 0 9999em rgba(0,0,0,.35)}.focal-point__overlay{position:absolute;width:100%;height:100%;top:0;left:0}.focal-point__preview{position:absolute;bottom:10px;right:10px;z-index:2;cursor:move;transition:opacity .1s ease}.focal-point__preview:hover{opacity:.5}.focal-point__preview strong{color:#fff;font-size:14px;font-weight:500;display:block;margin-bottom:5px}.focal-point__preview div{border-radius:4px;box-shadow:0 0 14px rgba(0,0,0,.2)}@media screen and (max-width: 480px){.focal-point img,.focal-point video{max-height:100%}.focal-point__preview{display:none}}.account__header__content{color:#9baec8;font-size:14px;font-weight:400;overflow:hidden;word-break:normal;word-wrap:break-word}.account__header__content p{margin-bottom:20px}.account__header__content p:last-child{margin-bottom:0}.account__header__content a{color:inherit;text-decoration:underline}.account__header__content a:hover{text-decoration:none}.account__header{overflow:hidden}.account__header.inactive{opacity:.5}.account__header.inactive .account__header__image,.account__header.inactive .account__avatar{filter:grayscale(100%)}.account__header__info{position:absolute;top:10px;left:10px}.account__header__image{overflow:hidden;height:145px;position:relative;background:#0b1016}.account__header__image img{object-fit:cover;display:block;width:100%;height:100%;margin:0}.account__header__bar{position:relative;background:#192432;padding:5px;border-bottom:1px solid #26374d}.account__header__bar .avatar{display:block;flex:0 0 auto;width:94px;margin-left:-2px}.account__header__bar .avatar .account__avatar{background:#040609;border:2px solid #192432}.account__header__tabs{display:flex;align-items:flex-start;padding:7px 5px;margin-top:-55px}.account__header__tabs__buttons{display:flex;align-items:center;padding-top:55px;overflow:hidden}.account__header__tabs__buttons .icon-button{border:1px solid #26374d;border-radius:4px;box-sizing:content-box;padding:2px}.account__header__tabs__buttons .button{margin:0 8px}.account__header__tabs__name{padding:5px}.account__header__tabs__name .account-role{vertical-align:top}.account__header__tabs__name .emojione{width:22px;height:22px}.account__header__tabs__name h1{font-size:16px;line-height:24px;color:#fff;font-weight:500;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.account__header__tabs__name h1 small{display:block;font-size:14px;color:#9baec8;font-weight:400;overflow:hidden;text-overflow:ellipsis}.account__header__tabs .spacer{flex:1 1 auto}.account__header__bio{overflow:hidden;margin:0 -5px}.account__header__bio .account__header__content{padding:20px 15px;padding-bottom:5px;color:#fff}.account__header__bio .account__header__fields{margin:0;border-top:1px solid #26374d}.account__header__bio .account__header__fields a{color:#0000a8}.account__header__bio .account__header__fields dl:first-child .verified{border-radius:0 4px 0 0}.account__header__bio .account__header__fields .verified a{color:#79bd9a}.account__header__extra{margin-top:4px}.account__header__extra__links{font-size:14px;color:#9baec8;padding:10px 0}.account__header__extra__links a{display:inline-block;color:#9baec8;text-decoration:none;padding:5px 10px;font-weight:500}.account__header__extra__links a strong{font-weight:700;color:#fff}.trends__header{color:#404040;background:#151f2b;border-bottom:1px solid #0b1016;font-weight:500;padding:15px;font-size:16px;cursor:default}.trends__header .fa{display:inline-block;margin-right:5px}.trends__item{display:flex;align-items:center;padding:15px;border-bottom:1px solid #202e3f}.trends__item:last-child{border-bottom:0}.trends__item__name{flex:1 1 auto;color:#404040;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.trends__item__name strong{font-weight:500}.trends__item__name a{color:#9baec8;text-decoration:none;font-size:14px;font-weight:500;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.trends__item__name a:hover span,.trends__item__name a:focus span,.trends__item__name a:active span{text-decoration:underline}.trends__item__current{flex:0 0 auto;font-size:24px;line-height:36px;font-weight:500;text-align:right;padding-right:15px;margin-left:5px;color:#d9e1e8}.trends__item__sparkline{flex:0 0 auto;width:50px}.trends__item__sparkline path:first-child{fill:rgba(0,0,127,.25) !important;fill-opacity:1 !important}.trends__item__sparkline path:last-child{stroke:#00009e !important}.conversation{display:flex;border-bottom:1px solid #202e3f;padding:5px;padding-bottom:0}.conversation:focus{background:#151f2b;outline:0}.conversation__avatar{flex:0 0 auto;padding:10px;padding-top:12px;position:relative}.conversation__unread{display:inline-block;background:#00007f;border-radius:50%;width:.625rem;height:.625rem;margin:-0.1ex .15em .1ex}.conversation__content{flex:1 1 auto;padding:10px 5px;padding-right:15px;overflow:hidden}.conversation__content__info{overflow:hidden;display:flex;flex-direction:row-reverse;justify-content:space-between}.conversation__content__relative-time{font-size:15px;color:#9baec8;padding-left:15px}.conversation__content__names{color:#9baec8;font-size:15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:4px;flex-basis:90px;flex-grow:1}.conversation__content__names a{color:#fff;text-decoration:none}.conversation__content__names a:hover,.conversation__content__names a:focus,.conversation__content__names a:active{text-decoration:underline}.conversation__content a{word-break:break-word}.conversation--unread{background:#151f2b}.conversation--unread:focus{background:#192432}.conversation--unread .conversation__content__info{font-weight:700}.conversation--unread .conversation__content__relative-time{color:#fff}.poll{margin-top:16px;font-size:14px}.poll li{margin-bottom:10px;position:relative}.poll__chart{position:absolute;top:0;left:0;height:100%;display:inline-block;border-radius:4px;background:#6d89af}.poll__chart.leading{background:#00007f}.poll__text{position:relative;display:flex;padding:6px 0;line-height:18px;cursor:default;overflow:hidden}.poll__text input[type=radio],.poll__text input[type=checkbox]{display:none}.poll__text .autossugest-input{flex:1 1 auto}.poll__text input[type=text]{display:block;box-sizing:border-box;width:100%;font-size:14px;color:#121a24;outline:0;font-family:inherit;background:#fff;border:1px solid #dbdbdb;border-radius:4px;padding:6px 10px}.poll__text input[type=text]:focus{border-color:#00007f}.poll__text.selectable{cursor:pointer}.poll__text.editable{display:flex;align-items:center;overflow:visible}.poll__input{display:inline-block;position:relative;border:1px solid #9baec8;box-sizing:border-box;width:18px;height:18px;flex:0 0 auto;margin-right:10px;top:-1px;border-radius:50%;vertical-align:middle;margin-top:auto;margin-bottom:auto;flex:0 0 18px}.poll__input.checkbox{border-radius:4px}.poll__input.active{border-color:#79bd9a;background:#79bd9a}.poll__input:active,.poll__input:focus,.poll__input:hover{border-width:4px;background:none}.poll__input::-moz-focus-inner{outline:0 !important;border:0}.poll__input:focus,.poll__input:active{outline:0 !important}.poll__number{display:inline-block;width:52px;font-weight:700;padding:0 10px;padding-left:8px;text-align:right;margin-top:auto;margin-bottom:auto;flex:0 0 52px}.poll__vote__mark{float:left;line-height:18px}.poll__footer{padding-top:6px;padding-bottom:5px;color:#404040}.poll__link{display:inline;background:transparent;padding:0;margin:0;border:0;color:#404040;text-decoration:underline;font-size:inherit}.poll__link:hover{text-decoration:none}.poll__link:active,.poll__link:focus{background-color:rgba(64,64,64,.1)}.poll .button{height:36px;padding:0 16px;margin-right:10px;font-size:14px}.compose-form__poll-wrapper{border-top:1px solid #ebebeb}.compose-form__poll-wrapper ul{padding:10px}.compose-form__poll-wrapper .poll__footer{border-top:1px solid #ebebeb;padding:10px;display:flex;align-items:center}.compose-form__poll-wrapper .poll__footer button,.compose-form__poll-wrapper .poll__footer select{flex:1 1 50%}.compose-form__poll-wrapper .poll__footer button:focus,.compose-form__poll-wrapper .poll__footer select:focus{border-color:#00007f}.compose-form__poll-wrapper .button.button-secondary{font-size:14px;font-weight:400;padding:6px 10px;height:auto;line-height:inherit;color:#404040;border-color:#404040;margin-right:5px}.compose-form__poll-wrapper li{display:flex;align-items:center}.compose-form__poll-wrapper li .poll__text{flex:0 0 auto;width:calc(100% - (23px + 6px));margin-right:6px}.compose-form__poll-wrapper select{appearance:none;box-sizing:border-box;font-size:14px;color:#121a24;display:inline-block;width:auto;outline:0;font-family:inherit;background:#fff url(\"data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14.933 18.467' height='19.698' width='15.929'><path d='M3.467 14.967l-3.393-3.5H14.86l-3.392 3.5c-1.866 1.925-3.666 3.5-4 3.5-.335 0-2.135-1.575-4-3.5zm.266-11.234L7.467 0 11.2 3.733l3.733 3.734H0l3.733-3.734z' fill='%23DBDBDB'/></svg>\") no-repeat right 8px center/auto 16px;border:1px solid #dbdbdb;border-radius:4px;padding:6px 10px;padding-right:30px}.compose-form__poll-wrapper .icon-button.disabled{color:#dbdbdb}.muted .poll{color:#404040}.muted .poll__chart{background:rgba(109,137,175,.2)}.muted .poll__chart.leading{background:rgba(0,0,127,.2)}.modal-layout{background:#121a24 url('data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 234.80078 31.757813\" width=\"234.80078\" height=\"31.757812\"><path d=\"M19.599609 0c-1.05 0-2.10039.375-2.90039 1.125L0 16.925781v14.832031h234.80078V17.025391l-16.5-15.900391c-1.6-1.5-4.20078-1.5-5.80078 0l-13.80078 13.099609c-1.6 1.5-4.19883 1.5-5.79883 0L179.09961 1.125c-1.6-1.5-4.19883-1.5-5.79883 0L159.5 14.224609c-1.6 1.5-4.20078 1.5-5.80078 0L139.90039 1.125c-1.6-1.5-4.20078-1.5-5.80078 0l-13.79883 13.099609c-1.6 1.5-4.20078 1.5-5.80078 0L100.69922 1.125c-1.600001-1.5-4.198829-1.5-5.798829 0l-13.59961 13.099609c-1.6 1.5-4.200781 1.5-5.800781 0L61.699219 1.125c-1.6-1.5-4.198828-1.5-5.798828 0L42.099609 14.224609c-1.6 1.5-4.198828 1.5-5.798828 0L22.5 1.125C21.7.375 20.649609 0 19.599609 0z\" fill=\"%23404040\"/></svg>') repeat-x bottom fixed;display:flex;flex-direction:column;height:100vh;padding:0}.modal-layout__mastodon{display:flex;flex:1;flex-direction:column;justify-content:flex-end}.modal-layout__mastodon>*{flex:1;max-height:235px}@media screen and (max-width: 600px){.account-header{margin-top:0}}.emoji-mart{font-size:13px;display:inline-block;color:#121a24}.emoji-mart,.emoji-mart *{box-sizing:border-box;line-height:1.15}.emoji-mart .emoji-mart-emoji{padding:6px}.emoji-mart-bar{border:0 solid #c0cdd9}.emoji-mart-bar:first-child{border-bottom-width:1px;border-top-left-radius:5px;border-top-right-radius:5px;background:#d9e1e8}.emoji-mart-bar:last-child{border-top-width:1px;border-bottom-left-radius:5px;border-bottom-right-radius:5px;display:none}.emoji-mart-anchors{display:flex;justify-content:space-between;padding:0 6px;color:#404040;line-height:0}.emoji-mart-anchor{position:relative;flex:1;text-align:center;padding:12px 4px;overflow:hidden;transition:color .1s ease-out;cursor:pointer}.emoji-mart-anchor:hover{color:#363636}.emoji-mart-anchor-selected{color:#00007f}.emoji-mart-anchor-selected:hover{color:#00006b}.emoji-mart-anchor-selected .emoji-mart-anchor-bar{bottom:-1px}.emoji-mart-anchor-bar{position:absolute;bottom:-5px;left:0;width:100%;height:4px;background-color:#00007f}.emoji-mart-anchors i{display:inline-block;width:100%;max-width:22px}.emoji-mart-anchors svg{fill:currentColor;max-height:18px}.emoji-mart-scroll{overflow-y:scroll;height:270px;max-height:35vh;padding:0 6px 6px;background:#fff;will-change:transform}.emoji-mart-scroll::-webkit-scrollbar-track:hover,.emoji-mart-scroll::-webkit-scrollbar-track:active{background-color:rgba(0,0,0,.3)}.emoji-mart-search{padding:10px;padding-right:45px;background:#fff}.emoji-mart-search input{font-size:14px;font-weight:400;padding:7px 9px;font-family:inherit;display:block;width:100%;background:rgba(217,225,232,.3);color:#121a24;border:1px solid #d9e1e8;border-radius:4px}.emoji-mart-search input::-moz-focus-inner{border:0}.emoji-mart-search input::-moz-focus-inner,.emoji-mart-search input:focus,.emoji-mart-search input:active{outline:0 !important}.emoji-mart-category .emoji-mart-emoji{cursor:pointer}.emoji-mart-category .emoji-mart-emoji span{z-index:1;position:relative;text-align:center}.emoji-mart-category .emoji-mart-emoji:hover::before{z-index:0;content:\"\";position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(217,225,232,.7);border-radius:100%}.emoji-mart-category-label{z-index:2;position:relative;position:-webkit-sticky;position:sticky;top:0}.emoji-mart-category-label span{display:block;width:100%;font-weight:500;padding:5px 6px;background:#fff}.emoji-mart-emoji{position:relative;display:inline-block;font-size:0}.emoji-mart-emoji span{width:22px;height:22px}.emoji-mart-no-results{font-size:14px;text-align:center;padding-top:70px;color:#9baec8}.emoji-mart-no-results .emoji-mart-category-label{display:none}.emoji-mart-no-results .emoji-mart-no-results-label{margin-top:.2em}.emoji-mart-no-results .emoji-mart-emoji:hover::before{content:none}.emoji-mart-preview{display:none}.container{box-sizing:border-box;max-width:1235px;margin:0 auto;position:relative}@media screen and (max-width: 1255px){.container{width:100%;padding:0 10px}}.rich-formatting{font-family:\"mastodon-font-sans-serif\",sans-serif;font-size:14px;font-weight:400;line-height:1.7;word-wrap:break-word;color:#9baec8}.rich-formatting a{color:#00007f;text-decoration:underline}.rich-formatting a:hover,.rich-formatting a:focus,.rich-formatting a:active{text-decoration:none}.rich-formatting p,.rich-formatting li{color:#9baec8}.rich-formatting p{margin-top:0;margin-bottom:.85em}.rich-formatting p:last-child{margin-bottom:0}.rich-formatting strong{font-weight:700;color:#d9e1e8}.rich-formatting em{font-style:italic;color:#d9e1e8}.rich-formatting code{font-size:.85em;background:#040609;border-radius:4px;padding:.2em .3em}.rich-formatting h1,.rich-formatting h2,.rich-formatting h3,.rich-formatting h4,.rich-formatting h5,.rich-formatting h6{font-family:\"mastodon-font-display\",sans-serif;margin-top:1.275em;margin-bottom:.85em;font-weight:500;color:#d9e1e8}.rich-formatting h1{font-size:2em}.rich-formatting h2{font-size:1.75em}.rich-formatting h3{font-size:1.5em}.rich-formatting h4{font-size:1.25em}.rich-formatting h5,.rich-formatting h6{font-size:1em}.rich-formatting ul{list-style:disc}.rich-formatting ol{list-style:decimal}.rich-formatting ul,.rich-formatting ol{margin:0;padding:0;padding-left:2em;margin-bottom:.85em}.rich-formatting ul[type=a],.rich-formatting ol[type=a]{list-style-type:lower-alpha}.rich-formatting ul[type=i],.rich-formatting ol[type=i]{list-style-type:lower-roman}.rich-formatting hr{width:100%;height:0;border:0;border-bottom:1px solid #192432;margin:1.7em 0}.rich-formatting hr.spacer{height:1px;border:0}.rich-formatting table{width:100%;border-collapse:collapse;break-inside:auto;margin-top:24px;margin-bottom:32px}.rich-formatting table thead tr,.rich-formatting table tbody tr{border-bottom:1px solid #192432;font-size:1em;line-height:1.625;font-weight:400;text-align:left;color:#9baec8}.rich-formatting table thead tr{border-bottom-width:2px;line-height:1.5;font-weight:500;color:#404040}.rich-formatting table th,.rich-formatting table td{padding:8px;align-self:start;align-items:start;word-break:break-all}.rich-formatting table th.nowrap,.rich-formatting table td.nowrap{width:25%;position:relative}.rich-formatting table th.nowrap::before,.rich-formatting table td.nowrap::before{content:\"&nbsp;\";visibility:hidden}.rich-formatting table th.nowrap span,.rich-formatting table td.nowrap span{position:absolute;left:8px;right:8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.rich-formatting>:first-child{margin-top:0}.information-board{background:#0b1016;padding:20px 0}.information-board .container-alt{position:relative;padding-right:295px}.information-board__sections{display:flex;justify-content:space-between;flex-wrap:wrap}.information-board__section{flex:1 0 0;font-family:\"mastodon-font-sans-serif\",sans-serif;font-size:16px;line-height:28px;color:#fff;text-align:right;padding:10px 15px}.information-board__section span,.information-board__section strong{display:block}.information-board__section span:last-child{color:#d9e1e8}.information-board__section strong{font-family:\"mastodon-font-display\",sans-serif;font-weight:500;font-size:32px;line-height:48px}@media screen and (max-width: 700px){.information-board__section{text-align:center}}.information-board .panel{position:absolute;width:280px;box-sizing:border-box;background:#040609;padding:20px;padding-top:10px;border-radius:4px 4px 0 0;right:0;bottom:-40px}.information-board .panel .panel-header{font-family:\"mastodon-font-display\",sans-serif;font-size:14px;line-height:24px;font-weight:500;color:#9baec8;padding-bottom:5px;margin-bottom:15px;border-bottom:1px solid #192432;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.information-board .panel .panel-header a,.information-board .panel .panel-header span{font-weight:400;color:#7a93b6}.information-board .panel .panel-header a{text-decoration:none}.information-board .owner{text-align:center}.information-board .owner .avatar{width:80px;height:80px;margin:0 auto;margin-bottom:15px}.information-board .owner .avatar img{display:block;width:80px;height:80px;border-radius:48px}.information-board .owner .name{font-size:14px}.information-board .owner .name a{display:block;color:#fff;text-decoration:none}.information-board .owner .name a:hover .display_name{text-decoration:underline}.information-board .owner .name .username{display:block;color:#9baec8}.landing-page p,.landing-page li{font-family:\"mastodon-font-sans-serif\",sans-serif;font-size:16px;font-weight:400;font-size:16px;line-height:30px;margin-bottom:12px;color:#9baec8}.landing-page p a,.landing-page li a{color:#00007f;text-decoration:underline}.landing-page em{display:inline;margin:0;padding:0;font-weight:700;background:transparent;font-family:inherit;font-size:inherit;line-height:inherit;color:#bcc9da}.landing-page h1{font-family:\"mastodon-font-display\",sans-serif;font-size:26px;line-height:30px;font-weight:500;margin-bottom:20px;color:#d9e1e8}.landing-page h1 small{font-family:\"mastodon-font-sans-serif\",sans-serif;display:block;font-size:18px;font-weight:400;color:#bcc9da}.landing-page h2{font-family:\"mastodon-font-display\",sans-serif;font-size:22px;line-height:26px;font-weight:500;margin-bottom:20px;color:#d9e1e8}.landing-page h3{font-family:\"mastodon-font-display\",sans-serif;font-size:18px;line-height:24px;font-weight:500;margin-bottom:20px;color:#d9e1e8}.landing-page h4{font-family:\"mastodon-font-display\",sans-serif;font-size:16px;line-height:24px;font-weight:500;margin-bottom:20px;color:#d9e1e8}.landing-page h5{font-family:\"mastodon-font-display\",sans-serif;font-size:14px;line-height:24px;font-weight:500;margin-bottom:20px;color:#d9e1e8}.landing-page h6{font-family:\"mastodon-font-display\",sans-serif;font-size:12px;line-height:24px;font-weight:500;margin-bottom:20px;color:#d9e1e8}.landing-page ul,.landing-page ol{margin-left:20px}.landing-page ul[type=a],.landing-page ol[type=a]{list-style-type:lower-alpha}.landing-page ul[type=i],.landing-page ol[type=i]{list-style-type:lower-roman}.landing-page ul{list-style:disc}.landing-page ol{list-style:decimal}.landing-page li>ol,.landing-page li>ul{margin-top:6px}.landing-page hr{width:100%;height:0;border:0;border-bottom:1px solid rgba(64,64,64,.6);margin:20px 0}.landing-page hr.spacer{height:1px;border:0}.landing-page__information,.landing-page__forms{padding:20px}.landing-page__call-to-action{background:#121a24;border-radius:4px;padding:25px 40px;overflow:hidden;box-sizing:border-box}.landing-page__call-to-action .row{width:100%;display:flex;flex-direction:row-reverse;flex-wrap:nowrap;justify-content:space-between;align-items:center}.landing-page__call-to-action .row__information-board{display:flex;justify-content:flex-end;align-items:flex-end}.landing-page__call-to-action .row__information-board .information-board__section{flex:1 0 auto;padding:0 10px}@media screen and (max-width: 415px){.landing-page__call-to-action .row__information-board{width:100%;justify-content:space-between}}.landing-page__call-to-action .row__mascot{flex:1;margin:10px -50px 0 0}@media screen and (max-width: 415px){.landing-page__call-to-action .row__mascot{display:none}}.landing-page__logo{margin-right:20px}.landing-page__logo img{height:50px;width:auto;mix-blend-mode:lighten}.landing-page__information{padding:45px 40px;margin-bottom:10px}.landing-page__information:last-child{margin-bottom:0}.landing-page__information strong{font-weight:500;color:#bcc9da}.landing-page__information .account{border-bottom:0;padding:0}.landing-page__information .account__display-name{align-items:center;display:flex;margin-right:5px}.landing-page__information .account div.account__display-name:hover .display-name strong{text-decoration:none}.landing-page__information .account div.account__display-name .account__avatar{cursor:default}.landing-page__information .account__avatar-wrapper{margin-left:0;flex:0 0 auto}.landing-page__information .account__avatar{width:44px;height:44px;background-size:44px 44px}.landing-page__information .account .display-name{font-size:15px}.landing-page__information .account .display-name__account{font-size:14px}@media screen and (max-width: 960px){.landing-page__information .contact{margin-top:30px}}@media screen and (max-width: 700px){.landing-page__information{padding:25px 20px}}.landing-page__information,.landing-page__forms,.landing-page #mastodon-timeline{box-sizing:border-box;background:#121a24;border-radius:4px;box-shadow:0 0 6px rgba(0,0,0,.1)}.landing-page__mascot{height:104px;position:relative;left:-40px;bottom:25px}.landing-page__mascot img{height:190px;width:auto}.landing-page__short-description .row{display:flex;flex-wrap:wrap;align-items:center;margin-bottom:40px}@media screen and (max-width: 700px){.landing-page__short-description .row{margin-bottom:20px}}.landing-page__short-description p a{color:#d9e1e8}.landing-page__short-description h1{font-weight:500;color:#fff;margin-bottom:0}.landing-page__short-description h1 small{color:#9baec8}.landing-page__short-description h1 small span{color:#d9e1e8}.landing-page__short-description p:last-child{margin-bottom:0}.landing-page__hero{margin-bottom:10px}.landing-page__hero img{display:block;margin:0;max-width:100%;height:auto;border-radius:4px}@media screen and (max-width: 840px){.landing-page .information-board .container-alt{padding-right:20px}.landing-page .information-board .panel{position:static;margin-top:20px;width:100%;border-radius:4px}.landing-page .information-board .panel .panel-header{text-align:center}}@media screen and (max-width: 675px){.landing-page .header-wrapper{padding-top:0}.landing-page .header-wrapper.compact{padding-bottom:0}.landing-page .header-wrapper.compact .hero .heading{text-align:initial}.landing-page .header .container-alt,.landing-page .features .container-alt{display:block}}.landing-page .cta{margin:20px}.landing{margin-bottom:100px}@media screen and (max-width: 738px){.landing{margin-bottom:0}}.landing__brand{display:flex;justify-content:center;align-items:center;padding:50px}.landing__brand svg{fill:#fff;height:52px}@media screen and (max-width: 415px){.landing__brand{padding:0;margin-bottom:30px}}.landing .directory{margin-top:30px;background:transparent;box-shadow:none;border-radius:0}.landing .hero-widget{margin-top:30px;margin-bottom:0}.landing .hero-widget h4{padding:10px;font-weight:700;font-size:14px;color:#9baec8}.landing .hero-widget__text{border-radius:0;padding-bottom:0}.landing .hero-widget__footer{background:#121a24;padding:10px;border-radius:0 0 4px 4px;display:flex}.landing .hero-widget__footer__column{flex:1 1 50%}.landing .hero-widget .account{padding:10px 0;border-bottom:0}.landing .hero-widget .account .account__display-name{display:flex;align-items:center}.landing .hero-widget .account .account__avatar{width:44px;height:44px;background-size:44px 44px}.landing .hero-widget__counter{padding:10px}.landing .hero-widget__counter strong{font-family:\"mastodon-font-display\",sans-serif;font-size:15px;font-weight:700;display:block}.landing .hero-widget__counter span{font-size:14px;color:#9baec8}.landing .simple_form .user_agreement .label_input>label{font-weight:400;color:#9baec8}.landing .simple_form p.lead{color:#9baec8;font-size:15px;line-height:20px;font-weight:400;margin-bottom:25px}.landing__grid{max-width:960px;margin:0 auto;display:grid;grid-template-columns:minmax(0, 50%) minmax(0, 50%);grid-gap:30px}@media screen and (max-width: 738px){.landing__grid{grid-template-columns:minmax(0, 100%);grid-gap:10px}.landing__grid__column-login{grid-row:1;display:flex;flex-direction:column}.landing__grid__column-login .box-widget{order:2;flex:0 0 auto}.landing__grid__column-login .hero-widget{margin-top:0;margin-bottom:10px;order:1;flex:0 0 auto}.landing__grid__column-registration{grid-row:2}.landing__grid .directory{margin-top:10px}}@media screen and (max-width: 415px){.landing__grid{grid-gap:0}.landing__grid .hero-widget{display:block;margin-bottom:0;box-shadow:none}.landing__grid .hero-widget__img,.landing__grid .hero-widget__img img,.landing__grid .hero-widget__footer{border-radius:0}.landing__grid .hero-widget,.landing__grid .box-widget,.landing__grid .directory__tag{border-bottom:1px solid #202e3f}.landing__grid .directory{margin-top:0}.landing__grid .directory__tag{margin-bottom:0}.landing__grid .directory__tag>a,.landing__grid .directory__tag>div{border-radius:0;box-shadow:none}.landing__grid .directory__tag:last-child{border-bottom:0}}.brand{position:relative;text-decoration:none}.brand__tagline{display:block;position:absolute;bottom:-10px;left:50px;width:300px;color:#9baec8;text-decoration:none;font-size:14px}@media screen and (max-width: 415px){.brand__tagline{position:static;width:auto;margin-top:20px;color:#404040}}.table{width:100%;max-width:100%;border-spacing:0;border-collapse:collapse}.table th,.table td{padding:8px;line-height:18px;vertical-align:top;border-top:1px solid #121a24;text-align:left;background:#0b1016}.table>thead>tr>th{vertical-align:bottom;border-bottom:2px solid #121a24;border-top:0;font-weight:500}.table>tbody>tr>th{font-weight:500}.table>tbody>tr:nth-child(odd)>td,.table>tbody>tr:nth-child(odd)>th{background:#121a24}.table a{color:#00007f;text-decoration:underline}.table a:hover{text-decoration:none}.table strong{font-weight:500}.table strong:lang(ja){font-weight:700}.table strong:lang(ko){font-weight:700}.table strong:lang(zh-CN){font-weight:700}.table strong:lang(zh-HK){font-weight:700}.table strong:lang(zh-TW){font-weight:700}.table.inline-table>tbody>tr:nth-child(odd)>td,.table.inline-table>tbody>tr:nth-child(odd)>th{background:transparent}.table.inline-table>tbody>tr:first-child>td,.table.inline-table>tbody>tr:first-child>th{border-top:0}.table.batch-table>thead>tr>th{background:#121a24;border-top:1px solid #040609;border-bottom:1px solid #040609}.table.batch-table>thead>tr>th:first-child{border-radius:4px 0 0;border-left:1px solid #040609}.table.batch-table>thead>tr>th:last-child{border-radius:0 4px 0 0;border-right:1px solid #040609}.table--invites tbody td{vertical-align:middle}.table-wrapper{overflow:auto;margin-bottom:20px}samp{font-family:\"mastodon-font-monospace\",monospace}button.table-action-link{background:transparent;border:0;font:inherit}button.table-action-link,a.table-action-link{text-decoration:none;display:inline-block;margin-right:5px;padding:0 10px;color:#9baec8;font-weight:500}button.table-action-link:hover,a.table-action-link:hover{color:#fff}button.table-action-link i.fa,a.table-action-link i.fa{font-weight:400;margin-right:5px}button.table-action-link:first-child,a.table-action-link:first-child{padding-left:0}.batch-table__toolbar,.batch-table__row{display:flex}.batch-table__toolbar__select,.batch-table__row__select{box-sizing:border-box;padding:8px 16px;cursor:pointer;min-height:100%}.batch-table__toolbar__select input,.batch-table__row__select input{margin-top:8px}.batch-table__toolbar__select--aligned,.batch-table__row__select--aligned{display:flex;align-items:center}.batch-table__toolbar__select--aligned input,.batch-table__row__select--aligned input{margin-top:0}.batch-table__toolbar__actions,.batch-table__toolbar__content,.batch-table__row__actions,.batch-table__row__content{padding:8px 0;padding-right:16px;flex:1 1 auto}.batch-table__toolbar{border:1px solid #040609;background:#121a24;border-radius:4px 0 0;height:47px;align-items:center}.batch-table__toolbar__actions{text-align:right;padding-right:11px}.batch-table__form{padding:16px;border:1px solid #040609;border-top:0;background:#121a24}.batch-table__form .fields-row{padding-top:0;margin-bottom:0}.batch-table__row{border:1px solid #040609;border-top:0;background:#0b1016}@media screen and (max-width: 415px){.optional .batch-table__row:first-child{border-top:1px solid #040609}}.batch-table__row:hover{background:#0f151d}.batch-table__row:nth-child(even){background:#121a24}.batch-table__row:nth-child(even):hover{background:#151f2b}.batch-table__row__content{padding-top:12px;padding-bottom:16px}.batch-table__row__content--unpadded{padding:0}.batch-table__row__content--with-image{display:flex;align-items:center}.batch-table__row__content__image{flex:0 0 auto;display:flex;justify-content:center;align-items:center;margin-right:10px}.batch-table__row__content__image .emojione{width:32px;height:32px}.batch-table__row__content__text{flex:1 1 auto}.batch-table__row__content__extra{flex:0 0 auto;text-align:right;color:#9baec8;font-weight:500}.batch-table__row .directory__tag{margin:0;width:100%}.batch-table__row .directory__tag a{background:transparent;border-radius:0}@media screen and (max-width: 415px){.batch-table.optional .batch-table__toolbar,.batch-table.optional .batch-table__row__select{display:none}}.batch-table .status__content{padding-top:0}.batch-table .status__content summary{display:list-item}.batch-table .status__content strong{font-weight:700}.batch-table .nothing-here{border:1px solid #040609;border-top:0;box-shadow:none}@media screen and (max-width: 415px){.batch-table .nothing-here{border-top:1px solid #040609}}@media screen and (max-width: 870px){.batch-table .accounts-table tbody td.optional{display:none}}.admin-wrapper{display:flex;justify-content:center;width:100%;min-height:100vh}.admin-wrapper .sidebar-wrapper{min-height:100vh;overflow:hidden;pointer-events:none;flex:1 1 auto}.admin-wrapper .sidebar-wrapper__inner{display:flex;justify-content:flex-end;background:#121a24;height:100%}.admin-wrapper .sidebar{width:240px;padding:0;pointer-events:auto}.admin-wrapper .sidebar__toggle{display:none;background:#202e3f;height:48px}.admin-wrapper .sidebar__toggle__logo{flex:1 1 auto}.admin-wrapper .sidebar__toggle__logo a{display:inline-block;padding:15px}.admin-wrapper .sidebar__toggle__logo svg{fill:#fff;height:20px;position:relative;bottom:-2px}.admin-wrapper .sidebar__toggle__icon{display:block;color:#9baec8;text-decoration:none;flex:0 0 auto;font-size:20px;padding:15px}.admin-wrapper .sidebar__toggle a:hover,.admin-wrapper .sidebar__toggle a:focus,.admin-wrapper .sidebar__toggle a:active{background:#26374d}.admin-wrapper .sidebar .logo{display:block;margin:40px auto;width:100px;height:100px}@media screen and (max-width: 600px){.admin-wrapper .sidebar>a:first-child{display:none}}.admin-wrapper .sidebar ul{list-style:none;border-radius:4px 0 0 4px;overflow:hidden;margin-bottom:20px}@media screen and (max-width: 600px){.admin-wrapper .sidebar ul{margin-bottom:0}}.admin-wrapper .sidebar ul a{display:block;padding:15px;color:#9baec8;text-decoration:none;transition:all 200ms linear;transition-property:color,background-color;border-radius:4px 0 0 4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.admin-wrapper .sidebar ul a i.fa{margin-right:5px}.admin-wrapper .sidebar ul a:hover{color:#fff;background-color:#0a0e13;transition:all 100ms linear;transition-property:color,background-color}.admin-wrapper .sidebar ul a.selected{background:#0f151d;border-radius:4px 0 0}.admin-wrapper .sidebar ul ul{background:#0b1016;border-radius:0 0 0 4px;margin:0}.admin-wrapper .sidebar ul ul a{border:0;padding:15px 35px}.admin-wrapper .sidebar ul .simple-navigation-active-leaf a{color:#fff;background-color:#00007f;border-bottom:0;border-radius:0}.admin-wrapper .sidebar ul .simple-navigation-active-leaf a:hover{background-color:#009}.admin-wrapper .sidebar>ul>.simple-navigation-active-leaf a{border-radius:4px 0 0 4px}.admin-wrapper .content-wrapper{box-sizing:border-box;width:100%;max-width:840px;flex:1 1 auto}@media screen and (max-width: 1080px){.admin-wrapper .sidebar-wrapper--empty{display:none}.admin-wrapper .sidebar-wrapper{width:240px;flex:0 0 auto}}@media screen and (max-width: 600px){.admin-wrapper .sidebar-wrapper{width:100%}}.admin-wrapper .content{padding:20px 15px;padding-top:60px;padding-left:25px}@media screen and (max-width: 600px){.admin-wrapper .content{max-width:none;padding:15px;padding-top:30px}}.admin-wrapper .content-heading{display:flex;padding-bottom:40px;border-bottom:1px solid #202e3f;margin:-15px -15px 40px 0;flex-wrap:wrap;align-items:center;justify-content:space-between}.admin-wrapper .content-heading>*{margin-top:15px;margin-right:15px}.admin-wrapper .content-heading-actions{display:inline-flex}.admin-wrapper .content-heading-actions>:not(:first-child){margin-left:5px}@media screen and (max-width: 600px){.admin-wrapper .content-heading{border-bottom:0;padding-bottom:0}}.admin-wrapper .content h2{color:#d9e1e8;font-size:24px;line-height:28px;font-weight:400}@media screen and (max-width: 600px){.admin-wrapper .content h2{font-weight:700}}.admin-wrapper .content h3{color:#d9e1e8;font-size:20px;line-height:28px;font-weight:400;margin-bottom:30px}.admin-wrapper .content h4{font-size:14px;font-weight:700;color:#9baec8;padding-bottom:8px;margin-bottom:8px;border-bottom:1px solid #202e3f}.admin-wrapper .content h6{font-size:16px;color:#d9e1e8;line-height:28px;font-weight:500}.admin-wrapper .content .fields-group h6{color:#fff;font-weight:500}.admin-wrapper .content .directory__tag>a,.admin-wrapper .content .directory__tag>div{box-shadow:none}.admin-wrapper .content .directory__tag .table-action-link .fa{color:inherit}.admin-wrapper .content .directory__tag h4{font-size:18px;font-weight:700;color:#fff;text-transform:none;padding-bottom:0;margin-bottom:0;border-bottom:0}.admin-wrapper .content>p{font-size:14px;line-height:21px;color:#d9e1e8;margin-bottom:20px}.admin-wrapper .content>p strong{color:#fff;font-weight:500}.admin-wrapper .content>p strong:lang(ja){font-weight:700}.admin-wrapper .content>p strong:lang(ko){font-weight:700}.admin-wrapper .content>p strong:lang(zh-CN){font-weight:700}.admin-wrapper .content>p strong:lang(zh-HK){font-weight:700}.admin-wrapper .content>p strong:lang(zh-TW){font-weight:700}.admin-wrapper .content hr{width:100%;height:0;border:0;border-bottom:1px solid rgba(64,64,64,.6);margin:20px 0}.admin-wrapper .content hr.spacer{height:1px;border:0}@media screen and (max-width: 600px){.admin-wrapper{display:block}.admin-wrapper .sidebar-wrapper{min-height:0}.admin-wrapper .sidebar{width:100%;padding:0;height:auto}.admin-wrapper .sidebar__toggle{display:flex}.admin-wrapper .sidebar>ul{display:none}.admin-wrapper .sidebar ul a,.admin-wrapper .sidebar ul ul a{border-radius:0;border-bottom:1px solid #192432;transition:none}.admin-wrapper .sidebar ul a:hover,.admin-wrapper .sidebar ul ul a:hover{transition:none}.admin-wrapper .sidebar ul ul{border-radius:0}.admin-wrapper .sidebar ul .simple-navigation-active-leaf a{border-bottom-color:#00007f}}hr.spacer{width:100%;border:0;margin:20px 0;height:1px}body .muted-hint,.admin-wrapper .content .muted-hint{color:#9baec8}body .muted-hint a,.admin-wrapper .content .muted-hint a{color:#00007f}body .positive-hint,.admin-wrapper .content .positive-hint{color:#79bd9a;font-weight:500}body .negative-hint,.admin-wrapper .content .negative-hint{color:#df405a;font-weight:500}body .neutral-hint,.admin-wrapper .content .neutral-hint{color:#404040;font-weight:500}body .warning-hint,.admin-wrapper .content .warning-hint{color:#ca8f04;font-weight:500}.filters{display:flex;flex-wrap:wrap}.filters .filter-subset{flex:0 0 auto;margin:0 40px 20px 0}.filters .filter-subset:last-child{margin-bottom:30px}.filters .filter-subset ul{margin-top:5px;list-style:none}.filters .filter-subset ul li{display:inline-block;margin-right:5px}.filters .filter-subset strong{font-weight:500;font-size:13px}.filters .filter-subset strong:lang(ja){font-weight:700}.filters .filter-subset strong:lang(ko){font-weight:700}.filters .filter-subset strong:lang(zh-CN){font-weight:700}.filters .filter-subset strong:lang(zh-HK){font-weight:700}.filters .filter-subset strong:lang(zh-TW){font-weight:700}.filters .filter-subset a{display:inline-block;color:#9baec8;text-decoration:none;font-size:13px;font-weight:500;border-bottom:2px solid #121a24}.filters .filter-subset a:hover{color:#fff;border-bottom:2px solid #1b2635}.filters .filter-subset a.selected{color:#00007f;border-bottom:2px solid #00007f}.flavour-screen{display:block;margin:10px auto;max-width:100%}.flavour-description{display:block;font-size:16px;margin:10px 0}.flavour-description>p{margin:10px 0}.flavour-screen{display:block;margin:10px auto;max-width:100%}.flavour-description{display:block;font-size:16px;margin:10px 0}.flavour-description>p{margin:10px 0}.report-accounts{display:flex;flex-wrap:wrap;margin-bottom:20px}.report-accounts__item{display:flex;flex:250px;flex-direction:column;margin:0 5px}.report-accounts__item>strong{display:block;margin:0 0 10px -5px;font-weight:500;font-size:14px;line-height:18px;color:#d9e1e8}.report-accounts__item>strong:lang(ja){font-weight:700}.report-accounts__item>strong:lang(ko){font-weight:700}.report-accounts__item>strong:lang(zh-CN){font-weight:700}.report-accounts__item>strong:lang(zh-HK){font-weight:700}.report-accounts__item>strong:lang(zh-TW){font-weight:700}.report-accounts__item .account-card{flex:1 1 auto}.report-status,.account-status{display:flex;margin-bottom:10px}.report-status .activity-stream,.account-status .activity-stream{flex:2 0 0;margin-right:20px;max-width:calc(100% - 60px)}.report-status .activity-stream .entry,.account-status .activity-stream .entry{border-radius:4px}.report-status__actions,.account-status__actions{flex:0 0 auto;display:flex;flex-direction:column}.report-status__actions .icon-button,.account-status__actions .icon-button{font-size:24px;width:24px;text-align:center;margin-bottom:10px}.simple_form.new_report_note,.simple_form.new_account_moderation_note{max-width:100%}.batch-form-box{display:flex;flex-wrap:wrap;margin-bottom:5px}.batch-form-box #form_status_batch_action{margin:0 5px 5px 0;font-size:14px}.batch-form-box input.button{margin:0 5px 5px 0}.batch-form-box .media-spoiler-toggle-buttons{margin-left:auto}.batch-form-box .media-spoiler-toggle-buttons .button{overflow:visible;margin:0 0 5px 5px;float:right}.back-link{margin-bottom:10px;font-size:14px}.back-link a{color:#00007f;text-decoration:none}.back-link a:hover{text-decoration:underline}.spacer{flex:1 1 auto}.log-entry{margin-bottom:20px;line-height:20px}.log-entry__header{display:flex;justify-content:flex-start;align-items:center;padding:10px;background:#121a24;color:#9baec8;border-radius:4px 4px 0 0;font-size:14px;position:relative}.log-entry__avatar{margin-right:10px}.log-entry__avatar .avatar{display:block;margin:0;border-radius:50%;width:40px;height:40px}.log-entry__content{max-width:calc(100% - 90px)}.log-entry__title{word-wrap:break-word}.log-entry__timestamp{color:#404040}.log-entry__extras{background:#1c2938;border-radius:0 0 4px 4px;padding:10px;color:#9baec8;font-family:\"mastodon-font-monospace\",monospace;font-size:12px;word-wrap:break-word;min-height:20px}.log-entry__icon{font-size:28px;margin-right:10px;color:#404040}.log-entry__icon__overlay{position:absolute;top:10px;right:10px;width:10px;height:10px;border-radius:50%}.log-entry__icon__overlay.positive{background:#79bd9a}.log-entry__icon__overlay.negative{background:#e87487}.log-entry__icon__overlay.neutral{background:#00007f}.log-entry a,.log-entry .username,.log-entry .target{color:#d9e1e8;text-decoration:none;font-weight:500}.log-entry .diff-old{color:#e87487}.log-entry .diff-neutral{color:#d9e1e8}.log-entry .diff-new{color:#79bd9a}a.name-tag,.name-tag,a.inline-name-tag,.inline-name-tag{text-decoration:none;color:#d9e1e8}a.name-tag .username,.name-tag .username,a.inline-name-tag .username,.inline-name-tag .username{font-weight:500}a.name-tag.suspended .username,.name-tag.suspended .username,a.inline-name-tag.suspended .username,.inline-name-tag.suspended .username{text-decoration:line-through;color:#e87487}a.name-tag.suspended .avatar,.name-tag.suspended .avatar,a.inline-name-tag.suspended .avatar,.inline-name-tag.suspended .avatar{filter:grayscale(100%);opacity:.8}a.name-tag,.name-tag{display:flex;align-items:center}a.name-tag .avatar,.name-tag .avatar{display:block;margin:0;margin-right:5px;border-radius:50%}a.name-tag.suspended .avatar,.name-tag.suspended .avatar{filter:grayscale(100%);opacity:.8}.speech-bubble{margin-bottom:20px;border-left:4px solid #00007f}.speech-bubble.positive{border-left-color:#79bd9a}.speech-bubble.negative{border-left-color:#e87487}.speech-bubble.warning{border-left-color:#ca8f04}.speech-bubble__bubble{padding:16px;padding-left:14px;font-size:15px;line-height:20px;border-radius:4px 4px 4px 0;position:relative;font-weight:500}.speech-bubble__bubble a{color:#9baec8}.speech-bubble__owner{padding:8px;padding-left:12px}.speech-bubble time{color:#404040}.report-card{background:#121a24;border-radius:4px;margin-bottom:20px}.report-card__profile{display:flex;justify-content:space-between;align-items:center;padding:15px}.report-card__profile .account{padding:0;border:0}.report-card__profile .account__avatar-wrapper{margin-left:0}.report-card__profile__stats{flex:0 0 auto;font-weight:500;color:#9baec8;text-align:right}.report-card__profile__stats a{color:inherit;text-decoration:none}.report-card__profile__stats a:focus,.report-card__profile__stats a:hover,.report-card__profile__stats a:active{color:#b5c3d6}.report-card__profile__stats .red{color:#df405a}.report-card__summary__item{display:flex;justify-content:flex-start;border-top:1px solid #0b1016}.report-card__summary__item:hover{background:#151f2b}.report-card__summary__item__reported-by,.report-card__summary__item__assigned{padding:15px;flex:0 0 auto;box-sizing:border-box;width:150px;color:#9baec8}.report-card__summary__item__reported-by,.report-card__summary__item__reported-by .username,.report-card__summary__item__assigned,.report-card__summary__item__assigned .username{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.report-card__summary__item__content{flex:1 1 auto;max-width:calc(100% - 300px)}.report-card__summary__item__content__icon{color:#404040;margin-right:4px;font-weight:500}.report-card__summary__item__content a{display:block;box-sizing:border-box;width:100%;padding:15px;text-decoration:none;color:#9baec8}.one-line{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ellipsized-ip{display:inline-block;max-width:120px;overflow:hidden;text-overflow:ellipsis;vertical-align:middle}.admin-account-bio{display:flex;flex-wrap:wrap;margin:0 -5px;margin-top:20px}.admin-account-bio>div{box-sizing:border-box;padding:0 5px;margin-bottom:10px;flex:1 0 50%}.admin-account-bio .account__header__fields,.admin-account-bio .account__header__content{background:#202e3f;border-radius:4px;height:100%}.admin-account-bio .account__header__fields{margin:0;border:0}.admin-account-bio .account__header__fields a{color:#0000a8}.admin-account-bio .account__header__fields dl:first-child .verified{border-radius:0 4px 0 0}.admin-account-bio .account__header__fields .verified a{color:#79bd9a}.admin-account-bio .account__header__content{box-sizing:border-box;padding:20px;color:#fff}.center-text{text-align:center}.dashboard__counters{display:flex;flex-wrap:wrap;margin:0 -5px;margin-bottom:20px}.dashboard__counters>div{box-sizing:border-box;flex:0 0 33.333%;padding:0 5px;margin-bottom:10px}.dashboard__counters>div>div,.dashboard__counters>div>a{padding:20px;background:#192432;border-radius:4px;box-sizing:border-box;height:100%}.dashboard__counters>div>a{text-decoration:none;color:inherit;display:block}.dashboard__counters>div>a:hover,.dashboard__counters>div>a:focus,.dashboard__counters>div>a:active{background:#202e3f}.dashboard__counters__num,.dashboard__counters__text{text-align:center;font-weight:500;font-size:24px;line-height:21px;color:#fff;font-family:\"mastodon-font-display\",sans-serif;margin-bottom:20px;line-height:30px}.dashboard__counters__text{font-size:18px}.dashboard__counters__label{font-size:14px;color:#9baec8;text-align:center;font-weight:500}.dashboard__widgets{display:flex;flex-wrap:wrap;margin:0 -5px}.dashboard__widgets>div{flex:0 0 33.333%;margin-bottom:20px}.dashboard__widgets>div>div{padding:0 5px}.dashboard__widgets a:not(.name-tag){color:#d9e1e8;font-weight:500;text-decoration:none}body.rtl{direction:rtl}body.rtl .column-header>button{text-align:right;padding-left:0;padding-right:15px}body.rtl .radio-button__input{margin-right:0;margin-left:10px}body.rtl .directory__card__bar .display-name{margin-left:0;margin-right:15px}body.rtl .display-name{text-align:right}body.rtl .notification__message{margin-left:0;margin-right:68px}body.rtl .drawer__inner__mastodon>img{transform:scaleX(-1)}body.rtl .notification__favourite-icon-wrapper{left:auto;right:-26px}body.rtl .landing-page__logo{margin-right:0;margin-left:20px}body.rtl .landing-page .features-list .features-list__row .visual{margin-left:0;margin-right:15px}body.rtl .column-link__icon,body.rtl .column-header__icon{margin-right:0;margin-left:5px}body.rtl .compose-form .compose-form__buttons-wrapper .character-counter__wrapper{margin-right:0;margin-left:4px}body.rtl .navigation-bar__profile{margin-left:0;margin-right:8px}body.rtl .search__input{padding-right:10px;padding-left:30px}body.rtl .search__icon .fa{right:auto;left:10px}body.rtl .columns-area{direction:rtl}body.rtl .column-header__buttons{left:0;right:auto;margin-left:0;margin-right:-15px}body.rtl .column-inline-form .icon-button{margin-left:0;margin-right:5px}body.rtl .column-header__links .text-btn{margin-left:10px;margin-right:0}body.rtl .account__avatar-wrapper{float:right}body.rtl .column-header__back-button{padding-left:5px;padding-right:0}body.rtl .column-header__setting-arrows{float:left}body.rtl .setting-toggle__label{margin-left:0;margin-right:8px}body.rtl .status__avatar{left:auto;right:10px}body.rtl .status,body.rtl .activity-stream .status.light{padding-left:10px;padding-right:68px}body.rtl .status__info .status__display-name,body.rtl .activity-stream .status.light .status__display-name{padding-left:25px;padding-right:0}body.rtl .activity-stream .pre-header{padding-right:68px;padding-left:0}body.rtl .status__prepend{margin-left:0;margin-right:68px}body.rtl .status__prepend-icon-wrapper{left:auto;right:-26px}body.rtl .activity-stream .pre-header .pre-header__icon{left:auto;right:42px}body.rtl .account__avatar-overlay-overlay{right:auto;left:0}body.rtl .column-back-button--slim-button{right:auto;left:0}body.rtl .status__relative-time,body.rtl .activity-stream .status.light .status__header .status__meta{float:left}body.rtl .status__action-bar__counter{margin-right:0;margin-left:11px}body.rtl .status__action-bar__counter .status__action-bar-button{margin-right:0;margin-left:4px}body.rtl .status__action-bar-button{float:right;margin-right:0;margin-left:18px}body.rtl .status__action-bar-dropdown{float:right}body.rtl .privacy-dropdown__dropdown{margin-left:0;margin-right:40px}body.rtl .privacy-dropdown__option__icon{margin-left:10px;margin-right:0}body.rtl .detailed-status__display-name .display-name{text-align:right}body.rtl .detailed-status__display-avatar{margin-right:0;margin-left:10px;float:right}body.rtl .detailed-status__favorites,body.rtl .detailed-status__reblogs{margin-left:0;margin-right:6px}body.rtl .fa-ul{margin-left:2.14285714em}body.rtl .fa-li{left:auto;right:-2.14285714em}body.rtl .admin-wrapper{direction:rtl}body.rtl .admin-wrapper .sidebar ul a i.fa,body.rtl a.table-action-link i.fa{margin-right:0;margin-left:5px}body.rtl .simple_form .check_boxes .checkbox label{padding-left:0;padding-right:25px}body.rtl .simple_form .input.with_label.boolean label.checkbox{padding-left:25px;padding-right:0}body.rtl .simple_form .check_boxes .checkbox input[type=checkbox],body.rtl .simple_form .input.boolean input[type=checkbox]{left:auto;right:0}body.rtl .simple_form .input.radio_buttons .radio{left:auto;right:0}body.rtl .simple_form .input.radio_buttons .radio>label{padding-right:28px;padding-left:0}body.rtl .simple_form .input-with-append .input input{padding-left:142px;padding-right:0}body.rtl .simple_form .input.boolean label.checkbox{left:auto;right:0}body.rtl .simple_form .input.boolean .label_input,body.rtl .simple_form .input.boolean .hint{padding-left:0;padding-right:28px}body.rtl .simple_form .label_input__append{right:auto;left:3px}body.rtl .simple_form .label_input__append::after{right:auto;left:0;background-image:linear-gradient(to left, rgba(1, 1, 2, 0), #010102)}body.rtl .simple_form select{background:#010102 url(\"data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14.933 18.467' height='19.698' width='15.929'><path d='M3.467 14.967l-3.393-3.5H14.86l-3.392 3.5c-1.866 1.925-3.666 3.5-4 3.5-.335 0-2.135-1.575-4-3.5zm.266-11.234L7.467 0 11.2 3.733l3.733 3.734H0l3.733-3.734z' fill='%2326374D'/></svg>\") no-repeat left 8px center/auto 16px}body.rtl .table th,body.rtl .table td{text-align:right}body.rtl .filters .filter-subset{margin-right:0;margin-left:45px}body.rtl .landing-page .header-wrapper .mascot{right:60px;left:auto}body.rtl .landing-page__call-to-action .row__information-board{direction:rtl}body.rtl .landing-page .header .hero .floats .float-1{left:-120px;right:auto}body.rtl .landing-page .header .hero .floats .float-2{left:210px;right:auto}body.rtl .landing-page .header .hero .floats .float-3{left:110px;right:auto}body.rtl .landing-page .header .links .brand img{left:0}body.rtl .landing-page .fa-external-link{padding-right:5px;padding-left:0 !important}body.rtl .landing-page .features #mastodon-timeline{margin-right:0;margin-left:30px}@media screen and (min-width: 631px){body.rtl .column,body.rtl .drawer{padding-left:5px;padding-right:5px}body.rtl .column:first-child,body.rtl .drawer:first-child{padding-left:5px;padding-right:10px}body.rtl .columns-area>div .column,body.rtl .columns-area>div .drawer{padding-left:5px;padding-right:5px}}body.rtl .columns-area--mobile .column,body.rtl .columns-area--mobile .drawer{padding-left:0;padding-right:0}body.rtl .public-layout .header .nav-button{margin-left:8px;margin-right:0}body.rtl .public-layout .public-account-header__tabs{margin-left:0;margin-right:20px}body.rtl .landing-page__information .account__display-name{margin-right:0;margin-left:5px}body.rtl .landing-page__information .account__avatar-wrapper{margin-left:12px;margin-right:0}body.rtl .card__bar .display-name{margin-left:0;margin-right:15px;text-align:right}body.rtl .fa-chevron-left::before{content:\"\"}body.rtl .fa-chevron-right::before{content:\"\"}body.rtl .column-back-button__icon{margin-right:0;margin-left:5px}body.rtl .column-header__setting-arrows .column-header__setting-btn:last-child{padding-left:0;padding-right:10px}body.rtl .simple_form .input.radio_buttons .radio>label input{left:auto;right:0}.emojione[title=\":wavy_dash:\"],.emojione[title=\":waving_black_flag:\"],.emojione[title=\":water_buffalo:\"],.emojione[title=\":video_game:\"],.emojione[title=\":video_camera:\"],.emojione[title=\":vhs:\"],.emojione[title=\":turkey:\"],.emojione[title=\":tophat:\"],.emojione[title=\":top:\"],.emojione[title=\":tm:\"],.emojione[title=\":telephone_receiver:\"],.emojione[title=\":spider:\"],.emojione[title=\":speaking_head_in_silhouette:\"],.emojione[title=\":spades:\"],.emojione[title=\":soon:\"],.emojione[title=\":registered:\"],.emojione[title=\":on:\"],.emojione[title=\":musical_score:\"],.emojione[title=\":movie_camera:\"],.emojione[title=\":mortar_board:\"],.emojione[title=\":microphone:\"],.emojione[title=\":male-guard:\"],.emojione[title=\":lower_left_fountain_pen:\"],.emojione[title=\":lower_left_ballpoint_pen:\"],.emojione[title=\":kaaba:\"],.emojione[title=\":joystick:\"],.emojione[title=\":hole:\"],.emojione[title=\":hocho:\"],.emojione[title=\":heavy_plus_sign:\"],.emojione[title=\":heavy_multiplication_x:\"],.emojione[title=\":heavy_minus_sign:\"],.emojione[title=\":heavy_dollar_sign:\"],.emojione[title=\":heavy_division_sign:\"],.emojione[title=\":heavy_check_mark:\"],.emojione[title=\":guardsman:\"],.emojione[title=\":gorilla:\"],.emojione[title=\":fried_egg:\"],.emojione[title=\":film_projector:\"],.emojione[title=\":female-guard:\"],.emojione[title=\":end:\"],.emojione[title=\":electric_plug:\"],.emojione[title=\":eight_pointed_black_star:\"],.emojione[title=\":dark_sunglasses:\"],.emojione[title=\":currency_exchange:\"],.emojione[title=\":curly_loop:\"],.emojione[title=\":copyright:\"],.emojione[title=\":clubs:\"],.emojione[title=\":camera_with_flash:\"],.emojione[title=\":camera:\"],.emojione[title=\":busts_in_silhouette:\"],.emojione[title=\":bust_in_silhouette:\"],.emojione[title=\":bowling:\"],.emojione[title=\":bomb:\"],.emojione[title=\":black_small_square:\"],.emojione[title=\":black_nib:\"],.emojione[title=\":black_medium_square:\"],.emojione[title=\":black_medium_small_square:\"],.emojione[title=\":black_large_square:\"],.emojione[title=\":black_heart:\"],.emojione[title=\":black_circle:\"],.emojione[title=\":back:\"],.emojione[title=\":ant:\"],.emojione[title=\":8ball:\"]{filter:drop-shadow(1px 1px 0 #ffffff) drop-shadow(-1px 1px 0 #ffffff) drop-shadow(1px -1px 0 #ffffff) drop-shadow(-1px -1px 0 #ffffff);transform:scale(0.71)}@media screen and (min-width: 1300px){.column{flex-grow:1 !important;max-width:400px}.drawer{width:17%;max-width:400px;min-width:330px}}.media-gallery,.video-player{max-height:30vh;height:30vh !important;position:relative;margin-top:20px;margin-left:-68px;width:calc(100% + 80px) !important;max-width:calc(100% + 80px)}.detailed-status .media-gallery,.detailed-status .video-player{margin-left:-5px;width:calc(100% + 9px);max-width:calc(100% + 9px)}.video-player video{transform:unset;top:unset}.detailed-status .media-spoiler,.status .media-spoiler{height:100% !important;vertical-align:middle}body{font-size:13px;font-family:\"MS Sans Serif\",\"premillenium\",sans-serif;color:#000}.ui,.ui .columns-area,body.admin{background:teal}.loading-bar{height:5px;background-color:navy}.tabs-bar{background:#bfbfbf;box-shadow:inset -1px -1px 0px #000,inset 1px 1px 0px #fff,inset -2px -2px 0px gray,inset 2px 2px 0px #dfdfdf;border-radius:0px;height:30px}.tabs-bar__link{color:#000;border:2px outset #bfbfbf;border-top-width:1px;border-left-width:1px;margin:2px;padding:3px}.tabs-bar__link.active{box-shadow:inset 1px 1px 0px #000,inset -1px -1px 0px #fff,inset 2px 2px 0px gray,inset -2px -2px 0px #dfdfdf;border-width:0px;border-radius:0px;color:#000}.tabs-bar__link:last-child::before{content:\"Start\";color:#000;font-weight:bold;font-size:15px;width:80%;display:block;position:absolute;right:0px}.tabs-bar__link:last-child{position:relative;flex-basis:60px !important;font-size:0px;color:#bfbfbf;background-image:url(\"~images/start.png\");background-repeat:no-repeat;background-position:8%;background-clip:padding-box;background-size:auto 50%}.drawer .drawer__inner{overflow:visible;height:inherit;background:#bfbfbf}.drawer:after{display:block;content:\" \";position:absolute;bottom:15px;left:15px;width:132px;height:117px;background-image:url(\"~images/clippy_wave.gif\"),url(\"~images/clippy_frame.png\");background-repeat:no-repeat;background-position:4px 20px,0px 0px;z-index:0}.drawer__pager{overflow-y:auto;z-index:1}.privacy-dropdown__dropdown{z-index:2}.column{max-height:100vh}.column>.scrollable{background:#bfbfbf;border-left:2px solid #efefef;border-top:2px solid #efefef;border-right:2px solid #404040;border-bottom:2px solid #404040;border-radius:0px;border-top-width:0px}.column-header__wrapper{color:#fff;font-weight:bold;background:#7f7f7f}.column-header{padding:2px;font-size:13px;background:#7f7f7f;border-left:2px solid #efefef;border-top:2px solid #efefef;border-right:2px solid #404040;border-bottom:2px solid #404040;border-radius:0px;border-bottom-width:0px;color:#fff;font-weight:bold;align-items:baseline}.column-header__wrapper.active{background:#00007f}.column-header__wrapper.active::before{display:none}.column-header.active{box-shadow:unset;background:#00007f}.column-header.active .column-header__icon{color:#fff}.column-header__buttons{max-height:20px;margin-right:0px}.column-header__button{background:#bfbfbf;color:#000;line-height:0px;font-size:14px;max-height:20px;padding:0px 2px;margin-top:2px;box-shadow:inset -1px -1px 0px #000,inset 1px 1px 0px #fff,inset -2px -2px 0px gray,inset 2px 2px 0px #dfdfdf;border-radius:0px}.column-header__button:hover{color:#000}.column-header__button.active,.column-header__button.active:hover{box-shadow:inset 1px 1px 0px #000,inset -1px -1px 0px #fff,inset 2px 2px 0px gray,inset -2px -2px 0px #dfdfdf;border-width:0px;border-radius:0px;background-color:#7f7f7f}.column-header__back-button{background:#bfbfbf;color:#000;padding:2px;max-height:20px;margin-top:2px;box-shadow:inset -1px -1px 0px #000,inset 1px 1px 0px #fff,inset -2px -2px 0px gray,inset 2px 2px 0px #dfdfdf;border-radius:0px;font-size:13px;font-weight:bold}.column-back-button{background:#bfbfbf;color:#000;box-shadow:inset -1px -1px 0px #000,inset 1px 1px 0px #fff,inset -2px -2px 0px gray,inset 2px 2px 0px #dfdfdf;border-radius:0px;padding:2px;font-size:13px;font-weight:bold}.column-back-button--slim-button{position:absolute;top:-22px;right:4px;max-height:20px;max-width:60px;padding:0px 2px}.column-back-button__icon{font-size:11px;margin-top:-3px}.column-header__collapsible{border-left:2px outset #bfbfbf;border-right:2px outset #bfbfbf}.column-header__collapsible-inner{background:#bfbfbf;color:#000}.column-header__collapsible__extra{color:#000}.column-header__collapsible__extra div[role=group]{border:2px groove #bfbfbf;border-radius:4px;margin-bottom:8px;padding:4px}.column-inline-form{background-color:#bfbfbf;border-left:2px solid #efefef;border-top:2px solid #efefef;border-right:2px solid #404040;border-bottom:2px solid #404040;border-radius:0px;border-bottom-width:0px;border-top-width:0px}.column-settings__section{color:#000;font-weight:bold;font-size:11px;position:relative;top:-12px;left:4px;background-color:#bfbfbf;display:inline-block;padding:0px 4px;margin-bottom:0px}.setting-meta__label,.setting-toggle__label{color:#000;font-weight:normal}.setting-meta__label span:before{content:\"(\"}.setting-meta__label span:after{content:\")\"}.setting-toggle{line-height:13px}.react-toggle .react-toggle-track{border-radius:0px;background-color:#fff;border-left:2px solid #404040;border-top:2px solid #404040;border-right:2px solid #efefef;border-bottom:2px solid #efefef;border-radius:0px;width:12px;height:12px}.react-toggle:hover:not(.react-toggle--disabled) .react-toggle-track{background-color:#fff}.react-toggle .react-toggle-track-check{left:2px;transition:unset}.react-toggle .react-toggle-track-check svg path{fill:#000}.react-toggle .react-toggle-track-x{display:none}.react-toggle .react-toggle-thumb{border-radius:0px;display:none}.text-btn{background-color:#bfbfbf;box-shadow:inset -1px -1px 0px #000,inset 1px 1px 0px #fff,inset -2px -2px 0px gray,inset 2px 2px 0px #dfdfdf;border-radius:0px;padding:4px}.text-btn:hover{text-decoration:none;color:#000}.text-btn:active{box-shadow:inset 1px 1px 0px #000,inset -1px -1px 0px #fff,inset 2px 2px 0px gray,inset -2px -2px 0px #dfdfdf;border-width:0px;border-radius:0px}.setting-text{color:#000;background-color:#fff;box-shadow:inset 1px 1px 0px #000,inset -1px -1px 0px #fff,inset 2px 2px 0px gray,inset -2px -2px 0px #dfdfdf;border-width:0px;border-radius:0px;font-size:13px;padding:2px}.setting-text:active,.setting-text:focus,.setting-text.light:active,.setting-text.light:focus{color:#000;border-bottom:2px inset #bfbfbf}.column-header__setting-arrows .column-header__setting-btn{padding:3px 10px}.column-header__setting-arrows .column-header__setting-btn:last-child{padding:3px 10px}.missing-indicator{background-color:#bfbfbf;color:#000;box-shadow:inset -1px -1px 0px #000,inset 1px 1px 0px #fff,inset -2px -2px 0px gray,inset 2px 2px 0px #dfdfdf;border-radius:0px}.missing-indicator>div{background:url(\"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAARCAYAAAA7bUf6AAAACXBIWXMAAC4jAAAuIwF4pT92AAAAF3pUWHRUaXRsZQAACJnLyy9Jyy/NSwEAD5IDblIFOhoAAAAXelRYdEF1dGhvcgAACJlLzijKz0vMAQALmgLoDsFj8gAAAQpJREFUOMuVlD0OwjAMhd2oQl04Axfo0IGBgYELcAY6cqQuSO0ZOEAZGBg6VKg74gwsEaoESRVHjusI8aQqzY8/PbtOEz1qkFSn2YevlaNOpLMJh2DwvixhuXtOa6/LCh51DUMEFkAsgAZD207Doin8mQ562JpRE5CHBAAhmIqD1L8AqzUUUJkxc6kr3AgAJ+NuvIWRdk7WcrKl0AUqcIBBHOiEbpS4m27mIL5Onfg3k0rgggeQuS2sDOGSahKR+glgqaGLgUJs951NN1q9D72cQqQWR9cr3sm9YcEssEuz6eEuZh2bu0aSOhQ1MBezu2O/+TVSvEFII3qLsZWrSA2AAUQIh1HpyP/kC++zjVSMj6ntAAAAAElFTkSuQmCC\") no-repeat;background-position:center center}.empty-column-indicator,.error-column{background:#bfbfbf;color:#000}.status__wrapper{border:2px groove #bfbfbf;margin:4px}.status{border-left:1px solid #404040;border-top:1px solid #404040;border-right:1px solid #efefef;border-bottom:1px solid #efefef;border-radius:0px;background-color:#fff;margin:4px;padding-bottom:40px;margin-bottom:8px}.status.status-direct{background-color:#bfbfbf}.status__content{font-size:13px}.status.light .status__relative-time,.status.light .display-name span{color:#7f7f7f}.status__action-bar{box-sizing:border-box;position:absolute;bottom:-1px;left:-1px;background:#bfbfbf;width:calc(100% + 2px);padding-left:10px;padding:4px 2px;padding-bottom:4px;border-bottom:2px groove #bfbfbf;border-top:1px outset #bfbfbf;text-align:right}.status__wrapper .status__action-bar{border-bottom-width:0px}.status__action-bar-button{float:right}.status__action-bar-dropdown{margin-left:auto;margin-right:10px}.status__action-bar-dropdown .icon-button{min-width:28px}.status.light .status__content a{color:blue}.focusable:focus{background:#bfbfbf}.focusable:focus .detailed-status__action-bar{background:#bfbfbf}.focusable:focus .status,.focusable:focus .detailed-status{background:#fff;outline:2px dotted gray}.dropdown__trigger.icon-button{padding-right:6px}.detailed-status__action-bar-dropdown .icon-button{min-width:28px}.detailed-status{background:#fff;background-clip:padding-box;margin:4px;border:2px groove #bfbfbf;padding:4px}.detailed-status__display-name{color:#7f7f7f}.detailed-status__display-name strong{color:#000;font-weight:bold}.account__avatar,.account__avatar-overlay-base,.account__header__avatar,.account__avatar-overlay-overlay{border-left:1px solid #404040;border-top:1px solid #404040;border-right:1px solid #efefef;border-bottom:1px solid #efefef;border-radius:0px;clip-path:none;filter:saturate(1.8) brightness(1.1)}.detailed-status__action-bar{background-color:#bfbfbf;border:0px;border-bottom:2px groove #bfbfbf;margin-bottom:8px;justify-items:left;padding-left:4px}.icon-button{background:#bfbfbf;border-left:2px solid #efefef;border-top:2px solid #efefef;border-right:2px solid #404040;border-bottom:2px solid #404040;border-radius:0px;padding:0px 0px 0px 0px;margin-right:4px;color:#3f3f3f}.icon-button.inverted,.icon-button:hover,.icon-button.inverted:hover,.icon-button:active,.icon-button:focus{color:#3f3f3f}.icon-button:active{border-left:2px solid #404040;border-top:2px solid #404040;border-right:2px solid #efefef;border-bottom:2px solid #efefef;border-radius:0px}.status__action-bar>.icon-button{padding:0px 15px 0px 0px;min-width:25px}.icon-button.star-icon,.icon-button.star-icon:active{background:transparent;border:none}.icon-button.star-icon.active{color:#ca8f04}.icon-button.star-icon.active:active,.icon-button.star-icon.active:hover,.icon-button.star-icon.active:focus{color:#ca8f04}.icon-button.star-icon>i{background:#bfbfbf;border-left:2px solid #efefef;border-top:2px solid #efefef;border-right:2px solid #404040;border-bottom:2px solid #404040;border-radius:0px;padding-bottom:3px}.icon-button.star-icon:active>i{border-left:2px solid #404040;border-top:2px solid #404040;border-right:2px solid #efefef;border-bottom:2px solid #efefef;border-radius:0px}.text-icon-button{color:#404040}.detailed-status__action-bar-dropdown{margin-left:auto;justify-content:right;padding-right:16px}.detailed-status__button{flex:0 0 auto}.detailed-status__button .icon-button{padding-left:2px;padding-right:25px}.status-card{border-radius:0px;background:#fff;border:1px solid #000;color:#000}.status-card:hover{background-color:#fff}.status-card__title{color:blue;text-decoration:underline;font-weight:bold}.load-more{width:auto;margin:5px auto;background:#bfbfbf;box-shadow:inset -1px -1px 0px #000,inset 1px 1px 0px #fff,inset -2px -2px 0px gray,inset 2px 2px 0px #dfdfdf;border-radius:0px;color:#000;padding:2px 5px}.load-more:hover{background:#bfbfbf;color:#000}.status-card__description{color:#000}.account__display-name strong,.status__display-name strong{color:#000;font-weight:bold}.account .account__display-name{color:#000}.account{border-bottom:2px groove #bfbfbf}.reply-indicator__content .status__content__spoiler-link,.status__content .status__content__spoiler-link{background:#bfbfbf;box-shadow:inset -1px -1px 0px #000,inset 1px 1px 0px #fff,inset -2px -2px 0px gray,inset 2px 2px 0px #dfdfdf;border-radius:0px}.reply-indicator__content .status__content__spoiler-link:hover,.status__content .status__content__spoiler-link:hover{background:#bfbfbf}.reply-indicator__content .status__content__spoiler-link:active,.status__content .status__content__spoiler-link:active{box-shadow:inset 1px 1px 0px #000,inset -1px -1px 0px #fff,inset 2px 2px 0px gray,inset -2px -2px 0px #dfdfdf;border-width:0px;border-radius:0px}.reply-indicator__content a,.status__content a{color:blue}.notification{border:2px groove #bfbfbf;margin:4px}.notification__message{color:#000;font-size:13px}.notification__display-name{font-weight:bold}.drawer__header{background:#bfbfbf;border-left:2px solid #efefef;border-top:2px solid #efefef;border-right:2px solid #404040;border-bottom:2px solid #404040;border-radius:0px;justify-content:left;margin-bottom:0px;padding-bottom:2px;border-bottom:2px groove #bfbfbf}.drawer__tab{color:#000;box-shadow:inset -1px -1px 0px #000,inset 1px 1px 0px #fff,inset -2px -2px 0px gray,inset 2px 2px 0px #dfdfdf;border-radius:0px;padding:5px;margin:2px;flex:0 0 auto}.drawer__tab:first-child::before{content:\"Start\";color:#000;font-weight:bold;font-size:15px;width:80%;display:block;position:absolute;right:0px}.drawer__tab:first-child{position:relative;padding:5px 15px;width:40px;font-size:0px;color:#bfbfbf;background-image:url(\"~images/start.png\");background-repeat:no-repeat;background-position:8%;background-clip:padding-box;background-size:auto 50%}.drawer__header a:hover{background-color:transparent}.drawer__header a:first-child:hover{background-image:url(\"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAOCAIAAACpTQvdAAAACXBIWXMAAC4jAAAuIwF4pT92AAAAF3pUWHRBdXRob3IAAAiZS84oys9LzAEAC5oC6A7BY/IAAACWSURBVCiRhVJJDsQgDEuqOfRZ7a1P5gbP4uaJaEjTADMWQhHYjlk4p0wLnNdptdF4KvBUDyGzVwc2xO+uKtH+1o0ytEEmqFpuxlvFCGCxKbNIT56QCi2MzaA/2Mz+mERSOeqzJG2RUxkjdTabgPtFoZ1bZxcKvgPcLZVufAyR9Ni8v5dWDzfFx0giC1RvZFv6l35QQ/Mvv39XXgGzQpoAAAAASUVORK5CYII=\");background-repeat:no-repeat;background-position:8%;background-clip:padding-box;background-size:auto 50%;transition:unset}.search{background:#bfbfbf;padding-top:2px;padding:2px;border:2px outset #bfbfbf;border-top-width:0px;border-bottom:2px groove #bfbfbf;margin-bottom:0px}.search input{background-color:#fff;color:#000;border-left:1px solid #404040;border-top:1px solid #404040;border-right:1px solid #efefef;border-bottom:1px solid #efefef;border-radius:0px}.search__input:focus{background-color:#fff}.search-popout{box-shadow:unset;color:#000;border-radius:0px;background-color:#ffc;border:1px solid #000}.search-popout h4{color:#000;text-transform:none;font-weight:bold}.search-results__header{background-color:#bfbfbf;color:#000;border-bottom:2px groove #bfbfbf}.search-results__hashtag{color:blue}.search-results__section .account:hover,.search-results__section .account:hover .account__display-name,.search-results__section .account:hover .account__display-name strong,.search-results__section .search-results__hashtag:hover{background-color:#00007f;color:#fff}.search__icon .fa{color:gray}.search__icon .fa.active{opacity:1}.search__icon .fa:hover{color:gray}.drawer__inner,.drawer__inner.darker{background-color:#bfbfbf;border:2px outset #bfbfbf;border-top-width:0px}.navigation-bar{color:#000}.navigation-bar strong{color:#000;font-weight:bold}.compose-form .autosuggest-textarea__textarea,.compose-form .spoiler-input__input{border-radius:0px;border-left:1px solid #404040;border-top:1px solid #404040;border-right:1px solid #efefef;border-bottom:1px solid #efefef;border-radius:0px}.compose-form .autosuggest-textarea__textarea{border-bottom:0px}.compose-form__uploads-wrapper{border-radius:0px;border-bottom:1px inset #bfbfbf;border-top-width:0px}.compose-form__upload-wrapper{border-left:1px inset #bfbfbf;border-right:1px inset #bfbfbf}.compose-form .compose-form__buttons-wrapper{background-color:#bfbfbf;border:2px groove #bfbfbf;margin-top:4px;padding:4px 8px}.compose-form__buttons{background-color:#bfbfbf;border-radius:0px;box-shadow:unset}.compose-form__buttons-separator{border-left:2px groove #bfbfbf}.privacy-dropdown.active .privacy-dropdown__value.active,.advanced-options-dropdown.open .advanced-options-dropdown__value{background:#bfbfbf}.privacy-dropdown.active .privacy-dropdown__value.active .icon-button{color:#404040}.privacy-dropdown.active .privacy-dropdown__value{background:#bfbfbf;box-shadow:unset}.privacy-dropdown__option.active,.privacy-dropdown__option:hover,.privacy-dropdown__option.active:hover{background:#00007f}.privacy-dropdown__dropdown,.privacy-dropdown.active .privacy-dropdown__dropdown,.advanced-options-dropdown__dropdown,.advanced-options-dropdown.open .advanced-options-dropdown__dropdown{box-shadow:unset;color:#000;box-shadow:inset -1px -1px 0px #000,inset 1px 1px 0px #fff,inset -2px -2px 0px gray,inset 2px 2px 0px #dfdfdf;border-radius:0px;background:#bfbfbf}.privacy-dropdown__option__content{color:#000}.privacy-dropdown__option__content strong{font-weight:bold}.compose-form__warning::before{content:\"Tip:\";font-weight:bold;display:block;position:absolute;top:-10px;background-color:#bfbfbf;font-size:11px;padding:0px 5px}.compose-form__warning{position:relative;box-shadow:unset;border:2px groove #bfbfbf;background-color:#bfbfbf;color:#000}.compose-form__warning a{color:blue}.compose-form__warning strong{color:#000;text-decoration:underline}.compose-form__buttons button.active:last-child{border-left:2px solid #404040;border-top:2px solid #404040;border-right:2px solid #efefef;border-bottom:2px solid #efefef;border-radius:0px;background:#dfdfdf;color:#7f7f7f}.compose-form__upload-thumbnail{border-radius:0px;border:2px groove #bfbfbf;background-color:#bfbfbf;padding:2px;box-sizing:border-box}.compose-form__upload-thumbnail .icon-button{max-width:20px;max-height:20px;line-height:10px !important}.compose-form__upload-thumbnail .icon-button::before{content:\"X\";font-size:13px;font-weight:bold;color:#000}.compose-form__upload-thumbnail .icon-button i{display:none}.emoji-picker-dropdown__menu{z-index:2}.emoji-dialog.with-search{box-shadow:unset;border-radius:0px;background-color:#bfbfbf;border:1px solid #000;box-sizing:content-box}.emoji-dialog .emoji-search{color:#000;background-color:#fff;border-radius:0px;box-shadow:inset 1px 1px 0px #000,inset -1px -1px 0px #fff,inset 2px 2px 0px gray,inset -2px -2px 0px #dfdfdf;border-width:0px;border-radius:0px}.emoji-dialog .emoji-search-wrapper{border-bottom:2px groove #bfbfbf}.emoji-dialog .emoji-category-title{color:#000;font-weight:bold}.reply-indicator{background-color:#bfbfbf;border-radius:3px;border:2px groove #bfbfbf}.button{background-color:#bfbfbf;box-shadow:inset -1px -1px 0px #000,inset 1px 1px 0px #fff,inset -2px -2px 0px gray,inset 2px 2px 0px #dfdfdf;border-radius:0px;border-radius:0px;color:#000;font-weight:bold}.button:hover,.button:focus,.button:disabled{background-color:#bfbfbf}.button:active{box-shadow:inset 1px 1px 0px #000,inset -1px -1px 0px #fff,inset 2px 2px 0px gray,inset -2px -2px 0px #dfdfdf;border-width:0px;border-radius:0px}.button:disabled{color:gray;text-shadow:1px 1px 0px #efefef}.button:disabled:active{box-shadow:inset -1px -1px 0px #000,inset 1px 1px 0px #fff,inset -2px -2px 0px gray,inset 2px 2px 0px #dfdfdf;border-radius:0px}#Getting-started{background-color:#bfbfbf;box-shadow:inset 1px 1px 0px #000,inset -1px -1px 0px #fff,inset 2px 2px 0px gray,inset -2px -2px 0px #dfdfdf;border-width:0px;border-radius:0px;border-bottom-width:0px}#Getting-started::before{content:\"Start\";color:#000;font-weight:bold;font-size:15px;width:80%;text-align:center;display:block;position:absolute;right:2px}#Getting-started{position:relative;padding:5px 15px;width:60px;font-size:0px;color:#bfbfbf;background-image:url(\"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAOCAIAAACpTQvdAAAACXBIWXMAAC4jAAAuIwF4pT92AAAAF3pUWHRBdXRob3IAAAiZS84oys9LzAEAC5oC6A7BY/IAAACWSURBVCiRhVJJDsQgDEuqOfRZ7a1P5gbP4uaJaEjTADMWQhHYjlk4p0wLnNdptdF4KvBUDyGzVwc2xO+uKtH+1o0ytEEmqFpuxlvFCGCxKbNIT56QCi2MzaA/2Mz+mERSOeqzJG2RUxkjdTabgPtFoZ1bZxcKvgPcLZVufAyR9Ni8v5dWDzfFx0giC1RvZFv6l35QQ/Mvv39XXgGzQpoAAAAASUVORK5CYII=\");background-repeat:no-repeat;background-position:8%;background-clip:padding-box;background-size:auto 50%}.column-subheading{background-color:#bfbfbf;color:#000;border-bottom:2px groove #bfbfbf;text-transform:none;font-size:16px}.column-link{background-color:transparent;color:#000}.column-link:hover{background-color:#00007f;color:#fff}.getting-started__wrapper .column-subheading{font-size:0px;margin:0px;padding:0px}.getting-started__wrapper .column-link{background-size:32px 32px;background-repeat:no-repeat;background-position:36px 50%;padding-left:40px}.getting-started__wrapper .column-link:hover{background-size:32px 32px;background-repeat:no-repeat;background-position:36px 50%}.getting-started__wrapper .column-link i{font-size:0px;width:32px}.column-link[href=\"/web/timelines/public\"]{background-image:url(\"~images/icon_public.png\")}.column-link[href=\"/web/timelines/public\"]:hover{background-image:url(\"~images/icon_public.png\")}.column-link[href=\"/web/timelines/public/local\"]{background-image:url(\"~images/icon_local.png\")}.column-link[href=\"/web/timelines/public/local\"]:hover{background-image:url(\"~images/icon_local.png\")}.column-link[href=\"/web/pinned\"]{background-image:url(\"~images/icon_pin.png\")}.column-link[href=\"/web/pinned\"]:hover{background-image:url(\"~images/icon_pin.png\")}.column-link[href=\"/web/favourites\"]{background-image:url(\"~images/icon_likes.png\")}.column-link[href=\"/web/favourites\"]:hover{background-image:url(\"~images/icon_likes.png\")}.column-link[href=\"/web/lists\"]{background-image:url(\"~images/icon_lists.png\")}.column-link[href=\"/web/lists\"]:hover{background-image:url(\"~images/icon_lists.png\")}.column-link[href=\"/web/follow_requests\"]{background-image:url(\"~images/icon_follow_requests.png\")}.column-link[href=\"/web/follow_requests\"]:hover{background-image:url(\"~images/icon_follow_requests.png\")}.column-link[href=\"/web/keyboard-shortcuts\"]{background-image:url(\"~images/icon_keyboard_shortcuts.png\")}.column-link[href=\"/web/keyboard-shortcuts\"]:hover{background-image:url(\"~images/icon_keyboard_shortcuts.png\")}.column-link[href=\"/web/blocks\"]{background-image:url(\"~images/icon_blocks.png\")}.column-link[href=\"/web/blocks\"]:hover{background-image:url(\"~images/icon_blocks.png\")}.column-link[href=\"/web/mutes\"]{background-image:url(\"~images/icon_mutes.png\")}.column-link[href=\"/web/mutes\"]:hover{background-image:url(\"~images/icon_mutes.png\")}.column-link[href=\"/settings/preferences\"]{background-image:url(\"~images/icon_settings.png\")}.column-link[href=\"/settings/preferences\"]:hover{background-image:url(\"~images/icon_settings.png\")}.column-link[href=\"/about/more\"]{background-image:url(\"~images/icon_about.png\")}.column-link[href=\"/about/more\"]:hover{background-image:url(\"~images/icon_about.png\")}.column-link[href=\"/auth/sign_out\"]{background-image:url(\"~images/icon_logout.png\")}.column-link[href=\"/auth/sign_out\"]:hover{background-image:url(\"~images/icon_logout.png\")}.getting-started__footer{display:none}.getting-started__wrapper::before{content:\"Mastodon 95\";font-weight:bold;font-size:23px;color:#fff;line-height:30px;padding-left:20px;padding-right:40px;left:0px;bottom:-30px;display:block;position:absolute;background-color:#7f7f7f;width:200%;height:30px;-ms-transform:rotate(-90deg);-webkit-transform:rotate(-90deg);transform:rotate(-90deg);transform-origin:top left}.getting-started__wrapper{border-left:2px solid #efefef;border-top:2px solid #efefef;border-right:2px solid #404040;border-bottom:2px solid #404040;border-radius:0px;background-color:#bfbfbf}.column .static-content.getting-started{display:none}.keyboard-shortcuts kbd{background-color:#bfbfbf}.account__header{background-color:#7f7f7f}.account__header .account__header__content{color:#fff}.account-authorize__wrapper{border:2px groove #bfbfbf;margin:2px;padding:2px}.account--panel{background-color:#bfbfbf;border:0px;border-top:2px groove #bfbfbf}.account-authorize .account__header__content{color:#000;margin:10px}.account__action-bar__tab>span{color:#000;font-weight:bold}.account__action-bar__tab strong{color:#000}.account__action-bar{border:unset}.account__action-bar__tab{border:1px outset #bfbfbf}.account__action-bar__tab:active{box-shadow:inset 1px 1px 0px #000,inset -1px -1px 0px #fff,inset 2px 2px 0px gray,inset -2px -2px 0px #dfdfdf;border-width:0px;border-radius:0px}.dropdown--active .dropdown__content>ul,.dropdown-menu{background:#ffc;border-radius:0px;border:1px solid #000;box-shadow:unset}.dropdown-menu a{background-color:transparent}.dropdown--active::after{display:none}.dropdown--active .icon-button{color:#000;box-shadow:inset 1px 1px 0px #000,inset -1px -1px 0px #fff,inset 2px 2px 0px gray,inset -2px -2px 0px #dfdfdf;border-width:0px;border-radius:0px}.dropdown--active .dropdown__content>ul>li>a{background:transparent}.dropdown--active .dropdown__content>ul>li>a:hover{background:transparent;color:#000;text-decoration:underline}.dropdown__sep,.dropdown-menu__separator{border-color:#7f7f7f}.detailed-status__action-bar-dropdown .dropdown--active .dropdown__content.dropdown__left{left:unset}.dropdown>.icon-button,.detailed-status__button>.icon-button,.status__action-bar>.icon-button,.star-icon i{height:25px !important;width:28px !important;box-sizing:border-box}.status__action-bar-button .fa-floppy-o{padding-top:2px}.status__action-bar-dropdown{position:relative;top:-3px}.detailed-status__action-bar-dropdown .dropdown{position:relative;top:-4px}.notification .status__action-bar{border-bottom:none}.notification .status{margin-bottom:4px}.status__wrapper .status{margin-bottom:3px}.status__wrapper{margin-bottom:8px}.icon-button .fa-retweet{position:relative;top:-1px}.embed-modal,.error-modal,.onboarding-modal,.actions-modal,.boost-modal,.confirmation-modal,.report-modal{box-shadow:inset -1px -1px 0px #000,inset 1px 1px 0px #fff,inset -2px -2px 0px gray,inset 2px 2px 0px #dfdfdf;border-radius:0px;background:#bfbfbf}.actions-modal::before,.boost-modal::before,.confirmation-modal::before,.report-modal::before{content:\"Confirmation\";display:block;background:#00007f;color:#fff;font-weight:bold;padding-left:2px}.boost-modal::before{content:\"Boost confirmation\"}.boost-modal__action-bar>div>span:before{content:\"Tip: \";font-weight:bold}.boost-modal__action-bar,.confirmation-modal__action-bar,.report-modal__action-bar{background:#bfbfbf;margin-top:-15px}.embed-modal h4,.error-modal h4,.onboarding-modal h4{background:#00007f;color:#fff;font-weight:bold;padding:2px;font-size:13px;text-align:left}.confirmation-modal__action-bar .confirmation-modal__cancel-button{color:#000}.confirmation-modal__action-bar .confirmation-modal__cancel-button:active,.confirmation-modal__action-bar .confirmation-modal__cancel-button:focus,.confirmation-modal__action-bar .confirmation-modal__cancel-button:hover{color:#000}.confirmation-modal__action-bar .confirmation-modal__cancel-button:active{box-shadow:inset 1px 1px 0px #000,inset -1px -1px 0px #fff,inset 2px 2px 0px gray,inset -2px -2px 0px #dfdfdf;border-width:0px;border-radius:0px}.embed-modal .embed-modal__container .embed-modal__html,.embed-modal .embed-modal__container .embed-modal__html:focus{background:#fff;color:#000;box-shadow:inset 1px 1px 0px #000,inset -1px -1px 0px #fff,inset 2px 2px 0px gray,inset -2px -2px 0px #dfdfdf;border-width:0px;border-radius:0px}.modal-root__overlay,.account__header>div{background:url(\"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAIAAAACCAYAAABytg0kAAAACXBIWXMAAC4jAAAuIwF4pT92AAAAFnpUWHRUaXRsZQAACJnLzU9JzElKBwALgwLXaCRlPwAAABd6VFh0QXV0aG9yAAAImUvOKMrPS8wBAAuaAugOwWPyAAAAEUlEQVQImWNgYGD4z4AE/gMADwMB/414xEUAAAAASUVORK5CYII=\")}.admin-wrapper::before{position:absolute;top:0px;content:\"Control Panel\";color:#fff;background-color:#00007f;font-size:13px;font-weight:bold;width:calc(100%);margin:2px;display:block;padding:2px;padding-left:22px;box-sizing:border-box}.admin-wrapper{position:relative;background:#bfbfbf;box-shadow:inset -1px -1px 0px #000,inset 1px 1px 0px #fff,inset -2px -2px 0px gray,inset 2px 2px 0px #dfdfdf;border-radius:0px;width:70vw;height:80vh;margin:10vh auto;color:#000;padding-top:24px;flex-direction:column;overflow:hidden}@media screen and (max-width: 1120px){.admin-wrapper{width:90vw;height:95vh;margin:2.5vh auto}}@media screen and (max-width: 740px){.admin-wrapper{width:100vw;height:95vh;height:calc(100vh - 24px);margin:0px 0px 0px 0px}}.admin-wrapper .sidebar-wrapper{position:static;height:auto;flex:0 0 auto;margin:2px}.admin-wrapper .content-wrapper{flex:1 1 auto;width:calc(100% - 20px);border-left:2px solid #efefef;border-top:2px solid #efefef;border-right:2px solid #404040;border-bottom:2px solid #404040;border-radius:0px;position:relative;margin-left:10px;margin-right:10px;margin-bottom:40px;box-sizing:border-box}.admin-wrapper .content{background-color:#bfbfbf;width:100%;max-width:100%;min-height:100%;box-sizing:border-box;position:relative}.admin-wrapper .sidebar{position:static;background:#bfbfbf;color:#000;width:100%;height:auto;padding-bottom:20px}.admin-wrapper .sidebar .logo{position:absolute;top:2px;left:4px;width:18px;height:18px;margin:0px}.admin-wrapper .sidebar>ul{background:#bfbfbf;margin:0px;margin-left:8px;color:#000}.admin-wrapper .sidebar>ul>li{display:inline-block}.admin-wrapper .sidebar>ul>li#settings,.admin-wrapper .sidebar>ul>li#admin{padding:2px;border:0px solid transparent}.admin-wrapper .sidebar>ul>li#logout{position:absolute;box-shadow:inset -1px -1px 0px #000,inset 1px 1px 0px #fff,inset -2px -2px 0px gray,inset 2px 2px 0px #dfdfdf;border-radius:0px;right:12px;bottom:10px}.admin-wrapper .sidebar>ul>li#web{display:inline-block;box-shadow:inset -1px -1px 0px #000,inset 1px 1px 0px #fff,inset -2px -2px 0px gray,inset 2px 2px 0px #dfdfdf;border-radius:0px;position:absolute;left:12px;bottom:10px}.admin-wrapper .sidebar>ul>li>a{display:inline-block;box-shadow:inset -1px 0px 0px #000,inset 1px 0px 0px #fff,inset 0px 1px 0px #fff,inset 0px 2px 0px #dfdfdf,inset -2px 0px 0px gray,inset 2px 0px 0px #dfdfdf;border-radius:0px;border-top-left-radius:1px;border-top-right-radius:1px;padding:2px 5px;margin:0px;color:#000;vertical-align:baseline}.admin-wrapper .sidebar>ul>li>a.selected{background:#bfbfbf;color:#000;padding-top:4px;padding-bottom:4px}.admin-wrapper .sidebar>ul>li>a:hover{background:#bfbfbf;color:#000}.admin-wrapper .sidebar>ul>li>ul{width:calc(100% - 20px);background:transparent;position:absolute;left:10px;top:54px;z-index:3}.admin-wrapper .sidebar>ul>li>ul>li{background:#bfbfbf;display:inline-block;vertical-align:baseline}.admin-wrapper .sidebar>ul>li>ul>li>a{background:#bfbfbf;box-shadow:inset -1px 0px 0px #000,inset 1px 0px 0px #fff,inset 0px 1px 0px #fff,inset 0px 2px 0px #dfdfdf,inset -2px 0px 0px gray,inset 2px 0px 0px #dfdfdf;border-radius:0px;border-top-left-radius:1px;border-top-right-radius:1px;color:#000;padding:2px 5px;position:relative;z-index:3}.admin-wrapper .sidebar>ul>li>ul>li>a.selected{background:#bfbfbf;color:#000;padding-bottom:4px;padding-top:4px;padding-right:7px;margin-left:-2px;margin-right:-2px;position:relative;z-index:4}.admin-wrapper .sidebar>ul>li>ul>li>a.selected:first-child{margin-left:0px}.admin-wrapper .sidebar>ul>li>ul>li>a.selected:hover{background:transparent;color:#000}.admin-wrapper .sidebar>ul>li>ul>li>a:hover{background:#bfbfbf;color:#000}@media screen and (max-width: 1520px){.admin-wrapper .sidebar>ul>li>ul{max-width:1000px}.admin-wrapper .sidebar{padding-bottom:45px}}@media screen and (max-width: 600px){.admin-wrapper .sidebar>ul>li>ul{max-width:500px}.admin-wrapper .sidebar{padding:0px;padding-bottom:70px;width:100%;height:auto}.admin-wrapper .content-wrapper{overflow:auto;height:80%;height:calc(100% - 150px)}}.flash-message{background-color:#ffc;color:#000;border:1px solid #000;border-radius:0px;position:absolute;top:0px;left:0px;width:100%}.admin-wrapper table{background-color:#fff;border-left:1px solid #404040;border-top:1px solid #404040;border-right:1px solid #efefef;border-bottom:1px solid #efefef;border-radius:0px}.admin-wrapper .content h2,.simple_form .input.with_label .label_input>label,.admin-wrapper .content h6,.admin-wrapper .content>p,.admin-wrapper .content .muted-hint,.simple_form span.hint,.simple_form h4,.simple_form .check_boxes .checkbox label,.simple_form .input.with_label.boolean .label_input>label,.filters .filter-subset a,.simple_form .input.radio_buttons .radio label,a.table-action-link,a.table-action-link:hover,.simple_form .input.with_block_label>label,.simple_form p.hint{color:#000}.table>tbody>tr:nth-child(2n+1)>td,.table>tbody>tr:nth-child(2n+1)>th{background-color:#fff}.simple_form input[type=text],.simple_form input[type=number],.simple_form input[type=email],.simple_form input[type=password],.simple_form textarea{color:#000;background-color:#fff;border-left:1px solid #404040;border-top:1px solid #404040;border-right:1px solid #efefef;border-bottom:1px solid #efefef;border-radius:0px}.simple_form input[type=text]:active,.simple_form input[type=text]:focus,.simple_form input[type=number]:active,.simple_form input[type=number]:focus,.simple_form input[type=email]:active,.simple_form input[type=email]:focus,.simple_form input[type=password]:active,.simple_form input[type=password]:focus,.simple_form textarea:active,.simple_form textarea:focus{background-color:#fff}.simple_form button,.simple_form .button,.simple_form .block-button{background:#bfbfbf;box-shadow:inset -1px -1px 0px #000,inset 1px 1px 0px #fff,inset -2px -2px 0px gray,inset 2px 2px 0px #dfdfdf;border-radius:0px;color:#000;font-weight:normal}.simple_form button:hover,.simple_form .button:hover,.simple_form .block-button:hover{background:#bfbfbf}.simple_form .warning,.table-form .warning{background:#ffc;color:#000;box-shadow:unset;text-shadow:unset;border:1px solid #000}.simple_form .warning a,.table-form .warning a{color:blue;text-decoration:underline}.simple_form button.negative,.simple_form .button.negative,.simple_form .block-button.negative{background:#bfbfbf}.filters .filter-subset{border:2px groove #bfbfbf;padding:2px}.filters .filter-subset a::before{content:\"\";background-color:#fff;border-radius:50%;border:2px solid #000;border-top-color:#7f7f7f;border-left-color:#7f7f7f;border-bottom-color:#f5f5f5;border-right-color:#f5f5f5;width:12px;height:12px;display:inline-block;vertical-align:middle;margin-right:2px}.filters .filter-subset a.selected::before{background-color:#000;box-shadow:inset 0 0 0 3px #fff}.filters .filter-subset a,.filters .filter-subset a:hover,.filters .filter-subset a.selected{color:#000;border-bottom:0px solid transparent}","//  win95 theme from cybrespace.\n\n//  Modified by kibi! to use webpack package syntax for urls (eg,\n//  `url(~images/…)`) for easy importing into skins.\n\n$win95-bg: #bfbfbf;\n$win95-dark-grey: #404040;\n$win95-mid-grey: #808080;\n$win95-window-header: #00007f;\n$win95-tooltip-yellow: #ffffcc;\n$win95-blue: blue;\n\n$ui-base-lighter-color: $win95-dark-grey;\n$ui-highlight-color: $win95-window-header;\n\n@mixin win95-border-outset() {\n  border-left: 2px solid #efefef;\n  border-top: 2px solid #efefef;\n  border-right: 2px solid #404040;\n  border-bottom: 2px solid #404040;\n  border-radius:0px;\n}\n\n@mixin win95-outset() {\n  box-shadow: inset -1px -1px 0px #000000,\n              inset 1px 1px 0px #ffffff,\n              inset -2px -2px 0px #808080,\n              inset 2px 2px 0px #dfdfdf;\n  border-radius:0px;\n}\n\n@mixin win95-border-inset() {\n  border-left: 2px solid #404040;\n  border-top: 2px solid #404040;\n  border-right: 2px solid #efefef;\n  border-bottom: 2px solid #efefef;\n  border-radius:0px;\n}\n\n@mixin win95-border-slight-inset() {\n  border-left: 1px solid #404040;\n  border-top: 1px solid #404040;\n  border-right: 1px solid #efefef;\n  border-bottom: 1px solid #efefef;\n  border-radius:0px;\n}\n\n@mixin win95-inset() {\n  box-shadow: inset 1px 1px 0px #000000,\n              inset -1px -1px 0px #ffffff,\n              inset 2px 2px 0px #808080,\n              inset -2px -2px 0px #dfdfdf;\n  border-width:0px;\n  border-radius:0px;\n}\n\n@mixin win95-tab() {\n  box-shadow: inset -1px 0px 0px #000000,\n              inset 1px 0px 0px #ffffff,\n              inset 0px 1px 0px #ffffff,\n              inset 0px 2px 0px #dfdfdf,\n              inset -2px 0px 0px #808080,\n              inset 2px 0px 0px #dfdfdf;\n  border-radius:0px;\n  border-top-left-radius: 1px;\n  border-top-right-radius: 1px;\n}\n\n@mixin win95-reset() {\n  box-shadow: unset;\n}\n\n@font-face {\n  font-family:\"premillenium\";\n  src: url('~fonts/premillenium/MSSansSerif.ttf') format('truetype');\n}\n\n@import 'application';\n\n/* borrowed from cybrespace style: wider columns and full column width images */\n\n@media screen and (min-width: 1300px) {\n  .column {\n    flex-grow: 1 !important;\n    max-width: 400px;\n  }\n\n  .drawer {\n    width: 17%;\n    max-width: 400px;\n    min-width: 330px;\n  }\n}\n\n.media-gallery,\n.video-player {\n  max-height:30vh;\n  height:30vh !important;\n  position:relative;\n  margin-top:20px;\n  margin-left:-68px;\n  width: calc(100% + 80px) !important;\n  max-width: calc(100% + 80px);\n}\n\n.detailed-status .media-gallery,\n.detailed-status .video-player {\n  margin-left:-5px;\n  width: calc(100% + 9px);\n  max-width: calc(100% + 9px);\n}\n\n.video-player video {\n  transform: unset;\n  top: unset;\n}\n\n.detailed-status .media-spoiler,\n.status .media-spoiler {\n  height: 100%!important;\n  vertical-align: middle;\n}\n\n/* main win95 style */\n\nbody {\n  font-size:13px;\n  font-family: \"MS Sans Serif\", \"premillenium\", sans-serif;\n  color:black;\n}\n\n.ui,\n.ui .columns-area,\nbody.admin {\n  background: #008080;\n}\n\n.loading-bar {\n  height:5px;\n  background-color: #000080;\n}\n\n.tabs-bar {\n  background: $win95-bg;\n  @include win95-outset();\n  height: 30px;\n}\n\n.tabs-bar__link {\n  color:black;\n  border:2px outset $win95-bg;\n  border-top-width: 1px;\n  border-left-width: 1px;\n  margin:2px;\n  padding:3px;\n}\n\n.tabs-bar__link.active {\n  @include win95-inset();\n  color:black;\n}\n\n.tabs-bar__link:last-child::before {\n  content:\"Start\";\n  color:black;\n  font-weight:bold;\n  font-size:15px;\n  width:80%;\n  display:block;\n  position:absolute;\n  right:0px;\n}\n\n.tabs-bar__link:last-child {\n  position:relative;\n  flex-basis:60px !important;\n  font-size:0px;\n  color:$win95-bg;\n\n  background-image: url(\"~images/start.png\");\n  background-repeat:no-repeat;\n  background-position:8%;\n  background-clip:padding-box;\n  background-size:auto 50%;\n}\n\n.drawer .drawer__inner {\n  overflow: visible;\n  height:inherit;\n  background:$win95-bg;\n}\n\n.drawer:after {\n    display:block;\n    content: \" \";\n\n    position:absolute;\n    bottom:15px;\n    left:15px;\n    width:132px;\n    height:117px;\n    background-image:url(\"~images/clippy_wave.gif\"), url(\"~images/clippy_frame.png\");\n    background-repeat:no-repeat;\n    background-position: 4px 20px, 0px 0px;\n    z-index:0;\n}\n\n.drawer__pager {\n  overflow-y:auto;\n  z-index:1;\n}\n\n.privacy-dropdown__dropdown {\n  z-index:2;\n}\n\n.column {\n  max-height:100vh;\n}\n\n.column > .scrollable {\n  background: $win95-bg;\n  @include win95-border-outset();\n  border-top-width:0px;\n}\n\n.column-header__wrapper {\n  color:white;\n  font-weight:bold;\n  background:#7f7f7f;\n}\n\n.column-header {\n  padding:2px;\n  font-size:13px;\n  background:#7f7f7f;\n  @include win95-border-outset();\n  border-bottom-width:0px;\n  color:white;\n  font-weight:bold;\n  align-items:baseline;\n}\n\n.column-header__wrapper.active {\n  background:$win95-window-header;\n}\n\n.column-header__wrapper.active::before {\n  display:none;\n}\n.column-header.active {\n  box-shadow:unset;\n  background:$win95-window-header;\n}\n\n.column-header.active .column-header__icon {\n  color:white;\n}\n\n.column-header__buttons {\n  max-height: 20px;\n  margin-right:0px;\n}\n\n.column-header__button {\n  background: $win95-bg;\n  color: black;\n  line-height:0px;\n  font-size:14px;\n  max-height:20px;\n  padding:0px 2px;\n  margin-top:2px;\n  @include win95-outset();\n\n  &:hover {\n    color: black;\n  }\n}\n\n.column-header__button.active, .column-header__button.active:hover {\n  @include win95-inset();\n  background-color:#7f7f7f;\n}\n\n.column-header__back-button {\n  background: $win95-bg;\n  color: black;\n  padding:2px;\n  max-height:20px;\n  margin-top:2px;\n  @include win95-outset();\n  font-size:13px;\n  font-weight:bold;\n}\n\n.column-back-button {\n  background:$win95-bg;\n  color:black;\n  @include win95-outset();\n  padding:2px;\n  font-size:13px;\n  font-weight:bold;\n}\n\n.column-back-button--slim-button {\n  position:absolute;\n  top:-22px;\n  right:4px;\n  max-height:20px;\n  max-width:60px;\n  padding:0px 2px;\n}\n\n.column-back-button__icon {\n  font-size:11px;\n  margin-top:-3px;\n}\n\n.column-header__collapsible {\n  border-left:2px outset $win95-bg;\n  border-right:2px outset $win95-bg;\n}\n\n.column-header__collapsible-inner {\n  background:$win95-bg;\n  color:black;\n}\n\n.column-header__collapsible__extra {\n  color:black;\n}\n\n.column-header__collapsible__extra div[role=\"group\"] {\n  border: 2px groove $win95-bg;\n  border-radius:4px;\n  margin-bottom:8px;\n  padding:4px;\n}\n\n.column-inline-form {\n  background-color: $win95-bg;\n  @include win95-border-outset();\n  border-bottom-width:0px;\n  border-top-width:0px;\n}\n\n.column-settings__section {\n  color:black;\n  font-weight:bold;\n  font-size:11px;\n  position:relative;\n  top: -12px;\n  left:4px;\n  background-color:$win95-bg;\n  display:inline-block;\n  padding:0px 4px;\n  margin-bottom:0px;\n}\n\n.setting-meta__label, .setting-toggle__label {\n  color:black;\n  font-weight:normal;\n}\n\n.setting-meta__label span:before {\n  content:\"(\";\n}\n.setting-meta__label span:after {\n  content:\")\";\n}\n\n.setting-toggle {\n  line-height:13px;\n}\n\n.react-toggle .react-toggle-track {\n  border-radius:0px;\n  background-color:white;\n  @include win95-border-inset();\n\n  width:12px;\n  height:12px;\n}\n\n.react-toggle:hover:not(.react-toggle--disabled) .react-toggle-track {\n  background-color:white;\n}\n\n.react-toggle .react-toggle-track-check {\n  left:2px;\n  transition:unset;\n}\n\n.react-toggle .react-toggle-track-check svg path {\n  fill: black;\n}\n\n.react-toggle .react-toggle-track-x {\n  display:none;\n}\n\n.react-toggle .react-toggle-thumb {\n  border-radius:0px;\n  display:none;\n}\n\n.text-btn {\n  background-color:$win95-bg;\n  @include win95-outset();\n  padding:4px;\n}\n\n.text-btn:hover {\n  text-decoration:none;\n  color:black;\n}\n\n.text-btn:active {\n  @include win95-inset();\n}\n\n.setting-text {\n  color:black;\n  background-color:white;\n  @include win95-inset();\n  font-size:13px;\n  padding:2px;\n}\n\n.setting-text:active, .setting-text:focus,\n.setting-text.light:active, .setting-text.light:focus {\n  color:black;\n  border-bottom:2px inset $win95-bg;\n}\n\n.column-header__setting-arrows .column-header__setting-btn {\n  padding:3px 10px;\n}\n\n.column-header__setting-arrows .column-header__setting-btn:last-child {\n  padding:3px 10px;\n}\n\n.missing-indicator {\n  background-color:$win95-bg;\n  color:black;\n  @include win95-outset();\n}\n\n.missing-indicator > div {\n  background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAARCAYAAAA7bUf6AAAACXBIWXMAAC4jAAAuIwF4pT92AAAAF3pUWHRUaXRsZQAACJnLyy9Jyy/NSwEAD5IDblIFOhoAAAAXelRYdEF1dGhvcgAACJlLzijKz0vMAQALmgLoDsFj8gAAAQpJREFUOMuVlD0OwjAMhd2oQl04Axfo0IGBgYELcAY6cqQuSO0ZOEAZGBg6VKg74gwsEaoESRVHjusI8aQqzY8/PbtOEz1qkFSn2YevlaNOpLMJh2DwvixhuXtOa6/LCh51DUMEFkAsgAZD207Doin8mQ562JpRE5CHBAAhmIqD1L8AqzUUUJkxc6kr3AgAJ+NuvIWRdk7WcrKl0AUqcIBBHOiEbpS4m27mIL5Onfg3k0rgggeQuS2sDOGSahKR+glgqaGLgUJs951NN1q9D72cQqQWR9cr3sm9YcEssEuz6eEuZh2bu0aSOhQ1MBezu2O/+TVSvEFII3qLsZWrSA2AAUQIh1HpyP/kC++zjVSMj6ntAAAAAElFTkSuQmCC')\n    no-repeat;\n  background-position:center center;\n}\n\n.empty-column-indicator,\n.error-column {\n  background: $win95-bg;\n  color: black;\n}\n\n.status__wrapper {\n  border: 2px groove $win95-bg;\n  margin:4px;\n}\n\n.status {\n  @include win95-border-slight-inset();\n  background-color:white;\n  margin:4px;\n  padding-bottom:40px;\n  margin-bottom:8px;\n}\n\n.status.status-direct {\n  background-color:$win95-bg;\n}\n\n.status__content {\n  font-size:13px;\n}\n\n.status.light .status__relative-time,\n.status.light .display-name span {\n  color: #7f7f7f;\n}\n\n.status__action-bar {\n  box-sizing:border-box;\n  position:absolute;\n  bottom:-1px;\n  left:-1px;\n  background:$win95-bg;\n  width:calc(100% + 2px);\n  padding-left:10px;\n  padding: 4px 2px;\n  padding-bottom:4px;\n  border-bottom:2px groove $win95-bg;\n  border-top:1px outset $win95-bg;\n  text-align: right;\n}\n\n.status__wrapper .status__action-bar {\n  border-bottom-width:0px;\n}\n\n.status__action-bar-button {\n  float:right;\n}\n\n.status__action-bar-dropdown {\n  margin-left:auto;\n  margin-right:10px;\n\n  .icon-button {\n    min-width:28px;\n  }\n}\n.status.light .status__content a {\n  color:blue;\n}\n\n.focusable:focus {\n  background: $win95-bg;\n  .detailed-status__action-bar {\n    background: $win95-bg;\n  }\n\n  .status, .detailed-status {\n    background: white;\n    outline:2px dotted $win95-mid-grey;\n  }\n}\n\n.dropdown__trigger.icon-button {\n  padding-right:6px;\n}\n\n.detailed-status__action-bar-dropdown .icon-button {\n  min-width:28px;\n}\n\n.detailed-status {\n  background:white;\n  background-clip:padding-box;\n  margin:4px;\n  border: 2px groove $win95-bg;\n  padding:4px;\n}\n\n.detailed-status__display-name {\n  color:#7f7f7f;\n}\n\n.detailed-status__display-name strong {\n  color:black;\n  font-weight:bold;\n}\n.account__avatar,\n.account__avatar-overlay-base,\n.account__header__avatar,\n.account__avatar-overlay-overlay {\n  @include win95-border-slight-inset();\n  clip-path:none;\n  filter: saturate(1.8) brightness(1.1);\n}\n\n.detailed-status__action-bar {\n  background-color:$win95-bg;\n  border:0px;\n  border-bottom:2px groove $win95-bg;\n  margin-bottom:8px;\n  justify-items:left;\n  padding-left:4px;\n}\n.icon-button {\n  background:$win95-bg;\n  @include win95-border-outset();\n  padding:0px 0px 0px 0px;\n  margin-right:4px;\n\n  color:#3f3f3f;\n  &.inverted, &:hover, &.inverted:hover, &:active, &:focus {\n    color:#3f3f3f;\n  }\n}\n\n.icon-button:active {\n  @include win95-border-inset();\n}\n\n.status__action-bar > .icon-button {\n  padding:0px 15px 0px 0px;\n  min-width:25px;\n}\n\n.icon-button.star-icon,\n.icon-button.star-icon:active {\n  background:transparent;\n  border:none;\n}\n\n.icon-button.star-icon.active {\n  color: $gold-star;\n  &:active,  &:hover, &:focus {\n    color: $gold-star;\n  }\n}\n\n.icon-button.star-icon > i {\n  background:$win95-bg;\n  @include win95-border-outset();\n  padding-bottom:3px;\n}\n\n.icon-button.star-icon:active > i {\n  @include win95-border-inset();\n}\n\n.text-icon-button {\n  color:$win95-dark-grey;\n}\n\n.detailed-status__action-bar-dropdown {\n  margin-left:auto;\n  justify-content:right;\n  padding-right:16px;\n}\n\n.detailed-status__button {\n  flex:0 0 auto;\n}\n\n.detailed-status__button .icon-button {\n  padding-left:2px;\n  padding-right:25px;\n}\n\n.status-card {\n  border-radius:0px;\n  background:white;\n  border: 1px solid black;\n  color:black;\n}\n\n.status-card:hover {\n  background-color:white;\n}\n\n.status-card__title {\n  color:blue;\n  text-decoration:underline;\n  font-weight:bold;\n}\n\n.load-more {\n  width:auto;\n  margin:5px auto;\n  background: $win95-bg;\n  @include win95-outset();\n  color:black;\n  padding: 2px 5px;\n\n  &:hover {\n    background: $win95-bg;\n    color:black;\n  }\n}\n\n.status-card__description {\n color:black;\n}\n\n.account__display-name strong, .status__display-name strong {\n  color:black;\n  font-weight:bold;\n}\n\n.account .account__display-name {\n  color:black;\n}\n\n.account {\n  border-bottom: 2px groove $win95-bg;\n}\n\n.reply-indicator__content .status__content__spoiler-link, .status__content .status__content__spoiler-link {\n  background:$win95-bg;\n  @include win95-outset();\n}\n\n.reply-indicator__content .status__content__spoiler-link:hover, .status__content .status__content__spoiler-link:hover {\n  background:$win95-bg;\n}\n\n.reply-indicator__content .status__content__spoiler-link:active, .status__content .status__content__spoiler-link:active {\n  @include win95-inset();\n}\n\n.reply-indicator__content a, .status__content a {\n  color:blue;\n}\n\n.notification {\n  border: 2px groove $win95-bg;\n  margin:4px;\n}\n\n.notification__message {\n  color:black;\n  font-size:13px;\n}\n\n.notification__display-name {\n  font-weight:bold;\n}\n\n.drawer__header {\n  background: $win95-bg;\n  @include win95-border-outset();\n  justify-content:left;\n  margin-bottom:0px;\n  padding-bottom:2px;\n  border-bottom:2px groove $win95-bg;\n}\n\n.drawer__tab {\n  color:black;\n  @include win95-outset();\n  padding:5px;\n  margin:2px;\n  flex: 0 0 auto;\n}\n\n.drawer__tab:first-child::before {\n  content:\"Start\";\n  color:black;\n  font-weight:bold;\n  font-size:15px;\n  width:80%;\n  display:block;\n  position:absolute;\n  right:0px;\n\n}\n\n.drawer__tab:first-child {\n  position:relative;\n  padding:5px 15px;\n  width:40px;\n  font-size:0px;\n  color:$win95-bg;\n\n  background-image: url(\"~images/start.png\");\n  background-repeat:no-repeat;\n  background-position:8%;\n  background-clip:padding-box;\n  background-size:auto 50%;\n}\n\n.drawer__header a:hover {\n  background-color:transparent;\n}\n\n.drawer__header a:first-child:hover {\n  background-image: url(\"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAOCAIAAACpTQvdAAAACXBIWXMAAC4jAAAuIwF4pT92AAAAF3pUWHRBdXRob3IAAAiZS84oys9LzAEAC5oC6A7BY/IAAACWSURBVCiRhVJJDsQgDEuqOfRZ7a1P5gbP4uaJaEjTADMWQhHYjlk4p0wLnNdptdF4KvBUDyGzVwc2xO+uKtH+1o0ytEEmqFpuxlvFCGCxKbNIT56QCi2MzaA/2Mz+mERSOeqzJG2RUxkjdTabgPtFoZ1bZxcKvgPcLZVufAyR9Ni8v5dWDzfFx0giC1RvZFv6l35QQ/Mvv39XXgGzQpoAAAAASUVORK5CYII=\");\n  background-repeat:no-repeat;\n  background-position:8%;\n  background-clip:padding-box;\n  background-size:auto 50%;\n  transition:unset;\n}\n\n.drawer__tab:first-child {\n\n}\n\n.search {\n  background:$win95-bg;\n  padding-top:2px;\n  padding:2px;\n  border:2px outset $win95-bg;\n  border-top-width:0px;\n  border-bottom: 2px groove $win95-bg;\n  margin-bottom:0px;\n}\n\n.search input {\n  background-color:white;\n  color:black;\n  @include win95-border-slight-inset();\n}\n\n.search__input:focus {\n  background-color:white;\n}\n\n.search-popout {\n  box-shadow: unset;\n  color:black;\n  border-radius:0px;\n  background-color:$win95-tooltip-yellow;\n  border:1px solid black;\n\n  h4 {\n    color:black;\n    text-transform: none;\n    font-weight:bold;\n  }\n}\n\n.search-results__header {\n  background-color: $win95-bg;\n  color:black;\n  border-bottom:2px groove $win95-bg;\n}\n\n.search-results__hashtag {\n  color:blue;\n}\n\n.search-results__section .account:hover,\n.search-results__section .account:hover .account__display-name,\n.search-results__section .account:hover .account__display-name strong,\n.search-results__section .search-results__hashtag:hover {\n  background-color:$win95-window-header;\n  color:white;\n}\n\n.search__icon .fa {\n  color:#808080;\n\n  &.active {\n    opacity:1.0;\n  }\n\n  &:hover {\n    color: #808080;\n  }\n}\n\n.drawer__inner,\n.drawer__inner.darker {\n  background-color:$win95-bg;\n  border: 2px outset $win95-bg;\n  border-top-width:0px;\n}\n\n.navigation-bar {\n  color:black;\n}\n\n.navigation-bar strong {\n  color:black;\n  font-weight:bold;\n}\n\n.compose-form .autosuggest-textarea__textarea,\n.compose-form .spoiler-input__input {\n  border-radius:0px;\n  @include win95-border-slight-inset();\n}\n\n.compose-form .autosuggest-textarea__textarea {\n  border-bottom:0px;\n}\n\n.compose-form__uploads-wrapper {\n  border-radius:0px;\n  border-bottom:1px inset $win95-bg;\n  border-top-width:0px;\n}\n\n.compose-form__upload-wrapper {\n  border-left:1px inset $win95-bg;\n  border-right:1px inset $win95-bg;\n}\n\n.compose-form .compose-form__buttons-wrapper {\n  background-color: $win95-bg;\n  border:2px groove $win95-bg;\n  margin-top:4px;\n  padding:4px 8px;\n}\n\n.compose-form__buttons {\n  background-color:$win95-bg;\n  border-radius:0px;\n  box-shadow:unset;\n}\n\n.compose-form__buttons-separator {\n  border-left: 2px groove $win95-bg;\n}\n\n.privacy-dropdown.active .privacy-dropdown__value.active,\n.advanced-options-dropdown.open .advanced-options-dropdown__value {\n  background: $win95-bg;\n}\n\n.privacy-dropdown.active .privacy-dropdown__value.active .icon-button {\n  color: $win95-dark-grey;\n}\n\n.privacy-dropdown.active\n.privacy-dropdown__value {\n  background: $win95-bg;\n  box-shadow:unset;\n}\n\n.privacy-dropdown__option.active, .privacy-dropdown__option:hover,\n.privacy-dropdown__option.active:hover {\n  background:$win95-window-header;\n}\n\n.privacy-dropdown__dropdown,\n.privacy-dropdown.active .privacy-dropdown__dropdown,\n.advanced-options-dropdown__dropdown,\n.advanced-options-dropdown.open .advanced-options-dropdown__dropdown\n{\n  box-shadow:unset;\n  color:black;\n  @include win95-outset();\n  background: $win95-bg;\n}\n\n.privacy-dropdown__option__content {\n  color:black;\n}\n\n.privacy-dropdown__option__content strong {\n  font-weight:bold;\n}\n\n.compose-form__warning::before {\n  content:\"Tip:\";\n  font-weight:bold;\n  display:block;\n  position:absolute;\n  top:-10px;\n  background-color:$win95-bg;\n  font-size:11px;\n  padding: 0px 5px;\n}\n\n.compose-form__warning {\n  position:relative;\n  box-shadow:unset;\n  border:2px groove $win95-bg;\n  background-color:$win95-bg;\n  color:black;\n}\n\n.compose-form__warning a {\n  color:blue;\n}\n\n.compose-form__warning strong {\n  color:black;\n  text-decoration:underline;\n}\n\n.compose-form__buttons button.active:last-child {\n  @include win95-border-inset();\n  background: #dfdfdf;\n  color:#7f7f7f;\n}\n\n.compose-form__upload-thumbnail {\n  border-radius:0px;\n  border:2px groove $win95-bg;\n  background-color:$win95-bg;\n  padding:2px;\n  box-sizing:border-box;\n}\n\n.compose-form__upload-thumbnail .icon-button {\n  max-width:20px;\n  max-height:20px;\n  line-height:10px !important;\n}\n\n.compose-form__upload-thumbnail .icon-button::before {\n  content:\"X\";\n  font-size:13px;\n  font-weight:bold;\n  color:black;\n}\n\n.compose-form__upload-thumbnail .icon-button i {\n  display:none;\n}\n\n.emoji-picker-dropdown__menu {\n  z-index:2;\n}\n\n.emoji-dialog.with-search {\n  box-shadow:unset;\n  border-radius:0px;\n  background-color:$win95-bg;\n  border:1px solid black;\n  box-sizing:content-box;\n\n}\n\n.emoji-dialog .emoji-search {\n  color:black;\n  background-color:white;\n  border-radius:0px;\n  @include win95-inset();\n}\n\n.emoji-dialog .emoji-search-wrapper {\n  border-bottom:2px groove $win95-bg;\n}\n\n.emoji-dialog .emoji-category-title {\n  color:black;\n  font-weight:bold;\n}\n\n.reply-indicator {\n  background-color:$win95-bg;\n  border-radius:3px;\n  border:2px groove $win95-bg;\n}\n\n.button {\n  background-color:$win95-bg;\n  @include win95-outset();\n  border-radius:0px;\n  color:black;\n  font-weight:bold;\n\n  &:hover, &:focus, &:disabled {\n    background-color:$win95-bg;\n  }\n\n  &:active {\n    @include win95-inset();\n  }\n\n  &:disabled {\n    color: #808080;\n    text-shadow: 1px 1px 0px #efefef;\n\n    &:active {\n      @include win95-outset();\n    }\n  }\n\n}\n\n#Getting-started {\n  background-color:$win95-bg;\n  @include win95-inset();\n  border-bottom-width:0px;\n}\n\n#Getting-started::before {\n  content:\"Start\";\n  color:black;\n  font-weight:bold;\n  font-size:15px;\n  width:80%;\n  text-align:center;\n  display:block;\n  position:absolute;\n  right:2px;\n}\n\n#Getting-started {\n  position:relative;\n  padding:5px 15px;\n  width:60px;\n  font-size:0px;\n  color:$win95-bg;\n\n  background-image: url(\"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAOCAIAAACpTQvdAAAACXBIWXMAAC4jAAAuIwF4pT92AAAAF3pUWHRBdXRob3IAAAiZS84oys9LzAEAC5oC6A7BY/IAAACWSURBVCiRhVJJDsQgDEuqOfRZ7a1P5gbP4uaJaEjTADMWQhHYjlk4p0wLnNdptdF4KvBUDyGzVwc2xO+uKtH+1o0ytEEmqFpuxlvFCGCxKbNIT56QCi2MzaA/2Mz+mERSOeqzJG2RUxkjdTabgPtFoZ1bZxcKvgPcLZVufAyR9Ni8v5dWDzfFx0giC1RvZFv6l35QQ/Mvv39XXgGzQpoAAAAASUVORK5CYII=\");\n  background-repeat:no-repeat;\n  background-position:8%;\n  background-clip:padding-box;\n  background-size:auto 50%;\n}\n\n.column-subheading {\n  background-color:$win95-bg;\n  color:black;\n  border-bottom: 2px groove $win95-bg;\n  text-transform: none;\n  font-size: 16px;\n}\n\n.column-link {\n  background-color:transparent;\n  color:black;\n  &:hover {\n    background-color: $win95-window-header;\n    color:white;\n  }\n}\n\n.getting-started__wrapper {\n  .column-subheading {\n    font-size:0px;\n    margin:0px;\n    padding:0px;\n  }\n\n  .column-link {\n    background-size:32px 32px;\n    background-repeat:no-repeat;\n    background-position: 36px 50%;\n    padding-left:40px;\n\n    &:hover {\n      background-size:32px 32px;\n      background-repeat:no-repeat;\n      background-position: 36px 50%;\n    }\n\n    i {\n      font-size: 0px;\n      width:32px;\n    }\n  }\n}\n\n.column-link[href=\"/web/timelines/public\"] {\n  background-image: url(\"~images/icon_public.png\");\n  &:hover { background-image: url(\"~images/icon_public.png\"); }\n}\n.column-link[href=\"/web/timelines/public/local\"] {\n  background-image: url(\"~images/icon_local.png\");\n  &:hover { background-image: url(\"~images/icon_local.png\"); }\n}\n.column-link[href=\"/web/pinned\"] {\n  background-image: url(\"~images/icon_pin.png\");\n  &:hover { background-image: url(\"~images/icon_pin.png\"); }\n}\n.column-link[href=\"/web/favourites\"] {\n  background-image: url(\"~images/icon_likes.png\");\n  &:hover { background-image: url(\"~images/icon_likes.png\"); }\n}\n.column-link[href=\"/web/lists\"] {\n  background-image: url(\"~images/icon_lists.png\");\n  &:hover { background-image: url(\"~images/icon_lists.png\"); }\n}\n.column-link[href=\"/web/follow_requests\"] {\n  background-image: url(\"~images/icon_follow_requests.png\");\n  &:hover { background-image: url(\"~images/icon_follow_requests.png\"); }\n}\n.column-link[href=\"/web/keyboard-shortcuts\"] {\n  background-image: url(\"~images/icon_keyboard_shortcuts.png\");\n  &:hover { background-image: url(\"~images/icon_keyboard_shortcuts.png\"); }\n}\n.column-link[href=\"/web/blocks\"] {\n  background-image: url(\"~images/icon_blocks.png\");\n  &:hover { background-image: url(\"~images/icon_blocks.png\"); }\n}\n.column-link[href=\"/web/mutes\"] {\n  background-image: url(\"~images/icon_mutes.png\");\n  &:hover { background-image: url(\"~images/icon_mutes.png\"); }\n}\n.column-link[href=\"/settings/preferences\"] {\n  background-image: url(\"~images/icon_settings.png\");\n  &:hover { background-image: url(\"~images/icon_settings.png\"); }\n}\n.column-link[href=\"/about/more\"] {\n  background-image: url(\"~images/icon_about.png\");\n  &:hover { background-image: url(\"~images/icon_about.png\"); }\n}\n.column-link[href=\"/auth/sign_out\"] {\n  background-image: url(\"~images/icon_logout.png\");\n  &:hover { background-image: url(\"~images/icon_logout.png\"); }\n}\n\n.getting-started__footer {\n  display:none;\n}\n\n.getting-started__wrapper::before {\n  content:\"Mastodon 95\";\n  font-weight:bold;\n  font-size:23px;\n  color:white;\n  line-height:30px;\n  padding-left:20px;\n  padding-right:40px;\n\n  left:0px;\n  bottom:-30px;\n  display:block;\n  position:absolute;\n  background-color:#7f7f7f;\n  width:200%;\n  height:30px;\n\n  -ms-transform: rotate(-90deg);\n\n  -webkit-transform: rotate(-90deg);\n  transform: rotate(-90deg);\n  transform-origin:top left;\n}\n\n.getting-started__wrapper {\n  @include win95-border-outset();\n  background-color:$win95-bg;\n}\n\n.column .static-content.getting-started {\n  display:none;\n}\n\n.keyboard-shortcuts kbd {\n  background-color: $win95-bg;\n}\n\n.account__header {\n  background-color:#7f7f7f;\n}\n\n.account__header .account__header__content {\n  color:white;\n}\n\n.account-authorize__wrapper {\n  border: 2px groove $win95-bg;\n  margin: 2px;\n  padding:2px;\n}\n\n.account--panel {\n  background-color: $win95-bg;\n  border:0px;\n  border-top: 2px groove $win95-bg;\n}\n\n.account-authorize .account__header__content {\n  color:black;\n  margin:10px;\n}\n\n.account__action-bar__tab > span {\n  color:black;\n  font-weight:bold;\n}\n\n.account__action-bar__tab strong {\n  color:black;\n}\n\n.account__action-bar {\n  border: unset;\n}\n\n.account__action-bar__tab {\n  border: 1px outset $win95-bg;\n}\n\n.account__action-bar__tab:active {\n  @include win95-inset();\n}\n\n.dropdown--active .dropdown__content > ul,\n.dropdown-menu {\n  background:$win95-tooltip-yellow;\n  border-radius:0px;\n  border:1px solid black;\n  box-shadow:unset;\n}\n\n.dropdown-menu a {\n  background-color:transparent;\n}\n\n.dropdown--active::after {\n  display:none;\n}\n\n.dropdown--active .icon-button {\n  color:black;\n  @include win95-inset();\n}\n\n.dropdown--active .dropdown__content > ul > li > a {\n  background:transparent;\n}\n\n.dropdown--active .dropdown__content > ul > li > a:hover {\n  background:transparent;\n  color:black;\n  text-decoration:underline;\n}\n\n.dropdown__sep,\n.dropdown-menu__separator\n{\n  border-color:#7f7f7f;\n}\n\n.detailed-status__action-bar-dropdown .dropdown--active .dropdown__content.dropdown__left {\n  left:unset;\n}\n\n.dropdown > .icon-button, .detailed-status__button > .icon-button,\n.status__action-bar > .icon-button, .star-icon i {\n    /* i don't know what's going on with the inline\n       styles someone should look at the react code */\n    height: 25px !important;\n    width: 28px !important;\n    box-sizing: border-box;\n}\n\n.status__action-bar-button .fa-floppy-o {\n    padding-top: 2px;\n}\n\n.status__action-bar-dropdown {\n    position: relative;\n    top: -3px;\n}\n\n.detailed-status__action-bar-dropdown .dropdown {\n    position: relative;\n    top: -4px;\n}\n\n.notification .status__action-bar {\n    border-bottom: none;\n}\n\n.notification .status {\n    margin-bottom: 4px;\n}\n\n.status__wrapper .status {\n    margin-bottom: 3px;\n}\n\n.status__wrapper {\n    margin-bottom: 8px;\n}\n\n.icon-button .fa-retweet {\n    position: relative;\n    top: -1px;\n}\n\n.embed-modal, .error-modal, .onboarding-modal,\n.actions-modal, .boost-modal, .confirmation-modal, .report-modal {\n  @include win95-outset();\n  background:$win95-bg;\n}\n\n.actions-modal::before,\n.boost-modal::before,\n.confirmation-modal::before,\n.report-modal::before {\n  content: \"Confirmation\";\n  display:block;\n  background:$win95-window-header;\n  color:white;\n  font-weight:bold;\n  padding-left:2px;\n}\n\n.boost-modal::before {\n  content: \"Boost confirmation\";\n}\n\n.boost-modal__action-bar > div > span:before {\n  content: \"Tip: \";\n  font-weight:bold;\n}\n\n.boost-modal__action-bar, .confirmation-modal__action-bar, .report-modal__action-bar {\n  background:$win95-bg;\n  margin-top:-15px;\n}\n\n.embed-modal h4, .error-modal h4, .onboarding-modal h4 {\n  background:$win95-window-header;\n  color:white;\n  font-weight:bold;\n  padding:2px;\n  font-size:13px;\n  text-align:left;\n}\n\n.confirmation-modal__action-bar {\n  .confirmation-modal__cancel-button {\n    color:black;\n\n    &:active,\n    &:focus,\n    &:hover {\n      color:black;\n    }\n\n    &:active {\n      @include win95-inset();\n    }\n  }\n}\n\n.embed-modal .embed-modal__container .embed-modal__html,\n.embed-modal .embed-modal__container .embed-modal__html:focus {\n  background:white;\n  color:black;\n  @include win95-inset();\n}\n\n.modal-root__overlay,\n.account__header > div {\n  background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAIAAAACCAYAAABytg0kAAAACXBIWXMAAC4jAAAuIwF4pT92AAAAFnpUWHRUaXRsZQAACJnLzU9JzElKBwALgwLXaCRlPwAAABd6VFh0QXV0aG9yAAAImUvOKMrPS8wBAAuaAugOwWPyAAAAEUlEQVQImWNgYGD4z4AE/gMADwMB/414xEUAAAAASUVORK5CYII=');\n}\n\n.admin-wrapper::before {\n  position:absolute;\n  top:0px;\n  content:\"Control Panel\";\n  color:white;\n  background-color:$win95-window-header;\n  font-size:13px;\n  font-weight:bold;\n  width:calc(100%);\n  margin: 2px;\n  display:block;\n  padding:2px;\n  padding-left:22px;\n  box-sizing:border-box;\n}\n\n.admin-wrapper {\n  position:relative;\n  background: $win95-bg;\n  @include win95-outset();\n  width:70vw;\n  height:80vh;\n  margin:10vh auto;\n  color: black;\n  padding-top:24px;\n  flex-direction:column;\n  overflow:hidden;\n}\n\n@media screen and (max-width: 1120px) {\n  .admin-wrapper {\n    width:90vw;\n    height:95vh;\n    margin:2.5vh auto;\n  }\n}\n\n@media screen and (max-width: 740px) {\n  .admin-wrapper {\n    width:100vw;\n    height:95vh;\n    height:calc(100vh - 24px);\n    margin:0px 0px 0px 0px;\n  }\n}\n\n.admin-wrapper .sidebar-wrapper {\n  position:static;\n  height:auto;\n  flex: 0 0 auto;\n  margin:2px;\n}\n\n.admin-wrapper .content-wrapper {\n  flex: 1 1 auto;\n  width:calc(100% - 20px);\n  @include win95-border-outset();\n  position:relative;\n  margin-left:10px;\n  margin-right:10px;\n  margin-bottom:40px;\n  box-sizing:border-box;\n}\n\n.admin-wrapper .content {\n  background-color: $win95-bg;\n  width: 100%;\n  max-width:100%;\n  min-height:100%;\n  box-sizing:border-box;\n  position:relative;\n}\n\n.admin-wrapper .sidebar {\n  position:static;\n  background: $win95-bg;\n  color:black;\n  width: 100%;\n  height:auto;\n  padding-bottom: 20px;\n}\n\n.admin-wrapper .sidebar .logo {\n  position:absolute;\n  top:2px;\n  left:4px;\n  width:18px;\n  height:18px;\n  margin:0px;\n}\n\n.admin-wrapper .sidebar > ul {\n  background: $win95-bg;\n  margin:0px;\n  margin-left:8px;\n  color:black;\n\n  & > li {\n    display:inline-block;\n\n    &#settings,\n    &#admin {\n      padding:2px;\n      border: 0px solid transparent;\n    }\n\n    &#logout {\n      position:absolute;\n      @include win95-outset();\n      right:12px;\n      bottom:10px;\n    }\n\n    &#web {\n      display:inline-block;\n      @include win95-outset();\n      position:absolute;\n      left: 12px;\n      bottom: 10px;\n    }\n\n    & > a {\n      display:inline-block;\n      @include win95-tab();\n      padding:2px 5px;\n      margin:0px;\n      color:black;\n      vertical-align:baseline;\n\n      &.selected {\n        background: $win95-bg;\n        color:black;\n        padding-top: 4px;\n        padding-bottom:4px;\n      }\n\n      &:hover {\n        background: $win95-bg;\n        color:black;\n      }\n    }\n\n    & > ul {\n      width:calc(100% - 20px);\n      background: transparent;\n      position:absolute;\n      left: 10px;\n      top:54px;\n      z-index:3;\n\n      & > li {\n        background: $win95-bg;\n        display: inline-block;\n        vertical-align:baseline;\n\n        & > a {\n          background: $win95-bg;\n          @include win95-tab();\n          color:black;\n          padding:2px 5px;\n          position:relative;\n          z-index:3;\n\n          &.selected {\n            background: $win95-bg;\n            color:black;\n            padding-bottom:4px;\n            padding-top: 4px;\n            padding-right:7px;\n            margin-left:-2px;\n            margin-right:-2px;\n            position:relative;\n            z-index:4;\n\n            &:first-child {\n              margin-left:0px;\n            }\n\n            &:hover {\n              background: transparent;\n              color:black;\n            }\n          }\n\n          &:hover {\n            background: $win95-bg;\n            color:black;\n          }\n        }\n      }\n    }\n  }\n}\n\n@media screen and (max-width: 1520px) {\n  .admin-wrapper .sidebar > ul > li > ul {\n    max-width:1000px;\n  }\n\n  .admin-wrapper .sidebar {\n    padding-bottom: 45px;\n  }\n}\n\n@media screen and (max-width: 600px) {\n  .admin-wrapper .sidebar > ul > li > ul {\n    max-width:500px;\n  }\n\n  .admin-wrapper {\n    .sidebar {\n      padding:0px;\n      padding-bottom: 70px;\n      width: 100%;\n      height: auto;\n    }\n    .content-wrapper {\n      overflow:auto;\n      height:80%;\n      height:calc(100% - 150px);\n    }\n  }\n}\n\n.flash-message {\n  background-color:$win95-tooltip-yellow;\n  color:black;\n  border:1px solid black;\n  border-radius:0px;\n  position:absolute;\n  top:0px;\n  left:0px;\n  width:100%;\n}\n\n.admin-wrapper table {\n  background-color: white;\n  @include win95-border-slight-inset();\n}\n\n.admin-wrapper .content h2,\n.simple_form .input.with_label .label_input > label,\n.admin-wrapper .content h6,\n.admin-wrapper .content > p,\n.admin-wrapper .content .muted-hint,\n.simple_form span.hint,\n.simple_form h4,\n.simple_form .check_boxes .checkbox label,\n.simple_form .input.with_label.boolean .label_input > label,\n.filters .filter-subset a,\n.simple_form .input.radio_buttons .radio label,\na.table-action-link,\na.table-action-link:hover,\n.simple_form .input.with_block_label > label,\n.simple_form p.hint {\n  color:black;\n}\n\n.table > tbody > tr:nth-child(2n+1) > td,\n.table > tbody > tr:nth-child(2n+1) > th {\n  background-color:white;\n}\n\n.simple_form input[type=text],\n.simple_form input[type=number],\n.simple_form input[type=email],\n.simple_form input[type=password],\n.simple_form textarea {\n  color:black;\n  background-color:white;\n  @include win95-border-slight-inset();\n\n  &:active, &:focus {\n    background-color:white;\n  }\n}\n\n.simple_form button,\n.simple_form .button,\n.simple_form .block-button\n{\n  background: $win95-bg;\n  @include win95-outset();\n  color:black;\n  font-weight: normal;\n\n  &:hover {\n    background: $win95-bg;\n  }\n}\n\n.simple_form .warning, .table-form .warning\n{\n  background: $win95-tooltip-yellow;\n  color:black;\n  box-shadow: unset;\n  text-shadow:unset;\n  border:1px solid black;\n\n  a {\n    color: blue;\n    text-decoration:underline;\n  }\n}\n\n.simple_form button.negative,\n.simple_form .button.negative,\n.simple_form .block-button.negative\n{\n  background: $win95-bg;\n}\n\n.filters .filter-subset  {\n  border: 2px groove $win95-bg;\n  padding:2px;\n}\n\n.filters .filter-subset a::before {\n  content: \"\";\n  background-color:white;\n  border-radius:50%;\n  border:2px solid black;\n  border-top-color:#7f7f7f;\n  border-left-color:#7f7f7f;\n  border-bottom-color:#f5f5f5;\n  border-right-color:#f5f5f5;\n  width:12px;\n  height:12px;\n  display:inline-block;\n  vertical-align:middle;\n  margin-right:2px;\n}\n\n.filters .filter-subset a.selected::before {\n  background-color:black;\n  box-shadow: inset 0 0 0 3px white;\n}\n\n.filters .filter-subset a,\n.filters .filter-subset a:hover,\n.filters .filter-subset a.selected {\n  color:black;\n  border-bottom: 0px solid transparent;\n}\n","/* http://meyerweb.com/eric/tools/css/reset/\n   v2.0 | 20110126\n   License: none (public domain)\n*/\n\nhtml, body, div, span, applet, object, iframe,\nh1, h2, h3, h4, h5, h6, p, blockquote, pre,\na, abbr, acronym, address, big, cite, code,\ndel, dfn, em, img, ins, kbd, q, s, samp,\nsmall, strike, strong, sub, sup, tt, var,\nb, u, i, center,\ndl, dt, dd, ol, ul, li,\nfieldset, form, label, legend,\ntable, caption, tbody, tfoot, thead, tr, th, td,\narticle, aside, canvas, details, embed,\nfigure, figcaption, footer, header, hgroup,\nmenu, nav, output, ruby, section, summary,\ntime, mark, audio, video {\n  margin: 0;\n  padding: 0;\n  border: 0;\n  font-size: 100%;\n  font: inherit;\n  vertical-align: baseline;\n}\n\n/* HTML5 display-role reset for older browsers */\narticle, aside, details, figcaption, figure,\nfooter, header, hgroup, menu, nav, section {\n  display: block;\n}\n\nbody {\n  line-height: 1;\n}\n\nol, ul {\n  list-style: none;\n}\n\nblockquote, q {\n  quotes: none;\n}\n\nblockquote:before, blockquote:after,\nq:before, q:after {\n  content: '';\n  content: none;\n}\n\ntable {\n  border-collapse: collapse;\n  border-spacing: 0;\n}\n\nhtml {\n  scrollbar-color: lighten($ui-base-color, 4%) rgba($base-overlay-background, 0.1);\n}\n\n::-webkit-scrollbar {\n  width: 12px;\n  height: 12px;\n}\n\n::-webkit-scrollbar-thumb {\n  background: lighten($ui-base-color, 4%);\n  border: 0px none $base-border-color;\n  border-radius: 50px;\n}\n\n::-webkit-scrollbar-thumb:hover {\n  background: lighten($ui-base-color, 6%);\n}\n\n::-webkit-scrollbar-thumb:active {\n  background: lighten($ui-base-color, 4%);\n}\n\n::-webkit-scrollbar-track {\n  border: 0px none $base-border-color;\n  border-radius: 0;\n  background: rgba($base-overlay-background, 0.1);\n}\n\n::-webkit-scrollbar-track:hover {\n  background: $ui-base-color;\n}\n\n::-webkit-scrollbar-track:active {\n  background: $ui-base-color;\n}\n\n::-webkit-scrollbar-corner {\n  background: transparent;\n}\n","// Commonly used web colors\n$black: #000000;            // Black\n$white: #ffffff;            // White\n$success-green: #79bd9a !default;    // Padua\n$error-red: #df405a !default;        // Cerise\n$warning-red: #ff5050 !default;      // Sunset Orange\n$gold-star: #ca8f04 !default;        // Dark Goldenrod\n\n$red-bookmark: $warning-red;\n\n// Pleroma-Dark colors\n$pleroma-bg: #121a24;\n$pleroma-fg: #182230;\n$pleroma-text: #b9b9ba;\n$pleroma-links: #d8a070;\n\n// Values from the classic Mastodon UI\n$classic-base-color: $pleroma-bg;\n$classic-primary-color: #9baec8;\n$classic-secondary-color: #d9e1e8;\n$classic-highlight-color: #d8a070;\n\n// Variables for defaults in UI\n$base-shadow-color: $black !default;\n$base-overlay-background: $black !default;\n$base-border-color: $white !default;\n$simple-background-color: $white !default;\n$valid-value-color: $success-green !default;\n$error-value-color: $error-red !default;\n\n// Tell UI to use selected colors\n$ui-base-color: $classic-base-color !default;                  // Darkest\n$ui-base-lighter-color: lighten($ui-base-color, 26%) !default; // Lighter darkest\n$ui-primary-color: $classic-primary-color !default;            // Lighter\n$ui-secondary-color: $classic-secondary-color !default;        // Lightest\n$ui-highlight-color: $classic-highlight-color !default;\n\n// Variables for texts\n$primary-text-color: $white !default;\n$darker-text-color: $ui-primary-color !default;\n$dark-text-color: $ui-base-lighter-color !default;\n$secondary-text-color: $ui-secondary-color !default;\n$highlight-text-color: $ui-highlight-color !default;\n$action-button-color: $ui-base-lighter-color !default;\n// For texts on inverted backgrounds\n$inverted-text-color: $ui-base-color !default;\n$lighter-text-color: $ui-base-lighter-color !default;\n$light-text-color: $ui-primary-color !default;\n\n// Language codes that uses CJK fonts\n$cjk-langs: ja, ko, zh-CN, zh-HK, zh-TW;\n\n// Variables for components\n$media-modal-media-max-width: 100%;\n// put margins on top and bottom of image to avoid the screen covered by image.\n$media-modal-media-max-height: 80%;\n\n$no-gap-breakpoint: 415px;\n\n$font-sans-serif: 'mastodon-font-sans-serif' !default;\n$font-display: 'mastodon-font-display' !default;\n$font-monospace: 'mastodon-font-monospace' !default;\n","@function hex-color($color) {\n  @if type-of($color) == 'color' {\n    $color: str-slice(ie-hex-str($color), 4);\n  }\n\n  @return '%23' + unquote($color);\n}\n\nbody {\n  font-family: $font-sans-serif, sans-serif;\n  background: darken($ui-base-color, 7%);\n  font-size: 13px;\n  line-height: 18px;\n  font-weight: 400;\n  color: $primary-text-color;\n  text-rendering: optimizelegibility;\n  font-feature-settings: \"kern\";\n  text-size-adjust: none;\n  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);\n  -webkit-tap-highlight-color: transparent;\n\n  &.system-font {\n    // system-ui => standard property (Chrome/Android WebView 56+, Opera 43+, Safari 11+)\n    // -apple-system => Safari <11 specific\n    // BlinkMacSystemFont => Chrome <56 on macOS specific\n    // Segoe UI => Windows 7/8/10\n    // Oxygen => KDE\n    // Ubuntu => Unity/Ubuntu\n    // Cantarell => GNOME\n    // Fira Sans => Firefox OS\n    // Droid Sans => Older Androids (<4.0)\n    // Helvetica Neue => Older macOS <10.11\n    // $font-sans-serif => web-font (Roboto) fallback and newer Androids (>=4.0)\n    font-family: system-ui, -apple-system, BlinkMacSystemFont, \"Segoe UI\", \"Oxygen\", \"Ubuntu\", \"Cantarell\", \"Fira Sans\", \"Droid Sans\", \"Helvetica Neue\", $font-sans-serif, sans-serif;\n  }\n\n  &.app-body {\n    padding: 0;\n\n    &.layout-single-column {\n      height: auto;\n      min-height: 100vh;\n      overflow-y: scroll;\n    }\n\n    &.layout-multiple-columns {\n      position: absolute;\n      width: 100%;\n      height: 100%;\n    }\n\n    &.with-modals--active {\n      overflow-y: hidden;\n    }\n  }\n\n  &.lighter {\n    background: $ui-base-color;\n  }\n\n  &.with-modals {\n    overflow-x: hidden;\n    overflow-y: scroll;\n\n    &--active {\n      overflow-y: hidden;\n    }\n  }\n\n  &.player {\n    text-align: center;\n  }\n\n  &.embed {\n    background: lighten($ui-base-color, 4%);\n    margin: 0;\n    padding-bottom: 0;\n\n    .container {\n      position: absolute;\n      width: 100%;\n      height: 100%;\n      overflow: hidden;\n    }\n  }\n\n  &.admin {\n    background: darken($ui-base-color, 4%);\n    padding: 0;\n  }\n\n  &.error {\n    position: absolute;\n    text-align: center;\n    color: $darker-text-color;\n    background: $ui-base-color;\n    width: 100%;\n    height: 100%;\n    padding: 0;\n    display: flex;\n    justify-content: center;\n    align-items: center;\n\n    .dialog {\n      vertical-align: middle;\n      margin: 20px;\n\n      &__illustration {\n        img {\n          display: block;\n          max-width: 470px;\n          width: 100%;\n          height: auto;\n          margin-top: -120px;\n        }\n      }\n\n      h1 {\n        font-size: 20px;\n        line-height: 28px;\n        font-weight: 400;\n      }\n    }\n  }\n}\n\nbutton {\n  font-family: inherit;\n  cursor: pointer;\n\n  &:focus {\n    outline: none;\n  }\n}\n\n.app-holder {\n  &,\n  & > div,\n  & > noscript {\n    display: flex;\n    width: 100%;\n    align-items: center;\n    justify-content: center;\n    outline: 0 !important;\n  }\n\n  & > noscript {\n    height: 100vh;\n  }\n}\n\n.layout-single-column .app-holder {\n  &,\n  & > div {\n    min-height: 100vh;\n  }\n}\n\n.layout-multiple-columns .app-holder {\n  &,\n  & > div {\n    height: 100%;\n  }\n}\n\n.error-boundary,\n.app-holder noscript {\n  flex-direction: column;\n  font-size: 16px;\n  font-weight: 400;\n  line-height: 1.7;\n  color: lighten($error-red, 4%);\n  text-align: center;\n\n  & > div {\n    max-width: 500px;\n  }\n\n  p {\n    margin-bottom: .85em;\n\n    &:last-child {\n      margin-bottom: 0;\n    }\n  }\n\n  a {\n    color: $highlight-text-color;\n\n    &:hover,\n    &:focus,\n    &:active {\n      text-decoration: none;\n    }\n  }\n\n  &__footer {\n    color: $dark-text-color;\n    font-size: 13px;\n\n    a {\n      color: $dark-text-color;\n    }\n  }\n\n  button {\n    display: inline;\n    border: 0;\n    background: transparent;\n    color: $dark-text-color;\n    font: inherit;\n    padding: 0;\n    margin: 0;\n    line-height: inherit;\n    cursor: pointer;\n    outline: 0;\n    transition: color 300ms linear;\n    text-decoration: underline;\n\n    &:hover,\n    &:focus,\n    &:active {\n      text-decoration: none;\n    }\n\n    &.copied {\n      color: $valid-value-color;\n      transition: none;\n    }\n  }\n}\n",".container-alt {\n  width: 700px;\n  margin: 0 auto;\n  margin-top: 40px;\n\n  @media screen and (max-width: 740px) {\n    width: 100%;\n    margin: 0;\n  }\n}\n\n.logo-container {\n  margin: 100px auto 50px;\n\n  @media screen and (max-width: 500px) {\n    margin: 40px auto 0;\n  }\n\n  h1 {\n    display: flex;\n    justify-content: center;\n    align-items: center;\n\n    svg {\n      fill: $primary-text-color;\n      height: 42px;\n      margin-right: 10px;\n    }\n\n    a {\n      display: flex;\n      justify-content: center;\n      align-items: center;\n      color: $primary-text-color;\n      text-decoration: none;\n      outline: 0;\n      padding: 12px 16px;\n      line-height: 32px;\n      font-family: $font-display, sans-serif;\n      font-weight: 500;\n      font-size: 14px;\n    }\n  }\n}\n\n.compose-standalone {\n  .compose-form {\n    width: 400px;\n    margin: 0 auto;\n    padding: 20px 0;\n    margin-top: 40px;\n    box-sizing: border-box;\n\n    @media screen and (max-width: 400px) {\n      width: 100%;\n      margin-top: 0;\n      padding: 20px;\n    }\n  }\n}\n\n.account-header {\n  width: 400px;\n  margin: 0 auto;\n  display: flex;\n  font-size: 13px;\n  line-height: 18px;\n  box-sizing: border-box;\n  padding: 20px 0;\n  padding-bottom: 0;\n  margin-bottom: -30px;\n  margin-top: 40px;\n\n  @media screen and (max-width: 440px) {\n    width: 100%;\n    margin: 0;\n    margin-bottom: 10px;\n    padding: 20px;\n    padding-bottom: 0;\n  }\n\n  .avatar {\n    width: 40px;\n    height: 40px;\n    margin-right: 8px;\n\n    img {\n      width: 100%;\n      height: 100%;\n      display: block;\n      margin: 0;\n      border-radius: 4px;\n    }\n  }\n\n  .name {\n    flex: 1 1 auto;\n    color: $secondary-text-color;\n    width: calc(100% - 88px);\n\n    .username {\n      display: block;\n      font-weight: 500;\n      text-overflow: ellipsis;\n      overflow: hidden;\n    }\n  }\n\n  .logout-link {\n    display: block;\n    font-size: 32px;\n    line-height: 40px;\n    margin-left: 8px;\n  }\n}\n\n.grid-3 {\n  display: grid;\n  grid-gap: 10px;\n  grid-template-columns: 3fr 1fr;\n  grid-auto-columns: 25%;\n  grid-auto-rows: max-content;\n\n  .column-0 {\n    grid-column: 1 / 3;\n    grid-row: 1;\n  }\n\n  .column-1 {\n    grid-column: 1;\n    grid-row: 2;\n  }\n\n  .column-2 {\n    grid-column: 2;\n    grid-row: 2;\n  }\n\n  .column-3 {\n    grid-column: 1 / 3;\n    grid-row: 3;\n  }\n\n  @media screen and (max-width: $no-gap-breakpoint) {\n    grid-gap: 0;\n    grid-template-columns: minmax(0, 100%);\n\n    .column-0 {\n      grid-column: 1;\n    }\n\n    .column-1 {\n      grid-column: 1;\n      grid-row: 3;\n    }\n\n    .column-2 {\n      grid-column: 1;\n      grid-row: 2;\n    }\n\n    .column-3 {\n      grid-column: 1;\n      grid-row: 4;\n    }\n  }\n}\n\n.grid-4 {\n  display: grid;\n  grid-gap: 10px;\n  grid-template-columns: repeat(4, minmax(0, 1fr));\n  grid-auto-columns: 25%;\n  grid-auto-rows: max-content;\n\n  .column-0 {\n    grid-column: 1 / 5;\n    grid-row: 1;\n  }\n\n  .column-1 {\n    grid-column: 1 / 4;\n    grid-row: 2;\n  }\n\n  .column-2 {\n    grid-column: 4;\n    grid-row: 2;\n  }\n\n  .column-3 {\n    grid-column: 2 / 5;\n    grid-row: 3;\n  }\n\n  .column-4 {\n    grid-column: 1;\n    grid-row: 3;\n  }\n\n  .landing-page__call-to-action {\n    min-height: 100%;\n  }\n\n  .flash-message {\n    margin-bottom: 10px;\n  }\n\n  @media screen and (max-width: 738px) {\n    grid-template-columns: minmax(0, 50%) minmax(0, 50%);\n\n    .landing-page__call-to-action {\n      padding: 20px;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n    }\n\n    .row__information-board {\n      width: 100%;\n      justify-content: center;\n      align-items: center;\n    }\n\n    .row__mascot {\n      display: none;\n    }\n  }\n\n  @media screen and (max-width: $no-gap-breakpoint) {\n    grid-gap: 0;\n    grid-template-columns: minmax(0, 100%);\n\n    .column-0 {\n      grid-column: 1;\n    }\n\n    .column-1 {\n      grid-column: 1;\n      grid-row: 3;\n    }\n\n    .column-2 {\n      grid-column: 1;\n      grid-row: 2;\n    }\n\n    .column-3 {\n      grid-column: 1;\n      grid-row: 5;\n    }\n\n    .column-4 {\n      grid-column: 1;\n      grid-row: 4;\n    }\n  }\n}\n\n.public-layout {\n  @media screen and (max-width: $no-gap-breakpoint) {\n    padding-top: 48px;\n  }\n\n  .container {\n    max-width: 960px;\n\n    @media screen and (max-width: $no-gap-breakpoint) {\n      padding: 0;\n    }\n  }\n\n  .header {\n    background: lighten($ui-base-color, 8%);\n    box-shadow: 0 0 15px rgba($base-shadow-color, 0.2);\n    border-radius: 4px;\n    height: 48px;\n    margin: 10px 0;\n    display: flex;\n    align-items: stretch;\n    justify-content: center;\n    flex-wrap: nowrap;\n    overflow: hidden;\n\n    @media screen and (max-width: $no-gap-breakpoint) {\n      position: fixed;\n      width: 100%;\n      top: 0;\n      left: 0;\n      margin: 0;\n      border-radius: 0;\n      box-shadow: none;\n      z-index: 110;\n    }\n\n    & > div {\n      flex: 1 1 33.3%;\n      min-height: 1px;\n    }\n\n    .nav-left {\n      display: flex;\n      align-items: stretch;\n      justify-content: flex-start;\n      flex-wrap: nowrap;\n    }\n\n    .nav-center {\n      display: flex;\n      align-items: stretch;\n      justify-content: center;\n      flex-wrap: nowrap;\n    }\n\n    .nav-right {\n      display: flex;\n      align-items: stretch;\n      justify-content: flex-end;\n      flex-wrap: nowrap;\n    }\n\n    .brand {\n      display: block;\n      padding: 15px;\n\n      svg {\n        display: block;\n        height: 18px;\n        width: auto;\n        position: relative;\n        bottom: -2px;\n        fill: $primary-text-color;\n\n        @media screen and (max-width: $no-gap-breakpoint) {\n          height: 20px;\n        }\n      }\n\n      &:hover,\n      &:focus,\n      &:active {\n        background: lighten($ui-base-color, 12%);\n      }\n    }\n\n    .nav-link {\n      display: flex;\n      align-items: center;\n      padding: 0 1rem;\n      font-size: 12px;\n      font-weight: 500;\n      text-decoration: none;\n      color: $darker-text-color;\n      white-space: nowrap;\n      text-align: center;\n\n      &:hover,\n      &:focus,\n      &:active {\n        text-decoration: underline;\n        color: $primary-text-color;\n      }\n\n      @media screen and (max-width: 550px) {\n        &.optional {\n          display: none;\n        }\n      }\n    }\n\n    .nav-button {\n      background: lighten($ui-base-color, 16%);\n      margin: 8px;\n      margin-left: 0;\n      border-radius: 4px;\n\n      &:hover,\n      &:focus,\n      &:active {\n        text-decoration: none;\n        background: lighten($ui-base-color, 20%);\n      }\n    }\n  }\n\n  $no-columns-breakpoint: 600px;\n\n  .grid {\n    display: grid;\n    grid-gap: 10px;\n    grid-template-columns: minmax(300px, 3fr) minmax(298px, 1fr);\n    grid-auto-columns: 25%;\n    grid-auto-rows: max-content;\n\n    .column-0 {\n      grid-row: 1;\n      grid-column: 1;\n    }\n\n    .column-1 {\n      grid-row: 1;\n      grid-column: 2;\n    }\n\n    @media screen and (max-width: $no-columns-breakpoint) {\n      grid-template-columns: 100%;\n      grid-gap: 0;\n\n      .column-1 {\n        display: none;\n      }\n    }\n  }\n\n  .directory__card {\n    border-radius: 4px;\n\n    @media screen and (max-width: $no-gap-breakpoint) {\n      border-radius: 0;\n    }\n  }\n\n  .page-header {\n    @media screen and (max-width: $no-gap-breakpoint) {\n      border-bottom: 0;\n    }\n  }\n\n  .public-account-header {\n    overflow: hidden;\n    margin-bottom: 10px;\n    box-shadow: 0 0 15px rgba($base-shadow-color, 0.2);\n\n    &.inactive {\n      opacity: 0.5;\n\n      .public-account-header__image,\n      .avatar {\n        filter: grayscale(100%);\n      }\n\n      .logo-button {\n        background-color: $secondary-text-color;\n      }\n    }\n\n    &__image {\n      border-radius: 4px 4px 0 0;\n      overflow: hidden;\n      height: 300px;\n      position: relative;\n      background: darken($ui-base-color, 12%);\n\n      &::after {\n        content: \"\";\n        display: block;\n        position: absolute;\n        width: 100%;\n        height: 100%;\n        box-shadow: inset 0 -1px 1px 1px rgba($base-shadow-color, 0.15);\n        top: 0;\n        left: 0;\n      }\n\n      img {\n        object-fit: cover;\n        display: block;\n        width: 100%;\n        height: 100%;\n        margin: 0;\n        border-radius: 4px 4px 0 0;\n      }\n\n      @media screen and (max-width: 600px) {\n        height: 200px;\n      }\n    }\n\n    &--no-bar {\n      margin-bottom: 0;\n\n      .public-account-header__image,\n      .public-account-header__image img {\n        border-radius: 4px;\n\n        @media screen and (max-width: $no-gap-breakpoint) {\n          border-radius: 0;\n        }\n      }\n    }\n\n    @media screen and (max-width: $no-gap-breakpoint) {\n      margin-bottom: 0;\n      box-shadow: none;\n\n      &__image::after {\n        display: none;\n      }\n\n      &__image,\n      &__image img {\n        border-radius: 0;\n      }\n    }\n\n    &__bar {\n      position: relative;\n      margin-top: -80px;\n      display: flex;\n      justify-content: flex-start;\n\n      &::before {\n        content: \"\";\n        display: block;\n        background: lighten($ui-base-color, 4%);\n        position: absolute;\n        bottom: 0;\n        left: 0;\n        right: 0;\n        height: 60px;\n        border-radius: 0 0 4px 4px;\n        z-index: -1;\n      }\n\n      .avatar {\n        display: block;\n        width: 120px;\n        height: 120px;\n        padding-left: 20px - 4px;\n        flex: 0 0 auto;\n\n        img {\n          display: block;\n          width: 100%;\n          height: 100%;\n          margin: 0;\n          border-radius: 50%;\n          border: 4px solid lighten($ui-base-color, 4%);\n          background: darken($ui-base-color, 8%);\n        }\n      }\n\n      @media screen and (max-width: 600px) {\n        margin-top: 0;\n        background: lighten($ui-base-color, 4%);\n        border-radius: 0 0 4px 4px;\n        padding: 5px;\n\n        &::before {\n          display: none;\n        }\n\n        .avatar {\n          width: 48px;\n          height: 48px;\n          padding: 7px 0;\n          padding-left: 10px;\n\n          img {\n            border: 0;\n            border-radius: 4px;\n          }\n\n          @media screen and (max-width: 360px) {\n            display: none;\n          }\n        }\n      }\n\n      @media screen and (max-width: $no-gap-breakpoint) {\n        border-radius: 0;\n      }\n\n      @media screen and (max-width: $no-columns-breakpoint) {\n        flex-wrap: wrap;\n      }\n    }\n\n    &__tabs {\n      flex: 1 1 auto;\n      margin-left: 20px;\n\n      &__name {\n        padding-top: 20px;\n        padding-bottom: 8px;\n\n        h1 {\n          font-size: 20px;\n          line-height: 18px * 1.5;\n          color: $primary-text-color;\n          font-weight: 500;\n          overflow: hidden;\n          white-space: nowrap;\n          text-overflow: ellipsis;\n          text-shadow: 1px 1px 1px $base-shadow-color;\n\n          small {\n            display: block;\n            font-size: 14px;\n            color: $primary-text-color;\n            font-weight: 400;\n            overflow: hidden;\n            text-overflow: ellipsis;\n          }\n        }\n      }\n\n      @media screen and (max-width: 600px) {\n        margin-left: 15px;\n        display: flex;\n        justify-content: space-between;\n        align-items: center;\n\n        &__name {\n          padding-top: 0;\n          padding-bottom: 0;\n\n          h1 {\n            font-size: 16px;\n            line-height: 24px;\n            text-shadow: none;\n\n            small {\n              color: $darker-text-color;\n            }\n          }\n        }\n      }\n\n      &__tabs {\n        display: flex;\n        justify-content: flex-start;\n        align-items: stretch;\n        height: 58px;\n\n        .details-counters {\n          display: flex;\n          flex-direction: row;\n          min-width: 300px;\n        }\n\n        @media screen and (max-width: $no-columns-breakpoint) {\n          .details-counters {\n            display: none;\n          }\n        }\n\n        .counter {\n          min-width: 33.3%;\n          box-sizing: border-box;\n          flex: 0 0 auto;\n          color: $darker-text-color;\n          padding: 10px;\n          border-right: 1px solid lighten($ui-base-color, 4%);\n          cursor: default;\n          text-align: center;\n          position: relative;\n\n          a {\n            display: block;\n          }\n\n          &:last-child {\n            border-right: 0;\n          }\n\n          &::after {\n            display: block;\n            content: \"\";\n            position: absolute;\n            bottom: 0;\n            left: 0;\n            width: 100%;\n            border-bottom: 4px solid $ui-primary-color;\n            opacity: 0.5;\n            transition: all 400ms ease;\n          }\n\n          &.active {\n            &::after {\n              border-bottom: 4px solid $highlight-text-color;\n              opacity: 1;\n            }\n\n            &.inactive::after {\n              border-bottom-color: $secondary-text-color;\n            }\n          }\n\n          &:hover {\n            &::after {\n              opacity: 1;\n              transition-duration: 100ms;\n            }\n          }\n\n          a {\n            text-decoration: none;\n            color: inherit;\n          }\n\n          .counter-label {\n            font-size: 12px;\n            display: block;\n          }\n\n          .counter-number {\n            font-weight: 500;\n            font-size: 18px;\n            margin-bottom: 5px;\n            color: $primary-text-color;\n            font-family: $font-display, sans-serif;\n          }\n        }\n\n        .spacer {\n          flex: 1 1 auto;\n          height: 1px;\n        }\n\n        &__buttons {\n          padding: 7px 8px;\n        }\n      }\n    }\n\n    &__extra {\n      display: none;\n      margin-top: 4px;\n\n      .public-account-bio {\n        border-radius: 0;\n        box-shadow: none;\n        background: transparent;\n        margin: 0 -5px;\n\n        .account__header__fields {\n          border-top: 1px solid lighten($ui-base-color, 12%);\n        }\n\n        .roles {\n          display: none;\n        }\n      }\n\n      &__links {\n        margin-top: -15px;\n        font-size: 14px;\n        color: $darker-text-color;\n\n        a {\n          display: inline-block;\n          color: $darker-text-color;\n          text-decoration: none;\n          padding: 15px;\n          font-weight: 500;\n\n          strong {\n            font-weight: 700;\n            color: $primary-text-color;\n          }\n        }\n      }\n\n      @media screen and (max-width: $no-columns-breakpoint) {\n        display: block;\n        flex: 100%;\n      }\n    }\n  }\n\n  .account__section-headline {\n    border-radius: 4px 4px 0 0;\n\n    @media screen and (max-width: $no-gap-breakpoint) {\n      border-radius: 0;\n    }\n  }\n\n  .detailed-status__meta {\n    margin-top: 25px;\n  }\n\n  .public-account-bio {\n    background: lighten($ui-base-color, 8%);\n    box-shadow: 0 0 15px rgba($base-shadow-color, 0.2);\n    border-radius: 4px;\n    overflow: hidden;\n    margin-bottom: 10px;\n\n    @media screen and (max-width: $no-gap-breakpoint) {\n      box-shadow: none;\n      margin-bottom: 0;\n      border-radius: 0;\n    }\n\n    .account__header__fields {\n      margin: 0;\n      border-top: 0;\n\n      a {\n        color: lighten($ui-highlight-color, 8%);\n      }\n\n      dl:first-child .verified {\n        border-radius: 0 4px 0 0;\n      }\n\n      .verified a {\n        color: $valid-value-color;\n      }\n    }\n\n    .account__header__content {\n      padding: 20px;\n      padding-bottom: 0;\n      color: $primary-text-color;\n    }\n\n    &__extra,\n    .roles {\n      padding: 20px;\n      font-size: 14px;\n      color: $darker-text-color;\n    }\n\n    .roles {\n      padding-bottom: 0;\n    }\n  }\n\n  .directory__list {\n    display: grid;\n    grid-gap: 10px;\n    grid-template-columns: minmax(0, 50%) minmax(0, 50%);\n\n    @media screen and (max-width: $no-gap-breakpoint) {\n      display: block;\n    }\n\n    .icon-button {\n      font-size: 18px;\n    }\n  }\n\n  .directory__card {\n    margin-bottom: 0;\n  }\n\n  .card-grid {\n    display: flex;\n    flex-wrap: wrap;\n    min-width: 100%;\n    margin: 0 -5px;\n\n    & > div {\n      box-sizing: border-box;\n      flex: 1 0 auto;\n      width: 300px;\n      padding: 0 5px;\n      margin-bottom: 10px;\n      max-width: 33.333%;\n\n      @media screen and (max-width: 900px) {\n        max-width: 50%;\n      }\n\n      @media screen and (max-width: 600px) {\n        max-width: 100%;\n      }\n    }\n\n    @media screen and (max-width: $no-gap-breakpoint) {\n      margin: 0;\n      border-top: 1px solid lighten($ui-base-color, 8%);\n\n      & > div {\n        width: 100%;\n        padding: 0;\n        margin-bottom: 0;\n        border-bottom: 1px solid lighten($ui-base-color, 8%);\n\n        &:last-child {\n          border-bottom: 0;\n        }\n\n        .card__bar {\n          background: $ui-base-color;\n\n          &:hover,\n          &:active,\n          &:focus {\n            background: lighten($ui-base-color, 4%);\n          }\n        }\n      }\n    }\n  }\n}\n",".no-list {\n  list-style: none;\n\n  li {\n    display: inline-block;\n    margin: 0 5px;\n  }\n}\n\n.recovery-codes {\n  list-style: none;\n  margin: 0 auto;\n\n  li {\n    font-size: 125%;\n    line-height: 1.5;\n    letter-spacing: 1px;\n  }\n}\n",".public-layout {\n  .footer {\n    text-align: left;\n    padding-top: 20px;\n    padding-bottom: 60px;\n    font-size: 12px;\n    color: lighten($ui-base-color, 34%);\n\n    @media screen and (max-width: $no-gap-breakpoint) {\n      padding-left: 20px;\n      padding-right: 20px;\n    }\n\n    .grid {\n      display: grid;\n      grid-gap: 10px;\n      grid-template-columns: 1fr 1fr 2fr 1fr 1fr;\n\n      .column-0 {\n        grid-column: 1;\n        grid-row: 1;\n        min-width: 0;\n      }\n\n      .column-1 {\n        grid-column: 2;\n        grid-row: 1;\n        min-width: 0;\n      }\n\n      .column-2 {\n        grid-column: 3;\n        grid-row: 1;\n        min-width: 0;\n        text-align: center;\n\n        h4 a {\n          color: lighten($ui-base-color, 34%);\n        }\n      }\n\n      .column-3 {\n        grid-column: 4;\n        grid-row: 1;\n        min-width: 0;\n      }\n\n      .column-4 {\n        grid-column: 5;\n        grid-row: 1;\n        min-width: 0;\n      }\n\n      @media screen and (max-width: 690px) {\n        grid-template-columns: 1fr 2fr 1fr;\n\n        .column-0,\n        .column-1 {\n          grid-column: 1;\n        }\n\n        .column-1 {\n          grid-row: 2;\n        }\n\n        .column-2 {\n          grid-column: 2;\n        }\n\n        .column-3,\n        .column-4 {\n          grid-column: 3;\n        }\n\n        .column-4 {\n          grid-row: 2;\n        }\n      }\n\n      @media screen and (max-width: 600px) {\n        .column-1 {\n          display: block;\n        }\n      }\n\n      @media screen and (max-width: $no-gap-breakpoint) {\n        .column-0,\n        .column-1,\n        .column-3,\n        .column-4 {\n          display: none;\n        }\n      }\n    }\n\n    h4 {\n      font-weight: 700;\n      margin-bottom: 8px;\n      color: $darker-text-color;\n\n      a {\n        color: inherit;\n        text-decoration: none;\n      }\n    }\n\n    ul a {\n      text-decoration: none;\n      color: lighten($ui-base-color, 34%);\n\n      &:hover,\n      &:active,\n      &:focus {\n        text-decoration: underline;\n      }\n    }\n\n    .brand {\n      svg {\n        display: block;\n        height: 36px;\n        width: auto;\n        margin: 0 auto;\n        fill: lighten($ui-base-color, 34%);\n      }\n\n      &:hover,\n      &:focus,\n      &:active {\n        svg {\n          fill: lighten($ui-base-color, 38%);\n        }\n      }\n    }\n  }\n}\n",".compact-header {\n  h1 {\n    font-size: 24px;\n    line-height: 28px;\n    color: $darker-text-color;\n    font-weight: 500;\n    margin-bottom: 20px;\n    padding: 0 10px;\n    word-wrap: break-word;\n\n    @media screen and (max-width: 740px) {\n      text-align: center;\n      padding: 20px 10px 0;\n    }\n\n    a {\n      color: inherit;\n      text-decoration: none;\n    }\n\n    small {\n      font-weight: 400;\n      color: $secondary-text-color;\n    }\n\n    img {\n      display: inline-block;\n      margin-bottom: -5px;\n      margin-right: 15px;\n      width: 36px;\n      height: 36px;\n    }\n  }\n}\n",".hero-widget {\n  margin-bottom: 10px;\n  box-shadow: 0 0 15px rgba($base-shadow-color, 0.2);\n\n  &__img {\n    width: 100%;\n    position: relative;\n    overflow: hidden;\n    border-radius: 4px 4px 0 0;\n    background: $base-shadow-color;\n\n    img {\n      object-fit: cover;\n      display: block;\n      width: 100%;\n      height: 100%;\n      margin: 0;\n      border-radius: 4px 4px 0 0;\n    }\n  }\n\n  &__text {\n    background: $ui-base-color;\n    padding: 20px;\n    border-radius: 0 0 4px 4px;\n    font-size: 15px;\n    color: $darker-text-color;\n    line-height: 20px;\n    word-wrap: break-word;\n    font-weight: 400;\n\n    .emojione {\n      width: 20px;\n      height: 20px;\n      margin: -3px 0 0;\n    }\n\n    p {\n      margin-bottom: 20px;\n\n      &:last-child {\n        margin-bottom: 0;\n      }\n    }\n\n    em {\n      display: inline;\n      margin: 0;\n      padding: 0;\n      font-weight: 700;\n      background: transparent;\n      font-family: inherit;\n      font-size: inherit;\n      line-height: inherit;\n      color: lighten($darker-text-color, 10%);\n    }\n\n    a {\n      color: $secondary-text-color;\n      text-decoration: none;\n\n      &:hover {\n        text-decoration: underline;\n      }\n    }\n  }\n\n  @media screen and (max-width: $no-gap-breakpoint) {\n    display: none;\n  }\n}\n\n.endorsements-widget {\n  margin-bottom: 10px;\n  padding-bottom: 10px;\n\n  h4 {\n    padding: 10px;\n    font-weight: 700;\n    font-size: 14px;\n    color: $darker-text-color;\n  }\n\n  .account {\n    padding: 10px 0;\n\n    &:last-child {\n      border-bottom: 0;\n    }\n\n    .account__display-name {\n      display: flex;\n      align-items: center;\n    }\n\n    .account__avatar {\n      width: 44px;\n      height: 44px;\n      background-size: 44px 44px;\n    }\n  }\n\n  .trends__item {\n    padding: 10px;\n  }\n}\n\n.trends-widget {\n  h4 {\n    color: $darker-text-color;\n  }\n}\n\n.box-widget {\n  padding: 20px;\n  border-radius: 4px;\n  background: $ui-base-color;\n  box-shadow: 0 0 15px rgba($base-shadow-color, 0.2);\n}\n\n.placeholder-widget {\n  padding: 16px;\n  border-radius: 4px;\n  border: 2px dashed $dark-text-color;\n  text-align: center;\n  color: $darker-text-color;\n  margin-bottom: 10px;\n}\n\n.contact-widget {\n  min-height: 100%;\n  font-size: 15px;\n  color: $darker-text-color;\n  line-height: 20px;\n  word-wrap: break-word;\n  font-weight: 400;\n  padding: 0;\n\n  h4 {\n    padding: 10px;\n    font-weight: 700;\n    font-size: 14px;\n    color: $darker-text-color;\n  }\n\n  .account {\n    border-bottom: 0;\n    padding: 10px 0;\n    padding-top: 5px;\n  }\n\n  & > a {\n    display: inline-block;\n    padding: 10px;\n    padding-top: 0;\n    color: $darker-text-color;\n    text-decoration: none;\n    white-space: nowrap;\n    overflow: hidden;\n    text-overflow: ellipsis;\n\n    &:hover,\n    &:focus,\n    &:active {\n      text-decoration: underline;\n    }\n  }\n}\n\n.moved-account-widget {\n  padding: 15px;\n  padding-bottom: 20px;\n  border-radius: 4px;\n  background: $ui-base-color;\n  box-shadow: 0 0 15px rgba($base-shadow-color, 0.2);\n  color: $secondary-text-color;\n  font-weight: 400;\n  margin-bottom: 10px;\n\n  strong,\n  a {\n    font-weight: 500;\n\n    @each $lang in $cjk-langs {\n      &:lang(#{$lang}) {\n        font-weight: 700;\n      }\n    }\n  }\n\n  a {\n    color: inherit;\n    text-decoration: underline;\n\n    &.mention {\n      text-decoration: none;\n\n      span {\n        text-decoration: none;\n      }\n\n      &:focus,\n      &:hover,\n      &:active {\n        text-decoration: none;\n\n        span {\n          text-decoration: underline;\n        }\n      }\n    }\n  }\n\n  &__message {\n    margin-bottom: 15px;\n\n    .fa {\n      margin-right: 5px;\n      color: $darker-text-color;\n    }\n  }\n\n  &__card {\n    .detailed-status__display-avatar {\n      position: relative;\n      cursor: pointer;\n    }\n\n    .detailed-status__display-name {\n      margin-bottom: 0;\n      text-decoration: none;\n\n      span {\n        font-weight: 400;\n      }\n    }\n  }\n}\n\n.memoriam-widget {\n  padding: 20px;\n  border-radius: 4px;\n  background: $base-shadow-color;\n  box-shadow: 0 0 15px rgba($base-shadow-color, 0.2);\n  font-size: 14px;\n  color: $darker-text-color;\n  margin-bottom: 10px;\n}\n\n.page-header {\n  background: lighten($ui-base-color, 8%);\n  box-shadow: 0 0 15px rgba($base-shadow-color, 0.2);\n  border-radius: 4px;\n  padding: 60px 15px;\n  text-align: center;\n  margin: 10px 0;\n\n  h1 {\n    color: $primary-text-color;\n    font-size: 36px;\n    line-height: 1.1;\n    font-weight: 700;\n    margin-bottom: 10px;\n  }\n\n  p {\n    font-size: 15px;\n    color: $darker-text-color;\n  }\n\n  @media screen and (max-width: $no-gap-breakpoint) {\n    margin-top: 0;\n    background: lighten($ui-base-color, 4%);\n\n    h1 {\n      font-size: 24px;\n    }\n  }\n}\n\n.directory {\n  background: $ui-base-color;\n  border-radius: 4px;\n  box-shadow: 0 0 15px rgba($base-shadow-color, 0.2);\n\n  &__tag {\n    box-sizing: border-box;\n    margin-bottom: 10px;\n\n    & > a,\n    & > div {\n      display: flex;\n      align-items: center;\n      justify-content: space-between;\n      background: $ui-base-color;\n      border-radius: 4px;\n      padding: 15px;\n      text-decoration: none;\n      color: inherit;\n      box-shadow: 0 0 15px rgba($base-shadow-color, 0.2);\n    }\n\n    & > a {\n      &:hover,\n      &:active,\n      &:focus {\n        background: lighten($ui-base-color, 8%);\n      }\n    }\n\n    &.active > a {\n      background: $ui-highlight-color;\n      cursor: default;\n    }\n\n    &.disabled > div {\n      opacity: 0.5;\n      cursor: default;\n    }\n\n    h4 {\n      flex: 1 1 auto;\n      font-size: 18px;\n      font-weight: 700;\n      color: $primary-text-color;\n      white-space: nowrap;\n      overflow: hidden;\n      text-overflow: ellipsis;\n\n      .fa {\n        color: $darker-text-color;\n      }\n\n      small {\n        display: block;\n        font-weight: 400;\n        font-size: 15px;\n        margin-top: 8px;\n        color: $darker-text-color;\n      }\n    }\n\n    &.active h4 {\n      &,\n      .fa,\n      small,\n      .trends__item__current {\n        color: $primary-text-color;\n      }\n    }\n\n    .avatar-stack {\n      flex: 0 0 auto;\n      width: (36px + 4px) * 3;\n    }\n\n    &.active .avatar-stack .account__avatar {\n      border-color: $ui-highlight-color;\n    }\n\n    .trends__item__current {\n      padding-right: 0;\n    }\n  }\n}\n\n.avatar-stack {\n  display: flex;\n  justify-content: flex-end;\n\n  .account__avatar {\n    flex: 0 0 auto;\n    width: 36px;\n    height: 36px;\n    border-radius: 50%;\n    position: relative;\n    margin-left: -10px;\n    background: darken($ui-base-color, 8%);\n    border: 2px solid $ui-base-color;\n\n    &:nth-child(1) {\n      z-index: 1;\n    }\n\n    &:nth-child(2) {\n      z-index: 2;\n    }\n\n    &:nth-child(3) {\n      z-index: 3;\n    }\n  }\n}\n\n.accounts-table {\n  width: 100%;\n\n  .account {\n    padding: 0;\n    border: 0;\n  }\n\n  strong {\n    font-weight: 700;\n  }\n\n  thead th {\n    text-align: center;\n    color: $darker-text-color;\n    font-weight: 700;\n    padding: 10px;\n\n    &:first-child {\n      text-align: left;\n    }\n  }\n\n  tbody td {\n    padding: 15px 0;\n    vertical-align: middle;\n    border-bottom: 1px solid lighten($ui-base-color, 8%);\n  }\n\n  tbody tr:last-child td {\n    border-bottom: 0;\n  }\n\n  &__count {\n    width: 120px;\n    text-align: center;\n    font-size: 15px;\n    font-weight: 500;\n    color: $primary-text-color;\n\n    small {\n      display: block;\n      color: $darker-text-color;\n      font-weight: 400;\n      font-size: 14px;\n    }\n  }\n\n  &__comment {\n    width: 50%;\n    vertical-align: initial !important;\n  }\n\n  @media screen and (max-width: $no-gap-breakpoint) {\n    tbody td.optional {\n      display: none;\n    }\n  }\n}\n\n.moved-account-widget,\n.memoriam-widget,\n.box-widget,\n.contact-widget,\n.landing-page__information.contact-widget,\n.directory,\n.page-header {\n  @media screen and (max-width: $no-gap-breakpoint) {\n    margin-bottom: 0;\n    box-shadow: none;\n    border-radius: 0;\n  }\n}\n\n$maximum-width: 1235px;\n$fluid-breakpoint: $maximum-width + 20px;\n\n.statuses-grid {\n  min-height: 600px;\n\n  @media screen and (max-width: 640px) {\n    width: 100% !important; // Masonry layout is unnecessary at this width\n  }\n\n  &__item {\n    width: (960px - 20px) / 3;\n\n    @media screen and (max-width: $fluid-breakpoint) {\n      width: (940px - 20px) / 3;\n    }\n\n    @media screen and (max-width: 640px) {\n      width: 100%;\n    }\n\n    @media screen and (max-width: $no-gap-breakpoint) {\n      width: 100vw;\n    }\n  }\n\n  .detailed-status {\n    border-radius: 4px;\n\n    @media screen and (max-width: $no-gap-breakpoint) {\n      border-top: 1px solid lighten($ui-base-color, 16%);\n    }\n\n    &.compact {\n      .detailed-status__meta {\n        margin-top: 15px;\n      }\n\n      .status__content {\n        font-size: 15px;\n        line-height: 20px;\n\n        .emojione {\n          width: 20px;\n          height: 20px;\n          margin: -3px 0 0;\n        }\n\n        .status__content__spoiler-link {\n          line-height: 20px;\n          margin: 0;\n        }\n      }\n\n      .media-gallery,\n      .status-card,\n      .video-player {\n        margin-top: 15px;\n      }\n    }\n  }\n}\n\n.notice-widget {\n  margin-bottom: 10px;\n  color: $darker-text-color;\n\n  p {\n    margin-bottom: 10px;\n\n    &:last-child {\n      margin-bottom: 0;\n    }\n  }\n\n  a {\n    font-size: 14px;\n    line-height: 20px;\n  }\n}\n\n.notice-widget,\n.placeholder-widget {\n  a {\n    text-decoration: none;\n    font-weight: 500;\n    color: $ui-highlight-color;\n\n    &:hover,\n    &:focus,\n    &:active {\n      text-decoration: underline;\n    }\n  }\n}\n\n.table-of-contents {\n  background: darken($ui-base-color, 4%);\n  min-height: 100%;\n  font-size: 14px;\n  border-radius: 4px;\n\n  li a {\n    display: block;\n    font-weight: 500;\n    padding: 15px;\n    overflow: hidden;\n    white-space: nowrap;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    text-decoration: none;\n    color: $primary-text-color;\n    border-bottom: 1px solid lighten($ui-base-color, 4%);\n\n    &:hover,\n    &:focus,\n    &:active {\n      text-decoration: underline;\n    }\n  }\n\n  li:last-child a {\n    border-bottom: 0;\n  }\n\n  li ul {\n    padding-left: 20px;\n    border-bottom: 1px solid lighten($ui-base-color, 4%);\n  }\n}\n","$no-columns-breakpoint: 600px;\n\ncode {\n  font-family: $font-monospace, monospace;\n  font-weight: 400;\n}\n\n.form-container {\n  max-width: 400px;\n  padding: 20px;\n  margin: 0 auto;\n}\n\n.simple_form {\n  .input {\n    margin-bottom: 15px;\n    overflow: hidden;\n\n    &.hidden {\n      margin: 0;\n    }\n\n    &.radio_buttons {\n      .radio {\n        margin-bottom: 15px;\n\n        &:last-child {\n          margin-bottom: 0;\n        }\n      }\n\n      .radio > label {\n        position: relative;\n        padding-left: 28px;\n\n        input {\n          position: absolute;\n          top: -2px;\n          left: 0;\n        }\n      }\n    }\n\n    &.boolean {\n      position: relative;\n      margin-bottom: 0;\n\n      .label_input > label {\n        font-family: inherit;\n        font-size: 14px;\n        padding-top: 5px;\n        color: $primary-text-color;\n        display: block;\n        width: auto;\n      }\n\n      .label_input,\n      .hint {\n        padding-left: 28px;\n      }\n\n      .label_input__wrapper {\n        position: static;\n      }\n\n      label.checkbox {\n        position: absolute;\n        top: 2px;\n        left: 0;\n      }\n\n      label a {\n        color: $highlight-text-color;\n        text-decoration: underline;\n\n        &:hover,\n        &:active,\n        &:focus {\n          text-decoration: none;\n        }\n      }\n\n      .recommended {\n        position: absolute;\n        margin: 0 4px;\n        margin-top: -2px;\n      }\n    }\n  }\n\n  .row {\n    display: flex;\n    margin: 0 -5px;\n\n    .input {\n      box-sizing: border-box;\n      flex: 1 1 auto;\n      width: 50%;\n      padding: 0 5px;\n    }\n  }\n\n  .hint {\n    color: $darker-text-color;\n\n    a {\n      color: $highlight-text-color;\n    }\n\n    code {\n      border-radius: 3px;\n      padding: 0.2em 0.4em;\n      background: darken($ui-base-color, 12%);\n    }\n\n    li {\n      list-style: disc;\n      margin-left: 18px;\n    }\n  }\n\n  ul.hint {\n    margin-bottom: 15px;\n  }\n\n  span.hint {\n    display: block;\n    font-size: 12px;\n    margin-top: 4px;\n  }\n\n  p.hint {\n    margin-bottom: 15px;\n    color: $darker-text-color;\n\n    &.subtle-hint {\n      text-align: center;\n      font-size: 12px;\n      line-height: 18px;\n      margin-top: 15px;\n      margin-bottom: 0;\n    }\n  }\n\n  .card {\n    margin-bottom: 15px;\n  }\n\n  strong {\n    font-weight: 500;\n\n    @each $lang in $cjk-langs {\n      &:lang(#{$lang}) {\n        font-weight: 700;\n      }\n    }\n  }\n\n  .input.with_floating_label {\n    .label_input {\n      display: flex;\n\n      & > label {\n        font-family: inherit;\n        font-size: 14px;\n        color: $primary-text-color;\n        font-weight: 500;\n        min-width: 150px;\n        flex: 0 0 auto;\n      }\n\n      input,\n      select {\n        flex: 1 1 auto;\n      }\n    }\n\n    &.select .hint {\n      margin-top: 6px;\n      margin-left: 150px;\n    }\n  }\n\n  .input.with_label {\n    .label_input > label {\n      font-family: inherit;\n      font-size: 14px;\n      color: $primary-text-color;\n      display: block;\n      margin-bottom: 8px;\n      word-wrap: break-word;\n      font-weight: 500;\n    }\n\n    .hint {\n      margin-top: 6px;\n    }\n\n    ul {\n      flex: 390px;\n    }\n  }\n\n  .input.with_block_label {\n    max-width: none;\n\n    & > label {\n      font-family: inherit;\n      font-size: 16px;\n      color: $primary-text-color;\n      display: block;\n      font-weight: 500;\n      padding-top: 5px;\n    }\n\n    .hint {\n      margin-bottom: 15px;\n    }\n\n    ul {\n      columns: 2;\n    }\n  }\n\n  .required abbr {\n    text-decoration: none;\n    color: lighten($error-value-color, 12%);\n  }\n\n  .fields-group {\n    margin-bottom: 25px;\n\n    .input:last-child {\n      margin-bottom: 0;\n    }\n  }\n\n  .fields-row {\n    display: flex;\n    margin: 0 -10px;\n    padding-top: 5px;\n    margin-bottom: 25px;\n\n    .input {\n      max-width: none;\n    }\n\n    &__column {\n      box-sizing: border-box;\n      padding: 0 10px;\n      flex: 1 1 auto;\n      min-height: 1px;\n\n      &-6 {\n        max-width: 50%;\n      }\n\n      .actions {\n        margin-top: 27px;\n      }\n    }\n\n    .fields-group:last-child,\n    .fields-row__column.fields-group {\n      margin-bottom: 0;\n    }\n\n    @media screen and (max-width: $no-columns-breakpoint) {\n      display: block;\n      margin-bottom: 0;\n\n      &__column {\n        max-width: none;\n      }\n\n      .fields-group:last-child,\n      .fields-row__column.fields-group,\n      .fields-row__column {\n        margin-bottom: 25px;\n      }\n    }\n  }\n\n  .input.radio_buttons .radio label {\n    margin-bottom: 5px;\n    font-family: inherit;\n    font-size: 14px;\n    color: $primary-text-color;\n    display: block;\n    width: auto;\n  }\n\n  .check_boxes {\n    .checkbox {\n      label {\n        font-family: inherit;\n        font-size: 14px;\n        color: $primary-text-color;\n        display: inline-block;\n        width: auto;\n        position: relative;\n        padding-top: 5px;\n        padding-left: 25px;\n        flex: 1 1 auto;\n      }\n\n      input[type=checkbox] {\n        position: absolute;\n        left: 0;\n        top: 5px;\n        margin: 0;\n      }\n    }\n  }\n\n  .input.static .label_input__wrapper {\n    font-size: 16px;\n    padding: 10px;\n    border: 1px solid $dark-text-color;\n    border-radius: 4px;\n  }\n\n  input[type=text],\n  input[type=number],\n  input[type=email],\n  input[type=password],\n  textarea {\n    box-sizing: border-box;\n    font-size: 16px;\n    color: $primary-text-color;\n    display: block;\n    width: 100%;\n    outline: 0;\n    font-family: inherit;\n    resize: vertical;\n    background: darken($ui-base-color, 10%);\n    border: 1px solid darken($ui-base-color, 14%);\n    border-radius: 4px;\n    padding: 10px;\n\n    &::placeholder {\n      color: lighten($darker-text-color, 4%);\n    }\n\n    &:invalid {\n      box-shadow: none;\n    }\n\n    &:focus:invalid:not(:placeholder-shown) {\n      border-color: lighten($error-red, 12%);\n    }\n\n    &:required:valid {\n      border-color: $valid-value-color;\n    }\n\n    &:hover {\n      border-color: darken($ui-base-color, 20%);\n    }\n\n    &:active,\n    &:focus {\n      border-color: $highlight-text-color;\n      background: darken($ui-base-color, 8%);\n    }\n  }\n\n  .input.field_with_errors {\n    label {\n      color: lighten($error-red, 12%);\n    }\n\n    input[type=text],\n    input[type=number],\n    input[type=email],\n    input[type=password],\n    textarea,\n    select {\n      border-color: lighten($error-red, 12%);\n    }\n\n    .error {\n      display: block;\n      font-weight: 500;\n      color: lighten($error-red, 12%);\n      margin-top: 4px;\n    }\n  }\n\n  .input.disabled {\n    opacity: 0.5;\n  }\n\n  .actions {\n    margin-top: 30px;\n    display: flex;\n\n    &.actions--top {\n      margin-top: 0;\n      margin-bottom: 30px;\n    }\n  }\n\n  button,\n  .button,\n  .block-button {\n    display: block;\n    width: 100%;\n    border: 0;\n    border-radius: 4px;\n    background: $ui-highlight-color;\n    color: $primary-text-color;\n    font-size: 18px;\n    line-height: inherit;\n    height: auto;\n    padding: 10px;\n    text-decoration: none;\n    text-align: center;\n    box-sizing: border-box;\n    cursor: pointer;\n    font-weight: 500;\n    outline: 0;\n    margin-bottom: 10px;\n    margin-right: 10px;\n\n    &:last-child {\n      margin-right: 0;\n    }\n\n    &:hover {\n      background-color: lighten($ui-highlight-color, 5%);\n    }\n\n    &:active,\n    &:focus {\n      background-color: darken($ui-highlight-color, 5%);\n    }\n\n    &:disabled:hover {\n      background-color: $ui-primary-color;\n    }\n\n    &.negative {\n      background: $error-value-color;\n\n      &:hover {\n        background-color: lighten($error-value-color, 5%);\n      }\n\n      &:active,\n      &:focus {\n        background-color: darken($error-value-color, 5%);\n      }\n    }\n  }\n\n  select {\n    appearance: none;\n    box-sizing: border-box;\n    font-size: 16px;\n    color: $primary-text-color;\n    display: block;\n    width: 100%;\n    outline: 0;\n    font-family: inherit;\n    resize: vertical;\n    background: darken($ui-base-color, 10%) url(\"data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14.933 18.467' height='19.698' width='15.929'><path d='M3.467 14.967l-3.393-3.5H14.86l-3.392 3.5c-1.866 1.925-3.666 3.5-4 3.5-.335 0-2.135-1.575-4-3.5zm.266-11.234L7.467 0 11.2 3.733l3.733 3.734H0l3.733-3.734z' fill='#{hex-color(lighten($ui-base-color, 12%))}'/></svg>\") no-repeat right 8px center / auto 16px;\n    border: 1px solid darken($ui-base-color, 14%);\n    border-radius: 4px;\n    padding-left: 10px;\n    padding-right: 30px;\n    height: 41px;\n  }\n\n  h4 {\n    margin-bottom: 15px !important;\n  }\n\n  .label_input {\n    &__wrapper {\n      position: relative;\n    }\n\n    &__append {\n      position: absolute;\n      right: 3px;\n      top: 1px;\n      padding: 10px;\n      padding-bottom: 9px;\n      font-size: 16px;\n      color: $dark-text-color;\n      font-family: inherit;\n      pointer-events: none;\n      cursor: default;\n      max-width: 140px;\n      white-space: nowrap;\n      overflow: hidden;\n\n      &::after {\n        content: '';\n        display: block;\n        position: absolute;\n        top: 0;\n        right: 0;\n        bottom: 1px;\n        width: 5px;\n        background-image: linear-gradient(to right, rgba(darken($ui-base-color, 10%), 0), darken($ui-base-color, 10%));\n      }\n    }\n  }\n\n  &__overlay-area {\n    position: relative;\n\n    &__blurred form {\n      filter: blur(2px);\n    }\n\n    &__overlay {\n      position: absolute;\n      top: 0;\n      left: 0;\n      width: 100%;\n      height: 100%;\n      display: flex;\n      justify-content: center;\n      align-items: center;\n      background: rgba($ui-base-color, 0.65);\n      border-radius: 4px;\n      margin-left: -4px;\n      margin-top: -4px;\n      padding: 4px;\n\n      &__content {\n        text-align: center;\n\n        &.rich-formatting {\n          &,\n          p {\n            color: $primary-text-color;\n          }\n        }\n      }\n    }\n  }\n}\n\n.block-icon {\n  display: block;\n  margin: 0 auto;\n  margin-bottom: 10px;\n  font-size: 24px;\n}\n\n.flash-message {\n  background: lighten($ui-base-color, 8%);\n  color: $darker-text-color;\n  border-radius: 4px;\n  padding: 15px 10px;\n  margin-bottom: 30px;\n  text-align: center;\n\n  &.notice {\n    border: 1px solid rgba($valid-value-color, 0.5);\n    background: rgba($valid-value-color, 0.25);\n    color: $valid-value-color;\n  }\n\n  &.alert {\n    border: 1px solid rgba($error-value-color, 0.5);\n    background: rgba($error-value-color, 0.25);\n    color: $error-value-color;\n  }\n\n  a {\n    display: inline-block;\n    color: $darker-text-color;\n    text-decoration: none;\n\n    &:hover {\n      color: $primary-text-color;\n      text-decoration: underline;\n    }\n  }\n\n  p {\n    margin-bottom: 15px;\n  }\n\n  .oauth-code {\n    outline: 0;\n    box-sizing: border-box;\n    display: block;\n    width: 100%;\n    border: 0;\n    padding: 10px;\n    font-family: $font-monospace, monospace;\n    background: $ui-base-color;\n    color: $primary-text-color;\n    font-size: 14px;\n    margin: 0;\n\n    &::-moz-focus-inner {\n      border: 0;\n    }\n\n    &::-moz-focus-inner,\n    &:focus,\n    &:active {\n      outline: 0 !important;\n    }\n\n    &:focus {\n      background: lighten($ui-base-color, 4%);\n    }\n  }\n\n  strong {\n    font-weight: 500;\n\n    @each $lang in $cjk-langs {\n      &:lang(#{$lang}) {\n        font-weight: 700;\n      }\n    }\n  }\n\n  @media screen and (max-width: 740px) and (min-width: 441px) {\n    margin-top: 40px;\n  }\n}\n\n.form-footer {\n  margin-top: 30px;\n  text-align: center;\n\n  a {\n    color: $darker-text-color;\n    text-decoration: none;\n\n    &:hover {\n      text-decoration: underline;\n    }\n  }\n}\n\n.quick-nav {\n  list-style: none;\n  margin-bottom: 25px;\n  font-size: 14px;\n\n  li {\n    display: inline-block;\n    margin-right: 10px;\n  }\n\n  a {\n    color: $highlight-text-color;\n    text-decoration: none;\n    font-weight: 700;\n\n    &:hover,\n    &:focus,\n    &:active {\n      color: lighten($highlight-text-color, 8%);\n    }\n  }\n}\n\n.oauth-prompt,\n.follow-prompt {\n  margin-bottom: 30px;\n  color: $darker-text-color;\n\n  h2 {\n    font-size: 16px;\n    margin-bottom: 30px;\n    text-align: center;\n  }\n\n  strong {\n    color: $secondary-text-color;\n    font-weight: 500;\n\n    @each $lang in $cjk-langs {\n      &:lang(#{$lang}) {\n        font-weight: 700;\n      }\n    }\n  }\n\n  @media screen and (max-width: 740px) and (min-width: 441px) {\n    margin-top: 40px;\n  }\n}\n\n.qr-wrapper {\n  display: flex;\n  flex-wrap: wrap;\n  align-items: flex-start;\n}\n\n.qr-code {\n  flex: 0 0 auto;\n  background: $simple-background-color;\n  padding: 4px;\n  margin: 0 10px 20px 0;\n  box-shadow: 0 0 15px rgba($base-shadow-color, 0.2);\n  display: inline-block;\n\n  svg {\n    display: block;\n    margin: 0;\n  }\n}\n\n.qr-alternative {\n  margin-bottom: 20px;\n  color: $secondary-text-color;\n  flex: 150px;\n\n  samp {\n    display: block;\n    font-size: 14px;\n  }\n}\n\n.table-form {\n  p {\n    margin-bottom: 15px;\n\n    strong {\n      font-weight: 500;\n\n      @each $lang in $cjk-langs {\n        &:lang(#{$lang}) {\n          font-weight: 700;\n        }\n      }\n    }\n  }\n}\n\n.simple_form,\n.table-form {\n  .warning {\n    box-sizing: border-box;\n    background: rgba($error-value-color, 0.5);\n    color: $primary-text-color;\n    text-shadow: 1px 1px 0 rgba($base-shadow-color, 0.3);\n    box-shadow: 0 2px 6px rgba($base-shadow-color, 0.4);\n    border-radius: 4px;\n    padding: 10px;\n    margin-bottom: 15px;\n\n    a {\n      color: $primary-text-color;\n      text-decoration: underline;\n\n      &:hover,\n      &:focus,\n      &:active {\n        text-decoration: none;\n      }\n    }\n\n    strong {\n      font-weight: 600;\n      display: block;\n      margin-bottom: 5px;\n\n      @each $lang in $cjk-langs {\n        &:lang(#{$lang}) {\n          font-weight: 700;\n        }\n      }\n\n      .fa {\n        font-weight: 400;\n      }\n    }\n  }\n}\n\n.action-pagination {\n  display: flex;\n  flex-wrap: wrap;\n  align-items: center;\n\n  .actions,\n  .pagination {\n    flex: 1 1 auto;\n  }\n\n  .actions {\n    padding: 30px 0;\n    padding-right: 20px;\n    flex: 0 0 auto;\n  }\n}\n\n.post-follow-actions {\n  text-align: center;\n  color: $darker-text-color;\n\n  div {\n    margin-bottom: 4px;\n  }\n}\n\n.alternative-login {\n  margin-top: 20px;\n  margin-bottom: 20px;\n\n  h4 {\n    font-size: 16px;\n    color: $primary-text-color;\n    text-align: center;\n    margin-bottom: 20px;\n    border: 0;\n    padding: 0;\n  }\n\n  .button {\n    display: block;\n  }\n}\n\n.scope-danger {\n  color: $warning-red;\n}\n\n.form_admin_settings_site_short_description,\n.form_admin_settings_site_description,\n.form_admin_settings_site_extended_description,\n.form_admin_settings_site_terms,\n.form_admin_settings_custom_css,\n.form_admin_settings_closed_registrations_message {\n  textarea {\n    font-family: $font-monospace, monospace;\n  }\n}\n\n.input-copy {\n  background: darken($ui-base-color, 10%);\n  border: 1px solid darken($ui-base-color, 14%);\n  border-radius: 4px;\n  display: flex;\n  align-items: center;\n  padding-right: 4px;\n  position: relative;\n  top: 1px;\n  transition: border-color 300ms linear;\n\n  &__wrapper {\n    flex: 1 1 auto;\n  }\n\n  input[type=text] {\n    background: transparent;\n    border: 0;\n    padding: 10px;\n    font-size: 14px;\n    font-family: $font-monospace, monospace;\n  }\n\n  button {\n    flex: 0 0 auto;\n    margin: 4px;\n    text-transform: none;\n    font-weight: 400;\n    font-size: 14px;\n    padding: 7px 18px;\n    padding-bottom: 6px;\n    width: auto;\n    transition: background 300ms linear;\n  }\n\n  &.copied {\n    border-color: $valid-value-color;\n    transition: none;\n\n    button {\n      background: $valid-value-color;\n      transition: none;\n    }\n  }\n}\n\n.connection-prompt {\n  margin-bottom: 25px;\n\n  .fa-link {\n    background-color: darken($ui-base-color, 4%);\n    border-radius: 100%;\n    font-size: 24px;\n    padding: 10px;\n  }\n\n  &__column {\n    align-items: center;\n    display: flex;\n    flex: 1;\n    flex-direction: column;\n    flex-shrink: 1;\n    max-width: 50%;\n\n    &-sep {\n      align-self: center;\n      flex-grow: 0;\n      overflow: visible;\n      position: relative;\n      z-index: 1;\n    }\n\n    p {\n      word-break: break-word;\n    }\n  }\n\n  .account__avatar {\n    margin-bottom: 20px;\n  }\n\n  &__connection {\n    background-color: lighten($ui-base-color, 8%);\n    box-shadow: 0 0 15px rgba($base-shadow-color, 0.2);\n    border-radius: 4px;\n    padding: 25px 10px;\n    position: relative;\n    text-align: center;\n\n    &::after {\n      background-color: darken($ui-base-color, 4%);\n      content: '';\n      display: block;\n      height: 100%;\n      left: 50%;\n      position: absolute;\n      top: 0;\n      width: 1px;\n    }\n  }\n\n  &__row {\n    align-items: flex-start;\n    display: flex;\n    flex-direction: row;\n  }\n}\n",".card {\n  & > a {\n    display: block;\n    text-decoration: none;\n    color: inherit;\n    box-shadow: 0 0 15px rgba($base-shadow-color, 0.2);\n\n    @media screen and (max-width: $no-gap-breakpoint) {\n      box-shadow: none;\n    }\n\n    &:hover,\n    &:active,\n    &:focus {\n      .card__bar {\n        background: lighten($ui-base-color, 8%);\n      }\n    }\n  }\n\n  &__img {\n    height: 130px;\n    position: relative;\n    background: darken($ui-base-color, 12%);\n    border-radius: 4px 4px 0 0;\n\n    img {\n      display: block;\n      width: 100%;\n      height: 100%;\n      margin: 0;\n      object-fit: cover;\n      border-radius: 4px 4px 0 0;\n    }\n\n    @media screen and (max-width: 600px) {\n      height: 200px;\n    }\n\n    @media screen and (max-width: $no-gap-breakpoint) {\n      display: none;\n    }\n  }\n\n  &__bar {\n    position: relative;\n    padding: 15px;\n    display: flex;\n    justify-content: flex-start;\n    align-items: center;\n    background: lighten($ui-base-color, 4%);\n    border-radius: 0 0 4px 4px;\n\n    @media screen and (max-width: $no-gap-breakpoint) {\n      border-radius: 0;\n    }\n\n    .avatar {\n      flex: 0 0 auto;\n      width: 48px;\n      height: 48px;\n      padding-top: 2px;\n\n      img {\n        width: 100%;\n        height: 100%;\n        display: block;\n        margin: 0;\n        border-radius: 4px;\n        background: darken($ui-base-color, 8%);\n        object-fit: cover;\n      }\n    }\n\n    .display-name {\n      margin-left: 15px;\n      text-align: left;\n\n      strong {\n        font-size: 15px;\n        color: $primary-text-color;\n        font-weight: 500;\n        overflow: hidden;\n        text-overflow: ellipsis;\n      }\n\n      span {\n        display: block;\n        font-size: 14px;\n        color: $darker-text-color;\n        font-weight: 400;\n        overflow: hidden;\n        text-overflow: ellipsis;\n      }\n    }\n  }\n}\n\n.pagination {\n  padding: 30px 0;\n  text-align: center;\n  overflow: hidden;\n\n  a,\n  .current,\n  .newer,\n  .older,\n  .page,\n  .gap {\n    font-size: 14px;\n    color: $primary-text-color;\n    font-weight: 500;\n    display: inline-block;\n    padding: 6px 10px;\n    text-decoration: none;\n  }\n\n  .current {\n    background: $simple-background-color;\n    border-radius: 100px;\n    color: $inverted-text-color;\n    cursor: default;\n    margin: 0 10px;\n  }\n\n  .gap {\n    cursor: default;\n  }\n\n  .older,\n  .newer {\n    color: $secondary-text-color;\n  }\n\n  .older {\n    float: left;\n    padding-left: 0;\n\n    .fa {\n      display: inline-block;\n      margin-right: 5px;\n    }\n  }\n\n  .newer {\n    float: right;\n    padding-right: 0;\n\n    .fa {\n      display: inline-block;\n      margin-left: 5px;\n    }\n  }\n\n  .disabled {\n    cursor: default;\n    color: lighten($inverted-text-color, 10%);\n  }\n\n  @media screen and (max-width: 700px) {\n    padding: 30px 20px;\n\n    .page {\n      display: none;\n    }\n\n    .newer,\n    .older {\n      display: inline-block;\n    }\n  }\n}\n\n.nothing-here {\n  background: $ui-base-color;\n  box-shadow: 0 0 15px rgba($base-shadow-color, 0.2);\n  color: $light-text-color;\n  font-size: 14px;\n  font-weight: 500;\n  text-align: center;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  cursor: default;\n  border-radius: 4px;\n  padding: 20px;\n  min-height: 30vh;\n\n  &--under-tabs {\n    border-radius: 0 0 4px 4px;\n  }\n\n  &--flexible {\n    box-sizing: border-box;\n    min-height: 100%;\n  }\n}\n\n.account-role,\n.simple_form .recommended {\n  display: inline-block;\n  padding: 4px 6px;\n  cursor: default;\n  border-radius: 3px;\n  font-size: 12px;\n  line-height: 12px;\n  font-weight: 500;\n  color: $ui-secondary-color;\n  background-color: rgba($ui-secondary-color, 0.1);\n  border: 1px solid rgba($ui-secondary-color, 0.5);\n\n  &.moderator {\n    color: $success-green;\n    background-color: rgba($success-green, 0.1);\n    border-color: rgba($success-green, 0.5);\n  }\n\n  &.admin {\n    color: lighten($error-red, 12%);\n    background-color: rgba(lighten($error-red, 12%), 0.1);\n    border-color: rgba(lighten($error-red, 12%), 0.5);\n  }\n}\n\n.account__header__fields {\n  max-width: 100vw;\n  padding: 0;\n  margin: 15px -15px -15px;\n  border: 0 none;\n  border-top: 1px solid lighten($ui-base-color, 12%);\n  border-bottom: 1px solid lighten($ui-base-color, 12%);\n  font-size: 14px;\n  line-height: 20px;\n\n  dl {\n    display: flex;\n    border-bottom: 1px solid lighten($ui-base-color, 12%);\n  }\n\n  dt,\n  dd {\n    box-sizing: border-box;\n    padding: 14px;\n    text-align: center;\n    max-height: 48px;\n    overflow: hidden;\n    white-space: nowrap;\n    text-overflow: ellipsis;\n  }\n\n  dt {\n    font-weight: 500;\n    width: 120px;\n    flex: 0 0 auto;\n    color: $secondary-text-color;\n    background: rgba(darken($ui-base-color, 8%), 0.5);\n  }\n\n  dd {\n    flex: 1 1 auto;\n    color: $darker-text-color;\n  }\n\n  a {\n    color: $highlight-text-color;\n    text-decoration: none;\n\n    &:hover,\n    &:focus,\n    &:active {\n      text-decoration: underline;\n    }\n  }\n\n  .verified {\n    border: 1px solid rgba($valid-value-color, 0.5);\n    background: rgba($valid-value-color, 0.25);\n\n    a {\n      color: $valid-value-color;\n      font-weight: 500;\n    }\n\n    &__mark {\n      color: $valid-value-color;\n    }\n  }\n\n  dl:last-child {\n    border-bottom: 0;\n  }\n}\n\n.directory__tag .trends__item__current {\n  width: auto;\n}\n\n.pending-account {\n  &__header {\n    color: $darker-text-color;\n\n    a {\n      color: $ui-secondary-color;\n      text-decoration: none;\n\n      &:hover,\n      &:active,\n      &:focus {\n        text-decoration: underline;\n      }\n    }\n\n    strong {\n      color: $primary-text-color;\n      font-weight: 700;\n    }\n  }\n\n  &__body {\n    margin-top: 10px;\n  }\n}\n",".activity-stream {\n  box-shadow: 0 0 15px rgba($base-shadow-color, 0.2);\n  border-radius: 4px;\n  overflow: hidden;\n  margin-bottom: 10px;\n\n  &--under-tabs {\n    border-radius: 0 0 4px 4px;\n  }\n\n  @media screen and (max-width: $no-gap-breakpoint) {\n    margin-bottom: 0;\n    border-radius: 0;\n    box-shadow: none;\n  }\n\n  &--headless {\n    border-radius: 0;\n    margin: 0;\n    box-shadow: none;\n\n    .detailed-status,\n    .status {\n      border-radius: 0 !important;\n    }\n  }\n\n  div[data-component] {\n    width: 100%;\n  }\n\n  .entry {\n    background: $ui-base-color;\n\n    .detailed-status,\n    .status,\n    .load-more {\n      animation: none;\n    }\n\n    &:last-child {\n      .detailed-status,\n      .status,\n      .load-more {\n        border-bottom: 0;\n        border-radius: 0 0 4px 4px;\n      }\n    }\n\n    &:first-child {\n      .detailed-status,\n      .status,\n      .load-more {\n        border-radius: 4px 4px 0 0;\n      }\n\n      &:last-child {\n        .detailed-status,\n        .status,\n        .load-more {\n          border-radius: 4px;\n        }\n      }\n    }\n\n    @media screen and (max-width: 740px) {\n      .detailed-status,\n      .status,\n      .load-more {\n        border-radius: 0 !important;\n      }\n    }\n  }\n\n  &--highlighted .entry {\n    background: lighten($ui-base-color, 8%);\n  }\n}\n\n.button.logo-button {\n  flex: 0 auto;\n  font-size: 14px;\n  background: $ui-highlight-color;\n  color: $primary-text-color;\n  text-transform: none;\n  line-height: 36px;\n  height: auto;\n  padding: 3px 15px;\n  border: 0;\n\n  svg {\n    width: 20px;\n    height: auto;\n    vertical-align: middle;\n    margin-right: 5px;\n    fill: $primary-text-color;\n  }\n\n  &:active,\n  &:focus,\n  &:hover {\n    background: lighten($ui-highlight-color, 10%);\n  }\n\n  &:disabled,\n  &.disabled {\n    &:active,\n    &:focus,\n    &:hover {\n      background: $ui-primary-color;\n    }\n  }\n\n  &.button--destructive {\n    &:active,\n    &:focus,\n    &:hover {\n      background: $error-red;\n    }\n  }\n\n  @media screen and (max-width: $no-gap-breakpoint) {\n    svg {\n      display: none;\n    }\n  }\n}\n\n.embed,\n.public-layout {\n  .detailed-status {\n    padding: 15px;\n  }\n\n  .status {\n    padding: 15px 15px 15px (48px + 15px * 2);\n    min-height: 48px + 2px;\n\n    &__avatar {\n      left: 15px;\n      top: 17px;\n    }\n\n    &__content {\n      padding-top: 5px;\n    }\n\n    &__prepend {\n      margin-left: 48px + 15px * 2;\n      padding-top: 15px;\n    }\n\n    &__prepend-icon-wrapper {\n      left: -32px;\n    }\n\n    .media-gallery,\n    &__action-bar,\n    .video-player {\n      margin-top: 10px;\n    }\n  }\n}\n","button.icon-button i.fa-retweet {\n  background-image: url(\"data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='22' height='209'><path d='M4.97 3.16c-.1.03-.17.1-.22.18L.8 8.24c-.2.3.03.78.4.8H3.6v2.68c0 4.26-.55 3.62 3.66 3.62h7.66l-2.3-2.84c-.03-.02-.03-.04-.05-.06H7.27c-.44 0-.72-.3-.72-.72v-2.7h2.5c.37.03.63-.48.4-.77L5.5 3.35c-.12-.17-.34-.25-.53-.2zm12.16.43c-.55-.02-1.32.02-2.4.02H7.1l2.32 2.85.03.06h5.25c.42 0 .72.28.72.72v2.7h-2.5c-.36.02-.56.54-.3.8l3.92 4.9c.18.25.6.25.78 0l3.94-4.9c.26-.28 0-.83-.37-.8H18.4v-2.7c0-3.15.4-3.62-1.25-3.66z' fill='#{hex-color($action-button-color)}' stroke-width='0'/><path d='M7.78 19.66c-.24.02-.44.25-.44.5v2.46h-.06c-1.08 0-1.86-.03-2.4-.03-1.64 0-1.25.43-1.25 3.65v4.47c0 4.26-.56 3.62 3.65 3.62H8.5l-1.3-1.06c-.1-.08-.18-.2-.2-.3-.02-.17.06-.35.2-.45l1.33-1.1H7.28c-.44 0-.72-.3-.72-.7v-4.48c0-.44.28-.72.72-.72h.06v2.5c0 .38.54.63.82.38l4.9-3.93c.25-.18.25-.6 0-.78l-4.9-3.92c-.1-.1-.24-.14-.38-.12zm9.34 2.93c-.54-.02-1.3.02-2.4.02h-1.25l1.3 1.07c.1.07.18.2.2.33.02.16-.06.3-.2.4l-1.33 1.1h1.28c.42 0 .72.28.72.72v4.47c0 .42-.3.72-.72.72h-.1v-2.47c0-.3-.3-.53-.6-.47-.07 0-.14.05-.2.1l-4.9 3.93c-.26.18-.26.6 0 .78l4.9 3.92c.27.25.82 0 .8-.38v-2.5h.1c4.27 0 3.65.67 3.65-3.62v-4.47c0-3.15.4-3.62-1.25-3.66zM10.34 38.66c-.24.02-.44.25-.43.5v2.47H7.3c-1.08 0-1.86-.04-2.4-.04-1.64 0-1.25.43-1.25 3.65v4.47c0 3.66-.23 3.7 2.34 3.66l-1.34-1.1c-.1-.08-.18-.2-.2-.3 0-.17.07-.35.2-.45l1.96-1.6c-.03-.06-.04-.13-.04-.2v-4.48c0-.44.28-.72.72-.72H9.9v2.5c0 .36.5.6.8.38l4.93-3.93c.24-.18.24-.6 0-.78l-4.94-3.92c-.1-.08-.23-.13-.36-.12zm5.63 2.93l1.34 1.1c.1.07.18.2.2.33.02.16-.03.3-.16.4l-1.96 1.6c.02.07.06.13.06.22v4.47c0 .42-.3.72-.72.72h-2.66v-2.47c0-.3-.3-.53-.6-.47-.06.02-.12.05-.18.1l-4.94 3.93c-.24.18-.24.6 0 .78l4.94 3.92c.28.22.78-.02.78-.38v-2.5h2.66c4.27 0 3.65.67 3.65-3.62v-4.47c0-3.66.34-3.7-2.4-3.66zM13.06 57.66c-.23.03-.4.26-.4.5v2.47H7.28c-1.08 0-1.86-.04-2.4-.04-1.64 0-1.25.43-1.25 3.65v4.87l2.93-2.37v-2.5c0-.44.28-.72.72-.72h5.38v2.5c0 .36.5.6.78.38l4.94-3.93c.24-.18.24-.6 0-.78l-4.94-3.92c-.1-.1-.24-.14-.38-.12zm5.3 6.15l-2.92 2.4v2.52c0 .42-.3.72-.72.72h-5.4v-2.47c0-.3-.32-.53-.6-.47-.07.02-.13.05-.2.1L3.6 70.52c-.25.18-.25.6 0 .78l4.93 3.92c.28.22.78-.02.78-.38v-2.5h5.42c4.27 0 3.65.67 3.65-3.62v-4.47-.44zM19.25 78.8c-.1.03-.2.1-.28.17l-.9.9c-.44-.3-1.36-.25-3.35-.25H7.28c-1.08 0-1.86-.03-2.4-.03-1.64 0-1.25.43-1.25 3.65v.7l2.93.3v-1c0-.44.28-.72.72-.72h7.44c.2 0 .37.08.5.2l-1.8 1.8c-.25.26-.08.76.27.8l6.27.7c.28.03.56-.25.53-.53l-.7-6.25c0-.27-.3-.48-.55-.44zm-17.2 6.1c-.2.07-.36.3-.33.54l.7 6.25c.02.36.58.55.83.27l.8-.8c.02 0 .04-.02.04 0 .46.24 1.37.17 3.18.17h7.44c4.27 0 3.65.67 3.65-3.62v-.75l-2.93-.3v1.05c0 .42-.3.72-.72.72H7.28c-.15 0-.3-.03-.4-.1L8.8 86.4c.3-.24.1-.8-.27-.84l-6.28-.65h-.2zM4.88 98.6c-1.33 0-1.34.48-1.3 2.3l1.14-1.37c.08-.1.22-.17.34-.2.16 0 .34.08.44.2l1.66 2.03c.04 0 .07-.03.12-.03h7.44c.34 0 .57.2.65.5h-2.43c-.34.05-.53.52-.3.78l3.92 4.95c.18.24.6.24.78 0l3.94-4.94c.22-.27-.02-.76-.37-.77H18.4c.02-3.9.6-3.4-3.66-3.4H7.28c-1.08 0-1.86-.04-2.4-.04zm.15 2.46c-.1.03-.2.1-.28.2l-3.94 4.9c-.2.28.03.77.4.78H3.6c-.02 3.94-.45 3.4 3.66 3.4h7.44c3.65 0 3.74.3 3.7-2.25l-1.1 1.34c-.1.1-.2.17-.32.2-.16 0-.34-.08-.44-.2l-1.65-2.03c-.06.02-.1.04-.18.04H7.28c-.35 0-.57-.2-.66-.5h2.44c.37 0 .63-.5.4-.78l-3.96-4.9c-.1-.15-.3-.23-.47-.2zM4.88 117.6c-1.16 0-1.3.3-1.3 1.56l1.14-1.38c.08-.1.22-.14.34-.16.16 0 .34.04.44.16l2.22 2.75h7c.42 0 .72.28.72.72v.53h-2.6c-.3.1-.43.54-.2.78l3.92 4.9c.18.25.6.25.78 0l3.94-4.9c.22-.28-.02-.77-.37-.78H18.4v-.53c0-4.2.72-3.63-3.66-3.63H7.28c-1.08 0-1.86-.03-2.4-.03zm.1 1.74c-.1.03-.17.1-.23.16L.8 124.44c-.2.28.03.77.4.78H3.6v.5c0 4.26-.55 3.62 3.66 3.62h7.44c1.03 0 1.74.02 2.28 0-.16.02-.34-.03-.44-.15l-2.22-2.76H7.28c-.44 0-.72-.3-.72-.72v-.5h2.5c.37.02.63-.5.4-.78L5.5 119.5c-.12-.15-.34-.22-.53-.16zm12.02 10c1.2-.02 1.4-.25 1.4-1.53l-1.1 1.36c-.07.1-.17.17-.3.18zM5.94 136.6l2.37 2.93h6.42c.42 0 .72.28.72.72v1.25h-2.6c-.3.1-.43.54-.2.78l3.92 4.9c.18.25.6.25.78 0l3.94-4.9c.22-.28-.02-.77-.37-.78H18.4v-1.25c0-4.2.72-3.63-3.66-3.63H7.28c-.6 0-.92-.02-1.34-.03zm-1.72.06c-.4.08-.54.3-.6.75l.6-.74zm.84.93c-.12 0-.24.08-.3.18l-3.95 4.9c-.24.3 0 .83.4.82H3.6v1.22c0 4.26-.55 3.62 3.66 3.62h7.44c.63 0 .97.02 1.4.03l-2.37-2.93H7.28c-.44 0-.72-.3-.72-.72v-1.22h2.5c.4.04.67-.53.4-.8l-3.96-4.92c-.1-.13-.27-.2-.44-.2zm13.28 10.03l-.56.7c.36-.07.5-.3.56-.7zM17.13 155.6c-.55-.02-1.32.03-2.4.03h-8.2l2.38 2.9h5.82c.42 0 .72.28.72.72v1.97H12.9c-.32.06-.48.52-.28.78l3.94 4.94c.2.23.6.22.78-.03l3.94-4.9c.22-.28-.02-.77-.37-.78H18.4v-1.97c0-3.15.4-3.62-1.25-3.66zm-12.1.28c-.1.02-.2.1-.28.18l-3.94 4.9c-.2.3.03.78.4.8H3.6v1.96c0 4.26-.55 3.62 3.66 3.62h8.24l-2.36-2.9H7.28c-.44 0-.72-.3-.72-.72v-1.97h2.5c.37.02.63-.5.4-.78l-3.96-4.9c-.1-.15-.3-.22-.47-.2zM5.13 174.5c-.15 0-.3.07-.38.2L.8 179.6c-.24.27 0 .82.4.8H3.6v2.32c0 4.26-.55 3.62 3.66 3.62h7.94l-2.35-2.9h-5.6c-.43 0-.7-.3-.7-.72v-2.3h2.5c.38.03.66-.54.4-.83l-3.97-4.9c-.1-.13-.23-.2-.38-.2zm12 .1c-.55-.02-1.32.03-2.4.03H6.83l2.35 2.9h5.52c.42 0 .72.28.72.72v2.34h-2.6c-.3.1-.43.53-.2.78l3.92 4.9c.18.24.6.24.78 0l3.94-4.9c.22-.3-.02-.78-.37-.8H18.4v-2.33c0-3.15.4-3.62-1.25-3.66zM4.97 193.16c-.1.03-.17.1-.22.18l-3.94 4.9c-.2.3.03.78.4.8H3.6v2.68c0 4.26-.55 3.62 3.66 3.62h7.66l-2.3-2.84c-.03-.02-.03-.04-.05-.06H7.27c-.44 0-.72-.3-.72-.72v-2.7h2.5c.37.03.63-.48.4-.77l-3.96-4.9c-.12-.17-.34-.25-.53-.2zm12.16.43c-.55-.02-1.32.03-2.4.03H7.1l2.32 2.84.03.06h5.25c.42 0 .72.28.72.72v2.7h-2.5c-.36.02-.56.54-.3.8l3.92 4.9c.18.25.6.25.78 0l3.94-4.9c.26-.28 0-.83-.37-.8H18.4v-2.7c0-3.15.4-3.62-1.25-3.66z' fill='#{hex-color($highlight-text-color)}' stroke-width='0'/></svg>\");\n\n  &:hover {\n    background-image: url(\"data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='22' height='209'><path d='M4.97 3.16c-.1.03-.17.1-.22.18L.8 8.24c-.2.3.03.78.4.8H3.6v2.68c0 4.26-.55 3.62 3.66 3.62h7.66l-2.3-2.84c-.03-.02-.03-.04-.05-.06H7.27c-.44 0-.72-.3-.72-.72v-2.7h2.5c.37.03.63-.48.4-.77L5.5 3.35c-.12-.17-.34-.25-.53-.2zm12.16.43c-.55-.02-1.32.02-2.4.02H7.1l2.32 2.85.03.06h5.25c.42 0 .72.28.72.72v2.7h-2.5c-.36.02-.56.54-.3.8l3.92 4.9c.18.25.6.25.78 0l3.94-4.9c.26-.28 0-.83-.37-.8H18.4v-2.7c0-3.15.4-3.62-1.25-3.66z' fill='#{hex-color(lighten($action-button-color, 7%))}' stroke-width='0'/><path d='M7.78 19.66c-.24.02-.44.25-.44.5v2.46h-.06c-1.08 0-1.86-.03-2.4-.03-1.64 0-1.25.43-1.25 3.65v4.47c0 4.26-.56 3.62 3.65 3.62H8.5l-1.3-1.06c-.1-.08-.18-.2-.2-.3-.02-.17.06-.35.2-.45l1.33-1.1H7.28c-.44 0-.72-.3-.72-.7v-4.48c0-.44.28-.72.72-.72h.06v2.5c0 .38.54.63.82.38l4.9-3.93c.25-.18.25-.6 0-.78l-4.9-3.92c-.1-.1-.24-.14-.38-.12zm9.34 2.93c-.54-.02-1.3.02-2.4.02h-1.25l1.3 1.07c.1.07.18.2.2.33.02.16-.06.3-.2.4l-1.33 1.1h1.28c.42 0 .72.28.72.72v4.47c0 .42-.3.72-.72.72h-.1v-2.47c0-.3-.3-.53-.6-.47-.07 0-.14.05-.2.1l-4.9 3.93c-.26.18-.26.6 0 .78l4.9 3.92c.27.25.82 0 .8-.38v-2.5h.1c4.27 0 3.65.67 3.65-3.62v-4.47c0-3.15.4-3.62-1.25-3.66zM10.34 38.66c-.24.02-.44.25-.43.5v2.47H7.3c-1.08 0-1.86-.04-2.4-.04-1.64 0-1.25.43-1.25 3.65v4.47c0 3.66-.23 3.7 2.34 3.66l-1.34-1.1c-.1-.08-.18-.2-.2-.3 0-.17.07-.35.2-.45l1.96-1.6c-.03-.06-.04-.13-.04-.2v-4.48c0-.44.28-.72.72-.72H9.9v2.5c0 .36.5.6.8.38l4.93-3.93c.24-.18.24-.6 0-.78l-4.94-3.92c-.1-.08-.23-.13-.36-.12zm5.63 2.93l1.34 1.1c.1.07.18.2.2.33.02.16-.03.3-.16.4l-1.96 1.6c.02.07.06.13.06.22v4.47c0 .42-.3.72-.72.72h-2.66v-2.47c0-.3-.3-.53-.6-.47-.06.02-.12.05-.18.1l-4.94 3.93c-.24.18-.24.6 0 .78l4.94 3.92c.28.22.78-.02.78-.38v-2.5h2.66c4.27 0 3.65.67 3.65-3.62v-4.47c0-3.66.34-3.7-2.4-3.66zM13.06 57.66c-.23.03-.4.26-.4.5v2.47H7.28c-1.08 0-1.86-.04-2.4-.04-1.64 0-1.25.43-1.25 3.65v4.87l2.93-2.37v-2.5c0-.44.28-.72.72-.72h5.38v2.5c0 .36.5.6.78.38l4.94-3.93c.24-.18.24-.6 0-.78l-4.94-3.92c-.1-.1-.24-.14-.38-.12zm5.3 6.15l-2.92 2.4v2.52c0 .42-.3.72-.72.72h-5.4v-2.47c0-.3-.32-.53-.6-.47-.07.02-.13.05-.2.1L3.6 70.52c-.25.18-.25.6 0 .78l4.93 3.92c.28.22.78-.02.78-.38v-2.5h5.42c4.27 0 3.65.67 3.65-3.62v-4.47-.44zM19.25 78.8c-.1.03-.2.1-.28.17l-.9.9c-.44-.3-1.36-.25-3.35-.25H7.28c-1.08 0-1.86-.03-2.4-.03-1.64 0-1.25.43-1.25 3.65v.7l2.93.3v-1c0-.44.28-.72.72-.72h7.44c.2 0 .37.08.5.2l-1.8 1.8c-.25.26-.08.76.27.8l6.27.7c.28.03.56-.25.53-.53l-.7-6.25c0-.27-.3-.48-.55-.44zm-17.2 6.1c-.2.07-.36.3-.33.54l.7 6.25c.02.36.58.55.83.27l.8-.8c.02 0 .04-.02.04 0 .46.24 1.37.17 3.18.17h7.44c4.27 0 3.65.67 3.65-3.62v-.75l-2.93-.3v1.05c0 .42-.3.72-.72.72H7.28c-.15 0-.3-.03-.4-.1L8.8 86.4c.3-.24.1-.8-.27-.84l-6.28-.65h-.2zM4.88 98.6c-1.33 0-1.34.48-1.3 2.3l1.14-1.37c.08-.1.22-.17.34-.2.16 0 .34.08.44.2l1.66 2.03c.04 0 .07-.03.12-.03h7.44c.34 0 .57.2.65.5h-2.43c-.34.05-.53.52-.3.78l3.92 4.95c.18.24.6.24.78 0l3.94-4.94c.22-.27-.02-.76-.37-.77H18.4c.02-3.9.6-3.4-3.66-3.4H7.28c-1.08 0-1.86-.04-2.4-.04zm.15 2.46c-.1.03-.2.1-.28.2l-3.94 4.9c-.2.28.03.77.4.78H3.6c-.02 3.94-.45 3.4 3.66 3.4h7.44c3.65 0 3.74.3 3.7-2.25l-1.1 1.34c-.1.1-.2.17-.32.2-.16 0-.34-.08-.44-.2l-1.65-2.03c-.06.02-.1.04-.18.04H7.28c-.35 0-.57-.2-.66-.5h2.44c.37 0 .63-.5.4-.78l-3.96-4.9c-.1-.15-.3-.23-.47-.2zM4.88 117.6c-1.16 0-1.3.3-1.3 1.56l1.14-1.38c.08-.1.22-.14.34-.16.16 0 .34.04.44.16l2.22 2.75h7c.42 0 .72.28.72.72v.53h-2.6c-.3.1-.43.54-.2.78l3.92 4.9c.18.25.6.25.78 0l3.94-4.9c.22-.28-.02-.77-.37-.78H18.4v-.53c0-4.2.72-3.63-3.66-3.63H7.28c-1.08 0-1.86-.03-2.4-.03zm.1 1.74c-.1.03-.17.1-.23.16L.8 124.44c-.2.28.03.77.4.78H3.6v.5c0 4.26-.55 3.62 3.66 3.62h7.44c1.03 0 1.74.02 2.28 0-.16.02-.34-.03-.44-.15l-2.22-2.76H7.28c-.44 0-.72-.3-.72-.72v-.5h2.5c.37.02.63-.5.4-.78L5.5 119.5c-.12-.15-.34-.22-.53-.16zm12.02 10c1.2-.02 1.4-.25 1.4-1.53l-1.1 1.36c-.07.1-.17.17-.3.18zM5.94 136.6l2.37 2.93h6.42c.42 0 .72.28.72.72v1.25h-2.6c-.3.1-.43.54-.2.78l3.92 4.9c.18.25.6.25.78 0l3.94-4.9c.22-.28-.02-.77-.37-.78H18.4v-1.25c0-4.2.72-3.63-3.66-3.63H7.28c-.6 0-.92-.02-1.34-.03zm-1.72.06c-.4.08-.54.3-.6.75l.6-.74zm.84.93c-.12 0-.24.08-.3.18l-3.95 4.9c-.24.3 0 .83.4.82H3.6v1.22c0 4.26-.55 3.62 3.66 3.62h7.44c.63 0 .97.02 1.4.03l-2.37-2.93H7.28c-.44 0-.72-.3-.72-.72v-1.22h2.5c.4.04.67-.53.4-.8l-3.96-4.92c-.1-.13-.27-.2-.44-.2zm13.28 10.03l-.56.7c.36-.07.5-.3.56-.7zM17.13 155.6c-.55-.02-1.32.03-2.4.03h-8.2l2.38 2.9h5.82c.42 0 .72.28.72.72v1.97H12.9c-.32.06-.48.52-.28.78l3.94 4.94c.2.23.6.22.78-.03l3.94-4.9c.22-.28-.02-.77-.37-.78H18.4v-1.97c0-3.15.4-3.62-1.25-3.66zm-12.1.28c-.1.02-.2.1-.28.18l-3.94 4.9c-.2.3.03.78.4.8H3.6v1.96c0 4.26-.55 3.62 3.66 3.62h8.24l-2.36-2.9H7.28c-.44 0-.72-.3-.72-.72v-1.97h2.5c.37.02.63-.5.4-.78l-3.96-4.9c-.1-.15-.3-.22-.47-.2zM5.13 174.5c-.15 0-.3.07-.38.2L.8 179.6c-.24.27 0 .82.4.8H3.6v2.32c0 4.26-.55 3.62 3.66 3.62h7.94l-2.35-2.9h-5.6c-.43 0-.7-.3-.7-.72v-2.3h2.5c.38.03.66-.54.4-.83l-3.97-4.9c-.1-.13-.23-.2-.38-.2zm12 .1c-.55-.02-1.32.03-2.4.03H6.83l2.35 2.9h5.52c.42 0 .72.28.72.72v2.34h-2.6c-.3.1-.43.53-.2.78l3.92 4.9c.18.24.6.24.78 0l3.94-4.9c.22-.3-.02-.78-.37-.8H18.4v-2.33c0-3.15.4-3.62-1.25-3.66zM4.97 193.16c-.1.03-.17.1-.22.18l-3.94 4.9c-.2.3.03.78.4.8H3.6v2.68c0 4.26-.55 3.62 3.66 3.62h7.66l-2.3-2.84c-.03-.02-.03-.04-.05-.06H7.27c-.44 0-.72-.3-.72-.72v-2.7h2.5c.37.03.63-.48.4-.77l-3.96-4.9c-.12-.17-.34-.25-.53-.2zm12.16.43c-.55-.02-1.32.03-2.4.03H7.1l2.32 2.84.03.06h5.25c.42 0 .72.28.72.72v2.7h-2.5c-.36.02-.56.54-.3.8l3.92 4.9c.18.25.6.25.78 0l3.94-4.9c.26-.28 0-.83-.37-.8H18.4v-2.7c0-3.15.4-3.62-1.25-3.66z' fill='#{hex-color($highlight-text-color)}' stroke-width='0'/></svg>\");\n  }\n}\n\nbutton.icon-button.disabled i.fa-retweet {\n  background-image: url(\"data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='22' height='209'><path d='M4.97 3.16c-.1.03-.17.1-.22.18L.8 8.24c-.2.3.03.78.4.8H3.6v2.68c0 4.26-.55 3.62 3.66 3.62h7.66l-2.3-2.84c-.03-.02-.03-.04-.05-.06H7.27c-.44 0-.72-.3-.72-.72v-2.7h2.5c.37.03.63-.48.4-.77L5.5 3.35c-.12-.17-.34-.25-.53-.2zm12.16.43c-.55-.02-1.32.02-2.4.02H7.1l2.32 2.85.03.06h5.25c.42 0 .72.28.72.72v2.7h-2.5c-.36.02-.56.54-.3.8l3.92 4.9c.18.25.6.25.78 0l3.94-4.9c.26-.28 0-.83-.37-.8H18.4v-2.7c0-3.15.4-3.62-1.25-3.66z' fill='#{hex-color(darken($action-button-color, 13%))}' stroke-width='0'/><path d='M7.78 19.66c-.24.02-.44.25-.44.5v2.46h-.06c-1.08 0-1.86-.03-2.4-.03-1.64 0-1.25.43-1.25 3.65v4.47c0 4.26-.56 3.62 3.65 3.62H8.5l-1.3-1.06c-.1-.08-.18-.2-.2-.3-.02-.17.06-.35.2-.45l1.33-1.1H7.28c-.44 0-.72-.3-.72-.7v-4.48c0-.44.28-.72.72-.72h.06v2.5c0 .38.54.63.82.38l4.9-3.93c.25-.18.25-.6 0-.78l-4.9-3.92c-.1-.1-.24-.14-.38-.12zm9.34 2.93c-.54-.02-1.3.02-2.4.02h-1.25l1.3 1.07c.1.07.18.2.2.33.02.16-.06.3-.2.4l-1.33 1.1h1.28c.42 0 .72.28.72.72v4.47c0 .42-.3.72-.72.72h-.1v-2.47c0-.3-.3-.53-.6-.47-.07 0-.14.05-.2.1l-4.9 3.93c-.26.18-.26.6 0 .78l4.9 3.92c.27.25.82 0 .8-.38v-2.5h.1c4.27 0 3.65.67 3.65-3.62v-4.47c0-3.15.4-3.62-1.25-3.66zM10.34 38.66c-.24.02-.44.25-.43.5v2.47H7.3c-1.08 0-1.86-.04-2.4-.04-1.64 0-1.25.43-1.25 3.65v4.47c0 3.66-.23 3.7 2.34 3.66l-1.34-1.1c-.1-.08-.18-.2-.2-.3 0-.17.07-.35.2-.45l1.96-1.6c-.03-.06-.04-.13-.04-.2v-4.48c0-.44.28-.72.72-.72H9.9v2.5c0 .36.5.6.8.38l4.93-3.93c.24-.18.24-.6 0-.78l-4.94-3.92c-.1-.08-.23-.13-.36-.12zm5.63 2.93l1.34 1.1c.1.07.18.2.2.33.02.16-.03.3-.16.4l-1.96 1.6c.02.07.06.13.06.22v4.47c0 .42-.3.72-.72.72h-2.66v-2.47c0-.3-.3-.53-.6-.47-.06.02-.12.05-.18.1l-4.94 3.93c-.24.18-.24.6 0 .78l4.94 3.92c.28.22.78-.02.78-.38v-2.5h2.66c4.27 0 3.65.67 3.65-3.62v-4.47c0-3.66.34-3.7-2.4-3.66zM13.06 57.66c-.23.03-.4.26-.4.5v2.47H7.28c-1.08 0-1.86-.04-2.4-.04-1.64 0-1.25.43-1.25 3.65v4.87l2.93-2.37v-2.5c0-.44.28-.72.72-.72h5.38v2.5c0 .36.5.6.78.38l4.94-3.93c.24-.18.24-.6 0-.78l-4.94-3.92c-.1-.1-.24-.14-.38-.12zm5.3 6.15l-2.92 2.4v2.52c0 .42-.3.72-.72.72h-5.4v-2.47c0-.3-.32-.53-.6-.47-.07.02-.13.05-.2.1L3.6 70.52c-.25.18-.25.6 0 .78l4.93 3.92c.28.22.78-.02.78-.38v-2.5h5.42c4.27 0 3.65.67 3.65-3.62v-4.47-.44zM19.25 78.8c-.1.03-.2.1-.28.17l-.9.9c-.44-.3-1.36-.25-3.35-.25H7.28c-1.08 0-1.86-.03-2.4-.03-1.64 0-1.25.43-1.25 3.65v.7l2.93.3v-1c0-.44.28-.72.72-.72h7.44c.2 0 .37.08.5.2l-1.8 1.8c-.25.26-.08.76.27.8l6.27.7c.28.03.56-.25.53-.53l-.7-6.25c0-.27-.3-.48-.55-.44zm-17.2 6.1c-.2.07-.36.3-.33.54l.7 6.25c.02.36.58.55.83.27l.8-.8c.02 0 .04-.02.04 0 .46.24 1.37.17 3.18.17h7.44c4.27 0 3.65.67 3.65-3.62v-.75l-2.93-.3v1.05c0 .42-.3.72-.72.72H7.28c-.15 0-.3-.03-.4-.1L8.8 86.4c.3-.24.1-.8-.27-.84l-6.28-.65h-.2zM4.88 98.6c-1.33 0-1.34.48-1.3 2.3l1.14-1.37c.08-.1.22-.17.34-.2.16 0 .34.08.44.2l1.66 2.03c.04 0 .07-.03.12-.03h7.44c.34 0 .57.2.65.5h-2.43c-.34.05-.53.52-.3.78l3.92 4.95c.18.24.6.24.78 0l3.94-4.94c.22-.27-.02-.76-.37-.77H18.4c.02-3.9.6-3.4-3.66-3.4H7.28c-1.08 0-1.86-.04-2.4-.04zm.15 2.46c-.1.03-.2.1-.28.2l-3.94 4.9c-.2.28.03.77.4.78H3.6c-.02 3.94-.45 3.4 3.66 3.4h7.44c3.65 0 3.74.3 3.7-2.25l-1.1 1.34c-.1.1-.2.17-.32.2-.16 0-.34-.08-.44-.2l-1.65-2.03c-.06.02-.1.04-.18.04H7.28c-.35 0-.57-.2-.66-.5h2.44c.37 0 .63-.5.4-.78l-3.96-4.9c-.1-.15-.3-.23-.47-.2zM4.88 117.6c-1.16 0-1.3.3-1.3 1.56l1.14-1.38c.08-.1.22-.14.34-.16.16 0 .34.04.44.16l2.22 2.75h7c.42 0 .72.28.72.72v.53h-2.6c-.3.1-.43.54-.2.78l3.92 4.9c.18.25.6.25.78 0l3.94-4.9c.22-.28-.02-.77-.37-.78H18.4v-.53c0-4.2.72-3.63-3.66-3.63H7.28c-1.08 0-1.86-.03-2.4-.03zm.1 1.74c-.1.03-.17.1-.23.16L.8 124.44c-.2.28.03.77.4.78H3.6v.5c0 4.26-.55 3.62 3.66 3.62h7.44c1.03 0 1.74.02 2.28 0-.16.02-.34-.03-.44-.15l-2.22-2.76H7.28c-.44 0-.72-.3-.72-.72v-.5h2.5c.37.02.63-.5.4-.78L5.5 119.5c-.12-.15-.34-.22-.53-.16zm12.02 10c1.2-.02 1.4-.25 1.4-1.53l-1.1 1.36c-.07.1-.17.17-.3.18zM5.94 136.6l2.37 2.93h6.42c.42 0 .72.28.72.72v1.25h-2.6c-.3.1-.43.54-.2.78l3.92 4.9c.18.25.6.25.78 0l3.94-4.9c.22-.28-.02-.77-.37-.78H18.4v-1.25c0-4.2.72-3.63-3.66-3.63H7.28c-.6 0-.92-.02-1.34-.03zm-1.72.06c-.4.08-.54.3-.6.75l.6-.74zm.84.93c-.12 0-.24.08-.3.18l-3.95 4.9c-.24.3 0 .83.4.82H3.6v1.22c0 4.26-.55 3.62 3.66 3.62h7.44c.63 0 .97.02 1.4.03l-2.37-2.93H7.28c-.44 0-.72-.3-.72-.72v-1.22h2.5c.4.04.67-.53.4-.8l-3.96-4.92c-.1-.13-.27-.2-.44-.2zm13.28 10.03l-.56.7c.36-.07.5-.3.56-.7zM17.13 155.6c-.55-.02-1.32.03-2.4.03h-8.2l2.38 2.9h5.82c.42 0 .72.28.72.72v1.97H12.9c-.32.06-.48.52-.28.78l3.94 4.94c.2.23.6.22.78-.03l3.94-4.9c.22-.28-.02-.77-.37-.78H18.4v-1.97c0-3.15.4-3.62-1.25-3.66zm-12.1.28c-.1.02-.2.1-.28.18l-3.94 4.9c-.2.3.03.78.4.8H3.6v1.96c0 4.26-.55 3.62 3.66 3.62h8.24l-2.36-2.9H7.28c-.44 0-.72-.3-.72-.72v-1.97h2.5c.37.02.63-.5.4-.78l-3.96-4.9c-.1-.15-.3-.22-.47-.2zM5.13 174.5c-.15 0-.3.07-.38.2L.8 179.6c-.24.27 0 .82.4.8H3.6v2.32c0 4.26-.55 3.62 3.66 3.62h7.94l-2.35-2.9h-5.6c-.43 0-.7-.3-.7-.72v-2.3h2.5c.38.03.66-.54.4-.83l-3.97-4.9c-.1-.13-.23-.2-.38-.2zm12 .1c-.55-.02-1.32.03-2.4.03H6.83l2.35 2.9h5.52c.42 0 .72.28.72.72v2.34h-2.6c-.3.1-.43.53-.2.78l3.92 4.9c.18.24.6.24.78 0l3.94-4.9c.22-.3-.02-.78-.37-.8H18.4v-2.33c0-3.15.4-3.62-1.25-3.66zM4.97 193.16c-.1.03-.17.1-.22.18l-3.94 4.9c-.2.3.03.78.4.8H3.6v2.68c0 4.26-.55 3.62 3.66 3.62h7.66l-2.3-2.84c-.03-.02-.03-.04-.05-.06H7.27c-.44 0-.72-.3-.72-.72v-2.7h2.5c.37.03.63-.48.4-.77l-3.96-4.9c-.12-.17-.34-.25-.53-.2zm12.16.43c-.55-.02-1.32.03-2.4.03H7.1l2.32 2.84.03.06h5.25c.42 0 .72.28.72.72v2.7h-2.5c-.36.02-.56.54-.3.8l3.92 4.9c.18.25.6.25.78 0l3.94-4.9c.26-.28 0-.83-.37-.8H18.4v-2.7c0-3.15.4-3.62-1.25-3.66z' fill='#{hex-color($highlight-text-color)}' stroke-width='0'/></svg>\");\n}\n",".app-body {\n  -webkit-overflow-scrolling: touch;\n  -ms-overflow-style: -ms-autohiding-scrollbar;\n}\n\n.link-button {\n  display: block;\n  font-size: 15px;\n  line-height: 20px;\n  color: $ui-highlight-color;\n  border: 0;\n  background: transparent;\n  padding: 0;\n  cursor: pointer;\n\n  &:hover,\n  &:active {\n    text-decoration: underline;\n  }\n\n  &:disabled {\n    color: $ui-primary-color;\n    cursor: default;\n  }\n}\n\n.button {\n  background-color: $ui-highlight-color;\n  border: 10px none;\n  border-radius: 4px;\n  box-sizing: border-box;\n  color: $primary-text-color;\n  cursor: pointer;\n  display: inline-block;\n  font-family: inherit;\n  font-size: 15px;\n  font-weight: 500;\n  height: 36px;\n  letter-spacing: 0;\n  line-height: 36px;\n  overflow: hidden;\n  padding: 0 16px;\n  position: relative;\n  text-align: center;\n  text-decoration: none;\n  text-overflow: ellipsis;\n  transition: all 100ms ease-in;\n  white-space: nowrap;\n  width: auto;\n\n  &:active,\n  &:focus,\n  &:hover {\n    background-color: lighten($ui-highlight-color, 10%);\n    transition: all 200ms ease-out;\n  }\n\n  &--destructive {\n    transition: none;\n\n    &:active,\n    &:focus,\n    &:hover {\n      background-color: $error-red;\n      transition: none;\n    }\n  }\n\n  &:disabled,\n  &.disabled {\n    background-color: $ui-primary-color;\n    cursor: default;\n  }\n\n  &::-moz-focus-inner {\n    border: 0;\n  }\n\n  &::-moz-focus-inner,\n  &:focus,\n  &:active {\n    outline: 0 !important;\n  }\n\n  &.button-primary,\n  &.button-alternative,\n  &.button-secondary,\n  &.button-alternative-2 {\n    font-size: 16px;\n    line-height: 36px;\n    height: auto;\n    text-transform: none;\n    padding: 4px 16px;\n  }\n\n  &.button-alternative {\n    color: $inverted-text-color;\n    background: $ui-primary-color;\n\n    &:active,\n    &:focus,\n    &:hover {\n      background-color: lighten($ui-primary-color, 4%);\n    }\n  }\n\n  &.button-alternative-2 {\n    background: $ui-base-lighter-color;\n\n    &:active,\n    &:focus,\n    &:hover {\n      background-color: lighten($ui-base-lighter-color, 4%);\n    }\n  }\n\n  &.button-secondary {\n    color: $darker-text-color;\n    background: transparent;\n    padding: 3px 15px;\n    border: 1px solid $ui-primary-color;\n\n    &:active,\n    &:focus,\n    &:hover {\n      border-color: lighten($ui-primary-color, 4%);\n      color: lighten($darker-text-color, 4%);\n    }\n\n    &:disabled {\n      opacity: 0.5;\n    }\n  }\n\n  &.button--block {\n    display: block;\n    width: 100%;\n  }\n}\n\n.column__wrapper {\n  display: flex;\n  flex: 1 1 auto;\n  position: relative;\n}\n\n.icon-button {\n  display: inline-block;\n  padding: 0;\n  color: $action-button-color;\n  border: 0;\n  border-radius: 4px;\n  background: transparent;\n  cursor: pointer;\n  transition: all 100ms ease-in;\n  transition-property: background-color, color;\n\n  &:hover,\n  &:active,\n  &:focus {\n    color: lighten($action-button-color, 7%);\n    background-color: rgba($action-button-color, 0.15);\n    transition: all 200ms ease-out;\n    transition-property: background-color, color;\n  }\n\n  &:focus {\n    background-color: rgba($action-button-color, 0.3);\n  }\n\n  &.disabled {\n    color: darken($action-button-color, 13%);\n    background-color: transparent;\n    cursor: default;\n  }\n\n  &.active {\n    color: $highlight-text-color;\n  }\n\n  &::-moz-focus-inner {\n    border: 0;\n  }\n\n  &::-moz-focus-inner,\n  &:focus,\n  &:active {\n    outline: 0 !important;\n  }\n\n  &.inverted {\n    color: $lighter-text-color;\n\n    &:hover,\n    &:active,\n    &:focus {\n      color: darken($lighter-text-color, 7%);\n      background-color: rgba($lighter-text-color, 0.15);\n    }\n\n    &:focus {\n      background-color: rgba($lighter-text-color, 0.3);\n    }\n\n    &.disabled {\n      color: lighten($lighter-text-color, 7%);\n      background-color: transparent;\n    }\n\n    &.active {\n      color: $highlight-text-color;\n\n      &.disabled {\n        color: lighten($highlight-text-color, 13%);\n      }\n    }\n  }\n\n  &.overlayed {\n    box-sizing: content-box;\n    background: rgba($base-overlay-background, 0.6);\n    color: rgba($primary-text-color, 0.7);\n    border-radius: 4px;\n    padding: 2px;\n\n    &:hover {\n      background: rgba($base-overlay-background, 0.9);\n    }\n  }\n}\n\n.text-icon-button {\n  color: $lighter-text-color;\n  border: 0;\n  border-radius: 4px;\n  background: transparent;\n  cursor: pointer;\n  font-weight: 600;\n  font-size: 11px;\n  padding: 0 3px;\n  line-height: 27px;\n  outline: 0;\n  transition: all 100ms ease-in;\n  transition-property: background-color, color;\n\n  &:hover,\n  &:active,\n  &:focus {\n    color: darken($lighter-text-color, 7%);\n    background-color: rgba($lighter-text-color, 0.15);\n    transition: all 200ms ease-out;\n    transition-property: background-color, color;\n  }\n\n  &:focus {\n    background-color: rgba($lighter-text-color, 0.3);\n  }\n\n  &.disabled {\n    color: lighten($lighter-text-color, 20%);\n    background-color: transparent;\n    cursor: default;\n  }\n\n  &.active {\n    color: $highlight-text-color;\n  }\n\n  &::-moz-focus-inner {\n    border: 0;\n  }\n\n  &::-moz-focus-inner,\n  &:focus,\n  &:active {\n    outline: 0 !important;\n  }\n}\n\n.dropdown-menu {\n  position: absolute;\n}\n\n.invisible {\n  font-size: 0;\n  line-height: 0;\n  display: inline-block;\n  width: 0;\n  height: 0;\n  position: absolute;\n\n  img,\n  svg {\n    margin: 0 !important;\n    border: 0 !important;\n    padding: 0 !important;\n    width: 0 !important;\n    height: 0 !important;\n  }\n}\n\n.ellipsis {\n  &::after {\n    content: \"…\";\n  }\n}\n\n.compose-form {\n  padding: 10px;\n\n  &__sensitive-button {\n    padding: 10px;\n    padding-top: 0;\n\n    font-size: 14px;\n    font-weight: 500;\n\n    &.active {\n      color: $highlight-text-color;\n    }\n\n    input[type=checkbox] {\n      display: none;\n    }\n\n    .checkbox {\n      display: inline-block;\n      position: relative;\n      border: 1px solid $ui-primary-color;\n      box-sizing: border-box;\n      width: 18px;\n      height: 18px;\n      flex: 0 0 auto;\n      margin-right: 10px;\n      top: -1px;\n      border-radius: 4px;\n      vertical-align: middle;\n\n      &.active {\n        border-color: $highlight-text-color;\n        background: $highlight-text-color;\n      }\n    }\n  }\n\n  .compose-form__warning {\n    color: $inverted-text-color;\n    margin-bottom: 10px;\n    background: $ui-primary-color;\n    box-shadow: 0 2px 6px rgba($base-shadow-color, 0.3);\n    padding: 8px 10px;\n    border-radius: 4px;\n    font-size: 13px;\n    font-weight: 400;\n\n    strong {\n      color: $inverted-text-color;\n      font-weight: 500;\n\n      @each $lang in $cjk-langs {\n        &:lang(#{$lang}) {\n          font-weight: 700;\n        }\n      }\n    }\n\n    a {\n      color: $lighter-text-color;\n      font-weight: 500;\n      text-decoration: underline;\n\n      &:hover,\n      &:active,\n      &:focus {\n        text-decoration: none;\n      }\n    }\n  }\n\n  .emoji-picker-dropdown {\n    position: absolute;\n    top: 5px;\n    right: 5px;\n  }\n\n  .compose-form__autosuggest-wrapper {\n    position: relative;\n  }\n\n  .autosuggest-textarea,\n  .autosuggest-input,\n  .spoiler-input {\n    position: relative;\n    width: 100%;\n  }\n\n  .spoiler-input {\n    height: 0;\n    transform-origin: bottom;\n    opacity: 0;\n\n    &.spoiler-input--visible {\n      height: 36px;\n      margin-bottom: 11px;\n      opacity: 1;\n    }\n  }\n\n  .autosuggest-textarea__textarea,\n  .spoiler-input__input {\n    display: block;\n    box-sizing: border-box;\n    width: 100%;\n    margin: 0;\n    color: $inverted-text-color;\n    background: $simple-background-color;\n    padding: 10px;\n    font-family: inherit;\n    font-size: 14px;\n    resize: vertical;\n    border: 0;\n    outline: 0;\n\n    &::placeholder {\n      color: $dark-text-color;\n    }\n\n    &:focus {\n      outline: 0;\n    }\n\n    @media screen and (max-width: 600px) {\n      font-size: 16px;\n    }\n  }\n\n  .spoiler-input__input {\n    border-radius: 4px;\n  }\n\n  .autosuggest-textarea__textarea {\n    min-height: 100px;\n    border-radius: 4px 4px 0 0;\n    padding-bottom: 0;\n    padding-right: 10px + 22px;\n    resize: none;\n    scrollbar-color: initial;\n\n    &::-webkit-scrollbar {\n      all: unset;\n    }\n\n    @media screen and (max-width: 600px) {\n      height: 100px !important; // prevent auto-resize textarea\n      resize: vertical;\n    }\n  }\n\n  .autosuggest-textarea__suggestions-wrapper {\n    position: relative;\n    height: 0;\n  }\n\n  .autosuggest-textarea__suggestions {\n    box-sizing: border-box;\n    display: none;\n    position: absolute;\n    top: 100%;\n    width: 100%;\n    z-index: 99;\n    box-shadow: 4px 4px 6px rgba($base-shadow-color, 0.4);\n    background: $ui-secondary-color;\n    border-radius: 0 0 4px 4px;\n    color: $inverted-text-color;\n    font-size: 14px;\n    padding: 6px;\n\n    &.autosuggest-textarea__suggestions--visible {\n      display: block;\n    }\n  }\n\n  .autosuggest-textarea__suggestions__item {\n    padding: 10px;\n    cursor: pointer;\n    border-radius: 4px;\n\n    &:hover,\n    &:focus,\n    &:active,\n    &.selected {\n      background: darken($ui-secondary-color, 10%);\n    }\n  }\n\n  .autosuggest-account,\n  .autosuggest-emoji,\n  .autosuggest-hashtag {\n    display: flex;\n    flex-direction: row;\n    align-items: center;\n    justify-content: flex-start;\n    line-height: 18px;\n    font-size: 14px;\n  }\n\n  .autosuggest-hashtag {\n    justify-content: space-between;\n\n    &__name {\n      flex: 1 1 auto;\n      overflow: hidden;\n      text-overflow: ellipsis;\n      white-space: nowrap;\n    }\n\n    strong {\n      font-weight: 500;\n    }\n\n    &__uses {\n      flex: 0 0 auto;\n      text-align: right;\n      overflow: hidden;\n      text-overflow: ellipsis;\n      white-space: nowrap;\n    }\n  }\n\n  .autosuggest-account-icon,\n  .autosuggest-emoji img {\n    display: block;\n    margin-right: 8px;\n    width: 16px;\n    height: 16px;\n  }\n\n  .autosuggest-account .display-name__account {\n    color: $lighter-text-color;\n  }\n\n  .compose-form__modifiers {\n    color: $inverted-text-color;\n    font-family: inherit;\n    font-size: 14px;\n    background: $simple-background-color;\n\n    .compose-form__upload-wrapper {\n      overflow: hidden;\n    }\n\n    .compose-form__uploads-wrapper {\n      display: flex;\n      flex-direction: row;\n      padding: 5px;\n      flex-wrap: wrap;\n    }\n\n    .compose-form__upload {\n      flex: 1 1 0;\n      min-width: 40%;\n      margin: 5px;\n\n      &__actions {\n        background: linear-gradient(180deg, rgba($base-shadow-color, 0.8) 0, rgba($base-shadow-color, 0.35) 80%, transparent);\n        display: flex;\n        align-items: flex-start;\n        justify-content: space-between;\n        opacity: 0;\n        transition: opacity .1s ease;\n\n        .icon-button {\n          flex: 0 1 auto;\n          color: $secondary-text-color;\n          font-size: 14px;\n          font-weight: 500;\n          padding: 10px;\n          font-family: inherit;\n\n          &:hover,\n          &:focus,\n          &:active {\n            color: lighten($secondary-text-color, 7%);\n          }\n        }\n\n        &.active {\n          opacity: 1;\n        }\n      }\n\n      &-description {\n        position: absolute;\n        z-index: 2;\n        bottom: 0;\n        left: 0;\n        right: 0;\n        box-sizing: border-box;\n        background: linear-gradient(0deg, rgba($base-shadow-color, 0.8) 0, rgba($base-shadow-color, 0.35) 80%, transparent);\n        padding: 10px;\n        opacity: 0;\n        transition: opacity .1s ease;\n\n        textarea {\n          background: transparent;\n          color: $secondary-text-color;\n          border: 0;\n          padding: 0;\n          margin: 0;\n          width: 100%;\n          font-family: inherit;\n          font-size: 14px;\n          font-weight: 500;\n\n          &:focus {\n            color: $white;\n          }\n\n          &::placeholder {\n            opacity: 0.75;\n            color: $secondary-text-color;\n          }\n        }\n\n        &.active {\n          opacity: 1;\n        }\n      }\n    }\n\n    .compose-form__upload-thumbnail {\n      border-radius: 4px;\n      background-color: $base-shadow-color;\n      background-position: center;\n      background-size: cover;\n      background-repeat: no-repeat;\n      height: 140px;\n      width: 100%;\n      overflow: hidden;\n    }\n  }\n\n  .compose-form__buttons-wrapper {\n    padding: 10px;\n    background: darken($simple-background-color, 8%);\n    border-radius: 0 0 4px 4px;\n    display: flex;\n    justify-content: space-between;\n    flex: 0 0 auto;\n\n    .compose-form__buttons {\n      display: flex;\n\n      .compose-form__upload-button-icon {\n        line-height: 27px;\n      }\n\n      .compose-form__sensitive-button {\n        display: none;\n\n        &.compose-form__sensitive-button--visible {\n          display: block;\n        }\n\n        .compose-form__sensitive-button__icon {\n          line-height: 27px;\n        }\n      }\n    }\n\n    .icon-button,\n    .text-icon-button {\n      box-sizing: content-box;\n      padding: 0 3px;\n    }\n\n    .character-counter__wrapper {\n      align-self: center;\n      margin-right: 4px;\n    }\n  }\n\n  .compose-form__publish {\n    display: flex;\n    justify-content: flex-end;\n    min-width: 0;\n    flex: 0 0 auto;\n\n    .compose-form__publish-button-wrapper {\n      overflow: hidden;\n      padding-top: 10px;\n    }\n  }\n}\n\n.character-counter {\n  cursor: default;\n  font-family: $font-sans-serif, sans-serif;\n  font-size: 14px;\n  font-weight: 600;\n  color: $lighter-text-color;\n\n  &.character-counter--over {\n    color: $warning-red;\n  }\n}\n\n.no-reduce-motion .spoiler-input {\n  transition: height 0.4s ease, opacity 0.4s ease;\n}\n\n.emojione {\n  font-size: inherit;\n  vertical-align: middle;\n  object-fit: contain;\n  margin: -.2ex .15em .2ex;\n  width: 16px;\n  height: 16px;\n\n  img {\n    width: auto;\n  }\n}\n\n.reply-indicator {\n  border-radius: 4px;\n  margin-bottom: 10px;\n  background: $ui-primary-color;\n  padding: 10px;\n  min-height: 23px;\n  overflow-y: auto;\n  flex: 0 2 auto;\n}\n\n.reply-indicator__header {\n  margin-bottom: 5px;\n  overflow: hidden;\n}\n\n.reply-indicator__cancel {\n  float: right;\n  line-height: 24px;\n}\n\n.reply-indicator__display-name {\n  color: $inverted-text-color;\n  display: block;\n  max-width: 100%;\n  line-height: 24px;\n  overflow: hidden;\n  padding-right: 25px;\n  text-decoration: none;\n}\n\n.reply-indicator__display-avatar {\n  float: left;\n  margin-right: 5px;\n}\n\n.status__content--with-action {\n  cursor: pointer;\n}\n\n.status__content,\n.reply-indicator__content {\n  position: relative;\n  font-size: 15px;\n  line-height: 20px;\n  word-wrap: break-word;\n  font-weight: 400;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  padding-top: 2px;\n  color: $primary-text-color;\n\n  &:focus {\n    outline: 0;\n  }\n\n  &.status__content--with-spoiler {\n    white-space: normal;\n\n    .status__content__text {\n      white-space: pre-wrap;\n    }\n  }\n\n  .emojione {\n    width: 20px;\n    height: 20px;\n    margin: -3px 0 0;\n  }\n\n  img {\n    max-width: 100%;\n    max-height: 400px;\n    object-fit: contain;\n  }\n\n  p {\n    margin-bottom: 20px;\n    white-space: pre-wrap;\n\n    &:last-child {\n      margin-bottom: 0;\n    }\n  }\n\n  a {\n    color: $pleroma-links;\n    text-decoration: none;\n\n    &:hover {\n      text-decoration: underline;\n\n      .fa {\n        color: lighten($dark-text-color, 7%);\n      }\n    }\n\n    &.mention {\n      &:hover {\n        text-decoration: none;\n\n        span {\n          text-decoration: underline;\n        }\n      }\n    }\n\n    .fa {\n      color: $dark-text-color;\n    }\n  }\n\n  a.unhandled-link {\n    color: lighten($ui-highlight-color, 8%);\n  }\n\n  .status__content__spoiler-link {\n    background: $action-button-color;\n\n    &:hover {\n      background: lighten($action-button-color, 7%);\n      text-decoration: none;\n    }\n\n    &::-moz-focus-inner {\n      border: 0;\n    }\n\n    &::-moz-focus-inner,\n    &:focus,\n    &:active {\n      outline: 0 !important;\n    }\n  }\n\n  .status__content__text {\n    display: none;\n\n    &.status__content__text--visible {\n      display: block;\n    }\n  }\n}\n\n.status__content.status__content--collapsed {\n  max-height: 20px * 15; // 15 lines is roughly above 500 characters\n}\n\n.status__content__read-more-button {\n  display: block;\n  font-size: 15px;\n  line-height: 20px;\n  color: lighten($ui-highlight-color, 8%);\n  border: 0;\n  background: transparent;\n  padding: 0;\n  padding-top: 8px;\n\n  &:hover,\n  &:active {\n    text-decoration: underline;\n  }\n}\n\n.status__content__spoiler-link {\n  display: inline-block;\n  border-radius: 2px;\n  background: transparent;\n  border: 0;\n  color: $inverted-text-color;\n  font-weight: 700;\n  font-size: 12px;\n  padding: 0 6px;\n  line-height: 20px;\n  cursor: pointer;\n  vertical-align: middle;\n}\n\n.status__wrapper--filtered {\n  color: $dark-text-color;\n  border: 0;\n  font-size: inherit;\n  text-align: center;\n  line-height: inherit;\n  margin: 0;\n  padding: 15px;\n  box-sizing: border-box;\n  width: 100%;\n  clear: both;\n  border-bottom: 1px solid lighten($ui-base-color, 8%);\n}\n\n.status__prepend-icon-wrapper {\n  left: -26px;\n  position: absolute;\n}\n\n.focusable {\n  &:focus {\n    outline: 0;\n    background: lighten($ui-base-color, 4%);\n\n    .status.status-direct {\n      background: lighten($ui-base-color, 12%);\n\n      &.muted {\n        background: transparent;\n      }\n    }\n\n    .detailed-status,\n    .detailed-status__action-bar {\n      background: lighten($ui-base-color, 8%);\n    }\n  }\n}\n\n.status {\n  padding: 8px 10px;\n  padding-left: 68px;\n  position: relative;\n  min-height: 54px;\n  border-bottom: 1px solid lighten($ui-base-color, 8%);\n  cursor: default;\n\n  @supports (-ms-overflow-style: -ms-autohiding-scrollbar) {\n    // Add margin to avoid Edge auto-hiding scrollbar appearing over content.\n    // On Edge 16 this is 16px and Edge <=15 it's 12px, so aim for 16px.\n    padding-right: 26px; // 10px + 16px\n  }\n\n  @keyframes fade {\n    0% { opacity: 0; }\n    100% { opacity: 1; }\n  }\n\n  opacity: 1;\n  animation: fade 150ms linear;\n\n  .video-player,\n  .audio-player {\n    margin-top: 8px;\n  }\n\n  &.status-direct:not(.read) {\n    background: lighten($ui-base-color, 8%);\n    border-bottom-color: lighten($ui-base-color, 12%);\n  }\n\n  &.light {\n    .status__relative-time {\n      color: $light-text-color;\n    }\n\n    .status__display-name {\n      color: $inverted-text-color;\n    }\n\n    .display-name {\n      strong {\n        color: $inverted-text-color;\n      }\n\n      span {\n        color: $light-text-color;\n      }\n    }\n\n    .status__content {\n      color: $inverted-text-color;\n\n      a {\n        color: $highlight-text-color;\n      }\n\n      a.status__content__spoiler-link {\n        color: $primary-text-color;\n        background: $ui-primary-color;\n\n        &:hover {\n          background: lighten($ui-primary-color, 8%);\n        }\n      }\n    }\n  }\n}\n\n.notification-favourite {\n  .status.status-direct {\n    background: transparent;\n\n    .icon-button.disabled {\n      color: lighten($action-button-color, 13%);\n    }\n  }\n}\n\n.status__relative-time,\n.notification__relative_time {\n  color: $dark-text-color;\n  float: right;\n  font-size: 14px;\n}\n\n.status__display-name {\n  color: $dark-text-color;\n}\n\n.status__info .status__display-name {\n  display: block;\n  max-width: 100%;\n  padding-right: 25px;\n}\n\n.status__info {\n  font-size: 15px;\n}\n\n.status-check-box {\n  border-bottom: 1px solid $ui-secondary-color;\n  display: flex;\n\n  .status-check-box__status {\n    margin: 10px 0 10px 10px;\n    flex: 1;\n\n    .media-gallery {\n      max-width: 250px;\n    }\n\n    .status__content {\n      padding: 0;\n      white-space: normal;\n    }\n\n    .video-player,\n    .audio-player {\n      margin-top: 8px;\n      max-width: 250px;\n    }\n\n    .media-gallery__item-thumbnail {\n      cursor: default;\n    }\n  }\n}\n\n.status-check-box-toggle {\n  align-items: center;\n  display: flex;\n  flex: 0 0 auto;\n  justify-content: center;\n  padding: 10px;\n}\n\n.status__prepend {\n  margin-left: 68px;\n  color: $dark-text-color;\n  padding: 8px 0;\n  padding-bottom: 2px;\n  font-size: 14px;\n  position: relative;\n\n  .status__display-name strong {\n    color: $dark-text-color;\n  }\n\n  > span {\n    display: block;\n    overflow: hidden;\n    text-overflow: ellipsis;\n  }\n}\n\n.status__action-bar {\n  align-items: center;\n  display: flex;\n  margin-top: 8px;\n\n  &__counter {\n    display: inline-flex;\n    margin-right: 11px;\n    align-items: center;\n\n    .status__action-bar-button {\n      margin-right: 4px;\n    }\n\n    &__label {\n      display: inline-block;\n      width: 14px;\n      font-size: 12px;\n      font-weight: 500;\n      color: $action-button-color;\n    }\n  }\n}\n\n.status__action-bar-button {\n  margin-right: 18px;\n}\n\n.status__action-bar-dropdown {\n  height: 23.15px;\n  width: 23.15px;\n}\n\n.detailed-status__action-bar-dropdown {\n  flex: 1 1 auto;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  position: relative;\n}\n\n.detailed-status {\n  background: lighten($ui-base-color, 4%);\n  padding: 14px 10px;\n\n  &--flex {\n    display: flex;\n    flex-wrap: wrap;\n    justify-content: space-between;\n    align-items: flex-start;\n\n    .status__content,\n    .detailed-status__meta {\n      flex: 100%;\n    }\n  }\n\n  .status__content {\n    font-size: 19px;\n    line-height: 24px;\n\n    .emojione {\n      width: 24px;\n      height: 24px;\n      margin: -1px 0 0;\n    }\n\n    .status__content__spoiler-link {\n      line-height: 24px;\n      margin: -1px 0 0;\n    }\n  }\n\n  .video-player,\n  .audio-player {\n    margin-top: 8px;\n  }\n}\n\n.detailed-status__meta {\n  margin-top: 15px;\n  color: $dark-text-color;\n  font-size: 14px;\n  line-height: 18px;\n}\n\n.detailed-status__action-bar {\n  background: lighten($ui-base-color, 4%);\n  border-top: 1px solid lighten($ui-base-color, 8%);\n  border-bottom: 1px solid lighten($ui-base-color, 8%);\n  display: flex;\n  flex-direction: row;\n  padding: 10px 0;\n}\n\n.detailed-status__link {\n  color: inherit;\n  text-decoration: none;\n}\n\n.detailed-status__favorites,\n.detailed-status__reblogs {\n  display: inline-block;\n  font-weight: 500;\n  font-size: 12px;\n  margin-left: 6px;\n}\n\n.reply-indicator__content {\n  color: $inverted-text-color;\n  font-size: 14px;\n\n  a {\n    color: $lighter-text-color;\n  }\n}\n\n.domain {\n  padding: 10px;\n  border-bottom: 1px solid lighten($ui-base-color, 8%);\n\n  .domain__domain-name {\n    flex: 1 1 auto;\n    display: block;\n    color: $primary-text-color;\n    text-decoration: none;\n    font-size: 14px;\n    font-weight: 500;\n  }\n}\n\n.domain__wrapper {\n  display: flex;\n}\n\n.domain_buttons {\n  height: 18px;\n  padding: 10px;\n  white-space: nowrap;\n}\n\n.account {\n  padding: 10px;\n  border-bottom: 1px solid lighten($ui-base-color, 8%);\n\n  &.compact {\n    padding: 0;\n    border-bottom: 0;\n\n    .account__avatar-wrapper {\n      margin-left: 0;\n    }\n  }\n\n  .account__display-name {\n    flex: 1 1 auto;\n    display: block;\n    color: $darker-text-color;\n    overflow: hidden;\n    text-decoration: none;\n    font-size: 14px;\n  }\n}\n\n.account__wrapper {\n  display: flex;\n}\n\n.account__avatar-wrapper {\n  float: left;\n  margin-left: 12px;\n  margin-right: 12px;\n}\n\n.account__avatar {\n  @include avatar-radius;\n  position: relative;\n\n  &-inline {\n    display: inline-block;\n    vertical-align: middle;\n    margin-right: 5px;\n  }\n\n  &-composite {\n    @include avatar-radius;\n    border-radius: 50%;\n    overflow: hidden;\n    position: relative;\n    cursor: default;\n\n    & > div {\n      float: left;\n      position: relative;\n      box-sizing: border-box;\n    }\n\n    &__label {\n      display: block;\n      position: absolute;\n      top: 50%;\n      left: 50%;\n      transform: translate(-50%, -50%);\n      color: $primary-text-color;\n      text-shadow: 1px 1px 2px $base-shadow-color;\n      font-weight: 700;\n      font-size: 15px;\n    }\n  }\n}\n\na .account__avatar {\n  cursor: pointer;\n}\n\n.account__avatar-overlay {\n  @include avatar-size(48px);\n\n  &-base {\n    @include avatar-radius;\n    @include avatar-size(36px);\n  }\n\n  &-overlay {\n    @include avatar-radius;\n    @include avatar-size(24px);\n\n    position: absolute;\n    bottom: 0;\n    right: 0;\n    z-index: 1;\n  }\n}\n\n.account__relationship {\n  height: 18px;\n  padding: 10px;\n  white-space: nowrap;\n}\n\n.account__disclaimer {\n  padding: 10px;\n  border-top: 1px solid lighten($ui-base-color, 8%);\n  color: $dark-text-color;\n\n  strong {\n    font-weight: 500;\n\n    @each $lang in $cjk-langs {\n      &:lang(#{$lang}) {\n        font-weight: 700;\n      }\n    }\n  }\n\n  a {\n    font-weight: 500;\n    color: inherit;\n    text-decoration: underline;\n\n    &:hover,\n    &:focus,\n    &:active {\n      text-decoration: none;\n    }\n  }\n}\n\n.account__action-bar {\n  border-top: 1px solid lighten($ui-base-color, 8%);\n  border-bottom: 1px solid lighten($ui-base-color, 8%);\n  line-height: 36px;\n  overflow: hidden;\n  flex: 0 0 auto;\n  display: flex;\n}\n\n.account__action-bar-dropdown {\n  padding: 10px;\n\n  .icon-button {\n    vertical-align: middle;\n  }\n\n  .dropdown--active {\n    .dropdown__content.dropdown__right {\n      left: 6px;\n      right: initial;\n    }\n\n    &::after {\n      bottom: initial;\n      margin-left: 11px;\n      margin-top: -7px;\n      right: initial;\n    }\n  }\n}\n\n.account__action-bar-links {\n  display: flex;\n  flex: 1 1 auto;\n  line-height: 18px;\n  text-align: center;\n}\n\n.account__action-bar__tab {\n  text-decoration: none;\n  overflow: hidden;\n  flex: 0 1 100%;\n  border-right: 1px solid lighten($ui-base-color, 8%);\n  padding: 10px 0;\n  border-bottom: 4px solid transparent;\n\n  &.active {\n    border-bottom: 4px solid $ui-highlight-color;\n  }\n\n  & > span {\n    display: block;\n    font-size: 12px;\n    color: $darker-text-color;\n  }\n\n  strong {\n    display: block;\n    font-size: 15px;\n    font-weight: 500;\n    color: $primary-text-color;\n\n    @each $lang in $cjk-langs {\n      &:lang(#{$lang}) {\n        font-weight: 700;\n      }\n    }\n  }\n}\n\n.account-authorize {\n  padding: 14px 10px;\n\n  .detailed-status__display-name {\n    display: block;\n    margin-bottom: 15px;\n    overflow: hidden;\n  }\n}\n\n.account-authorize__avatar {\n  float: left;\n  margin-right: 10px;\n}\n\n.status__display-name,\n.status__relative-time,\n.detailed-status__display-name,\n.detailed-status__datetime,\n.detailed-status__application,\n.account__display-name {\n  text-decoration: none;\n}\n\n.status__display-name,\n.account__display-name {\n  strong {\n    color: $primary-text-color;\n  }\n}\n\n.muted {\n  .emojione {\n    opacity: 0.5;\n  }\n}\n\n.status__display-name,\n.reply-indicator__display-name,\n.detailed-status__display-name,\na.account__display-name {\n  &:hover strong {\n    text-decoration: underline;\n  }\n}\n\n.account__display-name strong {\n  display: block;\n  overflow: hidden;\n  text-overflow: ellipsis;\n}\n\n.detailed-status__application,\n.detailed-status__datetime {\n  color: inherit;\n}\n\n.detailed-status .button.logo-button {\n  margin-bottom: 15px;\n}\n\n.detailed-status__display-name {\n  color: $secondary-text-color;\n  display: block;\n  line-height: 24px;\n  margin-bottom: 15px;\n  overflow: hidden;\n\n  strong,\n  span {\n    display: block;\n    text-overflow: ellipsis;\n    overflow: hidden;\n  }\n\n  strong {\n    font-size: 16px;\n    color: $primary-text-color;\n  }\n}\n\n.detailed-status__display-avatar {\n  float: left;\n  margin-right: 10px;\n}\n\n.status__avatar {\n  height: 48px;\n  left: 10px;\n  position: absolute;\n  top: 10px;\n  width: 48px;\n}\n\n.status__expand {\n  width: 68px;\n  position: absolute;\n  left: 0;\n  top: 0;\n  height: 100%;\n  cursor: pointer;\n}\n\n.muted {\n  .status__content,\n  .status__content p,\n  .status__content a {\n    color: $dark-text-color;\n  }\n\n  .status__display-name strong {\n    color: $dark-text-color;\n  }\n\n  .status__avatar {\n    opacity: 0.5;\n  }\n\n  a.status__content__spoiler-link {\n    background: $ui-base-lighter-color;\n    color: $inverted-text-color;\n\n    &:hover {\n      background: lighten($ui-base-lighter-color, 7%);\n      text-decoration: none;\n    }\n  }\n}\n\n.notification__message {\n  margin: 0 10px 0 68px;\n  padding: 8px 0 0;\n  cursor: default;\n  color: $darker-text-color;\n  font-size: 15px;\n  line-height: 22px;\n  position: relative;\n\n  .fa {\n    color: $highlight-text-color;\n  }\n\n  > span {\n    display: inline;\n    overflow: hidden;\n    text-overflow: ellipsis;\n  }\n}\n\n.notification__favourite-icon-wrapper {\n  left: -26px;\n  position: absolute;\n\n  .star-icon {\n    color: $gold-star;\n  }\n}\n\n.star-icon.active {\n  color: $gold-star;\n}\n\n.bookmark-icon.active {\n  color: $red-bookmark;\n}\n\n.no-reduce-motion .icon-button.star-icon {\n  &.activate {\n    & > .fa-star {\n      animation: spring-rotate-in 1s linear;\n    }\n  }\n\n  &.deactivate {\n    & > .fa-star {\n      animation: spring-rotate-out 1s linear;\n    }\n  }\n}\n\n.notification__display-name {\n  color: inherit;\n  font-weight: 500;\n  text-decoration: none;\n\n  &:hover {\n    color: $primary-text-color;\n    text-decoration: underline;\n  }\n}\n\n.notification__relative_time {\n  float: right;\n}\n\n.display-name {\n  display: block;\n  max-width: 100%;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n\n.display-name__html {\n  font-weight: 500;\n}\n\n.display-name__account {\n  font-size: 14px;\n}\n\n.status__relative-time,\n.detailed-status__datetime {\n  &:hover {\n    text-decoration: underline;\n  }\n}\n\n.image-loader {\n  position: relative;\n  width: 100%;\n  height: 100%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  flex-direction: column;\n\n  .image-loader__preview-canvas {\n    max-width: $media-modal-media-max-width;\n    max-height: $media-modal-media-max-height;\n    background: url('~images/void.png') repeat;\n    object-fit: contain;\n  }\n\n  .loading-bar {\n    position: relative;\n  }\n\n  &.image-loader--amorphous .image-loader__preview-canvas {\n    display: none;\n  }\n}\n\n.zoomable-image {\n  position: relative;\n  width: 100%;\n  height: 100%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n\n  img {\n    max-width: $media-modal-media-max-width;\n    max-height: $media-modal-media-max-height;\n    width: auto;\n    height: auto;\n    object-fit: contain;\n  }\n}\n\n.navigation-bar {\n  padding: 10px;\n  display: flex;\n  align-items: center;\n  flex-shrink: 0;\n  cursor: default;\n  color: $darker-text-color;\n\n  strong {\n    color: $secondary-text-color;\n  }\n\n  a {\n    color: inherit;\n  }\n\n  .permalink {\n    text-decoration: none;\n  }\n\n  .navigation-bar__actions {\n    position: relative;\n\n    .icon-button.close {\n      position: absolute;\n      pointer-events: none;\n      transform: scale(0, 1) translate(-100%, 0);\n      opacity: 0;\n    }\n\n    .compose__action-bar .icon-button {\n      pointer-events: auto;\n      transform: scale(1, 1) translate(0, 0);\n      opacity: 1;\n    }\n  }\n}\n\n.navigation-bar__profile {\n  flex: 1 1 auto;\n  margin-left: 8px;\n  line-height: 20px;\n  margin-top: -1px;\n  overflow: hidden;\n}\n\n.navigation-bar__profile-account {\n  display: block;\n  font-weight: 500;\n  overflow: hidden;\n  text-overflow: ellipsis;\n}\n\n.navigation-bar__profile-edit {\n  color: inherit;\n  text-decoration: none;\n}\n\n.dropdown {\n  display: inline-block;\n}\n\n.dropdown__content {\n  display: none;\n  position: absolute;\n}\n\n.dropdown-menu__separator {\n  border-bottom: 1px solid darken($ui-secondary-color, 8%);\n  margin: 5px 7px 6px;\n  height: 0;\n}\n\n.dropdown-menu {\n  background: $ui-secondary-color;\n  padding: 4px 0;\n  border-radius: 4px;\n  box-shadow: 2px 4px 15px rgba($base-shadow-color, 0.4);\n  z-index: 9999;\n\n  ul {\n    list-style: none;\n  }\n\n  &.left {\n    transform-origin: 100% 50%;\n  }\n\n  &.top {\n    transform-origin: 50% 100%;\n  }\n\n  &.bottom {\n    transform-origin: 50% 0;\n  }\n\n  &.right {\n    transform-origin: 0 50%;\n  }\n}\n\n.dropdown-menu__arrow {\n  position: absolute;\n  width: 0;\n  height: 0;\n  border: 0 solid transparent;\n\n  &.left {\n    right: -5px;\n    margin-top: -5px;\n    border-width: 5px 0 5px 5px;\n    border-left-color: $ui-secondary-color;\n  }\n\n  &.top {\n    bottom: -5px;\n    margin-left: -7px;\n    border-width: 5px 7px 0;\n    border-top-color: $ui-secondary-color;\n  }\n\n  &.bottom {\n    top: -5px;\n    margin-left: -7px;\n    border-width: 0 7px 5px;\n    border-bottom-color: $ui-secondary-color;\n  }\n\n  &.right {\n    left: -5px;\n    margin-top: -5px;\n    border-width: 5px 5px 5px 0;\n    border-right-color: $ui-secondary-color;\n  }\n}\n\n.dropdown-menu__item {\n  a {\n    font-size: 13px;\n    line-height: 18px;\n    display: block;\n    padding: 4px 14px;\n    box-sizing: border-box;\n    text-decoration: none;\n    background: $ui-secondary-color;\n    color: $inverted-text-color;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n\n    &:focus,\n    &:hover,\n    &:active {\n      background: $ui-highlight-color;\n      color: $secondary-text-color;\n      outline: 0;\n    }\n  }\n}\n\n.dropdown--active .dropdown__content {\n  display: block;\n  line-height: 18px;\n  max-width: 311px;\n  right: 0;\n  text-align: left;\n  z-index: 9999;\n\n  & > ul {\n    list-style: none;\n    background: $ui-secondary-color;\n    padding: 4px 0;\n    border-radius: 4px;\n    box-shadow: 0 0 15px rgba($base-shadow-color, 0.4);\n    min-width: 140px;\n    position: relative;\n  }\n\n  &.dropdown__right {\n    right: 0;\n  }\n\n  &.dropdown__left {\n    & > ul {\n      left: -98px;\n    }\n  }\n\n  & > ul > li > a {\n    font-size: 13px;\n    line-height: 18px;\n    display: block;\n    padding: 4px 14px;\n    box-sizing: border-box;\n    text-decoration: none;\n    background: $ui-secondary-color;\n    color: $inverted-text-color;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n\n    &:focus {\n      outline: 0;\n    }\n\n    &:hover {\n      background: $ui-highlight-color;\n      color: $secondary-text-color;\n    }\n  }\n}\n\n.dropdown__icon {\n  vertical-align: middle;\n}\n\n.columns-area {\n  display: flex;\n  flex: 1 1 auto;\n  flex-direction: row;\n  justify-content: flex-start;\n  overflow-x: auto;\n  position: relative;\n\n  &.unscrollable {\n    overflow-x: hidden;\n  }\n\n  &__panels {\n    display: flex;\n    justify-content: center;\n    width: 100%;\n    height: 100%;\n    min-height: 100vh;\n\n    &__pane {\n      height: 100%;\n      overflow: hidden;\n      pointer-events: none;\n      display: flex;\n      justify-content: flex-end;\n      min-width: 285px;\n\n      &--start {\n        justify-content: flex-start;\n      }\n\n      &__inner {\n        position: fixed;\n        width: 285px;\n        pointer-events: auto;\n        height: 100%;\n      }\n    }\n\n    &__main {\n      box-sizing: border-box;\n      width: 100%;\n      max-width: 600px;\n      flex: 0 0 auto;\n      display: flex;\n      flex-direction: column;\n\n      @media screen and (min-width: $no-gap-breakpoint) {\n        padding: 0 10px;\n      }\n    }\n  }\n}\n\n.tabs-bar__wrapper {\n  background: darken($ui-base-color, 8%);\n  position: sticky;\n  top: 0;\n  z-index: 2;\n  padding-top: 0;\n\n  @media screen and (min-width: $no-gap-breakpoint) {\n    padding-top: 10px;\n  }\n\n  .tabs-bar {\n    margin-bottom: 0;\n\n    @media screen and (min-width: $no-gap-breakpoint) {\n      margin-bottom: 10px;\n    }\n  }\n}\n\n.react-swipeable-view-container {\n  &,\n  .columns-area,\n  .drawer,\n  .column {\n    height: 100%;\n  }\n}\n\n.react-swipeable-view-container > * {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  height: 100%;\n}\n\n.column {\n  width: 350px;\n  position: relative;\n  box-sizing: border-box;\n  display: flex;\n  flex-direction: column;\n\n  > .scrollable {\n    background: $ui-base-color;\n    border-bottom-left-radius: 2px;\n    border-bottom-right-radius: 2px;\n  }\n}\n\n.ui {\n  flex: 0 0 auto;\n  display: flex;\n  flex-direction: column;\n  width: 100%;\n  height: 100%;\n}\n\n.drawer {\n  width: 330px;\n  box-sizing: border-box;\n  display: flex;\n  flex-direction: column;\n  overflow-y: hidden;\n}\n\n.drawer__tab {\n  display: block;\n  flex: 1 1 auto;\n  padding: 15px 5px 13px;\n  color: $darker-text-color;\n  text-decoration: none;\n  text-align: center;\n  font-size: 16px;\n  border-bottom: 2px solid transparent;\n}\n\n.column,\n.drawer {\n  flex: 1 1 auto;\n  overflow: hidden;\n}\n\n@media screen and (min-width: 631px) {\n  .columns-area {\n    padding: 0;\n  }\n\n  .column,\n  .drawer {\n    flex: 0 0 auto;\n    padding: 10px;\n    padding-left: 5px;\n    padding-right: 5px;\n\n    &:first-child {\n      padding-left: 10px;\n    }\n\n    &:last-child {\n      padding-right: 10px;\n    }\n  }\n\n  .columns-area > div {\n    .column,\n    .drawer {\n      padding-left: 5px;\n      padding-right: 5px;\n    }\n  }\n}\n\n.tabs-bar {\n  box-sizing: border-box;\n  display: flex;\n  background: lighten($ui-base-color, 8%);\n  flex: 0 0 auto;\n  overflow-y: auto;\n}\n\n.tabs-bar__link {\n  display: block;\n  flex: 1 1 auto;\n  padding: 15px 10px;\n  padding-bottom: 13px;\n  color: $primary-text-color;\n  text-decoration: none;\n  text-align: center;\n  font-size: 14px;\n  font-weight: 500;\n  border-bottom: 2px solid lighten($ui-base-color, 8%);\n  transition: all 50ms linear;\n  transition-property: border-bottom, background, color;\n\n  .fa {\n    font-weight: 400;\n    font-size: 16px;\n  }\n\n  &:hover,\n  &:focus,\n  &:active {\n    @media screen and (min-width: 631px) {\n      background: lighten($ui-base-color, 14%);\n      border-bottom-color: lighten($ui-base-color, 14%);\n    }\n  }\n\n  &.active {\n    border-bottom: 2px solid $highlight-text-color;\n    color: $highlight-text-color;\n  }\n\n  span {\n    margin-left: 5px;\n    display: none;\n  }\n}\n\n@media screen and (min-width: 600px) {\n  .tabs-bar__link {\n    span {\n      display: inline;\n    }\n  }\n}\n\n.columns-area--mobile {\n  flex-direction: column;\n  width: 100%;\n  height: 100%;\n  margin: 0 auto;\n\n  .column,\n  .drawer {\n    width: 100%;\n    height: 100%;\n    padding: 0;\n  }\n\n  .directory__list {\n    display: grid;\n    grid-gap: 10px;\n    grid-template-columns: minmax(0, 50%) minmax(0, 50%);\n\n    @media screen and (max-width: $no-gap-breakpoint) {\n      display: block;\n    }\n  }\n\n  .directory__card {\n    margin-bottom: 0;\n  }\n\n  .filter-form {\n    display: flex;\n  }\n\n  .autosuggest-textarea__textarea {\n    font-size: 16px;\n  }\n\n  .search__input {\n    line-height: 18px;\n    font-size: 16px;\n    padding: 15px;\n    padding-right: 30px;\n  }\n\n  .search__icon .fa {\n    top: 15px;\n  }\n\n  .scrollable {\n    overflow: visible;\n\n    @supports(display: grid) {\n      contain: content;\n    }\n  }\n\n  @media screen and (min-width: $no-gap-breakpoint) {\n    padding: 10px 0;\n    padding-top: 0;\n  }\n\n  @media screen and (min-width: 630px) {\n    .detailed-status {\n      padding: 15px;\n\n      .media-gallery,\n      .video-player,\n      .audio-player {\n        margin-top: 15px;\n      }\n    }\n\n    .account__header__bar {\n      padding: 5px 10px;\n    }\n\n    .navigation-bar,\n    .compose-form {\n      padding: 15px;\n    }\n\n    .compose-form .compose-form__publish .compose-form__publish-button-wrapper {\n      padding-top: 15px;\n    }\n\n    .status {\n      padding: 15px 15px 15px (48px + 15px * 2);\n      min-height: 48px + 2px;\n\n      &__avatar {\n        left: 15px;\n        top: 17px;\n      }\n\n      &__content {\n        padding-top: 5px;\n      }\n\n      &__prepend {\n        margin-left: 48px + 15px * 2;\n        padding-top: 15px;\n      }\n\n      &__prepend-icon-wrapper {\n        left: -32px;\n      }\n\n      .media-gallery,\n      &__action-bar,\n      .video-player,\n      .audio-player {\n        margin-top: 10px;\n      }\n    }\n\n    .account {\n      padding: 15px 10px;\n\n      &__header__bio {\n        margin: 0 -10px;\n      }\n    }\n\n    .notification {\n      &__message {\n        margin-left: 48px + 15px * 2;\n        padding-top: 15px;\n      }\n\n      &__favourite-icon-wrapper {\n        left: -32px;\n      }\n\n      .status {\n        padding-top: 8px;\n      }\n\n      .account {\n        padding-top: 8px;\n      }\n\n      .account__avatar-wrapper {\n        margin-left: 17px;\n        margin-right: 15px;\n      }\n    }\n  }\n}\n\n.floating-action-button {\n  position: fixed;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  width: 3.9375rem;\n  height: 3.9375rem;\n  bottom: 1.3125rem;\n  right: 1.3125rem;\n  background: darken($ui-highlight-color, 3%);\n  color: $white;\n  border-radius: 50%;\n  font-size: 21px;\n  line-height: 21px;\n  text-decoration: none;\n  box-shadow: 2px 3px 9px rgba($base-shadow-color, 0.4);\n\n  &:hover,\n  &:focus,\n  &:active {\n    background: lighten($ui-highlight-color, 7%);\n  }\n}\n\n@media screen and (min-width: $no-gap-breakpoint) {\n  .tabs-bar {\n    width: 100%;\n  }\n\n  .react-swipeable-view-container .columns-area--mobile {\n    height: calc(100% - 10px) !important;\n  }\n\n  .getting-started__wrapper,\n  .getting-started__trends,\n  .search {\n    margin-bottom: 10px;\n  }\n\n  .getting-started__panel {\n    margin: 10px 0;\n  }\n\n  .column,\n  .drawer {\n    min-width: 330px;\n  }\n}\n\n@media screen and (max-width: 600px + (285px * 1) + (10px * 1)) {\n  .columns-area__panels__pane--compositional {\n    display: none;\n  }\n}\n\n@media screen and (min-width: 600px + (285px * 1) + (10px * 1)) {\n  .floating-action-button,\n  .tabs-bar__link.optional {\n    display: none;\n  }\n\n  .search-page .search {\n    display: none;\n  }\n}\n\n@media screen and (max-width: 600px + (285px * 2) + (10px * 2)) {\n  .columns-area__panels__pane--navigational {\n    display: none;\n  }\n}\n\n@media screen and (min-width: 600px + (285px * 2) + (10px * 2)) {\n  .tabs-bar {\n    display: none;\n  }\n}\n\n.icon-with-badge {\n  position: relative;\n\n  &__badge {\n    position: absolute;\n    left: 9px;\n    top: -13px;\n    background: $ui-highlight-color;\n    border: 2px solid lighten($ui-base-color, 8%);\n    padding: 1px 6px;\n    border-radius: 6px;\n    font-size: 10px;\n    font-weight: 500;\n    line-height: 14px;\n    color: $primary-text-color;\n  }\n}\n\n.column-link--transparent .icon-with-badge__badge {\n  border-color: darken($ui-base-color, 8%);\n}\n\n.compose-panel {\n  width: 285px;\n  margin-top: 10px;\n  display: flex;\n  flex-direction: column;\n  height: calc(100% - 10px);\n  overflow-y: hidden;\n\n  .navigation-bar {\n    padding-top: 20px;\n    padding-bottom: 20px;\n    flex: 0 1 48px;\n    min-height: 20px;\n  }\n\n  .flex-spacer {\n    background: transparent;\n  }\n\n  .compose-form {\n    flex: 1;\n    overflow-y: hidden;\n    display: flex;\n    flex-direction: column;\n    min-height: 310px;\n    padding-bottom: 71px;\n    margin-bottom: -71px;\n  }\n\n  .compose-form__autosuggest-wrapper {\n    overflow-y: auto;\n    background-color: $white;\n    border-radius: 4px 4px 0 0;\n    flex: 0 1 auto;\n  }\n\n  .autosuggest-textarea__textarea {\n    overflow-y: hidden;\n  }\n\n  .compose-form__upload-thumbnail {\n    height: 80px;\n  }\n}\n\n.navigation-panel {\n  margin-top: 10px;\n  margin-bottom: 10px;\n  height: calc(100% - 20px);\n  overflow-y: auto;\n  display: flex;\n  flex-direction: column;\n\n  & > a {\n    flex: 0 0 auto;\n  }\n\n  hr {\n    flex: 0 0 auto;\n    border: 0;\n    background: transparent;\n    border-top: 1px solid lighten($ui-base-color, 4%);\n    margin: 10px 0;\n  }\n\n  .flex-spacer {\n    background: transparent;\n  }\n}\n\n.drawer__pager {\n  box-sizing: border-box;\n  padding: 0;\n  flex-grow: 1;\n  position: relative;\n  overflow: hidden;\n  display: flex;\n}\n\n.drawer__inner {\n  position: absolute;\n  top: 0;\n  left: 0;\n  background: lighten($ui-base-color, 13%);\n  box-sizing: border-box;\n  padding: 0;\n  display: flex;\n  flex-direction: column;\n  overflow: hidden;\n  overflow-y: auto;\n  width: 100%;\n  height: 100%;\n  border-radius: 2px;\n\n  &.darker {\n    background: $ui-base-color;\n  }\n}\n\n.drawer__inner__mastodon {\n  background: lighten($ui-base-color, 13%) url('data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 234.80078 31.757813\" width=\"234.80078\" height=\"31.757812\"><path d=\"M19.599609 0c-1.05 0-2.10039.375-2.90039 1.125L0 16.925781v14.832031h234.80078V17.025391l-16.5-15.900391c-1.6-1.5-4.20078-1.5-5.80078 0l-13.80078 13.099609c-1.6 1.5-4.19883 1.5-5.79883 0L179.09961 1.125c-1.6-1.5-4.19883-1.5-5.79883 0L159.5 14.224609c-1.6 1.5-4.20078 1.5-5.80078 0L139.90039 1.125c-1.6-1.5-4.20078-1.5-5.80078 0l-13.79883 13.099609c-1.6 1.5-4.20078 1.5-5.80078 0L100.69922 1.125c-1.600001-1.5-4.198829-1.5-5.798829 0l-13.59961 13.099609c-1.6 1.5-4.200781 1.5-5.800781 0L61.699219 1.125c-1.6-1.5-4.198828-1.5-5.798828 0L42.099609 14.224609c-1.6 1.5-4.198828 1.5-5.798828 0L22.5 1.125C21.7.375 20.649609 0 19.599609 0z\" fill=\"#{hex-color($ui-base-color)}\"/></svg>') no-repeat bottom / 100% auto;\n  flex: 1;\n  min-height: 47px;\n  display: none;\n\n  > img {\n    display: block;\n    object-fit: contain;\n    object-position: bottom left;\n    width: 100%;\n    height: 100%;\n    pointer-events: none;\n    user-drag: none;\n    user-select: none;\n  }\n\n  @media screen and (min-height: 640px) {\n    display: block;\n  }\n}\n\n.pseudo-drawer {\n  background: lighten($ui-base-color, 13%);\n  font-size: 13px;\n  text-align: left;\n}\n\n.drawer__header {\n  flex: 0 0 auto;\n  font-size: 16px;\n  background: lighten($ui-base-color, 8%);\n  margin-bottom: 10px;\n  display: flex;\n  flex-direction: row;\n  border-radius: 2px;\n\n  a {\n    transition: background 100ms ease-in;\n\n    &:hover {\n      background: lighten($ui-base-color, 3%);\n      transition: background 200ms ease-out;\n    }\n  }\n}\n\n.scrollable {\n  overflow-y: scroll;\n  overflow-x: hidden;\n  flex: 1 1 auto;\n  -webkit-overflow-scrolling: touch;\n\n  &.optionally-scrollable {\n    overflow-y: auto;\n  }\n\n  @supports(display: grid) { // hack to fix Chrome <57\n    contain: strict;\n  }\n\n  &--flex {\n    display: flex;\n    flex-direction: column;\n  }\n\n  &__append {\n    flex: 1 1 auto;\n    position: relative;\n    min-height: 120px;\n  }\n}\n\n.scrollable.fullscreen {\n  @supports(display: grid) { // hack to fix Chrome <57\n    contain: none;\n  }\n}\n\n.column-back-button {\n  box-sizing: border-box;\n  width: 100%;\n  background: lighten($ui-base-color, 4%);\n  color: $highlight-text-color;\n  cursor: pointer;\n  flex: 0 0 auto;\n  font-size: 16px;\n  line-height: inherit;\n  border: 0;\n  text-align: unset;\n  padding: 15px;\n  margin: 0;\n  z-index: 3;\n  outline: 0;\n\n  &:hover {\n    text-decoration: underline;\n  }\n}\n\n.column-header__back-button {\n  background: lighten($ui-base-color, 4%);\n  border: 0;\n  font-family: inherit;\n  color: $highlight-text-color;\n  cursor: pointer;\n  white-space: nowrap;\n  font-size: 16px;\n  padding: 0 5px 0 0;\n  z-index: 3;\n\n  &:hover {\n    text-decoration: underline;\n  }\n\n  &:last-child {\n    padding: 0 15px 0 0;\n  }\n}\n\n.column-back-button__icon {\n  display: inline-block;\n  margin-right: 5px;\n}\n\n.column-back-button--slim {\n  position: relative;\n}\n\n.column-back-button--slim-button {\n  cursor: pointer;\n  flex: 0 0 auto;\n  font-size: 16px;\n  padding: 15px;\n  position: absolute;\n  right: 0;\n  top: -48px;\n}\n\n.react-toggle {\n  display: inline-block;\n  position: relative;\n  cursor: pointer;\n  background-color: transparent;\n  border: 0;\n  padding: 0;\n  user-select: none;\n  -webkit-tap-highlight-color: rgba($base-overlay-background, 0);\n  -webkit-tap-highlight-color: transparent;\n}\n\n.react-toggle-screenreader-only {\n  border: 0;\n  clip: rect(0 0 0 0);\n  height: 1px;\n  margin: -1px;\n  overflow: hidden;\n  padding: 0;\n  position: absolute;\n  width: 1px;\n}\n\n.react-toggle--disabled {\n  cursor: not-allowed;\n  opacity: 0.5;\n  transition: opacity 0.25s;\n}\n\n.react-toggle-track {\n  width: 50px;\n  height: 24px;\n  padding: 0;\n  border-radius: 30px;\n  background-color: $ui-base-color;\n  transition: background-color 0.2s ease;\n}\n\n.react-toggle:hover:not(.react-toggle--disabled) .react-toggle-track {\n  background-color: darken($ui-base-color, 10%);\n}\n\n.react-toggle--checked .react-toggle-track {\n  background-color: $ui-highlight-color;\n}\n\n.react-toggle--checked:hover:not(.react-toggle--disabled) .react-toggle-track {\n  background-color: lighten($ui-highlight-color, 10%);\n}\n\n.react-toggle-track-check {\n  position: absolute;\n  width: 14px;\n  height: 10px;\n  top: 0;\n  bottom: 0;\n  margin-top: auto;\n  margin-bottom: auto;\n  line-height: 0;\n  left: 8px;\n  opacity: 0;\n  transition: opacity 0.25s ease;\n}\n\n.react-toggle--checked .react-toggle-track-check {\n  opacity: 1;\n  transition: opacity 0.25s ease;\n}\n\n.react-toggle-track-x {\n  position: absolute;\n  width: 10px;\n  height: 10px;\n  top: 0;\n  bottom: 0;\n  margin-top: auto;\n  margin-bottom: auto;\n  line-height: 0;\n  right: 10px;\n  opacity: 1;\n  transition: opacity 0.25s ease;\n}\n\n.react-toggle--checked .react-toggle-track-x {\n  opacity: 0;\n}\n\n.react-toggle-thumb {\n  position: absolute;\n  top: 1px;\n  left: 1px;\n  width: 22px;\n  height: 22px;\n  border: 1px solid $ui-base-color;\n  border-radius: 50%;\n  background-color: darken($simple-background-color, 2%);\n  box-sizing: border-box;\n  transition: all 0.25s ease;\n  transition-property: border-color, left;\n}\n\n.react-toggle--checked .react-toggle-thumb {\n  left: 27px;\n  border-color: $ui-highlight-color;\n}\n\n.column-link {\n  background: lighten($ui-base-color, 8%);\n  color: $primary-text-color;\n  display: block;\n  font-size: 16px;\n  padding: 15px;\n  text-decoration: none;\n\n  &:hover,\n  &:focus,\n  &:active {\n    background: lighten($ui-base-color, 11%);\n  }\n\n  &:focus {\n    outline: 0;\n  }\n\n  &--transparent {\n    background: transparent;\n    color: $ui-secondary-color;\n\n    &:hover,\n    &:focus,\n    &:active {\n      background: transparent;\n      color: $primary-text-color;\n    }\n\n    &.active {\n      color: $ui-highlight-color;\n    }\n  }\n}\n\n.column-link__icon {\n  display: inline-block;\n  margin-right: 5px;\n}\n\n.column-link__badge {\n  display: inline-block;\n  border-radius: 4px;\n  font-size: 12px;\n  line-height: 19px;\n  font-weight: 500;\n  background: $ui-base-color;\n  padding: 4px 8px;\n  margin: -6px 10px;\n}\n\n.column-subheading {\n  background: $ui-base-color;\n  color: $dark-text-color;\n  padding: 8px 20px;\n  font-size: 13px;\n  font-weight: 500;\n  cursor: default;\n}\n\n.getting-started__wrapper,\n.getting-started,\n.flex-spacer {\n  background: $ui-base-color;\n}\n\n.flex-spacer {\n  flex: 1 1 auto;\n}\n\n.getting-started {\n  color: $dark-text-color;\n  overflow: auto;\n  border-bottom-left-radius: 2px;\n  border-bottom-right-radius: 2px;\n\n  &__wrapper,\n  &__panel,\n  &__footer {\n    height: min-content;\n  }\n\n  &__panel,\n  &__footer\n  {\n    padding: 10px;\n    padding-top: 20px;\n    flex-grow: 0;\n\n    ul {\n      margin-bottom: 10px;\n    }\n\n    ul li {\n      display: inline;\n    }\n\n    p {\n      font-size: 13px;\n\n      a {\n        color: $dark-text-color;\n        text-decoration: underline;\n      }\n    }\n\n    a {\n      text-decoration: none;\n      color: $darker-text-color;\n\n      &:hover,\n      &:focus,\n      &:active {\n        text-decoration: underline;\n      }\n    }\n  }\n\n  &__wrapper,\n  &__footer\n  {\n    color: $dark-text-color;\n  }\n\n  &__trends {\n    flex: 0 1 auto;\n    opacity: 1;\n    animation: fade 150ms linear;\n    margin-top: 10px;\n\n    h4 {\n      font-size: 13px;\n      color: $darker-text-color;\n      padding: 10px;\n      font-weight: 500;\n      border-bottom: 1px solid lighten($ui-base-color, 8%);\n    }\n\n    @media screen and (max-height: 810px) {\n      .trends__item:nth-child(3) {\n        display: none;\n      }\n    }\n\n    @media screen and (max-height: 720px) {\n      .trends__item:nth-child(2) {\n        display: none;\n      }\n    }\n\n    @media screen and (max-height: 670px) {\n      display: none;\n    }\n\n    .trends__item {\n      border-bottom: 0;\n      padding: 10px;\n\n      &__current {\n        color: $darker-text-color;\n      }\n    }\n  }\n}\n\n.keyboard-shortcuts {\n  padding: 8px 0 0;\n  overflow: hidden;\n\n  thead {\n    position: absolute;\n    left: -9999px;\n  }\n\n  td {\n    padding: 0 10px 8px;\n  }\n\n  kbd {\n    display: inline-block;\n    padding: 3px 5px;\n    background-color: lighten($ui-base-color, 8%);\n    border: 1px solid darken($ui-base-color, 4%);\n  }\n}\n\n.setting-text {\n  display: block;\n  box-sizing: border-box;\n  width: 100%;\n  margin: 0;\n  color: $inverted-text-color;\n  background: $simple-background-color;\n  padding: 10px;\n  font-family: inherit;\n  font-size: 14px;\n  resize: vertical;\n  border: 0;\n  outline: 0;\n  border-radius: 4px;\n\n  &:focus {\n    outline: 0;\n  }\n\n  @media screen and (max-width: 600px) {\n    font-size: 16px;\n  }\n}\n\n.no-reduce-motion button.icon-button i.fa-retweet {\n  background-position: 0 0;\n  height: 19px;\n  transition: background-position 0.9s steps(10);\n  transition-duration: 0s;\n  vertical-align: middle;\n  width: 22px;\n\n  &::before {\n    display: none !important;\n  }\n\n}\n\n.no-reduce-motion button.icon-button.active i.fa-retweet {\n  transition-duration: 0.9s;\n  background-position: 0 100%;\n}\n\n.reduce-motion button.icon-button i.fa-retweet {\n  color: $action-button-color;\n  transition: color 100ms ease-in;\n}\n\n.reduce-motion button.icon-button.active i.fa-retweet {\n  color: $highlight-text-color;\n}\n\n.status-card {\n  display: flex;\n  font-size: 14px;\n  border: 1px solid lighten($ui-base-color, 8%);\n  border-radius: 4px;\n  color: $dark-text-color;\n  margin-top: 14px;\n  text-decoration: none;\n  overflow: hidden;\n\n  &__actions {\n    bottom: 0;\n    left: 0;\n    position: absolute;\n    right: 0;\n    top: 0;\n    display: flex;\n    justify-content: center;\n    align-items: center;\n\n    & > div {\n      background: rgba($base-shadow-color, 0.6);\n      border-radius: 8px;\n      padding: 12px 9px;\n      flex: 0 0 auto;\n      display: flex;\n      justify-content: center;\n      align-items: center;\n    }\n\n    button,\n    a {\n      display: inline;\n      color: $secondary-text-color;\n      background: transparent;\n      border: 0;\n      padding: 0 8px;\n      text-decoration: none;\n      font-size: 18px;\n      line-height: 18px;\n\n      &:hover,\n      &:active,\n      &:focus {\n        color: $primary-text-color;\n      }\n    }\n\n    a {\n      font-size: 19px;\n      position: relative;\n      bottom: -1px;\n    }\n  }\n}\n\na.status-card {\n  cursor: pointer;\n\n  &:hover {\n    background: lighten($ui-base-color, 8%);\n  }\n}\n\n.status-card-photo {\n  cursor: zoom-in;\n  display: block;\n  text-decoration: none;\n  width: 100%;\n  height: auto;\n  margin: 0;\n}\n\n.status-card-video {\n  iframe {\n    width: 100%;\n    height: 100%;\n  }\n}\n\n.status-card__title {\n  display: block;\n  font-weight: 500;\n  margin-bottom: 5px;\n  color: $darker-text-color;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  text-decoration: none;\n}\n\n.status-card__content {\n  flex: 1 1 auto;\n  overflow: hidden;\n  padding: 14px 14px 14px 8px;\n}\n\n.status-card__description {\n  color: $darker-text-color;\n}\n\n.status-card__host {\n  display: block;\n  margin-top: 5px;\n  font-size: 13px;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n\n.status-card__image {\n  flex: 0 0 100px;\n  background: lighten($ui-base-color, 8%);\n  position: relative;\n\n  & > .fa {\n    font-size: 21px;\n    position: absolute;\n    transform-origin: 50% 50%;\n    top: 50%;\n    left: 50%;\n    transform: translate(-50%, -50%);\n  }\n}\n\n.status-card.horizontal {\n  display: block;\n\n  .status-card__image {\n    width: 100%;\n  }\n\n  .status-card__image-image {\n    border-radius: 4px 4px 0 0;\n  }\n\n  .status-card__title {\n    white-space: inherit;\n  }\n}\n\n.status-card.compact {\n  border-color: lighten($ui-base-color, 4%);\n\n  &.interactive {\n    border: 0;\n  }\n\n  .status-card__content {\n    padding: 8px;\n    padding-top: 10px;\n  }\n\n  .status-card__title {\n    white-space: nowrap;\n  }\n\n  .status-card__image {\n    flex: 0 0 60px;\n  }\n}\n\na.status-card.compact:hover {\n  background-color: lighten($ui-base-color, 4%);\n}\n\n.status-card__image-image {\n  border-radius: 4px 0 0 4px;\n  display: block;\n  margin: 0;\n  width: 100%;\n  height: 100%;\n  object-fit: cover;\n  background-size: cover;\n  background-position: center center;\n}\n\n.load-more {\n  display: block;\n  color: $dark-text-color;\n  background-color: transparent;\n  border: 0;\n  font-size: inherit;\n  text-align: center;\n  line-height: inherit;\n  margin: 0;\n  padding: 15px;\n  box-sizing: border-box;\n  width: 100%;\n  clear: both;\n  text-decoration: none;\n\n  &:hover {\n    background: lighten($ui-base-color, 2%);\n  }\n}\n\n.load-gap {\n  border-bottom: 1px solid lighten($ui-base-color, 8%);\n}\n\n.regeneration-indicator {\n  text-align: center;\n  font-size: 16px;\n  font-weight: 500;\n  color: $dark-text-color;\n  background: $ui-base-color;\n  cursor: default;\n  display: flex;\n  flex: 1 1 auto;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  padding: 20px;\n\n  &__figure {\n    &,\n    img {\n      display: block;\n      width: auto;\n      height: 160px;\n      margin: 0;\n    }\n  }\n\n  &--without-header {\n    padding-top: 20px + 48px;\n  }\n\n  &__label {\n    margin-top: 30px;\n\n    strong {\n      display: block;\n      margin-bottom: 10px;\n      color: $dark-text-color;\n    }\n\n    span {\n      font-size: 15px;\n      font-weight: 400;\n    }\n  }\n}\n\n.column-header__wrapper {\n  position: relative;\n  flex: 0 0 auto;\n\n  &.active {\n    &::before {\n      display: block;\n      content: \"\";\n      position: absolute;\n      top: 35px;\n      left: 0;\n      right: 0;\n      margin: 0 auto;\n      width: 60%;\n      pointer-events: none;\n      height: 28px;\n      z-index: 1;\n      background: radial-gradient(ellipse, rgba($ui-highlight-color, 0.23) 0%, rgba($ui-highlight-color, 0) 60%);\n    }\n  }\n}\n\n.column-header {\n  display: flex;\n  font-size: 16px;\n  background: lighten($ui-base-color, 4%);\n  flex: 0 0 auto;\n  cursor: pointer;\n  position: relative;\n  z-index: 2;\n  outline: 0;\n  overflow: hidden;\n  border-top-left-radius: 2px;\n  border-top-right-radius: 2px;\n\n  & > button {\n    margin: 0;\n    border: 0;\n    padding: 15px 0 15px 15px;\n    color: inherit;\n    background: transparent;\n    font: inherit;\n    text-align: left;\n    text-overflow: ellipsis;\n    overflow: hidden;\n    white-space: nowrap;\n    flex: 1;\n  }\n\n  & > .column-header__back-button {\n    color: $highlight-text-color;\n  }\n\n  &.active {\n    box-shadow: 0 1px 0 rgba($highlight-text-color, 0.3);\n\n    .column-header__icon {\n      color: $highlight-text-color;\n      text-shadow: 0 0 10px rgba($highlight-text-color, 0.4);\n    }\n  }\n\n  &:focus,\n  &:active {\n    outline: 0;\n  }\n}\n\n.column-header__buttons {\n  height: 48px;\n  display: flex;\n}\n\n.column-header__links {\n  margin-bottom: 14px;\n}\n\n.column-header__links .text-btn {\n  margin-right: 10px;\n}\n\n.column-header__button {\n  background: lighten($ui-base-color, 4%);\n  border: 0;\n  color: $darker-text-color;\n  cursor: pointer;\n  font-size: 16px;\n  padding: 0 15px;\n\n  &:hover {\n    color: lighten($darker-text-color, 7%);\n  }\n\n  &.active {\n    color: $primary-text-color;\n    background: lighten($ui-base-color, 8%);\n\n    &:hover {\n      color: $primary-text-color;\n      background: lighten($ui-base-color, 8%);\n    }\n  }\n}\n\n.column-header__collapsible {\n  max-height: 70vh;\n  overflow: hidden;\n  overflow-y: auto;\n  color: $darker-text-color;\n  transition: max-height 150ms ease-in-out, opacity 300ms linear;\n  opacity: 1;\n\n  &.collapsed {\n    max-height: 0;\n    opacity: 0.5;\n  }\n\n  &.animating {\n    overflow-y: hidden;\n  }\n\n  hr {\n    height: 0;\n    background: transparent;\n    border: 0;\n    border-top: 1px solid lighten($ui-base-color, 12%);\n    margin: 10px 0;\n  }\n}\n\n.column-header__collapsible-inner {\n  background: lighten($ui-base-color, 8%);\n  padding: 15px;\n}\n\n.column-header__setting-btn {\n  &:hover {\n    color: $darker-text-color;\n    text-decoration: underline;\n  }\n}\n\n.column-header__setting-arrows {\n  float: right;\n\n  .column-header__setting-btn {\n    padding: 0 10px;\n\n    &:last-child {\n      padding-right: 0;\n    }\n  }\n}\n\n.text-btn {\n  display: inline-block;\n  padding: 0;\n  font-family: inherit;\n  font-size: inherit;\n  color: inherit;\n  border: 0;\n  background: transparent;\n  cursor: pointer;\n}\n\n.column-header__icon {\n  display: inline-block;\n  margin-right: 5px;\n}\n\n.loading-indicator {\n  color: $dark-text-color;\n  font-size: 13px;\n  font-weight: 400;\n  overflow: visible;\n  position: absolute;\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n\n  span {\n    display: block;\n    float: left;\n    margin-left: 50%;\n    transform: translateX(-50%);\n    margin: 82px 0 0 50%;\n    white-space: nowrap;\n  }\n}\n\n.loading-indicator__figure {\n  position: absolute;\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n  width: 42px;\n  height: 42px;\n  box-sizing: border-box;\n  background-color: transparent;\n  border: 0 solid lighten($ui-base-color, 26%);\n  border-width: 6px;\n  border-radius: 50%;\n}\n\n.no-reduce-motion .loading-indicator span {\n  animation: loader-label 1.15s infinite cubic-bezier(0.215, 0.61, 0.355, 1);\n}\n\n.no-reduce-motion .loading-indicator__figure {\n  animation: loader-figure 1.15s infinite cubic-bezier(0.215, 0.61, 0.355, 1);\n}\n\n@keyframes spring-rotate-in {\n  0% {\n    transform: rotate(0deg);\n  }\n\n  30% {\n    transform: rotate(-484.8deg);\n  }\n\n  60% {\n    transform: rotate(-316.7deg);\n  }\n\n  90% {\n    transform: rotate(-375deg);\n  }\n\n  100% {\n    transform: rotate(-360deg);\n  }\n}\n\n@keyframes spring-rotate-out {\n  0% {\n    transform: rotate(-360deg);\n  }\n\n  30% {\n    transform: rotate(124.8deg);\n  }\n\n  60% {\n    transform: rotate(-43.27deg);\n  }\n\n  90% {\n    transform: rotate(15deg);\n  }\n\n  100% {\n    transform: rotate(0deg);\n  }\n}\n\n@keyframes loader-figure {\n  0% {\n    width: 0;\n    height: 0;\n    background-color: lighten($ui-base-color, 26%);\n  }\n\n  29% {\n    background-color: lighten($ui-base-color, 26%);\n  }\n\n  30% {\n    width: 42px;\n    height: 42px;\n    background-color: transparent;\n    border-width: 21px;\n    opacity: 1;\n  }\n\n  100% {\n    width: 42px;\n    height: 42px;\n    border-width: 0;\n    opacity: 0;\n    background-color: transparent;\n  }\n}\n\n@keyframes loader-label {\n  0% { opacity: 0.25; }\n  30% { opacity: 1; }\n  100% { opacity: 0.25; }\n}\n\n.video-error-cover {\n  align-items: center;\n  background: $base-overlay-background;\n  color: $primary-text-color;\n  cursor: pointer;\n  display: flex;\n  flex-direction: column;\n  height: 100%;\n  justify-content: center;\n  margin-top: 8px;\n  position: relative;\n  text-align: center;\n  z-index: 100;\n}\n\n.media-spoiler {\n  background: $base-overlay-background;\n  color: $darker-text-color;\n  border: 0;\n  padding: 0;\n  width: 100%;\n  height: 100%;\n  border-radius: 4px;\n  appearance: none;\n\n  &:hover,\n  &:active,\n  &:focus {\n    padding: 0;\n    color: lighten($darker-text-color, 8%);\n  }\n}\n\n.media-spoiler__warning {\n  display: block;\n  font-size: 14px;\n}\n\n.media-spoiler__trigger {\n  display: block;\n  font-size: 11px;\n  font-weight: 700;\n}\n\n.spoiler-button {\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  position: absolute;\n  z-index: 100;\n\n  &--minified {\n    display: block;\n    left: 4px;\n    top: 4px;\n    width: auto;\n    height: auto;\n  }\n\n  &--click-thru {\n    pointer-events: none;\n  }\n\n  &--hidden {\n    display: none;\n  }\n\n  &__overlay {\n    display: block;\n    background: transparent;\n    width: 100%;\n    height: 100%;\n    border: 0;\n\n    &__label {\n      display: inline-block;\n      background: rgba($base-overlay-background, 0.5);\n      border-radius: 8px;\n      padding: 8px 12px;\n      color: $primary-text-color;\n      font-weight: 500;\n      font-size: 14px;\n    }\n\n    &:hover,\n    &:focus,\n    &:active {\n      .spoiler-button__overlay__label {\n        background: rgba($base-overlay-background, 0.8);\n      }\n    }\n\n    &:disabled {\n      .spoiler-button__overlay__label {\n        background: rgba($base-overlay-background, 0.5);\n      }\n    }\n  }\n}\n\n.modal-container--preloader {\n  background: lighten($ui-base-color, 8%);\n}\n\n.account--panel {\n  background: lighten($ui-base-color, 4%);\n  border-top: 1px solid lighten($ui-base-color, 8%);\n  border-bottom: 1px solid lighten($ui-base-color, 8%);\n  display: flex;\n  flex-direction: row;\n  padding: 10px 0;\n}\n\n.account--panel__button,\n.detailed-status__button {\n  flex: 1 1 auto;\n  text-align: center;\n}\n\n.column-settings__outer {\n  background: lighten($ui-base-color, 8%);\n  padding: 15px;\n}\n\n.column-settings__section {\n  color: $darker-text-color;\n  cursor: default;\n  display: block;\n  font-weight: 500;\n  margin-bottom: 10px;\n}\n\n.column-settings__hashtags {\n  .column-settings__row {\n    margin-bottom: 15px;\n  }\n\n  .column-select {\n    &__control {\n      @include search-input;\n\n      &::placeholder {\n        color: lighten($darker-text-color, 4%);\n      }\n\n      &::-moz-focus-inner {\n        border: 0;\n      }\n\n      &::-moz-focus-inner,\n      &:focus,\n      &:active {\n        outline: 0 !important;\n      }\n\n      &:focus {\n        background: lighten($ui-base-color, 4%);\n      }\n\n      @media screen and (max-width: 600px) {\n        font-size: 16px;\n      }\n    }\n\n    &__placeholder {\n      color: $dark-text-color;\n      padding-left: 2px;\n      font-size: 12px;\n    }\n\n    &__value-container {\n      padding-left: 6px;\n    }\n\n    &__multi-value {\n      background: lighten($ui-base-color, 8%);\n\n      &__remove {\n        cursor: pointer;\n\n        &:hover,\n        &:active,\n        &:focus {\n          background: lighten($ui-base-color, 12%);\n          color: lighten($darker-text-color, 4%);\n        }\n      }\n    }\n\n    &__multi-value__label,\n    &__input {\n      color: $darker-text-color;\n    }\n\n    &__clear-indicator,\n    &__dropdown-indicator {\n      cursor: pointer;\n      transition: none;\n      color: $dark-text-color;\n\n      &:hover,\n      &:active,\n      &:focus {\n        color: lighten($dark-text-color, 4%);\n      }\n    }\n\n    &__indicator-separator {\n      background-color: lighten($ui-base-color, 8%);\n    }\n\n    &__menu {\n      @include search-popout;\n      padding: 0;\n      background: $ui-secondary-color;\n    }\n\n    &__menu-list {\n      padding: 6px;\n    }\n\n    &__option {\n      color: $inverted-text-color;\n      border-radius: 4px;\n      font-size: 14px;\n\n      &--is-focused,\n      &--is-selected {\n        background: darken($ui-secondary-color, 10%);\n      }\n    }\n  }\n}\n\n.column-settings__row {\n  .text-btn {\n    margin-bottom: 15px;\n  }\n}\n\n.relationship-tag {\n  color: $primary-text-color;\n  margin-bottom: 4px;\n  display: block;\n  vertical-align: top;\n  background-color: $base-overlay-background;\n  font-size: 12px;\n  font-weight: 500;\n  padding: 4px;\n  border-radius: 4px;\n  opacity: 0.7;\n\n  &:hover {\n    opacity: 1;\n  }\n}\n\n.setting-toggle {\n  display: block;\n  line-height: 24px;\n}\n\n.setting-toggle__label {\n  color: $darker-text-color;\n  display: inline-block;\n  margin-bottom: 14px;\n  margin-left: 8px;\n  vertical-align: middle;\n}\n\n.empty-column-indicator,\n.error-column {\n  color: $dark-text-color;\n  background: $ui-base-color;\n  text-align: center;\n  padding: 20px;\n  font-size: 15px;\n  font-weight: 400;\n  cursor: default;\n  display: flex;\n  flex: 1 1 auto;\n  align-items: center;\n  justify-content: center;\n\n  @supports(display: grid) { // hack to fix Chrome <57\n    contain: strict;\n  }\n\n  & > span {\n    max-width: 400px;\n  }\n\n  a {\n    color: $highlight-text-color;\n    text-decoration: none;\n\n    &:hover {\n      text-decoration: underline;\n    }\n  }\n}\n\n.error-column {\n  flex-direction: column;\n}\n\n@keyframes heartbeat {\n  from {\n    transform: scale(1);\n    animation-timing-function: ease-out;\n  }\n\n  10% {\n    transform: scale(0.91);\n    animation-timing-function: ease-in;\n  }\n\n  17% {\n    transform: scale(0.98);\n    animation-timing-function: ease-out;\n  }\n\n  33% {\n    transform: scale(0.87);\n    animation-timing-function: ease-in;\n  }\n\n  45% {\n    transform: scale(1);\n    animation-timing-function: ease-out;\n  }\n}\n\n.no-reduce-motion .pulse-loading {\n  transform-origin: center center;\n  animation: heartbeat 1.5s ease-in-out infinite both;\n}\n\n@keyframes shake-bottom {\n  0%,\n  100% {\n    transform: rotate(0deg);\n    transform-origin: 50% 100%;\n  }\n\n  10% {\n    transform: rotate(2deg);\n  }\n\n  20%,\n  40%,\n  60% {\n    transform: rotate(-4deg);\n  }\n\n  30%,\n  50%,\n  70% {\n    transform: rotate(4deg);\n  }\n\n  80% {\n    transform: rotate(-2deg);\n  }\n\n  90% {\n    transform: rotate(2deg);\n  }\n}\n\n.no-reduce-motion .shake-bottom {\n  transform-origin: 50% 100%;\n  animation: shake-bottom 0.8s cubic-bezier(0.455, 0.03, 0.515, 0.955) 2s 2 both;\n}\n\n.emoji-picker-dropdown__menu {\n  background: $simple-background-color;\n  position: absolute;\n  box-shadow: 4px 4px 6px rgba($base-shadow-color, 0.4);\n  border-radius: 4px;\n  margin-top: 5px;\n  z-index: 2;\n\n  .emoji-mart-scroll {\n    transition: opacity 200ms ease;\n  }\n\n  &.selecting .emoji-mart-scroll {\n    opacity: 0.5;\n  }\n}\n\n.emoji-picker-dropdown__modifiers {\n  position: absolute;\n  top: 60px;\n  right: 11px;\n  cursor: pointer;\n}\n\n.emoji-picker-dropdown__modifiers__menu {\n  position: absolute;\n  z-index: 4;\n  top: -4px;\n  left: -8px;\n  background: $simple-background-color;\n  border-radius: 4px;\n  box-shadow: 1px 2px 6px rgba($base-shadow-color, 0.2);\n  overflow: hidden;\n\n  button {\n    display: block;\n    cursor: pointer;\n    border: 0;\n    padding: 4px 8px;\n    background: transparent;\n\n    &:hover,\n    &:focus,\n    &:active {\n      background: rgba($ui-secondary-color, 0.4);\n    }\n  }\n\n  .emoji-mart-emoji {\n    height: 22px;\n  }\n}\n\n.emoji-mart-emoji {\n  span {\n    background-repeat: no-repeat;\n  }\n}\n\n.upload-area {\n  align-items: center;\n  background: rgba($base-overlay-background, 0.8);\n  display: flex;\n  height: 100%;\n  justify-content: center;\n  left: 0;\n  opacity: 0;\n  position: absolute;\n  top: 0;\n  visibility: hidden;\n  width: 100%;\n  z-index: 2000;\n\n  * {\n    pointer-events: none;\n  }\n}\n\n.upload-area__drop {\n  width: 320px;\n  height: 160px;\n  display: flex;\n  box-sizing: border-box;\n  position: relative;\n  padding: 8px;\n}\n\n.upload-area__background {\n  position: absolute;\n  top: 0;\n  right: 0;\n  bottom: 0;\n  left: 0;\n  z-index: -1;\n  border-radius: 4px;\n  background: $ui-base-color;\n  box-shadow: 0 0 5px rgba($base-shadow-color, 0.2);\n}\n\n.upload-area__content {\n  flex: 1;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  color: $secondary-text-color;\n  font-size: 18px;\n  font-weight: 500;\n  border: 2px dashed $ui-base-lighter-color;\n  border-radius: 4px;\n}\n\n.upload-progress {\n  padding: 10px;\n  color: $lighter-text-color;\n  overflow: hidden;\n  display: flex;\n\n  .fa {\n    font-size: 34px;\n    margin-right: 10px;\n  }\n\n  span {\n    font-size: 13px;\n    font-weight: 500;\n    display: block;\n  }\n}\n\n.upload-progess__message {\n  flex: 1 1 auto;\n}\n\n.upload-progress__backdrop {\n  width: 100%;\n  height: 6px;\n  border-radius: 6px;\n  background: $ui-base-lighter-color;\n  position: relative;\n  margin-top: 5px;\n}\n\n.upload-progress__tracker {\n  position: absolute;\n  left: 0;\n  top: 0;\n  height: 6px;\n  background: $ui-highlight-color;\n  border-radius: 6px;\n}\n\n.emoji-button {\n  display: block;\n  font-size: 24px;\n  line-height: 24px;\n  margin-left: 2px;\n  width: 24px;\n  outline: 0;\n  cursor: pointer;\n\n  &:active,\n  &:focus {\n    outline: 0 !important;\n  }\n\n  img {\n    filter: grayscale(100%);\n    opacity: 0.8;\n    display: block;\n    margin: 0;\n    width: 22px;\n    height: 22px;\n    margin-top: 2px;\n  }\n\n  &:hover,\n  &:active,\n  &:focus {\n    img {\n      opacity: 1;\n      filter: none;\n    }\n  }\n}\n\n.dropdown--active .emoji-button img {\n  opacity: 1;\n  filter: none;\n}\n\n.privacy-dropdown__dropdown {\n  position: absolute;\n  background: $simple-background-color;\n  box-shadow: 2px 4px 15px rgba($base-shadow-color, 0.4);\n  border-radius: 4px;\n  margin-left: 40px;\n  overflow: hidden;\n\n  &.top {\n    transform-origin: 50% 100%;\n  }\n\n  &.bottom {\n    transform-origin: 50% 0;\n  }\n}\n\n.privacy-dropdown__option {\n  color: $inverted-text-color;\n  padding: 10px;\n  cursor: pointer;\n  display: flex;\n\n  &:hover,\n  &.active {\n    background: $ui-highlight-color;\n    color: $primary-text-color;\n    outline: 0;\n\n    .privacy-dropdown__option__content {\n      color: $primary-text-color;\n\n      strong {\n        color: $primary-text-color;\n      }\n    }\n  }\n\n  &.active:hover {\n    background: lighten($ui-highlight-color, 4%);\n  }\n}\n\n.privacy-dropdown__option__icon {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  margin-right: 10px;\n}\n\n.privacy-dropdown__option__content {\n  flex: 1 1 auto;\n  color: $lighter-text-color;\n\n  strong {\n    font-weight: 500;\n    display: block;\n    color: $inverted-text-color;\n\n    @each $lang in $cjk-langs {\n      &:lang(#{$lang}) {\n        font-weight: 700;\n      }\n    }\n  }\n}\n\n.privacy-dropdown.active {\n  .privacy-dropdown__value {\n    background: $simple-background-color;\n    border-radius: 4px 4px 0 0;\n    box-shadow: 0 -4px 4px rgba($base-shadow-color, 0.1);\n\n    .icon-button {\n      transition: none;\n    }\n\n    &.active {\n      background: $ui-highlight-color;\n\n      .icon-button {\n        color: $primary-text-color;\n      }\n    }\n  }\n\n  &.top .privacy-dropdown__value {\n    border-radius: 0 0 4px 4px;\n  }\n\n  .privacy-dropdown__dropdown {\n    display: block;\n    box-shadow: 2px 4px 6px rgba($base-shadow-color, 0.1);\n  }\n}\n\n.search {\n  position: relative;\n}\n\n.search__input {\n  @include search-input;\n\n  display: block;\n  padding: 15px;\n  padding-right: 30px;\n  line-height: 18px;\n  font-size: 16px;\n\n  &::placeholder {\n    color: lighten($darker-text-color, 4%);\n  }\n\n  &::-moz-focus-inner {\n    border: 0;\n  }\n\n  &::-moz-focus-inner,\n  &:focus,\n  &:active {\n    outline: 0 !important;\n  }\n\n  &:focus {\n    background: lighten($ui-base-color, 4%);\n  }\n\n  @media screen and (max-width: 600px) {\n    font-size: 16px;\n  }\n}\n\n.search__icon {\n  &::-moz-focus-inner {\n    border: 0;\n  }\n\n  &::-moz-focus-inner,\n  &:focus {\n    outline: 0 !important;\n  }\n\n  .fa {\n    position: absolute;\n    top: 16px;\n    right: 10px;\n    z-index: 2;\n    display: inline-block;\n    opacity: 0;\n    transition: all 100ms linear;\n    transition-property: transform, opacity;\n    font-size: 18px;\n    width: 18px;\n    height: 18px;\n    color: $secondary-text-color;\n    cursor: default;\n    pointer-events: none;\n\n    &.active {\n      pointer-events: auto;\n      opacity: 0.3;\n    }\n  }\n\n  .fa-search {\n    transform: rotate(90deg);\n\n    &.active {\n      pointer-events: none;\n      transform: rotate(0deg);\n    }\n  }\n\n  .fa-times-circle {\n    top: 17px;\n    transform: rotate(0deg);\n    color: $action-button-color;\n    cursor: pointer;\n\n    &.active {\n      transform: rotate(90deg);\n    }\n\n    &:hover {\n      color: lighten($action-button-color, 7%);\n    }\n  }\n}\n\n.search-results__header {\n  color: $dark-text-color;\n  background: lighten($ui-base-color, 2%);\n  padding: 15px;\n  font-weight: 500;\n  font-size: 16px;\n  cursor: default;\n\n  .fa {\n    display: inline-block;\n    margin-right: 5px;\n  }\n}\n\n.search-results__section {\n  margin-bottom: 5px;\n\n  h5 {\n    background: darken($ui-base-color, 4%);\n    border-bottom: 1px solid lighten($ui-base-color, 8%);\n    cursor: default;\n    display: flex;\n    padding: 15px;\n    font-weight: 500;\n    font-size: 16px;\n    color: $dark-text-color;\n\n    .fa {\n      display: inline-block;\n      margin-right: 5px;\n    }\n  }\n\n  .account:last-child,\n  & > div:last-child .status {\n    border-bottom: 0;\n  }\n}\n\n.search-results__hashtag {\n  display: block;\n  padding: 10px;\n  color: $secondary-text-color;\n  text-decoration: none;\n\n  &:hover,\n  &:active,\n  &:focus {\n    color: lighten($secondary-text-color, 4%);\n    text-decoration: underline;\n  }\n}\n\n.search-results__info {\n  padding: 20px;\n  color: $darker-text-color;\n  text-align: center;\n}\n\n.modal-root {\n  position: relative;\n  transition: opacity 0.3s linear;\n  will-change: opacity;\n  z-index: 9999;\n}\n\n.modal-root__overlay {\n  position: fixed;\n  top: 0;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  background: rgba($base-overlay-background, 0.7);\n}\n\n.modal-root__container {\n  position: fixed;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  align-content: space-around;\n  z-index: 9999;\n  pointer-events: none;\n  user-select: none;\n}\n\n.modal-root__modal {\n  pointer-events: auto;\n  display: flex;\n  z-index: 9999;\n}\n\n.video-modal__container {\n  max-width: 100vw;\n  max-height: 100vh;\n}\n\n.audio-modal__container {\n  width: 50vw;\n}\n\n.media-modal {\n  width: 100%;\n  height: 100%;\n  position: relative;\n\n  .extended-video-player {\n    width: 100%;\n    height: 100%;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n\n    video {\n      max-width: $media-modal-media-max-width;\n      max-height: $media-modal-media-max-height;\n    }\n  }\n}\n\n.media-modal__closer {\n  position: absolute;\n  top: 0;\n  left: 0;\n  right: 0;\n  bottom: 0;\n}\n\n.media-modal__navigation {\n  position: absolute;\n  top: 0;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  pointer-events: none;\n  transition: opacity 0.3s linear;\n  will-change: opacity;\n\n  * {\n    pointer-events: auto;\n  }\n\n  &.media-modal__navigation--hidden {\n    opacity: 0;\n\n    * {\n      pointer-events: none;\n    }\n  }\n}\n\n.media-modal__nav {\n  background: rgba($base-overlay-background, 0.5);\n  box-sizing: border-box;\n  border: 0;\n  color: $primary-text-color;\n  cursor: pointer;\n  display: flex;\n  align-items: center;\n  font-size: 24px;\n  height: 20vmax;\n  margin: auto 0;\n  padding: 30px 15px;\n  position: absolute;\n  top: 0;\n  bottom: 0;\n}\n\n.media-modal__nav--left {\n  left: 0;\n}\n\n.media-modal__nav--right {\n  right: 0;\n}\n\n.media-modal__pagination {\n  width: 100%;\n  text-align: center;\n  position: absolute;\n  left: 0;\n  bottom: 20px;\n  pointer-events: none;\n}\n\n.media-modal__meta {\n  text-align: center;\n  position: absolute;\n  left: 0;\n  bottom: 20px;\n  width: 100%;\n  pointer-events: none;\n\n  &--shifted {\n    bottom: 62px;\n  }\n\n  a {\n    pointer-events: auto;\n    text-decoration: none;\n    font-weight: 500;\n    color: $ui-secondary-color;\n\n    &:hover,\n    &:focus,\n    &:active {\n      text-decoration: underline;\n    }\n  }\n}\n\n.media-modal__page-dot {\n  display: inline-block;\n}\n\n.media-modal__button {\n  background-color: $primary-text-color;\n  height: 12px;\n  width: 12px;\n  border-radius: 6px;\n  margin: 10px;\n  padding: 0;\n  border: 0;\n  font-size: 0;\n}\n\n.media-modal__button--active {\n  background-color: $highlight-text-color;\n}\n\n.media-modal__close {\n  position: absolute;\n  right: 8px;\n  top: 8px;\n  z-index: 100;\n}\n\n.onboarding-modal,\n.error-modal,\n.embed-modal {\n  background: $ui-secondary-color;\n  color: $inverted-text-color;\n  border-radius: 8px;\n  overflow: hidden;\n  display: flex;\n  flex-direction: column;\n}\n\n.error-modal__body {\n  height: 80vh;\n  width: 80vw;\n  max-width: 520px;\n  max-height: 420px;\n  position: relative;\n\n  & > div {\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n    box-sizing: border-box;\n    padding: 25px;\n    display: none;\n    flex-direction: column;\n    align-items: center;\n    justify-content: center;\n    display: flex;\n    opacity: 0;\n    user-select: text;\n  }\n}\n\n.error-modal__body {\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  align-items: center;\n  text-align: center;\n}\n\n.onboarding-modal__paginator,\n.error-modal__footer {\n  flex: 0 0 auto;\n  background: darken($ui-secondary-color, 8%);\n  display: flex;\n  padding: 25px;\n\n  & > div {\n    min-width: 33px;\n  }\n\n  .onboarding-modal__nav,\n  .error-modal__nav {\n    color: $lighter-text-color;\n    border: 0;\n    font-size: 14px;\n    font-weight: 500;\n    padding: 10px 25px;\n    line-height: inherit;\n    height: auto;\n    margin: -10px;\n    border-radius: 4px;\n    background-color: transparent;\n\n    &:hover,\n    &:focus,\n    &:active {\n      color: darken($lighter-text-color, 4%);\n      background-color: darken($ui-secondary-color, 16%);\n    }\n\n    &.onboarding-modal__done,\n    &.onboarding-modal__next {\n      color: $inverted-text-color;\n\n      &:hover,\n      &:focus,\n      &:active {\n        color: lighten($inverted-text-color, 4%);\n      }\n    }\n  }\n}\n\n.error-modal__footer {\n  justify-content: center;\n}\n\n.display-case {\n  text-align: center;\n  font-size: 15px;\n  margin-bottom: 15px;\n\n  &__label {\n    font-weight: 500;\n    color: $inverted-text-color;\n    margin-bottom: 5px;\n    font-size: 13px;\n  }\n\n  &__case {\n    background: $ui-base-color;\n    color: $secondary-text-color;\n    font-weight: 500;\n    padding: 10px;\n    border-radius: 4px;\n  }\n}\n\n.onboard-sliders {\n  display: inline-block;\n  max-width: 30px;\n  max-height: auto;\n  margin-left: 10px;\n}\n\n.boost-modal,\n.confirmation-modal,\n.report-modal,\n.actions-modal,\n.mute-modal,\n.block-modal {\n  background: lighten($ui-secondary-color, 8%);\n  color: $inverted-text-color;\n  border-radius: 8px;\n  overflow: hidden;\n  max-width: 90vw;\n  width: 480px;\n  position: relative;\n  flex-direction: column;\n\n  .status__display-name {\n    display: block;\n    max-width: 100%;\n    padding-right: 25px;\n  }\n\n  .status__avatar {\n    height: 28px;\n    left: 10px;\n    position: absolute;\n    top: 10px;\n    width: 48px;\n  }\n\n  .status__content__spoiler-link {\n    color: lighten($secondary-text-color, 8%);\n  }\n}\n\n.actions-modal {\n  .status {\n    background: $white;\n    border-bottom-color: $ui-secondary-color;\n    padding-top: 10px;\n    padding-bottom: 10px;\n  }\n\n  .dropdown-menu__separator {\n    border-bottom-color: $ui-secondary-color;\n  }\n}\n\n.boost-modal__container {\n  overflow-x: scroll;\n  padding: 10px;\n\n  .status {\n    user-select: text;\n    border-bottom: 0;\n  }\n}\n\n.boost-modal__action-bar,\n.confirmation-modal__action-bar,\n.mute-modal__action-bar,\n.block-modal__action-bar {\n  display: flex;\n  justify-content: space-between;\n  background: $ui-secondary-color;\n  padding: 10px;\n  line-height: 36px;\n\n  & > div {\n    flex: 1 1 auto;\n    text-align: right;\n    color: $lighter-text-color;\n    padding-right: 10px;\n  }\n\n  .button {\n    flex: 0 0 auto;\n  }\n}\n\n.boost-modal__status-header {\n  font-size: 15px;\n}\n\n.boost-modal__status-time {\n  float: right;\n  font-size: 14px;\n}\n\n.mute-modal,\n.block-modal {\n  line-height: 24px;\n}\n\n.mute-modal .react-toggle,\n.block-modal .react-toggle {\n  vertical-align: middle;\n}\n\n.report-modal {\n  width: 90vw;\n  max-width: 700px;\n}\n\n.report-modal__container {\n  display: flex;\n  border-top: 1px solid $ui-secondary-color;\n\n  @media screen and (max-width: 480px) {\n    flex-wrap: wrap;\n    overflow-y: auto;\n  }\n}\n\n.report-modal__statuses,\n.report-modal__comment {\n  box-sizing: border-box;\n  width: 50%;\n\n  @media screen and (max-width: 480px) {\n    width: 100%;\n  }\n}\n\n.report-modal__statuses,\n.focal-point-modal__content {\n  flex: 1 1 auto;\n  min-height: 20vh;\n  max-height: 80vh;\n  overflow-y: auto;\n  overflow-x: hidden;\n\n  .status__content a {\n    color: $highlight-text-color;\n  }\n\n  .status__content,\n  .status__content p {\n    color: $inverted-text-color;\n  }\n\n  @media screen and (max-width: 480px) {\n    max-height: 10vh;\n  }\n}\n\n.focal-point-modal__content {\n  @media screen and (max-width: 480px) {\n    max-height: 40vh;\n  }\n}\n\n.report-modal__comment {\n  padding: 20px;\n  border-right: 1px solid $ui-secondary-color;\n  max-width: 320px;\n\n  p {\n    font-size: 14px;\n    line-height: 20px;\n    margin-bottom: 20px;\n  }\n\n  .setting-text {\n    display: block;\n    box-sizing: border-box;\n    width: 100%;\n    margin: 0;\n    color: $inverted-text-color;\n    background: $white;\n    padding: 10px;\n    font-family: inherit;\n    font-size: 14px;\n    resize: none;\n    border: 0;\n    outline: 0;\n    border-radius: 4px;\n    border: 1px solid $ui-secondary-color;\n    min-height: 100px;\n    max-height: 50vh;\n    margin-bottom: 10px;\n\n    &:focus {\n      border: 1px solid darken($ui-secondary-color, 8%);\n    }\n\n    &__wrapper {\n      background: $white;\n      border: 1px solid $ui-secondary-color;\n      margin-bottom: 10px;\n      border-radius: 4px;\n\n      .setting-text {\n        border: 0;\n        margin-bottom: 0;\n        border-radius: 0;\n\n        &:focus {\n          border: 0;\n        }\n      }\n\n      &__modifiers {\n        color: $inverted-text-color;\n        font-family: inherit;\n        font-size: 14px;\n        background: $white;\n      }\n    }\n\n    &__toolbar {\n      display: flex;\n      justify-content: space-between;\n      margin-bottom: 20px;\n    }\n  }\n\n  .setting-text-label {\n    display: block;\n    color: $inverted-text-color;\n    font-size: 14px;\n    font-weight: 500;\n    margin-bottom: 10px;\n  }\n\n  .setting-toggle {\n    margin-top: 20px;\n    margin-bottom: 24px;\n\n    &__label {\n      color: $inverted-text-color;\n      font-size: 14px;\n    }\n  }\n\n  @media screen and (max-width: 480px) {\n    padding: 10px;\n    max-width: 100%;\n    order: 2;\n\n    .setting-toggle {\n      margin-bottom: 4px;\n    }\n  }\n}\n\n.actions-modal {\n  max-height: 80vh;\n  max-width: 80vw;\n\n  .status {\n    overflow-y: auto;\n    max-height: 300px;\n  }\n\n  .actions-modal__item-label {\n    font-weight: 500;\n  }\n\n  ul {\n    overflow-y: auto;\n    flex-shrink: 0;\n    max-height: 80vh;\n\n    &.with-status {\n      max-height: calc(80vh - 75px);\n    }\n\n    li:empty {\n      margin: 0;\n    }\n\n    li:not(:empty) {\n      a {\n        color: $inverted-text-color;\n        display: flex;\n        padding: 12px 16px;\n        font-size: 15px;\n        align-items: center;\n        text-decoration: none;\n\n        &,\n        button {\n          transition: none;\n        }\n\n        &.active,\n        &:hover,\n        &:active,\n        &:focus {\n          &,\n          button {\n            background: $ui-highlight-color;\n            color: $primary-text-color;\n          }\n        }\n\n        button:first-child {\n          margin-right: 10px;\n        }\n      }\n    }\n  }\n}\n\n.confirmation-modal__action-bar,\n.mute-modal__action-bar,\n.block-modal__action-bar {\n  .confirmation-modal__secondary-button {\n    flex-shrink: 1;\n  }\n}\n\n.confirmation-modal__secondary-button,\n.confirmation-modal__cancel-button,\n.mute-modal__cancel-button,\n.block-modal__cancel-button {\n  background-color: transparent;\n  color: $lighter-text-color;\n  font-size: 14px;\n  font-weight: 500;\n\n  &:hover,\n  &:focus,\n  &:active {\n    color: darken($lighter-text-color, 4%);\n    background-color: transparent;\n  }\n}\n\n.confirmation-modal__container,\n.mute-modal__container,\n.block-modal__container,\n.report-modal__target {\n  padding: 30px;\n  font-size: 16px;\n\n  strong {\n    font-weight: 500;\n\n    @each $lang in $cjk-langs {\n      &:lang(#{$lang}) {\n        font-weight: 700;\n      }\n    }\n  }\n}\n\n.confirmation-modal__container,\n.report-modal__target {\n  text-align: center;\n}\n\n.block-modal,\n.mute-modal {\n  &__explanation {\n    margin-top: 20px;\n  }\n\n  .setting-toggle {\n    margin-top: 20px;\n    margin-bottom: 24px;\n    display: flex;\n    align-items: center;\n\n    &__label {\n      color: $inverted-text-color;\n      margin: 0;\n      margin-left: 8px;\n    }\n  }\n}\n\n.report-modal__target {\n  padding: 15px;\n\n  .media-modal__close {\n    top: 14px;\n    right: 15px;\n  }\n}\n\n.loading-bar {\n  background-color: $highlight-text-color;\n  height: 3px;\n  position: absolute;\n  top: 0;\n  left: 0;\n  z-index: 9999;\n}\n\n.media-gallery__gifv__label {\n  display: block;\n  position: absolute;\n  color: $primary-text-color;\n  background: rgba($base-overlay-background, 0.5);\n  bottom: 6px;\n  left: 6px;\n  padding: 2px 6px;\n  border-radius: 2px;\n  font-size: 11px;\n  font-weight: 600;\n  z-index: 1;\n  pointer-events: none;\n  opacity: 0.9;\n  transition: opacity 0.1s ease;\n  line-height: 18px;\n}\n\n.media-gallery__gifv {\n  &.autoplay {\n    .media-gallery__gifv__label {\n      display: none;\n    }\n  }\n\n  &:hover {\n    .media-gallery__gifv__label {\n      opacity: 1;\n    }\n  }\n}\n\n.media-gallery__audio {\n  margin-top: 32px;\n\n  audio {\n    width: 100%;\n  }\n}\n\n.attachment-list {\n  display: flex;\n  font-size: 14px;\n  border: 1px solid lighten($ui-base-color, 8%);\n  border-radius: 4px;\n  margin-top: 14px;\n  overflow: hidden;\n\n  &__icon {\n    flex: 0 0 auto;\n    color: $dark-text-color;\n    padding: 8px 18px;\n    cursor: default;\n    border-right: 1px solid lighten($ui-base-color, 8%);\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    justify-content: center;\n    font-size: 26px;\n\n    .fa {\n      display: block;\n    }\n  }\n\n  &__list {\n    list-style: none;\n    padding: 4px 0;\n    padding-left: 8px;\n    display: flex;\n    flex-direction: column;\n    justify-content: center;\n\n    li {\n      display: block;\n      padding: 4px 0;\n    }\n\n    a {\n      text-decoration: none;\n      color: $dark-text-color;\n      font-weight: 500;\n\n      &:hover {\n        text-decoration: underline;\n      }\n    }\n  }\n\n  &.compact {\n    border: 0;\n    margin-top: 4px;\n\n    .attachment-list__list {\n      padding: 0;\n      display: block;\n    }\n\n    .fa {\n      color: $dark-text-color;\n    }\n  }\n}\n\n/* Media Gallery */\n.media-gallery {\n  box-sizing: border-box;\n  margin-top: 8px;\n  overflow: hidden;\n  border-radius: 4px;\n  position: relative;\n  width: 100%;\n}\n\n.media-gallery__item {\n  border: 0;\n  box-sizing: border-box;\n  display: block;\n  float: left;\n  position: relative;\n  border-radius: 4px;\n  overflow: hidden;\n\n  &.standalone {\n    .media-gallery__item-gifv-thumbnail {\n      transform: none;\n      top: 0;\n    }\n  }\n}\n\n.media-gallery__item-thumbnail {\n  cursor: zoom-in;\n  display: block;\n  text-decoration: none;\n  color: $secondary-text-color;\n  position: relative;\n  z-index: 1;\n\n  &,\n  img {\n    height: 100%;\n    width: 100%;\n  }\n\n  img {\n    object-fit: cover;\n  }\n}\n\n.media-gallery__preview {\n  width: 100%;\n  height: 100%;\n  object-fit: cover;\n  position: absolute;\n  top: 0;\n  left: 0;\n  z-index: 0;\n  background: $base-overlay-background;\n\n  &--hidden {\n    display: none;\n  }\n}\n\n.media-gallery__gifv {\n  height: 100%;\n  overflow: hidden;\n  position: relative;\n  width: 100%;\n}\n\n.media-gallery__item-gifv-thumbnail {\n  cursor: zoom-in;\n  height: 100%;\n  object-fit: cover;\n  position: relative;\n  top: 50%;\n  transform: translateY(-50%);\n  width: 100%;\n  z-index: 1;\n}\n\n.media-gallery__item-thumbnail-label {\n  clip: rect(1px 1px 1px 1px); /* IE6, IE7 */\n  clip: rect(1px, 1px, 1px, 1px);\n  overflow: hidden;\n  position: absolute;\n}\n/* End Media Gallery */\n\n.detailed,\n.fullscreen {\n  .video-player__volume__current,\n  .video-player__volume::before {\n    bottom: 27px;\n  }\n\n  .video-player__volume__handle {\n    bottom: 23px;\n  }\n\n}\n\n.audio-player {\n  box-sizing: border-box;\n  position: relative;\n  background: darken($ui-base-color, 8%);\n  border-radius: 4px;\n  padding-bottom: 44px;\n  direction: ltr;\n\n  &.editable {\n    border-radius: 0;\n    height: 100%;\n  }\n\n  &__waveform {\n    padding: 15px 0;\n    position: relative;\n    overflow: hidden;\n\n    &::before {\n      content: \"\";\n      display: block;\n      position: absolute;\n      border-top: 1px solid lighten($ui-base-color, 4%);\n      width: 100%;\n      height: 0;\n      left: 0;\n      top: calc(50% + 1px);\n    }\n  }\n\n  &__progress-placeholder {\n    background-color: rgba(lighten($ui-highlight-color, 8%), 0.5);\n  }\n\n  &__wave-placeholder {\n    background-color: lighten($ui-base-color, 16%);\n  }\n\n  .video-player__controls {\n    padding: 0 15px;\n    padding-top: 10px;\n    background: darken($ui-base-color, 8%);\n    border-top: 1px solid lighten($ui-base-color, 4%);\n    border-radius: 0 0 4px 4px;\n  }\n}\n\n.video-player {\n  overflow: hidden;\n  position: relative;\n  background: $base-shadow-color;\n  max-width: 100%;\n  border-radius: 4px;\n  box-sizing: border-box;\n  direction: ltr;\n\n  &.editable {\n    border-radius: 0;\n    height: 100% !important;\n  }\n\n  &:focus {\n    outline: 0;\n  }\n\n  video {\n    max-width: 100vw;\n    max-height: 80vh;\n    z-index: 1;\n  }\n\n  &.fullscreen {\n    width: 100% !important;\n    height: 100% !important;\n    margin: 0;\n\n    video {\n      max-width: 100% !important;\n      max-height: 100% !important;\n      width: 100% !important;\n      height: 100% !important;\n      outline: 0;\n    }\n  }\n\n  &.inline {\n    video {\n      object-fit: contain;\n      position: relative;\n      top: 50%;\n      transform: translateY(-50%);\n    }\n  }\n\n  &__controls {\n    position: absolute;\n    z-index: 2;\n    bottom: 0;\n    left: 0;\n    right: 0;\n    box-sizing: border-box;\n    background: linear-gradient(0deg, rgba($base-shadow-color, 0.85) 0, rgba($base-shadow-color, 0.45) 60%, transparent);\n    padding: 0 15px;\n    opacity: 0;\n    transition: opacity .1s ease;\n\n    &.active {\n      opacity: 1;\n    }\n  }\n\n  &.inactive {\n    video,\n    .video-player__controls {\n      visibility: hidden;\n    }\n  }\n\n  &__spoiler {\n    display: none;\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n    z-index: 4;\n    border: 0;\n    background: $base-overlay-background;\n    color: $darker-text-color;\n    transition: none;\n    pointer-events: none;\n\n    &.active {\n      display: block;\n      pointer-events: auto;\n\n      &:hover,\n      &:active,\n      &:focus {\n        color: lighten($darker-text-color, 7%);\n      }\n    }\n\n    &__title {\n      display: block;\n      font-size: 14px;\n    }\n\n    &__subtitle {\n      display: block;\n      font-size: 11px;\n      font-weight: 500;\n    }\n  }\n\n  &__buttons-bar {\n    display: flex;\n    justify-content: space-between;\n    padding-bottom: 10px;\n\n    .video-player__download__icon {\n      color: inherit;\n    }\n  }\n\n  &__buttons {\n    font-size: 16px;\n    white-space: nowrap;\n    overflow: hidden;\n    text-overflow: ellipsis;\n\n    &.left {\n      button {\n        padding-left: 0;\n      }\n    }\n\n    &.right {\n      button {\n        padding-right: 0;\n      }\n    }\n\n    button {\n      background: transparent;\n      padding: 2px 10px;\n      font-size: 16px;\n      border: 0;\n      color: rgba($white, 0.75);\n\n      &:active,\n      &:hover,\n      &:focus {\n        color: $white;\n      }\n    }\n  }\n\n  &__time-sep,\n  &__time-total,\n  &__time-current {\n    font-size: 14px;\n    font-weight: 500;\n  }\n\n  &__time-current {\n    color: $white;\n    margin-left: 60px;\n  }\n\n  &__time-sep {\n    display: inline-block;\n    margin: 0 6px;\n  }\n\n  &__time-sep,\n  &__time-total {\n    color: $white;\n  }\n\n  &__volume {\n    cursor: pointer;\n    height: 24px;\n    display: inline;\n\n    &::before {\n      content: \"\";\n      width: 50px;\n      background: rgba($white, 0.35);\n      border-radius: 4px;\n      display: block;\n      position: absolute;\n      height: 4px;\n      left: 70px;\n      bottom: 20px;\n    }\n\n    &__current {\n      display: block;\n      position: absolute;\n      height: 4px;\n      border-radius: 4px;\n      left: 70px;\n      bottom: 20px;\n      background: lighten($ui-highlight-color, 8%);\n    }\n\n    &__handle {\n      position: absolute;\n      z-index: 3;\n      border-radius: 50%;\n      width: 12px;\n      height: 12px;\n      bottom: 16px;\n      left: 70px;\n      transition: opacity .1s ease;\n      background: lighten($ui-highlight-color, 8%);\n      box-shadow: 1px 2px 6px rgba($base-shadow-color, 0.2);\n      pointer-events: none;\n    }\n  }\n\n  &__link {\n    padding: 2px 10px;\n\n    a {\n      text-decoration: none;\n      font-size: 14px;\n      font-weight: 500;\n      color: $white;\n\n      &:hover,\n      &:active,\n      &:focus {\n        text-decoration: underline;\n      }\n    }\n  }\n\n  &__seek {\n    cursor: pointer;\n    height: 24px;\n    position: relative;\n\n    &::before {\n      content: \"\";\n      width: 100%;\n      background: rgba($white, 0.35);\n      border-radius: 4px;\n      display: block;\n      position: absolute;\n      height: 4px;\n      top: 10px;\n    }\n\n    &__progress,\n    &__buffer {\n      display: block;\n      position: absolute;\n      height: 4px;\n      border-radius: 4px;\n      top: 10px;\n      background: lighten($ui-highlight-color, 8%);\n    }\n\n    &__buffer {\n      background: rgba($white, 0.2);\n    }\n\n    &__handle {\n      position: absolute;\n      z-index: 3;\n      opacity: 0;\n      border-radius: 50%;\n      width: 12px;\n      height: 12px;\n      top: 6px;\n      margin-left: -6px;\n      transition: opacity .1s ease;\n      background: lighten($ui-highlight-color, 8%);\n      box-shadow: 1px 2px 6px rgba($base-shadow-color, 0.2);\n      pointer-events: none;\n\n      &.active {\n        opacity: 1;\n      }\n    }\n\n    &:hover {\n      .video-player__seek__handle {\n        opacity: 1;\n      }\n    }\n  }\n\n  &.detailed,\n  &.fullscreen {\n    .video-player__buttons {\n      button {\n        padding-top: 10px;\n        padding-bottom: 10px;\n      }\n    }\n  }\n}\n\n.directory {\n  &__list {\n    width: 100%;\n    margin: 10px 0;\n    transition: opacity 100ms ease-in;\n\n    &.loading {\n      opacity: 0.7;\n    }\n\n    @media screen and (max-width: $no-gap-breakpoint) {\n      margin: 0;\n    }\n  }\n\n  &__card {\n    box-sizing: border-box;\n    margin-bottom: 10px;\n\n    &__img {\n      height: 125px;\n      position: relative;\n      background: darken($ui-base-color, 12%);\n      overflow: hidden;\n\n      img {\n        display: block;\n        width: 100%;\n        height: 100%;\n        margin: 0;\n        object-fit: cover;\n      }\n    }\n\n    &__bar {\n      display: flex;\n      align-items: center;\n      background: lighten($ui-base-color, 4%);\n      padding: 10px;\n\n      &__name {\n        flex: 1 1 auto;\n        display: flex;\n        align-items: center;\n        text-decoration: none;\n        overflow: hidden;\n      }\n\n      &__relationship {\n        width: 23px;\n        min-height: 1px;\n        flex: 0 0 auto;\n      }\n\n      .avatar {\n        flex: 0 0 auto;\n        width: 48px;\n        height: 48px;\n        padding-top: 2px;\n\n        img {\n          width: 100%;\n          height: 100%;\n          display: block;\n          margin: 0;\n          border-radius: 4px;\n          background: darken($ui-base-color, 8%);\n          object-fit: cover;\n        }\n      }\n\n      .display-name {\n        margin-left: 15px;\n        text-align: left;\n\n        strong {\n          font-size: 15px;\n          color: $primary-text-color;\n          font-weight: 500;\n          overflow: hidden;\n          text-overflow: ellipsis;\n        }\n\n        span {\n          display: block;\n          font-size: 14px;\n          color: $darker-text-color;\n          font-weight: 400;\n          overflow: hidden;\n          text-overflow: ellipsis;\n        }\n      }\n    }\n\n    &__extra {\n      background: $ui-base-color;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n\n      .accounts-table__count {\n        width: 33.33%;\n        flex: 0 0 auto;\n        padding: 15px 0;\n      }\n\n      .account__header__content {\n        box-sizing: border-box;\n        padding: 15px 10px;\n        border-bottom: 1px solid lighten($ui-base-color, 8%);\n        width: 100%;\n        min-height: 18px + 30px;\n        white-space: nowrap;\n        overflow: hidden;\n        text-overflow: ellipsis;\n\n        p {\n          display: none;\n\n          &:first-child {\n            display: inline;\n          }\n        }\n\n        br {\n          display: none;\n        }\n      }\n    }\n  }\n}\n\n.account-gallery__container {\n  display: flex;\n  flex-wrap: wrap;\n  padding: 4px 2px;\n}\n\n.account-gallery__item {\n  border: 0;\n  box-sizing: border-box;\n  display: block;\n  position: relative;\n  border-radius: 4px;\n  overflow: hidden;\n  margin: 2px;\n\n  &__icons {\n    position: absolute;\n    top: 50%;\n    left: 50%;\n    transform: translate(-50%, -50%);\n    font-size: 24px;\n  }\n}\n\n.notification__filter-bar,\n.account__section-headline {\n  background: darken($ui-base-color, 4%);\n  border-bottom: 1px solid lighten($ui-base-color, 8%);\n  cursor: default;\n  display: flex;\n  flex-shrink: 0;\n\n  button {\n    background: darken($ui-base-color, 4%);\n    border: 0;\n    margin: 0;\n  }\n\n  button,\n  a {\n    display: block;\n    flex: 1 1 auto;\n    color: $darker-text-color;\n    padding: 15px 0;\n    font-size: 14px;\n    font-weight: 500;\n    text-align: center;\n    text-decoration: none;\n    position: relative;\n\n    &.active {\n      color: $secondary-text-color;\n\n      &::before,\n      &::after {\n        display: block;\n        content: \"\";\n        position: absolute;\n        bottom: 0;\n        left: 50%;\n        width: 0;\n        height: 0;\n        transform: translateX(-50%);\n        border-style: solid;\n        border-width: 0 10px 10px;\n        border-color: transparent transparent lighten($ui-base-color, 8%);\n      }\n\n      &::after {\n        bottom: -1px;\n        border-color: transparent transparent $ui-base-color;\n      }\n    }\n  }\n\n  &.directory__section-headline {\n    background: darken($ui-base-color, 2%);\n    border-bottom-color: transparent;\n\n    a,\n    button {\n      &.active {\n        &::before {\n          display: none;\n        }\n\n        &::after {\n          border-color: transparent transparent darken($ui-base-color, 7%);\n        }\n      }\n    }\n  }\n}\n\n.filter-form {\n  background: $ui-base-color;\n\n  &__column {\n    padding: 10px 15px;\n  }\n\n  .radio-button {\n    display: block;\n  }\n}\n\n.radio-button {\n  font-size: 14px;\n  position: relative;\n  display: inline-block;\n  padding: 6px 0;\n  line-height: 18px;\n  cursor: default;\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  cursor: pointer;\n\n  input[type=radio],\n  input[type=checkbox] {\n    display: none;\n  }\n\n  &__input {\n    display: inline-block;\n    position: relative;\n    border: 1px solid $ui-primary-color;\n    box-sizing: border-box;\n    width: 18px;\n    height: 18px;\n    flex: 0 0 auto;\n    margin-right: 10px;\n    top: -1px;\n    border-radius: 50%;\n    vertical-align: middle;\n\n    &.checked {\n      border-color: lighten($ui-highlight-color, 8%);\n      background: lighten($ui-highlight-color, 8%);\n    }\n  }\n}\n\n::-webkit-scrollbar-thumb {\n  border-radius: 0;\n}\n\n.search-popout {\n  @include search-popout;\n}\n\nnoscript {\n  text-align: center;\n\n  img {\n    width: 200px;\n    opacity: 0.5;\n    animation: flicker 4s infinite;\n  }\n\n  div {\n    font-size: 14px;\n    margin: 30px auto;\n    color: $secondary-text-color;\n    max-width: 400px;\n\n    a {\n      color: $highlight-text-color;\n      text-decoration: underline;\n\n      &:hover {\n        text-decoration: none;\n      }\n    }\n  }\n}\n\n@keyframes flicker {\n  0% { opacity: 1; }\n  30% { opacity: 0.75; }\n  100% { opacity: 1; }\n}\n\n@media screen and (max-width: 630px) and (max-height: 400px) {\n  $duration: 400ms;\n  $delay: 100ms;\n\n  .tabs-bar,\n  .search {\n    will-change: margin-top;\n    transition: margin-top $duration $delay;\n  }\n\n  .navigation-bar {\n    will-change: padding-bottom;\n    transition: padding-bottom $duration $delay;\n  }\n\n  .navigation-bar {\n    & > a:first-child {\n      will-change: margin-top, margin-left, margin-right, width;\n      transition: margin-top $duration $delay, margin-left $duration ($duration + $delay), margin-right $duration ($duration + $delay);\n    }\n\n    & > .navigation-bar__profile-edit {\n      will-change: margin-top;\n      transition: margin-top $duration $delay;\n    }\n\n    .navigation-bar__actions {\n      & > .icon-button.close {\n        will-change: opacity transform;\n        transition: opacity $duration * 0.5 $delay,\n                    transform $duration $delay;\n      }\n\n      & > .compose__action-bar .icon-button {\n        will-change: opacity transform;\n        transition: opacity $duration * 0.5 $delay + $duration * 0.5,\n                    transform $duration $delay;\n      }\n    }\n  }\n\n  .is-composing {\n    .tabs-bar,\n    .search {\n      margin-top: -50px;\n    }\n\n    .navigation-bar {\n      padding-bottom: 0;\n\n      & > a:first-child {\n        margin: -100px 10px 0 -50px;\n      }\n\n      .navigation-bar__profile {\n        padding-top: 2px;\n      }\n\n      .navigation-bar__profile-edit {\n        position: absolute;\n        margin-top: -60px;\n      }\n\n      .navigation-bar__actions {\n        .icon-button.close {\n          pointer-events: auto;\n          opacity: 1;\n          transform: scale(1, 1) translate(0, 0);\n          bottom: 5px;\n        }\n\n        .compose__action-bar .icon-button {\n          pointer-events: none;\n          opacity: 0;\n          transform: scale(0, 1) translate(100%, 0);\n        }\n      }\n    }\n  }\n}\n\n.embed-modal {\n  width: auto;\n  max-width: 80vw;\n  max-height: 80vh;\n\n  h4 {\n    padding: 30px;\n    font-weight: 500;\n    font-size: 16px;\n    text-align: center;\n  }\n\n  .embed-modal__container {\n    padding: 10px;\n\n    .hint {\n      margin-bottom: 15px;\n    }\n\n    .embed-modal__html {\n      outline: 0;\n      box-sizing: border-box;\n      display: block;\n      width: 100%;\n      border: 0;\n      padding: 10px;\n      font-family: $font-monospace, monospace;\n      background: $ui-base-color;\n      color: $primary-text-color;\n      font-size: 14px;\n      margin: 0;\n      margin-bottom: 15px;\n      border-radius: 4px;\n\n      &::-moz-focus-inner {\n        border: 0;\n      }\n\n      &::-moz-focus-inner,\n      &:focus,\n      &:active {\n        outline: 0 !important;\n      }\n\n      &:focus {\n        background: lighten($ui-base-color, 4%);\n      }\n\n      @media screen and (max-width: 600px) {\n        font-size: 16px;\n      }\n    }\n\n    .embed-modal__iframe {\n      width: 400px;\n      max-width: 100%;\n      overflow: hidden;\n      border: 0;\n      border-radius: 4px;\n    }\n  }\n}\n\n.account__moved-note {\n  padding: 14px 10px;\n  padding-bottom: 16px;\n  background: lighten($ui-base-color, 4%);\n  border-top: 1px solid lighten($ui-base-color, 8%);\n  border-bottom: 1px solid lighten($ui-base-color, 8%);\n\n  &__message {\n    position: relative;\n    margin-left: 58px;\n    color: $dark-text-color;\n    padding: 8px 0;\n    padding-top: 0;\n    padding-bottom: 4px;\n    font-size: 14px;\n\n    > span {\n      display: block;\n      overflow: hidden;\n      text-overflow: ellipsis;\n    }\n  }\n\n  &__icon-wrapper {\n    left: -26px;\n    position: absolute;\n  }\n\n  .detailed-status__display-avatar {\n    position: relative;\n  }\n\n  .detailed-status__display-name {\n    margin-bottom: 0;\n  }\n}\n\n.column-inline-form {\n  padding: 15px;\n  padding-right: 0;\n  display: flex;\n  justify-content: flex-start;\n  align-items: center;\n  background: lighten($ui-base-color, 4%);\n\n  label {\n    flex: 1 1 auto;\n\n    input {\n      width: 100%;\n\n      &:focus {\n        outline: 0;\n      }\n    }\n  }\n\n  .icon-button {\n    flex: 0 0 auto;\n    margin: 0 10px;\n  }\n}\n\n.drawer__backdrop {\n  cursor: pointer;\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  background: rgba($base-overlay-background, 0.5);\n}\n\n.list-editor {\n  background: $ui-base-color;\n  flex-direction: column;\n  border-radius: 8px;\n  box-shadow: 2px 4px 15px rgba($base-shadow-color, 0.4);\n  width: 380px;\n  overflow: hidden;\n\n  @media screen and (max-width: 420px) {\n    width: 90%;\n  }\n\n  h4 {\n    padding: 15px 0;\n    background: lighten($ui-base-color, 13%);\n    font-weight: 500;\n    font-size: 16px;\n    text-align: center;\n    border-radius: 8px 8px 0 0;\n  }\n\n  .drawer__pager {\n    height: 50vh;\n  }\n\n  .drawer__inner {\n    border-radius: 0 0 8px 8px;\n\n    &.backdrop {\n      width: calc(100% - 60px);\n      box-shadow: 2px 4px 15px rgba($base-shadow-color, 0.4);\n      border-radius: 0 0 0 8px;\n    }\n  }\n\n  &__accounts {\n    overflow-y: auto;\n  }\n\n  .account__display-name {\n    &:hover strong {\n      text-decoration: none;\n    }\n  }\n\n  .account__avatar {\n    cursor: default;\n  }\n\n  .search {\n    margin-bottom: 0;\n  }\n}\n\n.list-adder {\n  background: $ui-base-color;\n  flex-direction: column;\n  border-radius: 8px;\n  box-shadow: 2px 4px 15px rgba($base-shadow-color, 0.4);\n  width: 380px;\n  overflow: hidden;\n\n  @media screen and (max-width: 420px) {\n    width: 90%;\n  }\n\n  &__account {\n    background: lighten($ui-base-color, 13%);\n  }\n\n  &__lists {\n    background: lighten($ui-base-color, 13%);\n    height: 50vh;\n    border-radius: 0 0 8px 8px;\n    overflow-y: auto;\n  }\n\n  .list {\n    padding: 10px;\n    border-bottom: 1px solid lighten($ui-base-color, 8%);\n  }\n\n  .list__wrapper {\n    display: flex;\n  }\n\n  .list__display-name {\n    flex: 1 1 auto;\n    overflow: hidden;\n    text-decoration: none;\n    font-size: 16px;\n    padding: 10px;\n  }\n}\n\n.focal-point {\n  position: relative;\n  cursor: move;\n  overflow: hidden;\n  height: 100%;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  background: $base-shadow-color;\n\n  img,\n  video,\n  canvas {\n    display: block;\n    max-height: 80vh;\n    width: 100%;\n    height: auto;\n    margin: 0;\n    object-fit: contain;\n    background: $base-shadow-color;\n  }\n\n  &__reticle {\n    position: absolute;\n    width: 100px;\n    height: 100px;\n    transform: translate(-50%, -50%);\n    background: url('~images/reticle.png') no-repeat 0 0;\n    border-radius: 50%;\n    box-shadow: 0 0 0 9999em rgba($base-shadow-color, 0.35);\n  }\n\n  &__overlay {\n    position: absolute;\n    width: 100%;\n    height: 100%;\n    top: 0;\n    left: 0;\n  }\n\n  &__preview {\n    position: absolute;\n    bottom: 10px;\n    right: 10px;\n    z-index: 2;\n    cursor: move;\n    transition: opacity 0.1s ease;\n\n    &:hover {\n      opacity: 0.5;\n    }\n\n    strong {\n      color: $primary-text-color;\n      font-size: 14px;\n      font-weight: 500;\n      display: block;\n      margin-bottom: 5px;\n    }\n\n    div {\n      border-radius: 4px;\n      box-shadow: 0 0 14px rgba($base-shadow-color, 0.2);\n    }\n  }\n\n  @media screen and (max-width: 480px) {\n    img,\n    video {\n      max-height: 100%;\n    }\n\n    &__preview {\n      display: none;\n    }\n  }\n}\n\n.account__header__content {\n  color: $darker-text-color;\n  font-size: 14px;\n  font-weight: 400;\n  overflow: hidden;\n  word-break: normal;\n  word-wrap: break-word;\n\n  p {\n    margin-bottom: 20px;\n\n    &:last-child {\n      margin-bottom: 0;\n    }\n  }\n\n  a {\n    color: inherit;\n    text-decoration: underline;\n\n    &:hover {\n      text-decoration: none;\n    }\n  }\n}\n\n.account__header {\n  overflow: hidden;\n\n  &.inactive {\n    opacity: 0.5;\n\n    .account__header__image,\n    .account__avatar {\n      filter: grayscale(100%);\n    }\n  }\n\n  &__info {\n    position: absolute;\n    top: 10px;\n    left: 10px;\n  }\n\n  &__image {\n    overflow: hidden;\n    height: 145px;\n    position: relative;\n    background: darken($ui-base-color, 4%);\n\n    img {\n      object-fit: cover;\n      display: block;\n      width: 100%;\n      height: 100%;\n      margin: 0;\n    }\n  }\n\n  &__bar {\n    position: relative;\n    background: lighten($ui-base-color, 4%);\n    padding: 5px;\n    border-bottom: 1px solid lighten($ui-base-color, 12%);\n\n    .avatar {\n      display: block;\n      flex: 0 0 auto;\n      width: 94px;\n      margin-left: -2px;\n\n      .account__avatar {\n        background: darken($ui-base-color, 8%);\n        border: 2px solid lighten($ui-base-color, 4%);\n      }\n    }\n  }\n\n  &__tabs {\n    display: flex;\n    align-items: flex-start;\n    padding: 7px 5px;\n    margin-top: -55px;\n\n    &__buttons {\n      display: flex;\n      align-items: center;\n      padding-top: 55px;\n      overflow: hidden;\n\n      .icon-button {\n        border: 1px solid lighten($ui-base-color, 12%);\n        border-radius: 4px;\n        box-sizing: content-box;\n        padding: 2px;\n      }\n\n      .button {\n        margin: 0 8px;\n      }\n    }\n\n    &__name {\n      padding: 5px;\n\n      .account-role {\n        vertical-align: top;\n      }\n\n      .emojione {\n        width: 22px;\n        height: 22px;\n      }\n\n      h1 {\n        font-size: 16px;\n        line-height: 24px;\n        color: $primary-text-color;\n        font-weight: 500;\n        overflow: hidden;\n        white-space: nowrap;\n        text-overflow: ellipsis;\n\n        small {\n          display: block;\n          font-size: 14px;\n          color: $darker-text-color;\n          font-weight: 400;\n          overflow: hidden;\n          text-overflow: ellipsis;\n        }\n      }\n    }\n\n    .spacer {\n      flex: 1 1 auto;\n    }\n  }\n\n  &__bio {\n    overflow: hidden;\n    margin: 0 -5px;\n\n    .account__header__content {\n      padding: 20px 15px;\n      padding-bottom: 5px;\n      color: $primary-text-color;\n    }\n\n    .account__header__fields {\n      margin: 0;\n      border-top: 1px solid lighten($ui-base-color, 12%);\n\n      a {\n        color: lighten($ui-highlight-color, 8%);\n      }\n\n      dl:first-child .verified {\n        border-radius: 0 4px 0 0;\n      }\n\n      .verified a {\n        color: $valid-value-color;\n      }\n    }\n  }\n\n  &__extra {\n    margin-top: 4px;\n\n    &__links {\n      font-size: 14px;\n      color: $darker-text-color;\n      padding: 10px 0;\n\n      a {\n        display: inline-block;\n        color: $darker-text-color;\n        text-decoration: none;\n        padding: 5px 10px;\n        font-weight: 500;\n\n        strong {\n          font-weight: 700;\n          color: $primary-text-color;\n        }\n      }\n    }\n  }\n}\n\n.trends {\n  &__header {\n    color: $dark-text-color;\n    background: lighten($ui-base-color, 2%);\n    border-bottom: 1px solid darken($ui-base-color, 4%);\n    font-weight: 500;\n    padding: 15px;\n    font-size: 16px;\n    cursor: default;\n\n    .fa {\n      display: inline-block;\n      margin-right: 5px;\n    }\n  }\n\n  &__item {\n    display: flex;\n    align-items: center;\n    padding: 15px;\n    border-bottom: 1px solid lighten($ui-base-color, 8%);\n\n    &:last-child {\n      border-bottom: 0;\n    }\n\n    &__name {\n      flex: 1 1 auto;\n      color: $dark-text-color;\n      overflow: hidden;\n      text-overflow: ellipsis;\n      white-space: nowrap;\n\n      strong {\n        font-weight: 500;\n      }\n\n      a {\n        color: $darker-text-color;\n        text-decoration: none;\n        font-size: 14px;\n        font-weight: 500;\n        display: block;\n        overflow: hidden;\n        text-overflow: ellipsis;\n        white-space: nowrap;\n\n        &:hover,\n        &:focus,\n        &:active {\n          span {\n            text-decoration: underline;\n          }\n        }\n      }\n    }\n\n    &__current {\n      flex: 0 0 auto;\n      font-size: 24px;\n      line-height: 36px;\n      font-weight: 500;\n      text-align: right;\n      padding-right: 15px;\n      margin-left: 5px;\n      color: $secondary-text-color;\n    }\n\n    &__sparkline {\n      flex: 0 0 auto;\n      width: 50px;\n\n      path:first-child {\n        fill: rgba($highlight-text-color, 0.25) !important;\n        fill-opacity: 1 !important;\n      }\n\n      path:last-child {\n        stroke: lighten($highlight-text-color, 6%) !important;\n      }\n    }\n  }\n}\n\n.conversation {\n  display: flex;\n  border-bottom: 1px solid lighten($ui-base-color, 8%);\n  padding: 5px;\n  padding-bottom: 0;\n\n  &:focus {\n    background: lighten($ui-base-color, 2%);\n    outline: 0;\n  }\n\n  &__avatar {\n    flex: 0 0 auto;\n    padding: 10px;\n    padding-top: 12px;\n    position: relative;\n  }\n\n  &__unread {\n    display: inline-block;\n    background: $highlight-text-color;\n    border-radius: 50%;\n    width: 0.625rem;\n    height: 0.625rem;\n    margin: -.1ex .15em .1ex;\n  }\n\n  &__content {\n    flex: 1 1 auto;\n    padding: 10px 5px;\n    padding-right: 15px;\n    overflow: hidden;\n\n    &__info {\n      overflow: hidden;\n      display: flex;\n      flex-direction: row-reverse;\n      justify-content: space-between;\n    }\n\n    &__relative-time {\n      font-size: 15px;\n      color: $darker-text-color;\n      padding-left: 15px;\n    }\n\n    &__names {\n      color: $darker-text-color;\n      font-size: 15px;\n      white-space: nowrap;\n      overflow: hidden;\n      text-overflow: ellipsis;\n      margin-bottom: 4px;\n      flex-basis: 90px;\n      flex-grow: 1;\n\n      a {\n        color: $primary-text-color;\n        text-decoration: none;\n\n        &:hover,\n        &:focus,\n        &:active {\n          text-decoration: underline;\n        }\n      }\n    }\n\n    a {\n      word-break: break-word;\n    }\n  }\n\n  &--unread {\n    background: lighten($ui-base-color, 2%);\n\n    &:focus {\n      background: lighten($ui-base-color, 4%);\n    }\n\n    .conversation__content__info {\n      font-weight: 700;\n    }\n\n    .conversation__content__relative-time {\n      color: $primary-text-color;\n    }\n  }\n}\n",null,"@mixin avatar-radius {\n  border-radius: 4px;\n  background: transparent no-repeat;\n  background-position: 50%;\n  background-clip: padding-box;\n}\n\n@mixin avatar-size($size: 48px) {\n  width: $size;\n  height: $size;\n  background-size: $size $size;\n}\n\n@mixin search-input {\n  outline: 0;\n  box-sizing: border-box;\n  width: 100%;\n  border: 0;\n  box-shadow: none;\n  font-family: inherit;\n  background: $ui-base-color;\n  color: $darker-text-color;\n  font-size: 14px;\n  margin: 0;\n}\n\n@mixin search-popout {\n  background: $simple-background-color;\n  border-radius: 4px;\n  padding: 10px 14px;\n  padding-bottom: 14px;\n  margin-top: 10px;\n  color: $light-text-color;\n  box-shadow: 2px 4px 15px rgba($base-shadow-color, 0.4);\n\n  h4 {\n    color: $light-text-color;\n    font-size: 14px;\n    font-weight: 500;\n    margin-bottom: 10px;\n  }\n\n  li {\n    padding: 4px 0;\n  }\n\n  ul {\n    margin-bottom: 10px;\n  }\n\n  em {\n    font-weight: 500;\n    color: $inverted-text-color;\n  }\n}\n",".poll {\n  margin-top: 16px;\n  font-size: 14px;\n\n  li {\n    margin-bottom: 10px;\n    position: relative;\n  }\n\n  &__chart {\n    position: absolute;\n    top: 0;\n    left: 0;\n    height: 100%;\n    display: inline-block;\n    border-radius: 4px;\n    background: darken($ui-primary-color, 14%);\n\n    &.leading {\n      background: $ui-highlight-color;\n    }\n  }\n\n  &__text {\n    position: relative;\n    display: flex;\n    padding: 6px 0;\n    line-height: 18px;\n    cursor: default;\n    overflow: hidden;\n\n    input[type=radio],\n    input[type=checkbox] {\n      display: none;\n    }\n\n    .autossugest-input {\n      flex: 1 1 auto;\n    }\n\n    input[type=text] {\n      display: block;\n      box-sizing: border-box;\n      width: 100%;\n      font-size: 14px;\n      color: $inverted-text-color;\n      outline: 0;\n      font-family: inherit;\n      background: $simple-background-color;\n      border: 1px solid darken($simple-background-color, 14%);\n      border-radius: 4px;\n      padding: 6px 10px;\n\n      &:focus {\n        border-color: $highlight-text-color;\n      }\n    }\n\n    &.selectable {\n      cursor: pointer;\n    }\n\n    &.editable {\n      display: flex;\n      align-items: center;\n      overflow: visible;\n    }\n  }\n\n  &__input {\n    display: inline-block;\n    position: relative;\n    border: 1px solid $ui-primary-color;\n    box-sizing: border-box;\n    width: 18px;\n    height: 18px;\n    flex: 0 0 auto;\n    margin-right: 10px;\n    top: -1px;\n    border-radius: 50%;\n    vertical-align: middle;\n    margin-top: auto;\n    margin-bottom: auto;\n    flex: 0 0 18px;\n\n    &.checkbox {\n      border-radius: 4px;\n    }\n\n    &.active {\n      border-color: $valid-value-color;\n      background: $valid-value-color;\n    }\n\n    &:active,\n    &:focus,\n    &:hover {\n      border-width: 4px;\n      background: none;\n    }\n\n    &::-moz-focus-inner {\n      outline: 0 !important;\n      border: 0;\n    }\n\n    &:focus,\n    &:active {\n      outline: 0 !important;\n    }\n  }\n\n  &__number {\n    display: inline-block;\n    width: 52px;\n    font-weight: 700;\n    padding: 0 10px;\n    padding-left: 8px;\n    text-align: right;\n    margin-top: auto;\n    margin-bottom: auto;\n    flex: 0 0 52px;\n  }\n\n  &__vote__mark {\n    float: left;\n    line-height: 18px;\n  }\n\n  &__footer {\n    padding-top: 6px;\n    padding-bottom: 5px;\n    color: $dark-text-color;\n  }\n\n  &__link {\n    display: inline;\n    background: transparent;\n    padding: 0;\n    margin: 0;\n    border: 0;\n    color: $dark-text-color;\n    text-decoration: underline;\n    font-size: inherit;\n\n    &:hover {\n      text-decoration: none;\n    }\n\n    &:active,\n    &:focus {\n      background-color: rgba($dark-text-color, .1);\n    }\n  }\n\n  .button {\n    height: 36px;\n    padding: 0 16px;\n    margin-right: 10px;\n    font-size: 14px;\n  }\n}\n\n.compose-form__poll-wrapper {\n  border-top: 1px solid darken($simple-background-color, 8%);\n\n  ul {\n    padding: 10px;\n  }\n\n  .poll__footer {\n    border-top: 1px solid darken($simple-background-color, 8%);\n    padding: 10px;\n    display: flex;\n    align-items: center;\n\n    button,\n    select {\n      flex: 1 1 50%;\n\n      &:focus {\n        border-color: $highlight-text-color;\n      }\n    }\n  }\n\n  .button.button-secondary {\n    font-size: 14px;\n    font-weight: 400;\n    padding: 6px 10px;\n    height: auto;\n    line-height: inherit;\n    color: $action-button-color;\n    border-color: $action-button-color;\n    margin-right: 5px;\n  }\n\n  li {\n    display: flex;\n    align-items: center;\n\n    .poll__text {\n      flex: 0 0 auto;\n      width: calc(100% - (23px + 6px));\n      margin-right: 6px;\n    }\n  }\n\n  select {\n    appearance: none;\n    box-sizing: border-box;\n    font-size: 14px;\n    color: $inverted-text-color;\n    display: inline-block;\n    width: auto;\n    outline: 0;\n    font-family: inherit;\n    background: $simple-background-color url(\"data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14.933 18.467' height='19.698' width='15.929'><path d='M3.467 14.967l-3.393-3.5H14.86l-3.392 3.5c-1.866 1.925-3.666 3.5-4 3.5-.335 0-2.135-1.575-4-3.5zm.266-11.234L7.467 0 11.2 3.733l3.733 3.734H0l3.733-3.734z' fill='#{hex-color(darken($simple-background-color, 14%))}'/></svg>\") no-repeat right 8px center / auto 16px;\n    border: 1px solid darken($simple-background-color, 14%);\n    border-radius: 4px;\n    padding: 6px 10px;\n    padding-right: 30px;\n  }\n\n  .icon-button.disabled {\n    color: darken($simple-background-color, 14%);\n  }\n}\n\n.muted .poll {\n  color: $dark-text-color;\n\n  &__chart {\n    background: rgba(darken($ui-primary-color, 14%), 0.2);\n\n    &.leading {\n      background: rgba($ui-highlight-color, 0.2);\n    }\n  }\n}\n",".modal-layout {\n  background: $ui-base-color url('data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 234.80078 31.757813\" width=\"234.80078\" height=\"31.757812\"><path d=\"M19.599609 0c-1.05 0-2.10039.375-2.90039 1.125L0 16.925781v14.832031h234.80078V17.025391l-16.5-15.900391c-1.6-1.5-4.20078-1.5-5.80078 0l-13.80078 13.099609c-1.6 1.5-4.19883 1.5-5.79883 0L179.09961 1.125c-1.6-1.5-4.19883-1.5-5.79883 0L159.5 14.224609c-1.6 1.5-4.20078 1.5-5.80078 0L139.90039 1.125c-1.6-1.5-4.20078-1.5-5.80078 0l-13.79883 13.099609c-1.6 1.5-4.20078 1.5-5.80078 0L100.69922 1.125c-1.600001-1.5-4.198829-1.5-5.798829 0l-13.59961 13.099609c-1.6 1.5-4.200781 1.5-5.800781 0L61.699219 1.125c-1.6-1.5-4.198828-1.5-5.798828 0L42.099609 14.224609c-1.6 1.5-4.198828 1.5-5.798828 0L22.5 1.125C21.7.375 20.649609 0 19.599609 0z\" fill=\"#{hex-color($ui-base-lighter-color)}\"/></svg>') repeat-x bottom fixed;\n  display: flex;\n  flex-direction: column;\n  height: 100vh;\n  padding: 0;\n}\n\n.modal-layout__mastodon {\n  display: flex;\n  flex: 1;\n  flex-direction: column;\n  justify-content: flex-end;\n\n  > * {\n    flex: 1;\n    max-height: 235px;\n  }\n}\n\n@media screen and (max-width: 600px) {\n  .account-header {\n    margin-top: 0;\n  }\n}\n",".emoji-mart {\n  font-size: 13px;\n  display: inline-block;\n  color: $inverted-text-color;\n\n  &,\n  * {\n    box-sizing: border-box;\n    line-height: 1.15;\n  }\n\n  .emoji-mart-emoji {\n    padding: 6px;\n  }\n}\n\n.emoji-mart-bar {\n  border: 0 solid darken($ui-secondary-color, 8%);\n\n  &:first-child {\n    border-bottom-width: 1px;\n    border-top-left-radius: 5px;\n    border-top-right-radius: 5px;\n    background: $ui-secondary-color;\n  }\n\n  &:last-child {\n    border-top-width: 1px;\n    border-bottom-left-radius: 5px;\n    border-bottom-right-radius: 5px;\n    display: none;\n  }\n}\n\n.emoji-mart-anchors {\n  display: flex;\n  justify-content: space-between;\n  padding: 0 6px;\n  color: $lighter-text-color;\n  line-height: 0;\n}\n\n.emoji-mart-anchor {\n  position: relative;\n  flex: 1;\n  text-align: center;\n  padding: 12px 4px;\n  overflow: hidden;\n  transition: color .1s ease-out;\n  cursor: pointer;\n\n  &:hover {\n    color: darken($lighter-text-color, 4%);\n  }\n}\n\n.emoji-mart-anchor-selected {\n  color: $highlight-text-color;\n\n  &:hover {\n    color: darken($highlight-text-color, 4%);\n  }\n\n  .emoji-mart-anchor-bar {\n    bottom: -1px;\n  }\n}\n\n.emoji-mart-anchor-bar {\n  position: absolute;\n  bottom: -5px;\n  left: 0;\n  width: 100%;\n  height: 4px;\n  background-color: $highlight-text-color;\n}\n\n.emoji-mart-anchors {\n  i {\n    display: inline-block;\n    width: 100%;\n    max-width: 22px;\n  }\n\n  svg {\n    fill: currentColor;\n    max-height: 18px;\n  }\n}\n\n.emoji-mart-scroll {\n  overflow-y: scroll;\n  height: 270px;\n  max-height: 35vh;\n  padding: 0 6px 6px;\n  background: $simple-background-color;\n  will-change: transform;\n\n  &::-webkit-scrollbar-track:hover,\n  &::-webkit-scrollbar-track:active {\n    background-color: rgba($base-overlay-background, 0.3);\n  }\n}\n\n.emoji-mart-search {\n  padding: 10px;\n  padding-right: 45px;\n  background: $simple-background-color;\n\n  input {\n    font-size: 14px;\n    font-weight: 400;\n    padding: 7px 9px;\n    font-family: inherit;\n    display: block;\n    width: 100%;\n    background: rgba($ui-secondary-color, 0.3);\n    color: $inverted-text-color;\n    border: 1px solid $ui-secondary-color;\n    border-radius: 4px;\n\n    &::-moz-focus-inner {\n      border: 0;\n    }\n\n    &::-moz-focus-inner,\n    &:focus,\n    &:active {\n      outline: 0 !important;\n    }\n  }\n}\n\n.emoji-mart-category .emoji-mart-emoji {\n  cursor: pointer;\n\n  span {\n    z-index: 1;\n    position: relative;\n    text-align: center;\n  }\n\n  &:hover::before {\n    z-index: 0;\n    content: \"\";\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n    background-color: rgba($ui-secondary-color, 0.7);\n    border-radius: 100%;\n  }\n}\n\n.emoji-mart-category-label {\n  z-index: 2;\n  position: relative;\n  position: -webkit-sticky;\n  position: sticky;\n  top: 0;\n\n  span {\n    display: block;\n    width: 100%;\n    font-weight: 500;\n    padding: 5px 6px;\n    background: $simple-background-color;\n  }\n}\n\n.emoji-mart-emoji {\n  position: relative;\n  display: inline-block;\n  font-size: 0;\n\n  span {\n    width: 22px;\n    height: 22px;\n  }\n}\n\n.emoji-mart-no-results {\n  font-size: 14px;\n  text-align: center;\n  padding-top: 70px;\n  color: $light-text-color;\n\n  .emoji-mart-category-label {\n    display: none;\n  }\n\n  .emoji-mart-no-results-label {\n    margin-top: .2em;\n  }\n\n  .emoji-mart-emoji:hover::before {\n    content: none;\n  }\n}\n\n.emoji-mart-preview {\n  display: none;\n}\n","$maximum-width: 1235px;\n$fluid-breakpoint: $maximum-width + 20px;\n$column-breakpoint: 700px;\n$small-breakpoint: 960px;\n\n.container {\n  box-sizing: border-box;\n  max-width: $maximum-width;\n  margin: 0 auto;\n  position: relative;\n\n  @media screen and (max-width: $fluid-breakpoint) {\n    width: 100%;\n    padding: 0 10px;\n  }\n}\n\n.rich-formatting {\n  font-family: $font-sans-serif, sans-serif;\n  font-size: 14px;\n  font-weight: 400;\n  line-height: 1.7;\n  word-wrap: break-word;\n  color: $darker-text-color;\n\n  a {\n    color: $highlight-text-color;\n    text-decoration: underline;\n\n    &:hover,\n    &:focus,\n    &:active {\n      text-decoration: none;\n    }\n  }\n\n  p,\n  li {\n    color: $darker-text-color;\n  }\n\n  p {\n    margin-top: 0;\n    margin-bottom: .85em;\n\n    &:last-child {\n      margin-bottom: 0;\n    }\n  }\n\n  strong {\n    font-weight: 700;\n    color: $secondary-text-color;\n  }\n\n  em {\n    font-style: italic;\n    color: $secondary-text-color;\n  }\n\n  code {\n    font-size: 0.85em;\n    background: darken($ui-base-color, 8%);\n    border-radius: 4px;\n    padding: 0.2em 0.3em;\n  }\n\n  h1,\n  h2,\n  h3,\n  h4,\n  h5,\n  h6 {\n    font-family: $font-display, sans-serif;\n    margin-top: 1.275em;\n    margin-bottom: .85em;\n    font-weight: 500;\n    color: $secondary-text-color;\n  }\n\n  h1 {\n    font-size: 2em;\n  }\n\n  h2 {\n    font-size: 1.75em;\n  }\n\n  h3 {\n    font-size: 1.5em;\n  }\n\n  h4 {\n    font-size: 1.25em;\n  }\n\n  h5,\n  h6 {\n    font-size: 1em;\n  }\n\n  ul {\n    list-style: disc;\n  }\n\n  ol {\n    list-style: decimal;\n  }\n\n  ul,\n  ol {\n    margin: 0;\n    padding: 0;\n    padding-left: 2em;\n    margin-bottom: 0.85em;\n\n    &[type='a'] {\n      list-style-type: lower-alpha;\n    }\n\n    &[type='i'] {\n      list-style-type: lower-roman;\n    }\n  }\n\n  hr {\n    width: 100%;\n    height: 0;\n    border: 0;\n    border-bottom: 1px solid lighten($ui-base-color, 4%);\n    margin: 1.7em 0;\n\n    &.spacer {\n      height: 1px;\n      border: 0;\n    }\n  }\n\n  table {\n    width: 100%;\n    border-collapse: collapse;\n    break-inside: auto;\n    margin-top: 24px;\n    margin-bottom: 32px;\n\n    thead tr,\n    tbody tr {\n      border-bottom: 1px solid lighten($ui-base-color, 4%);\n      font-size: 1em;\n      line-height: 1.625;\n      font-weight: 400;\n      text-align: left;\n      color: $darker-text-color;\n    }\n\n    thead tr {\n      border-bottom-width: 2px;\n      line-height: 1.5;\n      font-weight: 500;\n      color: $dark-text-color;\n    }\n\n    th,\n    td {\n      padding: 8px;\n      align-self: start;\n      align-items: start;\n      word-break: break-all;\n\n      &.nowrap {\n        width: 25%;\n        position: relative;\n\n        &::before {\n          content: '&nbsp;';\n          visibility: hidden;\n        }\n\n        span {\n          position: absolute;\n          left: 8px;\n          right: 8px;\n          white-space: nowrap;\n          overflow: hidden;\n          text-overflow: ellipsis;\n        }\n      }\n    }\n  }\n\n  & > :first-child {\n    margin-top: 0;\n  }\n}\n\n.information-board {\n  background: darken($ui-base-color, 4%);\n  padding: 20px 0;\n\n  .container-alt {\n    position: relative;\n    padding-right: 280px + 15px;\n  }\n\n  &__sections {\n    display: flex;\n    justify-content: space-between;\n    flex-wrap: wrap;\n  }\n\n  &__section {\n    flex: 1 0 0;\n    font-family: $font-sans-serif, sans-serif;\n    font-size: 16px;\n    line-height: 28px;\n    color: $primary-text-color;\n    text-align: right;\n    padding: 10px 15px;\n\n    span,\n    strong {\n      display: block;\n    }\n\n    span {\n      &:last-child {\n        color: $secondary-text-color;\n      }\n    }\n\n    strong {\n      font-family: $font-display, sans-serif;\n      font-weight: 500;\n      font-size: 32px;\n      line-height: 48px;\n    }\n\n    @media screen and (max-width: $column-breakpoint) {\n      text-align: center;\n    }\n  }\n\n  .panel {\n    position: absolute;\n    width: 280px;\n    box-sizing: border-box;\n    background: darken($ui-base-color, 8%);\n    padding: 20px;\n    padding-top: 10px;\n    border-radius: 4px 4px 0 0;\n    right: 0;\n    bottom: -40px;\n\n    .panel-header {\n      font-family: $font-display, sans-serif;\n      font-size: 14px;\n      line-height: 24px;\n      font-weight: 500;\n      color: $darker-text-color;\n      padding-bottom: 5px;\n      margin-bottom: 15px;\n      border-bottom: 1px solid lighten($ui-base-color, 4%);\n      text-overflow: ellipsis;\n      white-space: nowrap;\n      overflow: hidden;\n\n      a,\n      span {\n        font-weight: 400;\n        color: darken($darker-text-color, 10%);\n      }\n\n      a {\n        text-decoration: none;\n      }\n    }\n  }\n\n  .owner {\n    text-align: center;\n\n    .avatar {\n      width: 80px;\n      height: 80px;\n      margin: 0 auto;\n      margin-bottom: 15px;\n\n      img {\n        display: block;\n        width: 80px;\n        height: 80px;\n        border-radius: 48px;\n      }\n    }\n\n    .name {\n      font-size: 14px;\n\n      a {\n        display: block;\n        color: $primary-text-color;\n        text-decoration: none;\n\n        &:hover {\n          .display_name {\n            text-decoration: underline;\n          }\n        }\n      }\n\n      .username {\n        display: block;\n        color: $darker-text-color;\n      }\n    }\n  }\n}\n\n.landing-page {\n  p,\n  li {\n    font-family: $font-sans-serif, sans-serif;\n    font-size: 16px;\n    font-weight: 400;\n    font-size: 16px;\n    line-height: 30px;\n    margin-bottom: 12px;\n    color: $darker-text-color;\n\n    a {\n      color: $highlight-text-color;\n      text-decoration: underline;\n    }\n  }\n\n  em {\n    display: inline;\n    margin: 0;\n    padding: 0;\n    font-weight: 700;\n    background: transparent;\n    font-family: inherit;\n    font-size: inherit;\n    line-height: inherit;\n    color: lighten($darker-text-color, 10%);\n  }\n\n  h1 {\n    font-family: $font-display, sans-serif;\n    font-size: 26px;\n    line-height: 30px;\n    font-weight: 500;\n    margin-bottom: 20px;\n    color: $secondary-text-color;\n\n    small {\n      font-family: $font-sans-serif, sans-serif;\n      display: block;\n      font-size: 18px;\n      font-weight: 400;\n      color: lighten($darker-text-color, 10%);\n    }\n  }\n\n  h2 {\n    font-family: $font-display, sans-serif;\n    font-size: 22px;\n    line-height: 26px;\n    font-weight: 500;\n    margin-bottom: 20px;\n    color: $secondary-text-color;\n  }\n\n  h3 {\n    font-family: $font-display, sans-serif;\n    font-size: 18px;\n    line-height: 24px;\n    font-weight: 500;\n    margin-bottom: 20px;\n    color: $secondary-text-color;\n  }\n\n  h4 {\n    font-family: $font-display, sans-serif;\n    font-size: 16px;\n    line-height: 24px;\n    font-weight: 500;\n    margin-bottom: 20px;\n    color: $secondary-text-color;\n  }\n\n  h5 {\n    font-family: $font-display, sans-serif;\n    font-size: 14px;\n    line-height: 24px;\n    font-weight: 500;\n    margin-bottom: 20px;\n    color: $secondary-text-color;\n  }\n\n  h6 {\n    font-family: $font-display, sans-serif;\n    font-size: 12px;\n    line-height: 24px;\n    font-weight: 500;\n    margin-bottom: 20px;\n    color: $secondary-text-color;\n  }\n\n  ul,\n  ol {\n    margin-left: 20px;\n\n    &[type='a'] {\n      list-style-type: lower-alpha;\n    }\n\n    &[type='i'] {\n      list-style-type: lower-roman;\n    }\n  }\n\n  ul {\n    list-style: disc;\n  }\n\n  ol {\n    list-style: decimal;\n  }\n\n  li > ol,\n  li > ul {\n    margin-top: 6px;\n  }\n\n  hr {\n    width: 100%;\n    height: 0;\n    border: 0;\n    border-bottom: 1px solid rgba($ui-base-lighter-color, .6);\n    margin: 20px 0;\n\n    &.spacer {\n      height: 1px;\n      border: 0;\n    }\n  }\n\n  &__information,\n  &__forms {\n    padding: 20px;\n  }\n\n  &__call-to-action {\n    background: $ui-base-color;\n    border-radius: 4px;\n    padding: 25px 40px;\n    overflow: hidden;\n    box-sizing: border-box;\n\n    .row {\n      width: 100%;\n      display: flex;\n      flex-direction: row-reverse;\n      flex-wrap: nowrap;\n      justify-content: space-between;\n      align-items: center;\n    }\n\n    .row__information-board {\n      display: flex;\n      justify-content: flex-end;\n      align-items: flex-end;\n\n      .information-board__section {\n        flex: 1 0 auto;\n        padding: 0 10px;\n      }\n\n      @media screen and (max-width: $no-gap-breakpoint) {\n        width: 100%;\n        justify-content: space-between;\n      }\n    }\n\n    .row__mascot {\n      flex: 1;\n      margin: 10px -50px 0 0;\n\n      @media screen and (max-width: $no-gap-breakpoint) {\n        display: none;\n      }\n    }\n  }\n\n  &__logo {\n    margin-right: 20px;\n\n    img {\n      height: 50px;\n      width: auto;\n      mix-blend-mode: lighten;\n    }\n  }\n\n  &__information {\n    padding: 45px 40px;\n    margin-bottom: 10px;\n\n    &:last-child {\n      margin-bottom: 0;\n    }\n\n    strong {\n      font-weight: 500;\n      color: lighten($darker-text-color, 10%);\n    }\n\n    .account {\n      border-bottom: 0;\n      padding: 0;\n\n      &__display-name {\n        align-items: center;\n        display: flex;\n        margin-right: 5px;\n      }\n\n      div.account__display-name {\n        &:hover {\n          .display-name strong {\n            text-decoration: none;\n          }\n        }\n\n        .account__avatar {\n          cursor: default;\n        }\n      }\n\n      &__avatar-wrapper {\n        margin-left: 0;\n        flex: 0 0 auto;\n      }\n\n      &__avatar {\n        width: 44px;\n        height: 44px;\n        background-size: 44px 44px;\n      }\n\n      .display-name {\n        font-size: 15px;\n\n        &__account {\n          font-size: 14px;\n        }\n      }\n    }\n\n    @media screen and (max-width: $small-breakpoint) {\n      .contact {\n        margin-top: 30px;\n      }\n    }\n\n    @media screen and (max-width: $column-breakpoint) {\n      padding: 25px 20px;\n    }\n  }\n\n  &__information,\n  &__forms,\n  #mastodon-timeline {\n    box-sizing: border-box;\n    background: $ui-base-color;\n    border-radius: 4px;\n    box-shadow: 0 0 6px rgba($black, 0.1);\n  }\n\n  &__mascot {\n    height: 104px;\n    position: relative;\n    left: -40px;\n    bottom: 25px;\n\n    img {\n      height: 190px;\n      width: auto;\n    }\n  }\n\n  &__short-description {\n    .row {\n      display: flex;\n      flex-wrap: wrap;\n      align-items: center;\n      margin-bottom: 40px;\n    }\n\n    @media screen and (max-width: $column-breakpoint) {\n      .row {\n        margin-bottom: 20px;\n      }\n    }\n\n    p a {\n      color: $secondary-text-color;\n    }\n\n    h1 {\n      font-weight: 500;\n      color: $primary-text-color;\n      margin-bottom: 0;\n\n      small {\n        color: $darker-text-color;\n\n        span {\n          color: $secondary-text-color;\n        }\n      }\n    }\n\n    p:last-child {\n      margin-bottom: 0;\n    }\n  }\n\n  &__hero {\n    margin-bottom: 10px;\n\n    img {\n      display: block;\n      margin: 0;\n      max-width: 100%;\n      height: auto;\n      border-radius: 4px;\n    }\n  }\n\n  @media screen and (max-width: 840px) {\n    .information-board {\n      .container-alt {\n        padding-right: 20px;\n      }\n\n      .panel {\n        position: static;\n        margin-top: 20px;\n        width: 100%;\n        border-radius: 4px;\n\n        .panel-header {\n          text-align: center;\n        }\n      }\n    }\n  }\n\n  @media screen and (max-width: 675px) {\n    .header-wrapper {\n      padding-top: 0;\n\n      &.compact {\n        padding-bottom: 0;\n      }\n\n      &.compact .hero .heading {\n        text-align: initial;\n      }\n    }\n\n    .header .container-alt,\n    .features .container-alt {\n      display: block;\n    }\n  }\n\n  .cta {\n    margin: 20px;\n  }\n}\n\n.landing {\n  margin-bottom: 100px;\n\n  @media screen and (max-width: 738px) {\n    margin-bottom: 0;\n  }\n\n  &__brand {\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    padding: 50px;\n\n    svg {\n      fill: $primary-text-color;\n      height: 52px;\n    }\n\n    @media screen and (max-width: $no-gap-breakpoint) {\n      padding: 0;\n      margin-bottom: 30px;\n    }\n  }\n\n  .directory {\n    margin-top: 30px;\n    background: transparent;\n    box-shadow: none;\n    border-radius: 0;\n  }\n\n  .hero-widget {\n    margin-top: 30px;\n    margin-bottom: 0;\n\n    h4 {\n      padding: 10px;\n      font-weight: 700;\n      font-size: 14px;\n      color: $darker-text-color;\n    }\n\n    &__text {\n      border-radius: 0;\n      padding-bottom: 0;\n    }\n\n    &__footer {\n      background: $ui-base-color;\n      padding: 10px;\n      border-radius: 0 0 4px 4px;\n      display: flex;\n\n      &__column {\n        flex: 1 1 50%;\n      }\n    }\n\n    .account {\n      padding: 10px 0;\n      border-bottom: 0;\n\n      .account__display-name {\n        display: flex;\n        align-items: center;\n      }\n\n      .account__avatar {\n        width: 44px;\n        height: 44px;\n        background-size: 44px 44px;\n      }\n    }\n\n    &__counter {\n      padding: 10px;\n\n      strong {\n        font-family: $font-display, sans-serif;\n        font-size: 15px;\n        font-weight: 700;\n        display: block;\n      }\n\n      span {\n        font-size: 14px;\n        color: $darker-text-color;\n      }\n    }\n  }\n\n  .simple_form .user_agreement .label_input > label {\n    font-weight: 400;\n    color: $darker-text-color;\n  }\n\n  .simple_form p.lead {\n    color: $darker-text-color;\n    font-size: 15px;\n    line-height: 20px;\n    font-weight: 400;\n    margin-bottom: 25px;\n  }\n\n  &__grid {\n    max-width: 960px;\n    margin: 0 auto;\n    display: grid;\n    grid-template-columns: minmax(0, 50%) minmax(0, 50%);\n    grid-gap: 30px;\n\n    @media screen and (max-width: 738px) {\n      grid-template-columns: minmax(0, 100%);\n      grid-gap: 10px;\n\n      &__column-login {\n        grid-row: 1;\n        display: flex;\n        flex-direction: column;\n\n        .box-widget {\n          order: 2;\n          flex: 0 0 auto;\n        }\n\n        .hero-widget {\n          margin-top: 0;\n          margin-bottom: 10px;\n          order: 1;\n          flex: 0 0 auto;\n        }\n      }\n\n      &__column-registration {\n        grid-row: 2;\n      }\n\n      .directory {\n        margin-top: 10px;\n      }\n    }\n\n    @media screen and (max-width: $no-gap-breakpoint) {\n      grid-gap: 0;\n\n      .hero-widget {\n        display: block;\n        margin-bottom: 0;\n        box-shadow: none;\n\n        &__img,\n        &__img img,\n        &__footer {\n          border-radius: 0;\n        }\n      }\n\n      .hero-widget,\n      .box-widget,\n      .directory__tag {\n        border-bottom: 1px solid lighten($ui-base-color, 8%);\n      }\n\n      .directory {\n        margin-top: 0;\n\n        &__tag {\n          margin-bottom: 0;\n\n          & > a,\n          & > div {\n            border-radius: 0;\n            box-shadow: none;\n          }\n\n          &:last-child {\n            border-bottom: 0;\n          }\n        }\n      }\n    }\n  }\n}\n\n.brand {\n  position: relative;\n  text-decoration: none;\n}\n\n.brand__tagline {\n  display: block;\n  position: absolute;\n  bottom: -10px;\n  left: 50px;\n  width: 300px;\n  color: $ui-primary-color;\n  text-decoration: none;\n  font-size: 14px;\n\n  @media screen and (max-width: $no-gap-breakpoint) {\n    position: static;\n    width: auto;\n    margin-top: 20px;\n    color: $dark-text-color;\n  }\n}\n\n",".table {\n  width: 100%;\n  max-width: 100%;\n  border-spacing: 0;\n  border-collapse: collapse;\n\n  th,\n  td {\n    padding: 8px;\n    line-height: 18px;\n    vertical-align: top;\n    border-top: 1px solid $ui-base-color;\n    text-align: left;\n    background: darken($ui-base-color, 4%);\n  }\n\n  & > thead > tr > th {\n    vertical-align: bottom;\n    border-bottom: 2px solid $ui-base-color;\n    border-top: 0;\n    font-weight: 500;\n  }\n\n  & > tbody > tr > th {\n    font-weight: 500;\n  }\n\n  & > tbody > tr:nth-child(odd) > td,\n  & > tbody > tr:nth-child(odd) > th {\n    background: $ui-base-color;\n  }\n\n  a {\n    color: $highlight-text-color;\n    text-decoration: underline;\n\n    &:hover {\n      text-decoration: none;\n    }\n  }\n\n  strong {\n    font-weight: 500;\n\n    @each $lang in $cjk-langs {\n      &:lang(#{$lang}) {\n        font-weight: 700;\n      }\n    }\n  }\n\n  &.inline-table {\n    & > tbody > tr:nth-child(odd) {\n      & > td,\n      & > th {\n        background: transparent;\n      }\n    }\n\n    & > tbody > tr:first-child {\n      & > td,\n      & > th {\n        border-top: 0;\n      }\n    }\n  }\n\n  &.batch-table {\n    & > thead > tr > th {\n      background: $ui-base-color;\n      border-top: 1px solid darken($ui-base-color, 8%);\n      border-bottom: 1px solid darken($ui-base-color, 8%);\n\n      &:first-child {\n        border-radius: 4px 0 0;\n        border-left: 1px solid darken($ui-base-color, 8%);\n      }\n\n      &:last-child {\n        border-radius: 0 4px 0 0;\n        border-right: 1px solid darken($ui-base-color, 8%);\n      }\n    }\n  }\n\n  &--invites tbody td {\n    vertical-align: middle;\n  }\n}\n\n.table-wrapper {\n  overflow: auto;\n  margin-bottom: 20px;\n}\n\nsamp {\n  font-family: $font-monospace, monospace;\n}\n\nbutton.table-action-link {\n  background: transparent;\n  border: 0;\n  font: inherit;\n}\n\nbutton.table-action-link,\na.table-action-link {\n  text-decoration: none;\n  display: inline-block;\n  margin-right: 5px;\n  padding: 0 10px;\n  color: $darker-text-color;\n  font-weight: 500;\n\n  &:hover {\n    color: $primary-text-color;\n  }\n\n  i.fa {\n    font-weight: 400;\n    margin-right: 5px;\n  }\n\n  &:first-child {\n    padding-left: 0;\n  }\n}\n\n.batch-table {\n  &__toolbar,\n  &__row {\n    display: flex;\n\n    &__select {\n      box-sizing: border-box;\n      padding: 8px 16px;\n      cursor: pointer;\n      min-height: 100%;\n\n      input {\n        margin-top: 8px;\n      }\n\n      &--aligned {\n        display: flex;\n        align-items: center;\n\n        input {\n          margin-top: 0;\n        }\n      }\n    }\n\n    &__actions,\n    &__content {\n      padding: 8px 0;\n      padding-right: 16px;\n      flex: 1 1 auto;\n    }\n  }\n\n  &__toolbar {\n    border: 1px solid darken($ui-base-color, 8%);\n    background: $ui-base-color;\n    border-radius: 4px 0 0;\n    height: 47px;\n    align-items: center;\n\n    &__actions {\n      text-align: right;\n      padding-right: 16px - 5px;\n    }\n  }\n\n  &__form {\n    padding: 16px;\n    border: 1px solid darken($ui-base-color, 8%);\n    border-top: 0;\n    background: $ui-base-color;\n\n    .fields-row {\n      padding-top: 0;\n      margin-bottom: 0;\n    }\n  }\n\n  &__row {\n    border: 1px solid darken($ui-base-color, 8%);\n    border-top: 0;\n    background: darken($ui-base-color, 4%);\n\n    @media screen and (max-width: $no-gap-breakpoint) {\n      .optional &:first-child {\n        border-top: 1px solid darken($ui-base-color, 8%);\n      }\n    }\n\n    &:hover {\n      background: darken($ui-base-color, 2%);\n    }\n\n    &:nth-child(even) {\n      background: $ui-base-color;\n\n      &:hover {\n        background: lighten($ui-base-color, 2%);\n      }\n    }\n\n    &__content {\n      padding-top: 12px;\n      padding-bottom: 16px;\n\n      &--unpadded {\n        padding: 0;\n      }\n\n      &--with-image {\n        display: flex;\n        align-items: center;\n      }\n\n      &__image {\n        flex: 0 0 auto;\n        display: flex;\n        justify-content: center;\n        align-items: center;\n        margin-right: 10px;\n\n        .emojione {\n          width: 32px;\n          height: 32px;\n        }\n      }\n\n      &__text {\n        flex: 1 1 auto;\n      }\n\n      &__extra {\n        flex: 0 0 auto;\n        text-align: right;\n        color: $darker-text-color;\n        font-weight: 500;\n      }\n    }\n\n    .directory__tag {\n      margin: 0;\n      width: 100%;\n\n      a {\n        background: transparent;\n        border-radius: 0;\n      }\n    }\n  }\n\n  &.optional .batch-table__toolbar,\n  &.optional .batch-table__row__select {\n    @media screen and (max-width: $no-gap-breakpoint) {\n      display: none;\n    }\n  }\n\n  .status__content {\n    padding-top: 0;\n\n    summary {\n      display: list-item;\n    }\n\n    strong {\n      font-weight: 700;\n    }\n  }\n\n  .nothing-here {\n    border: 1px solid darken($ui-base-color, 8%);\n    border-top: 0;\n    box-shadow: none;\n\n    @media screen and (max-width: $no-gap-breakpoint) {\n      border-top: 1px solid darken($ui-base-color, 8%);\n    }\n  }\n\n  @media screen and (max-width: 870px) {\n    .accounts-table tbody td.optional {\n      display: none;\n    }\n  }\n}\n","$no-columns-breakpoint: 600px;\n$sidebar-width: 240px;\n$content-width: 840px;\n\n.admin-wrapper {\n  display: flex;\n  justify-content: center;\n  width: 100%;\n  min-height: 100vh;\n\n  .sidebar-wrapper {\n    min-height: 100vh;\n    overflow: hidden;\n    pointer-events: none;\n    flex: 1 1 auto;\n\n    &__inner {\n      display: flex;\n      justify-content: flex-end;\n      background: $ui-base-color;\n      height: 100%;\n    }\n  }\n\n  .sidebar {\n    width: $sidebar-width;\n    padding: 0;\n    pointer-events: auto;\n\n    &__toggle {\n      display: none;\n      background: lighten($ui-base-color, 8%);\n      height: 48px;\n\n      &__logo {\n        flex: 1 1 auto;\n\n        a {\n          display: inline-block;\n          padding: 15px;\n        }\n\n        svg {\n          fill: $primary-text-color;\n          height: 20px;\n          position: relative;\n          bottom: -2px;\n        }\n      }\n\n      &__icon {\n        display: block;\n        color: $darker-text-color;\n        text-decoration: none;\n        flex: 0 0 auto;\n        font-size: 20px;\n        padding: 15px;\n      }\n\n      a {\n        &:hover,\n        &:focus,\n        &:active {\n          background: lighten($ui-base-color, 12%);\n        }\n      }\n    }\n\n    .logo {\n      display: block;\n      margin: 40px auto;\n      width: 100px;\n      height: 100px;\n    }\n\n    @media screen and (max-width: $no-columns-breakpoint) {\n      & > a:first-child {\n        display: none;\n      }\n    }\n\n    ul {\n      list-style: none;\n      border-radius: 4px 0 0 4px;\n      overflow: hidden;\n      margin-bottom: 20px;\n\n      @media screen and (max-width: $no-columns-breakpoint) {\n        margin-bottom: 0;\n      }\n\n      a {\n        display: block;\n        padding: 15px;\n        color: $darker-text-color;\n        text-decoration: none;\n        transition: all 200ms linear;\n        transition-property: color, background-color;\n        border-radius: 4px 0 0 4px;\n        white-space: nowrap;\n        overflow: hidden;\n        text-overflow: ellipsis;\n\n        i.fa {\n          margin-right: 5px;\n        }\n\n        &:hover {\n          color: $primary-text-color;\n          background-color: darken($ui-base-color, 5%);\n          transition: all 100ms linear;\n          transition-property: color, background-color;\n        }\n\n        &.selected {\n          background: darken($ui-base-color, 2%);\n          border-radius: 4px 0 0;\n        }\n      }\n\n      ul {\n        background: darken($ui-base-color, 4%);\n        border-radius: 0 0 0 4px;\n        margin: 0;\n\n        a {\n          border: 0;\n          padding: 15px 35px;\n        }\n      }\n\n      .simple-navigation-active-leaf a {\n        color: $primary-text-color;\n        background-color: $ui-highlight-color;\n        border-bottom: 0;\n        border-radius: 0;\n\n        &:hover {\n          background-color: lighten($ui-highlight-color, 5%);\n        }\n      }\n    }\n\n    & > ul > .simple-navigation-active-leaf a {\n      border-radius: 4px 0 0 4px;\n    }\n  }\n\n  .content-wrapper {\n    box-sizing: border-box;\n    width: 100%;\n    max-width: $content-width;\n    flex: 1 1 auto;\n  }\n\n  @media screen and (max-width: $content-width + $sidebar-width) {\n    .sidebar-wrapper--empty {\n      display: none;\n    }\n\n    .sidebar-wrapper {\n      width: $sidebar-width;\n      flex: 0 0 auto;\n    }\n  }\n\n  @media screen and (max-width: $no-columns-breakpoint) {\n    .sidebar-wrapper {\n      width: 100%;\n    }\n  }\n\n  .content {\n    padding: 20px 15px;\n    padding-top: 60px;\n    padding-left: 25px;\n\n    @media screen and (max-width: $no-columns-breakpoint) {\n      max-width: none;\n      padding: 15px;\n      padding-top: 30px;\n    }\n\n    &-heading {\n      display: flex;\n\n      padding-bottom: 40px;\n      border-bottom: 1px solid lighten($ui-base-color, 8%);\n\n      margin: -15px -15px 40px 0;\n\n      flex-wrap: wrap;\n      align-items: center;\n      justify-content: space-between;\n\n      & > * {\n        margin-top: 15px;\n        margin-right: 15px;\n      }\n\n      &-actions {\n        display: inline-flex;\n\n        & > :not(:first-child) {\n          margin-left: 5px;\n        }\n      }\n\n      @media screen and (max-width: $no-columns-breakpoint) {\n        border-bottom: 0;\n        padding-bottom: 0;\n      }\n    }\n\n    h2 {\n      color: $secondary-text-color;\n      font-size: 24px;\n      line-height: 28px;\n      font-weight: 400;\n\n      @media screen and (max-width: $no-columns-breakpoint) {\n        font-weight: 700;\n      }\n    }\n\n    h3 {\n      color: $secondary-text-color;\n      font-size: 20px;\n      line-height: 28px;\n      font-weight: 400;\n      margin-bottom: 30px;\n    }\n\n    h4 {\n      font-size: 14px;\n      font-weight: 700;\n      color: $darker-text-color;\n      padding-bottom: 8px;\n      margin-bottom: 8px;\n      border-bottom: 1px solid lighten($ui-base-color, 8%);\n    }\n\n    h6 {\n      font-size: 16px;\n      color: $secondary-text-color;\n      line-height: 28px;\n      font-weight: 500;\n    }\n\n    .fields-group h6 {\n      color: $primary-text-color;\n      font-weight: 500;\n    }\n\n    .directory__tag > a,\n    .directory__tag > div {\n      box-shadow: none;\n    }\n\n    .directory__tag .table-action-link .fa {\n      color: inherit;\n    }\n\n    .directory__tag h4 {\n      font-size: 18px;\n      font-weight: 700;\n      color: $primary-text-color;\n      text-transform: none;\n      padding-bottom: 0;\n      margin-bottom: 0;\n      border-bottom: 0;\n    }\n\n    & > p {\n      font-size: 14px;\n      line-height: 21px;\n      color: $secondary-text-color;\n      margin-bottom: 20px;\n\n      strong {\n        color: $primary-text-color;\n        font-weight: 500;\n\n        @each $lang in $cjk-langs {\n          &:lang(#{$lang}) {\n            font-weight: 700;\n          }\n        }\n      }\n    }\n\n    hr {\n      width: 100%;\n      height: 0;\n      border: 0;\n      border-bottom: 1px solid rgba($ui-base-lighter-color, .6);\n      margin: 20px 0;\n\n      &.spacer {\n        height: 1px;\n        border: 0;\n      }\n    }\n  }\n\n  @media screen and (max-width: $no-columns-breakpoint) {\n    display: block;\n\n    .sidebar-wrapper {\n      min-height: 0;\n    }\n\n    .sidebar {\n      width: 100%;\n      padding: 0;\n      height: auto;\n\n      &__toggle {\n        display: flex;\n      }\n\n      & > ul {\n        display: none;\n      }\n\n      ul a,\n      ul ul a {\n        border-radius: 0;\n        border-bottom: 1px solid lighten($ui-base-color, 4%);\n        transition: none;\n\n        &:hover {\n          transition: none;\n        }\n      }\n\n      ul ul {\n        border-radius: 0;\n      }\n\n      ul .simple-navigation-active-leaf a {\n        border-bottom-color: $ui-highlight-color;\n      }\n    }\n  }\n}\n\nhr.spacer {\n  width: 100%;\n  border: 0;\n  margin: 20px 0;\n  height: 1px;\n}\n\nbody,\n.admin-wrapper .content {\n  .muted-hint {\n    color: $darker-text-color;\n\n    a {\n      color: $highlight-text-color;\n    }\n  }\n\n  .positive-hint {\n    color: $valid-value-color;\n    font-weight: 500;\n  }\n\n  .negative-hint {\n    color: $error-value-color;\n    font-weight: 500;\n  }\n\n  .neutral-hint {\n    color: $dark-text-color;\n    font-weight: 500;\n  }\n\n  .warning-hint {\n    color: $gold-star;\n    font-weight: 500;\n  }\n}\n\n.filters {\n  display: flex;\n  flex-wrap: wrap;\n\n  .filter-subset {\n    flex: 0 0 auto;\n    margin: 0 40px 20px 0;\n\n    &:last-child {\n      margin-bottom: 30px;\n    }\n\n    ul {\n      margin-top: 5px;\n      list-style: none;\n\n      li {\n        display: inline-block;\n        margin-right: 5px;\n      }\n    }\n\n    strong {\n      font-weight: 500;\n      font-size: 13px;\n\n      @each $lang in $cjk-langs {\n        &:lang(#{$lang}) {\n          font-weight: 700;\n        }\n      }\n    }\n\n    a {\n      display: inline-block;\n      color: $darker-text-color;\n      text-decoration: none;\n      font-size: 13px;\n      font-weight: 500;\n      border-bottom: 2px solid $ui-base-color;\n\n      &:hover {\n        color: $primary-text-color;\n        border-bottom: 2px solid lighten($ui-base-color, 5%);\n      }\n\n      &.selected {\n        color: $highlight-text-color;\n        border-bottom: 2px solid $ui-highlight-color;\n      }\n    }\n  }\n}\n\n.flavour-screen {\n  display: block;\n  margin: 10px auto;\n  max-width: 100%;\n}\n\n.flavour-description {\n  display: block;\n  font-size: 16px;\n  margin: 10px 0;\n\n  & > p {\n    margin: 10px 0;\n  }\n}\n\n.flavour-screen {\n  display: block;\n  margin: 10px auto;\n  max-width: 100%;\n}\n\n.flavour-description {\n  display: block;\n  font-size: 16px;\n  margin: 10px 0;\n\n  & > p {\n    margin: 10px 0;\n  }\n}\n\n.report-accounts {\n  display: flex;\n  flex-wrap: wrap;\n  margin-bottom: 20px;\n}\n\n.report-accounts__item {\n  display: flex;\n  flex: 250px;\n  flex-direction: column;\n  margin: 0 5px;\n\n  & > strong {\n    display: block;\n    margin: 0 0 10px -5px;\n    font-weight: 500;\n    font-size: 14px;\n    line-height: 18px;\n    color: $secondary-text-color;\n\n    @each $lang in $cjk-langs {\n      &:lang(#{$lang}) {\n        font-weight: 700;\n      }\n    }\n  }\n\n  .account-card {\n    flex: 1 1 auto;\n  }\n}\n\n.report-status,\n.account-status {\n  display: flex;\n  margin-bottom: 10px;\n\n  .activity-stream {\n    flex: 2 0 0;\n    margin-right: 20px;\n    max-width: calc(100% - 60px);\n\n    .entry {\n      border-radius: 4px;\n    }\n  }\n}\n\n.report-status__actions,\n.account-status__actions {\n  flex: 0 0 auto;\n  display: flex;\n  flex-direction: column;\n\n  .icon-button {\n    font-size: 24px;\n    width: 24px;\n    text-align: center;\n    margin-bottom: 10px;\n  }\n}\n\n.simple_form.new_report_note,\n.simple_form.new_account_moderation_note {\n  max-width: 100%;\n}\n\n.batch-form-box {\n  display: flex;\n  flex-wrap: wrap;\n  margin-bottom: 5px;\n\n  #form_status_batch_action {\n    margin: 0 5px 5px 0;\n    font-size: 14px;\n  }\n\n  input.button {\n    margin: 0 5px 5px 0;\n  }\n\n  .media-spoiler-toggle-buttons {\n    margin-left: auto;\n\n    .button {\n      overflow: visible;\n      margin: 0 0 5px 5px;\n      float: right;\n    }\n  }\n}\n\n.back-link {\n  margin-bottom: 10px;\n  font-size: 14px;\n\n  a {\n    color: $highlight-text-color;\n    text-decoration: none;\n\n    &:hover {\n      text-decoration: underline;\n    }\n  }\n}\n\n.spacer {\n  flex: 1 1 auto;\n}\n\n.log-entry {\n  margin-bottom: 20px;\n  line-height: 20px;\n\n  &__header {\n    display: flex;\n    justify-content: flex-start;\n    align-items: center;\n    padding: 10px;\n    background: $ui-base-color;\n    color: $darker-text-color;\n    border-radius: 4px 4px 0 0;\n    font-size: 14px;\n    position: relative;\n  }\n\n  &__avatar {\n    margin-right: 10px;\n\n    .avatar {\n      display: block;\n      margin: 0;\n      border-radius: 50%;\n      width: 40px;\n      height: 40px;\n    }\n  }\n\n  &__content {\n    max-width: calc(100% - 90px);\n  }\n\n  &__title {\n    word-wrap: break-word;\n  }\n\n  &__timestamp {\n    color: $dark-text-color;\n  }\n\n  &__extras {\n    background: lighten($ui-base-color, 6%);\n    border-radius: 0 0 4px 4px;\n    padding: 10px;\n    color: $darker-text-color;\n    font-family: $font-monospace, monospace;\n    font-size: 12px;\n    word-wrap: break-word;\n    min-height: 20px;\n  }\n\n  &__icon {\n    font-size: 28px;\n    margin-right: 10px;\n    color: $dark-text-color;\n  }\n\n  &__icon__overlay {\n    position: absolute;\n    top: 10px;\n    right: 10px;\n    width: 10px;\n    height: 10px;\n    border-radius: 50%;\n\n    &.positive {\n      background: $success-green;\n    }\n\n    &.negative {\n      background: lighten($error-red, 12%);\n    }\n\n    &.neutral {\n      background: $ui-highlight-color;\n    }\n  }\n\n  a,\n  .username,\n  .target {\n    color: $secondary-text-color;\n    text-decoration: none;\n    font-weight: 500;\n  }\n\n  .diff-old {\n    color: lighten($error-red, 12%);\n  }\n\n  .diff-neutral {\n    color: $secondary-text-color;\n  }\n\n  .diff-new {\n    color: $success-green;\n  }\n}\n\na.name-tag,\n.name-tag,\na.inline-name-tag,\n.inline-name-tag {\n  text-decoration: none;\n  color: $secondary-text-color;\n\n  .username {\n    font-weight: 500;\n  }\n\n  &.suspended {\n    .username {\n      text-decoration: line-through;\n      color: lighten($error-red, 12%);\n    }\n\n    .avatar {\n      filter: grayscale(100%);\n      opacity: 0.8;\n    }\n  }\n}\n\na.name-tag,\n.name-tag {\n  display: flex;\n  align-items: center;\n\n  .avatar {\n    display: block;\n    margin: 0;\n    margin-right: 5px;\n    border-radius: 50%;\n  }\n\n  &.suspended {\n    .avatar {\n      filter: grayscale(100%);\n      opacity: 0.8;\n    }\n  }\n}\n\n.speech-bubble {\n  margin-bottom: 20px;\n  border-left: 4px solid $ui-highlight-color;\n\n  &.positive {\n    border-left-color: $success-green;\n  }\n\n  &.negative {\n    border-left-color: lighten($error-red, 12%);\n  }\n\n  &.warning {\n    border-left-color: $gold-star;\n  }\n\n  &__bubble {\n    padding: 16px;\n    padding-left: 14px;\n    font-size: 15px;\n    line-height: 20px;\n    border-radius: 4px 4px 4px 0;\n    position: relative;\n    font-weight: 500;\n\n    a {\n      color: $darker-text-color;\n    }\n  }\n\n  &__owner {\n    padding: 8px;\n    padding-left: 12px;\n  }\n\n  time {\n    color: $dark-text-color;\n  }\n}\n\n.report-card {\n  background: $ui-base-color;\n  border-radius: 4px;\n  margin-bottom: 20px;\n\n  &__profile {\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    padding: 15px;\n\n    .account {\n      padding: 0;\n      border: 0;\n\n      &__avatar-wrapper {\n        margin-left: 0;\n      }\n    }\n\n    &__stats {\n      flex: 0 0 auto;\n      font-weight: 500;\n      color: $darker-text-color;\n      text-align: right;\n\n      a {\n        color: inherit;\n        text-decoration: none;\n\n        &:focus,\n        &:hover,\n        &:active {\n          color: lighten($darker-text-color, 8%);\n        }\n      }\n\n      .red {\n        color: $error-value-color;\n      }\n    }\n  }\n\n  &__summary {\n    &__item {\n      display: flex;\n      justify-content: flex-start;\n      border-top: 1px solid darken($ui-base-color, 4%);\n\n      &:hover {\n        background: lighten($ui-base-color, 2%);\n      }\n\n      &__reported-by,\n      &__assigned {\n        padding: 15px;\n        flex: 0 0 auto;\n        box-sizing: border-box;\n        width: 150px;\n        color: $darker-text-color;\n\n        &,\n        .username {\n          white-space: nowrap;\n          overflow: hidden;\n          text-overflow: ellipsis;\n        }\n      }\n\n      &__content {\n        flex: 1 1 auto;\n        max-width: calc(100% - 300px);\n\n        &__icon {\n          color: $dark-text-color;\n          margin-right: 4px;\n          font-weight: 500;\n        }\n      }\n\n      &__content a {\n        display: block;\n        box-sizing: border-box;\n        width: 100%;\n        padding: 15px;\n        text-decoration: none;\n        color: $darker-text-color;\n      }\n    }\n  }\n}\n\n.one-line {\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n}\n\n.ellipsized-ip {\n  display: inline-block;\n  max-width: 120px;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  vertical-align: middle;\n}\n\n.admin-account-bio {\n  display: flex;\n  flex-wrap: wrap;\n  margin: 0 -5px;\n  margin-top: 20px;\n\n  > div {\n    box-sizing: border-box;\n    padding: 0 5px;\n    margin-bottom: 10px;\n    flex: 1 0 50%;\n  }\n\n  .account__header__fields,\n  .account__header__content {\n    background: lighten($ui-base-color, 8%);\n    border-radius: 4px;\n    height: 100%;\n  }\n\n  .account__header__fields {\n    margin: 0;\n    border: 0;\n\n    a {\n      color: lighten($ui-highlight-color, 8%);\n    }\n\n    dl:first-child .verified {\n      border-radius: 0 4px 0 0;\n    }\n\n    .verified a {\n      color: $valid-value-color;\n    }\n  }\n\n  .account__header__content {\n    box-sizing: border-box;\n    padding: 20px;\n    color: $primary-text-color;\n  }\n}\n\n.center-text {\n  text-align: center;\n}\n",".dashboard__counters {\n  display: flex;\n  flex-wrap: wrap;\n  margin: 0 -5px;\n  margin-bottom: 20px;\n\n  & > div {\n    box-sizing: border-box;\n    flex: 0 0 33.333%;\n    padding: 0 5px;\n    margin-bottom: 10px;\n\n    & > div,\n    & > a {\n      padding: 20px;\n      background: lighten($ui-base-color, 4%);\n      border-radius: 4px;\n      box-sizing: border-box;\n      height: 100%;\n    }\n\n    & > a {\n      text-decoration: none;\n      color: inherit;\n      display: block;\n\n      &:hover,\n      &:focus,\n      &:active {\n        background: lighten($ui-base-color, 8%);\n      }\n    }\n  }\n\n  &__num,\n  &__text {\n    text-align: center;\n    font-weight: 500;\n    font-size: 24px;\n    line-height: 21px;\n    color: $primary-text-color;\n    font-family: $font-display, sans-serif;\n    margin-bottom: 20px;\n    line-height: 30px;\n  }\n\n  &__text {\n    font-size: 18px;\n  }\n\n  &__label {\n    font-size: 14px;\n    color: $darker-text-color;\n    text-align: center;\n    font-weight: 500;\n  }\n}\n\n.dashboard__widgets {\n  display: flex;\n  flex-wrap: wrap;\n  margin: 0 -5px;\n\n  & > div {\n    flex: 0 0 33.333%;\n    margin-bottom: 20px;\n\n    & > div {\n      padding: 0 5px;\n    }\n  }\n\n  a:not(.name-tag) {\n    color: $ui-secondary-color;\n    font-weight: 500;\n    text-decoration: none;\n  }\n}\n","body.rtl {\n  direction: rtl;\n\n  .column-header > button {\n    text-align: right;\n    padding-left: 0;\n    padding-right: 15px;\n  }\n\n  .radio-button__input {\n    margin-right: 0;\n    margin-left: 10px;\n  }\n\n  .directory__card__bar .display-name {\n    margin-left: 0;\n    margin-right: 15px;\n  }\n\n  .display-name {\n    text-align: right;\n  }\n\n  .notification__message {\n    margin-left: 0;\n    margin-right: 68px;\n  }\n\n  .drawer__inner__mastodon > img {\n    transform: scaleX(-1);\n  }\n\n  .notification__favourite-icon-wrapper {\n    left: auto;\n    right: -26px;\n  }\n\n  .landing-page__logo {\n    margin-right: 0;\n    margin-left: 20px;\n  }\n\n  .landing-page .features-list .features-list__row .visual {\n    margin-left: 0;\n    margin-right: 15px;\n  }\n\n  .column-link__icon,\n  .column-header__icon {\n    margin-right: 0;\n    margin-left: 5px;\n  }\n\n  .compose-form .compose-form__buttons-wrapper .character-counter__wrapper {\n    margin-right: 0;\n    margin-left: 4px;\n  }\n\n  .navigation-bar__profile {\n    margin-left: 0;\n    margin-right: 8px;\n  }\n\n  .search__input {\n    padding-right: 10px;\n    padding-left: 30px;\n  }\n\n  .search__icon .fa {\n    right: auto;\n    left: 10px;\n  }\n\n  .columns-area {\n    direction: rtl;\n  }\n\n  .column-header__buttons {\n    left: 0;\n    right: auto;\n    margin-left: 0;\n    margin-right: -15px;\n  }\n\n  .column-inline-form .icon-button {\n    margin-left: 0;\n    margin-right: 5px;\n  }\n\n  .column-header__links .text-btn {\n    margin-left: 10px;\n    margin-right: 0;\n  }\n\n  .account__avatar-wrapper {\n    float: right;\n  }\n\n  .column-header__back-button {\n    padding-left: 5px;\n    padding-right: 0;\n  }\n\n  .column-header__setting-arrows {\n    float: left;\n  }\n\n  .setting-toggle__label {\n    margin-left: 0;\n    margin-right: 8px;\n  }\n\n  .status__avatar {\n    left: auto;\n    right: 10px;\n  }\n\n  .status,\n  .activity-stream .status.light {\n    padding-left: 10px;\n    padding-right: 68px;\n  }\n\n  .status__info .status__display-name,\n  .activity-stream .status.light .status__display-name {\n    padding-left: 25px;\n    padding-right: 0;\n  }\n\n  .activity-stream .pre-header {\n    padding-right: 68px;\n    padding-left: 0;\n  }\n\n  .status__prepend {\n    margin-left: 0;\n    margin-right: 68px;\n  }\n\n  .status__prepend-icon-wrapper {\n    left: auto;\n    right: -26px;\n  }\n\n  .activity-stream .pre-header .pre-header__icon {\n    left: auto;\n    right: 42px;\n  }\n\n  .account__avatar-overlay-overlay {\n    right: auto;\n    left: 0;\n  }\n\n  .column-back-button--slim-button {\n    right: auto;\n    left: 0;\n  }\n\n  .status__relative-time,\n  .activity-stream .status.light .status__header .status__meta {\n    float: left;\n  }\n\n  .status__action-bar {\n    &__counter {\n      margin-right: 0;\n      margin-left: 11px;\n\n      .status__action-bar-button {\n        margin-right: 0;\n        margin-left: 4px;\n      }\n    }\n  }\n\n  .status__action-bar-button {\n    float: right;\n    margin-right: 0;\n    margin-left: 18px;\n  }\n\n  .status__action-bar-dropdown {\n    float: right;\n  }\n\n  .privacy-dropdown__dropdown {\n    margin-left: 0;\n    margin-right: 40px;\n  }\n\n  .privacy-dropdown__option__icon {\n    margin-left: 10px;\n    margin-right: 0;\n  }\n\n  .detailed-status__display-name .display-name {\n    text-align: right;\n  }\n\n  .detailed-status__display-avatar {\n    margin-right: 0;\n    margin-left: 10px;\n    float: right;\n  }\n\n  .detailed-status__favorites,\n  .detailed-status__reblogs {\n    margin-left: 0;\n    margin-right: 6px;\n  }\n\n  .fa-ul {\n    margin-left: 2.14285714em;\n  }\n\n  .fa-li {\n    left: auto;\n    right: -2.14285714em;\n  }\n\n  .admin-wrapper {\n    direction: rtl;\n  }\n\n  .admin-wrapper .sidebar ul a i.fa,\n  a.table-action-link i.fa {\n    margin-right: 0;\n    margin-left: 5px;\n  }\n\n  .simple_form .check_boxes .checkbox label {\n    padding-left: 0;\n    padding-right: 25px;\n  }\n\n  .simple_form .input.with_label.boolean label.checkbox {\n    padding-left: 25px;\n    padding-right: 0;\n  }\n\n  .simple_form .check_boxes .checkbox input[type=\"checkbox\"],\n  .simple_form .input.boolean input[type=\"checkbox\"] {\n    left: auto;\n    right: 0;\n  }\n\n  .simple_form .input.radio_buttons .radio {\n    left: auto;\n    right: 0;\n  }\n\n  .simple_form .input.radio_buttons .radio > label {\n    padding-right: 28px;\n    padding-left: 0;\n  }\n\n  .simple_form .input-with-append .input input {\n    padding-left: 142px;\n    padding-right: 0;\n  }\n\n  .simple_form .input.boolean label.checkbox {\n    left: auto;\n    right: 0;\n  }\n\n  .simple_form .input.boolean .label_input,\n  .simple_form .input.boolean .hint {\n    padding-left: 0;\n    padding-right: 28px;\n  }\n\n  .simple_form .label_input__append {\n    right: auto;\n    left: 3px;\n\n    &::after {\n      right: auto;\n      left: 0;\n      background-image: linear-gradient(to left, rgba(darken($ui-base-color, 10%), 0), darken($ui-base-color, 10%));\n    }\n  }\n\n  .simple_form select {\n    background: darken($ui-base-color, 10%) url(\"data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14.933 18.467' height='19.698' width='15.929'><path d='M3.467 14.967l-3.393-3.5H14.86l-3.392 3.5c-1.866 1.925-3.666 3.5-4 3.5-.335 0-2.135-1.575-4-3.5zm.266-11.234L7.467 0 11.2 3.733l3.733 3.734H0l3.733-3.734z' fill='#{hex-color(lighten($ui-base-color, 12%))}'/></svg>\") no-repeat left 8px center / auto 16px;\n  }\n\n  .table th,\n  .table td {\n    text-align: right;\n  }\n\n  .filters .filter-subset {\n    margin-right: 0;\n    margin-left: 45px;\n  }\n\n  .landing-page .header-wrapper .mascot {\n    right: 60px;\n    left: auto;\n  }\n\n  .landing-page__call-to-action .row__information-board {\n    direction: rtl;\n  }\n\n  .landing-page .header .hero .floats .float-1 {\n    left: -120px;\n    right: auto;\n  }\n\n  .landing-page .header .hero .floats .float-2 {\n    left: 210px;\n    right: auto;\n  }\n\n  .landing-page .header .hero .floats .float-3 {\n    left: 110px;\n    right: auto;\n  }\n\n  .landing-page .header .links .brand img {\n    left: 0;\n  }\n\n  .landing-page .fa-external-link {\n    padding-right: 5px;\n    padding-left: 0 !important;\n  }\n\n  .landing-page .features #mastodon-timeline {\n    margin-right: 0;\n    margin-left: 30px;\n  }\n\n  @media screen and (min-width: 631px) {\n    .column,\n    .drawer {\n      padding-left: 5px;\n      padding-right: 5px;\n\n      &:first-child {\n        padding-left: 5px;\n        padding-right: 10px;\n      }\n    }\n\n    .columns-area > div {\n      .column,\n      .drawer {\n        padding-left: 5px;\n        padding-right: 5px;\n      }\n    }\n  }\n\n  .columns-area--mobile .column,\n  .columns-area--mobile .drawer {\n    padding-left: 0;\n    padding-right: 0;\n  }\n\n  .public-layout {\n    .header {\n      .nav-button {\n        margin-left: 8px;\n        margin-right: 0;\n      }\n    }\n\n    .public-account-header__tabs {\n      margin-left: 0;\n      margin-right: 20px;\n    }\n  }\n\n  .landing-page__information {\n    .account__display-name {\n      margin-right: 0;\n      margin-left: 5px;\n    }\n\n    .account__avatar-wrapper {\n      margin-left: 12px;\n      margin-right: 0;\n    }\n  }\n\n  .card__bar .display-name {\n    margin-left: 0;\n    margin-right: 15px;\n    text-align: right;\n  }\n\n  .fa-chevron-left::before {\n    content: \"\\F054\";\n  }\n\n  .fa-chevron-right::before {\n    content: \"\\F053\";\n  }\n\n  .column-back-button__icon {\n    margin-right: 0;\n    margin-left: 5px;\n  }\n\n  .column-header__setting-arrows .column-header__setting-btn:last-child {\n    padding-left: 0;\n    padding-right: 10px;\n  }\n\n  .simple_form .input.radio_buttons .radio > label input {\n    left: auto;\n    right: 0;\n  }\n}\n","$black-emojis: '8ball' 'ant' 'back' 'black_circle' 'black_heart' 'black_large_square' 'black_medium_small_square' 'black_medium_square' 'black_nib' 'black_small_square' 'bomb' 'bowling' 'bust_in_silhouette' 'busts_in_silhouette' 'camera' 'camera_with_flash' 'clubs' 'copyright' 'curly_loop' 'currency_exchange' 'dark_sunglasses' 'eight_pointed_black_star' 'electric_plug' 'end' 'female-guard' 'film_projector' 'fried_egg' 'gorilla' 'guardsman' 'heavy_check_mark' 'heavy_division_sign' 'heavy_dollar_sign' 'heavy_minus_sign' 'heavy_multiplication_x' 'heavy_plus_sign' 'hocho' 'hole' 'joystick' 'kaaba' 'lower_left_ballpoint_pen' 'lower_left_fountain_pen' 'male-guard' 'microphone' 'mortar_board' 'movie_camera' 'musical_score' 'on' 'registered' 'soon' 'spades' 'speaking_head_in_silhouette' 'spider' 'telephone_receiver' 'tm' 'top' 'tophat' 'turkey' 'vhs' 'video_camera' 'video_game' 'water_buffalo' 'waving_black_flag' 'wavy_dash';\n\n%white-emoji-outline {\n  filter: drop-shadow(1px 1px 0 $white) drop-shadow(-1px 1px 0 $white) drop-shadow(1px -1px 0 $white) drop-shadow(-1px -1px 0 $white);\n  transform: scale(.71);\n}\n\n.emojione {\n  @each $emoji in $black-emojis {\n    &[title=':#{$emoji}:'] {\n      @extend %white-emoji-outline;\n    }\n  }\n}\n"],"sourceRoot":""}
\ No newline at end of file
+{"version":3,"sources":["webpack:///common.scss","webpack:///./app/javascript/styles/win95.scss","webpack:///./app/javascript/styles/mastodon/reset.scss","webpack:///./app/javascript/styles/mastodon/variables.scss","webpack:///./app/javascript/styles/mastodon/basics.scss","webpack:///./app/javascript/styles/mastodon/containers.scss","webpack:///./app/javascript/styles/mastodon/lists.scss","webpack:///./app/javascript/styles/mastodon/footer.scss","webpack:///./app/javascript/styles/mastodon/compact_header.scss","webpack:///./app/javascript/styles/mastodon/widgets.scss","webpack:///./app/javascript/styles/mastodon/forms.scss","webpack:///./app/javascript/styles/mastodon/accounts.scss","webpack:///./app/javascript/styles/mastodon/statuses.scss","webpack:///./app/javascript/styles/mastodon/boost.scss","webpack:///./app/javascript/styles/mastodon/components.scss","webpack:///<no source>","webpack:///./app/javascript/styles/mastodon/_mixins.scss","webpack:///./app/javascript/styles/mastodon/polls.scss","webpack:///./app/javascript/styles/mastodon/modal.scss","webpack:///./app/javascript/styles/mastodon/emoji_picker.scss","webpack:///./app/javascript/styles/mastodon/about.scss","webpack:///./app/javascript/styles/mastodon/tables.scss","webpack:///./app/javascript/styles/mastodon/admin.scss","webpack:///./app/javascript/styles/mastodon/dashboard.scss","webpack:///./app/javascript/styles/mastodon/rtl.scss","webpack:///./app/javascript/styles/mastodon/accessibility.scss"],"names":[],"mappings":"AAAA,WCwEA,wBACE,+DACA,4ZCrEF,QAaE,UACA,SACA,eACA,aACA,wBACA,+EAIF,aAEE,MAGF,aACE,OAGF,eACE,cAGF,WACE,qDAGF,UAEE,aACA,OAGF,wBACE,iBACA,MAGF,sCACE,qBAGF,UACE,YACA,2BAGF,kBACE,cACA,mBACA,iCAGF,kBACE,kCAGF,kBACE,2BAGF,aACE,gBACA,0BACA,CCtEW,iED6Eb,kBC7Ea,4BDiFb,sBACE,MErFF,iDACE,mBACA,CACA,gBACA,gBACA,WDXM,kCCaN,6BACA,8BACA,CADA,0BACA,CADA,qBACA,0CACA,wCACA,kBAEA,iKAYE,eAGF,SACE,oCAEA,WACE,iBACA,kBACA,uCAGF,iBACE,WACA,YACA,mCAGF,iBACE,cAIJ,kBD7CW,kBCiDX,iBACE,kBACA,0BAEA,iBACE,aAIJ,iBACE,YAGF,kBACE,SACA,iBACA,uBAEA,iBACE,WACA,YACA,gBACA,YAIJ,kBACE,UACA,YAGF,iBACE,kBACA,cD3EoB,mBAPX,WCqFT,YACA,UACA,aACA,uBACA,mBACA,oBAEA,qBACE,YACA,sCAGE,aACE,gBACA,WACA,YACA,kBACA,uBAIJ,cACE,iBACA,gBACA,QAMR,mBACE,eACA,cAEA,YACE,kDAKF,YAGE,WACA,mBACA,uBACA,oBACA,sBAGF,YACE,yEAKF,gBAEE,+EAKF,WAEE,sCAIJ,qBAEE,eACA,gBACA,gBACA,cACA,kBACA,8CAEA,eACE,0CAGF,mBACE,gEAEA,eACE,0CAIJ,aHlLoB,kKGqLlB,oBAGE,sDAIJ,aH9LgB,eGgMd,0DAEA,aHlMc,oDGuMhB,cACE,SACA,uBACA,cH1Mc,aG4Md,UACA,SACA,oBACA,eACA,UACA,4BACA,0BACA,gMAEA,oBAGE,kEAGF,aD9NY,gBCgOV,gBCnON,WACE,CACA,kBACA,qCAEA,eALF,UAMI,SACA,kBAIJ,sBACE,qCAEA,gBAHF,kBAII,qBAGF,YACE,uBACA,mBACA,wBAEA,SFrBI,YEuBF,kBACA,sBAGF,YACE,uBACA,mBACA,WF9BE,qBEgCF,UACA,kBACA,iBACA,6CACA,gBACA,eACA,mCAMJ,WACE,CACA,cACA,mBACA,sBACA,qCAEA,kCAPF,UAQI,aACA,aACA,kBAKN,WACE,CACA,YACA,eACA,iBACA,sBACA,CACA,gBACA,CACA,sBACA,qCAEA,gBAZF,UAaI,CACA,eACA,CACA,mBACA,0BAGF,UACE,YACA,iBACA,6BAEA,UACE,YACA,cACA,SACA,kBACA,uBAIJ,aACE,cF7EsB,wBE+EtB,iCAEA,aACE,gBACA,uBACA,gBACA,8BAIJ,aACE,eACA,iBACA,gBACA,SAIJ,YACE,cACA,8BACA,sBACA,mCACA,CADA,0BACA,mBAEA,eACE,WACA,mBAGF,aACE,WACA,mBAGF,aACE,WACA,mBAGF,eACE,WACA,qCAGF,QA3BF,UA4BI,qCACA,mBAEA,aACE,mBAGF,aACE,WACA,mBAGF,aACE,WACA,mBAGF,aACE,WACA,UAKN,YACE,cACA,8CACA,sBACA,mCACA,CADA,0BACA,mBAEA,eACE,WACA,mBAGF,eACE,WACA,mBAGF,aACE,WACA,mBAGF,eACE,WACA,mBAGF,aACE,WACA,uCAGF,eACE,wBAGF,kBACE,qCAGF,QAxCF,iDAyCI,uCAEA,YACE,aACA,mBACA,uBACA,iCAGF,UACE,uBACA,mBACA,sBAGF,YACE,sCAIJ,QA7DF,UA8DI,qCACA,mBAEA,aACE,mBAGF,aACE,WACA,mBAGF,aACE,WACA,mBAGF,aACE,WACA,mBAGF,aACE,WACA,sCAMJ,eADF,gBAEI,4BAGF,eACE,qCAEA,0BAHF,SAII,yBAIJ,kBACE,mCACA,kBACA,YACA,cACA,aACA,oBACA,uBACA,iBACA,gBACA,qCAEA,uBAZF,cAaI,WACA,MACA,OACA,SACA,gBACA,gBACA,YACA,6BAGF,cACE,eACA,kCAGF,YACE,oBACA,2BACA,iBACA,oCAGF,YACE,oBACA,uBACA,iBACA,mCAGF,YACE,oBACA,yBACA,iBACA,+BAGF,aACE,aACA,mCAEA,aACE,YACA,WACA,kBACA,YACA,UFxUA,qCE2UA,kCARF,WASI,+GAIJ,kBAGE,kCAIJ,YACE,mBACA,eACA,eACA,gBACA,qBACA,cF7UkB,mBE+UlB,kBACA,uHAEA,yBAGE,WFrWA,qCEyWF,0CACE,YACE,qCAKN,kBACE,CACA,oBACA,kBACA,6HAEA,oBAGE,mBACA,sBAON,YACE,cACA,0DACA,sBACA,mCACA,CADA,0BACA,gCAEA,UACE,cACA,gCAGF,UACE,cACA,qCAGF,qBAjBF,0BAkBI,WACA,gCAEA,YACE,kCAKN,iBACE,qCAEA,gCAHF,eAII,sCAKF,4BADF,eAEI,wCAIJ,eACE,mBACA,mCACA,gDAEA,UACE,qIAEA,8BAEE,CAFF,sBAEE,6DAGF,wBFtaoB,8CE2atB,yBACE,gBACA,aACA,kBACA,gBACA,oDAEA,UACE,cACA,kBACA,WACA,YACA,gDACA,MACA,OACA,kDAGF,mBACE,CADF,8BACE,CADF,gBACE,cACA,WACA,YACA,SACA,0BACA,qCAGF,6CA3BF,YA4BI,gDAIJ,eACE,6JAEA,iBAEE,qCAEA,4JAJF,eAKI,sCAKN,sCA/DF,eAgEI,gBACA,oDAEA,YACE,+FAGF,eAEE,6CAIJ,iBACE,iBACA,aACA,2BACA,mDAEA,UACE,cACA,mBACA,kBACA,SACA,OACA,QACA,YACA,0BACA,WACA,oDAGF,aACE,YACA,aACA,kBACA,cACA,wDAEA,aACE,WACA,YACA,SACA,kBACA,yBACA,mBACA,qCAIJ,2CArCF,YAsCI,mBACA,0BACA,YACA,mDAEA,YACE,oDAGF,UACE,YACA,CACA,sBACA,wDAEA,QACE,kBACA,2DAGF,mDAXF,YAYI,sCAKN,2CAhEF,eAiEI,sCAGF,2CApEF,cAqEI,8CAIJ,aACE,iBACA,mDAEA,gBACE,mBACA,sDAEA,cACE,iBACA,WF1kBF,gBE4kBE,gBACA,mBACA,uBACA,6BACA,4DAEA,aACE,eACA,WFplBJ,gBEslBI,gBACA,uBACA,qCAKN,4CA7BF,gBA8BI,aACA,8BACA,mBACA,mDAEA,aACE,iBACA,sDAEA,cACE,iBACA,iBACA,4DAEA,aF5lBY,oDEmmBlB,YACE,2BACA,oBACA,YACA,qEAEA,YACE,mBACA,gBACA,qCAGF,oEACE,YACE,6DAIJ,eACE,sBACA,cACA,cFxnBc,aE0nBd,+BACA,eACA,kBACA,kBACA,8DAEA,aACE,uEAGF,cACE,kEAGF,aACE,WACA,kBACA,SACA,OACA,WACA,gCACA,WACA,wBACA,yEAIA,+BACE,UACA,kFAGF,2BFzpBc,wEE+pBd,SACE,wBACA,8DAIJ,oBACE,cACA,2EAGF,cACE,cACA,4EAGF,eACE,eACA,kBACA,WFnsBJ,6CEqsBI,2DAIJ,aACE,WACA,4DAGF,eACE,8CAKN,YACE,eACA,kEAEA,eACE,gBACA,uBACA,cACA,2FAEA,4BACE,yEAGF,YACE,qDAIJ,gBACE,eACA,cFztBgB,uDE4tBhB,oBACE,cF7tBc,qBE+tBd,aACA,gBACA,8DAEA,eACE,WFpvBJ,qCE0vBF,6CAtCF,aAuCI,UACA,4CAKN,yBACE,qCAEA,0CAHF,eAII,wCAIJ,eACE,oCAGF,kBACE,mCACA,kBACA,gBACA,mBACA,qCAEA,mCAPF,eAQI,gBACA,gBACA,8DAGF,QACE,aACA,+DAEA,aACE,sFAGF,uBACE,yEAGF,aFryBU,8DE2yBV,mBACA,WF7yBE,qFEizBJ,YAEE,eACA,cFpyBkB,2CEwyBpB,gBACE,iCAIJ,YACE,cACA,kDACA,qCAEA,gCALF,aAMI,+CAGF,cACE,iCAIJ,eACE,2BAGF,YACE,eACA,eACA,cACA,+BAEA,qBACE,cACA,YACA,cACA,mBACA,kBACA,qCAEA,8BARF,aASI,sCAGF,8BAZF,cAaI,sCAIJ,0BAvBF,QAwBI,6BACA,+BAEA,UACE,UACA,gBACA,gCACA,0CAEA,eACE,0CAGF,kBF32BK,+IE82BH,kBAGE,WC53BZ,eACE,aAEA,oBACE,aACA,iBAIJ,eACE,cACA,oBAEA,cACE,gBACA,mBACA,wBCfF,eACE,iBACA,oBACA,eACA,cACA,qCAEA,uBAPF,iBAQI,mBACA,+BAGF,YACE,cACA,0CACA,wCAEA,aACE,WACA,YACA,wCAGF,aACE,WACA,YACA,wCAGF,aACE,WACA,YACA,kBACA,6CAEA,aACE,wCAIJ,aACE,WACA,YACA,wCAGF,aACE,WACA,YACA,qCAGF,6BAxCF,iCAyCI,+EAEA,aAEE,wCAGF,UACE,wCAGF,aACE,+EAGF,aAEE,wCAGF,UACE,sCAIJ,uCACE,aACE,sCAIJ,4JACE,YAIE,4BAKN,wBACE,gBACA,kBACA,cJhFkB,6BImFlB,aACE,qBACA,6BAIJ,oBACE,cACA,wGAEA,yBAGE,mCAKF,aACE,YACA,WACA,cACA,aACA,0HAMA,YACE,oBClIR,cACE,iBACA,cLeoB,gBKbpB,mBACA,eACA,qBACA,qCAEA,mBATF,iBAUI,oBACA,uBAGF,aACE,qBACA,0BAGF,eACE,cLFoB,wBKMtB,oBACE,mBACA,kBACA,WACA,YACA,cC9BN,kBACE,mCACA,mBAEA,UACE,kBACA,gBACA,0BACA,gBNPI,uBMUJ,mBACE,CADF,8BACE,CADF,gBACE,cACA,WACA,YACA,SACA,0BACA,oBAIJ,kBNVW,aMYT,0BACA,eACA,cNPoB,iBMSpB,qBACA,gBACA,8BAEA,UACE,YACA,gBACA,sBAGF,kBACE,iCAEA,eACE,uBAIJ,cACE,SACA,UACA,gBACA,uBACA,oBACA,kBACA,oBACA,cACA,sBAGF,aNtCsB,qBMwCpB,4BAEA,yBACE,qCAKN,aAnEF,YAoEI,uBAIJ,kBACE,oBACA,yBAEA,YACE,yBACA,gBACA,eACA,cN9DoB,+BMkEtB,cACE,0CAEA,eACE,sDAGF,YACE,mBACA,gDAGF,UACE,YACA,0BACA,oCAIJ,YACE,mBAKF,aN3FsB,aMgGxB,YACE,kBACA,mBNzGW,mCM2GX,qBAGF,YACE,kBACA,0BACA,kBACA,cN3GsB,mBM6GtB,iBAGF,eACE,eACA,cNlHsB,iBMoHtB,qBACA,gBACA,UACA,oBAEA,YACE,yBACA,gBACA,eACA,cN7HoB,0BMiItB,eACE,CACA,kBACA,mBAGF,oBACE,CACA,mBACA,cN1IoB,qBM4IpB,mBACA,gBACA,uBACA,0EAEA,yBAGE,uBAMJ,sBACA,kBACA,mBNnKW,mCMqKX,cN7JwB,gBM+JxB,mBACA,sDAEA,eAEE,CAII,qXADF,eACE,yBAKN,aACE,0BACA,CAMI,wLAGF,oBAGE,mIAEA,yBACE,gCAMR,kBACE,oCAEA,gBACE,cNzMkB,8DM+MpB,iBACE,eACA,4DAGF,eACE,qBACA,iEAEA,eACE,kBAMR,YACE,CACA,eNlPM,CMoPN,cACA,cNpOsB,mBMsOtB,+BANA,iBACA,CNlPM,kCMgQN,CATA,aAGF,kBACE,CAEA,iBACA,kBACA,cACA,iBAEA,UNjQM,eMmQJ,gBACA,gBACA,mBACA,gBAGF,cACE,cN1PoB,qCM8PtB,aArBF,YAsBI,mBACA,iBAEA,cACE,aAKN,kBN/Qa,kBMiRX,mCACA,iBAEA,qBACE,mBACA,uCAEA,YAEE,mBACA,8BACA,mBN5RO,kBM8RP,aACA,qBACA,cACA,mCACA,0EAIA,kBAGE,0BAIJ,kBRhTkB,eQkThB,8BAGF,UACE,eACA,oBAGF,aACE,eACA,gBACA,WNnUE,mBMqUF,gBACA,uBACA,wBAEA,aNzTkB,0BM6TlB,aACE,gBACA,eACA,eACA,cNjUgB,0IMuUlB,UNvVE,+BM+VJ,aACE,YACA,uDAGF,oBR9VkB,wCQkWlB,eACE,eAKN,YACE,yBACA,gCAEA,aACE,WACA,YACA,kBACA,kBACA,kBACA,mBACA,yBACA,4CAEA,SACE,6CAGF,SACE,6CAGF,SACE,iBAKN,UACE,0BAEA,SACE,SACA,wBAGF,eACE,0BAGF,iBACE,yBACA,cNxYoB,gBM0YpB,aACA,sCAEA,eACE,0BAIJ,cACE,sBACA,gCACA,wCAGF,eACE,wBAGF,WACE,kBACA,eACA,gBACA,WNhbI,8BMmbJ,aACE,cNpakB,gBMsalB,eACA,0BAIJ,SACE,iCACA,qCAGF,kCACE,YACE,sCAYJ,qIAPF,eAQI,gBACA,gBACA,iBAOJ,gBACE,qCAEA,eAHF,oBAII,uBAGF,sBACE,sCAEA,qBAHF,sBAII,sCAGF,qBAPF,UAQI,sCAGF,qBAXF,WAYI,kCAIJ,iBACE,qCAEA,gCAHF,4BAII,iEAIA,eACE,0DAGF,cACE,iBACA,oEAEA,UACE,YACA,gBACA,yFAGF,gBACE,SACA,mKAIJ,eAGE,gBAON,aNrgBsB,iCMogBxB,kBAKI,6BAEA,eACE,kBAIJ,cACE,iBACA,wCAMF,oBACE,gBACA,cRpiBkB,4JQuiBlB,yBAGE,oBAKN,kBACE,gBACA,eACA,kBACA,yBAEA,aACE,gBACA,aACA,CACA,kBACA,gBACA,uBACA,qBACA,WNnkBI,gCMqkBJ,4FAEA,yBAGE,oCAIJ,eACE,0BAGF,iBACE,gCACA,MCplBJ,+CACE,gBACA,iBAGF,eACE,aACA,cACA,qBAIA,kBACE,gBACA,4BAEA,QACE,0CAIA,kBACE,qDAEA,eACE,gDAIJ,iBACE,kBACA,sDAEA,iBACE,SACA,OACA,6BAKN,iBACE,gBACA,gDAEA,mBACE,eACA,gBACA,WPhDA,cOkDA,WACA,4EAGF,iBAEE,mDAGF,eACE,4CAGF,iBACE,QACA,OACA,qCAGF,aT/DgB,0BSiEd,gIAEA,oBAGE,0CAIJ,iBACE,CACA,iBACA,mBAKN,YACE,cACA,0BAEA,qBACE,cACA,UACA,cACA,oBAIJ,aPpFsB,sBOuFpB,aTjGkB,yBSqGlB,iBACE,kBACA,gBACA,uBAGF,eACE,iBACA,sBAIJ,kBACE,wBAGF,aACE,eACA,eACA,qBAGF,kBACE,cPlHoB,iCOqHpB,iBACE,eACA,iBACA,gBACA,gBACA,oBAIJ,kBACE,qBAGF,eACE,CAII,0JADF,eACE,sDAMJ,YACE,4DAEA,mBACE,eACA,WPlKA,gBOoKA,gBACA,cACA,wHAGF,aAEE,sDAIJ,cACE,kBACA,mDAKF,mBACE,eACA,WPxLE,cO0LF,kBACA,qBACA,gBACA,sCAGF,cACE,mCAGF,UACE,sCAIJ,cACE,4CAEA,mBACE,eACA,WP9ME,cOgNF,gBACA,gBACA,4CAGF,kBACE,yCAGF,cACE,CADF,cACE,kDAIJ,oBACE,WACA,OACA,6BAGF,oBACE,cACA,4BAGF,kBACE,8CAEA,eACE,0BAIJ,YACE,CACA,eACA,oBACA,iCAEA,cACE,kCAGF,qBACE,eACA,cACA,eACA,oCAEA,aACE,2CAGF,eACE,6GAIJ,eAEE,qCAGF,yBA9BF,aA+BI,gBACA,kCAEA,cACE,0JAGF,kBAGE,iDAKN,iBACE,oBACA,eACA,WPlSI,cOoSJ,WACA,2CAKE,mBACE,eACA,WP5SA,qBO8SA,WACA,kBACA,gBACA,kBACA,cACA,0DAGF,iBACE,OACA,QACA,SACA,kDAKN,cACE,aACA,yBACA,kBACA,sJAGF,qBAKE,eACA,WP5UI,cO8UJ,WACA,UACA,oBACA,gBACA,mBACA,sBACA,kBACA,aACA,6RAEA,aACE,CAHF,+OAEA,aACE,CAHF,mQAEA,aACE,CAHF,sNAEA,aACE,8LAGF,eACE,oVAGF,oBACE,iOAGF,oBPnWY,oLOuWZ,iBACE,4WAGF,oBTtWkB,mBSyWhB,6CAKF,aACE,gUAGF,oBAME,8CAGF,aACE,gBACA,cACA,eACA,8BAIJ,UACE,uBAGF,eACE,aACA,oCAEA,YACE,mBACA,qEAIJ,aAGE,WACA,SACA,kBACA,mBTvZkB,WENd,eOgaJ,oBACA,YACA,aACA,yBACA,qBACA,kBACA,sBACA,eACA,gBACA,UACA,mBACA,kBACA,sGAEA,cACE,uFAGF,qBACE,gLAGF,qBAEE,kHAGF,wBP3aoB,gGO+apB,kBP7bQ,kHOgcN,wBACE,sOAGF,wBAEE,qBAKN,uBACE,CADF,oBACE,CADF,eACE,sBACA,eACA,WPhdI,cOkdJ,WACA,UACA,oBACA,gBACA,wXACA,sBACA,kBACA,kBACA,mBACA,YACA,iBAGF,4BACE,oCAIA,iBACE,mCAGF,iBACE,UACA,QACA,CACA,qBACA,eACA,cT1eY,oBS4eZ,oBACA,eACA,gBACA,mBACA,gBACA,yCAEA,UACE,cACA,kBACA,MACA,QACA,WACA,UACA,8DACA,4BAKN,iBACE,0CAEA,wBACE,CADF,gBACE,qCAGF,iBACE,MACA,OACA,WACA,YACA,aACA,uBACA,mBACA,8BACA,kBACA,iBACA,gBACA,YACA,8CAEA,iBACE,6HAGE,UP9hBF,aOwiBR,aACE,CACA,kBACA,eACA,gBAGF,kBACE,cPhiBsB,kBOkiBtB,kBACA,mBACA,kBACA,uBAEA,qCACE,iCACA,cPxjBY,sBO4jBd,mCACE,+BACA,cP7jBQ,kBOikBV,oBACE,cPpjBoB,qBOsjBpB,wBAEA,UPxkBI,0BO0kBF,kBAIJ,kBACE,4BAGF,SACE,sBACA,cACA,WACA,SACA,aACA,gDACA,mBPhlBS,WATL,eO4lBJ,SACA,8CAEA,QACE,iHAGF,mBAGE,kCAGF,kBACE,uBAIJ,eACE,CAII,oKADF,eACE,0DAKN,eAzEF,eA0EI,eAIJ,eACE,kBACA,gBAEA,aPjnBsB,qBOmnBpB,sBAEA,yBACE,YAKN,eACE,mBACA,eACA,eAEA,oBACE,kBACA,cAGF,aT/oBoB,yBSipBlB,qBACA,gBACA,2DAEA,aAGE,8BAKN,kBAEE,cPrpBsB,oCOwpBtB,cACE,mBACA,kBACA,4CAGF,aP7pBwB,gBO+pBtB,CAII,mUADF,eACE,0DAKN,6BAtBF,eAuBI,cAIJ,YACE,eACA,uBACA,UAGF,aACE,gBPrsBM,YOusBN,qBACA,mCACA,qBACA,cAEA,aACE,SACA,iBAIJ,kBACE,cPlsBwB,WOosBxB,sBAEA,aACE,eACA,eAKF,kBACE,sBAEA,eACE,CAII,+JADF,eACE,4CASR,qBACE,8BACA,WPjvBI,qCOmvBJ,oCACA,kBACA,aACA,mBACA,gDAEA,UAEE,oLAEA,oBAGE,0DAIJ,eACE,cACA,kBACA,CAII,yYADF,eACE,kEAIJ,eACE,oBAMR,YACE,eACA,mBACA,4DAEA,aAEE,6BAIA,wBACA,cACA,sBAIJ,iBACE,cPxxBsB,0BO2xBtB,iBACE,oBAIJ,eACE,mBACA,uBAEA,cACE,WPrzBI,kBOuzBJ,mBACA,SACA,UACA,4BAGF,aACE,eAIJ,aP/zBc,0SOy0BZ,+CACE,aAIJ,kBACE,sBACA,kBACA,aACA,mBACA,kBACA,kBACA,QACA,mCACA,sBAEA,aACE,8BAGF,sBACE,SACA,aACA,eACA,gDACA,oBAGF,aACE,WACA,oBACA,gBACA,eACA,CACA,oBACA,WACA,iCACA,oBAGF,oBPn3Bc,gBOq3BZ,2BAEA,kBPv3BY,gBOy3BV,oBAKN,kBACE,6BAEA,wBACE,mBACA,eACA,aACA,4BAGF,kBACE,aACA,OACA,sBACA,cACA,cACA,gCAEA,iBACE,YACA,iBACA,kBACA,UACA,8BAGF,qBACE,qCAIJ,kBACE,gCAGF,wBACE,mCACA,kBACA,kBACA,kBACA,kBACA,sCAEA,wBACE,WACA,cACA,YACA,SACA,kBACA,MACA,UACA,yBAIJ,sBACE,aACA,mBACA,SC17BF,aACE,qBACA,cACA,mCACA,qCAEA,QANF,eAOI,8EAMA,kBACE,YAKN,YACE,kBACA,gBACA,0BACA,gBAEA,aACE,WACA,YACA,SACA,oBACA,CADA,8BACA,CADA,gBACA,0BACA,qCAGF,WAfF,YAgBI,sCAGF,WAnBF,YAoBI,aAIJ,iBACE,aACA,aACA,2BACA,mBACA,mBACA,0BACA,qCAEA,WATF,eAUI,qBAGF,aACE,WACA,YACA,gBACA,wBAEA,UACE,YACA,cACA,SACA,kBACA,mBACA,oBACA,CADA,8BACA,CADA,gBACA,0BAIJ,gBACE,gBACA,iCAEA,cACE,WR7EA,gBQ+EA,gBACA,uBACA,+BAGF,aACE,eACA,cRtEgB,gBQwEhB,gBACA,uBACA,aAMR,cACE,kBACA,gBACA,6GAEA,cAME,WR3GI,gBQ6GJ,qBACA,iBACA,qBACA,sBAGF,eRnHM,oBQqHJ,cR5GS,eQ8GT,cACA,kBAGF,cACE,uCAGF,wBAEE,cRhHsB,oBQoHxB,UACE,eACA,wBAEA,oBACE,iBACA,oBAIJ,WACE,gBACA,wBAEA,oBACE,gBACA,uBAIJ,cACE,cACA,qCAGF,YA9DF,iBA+DI,mBAEA,YACE,uCAGF,oBAEE,gBAKN,kBRnKa,mCQqKX,cR9JsB,eQgKtB,gBACA,kBACA,aACA,uBACA,mBACA,eACA,kBACA,aACA,gBACA,2BAEA,yBACE,yBAGF,qBACE,gBACA,yCAIJ,oBAEE,gBACA,eACA,kBACA,eACA,iBACA,gBACA,cR5LwB,sCQ8LxB,sCACA,6DAEA,aRjNc,sCQmNZ,kCACA,qDAGF,aACE,sCACA,kCACA,0BAIJ,eACE,UACA,wBACA,gBACA,CADA,YACA,CACA,iCACA,CADA,uBACA,CADA,kBACA,eACA,iBACA,6BAEA,YACE,gCACA,yDAGF,qBAEE,aACA,kBACA,gBACA,gBACA,mBACA,uBACA,6BAGF,eACE,YACA,cACA,cR3OsB,0BQ6OtB,6BAGF,aACE,cRlPoB,4BQsPtB,aVhQoB,qBUkQlB,qGAEA,yBAGE,oCAIJ,qCACE,iCACA,sCAEA,aRpRY,gBQsRV,0CAGF,aRzRY,wCQ8Rd,eACE,wCAIJ,UACE,0BAIA,aRzRsB,4BQ4RpB,aR3RsB,qBQ6RpB,qGAEA,yBAGE,iCAIJ,URvTI,gBQyTF,wBAIJ,eACE,kBChUJ,kCACE,kBACA,gBACA,mBACA,8BAEA,yBACE,qCAGF,iBAVF,eAWI,gBACA,gBACA,6BAGF,eACE,SACA,gBACA,gFAEA,yBAEE,sCAIJ,UACE,yBAGF,kBTpBW,6GSuBT,sBAGE,CAHF,cAGE,8IAIA,eAGE,0BACA,iJAKF,yBAGE,kLAIA,iBAGE,qCAKN,4GACE,yBAGE,uCAKN,kBACE,qBAIJ,WACE,eACA,mBXzEoB,WENd,oBSkFN,iBACA,YACA,iBACA,SACA,yBAEA,UACE,YACA,sBACA,iBACA,UT5FI,gFSgGN,kBAGE,qNAKA,kBTxFoB,4ISgGpB,kBT9GQ,qCSqHV,wBACE,YACE,0DAOJ,YACE,uCAGF,2BACE,gBACA,uDAEA,SACE,SACA,yDAGF,eACE,yDAGF,gBACE,iBACA,mFAGF,UACE,qMAGF,eAGE,iCC/JN,u+KACE,uCAEA,u+KACE,0CAIJ,u+KACE,WCTF,gCACE,4CACA,kBAGF,mBACE,sBACA,oBACA,gBACA,kBACA,cAGF,aACE,eACA,iBACA,cbRoB,SaUpB,uBACA,UACA,eACA,wCAEA,yBAEE,uBAGF,aXVsB,eWYpB,SAIJ,wBb1BsB,Ya4BpB,kBACA,sBACA,WXpCM,eWsCN,qBACA,oBACA,eACA,gBACA,YACA,iBACA,iBACA,gBACA,eACA,kBACA,kBACA,yBACA,qBACA,uBACA,2BACA,mBACA,WACA,4CAEA,wBAGE,4BACA,sBAGF,eACE,mFAEA,wBXjEQ,gBWqEN,mCAIJ,wBX3DsB,eW8DpB,2BAGF,QACE,wDAGF,mBAGE,yGAGF,cAIE,iBACA,YACA,oBACA,iBACA,4BAGF,aX7FW,mBAOW,qGW0FpB,wBAGE,8BAIJ,kBb7GgB,2GagHd,wBAGE,0BAIJ,aX3GsB,uBW6GpB,iBACA,yBACA,+FAEA,oBAGE,cACA,mCAGF,UACE,uBAIJ,aACE,WACA,kBAIJ,YACE,cACA,kBACA,cAGF,oBACE,CACA,abvJgB,SayJhB,kBACA,uBACA,eACA,2BACA,2CACA,2DAEA,aAGE,oCACA,4BACA,2CACA,oBAGF,kCACE,uBAGF,aACE,6BACA,eACA,qBAGF,abjLoB,gCaqLpB,QACE,uEAGF,mBAGE,uBAGF,abjMgB,sFaoMd,aAGE,oCACA,6BAGF,kCACE,gCAGF,aACE,6BACA,8BAGF,ablNkB,uCaqNhB,aACE,wBAKN,sBACE,0BACA,yBACA,kBACA,YACA,8BAEA,yBACE,mBbrOY,Qa4OhB,kBACA,uBACA,eACA,gBACA,eACA,cACA,iBACA,UACA,2BACA,2CACA,0EAEA,aAGE,oCACA,4BACA,2CACA,yBAGF,kCACE,4BAGF,aACE,6BACA,eACA,0BAGF,abzQoB,qCa6QpB,QACE,sFAGF,mBAGE,CAKF,0BADF,iBAUE,CATA,WAGF,WACE,cACA,qBACA,QACA,SAEA,+BAEA,kBAEE,mBACA,oBACA,kBACA,mBACA,iBAKF,WACE,eAIJ,YACE,iCAGE,mBACA,eAEA,gBACA,wCAEA,ab9TkB,sDakUlB,YACE,2CAGF,oBACE,kBACA,yBACA,sBACA,WACA,YACA,cACA,kBACA,SACA,kBACA,sBACA,kDAEA,oBbnVgB,yDa0VpB,aXvVW,mBWyVT,mBXlVoB,oCWoVpB,iBACA,kBACA,eACA,gBACA,6CAEA,aXjWS,gBWmWP,CAII,kRADF,eACE,wCAKN,abjXc,gBamXZ,0BACA,yIAEA,oBAGE,sCAKN,iBACE,MACA,QACA,kDAGF,iBACE,mGAGF,iBAGE,WACA,8BAGF,QACE,wBACA,UACA,qDAEA,WACE,mBACA,UACA,mFAIJ,aAEE,sBACA,WACA,SACA,cX3ZS,gBATL,aWuaJ,oBACA,eACA,gBACA,SACA,UACA,yIAEA,ab1ac,Cawad,sHAEA,ab1ac,Cawad,8HAEA,ab1ac,Cawad,4GAEA,ab1ac,+Fa8ad,SACE,qCAGF,kFAvBF,cAwBI,sCAIJ,iBACE,+CAGF,gBACE,0BACA,iBACA,mBACA,YACA,qBACA,kEAEA,SACE,qCAGF,8CAZF,sBAaI,gBACA,2DAIJ,iBACE,SACA,kDAGF,qBACE,aACA,kBACA,SACA,WACA,WACA,sCACA,mBX5csB,0BW8ctB,cXtdS,eWwdT,YACA,6FAEA,aACE,wDAIJ,YACE,eACA,kBACA,yPAEA,kBAIE,wGAIJ,YAGE,mBACA,mBACA,2BACA,iBACA,eACA,oCAGF,6BACE,0CAEA,aACE,gBACA,uBACA,mBACA,2CAGF,eACE,0CAGF,aACE,iBACA,gBACA,uBACA,mBACA,8EAIJ,aAEE,iBACA,WACA,YACA,2DAGF,ab5hBgB,wCagiBhB,aX3hBW,oBW6hBT,eACA,gBXviBI,sEW0iBJ,eACE,uEAGF,YACE,mBACA,YACA,eACA,8DAGF,UACE,cACA,WACA,uEAEA,iFACE,aACA,uBACA,8BACA,UACA,4BACA,oFAEA,aACE,cXljBgB,eWojBhB,gBACA,aACA,oBACA,6QAEA,aAGE,8EAIJ,SACE,0EAIJ,iBACE,UACA,SACA,OACA,QACA,sBACA,gFACA,aACA,UACA,4BACA,mFAEA,sBACE,cXllBgB,SWolBhB,UACA,SACA,WACA,oBACA,eACA,gBACA,yFAEA,UX7mBF,8GWinBE,WACE,cXjmBc,CAjBlB,oGWinBE,WACE,cXjmBc,CAjBlB,wGWinBE,WACE,cXjmBc,CAjBlB,+FWinBE,WACE,cXjmBc,iFWsmBlB,SACE,wEAKN,iBACE,sBX/nBE,wBWioBF,sBACA,4BACA,aACA,WACA,gBACA,8CAIJ,YACE,mBACA,0BACA,aACA,8BACA,cACA,qEAEA,YACE,uGAEA,gBACE,qGAGF,YACE,6IAEA,aACE,2IAGF,gBACE,0HAKN,sBAEE,cACA,0EAGF,iBACE,iBACA,sCAIJ,YACE,yBACA,YACA,cACA,4EAEA,eACE,iBACA,oBAKN,cACE,kDACA,eACA,gBACA,cb9rBgB,4CaisBhB,aXlsBY,kCWusBd,2CACE,WC7sBF,8DDktBE,sBACA,CADA,kBACA,wBACA,WACA,YACA,eAEA,UACE,kBAIJ,iBACE,mBACA,mBX7sBsB,aW+sBtB,gBACA,gBACA,cACA,0BAGF,iBACE,gBACA,0BAGF,WACE,iBACA,gCAGF,aXtuBa,cWwuBX,eACA,iBACA,gBACA,mBACA,qBACA,kCAGF,UACE,iBACA,+BAGF,cACE,4CAGF,iBAEE,eACA,iBACA,qBACA,gBACA,gBACA,uBACA,gBACA,WX3wBM,wDW8wBN,SACE,wGAGF,kBACE,sJAEA,oBACE,gEAIJ,UACE,YACA,gBACA,oDAGF,cACE,iBACA,sBACA,CADA,gCACA,CADA,kBACA,gDAGF,kBACE,qBACA,sEAEA,eACE,gDAIJ,aXnyBc,qBWqyBZ,4DAEA,yBACE,oEAEA,aACE,4EAKF,oBACE,sFAEA,yBACE,wDAKN,abj0Bc,8Eas0BhB,aACE,0GAGF,kBb10BgB,sHa60Bd,kBACE,qBACA,8IAGF,QACE,0XAGF,mBAGE,0FAIJ,YACE,wJAEA,aACE,+BAKN,oBACE,gBACA,yCAEA,UACE,YACA,gBACA,iCAGF,kBACE,qBACA,4CAEA,eACE,iCAIJ,aX52BwB,qBW82BtB,uCAEA,yBACE,+CAIA,oBACE,oDAEA,yBACE,gDAKN,aACE,6CAKN,gBACE,oCAGF,aACE,eACA,iBACA,cACA,SACA,uBACA,CACA,eACA,qBACA,oFAEA,yBAEE,gCAIJ,oBACE,kBACA,uBACA,SACA,cXr6BW,gBWu6BX,eACA,cACA,yBACA,iBACA,eACA,sBACA,4BAGF,abr7BkB,Sau7BhB,kBACA,kBACA,oBACA,SACA,aACA,sBACA,WACA,WACA,gCACA,+BAGF,UACE,kBACA,kBAIA,SACE,mBACA,wCAEA,kBACE,8CAEA,sBACE,iFAIJ,kBAEE,SAMJ,yBACA,kBACA,gBACA,gCACA,eACA,UAaA,mCACA,CADA,0BACA,wDAZA,QARF,kBAWI,0BAGF,GACE,aACA,WALA,gBAGF,GACE,aACA,uDAMF,cAEE,kCAGF,kBACE,4BACA,sCAIA,aXj/BoB,qCWq/BpB,aX5/BS,6BWggCT,aXz/BoB,CAPX,kEWwgCT,aXxgCS,kCW2gCP,ab9gCgB,gEakhChB,UXxhCE,mBAgBgB,sEW4gChB,kBACE,+CAQR,sBACE,qEAEA,aACE,qDAKN,ab1iCkB,Ya6iChB,eACA,uBAGF,abjjCkB,qCaqjClB,aACE,eACA,mBACA,eAGF,cACE,mBAGF,+BACE,aACA,6CAEA,uBACE,OACA,gBACA,4DAEA,eACE,8DAGF,SACE,mBACA,qHAGF,cAEE,gBACA,4EAGF,cACE,0BAKN,kBACE,aACA,cACA,uBACA,aACA,kBAGF,gBACE,cbtmCgB,CawmChB,iBACA,eACA,kBACA,+CAEA,ab7mCgB,uBainChB,aACE,gBACA,uBACA,qBAIJ,kBACE,aACA,eACA,8BAEA,mBACE,kBACA,mBACA,yDAEA,gBACE,qCAGF,oBACE,WACA,eACA,gBACA,cb1oCY,4BagpClB,iBACE,8BAGF,cACE,cACA,uCAGF,aACE,aACA,mBACA,uBACA,kBACA,kBAGF,kBACE,kBACA,wBAEA,YACE,eACA,8BACA,uBACA,uFAEA,SAEE,mCAIJ,cACE,iBACA,6CAEA,UACE,YACA,gBACA,kEAGF,gBACE,gBACA,+DAIJ,cAEE,wBAIJ,eACE,cbxsCgB,ea0sChB,iBACA,8BAGF,kBACE,6BACA,gCACA,aACA,mBACA,eACA,wBAGF,aACE,qBACA,uDAGF,oBAEE,gBACA,eACA,gBACA,2BAGF,aX/tCa,eWiuCX,6BAEA,abxuCgB,Sa6uClB,YACE,gCACA,8BAEA,aACE,cACA,WXvvCI,qBWyvCJ,eACA,gBACA,kBAIJ,YACE,iBAGF,WACE,aACA,mBACA,UAGF,YACE,gCACA,kBAEA,SACE,gBACA,2CAEA,aACE,iCAIJ,aACE,cACA,cXxwCoB,gBW0wCpB,qBACA,eACA,mBAIJ,YACE,0BAGF,UACE,iBACA,kBACA,kBAGF,iBE3yCE,iCACA,wBACA,4BACA,kBF0yCA,yBAEA,oBACE,sBACA,iBACA,4BAGF,iBErzCA,iCACA,wBACA,4BACA,kBFozCE,gBACA,kBACA,gCAEA,UACE,kBACA,sBACA,mCAGF,aACE,kBACA,QACA,SACA,+BACA,WXr0CE,6BWu0CF,gBACA,eACA,oBAKN,cACE,0BAGF,UACuB,sCE30CrB,+BF60CA,iBEt1CA,iCACA,wBACA,4BACA,WFq1CuB,sCE/0CvB,kCFk1CA,iBE31CA,iCACA,wBACA,4BACA,WF01CuB,sCEp1CvB,kBFs1CE,SACA,QACA,UACA,wBAIJ,WACE,aACA,mBACA,sBAGF,YACE,6BACA,cbz2CgB,6Ba42ChB,eACE,CAII,kMADF,eACE,wBAKN,eACE,cACA,0BACA,yFAEA,oBAGE,sBAKN,4BACE,gCACA,iBACA,gBACA,cACA,aACA,+BAGF,YACE,4CAEA,qBACE,oFAIA,QACE,WACA,uDAGF,WACE,iBACA,gBACA,WACA,4BAKN,YACE,cACA,iBACA,kBACA,2BAGF,oBACE,gBACA,cACA,+BACA,eACA,oCACA,kCAEA,+BACE,gCAGF,aACE,yBACA,eACA,cX56CoB,kCWg7CtB,aACE,eACA,gBACA,WXn8CI,CWw8CA,2NADF,eACE,oBAMR,iBACE,mDAEA,aACE,mBACA,gBACA,4BAIJ,UACE,kBACA,6JAGF,oBAME,4DAKA,UXx+CM,kBW8+CN,UACE,iKAQF,yBACE,+BAIJ,aACE,gBACA,uBACA,0DAGF,aAEE,sCAGF,kBACE,gCAGF,aX1/C0B,cW4/CxB,iBACA,mBACA,gBACA,2EAEA,aAEE,uBACA,gBACA,uCAGF,cACE,WX1hDI,kCW+hDR,UACE,kBACA,iBAGF,WACE,UACA,kBACA,SACA,WACA,iBAGF,UACE,kBACA,OACA,MACA,YACA,eACA,Cb9iDgB,gHawjDhB,abxjDgB,wBa4jDhB,UACE,wCAGF,kBbhkDgB,cEKL,8CW+jDT,kBACE,qBACA,wBAKN,oBACE,gBACA,eACA,cXlkDsB,eWokDtB,iBACA,kBACA,4BAEA,abllDoB,6BaslDpB,cACE,gBACA,uBACA,uCAIJ,UACE,kBACA,CXjmDU,mEWwmDZ,aXxmDY,uBW4mDZ,aX7mDc,4DWmnDV,4CACE,CADF,oCACE,8DAKF,6CACE,CADF,qCACE,6BAKN,aACE,gBACA,qBACA,mCAEA,UXvoDM,0BWyoDJ,8BAIJ,WACE,eAGF,aACE,eACA,gBACA,uBACA,mBACA,qBAGF,eACE,wBAGF,cACE,+DAKA,yBACE,eAIJ,iBACE,WACA,YACA,aACA,mBACA,uBACA,sBACA,6CAEA,cX9nD4B,eAEC,0DW+nD3B,sBACA,CADA,gCACA,CADA,kBACA,4BAGF,iBACE,qEAGF,YACE,iBAIJ,iBACE,WACA,YACA,aACA,mBACA,uBACA,qBAEA,cXtpD4B,eAEC,WWupD3B,YACA,sBACA,CADA,gCACA,CADA,kBACA,iBAIJ,YACE,aACA,mBACA,cACA,eACA,cXvsDsB,wBW0sDtB,aXzsDwB,mBW6sDxB,aACE,4BAGF,oBACE,0CAGF,iBACE,6DAEA,iBACE,oBACA,qCACA,UACA,4EAGF,mBACE,gCACA,UACA,0BAKN,aACE,gBACA,iBACA,gBACA,gBACA,kCAGF,aACE,gBACA,gBACA,uBACA,+BAGF,aACE,qBACA,WAGF,oBACE,oBAGF,YACE,kBACA,2BAGF,+BACE,mBACA,SACA,gBAGF,kBX1wD0B,cW4wDxB,kBACA,uCACA,aACA,mBAEA,eACE,qBAGF,yBACE,oBAGF,yBACE,uBAGF,sBACE,sBAGF,sBACE,uBAIJ,iBACE,QACA,SACA,2BACA,4BAEA,UACE,gBACA,2BACA,0BX/yDsB,2BWmzDxB,WACE,iBACA,uBACA,yBXtzDsB,8BW0zDxB,QACE,iBACA,uBACA,4BX7zDsB,6BWi0DxB,SACE,gBACA,2BACA,2BXp0DsB,wBW00DxB,cACE,iBACA,cACA,iBACA,sBACA,qBACA,mBXh1DsB,cARb,gBW21DT,uBACA,mBACA,yFAEA,kBbl2DkB,cEWI,UW41DpB,sCAKN,aACE,iBACA,gBACA,QACA,gBACA,aACA,yCAEA,eACE,mBX12DsB,cW42DtB,kBACA,mCACA,gBACA,kBACA,sDAGF,OACE,wDAIA,UACE,8CAIJ,cACE,iBACA,cACA,iBACA,sBACA,qBACA,mBXn4DsB,cARb,gBW84DT,uBACA,mBACA,oDAEA,SACE,oDAGF,kBbz5DkB,cEWI,iBWq5D1B,qBACE,eAGF,YACE,cACA,mBACA,2BACA,gBACA,kBACA,4BAEA,iBACE,uBAGF,YACE,uBACA,WACA,YACA,iBACA,6BAEA,WACE,gBACA,oBACA,aACA,yBACA,gBACA,oCAEA,0BACE,oCAGF,cACE,YACA,oBACA,YACA,6BAIJ,qBACE,WACA,gBACA,cACA,aACA,sBACA,qCAEA,4BARF,cASI,qBAMR,kBACE,wBACA,CADA,eACA,MACA,UACA,cACA,qCAEA,mBAPF,gBAQI,+BAGF,eACE,qCAEA,6BAHF,kBAII,gKAMJ,WAIE,mCAIJ,YACE,mBACA,uBACA,YACA,SAGF,WACE,kBACA,sBACA,aACA,sBACA,qBAEA,kBXlgEW,8BWogET,+BACA,KAIJ,aACE,CACA,qBACA,WACA,YACA,aAJA,YAYA,CARA,QAGF,WACE,sBACA,CACA,qBACA,kBACA,cAGF,aACE,cACA,sBACA,cXrhEsB,qBWuhEtB,kBACA,eACA,oCACA,iBAGF,aAEE,gBACA,qCAGF,cACE,SACE,iBAGF,aAEE,CAEA,gBACA,yCAEA,iBACE,uCAGF,kBACE,qDAKF,gBAEE,kBACA,YAKN,qBACE,aACA,mBACA,cACA,gBACA,iBAGF,aACE,cACA,CACA,sBACA,WX7lEM,qBW+lEN,kBACA,eACA,gBACA,gCACA,2BACA,mDACA,qBAEA,eACE,eACA,qCAMA,mEAHF,kBAII,4BACA,yBAIJ,+BACE,cbhnEkB,sBaonEpB,eACE,aACA,qCAIJ,qBAEI,cACE,wBAKN,qBACE,WACA,YACA,cACA,6DAEA,UAEE,YACA,UACA,wCAGF,YACE,cACA,kDACA,qCAEA,uCALF,aAMI,yCAIJ,eACE,oCAGF,YACE,uDAGF,cACE,sCAGF,gBACE,eACA,CACA,2BACA,yCAGF,QACE,mCAGF,gBACE,yBAEA,kCAHF,eAII,sCAIJ,sBACE,gBACA,sCAGF,uCACE,YACE,iKAEA,eAGE,6CAIJ,gBACE,2EAGF,YAEE,kGAGF,gBACE,+BAGF,2BACE,gBACA,uCAEA,SACE,SACA,wCAGF,eACE,wCAGF,gBACE,iBACA,qDAGF,UACE,gLAGF,eAIE,gCAIJ,iBACE,6CAEA,cACE,8CAKF,gBACE,iBACA,6DAGF,UACE,CAIA,yFAGF,eACE,8DAGF,gBACE,kBACA,0BAMR,cACE,aACA,uBACA,mBACA,gBACA,iBACA,iBACA,gBACA,mBACA,WXpyEM,kBWsyEN,eACA,iBACA,qBACA,sCACA,4FAEA,kBAGE,qCAIJ,UACE,UACE,uDAGF,kCACE,4DAGF,kBAGE,yBAGF,aACE,iBAGF,eAEE,sCAIJ,2CACE,YACE,sCAOA,sEAGF,YACE,uCAIJ,0CACE,YACE,uCAIJ,UACE,YACE,mBAIJ,iBACE,yBAEA,iBACE,SACA,UACA,mBbz2EkB,yBa22ElB,gBACA,kBACA,eACA,gBACA,iBACA,WXt3EI,mDW23ER,oBACE,gBAGF,WACE,gBACA,aACA,sBACA,yBACA,kBACA,gCAEA,gBACE,oBACA,cACA,gBACA,6BAGF,sBACE,8BAGF,MACE,kBACA,aACA,sBACA,iBACA,oBACA,oBACA,mDAGF,eACE,sBX75EI,0BW+5EJ,cACA,gDAGF,iBACE,gDAGF,WACE,mBAIJ,eACE,mBACA,yBACA,gBACA,aACA,sBACA,qBAEA,aACE,sBAGF,aACE,SACA,CACA,4BACA,cACA,qDAHA,sBAOA,gBAMF,WACA,kBAGA,+BANF,qBACE,UACA,CAEA,eACA,aAiBA,CAhBA,eAGF,iBACE,MACA,OACA,mBACA,CAGA,qBACA,CACA,eACA,WACA,YACA,kBACA,uBAEA,kBXp9EW,0BWy9Eb,u1BACE,OACA,gBACA,aACA,8BAEA,aACE,sBACA,CADA,4DACA,CADA,kBACA,+BACA,CADA,2BACA,UACA,YACA,oBACA,eACA,yBACA,CADA,qBACA,CADA,oBACA,CADA,gBACA,sCAGF,yBAjBF,aAkBI,iBAIJ,kBACE,eACA,gBACA,iBAGF,aACE,eACA,mBACA,mBACA,aACA,mBACA,kBACA,mBAEA,iCACE,yBAEA,kBACE,mCACA,aAKN,iBACE,kBACA,cACA,iCACA,mCAEA,eACE,yBAGF,YAVF,cAWI,oBAGF,YACE,sBACA,qBAGF,aACE,kBACA,iBACA,yBAKF,uBADF,YAEI,sBAIJ,qBACE,WACA,mBACA,cb9iFoB,eagjFpB,cACA,eACA,oBACA,SACA,iBACA,aACA,SACA,UACA,UACA,2BAEA,yBACE,6BAIJ,kBACE,SACA,oBACA,cbnkFoB,eaqkFpB,mBACA,eACA,kBACA,UACA,mCAEA,yBACE,wCAGF,kBACE,2BAIJ,oBACE,iBACA,2BAGF,iBACE,kCAGF,cACE,cACA,eACA,aACA,CACA,OACA,UACA,eAGF,oBACE,kBACA,eACA,6BACA,SACA,UACA,yBACA,CADA,qBACA,CADA,oBACA,CADA,gBACA,0CACA,wCACA,iCAGF,QACE,mBACA,WACA,YACA,gBACA,UACA,kBACA,UACA,yBAGF,kBACE,WACA,wBACA,qBAGF,UACE,YACA,UACA,mBACA,yBXroFW,qCWuoFX,sEAGF,wBACE,4CAGF,wBbjpFsB,+EaqpFtB,wBACE,2BAGF,iBACE,WACA,YACA,MACA,SACA,gBACA,mBACA,cACA,SACA,UACA,6BACA,CAKA,uEAFF,SACE,6BAeA,CAdA,sBAGF,iBACE,WACA,YACA,MACA,SACA,gBACA,mBACA,cACA,WAGA,8CAGF,SACE,qBAGF,iBACE,QACA,SACA,WACA,YACA,yBACA,kBACA,yBACA,sBACA,yBACA,sCACA,4CAGF,SACE,qBb7sFoB,caitFtB,kBACE,WXxtFM,cW0tFN,eACA,aACA,qBACA,2DAEA,kBAGE,oBAGF,SACE,2BAGF,sBACE,cXztFsB,kGW4tFtB,sBAGE,WXhvFE,kCWovFJ,ab9uFkB,oBaovFtB,oBACE,iBACA,qBAGF,oBACE,kBACA,CACA,gBACA,CX1vFW,eW6vFX,iBACA,wCANA,cACA,CACA,eACA,mBAaA,CAVA,mBX9vFW,aFLK,iBaywFhB,CAEA,wBACA,eACA,yDAGF,kBX3wFa,cWixFb,aACE,kBAGF,ab1xFkB,ca4xFhB,8BACA,+BACA,4EAEA,0BAGE,CAHF,uBAGE,CAHF,kBAGE,kDAMA,sBACA,YACA,wDAEA,kBACE,8DAGF,cACE,sDAGF,cACE,0DAEA,abxzFY,0Ba0zFV,sDAIJ,oBACE,cXnzFkB,sMWszFlB,yBAGE,oDAKN,ab10FgB,0Bag1FhB,aACE,UACA,mCACA,CADA,0BACA,gBACA,6BAEA,cACE,yBACA,cX50FkB,aW80FlB,gBACA,gCACA,sCAGF,oDACE,YACE,uCAIJ,oDACE,YACE,uCAIJ,yBA3BF,YA4BI,yCAGF,eACE,aACA,iDAEA,aXv2FkB,qBW82FxB,eACE,gBACA,2BAEA,iBACE,aACA,wBAGF,kBACE,yBAGF,oBACE,gBACA,yBACA,yBACA,eAIJ,aACE,sBACA,WACA,SACA,cX94FW,gBATL,aW05FN,oBACA,eACA,gBACA,SACA,UACA,kBACA,qBAEA,SACE,qCAGF,cAnBF,cAoBI,oDAIJ,uBACE,YACA,6CACA,uBACA,sBACA,WACA,0DAEA,sBACE,0DAKJ,uBACE,2BACA,gDAGF,ab17FkB,6Ba47FhB,uDAGF,ab77FsB,cai8FtB,YACE,eACA,yBACA,kBACA,cbv8FgB,gBay8FhB,qBACA,gBACA,uBAEA,QACE,OACA,kBACA,QACA,MAIA,iDAHA,YACA,uBACA,mBAUE,CATF,0BAEA,yBACE,kBACA,iBACA,cAIA,sDAGF,cAEE,cXt9FoB,uBWw9FpB,SACA,cACA,qBACA,eACA,iBACA,sMAEA,UXh/FE,yBWu/FJ,cACE,kBACA,YACA,eAKN,cACE,qBAEA,kBACE,oBAIJ,cACE,cACA,qBACA,WACA,YACA,SACA,2BAIA,UACE,YACA,qBAIJ,aACE,gBACA,kBACA,cX1gGsB,gBW4gGtB,uBACA,mBACA,qBACA,uBAGF,aACE,gBACA,2BACA,2BAGF,aXxhGwB,oBW4hGxB,aACE,eACA,eACA,gBACA,uBACA,mBACA,qBAGF,cACE,mBACA,kBACA,yBAEA,cACE,kBACA,yBACA,QACA,SACA,+BACA,yBAIJ,aACE,6CAEA,UACE,mDAGF,yBACE,6CAGF,mBACE,sBAIJ,oBACE,kCAEA,QACE,4CAIA,oBACA,0CAGF,kBACE,0CAGF,aACE,6BAIJ,wBACE,2BAGF,yBACE,cACA,SACA,WACA,YACA,oBACA,CADA,8BACA,CADA,gBACA,sBACA,wBACA,YAGF,aACE,cbrnGgB,6BaunGhB,SACA,kBACA,kBACA,oBACA,SACA,aACA,sBACA,WACA,WACA,qBACA,kBAEA,kBACE,WAIJ,+BACE,yBAGF,iBACE,eACA,gBACA,cb/oGgB,mBEKL,eW6oGX,aACA,cACA,sBACA,mBACA,uBACA,aACA,qEAGE,aAEE,WACA,aACA,SACA,yCAIJ,gBACE,gCAGF,eACE,uCAEA,aACE,mBACA,cb7qGY,qCairGd,cACE,gBACA,yBAKN,iBACE,cACA,UACA,gCAEA,mCACE,uCAEA,aACE,WACA,kBACA,aACA,OACA,QACA,cACA,UACA,oBACA,YACA,UACA,4EACA,wCAIJ,SACE,kBACA,gBAIJ,YACE,eACA,mBACA,cACA,eACA,kBACA,UACA,UACA,gBACA,2BACA,4BACA,uBAEA,QACE,SACA,yBACA,cACA,uBACA,aACA,gBACA,uBACA,gBACA,mBACA,OACA,4CAGF,ab/uGoB,4CaovGlB,abpvGkB,sCasvGhB,4CAIJ,SAEE,yBAIJ,WACE,aACA,uBAGF,kBACE,iCAGF,iBACE,wBAGF,kBACE,SACA,cXrwGsB,eWuwGtB,eACA,eACA,8BAEA,aACE,CAKA,kEAEA,UXnyGI,mBWqyGF,6BAKN,eACE,gBACA,gBACA,cX7xGsB,0DW+xGtB,UACA,UACA,kBACA,uCAEA,YACE,WACA,uCAGF,iBACE,gCAGF,QACE,uBACA,SACA,6BACA,cACA,mCAIJ,kBACE,aACA,mCAIA,aX5zGsB,0BW8zGpB,gCAIJ,WACE,4DAEA,cACE,uEAEA,eACE,WAKN,oBACE,UACA,oBACA,kBACA,cACA,SACA,uBACA,eACA,sBAGF,oBACE,iBACA,oBAGF,ab12GkB,ea42GhB,gBACA,yBACA,iBACA,kBACA,QACA,SACA,+BACA,yBAEA,aACE,WACA,CACA,0BACA,oBACA,mBACA,4BAIJ,iBACE,QACA,SACA,+BACA,WACA,YACA,sBACA,6BACA,CACA,wBACA,kBACA,2CAGF,2EACE,CADF,mEACE,8CAGF,4EACE,CADF,oEACE,qCAGF,GACE,sBACE,KAGF,2BACE,KAGF,2BACE,KAGF,yBACE,IAGF,wBACE,EArBF,4BAGF,GACE,sBACE,KAGF,2BACE,KAGF,2BACE,KAGF,yBACE,IAGF,wBACE,uCAIJ,GACE,wBACE,KAGF,0BACE,KAGF,2BACE,KAGF,uBACE,IAGF,sBACE,EAtBA,6BAIJ,GACE,wBACE,KAGF,0BACE,KAGF,2BACE,KAGF,uBACE,IAGF,sBACE,mCAIJ,GACE,OACE,SACA,yBACA,KAGF,wBACE,KAGF,UACE,YACA,6BACA,kBACA,UACA,IAGF,UACE,YACA,eACA,UACA,6BACA,EA5BA,yBAIJ,GACE,OACE,SACA,yBACA,KAGF,wBACE,KAGF,UACE,YACA,6BACA,kBACA,UACA,IAGF,UACE,YACA,eACA,UACA,6BACA,kCAIJ,GACE,gBACA,aACA,aAPE,wBAIJ,GACE,gBACA,aACA,gCAGF,kBACE,gBXz+GM,WACA,eW2+GN,aACA,sBACA,YACA,uBACA,eACA,kBACA,kBACA,YACA,gBAGF,eXv/GQ,cAiBgB,SWy+GtB,UACA,WACA,YACA,kBACA,wBACA,CADA,oBACA,CADA,eACA,iEAEA,SAGE,cACA,yBAIJ,aACE,eACA,yBAGF,aACE,eACA,gBACA,iBAGF,KACE,OACA,WACA,YACA,kBACA,YACA,2BAEA,aACE,SACA,QACA,WACA,YACA,6BAGF,mBACE,yBAGF,YACE,0BAGF,aACE,uBACA,WACA,YACA,SACA,iCAEA,oBACE,0BACA,kBACA,iBACA,WXtjHE,gBWwjHF,eACA,+LAMA,yBACE,mEAKF,yBACE,6BAMR,kBACE,iBAGF,kBACE,6BACA,gCACA,aACA,mBACA,eACA,kDAGF,aAEE,kBACA,yBAGF,kBACE,aACA,2BAGF,aXplHwB,eWslHtB,cACA,gBACA,mBACA,kDAIA,kBACE,oDAIA,SEtmHF,sBACA,WACA,SACA,gBACA,oBACA,mBbRW,cAOW,eaItB,SACA,+EFgmHI,aACE,CEjmHN,qEFgmHI,aACE,CEjmHN,yEFgmHI,aACE,CEjmHN,gEFgmHI,aACE,sEAGF,QACE,yLAGF,mBAGE,0DAGF,kBACE,qCAGF,mDArBF,cAsBI,yDAIJ,abxoHc,iBa0oHZ,eACA,4DAGF,gBACE,wDAGF,kBACE,gEAEA,cACE,iNAEA,kBAGE,cACA,gHAKN,aXrpHoB,0HW0pHpB,cAEE,gBACA,cbzqHY,kZa4qHZ,aAGE,gEAIJ,wBACE,iDAGF,eX3rHI,kBa0BN,CAEA,eACA,cbbsB,uCaetB,UF8pHI,mBX5qHoB,oDagBxB,wBACE,cblBoB,eaoBpB,gBACA,mBACA,oDAGF,aACE,oDAGF,kBACE,oDAGF,eACE,cbzCS,sDWwrHT,WACE,mDAGF,aX5rHS,kBW8rHP,eACA,8HAEA,kBAEE,iCAON,kBACE,mBAIJ,UXxtHQ,kBW0tHN,cACA,mBACA,sBX7tHM,yBW+tHN,eACA,gBACA,YACA,kBACA,WACA,yBAEA,SACE,iBAIJ,aACE,iBACA,wBAGF,aX/tHwB,qBWiuHtB,mBACA,gBACA,sBACA,6EAGF,abnvHkB,mBEKL,kBWmvHX,aACA,eACA,gBACA,eACA,aACA,cACA,mBACA,uBACA,yBAEA,4EAfF,cAgBI,6FAGF,eACE,mFAGF,abxwHoB,qBa0wHlB,qGAEA,yBACE,uCAKN,kBACE,aACA,eAGF,qBACE,8BAGF,GACE,kBACE,2CACA,CADA,kCACA,KAGF,oBACE,0CACA,CADA,iCACA,KAGF,oBACE,2CACA,CADA,kCACA,KAGF,oBACE,0CACA,CADA,iCACA,KAGF,kBACE,2CACA,CADA,kCACA,EA1BF,qBAGF,GACE,kBACE,2CACA,CADA,kCACA,KAGF,oBACE,0CACA,CADA,iCACA,KAGF,oBACE,2CACA,CADA,kCACA,KAGF,oBACE,0CACA,CADA,iCACA,KAGF,kBACE,2CACA,CADA,kCACA,mCAIJ,8BACE,2DACA,CADA,kDACA,iCAGF,MACE,sBAEE,0BACA,KAGF,sBACE,aAGF,uBAGE,aAGF,sBAGE,KAGF,uBACE,KAGF,sBACE,EA/BF,wBAGF,MACE,sBAEE,0BACA,KAGF,sBACE,aAGF,uBAGE,aAGF,sBAGE,KAGF,uBACE,KAGF,sBACE,kCAIJ,yBACE,8EACA,CADA,qEACA,8BAGF,eXt2HQ,kBWw2HN,sCACA,kBACA,eAEA,iDAEA,2BACE,2DAGF,UACE,mCAIJ,iBACE,SACA,WACA,eACA,yCAGF,iBACE,UACA,SACA,UACA,gBXl4HM,kBWo4HN,sCACA,gBACA,gDAEA,aACE,eACA,SACA,gBACA,uBACA,iKAEA,+BAGE,2DAIJ,WACE,wBAKF,2BACE,cAIJ,kBACE,0BACA,aACA,YACA,uBACA,OACA,UACA,kBACA,MACA,kBACA,WACA,aACA,gBAEA,mBACE,oBAIJ,WACE,aACA,aACA,sBACA,kBACA,YACA,0BAGF,iBACE,MACA,QACA,SACA,OACA,WACA,kBACA,mBX37HW,kCW67HX,uBAGF,MACE,aACA,mBACA,uBACA,cX57HwB,eW87HxB,gBACA,0BACA,kBACA,kBAGF,YACE,cbl9HgB,gBao9HhB,aACA,sBAEA,cACE,kBACA,uBAGF,cACE,yBACA,gBACA,cACA,0BAIJ,aACE,4BAGF,UACE,WACA,kBACA,mBb3+HgB,kBa6+HhB,eACA,2BAGF,iBACE,OACA,MACA,WACA,mBbn/HoB,kBaq/HpB,eAGF,aACE,wBACA,UACA,eACA,0CAEA,mBAEE,mBAGF,8BACE,CADF,sBACE,WACA,cACA,SACA,WACA,YACA,CAQE,6GAKN,SACE,oBACA,CADA,WACA,6BAGF,iBACE,gBXliIM,uCWoiIN,kBACA,iBACA,gBACA,iCAEA,yBACE,oCAGF,sBACE,2BAIJ,aXziIa,aW2iIX,eACA,aACA,kEAEA,kBbljIoB,WENd,UW4jIJ,CX5jII,4RWikIF,UXjkIE,wCWukIN,kBACE,iCAIJ,YACE,mBACA,uBACA,kBACA,oCAGF,aACE,cbhlIgB,2CamlIhB,eACE,cACA,cXhlIS,CWqlIL,wQADF,eACE,mDAON,eXrmIM,0BWumIJ,qCACA,gEAEA,eACE,0DAGF,kBbxmIkB,uEa2mIhB,UXjnIE,uDWunIN,yBACE,sDAGF,aACE,sCACA,SAIJ,iBACE,gBAGF,SEznIE,sBACA,WACA,SACA,gBACA,oBACA,mBbRW,cAOW,eaItB,SACA,cFmnIA,CACA,2BACA,iBACA,eACA,2CAEA,aACE,CAHF,iCAEA,aACE,CAHF,qCAEA,aACE,CAHF,4BAEA,aACE,kCAGF,QACE,6EAGF,mBAGE,sBAGF,kBACE,qCAGF,eA3BF,cA4BI,kCAKF,QACE,qDAGF,mBAEE,mBAGF,iBACE,SACA,WACA,UACA,qBACA,UACA,0BACA,sCACA,eACA,WACA,YACA,cXzqIsB,eW2qItB,oBACA,0BAEA,mBACE,WACA,0BAIJ,uBACE,iCAEA,mBACE,uBACA,gCAIJ,QACE,uBACA,cb5sIc,ea8sId,uCAEA,uBACE,sCAGF,aACE,yBAKN,ab1tIkB,mBa4tIhB,aACA,gBACA,eACA,eACA,6BAEA,oBACE,iBACA,0BAIJ,iBACE,6BAEA,kBACE,gCACA,eACA,aACA,aACA,gBACA,eACA,cblvIc,iCaqvId,oBACE,iBACA,8FAIJ,eAEE,0BAIJ,aACE,aACA,cXtvIwB,qBWwvIxB,+FAEA,aAGE,0BACA,uBAIJ,YACE,cXpwIsB,kBWswItB,aAGF,iBACE,8BACA,oBACA,aACA,sBAGF,cACE,MACA,OACA,QACA,SACA,0BACA,wBAGF,cACE,MACA,OACA,WACA,YACA,aACA,sBACA,mBACA,uBACA,2BACA,aACA,oBACA,yBACA,CADA,qBACA,CADA,oBACA,CADA,gBACA,oBAGF,mBACE,aACA,aACA,yBAGF,eACE,iBACA,yBAGF,UACE,cAGF,UACE,YACA,kBACA,qCAEA,UACE,YACA,aACA,mBACA,uBACA,2CAEA,cXjyI0B,eAEC,CW2yI7B,8CALF,iBACE,MACA,OACA,QACA,SAYA,CAXA,yBAQA,mBACA,8BACA,oBACA,4BAEA,mBACE,0DAGF,SACE,4DAEA,mBACE,mBAKN,yBACE,sBACA,SACA,WX73IM,eW+3IN,aACA,mBACA,eACA,cACA,cACA,kBACA,kBACA,MACA,SACA,yBAGF,MACE,0BAGF,OACE,CASA,4CANF,UACE,kBACA,kBACA,OACA,YACA,oBAUA,6BAEA,WACE,sBAGF,mBACE,qBACA,gBACA,cX15IsB,mFW65ItB,yBAGE,wBAKN,oBACE,sBAGF,qBX17IQ,YW47IN,WACA,kBACA,YACA,UACA,SACA,YACA,8BAGF,wBb/7IsB,qBam8ItB,iBACE,UACA,QACA,YACA,6CAGF,kBX/7I0B,cARb,kBW48IX,gBACA,aACA,sBACA,oBAGF,WACE,WACA,gBACA,iBACA,kBACA,wBAEA,iBACE,MACA,OACA,WACA,YACA,sBACA,aACA,aACA,CAGA,YACA,UACA,yBACA,CADA,qBACA,CADA,oBACA,CADA,gBACA,2CANA,qBACA,mBACA,uBAaF,CATE,mBAIJ,YACE,CAGA,iBACA,mDAGF,aAEE,mBACA,aACA,aACA,2DAEA,cACE,uLAGF,abngJgB,SasgJd,eACA,gBACA,kBACA,oBACA,YACA,aACA,kBACA,6BACA,+mBAEA,aAGE,yBACA,qiBAGF,aXlhJS,qwDWshJP,aAGE,sBAMR,sBACE,eAGF,iBACE,eACA,mBACA,sBAEA,eACE,cXziJS,kBW2iJT,yBACA,eACA,qBAGF,kBXhjJW,cAQa,gBW2iJtB,aACA,kBACA,kBAIJ,oBACE,eACA,gBACA,iBACA,wFAGF,kBAME,cXtkJW,kBWwkJX,gBACA,eACA,YACA,kBACA,sBACA,4NAEA,aACE,eACA,mBACA,wLAGF,WACE,UACA,kBACA,SACA,WACA,kRAGF,aACE,wBAKF,eX5mJM,CAiBkB,gBW8lJtB,oBACA,iEXhnJI,2BAiBkB,yBWumJ1B,iBACE,aACA,iCAEA,wBACE,CADF,qBACE,CADF,oBACE,CADF,gBACE,gBACA,2GAIJ,YAIE,8BACA,mBXtnJwB,aWwnJxB,iBACA,2HAEA,aACE,iBACA,cb1oJc,mBa4oJd,2IAGF,aACE,6BAIJ,cACE,2BAGF,WACE,eACA,0BAGF,gBAEE,sDAGF,qBAEE,eAGF,UACE,gBACA,0BAGF,YACE,6BACA,qCAEA,yBAJF,cAKI,gBACA,iDAIJ,qBAEE,UACA,qCAEA,+CALF,UAMI,sDAIJ,aAEE,gBACA,gBACA,gBACA,kBACA,2FAEA,abtsJoB,iLa0sJpB,aXvsJW,qCW4sJX,oDAjBF,eAkBI,sCAKF,4BADF,eAEI,yBAIJ,YACE,+BACA,gBACA,0BAEA,cACE,iBACA,mBACA,sCAGF,aACE,sBACA,WACA,CACA,aXtuJS,gBATL,aWkvJJ,oBACA,eACA,YACA,CACA,SACA,kBACA,yBACA,iBACA,gBACA,gBACA,4CAEA,wBACE,+CAGF,eXlwJI,yBWowJF,mBACA,kBACA,6DAEA,QACE,gBACA,gBACA,mEAEA,QACE,0DAIJ,aXzwJO,oBW2wJL,eACA,gBXrxJA,+CW0xJJ,YACE,8BACA,mBACA,4CAIJ,aACE,cXzxJS,eW2xJT,gBACA,mBACA,wCAGF,eACE,mBACA,+CAEA,aXpyJS,eWsyJP,qCAIJ,uBAnFF,YAoFI,eACA,QACA,wCAEA,iBACE,iBAKN,eACE,eACA,wBAEA,eACE,iBACA,2CAGF,eACE,mBAGF,eACE,cACA,gBACA,+BAEA,4BACE,4BAGF,QACE,oCAIA,aXh1JO,aWk1JL,kBACA,eACA,mBACA,qBACA,8EAEA,eAEE,yWAOA,kBbp2JY,WENd,uDWi3JA,iBACE,oMAUR,aACE,iIAIJ,4BAIE,cbj4JgB,eam4JhB,gBACA,6cAEA,aAGE,6BACA,qGAIJ,YAIE,eACA,iIAEA,eACE,CAII,w1BADF,eACE,sDAMR,iBAEE,oDAKA,eACE,0DAGF,eACE,mBACA,aACA,mBACA,wEAEA,aX56JS,CW86JP,gBACA,uBAKN,YACE,2CAEA,QACE,WACA,cAIJ,wBbh8JsB,Wak8JpB,kBACA,MACA,OACA,aACA,6BAGF,aACE,kBACA,WXj9JM,0BWm9JN,WACA,SACA,gBACA,kBACA,eACA,gBACA,UACA,oBACA,WACA,4BACA,iBACA,wDAKE,SACE,uBAKN,eACE,6BAEA,UACE,kBAIJ,YACE,eACA,yBACA,kBACA,gBACA,gBACA,wBAEA,aACE,cbt/Jc,iBaw/Jd,eACA,+BACA,aACA,sBACA,mBACA,uBACA,eACA,4BAEA,aACE,wBAIJ,eACE,CACA,qBACA,aACA,sBACA,uBACA,2BAEA,aACE,cACA,0BAGF,oBACE,cbphKY,gBashKZ,gCAEA,yBACE,0BAKN,QACE,eACA,iDAEA,SACE,cACA,8BAGF,abviKc,gBa+iKhB,cACA,CACA,iBACA,CACA,UACA,qCANF,qBACE,CACA,eACA,CACA,iBAYA,CAVA,qBAGF,QACE,CACA,aACA,WACA,CACA,iBAEA,qEAGE,cACE,MACA,gCAKN,cACE,cACA,qBACA,cX9jKwB,kBWgkKxB,UACA,mEAEA,WAEE,WACA,CAIA,2DADF,mBACE,CADF,8BACE,CADF,gBX3lKM,CW4lKJ,wBAIJ,UACE,YACA,CACA,iBACA,MACA,OACA,UACA,gBXvmKM,iCW0mKN,YACE,sBAIJ,WACE,gBACA,kBACA,WACA,qCAGF,cACE,YACA,oBACA,CADA,8BACA,CADA,gBACA,kBACA,QACA,2BACA,WACA,UACA,sCAGF,0BACE,2BACA,gBACA,kBACA,qKAMA,WAEE,mFAGF,WACE,eAKJ,qBACE,kBACA,mBACA,kBACA,oBACA,cACA,wBAEA,eACE,YACA,yBAGF,cACE,kBACA,gBACA,gCAEA,UACE,cACA,kBACA,6BACA,WACA,SACA,OACA,oBACA,qCAIJ,iCACE,iCAGF,wBACE,uCAIA,mBACA,mBACA,6BACA,0BACA,eAIJ,eACE,kBACA,gBXvsKM,eWysKN,kBACA,sBACA,cACA,wBAEA,eACE,sBACA,qBAGF,SACE,qBAGF,eACE,gBACA,UACA,0BAGF,oBACE,sBACA,SACA,gCAEA,wBACE,0BACA,qBACA,sBACA,UACA,4BAKF,qBACE,CADF,gCACE,CADF,kBACE,kBACA,QACA,2BACA,yBAIJ,iBACE,UACA,SACA,OACA,QACA,sBACA,iFACA,eACA,UACA,4BACA,gCAEA,SACE,6EAKF,iBAEE,wBAIJ,YACE,kBACA,MACA,OACA,WACA,YACA,UACA,SACA,gBXpxKI,cAiBgB,gBWswKpB,oBACA,+BAEA,aACE,oBACA,8GAEA,aAGE,+BAIJ,aACE,eACA,kCAGF,aACE,eACA,gBACA,4BAIJ,YACE,8BACA,oBACA,0DAEA,aACE,wBAIJ,cACE,mBACA,gBACA,uBACA,oCAGE,cACE,qCAKF,eACE,+BAIJ,sBACE,iBACA,eACA,SACA,0BACA,8GAEA,UXn1KE,+EW21KN,cAGE,gBACA,6BAGF,UXl2KM,iBWo2KJ,yBAGF,oBACE,aACA,mDAGF,UX52KM,uBWi3KN,cACE,YACA,eACA,8BAEA,UACE,WACA,+BAOA,6DANA,iBACA,cACA,kBACA,WACA,UACA,YAWA,CAVA,+BASA,kBACA,+BAGF,iBACE,UACA,kBACA,WACA,YACA,YACA,UACA,4BACA,mBACA,sCACA,oBACA,qBAIJ,gBACE,uBAEA,oBACE,eACA,gBACA,WXj6KE,sFWo6KF,yBAGE,qBAKN,cACE,YACA,kBACA,4BAEA,UACE,WACA,+BACA,kBACA,cACA,kBACA,WACA,SACA,2DAGF,aAEE,kBACA,WACA,kBACA,SACA,mBACA,6BAGF,6BACE,6BAGF,iBACE,UACA,UACA,kBACA,WACA,YACA,QACA,iBACA,4BACA,mBACA,sCACA,oBACA,CAGE,yFAKF,SACE,6GAQF,gBACE,oBACA,kBAON,UACE,cACA,+BACA,0BAEA,UACE,qCAGF,iBATF,QAUI,mBAIJ,qBACE,mBACA,uBAEA,YACE,kBACA,gBACA,gBACA,2BAEA,aACE,WACA,YACA,SACA,oBACA,CADA,8BACA,CADA,gBACA,uBAIJ,YACE,mBACA,mBACA,aACA,6BAEA,aACE,aACA,mBACA,qBACA,gBACA,qCAGF,UACE,eACA,cACA,+BAGF,aACE,WACA,YACA,gBACA,mCAEA,UACE,YACA,cACA,SACA,kBACA,mBACA,oBACA,CADA,8BACA,CADA,gBACA,qCAIJ,gBACE,gBACA,4CAEA,cACE,WX3jLF,gBW6jLE,gBACA,uBACA,0CAGF,aACE,eACA,cXpjLc,gBWsjLd,gBACA,uBACA,yBAKN,kBXpkLS,aWskLP,mBACA,uBACA,gDAEA,YACE,cACA,eACA,mDAGF,qBACE,kBACA,gCACA,WACA,gBACA,mBACA,gBACA,uBACA,qDAEA,YACE,iEAEA,cACE,sDAIJ,YACE,6BAOV,YACE,eACA,gBACA,wBAGF,QACE,sBACA,cACA,kBACA,kBACA,gBACA,WACA,+BAEA,iBACE,QACA,SACA,+BACA,eACA,sDAIJ,kBAEE,gCACA,eACA,aACA,cACA,oEAEA,kBACE,SACA,SACA,6HAGF,aAEE,cACA,cX5oLoB,eW8oLpB,eACA,gBACA,kBACA,qBACA,kBACA,WACA,mBACA,yJAEA,aXtpLsB,qWWypLpB,aAEE,WACA,kBACA,SACA,SACA,QACA,SACA,2BACA,CAEA,4CACA,CADA,kBACA,CADA,wBACA,iLAGF,WACE,6CACA,8GAKN,kBACE,gCACA,qSAKI,YACE,iSAGF,4CACE,cAOV,kBX1sLa,sBW6sLX,iBACE,4BAGF,aACE,eAIJ,cACE,kBACA,qBACA,cACA,iBACA,eACA,mBACA,gBACA,uBACA,eACA,oEAEA,YAEE,sBAGF,oBACE,kBACA,yBACA,sBACA,WACA,YACA,cACA,kBACA,SACA,kBACA,sBACA,8BAEA,oBACE,mBACA,2BAKN,eACE,gBAGF,eXxwLQ,kBa0BN,CACA,sBACA,gBACA,cbbsB,uCaetB,mBAEA,wBACE,cblBoB,eaoBpB,gBACA,mBACA,mBAGF,aACE,mBAGF,kBACE,mBAGF,eACE,cbzCS,UWmwLb,iBACE,cAEA,WACE,WACA,sCACA,CADA,6BACA,cAGF,cACE,iBACA,cXtwLsB,gBWwwLtB,gBAEA,abrxLkB,0BauxLhB,sBAEA,oBACE,4BAMR,GACE,cACA,eACA,WATM,mBAMR,GACE,cACA,eACA,qEAGF,kBAIE,sBAEE,8BACA,iBAGF,0BACE,kCACA,+BAIA,qDACE,uEACA,+CAGF,sBACE,8BACA,6DAIA,6BACE,6CACA,4EAIF,6BACE,6CACA,+CAOJ,gBAEE,+BAGF,gBACE,6CAEA,0BACE,wDAGF,eACE,6DAGF,iBACE,iBACA,2EAIA,mBACE,UACA,gCACA,WACA,0FAGF,mBACE,UACA,oCACA,eAOV,UACE,eACA,gBACA,iBAEA,YACE,gBACA,eACA,kBACA,sCAGF,YACE,4CAEA,kBACE,yDAGF,SACE,sBACA,cACA,WACA,SACA,aACA,gDACA,mBX94LO,WATL,eW05LF,CACA,eACA,kBACA,2EAEA,QACE,wMAGF,mBAGE,+DAGF,kBACE,qCAGF,wDA7BF,cA8BI,4DAIJ,WACE,eACA,gBACA,SACA,kBACA,sBAMJ,sBACA,mBACA,6BACA,gCACA,+BAEA,iBACE,iBACA,cbj8Lc,Cao8Ld,eACA,eACA,oCAEA,aACE,gBACA,uBACA,oCAIJ,UACE,kBACA,uDAGF,iBACE,qDAGF,eACE,qBAKF,wBACA,aACA,2BACA,mBACA,mBACA,2BAEA,aACE,iCAEA,UACE,uCAEA,SACE,kCAKN,aACE,cACA,mBAIJ,cACE,kBACA,MACA,OACA,WACA,YACA,0BACA,cAGF,kBX5/La,sBW8/LX,kBACA,uCACA,YACA,gBACA,qCAEA,aARF,SASI,kBAGF,cACE,mBACA,gBACA,eACA,kBACA,0BACA,6BAGF,WACE,6BAGF,yBACE,sCAEA,uBACE,uCACA,wBACA,wBAIJ,eACE,kDAIA,oBACE,+BAIJ,cACE,sBAGF,eACE,aAIJ,kBXljMa,sBWojMX,kBACA,uCACA,YACA,gBACA,qCAEA,YARF,SASI,uBAGF,kBACE,oBAGF,kBACE,YACA,0BACA,gBACA,mBAGF,YACE,gCACA,4BAGF,YACE,iCAGF,aACE,gBACA,qBACA,eACA,aACA,cAIJ,iBACE,YACA,gBACA,YACA,aACA,uBACA,mBACA,gBX5mMM,yDW+mMN,aAGE,gBACA,WACA,YACA,SACA,sBACA,CADA,gCACA,CADA,kBACA,gBXvnMI,uBW2nMN,iBACE,YACA,aACA,+BACA,iEACA,kBACA,wCACA,uBAGF,iBACE,WACA,YACA,MACA,OACA,uBAGF,iBACE,YACA,WACA,UACA,YACA,4BACA,6BAEA,UACE,8BAGF,UXxpMI,eW0pMF,gBACA,cACA,kBACA,2BAGF,iBACE,mCACA,qCAIJ,oCACE,eAEE,uBAGF,YACE,4BAKN,aXlqMwB,eWoqMtB,gBACA,gBACA,kBACA,qBACA,6BAEA,kBACE,wCAEA,eACE,6BAIJ,aACE,0BACA,mCAEA,oBACE,kBAKN,eACE,2BAEA,UACE,8FAEA,8BAEE,CAFF,sBAEE,wBAIJ,iBACE,SACA,UACA,yBAGF,eACE,aACA,kBACA,mBACA,6BAEA,mBACE,CADF,8BACE,CADF,gBACE,cACA,WACA,YACA,SACA,uBAIJ,iBACE,mBACA,YACA,gCACA,+BAEA,aACE,cACA,WACA,iBACA,gDAEA,kBACE,yBACA,wBAKN,YACE,uBACA,gBACA,iBACA,iCAEA,YACE,mBACA,iBACA,gBACA,8CAEA,wBACE,kBACA,uBACA,YACA,yCAGF,YACE,8BAIJ,WACE,4CAEA,kBACE,wCAGF,UACE,YACA,iCAGF,cACE,iBACA,WXtyMA,gBWwyMA,gBACA,mBACA,uBACA,uCAEA,aACE,eACA,cX/xMc,gBWiyMd,gBACA,uBACA,gCAKN,aACE,uBAIJ,eACE,cACA,iDAGE,qBACA,WXn0ME,gDWu0MJ,QACE,6BACA,kDAEA,aACE,yEAGF,uBACE,4DAGF,aXl1MU,yBWw1Md,cACE,gCAEA,cACE,cX70MkB,eW+0MlB,kCAEA,oBACE,cXl1MgB,qBWo1MhB,iBACA,gBACA,yCAEA,eACE,WXz2MF,iBWk3MN,ab92MgB,mBag3Md,gCACA,gBACA,aACA,eACA,eACA,qBAEA,oBACE,iBACA,eAIJ,YACE,mBACA,aACA,gCACA,0BAEA,eACE,qBAGF,aACE,cbx4MY,gBa04MZ,uBACA,mBACA,4BAEA,eACE,uBAGF,aXt4MkB,qBWw4MhB,eACA,gBACA,cACA,gBACA,uBACA,mBACA,qGAKE,yBACE,wBAMR,aACE,eACA,iBACA,gBACA,iBACA,mBACA,gBACA,cXh6MoB,0BWo6MtB,aACE,WACA,2CAEA,gCACE,yBACA,0CAGF,wBACE,eAMR,YACE,gCACA,CACA,iBACA,qBAEA,kBACE,UACA,uBAGF,aACE,CACA,sBACA,kBACA,eACA,uBAGF,oBACE,mBbn9MkB,kBaq9MlB,cACA,eACA,wBACA,wBAGF,aACE,CACA,0BACA,gBACA,8BAEA,eACE,aACA,2BACA,8BACA,uCAGF,cACE,cX/9MkB,kBWi+MlB,+BAGF,aXp+MoB,eWs+MlB,mBACA,gBACA,uBACA,kBACA,gBACA,YACA,iCAEA,UX9/ME,qBWggNA,oHAEA,yBAGE,0BAKN,qBACE,uBAIJ,kBACE,6BAEA,kBACE,oDAGF,eACE,6DAGF,UX1hNI,gBWgiNR,kBACE,eACA,aACA,qBACA,0BAEA,WACE,cACA,qCAEA,yBAJF,YAKI,4BAIJ,wBACE,cACA,kBACA,qCAEA,0BALF,UAMI,uBAIJ,qBACE,WACA,aACA,kBACA,eACA,iBACA,qBACA,gBACA,gBACA,gBACA,aACA,sBACA,6BAEA,aACE,gBACA,mBACA,mBACA,8BAGF,iBACE,SACA,WACA,cACA,mBb5kNgB,kBa8kNhB,cACA,eACA,4BAIJ,YACE,cX3kNoB,kBW6kNpB,WACA,QACA,mDAIJ,YACE,oDAGF,UACE,gBAGF,YACE,eACA,mBACA,gBACA,iBACA,wBACA,sBAEA,aACE,mBACA,SACA,kBACA,WACA,eACA,yBACA,CADA,qBACA,CADA,oBACA,CADA,gBACA,cACA,aACA,mBACA,2BACA,2CACA,6BAEA,aACE,aACA,WACA,YACA,iCAEA,aACE,SACA,WACA,YACA,eACA,gBACA,sBACA,sBACA,CADA,gCACA,CADA,kBACA,6BAIJ,aACE,cACA,eACA,gBACA,kBACA,gBACA,cXzoNkB,mFW6oNpB,kBAGE,4BACA,2CACA,wGAEA,aACE,6BAIJ,0BACE,2CACA,yBACA,yDAEA,aACE,uCAKN,UACE,oCAGF,WACE,8BAGF,aX5qNsB,SW8qNpB,eACA,WACA,cACA,cACA,YACA,aACA,mBACA,WACA,2BACA,2CACA,2GAEA,SAGE,cACA,4BACA,2CACA,qCAKF,SACE,OGxtNN,eACE,eACA,UAEA,kBACE,kBACA,cAGF,iBACE,cACA,mBACA,WACA,aACA,sBAEA,kBhBRkB,egBapB,iBACE,aACA,cACA,iBACA,eACA,gBACA,qBAEA,oBACE,qBACA,yBACA,4BACA,oEAGF,YAEE,kCAGF,aACE,gCAGF,aACE,sBACA,WACA,eACA,cdtCO,UcwCP,oBACA,gBdlDE,yBcoDF,kBACA,iBACA,sCAEA,oBhBlDgB,0BgBuDlB,cACE,wBAGF,YACE,mBACA,iBACA,cAIJ,oBACE,kBACA,yBACA,sBACA,WACA,YACA,cACA,kBACA,SACA,kBACA,sBACA,gBACA,mBACA,cACA,uBAEA,iBACE,qBAGF,oBd3FY,8EcgGZ,oBAGE,iBACA,gCAGF,mBACE,SACA,wCAGF,mBAEE,eAIJ,oBACE,WACA,gBACA,cACA,cAGF,aACE,qBACA,oBAEA,cACE,eAIJ,eACE,mBACA,chBjIc,agBqIhB,cACE,uBACA,UACA,SACA,SACA,chB1Ic,0BgB4Id,kBACA,mBAEA,oBACE,sCAGF,kCAEE,eAIJ,WACE,eACA,kBACA,eACA,6BAIJ,4BACE,gCAEA,YACE,2CAGF,4BACE,aACA,aACA,mBACA,mGAEA,YAEE,+GAEA,oBhBhLgB,sDgBsLpB,cACE,gBACA,iBACA,YACA,oBACA,chB7Lc,sCgBgMd,gCAGF,YACE,mBACA,8CAEA,aACE,wBACA,iBACA,oCAIJ,uBACE,CADF,oBACE,CADF,eACE,sBACA,eACA,cd5MS,qBc8MT,WACA,UACA,oBACA,qXACA,yBACA,kBACA,CACA,yBACA,mDAGF,aACE,cAIJ,ahBnOkB,qBgBsOhB,+BACE,6BAEA,2BACE,eChPN,k1BACE,aACA,sBACA,aACA,UACA,yBAGF,YACE,OACA,sBACA,yBACA,2BAEA,MACE,iBACA,qCAIJ,gBACE,YACE,cCtBJ,cACE,qBACA,chBSW,2BgBNX,qBAEE,iBACA,+BAGF,WACE,iBAIJ,sBACE,6BAEA,uBACE,2BACA,4BACA,mBhBHsB,4BgBOxB,oBACE,8BACA,+BACA,aACA,qBAIJ,YACE,8BACA,cACA,clB/BgB,ckBiChB,oBAGF,iBACE,OACA,kBACA,iBACA,gBACA,8BACA,eACA,0BAEA,aACE,6BAIJ,alBhDsB,mCkBmDpB,aACE,oDAGF,WACE,wBAIJ,iBACE,YACA,OACA,WACA,WACA,yBlBjEoB,uBkBsEpB,oBACE,WACA,eACA,yBAGF,iBACE,gBACA,oBAIJ,iBACE,aACA,gBACA,kBACA,gBhB5FM,sBgB8FN,sGAEA,+BAEE,oBAKF,2BACA,gBhBxGM,0BgB2GN,cACE,gBACA,gBACA,oBACA,cACA,WACA,gCACA,chBzGS,yBgB2GT,kBACA,4CAEA,QACE,2GAGF,mBAGE,wCAKN,cACE,6CAEA,SACE,kBACA,kBACA,qDAGF,SACE,WACA,kBACA,MACA,OACA,WACA,YACA,sCACA,mBACA,4BAIJ,SACE,kBACA,wBACA,gBACA,MACA,iCAEA,aACE,WACA,gBACA,gBACA,gBhBpKI,mBgByKR,iBACE,qBACA,YACA,wBAEA,UACE,YACA,wBAIJ,cACE,kBACA,iBACA,chBvKsB,mDgB0KtB,YACE,qDAGF,eACE,uDAGF,YACE,qBAIJ,YACE,YCrMF,qBACE,iBANc,cAQd,kBACA,sCAEA,WANF,UAOI,eACA,mBAIJ,iDACE,eACA,gBACA,gBACA,qBACA,cjBJsB,oBiBOtB,anBjBoB,0BmBmBlB,6EAEA,oBAGE,wCAIJ,ajBlBsB,oBiBuBtB,YACE,oBACA,+BAEA,eACE,yBAIJ,eACE,cjBhCsB,qBiBoCxB,iBACE,cjBrCsB,uBiByCxB,eACE,mBACA,kBACA,kBACA,yHAGF,4CAME,mBACA,oBACA,gBACA,cjBzDsB,qBiB6DxB,aACE,qBAGF,gBACE,qBAGF,eACE,qBAGF,gBACE,yCAGF,aAEE,qBAGF,eACE,qBAGF,kBACE,yCAMA,iBACA,iBACA,yDAEA,2BACE,yDAGF,2BACE,qBAIJ,UACE,SACA,SACA,gCACA,eACA,4BAEA,UACE,SACA,wBAIJ,UACE,yBACA,8BACA,CADA,iBACA,gBACA,mBACA,iEAEA,+BAEE,cACA,kBACA,gBACA,gBACA,cjBrIkB,iCiByIpB,uBACE,gBACA,gBACA,cnBxJY,qDmB4Jd,WAEE,iBACA,kBACA,qBACA,mEAEA,SACE,kBACA,iFAEA,gBACE,kBACA,6EAGF,iBACE,SACA,UACA,mBACA,gBACA,uBACA,+BAMR,YACE,oBAIJ,kBACE,eACA,mCAEA,iBACE,oBACA,8BAGF,YACE,8BACA,eACA,6BAGF,UACE,kDACA,eACA,iBACA,WjBpNI,iBiBsNJ,kBACA,qEAEA,aAEE,6CAIA,ajB9MoB,oCiBmNtB,4CACE,gBACA,eACA,iBACA,qCAGF,4BA3BF,iBA4BI,4BAIJ,iBACE,YACA,sBACA,mBACA,CACA,sBACA,0BACA,QACA,aACA,yCAEA,4CACE,eACA,iBACA,gBACA,cjB/OkB,mBiBiPlB,mBACA,gCACA,uBACA,mBACA,gBACA,wFAEA,eAEE,cACA,2CAGF,oBACE,2BAKN,iBACE,mCAEA,UACE,YACA,CACA,kBACA,uCAEA,aACE,WACA,YACA,mBACA,iCAIJ,cACE,mCAEA,aACE,WjBzSA,qBiB2SA,uDAGE,yBACE,2CAKN,aACE,cjBrSgB,kCiB6StB,iDAEE,CACA,eACA,eACA,iBACA,mBACA,cjBpToB,sCiBuTpB,anBjUkB,0BmBmUhB,kBAIJ,cACE,SACA,UACA,gBACA,uBACA,oBACA,kBACA,oBACA,cACA,kBAGF,4CACE,eACA,iBACA,gBACA,mBACA,cjB7UsB,wBiBgVtB,iDACE,cACA,eACA,gBACA,cACA,kBAIJ,4CACE,eACA,iBACA,gBACA,mBACA,cjB9VsB,kBiBmWtB,cjBnWsB,mCiBkWxB,4CACE,CACA,gBACA,gBACA,mBACA,cjBvWsB,kBiB4WtB,cjB5WsB,kBiBqXtB,cjBrXsB,mCiBoXxB,4CACE,CACA,gBACA,gBACA,mBACA,cjBzXsB,kBiB8XtB,cjB9XsB,mCiBsYxB,gBAEE,mDAEA,2BACE,mDAGF,2BACE,kBAIJ,eACE,kBAGF,kBACE,yCAGF,cAEE,kBAGF,UACE,SACA,SACA,0CACA,cACA,yBAEA,UACE,SACA,iDAIJ,YAEE,+BAGF,kBjB1bW,kBiB4bT,kBACA,gBACA,sBACA,oCAEA,UACE,aACA,2BACA,iBACA,8BACA,mBACA,uDAGF,YACE,yBACA,qBACA,mFAEA,aACE,eACA,qCAGF,sDAVF,UAWI,8BACA,6CAIJ,MACE,sBACA,qCAEA,2CAJF,YAKI,sBAKN,iBACE,yBAEA,WACE,WACA,uBACA,4BAIJ,iBACE,mBACA,uCAEA,eACE,mCAGF,eACE,cACA,qCAGF,eACE,UACA,mDAEA,kBACE,aACA,iBACA,0FAKE,oBACE,gFAIJ,cACE,qDAIJ,aACE,cACA,6CAGF,UACE,YACA,0BACA,mDAGF,cACE,4DAEA,cACE,qCAKN,oCACE,eACE,sCAIJ,2BA7DF,iBA8DI,mFAIJ,qBAGE,mBjBnjBS,kBiBqjBT,kCACA,uBAGF,YACE,kBACA,WACA,YACA,2BAEA,YACE,WACA,uCAKF,YACE,eACA,mBACA,mBACA,qCAGF,sCACE,kBACE,uCAIJ,ajB3kBsB,qCiB+kBtB,eACE,WjBjmBE,gBiBmmBF,2CAEA,ajBrlBkB,gDiBwlBhB,ajBvlBkB,+CiB6lBtB,eACE,qBAIJ,kBACE,yBAEA,aACE,SACA,eACA,YACA,kBACA,qCAIJ,gDAEI,kBACE,yCAGF,eACE,gBACA,WACA,kBACA,uDAEA,iBACE,sCAMR,8BACE,aACE,uCAEA,gBACE,sDAGF,kBACE,6EAIJ,aAEE,qBAIJ,WACE,UAIJ,mBACE,qCAEA,SAHF,eAII,kBAGF,YACE,uBACA,mBACA,aACA,qBAEA,SjBvrBI,YiByrBF,qCAGF,gBAXF,SAYI,mBACA,sBAIJ,eACE,uBACA,gBACA,gBACA,uBAGF,eACE,gBACA,0BAEA,YACE,yBACA,gBACA,eACA,cjBjsBkB,6BiBqsBpB,eACE,iBACA,+BAGF,kBjBjtBS,aiBmtBP,0BACA,aACA,uCAEA,YACE,gCAIJ,cACE,gBACA,uDAEA,YACE,mBACA,iDAGF,UACE,YACA,0BACA,gCAIJ,YACE,uCAEA,4CACE,eACA,gBACA,cACA,qCAGF,cACE,cjBhvBgB,uFiBsvBtB,eACE,cASA,CjBhwBoB,2CiB6vBpB,iBACA,CACA,kBACA,gBAGF,eACE,cACA,aACA,kDACA,cACA,qCAEA,eAPF,oCAQI,cACA,8BAEA,UACE,aACA,sBACA,0CAEA,OACE,cACA,2CAGF,YACE,mBACA,QACA,cACA,qCAIJ,UACE,2BAGF,eACE,sCAIJ,eAtCF,UAuCI,6BAEA,aACE,gBACA,gBACA,2GAEA,eAGE,uFAIJ,+BAGE,2BAGF,YACE,gCAEA,eACE,qEAEA,eAEE,gBACA,2CAGF,eACE,SAQZ,iBACE,qBACA,iBAGF,aACE,kBACA,aACA,UACA,YACA,cjB71BsB,qBiB+1BtB,eACA,qCAEA,gBAVF,eAWI,WACA,gBACA,cnBj3Bc,SoBNlB,UACE,eACA,iBACA,yBACA,qBAEA,WAEE,iBACA,mBACA,6BACA,gBACA,mBACA,oBAGF,qBACE,gCACA,aACA,gBACA,oBAGF,eACE,qEAGF,kBlBhBW,UkBqBX,apBxBoB,0BoB0BlB,gBAEA,oBACE,eAIJ,eACE,CAII,4HADF,eACE,+FAOF,sBAEE,yFAKF,YAEE,gCAMJ,kBlBzDS,6BkB2DP,gCACA,4CAEA,qBACE,8BACA,2CAGF,uBACE,+BACA,0BAKN,qBACE,gBAIJ,aACE,mBACA,MAGF,+CACE,0BAGF,sBACE,SACA,aACA,8CAGF,oBAEE,qBACA,iBACA,eACA,clB5FsB,gBkB8FtB,0DAEA,UlBhHM,wDkBoHN,eACE,iBACA,sEAGF,cACE,yCAKF,YAEE,yDAEA,qBACE,iBACA,eACA,gBACA,qEAEA,cACE,2EAGF,YACE,mBACA,uFAEA,YACE,qHAOJ,sBACA,cACA,uBAIJ,wBACE,mBlBvJS,sBkByJT,YACA,mBACA,gCAEA,gBACE,mBACA,oBAIJ,YACE,yBACA,aACA,mBlBtKS,gCkByKT,aACE,gBACA,mBAIJ,wBACE,aACA,mBACA,qCAEA,wCACE,4BACE,0BAIJ,kBACE,iCAGF,kBlB9LS,uCkBiMP,kBACE,4BAIJ,gBACE,oBACA,sCAEA,SACE,wCAGF,YACE,mBACA,mCAGF,aACE,aACA,uBACA,mBACA,kBACA,6CAEA,UACE,YACA,kCAIJ,aACE,mCAGF,aACE,iBACA,clB/NgB,gBkBiOhB,mCAIJ,QACE,WACA,qCAEA,sBACE,gBACA,qCAOJ,4FAFF,YAGI,gCAIJ,aACE,uCAEA,iBACE,sCAGF,eACE,4BAIJ,wBACE,aACA,gBACA,qCAEA,2BALF,4BAMI,sCAIJ,+CACE,YACE,iBC7RN,YACE,uBACA,WACA,iBACA,iCAEA,gBACE,gBACA,oBACA,cACA,wCAEA,YACE,yBACA,mBnBPO,YmBSP,yBAIJ,WAvBc,UAyBZ,oBACA,iCAEA,YACE,mBACA,YACA,uCAEA,aACE,yCAEA,oBACE,aACA,2CAGF,SnBxCA,YmB0CE,kBACA,YACA,uCAIJ,aACE,cnBjCgB,qBmBmChB,cACA,eACA,aACA,0HAIA,kBAGE,+BAKN,aACE,iBACA,YACA,aACA,qCAGF,sCACE,YACE,6BAIJ,eACE,0BACA,gBACA,mBACA,qCAEA,2BANF,eAOI,+BAGF,aACE,aACA,cnB3EgB,qBmB6EhB,0BACA,2CACA,0BACA,mBACA,gBACA,uBACA,mCAEA,gBACE,oCAGF,UnBzGA,yBmB2GE,0BACA,2CACA,uCAGF,kBACE,sBACA,+BAIJ,kBACE,wBACA,SACA,iCAEA,QACE,kBACA,6DAIJ,UnBjIE,yBFMc,gBqB8Hd,gBACA,mEAEA,qBACE,6DAKN,yBACE,iCAKF,UACA,gBAEA,sCAGF,uCACE,YACE,iCAGF,WA/JY,cAiKV,sCAIJ,gCACE,UACE,0BAMF,2BACA,qCAEA,wBALF,cAMI,CACA,sBACA,kCAGF,YACE,oBAEA,gCACA,0BAEA,eAEA,mBACA,8BACA,mCAEA,eACE,kBACA,yCAGF,mBACE,4DAEA,eACE,qCAIJ,gCAzBF,eA0BI,iBACA,6BAIJ,anBnMsB,emBqMpB,iBACA,gBACA,qCAEA,2BANF,eAOI,6BAIJ,anB9MsB,emBgNpB,iBACA,gBACA,mBACA,4BAGF,wBACE,eACA,gBACA,cnB1NkB,mBmB4NlB,kBACA,gCACA,4BAGF,cACE,cnBjOoB,iBmBmOpB,gBACA,0CAGF,UnBxPI,gBmB0PF,uFAGF,eAEE,gEAGF,aACE,4CAGF,cACE,gBACA,WnBxQE,oBmB0QF,iBACA,gBACA,gBACA,2BAGF,cACE,iBACA,cnBjQoB,mBmBmQpB,kCAEA,UnBtRE,gBmBwRA,CAII,2NADF,eACE,4BAMR,UACE,SACA,SACA,0CACA,cACA,mCAEA,UACE,SACA,qCAKN,eA9SF,aA+SI,iCAEA,YACE,yBAGF,UACE,UACA,YACA,iCAEA,YACE,4BAGF,YACE,8DAGF,eAEE,gCACA,gBACA,0EAEA,eACE,+BAIJ,eACE,6DAGF,2BrB7UgB,YqBoVtB,UACE,SACA,cACA,WACA,sDAKA,anBnVsB,0DmBsVpB,arBhWkB,4DqBqWpB,anB1Wc,gBmB4WZ,4DAGF,anB9WU,gBmBgXR,0DAGF,arBjXgB,gBqBmXd,0DAGF,anBtXU,gBmBwXR,UAIJ,YACE,eACA,yBAEA,aACE,qBACA,oCAEA,kBACE,4BAGF,cACE,gBACA,+BAEA,oBACE,iBACA,gCAIJ,eACE,yBACA,eACA,CAII,iNADF,eACE,6CAKN,aACE,mBACA,2BAGF,oBACE,cnBxZkB,qBmB0ZlB,yBACA,eACA,gBACA,gCACA,iCAEA,UnBhbE,gCmBkbA,oCAGF,arB/agB,gCqBibd,CAkBJ,gBAIJ,aACE,iBACA,eACA,sBAGF,aACE,eACA,cACA,wBAEA,aACE,kBAIJ,YACE,eACA,mBACA,wBAGF,YACE,WACA,sBACA,aACA,+BAEA,aACE,qBACA,gBACA,eACA,iBACA,cnB7dsB,CmBkelB,4MADF,eACE,sCAKN,aACE,gCAIJ,YAEE,mBACA,kEAEA,UACE,kBACA,4BACA,gFAEA,iBACE,kDAKN,aAEE,aACA,sBACA,4EAEA,cACE,WACA,kBACA,mBACA,uEAIJ,cAEE,iBAGF,YACE,eACA,kBACA,2CAEA,kBACE,eACA,8BAGF,kBACE,+CAGF,gBACE,uDAEA,gBACE,mBACA,YACA,YAKN,kBACE,eACA,cAEA,arBvjBoB,qBqByjBlB,oBAEA,yBACE,SAKN,aACE,YAGF,gBACE,eACA,mBnBpkBW,gCmBskBX,uBAEA,eACE,oBAGF,YACE,2BACA,mBACA,cnBxkBoB,emB0kBpB,eACA,oBAGF,iBACE,4BAEA,aACE,SACA,kBACA,WACA,YACA,qBAIJ,2BACE,mBAGF,oBACE,uBAGF,arB9mBgB,sDqBknBhB,anBrmBwB,qBmBymBtB,gBACA,yDAIJ,oBAIE,cnBlnBwB,iGmBqnBxB,eACE,yIAIA,4BACE,cACA,iIAGF,8BACE,CADF,sBACE,WACA,sBAKN,YAEE,mBACA,sCAEA,aACE,CACA,gBACA,kBACA,0DAIA,8BACE,CADF,sBACE,WACA,gBAKN,kBACE,8BACA,yBAEA,yBnB9qBc,yBmBkrBd,yBACE,wBAGF,yBnBnrBU,wBmBwrBR,2BACA,eACA,iBACA,4BACA,kBACA,gBACA,0BAEA,anBprBoB,uBmB0rBpB,wBACA,qBAGF,arB1sBgB,cqB+sBlB,kBnB1sBa,kBmB4sBX,mBACA,uBAEA,YACE,8BACA,mBACA,aACA,gCAEA,SACE,SACA,gDAEA,aACE,8BAIJ,aACE,gBACA,cnBztBkB,yBmB2tBlB,iBACA,gCAEA,aACE,qBACA,iHAEA,aAGE,mCAIJ,anBvvBM,6BmB8vBR,YACE,2BACA,6BACA,mCAEA,kBACE,gFAGF,YAEE,cACA,sBACA,YACA,cnB9vBgB,mLmBiwBhB,kBAEE,gBACA,uBACA,sCAIJ,aACE,6BACA,4CAEA,arBzxBU,iBqB2xBR,gBACA,wCAIJ,aACE,sBACA,WACA,aACA,qBACA,cnBzxBgB,WmBgyBxB,kBAGE,0BAFA,eACA,uBASA,CARA,eAGF,oBACE,gBACA,CAEA,qBACA,oBAGF,YACE,eACA,CACA,kBACA,wBAEA,qBACE,cACA,mBACA,aACA,0FAGF,kBAEE,kBACA,YACA,6CAGF,QACE,SACA,+CAEA,aACE,sEAGF,uBACE,yDAGF,anB71BY,8CmBk2Bd,qBACE,aACA,WnBr2BI,cmB02BR,iBACE,qBAGF,wBACE,kBACA,2BAEA,cACE,mBnB12BS,gCmB42BT,kCAEA,cACE,cACA,gBACA,eACA,gBACA,cnB32BoB,qBmB62BpB,mBACA,uHAEA,UnBj4BE,iCmBw4BJ,cACE,crBr4BY,uCqBy4Bd,YACE,8BACA,mBACA,sCAGF,eACE,sBCt5BN,YACE,eACA,CACA,kBACA,0BAEA,qBACE,iBACA,cACA,mBACA,yDAEA,YAEE,mBACA,kBACA,sBACA,YACA,4BAGF,oBACE,cACA,cACA,qGAEA,kBAGE,sDAKN,iBAEE,gBACA,eACA,iBACA,WpBrCI,6CoBuCJ,mBACA,iBACA,4BAGF,cACE,6BAGF,cACE,cpBjCoB,kBoBmCpB,gBACA,qBAIJ,YACE,eACA,cACA,yBAEA,gBACE,mBACA,6BAEA,aACE,sCAIJ,apBrDwB,gBoBuDtB,qBACA,UC3EJ,aACE,gCAEA,gBACE,eACA,mBACA,+BAGF,cACE,iBACA,8CAGF,aACE,kBACA,wBAGF,gBACE,iCAGF,aACE,kBACA,uCAGF,oBACE,gDAGF,SACE,YACA,8BAGF,cACE,iBACA,mEAGF,aACE,kBACA,2DAGF,cAEE,gBACA,mFAGF,cACE,gBACA,mCAGF,aACE,iBACA,yBAGF,kBACE,kBACA,4BAGF,UACE,UACA,wBAGF,aACE,kCAGF,MACE,WACA,cACA,mBACA,2CAGF,aACE,iBACA,0CAGF,gBACE,eACA,mCAGF,WACE,sCAGF,gBACE,gBACA,yCAGF,UACE,iCAGF,aACE,iBACA,0BAGF,SACE,WACA,0DAGF,iBAEE,mBACA,4GAGF,iBAEE,gBACA,uCAGF,kBACE,eACA,2BAGF,aACE,kBACA,wCAGF,SACE,YACA,yDAGF,SACE,WACA,CAKA,oFAGF,UACE,OACA,uGAGF,UAEE,uCAIA,cACE,iBACA,kEAEA,cACE,gBACA,qCAKN,WACE,eACA,iBACA,uCAGF,WACE,sCAGF,aACE,kBACA,0CAGF,gBACE,eACA,uDAGF,gBACE,2CAGF,cACE,iBACA,YACA,yEAGF,aAEE,iBACA,iBAGF,wBACE,iBAGF,SACE,oBACA,yBAGF,aACE,8EAGF,cAEE,gBACA,oDAGF,cACE,mBACA,gEAGF,iBACE,gBACA,CAMA,8KAGF,SACE,QACA,yDAGF,kBACE,eACA,uDAGF,kBACE,gBACA,qDAGF,SACE,QACA,8FAGF,cAEE,mBACA,4CAGF,UACE,SACA,kDAEA,UACE,OACA,+DACA,8BAIJ,sXACE,uCAGF,gBAEE,kCAGF,cACE,iBACA,gDAGF,UACE,UACA,gEAGF,aACE,uDAGF,WACE,WACA,uDAGF,UACE,WACA,uDAGF,UACE,WACA,kDAGF,MACE,0CAGF,iBACE,yBACA,qDAGF,cACE,iBACA,qCAGF,kCACE,gBAEE,kBACA,2DAEA,gBACE,mBACA,uEAKF,gBAEE,kBACA,gFAKN,cAEE,gBACA,6CAKE,eACE,eACA,sDAIJ,aACE,kBACA,4DAKF,cACE,gBACA,8DAGF,gBACE,eACA,mCAIJ,aACE,kBACA,iBACA,kCAGF,WACE,mCAGF,WACE,oCAGF,cACE,gBACA,gFAGF,cACE,mBACA,+DAGF,SACE,QACA,kkEC7ZJ,kIACE,CADF,sIACE,qBACA,sCxB6EF,QACE,qBACE,gBACA,SAGF,SACE,gBACA,gBACA,+BAIJ,eAEE,sBACA,kBACA,gBACA,kBACA,kCACA,4BACA,gEAGF,gBAEE,uBACA,2BACA,qBAGF,eACE,UACA,wDAGF,qBAEE,sBACA,MAKF,cACE,oDACA,WACA,kCAGF,eAGE,cAGF,UACE,sBACA,WAGF,kBAzIW,sGAmBT,gBAIA,YAqHA,iBAGF,UACE,CAEA,oBACA,CADA,mBACA,CADA,4BACA,WACA,YACA,wBAGF,qGA7GE,eAIA,gBACA,WA0GA,mCAGF,eACE,WACA,gBACA,eACA,UACA,cACA,kBACA,QACA,4BAGF,iBACE,0BACA,YACA,cA3KS,yDA8KT,4BACA,uBACA,4BACA,yBACA,wBAGF,gBACE,eACA,mBAvLS,eA2LX,aACI,YACA,kBAEA,YACA,UACA,YACA,aACA,iGACA,4BACA,iCACA,UACA,gBAGJ,eACE,UACA,6BAGF,SACE,SAGF,gBACE,qBAGF,kBAvNW,CAcT,eACA,6CA2MA,CA3MA,kBA2MA,CA3MA,sBA2MA,CAMA,uCAHF,UACE,gBACA,mBAYA,CAXA,eAGF,WACE,eACA,CAvNA,eACA,6CAyNA,CAzNA,kBAyNA,CAzNA,sBAyNA,CAEA,oBACA,gCAGF,kBA3OsB,uCA+OtB,YACE,uBAEF,gBACE,mBAnPoB,4CAuPtB,UACE,yBAGF,eACE,eACA,wBAGF,kBAnQW,WAqQT,cACA,eACA,gBACA,cACA,eACA,sGAvPA,gBAIA,8BAsPA,UACE,mEAIJ,qGAvOE,eAIA,gBACA,yBAoOA,6BAMA,eACA,eAIA,iDARF,kBAvRW,WAyRT,YACA,CAEA,qGAzQA,gBAIA,eAuQA,gBAUA,kCAGF,iBACE,UACA,UACA,gBACA,eACA,cACA,2BAGF,cACE,gBACA,6BAGF,8BACE,gCACA,mCAGF,kBA9TW,WAgUT,oCAGF,UACE,oDAGF,yBACE,kBACA,kBACA,YACA,qBAGF,wBA9UW,CAcT,eACA,CAkUA,4CACA,CADA,kBACA,CADA,kBACA,2BAGF,UACE,gBACA,eACA,kBACA,UACA,SACA,yBA3VS,qBA6VT,cACA,gBACA,6CAGF,UACE,gBACA,kCAGF,WACE,iCAEF,WACE,iBAGF,gBACE,mCAIA,qBACA,CAvVA,4CACA,CADA,kBACA,CADA,gBACA,gBACA,WAwVA,YACA,sEAGF,qBACE,yCAGF,QACE,iBACA,kDAGF,SACE,qCAGF,YACE,mCAGF,eACE,aACA,WAGF,wBAjZW,sGAmBT,gBAIA,YA6XA,iBAGF,oBACE,WACA,CAzWA,+BA4WF,qGAjXE,eAIA,gBAsXA,CArXA,cAgXF,UACE,sBACA,CAlXA,cAoXA,YACA,+FAGF,UAEE,gCACA,CAIA,iIAGF,gBACE,oBAGF,wBAtbW,WAwbT,sGAraA,gBAIA,wBAqaF,0lBACE,wBAEA,uCAGF,kBAlcW,WAqcT,kBAGF,yBACE,WACA,SAraA,4CACA,CADA,kBACA,CADA,gBACA,gBACA,sBAwaA,CACA,mBACA,mBACA,uBAGF,wBArdW,kBAydX,cACE,uEAGF,aAEE,qBAGF,qBACE,kBACA,YACA,UACA,mBAteS,uBAweT,CAEA,eACA,iCACA,8BACA,iBACA,sCAGF,qBACE,4BAGF,WACE,8BAGF,gBACE,kBACA,2CAEA,cACE,kCAGJ,UACE,CAlgBS,+DAugBT,kBAvgBS,4DA2gBT,eACE,wBACA,gCAIJ,iBACE,oDAGF,cACE,kBAGF,eACE,4BACA,WACA,0BACA,YACA,gCAGF,aACE,uCAGF,UACE,gBACA,0GAlgBA,4CACA,CADA,kBACA,CADA,gBACA,gBACA,uBAugBA,CAvgBA,cAugBA,6CACA,CADA,oCACA,8BAGF,wBAljBW,SAojBT,iCACA,kBACA,mBACA,iBACA,cAEF,kBA1jBW,CAaT,4CACA,CADA,kBACA,CADA,gBACA,gBACA,UA8iBA,iBAGA,0HAFA,aAIE,qBAriBF,4CACA,CADA,kBACA,CADA,gBACA,gBACA,kCA2iBF,kBACE,eACA,sDAGF,sBAEE,YACA,CEjlBU,2IFslBV,aEtlBU,0BF2lBZ,kBA5lBW,CAaT,4CACA,CADA,kBACA,CADA,gBACA,gBACA,mBAglBA,iCAlkBA,4CACA,CADA,kBACA,CADA,gBACA,gBACA,mBAukBF,aArmBkB,uCAymBlB,gBACE,sBACA,mBACA,0BAGF,aACE,uCAGF,gBACE,mBACA,cAGF,eACE,gBACA,sBACA,WACA,oBAGF,qBACE,qBAGF,UACE,0BACA,gBACA,YAGF,UACE,gBACA,CA5oBS,qGAmBT,gBAIA,CAwnBA,eACA,6BAJA,kBA5oBS,CAuBT,UA6nBE,2BAIJ,UACC,4DAGD,UACE,gBACA,iCAGF,UACE,UAGF,gCACE,0GAGF,kBAzqBW,sGAmBT,gBAIA,sHAupBF,kBA9qBW,wHAkrBX,qGAvoBE,eAIA,gBACA,gDAsoBF,UACE,eAGF,yBACE,WACA,wBAGF,UACE,eACA,6BAGF,eACE,iBAGF,kBAxsBW,CAaT,+BACA,gBACA,qBA4rBA,gBACA,mBACA,6CACA,CADA,+BACA,CADA,gBACA,cAGF,UACE,sGA/rBA,gBAIA,YA6rBA,WACA,cACA,iCAGF,eACE,WACA,gBACA,eACA,UACA,cACA,kBACA,QACA,0BAIF,iBACE,iBACA,WACA,YACA,cAzuBS,yDA4uBT,4BACA,uBACA,4BACA,yBACA,yBAGF,4BACE,qCAGF,8YACE,4BACA,uBACA,4BACA,yBACA,iBACA,SAOF,kBApwBW,CAswBT,WACA,iCACA,CACA,oBACA,CADA,iCACA,CADA,sBACA,gBACA,eAIA,UACA,CA3uBA,4CACA,CADA,kBACA,CADA,gBACA,gBACA,oCAuuBF,qBAOE,gBAGF,gBACE,WACA,gBACA,sBAvxBqB,sBAyxBrB,mBAEA,UACE,oBACA,gBACA,yBAIJ,wBAtyBW,WAwyBT,iCACA,0BAGF,UACE,sOAGF,wBA7yBsB,WAkzBpB,mBAGF,UACE,0BAEA,SACE,yBAGF,UACE,sCAIJ,wBAp0BW,CAu0BT,yBACA,CADA,2BACA,iBAGF,UACE,wBAGF,UACE,gBACA,mFA5yBA,4CACA,CADA,kBACA,CADA,gBACA,gBACA,+CAmzBF,eACE,gCAGF,eACE,gCACA,mBACA,+BAGF,6BACE,+BACA,8CAGF,wBAz2BW,0BA22BT,eACA,gBACA,wBAGF,wBAh3BW,gBAk3BT,iBACA,kCAGF,8BACE,4HAGF,kBA13BW,uEA+3BX,aA93BkB,mDAk4BlB,kBAn4BW,iBAs4BT,yGAGF,kBAt4BsB,4LA24BtB,gBAKE,WACA,sGAj4BA,gBAIA,mBAvBS,oCAy5BX,UACE,2CAGF,eACE,+BAGF,cACE,gBACA,cACA,kBACA,UACA,yBAt6BS,eAw6BT,cACA,wBAGF,iBACE,iBACA,0BACA,yBA/6BS,WAi7BT,0BAGF,UACE,+BAGF,UACE,0BACA,iDA75BA,4CACA,CADA,kBACA,CADA,gBACA,gBACA,mBAg6BA,cACA,iCAGF,eACE,0BACA,yBAr8BS,YAu8BT,sBACA,8CAGF,cACE,gBACA,2BACA,qDAGF,WACE,eACA,gBACA,WACA,gDAGF,YACE,8BAGF,SACE,2BAGF,gBACE,gBACA,yBAl+BS,sBAo+BT,uBACA,6BAIF,UACE,sBACA,CACA,qGAj8BA,eAIA,gBACA,qCAg8BF,gCACE,qCAGF,UACE,gBACA,kBAGF,wBAz/BW,kBA2/BT,0BACA,SA5/BS,qGAmBT,CAIA,eA2+BA,WACA,gBACA,sDALF,wBA//BW,gBA0gCT,qGA/9BA,eAIA,gBACA,kBA89BA,UACE,8BACA,yBAEA,qGA//BF,gBAIA,kBAkgCF,wBAzhCW,sGA2CT,CAIA,eACA,eA4+BA,yBAGF,eACE,WACA,gBACA,eACA,UACA,kBACA,cACA,kBACA,UACA,kBAGF,iBACE,iBACA,WACA,YACA,cA/iCS,+YAkjCT,4BACA,uBACA,4BACA,yBACA,oBAGF,wBAzjCW,WA2jCT,iCACA,oBACA,eACA,cAGF,4BACE,WACA,oBACA,wBAjkCoB,WAmkClB,8CAKF,WACE,SACA,UACA,wCAMA,iBACA,qFAJF,yBACE,4BACA,6BAOE,0CAGF,WACE,WACA,CAMJ,4FACA,yDAGA,wGACA,yDAGA,wEACA,yDAGA,gFACA,yDAGA,sEACA,0DAGA,0FACA,0DAGA,gGACA,0DAGA,wEACA,0DAGA,sEACA,0DAGA,4FACA,0DAGA,wEACA,0DAGA,8EACA,mFAGF,YACE,kCAGF,qBACE,gBACA,eACA,WACA,iBACA,kBACA,mBACA,OAEA,aACA,cACA,kBACA,yBACA,WACA,YACA,CAIA,wBACA,0BACA,2BAjqCA,4CACA,CADA,kBACA,CADA,gBACA,gBACA,yBAfS,yCAsrCX,YACE,yBAGF,wBA1rCW,kBA8rCX,wBACE,4CAGF,UACE,6BAGF,yBACE,WACA,YACA,iBAGF,wBA5sCW,SA8sCT,8BACA,8CAGF,UACE,YACA,gCAGF,UACE,gBACA,kCAGF,UACE,sBAGF,YACE,2BAGF,yBACE,kCAGF,qGA7rCE,eAIA,gBACA,wDA4rCF,eAxuCuB,gBA2uCrB,sBACA,iBACA,kBAGF,4BACE,yBAGF,YACE,gCAGF,UACE,sGAltCA,eAIA,gBACA,8CAitCF,sBACE,oDAGF,sBACE,WACA,0BACA,0CAGF,oBAGE,2FAGF,UACE,4GAGF,qBAII,qBACA,sBACA,yCAGJ,eACI,8BAGJ,iBACI,SACA,iDAGJ,iBACI,SACA,mCAGJ,kBACI,uBAGJ,iBACI,0BAGJ,iBACI,kBAGJ,iBACI,0BAGJ,iBACI,SACA,2GAGJ,qGA9yCE,gBAIA,mBAvBS,2FAu0CX,sBAIE,cACA,mBAz0CoB,WA20CpB,gBACA,iBACA,qBAGF,4BACE,0CAGF,eACE,gBACA,oFAGF,kBA51CW,iBA81CT,sDAGF,kBA91CsB,WAg2CpB,gBACA,YACA,eACA,gBACA,CAKE,+RAEA,UAGE,CAj0CJ,gMAo0CE,qGAz0CF,eAIA,gBACA,uHA00CF,eAEE,WA50CA,2CAi1CF,oQAEE,uBAGF,iBACE,MACA,wBACA,WACA,yBAv4CoB,eAy4CpB,gBACA,WACA,WACA,cACA,CACA,wBACA,sBACA,gBAGF,iBACE,mBAv5CS,sGAmBT,gBAIA,WAm4CA,YACA,iBACA,WACA,iBACA,sBACA,gBACA,sCAGF,eACE,UACE,YACA,kBACA,sCAIJ,eACE,WACE,YACA,0BACA,SACA,kCAIJ,eACE,YACA,cACA,WACA,iCAGF,aACE,wBACA,CAh7CA,4CACA,CADA,kBACA,CADA,gBACA,gBACA,kBAg7CA,iBACA,kBACA,mBACA,sBACA,yBAGF,wBAt8CW,WAw8CT,eACA,gBACA,sBACA,kBACA,yBAGF,eACE,mBAh9CS,WAk9CT,WACA,YACA,oBACA,+BAGF,iBACE,QACA,SACA,WACA,YACA,SACA,4BAGF,kBAj+CW,CAm+CT,gBACA,WACA,+BAEA,oBACE,4EAEA,WAEE,2BACA,sCAt9CJ,UA69CI,wEAJF,iBACE,sGA99CJ,gBAIA,CA49CI,WASA,CARA,kCAGF,oBACE,CAEA,SAEA,iCAGF,oBACE,qIA58CJ,gBAMA,2BACA,4BACA,gBAs8CI,SACA,WACA,wBACA,0CAEA,kBAvgDK,WAygDH,gBACA,mBACA,uCAGF,kBA9gDK,WAghDH,kCAIJ,uBACE,uBACA,kBACA,UACA,SACA,UACA,qCAEA,kBA5hDK,qBA8hDH,wBACA,uCAEA,kBAjiDG,qIAoDT,gBAMA,2BACA,4BACA,WAw+CQ,gBACA,kBACA,UACA,gDAEA,kBAziDC,WA2iDC,mBACA,gBACA,kBACA,iBACA,kBACA,kBACA,UACA,4DAEA,aACE,sDAGF,sBACE,WACA,6CAIJ,kBA9jDC,WAgkDC,sCAQZ,iCACE,gBACE,yBAGF,mBACE,sCAIJ,iCACE,eACE,yBAKE,gBACA,WACA,YACA,iCAEF,aACE,WACA,0BACA,iBAKN,qBAlmDuB,WAomDrB,sBACA,gBACA,kBACA,MACA,OACA,WACA,sBAGF,qBACE,CA7kDA,4CACA,CADA,kBACA,CADA,gBACA,gBACA,weA+kDF,UAeE,qEAGF,qBAEE,sJAGF,UAKE,sBACA,CA9mDA,4CACA,CADA,kBACA,CADA,gBACA,gBACA,4WA+mDA,qBACE,qEAIJ,kBA3pDW,sGAmBT,gBAIA,WA0oDA,gBACA,uFAEA,kBApqDS,4CAyqDX,eArqDuB,WAwqDrB,iBACA,kBACA,sBACA,gDAEA,UACE,0BACA,gGAIJ,kBAvrDW,yBA8rDX,yBACE,YACA,kCAGF,UACE,sBACA,kBACA,CAIA,4CACA,CADA,kBACA,CADA,gBACA,WACA,YACA,qBACA,sBACA,iBACA,2CAGF,qBACE,gCACA,8FAGF,UAGE,kCACA,ooB","file":"skins/vanilla/win95/common.css","sourcesContent":["@font-face{font-family:\"premillenium\";src:url(\"~fonts/premillenium/MSSansSerif.ttf\") format(\"truetype\")}html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:\"\";content:none}table{border-collapse:collapse;border-spacing:0}html{scrollbar-color:#192432 rgba(0,0,0,.1)}::-webkit-scrollbar{width:12px;height:12px}::-webkit-scrollbar-thumb{background:#192432;border:0px none #fff;border-radius:50px}::-webkit-scrollbar-thumb:hover{background:#1c2938}::-webkit-scrollbar-thumb:active{background:#192432}::-webkit-scrollbar-track{border:0px none #fff;border-radius:0;background:rgba(0,0,0,.1)}::-webkit-scrollbar-track:hover{background:#121a24}::-webkit-scrollbar-track:active{background:#121a24}::-webkit-scrollbar-corner{background:transparent}body{font-family:\"mastodon-font-sans-serif\",sans-serif;background:#06090c;font-size:13px;line-height:18px;font-weight:400;color:#fff;text-rendering:optimizelegibility;font-feature-settings:\"kern\";text-size-adjust:none;-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-tap-highlight-color:transparent}body.system-font{font-family:system-ui,-apple-system,BlinkMacSystemFont,\"Segoe UI\",\"Oxygen\",\"Ubuntu\",\"Cantarell\",\"Fira Sans\",\"Droid Sans\",\"Helvetica Neue\",\"mastodon-font-sans-serif\",sans-serif}body.app-body{padding:0}body.app-body.layout-single-column{height:auto;min-height:100vh;overflow-y:scroll}body.app-body.layout-multiple-columns{position:absolute;width:100%;height:100%}body.app-body.with-modals--active{overflow-y:hidden}body.lighter{background:#121a24}body.with-modals{overflow-x:hidden;overflow-y:scroll}body.with-modals--active{overflow-y:hidden}body.player{text-align:center}body.embed{background:#192432;margin:0;padding-bottom:0}body.embed .container{position:absolute;width:100%;height:100%;overflow:hidden}body.admin{background:#0b1016;padding:0}body.error{position:absolute;text-align:center;color:#9baec8;background:#121a24;width:100%;height:100%;padding:0;display:flex;justify-content:center;align-items:center}body.error .dialog{vertical-align:middle;margin:20px}body.error .dialog__illustration img{display:block;max-width:470px;width:100%;height:auto;margin-top:-120px}body.error .dialog h1{font-size:20px;line-height:28px;font-weight:400}button{font-family:inherit;cursor:pointer}button:focus{outline:none}.app-holder,.app-holder>div,.app-holder>noscript{display:flex;width:100%;align-items:center;justify-content:center;outline:0 !important}.app-holder>noscript{height:100vh}.layout-single-column .app-holder,.layout-single-column .app-holder>div{min-height:100vh}.layout-multiple-columns .app-holder,.layout-multiple-columns .app-holder>div{height:100%}.error-boundary,.app-holder noscript{flex-direction:column;font-size:16px;font-weight:400;line-height:1.7;color:#e25169;text-align:center}.error-boundary>div,.app-holder noscript>div{max-width:500px}.error-boundary p,.app-holder noscript p{margin-bottom:.85em}.error-boundary p:last-child,.app-holder noscript p:last-child{margin-bottom:0}.error-boundary a,.app-holder noscript a{color:#00007f}.error-boundary a:hover,.error-boundary a:focus,.error-boundary a:active,.app-holder noscript a:hover,.app-holder noscript a:focus,.app-holder noscript a:active{text-decoration:none}.error-boundary__footer,.app-holder noscript__footer{color:#404040;font-size:13px}.error-boundary__footer a,.app-holder noscript__footer a{color:#404040}.error-boundary button,.app-holder noscript button{display:inline;border:0;background:transparent;color:#404040;font:inherit;padding:0;margin:0;line-height:inherit;cursor:pointer;outline:0;transition:color 300ms linear;text-decoration:underline}.error-boundary button:hover,.error-boundary button:focus,.error-boundary button:active,.app-holder noscript button:hover,.app-holder noscript button:focus,.app-holder noscript button:active{text-decoration:none}.error-boundary button.copied,.app-holder noscript button.copied{color:#79bd9a;transition:none}.container-alt{width:700px;margin:0 auto;margin-top:40px}@media screen and (max-width: 740px){.container-alt{width:100%;margin:0}}.logo-container{margin:100px auto 50px}@media screen and (max-width: 500px){.logo-container{margin:40px auto 0}}.logo-container h1{display:flex;justify-content:center;align-items:center}.logo-container h1 svg{fill:#fff;height:42px;margin-right:10px}.logo-container h1 a{display:flex;justify-content:center;align-items:center;color:#fff;text-decoration:none;outline:0;padding:12px 16px;line-height:32px;font-family:\"mastodon-font-display\",sans-serif;font-weight:500;font-size:14px}.compose-standalone .compose-form{width:400px;margin:0 auto;padding:20px 0;margin-top:40px;box-sizing:border-box}@media screen and (max-width: 400px){.compose-standalone .compose-form{width:100%;margin-top:0;padding:20px}}.account-header{width:400px;margin:0 auto;display:flex;font-size:13px;line-height:18px;box-sizing:border-box;padding:20px 0;padding-bottom:0;margin-bottom:-30px;margin-top:40px}@media screen and (max-width: 440px){.account-header{width:100%;margin:0;margin-bottom:10px;padding:20px;padding-bottom:0}}.account-header .avatar{width:40px;height:40px;margin-right:8px}.account-header .avatar img{width:100%;height:100%;display:block;margin:0;border-radius:4px}.account-header .name{flex:1 1 auto;color:#d9e1e8;width:calc(100% - 88px)}.account-header .name .username{display:block;font-weight:500;text-overflow:ellipsis;overflow:hidden}.account-header .logout-link{display:block;font-size:32px;line-height:40px;margin-left:8px}.grid-3{display:grid;grid-gap:10px;grid-template-columns:3fr 1fr;grid-auto-columns:25%;grid-auto-rows:max-content}.grid-3 .column-0{grid-column:1/3;grid-row:1}.grid-3 .column-1{grid-column:1;grid-row:2}.grid-3 .column-2{grid-column:2;grid-row:2}.grid-3 .column-3{grid-column:1/3;grid-row:3}@media screen and (max-width: 415px){.grid-3{grid-gap:0;grid-template-columns:minmax(0, 100%)}.grid-3 .column-0{grid-column:1}.grid-3 .column-1{grid-column:1;grid-row:3}.grid-3 .column-2{grid-column:1;grid-row:2}.grid-3 .column-3{grid-column:1;grid-row:4}}.grid-4{display:grid;grid-gap:10px;grid-template-columns:repeat(4, minmax(0, 1fr));grid-auto-columns:25%;grid-auto-rows:max-content}.grid-4 .column-0{grid-column:1/5;grid-row:1}.grid-4 .column-1{grid-column:1/4;grid-row:2}.grid-4 .column-2{grid-column:4;grid-row:2}.grid-4 .column-3{grid-column:2/5;grid-row:3}.grid-4 .column-4{grid-column:1;grid-row:3}.grid-4 .landing-page__call-to-action{min-height:100%}.grid-4 .flash-message{margin-bottom:10px}@media screen and (max-width: 738px){.grid-4{grid-template-columns:minmax(0, 50%) minmax(0, 50%)}.grid-4 .landing-page__call-to-action{padding:20px;display:flex;align-items:center;justify-content:center}.grid-4 .row__information-board{width:100%;justify-content:center;align-items:center}.grid-4 .row__mascot{display:none}}@media screen and (max-width: 415px){.grid-4{grid-gap:0;grid-template-columns:minmax(0, 100%)}.grid-4 .column-0{grid-column:1}.grid-4 .column-1{grid-column:1;grid-row:3}.grid-4 .column-2{grid-column:1;grid-row:2}.grid-4 .column-3{grid-column:1;grid-row:5}.grid-4 .column-4{grid-column:1;grid-row:4}}@media screen and (max-width: 415px){.public-layout{padding-top:48px}}.public-layout .container{max-width:960px}@media screen and (max-width: 415px){.public-layout .container{padding:0}}.public-layout .header{background:#202e3f;box-shadow:0 0 15px rgba(0,0,0,.2);border-radius:4px;height:48px;margin:10px 0;display:flex;align-items:stretch;justify-content:center;flex-wrap:nowrap;overflow:hidden}@media screen and (max-width: 415px){.public-layout .header{position:fixed;width:100%;top:0;left:0;margin:0;border-radius:0;box-shadow:none;z-index:110}}.public-layout .header>div{flex:1 1 33.3%;min-height:1px}.public-layout .header .nav-left{display:flex;align-items:stretch;justify-content:flex-start;flex-wrap:nowrap}.public-layout .header .nav-center{display:flex;align-items:stretch;justify-content:center;flex-wrap:nowrap}.public-layout .header .nav-right{display:flex;align-items:stretch;justify-content:flex-end;flex-wrap:nowrap}.public-layout .header .brand{display:block;padding:15px}.public-layout .header .brand svg{display:block;height:18px;width:auto;position:relative;bottom:-2px;fill:#fff}@media screen and (max-width: 415px){.public-layout .header .brand svg{height:20px}}.public-layout .header .brand:hover,.public-layout .header .brand:focus,.public-layout .header .brand:active{background:#26374d}.public-layout .header .nav-link{display:flex;align-items:center;padding:0 1rem;font-size:12px;font-weight:500;text-decoration:none;color:#9baec8;white-space:nowrap;text-align:center}.public-layout .header .nav-link:hover,.public-layout .header .nav-link:focus,.public-layout .header .nav-link:active{text-decoration:underline;color:#fff}@media screen and (max-width: 550px){.public-layout .header .nav-link.optional{display:none}}.public-layout .header .nav-button{background:#2d415a;margin:8px;margin-left:0;border-radius:4px}.public-layout .header .nav-button:hover,.public-layout .header .nav-button:focus,.public-layout .header .nav-button:active{text-decoration:none;background:#344b68}.public-layout .grid{display:grid;grid-gap:10px;grid-template-columns:minmax(300px, 3fr) minmax(298px, 1fr);grid-auto-columns:25%;grid-auto-rows:max-content}.public-layout .grid .column-0{grid-row:1;grid-column:1}.public-layout .grid .column-1{grid-row:1;grid-column:2}@media screen and (max-width: 600px){.public-layout .grid{grid-template-columns:100%;grid-gap:0}.public-layout .grid .column-1{display:none}}.public-layout .directory__card{border-radius:4px}@media screen and (max-width: 415px){.public-layout .directory__card{border-radius:0}}@media screen and (max-width: 415px){.public-layout .page-header{border-bottom:0}}.public-layout .public-account-header{overflow:hidden;margin-bottom:10px;box-shadow:0 0 15px rgba(0,0,0,.2)}.public-layout .public-account-header.inactive{opacity:.5}.public-layout .public-account-header.inactive .public-account-header__image,.public-layout .public-account-header.inactive .avatar{filter:grayscale(100%)}.public-layout .public-account-header.inactive .logo-button{background-color:#d9e1e8}.public-layout .public-account-header__image{border-radius:4px 4px 0 0;overflow:hidden;height:300px;position:relative;background:#000}.public-layout .public-account-header__image::after{content:\"\";display:block;position:absolute;width:100%;height:100%;box-shadow:inset 0 -1px 1px 1px rgba(0,0,0,.15);top:0;left:0}.public-layout .public-account-header__image img{object-fit:cover;display:block;width:100%;height:100%;margin:0;border-radius:4px 4px 0 0}@media screen and (max-width: 600px){.public-layout .public-account-header__image{height:200px}}.public-layout .public-account-header--no-bar{margin-bottom:0}.public-layout .public-account-header--no-bar .public-account-header__image,.public-layout .public-account-header--no-bar .public-account-header__image img{border-radius:4px}@media screen and (max-width: 415px){.public-layout .public-account-header--no-bar .public-account-header__image,.public-layout .public-account-header--no-bar .public-account-header__image img{border-radius:0}}@media screen and (max-width: 415px){.public-layout .public-account-header{margin-bottom:0;box-shadow:none}.public-layout .public-account-header__image::after{display:none}.public-layout .public-account-header__image,.public-layout .public-account-header__image img{border-radius:0}}.public-layout .public-account-header__bar{position:relative;margin-top:-80px;display:flex;justify-content:flex-start}.public-layout .public-account-header__bar::before{content:\"\";display:block;background:#192432;position:absolute;bottom:0;left:0;right:0;height:60px;border-radius:0 0 4px 4px;z-index:-1}.public-layout .public-account-header__bar .avatar{display:block;width:120px;height:120px;padding-left:16px;flex:0 0 auto}.public-layout .public-account-header__bar .avatar img{display:block;width:100%;height:100%;margin:0;border-radius:50%;border:4px solid #192432;background:#040609}@media screen and (max-width: 600px){.public-layout .public-account-header__bar{margin-top:0;background:#192432;border-radius:0 0 4px 4px;padding:5px}.public-layout .public-account-header__bar::before{display:none}.public-layout .public-account-header__bar .avatar{width:48px;height:48px;padding:7px 0;padding-left:10px}.public-layout .public-account-header__bar .avatar img{border:0;border-radius:4px}}@media screen and (max-width: 600px)and (max-width: 360px){.public-layout .public-account-header__bar .avatar{display:none}}@media screen and (max-width: 415px){.public-layout .public-account-header__bar{border-radius:0}}@media screen and (max-width: 600px){.public-layout .public-account-header__bar{flex-wrap:wrap}}.public-layout .public-account-header__tabs{flex:1 1 auto;margin-left:20px}.public-layout .public-account-header__tabs__name{padding-top:20px;padding-bottom:8px}.public-layout .public-account-header__tabs__name h1{font-size:20px;line-height:27px;color:#fff;font-weight:500;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;text-shadow:1px 1px 1px #000}.public-layout .public-account-header__tabs__name h1 small{display:block;font-size:14px;color:#fff;font-weight:400;overflow:hidden;text-overflow:ellipsis}@media screen and (max-width: 600px){.public-layout .public-account-header__tabs{margin-left:15px;display:flex;justify-content:space-between;align-items:center}.public-layout .public-account-header__tabs__name{padding-top:0;padding-bottom:0}.public-layout .public-account-header__tabs__name h1{font-size:16px;line-height:24px;text-shadow:none}.public-layout .public-account-header__tabs__name h1 small{color:#9baec8}}.public-layout .public-account-header__tabs__tabs{display:flex;justify-content:flex-start;align-items:stretch;height:58px}.public-layout .public-account-header__tabs__tabs .details-counters{display:flex;flex-direction:row;min-width:300px}@media screen and (max-width: 600px){.public-layout .public-account-header__tabs__tabs .details-counters{display:none}}.public-layout .public-account-header__tabs__tabs .counter{min-width:33.3%;box-sizing:border-box;flex:0 0 auto;color:#9baec8;padding:10px;border-right:1px solid #192432;cursor:default;text-align:center;position:relative}.public-layout .public-account-header__tabs__tabs .counter a{display:block}.public-layout .public-account-header__tabs__tabs .counter:last-child{border-right:0}.public-layout .public-account-header__tabs__tabs .counter::after{display:block;content:\"\";position:absolute;bottom:0;left:0;width:100%;border-bottom:4px solid #9baec8;opacity:.5;transition:all 400ms ease}.public-layout .public-account-header__tabs__tabs .counter.active::after{border-bottom:4px solid #00007f;opacity:1}.public-layout .public-account-header__tabs__tabs .counter.active.inactive::after{border-bottom-color:#d9e1e8}.public-layout .public-account-header__tabs__tabs .counter:hover::after{opacity:1;transition-duration:100ms}.public-layout .public-account-header__tabs__tabs .counter a{text-decoration:none;color:inherit}.public-layout .public-account-header__tabs__tabs .counter .counter-label{font-size:12px;display:block}.public-layout .public-account-header__tabs__tabs .counter .counter-number{font-weight:500;font-size:18px;margin-bottom:5px;color:#fff;font-family:\"mastodon-font-display\",sans-serif}.public-layout .public-account-header__tabs__tabs .spacer{flex:1 1 auto;height:1px}.public-layout .public-account-header__tabs__tabs__buttons{padding:7px 8px}.public-layout .public-account-header__extra{display:none;margin-top:4px}.public-layout .public-account-header__extra .public-account-bio{border-radius:0;box-shadow:none;background:transparent;margin:0 -5px}.public-layout .public-account-header__extra .public-account-bio .account__header__fields{border-top:1px solid #26374d}.public-layout .public-account-header__extra .public-account-bio .roles{display:none}.public-layout .public-account-header__extra__links{margin-top:-15px;font-size:14px;color:#9baec8}.public-layout .public-account-header__extra__links a{display:inline-block;color:#9baec8;text-decoration:none;padding:15px;font-weight:500}.public-layout .public-account-header__extra__links a strong{font-weight:700;color:#fff}@media screen and (max-width: 600px){.public-layout .public-account-header__extra{display:block;flex:100%}}.public-layout .account__section-headline{border-radius:4px 4px 0 0}@media screen and (max-width: 415px){.public-layout .account__section-headline{border-radius:0}}.public-layout .detailed-status__meta{margin-top:25px}.public-layout .public-account-bio{background:#202e3f;box-shadow:0 0 15px rgba(0,0,0,.2);border-radius:4px;overflow:hidden;margin-bottom:10px}@media screen and (max-width: 415px){.public-layout .public-account-bio{box-shadow:none;margin-bottom:0;border-radius:0}}.public-layout .public-account-bio .account__header__fields{margin:0;border-top:0}.public-layout .public-account-bio .account__header__fields a{color:#0000a8}.public-layout .public-account-bio .account__header__fields dl:first-child .verified{border-radius:0 4px 0 0}.public-layout .public-account-bio .account__header__fields .verified a{color:#79bd9a}.public-layout .public-account-bio .account__header__content{padding:20px;padding-bottom:0;color:#fff}.public-layout .public-account-bio__extra,.public-layout .public-account-bio .roles{padding:20px;font-size:14px;color:#9baec8}.public-layout .public-account-bio .roles{padding-bottom:0}.public-layout .directory__list{display:grid;grid-gap:10px;grid-template-columns:minmax(0, 50%) minmax(0, 50%)}@media screen and (max-width: 415px){.public-layout .directory__list{display:block}}.public-layout .directory__list .icon-button{font-size:18px}.public-layout .directory__card{margin-bottom:0}.public-layout .card-grid{display:flex;flex-wrap:wrap;min-width:100%;margin:0 -5px}.public-layout .card-grid>div{box-sizing:border-box;flex:1 0 auto;width:300px;padding:0 5px;margin-bottom:10px;max-width:33.333%}@media screen and (max-width: 900px){.public-layout .card-grid>div{max-width:50%}}@media screen and (max-width: 600px){.public-layout .card-grid>div{max-width:100%}}@media screen and (max-width: 415px){.public-layout .card-grid{margin:0;border-top:1px solid #202e3f}.public-layout .card-grid>div{width:100%;padding:0;margin-bottom:0;border-bottom:1px solid #202e3f}.public-layout .card-grid>div:last-child{border-bottom:0}.public-layout .card-grid>div .card__bar{background:#121a24}.public-layout .card-grid>div .card__bar:hover,.public-layout .card-grid>div .card__bar:active,.public-layout .card-grid>div .card__bar:focus{background:#192432}}.no-list{list-style:none}.no-list li{display:inline-block;margin:0 5px}.recovery-codes{list-style:none;margin:0 auto}.recovery-codes li{font-size:125%;line-height:1.5;letter-spacing:1px}.public-layout .footer{text-align:left;padding-top:20px;padding-bottom:60px;font-size:12px;color:#4c6d98}@media screen and (max-width: 415px){.public-layout .footer{padding-left:20px;padding-right:20px}}.public-layout .footer .grid{display:grid;grid-gap:10px;grid-template-columns:1fr 1fr 2fr 1fr 1fr}.public-layout .footer .grid .column-0{grid-column:1;grid-row:1;min-width:0}.public-layout .footer .grid .column-1{grid-column:2;grid-row:1;min-width:0}.public-layout .footer .grid .column-2{grid-column:3;grid-row:1;min-width:0;text-align:center}.public-layout .footer .grid .column-2 h4 a{color:#4c6d98}.public-layout .footer .grid .column-3{grid-column:4;grid-row:1;min-width:0}.public-layout .footer .grid .column-4{grid-column:5;grid-row:1;min-width:0}@media screen and (max-width: 690px){.public-layout .footer .grid{grid-template-columns:1fr 2fr 1fr}.public-layout .footer .grid .column-0,.public-layout .footer .grid .column-1{grid-column:1}.public-layout .footer .grid .column-1{grid-row:2}.public-layout .footer .grid .column-2{grid-column:2}.public-layout .footer .grid .column-3,.public-layout .footer .grid .column-4{grid-column:3}.public-layout .footer .grid .column-4{grid-row:2}}@media screen and (max-width: 600px){.public-layout .footer .grid .column-1{display:block}}@media screen and (max-width: 415px){.public-layout .footer .grid .column-0,.public-layout .footer .grid .column-1,.public-layout .footer .grid .column-3,.public-layout .footer .grid .column-4{display:none}}.public-layout .footer h4{text-transform:uppercase;font-weight:700;margin-bottom:8px;color:#9baec8}.public-layout .footer h4 a{color:inherit;text-decoration:none}.public-layout .footer ul a{text-decoration:none;color:#4c6d98}.public-layout .footer ul a:hover,.public-layout .footer ul a:active,.public-layout .footer ul a:focus{text-decoration:underline}.public-layout .footer .brand svg{display:block;height:36px;width:auto;margin:0 auto;fill:#4c6d98}.public-layout .footer .brand:hover svg,.public-layout .footer .brand:focus svg,.public-layout .footer .brand:active svg{fill:#5377a5}.compact-header h1{font-size:24px;line-height:28px;color:#9baec8;font-weight:500;margin-bottom:20px;padding:0 10px;word-wrap:break-word}@media screen and (max-width: 740px){.compact-header h1{text-align:center;padding:20px 10px 0}}.compact-header h1 a{color:inherit;text-decoration:none}.compact-header h1 small{font-weight:400;color:#d9e1e8}.compact-header h1 img{display:inline-block;margin-bottom:-5px;margin-right:15px;width:36px;height:36px}.hero-widget{margin-bottom:10px;box-shadow:0 0 15px rgba(0,0,0,.2)}.hero-widget__img{width:100%;position:relative;overflow:hidden;border-radius:4px 4px 0 0;background:#000}.hero-widget__img img{object-fit:cover;display:block;width:100%;height:100%;margin:0;border-radius:4px 4px 0 0}.hero-widget__text{background:#121a24;padding:20px;border-radius:0 0 4px 4px;font-size:15px;color:#9baec8;line-height:20px;word-wrap:break-word;font-weight:400}.hero-widget__text .emojione{width:20px;height:20px;margin:-3px 0 0}.hero-widget__text p{margin-bottom:20px}.hero-widget__text p:last-child{margin-bottom:0}.hero-widget__text em{display:inline;margin:0;padding:0;font-weight:700;background:transparent;font-family:inherit;font-size:inherit;line-height:inherit;color:#bcc9da}.hero-widget__text a{color:#d9e1e8;text-decoration:none}.hero-widget__text a:hover{text-decoration:underline}@media screen and (max-width: 415px){.hero-widget{display:none}}.endorsements-widget{margin-bottom:10px;padding-bottom:10px}.endorsements-widget h4{padding:10px;text-transform:uppercase;font-weight:700;font-size:13px;color:#9baec8}.endorsements-widget .account{padding:10px 0}.endorsements-widget .account:last-child{border-bottom:0}.endorsements-widget .account .account__display-name{display:flex;align-items:center}.endorsements-widget .account .account__avatar{width:44px;height:44px;background-size:44px 44px}.endorsements-widget .trends__item{padding:10px}.trends-widget h4{color:#9baec8}.box-widget{padding:20px;border-radius:4px;background:#121a24;box-shadow:0 0 15px rgba(0,0,0,.2)}.placeholder-widget{padding:16px;border-radius:4px;border:2px dashed #404040;text-align:center;color:#9baec8;margin-bottom:10px}.contact-widget{min-height:100%;font-size:15px;color:#9baec8;line-height:20px;word-wrap:break-word;font-weight:400;padding:0}.contact-widget h4{padding:10px;text-transform:uppercase;font-weight:700;font-size:13px;color:#9baec8}.contact-widget .account{border-bottom:0;padding:10px 0;padding-top:5px}.contact-widget>a{display:inline-block;padding:10px;padding-top:0;color:#9baec8;text-decoration:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.contact-widget>a:hover,.contact-widget>a:focus,.contact-widget>a:active{text-decoration:underline}.moved-account-widget{padding:15px;padding-bottom:20px;border-radius:4px;background:#121a24;box-shadow:0 0 15px rgba(0,0,0,.2);color:#d9e1e8;font-weight:400;margin-bottom:10px}.moved-account-widget strong,.moved-account-widget a{font-weight:500}.moved-account-widget strong:lang(ja),.moved-account-widget a:lang(ja){font-weight:700}.moved-account-widget strong:lang(ko),.moved-account-widget a:lang(ko){font-weight:700}.moved-account-widget strong:lang(zh-CN),.moved-account-widget a:lang(zh-CN){font-weight:700}.moved-account-widget strong:lang(zh-HK),.moved-account-widget a:lang(zh-HK){font-weight:700}.moved-account-widget strong:lang(zh-TW),.moved-account-widget a:lang(zh-TW){font-weight:700}.moved-account-widget a{color:inherit;text-decoration:underline}.moved-account-widget a.mention{text-decoration:none}.moved-account-widget a.mention span{text-decoration:none}.moved-account-widget a.mention:focus,.moved-account-widget a.mention:hover,.moved-account-widget a.mention:active{text-decoration:none}.moved-account-widget a.mention:focus span,.moved-account-widget a.mention:hover span,.moved-account-widget a.mention:active span{text-decoration:underline}.moved-account-widget__message{margin-bottom:15px}.moved-account-widget__message .fa{margin-right:5px;color:#9baec8}.moved-account-widget__card .detailed-status__display-avatar{position:relative;cursor:pointer}.moved-account-widget__card .detailed-status__display-name{margin-bottom:0;text-decoration:none}.moved-account-widget__card .detailed-status__display-name span{font-weight:400}.memoriam-widget{padding:20px;border-radius:4px;background:#000;box-shadow:0 0 15px rgba(0,0,0,.2);font-size:14px;color:#9baec8;margin-bottom:10px}.page-header{background:#202e3f;box-shadow:0 0 15px rgba(0,0,0,.2);border-radius:4px;padding:60px 15px;text-align:center;margin:10px 0}.page-header h1{color:#fff;font-size:36px;line-height:1.1;font-weight:700;margin-bottom:10px}.page-header p{font-size:15px;color:#9baec8}@media screen and (max-width: 415px){.page-header{margin-top:0;background:#192432}.page-header h1{font-size:24px}}.directory{background:#121a24;border-radius:4px;box-shadow:0 0 15px rgba(0,0,0,.2)}.directory__tag{box-sizing:border-box;margin-bottom:10px}.directory__tag>a,.directory__tag>div{display:flex;align-items:center;justify-content:space-between;background:#121a24;border-radius:4px;padding:15px;text-decoration:none;color:inherit;box-shadow:0 0 15px rgba(0,0,0,.2)}.directory__tag>a:hover,.directory__tag>a:active,.directory__tag>a:focus{background:#202e3f}.directory__tag.active>a{background:#00007f;cursor:default}.directory__tag.disabled>div{opacity:.5;cursor:default}.directory__tag h4{flex:1 1 auto;font-size:18px;font-weight:700;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.directory__tag h4 .fa{color:#9baec8}.directory__tag h4 small{display:block;font-weight:400;font-size:15px;margin-top:8px;color:#9baec8}.directory__tag.active h4,.directory__tag.active h4 .fa,.directory__tag.active h4 small,.directory__tag.active h4 .trends__item__current{color:#fff}.directory__tag .avatar-stack{flex:0 0 auto;width:120px}.directory__tag.active .avatar-stack .account__avatar{border-color:#00007f}.directory__tag .trends__item__current{padding-right:0}.avatar-stack{display:flex;justify-content:flex-end}.avatar-stack .account__avatar{flex:0 0 auto;width:36px;height:36px;border-radius:50%;position:relative;margin-left:-10px;background:#040609;border:2px solid #121a24}.avatar-stack .account__avatar:nth-child(1){z-index:1}.avatar-stack .account__avatar:nth-child(2){z-index:2}.avatar-stack .account__avatar:nth-child(3){z-index:3}.accounts-table{width:100%}.accounts-table .account{padding:0;border:0}.accounts-table strong{font-weight:700}.accounts-table thead th{text-align:center;text-transform:uppercase;color:#9baec8;font-weight:700;padding:10px}.accounts-table thead th:first-child{text-align:left}.accounts-table tbody td{padding:15px 0;vertical-align:middle;border-bottom:1px solid #202e3f}.accounts-table tbody tr:last-child td{border-bottom:0}.accounts-table__count{width:120px;text-align:center;font-size:15px;font-weight:500;color:#fff}.accounts-table__count small{display:block;color:#9baec8;font-weight:400;font-size:14px}.accounts-table__comment{width:50%;vertical-align:initial !important}@media screen and (max-width: 415px){.accounts-table tbody td.optional{display:none}}@media screen and (max-width: 415px){.moved-account-widget,.memoriam-widget,.box-widget,.contact-widget,.landing-page__information.contact-widget,.directory,.page-header{margin-bottom:0;box-shadow:none;border-radius:0}}.statuses-grid{min-height:600px}@media screen and (max-width: 640px){.statuses-grid{width:100% !important}}.statuses-grid__item{width:313.3333333333px}@media screen and (max-width: 1255px){.statuses-grid__item{width:306.6666666667px}}@media screen and (max-width: 640px){.statuses-grid__item{width:100%}}@media screen and (max-width: 415px){.statuses-grid__item{width:100vw}}.statuses-grid .detailed-status{border-radius:4px}@media screen and (max-width: 415px){.statuses-grid .detailed-status{border-top:1px solid #2d415a}}.statuses-grid .detailed-status.compact .detailed-status__meta{margin-top:15px}.statuses-grid .detailed-status.compact .status__content{font-size:15px;line-height:20px}.statuses-grid .detailed-status.compact .status__content .emojione{width:20px;height:20px;margin:-3px 0 0}.statuses-grid .detailed-status.compact .status__content .status__content__spoiler-link{line-height:20px;margin:0}.statuses-grid .detailed-status.compact .media-gallery,.statuses-grid .detailed-status.compact .status-card,.statuses-grid .detailed-status.compact .video-player{margin-top:15px}.notice-widget{margin-bottom:10px;color:#9baec8}.notice-widget p{margin-bottom:10px}.notice-widget p:last-child{margin-bottom:0}.notice-widget a{font-size:14px;line-height:20px}.notice-widget a,.placeholder-widget a{text-decoration:none;font-weight:500;color:#00007f}.notice-widget a:hover,.notice-widget a:focus,.notice-widget a:active,.placeholder-widget a:hover,.placeholder-widget a:focus,.placeholder-widget a:active{text-decoration:underline}.table-of-contents{background:#0b1016;min-height:100%;font-size:14px;border-radius:4px}.table-of-contents li a{display:block;font-weight:500;padding:15px;overflow:hidden;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-decoration:none;color:#fff;border-bottom:1px solid #192432}.table-of-contents li a:hover,.table-of-contents li a:focus,.table-of-contents li a:active{text-decoration:underline}.table-of-contents li:last-child a{border-bottom:0}.table-of-contents li ul{padding-left:20px;border-bottom:1px solid #192432}code{font-family:\"mastodon-font-monospace\",monospace;font-weight:400}.form-container{max-width:400px;padding:20px;margin:0 auto}.simple_form .input{margin-bottom:15px;overflow:hidden}.simple_form .input.hidden{margin:0}.simple_form .input.radio_buttons .radio{margin-bottom:15px}.simple_form .input.radio_buttons .radio:last-child{margin-bottom:0}.simple_form .input.radio_buttons .radio>label{position:relative;padding-left:28px}.simple_form .input.radio_buttons .radio>label input{position:absolute;top:-2px;left:0}.simple_form .input.boolean{position:relative;margin-bottom:0}.simple_form .input.boolean .label_input>label{font-family:inherit;font-size:14px;padding-top:5px;color:#fff;display:block;width:auto}.simple_form .input.boolean .label_input,.simple_form .input.boolean .hint{padding-left:28px}.simple_form .input.boolean .label_input__wrapper{position:static}.simple_form .input.boolean label.checkbox{position:absolute;top:2px;left:0}.simple_form .input.boolean label a{color:#00007f;text-decoration:underline}.simple_form .input.boolean label a:hover,.simple_form .input.boolean label a:active,.simple_form .input.boolean label a:focus{text-decoration:none}.simple_form .input.boolean .recommended{position:absolute;margin:0 4px;margin-top:-2px}.simple_form .row{display:flex;margin:0 -5px}.simple_form .row .input{box-sizing:border-box;flex:1 1 auto;width:50%;padding:0 5px}.simple_form .hint{color:#9baec8}.simple_form .hint a{color:#00007f}.simple_form .hint code{border-radius:3px;padding:.2em .4em;background:#000}.simple_form .hint li{list-style:disc;margin-left:18px}.simple_form ul.hint{margin-bottom:15px}.simple_form span.hint{display:block;font-size:12px;margin-top:4px}.simple_form p.hint{margin-bottom:15px;color:#9baec8}.simple_form p.hint.subtle-hint{text-align:center;font-size:12px;line-height:18px;margin-top:15px;margin-bottom:0}.simple_form .card{margin-bottom:15px}.simple_form strong{font-weight:500}.simple_form strong:lang(ja){font-weight:700}.simple_form strong:lang(ko){font-weight:700}.simple_form strong:lang(zh-CN){font-weight:700}.simple_form strong:lang(zh-HK){font-weight:700}.simple_form strong:lang(zh-TW){font-weight:700}.simple_form .input.with_floating_label .label_input{display:flex}.simple_form .input.with_floating_label .label_input>label{font-family:inherit;font-size:14px;color:#fff;font-weight:500;min-width:150px;flex:0 0 auto}.simple_form .input.with_floating_label .label_input input,.simple_form .input.with_floating_label .label_input select{flex:1 1 auto}.simple_form .input.with_floating_label.select .hint{margin-top:6px;margin-left:150px}.simple_form .input.with_label .label_input>label{font-family:inherit;font-size:14px;color:#fff;display:block;margin-bottom:8px;word-wrap:break-word;font-weight:500}.simple_form .input.with_label .hint{margin-top:6px}.simple_form .input.with_label ul{flex:390px}.simple_form .input.with_block_label{max-width:none}.simple_form .input.with_block_label>label{font-family:inherit;font-size:16px;color:#fff;display:block;font-weight:500;padding-top:5px}.simple_form .input.with_block_label .hint{margin-bottom:15px}.simple_form .input.with_block_label ul{columns:2}.simple_form .input.datetime .label_input select{display:inline-block;width:auto;flex:0}.simple_form .required abbr{text-decoration:none;color:#e87487}.simple_form .fields-group{margin-bottom:25px}.simple_form .fields-group .input:last-child{margin-bottom:0}.simple_form .fields-row{display:flex;margin:0 -10px;padding-top:5px;margin-bottom:25px}.simple_form .fields-row .input{max-width:none}.simple_form .fields-row__column{box-sizing:border-box;padding:0 10px;flex:1 1 auto;min-height:1px}.simple_form .fields-row__column-6{max-width:50%}.simple_form .fields-row__column .actions{margin-top:27px}.simple_form .fields-row .fields-group:last-child,.simple_form .fields-row .fields-row__column.fields-group{margin-bottom:0}@media screen and (max-width: 600px){.simple_form .fields-row{display:block;margin-bottom:0}.simple_form .fields-row__column{max-width:none}.simple_form .fields-row .fields-group:last-child,.simple_form .fields-row .fields-row__column.fields-group,.simple_form .fields-row .fields-row__column{margin-bottom:25px}}.simple_form .input.radio_buttons .radio label{margin-bottom:5px;font-family:inherit;font-size:14px;color:#fff;display:block;width:auto}.simple_form .check_boxes .checkbox label{font-family:inherit;font-size:14px;color:#fff;display:inline-block;width:auto;position:relative;padding-top:5px;padding-left:25px;flex:1 1 auto}.simple_form .check_boxes .checkbox input[type=checkbox]{position:absolute;left:0;top:5px;margin:0}.simple_form .input.static .label_input__wrapper{font-size:16px;padding:10px;border:1px solid #404040;border-radius:4px}.simple_form input[type=text],.simple_form input[type=number],.simple_form input[type=email],.simple_form input[type=password],.simple_form textarea{box-sizing:border-box;font-size:16px;color:#fff;display:block;width:100%;outline:0;font-family:inherit;resize:vertical;background:#010102;border:1px solid #000;border-radius:4px;padding:10px}.simple_form input[type=text]::placeholder,.simple_form input[type=number]::placeholder,.simple_form input[type=email]::placeholder,.simple_form input[type=password]::placeholder,.simple_form textarea::placeholder{color:#a8b9cf}.simple_form input[type=text]:invalid,.simple_form input[type=number]:invalid,.simple_form input[type=email]:invalid,.simple_form input[type=password]:invalid,.simple_form textarea:invalid{box-shadow:none}.simple_form input[type=text]:focus:invalid:not(:placeholder-shown),.simple_form input[type=number]:focus:invalid:not(:placeholder-shown),.simple_form input[type=email]:focus:invalid:not(:placeholder-shown),.simple_form input[type=password]:focus:invalid:not(:placeholder-shown),.simple_form textarea:focus:invalid:not(:placeholder-shown){border-color:#e87487}.simple_form input[type=text]:required:valid,.simple_form input[type=number]:required:valid,.simple_form input[type=email]:required:valid,.simple_form input[type=password]:required:valid,.simple_form textarea:required:valid{border-color:#79bd9a}.simple_form input[type=text]:hover,.simple_form input[type=number]:hover,.simple_form input[type=email]:hover,.simple_form input[type=password]:hover,.simple_form textarea:hover{border-color:#000}.simple_form input[type=text]:active,.simple_form input[type=text]:focus,.simple_form input[type=number]:active,.simple_form input[type=number]:focus,.simple_form input[type=email]:active,.simple_form input[type=email]:focus,.simple_form input[type=password]:active,.simple_form input[type=password]:focus,.simple_form textarea:active,.simple_form textarea:focus{border-color:#00007f;background:#040609}.simple_form .input.field_with_errors label{color:#e87487}.simple_form .input.field_with_errors input[type=text],.simple_form .input.field_with_errors input[type=number],.simple_form .input.field_with_errors input[type=email],.simple_form .input.field_with_errors input[type=password],.simple_form .input.field_with_errors textarea,.simple_form .input.field_with_errors select{border-color:#e87487}.simple_form .input.field_with_errors .error{display:block;font-weight:500;color:#e87487;margin-top:4px}.simple_form .input.disabled{opacity:.5}.simple_form .actions{margin-top:30px;display:flex}.simple_form .actions.actions--top{margin-top:0;margin-bottom:30px}.simple_form button,.simple_form .button,.simple_form .block-button{display:block;width:100%;border:0;border-radius:4px;background:#00007f;color:#fff;font-size:18px;line-height:inherit;height:auto;padding:10px;text-transform:uppercase;text-decoration:none;text-align:center;box-sizing:border-box;cursor:pointer;font-weight:500;outline:0;margin-bottom:10px;margin-right:10px}.simple_form button:last-child,.simple_form .button:last-child,.simple_form .block-button:last-child{margin-right:0}.simple_form button:hover,.simple_form .button:hover,.simple_form .block-button:hover{background-color:#009}.simple_form button:active,.simple_form button:focus,.simple_form .button:active,.simple_form .button:focus,.simple_form .block-button:active,.simple_form .block-button:focus{background-color:#006}.simple_form button:disabled:hover,.simple_form .button:disabled:hover,.simple_form .block-button:disabled:hover{background-color:#9baec8}.simple_form button.negative,.simple_form .button.negative,.simple_form .block-button.negative{background:#df405a}.simple_form button.negative:hover,.simple_form .button.negative:hover,.simple_form .block-button.negative:hover{background-color:#e3566d}.simple_form button.negative:active,.simple_form button.negative:focus,.simple_form .button.negative:active,.simple_form .button.negative:focus,.simple_form .block-button.negative:active,.simple_form .block-button.negative:focus{background-color:#db2a47}.simple_form select{appearance:none;box-sizing:border-box;font-size:16px;color:#fff;display:block;width:100%;outline:0;font-family:inherit;resize:vertical;background:#010102 url(\"data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14.933 18.467' height='19.698' width='15.929'><path d='M3.467 14.967l-3.393-3.5H14.86l-3.392 3.5c-1.866 1.925-3.666 3.5-4 3.5-.335 0-2.135-1.575-4-3.5zm.266-11.234L7.467 0 11.2 3.733l3.733 3.734H0l3.733-3.734z' fill='%2326374D'/></svg>\") no-repeat right 8px center/auto 16px;border:1px solid #000;border-radius:4px;padding-left:10px;padding-right:30px;height:41px}.simple_form h4{margin-bottom:15px !important}.simple_form .label_input__wrapper{position:relative}.simple_form .label_input__append{position:absolute;right:3px;top:1px;padding:10px;padding-bottom:9px;font-size:16px;color:#404040;font-family:inherit;pointer-events:none;cursor:default;max-width:140px;white-space:nowrap;overflow:hidden}.simple_form .label_input__append::after{content:\"\";display:block;position:absolute;top:0;right:0;bottom:1px;width:5px;background-image:linear-gradient(to right, rgba(1, 1, 2, 0), #010102)}.simple_form__overlay-area{position:relative}.simple_form__overlay-area__blurred form{filter:blur(2px)}.simple_form__overlay-area__overlay{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;justify-content:center;align-items:center;background:rgba(18,26,36,.65);border-radius:4px;margin-left:-4px;margin-top:-4px;padding:4px}.simple_form__overlay-area__overlay__content{text-align:center}.simple_form__overlay-area__overlay__content.rich-formatting,.simple_form__overlay-area__overlay__content.rich-formatting p{color:#fff}.block-icon{display:block;margin:0 auto;margin-bottom:10px;font-size:24px}.flash-message{background:#202e3f;color:#9baec8;border-radius:4px;padding:15px 10px;margin-bottom:30px;text-align:center}.flash-message.notice{border:1px solid rgba(121,189,154,.5);background:rgba(121,189,154,.25);color:#79bd9a}.flash-message.alert{border:1px solid rgba(223,64,90,.5);background:rgba(223,64,90,.25);color:#df405a}.flash-message a{display:inline-block;color:#9baec8;text-decoration:none}.flash-message a:hover{color:#fff;text-decoration:underline}.flash-message p{margin-bottom:15px}.flash-message .oauth-code{outline:0;box-sizing:border-box;display:block;width:100%;border:0;padding:10px;font-family:\"mastodon-font-monospace\",monospace;background:#121a24;color:#fff;font-size:14px;margin:0}.flash-message .oauth-code::-moz-focus-inner{border:0}.flash-message .oauth-code::-moz-focus-inner,.flash-message .oauth-code:focus,.flash-message .oauth-code:active{outline:0 !important}.flash-message .oauth-code:focus{background:#192432}.flash-message strong{font-weight:500}.flash-message strong:lang(ja){font-weight:700}.flash-message strong:lang(ko){font-weight:700}.flash-message strong:lang(zh-CN){font-weight:700}.flash-message strong:lang(zh-HK){font-weight:700}.flash-message strong:lang(zh-TW){font-weight:700}@media screen and (max-width: 740px)and (min-width: 441px){.flash-message{margin-top:40px}}.form-footer{margin-top:30px;text-align:center}.form-footer a{color:#9baec8;text-decoration:none}.form-footer a:hover{text-decoration:underline}.quick-nav{list-style:none;margin-bottom:25px;font-size:14px}.quick-nav li{display:inline-block;margin-right:10px}.quick-nav a{color:#00007f;text-transform:uppercase;text-decoration:none;font-weight:700}.quick-nav a:hover,.quick-nav a:focus,.quick-nav a:active{color:#0000a8}.oauth-prompt,.follow-prompt{margin-bottom:30px;color:#9baec8}.oauth-prompt h2,.follow-prompt h2{font-size:16px;margin-bottom:30px;text-align:center}.oauth-prompt strong,.follow-prompt strong{color:#d9e1e8;font-weight:500}.oauth-prompt strong:lang(ja),.follow-prompt strong:lang(ja){font-weight:700}.oauth-prompt strong:lang(ko),.follow-prompt strong:lang(ko){font-weight:700}.oauth-prompt strong:lang(zh-CN),.follow-prompt strong:lang(zh-CN){font-weight:700}.oauth-prompt strong:lang(zh-HK),.follow-prompt strong:lang(zh-HK){font-weight:700}.oauth-prompt strong:lang(zh-TW),.follow-prompt strong:lang(zh-TW){font-weight:700}@media screen and (max-width: 740px)and (min-width: 441px){.oauth-prompt,.follow-prompt{margin-top:40px}}.qr-wrapper{display:flex;flex-wrap:wrap;align-items:flex-start}.qr-code{flex:0 0 auto;background:#fff;padding:4px;margin:0 10px 20px 0;box-shadow:0 0 15px rgba(0,0,0,.2);display:inline-block}.qr-code svg{display:block;margin:0}.qr-alternative{margin-bottom:20px;color:#d9e1e8;flex:150px}.qr-alternative samp{display:block;font-size:14px}.table-form p{margin-bottom:15px}.table-form p strong{font-weight:500}.table-form p strong:lang(ja){font-weight:700}.table-form p strong:lang(ko){font-weight:700}.table-form p strong:lang(zh-CN){font-weight:700}.table-form p strong:lang(zh-HK){font-weight:700}.table-form p strong:lang(zh-TW){font-weight:700}.simple_form .warning,.table-form .warning{box-sizing:border-box;background:rgba(223,64,90,.5);color:#fff;text-shadow:1px 1px 0 rgba(0,0,0,.3);box-shadow:0 2px 6px rgba(0,0,0,.4);border-radius:4px;padding:10px;margin-bottom:15px}.simple_form .warning a,.table-form .warning a{color:#fff;text-decoration:underline}.simple_form .warning a:hover,.simple_form .warning a:focus,.simple_form .warning a:active,.table-form .warning a:hover,.table-form .warning a:focus,.table-form .warning a:active{text-decoration:none}.simple_form .warning strong,.table-form .warning strong{font-weight:600;display:block;margin-bottom:5px}.simple_form .warning strong:lang(ja),.table-form .warning strong:lang(ja){font-weight:700}.simple_form .warning strong:lang(ko),.table-form .warning strong:lang(ko){font-weight:700}.simple_form .warning strong:lang(zh-CN),.table-form .warning strong:lang(zh-CN){font-weight:700}.simple_form .warning strong:lang(zh-HK),.table-form .warning strong:lang(zh-HK){font-weight:700}.simple_form .warning strong:lang(zh-TW),.table-form .warning strong:lang(zh-TW){font-weight:700}.simple_form .warning strong .fa,.table-form .warning strong .fa{font-weight:400}.action-pagination{display:flex;flex-wrap:wrap;align-items:center}.action-pagination .actions,.action-pagination .pagination{flex:1 1 auto}.action-pagination .actions{padding:30px 0;padding-right:20px;flex:0 0 auto}.post-follow-actions{text-align:center;color:#9baec8}.post-follow-actions div{margin-bottom:4px}.alternative-login{margin-top:20px;margin-bottom:20px}.alternative-login h4{font-size:16px;color:#fff;text-align:center;margin-bottom:20px;border:0;padding:0}.alternative-login .button{display:block}.scope-danger{color:#ff5050}.form_admin_settings_site_short_description textarea,.form_admin_settings_site_description textarea,.form_admin_settings_site_extended_description textarea,.form_admin_settings_site_terms textarea,.form_admin_settings_custom_css textarea,.form_admin_settings_closed_registrations_message textarea{font-family:\"mastodon-font-monospace\",monospace}.input-copy{background:#010102;border:1px solid #000;border-radius:4px;display:flex;align-items:center;padding-right:4px;position:relative;top:1px;transition:border-color 300ms linear}.input-copy__wrapper{flex:1 1 auto}.input-copy input[type=text]{background:transparent;border:0;padding:10px;font-size:14px;font-family:\"mastodon-font-monospace\",monospace}.input-copy button{flex:0 0 auto;margin:4px;text-transform:none;font-weight:400;font-size:14px;padding:7px 18px;padding-bottom:6px;width:auto;transition:background 300ms linear}.input-copy.copied{border-color:#79bd9a;transition:none}.input-copy.copied button{background:#79bd9a;transition:none}.connection-prompt{margin-bottom:25px}.connection-prompt .fa-link{background-color:#0b1016;border-radius:100%;font-size:24px;padding:10px}.connection-prompt__column{align-items:center;display:flex;flex:1;flex-direction:column;flex-shrink:1;max-width:50%}.connection-prompt__column-sep{align-self:center;flex-grow:0;overflow:visible;position:relative;z-index:1}.connection-prompt__column p{word-break:break-word}.connection-prompt .account__avatar{margin-bottom:20px}.connection-prompt__connection{background-color:#202e3f;box-shadow:0 0 15px rgba(0,0,0,.2);border-radius:4px;padding:25px 10px;position:relative;text-align:center}.connection-prompt__connection::after{background-color:#0b1016;content:\"\";display:block;height:100%;left:50%;position:absolute;top:0;width:1px}.connection-prompt__row{align-items:flex-start;display:flex;flex-direction:row}.card>a{display:block;text-decoration:none;color:inherit;box-shadow:0 0 15px rgba(0,0,0,.2)}@media screen and (max-width: 415px){.card>a{box-shadow:none}}.card>a:hover .card__bar,.card>a:active .card__bar,.card>a:focus .card__bar{background:#202e3f}.card__img{height:130px;position:relative;background:#000;border-radius:4px 4px 0 0}.card__img img{display:block;width:100%;height:100%;margin:0;object-fit:cover;border-radius:4px 4px 0 0}@media screen and (max-width: 600px){.card__img{height:200px}}@media screen and (max-width: 415px){.card__img{display:none}}.card__bar{position:relative;padding:15px;display:flex;justify-content:flex-start;align-items:center;background:#192432;border-radius:0 0 4px 4px}@media screen and (max-width: 415px){.card__bar{border-radius:0}}.card__bar .avatar{flex:0 0 auto;width:48px;height:48px;padding-top:2px}.card__bar .avatar img{width:100%;height:100%;display:block;margin:0;border-radius:4px;background:#040609;object-fit:cover}.card__bar .display-name{margin-left:15px;text-align:left}.card__bar .display-name strong{font-size:15px;color:#fff;font-weight:500;overflow:hidden;text-overflow:ellipsis}.card__bar .display-name span{display:block;font-size:14px;color:#9baec8;font-weight:400;overflow:hidden;text-overflow:ellipsis}.pagination{padding:30px 0;text-align:center;overflow:hidden}.pagination a,.pagination .current,.pagination .newer,.pagination .older,.pagination .page,.pagination .gap{font-size:14px;color:#fff;font-weight:500;display:inline-block;padding:6px 10px;text-decoration:none}.pagination .current{background:#fff;border-radius:100px;color:#121a24;cursor:default;margin:0 10px}.pagination .gap{cursor:default}.pagination .older,.pagination .newer{text-transform:uppercase;color:#d9e1e8}.pagination .older{float:left;padding-left:0}.pagination .older .fa{display:inline-block;margin-right:5px}.pagination .newer{float:right;padding-right:0}.pagination .newer .fa{display:inline-block;margin-left:5px}.pagination .disabled{cursor:default;color:#233346}@media screen and (max-width: 700px){.pagination{padding:30px 20px}.pagination .page{display:none}.pagination .newer,.pagination .older{display:inline-block}}.nothing-here{background:#121a24;box-shadow:0 0 15px rgba(0,0,0,.2);color:#9baec8;font-size:14px;font-weight:500;text-align:center;display:flex;justify-content:center;align-items:center;cursor:default;border-radius:4px;padding:20px;min-height:30vh}.nothing-here--under-tabs{border-radius:0 0 4px 4px}.nothing-here--flexible{box-sizing:border-box;min-height:100%}.account-role,.simple_form .recommended{display:inline-block;padding:4px 6px;cursor:default;border-radius:3px;font-size:12px;line-height:12px;font-weight:500;color:#d9e1e8;background-color:rgba(217,225,232,.1);border:1px solid rgba(217,225,232,.5)}.account-role.moderator,.simple_form .recommended.moderator{color:#79bd9a;background-color:rgba(121,189,154,.1);border-color:rgba(121,189,154,.5)}.account-role.admin,.simple_form .recommended.admin{color:#e87487;background-color:rgba(232,116,135,.1);border-color:rgba(232,116,135,.5)}.account__header__fields{max-width:100vw;padding:0;margin:15px -15px -15px;border:0 none;border-top:1px solid #26374d;border-bottom:1px solid #26374d;font-size:14px;line-height:20px}.account__header__fields dl{display:flex;border-bottom:1px solid #26374d}.account__header__fields dt,.account__header__fields dd{box-sizing:border-box;padding:14px;text-align:center;max-height:48px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.account__header__fields dt{font-weight:500;width:120px;flex:0 0 auto;color:#d9e1e8;background:rgba(4,6,9,.5)}.account__header__fields dd{flex:1 1 auto;color:#9baec8}.account__header__fields a{color:#00007f;text-decoration:none}.account__header__fields a:hover,.account__header__fields a:focus,.account__header__fields a:active{text-decoration:underline}.account__header__fields .verified{border:1px solid rgba(121,189,154,.5);background:rgba(121,189,154,.25)}.account__header__fields .verified a{color:#79bd9a;font-weight:500}.account__header__fields .verified__mark{color:#79bd9a}.account__header__fields dl:last-child{border-bottom:0}.directory__tag .trends__item__current{width:auto}.pending-account__header{color:#9baec8}.pending-account__header a{color:#d9e1e8;text-decoration:none}.pending-account__header a:hover,.pending-account__header a:active,.pending-account__header a:focus{text-decoration:underline}.pending-account__header strong{color:#fff;font-weight:700}.pending-account__body{margin-top:10px}.activity-stream{box-shadow:0 0 15px rgba(0,0,0,.2);border-radius:4px;overflow:hidden;margin-bottom:10px}.activity-stream--under-tabs{border-radius:0 0 4px 4px}@media screen and (max-width: 415px){.activity-stream{margin-bottom:0;border-radius:0;box-shadow:none}}.activity-stream--headless{border-radius:0;margin:0;box-shadow:none}.activity-stream--headless .detailed-status,.activity-stream--headless .status{border-radius:0 !important}.activity-stream div[data-component]{width:100%}.activity-stream .entry{background:#121a24}.activity-stream .entry .detailed-status,.activity-stream .entry .status,.activity-stream .entry .load-more{animation:none}.activity-stream .entry:last-child .detailed-status,.activity-stream .entry:last-child .status,.activity-stream .entry:last-child .load-more{border-bottom:0;border-radius:0 0 4px 4px}.activity-stream .entry:first-child .detailed-status,.activity-stream .entry:first-child .status,.activity-stream .entry:first-child .load-more{border-radius:4px 4px 0 0}.activity-stream .entry:first-child:last-child .detailed-status,.activity-stream .entry:first-child:last-child .status,.activity-stream .entry:first-child:last-child .load-more{border-radius:4px}@media screen and (max-width: 740px){.activity-stream .entry .detailed-status,.activity-stream .entry .status,.activity-stream .entry .load-more{border-radius:0 !important}}.activity-stream--highlighted .entry{background:#202e3f}.button.logo-button{flex:0 auto;font-size:14px;background:#00007f;color:#fff;text-transform:none;line-height:36px;height:auto;padding:3px 15px;border:0}.button.logo-button svg{width:20px;height:auto;vertical-align:middle;margin-right:5px;fill:#fff}.button.logo-button:active,.button.logo-button:focus,.button.logo-button:hover{background:#0000b2}.button.logo-button:disabled:active,.button.logo-button:disabled:focus,.button.logo-button:disabled:hover,.button.logo-button.disabled:active,.button.logo-button.disabled:focus,.button.logo-button.disabled:hover{background:#9baec8}.button.logo-button.button--destructive:active,.button.logo-button.button--destructive:focus,.button.logo-button.button--destructive:hover{background:#df405a}@media screen and (max-width: 415px){.button.logo-button svg{display:none}}.embed .detailed-status,.public-layout .detailed-status{padding:15px}.embed .status,.public-layout .status{padding:15px 15px 15px 78px;min-height:50px}.embed .status__avatar,.public-layout .status__avatar{left:15px;top:17px}.embed .status__content,.public-layout .status__content{padding-top:5px}.embed .status__prepend,.public-layout .status__prepend{margin-left:78px;padding-top:15px}.embed .status__prepend-icon-wrapper,.public-layout .status__prepend-icon-wrapper{left:-32px}.embed .status .media-gallery,.embed .status__action-bar,.embed .status .video-player,.public-layout .status .media-gallery,.public-layout .status__action-bar,.public-layout .status .video-player{margin-top:10px}button.icon-button i.fa-retweet{background-image:url(\"data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='22' height='209'><path d='M4.97 3.16c-.1.03-.17.1-.22.18L.8 8.24c-.2.3.03.78.4.8H3.6v2.68c0 4.26-.55 3.62 3.66 3.62h7.66l-2.3-2.84c-.03-.02-.03-.04-.05-.06H7.27c-.44 0-.72-.3-.72-.72v-2.7h2.5c.37.03.63-.48.4-.77L5.5 3.35c-.12-.17-.34-.25-.53-.2zm12.16.43c-.55-.02-1.32.02-2.4.02H7.1l2.32 2.85.03.06h5.25c.42 0 .72.28.72.72v2.7h-2.5c-.36.02-.56.54-.3.8l3.92 4.9c.18.25.6.25.78 0l3.94-4.9c.26-.28 0-.83-.37-.8H18.4v-2.7c0-3.15.4-3.62-1.25-3.66z' fill='%23404040' stroke-width='0'/><path d='M7.78 19.66c-.24.02-.44.25-.44.5v2.46h-.06c-1.08 0-1.86-.03-2.4-.03-1.64 0-1.25.43-1.25 3.65v4.47c0 4.26-.56 3.62 3.65 3.62H8.5l-1.3-1.06c-.1-.08-.18-.2-.2-.3-.02-.17.06-.35.2-.45l1.33-1.1H7.28c-.44 0-.72-.3-.72-.7v-4.48c0-.44.28-.72.72-.72h.06v2.5c0 .38.54.63.82.38l4.9-3.93c.25-.18.25-.6 0-.78l-4.9-3.92c-.1-.1-.24-.14-.38-.12zm9.34 2.93c-.54-.02-1.3.02-2.4.02h-1.25l1.3 1.07c.1.07.18.2.2.33.02.16-.06.3-.2.4l-1.33 1.1h1.28c.42 0 .72.28.72.72v4.47c0 .42-.3.72-.72.72h-.1v-2.47c0-.3-.3-.53-.6-.47-.07 0-.14.05-.2.1l-4.9 3.93c-.26.18-.26.6 0 .78l4.9 3.92c.27.25.82 0 .8-.38v-2.5h.1c4.27 0 3.65.67 3.65-3.62v-4.47c0-3.15.4-3.62-1.25-3.66zM10.34 38.66c-.24.02-.44.25-.43.5v2.47H7.3c-1.08 0-1.86-.04-2.4-.04-1.64 0-1.25.43-1.25 3.65v4.47c0 3.66-.23 3.7 2.34 3.66l-1.34-1.1c-.1-.08-.18-.2-.2-.3 0-.17.07-.35.2-.45l1.96-1.6c-.03-.06-.04-.13-.04-.2v-4.48c0-.44.28-.72.72-.72H9.9v2.5c0 .36.5.6.8.38l4.93-3.93c.24-.18.24-.6 0-.78l-4.94-3.92c-.1-.08-.23-.13-.36-.12zm5.63 2.93l1.34 1.1c.1.07.18.2.2.33.02.16-.03.3-.16.4l-1.96 1.6c.02.07.06.13.06.22v4.47c0 .42-.3.72-.72.72h-2.66v-2.47c0-.3-.3-.53-.6-.47-.06.02-.12.05-.18.1l-4.94 3.93c-.24.18-.24.6 0 .78l4.94 3.92c.28.22.78-.02.78-.38v-2.5h2.66c4.27 0 3.65.67 3.65-3.62v-4.47c0-3.66.34-3.7-2.4-3.66zM13.06 57.66c-.23.03-.4.26-.4.5v2.47H7.28c-1.08 0-1.86-.04-2.4-.04-1.64 0-1.25.43-1.25 3.65v4.87l2.93-2.37v-2.5c0-.44.28-.72.72-.72h5.38v2.5c0 .36.5.6.78.38l4.94-3.93c.24-.18.24-.6 0-.78l-4.94-3.92c-.1-.1-.24-.14-.38-.12zm5.3 6.15l-2.92 2.4v2.52c0 .42-.3.72-.72.72h-5.4v-2.47c0-.3-.32-.53-.6-.47-.07.02-.13.05-.2.1L3.6 70.52c-.25.18-.25.6 0 .78l4.93 3.92c.28.22.78-.02.78-.38v-2.5h5.42c4.27 0 3.65.67 3.65-3.62v-4.47-.44zM19.25 78.8c-.1.03-.2.1-.28.17l-.9.9c-.44-.3-1.36-.25-3.35-.25H7.28c-1.08 0-1.86-.03-2.4-.03-1.64 0-1.25.43-1.25 3.65v.7l2.93.3v-1c0-.44.28-.72.72-.72h7.44c.2 0 .37.08.5.2l-1.8 1.8c-.25.26-.08.76.27.8l6.27.7c.28.03.56-.25.53-.53l-.7-6.25c0-.27-.3-.48-.55-.44zm-17.2 6.1c-.2.07-.36.3-.33.54l.7 6.25c.02.36.58.55.83.27l.8-.8c.02 0 .04-.02.04 0 .46.24 1.37.17 3.18.17h7.44c4.27 0 3.65.67 3.65-3.62v-.75l-2.93-.3v1.05c0 .42-.3.72-.72.72H7.28c-.15 0-.3-.03-.4-.1L8.8 86.4c.3-.24.1-.8-.27-.84l-6.28-.65h-.2zM4.88 98.6c-1.33 0-1.34.48-1.3 2.3l1.14-1.37c.08-.1.22-.17.34-.2.16 0 .34.08.44.2l1.66 2.03c.04 0 .07-.03.12-.03h7.44c.34 0 .57.2.65.5h-2.43c-.34.05-.53.52-.3.78l3.92 4.95c.18.24.6.24.78 0l3.94-4.94c.22-.27-.02-.76-.37-.77H18.4c.02-3.9.6-3.4-3.66-3.4H7.28c-1.08 0-1.86-.04-2.4-.04zm.15 2.46c-.1.03-.2.1-.28.2l-3.94 4.9c-.2.28.03.77.4.78H3.6c-.02 3.94-.45 3.4 3.66 3.4h7.44c3.65 0 3.74.3 3.7-2.25l-1.1 1.34c-.1.1-.2.17-.32.2-.16 0-.34-.08-.44-.2l-1.65-2.03c-.06.02-.1.04-.18.04H7.28c-.35 0-.57-.2-.66-.5h2.44c.37 0 .63-.5.4-.78l-3.96-4.9c-.1-.15-.3-.23-.47-.2zM4.88 117.6c-1.16 0-1.3.3-1.3 1.56l1.14-1.38c.08-.1.22-.14.34-.16.16 0 .34.04.44.16l2.22 2.75h7c.42 0 .72.28.72.72v.53h-2.6c-.3.1-.43.54-.2.78l3.92 4.9c.18.25.6.25.78 0l3.94-4.9c.22-.28-.02-.77-.37-.78H18.4v-.53c0-4.2.72-3.63-3.66-3.63H7.28c-1.08 0-1.86-.03-2.4-.03zm.1 1.74c-.1.03-.17.1-.23.16L.8 124.44c-.2.28.03.77.4.78H3.6v.5c0 4.26-.55 3.62 3.66 3.62h7.44c1.03 0 1.74.02 2.28 0-.16.02-.34-.03-.44-.15l-2.22-2.76H7.28c-.44 0-.72-.3-.72-.72v-.5h2.5c.37.02.63-.5.4-.78L5.5 119.5c-.12-.15-.34-.22-.53-.16zm12.02 10c1.2-.02 1.4-.25 1.4-1.53l-1.1 1.36c-.07.1-.17.17-.3.18zM5.94 136.6l2.37 2.93h6.42c.42 0 .72.28.72.72v1.25h-2.6c-.3.1-.43.54-.2.78l3.92 4.9c.18.25.6.25.78 0l3.94-4.9c.22-.28-.02-.77-.37-.78H18.4v-1.25c0-4.2.72-3.63-3.66-3.63H7.28c-.6 0-.92-.02-1.34-.03zm-1.72.06c-.4.08-.54.3-.6.75l.6-.74zm.84.93c-.12 0-.24.08-.3.18l-3.95 4.9c-.24.3 0 .83.4.82H3.6v1.22c0 4.26-.55 3.62 3.66 3.62h7.44c.63 0 .97.02 1.4.03l-2.37-2.93H7.28c-.44 0-.72-.3-.72-.72v-1.22h2.5c.4.04.67-.53.4-.8l-3.96-4.92c-.1-.13-.27-.2-.44-.2zm13.28 10.03l-.56.7c.36-.07.5-.3.56-.7zM17.13 155.6c-.55-.02-1.32.03-2.4.03h-8.2l2.38 2.9h5.82c.42 0 .72.28.72.72v1.97H12.9c-.32.06-.48.52-.28.78l3.94 4.94c.2.23.6.22.78-.03l3.94-4.9c.22-.28-.02-.77-.37-.78H18.4v-1.97c0-3.15.4-3.62-1.25-3.66zm-12.1.28c-.1.02-.2.1-.28.18l-3.94 4.9c-.2.3.03.78.4.8H3.6v1.96c0 4.26-.55 3.62 3.66 3.62h8.24l-2.36-2.9H7.28c-.44 0-.72-.3-.72-.72v-1.97h2.5c.37.02.63-.5.4-.78l-3.96-4.9c-.1-.15-.3-.22-.47-.2zM5.13 174.5c-.15 0-.3.07-.38.2L.8 179.6c-.24.27 0 .82.4.8H3.6v2.32c0 4.26-.55 3.62 3.66 3.62h7.94l-2.35-2.9h-5.6c-.43 0-.7-.3-.7-.72v-2.3h2.5c.38.03.66-.54.4-.83l-3.97-4.9c-.1-.13-.23-.2-.38-.2zm12 .1c-.55-.02-1.32.03-2.4.03H6.83l2.35 2.9h5.52c.42 0 .72.28.72.72v2.34h-2.6c-.3.1-.43.53-.2.78l3.92 4.9c.18.24.6.24.78 0l3.94-4.9c.22-.3-.02-.78-.37-.8H18.4v-2.33c0-3.15.4-3.62-1.25-3.66zM4.97 193.16c-.1.03-.17.1-.22.18l-3.94 4.9c-.2.3.03.78.4.8H3.6v2.68c0 4.26-.55 3.62 3.66 3.62h7.66l-2.3-2.84c-.03-.02-.03-.04-.05-.06H7.27c-.44 0-.72-.3-.72-.72v-2.7h2.5c.37.03.63-.48.4-.77l-3.96-4.9c-.12-.17-.34-.25-.53-.2zm12.16.43c-.55-.02-1.32.03-2.4.03H7.1l2.32 2.84.03.06h5.25c.42 0 .72.28.72.72v2.7h-2.5c-.36.02-.56.54-.3.8l3.92 4.9c.18.25.6.25.78 0l3.94-4.9c.26-.28 0-.83-.37-.8H18.4v-2.7c0-3.15.4-3.62-1.25-3.66z' fill='%2300007F' stroke-width='0'/></svg>\")}button.icon-button i.fa-retweet:hover{background-image:url(\"data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='22' height='209'><path d='M4.97 3.16c-.1.03-.17.1-.22.18L.8 8.24c-.2.3.03.78.4.8H3.6v2.68c0 4.26-.55 3.62 3.66 3.62h7.66l-2.3-2.84c-.03-.02-.03-.04-.05-.06H7.27c-.44 0-.72-.3-.72-.72v-2.7h2.5c.37.03.63-.48.4-.77L5.5 3.35c-.12-.17-.34-.25-.53-.2zm12.16.43c-.55-.02-1.32.02-2.4.02H7.1l2.32 2.85.03.06h5.25c.42 0 .72.28.72.72v2.7h-2.5c-.36.02-.56.54-.3.8l3.92 4.9c.18.25.6.25.78 0l3.94-4.9c.26-.28 0-.83-.37-.8H18.4v-2.7c0-3.15.4-3.62-1.25-3.66z' fill='%23525252' stroke-width='0'/><path d='M7.78 19.66c-.24.02-.44.25-.44.5v2.46h-.06c-1.08 0-1.86-.03-2.4-.03-1.64 0-1.25.43-1.25 3.65v4.47c0 4.26-.56 3.62 3.65 3.62H8.5l-1.3-1.06c-.1-.08-.18-.2-.2-.3-.02-.17.06-.35.2-.45l1.33-1.1H7.28c-.44 0-.72-.3-.72-.7v-4.48c0-.44.28-.72.72-.72h.06v2.5c0 .38.54.63.82.38l4.9-3.93c.25-.18.25-.6 0-.78l-4.9-3.92c-.1-.1-.24-.14-.38-.12zm9.34 2.93c-.54-.02-1.3.02-2.4.02h-1.25l1.3 1.07c.1.07.18.2.2.33.02.16-.06.3-.2.4l-1.33 1.1h1.28c.42 0 .72.28.72.72v4.47c0 .42-.3.72-.72.72h-.1v-2.47c0-.3-.3-.53-.6-.47-.07 0-.14.05-.2.1l-4.9 3.93c-.26.18-.26.6 0 .78l4.9 3.92c.27.25.82 0 .8-.38v-2.5h.1c4.27 0 3.65.67 3.65-3.62v-4.47c0-3.15.4-3.62-1.25-3.66zM10.34 38.66c-.24.02-.44.25-.43.5v2.47H7.3c-1.08 0-1.86-.04-2.4-.04-1.64 0-1.25.43-1.25 3.65v4.47c0 3.66-.23 3.7 2.34 3.66l-1.34-1.1c-.1-.08-.18-.2-.2-.3 0-.17.07-.35.2-.45l1.96-1.6c-.03-.06-.04-.13-.04-.2v-4.48c0-.44.28-.72.72-.72H9.9v2.5c0 .36.5.6.8.38l4.93-3.93c.24-.18.24-.6 0-.78l-4.94-3.92c-.1-.08-.23-.13-.36-.12zm5.63 2.93l1.34 1.1c.1.07.18.2.2.33.02.16-.03.3-.16.4l-1.96 1.6c.02.07.06.13.06.22v4.47c0 .42-.3.72-.72.72h-2.66v-2.47c0-.3-.3-.53-.6-.47-.06.02-.12.05-.18.1l-4.94 3.93c-.24.18-.24.6 0 .78l4.94 3.92c.28.22.78-.02.78-.38v-2.5h2.66c4.27 0 3.65.67 3.65-3.62v-4.47c0-3.66.34-3.7-2.4-3.66zM13.06 57.66c-.23.03-.4.26-.4.5v2.47H7.28c-1.08 0-1.86-.04-2.4-.04-1.64 0-1.25.43-1.25 3.65v4.87l2.93-2.37v-2.5c0-.44.28-.72.72-.72h5.38v2.5c0 .36.5.6.78.38l4.94-3.93c.24-.18.24-.6 0-.78l-4.94-3.92c-.1-.1-.24-.14-.38-.12zm5.3 6.15l-2.92 2.4v2.52c0 .42-.3.72-.72.72h-5.4v-2.47c0-.3-.32-.53-.6-.47-.07.02-.13.05-.2.1L3.6 70.52c-.25.18-.25.6 0 .78l4.93 3.92c.28.22.78-.02.78-.38v-2.5h5.42c4.27 0 3.65.67 3.65-3.62v-4.47-.44zM19.25 78.8c-.1.03-.2.1-.28.17l-.9.9c-.44-.3-1.36-.25-3.35-.25H7.28c-1.08 0-1.86-.03-2.4-.03-1.64 0-1.25.43-1.25 3.65v.7l2.93.3v-1c0-.44.28-.72.72-.72h7.44c.2 0 .37.08.5.2l-1.8 1.8c-.25.26-.08.76.27.8l6.27.7c.28.03.56-.25.53-.53l-.7-6.25c0-.27-.3-.48-.55-.44zm-17.2 6.1c-.2.07-.36.3-.33.54l.7 6.25c.02.36.58.55.83.27l.8-.8c.02 0 .04-.02.04 0 .46.24 1.37.17 3.18.17h7.44c4.27 0 3.65.67 3.65-3.62v-.75l-2.93-.3v1.05c0 .42-.3.72-.72.72H7.28c-.15 0-.3-.03-.4-.1L8.8 86.4c.3-.24.1-.8-.27-.84l-6.28-.65h-.2zM4.88 98.6c-1.33 0-1.34.48-1.3 2.3l1.14-1.37c.08-.1.22-.17.34-.2.16 0 .34.08.44.2l1.66 2.03c.04 0 .07-.03.12-.03h7.44c.34 0 .57.2.65.5h-2.43c-.34.05-.53.52-.3.78l3.92 4.95c.18.24.6.24.78 0l3.94-4.94c.22-.27-.02-.76-.37-.77H18.4c.02-3.9.6-3.4-3.66-3.4H7.28c-1.08 0-1.86-.04-2.4-.04zm.15 2.46c-.1.03-.2.1-.28.2l-3.94 4.9c-.2.28.03.77.4.78H3.6c-.02 3.94-.45 3.4 3.66 3.4h7.44c3.65 0 3.74.3 3.7-2.25l-1.1 1.34c-.1.1-.2.17-.32.2-.16 0-.34-.08-.44-.2l-1.65-2.03c-.06.02-.1.04-.18.04H7.28c-.35 0-.57-.2-.66-.5h2.44c.37 0 .63-.5.4-.78l-3.96-4.9c-.1-.15-.3-.23-.47-.2zM4.88 117.6c-1.16 0-1.3.3-1.3 1.56l1.14-1.38c.08-.1.22-.14.34-.16.16 0 .34.04.44.16l2.22 2.75h7c.42 0 .72.28.72.72v.53h-2.6c-.3.1-.43.54-.2.78l3.92 4.9c.18.25.6.25.78 0l3.94-4.9c.22-.28-.02-.77-.37-.78H18.4v-.53c0-4.2.72-3.63-3.66-3.63H7.28c-1.08 0-1.86-.03-2.4-.03zm.1 1.74c-.1.03-.17.1-.23.16L.8 124.44c-.2.28.03.77.4.78H3.6v.5c0 4.26-.55 3.62 3.66 3.62h7.44c1.03 0 1.74.02 2.28 0-.16.02-.34-.03-.44-.15l-2.22-2.76H7.28c-.44 0-.72-.3-.72-.72v-.5h2.5c.37.02.63-.5.4-.78L5.5 119.5c-.12-.15-.34-.22-.53-.16zm12.02 10c1.2-.02 1.4-.25 1.4-1.53l-1.1 1.36c-.07.1-.17.17-.3.18zM5.94 136.6l2.37 2.93h6.42c.42 0 .72.28.72.72v1.25h-2.6c-.3.1-.43.54-.2.78l3.92 4.9c.18.25.6.25.78 0l3.94-4.9c.22-.28-.02-.77-.37-.78H18.4v-1.25c0-4.2.72-3.63-3.66-3.63H7.28c-.6 0-.92-.02-1.34-.03zm-1.72.06c-.4.08-.54.3-.6.75l.6-.74zm.84.93c-.12 0-.24.08-.3.18l-3.95 4.9c-.24.3 0 .83.4.82H3.6v1.22c0 4.26-.55 3.62 3.66 3.62h7.44c.63 0 .97.02 1.4.03l-2.37-2.93H7.28c-.44 0-.72-.3-.72-.72v-1.22h2.5c.4.04.67-.53.4-.8l-3.96-4.92c-.1-.13-.27-.2-.44-.2zm13.28 10.03l-.56.7c.36-.07.5-.3.56-.7zM17.13 155.6c-.55-.02-1.32.03-2.4.03h-8.2l2.38 2.9h5.82c.42 0 .72.28.72.72v1.97H12.9c-.32.06-.48.52-.28.78l3.94 4.94c.2.23.6.22.78-.03l3.94-4.9c.22-.28-.02-.77-.37-.78H18.4v-1.97c0-3.15.4-3.62-1.25-3.66zm-12.1.28c-.1.02-.2.1-.28.18l-3.94 4.9c-.2.3.03.78.4.8H3.6v1.96c0 4.26-.55 3.62 3.66 3.62h8.24l-2.36-2.9H7.28c-.44 0-.72-.3-.72-.72v-1.97h2.5c.37.02.63-.5.4-.78l-3.96-4.9c-.1-.15-.3-.22-.47-.2zM5.13 174.5c-.15 0-.3.07-.38.2L.8 179.6c-.24.27 0 .82.4.8H3.6v2.32c0 4.26-.55 3.62 3.66 3.62h7.94l-2.35-2.9h-5.6c-.43 0-.7-.3-.7-.72v-2.3h2.5c.38.03.66-.54.4-.83l-3.97-4.9c-.1-.13-.23-.2-.38-.2zm12 .1c-.55-.02-1.32.03-2.4.03H6.83l2.35 2.9h5.52c.42 0 .72.28.72.72v2.34h-2.6c-.3.1-.43.53-.2.78l3.92 4.9c.18.24.6.24.78 0l3.94-4.9c.22-.3-.02-.78-.37-.8H18.4v-2.33c0-3.15.4-3.62-1.25-3.66zM4.97 193.16c-.1.03-.17.1-.22.18l-3.94 4.9c-.2.3.03.78.4.8H3.6v2.68c0 4.26-.55 3.62 3.66 3.62h7.66l-2.3-2.84c-.03-.02-.03-.04-.05-.06H7.27c-.44 0-.72-.3-.72-.72v-2.7h2.5c.37.03.63-.48.4-.77l-3.96-4.9c-.12-.17-.34-.25-.53-.2zm12.16.43c-.55-.02-1.32.03-2.4.03H7.1l2.32 2.84.03.06h5.25c.42 0 .72.28.72.72v2.7h-2.5c-.36.02-.56.54-.3.8l3.92 4.9c.18.25.6.25.78 0l3.94-4.9c.26-.28 0-.83-.37-.8H18.4v-2.7c0-3.15.4-3.62-1.25-3.66z' fill='%2300007F' stroke-width='0'/></svg>\")}button.icon-button.disabled i.fa-retweet{background-image:url(\"data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='22' height='209'><path d='M4.97 3.16c-.1.03-.17.1-.22.18L.8 8.24c-.2.3.03.78.4.8H3.6v2.68c0 4.26-.55 3.62 3.66 3.62h7.66l-2.3-2.84c-.03-.02-.03-.04-.05-.06H7.27c-.44 0-.72-.3-.72-.72v-2.7h2.5c.37.03.63-.48.4-.77L5.5 3.35c-.12-.17-.34-.25-.53-.2zm12.16.43c-.55-.02-1.32.02-2.4.02H7.1l2.32 2.85.03.06h5.25c.42 0 .72.28.72.72v2.7h-2.5c-.36.02-.56.54-.3.8l3.92 4.9c.18.25.6.25.78 0l3.94-4.9c.26-.28 0-.83-.37-.8H18.4v-2.7c0-3.15.4-3.62-1.25-3.66z' fill='%231F1F1F' stroke-width='0'/><path d='M7.78 19.66c-.24.02-.44.25-.44.5v2.46h-.06c-1.08 0-1.86-.03-2.4-.03-1.64 0-1.25.43-1.25 3.65v4.47c0 4.26-.56 3.62 3.65 3.62H8.5l-1.3-1.06c-.1-.08-.18-.2-.2-.3-.02-.17.06-.35.2-.45l1.33-1.1H7.28c-.44 0-.72-.3-.72-.7v-4.48c0-.44.28-.72.72-.72h.06v2.5c0 .38.54.63.82.38l4.9-3.93c.25-.18.25-.6 0-.78l-4.9-3.92c-.1-.1-.24-.14-.38-.12zm9.34 2.93c-.54-.02-1.3.02-2.4.02h-1.25l1.3 1.07c.1.07.18.2.2.33.02.16-.06.3-.2.4l-1.33 1.1h1.28c.42 0 .72.28.72.72v4.47c0 .42-.3.72-.72.72h-.1v-2.47c0-.3-.3-.53-.6-.47-.07 0-.14.05-.2.1l-4.9 3.93c-.26.18-.26.6 0 .78l4.9 3.92c.27.25.82 0 .8-.38v-2.5h.1c4.27 0 3.65.67 3.65-3.62v-4.47c0-3.15.4-3.62-1.25-3.66zM10.34 38.66c-.24.02-.44.25-.43.5v2.47H7.3c-1.08 0-1.86-.04-2.4-.04-1.64 0-1.25.43-1.25 3.65v4.47c0 3.66-.23 3.7 2.34 3.66l-1.34-1.1c-.1-.08-.18-.2-.2-.3 0-.17.07-.35.2-.45l1.96-1.6c-.03-.06-.04-.13-.04-.2v-4.48c0-.44.28-.72.72-.72H9.9v2.5c0 .36.5.6.8.38l4.93-3.93c.24-.18.24-.6 0-.78l-4.94-3.92c-.1-.08-.23-.13-.36-.12zm5.63 2.93l1.34 1.1c.1.07.18.2.2.33.02.16-.03.3-.16.4l-1.96 1.6c.02.07.06.13.06.22v4.47c0 .42-.3.72-.72.72h-2.66v-2.47c0-.3-.3-.53-.6-.47-.06.02-.12.05-.18.1l-4.94 3.93c-.24.18-.24.6 0 .78l4.94 3.92c.28.22.78-.02.78-.38v-2.5h2.66c4.27 0 3.65.67 3.65-3.62v-4.47c0-3.66.34-3.7-2.4-3.66zM13.06 57.66c-.23.03-.4.26-.4.5v2.47H7.28c-1.08 0-1.86-.04-2.4-.04-1.64 0-1.25.43-1.25 3.65v4.87l2.93-2.37v-2.5c0-.44.28-.72.72-.72h5.38v2.5c0 .36.5.6.78.38l4.94-3.93c.24-.18.24-.6 0-.78l-4.94-3.92c-.1-.1-.24-.14-.38-.12zm5.3 6.15l-2.92 2.4v2.52c0 .42-.3.72-.72.72h-5.4v-2.47c0-.3-.32-.53-.6-.47-.07.02-.13.05-.2.1L3.6 70.52c-.25.18-.25.6 0 .78l4.93 3.92c.28.22.78-.02.78-.38v-2.5h5.42c4.27 0 3.65.67 3.65-3.62v-4.47-.44zM19.25 78.8c-.1.03-.2.1-.28.17l-.9.9c-.44-.3-1.36-.25-3.35-.25H7.28c-1.08 0-1.86-.03-2.4-.03-1.64 0-1.25.43-1.25 3.65v.7l2.93.3v-1c0-.44.28-.72.72-.72h7.44c.2 0 .37.08.5.2l-1.8 1.8c-.25.26-.08.76.27.8l6.27.7c.28.03.56-.25.53-.53l-.7-6.25c0-.27-.3-.48-.55-.44zm-17.2 6.1c-.2.07-.36.3-.33.54l.7 6.25c.02.36.58.55.83.27l.8-.8c.02 0 .04-.02.04 0 .46.24 1.37.17 3.18.17h7.44c4.27 0 3.65.67 3.65-3.62v-.75l-2.93-.3v1.05c0 .42-.3.72-.72.72H7.28c-.15 0-.3-.03-.4-.1L8.8 86.4c.3-.24.1-.8-.27-.84l-6.28-.65h-.2zM4.88 98.6c-1.33 0-1.34.48-1.3 2.3l1.14-1.37c.08-.1.22-.17.34-.2.16 0 .34.08.44.2l1.66 2.03c.04 0 .07-.03.12-.03h7.44c.34 0 .57.2.65.5h-2.43c-.34.05-.53.52-.3.78l3.92 4.95c.18.24.6.24.78 0l3.94-4.94c.22-.27-.02-.76-.37-.77H18.4c.02-3.9.6-3.4-3.66-3.4H7.28c-1.08 0-1.86-.04-2.4-.04zm.15 2.46c-.1.03-.2.1-.28.2l-3.94 4.9c-.2.28.03.77.4.78H3.6c-.02 3.94-.45 3.4 3.66 3.4h7.44c3.65 0 3.74.3 3.7-2.25l-1.1 1.34c-.1.1-.2.17-.32.2-.16 0-.34-.08-.44-.2l-1.65-2.03c-.06.02-.1.04-.18.04H7.28c-.35 0-.57-.2-.66-.5h2.44c.37 0 .63-.5.4-.78l-3.96-4.9c-.1-.15-.3-.23-.47-.2zM4.88 117.6c-1.16 0-1.3.3-1.3 1.56l1.14-1.38c.08-.1.22-.14.34-.16.16 0 .34.04.44.16l2.22 2.75h7c.42 0 .72.28.72.72v.53h-2.6c-.3.1-.43.54-.2.78l3.92 4.9c.18.25.6.25.78 0l3.94-4.9c.22-.28-.02-.77-.37-.78H18.4v-.53c0-4.2.72-3.63-3.66-3.63H7.28c-1.08 0-1.86-.03-2.4-.03zm.1 1.74c-.1.03-.17.1-.23.16L.8 124.44c-.2.28.03.77.4.78H3.6v.5c0 4.26-.55 3.62 3.66 3.62h7.44c1.03 0 1.74.02 2.28 0-.16.02-.34-.03-.44-.15l-2.22-2.76H7.28c-.44 0-.72-.3-.72-.72v-.5h2.5c.37.02.63-.5.4-.78L5.5 119.5c-.12-.15-.34-.22-.53-.16zm12.02 10c1.2-.02 1.4-.25 1.4-1.53l-1.1 1.36c-.07.1-.17.17-.3.18zM5.94 136.6l2.37 2.93h6.42c.42 0 .72.28.72.72v1.25h-2.6c-.3.1-.43.54-.2.78l3.92 4.9c.18.25.6.25.78 0l3.94-4.9c.22-.28-.02-.77-.37-.78H18.4v-1.25c0-4.2.72-3.63-3.66-3.63H7.28c-.6 0-.92-.02-1.34-.03zm-1.72.06c-.4.08-.54.3-.6.75l.6-.74zm.84.93c-.12 0-.24.08-.3.18l-3.95 4.9c-.24.3 0 .83.4.82H3.6v1.22c0 4.26-.55 3.62 3.66 3.62h7.44c.63 0 .97.02 1.4.03l-2.37-2.93H7.28c-.44 0-.72-.3-.72-.72v-1.22h2.5c.4.04.67-.53.4-.8l-3.96-4.92c-.1-.13-.27-.2-.44-.2zm13.28 10.03l-.56.7c.36-.07.5-.3.56-.7zM17.13 155.6c-.55-.02-1.32.03-2.4.03h-8.2l2.38 2.9h5.82c.42 0 .72.28.72.72v1.97H12.9c-.32.06-.48.52-.28.78l3.94 4.94c.2.23.6.22.78-.03l3.94-4.9c.22-.28-.02-.77-.37-.78H18.4v-1.97c0-3.15.4-3.62-1.25-3.66zm-12.1.28c-.1.02-.2.1-.28.18l-3.94 4.9c-.2.3.03.78.4.8H3.6v1.96c0 4.26-.55 3.62 3.66 3.62h8.24l-2.36-2.9H7.28c-.44 0-.72-.3-.72-.72v-1.97h2.5c.37.02.63-.5.4-.78l-3.96-4.9c-.1-.15-.3-.22-.47-.2zM5.13 174.5c-.15 0-.3.07-.38.2L.8 179.6c-.24.27 0 .82.4.8H3.6v2.32c0 4.26-.55 3.62 3.66 3.62h7.94l-2.35-2.9h-5.6c-.43 0-.7-.3-.7-.72v-2.3h2.5c.38.03.66-.54.4-.83l-3.97-4.9c-.1-.13-.23-.2-.38-.2zm12 .1c-.55-.02-1.32.03-2.4.03H6.83l2.35 2.9h5.52c.42 0 .72.28.72.72v2.34h-2.6c-.3.1-.43.53-.2.78l3.92 4.9c.18.24.6.24.78 0l3.94-4.9c.22-.3-.02-.78-.37-.8H18.4v-2.33c0-3.15.4-3.62-1.25-3.66zM4.97 193.16c-.1.03-.17.1-.22.18l-3.94 4.9c-.2.3.03.78.4.8H3.6v2.68c0 4.26-.55 3.62 3.66 3.62h7.66l-2.3-2.84c-.03-.02-.03-.04-.05-.06H7.27c-.44 0-.72-.3-.72-.72v-2.7h2.5c.37.03.63-.48.4-.77l-3.96-4.9c-.12-.17-.34-.25-.53-.2zm12.16.43c-.55-.02-1.32.03-2.4.03H7.1l2.32 2.84.03.06h5.25c.42 0 .72.28.72.72v2.7h-2.5c-.36.02-.56.54-.3.8l3.92 4.9c.18.25.6.25.78 0l3.94-4.9c.26-.28 0-.83-.37-.8H18.4v-2.7c0-3.15.4-3.62-1.25-3.66z' fill='%2300007F' stroke-width='0'/></svg>\")}.app-body{-webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar}.animated-number{display:inline-flex;flex-direction:column;align-items:stretch;overflow:hidden;position:relative}.link-button{display:block;font-size:15px;line-height:20px;color:#00007f;border:0;background:transparent;padding:0;cursor:pointer}.link-button:hover,.link-button:active{text-decoration:underline}.link-button:disabled{color:#9baec8;cursor:default}.button{background-color:#00007f;border:10px none;border-radius:4px;box-sizing:border-box;color:#fff;cursor:pointer;display:inline-block;font-family:inherit;font-size:14px;font-weight:500;height:36px;letter-spacing:0;line-height:36px;overflow:hidden;padding:0 16px;position:relative;text-align:center;text-transform:uppercase;text-decoration:none;text-overflow:ellipsis;transition:all 100ms ease-in;white-space:nowrap;width:auto}.button:active,.button:focus,.button:hover{background-color:#0000b2;transition:all 200ms ease-out}.button--destructive{transition:none}.button--destructive:active,.button--destructive:focus,.button--destructive:hover{background-color:#df405a;transition:none}.button:disabled,.button.disabled{background-color:#9baec8;cursor:default}.button::-moz-focus-inner{border:0}.button::-moz-focus-inner,.button:focus,.button:active{outline:0 !important}.button.button-primary,.button.button-alternative,.button.button-secondary,.button.button-alternative-2{font-size:16px;line-height:36px;height:auto;text-transform:none;padding:4px 16px}.button.button-alternative{color:#121a24;background:#9baec8}.button.button-alternative:active,.button.button-alternative:focus,.button.button-alternative:hover{background-color:#a8b9cf}.button.button-alternative-2{background:#404040}.button.button-alternative-2:active,.button.button-alternative-2:focus,.button.button-alternative-2:hover{background-color:#4a4a4a}.button.button-secondary{color:#9baec8;background:transparent;padding:3px 15px;border:1px solid #9baec8}.button.button-secondary:active,.button.button-secondary:focus,.button.button-secondary:hover{border-color:#a8b9cf;color:#a8b9cf}.button.button-secondary:disabled{opacity:.5}.button.button--block{display:block;width:100%}.column__wrapper{display:flex;flex:1 1 auto;position:relative}.icon-button{display:inline-block;padding:0;color:#404040;border:0;border-radius:4px;background:transparent;cursor:pointer;transition:all 100ms ease-in;transition-property:background-color,color}.icon-button:hover,.icon-button:active,.icon-button:focus{color:#525252;background-color:rgba(64,64,64,.15);transition:all 200ms ease-out;transition-property:background-color,color}.icon-button:focus{background-color:rgba(64,64,64,.3)}.icon-button.disabled{color:#1f1f1f;background-color:transparent;cursor:default}.icon-button.active{color:#00007f}.icon-button::-moz-focus-inner{border:0}.icon-button::-moz-focus-inner,.icon-button:focus,.icon-button:active{outline:0 !important}.icon-button.inverted{color:#404040}.icon-button.inverted:hover,.icon-button.inverted:active,.icon-button.inverted:focus{color:#2e2e2e;background-color:rgba(64,64,64,.15)}.icon-button.inverted:focus{background-color:rgba(64,64,64,.3)}.icon-button.inverted.disabled{color:#525252;background-color:transparent}.icon-button.inverted.active{color:#00007f}.icon-button.inverted.active.disabled{color:#0000c1}.icon-button.overlayed{box-sizing:content-box;background:rgba(0,0,0,.6);color:rgba(255,255,255,.7);border-radius:4px;padding:2px}.icon-button.overlayed:hover{background:rgba(0,0,0,.9)}.text-icon-button{color:#404040;border:0;border-radius:4px;background:transparent;cursor:pointer;font-weight:600;font-size:11px;padding:0 3px;line-height:27px;outline:0;transition:all 100ms ease-in;transition-property:background-color,color}.text-icon-button:hover,.text-icon-button:active,.text-icon-button:focus{color:#2e2e2e;background-color:rgba(64,64,64,.15);transition:all 200ms ease-out;transition-property:background-color,color}.text-icon-button:focus{background-color:rgba(64,64,64,.3)}.text-icon-button.disabled{color:#737373;background-color:transparent;cursor:default}.text-icon-button.active{color:#00007f}.text-icon-button::-moz-focus-inner{border:0}.text-icon-button::-moz-focus-inner,.text-icon-button:focus,.text-icon-button:active{outline:0 !important}.dropdown-menu{position:absolute}.invisible{font-size:0;line-height:0;display:inline-block;width:0;height:0;position:absolute}.invisible img,.invisible svg{margin:0 !important;border:0 !important;padding:0 !important;width:0 !important;height:0 !important}.ellipsis::after{content:\"…\"}.compose-form{padding:10px}.compose-form__sensitive-button{padding:10px;padding-top:0;font-size:14px;font-weight:500}.compose-form__sensitive-button.active{color:#00007f}.compose-form__sensitive-button input[type=checkbox]{display:none}.compose-form__sensitive-button .checkbox{display:inline-block;position:relative;border:1px solid #9baec8;box-sizing:border-box;width:18px;height:18px;flex:0 0 auto;margin-right:10px;top:-1px;border-radius:4px;vertical-align:middle}.compose-form__sensitive-button .checkbox.active{border-color:#00007f;background:#00007f}.compose-form .compose-form__warning{color:#121a24;margin-bottom:10px;background:#9baec8;box-shadow:0 2px 6px rgba(0,0,0,.3);padding:8px 10px;border-radius:4px;font-size:13px;font-weight:400}.compose-form .compose-form__warning strong{color:#121a24;font-weight:500}.compose-form .compose-form__warning strong:lang(ja){font-weight:700}.compose-form .compose-form__warning strong:lang(ko){font-weight:700}.compose-form .compose-form__warning strong:lang(zh-CN){font-weight:700}.compose-form .compose-form__warning strong:lang(zh-HK){font-weight:700}.compose-form .compose-form__warning strong:lang(zh-TW){font-weight:700}.compose-form .compose-form__warning a{color:#404040;font-weight:500;text-decoration:underline}.compose-form .compose-form__warning a:hover,.compose-form .compose-form__warning a:active,.compose-form .compose-form__warning a:focus{text-decoration:none}.compose-form .emoji-picker-dropdown{position:absolute;top:0;right:0}.compose-form .compose-form__autosuggest-wrapper{position:relative}.compose-form .autosuggest-textarea,.compose-form .autosuggest-input,.compose-form .spoiler-input{position:relative;width:100%}.compose-form .spoiler-input{height:0;transform-origin:bottom;opacity:0}.compose-form .spoiler-input.spoiler-input--visible{height:36px;margin-bottom:11px;opacity:1}.compose-form .autosuggest-textarea__textarea,.compose-form .spoiler-input__input{display:block;box-sizing:border-box;width:100%;margin:0;color:#121a24;background:#fff;padding:10px;font-family:inherit;font-size:14px;resize:vertical;border:0;outline:0}.compose-form .autosuggest-textarea__textarea::placeholder,.compose-form .spoiler-input__input::placeholder{color:#404040}.compose-form .autosuggest-textarea__textarea:focus,.compose-form .spoiler-input__input:focus{outline:0}@media screen and (max-width: 600px){.compose-form .autosuggest-textarea__textarea,.compose-form .spoiler-input__input{font-size:16px}}.compose-form .spoiler-input__input{border-radius:4px}.compose-form .autosuggest-textarea__textarea{min-height:100px;border-radius:4px 4px 0 0;padding-bottom:0;padding-right:32px;resize:none;scrollbar-color:initial}.compose-form .autosuggest-textarea__textarea::-webkit-scrollbar{all:unset}@media screen and (max-width: 600px){.compose-form .autosuggest-textarea__textarea{height:100px !important;resize:vertical}}.compose-form .autosuggest-textarea__suggestions-wrapper{position:relative;height:0}.compose-form .autosuggest-textarea__suggestions{box-sizing:border-box;display:none;position:absolute;top:100%;width:100%;z-index:99;box-shadow:4px 4px 6px rgba(0,0,0,.4);background:#d9e1e8;border-radius:0 0 4px 4px;color:#121a24;font-size:14px;padding:6px}.compose-form .autosuggest-textarea__suggestions.autosuggest-textarea__suggestions--visible{display:block}.compose-form .autosuggest-textarea__suggestions__item{padding:10px;cursor:pointer;border-radius:4px}.compose-form .autosuggest-textarea__suggestions__item:hover,.compose-form .autosuggest-textarea__suggestions__item:focus,.compose-form .autosuggest-textarea__suggestions__item:active,.compose-form .autosuggest-textarea__suggestions__item.selected{background:#b9c8d5}.compose-form .autosuggest-account,.compose-form .autosuggest-emoji,.compose-form .autosuggest-hashtag{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;line-height:18px;font-size:14px}.compose-form .autosuggest-hashtag{justify-content:space-between}.compose-form .autosuggest-hashtag__name{flex:1 1 auto;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.compose-form .autosuggest-hashtag strong{font-weight:500}.compose-form .autosuggest-hashtag__uses{flex:0 0 auto;text-align:right;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.compose-form .autosuggest-account-icon,.compose-form .autosuggest-emoji img{display:block;margin-right:8px;width:16px;height:16px}.compose-form .autosuggest-account .display-name__account{color:#404040}.compose-form .compose-form__modifiers{color:#121a24;font-family:inherit;font-size:14px;background:#fff}.compose-form .compose-form__modifiers .compose-form__upload-wrapper{overflow:hidden}.compose-form .compose-form__modifiers .compose-form__uploads-wrapper{display:flex;flex-direction:row;padding:5px;flex-wrap:wrap}.compose-form .compose-form__modifiers .compose-form__upload{flex:1 1 0;min-width:40%;margin:5px}.compose-form .compose-form__modifiers .compose-form__upload__actions{background:linear-gradient(180deg, rgba(0, 0, 0, 0.8) 0, rgba(0, 0, 0, 0.35) 80%, transparent);display:flex;align-items:flex-start;justify-content:space-between;opacity:0;transition:opacity .1s ease}.compose-form .compose-form__modifiers .compose-form__upload__actions .icon-button{flex:0 1 auto;color:#d9e1e8;font-size:14px;font-weight:500;padding:10px;font-family:inherit}.compose-form .compose-form__modifiers .compose-form__upload__actions .icon-button:hover,.compose-form .compose-form__modifiers .compose-form__upload__actions .icon-button:focus,.compose-form .compose-form__modifiers .compose-form__upload__actions .icon-button:active{color:#eff3f5}.compose-form .compose-form__modifiers .compose-form__upload__actions.active{opacity:1}.compose-form .compose-form__modifiers .compose-form__upload-description{position:absolute;z-index:2;bottom:0;left:0;right:0;box-sizing:border-box;background:linear-gradient(0deg, rgba(0, 0, 0, 0.8) 0, rgba(0, 0, 0, 0.35) 80%, transparent);padding:10px;opacity:0;transition:opacity .1s ease}.compose-form .compose-form__modifiers .compose-form__upload-description textarea{background:transparent;color:#d9e1e8;border:0;padding:0;margin:0;width:100%;font-family:inherit;font-size:14px;font-weight:500}.compose-form .compose-form__modifiers .compose-form__upload-description textarea:focus{color:#fff}.compose-form .compose-form__modifiers .compose-form__upload-description textarea::placeholder{opacity:.75;color:#d9e1e8}.compose-form .compose-form__modifiers .compose-form__upload-description.active{opacity:1}.compose-form .compose-form__modifiers .compose-form__upload-thumbnail{border-radius:4px;background-color:#000;background-position:center;background-size:cover;background-repeat:no-repeat;height:140px;width:100%;overflow:hidden}.compose-form .compose-form__buttons-wrapper{padding:10px;background:#ebebeb;border-radius:0 0 4px 4px;display:flex;justify-content:space-between;flex:0 0 auto}.compose-form .compose-form__buttons-wrapper .compose-form__buttons{display:flex}.compose-form .compose-form__buttons-wrapper .compose-form__buttons .compose-form__upload-button-icon{line-height:27px}.compose-form .compose-form__buttons-wrapper .compose-form__buttons .compose-form__sensitive-button{display:none}.compose-form .compose-form__buttons-wrapper .compose-form__buttons .compose-form__sensitive-button.compose-form__sensitive-button--visible{display:block}.compose-form .compose-form__buttons-wrapper .compose-form__buttons .compose-form__sensitive-button .compose-form__sensitive-button__icon{line-height:27px}.compose-form .compose-form__buttons-wrapper .icon-button,.compose-form .compose-form__buttons-wrapper .text-icon-button{box-sizing:content-box;padding:0 3px}.compose-form .compose-form__buttons-wrapper .character-counter__wrapper{align-self:center;margin-right:4px}.compose-form .compose-form__publish{display:flex;justify-content:flex-end;min-width:0;flex:0 0 auto}.compose-form .compose-form__publish .compose-form__publish-button-wrapper{overflow:hidden;padding-top:10px}.character-counter{cursor:default;font-family:\"mastodon-font-sans-serif\",sans-serif;font-size:14px;font-weight:600;color:#404040}.character-counter.character-counter--over{color:#ff5050}.no-reduce-motion .spoiler-input{transition:height .4s ease,opacity .4s ease}.emojione{font-size:inherit;vertical-align:middle;object-fit:contain;margin:-0.2ex .15em .2ex;width:16px;height:16px}.emojione img{width:auto}.reply-indicator{border-radius:4px;margin-bottom:10px;background:#9baec8;padding:10px;min-height:23px;overflow-y:auto;flex:0 2 auto}.reply-indicator__header{margin-bottom:5px;overflow:hidden}.reply-indicator__cancel{float:right;line-height:24px}.reply-indicator__display-name{color:#121a24;display:block;max-width:100%;line-height:24px;overflow:hidden;padding-right:25px;text-decoration:none}.reply-indicator__display-avatar{float:left;margin-right:5px}.status__content--with-action{cursor:pointer}.status__content,.reply-indicator__content{position:relative;font-size:15px;line-height:20px;word-wrap:break-word;font-weight:400;overflow:hidden;text-overflow:ellipsis;padding-top:2px;color:#fff}.status__content:focus,.reply-indicator__content:focus{outline:0}.status__content.status__content--with-spoiler,.reply-indicator__content.status__content--with-spoiler{white-space:normal}.status__content.status__content--with-spoiler .status__content__text,.reply-indicator__content.status__content--with-spoiler .status__content__text{white-space:pre-wrap}.status__content .emojione,.reply-indicator__content .emojione{width:20px;height:20px;margin:-3px 0 0}.status__content img,.reply-indicator__content img{max-width:100%;max-height:400px;object-fit:contain}.status__content p,.reply-indicator__content p{margin-bottom:20px;white-space:pre-wrap}.status__content p:last-child,.reply-indicator__content p:last-child{margin-bottom:0}.status__content a,.reply-indicator__content a{color:#d8a070;text-decoration:none}.status__content a:hover,.reply-indicator__content a:hover{text-decoration:underline}.status__content a:hover .fa,.reply-indicator__content a:hover .fa{color:#525252}.status__content a.mention:hover,.reply-indicator__content a.mention:hover{text-decoration:none}.status__content a.mention:hover span,.reply-indicator__content a.mention:hover span{text-decoration:underline}.status__content a .fa,.reply-indicator__content a .fa{color:#404040}.status__content a.unhandled-link,.reply-indicator__content a.unhandled-link{color:#0000a8}.status__content .status__content__spoiler-link,.reply-indicator__content .status__content__spoiler-link{background:#404040}.status__content .status__content__spoiler-link:hover,.reply-indicator__content .status__content__spoiler-link:hover{background:#525252;text-decoration:none}.status__content .status__content__spoiler-link::-moz-focus-inner,.reply-indicator__content .status__content__spoiler-link::-moz-focus-inner{border:0}.status__content .status__content__spoiler-link::-moz-focus-inner,.status__content .status__content__spoiler-link:focus,.status__content .status__content__spoiler-link:active,.reply-indicator__content .status__content__spoiler-link::-moz-focus-inner,.reply-indicator__content .status__content__spoiler-link:focus,.reply-indicator__content .status__content__spoiler-link:active{outline:0 !important}.status__content .status__content__text,.reply-indicator__content .status__content__text{display:none}.status__content .status__content__text.status__content__text--visible,.reply-indicator__content .status__content__text.status__content__text--visible{display:block}.announcements__item__content{word-wrap:break-word;overflow-y:auto}.announcements__item__content .emojione{width:20px;height:20px;margin:-3px 0 0}.announcements__item__content p{margin-bottom:10px;white-space:pre-wrap}.announcements__item__content p:last-child{margin-bottom:0}.announcements__item__content a{color:#d9e1e8;text-decoration:none}.announcements__item__content a:hover{text-decoration:underline}.announcements__item__content a.mention:hover{text-decoration:none}.announcements__item__content a.mention:hover span{text-decoration:underline}.announcements__item__content a.unhandled-link{color:#0000a8}.status__content.status__content--collapsed{max-height:300px}.status__content__read-more-button{display:block;font-size:15px;line-height:20px;color:#0000a8;border:0;background:transparent;padding:0;padding-top:8px;text-decoration:none}.status__content__read-more-button:hover,.status__content__read-more-button:active{text-decoration:underline}.status__content__spoiler-link{display:inline-block;border-radius:2px;background:transparent;border:0;color:#121a24;font-weight:700;font-size:11px;padding:0 6px;text-transform:uppercase;line-height:20px;cursor:pointer;vertical-align:middle}.status__wrapper--filtered{color:#404040;border:0;font-size:inherit;text-align:center;line-height:inherit;margin:0;padding:15px;box-sizing:border-box;width:100%;clear:both;border-bottom:1px solid #202e3f}.status__prepend-icon-wrapper{left:-26px;position:absolute}.focusable:focus{outline:0;background:#192432}.focusable:focus .status.status-direct{background:#26374d}.focusable:focus .status.status-direct.muted{background:transparent}.focusable:focus .detailed-status,.focusable:focus .detailed-status__action-bar{background:#202e3f}.status{padding:8px 10px;padding-left:68px;position:relative;min-height:54px;border-bottom:1px solid #202e3f;cursor:default;opacity:1;animation:fade 150ms linear}@supports(-ms-overflow-style: -ms-autohiding-scrollbar){.status{padding-right:26px}}@keyframes fade{0%{opacity:0}100%{opacity:1}}.status .video-player,.status .audio-player{margin-top:8px}.status.status-direct:not(.read){background:#202e3f;border-bottom-color:#26374d}.status.light .status__relative-time{color:#9baec8}.status.light .status__display-name{color:#121a24}.status.light .display-name{color:#9baec8}.status.light .display-name strong{color:#121a24}.status.light .status__content{color:#121a24}.status.light .status__content a{color:#00007f}.status.light .status__content a.status__content__spoiler-link{color:#fff;background:#9baec8}.status.light .status__content a.status__content__spoiler-link:hover{background:#b5c3d6}.notification-favourite .status.status-direct{background:transparent}.notification-favourite .status.status-direct .icon-button.disabled{color:#616161}.status__relative-time,.notification__relative_time{color:#404040;float:right;font-size:14px}.status__display-name{color:#404040}.status__info .status__display-name{display:block;max-width:100%;padding-right:25px}.status__info{font-size:15px}.status-check-box{border-bottom:1px solid #d9e1e8;display:flex}.status-check-box .status-check-box__status{margin:10px 0 10px 10px;flex:1;overflow:hidden}.status-check-box .status-check-box__status .media-gallery{max-width:250px}.status-check-box .status-check-box__status .status__content{padding:0;white-space:normal}.status-check-box .status-check-box__status .video-player,.status-check-box .status-check-box__status .audio-player{margin-top:8px;max-width:250px}.status-check-box .status-check-box__status .media-gallery__item-thumbnail{cursor:default}.status-check-box-toggle{align-items:center;display:flex;flex:0 0 auto;justify-content:center;padding:10px}.status__prepend{margin-left:68px;color:#404040;padding:8px 0;padding-bottom:2px;font-size:14px;position:relative}.status__prepend .status__display-name strong{color:#404040}.status__prepend>span{display:block;overflow:hidden;text-overflow:ellipsis}.status__action-bar{align-items:center;display:flex;margin-top:8px}.status__action-bar__counter{display:inline-flex;margin-right:11px;align-items:center}.status__action-bar__counter .status__action-bar-button{margin-right:4px}.status__action-bar__counter__label{display:inline-block;width:14px;font-size:12px;font-weight:500;color:#404040}.status__action-bar-button{margin-right:18px}.status__action-bar-dropdown{height:23.15px;width:23.15px}.detailed-status__action-bar-dropdown{flex:1 1 auto;display:flex;align-items:center;justify-content:center;position:relative}.detailed-status{background:#192432;padding:14px 10px}.detailed-status--flex{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-start}.detailed-status--flex .status__content,.detailed-status--flex .detailed-status__meta{flex:100%}.detailed-status .status__content{font-size:19px;line-height:24px}.detailed-status .status__content .emojione{width:24px;height:24px;margin:-1px 0 0}.detailed-status .status__content .status__content__spoiler-link{line-height:24px;margin:-1px 0 0}.detailed-status .video-player,.detailed-status .audio-player{margin-top:8px}.detailed-status__meta{margin-top:15px;color:#404040;font-size:14px;line-height:18px}.detailed-status__action-bar{background:#192432;border-top:1px solid #202e3f;border-bottom:1px solid #202e3f;display:flex;flex-direction:row;padding:10px 0}.detailed-status__link{color:inherit;text-decoration:none}.detailed-status__favorites,.detailed-status__reblogs{display:inline-block;font-weight:500;font-size:12px;margin-left:6px}.reply-indicator__content{color:#121a24;font-size:14px}.reply-indicator__content a{color:#404040}.domain{padding:10px;border-bottom:1px solid #202e3f}.domain .domain__domain-name{flex:1 1 auto;display:block;color:#fff;text-decoration:none;font-size:14px;font-weight:500}.domain__wrapper{display:flex}.domain_buttons{height:18px;padding:10px;white-space:nowrap}.account{padding:10px;border-bottom:1px solid #202e3f}.account.compact{padding:0;border-bottom:0}.account.compact .account__avatar-wrapper{margin-left:0}.account .account__display-name{flex:1 1 auto;display:block;color:#9baec8;overflow:hidden;text-decoration:none;font-size:14px}.account__wrapper{display:flex}.account__avatar-wrapper{float:left;margin-left:12px;margin-right:12px}.account__avatar{border-radius:4px;background:transparent no-repeat;background-position:50%;background-clip:padding-box;position:relative}.account__avatar-inline{display:inline-block;vertical-align:middle;margin-right:5px}.account__avatar-composite{border-radius:4px;background:transparent no-repeat;background-position:50%;background-clip:padding-box;border-radius:50%;overflow:hidden;position:relative}.account__avatar-composite>div{float:left;position:relative;box-sizing:border-box}.account__avatar-composite__label{display:block;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);color:#fff;text-shadow:1px 1px 2px #000;font-weight:700;font-size:15px}a .account__avatar{cursor:pointer}.account__avatar-overlay{width:48px;height:48px;background-size:48px 48px}.account__avatar-overlay-base{border-radius:4px;background:transparent no-repeat;background-position:50%;background-clip:padding-box;width:36px;height:36px;background-size:36px 36px}.account__avatar-overlay-overlay{border-radius:4px;background:transparent no-repeat;background-position:50%;background-clip:padding-box;width:24px;height:24px;background-size:24px 24px;position:absolute;bottom:0;right:0;z-index:1}.account__relationship{height:18px;padding:10px;white-space:nowrap}.account__disclaimer{padding:10px;border-top:1px solid #202e3f;color:#404040}.account__disclaimer strong{font-weight:500}.account__disclaimer strong:lang(ja){font-weight:700}.account__disclaimer strong:lang(ko){font-weight:700}.account__disclaimer strong:lang(zh-CN){font-weight:700}.account__disclaimer strong:lang(zh-HK){font-weight:700}.account__disclaimer strong:lang(zh-TW){font-weight:700}.account__disclaimer a{font-weight:500;color:inherit;text-decoration:underline}.account__disclaimer a:hover,.account__disclaimer a:focus,.account__disclaimer a:active{text-decoration:none}.account__action-bar{border-top:1px solid #202e3f;border-bottom:1px solid #202e3f;line-height:36px;overflow:hidden;flex:0 0 auto;display:flex}.account__action-bar-dropdown{padding:10px}.account__action-bar-dropdown .icon-button{vertical-align:middle}.account__action-bar-dropdown .dropdown--active .dropdown__content.dropdown__right{left:6px;right:initial}.account__action-bar-dropdown .dropdown--active::after{bottom:initial;margin-left:11px;margin-top:-7px;right:initial}.account__action-bar-links{display:flex;flex:1 1 auto;line-height:18px;text-align:center}.account__action-bar__tab{text-decoration:none;overflow:hidden;flex:0 1 100%;border-right:1px solid #202e3f;padding:10px 0;border-bottom:4px solid transparent}.account__action-bar__tab.active{border-bottom:4px solid #00007f}.account__action-bar__tab>span{display:block;text-transform:uppercase;font-size:11px;color:#9baec8}.account__action-bar__tab strong{display:block;font-size:15px;font-weight:500;color:#fff}.account__action-bar__tab strong:lang(ja){font-weight:700}.account__action-bar__tab strong:lang(ko){font-weight:700}.account__action-bar__tab strong:lang(zh-CN){font-weight:700}.account__action-bar__tab strong:lang(zh-HK){font-weight:700}.account__action-bar__tab strong:lang(zh-TW){font-weight:700}.account-authorize{padding:14px 10px}.account-authorize .detailed-status__display-name{display:block;margin-bottom:15px;overflow:hidden}.account-authorize__avatar{float:left;margin-right:10px}.status__display-name,.status__relative-time,.detailed-status__display-name,.detailed-status__datetime,.detailed-status__application,.account__display-name{text-decoration:none}.status__display-name strong,.account__display-name strong{color:#fff}.muted .emojione{opacity:.5}.status__display-name:hover strong,.reply-indicator__display-name:hover strong,.detailed-status__display-name:hover strong,a.account__display-name:hover strong{text-decoration:underline}.account__display-name strong{display:block;overflow:hidden;text-overflow:ellipsis}.detailed-status__application,.detailed-status__datetime{color:inherit}.detailed-status .button.logo-button{margin-bottom:15px}.detailed-status__display-name{color:#d9e1e8;display:block;line-height:24px;margin-bottom:15px;overflow:hidden}.detailed-status__display-name strong,.detailed-status__display-name span{display:block;text-overflow:ellipsis;overflow:hidden}.detailed-status__display-name strong{font-size:16px;color:#fff}.detailed-status__display-avatar{float:left;margin-right:10px}.status__avatar{height:48px;left:10px;position:absolute;top:10px;width:48px}.status__expand{width:68px;position:absolute;left:0;top:0;height:100%;cursor:pointer}.muted .status__content,.muted .status__content p,.muted .status__content a{color:#404040}.muted .status__display-name strong{color:#404040}.muted .status__avatar{opacity:.5}.muted a.status__content__spoiler-link{background:#404040;color:#121a24}.muted a.status__content__spoiler-link:hover{background:#525252;text-decoration:none}.notification__message{margin:0 10px 0 68px;padding:8px 0 0;cursor:default;color:#9baec8;font-size:15px;line-height:22px;position:relative}.notification__message .fa{color:#00007f}.notification__message>span{display:inline;overflow:hidden;text-overflow:ellipsis}.notification__favourite-icon-wrapper{left:-26px;position:absolute}.notification__favourite-icon-wrapper .star-icon{color:#ca8f04}.star-icon.active{color:#ca8f04}.bookmark-icon.active{color:#ff5050}.no-reduce-motion .icon-button.star-icon.activate>.fa-star{animation:spring-rotate-in 1s linear}.no-reduce-motion .icon-button.star-icon.deactivate>.fa-star{animation:spring-rotate-out 1s linear}.notification__display-name{color:inherit;font-weight:500;text-decoration:none}.notification__display-name:hover{color:#fff;text-decoration:underline}.notification__relative_time{float:right}.display-name{display:block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.display-name__html{font-weight:500}.display-name__account{font-size:14px}.status__relative-time:hover,.detailed-status__datetime:hover{text-decoration:underline}.image-loader{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center;flex-direction:column}.image-loader .image-loader__preview-canvas{max-width:100%;max-height:80%;background:url(\"~images/void.png\") repeat;object-fit:contain}.image-loader .loading-bar{position:relative}.image-loader.image-loader--amorphous .image-loader__preview-canvas{display:none}.zoomable-image{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center}.zoomable-image img{max-width:100%;max-height:80%;width:auto;height:auto;object-fit:contain}.navigation-bar{padding:10px;display:flex;align-items:center;flex-shrink:0;cursor:default;color:#9baec8}.navigation-bar strong{color:#d9e1e8}.navigation-bar a{color:inherit}.navigation-bar .permalink{text-decoration:none}.navigation-bar .navigation-bar__actions{position:relative}.navigation-bar .navigation-bar__actions .icon-button.close{position:absolute;pointer-events:none;transform:scale(0, 1) translate(-100%, 0);opacity:0}.navigation-bar .navigation-bar__actions .compose__action-bar .icon-button{pointer-events:auto;transform:scale(1, 1) translate(0, 0);opacity:1}.navigation-bar__profile{flex:1 1 auto;margin-left:8px;line-height:20px;margin-top:-1px;overflow:hidden}.navigation-bar__profile-account{display:block;font-weight:500;overflow:hidden;text-overflow:ellipsis}.navigation-bar__profile-edit{color:inherit;text-decoration:none}.dropdown{display:inline-block}.dropdown__content{display:none;position:absolute}.dropdown-menu__separator{border-bottom:1px solid #c0cdd9;margin:5px 7px 6px;height:0}.dropdown-menu{background:#d9e1e8;padding:4px 0;border-radius:4px;box-shadow:2px 4px 15px rgba(0,0,0,.4);z-index:9999}.dropdown-menu ul{list-style:none}.dropdown-menu.left{transform-origin:100% 50%}.dropdown-menu.top{transform-origin:50% 100%}.dropdown-menu.bottom{transform-origin:50% 0}.dropdown-menu.right{transform-origin:0 50%}.dropdown-menu__arrow{position:absolute;width:0;height:0;border:0 solid transparent}.dropdown-menu__arrow.left{right:-5px;margin-top:-5px;border-width:5px 0 5px 5px;border-left-color:#d9e1e8}.dropdown-menu__arrow.top{bottom:-5px;margin-left:-7px;border-width:5px 7px 0;border-top-color:#d9e1e8}.dropdown-menu__arrow.bottom{top:-5px;margin-left:-7px;border-width:0 7px 5px;border-bottom-color:#d9e1e8}.dropdown-menu__arrow.right{left:-5px;margin-top:-5px;border-width:5px 5px 5px 0;border-right-color:#d9e1e8}.dropdown-menu__item a{font-size:13px;line-height:18px;display:block;padding:4px 14px;box-sizing:border-box;text-decoration:none;background:#d9e1e8;color:#121a24;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dropdown-menu__item a:focus,.dropdown-menu__item a:hover,.dropdown-menu__item a:active{background:#00007f;color:#d9e1e8;outline:0}.dropdown--active .dropdown__content{display:block;line-height:18px;max-width:311px;right:0;text-align:left;z-index:9999}.dropdown--active .dropdown__content>ul{list-style:none;background:#d9e1e8;padding:4px 0;border-radius:4px;box-shadow:0 0 15px rgba(0,0,0,.4);min-width:140px;position:relative}.dropdown--active .dropdown__content.dropdown__right{right:0}.dropdown--active .dropdown__content.dropdown__left>ul{left:-98px}.dropdown--active .dropdown__content>ul>li>a{font-size:13px;line-height:18px;display:block;padding:4px 14px;box-sizing:border-box;text-decoration:none;background:#d9e1e8;color:#121a24;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dropdown--active .dropdown__content>ul>li>a:focus{outline:0}.dropdown--active .dropdown__content>ul>li>a:hover{background:#00007f;color:#d9e1e8}.dropdown__icon{vertical-align:middle}.columns-area{display:flex;flex:1 1 auto;flex-direction:row;justify-content:flex-start;overflow-x:auto;position:relative}.columns-area.unscrollable{overflow-x:hidden}.columns-area__panels{display:flex;justify-content:center;width:100%;height:100%;min-height:100vh}.columns-area__panels__pane{height:100%;overflow:hidden;pointer-events:none;display:flex;justify-content:flex-end;min-width:285px}.columns-area__panels__pane--start{justify-content:flex-start}.columns-area__panels__pane__inner{position:fixed;width:285px;pointer-events:auto;height:100%}.columns-area__panels__main{box-sizing:border-box;width:100%;max-width:600px;flex:0 0 auto;display:flex;flex-direction:column}@media screen and (min-width: 415px){.columns-area__panels__main{padding:0 10px}}.tabs-bar__wrapper{background:#040609;position:sticky;top:0;z-index:2;padding-top:0}@media screen and (min-width: 415px){.tabs-bar__wrapper{padding-top:10px}}.tabs-bar__wrapper .tabs-bar{margin-bottom:0}@media screen and (min-width: 415px){.tabs-bar__wrapper .tabs-bar{margin-bottom:10px}}.react-swipeable-view-container,.react-swipeable-view-container .columns-area,.react-swipeable-view-container .drawer,.react-swipeable-view-container .column{height:100%}.react-swipeable-view-container>*{display:flex;align-items:center;justify-content:center;height:100%}.column{width:350px;position:relative;box-sizing:border-box;display:flex;flex-direction:column}.column>.scrollable{background:#121a24;border-bottom-left-radius:2px;border-bottom-right-radius:2px}.ui{flex:0 0 auto;display:flex;flex-direction:column;width:100%;height:100%}.drawer{width:330px;box-sizing:border-box;display:flex;flex-direction:column;overflow-y:hidden}.drawer__tab{display:block;flex:1 1 auto;padding:15px 5px 13px;color:#9baec8;text-decoration:none;text-align:center;font-size:16px;border-bottom:2px solid transparent}.column,.drawer{flex:1 1 auto;overflow:hidden}@media screen and (min-width: 631px){.columns-area{padding:0}.column,.drawer{flex:0 0 auto;padding:10px;padding-left:5px;padding-right:5px}.column:first-child,.drawer:first-child{padding-left:10px}.column:last-child,.drawer:last-child{padding-right:10px}.columns-area>div .column,.columns-area>div .drawer{padding-left:5px;padding-right:5px}}.tabs-bar{box-sizing:border-box;display:flex;background:#202e3f;flex:0 0 auto;overflow-y:auto}.tabs-bar__link{display:block;flex:1 1 auto;padding:15px 10px;padding-bottom:13px;color:#fff;text-decoration:none;text-align:center;font-size:14px;font-weight:500;border-bottom:2px solid #202e3f;transition:all 50ms linear;transition-property:border-bottom,background,color}.tabs-bar__link .fa{font-weight:400;font-size:16px}@media screen and (min-width: 631px){.tabs-bar__link:hover,.tabs-bar__link:focus,.tabs-bar__link:active{background:#2a3c54;border-bottom-color:#2a3c54}}.tabs-bar__link.active{border-bottom:2px solid #00007f;color:#00007f}.tabs-bar__link span{margin-left:5px;display:none}@media screen and (min-width: 600px){.tabs-bar__link span{display:inline}}.columns-area--mobile{flex-direction:column;width:100%;height:100%;margin:0 auto}.columns-area--mobile .column,.columns-area--mobile .drawer{width:100%;height:100%;padding:0}.columns-area--mobile .directory__list{display:grid;grid-gap:10px;grid-template-columns:minmax(0, 50%) minmax(0, 50%)}@media screen and (max-width: 415px){.columns-area--mobile .directory__list{display:block}}.columns-area--mobile .directory__card{margin-bottom:0}.columns-area--mobile .filter-form{display:flex}.columns-area--mobile .autosuggest-textarea__textarea{font-size:16px}.columns-area--mobile .search__input{line-height:18px;font-size:16px;padding:15px;padding-right:30px}.columns-area--mobile .search__icon .fa{top:15px}.columns-area--mobile .scrollable{overflow:visible}@supports(display: grid){.columns-area--mobile .scrollable{contain:content}}@media screen and (min-width: 415px){.columns-area--mobile{padding:10px 0;padding-top:0}}@media screen and (min-width: 630px){.columns-area--mobile .detailed-status{padding:15px}.columns-area--mobile .detailed-status .media-gallery,.columns-area--mobile .detailed-status .video-player,.columns-area--mobile .detailed-status .audio-player{margin-top:15px}.columns-area--mobile .account__header__bar{padding:5px 10px}.columns-area--mobile .navigation-bar,.columns-area--mobile .compose-form{padding:15px}.columns-area--mobile .compose-form .compose-form__publish .compose-form__publish-button-wrapper{padding-top:15px}.columns-area--mobile .status{padding:15px 15px 15px 78px;min-height:50px}.columns-area--mobile .status__avatar{left:15px;top:17px}.columns-area--mobile .status__content{padding-top:5px}.columns-area--mobile .status__prepend{margin-left:78px;padding-top:15px}.columns-area--mobile .status__prepend-icon-wrapper{left:-32px}.columns-area--mobile .status .media-gallery,.columns-area--mobile .status__action-bar,.columns-area--mobile .status .video-player,.columns-area--mobile .status .audio-player{margin-top:10px}.columns-area--mobile .account{padding:15px 10px}.columns-area--mobile .account__header__bio{margin:0 -10px}.columns-area--mobile .notification__message{margin-left:78px;padding-top:15px}.columns-area--mobile .notification__favourite-icon-wrapper{left:-32px}.columns-area--mobile .notification .status{padding-top:8px}.columns-area--mobile .notification .account{padding-top:8px}.columns-area--mobile .notification .account__avatar-wrapper{margin-left:17px;margin-right:15px}}.floating-action-button{position:fixed;display:flex;justify-content:center;align-items:center;width:3.9375rem;height:3.9375rem;bottom:1.3125rem;right:1.3125rem;background:#000070;color:#fff;border-radius:50%;font-size:21px;line-height:21px;text-decoration:none;box-shadow:2px 3px 9px rgba(0,0,0,.4)}.floating-action-button:hover,.floating-action-button:focus,.floating-action-button:active{background:#0000a3}@media screen and (min-width: 415px){.tabs-bar{width:100%}.react-swipeable-view-container .columns-area--mobile{height:calc(100% - 10px) !important}.getting-started__wrapper,.getting-started__trends,.search{margin-bottom:10px}.getting-started__panel{margin:10px 0}.column,.drawer{min-width:330px}}@media screen and (max-width: 895px){.columns-area__panels__pane--compositional{display:none}}@media screen and (min-width: 895px){.floating-action-button,.tabs-bar__link.optional{display:none}.search-page .search{display:none}}@media screen and (max-width: 1190px){.columns-area__panels__pane--navigational{display:none}}@media screen and (min-width: 1190px){.tabs-bar{display:none}}.icon-with-badge{position:relative}.icon-with-badge__badge{position:absolute;left:9px;top:-13px;background:#00007f;border:2px solid #202e3f;padding:1px 6px;border-radius:6px;font-size:10px;font-weight:500;line-height:14px;color:#fff}.column-link--transparent .icon-with-badge__badge{border-color:#040609}.compose-panel{width:285px;margin-top:10px;display:flex;flex-direction:column;height:calc(100% - 10px);overflow-y:hidden}.compose-panel .navigation-bar{padding-top:20px;padding-bottom:20px;flex:0 1 48px;min-height:20px}.compose-panel .flex-spacer{background:transparent}.compose-panel .compose-form{flex:1;overflow-y:hidden;display:flex;flex-direction:column;min-height:310px;padding-bottom:71px;margin-bottom:-71px}.compose-panel .compose-form__autosuggest-wrapper{overflow-y:auto;background-color:#fff;border-radius:4px 4px 0 0;flex:0 1 auto}.compose-panel .autosuggest-textarea__textarea{overflow-y:hidden}.compose-panel .compose-form__upload-thumbnail{height:80px}.navigation-panel{margin-top:10px;margin-bottom:10px;height:calc(100% - 20px);overflow-y:auto;display:flex;flex-direction:column}.navigation-panel>a{flex:0 0 auto}.navigation-panel hr{flex:0 0 auto;border:0;background:transparent;border-top:1px solid #192432;margin:10px 0}.navigation-panel .flex-spacer{background:transparent}.drawer__pager{box-sizing:border-box;padding:0;flex-grow:1;position:relative;overflow:hidden;display:flex}.drawer__inner{position:absolute;top:0;left:0;background:#283a50;box-sizing:border-box;padding:0;display:flex;flex-direction:column;overflow:hidden;overflow-y:auto;width:100%;height:100%;border-radius:2px}.drawer__inner.darker{background:#121a24}.drawer__inner__mastodon{background:#283a50 url('data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 234.80078 31.757813\" width=\"234.80078\" height=\"31.757812\"><path d=\"M19.599609 0c-1.05 0-2.10039.375-2.90039 1.125L0 16.925781v14.832031h234.80078V17.025391l-16.5-15.900391c-1.6-1.5-4.20078-1.5-5.80078 0l-13.80078 13.099609c-1.6 1.5-4.19883 1.5-5.79883 0L179.09961 1.125c-1.6-1.5-4.19883-1.5-5.79883 0L159.5 14.224609c-1.6 1.5-4.20078 1.5-5.80078 0L139.90039 1.125c-1.6-1.5-4.20078-1.5-5.80078 0l-13.79883 13.099609c-1.6 1.5-4.20078 1.5-5.80078 0L100.69922 1.125c-1.600001-1.5-4.198829-1.5-5.798829 0l-13.59961 13.099609c-1.6 1.5-4.200781 1.5-5.800781 0L61.699219 1.125c-1.6-1.5-4.198828-1.5-5.798828 0L42.099609 14.224609c-1.6 1.5-4.198828 1.5-5.798828 0L22.5 1.125C21.7.375 20.649609 0 19.599609 0z\" fill=\"%23121A24\"/></svg>') no-repeat bottom/100% auto;flex:1;min-height:47px;display:none}.drawer__inner__mastodon>img{display:block;object-fit:contain;object-position:bottom left;width:85%;height:100%;pointer-events:none;user-drag:none;user-select:none}@media screen and (min-height: 640px){.drawer__inner__mastodon{display:block}}.pseudo-drawer{background:#283a50;font-size:13px;text-align:left}.drawer__header{flex:0 0 auto;font-size:16px;background:#202e3f;margin-bottom:10px;display:flex;flex-direction:row;border-radius:2px}.drawer__header a{transition:background 100ms ease-in}.drawer__header a:hover{background:#17212e;transition:background 200ms ease-out}.scrollable{overflow-y:scroll;overflow-x:hidden;flex:1 1 auto;-webkit-overflow-scrolling:touch}.scrollable.optionally-scrollable{overflow-y:auto}@supports(display: grid){.scrollable{contain:strict}}.scrollable--flex{display:flex;flex-direction:column}.scrollable__append{flex:1 1 auto;position:relative;min-height:120px}@supports(display: grid){.scrollable.fullscreen{contain:none}}.column-back-button{box-sizing:border-box;width:100%;background:#192432;color:#00007f;cursor:pointer;flex:0 0 auto;font-size:16px;line-height:inherit;border:0;text-align:unset;padding:15px;margin:0;z-index:3;outline:0}.column-back-button:hover{text-decoration:underline}.column-header__back-button{background:#192432;border:0;font-family:inherit;color:#00007f;cursor:pointer;white-space:nowrap;font-size:16px;padding:0 5px 0 0;z-index:3}.column-header__back-button:hover{text-decoration:underline}.column-header__back-button:last-child{padding:0 15px 0 0}.column-back-button__icon{display:inline-block;margin-right:5px}.column-back-button--slim{position:relative}.column-back-button--slim-button{cursor:pointer;flex:0 0 auto;font-size:16px;padding:15px;position:absolute;right:0;top:-48px}.react-toggle{display:inline-block;position:relative;cursor:pointer;background-color:transparent;border:0;padding:0;user-select:none;-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-tap-highlight-color:transparent}.react-toggle-screenreader-only{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.react-toggle--disabled{cursor:not-allowed;opacity:.5;transition:opacity .25s}.react-toggle-track{width:50px;height:24px;padding:0;border-radius:30px;background-color:#121a24;transition:background-color .2s ease}.react-toggle:hover:not(.react-toggle--disabled) .react-toggle-track{background-color:#010102}.react-toggle--checked .react-toggle-track{background-color:#00007f}.react-toggle--checked:hover:not(.react-toggle--disabled) .react-toggle-track{background-color:#0000b2}.react-toggle-track-check{position:absolute;width:14px;height:10px;top:0;bottom:0;margin-top:auto;margin-bottom:auto;line-height:0;left:8px;opacity:0;transition:opacity .25s ease}.react-toggle--checked .react-toggle-track-check{opacity:1;transition:opacity .25s ease}.react-toggle-track-x{position:absolute;width:10px;height:10px;top:0;bottom:0;margin-top:auto;margin-bottom:auto;line-height:0;right:10px;opacity:1;transition:opacity .25s ease}.react-toggle--checked .react-toggle-track-x{opacity:0}.react-toggle-thumb{position:absolute;top:1px;left:1px;width:22px;height:22px;border:1px solid #121a24;border-radius:50%;background-color:#fafafa;box-sizing:border-box;transition:all .25s ease;transition-property:border-color,left}.react-toggle--checked .react-toggle-thumb{left:27px;border-color:#00007f}.column-link{background:#202e3f;color:#fff;display:block;font-size:16px;padding:15px;text-decoration:none}.column-link:hover,.column-link:focus,.column-link:active{background:#253549}.column-link:focus{outline:0}.column-link--transparent{background:transparent;color:#d9e1e8}.column-link--transparent:hover,.column-link--transparent:focus,.column-link--transparent:active{background:transparent;color:#fff}.column-link--transparent.active{color:#00007f}.column-link__icon{display:inline-block;margin-right:5px}.column-link__badge{display:inline-block;border-radius:4px;font-size:12px;line-height:19px;font-weight:500;background:#121a24;padding:4px 8px;margin:-6px 10px}.column-subheading{background:#121a24;color:#404040;padding:8px 20px;font-size:12px;font-weight:500;text-transform:uppercase;cursor:default}.getting-started__wrapper,.getting-started,.flex-spacer{background:#121a24}.flex-spacer{flex:1 1 auto}.getting-started{color:#404040;overflow:auto;border-bottom-left-radius:2px;border-bottom-right-radius:2px}.getting-started__wrapper,.getting-started__panel,.getting-started__footer{height:min-content}.getting-started__panel,.getting-started__footer{padding:10px;padding-top:20px;flex-grow:0}.getting-started__panel ul,.getting-started__footer ul{margin-bottom:10px}.getting-started__panel ul li,.getting-started__footer ul li{display:inline}.getting-started__panel p,.getting-started__footer p{font-size:13px}.getting-started__panel p a,.getting-started__footer p a{color:#404040;text-decoration:underline}.getting-started__panel a,.getting-started__footer a{text-decoration:none;color:#9baec8}.getting-started__panel a:hover,.getting-started__panel a:focus,.getting-started__panel a:active,.getting-started__footer a:hover,.getting-started__footer a:focus,.getting-started__footer a:active{text-decoration:underline}.getting-started__wrapper,.getting-started__footer{color:#404040}.getting-started__trends{flex:0 1 auto;opacity:1;animation:fade 150ms linear;margin-top:10px}.getting-started__trends h4{font-size:12px;text-transform:uppercase;color:#9baec8;padding:10px;font-weight:500;border-bottom:1px solid #202e3f}@media screen and (max-height: 810px){.getting-started__trends .trends__item:nth-child(3){display:none}}@media screen and (max-height: 720px){.getting-started__trends .trends__item:nth-child(2){display:none}}@media screen and (max-height: 670px){.getting-started__trends{display:none}}.getting-started__trends .trends__item{border-bottom:0;padding:10px}.getting-started__trends .trends__item__current{color:#9baec8}.keyboard-shortcuts{padding:8px 0 0;overflow:hidden}.keyboard-shortcuts thead{position:absolute;left:-9999px}.keyboard-shortcuts td{padding:0 10px 8px}.keyboard-shortcuts kbd{display:inline-block;padding:3px 5px;background-color:#202e3f;border:1px solid #0b1016}.setting-text{display:block;box-sizing:border-box;width:100%;margin:0;color:#121a24;background:#fff;padding:10px;font-family:inherit;font-size:14px;resize:vertical;border:0;outline:0;border-radius:4px}.setting-text:focus{outline:0}@media screen and (max-width: 600px){.setting-text{font-size:16px}}.no-reduce-motion button.icon-button i.fa-retweet{background-position:0 0;height:19px;transition:background-position .9s steps(10);transition-duration:0s;vertical-align:middle;width:22px}.no-reduce-motion button.icon-button i.fa-retweet::before{display:none !important}.no-reduce-motion button.icon-button.active i.fa-retweet{transition-duration:.9s;background-position:0 100%}.reduce-motion button.icon-button i.fa-retweet{color:#404040;transition:color 100ms ease-in}.reduce-motion button.icon-button.active i.fa-retweet{color:#00007f}.status-card{display:flex;font-size:14px;border:1px solid #202e3f;border-radius:4px;color:#404040;margin-top:14px;text-decoration:none;overflow:hidden}.status-card__actions{bottom:0;left:0;position:absolute;right:0;top:0;display:flex;justify-content:center;align-items:center}.status-card__actions>div{background:rgba(0,0,0,.6);border-radius:8px;padding:12px 9px;flex:0 0 auto;display:flex;justify-content:center;align-items:center}.status-card__actions button,.status-card__actions a{display:inline;color:#d9e1e8;background:transparent;border:0;padding:0 8px;text-decoration:none;font-size:18px;line-height:18px}.status-card__actions button:hover,.status-card__actions button:active,.status-card__actions button:focus,.status-card__actions a:hover,.status-card__actions a:active,.status-card__actions a:focus{color:#fff}.status-card__actions a{font-size:19px;position:relative;bottom:-1px}a.status-card{cursor:pointer}a.status-card:hover{background:#202e3f}.status-card-photo{cursor:zoom-in;display:block;text-decoration:none;width:100%;height:auto;margin:0}.status-card-video iframe{width:100%;height:100%}.status-card__title{display:block;font-weight:500;margin-bottom:5px;color:#9baec8;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-decoration:none}.status-card__content{flex:1 1 auto;overflow:hidden;padding:14px 14px 14px 8px}.status-card__description{color:#9baec8}.status-card__host{display:block;margin-top:5px;font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.status-card__image{flex:0 0 100px;background:#202e3f;position:relative}.status-card__image>.fa{font-size:21px;position:absolute;transform-origin:50% 50%;top:50%;left:50%;transform:translate(-50%, -50%)}.status-card.horizontal{display:block}.status-card.horizontal .status-card__image{width:100%}.status-card.horizontal .status-card__image-image{border-radius:4px 4px 0 0}.status-card.horizontal .status-card__title{white-space:inherit}.status-card.compact{border-color:#192432}.status-card.compact.interactive{border:0}.status-card.compact .status-card__content{padding:8px;padding-top:10px}.status-card.compact .status-card__title{white-space:nowrap}.status-card.compact .status-card__image{flex:0 0 60px}a.status-card.compact:hover{background-color:#192432}.status-card__image-image{border-radius:4px 0 0 4px;display:block;margin:0;width:100%;height:100%;object-fit:cover;background-size:cover;background-position:center center}.load-more{display:block;color:#404040;background-color:transparent;border:0;font-size:inherit;text-align:center;line-height:inherit;margin:0;padding:15px;box-sizing:border-box;width:100%;clear:both;text-decoration:none}.load-more:hover{background:#151f2b}.load-gap{border-bottom:1px solid #202e3f}.regeneration-indicator{text-align:center;font-size:16px;font-weight:500;color:#404040;background:#121a24;cursor:default;display:flex;flex:1 1 auto;flex-direction:column;align-items:center;justify-content:center;padding:20px}.regeneration-indicator__figure,.regeneration-indicator__figure img{display:block;width:auto;height:160px;margin:0}.regeneration-indicator--without-header{padding-top:68px}.regeneration-indicator__label{margin-top:30px}.regeneration-indicator__label strong{display:block;margin-bottom:10px;color:#404040}.regeneration-indicator__label span{font-size:15px;font-weight:400}.column-header__wrapper{position:relative;flex:0 0 auto;z-index:1}.column-header__wrapper.active{box-shadow:0 1px 0 rgba(0,0,127,.3)}.column-header__wrapper.active::before{display:block;content:\"\";position:absolute;bottom:-13px;left:0;right:0;margin:0 auto;width:60%;pointer-events:none;height:28px;z-index:1;background:radial-gradient(ellipse, rgba(0, 0, 127, 0.23) 0%, rgba(0, 0, 127, 0) 60%)}.column-header__wrapper .announcements{z-index:1;position:relative}.column-header{display:flex;font-size:16px;background:#192432;flex:0 0 auto;cursor:pointer;position:relative;z-index:2;outline:0;overflow:hidden;border-top-left-radius:2px;border-top-right-radius:2px}.column-header>button{margin:0;border:0;padding:15px 0 15px 15px;color:inherit;background:transparent;font:inherit;text-align:left;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;flex:1}.column-header>.column-header__back-button{color:#00007f}.column-header.active .column-header__icon{color:#00007f;text-shadow:0 0 10px rgba(0,0,127,.4)}.column-header:focus,.column-header:active{outline:0}.column-header__buttons{height:48px;display:flex}.column-header__links{margin-bottom:14px}.column-header__links .text-btn{margin-right:10px}.column-header__button{background:#192432;border:0;color:#9baec8;cursor:pointer;font-size:16px;padding:0 15px}.column-header__button:hover{color:#b2c1d5}.column-header__button.active{color:#fff;background:#202e3f}.column-header__button.active:hover{color:#fff;background:#202e3f}.column-header__collapsible{max-height:70vh;overflow:hidden;overflow-y:auto;color:#9baec8;transition:max-height 150ms ease-in-out,opacity 300ms linear;opacity:1;z-index:1;position:relative}.column-header__collapsible.collapsed{max-height:0;opacity:.5}.column-header__collapsible.animating{overflow-y:hidden}.column-header__collapsible hr{height:0;background:transparent;border:0;border-top:1px solid #26374d;margin:10px 0}.column-header__collapsible-inner{background:#202e3f;padding:15px}.column-header__setting-btn:hover{color:#9baec8;text-decoration:underline}.column-header__setting-arrows{float:right}.column-header__setting-arrows .column-header__setting-btn{padding:0 10px}.column-header__setting-arrows .column-header__setting-btn:last-child{padding-right:0}.text-btn{display:inline-block;padding:0;font-family:inherit;font-size:inherit;color:inherit;border:0;background:transparent;cursor:pointer}.column-header__icon{display:inline-block;margin-right:5px}.loading-indicator{color:#404040;font-size:12px;font-weight:400;text-transform:uppercase;overflow:visible;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%)}.loading-indicator span{display:block;float:left;margin-left:50%;transform:translateX(-50%);margin:82px 0 0 50%;white-space:nowrap}.loading-indicator__figure{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:42px;height:42px;box-sizing:border-box;background-color:transparent;border:0 solid #3e5a7c;border-width:6px;border-radius:50%}.no-reduce-motion .loading-indicator span{animation:loader-label 1.15s infinite cubic-bezier(0.215, 0.61, 0.355, 1)}.no-reduce-motion .loading-indicator__figure{animation:loader-figure 1.15s infinite cubic-bezier(0.215, 0.61, 0.355, 1)}@keyframes spring-rotate-in{0%{transform:rotate(0deg)}30%{transform:rotate(-484.8deg)}60%{transform:rotate(-316.7deg)}90%{transform:rotate(-375deg)}100%{transform:rotate(-360deg)}}@keyframes spring-rotate-out{0%{transform:rotate(-360deg)}30%{transform:rotate(124.8deg)}60%{transform:rotate(-43.27deg)}90%{transform:rotate(15deg)}100%{transform:rotate(0deg)}}@keyframes loader-figure{0%{width:0;height:0;background-color:#3e5a7c}29%{background-color:#3e5a7c}30%{width:42px;height:42px;background-color:transparent;border-width:21px;opacity:1}100%{width:42px;height:42px;border-width:0;opacity:0;background-color:transparent}}@keyframes loader-label{0%{opacity:.25}30%{opacity:1}100%{opacity:.25}}.video-error-cover{align-items:center;background:#000;color:#fff;cursor:pointer;display:flex;flex-direction:column;height:100%;justify-content:center;margin-top:8px;position:relative;text-align:center;z-index:100}.media-spoiler{background:#000;color:#9baec8;border:0;padding:0;width:100%;height:100%;border-radius:4px;appearance:none}.media-spoiler:hover,.media-spoiler:active,.media-spoiler:focus{padding:0;color:#b5c3d6}.media-spoiler__warning{display:block;font-size:14px}.media-spoiler__trigger{display:block;font-size:11px;font-weight:700}.spoiler-button{top:0;left:0;width:100%;height:100%;position:absolute;z-index:100}.spoiler-button--minified{display:block;left:4px;top:4px;width:auto;height:auto}.spoiler-button--click-thru{pointer-events:none}.spoiler-button--hidden{display:none}.spoiler-button__overlay{display:block;background:transparent;width:100%;height:100%;border:0}.spoiler-button__overlay__label{display:inline-block;background:rgba(0,0,0,.5);border-radius:8px;padding:8px 12px;color:#fff;font-weight:500;font-size:14px}.spoiler-button__overlay:hover .spoiler-button__overlay__label,.spoiler-button__overlay:focus .spoiler-button__overlay__label,.spoiler-button__overlay:active .spoiler-button__overlay__label{background:rgba(0,0,0,.8)}.spoiler-button__overlay:disabled .spoiler-button__overlay__label{background:rgba(0,0,0,.5)}.modal-container--preloader{background:#202e3f}.account--panel{background:#192432;border-top:1px solid #202e3f;border-bottom:1px solid #202e3f;display:flex;flex-direction:row;padding:10px 0}.account--panel__button,.detailed-status__button{flex:1 1 auto;text-align:center}.column-settings__outer{background:#202e3f;padding:15px}.column-settings__section{color:#9baec8;cursor:default;display:block;font-weight:500;margin-bottom:10px}.column-settings__hashtags .column-settings__row{margin-bottom:15px}.column-settings__hashtags .column-select__control{outline:0;box-sizing:border-box;width:100%;border:0;box-shadow:none;font-family:inherit;background:#121a24;color:#9baec8;font-size:14px;margin:0}.column-settings__hashtags .column-select__control::placeholder{color:#a8b9cf}.column-settings__hashtags .column-select__control::-moz-focus-inner{border:0}.column-settings__hashtags .column-select__control::-moz-focus-inner,.column-settings__hashtags .column-select__control:focus,.column-settings__hashtags .column-select__control:active{outline:0 !important}.column-settings__hashtags .column-select__control:focus{background:#192432}@media screen and (max-width: 600px){.column-settings__hashtags .column-select__control{font-size:16px}}.column-settings__hashtags .column-select__placeholder{color:#404040;padding-left:2px;font-size:12px}.column-settings__hashtags .column-select__value-container{padding-left:6px}.column-settings__hashtags .column-select__multi-value{background:#202e3f}.column-settings__hashtags .column-select__multi-value__remove{cursor:pointer}.column-settings__hashtags .column-select__multi-value__remove:hover,.column-settings__hashtags .column-select__multi-value__remove:active,.column-settings__hashtags .column-select__multi-value__remove:focus{background:#26374d;color:#a8b9cf}.column-settings__hashtags .column-select__multi-value__label,.column-settings__hashtags .column-select__input{color:#9baec8}.column-settings__hashtags .column-select__clear-indicator,.column-settings__hashtags .column-select__dropdown-indicator{cursor:pointer;transition:none;color:#404040}.column-settings__hashtags .column-select__clear-indicator:hover,.column-settings__hashtags .column-select__clear-indicator:active,.column-settings__hashtags .column-select__clear-indicator:focus,.column-settings__hashtags .column-select__dropdown-indicator:hover,.column-settings__hashtags .column-select__dropdown-indicator:active,.column-settings__hashtags .column-select__dropdown-indicator:focus{color:#4a4a4a}.column-settings__hashtags .column-select__indicator-separator{background-color:#202e3f}.column-settings__hashtags .column-select__menu{background:#fff;border-radius:4px;padding:10px 14px;padding-bottom:14px;margin-top:10px;color:#9baec8;box-shadow:2px 4px 15px rgba(0,0,0,.4);padding:0;background:#d9e1e8}.column-settings__hashtags .column-select__menu h4{text-transform:uppercase;color:#9baec8;font-size:13px;font-weight:500;margin-bottom:10px}.column-settings__hashtags .column-select__menu li{padding:4px 0}.column-settings__hashtags .column-select__menu ul{margin-bottom:10px}.column-settings__hashtags .column-select__menu em{font-weight:500;color:#121a24}.column-settings__hashtags .column-select__menu-list{padding:6px}.column-settings__hashtags .column-select__option{color:#121a24;border-radius:4px;font-size:14px}.column-settings__hashtags .column-select__option--is-focused,.column-settings__hashtags .column-select__option--is-selected{background:#b9c8d5}.column-settings__row .text-btn{margin-bottom:15px}.relationship-tag{color:#fff;margin-bottom:4px;display:block;vertical-align:top;background-color:#000;text-transform:uppercase;font-size:11px;font-weight:500;padding:4px;border-radius:4px;opacity:.7}.relationship-tag:hover{opacity:1}.setting-toggle{display:block;line-height:24px}.setting-toggle__label{color:#9baec8;display:inline-block;margin-bottom:14px;margin-left:8px;vertical-align:middle}.empty-column-indicator,.error-column,.follow_requests-unlocked_explanation{color:#404040;background:#121a24;text-align:center;padding:20px;font-size:15px;font-weight:400;cursor:default;display:flex;flex:1 1 auto;align-items:center;justify-content:center}@supports(display: grid){.empty-column-indicator,.error-column,.follow_requests-unlocked_explanation{contain:strict}}.empty-column-indicator>span,.error-column>span,.follow_requests-unlocked_explanation>span{max-width:400px}.empty-column-indicator a,.error-column a,.follow_requests-unlocked_explanation a{color:#00007f;text-decoration:none}.empty-column-indicator a:hover,.error-column a:hover,.follow_requests-unlocked_explanation a:hover{text-decoration:underline}.follow_requests-unlocked_explanation{background:#0b1016;contain:initial}.error-column{flex-direction:column}@keyframes heartbeat{from{transform:scale(1);animation-timing-function:ease-out}10%{transform:scale(0.91);animation-timing-function:ease-in}17%{transform:scale(0.98);animation-timing-function:ease-out}33%{transform:scale(0.87);animation-timing-function:ease-in}45%{transform:scale(1);animation-timing-function:ease-out}}.no-reduce-motion .pulse-loading{transform-origin:center center;animation:heartbeat 1.5s ease-in-out infinite both}@keyframes shake-bottom{0%,100%{transform:rotate(0deg);transform-origin:50% 100%}10%{transform:rotate(2deg)}20%,40%,60%{transform:rotate(-4deg)}30%,50%,70%{transform:rotate(4deg)}80%{transform:rotate(-2deg)}90%{transform:rotate(2deg)}}.no-reduce-motion .shake-bottom{transform-origin:50% 100%;animation:shake-bottom .8s cubic-bezier(0.455, 0.03, 0.515, 0.955) 2s 2 both}.emoji-picker-dropdown__menu{background:#fff;position:absolute;box-shadow:4px 4px 6px rgba(0,0,0,.4);border-radius:4px;margin-top:5px;z-index:2}.emoji-picker-dropdown__menu .emoji-mart-scroll{transition:opacity 200ms ease}.emoji-picker-dropdown__menu.selecting .emoji-mart-scroll{opacity:.5}.emoji-picker-dropdown__modifiers{position:absolute;top:60px;right:11px;cursor:pointer}.emoji-picker-dropdown__modifiers__menu{position:absolute;z-index:4;top:-4px;left:-8px;background:#fff;border-radius:4px;box-shadow:1px 2px 6px rgba(0,0,0,.2);overflow:hidden}.emoji-picker-dropdown__modifiers__menu button{display:block;cursor:pointer;border:0;padding:4px 8px;background:transparent}.emoji-picker-dropdown__modifiers__menu button:hover,.emoji-picker-dropdown__modifiers__menu button:focus,.emoji-picker-dropdown__modifiers__menu button:active{background:rgba(217,225,232,.4)}.emoji-picker-dropdown__modifiers__menu .emoji-mart-emoji{height:22px}.emoji-mart-emoji span{background-repeat:no-repeat}.upload-area{align-items:center;background:rgba(0,0,0,.8);display:flex;height:100%;justify-content:center;left:0;opacity:0;position:absolute;top:0;visibility:hidden;width:100%;z-index:2000}.upload-area *{pointer-events:none}.upload-area__drop{width:320px;height:160px;display:flex;box-sizing:border-box;position:relative;padding:8px}.upload-area__background{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;border-radius:4px;background:#121a24;box-shadow:0 0 5px rgba(0,0,0,.2)}.upload-area__content{flex:1;display:flex;align-items:center;justify-content:center;color:#d9e1e8;font-size:18px;font-weight:500;border:2px dashed #404040;border-radius:4px}.upload-progress{padding:10px;color:#404040;overflow:hidden;display:flex}.upload-progress .fa{font-size:34px;margin-right:10px}.upload-progress span{font-size:12px;text-transform:uppercase;font-weight:500;display:block}.upload-progess__message{flex:1 1 auto}.upload-progress__backdrop{width:100%;height:6px;border-radius:6px;background:#404040;position:relative;margin-top:5px}.upload-progress__tracker{position:absolute;left:0;top:0;height:6px;background:#00007f;border-radius:6px}.emoji-button{display:block;padding:5px 5px 2px 2px;outline:0;cursor:pointer}.emoji-button:active,.emoji-button:focus{outline:0 !important}.emoji-button img{filter:grayscale(100%);opacity:.8;display:block;margin:0;width:22px;height:22px}.emoji-button:hover img,.emoji-button:active img,.emoji-button:focus img{opacity:1;filter:none}.dropdown--active .emoji-button img{opacity:1;filter:none}.privacy-dropdown__dropdown{position:absolute;background:#fff;box-shadow:2px 4px 15px rgba(0,0,0,.4);border-radius:4px;margin-left:40px;overflow:hidden}.privacy-dropdown__dropdown.top{transform-origin:50% 100%}.privacy-dropdown__dropdown.bottom{transform-origin:50% 0}.privacy-dropdown__option{color:#121a24;padding:10px;cursor:pointer;display:flex}.privacy-dropdown__option:hover,.privacy-dropdown__option.active{background:#00007f;color:#fff;outline:0}.privacy-dropdown__option:hover .privacy-dropdown__option__content,.privacy-dropdown__option.active .privacy-dropdown__option__content{color:#fff}.privacy-dropdown__option:hover .privacy-dropdown__option__content strong,.privacy-dropdown__option.active .privacy-dropdown__option__content strong{color:#fff}.privacy-dropdown__option.active:hover{background:#000093}.privacy-dropdown__option__icon{display:flex;align-items:center;justify-content:center;margin-right:10px}.privacy-dropdown__option__content{flex:1 1 auto;color:#404040}.privacy-dropdown__option__content strong{font-weight:500;display:block;color:#121a24}.privacy-dropdown__option__content strong:lang(ja){font-weight:700}.privacy-dropdown__option__content strong:lang(ko){font-weight:700}.privacy-dropdown__option__content strong:lang(zh-CN){font-weight:700}.privacy-dropdown__option__content strong:lang(zh-HK){font-weight:700}.privacy-dropdown__option__content strong:lang(zh-TW){font-weight:700}.privacy-dropdown.active .privacy-dropdown__value{background:#fff;border-radius:4px 4px 0 0;box-shadow:0 -4px 4px rgba(0,0,0,.1)}.privacy-dropdown.active .privacy-dropdown__value .icon-button{transition:none}.privacy-dropdown.active .privacy-dropdown__value.active{background:#00007f}.privacy-dropdown.active .privacy-dropdown__value.active .icon-button{color:#fff}.privacy-dropdown.active.top .privacy-dropdown__value{border-radius:0 0 4px 4px}.privacy-dropdown.active .privacy-dropdown__dropdown{display:block;box-shadow:2px 4px 6px rgba(0,0,0,.1)}.search{position:relative}.search__input{outline:0;box-sizing:border-box;width:100%;border:0;box-shadow:none;font-family:inherit;background:#121a24;color:#9baec8;font-size:14px;margin:0;display:block;padding:15px;padding-right:30px;line-height:18px;font-size:16px}.search__input::placeholder{color:#a8b9cf}.search__input::-moz-focus-inner{border:0}.search__input::-moz-focus-inner,.search__input:focus,.search__input:active{outline:0 !important}.search__input:focus{background:#192432}@media screen and (max-width: 600px){.search__input{font-size:16px}}.search__icon::-moz-focus-inner{border:0}.search__icon::-moz-focus-inner,.search__icon:focus{outline:0 !important}.search__icon .fa{position:absolute;top:16px;right:10px;z-index:2;display:inline-block;opacity:0;transition:all 100ms linear;transition-property:transform,opacity;font-size:18px;width:18px;height:18px;color:#d9e1e8;cursor:default;pointer-events:none}.search__icon .fa.active{pointer-events:auto;opacity:.3}.search__icon .fa-search{transform:rotate(90deg)}.search__icon .fa-search.active{pointer-events:none;transform:rotate(0deg)}.search__icon .fa-times-circle{top:17px;transform:rotate(0deg);color:#404040;cursor:pointer}.search__icon .fa-times-circle.active{transform:rotate(90deg)}.search__icon .fa-times-circle:hover{color:#525252}.search-results__header{color:#404040;background:#151f2b;padding:15px;font-weight:500;font-size:16px;cursor:default}.search-results__header .fa{display:inline-block;margin-right:5px}.search-results__section{margin-bottom:5px}.search-results__section h5{background:#0b1016;border-bottom:1px solid #202e3f;cursor:default;display:flex;padding:15px;font-weight:500;font-size:16px;color:#404040}.search-results__section h5 .fa{display:inline-block;margin-right:5px}.search-results__section .account:last-child,.search-results__section>div:last-child .status{border-bottom:0}.search-results__hashtag{display:block;padding:10px;color:#d9e1e8;text-decoration:none}.search-results__hashtag:hover,.search-results__hashtag:active,.search-results__hashtag:focus{color:#e6ebf0;text-decoration:underline}.search-results__info{padding:20px;color:#9baec8;text-align:center}.modal-root{position:relative;transition:opacity .3s linear;will-change:opacity;z-index:9999}.modal-root__overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.7)}.modal-root__container{position:fixed;top:0;left:0;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;align-content:space-around;z-index:9999;pointer-events:none;user-select:none}.modal-root__modal{pointer-events:auto;display:flex;z-index:9999}.video-modal__container{max-width:100vw;max-height:100vh}.audio-modal__container{width:50vw}.media-modal{width:100%;height:100%;position:relative}.media-modal .extended-video-player{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.media-modal .extended-video-player video{max-width:100%;max-height:80%}.media-modal__closer{position:absolute;top:0;left:0;right:0;bottom:0}.media-modal__navigation{position:absolute;top:0;left:0;right:0;bottom:0;pointer-events:none;transition:opacity .3s linear;will-change:opacity}.media-modal__navigation *{pointer-events:auto}.media-modal__navigation.media-modal__navigation--hidden{opacity:0}.media-modal__navigation.media-modal__navigation--hidden *{pointer-events:none}.media-modal__nav{background:rgba(0,0,0,.5);box-sizing:border-box;border:0;color:#fff;cursor:pointer;display:flex;align-items:center;font-size:24px;height:20vmax;margin:auto 0;padding:30px 15px;position:absolute;top:0;bottom:0}.media-modal__nav--left{left:0}.media-modal__nav--right{right:0}.media-modal__pagination{width:100%;text-align:center;position:absolute;left:0;bottom:20px;pointer-events:none}.media-modal__meta{text-align:center;position:absolute;left:0;bottom:20px;width:100%;pointer-events:none}.media-modal__meta--shifted{bottom:62px}.media-modal__meta a{pointer-events:auto;text-decoration:none;font-weight:500;color:#d9e1e8}.media-modal__meta a:hover,.media-modal__meta a:focus,.media-modal__meta a:active{text-decoration:underline}.media-modal__page-dot{display:inline-block}.media-modal__button{background-color:#fff;height:12px;width:12px;border-radius:6px;margin:10px;padding:0;border:0;font-size:0}.media-modal__button--active{background-color:#00007f}.media-modal__close{position:absolute;right:8px;top:8px;z-index:100}.onboarding-modal,.error-modal,.embed-modal{background:#d9e1e8;color:#121a24;border-radius:8px;overflow:hidden;display:flex;flex-direction:column}.error-modal__body{height:80vh;width:80vw;max-width:520px;max-height:420px;position:relative}.error-modal__body>div{position:absolute;top:0;left:0;width:100%;height:100%;box-sizing:border-box;padding:25px;display:none;flex-direction:column;align-items:center;justify-content:center;display:flex;opacity:0;user-select:text}.error-modal__body{display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center}.onboarding-modal__paginator,.error-modal__footer{flex:0 0 auto;background:#c0cdd9;display:flex;padding:25px}.onboarding-modal__paginator>div,.error-modal__footer>div{min-width:33px}.onboarding-modal__paginator .onboarding-modal__nav,.onboarding-modal__paginator .error-modal__nav,.error-modal__footer .onboarding-modal__nav,.error-modal__footer .error-modal__nav{color:#404040;border:0;font-size:14px;font-weight:500;padding:10px 25px;line-height:inherit;height:auto;margin:-10px;border-radius:4px;background-color:transparent}.onboarding-modal__paginator .onboarding-modal__nav:hover,.onboarding-modal__paginator .onboarding-modal__nav:focus,.onboarding-modal__paginator .onboarding-modal__nav:active,.onboarding-modal__paginator .error-modal__nav:hover,.onboarding-modal__paginator .error-modal__nav:focus,.onboarding-modal__paginator .error-modal__nav:active,.error-modal__footer .onboarding-modal__nav:hover,.error-modal__footer .onboarding-modal__nav:focus,.error-modal__footer .onboarding-modal__nav:active,.error-modal__footer .error-modal__nav:hover,.error-modal__footer .error-modal__nav:focus,.error-modal__footer .error-modal__nav:active{color:#363636;background-color:#a6b9c9}.onboarding-modal__paginator .onboarding-modal__nav.onboarding-modal__done,.onboarding-modal__paginator .onboarding-modal__nav.onboarding-modal__next,.onboarding-modal__paginator .error-modal__nav.onboarding-modal__done,.onboarding-modal__paginator .error-modal__nav.onboarding-modal__next,.error-modal__footer .onboarding-modal__nav.onboarding-modal__done,.error-modal__footer .onboarding-modal__nav.onboarding-modal__next,.error-modal__footer .error-modal__nav.onboarding-modal__done,.error-modal__footer .error-modal__nav.onboarding-modal__next{color:#121a24}.onboarding-modal__paginator .onboarding-modal__nav.onboarding-modal__done:hover,.onboarding-modal__paginator .onboarding-modal__nav.onboarding-modal__done:focus,.onboarding-modal__paginator .onboarding-modal__nav.onboarding-modal__done:active,.onboarding-modal__paginator .onboarding-modal__nav.onboarding-modal__next:hover,.onboarding-modal__paginator .onboarding-modal__nav.onboarding-modal__next:focus,.onboarding-modal__paginator .onboarding-modal__nav.onboarding-modal__next:active,.onboarding-modal__paginator .error-modal__nav.onboarding-modal__done:hover,.onboarding-modal__paginator .error-modal__nav.onboarding-modal__done:focus,.onboarding-modal__paginator .error-modal__nav.onboarding-modal__done:active,.onboarding-modal__paginator .error-modal__nav.onboarding-modal__next:hover,.onboarding-modal__paginator .error-modal__nav.onboarding-modal__next:focus,.onboarding-modal__paginator .error-modal__nav.onboarding-modal__next:active,.error-modal__footer .onboarding-modal__nav.onboarding-modal__done:hover,.error-modal__footer .onboarding-modal__nav.onboarding-modal__done:focus,.error-modal__footer .onboarding-modal__nav.onboarding-modal__done:active,.error-modal__footer .onboarding-modal__nav.onboarding-modal__next:hover,.error-modal__footer .onboarding-modal__nav.onboarding-modal__next:focus,.error-modal__footer .onboarding-modal__nav.onboarding-modal__next:active,.error-modal__footer .error-modal__nav.onboarding-modal__done:hover,.error-modal__footer .error-modal__nav.onboarding-modal__done:focus,.error-modal__footer .error-modal__nav.onboarding-modal__done:active,.error-modal__footer .error-modal__nav.onboarding-modal__next:hover,.error-modal__footer .error-modal__nav.onboarding-modal__next:focus,.error-modal__footer .error-modal__nav.onboarding-modal__next:active{color:#192432}.error-modal__footer{justify-content:center}.display-case{text-align:center;font-size:15px;margin-bottom:15px}.display-case__label{font-weight:500;color:#121a24;margin-bottom:5px;text-transform:uppercase;font-size:12px}.display-case__case{background:#121a24;color:#d9e1e8;font-weight:500;padding:10px;border-radius:4px}.onboard-sliders{display:inline-block;max-width:30px;max-height:auto;margin-left:10px}.boost-modal,.confirmation-modal,.report-modal,.actions-modal,.mute-modal,.block-modal{background:#f2f5f7;color:#121a24;border-radius:8px;overflow:hidden;max-width:90vw;width:480px;position:relative;flex-direction:column}.boost-modal .status__display-name,.confirmation-modal .status__display-name,.report-modal .status__display-name,.actions-modal .status__display-name,.mute-modal .status__display-name,.block-modal .status__display-name{display:block;max-width:100%;padding-right:25px}.boost-modal .status__avatar,.confirmation-modal .status__avatar,.report-modal .status__avatar,.actions-modal .status__avatar,.mute-modal .status__avatar,.block-modal .status__avatar{height:28px;left:10px;position:absolute;top:10px;width:48px}.boost-modal .status__content__spoiler-link,.confirmation-modal .status__content__spoiler-link,.report-modal .status__content__spoiler-link,.actions-modal .status__content__spoiler-link,.mute-modal .status__content__spoiler-link,.block-modal .status__content__spoiler-link{color:#f2f5f7}.actions-modal .status{background:#fff;border-bottom-color:#d9e1e8;padding-top:10px;padding-bottom:10px}.actions-modal .dropdown-menu__separator{border-bottom-color:#d9e1e8}.boost-modal__container{overflow-x:scroll;padding:10px}.boost-modal__container .status{user-select:text;border-bottom:0}.boost-modal__action-bar,.confirmation-modal__action-bar,.mute-modal__action-bar,.block-modal__action-bar{display:flex;justify-content:space-between;background:#d9e1e8;padding:10px;line-height:36px}.boost-modal__action-bar>div,.confirmation-modal__action-bar>div,.mute-modal__action-bar>div,.block-modal__action-bar>div{flex:1 1 auto;text-align:right;color:#404040;padding-right:10px}.boost-modal__action-bar .button,.confirmation-modal__action-bar .button,.mute-modal__action-bar .button,.block-modal__action-bar .button{flex:0 0 auto}.boost-modal__status-header{font-size:15px}.boost-modal__status-time{float:right;font-size:14px}.mute-modal,.block-modal{line-height:24px}.mute-modal .react-toggle,.block-modal .react-toggle{vertical-align:middle}.report-modal{width:90vw;max-width:700px}.report-modal__container{display:flex;border-top:1px solid #d9e1e8}@media screen and (max-width: 480px){.report-modal__container{flex-wrap:wrap;overflow-y:auto}}.report-modal__statuses,.report-modal__comment{box-sizing:border-box;width:50%}@media screen and (max-width: 480px){.report-modal__statuses,.report-modal__comment{width:100%}}.report-modal__statuses,.focal-point-modal__content{flex:1 1 auto;min-height:20vh;max-height:80vh;overflow-y:auto;overflow-x:hidden}.report-modal__statuses .status__content a,.focal-point-modal__content .status__content a{color:#00007f}.report-modal__statuses .status__content,.report-modal__statuses .status__content p,.focal-point-modal__content .status__content,.focal-point-modal__content .status__content p{color:#121a24}@media screen and (max-width: 480px){.report-modal__statuses,.focal-point-modal__content{max-height:10vh}}@media screen and (max-width: 480px){.focal-point-modal__content{max-height:40vh}}.report-modal__comment{padding:20px;border-right:1px solid #d9e1e8;max-width:320px}.report-modal__comment p{font-size:14px;line-height:20px;margin-bottom:20px}.report-modal__comment .setting-text{display:block;box-sizing:border-box;width:100%;margin:0;color:#121a24;background:#fff;padding:10px;font-family:inherit;font-size:14px;resize:none;border:0;outline:0;border-radius:4px;border:1px solid #d9e1e8;min-height:100px;max-height:50vh;margin-bottom:10px}.report-modal__comment .setting-text:focus{border:1px solid #c0cdd9}.report-modal__comment .setting-text__wrapper{background:#fff;border:1px solid #d9e1e8;margin-bottom:10px;border-radius:4px}.report-modal__comment .setting-text__wrapper .setting-text{border:0;margin-bottom:0;border-radius:0}.report-modal__comment .setting-text__wrapper .setting-text:focus{border:0}.report-modal__comment .setting-text__wrapper__modifiers{color:#121a24;font-family:inherit;font-size:14px;background:#fff}.report-modal__comment .setting-text__toolbar{display:flex;justify-content:space-between;margin-bottom:20px}.report-modal__comment .setting-text-label{display:block;color:#121a24;font-size:14px;font-weight:500;margin-bottom:10px}.report-modal__comment .setting-toggle{margin-top:20px;margin-bottom:24px}.report-modal__comment .setting-toggle__label{color:#121a24;font-size:14px}@media screen and (max-width: 480px){.report-modal__comment{padding:10px;max-width:100%;order:2}.report-modal__comment .setting-toggle{margin-bottom:4px}}.actions-modal{max-height:80vh;max-width:80vw}.actions-modal .status{overflow-y:auto;max-height:300px}.actions-modal .actions-modal__item-label{font-weight:500}.actions-modal ul{overflow-y:auto;flex-shrink:0;max-height:80vh}.actions-modal ul.with-status{max-height:calc(80vh - 75px)}.actions-modal ul li:empty{margin:0}.actions-modal ul li:not(:empty) a{color:#121a24;display:flex;padding:12px 16px;font-size:15px;align-items:center;text-decoration:none}.actions-modal ul li:not(:empty) a,.actions-modal ul li:not(:empty) a button{transition:none}.actions-modal ul li:not(:empty) a.active,.actions-modal ul li:not(:empty) a.active button,.actions-modal ul li:not(:empty) a:hover,.actions-modal ul li:not(:empty) a:hover button,.actions-modal ul li:not(:empty) a:active,.actions-modal ul li:not(:empty) a:active button,.actions-modal ul li:not(:empty) a:focus,.actions-modal ul li:not(:empty) a:focus button{background:#00007f;color:#fff}.actions-modal ul li:not(:empty) a button:first-child{margin-right:10px}.confirmation-modal__action-bar .confirmation-modal__secondary-button,.mute-modal__action-bar .confirmation-modal__secondary-button,.block-modal__action-bar .confirmation-modal__secondary-button{flex-shrink:1}.confirmation-modal__secondary-button,.confirmation-modal__cancel-button,.mute-modal__cancel-button,.block-modal__cancel-button{background-color:transparent;color:#404040;font-size:14px;font-weight:500}.confirmation-modal__secondary-button:hover,.confirmation-modal__secondary-button:focus,.confirmation-modal__secondary-button:active,.confirmation-modal__cancel-button:hover,.confirmation-modal__cancel-button:focus,.confirmation-modal__cancel-button:active,.mute-modal__cancel-button:hover,.mute-modal__cancel-button:focus,.mute-modal__cancel-button:active,.block-modal__cancel-button:hover,.block-modal__cancel-button:focus,.block-modal__cancel-button:active{color:#363636;background-color:transparent}.confirmation-modal__container,.mute-modal__container,.block-modal__container,.report-modal__target{padding:30px;font-size:16px}.confirmation-modal__container strong,.mute-modal__container strong,.block-modal__container strong,.report-modal__target strong{font-weight:500}.confirmation-modal__container strong:lang(ja),.mute-modal__container strong:lang(ja),.block-modal__container strong:lang(ja),.report-modal__target strong:lang(ja){font-weight:700}.confirmation-modal__container strong:lang(ko),.mute-modal__container strong:lang(ko),.block-modal__container strong:lang(ko),.report-modal__target strong:lang(ko){font-weight:700}.confirmation-modal__container strong:lang(zh-CN),.mute-modal__container strong:lang(zh-CN),.block-modal__container strong:lang(zh-CN),.report-modal__target strong:lang(zh-CN){font-weight:700}.confirmation-modal__container strong:lang(zh-HK),.mute-modal__container strong:lang(zh-HK),.block-modal__container strong:lang(zh-HK),.report-modal__target strong:lang(zh-HK){font-weight:700}.confirmation-modal__container strong:lang(zh-TW),.mute-modal__container strong:lang(zh-TW),.block-modal__container strong:lang(zh-TW),.report-modal__target strong:lang(zh-TW){font-weight:700}.confirmation-modal__container,.report-modal__target{text-align:center}.block-modal__explanation,.mute-modal__explanation{margin-top:20px}.block-modal .setting-toggle,.mute-modal .setting-toggle{margin-top:20px;margin-bottom:24px;display:flex;align-items:center}.block-modal .setting-toggle__label,.mute-modal .setting-toggle__label{color:#121a24;margin:0;margin-left:8px}.report-modal__target{padding:15px}.report-modal__target .media-modal__close{top:14px;right:15px}.loading-bar{background-color:#00007f;height:3px;position:absolute;top:0;left:0;z-index:9999}.media-gallery__gifv__label{display:block;position:absolute;color:#fff;background:rgba(0,0,0,.5);bottom:6px;left:6px;padding:2px 6px;border-radius:2px;font-size:11px;font-weight:600;z-index:1;pointer-events:none;opacity:.9;transition:opacity .1s ease;line-height:18px}.media-gallery__gifv:hover .media-gallery__gifv__label{opacity:1}.media-gallery__audio{margin-top:32px}.media-gallery__audio audio{width:100%}.attachment-list{display:flex;font-size:14px;border:1px solid #202e3f;border-radius:4px;margin-top:14px;overflow:hidden}.attachment-list__icon{flex:0 0 auto;color:#404040;padding:8px 18px;cursor:default;border-right:1px solid #202e3f;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:26px}.attachment-list__icon .fa{display:block}.attachment-list__list{list-style:none;padding:4px 0;padding-left:8px;display:flex;flex-direction:column;justify-content:center}.attachment-list__list li{display:block;padding:4px 0}.attachment-list__list a{text-decoration:none;color:#404040;font-weight:500}.attachment-list__list a:hover{text-decoration:underline}.attachment-list.compact{border:0;margin-top:4px}.attachment-list.compact .attachment-list__list{padding:0;display:block}.attachment-list.compact .fa{color:#404040}.media-gallery{box-sizing:border-box;margin-top:8px;overflow:hidden;border-radius:4px;position:relative;width:100%}.media-gallery__item{border:0;box-sizing:border-box;display:block;float:left;position:relative;border-radius:4px;overflow:hidden}.media-gallery__item.standalone .media-gallery__item-gifv-thumbnail{transform:none;top:0}.media-gallery__item-thumbnail{cursor:zoom-in;display:block;text-decoration:none;color:#d9e1e8;position:relative;z-index:1}.media-gallery__item-thumbnail,.media-gallery__item-thumbnail img{height:100%;width:100%}.media-gallery__item-thumbnail img{object-fit:cover}.media-gallery__preview{width:100%;height:100%;object-fit:cover;position:absolute;top:0;left:0;z-index:0;background:#000}.media-gallery__preview--hidden{display:none}.media-gallery__gifv{height:100%;overflow:hidden;position:relative;width:100%}.media-gallery__item-gifv-thumbnail{cursor:zoom-in;height:100%;object-fit:cover;position:relative;top:50%;transform:translateY(-50%);width:100%;z-index:1}.media-gallery__item-thumbnail-label{clip:rect(1px 1px 1px 1px);clip:rect(1px, 1px, 1px, 1px);overflow:hidden;position:absolute}.detailed .video-player__volume__current,.detailed .video-player__volume::before,.fullscreen .video-player__volume__current,.fullscreen .video-player__volume::before{bottom:27px}.detailed .video-player__volume__handle,.fullscreen .video-player__volume__handle{bottom:23px}.audio-player{box-sizing:border-box;position:relative;background:#040609;border-radius:4px;padding-bottom:44px;direction:ltr}.audio-player.editable{border-radius:0;height:100%}.audio-player__waveform{padding:15px 0;position:relative;overflow:hidden}.audio-player__waveform::before{content:\"\";display:block;position:absolute;border-top:1px solid #192432;width:100%;height:0;left:0;top:calc(50% + 1px)}.audio-player__progress-placeholder{background-color:rgba(0,0,168,.5)}.audio-player__wave-placeholder{background-color:#2d415a}.audio-player .video-player__controls{padding:0 15px;padding-top:10px;background:#040609;border-top:1px solid #192432;border-radius:0 0 4px 4px}.video-player{overflow:hidden;position:relative;background:#000;max-width:100%;border-radius:4px;box-sizing:border-box;direction:ltr}.video-player.editable{border-radius:0;height:100% !important}.video-player:focus{outline:0}.video-player video{max-width:100vw;max-height:80vh;z-index:1}.video-player.fullscreen{width:100% !important;height:100% !important;margin:0}.video-player.fullscreen video{max-width:100% !important;max-height:100% !important;width:100% !important;height:100% !important;outline:0}.video-player.inline video{object-fit:contain;position:relative;top:50%;transform:translateY(-50%)}.video-player__controls{position:absolute;z-index:2;bottom:0;left:0;right:0;box-sizing:border-box;background:linear-gradient(0deg, rgba(0, 0, 0, 0.85) 0, rgba(0, 0, 0, 0.45) 60%, transparent);padding:0 15px;opacity:0;transition:opacity .1s ease}.video-player__controls.active{opacity:1}.video-player.inactive video,.video-player.inactive .video-player__controls{visibility:hidden}.video-player__spoiler{display:none;position:absolute;top:0;left:0;width:100%;height:100%;z-index:4;border:0;background:#000;color:#9baec8;transition:none;pointer-events:none}.video-player__spoiler.active{display:block;pointer-events:auto}.video-player__spoiler.active:hover,.video-player__spoiler.active:active,.video-player__spoiler.active:focus{color:#b2c1d5}.video-player__spoiler__title{display:block;font-size:14px}.video-player__spoiler__subtitle{display:block;font-size:11px;font-weight:500}.video-player__buttons-bar{display:flex;justify-content:space-between;padding-bottom:10px}.video-player__buttons-bar .video-player__download__icon{color:inherit}.video-player__buttons{font-size:16px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.video-player__buttons.left button{padding-left:0}.video-player__buttons.right button{padding-right:0}.video-player__buttons button{background:transparent;padding:2px 10px;font-size:16px;border:0;color:rgba(255,255,255,.75)}.video-player__buttons button:active,.video-player__buttons button:hover,.video-player__buttons button:focus{color:#fff}.video-player__time-sep,.video-player__time-total,.video-player__time-current{font-size:14px;font-weight:500}.video-player__time-current{color:#fff;margin-left:60px}.video-player__time-sep{display:inline-block;margin:0 6px}.video-player__time-sep,.video-player__time-total{color:#fff}.video-player__volume{cursor:pointer;height:24px;display:inline}.video-player__volume::before{content:\"\";width:50px;background:rgba(255,255,255,.35);border-radius:4px;display:block;position:absolute;height:4px;left:70px;bottom:20px}.video-player__volume__current{display:block;position:absolute;height:4px;border-radius:4px;left:70px;bottom:20px;background:#0000a8}.video-player__volume__handle{position:absolute;z-index:3;border-radius:50%;width:12px;height:12px;bottom:16px;left:70px;transition:opacity .1s ease;background:#0000a8;box-shadow:1px 2px 6px rgba(0,0,0,.2);pointer-events:none}.video-player__link{padding:2px 10px}.video-player__link a{text-decoration:none;font-size:14px;font-weight:500;color:#fff}.video-player__link a:hover,.video-player__link a:active,.video-player__link a:focus{text-decoration:underline}.video-player__seek{cursor:pointer;height:24px;position:relative}.video-player__seek::before{content:\"\";width:100%;background:rgba(255,255,255,.35);border-radius:4px;display:block;position:absolute;height:4px;top:10px}.video-player__seek__progress,.video-player__seek__buffer{display:block;position:absolute;height:4px;border-radius:4px;top:10px;background:#0000a8}.video-player__seek__buffer{background:rgba(255,255,255,.2)}.video-player__seek__handle{position:absolute;z-index:3;opacity:0;border-radius:50%;width:12px;height:12px;top:6px;margin-left:-6px;transition:opacity .1s ease;background:#0000a8;box-shadow:1px 2px 6px rgba(0,0,0,.2);pointer-events:none}.video-player__seek__handle.active{opacity:1}.video-player__seek:hover .video-player__seek__handle{opacity:1}.video-player.detailed .video-player__buttons button,.video-player.fullscreen .video-player__buttons button{padding-top:10px;padding-bottom:10px}.directory__list{width:100%;margin:10px 0;transition:opacity 100ms ease-in}.directory__list.loading{opacity:.7}@media screen and (max-width: 415px){.directory__list{margin:0}}.directory__card{box-sizing:border-box;margin-bottom:10px}.directory__card__img{height:125px;position:relative;background:#000;overflow:hidden}.directory__card__img img{display:block;width:100%;height:100%;margin:0;object-fit:cover}.directory__card__bar{display:flex;align-items:center;background:#192432;padding:10px}.directory__card__bar__name{flex:1 1 auto;display:flex;align-items:center;text-decoration:none;overflow:hidden}.directory__card__bar__relationship{width:23px;min-height:1px;flex:0 0 auto}.directory__card__bar .avatar{flex:0 0 auto;width:48px;height:48px;padding-top:2px}.directory__card__bar .avatar img{width:100%;height:100%;display:block;margin:0;border-radius:4px;background:#040609;object-fit:cover}.directory__card__bar .display-name{margin-left:15px;text-align:left}.directory__card__bar .display-name strong{font-size:15px;color:#fff;font-weight:500;overflow:hidden;text-overflow:ellipsis}.directory__card__bar .display-name span{display:block;font-size:14px;color:#9baec8;font-weight:400;overflow:hidden;text-overflow:ellipsis}.directory__card__extra{background:#121a24;display:flex;align-items:center;justify-content:center}.directory__card__extra .accounts-table__count{width:33.33%;flex:0 0 auto;padding:15px 0}.directory__card__extra .account__header__content{box-sizing:border-box;padding:15px 10px;border-bottom:1px solid #202e3f;width:100%;min-height:48px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.directory__card__extra .account__header__content p{display:none}.directory__card__extra .account__header__content p:first-child{display:inline}.directory__card__extra .account__header__content br{display:none}.account-gallery__container{display:flex;flex-wrap:wrap;padding:4px 2px}.account-gallery__item{border:0;box-sizing:border-box;display:block;position:relative;border-radius:4px;overflow:hidden;margin:2px}.account-gallery__item__icons{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);font-size:24px}.notification__filter-bar,.account__section-headline{background:#0b1016;border-bottom:1px solid #202e3f;cursor:default;display:flex;flex-shrink:0}.notification__filter-bar button,.account__section-headline button{background:#0b1016;border:0;margin:0}.notification__filter-bar button,.notification__filter-bar a,.account__section-headline button,.account__section-headline a{display:block;flex:1 1 auto;color:#9baec8;padding:15px 0;font-size:14px;font-weight:500;text-align:center;text-decoration:none;position:relative;width:100%;white-space:nowrap}.notification__filter-bar button.active,.notification__filter-bar a.active,.account__section-headline button.active,.account__section-headline a.active{color:#d9e1e8}.notification__filter-bar button.active::before,.notification__filter-bar button.active::after,.notification__filter-bar a.active::before,.notification__filter-bar a.active::after,.account__section-headline button.active::before,.account__section-headline button.active::after,.account__section-headline a.active::before,.account__section-headline a.active::after{display:block;content:\"\";position:absolute;bottom:0;left:50%;width:0;height:0;transform:translateX(-50%);border-style:solid;border-width:0 10px 10px;border-color:transparent transparent #202e3f}.notification__filter-bar button.active::after,.notification__filter-bar a.active::after,.account__section-headline button.active::after,.account__section-headline a.active::after{bottom:-1px;border-color:transparent transparent #121a24}.notification__filter-bar.directory__section-headline,.account__section-headline.directory__section-headline{background:#0f151d;border-bottom-color:transparent}.notification__filter-bar.directory__section-headline a.active::before,.notification__filter-bar.directory__section-headline button.active::before,.account__section-headline.directory__section-headline a.active::before,.account__section-headline.directory__section-headline button.active::before{display:none}.notification__filter-bar.directory__section-headline a.active::after,.notification__filter-bar.directory__section-headline button.active::after,.account__section-headline.directory__section-headline a.active::after,.account__section-headline.directory__section-headline button.active::after{border-color:transparent transparent #06090c}.filter-form{background:#121a24}.filter-form__column{padding:10px 15px}.filter-form .radio-button{display:block}.radio-button{font-size:14px;position:relative;display:inline-block;padding:6px 0;line-height:18px;cursor:default;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;cursor:pointer}.radio-button input[type=radio],.radio-button input[type=checkbox]{display:none}.radio-button__input{display:inline-block;position:relative;border:1px solid #9baec8;box-sizing:border-box;width:18px;height:18px;flex:0 0 auto;margin-right:10px;top:-1px;border-radius:50%;vertical-align:middle}.radio-button__input.checked{border-color:#0000a8;background:#0000a8}::-webkit-scrollbar-thumb{border-radius:0}.search-popout{background:#fff;border-radius:4px;padding:10px 14px;padding-bottom:14px;margin-top:10px;color:#9baec8;box-shadow:2px 4px 15px rgba(0,0,0,.4)}.search-popout h4{text-transform:uppercase;color:#9baec8;font-size:13px;font-weight:500;margin-bottom:10px}.search-popout li{padding:4px 0}.search-popout ul{margin-bottom:10px}.search-popout em{font-weight:500;color:#121a24}noscript{text-align:center}noscript img{width:200px;opacity:.5;animation:flicker 4s infinite}noscript div{font-size:14px;margin:30px auto;color:#d9e1e8;max-width:400px}noscript div a{color:#00007f;text-decoration:underline}noscript div a:hover{text-decoration:none}@keyframes flicker{0%{opacity:1}30%{opacity:.75}100%{opacity:1}}@media screen and (max-width: 630px)and (max-height: 400px){.tabs-bar,.search{will-change:margin-top;transition:margin-top 400ms 100ms}.navigation-bar{will-change:padding-bottom;transition:padding-bottom 400ms 100ms}.navigation-bar>a:first-child{will-change:margin-top,margin-left,margin-right,width;transition:margin-top 400ms 100ms,margin-left 400ms 500ms,margin-right 400ms 500ms}.navigation-bar>.navigation-bar__profile-edit{will-change:margin-top;transition:margin-top 400ms 100ms}.navigation-bar .navigation-bar__actions>.icon-button.close{will-change:opacity transform;transition:opacity 200ms 100ms,transform 400ms 100ms}.navigation-bar .navigation-bar__actions>.compose__action-bar .icon-button{will-change:opacity transform;transition:opacity 200ms 300ms,transform 400ms 100ms}.is-composing .tabs-bar,.is-composing .search{margin-top:-50px}.is-composing .navigation-bar{padding-bottom:0}.is-composing .navigation-bar>a:first-child{margin:-100px 10px 0 -50px}.is-composing .navigation-bar .navigation-bar__profile{padding-top:2px}.is-composing .navigation-bar .navigation-bar__profile-edit{position:absolute;margin-top:-60px}.is-composing .navigation-bar .navigation-bar__actions .icon-button.close{pointer-events:auto;opacity:1;transform:scale(1, 1) translate(0, 0);bottom:5px}.is-composing .navigation-bar .navigation-bar__actions .compose__action-bar .icon-button{pointer-events:none;opacity:0;transform:scale(0, 1) translate(100%, 0)}}.embed-modal{width:auto;max-width:80vw;max-height:80vh}.embed-modal h4{padding:30px;font-weight:500;font-size:16px;text-align:center}.embed-modal .embed-modal__container{padding:10px}.embed-modal .embed-modal__container .hint{margin-bottom:15px}.embed-modal .embed-modal__container .embed-modal__html{outline:0;box-sizing:border-box;display:block;width:100%;border:0;padding:10px;font-family:\"mastodon-font-monospace\",monospace;background:#121a24;color:#fff;font-size:14px;margin:0;margin-bottom:15px;border-radius:4px}.embed-modal .embed-modal__container .embed-modal__html::-moz-focus-inner{border:0}.embed-modal .embed-modal__container .embed-modal__html::-moz-focus-inner,.embed-modal .embed-modal__container .embed-modal__html:focus,.embed-modal .embed-modal__container .embed-modal__html:active{outline:0 !important}.embed-modal .embed-modal__container .embed-modal__html:focus{background:#192432}@media screen and (max-width: 600px){.embed-modal .embed-modal__container .embed-modal__html{font-size:16px}}.embed-modal .embed-modal__container .embed-modal__iframe{width:400px;max-width:100%;overflow:hidden;border:0;border-radius:4px}.account__moved-note{padding:14px 10px;padding-bottom:16px;background:#192432;border-top:1px solid #202e3f;border-bottom:1px solid #202e3f}.account__moved-note__message{position:relative;margin-left:58px;color:#404040;padding:8px 0;padding-top:0;padding-bottom:4px;font-size:14px}.account__moved-note__message>span{display:block;overflow:hidden;text-overflow:ellipsis}.account__moved-note__icon-wrapper{left:-26px;position:absolute}.account__moved-note .detailed-status__display-avatar{position:relative}.account__moved-note .detailed-status__display-name{margin-bottom:0}.column-inline-form{padding:15px;padding-right:0;display:flex;justify-content:flex-start;align-items:center;background:#192432}.column-inline-form label{flex:1 1 auto}.column-inline-form label input{width:100%}.column-inline-form label input:focus{outline:0}.column-inline-form .icon-button{flex:0 0 auto;margin:0 10px}.drawer__backdrop{cursor:pointer;position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.5)}.list-editor{background:#121a24;flex-direction:column;border-radius:8px;box-shadow:2px 4px 15px rgba(0,0,0,.4);width:380px;overflow:hidden}@media screen and (max-width: 420px){.list-editor{width:90%}}.list-editor h4{padding:15px 0;background:#283a50;font-weight:500;font-size:16px;text-align:center;border-radius:8px 8px 0 0}.list-editor .drawer__pager{height:50vh}.list-editor .drawer__inner{border-radius:0 0 8px 8px}.list-editor .drawer__inner.backdrop{width:calc(100% - 60px);box-shadow:2px 4px 15px rgba(0,0,0,.4);border-radius:0 0 0 8px}.list-editor__accounts{overflow-y:auto}.list-editor .account__display-name:hover strong{text-decoration:none}.list-editor .account__avatar{cursor:default}.list-editor .search{margin-bottom:0}.list-adder{background:#121a24;flex-direction:column;border-radius:8px;box-shadow:2px 4px 15px rgba(0,0,0,.4);width:380px;overflow:hidden}@media screen and (max-width: 420px){.list-adder{width:90%}}.list-adder__account{background:#283a50}.list-adder__lists{background:#283a50;height:50vh;border-radius:0 0 8px 8px;overflow-y:auto}.list-adder .list{padding:10px;border-bottom:1px solid #202e3f}.list-adder .list__wrapper{display:flex}.list-adder .list__display-name{flex:1 1 auto;overflow:hidden;text-decoration:none;font-size:16px;padding:10px}.focal-point{position:relative;cursor:move;overflow:hidden;height:100%;display:flex;justify-content:center;align-items:center;background:#000}.focal-point img,.focal-point video,.focal-point canvas{display:block;max-height:80vh;width:100%;height:auto;margin:0;object-fit:contain;background:#000}.focal-point__reticle{position:absolute;width:100px;height:100px;transform:translate(-50%, -50%);background:url(\"~images/reticle.png\") no-repeat 0 0;border-radius:50%;box-shadow:0 0 0 9999em rgba(0,0,0,.35)}.focal-point__overlay{position:absolute;width:100%;height:100%;top:0;left:0}.focal-point__preview{position:absolute;bottom:10px;right:10px;z-index:2;cursor:move;transition:opacity .1s ease}.focal-point__preview:hover{opacity:.5}.focal-point__preview strong{color:#fff;font-size:14px;font-weight:500;display:block;margin-bottom:5px}.focal-point__preview div{border-radius:4px;box-shadow:0 0 14px rgba(0,0,0,.2)}@media screen and (max-width: 480px){.focal-point img,.focal-point video{max-height:100%}.focal-point__preview{display:none}}.account__header__content{color:#9baec8;font-size:14px;font-weight:400;overflow:hidden;word-break:normal;word-wrap:break-word}.account__header__content p{margin-bottom:20px}.account__header__content p:last-child{margin-bottom:0}.account__header__content a{color:inherit;text-decoration:underline}.account__header__content a:hover{text-decoration:none}.account__header{overflow:hidden}.account__header.inactive{opacity:.5}.account__header.inactive .account__header__image,.account__header.inactive .account__avatar{filter:grayscale(100%)}.account__header__info{position:absolute;top:10px;left:10px}.account__header__image{overflow:hidden;height:145px;position:relative;background:#0b1016}.account__header__image img{object-fit:cover;display:block;width:100%;height:100%;margin:0}.account__header__bar{position:relative;background:#192432;padding:5px;border-bottom:1px solid #26374d}.account__header__bar .avatar{display:block;flex:0 0 auto;width:94px;margin-left:-2px}.account__header__bar .avatar .account__avatar{background:#040609;border:2px solid #192432}.account__header__tabs{display:flex;align-items:flex-start;padding:7px 5px;margin-top:-55px}.account__header__tabs__buttons{display:flex;align-items:center;padding-top:55px;overflow:hidden}.account__header__tabs__buttons .icon-button{border:1px solid #26374d;border-radius:4px;box-sizing:content-box;padding:2px}.account__header__tabs__buttons .button{margin:0 8px}.account__header__tabs__name{padding:5px}.account__header__tabs__name .account-role{vertical-align:top}.account__header__tabs__name .emojione{width:22px;height:22px}.account__header__tabs__name h1{font-size:16px;line-height:24px;color:#fff;font-weight:500;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.account__header__tabs__name h1 small{display:block;font-size:14px;color:#9baec8;font-weight:400;overflow:hidden;text-overflow:ellipsis}.account__header__tabs .spacer{flex:1 1 auto}.account__header__bio{overflow:hidden;margin:0 -5px}.account__header__bio .account__header__content{padding:20px 15px;padding-bottom:5px;color:#fff}.account__header__bio .account__header__fields{margin:0;border-top:1px solid #26374d}.account__header__bio .account__header__fields a{color:#0000a8}.account__header__bio .account__header__fields dl:first-child .verified{border-radius:0 4px 0 0}.account__header__bio .account__header__fields .verified a{color:#79bd9a}.account__header__extra{margin-top:4px}.account__header__extra__links{font-size:14px;color:#9baec8;padding:10px 0}.account__header__extra__links a{display:inline-block;color:#9baec8;text-decoration:none;padding:5px 10px;font-weight:500}.account__header__extra__links a strong{font-weight:700;color:#fff}.trends__header{color:#404040;background:#151f2b;border-bottom:1px solid #0b1016;font-weight:500;padding:15px;font-size:16px;cursor:default}.trends__header .fa{display:inline-block;margin-right:5px}.trends__item{display:flex;align-items:center;padding:15px;border-bottom:1px solid #202e3f}.trends__item:last-child{border-bottom:0}.trends__item__name{flex:1 1 auto;color:#404040;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.trends__item__name strong{font-weight:500}.trends__item__name a{color:#9baec8;text-decoration:none;font-size:14px;font-weight:500;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.trends__item__name a:hover span,.trends__item__name a:focus span,.trends__item__name a:active span{text-decoration:underline}.trends__item__current{flex:0 0 auto;font-size:24px;line-height:36px;font-weight:500;text-align:right;padding-right:15px;margin-left:5px;color:#d9e1e8}.trends__item__sparkline{flex:0 0 auto;width:50px}.trends__item__sparkline path:first-child{fill:rgba(0,0,127,.25) !important;fill-opacity:1 !important}.trends__item__sparkline path:last-child{stroke:#00009e !important}.conversation{display:flex;border-bottom:1px solid #202e3f;padding:5px;padding-bottom:0}.conversation:focus{background:#151f2b;outline:0}.conversation__avatar{flex:0 0 auto;padding:10px;padding-top:12px;position:relative;cursor:pointer}.conversation__unread{display:inline-block;background:#00007f;border-radius:50%;width:.625rem;height:.625rem;margin:-0.1ex .15em .1ex}.conversation__content{flex:1 1 auto;padding:10px 5px;padding-right:15px;overflow:hidden}.conversation__content__info{overflow:hidden;display:flex;flex-direction:row-reverse;justify-content:space-between}.conversation__content__relative-time{font-size:15px;color:#9baec8;padding-left:15px}.conversation__content__names{color:#9baec8;font-size:15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:4px;flex-basis:90px;flex-grow:1}.conversation__content__names a{color:#fff;text-decoration:none}.conversation__content__names a:hover,.conversation__content__names a:focus,.conversation__content__names a:active{text-decoration:underline}.conversation__content a{word-break:break-word}.conversation--unread{background:#151f2b}.conversation--unread:focus{background:#192432}.conversation--unread .conversation__content__info{font-weight:700}.conversation--unread .conversation__content__relative-time{color:#fff}.announcements{background:#202e3f;font-size:13px;display:flex;align-items:flex-end}.announcements__mastodon{width:124px;flex:0 0 auto}@media screen and (max-width: 424px){.announcements__mastodon{display:none}}.announcements__container{width:calc(100% - 124px);flex:0 0 auto;position:relative}@media screen and (max-width: 424px){.announcements__container{width:100%}}.announcements__item{box-sizing:border-box;width:100%;padding:15px;position:relative;font-size:15px;line-height:20px;word-wrap:break-word;font-weight:400;max-height:50vh;overflow:hidden;display:flex;flex-direction:column}.announcements__item__range{display:block;font-weight:500;margin-bottom:10px;padding-right:18px}.announcements__item__unread{position:absolute;top:19px;right:19px;display:block;background:#00007f;border-radius:50%;width:.625rem;height:.625rem}.announcements__pagination{padding:15px;color:#9baec8;position:absolute;bottom:3px;right:0}.layout-multiple-columns .announcements__mastodon{display:none}.layout-multiple-columns .announcements__container{width:100%}.reactions-bar{display:flex;flex-wrap:wrap;align-items:center;margin-top:15px;margin-left:-2px;width:calc(100% - (90px - 33px))}.reactions-bar__item{flex-shrink:0;background:#26374d;border:0;border-radius:3px;margin:2px;cursor:pointer;user-select:none;padding:0 6px;display:flex;align-items:center;transition:all 100ms ease-in;transition-property:background-color,color}.reactions-bar__item__emoji{display:block;margin:3px 0;width:16px;height:16px}.reactions-bar__item__emoji img{display:block;margin:0;width:100%;height:100%;min-width:auto;min-height:auto;vertical-align:bottom;object-fit:contain}.reactions-bar__item__count{display:block;min-width:9px;font-size:13px;font-weight:500;text-align:center;margin-left:6px;color:#9baec8}.reactions-bar__item:hover,.reactions-bar__item:focus,.reactions-bar__item:active{background:#2d415a;transition:all 200ms ease-out;transition-property:background-color,color}.reactions-bar__item:hover__count,.reactions-bar__item:focus__count,.reactions-bar__item:active__count{color:#a8b9cf}.reactions-bar__item.active{transition:all 100ms ease-in;transition-property:background-color,color;background-color:#1e2c57}.reactions-bar__item.active .reactions-bar__item__count{color:#0000a8}.reactions-bar .emoji-picker-dropdown{margin:2px}.reactions-bar:hover .emoji-button{opacity:.85}.reactions-bar .emoji-button{color:#9baec8;margin:0;font-size:16px;width:auto;flex-shrink:0;padding:0 6px;height:22px;display:flex;align-items:center;opacity:.5;transition:all 100ms ease-in;transition-property:background-color,color}.reactions-bar .emoji-button:hover,.reactions-bar .emoji-button:active,.reactions-bar .emoji-button:focus{opacity:1;color:#a8b9cf;transition:all 200ms ease-out;transition-property:background-color,color}.reactions-bar--empty .emoji-button{padding:0}.poll{margin-top:16px;font-size:14px}.poll li{margin-bottom:10px;position:relative}.poll__chart{border-radius:4px;display:block;background:#8ba1bf;height:5px;min-width:1%}.poll__chart.leading{background:#00007f}.poll__option{position:relative;display:flex;padding:6px 0;line-height:18px;cursor:default;overflow:hidden}.poll__option__text{display:inline-block;word-wrap:break-word;overflow-wrap:break-word;max-width:calc(100% - 45px - 25px)}.poll__option input[type=radio],.poll__option input[type=checkbox]{display:none}.poll__option .autossugest-input{flex:1 1 auto}.poll__option input[type=text]{display:block;box-sizing:border-box;width:100%;font-size:14px;color:#121a24;outline:0;font-family:inherit;background:#fff;border:1px solid #dbdbdb;border-radius:4px;padding:6px 10px}.poll__option input[type=text]:focus{border-color:#00007f}.poll__option.selectable{cursor:pointer}.poll__option.editable{display:flex;align-items:center;overflow:visible}.poll__input{display:inline-block;position:relative;border:1px solid #9baec8;box-sizing:border-box;width:18px;height:18px;flex:0 0 auto;margin-right:10px;top:-1px;border-radius:50%;vertical-align:middle;margin-top:auto;margin-bottom:auto;flex:0 0 18px}.poll__input.checkbox{border-radius:4px}.poll__input.active{border-color:#79bd9a;background:#79bd9a}.poll__input:active,.poll__input:focus,.poll__input:hover{border-color:#acd6c1;border-width:4px}.poll__input::-moz-focus-inner{outline:0 !important;border:0}.poll__input:focus,.poll__input:active{outline:0 !important}.poll__number{display:inline-block;width:45px;font-weight:700;flex:0 0 45px}.poll__voted{padding:0 5px;display:inline-block}.poll__voted__mark{font-size:18px}.poll__footer{padding-top:6px;padding-bottom:5px;color:#404040}.poll__link{display:inline;background:transparent;padding:0;margin:0;border:0;color:#404040;text-decoration:underline;font-size:inherit}.poll__link:hover{text-decoration:none}.poll__link:active,.poll__link:focus{background-color:rgba(64,64,64,.1)}.poll .button{height:36px;padding:0 16px;margin-right:10px;font-size:14px}.compose-form__poll-wrapper{border-top:1px solid #ebebeb}.compose-form__poll-wrapper ul{padding:10px}.compose-form__poll-wrapper .poll__footer{border-top:1px solid #ebebeb;padding:10px;display:flex;align-items:center}.compose-form__poll-wrapper .poll__footer button,.compose-form__poll-wrapper .poll__footer select{flex:1 1 50%}.compose-form__poll-wrapper .poll__footer button:focus,.compose-form__poll-wrapper .poll__footer select:focus{border-color:#00007f}.compose-form__poll-wrapper .button.button-secondary{font-size:14px;font-weight:400;padding:6px 10px;height:auto;line-height:inherit;color:#404040;border-color:#404040;margin-right:5px}.compose-form__poll-wrapper li{display:flex;align-items:center}.compose-form__poll-wrapper li .poll__option{flex:0 0 auto;width:calc(100% - (23px + 6px));margin-right:6px}.compose-form__poll-wrapper select{appearance:none;box-sizing:border-box;font-size:14px;color:#121a24;display:inline-block;width:auto;outline:0;font-family:inherit;background:#fff url(\"data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14.933 18.467' height='19.698' width='15.929'><path d='M3.467 14.967l-3.393-3.5H14.86l-3.392 3.5c-1.866 1.925-3.666 3.5-4 3.5-.335 0-2.135-1.575-4-3.5zm.266-11.234L7.467 0 11.2 3.733l3.733 3.734H0l3.733-3.734z' fill='%23DBDBDB'/></svg>\") no-repeat right 8px center/auto 16px;border:1px solid #dbdbdb;border-radius:4px;padding:6px 10px;padding-right:30px}.compose-form__poll-wrapper .icon-button.disabled{color:#dbdbdb}.muted .poll{color:#404040}.muted .poll__chart{background:rgba(109,137,175,.2)}.muted .poll__chart.leading{background:rgba(0,0,127,.2)}.modal-layout{background:#121a24 url('data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 234.80078 31.757813\" width=\"234.80078\" height=\"31.757812\"><path d=\"M19.599609 0c-1.05 0-2.10039.375-2.90039 1.125L0 16.925781v14.832031h234.80078V17.025391l-16.5-15.900391c-1.6-1.5-4.20078-1.5-5.80078 0l-13.80078 13.099609c-1.6 1.5-4.19883 1.5-5.79883 0L179.09961 1.125c-1.6-1.5-4.19883-1.5-5.79883 0L159.5 14.224609c-1.6 1.5-4.20078 1.5-5.80078 0L139.90039 1.125c-1.6-1.5-4.20078-1.5-5.80078 0l-13.79883 13.099609c-1.6 1.5-4.20078 1.5-5.80078 0L100.69922 1.125c-1.600001-1.5-4.198829-1.5-5.798829 0l-13.59961 13.099609c-1.6 1.5-4.200781 1.5-5.800781 0L61.699219 1.125c-1.6-1.5-4.198828-1.5-5.798828 0L42.099609 14.224609c-1.6 1.5-4.198828 1.5-5.798828 0L22.5 1.125C21.7.375 20.649609 0 19.599609 0z\" fill=\"%23404040\"/></svg>') repeat-x bottom fixed;display:flex;flex-direction:column;height:100vh;padding:0}.modal-layout__mastodon{display:flex;flex:1;flex-direction:column;justify-content:flex-end}.modal-layout__mastodon>*{flex:1;max-height:235px}@media screen and (max-width: 600px){.account-header{margin-top:0}}.emoji-mart{font-size:13px;display:inline-block;color:#121a24}.emoji-mart,.emoji-mart *{box-sizing:border-box;line-height:1.15}.emoji-mart .emoji-mart-emoji{padding:6px}.emoji-mart-bar{border:0 solid #c0cdd9}.emoji-mart-bar:first-child{border-bottom-width:1px;border-top-left-radius:5px;border-top-right-radius:5px;background:#d9e1e8}.emoji-mart-bar:last-child{border-top-width:1px;border-bottom-left-radius:5px;border-bottom-right-radius:5px;display:none}.emoji-mart-anchors{display:flex;justify-content:space-between;padding:0 6px;color:#404040;line-height:0}.emoji-mart-anchor{position:relative;flex:1;text-align:center;padding:12px 4px;overflow:hidden;transition:color .1s ease-out;cursor:pointer}.emoji-mart-anchor:hover{color:#363636}.emoji-mart-anchor-selected{color:#00007f}.emoji-mart-anchor-selected:hover{color:#00006b}.emoji-mart-anchor-selected .emoji-mart-anchor-bar{bottom:-1px}.emoji-mart-anchor-bar{position:absolute;bottom:-5px;left:0;width:100%;height:4px;background-color:#00007f}.emoji-mart-anchors i{display:inline-block;width:100%;max-width:22px}.emoji-mart-anchors svg{fill:currentColor;max-height:18px}.emoji-mart-scroll{overflow-y:scroll;height:270px;max-height:35vh;padding:0 6px 6px;background:#fff;will-change:transform}.emoji-mart-scroll::-webkit-scrollbar-track:hover,.emoji-mart-scroll::-webkit-scrollbar-track:active{background-color:rgba(0,0,0,.3)}.emoji-mart-search{padding:10px;padding-right:45px;background:#fff}.emoji-mart-search input{font-size:14px;font-weight:400;padding:7px 9px;font-family:inherit;display:block;width:100%;background:rgba(217,225,232,.3);color:#121a24;border:1px solid #d9e1e8;border-radius:4px}.emoji-mart-search input::-moz-focus-inner{border:0}.emoji-mart-search input::-moz-focus-inner,.emoji-mart-search input:focus,.emoji-mart-search input:active{outline:0 !important}.emoji-mart-category .emoji-mart-emoji{cursor:pointer}.emoji-mart-category .emoji-mart-emoji span{z-index:1;position:relative;text-align:center}.emoji-mart-category .emoji-mart-emoji:hover::before{z-index:0;content:\"\";position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(217,225,232,.7);border-radius:100%}.emoji-mart-category-label{z-index:2;position:relative;position:-webkit-sticky;position:sticky;top:0}.emoji-mart-category-label span{display:block;width:100%;font-weight:500;padding:5px 6px;background:#fff}.emoji-mart-emoji{position:relative;display:inline-block;font-size:0}.emoji-mart-emoji span{width:22px;height:22px}.emoji-mart-no-results{font-size:14px;text-align:center;padding-top:70px;color:#9baec8}.emoji-mart-no-results .emoji-mart-category-label{display:none}.emoji-mart-no-results .emoji-mart-no-results-label{margin-top:.2em}.emoji-mart-no-results .emoji-mart-emoji:hover::before{content:none}.emoji-mart-preview{display:none}.container{box-sizing:border-box;max-width:1235px;margin:0 auto;position:relative}@media screen and (max-width: 1255px){.container{width:100%;padding:0 10px}}.rich-formatting{font-family:\"mastodon-font-sans-serif\",sans-serif;font-size:14px;font-weight:400;line-height:1.7;word-wrap:break-word;color:#9baec8}.rich-formatting a{color:#00007f;text-decoration:underline}.rich-formatting a:hover,.rich-formatting a:focus,.rich-formatting a:active{text-decoration:none}.rich-formatting p,.rich-formatting li{color:#9baec8}.rich-formatting p{margin-top:0;margin-bottom:.85em}.rich-formatting p:last-child{margin-bottom:0}.rich-formatting strong{font-weight:700;color:#d9e1e8}.rich-formatting em{font-style:italic;color:#d9e1e8}.rich-formatting code{font-size:.85em;background:#040609;border-radius:4px;padding:.2em .3em}.rich-formatting h1,.rich-formatting h2,.rich-formatting h3,.rich-formatting h4,.rich-formatting h5,.rich-formatting h6{font-family:\"mastodon-font-display\",sans-serif;margin-top:1.275em;margin-bottom:.85em;font-weight:500;color:#d9e1e8}.rich-formatting h1{font-size:2em}.rich-formatting h2{font-size:1.75em}.rich-formatting h3{font-size:1.5em}.rich-formatting h4{font-size:1.25em}.rich-formatting h5,.rich-formatting h6{font-size:1em}.rich-formatting ul{list-style:disc}.rich-formatting ol{list-style:decimal}.rich-formatting ul,.rich-formatting ol{margin:0;padding:0;padding-left:2em;margin-bottom:.85em}.rich-formatting ul[type=a],.rich-formatting ol[type=a]{list-style-type:lower-alpha}.rich-formatting ul[type=i],.rich-formatting ol[type=i]{list-style-type:lower-roman}.rich-formatting hr{width:100%;height:0;border:0;border-bottom:1px solid #192432;margin:1.7em 0}.rich-formatting hr.spacer{height:1px;border:0}.rich-formatting table{width:100%;border-collapse:collapse;break-inside:auto;margin-top:24px;margin-bottom:32px}.rich-formatting table thead tr,.rich-formatting table tbody tr{border-bottom:1px solid #192432;font-size:1em;line-height:1.625;font-weight:400;text-align:left;color:#9baec8}.rich-formatting table thead tr{border-bottom-width:2px;line-height:1.5;font-weight:500;color:#404040}.rich-formatting table th,.rich-formatting table td{padding:8px;align-self:start;align-items:start;word-break:break-all}.rich-formatting table th.nowrap,.rich-formatting table td.nowrap{width:25%;position:relative}.rich-formatting table th.nowrap::before,.rich-formatting table td.nowrap::before{content:\"&nbsp;\";visibility:hidden}.rich-formatting table th.nowrap span,.rich-formatting table td.nowrap span{position:absolute;left:8px;right:8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.rich-formatting>:first-child{margin-top:0}.information-board{background:#0b1016;padding:20px 0}.information-board .container-alt{position:relative;padding-right:295px}.information-board__sections{display:flex;justify-content:space-between;flex-wrap:wrap}.information-board__section{flex:1 0 0;font-family:\"mastodon-font-sans-serif\",sans-serif;font-size:16px;line-height:28px;color:#fff;text-align:right;padding:10px 15px}.information-board__section span,.information-board__section strong{display:block}.information-board__section span:last-child{color:#d9e1e8}.information-board__section strong{font-family:\"mastodon-font-display\",sans-serif;font-weight:500;font-size:32px;line-height:48px}@media screen and (max-width: 700px){.information-board__section{text-align:center}}.information-board .panel{position:absolute;width:280px;box-sizing:border-box;background:#040609;padding:20px;padding-top:10px;border-radius:4px 4px 0 0;right:0;bottom:-40px}.information-board .panel .panel-header{font-family:\"mastodon-font-display\",sans-serif;font-size:14px;line-height:24px;font-weight:500;color:#9baec8;padding-bottom:5px;margin-bottom:15px;border-bottom:1px solid #192432;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.information-board .panel .panel-header a,.information-board .panel .panel-header span{font-weight:400;color:#7a93b6}.information-board .panel .panel-header a{text-decoration:none}.information-board .owner{text-align:center}.information-board .owner .avatar{width:80px;height:80px;margin:0 auto;margin-bottom:15px}.information-board .owner .avatar img{display:block;width:80px;height:80px;border-radius:48px}.information-board .owner .name{font-size:14px}.information-board .owner .name a{display:block;color:#fff;text-decoration:none}.information-board .owner .name a:hover .display_name{text-decoration:underline}.information-board .owner .name .username{display:block;color:#9baec8}.landing-page p,.landing-page li{font-family:\"mastodon-font-sans-serif\",sans-serif;font-size:16px;font-weight:400;font-size:16px;line-height:30px;margin-bottom:12px;color:#9baec8}.landing-page p a,.landing-page li a{color:#00007f;text-decoration:underline}.landing-page em{display:inline;margin:0;padding:0;font-weight:700;background:transparent;font-family:inherit;font-size:inherit;line-height:inherit;color:#bcc9da}.landing-page h1{font-family:\"mastodon-font-display\",sans-serif;font-size:26px;line-height:30px;font-weight:500;margin-bottom:20px;color:#d9e1e8}.landing-page h1 small{font-family:\"mastodon-font-sans-serif\",sans-serif;display:block;font-size:18px;font-weight:400;color:#bcc9da}.landing-page h2{font-family:\"mastodon-font-display\",sans-serif;font-size:22px;line-height:26px;font-weight:500;margin-bottom:20px;color:#d9e1e8}.landing-page h3{font-family:\"mastodon-font-display\",sans-serif;font-size:18px;line-height:24px;font-weight:500;margin-bottom:20px;color:#d9e1e8}.landing-page h4{font-family:\"mastodon-font-display\",sans-serif;font-size:16px;line-height:24px;font-weight:500;margin-bottom:20px;color:#d9e1e8}.landing-page h5{font-family:\"mastodon-font-display\",sans-serif;font-size:14px;line-height:24px;font-weight:500;margin-bottom:20px;color:#d9e1e8}.landing-page h6{font-family:\"mastodon-font-display\",sans-serif;font-size:12px;line-height:24px;font-weight:500;margin-bottom:20px;color:#d9e1e8}.landing-page ul,.landing-page ol{margin-left:20px}.landing-page ul[type=a],.landing-page ol[type=a]{list-style-type:lower-alpha}.landing-page ul[type=i],.landing-page ol[type=i]{list-style-type:lower-roman}.landing-page ul{list-style:disc}.landing-page ol{list-style:decimal}.landing-page li>ol,.landing-page li>ul{margin-top:6px}.landing-page hr{width:100%;height:0;border:0;border-bottom:1px solid rgba(64,64,64,.6);margin:20px 0}.landing-page hr.spacer{height:1px;border:0}.landing-page__information,.landing-page__forms{padding:20px}.landing-page__call-to-action{background:#121a24;border-radius:4px;padding:25px 40px;overflow:hidden;box-sizing:border-box}.landing-page__call-to-action .row{width:100%;display:flex;flex-direction:row-reverse;flex-wrap:nowrap;justify-content:space-between;align-items:center}.landing-page__call-to-action .row__information-board{display:flex;justify-content:flex-end;align-items:flex-end}.landing-page__call-to-action .row__information-board .information-board__section{flex:1 0 auto;padding:0 10px}@media screen and (max-width: 415px){.landing-page__call-to-action .row__information-board{width:100%;justify-content:space-between}}.landing-page__call-to-action .row__mascot{flex:1;margin:10px -50px 0 0}@media screen and (max-width: 415px){.landing-page__call-to-action .row__mascot{display:none}}.landing-page__logo{margin-right:20px}.landing-page__logo img{height:50px;width:auto;mix-blend-mode:lighten}.landing-page__information{padding:45px 40px;margin-bottom:10px}.landing-page__information:last-child{margin-bottom:0}.landing-page__information strong{font-weight:500;color:#bcc9da}.landing-page__information .account{border-bottom:0;padding:0}.landing-page__information .account__display-name{align-items:center;display:flex;margin-right:5px}.landing-page__information .account div.account__display-name:hover .display-name strong{text-decoration:none}.landing-page__information .account div.account__display-name .account__avatar{cursor:default}.landing-page__information .account__avatar-wrapper{margin-left:0;flex:0 0 auto}.landing-page__information .account__avatar{width:44px;height:44px;background-size:44px 44px}.landing-page__information .account .display-name{font-size:15px}.landing-page__information .account .display-name__account{font-size:14px}@media screen and (max-width: 960px){.landing-page__information .contact{margin-top:30px}}@media screen and (max-width: 700px){.landing-page__information{padding:25px 20px}}.landing-page__information,.landing-page__forms,.landing-page #mastodon-timeline{box-sizing:border-box;background:#121a24;border-radius:4px;box-shadow:0 0 6px rgba(0,0,0,.1)}.landing-page__mascot{height:104px;position:relative;left:-40px;bottom:25px}.landing-page__mascot img{height:190px;width:auto}.landing-page__short-description .row{display:flex;flex-wrap:wrap;align-items:center;margin-bottom:40px}@media screen and (max-width: 700px){.landing-page__short-description .row{margin-bottom:20px}}.landing-page__short-description p a{color:#d9e1e8}.landing-page__short-description h1{font-weight:500;color:#fff;margin-bottom:0}.landing-page__short-description h1 small{color:#9baec8}.landing-page__short-description h1 small span{color:#d9e1e8}.landing-page__short-description p:last-child{margin-bottom:0}.landing-page__hero{margin-bottom:10px}.landing-page__hero img{display:block;margin:0;max-width:100%;height:auto;border-radius:4px}@media screen and (max-width: 840px){.landing-page .information-board .container-alt{padding-right:20px}.landing-page .information-board .panel{position:static;margin-top:20px;width:100%;border-radius:4px}.landing-page .information-board .panel .panel-header{text-align:center}}@media screen and (max-width: 675px){.landing-page .header-wrapper{padding-top:0}.landing-page .header-wrapper.compact{padding-bottom:0}.landing-page .header-wrapper.compact .hero .heading{text-align:initial}.landing-page .header .container-alt,.landing-page .features .container-alt{display:block}}.landing-page .cta{margin:20px}.landing{margin-bottom:100px}@media screen and (max-width: 738px){.landing{margin-bottom:0}}.landing__brand{display:flex;justify-content:center;align-items:center;padding:50px}.landing__brand svg{fill:#fff;height:52px}@media screen and (max-width: 415px){.landing__brand{padding:0;margin-bottom:30px}}.landing .directory{margin-top:30px;background:transparent;box-shadow:none;border-radius:0}.landing .hero-widget{margin-top:30px;margin-bottom:0}.landing .hero-widget h4{padding:10px;text-transform:uppercase;font-weight:700;font-size:13px;color:#9baec8}.landing .hero-widget__text{border-radius:0;padding-bottom:0}.landing .hero-widget__footer{background:#121a24;padding:10px;border-radius:0 0 4px 4px;display:flex}.landing .hero-widget__footer__column{flex:1 1 50%}.landing .hero-widget .account{padding:10px 0;border-bottom:0}.landing .hero-widget .account .account__display-name{display:flex;align-items:center}.landing .hero-widget .account .account__avatar{width:44px;height:44px;background-size:44px 44px}.landing .hero-widget__counter{padding:10px}.landing .hero-widget__counter strong{font-family:\"mastodon-font-display\",sans-serif;font-size:15px;font-weight:700;display:block}.landing .hero-widget__counter span{font-size:14px;color:#9baec8}.landing .simple_form .user_agreement .label_input>label{font-weight:400;color:#9baec8}.landing .simple_form p.lead{color:#9baec8;font-size:15px;line-height:20px;font-weight:400;margin-bottom:25px}.landing__grid{max-width:960px;margin:0 auto;display:grid;grid-template-columns:minmax(0, 50%) minmax(0, 50%);grid-gap:30px}@media screen and (max-width: 738px){.landing__grid{grid-template-columns:minmax(0, 100%);grid-gap:10px}.landing__grid__column-login{grid-row:1;display:flex;flex-direction:column}.landing__grid__column-login .box-widget{order:2;flex:0 0 auto}.landing__grid__column-login .hero-widget{margin-top:0;margin-bottom:10px;order:1;flex:0 0 auto}.landing__grid__column-registration{grid-row:2}.landing__grid .directory{margin-top:10px}}@media screen and (max-width: 415px){.landing__grid{grid-gap:0}.landing__grid .hero-widget{display:block;margin-bottom:0;box-shadow:none}.landing__grid .hero-widget__img,.landing__grid .hero-widget__img img,.landing__grid .hero-widget__footer{border-radius:0}.landing__grid .hero-widget,.landing__grid .box-widget,.landing__grid .directory__tag{border-bottom:1px solid #202e3f}.landing__grid .directory{margin-top:0}.landing__grid .directory__tag{margin-bottom:0}.landing__grid .directory__tag>a,.landing__grid .directory__tag>div{border-radius:0;box-shadow:none}.landing__grid .directory__tag:last-child{border-bottom:0}}.brand{position:relative;text-decoration:none}.brand__tagline{display:block;position:absolute;bottom:-10px;left:50px;width:300px;color:#9baec8;text-decoration:none;font-size:14px}@media screen and (max-width: 415px){.brand__tagline{position:static;width:auto;margin-top:20px;color:#404040}}.table{width:100%;max-width:100%;border-spacing:0;border-collapse:collapse}.table th,.table td{padding:8px;line-height:18px;vertical-align:top;border-top:1px solid #121a24;text-align:left;background:#0b1016}.table>thead>tr>th{vertical-align:bottom;border-bottom:2px solid #121a24;border-top:0;font-weight:500}.table>tbody>tr>th{font-weight:500}.table>tbody>tr:nth-child(odd)>td,.table>tbody>tr:nth-child(odd)>th{background:#121a24}.table a{color:#00007f;text-decoration:underline}.table a:hover{text-decoration:none}.table strong{font-weight:500}.table strong:lang(ja){font-weight:700}.table strong:lang(ko){font-weight:700}.table strong:lang(zh-CN){font-weight:700}.table strong:lang(zh-HK){font-weight:700}.table strong:lang(zh-TW){font-weight:700}.table.inline-table>tbody>tr:nth-child(odd)>td,.table.inline-table>tbody>tr:nth-child(odd)>th{background:transparent}.table.inline-table>tbody>tr:first-child>td,.table.inline-table>tbody>tr:first-child>th{border-top:0}.table.batch-table>thead>tr>th{background:#121a24;border-top:1px solid #040609;border-bottom:1px solid #040609}.table.batch-table>thead>tr>th:first-child{border-radius:4px 0 0;border-left:1px solid #040609}.table.batch-table>thead>tr>th:last-child{border-radius:0 4px 0 0;border-right:1px solid #040609}.table--invites tbody td{vertical-align:middle}.table-wrapper{overflow:auto;margin-bottom:20px}samp{font-family:\"mastodon-font-monospace\",monospace}button.table-action-link{background:transparent;border:0;font:inherit}button.table-action-link,a.table-action-link{text-decoration:none;display:inline-block;margin-right:5px;padding:0 10px;color:#9baec8;font-weight:500}button.table-action-link:hover,a.table-action-link:hover{color:#fff}button.table-action-link i.fa,a.table-action-link i.fa{font-weight:400;margin-right:5px}button.table-action-link:first-child,a.table-action-link:first-child{padding-left:0}.batch-table__toolbar,.batch-table__row{display:flex}.batch-table__toolbar__select,.batch-table__row__select{box-sizing:border-box;padding:8px 16px;cursor:pointer;min-height:100%}.batch-table__toolbar__select input,.batch-table__row__select input{margin-top:8px}.batch-table__toolbar__select--aligned,.batch-table__row__select--aligned{display:flex;align-items:center}.batch-table__toolbar__select--aligned input,.batch-table__row__select--aligned input{margin-top:0}.batch-table__toolbar__actions,.batch-table__toolbar__content,.batch-table__row__actions,.batch-table__row__content{padding:8px 0;padding-right:16px;flex:1 1 auto}.batch-table__toolbar{border:1px solid #040609;background:#121a24;border-radius:4px 0 0;height:47px;align-items:center}.batch-table__toolbar__actions{text-align:right;padding-right:11px}.batch-table__form{padding:16px;border:1px solid #040609;border-top:0;background:#121a24}.batch-table__form .fields-row{padding-top:0;margin-bottom:0}.batch-table__row{border:1px solid #040609;border-top:0;background:#0b1016}@media screen and (max-width: 415px){.optional .batch-table__row:first-child{border-top:1px solid #040609}}.batch-table__row:hover{background:#0f151d}.batch-table__row:nth-child(even){background:#121a24}.batch-table__row:nth-child(even):hover{background:#151f2b}.batch-table__row__content{padding-top:12px;padding-bottom:16px}.batch-table__row__content--unpadded{padding:0}.batch-table__row__content--with-image{display:flex;align-items:center}.batch-table__row__content__image{flex:0 0 auto;display:flex;justify-content:center;align-items:center;margin-right:10px}.batch-table__row__content__image .emojione{width:32px;height:32px}.batch-table__row__content__text{flex:1 1 auto}.batch-table__row__content__extra{flex:0 0 auto;text-align:right;color:#9baec8;font-weight:500}.batch-table__row .directory__tag{margin:0;width:100%}.batch-table__row .directory__tag a{background:transparent;border-radius:0}@media screen and (max-width: 415px){.batch-table.optional .batch-table__toolbar,.batch-table.optional .batch-table__row__select{display:none}}.batch-table .status__content{padding-top:0}.batch-table .status__content summary{display:list-item}.batch-table .status__content strong{font-weight:700}.batch-table .nothing-here{border:1px solid #040609;border-top:0;box-shadow:none}@media screen and (max-width: 415px){.batch-table .nothing-here{border-top:1px solid #040609}}@media screen and (max-width: 870px){.batch-table .accounts-table tbody td.optional{display:none}}.admin-wrapper{display:flex;justify-content:center;width:100%;min-height:100vh}.admin-wrapper .sidebar-wrapper{min-height:100vh;overflow:hidden;pointer-events:none;flex:1 1 auto}.admin-wrapper .sidebar-wrapper__inner{display:flex;justify-content:flex-end;background:#121a24;height:100%}.admin-wrapper .sidebar{width:240px;padding:0;pointer-events:auto}.admin-wrapper .sidebar__toggle{display:none;background:#202e3f;height:48px}.admin-wrapper .sidebar__toggle__logo{flex:1 1 auto}.admin-wrapper .sidebar__toggle__logo a{display:inline-block;padding:15px}.admin-wrapper .sidebar__toggle__logo svg{fill:#fff;height:20px;position:relative;bottom:-2px}.admin-wrapper .sidebar__toggle__icon{display:block;color:#9baec8;text-decoration:none;flex:0 0 auto;font-size:20px;padding:15px}.admin-wrapper .sidebar__toggle a:hover,.admin-wrapper .sidebar__toggle a:focus,.admin-wrapper .sidebar__toggle a:active{background:#26374d}.admin-wrapper .sidebar .logo{display:block;margin:40px auto;width:100px;height:100px}@media screen and (max-width: 600px){.admin-wrapper .sidebar>a:first-child{display:none}}.admin-wrapper .sidebar ul{list-style:none;border-radius:4px 0 0 4px;overflow:hidden;margin-bottom:20px}@media screen and (max-width: 600px){.admin-wrapper .sidebar ul{margin-bottom:0}}.admin-wrapper .sidebar ul a{display:block;padding:15px;color:#9baec8;text-decoration:none;transition:all 200ms linear;transition-property:color,background-color;border-radius:4px 0 0 4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.admin-wrapper .sidebar ul a i.fa{margin-right:5px}.admin-wrapper .sidebar ul a:hover{color:#fff;background-color:#0a0e13;transition:all 100ms linear;transition-property:color,background-color}.admin-wrapper .sidebar ul a.selected{background:#0f151d;border-radius:4px 0 0}.admin-wrapper .sidebar ul ul{background:#0b1016;border-radius:0 0 0 4px;margin:0}.admin-wrapper .sidebar ul ul a{border:0;padding:15px 35px}.admin-wrapper .sidebar ul .simple-navigation-active-leaf a{color:#fff;background-color:#00007f;border-bottom:0;border-radius:0}.admin-wrapper .sidebar ul .simple-navigation-active-leaf a:hover{background-color:#009}.admin-wrapper .sidebar>ul>.simple-navigation-active-leaf a{border-radius:4px 0 0 4px}.admin-wrapper .content-wrapper{box-sizing:border-box;width:100%;max-width:840px;flex:1 1 auto}@media screen and (max-width: 1080px){.admin-wrapper .sidebar-wrapper--empty{display:none}.admin-wrapper .sidebar-wrapper{width:240px;flex:0 0 auto}}@media screen and (max-width: 600px){.admin-wrapper .sidebar-wrapper{width:100%}}.admin-wrapper .content{padding:20px 15px;padding-top:60px;padding-left:25px}@media screen and (max-width: 600px){.admin-wrapper .content{max-width:none;padding:15px;padding-top:30px}}.admin-wrapper .content-heading{display:flex;padding-bottom:40px;border-bottom:1px solid #202e3f;margin:-15px -15px 40px 0;flex-wrap:wrap;align-items:center;justify-content:space-between}.admin-wrapper .content-heading>*{margin-top:15px;margin-right:15px}.admin-wrapper .content-heading-actions{display:inline-flex}.admin-wrapper .content-heading-actions>:not(:first-child){margin-left:5px}@media screen and (max-width: 600px){.admin-wrapper .content-heading{border-bottom:0;padding-bottom:0}}.admin-wrapper .content h2{color:#d9e1e8;font-size:24px;line-height:28px;font-weight:400}@media screen and (max-width: 600px){.admin-wrapper .content h2{font-weight:700}}.admin-wrapper .content h3{color:#d9e1e8;font-size:20px;line-height:28px;font-weight:400;margin-bottom:30px}.admin-wrapper .content h4{text-transform:uppercase;font-size:13px;font-weight:700;color:#9baec8;padding-bottom:8px;margin-bottom:8px;border-bottom:1px solid #202e3f}.admin-wrapper .content h6{font-size:16px;color:#d9e1e8;line-height:28px;font-weight:500}.admin-wrapper .content .fields-group h6{color:#fff;font-weight:500}.admin-wrapper .content .directory__tag>a,.admin-wrapper .content .directory__tag>div{box-shadow:none}.admin-wrapper .content .directory__tag .table-action-link .fa{color:inherit}.admin-wrapper .content .directory__tag h4{font-size:18px;font-weight:700;color:#fff;text-transform:none;padding-bottom:0;margin-bottom:0;border-bottom:0}.admin-wrapper .content>p{font-size:14px;line-height:21px;color:#d9e1e8;margin-bottom:20px}.admin-wrapper .content>p strong{color:#fff;font-weight:500}.admin-wrapper .content>p strong:lang(ja){font-weight:700}.admin-wrapper .content>p strong:lang(ko){font-weight:700}.admin-wrapper .content>p strong:lang(zh-CN){font-weight:700}.admin-wrapper .content>p strong:lang(zh-HK){font-weight:700}.admin-wrapper .content>p strong:lang(zh-TW){font-weight:700}.admin-wrapper .content hr{width:100%;height:0;border:0;border-bottom:1px solid rgba(64,64,64,.6);margin:20px 0}.admin-wrapper .content hr.spacer{height:1px;border:0}@media screen and (max-width: 600px){.admin-wrapper{display:block}.admin-wrapper .sidebar-wrapper{min-height:0}.admin-wrapper .sidebar{width:100%;padding:0;height:auto}.admin-wrapper .sidebar__toggle{display:flex}.admin-wrapper .sidebar>ul{display:none}.admin-wrapper .sidebar ul a,.admin-wrapper .sidebar ul ul a{border-radius:0;border-bottom:1px solid #192432;transition:none}.admin-wrapper .sidebar ul a:hover,.admin-wrapper .sidebar ul ul a:hover{transition:none}.admin-wrapper .sidebar ul ul{border-radius:0}.admin-wrapper .sidebar ul .simple-navigation-active-leaf a{border-bottom-color:#00007f}}hr.spacer{width:100%;border:0;margin:20px 0;height:1px}body .muted-hint,.admin-wrapper .content .muted-hint{color:#9baec8}body .muted-hint a,.admin-wrapper .content .muted-hint a{color:#00007f}body .positive-hint,.admin-wrapper .content .positive-hint{color:#79bd9a;font-weight:500}body .negative-hint,.admin-wrapper .content .negative-hint{color:#df405a;font-weight:500}body .neutral-hint,.admin-wrapper .content .neutral-hint{color:#404040;font-weight:500}body .warning-hint,.admin-wrapper .content .warning-hint{color:#ca8f04;font-weight:500}.filters{display:flex;flex-wrap:wrap}.filters .filter-subset{flex:0 0 auto;margin:0 40px 20px 0}.filters .filter-subset:last-child{margin-bottom:30px}.filters .filter-subset ul{margin-top:5px;list-style:none}.filters .filter-subset ul li{display:inline-block;margin-right:5px}.filters .filter-subset strong{font-weight:500;text-transform:uppercase;font-size:12px}.filters .filter-subset strong:lang(ja){font-weight:700}.filters .filter-subset strong:lang(ko){font-weight:700}.filters .filter-subset strong:lang(zh-CN){font-weight:700}.filters .filter-subset strong:lang(zh-HK){font-weight:700}.filters .filter-subset strong:lang(zh-TW){font-weight:700}.filters .filter-subset--with-select strong{display:block;margin-bottom:10px}.filters .filter-subset a{display:inline-block;color:#9baec8;text-decoration:none;text-transform:uppercase;font-size:12px;font-weight:500;border-bottom:2px solid #121a24}.filters .filter-subset a:hover{color:#fff;border-bottom:2px solid #1b2635}.filters .filter-subset a.selected{color:#00007f;border-bottom:2px solid #00007f}.flavour-screen{display:block;margin:10px auto;max-width:100%}.flavour-description{display:block;font-size:16px;margin:10px 0}.flavour-description>p{margin:10px 0}.flavour-screen{display:block;margin:10px auto;max-width:100%}.flavour-description{display:block;font-size:16px;margin:10px 0}.flavour-description>p{margin:10px 0}.report-accounts{display:flex;flex-wrap:wrap;margin-bottom:20px}.report-accounts__item{display:flex;flex:250px;flex-direction:column;margin:0 5px}.report-accounts__item>strong{display:block;margin:0 0 10px -5px;font-weight:500;font-size:14px;line-height:18px;color:#d9e1e8}.report-accounts__item>strong:lang(ja){font-weight:700}.report-accounts__item>strong:lang(ko){font-weight:700}.report-accounts__item>strong:lang(zh-CN){font-weight:700}.report-accounts__item>strong:lang(zh-HK){font-weight:700}.report-accounts__item>strong:lang(zh-TW){font-weight:700}.report-accounts__item .account-card{flex:1 1 auto}.report-status,.account-status{display:flex;margin-bottom:10px}.report-status .activity-stream,.account-status .activity-stream{flex:2 0 0;margin-right:20px;max-width:calc(100% - 60px)}.report-status .activity-stream .entry,.account-status .activity-stream .entry{border-radius:4px}.report-status__actions,.account-status__actions{flex:0 0 auto;display:flex;flex-direction:column}.report-status__actions .icon-button,.account-status__actions .icon-button{font-size:24px;width:24px;text-align:center;margin-bottom:10px}.simple_form.new_report_note,.simple_form.new_account_moderation_note{max-width:100%}.batch-form-box{display:flex;flex-wrap:wrap;margin-bottom:5px}.batch-form-box #form_status_batch_action{margin:0 5px 5px 0;font-size:14px}.batch-form-box input.button{margin:0 5px 5px 0}.batch-form-box .media-spoiler-toggle-buttons{margin-left:auto}.batch-form-box .media-spoiler-toggle-buttons .button{overflow:visible;margin:0 0 5px 5px;float:right}.back-link{margin-bottom:10px;font-size:14px}.back-link a{color:#00007f;text-decoration:none}.back-link a:hover{text-decoration:underline}.spacer{flex:1 1 auto}.log-entry{line-height:20px;padding:15px 0;background:#121a24;border-bottom:1px solid #192432}.log-entry:last-child{border-bottom:0}.log-entry__header{display:flex;justify-content:flex-start;align-items:center;color:#9baec8;font-size:14px;padding:0 10px}.log-entry__avatar{margin-right:10px}.log-entry__avatar .avatar{display:block;margin:0;border-radius:50%;width:40px;height:40px}.log-entry__content{max-width:calc(100% - 90px)}.log-entry__title{word-wrap:break-word}.log-entry__timestamp{color:#404040}.log-entry a,.log-entry .username,.log-entry .target{color:#d9e1e8;text-decoration:none;font-weight:500}a.name-tag,.name-tag,a.inline-name-tag,.inline-name-tag{text-decoration:none;color:#d9e1e8}a.name-tag .username,.name-tag .username,a.inline-name-tag .username,.inline-name-tag .username{font-weight:500}a.name-tag.suspended .username,.name-tag.suspended .username,a.inline-name-tag.suspended .username,.inline-name-tag.suspended .username{text-decoration:line-through;color:#e87487}a.name-tag.suspended .avatar,.name-tag.suspended .avatar,a.inline-name-tag.suspended .avatar,.inline-name-tag.suspended .avatar{filter:grayscale(100%);opacity:.8}a.name-tag,.name-tag{display:flex;align-items:center}a.name-tag .avatar,.name-tag .avatar{display:block;margin:0;margin-right:5px;border-radius:50%}a.name-tag.suspended .avatar,.name-tag.suspended .avatar{filter:grayscale(100%);opacity:.8}.speech-bubble{margin-bottom:20px;border-left:4px solid #00007f}.speech-bubble.positive{border-left-color:#79bd9a}.speech-bubble.negative{border-left-color:#e87487}.speech-bubble.warning{border-left-color:#ca8f04}.speech-bubble__bubble{padding:16px;padding-left:14px;font-size:15px;line-height:20px;border-radius:4px 4px 4px 0;position:relative;font-weight:500}.speech-bubble__bubble a{color:#9baec8}.speech-bubble__owner{padding:8px;padding-left:12px}.speech-bubble time{color:#404040}.report-card{background:#121a24;border-radius:4px;margin-bottom:20px}.report-card__profile{display:flex;justify-content:space-between;align-items:center;padding:15px}.report-card__profile .account{padding:0;border:0}.report-card__profile .account__avatar-wrapper{margin-left:0}.report-card__profile__stats{flex:0 0 auto;font-weight:500;color:#9baec8;text-transform:uppercase;text-align:right}.report-card__profile__stats a{color:inherit;text-decoration:none}.report-card__profile__stats a:focus,.report-card__profile__stats a:hover,.report-card__profile__stats a:active{color:#b5c3d6}.report-card__profile__stats .red{color:#df405a}.report-card__summary__item{display:flex;justify-content:flex-start;border-top:1px solid #0b1016}.report-card__summary__item:hover{background:#151f2b}.report-card__summary__item__reported-by,.report-card__summary__item__assigned{padding:15px;flex:0 0 auto;box-sizing:border-box;width:150px;color:#9baec8}.report-card__summary__item__reported-by,.report-card__summary__item__reported-by .username,.report-card__summary__item__assigned,.report-card__summary__item__assigned .username{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.report-card__summary__item__content{flex:1 1 auto;max-width:calc(100% - 300px)}.report-card__summary__item__content__icon{color:#404040;margin-right:4px;font-weight:500}.report-card__summary__item__content a{display:block;box-sizing:border-box;width:100%;padding:15px;text-decoration:none;color:#9baec8}.one-line{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ellipsized-ip{display:inline-block;max-width:120px;overflow:hidden;text-overflow:ellipsis;vertical-align:middle}.admin-account-bio{display:flex;flex-wrap:wrap;margin:0 -5px;margin-top:20px}.admin-account-bio>div{box-sizing:border-box;padding:0 5px;margin-bottom:10px;flex:1 0 50%}.admin-account-bio .account__header__fields,.admin-account-bio .account__header__content{background:#202e3f;border-radius:4px;height:100%}.admin-account-bio .account__header__fields{margin:0;border:0}.admin-account-bio .account__header__fields a{color:#0000a8}.admin-account-bio .account__header__fields dl:first-child .verified{border-radius:0 4px 0 0}.admin-account-bio .account__header__fields .verified a{color:#79bd9a}.admin-account-bio .account__header__content{box-sizing:border-box;padding:20px;color:#fff}.center-text{text-align:center}.announcements-list{border:1px solid #192432;border-radius:4px}.announcements-list__item{padding:15px 0;background:#121a24;border-bottom:1px solid #192432}.announcements-list__item__title{padding:0 15px;display:block;font-weight:500;font-size:18px;line-height:1.5;color:#d9e1e8;text-decoration:none;margin-bottom:10px}.announcements-list__item__title:hover,.announcements-list__item__title:focus,.announcements-list__item__title:active{color:#fff}.announcements-list__item__meta{padding:0 15px;color:#404040}.announcements-list__item__action-bar{display:flex;justify-content:space-between;align-items:center}.announcements-list__item:last-child{border-bottom:0}.dashboard__counters{display:flex;flex-wrap:wrap;margin:0 -5px;margin-bottom:20px}.dashboard__counters>div{box-sizing:border-box;flex:0 0 33.333%;padding:0 5px;margin-bottom:10px}.dashboard__counters>div>div,.dashboard__counters>div>a{padding:20px;background:#192432;border-radius:4px;box-sizing:border-box;height:100%}.dashboard__counters>div>a{text-decoration:none;color:inherit;display:block}.dashboard__counters>div>a:hover,.dashboard__counters>div>a:focus,.dashboard__counters>div>a:active{background:#202e3f}.dashboard__counters__num,.dashboard__counters__text{text-align:center;font-weight:500;font-size:24px;line-height:21px;color:#fff;font-family:\"mastodon-font-display\",sans-serif;margin-bottom:20px;line-height:30px}.dashboard__counters__text{font-size:18px}.dashboard__counters__label{font-size:14px;color:#9baec8;text-align:center;font-weight:500}.dashboard__widgets{display:flex;flex-wrap:wrap;margin:0 -5px}.dashboard__widgets>div{flex:0 0 33.333%;margin-bottom:20px}.dashboard__widgets>div>div{padding:0 5px}.dashboard__widgets a:not(.name-tag){color:#d9e1e8;font-weight:500;text-decoration:none}body.rtl{direction:rtl}body.rtl .column-header>button{text-align:right;padding-left:0;padding-right:15px}body.rtl .radio-button__input{margin-right:0;margin-left:10px}body.rtl .directory__card__bar .display-name{margin-left:0;margin-right:15px}body.rtl .display-name{text-align:right}body.rtl .notification__message{margin-left:0;margin-right:68px}body.rtl .drawer__inner__mastodon>img{transform:scaleX(-1)}body.rtl .notification__favourite-icon-wrapper{left:auto;right:-26px}body.rtl .landing-page__logo{margin-right:0;margin-left:20px}body.rtl .landing-page .features-list .features-list__row .visual{margin-left:0;margin-right:15px}body.rtl .column-link__icon,body.rtl .column-header__icon{margin-right:0;margin-left:5px}body.rtl .compose-form .compose-form__buttons-wrapper .character-counter__wrapper{margin-right:0;margin-left:4px}body.rtl .navigation-bar__profile{margin-left:0;margin-right:8px}body.rtl .search__input{padding-right:10px;padding-left:30px}body.rtl .search__icon .fa{right:auto;left:10px}body.rtl .columns-area{direction:rtl}body.rtl .column-header__buttons{left:0;right:auto;margin-left:0;margin-right:-15px}body.rtl .column-inline-form .icon-button{margin-left:0;margin-right:5px}body.rtl .column-header__links .text-btn{margin-left:10px;margin-right:0}body.rtl .account__avatar-wrapper{float:right}body.rtl .column-header__back-button{padding-left:5px;padding-right:0}body.rtl .column-header__setting-arrows{float:left}body.rtl .setting-toggle__label{margin-left:0;margin-right:8px}body.rtl .status__avatar{left:auto;right:10px}body.rtl .status,body.rtl .activity-stream .status.light{padding-left:10px;padding-right:68px}body.rtl .status__info .status__display-name,body.rtl .activity-stream .status.light .status__display-name{padding-left:25px;padding-right:0}body.rtl .activity-stream .pre-header{padding-right:68px;padding-left:0}body.rtl .status__prepend{margin-left:0;margin-right:68px}body.rtl .status__prepend-icon-wrapper{left:auto;right:-26px}body.rtl .activity-stream .pre-header .pre-header__icon{left:auto;right:42px}body.rtl .account__avatar-overlay-overlay{right:auto;left:0}body.rtl .column-back-button--slim-button{right:auto;left:0}body.rtl .status__relative-time,body.rtl .activity-stream .status.light .status__header .status__meta{float:left}body.rtl .status__action-bar__counter{margin-right:0;margin-left:11px}body.rtl .status__action-bar__counter .status__action-bar-button{margin-right:0;margin-left:4px}body.rtl .status__action-bar-button{float:right;margin-right:0;margin-left:18px}body.rtl .status__action-bar-dropdown{float:right}body.rtl .privacy-dropdown__dropdown{margin-left:0;margin-right:40px}body.rtl .privacy-dropdown__option__icon{margin-left:10px;margin-right:0}body.rtl .detailed-status__display-name .display-name{text-align:right}body.rtl .detailed-status__display-avatar{margin-right:0;margin-left:10px;float:right}body.rtl .detailed-status__favorites,body.rtl .detailed-status__reblogs{margin-left:0;margin-right:6px}body.rtl .fa-ul{margin-left:2.14285714em}body.rtl .fa-li{left:auto;right:-2.14285714em}body.rtl .admin-wrapper{direction:rtl}body.rtl .admin-wrapper .sidebar ul a i.fa,body.rtl a.table-action-link i.fa{margin-right:0;margin-left:5px}body.rtl .simple_form .check_boxes .checkbox label{padding-left:0;padding-right:25px}body.rtl .simple_form .input.with_label.boolean label.checkbox{padding-left:25px;padding-right:0}body.rtl .simple_form .check_boxes .checkbox input[type=checkbox],body.rtl .simple_form .input.boolean input[type=checkbox]{left:auto;right:0}body.rtl .simple_form .input.radio_buttons .radio{left:auto;right:0}body.rtl .simple_form .input.radio_buttons .radio>label{padding-right:28px;padding-left:0}body.rtl .simple_form .input-with-append .input input{padding-left:142px;padding-right:0}body.rtl .simple_form .input.boolean label.checkbox{left:auto;right:0}body.rtl .simple_form .input.boolean .label_input,body.rtl .simple_form .input.boolean .hint{padding-left:0;padding-right:28px}body.rtl .simple_form .label_input__append{right:auto;left:3px}body.rtl .simple_form .label_input__append::after{right:auto;left:0;background-image:linear-gradient(to left, rgba(1, 1, 2, 0), #010102)}body.rtl .simple_form select{background:#010102 url(\"data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14.933 18.467' height='19.698' width='15.929'><path d='M3.467 14.967l-3.393-3.5H14.86l-3.392 3.5c-1.866 1.925-3.666 3.5-4 3.5-.335 0-2.135-1.575-4-3.5zm.266-11.234L7.467 0 11.2 3.733l3.733 3.734H0l3.733-3.734z' fill='%2326374D'/></svg>\") no-repeat left 8px center/auto 16px}body.rtl .table th,body.rtl .table td{text-align:right}body.rtl .filters .filter-subset{margin-right:0;margin-left:45px}body.rtl .landing-page .header-wrapper .mascot{right:60px;left:auto}body.rtl .landing-page__call-to-action .row__information-board{direction:rtl}body.rtl .landing-page .header .hero .floats .float-1{left:-120px;right:auto}body.rtl .landing-page .header .hero .floats .float-2{left:210px;right:auto}body.rtl .landing-page .header .hero .floats .float-3{left:110px;right:auto}body.rtl .landing-page .header .links .brand img{left:0}body.rtl .landing-page .fa-external-link{padding-right:5px;padding-left:0 !important}body.rtl .landing-page .features #mastodon-timeline{margin-right:0;margin-left:30px}@media screen and (min-width: 631px){body.rtl .column,body.rtl .drawer{padding-left:5px;padding-right:5px}body.rtl .column:first-child,body.rtl .drawer:first-child{padding-left:5px;padding-right:10px}body.rtl .columns-area>div .column,body.rtl .columns-area>div .drawer{padding-left:5px;padding-right:5px}}body.rtl .columns-area--mobile .column,body.rtl .columns-area--mobile .drawer{padding-left:0;padding-right:0}body.rtl .public-layout .header .nav-button{margin-left:8px;margin-right:0}body.rtl .public-layout .public-account-header__tabs{margin-left:0;margin-right:20px}body.rtl .landing-page__information .account__display-name{margin-right:0;margin-left:5px}body.rtl .landing-page__information .account__avatar-wrapper{margin-left:12px;margin-right:0}body.rtl .card__bar .display-name{margin-left:0;margin-right:15px;text-align:right}body.rtl .fa-chevron-left::before{content:\"\"}body.rtl .fa-chevron-right::before{content:\"\"}body.rtl .column-back-button__icon{margin-right:0;margin-left:5px}body.rtl .column-header__setting-arrows .column-header__setting-btn:last-child{padding-left:0;padding-right:10px}body.rtl .simple_form .input.radio_buttons .radio>label input{left:auto;right:0}.emojione[title=\":wavy_dash:\"],.emojione[title=\":waving_black_flag:\"],.emojione[title=\":water_buffalo:\"],.emojione[title=\":video_game:\"],.emojione[title=\":video_camera:\"],.emojione[title=\":vhs:\"],.emojione[title=\":turkey:\"],.emojione[title=\":tophat:\"],.emojione[title=\":top:\"],.emojione[title=\":tm:\"],.emojione[title=\":telephone_receiver:\"],.emojione[title=\":spider:\"],.emojione[title=\":speaking_head_in_silhouette:\"],.emojione[title=\":spades:\"],.emojione[title=\":soon:\"],.emojione[title=\":registered:\"],.emojione[title=\":on:\"],.emojione[title=\":musical_score:\"],.emojione[title=\":movie_camera:\"],.emojione[title=\":mortar_board:\"],.emojione[title=\":microphone:\"],.emojione[title=\":male-guard:\"],.emojione[title=\":lower_left_fountain_pen:\"],.emojione[title=\":lower_left_ballpoint_pen:\"],.emojione[title=\":kaaba:\"],.emojione[title=\":joystick:\"],.emojione[title=\":hole:\"],.emojione[title=\":hocho:\"],.emojione[title=\":heavy_plus_sign:\"],.emojione[title=\":heavy_multiplication_x:\"],.emojione[title=\":heavy_minus_sign:\"],.emojione[title=\":heavy_dollar_sign:\"],.emojione[title=\":heavy_division_sign:\"],.emojione[title=\":heavy_check_mark:\"],.emojione[title=\":guardsman:\"],.emojione[title=\":gorilla:\"],.emojione[title=\":fried_egg:\"],.emojione[title=\":film_projector:\"],.emojione[title=\":female-guard:\"],.emojione[title=\":end:\"],.emojione[title=\":electric_plug:\"],.emojione[title=\":eight_pointed_black_star:\"],.emojione[title=\":dark_sunglasses:\"],.emojione[title=\":currency_exchange:\"],.emojione[title=\":curly_loop:\"],.emojione[title=\":copyright:\"],.emojione[title=\":clubs:\"],.emojione[title=\":camera_with_flash:\"],.emojione[title=\":camera:\"],.emojione[title=\":busts_in_silhouette:\"],.emojione[title=\":bust_in_silhouette:\"],.emojione[title=\":bowling:\"],.emojione[title=\":bomb:\"],.emojione[title=\":black_small_square:\"],.emojione[title=\":black_nib:\"],.emojione[title=\":black_medium_square:\"],.emojione[title=\":black_medium_small_square:\"],.emojione[title=\":black_large_square:\"],.emojione[title=\":black_heart:\"],.emojione[title=\":black_circle:\"],.emojione[title=\":back:\"],.emojione[title=\":ant:\"],.emojione[title=\":8ball:\"]{filter:drop-shadow(1px 1px 0 #ffffff) drop-shadow(-1px 1px 0 #ffffff) drop-shadow(1px -1px 0 #ffffff) drop-shadow(-1px -1px 0 #ffffff);transform:scale(0.71)}@media screen and (min-width: 1300px){.column{flex-grow:1 !important;max-width:400px}.drawer{width:17%;max-width:400px;min-width:330px}}.media-gallery,.video-player{max-height:30vh;height:30vh !important;position:relative;margin-top:20px;margin-left:-68px;width:calc(100% + 80px) !important;max-width:calc(100% + 80px)}.detailed-status .media-gallery,.detailed-status .video-player{margin-left:-5px;width:calc(100% + 9px);max-width:calc(100% + 9px)}.video-player video{transform:unset;top:unset}.detailed-status .media-spoiler,.status .media-spoiler{height:100% !important;vertical-align:middle}body{font-size:13px;font-family:\"MS Sans Serif\",\"premillenium\",sans-serif;color:#000}.ui,.ui .columns-area,body.admin{background:teal}.loading-bar{height:5px;background-color:navy}.tabs-bar{background:#bfbfbf;box-shadow:inset -1px -1px 0px #000,inset 1px 1px 0px #fff,inset -2px -2px 0px gray,inset 2px 2px 0px #dfdfdf;border-radius:0px;height:30px}.tabs-bar__link{color:#000;border:2px outset #bfbfbf;border-top-width:1px;border-left-width:1px;margin:2px;padding:3px}.tabs-bar__link.active{box-shadow:inset 1px 1px 0px #000,inset -1px -1px 0px #fff,inset 2px 2px 0px gray,inset -2px -2px 0px #dfdfdf;border-width:0px;border-radius:0px;color:#000}.tabs-bar__link:last-child::before{content:\"Start\";color:#000;font-weight:bold;font-size:15px;width:80%;display:block;position:absolute;right:0px}.tabs-bar__link:last-child{position:relative;flex-basis:60px !important;font-size:0px;color:#bfbfbf;background-image:url(\"~images/start.png\");background-repeat:no-repeat;background-position:8%;background-clip:padding-box;background-size:auto 50%}.drawer .drawer__inner{overflow:visible;height:inherit;background:#bfbfbf}.drawer:after{display:block;content:\" \";position:absolute;bottom:15px;left:15px;width:132px;height:117px;background-image:url(\"~images/clippy_wave.gif\"),url(\"~images/clippy_frame.png\");background-repeat:no-repeat;background-position:4px 20px,0px 0px;z-index:0}.drawer__pager{overflow-y:auto;z-index:1}.privacy-dropdown__dropdown{z-index:2}.column{max-height:100vh}.column>.scrollable{background:#bfbfbf;border-left:2px solid #efefef;border-top:2px solid #efefef;border-right:2px solid #404040;border-bottom:2px solid #404040;border-radius:0px;border-top-width:0px}.column-header__wrapper{color:#fff;font-weight:bold;background:#7f7f7f}.column-header{padding:2px;font-size:13px;background:#7f7f7f;border-left:2px solid #efefef;border-top:2px solid #efefef;border-right:2px solid #404040;border-bottom:2px solid #404040;border-radius:0px;border-bottom-width:0px;color:#fff;font-weight:bold;align-items:baseline}.column-header__wrapper.active{background:#00007f}.column-header__wrapper.active::before{display:none}.column-header.active{box-shadow:unset;background:#00007f}.column-header.active .column-header__icon{color:#fff}.column-header__buttons{max-height:20px;margin-right:0px}.column-header__button{background:#bfbfbf;color:#000;line-height:0px;font-size:14px;max-height:20px;padding:0px 2px;margin-top:2px;box-shadow:inset -1px -1px 0px #000,inset 1px 1px 0px #fff,inset -2px -2px 0px gray,inset 2px 2px 0px #dfdfdf;border-radius:0px}.column-header__button:hover{color:#000}.column-header__button.active,.column-header__button.active:hover{box-shadow:inset 1px 1px 0px #000,inset -1px -1px 0px #fff,inset 2px 2px 0px gray,inset -2px -2px 0px #dfdfdf;border-width:0px;border-radius:0px;background-color:#7f7f7f}.column-header__back-button{background:#bfbfbf;color:#000;padding:2px;max-height:20px;margin-top:2px;box-shadow:inset -1px -1px 0px #000,inset 1px 1px 0px #fff,inset -2px -2px 0px gray,inset 2px 2px 0px #dfdfdf;border-radius:0px;font-size:13px;font-weight:bold}.column-back-button{background:#bfbfbf;color:#000;box-shadow:inset -1px -1px 0px #000,inset 1px 1px 0px #fff,inset -2px -2px 0px gray,inset 2px 2px 0px #dfdfdf;border-radius:0px;padding:2px;font-size:13px;font-weight:bold}.column-back-button--slim-button{position:absolute;top:-22px;right:4px;max-height:20px;max-width:60px;padding:0px 2px}.column-back-button__icon{font-size:11px;margin-top:-3px}.column-header__collapsible{border-left:2px outset #bfbfbf;border-right:2px outset #bfbfbf}.column-header__collapsible-inner{background:#bfbfbf;color:#000}.column-header__collapsible__extra{color:#000}.column-header__collapsible__extra div[role=group]{border:2px groove #bfbfbf;border-radius:4px;margin-bottom:8px;padding:4px}.column-inline-form{background-color:#bfbfbf;border-left:2px solid #efefef;border-top:2px solid #efefef;border-right:2px solid #404040;border-bottom:2px solid #404040;border-radius:0px;border-bottom-width:0px;border-top-width:0px}.column-settings__section{color:#000;font-weight:bold;font-size:11px;position:relative;top:-12px;left:4px;background-color:#bfbfbf;display:inline-block;padding:0px 4px;margin-bottom:0px}.setting-meta__label,.setting-toggle__label{color:#000;font-weight:normal}.setting-meta__label span:before{content:\"(\"}.setting-meta__label span:after{content:\")\"}.setting-toggle{line-height:13px}.react-toggle .react-toggle-track{border-radius:0px;background-color:#fff;border-left:2px solid #404040;border-top:2px solid #404040;border-right:2px solid #efefef;border-bottom:2px solid #efefef;border-radius:0px;width:12px;height:12px}.react-toggle:hover:not(.react-toggle--disabled) .react-toggle-track{background-color:#fff}.react-toggle .react-toggle-track-check{left:2px;transition:unset}.react-toggle .react-toggle-track-check svg path{fill:#000}.react-toggle .react-toggle-track-x{display:none}.react-toggle .react-toggle-thumb{border-radius:0px;display:none}.text-btn{background-color:#bfbfbf;box-shadow:inset -1px -1px 0px #000,inset 1px 1px 0px #fff,inset -2px -2px 0px gray,inset 2px 2px 0px #dfdfdf;border-radius:0px;padding:4px}.text-btn:hover{text-decoration:none;color:#000}.text-btn:active{box-shadow:inset 1px 1px 0px #000,inset -1px -1px 0px #fff,inset 2px 2px 0px gray,inset -2px -2px 0px #dfdfdf;border-width:0px;border-radius:0px}.setting-text{color:#000;background-color:#fff;box-shadow:inset 1px 1px 0px #000,inset -1px -1px 0px #fff,inset 2px 2px 0px gray,inset -2px -2px 0px #dfdfdf;border-width:0px;border-radius:0px;font-size:13px;padding:2px}.setting-text:active,.setting-text:focus,.setting-text.light:active,.setting-text.light:focus{color:#000;border-bottom:2px inset #bfbfbf}.column-header__setting-arrows .column-header__setting-btn{padding:3px 10px}.column-header__setting-arrows .column-header__setting-btn:last-child{padding:3px 10px}.missing-indicator{background-color:#bfbfbf;color:#000;box-shadow:inset -1px -1px 0px #000,inset 1px 1px 0px #fff,inset -2px -2px 0px gray,inset 2px 2px 0px #dfdfdf;border-radius:0px}.missing-indicator>div{background:url(\"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAARCAYAAAA7bUf6AAAACXBIWXMAAC4jAAAuIwF4pT92AAAAF3pUWHRUaXRsZQAACJnLyy9Jyy/NSwEAD5IDblIFOhoAAAAXelRYdEF1dGhvcgAACJlLzijKz0vMAQALmgLoDsFj8gAAAQpJREFUOMuVlD0OwjAMhd2oQl04Axfo0IGBgYELcAY6cqQuSO0ZOEAZGBg6VKg74gwsEaoESRVHjusI8aQqzY8/PbtOEz1qkFSn2YevlaNOpLMJh2DwvixhuXtOa6/LCh51DUMEFkAsgAZD207Doin8mQ562JpRE5CHBAAhmIqD1L8AqzUUUJkxc6kr3AgAJ+NuvIWRdk7WcrKl0AUqcIBBHOiEbpS4m27mIL5Onfg3k0rgggeQuS2sDOGSahKR+glgqaGLgUJs951NN1q9D72cQqQWR9cr3sm9YcEssEuz6eEuZh2bu0aSOhQ1MBezu2O/+TVSvEFII3qLsZWrSA2AAUQIh1HpyP/kC++zjVSMj6ntAAAAAElFTkSuQmCC\") no-repeat;background-position:center center}.empty-column-indicator,.error-column{background:#bfbfbf;color:#000}.status__wrapper{border:2px groove #bfbfbf;margin:4px}.status{border-left:1px solid #404040;border-top:1px solid #404040;border-right:1px solid #efefef;border-bottom:1px solid #efefef;border-radius:0px;background-color:#fff;margin:4px;padding-bottom:40px;margin-bottom:8px}.status.status-direct{background-color:#bfbfbf}.status__content{font-size:13px}.status.light .status__relative-time,.status.light .display-name span{color:#7f7f7f}.status__action-bar{box-sizing:border-box;position:absolute;bottom:-1px;left:-1px;background:#bfbfbf;width:calc(100% + 2px);padding-left:10px;padding:4px 2px;padding-bottom:4px;border-bottom:2px groove #bfbfbf;border-top:1px outset #bfbfbf;text-align:right}.status__wrapper .status__action-bar{border-bottom-width:0px}.status__action-bar-button{float:right}.status__action-bar-dropdown{margin-left:auto;margin-right:10px}.status__action-bar-dropdown .icon-button{min-width:28px}.status.light .status__content a{color:blue}.focusable:focus{background:#bfbfbf}.focusable:focus .detailed-status__action-bar{background:#bfbfbf}.focusable:focus .status,.focusable:focus .detailed-status{background:#fff;outline:2px dotted gray}.dropdown__trigger.icon-button{padding-right:6px}.detailed-status__action-bar-dropdown .icon-button{min-width:28px}.detailed-status{background:#fff;background-clip:padding-box;margin:4px;border:2px groove #bfbfbf;padding:4px}.detailed-status__display-name{color:#7f7f7f}.detailed-status__display-name strong{color:#000;font-weight:bold}.account__avatar,.account__avatar-overlay-base,.account__header__avatar,.account__avatar-overlay-overlay{border-left:1px solid #404040;border-top:1px solid #404040;border-right:1px solid #efefef;border-bottom:1px solid #efefef;border-radius:0px;clip-path:none;filter:saturate(1.8) brightness(1.1)}.detailed-status__action-bar{background-color:#bfbfbf;border:0px;border-bottom:2px groove #bfbfbf;margin-bottom:8px;justify-items:left;padding-left:4px}.icon-button{background:#bfbfbf;border-left:2px solid #efefef;border-top:2px solid #efefef;border-right:2px solid #404040;border-bottom:2px solid #404040;border-radius:0px;padding:0px 0px 0px 0px;margin-right:4px;color:#3f3f3f}.icon-button.inverted,.icon-button:hover,.icon-button.inverted:hover,.icon-button:active,.icon-button:focus{color:#3f3f3f}.icon-button:active{border-left:2px solid #404040;border-top:2px solid #404040;border-right:2px solid #efefef;border-bottom:2px solid #efefef;border-radius:0px}.status__action-bar>.icon-button{padding:0px 15px 0px 0px;min-width:25px}.icon-button.star-icon,.icon-button.star-icon:active{background:transparent;border:none}.icon-button.star-icon.active{color:#ca8f04}.icon-button.star-icon.active:active,.icon-button.star-icon.active:hover,.icon-button.star-icon.active:focus{color:#ca8f04}.icon-button.star-icon>i{background:#bfbfbf;border-left:2px solid #efefef;border-top:2px solid #efefef;border-right:2px solid #404040;border-bottom:2px solid #404040;border-radius:0px;padding-bottom:3px}.icon-button.star-icon:active>i{border-left:2px solid #404040;border-top:2px solid #404040;border-right:2px solid #efefef;border-bottom:2px solid #efefef;border-radius:0px}.text-icon-button{color:#404040}.detailed-status__action-bar-dropdown{margin-left:auto;justify-content:right;padding-right:16px}.detailed-status__button{flex:0 0 auto}.detailed-status__button .icon-button{padding-left:2px;padding-right:25px}.status-card{border-radius:0px;background:#fff;border:1px solid #000;color:#000}.status-card:hover{background-color:#fff}.status-card__title{color:blue;text-decoration:underline;font-weight:bold}.load-more{width:auto;margin:5px auto;background:#bfbfbf;box-shadow:inset -1px -1px 0px #000,inset 1px 1px 0px #fff,inset -2px -2px 0px gray,inset 2px 2px 0px #dfdfdf;border-radius:0px;color:#000;padding:2px 5px}.load-more:hover{background:#bfbfbf;color:#000}.status-card__description{color:#000}.account__display-name strong,.status__display-name strong{color:#000;font-weight:bold}.account .account__display-name{color:#000}.account{border-bottom:2px groove #bfbfbf}.reply-indicator__content .status__content__spoiler-link,.status__content .status__content__spoiler-link{background:#bfbfbf;box-shadow:inset -1px -1px 0px #000,inset 1px 1px 0px #fff,inset -2px -2px 0px gray,inset 2px 2px 0px #dfdfdf;border-radius:0px}.reply-indicator__content .status__content__spoiler-link:hover,.status__content .status__content__spoiler-link:hover{background:#bfbfbf}.reply-indicator__content .status__content__spoiler-link:active,.status__content .status__content__spoiler-link:active{box-shadow:inset 1px 1px 0px #000,inset -1px -1px 0px #fff,inset 2px 2px 0px gray,inset -2px -2px 0px #dfdfdf;border-width:0px;border-radius:0px}.reply-indicator__content a,.status__content a{color:blue}.notification{border:2px groove #bfbfbf;margin:4px}.notification__message{color:#000;font-size:13px}.notification__display-name{font-weight:bold}.drawer__header{background:#bfbfbf;border-left:2px solid #efefef;border-top:2px solid #efefef;border-right:2px solid #404040;border-bottom:2px solid #404040;border-radius:0px;justify-content:left;margin-bottom:0px;padding-bottom:2px;border-bottom:2px groove #bfbfbf}.drawer__tab{color:#000;box-shadow:inset -1px -1px 0px #000,inset 1px 1px 0px #fff,inset -2px -2px 0px gray,inset 2px 2px 0px #dfdfdf;border-radius:0px;padding:5px;margin:2px;flex:0 0 auto}.drawer__tab:first-child::before{content:\"Start\";color:#000;font-weight:bold;font-size:15px;width:80%;display:block;position:absolute;right:0px}.drawer__tab:first-child{position:relative;padding:5px 15px;width:40px;font-size:0px;color:#bfbfbf;background-image:url(\"~images/start.png\");background-repeat:no-repeat;background-position:8%;background-clip:padding-box;background-size:auto 50%}.drawer__header a:hover{background-color:transparent}.drawer__header a:first-child:hover{background-image:url(\"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAOCAIAAACpTQvdAAAACXBIWXMAAC4jAAAuIwF4pT92AAAAF3pUWHRBdXRob3IAAAiZS84oys9LzAEAC5oC6A7BY/IAAACWSURBVCiRhVJJDsQgDEuqOfRZ7a1P5gbP4uaJaEjTADMWQhHYjlk4p0wLnNdptdF4KvBUDyGzVwc2xO+uKtH+1o0ytEEmqFpuxlvFCGCxKbNIT56QCi2MzaA/2Mz+mERSOeqzJG2RUxkjdTabgPtFoZ1bZxcKvgPcLZVufAyR9Ni8v5dWDzfFx0giC1RvZFv6l35QQ/Mvv39XXgGzQpoAAAAASUVORK5CYII=\");background-repeat:no-repeat;background-position:8%;background-clip:padding-box;background-size:auto 50%;transition:unset}.search{background:#bfbfbf;padding-top:2px;padding:2px;border:2px outset #bfbfbf;border-top-width:0px;border-bottom:2px groove #bfbfbf;margin-bottom:0px}.search input{background-color:#fff;color:#000;border-left:1px solid #404040;border-top:1px solid #404040;border-right:1px solid #efefef;border-bottom:1px solid #efefef;border-radius:0px}.search__input:focus{background-color:#fff}.search-popout{box-shadow:unset;color:#000;border-radius:0px;background-color:#ffc;border:1px solid #000}.search-popout h4{color:#000;text-transform:none;font-weight:bold}.search-results__header{background-color:#bfbfbf;color:#000;border-bottom:2px groove #bfbfbf}.search-results__hashtag{color:blue}.search-results__section .account:hover,.search-results__section .account:hover .account__display-name,.search-results__section .account:hover .account__display-name strong,.search-results__section .search-results__hashtag:hover{background-color:#00007f;color:#fff}.search__icon .fa{color:gray}.search__icon .fa.active{opacity:1}.search__icon .fa:hover{color:gray}.drawer__inner,.drawer__inner.darker{background-color:#bfbfbf;border:2px outset #bfbfbf;border-top-width:0px}.navigation-bar{color:#000}.navigation-bar strong{color:#000;font-weight:bold}.compose-form .autosuggest-textarea__textarea,.compose-form .spoiler-input__input{border-radius:0px;border-left:1px solid #404040;border-top:1px solid #404040;border-right:1px solid #efefef;border-bottom:1px solid #efefef;border-radius:0px}.compose-form .autosuggest-textarea__textarea{border-bottom:0px}.compose-form__uploads-wrapper{border-radius:0px;border-bottom:1px inset #bfbfbf;border-top-width:0px}.compose-form__upload-wrapper{border-left:1px inset #bfbfbf;border-right:1px inset #bfbfbf}.compose-form .compose-form__buttons-wrapper{background-color:#bfbfbf;border:2px groove #bfbfbf;margin-top:4px;padding:4px 8px}.compose-form__buttons{background-color:#bfbfbf;border-radius:0px;box-shadow:unset}.compose-form__buttons-separator{border-left:2px groove #bfbfbf}.privacy-dropdown.active .privacy-dropdown__value.active,.advanced-options-dropdown.open .advanced-options-dropdown__value{background:#bfbfbf}.privacy-dropdown.active .privacy-dropdown__value.active .icon-button{color:#404040}.privacy-dropdown.active .privacy-dropdown__value{background:#bfbfbf;box-shadow:unset}.privacy-dropdown__option.active,.privacy-dropdown__option:hover,.privacy-dropdown__option.active:hover{background:#00007f}.privacy-dropdown__dropdown,.privacy-dropdown.active .privacy-dropdown__dropdown,.advanced-options-dropdown__dropdown,.advanced-options-dropdown.open .advanced-options-dropdown__dropdown{box-shadow:unset;color:#000;box-shadow:inset -1px -1px 0px #000,inset 1px 1px 0px #fff,inset -2px -2px 0px gray,inset 2px 2px 0px #dfdfdf;border-radius:0px;background:#bfbfbf}.privacy-dropdown__option__content{color:#000}.privacy-dropdown__option__content strong{font-weight:bold}.compose-form__warning::before{content:\"Tip:\";font-weight:bold;display:block;position:absolute;top:-10px;background-color:#bfbfbf;font-size:11px;padding:0px 5px}.compose-form__warning{position:relative;box-shadow:unset;border:2px groove #bfbfbf;background-color:#bfbfbf;color:#000}.compose-form__warning a{color:blue}.compose-form__warning strong{color:#000;text-decoration:underline}.compose-form__buttons button.active:last-child{border-left:2px solid #404040;border-top:2px solid #404040;border-right:2px solid #efefef;border-bottom:2px solid #efefef;border-radius:0px;background:#dfdfdf;color:#7f7f7f}.compose-form__upload-thumbnail{border-radius:0px;border:2px groove #bfbfbf;background-color:#bfbfbf;padding:2px;box-sizing:border-box}.compose-form__upload-thumbnail .icon-button{max-width:20px;max-height:20px;line-height:10px !important}.compose-form__upload-thumbnail .icon-button::before{content:\"X\";font-size:13px;font-weight:bold;color:#000}.compose-form__upload-thumbnail .icon-button i{display:none}.emoji-picker-dropdown__menu{z-index:2}.emoji-dialog.with-search{box-shadow:unset;border-radius:0px;background-color:#bfbfbf;border:1px solid #000;box-sizing:content-box}.emoji-dialog .emoji-search{color:#000;background-color:#fff;border-radius:0px;box-shadow:inset 1px 1px 0px #000,inset -1px -1px 0px #fff,inset 2px 2px 0px gray,inset -2px -2px 0px #dfdfdf;border-width:0px;border-radius:0px}.emoji-dialog .emoji-search-wrapper{border-bottom:2px groove #bfbfbf}.emoji-dialog .emoji-category-title{color:#000;font-weight:bold}.reply-indicator{background-color:#bfbfbf;border-radius:3px;border:2px groove #bfbfbf}.button{background-color:#bfbfbf;box-shadow:inset -1px -1px 0px #000,inset 1px 1px 0px #fff,inset -2px -2px 0px gray,inset 2px 2px 0px #dfdfdf;border-radius:0px;border-radius:0px;color:#000;font-weight:bold}.button:hover,.button:focus,.button:disabled{background-color:#bfbfbf}.button:active{box-shadow:inset 1px 1px 0px #000,inset -1px -1px 0px #fff,inset 2px 2px 0px gray,inset -2px -2px 0px #dfdfdf;border-width:0px;border-radius:0px}.button:disabled{color:gray;text-shadow:1px 1px 0px #efefef}.button:disabled:active{box-shadow:inset -1px -1px 0px #000,inset 1px 1px 0px #fff,inset -2px -2px 0px gray,inset 2px 2px 0px #dfdfdf;border-radius:0px}#Getting-started{background-color:#bfbfbf;box-shadow:inset 1px 1px 0px #000,inset -1px -1px 0px #fff,inset 2px 2px 0px gray,inset -2px -2px 0px #dfdfdf;border-width:0px;border-radius:0px;border-bottom-width:0px}#Getting-started::before{content:\"Start\";color:#000;font-weight:bold;font-size:15px;width:80%;text-align:center;display:block;position:absolute;right:2px}#Getting-started{position:relative;padding:5px 15px;width:60px;font-size:0px;color:#bfbfbf;background-image:url(\"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAOCAIAAACpTQvdAAAACXBIWXMAAC4jAAAuIwF4pT92AAAAF3pUWHRBdXRob3IAAAiZS84oys9LzAEAC5oC6A7BY/IAAACWSURBVCiRhVJJDsQgDEuqOfRZ7a1P5gbP4uaJaEjTADMWQhHYjlk4p0wLnNdptdF4KvBUDyGzVwc2xO+uKtH+1o0ytEEmqFpuxlvFCGCxKbNIT56QCi2MzaA/2Mz+mERSOeqzJG2RUxkjdTabgPtFoZ1bZxcKvgPcLZVufAyR9Ni8v5dWDzfFx0giC1RvZFv6l35QQ/Mvv39XXgGzQpoAAAAASUVORK5CYII=\");background-repeat:no-repeat;background-position:8%;background-clip:padding-box;background-size:auto 50%}.column-subheading{background-color:#bfbfbf;color:#000;border-bottom:2px groove #bfbfbf;text-transform:none;font-size:16px}.column-link{background-color:transparent;color:#000}.column-link:hover{background-color:#00007f;color:#fff}.getting-started__wrapper .column-subheading{font-size:0px;margin:0px;padding:0px}.getting-started__wrapper .column-link{background-size:32px 32px;background-repeat:no-repeat;background-position:36px 50%;padding-left:40px}.getting-started__wrapper .column-link:hover{background-size:32px 32px;background-repeat:no-repeat;background-position:36px 50%}.getting-started__wrapper .column-link i{font-size:0px;width:32px}.column-link[href=\"/web/timelines/public\"]{background-image:url(\"~images/icon_public.png\")}.column-link[href=\"/web/timelines/public\"]:hover{background-image:url(\"~images/icon_public.png\")}.column-link[href=\"/web/timelines/public/local\"]{background-image:url(\"~images/icon_local.png\")}.column-link[href=\"/web/timelines/public/local\"]:hover{background-image:url(\"~images/icon_local.png\")}.column-link[href=\"/web/pinned\"]{background-image:url(\"~images/icon_pin.png\")}.column-link[href=\"/web/pinned\"]:hover{background-image:url(\"~images/icon_pin.png\")}.column-link[href=\"/web/favourites\"]{background-image:url(\"~images/icon_likes.png\")}.column-link[href=\"/web/favourites\"]:hover{background-image:url(\"~images/icon_likes.png\")}.column-link[href=\"/web/lists\"]{background-image:url(\"~images/icon_lists.png\")}.column-link[href=\"/web/lists\"]:hover{background-image:url(\"~images/icon_lists.png\")}.column-link[href=\"/web/follow_requests\"]{background-image:url(\"~images/icon_follow_requests.png\")}.column-link[href=\"/web/follow_requests\"]:hover{background-image:url(\"~images/icon_follow_requests.png\")}.column-link[href=\"/web/keyboard-shortcuts\"]{background-image:url(\"~images/icon_keyboard_shortcuts.png\")}.column-link[href=\"/web/keyboard-shortcuts\"]:hover{background-image:url(\"~images/icon_keyboard_shortcuts.png\")}.column-link[href=\"/web/blocks\"]{background-image:url(\"~images/icon_blocks.png\")}.column-link[href=\"/web/blocks\"]:hover{background-image:url(\"~images/icon_blocks.png\")}.column-link[href=\"/web/mutes\"]{background-image:url(\"~images/icon_mutes.png\")}.column-link[href=\"/web/mutes\"]:hover{background-image:url(\"~images/icon_mutes.png\")}.column-link[href=\"/settings/preferences\"]{background-image:url(\"~images/icon_settings.png\")}.column-link[href=\"/settings/preferences\"]:hover{background-image:url(\"~images/icon_settings.png\")}.column-link[href=\"/about/more\"]{background-image:url(\"~images/icon_about.png\")}.column-link[href=\"/about/more\"]:hover{background-image:url(\"~images/icon_about.png\")}.column-link[href=\"/auth/sign_out\"]{background-image:url(\"~images/icon_logout.png\")}.column-link[href=\"/auth/sign_out\"]:hover{background-image:url(\"~images/icon_logout.png\")}.getting-started__footer{display:none}.getting-started__wrapper::before{content:\"Mastodon 95\";font-weight:bold;font-size:23px;color:#fff;line-height:30px;padding-left:20px;padding-right:40px;left:0px;bottom:-30px;display:block;position:absolute;background-color:#7f7f7f;width:200%;height:30px;-ms-transform:rotate(-90deg);-webkit-transform:rotate(-90deg);transform:rotate(-90deg);transform-origin:top left}.getting-started__wrapper{border-left:2px solid #efefef;border-top:2px solid #efefef;border-right:2px solid #404040;border-bottom:2px solid #404040;border-radius:0px;background-color:#bfbfbf}.column .static-content.getting-started{display:none}.keyboard-shortcuts kbd{background-color:#bfbfbf}.account__header{background-color:#7f7f7f}.account__header .account__header__content{color:#fff}.account-authorize__wrapper{border:2px groove #bfbfbf;margin:2px;padding:2px}.account--panel{background-color:#bfbfbf;border:0px;border-top:2px groove #bfbfbf}.account-authorize .account__header__content{color:#000;margin:10px}.account__action-bar__tab>span{color:#000;font-weight:bold}.account__action-bar__tab strong{color:#000}.account__action-bar{border:unset}.account__action-bar__tab{border:1px outset #bfbfbf}.account__action-bar__tab:active{box-shadow:inset 1px 1px 0px #000,inset -1px -1px 0px #fff,inset 2px 2px 0px gray,inset -2px -2px 0px #dfdfdf;border-width:0px;border-radius:0px}.dropdown--active .dropdown__content>ul,.dropdown-menu{background:#ffc;border-radius:0px;border:1px solid #000;box-shadow:unset}.dropdown-menu a{background-color:transparent}.dropdown--active::after{display:none}.dropdown--active .icon-button{color:#000;box-shadow:inset 1px 1px 0px #000,inset -1px -1px 0px #fff,inset 2px 2px 0px gray,inset -2px -2px 0px #dfdfdf;border-width:0px;border-radius:0px}.dropdown--active .dropdown__content>ul>li>a{background:transparent}.dropdown--active .dropdown__content>ul>li>a:hover{background:transparent;color:#000;text-decoration:underline}.dropdown__sep,.dropdown-menu__separator{border-color:#7f7f7f}.detailed-status__action-bar-dropdown .dropdown--active .dropdown__content.dropdown__left{left:unset}.dropdown>.icon-button,.detailed-status__button>.icon-button,.status__action-bar>.icon-button,.star-icon i{height:25px !important;width:28px !important;box-sizing:border-box}.status__action-bar-button .fa-floppy-o{padding-top:2px}.status__action-bar-dropdown{position:relative;top:-3px}.detailed-status__action-bar-dropdown .dropdown{position:relative;top:-4px}.notification .status__action-bar{border-bottom:none}.notification .status{margin-bottom:4px}.status__wrapper .status{margin-bottom:3px}.status__wrapper{margin-bottom:8px}.icon-button .fa-retweet{position:relative;top:-1px}.embed-modal,.error-modal,.onboarding-modal,.actions-modal,.boost-modal,.confirmation-modal,.report-modal{box-shadow:inset -1px -1px 0px #000,inset 1px 1px 0px #fff,inset -2px -2px 0px gray,inset 2px 2px 0px #dfdfdf;border-radius:0px;background:#bfbfbf}.actions-modal::before,.boost-modal::before,.confirmation-modal::before,.report-modal::before{content:\"Confirmation\";display:block;background:#00007f;color:#fff;font-weight:bold;padding-left:2px}.boost-modal::before{content:\"Boost confirmation\"}.boost-modal__action-bar>div>span:before{content:\"Tip: \";font-weight:bold}.boost-modal__action-bar,.confirmation-modal__action-bar,.report-modal__action-bar{background:#bfbfbf;margin-top:-15px}.embed-modal h4,.error-modal h4,.onboarding-modal h4{background:#00007f;color:#fff;font-weight:bold;padding:2px;font-size:13px;text-align:left}.confirmation-modal__action-bar .confirmation-modal__cancel-button{color:#000}.confirmation-modal__action-bar .confirmation-modal__cancel-button:active,.confirmation-modal__action-bar .confirmation-modal__cancel-button:focus,.confirmation-modal__action-bar .confirmation-modal__cancel-button:hover{color:#000}.confirmation-modal__action-bar .confirmation-modal__cancel-button:active{box-shadow:inset 1px 1px 0px #000,inset -1px -1px 0px #fff,inset 2px 2px 0px gray,inset -2px -2px 0px #dfdfdf;border-width:0px;border-radius:0px}.embed-modal .embed-modal__container .embed-modal__html,.embed-modal .embed-modal__container .embed-modal__html:focus{background:#fff;color:#000;box-shadow:inset 1px 1px 0px #000,inset -1px -1px 0px #fff,inset 2px 2px 0px gray,inset -2px -2px 0px #dfdfdf;border-width:0px;border-radius:0px}.modal-root__overlay,.account__header>div{background:url(\"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAIAAAACCAYAAABytg0kAAAACXBIWXMAAC4jAAAuIwF4pT92AAAAFnpUWHRUaXRsZQAACJnLzU9JzElKBwALgwLXaCRlPwAAABd6VFh0QXV0aG9yAAAImUvOKMrPS8wBAAuaAugOwWPyAAAAEUlEQVQImWNgYGD4z4AE/gMADwMB/414xEUAAAAASUVORK5CYII=\")}.admin-wrapper::before{position:absolute;top:0px;content:\"Control Panel\";color:#fff;background-color:#00007f;font-size:13px;font-weight:bold;width:calc(100%);margin:2px;display:block;padding:2px;padding-left:22px;box-sizing:border-box}.admin-wrapper{position:relative;background:#bfbfbf;box-shadow:inset -1px -1px 0px #000,inset 1px 1px 0px #fff,inset -2px -2px 0px gray,inset 2px 2px 0px #dfdfdf;border-radius:0px;width:70vw;height:80vh;margin:10vh auto;color:#000;padding-top:24px;flex-direction:column;overflow:hidden}@media screen and (max-width: 1120px){.admin-wrapper{width:90vw;height:95vh;margin:2.5vh auto}}@media screen and (max-width: 740px){.admin-wrapper{width:100vw;height:95vh;height:calc(100vh - 24px);margin:0px 0px 0px 0px}}.admin-wrapper .sidebar-wrapper{position:static;height:auto;flex:0 0 auto;margin:2px}.admin-wrapper .content-wrapper{flex:1 1 auto;width:calc(100% - 20px);border-left:2px solid #efefef;border-top:2px solid #efefef;border-right:2px solid #404040;border-bottom:2px solid #404040;border-radius:0px;position:relative;margin-left:10px;margin-right:10px;margin-bottom:40px;box-sizing:border-box}.admin-wrapper .content{background-color:#bfbfbf;width:100%;max-width:100%;min-height:100%;box-sizing:border-box;position:relative}.admin-wrapper .sidebar{position:static;background:#bfbfbf;color:#000;width:100%;height:auto;padding-bottom:20px}.admin-wrapper .sidebar .logo{position:absolute;top:2px;left:4px;width:18px;height:18px;margin:0px}.admin-wrapper .sidebar>ul{background:#bfbfbf;margin:0px;margin-left:8px;color:#000}.admin-wrapper .sidebar>ul>li{display:inline-block}.admin-wrapper .sidebar>ul>li#settings,.admin-wrapper .sidebar>ul>li#admin{padding:2px;border:0px solid transparent}.admin-wrapper .sidebar>ul>li#logout{position:absolute;box-shadow:inset -1px -1px 0px #000,inset 1px 1px 0px #fff,inset -2px -2px 0px gray,inset 2px 2px 0px #dfdfdf;border-radius:0px;right:12px;bottom:10px}.admin-wrapper .sidebar>ul>li#web{display:inline-block;box-shadow:inset -1px -1px 0px #000,inset 1px 1px 0px #fff,inset -2px -2px 0px gray,inset 2px 2px 0px #dfdfdf;border-radius:0px;position:absolute;left:12px;bottom:10px}.admin-wrapper .sidebar>ul>li>a{display:inline-block;box-shadow:inset -1px 0px 0px #000,inset 1px 0px 0px #fff,inset 0px 1px 0px #fff,inset 0px 2px 0px #dfdfdf,inset -2px 0px 0px gray,inset 2px 0px 0px #dfdfdf;border-radius:0px;border-top-left-radius:1px;border-top-right-radius:1px;padding:2px 5px;margin:0px;color:#000;vertical-align:baseline}.admin-wrapper .sidebar>ul>li>a.selected{background:#bfbfbf;color:#000;padding-top:4px;padding-bottom:4px}.admin-wrapper .sidebar>ul>li>a:hover{background:#bfbfbf;color:#000}.admin-wrapper .sidebar>ul>li>ul{width:calc(100% - 20px);background:transparent;position:absolute;left:10px;top:54px;z-index:3}.admin-wrapper .sidebar>ul>li>ul>li{background:#bfbfbf;display:inline-block;vertical-align:baseline}.admin-wrapper .sidebar>ul>li>ul>li>a{background:#bfbfbf;box-shadow:inset -1px 0px 0px #000,inset 1px 0px 0px #fff,inset 0px 1px 0px #fff,inset 0px 2px 0px #dfdfdf,inset -2px 0px 0px gray,inset 2px 0px 0px #dfdfdf;border-radius:0px;border-top-left-radius:1px;border-top-right-radius:1px;color:#000;padding:2px 5px;position:relative;z-index:3}.admin-wrapper .sidebar>ul>li>ul>li>a.selected{background:#bfbfbf;color:#000;padding-bottom:4px;padding-top:4px;padding-right:7px;margin-left:-2px;margin-right:-2px;position:relative;z-index:4}.admin-wrapper .sidebar>ul>li>ul>li>a.selected:first-child{margin-left:0px}.admin-wrapper .sidebar>ul>li>ul>li>a.selected:hover{background:transparent;color:#000}.admin-wrapper .sidebar>ul>li>ul>li>a:hover{background:#bfbfbf;color:#000}@media screen and (max-width: 1520px){.admin-wrapper .sidebar>ul>li>ul{max-width:1000px}.admin-wrapper .sidebar{padding-bottom:45px}}@media screen and (max-width: 600px){.admin-wrapper .sidebar>ul>li>ul{max-width:500px}.admin-wrapper .sidebar{padding:0px;padding-bottom:70px;width:100%;height:auto}.admin-wrapper .content-wrapper{overflow:auto;height:80%;height:calc(100% - 150px)}}.flash-message{background-color:#ffc;color:#000;border:1px solid #000;border-radius:0px;position:absolute;top:0px;left:0px;width:100%}.admin-wrapper table{background-color:#fff;border-left:1px solid #404040;border-top:1px solid #404040;border-right:1px solid #efefef;border-bottom:1px solid #efefef;border-radius:0px}.admin-wrapper .content h2,.simple_form .input.with_label .label_input>label,.admin-wrapper .content h6,.admin-wrapper .content>p,.admin-wrapper .content .muted-hint,.simple_form span.hint,.simple_form h4,.simple_form .check_boxes .checkbox label,.simple_form .input.with_label.boolean .label_input>label,.filters .filter-subset a,.simple_form .input.radio_buttons .radio label,a.table-action-link,a.table-action-link:hover,.simple_form .input.with_block_label>label,.simple_form p.hint{color:#000}.table>tbody>tr:nth-child(2n+1)>td,.table>tbody>tr:nth-child(2n+1)>th{background-color:#fff}.simple_form input[type=text],.simple_form input[type=number],.simple_form input[type=email],.simple_form input[type=password],.simple_form textarea{color:#000;background-color:#fff;border-left:1px solid #404040;border-top:1px solid #404040;border-right:1px solid #efefef;border-bottom:1px solid #efefef;border-radius:0px}.simple_form input[type=text]:active,.simple_form input[type=text]:focus,.simple_form input[type=number]:active,.simple_form input[type=number]:focus,.simple_form input[type=email]:active,.simple_form input[type=email]:focus,.simple_form input[type=password]:active,.simple_form input[type=password]:focus,.simple_form textarea:active,.simple_form textarea:focus{background-color:#fff}.simple_form button,.simple_form .button,.simple_form .block-button{background:#bfbfbf;box-shadow:inset -1px -1px 0px #000,inset 1px 1px 0px #fff,inset -2px -2px 0px gray,inset 2px 2px 0px #dfdfdf;border-radius:0px;color:#000;font-weight:normal}.simple_form button:hover,.simple_form .button:hover,.simple_form .block-button:hover{background:#bfbfbf}.simple_form .warning,.table-form .warning{background:#ffc;color:#000;box-shadow:unset;text-shadow:unset;border:1px solid #000}.simple_form .warning a,.table-form .warning a{color:blue;text-decoration:underline}.simple_form button.negative,.simple_form .button.negative,.simple_form .block-button.negative{background:#bfbfbf}.filters .filter-subset{border:2px groove #bfbfbf;padding:2px}.filters .filter-subset a::before{content:\"\";background-color:#fff;border-radius:50%;border:2px solid #000;border-top-color:#7f7f7f;border-left-color:#7f7f7f;border-bottom-color:#f5f5f5;border-right-color:#f5f5f5;width:12px;height:12px;display:inline-block;vertical-align:middle;margin-right:2px}.filters .filter-subset a.selected::before{background-color:#000;box-shadow:inset 0 0 0 3px #fff}.filters .filter-subset a,.filters .filter-subset a:hover,.filters .filter-subset a.selected{color:#000;border-bottom:0px solid transparent}","//  win95 theme from cybrespace.\n\n//  Modified by kibi! to use webpack package syntax for urls (eg,\n//  `url(~images/…)`) for easy importing into skins.\n\n$win95-bg: #bfbfbf;\n$win95-dark-grey: #404040;\n$win95-mid-grey: #808080;\n$win95-window-header: #00007f;\n$win95-tooltip-yellow: #ffffcc;\n$win95-blue: blue;\n\n$ui-base-lighter-color: $win95-dark-grey;\n$ui-highlight-color: $win95-window-header;\n\n@mixin win95-border-outset() {\n  border-left: 2px solid #efefef;\n  border-top: 2px solid #efefef;\n  border-right: 2px solid #404040;\n  border-bottom: 2px solid #404040;\n  border-radius:0px;\n}\n\n@mixin win95-outset() {\n  box-shadow: inset -1px -1px 0px #000000,\n              inset 1px 1px 0px #ffffff,\n              inset -2px -2px 0px #808080,\n              inset 2px 2px 0px #dfdfdf;\n  border-radius:0px;\n}\n\n@mixin win95-border-inset() {\n  border-left: 2px solid #404040;\n  border-top: 2px solid #404040;\n  border-right: 2px solid #efefef;\n  border-bottom: 2px solid #efefef;\n  border-radius:0px;\n}\n\n@mixin win95-border-slight-inset() {\n  border-left: 1px solid #404040;\n  border-top: 1px solid #404040;\n  border-right: 1px solid #efefef;\n  border-bottom: 1px solid #efefef;\n  border-radius:0px;\n}\n\n@mixin win95-inset() {\n  box-shadow: inset 1px 1px 0px #000000,\n              inset -1px -1px 0px #ffffff,\n              inset 2px 2px 0px #808080,\n              inset -2px -2px 0px #dfdfdf;\n  border-width:0px;\n  border-radius:0px;\n}\n\n@mixin win95-tab() {\n  box-shadow: inset -1px 0px 0px #000000,\n              inset 1px 0px 0px #ffffff,\n              inset 0px 1px 0px #ffffff,\n              inset 0px 2px 0px #dfdfdf,\n              inset -2px 0px 0px #808080,\n              inset 2px 0px 0px #dfdfdf;\n  border-radius:0px;\n  border-top-left-radius: 1px;\n  border-top-right-radius: 1px;\n}\n\n@mixin win95-reset() {\n  box-shadow: unset;\n}\n\n@font-face {\n  font-family:\"premillenium\";\n  src: url('~fonts/premillenium/MSSansSerif.ttf') format('truetype');\n}\n\n@import 'application';\n\n/* borrowed from cybrespace style: wider columns and full column width images */\n\n@media screen and (min-width: 1300px) {\n  .column {\n    flex-grow: 1 !important;\n    max-width: 400px;\n  }\n\n  .drawer {\n    width: 17%;\n    max-width: 400px;\n    min-width: 330px;\n  }\n}\n\n.media-gallery,\n.video-player {\n  max-height:30vh;\n  height:30vh !important;\n  position:relative;\n  margin-top:20px;\n  margin-left:-68px;\n  width: calc(100% + 80px) !important;\n  max-width: calc(100% + 80px);\n}\n\n.detailed-status .media-gallery,\n.detailed-status .video-player {\n  margin-left:-5px;\n  width: calc(100% + 9px);\n  max-width: calc(100% + 9px);\n}\n\n.video-player video {\n  transform: unset;\n  top: unset;\n}\n\n.detailed-status .media-spoiler,\n.status .media-spoiler {\n  height: 100%!important;\n  vertical-align: middle;\n}\n\n/* main win95 style */\n\nbody {\n  font-size:13px;\n  font-family: \"MS Sans Serif\", \"premillenium\", sans-serif;\n  color:black;\n}\n\n.ui,\n.ui .columns-area,\nbody.admin {\n  background: #008080;\n}\n\n.loading-bar {\n  height:5px;\n  background-color: #000080;\n}\n\n.tabs-bar {\n  background: $win95-bg;\n  @include win95-outset();\n  height: 30px;\n}\n\n.tabs-bar__link {\n  color:black;\n  border:2px outset $win95-bg;\n  border-top-width: 1px;\n  border-left-width: 1px;\n  margin:2px;\n  padding:3px;\n}\n\n.tabs-bar__link.active {\n  @include win95-inset();\n  color:black;\n}\n\n.tabs-bar__link:last-child::before {\n  content:\"Start\";\n  color:black;\n  font-weight:bold;\n  font-size:15px;\n  width:80%;\n  display:block;\n  position:absolute;\n  right:0px;\n}\n\n.tabs-bar__link:last-child {\n  position:relative;\n  flex-basis:60px !important;\n  font-size:0px;\n  color:$win95-bg;\n\n  background-image: url(\"~images/start.png\");\n  background-repeat:no-repeat;\n  background-position:8%;\n  background-clip:padding-box;\n  background-size:auto 50%;\n}\n\n.drawer .drawer__inner {\n  overflow: visible;\n  height:inherit;\n  background:$win95-bg;\n}\n\n.drawer:after {\n    display:block;\n    content: \" \";\n\n    position:absolute;\n    bottom:15px;\n    left:15px;\n    width:132px;\n    height:117px;\n    background-image:url(\"~images/clippy_wave.gif\"), url(\"~images/clippy_frame.png\");\n    background-repeat:no-repeat;\n    background-position: 4px 20px, 0px 0px;\n    z-index:0;\n}\n\n.drawer__pager {\n  overflow-y:auto;\n  z-index:1;\n}\n\n.privacy-dropdown__dropdown {\n  z-index:2;\n}\n\n.column {\n  max-height:100vh;\n}\n\n.column > .scrollable {\n  background: $win95-bg;\n  @include win95-border-outset();\n  border-top-width:0px;\n}\n\n.column-header__wrapper {\n  color:white;\n  font-weight:bold;\n  background:#7f7f7f;\n}\n\n.column-header {\n  padding:2px;\n  font-size:13px;\n  background:#7f7f7f;\n  @include win95-border-outset();\n  border-bottom-width:0px;\n  color:white;\n  font-weight:bold;\n  align-items:baseline;\n}\n\n.column-header__wrapper.active {\n  background:$win95-window-header;\n}\n\n.column-header__wrapper.active::before {\n  display:none;\n}\n.column-header.active {\n  box-shadow:unset;\n  background:$win95-window-header;\n}\n\n.column-header.active .column-header__icon {\n  color:white;\n}\n\n.column-header__buttons {\n  max-height: 20px;\n  margin-right:0px;\n}\n\n.column-header__button {\n  background: $win95-bg;\n  color: black;\n  line-height:0px;\n  font-size:14px;\n  max-height:20px;\n  padding:0px 2px;\n  margin-top:2px;\n  @include win95-outset();\n\n  &:hover {\n    color: black;\n  }\n}\n\n.column-header__button.active, .column-header__button.active:hover {\n  @include win95-inset();\n  background-color:#7f7f7f;\n}\n\n.column-header__back-button {\n  background: $win95-bg;\n  color: black;\n  padding:2px;\n  max-height:20px;\n  margin-top:2px;\n  @include win95-outset();\n  font-size:13px;\n  font-weight:bold;\n}\n\n.column-back-button {\n  background:$win95-bg;\n  color:black;\n  @include win95-outset();\n  padding:2px;\n  font-size:13px;\n  font-weight:bold;\n}\n\n.column-back-button--slim-button {\n  position:absolute;\n  top:-22px;\n  right:4px;\n  max-height:20px;\n  max-width:60px;\n  padding:0px 2px;\n}\n\n.column-back-button__icon {\n  font-size:11px;\n  margin-top:-3px;\n}\n\n.column-header__collapsible {\n  border-left:2px outset $win95-bg;\n  border-right:2px outset $win95-bg;\n}\n\n.column-header__collapsible-inner {\n  background:$win95-bg;\n  color:black;\n}\n\n.column-header__collapsible__extra {\n  color:black;\n}\n\n.column-header__collapsible__extra div[role=\"group\"] {\n  border: 2px groove $win95-bg;\n  border-radius:4px;\n  margin-bottom:8px;\n  padding:4px;\n}\n\n.column-inline-form {\n  background-color: $win95-bg;\n  @include win95-border-outset();\n  border-bottom-width:0px;\n  border-top-width:0px;\n}\n\n.column-settings__section {\n  color:black;\n  font-weight:bold;\n  font-size:11px;\n  position:relative;\n  top: -12px;\n  left:4px;\n  background-color:$win95-bg;\n  display:inline-block;\n  padding:0px 4px;\n  margin-bottom:0px;\n}\n\n.setting-meta__label, .setting-toggle__label {\n  color:black;\n  font-weight:normal;\n}\n\n.setting-meta__label span:before {\n  content:\"(\";\n}\n.setting-meta__label span:after {\n  content:\")\";\n}\n\n.setting-toggle {\n  line-height:13px;\n}\n\n.react-toggle .react-toggle-track {\n  border-radius:0px;\n  background-color:white;\n  @include win95-border-inset();\n\n  width:12px;\n  height:12px;\n}\n\n.react-toggle:hover:not(.react-toggle--disabled) .react-toggle-track {\n  background-color:white;\n}\n\n.react-toggle .react-toggle-track-check {\n  left:2px;\n  transition:unset;\n}\n\n.react-toggle .react-toggle-track-check svg path {\n  fill: black;\n}\n\n.react-toggle .react-toggle-track-x {\n  display:none;\n}\n\n.react-toggle .react-toggle-thumb {\n  border-radius:0px;\n  display:none;\n}\n\n.text-btn {\n  background-color:$win95-bg;\n  @include win95-outset();\n  padding:4px;\n}\n\n.text-btn:hover {\n  text-decoration:none;\n  color:black;\n}\n\n.text-btn:active {\n  @include win95-inset();\n}\n\n.setting-text {\n  color:black;\n  background-color:white;\n  @include win95-inset();\n  font-size:13px;\n  padding:2px;\n}\n\n.setting-text:active, .setting-text:focus,\n.setting-text.light:active, .setting-text.light:focus {\n  color:black;\n  border-bottom:2px inset $win95-bg;\n}\n\n.column-header__setting-arrows .column-header__setting-btn {\n  padding:3px 10px;\n}\n\n.column-header__setting-arrows .column-header__setting-btn:last-child {\n  padding:3px 10px;\n}\n\n.missing-indicator {\n  background-color:$win95-bg;\n  color:black;\n  @include win95-outset();\n}\n\n.missing-indicator > div {\n  background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAARCAYAAAA7bUf6AAAACXBIWXMAAC4jAAAuIwF4pT92AAAAF3pUWHRUaXRsZQAACJnLyy9Jyy/NSwEAD5IDblIFOhoAAAAXelRYdEF1dGhvcgAACJlLzijKz0vMAQALmgLoDsFj8gAAAQpJREFUOMuVlD0OwjAMhd2oQl04Axfo0IGBgYELcAY6cqQuSO0ZOEAZGBg6VKg74gwsEaoESRVHjusI8aQqzY8/PbtOEz1qkFSn2YevlaNOpLMJh2DwvixhuXtOa6/LCh51DUMEFkAsgAZD207Doin8mQ562JpRE5CHBAAhmIqD1L8AqzUUUJkxc6kr3AgAJ+NuvIWRdk7WcrKl0AUqcIBBHOiEbpS4m27mIL5Onfg3k0rgggeQuS2sDOGSahKR+glgqaGLgUJs951NN1q9D72cQqQWR9cr3sm9YcEssEuz6eEuZh2bu0aSOhQ1MBezu2O/+TVSvEFII3qLsZWrSA2AAUQIh1HpyP/kC++zjVSMj6ntAAAAAElFTkSuQmCC')\n    no-repeat;\n  background-position:center center;\n}\n\n.empty-column-indicator,\n.error-column {\n  background: $win95-bg;\n  color: black;\n}\n\n.status__wrapper {\n  border: 2px groove $win95-bg;\n  margin:4px;\n}\n\n.status {\n  @include win95-border-slight-inset();\n  background-color:white;\n  margin:4px;\n  padding-bottom:40px;\n  margin-bottom:8px;\n}\n\n.status.status-direct {\n  background-color:$win95-bg;\n}\n\n.status__content {\n  font-size:13px;\n}\n\n.status.light .status__relative-time,\n.status.light .display-name span {\n  color: #7f7f7f;\n}\n\n.status__action-bar {\n  box-sizing:border-box;\n  position:absolute;\n  bottom:-1px;\n  left:-1px;\n  background:$win95-bg;\n  width:calc(100% + 2px);\n  padding-left:10px;\n  padding: 4px 2px;\n  padding-bottom:4px;\n  border-bottom:2px groove $win95-bg;\n  border-top:1px outset $win95-bg;\n  text-align: right;\n}\n\n.status__wrapper .status__action-bar {\n  border-bottom-width:0px;\n}\n\n.status__action-bar-button {\n  float:right;\n}\n\n.status__action-bar-dropdown {\n  margin-left:auto;\n  margin-right:10px;\n\n  .icon-button {\n    min-width:28px;\n  }\n}\n.status.light .status__content a {\n  color:blue;\n}\n\n.focusable:focus {\n  background: $win95-bg;\n  .detailed-status__action-bar {\n    background: $win95-bg;\n  }\n\n  .status, .detailed-status {\n    background: white;\n    outline:2px dotted $win95-mid-grey;\n  }\n}\n\n.dropdown__trigger.icon-button {\n  padding-right:6px;\n}\n\n.detailed-status__action-bar-dropdown .icon-button {\n  min-width:28px;\n}\n\n.detailed-status {\n  background:white;\n  background-clip:padding-box;\n  margin:4px;\n  border: 2px groove $win95-bg;\n  padding:4px;\n}\n\n.detailed-status__display-name {\n  color:#7f7f7f;\n}\n\n.detailed-status__display-name strong {\n  color:black;\n  font-weight:bold;\n}\n.account__avatar,\n.account__avatar-overlay-base,\n.account__header__avatar,\n.account__avatar-overlay-overlay {\n  @include win95-border-slight-inset();\n  clip-path:none;\n  filter: saturate(1.8) brightness(1.1);\n}\n\n.detailed-status__action-bar {\n  background-color:$win95-bg;\n  border:0px;\n  border-bottom:2px groove $win95-bg;\n  margin-bottom:8px;\n  justify-items:left;\n  padding-left:4px;\n}\n.icon-button {\n  background:$win95-bg;\n  @include win95-border-outset();\n  padding:0px 0px 0px 0px;\n  margin-right:4px;\n\n  color:#3f3f3f;\n  &.inverted, &:hover, &.inverted:hover, &:active, &:focus {\n    color:#3f3f3f;\n  }\n}\n\n.icon-button:active {\n  @include win95-border-inset();\n}\n\n.status__action-bar > .icon-button {\n  padding:0px 15px 0px 0px;\n  min-width:25px;\n}\n\n.icon-button.star-icon,\n.icon-button.star-icon:active {\n  background:transparent;\n  border:none;\n}\n\n.icon-button.star-icon.active {\n  color: $gold-star;\n  &:active,  &:hover, &:focus {\n    color: $gold-star;\n  }\n}\n\n.icon-button.star-icon > i {\n  background:$win95-bg;\n  @include win95-border-outset();\n  padding-bottom:3px;\n}\n\n.icon-button.star-icon:active > i {\n  @include win95-border-inset();\n}\n\n.text-icon-button {\n  color:$win95-dark-grey;\n}\n\n.detailed-status__action-bar-dropdown {\n  margin-left:auto;\n  justify-content:right;\n  padding-right:16px;\n}\n\n.detailed-status__button {\n  flex:0 0 auto;\n}\n\n.detailed-status__button .icon-button {\n  padding-left:2px;\n  padding-right:25px;\n}\n\n.status-card {\n  border-radius:0px;\n  background:white;\n  border: 1px solid black;\n  color:black;\n}\n\n.status-card:hover {\n  background-color:white;\n}\n\n.status-card__title {\n  color:blue;\n  text-decoration:underline;\n  font-weight:bold;\n}\n\n.load-more {\n  width:auto;\n  margin:5px auto;\n  background: $win95-bg;\n  @include win95-outset();\n  color:black;\n  padding: 2px 5px;\n\n  &:hover {\n    background: $win95-bg;\n    color:black;\n  }\n}\n\n.status-card__description {\n color:black;\n}\n\n.account__display-name strong, .status__display-name strong {\n  color:black;\n  font-weight:bold;\n}\n\n.account .account__display-name {\n  color:black;\n}\n\n.account {\n  border-bottom: 2px groove $win95-bg;\n}\n\n.reply-indicator__content .status__content__spoiler-link, .status__content .status__content__spoiler-link {\n  background:$win95-bg;\n  @include win95-outset();\n}\n\n.reply-indicator__content .status__content__spoiler-link:hover, .status__content .status__content__spoiler-link:hover {\n  background:$win95-bg;\n}\n\n.reply-indicator__content .status__content__spoiler-link:active, .status__content .status__content__spoiler-link:active {\n  @include win95-inset();\n}\n\n.reply-indicator__content a, .status__content a {\n  color:blue;\n}\n\n.notification {\n  border: 2px groove $win95-bg;\n  margin:4px;\n}\n\n.notification__message {\n  color:black;\n  font-size:13px;\n}\n\n.notification__display-name {\n  font-weight:bold;\n}\n\n.drawer__header {\n  background: $win95-bg;\n  @include win95-border-outset();\n  justify-content:left;\n  margin-bottom:0px;\n  padding-bottom:2px;\n  border-bottom:2px groove $win95-bg;\n}\n\n.drawer__tab {\n  color:black;\n  @include win95-outset();\n  padding:5px;\n  margin:2px;\n  flex: 0 0 auto;\n}\n\n.drawer__tab:first-child::before {\n  content:\"Start\";\n  color:black;\n  font-weight:bold;\n  font-size:15px;\n  width:80%;\n  display:block;\n  position:absolute;\n  right:0px;\n\n}\n\n.drawer__tab:first-child {\n  position:relative;\n  padding:5px 15px;\n  width:40px;\n  font-size:0px;\n  color:$win95-bg;\n\n  background-image: url(\"~images/start.png\");\n  background-repeat:no-repeat;\n  background-position:8%;\n  background-clip:padding-box;\n  background-size:auto 50%;\n}\n\n.drawer__header a:hover {\n  background-color:transparent;\n}\n\n.drawer__header a:first-child:hover {\n  background-image: url(\"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAOCAIAAACpTQvdAAAACXBIWXMAAC4jAAAuIwF4pT92AAAAF3pUWHRBdXRob3IAAAiZS84oys9LzAEAC5oC6A7BY/IAAACWSURBVCiRhVJJDsQgDEuqOfRZ7a1P5gbP4uaJaEjTADMWQhHYjlk4p0wLnNdptdF4KvBUDyGzVwc2xO+uKtH+1o0ytEEmqFpuxlvFCGCxKbNIT56QCi2MzaA/2Mz+mERSOeqzJG2RUxkjdTabgPtFoZ1bZxcKvgPcLZVufAyR9Ni8v5dWDzfFx0giC1RvZFv6l35QQ/Mvv39XXgGzQpoAAAAASUVORK5CYII=\");\n  background-repeat:no-repeat;\n  background-position:8%;\n  background-clip:padding-box;\n  background-size:auto 50%;\n  transition:unset;\n}\n\n.drawer__tab:first-child {\n\n}\n\n.search {\n  background:$win95-bg;\n  padding-top:2px;\n  padding:2px;\n  border:2px outset $win95-bg;\n  border-top-width:0px;\n  border-bottom: 2px groove $win95-bg;\n  margin-bottom:0px;\n}\n\n.search input {\n  background-color:white;\n  color:black;\n  @include win95-border-slight-inset();\n}\n\n.search__input:focus {\n  background-color:white;\n}\n\n.search-popout {\n  box-shadow: unset;\n  color:black;\n  border-radius:0px;\n  background-color:$win95-tooltip-yellow;\n  border:1px solid black;\n\n  h4 {\n    color:black;\n    text-transform: none;\n    font-weight:bold;\n  }\n}\n\n.search-results__header {\n  background-color: $win95-bg;\n  color:black;\n  border-bottom:2px groove $win95-bg;\n}\n\n.search-results__hashtag {\n  color:blue;\n}\n\n.search-results__section .account:hover,\n.search-results__section .account:hover .account__display-name,\n.search-results__section .account:hover .account__display-name strong,\n.search-results__section .search-results__hashtag:hover {\n  background-color:$win95-window-header;\n  color:white;\n}\n\n.search__icon .fa {\n  color:#808080;\n\n  &.active {\n    opacity:1.0;\n  }\n\n  &:hover {\n    color: #808080;\n  }\n}\n\n.drawer__inner,\n.drawer__inner.darker {\n  background-color:$win95-bg;\n  border: 2px outset $win95-bg;\n  border-top-width:0px;\n}\n\n.navigation-bar {\n  color:black;\n}\n\n.navigation-bar strong {\n  color:black;\n  font-weight:bold;\n}\n\n.compose-form .autosuggest-textarea__textarea,\n.compose-form .spoiler-input__input {\n  border-radius:0px;\n  @include win95-border-slight-inset();\n}\n\n.compose-form .autosuggest-textarea__textarea {\n  border-bottom:0px;\n}\n\n.compose-form__uploads-wrapper {\n  border-radius:0px;\n  border-bottom:1px inset $win95-bg;\n  border-top-width:0px;\n}\n\n.compose-form__upload-wrapper {\n  border-left:1px inset $win95-bg;\n  border-right:1px inset $win95-bg;\n}\n\n.compose-form .compose-form__buttons-wrapper {\n  background-color: $win95-bg;\n  border:2px groove $win95-bg;\n  margin-top:4px;\n  padding:4px 8px;\n}\n\n.compose-form__buttons {\n  background-color:$win95-bg;\n  border-radius:0px;\n  box-shadow:unset;\n}\n\n.compose-form__buttons-separator {\n  border-left: 2px groove $win95-bg;\n}\n\n.privacy-dropdown.active .privacy-dropdown__value.active,\n.advanced-options-dropdown.open .advanced-options-dropdown__value {\n  background: $win95-bg;\n}\n\n.privacy-dropdown.active .privacy-dropdown__value.active .icon-button {\n  color: $win95-dark-grey;\n}\n\n.privacy-dropdown.active\n.privacy-dropdown__value {\n  background: $win95-bg;\n  box-shadow:unset;\n}\n\n.privacy-dropdown__option.active, .privacy-dropdown__option:hover,\n.privacy-dropdown__option.active:hover {\n  background:$win95-window-header;\n}\n\n.privacy-dropdown__dropdown,\n.privacy-dropdown.active .privacy-dropdown__dropdown,\n.advanced-options-dropdown__dropdown,\n.advanced-options-dropdown.open .advanced-options-dropdown__dropdown\n{\n  box-shadow:unset;\n  color:black;\n  @include win95-outset();\n  background: $win95-bg;\n}\n\n.privacy-dropdown__option__content {\n  color:black;\n}\n\n.privacy-dropdown__option__content strong {\n  font-weight:bold;\n}\n\n.compose-form__warning::before {\n  content:\"Tip:\";\n  font-weight:bold;\n  display:block;\n  position:absolute;\n  top:-10px;\n  background-color:$win95-bg;\n  font-size:11px;\n  padding: 0px 5px;\n}\n\n.compose-form__warning {\n  position:relative;\n  box-shadow:unset;\n  border:2px groove $win95-bg;\n  background-color:$win95-bg;\n  color:black;\n}\n\n.compose-form__warning a {\n  color:blue;\n}\n\n.compose-form__warning strong {\n  color:black;\n  text-decoration:underline;\n}\n\n.compose-form__buttons button.active:last-child {\n  @include win95-border-inset();\n  background: #dfdfdf;\n  color:#7f7f7f;\n}\n\n.compose-form__upload-thumbnail {\n  border-radius:0px;\n  border:2px groove $win95-bg;\n  background-color:$win95-bg;\n  padding:2px;\n  box-sizing:border-box;\n}\n\n.compose-form__upload-thumbnail .icon-button {\n  max-width:20px;\n  max-height:20px;\n  line-height:10px !important;\n}\n\n.compose-form__upload-thumbnail .icon-button::before {\n  content:\"X\";\n  font-size:13px;\n  font-weight:bold;\n  color:black;\n}\n\n.compose-form__upload-thumbnail .icon-button i {\n  display:none;\n}\n\n.emoji-picker-dropdown__menu {\n  z-index:2;\n}\n\n.emoji-dialog.with-search {\n  box-shadow:unset;\n  border-radius:0px;\n  background-color:$win95-bg;\n  border:1px solid black;\n  box-sizing:content-box;\n\n}\n\n.emoji-dialog .emoji-search {\n  color:black;\n  background-color:white;\n  border-radius:0px;\n  @include win95-inset();\n}\n\n.emoji-dialog .emoji-search-wrapper {\n  border-bottom:2px groove $win95-bg;\n}\n\n.emoji-dialog .emoji-category-title {\n  color:black;\n  font-weight:bold;\n}\n\n.reply-indicator {\n  background-color:$win95-bg;\n  border-radius:3px;\n  border:2px groove $win95-bg;\n}\n\n.button {\n  background-color:$win95-bg;\n  @include win95-outset();\n  border-radius:0px;\n  color:black;\n  font-weight:bold;\n\n  &:hover, &:focus, &:disabled {\n    background-color:$win95-bg;\n  }\n\n  &:active {\n    @include win95-inset();\n  }\n\n  &:disabled {\n    color: #808080;\n    text-shadow: 1px 1px 0px #efefef;\n\n    &:active {\n      @include win95-outset();\n    }\n  }\n\n}\n\n#Getting-started {\n  background-color:$win95-bg;\n  @include win95-inset();\n  border-bottom-width:0px;\n}\n\n#Getting-started::before {\n  content:\"Start\";\n  color:black;\n  font-weight:bold;\n  font-size:15px;\n  width:80%;\n  text-align:center;\n  display:block;\n  position:absolute;\n  right:2px;\n}\n\n#Getting-started {\n  position:relative;\n  padding:5px 15px;\n  width:60px;\n  font-size:0px;\n  color:$win95-bg;\n\n  background-image: url(\"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAOCAIAAACpTQvdAAAACXBIWXMAAC4jAAAuIwF4pT92AAAAF3pUWHRBdXRob3IAAAiZS84oys9LzAEAC5oC6A7BY/IAAACWSURBVCiRhVJJDsQgDEuqOfRZ7a1P5gbP4uaJaEjTADMWQhHYjlk4p0wLnNdptdF4KvBUDyGzVwc2xO+uKtH+1o0ytEEmqFpuxlvFCGCxKbNIT56QCi2MzaA/2Mz+mERSOeqzJG2RUxkjdTabgPtFoZ1bZxcKvgPcLZVufAyR9Ni8v5dWDzfFx0giC1RvZFv6l35QQ/Mvv39XXgGzQpoAAAAASUVORK5CYII=\");\n  background-repeat:no-repeat;\n  background-position:8%;\n  background-clip:padding-box;\n  background-size:auto 50%;\n}\n\n.column-subheading {\n  background-color:$win95-bg;\n  color:black;\n  border-bottom: 2px groove $win95-bg;\n  text-transform: none;\n  font-size: 16px;\n}\n\n.column-link {\n  background-color:transparent;\n  color:black;\n  &:hover {\n    background-color: $win95-window-header;\n    color:white;\n  }\n}\n\n.getting-started__wrapper {\n  .column-subheading {\n    font-size:0px;\n    margin:0px;\n    padding:0px;\n  }\n\n  .column-link {\n    background-size:32px 32px;\n    background-repeat:no-repeat;\n    background-position: 36px 50%;\n    padding-left:40px;\n\n    &:hover {\n      background-size:32px 32px;\n      background-repeat:no-repeat;\n      background-position: 36px 50%;\n    }\n\n    i {\n      font-size: 0px;\n      width:32px;\n    }\n  }\n}\n\n.column-link[href=\"/web/timelines/public\"] {\n  background-image: url(\"~images/icon_public.png\");\n  &:hover { background-image: url(\"~images/icon_public.png\"); }\n}\n.column-link[href=\"/web/timelines/public/local\"] {\n  background-image: url(\"~images/icon_local.png\");\n  &:hover { background-image: url(\"~images/icon_local.png\"); }\n}\n.column-link[href=\"/web/pinned\"] {\n  background-image: url(\"~images/icon_pin.png\");\n  &:hover { background-image: url(\"~images/icon_pin.png\"); }\n}\n.column-link[href=\"/web/favourites\"] {\n  background-image: url(\"~images/icon_likes.png\");\n  &:hover { background-image: url(\"~images/icon_likes.png\"); }\n}\n.column-link[href=\"/web/lists\"] {\n  background-image: url(\"~images/icon_lists.png\");\n  &:hover { background-image: url(\"~images/icon_lists.png\"); }\n}\n.column-link[href=\"/web/follow_requests\"] {\n  background-image: url(\"~images/icon_follow_requests.png\");\n  &:hover { background-image: url(\"~images/icon_follow_requests.png\"); }\n}\n.column-link[href=\"/web/keyboard-shortcuts\"] {\n  background-image: url(\"~images/icon_keyboard_shortcuts.png\");\n  &:hover { background-image: url(\"~images/icon_keyboard_shortcuts.png\"); }\n}\n.column-link[href=\"/web/blocks\"] {\n  background-image: url(\"~images/icon_blocks.png\");\n  &:hover { background-image: url(\"~images/icon_blocks.png\"); }\n}\n.column-link[href=\"/web/mutes\"] {\n  background-image: url(\"~images/icon_mutes.png\");\n  &:hover { background-image: url(\"~images/icon_mutes.png\"); }\n}\n.column-link[href=\"/settings/preferences\"] {\n  background-image: url(\"~images/icon_settings.png\");\n  &:hover { background-image: url(\"~images/icon_settings.png\"); }\n}\n.column-link[href=\"/about/more\"] {\n  background-image: url(\"~images/icon_about.png\");\n  &:hover { background-image: url(\"~images/icon_about.png\"); }\n}\n.column-link[href=\"/auth/sign_out\"] {\n  background-image: url(\"~images/icon_logout.png\");\n  &:hover { background-image: url(\"~images/icon_logout.png\"); }\n}\n\n.getting-started__footer {\n  display:none;\n}\n\n.getting-started__wrapper::before {\n  content:\"Mastodon 95\";\n  font-weight:bold;\n  font-size:23px;\n  color:white;\n  line-height:30px;\n  padding-left:20px;\n  padding-right:40px;\n\n  left:0px;\n  bottom:-30px;\n  display:block;\n  position:absolute;\n  background-color:#7f7f7f;\n  width:200%;\n  height:30px;\n\n  -ms-transform: rotate(-90deg);\n\n  -webkit-transform: rotate(-90deg);\n  transform: rotate(-90deg);\n  transform-origin:top left;\n}\n\n.getting-started__wrapper {\n  @include win95-border-outset();\n  background-color:$win95-bg;\n}\n\n.column .static-content.getting-started {\n  display:none;\n}\n\n.keyboard-shortcuts kbd {\n  background-color: $win95-bg;\n}\n\n.account__header {\n  background-color:#7f7f7f;\n}\n\n.account__header .account__header__content {\n  color:white;\n}\n\n.account-authorize__wrapper {\n  border: 2px groove $win95-bg;\n  margin: 2px;\n  padding:2px;\n}\n\n.account--panel {\n  background-color: $win95-bg;\n  border:0px;\n  border-top: 2px groove $win95-bg;\n}\n\n.account-authorize .account__header__content {\n  color:black;\n  margin:10px;\n}\n\n.account__action-bar__tab > span {\n  color:black;\n  font-weight:bold;\n}\n\n.account__action-bar__tab strong {\n  color:black;\n}\n\n.account__action-bar {\n  border: unset;\n}\n\n.account__action-bar__tab {\n  border: 1px outset $win95-bg;\n}\n\n.account__action-bar__tab:active {\n  @include win95-inset();\n}\n\n.dropdown--active .dropdown__content > ul,\n.dropdown-menu {\n  background:$win95-tooltip-yellow;\n  border-radius:0px;\n  border:1px solid black;\n  box-shadow:unset;\n}\n\n.dropdown-menu a {\n  background-color:transparent;\n}\n\n.dropdown--active::after {\n  display:none;\n}\n\n.dropdown--active .icon-button {\n  color:black;\n  @include win95-inset();\n}\n\n.dropdown--active .dropdown__content > ul > li > a {\n  background:transparent;\n}\n\n.dropdown--active .dropdown__content > ul > li > a:hover {\n  background:transparent;\n  color:black;\n  text-decoration:underline;\n}\n\n.dropdown__sep,\n.dropdown-menu__separator\n{\n  border-color:#7f7f7f;\n}\n\n.detailed-status__action-bar-dropdown .dropdown--active .dropdown__content.dropdown__left {\n  left:unset;\n}\n\n.dropdown > .icon-button, .detailed-status__button > .icon-button,\n.status__action-bar > .icon-button, .star-icon i {\n    /* i don't know what's going on with the inline\n       styles someone should look at the react code */\n    height: 25px !important;\n    width: 28px !important;\n    box-sizing: border-box;\n}\n\n.status__action-bar-button .fa-floppy-o {\n    padding-top: 2px;\n}\n\n.status__action-bar-dropdown {\n    position: relative;\n    top: -3px;\n}\n\n.detailed-status__action-bar-dropdown .dropdown {\n    position: relative;\n    top: -4px;\n}\n\n.notification .status__action-bar {\n    border-bottom: none;\n}\n\n.notification .status {\n    margin-bottom: 4px;\n}\n\n.status__wrapper .status {\n    margin-bottom: 3px;\n}\n\n.status__wrapper {\n    margin-bottom: 8px;\n}\n\n.icon-button .fa-retweet {\n    position: relative;\n    top: -1px;\n}\n\n.embed-modal, .error-modal, .onboarding-modal,\n.actions-modal, .boost-modal, .confirmation-modal, .report-modal {\n  @include win95-outset();\n  background:$win95-bg;\n}\n\n.actions-modal::before,\n.boost-modal::before,\n.confirmation-modal::before,\n.report-modal::before {\n  content: \"Confirmation\";\n  display:block;\n  background:$win95-window-header;\n  color:white;\n  font-weight:bold;\n  padding-left:2px;\n}\n\n.boost-modal::before {\n  content: \"Boost confirmation\";\n}\n\n.boost-modal__action-bar > div > span:before {\n  content: \"Tip: \";\n  font-weight:bold;\n}\n\n.boost-modal__action-bar, .confirmation-modal__action-bar, .report-modal__action-bar {\n  background:$win95-bg;\n  margin-top:-15px;\n}\n\n.embed-modal h4, .error-modal h4, .onboarding-modal h4 {\n  background:$win95-window-header;\n  color:white;\n  font-weight:bold;\n  padding:2px;\n  font-size:13px;\n  text-align:left;\n}\n\n.confirmation-modal__action-bar {\n  .confirmation-modal__cancel-button {\n    color:black;\n\n    &:active,\n    &:focus,\n    &:hover {\n      color:black;\n    }\n\n    &:active {\n      @include win95-inset();\n    }\n  }\n}\n\n.embed-modal .embed-modal__container .embed-modal__html,\n.embed-modal .embed-modal__container .embed-modal__html:focus {\n  background:white;\n  color:black;\n  @include win95-inset();\n}\n\n.modal-root__overlay,\n.account__header > div {\n  background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAIAAAACCAYAAABytg0kAAAACXBIWXMAAC4jAAAuIwF4pT92AAAAFnpUWHRUaXRsZQAACJnLzU9JzElKBwALgwLXaCRlPwAAABd6VFh0QXV0aG9yAAAImUvOKMrPS8wBAAuaAugOwWPyAAAAEUlEQVQImWNgYGD4z4AE/gMADwMB/414xEUAAAAASUVORK5CYII=');\n}\n\n.admin-wrapper::before {\n  position:absolute;\n  top:0px;\n  content:\"Control Panel\";\n  color:white;\n  background-color:$win95-window-header;\n  font-size:13px;\n  font-weight:bold;\n  width:calc(100%);\n  margin: 2px;\n  display:block;\n  padding:2px;\n  padding-left:22px;\n  box-sizing:border-box;\n}\n\n.admin-wrapper {\n  position:relative;\n  background: $win95-bg;\n  @include win95-outset();\n  width:70vw;\n  height:80vh;\n  margin:10vh auto;\n  color: black;\n  padding-top:24px;\n  flex-direction:column;\n  overflow:hidden;\n}\n\n@media screen and (max-width: 1120px) {\n  .admin-wrapper {\n    width:90vw;\n    height:95vh;\n    margin:2.5vh auto;\n  }\n}\n\n@media screen and (max-width: 740px) {\n  .admin-wrapper {\n    width:100vw;\n    height:95vh;\n    height:calc(100vh - 24px);\n    margin:0px 0px 0px 0px;\n  }\n}\n\n.admin-wrapper .sidebar-wrapper {\n  position:static;\n  height:auto;\n  flex: 0 0 auto;\n  margin:2px;\n}\n\n.admin-wrapper .content-wrapper {\n  flex: 1 1 auto;\n  width:calc(100% - 20px);\n  @include win95-border-outset();\n  position:relative;\n  margin-left:10px;\n  margin-right:10px;\n  margin-bottom:40px;\n  box-sizing:border-box;\n}\n\n.admin-wrapper .content {\n  background-color: $win95-bg;\n  width: 100%;\n  max-width:100%;\n  min-height:100%;\n  box-sizing:border-box;\n  position:relative;\n}\n\n.admin-wrapper .sidebar {\n  position:static;\n  background: $win95-bg;\n  color:black;\n  width: 100%;\n  height:auto;\n  padding-bottom: 20px;\n}\n\n.admin-wrapper .sidebar .logo {\n  position:absolute;\n  top:2px;\n  left:4px;\n  width:18px;\n  height:18px;\n  margin:0px;\n}\n\n.admin-wrapper .sidebar > ul {\n  background: $win95-bg;\n  margin:0px;\n  margin-left:8px;\n  color:black;\n\n  & > li {\n    display:inline-block;\n\n    &#settings,\n    &#admin {\n      padding:2px;\n      border: 0px solid transparent;\n    }\n\n    &#logout {\n      position:absolute;\n      @include win95-outset();\n      right:12px;\n      bottom:10px;\n    }\n\n    &#web {\n      display:inline-block;\n      @include win95-outset();\n      position:absolute;\n      left: 12px;\n      bottom: 10px;\n    }\n\n    & > a {\n      display:inline-block;\n      @include win95-tab();\n      padding:2px 5px;\n      margin:0px;\n      color:black;\n      vertical-align:baseline;\n\n      &.selected {\n        background: $win95-bg;\n        color:black;\n        padding-top: 4px;\n        padding-bottom:4px;\n      }\n\n      &:hover {\n        background: $win95-bg;\n        color:black;\n      }\n    }\n\n    & > ul {\n      width:calc(100% - 20px);\n      background: transparent;\n      position:absolute;\n      left: 10px;\n      top:54px;\n      z-index:3;\n\n      & > li {\n        background: $win95-bg;\n        display: inline-block;\n        vertical-align:baseline;\n\n        & > a {\n          background: $win95-bg;\n          @include win95-tab();\n          color:black;\n          padding:2px 5px;\n          position:relative;\n          z-index:3;\n\n          &.selected {\n            background: $win95-bg;\n            color:black;\n            padding-bottom:4px;\n            padding-top: 4px;\n            padding-right:7px;\n            margin-left:-2px;\n            margin-right:-2px;\n            position:relative;\n            z-index:4;\n\n            &:first-child {\n              margin-left:0px;\n            }\n\n            &:hover {\n              background: transparent;\n              color:black;\n            }\n          }\n\n          &:hover {\n            background: $win95-bg;\n            color:black;\n          }\n        }\n      }\n    }\n  }\n}\n\n@media screen and (max-width: 1520px) {\n  .admin-wrapper .sidebar > ul > li > ul {\n    max-width:1000px;\n  }\n\n  .admin-wrapper .sidebar {\n    padding-bottom: 45px;\n  }\n}\n\n@media screen and (max-width: 600px) {\n  .admin-wrapper .sidebar > ul > li > ul {\n    max-width:500px;\n  }\n\n  .admin-wrapper {\n    .sidebar {\n      padding:0px;\n      padding-bottom: 70px;\n      width: 100%;\n      height: auto;\n    }\n    .content-wrapper {\n      overflow:auto;\n      height:80%;\n      height:calc(100% - 150px);\n    }\n  }\n}\n\n.flash-message {\n  background-color:$win95-tooltip-yellow;\n  color:black;\n  border:1px solid black;\n  border-radius:0px;\n  position:absolute;\n  top:0px;\n  left:0px;\n  width:100%;\n}\n\n.admin-wrapper table {\n  background-color: white;\n  @include win95-border-slight-inset();\n}\n\n.admin-wrapper .content h2,\n.simple_form .input.with_label .label_input > label,\n.admin-wrapper .content h6,\n.admin-wrapper .content > p,\n.admin-wrapper .content .muted-hint,\n.simple_form span.hint,\n.simple_form h4,\n.simple_form .check_boxes .checkbox label,\n.simple_form .input.with_label.boolean .label_input > label,\n.filters .filter-subset a,\n.simple_form .input.radio_buttons .radio label,\na.table-action-link,\na.table-action-link:hover,\n.simple_form .input.with_block_label > label,\n.simple_form p.hint {\n  color:black;\n}\n\n.table > tbody > tr:nth-child(2n+1) > td,\n.table > tbody > tr:nth-child(2n+1) > th {\n  background-color:white;\n}\n\n.simple_form input[type=text],\n.simple_form input[type=number],\n.simple_form input[type=email],\n.simple_form input[type=password],\n.simple_form textarea {\n  color:black;\n  background-color:white;\n  @include win95-border-slight-inset();\n\n  &:active, &:focus {\n    background-color:white;\n  }\n}\n\n.simple_form button,\n.simple_form .button,\n.simple_form .block-button\n{\n  background: $win95-bg;\n  @include win95-outset();\n  color:black;\n  font-weight: normal;\n\n  &:hover {\n    background: $win95-bg;\n  }\n}\n\n.simple_form .warning, .table-form .warning\n{\n  background: $win95-tooltip-yellow;\n  color:black;\n  box-shadow: unset;\n  text-shadow:unset;\n  border:1px solid black;\n\n  a {\n    color: blue;\n    text-decoration:underline;\n  }\n}\n\n.simple_form button.negative,\n.simple_form .button.negative,\n.simple_form .block-button.negative\n{\n  background: $win95-bg;\n}\n\n.filters .filter-subset  {\n  border: 2px groove $win95-bg;\n  padding:2px;\n}\n\n.filters .filter-subset a::before {\n  content: \"\";\n  background-color:white;\n  border-radius:50%;\n  border:2px solid black;\n  border-top-color:#7f7f7f;\n  border-left-color:#7f7f7f;\n  border-bottom-color:#f5f5f5;\n  border-right-color:#f5f5f5;\n  width:12px;\n  height:12px;\n  display:inline-block;\n  vertical-align:middle;\n  margin-right:2px;\n}\n\n.filters .filter-subset a.selected::before {\n  background-color:black;\n  box-shadow: inset 0 0 0 3px white;\n}\n\n.filters .filter-subset a,\n.filters .filter-subset a:hover,\n.filters .filter-subset a.selected {\n  color:black;\n  border-bottom: 0px solid transparent;\n}\n","/* http://meyerweb.com/eric/tools/css/reset/\n   v2.0 | 20110126\n   License: none (public domain)\n*/\n\nhtml, body, div, span, applet, object, iframe,\nh1, h2, h3, h4, h5, h6, p, blockquote, pre,\na, abbr, acronym, address, big, cite, code,\ndel, dfn, em, img, ins, kbd, q, s, samp,\nsmall, strike, strong, sub, sup, tt, var,\nb, u, i, center,\ndl, dt, dd, ol, ul, li,\nfieldset, form, label, legend,\ntable, caption, tbody, tfoot, thead, tr, th, td,\narticle, aside, canvas, details, embed,\nfigure, figcaption, footer, header, hgroup,\nmenu, nav, output, ruby, section, summary,\ntime, mark, audio, video {\n  margin: 0;\n  padding: 0;\n  border: 0;\n  font-size: 100%;\n  font: inherit;\n  vertical-align: baseline;\n}\n\n/* HTML5 display-role reset for older browsers */\narticle, aside, details, figcaption, figure,\nfooter, header, hgroup, menu, nav, section {\n  display: block;\n}\n\nbody {\n  line-height: 1;\n}\n\nol, ul {\n  list-style: none;\n}\n\nblockquote, q {\n  quotes: none;\n}\n\nblockquote:before, blockquote:after,\nq:before, q:after {\n  content: '';\n  content: none;\n}\n\ntable {\n  border-collapse: collapse;\n  border-spacing: 0;\n}\n\nhtml {\n  scrollbar-color: lighten($ui-base-color, 4%) rgba($base-overlay-background, 0.1);\n}\n\n::-webkit-scrollbar {\n  width: 12px;\n  height: 12px;\n}\n\n::-webkit-scrollbar-thumb {\n  background: lighten($ui-base-color, 4%);\n  border: 0px none $base-border-color;\n  border-radius: 50px;\n}\n\n::-webkit-scrollbar-thumb:hover {\n  background: lighten($ui-base-color, 6%);\n}\n\n::-webkit-scrollbar-thumb:active {\n  background: lighten($ui-base-color, 4%);\n}\n\n::-webkit-scrollbar-track {\n  border: 0px none $base-border-color;\n  border-radius: 0;\n  background: rgba($base-overlay-background, 0.1);\n}\n\n::-webkit-scrollbar-track:hover {\n  background: $ui-base-color;\n}\n\n::-webkit-scrollbar-track:active {\n  background: $ui-base-color;\n}\n\n::-webkit-scrollbar-corner {\n  background: transparent;\n}\n","// Commonly used web colors\n$black: #000000;            // Black\n$white: #ffffff;            // White\n$success-green: #79bd9a !default;    // Padua\n$error-red: #df405a !default;        // Cerise\n$warning-red: #ff5050 !default;      // Sunset Orange\n$gold-star: #ca8f04 !default;        // Dark Goldenrod\n\n$red-bookmark: $warning-red;\n\n// Pleroma-Dark colors\n$pleroma-bg: #121a24;\n$pleroma-fg: #182230;\n$pleroma-text: #b9b9ba;\n$pleroma-links: #d8a070;\n\n// Values from the classic Mastodon UI\n$classic-base-color: $pleroma-bg;\n$classic-primary-color: #9baec8;\n$classic-secondary-color: #d9e1e8;\n$classic-highlight-color: #d8a070;\n\n// Variables for defaults in UI\n$base-shadow-color: $black !default;\n$base-overlay-background: $black !default;\n$base-border-color: $white !default;\n$simple-background-color: $white !default;\n$valid-value-color: $success-green !default;\n$error-value-color: $error-red !default;\n\n// Tell UI to use selected colors\n$ui-base-color: $classic-base-color !default;                  // Darkest\n$ui-base-lighter-color: lighten($ui-base-color, 26%) !default; // Lighter darkest\n$ui-primary-color: $classic-primary-color !default;            // Lighter\n$ui-secondary-color: $classic-secondary-color !default;        // Lightest\n$ui-highlight-color: $classic-highlight-color !default;\n\n// Variables for texts\n$primary-text-color: $white !default;\n$darker-text-color: $ui-primary-color !default;\n$dark-text-color: $ui-base-lighter-color !default;\n$secondary-text-color: $ui-secondary-color !default;\n$highlight-text-color: $ui-highlight-color !default;\n$action-button-color: $ui-base-lighter-color !default;\n// For texts on inverted backgrounds\n$inverted-text-color: $ui-base-color !default;\n$lighter-text-color: $ui-base-lighter-color !default;\n$light-text-color: $ui-primary-color !default;\n\n// Language codes that uses CJK fonts\n$cjk-langs: ja, ko, zh-CN, zh-HK, zh-TW;\n\n// Variables for components\n$media-modal-media-max-width: 100%;\n// put margins on top and bottom of image to avoid the screen covered by image.\n$media-modal-media-max-height: 80%;\n\n$no-gap-breakpoint: 415px;\n\n$font-sans-serif: 'mastodon-font-sans-serif' !default;\n$font-display: 'mastodon-font-display' !default;\n$font-monospace: 'mastodon-font-monospace' !default;\n","@function hex-color($color) {\n  @if type-of($color) == 'color' {\n    $color: str-slice(ie-hex-str($color), 4);\n  }\n\n  @return '%23' + unquote($color);\n}\n\nbody {\n  font-family: $font-sans-serif, sans-serif;\n  background: darken($ui-base-color, 7%);\n  font-size: 13px;\n  line-height: 18px;\n  font-weight: 400;\n  color: $primary-text-color;\n  text-rendering: optimizelegibility;\n  font-feature-settings: \"kern\";\n  text-size-adjust: none;\n  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);\n  -webkit-tap-highlight-color: transparent;\n\n  &.system-font {\n    // system-ui => standard property (Chrome/Android WebView 56+, Opera 43+, Safari 11+)\n    // -apple-system => Safari <11 specific\n    // BlinkMacSystemFont => Chrome <56 on macOS specific\n    // Segoe UI => Windows 7/8/10\n    // Oxygen => KDE\n    // Ubuntu => Unity/Ubuntu\n    // Cantarell => GNOME\n    // Fira Sans => Firefox OS\n    // Droid Sans => Older Androids (<4.0)\n    // Helvetica Neue => Older macOS <10.11\n    // $font-sans-serif => web-font (Roboto) fallback and newer Androids (>=4.0)\n    font-family: system-ui, -apple-system, BlinkMacSystemFont, \"Segoe UI\", \"Oxygen\", \"Ubuntu\", \"Cantarell\", \"Fira Sans\", \"Droid Sans\", \"Helvetica Neue\", $font-sans-serif, sans-serif;\n  }\n\n  &.app-body {\n    padding: 0;\n\n    &.layout-single-column {\n      height: auto;\n      min-height: 100vh;\n      overflow-y: scroll;\n    }\n\n    &.layout-multiple-columns {\n      position: absolute;\n      width: 100%;\n      height: 100%;\n    }\n\n    &.with-modals--active {\n      overflow-y: hidden;\n    }\n  }\n\n  &.lighter {\n    background: $ui-base-color;\n  }\n\n  &.with-modals {\n    overflow-x: hidden;\n    overflow-y: scroll;\n\n    &--active {\n      overflow-y: hidden;\n    }\n  }\n\n  &.player {\n    text-align: center;\n  }\n\n  &.embed {\n    background: lighten($ui-base-color, 4%);\n    margin: 0;\n    padding-bottom: 0;\n\n    .container {\n      position: absolute;\n      width: 100%;\n      height: 100%;\n      overflow: hidden;\n    }\n  }\n\n  &.admin {\n    background: darken($ui-base-color, 4%);\n    padding: 0;\n  }\n\n  &.error {\n    position: absolute;\n    text-align: center;\n    color: $darker-text-color;\n    background: $ui-base-color;\n    width: 100%;\n    height: 100%;\n    padding: 0;\n    display: flex;\n    justify-content: center;\n    align-items: center;\n\n    .dialog {\n      vertical-align: middle;\n      margin: 20px;\n\n      &__illustration {\n        img {\n          display: block;\n          max-width: 470px;\n          width: 100%;\n          height: auto;\n          margin-top: -120px;\n        }\n      }\n\n      h1 {\n        font-size: 20px;\n        line-height: 28px;\n        font-weight: 400;\n      }\n    }\n  }\n}\n\nbutton {\n  font-family: inherit;\n  cursor: pointer;\n\n  &:focus {\n    outline: none;\n  }\n}\n\n.app-holder {\n  &,\n  & > div,\n  & > noscript {\n    display: flex;\n    width: 100%;\n    align-items: center;\n    justify-content: center;\n    outline: 0 !important;\n  }\n\n  & > noscript {\n    height: 100vh;\n  }\n}\n\n.layout-single-column .app-holder {\n  &,\n  & > div {\n    min-height: 100vh;\n  }\n}\n\n.layout-multiple-columns .app-holder {\n  &,\n  & > div {\n    height: 100%;\n  }\n}\n\n.error-boundary,\n.app-holder noscript {\n  flex-direction: column;\n  font-size: 16px;\n  font-weight: 400;\n  line-height: 1.7;\n  color: lighten($error-red, 4%);\n  text-align: center;\n\n  & > div {\n    max-width: 500px;\n  }\n\n  p {\n    margin-bottom: .85em;\n\n    &:last-child {\n      margin-bottom: 0;\n    }\n  }\n\n  a {\n    color: $highlight-text-color;\n\n    &:hover,\n    &:focus,\n    &:active {\n      text-decoration: none;\n    }\n  }\n\n  &__footer {\n    color: $dark-text-color;\n    font-size: 13px;\n\n    a {\n      color: $dark-text-color;\n    }\n  }\n\n  button {\n    display: inline;\n    border: 0;\n    background: transparent;\n    color: $dark-text-color;\n    font: inherit;\n    padding: 0;\n    margin: 0;\n    line-height: inherit;\n    cursor: pointer;\n    outline: 0;\n    transition: color 300ms linear;\n    text-decoration: underline;\n\n    &:hover,\n    &:focus,\n    &:active {\n      text-decoration: none;\n    }\n\n    &.copied {\n      color: $valid-value-color;\n      transition: none;\n    }\n  }\n}\n",".container-alt {\n  width: 700px;\n  margin: 0 auto;\n  margin-top: 40px;\n\n  @media screen and (max-width: 740px) {\n    width: 100%;\n    margin: 0;\n  }\n}\n\n.logo-container {\n  margin: 100px auto 50px;\n\n  @media screen and (max-width: 500px) {\n    margin: 40px auto 0;\n  }\n\n  h1 {\n    display: flex;\n    justify-content: center;\n    align-items: center;\n\n    svg {\n      fill: $primary-text-color;\n      height: 42px;\n      margin-right: 10px;\n    }\n\n    a {\n      display: flex;\n      justify-content: center;\n      align-items: center;\n      color: $primary-text-color;\n      text-decoration: none;\n      outline: 0;\n      padding: 12px 16px;\n      line-height: 32px;\n      font-family: $font-display, sans-serif;\n      font-weight: 500;\n      font-size: 14px;\n    }\n  }\n}\n\n.compose-standalone {\n  .compose-form {\n    width: 400px;\n    margin: 0 auto;\n    padding: 20px 0;\n    margin-top: 40px;\n    box-sizing: border-box;\n\n    @media screen and (max-width: 400px) {\n      width: 100%;\n      margin-top: 0;\n      padding: 20px;\n    }\n  }\n}\n\n.account-header {\n  width: 400px;\n  margin: 0 auto;\n  display: flex;\n  font-size: 13px;\n  line-height: 18px;\n  box-sizing: border-box;\n  padding: 20px 0;\n  padding-bottom: 0;\n  margin-bottom: -30px;\n  margin-top: 40px;\n\n  @media screen and (max-width: 440px) {\n    width: 100%;\n    margin: 0;\n    margin-bottom: 10px;\n    padding: 20px;\n    padding-bottom: 0;\n  }\n\n  .avatar {\n    width: 40px;\n    height: 40px;\n    margin-right: 8px;\n\n    img {\n      width: 100%;\n      height: 100%;\n      display: block;\n      margin: 0;\n      border-radius: 4px;\n    }\n  }\n\n  .name {\n    flex: 1 1 auto;\n    color: $secondary-text-color;\n    width: calc(100% - 88px);\n\n    .username {\n      display: block;\n      font-weight: 500;\n      text-overflow: ellipsis;\n      overflow: hidden;\n    }\n  }\n\n  .logout-link {\n    display: block;\n    font-size: 32px;\n    line-height: 40px;\n    margin-left: 8px;\n  }\n}\n\n.grid-3 {\n  display: grid;\n  grid-gap: 10px;\n  grid-template-columns: 3fr 1fr;\n  grid-auto-columns: 25%;\n  grid-auto-rows: max-content;\n\n  .column-0 {\n    grid-column: 1 / 3;\n    grid-row: 1;\n  }\n\n  .column-1 {\n    grid-column: 1;\n    grid-row: 2;\n  }\n\n  .column-2 {\n    grid-column: 2;\n    grid-row: 2;\n  }\n\n  .column-3 {\n    grid-column: 1 / 3;\n    grid-row: 3;\n  }\n\n  @media screen and (max-width: $no-gap-breakpoint) {\n    grid-gap: 0;\n    grid-template-columns: minmax(0, 100%);\n\n    .column-0 {\n      grid-column: 1;\n    }\n\n    .column-1 {\n      grid-column: 1;\n      grid-row: 3;\n    }\n\n    .column-2 {\n      grid-column: 1;\n      grid-row: 2;\n    }\n\n    .column-3 {\n      grid-column: 1;\n      grid-row: 4;\n    }\n  }\n}\n\n.grid-4 {\n  display: grid;\n  grid-gap: 10px;\n  grid-template-columns: repeat(4, minmax(0, 1fr));\n  grid-auto-columns: 25%;\n  grid-auto-rows: max-content;\n\n  .column-0 {\n    grid-column: 1 / 5;\n    grid-row: 1;\n  }\n\n  .column-1 {\n    grid-column: 1 / 4;\n    grid-row: 2;\n  }\n\n  .column-2 {\n    grid-column: 4;\n    grid-row: 2;\n  }\n\n  .column-3 {\n    grid-column: 2 / 5;\n    grid-row: 3;\n  }\n\n  .column-4 {\n    grid-column: 1;\n    grid-row: 3;\n  }\n\n  .landing-page__call-to-action {\n    min-height: 100%;\n  }\n\n  .flash-message {\n    margin-bottom: 10px;\n  }\n\n  @media screen and (max-width: 738px) {\n    grid-template-columns: minmax(0, 50%) minmax(0, 50%);\n\n    .landing-page__call-to-action {\n      padding: 20px;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n    }\n\n    .row__information-board {\n      width: 100%;\n      justify-content: center;\n      align-items: center;\n    }\n\n    .row__mascot {\n      display: none;\n    }\n  }\n\n  @media screen and (max-width: $no-gap-breakpoint) {\n    grid-gap: 0;\n    grid-template-columns: minmax(0, 100%);\n\n    .column-0 {\n      grid-column: 1;\n    }\n\n    .column-1 {\n      grid-column: 1;\n      grid-row: 3;\n    }\n\n    .column-2 {\n      grid-column: 1;\n      grid-row: 2;\n    }\n\n    .column-3 {\n      grid-column: 1;\n      grid-row: 5;\n    }\n\n    .column-4 {\n      grid-column: 1;\n      grid-row: 4;\n    }\n  }\n}\n\n.public-layout {\n  @media screen and (max-width: $no-gap-breakpoint) {\n    padding-top: 48px;\n  }\n\n  .container {\n    max-width: 960px;\n\n    @media screen and (max-width: $no-gap-breakpoint) {\n      padding: 0;\n    }\n  }\n\n  .header {\n    background: lighten($ui-base-color, 8%);\n    box-shadow: 0 0 15px rgba($base-shadow-color, 0.2);\n    border-radius: 4px;\n    height: 48px;\n    margin: 10px 0;\n    display: flex;\n    align-items: stretch;\n    justify-content: center;\n    flex-wrap: nowrap;\n    overflow: hidden;\n\n    @media screen and (max-width: $no-gap-breakpoint) {\n      position: fixed;\n      width: 100%;\n      top: 0;\n      left: 0;\n      margin: 0;\n      border-radius: 0;\n      box-shadow: none;\n      z-index: 110;\n    }\n\n    & > div {\n      flex: 1 1 33.3%;\n      min-height: 1px;\n    }\n\n    .nav-left {\n      display: flex;\n      align-items: stretch;\n      justify-content: flex-start;\n      flex-wrap: nowrap;\n    }\n\n    .nav-center {\n      display: flex;\n      align-items: stretch;\n      justify-content: center;\n      flex-wrap: nowrap;\n    }\n\n    .nav-right {\n      display: flex;\n      align-items: stretch;\n      justify-content: flex-end;\n      flex-wrap: nowrap;\n    }\n\n    .brand {\n      display: block;\n      padding: 15px;\n\n      svg {\n        display: block;\n        height: 18px;\n        width: auto;\n        position: relative;\n        bottom: -2px;\n        fill: $primary-text-color;\n\n        @media screen and (max-width: $no-gap-breakpoint) {\n          height: 20px;\n        }\n      }\n\n      &:hover,\n      &:focus,\n      &:active {\n        background: lighten($ui-base-color, 12%);\n      }\n    }\n\n    .nav-link {\n      display: flex;\n      align-items: center;\n      padding: 0 1rem;\n      font-size: 12px;\n      font-weight: 500;\n      text-decoration: none;\n      color: $darker-text-color;\n      white-space: nowrap;\n      text-align: center;\n\n      &:hover,\n      &:focus,\n      &:active {\n        text-decoration: underline;\n        color: $primary-text-color;\n      }\n\n      @media screen and (max-width: 550px) {\n        &.optional {\n          display: none;\n        }\n      }\n    }\n\n    .nav-button {\n      background: lighten($ui-base-color, 16%);\n      margin: 8px;\n      margin-left: 0;\n      border-radius: 4px;\n\n      &:hover,\n      &:focus,\n      &:active {\n        text-decoration: none;\n        background: lighten($ui-base-color, 20%);\n      }\n    }\n  }\n\n  $no-columns-breakpoint: 600px;\n\n  .grid {\n    display: grid;\n    grid-gap: 10px;\n    grid-template-columns: minmax(300px, 3fr) minmax(298px, 1fr);\n    grid-auto-columns: 25%;\n    grid-auto-rows: max-content;\n\n    .column-0 {\n      grid-row: 1;\n      grid-column: 1;\n    }\n\n    .column-1 {\n      grid-row: 1;\n      grid-column: 2;\n    }\n\n    @media screen and (max-width: $no-columns-breakpoint) {\n      grid-template-columns: 100%;\n      grid-gap: 0;\n\n      .column-1 {\n        display: none;\n      }\n    }\n  }\n\n  .directory__card {\n    border-radius: 4px;\n\n    @media screen and (max-width: $no-gap-breakpoint) {\n      border-radius: 0;\n    }\n  }\n\n  .page-header {\n    @media screen and (max-width: $no-gap-breakpoint) {\n      border-bottom: 0;\n    }\n  }\n\n  .public-account-header {\n    overflow: hidden;\n    margin-bottom: 10px;\n    box-shadow: 0 0 15px rgba($base-shadow-color, 0.2);\n\n    &.inactive {\n      opacity: 0.5;\n\n      .public-account-header__image,\n      .avatar {\n        filter: grayscale(100%);\n      }\n\n      .logo-button {\n        background-color: $secondary-text-color;\n      }\n    }\n\n    &__image {\n      border-radius: 4px 4px 0 0;\n      overflow: hidden;\n      height: 300px;\n      position: relative;\n      background: darken($ui-base-color, 12%);\n\n      &::after {\n        content: \"\";\n        display: block;\n        position: absolute;\n        width: 100%;\n        height: 100%;\n        box-shadow: inset 0 -1px 1px 1px rgba($base-shadow-color, 0.15);\n        top: 0;\n        left: 0;\n      }\n\n      img {\n        object-fit: cover;\n        display: block;\n        width: 100%;\n        height: 100%;\n        margin: 0;\n        border-radius: 4px 4px 0 0;\n      }\n\n      @media screen and (max-width: 600px) {\n        height: 200px;\n      }\n    }\n\n    &--no-bar {\n      margin-bottom: 0;\n\n      .public-account-header__image,\n      .public-account-header__image img {\n        border-radius: 4px;\n\n        @media screen and (max-width: $no-gap-breakpoint) {\n          border-radius: 0;\n        }\n      }\n    }\n\n    @media screen and (max-width: $no-gap-breakpoint) {\n      margin-bottom: 0;\n      box-shadow: none;\n\n      &__image::after {\n        display: none;\n      }\n\n      &__image,\n      &__image img {\n        border-radius: 0;\n      }\n    }\n\n    &__bar {\n      position: relative;\n      margin-top: -80px;\n      display: flex;\n      justify-content: flex-start;\n\n      &::before {\n        content: \"\";\n        display: block;\n        background: lighten($ui-base-color, 4%);\n        position: absolute;\n        bottom: 0;\n        left: 0;\n        right: 0;\n        height: 60px;\n        border-radius: 0 0 4px 4px;\n        z-index: -1;\n      }\n\n      .avatar {\n        display: block;\n        width: 120px;\n        height: 120px;\n        padding-left: 20px - 4px;\n        flex: 0 0 auto;\n\n        img {\n          display: block;\n          width: 100%;\n          height: 100%;\n          margin: 0;\n          border-radius: 50%;\n          border: 4px solid lighten($ui-base-color, 4%);\n          background: darken($ui-base-color, 8%);\n        }\n      }\n\n      @media screen and (max-width: 600px) {\n        margin-top: 0;\n        background: lighten($ui-base-color, 4%);\n        border-radius: 0 0 4px 4px;\n        padding: 5px;\n\n        &::before {\n          display: none;\n        }\n\n        .avatar {\n          width: 48px;\n          height: 48px;\n          padding: 7px 0;\n          padding-left: 10px;\n\n          img {\n            border: 0;\n            border-radius: 4px;\n          }\n\n          @media screen and (max-width: 360px) {\n            display: none;\n          }\n        }\n      }\n\n      @media screen and (max-width: $no-gap-breakpoint) {\n        border-radius: 0;\n      }\n\n      @media screen and (max-width: $no-columns-breakpoint) {\n        flex-wrap: wrap;\n      }\n    }\n\n    &__tabs {\n      flex: 1 1 auto;\n      margin-left: 20px;\n\n      &__name {\n        padding-top: 20px;\n        padding-bottom: 8px;\n\n        h1 {\n          font-size: 20px;\n          line-height: 18px * 1.5;\n          color: $primary-text-color;\n          font-weight: 500;\n          overflow: hidden;\n          white-space: nowrap;\n          text-overflow: ellipsis;\n          text-shadow: 1px 1px 1px $base-shadow-color;\n\n          small {\n            display: block;\n            font-size: 14px;\n            color: $primary-text-color;\n            font-weight: 400;\n            overflow: hidden;\n            text-overflow: ellipsis;\n          }\n        }\n      }\n\n      @media screen and (max-width: 600px) {\n        margin-left: 15px;\n        display: flex;\n        justify-content: space-between;\n        align-items: center;\n\n        &__name {\n          padding-top: 0;\n          padding-bottom: 0;\n\n          h1 {\n            font-size: 16px;\n            line-height: 24px;\n            text-shadow: none;\n\n            small {\n              color: $darker-text-color;\n            }\n          }\n        }\n      }\n\n      &__tabs {\n        display: flex;\n        justify-content: flex-start;\n        align-items: stretch;\n        height: 58px;\n\n        .details-counters {\n          display: flex;\n          flex-direction: row;\n          min-width: 300px;\n        }\n\n        @media screen and (max-width: $no-columns-breakpoint) {\n          .details-counters {\n            display: none;\n          }\n        }\n\n        .counter {\n          min-width: 33.3%;\n          box-sizing: border-box;\n          flex: 0 0 auto;\n          color: $darker-text-color;\n          padding: 10px;\n          border-right: 1px solid lighten($ui-base-color, 4%);\n          cursor: default;\n          text-align: center;\n          position: relative;\n\n          a {\n            display: block;\n          }\n\n          &:last-child {\n            border-right: 0;\n          }\n\n          &::after {\n            display: block;\n            content: \"\";\n            position: absolute;\n            bottom: 0;\n            left: 0;\n            width: 100%;\n            border-bottom: 4px solid $ui-primary-color;\n            opacity: 0.5;\n            transition: all 400ms ease;\n          }\n\n          &.active {\n            &::after {\n              border-bottom: 4px solid $highlight-text-color;\n              opacity: 1;\n            }\n\n            &.inactive::after {\n              border-bottom-color: $secondary-text-color;\n            }\n          }\n\n          &:hover {\n            &::after {\n              opacity: 1;\n              transition-duration: 100ms;\n            }\n          }\n\n          a {\n            text-decoration: none;\n            color: inherit;\n          }\n\n          .counter-label {\n            font-size: 12px;\n            display: block;\n          }\n\n          .counter-number {\n            font-weight: 500;\n            font-size: 18px;\n            margin-bottom: 5px;\n            color: $primary-text-color;\n            font-family: $font-display, sans-serif;\n          }\n        }\n\n        .spacer {\n          flex: 1 1 auto;\n          height: 1px;\n        }\n\n        &__buttons {\n          padding: 7px 8px;\n        }\n      }\n    }\n\n    &__extra {\n      display: none;\n      margin-top: 4px;\n\n      .public-account-bio {\n        border-radius: 0;\n        box-shadow: none;\n        background: transparent;\n        margin: 0 -5px;\n\n        .account__header__fields {\n          border-top: 1px solid lighten($ui-base-color, 12%);\n        }\n\n        .roles {\n          display: none;\n        }\n      }\n\n      &__links {\n        margin-top: -15px;\n        font-size: 14px;\n        color: $darker-text-color;\n\n        a {\n          display: inline-block;\n          color: $darker-text-color;\n          text-decoration: none;\n          padding: 15px;\n          font-weight: 500;\n\n          strong {\n            font-weight: 700;\n            color: $primary-text-color;\n          }\n        }\n      }\n\n      @media screen and (max-width: $no-columns-breakpoint) {\n        display: block;\n        flex: 100%;\n      }\n    }\n  }\n\n  .account__section-headline {\n    border-radius: 4px 4px 0 0;\n\n    @media screen and (max-width: $no-gap-breakpoint) {\n      border-radius: 0;\n    }\n  }\n\n  .detailed-status__meta {\n    margin-top: 25px;\n  }\n\n  .public-account-bio {\n    background: lighten($ui-base-color, 8%);\n    box-shadow: 0 0 15px rgba($base-shadow-color, 0.2);\n    border-radius: 4px;\n    overflow: hidden;\n    margin-bottom: 10px;\n\n    @media screen and (max-width: $no-gap-breakpoint) {\n      box-shadow: none;\n      margin-bottom: 0;\n      border-radius: 0;\n    }\n\n    .account__header__fields {\n      margin: 0;\n      border-top: 0;\n\n      a {\n        color: lighten($ui-highlight-color, 8%);\n      }\n\n      dl:first-child .verified {\n        border-radius: 0 4px 0 0;\n      }\n\n      .verified a {\n        color: $valid-value-color;\n      }\n    }\n\n    .account__header__content {\n      padding: 20px;\n      padding-bottom: 0;\n      color: $primary-text-color;\n    }\n\n    &__extra,\n    .roles {\n      padding: 20px;\n      font-size: 14px;\n      color: $darker-text-color;\n    }\n\n    .roles {\n      padding-bottom: 0;\n    }\n  }\n\n  .directory__list {\n    display: grid;\n    grid-gap: 10px;\n    grid-template-columns: minmax(0, 50%) minmax(0, 50%);\n\n    @media screen and (max-width: $no-gap-breakpoint) {\n      display: block;\n    }\n\n    .icon-button {\n      font-size: 18px;\n    }\n  }\n\n  .directory__card {\n    margin-bottom: 0;\n  }\n\n  .card-grid {\n    display: flex;\n    flex-wrap: wrap;\n    min-width: 100%;\n    margin: 0 -5px;\n\n    & > div {\n      box-sizing: border-box;\n      flex: 1 0 auto;\n      width: 300px;\n      padding: 0 5px;\n      margin-bottom: 10px;\n      max-width: 33.333%;\n\n      @media screen and (max-width: 900px) {\n        max-width: 50%;\n      }\n\n      @media screen and (max-width: 600px) {\n        max-width: 100%;\n      }\n    }\n\n    @media screen and (max-width: $no-gap-breakpoint) {\n      margin: 0;\n      border-top: 1px solid lighten($ui-base-color, 8%);\n\n      & > div {\n        width: 100%;\n        padding: 0;\n        margin-bottom: 0;\n        border-bottom: 1px solid lighten($ui-base-color, 8%);\n\n        &:last-child {\n          border-bottom: 0;\n        }\n\n        .card__bar {\n          background: $ui-base-color;\n\n          &:hover,\n          &:active,\n          &:focus {\n            background: lighten($ui-base-color, 4%);\n          }\n        }\n      }\n    }\n  }\n}\n",".no-list {\n  list-style: none;\n\n  li {\n    display: inline-block;\n    margin: 0 5px;\n  }\n}\n\n.recovery-codes {\n  list-style: none;\n  margin: 0 auto;\n\n  li {\n    font-size: 125%;\n    line-height: 1.5;\n    letter-spacing: 1px;\n  }\n}\n",".public-layout {\n  .footer {\n    text-align: left;\n    padding-top: 20px;\n    padding-bottom: 60px;\n    font-size: 12px;\n    color: lighten($ui-base-color, 34%);\n\n    @media screen and (max-width: $no-gap-breakpoint) {\n      padding-left: 20px;\n      padding-right: 20px;\n    }\n\n    .grid {\n      display: grid;\n      grid-gap: 10px;\n      grid-template-columns: 1fr 1fr 2fr 1fr 1fr;\n\n      .column-0 {\n        grid-column: 1;\n        grid-row: 1;\n        min-width: 0;\n      }\n\n      .column-1 {\n        grid-column: 2;\n        grid-row: 1;\n        min-width: 0;\n      }\n\n      .column-2 {\n        grid-column: 3;\n        grid-row: 1;\n        min-width: 0;\n        text-align: center;\n\n        h4 a {\n          color: lighten($ui-base-color, 34%);\n        }\n      }\n\n      .column-3 {\n        grid-column: 4;\n        grid-row: 1;\n        min-width: 0;\n      }\n\n      .column-4 {\n        grid-column: 5;\n        grid-row: 1;\n        min-width: 0;\n      }\n\n      @media screen and (max-width: 690px) {\n        grid-template-columns: 1fr 2fr 1fr;\n\n        .column-0,\n        .column-1 {\n          grid-column: 1;\n        }\n\n        .column-1 {\n          grid-row: 2;\n        }\n\n        .column-2 {\n          grid-column: 2;\n        }\n\n        .column-3,\n        .column-4 {\n          grid-column: 3;\n        }\n\n        .column-4 {\n          grid-row: 2;\n        }\n      }\n\n      @media screen and (max-width: 600px) {\n        .column-1 {\n          display: block;\n        }\n      }\n\n      @media screen and (max-width: $no-gap-breakpoint) {\n        .column-0,\n        .column-1,\n        .column-3,\n        .column-4 {\n          display: none;\n        }\n      }\n    }\n\n    h4 {\n      text-transform: uppercase;\n      font-weight: 700;\n      margin-bottom: 8px;\n      color: $darker-text-color;\n\n      a {\n        color: inherit;\n        text-decoration: none;\n      }\n    }\n\n    ul a {\n      text-decoration: none;\n      color: lighten($ui-base-color, 34%);\n\n      &:hover,\n      &:active,\n      &:focus {\n        text-decoration: underline;\n      }\n    }\n\n    .brand {\n      svg {\n        display: block;\n        height: 36px;\n        width: auto;\n        margin: 0 auto;\n        fill: lighten($ui-base-color, 34%);\n      }\n\n      &:hover,\n      &:focus,\n      &:active {\n        svg {\n          fill: lighten($ui-base-color, 38%);\n        }\n      }\n    }\n  }\n}\n",".compact-header {\n  h1 {\n    font-size: 24px;\n    line-height: 28px;\n    color: $darker-text-color;\n    font-weight: 500;\n    margin-bottom: 20px;\n    padding: 0 10px;\n    word-wrap: break-word;\n\n    @media screen and (max-width: 740px) {\n      text-align: center;\n      padding: 20px 10px 0;\n    }\n\n    a {\n      color: inherit;\n      text-decoration: none;\n    }\n\n    small {\n      font-weight: 400;\n      color: $secondary-text-color;\n    }\n\n    img {\n      display: inline-block;\n      margin-bottom: -5px;\n      margin-right: 15px;\n      width: 36px;\n      height: 36px;\n    }\n  }\n}\n",".hero-widget {\n  margin-bottom: 10px;\n  box-shadow: 0 0 15px rgba($base-shadow-color, 0.2);\n\n  &__img {\n    width: 100%;\n    position: relative;\n    overflow: hidden;\n    border-radius: 4px 4px 0 0;\n    background: $base-shadow-color;\n\n    img {\n      object-fit: cover;\n      display: block;\n      width: 100%;\n      height: 100%;\n      margin: 0;\n      border-radius: 4px 4px 0 0;\n    }\n  }\n\n  &__text {\n    background: $ui-base-color;\n    padding: 20px;\n    border-radius: 0 0 4px 4px;\n    font-size: 15px;\n    color: $darker-text-color;\n    line-height: 20px;\n    word-wrap: break-word;\n    font-weight: 400;\n\n    .emojione {\n      width: 20px;\n      height: 20px;\n      margin: -3px 0 0;\n    }\n\n    p {\n      margin-bottom: 20px;\n\n      &:last-child {\n        margin-bottom: 0;\n      }\n    }\n\n    em {\n      display: inline;\n      margin: 0;\n      padding: 0;\n      font-weight: 700;\n      background: transparent;\n      font-family: inherit;\n      font-size: inherit;\n      line-height: inherit;\n      color: lighten($darker-text-color, 10%);\n    }\n\n    a {\n      color: $secondary-text-color;\n      text-decoration: none;\n\n      &:hover {\n        text-decoration: underline;\n      }\n    }\n  }\n\n  @media screen and (max-width: $no-gap-breakpoint) {\n    display: none;\n  }\n}\n\n.endorsements-widget {\n  margin-bottom: 10px;\n  padding-bottom: 10px;\n\n  h4 {\n    padding: 10px;\n    text-transform: uppercase;\n    font-weight: 700;\n    font-size: 13px;\n    color: $darker-text-color;\n  }\n\n  .account {\n    padding: 10px 0;\n\n    &:last-child {\n      border-bottom: 0;\n    }\n\n    .account__display-name {\n      display: flex;\n      align-items: center;\n    }\n\n    .account__avatar {\n      width: 44px;\n      height: 44px;\n      background-size: 44px 44px;\n    }\n  }\n\n  .trends__item {\n    padding: 10px;\n  }\n}\n\n.trends-widget {\n  h4 {\n    color: $darker-text-color;\n  }\n}\n\n.box-widget {\n  padding: 20px;\n  border-radius: 4px;\n  background: $ui-base-color;\n  box-shadow: 0 0 15px rgba($base-shadow-color, 0.2);\n}\n\n.placeholder-widget {\n  padding: 16px;\n  border-radius: 4px;\n  border: 2px dashed $dark-text-color;\n  text-align: center;\n  color: $darker-text-color;\n  margin-bottom: 10px;\n}\n\n.contact-widget {\n  min-height: 100%;\n  font-size: 15px;\n  color: $darker-text-color;\n  line-height: 20px;\n  word-wrap: break-word;\n  font-weight: 400;\n  padding: 0;\n\n  h4 {\n    padding: 10px;\n    text-transform: uppercase;\n    font-weight: 700;\n    font-size: 13px;\n    color: $darker-text-color;\n  }\n\n  .account {\n    border-bottom: 0;\n    padding: 10px 0;\n    padding-top: 5px;\n  }\n\n  & > a {\n    display: inline-block;\n    padding: 10px;\n    padding-top: 0;\n    color: $darker-text-color;\n    text-decoration: none;\n    white-space: nowrap;\n    overflow: hidden;\n    text-overflow: ellipsis;\n\n    &:hover,\n    &:focus,\n    &:active {\n      text-decoration: underline;\n    }\n  }\n}\n\n.moved-account-widget {\n  padding: 15px;\n  padding-bottom: 20px;\n  border-radius: 4px;\n  background: $ui-base-color;\n  box-shadow: 0 0 15px rgba($base-shadow-color, 0.2);\n  color: $secondary-text-color;\n  font-weight: 400;\n  margin-bottom: 10px;\n\n  strong,\n  a {\n    font-weight: 500;\n\n    @each $lang in $cjk-langs {\n      &:lang(#{$lang}) {\n        font-weight: 700;\n      }\n    }\n  }\n\n  a {\n    color: inherit;\n    text-decoration: underline;\n\n    &.mention {\n      text-decoration: none;\n\n      span {\n        text-decoration: none;\n      }\n\n      &:focus,\n      &:hover,\n      &:active {\n        text-decoration: none;\n\n        span {\n          text-decoration: underline;\n        }\n      }\n    }\n  }\n\n  &__message {\n    margin-bottom: 15px;\n\n    .fa {\n      margin-right: 5px;\n      color: $darker-text-color;\n    }\n  }\n\n  &__card {\n    .detailed-status__display-avatar {\n      position: relative;\n      cursor: pointer;\n    }\n\n    .detailed-status__display-name {\n      margin-bottom: 0;\n      text-decoration: none;\n\n      span {\n        font-weight: 400;\n      }\n    }\n  }\n}\n\n.memoriam-widget {\n  padding: 20px;\n  border-radius: 4px;\n  background: $base-shadow-color;\n  box-shadow: 0 0 15px rgba($base-shadow-color, 0.2);\n  font-size: 14px;\n  color: $darker-text-color;\n  margin-bottom: 10px;\n}\n\n.page-header {\n  background: lighten($ui-base-color, 8%);\n  box-shadow: 0 0 15px rgba($base-shadow-color, 0.2);\n  border-radius: 4px;\n  padding: 60px 15px;\n  text-align: center;\n  margin: 10px 0;\n\n  h1 {\n    color: $primary-text-color;\n    font-size: 36px;\n    line-height: 1.1;\n    font-weight: 700;\n    margin-bottom: 10px;\n  }\n\n  p {\n    font-size: 15px;\n    color: $darker-text-color;\n  }\n\n  @media screen and (max-width: $no-gap-breakpoint) {\n    margin-top: 0;\n    background: lighten($ui-base-color, 4%);\n\n    h1 {\n      font-size: 24px;\n    }\n  }\n}\n\n.directory {\n  background: $ui-base-color;\n  border-radius: 4px;\n  box-shadow: 0 0 15px rgba($base-shadow-color, 0.2);\n\n  &__tag {\n    box-sizing: border-box;\n    margin-bottom: 10px;\n\n    & > a,\n    & > div {\n      display: flex;\n      align-items: center;\n      justify-content: space-between;\n      background: $ui-base-color;\n      border-radius: 4px;\n      padding: 15px;\n      text-decoration: none;\n      color: inherit;\n      box-shadow: 0 0 15px rgba($base-shadow-color, 0.2);\n    }\n\n    & > a {\n      &:hover,\n      &:active,\n      &:focus {\n        background: lighten($ui-base-color, 8%);\n      }\n    }\n\n    &.active > a {\n      background: $ui-highlight-color;\n      cursor: default;\n    }\n\n    &.disabled > div {\n      opacity: 0.5;\n      cursor: default;\n    }\n\n    h4 {\n      flex: 1 1 auto;\n      font-size: 18px;\n      font-weight: 700;\n      color: $primary-text-color;\n      white-space: nowrap;\n      overflow: hidden;\n      text-overflow: ellipsis;\n\n      .fa {\n        color: $darker-text-color;\n      }\n\n      small {\n        display: block;\n        font-weight: 400;\n        font-size: 15px;\n        margin-top: 8px;\n        color: $darker-text-color;\n      }\n    }\n\n    &.active h4 {\n      &,\n      .fa,\n      small,\n      .trends__item__current {\n        color: $primary-text-color;\n      }\n    }\n\n    .avatar-stack {\n      flex: 0 0 auto;\n      width: (36px + 4px) * 3;\n    }\n\n    &.active .avatar-stack .account__avatar {\n      border-color: $ui-highlight-color;\n    }\n\n    .trends__item__current {\n      padding-right: 0;\n    }\n  }\n}\n\n.avatar-stack {\n  display: flex;\n  justify-content: flex-end;\n\n  .account__avatar {\n    flex: 0 0 auto;\n    width: 36px;\n    height: 36px;\n    border-radius: 50%;\n    position: relative;\n    margin-left: -10px;\n    background: darken($ui-base-color, 8%);\n    border: 2px solid $ui-base-color;\n\n    &:nth-child(1) {\n      z-index: 1;\n    }\n\n    &:nth-child(2) {\n      z-index: 2;\n    }\n\n    &:nth-child(3) {\n      z-index: 3;\n    }\n  }\n}\n\n.accounts-table {\n  width: 100%;\n\n  .account {\n    padding: 0;\n    border: 0;\n  }\n\n  strong {\n    font-weight: 700;\n  }\n\n  thead th {\n    text-align: center;\n    text-transform: uppercase;\n    color: $darker-text-color;\n    font-weight: 700;\n    padding: 10px;\n\n    &:first-child {\n      text-align: left;\n    }\n  }\n\n  tbody td {\n    padding: 15px 0;\n    vertical-align: middle;\n    border-bottom: 1px solid lighten($ui-base-color, 8%);\n  }\n\n  tbody tr:last-child td {\n    border-bottom: 0;\n  }\n\n  &__count {\n    width: 120px;\n    text-align: center;\n    font-size: 15px;\n    font-weight: 500;\n    color: $primary-text-color;\n\n    small {\n      display: block;\n      color: $darker-text-color;\n      font-weight: 400;\n      font-size: 14px;\n    }\n  }\n\n  &__comment {\n    width: 50%;\n    vertical-align: initial !important;\n  }\n\n  @media screen and (max-width: $no-gap-breakpoint) {\n    tbody td.optional {\n      display: none;\n    }\n  }\n}\n\n.moved-account-widget,\n.memoriam-widget,\n.box-widget,\n.contact-widget,\n.landing-page__information.contact-widget,\n.directory,\n.page-header {\n  @media screen and (max-width: $no-gap-breakpoint) {\n    margin-bottom: 0;\n    box-shadow: none;\n    border-radius: 0;\n  }\n}\n\n$maximum-width: 1235px;\n$fluid-breakpoint: $maximum-width + 20px;\n\n.statuses-grid {\n  min-height: 600px;\n\n  @media screen and (max-width: 640px) {\n    width: 100% !important; // Masonry layout is unnecessary at this width\n  }\n\n  &__item {\n    width: (960px - 20px) / 3;\n\n    @media screen and (max-width: $fluid-breakpoint) {\n      width: (940px - 20px) / 3;\n    }\n\n    @media screen and (max-width: 640px) {\n      width: 100%;\n    }\n\n    @media screen and (max-width: $no-gap-breakpoint) {\n      width: 100vw;\n    }\n  }\n\n  .detailed-status {\n    border-radius: 4px;\n\n    @media screen and (max-width: $no-gap-breakpoint) {\n      border-top: 1px solid lighten($ui-base-color, 16%);\n    }\n\n    &.compact {\n      .detailed-status__meta {\n        margin-top: 15px;\n      }\n\n      .status__content {\n        font-size: 15px;\n        line-height: 20px;\n\n        .emojione {\n          width: 20px;\n          height: 20px;\n          margin: -3px 0 0;\n        }\n\n        .status__content__spoiler-link {\n          line-height: 20px;\n          margin: 0;\n        }\n      }\n\n      .media-gallery,\n      .status-card,\n      .video-player {\n        margin-top: 15px;\n      }\n    }\n  }\n}\n\n.notice-widget {\n  margin-bottom: 10px;\n  color: $darker-text-color;\n\n  p {\n    margin-bottom: 10px;\n\n    &:last-child {\n      margin-bottom: 0;\n    }\n  }\n\n  a {\n    font-size: 14px;\n    line-height: 20px;\n  }\n}\n\n.notice-widget,\n.placeholder-widget {\n  a {\n    text-decoration: none;\n    font-weight: 500;\n    color: $ui-highlight-color;\n\n    &:hover,\n    &:focus,\n    &:active {\n      text-decoration: underline;\n    }\n  }\n}\n\n.table-of-contents {\n  background: darken($ui-base-color, 4%);\n  min-height: 100%;\n  font-size: 14px;\n  border-radius: 4px;\n\n  li a {\n    display: block;\n    font-weight: 500;\n    padding: 15px;\n    overflow: hidden;\n    white-space: nowrap;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    text-decoration: none;\n    color: $primary-text-color;\n    border-bottom: 1px solid lighten($ui-base-color, 4%);\n\n    &:hover,\n    &:focus,\n    &:active {\n      text-decoration: underline;\n    }\n  }\n\n  li:last-child a {\n    border-bottom: 0;\n  }\n\n  li ul {\n    padding-left: 20px;\n    border-bottom: 1px solid lighten($ui-base-color, 4%);\n  }\n}\n","$no-columns-breakpoint: 600px;\n\ncode {\n  font-family: $font-monospace, monospace;\n  font-weight: 400;\n}\n\n.form-container {\n  max-width: 400px;\n  padding: 20px;\n  margin: 0 auto;\n}\n\n.simple_form {\n  .input {\n    margin-bottom: 15px;\n    overflow: hidden;\n\n    &.hidden {\n      margin: 0;\n    }\n\n    &.radio_buttons {\n      .radio {\n        margin-bottom: 15px;\n\n        &:last-child {\n          margin-bottom: 0;\n        }\n      }\n\n      .radio > label {\n        position: relative;\n        padding-left: 28px;\n\n        input {\n          position: absolute;\n          top: -2px;\n          left: 0;\n        }\n      }\n    }\n\n    &.boolean {\n      position: relative;\n      margin-bottom: 0;\n\n      .label_input > label {\n        font-family: inherit;\n        font-size: 14px;\n        padding-top: 5px;\n        color: $primary-text-color;\n        display: block;\n        width: auto;\n      }\n\n      .label_input,\n      .hint {\n        padding-left: 28px;\n      }\n\n      .label_input__wrapper {\n        position: static;\n      }\n\n      label.checkbox {\n        position: absolute;\n        top: 2px;\n        left: 0;\n      }\n\n      label a {\n        color: $highlight-text-color;\n        text-decoration: underline;\n\n        &:hover,\n        &:active,\n        &:focus {\n          text-decoration: none;\n        }\n      }\n\n      .recommended {\n        position: absolute;\n        margin: 0 4px;\n        margin-top: -2px;\n      }\n    }\n  }\n\n  .row {\n    display: flex;\n    margin: 0 -5px;\n\n    .input {\n      box-sizing: border-box;\n      flex: 1 1 auto;\n      width: 50%;\n      padding: 0 5px;\n    }\n  }\n\n  .hint {\n    color: $darker-text-color;\n\n    a {\n      color: $highlight-text-color;\n    }\n\n    code {\n      border-radius: 3px;\n      padding: 0.2em 0.4em;\n      background: darken($ui-base-color, 12%);\n    }\n\n    li {\n      list-style: disc;\n      margin-left: 18px;\n    }\n  }\n\n  ul.hint {\n    margin-bottom: 15px;\n  }\n\n  span.hint {\n    display: block;\n    font-size: 12px;\n    margin-top: 4px;\n  }\n\n  p.hint {\n    margin-bottom: 15px;\n    color: $darker-text-color;\n\n    &.subtle-hint {\n      text-align: center;\n      font-size: 12px;\n      line-height: 18px;\n      margin-top: 15px;\n      margin-bottom: 0;\n    }\n  }\n\n  .card {\n    margin-bottom: 15px;\n  }\n\n  strong {\n    font-weight: 500;\n\n    @each $lang in $cjk-langs {\n      &:lang(#{$lang}) {\n        font-weight: 700;\n      }\n    }\n  }\n\n  .input.with_floating_label {\n    .label_input {\n      display: flex;\n\n      & > label {\n        font-family: inherit;\n        font-size: 14px;\n        color: $primary-text-color;\n        font-weight: 500;\n        min-width: 150px;\n        flex: 0 0 auto;\n      }\n\n      input,\n      select {\n        flex: 1 1 auto;\n      }\n    }\n\n    &.select .hint {\n      margin-top: 6px;\n      margin-left: 150px;\n    }\n  }\n\n  .input.with_label {\n    .label_input > label {\n      font-family: inherit;\n      font-size: 14px;\n      color: $primary-text-color;\n      display: block;\n      margin-bottom: 8px;\n      word-wrap: break-word;\n      font-weight: 500;\n    }\n\n    .hint {\n      margin-top: 6px;\n    }\n\n    ul {\n      flex: 390px;\n    }\n  }\n\n  .input.with_block_label {\n    max-width: none;\n\n    & > label {\n      font-family: inherit;\n      font-size: 16px;\n      color: $primary-text-color;\n      display: block;\n      font-weight: 500;\n      padding-top: 5px;\n    }\n\n    .hint {\n      margin-bottom: 15px;\n    }\n\n    ul {\n      columns: 2;\n    }\n  }\n\n  .input.datetime .label_input select {\n    display: inline-block;\n    width: auto;\n    flex: 0;\n  }\n\n  .required abbr {\n    text-decoration: none;\n    color: lighten($error-value-color, 12%);\n  }\n\n  .fields-group {\n    margin-bottom: 25px;\n\n    .input:last-child {\n      margin-bottom: 0;\n    }\n  }\n\n  .fields-row {\n    display: flex;\n    margin: 0 -10px;\n    padding-top: 5px;\n    margin-bottom: 25px;\n\n    .input {\n      max-width: none;\n    }\n\n    &__column {\n      box-sizing: border-box;\n      padding: 0 10px;\n      flex: 1 1 auto;\n      min-height: 1px;\n\n      &-6 {\n        max-width: 50%;\n      }\n\n      .actions {\n        margin-top: 27px;\n      }\n    }\n\n    .fields-group:last-child,\n    .fields-row__column.fields-group {\n      margin-bottom: 0;\n    }\n\n    @media screen and (max-width: $no-columns-breakpoint) {\n      display: block;\n      margin-bottom: 0;\n\n      &__column {\n        max-width: none;\n      }\n\n      .fields-group:last-child,\n      .fields-row__column.fields-group,\n      .fields-row__column {\n        margin-bottom: 25px;\n      }\n    }\n  }\n\n  .input.radio_buttons .radio label {\n    margin-bottom: 5px;\n    font-family: inherit;\n    font-size: 14px;\n    color: $primary-text-color;\n    display: block;\n    width: auto;\n  }\n\n  .check_boxes {\n    .checkbox {\n      label {\n        font-family: inherit;\n        font-size: 14px;\n        color: $primary-text-color;\n        display: inline-block;\n        width: auto;\n        position: relative;\n        padding-top: 5px;\n        padding-left: 25px;\n        flex: 1 1 auto;\n      }\n\n      input[type=checkbox] {\n        position: absolute;\n        left: 0;\n        top: 5px;\n        margin: 0;\n      }\n    }\n  }\n\n  .input.static .label_input__wrapper {\n    font-size: 16px;\n    padding: 10px;\n    border: 1px solid $dark-text-color;\n    border-radius: 4px;\n  }\n\n  input[type=text],\n  input[type=number],\n  input[type=email],\n  input[type=password],\n  textarea {\n    box-sizing: border-box;\n    font-size: 16px;\n    color: $primary-text-color;\n    display: block;\n    width: 100%;\n    outline: 0;\n    font-family: inherit;\n    resize: vertical;\n    background: darken($ui-base-color, 10%);\n    border: 1px solid darken($ui-base-color, 14%);\n    border-radius: 4px;\n    padding: 10px;\n\n    &::placeholder {\n      color: lighten($darker-text-color, 4%);\n    }\n\n    &:invalid {\n      box-shadow: none;\n    }\n\n    &:focus:invalid:not(:placeholder-shown) {\n      border-color: lighten($error-red, 12%);\n    }\n\n    &:required:valid {\n      border-color: $valid-value-color;\n    }\n\n    &:hover {\n      border-color: darken($ui-base-color, 20%);\n    }\n\n    &:active,\n    &:focus {\n      border-color: $highlight-text-color;\n      background: darken($ui-base-color, 8%);\n    }\n  }\n\n  .input.field_with_errors {\n    label {\n      color: lighten($error-red, 12%);\n    }\n\n    input[type=text],\n    input[type=number],\n    input[type=email],\n    input[type=password],\n    textarea,\n    select {\n      border-color: lighten($error-red, 12%);\n    }\n\n    .error {\n      display: block;\n      font-weight: 500;\n      color: lighten($error-red, 12%);\n      margin-top: 4px;\n    }\n  }\n\n  .input.disabled {\n    opacity: 0.5;\n  }\n\n  .actions {\n    margin-top: 30px;\n    display: flex;\n\n    &.actions--top {\n      margin-top: 0;\n      margin-bottom: 30px;\n    }\n  }\n\n  button,\n  .button,\n  .block-button {\n    display: block;\n    width: 100%;\n    border: 0;\n    border-radius: 4px;\n    background: $ui-highlight-color;\n    color: $primary-text-color;\n    font-size: 18px;\n    line-height: inherit;\n    height: auto;\n    padding: 10px;\n    text-transform: uppercase;\n    text-decoration: none;\n    text-align: center;\n    box-sizing: border-box;\n    cursor: pointer;\n    font-weight: 500;\n    outline: 0;\n    margin-bottom: 10px;\n    margin-right: 10px;\n\n    &:last-child {\n      margin-right: 0;\n    }\n\n    &:hover {\n      background-color: lighten($ui-highlight-color, 5%);\n    }\n\n    &:active,\n    &:focus {\n      background-color: darken($ui-highlight-color, 5%);\n    }\n\n    &:disabled:hover {\n      background-color: $ui-primary-color;\n    }\n\n    &.negative {\n      background: $error-value-color;\n\n      &:hover {\n        background-color: lighten($error-value-color, 5%);\n      }\n\n      &:active,\n      &:focus {\n        background-color: darken($error-value-color, 5%);\n      }\n    }\n  }\n\n  select {\n    appearance: none;\n    box-sizing: border-box;\n    font-size: 16px;\n    color: $primary-text-color;\n    display: block;\n    width: 100%;\n    outline: 0;\n    font-family: inherit;\n    resize: vertical;\n    background: darken($ui-base-color, 10%) url(\"data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14.933 18.467' height='19.698' width='15.929'><path d='M3.467 14.967l-3.393-3.5H14.86l-3.392 3.5c-1.866 1.925-3.666 3.5-4 3.5-.335 0-2.135-1.575-4-3.5zm.266-11.234L7.467 0 11.2 3.733l3.733 3.734H0l3.733-3.734z' fill='#{hex-color(lighten($ui-base-color, 12%))}'/></svg>\") no-repeat right 8px center / auto 16px;\n    border: 1px solid darken($ui-base-color, 14%);\n    border-radius: 4px;\n    padding-left: 10px;\n    padding-right: 30px;\n    height: 41px;\n  }\n\n  h4 {\n    margin-bottom: 15px !important;\n  }\n\n  .label_input {\n    &__wrapper {\n      position: relative;\n    }\n\n    &__append {\n      position: absolute;\n      right: 3px;\n      top: 1px;\n      padding: 10px;\n      padding-bottom: 9px;\n      font-size: 16px;\n      color: $dark-text-color;\n      font-family: inherit;\n      pointer-events: none;\n      cursor: default;\n      max-width: 140px;\n      white-space: nowrap;\n      overflow: hidden;\n\n      &::after {\n        content: '';\n        display: block;\n        position: absolute;\n        top: 0;\n        right: 0;\n        bottom: 1px;\n        width: 5px;\n        background-image: linear-gradient(to right, rgba(darken($ui-base-color, 10%), 0), darken($ui-base-color, 10%));\n      }\n    }\n  }\n\n  &__overlay-area {\n    position: relative;\n\n    &__blurred form {\n      filter: blur(2px);\n    }\n\n    &__overlay {\n      position: absolute;\n      top: 0;\n      left: 0;\n      width: 100%;\n      height: 100%;\n      display: flex;\n      justify-content: center;\n      align-items: center;\n      background: rgba($ui-base-color, 0.65);\n      border-radius: 4px;\n      margin-left: -4px;\n      margin-top: -4px;\n      padding: 4px;\n\n      &__content {\n        text-align: center;\n\n        &.rich-formatting {\n          &,\n          p {\n            color: $primary-text-color;\n          }\n        }\n      }\n    }\n  }\n}\n\n.block-icon {\n  display: block;\n  margin: 0 auto;\n  margin-bottom: 10px;\n  font-size: 24px;\n}\n\n.flash-message {\n  background: lighten($ui-base-color, 8%);\n  color: $darker-text-color;\n  border-radius: 4px;\n  padding: 15px 10px;\n  margin-bottom: 30px;\n  text-align: center;\n\n  &.notice {\n    border: 1px solid rgba($valid-value-color, 0.5);\n    background: rgba($valid-value-color, 0.25);\n    color: $valid-value-color;\n  }\n\n  &.alert {\n    border: 1px solid rgba($error-value-color, 0.5);\n    background: rgba($error-value-color, 0.25);\n    color: $error-value-color;\n  }\n\n  a {\n    display: inline-block;\n    color: $darker-text-color;\n    text-decoration: none;\n\n    &:hover {\n      color: $primary-text-color;\n      text-decoration: underline;\n    }\n  }\n\n  p {\n    margin-bottom: 15px;\n  }\n\n  .oauth-code {\n    outline: 0;\n    box-sizing: border-box;\n    display: block;\n    width: 100%;\n    border: 0;\n    padding: 10px;\n    font-family: $font-monospace, monospace;\n    background: $ui-base-color;\n    color: $primary-text-color;\n    font-size: 14px;\n    margin: 0;\n\n    &::-moz-focus-inner {\n      border: 0;\n    }\n\n    &::-moz-focus-inner,\n    &:focus,\n    &:active {\n      outline: 0 !important;\n    }\n\n    &:focus {\n      background: lighten($ui-base-color, 4%);\n    }\n  }\n\n  strong {\n    font-weight: 500;\n\n    @each $lang in $cjk-langs {\n      &:lang(#{$lang}) {\n        font-weight: 700;\n      }\n    }\n  }\n\n  @media screen and (max-width: 740px) and (min-width: 441px) {\n    margin-top: 40px;\n  }\n}\n\n.form-footer {\n  margin-top: 30px;\n  text-align: center;\n\n  a {\n    color: $darker-text-color;\n    text-decoration: none;\n\n    &:hover {\n      text-decoration: underline;\n    }\n  }\n}\n\n.quick-nav {\n  list-style: none;\n  margin-bottom: 25px;\n  font-size: 14px;\n\n  li {\n    display: inline-block;\n    margin-right: 10px;\n  }\n\n  a {\n    color: $highlight-text-color;\n    text-transform: uppercase;\n    text-decoration: none;\n    font-weight: 700;\n\n    &:hover,\n    &:focus,\n    &:active {\n      color: lighten($highlight-text-color, 8%);\n    }\n  }\n}\n\n.oauth-prompt,\n.follow-prompt {\n  margin-bottom: 30px;\n  color: $darker-text-color;\n\n  h2 {\n    font-size: 16px;\n    margin-bottom: 30px;\n    text-align: center;\n  }\n\n  strong {\n    color: $secondary-text-color;\n    font-weight: 500;\n\n    @each $lang in $cjk-langs {\n      &:lang(#{$lang}) {\n        font-weight: 700;\n      }\n    }\n  }\n\n  @media screen and (max-width: 740px) and (min-width: 441px) {\n    margin-top: 40px;\n  }\n}\n\n.qr-wrapper {\n  display: flex;\n  flex-wrap: wrap;\n  align-items: flex-start;\n}\n\n.qr-code {\n  flex: 0 0 auto;\n  background: $simple-background-color;\n  padding: 4px;\n  margin: 0 10px 20px 0;\n  box-shadow: 0 0 15px rgba($base-shadow-color, 0.2);\n  display: inline-block;\n\n  svg {\n    display: block;\n    margin: 0;\n  }\n}\n\n.qr-alternative {\n  margin-bottom: 20px;\n  color: $secondary-text-color;\n  flex: 150px;\n\n  samp {\n    display: block;\n    font-size: 14px;\n  }\n}\n\n.table-form {\n  p {\n    margin-bottom: 15px;\n\n    strong {\n      font-weight: 500;\n\n      @each $lang in $cjk-langs {\n        &:lang(#{$lang}) {\n          font-weight: 700;\n        }\n      }\n    }\n  }\n}\n\n.simple_form,\n.table-form {\n  .warning {\n    box-sizing: border-box;\n    background: rgba($error-value-color, 0.5);\n    color: $primary-text-color;\n    text-shadow: 1px 1px 0 rgba($base-shadow-color, 0.3);\n    box-shadow: 0 2px 6px rgba($base-shadow-color, 0.4);\n    border-radius: 4px;\n    padding: 10px;\n    margin-bottom: 15px;\n\n    a {\n      color: $primary-text-color;\n      text-decoration: underline;\n\n      &:hover,\n      &:focus,\n      &:active {\n        text-decoration: none;\n      }\n    }\n\n    strong {\n      font-weight: 600;\n      display: block;\n      margin-bottom: 5px;\n\n      @each $lang in $cjk-langs {\n        &:lang(#{$lang}) {\n          font-weight: 700;\n        }\n      }\n\n      .fa {\n        font-weight: 400;\n      }\n    }\n  }\n}\n\n.action-pagination {\n  display: flex;\n  flex-wrap: wrap;\n  align-items: center;\n\n  .actions,\n  .pagination {\n    flex: 1 1 auto;\n  }\n\n  .actions {\n    padding: 30px 0;\n    padding-right: 20px;\n    flex: 0 0 auto;\n  }\n}\n\n.post-follow-actions {\n  text-align: center;\n  color: $darker-text-color;\n\n  div {\n    margin-bottom: 4px;\n  }\n}\n\n.alternative-login {\n  margin-top: 20px;\n  margin-bottom: 20px;\n\n  h4 {\n    font-size: 16px;\n    color: $primary-text-color;\n    text-align: center;\n    margin-bottom: 20px;\n    border: 0;\n    padding: 0;\n  }\n\n  .button {\n    display: block;\n  }\n}\n\n.scope-danger {\n  color: $warning-red;\n}\n\n.form_admin_settings_site_short_description,\n.form_admin_settings_site_description,\n.form_admin_settings_site_extended_description,\n.form_admin_settings_site_terms,\n.form_admin_settings_custom_css,\n.form_admin_settings_closed_registrations_message {\n  textarea {\n    font-family: $font-monospace, monospace;\n  }\n}\n\n.input-copy {\n  background: darken($ui-base-color, 10%);\n  border: 1px solid darken($ui-base-color, 14%);\n  border-radius: 4px;\n  display: flex;\n  align-items: center;\n  padding-right: 4px;\n  position: relative;\n  top: 1px;\n  transition: border-color 300ms linear;\n\n  &__wrapper {\n    flex: 1 1 auto;\n  }\n\n  input[type=text] {\n    background: transparent;\n    border: 0;\n    padding: 10px;\n    font-size: 14px;\n    font-family: $font-monospace, monospace;\n  }\n\n  button {\n    flex: 0 0 auto;\n    margin: 4px;\n    text-transform: none;\n    font-weight: 400;\n    font-size: 14px;\n    padding: 7px 18px;\n    padding-bottom: 6px;\n    width: auto;\n    transition: background 300ms linear;\n  }\n\n  &.copied {\n    border-color: $valid-value-color;\n    transition: none;\n\n    button {\n      background: $valid-value-color;\n      transition: none;\n    }\n  }\n}\n\n.connection-prompt {\n  margin-bottom: 25px;\n\n  .fa-link {\n    background-color: darken($ui-base-color, 4%);\n    border-radius: 100%;\n    font-size: 24px;\n    padding: 10px;\n  }\n\n  &__column {\n    align-items: center;\n    display: flex;\n    flex: 1;\n    flex-direction: column;\n    flex-shrink: 1;\n    max-width: 50%;\n\n    &-sep {\n      align-self: center;\n      flex-grow: 0;\n      overflow: visible;\n      position: relative;\n      z-index: 1;\n    }\n\n    p {\n      word-break: break-word;\n    }\n  }\n\n  .account__avatar {\n    margin-bottom: 20px;\n  }\n\n  &__connection {\n    background-color: lighten($ui-base-color, 8%);\n    box-shadow: 0 0 15px rgba($base-shadow-color, 0.2);\n    border-radius: 4px;\n    padding: 25px 10px;\n    position: relative;\n    text-align: center;\n\n    &::after {\n      background-color: darken($ui-base-color, 4%);\n      content: '';\n      display: block;\n      height: 100%;\n      left: 50%;\n      position: absolute;\n      top: 0;\n      width: 1px;\n    }\n  }\n\n  &__row {\n    align-items: flex-start;\n    display: flex;\n    flex-direction: row;\n  }\n}\n",".card {\n  & > a {\n    display: block;\n    text-decoration: none;\n    color: inherit;\n    box-shadow: 0 0 15px rgba($base-shadow-color, 0.2);\n\n    @media screen and (max-width: $no-gap-breakpoint) {\n      box-shadow: none;\n    }\n\n    &:hover,\n    &:active,\n    &:focus {\n      .card__bar {\n        background: lighten($ui-base-color, 8%);\n      }\n    }\n  }\n\n  &__img {\n    height: 130px;\n    position: relative;\n    background: darken($ui-base-color, 12%);\n    border-radius: 4px 4px 0 0;\n\n    img {\n      display: block;\n      width: 100%;\n      height: 100%;\n      margin: 0;\n      object-fit: cover;\n      border-radius: 4px 4px 0 0;\n    }\n\n    @media screen and (max-width: 600px) {\n      height: 200px;\n    }\n\n    @media screen and (max-width: $no-gap-breakpoint) {\n      display: none;\n    }\n  }\n\n  &__bar {\n    position: relative;\n    padding: 15px;\n    display: flex;\n    justify-content: flex-start;\n    align-items: center;\n    background: lighten($ui-base-color, 4%);\n    border-radius: 0 0 4px 4px;\n\n    @media screen and (max-width: $no-gap-breakpoint) {\n      border-radius: 0;\n    }\n\n    .avatar {\n      flex: 0 0 auto;\n      width: 48px;\n      height: 48px;\n      padding-top: 2px;\n\n      img {\n        width: 100%;\n        height: 100%;\n        display: block;\n        margin: 0;\n        border-radius: 4px;\n        background: darken($ui-base-color, 8%);\n        object-fit: cover;\n      }\n    }\n\n    .display-name {\n      margin-left: 15px;\n      text-align: left;\n\n      strong {\n        font-size: 15px;\n        color: $primary-text-color;\n        font-weight: 500;\n        overflow: hidden;\n        text-overflow: ellipsis;\n      }\n\n      span {\n        display: block;\n        font-size: 14px;\n        color: $darker-text-color;\n        font-weight: 400;\n        overflow: hidden;\n        text-overflow: ellipsis;\n      }\n    }\n  }\n}\n\n.pagination {\n  padding: 30px 0;\n  text-align: center;\n  overflow: hidden;\n\n  a,\n  .current,\n  .newer,\n  .older,\n  .page,\n  .gap {\n    font-size: 14px;\n    color: $primary-text-color;\n    font-weight: 500;\n    display: inline-block;\n    padding: 6px 10px;\n    text-decoration: none;\n  }\n\n  .current {\n    background: $simple-background-color;\n    border-radius: 100px;\n    color: $inverted-text-color;\n    cursor: default;\n    margin: 0 10px;\n  }\n\n  .gap {\n    cursor: default;\n  }\n\n  .older,\n  .newer {\n    text-transform: uppercase;\n    color: $secondary-text-color;\n  }\n\n  .older {\n    float: left;\n    padding-left: 0;\n\n    .fa {\n      display: inline-block;\n      margin-right: 5px;\n    }\n  }\n\n  .newer {\n    float: right;\n    padding-right: 0;\n\n    .fa {\n      display: inline-block;\n      margin-left: 5px;\n    }\n  }\n\n  .disabled {\n    cursor: default;\n    color: lighten($inverted-text-color, 10%);\n  }\n\n  @media screen and (max-width: 700px) {\n    padding: 30px 20px;\n\n    .page {\n      display: none;\n    }\n\n    .newer,\n    .older {\n      display: inline-block;\n    }\n  }\n}\n\n.nothing-here {\n  background: $ui-base-color;\n  box-shadow: 0 0 15px rgba($base-shadow-color, 0.2);\n  color: $light-text-color;\n  font-size: 14px;\n  font-weight: 500;\n  text-align: center;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  cursor: default;\n  border-radius: 4px;\n  padding: 20px;\n  min-height: 30vh;\n\n  &--under-tabs {\n    border-radius: 0 0 4px 4px;\n  }\n\n  &--flexible {\n    box-sizing: border-box;\n    min-height: 100%;\n  }\n}\n\n.account-role,\n.simple_form .recommended {\n  display: inline-block;\n  padding: 4px 6px;\n  cursor: default;\n  border-radius: 3px;\n  font-size: 12px;\n  line-height: 12px;\n  font-weight: 500;\n  color: $ui-secondary-color;\n  background-color: rgba($ui-secondary-color, 0.1);\n  border: 1px solid rgba($ui-secondary-color, 0.5);\n\n  &.moderator {\n    color: $success-green;\n    background-color: rgba($success-green, 0.1);\n    border-color: rgba($success-green, 0.5);\n  }\n\n  &.admin {\n    color: lighten($error-red, 12%);\n    background-color: rgba(lighten($error-red, 12%), 0.1);\n    border-color: rgba(lighten($error-red, 12%), 0.5);\n  }\n}\n\n.account__header__fields {\n  max-width: 100vw;\n  padding: 0;\n  margin: 15px -15px -15px;\n  border: 0 none;\n  border-top: 1px solid lighten($ui-base-color, 12%);\n  border-bottom: 1px solid lighten($ui-base-color, 12%);\n  font-size: 14px;\n  line-height: 20px;\n\n  dl {\n    display: flex;\n    border-bottom: 1px solid lighten($ui-base-color, 12%);\n  }\n\n  dt,\n  dd {\n    box-sizing: border-box;\n    padding: 14px;\n    text-align: center;\n    max-height: 48px;\n    overflow: hidden;\n    white-space: nowrap;\n    text-overflow: ellipsis;\n  }\n\n  dt {\n    font-weight: 500;\n    width: 120px;\n    flex: 0 0 auto;\n    color: $secondary-text-color;\n    background: rgba(darken($ui-base-color, 8%), 0.5);\n  }\n\n  dd {\n    flex: 1 1 auto;\n    color: $darker-text-color;\n  }\n\n  a {\n    color: $highlight-text-color;\n    text-decoration: none;\n\n    &:hover,\n    &:focus,\n    &:active {\n      text-decoration: underline;\n    }\n  }\n\n  .verified {\n    border: 1px solid rgba($valid-value-color, 0.5);\n    background: rgba($valid-value-color, 0.25);\n\n    a {\n      color: $valid-value-color;\n      font-weight: 500;\n    }\n\n    &__mark {\n      color: $valid-value-color;\n    }\n  }\n\n  dl:last-child {\n    border-bottom: 0;\n  }\n}\n\n.directory__tag .trends__item__current {\n  width: auto;\n}\n\n.pending-account {\n  &__header {\n    color: $darker-text-color;\n\n    a {\n      color: $ui-secondary-color;\n      text-decoration: none;\n\n      &:hover,\n      &:active,\n      &:focus {\n        text-decoration: underline;\n      }\n    }\n\n    strong {\n      color: $primary-text-color;\n      font-weight: 700;\n    }\n  }\n\n  &__body {\n    margin-top: 10px;\n  }\n}\n",".activity-stream {\n  box-shadow: 0 0 15px rgba($base-shadow-color, 0.2);\n  border-radius: 4px;\n  overflow: hidden;\n  margin-bottom: 10px;\n\n  &--under-tabs {\n    border-radius: 0 0 4px 4px;\n  }\n\n  @media screen and (max-width: $no-gap-breakpoint) {\n    margin-bottom: 0;\n    border-radius: 0;\n    box-shadow: none;\n  }\n\n  &--headless {\n    border-radius: 0;\n    margin: 0;\n    box-shadow: none;\n\n    .detailed-status,\n    .status {\n      border-radius: 0 !important;\n    }\n  }\n\n  div[data-component] {\n    width: 100%;\n  }\n\n  .entry {\n    background: $ui-base-color;\n\n    .detailed-status,\n    .status,\n    .load-more {\n      animation: none;\n    }\n\n    &:last-child {\n      .detailed-status,\n      .status,\n      .load-more {\n        border-bottom: 0;\n        border-radius: 0 0 4px 4px;\n      }\n    }\n\n    &:first-child {\n      .detailed-status,\n      .status,\n      .load-more {\n        border-radius: 4px 4px 0 0;\n      }\n\n      &:last-child {\n        .detailed-status,\n        .status,\n        .load-more {\n          border-radius: 4px;\n        }\n      }\n    }\n\n    @media screen and (max-width: 740px) {\n      .detailed-status,\n      .status,\n      .load-more {\n        border-radius: 0 !important;\n      }\n    }\n  }\n\n  &--highlighted .entry {\n    background: lighten($ui-base-color, 8%);\n  }\n}\n\n.button.logo-button {\n  flex: 0 auto;\n  font-size: 14px;\n  background: $ui-highlight-color;\n  color: $primary-text-color;\n  text-transform: none;\n  line-height: 36px;\n  height: auto;\n  padding: 3px 15px;\n  border: 0;\n\n  svg {\n    width: 20px;\n    height: auto;\n    vertical-align: middle;\n    margin-right: 5px;\n    fill: $primary-text-color;\n  }\n\n  &:active,\n  &:focus,\n  &:hover {\n    background: lighten($ui-highlight-color, 10%);\n  }\n\n  &:disabled,\n  &.disabled {\n    &:active,\n    &:focus,\n    &:hover {\n      background: $ui-primary-color;\n    }\n  }\n\n  &.button--destructive {\n    &:active,\n    &:focus,\n    &:hover {\n      background: $error-red;\n    }\n  }\n\n  @media screen and (max-width: $no-gap-breakpoint) {\n    svg {\n      display: none;\n    }\n  }\n}\n\n.embed,\n.public-layout {\n  .detailed-status {\n    padding: 15px;\n  }\n\n  .status {\n    padding: 15px 15px 15px (48px + 15px * 2);\n    min-height: 48px + 2px;\n\n    &__avatar {\n      left: 15px;\n      top: 17px;\n    }\n\n    &__content {\n      padding-top: 5px;\n    }\n\n    &__prepend {\n      margin-left: 48px + 15px * 2;\n      padding-top: 15px;\n    }\n\n    &__prepend-icon-wrapper {\n      left: -32px;\n    }\n\n    .media-gallery,\n    &__action-bar,\n    .video-player {\n      margin-top: 10px;\n    }\n  }\n}\n","button.icon-button i.fa-retweet {\n  background-image: url(\"data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='22' height='209'><path d='M4.97 3.16c-.1.03-.17.1-.22.18L.8 8.24c-.2.3.03.78.4.8H3.6v2.68c0 4.26-.55 3.62 3.66 3.62h7.66l-2.3-2.84c-.03-.02-.03-.04-.05-.06H7.27c-.44 0-.72-.3-.72-.72v-2.7h2.5c.37.03.63-.48.4-.77L5.5 3.35c-.12-.17-.34-.25-.53-.2zm12.16.43c-.55-.02-1.32.02-2.4.02H7.1l2.32 2.85.03.06h5.25c.42 0 .72.28.72.72v2.7h-2.5c-.36.02-.56.54-.3.8l3.92 4.9c.18.25.6.25.78 0l3.94-4.9c.26-.28 0-.83-.37-.8H18.4v-2.7c0-3.15.4-3.62-1.25-3.66z' fill='#{hex-color($action-button-color)}' stroke-width='0'/><path d='M7.78 19.66c-.24.02-.44.25-.44.5v2.46h-.06c-1.08 0-1.86-.03-2.4-.03-1.64 0-1.25.43-1.25 3.65v4.47c0 4.26-.56 3.62 3.65 3.62H8.5l-1.3-1.06c-.1-.08-.18-.2-.2-.3-.02-.17.06-.35.2-.45l1.33-1.1H7.28c-.44 0-.72-.3-.72-.7v-4.48c0-.44.28-.72.72-.72h.06v2.5c0 .38.54.63.82.38l4.9-3.93c.25-.18.25-.6 0-.78l-4.9-3.92c-.1-.1-.24-.14-.38-.12zm9.34 2.93c-.54-.02-1.3.02-2.4.02h-1.25l1.3 1.07c.1.07.18.2.2.33.02.16-.06.3-.2.4l-1.33 1.1h1.28c.42 0 .72.28.72.72v4.47c0 .42-.3.72-.72.72h-.1v-2.47c0-.3-.3-.53-.6-.47-.07 0-.14.05-.2.1l-4.9 3.93c-.26.18-.26.6 0 .78l4.9 3.92c.27.25.82 0 .8-.38v-2.5h.1c4.27 0 3.65.67 3.65-3.62v-4.47c0-3.15.4-3.62-1.25-3.66zM10.34 38.66c-.24.02-.44.25-.43.5v2.47H7.3c-1.08 0-1.86-.04-2.4-.04-1.64 0-1.25.43-1.25 3.65v4.47c0 3.66-.23 3.7 2.34 3.66l-1.34-1.1c-.1-.08-.18-.2-.2-.3 0-.17.07-.35.2-.45l1.96-1.6c-.03-.06-.04-.13-.04-.2v-4.48c0-.44.28-.72.72-.72H9.9v2.5c0 .36.5.6.8.38l4.93-3.93c.24-.18.24-.6 0-.78l-4.94-3.92c-.1-.08-.23-.13-.36-.12zm5.63 2.93l1.34 1.1c.1.07.18.2.2.33.02.16-.03.3-.16.4l-1.96 1.6c.02.07.06.13.06.22v4.47c0 .42-.3.72-.72.72h-2.66v-2.47c0-.3-.3-.53-.6-.47-.06.02-.12.05-.18.1l-4.94 3.93c-.24.18-.24.6 0 .78l4.94 3.92c.28.22.78-.02.78-.38v-2.5h2.66c4.27 0 3.65.67 3.65-3.62v-4.47c0-3.66.34-3.7-2.4-3.66zM13.06 57.66c-.23.03-.4.26-.4.5v2.47H7.28c-1.08 0-1.86-.04-2.4-.04-1.64 0-1.25.43-1.25 3.65v4.87l2.93-2.37v-2.5c0-.44.28-.72.72-.72h5.38v2.5c0 .36.5.6.78.38l4.94-3.93c.24-.18.24-.6 0-.78l-4.94-3.92c-.1-.1-.24-.14-.38-.12zm5.3 6.15l-2.92 2.4v2.52c0 .42-.3.72-.72.72h-5.4v-2.47c0-.3-.32-.53-.6-.47-.07.02-.13.05-.2.1L3.6 70.52c-.25.18-.25.6 0 .78l4.93 3.92c.28.22.78-.02.78-.38v-2.5h5.42c4.27 0 3.65.67 3.65-3.62v-4.47-.44zM19.25 78.8c-.1.03-.2.1-.28.17l-.9.9c-.44-.3-1.36-.25-3.35-.25H7.28c-1.08 0-1.86-.03-2.4-.03-1.64 0-1.25.43-1.25 3.65v.7l2.93.3v-1c0-.44.28-.72.72-.72h7.44c.2 0 .37.08.5.2l-1.8 1.8c-.25.26-.08.76.27.8l6.27.7c.28.03.56-.25.53-.53l-.7-6.25c0-.27-.3-.48-.55-.44zm-17.2 6.1c-.2.07-.36.3-.33.54l.7 6.25c.02.36.58.55.83.27l.8-.8c.02 0 .04-.02.04 0 .46.24 1.37.17 3.18.17h7.44c4.27 0 3.65.67 3.65-3.62v-.75l-2.93-.3v1.05c0 .42-.3.72-.72.72H7.28c-.15 0-.3-.03-.4-.1L8.8 86.4c.3-.24.1-.8-.27-.84l-6.28-.65h-.2zM4.88 98.6c-1.33 0-1.34.48-1.3 2.3l1.14-1.37c.08-.1.22-.17.34-.2.16 0 .34.08.44.2l1.66 2.03c.04 0 .07-.03.12-.03h7.44c.34 0 .57.2.65.5h-2.43c-.34.05-.53.52-.3.78l3.92 4.95c.18.24.6.24.78 0l3.94-4.94c.22-.27-.02-.76-.37-.77H18.4c.02-3.9.6-3.4-3.66-3.4H7.28c-1.08 0-1.86-.04-2.4-.04zm.15 2.46c-.1.03-.2.1-.28.2l-3.94 4.9c-.2.28.03.77.4.78H3.6c-.02 3.94-.45 3.4 3.66 3.4h7.44c3.65 0 3.74.3 3.7-2.25l-1.1 1.34c-.1.1-.2.17-.32.2-.16 0-.34-.08-.44-.2l-1.65-2.03c-.06.02-.1.04-.18.04H7.28c-.35 0-.57-.2-.66-.5h2.44c.37 0 .63-.5.4-.78l-3.96-4.9c-.1-.15-.3-.23-.47-.2zM4.88 117.6c-1.16 0-1.3.3-1.3 1.56l1.14-1.38c.08-.1.22-.14.34-.16.16 0 .34.04.44.16l2.22 2.75h7c.42 0 .72.28.72.72v.53h-2.6c-.3.1-.43.54-.2.78l3.92 4.9c.18.25.6.25.78 0l3.94-4.9c.22-.28-.02-.77-.37-.78H18.4v-.53c0-4.2.72-3.63-3.66-3.63H7.28c-1.08 0-1.86-.03-2.4-.03zm.1 1.74c-.1.03-.17.1-.23.16L.8 124.44c-.2.28.03.77.4.78H3.6v.5c0 4.26-.55 3.62 3.66 3.62h7.44c1.03 0 1.74.02 2.28 0-.16.02-.34-.03-.44-.15l-2.22-2.76H7.28c-.44 0-.72-.3-.72-.72v-.5h2.5c.37.02.63-.5.4-.78L5.5 119.5c-.12-.15-.34-.22-.53-.16zm12.02 10c1.2-.02 1.4-.25 1.4-1.53l-1.1 1.36c-.07.1-.17.17-.3.18zM5.94 136.6l2.37 2.93h6.42c.42 0 .72.28.72.72v1.25h-2.6c-.3.1-.43.54-.2.78l3.92 4.9c.18.25.6.25.78 0l3.94-4.9c.22-.28-.02-.77-.37-.78H18.4v-1.25c0-4.2.72-3.63-3.66-3.63H7.28c-.6 0-.92-.02-1.34-.03zm-1.72.06c-.4.08-.54.3-.6.75l.6-.74zm.84.93c-.12 0-.24.08-.3.18l-3.95 4.9c-.24.3 0 .83.4.82H3.6v1.22c0 4.26-.55 3.62 3.66 3.62h7.44c.63 0 .97.02 1.4.03l-2.37-2.93H7.28c-.44 0-.72-.3-.72-.72v-1.22h2.5c.4.04.67-.53.4-.8l-3.96-4.92c-.1-.13-.27-.2-.44-.2zm13.28 10.03l-.56.7c.36-.07.5-.3.56-.7zM17.13 155.6c-.55-.02-1.32.03-2.4.03h-8.2l2.38 2.9h5.82c.42 0 .72.28.72.72v1.97H12.9c-.32.06-.48.52-.28.78l3.94 4.94c.2.23.6.22.78-.03l3.94-4.9c.22-.28-.02-.77-.37-.78H18.4v-1.97c0-3.15.4-3.62-1.25-3.66zm-12.1.28c-.1.02-.2.1-.28.18l-3.94 4.9c-.2.3.03.78.4.8H3.6v1.96c0 4.26-.55 3.62 3.66 3.62h8.24l-2.36-2.9H7.28c-.44 0-.72-.3-.72-.72v-1.97h2.5c.37.02.63-.5.4-.78l-3.96-4.9c-.1-.15-.3-.22-.47-.2zM5.13 174.5c-.15 0-.3.07-.38.2L.8 179.6c-.24.27 0 .82.4.8H3.6v2.32c0 4.26-.55 3.62 3.66 3.62h7.94l-2.35-2.9h-5.6c-.43 0-.7-.3-.7-.72v-2.3h2.5c.38.03.66-.54.4-.83l-3.97-4.9c-.1-.13-.23-.2-.38-.2zm12 .1c-.55-.02-1.32.03-2.4.03H6.83l2.35 2.9h5.52c.42 0 .72.28.72.72v2.34h-2.6c-.3.1-.43.53-.2.78l3.92 4.9c.18.24.6.24.78 0l3.94-4.9c.22-.3-.02-.78-.37-.8H18.4v-2.33c0-3.15.4-3.62-1.25-3.66zM4.97 193.16c-.1.03-.17.1-.22.18l-3.94 4.9c-.2.3.03.78.4.8H3.6v2.68c0 4.26-.55 3.62 3.66 3.62h7.66l-2.3-2.84c-.03-.02-.03-.04-.05-.06H7.27c-.44 0-.72-.3-.72-.72v-2.7h2.5c.37.03.63-.48.4-.77l-3.96-4.9c-.12-.17-.34-.25-.53-.2zm12.16.43c-.55-.02-1.32.03-2.4.03H7.1l2.32 2.84.03.06h5.25c.42 0 .72.28.72.72v2.7h-2.5c-.36.02-.56.54-.3.8l3.92 4.9c.18.25.6.25.78 0l3.94-4.9c.26-.28 0-.83-.37-.8H18.4v-2.7c0-3.15.4-3.62-1.25-3.66z' fill='#{hex-color($highlight-text-color)}' stroke-width='0'/></svg>\");\n\n  &:hover {\n    background-image: url(\"data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='22' height='209'><path d='M4.97 3.16c-.1.03-.17.1-.22.18L.8 8.24c-.2.3.03.78.4.8H3.6v2.68c0 4.26-.55 3.62 3.66 3.62h7.66l-2.3-2.84c-.03-.02-.03-.04-.05-.06H7.27c-.44 0-.72-.3-.72-.72v-2.7h2.5c.37.03.63-.48.4-.77L5.5 3.35c-.12-.17-.34-.25-.53-.2zm12.16.43c-.55-.02-1.32.02-2.4.02H7.1l2.32 2.85.03.06h5.25c.42 0 .72.28.72.72v2.7h-2.5c-.36.02-.56.54-.3.8l3.92 4.9c.18.25.6.25.78 0l3.94-4.9c.26-.28 0-.83-.37-.8H18.4v-2.7c0-3.15.4-3.62-1.25-3.66z' fill='#{hex-color(lighten($action-button-color, 7%))}' stroke-width='0'/><path d='M7.78 19.66c-.24.02-.44.25-.44.5v2.46h-.06c-1.08 0-1.86-.03-2.4-.03-1.64 0-1.25.43-1.25 3.65v4.47c0 4.26-.56 3.62 3.65 3.62H8.5l-1.3-1.06c-.1-.08-.18-.2-.2-.3-.02-.17.06-.35.2-.45l1.33-1.1H7.28c-.44 0-.72-.3-.72-.7v-4.48c0-.44.28-.72.72-.72h.06v2.5c0 .38.54.63.82.38l4.9-3.93c.25-.18.25-.6 0-.78l-4.9-3.92c-.1-.1-.24-.14-.38-.12zm9.34 2.93c-.54-.02-1.3.02-2.4.02h-1.25l1.3 1.07c.1.07.18.2.2.33.02.16-.06.3-.2.4l-1.33 1.1h1.28c.42 0 .72.28.72.72v4.47c0 .42-.3.72-.72.72h-.1v-2.47c0-.3-.3-.53-.6-.47-.07 0-.14.05-.2.1l-4.9 3.93c-.26.18-.26.6 0 .78l4.9 3.92c.27.25.82 0 .8-.38v-2.5h.1c4.27 0 3.65.67 3.65-3.62v-4.47c0-3.15.4-3.62-1.25-3.66zM10.34 38.66c-.24.02-.44.25-.43.5v2.47H7.3c-1.08 0-1.86-.04-2.4-.04-1.64 0-1.25.43-1.25 3.65v4.47c0 3.66-.23 3.7 2.34 3.66l-1.34-1.1c-.1-.08-.18-.2-.2-.3 0-.17.07-.35.2-.45l1.96-1.6c-.03-.06-.04-.13-.04-.2v-4.48c0-.44.28-.72.72-.72H9.9v2.5c0 .36.5.6.8.38l4.93-3.93c.24-.18.24-.6 0-.78l-4.94-3.92c-.1-.08-.23-.13-.36-.12zm5.63 2.93l1.34 1.1c.1.07.18.2.2.33.02.16-.03.3-.16.4l-1.96 1.6c.02.07.06.13.06.22v4.47c0 .42-.3.72-.72.72h-2.66v-2.47c0-.3-.3-.53-.6-.47-.06.02-.12.05-.18.1l-4.94 3.93c-.24.18-.24.6 0 .78l4.94 3.92c.28.22.78-.02.78-.38v-2.5h2.66c4.27 0 3.65.67 3.65-3.62v-4.47c0-3.66.34-3.7-2.4-3.66zM13.06 57.66c-.23.03-.4.26-.4.5v2.47H7.28c-1.08 0-1.86-.04-2.4-.04-1.64 0-1.25.43-1.25 3.65v4.87l2.93-2.37v-2.5c0-.44.28-.72.72-.72h5.38v2.5c0 .36.5.6.78.38l4.94-3.93c.24-.18.24-.6 0-.78l-4.94-3.92c-.1-.1-.24-.14-.38-.12zm5.3 6.15l-2.92 2.4v2.52c0 .42-.3.72-.72.72h-5.4v-2.47c0-.3-.32-.53-.6-.47-.07.02-.13.05-.2.1L3.6 70.52c-.25.18-.25.6 0 .78l4.93 3.92c.28.22.78-.02.78-.38v-2.5h5.42c4.27 0 3.65.67 3.65-3.62v-4.47-.44zM19.25 78.8c-.1.03-.2.1-.28.17l-.9.9c-.44-.3-1.36-.25-3.35-.25H7.28c-1.08 0-1.86-.03-2.4-.03-1.64 0-1.25.43-1.25 3.65v.7l2.93.3v-1c0-.44.28-.72.72-.72h7.44c.2 0 .37.08.5.2l-1.8 1.8c-.25.26-.08.76.27.8l6.27.7c.28.03.56-.25.53-.53l-.7-6.25c0-.27-.3-.48-.55-.44zm-17.2 6.1c-.2.07-.36.3-.33.54l.7 6.25c.02.36.58.55.83.27l.8-.8c.02 0 .04-.02.04 0 .46.24 1.37.17 3.18.17h7.44c4.27 0 3.65.67 3.65-3.62v-.75l-2.93-.3v1.05c0 .42-.3.72-.72.72H7.28c-.15 0-.3-.03-.4-.1L8.8 86.4c.3-.24.1-.8-.27-.84l-6.28-.65h-.2zM4.88 98.6c-1.33 0-1.34.48-1.3 2.3l1.14-1.37c.08-.1.22-.17.34-.2.16 0 .34.08.44.2l1.66 2.03c.04 0 .07-.03.12-.03h7.44c.34 0 .57.2.65.5h-2.43c-.34.05-.53.52-.3.78l3.92 4.95c.18.24.6.24.78 0l3.94-4.94c.22-.27-.02-.76-.37-.77H18.4c.02-3.9.6-3.4-3.66-3.4H7.28c-1.08 0-1.86-.04-2.4-.04zm.15 2.46c-.1.03-.2.1-.28.2l-3.94 4.9c-.2.28.03.77.4.78H3.6c-.02 3.94-.45 3.4 3.66 3.4h7.44c3.65 0 3.74.3 3.7-2.25l-1.1 1.34c-.1.1-.2.17-.32.2-.16 0-.34-.08-.44-.2l-1.65-2.03c-.06.02-.1.04-.18.04H7.28c-.35 0-.57-.2-.66-.5h2.44c.37 0 .63-.5.4-.78l-3.96-4.9c-.1-.15-.3-.23-.47-.2zM4.88 117.6c-1.16 0-1.3.3-1.3 1.56l1.14-1.38c.08-.1.22-.14.34-.16.16 0 .34.04.44.16l2.22 2.75h7c.42 0 .72.28.72.72v.53h-2.6c-.3.1-.43.54-.2.78l3.92 4.9c.18.25.6.25.78 0l3.94-4.9c.22-.28-.02-.77-.37-.78H18.4v-.53c0-4.2.72-3.63-3.66-3.63H7.28c-1.08 0-1.86-.03-2.4-.03zm.1 1.74c-.1.03-.17.1-.23.16L.8 124.44c-.2.28.03.77.4.78H3.6v.5c0 4.26-.55 3.62 3.66 3.62h7.44c1.03 0 1.74.02 2.28 0-.16.02-.34-.03-.44-.15l-2.22-2.76H7.28c-.44 0-.72-.3-.72-.72v-.5h2.5c.37.02.63-.5.4-.78L5.5 119.5c-.12-.15-.34-.22-.53-.16zm12.02 10c1.2-.02 1.4-.25 1.4-1.53l-1.1 1.36c-.07.1-.17.17-.3.18zM5.94 136.6l2.37 2.93h6.42c.42 0 .72.28.72.72v1.25h-2.6c-.3.1-.43.54-.2.78l3.92 4.9c.18.25.6.25.78 0l3.94-4.9c.22-.28-.02-.77-.37-.78H18.4v-1.25c0-4.2.72-3.63-3.66-3.63H7.28c-.6 0-.92-.02-1.34-.03zm-1.72.06c-.4.08-.54.3-.6.75l.6-.74zm.84.93c-.12 0-.24.08-.3.18l-3.95 4.9c-.24.3 0 .83.4.82H3.6v1.22c0 4.26-.55 3.62 3.66 3.62h7.44c.63 0 .97.02 1.4.03l-2.37-2.93H7.28c-.44 0-.72-.3-.72-.72v-1.22h2.5c.4.04.67-.53.4-.8l-3.96-4.92c-.1-.13-.27-.2-.44-.2zm13.28 10.03l-.56.7c.36-.07.5-.3.56-.7zM17.13 155.6c-.55-.02-1.32.03-2.4.03h-8.2l2.38 2.9h5.82c.42 0 .72.28.72.72v1.97H12.9c-.32.06-.48.52-.28.78l3.94 4.94c.2.23.6.22.78-.03l3.94-4.9c.22-.28-.02-.77-.37-.78H18.4v-1.97c0-3.15.4-3.62-1.25-3.66zm-12.1.28c-.1.02-.2.1-.28.18l-3.94 4.9c-.2.3.03.78.4.8H3.6v1.96c0 4.26-.55 3.62 3.66 3.62h8.24l-2.36-2.9H7.28c-.44 0-.72-.3-.72-.72v-1.97h2.5c.37.02.63-.5.4-.78l-3.96-4.9c-.1-.15-.3-.22-.47-.2zM5.13 174.5c-.15 0-.3.07-.38.2L.8 179.6c-.24.27 0 .82.4.8H3.6v2.32c0 4.26-.55 3.62 3.66 3.62h7.94l-2.35-2.9h-5.6c-.43 0-.7-.3-.7-.72v-2.3h2.5c.38.03.66-.54.4-.83l-3.97-4.9c-.1-.13-.23-.2-.38-.2zm12 .1c-.55-.02-1.32.03-2.4.03H6.83l2.35 2.9h5.52c.42 0 .72.28.72.72v2.34h-2.6c-.3.1-.43.53-.2.78l3.92 4.9c.18.24.6.24.78 0l3.94-4.9c.22-.3-.02-.78-.37-.8H18.4v-2.33c0-3.15.4-3.62-1.25-3.66zM4.97 193.16c-.1.03-.17.1-.22.18l-3.94 4.9c-.2.3.03.78.4.8H3.6v2.68c0 4.26-.55 3.62 3.66 3.62h7.66l-2.3-2.84c-.03-.02-.03-.04-.05-.06H7.27c-.44 0-.72-.3-.72-.72v-2.7h2.5c.37.03.63-.48.4-.77l-3.96-4.9c-.12-.17-.34-.25-.53-.2zm12.16.43c-.55-.02-1.32.03-2.4.03H7.1l2.32 2.84.03.06h5.25c.42 0 .72.28.72.72v2.7h-2.5c-.36.02-.56.54-.3.8l3.92 4.9c.18.25.6.25.78 0l3.94-4.9c.26-.28 0-.83-.37-.8H18.4v-2.7c0-3.15.4-3.62-1.25-3.66z' fill='#{hex-color($highlight-text-color)}' stroke-width='0'/></svg>\");\n  }\n}\n\nbutton.icon-button.disabled i.fa-retweet {\n  background-image: url(\"data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='22' height='209'><path d='M4.97 3.16c-.1.03-.17.1-.22.18L.8 8.24c-.2.3.03.78.4.8H3.6v2.68c0 4.26-.55 3.62 3.66 3.62h7.66l-2.3-2.84c-.03-.02-.03-.04-.05-.06H7.27c-.44 0-.72-.3-.72-.72v-2.7h2.5c.37.03.63-.48.4-.77L5.5 3.35c-.12-.17-.34-.25-.53-.2zm12.16.43c-.55-.02-1.32.02-2.4.02H7.1l2.32 2.85.03.06h5.25c.42 0 .72.28.72.72v2.7h-2.5c-.36.02-.56.54-.3.8l3.92 4.9c.18.25.6.25.78 0l3.94-4.9c.26-.28 0-.83-.37-.8H18.4v-2.7c0-3.15.4-3.62-1.25-3.66z' fill='#{hex-color(darken($action-button-color, 13%))}' stroke-width='0'/><path d='M7.78 19.66c-.24.02-.44.25-.44.5v2.46h-.06c-1.08 0-1.86-.03-2.4-.03-1.64 0-1.25.43-1.25 3.65v4.47c0 4.26-.56 3.62 3.65 3.62H8.5l-1.3-1.06c-.1-.08-.18-.2-.2-.3-.02-.17.06-.35.2-.45l1.33-1.1H7.28c-.44 0-.72-.3-.72-.7v-4.48c0-.44.28-.72.72-.72h.06v2.5c0 .38.54.63.82.38l4.9-3.93c.25-.18.25-.6 0-.78l-4.9-3.92c-.1-.1-.24-.14-.38-.12zm9.34 2.93c-.54-.02-1.3.02-2.4.02h-1.25l1.3 1.07c.1.07.18.2.2.33.02.16-.06.3-.2.4l-1.33 1.1h1.28c.42 0 .72.28.72.72v4.47c0 .42-.3.72-.72.72h-.1v-2.47c0-.3-.3-.53-.6-.47-.07 0-.14.05-.2.1l-4.9 3.93c-.26.18-.26.6 0 .78l4.9 3.92c.27.25.82 0 .8-.38v-2.5h.1c4.27 0 3.65.67 3.65-3.62v-4.47c0-3.15.4-3.62-1.25-3.66zM10.34 38.66c-.24.02-.44.25-.43.5v2.47H7.3c-1.08 0-1.86-.04-2.4-.04-1.64 0-1.25.43-1.25 3.65v4.47c0 3.66-.23 3.7 2.34 3.66l-1.34-1.1c-.1-.08-.18-.2-.2-.3 0-.17.07-.35.2-.45l1.96-1.6c-.03-.06-.04-.13-.04-.2v-4.48c0-.44.28-.72.72-.72H9.9v2.5c0 .36.5.6.8.38l4.93-3.93c.24-.18.24-.6 0-.78l-4.94-3.92c-.1-.08-.23-.13-.36-.12zm5.63 2.93l1.34 1.1c.1.07.18.2.2.33.02.16-.03.3-.16.4l-1.96 1.6c.02.07.06.13.06.22v4.47c0 .42-.3.72-.72.72h-2.66v-2.47c0-.3-.3-.53-.6-.47-.06.02-.12.05-.18.1l-4.94 3.93c-.24.18-.24.6 0 .78l4.94 3.92c.28.22.78-.02.78-.38v-2.5h2.66c4.27 0 3.65.67 3.65-3.62v-4.47c0-3.66.34-3.7-2.4-3.66zM13.06 57.66c-.23.03-.4.26-.4.5v2.47H7.28c-1.08 0-1.86-.04-2.4-.04-1.64 0-1.25.43-1.25 3.65v4.87l2.93-2.37v-2.5c0-.44.28-.72.72-.72h5.38v2.5c0 .36.5.6.78.38l4.94-3.93c.24-.18.24-.6 0-.78l-4.94-3.92c-.1-.1-.24-.14-.38-.12zm5.3 6.15l-2.92 2.4v2.52c0 .42-.3.72-.72.72h-5.4v-2.47c0-.3-.32-.53-.6-.47-.07.02-.13.05-.2.1L3.6 70.52c-.25.18-.25.6 0 .78l4.93 3.92c.28.22.78-.02.78-.38v-2.5h5.42c4.27 0 3.65.67 3.65-3.62v-4.47-.44zM19.25 78.8c-.1.03-.2.1-.28.17l-.9.9c-.44-.3-1.36-.25-3.35-.25H7.28c-1.08 0-1.86-.03-2.4-.03-1.64 0-1.25.43-1.25 3.65v.7l2.93.3v-1c0-.44.28-.72.72-.72h7.44c.2 0 .37.08.5.2l-1.8 1.8c-.25.26-.08.76.27.8l6.27.7c.28.03.56-.25.53-.53l-.7-6.25c0-.27-.3-.48-.55-.44zm-17.2 6.1c-.2.07-.36.3-.33.54l.7 6.25c.02.36.58.55.83.27l.8-.8c.02 0 .04-.02.04 0 .46.24 1.37.17 3.18.17h7.44c4.27 0 3.65.67 3.65-3.62v-.75l-2.93-.3v1.05c0 .42-.3.72-.72.72H7.28c-.15 0-.3-.03-.4-.1L8.8 86.4c.3-.24.1-.8-.27-.84l-6.28-.65h-.2zM4.88 98.6c-1.33 0-1.34.48-1.3 2.3l1.14-1.37c.08-.1.22-.17.34-.2.16 0 .34.08.44.2l1.66 2.03c.04 0 .07-.03.12-.03h7.44c.34 0 .57.2.65.5h-2.43c-.34.05-.53.52-.3.78l3.92 4.95c.18.24.6.24.78 0l3.94-4.94c.22-.27-.02-.76-.37-.77H18.4c.02-3.9.6-3.4-3.66-3.4H7.28c-1.08 0-1.86-.04-2.4-.04zm.15 2.46c-.1.03-.2.1-.28.2l-3.94 4.9c-.2.28.03.77.4.78H3.6c-.02 3.94-.45 3.4 3.66 3.4h7.44c3.65 0 3.74.3 3.7-2.25l-1.1 1.34c-.1.1-.2.17-.32.2-.16 0-.34-.08-.44-.2l-1.65-2.03c-.06.02-.1.04-.18.04H7.28c-.35 0-.57-.2-.66-.5h2.44c.37 0 .63-.5.4-.78l-3.96-4.9c-.1-.15-.3-.23-.47-.2zM4.88 117.6c-1.16 0-1.3.3-1.3 1.56l1.14-1.38c.08-.1.22-.14.34-.16.16 0 .34.04.44.16l2.22 2.75h7c.42 0 .72.28.72.72v.53h-2.6c-.3.1-.43.54-.2.78l3.92 4.9c.18.25.6.25.78 0l3.94-4.9c.22-.28-.02-.77-.37-.78H18.4v-.53c0-4.2.72-3.63-3.66-3.63H7.28c-1.08 0-1.86-.03-2.4-.03zm.1 1.74c-.1.03-.17.1-.23.16L.8 124.44c-.2.28.03.77.4.78H3.6v.5c0 4.26-.55 3.62 3.66 3.62h7.44c1.03 0 1.74.02 2.28 0-.16.02-.34-.03-.44-.15l-2.22-2.76H7.28c-.44 0-.72-.3-.72-.72v-.5h2.5c.37.02.63-.5.4-.78L5.5 119.5c-.12-.15-.34-.22-.53-.16zm12.02 10c1.2-.02 1.4-.25 1.4-1.53l-1.1 1.36c-.07.1-.17.17-.3.18zM5.94 136.6l2.37 2.93h6.42c.42 0 .72.28.72.72v1.25h-2.6c-.3.1-.43.54-.2.78l3.92 4.9c.18.25.6.25.78 0l3.94-4.9c.22-.28-.02-.77-.37-.78H18.4v-1.25c0-4.2.72-3.63-3.66-3.63H7.28c-.6 0-.92-.02-1.34-.03zm-1.72.06c-.4.08-.54.3-.6.75l.6-.74zm.84.93c-.12 0-.24.08-.3.18l-3.95 4.9c-.24.3 0 .83.4.82H3.6v1.22c0 4.26-.55 3.62 3.66 3.62h7.44c.63 0 .97.02 1.4.03l-2.37-2.93H7.28c-.44 0-.72-.3-.72-.72v-1.22h2.5c.4.04.67-.53.4-.8l-3.96-4.92c-.1-.13-.27-.2-.44-.2zm13.28 10.03l-.56.7c.36-.07.5-.3.56-.7zM17.13 155.6c-.55-.02-1.32.03-2.4.03h-8.2l2.38 2.9h5.82c.42 0 .72.28.72.72v1.97H12.9c-.32.06-.48.52-.28.78l3.94 4.94c.2.23.6.22.78-.03l3.94-4.9c.22-.28-.02-.77-.37-.78H18.4v-1.97c0-3.15.4-3.62-1.25-3.66zm-12.1.28c-.1.02-.2.1-.28.18l-3.94 4.9c-.2.3.03.78.4.8H3.6v1.96c0 4.26-.55 3.62 3.66 3.62h8.24l-2.36-2.9H7.28c-.44 0-.72-.3-.72-.72v-1.97h2.5c.37.02.63-.5.4-.78l-3.96-4.9c-.1-.15-.3-.22-.47-.2zM5.13 174.5c-.15 0-.3.07-.38.2L.8 179.6c-.24.27 0 .82.4.8H3.6v2.32c0 4.26-.55 3.62 3.66 3.62h7.94l-2.35-2.9h-5.6c-.43 0-.7-.3-.7-.72v-2.3h2.5c.38.03.66-.54.4-.83l-3.97-4.9c-.1-.13-.23-.2-.38-.2zm12 .1c-.55-.02-1.32.03-2.4.03H6.83l2.35 2.9h5.52c.42 0 .72.28.72.72v2.34h-2.6c-.3.1-.43.53-.2.78l3.92 4.9c.18.24.6.24.78 0l3.94-4.9c.22-.3-.02-.78-.37-.8H18.4v-2.33c0-3.15.4-3.62-1.25-3.66zM4.97 193.16c-.1.03-.17.1-.22.18l-3.94 4.9c-.2.3.03.78.4.8H3.6v2.68c0 4.26-.55 3.62 3.66 3.62h7.66l-2.3-2.84c-.03-.02-.03-.04-.05-.06H7.27c-.44 0-.72-.3-.72-.72v-2.7h2.5c.37.03.63-.48.4-.77l-3.96-4.9c-.12-.17-.34-.25-.53-.2zm12.16.43c-.55-.02-1.32.03-2.4.03H7.1l2.32 2.84.03.06h5.25c.42 0 .72.28.72.72v2.7h-2.5c-.36.02-.56.54-.3.8l3.92 4.9c.18.25.6.25.78 0l3.94-4.9c.26-.28 0-.83-.37-.8H18.4v-2.7c0-3.15.4-3.62-1.25-3.66z' fill='#{hex-color($highlight-text-color)}' stroke-width='0'/></svg>\");\n}\n",".app-body {\n  -webkit-overflow-scrolling: touch;\n  -ms-overflow-style: -ms-autohiding-scrollbar;\n}\n\n.animated-number {\n  display: inline-flex;\n  flex-direction: column;\n  align-items: stretch;\n  overflow: hidden;\n  position: relative;\n}\n\n.link-button {\n  display: block;\n  font-size: 15px;\n  line-height: 20px;\n  color: $ui-highlight-color;\n  border: 0;\n  background: transparent;\n  padding: 0;\n  cursor: pointer;\n\n  &:hover,\n  &:active {\n    text-decoration: underline;\n  }\n\n  &:disabled {\n    color: $ui-primary-color;\n    cursor: default;\n  }\n}\n\n.button {\n  background-color: $ui-highlight-color;\n  border: 10px none;\n  border-radius: 4px;\n  box-sizing: border-box;\n  color: $primary-text-color;\n  cursor: pointer;\n  display: inline-block;\n  font-family: inherit;\n  font-size: 14px;\n  font-weight: 500;\n  height: 36px;\n  letter-spacing: 0;\n  line-height: 36px;\n  overflow: hidden;\n  padding: 0 16px;\n  position: relative;\n  text-align: center;\n  text-transform: uppercase;\n  text-decoration: none;\n  text-overflow: ellipsis;\n  transition: all 100ms ease-in;\n  white-space: nowrap;\n  width: auto;\n\n  &:active,\n  &:focus,\n  &:hover {\n    background-color: lighten($ui-highlight-color, 10%);\n    transition: all 200ms ease-out;\n  }\n\n  &--destructive {\n    transition: none;\n\n    &:active,\n    &:focus,\n    &:hover {\n      background-color: $error-red;\n      transition: none;\n    }\n  }\n\n  &:disabled,\n  &.disabled {\n    background-color: $ui-primary-color;\n    cursor: default;\n  }\n\n  &::-moz-focus-inner {\n    border: 0;\n  }\n\n  &::-moz-focus-inner,\n  &:focus,\n  &:active {\n    outline: 0 !important;\n  }\n\n  &.button-primary,\n  &.button-alternative,\n  &.button-secondary,\n  &.button-alternative-2 {\n    font-size: 16px;\n    line-height: 36px;\n    height: auto;\n    text-transform: none;\n    padding: 4px 16px;\n  }\n\n  &.button-alternative {\n    color: $inverted-text-color;\n    background: $ui-primary-color;\n\n    &:active,\n    &:focus,\n    &:hover {\n      background-color: lighten($ui-primary-color, 4%);\n    }\n  }\n\n  &.button-alternative-2 {\n    background: $ui-base-lighter-color;\n\n    &:active,\n    &:focus,\n    &:hover {\n      background-color: lighten($ui-base-lighter-color, 4%);\n    }\n  }\n\n  &.button-secondary {\n    color: $darker-text-color;\n    background: transparent;\n    padding: 3px 15px;\n    border: 1px solid $ui-primary-color;\n\n    &:active,\n    &:focus,\n    &:hover {\n      border-color: lighten($ui-primary-color, 4%);\n      color: lighten($darker-text-color, 4%);\n    }\n\n    &:disabled {\n      opacity: 0.5;\n    }\n  }\n\n  &.button--block {\n    display: block;\n    width: 100%;\n  }\n}\n\n.column__wrapper {\n  display: flex;\n  flex: 1 1 auto;\n  position: relative;\n}\n\n.icon-button {\n  display: inline-block;\n  padding: 0;\n  color: $action-button-color;\n  border: 0;\n  border-radius: 4px;\n  background: transparent;\n  cursor: pointer;\n  transition: all 100ms ease-in;\n  transition-property: background-color, color;\n\n  &:hover,\n  &:active,\n  &:focus {\n    color: lighten($action-button-color, 7%);\n    background-color: rgba($action-button-color, 0.15);\n    transition: all 200ms ease-out;\n    transition-property: background-color, color;\n  }\n\n  &:focus {\n    background-color: rgba($action-button-color, 0.3);\n  }\n\n  &.disabled {\n    color: darken($action-button-color, 13%);\n    background-color: transparent;\n    cursor: default;\n  }\n\n  &.active {\n    color: $highlight-text-color;\n  }\n\n  &::-moz-focus-inner {\n    border: 0;\n  }\n\n  &::-moz-focus-inner,\n  &:focus,\n  &:active {\n    outline: 0 !important;\n  }\n\n  &.inverted {\n    color: $lighter-text-color;\n\n    &:hover,\n    &:active,\n    &:focus {\n      color: darken($lighter-text-color, 7%);\n      background-color: rgba($lighter-text-color, 0.15);\n    }\n\n    &:focus {\n      background-color: rgba($lighter-text-color, 0.3);\n    }\n\n    &.disabled {\n      color: lighten($lighter-text-color, 7%);\n      background-color: transparent;\n    }\n\n    &.active {\n      color: $highlight-text-color;\n\n      &.disabled {\n        color: lighten($highlight-text-color, 13%);\n      }\n    }\n  }\n\n  &.overlayed {\n    box-sizing: content-box;\n    background: rgba($base-overlay-background, 0.6);\n    color: rgba($primary-text-color, 0.7);\n    border-radius: 4px;\n    padding: 2px;\n\n    &:hover {\n      background: rgba($base-overlay-background, 0.9);\n    }\n  }\n}\n\n.text-icon-button {\n  color: $lighter-text-color;\n  border: 0;\n  border-radius: 4px;\n  background: transparent;\n  cursor: pointer;\n  font-weight: 600;\n  font-size: 11px;\n  padding: 0 3px;\n  line-height: 27px;\n  outline: 0;\n  transition: all 100ms ease-in;\n  transition-property: background-color, color;\n\n  &:hover,\n  &:active,\n  &:focus {\n    color: darken($lighter-text-color, 7%);\n    background-color: rgba($lighter-text-color, 0.15);\n    transition: all 200ms ease-out;\n    transition-property: background-color, color;\n  }\n\n  &:focus {\n    background-color: rgba($lighter-text-color, 0.3);\n  }\n\n  &.disabled {\n    color: lighten($lighter-text-color, 20%);\n    background-color: transparent;\n    cursor: default;\n  }\n\n  &.active {\n    color: $highlight-text-color;\n  }\n\n  &::-moz-focus-inner {\n    border: 0;\n  }\n\n  &::-moz-focus-inner,\n  &:focus,\n  &:active {\n    outline: 0 !important;\n  }\n}\n\n.dropdown-menu {\n  position: absolute;\n}\n\n.invisible {\n  font-size: 0;\n  line-height: 0;\n  display: inline-block;\n  width: 0;\n  height: 0;\n  position: absolute;\n\n  img,\n  svg {\n    margin: 0 !important;\n    border: 0 !important;\n    padding: 0 !important;\n    width: 0 !important;\n    height: 0 !important;\n  }\n}\n\n.ellipsis {\n  &::after {\n    content: \"…\";\n  }\n}\n\n.compose-form {\n  padding: 10px;\n\n  &__sensitive-button {\n    padding: 10px;\n    padding-top: 0;\n\n    font-size: 14px;\n    font-weight: 500;\n\n    &.active {\n      color: $highlight-text-color;\n    }\n\n    input[type=checkbox] {\n      display: none;\n    }\n\n    .checkbox {\n      display: inline-block;\n      position: relative;\n      border: 1px solid $ui-primary-color;\n      box-sizing: border-box;\n      width: 18px;\n      height: 18px;\n      flex: 0 0 auto;\n      margin-right: 10px;\n      top: -1px;\n      border-radius: 4px;\n      vertical-align: middle;\n\n      &.active {\n        border-color: $highlight-text-color;\n        background: $highlight-text-color;\n      }\n    }\n  }\n\n  .compose-form__warning {\n    color: $inverted-text-color;\n    margin-bottom: 10px;\n    background: $ui-primary-color;\n    box-shadow: 0 2px 6px rgba($base-shadow-color, 0.3);\n    padding: 8px 10px;\n    border-radius: 4px;\n    font-size: 13px;\n    font-weight: 400;\n\n    strong {\n      color: $inverted-text-color;\n      font-weight: 500;\n\n      @each $lang in $cjk-langs {\n        &:lang(#{$lang}) {\n          font-weight: 700;\n        }\n      }\n    }\n\n    a {\n      color: $lighter-text-color;\n      font-weight: 500;\n      text-decoration: underline;\n\n      &:hover,\n      &:active,\n      &:focus {\n        text-decoration: none;\n      }\n    }\n  }\n\n  .emoji-picker-dropdown {\n    position: absolute;\n    top: 0;\n    right: 0;\n  }\n\n  .compose-form__autosuggest-wrapper {\n    position: relative;\n  }\n\n  .autosuggest-textarea,\n  .autosuggest-input,\n  .spoiler-input {\n    position: relative;\n    width: 100%;\n  }\n\n  .spoiler-input {\n    height: 0;\n    transform-origin: bottom;\n    opacity: 0;\n\n    &.spoiler-input--visible {\n      height: 36px;\n      margin-bottom: 11px;\n      opacity: 1;\n    }\n  }\n\n  .autosuggest-textarea__textarea,\n  .spoiler-input__input {\n    display: block;\n    box-sizing: border-box;\n    width: 100%;\n    margin: 0;\n    color: $inverted-text-color;\n    background: $simple-background-color;\n    padding: 10px;\n    font-family: inherit;\n    font-size: 14px;\n    resize: vertical;\n    border: 0;\n    outline: 0;\n\n    &::placeholder {\n      color: $dark-text-color;\n    }\n\n    &:focus {\n      outline: 0;\n    }\n\n    @media screen and (max-width: 600px) {\n      font-size: 16px;\n    }\n  }\n\n  .spoiler-input__input {\n    border-radius: 4px;\n  }\n\n  .autosuggest-textarea__textarea {\n    min-height: 100px;\n    border-radius: 4px 4px 0 0;\n    padding-bottom: 0;\n    padding-right: 10px + 22px;\n    resize: none;\n    scrollbar-color: initial;\n\n    &::-webkit-scrollbar {\n      all: unset;\n    }\n\n    @media screen and (max-width: 600px) {\n      height: 100px !important; // prevent auto-resize textarea\n      resize: vertical;\n    }\n  }\n\n  .autosuggest-textarea__suggestions-wrapper {\n    position: relative;\n    height: 0;\n  }\n\n  .autosuggest-textarea__suggestions {\n    box-sizing: border-box;\n    display: none;\n    position: absolute;\n    top: 100%;\n    width: 100%;\n    z-index: 99;\n    box-shadow: 4px 4px 6px rgba($base-shadow-color, 0.4);\n    background: $ui-secondary-color;\n    border-radius: 0 0 4px 4px;\n    color: $inverted-text-color;\n    font-size: 14px;\n    padding: 6px;\n\n    &.autosuggest-textarea__suggestions--visible {\n      display: block;\n    }\n  }\n\n  .autosuggest-textarea__suggestions__item {\n    padding: 10px;\n    cursor: pointer;\n    border-radius: 4px;\n\n    &:hover,\n    &:focus,\n    &:active,\n    &.selected {\n      background: darken($ui-secondary-color, 10%);\n    }\n  }\n\n  .autosuggest-account,\n  .autosuggest-emoji,\n  .autosuggest-hashtag {\n    display: flex;\n    flex-direction: row;\n    align-items: center;\n    justify-content: flex-start;\n    line-height: 18px;\n    font-size: 14px;\n  }\n\n  .autosuggest-hashtag {\n    justify-content: space-between;\n\n    &__name {\n      flex: 1 1 auto;\n      overflow: hidden;\n      text-overflow: ellipsis;\n      white-space: nowrap;\n    }\n\n    strong {\n      font-weight: 500;\n    }\n\n    &__uses {\n      flex: 0 0 auto;\n      text-align: right;\n      overflow: hidden;\n      text-overflow: ellipsis;\n      white-space: nowrap;\n    }\n  }\n\n  .autosuggest-account-icon,\n  .autosuggest-emoji img {\n    display: block;\n    margin-right: 8px;\n    width: 16px;\n    height: 16px;\n  }\n\n  .autosuggest-account .display-name__account {\n    color: $lighter-text-color;\n  }\n\n  .compose-form__modifiers {\n    color: $inverted-text-color;\n    font-family: inherit;\n    font-size: 14px;\n    background: $simple-background-color;\n\n    .compose-form__upload-wrapper {\n      overflow: hidden;\n    }\n\n    .compose-form__uploads-wrapper {\n      display: flex;\n      flex-direction: row;\n      padding: 5px;\n      flex-wrap: wrap;\n    }\n\n    .compose-form__upload {\n      flex: 1 1 0;\n      min-width: 40%;\n      margin: 5px;\n\n      &__actions {\n        background: linear-gradient(180deg, rgba($base-shadow-color, 0.8) 0, rgba($base-shadow-color, 0.35) 80%, transparent);\n        display: flex;\n        align-items: flex-start;\n        justify-content: space-between;\n        opacity: 0;\n        transition: opacity .1s ease;\n\n        .icon-button {\n          flex: 0 1 auto;\n          color: $secondary-text-color;\n          font-size: 14px;\n          font-weight: 500;\n          padding: 10px;\n          font-family: inherit;\n\n          &:hover,\n          &:focus,\n          &:active {\n            color: lighten($secondary-text-color, 7%);\n          }\n        }\n\n        &.active {\n          opacity: 1;\n        }\n      }\n\n      &-description {\n        position: absolute;\n        z-index: 2;\n        bottom: 0;\n        left: 0;\n        right: 0;\n        box-sizing: border-box;\n        background: linear-gradient(0deg, rgba($base-shadow-color, 0.8) 0, rgba($base-shadow-color, 0.35) 80%, transparent);\n        padding: 10px;\n        opacity: 0;\n        transition: opacity .1s ease;\n\n        textarea {\n          background: transparent;\n          color: $secondary-text-color;\n          border: 0;\n          padding: 0;\n          margin: 0;\n          width: 100%;\n          font-family: inherit;\n          font-size: 14px;\n          font-weight: 500;\n\n          &:focus {\n            color: $white;\n          }\n\n          &::placeholder {\n            opacity: 0.75;\n            color: $secondary-text-color;\n          }\n        }\n\n        &.active {\n          opacity: 1;\n        }\n      }\n    }\n\n    .compose-form__upload-thumbnail {\n      border-radius: 4px;\n      background-color: $base-shadow-color;\n      background-position: center;\n      background-size: cover;\n      background-repeat: no-repeat;\n      height: 140px;\n      width: 100%;\n      overflow: hidden;\n    }\n  }\n\n  .compose-form__buttons-wrapper {\n    padding: 10px;\n    background: darken($simple-background-color, 8%);\n    border-radius: 0 0 4px 4px;\n    display: flex;\n    justify-content: space-between;\n    flex: 0 0 auto;\n\n    .compose-form__buttons {\n      display: flex;\n\n      .compose-form__upload-button-icon {\n        line-height: 27px;\n      }\n\n      .compose-form__sensitive-button {\n        display: none;\n\n        &.compose-form__sensitive-button--visible {\n          display: block;\n        }\n\n        .compose-form__sensitive-button__icon {\n          line-height: 27px;\n        }\n      }\n    }\n\n    .icon-button,\n    .text-icon-button {\n      box-sizing: content-box;\n      padding: 0 3px;\n    }\n\n    .character-counter__wrapper {\n      align-self: center;\n      margin-right: 4px;\n    }\n  }\n\n  .compose-form__publish {\n    display: flex;\n    justify-content: flex-end;\n    min-width: 0;\n    flex: 0 0 auto;\n\n    .compose-form__publish-button-wrapper {\n      overflow: hidden;\n      padding-top: 10px;\n    }\n  }\n}\n\n.character-counter {\n  cursor: default;\n  font-family: $font-sans-serif, sans-serif;\n  font-size: 14px;\n  font-weight: 600;\n  color: $lighter-text-color;\n\n  &.character-counter--over {\n    color: $warning-red;\n  }\n}\n\n.no-reduce-motion .spoiler-input {\n  transition: height 0.4s ease, opacity 0.4s ease;\n}\n\n.emojione {\n  font-size: inherit;\n  vertical-align: middle;\n  object-fit: contain;\n  margin: -.2ex .15em .2ex;\n  width: 16px;\n  height: 16px;\n\n  img {\n    width: auto;\n  }\n}\n\n.reply-indicator {\n  border-radius: 4px;\n  margin-bottom: 10px;\n  background: $ui-primary-color;\n  padding: 10px;\n  min-height: 23px;\n  overflow-y: auto;\n  flex: 0 2 auto;\n}\n\n.reply-indicator__header {\n  margin-bottom: 5px;\n  overflow: hidden;\n}\n\n.reply-indicator__cancel {\n  float: right;\n  line-height: 24px;\n}\n\n.reply-indicator__display-name {\n  color: $inverted-text-color;\n  display: block;\n  max-width: 100%;\n  line-height: 24px;\n  overflow: hidden;\n  padding-right: 25px;\n  text-decoration: none;\n}\n\n.reply-indicator__display-avatar {\n  float: left;\n  margin-right: 5px;\n}\n\n.status__content--with-action {\n  cursor: pointer;\n}\n\n.status__content,\n.reply-indicator__content {\n  position: relative;\n  font-size: 15px;\n  line-height: 20px;\n  word-wrap: break-word;\n  font-weight: 400;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  padding-top: 2px;\n  color: $primary-text-color;\n\n  &:focus {\n    outline: 0;\n  }\n\n  &.status__content--with-spoiler {\n    white-space: normal;\n\n    .status__content__text {\n      white-space: pre-wrap;\n    }\n  }\n\n  .emojione {\n    width: 20px;\n    height: 20px;\n    margin: -3px 0 0;\n  }\n\n  img {\n    max-width: 100%;\n    max-height: 400px;\n    object-fit: contain;\n  }\n\n  p {\n    margin-bottom: 20px;\n    white-space: pre-wrap;\n\n    &:last-child {\n      margin-bottom: 0;\n    }\n  }\n\n  a {\n    color: $pleroma-links;\n    text-decoration: none;\n\n    &:hover {\n      text-decoration: underline;\n\n      .fa {\n        color: lighten($dark-text-color, 7%);\n      }\n    }\n\n    &.mention {\n      &:hover {\n        text-decoration: none;\n\n        span {\n          text-decoration: underline;\n        }\n      }\n    }\n\n    .fa {\n      color: $dark-text-color;\n    }\n  }\n\n  a.unhandled-link {\n    color: lighten($ui-highlight-color, 8%);\n  }\n\n  .status__content__spoiler-link {\n    background: $action-button-color;\n\n    &:hover {\n      background: lighten($action-button-color, 7%);\n      text-decoration: none;\n    }\n\n    &::-moz-focus-inner {\n      border: 0;\n    }\n\n    &::-moz-focus-inner,\n    &:focus,\n    &:active {\n      outline: 0 !important;\n    }\n  }\n\n  .status__content__text {\n    display: none;\n\n    &.status__content__text--visible {\n      display: block;\n    }\n  }\n}\n\n.announcements__item__content {\n  word-wrap: break-word;\n  overflow-y: auto;\n\n  .emojione {\n    width: 20px;\n    height: 20px;\n    margin: -3px 0 0;\n  }\n\n  p {\n    margin-bottom: 10px;\n    white-space: pre-wrap;\n\n    &:last-child {\n      margin-bottom: 0;\n    }\n  }\n\n  a {\n    color: $secondary-text-color;\n    text-decoration: none;\n\n    &:hover {\n      text-decoration: underline;\n    }\n\n    &.mention {\n      &:hover {\n        text-decoration: none;\n\n        span {\n          text-decoration: underline;\n        }\n      }\n    }\n\n    &.unhandled-link {\n      color: lighten($ui-highlight-color, 8%);\n    }\n  }\n}\n\n.status__content.status__content--collapsed {\n  max-height: 20px * 15; // 15 lines is roughly above 500 characters\n}\n\n.status__content__read-more-button {\n  display: block;\n  font-size: 15px;\n  line-height: 20px;\n  color: lighten($ui-highlight-color, 8%);\n  border: 0;\n  background: transparent;\n  padding: 0;\n  padding-top: 8px;\n  text-decoration: none;\n\n  &:hover,\n  &:active {\n    text-decoration: underline;\n  }\n}\n\n.status__content__spoiler-link {\n  display: inline-block;\n  border-radius: 2px;\n  background: transparent;\n  border: 0;\n  color: $inverted-text-color;\n  font-weight: 700;\n  font-size: 11px;\n  padding: 0 6px;\n  text-transform: uppercase;\n  line-height: 20px;\n  cursor: pointer;\n  vertical-align: middle;\n}\n\n.status__wrapper--filtered {\n  color: $dark-text-color;\n  border: 0;\n  font-size: inherit;\n  text-align: center;\n  line-height: inherit;\n  margin: 0;\n  padding: 15px;\n  box-sizing: border-box;\n  width: 100%;\n  clear: both;\n  border-bottom: 1px solid lighten($ui-base-color, 8%);\n}\n\n.status__prepend-icon-wrapper {\n  left: -26px;\n  position: absolute;\n}\n\n.focusable {\n  &:focus {\n    outline: 0;\n    background: lighten($ui-base-color, 4%);\n\n    .status.status-direct {\n      background: lighten($ui-base-color, 12%);\n\n      &.muted {\n        background: transparent;\n      }\n    }\n\n    .detailed-status,\n    .detailed-status__action-bar {\n      background: lighten($ui-base-color, 8%);\n    }\n  }\n}\n\n.status {\n  padding: 8px 10px;\n  padding-left: 68px;\n  position: relative;\n  min-height: 54px;\n  border-bottom: 1px solid lighten($ui-base-color, 8%);\n  cursor: default;\n\n  @supports (-ms-overflow-style: -ms-autohiding-scrollbar) {\n    // Add margin to avoid Edge auto-hiding scrollbar appearing over content.\n    // On Edge 16 this is 16px and Edge <=15 it's 12px, so aim for 16px.\n    padding-right: 26px; // 10px + 16px\n  }\n\n  @keyframes fade {\n    0% { opacity: 0; }\n    100% { opacity: 1; }\n  }\n\n  opacity: 1;\n  animation: fade 150ms linear;\n\n  .video-player,\n  .audio-player {\n    margin-top: 8px;\n  }\n\n  &.status-direct:not(.read) {\n    background: lighten($ui-base-color, 8%);\n    border-bottom-color: lighten($ui-base-color, 12%);\n  }\n\n  &.light {\n    .status__relative-time {\n      color: $light-text-color;\n    }\n\n    .status__display-name {\n      color: $inverted-text-color;\n    }\n\n    .display-name {\n      color: $light-text-color;\n\n      strong {\n        color: $inverted-text-color;\n      }\n    }\n\n    .status__content {\n      color: $inverted-text-color;\n\n      a {\n        color: $highlight-text-color;\n      }\n\n      a.status__content__spoiler-link {\n        color: $primary-text-color;\n        background: $ui-primary-color;\n\n        &:hover {\n          background: lighten($ui-primary-color, 8%);\n        }\n      }\n    }\n  }\n}\n\n.notification-favourite {\n  .status.status-direct {\n    background: transparent;\n\n    .icon-button.disabled {\n      color: lighten($action-button-color, 13%);\n    }\n  }\n}\n\n.status__relative-time,\n.notification__relative_time {\n  color: $dark-text-color;\n  float: right;\n  font-size: 14px;\n}\n\n.status__display-name {\n  color: $dark-text-color;\n}\n\n.status__info .status__display-name {\n  display: block;\n  max-width: 100%;\n  padding-right: 25px;\n}\n\n.status__info {\n  font-size: 15px;\n}\n\n.status-check-box {\n  border-bottom: 1px solid $ui-secondary-color;\n  display: flex;\n\n  .status-check-box__status {\n    margin: 10px 0 10px 10px;\n    flex: 1;\n    overflow: hidden;\n\n    .media-gallery {\n      max-width: 250px;\n    }\n\n    .status__content {\n      padding: 0;\n      white-space: normal;\n    }\n\n    .video-player,\n    .audio-player {\n      margin-top: 8px;\n      max-width: 250px;\n    }\n\n    .media-gallery__item-thumbnail {\n      cursor: default;\n    }\n  }\n}\n\n.status-check-box-toggle {\n  align-items: center;\n  display: flex;\n  flex: 0 0 auto;\n  justify-content: center;\n  padding: 10px;\n}\n\n.status__prepend {\n  margin-left: 68px;\n  color: $dark-text-color;\n  padding: 8px 0;\n  padding-bottom: 2px;\n  font-size: 14px;\n  position: relative;\n\n  .status__display-name strong {\n    color: $dark-text-color;\n  }\n\n  > span {\n    display: block;\n    overflow: hidden;\n    text-overflow: ellipsis;\n  }\n}\n\n.status__action-bar {\n  align-items: center;\n  display: flex;\n  margin-top: 8px;\n\n  &__counter {\n    display: inline-flex;\n    margin-right: 11px;\n    align-items: center;\n\n    .status__action-bar-button {\n      margin-right: 4px;\n    }\n\n    &__label {\n      display: inline-block;\n      width: 14px;\n      font-size: 12px;\n      font-weight: 500;\n      color: $action-button-color;\n    }\n  }\n}\n\n.status__action-bar-button {\n  margin-right: 18px;\n}\n\n.status__action-bar-dropdown {\n  height: 23.15px;\n  width: 23.15px;\n}\n\n.detailed-status__action-bar-dropdown {\n  flex: 1 1 auto;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  position: relative;\n}\n\n.detailed-status {\n  background: lighten($ui-base-color, 4%);\n  padding: 14px 10px;\n\n  &--flex {\n    display: flex;\n    flex-wrap: wrap;\n    justify-content: space-between;\n    align-items: flex-start;\n\n    .status__content,\n    .detailed-status__meta {\n      flex: 100%;\n    }\n  }\n\n  .status__content {\n    font-size: 19px;\n    line-height: 24px;\n\n    .emojione {\n      width: 24px;\n      height: 24px;\n      margin: -1px 0 0;\n    }\n\n    .status__content__spoiler-link {\n      line-height: 24px;\n      margin: -1px 0 0;\n    }\n  }\n\n  .video-player,\n  .audio-player {\n    margin-top: 8px;\n  }\n}\n\n.detailed-status__meta {\n  margin-top: 15px;\n  color: $dark-text-color;\n  font-size: 14px;\n  line-height: 18px;\n}\n\n.detailed-status__action-bar {\n  background: lighten($ui-base-color, 4%);\n  border-top: 1px solid lighten($ui-base-color, 8%);\n  border-bottom: 1px solid lighten($ui-base-color, 8%);\n  display: flex;\n  flex-direction: row;\n  padding: 10px 0;\n}\n\n.detailed-status__link {\n  color: inherit;\n  text-decoration: none;\n}\n\n.detailed-status__favorites,\n.detailed-status__reblogs {\n  display: inline-block;\n  font-weight: 500;\n  font-size: 12px;\n  margin-left: 6px;\n}\n\n.reply-indicator__content {\n  color: $inverted-text-color;\n  font-size: 14px;\n\n  a {\n    color: $lighter-text-color;\n  }\n}\n\n.domain {\n  padding: 10px;\n  border-bottom: 1px solid lighten($ui-base-color, 8%);\n\n  .domain__domain-name {\n    flex: 1 1 auto;\n    display: block;\n    color: $primary-text-color;\n    text-decoration: none;\n    font-size: 14px;\n    font-weight: 500;\n  }\n}\n\n.domain__wrapper {\n  display: flex;\n}\n\n.domain_buttons {\n  height: 18px;\n  padding: 10px;\n  white-space: nowrap;\n}\n\n.account {\n  padding: 10px;\n  border-bottom: 1px solid lighten($ui-base-color, 8%);\n\n  &.compact {\n    padding: 0;\n    border-bottom: 0;\n\n    .account__avatar-wrapper {\n      margin-left: 0;\n    }\n  }\n\n  .account__display-name {\n    flex: 1 1 auto;\n    display: block;\n    color: $darker-text-color;\n    overflow: hidden;\n    text-decoration: none;\n    font-size: 14px;\n  }\n}\n\n.account__wrapper {\n  display: flex;\n}\n\n.account__avatar-wrapper {\n  float: left;\n  margin-left: 12px;\n  margin-right: 12px;\n}\n\n.account__avatar {\n  @include avatar-radius;\n  position: relative;\n\n  &-inline {\n    display: inline-block;\n    vertical-align: middle;\n    margin-right: 5px;\n  }\n\n  &-composite {\n    @include avatar-radius;\n    border-radius: 50%;\n    overflow: hidden;\n    position: relative;\n\n    & > div {\n      float: left;\n      position: relative;\n      box-sizing: border-box;\n    }\n\n    &__label {\n      display: block;\n      position: absolute;\n      top: 50%;\n      left: 50%;\n      transform: translate(-50%, -50%);\n      color: $primary-text-color;\n      text-shadow: 1px 1px 2px $base-shadow-color;\n      font-weight: 700;\n      font-size: 15px;\n    }\n  }\n}\n\na .account__avatar {\n  cursor: pointer;\n}\n\n.account__avatar-overlay {\n  @include avatar-size(48px);\n\n  &-base {\n    @include avatar-radius;\n    @include avatar-size(36px);\n  }\n\n  &-overlay {\n    @include avatar-radius;\n    @include avatar-size(24px);\n\n    position: absolute;\n    bottom: 0;\n    right: 0;\n    z-index: 1;\n  }\n}\n\n.account__relationship {\n  height: 18px;\n  padding: 10px;\n  white-space: nowrap;\n}\n\n.account__disclaimer {\n  padding: 10px;\n  border-top: 1px solid lighten($ui-base-color, 8%);\n  color: $dark-text-color;\n\n  strong {\n    font-weight: 500;\n\n    @each $lang in $cjk-langs {\n      &:lang(#{$lang}) {\n        font-weight: 700;\n      }\n    }\n  }\n\n  a {\n    font-weight: 500;\n    color: inherit;\n    text-decoration: underline;\n\n    &:hover,\n    &:focus,\n    &:active {\n      text-decoration: none;\n    }\n  }\n}\n\n.account__action-bar {\n  border-top: 1px solid lighten($ui-base-color, 8%);\n  border-bottom: 1px solid lighten($ui-base-color, 8%);\n  line-height: 36px;\n  overflow: hidden;\n  flex: 0 0 auto;\n  display: flex;\n}\n\n.account__action-bar-dropdown {\n  padding: 10px;\n\n  .icon-button {\n    vertical-align: middle;\n  }\n\n  .dropdown--active {\n    .dropdown__content.dropdown__right {\n      left: 6px;\n      right: initial;\n    }\n\n    &::after {\n      bottom: initial;\n      margin-left: 11px;\n      margin-top: -7px;\n      right: initial;\n    }\n  }\n}\n\n.account__action-bar-links {\n  display: flex;\n  flex: 1 1 auto;\n  line-height: 18px;\n  text-align: center;\n}\n\n.account__action-bar__tab {\n  text-decoration: none;\n  overflow: hidden;\n  flex: 0 1 100%;\n  border-right: 1px solid lighten($ui-base-color, 8%);\n  padding: 10px 0;\n  border-bottom: 4px solid transparent;\n\n  &.active {\n    border-bottom: 4px solid $ui-highlight-color;\n  }\n\n  & > span {\n    display: block;\n    text-transform: uppercase;\n    font-size: 11px;\n    color: $darker-text-color;\n  }\n\n  strong {\n    display: block;\n    font-size: 15px;\n    font-weight: 500;\n    color: $primary-text-color;\n\n    @each $lang in $cjk-langs {\n      &:lang(#{$lang}) {\n        font-weight: 700;\n      }\n    }\n  }\n}\n\n.account-authorize {\n  padding: 14px 10px;\n\n  .detailed-status__display-name {\n    display: block;\n    margin-bottom: 15px;\n    overflow: hidden;\n  }\n}\n\n.account-authorize__avatar {\n  float: left;\n  margin-right: 10px;\n}\n\n.status__display-name,\n.status__relative-time,\n.detailed-status__display-name,\n.detailed-status__datetime,\n.detailed-status__application,\n.account__display-name {\n  text-decoration: none;\n}\n\n.status__display-name,\n.account__display-name {\n  strong {\n    color: $primary-text-color;\n  }\n}\n\n.muted {\n  .emojione {\n    opacity: 0.5;\n  }\n}\n\n.status__display-name,\n.reply-indicator__display-name,\n.detailed-status__display-name,\na.account__display-name {\n  &:hover strong {\n    text-decoration: underline;\n  }\n}\n\n.account__display-name strong {\n  display: block;\n  overflow: hidden;\n  text-overflow: ellipsis;\n}\n\n.detailed-status__application,\n.detailed-status__datetime {\n  color: inherit;\n}\n\n.detailed-status .button.logo-button {\n  margin-bottom: 15px;\n}\n\n.detailed-status__display-name {\n  color: $secondary-text-color;\n  display: block;\n  line-height: 24px;\n  margin-bottom: 15px;\n  overflow: hidden;\n\n  strong,\n  span {\n    display: block;\n    text-overflow: ellipsis;\n    overflow: hidden;\n  }\n\n  strong {\n    font-size: 16px;\n    color: $primary-text-color;\n  }\n}\n\n.detailed-status__display-avatar {\n  float: left;\n  margin-right: 10px;\n}\n\n.status__avatar {\n  height: 48px;\n  left: 10px;\n  position: absolute;\n  top: 10px;\n  width: 48px;\n}\n\n.status__expand {\n  width: 68px;\n  position: absolute;\n  left: 0;\n  top: 0;\n  height: 100%;\n  cursor: pointer;\n}\n\n.muted {\n  .status__content,\n  .status__content p,\n  .status__content a {\n    color: $dark-text-color;\n  }\n\n  .status__display-name strong {\n    color: $dark-text-color;\n  }\n\n  .status__avatar {\n    opacity: 0.5;\n  }\n\n  a.status__content__spoiler-link {\n    background: $ui-base-lighter-color;\n    color: $inverted-text-color;\n\n    &:hover {\n      background: lighten($ui-base-lighter-color, 7%);\n      text-decoration: none;\n    }\n  }\n}\n\n.notification__message {\n  margin: 0 10px 0 68px;\n  padding: 8px 0 0;\n  cursor: default;\n  color: $darker-text-color;\n  font-size: 15px;\n  line-height: 22px;\n  position: relative;\n\n  .fa {\n    color: $highlight-text-color;\n  }\n\n  > span {\n    display: inline;\n    overflow: hidden;\n    text-overflow: ellipsis;\n  }\n}\n\n.notification__favourite-icon-wrapper {\n  left: -26px;\n  position: absolute;\n\n  .star-icon {\n    color: $gold-star;\n  }\n}\n\n.star-icon.active {\n  color: $gold-star;\n}\n\n.bookmark-icon.active {\n  color: $red-bookmark;\n}\n\n.no-reduce-motion .icon-button.star-icon {\n  &.activate {\n    & > .fa-star {\n      animation: spring-rotate-in 1s linear;\n    }\n  }\n\n  &.deactivate {\n    & > .fa-star {\n      animation: spring-rotate-out 1s linear;\n    }\n  }\n}\n\n.notification__display-name {\n  color: inherit;\n  font-weight: 500;\n  text-decoration: none;\n\n  &:hover {\n    color: $primary-text-color;\n    text-decoration: underline;\n  }\n}\n\n.notification__relative_time {\n  float: right;\n}\n\n.display-name {\n  display: block;\n  max-width: 100%;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n\n.display-name__html {\n  font-weight: 500;\n}\n\n.display-name__account {\n  font-size: 14px;\n}\n\n.status__relative-time,\n.detailed-status__datetime {\n  &:hover {\n    text-decoration: underline;\n  }\n}\n\n.image-loader {\n  position: relative;\n  width: 100%;\n  height: 100%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  flex-direction: column;\n\n  .image-loader__preview-canvas {\n    max-width: $media-modal-media-max-width;\n    max-height: $media-modal-media-max-height;\n    background: url('~images/void.png') repeat;\n    object-fit: contain;\n  }\n\n  .loading-bar {\n    position: relative;\n  }\n\n  &.image-loader--amorphous .image-loader__preview-canvas {\n    display: none;\n  }\n}\n\n.zoomable-image {\n  position: relative;\n  width: 100%;\n  height: 100%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n\n  img {\n    max-width: $media-modal-media-max-width;\n    max-height: $media-modal-media-max-height;\n    width: auto;\n    height: auto;\n    object-fit: contain;\n  }\n}\n\n.navigation-bar {\n  padding: 10px;\n  display: flex;\n  align-items: center;\n  flex-shrink: 0;\n  cursor: default;\n  color: $darker-text-color;\n\n  strong {\n    color: $secondary-text-color;\n  }\n\n  a {\n    color: inherit;\n  }\n\n  .permalink {\n    text-decoration: none;\n  }\n\n  .navigation-bar__actions {\n    position: relative;\n\n    .icon-button.close {\n      position: absolute;\n      pointer-events: none;\n      transform: scale(0, 1) translate(-100%, 0);\n      opacity: 0;\n    }\n\n    .compose__action-bar .icon-button {\n      pointer-events: auto;\n      transform: scale(1, 1) translate(0, 0);\n      opacity: 1;\n    }\n  }\n}\n\n.navigation-bar__profile {\n  flex: 1 1 auto;\n  margin-left: 8px;\n  line-height: 20px;\n  margin-top: -1px;\n  overflow: hidden;\n}\n\n.navigation-bar__profile-account {\n  display: block;\n  font-weight: 500;\n  overflow: hidden;\n  text-overflow: ellipsis;\n}\n\n.navigation-bar__profile-edit {\n  color: inherit;\n  text-decoration: none;\n}\n\n.dropdown {\n  display: inline-block;\n}\n\n.dropdown__content {\n  display: none;\n  position: absolute;\n}\n\n.dropdown-menu__separator {\n  border-bottom: 1px solid darken($ui-secondary-color, 8%);\n  margin: 5px 7px 6px;\n  height: 0;\n}\n\n.dropdown-menu {\n  background: $ui-secondary-color;\n  padding: 4px 0;\n  border-radius: 4px;\n  box-shadow: 2px 4px 15px rgba($base-shadow-color, 0.4);\n  z-index: 9999;\n\n  ul {\n    list-style: none;\n  }\n\n  &.left {\n    transform-origin: 100% 50%;\n  }\n\n  &.top {\n    transform-origin: 50% 100%;\n  }\n\n  &.bottom {\n    transform-origin: 50% 0;\n  }\n\n  &.right {\n    transform-origin: 0 50%;\n  }\n}\n\n.dropdown-menu__arrow {\n  position: absolute;\n  width: 0;\n  height: 0;\n  border: 0 solid transparent;\n\n  &.left {\n    right: -5px;\n    margin-top: -5px;\n    border-width: 5px 0 5px 5px;\n    border-left-color: $ui-secondary-color;\n  }\n\n  &.top {\n    bottom: -5px;\n    margin-left: -7px;\n    border-width: 5px 7px 0;\n    border-top-color: $ui-secondary-color;\n  }\n\n  &.bottom {\n    top: -5px;\n    margin-left: -7px;\n    border-width: 0 7px 5px;\n    border-bottom-color: $ui-secondary-color;\n  }\n\n  &.right {\n    left: -5px;\n    margin-top: -5px;\n    border-width: 5px 5px 5px 0;\n    border-right-color: $ui-secondary-color;\n  }\n}\n\n.dropdown-menu__item {\n  a {\n    font-size: 13px;\n    line-height: 18px;\n    display: block;\n    padding: 4px 14px;\n    box-sizing: border-box;\n    text-decoration: none;\n    background: $ui-secondary-color;\n    color: $inverted-text-color;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n\n    &:focus,\n    &:hover,\n    &:active {\n      background: $ui-highlight-color;\n      color: $secondary-text-color;\n      outline: 0;\n    }\n  }\n}\n\n.dropdown--active .dropdown__content {\n  display: block;\n  line-height: 18px;\n  max-width: 311px;\n  right: 0;\n  text-align: left;\n  z-index: 9999;\n\n  & > ul {\n    list-style: none;\n    background: $ui-secondary-color;\n    padding: 4px 0;\n    border-radius: 4px;\n    box-shadow: 0 0 15px rgba($base-shadow-color, 0.4);\n    min-width: 140px;\n    position: relative;\n  }\n\n  &.dropdown__right {\n    right: 0;\n  }\n\n  &.dropdown__left {\n    & > ul {\n      left: -98px;\n    }\n  }\n\n  & > ul > li > a {\n    font-size: 13px;\n    line-height: 18px;\n    display: block;\n    padding: 4px 14px;\n    box-sizing: border-box;\n    text-decoration: none;\n    background: $ui-secondary-color;\n    color: $inverted-text-color;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n\n    &:focus {\n      outline: 0;\n    }\n\n    &:hover {\n      background: $ui-highlight-color;\n      color: $secondary-text-color;\n    }\n  }\n}\n\n.dropdown__icon {\n  vertical-align: middle;\n}\n\n.columns-area {\n  display: flex;\n  flex: 1 1 auto;\n  flex-direction: row;\n  justify-content: flex-start;\n  overflow-x: auto;\n  position: relative;\n\n  &.unscrollable {\n    overflow-x: hidden;\n  }\n\n  &__panels {\n    display: flex;\n    justify-content: center;\n    width: 100%;\n    height: 100%;\n    min-height: 100vh;\n\n    &__pane {\n      height: 100%;\n      overflow: hidden;\n      pointer-events: none;\n      display: flex;\n      justify-content: flex-end;\n      min-width: 285px;\n\n      &--start {\n        justify-content: flex-start;\n      }\n\n      &__inner {\n        position: fixed;\n        width: 285px;\n        pointer-events: auto;\n        height: 100%;\n      }\n    }\n\n    &__main {\n      box-sizing: border-box;\n      width: 100%;\n      max-width: 600px;\n      flex: 0 0 auto;\n      display: flex;\n      flex-direction: column;\n\n      @media screen and (min-width: $no-gap-breakpoint) {\n        padding: 0 10px;\n      }\n    }\n  }\n}\n\n.tabs-bar__wrapper {\n  background: darken($ui-base-color, 8%);\n  position: sticky;\n  top: 0;\n  z-index: 2;\n  padding-top: 0;\n\n  @media screen and (min-width: $no-gap-breakpoint) {\n    padding-top: 10px;\n  }\n\n  .tabs-bar {\n    margin-bottom: 0;\n\n    @media screen and (min-width: $no-gap-breakpoint) {\n      margin-bottom: 10px;\n    }\n  }\n}\n\n.react-swipeable-view-container {\n  &,\n  .columns-area,\n  .drawer,\n  .column {\n    height: 100%;\n  }\n}\n\n.react-swipeable-view-container > * {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  height: 100%;\n}\n\n.column {\n  width: 350px;\n  position: relative;\n  box-sizing: border-box;\n  display: flex;\n  flex-direction: column;\n\n  > .scrollable {\n    background: $ui-base-color;\n    border-bottom-left-radius: 2px;\n    border-bottom-right-radius: 2px;\n  }\n}\n\n.ui {\n  flex: 0 0 auto;\n  display: flex;\n  flex-direction: column;\n  width: 100%;\n  height: 100%;\n}\n\n.drawer {\n  width: 330px;\n  box-sizing: border-box;\n  display: flex;\n  flex-direction: column;\n  overflow-y: hidden;\n}\n\n.drawer__tab {\n  display: block;\n  flex: 1 1 auto;\n  padding: 15px 5px 13px;\n  color: $darker-text-color;\n  text-decoration: none;\n  text-align: center;\n  font-size: 16px;\n  border-bottom: 2px solid transparent;\n}\n\n.column,\n.drawer {\n  flex: 1 1 auto;\n  overflow: hidden;\n}\n\n@media screen and (min-width: 631px) {\n  .columns-area {\n    padding: 0;\n  }\n\n  .column,\n  .drawer {\n    flex: 0 0 auto;\n    padding: 10px;\n    padding-left: 5px;\n    padding-right: 5px;\n\n    &:first-child {\n      padding-left: 10px;\n    }\n\n    &:last-child {\n      padding-right: 10px;\n    }\n  }\n\n  .columns-area > div {\n    .column,\n    .drawer {\n      padding-left: 5px;\n      padding-right: 5px;\n    }\n  }\n}\n\n.tabs-bar {\n  box-sizing: border-box;\n  display: flex;\n  background: lighten($ui-base-color, 8%);\n  flex: 0 0 auto;\n  overflow-y: auto;\n}\n\n.tabs-bar__link {\n  display: block;\n  flex: 1 1 auto;\n  padding: 15px 10px;\n  padding-bottom: 13px;\n  color: $primary-text-color;\n  text-decoration: none;\n  text-align: center;\n  font-size: 14px;\n  font-weight: 500;\n  border-bottom: 2px solid lighten($ui-base-color, 8%);\n  transition: all 50ms linear;\n  transition-property: border-bottom, background, color;\n\n  .fa {\n    font-weight: 400;\n    font-size: 16px;\n  }\n\n  &:hover,\n  &:focus,\n  &:active {\n    @media screen and (min-width: 631px) {\n      background: lighten($ui-base-color, 14%);\n      border-bottom-color: lighten($ui-base-color, 14%);\n    }\n  }\n\n  &.active {\n    border-bottom: 2px solid $highlight-text-color;\n    color: $highlight-text-color;\n  }\n\n  span {\n    margin-left: 5px;\n    display: none;\n  }\n}\n\n@media screen and (min-width: 600px) {\n  .tabs-bar__link {\n    span {\n      display: inline;\n    }\n  }\n}\n\n.columns-area--mobile {\n  flex-direction: column;\n  width: 100%;\n  height: 100%;\n  margin: 0 auto;\n\n  .column,\n  .drawer {\n    width: 100%;\n    height: 100%;\n    padding: 0;\n  }\n\n  .directory__list {\n    display: grid;\n    grid-gap: 10px;\n    grid-template-columns: minmax(0, 50%) minmax(0, 50%);\n\n    @media screen and (max-width: $no-gap-breakpoint) {\n      display: block;\n    }\n  }\n\n  .directory__card {\n    margin-bottom: 0;\n  }\n\n  .filter-form {\n    display: flex;\n  }\n\n  .autosuggest-textarea__textarea {\n    font-size: 16px;\n  }\n\n  .search__input {\n    line-height: 18px;\n    font-size: 16px;\n    padding: 15px;\n    padding-right: 30px;\n  }\n\n  .search__icon .fa {\n    top: 15px;\n  }\n\n  .scrollable {\n    overflow: visible;\n\n    @supports(display: grid) {\n      contain: content;\n    }\n  }\n\n  @media screen and (min-width: $no-gap-breakpoint) {\n    padding: 10px 0;\n    padding-top: 0;\n  }\n\n  @media screen and (min-width: 630px) {\n    .detailed-status {\n      padding: 15px;\n\n      .media-gallery,\n      .video-player,\n      .audio-player {\n        margin-top: 15px;\n      }\n    }\n\n    .account__header__bar {\n      padding: 5px 10px;\n    }\n\n    .navigation-bar,\n    .compose-form {\n      padding: 15px;\n    }\n\n    .compose-form .compose-form__publish .compose-form__publish-button-wrapper {\n      padding-top: 15px;\n    }\n\n    .status {\n      padding: 15px 15px 15px (48px + 15px * 2);\n      min-height: 48px + 2px;\n\n      &__avatar {\n        left: 15px;\n        top: 17px;\n      }\n\n      &__content {\n        padding-top: 5px;\n      }\n\n      &__prepend {\n        margin-left: 48px + 15px * 2;\n        padding-top: 15px;\n      }\n\n      &__prepend-icon-wrapper {\n        left: -32px;\n      }\n\n      .media-gallery,\n      &__action-bar,\n      .video-player,\n      .audio-player {\n        margin-top: 10px;\n      }\n    }\n\n    .account {\n      padding: 15px 10px;\n\n      &__header__bio {\n        margin: 0 -10px;\n      }\n    }\n\n    .notification {\n      &__message {\n        margin-left: 48px + 15px * 2;\n        padding-top: 15px;\n      }\n\n      &__favourite-icon-wrapper {\n        left: -32px;\n      }\n\n      .status {\n        padding-top: 8px;\n      }\n\n      .account {\n        padding-top: 8px;\n      }\n\n      .account__avatar-wrapper {\n        margin-left: 17px;\n        margin-right: 15px;\n      }\n    }\n  }\n}\n\n.floating-action-button {\n  position: fixed;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  width: 3.9375rem;\n  height: 3.9375rem;\n  bottom: 1.3125rem;\n  right: 1.3125rem;\n  background: darken($ui-highlight-color, 3%);\n  color: $white;\n  border-radius: 50%;\n  font-size: 21px;\n  line-height: 21px;\n  text-decoration: none;\n  box-shadow: 2px 3px 9px rgba($base-shadow-color, 0.4);\n\n  &:hover,\n  &:focus,\n  &:active {\n    background: lighten($ui-highlight-color, 7%);\n  }\n}\n\n@media screen and (min-width: $no-gap-breakpoint) {\n  .tabs-bar {\n    width: 100%;\n  }\n\n  .react-swipeable-view-container .columns-area--mobile {\n    height: calc(100% - 10px) !important;\n  }\n\n  .getting-started__wrapper,\n  .getting-started__trends,\n  .search {\n    margin-bottom: 10px;\n  }\n\n  .getting-started__panel {\n    margin: 10px 0;\n  }\n\n  .column,\n  .drawer {\n    min-width: 330px;\n  }\n}\n\n@media screen and (max-width: 600px + (285px * 1) + (10px * 1)) {\n  .columns-area__panels__pane--compositional {\n    display: none;\n  }\n}\n\n@media screen and (min-width: 600px + (285px * 1) + (10px * 1)) {\n  .floating-action-button,\n  .tabs-bar__link.optional {\n    display: none;\n  }\n\n  .search-page .search {\n    display: none;\n  }\n}\n\n@media screen and (max-width: 600px + (285px * 2) + (10px * 2)) {\n  .columns-area__panels__pane--navigational {\n    display: none;\n  }\n}\n\n@media screen and (min-width: 600px + (285px * 2) + (10px * 2)) {\n  .tabs-bar {\n    display: none;\n  }\n}\n\n.icon-with-badge {\n  position: relative;\n\n  &__badge {\n    position: absolute;\n    left: 9px;\n    top: -13px;\n    background: $ui-highlight-color;\n    border: 2px solid lighten($ui-base-color, 8%);\n    padding: 1px 6px;\n    border-radius: 6px;\n    font-size: 10px;\n    font-weight: 500;\n    line-height: 14px;\n    color: $primary-text-color;\n  }\n}\n\n.column-link--transparent .icon-with-badge__badge {\n  border-color: darken($ui-base-color, 8%);\n}\n\n.compose-panel {\n  width: 285px;\n  margin-top: 10px;\n  display: flex;\n  flex-direction: column;\n  height: calc(100% - 10px);\n  overflow-y: hidden;\n\n  .navigation-bar {\n    padding-top: 20px;\n    padding-bottom: 20px;\n    flex: 0 1 48px;\n    min-height: 20px;\n  }\n\n  .flex-spacer {\n    background: transparent;\n  }\n\n  .compose-form {\n    flex: 1;\n    overflow-y: hidden;\n    display: flex;\n    flex-direction: column;\n    min-height: 310px;\n    padding-bottom: 71px;\n    margin-bottom: -71px;\n  }\n\n  .compose-form__autosuggest-wrapper {\n    overflow-y: auto;\n    background-color: $white;\n    border-radius: 4px 4px 0 0;\n    flex: 0 1 auto;\n  }\n\n  .autosuggest-textarea__textarea {\n    overflow-y: hidden;\n  }\n\n  .compose-form__upload-thumbnail {\n    height: 80px;\n  }\n}\n\n.navigation-panel {\n  margin-top: 10px;\n  margin-bottom: 10px;\n  height: calc(100% - 20px);\n  overflow-y: auto;\n  display: flex;\n  flex-direction: column;\n\n  & > a {\n    flex: 0 0 auto;\n  }\n\n  hr {\n    flex: 0 0 auto;\n    border: 0;\n    background: transparent;\n    border-top: 1px solid lighten($ui-base-color, 4%);\n    margin: 10px 0;\n  }\n\n  .flex-spacer {\n    background: transparent;\n  }\n}\n\n.drawer__pager {\n  box-sizing: border-box;\n  padding: 0;\n  flex-grow: 1;\n  position: relative;\n  overflow: hidden;\n  display: flex;\n}\n\n.drawer__inner {\n  position: absolute;\n  top: 0;\n  left: 0;\n  background: lighten($ui-base-color, 13%);\n  box-sizing: border-box;\n  padding: 0;\n  display: flex;\n  flex-direction: column;\n  overflow: hidden;\n  overflow-y: auto;\n  width: 100%;\n  height: 100%;\n  border-radius: 2px;\n\n  &.darker {\n    background: $ui-base-color;\n  }\n}\n\n.drawer__inner__mastodon {\n  background: lighten($ui-base-color, 13%) url('data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 234.80078 31.757813\" width=\"234.80078\" height=\"31.757812\"><path d=\"M19.599609 0c-1.05 0-2.10039.375-2.90039 1.125L0 16.925781v14.832031h234.80078V17.025391l-16.5-15.900391c-1.6-1.5-4.20078-1.5-5.80078 0l-13.80078 13.099609c-1.6 1.5-4.19883 1.5-5.79883 0L179.09961 1.125c-1.6-1.5-4.19883-1.5-5.79883 0L159.5 14.224609c-1.6 1.5-4.20078 1.5-5.80078 0L139.90039 1.125c-1.6-1.5-4.20078-1.5-5.80078 0l-13.79883 13.099609c-1.6 1.5-4.20078 1.5-5.80078 0L100.69922 1.125c-1.600001-1.5-4.198829-1.5-5.798829 0l-13.59961 13.099609c-1.6 1.5-4.200781 1.5-5.800781 0L61.699219 1.125c-1.6-1.5-4.198828-1.5-5.798828 0L42.099609 14.224609c-1.6 1.5-4.198828 1.5-5.798828 0L22.5 1.125C21.7.375 20.649609 0 19.599609 0z\" fill=\"#{hex-color($ui-base-color)}\"/></svg>') no-repeat bottom / 100% auto;\n  flex: 1;\n  min-height: 47px;\n  display: none;\n\n  > img {\n    display: block;\n    object-fit: contain;\n    object-position: bottom left;\n    width: 85%;\n    height: 100%;\n    pointer-events: none;\n    user-drag: none;\n    user-select: none;\n  }\n\n  @media screen and (min-height: 640px) {\n    display: block;\n  }\n}\n\n.pseudo-drawer {\n  background: lighten($ui-base-color, 13%);\n  font-size: 13px;\n  text-align: left;\n}\n\n.drawer__header {\n  flex: 0 0 auto;\n  font-size: 16px;\n  background: lighten($ui-base-color, 8%);\n  margin-bottom: 10px;\n  display: flex;\n  flex-direction: row;\n  border-radius: 2px;\n\n  a {\n    transition: background 100ms ease-in;\n\n    &:hover {\n      background: lighten($ui-base-color, 3%);\n      transition: background 200ms ease-out;\n    }\n  }\n}\n\n.scrollable {\n  overflow-y: scroll;\n  overflow-x: hidden;\n  flex: 1 1 auto;\n  -webkit-overflow-scrolling: touch;\n\n  &.optionally-scrollable {\n    overflow-y: auto;\n  }\n\n  @supports(display: grid) { // hack to fix Chrome <57\n    contain: strict;\n  }\n\n  &--flex {\n    display: flex;\n    flex-direction: column;\n  }\n\n  &__append {\n    flex: 1 1 auto;\n    position: relative;\n    min-height: 120px;\n  }\n}\n\n.scrollable.fullscreen {\n  @supports(display: grid) { // hack to fix Chrome <57\n    contain: none;\n  }\n}\n\n.column-back-button {\n  box-sizing: border-box;\n  width: 100%;\n  background: lighten($ui-base-color, 4%);\n  color: $highlight-text-color;\n  cursor: pointer;\n  flex: 0 0 auto;\n  font-size: 16px;\n  line-height: inherit;\n  border: 0;\n  text-align: unset;\n  padding: 15px;\n  margin: 0;\n  z-index: 3;\n  outline: 0;\n\n  &:hover {\n    text-decoration: underline;\n  }\n}\n\n.column-header__back-button {\n  background: lighten($ui-base-color, 4%);\n  border: 0;\n  font-family: inherit;\n  color: $highlight-text-color;\n  cursor: pointer;\n  white-space: nowrap;\n  font-size: 16px;\n  padding: 0 5px 0 0;\n  z-index: 3;\n\n  &:hover {\n    text-decoration: underline;\n  }\n\n  &:last-child {\n    padding: 0 15px 0 0;\n  }\n}\n\n.column-back-button__icon {\n  display: inline-block;\n  margin-right: 5px;\n}\n\n.column-back-button--slim {\n  position: relative;\n}\n\n.column-back-button--slim-button {\n  cursor: pointer;\n  flex: 0 0 auto;\n  font-size: 16px;\n  padding: 15px;\n  position: absolute;\n  right: 0;\n  top: -48px;\n}\n\n.react-toggle {\n  display: inline-block;\n  position: relative;\n  cursor: pointer;\n  background-color: transparent;\n  border: 0;\n  padding: 0;\n  user-select: none;\n  -webkit-tap-highlight-color: rgba($base-overlay-background, 0);\n  -webkit-tap-highlight-color: transparent;\n}\n\n.react-toggle-screenreader-only {\n  border: 0;\n  clip: rect(0 0 0 0);\n  height: 1px;\n  margin: -1px;\n  overflow: hidden;\n  padding: 0;\n  position: absolute;\n  width: 1px;\n}\n\n.react-toggle--disabled {\n  cursor: not-allowed;\n  opacity: 0.5;\n  transition: opacity 0.25s;\n}\n\n.react-toggle-track {\n  width: 50px;\n  height: 24px;\n  padding: 0;\n  border-radius: 30px;\n  background-color: $ui-base-color;\n  transition: background-color 0.2s ease;\n}\n\n.react-toggle:hover:not(.react-toggle--disabled) .react-toggle-track {\n  background-color: darken($ui-base-color, 10%);\n}\n\n.react-toggle--checked .react-toggle-track {\n  background-color: $ui-highlight-color;\n}\n\n.react-toggle--checked:hover:not(.react-toggle--disabled) .react-toggle-track {\n  background-color: lighten($ui-highlight-color, 10%);\n}\n\n.react-toggle-track-check {\n  position: absolute;\n  width: 14px;\n  height: 10px;\n  top: 0;\n  bottom: 0;\n  margin-top: auto;\n  margin-bottom: auto;\n  line-height: 0;\n  left: 8px;\n  opacity: 0;\n  transition: opacity 0.25s ease;\n}\n\n.react-toggle--checked .react-toggle-track-check {\n  opacity: 1;\n  transition: opacity 0.25s ease;\n}\n\n.react-toggle-track-x {\n  position: absolute;\n  width: 10px;\n  height: 10px;\n  top: 0;\n  bottom: 0;\n  margin-top: auto;\n  margin-bottom: auto;\n  line-height: 0;\n  right: 10px;\n  opacity: 1;\n  transition: opacity 0.25s ease;\n}\n\n.react-toggle--checked .react-toggle-track-x {\n  opacity: 0;\n}\n\n.react-toggle-thumb {\n  position: absolute;\n  top: 1px;\n  left: 1px;\n  width: 22px;\n  height: 22px;\n  border: 1px solid $ui-base-color;\n  border-radius: 50%;\n  background-color: darken($simple-background-color, 2%);\n  box-sizing: border-box;\n  transition: all 0.25s ease;\n  transition-property: border-color, left;\n}\n\n.react-toggle--checked .react-toggle-thumb {\n  left: 27px;\n  border-color: $ui-highlight-color;\n}\n\n.column-link {\n  background: lighten($ui-base-color, 8%);\n  color: $primary-text-color;\n  display: block;\n  font-size: 16px;\n  padding: 15px;\n  text-decoration: none;\n\n  &:hover,\n  &:focus,\n  &:active {\n    background: lighten($ui-base-color, 11%);\n  }\n\n  &:focus {\n    outline: 0;\n  }\n\n  &--transparent {\n    background: transparent;\n    color: $ui-secondary-color;\n\n    &:hover,\n    &:focus,\n    &:active {\n      background: transparent;\n      color: $primary-text-color;\n    }\n\n    &.active {\n      color: $ui-highlight-color;\n    }\n  }\n}\n\n.column-link__icon {\n  display: inline-block;\n  margin-right: 5px;\n}\n\n.column-link__badge {\n  display: inline-block;\n  border-radius: 4px;\n  font-size: 12px;\n  line-height: 19px;\n  font-weight: 500;\n  background: $ui-base-color;\n  padding: 4px 8px;\n  margin: -6px 10px;\n}\n\n.column-subheading {\n  background: $ui-base-color;\n  color: $dark-text-color;\n  padding: 8px 20px;\n  font-size: 12px;\n  font-weight: 500;\n  text-transform: uppercase;\n  cursor: default;\n}\n\n.getting-started__wrapper,\n.getting-started,\n.flex-spacer {\n  background: $ui-base-color;\n}\n\n.flex-spacer {\n  flex: 1 1 auto;\n}\n\n.getting-started {\n  color: $dark-text-color;\n  overflow: auto;\n  border-bottom-left-radius: 2px;\n  border-bottom-right-radius: 2px;\n\n  &__wrapper,\n  &__panel,\n  &__footer {\n    height: min-content;\n  }\n\n  &__panel,\n  &__footer\n  {\n    padding: 10px;\n    padding-top: 20px;\n    flex-grow: 0;\n\n    ul {\n      margin-bottom: 10px;\n    }\n\n    ul li {\n      display: inline;\n    }\n\n    p {\n      font-size: 13px;\n\n      a {\n        color: $dark-text-color;\n        text-decoration: underline;\n      }\n    }\n\n    a {\n      text-decoration: none;\n      color: $darker-text-color;\n\n      &:hover,\n      &:focus,\n      &:active {\n        text-decoration: underline;\n      }\n    }\n  }\n\n  &__wrapper,\n  &__footer\n  {\n    color: $dark-text-color;\n  }\n\n  &__trends {\n    flex: 0 1 auto;\n    opacity: 1;\n    animation: fade 150ms linear;\n    margin-top: 10px;\n\n    h4 {\n      font-size: 12px;\n      text-transform: uppercase;\n      color: $darker-text-color;\n      padding: 10px;\n      font-weight: 500;\n      border-bottom: 1px solid lighten($ui-base-color, 8%);\n    }\n\n    @media screen and (max-height: 810px) {\n      .trends__item:nth-child(3) {\n        display: none;\n      }\n    }\n\n    @media screen and (max-height: 720px) {\n      .trends__item:nth-child(2) {\n        display: none;\n      }\n    }\n\n    @media screen and (max-height: 670px) {\n      display: none;\n    }\n\n    .trends__item {\n      border-bottom: 0;\n      padding: 10px;\n\n      &__current {\n        color: $darker-text-color;\n      }\n    }\n  }\n}\n\n.keyboard-shortcuts {\n  padding: 8px 0 0;\n  overflow: hidden;\n\n  thead {\n    position: absolute;\n    left: -9999px;\n  }\n\n  td {\n    padding: 0 10px 8px;\n  }\n\n  kbd {\n    display: inline-block;\n    padding: 3px 5px;\n    background-color: lighten($ui-base-color, 8%);\n    border: 1px solid darken($ui-base-color, 4%);\n  }\n}\n\n.setting-text {\n  display: block;\n  box-sizing: border-box;\n  width: 100%;\n  margin: 0;\n  color: $inverted-text-color;\n  background: $simple-background-color;\n  padding: 10px;\n  font-family: inherit;\n  font-size: 14px;\n  resize: vertical;\n  border: 0;\n  outline: 0;\n  border-radius: 4px;\n\n  &:focus {\n    outline: 0;\n  }\n\n  @media screen and (max-width: 600px) {\n    font-size: 16px;\n  }\n}\n\n.no-reduce-motion button.icon-button i.fa-retweet {\n  background-position: 0 0;\n  height: 19px;\n  transition: background-position 0.9s steps(10);\n  transition-duration: 0s;\n  vertical-align: middle;\n  width: 22px;\n\n  &::before {\n    display: none !important;\n  }\n\n}\n\n.no-reduce-motion button.icon-button.active i.fa-retweet {\n  transition-duration: 0.9s;\n  background-position: 0 100%;\n}\n\n.reduce-motion button.icon-button i.fa-retweet {\n  color: $action-button-color;\n  transition: color 100ms ease-in;\n}\n\n.reduce-motion button.icon-button.active i.fa-retweet {\n  color: $highlight-text-color;\n}\n\n.status-card {\n  display: flex;\n  font-size: 14px;\n  border: 1px solid lighten($ui-base-color, 8%);\n  border-radius: 4px;\n  color: $dark-text-color;\n  margin-top: 14px;\n  text-decoration: none;\n  overflow: hidden;\n\n  &__actions {\n    bottom: 0;\n    left: 0;\n    position: absolute;\n    right: 0;\n    top: 0;\n    display: flex;\n    justify-content: center;\n    align-items: center;\n\n    & > div {\n      background: rgba($base-shadow-color, 0.6);\n      border-radius: 8px;\n      padding: 12px 9px;\n      flex: 0 0 auto;\n      display: flex;\n      justify-content: center;\n      align-items: center;\n    }\n\n    button,\n    a {\n      display: inline;\n      color: $secondary-text-color;\n      background: transparent;\n      border: 0;\n      padding: 0 8px;\n      text-decoration: none;\n      font-size: 18px;\n      line-height: 18px;\n\n      &:hover,\n      &:active,\n      &:focus {\n        color: $primary-text-color;\n      }\n    }\n\n    a {\n      font-size: 19px;\n      position: relative;\n      bottom: -1px;\n    }\n  }\n}\n\na.status-card {\n  cursor: pointer;\n\n  &:hover {\n    background: lighten($ui-base-color, 8%);\n  }\n}\n\n.status-card-photo {\n  cursor: zoom-in;\n  display: block;\n  text-decoration: none;\n  width: 100%;\n  height: auto;\n  margin: 0;\n}\n\n.status-card-video {\n  iframe {\n    width: 100%;\n    height: 100%;\n  }\n}\n\n.status-card__title {\n  display: block;\n  font-weight: 500;\n  margin-bottom: 5px;\n  color: $darker-text-color;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  text-decoration: none;\n}\n\n.status-card__content {\n  flex: 1 1 auto;\n  overflow: hidden;\n  padding: 14px 14px 14px 8px;\n}\n\n.status-card__description {\n  color: $darker-text-color;\n}\n\n.status-card__host {\n  display: block;\n  margin-top: 5px;\n  font-size: 13px;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n\n.status-card__image {\n  flex: 0 0 100px;\n  background: lighten($ui-base-color, 8%);\n  position: relative;\n\n  & > .fa {\n    font-size: 21px;\n    position: absolute;\n    transform-origin: 50% 50%;\n    top: 50%;\n    left: 50%;\n    transform: translate(-50%, -50%);\n  }\n}\n\n.status-card.horizontal {\n  display: block;\n\n  .status-card__image {\n    width: 100%;\n  }\n\n  .status-card__image-image {\n    border-radius: 4px 4px 0 0;\n  }\n\n  .status-card__title {\n    white-space: inherit;\n  }\n}\n\n.status-card.compact {\n  border-color: lighten($ui-base-color, 4%);\n\n  &.interactive {\n    border: 0;\n  }\n\n  .status-card__content {\n    padding: 8px;\n    padding-top: 10px;\n  }\n\n  .status-card__title {\n    white-space: nowrap;\n  }\n\n  .status-card__image {\n    flex: 0 0 60px;\n  }\n}\n\na.status-card.compact:hover {\n  background-color: lighten($ui-base-color, 4%);\n}\n\n.status-card__image-image {\n  border-radius: 4px 0 0 4px;\n  display: block;\n  margin: 0;\n  width: 100%;\n  height: 100%;\n  object-fit: cover;\n  background-size: cover;\n  background-position: center center;\n}\n\n.load-more {\n  display: block;\n  color: $dark-text-color;\n  background-color: transparent;\n  border: 0;\n  font-size: inherit;\n  text-align: center;\n  line-height: inherit;\n  margin: 0;\n  padding: 15px;\n  box-sizing: border-box;\n  width: 100%;\n  clear: both;\n  text-decoration: none;\n\n  &:hover {\n    background: lighten($ui-base-color, 2%);\n  }\n}\n\n.load-gap {\n  border-bottom: 1px solid lighten($ui-base-color, 8%);\n}\n\n.regeneration-indicator {\n  text-align: center;\n  font-size: 16px;\n  font-weight: 500;\n  color: $dark-text-color;\n  background: $ui-base-color;\n  cursor: default;\n  display: flex;\n  flex: 1 1 auto;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  padding: 20px;\n\n  &__figure {\n    &,\n    img {\n      display: block;\n      width: auto;\n      height: 160px;\n      margin: 0;\n    }\n  }\n\n  &--without-header {\n    padding-top: 20px + 48px;\n  }\n\n  &__label {\n    margin-top: 30px;\n\n    strong {\n      display: block;\n      margin-bottom: 10px;\n      color: $dark-text-color;\n    }\n\n    span {\n      font-size: 15px;\n      font-weight: 400;\n    }\n  }\n}\n\n.column-header__wrapper {\n  position: relative;\n  flex: 0 0 auto;\n  z-index: 1;\n\n  &.active {\n    box-shadow: 0 1px 0 rgba($highlight-text-color, 0.3);\n\n    &::before {\n      display: block;\n      content: \"\";\n      position: absolute;\n      bottom: -13px;\n      left: 0;\n      right: 0;\n      margin: 0 auto;\n      width: 60%;\n      pointer-events: none;\n      height: 28px;\n      z-index: 1;\n      background: radial-gradient(ellipse, rgba($ui-highlight-color, 0.23) 0%, rgba($ui-highlight-color, 0) 60%);\n    }\n  }\n\n  .announcements {\n    z-index: 1;\n    position: relative;\n  }\n}\n\n.column-header {\n  display: flex;\n  font-size: 16px;\n  background: lighten($ui-base-color, 4%);\n  flex: 0 0 auto;\n  cursor: pointer;\n  position: relative;\n  z-index: 2;\n  outline: 0;\n  overflow: hidden;\n  border-top-left-radius: 2px;\n  border-top-right-radius: 2px;\n\n  & > button {\n    margin: 0;\n    border: 0;\n    padding: 15px 0 15px 15px;\n    color: inherit;\n    background: transparent;\n    font: inherit;\n    text-align: left;\n    text-overflow: ellipsis;\n    overflow: hidden;\n    white-space: nowrap;\n    flex: 1;\n  }\n\n  & > .column-header__back-button {\n    color: $highlight-text-color;\n  }\n\n  &.active {\n    .column-header__icon {\n      color: $highlight-text-color;\n      text-shadow: 0 0 10px rgba($highlight-text-color, 0.4);\n    }\n  }\n\n  &:focus,\n  &:active {\n    outline: 0;\n  }\n}\n\n.column-header__buttons {\n  height: 48px;\n  display: flex;\n}\n\n.column-header__links {\n  margin-bottom: 14px;\n}\n\n.column-header__links .text-btn {\n  margin-right: 10px;\n}\n\n.column-header__button {\n  background: lighten($ui-base-color, 4%);\n  border: 0;\n  color: $darker-text-color;\n  cursor: pointer;\n  font-size: 16px;\n  padding: 0 15px;\n\n  &:hover {\n    color: lighten($darker-text-color, 7%);\n  }\n\n  &.active {\n    color: $primary-text-color;\n    background: lighten($ui-base-color, 8%);\n\n    &:hover {\n      color: $primary-text-color;\n      background: lighten($ui-base-color, 8%);\n    }\n  }\n}\n\n.column-header__collapsible {\n  max-height: 70vh;\n  overflow: hidden;\n  overflow-y: auto;\n  color: $darker-text-color;\n  transition: max-height 150ms ease-in-out, opacity 300ms linear;\n  opacity: 1;\n  z-index: 1;\n  position: relative;\n\n  &.collapsed {\n    max-height: 0;\n    opacity: 0.5;\n  }\n\n  &.animating {\n    overflow-y: hidden;\n  }\n\n  hr {\n    height: 0;\n    background: transparent;\n    border: 0;\n    border-top: 1px solid lighten($ui-base-color, 12%);\n    margin: 10px 0;\n  }\n}\n\n.column-header__collapsible-inner {\n  background: lighten($ui-base-color, 8%);\n  padding: 15px;\n}\n\n.column-header__setting-btn {\n  &:hover {\n    color: $darker-text-color;\n    text-decoration: underline;\n  }\n}\n\n.column-header__setting-arrows {\n  float: right;\n\n  .column-header__setting-btn {\n    padding: 0 10px;\n\n    &:last-child {\n      padding-right: 0;\n    }\n  }\n}\n\n.text-btn {\n  display: inline-block;\n  padding: 0;\n  font-family: inherit;\n  font-size: inherit;\n  color: inherit;\n  border: 0;\n  background: transparent;\n  cursor: pointer;\n}\n\n.column-header__icon {\n  display: inline-block;\n  margin-right: 5px;\n}\n\n.loading-indicator {\n  color: $dark-text-color;\n  font-size: 12px;\n  font-weight: 400;\n  text-transform: uppercase;\n  overflow: visible;\n  position: absolute;\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n\n  span {\n    display: block;\n    float: left;\n    margin-left: 50%;\n    transform: translateX(-50%);\n    margin: 82px 0 0 50%;\n    white-space: nowrap;\n  }\n}\n\n.loading-indicator__figure {\n  position: absolute;\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n  width: 42px;\n  height: 42px;\n  box-sizing: border-box;\n  background-color: transparent;\n  border: 0 solid lighten($ui-base-color, 26%);\n  border-width: 6px;\n  border-radius: 50%;\n}\n\n.no-reduce-motion .loading-indicator span {\n  animation: loader-label 1.15s infinite cubic-bezier(0.215, 0.61, 0.355, 1);\n}\n\n.no-reduce-motion .loading-indicator__figure {\n  animation: loader-figure 1.15s infinite cubic-bezier(0.215, 0.61, 0.355, 1);\n}\n\n@keyframes spring-rotate-in {\n  0% {\n    transform: rotate(0deg);\n  }\n\n  30% {\n    transform: rotate(-484.8deg);\n  }\n\n  60% {\n    transform: rotate(-316.7deg);\n  }\n\n  90% {\n    transform: rotate(-375deg);\n  }\n\n  100% {\n    transform: rotate(-360deg);\n  }\n}\n\n@keyframes spring-rotate-out {\n  0% {\n    transform: rotate(-360deg);\n  }\n\n  30% {\n    transform: rotate(124.8deg);\n  }\n\n  60% {\n    transform: rotate(-43.27deg);\n  }\n\n  90% {\n    transform: rotate(15deg);\n  }\n\n  100% {\n    transform: rotate(0deg);\n  }\n}\n\n@keyframes loader-figure {\n  0% {\n    width: 0;\n    height: 0;\n    background-color: lighten($ui-base-color, 26%);\n  }\n\n  29% {\n    background-color: lighten($ui-base-color, 26%);\n  }\n\n  30% {\n    width: 42px;\n    height: 42px;\n    background-color: transparent;\n    border-width: 21px;\n    opacity: 1;\n  }\n\n  100% {\n    width: 42px;\n    height: 42px;\n    border-width: 0;\n    opacity: 0;\n    background-color: transparent;\n  }\n}\n\n@keyframes loader-label {\n  0% { opacity: 0.25; }\n  30% { opacity: 1; }\n  100% { opacity: 0.25; }\n}\n\n.video-error-cover {\n  align-items: center;\n  background: $base-overlay-background;\n  color: $primary-text-color;\n  cursor: pointer;\n  display: flex;\n  flex-direction: column;\n  height: 100%;\n  justify-content: center;\n  margin-top: 8px;\n  position: relative;\n  text-align: center;\n  z-index: 100;\n}\n\n.media-spoiler {\n  background: $base-overlay-background;\n  color: $darker-text-color;\n  border: 0;\n  padding: 0;\n  width: 100%;\n  height: 100%;\n  border-radius: 4px;\n  appearance: none;\n\n  &:hover,\n  &:active,\n  &:focus {\n    padding: 0;\n    color: lighten($darker-text-color, 8%);\n  }\n}\n\n.media-spoiler__warning {\n  display: block;\n  font-size: 14px;\n}\n\n.media-spoiler__trigger {\n  display: block;\n  font-size: 11px;\n  font-weight: 700;\n}\n\n.spoiler-button {\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  position: absolute;\n  z-index: 100;\n\n  &--minified {\n    display: block;\n    left: 4px;\n    top: 4px;\n    width: auto;\n    height: auto;\n  }\n\n  &--click-thru {\n    pointer-events: none;\n  }\n\n  &--hidden {\n    display: none;\n  }\n\n  &__overlay {\n    display: block;\n    background: transparent;\n    width: 100%;\n    height: 100%;\n    border: 0;\n\n    &__label {\n      display: inline-block;\n      background: rgba($base-overlay-background, 0.5);\n      border-radius: 8px;\n      padding: 8px 12px;\n      color: $primary-text-color;\n      font-weight: 500;\n      font-size: 14px;\n    }\n\n    &:hover,\n    &:focus,\n    &:active {\n      .spoiler-button__overlay__label {\n        background: rgba($base-overlay-background, 0.8);\n      }\n    }\n\n    &:disabled {\n      .spoiler-button__overlay__label {\n        background: rgba($base-overlay-background, 0.5);\n      }\n    }\n  }\n}\n\n.modal-container--preloader {\n  background: lighten($ui-base-color, 8%);\n}\n\n.account--panel {\n  background: lighten($ui-base-color, 4%);\n  border-top: 1px solid lighten($ui-base-color, 8%);\n  border-bottom: 1px solid lighten($ui-base-color, 8%);\n  display: flex;\n  flex-direction: row;\n  padding: 10px 0;\n}\n\n.account--panel__button,\n.detailed-status__button {\n  flex: 1 1 auto;\n  text-align: center;\n}\n\n.column-settings__outer {\n  background: lighten($ui-base-color, 8%);\n  padding: 15px;\n}\n\n.column-settings__section {\n  color: $darker-text-color;\n  cursor: default;\n  display: block;\n  font-weight: 500;\n  margin-bottom: 10px;\n}\n\n.column-settings__hashtags {\n  .column-settings__row {\n    margin-bottom: 15px;\n  }\n\n  .column-select {\n    &__control {\n      @include search-input;\n\n      &::placeholder {\n        color: lighten($darker-text-color, 4%);\n      }\n\n      &::-moz-focus-inner {\n        border: 0;\n      }\n\n      &::-moz-focus-inner,\n      &:focus,\n      &:active {\n        outline: 0 !important;\n      }\n\n      &:focus {\n        background: lighten($ui-base-color, 4%);\n      }\n\n      @media screen and (max-width: 600px) {\n        font-size: 16px;\n      }\n    }\n\n    &__placeholder {\n      color: $dark-text-color;\n      padding-left: 2px;\n      font-size: 12px;\n    }\n\n    &__value-container {\n      padding-left: 6px;\n    }\n\n    &__multi-value {\n      background: lighten($ui-base-color, 8%);\n\n      &__remove {\n        cursor: pointer;\n\n        &:hover,\n        &:active,\n        &:focus {\n          background: lighten($ui-base-color, 12%);\n          color: lighten($darker-text-color, 4%);\n        }\n      }\n    }\n\n    &__multi-value__label,\n    &__input {\n      color: $darker-text-color;\n    }\n\n    &__clear-indicator,\n    &__dropdown-indicator {\n      cursor: pointer;\n      transition: none;\n      color: $dark-text-color;\n\n      &:hover,\n      &:active,\n      &:focus {\n        color: lighten($dark-text-color, 4%);\n      }\n    }\n\n    &__indicator-separator {\n      background-color: lighten($ui-base-color, 8%);\n    }\n\n    &__menu {\n      @include search-popout;\n      padding: 0;\n      background: $ui-secondary-color;\n    }\n\n    &__menu-list {\n      padding: 6px;\n    }\n\n    &__option {\n      color: $inverted-text-color;\n      border-radius: 4px;\n      font-size: 14px;\n\n      &--is-focused,\n      &--is-selected {\n        background: darken($ui-secondary-color, 10%);\n      }\n    }\n  }\n}\n\n.column-settings__row {\n  .text-btn {\n    margin-bottom: 15px;\n  }\n}\n\n.relationship-tag {\n  color: $primary-text-color;\n  margin-bottom: 4px;\n  display: block;\n  vertical-align: top;\n  background-color: $base-overlay-background;\n  text-transform: uppercase;\n  font-size: 11px;\n  font-weight: 500;\n  padding: 4px;\n  border-radius: 4px;\n  opacity: 0.7;\n\n  &:hover {\n    opacity: 1;\n  }\n}\n\n.setting-toggle {\n  display: block;\n  line-height: 24px;\n}\n\n.setting-toggle__label {\n  color: $darker-text-color;\n  display: inline-block;\n  margin-bottom: 14px;\n  margin-left: 8px;\n  vertical-align: middle;\n}\n\n.empty-column-indicator,\n.error-column,\n.follow_requests-unlocked_explanation {\n  color: $dark-text-color;\n  background: $ui-base-color;\n  text-align: center;\n  padding: 20px;\n  font-size: 15px;\n  font-weight: 400;\n  cursor: default;\n  display: flex;\n  flex: 1 1 auto;\n  align-items: center;\n  justify-content: center;\n\n  @supports(display: grid) { // hack to fix Chrome <57\n    contain: strict;\n  }\n\n  & > span {\n    max-width: 400px;\n  }\n\n  a {\n    color: $highlight-text-color;\n    text-decoration: none;\n\n    &:hover {\n      text-decoration: underline;\n    }\n  }\n}\n\n.follow_requests-unlocked_explanation {\n  background: darken($ui-base-color, 4%);\n  contain: initial;\n}\n\n.error-column {\n  flex-direction: column;\n}\n\n@keyframes heartbeat {\n  from {\n    transform: scale(1);\n    animation-timing-function: ease-out;\n  }\n\n  10% {\n    transform: scale(0.91);\n    animation-timing-function: ease-in;\n  }\n\n  17% {\n    transform: scale(0.98);\n    animation-timing-function: ease-out;\n  }\n\n  33% {\n    transform: scale(0.87);\n    animation-timing-function: ease-in;\n  }\n\n  45% {\n    transform: scale(1);\n    animation-timing-function: ease-out;\n  }\n}\n\n.no-reduce-motion .pulse-loading {\n  transform-origin: center center;\n  animation: heartbeat 1.5s ease-in-out infinite both;\n}\n\n@keyframes shake-bottom {\n  0%,\n  100% {\n    transform: rotate(0deg);\n    transform-origin: 50% 100%;\n  }\n\n  10% {\n    transform: rotate(2deg);\n  }\n\n  20%,\n  40%,\n  60% {\n    transform: rotate(-4deg);\n  }\n\n  30%,\n  50%,\n  70% {\n    transform: rotate(4deg);\n  }\n\n  80% {\n    transform: rotate(-2deg);\n  }\n\n  90% {\n    transform: rotate(2deg);\n  }\n}\n\n.no-reduce-motion .shake-bottom {\n  transform-origin: 50% 100%;\n  animation: shake-bottom 0.8s cubic-bezier(0.455, 0.03, 0.515, 0.955) 2s 2 both;\n}\n\n.emoji-picker-dropdown__menu {\n  background: $simple-background-color;\n  position: absolute;\n  box-shadow: 4px 4px 6px rgba($base-shadow-color, 0.4);\n  border-radius: 4px;\n  margin-top: 5px;\n  z-index: 2;\n\n  .emoji-mart-scroll {\n    transition: opacity 200ms ease;\n  }\n\n  &.selecting .emoji-mart-scroll {\n    opacity: 0.5;\n  }\n}\n\n.emoji-picker-dropdown__modifiers {\n  position: absolute;\n  top: 60px;\n  right: 11px;\n  cursor: pointer;\n}\n\n.emoji-picker-dropdown__modifiers__menu {\n  position: absolute;\n  z-index: 4;\n  top: -4px;\n  left: -8px;\n  background: $simple-background-color;\n  border-radius: 4px;\n  box-shadow: 1px 2px 6px rgba($base-shadow-color, 0.2);\n  overflow: hidden;\n\n  button {\n    display: block;\n    cursor: pointer;\n    border: 0;\n    padding: 4px 8px;\n    background: transparent;\n\n    &:hover,\n    &:focus,\n    &:active {\n      background: rgba($ui-secondary-color, 0.4);\n    }\n  }\n\n  .emoji-mart-emoji {\n    height: 22px;\n  }\n}\n\n.emoji-mart-emoji {\n  span {\n    background-repeat: no-repeat;\n  }\n}\n\n.upload-area {\n  align-items: center;\n  background: rgba($base-overlay-background, 0.8);\n  display: flex;\n  height: 100%;\n  justify-content: center;\n  left: 0;\n  opacity: 0;\n  position: absolute;\n  top: 0;\n  visibility: hidden;\n  width: 100%;\n  z-index: 2000;\n\n  * {\n    pointer-events: none;\n  }\n}\n\n.upload-area__drop {\n  width: 320px;\n  height: 160px;\n  display: flex;\n  box-sizing: border-box;\n  position: relative;\n  padding: 8px;\n}\n\n.upload-area__background {\n  position: absolute;\n  top: 0;\n  right: 0;\n  bottom: 0;\n  left: 0;\n  z-index: -1;\n  border-radius: 4px;\n  background: $ui-base-color;\n  box-shadow: 0 0 5px rgba($base-shadow-color, 0.2);\n}\n\n.upload-area__content {\n  flex: 1;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  color: $secondary-text-color;\n  font-size: 18px;\n  font-weight: 500;\n  border: 2px dashed $ui-base-lighter-color;\n  border-radius: 4px;\n}\n\n.upload-progress {\n  padding: 10px;\n  color: $lighter-text-color;\n  overflow: hidden;\n  display: flex;\n\n  .fa {\n    font-size: 34px;\n    margin-right: 10px;\n  }\n\n  span {\n    font-size: 12px;\n    text-transform: uppercase;\n    font-weight: 500;\n    display: block;\n  }\n}\n\n.upload-progess__message {\n  flex: 1 1 auto;\n}\n\n.upload-progress__backdrop {\n  width: 100%;\n  height: 6px;\n  border-radius: 6px;\n  background: $ui-base-lighter-color;\n  position: relative;\n  margin-top: 5px;\n}\n\n.upload-progress__tracker {\n  position: absolute;\n  left: 0;\n  top: 0;\n  height: 6px;\n  background: $ui-highlight-color;\n  border-radius: 6px;\n}\n\n.emoji-button {\n  display: block;\n  padding: 5px 5px 2px 2px;\n  outline: 0;\n  cursor: pointer;\n\n  &:active,\n  &:focus {\n    outline: 0 !important;\n  }\n\n  img {\n    filter: grayscale(100%);\n    opacity: 0.8;\n    display: block;\n    margin: 0;\n    width: 22px;\n    height: 22px;\n  }\n\n  &:hover,\n  &:active,\n  &:focus {\n    img {\n      opacity: 1;\n      filter: none;\n    }\n  }\n}\n\n.dropdown--active .emoji-button img {\n  opacity: 1;\n  filter: none;\n}\n\n.privacy-dropdown__dropdown {\n  position: absolute;\n  background: $simple-background-color;\n  box-shadow: 2px 4px 15px rgba($base-shadow-color, 0.4);\n  border-radius: 4px;\n  margin-left: 40px;\n  overflow: hidden;\n\n  &.top {\n    transform-origin: 50% 100%;\n  }\n\n  &.bottom {\n    transform-origin: 50% 0;\n  }\n}\n\n.privacy-dropdown__option {\n  color: $inverted-text-color;\n  padding: 10px;\n  cursor: pointer;\n  display: flex;\n\n  &:hover,\n  &.active {\n    background: $ui-highlight-color;\n    color: $primary-text-color;\n    outline: 0;\n\n    .privacy-dropdown__option__content {\n      color: $primary-text-color;\n\n      strong {\n        color: $primary-text-color;\n      }\n    }\n  }\n\n  &.active:hover {\n    background: lighten($ui-highlight-color, 4%);\n  }\n}\n\n.privacy-dropdown__option__icon {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  margin-right: 10px;\n}\n\n.privacy-dropdown__option__content {\n  flex: 1 1 auto;\n  color: $lighter-text-color;\n\n  strong {\n    font-weight: 500;\n    display: block;\n    color: $inverted-text-color;\n\n    @each $lang in $cjk-langs {\n      &:lang(#{$lang}) {\n        font-weight: 700;\n      }\n    }\n  }\n}\n\n.privacy-dropdown.active {\n  .privacy-dropdown__value {\n    background: $simple-background-color;\n    border-radius: 4px 4px 0 0;\n    box-shadow: 0 -4px 4px rgba($base-shadow-color, 0.1);\n\n    .icon-button {\n      transition: none;\n    }\n\n    &.active {\n      background: $ui-highlight-color;\n\n      .icon-button {\n        color: $primary-text-color;\n      }\n    }\n  }\n\n  &.top .privacy-dropdown__value {\n    border-radius: 0 0 4px 4px;\n  }\n\n  .privacy-dropdown__dropdown {\n    display: block;\n    box-shadow: 2px 4px 6px rgba($base-shadow-color, 0.1);\n  }\n}\n\n.search {\n  position: relative;\n}\n\n.search__input {\n  @include search-input;\n\n  display: block;\n  padding: 15px;\n  padding-right: 30px;\n  line-height: 18px;\n  font-size: 16px;\n\n  &::placeholder {\n    color: lighten($darker-text-color, 4%);\n  }\n\n  &::-moz-focus-inner {\n    border: 0;\n  }\n\n  &::-moz-focus-inner,\n  &:focus,\n  &:active {\n    outline: 0 !important;\n  }\n\n  &:focus {\n    background: lighten($ui-base-color, 4%);\n  }\n\n  @media screen and (max-width: 600px) {\n    font-size: 16px;\n  }\n}\n\n.search__icon {\n  &::-moz-focus-inner {\n    border: 0;\n  }\n\n  &::-moz-focus-inner,\n  &:focus {\n    outline: 0 !important;\n  }\n\n  .fa {\n    position: absolute;\n    top: 16px;\n    right: 10px;\n    z-index: 2;\n    display: inline-block;\n    opacity: 0;\n    transition: all 100ms linear;\n    transition-property: transform, opacity;\n    font-size: 18px;\n    width: 18px;\n    height: 18px;\n    color: $secondary-text-color;\n    cursor: default;\n    pointer-events: none;\n\n    &.active {\n      pointer-events: auto;\n      opacity: 0.3;\n    }\n  }\n\n  .fa-search {\n    transform: rotate(90deg);\n\n    &.active {\n      pointer-events: none;\n      transform: rotate(0deg);\n    }\n  }\n\n  .fa-times-circle {\n    top: 17px;\n    transform: rotate(0deg);\n    color: $action-button-color;\n    cursor: pointer;\n\n    &.active {\n      transform: rotate(90deg);\n    }\n\n    &:hover {\n      color: lighten($action-button-color, 7%);\n    }\n  }\n}\n\n.search-results__header {\n  color: $dark-text-color;\n  background: lighten($ui-base-color, 2%);\n  padding: 15px;\n  font-weight: 500;\n  font-size: 16px;\n  cursor: default;\n\n  .fa {\n    display: inline-block;\n    margin-right: 5px;\n  }\n}\n\n.search-results__section {\n  margin-bottom: 5px;\n\n  h5 {\n    background: darken($ui-base-color, 4%);\n    border-bottom: 1px solid lighten($ui-base-color, 8%);\n    cursor: default;\n    display: flex;\n    padding: 15px;\n    font-weight: 500;\n    font-size: 16px;\n    color: $dark-text-color;\n\n    .fa {\n      display: inline-block;\n      margin-right: 5px;\n    }\n  }\n\n  .account:last-child,\n  & > div:last-child .status {\n    border-bottom: 0;\n  }\n}\n\n.search-results__hashtag {\n  display: block;\n  padding: 10px;\n  color: $secondary-text-color;\n  text-decoration: none;\n\n  &:hover,\n  &:active,\n  &:focus {\n    color: lighten($secondary-text-color, 4%);\n    text-decoration: underline;\n  }\n}\n\n.search-results__info {\n  padding: 20px;\n  color: $darker-text-color;\n  text-align: center;\n}\n\n.modal-root {\n  position: relative;\n  transition: opacity 0.3s linear;\n  will-change: opacity;\n  z-index: 9999;\n}\n\n.modal-root__overlay {\n  position: fixed;\n  top: 0;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  background: rgba($base-overlay-background, 0.7);\n}\n\n.modal-root__container {\n  position: fixed;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  align-content: space-around;\n  z-index: 9999;\n  pointer-events: none;\n  user-select: none;\n}\n\n.modal-root__modal {\n  pointer-events: auto;\n  display: flex;\n  z-index: 9999;\n}\n\n.video-modal__container {\n  max-width: 100vw;\n  max-height: 100vh;\n}\n\n.audio-modal__container {\n  width: 50vw;\n}\n\n.media-modal {\n  width: 100%;\n  height: 100%;\n  position: relative;\n\n  .extended-video-player {\n    width: 100%;\n    height: 100%;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n\n    video {\n      max-width: $media-modal-media-max-width;\n      max-height: $media-modal-media-max-height;\n    }\n  }\n}\n\n.media-modal__closer {\n  position: absolute;\n  top: 0;\n  left: 0;\n  right: 0;\n  bottom: 0;\n}\n\n.media-modal__navigation {\n  position: absolute;\n  top: 0;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  pointer-events: none;\n  transition: opacity 0.3s linear;\n  will-change: opacity;\n\n  * {\n    pointer-events: auto;\n  }\n\n  &.media-modal__navigation--hidden {\n    opacity: 0;\n\n    * {\n      pointer-events: none;\n    }\n  }\n}\n\n.media-modal__nav {\n  background: rgba($base-overlay-background, 0.5);\n  box-sizing: border-box;\n  border: 0;\n  color: $primary-text-color;\n  cursor: pointer;\n  display: flex;\n  align-items: center;\n  font-size: 24px;\n  height: 20vmax;\n  margin: auto 0;\n  padding: 30px 15px;\n  position: absolute;\n  top: 0;\n  bottom: 0;\n}\n\n.media-modal__nav--left {\n  left: 0;\n}\n\n.media-modal__nav--right {\n  right: 0;\n}\n\n.media-modal__pagination {\n  width: 100%;\n  text-align: center;\n  position: absolute;\n  left: 0;\n  bottom: 20px;\n  pointer-events: none;\n}\n\n.media-modal__meta {\n  text-align: center;\n  position: absolute;\n  left: 0;\n  bottom: 20px;\n  width: 100%;\n  pointer-events: none;\n\n  &--shifted {\n    bottom: 62px;\n  }\n\n  a {\n    pointer-events: auto;\n    text-decoration: none;\n    font-weight: 500;\n    color: $ui-secondary-color;\n\n    &:hover,\n    &:focus,\n    &:active {\n      text-decoration: underline;\n    }\n  }\n}\n\n.media-modal__page-dot {\n  display: inline-block;\n}\n\n.media-modal__button {\n  background-color: $primary-text-color;\n  height: 12px;\n  width: 12px;\n  border-radius: 6px;\n  margin: 10px;\n  padding: 0;\n  border: 0;\n  font-size: 0;\n}\n\n.media-modal__button--active {\n  background-color: $highlight-text-color;\n}\n\n.media-modal__close {\n  position: absolute;\n  right: 8px;\n  top: 8px;\n  z-index: 100;\n}\n\n.onboarding-modal,\n.error-modal,\n.embed-modal {\n  background: $ui-secondary-color;\n  color: $inverted-text-color;\n  border-radius: 8px;\n  overflow: hidden;\n  display: flex;\n  flex-direction: column;\n}\n\n.error-modal__body {\n  height: 80vh;\n  width: 80vw;\n  max-width: 520px;\n  max-height: 420px;\n  position: relative;\n\n  & > div {\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n    box-sizing: border-box;\n    padding: 25px;\n    display: none;\n    flex-direction: column;\n    align-items: center;\n    justify-content: center;\n    display: flex;\n    opacity: 0;\n    user-select: text;\n  }\n}\n\n.error-modal__body {\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  align-items: center;\n  text-align: center;\n}\n\n.onboarding-modal__paginator,\n.error-modal__footer {\n  flex: 0 0 auto;\n  background: darken($ui-secondary-color, 8%);\n  display: flex;\n  padding: 25px;\n\n  & > div {\n    min-width: 33px;\n  }\n\n  .onboarding-modal__nav,\n  .error-modal__nav {\n    color: $lighter-text-color;\n    border: 0;\n    font-size: 14px;\n    font-weight: 500;\n    padding: 10px 25px;\n    line-height: inherit;\n    height: auto;\n    margin: -10px;\n    border-radius: 4px;\n    background-color: transparent;\n\n    &:hover,\n    &:focus,\n    &:active {\n      color: darken($lighter-text-color, 4%);\n      background-color: darken($ui-secondary-color, 16%);\n    }\n\n    &.onboarding-modal__done,\n    &.onboarding-modal__next {\n      color: $inverted-text-color;\n\n      &:hover,\n      &:focus,\n      &:active {\n        color: lighten($inverted-text-color, 4%);\n      }\n    }\n  }\n}\n\n.error-modal__footer {\n  justify-content: center;\n}\n\n.display-case {\n  text-align: center;\n  font-size: 15px;\n  margin-bottom: 15px;\n\n  &__label {\n    font-weight: 500;\n    color: $inverted-text-color;\n    margin-bottom: 5px;\n    text-transform: uppercase;\n    font-size: 12px;\n  }\n\n  &__case {\n    background: $ui-base-color;\n    color: $secondary-text-color;\n    font-weight: 500;\n    padding: 10px;\n    border-radius: 4px;\n  }\n}\n\n.onboard-sliders {\n  display: inline-block;\n  max-width: 30px;\n  max-height: auto;\n  margin-left: 10px;\n}\n\n.boost-modal,\n.confirmation-modal,\n.report-modal,\n.actions-modal,\n.mute-modal,\n.block-modal {\n  background: lighten($ui-secondary-color, 8%);\n  color: $inverted-text-color;\n  border-radius: 8px;\n  overflow: hidden;\n  max-width: 90vw;\n  width: 480px;\n  position: relative;\n  flex-direction: column;\n\n  .status__display-name {\n    display: block;\n    max-width: 100%;\n    padding-right: 25px;\n  }\n\n  .status__avatar {\n    height: 28px;\n    left: 10px;\n    position: absolute;\n    top: 10px;\n    width: 48px;\n  }\n\n  .status__content__spoiler-link {\n    color: lighten($secondary-text-color, 8%);\n  }\n}\n\n.actions-modal {\n  .status {\n    background: $white;\n    border-bottom-color: $ui-secondary-color;\n    padding-top: 10px;\n    padding-bottom: 10px;\n  }\n\n  .dropdown-menu__separator {\n    border-bottom-color: $ui-secondary-color;\n  }\n}\n\n.boost-modal__container {\n  overflow-x: scroll;\n  padding: 10px;\n\n  .status {\n    user-select: text;\n    border-bottom: 0;\n  }\n}\n\n.boost-modal__action-bar,\n.confirmation-modal__action-bar,\n.mute-modal__action-bar,\n.block-modal__action-bar {\n  display: flex;\n  justify-content: space-between;\n  background: $ui-secondary-color;\n  padding: 10px;\n  line-height: 36px;\n\n  & > div {\n    flex: 1 1 auto;\n    text-align: right;\n    color: $lighter-text-color;\n    padding-right: 10px;\n  }\n\n  .button {\n    flex: 0 0 auto;\n  }\n}\n\n.boost-modal__status-header {\n  font-size: 15px;\n}\n\n.boost-modal__status-time {\n  float: right;\n  font-size: 14px;\n}\n\n.mute-modal,\n.block-modal {\n  line-height: 24px;\n}\n\n.mute-modal .react-toggle,\n.block-modal .react-toggle {\n  vertical-align: middle;\n}\n\n.report-modal {\n  width: 90vw;\n  max-width: 700px;\n}\n\n.report-modal__container {\n  display: flex;\n  border-top: 1px solid $ui-secondary-color;\n\n  @media screen and (max-width: 480px) {\n    flex-wrap: wrap;\n    overflow-y: auto;\n  }\n}\n\n.report-modal__statuses,\n.report-modal__comment {\n  box-sizing: border-box;\n  width: 50%;\n\n  @media screen and (max-width: 480px) {\n    width: 100%;\n  }\n}\n\n.report-modal__statuses,\n.focal-point-modal__content {\n  flex: 1 1 auto;\n  min-height: 20vh;\n  max-height: 80vh;\n  overflow-y: auto;\n  overflow-x: hidden;\n\n  .status__content a {\n    color: $highlight-text-color;\n  }\n\n  .status__content,\n  .status__content p {\n    color: $inverted-text-color;\n  }\n\n  @media screen and (max-width: 480px) {\n    max-height: 10vh;\n  }\n}\n\n.focal-point-modal__content {\n  @media screen and (max-width: 480px) {\n    max-height: 40vh;\n  }\n}\n\n.report-modal__comment {\n  padding: 20px;\n  border-right: 1px solid $ui-secondary-color;\n  max-width: 320px;\n\n  p {\n    font-size: 14px;\n    line-height: 20px;\n    margin-bottom: 20px;\n  }\n\n  .setting-text {\n    display: block;\n    box-sizing: border-box;\n    width: 100%;\n    margin: 0;\n    color: $inverted-text-color;\n    background: $white;\n    padding: 10px;\n    font-family: inherit;\n    font-size: 14px;\n    resize: none;\n    border: 0;\n    outline: 0;\n    border-radius: 4px;\n    border: 1px solid $ui-secondary-color;\n    min-height: 100px;\n    max-height: 50vh;\n    margin-bottom: 10px;\n\n    &:focus {\n      border: 1px solid darken($ui-secondary-color, 8%);\n    }\n\n    &__wrapper {\n      background: $white;\n      border: 1px solid $ui-secondary-color;\n      margin-bottom: 10px;\n      border-radius: 4px;\n\n      .setting-text {\n        border: 0;\n        margin-bottom: 0;\n        border-radius: 0;\n\n        &:focus {\n          border: 0;\n        }\n      }\n\n      &__modifiers {\n        color: $inverted-text-color;\n        font-family: inherit;\n        font-size: 14px;\n        background: $white;\n      }\n    }\n\n    &__toolbar {\n      display: flex;\n      justify-content: space-between;\n      margin-bottom: 20px;\n    }\n  }\n\n  .setting-text-label {\n    display: block;\n    color: $inverted-text-color;\n    font-size: 14px;\n    font-weight: 500;\n    margin-bottom: 10px;\n  }\n\n  .setting-toggle {\n    margin-top: 20px;\n    margin-bottom: 24px;\n\n    &__label {\n      color: $inverted-text-color;\n      font-size: 14px;\n    }\n  }\n\n  @media screen and (max-width: 480px) {\n    padding: 10px;\n    max-width: 100%;\n    order: 2;\n\n    .setting-toggle {\n      margin-bottom: 4px;\n    }\n  }\n}\n\n.actions-modal {\n  max-height: 80vh;\n  max-width: 80vw;\n\n  .status {\n    overflow-y: auto;\n    max-height: 300px;\n  }\n\n  .actions-modal__item-label {\n    font-weight: 500;\n  }\n\n  ul {\n    overflow-y: auto;\n    flex-shrink: 0;\n    max-height: 80vh;\n\n    &.with-status {\n      max-height: calc(80vh - 75px);\n    }\n\n    li:empty {\n      margin: 0;\n    }\n\n    li:not(:empty) {\n      a {\n        color: $inverted-text-color;\n        display: flex;\n        padding: 12px 16px;\n        font-size: 15px;\n        align-items: center;\n        text-decoration: none;\n\n        &,\n        button {\n          transition: none;\n        }\n\n        &.active,\n        &:hover,\n        &:active,\n        &:focus {\n          &,\n          button {\n            background: $ui-highlight-color;\n            color: $primary-text-color;\n          }\n        }\n\n        button:first-child {\n          margin-right: 10px;\n        }\n      }\n    }\n  }\n}\n\n.confirmation-modal__action-bar,\n.mute-modal__action-bar,\n.block-modal__action-bar {\n  .confirmation-modal__secondary-button {\n    flex-shrink: 1;\n  }\n}\n\n.confirmation-modal__secondary-button,\n.confirmation-modal__cancel-button,\n.mute-modal__cancel-button,\n.block-modal__cancel-button {\n  background-color: transparent;\n  color: $lighter-text-color;\n  font-size: 14px;\n  font-weight: 500;\n\n  &:hover,\n  &:focus,\n  &:active {\n    color: darken($lighter-text-color, 4%);\n    background-color: transparent;\n  }\n}\n\n.confirmation-modal__container,\n.mute-modal__container,\n.block-modal__container,\n.report-modal__target {\n  padding: 30px;\n  font-size: 16px;\n\n  strong {\n    font-weight: 500;\n\n    @each $lang in $cjk-langs {\n      &:lang(#{$lang}) {\n        font-weight: 700;\n      }\n    }\n  }\n}\n\n.confirmation-modal__container,\n.report-modal__target {\n  text-align: center;\n}\n\n.block-modal,\n.mute-modal {\n  &__explanation {\n    margin-top: 20px;\n  }\n\n  .setting-toggle {\n    margin-top: 20px;\n    margin-bottom: 24px;\n    display: flex;\n    align-items: center;\n\n    &__label {\n      color: $inverted-text-color;\n      margin: 0;\n      margin-left: 8px;\n    }\n  }\n}\n\n.report-modal__target {\n  padding: 15px;\n\n  .media-modal__close {\n    top: 14px;\n    right: 15px;\n  }\n}\n\n.loading-bar {\n  background-color: $highlight-text-color;\n  height: 3px;\n  position: absolute;\n  top: 0;\n  left: 0;\n  z-index: 9999;\n}\n\n.media-gallery__gifv__label {\n  display: block;\n  position: absolute;\n  color: $primary-text-color;\n  background: rgba($base-overlay-background, 0.5);\n  bottom: 6px;\n  left: 6px;\n  padding: 2px 6px;\n  border-radius: 2px;\n  font-size: 11px;\n  font-weight: 600;\n  z-index: 1;\n  pointer-events: none;\n  opacity: 0.9;\n  transition: opacity 0.1s ease;\n  line-height: 18px;\n}\n\n.media-gallery__gifv {\n  &:hover {\n    .media-gallery__gifv__label {\n      opacity: 1;\n    }\n  }\n}\n\n.media-gallery__audio {\n  margin-top: 32px;\n\n  audio {\n    width: 100%;\n  }\n}\n\n.attachment-list {\n  display: flex;\n  font-size: 14px;\n  border: 1px solid lighten($ui-base-color, 8%);\n  border-radius: 4px;\n  margin-top: 14px;\n  overflow: hidden;\n\n  &__icon {\n    flex: 0 0 auto;\n    color: $dark-text-color;\n    padding: 8px 18px;\n    cursor: default;\n    border-right: 1px solid lighten($ui-base-color, 8%);\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    justify-content: center;\n    font-size: 26px;\n\n    .fa {\n      display: block;\n    }\n  }\n\n  &__list {\n    list-style: none;\n    padding: 4px 0;\n    padding-left: 8px;\n    display: flex;\n    flex-direction: column;\n    justify-content: center;\n\n    li {\n      display: block;\n      padding: 4px 0;\n    }\n\n    a {\n      text-decoration: none;\n      color: $dark-text-color;\n      font-weight: 500;\n\n      &:hover {\n        text-decoration: underline;\n      }\n    }\n  }\n\n  &.compact {\n    border: 0;\n    margin-top: 4px;\n\n    .attachment-list__list {\n      padding: 0;\n      display: block;\n    }\n\n    .fa {\n      color: $dark-text-color;\n    }\n  }\n}\n\n/* Media Gallery */\n.media-gallery {\n  box-sizing: border-box;\n  margin-top: 8px;\n  overflow: hidden;\n  border-radius: 4px;\n  position: relative;\n  width: 100%;\n}\n\n.media-gallery__item {\n  border: 0;\n  box-sizing: border-box;\n  display: block;\n  float: left;\n  position: relative;\n  border-radius: 4px;\n  overflow: hidden;\n\n  &.standalone {\n    .media-gallery__item-gifv-thumbnail {\n      transform: none;\n      top: 0;\n    }\n  }\n}\n\n.media-gallery__item-thumbnail {\n  cursor: zoom-in;\n  display: block;\n  text-decoration: none;\n  color: $secondary-text-color;\n  position: relative;\n  z-index: 1;\n\n  &,\n  img {\n    height: 100%;\n    width: 100%;\n  }\n\n  img {\n    object-fit: cover;\n  }\n}\n\n.media-gallery__preview {\n  width: 100%;\n  height: 100%;\n  object-fit: cover;\n  position: absolute;\n  top: 0;\n  left: 0;\n  z-index: 0;\n  background: $base-overlay-background;\n\n  &--hidden {\n    display: none;\n  }\n}\n\n.media-gallery__gifv {\n  height: 100%;\n  overflow: hidden;\n  position: relative;\n  width: 100%;\n}\n\n.media-gallery__item-gifv-thumbnail {\n  cursor: zoom-in;\n  height: 100%;\n  object-fit: cover;\n  position: relative;\n  top: 50%;\n  transform: translateY(-50%);\n  width: 100%;\n  z-index: 1;\n}\n\n.media-gallery__item-thumbnail-label {\n  clip: rect(1px 1px 1px 1px); /* IE6, IE7 */\n  clip: rect(1px, 1px, 1px, 1px);\n  overflow: hidden;\n  position: absolute;\n}\n/* End Media Gallery */\n\n.detailed,\n.fullscreen {\n  .video-player__volume__current,\n  .video-player__volume::before {\n    bottom: 27px;\n  }\n\n  .video-player__volume__handle {\n    bottom: 23px;\n  }\n\n}\n\n.audio-player {\n  box-sizing: border-box;\n  position: relative;\n  background: darken($ui-base-color, 8%);\n  border-radius: 4px;\n  padding-bottom: 44px;\n  direction: ltr;\n\n  &.editable {\n    border-radius: 0;\n    height: 100%;\n  }\n\n  &__waveform {\n    padding: 15px 0;\n    position: relative;\n    overflow: hidden;\n\n    &::before {\n      content: \"\";\n      display: block;\n      position: absolute;\n      border-top: 1px solid lighten($ui-base-color, 4%);\n      width: 100%;\n      height: 0;\n      left: 0;\n      top: calc(50% + 1px);\n    }\n  }\n\n  &__progress-placeholder {\n    background-color: rgba(lighten($ui-highlight-color, 8%), 0.5);\n  }\n\n  &__wave-placeholder {\n    background-color: lighten($ui-base-color, 16%);\n  }\n\n  .video-player__controls {\n    padding: 0 15px;\n    padding-top: 10px;\n    background: darken($ui-base-color, 8%);\n    border-top: 1px solid lighten($ui-base-color, 4%);\n    border-radius: 0 0 4px 4px;\n  }\n}\n\n.video-player {\n  overflow: hidden;\n  position: relative;\n  background: $base-shadow-color;\n  max-width: 100%;\n  border-radius: 4px;\n  box-sizing: border-box;\n  direction: ltr;\n\n  &.editable {\n    border-radius: 0;\n    height: 100% !important;\n  }\n\n  &:focus {\n    outline: 0;\n  }\n\n  video {\n    max-width: 100vw;\n    max-height: 80vh;\n    z-index: 1;\n  }\n\n  &.fullscreen {\n    width: 100% !important;\n    height: 100% !important;\n    margin: 0;\n\n    video {\n      max-width: 100% !important;\n      max-height: 100% !important;\n      width: 100% !important;\n      height: 100% !important;\n      outline: 0;\n    }\n  }\n\n  &.inline {\n    video {\n      object-fit: contain;\n      position: relative;\n      top: 50%;\n      transform: translateY(-50%);\n    }\n  }\n\n  &__controls {\n    position: absolute;\n    z-index: 2;\n    bottom: 0;\n    left: 0;\n    right: 0;\n    box-sizing: border-box;\n    background: linear-gradient(0deg, rgba($base-shadow-color, 0.85) 0, rgba($base-shadow-color, 0.45) 60%, transparent);\n    padding: 0 15px;\n    opacity: 0;\n    transition: opacity .1s ease;\n\n    &.active {\n      opacity: 1;\n    }\n  }\n\n  &.inactive {\n    video,\n    .video-player__controls {\n      visibility: hidden;\n    }\n  }\n\n  &__spoiler {\n    display: none;\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n    z-index: 4;\n    border: 0;\n    background: $base-overlay-background;\n    color: $darker-text-color;\n    transition: none;\n    pointer-events: none;\n\n    &.active {\n      display: block;\n      pointer-events: auto;\n\n      &:hover,\n      &:active,\n      &:focus {\n        color: lighten($darker-text-color, 7%);\n      }\n    }\n\n    &__title {\n      display: block;\n      font-size: 14px;\n    }\n\n    &__subtitle {\n      display: block;\n      font-size: 11px;\n      font-weight: 500;\n    }\n  }\n\n  &__buttons-bar {\n    display: flex;\n    justify-content: space-between;\n    padding-bottom: 10px;\n\n    .video-player__download__icon {\n      color: inherit;\n    }\n  }\n\n  &__buttons {\n    font-size: 16px;\n    white-space: nowrap;\n    overflow: hidden;\n    text-overflow: ellipsis;\n\n    &.left {\n      button {\n        padding-left: 0;\n      }\n    }\n\n    &.right {\n      button {\n        padding-right: 0;\n      }\n    }\n\n    button {\n      background: transparent;\n      padding: 2px 10px;\n      font-size: 16px;\n      border: 0;\n      color: rgba($white, 0.75);\n\n      &:active,\n      &:hover,\n      &:focus {\n        color: $white;\n      }\n    }\n  }\n\n  &__time-sep,\n  &__time-total,\n  &__time-current {\n    font-size: 14px;\n    font-weight: 500;\n  }\n\n  &__time-current {\n    color: $white;\n    margin-left: 60px;\n  }\n\n  &__time-sep {\n    display: inline-block;\n    margin: 0 6px;\n  }\n\n  &__time-sep,\n  &__time-total {\n    color: $white;\n  }\n\n  &__volume {\n    cursor: pointer;\n    height: 24px;\n    display: inline;\n\n    &::before {\n      content: \"\";\n      width: 50px;\n      background: rgba($white, 0.35);\n      border-radius: 4px;\n      display: block;\n      position: absolute;\n      height: 4px;\n      left: 70px;\n      bottom: 20px;\n    }\n\n    &__current {\n      display: block;\n      position: absolute;\n      height: 4px;\n      border-radius: 4px;\n      left: 70px;\n      bottom: 20px;\n      background: lighten($ui-highlight-color, 8%);\n    }\n\n    &__handle {\n      position: absolute;\n      z-index: 3;\n      border-radius: 50%;\n      width: 12px;\n      height: 12px;\n      bottom: 16px;\n      left: 70px;\n      transition: opacity .1s ease;\n      background: lighten($ui-highlight-color, 8%);\n      box-shadow: 1px 2px 6px rgba($base-shadow-color, 0.2);\n      pointer-events: none;\n    }\n  }\n\n  &__link {\n    padding: 2px 10px;\n\n    a {\n      text-decoration: none;\n      font-size: 14px;\n      font-weight: 500;\n      color: $white;\n\n      &:hover,\n      &:active,\n      &:focus {\n        text-decoration: underline;\n      }\n    }\n  }\n\n  &__seek {\n    cursor: pointer;\n    height: 24px;\n    position: relative;\n\n    &::before {\n      content: \"\";\n      width: 100%;\n      background: rgba($white, 0.35);\n      border-radius: 4px;\n      display: block;\n      position: absolute;\n      height: 4px;\n      top: 10px;\n    }\n\n    &__progress,\n    &__buffer {\n      display: block;\n      position: absolute;\n      height: 4px;\n      border-radius: 4px;\n      top: 10px;\n      background: lighten($ui-highlight-color, 8%);\n    }\n\n    &__buffer {\n      background: rgba($white, 0.2);\n    }\n\n    &__handle {\n      position: absolute;\n      z-index: 3;\n      opacity: 0;\n      border-radius: 50%;\n      width: 12px;\n      height: 12px;\n      top: 6px;\n      margin-left: -6px;\n      transition: opacity .1s ease;\n      background: lighten($ui-highlight-color, 8%);\n      box-shadow: 1px 2px 6px rgba($base-shadow-color, 0.2);\n      pointer-events: none;\n\n      &.active {\n        opacity: 1;\n      }\n    }\n\n    &:hover {\n      .video-player__seek__handle {\n        opacity: 1;\n      }\n    }\n  }\n\n  &.detailed,\n  &.fullscreen {\n    .video-player__buttons {\n      button {\n        padding-top: 10px;\n        padding-bottom: 10px;\n      }\n    }\n  }\n}\n\n.directory {\n  &__list {\n    width: 100%;\n    margin: 10px 0;\n    transition: opacity 100ms ease-in;\n\n    &.loading {\n      opacity: 0.7;\n    }\n\n    @media screen and (max-width: $no-gap-breakpoint) {\n      margin: 0;\n    }\n  }\n\n  &__card {\n    box-sizing: border-box;\n    margin-bottom: 10px;\n\n    &__img {\n      height: 125px;\n      position: relative;\n      background: darken($ui-base-color, 12%);\n      overflow: hidden;\n\n      img {\n        display: block;\n        width: 100%;\n        height: 100%;\n        margin: 0;\n        object-fit: cover;\n      }\n    }\n\n    &__bar {\n      display: flex;\n      align-items: center;\n      background: lighten($ui-base-color, 4%);\n      padding: 10px;\n\n      &__name {\n        flex: 1 1 auto;\n        display: flex;\n        align-items: center;\n        text-decoration: none;\n        overflow: hidden;\n      }\n\n      &__relationship {\n        width: 23px;\n        min-height: 1px;\n        flex: 0 0 auto;\n      }\n\n      .avatar {\n        flex: 0 0 auto;\n        width: 48px;\n        height: 48px;\n        padding-top: 2px;\n\n        img {\n          width: 100%;\n          height: 100%;\n          display: block;\n          margin: 0;\n          border-radius: 4px;\n          background: darken($ui-base-color, 8%);\n          object-fit: cover;\n        }\n      }\n\n      .display-name {\n        margin-left: 15px;\n        text-align: left;\n\n        strong {\n          font-size: 15px;\n          color: $primary-text-color;\n          font-weight: 500;\n          overflow: hidden;\n          text-overflow: ellipsis;\n        }\n\n        span {\n          display: block;\n          font-size: 14px;\n          color: $darker-text-color;\n          font-weight: 400;\n          overflow: hidden;\n          text-overflow: ellipsis;\n        }\n      }\n    }\n\n    &__extra {\n      background: $ui-base-color;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n\n      .accounts-table__count {\n        width: 33.33%;\n        flex: 0 0 auto;\n        padding: 15px 0;\n      }\n\n      .account__header__content {\n        box-sizing: border-box;\n        padding: 15px 10px;\n        border-bottom: 1px solid lighten($ui-base-color, 8%);\n        width: 100%;\n        min-height: 18px + 30px;\n        white-space: nowrap;\n        overflow: hidden;\n        text-overflow: ellipsis;\n\n        p {\n          display: none;\n\n          &:first-child {\n            display: inline;\n          }\n        }\n\n        br {\n          display: none;\n        }\n      }\n    }\n  }\n}\n\n.account-gallery__container {\n  display: flex;\n  flex-wrap: wrap;\n  padding: 4px 2px;\n}\n\n.account-gallery__item {\n  border: 0;\n  box-sizing: border-box;\n  display: block;\n  position: relative;\n  border-radius: 4px;\n  overflow: hidden;\n  margin: 2px;\n\n  &__icons {\n    position: absolute;\n    top: 50%;\n    left: 50%;\n    transform: translate(-50%, -50%);\n    font-size: 24px;\n  }\n}\n\n.notification__filter-bar,\n.account__section-headline {\n  background: darken($ui-base-color, 4%);\n  border-bottom: 1px solid lighten($ui-base-color, 8%);\n  cursor: default;\n  display: flex;\n  flex-shrink: 0;\n\n  button {\n    background: darken($ui-base-color, 4%);\n    border: 0;\n    margin: 0;\n  }\n\n  button,\n  a {\n    display: block;\n    flex: 1 1 auto;\n    color: $darker-text-color;\n    padding: 15px 0;\n    font-size: 14px;\n    font-weight: 500;\n    text-align: center;\n    text-decoration: none;\n    position: relative;\n    width: 100%;\n    white-space: nowrap;\n\n    &.active {\n      color: $secondary-text-color;\n\n      &::before,\n      &::after {\n        display: block;\n        content: \"\";\n        position: absolute;\n        bottom: 0;\n        left: 50%;\n        width: 0;\n        height: 0;\n        transform: translateX(-50%);\n        border-style: solid;\n        border-width: 0 10px 10px;\n        border-color: transparent transparent lighten($ui-base-color, 8%);\n      }\n\n      &::after {\n        bottom: -1px;\n        border-color: transparent transparent $ui-base-color;\n      }\n    }\n  }\n\n  &.directory__section-headline {\n    background: darken($ui-base-color, 2%);\n    border-bottom-color: transparent;\n\n    a,\n    button {\n      &.active {\n        &::before {\n          display: none;\n        }\n\n        &::after {\n          border-color: transparent transparent darken($ui-base-color, 7%);\n        }\n      }\n    }\n  }\n}\n\n.filter-form {\n  background: $ui-base-color;\n\n  &__column {\n    padding: 10px 15px;\n  }\n\n  .radio-button {\n    display: block;\n  }\n}\n\n.radio-button {\n  font-size: 14px;\n  position: relative;\n  display: inline-block;\n  padding: 6px 0;\n  line-height: 18px;\n  cursor: default;\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  cursor: pointer;\n\n  input[type=radio],\n  input[type=checkbox] {\n    display: none;\n  }\n\n  &__input {\n    display: inline-block;\n    position: relative;\n    border: 1px solid $ui-primary-color;\n    box-sizing: border-box;\n    width: 18px;\n    height: 18px;\n    flex: 0 0 auto;\n    margin-right: 10px;\n    top: -1px;\n    border-radius: 50%;\n    vertical-align: middle;\n\n    &.checked {\n      border-color: lighten($ui-highlight-color, 8%);\n      background: lighten($ui-highlight-color, 8%);\n    }\n  }\n}\n\n::-webkit-scrollbar-thumb {\n  border-radius: 0;\n}\n\n.search-popout {\n  @include search-popout;\n}\n\nnoscript {\n  text-align: center;\n\n  img {\n    width: 200px;\n    opacity: 0.5;\n    animation: flicker 4s infinite;\n  }\n\n  div {\n    font-size: 14px;\n    margin: 30px auto;\n    color: $secondary-text-color;\n    max-width: 400px;\n\n    a {\n      color: $highlight-text-color;\n      text-decoration: underline;\n\n      &:hover {\n        text-decoration: none;\n      }\n    }\n  }\n}\n\n@keyframes flicker {\n  0% { opacity: 1; }\n  30% { opacity: 0.75; }\n  100% { opacity: 1; }\n}\n\n@media screen and (max-width: 630px) and (max-height: 400px) {\n  $duration: 400ms;\n  $delay: 100ms;\n\n  .tabs-bar,\n  .search {\n    will-change: margin-top;\n    transition: margin-top $duration $delay;\n  }\n\n  .navigation-bar {\n    will-change: padding-bottom;\n    transition: padding-bottom $duration $delay;\n  }\n\n  .navigation-bar {\n    & > a:first-child {\n      will-change: margin-top, margin-left, margin-right, width;\n      transition: margin-top $duration $delay, margin-left $duration ($duration + $delay), margin-right $duration ($duration + $delay);\n    }\n\n    & > .navigation-bar__profile-edit {\n      will-change: margin-top;\n      transition: margin-top $duration $delay;\n    }\n\n    .navigation-bar__actions {\n      & > .icon-button.close {\n        will-change: opacity transform;\n        transition: opacity $duration * 0.5 $delay,\n                    transform $duration $delay;\n      }\n\n      & > .compose__action-bar .icon-button {\n        will-change: opacity transform;\n        transition: opacity $duration * 0.5 $delay + $duration * 0.5,\n                    transform $duration $delay;\n      }\n    }\n  }\n\n  .is-composing {\n    .tabs-bar,\n    .search {\n      margin-top: -50px;\n    }\n\n    .navigation-bar {\n      padding-bottom: 0;\n\n      & > a:first-child {\n        margin: -100px 10px 0 -50px;\n      }\n\n      .navigation-bar__profile {\n        padding-top: 2px;\n      }\n\n      .navigation-bar__profile-edit {\n        position: absolute;\n        margin-top: -60px;\n      }\n\n      .navigation-bar__actions {\n        .icon-button.close {\n          pointer-events: auto;\n          opacity: 1;\n          transform: scale(1, 1) translate(0, 0);\n          bottom: 5px;\n        }\n\n        .compose__action-bar .icon-button {\n          pointer-events: none;\n          opacity: 0;\n          transform: scale(0, 1) translate(100%, 0);\n        }\n      }\n    }\n  }\n}\n\n.embed-modal {\n  width: auto;\n  max-width: 80vw;\n  max-height: 80vh;\n\n  h4 {\n    padding: 30px;\n    font-weight: 500;\n    font-size: 16px;\n    text-align: center;\n  }\n\n  .embed-modal__container {\n    padding: 10px;\n\n    .hint {\n      margin-bottom: 15px;\n    }\n\n    .embed-modal__html {\n      outline: 0;\n      box-sizing: border-box;\n      display: block;\n      width: 100%;\n      border: 0;\n      padding: 10px;\n      font-family: $font-monospace, monospace;\n      background: $ui-base-color;\n      color: $primary-text-color;\n      font-size: 14px;\n      margin: 0;\n      margin-bottom: 15px;\n      border-radius: 4px;\n\n      &::-moz-focus-inner {\n        border: 0;\n      }\n\n      &::-moz-focus-inner,\n      &:focus,\n      &:active {\n        outline: 0 !important;\n      }\n\n      &:focus {\n        background: lighten($ui-base-color, 4%);\n      }\n\n      @media screen and (max-width: 600px) {\n        font-size: 16px;\n      }\n    }\n\n    .embed-modal__iframe {\n      width: 400px;\n      max-width: 100%;\n      overflow: hidden;\n      border: 0;\n      border-radius: 4px;\n    }\n  }\n}\n\n.account__moved-note {\n  padding: 14px 10px;\n  padding-bottom: 16px;\n  background: lighten($ui-base-color, 4%);\n  border-top: 1px solid lighten($ui-base-color, 8%);\n  border-bottom: 1px solid lighten($ui-base-color, 8%);\n\n  &__message {\n    position: relative;\n    margin-left: 58px;\n    color: $dark-text-color;\n    padding: 8px 0;\n    padding-top: 0;\n    padding-bottom: 4px;\n    font-size: 14px;\n\n    > span {\n      display: block;\n      overflow: hidden;\n      text-overflow: ellipsis;\n    }\n  }\n\n  &__icon-wrapper {\n    left: -26px;\n    position: absolute;\n  }\n\n  .detailed-status__display-avatar {\n    position: relative;\n  }\n\n  .detailed-status__display-name {\n    margin-bottom: 0;\n  }\n}\n\n.column-inline-form {\n  padding: 15px;\n  padding-right: 0;\n  display: flex;\n  justify-content: flex-start;\n  align-items: center;\n  background: lighten($ui-base-color, 4%);\n\n  label {\n    flex: 1 1 auto;\n\n    input {\n      width: 100%;\n\n      &:focus {\n        outline: 0;\n      }\n    }\n  }\n\n  .icon-button {\n    flex: 0 0 auto;\n    margin: 0 10px;\n  }\n}\n\n.drawer__backdrop {\n  cursor: pointer;\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  background: rgba($base-overlay-background, 0.5);\n}\n\n.list-editor {\n  background: $ui-base-color;\n  flex-direction: column;\n  border-radius: 8px;\n  box-shadow: 2px 4px 15px rgba($base-shadow-color, 0.4);\n  width: 380px;\n  overflow: hidden;\n\n  @media screen and (max-width: 420px) {\n    width: 90%;\n  }\n\n  h4 {\n    padding: 15px 0;\n    background: lighten($ui-base-color, 13%);\n    font-weight: 500;\n    font-size: 16px;\n    text-align: center;\n    border-radius: 8px 8px 0 0;\n  }\n\n  .drawer__pager {\n    height: 50vh;\n  }\n\n  .drawer__inner {\n    border-radius: 0 0 8px 8px;\n\n    &.backdrop {\n      width: calc(100% - 60px);\n      box-shadow: 2px 4px 15px rgba($base-shadow-color, 0.4);\n      border-radius: 0 0 0 8px;\n    }\n  }\n\n  &__accounts {\n    overflow-y: auto;\n  }\n\n  .account__display-name {\n    &:hover strong {\n      text-decoration: none;\n    }\n  }\n\n  .account__avatar {\n    cursor: default;\n  }\n\n  .search {\n    margin-bottom: 0;\n  }\n}\n\n.list-adder {\n  background: $ui-base-color;\n  flex-direction: column;\n  border-radius: 8px;\n  box-shadow: 2px 4px 15px rgba($base-shadow-color, 0.4);\n  width: 380px;\n  overflow: hidden;\n\n  @media screen and (max-width: 420px) {\n    width: 90%;\n  }\n\n  &__account {\n    background: lighten($ui-base-color, 13%);\n  }\n\n  &__lists {\n    background: lighten($ui-base-color, 13%);\n    height: 50vh;\n    border-radius: 0 0 8px 8px;\n    overflow-y: auto;\n  }\n\n  .list {\n    padding: 10px;\n    border-bottom: 1px solid lighten($ui-base-color, 8%);\n  }\n\n  .list__wrapper {\n    display: flex;\n  }\n\n  .list__display-name {\n    flex: 1 1 auto;\n    overflow: hidden;\n    text-decoration: none;\n    font-size: 16px;\n    padding: 10px;\n  }\n}\n\n.focal-point {\n  position: relative;\n  cursor: move;\n  overflow: hidden;\n  height: 100%;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  background: $base-shadow-color;\n\n  img,\n  video,\n  canvas {\n    display: block;\n    max-height: 80vh;\n    width: 100%;\n    height: auto;\n    margin: 0;\n    object-fit: contain;\n    background: $base-shadow-color;\n  }\n\n  &__reticle {\n    position: absolute;\n    width: 100px;\n    height: 100px;\n    transform: translate(-50%, -50%);\n    background: url('~images/reticle.png') no-repeat 0 0;\n    border-radius: 50%;\n    box-shadow: 0 0 0 9999em rgba($base-shadow-color, 0.35);\n  }\n\n  &__overlay {\n    position: absolute;\n    width: 100%;\n    height: 100%;\n    top: 0;\n    left: 0;\n  }\n\n  &__preview {\n    position: absolute;\n    bottom: 10px;\n    right: 10px;\n    z-index: 2;\n    cursor: move;\n    transition: opacity 0.1s ease;\n\n    &:hover {\n      opacity: 0.5;\n    }\n\n    strong {\n      color: $primary-text-color;\n      font-size: 14px;\n      font-weight: 500;\n      display: block;\n      margin-bottom: 5px;\n    }\n\n    div {\n      border-radius: 4px;\n      box-shadow: 0 0 14px rgba($base-shadow-color, 0.2);\n    }\n  }\n\n  @media screen and (max-width: 480px) {\n    img,\n    video {\n      max-height: 100%;\n    }\n\n    &__preview {\n      display: none;\n    }\n  }\n}\n\n.account__header__content {\n  color: $darker-text-color;\n  font-size: 14px;\n  font-weight: 400;\n  overflow: hidden;\n  word-break: normal;\n  word-wrap: break-word;\n\n  p {\n    margin-bottom: 20px;\n\n    &:last-child {\n      margin-bottom: 0;\n    }\n  }\n\n  a {\n    color: inherit;\n    text-decoration: underline;\n\n    &:hover {\n      text-decoration: none;\n    }\n  }\n}\n\n.account__header {\n  overflow: hidden;\n\n  &.inactive {\n    opacity: 0.5;\n\n    .account__header__image,\n    .account__avatar {\n      filter: grayscale(100%);\n    }\n  }\n\n  &__info {\n    position: absolute;\n    top: 10px;\n    left: 10px;\n  }\n\n  &__image {\n    overflow: hidden;\n    height: 145px;\n    position: relative;\n    background: darken($ui-base-color, 4%);\n\n    img {\n      object-fit: cover;\n      display: block;\n      width: 100%;\n      height: 100%;\n      margin: 0;\n    }\n  }\n\n  &__bar {\n    position: relative;\n    background: lighten($ui-base-color, 4%);\n    padding: 5px;\n    border-bottom: 1px solid lighten($ui-base-color, 12%);\n\n    .avatar {\n      display: block;\n      flex: 0 0 auto;\n      width: 94px;\n      margin-left: -2px;\n\n      .account__avatar {\n        background: darken($ui-base-color, 8%);\n        border: 2px solid lighten($ui-base-color, 4%);\n      }\n    }\n  }\n\n  &__tabs {\n    display: flex;\n    align-items: flex-start;\n    padding: 7px 5px;\n    margin-top: -55px;\n\n    &__buttons {\n      display: flex;\n      align-items: center;\n      padding-top: 55px;\n      overflow: hidden;\n\n      .icon-button {\n        border: 1px solid lighten($ui-base-color, 12%);\n        border-radius: 4px;\n        box-sizing: content-box;\n        padding: 2px;\n      }\n\n      .button {\n        margin: 0 8px;\n      }\n    }\n\n    &__name {\n      padding: 5px;\n\n      .account-role {\n        vertical-align: top;\n      }\n\n      .emojione {\n        width: 22px;\n        height: 22px;\n      }\n\n      h1 {\n        font-size: 16px;\n        line-height: 24px;\n        color: $primary-text-color;\n        font-weight: 500;\n        overflow: hidden;\n        white-space: nowrap;\n        text-overflow: ellipsis;\n\n        small {\n          display: block;\n          font-size: 14px;\n          color: $darker-text-color;\n          font-weight: 400;\n          overflow: hidden;\n          text-overflow: ellipsis;\n        }\n      }\n    }\n\n    .spacer {\n      flex: 1 1 auto;\n    }\n  }\n\n  &__bio {\n    overflow: hidden;\n    margin: 0 -5px;\n\n    .account__header__content {\n      padding: 20px 15px;\n      padding-bottom: 5px;\n      color: $primary-text-color;\n    }\n\n    .account__header__fields {\n      margin: 0;\n      border-top: 1px solid lighten($ui-base-color, 12%);\n\n      a {\n        color: lighten($ui-highlight-color, 8%);\n      }\n\n      dl:first-child .verified {\n        border-radius: 0 4px 0 0;\n      }\n\n      .verified a {\n        color: $valid-value-color;\n      }\n    }\n  }\n\n  &__extra {\n    margin-top: 4px;\n\n    &__links {\n      font-size: 14px;\n      color: $darker-text-color;\n      padding: 10px 0;\n\n      a {\n        display: inline-block;\n        color: $darker-text-color;\n        text-decoration: none;\n        padding: 5px 10px;\n        font-weight: 500;\n\n        strong {\n          font-weight: 700;\n          color: $primary-text-color;\n        }\n      }\n    }\n  }\n}\n\n.trends {\n  &__header {\n    color: $dark-text-color;\n    background: lighten($ui-base-color, 2%);\n    border-bottom: 1px solid darken($ui-base-color, 4%);\n    font-weight: 500;\n    padding: 15px;\n    font-size: 16px;\n    cursor: default;\n\n    .fa {\n      display: inline-block;\n      margin-right: 5px;\n    }\n  }\n\n  &__item {\n    display: flex;\n    align-items: center;\n    padding: 15px;\n    border-bottom: 1px solid lighten($ui-base-color, 8%);\n\n    &:last-child {\n      border-bottom: 0;\n    }\n\n    &__name {\n      flex: 1 1 auto;\n      color: $dark-text-color;\n      overflow: hidden;\n      text-overflow: ellipsis;\n      white-space: nowrap;\n\n      strong {\n        font-weight: 500;\n      }\n\n      a {\n        color: $darker-text-color;\n        text-decoration: none;\n        font-size: 14px;\n        font-weight: 500;\n        display: block;\n        overflow: hidden;\n        text-overflow: ellipsis;\n        white-space: nowrap;\n\n        &:hover,\n        &:focus,\n        &:active {\n          span {\n            text-decoration: underline;\n          }\n        }\n      }\n    }\n\n    &__current {\n      flex: 0 0 auto;\n      font-size: 24px;\n      line-height: 36px;\n      font-weight: 500;\n      text-align: right;\n      padding-right: 15px;\n      margin-left: 5px;\n      color: $secondary-text-color;\n    }\n\n    &__sparkline {\n      flex: 0 0 auto;\n      width: 50px;\n\n      path:first-child {\n        fill: rgba($highlight-text-color, 0.25) !important;\n        fill-opacity: 1 !important;\n      }\n\n      path:last-child {\n        stroke: lighten($highlight-text-color, 6%) !important;\n      }\n    }\n  }\n}\n\n.conversation {\n  display: flex;\n  border-bottom: 1px solid lighten($ui-base-color, 8%);\n  padding: 5px;\n  padding-bottom: 0;\n\n  &:focus {\n    background: lighten($ui-base-color, 2%);\n    outline: 0;\n  }\n\n  &__avatar {\n    flex: 0 0 auto;\n    padding: 10px;\n    padding-top: 12px;\n    position: relative;\n    cursor: pointer;\n  }\n\n  &__unread {\n    display: inline-block;\n    background: $highlight-text-color;\n    border-radius: 50%;\n    width: 0.625rem;\n    height: 0.625rem;\n    margin: -.1ex .15em .1ex;\n  }\n\n  &__content {\n    flex: 1 1 auto;\n    padding: 10px 5px;\n    padding-right: 15px;\n    overflow: hidden;\n\n    &__info {\n      overflow: hidden;\n      display: flex;\n      flex-direction: row-reverse;\n      justify-content: space-between;\n    }\n\n    &__relative-time {\n      font-size: 15px;\n      color: $darker-text-color;\n      padding-left: 15px;\n    }\n\n    &__names {\n      color: $darker-text-color;\n      font-size: 15px;\n      white-space: nowrap;\n      overflow: hidden;\n      text-overflow: ellipsis;\n      margin-bottom: 4px;\n      flex-basis: 90px;\n      flex-grow: 1;\n\n      a {\n        color: $primary-text-color;\n        text-decoration: none;\n\n        &:hover,\n        &:focus,\n        &:active {\n          text-decoration: underline;\n        }\n      }\n    }\n\n    a {\n      word-break: break-word;\n    }\n  }\n\n  &--unread {\n    background: lighten($ui-base-color, 2%);\n\n    &:focus {\n      background: lighten($ui-base-color, 4%);\n    }\n\n    .conversation__content__info {\n      font-weight: 700;\n    }\n\n    .conversation__content__relative-time {\n      color: $primary-text-color;\n    }\n  }\n}\n\n.announcements {\n  background: lighten($ui-base-color, 8%);\n  font-size: 13px;\n  display: flex;\n  align-items: flex-end;\n\n  &__mastodon {\n    width: 124px;\n    flex: 0 0 auto;\n\n    @media screen and (max-width: 124px + 300px) {\n      display: none;\n    }\n  }\n\n  &__container {\n    width: calc(100% - 124px);\n    flex: 0 0 auto;\n    position: relative;\n\n    @media screen and (max-width: 124px + 300px) {\n      width: 100%;\n    }\n  }\n\n  &__item {\n    box-sizing: border-box;\n    width: 100%;\n    padding: 15px;\n    position: relative;\n    font-size: 15px;\n    line-height: 20px;\n    word-wrap: break-word;\n    font-weight: 400;\n    max-height: 50vh;\n    overflow: hidden;\n    display: flex;\n    flex-direction: column;\n\n    &__range {\n      display: block;\n      font-weight: 500;\n      margin-bottom: 10px;\n      padding-right: 18px;\n    }\n\n    &__unread {\n      position: absolute;\n      top: 19px;\n      right: 19px;\n      display: block;\n      background: $highlight-text-color;\n      border-radius: 50%;\n      width: 0.625rem;\n      height: 0.625rem;\n    }\n  }\n\n  &__pagination {\n    padding: 15px;\n    color: $darker-text-color;\n    position: absolute;\n    bottom: 3px;\n    right: 0;\n  }\n}\n\n.layout-multiple-columns .announcements__mastodon {\n  display: none;\n}\n\n.layout-multiple-columns .announcements__container {\n  width: 100%;\n}\n\n.reactions-bar {\n  display: flex;\n  flex-wrap: wrap;\n  align-items: center;\n  margin-top: 15px;\n  margin-left: -2px;\n  width: calc(100% - (90px - 33px));\n\n  &__item {\n    flex-shrink: 0;\n    background: lighten($ui-base-color, 12%);\n    border: 0;\n    border-radius: 3px;\n    margin: 2px;\n    cursor: pointer;\n    user-select: none;\n    padding: 0 6px;\n    display: flex;\n    align-items: center;\n    transition: all 100ms ease-in;\n    transition-property: background-color, color;\n\n    &__emoji {\n      display: block;\n      margin: 3px 0;\n      width: 16px;\n      height: 16px;\n\n      img {\n        display: block;\n        margin: 0;\n        width: 100%;\n        height: 100%;\n        min-width: auto;\n        min-height: auto;\n        vertical-align: bottom;\n        object-fit: contain;\n      }\n    }\n\n    &__count {\n      display: block;\n      min-width: 9px;\n      font-size: 13px;\n      font-weight: 500;\n      text-align: center;\n      margin-left: 6px;\n      color: $darker-text-color;\n    }\n\n    &:hover,\n    &:focus,\n    &:active {\n      background: lighten($ui-base-color, 16%);\n      transition: all 200ms ease-out;\n      transition-property: background-color, color;\n\n      &__count {\n        color: lighten($darker-text-color, 4%);\n      }\n    }\n\n    &.active {\n      transition: all 100ms ease-in;\n      transition-property: background-color, color;\n      background-color: mix(lighten($ui-base-color, 12%), $ui-highlight-color, 80%);\n\n      .reactions-bar__item__count {\n        color: lighten($highlight-text-color, 8%);\n      }\n    }\n  }\n\n  .emoji-picker-dropdown {\n    margin: 2px;\n  }\n\n  &:hover .emoji-button {\n    opacity: 0.85;\n  }\n\n  .emoji-button {\n    color: $darker-text-color;\n    margin: 0;\n    font-size: 16px;\n    width: auto;\n    flex-shrink: 0;\n    padding: 0 6px;\n    height: 22px;\n    display: flex;\n    align-items: center;\n    opacity: 0.5;\n    transition: all 100ms ease-in;\n    transition-property: background-color, color;\n\n    &:hover,\n    &:active,\n    &:focus {\n      opacity: 1;\n      color: lighten($darker-text-color, 4%);\n      transition: all 200ms ease-out;\n      transition-property: background-color, color;\n    }\n  }\n\n  &--empty {\n    .emoji-button {\n      padding: 0;\n    }\n  }\n}\n",null,"@mixin avatar-radius {\n  border-radius: 4px;\n  background: transparent no-repeat;\n  background-position: 50%;\n  background-clip: padding-box;\n}\n\n@mixin avatar-size($size: 48px) {\n  width: $size;\n  height: $size;\n  background-size: $size $size;\n}\n\n@mixin search-input {\n  outline: 0;\n  box-sizing: border-box;\n  width: 100%;\n  border: 0;\n  box-shadow: none;\n  font-family: inherit;\n  background: $ui-base-color;\n  color: $darker-text-color;\n  font-size: 14px;\n  margin: 0;\n}\n\n@mixin search-popout {\n  background: $simple-background-color;\n  border-radius: 4px;\n  padding: 10px 14px;\n  padding-bottom: 14px;\n  margin-top: 10px;\n  color: $light-text-color;\n  box-shadow: 2px 4px 15px rgba($base-shadow-color, 0.4);\n\n  h4 {\n    text-transform: uppercase;\n    color: $light-text-color;\n    font-size: 13px;\n    font-weight: 500;\n    margin-bottom: 10px;\n  }\n\n  li {\n    padding: 4px 0;\n  }\n\n  ul {\n    margin-bottom: 10px;\n  }\n\n  em {\n    font-weight: 500;\n    color: $inverted-text-color;\n  }\n}\n",".poll {\n  margin-top: 16px;\n  font-size: 14px;\n\n  li {\n    margin-bottom: 10px;\n    position: relative;\n  }\n\n  &__chart {\n    border-radius: 4px;\n    display: block;\n    background: darken($ui-primary-color, 5%);\n    height: 5px;\n    min-width: 1%;\n\n    &.leading {\n      background: $ui-highlight-color;\n    }\n  }\n\n  &__option {\n    position: relative;\n    display: flex;\n    padding: 6px 0;\n    line-height: 18px;\n    cursor: default;\n    overflow: hidden;\n\n    &__text {\n      display: inline-block;\n      word-wrap: break-word;\n      overflow-wrap: break-word;\n      max-width: calc(100% - 45px - 25px);\n    }\n\n    input[type=radio],\n    input[type=checkbox] {\n      display: none;\n    }\n\n    .autossugest-input {\n      flex: 1 1 auto;\n    }\n\n    input[type=text] {\n      display: block;\n      box-sizing: border-box;\n      width: 100%;\n      font-size: 14px;\n      color: $inverted-text-color;\n      outline: 0;\n      font-family: inherit;\n      background: $simple-background-color;\n      border: 1px solid darken($simple-background-color, 14%);\n      border-radius: 4px;\n      padding: 6px 10px;\n\n      &:focus {\n        border-color: $highlight-text-color;\n      }\n    }\n\n    &.selectable {\n      cursor: pointer;\n    }\n\n    &.editable {\n      display: flex;\n      align-items: center;\n      overflow: visible;\n    }\n  }\n\n  &__input {\n    display: inline-block;\n    position: relative;\n    border: 1px solid $ui-primary-color;\n    box-sizing: border-box;\n    width: 18px;\n    height: 18px;\n    flex: 0 0 auto;\n    margin-right: 10px;\n    top: -1px;\n    border-radius: 50%;\n    vertical-align: middle;\n    margin-top: auto;\n    margin-bottom: auto;\n    flex: 0 0 18px;\n\n    &.checkbox {\n      border-radius: 4px;\n    }\n\n    &.active {\n      border-color: $valid-value-color;\n      background: $valid-value-color;\n    }\n\n    &:active,\n    &:focus,\n    &:hover {\n      border-color: lighten($valid-value-color, 15%);\n      border-width: 4px;\n    }\n\n    &::-moz-focus-inner {\n      outline: 0 !important;\n      border: 0;\n    }\n\n    &:focus,\n    &:active {\n      outline: 0 !important;\n    }\n  }\n\n  &__number {\n    display: inline-block;\n    width: 45px;\n    font-weight: 700;\n    flex: 0 0 45px;\n  }\n\n  &__voted {\n    padding: 0 5px;\n    display: inline-block;\n\n    &__mark {\n      font-size: 18px;\n    }\n  }\n\n  &__footer {\n    padding-top: 6px;\n    padding-bottom: 5px;\n    color: $dark-text-color;\n  }\n\n  &__link {\n    display: inline;\n    background: transparent;\n    padding: 0;\n    margin: 0;\n    border: 0;\n    color: $dark-text-color;\n    text-decoration: underline;\n    font-size: inherit;\n\n    &:hover {\n      text-decoration: none;\n    }\n\n    &:active,\n    &:focus {\n      background-color: rgba($dark-text-color, .1);\n    }\n  }\n\n  .button {\n    height: 36px;\n    padding: 0 16px;\n    margin-right: 10px;\n    font-size: 14px;\n  }\n}\n\n.compose-form__poll-wrapper {\n  border-top: 1px solid darken($simple-background-color, 8%);\n\n  ul {\n    padding: 10px;\n  }\n\n  .poll__footer {\n    border-top: 1px solid darken($simple-background-color, 8%);\n    padding: 10px;\n    display: flex;\n    align-items: center;\n\n    button,\n    select {\n      flex: 1 1 50%;\n\n      &:focus {\n        border-color: $highlight-text-color;\n      }\n    }\n  }\n\n  .button.button-secondary {\n    font-size: 14px;\n    font-weight: 400;\n    padding: 6px 10px;\n    height: auto;\n    line-height: inherit;\n    color: $action-button-color;\n    border-color: $action-button-color;\n    margin-right: 5px;\n  }\n\n  li {\n    display: flex;\n    align-items: center;\n\n    .poll__option {\n      flex: 0 0 auto;\n      width: calc(100% - (23px + 6px));\n      margin-right: 6px;\n    }\n  }\n\n  select {\n    appearance: none;\n    box-sizing: border-box;\n    font-size: 14px;\n    color: $inverted-text-color;\n    display: inline-block;\n    width: auto;\n    outline: 0;\n    font-family: inherit;\n    background: $simple-background-color url(\"data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14.933 18.467' height='19.698' width='15.929'><path d='M3.467 14.967l-3.393-3.5H14.86l-3.392 3.5c-1.866 1.925-3.666 3.5-4 3.5-.335 0-2.135-1.575-4-3.5zm.266-11.234L7.467 0 11.2 3.733l3.733 3.734H0l3.733-3.734z' fill='#{hex-color(darken($simple-background-color, 14%))}'/></svg>\") no-repeat right 8px center / auto 16px;\n    border: 1px solid darken($simple-background-color, 14%);\n    border-radius: 4px;\n    padding: 6px 10px;\n    padding-right: 30px;\n  }\n\n  .icon-button.disabled {\n    color: darken($simple-background-color, 14%);\n  }\n}\n\n.muted .poll {\n  color: $dark-text-color;\n\n  &__chart {\n    background: rgba(darken($ui-primary-color, 14%), 0.2);\n\n    &.leading {\n      background: rgba($ui-highlight-color, 0.2);\n    }\n  }\n}\n",".modal-layout {\n  background: $ui-base-color url('data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 234.80078 31.757813\" width=\"234.80078\" height=\"31.757812\"><path d=\"M19.599609 0c-1.05 0-2.10039.375-2.90039 1.125L0 16.925781v14.832031h234.80078V17.025391l-16.5-15.900391c-1.6-1.5-4.20078-1.5-5.80078 0l-13.80078 13.099609c-1.6 1.5-4.19883 1.5-5.79883 0L179.09961 1.125c-1.6-1.5-4.19883-1.5-5.79883 0L159.5 14.224609c-1.6 1.5-4.20078 1.5-5.80078 0L139.90039 1.125c-1.6-1.5-4.20078-1.5-5.80078 0l-13.79883 13.099609c-1.6 1.5-4.20078 1.5-5.80078 0L100.69922 1.125c-1.600001-1.5-4.198829-1.5-5.798829 0l-13.59961 13.099609c-1.6 1.5-4.200781 1.5-5.800781 0L61.699219 1.125c-1.6-1.5-4.198828-1.5-5.798828 0L42.099609 14.224609c-1.6 1.5-4.198828 1.5-5.798828 0L22.5 1.125C21.7.375 20.649609 0 19.599609 0z\" fill=\"#{hex-color($ui-base-lighter-color)}\"/></svg>') repeat-x bottom fixed;\n  display: flex;\n  flex-direction: column;\n  height: 100vh;\n  padding: 0;\n}\n\n.modal-layout__mastodon {\n  display: flex;\n  flex: 1;\n  flex-direction: column;\n  justify-content: flex-end;\n\n  > * {\n    flex: 1;\n    max-height: 235px;\n  }\n}\n\n@media screen and (max-width: 600px) {\n  .account-header {\n    margin-top: 0;\n  }\n}\n",".emoji-mart {\n  font-size: 13px;\n  display: inline-block;\n  color: $inverted-text-color;\n\n  &,\n  * {\n    box-sizing: border-box;\n    line-height: 1.15;\n  }\n\n  .emoji-mart-emoji {\n    padding: 6px;\n  }\n}\n\n.emoji-mart-bar {\n  border: 0 solid darken($ui-secondary-color, 8%);\n\n  &:first-child {\n    border-bottom-width: 1px;\n    border-top-left-radius: 5px;\n    border-top-right-radius: 5px;\n    background: $ui-secondary-color;\n  }\n\n  &:last-child {\n    border-top-width: 1px;\n    border-bottom-left-radius: 5px;\n    border-bottom-right-radius: 5px;\n    display: none;\n  }\n}\n\n.emoji-mart-anchors {\n  display: flex;\n  justify-content: space-between;\n  padding: 0 6px;\n  color: $lighter-text-color;\n  line-height: 0;\n}\n\n.emoji-mart-anchor {\n  position: relative;\n  flex: 1;\n  text-align: center;\n  padding: 12px 4px;\n  overflow: hidden;\n  transition: color .1s ease-out;\n  cursor: pointer;\n\n  &:hover {\n    color: darken($lighter-text-color, 4%);\n  }\n}\n\n.emoji-mart-anchor-selected {\n  color: $highlight-text-color;\n\n  &:hover {\n    color: darken($highlight-text-color, 4%);\n  }\n\n  .emoji-mart-anchor-bar {\n    bottom: -1px;\n  }\n}\n\n.emoji-mart-anchor-bar {\n  position: absolute;\n  bottom: -5px;\n  left: 0;\n  width: 100%;\n  height: 4px;\n  background-color: $highlight-text-color;\n}\n\n.emoji-mart-anchors {\n  i {\n    display: inline-block;\n    width: 100%;\n    max-width: 22px;\n  }\n\n  svg {\n    fill: currentColor;\n    max-height: 18px;\n  }\n}\n\n.emoji-mart-scroll {\n  overflow-y: scroll;\n  height: 270px;\n  max-height: 35vh;\n  padding: 0 6px 6px;\n  background: $simple-background-color;\n  will-change: transform;\n\n  &::-webkit-scrollbar-track:hover,\n  &::-webkit-scrollbar-track:active {\n    background-color: rgba($base-overlay-background, 0.3);\n  }\n}\n\n.emoji-mart-search {\n  padding: 10px;\n  padding-right: 45px;\n  background: $simple-background-color;\n\n  input {\n    font-size: 14px;\n    font-weight: 400;\n    padding: 7px 9px;\n    font-family: inherit;\n    display: block;\n    width: 100%;\n    background: rgba($ui-secondary-color, 0.3);\n    color: $inverted-text-color;\n    border: 1px solid $ui-secondary-color;\n    border-radius: 4px;\n\n    &::-moz-focus-inner {\n      border: 0;\n    }\n\n    &::-moz-focus-inner,\n    &:focus,\n    &:active {\n      outline: 0 !important;\n    }\n  }\n}\n\n.emoji-mart-category .emoji-mart-emoji {\n  cursor: pointer;\n\n  span {\n    z-index: 1;\n    position: relative;\n    text-align: center;\n  }\n\n  &:hover::before {\n    z-index: 0;\n    content: \"\";\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n    background-color: rgba($ui-secondary-color, 0.7);\n    border-radius: 100%;\n  }\n}\n\n.emoji-mart-category-label {\n  z-index: 2;\n  position: relative;\n  position: -webkit-sticky;\n  position: sticky;\n  top: 0;\n\n  span {\n    display: block;\n    width: 100%;\n    font-weight: 500;\n    padding: 5px 6px;\n    background: $simple-background-color;\n  }\n}\n\n.emoji-mart-emoji {\n  position: relative;\n  display: inline-block;\n  font-size: 0;\n\n  span {\n    width: 22px;\n    height: 22px;\n  }\n}\n\n.emoji-mart-no-results {\n  font-size: 14px;\n  text-align: center;\n  padding-top: 70px;\n  color: $light-text-color;\n\n  .emoji-mart-category-label {\n    display: none;\n  }\n\n  .emoji-mart-no-results-label {\n    margin-top: .2em;\n  }\n\n  .emoji-mart-emoji:hover::before {\n    content: none;\n  }\n}\n\n.emoji-mart-preview {\n  display: none;\n}\n","$maximum-width: 1235px;\n$fluid-breakpoint: $maximum-width + 20px;\n$column-breakpoint: 700px;\n$small-breakpoint: 960px;\n\n.container {\n  box-sizing: border-box;\n  max-width: $maximum-width;\n  margin: 0 auto;\n  position: relative;\n\n  @media screen and (max-width: $fluid-breakpoint) {\n    width: 100%;\n    padding: 0 10px;\n  }\n}\n\n.rich-formatting {\n  font-family: $font-sans-serif, sans-serif;\n  font-size: 14px;\n  font-weight: 400;\n  line-height: 1.7;\n  word-wrap: break-word;\n  color: $darker-text-color;\n\n  a {\n    color: $highlight-text-color;\n    text-decoration: underline;\n\n    &:hover,\n    &:focus,\n    &:active {\n      text-decoration: none;\n    }\n  }\n\n  p,\n  li {\n    color: $darker-text-color;\n  }\n\n  p {\n    margin-top: 0;\n    margin-bottom: .85em;\n\n    &:last-child {\n      margin-bottom: 0;\n    }\n  }\n\n  strong {\n    font-weight: 700;\n    color: $secondary-text-color;\n  }\n\n  em {\n    font-style: italic;\n    color: $secondary-text-color;\n  }\n\n  code {\n    font-size: 0.85em;\n    background: darken($ui-base-color, 8%);\n    border-radius: 4px;\n    padding: 0.2em 0.3em;\n  }\n\n  h1,\n  h2,\n  h3,\n  h4,\n  h5,\n  h6 {\n    font-family: $font-display, sans-serif;\n    margin-top: 1.275em;\n    margin-bottom: .85em;\n    font-weight: 500;\n    color: $secondary-text-color;\n  }\n\n  h1 {\n    font-size: 2em;\n  }\n\n  h2 {\n    font-size: 1.75em;\n  }\n\n  h3 {\n    font-size: 1.5em;\n  }\n\n  h4 {\n    font-size: 1.25em;\n  }\n\n  h5,\n  h6 {\n    font-size: 1em;\n  }\n\n  ul {\n    list-style: disc;\n  }\n\n  ol {\n    list-style: decimal;\n  }\n\n  ul,\n  ol {\n    margin: 0;\n    padding: 0;\n    padding-left: 2em;\n    margin-bottom: 0.85em;\n\n    &[type='a'] {\n      list-style-type: lower-alpha;\n    }\n\n    &[type='i'] {\n      list-style-type: lower-roman;\n    }\n  }\n\n  hr {\n    width: 100%;\n    height: 0;\n    border: 0;\n    border-bottom: 1px solid lighten($ui-base-color, 4%);\n    margin: 1.7em 0;\n\n    &.spacer {\n      height: 1px;\n      border: 0;\n    }\n  }\n\n  table {\n    width: 100%;\n    border-collapse: collapse;\n    break-inside: auto;\n    margin-top: 24px;\n    margin-bottom: 32px;\n\n    thead tr,\n    tbody tr {\n      border-bottom: 1px solid lighten($ui-base-color, 4%);\n      font-size: 1em;\n      line-height: 1.625;\n      font-weight: 400;\n      text-align: left;\n      color: $darker-text-color;\n    }\n\n    thead tr {\n      border-bottom-width: 2px;\n      line-height: 1.5;\n      font-weight: 500;\n      color: $dark-text-color;\n    }\n\n    th,\n    td {\n      padding: 8px;\n      align-self: start;\n      align-items: start;\n      word-break: break-all;\n\n      &.nowrap {\n        width: 25%;\n        position: relative;\n\n        &::before {\n          content: '&nbsp;';\n          visibility: hidden;\n        }\n\n        span {\n          position: absolute;\n          left: 8px;\n          right: 8px;\n          white-space: nowrap;\n          overflow: hidden;\n          text-overflow: ellipsis;\n        }\n      }\n    }\n  }\n\n  & > :first-child {\n    margin-top: 0;\n  }\n}\n\n.information-board {\n  background: darken($ui-base-color, 4%);\n  padding: 20px 0;\n\n  .container-alt {\n    position: relative;\n    padding-right: 280px + 15px;\n  }\n\n  &__sections {\n    display: flex;\n    justify-content: space-between;\n    flex-wrap: wrap;\n  }\n\n  &__section {\n    flex: 1 0 0;\n    font-family: $font-sans-serif, sans-serif;\n    font-size: 16px;\n    line-height: 28px;\n    color: $primary-text-color;\n    text-align: right;\n    padding: 10px 15px;\n\n    span,\n    strong {\n      display: block;\n    }\n\n    span {\n      &:last-child {\n        color: $secondary-text-color;\n      }\n    }\n\n    strong {\n      font-family: $font-display, sans-serif;\n      font-weight: 500;\n      font-size: 32px;\n      line-height: 48px;\n    }\n\n    @media screen and (max-width: $column-breakpoint) {\n      text-align: center;\n    }\n  }\n\n  .panel {\n    position: absolute;\n    width: 280px;\n    box-sizing: border-box;\n    background: darken($ui-base-color, 8%);\n    padding: 20px;\n    padding-top: 10px;\n    border-radius: 4px 4px 0 0;\n    right: 0;\n    bottom: -40px;\n\n    .panel-header {\n      font-family: $font-display, sans-serif;\n      font-size: 14px;\n      line-height: 24px;\n      font-weight: 500;\n      color: $darker-text-color;\n      padding-bottom: 5px;\n      margin-bottom: 15px;\n      border-bottom: 1px solid lighten($ui-base-color, 4%);\n      text-overflow: ellipsis;\n      white-space: nowrap;\n      overflow: hidden;\n\n      a,\n      span {\n        font-weight: 400;\n        color: darken($darker-text-color, 10%);\n      }\n\n      a {\n        text-decoration: none;\n      }\n    }\n  }\n\n  .owner {\n    text-align: center;\n\n    .avatar {\n      width: 80px;\n      height: 80px;\n      margin: 0 auto;\n      margin-bottom: 15px;\n\n      img {\n        display: block;\n        width: 80px;\n        height: 80px;\n        border-radius: 48px;\n      }\n    }\n\n    .name {\n      font-size: 14px;\n\n      a {\n        display: block;\n        color: $primary-text-color;\n        text-decoration: none;\n\n        &:hover {\n          .display_name {\n            text-decoration: underline;\n          }\n        }\n      }\n\n      .username {\n        display: block;\n        color: $darker-text-color;\n      }\n    }\n  }\n}\n\n.landing-page {\n  p,\n  li {\n    font-family: $font-sans-serif, sans-serif;\n    font-size: 16px;\n    font-weight: 400;\n    font-size: 16px;\n    line-height: 30px;\n    margin-bottom: 12px;\n    color: $darker-text-color;\n\n    a {\n      color: $highlight-text-color;\n      text-decoration: underline;\n    }\n  }\n\n  em {\n    display: inline;\n    margin: 0;\n    padding: 0;\n    font-weight: 700;\n    background: transparent;\n    font-family: inherit;\n    font-size: inherit;\n    line-height: inherit;\n    color: lighten($darker-text-color, 10%);\n  }\n\n  h1 {\n    font-family: $font-display, sans-serif;\n    font-size: 26px;\n    line-height: 30px;\n    font-weight: 500;\n    margin-bottom: 20px;\n    color: $secondary-text-color;\n\n    small {\n      font-family: $font-sans-serif, sans-serif;\n      display: block;\n      font-size: 18px;\n      font-weight: 400;\n      color: lighten($darker-text-color, 10%);\n    }\n  }\n\n  h2 {\n    font-family: $font-display, sans-serif;\n    font-size: 22px;\n    line-height: 26px;\n    font-weight: 500;\n    margin-bottom: 20px;\n    color: $secondary-text-color;\n  }\n\n  h3 {\n    font-family: $font-display, sans-serif;\n    font-size: 18px;\n    line-height: 24px;\n    font-weight: 500;\n    margin-bottom: 20px;\n    color: $secondary-text-color;\n  }\n\n  h4 {\n    font-family: $font-display, sans-serif;\n    font-size: 16px;\n    line-height: 24px;\n    font-weight: 500;\n    margin-bottom: 20px;\n    color: $secondary-text-color;\n  }\n\n  h5 {\n    font-family: $font-display, sans-serif;\n    font-size: 14px;\n    line-height: 24px;\n    font-weight: 500;\n    margin-bottom: 20px;\n    color: $secondary-text-color;\n  }\n\n  h6 {\n    font-family: $font-display, sans-serif;\n    font-size: 12px;\n    line-height: 24px;\n    font-weight: 500;\n    margin-bottom: 20px;\n    color: $secondary-text-color;\n  }\n\n  ul,\n  ol {\n    margin-left: 20px;\n\n    &[type='a'] {\n      list-style-type: lower-alpha;\n    }\n\n    &[type='i'] {\n      list-style-type: lower-roman;\n    }\n  }\n\n  ul {\n    list-style: disc;\n  }\n\n  ol {\n    list-style: decimal;\n  }\n\n  li > ol,\n  li > ul {\n    margin-top: 6px;\n  }\n\n  hr {\n    width: 100%;\n    height: 0;\n    border: 0;\n    border-bottom: 1px solid rgba($ui-base-lighter-color, .6);\n    margin: 20px 0;\n\n    &.spacer {\n      height: 1px;\n      border: 0;\n    }\n  }\n\n  &__information,\n  &__forms {\n    padding: 20px;\n  }\n\n  &__call-to-action {\n    background: $ui-base-color;\n    border-radius: 4px;\n    padding: 25px 40px;\n    overflow: hidden;\n    box-sizing: border-box;\n\n    .row {\n      width: 100%;\n      display: flex;\n      flex-direction: row-reverse;\n      flex-wrap: nowrap;\n      justify-content: space-between;\n      align-items: center;\n    }\n\n    .row__information-board {\n      display: flex;\n      justify-content: flex-end;\n      align-items: flex-end;\n\n      .information-board__section {\n        flex: 1 0 auto;\n        padding: 0 10px;\n      }\n\n      @media screen and (max-width: $no-gap-breakpoint) {\n        width: 100%;\n        justify-content: space-between;\n      }\n    }\n\n    .row__mascot {\n      flex: 1;\n      margin: 10px -50px 0 0;\n\n      @media screen and (max-width: $no-gap-breakpoint) {\n        display: none;\n      }\n    }\n  }\n\n  &__logo {\n    margin-right: 20px;\n\n    img {\n      height: 50px;\n      width: auto;\n      mix-blend-mode: lighten;\n    }\n  }\n\n  &__information {\n    padding: 45px 40px;\n    margin-bottom: 10px;\n\n    &:last-child {\n      margin-bottom: 0;\n    }\n\n    strong {\n      font-weight: 500;\n      color: lighten($darker-text-color, 10%);\n    }\n\n    .account {\n      border-bottom: 0;\n      padding: 0;\n\n      &__display-name {\n        align-items: center;\n        display: flex;\n        margin-right: 5px;\n      }\n\n      div.account__display-name {\n        &:hover {\n          .display-name strong {\n            text-decoration: none;\n          }\n        }\n\n        .account__avatar {\n          cursor: default;\n        }\n      }\n\n      &__avatar-wrapper {\n        margin-left: 0;\n        flex: 0 0 auto;\n      }\n\n      &__avatar {\n        width: 44px;\n        height: 44px;\n        background-size: 44px 44px;\n      }\n\n      .display-name {\n        font-size: 15px;\n\n        &__account {\n          font-size: 14px;\n        }\n      }\n    }\n\n    @media screen and (max-width: $small-breakpoint) {\n      .contact {\n        margin-top: 30px;\n      }\n    }\n\n    @media screen and (max-width: $column-breakpoint) {\n      padding: 25px 20px;\n    }\n  }\n\n  &__information,\n  &__forms,\n  #mastodon-timeline {\n    box-sizing: border-box;\n    background: $ui-base-color;\n    border-radius: 4px;\n    box-shadow: 0 0 6px rgba($black, 0.1);\n  }\n\n  &__mascot {\n    height: 104px;\n    position: relative;\n    left: -40px;\n    bottom: 25px;\n\n    img {\n      height: 190px;\n      width: auto;\n    }\n  }\n\n  &__short-description {\n    .row {\n      display: flex;\n      flex-wrap: wrap;\n      align-items: center;\n      margin-bottom: 40px;\n    }\n\n    @media screen and (max-width: $column-breakpoint) {\n      .row {\n        margin-bottom: 20px;\n      }\n    }\n\n    p a {\n      color: $secondary-text-color;\n    }\n\n    h1 {\n      font-weight: 500;\n      color: $primary-text-color;\n      margin-bottom: 0;\n\n      small {\n        color: $darker-text-color;\n\n        span {\n          color: $secondary-text-color;\n        }\n      }\n    }\n\n    p:last-child {\n      margin-bottom: 0;\n    }\n  }\n\n  &__hero {\n    margin-bottom: 10px;\n\n    img {\n      display: block;\n      margin: 0;\n      max-width: 100%;\n      height: auto;\n      border-radius: 4px;\n    }\n  }\n\n  @media screen and (max-width: 840px) {\n    .information-board {\n      .container-alt {\n        padding-right: 20px;\n      }\n\n      .panel {\n        position: static;\n        margin-top: 20px;\n        width: 100%;\n        border-radius: 4px;\n\n        .panel-header {\n          text-align: center;\n        }\n      }\n    }\n  }\n\n  @media screen and (max-width: 675px) {\n    .header-wrapper {\n      padding-top: 0;\n\n      &.compact {\n        padding-bottom: 0;\n      }\n\n      &.compact .hero .heading {\n        text-align: initial;\n      }\n    }\n\n    .header .container-alt,\n    .features .container-alt {\n      display: block;\n    }\n  }\n\n  .cta {\n    margin: 20px;\n  }\n}\n\n.landing {\n  margin-bottom: 100px;\n\n  @media screen and (max-width: 738px) {\n    margin-bottom: 0;\n  }\n\n  &__brand {\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    padding: 50px;\n\n    svg {\n      fill: $primary-text-color;\n      height: 52px;\n    }\n\n    @media screen and (max-width: $no-gap-breakpoint) {\n      padding: 0;\n      margin-bottom: 30px;\n    }\n  }\n\n  .directory {\n    margin-top: 30px;\n    background: transparent;\n    box-shadow: none;\n    border-radius: 0;\n  }\n\n  .hero-widget {\n    margin-top: 30px;\n    margin-bottom: 0;\n\n    h4 {\n      padding: 10px;\n      text-transform: uppercase;\n      font-weight: 700;\n      font-size: 13px;\n      color: $darker-text-color;\n    }\n\n    &__text {\n      border-radius: 0;\n      padding-bottom: 0;\n    }\n\n    &__footer {\n      background: $ui-base-color;\n      padding: 10px;\n      border-radius: 0 0 4px 4px;\n      display: flex;\n\n      &__column {\n        flex: 1 1 50%;\n      }\n    }\n\n    .account {\n      padding: 10px 0;\n      border-bottom: 0;\n\n      .account__display-name {\n        display: flex;\n        align-items: center;\n      }\n\n      .account__avatar {\n        width: 44px;\n        height: 44px;\n        background-size: 44px 44px;\n      }\n    }\n\n    &__counter {\n      padding: 10px;\n\n      strong {\n        font-family: $font-display, sans-serif;\n        font-size: 15px;\n        font-weight: 700;\n        display: block;\n      }\n\n      span {\n        font-size: 14px;\n        color: $darker-text-color;\n      }\n    }\n  }\n\n  .simple_form .user_agreement .label_input > label {\n    font-weight: 400;\n    color: $darker-text-color;\n  }\n\n  .simple_form p.lead {\n    color: $darker-text-color;\n    font-size: 15px;\n    line-height: 20px;\n    font-weight: 400;\n    margin-bottom: 25px;\n  }\n\n  &__grid {\n    max-width: 960px;\n    margin: 0 auto;\n    display: grid;\n    grid-template-columns: minmax(0, 50%) minmax(0, 50%);\n    grid-gap: 30px;\n\n    @media screen and (max-width: 738px) {\n      grid-template-columns: minmax(0, 100%);\n      grid-gap: 10px;\n\n      &__column-login {\n        grid-row: 1;\n        display: flex;\n        flex-direction: column;\n\n        .box-widget {\n          order: 2;\n          flex: 0 0 auto;\n        }\n\n        .hero-widget {\n          margin-top: 0;\n          margin-bottom: 10px;\n          order: 1;\n          flex: 0 0 auto;\n        }\n      }\n\n      &__column-registration {\n        grid-row: 2;\n      }\n\n      .directory {\n        margin-top: 10px;\n      }\n    }\n\n    @media screen and (max-width: $no-gap-breakpoint) {\n      grid-gap: 0;\n\n      .hero-widget {\n        display: block;\n        margin-bottom: 0;\n        box-shadow: none;\n\n        &__img,\n        &__img img,\n        &__footer {\n          border-radius: 0;\n        }\n      }\n\n      .hero-widget,\n      .box-widget,\n      .directory__tag {\n        border-bottom: 1px solid lighten($ui-base-color, 8%);\n      }\n\n      .directory {\n        margin-top: 0;\n\n        &__tag {\n          margin-bottom: 0;\n\n          & > a,\n          & > div {\n            border-radius: 0;\n            box-shadow: none;\n          }\n\n          &:last-child {\n            border-bottom: 0;\n          }\n        }\n      }\n    }\n  }\n}\n\n.brand {\n  position: relative;\n  text-decoration: none;\n}\n\n.brand__tagline {\n  display: block;\n  position: absolute;\n  bottom: -10px;\n  left: 50px;\n  width: 300px;\n  color: $ui-primary-color;\n  text-decoration: none;\n  font-size: 14px;\n\n  @media screen and (max-width: $no-gap-breakpoint) {\n    position: static;\n    width: auto;\n    margin-top: 20px;\n    color: $dark-text-color;\n  }\n}\n\n",".table {\n  width: 100%;\n  max-width: 100%;\n  border-spacing: 0;\n  border-collapse: collapse;\n\n  th,\n  td {\n    padding: 8px;\n    line-height: 18px;\n    vertical-align: top;\n    border-top: 1px solid $ui-base-color;\n    text-align: left;\n    background: darken($ui-base-color, 4%);\n  }\n\n  & > thead > tr > th {\n    vertical-align: bottom;\n    border-bottom: 2px solid $ui-base-color;\n    border-top: 0;\n    font-weight: 500;\n  }\n\n  & > tbody > tr > th {\n    font-weight: 500;\n  }\n\n  & > tbody > tr:nth-child(odd) > td,\n  & > tbody > tr:nth-child(odd) > th {\n    background: $ui-base-color;\n  }\n\n  a {\n    color: $highlight-text-color;\n    text-decoration: underline;\n\n    &:hover {\n      text-decoration: none;\n    }\n  }\n\n  strong {\n    font-weight: 500;\n\n    @each $lang in $cjk-langs {\n      &:lang(#{$lang}) {\n        font-weight: 700;\n      }\n    }\n  }\n\n  &.inline-table {\n    & > tbody > tr:nth-child(odd) {\n      & > td,\n      & > th {\n        background: transparent;\n      }\n    }\n\n    & > tbody > tr:first-child {\n      & > td,\n      & > th {\n        border-top: 0;\n      }\n    }\n  }\n\n  &.batch-table {\n    & > thead > tr > th {\n      background: $ui-base-color;\n      border-top: 1px solid darken($ui-base-color, 8%);\n      border-bottom: 1px solid darken($ui-base-color, 8%);\n\n      &:first-child {\n        border-radius: 4px 0 0;\n        border-left: 1px solid darken($ui-base-color, 8%);\n      }\n\n      &:last-child {\n        border-radius: 0 4px 0 0;\n        border-right: 1px solid darken($ui-base-color, 8%);\n      }\n    }\n  }\n\n  &--invites tbody td {\n    vertical-align: middle;\n  }\n}\n\n.table-wrapper {\n  overflow: auto;\n  margin-bottom: 20px;\n}\n\nsamp {\n  font-family: $font-monospace, monospace;\n}\n\nbutton.table-action-link {\n  background: transparent;\n  border: 0;\n  font: inherit;\n}\n\nbutton.table-action-link,\na.table-action-link {\n  text-decoration: none;\n  display: inline-block;\n  margin-right: 5px;\n  padding: 0 10px;\n  color: $darker-text-color;\n  font-weight: 500;\n\n  &:hover {\n    color: $primary-text-color;\n  }\n\n  i.fa {\n    font-weight: 400;\n    margin-right: 5px;\n  }\n\n  &:first-child {\n    padding-left: 0;\n  }\n}\n\n.batch-table {\n  &__toolbar,\n  &__row {\n    display: flex;\n\n    &__select {\n      box-sizing: border-box;\n      padding: 8px 16px;\n      cursor: pointer;\n      min-height: 100%;\n\n      input {\n        margin-top: 8px;\n      }\n\n      &--aligned {\n        display: flex;\n        align-items: center;\n\n        input {\n          margin-top: 0;\n        }\n      }\n    }\n\n    &__actions,\n    &__content {\n      padding: 8px 0;\n      padding-right: 16px;\n      flex: 1 1 auto;\n    }\n  }\n\n  &__toolbar {\n    border: 1px solid darken($ui-base-color, 8%);\n    background: $ui-base-color;\n    border-radius: 4px 0 0;\n    height: 47px;\n    align-items: center;\n\n    &__actions {\n      text-align: right;\n      padding-right: 16px - 5px;\n    }\n  }\n\n  &__form {\n    padding: 16px;\n    border: 1px solid darken($ui-base-color, 8%);\n    border-top: 0;\n    background: $ui-base-color;\n\n    .fields-row {\n      padding-top: 0;\n      margin-bottom: 0;\n    }\n  }\n\n  &__row {\n    border: 1px solid darken($ui-base-color, 8%);\n    border-top: 0;\n    background: darken($ui-base-color, 4%);\n\n    @media screen and (max-width: $no-gap-breakpoint) {\n      .optional &:first-child {\n        border-top: 1px solid darken($ui-base-color, 8%);\n      }\n    }\n\n    &:hover {\n      background: darken($ui-base-color, 2%);\n    }\n\n    &:nth-child(even) {\n      background: $ui-base-color;\n\n      &:hover {\n        background: lighten($ui-base-color, 2%);\n      }\n    }\n\n    &__content {\n      padding-top: 12px;\n      padding-bottom: 16px;\n\n      &--unpadded {\n        padding: 0;\n      }\n\n      &--with-image {\n        display: flex;\n        align-items: center;\n      }\n\n      &__image {\n        flex: 0 0 auto;\n        display: flex;\n        justify-content: center;\n        align-items: center;\n        margin-right: 10px;\n\n        .emojione {\n          width: 32px;\n          height: 32px;\n        }\n      }\n\n      &__text {\n        flex: 1 1 auto;\n      }\n\n      &__extra {\n        flex: 0 0 auto;\n        text-align: right;\n        color: $darker-text-color;\n        font-weight: 500;\n      }\n    }\n\n    .directory__tag {\n      margin: 0;\n      width: 100%;\n\n      a {\n        background: transparent;\n        border-radius: 0;\n      }\n    }\n  }\n\n  &.optional .batch-table__toolbar,\n  &.optional .batch-table__row__select {\n    @media screen and (max-width: $no-gap-breakpoint) {\n      display: none;\n    }\n  }\n\n  .status__content {\n    padding-top: 0;\n\n    summary {\n      display: list-item;\n    }\n\n    strong {\n      font-weight: 700;\n    }\n  }\n\n  .nothing-here {\n    border: 1px solid darken($ui-base-color, 8%);\n    border-top: 0;\n    box-shadow: none;\n\n    @media screen and (max-width: $no-gap-breakpoint) {\n      border-top: 1px solid darken($ui-base-color, 8%);\n    }\n  }\n\n  @media screen and (max-width: 870px) {\n    .accounts-table tbody td.optional {\n      display: none;\n    }\n  }\n}\n","$no-columns-breakpoint: 600px;\n$sidebar-width: 240px;\n$content-width: 840px;\n\n.admin-wrapper {\n  display: flex;\n  justify-content: center;\n  width: 100%;\n  min-height: 100vh;\n\n  .sidebar-wrapper {\n    min-height: 100vh;\n    overflow: hidden;\n    pointer-events: none;\n    flex: 1 1 auto;\n\n    &__inner {\n      display: flex;\n      justify-content: flex-end;\n      background: $ui-base-color;\n      height: 100%;\n    }\n  }\n\n  .sidebar {\n    width: $sidebar-width;\n    padding: 0;\n    pointer-events: auto;\n\n    &__toggle {\n      display: none;\n      background: lighten($ui-base-color, 8%);\n      height: 48px;\n\n      &__logo {\n        flex: 1 1 auto;\n\n        a {\n          display: inline-block;\n          padding: 15px;\n        }\n\n        svg {\n          fill: $primary-text-color;\n          height: 20px;\n          position: relative;\n          bottom: -2px;\n        }\n      }\n\n      &__icon {\n        display: block;\n        color: $darker-text-color;\n        text-decoration: none;\n        flex: 0 0 auto;\n        font-size: 20px;\n        padding: 15px;\n      }\n\n      a {\n        &:hover,\n        &:focus,\n        &:active {\n          background: lighten($ui-base-color, 12%);\n        }\n      }\n    }\n\n    .logo {\n      display: block;\n      margin: 40px auto;\n      width: 100px;\n      height: 100px;\n    }\n\n    @media screen and (max-width: $no-columns-breakpoint) {\n      & > a:first-child {\n        display: none;\n      }\n    }\n\n    ul {\n      list-style: none;\n      border-radius: 4px 0 0 4px;\n      overflow: hidden;\n      margin-bottom: 20px;\n\n      @media screen and (max-width: $no-columns-breakpoint) {\n        margin-bottom: 0;\n      }\n\n      a {\n        display: block;\n        padding: 15px;\n        color: $darker-text-color;\n        text-decoration: none;\n        transition: all 200ms linear;\n        transition-property: color, background-color;\n        border-radius: 4px 0 0 4px;\n        white-space: nowrap;\n        overflow: hidden;\n        text-overflow: ellipsis;\n\n        i.fa {\n          margin-right: 5px;\n        }\n\n        &:hover {\n          color: $primary-text-color;\n          background-color: darken($ui-base-color, 5%);\n          transition: all 100ms linear;\n          transition-property: color, background-color;\n        }\n\n        &.selected {\n          background: darken($ui-base-color, 2%);\n          border-radius: 4px 0 0;\n        }\n      }\n\n      ul {\n        background: darken($ui-base-color, 4%);\n        border-radius: 0 0 0 4px;\n        margin: 0;\n\n        a {\n          border: 0;\n          padding: 15px 35px;\n        }\n      }\n\n      .simple-navigation-active-leaf a {\n        color: $primary-text-color;\n        background-color: $ui-highlight-color;\n        border-bottom: 0;\n        border-radius: 0;\n\n        &:hover {\n          background-color: lighten($ui-highlight-color, 5%);\n        }\n      }\n    }\n\n    & > ul > .simple-navigation-active-leaf a {\n      border-radius: 4px 0 0 4px;\n    }\n  }\n\n  .content-wrapper {\n    box-sizing: border-box;\n    width: 100%;\n    max-width: $content-width;\n    flex: 1 1 auto;\n  }\n\n  @media screen and (max-width: $content-width + $sidebar-width) {\n    .sidebar-wrapper--empty {\n      display: none;\n    }\n\n    .sidebar-wrapper {\n      width: $sidebar-width;\n      flex: 0 0 auto;\n    }\n  }\n\n  @media screen and (max-width: $no-columns-breakpoint) {\n    .sidebar-wrapper {\n      width: 100%;\n    }\n  }\n\n  .content {\n    padding: 20px 15px;\n    padding-top: 60px;\n    padding-left: 25px;\n\n    @media screen and (max-width: $no-columns-breakpoint) {\n      max-width: none;\n      padding: 15px;\n      padding-top: 30px;\n    }\n\n    &-heading {\n      display: flex;\n\n      padding-bottom: 40px;\n      border-bottom: 1px solid lighten($ui-base-color, 8%);\n\n      margin: -15px -15px 40px 0;\n\n      flex-wrap: wrap;\n      align-items: center;\n      justify-content: space-between;\n\n      & > * {\n        margin-top: 15px;\n        margin-right: 15px;\n      }\n\n      &-actions {\n        display: inline-flex;\n\n        & > :not(:first-child) {\n          margin-left: 5px;\n        }\n      }\n\n      @media screen and (max-width: $no-columns-breakpoint) {\n        border-bottom: 0;\n        padding-bottom: 0;\n      }\n    }\n\n    h2 {\n      color: $secondary-text-color;\n      font-size: 24px;\n      line-height: 28px;\n      font-weight: 400;\n\n      @media screen and (max-width: $no-columns-breakpoint) {\n        font-weight: 700;\n      }\n    }\n\n    h3 {\n      color: $secondary-text-color;\n      font-size: 20px;\n      line-height: 28px;\n      font-weight: 400;\n      margin-bottom: 30px;\n    }\n\n    h4 {\n      text-transform: uppercase;\n      font-size: 13px;\n      font-weight: 700;\n      color: $darker-text-color;\n      padding-bottom: 8px;\n      margin-bottom: 8px;\n      border-bottom: 1px solid lighten($ui-base-color, 8%);\n    }\n\n    h6 {\n      font-size: 16px;\n      color: $secondary-text-color;\n      line-height: 28px;\n      font-weight: 500;\n    }\n\n    .fields-group h6 {\n      color: $primary-text-color;\n      font-weight: 500;\n    }\n\n    .directory__tag > a,\n    .directory__tag > div {\n      box-shadow: none;\n    }\n\n    .directory__tag .table-action-link .fa {\n      color: inherit;\n    }\n\n    .directory__tag h4 {\n      font-size: 18px;\n      font-weight: 700;\n      color: $primary-text-color;\n      text-transform: none;\n      padding-bottom: 0;\n      margin-bottom: 0;\n      border-bottom: 0;\n    }\n\n    & > p {\n      font-size: 14px;\n      line-height: 21px;\n      color: $secondary-text-color;\n      margin-bottom: 20px;\n\n      strong {\n        color: $primary-text-color;\n        font-weight: 500;\n\n        @each $lang in $cjk-langs {\n          &:lang(#{$lang}) {\n            font-weight: 700;\n          }\n        }\n      }\n    }\n\n    hr {\n      width: 100%;\n      height: 0;\n      border: 0;\n      border-bottom: 1px solid rgba($ui-base-lighter-color, .6);\n      margin: 20px 0;\n\n      &.spacer {\n        height: 1px;\n        border: 0;\n      }\n    }\n  }\n\n  @media screen and (max-width: $no-columns-breakpoint) {\n    display: block;\n\n    .sidebar-wrapper {\n      min-height: 0;\n    }\n\n    .sidebar {\n      width: 100%;\n      padding: 0;\n      height: auto;\n\n      &__toggle {\n        display: flex;\n      }\n\n      & > ul {\n        display: none;\n      }\n\n      ul a,\n      ul ul a {\n        border-radius: 0;\n        border-bottom: 1px solid lighten($ui-base-color, 4%);\n        transition: none;\n\n        &:hover {\n          transition: none;\n        }\n      }\n\n      ul ul {\n        border-radius: 0;\n      }\n\n      ul .simple-navigation-active-leaf a {\n        border-bottom-color: $ui-highlight-color;\n      }\n    }\n  }\n}\n\nhr.spacer {\n  width: 100%;\n  border: 0;\n  margin: 20px 0;\n  height: 1px;\n}\n\nbody,\n.admin-wrapper .content {\n  .muted-hint {\n    color: $darker-text-color;\n\n    a {\n      color: $highlight-text-color;\n    }\n  }\n\n  .positive-hint {\n    color: $valid-value-color;\n    font-weight: 500;\n  }\n\n  .negative-hint {\n    color: $error-value-color;\n    font-weight: 500;\n  }\n\n  .neutral-hint {\n    color: $dark-text-color;\n    font-weight: 500;\n  }\n\n  .warning-hint {\n    color: $gold-star;\n    font-weight: 500;\n  }\n}\n\n.filters {\n  display: flex;\n  flex-wrap: wrap;\n\n  .filter-subset {\n    flex: 0 0 auto;\n    margin: 0 40px 20px 0;\n\n    &:last-child {\n      margin-bottom: 30px;\n    }\n\n    ul {\n      margin-top: 5px;\n      list-style: none;\n\n      li {\n        display: inline-block;\n        margin-right: 5px;\n      }\n    }\n\n    strong {\n      font-weight: 500;\n      text-transform: uppercase;\n      font-size: 12px;\n\n      @each $lang in $cjk-langs {\n        &:lang(#{$lang}) {\n          font-weight: 700;\n        }\n      }\n    }\n\n    &--with-select strong {\n      display: block;\n      margin-bottom: 10px;\n    }\n\n    a {\n      display: inline-block;\n      color: $darker-text-color;\n      text-decoration: none;\n      text-transform: uppercase;\n      font-size: 12px;\n      font-weight: 500;\n      border-bottom: 2px solid $ui-base-color;\n\n      &:hover {\n        color: $primary-text-color;\n        border-bottom: 2px solid lighten($ui-base-color, 5%);\n      }\n\n      &.selected {\n        color: $highlight-text-color;\n        border-bottom: 2px solid $ui-highlight-color;\n      }\n    }\n  }\n}\n\n.flavour-screen {\n  display: block;\n  margin: 10px auto;\n  max-width: 100%;\n}\n\n.flavour-description {\n  display: block;\n  font-size: 16px;\n  margin: 10px 0;\n\n  & > p {\n    margin: 10px 0;\n  }\n}\n\n.flavour-screen {\n  display: block;\n  margin: 10px auto;\n  max-width: 100%;\n}\n\n.flavour-description {\n  display: block;\n  font-size: 16px;\n  margin: 10px 0;\n\n  & > p {\n    margin: 10px 0;\n  }\n}\n\n.report-accounts {\n  display: flex;\n  flex-wrap: wrap;\n  margin-bottom: 20px;\n}\n\n.report-accounts__item {\n  display: flex;\n  flex: 250px;\n  flex-direction: column;\n  margin: 0 5px;\n\n  & > strong {\n    display: block;\n    margin: 0 0 10px -5px;\n    font-weight: 500;\n    font-size: 14px;\n    line-height: 18px;\n    color: $secondary-text-color;\n\n    @each $lang in $cjk-langs {\n      &:lang(#{$lang}) {\n        font-weight: 700;\n      }\n    }\n  }\n\n  .account-card {\n    flex: 1 1 auto;\n  }\n}\n\n.report-status,\n.account-status {\n  display: flex;\n  margin-bottom: 10px;\n\n  .activity-stream {\n    flex: 2 0 0;\n    margin-right: 20px;\n    max-width: calc(100% - 60px);\n\n    .entry {\n      border-radius: 4px;\n    }\n  }\n}\n\n.report-status__actions,\n.account-status__actions {\n  flex: 0 0 auto;\n  display: flex;\n  flex-direction: column;\n\n  .icon-button {\n    font-size: 24px;\n    width: 24px;\n    text-align: center;\n    margin-bottom: 10px;\n  }\n}\n\n.simple_form.new_report_note,\n.simple_form.new_account_moderation_note {\n  max-width: 100%;\n}\n\n.batch-form-box {\n  display: flex;\n  flex-wrap: wrap;\n  margin-bottom: 5px;\n\n  #form_status_batch_action {\n    margin: 0 5px 5px 0;\n    font-size: 14px;\n  }\n\n  input.button {\n    margin: 0 5px 5px 0;\n  }\n\n  .media-spoiler-toggle-buttons {\n    margin-left: auto;\n\n    .button {\n      overflow: visible;\n      margin: 0 0 5px 5px;\n      float: right;\n    }\n  }\n}\n\n.back-link {\n  margin-bottom: 10px;\n  font-size: 14px;\n\n  a {\n    color: $highlight-text-color;\n    text-decoration: none;\n\n    &:hover {\n      text-decoration: underline;\n    }\n  }\n}\n\n.spacer {\n  flex: 1 1 auto;\n}\n\n.log-entry {\n  line-height: 20px;\n  padding: 15px 0;\n  background: $ui-base-color;\n  border-bottom: 1px solid lighten($ui-base-color, 4%);\n\n  &:last-child {\n    border-bottom: 0;\n  }\n\n  &__header {\n    display: flex;\n    justify-content: flex-start;\n    align-items: center;\n    color: $darker-text-color;\n    font-size: 14px;\n    padding: 0 10px;\n  }\n\n  &__avatar {\n    margin-right: 10px;\n\n    .avatar {\n      display: block;\n      margin: 0;\n      border-radius: 50%;\n      width: 40px;\n      height: 40px;\n    }\n  }\n\n  &__content {\n    max-width: calc(100% - 90px);\n  }\n\n  &__title {\n    word-wrap: break-word;\n  }\n\n  &__timestamp {\n    color: $dark-text-color;\n  }\n\n  a,\n  .username,\n  .target {\n    color: $secondary-text-color;\n    text-decoration: none;\n    font-weight: 500;\n  }\n}\n\na.name-tag,\n.name-tag,\na.inline-name-tag,\n.inline-name-tag {\n  text-decoration: none;\n  color: $secondary-text-color;\n\n  .username {\n    font-weight: 500;\n  }\n\n  &.suspended {\n    .username {\n      text-decoration: line-through;\n      color: lighten($error-red, 12%);\n    }\n\n    .avatar {\n      filter: grayscale(100%);\n      opacity: 0.8;\n    }\n  }\n}\n\na.name-tag,\n.name-tag {\n  display: flex;\n  align-items: center;\n\n  .avatar {\n    display: block;\n    margin: 0;\n    margin-right: 5px;\n    border-radius: 50%;\n  }\n\n  &.suspended {\n    .avatar {\n      filter: grayscale(100%);\n      opacity: 0.8;\n    }\n  }\n}\n\n.speech-bubble {\n  margin-bottom: 20px;\n  border-left: 4px solid $ui-highlight-color;\n\n  &.positive {\n    border-left-color: $success-green;\n  }\n\n  &.negative {\n    border-left-color: lighten($error-red, 12%);\n  }\n\n  &.warning {\n    border-left-color: $gold-star;\n  }\n\n  &__bubble {\n    padding: 16px;\n    padding-left: 14px;\n    font-size: 15px;\n    line-height: 20px;\n    border-radius: 4px 4px 4px 0;\n    position: relative;\n    font-weight: 500;\n\n    a {\n      color: $darker-text-color;\n    }\n  }\n\n  &__owner {\n    padding: 8px;\n    padding-left: 12px;\n  }\n\n  time {\n    color: $dark-text-color;\n  }\n}\n\n.report-card {\n  background: $ui-base-color;\n  border-radius: 4px;\n  margin-bottom: 20px;\n\n  &__profile {\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    padding: 15px;\n\n    .account {\n      padding: 0;\n      border: 0;\n\n      &__avatar-wrapper {\n        margin-left: 0;\n      }\n    }\n\n    &__stats {\n      flex: 0 0 auto;\n      font-weight: 500;\n      color: $darker-text-color;\n      text-transform: uppercase;\n      text-align: right;\n\n      a {\n        color: inherit;\n        text-decoration: none;\n\n        &:focus,\n        &:hover,\n        &:active {\n          color: lighten($darker-text-color, 8%);\n        }\n      }\n\n      .red {\n        color: $error-value-color;\n      }\n    }\n  }\n\n  &__summary {\n    &__item {\n      display: flex;\n      justify-content: flex-start;\n      border-top: 1px solid darken($ui-base-color, 4%);\n\n      &:hover {\n        background: lighten($ui-base-color, 2%);\n      }\n\n      &__reported-by,\n      &__assigned {\n        padding: 15px;\n        flex: 0 0 auto;\n        box-sizing: border-box;\n        width: 150px;\n        color: $darker-text-color;\n\n        &,\n        .username {\n          white-space: nowrap;\n          overflow: hidden;\n          text-overflow: ellipsis;\n        }\n      }\n\n      &__content {\n        flex: 1 1 auto;\n        max-width: calc(100% - 300px);\n\n        &__icon {\n          color: $dark-text-color;\n          margin-right: 4px;\n          font-weight: 500;\n        }\n      }\n\n      &__content a {\n        display: block;\n        box-sizing: border-box;\n        width: 100%;\n        padding: 15px;\n        text-decoration: none;\n        color: $darker-text-color;\n      }\n    }\n  }\n}\n\n.one-line {\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n}\n\n.ellipsized-ip {\n  display: inline-block;\n  max-width: 120px;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  vertical-align: middle;\n}\n\n.admin-account-bio {\n  display: flex;\n  flex-wrap: wrap;\n  margin: 0 -5px;\n  margin-top: 20px;\n\n  > div {\n    box-sizing: border-box;\n    padding: 0 5px;\n    margin-bottom: 10px;\n    flex: 1 0 50%;\n  }\n\n  .account__header__fields,\n  .account__header__content {\n    background: lighten($ui-base-color, 8%);\n    border-radius: 4px;\n    height: 100%;\n  }\n\n  .account__header__fields {\n    margin: 0;\n    border: 0;\n\n    a {\n      color: lighten($ui-highlight-color, 8%);\n    }\n\n    dl:first-child .verified {\n      border-radius: 0 4px 0 0;\n    }\n\n    .verified a {\n      color: $valid-value-color;\n    }\n  }\n\n  .account__header__content {\n    box-sizing: border-box;\n    padding: 20px;\n    color: $primary-text-color;\n  }\n}\n\n.center-text {\n  text-align: center;\n}\n\n.announcements-list {\n  border: 1px solid lighten($ui-base-color, 4%);\n  border-radius: 4px;\n\n  &__item {\n    padding: 15px 0;\n    background: $ui-base-color;\n    border-bottom: 1px solid lighten($ui-base-color, 4%);\n\n    &__title {\n      padding: 0 15px;\n      display: block;\n      font-weight: 500;\n      font-size: 18px;\n      line-height: 1.5;\n      color: $secondary-text-color;\n      text-decoration: none;\n      margin-bottom: 10px;\n\n      &:hover,\n      &:focus,\n      &:active {\n        color: $primary-text-color;\n      }\n    }\n\n    &__meta {\n      padding: 0 15px;\n      color: $dark-text-color;\n    }\n\n    &__action-bar {\n      display: flex;\n      justify-content: space-between;\n      align-items: center;\n    }\n\n    &:last-child {\n      border-bottom: 0;\n    }\n  }\n}\n",".dashboard__counters {\n  display: flex;\n  flex-wrap: wrap;\n  margin: 0 -5px;\n  margin-bottom: 20px;\n\n  & > div {\n    box-sizing: border-box;\n    flex: 0 0 33.333%;\n    padding: 0 5px;\n    margin-bottom: 10px;\n\n    & > div,\n    & > a {\n      padding: 20px;\n      background: lighten($ui-base-color, 4%);\n      border-radius: 4px;\n      box-sizing: border-box;\n      height: 100%;\n    }\n\n    & > a {\n      text-decoration: none;\n      color: inherit;\n      display: block;\n\n      &:hover,\n      &:focus,\n      &:active {\n        background: lighten($ui-base-color, 8%);\n      }\n    }\n  }\n\n  &__num,\n  &__text {\n    text-align: center;\n    font-weight: 500;\n    font-size: 24px;\n    line-height: 21px;\n    color: $primary-text-color;\n    font-family: $font-display, sans-serif;\n    margin-bottom: 20px;\n    line-height: 30px;\n  }\n\n  &__text {\n    font-size: 18px;\n  }\n\n  &__label {\n    font-size: 14px;\n    color: $darker-text-color;\n    text-align: center;\n    font-weight: 500;\n  }\n}\n\n.dashboard__widgets {\n  display: flex;\n  flex-wrap: wrap;\n  margin: 0 -5px;\n\n  & > div {\n    flex: 0 0 33.333%;\n    margin-bottom: 20px;\n\n    & > div {\n      padding: 0 5px;\n    }\n  }\n\n  a:not(.name-tag) {\n    color: $ui-secondary-color;\n    font-weight: 500;\n    text-decoration: none;\n  }\n}\n","body.rtl {\n  direction: rtl;\n\n  .column-header > button {\n    text-align: right;\n    padding-left: 0;\n    padding-right: 15px;\n  }\n\n  .radio-button__input {\n    margin-right: 0;\n    margin-left: 10px;\n  }\n\n  .directory__card__bar .display-name {\n    margin-left: 0;\n    margin-right: 15px;\n  }\n\n  .display-name {\n    text-align: right;\n  }\n\n  .notification__message {\n    margin-left: 0;\n    margin-right: 68px;\n  }\n\n  .drawer__inner__mastodon > img {\n    transform: scaleX(-1);\n  }\n\n  .notification__favourite-icon-wrapper {\n    left: auto;\n    right: -26px;\n  }\n\n  .landing-page__logo {\n    margin-right: 0;\n    margin-left: 20px;\n  }\n\n  .landing-page .features-list .features-list__row .visual {\n    margin-left: 0;\n    margin-right: 15px;\n  }\n\n  .column-link__icon,\n  .column-header__icon {\n    margin-right: 0;\n    margin-left: 5px;\n  }\n\n  .compose-form .compose-form__buttons-wrapper .character-counter__wrapper {\n    margin-right: 0;\n    margin-left: 4px;\n  }\n\n  .navigation-bar__profile {\n    margin-left: 0;\n    margin-right: 8px;\n  }\n\n  .search__input {\n    padding-right: 10px;\n    padding-left: 30px;\n  }\n\n  .search__icon .fa {\n    right: auto;\n    left: 10px;\n  }\n\n  .columns-area {\n    direction: rtl;\n  }\n\n  .column-header__buttons {\n    left: 0;\n    right: auto;\n    margin-left: 0;\n    margin-right: -15px;\n  }\n\n  .column-inline-form .icon-button {\n    margin-left: 0;\n    margin-right: 5px;\n  }\n\n  .column-header__links .text-btn {\n    margin-left: 10px;\n    margin-right: 0;\n  }\n\n  .account__avatar-wrapper {\n    float: right;\n  }\n\n  .column-header__back-button {\n    padding-left: 5px;\n    padding-right: 0;\n  }\n\n  .column-header__setting-arrows {\n    float: left;\n  }\n\n  .setting-toggle__label {\n    margin-left: 0;\n    margin-right: 8px;\n  }\n\n  .status__avatar {\n    left: auto;\n    right: 10px;\n  }\n\n  .status,\n  .activity-stream .status.light {\n    padding-left: 10px;\n    padding-right: 68px;\n  }\n\n  .status__info .status__display-name,\n  .activity-stream .status.light .status__display-name {\n    padding-left: 25px;\n    padding-right: 0;\n  }\n\n  .activity-stream .pre-header {\n    padding-right: 68px;\n    padding-left: 0;\n  }\n\n  .status__prepend {\n    margin-left: 0;\n    margin-right: 68px;\n  }\n\n  .status__prepend-icon-wrapper {\n    left: auto;\n    right: -26px;\n  }\n\n  .activity-stream .pre-header .pre-header__icon {\n    left: auto;\n    right: 42px;\n  }\n\n  .account__avatar-overlay-overlay {\n    right: auto;\n    left: 0;\n  }\n\n  .column-back-button--slim-button {\n    right: auto;\n    left: 0;\n  }\n\n  .status__relative-time,\n  .activity-stream .status.light .status__header .status__meta {\n    float: left;\n  }\n\n  .status__action-bar {\n    &__counter {\n      margin-right: 0;\n      margin-left: 11px;\n\n      .status__action-bar-button {\n        margin-right: 0;\n        margin-left: 4px;\n      }\n    }\n  }\n\n  .status__action-bar-button {\n    float: right;\n    margin-right: 0;\n    margin-left: 18px;\n  }\n\n  .status__action-bar-dropdown {\n    float: right;\n  }\n\n  .privacy-dropdown__dropdown {\n    margin-left: 0;\n    margin-right: 40px;\n  }\n\n  .privacy-dropdown__option__icon {\n    margin-left: 10px;\n    margin-right: 0;\n  }\n\n  .detailed-status__display-name .display-name {\n    text-align: right;\n  }\n\n  .detailed-status__display-avatar {\n    margin-right: 0;\n    margin-left: 10px;\n    float: right;\n  }\n\n  .detailed-status__favorites,\n  .detailed-status__reblogs {\n    margin-left: 0;\n    margin-right: 6px;\n  }\n\n  .fa-ul {\n    margin-left: 2.14285714em;\n  }\n\n  .fa-li {\n    left: auto;\n    right: -2.14285714em;\n  }\n\n  .admin-wrapper {\n    direction: rtl;\n  }\n\n  .admin-wrapper .sidebar ul a i.fa,\n  a.table-action-link i.fa {\n    margin-right: 0;\n    margin-left: 5px;\n  }\n\n  .simple_form .check_boxes .checkbox label {\n    padding-left: 0;\n    padding-right: 25px;\n  }\n\n  .simple_form .input.with_label.boolean label.checkbox {\n    padding-left: 25px;\n    padding-right: 0;\n  }\n\n  .simple_form .check_boxes .checkbox input[type=\"checkbox\"],\n  .simple_form .input.boolean input[type=\"checkbox\"] {\n    left: auto;\n    right: 0;\n  }\n\n  .simple_form .input.radio_buttons .radio {\n    left: auto;\n    right: 0;\n  }\n\n  .simple_form .input.radio_buttons .radio > label {\n    padding-right: 28px;\n    padding-left: 0;\n  }\n\n  .simple_form .input-with-append .input input {\n    padding-left: 142px;\n    padding-right: 0;\n  }\n\n  .simple_form .input.boolean label.checkbox {\n    left: auto;\n    right: 0;\n  }\n\n  .simple_form .input.boolean .label_input,\n  .simple_form .input.boolean .hint {\n    padding-left: 0;\n    padding-right: 28px;\n  }\n\n  .simple_form .label_input__append {\n    right: auto;\n    left: 3px;\n\n    &::after {\n      right: auto;\n      left: 0;\n      background-image: linear-gradient(to left, rgba(darken($ui-base-color, 10%), 0), darken($ui-base-color, 10%));\n    }\n  }\n\n  .simple_form select {\n    background: darken($ui-base-color, 10%) url(\"data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14.933 18.467' height='19.698' width='15.929'><path d='M3.467 14.967l-3.393-3.5H14.86l-3.392 3.5c-1.866 1.925-3.666 3.5-4 3.5-.335 0-2.135-1.575-4-3.5zm.266-11.234L7.467 0 11.2 3.733l3.733 3.734H0l3.733-3.734z' fill='#{hex-color(lighten($ui-base-color, 12%))}'/></svg>\") no-repeat left 8px center / auto 16px;\n  }\n\n  .table th,\n  .table td {\n    text-align: right;\n  }\n\n  .filters .filter-subset {\n    margin-right: 0;\n    margin-left: 45px;\n  }\n\n  .landing-page .header-wrapper .mascot {\n    right: 60px;\n    left: auto;\n  }\n\n  .landing-page__call-to-action .row__information-board {\n    direction: rtl;\n  }\n\n  .landing-page .header .hero .floats .float-1 {\n    left: -120px;\n    right: auto;\n  }\n\n  .landing-page .header .hero .floats .float-2 {\n    left: 210px;\n    right: auto;\n  }\n\n  .landing-page .header .hero .floats .float-3 {\n    left: 110px;\n    right: auto;\n  }\n\n  .landing-page .header .links .brand img {\n    left: 0;\n  }\n\n  .landing-page .fa-external-link {\n    padding-right: 5px;\n    padding-left: 0 !important;\n  }\n\n  .landing-page .features #mastodon-timeline {\n    margin-right: 0;\n    margin-left: 30px;\n  }\n\n  @media screen and (min-width: 631px) {\n    .column,\n    .drawer {\n      padding-left: 5px;\n      padding-right: 5px;\n\n      &:first-child {\n        padding-left: 5px;\n        padding-right: 10px;\n      }\n    }\n\n    .columns-area > div {\n      .column,\n      .drawer {\n        padding-left: 5px;\n        padding-right: 5px;\n      }\n    }\n  }\n\n  .columns-area--mobile .column,\n  .columns-area--mobile .drawer {\n    padding-left: 0;\n    padding-right: 0;\n  }\n\n  .public-layout {\n    .header {\n      .nav-button {\n        margin-left: 8px;\n        margin-right: 0;\n      }\n    }\n\n    .public-account-header__tabs {\n      margin-left: 0;\n      margin-right: 20px;\n    }\n  }\n\n  .landing-page__information {\n    .account__display-name {\n      margin-right: 0;\n      margin-left: 5px;\n    }\n\n    .account__avatar-wrapper {\n      margin-left: 12px;\n      margin-right: 0;\n    }\n  }\n\n  .card__bar .display-name {\n    margin-left: 0;\n    margin-right: 15px;\n    text-align: right;\n  }\n\n  .fa-chevron-left::before {\n    content: \"\\F054\";\n  }\n\n  .fa-chevron-right::before {\n    content: \"\\F053\";\n  }\n\n  .column-back-button__icon {\n    margin-right: 0;\n    margin-left: 5px;\n  }\n\n  .column-header__setting-arrows .column-header__setting-btn:last-child {\n    padding-left: 0;\n    padding-right: 10px;\n  }\n\n  .simple_form .input.radio_buttons .radio > label input {\n    left: auto;\n    right: 0;\n  }\n}\n","$black-emojis: '8ball' 'ant' 'back' 'black_circle' 'black_heart' 'black_large_square' 'black_medium_small_square' 'black_medium_square' 'black_nib' 'black_small_square' 'bomb' 'bowling' 'bust_in_silhouette' 'busts_in_silhouette' 'camera' 'camera_with_flash' 'clubs' 'copyright' 'curly_loop' 'currency_exchange' 'dark_sunglasses' 'eight_pointed_black_star' 'electric_plug' 'end' 'female-guard' 'film_projector' 'fried_egg' 'gorilla' 'guardsman' 'heavy_check_mark' 'heavy_division_sign' 'heavy_dollar_sign' 'heavy_minus_sign' 'heavy_multiplication_x' 'heavy_plus_sign' 'hocho' 'hole' 'joystick' 'kaaba' 'lower_left_ballpoint_pen' 'lower_left_fountain_pen' 'male-guard' 'microphone' 'mortar_board' 'movie_camera' 'musical_score' 'on' 'registered' 'soon' 'spades' 'speaking_head_in_silhouette' 'spider' 'telephone_receiver' 'tm' 'top' 'tophat' 'turkey' 'vhs' 'video_camera' 'video_game' 'water_buffalo' 'waving_black_flag' 'wavy_dash';\n\n%white-emoji-outline {\n  filter: drop-shadow(1px 1px 0 $white) drop-shadow(-1px 1px 0 $white) drop-shadow(1px -1px 0 $white) drop-shadow(-1px -1px 0 $white);\n  transform: scale(.71);\n}\n\n.emojione {\n  @each $emoji in $black-emojis {\n    &[title=':#{$emoji}:'] {\n      @extend %white-emoji-outline;\n    }\n  }\n}\n"],"sourceRoot":""}
\ No newline at end of file
diff --git a/priv/static/packs/skins/vanilla/win95/common.js b/priv/static/packs/skins/vanilla/win95/common.js
index 67f57683a..ad508dd52 100644
Binary files a/priv/static/packs/skins/vanilla/win95/common.js and b/priv/static/packs/skins/vanilla/win95/common.js differ
diff --git a/priv/static/packs/tesseract.js b/priv/static/packs/tesseract.js
index 3dca2bfe2..8d0a37718 100644
Binary files a/priv/static/packs/tesseract.js and b/priv/static/packs/tesseract.js differ
diff --git a/priv/static/packs/tesseract.js.LICENSE b/priv/static/packs/tesseract.js.LICENSE.txt
similarity index 100%
rename from priv/static/packs/tesseract.js.LICENSE
rename to priv/static/packs/tesseract.js.LICENSE.txt
diff --git a/priv/static/packs/tesseract.js.map b/priv/static/packs/tesseract.js.map
index 5e9c4cd5c..0a5962033 100644
Binary files a/priv/static/packs/tesseract.js.map and b/priv/static/packs/tesseract.js.map differ
diff --git a/priv/static/static/font/fontello.1588947937982.woff2 b/priv/static/static/font/fontello.1588947937982.woff2
deleted file mode 100644
index 50318a670..000000000
Binary files a/priv/static/static/font/fontello.1588947937982.woff2 and /dev/null differ
diff --git a/priv/static/static/font/fontello.1588947937982.eot b/priv/static/static/font/fontello.1589385935077.eot
similarity index 99%
rename from priv/static/static/font/fontello.1588947937982.eot
rename to priv/static/static/font/fontello.1589385935077.eot
index b1297072e..e5f37013a 100644
Binary files a/priv/static/static/font/fontello.1588947937982.eot and b/priv/static/static/font/fontello.1589385935077.eot differ
diff --git a/priv/static/static/font/fontello.1588947937982.svg b/priv/static/static/font/fontello.1589385935077.svg
similarity index 100%
rename from priv/static/static/font/fontello.1588947937982.svg
rename to priv/static/static/font/fontello.1589385935077.svg
diff --git a/priv/static/static/font/fontello.1588947937982.ttf b/priv/static/static/font/fontello.1589385935077.ttf
similarity index 99%
rename from priv/static/static/font/fontello.1588947937982.ttf
rename to priv/static/static/font/fontello.1589385935077.ttf
index 443801c4f..0fde96cea 100644
Binary files a/priv/static/static/font/fontello.1588947937982.ttf and b/priv/static/static/font/fontello.1589385935077.ttf differ
diff --git a/priv/static/static/font/fontello.1588947937982.woff b/priv/static/static/font/fontello.1589385935077.woff
similarity index 98%
rename from priv/static/static/font/fontello.1588947937982.woff
rename to priv/static/static/font/fontello.1589385935077.woff
index e96fea757..f48488a77 100644
Binary files a/priv/static/static/font/fontello.1588947937982.woff and b/priv/static/static/font/fontello.1589385935077.woff differ
diff --git a/priv/static/static/font/fontello.1589385935077.woff2 b/priv/static/static/font/fontello.1589385935077.woff2
new file mode 100644
index 000000000..012eb9305
Binary files /dev/null and b/priv/static/static/font/fontello.1589385935077.woff2 differ
diff --git a/priv/static/static/fontello.1588947937982.css b/priv/static/static/fontello.1589385935077.css
similarity index 89%
rename from priv/static/static/fontello.1588947937982.css
rename to priv/static/static/fontello.1589385935077.css
index d3d77a8b5..746492163 100644
Binary files a/priv/static/static/fontello.1588947937982.css and b/priv/static/static/fontello.1589385935077.css differ
diff --git a/priv/static/static/js/app.838ffa9aecf210c7d744.js b/priv/static/static/js/app.838ffa9aecf210c7d744.js
new file mode 100644
index 000000000..7e224748e
Binary files /dev/null and b/priv/static/static/js/app.838ffa9aecf210c7d744.js differ
diff --git a/priv/static/static/js/app.838ffa9aecf210c7d744.js.map b/priv/static/static/js/app.838ffa9aecf210c7d744.js.map
new file mode 100644
index 000000000..4c2835cb4
Binary files /dev/null and b/priv/static/static/js/app.838ffa9aecf210c7d744.js.map differ
diff --git a/priv/static/static/js/app.996428ccaaaa7f28cb8d.js b/priv/static/static/js/app.996428ccaaaa7f28cb8d.js
deleted file mode 100644
index 00f3a28e0..000000000
Binary files a/priv/static/static/js/app.996428ccaaaa7f28cb8d.js and /dev/null differ
diff --git a/priv/static/static/js/app.996428ccaaaa7f28cb8d.js.map b/priv/static/static/js/app.996428ccaaaa7f28cb8d.js.map
deleted file mode 100644
index 9daca3ff5..000000000
Binary files a/priv/static/static/js/app.996428ccaaaa7f28cb8d.js.map and /dev/null differ
diff --git a/priv/static/sw-pleroma.js b/priv/static/sw-pleroma.js
index d2be1782b..4d73c414e 100644
Binary files a/priv/static/sw-pleroma.js and b/priv/static/sw-pleroma.js differ
diff --git a/priv/static/sw.js b/priv/static/sw.js
index b462115f9..0fde0f440 100644
Binary files a/priv/static/sw.js and b/priv/static/sw.js differ
diff --git a/test/plugs/authentication_plug_test.exs b/test/plugs/authentication_plug_test.exs
index c8ede71c0..3c70c1747 100644
--- a/test/plugs/authentication_plug_test.exs
+++ b/test/plugs/authentication_plug_test.exs
@@ -11,6 +11,7 @@ defmodule Pleroma.Plugs.AuthenticationPlugTest do
   alias Pleroma.User
 
   import ExUnit.CaptureLog
+  import Pleroma.Factory
 
   setup %{conn: conn} do
     user = %User{
@@ -50,16 +51,41 @@ test "with a correct password in the credentials, " <>
     assert PlugHelper.plug_skipped?(conn, OAuthScopesPlug)
   end
 
-  test "with a wrong password in the credentials, it does nothing", %{conn: conn} do
+  test "with a bcrypt hash, it updates to a pkbdf2 hash", %{conn: conn} do
+    user = insert(:user, password_hash: Bcrypt.hash_pwd_salt("123"))
+    assert "$2" <> _ = user.password_hash
+
     conn =
       conn
-      |> assign(:auth_credentials, %{password: "wrong"})
-
-    ret_conn =
-      conn
+      |> assign(:auth_user, user)
+      |> assign(:auth_credentials, %{password: "123"})
       |> AuthenticationPlug.call(%{})
 
-    assert conn == ret_conn
+    assert conn.assigns.user.id == conn.assigns.auth_user.id
+    assert PlugHelper.plug_skipped?(conn, OAuthScopesPlug)
+
+    user = User.get_by_id(user.id)
+    assert "$pbkdf2" <> _ = user.password_hash
+  end
+
+  test "with a crypt hash, it updates to a pkbdf2 hash", %{conn: conn} do
+    user =
+      insert(:user,
+        password_hash:
+          "$6$9psBWV8gxkGOZWBz$PmfCycChoxeJ3GgGzwvhlgacb9mUoZ.KUXNCssekER4SJ7bOK53uXrHNb2e4i8yPFgSKyzaW9CcmrDXWIEMtD1"
+      )
+
+    conn =
+      conn
+      |> assign(:auth_user, user)
+      |> assign(:auth_credentials, %{password: "password"})
+      |> AuthenticationPlug.call(%{})
+
+    assert conn.assigns.user.id == conn.assigns.auth_user.id
+    assert PlugHelper.plug_skipped?(conn, OAuthScopesPlug)
+
+    user = User.get_by_id(user.id)
+    assert "$pbkdf2" <> _ = user.password_hash
   end
 
   describe "checkpw/2" do
diff --git a/test/user_test.exs b/test/user_test.exs
index 6b9df60a4..863e0106c 100644
--- a/test/user_test.exs
+++ b/test/user_test.exs
@@ -555,6 +555,7 @@ test "gets an existing user by fully qualified nickname, case insensitive" do
       assert user == fetched_user
     end
 
+    @tag capture_log: true
     test "returns nil if no user could be fetched" do
       {:error, fetched_user} = User.get_or_fetch_by_nickname("nonexistant@social.heldscal.la")
       assert fetched_user == "not found nonexistant@social.heldscal.la"
@@ -1171,6 +1172,33 @@ test "it deactivates a user, all follow relationships and all activities", %{use
     end
   end
 
+  describe "delete/1 when confirmation is pending" do
+    setup do
+      user = insert(:user, confirmation_pending: true)
+      {:ok, user: user}
+    end
+
+    test "deletes user from database when activation required", %{user: user} do
+      clear_config([:instance, :account_activation_required], true)
+
+      {:ok, job} = User.delete(user)
+      {:ok, _} = ObanHelpers.perform(job)
+
+      refute User.get_cached_by_id(user.id)
+      refute User.get_by_id(user.id)
+    end
+
+    test "deactivates user when activation is not required", %{user: user} do
+      clear_config([:instance, :account_activation_required], false)
+
+      {:ok, job} = User.delete(user)
+      {:ok, _} = ObanHelpers.perform(job)
+
+      assert %{deactivated: true} = User.get_cached_by_id(user.id)
+      assert %{deactivated: true} = User.get_by_id(user.id)
+    end
+  end
+
   test "get_public_key_for_ap_id fetches a user that's not in the db" do
     assert {:ok, _key} = User.get_public_key_for_ap_id("http://mastodon.example.org/users/admin")
   end
diff --git a/test/web/activity_pub/side_effects_test.exs b/test/web/activity_pub/side_effects_test.exs
index 797f00d08..a46254a05 100644
--- a/test/web/activity_pub/side_effects_test.exs
+++ b/test/web/activity_pub/side_effects_test.exs
@@ -140,6 +140,31 @@ test "creates a notification", %{emoji_react: emoji_react, poster: poster} do
     end
   end
 
+  describe "delete users with confirmation pending" do
+    setup do
+      user = insert(:user, confirmation_pending: true)
+      {:ok, delete_user_data, _meta} = Builder.delete(user, user.ap_id)
+      {:ok, delete_user, _meta} = ActivityPub.persist(delete_user_data, local: true)
+      {:ok, delete: delete_user, user: user}
+    end
+
+    test "when activation is not required", %{delete: delete, user: user} do
+      clear_config([:instance, :account_activation_required], false)
+      {:ok, _, _} = SideEffects.handle(delete)
+      ObanHelpers.perform_all()
+
+      assert User.get_cached_by_id(user.id).deactivated
+    end
+
+    test "when activation is required", %{delete: delete, user: user} do
+      clear_config([:instance, :account_activation_required], true)
+      {:ok, _, _} = SideEffects.handle(delete)
+      ObanHelpers.perform_all()
+
+      refute User.get_cached_by_id(user.id)
+    end
+  end
+
   describe "Undo objects" do
     setup do
       poster = insert(:user)
diff --git a/test/web/api_spec/schema_examples_test.exs b/test/web/api_spec/schema_examples_test.exs
index 88b6f07cb..f00e834fc 100644
--- a/test/web/api_spec/schema_examples_test.exs
+++ b/test/web/api_spec/schema_examples_test.exs
@@ -28,7 +28,7 @@ test "request body schema example matches schema" do
       end
     end
 
-    for {status, response} <- operation.responses do
+    for {status, response} <- operation.responses, is_map(response.content[@content_type]) do
       describe "#{operation.operationId} - #{status} Response" do
         @schema resolve_schema(response.content[@content_type].schema)
 
diff --git a/test/web/auth/pleroma_authenticator_test.exs b/test/web/auth/pleroma_authenticator_test.exs
index 5a421e5ed..1ba0dfecc 100644
--- a/test/web/auth/pleroma_authenticator_test.exs
+++ b/test/web/auth/pleroma_authenticator_test.exs
@@ -1,5 +1,5 @@
 # Pleroma: A lightweight social networking server
-# Copyright © 2017-2019 Pleroma Authors <https://pleroma.social/>
+# Copyright © 2017-2020 Pleroma Authors <https://pleroma.social/>
 # SPDX-License-Identifier: AGPL-3.0-only
 
 defmodule Pleroma.Web.Auth.PleromaAuthenticatorTest do
@@ -15,11 +15,16 @@ defmodule Pleroma.Web.Auth.PleromaAuthenticatorTest do
     {:ok, [user: user, name: name, password: password]}
   end
 
-  test "get_user/authorization", %{user: user, name: name, password: password} do
+  test "get_user/authorization", %{name: name, password: password} do
+    name = name <> "1"
+    user = insert(:user, nickname: name, password_hash: Bcrypt.hash_pwd_salt(password))
+
     params = %{"authorization" => %{"name" => name, "password" => password}}
     res = PleromaAuthenticator.get_user(%Plug.Conn{params: params})
 
-    assert {:ok, user} == res
+    assert {:ok, returned_user} = res
+    assert returned_user.id == user.id
+    assert "$pbkdf2" <> _ = returned_user.password_hash
   end
 
   test "get_user/authorization with invalid password", %{name: name} do
diff --git a/test/web/auth/totp_authenticator_test.exs b/test/web/auth/totp_authenticator_test.exs
index e502e0ae8..84d4cd840 100644
--- a/test/web/auth/totp_authenticator_test.exs
+++ b/test/web/auth/totp_authenticator_test.exs
@@ -1,5 +1,5 @@
 # Pleroma: A lightweight social networking server
-# Copyright © 2017-2019 Pleroma Authors <https://pleroma.social/>
+# Copyright © 2017-2020 Pleroma Authors <https://pleroma.social/>
 # SPDX-License-Identifier: AGPL-3.0-only
 
 defmodule Pleroma.Web.Auth.TOTPAuthenticatorTest do
diff --git a/test/web/common_api/common_api_test.exs b/test/web/common_api/common_api_test.exs
index fd8299013..52e95397c 100644
--- a/test/web/common_api/common_api_test.exs
+++ b/test/web/common_api/common_api_test.exs
@@ -841,10 +841,10 @@ test "returns a valid activity" do
 
       {:ok, activity} =
         CommonAPI.listen(user, %{
-          "title" => "lain radio episode 1",
-          "album" => "lain radio",
-          "artist" => "lain",
-          "length" => 180_000
+          title: "lain radio episode 1",
+          album: "lain radio",
+          artist: "lain",
+          length: 180_000
         })
 
       object = Object.normalize(activity)
@@ -859,11 +859,11 @@ test "respects visibility=private" do
 
       {:ok, activity} =
         CommonAPI.listen(user, %{
-          "title" => "lain radio episode 1",
-          "album" => "lain radio",
-          "artist" => "lain",
-          "length" => 180_000,
-          "visibility" => "private"
+          title: "lain radio episode 1",
+          album: "lain radio",
+          artist: "lain",
+          length: 180_000,
+          visibility: "private"
         })
 
       object = Object.normalize(activity)
diff --git a/test/web/mastodon_api/controllers/account_controller/update_credentials_test.exs b/test/web/mastodon_api/controllers/account_controller/update_credentials_test.exs
index fdb6d4c5d..696228203 100644
--- a/test/web/mastodon_api/controllers/account_controller/update_credentials_test.exs
+++ b/test/web/mastodon_api/controllers/account_controller/update_credentials_test.exs
@@ -112,6 +112,13 @@ test "updates the user's default scope", %{conn: conn} do
       assert user_data["source"]["privacy"] == "unlisted"
     end
 
+    test "updates the user's privacy", %{conn: conn} do
+      conn = patch(conn, "/api/v1/accounts/update_credentials", %{source: %{privacy: "unlisted"}})
+
+      assert user_data = json_response_and_validate_schema(conn, 200)
+      assert user_data["source"]["privacy"] == "unlisted"
+    end
+
     test "updates the user's hide_followers status", %{conn: conn} do
       conn = patch(conn, "/api/v1/accounts/update_credentials", %{hide_followers: "true"})
 
diff --git a/test/web/mastodon_api/controllers/instance_controller_test.exs b/test/web/mastodon_api/controllers/instance_controller_test.exs
index 2c61dc5ba..8bdfdddd1 100644
--- a/test/web/mastodon_api/controllers/instance_controller_test.exs
+++ b/test/web/mastodon_api/controllers/instance_controller_test.exs
@@ -31,7 +31,8 @@ test "get instance information", %{conn: conn} do
              "upload_limit" => _,
              "avatar_upload_limit" => _,
              "background_upload_limit" => _,
-             "banner_upload_limit" => _
+             "banner_upload_limit" => _,
+             "background_image" => _
            } = result
 
     assert result["pleroma"]["metadata"]["features"]
diff --git a/test/web/mastodon_api/controllers/media_controller_test.exs b/test/web/mastodon_api/controllers/media_controller_test.exs
index 6ac4cf63b..906fd940f 100644
--- a/test/web/mastodon_api/controllers/media_controller_test.exs
+++ b/test/web/mastodon_api/controllers/media_controller_test.exs
@@ -9,9 +9,9 @@ defmodule Pleroma.Web.MastodonAPI.MediaControllerTest do
   alias Pleroma.User
   alias Pleroma.Web.ActivityPub.ActivityPub
 
-  setup do: oauth_access(["write:media"])
+  describe "Upload media" do
+    setup do: oauth_access(["write:media"])
 
-  describe "media upload" do
     setup do
       image = %Plug.Upload{
         content_type: "image/jpg",
@@ -25,13 +25,14 @@ defmodule Pleroma.Web.MastodonAPI.MediaControllerTest do
     setup do: clear_config([:media_proxy])
     setup do: clear_config([Pleroma.Upload])
 
-    test "returns uploaded image", %{conn: conn, image: image} do
+    test "/api/v1/media", %{conn: conn, image: image} do
       desc = "Description of the image"
 
       media =
         conn
+        |> put_req_header("content-type", "multipart/form-data")
         |> post("/api/v1/media", %{"file" => image, "description" => desc})
-        |> json_response(:ok)
+        |> json_response_and_validate_schema(:ok)
 
       assert media["type"] == "image"
       assert media["description"] == desc
@@ -40,9 +41,37 @@ test "returns uploaded image", %{conn: conn, image: image} do
       object = Object.get_by_id(media["id"])
       assert object.data["actor"] == User.ap_id(conn.assigns[:user])
     end
+
+    test "/api/v2/media", %{conn: conn, user: user, image: image} do
+      desc = "Description of the image"
+
+      response =
+        conn
+        |> put_req_header("content-type", "multipart/form-data")
+        |> post("/api/v2/media", %{"file" => image, "description" => desc})
+        |> json_response_and_validate_schema(202)
+
+      assert media_id = response["id"]
+
+      %{conn: conn} = oauth_access(["read:media"], user: user)
+
+      media =
+        conn
+        |> get("/api/v1/media/#{media_id}")
+        |> json_response_and_validate_schema(200)
+
+      assert media["type"] == "image"
+      assert media["description"] == desc
+      assert media["id"]
+
+      object = Object.get_by_id(media["id"])
+      assert object.data["actor"] == user.ap_id
+    end
   end
 
-  describe "PUT /api/v1/media/:id" do
+  describe "Update media description" do
+    setup do: oauth_access(["write:media"])
+
     setup %{user: actor} do
       file = %Plug.Upload{
         content_type: "image/jpg",
@@ -60,23 +89,58 @@ test "returns uploaded image", %{conn: conn, image: image} do
       [object: object]
     end
 
-    test "updates name of media", %{conn: conn, object: object} do
+    test "/api/v1/media/:id good request", %{conn: conn, object: object} do
       media =
         conn
+        |> put_req_header("content-type", "multipart/form-data")
         |> put("/api/v1/media/#{object.id}", %{"description" => "test-media"})
-        |> json_response(:ok)
+        |> json_response_and_validate_schema(:ok)
 
       assert media["description"] == "test-media"
       assert refresh_record(object).data["name"] == "test-media"
     end
+  end
 
-    test "returns error when request is bad", %{conn: conn, object: object} do
+  describe "Get media by id (/api/v1/media/:id)" do
+    setup do: oauth_access(["read:media"])
+
+    setup %{user: actor} do
+      file = %Plug.Upload{
+        content_type: "image/jpg",
+        path: Path.absname("test/fixtures/image.jpg"),
+        filename: "an_image.jpg"
+      }
+
+      {:ok, %Object{} = object} =
+        ActivityPub.upload(
+          file,
+          actor: User.ap_id(actor),
+          description: "test-media"
+        )
+
+      [object: object]
+    end
+
+    test "it returns media object when requested by owner", %{conn: conn, object: object} do
       media =
         conn
-        |> put("/api/v1/media/#{object.id}", %{})
-        |> json_response(400)
+        |> get("/api/v1/media/#{object.id}")
+        |> json_response_and_validate_schema(:ok)
 
-      assert media == %{"error" => "bad_request"}
+      assert media["description"] == "test-media"
+      assert media["type"] == "image"
+      assert media["id"]
+    end
+
+    test "it returns 403 if media object requested by non-owner", %{object: object, user: user} do
+      %{conn: conn, user: other_user} = oauth_access(["read:media"])
+
+      assert object.data["actor"] == user.ap_id
+      refute user.id == other_user.id
+
+      conn
+      |> get("/api/v1/media/#{object.id}")
+      |> json_response(403)
     end
   end
 end
diff --git a/test/web/mastodon_api/controllers/notification_controller_test.exs b/test/web/mastodon_api/controllers/notification_controller_test.exs
index d9356a844..562fc4d8e 100644
--- a/test/web/mastodon_api/controllers/notification_controller_test.exs
+++ b/test/web/mastodon_api/controllers/notification_controller_test.exs
@@ -12,9 +12,7 @@ defmodule Pleroma.Web.MastodonAPI.NotificationControllerTest do
 
   import Pleroma.Factory
 
-  test "does NOT render account/pleroma/relationship if this is disabled by default" do
-    clear_config([:extensions, :output_relationships_in_statuses_by_default], false)
-
+  test "does NOT render account/pleroma/relationship by default" do
     %{user: user, conn: conn} = oauth_access(["read:notifications"])
     other_user = insert(:user)
 
diff --git a/test/web/mastodon_api/controllers/status_controller_test.exs b/test/web/mastodon_api/controllers/status_controller_test.exs
index a4403132c..962e64b03 100644
--- a/test/web/mastodon_api/controllers/status_controller_test.exs
+++ b/test/web/mastodon_api/controllers/status_controller_test.exs
@@ -62,7 +62,7 @@ test "posting a status", %{conn: conn} do
         |> post("/api/v1/statuses", %{
           "status" => "cofe",
           "spoiler_text" => "2hu",
-          "sensitive" => "false"
+          "sensitive" => "0"
         })
 
       {:ok, ttl} = Cachex.ttl(:idempotency_cache, idempotency_key)
@@ -81,7 +81,7 @@ test "posting a status", %{conn: conn} do
         |> post("/api/v1/statuses", %{
           "status" => "cofe",
           "spoiler_text" => "2hu",
-          "sensitive" => "false"
+          "sensitive" => 0
         })
 
       assert %{"id" => second_id} = json_response(conn_two, 200)
@@ -93,7 +93,7 @@ test "posting a status", %{conn: conn} do
         |> post("/api/v1/statuses", %{
           "status" => "cofe",
           "spoiler_text" => "2hu",
-          "sensitive" => "false"
+          "sensitive" => "False"
         })
 
       assert %{"id" => third_id} = json_response_and_validate_schema(conn_three, 200)
@@ -1176,7 +1176,7 @@ test "replaces missing description with an empty string", %{conn: conn, user: us
   end
 
   test "bookmarks" do
-    bookmarks_uri = "/api/v1/bookmarks?with_relationships=true"
+    bookmarks_uri = "/api/v1/bookmarks"
 
     %{conn: conn} = oauth_access(["write:bookmarks", "read:bookmarks"])
     author = insert(:user)
diff --git a/test/web/mastodon_api/controllers/timeline_controller_test.exs b/test/web/mastodon_api/controllers/timeline_controller_test.exs
index f8b9289f3..2375ac8e8 100644
--- a/test/web/mastodon_api/controllers/timeline_controller_test.exs
+++ b/test/web/mastodon_api/controllers/timeline_controller_test.exs
@@ -20,12 +20,10 @@ defmodule Pleroma.Web.MastodonAPI.TimelineControllerTest do
   describe "home" do
     setup do: oauth_access(["read:statuses"])
 
-    test "does NOT render account/pleroma/relationship if this is disabled by default", %{
+    test "does NOT embed account/pleroma/relationship in statuses", %{
       user: user,
       conn: conn
     } do
-      clear_config([:extensions, :output_relationships_in_statuses_by_default], false)
-
       other_user = insert(:user)
 
       {:ok, _} = CommonAPI.post(other_user, %{status: "hi @#{user.nickname}"})
@@ -41,72 +39,6 @@ test "does NOT render account/pleroma/relationship if this is disabled by defaul
              end)
     end
 
-    test "the home timeline", %{user: user, conn: conn} do
-      uri = "/api/v1/timelines/home?with_relationships=1"
-
-      following = insert(:user, nickname: "followed")
-      third_user = insert(:user, nickname: "repeated")
-
-      {:ok, _activity} = CommonAPI.post(following, %{status: "post"})
-      {:ok, activity} = CommonAPI.post(third_user, %{status: "repeated post"})
-      {:ok, _, _} = CommonAPI.repeat(activity.id, following)
-
-      ret_conn = get(conn, uri)
-
-      assert Enum.empty?(json_response_and_validate_schema(ret_conn, :ok))
-
-      {:ok, _user} = User.follow(user, following)
-
-      ret_conn = get(conn, uri)
-
-      assert [
-               %{
-                 "reblog" => %{
-                   "content" => "repeated post",
-                   "account" => %{
-                     "pleroma" => %{
-                       "relationship" => %{"following" => false, "followed_by" => false}
-                     }
-                   }
-                 },
-                 "account" => %{"pleroma" => %{"relationship" => %{"following" => true}}}
-               },
-               %{
-                 "content" => "post",
-                 "account" => %{
-                   "acct" => "followed",
-                   "pleroma" => %{"relationship" => %{"following" => true}}
-                 }
-               }
-             ] = json_response_and_validate_schema(ret_conn, :ok)
-
-      {:ok, _user} = User.follow(third_user, user)
-
-      ret_conn = get(conn, uri)
-
-      assert [
-               %{
-                 "reblog" => %{
-                   "content" => "repeated post",
-                   "account" => %{
-                     "acct" => "repeated",
-                     "pleroma" => %{
-                       "relationship" => %{"following" => false, "followed_by" => true}
-                     }
-                   }
-                 },
-                 "account" => %{"pleroma" => %{"relationship" => %{"following" => true}}}
-               },
-               %{
-                 "content" => "post",
-                 "account" => %{
-                   "acct" => "followed",
-                   "pleroma" => %{"relationship" => %{"following" => true}}
-                 }
-               }
-             ] = json_response_and_validate_schema(ret_conn, :ok)
-    end
-
     test "the home timeline when the direct messages are excluded", %{user: user, conn: conn} do
       {:ok, public_activity} = CommonAPI.post(user, %{status: ".", visibility: "public"})
       {:ok, direct_activity} = CommonAPI.post(user, %{status: ".", visibility: "direct"})
diff --git a/test/web/mastodon_api/views/account_view_test.exs b/test/web/mastodon_api/views/account_view_test.exs
index 69ddbb5d4..487ec26c2 100644
--- a/test/web/mastodon_api/views/account_view_test.exs
+++ b/test/web/mastodon_api/views/account_view_test.exs
@@ -302,82 +302,6 @@ test "represent a relationship for the user with a pending follow request" do
     end
   end
 
-  test "represent an embedded relationship" do
-    user =
-      insert(:user, %{
-        follower_count: 0,
-        note_count: 5,
-        actor_type: "Service",
-        nickname: "shp@shitposter.club",
-        inserted_at: ~N[2017-08-15 15:47:06.597036]
-      })
-
-    other_user = insert(:user)
-    {:ok, other_user} = User.follow(other_user, user)
-    {:ok, _user_relationship} = User.block(other_user, user)
-    {:ok, _} = User.follow(insert(:user), user)
-
-    expected = %{
-      id: to_string(user.id),
-      username: "shp",
-      acct: user.nickname,
-      display_name: user.name,
-      locked: false,
-      created_at: "2017-08-15T15:47:06.000Z",
-      followers_count: 1,
-      following_count: 0,
-      statuses_count: 5,
-      note: user.bio,
-      url: user.ap_id,
-      avatar: "http://localhost:4001/images/avi.png",
-      avatar_static: "http://localhost:4001/images/avi.png",
-      header: "http://localhost:4001/images/banner.png",
-      header_static: "http://localhost:4001/images/banner.png",
-      emojis: [],
-      fields: [],
-      bot: true,
-      source: %{
-        note: user.bio,
-        sensitive: false,
-        pleroma: %{
-          actor_type: "Service",
-          discoverable: false
-        },
-        fields: []
-      },
-      pleroma: %{
-        background_image: nil,
-        confirmation_pending: false,
-        tags: [],
-        is_admin: false,
-        is_moderator: false,
-        hide_favorites: true,
-        hide_followers: false,
-        hide_follows: false,
-        hide_followers_count: false,
-        hide_follows_count: false,
-        relationship: %{
-          id: to_string(user.id),
-          following: false,
-          followed_by: false,
-          blocking: true,
-          blocked_by: false,
-          subscribing: false,
-          muting: false,
-          muting_notifications: false,
-          requested: false,
-          domain_blocking: false,
-          showing_reblogs: true,
-          endorsed: false
-        },
-        skip_thread_containment: false
-      }
-    }
-
-    assert expected ==
-             AccountView.render("show.json", %{user: refresh_record(user), for: other_user})
-  end
-
   test "returns the settings store if the requesting user is the represented user and it's requested specifically" do
     user = insert(:user, pleroma_settings_store: %{fe: "test"})
 
diff --git a/test/web/mastodon_api/views/notification_view_test.exs b/test/web/mastodon_api/views/notification_view_test.exs
index 04a774d17..9839e48fc 100644
--- a/test/web/mastodon_api/views/notification_view_test.exs
+++ b/test/web/mastodon_api/views/notification_view_test.exs
@@ -42,7 +42,11 @@ test "Mention notification" do
       id: to_string(notification.id),
       pleroma: %{is_seen: false},
       type: "mention",
-      account: AccountView.render("show.json", %{user: user, for: mentioned_user}),
+      account:
+        AccountView.render("show.json", %{
+          user: user,
+          for: mentioned_user
+        }),
       status: StatusView.render("show.json", %{activity: activity, for: mentioned_user}),
       created_at: Utils.to_masto_date(notification.inserted_at)
     }
diff --git a/test/web/mastodon_api/views/status_view_test.exs b/test/web/mastodon_api/views/status_view_test.exs
index ffad65b01..43e3bdca1 100644
--- a/test/web/mastodon_api/views/status_view_test.exs
+++ b/test/web/mastodon_api/views/status_view_test.exs
@@ -576,7 +576,7 @@ test "a rich media card with all relevant data renders correctly" do
     end
   end
 
-  test "embeds a relationship in the account" do
+  test "does not embed a relationship in the account" do
     user = insert(:user)
     other_user = insert(:user)
 
@@ -587,13 +587,11 @@ test "embeds a relationship in the account" do
 
     result = StatusView.render("show.json", %{activity: activity, for: other_user})
 
-    assert result[:account][:pleroma][:relationship] ==
-             AccountView.render("relationship.json", %{user: other_user, target: user})
-
+    assert result[:account][:pleroma][:relationship] == %{}
     assert_schema(result, "Status", Pleroma.Web.ApiSpec.spec())
   end
 
-  test "embeds a relationship in the account in reposts" do
+  test "does not embed a relationship in the account in reposts" do
     user = insert(:user)
     other_user = insert(:user)
 
@@ -606,12 +604,8 @@ test "embeds a relationship in the account in reposts" do
 
     result = StatusView.render("show.json", %{activity: activity, for: user})
 
-    assert result[:account][:pleroma][:relationship] ==
-             AccountView.render("relationship.json", %{user: user, target: other_user})
-
-    assert result[:reblog][:account][:pleroma][:relationship] ==
-             AccountView.render("relationship.json", %{user: user, target: user})
-
+    assert result[:account][:pleroma][:relationship] == %{}
+    assert result[:reblog][:account][:pleroma][:relationship] == %{}
     assert_schema(result, "Status", Pleroma.Web.ApiSpec.spec())
   end
 
@@ -626,14 +620,4 @@ test "visibility/list" do
 
     assert status.visibility == "list"
   end
-
-  test "successfully renders a Listen activity (pleroma extension)" do
-    listen_activity = insert(:listen)
-
-    status = StatusView.render("listen.json", activity: listen_activity)
-
-    assert status.length == listen_activity.data["object"]["length"]
-    assert status.title == listen_activity.data["object"]["title"]
-    assert_schema(status, "Status", Pleroma.Web.ApiSpec.spec())
-  end
 end
diff --git a/test/web/media_proxy/invalidations/http_test.exs b/test/web/media_proxy/invalidations/http_test.exs
new file mode 100644
index 000000000..8a3b4141c
--- /dev/null
+++ b/test/web/media_proxy/invalidations/http_test.exs
@@ -0,0 +1,35 @@
+defmodule Pleroma.Web.MediaProxy.Invalidation.HttpTest do
+  use ExUnit.Case
+  alias Pleroma.Web.MediaProxy.Invalidation
+
+  import ExUnit.CaptureLog
+  import Tesla.Mock
+
+  test "logs hasn't error message when request is valid" do
+    mock(fn
+      %{method: :purge, url: "http://example.com/media/example.jpg"} ->
+        %Tesla.Env{status: 200}
+    end)
+
+    refute capture_log(fn ->
+             assert Invalidation.Http.purge(
+                      ["http://example.com/media/example.jpg"],
+                      %{}
+                    ) == {:ok, "success"}
+           end) =~ "Error while cache purge"
+  end
+
+  test "it write error message in logs when request invalid" do
+    mock(fn
+      %{method: :purge, url: "http://example.com/media/example1.jpg"} ->
+        %Tesla.Env{status: 404}
+    end)
+
+    assert capture_log(fn ->
+             assert Invalidation.Http.purge(
+                      ["http://example.com/media/example1.jpg"],
+                      %{}
+                    ) == {:ok, "success"}
+           end) =~ "Error while cache purge: url - http://example.com/media/example1.jpg"
+  end
+end
diff --git a/test/web/media_proxy/invalidations/script_test.exs b/test/web/media_proxy/invalidations/script_test.exs
new file mode 100644
index 000000000..1358963ab
--- /dev/null
+++ b/test/web/media_proxy/invalidations/script_test.exs
@@ -0,0 +1,20 @@
+defmodule Pleroma.Web.MediaProxy.Invalidation.ScriptTest do
+  use ExUnit.Case
+  alias Pleroma.Web.MediaProxy.Invalidation
+
+  import ExUnit.CaptureLog
+
+  test "it logger error when script not found" do
+    assert capture_log(fn ->
+             assert Invalidation.Script.purge(
+                      ["http://example.com/media/example.jpg"],
+                      %{script_path: "./example"}
+                    ) == {:error, "\"%ErlangError{original: :enoent}\""}
+           end) =~ "Error while cache purge: \"%ErlangError{original: :enoent}\""
+
+    assert Invalidation.Script.purge(
+             ["http://example.com/media/example.jpg"],
+             %{}
+           ) == {:error, "not found script path"}
+  end
+end
diff --git a/test/web/pleroma_api/controllers/emoji_api_controller_test.exs b/test/web/pleroma_api/controllers/emoji_pack_controller_test.exs
similarity index 76%
rename from test/web/pleroma_api/controllers/emoji_api_controller_test.exs
rename to test/web/pleroma_api/controllers/emoji_pack_controller_test.exs
index d343256fe..ee3d281a0 100644
--- a/test/web/pleroma_api/controllers/emoji_api_controller_test.exs
+++ b/test/web/pleroma_api/controllers/emoji_pack_controller_test.exs
@@ -2,7 +2,7 @@
 # Copyright © 2017-2020 Pleroma Authors <https://pleroma.social/>
 # SPDX-License-Identifier: AGPL-3.0-only
 
-defmodule Pleroma.Web.PleromaAPI.EmojiAPIControllerTest do
+defmodule Pleroma.Web.PleromaAPI.EmojiPackControllerTest do
   use Pleroma.Web.ConnCase
 
   import Tesla.Mock
@@ -28,7 +28,7 @@ defmodule Pleroma.Web.PleromaAPI.EmojiAPIControllerTest do
   end
 
   test "GET /api/pleroma/emoji/packs", %{conn: conn} do
-    resp = conn |> get("/api/pleroma/emoji/packs") |> json_response(200)
+    resp = conn |> get("/api/pleroma/emoji/packs") |> json_response_and_validate_schema(200)
 
     shared = resp["test_pack"]
     assert shared["files"] == %{"blank" => "blank.png"}
@@ -46,7 +46,7 @@ test "shareable instance", %{admin_conn: admin_conn, conn: conn} do
       resp =
         conn
         |> get("/api/pleroma/emoji/packs")
-        |> json_response(200)
+        |> json_response_and_validate_schema(200)
 
       mock(fn
         %{method: :get, url: "https://example.com/.well-known/nodeinfo"} ->
@@ -60,10 +60,8 @@ test "shareable instance", %{admin_conn: admin_conn, conn: conn} do
       end)
 
       assert admin_conn
-             |> get("/api/pleroma/emoji/packs/remote", %{
-               url: "https://example.com"
-             })
-             |> json_response(200) == resp
+             |> get("/api/pleroma/emoji/packs/remote?url=https://example.com")
+             |> json_response_and_validate_schema(200) == resp
     end
 
     test "non shareable instance", %{admin_conn: admin_conn} do
@@ -76,8 +74,8 @@ test "non shareable instance", %{admin_conn: admin_conn} do
       end)
 
       assert admin_conn
-             |> get("/api/pleroma/emoji/packs/remote", %{url: "https://example.com"})
-             |> json_response(500) == %{
+             |> get("/api/pleroma/emoji/packs/remote?url=https://example.com")
+             |> json_response_and_validate_schema(500) == %{
                "error" => "The requested instance does not support sharing emoji packs"
              }
     end
@@ -99,7 +97,7 @@ test "download shared pack", %{conn: conn} do
     test "non existing pack", %{conn: conn} do
       assert conn
              |> get("/api/pleroma/emoji/packs/test_pack_for_import/archive")
-             |> json_response(:not_found) == %{
+             |> json_response_and_validate_schema(:not_found) == %{
                "error" => "Pack test_pack_for_import does not exist"
              }
     end
@@ -107,7 +105,7 @@ test "non existing pack", %{conn: conn} do
     test "non downloadable pack", %{conn: conn} do
       assert conn
              |> get("/api/pleroma/emoji/packs/test_pack_nonshared/archive")
-             |> json_response(:forbidden) == %{
+             |> json_response_and_validate_schema(:forbidden) == %{
                "error" =>
                  "Pack test_pack_nonshared cannot be downloaded from this instance, either pack sharing was disabled for this pack or some files are missing"
              }
@@ -132,7 +130,7 @@ test "shared pack from remote and non shared from fallback-src", %{
         } ->
           conn
           |> get("/api/pleroma/emoji/packs/test_pack")
-          |> json_response(200)
+          |> json_response_and_validate_schema(200)
           |> json()
 
         %{
@@ -150,7 +148,7 @@ test "shared pack from remote and non shared from fallback-src", %{
         } ->
           conn
           |> get("/api/pleroma/emoji/packs/test_pack_nonshared")
-          |> json_response(200)
+          |> json_response_and_validate_schema(200)
           |> json()
 
         %{
@@ -161,23 +159,25 @@ test "shared pack from remote and non shared from fallback-src", %{
       end)
 
       assert admin_conn
+             |> put_req_header("content-type", "multipart/form-data")
              |> post("/api/pleroma/emoji/packs/download", %{
                url: "https://example.com",
                name: "test_pack",
                as: "test_pack2"
              })
-             |> json_response(200) == "ok"
+             |> json_response_and_validate_schema(200) == "ok"
 
       assert File.exists?("#{@emoji_path}/test_pack2/pack.json")
       assert File.exists?("#{@emoji_path}/test_pack2/blank.png")
 
       assert admin_conn
              |> delete("/api/pleroma/emoji/packs/test_pack2")
-             |> json_response(200) == "ok"
+             |> json_response_and_validate_schema(200) == "ok"
 
       refute File.exists?("#{@emoji_path}/test_pack2")
 
       assert admin_conn
+             |> put_req_header("content-type", "multipart/form-data")
              |> post(
                "/api/pleroma/emoji/packs/download",
                %{
@@ -186,14 +186,14 @@ test "shared pack from remote and non shared from fallback-src", %{
                  as: "test_pack_nonshared2"
                }
              )
-             |> json_response(200) == "ok"
+             |> json_response_and_validate_schema(200) == "ok"
 
       assert File.exists?("#{@emoji_path}/test_pack_nonshared2/pack.json")
       assert File.exists?("#{@emoji_path}/test_pack_nonshared2/blank.png")
 
       assert admin_conn
              |> delete("/api/pleroma/emoji/packs/test_pack_nonshared2")
-             |> json_response(200) == "ok"
+             |> json_response_and_validate_schema(200) == "ok"
 
       refute File.exists?("#{@emoji_path}/test_pack_nonshared2")
     end
@@ -208,6 +208,7 @@ test "nonshareable instance", %{admin_conn: admin_conn} do
       end)
 
       assert admin_conn
+             |> put_req_header("content-type", "multipart/form-data")
              |> post(
                "/api/pleroma/emoji/packs/download",
                %{
@@ -216,7 +217,7 @@ test "nonshareable instance", %{admin_conn: admin_conn} do
                  as: "test_pack2"
                }
              )
-             |> json_response(500) == %{
+             |> json_response_and_validate_schema(500) == %{
                "error" => "The requested instance does not support sharing emoji packs"
              }
     end
@@ -233,10 +234,8 @@ test "checksum fail", %{admin_conn: admin_conn} do
           method: :get,
           url: "https://example.com/api/pleroma/emoji/packs/pack_bad_sha"
         } ->
-          %Tesla.Env{
-            status: 200,
-            body: Pleroma.Emoji.Pack.load_pack("pack_bad_sha") |> Jason.encode!()
-          }
+          {:ok, pack} = Pleroma.Emoji.Pack.load_pack("pack_bad_sha")
+          %Tesla.Env{status: 200, body: Jason.encode!(pack)}
 
         %{
           method: :get,
@@ -249,12 +248,13 @@ test "checksum fail", %{admin_conn: admin_conn} do
       end)
 
       assert admin_conn
+             |> put_req_header("content-type", "multipart/form-data")
              |> post("/api/pleroma/emoji/packs/download", %{
                url: "https://example.com",
                name: "pack_bad_sha",
                as: "pack_bad_sha2"
              })
-             |> json_response(:internal_server_error) == %{
+             |> json_response_and_validate_schema(:internal_server_error) == %{
                "error" => "SHA256 for the pack doesn't match the one sent by the server"
              }
     end
@@ -271,19 +271,18 @@ test "other error", %{admin_conn: admin_conn} do
           method: :get,
           url: "https://example.com/api/pleroma/emoji/packs/test_pack"
         } ->
-          %Tesla.Env{
-            status: 200,
-            body: Pleroma.Emoji.Pack.load_pack("test_pack") |> Jason.encode!()
-          }
+          {:ok, pack} = Pleroma.Emoji.Pack.load_pack("test_pack")
+          %Tesla.Env{status: 200, body: Jason.encode!(pack)}
       end)
 
       assert admin_conn
+             |> put_req_header("content-type", "multipart/form-data")
              |> post("/api/pleroma/emoji/packs/download", %{
                url: "https://example.com",
                name: "test_pack",
                as: "test_pack2"
              })
-             |> json_response(:internal_server_error) == %{
+             |> json_response_and_validate_schema(:internal_server_error) == %{
                "error" =>
                  "The pack was not set as shared and there is no fallback src to download from"
              }
@@ -311,8 +310,9 @@ test "other error", %{admin_conn: admin_conn} do
 
     test "for a pack without a fallback source", ctx do
       assert ctx[:admin_conn]
+             |> put_req_header("content-type", "multipart/form-data")
              |> patch("/api/pleroma/emoji/packs/test_pack", %{"metadata" => ctx[:new_data]})
-             |> json_response(200) == ctx[:new_data]
+             |> json_response_and_validate_schema(200) == ctx[:new_data]
 
       assert Jason.decode!(File.read!(ctx[:pack_file]))["pack"] == ctx[:new_data]
     end
@@ -336,8 +336,9 @@ test "for a pack with a fallback source", ctx do
         )
 
       assert ctx[:admin_conn]
+             |> put_req_header("content-type", "multipart/form-data")
              |> patch("/api/pleroma/emoji/packs/test_pack", %{metadata: new_data})
-             |> json_response(200) == new_data_with_sha
+             |> json_response_and_validate_schema(200) == new_data_with_sha
 
       assert Jason.decode!(File.read!(ctx[:pack_file]))["pack"] == new_data_with_sha
     end
@@ -355,8 +356,9 @@ test "when the fallback source doesn't have all the files", ctx do
       new_data = Map.put(ctx[:new_data], "fallback-src", "https://nonshared-pack")
 
       assert ctx[:admin_conn]
+             |> put_req_header("content-type", "multipart/form-data")
              |> patch("/api/pleroma/emoji/packs/test_pack", %{metadata: new_data})
-             |> json_response(:bad_request) == %{
+             |> json_response_and_validate_schema(:bad_request) == %{
                "error" => "The fallback archive does not have all files specified in pack.json"
              }
     end
@@ -376,6 +378,7 @@ test "when the fallback source doesn't have all the files", ctx do
 
     test "create shortcode exists", %{admin_conn: admin_conn} do
       assert admin_conn
+             |> put_req_header("content-type", "multipart/form-data")
              |> post("/api/pleroma/emoji/packs/test_pack/files", %{
                shortcode: "blank",
                filename: "dir/blank.png",
@@ -384,7 +387,7 @@ test "create shortcode exists", %{admin_conn: admin_conn} do
                  path: "#{@emoji_path}/test_pack/blank.png"
                }
              })
-             |> json_response(:conflict) == %{
+             |> json_response_and_validate_schema(:conflict) == %{
                "error" => "An emoji with the \"blank\" shortcode already exists"
              }
     end
@@ -393,6 +396,7 @@ test "don't rewrite old emoji", %{admin_conn: admin_conn} do
       on_exit(fn -> File.rm_rf!("#{@emoji_path}/test_pack/dir/") end)
 
       assert admin_conn
+             |> put_req_header("content-type", "multipart/form-data")
              |> post("/api/pleroma/emoji/packs/test_pack/files", %{
                shortcode: "blank2",
                filename: "dir/blank.png",
@@ -401,17 +405,21 @@ test "don't rewrite old emoji", %{admin_conn: admin_conn} do
                  path: "#{@emoji_path}/test_pack/blank.png"
                }
              })
-             |> json_response(200) == %{"blank" => "blank.png", "blank2" => "dir/blank.png"}
+             |> json_response_and_validate_schema(200) == %{
+               "blank" => "blank.png",
+               "blank2" => "dir/blank.png"
+             }
 
       assert File.exists?("#{@emoji_path}/test_pack/dir/blank.png")
 
       assert admin_conn
+             |> put_req_header("content-type", "multipart/form-data")
              |> patch("/api/pleroma/emoji/packs/test_pack/files", %{
                shortcode: "blank",
                new_shortcode: "blank2",
                new_filename: "dir_2/blank_3.png"
              })
-             |> json_response(:conflict) == %{
+             |> json_response_and_validate_schema(:conflict) == %{
                "error" =>
                  "New shortcode \"blank2\" is already used. If you want to override emoji use 'force' option"
              }
@@ -421,6 +429,7 @@ test "rewrite old emoji with force option", %{admin_conn: admin_conn} do
       on_exit(fn -> File.rm_rf!("#{@emoji_path}/test_pack/dir_2/") end)
 
       assert admin_conn
+             |> put_req_header("content-type", "multipart/form-data")
              |> post("/api/pleroma/emoji/packs/test_pack/files", %{
                shortcode: "blank2",
                filename: "dir/blank.png",
@@ -429,18 +438,22 @@ test "rewrite old emoji with force option", %{admin_conn: admin_conn} do
                  path: "#{@emoji_path}/test_pack/blank.png"
                }
              })
-             |> json_response(200) == %{"blank" => "blank.png", "blank2" => "dir/blank.png"}
+             |> json_response_and_validate_schema(200) == %{
+               "blank" => "blank.png",
+               "blank2" => "dir/blank.png"
+             }
 
       assert File.exists?("#{@emoji_path}/test_pack/dir/blank.png")
 
       assert admin_conn
+             |> put_req_header("content-type", "multipart/form-data")
              |> patch("/api/pleroma/emoji/packs/test_pack/files", %{
                shortcode: "blank2",
                new_shortcode: "blank3",
                new_filename: "dir_2/blank_3.png",
                force: true
              })
-             |> json_response(200) == %{
+             |> json_response_and_validate_schema(200) == %{
                "blank" => "blank.png",
                "blank3" => "dir_2/blank_3.png"
              }
@@ -450,6 +463,7 @@ test "rewrite old emoji with force option", %{admin_conn: admin_conn} do
 
     test "with empty filename", %{admin_conn: admin_conn} do
       assert admin_conn
+             |> put_req_header("content-type", "multipart/form-data")
              |> post("/api/pleroma/emoji/packs/test_pack/files", %{
                shortcode: "blank2",
                filename: "",
@@ -458,13 +472,14 @@ test "with empty filename", %{admin_conn: admin_conn} do
                  path: "#{@emoji_path}/test_pack/blank.png"
                }
              })
-             |> json_response(:bad_request) == %{
+             |> json_response_and_validate_schema(:bad_request) == %{
                "error" => "pack name, shortcode or filename cannot be empty"
              }
     end
 
     test "add file with not loaded pack", %{admin_conn: admin_conn} do
       assert admin_conn
+             |> put_req_header("content-type", "multipart/form-data")
              |> post("/api/pleroma/emoji/packs/not_loaded/files", %{
                shortcode: "blank2",
                filename: "dir/blank.png",
@@ -473,37 +488,43 @@ test "add file with not loaded pack", %{admin_conn: admin_conn} do
                  path: "#{@emoji_path}/test_pack/blank.png"
                }
              })
-             |> json_response(:bad_request) == %{
+             |> json_response_and_validate_schema(:bad_request) == %{
                "error" => "pack \"not_loaded\" is not found"
              }
     end
 
     test "remove file with not loaded pack", %{admin_conn: admin_conn} do
       assert admin_conn
-             |> delete("/api/pleroma/emoji/packs/not_loaded/files", %{shortcode: "blank3"})
-             |> json_response(:bad_request) == %{"error" => "pack \"not_loaded\" is not found"}
+             |> delete("/api/pleroma/emoji/packs/not_loaded/files?shortcode=blank3")
+             |> json_response_and_validate_schema(:bad_request) == %{
+               "error" => "pack \"not_loaded\" is not found"
+             }
     end
 
     test "remove file with empty shortcode", %{admin_conn: admin_conn} do
       assert admin_conn
-             |> delete("/api/pleroma/emoji/packs/not_loaded/files", %{shortcode: ""})
-             |> json_response(:bad_request) == %{
+             |> delete("/api/pleroma/emoji/packs/not_loaded/files?shortcode=")
+             |> json_response_and_validate_schema(:bad_request) == %{
                "error" => "pack name or shortcode cannot be empty"
              }
     end
 
     test "update file with not loaded pack", %{admin_conn: admin_conn} do
       assert admin_conn
+             |> put_req_header("content-type", "multipart/form-data")
              |> patch("/api/pleroma/emoji/packs/not_loaded/files", %{
                shortcode: "blank4",
                new_shortcode: "blank3",
                new_filename: "dir_2/blank_3.png"
              })
-             |> json_response(:bad_request) == %{"error" => "pack \"not_loaded\" is not found"}
+             |> json_response_and_validate_schema(:bad_request) == %{
+               "error" => "pack \"not_loaded\" is not found"
+             }
     end
 
     test "new with shortcode as file with update", %{admin_conn: admin_conn} do
       assert admin_conn
+             |> put_req_header("content-type", "multipart/form-data")
              |> post("/api/pleroma/emoji/packs/test_pack/files", %{
                shortcode: "blank4",
                filename: "dir/blank.png",
@@ -512,24 +533,31 @@ test "new with shortcode as file with update", %{admin_conn: admin_conn} do
                  path: "#{@emoji_path}/test_pack/blank.png"
                }
              })
-             |> json_response(200) == %{"blank" => "blank.png", "blank4" => "dir/blank.png"}
+             |> json_response_and_validate_schema(200) == %{
+               "blank" => "blank.png",
+               "blank4" => "dir/blank.png"
+             }
 
       assert File.exists?("#{@emoji_path}/test_pack/dir/blank.png")
 
       assert admin_conn
+             |> put_req_header("content-type", "multipart/form-data")
              |> patch("/api/pleroma/emoji/packs/test_pack/files", %{
                shortcode: "blank4",
                new_shortcode: "blank3",
                new_filename: "dir_2/blank_3.png"
              })
-             |> json_response(200) == %{"blank3" => "dir_2/blank_3.png", "blank" => "blank.png"}
+             |> json_response_and_validate_schema(200) == %{
+               "blank3" => "dir_2/blank_3.png",
+               "blank" => "blank.png"
+             }
 
       refute File.exists?("#{@emoji_path}/test_pack/dir/")
       assert File.exists?("#{@emoji_path}/test_pack/dir_2/blank_3.png")
 
       assert admin_conn
-             |> delete("/api/pleroma/emoji/packs/test_pack/files", %{shortcode: "blank3"})
-             |> json_response(200) == %{"blank" => "blank.png"}
+             |> delete("/api/pleroma/emoji/packs/test_pack/files?shortcode=blank3")
+             |> json_response_and_validate_schema(200) == %{"blank" => "blank.png"}
 
       refute File.exists?("#{@emoji_path}/test_pack/dir_2/")
 
@@ -546,11 +574,12 @@ test "new with shortcode from url", %{admin_conn: admin_conn} do
       end)
 
       assert admin_conn
+             |> put_req_header("content-type", "multipart/form-data")
              |> post("/api/pleroma/emoji/packs/test_pack/files", %{
                shortcode: "blank_url",
                file: "https://test-blank/blank_url.png"
              })
-             |> json_response(200) == %{
+             |> json_response_and_validate_schema(200) == %{
                "blank_url" => "blank_url.png",
                "blank" => "blank.png"
              }
@@ -564,40 +593,51 @@ test "new without shortcode", %{admin_conn: admin_conn} do
       on_exit(fn -> File.rm_rf!("#{@emoji_path}/test_pack/shortcode.png") end)
 
       assert admin_conn
+             |> put_req_header("content-type", "multipart/form-data")
              |> post("/api/pleroma/emoji/packs/test_pack/files", %{
                file: %Plug.Upload{
                  filename: "shortcode.png",
                  path: "#{Pleroma.Config.get([:instance, :static_dir])}/add/shortcode.png"
                }
              })
-             |> json_response(200) == %{"shortcode" => "shortcode.png", "blank" => "blank.png"}
+             |> json_response_and_validate_schema(200) == %{
+               "shortcode" => "shortcode.png",
+               "blank" => "blank.png"
+             }
     end
 
     test "remove non existing shortcode in pack.json", %{admin_conn: admin_conn} do
       assert admin_conn
-             |> delete("/api/pleroma/emoji/packs/test_pack/files", %{shortcode: "blank2"})
-             |> json_response(:bad_request) == %{"error" => "Emoji \"blank2\" does not exist"}
+             |> delete("/api/pleroma/emoji/packs/test_pack/files?shortcode=blank2")
+             |> json_response_and_validate_schema(:bad_request) == %{
+               "error" => "Emoji \"blank2\" does not exist"
+             }
     end
 
     test "update non existing emoji", %{admin_conn: admin_conn} do
       assert admin_conn
+             |> put_req_header("content-type", "multipart/form-data")
              |> patch("/api/pleroma/emoji/packs/test_pack/files", %{
                shortcode: "blank2",
                new_shortcode: "blank3",
                new_filename: "dir_2/blank_3.png"
              })
-             |> json_response(:bad_request) == %{"error" => "Emoji \"blank2\" does not exist"}
+             |> json_response_and_validate_schema(:bad_request) == %{
+               "error" => "Emoji \"blank2\" does not exist"
+             }
     end
 
     test "update with empty shortcode", %{admin_conn: admin_conn} do
-      assert admin_conn
-             |> patch("/api/pleroma/emoji/packs/test_pack/files", %{
-               shortcode: "blank",
-               new_filename: "dir_2/blank_3.png"
-             })
-             |> json_response(:bad_request) == %{
-               "error" => "new_shortcode or new_filename cannot be empty"
-             }
+      assert %{
+               "error" => "Missing field: new_shortcode."
+             } =
+               admin_conn
+               |> put_req_header("content-type", "multipart/form-data")
+               |> patch("/api/pleroma/emoji/packs/test_pack/files", %{
+                 shortcode: "blank",
+                 new_filename: "dir_2/blank_3.png"
+               })
+               |> json_response_and_validate_schema(:bad_request)
     end
   end
 
@@ -605,7 +645,7 @@ test "update with empty shortcode", %{admin_conn: admin_conn} do
     test "creating and deleting a pack", %{admin_conn: admin_conn} do
       assert admin_conn
              |> post("/api/pleroma/emoji/packs/test_created")
-             |> json_response(200) == "ok"
+             |> json_response_and_validate_schema(200) == "ok"
 
       assert File.exists?("#{@emoji_path}/test_created/pack.json")
 
@@ -616,7 +656,7 @@ test "creating and deleting a pack", %{admin_conn: admin_conn} do
 
       assert admin_conn
              |> delete("/api/pleroma/emoji/packs/test_created")
-             |> json_response(200) == "ok"
+             |> json_response_and_validate_schema(200) == "ok"
 
       refute File.exists?("#{@emoji_path}/test_created/pack.json")
     end
@@ -629,7 +669,7 @@ test "if pack exists", %{admin_conn: admin_conn} do
 
       assert admin_conn
              |> post("/api/pleroma/emoji/packs/test_created")
-             |> json_response(:conflict) == %{
+             |> json_response_and_validate_schema(:conflict) == %{
                "error" => "A pack named \"test_created\" already exists"
              }
 
@@ -639,20 +679,26 @@ test "if pack exists", %{admin_conn: admin_conn} do
     test "with empty name", %{admin_conn: admin_conn} do
       assert admin_conn
              |> post("/api/pleroma/emoji/packs/ ")
-             |> json_response(:bad_request) == %{"error" => "pack name cannot be empty"}
+             |> json_response_and_validate_schema(:bad_request) == %{
+               "error" => "pack name cannot be empty"
+             }
     end
   end
 
   test "deleting nonexisting pack", %{admin_conn: admin_conn} do
     assert admin_conn
            |> delete("/api/pleroma/emoji/packs/non_existing")
-           |> json_response(:not_found) == %{"error" => "Pack non_existing does not exist"}
+           |> json_response_and_validate_schema(:not_found) == %{
+             "error" => "Pack non_existing does not exist"
+           }
   end
 
   test "deleting with empty name", %{admin_conn: admin_conn} do
     assert admin_conn
            |> delete("/api/pleroma/emoji/packs/ ")
-           |> json_response(:bad_request) == %{"error" => "pack name cannot be empty"}
+           |> json_response_and_validate_schema(:bad_request) == %{
+             "error" => "pack name cannot be empty"
+           }
   end
 
   test "filesystem import", %{admin_conn: admin_conn, conn: conn} do
@@ -661,15 +707,15 @@ test "filesystem import", %{admin_conn: admin_conn, conn: conn} do
       File.rm!("#{@emoji_path}/test_pack_for_import/pack.json")
     end)
 
-    resp = conn |> get("/api/pleroma/emoji/packs") |> json_response(200)
+    resp = conn |> get("/api/pleroma/emoji/packs") |> json_response_and_validate_schema(200)
 
     refute Map.has_key?(resp, "test_pack_for_import")
 
     assert admin_conn
            |> get("/api/pleroma/emoji/packs/import")
-           |> json_response(200) == ["test_pack_for_import"]
+           |> json_response_and_validate_schema(200) == ["test_pack_for_import"]
 
-    resp = conn |> get("/api/pleroma/emoji/packs") |> json_response(200)
+    resp = conn |> get("/api/pleroma/emoji/packs") |> json_response_and_validate_schema(200)
     assert resp["test_pack_for_import"]["files"] == %{"blank" => "blank.png"}
 
     File.rm!("#{@emoji_path}/test_pack_for_import/pack.json")
@@ -686,9 +732,9 @@ test "filesystem import", %{admin_conn: admin_conn, conn: conn} do
 
     assert admin_conn
            |> get("/api/pleroma/emoji/packs/import")
-           |> json_response(200) == ["test_pack_for_import"]
+           |> json_response_and_validate_schema(200) == ["test_pack_for_import"]
 
-    resp = conn |> get("/api/pleroma/emoji/packs") |> json_response(200)
+    resp = conn |> get("/api/pleroma/emoji/packs") |> json_response_and_validate_schema(200)
 
     assert resp["test_pack_for_import"]["files"] == %{
              "blank" => "blank.png",
@@ -712,19 +758,23 @@ test "shows pack.json", %{conn: conn} do
              } =
                conn
                |> get("/api/pleroma/emoji/packs/test_pack")
-               |> json_response(200)
+               |> json_response_and_validate_schema(200)
     end
 
     test "non existing pack", %{conn: conn} do
       assert conn
              |> get("/api/pleroma/emoji/packs/non_existing")
-             |> json_response(:not_found) == %{"error" => "Pack non_existing does not exist"}
+             |> json_response_and_validate_schema(:not_found) == %{
+               "error" => "Pack non_existing does not exist"
+             }
     end
 
     test "error name", %{conn: conn} do
       assert conn
              |> get("/api/pleroma/emoji/packs/ ")
-             |> json_response(:bad_request) == %{"error" => "pack name cannot be empty"}
+             |> json_response_and_validate_schema(:bad_request) == %{
+               "error" => "pack name cannot be empty"
+             }
     end
   end
 end
diff --git a/test/web/pleroma_api/controllers/mascot_controller_test.exs b/test/web/pleroma_api/controllers/mascot_controller_test.exs
index 617831b02..e2ead6e15 100644
--- a/test/web/pleroma_api/controllers/mascot_controller_test.exs
+++ b/test/web/pleroma_api/controllers/mascot_controller_test.exs
@@ -16,9 +16,12 @@ test "mascot upload" do
       filename: "sound.mp3"
     }
 
-    ret_conn = put(conn, "/api/v1/pleroma/mascot", %{"file" => non_image_file})
+    ret_conn =
+      conn
+      |> put_req_header("content-type", "multipart/form-data")
+      |> put("/api/v1/pleroma/mascot", %{"file" => non_image_file})
 
-    assert json_response(ret_conn, 415)
+    assert json_response_and_validate_schema(ret_conn, 415)
 
     file = %Plug.Upload{
       content_type: "image/jpg",
@@ -26,9 +29,12 @@ test "mascot upload" do
       filename: "an_image.jpg"
     }
 
-    conn = put(conn, "/api/v1/pleroma/mascot", %{"file" => file})
+    conn =
+      conn
+      |> put_req_header("content-type", "multipart/form-data")
+      |> put("/api/v1/pleroma/mascot", %{"file" => file})
 
-    assert %{"id" => _, "type" => image} = json_response(conn, 200)
+    assert %{"id" => _, "type" => image} = json_response_and_validate_schema(conn, 200)
   end
 
   test "mascot retrieving" do
@@ -37,7 +43,7 @@ test "mascot retrieving" do
     # When user hasn't set a mascot, we should just get pleroma tan back
     ret_conn = get(conn, "/api/v1/pleroma/mascot")
 
-    assert %{"url" => url} = json_response(ret_conn, 200)
+    assert %{"url" => url} = json_response_and_validate_schema(ret_conn, 200)
     assert url =~ "pleroma-fox-tan-smol"
 
     # When a user sets their mascot, we should get that back
@@ -47,9 +53,12 @@ test "mascot retrieving" do
       filename: "an_image.jpg"
     }
 
-    ret_conn = put(conn, "/api/v1/pleroma/mascot", %{"file" => file})
+    ret_conn =
+      conn
+      |> put_req_header("content-type", "multipart/form-data")
+      |> put("/api/v1/pleroma/mascot", %{"file" => file})
 
-    assert json_response(ret_conn, 200)
+    assert json_response_and_validate_schema(ret_conn, 200)
 
     user = User.get_cached_by_id(user.id)
 
@@ -58,7 +67,7 @@ test "mascot retrieving" do
       |> assign(:user, user)
       |> get("/api/v1/pleroma/mascot")
 
-    assert %{"url" => url, "type" => "image"} = json_response(conn, 200)
+    assert %{"url" => url, "type" => "image"} = json_response_and_validate_schema(conn, 200)
     assert url =~ "an_image"
   end
 end
diff --git a/test/web/pleroma_api/controllers/scrobble_controller_test.exs b/test/web/pleroma_api/controllers/scrobble_controller_test.exs
index 1b945040c..f39c07ac6 100644
--- a/test/web/pleroma_api/controllers/scrobble_controller_test.exs
+++ b/test/web/pleroma_api/controllers/scrobble_controller_test.exs
@@ -12,14 +12,16 @@ test "works correctly" do
       %{conn: conn} = oauth_access(["write"])
 
       conn =
-        post(conn, "/api/v1/pleroma/scrobble", %{
+        conn
+        |> put_req_header("content-type", "application/json")
+        |> post("/api/v1/pleroma/scrobble", %{
           "title" => "lain radio episode 1",
           "artist" => "lain",
           "album" => "lain radio",
           "length" => "180000"
         })
 
-      assert %{"title" => "lain radio episode 1"} = json_response(conn, 200)
+      assert %{"title" => "lain radio episode 1"} = json_response_and_validate_schema(conn, 200)
     end
   end
 
@@ -29,28 +31,28 @@ test "works correctly" do
 
       {:ok, _activity} =
         CommonAPI.listen(user, %{
-          "title" => "lain radio episode 1",
-          "artist" => "lain",
-          "album" => "lain radio"
+          title: "lain radio episode 1",
+          artist: "lain",
+          album: "lain radio"
         })
 
       {:ok, _activity} =
         CommonAPI.listen(user, %{
-          "title" => "lain radio episode 2",
-          "artist" => "lain",
-          "album" => "lain radio"
+          title: "lain radio episode 2",
+          artist: "lain",
+          album: "lain radio"
         })
 
       {:ok, _activity} =
         CommonAPI.listen(user, %{
-          "title" => "lain radio episode 3",
-          "artist" => "lain",
-          "album" => "lain radio"
+          title: "lain radio episode 3",
+          artist: "lain",
+          album: "lain radio"
         })
 
       conn = get(conn, "/api/v1/pleroma/accounts/#{user.id}/scrobbles")
 
-      result = json_response(conn, 200)
+      result = json_response_and_validate_schema(conn, 200)
 
       assert length(result) == 3
     end
diff --git a/test/web/pleroma_api/views/scrobble_view_test.exs b/test/web/pleroma_api/views/scrobble_view_test.exs
new file mode 100644
index 000000000..6bdb56509
--- /dev/null
+++ b/test/web/pleroma_api/views/scrobble_view_test.exs
@@ -0,0 +1,20 @@
+# Pleroma: A lightweight social networking server
+# Copyright © 2017-2020 Pleroma Authors <https://pleroma.social/>
+# SPDX-License-Identifier: AGPL-3.0-only
+
+defmodule Pleroma.Web.PleromaAPI.StatusViewTest do
+  use Pleroma.DataCase
+
+  alias Pleroma.Web.PleromaAPI.ScrobbleView
+
+  import Pleroma.Factory
+
+  test "successfully renders a Listen activity (pleroma extension)" do
+    listen_activity = insert(:listen)
+
+    status = ScrobbleView.render("show.json", activity: listen_activity)
+
+    assert status.length == listen_activity.data["object"]["length"]
+    assert status.title == listen_activity.data["object"]["title"]
+  end
+end